@agent-native/dispatch 0.21.0 → 0.22.1

package/dist/routes/pages/thread-debug.js

@@ -1,7 +1,7 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useActionQuery } from "@agent-native/core/client/hooks";
 import { useT } from "@agent-native/core/client/i18n";
-import { IconAlertTriangle, IconClock, IconDatabase, IconFileSearch, IconRefresh, IconSearch, } from "@tabler/icons-react";
+import { IconActivity, IconAdjustmentsHorizontal, IconAlertTriangle, IconCopy, IconDatabase, IconFileSearch, IconInfoCircle, IconRefresh, IconSearch, IconTool, } from "@tabler/icons-react";
 import { useMemo, useState } from "react";
 import { useSearchParams } from "react-router";
 import { ActionQueryError } from "../../components/action-query-error.js";
@@ -9,6 +9,7 @@ import { DispatchShell } from "../../components/dispatch-shell.js";
 import { Badge } from "../../components/ui/badge.js";
 import { Button } from "../../components/ui/button.js";
 import { Input } from "../../components/ui/input.js";
+import { Popover, PopoverAnchor, PopoverContent, } from "../../components/ui/popover.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../../components/ui/select.js";
 import { Skeleton } from "../../components/ui/skeleton.js";
 import { Tabs, TabsContent, TabsList, TabsTrigger, } from "../../components/ui/tabs.js";
@@ -21,6 +22,7 @@ const FAILURE_RANGE_HOURS = {
     "7d": 7 * 24,
     "30d": 30 * 24,
 };
+const EMPTY_FAILURES = [];
 function parseMode(value) {
     return value === "threads" ? "threads" : "failures";
 }
@@ -29,6 +31,9 @@ function parseFailureStatus(value) {
         ? value
         : "all";
 }
+function parseFailureRegime(value) {
+    return value === "interactive" || value === "scheduled" ? value : "all";
+}
 function parseFailureRange(value) {
     return value === "7d" || value === "30d" ? value : "24h";
 }
@@ -38,6 +43,30 @@ function failureSourceId(failure) {
 function failureSourceLabel(failure) {
     return (failure.sourceLabel || failure.source?.label || failureSourceId(failure));
 }
+function isTechnicalIdentifier(value) {
+    return /^(?:job|run|thread|turn|request|req)-[a-z0-9][a-z0-9_-]*$/i.test(value.trim());
+}
+function displayListTitle(value, fallbackValue, fallbackLabel) {
+    const candidate = [value, fallbackValue]
+        .map((entry) => entry?.trim() || "")
+        .find((entry) => entry && !isTechnicalIdentifier(entry));
+    if (!candidate)
+        return fallbackLabel;
+    const withoutDate = candidate
+        .replace(/\s+[—-]\s+\d{1,2}\/\d{1,2}\/\d{4}\s*$/, "")
+        .trim();
+    if (!withoutDate)
+        return fallbackLabel;
+    if (/^job:/i.test(withoutDate)) {
+        return withoutDate
+            .replace(/^job:\s*/i, "")
+            .replace(/[-_]+/g, " ")
+            .replace(/\s+/g, " ")
+            .replace(/\b\w/g, (character) => character.toUpperCase())
+            .trim();
+    }
+    return withoutDate;
+}
 function formatDate(value) {
     if (value == null || value === "")
         return "n/a";
@@ -47,6 +76,26 @@ function formatDate(value) {
         return "n/a";
     return date.toLocaleString();
 }
+function formatRelativeDate(value) {
+    if (value == null || value === "")
+        return "n/a";
+    const numeric = Number(value);
+    const timestamp = Number.isFinite(numeric)
+        ? numeric
+        : new Date(value).getTime();
+    if (!Number.isFinite(timestamp))
+        return "n/a";
+    const elapsed = Date.now() - timestamp;
+    if (elapsed < 0)
+        return "in a moment";
+    if (elapsed < 60_000)
+        return "just now";
+    if (elapsed < 3_600_000)
+        return `${Math.floor(elapsed / 60_000)}m ago`;
+    if (elapsed < 86_400_000)
+        return `${Math.floor(elapsed / 3_600_000)}h ago`;
+    return `${Math.floor(elapsed / 86_400_000)}d ago`;
+}
 function formatDuration(value) {
     if (value == null || !Number.isFinite(value))
         return "n/a";
@@ -56,6 +105,113 @@ function formatDuration(value) {
         return `${(value / 1_000).toFixed(1)}s`;
     return `${(value / 60_000).toFixed(1)}m`;
 }
+function humanizeIdentifier(value) {
+    if (!value)
+        return "Unknown failure";
+    return value
+        .replace(/^(error:|failure:)/, "")
+        .replace(/[_-]+/g, " ")
+        .replace(/\b\w/g, (character) => character.toUpperCase());
+}
+function failureLabel(run) {
+    const code = run.errorCode || run.terminalReason || run.abortReason;
+    const labels = {
+        stale_run: "Worker heartbeat stopped",
+        background_worker_never_started: "Background worker never started",
+        background_worker_failed: "Background worker setup failed",
+        builder_gateway_network_error: "Gateway stream ended early",
+        provider_timeout: "Provider timed out",
+        provider_network_error: "Provider connection dropped",
+        provider_config_error: "Provider configuration rejected",
+        authentication_error: "Provider authentication failed",
+        overloaded_error: "Provider was overloaded",
+        "aborted:user": "Stopped by user",
+    };
+    return (code && labels[code]) || humanizeIdentifier(code);
+}
+function runDiagnosis(run) {
+    const code = run.errorCode || run.terminalReason || run.abortReason || "unknown";
+    if (code === "stale_run") {
+        const workerStarted = run.dispatchMode === "background-processing";
+        return {
+            title: "Worker stopped reporting",
+            summary: workerStarted
+                ? "The worker claimed this run, then stopped writing heartbeat or progress signals before it finished. This is a liveness failure, not proof that the provider failed."
+                : "The run stayed active until liveness recovery closed it. No completed result was recorded, so inspect the handoff and retained evidence before blaming a provider.",
+            nextStep: workerStarted
+                ? "Check the last worker stage and database heartbeat writes."
+                : "Check the scheduled background handoff and whether a worker claimed it.",
+            code,
+        };
+    }
+    if (code === "background_worker_never_started") {
+        return {
+            title: "Background worker never started",
+            summary: "The handoff was acknowledged, but no background worker claimed the run.",
+            nextStep: "Check the background route, authentication, and function logs.",
+            code,
+        };
+    }
+    if (code === "background_worker_failed") {
+        return {
+            title: "Background worker failed during setup",
+            summary: "The worker claimed the run but stopped before it could start the turn.",
+            nextStep: "Use the recorded setup stage and worker logs to find the first failure.",
+            code,
+        };
+    }
+    if (code === "builder_gateway_network_error") {
+        return {
+            title: "Gateway stream ended early",
+            summary: run.errorDetail ||
+                "The model stream ended before the run emitted a terminal event.",
+            nextStep: "Retry once; if it repeats, inspect gateway and provider transport health.",
+            code,
+        };
+    }
+    if (code === "aborted:user") {
+        return {
+            title: "Stopped by user",
+            summary: "This run was explicitly aborted and is not a system failure.",
+            nextStep: "No recovery action is required.",
+            code,
+        };
+    }
+    return {
+        title: failureLabel(run),
+        summary: run.errorDetail || "The run ended without a more specific explanation.",
+        nextStep: "Open the timeline and inspect the last recorded stage or event.",
+        code,
+    };
+}
+function eventType(event) {
+    return typeof event?.type === "string" ? event.type : "event";
+}
+function eventIsNoise(event) {
+    return [
+        "thinking",
+        "text",
+        "tool_input_delta",
+        "stream_keepalive",
+        "activity",
+    ].includes(eventType(event));
+}
+function summarizeEvents(events) {
+    const toolNames = new Map();
+    let toolStarts = 0;
+    for (const entry of events) {
+        if (eventType(entry.event) !== "tool_start")
+            continue;
+        toolStarts += 1;
+        const name = String(entry.event?.tool ?? "tool");
+        toolNames.set(name, (toolNames.get(name) ?? 0) + 1);
+    }
+    return {
+        toolStarts,
+        toolNames: [...toolNames.entries()],
+        meaningful: events.filter((entry) => !eventIsNoise(entry.event)).slice(-12),
+    };
+}
 function json(value) {
     try {
         return JSON.stringify(value, null, 2);
@@ -104,20 +260,14 @@ function diagnosticStage(value) {
 function RawBlock({ value, className, }) {
     return (_jsx("pre", { className: cn("max-h-[520px] overflow-auto rounded-lg border bg-muted/30 p-3 text-xs leading-relaxed text-foreground", "whitespace-pre-wrap break-words", className), children: typeof value === "string" ? value : json(value) }));
 }
-function SourceBadge({ source }) {
-    return (_jsx(Badge, { variant: source.current ? "default" : "secondary", children: source.current ? "current" : source.kind }));
-}
 function ResultCard({ result, selected, onSelect, }) {
-    return (_jsxs("button", { type: "button", onClick: onSelect, className: cn("w-full rounded-lg border px-3 py-3 text-left transition-colors", selected
-            ? "border-foreground bg-muted"
-            : "bg-card hover:border-foreground/30 hover:bg-muted/40"), children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate text-sm font-medium text-foreground", children: result.title || result.preview || result.id }), _jsx("div", { className: "mt-1 truncate font-mono text-[11px] text-muted-foreground", children: result.id })] }), _jsx(Badge, { variant: "outline", className: "shrink-0", children: result.messageCount })] }), _jsx("div", { className: "mt-2 line-clamp-3 text-xs leading-relaxed text-muted-foreground", children: result.snippet || result.preview || "No preview" }), _jsxs("div", { className: "mt-2 flex items-center justify-between gap-3 text-[11px] text-muted-foreground", children: [_jsx("span", { className: "truncate", children: result.ownerEmail }), _jsx("span", { className: "shrink-0", children: formatDate(result.updatedAt) })] })] }));
+    const title = displayListTitle(result.title, result.preview, "Untitled thread");
+    return (_jsxs("button", { type: "button", onClick: onSelect, "aria-current": selected ? "true" : undefined, className: cn("group w-full border-b px-4 py-3 text-left transition-colors last:border-b-0", selected ? "bg-accent/70" : "hover:bg-muted/50"), children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsx("div", { className: "min-w-0", children: _jsx("div", { className: "truncate text-sm font-medium text-foreground", children: title }) }), _jsxs(Badge, { variant: "outline", className: "shrink-0", children: [result.messageCount, " ", result.messageCount === 1 ? "message" : "messages"] })] }), _jsxs("div", { className: "mt-2 flex items-center justify-between gap-3 text-[11px] text-muted-foreground", children: [_jsx("span", { className: "min-w-0 truncate", children: result.ownerEmail }), _jsx("span", { className: "shrink-0", children: formatRelativeDate(result.updatedAt) })] })] }));
 }
 function FailureCard({ failure, selected, onSelect, }) {
     const t = useT();
-    const summary = failure.errorCode ||
-        failure.terminalReason ||
-        failure.abortReason ||
-        failure.status;
+    const diagnosis = runDiagnosis(failure);
+    const title = displayListTitle(failure.threadTitle, failure.threadPreview, "Agent run");
     const statusLabel = failure.status === "errored"
         ? t("dispatch.pages.threadDebugErrored", {
             defaultValue: "Errored",
@@ -131,11 +281,9 @@ function FailureCard({ failure, selected, onSelect, }) {
                     defaultValue: "Truncated",
                 })
                 : failure.status;
-    return (_jsxs("button", { type: "button", onClick: onSelect, className: cn("w-full rounded-lg border px-3 py-3 text-left transition-colors", selected
-            ? "border-foreground bg-muted"
-            : "bg-card hover:border-foreground/30 hover:bg-muted/40"), children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate text-sm font-medium text-foreground", children: failure.threadTitle || failure.threadPreview || failure.threadId }), _jsx("div", { className: "mt-1 truncate font-mono text-[11px] text-muted-foreground", children: failure.id })] }), _jsx(Badge, { variant: "outline", className: "shrink-0", children: statusLabel })] }), _jsxs("div", { className: "mt-2 flex items-center gap-1.5 text-xs text-foreground", children: [_jsx(IconAlertTriangle, { className: "size-3.5 shrink-0 text-muted-foreground" }), _jsx("span", { className: "truncate", children: summary })] }), failure.errorDetail ? (_jsx("div", { className: "mt-1 line-clamp-2 text-xs leading-relaxed text-muted-foreground", children: failure.errorDetail })) : null, _jsxs("div", { className: "mt-2 flex items-center justify-between gap-3 text-[11px] text-muted-foreground", children: [_jsxs("span", { className: "truncate", children: [failureSourceLabel(failure), " \u00B7 ", failure.ownerEmail] }), _jsxs("span", { className: "inline-flex shrink-0 items-center gap-1", children: [_jsx(IconClock, { className: "size-3" }), formatDate(failure.completedAt ?? failure.startedAt), failure.durationMs == null
-                                ? null
-                                : ` · ${formatDuration(failure.durationMs)}`] })] }), _jsx("span", { className: "sr-only", children: t("dispatch.pages.threadDebugInspectFailure", {
+    return (_jsxs("button", { type: "button", onClick: onSelect, "aria-current": selected ? "true" : undefined, className: cn("group w-full border-b px-4 py-3 text-left transition-[background-color,border-color] last:border-b-0", selected ? "bg-accent/70" : "hover:bg-muted/50"), children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx("span", { "aria-hidden": "true", className: cn("mt-1.5 size-2 shrink-0 rounded-full", failure.status === "aborted"
+                            ? "bg-muted-foreground/50"
+                            : "bg-destructive") }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate text-sm font-medium text-foreground", children: title }), _jsx("div", { className: "mt-0.5 truncate text-xs text-muted-foreground", children: failureSourceLabel(failure) })] }), _jsx("span", { className: "shrink-0 text-[11px] text-muted-foreground", children: formatRelativeDate(failure.completedAt ?? failure.startedAt) })] }), _jsxs("div", { className: "mt-2 flex min-w-0 items-center gap-2 text-xs", children: [_jsx("span", { className: "truncate font-medium text-foreground", children: diagnosis.title }), _jsx("span", { className: "shrink-0 text-muted-foreground", children: "\u00B7" }), _jsx("span", { className: "shrink-0 text-muted-foreground", children: statusLabel })] }), failure.durationMs == null ? null : (_jsx("div", { className: "mt-1 text-[11px] text-muted-foreground", children: formatDuration(failure.durationMs) }))] })] }), _jsx("span", { className: "sr-only", children: t("dispatch.pages.threadDebugInspectFailure", {
                     defaultValue: "Inspect failed run",
                 }) })] }));
 }
@@ -143,8 +291,28 @@ function MessageBlock({ message }) {
     const tools = toolParts(message);
     return (_jsxs("div", { className: "rounded-lg bg-card", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 border-b px-3 py-2", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx(Badge, { variant: message.role === "assistant" ? "default" : "secondary", children: message.role }), _jsx("span", { className: "truncate text-sm font-medium text-foreground", children: messageTitle(message) })] }), _jsxs("div", { className: "flex items-center gap-2 text-[11px] text-muted-foreground", children: [message.attachments.length > 0 ? (_jsxs(Badge, { variant: "outline", children: [message.attachments.length, " files"] })) : null, _jsx("span", { children: formatDate(message.createdAt) })] })] }), _jsxs("div", { className: "space-y-3 px-3 py-3", children: [message.text ? (_jsx("div", { className: "whitespace-pre-wrap break-words text-sm leading-relaxed text-foreground", children: message.text })) : (_jsx("div", { className: "text-sm text-muted-foreground", children: "No text content" })), tools.length > 0 ? (_jsx("div", { className: "space-y-2", children: tools.map((tool, index) => (_jsxs("details", { className: "rounded-md border bg-muted/30 px-3 py-2", children: [_jsx("summary", { className: "cursor-pointer text-xs font-medium text-foreground", children: tool.toolName ?? tool.name ?? "tool-call" }), _jsx(RawBlock, { value: tool, className: "mt-2 max-h-72" })] }, `${message.id ?? message.index}-tool-${index}`))) })) : null] })] }));
 }
+function EvidenceStat({ label, value }) {
+    return (_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-[11px] text-muted-foreground", children: label }), _jsx("div", { className: "mt-1 truncate text-sm font-medium text-foreground", children: value })] }));
+}
+function DiagnosisPanel({ run, eventCount, toolCount, }) {
+    const diagnosis = runDiagnosis(run);
+    const isStoppedByUser = diagnosis.code === "aborted:user";
+    const isScheduled = run.id?.startsWith("job-") || run.dispatchMode === "background-processing";
+    const workerClaimed = run.dispatchMode === "background-processing";
+    const staleThreshold = isScheduled
+        ? workerClaimed
+            ? "45s after claim"
+            : "90s before claim"
+        : "15s";
+    return (_jsxs("section", { className: cn("border-b px-5 py-4", isStoppedByUser ? "bg-muted/20" : "bg-destructive/[0.04]"), "aria-label": "Run diagnosis", children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx("span", { "aria-hidden": "true", className: cn("mt-1.5 size-2 shrink-0 rounded-full", isStoppedByUser ? "bg-muted-foreground/50" : "bg-destructive") }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-2", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-sm font-semibold text-foreground", children: diagnosis.title }), _jsx("p", { className: "mt-1 max-w-3xl text-sm leading-relaxed text-muted-foreground", children: diagnosis.summary })] }), _jsx("span", { className: "font-mono text-[11px] text-muted-foreground", children: diagnosis.code })] }), _jsxs("div", { className: "mt-3 flex items-start gap-2 text-xs text-foreground", children: [_jsx(IconInfoCircle, { className: "mt-0.5 size-3.5 shrink-0 text-muted-foreground" }), _jsxs("span", { children: [_jsx("span", { className: "font-medium", children: "Next check:" }), " ", diagnosis.nextStep] })] })] })] }), _jsxs("div", { className: "mt-4 grid gap-3 border-t pt-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-7", children: [_jsx(EvidenceStat, { label: "Run type", value: isScheduled ? "Scheduled job" : "Interactive chat" }), _jsx(EvidenceStat, { label: "Worker claim", value: workerClaimed ? "Claimed" : "Not recorded" }), _jsx(EvidenceStat, { label: "Last heartbeat", value: formatDate(run.heartbeatAt) }), _jsx(EvidenceStat, { label: "Last progress", value: formatDate(run.lastProgressAt) }), _jsx(EvidenceStat, { label: "Stale threshold", value: staleThreshold }), _jsx(EvidenceStat, { label: "Recovery payload", value: run.hasDispatchPayload ? "Retained" : "Not retained" }), _jsx(EvidenceStat, { label: "Worker stage", value: diagnosticStage(run.workerStage) ||
+                            diagnosticStage(run.diagStage) ||
+                            "Not recorded" })] }), _jsxs("div", { className: "mt-3 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground", children: [_jsxs("span", { children: ["Evidence:", " ", _jsx("span", { className: "font-medium text-foreground", children: eventCount.toLocaleString() }), " ", "retained events"] }), _jsx("span", { "aria-hidden": "true", children: "\u00B7" }), _jsxs("span", { children: [_jsx("span", { className: "font-medium text-foreground", children: toolCount.toLocaleString() }), " ", "tool starts"] }), _jsx("span", { "aria-hidden": "true", children: "\u00B7" }), _jsx("span", { children: "Liveness uses the newer heartbeat or progress timestamp." })] })] }));
+}
+function RunTimeline({ run }) {
+    const summary = summarizeEvents(run.events);
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 border-b pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(IconActivity, { className: "size-4 text-muted-foreground" }), _jsxs("span", { className: "text-sm font-medium text-foreground", children: [run.events.length.toLocaleString(), " events retained"] }), _jsxs("span", { className: "text-xs text-muted-foreground", children: [summary.toolStarts, " tool starts"] })] }), _jsxs("span", { className: "text-xs text-muted-foreground", children: ["Started ", formatDate(run.startedAt)] })] }), summary.toolNames.length > 0 ? (_jsx("div", { className: "flex flex-wrap gap-2", children: summary.toolNames.map(([name, count]) => (_jsxs("span", { className: "inline-flex items-center gap-1.5 rounded-md bg-muted/60 px-2 py-1 text-xs text-foreground", children: [_jsx(IconTool, { className: "size-3.5 text-muted-foreground" }), name, " ", _jsxs("span", { className: "text-muted-foreground", children: ["\u00D7", count] })] }, name))) })) : null, _jsx("div", { className: "divide-y rounded-lg border", children: summary.meaningful.length > 0 ? (summary.meaningful.map((entry) => (_jsxs("div", { className: "flex items-start gap-3 px-3 py-2.5 text-xs", children: [_jsxs("span", { className: "w-8 shrink-0 font-mono text-muted-foreground", children: ["#", entry.seq] }), _jsx("span", { className: "min-w-0 flex-1 break-words text-foreground", children: eventLabel(entry.event) })] }, `${run.id}-${entry.seq}`)))) : (_jsx("div", { className: "px-3 py-4 text-sm text-muted-foreground", children: "No summarized events were retained for this run." })) }), _jsxs("details", { className: "rounded-lg border", children: [_jsxs("summary", { className: "flex cursor-pointer list-none items-center justify-between gap-3 px-3 py-2.5 text-xs font-medium text-foreground", children: [_jsx("span", { children: "Show raw event stream" }), _jsxs("span", { className: "font-normal text-muted-foreground", children: [run.events.length.toLocaleString(), " records"] })] }), _jsx("div", { className: "space-y-2 border-t p-3", children: run.events.map((entry) => (_jsxs("details", { className: "rounded-md border bg-muted/20 px-3 py-2", children: [_jsxs("summary", { className: "cursor-pointer text-xs text-foreground", children: ["#", entry.seq, " ", eventLabel(entry.event)] }), _jsx(RawBlock, { value: entry.event, className: "mt-2 max-h-72" })] }, `${run.id}-raw-${entry.seq}`))) })] })] }));
+}
 function ThreadDetail({ detail }) {
-    const t = useT();
     const rawBundle = useMemo(() => ({
         thread: detail.thread,
         debug: detail.debug,
@@ -158,31 +326,24 @@ function ThreadDetail({ detail }) {
         evals: detail.evals,
         checkpoints: detail.checkpoints,
     }), [detail]);
-    return (_jsxs("div", { className: "rounded-lg bg-card", children: [_jsxs("div", { className: "border-b px-4 py-3", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate text-base font-semibold text-foreground", children: detail.thread.title || detail.thread.preview || detail.thread.id }), _jsx("div", { className: "mt-1 truncate font-mono text-xs text-muted-foreground", children: detail.thread.id })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs(Badge, { variant: "secondary", children: [detail.messages.length, " messages"] }), _jsxs(Badge, { variant: "secondary", children: [detail.runs.length, " runs"] }), _jsx(Badge, { variant: "outline", children: detail.source.label })] })] }), _jsxs("div", { className: "mt-3 grid gap-2 text-xs text-muted-foreground sm:grid-cols-3", children: [_jsxs("div", { className: "truncate", children: ["Owner: ", detail.thread.ownerEmail] }), _jsxs("div", { children: ["Created: ", formatDate(detail.thread.createdAt)] }), _jsxs("div", { children: ["Updated: ", formatDate(detail.thread.updatedAt)] })] })] }), _jsxs(Tabs, { defaultValue: "transcript", className: "p-4", children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "transcript", children: "Transcript" }), _jsx(TabsTrigger, { value: "runs", children: "Runs" }), _jsx(TabsTrigger, { value: "internals", children: "Internals" }), _jsx(TabsTrigger, { value: "raw", children: "Raw" })] }), _jsx(TabsContent, { value: "transcript", className: "mt-4 space-y-3", children: detail.messages.length > 0 ? (detail.messages.map((message) => (_jsx(MessageBlock, { message: message }, message.id ?? `message-${message.index}`)))) : (_jsx("div", { className: "rounded-lg border border-dashed px-4 py-8 text-center text-sm text-muted-foreground", children: "No persisted messages." })) }), _jsx(TabsContent, { value: "runs", className: "mt-4 space-y-3", children: detail.runs.length > 0 ? (detail.runs.map((run) => (_jsxs("details", { className: "rounded-lg bg-card", children: [_jsx("summary", { className: "cursor-pointer px-4 py-3", children: _jsxs("div", { className: "inline-flex flex-wrap items-center gap-2", children: [_jsx(Badge, { variant: "outline", children: run.status }), _jsx("span", { className: "font-mono text-xs text-foreground", children: run.id }), run.errorCode ? (_jsx("span", { className: "font-mono text-xs text-destructive", children: run.errorCode })) : null, _jsx("span", { className: "text-xs text-muted-foreground", children: formatDate(run.startedAt) })] }) }), _jsxs("div", { className: "space-y-3 border-t px-4 py-3", children: [_jsxs("div", { className: "grid gap-2 text-xs sm:grid-cols-2 xl:grid-cols-3", children: [_jsxs("div", { children: [_jsx("div", { className: "text-muted-foreground", children: t("dispatch.pages.threadDebugFailureCode", {
-                                                                defaultValue: "Failure code",
-                                                            }) }), _jsx("div", { className: "mt-0.5 break-words font-mono text-foreground", children: run.errorCode || "n/a" })] }), _jsxs("div", { children: [_jsx("div", { className: "text-muted-foreground", children: t("dispatch.pages.threadDebugTerminalReason", {
-                                                                defaultValue: "Terminal reason",
-                                                            }) }), _jsx("div", { className: "mt-0.5 break-words font-mono text-foreground", children: run.terminalReason || run.abortReason || "n/a" })] }), _jsxs("div", { children: [_jsx("div", { className: "text-muted-foreground", children: t("dispatch.pages.threadDebugDispatchMode", {
-                                                                defaultValue: "Dispatch mode",
-                                                            }) }), _jsx("div", { className: "mt-0.5 break-words font-mono text-foreground", children: run.dispatchMode || "foreground" })] }), _jsxs("div", { children: [_jsx("div", { className: "text-muted-foreground", children: t("dispatch.pages.threadDebugLastStage", {
-                                                                defaultValue: "Last stage",
-                                                            }) }), _jsx("div", { className: "mt-0.5 break-words font-mono text-foreground", children: diagnosticStage(run.workerStage) ||
+    const primaryRun = detail.runs.find((run) => run.id === detail.lookup?.runId) ??
+        detail.runs[0] ??
+        null;
+    const eventCount = detail.runs.reduce((total, run) => total + run.events.length, 0);
+    const toolCount = detail.runs.reduce((total, run) => total + summarizeEvents(run.events).toolStarts, 0);
+    return (_jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "border-b px-5 py-4", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate text-base font-semibold text-foreground", children: detail.thread.title || detail.thread.preview || detail.thread.id }), _jsxs("div", { className: "mt-1 flex min-w-0 items-center gap-2 text-xs text-muted-foreground", children: [_jsx("span", { className: "truncate font-mono", children: detail.lookup?.runId || detail.thread.id }), detail.lookup?.runId ? (_jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "size-7 shrink-0", title: "Copy run ID", "aria-label": "Copy run ID", onClick: () => void navigator.clipboard?.writeText(detail.lookup?.runId ?? ""), children: _jsx(IconCopy, { className: "size-3.5" }) })) : null] })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [primaryRun ? (_jsx(Badge, { variant: primaryRun.status === "errored" ? "destructive" : "secondary", children: primaryRun.status })) : null, _jsx(Badge, { variant: "outline", children: detail.source.label })] })] }), _jsxs("div", { className: "mt-3 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground", children: [_jsx("span", { className: "truncate", children: detail.thread.ownerEmail }), _jsx("span", { "aria-hidden": "true", children: "\u00B7" }), _jsxs("span", { children: [detail.messages.length, " messages"] }), _jsx("span", { "aria-hidden": "true", children: "\u00B7" }), _jsxs("span", { children: [detail.runs.length, " runs"] }), _jsx("span", { "aria-hidden": "true", children: "\u00B7" }), _jsxs("span", { children: ["updated ", formatDate(detail.thread.updatedAt)] })] })] }), primaryRun ? (_jsx(DiagnosisPanel, { run: primaryRun, eventCount: eventCount, toolCount: toolCount })) : null, _jsxs(Tabs, { defaultValue: "overview", className: "p-5", children: [_jsxs(TabsList, { className: "h-9", children: [_jsx(TabsTrigger, { value: "overview", children: "Overview" }), _jsx(TabsTrigger, { value: "timeline", children: "Timeline" }), _jsx(TabsTrigger, { value: "transcript", children: "Transcript" }), _jsx(TabsTrigger, { value: "technical", children: "Technical" })] }), _jsxs(TabsContent, { value: "overview", className: "mt-4 space-y-4", children: [_jsxs("div", { className: "flex items-start gap-2 border-b pb-4 text-sm text-muted-foreground", children: [_jsx(IconInfoCircle, { className: "mt-0.5 size-4 shrink-0" }), _jsx("p", { className: "max-w-2xl leading-relaxed", children: "This is the compact readout. Open Timeline for the last meaningful signals, Transcript for persisted messages and tool calls, or Technical for raw records." })] }), _jsxs("div", { className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-3", children: [_jsx(EvidenceStat, { label: "Created", value: formatDate(detail.thread.createdAt) }), _jsx(EvidenceStat, { label: "Updated", value: formatDate(detail.thread.updatedAt) }), _jsx(EvidenceStat, { label: "Source", value: detail.source.label }), _jsx(EvidenceStat, { label: "Messages", value: detail.messages.length.toLocaleString() }), _jsx(EvidenceStat, { label: "Retained events", value: eventCount.toLocaleString() }), _jsx(EvidenceStat, { label: "Tool starts", value: toolCount.toLocaleString() })] }), detail.messages.length === 0 && eventCount > 0 ? (_jsxs("div", { className: "flex items-start gap-2 rounded-lg border bg-muted/20 px-3 py-3 text-sm text-muted-foreground", children: [_jsx(IconActivity, { className: "mt-0.5 size-4 shrink-0" }), _jsxs("span", { children: ["No persisted messages are available, but this run retained", " ", eventCount.toLocaleString(), " execution events. The timeline is the authoritative audit trail for this run."] })] })) : null] }), _jsx(TabsContent, { value: "timeline", className: "mt-4 space-y-5", children: detail.runs.length > 0 ? (detail.runs.map((run) => (_jsxs("section", { className: "border-b pb-5 last:border-b-0 last:pb-0", children: [_jsxs("div", { className: "mb-3 flex flex-wrap items-center gap-2", children: [_jsx(Badge, { variant: run.status === "errored" ? "destructive" : "outline", children: run.status }), _jsx("span", { className: "font-mono text-xs text-muted-foreground", children: run.id }), _jsx("span", { className: "text-xs text-muted-foreground", children: formatDuration(run.durationMs) })] }), _jsx(RunTimeline, { run: run })] }, run.id)))) : (_jsx("div", { className: "rounded-lg border border-dashed px-4 py-8 text-center text-sm text-muted-foreground", children: "No retained runs." })) }), _jsx(TabsContent, { value: "transcript", className: "mt-4 space-y-3", children: detail.messages.length > 0 ? (detail.messages.map((message) => (_jsx(MessageBlock, { message: message }, message.id ?? `message-${message.index}`)))) : (_jsxs("div", { className: "rounded-lg border border-dashed px-4 py-8 text-center text-sm text-muted-foreground", children: [_jsx("div", { children: "No persisted messages." }), eventCount > 0 ? (_jsx("div", { className: "mt-1", children: "Open Timeline to audit the retained execution events." })) : null] })) }), _jsxs(TabsContent, { value: "technical", className: "mt-4 space-y-3", children: [_jsxs("details", { className: "rounded-lg border", children: [_jsxs("summary", { className: "flex cursor-pointer list-none items-center justify-between gap-3 px-3 py-3 text-sm font-medium text-foreground", children: [_jsx("span", { children: "Run records" }), _jsxs("span", { className: "text-xs font-normal text-muted-foreground", children: [detail.runs.length, " ", detail.runs.length === 1 ? "run" : "runs"] })] }), _jsx("div", { className: "space-y-4 border-t p-3", children: detail.runs.length > 0 ? (detail.runs.map((run) => (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Badge, { variant: run.status === "errored" ? "destructive" : "outline", children: run.status }), _jsx("span", { className: "break-all font-mono text-xs text-foreground", children: run.id })] }), _jsxs("div", { className: "grid gap-3 text-xs sm:grid-cols-2 xl:grid-cols-3", children: [_jsx(EvidenceStat, { label: "Failure code", value: run.errorCode || "n/a" }), _jsx(EvidenceStat, { label: "Terminal reason", value: run.terminalReason || run.abortReason || "n/a" }), _jsx(EvidenceStat, { label: "Dispatch mode", value: run.dispatchMode || "foreground" }), _jsx(EvidenceStat, { label: "Last stage", value: diagnosticStage(run.workerStage) ||
                                                                 diagnosticStage(run.diagStage) ||
-                                                                "n/a" })] }), _jsxs("div", { children: [_jsx("div", { className: "text-muted-foreground", children: t("dispatch.pages.threadDebugDuration", {
-                                                                defaultValue: "Duration",
-                                                            }) }), _jsx("div", { className: "mt-0.5 text-foreground", children: formatDuration(run.durationMs ??
+                                                                "n/a" }), _jsx(EvidenceStat, { label: "Duration", value: formatDuration(run.durationMs ??
                                                                 (run.completedAt == null
                                                                     ? null
-                                                                    : run.completedAt - run.startedAt)) })] }), _jsxs("div", { children: [_jsx("div", { className: "text-muted-foreground", children: t("dispatch.pages.threadDebugLastProgress", {
-                                                                defaultValue: "Last progress",
-                                                            }) }), _jsx("div", { className: "mt-0.5 text-foreground", children: formatDate(run.lastProgressAt ?? run.heartbeatAt) })] })] }), run.errorDetail ? (_jsx("div", { className: "rounded-md bg-destructive/10 px-3 py-2 text-xs leading-relaxed text-destructive", children: run.errorDetail })) : null, run.events.map((event) => (_jsxs("details", { className: "rounded-md border bg-muted/30 px-3 py-2", children: [_jsxs("summary", { className: "cursor-pointer text-xs font-medium text-foreground", children: ["#", event.seq, " ", eventLabel(event.event)] }), _jsx(RawBlock, { value: event.event, className: "mt-2 max-h-72" })] }, `${run.id}-${event.seq}`))), run.events.length === 0 ? (_jsx("div", { className: "text-sm text-muted-foreground", children: "No retained run events." })) : null] })] }, run.id)))) : (_jsx("div", { className: "rounded-lg border border-dashed px-4 py-8 text-center text-sm text-muted-foreground", children: "No retained runs." })) }), _jsx(TabsContent, { value: "internals", className: "mt-4 space-y-4", children: _jsxs("div", { className: "grid gap-4 lg:grid-cols-2", children: [_jsxs("div", { children: [_jsx("div", { className: "mb-2 text-sm font-medium text-foreground", children: "Debug Runs" }), _jsx(RawBlock, { value: detail.debugRuns.length > 0
-                                                ? detail.debugRuns
-                                                : (detail.debug ?? {}) })] }), _jsxs("div", { children: [_jsx("div", { className: "mb-2 text-sm font-medium text-foreground", children: "Trace Summaries" }), _jsx(RawBlock, { value: detail.traces.summaries })] }), _jsxs("div", { children: [_jsx("div", { className: "mb-2 text-sm font-medium text-foreground", children: "Trace Spans" }), _jsx(RawBlock, { value: detail.traces.spans })] }), _jsxs("div", { children: [_jsx("div", { className: "mb-2 text-sm font-medium text-foreground", children: "Feedback And Evals" }), _jsx(RawBlock, { value: {
-                                                feedback: detail.feedback,
-                                                satisfaction: detail.satisfaction,
-                                                evals: detail.evals,
-                                                checkpoints: detail.checkpoints,
-                                            } })] })] }) }), _jsxs(TabsContent, { value: "raw", className: "mt-4 space-y-4", children: [_jsx(RawBlock, { value: rawBundle }), _jsx(RawBlock, { value: detail.rawThreadData })] })] })] }));
+                                                                    : run.completedAt - run.startedAt)) }), _jsx(EvidenceStat, { label: "Last progress", value: formatDate(run.lastProgressAt ?? run.heartbeatAt) }), _jsx(EvidenceStat, { label: "In-flight marker", value: formatDate(run.inFlightSince) }), _jsx(EvidenceStat, { label: "Recovery payload", value: run.hasDispatchPayload ? "retained" : "not retained" })] }), run.errorDetail ? (_jsx("div", { className: "rounded-md bg-destructive/10 px-3 py-2 text-xs leading-relaxed text-destructive", children: run.errorDetail })) : null] }, run.id)))) : (_jsx("div", { className: "text-sm text-muted-foreground", children: "No retained run records." })) })] }), _jsxs("details", { className: "rounded-lg border", children: [_jsxs("summary", { className: "flex cursor-pointer list-none items-center justify-between gap-3 px-3 py-3 text-sm font-medium text-foreground", children: [_jsx("span", { children: "Traces, feedback, and evaluations" }), _jsx("span", { className: "text-xs font-normal text-muted-foreground", children: "diagnostic records" })] }), _jsxs("div", { className: "grid gap-4 border-t p-3 lg:grid-cols-2", children: [_jsxs("div", { children: [_jsx("div", { className: "mb-2 text-xs font-medium text-foreground", children: "Debug runs" }), _jsx(RawBlock, { value: detail.debugRuns.length > 0
+                                                            ? detail.debugRuns
+                                                            : (detail.debug ?? {}) })] }), _jsxs("div", { children: [_jsx("div", { className: "mb-2 text-xs font-medium text-foreground", children: "Trace summaries" }), _jsx(RawBlock, { value: detail.traces.summaries })] }), _jsxs("div", { children: [_jsx("div", { className: "mb-2 text-xs font-medium text-foreground", children: "Trace spans" }), _jsx(RawBlock, { value: detail.traces.spans })] }), _jsxs("div", { children: [_jsx("div", { className: "mb-2 text-xs font-medium text-foreground", children: "Feedback and evals" }), _jsx(RawBlock, { value: {
+                                                            feedback: detail.feedback,
+                                                            satisfaction: detail.satisfaction,
+                                                            evals: detail.evals,
+                                                            checkpoints: detail.checkpoints,
+                                                        } })] })] })] }), _jsxs("details", { className: "rounded-lg border", children: [_jsxs("summary", { className: "flex cursor-pointer list-none items-center justify-between gap-3 px-3 py-3 text-sm font-medium text-foreground", children: [_jsx("span", { children: "Raw thread bundle" }), _jsx("span", { className: "text-xs font-normal text-muted-foreground", children: "JSON" })] }), _jsxs("div", { className: "space-y-3 border-t p-3", children: [_jsx(RawBlock, { value: rawBundle }), _jsx(RawBlock, { value: detail.rawThreadData })] })] })] })] })] }));
 }
 export default function ThreadDebugRoute() {
     const t = useT();
@@ -193,11 +354,13 @@ export default function ThreadDebugRoute() {
     const ownerEmail = routeSearchParams.get("owner") || "";
     const query = routeSearchParams.get("query") || "";
     const status = parseFailureStatus(routeSearchParams.get("status"));
+    const regime = parseFailureRegime(routeSearchParams.get("regime"));
     const range = parseFailureRange(routeSearchParams.get("range"));
     const runId = routeSearchParams.get("runId") || "";
     const threadId = routeSearchParams.get("threadId") || "";
     const inspectSourceId = routeSearchParams.get("inspectSource") || "";
     const [lookupId, setLookupId] = useState("");
+    const [searchFocused, setSearchFocused] = useState(false);
     function updateRouteState(updates) {
         const next = new URLSearchParams(routeSearchParams);
         for (const [key, value] of Object.entries(updates)) {
@@ -209,17 +372,30 @@ export default function ThreadDebugRoute() {
         setRouteSearchParams(next, { replace: true });
     }
     const sourcesQuery = useActionQuery("list-agent-thread-sources", {});
-    const { data: sourcesData, isLoading: sourcesLoading } = sourcesQuery;
+    const { data: sourcesData } = sourcesQuery;
     const sources = sourcesData?.sources ?? [];
     const failureParams = useMemo(() => ({
         sourceId,
         ownerEmail: ownerEmail.trim() || undefined,
         status,
+        regime,
         lookbackHours: FAILURE_RANGE_HOURS[range],
         limit: 25,
-    }), [ownerEmail, range, sourceId, status]);
+    }), [ownerEmail, range, regime, sourceId, status]);
     const { data: failuresData, isLoading: failuresLoading, error: failuresError, refetch: refetchFailures, } = useActionQuery("list-agent-run-failures", failureParams, { enabled: mode === "failures" });
-    const failures = failuresData?.failures ?? [];
+    const failures = failuresData?.failures ?? EMPTY_FAILURES;
+    const failurePatterns = useMemo(() => {
+        const patterns = new Map();
+        for (const failure of failures) {
+            const diagnosis = runDiagnosis(failure);
+            const current = patterns.get(diagnosis.code);
+            patterns.set(diagnosis.code, {
+                label: diagnosis.title,
+                count: (current?.count ?? 0) + 1,
+            });
+        }
+        return [...patterns.values()].sort((a, b) => b.count - a.count);
+    }, [failures]);
     const unavailableFailureSources = (failuresData?.sources ?? []).filter((source) => source.status !== "ok");
     const failureSourceStatusLabels = {
         ok: "ok",
@@ -238,11 +414,18 @@ export default function ThreadDebugRoute() {
     const searchParams = useMemo(() => ({
         sourceId: threadSourceId,
         query: query.trim() || undefined,
-        ownerEmail: ownerEmail.trim() || undefined,
         limit: 25,
-    }), [ownerEmail, query, threadSourceId]);
+    }), [query, threadSourceId]);
     const { data: searchData, isLoading: searchLoading, error: searchError, refetch: refetchSearch, } = useActionQuery("search-agent-threads", searchParams, { enabled: mode === "threads" });
     const searchThreads = searchData?.threads ?? [];
+    const ownerEmailSuggestions = useMemo(() => {
+        const emailQuery = query.trim().includes("@")
+            ? query.trim().toLowerCase()
+            : "";
+        return [...new Set(searchThreads.map((thread) => thread.ownerEmail))]
+            .filter((email) => !emailQuery || email.toLowerCase().includes(emailQuery))
+            .slice(0, 8);
+    }, [query, searchThreads]);
     const detailParams = useMemo(() => ({
         sourceId: detailSourceId,
         ...(runId ? { runId } : { threadId }),
@@ -254,14 +437,11 @@ export default function ThreadDebugRoute() {
     const { data: detail, isLoading: detailLoading, error: detailError, refetch: refetchDetail, } = useActionQuery("get-agent-thread-debug", detailParams, {
         enabled: Boolean(runId || threadId),
     });
-    const selectedSource = sources.find((source) => source.id === threadSourceId);
-    const detailPane = (_jsxs("section", { className: "min-w-0", children: [detailError ? (_jsx(ActionQueryError, { error: detailError, onRetry: () => void refetchDetail() })) : null, detailLoading ? (_jsxs("div", { className: "rounded-lg bg-card p-4", children: [_jsx(Skeleton, { className: "h-6 w-72" }), _jsx(Skeleton, { className: "mt-3 h-4 w-96" }), _jsx(Skeleton, { className: "mt-6 h-[520px] w-full" })] })) : detail ? (_jsx(ThreadDetail, { detail: detail })) : (_jsxs("div", { className: "flex min-h-[520px] flex-col items-center justify-center rounded-lg border border-dashed bg-card px-4 text-center text-sm text-muted-foreground", children: [_jsx(IconFileSearch, { className: "mb-2 size-5" }), t("dispatch.pages.threadDebugSelectPrompt", {
-                        defaultValue: "Select a failed run or thread to inspect.",
-                    })] }))] }));
+    const detailPane = (_jsxs("section", { className: "min-w-0", children: [detailError ? (_jsx(ActionQueryError, { error: detailError, onRetry: () => void refetchDetail() })) : null, detailLoading ? (_jsxs("div", { className: "p-5", children: [_jsx(Skeleton, { className: "h-6 w-72" }), _jsx(Skeleton, { className: "mt-3 h-4 w-96" }), _jsx(Skeleton, { className: "mt-6 h-[520px] w-full" })] })) : detail ? (_jsx(ThreadDetail, { detail: detail })) : (_jsxs("div", { className: "flex min-h-[520px] flex-col items-center justify-center px-5 text-center text-sm text-muted-foreground", children: [_jsx(IconFileSearch, { className: "mb-2 size-5" }), _jsx("div", { className: "font-medium text-foreground", children: "Choose a run to inspect" }), _jsx("div", { className: "mt-1 max-w-xs leading-relaxed", children: "See the diagnosis first, then open the timeline or technical evidence." })] }))] }));
     return (_jsx(DispatchShell, { title: t("dispatch.pages.threadDebugTitle", {
             defaultValue: "Thread Debug",
         }), description: t("dispatch.pages.threadDebugDescription", {
-            defaultValue: "Inspect failed agent runs, persisted threads, run events, and AI internals.",
+            defaultValue: "Find the failure pattern, then inspect the evidence.",
         }), children: _jsxs("div", { className: "space-y-4", children: [sourcesQuery.isError ? (_jsx(ActionQueryError, { error: sourcesQuery.error, onRetry: () => void sourcesQuery.refetch() })) : null, _jsxs(Tabs, { value: mode, onValueChange: (value) => {
                         const nextMode = parseMode(value);
                         updateRouteState({
@@ -277,7 +457,9 @@ export default function ThreadDebugRoute() {
                                         defaultValue: "Failed runs",
                                     }) }), _jsx(TabsTrigger, { value: "threads", children: t("dispatch.pages.threadDebugThreads", {
                                         defaultValue: "Threads",
-                                    }) })] }), _jsxs(TabsContent, { value: "failures", className: "mt-4 space-y-4", children: [_jsxs("section", { className: "rounded-lg bg-card p-4", children: [_jsxs("div", { className: "grid gap-3 md:grid-cols-2 xl:grid-cols-[220px_1fr_180px_150px]", children: [_jsxs(Select, { value: sourceId, onValueChange: (value) => updateRouteState({
+                                    }) })] }), _jsxs(TabsContent, { value: "failures", className: "mt-4 space-y-4", children: [_jsxs("section", { className: "border-b pb-4", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-sm font-semibold text-foreground", children: "Run health" }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "Start with the dominant failure pattern, then open one run." })] }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: () => void refetchFailures(), "aria-label": t("dispatch.pages.threadDebugRefreshFailures", {
+                                                        defaultValue: "Refresh failed runs",
+                                                    }), children: _jsx(IconRefresh, { className: "size-4" }) })] }), _jsxs("div", { className: "mt-3 grid gap-2 sm:grid-cols-2 xl:grid-cols-[200px_minmax(180px,1fr)_180px_160px_150px]", children: [_jsxs(Select, { value: sourceId, onValueChange: (value) => updateRouteState({
                                                         source: value,
                                                         runId: null,
                                                         threadId: null,
@@ -286,7 +468,9 @@ export default function ThreadDebugRoute() {
                                                                     defaultValue: "Source",
                                                                 }) }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: t("dispatch.pages.threadDebugAllSources", {
                                                                         defaultValue: "All sources",
-                                                                    }) }), sources.map((source) => (_jsx(SelectItem, { value: source.id, children: source.label }, source.id)))] })] }), _jsx(Input, { value: ownerEmail, onChange: (event) => updateRouteState({ owner: event.target.value }), placeholder: t("dispatch.pages.threadDebugOwner", {
+                                                                    }) }), sources.map((source) => (_jsx(SelectItem, { value: source.id, children: source.label }, source.id)))] })] }), _jsx(Input, { value: ownerEmail, onChange: (event) => updateRouteState({ owner: event.target.value }), "aria-label": t("dispatch.pages.threadDebugOwner", {
+                                                        defaultValue: "Owner email",
+                                                    }), placeholder: t("dispatch.pages.threadDebugOwner", {
                                                         defaultValue: "Owner email",
                                                     }) }), _jsxs(Select, { value: status, onValueChange: (value) => updateRouteState({
                                                         status: parseFailureStatus(value),
@@ -302,7 +486,11 @@ export default function ThreadDebugRoute() {
                                                                         defaultValue: "Aborted",
                                                                     }) }), _jsx(SelectItem, { value: "truncated", children: t("dispatch.pages.threadDebugTruncated", {
                                                                         defaultValue: "Truncated",
-                                                                    }) })] })] }), _jsxs(Select, { value: range, onValueChange: (value) => updateRouteState({
+                                                                    }) })] })] }), _jsxs(Select, { value: regime, onValueChange: (value) => updateRouteState({
+                                                        regime: parseFailureRegime(value),
+                                                        runId: null,
+                                                        inspectSource: null,
+                                                    }), children: [_jsx(SelectTrigger, { "aria-label": "Run type", children: _jsx(SelectValue, { placeholder: "Run type" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: "All run types" }), _jsx(SelectItem, { value: "interactive", children: "Interactive chats" }), _jsx(SelectItem, { value: "scheduled", children: "Scheduled jobs" })] })] }), _jsxs(Select, { value: range, onValueChange: (value) => updateRouteState({
                                                         range: parseFailureRange(value),
                                                         runId: null,
                                                         inspectSource: null,
@@ -314,83 +502,65 @@ export default function ThreadDebugRoute() {
                                                                         defaultValue: "Last 7 days",
                                                                     }) }), _jsx(SelectItem, { value: "30d", children: t("dispatch.pages.threadDebugRange30d", {
                                                                         defaultValue: "Last 30 days",
-                                                                    }) })] })] })] }), _jsxs("div", { className: "mt-3 flex flex-wrap items-center gap-2 text-xs text-muted-foreground", children: [_jsxs("span", { children: [failuresData?.count ?? failures.length, " ", t("dispatch.pages.threadDebugFailureResults", {
-                                                            defaultValue: "failed runs",
-                                                        })] }), _jsx("span", { children: "\u00B7" }), _jsx("span", { children: failuresData?.access?.scope ??
+                                                                    }) })] })] })] }), _jsxs("div", { className: "mt-3 flex flex-wrap items-center gap-2 text-xs text-muted-foreground", children: [_jsxs("span", { className: "font-medium text-foreground", children: [failures.length, " loaded", " ", failures.length === 1 ? "run" : "runs"] }), _jsx("span", { children: "\u00B7" }), _jsx("span", { children: failuresData?.access?.scope ??
                                                         t("dispatch.pages.threadDebugCurrentScope", {
                                                             defaultValue: "current scope",
-                                                        }) }), failuresData?.partial ? (_jsx(Badge, { variant: "outline", children: t("dispatch.pages.threadDebugPartialResults", {
+                                                        }) }), failurePatterns.slice(0, 3).map((pattern) => (_jsxs(Badge, { variant: "outline", children: [pattern.count, " ", pattern.label] }, pattern.label))), failuresData?.partial ? (_jsx(Badge, { variant: "outline", children: t("dispatch.pages.threadDebugPartialResults", {
                                                         defaultValue: "Partial results",
                                                     }) })) : null] }), unavailableFailureSources.length > 0 ? (_jsxs("div", { className: "mt-2 flex items-start gap-1.5 text-xs text-muted-foreground", children: [_jsx(IconAlertTriangle, { className: "mt-0.5 size-3.5 shrink-0" }), _jsxs("span", { children: [t("dispatch.pages.threadDebugUnavailableSources", {
                                                             defaultValue: "Unavailable sources:",
                                                         }), " ", unavailableFailureSources
                                                             .map(({ source, status: sourceStatus }) => `${source.label} (${failureSourceStatusLabels[sourceStatus]})`)
-                                                            .join(", ")] })] })) : null] }), failuresError ? (_jsx(ActionQueryError, { error: failuresError, onRetry: () => void refetchFailures() })) : null, _jsxs("div", { className: "grid gap-4 xl:grid-cols-[380px_1fr]", children: [_jsxs("section", { className: "min-h-[520px] rounded-lg bg-card", children: [_jsxs("div", { className: "flex items-center justify-between border-b px-4 py-3", children: [_jsx("div", { className: "text-sm font-semibold text-foreground", children: t("dispatch.pages.threadDebugFailedRuns", {
-                                                                defaultValue: "Failed runs",
-                                                            }) }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: () => void refetchFailures(), "aria-label": t("dispatch.pages.threadDebugRefreshFailures", {
-                                                                defaultValue: "Refresh failed runs",
-                                                            }), children: _jsx(IconRefresh, { className: "size-4" }) })] }), _jsxs("div", { className: "max-h-[760px] space-y-2 overflow-auto p-3", children: [failuresLoading ? (_jsxs(_Fragment, { children: [_jsx(Skeleton, { className: "h-32 w-full rounded-lg" }), _jsx(Skeleton, { className: "h-32 w-full rounded-lg" }), _jsx(Skeleton, { className: "h-32 w-full rounded-lg" })] })) : null, !failuresLoading && failures.length === 0 ? (_jsxs("div", { className: "flex min-h-64 flex-col items-center justify-center rounded-lg border border-dashed px-4 text-center text-sm text-muted-foreground", children: [_jsx(IconDatabase, { className: "mb-2 size-5" }), t("dispatch.pages.threadDebugNoFailures", {
-                                                                    defaultValue: "No failed runs found.",
-                                                                })] })) : null, failures.map((failure) => (_jsx(FailureCard, { failure: failure, selected: runId === failure.id &&
-                                                                detailSourceId === failureSourceId(failure), onSelect: () => updateRouteState({
-                                                                inspectSource: failureSourceId(failure),
-                                                                runId: failure.id,
-                                                                threadId: null,
-                                                            }) }, `${failureSourceId(failure)}:${failure.id}`)))] })] }), detailPane] })] }), _jsxs(TabsContent, { value: "threads", className: "mt-4 space-y-4", children: [_jsxs("section", { className: "rounded-lg bg-card p-4", children: [_jsxs("div", { className: "grid gap-3 lg:grid-cols-[220px_1fr_260px_auto]", children: [_jsxs(Select, { value: threadSourceId, onValueChange: (value) => updateRouteState({
-                                                        source: value,
-                                                        runId: null,
-                                                        threadId: null,
-                                                        inspectSource: null,
-                                                    }), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: t("dispatch.pages.threadDebugSource", {
-                                                                    defaultValue: "Source",
-                                                                }) }) }), _jsxs(SelectContent, { children: [sources.map((source) => (_jsx(SelectItem, { value: source.id, children: source.label }, source.id))), sources.length === 0 ? (_jsx(SelectItem, { value: "current", children: t("dispatch.pages.threadDebugCurrentDatabase", {
-                                                                        defaultValue: "Current Dispatch DB",
-                                                                    }) })) : null] })] }), _jsx(Input, { value: query, onChange: (event) => updateRouteState({ query: event.target.value }), placeholder: t("dispatch.pages.threadDebugSearchPlaceholder", {
-                                                        defaultValue: "Search title, preview, messages, tools",
-                                                    }) }), _jsx(Input, { value: ownerEmail, onChange: (event) => updateRouteState({ owner: event.target.value }), placeholder: t("dispatch.pages.threadDebugOwner", {
-                                                        defaultValue: "Owner email",
-                                                    }) }), _jsxs(Button, { type: "button", onClick: () => void refetchSearch(), children: [_jsx(IconSearch, { className: "size-4" }), t("dispatch.pages.threadDebugSearch", {
-                                                            defaultValue: "Search",
-                                                        })] })] }), _jsxs("div", { className: "mt-3 grid gap-3 lg:grid-cols-[1fr_auto]", children: [_jsx(Input, { value: lookupId, onChange: (event) => setLookupId(event.target.value), placeholder: t("dispatch.pages.threadDebugLookupPlaceholder", {
-                                                        defaultValue: "Paste thread or request/run ID",
-                                                    }), className: "font-mono" }), _jsxs(Button, { type: "button", variant: "outline", onClick: () => {
-                                                        const trimmed = lookupId.trim();
-                                                        if (!trimmed)
-                                                            return;
-                                                        updateRouteState(trimmed.startsWith("run-")
-                                                            ? {
-                                                                runId: trimmed,
-                                                                threadId: null,
-                                                                inspectSource: null,
-                                                            }
-                                                            : {
-                                                                threadId: trimmed,
-                                                                runId: null,
-                                                                inspectSource: null,
-                                                            });
-                                                    }, children: [_jsx(IconFileSearch, { className: "size-4" }), t("dispatch.pages.threadDebugInspect", {
-                                                            defaultValue: "Inspect",
-                                                        })] })] }), _jsxs("div", { className: "mt-3 flex flex-wrap items-center gap-2 text-xs text-muted-foreground", children: [sourcesLoading ? _jsx(Skeleton, { className: "h-5 w-32" }) : null, selectedSource ? (_jsx(SourceBadge, { source: selectedSource })) : null, selectedSource?.databaseUrlEnv ? (_jsx(Badge, { variant: "outline", className: "font-mono", children: selectedSource.databaseUrlEnv })) : null, sourcesData?.access ? (_jsxs("span", { children: [sourcesData.access.viewerEmail, " \u00B7", " ", sourcesData.access.canInspectAll
-                                                            ? t("dispatch.pages.threadDebugAdminScope", {
-                                                                defaultValue: "admin scope",
-                                                            })
-                                                            : t("dispatch.pages.threadDebugOwnScope", {
-                                                                defaultValue: "own scope",
-                                                            })] })) : null] })] }), searchError ? (_jsx(ActionQueryError, { error: searchError, onRetry: () => void refetchSearch() })) : null, _jsxs("div", { className: "grid gap-4 xl:grid-cols-[380px_1fr]", children: [_jsxs("section", { className: "min-h-[520px] rounded-lg bg-card", children: [_jsxs("div", { className: "flex items-center justify-between border-b px-4 py-3", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-semibold text-foreground", children: t("dispatch.pages.threadDebugThreads", {
-                                                                        defaultValue: "Threads",
-                                                                    }) }), _jsxs("div", { className: "text-xs text-muted-foreground", children: [searchData?.count ?? 0, " ", t("dispatch.pages.threadDebugResults", {
-                                                                            defaultValue: "results",
-                                                                        }), " ", "\u00B7", " ", searchData?.access?.scope ??
-                                                                            t("dispatch.pages.threadDebugCurrentScope", {
-                                                                                defaultValue: "current scope",
-                                                                            })] })] }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: () => void refetchSearch(), "aria-label": t("dispatch.pages.threadDebugRefreshThreads", {
-                                                                defaultValue: "Refresh threads",
-                                                            }), children: _jsx(IconRefresh, { className: "size-4" }) })] }), _jsxs("div", { className: "max-h-[760px] space-y-2 overflow-auto p-3", children: [searchLoading ? (_jsxs(_Fragment, { children: [_jsx(Skeleton, { className: "h-28 w-full rounded-lg" }), _jsx(Skeleton, { className: "h-28 w-full rounded-lg" }), _jsx(Skeleton, { className: "h-28 w-full rounded-lg" })] })) : null, !searchLoading && searchThreads.length === 0 ? (_jsxs("div", { className: "flex min-h-64 flex-col items-center justify-center rounded-lg border border-dashed px-4 text-center text-sm text-muted-foreground", children: [_jsx(IconDatabase, { className: "mb-2 size-5" }), t("dispatch.pages.threadDebugNoThreads", {
+                                                            .join(", ")] })] })) : null] }), failuresError ? (_jsx(ActionQueryError, { error: failuresError, onRetry: () => void refetchFailures() })) : null, _jsx("div", { className: "overflow-hidden rounded-xl border bg-card", children: _jsxs("div", { className: "grid xl:grid-cols-[360px_minmax(0,1fr)]", children: [_jsxs("section", { className: "min-h-[560px] border-b xl:border-b-0 xl:border-r", children: [_jsxs("div", { className: "flex items-center justify-between border-b px-4 py-3", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-semibold text-foreground", children: "Needs attention" }), _jsx("div", { className: "mt-0.5 text-xs text-muted-foreground", children: failurePatterns[0]
+                                                                            ? `${failurePatterns[0].count} ${failurePatterns[0].label.toLowerCase()}`
+                                                                            : "No active failure pattern" })] }), _jsx("span", { className: "text-xs text-muted-foreground", children: failures.length })] }), _jsxs("div", { className: "max-h-[760px] overflow-auto", children: [failuresLoading ? (_jsxs(_Fragment, { children: [_jsx(Skeleton, { className: "mx-4 mt-4 h-16 w-[calc(100%-2rem)]" }), _jsx(Skeleton, { className: "mx-4 mt-2 h-16 w-[calc(100%-2rem)]" }), _jsx(Skeleton, { className: "mx-4 mt-2 h-16 w-[calc(100%-2rem)]" })] })) : null, !failuresLoading && failures.length === 0 ? (_jsxs("div", { className: "flex min-h-64 flex-col items-center justify-center px-4 text-center text-sm text-muted-foreground", children: [_jsx(IconDatabase, { className: "mb-2 size-5" }), t("dispatch.pages.threadDebugNoFailures", {
+                                                                        defaultValue: "No failed runs found.",
+                                                                    })] })) : null, failures.map((failure) => (_jsx(FailureCard, { failure: failure, selected: runId === failure.id &&
+                                                                    detailSourceId === failureSourceId(failure), onSelect: () => updateRouteState({
+                                                                    inspectSource: failureSourceId(failure),
+                                                                    runId: failure.id,
+                                                                    threadId: null,
+                                                                }) }, `${failureSourceId(failure)}:${failure.id}`)))] })] }), _jsx("div", { className: "min-w-0", children: detailPane })] }) })] }), _jsxs(TabsContent, { value: "threads", className: "mt-4 space-y-4", children: [_jsx("section", { className: "border-b pb-4", children: _jsxs("div", { className: "grid gap-2 pt-3 lg:grid-cols-2 xl:grid-cols-[auto_180px_minmax(220px,1fr)_auto_auto]", children: [_jsxs(Select, { value: threadSourceId, onValueChange: (value) => updateRouteState({
+                                                    source: value,
+                                                    runId: null,
+                                                    threadId: null,
+                                                    inspectSource: null,
+                                                }), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: t("dispatch.pages.threadDebugSource", {
+                                                                defaultValue: "Source",
+                                                            }) }) }), _jsxs(SelectContent, { children: [sources.map((source) => (_jsx(SelectItem, { value: source.id, children: source.label }, source.id))), sources.length === 0 ? (_jsx(SelectItem, { value: "current", children: t("dispatch.pages.threadDebugCurrentDatabase", {
+                                                                    defaultValue: "Current Dispatch DB",
+                                                                }) })) : null] })] }), _jsxs(Popover, { open: searchFocused && ownerEmailSuggestions.length > 0, onOpenChange: setSearchFocused, children: [_jsx(PopoverAnchor, { asChild: true, children: _jsx("span", { className: "block", children: _jsx(Input, { value: query, onChange: (event) => updateRouteState({ query: event.target.value }), onFocus: () => setSearchFocused(true), placeholder: t("dispatch.pages.threadDebugSearchPlaceholder", {
+                                                                    defaultValue: "Search threads or email",
+                                                                }), "aria-label": "Search threads or email" }) }) }), _jsx(PopoverContent, { align: "start", sideOffset: 6, className: "w-[var(--radix-popover-trigger-width)] p-1", onOpenAutoFocus: (event) => event.preventDefault(), children: _jsx("div", { role: "listbox", "aria-label": "Owner email suggestions", children: ownerEmailSuggestions.map((email) => (_jsx("button", { type: "button", role: "option", "aria-selected": "false", className: "flex w-full items-center rounded-sm px-2 py-1.5 text-left text-sm text-foreground outline-none hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground", onMouseDown: (event) => event.preventDefault(), onClick: () => {
+                                                                    updateRouteState({ query: email });
+                                                                    setSearchFocused(false);
+                                                                }, children: email }, email))) }) })] }), _jsx(Button, { type: "button", size: "icon", onClick: () => void refetchSearch(), "aria-label": "Search threads or email", title: "Search threads or email", children: _jsx(IconSearch, { className: "size-4" }) }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: () => void refetchSearch(), "aria-label": t("dispatch.pages.threadDebugRefreshThreads", {
+                                                    defaultValue: "Refresh threads",
+                                                }), children: _jsx(IconRefresh, { className: "size-4" }) }), _jsxs("details", { className: "order-first justify-self-start rounded-lg border", children: [_jsxs("summary", { "aria-label": "Advanced lookup", title: "Advanced lookup", className: "flex size-10 cursor-pointer list-none items-center justify-center text-foreground", children: [_jsx(IconAdjustmentsHorizontal, { "aria-hidden": "true", className: "size-4" }), _jsx("span", { className: "sr-only", children: "Advanced lookup" })] }), _jsxs("div", { className: "grid gap-3 border-t p-3 lg:w-80", children: [_jsx(Input, { value: lookupId, onChange: (event) => setLookupId(event.target.value), placeholder: t("dispatch.pages.threadDebugLookupPlaceholder", {
+                                                                    defaultValue: "Paste thread or request/run ID",
+                                                                }), className: "font-mono" }), _jsxs(Button, { type: "button", variant: "outline", onClick: () => {
+                                                                    const trimmed = lookupId.trim();
+                                                                    if (!trimmed)
+                                                                        return;
+                                                                    updateRouteState(trimmed.startsWith("run-")
+                                                                        ? {
+                                                                            runId: trimmed,
+                                                                            threadId: null,
+                                                                            inspectSource: null,
+                                                                        }
+                                                                        : {
+                                                                            threadId: trimmed,
+                                                                            runId: null,
+                                                                            inspectSource: null,
+                                                                        });
+                                                                }, children: [_jsx(IconFileSearch, { className: "size-4" }), t("dispatch.pages.threadDebugInspect", {
+                                                                        defaultValue: "Inspect",
+                                                                    })] })] })] })] }) }), searchError ? (_jsx(ActionQueryError, { error: searchError, onRetry: () => void refetchSearch() })) : null, _jsx("div", { className: "overflow-hidden rounded-xl border bg-card", children: _jsxs("div", { className: "grid xl:grid-cols-[360px_minmax(0,1fr)]", children: [_jsx("section", { className: "min-h-[560px] border-b xl:border-b-0 xl:border-r", children: _jsxs("div", { className: "max-h-[760px] overflow-auto", children: [searchLoading ? (_jsxs(_Fragment, { children: [_jsx(Skeleton, { className: "mx-4 mt-4 h-16 w-[calc(100%-2rem)]" }), _jsx(Skeleton, { className: "mx-4 mt-2 h-16 w-[calc(100%-2rem)]" }), _jsx(Skeleton, { className: "mx-4 mt-2 h-16 w-[calc(100%-2rem)]" })] })) : null, !searchLoading && searchThreads.length === 0 ? (_jsxs("div", { className: "flex min-h-64 flex-col items-center justify-center px-4 text-center text-sm text-muted-foreground", children: [_jsx(IconDatabase, { className: "mb-2 size-5" }), t("dispatch.pages.threadDebugNoThreads", {
                                                                     defaultValue: "No threads found.",
                                                                 })] })) : null, searchThreads.map((result) => (_jsx(ResultCard, { result: result, selected: threadId === result.id, onSelect: () => updateRouteState({
                                                                 threadId: result.id,
                                                                 runId: null,
                                                                 inspectSource: null,
-                                                            }) }, result.id)))] })] }), detailPane] })] })] })] }) }));
+                                                            }) }, result.id)))] }) }), _jsx("div", { className: "min-w-0", children: detailPane })] }) })] })] })] }) }));
 }
 //# sourceMappingURL=thread-debug.js.map