@agent-native/dispatch 0.0.0-beta-20260819155526

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

@@ -0,0 +1,563 @@
+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 { 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";
+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";
+import { cn } from "../../lib/utils.js";
+export function meta() {
+    return [{ title: "Thread Debug — Dispatch" }];
+}
+const FAILURE_RANGE_HOURS = {
+    "24h": 24,
+    "7d": 7 * 24,
+    "30d": 30 * 24,
+};
+const EMPTY_FAILURES = [];
+function parseMode(value) {
+    return value === "threads" ? "threads" : "failures";
+}
+function parseFailureStatus(value) {
+    return value === "errored" || value === "aborted" || value === "truncated"
+        ? value
+        : "all";
+}
+function parseFailureRegime(value) {
+    return value === "interactive" || value === "scheduled" ? value : "all";
+}
+function parseFailureRange(value) {
+    return value === "7d" || value === "30d" ? value : "24h";
+}
+function failureSourceId(failure) {
+    return failure.sourceId || failure.source?.id || "current";
+}
+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";
+    const numeric = Number(value);
+    const date = Number.isFinite(numeric) ? new Date(numeric) : new Date(value);
+    if (Number.isNaN(date.getTime()))
+        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";
+    if (value < 1_000)
+        return `${Math.round(value)}ms`;
+    if (value < 60_000)
+        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);
+    }
+    catch {
+        return String(value);
+    }
+}
+function eventLabel(event) {
+    if (!event || typeof event !== "object")
+        return "event";
+    if (event.type === "tool_start")
+        return `tool_start · ${event.tool}`;
+    if (event.type === "tool_done")
+        return `tool_done · ${event.tool}`;
+    if (event.type === "text")
+        return "text";
+    if (event.type === "error")
+        return `error · ${event.errorCode ?? "agent"}`;
+    return String(event.type ?? "event");
+}
+function messageTitle(message) {
+    const role = message.role || "unknown";
+    return `${role.charAt(0).toUpperCase()}${role.slice(1)} ${message.index + 1}`;
+}
+function toolParts(message) {
+    return message.contentParts.filter((part) => part?.type === "tool-call");
+}
+function diagnosticStage(value) {
+    if (!value)
+        return null;
+    try {
+        const parsed = JSON.parse(value);
+        const stage = typeof parsed.stage === "string" && parsed.stage.trim()
+            ? parsed.stage.trim()
+            : value;
+        const detail = typeof parsed.detail === "string" && parsed.detail.trim()
+            ? parsed.detail.trim()
+            : "";
+        return detail ? `${stage}: ${detail}` : stage;
+    }
+    catch {
+        return 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 ResultCard({ result, selected, onSelect, }) {
+    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: [_jsx("div", { className: "truncate text-sm font-medium text-foreground", children: title }), _jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-x-2 gap-y-1 text-[11px] text-muted-foreground", children: [_jsxs("span", { children: [result.messageCount, " ", result.messageCount === 1 ? "message" : "messages"] }), _jsx("span", { "aria-hidden": "true", children: "\u00B7" }), _jsx("span", { className: "min-w-0 truncate", children: result.ownerEmail }), _jsx("span", { "aria-hidden": "true", children: "\u00B7" }), _jsx("span", { children: formatRelativeDate(result.updatedAt) })] })] }));
+}
+function FailureCard({ failure, selected, onSelect, }) {
+    const t = useT();
+    const diagnosis = runDiagnosis(failure);
+    const title = displayListTitle(failure.threadTitle, failure.threadPreview, "Agent run");
+    const statusLabel = failure.status === "errored"
+        ? t("dispatch.pages.threadDebugErrored", {
+            defaultValue: "Errored",
+        })
+        : failure.status === "aborted"
+            ? t("dispatch.pages.threadDebugAborted", {
+                defaultValue: "Aborted",
+            })
+            : failure.status === "truncated"
+                ? t("dispatch.pages.threadDebugTruncated", {
+                    defaultValue: "Truncated",
+                })
+                : failure.status;
+    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",
+                }) })] }));
+}
+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 rawBundle = useMemo(() => ({
+        thread: detail.thread,
+        debug: detail.debug,
+        debugRuns: detail.debugRuns,
+        queuedMessages: detail.queuedMessages,
+        threadData: detail.threadData,
+        runs: detail.runs,
+        traces: detail.traces,
+        feedback: detail.feedback,
+        satisfaction: detail.satisfaction,
+        evals: detail.evals,
+        checkpoints: detail.checkpoints,
+    }), [detail]);
+    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" }), _jsx(EvidenceStat, { label: "Duration", value: formatDuration(run.durationMs ??
+                                                                (run.completedAt == null
+                                                                    ? null
+                                                                    : 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();
+    const [routeSearchParams, setRouteSearchParams] = useSearchParams();
+    const mode = parseMode(routeSearchParams.get("mode"));
+    const sourceId = routeSearchParams.get("source") ||
+        (mode === "failures" ? "all" : "current");
+    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)) {
+            if (value == null || value === "")
+                next.delete(key);
+            else
+                next.set(key, value);
+        }
+        setRouteSearchParams(next, { replace: true });
+    }
+    const sourcesQuery = useActionQuery("list-agent-thread-sources", {});
+    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, 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 ?? 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",
+        disconnected: t("dispatch.pages.threadDebugDisconnected", {
+            defaultValue: "disconnected",
+        }),
+        unsupported: t("dispatch.pages.threadDebugUnsupported", {
+            defaultValue: "unsupported",
+        }),
+        unavailable: t("dispatch.pages.threadDebugUnavailable", {
+            defaultValue: "unavailable",
+        }),
+    };
+    const threadSourceId = sourceId === "all" ? "current" : sourceId;
+    const detailSourceId = runId && inspectSourceId ? inspectSourceId : threadSourceId;
+    const searchParams = useMemo(() => ({
+        sourceId: threadSourceId,
+        query: query.trim() || undefined,
+        limit: 25,
+    }), [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 }),
+        ownerEmail: ownerEmail.trim() || undefined,
+        maxRuns: 20,
+        maxEvents: 800,
+        maxTraceSpans: 600,
+    }), [detailSourceId, ownerEmail, runId, threadId]);
+    const { data: detail, isLoading: detailLoading, error: detailError, refetch: refetchDetail, } = useActionQuery("get-agent-thread-debug", detailParams, {
+        enabled: Boolean(runId || threadId),
+    });
+    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: "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({
+                            mode: nextMode,
+                            source: nextMode === "threads" && sourceId === "all"
+                                ? "current"
+                                : sourceId,
+                            runId: null,
+                            threadId: null,
+                            inspectSource: null,
+                        });
+                    }, children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "failures", children: t("dispatch.pages.threadDebugFailedRuns", {
+                                        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: "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,
+                                                        inspectSource: null,
+                                                    }), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: t("dispatch.pages.threadDebugSource", {
+                                                                    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 }), "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),
+                                                        runId: null,
+                                                        inspectSource: null,
+                                                    }), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: t("dispatch.pages.threadDebugStatus", {
+                                                                    defaultValue: "Status",
+                                                                }) }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: t("dispatch.pages.threadDebugAllStatuses", {
+                                                                        defaultValue: "All statuses",
+                                                                    }) }), _jsx(SelectItem, { value: "errored", children: t("dispatch.pages.threadDebugErrored", {
+                                                                        defaultValue: "Errored",
+                                                                    }) }), _jsx(SelectItem, { value: "aborted", children: t("dispatch.pages.threadDebugAborted", {
+                                                                        defaultValue: "Aborted",
+                                                                    }) }), _jsx(SelectItem, { value: "truncated", children: t("dispatch.pages.threadDebugTruncated", {
+                                                                        defaultValue: "Truncated",
+                                                                    }) })] })] }), _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,
+                                                    }), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: t("dispatch.pages.threadDebugRange", {
+                                                                    defaultValue: "Time range",
+                                                                }) }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "24h", children: t("dispatch.pages.threadDebugRange24h", {
+                                                                        defaultValue: "Last 24 hours",
+                                                                    }) }), _jsx(SelectItem, { value: "7d", children: t("dispatch.pages.threadDebugRange7d", {
+                                                                        defaultValue: "Last 7 days",
+                                                                    }) }), _jsx(SelectItem, { value: "30d", children: t("dispatch.pages.threadDebugRange30d", {
+                                                                        defaultValue: "Last 30 days",
+                                                                    }) })] })] })] }), 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, failuresData?.partial ? (_jsx("div", { className: "mt-2", children: _jsx(Badge, { variant: "outline", children: t("dispatch.pages.threadDebugPartialResults", {
+                                                    defaultValue: "Partial results",
+                                                }) }) })) : 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)))] }) }), _jsx("div", { className: "min-w-0", children: detailPane })] }) })] })] })] }) }));
+}
+//# sourceMappingURL=thread-debug.js.map