@tonyclaw/agent-inspector 2.1.20 → 2.1.22

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

@@ -734,7 +734,7 @@ const __iconNode = [
 ];
 const Zap = createLucideIcon("zap", __iconNode);
 export {
-  Wifi as $,
+  Lock as $,
   ArrowLeft as A,
   Bell as B,
   CircleCheck as C,
@@ -742,43 +742,43 @@ export {
   EyeOff as E,
   FileBraces as F,
   Gauge as G,
-  Clock as H,
+  RotateCw as H,
   Info as I,
-  Pencil as J,
-  MessageSquare as K,
+  Clock as J,
+  Pencil as K,
   LoaderCircle as L,
   Monitor as M,
-  Brain as N,
-  Minus as O,
+  MessageSquare as N,
+  Brain as O,
   Plus as P,
-  CircleCheckBig as Q,
+  Minus as Q,
   RefreshCw as R,
-  Siren as S,
+  Search as S,
   TriangleAlert as T,
   Upload as U,
-  CircleQuestionMark as V,
+  CircleCheckBig as V,
   Wrench as W,
   X,
-  Server as Y,
+  CircleQuestionMark as Y,
   Zap as Z,
-  Lock as _,
+  Server as _,
   ChevronDown as a,
-  WifiOff as a0,
-  CircleX as a1,
-  ShieldCheck as a2,
-  Save as a3,
-  FileSearch as a4,
-  CloudUpload as a5,
-  OctagonAlert as a6,
-  Radio as a7,
-  Globe as a8,
-  FileTerminal as a9,
-  ChevronsUp as aa,
-  ChevronsDown as ab,
-  FileDiff as ac,
-  History as ad,
-  RotateCcw as ae,
-  Search as af,
+  Wifi as a0,
+  WifiOff as a1,
+  CircleX as a2,
+  ShieldCheck as a3,
+  Save as a4,
+  FileSearch as a5,
+  CloudUpload as a6,
+  OctagonAlert as a7,
+  Radio as a8,
+  Globe as a9,
+  FileTerminal as aa,
+  ChevronsUp as ab,
+  ChevronsDown as ac,
+  FileDiff as ad,
+  History as ae,
+  RotateCcw as af,
   GitCompareArrows as ag,
   ArrowUp as ah,
   ArrowDown as ai,
@@ -803,19 +803,19 @@ export {
   ChevronsRight as i,
   Clapperboard as j,
   Flag as k,
-  Timer as l,
-  Layers as m,
-  Settings as n,
-  Scan as o,
-  CircleAlert as p,
-  Terminal as q,
-  ArrowUpRight as r,
-  ArrowDownRight as s,
-  Cpu as t,
-  FolderOpen as u,
-  Clock3 as v,
-  ShieldAlert as w,
-  Eye as x,
-  ExternalLink as y,
-  RotateCw as z
+  Siren as l,
+  Timer as m,
+  Layers as n,
+  Settings as o,
+  Scan as p,
+  CircleAlert as q,
+  Terminal as r,
+  ArrowUpRight as s,
+  ArrowDownRight as t,
+  Cpu as u,
+  FolderOpen as v,
+  Clock3 as w,
+  ShieldAlert as x,
+  Eye as y,
+  ExternalLink as z
 };

package/.output/server/{_sessionId-CbsSRLSa.mjs → _sessionId-CBwwWBFg.mjs}

@@ -1,6 +1,6 @@
-import { j as jsxRuntimeExports } from "./_libs/react.mjs";
-import { P as ProxyViewerContainer } from "./_ssr/ProxyViewerContainer-DIN2AjhM.mjs";
-import { R as Route$B } from "./_ssr/router-BMdwHLHh.mjs";
+import { j as jsxRuntimeExports, r as reactExports } from "./_libs/react.mjs";
+import { P as ProxyViewerContainer } from "./_ssr/ProxyViewerContainer-BX4RgrZU.mjs";
+import { R as Route$B } from "./_ssr/router-DlGZ0qLz.mjs";
 import "./_libs/jszip.mjs";
 import "./_libs/modelcontextprotocol__server.mjs";
 import "./_libs/swr.mjs";
@@ -119,6 +119,21 @@ function SessionViewerRoute() {
   const {
     sessionId
   } = Route$B.useParams();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ClientOnlySessionViewer, { sessionId });
+}
+function ClientOnlySessionViewer({
+  sessionId
+}) {
+  const [mounted, setMounted] = reactExports.useState(false);
+  reactExports.useEffect(() => {
+    setMounted(true);
+  }, []);
+  if (!mounted) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("main", { className: "min-h-screen bg-background text-foreground", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-auto flex min-h-screen w-full max-w-2xl flex-col justify-center px-6 py-16 text-center", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border border-border bg-card shadow-sm rounded-[8px] px-4 py-8", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm font-medium text-muted-foreground", children: "Loading session data..." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-3 inline-block max-w-full rounded bg-muted px-3 py-1 font-mono text-xs break-all text-muted-foreground", children: sessionId })
+    ] }) }) });
+  }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ProxyViewerContainer, { initialSessionId: sessionId }, sessionId);
 }
 export {

package/.output/server/_ssr/{CompareDrawer-BiSslksi.mjs → CompareDrawer-Dw6CL_qf.mjs}

@@ -1,9 +1,9 @@
 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, b as copyTextToClipboard, L as LazyJsonViewerFromString } from "./ProxyViewerContainer-DIN2AjhM.mjs";
-import "./router-BMdwHLHh.mjs";
+import { g as getLogFormatAdapter, r as resolveLogFormat, a as getConversationId, c as cn, B as Badge, f as formatTokens, b as copyTextToClipboard, L as LazyJsonViewerFromString } from "./ProxyViewerContainer-BX4RgrZU.mjs";
+import "./router-DlGZ0qLz.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
-import { X, ao as Rows3, ap as Columns2, O as Minus, P as Plus, J as Pencil, h as ChevronRight, aq as Equal, b as Check, e as Copy } from "../_libs/lucide-react.mjs";
+import { X, ao as Rows3, ap as Columns2, Q as Minus, P as Plus, K as Pencil, h as ChevronRight, aq as Equal, b as Check, e 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/{ProxyViewerContainer-DIN2AjhM.mjs → ProxyViewerContainer-BX4RgrZU.mjs}

@@ -1,5 +1,5 @@
 import { r as reactExports, j as jsxRuntimeExports, a as React } from "../_libs/react.mjs";
-import { I as InspectorGroupsListResponseSchema, C as CapturedLogSchema, D as DEFAULT_CAPTURE_MODE, a as DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS, b as DEFAULT_PROVIDER_TEST_TIMEOUT_SECONDS, c as DEFAULT_TIME_DISPLAY_FORMAT, d as RuntimeConfigSchema, p as packageJson, P as ProviderConfigSchema, i as apiFormatForPath, n as DeleteInspectorGroupsResponseSchema, o as GroupEvidenceExportResultSchema, q as DeleteInspectorGroupResponseSchema, z as createPendingProviderTestResults, B as ProviderTestResultsSchema, E as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, F as MAX_PROVIDER_TEST_TIMEOUT_SECONDS, T as TimeDisplayFormatSchema, l as AlertSummarySchema, m as AlertListResponseSchema, G as GroupEvidenceReadResponseSchema, u as maskApiKey, v as PATH_V1_MESSAGES, w as PATH_V1_CHAT_COMPLETIONS, x as PATH_V1_RESPONSES, r as providerHasContextMetadata, t as findProviderModelMetadata, f as parseOpenAIResponse, g as parseOpenAIResponsesResponse, O as OpenAIRequestSchema, h as OpenAIResponsesRequestSchema, A as AnthropicResponseSchema$1, e as AnthropicRequestSchema, s as safeGetOwnProperty, H as resolveProviderContextWindow, j as getSessionPath, y as previewUpstreamUrl, K as KnowledgeCandidateSchema, J as isPlainRecord, k as stripClaudeCodeBillingHeader, L as LogBodyChunkSchema } from "./router-BMdwHLHh.mjs";
+import { I as InspectorGroupsListResponseSchema, C as CapturedLogSchema, D as DEFAULT_CAPTURE_MODE, a as DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS, b as DEFAULT_PROVIDER_TEST_TIMEOUT_SECONDS, c as DEFAULT_TIME_DISPLAY_FORMAT, d as RuntimeConfigSchema, p as packageJson, P as ProviderConfigSchema, i as apiFormatForPath, n as DeleteInspectorGroupsResponseSchema, o as GroupEvidenceExportResultSchema, q as DeleteInspectorGroupResponseSchema, z as createPendingProviderTestResults, B as ProviderTestResultsSchema, E as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, F as MAX_PROVIDER_TEST_TIMEOUT_SECONDS, T as TimeDisplayFormatSchema, l as AlertSummarySchema, m as AlertListResponseSchema, G as GroupEvidenceReadResponseSchema, u as maskApiKey, v as PATH_V1_MESSAGES, w as PATH_V1_CHAT_COMPLETIONS, x as PATH_V1_RESPONSES, r as providerHasContextMetadata, t as findProviderModelMetadata, f as parseOpenAIResponse, g as parseOpenAIResponsesResponse, O as OpenAIRequestSchema, h as OpenAIResponsesRequestSchema, A as AnthropicResponseSchema$1, e as AnthropicRequestSchema, s as safeGetOwnProperty, H as resolveProviderContextWindow, j as getSessionPath, y as previewUpstreamUrl, K as KnowledgeCandidateSchema, J as isPlainRecord, k as stripClaudeCodeBillingHeader, L as LogBodyChunkSchema } from "./router-DlGZ0qLz.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 { c as cva } from "../_libs/class-variance-authority.mjs";
 import { u as useWindowVirtualizer, a as useVirtualizer } from "../_libs/tanstack__react-virtual.mjs";
 import { d as diffJson, a as diffLines } from "../_libs/diff.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 { T as TriangleAlert, C as CircleCheck, X, I as Info, a as ChevronDown, b as Check, U as Upload, D as Download, F as FileBraces, c as Trash2, P as Plus, A as ArrowLeft, d as ChevronUp, e as Copy, f as ChevronsLeft, g as ChevronLeft, h as ChevronRight, i as ChevronsRight, j as Clapperboard, k as Flag, S as Siren, l as Timer, G as Gauge, L as LoaderCircle, R as RefreshCw, m as Layers, n as Settings, M as Monitor, o as Scan, p as CircleAlert, q as Terminal, r as ArrowUpRight, s as ArrowDownRight, t as Cpu, u as FolderOpen, B as Bell, v as Clock3, w as ShieldAlert, E as EyeOff, x as Eye, y as ExternalLink, z as RotateCw, H as Clock, J as Pencil, K as MessageSquare, Z as Zap, W as Wrench, N as Brain, O as Minus, Q as CircleCheckBig, V as CircleQuestionMark, Y as Server, _ as Lock, $ as Wifi, a0 as WifiOff, a1 as CircleX, a2 as ShieldCheck, a3 as Save, a4 as FileSearch, a5 as CloudUpload, a6 as OctagonAlert, a7 as Radio, a8 as Globe, a9 as FileTerminal, aa as ChevronsUp, ab as ChevronsDown, ac as FileDiff, ad as History, ae as RotateCcw, af as Search, ag as GitCompareArrows, ah as ArrowUp, ai as ArrowDown, aj as Ellipsis, ak as CodeXml, al as Blocks, am as MousePointerClick, an as FileText, ao as Rows3, ap as Columns2 } from "../_libs/lucide-react.mjs";
+import { T as TriangleAlert, C as CircleCheck, X, I as Info, a as ChevronDown, b as Check, S as Search, U as Upload, D as Download, F as FileBraces, c as Trash2, P as Plus, A as ArrowLeft, d as ChevronUp, e as Copy, f as ChevronsLeft, g as ChevronLeft, h as ChevronRight, i as ChevronsRight, j as Clapperboard, k as Flag, l as Siren, m as Timer, G as Gauge, L as LoaderCircle, R as RefreshCw, n as Layers, o as Settings, M as Monitor, p as Scan, q as CircleAlert, r as Terminal, s as ArrowUpRight, t as ArrowDownRight, u as Cpu, v as FolderOpen, B as Bell, w as Clock3, x as ShieldAlert, E as EyeOff, y as Eye, z as ExternalLink, H as RotateCw, J as Clock, K as Pencil, N as MessageSquare, Z as Zap, W as Wrench, O as Brain, Q as Minus, V as CircleCheckBig, Y as CircleQuestionMark, _ as Server, $ as Lock, a0 as Wifi, a1 as WifiOff, a2 as CircleX, a3 as ShieldCheck, a4 as Save, a5 as FileSearch, a6 as CloudUpload, a7 as OctagonAlert, a8 as Radio, a9 as Globe, aa as FileTerminal, ab as ChevronsUp, ac as ChevronsDown, ad as FileDiff, ae as History, af as RotateCcw, ag as GitCompareArrows, ah as ArrowUp, ai as ArrowDown, aj as Ellipsis, ak as CodeXml, al as Blocks, am as MousePointerClick, an as FileText, ao as Rows3, ap 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 { S as Slot } from "../_libs/radix-ui__react-slot.mjs";
 import { R as Root2$1, L as List, T as Trigger$2, C as Content$1 } from "../_libs/radix-ui__react-tabs.mjs";
@@ -1503,6 +1503,19 @@ function HeaderMetric({
     }
   );
 }
+function PendingTurnBadge$1() {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "span",
+    {
+      className: "inline-flex h-6 shrink-0 items-center gap-1.5 rounded-md bg-amber-300/[0.10] px-1.5 font-mono text-[10px] uppercase tracking-[0.14em] text-amber-100/90 ring-1 ring-amber-200/10",
+      title: "This session has a turn that has not finished yet",
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3 animate-spin" }),
+        "Turn open"
+      ]
+    }
+  );
+}
 function ConversationHeader({
   conversationId,
   startTime,
@@ -1556,7 +1569,7 @@ function ConversationHeader({
       "data-nav-id": `conv-${conversationId}`,
       "data-nav-action": expanded ? "collapse" : "expand",
       className: cn(
-        "bg-card/80 shadow-sm flex cursor-pointer items-start gap-3 rounded-[8px] px-3 py-2.5 transition-colors",
+        "bg-card/80 shadow-sm relative flex cursor-pointer items-start gap-3 overflow-hidden rounded-[8px] px-3 py-2.5 transition-colors",
         "hover:bg-card",
         "select-none",
         "sticky top-0 z-10 mb-2",
@@ -1635,7 +1648,8 @@ function ConversationHeader({
                   /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate font-mono tabular-nums", children: clientDisplayLabel })
                 ]
               }
-            )
+            ),
+            isLoading && /* @__PURE__ */ jsxRuntimeExports.jsx(PendingTurnBadge$1, {})
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "mt-1.5 flex min-w-0 flex-wrap items-center gap-1.5", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(HeaderMetric, { icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "size-3 shrink-0" }), title: timeLabel, children: timeLabel }),
@@ -1684,6 +1698,14 @@ function ConversationHeader({
             }
           )
         ] }),
+        isLoading && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "span",
+          {
+            className: "pointer-events-none absolute inset-x-3 bottom-0 h-px overflow-hidden rounded-full bg-white/[0.06]",
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "absolute inset-y-0 left-0 w-1/3 animate-pulse rounded-full bg-amber-200/65 shadow-[0_0_14px_rgba(252,211,77,0.32)]" })
+          }
+        ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           ConfirmDialog,
           {
@@ -1959,27 +1981,27 @@ function useCopyFeedback(text) {
   return { copied, copy };
 }
 const LazyCompareDrawer = reactExports.lazy(
-  () => import("./CompareDrawer-BiSslksi.mjs").then((m) => ({ default: m.CompareDrawer }))
+  () => import("./CompareDrawer-Dw6CL_qf.mjs").then((m) => ({ default: m.CompareDrawer }))
 );
 const LazyReplayDialog = reactExports.lazy(
-  () => import("./ReplayDialog-DzoWpTis.mjs").then((m) => ({ default: m.ReplayDialog }))
+  () => import("./ReplayDialog-DS9K_cof.mjs").then((m) => ({ default: m.ReplayDialog }))
 );
 const LazyRequestAnatomy = reactExports.lazy(
-  () => import("./RequestAnatomy-D2tbgAPn.mjs").then((m) => ({ default: m.RequestAnatomy }))
+  () => import("./RequestAnatomy-B2JsAL49.mjs").then((m) => ({ default: m.RequestAnatomy }))
 );
 const LazyResponseView = reactExports.lazy(
-  () => import("./ResponseView-BFP7zo8Z.mjs").then((m) => ({ default: m.ResponseView }))
+  () => import("./ResponseView-C3LQSg2c.mjs").then((m) => ({ default: m.ResponseView }))
 );
 const LazyStreamingChunkSequence = reactExports.lazy(
-  () => import("./StreamingChunkSequence-BfiRZW_k.mjs").then((m) => ({
+  () => import("./StreamingChunkSequence-O1Ti-7Pk.mjs").then((m) => ({
     default: m.StreamingChunkSequence
   }))
 );
 const LazyJsonViewer = reactExports.lazy(
-  () => import("./json-viewer-DmhEr-jg.mjs").then((m) => ({ default: m.JsonViewer }))
+  () => import("./json-viewer-BRMmlvXb.mjs").then((m) => ({ default: m.JsonViewer }))
 );
 const LazyJsonViewerFromString = reactExports.lazy(
-  () => import("./json-viewer-DmhEr-jg.mjs").then((m) => ({ default: m.JsonViewerFromString }))
+  () => import("./json-viewer-BRMmlvXb.mjs").then((m) => ({ default: m.JsonViewerFromString }))
 );
 const HIGHLIGHT_DURATION_MS = 1200;
 const MAX_HIGHLIGHT_ATTEMPTS = 12;
@@ -10976,6 +10998,9 @@ function compareField(previous, current) {
   if (current < previous) return { direction: "down", delta: previous - current };
   return null;
 }
+function countPendingTurns(logs) {
+  return logs.filter((log) => log.responseStatus === null).length;
+}
 function firstUserAgent(logs) {
   for (const log of logs) {
     const userAgent = log.userAgent;
@@ -11145,6 +11170,36 @@ function SummaryChip({
     }
   );
 }
+function PendingTurnBadge({
+  count,
+  label = "Turn open"
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "span",
+    {
+      className: "inline-flex h-6 shrink-0 items-center gap-1.5 rounded-md bg-amber-300/[0.10] px-1.5 font-mono text-[10px] uppercase tracking-[0.14em] text-amber-100/90 ring-1 ring-amber-200/10",
+      title: `${count} turn${count !== 1 ? "s" : ""} not finished yet`,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3 animate-spin" }),
+        label,
+        count > 1 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "tabular-nums", children: [
+          "x",
+          count
+        ] })
+      ]
+    }
+  );
+}
+function LoadingSweep() {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "span",
+    {
+      className: "pointer-events-none absolute inset-x-3 bottom-0 h-px overflow-hidden rounded-full bg-white/[0.06]",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "absolute inset-y-0 left-0 w-1/3 animate-pulse rounded-full bg-amber-200/65 shadow-[0_0_14px_rgba(252,211,77,0.32)]" })
+    }
+  );
+}
 function ConversationGroupList({
   groups,
   ...groupProps
@@ -11200,10 +11255,15 @@ function IdeGroupSection({
   const totals = tokenTotals(group.logs);
   const sessionCount = countSessions(group.processes);
   const logCount = group.logs.length;
+  const pendingTurnCount = countPendingTurns(group.logs);
+  const isWorking = pendingTurnCount > 0;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "section",
     {
-      className: cn("bg-card/75 shadow-sm relative isolate rounded-[8px]"),
+      className: cn(
+        "bg-card/75 shadow-sm relative isolate overflow-hidden rounded-[8px]",
+        isWorking && "bg-card/85"
+      ),
       "data-ide-group": group.id,
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -11225,7 +11285,8 @@ function IdeGroupSection({
                       children: group.label
                     }
                   ),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "rounded bg-cyan-300/[0.06] px-1.5 py-0.5 font-mono text-[10px] uppercase tracking-[0.16em] text-cyan-100/75", children: "IDE" })
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "rounded bg-cyan-300/[0.06] px-1.5 py-0.5 font-mono text-[10px] uppercase tracking-[0.16em] text-cyan-100/75", children: "IDE" }),
+                  isWorking && /* @__PURE__ */ jsxRuntimeExports.jsx(PendingTurnBadge, { count: pendingTurnCount, label: "Turn open" })
                 ] }),
                 /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "mt-1 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground", children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
@@ -11253,6 +11314,7 @@ function IdeGroupSection({
             ]
           }
         ),
+        isWorking && /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingSweep, {}),
         !collapsed && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-3 px-3 pb-3 pt-2 sm:px-4", children: group.processes.map((processGroup) => /* @__PURE__ */ jsxRuntimeExports.jsx(
           ProcessGroupSection,
           {
@@ -11277,10 +11339,12 @@ function ProcessGroupSection({
   const projectLabel = shortProjectPath(group.clientProjectFolder);
   const sessionCount = group.sessions.length;
   const logCount = group.logs.length;
+  const pendingTurnCount = countPendingTurns(group.logs);
+  const isWorking = pendingTurnCount > 0;
   const processLabel = group.clientPid !== null && group.clientPid !== void 0 ? `PID ${group.clientPid}` : "process";
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "relative pl-5", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "absolute bottom-1 left-2 top-1 w-px bg-white/[0.055]", "aria-hidden": "true" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-black/[0.10] overflow-hidden rounded-[8px]", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-black/[0.10] relative overflow-hidden rounded-[8px]", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "button",
         {
@@ -11293,6 +11357,7 @@ function ProcessGroupSection({
             /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "min-w-0 flex-1", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1", children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono text-xs font-semibold tabular-nums text-slate-100", children: processLabel }),
+                isWorking && /* @__PURE__ */ jsxRuntimeExports.jsx(PendingTurnBadge, { count: pendingTurnCount, label: "Turn open" }),
                 projectLabel !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs(
                   "span",
                   {
@@ -11326,6 +11391,7 @@ function ProcessGroupSection({
           ]
         }
       ),
+      isWorking && /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingSweep, {}),
       !collapsed && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-2 p-2 pt-1 sm:p-3 sm:pt-2", children: group.sessions.map((session) => /* @__PURE__ */ jsxRuntimeExports.jsx(
         ConversationGroup,
         {
@@ -13039,8 +13105,13 @@ function formatPaginationStatus({
   const first = logs[0];
   const last = logs[logs.length - 1];
   const range = first === void 0 || last === void 0 ? "Current page" : `#${first.id}-#${last.id}`;
-  const total = pagination.total === null ? "logs" : `${pagination.total} logs`;
-  return `Showing ${range} of ${total}`;
+  if (pagination.total === null) {
+    return `Showing ${logs.length} logs (${range})`;
+  }
+  if (pagination.total <= logs.length) {
+    return `Showing all ${pagination.total} logs`;
+  }
+  return `Showing ${logs.length} of ${pagination.total} logs (${range})`;
 }
 function LogPaginationButton({
   label,
@@ -13761,6 +13832,8 @@ function ProxyViewer({
   const comparisonPredecessors = reactExports.useMemo(() => buildValidPredecessors(groups), [groups]);
   const exportActionVisibility = getExportActionVisibility(captureMode, logs.length);
   const isPinnedSessionPage = pinnedSessionId !== void 0;
+  const sessionInputValue = selectedSession === "__all__" ? "" : selectedSession;
+  const sessionSelectValue = selectedSession === "__all__" || sessions.includes(selectedSession) ? selectedSession : "__typed__";
   const activeScopeLabel = hasSessionContext && sessionContextScope !== null ? truncateSessionId(sessionContextScope.label) : selectedSession === "__all__" ? "All sessions" : truncateSessionId(selectedSession);
   const slateStats = reactExports.useMemo(
     () => buildSessionSlateStats({
@@ -13779,6 +13852,20 @@ function ProxyViewer({
     },
     [comparisonPredecessors]
   );
+  const handleSessionInputChange = reactExports.useCallback(
+    (event) => {
+      const value = event.currentTarget.value.trim();
+      onSessionChange(value === "" ? "__all__" : value);
+    },
+    [onSessionChange]
+  );
+  const handleSessionSelectChange = reactExports.useCallback(
+    (value) => {
+      if (value === "__typed__") return;
+      onSessionChange(value);
+    },
+    [onSessionChange]
+  );
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-background min-h-screen w-full text-foreground", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid min-h-screen w-full grid-cols-1 lg:grid-cols-[340px_minmax(0,1fr)] xl:grid-cols-[360px_minmax(0,1fr)]", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("aside", { className: "bg-background border-b lg:sticky lg:top-0 lg:h-screen lg:overflow-y-auto lg:border-b-0 lg:border-r", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4 p-4", children: [
@@ -13825,11 +13912,43 @@ function ProxyViewer({
         ),
         hasSessionContext && pinnedSessionId !== void 0 && sessionMemberships.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(SessionMembershipPanel, { memberships: sessionMemberships }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarPanel, { label: "Filters", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
-          !hideSessionFilter && /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { value: selectedSession, onValueChange: onSessionChange, children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "border border-input bg-background hover:bg-accent hover:text-accent-foreground h-9 w-full text-xs", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "All sessions" }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectContent, { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "__all__", children: "All sessions" }),
-              sessions.map((s) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: s, children: truncateSessionId(s) }, s))
+          !hideSessionFilter && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { className: "pointer-events-none absolute left-2.5 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "input",
+                {
+                  type: "search",
+                  value: sessionInputValue,
+                  onChange: handleSessionInputChange,
+                  placeholder: "Paste session ID",
+                  className: "border border-input bg-background hover:bg-accent focus-visible:ring-ring h-9 w-full rounded-md px-8 font-mono text-xs text-foreground outline-none transition-colors placeholder:font-sans placeholder:text-muted-foreground focus-visible:ring-1",
+                  "aria-label": "Filter by session ID",
+                  title: "Filter by exact session ID"
+                }
+              ),
+              sessionInputValue !== "" && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onSessionChange("__all__"),
+                  className: "absolute right-1.5 top-1/2 inline-flex size-6 -translate-y-1/2 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-white/[0.06] hover:text-foreground",
+                  "aria-label": "Clear session filter",
+                  title: "Clear session filter",
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "size-3.5" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { value: sessionSelectValue, onValueChange: handleSessionSelectChange, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "border border-input bg-background hover:bg-accent hover:text-accent-foreground h-9 w-full text-xs", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "All sessions" }) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectContent, { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "__all__", children: "All sessions" }),
+                sessionSelectValue === "__typed__" && /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectItem, { value: "__typed__", children: [
+                  "Typed: ",
+                  truncateSessionId(selectedSession)
+                ] }),
+                sessions.map((s) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: s, children: truncateSessionId(s) }, s))
+              ] })
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { value: selectedModel, onValueChange: onModelChange, children: [

package/.output/server/_ssr/{ReplayDialog-DzoWpTis.mjs → ReplayDialog-DS9K_cof.mjs}

@@ -1,10 +1,10 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { u as useProviders, D as Dialog, d as DialogContent, e as DialogHeader, h as DialogTitle, T as Tabs, i as TabsList, j as TabsTrigger, k as TabsContent, l as Button, m as TooltipProvider, n as Tooltip, o as TooltipTrigger, p as TooltipContent, q as dispatchLogFocusRequest } from "./ProxyViewerContainer-DIN2AjhM.mjs";
-import { ResponseView } from "./ResponseView-BFP7zo8Z.mjs";
-import { C as CapturedLogSchema } from "./router-BMdwHLHh.mjs";
+import { u as useProviders, D as Dialog, d as DialogContent, e as DialogHeader, h as DialogTitle, T as Tabs, i as TabsList, j as TabsTrigger, k as TabsContent, l as Button, m as TooltipProvider, n as Tooltip, o as TooltipTrigger, p as TooltipContent, q as dispatchLogFocusRequest } from "./ProxyViewerContainer-BX4RgrZU.mjs";
+import { ResponseView } from "./ResponseView-C3LQSg2c.mjs";
+import { C as CapturedLogSchema } from "./router-DlGZ0qLz.mjs";
 import "../_libs/jszip.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
-import { ae as RotateCcw, ar as Braces, as as Minimize2 } from "../_libs/lucide-react.mjs";
+import { af as RotateCcw, ar as Braces, as as Minimize2 } from "../_libs/lucide-react.mjs";
 import { d as object, n as number, a as array, c as boolean, b as string } from "../_libs/zod.mjs";
 import "../_libs/swr.mjs";
 import "../_libs/use-sync-external-store.mjs";

package/.output/server/_ssr/{RequestAnatomy-D2tbgAPn.mjs → RequestAnatomy-B2JsAL49.mjs}

@@ -1,6 +1,6 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { u as useProviders, s as analyzeContextIntelligence, f as formatTokens, m as TooltipProvider, c as cn, n as Tooltip, o as TooltipTrigger, p as TooltipContent, S as SegmentBar, R as ROLE_COLOR_CLASSES, A as ANATOMY_ROLE_LABELS, t as formatContextWindowTokens, C as CONTEXT_USAGE_THRESHOLDS } from "./ProxyViewerContainer-DIN2AjhM.mjs";
-import "./router-BMdwHLHh.mjs";
+import { u as useProviders, s as analyzeContextIntelligence, f as formatTokens, m as TooltipProvider, c as cn, n as Tooltip, o as TooltipTrigger, p as TooltipContent, S as SegmentBar, R as ROLE_COLOR_CLASSES, A as ANATOMY_ROLE_LABELS, t as formatContextWindowTokens, C as CONTEXT_USAGE_THRESHOLDS } from "./ProxyViewerContainer-BX4RgrZU.mjs";
+import "./router-DlGZ0qLz.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import { I as Info, a as ChevronDown, h as ChevronRight } from "../_libs/lucide-react.mjs";

package/.output/server/_ssr/{ResponseView-BFP7zo8Z.mjs → ResponseView-C3LQSg2c.mjs}

@@ -1,9 +1,9 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { g as getLogFormatAdapter, f as formatTokens, c as cn, v as getStatusCategory, B as Badge, w as Collapsible, x as CollapsibleTrigger, y as CollapsibleContent, z as ScrollArea, E as LazyJsonViewer, F as safeJsonValue } from "./ProxyViewerContainer-DIN2AjhM.mjs";
-import { s as safeGetOwnProperty } from "./router-BMdwHLHh.mjs";
+import { g as getLogFormatAdapter, f as formatTokens, c as cn, v as getStatusCategory, B as Badge, w as Collapsible, x as CollapsibleTrigger, y as CollapsibleContent, z as ScrollArea, E as LazyJsonViewer, F as safeJsonValue } from "./ProxyViewerContainer-BX4RgrZU.mjs";
+import { s as safeGetOwnProperty } from "./router-DlGZ0qLz.mjs";
 import "../_libs/jszip.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
-import { Z as Zap, T as TriangleAlert, at as CircleStop, N as Brain, a as ChevronDown, h as ChevronRight, q as Terminal } from "../_libs/lucide-react.mjs";
+import { Z as Zap, T as TriangleAlert, at as CircleStop, O as Brain, a as ChevronDown, h as ChevronRight, r as Terminal } from "../_libs/lucide-react.mjs";
 import { R as Root } from "../_libs/radix-ui__react-separator.mjs";
 import "../_libs/swr.mjs";
 import "../_libs/use-sync-external-store.mjs";

package/.output/server/_ssr/{StreamingChunkSequence-BfiRZW_k.mjs → StreamingChunkSequence-O1Ti-7Pk.mjs}

@@ -1,6 +1,6 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { m as TooltipProvider, n as Tooltip, o as TooltipTrigger, B as Badge, p as TooltipContent, E as LazyJsonViewer } from "./ProxyViewerContainer-DIN2AjhM.mjs";
-import "./router-BMdwHLHh.mjs";
+import { m as TooltipProvider, n as Tooltip, o as TooltipTrigger, B as Badge, p as TooltipContent, E as LazyJsonViewer } from "./ProxyViewerContainer-BX4RgrZU.mjs";
+import "./router-DlGZ0qLz.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import { a as ChevronDown, h as ChevronRight, L as LoaderCircle } from "../_libs/lucide-react.mjs";

package/.output/server/_ssr/{index-OlcgE4Tl.mjs → index-BZ2ijzyu.mjs}

@@ -1,6 +1,6 @@
-import { P as ProxyViewerContainer } from "./ProxyViewerContainer-DIN2AjhM.mjs";
+import { P as ProxyViewerContainer } from "./ProxyViewerContainer-BX4RgrZU.mjs";
 import "../_libs/react.mjs";
-import "./router-BMdwHLHh.mjs";
+import "./router-DlGZ0qLz.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import "../_libs/swr.mjs";

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-CL4qjwkQ.mjs");
+  const { tsrStartManifest } = await import("../_tanstack-start-manifest_v-CYvWDgeN.mjs");
   const startManifest = tsrStartManifest();
   const rootRoute = startManifest.routes[rootRouteId] = startManifest.routes[rootRouteId] || {};
   rootRoute.assets = rootRoute.assets || [];
@@ -776,7 +776,7 @@ let entriesPromise;
 let baseManifestPromise;
 let cachedFinalManifestPromise;
 async function loadEntries() {
-  const routerEntry = await import("./router-BMdwHLHh.mjs").then((n) => n.N);
+  const routerEntry = await import("./router-DlGZ0qLz.mjs").then((n) => n.N);
   const startEntry = await import("./start-HYkvq4Ni.mjs");
   return { startEntry, routerEntry };
 }

package/.output/server/_ssr/{json-viewer-DmhEr-jg.mjs → json-viewer-BRMmlvXb.mjs}

@@ -1,9 +1,9 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { G as parseJsonText, c as cn, m as TooltipProvider, n as Tooltip, o as TooltipTrigger, p as TooltipContent, b as copyTextToClipboard } from "./ProxyViewerContainer-DIN2AjhM.mjs";
-import "./router-BMdwHLHh.mjs";
+import { G as parseJsonText, c as cn, m as TooltipProvider, n as Tooltip, o as TooltipTrigger, p as TooltipContent, b as copyTextToClipboard } from "./ProxyViewerContainer-BX4RgrZU.mjs";
+import "./router-DlGZ0qLz.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
-import { b as Check, e as Copy, a as ChevronDown, h as ChevronRight, ab as ChevronsDown } from "../_libs/lucide-react.mjs";
+import { b as Check, e as Copy, a as ChevronDown, h as ChevronRight, ac as ChevronsDown } from "../_libs/lucide-react.mjs";
 import "../_libs/swr.mjs";
 import "../_libs/use-sync-external-store.mjs";
 import "../_libs/dequal.mjs";

package/.output/server/_ssr/{router-BMdwHLHh.mjs → router-DlGZ0qLz.mjs}

@@ -65,7 +65,7 @@ import "../_libs/immediate.mjs";
 import "../_libs/setimmediate.mjs";
 import "../_libs/pako.mjs";
 const faviconSvg = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20role='img'%20aria-label='Agent%20Inspector'%3e%3cg%20fill='none'%20stroke='%23f59e0b'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20%3e%3cpath%20d='M5%2013%20C5%209%208%207%2012%207%20C16%207%2019%209%2019%2013%20C19%2016%2016%2018%2012%2018%20C8%2018%205%2016%205%2013%20Z'%20/%3e%3cpath%20d='M5%2011%20C3.5%209.5%201.5%2010%202%2012.5%20C2.5%2014%204%2013.5%205%2012.5'%20/%3e%3cpath%20d='M19%2011%20C20.5%209.5%2022.5%2010%2022%2012.5%20C21.5%2014%2020%2013.5%2019%2012.5'%20/%3e%3cline%20x1='10'%20y1='7'%20x2='9.5'%20y2='5'%20/%3e%3cline%20x1='14'%20y1='7'%20x2='14.5'%20y2='5'%20/%3e%3cline%20x1='6.5'%20y1='16'%20x2='4.5'%20y2='19.5'%20/%3e%3cline%20x1='9'%20y1='17.5'%20x2='8'%20y2='20.5'%20/%3e%3cline%20x1='15'%20y1='17.5'%20x2='16'%20y2='20.5'%20/%3e%3cline%20x1='17.5'%20y1='16'%20x2='19.5'%20y2='19.5'%20/%3e%3c/g%3e%3ccircle%20cx='9.5'%20cy='4.5'%20r='0.9'%20fill='%23f59e0b'%20/%3e%3ccircle%20cx='14.5'%20cy='4.5'%20r='0.9'%20fill='%23f59e0b'%20/%3e%3c/svg%3e";
-const appCss = "/assets/index-ChgjUix0.css";
+const appCss = "/assets/index-bXU6y_wh.css";
 const Route$D = createRootRoute({
   head: () => ({
     meta: [
@@ -108,7 +108,7 @@ function RootDocument({ children }) {
     ] })
   ] });
 }
-const $$splitComponentImporter$1 = () => import("./index-OlcgE4Tl.mjs");
+const $$splitComponentImporter$1 = () => import("./index-BZ2ijzyu.mjs");
 const Route$C = createFileRoute("/")({
   component: lazyRouteComponent($$splitComponentImporter$1, "component")
 });
@@ -151,7 +151,7 @@ function decodeSessionIdFromPath(encoded) {
 function getSessionPath(sessionId) {
   return `/session/${encodeSessionIdForPath(sessionId)}`;
 }
-const $$splitComponentImporter = () => import("../_sessionId-CbsSRLSa.mjs");
+const $$splitComponentImporter = () => import("../_sessionId-CBwwWBFg.mjs");
 const Route$B = createFileRoute("/session/$sessionId")({
   component: lazyRouteComponent($$splitComponentImporter, "component"),
   parseParams: (params) => ({
@@ -9116,7 +9116,7 @@ const Route$w = createFileRoute("/api/models")({
     }
   }
 });
-const version = "2.1.20";
+const version = "2.1.22";
 const packageJson = {
   version
 };