@agent-native/core 0.157.9 → 0.157.10

package/dist/cli/portal-workspace.js

@@ -0,0 +1,320 @@
+import { execFile as execFileCallback } from "node:child_process";
+import crypto from "node:crypto";
+import fs from "node:fs";
+import os from "node:os";
+import path from "node:path";
+import { promisify } from "node:util";
+import { codeAgentStoreRoot } from "./code-agent-runs.js";
+const execFile = promisify(execFileCallback);
+const MAX_GIT_OUTPUT_BYTES = 1_000_000;
+const PORTAL_ENV_FILES = [".env", ".env.local"];
+const PORTAL_PROTECTED_ENV_KEYS = new Set([
+    "AGENT_NATIVE_CODE_AGENTS_HOME",
+    "AGENT_NATIVE_CODE_AGENT_PERMISSION_MODE",
+    "AGENT_NATIVE_COMPUTER_BRIDGE_TOKEN",
+    "AGENT_NATIVE_COMPUTER_BRIDGE_URL",
+    "AGENT_NATIVE_REMOTE_DEVICE_PATH",
+    "ELECTRON_RUN_AS_NODE",
+    "HOME",
+    "NODE_OPTIONS",
+    "PATH",
+    "PWD",
+    "SHELL",
+]);
+const runPortalGit = async (args, cwd, env) => {
+    try {
+        const result = await execFile("git", args, {
+            cwd,
+            encoding: "utf8",
+            env: {
+                ...process.env,
+                GIT_TERMINAL_PROMPT: "0",
+                ...env,
+            },
+            maxBuffer: MAX_GIT_OUTPUT_BYTES,
+        });
+        return {
+            status: 0,
+            stdout: String(result.stdout),
+            stderr: String(result.stderr),
+        };
+    }
+    catch (error) {
+        const candidate = error;
+        return {
+            status: typeof candidate.code === "number" ? candidate.code : 1,
+            stdout: candidate.stdout ? String(candidate.stdout) : undefined,
+            stderr: candidate.stderr ? String(candidate.stderr) : undefined,
+            error: error instanceof Error ? error : new Error(String(error)),
+        };
+    }
+};
+export async function createPortalHandoff(input) {
+    const executeGit = input.runGit ?? runPortalGit;
+    const sourceCandidate = path.resolve(input.sourcePath);
+    const remoteName = input.remoteName ?? "origin";
+    assertSafeRemoteName(remoteName);
+    const handoffId = input.handoffId ?? crypto.randomUUID();
+    assertSafeHandoffId(handoffId);
+    const repositoryPath = await requiredGitOutput(executeGit, ["rev-parse", "--show-toplevel"], sourceCandidate, "Selected folder is not a Git repository. Choose a Git folder to use Portal.");
+    const head = await requiredGitOutput(executeGit, ["rev-parse", "--verify", "HEAD"], repositoryPath, "Portal could not determine the current Git commit.");
+    const status = await executeGit(["status", "--porcelain", "--untracked-files=all"], repositoryPath);
+    if (status.status !== 0) {
+        throw gitFailure(status, "Portal could not inspect the local Git working tree.");
+    }
+    const remoteUrl = await requiredGitOutput(executeGit, ["remote", "get-url", remoteName], repositoryPath, `Portal could not find the ${remoteName} Git remote.`);
+    if (!remoteUrl) {
+        throw new Error(`Portal could not find the ${remoteName} Git remote.`);
+    }
+    const branchResult = await executeGit(["branch", "--show-current"], repositoryPath);
+    const sourceBranch = branchResult.status === 0
+        ? branchResult.stdout?.trim() || undefined
+        : undefined;
+    const sourceDirty = Boolean(status.stdout?.trim());
+    let commit = head;
+    let createdCommit = false;
+    if (sourceDirty) {
+        const tempRoot = await fs.promises.mkdtemp(path.join(os.tmpdir(), "agent-native-portal-index-"));
+        const indexPath = path.join(tempRoot, "index");
+        try {
+            const indexEnv = { GIT_INDEX_FILE: indexPath };
+            const added = await executeGit(["add", "--all", "--", "."], repositoryPath, indexEnv);
+            if (added.status !== 0) {
+                throw gitFailure(added, "Portal could not snapshot local code.");
+            }
+            const tree = await requiredGitOutput(executeGit, ["write-tree"], repositoryPath, "Portal could not write the local code snapshot.", indexEnv);
+            const authorName = (await optionalGitOutput(executeGit, ["config", "--get", "user.name"], repositoryPath)) ?? "Agent Native Portal";
+            const authorEmail = (await optionalGitOutput(executeGit, ["config", "--get", "user.email"], repositoryPath)) ?? "portal@agent-native.local";
+            const committed = await requiredGitOutput(executeGit, ["commit-tree", tree, "-p", head, "-m", `Portal handoff ${handoffId}`], repositoryPath, "Portal could not create the local code snapshot.", {
+                ...indexEnv,
+                GIT_AUTHOR_NAME: authorName,
+                GIT_AUTHOR_EMAIL: authorEmail,
+                GIT_COMMITTER_NAME: authorName,
+                GIT_COMMITTER_EMAIL: authorEmail,
+            });
+            commit = committed;
+            createdCommit = true;
+        }
+        finally {
+            await fs.promises.rm(tempRoot, { recursive: true, force: true });
+        }
+    }
+    const branch = portalBranchName(input.now ?? new Date(), handoffId);
+    const pushed = await executeGit(["push", "--no-verify", remoteName, `${commit}:refs/heads/${branch}`], repositoryPath);
+    if (pushed.status !== 0) {
+        throw gitFailure(pushed, "Portal could not push the code snapshot to the Git remote.");
+    }
+    return {
+        schemaVersion: 1,
+        handoffId,
+        branch,
+        remoteRef: `refs/heads/${branch}`,
+        commit,
+        sourceBranch,
+        sourceDirty,
+        createdCommit,
+        repositoryName: path.basename(repositoryPath),
+        remoteName,
+        envPolicy: "load-local",
+    };
+}
+export async function preparePortalWorkspace(input) {
+    const executeGit = input.runGit ?? runPortalGit;
+    const handoff = parsePortalHandoff(input.handoff);
+    const configuredWorkspace = input.workspacePath?.trim();
+    if (!configuredWorkspace) {
+        throw new Error("Portal needs a configured workspacePath on the paired computer.");
+    }
+    const repositoryPath = await requiredGitOutput(executeGit, ["rev-parse", "--show-toplevel"], path.resolve(configuredWorkspace), "Portal could not find a Git repository on the paired computer.");
+    const trackingRef = `refs/remotes/${handoff.remoteName}/${handoff.branch}`;
+    const fetched = await executeGit([
+        "fetch",
+        "--no-tags",
+        "--no-prune",
+        handoff.remoteName,
+        `${handoff.remoteRef}:${trackingRef}`,
+    ], repositoryPath);
+    if (fetched.status !== 0) {
+        throw gitFailure(fetched, "Portal could not fetch the code snapshot on the paired computer.");
+    }
+    const verified = await executeGit(["cat-file", "-e", `${handoff.commit}^{commit}`], repositoryPath);
+    if (verified.status !== 0) {
+        throw gitFailure(verified, "Portal fetched the branch but could not verify its commit.");
+    }
+    const worktreeRoot = path.resolve(input.worktreeRoot ?? path.join(codeAgentStoreRoot(), "portals"));
+    await fs.promises.mkdir(worktreeRoot, { recursive: true });
+    const baseName = `${handoff.handoffId}-${handoff.commit.slice(0, 8)}`;
+    let workspacePath = path.join(worktreeRoot, baseName);
+    let reused = false;
+    if (fs.existsSync(workspacePath)) {
+        const existingHead = await executeGit(["rev-parse", "HEAD"], workspacePath);
+        const existingStatus = await executeGit(["status", "--porcelain", "--untracked-files=all"], workspacePath);
+        if (existingHead.status === 0 &&
+            existingHead.stdout?.trim() === handoff.commit &&
+            existingStatus.status === 0 &&
+            !existingStatus.stdout?.trim()) {
+            reused = true;
+        }
+        else {
+            workspacePath = path.join(worktreeRoot, `${baseName}-${crypto.randomUUID().slice(0, 8)}`);
+        }
+    }
+    if (!reused) {
+        const created = await executeGit(["worktree", "add", "--detach", workspacePath, handoff.commit], repositoryPath);
+        if (created.status !== 0) {
+            throw gitFailure(created, "Portal could not create the isolated workspace on the paired computer.");
+        }
+    }
+    return {
+        handoff,
+        repositoryPath,
+        workspacePath,
+        environmentRoot: repositoryPath,
+        environmentFiles: listPortalEnvironmentFiles(repositoryPath),
+        reused,
+    };
+}
+export function parsePortalHandoff(value) {
+    if (!value || typeof value !== "object" || Array.isArray(value)) {
+        throw new Error("Portal handoff metadata is missing.");
+    }
+    const record = value;
+    const handoffId = stringField(record.handoffId);
+    const branch = stringField(record.branch);
+    const remoteRef = stringField(record.remoteRef);
+    const commit = stringField(record.commit);
+    const repositoryName = stringField(record.repositoryName);
+    const remoteName = stringField(record.remoteName);
+    if (!handoffId || !branch || !remoteRef || !commit || !repositoryName) {
+        throw new Error("Portal handoff metadata is incomplete.");
+    }
+    assertSafeHandoffId(handoffId);
+    assertSafeBranch(branch);
+    assertSafeRemoteName(remoteName || "");
+    if (remoteRef !== `refs/heads/${branch}`) {
+        throw new Error("Portal handoff metadata has an invalid remote ref.");
+    }
+    if (!/^[a-f0-9]{7,64}$/i.test(commit)) {
+        throw new Error("Portal handoff metadata has an invalid commit.");
+    }
+    if (record.schemaVersion !== 1 || record.envPolicy !== "load-local") {
+        throw new Error("Portal handoff metadata has an unsupported version.");
+    }
+    if (typeof record.sourceDirty !== "boolean" ||
+        typeof record.createdCommit !== "boolean") {
+        throw new Error("Portal handoff metadata has invalid snapshot state.");
+    }
+    const sourceBranch = stringField(record.sourceBranch);
+    return {
+        schemaVersion: 1,
+        handoffId,
+        branch,
+        remoteRef,
+        commit,
+        sourceBranch,
+        sourceDirty: record.sourceDirty,
+        createdCommit: record.createdCommit,
+        repositoryName,
+        remoteName: remoteName || "origin",
+        envPolicy: "load-local",
+    };
+}
+export function listPortalEnvironmentFiles(root, mode = process.env.NODE_ENV || "development") {
+    const normalizedMode = mode.trim().replace(/[^A-Za-z0-9_-]/g, "");
+    const names = [
+        ...PORTAL_ENV_FILES,
+        ...(normalizedMode ? [`.env.${normalizedMode}`] : []),
+        ...(normalizedMode ? [`.env.${normalizedMode}.local`] : []),
+    ];
+    return [...new Set(names)].filter((name) => {
+        try {
+            return fs.statSync(path.join(root, name)).isFile();
+            // coercion-ok: A missing local env file is an intentional absent value.
+        }
+        catch {
+            return false;
+        }
+    });
+}
+export function loadPortalEnvironment(root, mode = process.env.NODE_ENV || "development") {
+    const resolvedRoot = path.resolve(root);
+    const files = listPortalEnvironmentFiles(resolvedRoot, mode);
+    const values = {};
+    for (const name of files) {
+        const filePath = path.join(resolvedRoot, name);
+        let content;
+        try {
+            content = fs.readFileSync(filePath, "utf8");
+        }
+        catch (error) {
+            throw new Error(`Portal could not read ${name} on the paired computer: ${error instanceof Error ? error.message : String(error)}`);
+        }
+        for (const line of content.split(/\r?\n/)) {
+            const match = line.match(/^\s*(?:export\s+)?([A-Za-z_][A-Za-z0-9_]*)\s*=\s*(.*)\s*$/);
+            if (!match || PORTAL_PROTECTED_ENV_KEYS.has(match[1]))
+                continue;
+            values[match[1]] = parsePortalEnvValue(match[2]);
+        }
+    }
+    return { values, files, root: resolvedRoot };
+}
+function parsePortalEnvValue(value) {
+    const trimmed = value.trim();
+    if (trimmed.length >= 2 &&
+        ((trimmed.startsWith('"') && trimmed.endsWith('"')) ||
+            (trimmed.startsWith("'") && trimmed.endsWith("'")))) {
+        return trimmed.slice(1, -1);
+    }
+    const comment = trimmed.indexOf(" #");
+    return comment >= 0 ? trimmed.slice(0, comment).trimEnd() : trimmed;
+}
+function portalBranchName(now, handoffId) {
+    const timestamp = now.toISOString().replace(/\D/g, "").slice(0, 14);
+    const suffix = handoffId.slice(0, 8).replace(/[-.]+$/g, "") || "handoff";
+    return `portal/${timestamp}-${suffix}`;
+}
+function stringField(value) {
+    return typeof value === "string" && value.trim() ? value.trim() : undefined;
+}
+function assertSafeHandoffId(value) {
+    if (!/^[A-Za-z0-9][A-Za-z0-9._:-]{0,119}$/.test(value)) {
+        throw new Error("Portal handoff id is invalid.");
+    }
+}
+function assertSafeBranch(value) {
+    if (!/^[A-Za-z0-9][A-Za-z0-9._/-]{0,180}$/.test(value) ||
+        value.includes("..") ||
+        value.includes("//") ||
+        value.endsWith("/") ||
+        value.endsWith(".")) {
+        throw new Error("Portal branch is invalid.");
+    }
+}
+function assertSafeRemoteName(value) {
+    if (!/^[A-Za-z0-9._-]{1,64}$/.test(value)) {
+        throw new Error("Portal Git remote name is invalid.");
+    }
+}
+async function requiredGitOutput(executeGit, args, cwd, fallback, env) {
+    const result = await executeGit(args, cwd, env);
+    if (result.status !== 0 || !result.stdout?.trim()) {
+        throw gitFailure(result, fallback);
+    }
+    return result.stdout.trim();
+}
+async function optionalGitOutput(executeGit, args, cwd) {
+    const result = await executeGit(args, cwd);
+    return result.status === 0 ? result.stdout?.trim() || undefined : undefined;
+}
+function gitFailure(result, fallback) {
+    const detail = sanitizeGitError(result.stderr?.trim() || result.error?.message);
+    return new Error(detail ? `${fallback} ${detail}` : fallback);
+}
+function sanitizeGitError(value) {
+    if (!value)
+        return undefined;
+    return value
+        .replace(/https?:\/\/[^\s/@]+(?::[^\s/@]*)?@/gi, "https://REDACTED@")
+        .replace(/\s+/g, " ")
+        .slice(0, 800);
+}

package/dist/client/AssistantChat.d.ts

@@ -318,7 +318,7 @@ export interface AssistantChatProps {
     composerAreaClassName?: string;
     /** Placeholder for the shared composer in its normal idle state. */
     composerPlaceholder?: string;
-    /** Sidebar uses a compact setup CTA above the composer; page chat keeps the default below-composer CTA. */
+    /** Controls the compactness of the provider setup panel attached above the composer. */
     missingApiKeySetupLayout?: BuilderSetupCardLayout;
     /** Visual density for the shared composer shell. */
     composerLayoutVariant?: AgentComposerLayoutVariant;

package/dist/client/AssistantChat.js

@@ -22,13 +22,12 @@ import { readAssistantChatComposerDraft, writeAssistantChatComposerDraft, } from
 import { TextStreamingContext } from "./chat/markdown-renderer.js";
 import { CheckpointContext, MessageActionsContext, assistantMessageRunId, UserMessage, AssistantMessage, SelectionAttachedPill, RunningActivityStatus, displayableUserMessageText, isHiddenUserMessage, ServerRunActiveContext, UserStoppedRunContext, } from "./chat/message-components.js";
 import { repoHasAssistantMessage, getRepoMessages, getRepoMessage, shouldImportServerThreadData, dedupeRepoMessagesById, dropEmptyAssistantMessages, withLastAssistantRunDuration, } from "./chat/repo-helpers.js";
-import { BuilderSetupCard, BuilderSetupContent, LoopLimitContinueCard, RunErrorRecoveryCard, PlanModeCallout, getLoopLimitMetadata, getRunErrorMetadata, getRequestModeMetadata, runErrorKey, } from "./chat/run-recovery.js";
+import { BuilderSetupCard, LoopLimitContinueCard, RunErrorRecoveryCard, PlanModeCallout, getLoopLimitMetadata, getRunErrorMetadata, getRequestModeMetadata, runErrorKey, } from "./chat/run-recovery.js";
 import { createAgentChatRuntimeAdapter, } from "./chat/runtime.js";
 import { ChatRunningContext, ChatRunningRunIdContext, ChatRunningTurnIdContext, ChatRunDurationContext, SuppressInlineOpenAppContext, ApprovalContext, ReconnectStreamMessage, } from "./chat/tool-call-display.js";
 import { useAgentChatLifecycleTracking } from "./chat/use-agent-chat-lifecycle-tracking.js";
 import { useReconnectReaderOwner } from "./chat/use-reconnect-reader-owner.js";
 import { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, useMessageScroller, } from "./components/ui/message-scroller.js";
-import { Popover, PopoverContent, PopoverTrigger, } from "./components/ui/popover.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "./components/ui/tooltip.js";
 import { AgentComposerFrame, TiptapComposer, } from "./composer/index.js";
 import { useAgentDynamicSuggestionsResult, } from "./dynamic-suggestions.js";
@@ -1501,15 +1500,6 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         agentEngineConfigured.state === "missing" &&
         missingApiKey;
     const isComposerDisabled = composerDisabled;
-    const [missingKeySetupOpen, setMissingKeySetupOpen] = useState(false);
-    const requestMissingKeySetup = useCallback(() => {
-        setMissingKeySetupOpen(true);
-    }, []);
-    useEffect(() => {
-        if (agentEngineConfigured.state !== "configured")
-            return;
-        setMissingKeySetupOpen(false);
-    }, [agentEngineConfigured.state]);
     const [authError, setAuthError] = useState(null);
     const [authSessionAvailable, setAuthSessionAvailable] = useState(false);
     const [queuedMessages, setQueuedMessages] = useState([]);
@@ -2972,7 +2962,6 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
     // Nudge the shared hook to re-check after a Builder connect.
     const handleBuilderConnected = useCallback(() => {
         focusComposerAfterConnectRef.current = true;
-        setMissingKeySetupOpen(false);
         window.dispatchEvent(new Event("agent-engine:configured-changed"));
     }, []);
     useEffect(() => {
@@ -3615,9 +3604,6 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
     const addToQueue = useCallback(async (text, images, references, attachments, requestMode, intent = "queued", recoveryAction, includeComposerContext = false, trackInRunsTray = false, preserveReconnectAutoRecoveryBudget = false, hideUserMessage = false, submitMessageId, approvedToolCalls, continuationTurnId) => {
         if (isAgentChatSubmitCancelled(submitMessageId))
             return;
-        if (engineSetupRequired) {
-            requestMissingKeySetup();
-        }
         if (!preserveReconnectAutoRecoveryBudget) {
             reconnectAutoRecoveryCountRef.current = 0;
         }
@@ -3830,7 +3816,6 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         markOptimisticRunning,
         engineSetupRequired,
         appendThreadMessage,
-        requestMissingKeySetup,
         selectedEffort,
         selectedEngine,
         selectedModel,
@@ -4036,7 +4021,10 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
     const latestAssistantWasPlan = latestMessageRole === "assistant" &&
         getRequestModeMetadata(latestMessage) === "plan";
     const showMissingKeySetup = engineSetupRequired && !authError;
-    const showInlineMissingKeySetup = showMissingKeySetup && missingApiKeySetupLayout === "sidebar";
+    const [missingKeyBouncePulse, setMissingKeyBouncePulse] = useState(0);
+    const bounceMissingKeySetup = useCallback(() => {
+        setMissingKeyBouncePulse((pulse) => pulse + 1);
+    }, []);
     const showPlanModeCallout = execMode === "plan" &&
         !planModeDisabled &&
         !isComposerDisabled &&
@@ -4125,7 +4113,7 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
         (guidedQuestions && guidedQuestions.length > 0) ||
         visibleComposerContextItems.length > 0 ||
         showPlanModeCallout ||
-        showInlineMissingKeySetup);
+        showMissingKeySetup);
     const approvalResolutionScope = threadId ?? tabId ?? "default";
     const [approvalResolutionState, setApprovalResolutionState] = useState(() => ({
         scope: approvalResolutionScope,
@@ -4224,7 +4212,6 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                                                                                         t("agentChat.empty.prompt") }), emptyStateAddon, resolvedSuggestions &&
                                                                                     resolvedSuggestions.length > 0 ? (_jsx("div", { className: "flex w-full max-w-[280px] flex-col gap-1", children: resolvedSuggestions.map((suggestion) => (_jsx("button", { onClick: () => {
                                                                                             if (engineSetupRequired) {
-                                                                                                requestMissingKeySetup();
                                                                                                 return;
                                                                                             }
                                                                                             void addToQueue(suggestion);
@@ -4287,48 +4274,39 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
                                                                 ? { submitLabel: guidedQuestionsSubmitLabel }
                                                                 : {}), className: "h-auto items-stretch justify-stretch bg-transparent" }) })), composerError && (_jsxs("div", { role: "alert", className: "shrink-0 mx-3 mb-1.5 flex items-start gap-2 rounded-md border border-destructive/40 bg-destructive/10 px-3 py-2 text-xs text-destructive", children: [_jsx(IconAlertTriangle, { className: "h-3.5 w-3.5 mt-0.5 shrink-0" }), _jsx("span", { className: "flex-1 leading-snug", children: composerError }), _jsx("button", { type: "button", "aria-label": t("agentChat.common.dismissError"), onClick: () => setComposerError(null), className: "shrink-0 opacity-70 hover:opacity-100", children: _jsx(IconX, { className: "h-3 w-3" }) })] })), _jsxs("div", { className: "agent-composer-stack", "data-agent-composer-adjacent-ui": hasComposerAccessoryAboveStack
                                                             ? "true"
-                                                            : undefined, children: [_jsx(SelectionAttachedPill, {}), showPlanModeCallout && (_jsx(PlanModeCallout, { canImplementPlan: canImplementPlan, onImplementPlan: handleImplementPlan, onSwitchToAct: handleSwitchToAct })), showInlineMissingKeySetup ? (_jsx(BuilderSetupCard, { fullWidth: true, layout: "sidebar", onConnected: handleBuilderConnected })) : null, _jsxs(Popover, { open: showMissingKeySetup &&
-                                                                    !showInlineMissingKeySetup &&
-                                                                    missingKeySetupOpen, onOpenChange: setMissingKeySetupOpen, children: [_jsx(AgentComposerFrame, { layoutVariant: composerLayoutVariant, className: cn(composerAreaClassName, isComposerDisabled &&
-                                                                            !showMissingKeySetup &&
-                                                                            "opacity-70"), rootClassName: cn(showMissingKeySetup &&
-                                                                            "agent-composer-root--missing-key"), children: showMissingKeySetup &&
-                                                                            !showInlineMissingKeySetup ? (_jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "agent-composer-missing-key-trigger", "aria-label": t("agentChat.setup.connectToStart"), children: _jsxs("span", { className: "agent-composer-missing-key-content", children: [_jsxs("span", { className: "agent-composer-missing-key-copy", children: [_jsx("span", { className: "agent-composer-missing-key-title", children: missingApiKeySetupLayout ===
-                                                                                                        "sidebar"
-                                                                                                        ? t("agentChat.setup.connectToChat")
-                                                                                                        : t("agentChat.setup.connectToStart") }), missingApiKeySetupLayout !==
-                                                                                                    "sidebar" ? (_jsx("span", { className: "agent-composer-missing-key-description", children: t("agentChat.setup.builderCredits") })) : null] }), _jsx("span", { className: "agent-composer-missing-key-cta", children: t("agentChat.setup.connectAi") })] }) }) })) : (_jsxs(_Fragment, { children: [_jsx(ComposerAttachmentPreviewStrip, {}), _jsx(TiptapComposer, { focusRef: tiptapRef, initialText: initialComposerText ?? undefined, initialTextKey: composerDraftScope, onTextChange: isActiveComposer
-                                                                                        ? handleComposerTextChange
-                                                                                        : undefined, disabled: isComposerDisabled ||
-                                                                                        showInlineMissingKeySetup, placeholder: showInlineMissingKeySetup
-                                                                                        ? t("agentChat.setup.connectPlaceholder")
-                                                                                        : engineSetupRequired
-                                                                                            ? t("agentChat.setup.connectPlaceholder")
-                                                                                            : composerDisabled
-                                                                                                ? (composerDisabledPlaceholder ??
-                                                                                                    t("agentChat.composer.openDesktop"))
-                                                                                                : isRunning
-                                                                                                    ? queuedMessages.length > 0
-                                                                                                        ? t("agentChat.queue.followUpWithCount", {
-                                                                                                            count: queuedMessages.length,
-                                                                                                        })
-                                                                                                        : t("agentChat.queue.followUp")
-                                                                                                    : resolveAssistantChatComposerPlaceholder(composerPlaceholder), onSubmit: isRunning ||
-                                                                                        visibleComposerContextItems.length > 0
-                                                                                        ? (text, references, attachments, options) => void addToQueue(text, undefined, references.length > 0
-                                                                                            ? references
-                                                                                            : undefined, attachments, undefined, resolveAssistantChatSubmitIntent({
-                                                                                            isRunning,
-                                                                                            requestedIntent: options?.intent,
-                                                                                        }), undefined, true)
-                                                                                        : undefined, willQueue: engineSetupRequired || isRunning, onSlashCommand: onSlashCommand, execMode: execMode, onExecModeChange: onExecModeChange, planModeDisabled: planModeDisabled, planModeDisabledReason: planModeDisabledReason, selectedModel: selectedModel ?? defaultModel, selectedEffort: selectedEffort, availableModels: availableModels, availableAgents: availableAgents, selectedAgent: selectedAgent, hostedHarness: hostedHarness, modelListLoading: modelListLoading, onModelChange: shouldShowAssistantChatModelSelector(showModelSelector)
-                                                                                        ? onModelChange
-                                                                                        : undefined, onEffortChange: onEffortChange, onAgentChange: onAgentChange, imageModelMenu: imageModelMenu, onConnectProvider: onConnectProvider, onConnectLocalRuntime: onConnectLocalRuntime, toolbarSlot: composerToolbarSlot, contextItems: visibleComposerContextItems, onRemoveContextItem: removeComposerContextItem, plusMenuMode: plusMenuMode, layoutVariant: composerLayoutVariant, providerConnectStatusEnabled: providerStatusChecksEnabled, voiceEnabled: true, draftScope: composerDraftScope, interceptBuildRequestsForBuilder: true, onAttachmentError: setComposerError, extraActionButton: composerExtraActionButton, stopButton: showRunningInUI ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => stopActiveRun({
-                                                                                                        preserveQueuedMessages: true,
-                                                                                                    }), "aria-label": t("agentChat.composer.stopResponse"), "data-agent-composer-slot": "stop-button", className: "shrink-0 flex h-7 w-7 cursor-pointer items-center justify-center rounded-full bg-primary text-primary-foreground shadow-sm transition-opacity hover:opacity-90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", children: _jsx(IconPlayerStopFilled, { className: "h-3 w-3" }) }) }), _jsx(TooltipContent, { children: t("agentChat.composer.stopResponse") })] })) : undefined })] })) }), showMissingKeySetup &&
-                                                                        !showInlineMissingKeySetup ? (_jsx(PopoverContent, { side: missingApiKeySetupLayout === "sidebar"
-                                                                            ? "top"
-                                                                            : "bottom", align: "center", sideOffset: 8, collisionPadding: 12, "data-agent-native-composer-popover": "true", className: "z-[260] box-border w-[min(calc(100vw-2rem),var(--radix-popover-content-available-width,26rem),26rem)] rounded-lg border-border p-3 shadow-lg", children: _jsx(BuilderSetupContent, { onConnected: handleBuilderConnected, layout: missingApiKeySetupLayout }) })) : null] })] })] }) }) }) }) }) }) }) }) }) }) }));
+                                                            : undefined, children: [_jsx(SelectionAttachedPill, {}), showPlanModeCallout && (_jsx(PlanModeCallout, { canImplementPlan: canImplementPlan, onImplementPlan: handleImplementPlan, onSwitchToAct: handleSwitchToAct })), showMissingKeySetup ? (_jsx(BuilderSetupCard, { fullWidth: true, attached: true, bouncePulse: missingKeyBouncePulse, layout: missingApiKeySetupLayout, onConnected: handleBuilderConnected })) : null, _jsx(AgentComposerFrame, { layoutVariant: composerLayoutVariant, className: cn(composerAreaClassName, showMissingKeySetup &&
+                                                                    "agent-composer-area--attached-above", isComposerDisabled &&
+                                                                    !showMissingKeySetup &&
+                                                                    "opacity-70"), onClick: showMissingKeySetup
+                                                                    ? bounceMissingKeySetup
+                                                                    : undefined, children: _jsxs(_Fragment, { children: [_jsx(ComposerAttachmentPreviewStrip, {}), _jsx(TiptapComposer, { focusRef: tiptapRef, initialText: initialComposerText ?? undefined, initialTextKey: composerDraftScope, onTextChange: isActiveComposer
+                                                                                ? handleComposerTextChange
+                                                                                : undefined, disabled: isComposerDisabled || showMissingKeySetup, placeholder: showMissingKeySetup
+                                                                                ? t("agentChat.setup.connectPlaceholder")
+                                                                                : engineSetupRequired
+                                                                                    ? t("agentChat.setup.connectPlaceholder")
+                                                                                    : composerDisabled
+                                                                                        ? (composerDisabledPlaceholder ??
+                                                                                            t("agentChat.composer.openDesktop"))
+                                                                                        : isRunning
+                                                                                            ? queuedMessages.length > 0
+                                                                                                ? t("agentChat.queue.followUpWithCount", {
+                                                                                                    count: queuedMessages.length,
+                                                                                                })
+                                                                                                : t("agentChat.queue.followUp")
+                                                                                            : resolveAssistantChatComposerPlaceholder(composerPlaceholder), onSubmit: isRunning ||
+                                                                                visibleComposerContextItems.length > 0
+                                                                                ? (text, references, attachments, options) => void addToQueue(text, undefined, references.length > 0
+                                                                                    ? references
+                                                                                    : undefined, attachments, undefined, resolveAssistantChatSubmitIntent({
+                                                                                    isRunning,
+                                                                                    requestedIntent: options?.intent,
+                                                                                }), undefined, true)
+                                                                                : undefined, willQueue: engineSetupRequired || isRunning, onSlashCommand: onSlashCommand, execMode: execMode, onExecModeChange: onExecModeChange, planModeDisabled: planModeDisabled, planModeDisabledReason: planModeDisabledReason, selectedModel: selectedModel ?? defaultModel, selectedEffort: selectedEffort, availableModels: availableModels, availableAgents: availableAgents, selectedAgent: selectedAgent, hostedHarness: hostedHarness, modelListLoading: modelListLoading, onModelChange: shouldShowAssistantChatModelSelector(showModelSelector)
+                                                                                ? onModelChange
+                                                                                : undefined, onEffortChange: onEffortChange, onAgentChange: onAgentChange, imageModelMenu: imageModelMenu, onConnectProvider: onConnectProvider, onConnectLocalRuntime: onConnectLocalRuntime, toolbarSlot: composerToolbarSlot, contextItems: visibleComposerContextItems, onRemoveContextItem: removeComposerContextItem, plusMenuMode: plusMenuMode, layoutVariant: composerLayoutVariant, providerConnectStatusEnabled: providerStatusChecksEnabled, voiceEnabled: true, draftScope: composerDraftScope, interceptBuildRequestsForBuilder: true, onAttachmentError: setComposerError, extraActionButton: composerExtraActionButton, stopButton: showRunningInUI ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => stopActiveRun({
+                                                                                                preserveQueuedMessages: true,
+                                                                                            }), "aria-label": t("agentChat.composer.stopResponse"), "data-agent-composer-slot": "stop-button", className: "shrink-0 flex h-7 w-7 cursor-pointer items-center justify-center rounded-full bg-primary text-primary-foreground shadow-sm transition-opacity hover:opacity-90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", children: _jsx(IconPlayerStopFilled, { className: "h-3 w-3" }) }) }), _jsx(TooltipContent, { children: t("agentChat.composer.stopResponse") })] })) : undefined })] }) })] })] }) }) }) }) }) }) }) }) }) }) }));
 });
 export const AssistantChat = forwardRef(function AssistantChat({ apiUrl = agentNativePath("/_agent-native/agent-chat"), tabId, browserTabId, threadId, contextScope, contextNamespace, isActiveComposer, ...props }, ref) {
     const modelRef = useRef(props.selectedModel);

package/dist/client/ConnectBuilderCard.js

@@ -5,6 +5,7 @@ import { withBuilderUtmTrackingParams } from "../shared/builder-link-tracking.js
 import { agentNativePath } from "./api-path.js";
 import { BuilderBMark } from "./builder-mark.js";
 import { writeClipboardText } from "./clipboard.js";
+import { requestDesktopLocalCodeChange } from "./desktop-local-code-change.js";
 import { getCallbackOrigin } from "./frame.js";
 import { useBuilderConnectFlow } from "./settings/useBuilderStatus.js";
 import { cn } from "./utils.js";
@@ -18,6 +19,12 @@ function isLocalDevelopment() {
     const hostname = window.location.hostname;
     return (hostname === "localhost" || hostname === "127.0.0.1" || hostname === "::1");
 }
+function hasElectronShellBridge() {
+    if (typeof window === "undefined")
+        return false;
+    const electronApi = window.electronAPI;
+    return Boolean(electronApi?.appConfig);
+}
 /**
  * Rich inline card rendered for the `connect-builder` tool call. Shows the
  * Builder handoff when available, or routes local development requests to the
@@ -48,7 +55,9 @@ export function ConnectBuilderCard({ configured: initialConfigured, builderEnabl
     const [sendErr, setSendErr] = useState(null);
     const [copyErr, setCopyErr] = useState(null);
     const [promptCopied, setPromptCopied] = useState(false);
+    const [localCodeChangeRequested, setLocalCodeChangeRequested] = useState(false);
     const [localDevelopment] = useState(() => isLocalDevelopment());
+    const [electronShell] = useState(() => hasElectronShellBridge());
     const mountedRef = useRef(true);
     const copyResetRef = useRef(null);
     // Tracks whether the user clicked "Connect Builder" *this session*. When
@@ -154,6 +163,12 @@ export function ConnectBuilderCard({ configured: initialConfigured, builderEnabl
     const err = sendErr ?? waitlistErr ?? copyErr ?? flow.error;
     const hasPrompt = prompt.trim().length > 0;
     const canSend = configured && builderEnabled && hasPrompt;
+    const showDesktopLocalHandoff = electronShell && hasPrompt;
+    const handleDoLocally = useCallback((event) => {
+        if (requestDesktopLocalCodeChange(prompt, event.currentTarget)) {
+            setLocalCodeChangeRequested(true);
+        }
+    }, [prompt]);
     // Auto-send the user's pending prompt the moment connecting finishes
     // successfully. Without this, the connect popup closing leaves the user
     // staring at a "Send to Builder" button — feels like they have to
@@ -181,14 +196,19 @@ export function ConnectBuilderCard({ configured: initialConfigured, builderEnabl
         : `AI credits are ready to use. ${CODE_CHANGE_FALLBACK_TEXT}`;
     let title;
     let subtitle;
-    if (runResult) {
+    if (localCodeChangeRequested) {
+        title = "Preparing a local copy";
+        subtitle = "Desktop is cloning this app and applying this request.";
+    }
+    else if (runResult) {
         title = "Builder is working on it";
         subtitle = (_jsxs(_Fragment, { children: ["Working on branch", " ", _jsx("span", { className: "font-mono text-foreground", children: runResult.branchName }), ". Click through to watch progress in the Visual Editor."] }));
     }
     else if (showExternalAgentHandoff) {
         title = "This requires a code change";
-        subtitle =
-            "Open your coding agent in this project, then paste this request.";
+        subtitle = showDesktopLocalHandoff
+            ? "Make the change in a local copy of this app, or copy the request to another coding agent."
+            : "Open your coding agent in this project, then paste this request.";
     }
     else if (showWaitlist) {
         title = "This requires a code change";
@@ -206,8 +226,16 @@ export function ConnectBuilderCard({ configured: initialConfigured, builderEnabl
         title = "Connect Builder.io";
         subtitle = _jsx(_Fragment, { children: "Builder.io's free tier includes AI credits." });
     }
-    return (_jsx("div", { className: cn("my-2 rounded-lg border border-border overflow-hidden"), children: _jsxs("div", { className: "flex items-start gap-3 px-4 py-3.5 bg-gradient-to-br from-teal-500/5 via-transparent to-transparent", children: [_jsx("div", { className: cn("flex h-9 w-9 shrink-0 items-center justify-center rounded-lg", "bg-foreground text-background"), children: runResult ? (_jsx(IconLoader2, { className: "h-5 w-5 animate-spin" })) : showExternalAgentHandoff ? (_jsx(IconCode, { className: "h-5 w-5" })) : (_jsx(BuilderBMark, { className: "h-5 w-5" })) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "flex items-center gap-2 flex-wrap", children: _jsx("span", { className: "text-sm font-semibold text-foreground", children: title }) }), _jsx("div", { className: "mt-0.5 text-xs text-muted-foreground leading-relaxed", children: subtitle }), showWaitlist && (_jsxs("a", { href: DESKTOP_DOWNLOAD_URL, target: "_blank", rel: "noopener noreferrer", className: "mt-2 inline-flex items-center gap-1 text-[11px] font-medium text-muted-foreground no-underline hover:text-foreground", children: ["Download desktop app", _jsx(IconExternalLink, { className: "h-3 w-3" })] })), err && _jsx("div", { className: "mt-2 text-xs text-destructive", children: err }), _jsx("div", { className: "mt-3", children: runResult ? (_jsxs("a", { href: withBuilderUtmTrackingParams(runResult.url, {
+    return (_jsx("div", { className: cn("my-2 rounded-lg border border-border overflow-hidden"), children: _jsxs("div", { className: "flex items-start gap-3 px-4 py-3.5 bg-gradient-to-br from-teal-500/5 via-transparent to-transparent", children: [_jsx("div", { className: cn("flex h-9 w-9 shrink-0 items-center justify-center rounded-lg", "bg-foreground text-background"), children: runResult ? (_jsx(IconLoader2, { className: "h-5 w-5 animate-spin" })) : showExternalAgentHandoff ? (_jsx(IconCode, { className: "h-5 w-5" })) : (_jsx(BuilderBMark, { className: "h-5 w-5" })) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "flex items-center gap-2 flex-wrap", children: _jsx("span", { className: "text-sm font-semibold text-foreground", children: title }) }), _jsx("div", { className: "mt-0.5 text-xs text-muted-foreground leading-relaxed", children: subtitle }), showWaitlist && !showDesktopLocalHandoff && (_jsxs("a", { href: DESKTOP_DOWNLOAD_URL, target: "_blank", rel: "noopener noreferrer", className: "mt-2 inline-flex items-center gap-1 text-[11px] font-medium text-muted-foreground no-underline hover:text-foreground", children: ["Download desktop app", _jsx(IconExternalLink, { className: "h-3 w-3" })] })), err && _jsx("div", { className: "mt-2 text-xs text-destructive", children: err }), _jsx("div", { className: "mt-3", children: runResult ? (_jsxs("a", { href: withBuilderUtmTrackingParams(runResult.url, {
                                     campaign: "product",
                                     content: "connect_builder_card_branch",
-                                }), target: "_blank", rel: "noopener noreferrer", className: cn("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", "bg-foreground text-background hover:bg-foreground/90"), children: ["Open branch in Builder", _jsx(IconExternalLink, { className: "h-3.5 w-3.5" })] })) : canSend ? (_jsx("button", { type: "button", onClick: handleSend, disabled: sending, className: cn("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", "bg-foreground text-background hover:bg-foreground/90", sending && "opacity-70 cursor-wait"), children: sending ? (_jsxs(_Fragment, { children: [_jsx(IconLoader2, { className: "h-3.5 w-3.5 animate-spin" }), "Sending to Builder\u2026"] })) : (_jsx(_Fragment, { children: "Send to Builder" })) })) : showExternalAgentHandoff ? (_jsx("button", { type: "button", onClick: () => void handleCopyPrompt(), className: cn("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", "bg-foreground text-background hover:bg-foreground/90"), children: promptCopied ? (_jsxs(_Fragment, { children: [_jsx(IconCheck, { className: "h-3.5 w-3.5" }), "Prompt copied"] })) : (_jsxs(_Fragment, { children: [_jsx(IconCopy, { className: "h-3.5 w-3.5" }), "Copy prompt"] })) })) : showWaitlist && !waitlistJoined ? (_jsx("button", { type: "button", onClick: handleJoinWaitlist, disabled: joiningWaitlist, className: cn("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", "bg-foreground text-background hover:bg-foreground/90", joiningWaitlist && "opacity-70 cursor-wait"), children: joiningWaitlist ? (_jsxs(_Fragment, { children: [_jsx(IconLoader2, { className: "h-3.5 w-3.5 animate-spin" }), "Joining\u2026"] })) : (_jsx(_Fragment, { children: "Join the waitlist" })) })) : !configured ? (_jsx("button", { type: "button", onClick: () => flow.start(), disabled: connecting, className: cn("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", "bg-foreground text-background hover:bg-foreground/90", connecting && "opacity-70 cursor-wait"), children: connecting ? (_jsxs(_Fragment, { children: [_jsx(IconLoader2, { className: "h-3.5 w-3.5 animate-spin" }), "Waiting for Builder\u2026"] })) : ("Connect Builder") })) : null })] })] }) }));
+                                }), target: "_blank", rel: "noopener noreferrer", className: cn("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", "bg-foreground text-background hover:bg-foreground/90"), children: ["Open branch in Builder", _jsx(IconExternalLink, { className: "h-3.5 w-3.5" })] })) : canSend ? (_jsxs("div", { className: "flex flex-wrap gap-2", children: [showDesktopLocalHandoff && (_jsxs("button", { type: "button", "data-desktop-local-code-change": true, onClick: handleDoLocally, disabled: localCodeChangeRequested, className: cn("inline-flex items-center gap-1.5 rounded-md border border-border bg-background px-3 py-1.5 text-xs font-medium text-foreground transition-colors hover:bg-accent", localCodeChangeRequested && "cursor-wait opacity-70"), children: [localCodeChangeRequested ? (_jsx(IconLoader2, { className: "h-3.5 w-3.5 animate-spin" })) : (_jsx(IconCode, { className: "h-3.5 w-3.5" })), localCodeChangeRequested
+                                                ? "Preparing locally…"
+                                                : "Do locally"] })), _jsx("button", { type: "button", onClick: handleSend, disabled: sending, className: cn("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", "bg-foreground text-background hover:bg-foreground/90", sending && "opacity-70 cursor-wait"), children: sending ? (_jsxs(_Fragment, { children: [_jsx(IconLoader2, { className: "h-3.5 w-3.5 animate-spin" }), "Sending to Builder\u2026"] })) : (_jsx(_Fragment, { children: "Send to Builder" })) })] })) : showExternalAgentHandoff ? (_jsxs("div", { className: "flex flex-wrap gap-2", children: [showDesktopLocalHandoff && (_jsxs("button", { type: "button", "data-desktop-local-code-change": true, onClick: handleDoLocally, disabled: localCodeChangeRequested, className: cn("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", "bg-foreground text-background hover:bg-foreground/90", localCodeChangeRequested && "cursor-wait opacity-70"), children: [localCodeChangeRequested ? (_jsx(IconLoader2, { className: "h-3.5 w-3.5 animate-spin" })) : (_jsx(IconCode, { className: "h-3.5 w-3.5" })), localCodeChangeRequested
+                                                ? "Preparing locally…"
+                                                : "Do locally"] })), _jsx("button", { type: "button", onClick: () => void handleCopyPrompt(), className: cn("inline-flex items-center gap-1.5 rounded-md border border-border bg-background px-3 py-1.5 text-xs font-medium text-foreground transition-colors hover:bg-accent"), children: promptCopied ? (_jsxs(_Fragment, { children: [_jsx(IconCheck, { className: "h-3.5 w-3.5" }), "Prompt copied"] })) : (_jsxs(_Fragment, { children: [_jsx(IconCopy, { className: "h-3.5 w-3.5" }), "Copy prompt"] })) })] })) : showWaitlist && !waitlistJoined ? (_jsxs("div", { className: "flex flex-wrap gap-2", children: [showDesktopLocalHandoff && (_jsxs("button", { type: "button", "data-desktop-local-code-change": true, onClick: handleDoLocally, disabled: localCodeChangeRequested, className: cn("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", "bg-foreground text-background hover:bg-foreground/90", localCodeChangeRequested && "cursor-wait opacity-70"), children: [localCodeChangeRequested ? (_jsx(IconLoader2, { className: "h-3.5 w-3.5 animate-spin" })) : (_jsx(IconCode, { className: "h-3.5 w-3.5" })), localCodeChangeRequested
+                                                ? "Preparing locally…"
+                                                : "Do locally"] })), _jsx("button", { type: "button", onClick: handleJoinWaitlist, disabled: joiningWaitlist, className: cn("inline-flex items-center gap-1.5 rounded-md border border-border bg-background px-3 py-1.5 text-xs font-medium text-foreground transition-colors hover:bg-accent", joiningWaitlist && "opacity-70 cursor-wait"), children: joiningWaitlist ? (_jsxs(_Fragment, { children: [_jsx(IconLoader2, { className: "h-3.5 w-3.5 animate-spin" }), "Joining\u2026"] })) : (_jsx(_Fragment, { children: "Join the waitlist" })) })] })) : !configured ? (_jsxs("div", { className: "flex flex-wrap gap-2", children: [showDesktopLocalHandoff && (_jsxs("button", { type: "button", "data-desktop-local-code-change": true, onClick: handleDoLocally, disabled: localCodeChangeRequested, className: cn("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", "bg-foreground text-background hover:bg-foreground/90", localCodeChangeRequested && "cursor-wait opacity-70"), children: [localCodeChangeRequested ? (_jsx(IconLoader2, { className: "h-3.5 w-3.5 animate-spin" })) : (_jsx(IconCode, { className: "h-3.5 w-3.5" })), localCodeChangeRequested
+                                                ? "Preparing locally…"
+                                                : "Do locally"] })), _jsx("button", { type: "button", onClick: () => flow.start(), disabled: connecting, className: cn("inline-flex items-center gap-1.5 rounded-md border border-border bg-background px-3 py-1.5 text-xs font-medium text-foreground transition-colors hover:bg-accent", connecting && "opacity-70 cursor-wait"), children: connecting ? (_jsxs(_Fragment, { children: [_jsx(IconLoader2, { className: "h-3.5 w-3.5 animate-spin" }), "Waiting for Builder\u2026"] })) : ("Connect Builder") })] })) : showDesktopLocalHandoff ? (_jsxs("button", { type: "button", "data-desktop-local-code-change": true, onClick: handleDoLocally, disabled: localCodeChangeRequested, className: cn("inline-flex items-center gap-1.5 rounded-md border border-border bg-background px-3 py-1.5 text-xs font-medium text-foreground transition-colors hover:bg-accent", localCodeChangeRequested && "cursor-wait opacity-70"), children: [localCodeChangeRequested ? (_jsx(IconLoader2, { className: "h-3.5 w-3.5 animate-spin" })) : (_jsx(IconCode, { className: "h-3.5 w-3.5" })), localCodeChangeRequested ? "Preparing locally…" : "Do locally"] })) : null })] })] }) }));
 }