@agent-native/core 0.7.11 → 0.7.13

package/dist/client/observability/ThumbsFeedback.d.ts

@@ -0,0 +1,8 @@
+export interface ThumbsFeedbackProps {
+    threadId: string;
+    runId: string;
+    messageSeq: number;
+    className?: string;
+}
+export declare function ThumbsFeedback({ threadId, runId, messageSeq, className, }: ThumbsFeedbackProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ThumbsFeedback.d.ts.map

package/dist/client/observability/ThumbsFeedback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbsFeedback.d.ts","sourceRoot":"","sources":["../../../src/client/observability/ThumbsFeedback.tsx"],"names":[],"mappings":"AAcA,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,KAAK,EACL,UAAU,EACV,SAAS,GACV,EAAE,mBAAmB,2CAiIrB"}

package/dist/client/observability/ThumbsFeedback.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { IconThumbUp, IconThumbDown } from "@tabler/icons-react";
+import { cn } from "../utils.js";
+const THUMBS_DOWN_CATEGORIES = [
+    "Inaccurate",
+    "Not helpful",
+    "Wrong tool",
+    "Too slow",
+];
+export function ThumbsFeedback({ threadId, runId, messageSeq, className, }) {
+    const [selection, setSelection] = useState(null);
+    const [categoryOpen, setCategoryOpen] = useState(false);
+    const [submittedCategory, setSubmittedCategory] = useState(null);
+    const sendFeedback = useCallback(async (feedbackType, value) => {
+        try {
+            await fetch("/_agent-native/observability/feedback", {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({
+                    threadId,
+                    runId,
+                    messageSeq,
+                    feedbackType,
+                    value: value ?? "",
+                }),
+            });
+        }
+        catch {
+            // Fire-and-forget; don't block the UI on feedback submission failures
+        }
+    }, [threadId, runId, messageSeq]);
+    const handleThumbsUp = useCallback(() => {
+        if (selection === "up")
+            return;
+        setSelection("up");
+        setCategoryOpen(false);
+        setSubmittedCategory(null);
+        sendFeedback("thumbs_up");
+    }, [selection, sendFeedback]);
+    const handleThumbsDown = useCallback(() => {
+        if (selection === "down") {
+            setCategoryOpen((prev) => !prev);
+            return;
+        }
+        setSelection("down");
+        setCategoryOpen(true);
+        sendFeedback("thumbs_down");
+    }, [selection, sendFeedback]);
+    const handleCategory = useCallback((category) => {
+        setSubmittedCategory(category);
+        setCategoryOpen(false);
+        sendFeedback("category", category);
+    }, [sendFeedback]);
+    return (_jsxs("div", { className: cn("inline-flex items-center gap-0.5", className), children: [_jsx("button", { type: "button", "aria-label": "Thumbs up", onClick: handleThumbsUp, className: cn("flex h-6 w-6 items-center justify-center rounded", selection === "up"
+                    ? "text-foreground"
+                    : "text-muted-foreground/70 hover:text-muted-foreground hover:bg-accent/50"), children: _jsx(IconThumbUp, { size: 16, stroke: selection === "up" ? 2.5 : 1.5, fill: selection === "up" ? "currentColor" : "none" }) }), _jsxs(PopoverPrimitive.Root, { open: categoryOpen, onOpenChange: setCategoryOpen, children: [_jsx(PopoverPrimitive.Trigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": "Thumbs down", onClick: handleThumbsDown, className: cn("flex h-6 w-6 items-center justify-center rounded", selection === "down"
+                                ? "text-foreground"
+                                : "text-muted-foreground/70 hover:text-muted-foreground hover:bg-accent/50"), children: _jsx(IconThumbDown, { size: 16, stroke: selection === "down" ? 2.5 : 1.5, fill: selection === "down" ? "currentColor" : "none" }) }) }), _jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { side: "bottom", align: "start", sideOffset: 4, collisionPadding: 8, className: "z-[300] overflow-hidden rounded-lg border border-border bg-popover p-1 shadow-lg outline-none", children: _jsx("div", { className: "flex flex-col gap-0.5", children: THUMBS_DOWN_CATEGORIES.map((category) => (_jsx("button", { type: "button", onClick: () => handleCategory(category), className: cn("rounded-md px-3 py-1.5 text-left text-xs", submittedCategory === category
+                                        ? "bg-accent text-foreground font-medium"
+                                        : "text-muted-foreground hover:bg-accent/50 hover:text-foreground"), children: category }, category))) }) }) })] })] }));
+}
+//# sourceMappingURL=ThumbsFeedback.js.map

package/dist/client/observability/ThumbsFeedback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbsFeedback.js","sourceRoot":"","sources":["../../../src/client/observability/ThumbsFeedback.tsx"],"names":[],"mappings":"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"}

package/dist/client/observability/index.d.ts

@@ -0,0 +1,4 @@
+export { ObservabilityDashboard, type ObservabilityDashboardProps, } from "./ObservabilityDashboard.js";
+export { ThumbsFeedback } from "./ThumbsFeedback.js";
+export { useObservabilityOverview, useTraces, useTraceDetail, useFeedbackList, useFeedbackStats, useSubmitFeedback, useSatisfaction, useEvalStats, useExperiments, useExperimentDetail, useExperimentResults, } from "./useObservability.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/client/observability/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/observability/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,KAAK,2BAA2B,GACjC,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,OAAO,EACL,wBAAwB,EACxB,SAAS,EACT,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,YAAY,EACZ,cAAc,EACd,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,uBAAuB,CAAC"}

package/dist/client/observability/index.js

@@ -0,0 +1,4 @@
+export { ObservabilityDashboard, } from "./ObservabilityDashboard.js";
+export { ThumbsFeedback } from "./ThumbsFeedback.js";
+export { useObservabilityOverview, useTraces, useTraceDetail, useFeedbackList, useFeedbackStats, useSubmitFeedback, useSatisfaction, useEvalStats, useExperiments, useExperimentDetail, useExperimentResults, } from "./useObservability.js";
+//# sourceMappingURL=index.js.map

package/dist/client/observability/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/client/observability/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,GAEvB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,OAAO,EACL,wBAAwB,EACxB,SAAS,EACT,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,YAAY,EACZ,cAAc,EACd,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,uBAAuB,CAAC"}

package/dist/client/observability/useObservability.d.ts

@@ -0,0 +1,128 @@
+export interface ObservabilityOverview {
+    totalRuns: number;
+    totalCostCents: number;
+    avgDurationMs: number;
+    toolSuccessRate: number;
+    avgFrustrationScore: number;
+    thumbsUpRate: number;
+    avgEvalScore: number;
+}
+export declare function useObservabilityOverview(sinceDays?: number): import("@tanstack/react-query").UseQueryResult<ObservabilityOverview, Error>;
+export interface TraceSummary {
+    runId: string;
+    threadId: string | null;
+    totalSpans: number;
+    llmCalls: number;
+    toolCalls: number;
+    successfulTools: number;
+    failedTools: number;
+    totalDurationMs: number;
+    totalCostCentsX100: number;
+    totalInputTokens: number;
+    totalOutputTokens: number;
+    model: string;
+    createdAt: number;
+}
+export declare function useTraces(sinceDays?: number, limit?: number): import("@tanstack/react-query").UseQueryResult<TraceSummary[], Error>;
+export interface TraceSpan {
+    id: string;
+    runId: string;
+    threadId: string | null;
+    parentSpanId: string | null;
+    spanType: "llm_call" | "tool_call" | "agent_run";
+    name: string;
+    inputTokens: number;
+    outputTokens: number;
+    cacheReadTokens: number;
+    cacheWriteTokens: number;
+    costCentsX100: number;
+    durationMs: number;
+    status: "success" | "error";
+    errorMessage: string | null;
+    metadata: Record<string, unknown> | null;
+    createdAt: number;
+}
+export interface TraceDetail {
+    summary: TraceSummary;
+    spans: TraceSpan[];
+}
+export declare function useTraceDetail(runId: string | null): import("@tanstack/react-query").UseQueryResult<TraceDetail, Error>;
+export interface FeedbackEntry {
+    id: string;
+    runId: string | null;
+    threadId: string | null;
+    messageSeq: number | null;
+    feedbackType: "thumbs_up" | "thumbs_down" | "category" | "text";
+    value: string;
+    userId: string | null;
+    createdAt: number;
+}
+export declare function useFeedbackList(sinceDays?: number, limit?: number): import("@tanstack/react-query").UseQueryResult<FeedbackEntry[], Error>;
+export interface FeedbackStats {
+    total: number;
+    thumbsUp: number;
+    thumbsDown: number;
+    categories: Record<string, number>;
+}
+export declare function useFeedbackStats(sinceDays?: number): import("@tanstack/react-query").UseQueryResult<FeedbackStats, Error>;
+export declare function useSubmitFeedback(): import("@tanstack/react-query").UseMutationResult<{
+    id: string;
+}, Error, {
+    threadId?: string;
+    runId?: string;
+    messageSeq?: number;
+    feedbackType: string;
+    value?: string;
+    userId?: string;
+}, unknown>;
+export interface SatisfactionScore {
+    id: string;
+    threadId: string;
+    frustrationScore: number;
+    rephrasingScore: number;
+    abandonmentScore: number;
+    sentimentScore: number;
+    lengthTrendScore: number;
+    computedAt: number;
+}
+export declare function useSatisfaction(sinceDays?: number): import("@tanstack/react-query").UseQueryResult<SatisfactionScore[], Error>;
+export interface EvalStats {
+    totalEvals: number;
+    avgScore: number;
+    byCriteria: Array<{
+        criteria: string;
+        avgScore: number;
+        count: number;
+    }>;
+}
+export declare function useEvalStats(sinceDays?: number): import("@tanstack/react-query").UseQueryResult<EvalStats, Error>;
+export interface Experiment {
+    id: string;
+    name: string;
+    status: "draft" | "running" | "paused" | "completed";
+    variants: Array<{
+        id: string;
+        weight: number;
+        config: Record<string, unknown>;
+    }>;
+    metrics: string[];
+    assignmentLevel: "user" | "session";
+    startedAt: number | null;
+    endedAt: number | null;
+    createdAt: number;
+}
+export declare function useExperiments(): import("@tanstack/react-query").UseQueryResult<Experiment[], Error>;
+export declare function useExperimentDetail(id: string | null): import("@tanstack/react-query").UseQueryResult<Experiment, Error>;
+export interface ExperimentMetricResult {
+    id: string;
+    experimentId: string;
+    variantId: string;
+    metric: string;
+    value: number;
+    sampleSize: number;
+    confidenceLow: number;
+    confidenceHigh: number;
+    computedAt: number;
+}
+export declare function useExperimentResults(id: string | null): import("@tanstack/react-query").UseQueryResult<ExperimentMetricResult[], Error>;
+//# sourceMappingURL=useObservability.d.ts.map

package/dist/client/observability/useObservability.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useObservability.d.ts","sourceRoot":"","sources":["../../../src/client/observability/useObservability.ts"],"names":[],"mappings":"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"}

package/dist/client/observability/useObservability.js

@@ -0,0 +1,109 @@
+import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
+const BASE = "/_agent-native/observability";
+function fetchJson(url) {
+    return fetch(url).then((r) => {
+        if (!r.ok)
+            throw new Error(`HTTP ${r.status}`);
+        return r.json();
+    });
+}
+export function useObservabilityOverview(sinceDays = 7) {
+    const sinceMs = Date.now() - sinceDays * 86_400_000;
+    return useQuery({
+        queryKey: ["observability", "overview", sinceDays],
+        queryFn: () => fetchJson(`${BASE}?since=${sinceMs}`),
+        refetchInterval: 30_000,
+    });
+}
+export function useTraces(sinceDays = 7, limit = 100) {
+    const sinceMs = Date.now() - sinceDays * 86_400_000;
+    return useQuery({
+        queryKey: ["observability", "traces", sinceDays, limit],
+        queryFn: () => fetchJson(`${BASE}/traces?since=${sinceMs}&limit=${limit}`),
+        refetchInterval: 30_000,
+    });
+}
+export function useTraceDetail(runId) {
+    return useQuery({
+        queryKey: ["observability", "trace", runId],
+        queryFn: () => fetchJson(`${BASE}/traces/${encodeURIComponent(runId)}`),
+        enabled: !!runId,
+    });
+}
+export function useFeedbackList(sinceDays = 7, limit = 100) {
+    const sinceMs = Date.now() - sinceDays * 86_400_000;
+    return useQuery({
+        queryKey: ["observability", "feedback", sinceDays, limit],
+        queryFn: () => fetchJson(`${BASE}/feedback?since=${sinceMs}&limit=${limit}`),
+        refetchInterval: 30_000,
+    });
+}
+export function useFeedbackStats(sinceDays = 7) {
+    const sinceMs = Date.now() - sinceDays * 86_400_000;
+    return useQuery({
+        queryKey: ["observability", "feedback-stats", sinceDays],
+        queryFn: () => fetchJson(`${BASE}/feedback/stats?since=${sinceMs}`),
+        refetchInterval: 30_000,
+    });
+}
+export function useSubmitFeedback() {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: async (payload) => {
+            const res = await fetch(`${BASE}/feedback`, {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify(payload),
+            });
+            if (!res.ok)
+                throw new Error(`HTTP ${res.status}`);
+            return res.json();
+        },
+        onSuccess: () => {
+            queryClient.invalidateQueries({
+                queryKey: ["observability", "feedback"],
+            });
+            queryClient.invalidateQueries({
+                queryKey: ["observability", "feedback-stats"],
+            });
+        },
+    });
+}
+export function useSatisfaction(sinceDays = 7) {
+    const sinceMs = Date.now() - sinceDays * 86_400_000;
+    return useQuery({
+        queryKey: ["observability", "satisfaction", sinceDays],
+        queryFn: () => fetchJson(`${BASE}/satisfaction?since=${sinceMs}`),
+        refetchInterval: 30_000,
+    });
+}
+export function useEvalStats(sinceDays = 7) {
+    const sinceMs = Date.now() - sinceDays * 86_400_000;
+    return useQuery({
+        queryKey: ["observability", "eval-stats", sinceDays],
+        queryFn: () => fetchJson(`${BASE}/evals/stats?since=${sinceMs}`),
+        refetchInterval: 30_000,
+    });
+}
+export function useExperiments() {
+    return useQuery({
+        queryKey: ["observability", "experiments"],
+        queryFn: () => fetchJson(`${BASE}/experiments`),
+        refetchInterval: 30_000,
+    });
+}
+export function useExperimentDetail(id) {
+    return useQuery({
+        queryKey: ["observability", "experiment", id],
+        queryFn: () => fetchJson(`${BASE}/experiments/${encodeURIComponent(id)}`),
+        enabled: !!id,
+    });
+}
+export function useExperimentResults(id) {
+    return useQuery({
+        queryKey: ["observability", "experiment-results", id],
+        queryFn: () => fetchJson(`${BASE}/experiments/${encodeURIComponent(id)}/results`),
+        enabled: !!id,
+    });
+}
+//# sourceMappingURL=useObservability.js.map

package/dist/client/observability/useObservability.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useObservability.js","sourceRoot":"","sources":["../../../src/client/observability/useObservability.ts"],"names":[],"mappings":"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"}

package/dist/client/onboarding/OnboardingPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OnboardingPanel.d.ts","sourceRoot":"","sources":["../../../src/client/onboarding/OnboardingPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAqBH,UAAU,oBAAoB;IAC5B,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,KAAe,GAChB,EAAE,oBAAoB,2CA6GtB"}
+{"version":3,"file":"OnboardingPanel.d.ts","sourceRoot":"","sources":["../../../src/client/onboarding/OnboardingPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAsBH,UAAU,oBAAoB;IAC5B,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,KAAe,GAChB,EAAE,oBAAoB,2CA6GtB"}

package/dist/client/onboarding/OnboardingPanel.js

@@ -6,15 +6,17 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * remaining steps sit dimmed below. Each method renders differently based on
  * its `kind` (link / form / builder-cli-auth / agent-task).
  */
-import { useState, useEffect, useCallback, useRef } from "react";
+import { useState, useEffect } from "react";
 import { IconCheck, IconChecklist, IconChevronDown, IconChevronRight, IconChevronUp, IconExternalLink, IconLoader2, } from "@tabler/icons-react";
 import { useOnboarding } from "./use-onboarding.js";
 import { sendToAgentChat } from "../agent-chat.js";
 import { useDevMode } from "../use-dev-mode.js";
-import { getCallbackOrigin } from "../frame.js";
+import { useBuilderConnectFlow } from "../settings/useBuilderStatus.js";
+import { useBuilderEnabled } from "../use-builder-enabled.js";
 export function OnboardingPanel({ className, title = "Setup", }) {
     const onboarding = useOnboarding();
     const { isDevMode } = useDevMode();
+    const builderEnabled = useBuilderEnabled();
     const { steps: rawSteps, currentStepId: rawCurrentStepId, dismissed, loading, refresh, complete, dismiss, } = onboarding;
     // `database` and `auth` steps only apply to local dev (SQLite default,
     // local-mode auth bypass). In production those are configured via env
@@ -33,7 +35,6 @@ export function OnboardingPanel({ className, title = "Setup", }) {
             null);
     // Default expanded when setup is incomplete; collapsed once everything's done.
     const [expanded, setExpanded] = useState(!allComplete);
-    const builderEnabled = useBuilderEnabled();
     if (loading || totalCount === 0)
         return null;
     if (dismissed)
@@ -47,20 +48,6 @@ export function OnboardingPanel({ className, title = "Setup", }) {
     }
     return (_jsxs("div", { className: className, style: styles.root, children: [_jsxs("div", { style: styles.header, children: [_jsxs("div", { style: styles.headerLeft, children: [allComplete ? (_jsx("span", { style: styles.checkDone, children: _jsx(IconCheck, { size: 12, strokeWidth: 3 }) })) : (_jsx(IconChecklist, { size: 14, style: styles.headerIcon, "aria-hidden": true })), _jsx("span", { style: styles.headerTitle, children: title }), _jsxs("span", { style: styles.headerCounter, children: [completeCount, " of ", totalCount] })] }), _jsx("button", { type: "button", onClick: () => setExpanded(false), title: "Collapse", "aria-label": "Collapse onboarding", style: styles.dismissBtn, children: _jsx(IconChevronUp, { size: 14 }) })] }), _jsx("div", { style: styles.list, children: steps.map((step) => (_jsx(StepCard, { step: step, expanded: step.id === currentStepId, builderEnabled: builderEnabled, onMarkComplete: () => complete(step.id), onRefresh: refresh }, step.id))) }), _jsx("div", { style: styles.footer, children: _jsx("button", { type: "button", onClick: dismiss, style: styles.hideLink, children: "Hide setup" }) })] }));
 }
-function useBuilderEnabled() {
-    const [enabled, setEnabled] = useState(false);
-    useEffect(() => {
-        fetch("/_agent-native/env-status")
-            .then((r) => (r.ok ? r.json() : []))
-            .then((keys) => {
-            if (keys.find((k) => k.key === "ENABLE_BUILDER")?.configured) {
-                setEnabled(true);
-            }
-        })
-            .catch(() => { });
-    }, []);
-    return enabled;
-}
 // ─── StepCard ──────────────────────────────────────────────────────────────
 function StepCard({ step, expanded: expandedProp, builderEnabled, onMarkComplete, onRefresh, }) {
     const [expanded, setExpanded] = useState(expandedProp);
@@ -80,26 +67,35 @@ function StepCard({ step, expanded: expandedProp, builderEnabled, onMarkComplete
 }
 // ─── MethodBlock ───────────────────────────────────────────────────────────
 function MethodBlock({ method, stepId, builderEnabled, onCompleted, onMarkManualComplete, }) {
-    const isBuilder = method.kind === "builder-cli-auth";
-    const waitlist = isBuilder && !builderEnabled;
-    return (_jsxs("div", { style: method.primary ? styles.methodPrimary : styles.method, children: [_jsx("div", { style: styles.methodHeader, children: _jsxs("span", { style: styles.methodLabel, children: [method.label, !waitlist && method.badge && (_jsx("span", { style: badgeStyle(method.badge), children: method.badge }))] }) }), method.description && (_jsx("p", { style: styles.methodDesc, children: method.description })), _jsx(MethodBody, { method: method, stepId: stepId, waitlist: waitlist, onCompleted: onCompleted, onMarkManualComplete: onMarkManualComplete })] }));
+    // Waitlist branch only applies to builder-cli-auth methods that opted in
+    // by specifying a `waitlistUrl` in their payload — e.g. the framework's
+    // "Connect an AI engine" step when Builder is still closed beta. GA
+    // methods omit waitlistUrl and always render the real Connect flow.
+    const waitlistUrl = method.kind === "builder-cli-auth" ? method.payload.waitlistUrl : undefined;
+    const gated = method.kind === "builder-cli-auth" && !!waitlistUrl;
+    // While env-status is loading for a gated method, render nothing rather
+    // than flashing the waitlist CTA on Builder-enabled deployments.
+    if (gated && builderEnabled === null)
+        return null;
+    const waitlist = gated && !builderEnabled;
+    return (_jsxs("div", { style: method.primary ? styles.methodPrimary : styles.method, children: [_jsx("div", { style: styles.methodHeader, children: _jsxs("span", { style: styles.methodLabel, children: [method.label, method.badge && (_jsx("span", { style: badgeStyle(method.badge), children: method.badge }))] }) }), method.description && (_jsx("p", { style: styles.methodDesc, children: method.description })), _jsx(MethodBody, { method: method, stepId: stepId, waitlist: waitlist, waitlistUrl: waitlistUrl, onCompleted: onCompleted, onMarkManualComplete: onMarkManualComplete })] }));
 }
-function MethodBody({ method, stepId, waitlist, onCompleted, onMarkManualComplete, }) {
+function MethodBody({ method, stepId, waitlist, waitlistUrl, onCompleted, onMarkManualComplete, }) {
     switch (method.kind) {
         case "link":
             return (_jsx(LinkMethod, { method: method, onMarkComplete: onMarkManualComplete }));
         case "form":
             return _jsx(FormMethod, { method: method, onCompleted: onCompleted });
         case "builder-cli-auth":
-            if (waitlist)
-                return _jsx(WaitlistMethod, { primary: method.primary });
-            return _jsx(BuilderCliAuthMethod, { onCompleted: onCompleted });
+            if (waitlist && waitlistUrl)
+                return _jsx(WaitlistMethod, { url: waitlistUrl });
+            return (_jsx(BuilderCliAuthMethod, { onCompleted: onCompleted, primary: method.primary }));
         case "agent-task":
             return _jsx(AgentTaskMethod, { method: method, stepId: stepId });
     }
 }
-function WaitlistMethod({ primary: _primary }) {
-    return (_jsxs("a", { href: "https://forms.agent-native.com/f/builder-waitlist/36GWqf", target: "_blank", rel: "noopener noreferrer", style: {
+function WaitlistMethod({ url }) {
+    return (_jsxs("a", { href: url, target: "_blank", rel: "noopener noreferrer", style: {
             ...buttonPrimary(false),
             textDecoration: "none",
         }, children: ["Join waitlist", _jsx(IconExternalLink, { size: 12, style: { marginLeft: 4 } })] }));
@@ -154,72 +150,11 @@ function FormMethod({ method, onCompleted, }) {
     return (_jsxs("form", { onSubmit: handleSubmit, style: styles.form, children: [fields.map((f) => (_jsxs("label", { style: styles.formLabel, children: [_jsx("span", { style: styles.formLabelText, children: f.label }), _jsx("input", { type: f.secret ? "password" : "text", value: values[f.key] ?? "", placeholder: f.placeholder, onChange: (e) => setValues((v) => ({ ...v, [f.key]: e.target.value })), style: styles.input, autoComplete: "off", spellCheck: false })] }, f.key))), err && _jsx("p", { style: styles.errText, children: err }), _jsx("button", { type: "submit", disabled: saving, style: { ...buttonPrimary(method.primary), opacity: saving ? 0.6 : 1 }, children: saving ? "Saving..." : "Save" })] }));
 }
 // ─── builder-cli-auth ──────────────────────────────────────────────────────
-function BuilderCliAuthMethod({ onCompleted, }) {
-    const [connecting, setConnecting] = useState(false);
-    const [err, setErr] = useState(null);
-    const pollRef = useRef(null);
-    const mountedRef = useRef(true);
-    useEffect(() => {
-        mountedRef.current = true;
-        return () => {
-            mountedRef.current = false;
-            if (pollRef.current) {
-                clearInterval(pollRef.current);
-                pollRef.current = null;
-            }
-        };
-    }, []);
-    const handleConnect = useCallback(() => {
-        // Restart: clear any lingering poll from a prior click.
-        if (pollRef.current) {
-            clearInterval(pollRef.current);
-            pollRef.current = null;
-        }
-        setConnecting(true);
-        setErr(null);
-        // Open SYNCHRONOUSLY inside the click handler — any await before
-        // window.open lets the user gesture expire and popup blockers
-        // downgrade to same-tab navigation. The /builder/connect endpoint
-        // 302-redirects to the real CLI-auth URL so the new tab always
-        // ends up where it should, with no client-side prefetch needed.
-        const origin = getCallbackOrigin() || window.location.origin;
-        window.open(`${origin}/_agent-native/builder/connect`, "_blank", "noopener,noreferrer");
-        // Poll builder status until credentials appear (user finished the flow).
-        const start = Date.now();
-        const timeoutMs = 5 * 60 * 1000;
-        const stop = () => {
-            if (pollRef.current) {
-                clearInterval(pollRef.current);
-                pollRef.current = null;
-            }
-        };
-        pollRef.current = setInterval(async () => {
-            try {
-                const r = await fetch(`${origin}/_agent-native/builder/status`);
-                if (!r.ok)
-                    return;
-                const s = (await r.json());
-                if (!mountedRef.current) {
-                    stop();
-                    return;
-                }
-                if (s.configured) {
-                    stop();
-                    setConnecting(false);
-                    await onCompleted();
-                }
-                else if (Date.now() - start > timeoutMs) {
-                    stop();
-                    setConnecting(false);
-                    setErr("Didn't hear back from Builder in 5 minutes. Check the popup, allow popups if blocked, and try again.");
-                }
-            }
-            catch {
-                // ignore transient poll errors
-            }
-        }, 2000);
-    }, [onCompleted]);
-    return (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: handleConnect, disabled: connecting, style: { ...buttonPrimary(false), opacity: connecting ? 0.7 : 1 }, children: connecting ? (_jsxs(_Fragment, { children: [_jsx(IconLoader2, { size: 12, style: { marginRight: 4 }, className: "animate-spin" }), "Waiting for Builder..."] })) : ("Connect Builder") }), err && _jsx("p", { style: styles.errText, children: err })] }));
+function BuilderCliAuthMethod({ onCompleted, primary, }) {
+    const { connecting, error, start } = useBuilderConnectFlow({
+        onConnected: onCompleted,
+    });
+    return (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: start, disabled: connecting, style: { ...buttonPrimary(primary), opacity: connecting ? 0.7 : 1 }, children: connecting ? (_jsxs(_Fragment, { children: [_jsx(IconLoader2, { size: 12, style: { marginRight: 4 }, className: "animate-spin" }), "Waiting for Builder..."] })) : ("Connect Builder") }), error && _jsx("p", { style: styles.errText, children: error })] }));
 }
 // ─── agent-task ────────────────────────────────────────────────────────────
 function AgentTaskMethod({ method, stepId: _stepId, }) {
@@ -269,6 +204,10 @@ const styles = {
         borderBottom: "1px solid rgba(255,255,255,0.06)",
         background: "rgba(255,255,255,0.02)",
         fontSize: 12,
+        display: "flex",
+        flexDirection: "column",
+        maxHeight: "60vh",
+        minHeight: 0,
     },
     compactBanner: {
         display: "flex",
@@ -322,6 +261,9 @@ const styles = {
         flexDirection: "column",
         gap: 4,
         padding: "4px 8px 10px",
+        overflowY: "auto",
+        minHeight: 0,
+        flex: "1 1 auto",
     },
     card: {
         border: "1px solid hsl(var(--border, 0 0% 100%) / 0.06)",