@jami-studio/dispatch 0.13.14

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

@@ -0,0 +1,161 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { agentNativePath, useActionQuery } from "@agent-native/core/client";
+import { IconDatabase, IconFileSearch, IconRefresh, IconSearch, } from "@tabler/icons-react";
+import { useEffect, useMemo, useState } from "react";
+import { DispatchShell } from "../../components/dispatch-shell.js";
+import { Alert, AlertDescription, AlertTitle } from "../../components/ui/alert.js";
+import { Badge } from "../../components/ui/badge.js";
+import { Button } from "../../components/ui/button.js";
+import { Input } from "../../components/ui/input.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" }];
+}
+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 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 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) })] })] }));
+}
+function MessageBlock({ message }) {
+    const tools = toolParts(message);
+    return (_jsxs("div", { className: "rounded-lg border 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 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]);
+    return (_jsxs("div", { className: "rounded-lg border 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 border 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 }), _jsx("span", { className: "text-xs text-muted-foreground", children: formatDate(run.startedAt) })] }) }), _jsxs("div", { className: "space-y-2 border-t px-4 py-3", children: [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 })] })] })] }));
+}
+export default function ThreadDebugRoute() {
+    const [sourceId, setSourceId] = useState("current");
+    const [query, setQuery] = useState("");
+    const [ownerEmail, setOwnerEmail] = useState("");
+    const [threadId, setThreadId] = useState("");
+    const [submittedSearch, setSubmittedSearch] = useState({
+        sourceId: "current",
+        query: "",
+        ownerEmail: "",
+    });
+    const [selected, setSelected] = useState(null);
+    const { data: sourcesData, isLoading: sourcesLoading } = useActionQuery("list-agent-thread-sources", {});
+    const sources = sourcesData?.sources ?? [];
+    const searchParams = useMemo(() => ({
+        sourceId: submittedSearch.sourceId,
+        query: submittedSearch.query || undefined,
+        ownerEmail: submittedSearch.ownerEmail || undefined,
+        limit: 25,
+    }), [submittedSearch]);
+    const { data: searchData, isLoading: searchLoading, error: searchError, refetch: refetchSearch, } = useActionQuery("search-agent-threads", searchParams);
+    const searchThreads = searchData?.threads ?? [];
+    const detailParams = useMemo(() => ({
+        sourceId: selected?.sourceId ?? "current",
+        threadId: selected?.threadId ?? "",
+        ownerEmail: selected?.ownerEmail,
+        maxRuns: 20,
+        maxEvents: 800,
+        maxTraceSpans: 600,
+    }), [selected]);
+    const { data: detail, isLoading: detailLoading, error: detailError, } = useActionQuery("get-agent-thread-debug", detailParams, {
+        enabled: Boolean(selected?.threadId),
+    });
+    const selectedSource = sources.find((source) => source.id === sourceId);
+    useEffect(() => {
+        fetch(agentNativePath("/_agent-native/application-state/navigation"), {
+            method: "PUT",
+            keepalive: true,
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({
+                view: "thread-debug",
+                path: typeof window === "undefined"
+                    ? "/thread-debug"
+                    : window.location.pathname,
+                sourceId,
+                query,
+                ownerEmail: ownerEmail.trim() || undefined,
+                threadId: selected?.threadId ?? (threadId.trim() || undefined),
+            }),
+        }).catch(() => { });
+    }, [ownerEmail, query, selected?.threadId, sourceId, threadId]);
+    return (_jsx(DispatchShell, { title: "Thread Debug", description: "Inspect persisted agent chat threads, run events, and AI internals.", children: _jsxs("div", { className: "space-y-4", children: [_jsxs("section", { className: "rounded-lg border bg-card p-4", children: [_jsxs("div", { className: "grid gap-3 lg:grid-cols-[220px_1fr_260px_auto]", children: [_jsxs(Select, { value: sourceId, onValueChange: setSourceId, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "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: "Current Dispatch DB" })) : null] })] }), _jsx(Input, { value: query, onChange: (event) => setQuery(event.target.value), placeholder: "Search title, preview, messages, tools" }), _jsx(Input, { value: ownerEmail, onChange: (event) => setOwnerEmail(event.target.value), placeholder: "Owner email" }), _jsxs(Button, { type: "button", onClick: () => setSubmittedSearch({
+                                        sourceId,
+                                        query: query.trim(),
+                                        ownerEmail: ownerEmail.trim(),
+                                    }), children: [_jsx(IconSearch, { size: 16 }), "Search"] })] }), _jsxs("div", { className: "mt-3 grid gap-3 lg:grid-cols-[1fr_auto]", children: [_jsx(Input, { value: threadId, onChange: (event) => setThreadId(event.target.value), placeholder: "Paste thread ID", className: "font-mono" }), _jsxs(Button, { type: "button", variant: "outline", onClick: () => {
+                                        const trimmed = threadId.trim();
+                                        if (!trimmed)
+                                            return;
+                                        setSelected({
+                                            sourceId,
+                                            threadId: trimmed,
+                                            ownerEmail: ownerEmail.trim() || undefined,
+                                        });
+                                    }, children: [_jsx(IconFileSearch, { size: 16 }), "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 ? "admin scope" : "own scope"] })) : null] })] }), searchError ? (_jsxs(Alert, { variant: "destructive", children: [_jsx(AlertTitle, { children: "Search failed" }), _jsx(AlertDescription, { children: String(searchError.message) })] })) : null, _jsxs("div", { className: "grid gap-4 xl:grid-cols-[380px_1fr]", children: [_jsxs("section", { className: "min-h-[520px] rounded-lg border 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: "Threads" }), _jsxs("div", { className: "text-xs text-muted-foreground", children: [searchData?.count ?? 0, " results \u00B7", " ", searchData?.access?.scope ?? "current scope"] })] }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: () => refetchSearch(), "aria-label": "Refresh threads", children: _jsx(IconRefresh, { size: 16 }) })] }), _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 h-5 w-5" }), "No threads found."] })) : null, searchThreads.map((result) => (_jsx(ResultCard, { result: result, selected: selected?.threadId === result.id, onSelect: () => setSelected({
+                                                sourceId: submittedSearch.sourceId,
+                                                threadId: result.id,
+                                                ownerEmail: submittedSearch.ownerEmail || undefined,
+                                            }) }, result.id)))] })] }), _jsxs("section", { className: "min-w-0", children: [detailError ? (_jsxs(Alert, { variant: "destructive", children: [_jsx(AlertTitle, { children: "Thread lookup failed" }), _jsx(AlertDescription, { children: String(detailError.message) })] })) : null, detailLoading ? (_jsxs("div", { className: "rounded-lg border 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 h-5 w-5" }), "Select or inspect a thread."] }))] })] })] }) }));
+}
+//# sourceMappingURL=thread-debug.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"thread-debug.js","sourceRoot":"","sources":["../../../src/routes/pages/thread-debug.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC5E,OAAO,EACL,YAAY,EACZ,cAAc,EACd,WAAW,EACX,UAAU,GACX,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAChF,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EACL,MAAM,EACN,aAAa,EACb,UAAU,EACV,aAAa,EACb,WAAW,GACZ,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EACL,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,WAAW,GACZ,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,MAAM,UAAU,IAAI;IAClB,OAAO,CAAC,EAAE,KAAK,EAAE,yBAAyB,EAAE,CAAC,CAAC;AAChD,CAAC;AAqED,SAAS,UAAU,CAAC,KAAyC;IAC3D,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,KAAK,EAAE;QAAE,OAAO,KAAK,CAAC;IAChD,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9B,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5E,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;QAAE,OAAO,KAAK,CAAC;IAC/C,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC;AAC/B,CAAC;AAED,SAAS,IAAI,CAAC,KAAc;IAC1B,IAAI,CAAC;QACH,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IACxC,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC;AACH,CAAC;AAED,SAAS,UAAU,CAAC,KAAU;IAC5B,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,OAAO,CAAC;IACxD,IAAI,KAAK,CAAC,IAAI,KAAK,YAAY;QAAE,OAAO,gBAAgB,KAAK,CAAC,IAAI,EAAE,CAAC;IACrE,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW;QAAE,OAAO,eAAe,KAAK,CAAC,IAAI,EAAE,CAAC;IACnE,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM;QAAE,OAAO,MAAM,CAAC;IACzC,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO;QAAE,OAAO,WAAW,KAAK,CAAC,SAAS,IAAI,OAAO,EAAE,CAAC;IAC3E,OAAO,MAAM,CAAC,KAAK,CAAC,IAAI,IAAI,OAAO,CAAC,CAAC;AACvC,CAAC;AAED,SAAS,YAAY,CAAC,OAAsB;IAC1C,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,IAAI,SAAS,CAAC;IACvC,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC;AAChF,CAAC;AAED,SAAS,SAAS,CAAC,OAAsB;IACvC,OAAO,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,WAAW,CAAC,CAAC;AAC3E,CAAC;AAED,SAAS,QAAQ,CAAC,EAChB,KAAK,EACL,SAAS,GAIV;IACC,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,uGAAuG,EACvG,iCAAiC,EACjC,SAAS,CACV,YAEA,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAC5C,CACP,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,MAAM,EAAiC;IAC5D,OAAO,CACL,KAAC,KAAK,IAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,YACrD,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,GACnC,CACT,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAClB,MAAM,EACN,QAAQ,EACR,QAAQ,GAKT;IACC,OAAO,CACL,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,EAAE,CACX,gEAAgE,EAChE,QAAQ;YACN,CAAC,CAAC,4BAA4B;YAC9B,CAAC,CAAC,sDAAsD,CAC3D,aAED,eAAK,SAAS,EAAC,wCAAwC,aACrD,eAAK,SAAS,EAAC,SAAS,aACtB,cAAK,SAAS,EAAC,8CAA8C,YAC1D,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,EAAE,GACxC,EACN,cAAK,SAAS,EAAC,2DAA2D,YACvE,MAAM,CAAC,EAAE,GACN,IACF,EACN,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,UAAU,YAC1C,MAAM,CAAC,YAAY,GACd,IACJ,EACN,cAAK,SAAS,EAAC,iEAAiE,YAC7E,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,IAAI,YAAY,GAC7C,EACN,eAAK,SAAS,EAAC,gFAAgF,aAC7F,eAAM,SAAS,EAAC,UAAU,YAAE,MAAM,CAAC,UAAU,GAAQ,EACrD,eAAM,SAAS,EAAC,UAAU,YAAE,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,GAAQ,IAC5D,IACC,CACV,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,OAAO,EAA8B;IAC3D,MAAM,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;IACjC,OAAO,CACL,eAAK,SAAS,EAAC,2BAA2B,aACxC,eAAK,SAAS,EAAC,sEAAsE,aACnF,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,KAAK,IACJ,OAAO,EAAE,OAAO,CAAC,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,YAE9D,OAAO,CAAC,IAAI,GACP,EACR,eAAM,SAAS,EAAC,8CAA8C,YAC3D,YAAY,CAAC,OAAO,CAAC,GACjB,IACH,EACN,eAAK,SAAS,EAAC,2DAA2D,aACvE,OAAO,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAChC,MAAC,KAAK,IAAC,OAAO,EAAC,SAAS,aAAE,OAAO,CAAC,WAAW,CAAC,MAAM,cAAe,CACpE,CAAC,CAAC,CAAC,IAAI,EACR,yBAAO,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,GAAQ,IACxC,IACF,EACN,eAAK,SAAS,EAAC,qBAAqB,aACjC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CACd,cAAK,SAAS,EAAC,yEAAyE,YACrF,OAAO,CAAC,IAAI,GACT,CACP,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,+BAA+B,gCAAsB,CACrE,EACA,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAClB,cAAK,SAAS,EAAC,WAAW,YACvB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,mBAEE,SAAS,EAAC,yCAAyC,aAEnD,kBAAS,SAAS,EAAC,oDAAoD,YACpE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,IAAI,WAAW,GAClC,EACV,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAC,eAAe,GAAG,KAN9C,GAAG,OAAO,CAAC,EAAE,IAAI,OAAO,CAAC,KAAK,SAAS,KAAK,EAAE,CAO3C,CACX,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,IACF,CACP,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,MAAM,EAAmC;IAC/D,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE,MAAM,CAAC,MAAM;QACrB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,SAAS,EAAE,MAAM,CAAC,SAAS;QAC3B,cAAc,EAAE,MAAM,CAAC,cAAc;QACrC,UAAU,EAAE,MAAM,CAAC,UAAU;QAC7B,IAAI,EAAE,MAAM,CAAC,IAAI;QACjB,MAAM,EAAE,MAAM,CAAC,MAAM;QACrB,QAAQ,EAAE,MAAM,CAAC,QAAQ;QACzB,YAAY,EAAE,MAAM,CAAC,YAAY;QACjC,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,WAAW,EAAE,MAAM,CAAC,WAAW;KAChC,CAAC,EACF,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,2BAA2B,aACxC,eAAK,SAAS,EAAC,oBAAoB,aACjC,eAAK,SAAS,EAAC,kDAAkD,aAC/D,eAAK,SAAS,EAAC,SAAS,aACtB,cAAK,SAAS,EAAC,kDAAkD,YAC9D,MAAM,CAAC,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,MAAM,CAAC,EAAE,GAC7D,EACN,cAAK,SAAS,EAAC,uDAAuD,YACnE,MAAM,CAAC,MAAM,CAAC,EAAE,GACb,IACF,EACN,eAAK,SAAS,EAAC,mCAAmC,aAChD,MAAC,KAAK,IAAC,OAAO,EAAC,WAAW,aAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,iBAAkB,EACpE,MAAC,KAAK,IAAC,OAAO,EAAC,WAAW,aAAE,MAAM,CAAC,IAAI,CAAC,MAAM,aAAc,EAC5D,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,YAAE,MAAM,CAAC,MAAM,CAAC,KAAK,GAAS,IAClD,IACF,EACN,eAAK,SAAS,EAAC,8DAA8D,aAC3E,eAAK,SAAS,EAAC,UAAU,wBAAS,MAAM,CAAC,MAAM,CAAC,UAAU,IAAO,EACjE,uCAAe,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,IAAO,EACzD,uCAAe,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,IAAO,IACrD,IACF,EAEN,MAAC,IAAI,IAAC,YAAY,EAAC,YAAY,EAAC,SAAS,EAAC,KAAK,aAC7C,MAAC,QAAQ,eACP,KAAC,WAAW,IAAC,KAAK,EAAC,YAAY,2BAAyB,EACxD,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,qBAAmB,EAC5C,KAAC,WAAW,IAAC,KAAK,EAAC,WAAW,0BAAwB,EACtD,KAAC,WAAW,IAAC,KAAK,EAAC,KAAK,oBAAkB,IACjC,EAEX,KAAC,WAAW,IAAC,KAAK,EAAC,YAAY,EAAC,SAAS,EAAC,gBAAgB,YACvD,MAAM,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC5B,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAC/B,KAAC,YAAY,IAEX,OAAO,EAAE,OAAO,IADX,OAAO,CAAC,EAAE,IAAI,WAAW,OAAO,CAAC,KAAK,EAAE,CAE7C,CACH,CAAC,CACH,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,qFAAqF,uCAE9F,CACP,GACW,EAEd,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,EAAC,SAAS,EAAC,gBAAgB,YACjD,MAAM,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACxB,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACvB,mBAAsB,SAAS,EAAC,2BAA2B,aACzD,kBAAS,SAAS,EAAC,0BAA0B,YAC3C,eAAK,SAAS,EAAC,0CAA0C,aACvD,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,YAAE,GAAG,CAAC,MAAM,GAAS,EAC7C,eAAM,SAAS,EAAC,mCAAmC,YAChD,GAAG,CAAC,EAAE,GACF,EACP,eAAM,SAAS,EAAC,+BAA+B,YAC5C,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC,GACrB,IACH,GACE,EACV,eAAK,SAAS,EAAC,8BAA8B,aAC1C,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACzB,mBAEE,SAAS,EAAC,yCAAyC,aAEnD,mBAAS,SAAS,EAAC,oDAAoD,kBACnE,KAAK,CAAC,GAAG,OAAG,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,IAC7B,EACV,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,EAAC,eAAe,GAAG,KANrD,GAAG,GAAG,CAAC,EAAE,IAAI,KAAK,CAAC,GAAG,EAAE,CAOrB,CACX,CAAC,EACD,GAAG,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACzB,cAAK,SAAS,EAAC,+BAA+B,wCAExC,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,KA7BM,GAAG,CAAC,EAAE,CA8BV,CACX,CAAC,CACH,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,qFAAqF,kCAE9F,CACP,GACW,EAEd,KAAC,WAAW,IAAC,KAAK,EAAC,WAAW,EAAC,SAAS,EAAC,gBAAgB,YACvD,eAAK,SAAS,EAAC,2BAA2B,aACxC,0BACE,cAAK,SAAS,EAAC,0CAA0C,2BAEnD,EACN,KAAC,QAAQ,IACP,KAAK,EACH,MAAM,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC;gDACzB,CAAC,CAAC,MAAM,CAAC,SAAS;gDAClB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,GAE1B,IACE,EACN,0BACE,cAAK,SAAS,EAAC,0CAA0C,gCAEnD,EACN,KAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS,GAAI,IACxC,EACN,0BACE,cAAK,SAAS,EAAC,0CAA0C,4BAEnD,EACN,KAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,GAAI,IACpC,EACN,0BACE,cAAK,SAAS,EAAC,0CAA0C,mCAEnD,EACN,KAAC,QAAQ,IACP,KAAK,EAAE;gDACL,QAAQ,EAAE,MAAM,CAAC,QAAQ;gDACzB,YAAY,EAAE,MAAM,CAAC,YAAY;gDACjC,KAAK,EAAE,MAAM,CAAC,KAAK;gDACnB,WAAW,EAAE,MAAM,CAAC,WAAW;6CAChC,GACD,IACE,IACF,GACM,EAEd,MAAC,WAAW,IAAC,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,gBAAgB,aACjD,KAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,GAAI,EAC9B,KAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,CAAC,aAAa,GAAI,IAC7B,IACT,IACH,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB;IACtC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IACpD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7C,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC;QACrD,QAAQ,EAAE,SAAS;QACnB,KAAK,EAAE,EAAE;QACT,UAAU,EAAE,EAAE;KACf,CAAC,CAAC;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAI9B,IAAI,CAAC,CAAC;IAEhB,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,cAAc,CAUpE,2BAA2B,EAAE,EAAE,CAAC,CAAC;IAEpC,MAAM,OAAO,GAAwB,WAAW,EAAE,OAAO,IAAI,EAAE,CAAC;IAChE,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,CAAC;QACL,QAAQ,EAAE,eAAe,CAAC,QAAQ;QAClC,KAAK,EAAE,eAAe,CAAC,KAAK,IAAI,SAAS;QACzC,UAAU,EAAE,eAAe,CAAC,UAAU,IAAI,SAAS;QACnD,KAAK,EAAE,EAAE;KACV,CAAC,EACF,CAAC,eAAe,CAAC,CAClB,CAAC;IACF,MAAM,EACJ,IAAI,EAAE,UAAU,EAChB,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,aAAa,GACvB,GAAG,cAAc,CAKf,sBAAsB,EAAE,YAAY,CAAC,CAAC;IACzC,MAAM,aAAa,GAAyB,UAAU,EAAE,OAAO,IAAI,EAAE,CAAC;IAEtE,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,CAAC;QACL,QAAQ,EAAE,QAAQ,EAAE,QAAQ,IAAI,SAAS;QACzC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,IAAI,EAAE;QAClC,UAAU,EAAE,QAAQ,EAAE,UAAU;QAChC,OAAO,EAAE,EAAE;QACX,SAAS,EAAE,GAAG;QACd,aAAa,EAAE,GAAG;KACnB,CAAC,EACF,CAAC,QAAQ,CAAC,CACX,CAAC;IACF,MAAM,EACJ,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,WAAW,GACnB,GAAG,cAAc,CAChB,wBAAwB,EACxB,YAAY,EACZ;QACE,OAAO,EAAE,OAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC;KACrC,CACF,CAAC;IAEF,MAAM,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC;IAExE,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,eAAe,CAAC,6CAA6C,CAAC,EAAE;YACpE,MAAM,EAAE,KAAK;YACb,SAAS,EAAE,IAAI;YACf,OAAO,EAAE,EAAE,cAAc,EAAE,kBAAkB,EAAE;YAC/C,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;gBACnB,IAAI,EAAE,cAAc;gBACpB,IAAI,EACF,OAAO,MAAM,KAAK,WAAW;oBAC3B,CAAC,CAAC,eAAe;oBACjB,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ;gBAC9B,QAAQ;gBACR,KAAK;gBACL,UAAU,EAAE,UAAU,CAAC,IAAI,EAAE,IAAI,SAAS;gBAC1C,QAAQ,EAAE,QAAQ,EAAE,QAAQ,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,SAAS,CAAC;aAC/D,CAAC;SACH,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IACrB,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEhE,OAAO,CACL,KAAC,aAAa,IACZ,KAAK,EAAC,cAAc,EACpB,WAAW,EAAC,qEAAqE,YAEjF,eAAK,SAAS,EAAC,WAAW,aACxB,mBAAS,SAAS,EAAC,+BAA+B,aAChD,eAAK,SAAS,EAAC,gDAAgD,aAC7D,MAAC,MAAM,IAAC,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,aACjD,KAAC,aAAa,cACZ,KAAC,WAAW,IAAC,WAAW,EAAC,QAAQ,GAAG,GACtB,EAChB,MAAC,aAAa,eACX,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,UAAU,IAAiB,KAAK,EAAE,MAAM,CAAC,EAAE,YACzC,MAAM,CAAC,KAAK,IADE,MAAM,CAAC,EAAE,CAEb,CACd,CAAC,EACD,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACtB,KAAC,UAAU,IAAC,KAAK,EAAC,SAAS,oCAAiC,CAC7D,CAAC,CAAC,CAAC,IAAI,IACM,IACT,EACT,KAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACjD,WAAW,EAAC,wCAAwC,GACpD,EACF,KAAC,KAAK,IACJ,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACtD,WAAW,EAAC,aAAa,GACzB,EACF,MAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CACZ,kBAAkB,CAAC;wCACjB,QAAQ;wCACR,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE;wCACnB,UAAU,EAAE,UAAU,CAAC,IAAI,EAAE;qCAC9B,CAAC,aAGJ,KAAC,UAAU,IAAC,IAAI,EAAE,EAAE,GAAI,cAEjB,IACL,EAEN,eAAK,SAAS,EAAC,yCAAyC,aACtD,KAAC,KAAK,IACJ,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACpD,WAAW,EAAC,iBAAiB,EAC7B,SAAS,EAAC,WAAW,GACrB,EACF,MAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,GAAG,EAAE;wCACZ,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAC;wCAChC,IAAI,CAAC,OAAO;4CAAE,OAAO;wCACrB,WAAW,CAAC;4CACV,QAAQ;4CACR,QAAQ,EAAE,OAAO;4CACjB,UAAU,EAAE,UAAU,CAAC,IAAI,EAAE,IAAI,SAAS;yCAC3C,CAAC,CAAC;oCACL,CAAC,aAED,KAAC,cAAc,IAAC,IAAI,EAAE,EAAE,GAAI,eAErB,IACL,EAEN,eAAK,SAAS,EAAC,sEAAsE,aAClF,cAAc,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,CAAC,CAAC,CAAC,IAAI,EACzD,cAAc,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,MAAM,EAAE,cAAc,GAAI,CAAC,CAAC,CAAC,IAAI,EAC/D,cAAc,EAAE,cAAc,CAAC,CAAC,CAAC,CAChC,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,WAAW,YAC3C,cAAc,CAAC,cAAc,GACxB,CACT,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CACrB,2BACG,WAAW,CAAC,MAAM,CAAC,WAAW,aAAI,GAAG,EACrC,WAAW,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,IAC1D,CACR,CAAC,CAAC,CAAC,IAAI,IACJ,IACE,EAET,WAAW,CAAC,CAAC,CAAC,CACb,MAAC,KAAK,IAAC,OAAO,EAAC,aAAa,aAC1B,KAAC,UAAU,gCAA2B,EACtC,KAAC,gBAAgB,cAAE,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,GAAoB,IAC5D,CACT,CAAC,CAAC,CAAC,IAAI,EAER,eAAK,SAAS,EAAC,qCAAqC,aAClD,mBAAS,SAAS,EAAC,yCAAyC,aAC1D,eAAK,SAAS,EAAC,sDAAsD,aACnE,0BACE,cAAK,SAAS,EAAC,uCAAuC,wBAEhD,EACN,eAAK,SAAS,EAAC,+BAA+B,aAC3C,UAAU,EAAE,KAAK,IAAI,CAAC,qBAAY,GAAG,EACrC,UAAU,EAAE,MAAM,EAAE,KAAK,IAAI,eAAe,IACzC,IACF,EACN,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,EAAE,gBACnB,iBAAiB,YAE5B,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,GAAI,GAClB,IACL,EACN,eAAK,SAAS,EAAC,2CAA2C,aACvD,aAAa,CAAC,CAAC,CAAC,CACf,8BACE,KAAC,QAAQ,IAAC,SAAS,EAAC,wBAAwB,GAAG,EAC/C,KAAC,QAAQ,IAAC,SAAS,EAAC,wBAAwB,GAAG,EAC/C,KAAC,QAAQ,IAAC,SAAS,EAAC,wBAAwB,GAAG,IAC9C,CACJ,CAAC,CAAC,CAAC,IAAI,EACP,CAAC,aAAa,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC9C,eAAK,SAAS,EAAC,mIAAmI,aAChJ,KAAC,YAAY,IAAC,SAAS,EAAC,cAAc,GAAG,yBAErC,CACP,CAAC,CAAC,CAAC,IAAI,EACP,aAAa,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC7B,KAAC,UAAU,IAET,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAAE,QAAQ,KAAK,MAAM,CAAC,EAAE,EAC1C,QAAQ,EAAE,GAAG,EAAE,CACb,WAAW,CAAC;gDACV,QAAQ,EAAE,eAAe,CAAC,QAAQ;gDAClC,QAAQ,EAAE,MAAM,CAAC,EAAE;gDACnB,UAAU,EAAE,eAAe,CAAC,UAAU,IAAI,SAAS;6CACpD,CAAC,IARC,MAAM,CAAC,EAAE,CAUd,CACH,CAAC,IACE,IACE,EAEV,mBAAS,SAAS,EAAC,SAAS,aACzB,WAAW,CAAC,CAAC,CAAC,CACb,MAAC,KAAK,IAAC,OAAO,EAAC,aAAa,aAC1B,KAAC,UAAU,uCAAkC,EAC7C,KAAC,gBAAgB,cACd,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,GACX,IACb,CACT,CAAC,CAAC,CAAC,IAAI,EACP,aAAa,CAAC,CAAC,CAAC,CACf,eAAK,SAAS,EAAC,+BAA+B,aAC5C,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,EACjC,KAAC,QAAQ,IAAC,SAAS,EAAC,eAAe,GAAG,EACtC,KAAC,QAAQ,IAAC,SAAS,EAAC,uBAAuB,GAAG,IAC1C,CACP,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CACX,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,GAAI,CACjC,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAC,gJAAgJ,aAC7J,KAAC,cAAc,IAAC,SAAS,EAAC,cAAc,GAAG,mCAEvC,CACP,IACO,IACN,IACF,GACQ,CACjB,CAAC;AACJ,CAAC","sourcesContent":["import { agentNativePath, useActionQuery } from \"@agent-native/core/client\";\r\nimport {\r\n  IconDatabase,\r\n  IconFileSearch,\r\n  IconRefresh,\r\n  IconSearch,\r\n} from \"@tabler/icons-react\";\r\nimport { useEffect, useMemo, useState } from \"react\";\r\n\r\nimport { DispatchShell } from \"../../components/dispatch-shell\";\r\nimport { Alert, AlertDescription, AlertTitle } from \"../../components/ui/alert\";\r\nimport { Badge } from \"../../components/ui/badge\";\r\nimport { Button } from \"../../components/ui/button\";\r\nimport { Input } from \"../../components/ui/input\";\r\nimport {\r\n  Select,\r\n  SelectContent,\r\n  SelectItem,\r\n  SelectTrigger,\r\n  SelectValue,\r\n} from \"../../components/ui/select\";\r\nimport { Skeleton } from \"../../components/ui/skeleton\";\r\nimport {\r\n  Tabs,\r\n  TabsContent,\r\n  TabsList,\r\n  TabsTrigger,\r\n} from \"../../components/ui/tabs\";\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nexport function meta() {\r\n  return [{ title: \"Thread Debug — Dispatch\" }];\r\n}\r\n\r\ninterface ThreadDebugSource {\r\n  id: string;\r\n  label: string;\r\n  kind: \"current\" | \"env\" | \"configured\";\r\n  current: boolean;\r\n  connected: boolean;\r\n  databaseUrlEnv: string | null;\r\n  databaseAuthTokenEnv: string | null;\r\n  canInspectAll: boolean;\r\n}\r\n\r\ninterface ThreadSearchResult {\r\n  id: string;\r\n  ownerEmail: string;\r\n  title: string;\r\n  preview: string;\r\n  messageCount: number;\r\n  createdAt: number;\r\n  updatedAt: number;\r\n  snippet: string;\r\n}\r\n\r\ninterface ThreadMessage {\r\n  index: number;\r\n  id: string | null;\r\n  role: string;\r\n  createdAt: string | number | null;\r\n  status: unknown;\r\n  text: string;\r\n  contentParts: any[];\r\n  attachments: any[];\r\n  metadata: unknown;\r\n}\r\n\r\ninterface ThreadRun {\r\n  id: string;\r\n  status: string;\r\n  abortReason: string | null;\r\n  startedAt: number;\r\n  completedAt: number | null;\r\n  heartbeatAt: number | null;\r\n  events: Array<{ seq: number; event: any; rawEventData: string }>;\r\n}\r\n\r\ninterface ThreadDebugResponse {\r\n  source: {\r\n    id: string;\r\n    label: string;\r\n    kind: string;\r\n    databaseUrlEnv: string | null;\r\n  };\r\n  access: { viewerEmail: string; scope: string; canInspectAll: boolean };\r\n  thread: ThreadSearchResult;\r\n  messages: ThreadMessage[];\r\n  debug: any;\r\n  debugRuns: any[];\r\n  queuedMessages: any[];\r\n  threadData: any;\r\n  rawThreadData: string;\r\n  runs: ThreadRun[];\r\n  traces: { summaries: any[]; spans: any[] };\r\n  feedback: any[];\r\n  satisfaction: any[];\r\n  evals: any[];\r\n  checkpoints: any[];\r\n}\r\n\r\nfunction formatDate(value: number | string | null | undefined): string {\r\n  if (value == null || value === \"\") return \"n/a\";\r\n  const numeric = Number(value);\r\n  const date = Number.isFinite(numeric) ? new Date(numeric) : new Date(value);\r\n  if (Number.isNaN(date.getTime())) return \"n/a\";\r\n  return date.toLocaleString();\r\n}\r\n\r\nfunction json(value: unknown): string {\r\n  try {\r\n    return JSON.stringify(value, null, 2);\r\n  } catch {\r\n    return String(value);\r\n  }\r\n}\r\n\r\nfunction eventLabel(event: any): string {\r\n  if (!event || typeof event !== \"object\") return \"event\";\r\n  if (event.type === \"tool_start\") return `tool_start · ${event.tool}`;\r\n  if (event.type === \"tool_done\") return `tool_done · ${event.tool}`;\r\n  if (event.type === \"text\") return \"text\";\r\n  if (event.type === \"error\") return `error · ${event.errorCode ?? \"agent\"}`;\r\n  return String(event.type ?? \"event\");\r\n}\r\n\r\nfunction messageTitle(message: ThreadMessage): string {\r\n  const role = message.role || \"unknown\";\r\n  return `${role.charAt(0).toUpperCase()}${role.slice(1)} ${message.index + 1}`;\r\n}\r\n\r\nfunction toolParts(message: ThreadMessage): any[] {\r\n  return message.contentParts.filter((part) => part?.type === \"tool-call\");\r\n}\r\n\r\nfunction RawBlock({\r\n  value,\r\n  className,\r\n}: {\r\n  value: unknown;\r\n  className?: string;\r\n}) {\r\n  return (\r\n    <pre\r\n      className={cn(\r\n        \"max-h-[520px] overflow-auto rounded-lg border bg-muted/30 p-3 text-xs leading-relaxed text-foreground\",\r\n        \"whitespace-pre-wrap break-words\",\r\n        className,\r\n      )}\r\n    >\r\n      {typeof value === \"string\" ? value : json(value)}\r\n    </pre>\r\n  );\r\n}\r\n\r\nfunction SourceBadge({ source }: { source: ThreadDebugSource }) {\r\n  return (\r\n    <Badge variant={source.current ? \"default\" : \"secondary\"}>\r\n      {source.current ? \"current\" : source.kind}\r\n    </Badge>\r\n  );\r\n}\r\n\r\nfunction ResultCard({\r\n  result,\r\n  selected,\r\n  onSelect,\r\n}: {\r\n  result: ThreadSearchResult;\r\n  selected: boolean;\r\n  onSelect: () => void;\r\n}) {\r\n  return (\r\n    <button\r\n      type=\"button\"\r\n      onClick={onSelect}\r\n      className={cn(\r\n        \"w-full rounded-lg border px-3 py-3 text-left transition-colors\",\r\n        selected\r\n          ? \"border-foreground bg-muted\"\r\n          : \"bg-card hover:border-foreground/30 hover:bg-muted/40\",\r\n      )}\r\n    >\r\n      <div className=\"flex items-start justify-between gap-3\">\r\n        <div className=\"min-w-0\">\r\n          <div className=\"truncate text-sm font-medium text-foreground\">\r\n            {result.title || result.preview || result.id}\r\n          </div>\r\n          <div className=\"mt-1 truncate font-mono text-[11px] text-muted-foreground\">\r\n            {result.id}\r\n          </div>\r\n        </div>\r\n        <Badge variant=\"outline\" className=\"shrink-0\">\r\n          {result.messageCount}\r\n        </Badge>\r\n      </div>\r\n      <div className=\"mt-2 line-clamp-3 text-xs leading-relaxed text-muted-foreground\">\r\n        {result.snippet || result.preview || \"No preview\"}\r\n      </div>\r\n      <div className=\"mt-2 flex items-center justify-between gap-3 text-[11px] text-muted-foreground\">\r\n        <span className=\"truncate\">{result.ownerEmail}</span>\r\n        <span className=\"shrink-0\">{formatDate(result.updatedAt)}</span>\r\n      </div>\r\n    </button>\r\n  );\r\n}\r\n\r\nfunction MessageBlock({ message }: { message: ThreadMessage }) {\r\n  const tools = toolParts(message);\r\n  return (\r\n    <div className=\"rounded-lg border bg-card\">\r\n      <div className=\"flex flex-wrap items-center justify-between gap-2 border-b px-3 py-2\">\r\n        <div className=\"flex min-w-0 items-center gap-2\">\r\n          <Badge\r\n            variant={message.role === \"assistant\" ? \"default\" : \"secondary\"}\r\n          >\r\n            {message.role}\r\n          </Badge>\r\n          <span className=\"truncate text-sm font-medium text-foreground\">\r\n            {messageTitle(message)}\r\n          </span>\r\n        </div>\r\n        <div className=\"flex items-center gap-2 text-[11px] text-muted-foreground\">\r\n          {message.attachments.length > 0 ? (\r\n            <Badge variant=\"outline\">{message.attachments.length} files</Badge>\r\n          ) : null}\r\n          <span>{formatDate(message.createdAt)}</span>\r\n        </div>\r\n      </div>\r\n      <div className=\"space-y-3 px-3 py-3\">\r\n        {message.text ? (\r\n          <div className=\"whitespace-pre-wrap break-words text-sm leading-relaxed text-foreground\">\r\n            {message.text}\r\n          </div>\r\n        ) : (\r\n          <div className=\"text-sm text-muted-foreground\">No text content</div>\r\n        )}\r\n        {tools.length > 0 ? (\r\n          <div className=\"space-y-2\">\r\n            {tools.map((tool, index) => (\r\n              <details\r\n                key={`${message.id ?? message.index}-tool-${index}`}\r\n                className=\"rounded-md border bg-muted/30 px-3 py-2\"\r\n              >\r\n                <summary className=\"cursor-pointer text-xs font-medium text-foreground\">\r\n                  {tool.toolName ?? tool.name ?? \"tool-call\"}\r\n                </summary>\r\n                <RawBlock value={tool} className=\"mt-2 max-h-72\" />\r\n              </details>\r\n            ))}\r\n          </div>\r\n        ) : null}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction ThreadDetail({ detail }: { detail: ThreadDebugResponse }) {\r\n  const rawBundle = useMemo(\r\n    () => ({\r\n      thread: detail.thread,\r\n      debug: detail.debug,\r\n      debugRuns: detail.debugRuns,\r\n      queuedMessages: detail.queuedMessages,\r\n      threadData: detail.threadData,\r\n      runs: detail.runs,\r\n      traces: detail.traces,\r\n      feedback: detail.feedback,\r\n      satisfaction: detail.satisfaction,\r\n      evals: detail.evals,\r\n      checkpoints: detail.checkpoints,\r\n    }),\r\n    [detail],\r\n  );\r\n\r\n  return (\r\n    <div className=\"rounded-lg border bg-card\">\r\n      <div className=\"border-b px-4 py-3\">\r\n        <div className=\"flex flex-wrap items-start justify-between gap-3\">\r\n          <div className=\"min-w-0\">\r\n            <div className=\"truncate text-base font-semibold text-foreground\">\r\n              {detail.thread.title || detail.thread.preview || detail.thread.id}\r\n            </div>\r\n            <div className=\"mt-1 truncate font-mono text-xs text-muted-foreground\">\r\n              {detail.thread.id}\r\n            </div>\r\n          </div>\r\n          <div className=\"flex flex-wrap items-center gap-2\">\r\n            <Badge variant=\"secondary\">{detail.messages.length} messages</Badge>\r\n            <Badge variant=\"secondary\">{detail.runs.length} runs</Badge>\r\n            <Badge variant=\"outline\">{detail.source.label}</Badge>\r\n          </div>\r\n        </div>\r\n        <div className=\"mt-3 grid gap-2 text-xs text-muted-foreground sm:grid-cols-3\">\r\n          <div className=\"truncate\">Owner: {detail.thread.ownerEmail}</div>\r\n          <div>Created: {formatDate(detail.thread.createdAt)}</div>\r\n          <div>Updated: {formatDate(detail.thread.updatedAt)}</div>\r\n        </div>\r\n      </div>\r\n\r\n      <Tabs defaultValue=\"transcript\" className=\"p-4\">\r\n        <TabsList>\r\n          <TabsTrigger value=\"transcript\">Transcript</TabsTrigger>\r\n          <TabsTrigger value=\"runs\">Runs</TabsTrigger>\r\n          <TabsTrigger value=\"internals\">Internals</TabsTrigger>\r\n          <TabsTrigger value=\"raw\">Raw</TabsTrigger>\r\n        </TabsList>\r\n\r\n        <TabsContent value=\"transcript\" className=\"mt-4 space-y-3\">\r\n          {detail.messages.length > 0 ? (\r\n            detail.messages.map((message) => (\r\n              <MessageBlock\r\n                key={message.id ?? `message-${message.index}`}\r\n                message={message}\r\n              />\r\n            ))\r\n          ) : (\r\n            <div className=\"rounded-lg border border-dashed px-4 py-8 text-center text-sm text-muted-foreground\">\r\n              No persisted messages.\r\n            </div>\r\n          )}\r\n        </TabsContent>\r\n\r\n        <TabsContent value=\"runs\" className=\"mt-4 space-y-3\">\r\n          {detail.runs.length > 0 ? (\r\n            detail.runs.map((run) => (\r\n              <details key={run.id} className=\"rounded-lg border bg-card\">\r\n                <summary className=\"cursor-pointer px-4 py-3\">\r\n                  <div className=\"inline-flex flex-wrap items-center gap-2\">\r\n                    <Badge variant=\"outline\">{run.status}</Badge>\r\n                    <span className=\"font-mono text-xs text-foreground\">\r\n                      {run.id}\r\n                    </span>\r\n                    <span className=\"text-xs text-muted-foreground\">\r\n                      {formatDate(run.startedAt)}\r\n                    </span>\r\n                  </div>\r\n                </summary>\r\n                <div className=\"space-y-2 border-t px-4 py-3\">\r\n                  {run.events.map((event) => (\r\n                    <details\r\n                      key={`${run.id}-${event.seq}`}\r\n                      className=\"rounded-md border bg-muted/30 px-3 py-2\"\r\n                    >\r\n                      <summary className=\"cursor-pointer text-xs font-medium text-foreground\">\r\n                        #{event.seq} {eventLabel(event.event)}\r\n                      </summary>\r\n                      <RawBlock value={event.event} className=\"mt-2 max-h-72\" />\r\n                    </details>\r\n                  ))}\r\n                  {run.events.length === 0 ? (\r\n                    <div className=\"text-sm text-muted-foreground\">\r\n                      No retained run events.\r\n                    </div>\r\n                  ) : null}\r\n                </div>\r\n              </details>\r\n            ))\r\n          ) : (\r\n            <div className=\"rounded-lg border border-dashed px-4 py-8 text-center text-sm text-muted-foreground\">\r\n              No retained runs.\r\n            </div>\r\n          )}\r\n        </TabsContent>\r\n\r\n        <TabsContent value=\"internals\" className=\"mt-4 space-y-4\">\r\n          <div className=\"grid gap-4 lg:grid-cols-2\">\r\n            <div>\r\n              <div className=\"mb-2 text-sm font-medium text-foreground\">\r\n                Debug Runs\r\n              </div>\r\n              <RawBlock\r\n                value={\r\n                  detail.debugRuns.length > 0\r\n                    ? detail.debugRuns\r\n                    : (detail.debug ?? {})\r\n                }\r\n              />\r\n            </div>\r\n            <div>\r\n              <div className=\"mb-2 text-sm font-medium text-foreground\">\r\n                Trace Summaries\r\n              </div>\r\n              <RawBlock value={detail.traces.summaries} />\r\n            </div>\r\n            <div>\r\n              <div className=\"mb-2 text-sm font-medium text-foreground\">\r\n                Trace Spans\r\n              </div>\r\n              <RawBlock value={detail.traces.spans} />\r\n            </div>\r\n            <div>\r\n              <div className=\"mb-2 text-sm font-medium text-foreground\">\r\n                Feedback And Evals\r\n              </div>\r\n              <RawBlock\r\n                value={{\r\n                  feedback: detail.feedback,\r\n                  satisfaction: detail.satisfaction,\r\n                  evals: detail.evals,\r\n                  checkpoints: detail.checkpoints,\r\n                }}\r\n              />\r\n            </div>\r\n          </div>\r\n        </TabsContent>\r\n\r\n        <TabsContent value=\"raw\" className=\"mt-4 space-y-4\">\r\n          <RawBlock value={rawBundle} />\r\n          <RawBlock value={detail.rawThreadData} />\r\n        </TabsContent>\r\n      </Tabs>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default function ThreadDebugRoute() {\r\n  const [sourceId, setSourceId] = useState(\"current\");\r\n  const [query, setQuery] = useState(\"\");\r\n  const [ownerEmail, setOwnerEmail] = useState(\"\");\r\n  const [threadId, setThreadId] = useState(\"\");\r\n  const [submittedSearch, setSubmittedSearch] = useState({\r\n    sourceId: \"current\",\r\n    query: \"\",\r\n    ownerEmail: \"\",\r\n  });\r\n  const [selected, setSelected] = useState<{\r\n    sourceId: string;\r\n    threadId: string;\r\n    ownerEmail?: string;\r\n  } | null>(null);\r\n\r\n  const { data: sourcesData, isLoading: sourcesLoading } = useActionQuery<{\r\n    access: {\r\n      viewerEmail: string;\r\n      orgId: string | null;\r\n      role: string | null;\r\n      envAdmin: boolean;\r\n      canInspectAll: boolean;\r\n      memberCount: number;\r\n    };\r\n    sources: ThreadDebugSource[];\r\n  }>(\"list-agent-thread-sources\", {});\r\n\r\n  const sources: ThreadDebugSource[] = sourcesData?.sources ?? [];\r\n  const searchParams = useMemo(\r\n    () => ({\r\n      sourceId: submittedSearch.sourceId,\r\n      query: submittedSearch.query || undefined,\r\n      ownerEmail: submittedSearch.ownerEmail || undefined,\r\n      limit: 25,\r\n    }),\r\n    [submittedSearch],\r\n  );\r\n  const {\r\n    data: searchData,\r\n    isLoading: searchLoading,\r\n    error: searchError,\r\n    refetch: refetchSearch,\r\n  } = useActionQuery<{\r\n    count: number;\r\n    threads: ThreadSearchResult[];\r\n    access: { scope: string; canInspectAll: boolean };\r\n    source: { id: string; label: string };\r\n  }>(\"search-agent-threads\", searchParams);\r\n  const searchThreads: ThreadSearchResult[] = searchData?.threads ?? [];\r\n\r\n  const detailParams = useMemo(\r\n    () => ({\r\n      sourceId: selected?.sourceId ?? \"current\",\r\n      threadId: selected?.threadId ?? \"\",\r\n      ownerEmail: selected?.ownerEmail,\r\n      maxRuns: 20,\r\n      maxEvents: 800,\r\n      maxTraceSpans: 600,\r\n    }),\r\n    [selected],\r\n  );\r\n  const {\r\n    data: detail,\r\n    isLoading: detailLoading,\r\n    error: detailError,\r\n  } = useActionQuery<ThreadDebugResponse>(\r\n    \"get-agent-thread-debug\",\r\n    detailParams,\r\n    {\r\n      enabled: Boolean(selected?.threadId),\r\n    },\r\n  );\r\n\r\n  const selectedSource = sources.find((source) => source.id === sourceId);\r\n\r\n  useEffect(() => {\r\n    fetch(agentNativePath(\"/_agent-native/application-state/navigation\"), {\r\n      method: \"PUT\",\r\n      keepalive: true,\r\n      headers: { \"Content-Type\": \"application/json\" },\r\n      body: JSON.stringify({\r\n        view: \"thread-debug\",\r\n        path:\r\n          typeof window === \"undefined\"\r\n            ? \"/thread-debug\"\r\n            : window.location.pathname,\r\n        sourceId,\r\n        query,\r\n        ownerEmail: ownerEmail.trim() || undefined,\r\n        threadId: selected?.threadId ?? (threadId.trim() || undefined),\r\n      }),\r\n    }).catch(() => {});\r\n  }, [ownerEmail, query, selected?.threadId, sourceId, threadId]);\r\n\r\n  return (\r\n    <DispatchShell\r\n      title=\"Thread Debug\"\r\n      description=\"Inspect persisted agent chat threads, run events, and AI internals.\"\r\n    >\r\n      <div className=\"space-y-4\">\r\n        <section className=\"rounded-lg border bg-card p-4\">\r\n          <div className=\"grid gap-3 lg:grid-cols-[220px_1fr_260px_auto]\">\r\n            <Select value={sourceId} onValueChange={setSourceId}>\r\n              <SelectTrigger>\r\n                <SelectValue placeholder=\"Source\" />\r\n              </SelectTrigger>\r\n              <SelectContent>\r\n                {sources.map((source) => (\r\n                  <SelectItem key={source.id} value={source.id}>\r\n                    {source.label}\r\n                  </SelectItem>\r\n                ))}\r\n                {sources.length === 0 ? (\r\n                  <SelectItem value=\"current\">Current Dispatch DB</SelectItem>\r\n                ) : null}\r\n              </SelectContent>\r\n            </Select>\r\n            <Input\r\n              value={query}\r\n              onChange={(event) => setQuery(event.target.value)}\r\n              placeholder=\"Search title, preview, messages, tools\"\r\n            />\r\n            <Input\r\n              value={ownerEmail}\r\n              onChange={(event) => setOwnerEmail(event.target.value)}\r\n              placeholder=\"Owner email\"\r\n            />\r\n            <Button\r\n              type=\"button\"\r\n              onClick={() =>\r\n                setSubmittedSearch({\r\n                  sourceId,\r\n                  query: query.trim(),\r\n                  ownerEmail: ownerEmail.trim(),\r\n                })\r\n              }\r\n            >\r\n              <IconSearch size={16} />\r\n              Search\r\n            </Button>\r\n          </div>\r\n\r\n          <div className=\"mt-3 grid gap-3 lg:grid-cols-[1fr_auto]\">\r\n            <Input\r\n              value={threadId}\r\n              onChange={(event) => setThreadId(event.target.value)}\r\n              placeholder=\"Paste thread ID\"\r\n              className=\"font-mono\"\r\n            />\r\n            <Button\r\n              type=\"button\"\r\n              variant=\"outline\"\r\n              onClick={() => {\r\n                const trimmed = threadId.trim();\r\n                if (!trimmed) return;\r\n                setSelected({\r\n                  sourceId,\r\n                  threadId: trimmed,\r\n                  ownerEmail: ownerEmail.trim() || undefined,\r\n                });\r\n              }}\r\n            >\r\n              <IconFileSearch size={16} />\r\n              Inspect\r\n            </Button>\r\n          </div>\r\n\r\n          <div className=\"mt-3 flex flex-wrap items-center gap-2 text-xs text-muted-foreground\">\r\n            {sourcesLoading ? <Skeleton className=\"h-5 w-32\" /> : null}\r\n            {selectedSource ? <SourceBadge source={selectedSource} /> : null}\r\n            {selectedSource?.databaseUrlEnv ? (\r\n              <Badge variant=\"outline\" className=\"font-mono\">\r\n                {selectedSource.databaseUrlEnv}\r\n              </Badge>\r\n            ) : null}\r\n            {sourcesData?.access ? (\r\n              <span>\r\n                {sourcesData.access.viewerEmail} ·{\" \"}\r\n                {sourcesData.access.canInspectAll ? \"admin scope\" : \"own scope\"}\r\n              </span>\r\n            ) : null}\r\n          </div>\r\n        </section>\r\n\r\n        {searchError ? (\r\n          <Alert variant=\"destructive\">\r\n            <AlertTitle>Search failed</AlertTitle>\r\n            <AlertDescription>{String(searchError.message)}</AlertDescription>\r\n          </Alert>\r\n        ) : null}\r\n\r\n        <div className=\"grid gap-4 xl:grid-cols-[380px_1fr]\">\r\n          <section className=\"min-h-[520px] rounded-lg border bg-card\">\r\n            <div className=\"flex items-center justify-between border-b px-4 py-3\">\r\n              <div>\r\n                <div className=\"text-sm font-semibold text-foreground\">\r\n                  Threads\r\n                </div>\r\n                <div className=\"text-xs text-muted-foreground\">\r\n                  {searchData?.count ?? 0} results ·{\" \"}\r\n                  {searchData?.access?.scope ?? \"current scope\"}\r\n                </div>\r\n              </div>\r\n              <Button\r\n                type=\"button\"\r\n                variant=\"ghost\"\r\n                size=\"icon\"\r\n                onClick={() => refetchSearch()}\r\n                aria-label=\"Refresh threads\"\r\n              >\r\n                <IconRefresh size={16} />\r\n              </Button>\r\n            </div>\r\n            <div className=\"max-h-[760px] space-y-2 overflow-auto p-3\">\r\n              {searchLoading ? (\r\n                <>\r\n                  <Skeleton className=\"h-28 w-full rounded-lg\" />\r\n                  <Skeleton className=\"h-28 w-full rounded-lg\" />\r\n                  <Skeleton className=\"h-28 w-full rounded-lg\" />\r\n                </>\r\n              ) : null}\r\n              {!searchLoading && searchThreads.length === 0 ? (\r\n                <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\">\r\n                  <IconDatabase className=\"mb-2 h-5 w-5\" />\r\n                  No threads found.\r\n                </div>\r\n              ) : null}\r\n              {searchThreads.map((result) => (\r\n                <ResultCard\r\n                  key={result.id}\r\n                  result={result}\r\n                  selected={selected?.threadId === result.id}\r\n                  onSelect={() =>\r\n                    setSelected({\r\n                      sourceId: submittedSearch.sourceId,\r\n                      threadId: result.id,\r\n                      ownerEmail: submittedSearch.ownerEmail || undefined,\r\n                    })\r\n                  }\r\n                />\r\n              ))}\r\n            </div>\r\n          </section>\r\n\r\n          <section className=\"min-w-0\">\r\n            {detailError ? (\r\n              <Alert variant=\"destructive\">\r\n                <AlertTitle>Thread lookup failed</AlertTitle>\r\n                <AlertDescription>\r\n                  {String(detailError.message)}\r\n                </AlertDescription>\r\n              </Alert>\r\n            ) : null}\r\n            {detailLoading ? (\r\n              <div className=\"rounded-lg border bg-card p-4\">\r\n                <Skeleton className=\"h-6 w-72\" />\r\n                <Skeleton className=\"mt-3 h-4 w-96\" />\r\n                <Skeleton className=\"mt-6 h-[520px] w-full\" />\r\n              </div>\r\n            ) : detail ? (\r\n              <ThreadDetail detail={detail} />\r\n            ) : (\r\n              <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\">\r\n                <IconFileSearch className=\"mb-2 h-5 w-5\" />\r\n                Select or inspect a thread.\r\n              </div>\r\n            )}\r\n          </section>\r\n        </div>\r\n      </div>\r\n    </DispatchShell>\r\n  );\r\n}\r\n"]}

package/dist/routes/pages/tools.$id.d.ts

@@ -0,0 +1,5 @@
+export declare function meta(): {
+    title: string;
+}[];
+export default function ToolViewerRoute(): import("node_modules/@types/react").JSX.Element;
+//# sourceMappingURL=tools.$id.d.ts.map

package/dist/routes/pages/tools.$id.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tools.$id.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/tools.$id.tsx"],"names":[],"mappings":"AAEA,wBAAgB,IAAI;;IAEnB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,oDAEtC"}

package/dist/routes/pages/tools.$id.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ToolViewerPage } from "@agent-native/core/client/tools";
+export function meta() {
+    return [{ title: "Extension \u2014 Dispatch" }];
+}
+export default function ToolViewerRoute() {
+    return _jsx(ToolViewerPage, {});
+}
+//# sourceMappingURL=tools.$id.js.map

package/dist/routes/pages/tools.$id.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tools.$id.js","sourceRoot":"","sources":["../../../src/routes/pages/tools.$id.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEjE,MAAM,UAAU,IAAI;IAClB,OAAO,CAAC,EAAE,KAAK,EAAE,2BAA2B,EAAE,CAAC,CAAC;AAClD,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,eAAe;IACrC,OAAO,KAAC,cAAc,KAAG,CAAC;AAC5B,CAAC","sourcesContent":["import { ToolViewerPage } from \"@agent-native/core/client/tools\";\r\n\r\nexport function meta() {\r\n  return [{ title: \"Extension \\u2014 Dispatch\" }];\r\n}\r\n\r\nexport default function ToolViewerRoute() {\r\n  return <ToolViewerPage />;\r\n}\r\n"]}

package/dist/routes/pages/tools._index.d.ts

@@ -0,0 +1,5 @@
+export declare function meta(): {
+    title: string;
+}[];
+export default function ToolsRoute(): import("node_modules/@types/react").JSX.Element;
+//# sourceMappingURL=tools._index.d.ts.map

package/dist/routes/pages/tools._index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tools._index.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/tools._index.tsx"],"names":[],"mappings":"AAEA,wBAAgB,IAAI;;IAEnB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,oDAEjC"}

package/dist/routes/pages/tools._index.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ToolsListPage } from "@agent-native/core/client/tools";
+export function meta() {
+    return [{ title: "Extensions \u2014 Dispatch" }];
+}
+export default function ToolsRoute() {
+    return _jsx(ToolsListPage, {});
+}
+//# sourceMappingURL=tools._index.js.map

package/dist/routes/pages/tools._index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tools._index.js","sourceRoot":"","sources":["../../../src/routes/pages/tools._index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAEhE,MAAM,UAAU,IAAI;IAClB,OAAO,CAAC,EAAE,KAAK,EAAE,4BAA4B,EAAE,CAAC,CAAC;AACnD,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,UAAU;IAChC,OAAO,KAAC,aAAa,KAAG,CAAC;AAC3B,CAAC","sourcesContent":["import { ToolsListPage } from \"@agent-native/core/client/tools\";\r\n\r\nexport function meta() {\r\n  return [{ title: \"Extensions \\u2014 Dispatch\" }];\r\n}\r\n\r\nexport default function ToolsRoute() {\r\n  return <ToolsListPage />;\r\n}\r\n"]}

package/dist/routes/pages/vault.d.ts

@@ -0,0 +1,5 @@
+export declare function meta(): {
+    title: string;
+}[];
+export default function VaultRoute(): import("node_modules/@types/react").JSX.Element;
+//# sourceMappingURL=vault.d.ts.map

package/dist/routes/pages/vault.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vault.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/vault.tsx"],"names":[],"mappings":"AA0EA,wBAAgB,IAAI;;IAEnB;AAqpBD,MAAM,CAAC,OAAO,UAAU,UAAU,oDAwIjC"}

package/dist/routes/pages/vault.js

@@ -0,0 +1,194 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useActionMutation, useActionQuery } from "@agent-native/core/client";
+import { IconChevronDown, IconChevronRight, IconEdit, IconEye, IconEyeOff, IconKey, IconPlus, IconRefresh, IconTrash, IconX, } from "@tabler/icons-react";
+import { useState } from "react";
+import { toast } from "sonner";
+import { DispatchShell } from "../../components/dispatch-shell.js";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "../../components/ui/alert-dialog.js";
+import { Badge } from "../../components/ui/badge.js";
+import { Button } from "../../components/ui/button.js";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from "../../components/ui/dialog.js";
+import { Input } from "../../components/ui/input.js";
+import { Label } from "../../components/ui/label.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../../components/ui/select.js";
+import { Skeleton } from "../../components/ui/skeleton.js";
+import { Switch } from "../../components/ui/switch.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger, } from "../../components/ui/tabs.js";
+import { Textarea } from "../../components/ui/textarea.js";
+const PROVIDERS = [
+    "google",
+    "slack",
+    "sendgrid",
+    "github",
+    "stripe",
+    "hubspot",
+    "jira",
+    "bigquery",
+    "anthropic",
+    "other",
+];
+const PROVIDER_NONE_VALUE = "__none__";
+export function meta() {
+    return [{ title: "Vault — Dispatch" }];
+}
+function AddSecretDialog() {
+    const [open, setOpen] = useState(false);
+    const [credentialKey, setCredentialKey] = useState("");
+    const [name, setName] = useState("");
+    const [value, setValue] = useState("");
+    const [provider, setProvider] = useState("");
+    const [description, setDescription] = useState("");
+    const create = useActionMutation("create-vault-secret", {
+        onSuccess: () => {
+            toast.success("Secret created");
+            setOpen(false);
+            setCredentialKey("");
+            setName("");
+            setValue("");
+            setProvider("");
+            setDescription("");
+        },
+        onError: (err) => toast.error(String(err)),
+    });
+    return (_jsxs(Dialog, { open: open, onOpenChange: setOpen, children: [_jsx(DialogTrigger, { asChild: true, children: _jsxs(Button, { children: [_jsx(IconPlus, { size: 16, className: "mr-1.5" }), "Add secret"] }) }), _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Add vault secret" }), _jsx(DialogDescription, { children: "Store a credential that can be granted to workspace apps." })] }), _jsxs("div", { className: "space-y-4 py-2", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Name" }), _jsx(Input, { placeholder: "Google OAuth Client ID", value: name, onChange: (e) => setName(e.target.value) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Credential key (env var name)" }), _jsx(Input, { placeholder: "GOOGLE_CLIENT_ID", value: credentialKey, onChange: (e) => setCredentialKey(e.target.value), className: "font-mono text-sm" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Value" }), _jsx(Input, { type: "password", placeholder: "The secret value", value: value, onChange: (e) => setValue(e.target.value) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Provider" }), _jsxs(Select, { value: provider, onValueChange: setProvider, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Select a provider..." }) }), _jsx(SelectContent, { children: PROVIDERS.map((p) => (_jsx(SelectItem, { value: p, children: p.charAt(0).toUpperCase() + p.slice(1) }, p))) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Description (optional)" }), _jsx(Textarea, { placeholder: "What is this secret used for?", value: description, onChange: (e) => setDescription(e.target.value), rows: 2 })] })] }), _jsx(DialogFooter, { children: _jsx(Button, { onClick: () => create.mutate({
+                                credentialKey,
+                                name,
+                                value,
+                                provider: provider || undefined,
+                                description: description || undefined,
+                            }), disabled: !credentialKey || !name || !value || create.isPending, children: create.isPending ? "Creating..." : "Create secret" }) })] })] }));
+}
+function EditSecretDialog({ secret }) {
+    const [open, setOpen] = useState(false);
+    const [credentialKey, setCredentialKey] = useState(secret.credentialKey || "");
+    const [name, setName] = useState(secret.name || "");
+    const [value, setValue] = useState(secret.value || "");
+    const [provider, setProvider] = useState(secret.provider || "");
+    const [description, setDescription] = useState(secret.description || "");
+    const [showValue, setShowValue] = useState(false);
+    const update = useActionMutation("update-vault-secret", {
+        onSuccess: () => {
+            toast.success("Secret updated");
+            setOpen(false);
+            setShowValue(false);
+        },
+        onError: (err) => toast.error(String(err)),
+    });
+    const resetDraft = () => {
+        setCredentialKey(secret.credentialKey || "");
+        setName(secret.name || "");
+        setValue(secret.value || "");
+        setProvider(secret.provider || "");
+        setDescription(secret.description || "");
+        setShowValue(false);
+    };
+    return (_jsxs(Dialog, { open: open, onOpenChange: (nextOpen) => {
+            if (nextOpen)
+                resetDraft();
+            setOpen(nextOpen);
+        }, children: [_jsx(DialogTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "sm", children: [_jsx(IconEdit, { size: 14, className: "mr-1" }), "Edit secret"] }) }), _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Edit vault secret" }), _jsx(DialogDescription, { children: "Update the stored key and metadata. Changes sync to the shared credential store." })] }), _jsxs("form", { className: "space-y-4 py-2", onSubmit: (event) => {
+                            event.preventDefault();
+                            update.mutate({
+                                id: secret.id,
+                                credentialKey,
+                                name,
+                                value,
+                                provider: provider || null,
+                                description: description || null,
+                            });
+                        }, children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: `vault-secret-name-${secret.id}`, children: "Name" }), _jsx(Input, { id: `vault-secret-name-${secret.id}`, value: name, onChange: (e) => setName(e.target.value) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: `vault-secret-key-${secret.id}`, children: "Credential key (env var name)" }), _jsx(Input, { id: `vault-secret-key-${secret.id}`, value: credentialKey, onChange: (e) => setCredentialKey(e.target.value), className: "font-mono text-sm" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: `vault-secret-value-${secret.id}`, children: "Value" }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Input, { id: `vault-secret-value-${secret.id}`, type: showValue ? "text" : "password", value: value, onChange: (e) => setValue(e.target.value), className: "font-mono text-sm" }), _jsx(Button, { type: "button", variant: "outline", size: "icon", onClick: () => setShowValue((current) => !current), "aria-label": showValue ? "Hide secret value" : "Show secret value", children: showValue ? _jsx(IconEyeOff, { size: 15 }) : _jsx(IconEye, { size: 15 }) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Provider" }), _jsxs(Select, { value: provider || PROVIDER_NONE_VALUE, onValueChange: (nextProvider) => setProvider(nextProvider === PROVIDER_NONE_VALUE ? "" : nextProvider), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Select a provider..." }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: PROVIDER_NONE_VALUE, children: "No provider" }), PROVIDERS.map((p) => (_jsx(SelectItem, { value: p, children: p.charAt(0).toUpperCase() + p.slice(1) }, p)))] })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: `vault-secret-description-${secret.id}`, children: "Description" }), _jsx(Textarea, { id: `vault-secret-description-${secret.id}`, placeholder: "What is this secret used for?", value: description, onChange: (e) => setDescription(e.target.value), rows: 2 })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "outline", onClick: () => setOpen(false), children: "Cancel" }), _jsx(Button, { type: "submit", disabled: !credentialKey.trim() ||
+                                            !name.trim() ||
+                                            !value ||
+                                            update.isPending, children: update.isPending ? "Saving..." : "Save changes" })] })] })] })] }));
+}
+function GrantDialog({ secretId, secretName, }) {
+    const [open, setOpen] = useState(false);
+    const [appId, setAppId] = useState("");
+    const { data: catalog } = useActionQuery("list-integrations-catalog", {});
+    const grant = useActionMutation("create-vault-grant", {
+        onSuccess: () => {
+            toast.success(`Granted to ${appId}`);
+            setOpen(false);
+            setAppId("");
+        },
+        onError: (err) => toast.error(String(err)),
+    });
+    const apps = (catalog || []).map((a) => ({
+        id: a.appId,
+        name: a.appName,
+    }));
+    return (_jsxs(Dialog, { open: open, onOpenChange: setOpen, children: [_jsx(DialogTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "sm", children: [_jsx(IconPlus, { size: 14, className: "mr-1" }), "Grant"] }) }), _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsxs(DialogTitle, { children: ["Grant \"", secretName, "\" to an app"] }), _jsx(DialogDescription, { children: "Choose which app should receive this secret." })] }), _jsx("div", { className: "py-2", children: _jsxs(Select, { value: appId, onValueChange: setAppId, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Select an app..." }) }), _jsx(SelectContent, { children: apps.map((app) => (_jsx(SelectItem, { value: app.id, children: app.name }, app.id))) })] }) }), _jsx(DialogFooter, { children: _jsx(Button, { onClick: () => grant.mutate({ secretId, appId }), disabled: !appId || grant.isPending, children: grant.isPending ? "Granting..." : "Grant access" }) })] })] }));
+}
+function VaultAccessSettingsCard({ mode }) {
+    const update = useActionMutation("set-vault-access-settings", {
+        onSuccess: (next) => toast.success(next?.mode === "manual"
+            ? "Manual vault access enabled"
+            : "All apps can use vault keys"),
+        onError: (err) => toast.error(String(err)),
+    });
+    const allApps = mode !== "manual";
+    return (_jsx("div", { className: "rounded-xl border bg-card px-4 py-3", children: _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: "min-w-0", children: [_jsx(Label, { className: "text-sm font-medium", children: "All apps can use vault keys" }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: allApps
+                                ? "Every workspace app can receive every saved key."
+                                : "Only apps with explicit grants can receive saved keys." })] }), _jsx(Switch, { checked: allApps, disabled: update.isPending, onCheckedChange: (checked) => update.mutate({ mode: checked ? "all-apps" : "manual" }), "aria-label": "Allow all workspace apps to use vault keys" })] }) }));
+}
+function SecretRow({ secret, grants, accessMode, }) {
+    const [expanded, setExpanded] = useState(false);
+    const [showValue, setShowValue] = useState(false);
+    const deleteSecret = useActionMutation("delete-vault-secret", {
+        onSuccess: () => toast.success("Secret deleted"),
+        onError: (err) => toast.error(String(err)),
+    });
+    const revokeGrant = useActionMutation("revoke-vault-grant", {
+        onSuccess: () => toast.success("Grant revoked"),
+        onError: (err) => toast.error(String(err)),
+    });
+    const syncToApp = useActionMutation("sync-vault-to-app", {
+        onSuccess: (data) => toast.success(`Synced ${data.synced} key(s) to ${data.appId}`),
+        onError: (err) => toast.error(String(err)),
+    });
+    const activeGrants = grants.filter((g) => g.status === "active");
+    const allApps = accessMode !== "manual";
+    return (_jsxs("div", { className: "rounded-xl border bg-card", children: [_jsxs("button", { type: "button", className: "flex w-full items-center gap-3 px-4 py-3 text-left cursor-pointer", onClick: () => setExpanded(!expanded), children: [expanded ? (_jsx(IconChevronDown, { size: 16, className: "text-muted-foreground" })) : (_jsx(IconChevronRight, { size: 16, className: "text-muted-foreground" })), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm font-medium text-foreground", children: secret.name }), secret.provider && (_jsx(Badge, { variant: "secondary", className: "text-xs", children: secret.provider }))] }), _jsx("div", { className: "mt-0.5 font-mono text-xs text-muted-foreground", children: secret.credentialKey })] }), _jsx("div", { className: "flex items-center gap-2", children: _jsx(Badge, { variant: "outline", className: "text-xs", children: allApps
+                                ? "All apps"
+                                : `${activeGrants.length} grant${activeGrants.length !== 1 ? "s" : ""}` }) })] }), expanded && (_jsxs("div", { className: "border-t px-4 py-3 space-y-3", children: [secret.description && (_jsx("p", { className: "text-sm text-muted-foreground", children: secret.description })), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-xs text-muted-foreground", children: "Value:" }), _jsx("code", { className: "text-xs font-mono text-foreground", children: showValue ? secret.value : `••••${secret.value.slice(-4)}` }), _jsx("button", { type: "button", onClick: () => setShowValue(!showValue), className: "text-muted-foreground hover:text-foreground cursor-pointer", children: showValue ? _jsx(IconEyeOff, { size: 14 }) : _jsx(IconEye, { size: 14 }) })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-xs font-medium text-foreground", children: allApps ? "Access" : "Grants" }), !allApps && (_jsx(GrantDialog, { secretId: secret.id, secretName: secret.name }))] }), allApps ? (_jsx("div", { className: "rounded-lg border border-dashed px-3 py-4 text-center text-xs text-muted-foreground", children: "Available to every workspace app." })) : activeGrants.length > 0 ? (_jsx("div", { className: "space-y-1.5", children: activeGrants.map((grant) => (_jsxs("div", { className: "flex items-center justify-between rounded-lg border px-3 py-2", children: [_jsxs("div", { children: [_jsx("span", { className: "text-sm font-medium text-foreground", children: grant.appId }), _jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: grant.syncedAt
+                                                        ? `synced ${new Date(grant.syncedAt).toLocaleString()}`
+                                                        : "not synced" })] }), _jsxs("div", { className: "flex gap-1.5", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: () => syncToApp.mutate({ appId: grant.appId }), disabled: syncToApp.isPending, children: _jsx(IconRefresh, { size: 14 }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => revokeGrant.mutate({ grantId: grant.id }), disabled: revokeGrant.isPending, children: _jsx(IconX, { size: 14 }) })] })] }, grant.id))) })) : (_jsx("div", { className: "rounded-lg border border-dashed px-3 py-4 text-center text-xs text-muted-foreground", children: "No grants yet." }))] }), _jsxs("div", { className: "flex justify-end gap-2 border-t pt-3", children: [_jsx(EditSecretDialog, { secret: secret }), _jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsxs(Button, { variant: "destructive", size: "sm", disabled: deleteSecret.isPending, children: [_jsx(IconTrash, { size: 14, className: "mr-1" }), "Delete secret"] }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Delete this secret?" }), _jsxs(AlertDialogDescription, { children: ["Removing \u201C", secret.name, "\u201D revokes all of its grants. Apps that depended on this credential can lose access on the next sync. This cannot be undone."] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Cancel" }), _jsx(AlertDialogAction, { onClick: () => deleteSecret.mutate({ id: secret.id }), children: "Delete secret" })] })] })] })] })] }))] }));
+}
+function RequestRow({ request }) {
+    const [secretValue, setSecretValue] = useState("");
+    const approve = useActionMutation("approve-vault-request", {
+        onSuccess: () => {
+            toast.success("Request approved");
+            setSecretValue("");
+        },
+        onError: (err) => toast.error(String(err)),
+    });
+    const deny = useActionMutation("deny-vault-request", {
+        onSuccess: () => toast.success("Request denied"),
+        onError: (err) => toast.error(String(err)),
+    });
+    return (_jsxs("div", { className: "rounded-xl border bg-muted/30 px-4 py-3", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsxs("div", { className: "text-sm font-medium text-foreground", children: [_jsx("span", { className: "font-mono", children: request.credentialKey }), " for", " ", _jsx("span", { className: "font-semibold", children: request.appId })] }), _jsxs("div", { className: "mt-1 text-xs text-muted-foreground", children: ["Requested by ", request.requestedBy, request.reason && ` — "${request.reason}"`] }), _jsxs("div", { className: "mt-0.5 text-xs text-muted-foreground", children: [request.status === "pending"
+                                        ? "Pending"
+                                        : request.status === "approved"
+                                            ? `Approved by ${request.reviewedBy}`
+                                            : `Denied by ${request.reviewedBy}`, " ", "\u00B7 ", new Date(request.createdAt).toLocaleString()] })] }), request.status === "pending" && (_jsx(Badge, { variant: "outline", className: "whitespace-nowrap", children: "Pending" })), request.status === "approved" && (_jsx(Badge, { variant: "secondary", className: "whitespace-nowrap bg-green-500/10 text-green-700 dark:text-green-400", children: "Approved" })), request.status === "denied" && (_jsx(Badge, { variant: "secondary", className: "whitespace-nowrap bg-red-500/10 text-red-700 dark:text-red-400", children: "Denied" }))] }), request.status === "pending" && (_jsxs("div", { className: "mt-3 flex items-end gap-2 border-t pt-3", children: [_jsxs("div", { className: "flex-1 space-y-1", children: [_jsx(Label, { className: "text-xs", children: "Secret value to provision" }), _jsx(Input, { type: "password", placeholder: "Enter the secret value", value: secretValue, onChange: (e) => setSecretValue(e.target.value), className: "h-8 text-sm" })] }), _jsx(Button, { size: "sm", onClick: () => approve.mutate({ id: request.id, secretValue }), disabled: !secretValue || approve.isPending, children: "Approve" }), _jsx(Button, { size: "sm", variant: "outline", onClick: () => deny.mutate({ id: request.id }), disabled: deny.isPending, children: "Deny" })] }))] }));
+}
+export default function VaultRoute() {
+    const { data: secrets, isLoading: secretsLoading } = useActionQuery("list-vault-secrets", {});
+    const { data: grants } = useActionQuery("list-vault-grants", {});
+    const { data: requests } = useActionQuery("list-vault-requests", {});
+    const { data: audit } = useActionQuery("list-vault-audit", { limit: 20 });
+    const { data: accessSettings } = useActionQuery("get-vault-access-settings", {});
+    const accessMode = accessSettings?.mode === "manual" ? "manual" : "all-apps";
+    const grantsBySecret = (grants || []).reduce((acc, g) => {
+        if (!acc[g.secretId])
+            acc[g.secretId] = [];
+        acc[g.secretId].push(g);
+        return acc;
+    }, {});
+    const pendingRequests = (requests || []).filter((r) => r.status === "pending");
+    return (_jsx(DispatchShell, { title: "Vault", description: "Centralized secret management for your workspace. Store credentials once and sync them to apps.", children: _jsxs(Tabs, { defaultValue: "secrets", children: [_jsxs(TabsList, { children: [_jsxs(TabsTrigger, { value: "secrets", children: ["Secrets ", (secrets?.length || 0) > 0 && `(${secrets?.length})`] }), _jsxs(TabsTrigger, { value: "requests", children: ["Requests", " ", pendingRequests.length > 0 && (_jsx(Badge, { variant: "secondary", className: "ml-1.5 h-5 px-1.5 text-xs bg-amber-500/10 text-amber-700 dark:text-amber-400", children: pendingRequests.length }))] }), _jsx(TabsTrigger, { value: "audit", children: "Audit" })] }), _jsxs(TabsContent, { value: "secrets", className: "mt-4 space-y-3", children: [_jsx(VaultAccessSettingsCard, { mode: accessMode }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(IconKey, { size: 16 }), secretsLoading ? (_jsx(Skeleton, { className: "h-4 w-20" })) : (_jsx("span", { children: `${secrets?.length || 0} secret${(secrets?.length || 0) !== 1 ? "s" : ""}` }))] }), _jsx(AddSecretDialog, {})] }), secretsLoading && (secrets ?? []).length === 0
+                            ? Array.from({ length: 3 }).map((_, index) => (_jsxs("div", { className: "rounded-2xl border bg-card px-5 py-4 space-y-2", children: [_jsx(Skeleton, { className: "h-4 w-1/3" }), _jsx(Skeleton, { className: "h-3 w-2/3" })] }, index)))
+                            : (secrets || []).map((secret) => (_jsx(SecretRow, { secret: secret, grants: grantsBySecret[secret.id] || [], accessMode: accessMode }, secret.id))), !secretsLoading && (secrets?.length || 0) === 0 && (_jsxs("div", { className: "rounded-2xl border border-dashed px-6 py-12 text-center", children: [_jsx(IconKey, { size: 32, className: "mx-auto text-muted-foreground/50" }), _jsx("h3", { className: "mt-3 text-sm font-medium text-foreground", children: "No secrets yet" }), _jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: "Add your first secret to start sharing credentials across workspace apps." })] }))] }), _jsxs(TabsContent, { value: "requests", className: "mt-4 space-y-3", children: [(requests || []).map((request) => (_jsx(RequestRow, { request: request }, request.id))), (requests?.length || 0) === 0 && (_jsx("div", { className: "rounded-2xl border border-dashed px-6 py-12 text-center text-sm text-muted-foreground", children: "No secret requests yet." }))] }), _jsxs(TabsContent, { value: "audit", className: "mt-4 space-y-2", children: [(audit || []).map((event) => (_jsxs("div", { className: "rounded-xl border bg-muted/30 px-4 py-3", children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: event.summary }), _jsxs("div", { className: "mt-1 text-xs text-muted-foreground", children: [event.actor, " \u00B7 ", new Date(event.createdAt).toLocaleString()] })] }, event.id))), (audit?.length || 0) === 0 && (_jsx("div", { className: "rounded-2xl border border-dashed px-6 py-12 text-center text-sm text-muted-foreground", children: "No vault activity yet." }))] })] }) }));
+}
+//# sourceMappingURL=vault.js.map