@agent-native/core 0.137.8 → 0.138.0

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/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(/\.[^./\\]+$/, "") : "";

package/dist/client/use-chat-threads.js

@@ -143,6 +143,9 @@ export function useChatThreads(apiUrl = agentNativePath("/_agent-native/agent-ch
                     id = null;
                 }
             }
+            // Route-owned create mode still needs a local target immediately. The
+            // URL owns which server thread is open, but an empty new chat is not a
+            // server row yet and must not wait for the thread-list request to paint.
             if (!id && autoCreate) {
                 id = createLocalThreadId();
                 isNew = true;

package/dist/collab/routes.d.ts

@@ -26,8 +26,8 @@ export declare const getCollabState: import("h3").EventHandlerWithFetch<import("
  * Body: { update: string (base64), requestSource?: string }
  */
 export declare const postCollabUpdate: import("h3").EventHandlerWithFetch<import("h3").EventHandlerRequest, Promise<{
-    ok?: undefined;
     error: string;
+    ok?: undefined;
 } | {
     error?: undefined;
     ok: boolean;
@@ -41,9 +41,9 @@ export declare const postCollabUpdate: import("h3").EventHandlerWithFetch<import
  * Body: { text: string, fieldName?: string, requestSource?: string }
  */
 export declare const postCollabText: import("h3").EventHandlerWithFetch<import("h3").EventHandlerRequest, Promise<{
+    text?: undefined;
     ok?: undefined;
     error: string;
-    text?: undefined;
 } | {
     error?: undefined;
     ok: boolean;

package/dist/collab/struct-routes.d.ts

@@ -13,8 +13,8 @@
  * Body: { json: any, fieldName?: string, type?: "map"|"array", requestSource?: string }
  */
 export declare const postCollabJson: import("h3").EventHandlerWithFetch<import("h3").EventHandlerRequest, Promise<{
-    error: string;
     ok?: undefined;
+    error: string;
 } | {
     error?: undefined;
     ok: boolean;

package/dist/config.d.ts

@@ -0,0 +1,48 @@
+/**
+ * Public, non-secret configuration for an Agent-Native app.
+ *
+ * This module is intentionally free of Node and framework imports so it can be
+ * used from a typed `agent-native.config.ts` file and from browser code after
+ * Vite serializes the resolved config into the client bundle.
+ */
+export declare const AGENT_NATIVE_CONFIG_VERSION: 1;
+export type AgentNativeFirstRunOnboardingMode = "off" | "connect" | "connect-and-integrations";
+export type AgentNativeFirstRunOnboardingSetting = AgentNativeFirstRunOnboardingMode | (Partial<Record<string, AgentNativeFirstRunOnboardingMode>> & {
+    default?: AgentNativeFirstRunOnboardingMode;
+});
+export interface AgentNativeOnboardingConfig {
+    /**
+     * First-run setup shown by the shared Agent Sidebar.
+     *
+     * `connect` shows Builder/BYOK setup and skips the generic integrations
+     * catalog. `connect-and-integrations` includes that catalog. A per-Vite-mode
+     * object is useful when local development and hosted builds need different
+     * defaults.
+     */
+    firstRun?: AgentNativeFirstRunOnboardingSetting;
+}
+export interface AgentNativeConfig {
+    version?: typeof AGENT_NATIVE_CONFIG_VERSION;
+    onboarding?: AgentNativeOnboardingConfig;
+}
+export interface AgentNativeConfigContext {
+    command: "serve" | "build";
+    mode: string;
+    isDev: boolean;
+    isBuild: boolean;
+}
+export type AgentNativeConfigFactory = (context: AgentNativeConfigContext) => AgentNativeConfig;
+export type AgentNativeConfigInput = AgentNativeConfig | AgentNativeConfigFactory;
+/**
+ * Type-safe authoring helper for `agent-native.config.ts`.
+ *
+ * Like Next's typed config file, this is deliberately identity-like: the
+ * framework evaluates the exported object or factory in the Vite config
+ * phase, while the browser only receives the resolved serializable result.
+ */
+export declare function defineAgentNativeConfig(config: AgentNativeConfigInput): AgentNativeConfigInput;
+export declare function normalizeAgentNativeConfig(input: unknown, source?: string): AgentNativeConfig;
+export declare function mergeAgentNativeConfigs(base: AgentNativeConfig, override: AgentNativeConfig): AgentNativeConfig;
+export declare function resolveAgentNativeConfig(input: AgentNativeConfigInput | undefined, context: AgentNativeConfigContext): AgentNativeConfig;
+export declare function resolveFirstRunOnboardingMode(setting: AgentNativeFirstRunOnboardingSetting, context: AgentNativeConfigContext): AgentNativeFirstRunOnboardingMode;
+//# sourceMappingURL=config.d.ts.map