@tonyclaw/agent-inspector 3.0.34 → 3.0.36

package/.output/server/_ssr/{ProxyViewerContainer-DmGPK-AE.mjs → ProxyViewerContainer-CiXXtVXH.mjs}

@@ -1,15 +1,15 @@
 import { r as reactExports, j as jsxRuntimeExports, R as React } from "../_libs/react.mjs";
-import { C as CapturedLogSchema, M as DeleteInspectorGroupsResponseSchema, 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, m as cn, F as LazyFeatureBoundary, x as formatTokens, B as Button, d as RuntimeConfigSchema, g as readStoredUiScalePreference, h as persistUiScalePreference, j as applyUiScalePreference, ac as CrabLogo, p as packageJson, k as normalizeUiScalePreference, N as GroupEvidenceExportResultSchema, P as DeleteInspectorGroupResponseSchema, y as copyTextToClipboard, l as RedactedProviderDtoSchema, U as UI_SCALE_STORAGE_KEY, v as apiFormatForPath, i as isRecord, a2 as createPendingProviderTestResults, a3 as ProviderTestResultsSchema, a4 as createFailedProviderTestResults, a5 as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, a6 as MAX_PROVIDER_TEST_TIMEOUT_SECONDS, a7 as TimeDisplayFormatSchema, G as AlertSummarySchema, H as AlertListResponseSchema, r as readStoredThemeMode, e as applyThemeMode, f as persistThemeMode, af as formatUiScale, J as InspectorGroupsListResponseSchema, I as GroupEvidenceReadResponseSchema, a8 as EcosystemPackagesResponseSchema, a9 as EcosystemTaskResponseSchema, aa as EcosystemTasksResponseSchema, Y as PATH_V1_MESSAGES, Z as PATH_V1_CHAT_COMPLETIONS, _ as PATH_V1_RESPONSES, V as providerHasContextMetadata, Q as ProviderScanResponseSchema, T as THEME_MODE_STORAGE_KEY, n as normalizeThemeMode, ab as EcosystemExecutionConfirmationResponseSchema, s as safeGetOwnProperty, $ as formatContextWindowInput, W as findProviderModelMetadata, X as formatContextWindowTokens, w as getSessionPath, q as parseOpenAIResponse, t as parseOpenAIResponsesResponse, O as OpenAIRequestSchema, u as OpenAIResponsesRequestSchema, A as AnthropicResponseSchema$1, o as AnthropicRequestSchema, ad as resolveProviderContextWindow, a0 as parseContextWindowTokensInput, a1 as previewUpstreamUrl, K as KnowledgeCandidateSchema, ae as isPlainRecord, E as stripClaudeCodeBillingHeader, L as LogBodyChunkSchema, z as getStatusCategory } from "./router-DMdBkU6i.mjs";
+import { C as CapturedLogSchema, M as DeleteInspectorGroupsResponseSchema, 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, m as cn, F as LazyFeatureBoundary, x as formatTokens, B as Button, d as RuntimeConfigSchema, g as readStoredUiScalePreference, h as persistUiScalePreference, j as applyUiScalePreference, ac as CrabLogo, p as packageJson, k as normalizeUiScalePreference, N as GroupEvidenceExportResultSchema, P as DeleteInspectorGroupResponseSchema, y as copyTextToClipboard, l as RedactedProviderDtoSchema, U as UI_SCALE_STORAGE_KEY, v as apiFormatForPath, i as isRecord, a2 as createPendingProviderTestResults, a3 as ProviderTestResultsSchema, a4 as createFailedProviderTestResults, a5 as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, a6 as MAX_PROVIDER_TEST_TIMEOUT_SECONDS, a7 as TimeDisplayFormatSchema, G as AlertSummarySchema, H as AlertListResponseSchema, r as readStoredThemeMode, e as applyThemeMode, f as persistThemeMode, af as formatUiScale, J as InspectorGroupsListResponseSchema, I as GroupEvidenceReadResponseSchema, a8 as EcosystemPackagesResponseSchema, a9 as EcosystemTaskResponseSchema, aa as EcosystemTasksResponseSchema, Y as PATH_V1_MESSAGES, Z as PATH_V1_CHAT_COMPLETIONS, _ as PATH_V1_RESPONSES, V as providerHasContextMetadata, Q as ProviderScanResponseSchema, T as THEME_MODE_STORAGE_KEY, n as normalizeThemeMode, ab as EcosystemExecutionConfirmationResponseSchema, s as safeGetOwnProperty, $ as formatContextWindowInput, W as findProviderModelMetadata, X as formatContextWindowTokens, w as getSessionPath, q as parseOpenAIResponse, t as parseOpenAIResponsesResponse, O as OpenAIRequestSchema, u as OpenAIResponsesRequestSchema, A as AnthropicResponseSchema$1, o as AnthropicRequestSchema, ad as resolveProviderContextWindow, a0 as parseContextWindowTokensInput, a1 as previewUpstreamUrl, K as KnowledgeCandidateSchema, ae as isPlainRecord, E as stripClaudeCodeBillingHeader, L as LogBodyChunkSchema, z as getStatusCategory } from "./router-6s7p8rsX.mjs";
 import { u as useSWR, a as useSWRConfig } from "../_libs/swr.mjs";
 import { u as useWindowVirtualizer, a as useVirtualizer } from "../_libs/tanstack__react-virtual.mjs";
 import { c as cva } from "../_libs/class-variance-authority.mjs";
 import { d as diffJson, a as diffLines } from "../_libs/diff.mjs";
-import { T as TriangleAlert, C as CircleCheck, X, P as PanelRightOpen, a as PanelRightClose, S as Search, U as Upload, D as Download, F as FileBraces, R as RefreshCw, b as Trash2, I as Info, c as ChevronDown, d as Check, e as Settings, f as Siren, L as LoaderCircle, g as Sun, E as Eye, M as Moon, A as ALargeSmall, h as Layers, i as FlaskConical, j as Sparkles, k as Activity, B as Beaker, N as Network, l as Copy, m as Terminal, n as BrainCircuit, o as RotateCcw, p as Send, q as ArrowLeft, r as ChevronUp, s as ChevronsLeft, t as ChevronLeft, u as ChevronRight, v as ChevronsRight, w as CircleStop, x as Clapperboard, y as Flag, z as Timer, G as Gauge, H as Minimize2, J as Maximize2, K as Scan, O as Plus, Q as CircleAlert, V as Rocket, W as PackageCheck, Y as History, Z as Monitor, _ as EyeOff, $ as ExternalLink, a0 as Clock, a1 as RotateCw, a2 as CircleCheckBig, a3 as Pencil, a4 as Bell, a5 as Clock3, a6 as ShieldAlert, a7 as ArrowUpRight, a8 as ArrowDownRight, a9 as CodeXml, aa as Cpu, ab as FolderOpen, ac as MessageSquare, ad as Zap, ae as Wrench, af as Brain, ag as Minus, ah as CircleQuestionMark, ai as Server, aj as Lock, ak as Wifi, al as WifiOff, am as CircleX, an as ShieldCheck, ao as Save, ap as FileSearch, aq as CloudUpload, ar as OctagonAlert, as as Radio, at as Globe, au as FileTerminal, av as ChevronsUp, aw as ChevronsDown, ax as FileDiff, ay as GitCompareArrows, az as ArrowUp, aA as ArrowDown, aB as Ellipsis, aC as Blocks, aD as MousePointerClick, aE as FileText, aF as Rows3, aG as Columns2 } from "../_libs/lucide-react.mjs";
+import { T as TriangleAlert, C as CircleCheck, X, P as PanelRightOpen, a as PanelRightClose, U as Upload, D as Download, F as FileBraces, R as RefreshCw, b as Trash2, I as Info, c as ChevronDown, d as Check, S as Settings, e as Siren, L as LoaderCircle, f as Sun, E as Eye, M as Moon, A as ALargeSmall, g as Layers, h as FlaskConical, i as Sparkles, j as Activity, B as Beaker, N as Network, k as Copy, l as Terminal, m as BrainCircuit, n as RotateCcw, o as Send, p as ArrowLeft, q as ChevronUp, r as Search, s as ChevronsLeft, t as ChevronLeft, u as ChevronRight, v as ChevronsRight, w as CircleStop, x as Clapperboard, y as Flag, z as Timer, G as Gauge, H as Minimize2, J as Maximize2, K as Scan, O as Plus, Q as CircleAlert, V as Rocket, W as PackageCheck, Y as History, Z as Monitor, _ as EyeOff, $ as ExternalLink, a0 as Clock, a1 as RotateCw, a2 as CircleCheckBig, a3 as Pencil, a4 as Bell, a5 as Clock3, a6 as ShieldAlert, a7 as ArrowUpRight, a8 as ArrowDownRight, a9 as CodeXml, aa as Cpu, ab as FolderOpen, ac as MessageSquare, ad as Zap, ae as Wrench, af as Brain, ag as Minus, ah as CircleQuestionMark, ai as Server, aj as Lock, ak as Wifi, al as WifiOff, am as CircleX, an as ShieldCheck, ao as Save, ap as FileSearch, aq as CloudUpload, ar as OctagonAlert, as as Radio, at as Globe, au as FileTerminal, av as ChevronsUp, aw as ChevronsDown, ax as FileDiff, ay as GitCompareArrows, az as ArrowUp, aA as ArrowDown, aB as Ellipsis, aC as Blocks, aD as MousePointerClick, aE as FileText, aF as Rows3, aG as Columns2 } from "../_libs/lucide-react.mjs";
 import { u as union, o as object, e as array, l as literal, n as number, d as boolean, b as string } from "../_libs/zod.mjs";
-import { S as Select$1, a as SelectTrigger$1, b as SelectIcon, c as SelectValue$1, d as SelectPortal, e as SelectContent$1, f as SelectViewport, g as SelectItem$1, h as SelectItemIndicator, i as SelectItemText, j as SelectScrollUpButton$1, k as SelectScrollDownButton$1 } from "../_libs/radix-ui__react-select.mjs";
 import { D as Dialog$1, a as DialogContent$1, b as DialogClose, c as DialogTitle$1, d as DialogDescription$1, e as DialogTrigger$1, f as DialogPortal$1, g as DialogOverlay$1 } from "../_libs/radix-ui__react-dialog.mjs";
 import { R as Root2, C as Content, L as List, T as Trigger } from "../_libs/radix-ui__react-tabs.mjs";
 import { S as Slot } from "../_libs/radix-ui__react-slot.mjs";
+import { S as Select$1, a as SelectTrigger$1, b as SelectIcon, c as SelectPortal, d as SelectContent$1, e as SelectViewport, f as SelectItem$1, g as SelectItemIndicator, h as SelectItemText, i as SelectValue$1, j as SelectScrollUpButton$1, k as SelectScrollDownButton$1 } from "../_libs/radix-ui__react-select.mjs";
 import { P as Provider, R as Root3, T as Trigger$1, a as Portal, C as Content2, A as Arrow2 } from "../_libs/radix-ui__react-tooltip.mjs";
 import { R as Root, C as CollapsibleContent$1, a as CollapsibleTrigger$1 } from "../_libs/radix-ui__react-collapsible.mjs";
 import { R as Root$1, V as Viewport, C as Corner, S as ScrollAreaScrollbar, a as ScrollAreaThumb } from "../_libs/radix-ui__react-scroll-area.mjs";
@@ -2504,30 +2504,30 @@ function useCopyFeedback(text) {
   return { copied, copy };
 }
 const LazyCompareDrawer = reactExports.lazy(
-  () => import("./CompareDrawer-DuqQ0e6l.mjs").then((m) => ({ default: m.CompareDrawer }))
+  () => import("./CompareDrawer-BMo93_DO.mjs").then((m) => ({ default: m.CompareDrawer }))
 );
 const LazyInspectorPet = reactExports.lazy(
-  () => import("./InspectorPet-Bfbhn0ap.mjs").then((m) => ({ default: m.InspectorPet }))
+  () => import("./InspectorPet-DApzyYro.mjs").then((m) => ({ default: m.InspectorPet }))
 );
 const LazyReplayDialog = reactExports.lazy(
-  () => import("./ReplayDialog-0u4cndNH.mjs").then((m) => ({ default: m.ReplayDialog }))
+  () => import("./ReplayDialog-B8bP1qUr.mjs").then((m) => ({ default: m.ReplayDialog }))
 );
 const LazyRequestAnatomy = reactExports.lazy(
-  () => import("./RequestAnatomy-Ce-NTi7F.mjs").then((m) => ({ default: m.RequestAnatomy }))
+  () => import("./RequestAnatomy-DkVynjyh.mjs").then((m) => ({ default: m.RequestAnatomy }))
 );
 const LazyResponseView = reactExports.lazy(
-  () => import("./ResponseView-DFRnVFw7.mjs").then((m) => ({ default: m.ResponseView }))
+  () => import("./ResponseView-BAQa0WUP.mjs").then((m) => ({ default: m.ResponseView }))
 );
 const LazyStreamingChunkSequence = reactExports.lazy(
-  () => import("./StreamingChunkSequence-DR-YGqy7.mjs").then((m) => ({
+  () => import("./StreamingChunkSequence-B4_K4_VI.mjs").then((m) => ({
     default: m.StreamingChunkSequence
   }))
 );
 const LazyJsonViewer = reactExports.lazy(
-  () => import("./json-viewer-BPYmlvZw.mjs").then((m) => ({ default: m.JsonViewer }))
+  () => import("./json-viewer-Dlpq5S-r.mjs").then((m) => ({ default: m.JsonViewer }))
 );
 const LazyJsonViewerFromString = reactExports.lazy(
-  () => import("./json-viewer-BPYmlvZw.mjs").then((m) => ({ default: m.JsonViewerFromString }))
+  () => import("./json-viewer-Dlpq5S-r.mjs").then((m) => ({ default: m.JsonViewerFromString }))
 );
 const HIGHLIGHT_DURATION_MS = 1200;
 const MAX_HIGHLIGHT_ATTEMPTS = 12;
@@ -12485,12 +12485,32 @@ function sortProviderBySource(providers) {
 function nextMessageId(role) {
   return `${role}-${String(Date.now())}-${String(Math.random()).slice(2)}`;
 }
+function TerminalLabel({
+  label,
+  value,
+  tone = "muted"
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-1.5 font-mono text-[10px]", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tone === "cyan" ? "text-cyan-100" : "text-muted-foreground", children: label }),
+    value !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground/55", children: ":" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate text-muted-foreground", children: value })
+    ] })
+  ] });
+}
 function MetricStrip({ metrics }) {
   if (metrics.length === 0) return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 grid grid-cols-2 gap-1.5", children: metrics.slice(0, 8).map((metric) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-sm bg-black/20 px-2 py-1", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate text-[9px] uppercase text-muted-foreground", children: metric.label }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate font-mono text-[11px] text-cyan-50", children: metric.value })
-  ] }, metric.key)) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-2 gap-1.5", children: metrics.slice(0, 8).map((metric) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: "rounded-sm bg-black/25 px-2 py-1 shadow-[inset_2px_0_0_rgba(103,232,249,0.22)]",
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate font-mono text-[9px] text-muted-foreground", children: metric.label }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate font-mono text-[11px] text-cyan-50/95", children: metric.value })
+      ]
+    },
+    metric.key
+  )) });
 }
 function EvidenceCard({ evidence }) {
   const openLog = () => {
@@ -12504,7 +12524,7 @@ function EvidenceCard({ evidence }) {
       type: "button",
       onClick: openLog,
       disabled: evidence.logId === null,
-      className: "w-full rounded-sm bg-black/20 px-2 py-2 text-left shadow-[inset_0_0_0_1px_rgba(255,255,255,0.05)] transition-colors hover:bg-black/30 disabled:cursor-default disabled:hover:bg-black/20",
+      className: "w-full rounded-sm bg-black/25 px-2 py-2 text-left shadow-[inset_2px_0_0_rgba(103,232,249,0.22),inset_0_0_0_1px_rgba(255,255,255,0.045)] transition-colors hover:bg-black/35 disabled:cursor-default disabled:hover:bg-black/25",
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center justify-between gap-2", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate font-mono text-[10px] text-cyan-100", children: title }),
@@ -12528,31 +12548,49 @@ function EvidenceCard({ evidence }) {
   );
 }
 function AssistantMessage({ response }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-md bg-black/25 p-3 shadow-[inset_0_0_0_1px_rgba(255,255,255,0.05)]", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(AnswerMarkdown, { text: response.answer }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-2 break-words font-mono text-[10px] text-cyan-100/70", children: [
-      response.providerName,
-      " / ",
-      response.model,
-      " / ",
-      response.protocol,
-      " /",
-      " ",
-      String(response.logCount),
-      " matched logs"
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "overflow-hidden rounded-md bg-[#050b12]/85 shadow-[inset_0_0_0_1px_rgba(103,232,249,0.12),0_10px_24px_rgba(0,0,0,0.18)]", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center justify-between gap-2 border-b border-cyan-100/[0.08] bg-cyan-400/[0.045] px-3 py-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(TerminalLabel, { label: "assistant@inspector", value: "output", tone: "cyan" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "shrink-0 font-mono text-[9px] text-muted-foreground", children: [
+        String(response.logCount),
+        " logs"
+      ] })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(MetricStrip, { metrics: response.summaryMetrics }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(MetricStrip, { metrics: response.queryMetrics }),
-    response.evidence.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 space-y-1.5", children: response.evidence.slice(0, 6).map((evidence) => /* @__PURE__ */ jsxRuntimeExports.jsx(EvidenceCard, { evidence }, `${evidence.source}-${evidence.id}`)) })
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-3 p-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-sm bg-black/20 px-2.5 py-2 text-xs leading-5 shadow-[inset_2px_0_0_rgba(103,232,249,0.28)]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(AnswerMarkdown, { text: response.answer }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-1.5 rounded-sm bg-black/20 px-2 py-1.5", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(TerminalLabel, { label: "provider", value: response.providerName }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(TerminalLabel, { label: "model", value: response.model }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(TerminalLabel, { label: "protocol", value: response.protocol })
+      ] }),
+      (response.summaryMetrics.length > 0 || response.queryMetrics.length > 0) && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(TerminalLabel, { label: "metrics", tone: "cyan" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(MetricStrip, { metrics: [...response.summaryMetrics, ...response.queryMetrics] })
+      ] }),
+      response.evidence.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(TerminalLabel, { label: "evidence", value: "click to inspect source log", tone: "cyan" }),
+        response.evidence.slice(0, 6).map((evidence) => /* @__PURE__ */ jsxRuntimeExports.jsx(EvidenceCard, { evidence }, `${evidence.source}-${evidence.id}`))
+      ] })
+    ] })
   ] });
 }
 function ConversationMessage({ message }) {
   if (message.role === "assistant" && message.response !== null) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(AssistantMessage, { response: message.response });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md bg-cyan-400/10 px-3 py-2 text-xs leading-5 text-cyan-50", children: message.content });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "overflow-hidden rounded-md bg-black/25 shadow-[inset_0_0_0_1px_rgba(255,255,255,0.055)]", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border-b border-white/[0.06] px-3 py-1.5", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TerminalLabel, { label: "user@inspector", value: "query", tone: "cyan" }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-3 py-2 font-mono text-[11px] leading-5 text-cyan-50", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "select-none text-cyan-100/60", children: "> " }),
+      message.content
+    ] })
+  ] });
 }
-function PiAgentPanel({ currentSessionId, logCount }) {
+function PiAgentPanel({
+  currentSessionId,
+  logCount,
+  suggestedQuestion
+}) {
   const { providers } = useProviders();
   const piProviders = reactExports.useMemo(
     () => sortProviderBySource(providers.filter(providerSupportsPiAgent)),
@@ -12569,6 +12607,10 @@ function PiAgentPanel({ currentSessionId, logCount }) {
   const modelOptions = selectedProvider?.models ?? [];
   const question = conversation.question;
   const canAsk = question.trim() !== "" && piProviders.length > 0 && !loading;
+  reactExports.useEffect(() => {
+    if (suggestedQuestion === void 0 || suggestedQuestion.trim() === "") return;
+    setConversation((current) => ({ ...current, question: suggestedQuestion, error: null }));
+  }, [suggestedQuestion]);
   const handleQuestionChange = (event) => {
     setConversation((current) => ({ ...current, question: event.currentTarget.value }));
   };
@@ -12619,7 +12661,7 @@ function PiAgentPanel({ currentSessionId, logCount }) {
       if (!response.ok) {
         setConversation((current) => ({
           ...current,
-          error: `Pi Agent failed: HTTP ${String(response.status)} ${raw}`
+          error: `Inspector Assistant failed: HTTP ${String(response.status)} ${raw}`
         }));
         return;
       }
@@ -12628,7 +12670,7 @@ function PiAgentPanel({ currentSessionId, logCount }) {
       if (normalized === null) {
         setConversation((current) => ({
           ...current,
-          error: "Pi Agent returned an unexpected response."
+          error: "Inspector Assistant returned an unexpected response."
         }));
         return;
       }
@@ -12647,7 +12689,7 @@ function PiAgentPanel({ currentSessionId, logCount }) {
     }).catch((err) => {
       setConversation((current) => ({
         ...current,
-        error: err instanceof Error ? err.message : "Pi Agent request failed."
+        error: err instanceof Error ? err.message : "Inspector Assistant request failed."
       }));
     }).finally(() => {
       setLoading(false);
@@ -12657,7 +12699,7 @@ function PiAgentPanel({ currentSessionId, logCount }) {
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(BrainCircuit, { className: "size-4 text-cyan-200" }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-semibold text-foreground", children: "Pi Agent" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-semibold text-foreground", children: "Inspector Assistant" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[11px] text-muted-foreground", children: currentSessionId === null ? "Ask saved Inspector data" : "Ask this session" })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -12672,7 +12714,7 @@ function PiAgentPanel({ currentSessionId, logCount }) {
       )
     ] }),
     conversation.messages.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-3 rounded-md bg-black/[0.18] px-3 py-2 shadow-[inset_0_0_0_1px_rgba(255,255,255,0.045)]", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] leading-5 text-muted-foreground", children: "ChatBI for Inspector memory: Pi searches saved traffic, sessions, tools, Provider signals, alerts, runs, groups, and knowledge candidates, then answers with linked evidence." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] leading-5 text-muted-foreground", children: "Ask your Inspector memory across saved traffic, sessions, tools, Provider signals, alerts, runs, groups, and knowledge candidates. Answers include linked evidence." }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 grid gap-1.5", children: PI_AGENT_SCOPE_PILLS.map((pill) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "div",
         {
@@ -12733,7 +12775,7 @@ function PiAgentPanel({ currentSessionId, logCount }) {
         value: question,
         onChange: handleQuestionChange,
         className: "mt-3 min-h-20 w-full resize-y rounded-md bg-black/25 px-3 py-2 text-xs leading-5 text-foreground outline-none shadow-[inset_0_0_0_1px_rgba(255,255,255,0.06)] transition-colors placeholder:text-muted-foreground focus-visible:ring-1 focus-visible:ring-ring",
-        placeholder: "Ask Pi Agent across saved Inspector data..."
+        placeholder: "Ask across saved Inspector data..."
       }
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -12745,13 +12787,13 @@ function PiAgentPanel({ currentSessionId, logCount }) {
         className: "mt-2 inline-flex h-8 w-full items-center justify-center gap-2 rounded-md bg-cyan-400/12 px-3 text-xs font-medium text-cyan-100 shadow-[inset_0_0_0_1px_rgba(103,232,249,0.18)] transition-colors hover:bg-cyan-400/18 disabled:cursor-not-allowed disabled:opacity-50",
         children: [
           loading ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Send, { className: "size-3.5" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: loading ? "Thinking..." : "Ask Pi" })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: loading ? "Thinking..." : "Ask Assistant" })
         ]
       }
     ),
     conversation.error !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-2 break-words text-[11px] leading-5 text-red-200", children: conversation.error }),
-    piProviders.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-2 text-[11px] leading-5 text-muted-foreground", children: "Configure a Provider with Responses, Chat, or Anthropic URL to enable Pi Agent." }),
-    logCount === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-2 text-[11px] leading-5 text-muted-foreground", children: "No logs are visible in this scope yet; Pi Agent can still answer Provider setup questions." })
+    piProviders.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-2 text-[11px] leading-5 text-muted-foreground", children: "Configure a Provider with Responses, Chat, or Anthropic URL to enable Inspector Assistant." }),
+    logCount === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-2 text-[11px] leading-5 text-muted-foreground", children: "No logs are visible in this scope yet; Inspector Assistant can still answer Provider setup questions." })
   ] });
 }
 function computeCacheTrends(groups) {
@@ -14796,6 +14838,173 @@ function truncateSessionId(id) {
   if (id.length <= 30) return id;
   return `${id.slice(0, 12)}...${id.slice(-12)}`;
 }
+function normalizeSearchQuery(value) {
+  return value.trim().toLowerCase();
+}
+function includesSearchText(value, query) {
+  return value !== null && value !== void 0 && value.toLowerCase().includes(query);
+}
+function buildSessionSuggestionDetail(sessionId, logs) {
+  const scopedLogs = logs.filter((log) => log.sessionId === sessionId);
+  if (scopedLogs.length === 0) return "Stored session";
+  const models = /* @__PURE__ */ new Set();
+  const providers = /* @__PURE__ */ new Set();
+  for (const log of scopedLogs) {
+    if (log.model !== null && log.model !== "") models.add(log.model);
+    if (log.providerName !== null && log.providerName !== void 0 && log.providerName.trim() !== "") {
+      providers.add(log.providerName);
+    }
+  }
+  const modelLabel = models.size === 0 ? "unknown model" : [...models].slice(0, 2).join(", ");
+  const providerLabel = providers.size === 0 ? "unknown provider" : [...providers].slice(0, 2).join(", ");
+  return `${String(scopedLogs.length)} req · ${providerLabel} · ${modelLabel}`;
+}
+function sessionMatchesSearchQuery(sessionId, logs, query) {
+  if (includesSearchText(sessionId, query)) return true;
+  return logs.some(
+    (log) => log.sessionId === sessionId && (includesSearchText(log.model, query) || includesSearchText(log.providerName, query) || includesSearchText(log.path, query))
+  );
+}
+function buildSessionSearchSuggestions({
+  query,
+  sessions,
+  models,
+  logs
+}) {
+  const normalizedQuery = normalizeSearchQuery(query);
+  const suggestions = [];
+  if (normalizedQuery === "") {
+    suggestions.push({
+      id: "all",
+      label: "All sessions",
+      detail: `${String(logs.length)} visible requests`,
+      kind: "all",
+      value: "__all__"
+    });
+    for (const session of sessions.slice(0, 5)) {
+      suggestions.push({
+        id: `session-${session}`,
+        label: truncateSessionId(session),
+        detail: buildSessionSuggestionDetail(session, logs),
+        kind: "session",
+        value: session
+      });
+    }
+    return suggestions;
+  }
+  const matchingSessions = sessions.filter(
+    (session) => sessionMatchesSearchQuery(session, logs, normalizedQuery)
+  );
+  for (const session of matchingSessions.slice(0, 5)) {
+    suggestions.push({
+      id: `session-${session}`,
+      label: truncateSessionId(session),
+      detail: buildSessionSuggestionDetail(session, logs),
+      kind: "session",
+      value: session
+    });
+  }
+  const matchingModels = models.filter((model) => includesSearchText(model, normalizedQuery));
+  for (const model of matchingModels.slice(0, 3)) {
+    suggestions.push({
+      id: `model-${model}`,
+      label: model,
+      detail: "Model filter",
+      kind: "model",
+      value: model
+    });
+  }
+  return suggestions.slice(0, 7);
+}
+function buildAssistantQuestionFromSearch(query, selectedSession) {
+  const trimmed = query.trim();
+  const scope = selectedSession === "__all__" ? "all visible Inspector sessions" : `session ${selectedSession}`;
+  if (trimmed === "") {
+    return `Analyze ${scope}. What failed, slowed down, or deserves attention?`;
+  }
+  return `Search ${scope} for "${trimmed}" and explain the relevant failures, latency, token usage, provider behavior, and evidence.`;
+}
+function SessionSearchBox({
+  query,
+  suggestions,
+  selectedSession,
+  selectedModel,
+  onQueryChange,
+  onApplySuggestion,
+  onClear,
+  onAskAssistant
+}) {
+  const handleKeyDown = (event) => {
+    if (event.key !== "Enter") return;
+    const firstSuggestion = suggestions[0];
+    if (firstSuggestion === void 0) return;
+    event.preventDefault();
+    onApplySuggestion(firstSuggestion);
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-xl bg-black/20 p-2 shadow-[inset_0_0_0_1px_rgba(255,255,255,0.055)]", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { className: "pointer-events-none absolute left-3 top-1/2 size-3.5 -translate-y-1/2 text-cyan-100/70" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "input",
+        {
+          type: "search",
+          value: query,
+          onChange: (event) => onQueryChange(event.currentTarget.value),
+          onKeyDown: handleKeyDown,
+          placeholder: "Search sessions, models, providers...",
+          className: "h-10 w-full rounded-full bg-black/30 px-9 pr-9 text-xs text-foreground outline-none shadow-[inset_0_0_0_1px_rgba(103,232,249,0.13)] transition-colors placeholder:text-muted-foreground hover:bg-black/35 focus-visible:ring-1 focus-visible:ring-cyan-200/70",
+          "aria-label": "Search sessions and models"
+        }
+      ),
+      (query !== "" || selectedSession !== "__all__" || selectedModel !== "__all__") && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onClear,
+          className: "absolute right-2 top-1/2 inline-flex size-6 -translate-y-1/2 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-white/[0.07] hover:text-foreground focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-none",
+          "aria-label": "Clear session search",
+          title: "Clear search",
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "size-3.5" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-2 flex flex-wrap gap-1.5", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onAskAssistant,
+          className: "inline-flex h-7 items-center rounded-full bg-cyan-400/10 px-2.5 text-[11px] font-medium text-cyan-100 shadow-[inset_0_0_0_1px_rgba(103,232,249,0.14)] transition-colors hover:bg-cyan-400/16",
+          children: "Ask Assistant"
+        }
+      ),
+      selectedSession !== "__all__" && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex h-7 max-w-full items-center rounded-full bg-white/[0.045] px-2.5 font-mono text-[10px] text-muted-foreground", children: [
+        "session:",
+        truncateSessionId(selectedSession)
+      ] }),
+      selectedModel !== "__all__" && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex h-7 max-w-full items-center rounded-full bg-white/[0.045] px-2.5 text-[10px] text-muted-foreground", children: [
+        "model:",
+        selectedModel
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 space-y-1", children: suggestions.map((suggestion) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => onApplySuggestion(suggestion),
+        className: "grid w-full grid-cols-[minmax(0,1fr)_auto] items-center gap-2 rounded-lg px-2 py-1.5 text-left transition-colors hover:bg-white/[0.045] focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-none",
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block truncate text-[11px] font-medium text-foreground", children: suggestion.label }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block truncate text-[10px] text-muted-foreground", children: suggestion.detail })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "rounded-full bg-white/[0.045] px-2 py-0.5 text-[9px] uppercase tracking-[0.12em] text-muted-foreground", children: suggestion.kind })
+        ]
+      },
+      suggestion.id
+    )) })
+  ] });
+}
 function buildDisplayNumberByLogId(groups) {
   const result = /* @__PURE__ */ new Map();
   for (const group of groups) {
@@ -15822,6 +16031,10 @@ function ProxyViewer({
   const [detailsPanelStorageLoaded, setDetailsPanelStorageLoaded] = reactExports.useState(false);
   const [petVisible, setPetVisible] = reactExports.useState(true);
   const [petVisibilityStorageLoaded, setPetVisibilityStorageLoaded] = reactExports.useState(false);
+  const [sessionSearchQuery, setSessionSearchQuery] = reactExports.useState("");
+  const [assistantSuggestedQuestion, setAssistantSuggestedQuestion] = reactExports.useState(
+    void 0
+  );
   const [comparePair, setComparePair] = reactExports.useState(null);
   const logListRef = reactExports.useRef(null);
   const logListWrapperRef = reactExports.useRef(null);
@@ -16029,8 +16242,15 @@ function ProxyViewer({
   const deleteTargetLabel = selectedSession === "__all__" ? "all sessions" : "this session";
   const deleteTargetDescription = selectedSession === "__all__" ? "Deletes every stored log, streaming chunk, and session archive entry across all sessions." : "Deletes every stored log, streaming chunk, and session archive entry for this session, including history that is not currently loaded.";
   const reloadSessionLabel = logs.length === 0 ? "Load" : "Reload";
-  const sessionInputValue = selectedSession === "__all__" ? "" : selectedSession;
-  const sessionSelectValue = selectedSession === "__all__" || sessions.includes(selectedSession) ? selectedSession : "__typed__";
+  const sessionSearchSuggestions = reactExports.useMemo(
+    () => buildSessionSearchSuggestions({
+      query: sessionSearchQuery,
+      sessions,
+      models,
+      logs
+    }),
+    [logs, models, sessionSearchQuery, sessions]
+  );
   const activeScopeLabel = hasSessionContext && sessionContextScope !== null ? truncateSessionId(sessionContextScope.label) : selectedSession === "__all__" ? "All sessions" : truncateSessionId(selectedSession);
   const liveEmptyState = resolveLiveEmptyState(liveConnection);
   const liveEmptyStateCopy = getLiveEmptyStateCopy(liveEmptyState);
@@ -16051,20 +16271,36 @@ 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);
+  const handleApplySessionSearchSuggestion = reactExports.useCallback(
+    (suggestion) => {
+      switch (suggestion.kind) {
+        case "all":
+          onSessionChange("__all__");
+          onModelChange("__all__");
+          setSessionSearchQuery("");
+          break;
+        case "session":
+          onSessionChange(suggestion.value);
+          setSessionSearchQuery(suggestion.value);
+          break;
+        case "model":
+          onModelChange(suggestion.value);
+          setSessionSearchQuery(suggestion.value);
+          break;
+      }
     },
-    [onSessionChange]
+    [onModelChange, onSessionChange]
   );
+  const handleClearSessionSearch = reactExports.useCallback(() => {
+    setSessionSearchQuery("");
+    onSessionChange("__all__");
+    onModelChange("__all__");
+  }, [onModelChange, onSessionChange]);
+  const handleAskAssistantFromSearch = reactExports.useCallback(() => {
+    setAssistantSuggestedQuestion(
+      buildAssistantQuestionFromSearch(sessionSearchQuery, selectedSession)
+    );
+  }, [selectedSession, sessionSearchQuery]);
   const labSessionId = pinnedSessionId !== void 0 ? pinnedSessionId : selectedSession === "__all__" ? null : selectedSession;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-background min-h-screen w-full overflow-x-clip text-foreground lg:h-screen lg:flex lg:flex-col lg:overflow-hidden", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -16147,7 +16383,14 @@ function ProxyViewer({
               ),
               /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-[11px] text-muted-foreground", children: isPinnedSessionPage ? "Session workspace" : "Live workspace" })
             ] }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(PiAgentPanel, { currentSessionId: labSessionId, logCount: logs.length }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              PiAgentPanel,
+              {
+                currentSessionId: labSessionId,
+                logCount: logs.length,
+                suggestedQuestion: assistantSuggestedQuestion
+              }
+            ),
             hasSessionContext && sessionContextScope !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(
               SessionContextBar,
               {
@@ -16161,68 +16404,19 @@ 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(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: "bg-black/25 hover:bg-white/[0.045] focus-visible:ring-ring h-9 w-full rounded-md px-8 font-mono text-xs text-foreground outline-none shadow-[inset_0_0_0_1px_rgba(255,255,255,0.06)] 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 focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-none",
-                      "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,
-                    {
-                      "aria-label": "Select a session",
-                      className: "bg-black/25 hover:bg-white/[0.045] h-9 w-full border-0 text-xs text-foreground shadow-[inset_0_0_0_1px_rgba(255,255,255,0.06)]",
-                      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: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  SelectTrigger,
-                  {
-                    "aria-label": "Select a model",
-                    className: "bg-black/25 hover:bg-white/[0.045] h-9 w-full border-0 text-xs text-foreground shadow-[inset_0_0_0_1px_rgba(255,255,255,0.06)]",
-                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "All models" })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectContent, { children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "__all__", children: "All models" }),
-                  models.map((m) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: m, children: m }, m))
-                ] })
-              ] })
-            ] }) })
+            /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarPanel, { label: "Filters", children: hideSessionFilter ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] leading-5 text-muted-foreground", children: "This session is pinned by the current URL." }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+              SessionSearchBox,
+              {
+                query: sessionSearchQuery,
+                suggestions: sessionSearchSuggestions,
+                selectedSession,
+                selectedModel,
+                onQueryChange: setSessionSearchQuery,
+                onApplySuggestion: handleApplySessionSearchSuggestion,
+                onClear: handleClearSessionSearch,
+                onAskAssistant: handleAskAssistantFromSearch
+              }
+            ) })
           ] }) }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("main", { className: "order-2 min-w-0 lg:order-1 lg:h-full lg:overflow-y-auto inspector-scrollbar", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-background/95 shadow-[0_12px_36px_rgba(0,0,0,0.18),inset_0_-1px_0_rgba(255,255,255,0.045)] sticky top-0 z-30 px-4 py-3 lg:px-5", children: [