@tonyclaw/agent-inspector 3.0.36 → 3.0.38

package/src/components/ProxyViewer.tsx

@@ -1,7 +1,6 @@
 import {
   type ChangeEvent,
   type JSX,
-  type KeyboardEvent,
   type ReactNode,
   useCallback,
   useEffect,
@@ -32,7 +31,6 @@ import {
   PanelRightClose,
   PanelRightOpen,
   RefreshCw,
-  Search,
   Siren,
   Moon,
   Sun,
@@ -79,7 +77,7 @@ import { AlertsDialog } from "./alerts/AlertsDialog";
 import { GroupsDialog } from "./groups/GroupsDialog";
 import { SettingsDialog } from "./providers/SettingsDialog";
 import { AgentLabDialog } from "./ecosystem/AgentLabDialog";
-import { PiAgentPanel } from "./pi-agent/PiAgentPanel";
+import { PiAgentPanel, type PiAgentSearchResult } from "./pi-agent/PiAgentPanel";
 import { LazyFeatureBoundary } from "./errors/SafeErrorBoundary";
 import { computeCacheTrends } from "./proxy-viewer/cacheTrend";
 import { LazyCompareDrawer, LazyInspectorPet } from "./proxy-viewer/lazy";
@@ -116,228 +114,6 @@ function truncateSessionId(id: string): string {
   return `${id.slice(0, 12)}...${id.slice(-12)}`;
 }
 
-type SessionSearchSuggestion = {
-  id: string;
-  label: string;
-  detail: string;
-  kind: "session" | "model" | "all";
-  value: string;
-};
-
-function normalizeSearchQuery(value: string): string {
-  return value.trim().toLowerCase();
-}
-
-function includesSearchText(value: string | null | undefined, query: string): boolean {
-  return value !== null && value !== undefined && value.toLowerCase().includes(query);
-}
-
-function buildSessionSuggestionDetail(sessionId: string, logs: readonly CapturedLog[]): string {
-  const scopedLogs = logs.filter((log) => log.sessionId === sessionId);
-  if (scopedLogs.length === 0) return "Stored session";
-  const models = new Set<string>();
-  const providers = new Set<string>();
-  for (const log of scopedLogs) {
-    if (log.model !== null && log.model !== "") models.add(log.model);
-    if (
-      log.providerName !== null &&
-      log.providerName !== undefined &&
-      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: string,
-  logs: readonly CapturedLog[],
-  query: string,
-): boolean {
-  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,
-}: {
-  query: string;
-  sessions: readonly string[];
-  models: readonly string[];
-  logs: readonly CapturedLog[];
-}): SessionSearchSuggestion[] {
-  const normalizedQuery = normalizeSearchQuery(query);
-  const suggestions: SessionSearchSuggestion[] = [];
-
-  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: string, selectedSession: string): string {
-  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,
-}: {
-  query: string;
-  suggestions: readonly SessionSearchSuggestion[];
-  selectedSession: string;
-  selectedModel: string;
-  onQueryChange: (value: string) => void;
-  onApplySuggestion: (suggestion: SessionSearchSuggestion) => void;
-  onClear: () => void;
-  onAskAssistant: () => void;
-}): JSX.Element {
-  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>): void => {
-    if (event.key !== "Enter") return;
-    const firstSuggestion = suggestions[0];
-    if (firstSuggestion === undefined) return;
-    event.preventDefault();
-    onApplySuggestion(firstSuggestion);
-  };
-
-  return (
-    <div className="rounded-xl bg-black/20 p-2 shadow-[inset_0_0_0_1px_rgba(255,255,255,0.055)]">
-      <div className="relative">
-        <Search className="pointer-events-none absolute left-3 top-1/2 size-3.5 -translate-y-1/2 text-cyan-100/70" />
-        <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__") && (
-          <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"
-          >
-            <X className="size-3.5" />
-          </button>
-        )}
-      </div>
-
-      <div className="mt-2 flex flex-wrap gap-1.5">
-        <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"
-        >
-          Ask Assistant
-        </button>
-        {selectedSession !== "__all__" && (
-          <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">
-            session:{truncateSessionId(selectedSession)}
-          </span>
-        )}
-        {selectedModel !== "__all__" && (
-          <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">
-            model:{selectedModel}
-          </span>
-        )}
-      </div>
-
-      <div className="mt-2 space-y-1">
-        {suggestions.map((suggestion) => (
-          <button
-            key={suggestion.id}
-            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"
-          >
-            <span className="min-w-0">
-              <span className="block truncate text-[11px] font-medium text-foreground">
-                {suggestion.label}
-              </span>
-              <span className="block truncate text-[10px] text-muted-foreground">
-                {suggestion.detail}
-              </span>
-            </span>
-            <span className="rounded-full bg-white/[0.045] px-2 py-0.5 text-[9px] uppercase tracking-[0.12em] text-muted-foreground">
-              {suggestion.kind}
-            </span>
-          </button>
-        ))}
-      </div>
-    </div>
-  );
-}
-
 function buildDisplayNumberByLogId(groups: readonly ConversationGroupData[]): Map<number, number> {
   const result = new Map<number, number>();
   for (const group of groups) {
@@ -1514,11 +1290,9 @@ export type ProxyViewerProps = {
 export function ProxyViewer({
   logs,
   sessions,
-  models,
   selectedSession,
   selectedModel,
   onSessionChange,
-  onModelChange,
   onClearAll,
   onDeleteCurrentView,
   onReloadSession,
@@ -1556,9 +1330,8 @@ export function ProxyViewer({
   const [detailsPanelStorageLoaded, setDetailsPanelStorageLoaded] = useState(false);
   const [petVisible, setPetVisible] = useState(true);
   const [petVisibilityStorageLoaded, setPetVisibilityStorageLoaded] = useState(false);
-  const [sessionSearchQuery, setSessionSearchQuery] = useState("");
-  const [assistantSuggestedQuestion, setAssistantSuggestedQuestion] = useState<string | undefined>(
-    undefined,
+  const [assistantSearchResult, setAssistantSearchResult] = useState<PiAgentSearchResult | null>(
+    null,
   );
   const [comparePair, setComparePair] = useState<[CapturedLog, CapturedLog] | null>(null);
   const logListRef = useRef<HTMLDivElement>(null);
@@ -1710,6 +1483,7 @@ export function ProxyViewer({
   useEffect(() => {
     cancelTransientTasks();
     setComparePair(null);
+    setAssistantSearchResult(null);
   }, [cancelTransientTasks, selectedSession, selectedModel]);
 
   const handleClearCurrentView = useCallback(() => {
@@ -1770,7 +1544,18 @@ export function ProxyViewer({
     setPetVisible((value) => !value);
   }, []);
 
-  const groups = useMemo(() => groupLogsByConversation(logs), [logs]);
+  const assistantResultLogIds = useMemo(
+    () => (assistantSearchResult === null ? null : new Set<number>(assistantSearchResult.logIds)),
+    [assistantSearchResult],
+  );
+  const displayedLogs = useMemo(
+    () =>
+      assistantResultLogIds === null
+        ? logs
+        : logs.filter((log) => assistantResultLogIds.has(log.id)),
+    [assistantResultLogIds, logs],
+  );
+  const groups = useMemo(() => groupLogsByConversation(displayedLogs), [displayedLogs]);
   const displayNumberByLogId = useMemo(() => buildDisplayNumberByLogId(groups), [groups]);
   const sessionContextScope = useMemo(
     () => resolveSessionContextScope({ pinnedSessionId, selectedSession, sessions, logs }),
@@ -1799,16 +1584,6 @@ export function ProxyViewer({
       ? "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 sessionSearchSuggestions = useMemo(
-    () =>
-      buildSessionSearchSuggestions({
-        query: sessionSearchQuery,
-        sessions,
-        models,
-        logs,
-      }),
-    [logs, models, sessionSearchQuery, sessions],
-  );
   const activeScopeLabel =
     hasSessionContext && sessionContextScope !== null
       ? truncateSessionId(sessionContextScope.label)
@@ -1820,13 +1595,13 @@ export function ProxyViewer({
   const slateStats = useMemo(
     () =>
       buildSessionSlateStats({
-        logs,
+        logs: displayedLogs,
         conversationGroups: groups,
         isLoading,
         timeDisplayFormat,
         slowResponseThresholdSeconds,
       }),
-    [groups, isLoading, logs, slowResponseThresholdSeconds, timeDisplayFormat],
+    [displayedLogs, groups, isLoading, slowResponseThresholdSeconds, timeDisplayFormat],
   );
   const handleCompareWithPrevious = useCallback(
     (log: CapturedLog) => {
@@ -1835,36 +1610,6 @@ export function ProxyViewer({
     },
     [comparisonPredecessors],
   );
-  const handleApplySessionSearchSuggestion = useCallback(
-    (suggestion: SessionSearchSuggestion) => {
-      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;
-      }
-    },
-    [onModelChange, onSessionChange],
-  );
-  const handleClearSessionSearch = useCallback(() => {
-    setSessionSearchQuery("");
-    onSessionChange("__all__");
-    onModelChange("__all__");
-  }, [onModelChange, onSessionChange]);
-  const handleAskAssistantFromSearch = useCallback(() => {
-    setAssistantSuggestedQuestion(
-      buildAssistantQuestionFromSearch(sessionSearchQuery, selectedSession),
-    );
-  }, [selectedSession, sessionSearchQuery]);
   const labSessionId =
     pinnedSessionId !== undefined
       ? pinnedSessionId
@@ -1915,23 +1660,39 @@ export function ProxyViewer({
       >
         {!detailsPanelCollapsed && (
           <aside className="bg-background/95 order-1 border-b border-white/[0.045] lg:order-2 lg:h-full lg:overflow-y-auto lg:border-b-0 lg:border-l lg:border-white/[0.055] inspector-scrollbar">
-            <div className="space-y-4 p-4">
-              <SidebarPanel label="Tools">
-                <div className="flex flex-wrap items-center gap-1.5">
-                  <ThemeModeToggle />
-                  <UiScaleControl
-                    preference={uiScalePreference}
-                    resolvedScale={resolvedUiScale}
-                    onChange={setUiScalePreference}
-                  />
-                  <GroupsDialog />
-                  <AgentLabDialog currentSessionId={labSessionId} logCount={logs.length} />
-                </div>
-              </SidebarPanel>
+            <div className="flex min-h-full flex-col gap-4 p-4">
+              <div className="bg-background/95 sticky top-0 z-20 -mx-4 -mt-4 px-4 pt-4 pb-3 shadow-[0_12px_24px_rgba(0,0,0,0.18),inset_0_-1px_0_rgba(255,255,255,0.045)] backdrop-blur">
+                <SidebarPanel label="Tools">
+                  <div className="flex flex-wrap items-center gap-1.5">
+                    <ThemeModeToggle />
+                    <UiScaleControl
+                      preference={uiScalePreference}
+                      resolvedScale={resolvedUiScale}
+                      onChange={setUiScalePreference}
+                    />
+                    <GroupsDialog />
+                    <AgentLabDialog currentSessionId={labSessionId} logCount={logs.length} />
+                  </div>
+                </SidebarPanel>
+              </div>
 
-              <SidebarPanel label="Session">
+              <SidebarPanel label="Current scope">
+                <div className="mb-2 rounded-md bg-black/20 px-3 py-2 shadow-[inset_0_1px_0_rgba(255,255,255,0.035)]">
+                  <div
+                    className="truncate font-mono text-xs font-semibold text-cyan-100"
+                    title={activeScopeLabel}
+                  >
+                    {activeScopeLabel}
+                  </div>
+                  <div className="mt-1 text-[11px] text-muted-foreground">
+                    {isPinnedSessionPage ? "Pinned session" : "Live Inspector data"}
+                  </div>
+                </div>
                 <div className="grid grid-cols-2 gap-2">
-                  <SidebarMetric label="Requests" value={logs.length} />
+                  <SidebarMetric
+                    label={assistantSearchResult === null ? "Requests" : "Results"}
+                    value={displayedLogs.length}
+                  />
                   <SidebarMetric label="Sessions" value={sessions.length} />
                   <SidebarMetric
                     label="Input"
@@ -1949,26 +1710,6 @@ export function ProxyViewer({
                 )}
               </SidebarPanel>
 
-              <SidebarPanel label="Workspace">
-                <div className="bg-black/20 rounded-md px-3 py-2 shadow-[inset_0_1px_0_rgba(255,255,255,0.035)]">
-                  <div
-                    className="truncate font-mono text-xs font-semibold text-cyan-100"
-                    title={activeScopeLabel}
-                  >
-                    {activeScopeLabel}
-                  </div>
-                  <div className="mt-1 text-[11px] text-muted-foreground">
-                    {isPinnedSessionPage ? "Session workspace" : "Live workspace"}
-                  </div>
-                </div>
-              </SidebarPanel>
-
-              <PiAgentPanel
-                currentSessionId={labSessionId}
-                logCount={logs.length}
-                suggestedQuestion={assistantSuggestedQuestion}
-              />
-
               {hasSessionContext && sessionContextScope !== null && (
                 <SessionContextBar
                   label={sessionContextScope.label}
@@ -1987,24 +1728,13 @@ export function ProxyViewer({
                   <SessionMembershipPanel memberships={sessionMemberships} />
                 )}
 
-              <SidebarPanel label="Filters">
-                {hideSessionFilter ? (
-                  <p className="text-[11px] leading-5 text-muted-foreground">
-                    This session is pinned by the current URL.
-                  </p>
-                ) : (
-                  <SessionSearchBox
-                    query={sessionSearchQuery}
-                    suggestions={sessionSearchSuggestions}
-                    selectedSession={selectedSession}
-                    selectedModel={selectedModel}
-                    onQueryChange={setSessionSearchQuery}
-                    onApplySuggestion={handleApplySessionSearchSuggestion}
-                    onClear={handleClearSessionSearch}
-                    onAskAssistant={handleAskAssistantFromSearch}
-                  />
-                )}
-              </SidebarPanel>
+              <div className="flex-1" />
+
+              <PiAgentPanel
+                currentSessionId={labSessionId}
+                logCount={logs.length}
+                onResultChange={setAssistantSearchResult}
+              />
             </div>
           </aside>
         )}
@@ -2151,7 +1881,30 @@ export function ProxyViewer({
                 )}
               </div>
             )}
-            <LogPaginationBar logs={logs} pagination={pagination} embedded={true} />
+            {assistantSearchResult !== null && (
+              <div className="mt-2 flex items-center gap-3 rounded-md bg-cyan-400/[0.07] px-3 py-2 shadow-[inset_2px_0_0_rgba(103,232,249,0.35),inset_0_0_0_1px_rgba(103,232,249,0.08)]">
+                <div className="min-w-0 flex-1">
+                  <div className="truncate text-xs font-medium text-cyan-50">
+                    {assistantSearchResult.question}
+                  </div>
+                  <div className="mt-0.5 text-[10px] text-muted-foreground">
+                    Showing {String(displayedLogs.length)} loaded logs from{" "}
+                    {String(assistantSearchResult.logIds.length)} linked results
+                  </div>
+                </div>
+                <button
+                  type="button"
+                  onClick={() => setAssistantSearchResult(null)}
+                  className="inline-flex h-7 shrink-0 items-center gap-1 rounded-md bg-black/20 px-2 text-[11px] text-muted-foreground transition-colors hover:bg-black/30 hover:text-foreground focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-none"
+                >
+                  <X className="size-3" />
+                  All logs
+                </button>
+              </div>
+            )}
+            {assistantSearchResult === null && (
+              <LogPaginationBar logs={logs} pagination={pagination} embedded={true} />
+            )}
             {onNotify === undefined && exportError !== null && (
               <div className="mt-2 rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-xs text-destructive">
                 {exportError}
@@ -2182,7 +1935,24 @@ export function ProxyViewer({
 
           <div className="px-4 py-4 lg:px-5">
             <SessionOpeningSlate stats={slateStats} />
-            {logs.length === 0 ? (
+            {assistantSearchResult !== null && displayedLogs.length === 0 ? (
+              <div className="py-16 text-center text-muted-foreground">
+                <div className="mx-auto max-w-xl rounded-[8px] bg-white/[0.035] px-5 py-8 shadow-[inset_0_1px_0_rgba(255,255,255,0.045),0_18px_52px_rgba(0,0,0,0.18)]">
+                  <p className="text-sm font-medium text-foreground">No linked logs are loaded</p>
+                  <p className="mt-2 text-xs leading-5 text-muted-foreground">
+                    Assistant found evidence, but none of its linked log IDs are in the current
+                    loaded window. Open an evidence card in Assistant or restore the full log view.
+                  </p>
+                  <button
+                    type="button"
+                    onClick={() => setAssistantSearchResult(null)}
+                    className="mt-4 inline-flex h-8 items-center rounded-md bg-cyan-400/10 px-3 text-xs text-cyan-100 transition-colors hover:bg-cyan-400/16"
+                  >
+                    Show all logs
+                  </button>
+                </div>
+              </div>
+            ) : logs.length === 0 ? (
               selectedSession !== "__all__" ? (
                 <div className="py-16 text-center text-muted-foreground">
                   <div className="bg-white/[0.035] shadow-[inset_0_1px_0_rgba(255,255,255,0.045),0_18px_52px_rgba(0,0,0,0.18)] mx-auto max-w-xl space-y-4 rounded-[8px] px-4 py-8">
@@ -2290,9 +2060,11 @@ export function ProxyViewer({
                     timeDisplayFormat={timeDisplayFormat}
                   />
                 </div>
-                <div className="mt-3">
-                  <LogPaginationBar logs={logs} pagination={pagination} />
-                </div>
+                {assistantSearchResult === null && (
+                  <div className="mt-3">
+                    <LogPaginationBar logs={logs} pagination={pagination} />
+                  </div>
+                )}
               </div>
             )}
           </div>

package/src/components/pi-agent/PiAgentPanel.tsx

@@ -1,8 +1,9 @@
 import { BrainCircuit, Loader2, RotateCcw, Send, Sparkles } from "lucide-react";
-import { useEffect, useMemo, useState, type ChangeEvent, type JSX } from "react";
+import { useMemo, useState, type ChangeEvent, type JSX } from "react";
 import {
   buildPiAgentHistory,
   createEmptyPiAgentConversation,
+  getPiAgentResultLogIds,
   normalizePiAgentResponse,
   PI_AGENT_SCOPE_PILLS,
   PI_AGENT_STARTERS,
@@ -19,7 +20,13 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from ".
 type PiAgentPanelProps = {
   currentSessionId: string | null;
   logCount: number;
-  suggestedQuestion?: string;
+  onResultChange: (result: PiAgentSearchResult | null) => void;
+};
+
+export type PiAgentSearchResult = {
+  question: string;
+  logIds: number[];
+  reportedLogCount: number;
 };
 
 const DEFAULT_QUESTION =
@@ -200,7 +207,7 @@ function ConversationMessage({ message }: { message: PiAgentConversationMessage
 export function PiAgentPanel({
   currentSessionId,
   logCount,
-  suggestedQuestion,
+  onResultChange,
 }: PiAgentPanelProps): JSX.Element {
   const { providers } = useProviders();
   const piProviders = useMemo(
@@ -220,11 +227,6 @@ export function PiAgentPanel({
   const question = conversation.question;
   const canAsk = question.trim() !== "" && piProviders.length > 0 && !loading;
 
-  useEffect(() => {
-    if (suggestedQuestion === undefined || suggestedQuestion.trim() === "") return;
-    setConversation((current) => ({ ...current, question: suggestedQuestion, error: null }));
-  }, [suggestedQuestion]);
-
   const handleQuestionChange = (event: ChangeEvent<HTMLTextAreaElement>): void => {
     setConversation((current) => ({ ...current, question: event.currentTarget.value }));
   };
@@ -236,6 +238,7 @@ export function PiAgentPanel({
 
   const resetConversation = (): void => {
     setConversation({ ...createEmptyPiAgentConversation(), question: DEFAULT_QUESTION });
+    onResultChange(null);
   };
 
   const setStarter = (questionText: string): void => {
@@ -308,6 +311,11 @@ export function PiAgentPanel({
             },
           ],
         }));
+        onResultChange({
+          question: trimmedQuestion,
+          logIds: getPiAgentResultLogIds(normalized),
+          reportedLogCount: normalized.logCount,
+        });
       })
       .catch((err: unknown) => {
         setConversation((current) => ({
@@ -325,9 +333,9 @@ export function PiAgentPanel({
       <div className="flex items-center gap-2">
         <BrainCircuit className="size-4 text-cyan-200" />
         <div className="min-w-0 flex-1">
-          <div className="text-xs font-semibold text-foreground">Inspector Assistant</div>
+          <div className="text-xs font-semibold text-foreground">Search with Assistant</div>
           <div className="text-[11px] text-muted-foreground">
-            {currentSessionId === null ? "Ask saved Inspector data" : "Ask this session"}
+            {currentSessionId === null ? "Search all Inspector evidence" : "Search this session"}
           </div>
         </div>
         <button
@@ -343,8 +351,9 @@ export function PiAgentPanel({
       {conversation.messages.length === 0 && (
         <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)]">
           <p className="text-[11px] leading-5 text-muted-foreground">
-            Ask your Inspector memory across saved traffic, sessions, tools, Provider signals,
-            alerts, runs, groups, and knowledge candidates. Answers include linked evidence.
+            Describe the traffic you want to find in plain language. Assistant searches saved
+            traffic, sessions, tools, alerts, runs, groups, and knowledge, then uses linked evidence
+            to shape the log results.
           </p>
           <div className="mt-2 grid gap-1.5">
             {PI_AGENT_SCOPE_PILLS.map((pill) => (
@@ -427,7 +436,7 @@ export function PiAgentPanel({
         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 across saved Inspector data..."
+        placeholder="Search failures, slow requests, token spikes, tool calls..."
       />
 
       <button
@@ -437,7 +446,7 @@ export function PiAgentPanel({
         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"
       >
         {loading ? <Loader2 className="size-3.5 animate-spin" /> : <Send className="size-3.5" />}
-        <span>{loading ? "Thinking..." : "Ask Assistant"}</span>
+        <span>{loading ? "Searching..." : "Search logs"}</span>
       </button>
 
       {conversation.error !== null && (

package/src/components/pi-agent/piAgentChatLogic.ts

@@ -44,6 +44,16 @@ export type PiAgentResponseView = {
   queryMetrics: PiAgentMetricView[];
 };
 
+export function getPiAgentResultLogIds(response: PiAgentResponseView): number[] {
+  return [
+    ...new Set(
+      response.evidence
+        .map((evidence) => evidence.logId)
+        .filter((logId): logId is number => logId !== null),
+    ),
+  ];
+}
+
 export type PiAgentConversationMessage = PiAgentHistoryMessage & {
   id: string;
   response: PiAgentResponseView | null;