@agent-native/toolkit 0.200.0 → 0.200.1-nightly-20261002213029

package/src/app/onboarding/FirstRunOnboarding.tsx

@@ -546,11 +546,7 @@ export function FirstRunOnboarding({
       handleFinish(null);
       return;
     }
-    setBuilderConnectionMode(
-      provisionAccount && canActivateBuilderFreeCredits
-        ? "provision"
-        : "existing",
-    );
+    setBuilderConnectionMode(provisionAccount ? "provision" : "existing");
     setScreen("connecting");
     connectFlow.start({
       trackingSource: "first_run_onboarding",
@@ -731,10 +727,10 @@ export function FirstRunOnboarding({
                 </div>
                 <div className="flex flex-col gap-1 rounded-[10px] bg-emerald-50 px-4 py-3 dark:bg-emerald-950/30">
                   <p className="text-[13px] font-semibold text-foreground">
-                    Included free with a Builder.io account
+                    {t("agentChat.onboarding.builderIncludedFreeWithAccount")}
                   </p>
                   <p className="text-xs font-medium text-emerald-700 dark:text-emerald-400">
-                    60 monthly Agent Credits
+                    {t("agentChat.onboarding.builderMonthlyCredits")}
                   </p>
                 </div>
                 <div className="flex flex-col gap-1">
@@ -772,15 +768,17 @@ export function FirstRunOnboarding({
                   })}
                 </div>
                 <div className="flex flex-col gap-2">
-                  <button
-                    type="button"
-                    data-testid="first-run-builder-create-account"
-                    className={cn(ONBOARDING_PRIMARY_BUTTON_CLASS, "w-full")}
-                    onClick={() => handleBuilder(true)}
-                    disabled={connectFlow.connecting}
-                  >
-                    {t("agentChat.onboarding.builderCreateAccount")}
-                  </button>
+                  {canActivateBuilderFreeCredits && (
+                    <button
+                      type="button"
+                      data-testid="first-run-builder-create-account"
+                      className={cn(ONBOARDING_PRIMARY_BUTTON_CLASS, "w-full")}
+                      onClick={() => handleBuilder(true)}
+                      disabled={connectFlow.connecting}
+                    >
+                      {t("agentChat.onboarding.builderCreateAccount")}
+                    </button>
+                  )}
                   <button
                     type="button"
                     data-testid="first-run-builder-sign-in"

package/src/app/onboarding/NewWorkspaceAppFlow.spec.ts

@@ -1,10 +1,14 @@
 // @vitest-environment happy-dom
+import { AgentNativeI18nProvider } from "@agent-native/core/client/i18n";
 import React, { act } from "react";
 import { createRoot, type Root } from "react-dom/client";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 
+import { createToolkitI18nCatalog } from "../i18n.js";
 import { NewWorkspaceAppFlow } from "./NewWorkspaceAppFlow.js";
 
+const toolkitI18nCatalog = createToolkitI18nCatalog({ messages: {} });
+
 const sendToAgentChatMock = vi.hoisted(() => vi.fn());
 const frameState = vi.hoisted(() => ({ inBuilderFrame: false }));
 const devState = vi.hoisted(() => ({ isDevMode: false }));
@@ -190,7 +194,11 @@ describe("NewWorkspaceAppFlow", () => {
   async function renderAndSelectAccess() {
     await act(async () => {
       root.render(
-        React.createElement(NewWorkspaceAppFlow, { dispatchBasePath: null }),
+        React.createElement(
+          AgentNativeI18nProvider,
+          { catalog: toolkitI18nCatalog, persistPreference: false },
+          React.createElement(NewWorkspaceAppFlow, { dispatchBasePath: null }),
+        ),
       );
     });
 
@@ -359,7 +367,11 @@ describe("NewWorkspaceAppFlow", () => {
     vaultState.mode = "all-apps";
     await act(async () => {
       root.render(
-        React.createElement(NewWorkspaceAppFlow, { dispatchBasePath: null }),
+        React.createElement(
+          AgentNativeI18nProvider,
+          { catalog: toolkitI18nCatalog, persistPreference: false },
+          React.createElement(NewWorkspaceAppFlow, { dispatchBasePath: null }),
+        ),
       );
     });
 
@@ -388,7 +400,11 @@ describe("NewWorkspaceAppFlow", () => {
       root.unmount();
       root = createRoot(container);
       root.render(
-        React.createElement(NewWorkspaceAppFlow, { dispatchBasePath: null }),
+        React.createElement(
+          AgentNativeI18nProvider,
+          { catalog: toolkitI18nCatalog, persistPreference: false },
+          React.createElement(NewWorkspaceAppFlow, { dispatchBasePath: null }),
+        ),
       );
     });
     await act(async () => {
@@ -412,7 +428,7 @@ describe("NewWorkspaceAppFlow", () => {
     );
   });
 
-  it("renders a Connect Builder control when Builder is not connected", async () => {
+  it("renders a Use Builder.io control when Builder is not connected", async () => {
     startWorkspaceAppCreationResponse.result = {
       mode: "builder-unavailable",
       reason: "builder-not-connected",
@@ -430,7 +446,7 @@ describe("NewWorkspaceAppFlow", () => {
       );
     });
 
-    const connectButton = findButton(container, "Connect Builder");
+    const connectButton = findButton(container, "Use Builder.io");
     act(() => {
       connectButton.click();
     });
@@ -464,7 +480,7 @@ describe("NewWorkspaceAppFlow", () => {
       matchingDivs.some((el) => el.className.includes("border-destructive")),
     ).toBe(true);
 
-    expect(() => findButton(container, "Connect Builder")).toThrow();
+    expect(() => findButton(container, "Use Builder.io")).toThrow();
     expect(findButton(container, "Try again")).toBeTruthy();
   });
 
@@ -491,7 +507,7 @@ describe("NewWorkspaceAppFlow", () => {
     expect(
       matchingDivs.some((el) => el.className.includes("border-destructive")),
     ).toBe(false);
-    expect(() => findButton(container, "Connect Builder")).toThrow();
+    expect(() => findButton(container, "Use Builder.io")).toThrow();
     expect(() => findButton(container, "Try again")).toThrow();
   });
 });

package/src/app/onboarding/NewWorkspaceAppFlow.tsx

@@ -4,6 +4,7 @@ import {
   appBasePath,
 } from "@agent-native/core/client/api-path";
 import { isInBuilderFrame } from "@agent-native/core/client/builder-frame";
+import { useT } from "@agent-native/core/client/i18n";
 import { useDevMode } from "@agent-native/core/client/use-dev-mode";
 import { docsUrl } from "@agent-native/core/shared/docs-url";
 import { getWorkspaceAppIdValidationError } from "@agent-native/core/shared/workspace-app-id";
@@ -173,6 +174,7 @@ export function NewWorkspaceAppFlow({
   className = "",
   dispatchBasePath,
 }: NewWorkspaceAppFlowProps) {
+  const t = useT();
   const [selectedSecretIds, setSelectedSecretIds] = useState<string[]>([]);
   const [selectedResourceIds, setSelectedResourceIds] = useState<string[]>([]);
   const [secrets, setSecrets] = useState<VaultSecretOption[]>([]);
@@ -425,8 +427,8 @@ export function NewWorkspaceAppFlow({
                       className="inline-flex w-fit cursor-pointer items-center gap-1 rounded-md border border-border bg-background px-2.5 py-1 text-xs font-medium text-foreground hover:bg-accent/40 disabled:cursor-not-allowed disabled:opacity-60"
                     >
                       {connectFlow.connecting
-                        ? "Connecting..."
-                        : "Connect Builder"}
+                        ? t("agentChat.composer.connectingBuilder")
+                        : t("agentChat.setup.connectBuilder")}
                     </button>
                   </DeferredBuilderConnectPopover>
                   <a

package/src/app/onboarding/OnboardingPanel.tsx

@@ -1,5 +1,6 @@
 import { sendToAgentChat } from "@agent-native/core/client/agent-chat";
 import { agentNativePath } from "@agent-native/core/client/api-path";
+import { useT } from "@agent-native/core/client/i18n";
 import {
   trackOnboardingEvent,
   useOnboarding,
@@ -703,6 +704,7 @@ function BuilderCliAuthMethod({
   primary?: boolean;
   onClick: () => void;
 }) {
+  const t = useT();
   const connectFlow = useBuilderConnectFlow({
     provisionAccount: true,
     trackingSource: "onboarding_builder_cli_auth",
@@ -726,19 +728,13 @@ function BuilderCliAuthMethod({
                 style={{ marginInlineEnd: 4 }}
                 className="animate-spin"
               />
-              Waiting for Builder...
+              {t("agentChat.onboarding.builderConnecting")}
             </>
           ) : (
-            "Connect Builder"
+            t("agentChat.setup.connectBuilder")
           )}
         </button>
       </BuilderConnectPopover>
-      {connecting && (
-        <p style={styles.methodHint}>
-          A Builder tab opened. Choose your team or app space there; setup will
-          continue here automatically.
-        </p>
-      )}
       {error && <p style={styles.errText}>{error}</p>}
     </>
   );

package/src/app/settings/BuilderConnectPopover.spec.tsx

@@ -57,6 +57,30 @@ function trigger() {
 }
 
 describe("BuilderConnectPopover before the status read resolves", () => {
+  it("uses existing-account sign-in when provisioning is unavailable", () => {
+    const onConnect = vi.fn();
+    const flow = {
+      connecting: false,
+      start: vi.fn(),
+      provisionAccount: true,
+      statusResolved: true,
+      agentNativeProvisioningEnabled: false,
+    };
+
+    render(
+      React.createElement(
+        BuilderConnectPopover,
+        { flow, onConnect },
+        trigger(),
+      ),
+    );
+
+    click(connectButton());
+
+    expect(onConnect).toHaveBeenCalledWith(false);
+    expect(flow.start).not.toHaveBeenCalled();
+  });
+
   it("never replays a queued click into the popup path", () => {
     const onConnect = vi.fn();
     const retry = vi.fn(() => true);
@@ -116,7 +140,12 @@ describe("BuilderConnectPopover before the status read resolves", () => {
     render(
       React.createElement(
         BuilderConnectPopover,
-        { flow, onConnect, contentTestId: "consent" },
+        {
+          flow,
+          onConnect,
+          contentTestId: "consent",
+          primaryTestId: "create",
+        },
         trigger(),
       ),
     );
@@ -135,6 +164,7 @@ describe("BuilderConnectPopover before the status read resolves", () => {
           },
           onConnect,
           contentTestId: "consent",
+          primaryTestId: "create",
         },
         trigger(),
       ),
@@ -144,6 +174,12 @@ describe("BuilderConnectPopover before the status read resolves", () => {
     const consent = document.querySelector("[data-testid='consent']");
     expect(consent).not.toBeNull();
     expect(consent?.className).toContain("z-[330]");
+    const create = consent?.querySelector<HTMLButtonElement>(
+      "[data-testid='create']",
+    );
+    expect(create).not.toBeNull();
+    click(create!);
+    expect(onConnect).toHaveBeenCalledWith(true);
   });
 
   it("stacks the create and sign-in buttons together with the terms below them", () => {
@@ -189,6 +225,10 @@ describe("BuilderConnectPopover before the status read resolves", () => {
       p.querySelector("a"),
     );
     expect(create && signIn && terms).toBeTruthy();
+    expect(consent?.textContent).toContain(
+      "Included free with a Builder.io account",
+    );
+    expect(consent?.textContent).toContain("60 monthly Agent Credits");
     expect(signIn?.parentElement).toBe(create?.parentElement);
     expect(create!.compareDocumentPosition(signIn!)).toBe(
       Node.DOCUMENT_POSITION_FOLLOWING,

package/src/app/settings/BuilderConnectPopover.tsx

@@ -26,6 +26,7 @@ export interface BuilderConnectPopoverProps {
     statusResolved?: boolean;
     statusReadSettledCount?: number;
     canConnect?: BuilderConnectFlow["canConnect"];
+    provisionAccount?: boolean;
   };
   children: BuilderConnectTrigger;
   onConnect?: (provisionAccount: boolean) => void;
@@ -66,14 +67,18 @@ export function BuilderConnectPopover({
     }
   }, [accountExists]);
 
-  const start = (provisionAccount: boolean) => {
+  const start = (provisionAccount?: boolean) => {
+    const shouldProvision =
+      provisionAccount ??
+      (flow.agentNativeProvisioningEnabled === true &&
+        (defaultProvisionAccount || flow.provisionAccount === true));
     initiatedByThisTriggerRef.current = true;
     setOpen(false);
     if (onConnect) {
-      onConnect(provisionAccount);
+      onConnect(shouldProvision);
       return;
     }
-    flow.start({ provisionAccount });
+    flow.start({ provisionAccount: shouldProvision });
   };
 
   const openQueuedPopoverRef = useRef<() => void>(() => {});
@@ -114,7 +119,7 @@ export function BuilderConnectPopover({
       }
       children.props.onClick?.(event);
       onTriggerClick?.(event);
-      if (!showPopover && !event.defaultPrevented) start(false);
+      if (!showPopover && !event.defaultPrevented) start();
     },
   });
 
@@ -169,6 +174,18 @@ export function BuilderConnectPopover({
                 ? t("agentChat.onboarding.builderOrgActivationDescription")
                 : t("agentChat.onboarding.builderActivationDescription")}
           </p>
+          <div className="flex flex-col gap-1 rounded-[10px] bg-emerald-50 px-4 py-3 dark:bg-emerald-950/30">
+            <p className="text-[13px] font-semibold text-foreground">
+              {t("agentChat.onboarding.builderIncludedFreeWithAccount", {
+                defaultValue: "Included free with a Builder.io account",
+              })}
+            </p>
+            <p className="text-xs font-medium text-emerald-700 dark:text-emerald-400">
+              {t("agentChat.onboarding.builderMonthlyCredits", {
+                defaultValue: "60 monthly Agent Credits",
+              })}
+            </p>
+          </div>
           <div className="flex flex-col gap-2">
             <Button
               type="button"

package/src/app/settings/SettingsPanel.connections.spec.tsx

@@ -330,7 +330,7 @@ describe("ConnectionsSettingsContent", () => {
 
     expect(
       Array.from(container.querySelectorAll("button")).filter((button) =>
-        button.textContent?.includes("Connect Builder"),
+        button.textContent?.includes("Use Builder.io"),
       ),
     ).toHaveLength(0);
 
@@ -343,7 +343,7 @@ describe("ConnectionsSettingsContent", () => {
     await vi.waitFor(() => {
       const connectButtons = Array.from(
         container.querySelectorAll("button"),
-      ).filter((button) => button.textContent?.includes("Connect Builder"));
+      ).filter((button) => button.textContent?.includes("Use Builder.io"));
       expect(connectButtons).toHaveLength(5);
 
       const solidPrimaryBtn = connectButtons.find((btn) =>

package/src/app/settings/SettingsPanel.tsx

@@ -285,7 +285,7 @@ function UseBuilderCard({
   credentialSource,
   trackingSource = "settings_panel_builder_card",
   trackingFlow = "connect_llm",
-  label = "Connect Builder.io",
+  label,
   subtitle = "Builder.io free credits to start - no API key needed.",
   dim,
   compact = false,
@@ -303,7 +303,9 @@ function UseBuilderCard({
   dim?: boolean;
   compact?: boolean;
 }) {
+  const t = useT();
   const isPage = useSettingsSurface() === "page";
+  const connectLabel = label ?? t("agentChat.setup.connectBuilder");
   const effectiveConnected = connected || builderFlow.configured;
   const effectiveOrgName = builderFlow.orgName ?? orgName;
   const effectiveCredentialSource =
@@ -350,7 +352,7 @@ function UseBuilderCard({
         {envManaged ? (
           <p className={cn("text-muted-foreground mt-1", bodyCls)}>
             {credentialSource === "env"
-              ? "Deployment fallback is available. Connect your own account to override it."
+              ? t("agentChat.settingsInfra.builderOverrideDescription")
               : "Using your connected Builder account. Deployment fallback is still available."}
           </p>
         ) : null}
@@ -387,7 +389,9 @@ function UseBuilderCard({
           disabled={builderFlow.connecting}
           className="inline-flex shrink-0 items-center gap-1.5 rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:cursor-wait disabled:opacity-70"
         >
-          {builderFlow.connecting ? "Connecting…" : "Connect Builder.io"}
+          {builderFlow.connecting
+            ? t("agentChat.composer.connectingBuilder")
+            : connectLabel}
           {builderFlow.connecting ? (
             <IconLoader2 size={14} className="animate-spin" />
           ) : null}
@@ -421,7 +425,9 @@ function UseBuilderCard({
                 isPage ? "text-sm" : "text-[12px]",
               )}
             >
-              {builderFlow.connecting ? "Connecting Builder.io..." : label}
+              {builderFlow.connecting
+                ? t("agentChat.composer.connectingBuilder")
+                : connectLabel}
             </span>
             {builderFlow.connecting && (
               <IconLoader2
@@ -465,7 +471,9 @@ function UseBuilderCard({
             isPage ? "text-sm" : "text-[11px]",
           )}
         >
-          {builderFlow.connecting ? "Connecting…" : "Connect Builder.io"}
+          {builderFlow.connecting
+            ? t("agentChat.composer.connectingBuilder")
+            : connectLabel}
           {builderFlow.connecting ? (
             <IconLoader2 size={isPage ? 14 : 12} className="animate-spin" />
           ) : null}
@@ -1339,7 +1347,7 @@ function LLMSectionInner({
                   credentialSource={credentialSource}
                   trackingSource="llm_settings"
                   trackingFlow="connect_llm"
-                  label="Connect Builder.io"
+                  label={t("agentChat.setup.connectBuilder")}
                   compact
                 />
               )}
@@ -1372,7 +1380,7 @@ function LLMSectionInner({
                       credentialSource={credentialSource}
                       trackingSource="llm_settings"
                       trackingFlow="connect_llm"
-                      label="Connect Builder.io"
+                      label={t("agentChat.setup.connectBuilder")}
                     />
                   ) : undefined
                 }
@@ -3911,7 +3919,7 @@ function SettingsPanelContent({
                 trackingFlow="file_upload"
               />
               <ManualSetupCard
-                hint="Object storage keeps uploaded files durable and their URLs reusable throughout the thread. Connect Builder or use an S3-compatible bucket below."
+                hint={t("agentChat.settingsInfra.builderStorageHint")}
                 docsUrl={docsUrl("file-uploads", {
                   campaign: "onboarding",
                   content: "file_upload_settings",

package/src/app/settings/VoiceTranscriptionSection.tsx

@@ -126,6 +126,7 @@ function batchProvider(provider: Provider | null): Provider {
 export function VoiceTranscriptionSection({
   compact = false,
 }: { compact?: boolean } = {}) {
+  const t = useT();
   const [transcriptionMode, setTranscriptionMode] =
     useState<TranscriptionMode | null>(null);
   const [provider, setProvider] = useState<Provider>(DEFAULT_BATCH_PROVIDER);
@@ -445,7 +446,7 @@ export function VoiceTranscriptionSection({
               googleRealtimeReady
                 ? "BYOK only for v1. Streams live partials and finals through Google Speech-to-Text."
                 : googleRealtimeConfigured
-                  ? "Google credentials are set. Connect Builder completely (free tier available) to mint the managed realtime session."
+                  ? t("agentChat.voiceMode.googleRealtimeDescription")
                   : "BYOK only for v1. Configure Google service account before selecting this source."
             }
             rightSlot={
@@ -463,7 +464,7 @@ export function VoiceTranscriptionSection({
                     type="button"
                     className="inline-flex items-center gap-1 rounded border border-border px-2 py-0.5 text-[10px] text-muted-foreground hover:bg-accent/40 hover:text-foreground"
                   >
-                    Connect Builder.io
+                    {t("agentChat.setup.connectBuilder")}
                   </button>
                 </DeferredBuilderConnectPopover>
               ) : (
@@ -552,7 +553,7 @@ export function VoiceTranscriptionSection({
               title="Google Speech-to-Text service account"
               subtitle={
                 googleRealtimeConfigured
-                  ? "Service-account JSON is set. Connect Builder (free tier available) to mint the managed realtime WebSocket session."
+                  ? t("agentChat.voiceMode.serviceAccountRealtimeDescription")
                   : "Service-account JSON for the dedicated realtime WebSocket to Google StreamingRecognize."
               }
               rightSlot={
@@ -571,7 +572,7 @@ export function VoiceTranscriptionSection({
                       type="button"
                       className="inline-flex items-center gap-1 rounded border border-border px-2 py-0.5 text-[10px] text-muted-foreground hover:text-foreground hover:bg-accent/40"
                     >
-                      Connect Builder.io
+                      {t("agentChat.setup.connectBuilder")}
                     </button>
                   </DeferredBuilderConnectPopover>
                 ) : (
@@ -605,11 +606,11 @@ export function VoiceTranscriptionSection({
               }
               onSelect={() => chooseBatchProvider("builder-gemini")}
               disabled={!builderStatus?.configured}
-              title="Builder.io Connect"
+              title={t("agentChat.setup.connectBuilder")}
               subtitle={
                 builderStatus?.configured
                   ? "Use Builder-hosted Gemini Flash-Lite for batch transcription and Luna for text cleanup."
-                  : "One-click connect for Gemini Flash-Lite transcription and Luna text cleanup. No Google key needed."
+                  : t("agentChat.voiceMode.builderGeminiDescription")
               }
               rightSlot={
                 builderStatus?.configured ? (
@@ -626,7 +627,7 @@ export function VoiceTranscriptionSection({
                       type="button"
                       className="inline-flex items-center gap-1 rounded border border-border px-2 py-0.5 text-[10px] text-muted-foreground hover:text-foreground hover:bg-accent/40"
                     >
-                      Connect Builder.io
+                      {t("agentChat.setup.connectBuilder")}
                     </button>
                   </DeferredBuilderConnectPopover>
                 )

package/src/app/settings/infra/InfrastructureSettingsPage.spec.tsx

@@ -406,8 +406,8 @@ describe("InfrastructureSettingsPage", () => {
     const primaries = [...container.querySelectorAll("button")].filter(
       (candidate) => candidate.classList.contains("bg-primary"),
     );
-    expect(primaries).toEqual([button(row("builder"), "Connect")]);
-    act(() => button(row("builder"), "Connect").click());
+    expect(primaries).toEqual([button(row("builder"), "Use Builder.io")]);
+    act(() => button(row("builder"), "Use Builder.io").click());
     expect(state.builder.start).toHaveBeenCalledWith({
       provisionAccount: false,
       scope: "org",
@@ -426,10 +426,10 @@ describe("InfrastructureSettingsPage", () => {
       );
       expect(row(id).textContent).toContain("Available with Builder.io · ");
       expect(row(id).textContent).not.toContain("Not available");
-      const connect = button(row(id), "Connect Builder.io");
+      const connect = button(row(id), "Use Builder.io");
       expect(connect.classList.contains("border")).toBe(true);
     }
-    act(() => button(row("browser-automation"), "Connect Builder.io").click());
+    act(() => button(row("browser-automation"), "Use Builder.io").click());
     expect(state.builder.start).toHaveBeenCalledWith({
       provisionAccount: false,
       scope: "org",

package/src/app/settings/infra/InfrastructureSettingsPage.tsx

@@ -390,7 +390,7 @@ function InfrastructurePageContent({
         disabled={flow.connecting}
       >
         {flow.connecting ? <Spinner aria-hidden /> : null}
-        {flow.connecting ? t(`${K}connecting`) : label}
+        {flow.connecting ? t("agentChat.composer.connectingBuilder") : label}
       </Button>
     </DeferredBuilderConnectPopover>
   );
@@ -414,7 +414,10 @@ function InfrastructurePageContent({
     );
   } else if (recommendBuilder) {
     builderDescription = t(`${K}builderRecommended`);
-    builderControl = connectBuilder("default", t(`${K}connect`));
+    builderControl = connectBuilder(
+      "default",
+      t("agentChat.setup.connectBuilder"),
+    );
   } else {
     builderDescription = t(`${K}builderNotConnected`);
   }

package/src/app/settings/model/ModelSettingsPage.spec.tsx

@@ -383,9 +383,11 @@ describe("ModelSettingsPage", () => {
     expect(buttons(row("provider-org-groq"))).toEqual([]);
 
     expect(row("provider-personal-builder").textContent).toContain(
-      "Connect your own account to use it instead of the organization's.",
+      "Use your own Builder.io account instead of the organization's connection.",
     );
-    expect(buttons(row("provider-personal-builder"))).toEqual(["Connect"]);
+    expect(buttons(row("provider-personal-builder"))).toEqual([
+      "Use Builder.io",
+    ]);
     act(() => {
       (
         row("provider-personal-builder").querySelector("button") as HTMLElement
@@ -640,7 +642,7 @@ describe("ModelSettingsPage", () => {
       "The agent needs a provider to respond. We recommend Builder.io for model access, browser automation, file storage, and workspace identity. Free tier available.",
     );
     expect(prominence(empty)).toEqual([
-      "Connect Builder.io:primary",
+      "Use Builder.io:primary",
       "Add provider:outline",
     ]);
     // The empty state holds the page's one primary, so the header is empty.
@@ -670,7 +672,7 @@ describe("ModelSettingsPage", () => {
     act(() => {
       (
         [...empty.querySelectorAll("button")].find(
-          (button) => button.textContent === "Connect Builder.io",
+          (button) => button.textContent === "Use Builder.io",
         ) as HTMLElement
       ).click();
     });
@@ -738,7 +740,7 @@ describe("ModelSettingsPage", () => {
     );
     const builderRow = row("provider-org-builder");
     expect(builderRow.textContent).toContain("Recommended");
-    expect(prominence(builderRow)).toEqual(["Connect:outline"]);
+    expect(prominence(builderRow)).toEqual(["Use Builder.io:outline"]);
   });
 
   it("doesn't recommend a member's own Builder.io over the organization's connection", async () => {

package/src/app/settings/model/ModelSettingsPage.tsx

@@ -397,7 +397,7 @@ function NoProviderEmpty({
       <Button type="button" size="sm" disabled={builder.connecting}>
         {builder.connecting ? <Spinner /> : null}
         {builder.connecting
-          ? t(`${K}connecting`)
+          ? t("agentChat.composer.connectingBuilder")
           : t("agentChat.setup.connectBuilder")}
       </Button>
     </DeferredBuilderConnectPopover>
@@ -608,7 +608,9 @@ function BuilderRow({
             disabled={flow.connecting}
           >
             {flow.connecting ? <Spinner /> : null}
-            {flow.connecting ? t(`${K}connecting`) : t(`${K}connect`)}
+            {flow.connecting
+              ? t("agentChat.composer.connectingBuilder")
+              : t("agentChat.setup.connectBuilder")}
           </Button>
         </DeferredBuilderConnectPopover>
       );