@agent-native/core 0.137.7 → 0.138.0

package/dist/client/onboarding/FirstRunOnboarding.js

@@ -9,6 +9,7 @@ import { McpIntegrationDialog } from "../resources/McpIntegrationDialog.js";
 import { formatMcpServerError, useCreateMcpServer, useMcpServers, } from "../resources/use-mcp-servers.js";
 import { useBuilderConnectFlow } from "../settings/useBuilderStatus.js";
 import { cn } from "../utils.js";
+import { shouldSkipFirstRunIntegrations } from "./first-run-enabled.js";
 import { useOnboarding } from "./use-onboarding.js";
 import { useOnboardingPreviewMode } from "./use-preview-mode.js";
 const BUILDER_MORE_SERVICES = [
@@ -21,7 +22,7 @@ const BUILDER_MORE_SERVICES = [
     "Browser automation",
     "Embeddings",
 ];
-export function FirstRunOnboarding() {
+export function FirstRunOnboarding({ skipIntegrations = shouldSkipFirstRunIntegrations(), } = {}) {
     const previewMode = useOnboardingPreviewMode();
     const { firstRun, loading, error, profile, completeFirstRun } = useOnboarding({ preview: previewMode });
     const [screen, setScreen] = useState("intro");
@@ -48,7 +49,7 @@ export function FirstRunOnboarding() {
     const canCreateOrgMcp = Boolean(hasOrg &&
         (mcpServersQuery.data?.role === "owner" ||
             mcpServersQuery.data?.role === "admin"));
-    const showTools = () => setScreen("tools");
+    const showTools = () => setScreen(skipIntegrations ? "ready" : "tools");
     const connectFlow = useBuilderConnectFlow({
         enabled: firstRun && !previewMode,
         trackingSource: "first_run_onboarding",
@@ -66,7 +67,7 @@ export function FirstRunOnboarding() {
     const builderCapabilities = profile.capabilities.filter((capability) => capability.builderIncluded);
     const handleBuilder = () => {
         if (previewMode) {
-            setScreen("tools");
+            showTools();
             return;
         }
         if (connectFlow.hasFetchedStatus && connectFlow.configured) {
@@ -145,10 +146,10 @@ export function FirstRunOnboarding() {
                                         return;
                                     event.preventDefault();
                                     setScreen("manual");
-                                }, children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-sm font-semibold", children: "Use my own keys" }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "See what this app needs" })] }), _jsx(IconKey, { className: "text-muted-foreground", size: 17 })] }), _jsx(CapabilityList, { capabilities: profile.capabilities, compact: true, className: "mt-5 border-t border-border pt-3" })] })] })] }) }));
+                                }, children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-sm font-semibold", children: "Use my own keys" }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "See what this app needs" })] }), _jsx(IconKey, { className: "text-muted-foreground", size: 17 })] }), _jsx(CapabilityList, { capabilities: profile.capabilities, compact: true, className: "mt-5 border-t border-border pt-3" })] })] }), import.meta.env.DEV ? (_jsxs("p", { "data-testid": "first-run-local-provider-note", className: "mx-auto max-w-2xl text-center text-[11px] leading-5 text-muted-foreground", children: ["Or set", " ", _jsx("code", { className: "rounded bg-muted px-1", children: "ANTHROPIC_API_KEY" }), " ", "or ", _jsx("code", { className: "rounded bg-muted px-1", children: "OPENAI_API_KEY" }), " ", "in ", _jsx("code", { className: "rounded bg-muted px-1", children: ".env" }), " to make that provider available to everyone using this app.", " ", _jsxs("a", { href: "https://agent-native.com/docs/environment-variables", target: "_blank", rel: "noreferrer", className: "inline-flex items-center gap-1 text-foreground underline decoration-border underline-offset-2 hover:decoration-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: ["Read the setup guide", _jsx(IconExternalLink, { size: 12 })] })] })) : null] }) }));
     }
     if (screen === "manual") {
-        return (_jsx(OnboardingShell, { profile: profile, screen: "choice", children: _jsxs("div", { className: "mx-auto flex w-full max-w-xl flex-col gap-4", children: [_jsxs("div", { children: [_jsx("button", { type: "button", className: "mb-4 text-xs text-muted-foreground hover:text-foreground", onClick: () => setScreen("choice"), children: "Back" }), _jsx("h1", { className: "text-xl font-semibold tracking-[-0.04em] sm:text-2xl", children: "Your keys" })] }), _jsxs("div", { className: "rounded-xl border border-border bg-card p-4", children: [_jsx(CapabilityList, { capabilities: profile.capabilities }), _jsxs("div", { className: "mt-5 flex flex-col-reverse gap-2 border-t border-border pt-4 sm:flex-row sm:justify-between", children: [_jsx("button", { type: "button", className: secondaryButtonClass, onClick: () => setScreen("choice"), children: "Back" }), _jsxs("button", { type: "button", className: primaryButtonClass, onClick: handleOpenSettings, children: ["Open key settings", _jsx(IconArrowRight, { size: 15 })] }), _jsx("button", { type: "button", className: secondaryButtonClass, onClick: () => setScreen("tools"), children: "Continue to tools" })] })] })] }) }));
+        return (_jsx(OnboardingShell, { profile: profile, screen: "choice", children: _jsxs("div", { className: "mx-auto flex w-full max-w-xl flex-col gap-4", children: [_jsxs("div", { children: [_jsx("button", { type: "button", className: "mb-4 text-xs text-muted-foreground hover:text-foreground", onClick: () => setScreen("choice"), children: "Back" }), _jsx("h1", { className: "text-xl font-semibold tracking-[-0.04em] sm:text-2xl", children: "Your keys" })] }), _jsxs("div", { className: "rounded-xl border border-border bg-card p-4", children: [_jsx(CapabilityList, { capabilities: profile.capabilities }), _jsxs("div", { className: "mt-5 flex flex-col-reverse gap-2 border-t border-border pt-4 sm:flex-row sm:justify-between", children: [_jsx("button", { type: "button", className: secondaryButtonClass, onClick: () => setScreen("choice"), children: "Back" }), _jsxs("button", { type: "button", className: primaryButtonClass, onClick: handleOpenSettings, children: ["Open key settings", _jsx(IconArrowRight, { size: 15 })] }), _jsx("button", { type: "button", className: secondaryButtonClass, onClick: () => setScreen(skipIntegrations ? "ready" : "tools"), children: skipIntegrations ? "Continue" : "Continue to tools" })] })] })] }) }));
     }
     if (screen === "tools") {
         return (_jsxs(OnboardingShell, { profile: profile, screen: "tools", footer: _jsxs("div", { "data-testid": "onboarding-tools-footer", className: "mx-auto flex w-full max-w-3xl flex-wrap items-center justify-end gap-2", children: [_jsx("button", { type: "button", className: secondaryButtonClass, onClick: handleFinish, children: "Skip for now" }), _jsxs("button", { type: "button", className: primaryButtonClass, onClick: handleFinish, children: ["Continue", _jsx(IconArrowRight, { size: 15 })] })] }), children: [_jsxs("div", { className: "mx-auto flex w-full max-w-4xl flex-col gap-5", children: [_jsxs("div", { className: "text-center", children: [_jsx("div", { className: "mx-auto flex size-11 items-center justify-center rounded-2xl bg-primary/10 text-primary", children: _jsx(IconPlugConnected, { size: 22 }) }), _jsx("h1", { className: "mt-5 text-2xl font-semibold tracking-[-0.05em] sm:text-3xl", children: "This app is an agent." }), _jsx("p", { className: "mt-3 text-sm leading-6 text-muted-foreground", children: "Search the catalog and connect what you need. The onboarding stays open while you add integrations." })] }), _jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-col gap-3 border-b border-border pb-4", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("p", { className: "text-sm font-medium text-foreground", children: "Agent integrations" }), _jsxs("span", { className: "text-xs text-muted-foreground", children: [mcpIntegrations.length, " of ", mcpCatalog.length] })] }), _jsxs("label", { className: "relative", children: [_jsx(IconSearch, { className: "pointer-events-none absolute start-3 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }), _jsx("input", { value: integrationQuery, onChange: (event) => setIntegrationQuery(event.target.value), className: "h-9 w-full rounded-md border border-border bg-background pe-3 ps-8 text-[13px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-ring", placeholder: "Search integrations", "aria-label": "Search integrations" })] }), connectError && (_jsx("p", { className: "text-xs leading-5 text-destructive", children: connectError }))] }), _jsx("div", { children: mcpIntegrations.length > 0 ? (_jsx("div", { className: "grid gap-x-8 sm:grid-cols-2", children: mcpIntegrations.map((integration) => (_jsx(McpIntegrationCard, { integration: integration, connected: connectedUrls.has(compareUrl(integration.url)), busy: connectingIntegrationId === integration.id, onConnect: connectIntegration }, integration.id))) })) : (_jsx("div", { className: "border-y border-dashed border-border px-4 py-8 text-center text-xs text-muted-foreground", children: "No integrations match." })) })] })] }), integrationDialogId && (_jsx(McpIntegrationDialog, { open: true, onOpenChange: (open) => {
@@ -159,14 +160,29 @@ export function FirstRunOnboarding() {
     if (screen === "connecting") {
         return (_jsx(OnboardingShell, { profile: profile, screen: "choice", children: _jsxs("div", { className: "mx-auto flex w-full max-w-md flex-col items-center text-center", children: [_jsx("div", { className: "flex size-10 items-center justify-center rounded-full bg-primary/10 text-primary", children: _jsx(IconLoader2, { className: "animate-spin", size: 19 }) }), _jsx("h1", { className: "mt-5 text-xl font-semibold tracking-[-0.04em]", children: "Connecting Builder.io free credits" }), _jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: "Finish the one-click connection in the new window." }), _jsxs("div", { className: "mt-7 w-full rounded-xl border border-border bg-card p-4 text-left", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx(Skeleton, { className: "h-3 w-28" }), _jsx(Skeleton, { className: "h-5 w-16 rounded-full" })] }), _jsx(Skeleton, { className: "mt-4 h-8 w-full" }), _jsxs("div", { className: "mt-3 grid grid-cols-3 gap-2", children: [_jsx(Skeleton, { className: "h-7 w-full" }), _jsx(Skeleton, { className: "h-7 w-full" }), _jsx(Skeleton, { className: "h-7 w-full" })] })] }), connectFlow.error && (_jsxs("div", { className: "mt-4 flex flex-col items-center gap-2", children: [_jsx("p", { className: "text-xs text-destructive", children: connectFlow.error }), _jsx("button", { type: "button", className: secondaryButtonClass, onClick: () => setScreen("choice"), children: "Try again" })] }))] }) }));
     }
-    return (_jsx(OnboardingShell, { profile: profile, screen: "ready", children: _jsxs("div", { className: "mx-auto flex w-full max-w-2xl flex-col items-center text-center", children: [_jsx("div", { className: "flex size-12 items-center justify-center rounded-2xl bg-primary/10 text-primary", children: _jsx(IconCheck, { size: 20 }) }), _jsx("h1", { className: "mt-5 text-xl font-semibold tracking-[-0.04em]", children: "Your agent is ready." }), _jsx("p", { className: "mt-2 max-w-md text-sm leading-6 text-muted-foreground", children: "Start with a chat, then connect more tools whenever you need them." }), _jsx("div", { className: "mt-7 grid w-full gap-2 text-left sm:grid-cols-3", children: [
-                        ["Chat + actions", "Ask your agent to work across the app."],
-                        ["Agent integrations", "Connect tools from Settings anytime."],
-                        [
-                            "Flexible providers",
-                            "Use Builder.io free credits or your own keys.",
-                        ],
-                    ].map(([title, description]) => (_jsxs("div", { className: "rounded-xl bg-card px-4 py-4 ring-1 ring-border/70", children: [_jsx("span", { className: "flex size-7 items-center justify-center rounded-full bg-primary/10 text-primary", children: _jsx(IconCheck, { size: 14 }) }), _jsx("p", { className: "mt-3 text-sm font-medium", children: title }), _jsx("p", { className: "mt-1 text-xs leading-5 text-muted-foreground", children: description })] }, title))) }), _jsxs("button", { type: "button", "data-testid": "first-run-open-app", className: cn(primaryButtonClass, "mt-7"), onClick: handleFinish, children: ["Open app", _jsx(IconArrowRight, { size: 15 })] })] }) }));
+    return (_jsx(OnboardingShell, { profile: profile, screen: "ready", children: _jsxs("div", { className: "mx-auto flex w-full max-w-2xl flex-col items-center text-center", children: [_jsx("div", { className: "flex size-12 items-center justify-center rounded-2xl bg-primary/10 text-primary", children: _jsx(IconCheck, { size: 20 }) }), _jsx("h1", { className: "mt-5 text-xl font-semibold tracking-[-0.04em]", children: "Your agent is ready." }), _jsx("p", { className: "mt-2 max-w-md text-sm leading-6 text-muted-foreground", children: "Start with a chat, then connect more tools whenever you need them." }), _jsx("div", { className: "mt-7 grid w-full gap-2 text-left sm:grid-cols-3", children: (skipIntegrations
+                        ? [
+                            [
+                                "Workflow actions",
+                                "Use the app's buttons and sidebar to run the workflow.",
+                            ],
+                            [
+                                "AI sidebar",
+                                "Ask the agent to review or refine a step in context.",
+                            ],
+                            [
+                                "Flexible providers",
+                                "Use Builder.io free credits or your own keys.",
+                            ],
+                        ]
+                        : [
+                            ["Chat + actions", "Ask your agent to work across the app."],
+                            ["Agent integrations", "Connect tools from Settings anytime."],
+                            [
+                                "Flexible providers",
+                                "Use Builder.io free credits or your own keys.",
+                            ],
+                        ]).map(([title, description]) => (_jsxs("div", { className: "rounded-xl bg-card px-4 py-4 ring-1 ring-border/70", children: [_jsx("span", { className: "flex size-7 items-center justify-center rounded-full bg-primary/10 text-primary", children: _jsx(IconCheck, { size: 14 }) }), _jsx("p", { className: "mt-3 text-sm font-medium", children: title }), _jsx("p", { className: "mt-1 text-xs leading-5 text-muted-foreground", children: description })] }, title))) }), _jsxs("button", { type: "button", "data-testid": "first-run-open-app", className: cn(primaryButtonClass, "mt-7"), onClick: handleFinish, children: ["Open app", _jsx(IconArrowRight, { size: 15 })] })] }) }));
 }
 function OnboardingShell({ profile, screen, footer, children, }) {
     return (_jsxs("div", { className: "fixed inset-0 z-[100] flex h-full min-h-0 flex-col bg-background text-foreground", "data-onboarding-screen": screen, role: "dialog", "aria-modal": "true", "aria-label": `${profile?.appName ?? "Your app"} setup`, children: [_jsx("div", { className: "h-0.5 shrink-0 bg-muted", "data-testid": "onboarding-progress", children: _jsx("div", { className: "h-full bg-primary transition-[width] duration-200", style: {

package/dist/client/onboarding/first-run-enabled.d.ts

@@ -1,2 +1,7 @@
-export declare function isFirstRunOnboardingEnabled(env?: Record<string, string | boolean | undefined>): boolean;
+import type { AgentNativeConfig, AgentNativeFirstRunOnboardingMode } from "../../config.js";
+type FirstRunOnboardingEnv = Record<string, string | boolean | undefined>;
+export declare function isFirstRunOnboardingEnabled(env?: FirstRunOnboardingEnv, config?: AgentNativeConfig): boolean;
+export declare function shouldSkipFirstRunIntegrations(env?: FirstRunOnboardingEnv, config?: AgentNativeConfig): boolean;
+export declare function resolveFirstRunOnboardingMode(env?: FirstRunOnboardingEnv, config?: AgentNativeConfig): AgentNativeFirstRunOnboardingMode;
+export {};
 //# sourceMappingURL=first-run-enabled.d.ts.map

package/dist/client/onboarding/first-run-enabled.js

@@ -1,9 +1,39 @@
 const FIRST_RUN_ONBOARDING_ENV_KEY = "VITE_AGENT_NATIVE_FIRST_RUN_ONBOARDING";
-export function isFirstRunOnboardingEnabled(env = (import.meta.env ??
-    {})) {
-    const value = env[FIRST_RUN_ONBOARDING_ENV_KEY];
+const FIRST_RUN_ONBOARDING_SKIP_INTEGRATIONS_ENV_KEY = "VITE_AGENT_NATIVE_FIRST_RUN_ONBOARDING_SKIP_INTEGRATIONS";
+function isEnabled(value) {
     return (value === true ||
         (typeof value === "string" &&
             ["1", "true"].includes(value.trim().toLowerCase())));
 }
+export function isFirstRunOnboardingEnabled(env = (import.meta.env ?? {}), config = injectedAgentNativeConfig()) {
+    return resolveFirstRunOnboardingMode(env, config) !== "off";
+}
+export function shouldSkipFirstRunIntegrations(env = (import.meta.env ?? {}), config = injectedAgentNativeConfig()) {
+    if (env[FIRST_RUN_ONBOARDING_SKIP_INTEGRATIONS_ENV_KEY] !== undefined) {
+        return isEnabled(env[FIRST_RUN_ONBOARDING_SKIP_INTEGRATIONS_ENV_KEY]);
+    }
+    return resolveFirstRunOnboardingMode(env, config) === "connect";
+}
+export function resolveFirstRunOnboardingMode(env = (import.meta.env ?? {}), config = injectedAgentNativeConfig()) {
+    const envOnboarding = env[FIRST_RUN_ONBOARDING_ENV_KEY];
+    if (envOnboarding !== undefined) {
+        if (!isEnabled(envOnboarding))
+            return "off";
+        return isEnabled(env[FIRST_RUN_ONBOARDING_SKIP_INTEGRATIONS_ENV_KEY])
+            ? "connect"
+            : "connect-and-integrations";
+    }
+    const configured = config.onboarding?.firstRun;
+    if (configured === "connect" || configured === "connect-and-integrations") {
+        return isEnabled(env[FIRST_RUN_ONBOARDING_SKIP_INTEGRATIONS_ENV_KEY])
+            ? "connect"
+            : configured;
+    }
+    return "off";
+}
+function injectedAgentNativeConfig() {
+    return typeof __AGENT_NATIVE_APP_CONFIG__ === "undefined"
+        ? {}
+        : __AGENT_NATIVE_APP_CONFIG__;
+}
 //# sourceMappingURL=first-run-enabled.js.map

package/dist/client/onboarding/use-onboarding.js

@@ -1,13 +1,5 @@
 import { useCallback, useEffect, useRef, useState } from "react";
-import { FIRST_RUN_ONBOARDING_COOKIE } from "../../shared/first-run-onboarding.js";
 import { agentNativePath } from "../api-path.js";
-function hasFirstRunCookie() {
-    if (typeof document === "undefined")
-        return false;
-    return document.cookie
-        .split(";")
-        .some((part) => part.trim().startsWith(`${FIRST_RUN_ONBOARDING_COOKIE}=`));
-}
 export function useOnboarding(options = {}) {
     const preview = options.preview === true;
     const [steps, setSteps] = useState([]);
@@ -15,20 +7,23 @@ export function useOnboarding(options = {}) {
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState(null);
     const [dismissed, setDismissed] = useState(false);
-    const [firstRun, setFirstRun] = useState(() => preview || hasFirstRunCookie());
+    const [firstRun, setFirstRun] = useState(preview);
     const mountedRef = useRef(true);
     useEffect(() => {
-        setFirstRun(preview || hasFirstRunCookie());
+        setFirstRun(preview);
     }, [preview]);
     const fetchAll = useCallback(async () => {
         try {
             const stepsUrl = agentNativePath(preview
                 ? "/_agent-native/onboarding/steps?preview=1"
                 : "/_agent-native/onboarding/steps");
-            const [stepsRes, dismissRes, profileRes] = await Promise.all([
+            const [stepsRes, dismissRes, profileRes, firstRunRes] = await Promise.all([
                 fetch(stepsUrl),
                 fetch(agentNativePath("/_agent-native/onboarding/dismissed")),
                 fetch(agentNativePath("/_agent-native/onboarding/profile")),
+                preview
+                    ? Promise.resolve(null)
+                    : fetch(agentNativePath("/_agent-native/onboarding/first-run/status")),
             ]);
             if (!mountedRef.current)
                 return;
@@ -41,6 +36,16 @@ export function useOnboarding(options = {}) {
                 throw new Error(`profile: ${profileRes.status}`);
             }
             setProfile((await profileRes.json()));
+            if (preview) {
+                setFirstRun(true);
+            }
+            else {
+                if (!firstRunRes || !firstRunRes.ok) {
+                    throw new Error(`first-run status: ${firstRunRes?.status ?? 500}`);
+                }
+                const firstRunData = (await firstRunRes.json());
+                setFirstRun(firstRunData.firstRun === true);
+            }
             if (dismissRes.ok) {
                 const d = (await dismissRes.json());
                 setDismissed(!!d.dismissed);

package/dist/client/require-session.js

@@ -1,4 +1,4 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Client-side session gate for an authenticated app shell.
  *
@@ -70,12 +70,12 @@ export function RequireSession({ children, fallback, redirect = true, signedOut,
     return (_jsx(ResolvedSessionGate, { fallback: fallback, redirect: redirect, signedOut: signedOut, children: children }));
 }
 function ResolvedSessionGate({ children, fallback, redirect = true, signedOut, }) {
-    const { session, isLoading } = useSession();
+    const { session, status, retry } = useSession();
     // Guard against firing the redirect more than once (effect re-runs, React
     // StrictMode double-invoke) — a second navigation while the first is in
     // flight is harmless but noisy.
     const redirectedRef = useRef(false);
-    const mustRedirect = !isLoading && !session && redirect;
+    const mustRedirect = status === "unauthenticated" && redirect;
     useEffect(() => {
         if (!mustRedirect)
             return;
@@ -97,8 +97,14 @@ function ResolvedSessionGate({ children, fallback, redirect = true, signedOut, }
     }, [mustRedirect]);
     // Still resolving, or redirect already in flight: show the loading fallback
     // rather than flashing app chrome the visitor can't use.
-    if (isLoading)
+    if (status === "loading")
         return _jsx(_Fragment, { children: fallback ?? _jsx(DefaultSpinner, {}) });
+    // Unreadable is not signed-out. Redirecting here would bounce a signed-in
+    // user to the sign-in page over a transient 5xx, and rendering the spinner
+    // would strand them on a screen that never resolves.
+    if (status === "unavailable") {
+        return _jsx(SessionUnavailableNotice, { retry: retry });
+    }
     if (!session) {
         if (redirect)
             return _jsx(_Fragment, { children: fallback ?? _jsx(DefaultSpinner, {}) });
@@ -106,4 +112,7 @@ function ResolvedSessionGate({ children, fallback, redirect = true, signedOut, }
     }
     return _jsx(_Fragment, { children: children });
 }
+function SessionUnavailableNotice({ retry }) {
+    return (_jsxs("div", { className: "flex h-screen w-full flex-col items-center justify-center gap-4 px-6 text-center", children: [_jsx("p", { className: "max-w-md text-sm text-muted-foreground", children: "We couldn't reach the server to confirm you're signed in. This is usually temporary." }), _jsxs("div", { className: "flex gap-2", children: [_jsx("button", { type: "button", onClick: retry, className: "rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground", children: "Try again" }), _jsx("button", { type: "button", onClick: () => window.location.reload(), className: "rounded-md border border-border px-3 py-1.5 text-sm font-medium", children: "Reload page" })] })] }));
+}
 //# sourceMappingURL=require-session.js.map

package/dist/client/resources/mcp-integration-catalog.js

@@ -37,6 +37,32 @@ export const DEFAULT_MCP_INTEGRATIONS = [
         headerPlaceholder: "Authorization: Bearer <sentry-token>",
         keywords: ["errors", "monitoring", "debugging", "issues"],
     },
+    {
+        id: "fullstory",
+        name: "FullStory",
+        provider: "fullstory",
+        description: "Read behavioral analytics and inspect session replays.",
+        descriptionKey: "mcpIntegrations.catalog.fullstory.description",
+        useCase: "product analytics, session replay, qualitative behavior, user research",
+        useCaseKey: "mcpIntegrations.catalog.fullstory.useCase",
+        url: "https://api.fullstory.com/mcp/fullstory",
+        authMode: "oauth",
+        connectionMode: "oauth",
+        availability: "ready",
+        verification: "preflight-only",
+        logoUrl: mcpIntegrationLogo("fullstory"),
+        docsUrl: "https://developer.fullstory.com/mcp/introduction/",
+        setupNoteKey: "mcpIntegrations.catalog.fullstory.setupNote",
+        keywords: [
+            "product analytics",
+            "session replay",
+            "behavior",
+            "user research",
+            "sessions",
+            "prompts",
+            "screenshots",
+        ],
+    },
     {
         id: "notion",
         name: "Notion",

package/dist/client/resources/mcp-integration-logos.js

@@ -19,6 +19,10 @@ const LOGOS = {
         mime: "image/svg+xml",
         data: "PHN2ZyBmaWxsPSIjMzYyRDU5IiByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+U2VudHJ5PC90aXRsZT48cGF0aCBkPSJNMTMuOTEgMi41MDVjLS44NzMtMS40NDgtMi45NzItMS40NDgtMy44NDQgMEw2LjkwNCA3LjkyYTE1LjQ3OCAxNS40NzggMCAwIDEgOC41MyAxMi44MTFoLTIuMjIxQTEzLjMwMSAxMy4zMDEgMCAwIDAgNS43ODQgOS44MTRsLTIuOTI2IDUuMDZhNy42NSA3LjY1IDAgMCAxIDQuNDM1IDUuODQ4SDIuMTk0YS4zNjUuMzY1IDAgMCAxLS4yOTgtLjUzNGwxLjQxMy0yLjQwMmE1LjE2IDUuMTYgMCAwIDAtMS42MTQtLjkxM0wuMjk2IDE5LjI3NWEyLjE4MiAyLjE4MiAwIDAgMCAuODEyIDIuOTk5IDIuMjQgMi4yNCAwIDAgMCAxLjA4Ni4yODhoNi45ODNhOS4zMjIgOS4zMjIgMCAwIDAtMy44NDUtOC4zMThsMS4xMS0xLjkyMmExMS40NyAxMS40NyAwIDAgMSA0Ljk1IDEwLjI0aDUuOTE1YTE3LjI0MiAxNy4yNDIgMCAwIDAtNy44ODUtMTUuMjhsMi4yNDQtMy44NDVhLjM3LjM3IDAgMCAxIC41MDQtLjEzYy4yNTUuMTQgOS43NSAxNi43MDggOS45MjggMTYuOWEuMzY1LjM2NSAwIDAgMS0uMzI3LjU0M2gtMi4yODdjLjAyOS42MTIuMDI5IDEuMjIzIDAgMS44MzFoMi4yOTdhMi4yMDYgMi4yMDYgMCAwIDAgMS45MjItMy4zMXoiLz48L3N2Zz4=",
     },
+    fullstory: {
+        mime: "image/svg+xml",
+        data: "PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiIGZpbGw9IiMyZjgwZWQiLz48cGF0aCBkPSJNNyAxMmMxLjgtMyA0LTQuNSA1LTQuNXMzLjIgMS41IDUgNC41Yy0xLjggMy00IDQuNS01IDQuNVM4LjggMTUgNyAxMloiIGZpbGw9IiNmZmYiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIyIiBmaWxsPSIjMmY4MGVkIi8+PC9zdmc+",
+    },
     notion: {
         mime: "image/svg+xml",
         data: "PHN2ZyBmaWxsPSIjMDAwMDAwIiByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+Tm90aW9uPC90aXRsZT48cGF0aCBkPSJNNC40NTkgNC4yMDhjLjc0Ni42MDYgMS4wMjYuNTYgMi40MjguNDY2bDEzLjIxNS0uNzkzYy4yOCAwIC4wNDctLjI4LS4wNDYtLjMyNkwxNy44NiAxLjk2OGMtLjQyLS4zMjYtLjk4MS0uNy0yLjA1NS0uNjA3TDMuMDEgMi4yOTVjLS40NjYuMDQ2LS41Ni4yOC0uMzc0LjQ2NnptLjc5MyAzLjA4djEzLjkwNGMwIC43NDcuMzczIDEuMDI3IDEuMjE0Ljk4bDE0LjUyMy0uODRjLjg0MS0uMDQ2LjkzNS0uNTYuOTM1LTEuMTY3VjYuMzU0YzAtLjYwNi0uMjMzLS45MzMtLjc0OC0uODg3bC0xNS4xNzcuODg3Yy0uNTYuMDQ3LS43NDcuMzI3LS43NDcuOTMzem0xNC4zMzcuNzQ1Yy4wOTMuNDIgMCAuODQtLjQyLjg4OGwtLjcuMTR2MTAuMjY0Yy0uNjA4LjMyNy0xLjE2OC41MTQtMS42MzUuNTE0LS43NDggMC0uOTM1LS4yMzQtMS40OTUtLjkzM2wtNC41NzctNy4xODZ2Ni45NTJMMTIuMjEgMTlzMCAuODQtMS4xNjguODRsLTMuMjIyLjE4NmMtLjA5My0uMTg2IDAtLjY1My4zMjctLjc0NmwuODQtLjIzM1Y5Ljg1NEw3LjgyMiA5Ljc2Yy0uMDk0LS40Mi4xNC0xLjAyNi43OTMtMS4wNzNsMy40NTYtLjIzMyA0Ljc2NCA3LjI3OXYtNi40NGwtMS4yMTUtLjEzOWMtLjA5My0uNTE0LjI4LS44ODcuNzQ3LS45MzN6TTEuOTM2IDEuMDM1bDEzLjMxLS45OGMxLjYzNC0uMTQgMi4wNTUtLjA0NyAzLjA4Mi43bDQuMjQ5IDIuOTg2Yy43LjUxMy45MzQuNjUzLjkzNCAxLjIxM3YxNi4zNzhjMCAxLjAyNi0uMzczIDEuNjM0LTEuNjggMS43MjZsLTE1LjQ1OC45MzRjLS45OC4wNDctMS40NDgtLjA5My0xLjk2Mi0uNzQ3bC0zLjEyOS00LjA2Yy0uNTYtLjc0Ny0uNzkzLTEuMzA2LS43OTMtMS45NlYyLjY2N2MwLS44MzkuMzc0LTEuNTQgMS40NDctMS42MzJ6Ii8+PC9zdmc+",

package/dist/client/route-warmup.js

@@ -292,7 +292,7 @@ export function AgentNativeRouteWarmup({ config, }) {
         if (resolved.strategy === "off") {
             return;
         }
-        // Legacy SPA builds still mount the AgentPanel but do not expose React
+        // Legacy SPA builds still mount AppProviders but do not expose React
         // Router framework `.data` endpoints or a route asset manifest. Only warm
         // route data/modules when that manifest is present; otherwise this would
         // generate noisy `/<path>.data` 404s for apps that cannot serve them.
@@ -314,28 +314,69 @@ export function AgentNativeRouteWarmup({ config, }) {
             seedExistingModulepreloads();
         const queue = [];
         const queuedDataRoutes = new Set();
+        const dataRetryAttempts = new Map();
+        const retryTimers = new Set();
         const observedLinks = new WeakSet();
         let active = 0;
         let stopped = false;
         let scheduleTimer;
+        const scheduleDataRetry = (dataUrl, href) => {
+            if (stopped)
+                return;
+            const attempt = (dataRetryAttempts.get(dataUrl) ?? 0) + 1;
+            if (attempt > 3) {
+                queuedDataRoutes.delete(dataUrl);
+                return;
+            }
+            dataRetryAttempts.set(dataUrl, attempt);
+            const timer = window.setTimeout(() => {
+                retryTimers.delete(timer);
+                if (stopped)
+                    return;
+                queuedDataRoutes.delete(dataUrl);
+                warmedDataRoutes.delete(dataUrl);
+                warmHref(href);
+            }, 500 * 2 ** (attempt - 1));
+            retryTimers.add(timer);
+        };
         const pump = () => {
             if (stopped || !warmData)
                 return;
             while (active < resolved.maxConcurrent && queue.length > 0) {
-                const href = queue.shift();
-                if (!href)
+                const item = queue.shift();
+                if (!item)
                     continue;
                 active += 1;
                 window
-                    .fetch(href, { credentials: "same-origin", cache: "force-cache" })
-                    .catch(() => { })
+                    .fetch(item.dataUrl, {
+                    credentials: "same-origin",
+                    cache: "force-cache",
+                })
+                    .then((response) => {
+                    if (response.ok) {
+                        dataRetryAttempts.delete(item.dataUrl);
+                        return;
+                    }
+                    warmedDataRoutes.delete(item.dataUrl);
+                    if (response.status >= 500 || response.status === 429) {
+                        scheduleDataRetry(item.dataUrl, item.href);
+                    }
+                    else {
+                        queuedDataRoutes.delete(item.dataUrl);
+                        dataRetryAttempts.delete(item.dataUrl);
+                    }
+                })
+                    .catch(() => {
+                    warmedDataRoutes.delete(item.dataUrl);
+                    scheduleDataRetry(item.dataUrl, item.href);
+                })
                     .finally(() => {
                     active -= 1;
                     window.setTimeout(pump, 50);
                 });
             }
         };
-        const warmHref = (href) => {
+        function warmHref(href) {
             if (warmModules)
                 warmRouteAssetsForHref(href);
             if (!warmData)
@@ -347,9 +388,9 @@ export function AgentNativeRouteWarmup({ config, }) {
             if (queuedDataRoutes.has(dataUrl))
                 return;
             queuedDataRoutes.add(dataUrl);
-            queue.push(dataUrl);
+            queue.push({ dataUrl, href });
             pump();
-        };
+        }
         const viewportObserver = typeof IntersectionObserver === "undefined"
             ? null
             : new IntersectionObserver((entries) => {
@@ -415,12 +456,14 @@ export function AgentNativeRouteWarmup({ config, }) {
         };
         schedule();
         const observer = new MutationObserver(schedule);
-        // The render-warmup selector is configurable, so it may depend on class or
-        // custom data attributes. Watch all attribute changes and debounce rescans.
+        // Route links are added by hydration/navigation and can opt into a mode
+        // after render. Avoid watching every attribute: scroll-driven style/class
+        // changes otherwise rescan the entire document while a page is settling.
         observer.observe(document.documentElement, {
             subtree: true,
             childList: true,
             attributes: true,
+            attributeFilter: [PREFETCH_ATTR, "href"],
         });
         document.addEventListener("pointerover", warmFromIntent, {
             capture: true,
@@ -435,6 +478,9 @@ export function AgentNativeRouteWarmup({ config, }) {
             stopped = true;
             if (scheduleTimer !== undefined)
                 window.clearTimeout(scheduleTimer);
+            for (const timer of retryTimers)
+                window.clearTimeout(timer);
+            retryTimers.clear();
             observer.disconnect();
             viewportObserver?.disconnect();
             document.removeEventListener("pointerover", warmFromIntent, true);

package/dist/client/settings/AccountSettingsCard.js

@@ -1,6 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ActionButton, Avatar, Surface, TextField, } from "@agent-native/toolkit/design-system";
-import { IconCamera, IconCheck } from "@tabler/icons-react";
+import { IconCamera, IconCheck, IconLock } from "@tabler/icons-react";
 import { useEffect, useRef, useState } from "react";
 import { useT } from "../i18n.js";
 import { useActionMutation, useActionQuery } from "../use-action.js";
@@ -16,6 +16,81 @@ function profileInitials(name) {
         .map((part) => part[0]?.toUpperCase())
         .join("") || "?");
 }
+function PasswordSettings() {
+    const t = useT();
+    const { session } = useSession();
+    const authMethods = useActionQuery("get-auth-methods", undefined, { enabled: !!session?.email });
+    const setPassword = useActionMutation("set-password");
+    const changePassword = useActionMutation("change-password");
+    const [currentPassword, setCurrentPassword] = useState("");
+    const [newPassword, setNewPassword] = useState("");
+    const [confirmPassword, setConfirmPassword] = useState("");
+    const [validationError, setValidationError] = useState(null);
+    const [saved, setSaved] = useState(false);
+    const mutation = authMethods.data?.hasPassword ? changePassword : setPassword;
+    const error = validationError
+        ? validationError === "length"
+            ? t("settings.passwordMinLength")
+            : t("settings.passwordMismatch")
+        : mutation.error
+            ? t("settings.passwordSaveError")
+            : undefined;
+    const clearStatus = () => {
+        setSaved(false);
+        setValidationError(null);
+        setPassword.reset();
+        changePassword.reset();
+    };
+    const submit = () => {
+        setSaved(false);
+        setValidationError(null);
+        if (newPassword.length < 8) {
+            setValidationError("length");
+            return;
+        }
+        if (newPassword !== confirmPassword) {
+            setValidationError("mismatch");
+            return;
+        }
+        const onSuccess = () => {
+            setCurrentPassword("");
+            setNewPassword("");
+            setConfirmPassword("");
+            setSaved(true);
+            void authMethods.refetch();
+        };
+        if (authMethods.data?.hasPassword) {
+            changePassword.mutate({ currentPassword, newPassword }, { onSuccess });
+        }
+        else {
+            setPassword.mutate({ newPassword }, { onSuccess });
+        }
+    };
+    const isPending = setPassword.isPending || changePassword.isPending;
+    const isLoading = authMethods.isLoading;
+    const hasPassword = authMethods.data?.hasPassword ?? false;
+    if (!session?.email)
+        return null;
+    return (_jsxs("div", { className: "space-y-3 border-t border-border/60 pt-3", children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsx(IconLock, { className: "mt-0.5 size-4 text-muted-foreground" }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-medium", children: hasPassword
+                                    ? t("settings.passwordChange")
+                                    : t("settings.passwordTitle") }), _jsx("p", { className: "text-xs leading-5 text-muted-foreground", children: t("settings.passwordDescription") })] })] }), isLoading ? (_jsx("p", { className: "text-xs text-muted-foreground", children: t("settings.passwordStatusLoading") })) : authMethods.error ? (_jsx("p", { className: "text-xs text-destructive", children: t("settings.passwordSaveError") })) : (_jsxs(_Fragment, { children: [hasPassword && (_jsx(TextField, { id: "agent-native-current-password", type: "password", label: t("settings.passwordCurrentLabel"), value: currentPassword, onChange: (value) => {
+                            clearStatus();
+                            setCurrentPassword(value);
+                        }, placeholder: t("settings.passwordPlaceholder"), autoComplete: "current-password", disabled: isPending })), _jsx(TextField, { id: "agent-native-new-password", type: "password", label: t("settings.passwordNewLabel"), value: newPassword, onChange: (value) => {
+                            clearStatus();
+                            setNewPassword(value);
+                        }, placeholder: t("settings.passwordPlaceholder"), autoComplete: hasPassword ? "new-password" : "new-password", disabled: isPending, invalid: !!error }), _jsx(TextField, { id: "agent-native-confirm-password", type: "password", label: t("settings.passwordConfirmLabel"), value: confirmPassword, onChange: (value) => {
+                            clearStatus();
+                            setConfirmPassword(value);
+                        }, placeholder: t("settings.passwordPlaceholder"), autoComplete: "new-password", disabled: isPending, invalid: !!error, errorMessage: error }), _jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("div", { className: "min-h-4 text-xs", children: saved && (_jsxs("p", { className: "flex items-center gap-1 text-primary", children: [_jsx(IconCheck, { className: "size-3" }), t("settings.passwordSaved")] })) }), _jsx(ActionButton, { type: "button", intent: "primary", emphasis: "solid", size: "compact", pending: isPending, disabled: isPending ||
+                                    !newPassword ||
+                                    !confirmPassword ||
+                                    (hasPassword && !currentPassword), onPress: submit, children: isPending
+                                    ? t("settings.passwordSaving")
+                                    : hasPassword
+                                        ? t("settings.passwordChange")
+                                        : t("settings.passwordAdd") })] })] }))] }));
+}
 export function AccountSettingsForm({ compact = false, }) {
     const t = useT();
     const { session, isLoading } = useSession();
@@ -74,6 +149,6 @@ export function AccountSettingsForm({ compact = false, }) {
 }
 export function AccountSettingsCard({ className }) {
     const t = useT();
-    return (_jsxs(Surface, { as: "section", id: "account", elevation: "low", padding: "none", className: cn("mx-auto w-full max-w-2xl scroll-mt-4 rounded-lg border border-border bg-card p-5 text-card-foreground shadow-sm", className), children: [_jsxs("div", { className: "space-y-1", children: [_jsx("h2", { className: "text-base font-semibold", children: t("settings.profileTitle") }), _jsx("p", { className: "text-sm leading-6 text-muted-foreground", children: t("settings.profileDescription") })] }), _jsx("div", { className: "mt-5", children: _jsx(AccountSettingsForm, {}) })] }));
+    return (_jsxs(Surface, { as: "section", id: "account", elevation: "low", padding: "none", className: cn("mx-auto w-full max-w-2xl scroll-mt-4 rounded-lg border border-border bg-card p-5 text-card-foreground shadow-sm", className), children: [_jsxs("div", { className: "space-y-1", children: [_jsx("h2", { className: "text-base font-semibold", children: t("settings.profileTitle") }), _jsx("p", { className: "text-sm leading-6 text-muted-foreground", children: t("settings.profileDescription") })] }), _jsxs("div", { className: "mt-5", children: [_jsx(AccountSettingsForm, {}), _jsx(PasswordSettings, {})] })] }));
 }
 //# sourceMappingURL=AccountSettingsCard.js.map

package/dist/client/settings/SettingsPanel.js

@@ -31,7 +31,7 @@ import { settingsSectionDomId, useSettingsPanelController, } from "./useSettings
 import { VoiceTranscriptionSection } from "./VoiceTranscriptionSection.js";
 const Button = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToolkitButton, { ref: ref, variant: "ghost", className: cn("h-auto p-0 hover:bg-transparent hover:text-inherit active:scale-100 [&_svg]:!size-auto", className), ...props })));
 Button.displayName = "SettingsPrimitiveButton";
-const ManageButton = React.forwardRef(({ children = "Manage", className, ...props }, ref) => (_jsxs(Button, { ref: ref, type: "button", intent: "neutral", emphasis: "outline", className: cn("inline-flex items-center gap-1 rounded-md border border-border px-3 py-1.5 text-sm font-medium text-foreground hover:bg-accent/40", className), ...props, children: [children, _jsx(IconChevronDown, { size: 14 })] })));
+const ManageButton = React.forwardRef(({ children = "Manage", className, ...props }, ref) => (_jsx(Button, { ref: ref, type: "button", intent: "neutral", emphasis: "outline", className: cn("inline-flex items-center gap-1 rounded-md border border-border px-3 py-1.5 text-sm font-medium text-foreground hover:bg-accent/40", className), ...props, children: children })));
 ManageButton.displayName = "SettingsManageButton";
 const IntegrationsPanel = lazy(() => import("../integrations/IntegrationsPanel.js").then((m) => ({
     default: m.IntegrationsPanel,

package/dist/client/settings/VoiceTranscriptionSection.js

@@ -282,7 +282,7 @@ export function VoiceTranscriptionSection({ compact = false, } = {}) {
     return (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "rounded-md border border-border bg-background p-2", children: [_jsx("div", { className: "mb-2 flex items-start justify-between gap-3 px-0.5", children: _jsxs("div", { children: [_jsx("div", { className: "text-[11px] font-medium text-foreground", children: "Live transcription" }), _jsx("p", { className: "mt-0.5 text-[10px] text-muted-foreground", children: "Choose where real-time words come from. Batch still runs after recording stops." })] }) }), _jsxs("div", { className: "space-y-2", children: [_jsx(ProviderOption, { id: "mac-native", selected: transcriptionMode === "mac-native", onSelect: () => chooseSource("mac-native"), title: "Mac Native", subtitle: "Free and fast in the macOS Tauri app. Web clients use the existing browser-native path when available.", rightSlot: _jsx("span", { className: "text-[10px] text-muted-foreground", children: "Tauri default" }) }), _jsx(ProviderOption, { id: "google-realtime", selected: transcriptionMode === "google-realtime", onSelect: () => chooseSource("google-realtime"), disabled: !googleRealtimeReady, title: "Google Realtime", subtitle: googleRealtimeReady
                                     ? "BYOK only for v1. Streams live partials and finals through Google Speech-to-Text."
                                     : googleRealtimeConfigured
-                                        ? "Google credentials are set. Connect Builder completely to mint the managed realtime session."
+                                        ? "Google credentials are set. Connect Builder completely (free tier available) to mint the managed realtime session."
                                         : "BYOK only for v1. Configure Google service account before selecting this source.", rightSlot: googleRealtimeReady ? (_jsxs("span", { className: "flex items-center gap-1 text-[10px] text-green-500", children: [_jsx(IconCheck, { size: 10 }), "Ready"] })) : googleRealtimeConfigured ? (_jsx("button", { type: "button", onClick: (e) => {
                                         e.stopPropagation();
                                         openBuilderConnect();
@@ -295,7 +295,7 @@ export function VoiceTranscriptionSection({ compact = false, } = {}) {
                                     : geminiConfigured
                                         ? "Gemini key set"
                                         : "Needs key" }))] })] }), _jsxs("div", { className: "rounded-md border border-border bg-background", children: [_jsxs("button", { type: "button", onClick: () => setShowAdvanced((v) => !v), className: "w-full flex items-center justify-between gap-2 px-2.5 py-2 cursor-pointer", children: [_jsxs("span", { className: "text-[11px] font-medium text-foreground inline-flex items-center gap-1", children: [showAdvanced ? (_jsx(IconChevronDown, { size: 12 })) : (_jsx(IconChevronRight, { size: 12, className: "rtl:-scale-x-100" })), "Add API keys"] }), _jsx("span", { className: "text-[10px] text-muted-foreground", children: "Google STT \u00B7 Gemini \u00B7 Groq \u00B7 OpenAI" })] }), showAdvanced && (_jsxs("div", { className: "px-2 pb-2 space-y-2", children: [_jsx(ProviderOption, { id: "google-service-account", selected: transcriptionMode === "google-realtime", onSelect: () => chooseSource("google-realtime"), disabled: !googleRealtimeReady, title: "Google Speech-to-Text service account", subtitle: googleRealtimeConfigured
-                                    ? "Service-account JSON is set. Connect Builder to mint the managed realtime WebSocket session."
+                                    ? "Service-account JSON is set. Connect Builder (free tier available) to mint the managed realtime WebSocket session."
                                     : "Service-account JSON for the dedicated realtime WebSocket to Google StreamingRecognize.", rightSlot: googleRealtimeConfigured ===
                                     null ? null : googleRealtimeReady ? (_jsxs("span", { className: "flex items-center gap-1 text-[10px] text-green-500", children: [_jsx(IconCheck, { size: 10 }), "Ready"] })) : googleRealtimeConfigured ? (_jsx("button", { type: "button", onClick: (e) => {
                                         e.stopPropagation();

package/dist/client/settings/useBuilderStatus.js

@@ -583,7 +583,7 @@ export function useBuilderConnectFlow(opts = {}) {
                     stopPoll();
                     connectStartedAtRef.current = null;
                     setConnecting(false);
-                    setError("Couldn't open Builder from this chat host. Open this app in a browser tab and try Connect Builder again.");
+                    setError("Couldn't open Builder from this chat host. Open this app in a browser tab and try Connect Builder (free tier available) again.");
                 })();
             }
             else {

package/dist/client/setup-connections/useBuilderConnectCardController.js

@@ -1,7 +1,7 @@
 import { useCallback } from "react";
 import { useBuilderConnectFlow } from "../settings/useBuilderStatus.js";
 const DEFAULT_TITLE = "Builder connect";
-const DEFAULT_DESCRIPTION = "Connect Builder for managed model access, browser automation, and workspace identity.";
+const DEFAULT_DESCRIPTION = "Connect Builder for managed model access, browser automation, and workspace identity. Free tier available.";
 const DEFAULT_TRACKING_SOURCE = "setup_connections_page";
 export function useBuilderConnectCardController({ title = DEFAULT_TITLE, description = DEFAULT_DESCRIPTION, trackingSource = DEFAULT_TRACKING_SOURCE, onConnected, } = {}) {
     const handleConnected = useCallback(({ orgName }) => onConnected?.(orgName), [onConnected]);

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

@@ -11,6 +11,7 @@ export { getClientSurface, type ClientSurface } from "../client-surface.js";
 export { ErrorBoundary } from "../ErrorBoundary.js";
 export { ClientOnly } from "../ClientOnly.js";
 export { DefaultSpinner } from "../DefaultSpinner.js";
+export { RouteTransitionIndicator, ROUTE_TRANSITION_INDICATOR_DELAY_MS, } from "../RouteTransitionIndicator.js";
 export { getThemeInitScript, themeInitScript, type ThemePreference, } from "../theme.js";
 export { APPEARANCE_PRESETS, applyAppearance, getStoredAppearance, useAppearance, useAppearanceSync, type AppearancePresetId, } from "../appearance.js";
 export { AppearancePicker, type AppearancePickerProps, } from "../AppearancePicker.js";

package/dist/client/ui/index.js

@@ -11,6 +11,7 @@ export { getClientSurface } from "../client-surface.js";
 export { ErrorBoundary } from "../ErrorBoundary.js";
 export { ClientOnly } from "../ClientOnly.js";
 export { DefaultSpinner } from "../DefaultSpinner.js";
+export { RouteTransitionIndicator, ROUTE_TRANSITION_INDICATOR_DELAY_MS, } from "../RouteTransitionIndicator.js";
 export { getThemeInitScript, themeInitScript, } from "../theme.js";
 export { APPEARANCE_PRESETS, applyAppearance, getStoredAppearance, useAppearance, useAppearanceSync, } from "../appearance.js";
 export { AppearancePicker, } from "../AppearancePicker.js";

package/dist/client/uploads/upload-editor-image.js

@@ -48,7 +48,7 @@ export const uploadEditorImage = async (file) => {
     });
     if (!result || typeof result.url !== "string" || !result.url) {
         throw new Error(result?.error ||
-            "Image upload failed. Connect Builder.io in Settings → File uploads, then try again.");
+            "Image upload failed. Connect Builder.io (free tier available) in Settings → File uploads, then try again.");
     }
     // Use the filename (sans extension) as a reasonable default alt text.
     const alt = file.name ? file.name.replace(/\.[^./\\]+$/, "") : "";