@agent-native/core 0.7.19 → 0.7.20

package/dist/client/ConnectBuilderCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectBuilderCard.d.ts","sourceRoot":"","sources":["../../src/client/ConnectBuilderCard.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,uBAAuB;IACtC,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB;6EACyE;IACzE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AASD;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,UAAU,EAAE,iBAAiB,EAC7B,UAAU,EAAE,iBAAiB,EAC7B,OAAO,EAAE,cAAc,EACvB,MAAW,GACZ,EAAE,uBAAuB,2CAwMzB"}
+{"version":3,"file":"ConnectBuilderCard.d.ts","sourceRoot":"","sources":["../../src/client/ConnectBuilderCard.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,uBAAuB;IACtC,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB;6EACyE;IACzE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AASD;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,UAAU,EAAE,iBAAiB,EAC7B,UAAU,EAAE,iBAAiB,EAC7B,OAAO,EAAE,cAAc,EACvB,MAAW,GACZ,EAAE,uBAAuB,2CA8MzB"}

package/dist/client/ConnectBuilderCard.js

@@ -84,7 +84,7 @@ export function ConnectBuilderCard({ configured: initialConfigured, connectUrl:
     }
     else if (configured) {
         title = "Builder.io connected";
-        subtitle = orgName ? (_jsxs(_Fragment, { children: ["Connected to", " ", _jsx("span", { className: "font-medium text-foreground", children: orgName }), ". LLM access, browser automation, and more are ready to use."] })) : (_jsx(_Fragment, { children: "LLM access, browser automation, and more are ready to use." }));
+        subtitle = flow.envManaged ? (_jsx(_Fragment, { children: "Managed by this deployment \u2014 every user of this app uses the same Builder identity. LLM access, browser automation, and more are ready to use." })) : orgName ? (_jsxs(_Fragment, { children: ["Connected to", " ", _jsx("span", { className: "font-medium text-foreground", children: orgName }), ". LLM access, browser automation, and more are ready to use."] })) : (_jsx(_Fragment, { children: "LLM access, browser automation, and more are ready to use." }));
     }
     else {
         title = "Connect Builder.io";

package/dist/client/ConnectBuilderCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectBuilderCard.js","sourceRoot":"","sources":["../../src/client/ConnectBuilderCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { IconExternalLink, IconLoader2 } from \"@tabler/icons-react\";\nimport { getCallbackOrigin } from \"./frame.js\";\nimport { useBuilderConnectFlow } from \"./settings/useBuilderStatus.js\";\nimport { BuilderBMark } from \"./builder-mark.js\";\nimport { cn } from \"./utils.js\";\nimport { agentNativePath } from \"./api-path.js\";\n\nexport interface ConnectBuilderCardProps {\n  configured: boolean;\n  connectUrl: string;\n  orgName?: string | null;\n  /** The user's feature/change request, forwarded to Builder's cloud agent\n   *  when they click Send. Empty for generic \"connect Builder\" prompts. */\n  prompt?: string;\n}\n\ninterface BuilderRunResult {\n  branchName: string;\n  projectId: string;\n  url: string;\n  status: string;\n}\n\n/**\n * Rich inline card rendered for the `connect-builder` tool call. Shows a\n * prominent Connect button that opens the Builder CLI auth flow and polls\n * /_agent-native/builder/status until credentials land.\n */\nexport function ConnectBuilderCard({\n  configured: initialConfigured,\n  connectUrl: initialConnectUrl,\n  orgName: initialOrgName,\n  prompt = \"\",\n}: ConnectBuilderCardProps) {\n  // The connect-poll state machine is shared — the tool-call result is\n  // frozen at render time, so the hook's mount-time fetch + focus refresh\n  // is what catches a flow the user completed in another tab.\n  const flow = useBuilderConnectFlow({ popupUrl: initialConnectUrl });\n  // Only use the server-rendered props until the hook's first status\n  // fetch returns. After that, the hook is authoritative — including for\n  // the disconnect case (where `flow.configured` flips back to `false`\n  // even though `initialConfigured` was `true` at render time).\n  const configured = flow.hasFetchedStatus\n    ? flow.configured\n    : initialConfigured;\n  const orgName = flow.hasFetchedStatus\n    ? flow.orgName\n    : (initialOrgName ?? null);\n  const connecting = flow.connecting;\n\n  const [sending, setSending] = useState(false);\n  const [runResult, setRunResult] = useState<BuilderRunResult | null>(null);\n  const [sendErr, setSendErr] = useState<string | null>(null);\n  const mountedRef = useRef(true);\n\n  useEffect(() => {\n    mountedRef.current = true;\n    return () => {\n      mountedRef.current = false;\n    };\n  }, []);\n\n  const handleSend = useCallback(async () => {\n    if (!prompt.trim()) return;\n    setSending(true);\n    setSendErr(null);\n    try {\n      const origin = getCallbackOrigin() || window.location.origin;\n      const res = await fetch(\n        new URL(agentNativePath(\"/_agent-native/builder/run\"), origin).href,\n        {\n          method: \"POST\",\n          headers: { \"Content-Type\": \"application/json\" },\n          body: JSON.stringify({ prompt }),\n        },\n      );\n      const data = await res.json().catch(() => ({}));\n      if (!res.ok) {\n        throw new Error(\n          typeof data?.error === \"string\"\n            ? data.error\n            : `Request failed (${res.status})`,\n        );\n      }\n      if (!mountedRef.current) return;\n      setRunResult(data as BuilderRunResult);\n      setSending(false);\n    } catch (e) {\n      if (!mountedRef.current) return;\n      setSendErr(e instanceof Error ? e.message : \"Send failed\");\n      setSending(false);\n    }\n  }, [prompt]);\n\n  // Combine connect-flow errors and send errors into one surface.\n  const err = sendErr ?? flow.error;\n\n  const canSend = configured && prompt.trim().length > 0;\n\n  // Title + subtitle depend on which mode we're in. We compute them up front\n  // so the render tree below stays flat.\n  let title: string;\n  let subtitle: React.ReactNode;\n  if (runResult) {\n    title = \"Builder is working on it\";\n    subtitle = (\n      <>\n        Working on branch{\" \"}\n        <span className=\"font-mono text-foreground\">\n          {runResult.branchName}\n        </span>\n        . Click through to watch progress in the Visual Editor.\n      </>\n    );\n  } else if (canSend) {\n    title = \"Send this to Builder\";\n    subtitle = (\n      <>\n        Builder's cloud coding agent will make this code change on a fresh\n        branch.\n      </>\n    );\n  } else if (configured) {\n    title = \"Builder.io connected\";\n    subtitle = orgName ? (\n      <>\n        Connected to{\" \"}\n        <span className=\"font-medium text-foreground\">{orgName}</span>. LLM\n        access, browser automation, and more are ready to use.\n      </>\n    ) : (\n      <>LLM access, browser automation, and more are ready to use.</>\n    );\n  } else {\n    title = \"Connect Builder.io\";\n    subtitle = (\n      <>\n        One click to spin up a cloud code sandbox — Builder writes the changes\n        for you, no local setup needed.\n      </>\n    );\n  }\n\n  return (\n    <div className={cn(\"my-2 rounded-lg border border-border overflow-hidden\")}>\n      <div className=\"flex items-start gap-3 px-4 py-3.5 bg-gradient-to-br from-teal-500/5 via-transparent to-transparent\">\n        <div\n          className={cn(\n            \"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg\",\n            \"bg-foreground text-background\",\n          )}\n        >\n          {runResult ? (\n            <IconLoader2 className=\"h-5 w-5 animate-spin\" />\n          ) : (\n            <BuilderBMark className=\"h-5 w-5\" />\n          )}\n        </div>\n        <div className=\"flex-1 min-w-0\">\n          <div className=\"flex items-center gap-2 flex-wrap\">\n            <span className=\"text-sm font-semibold text-foreground\">\n              {title}\n            </span>\n          </div>\n          <div className=\"mt-0.5 text-xs text-muted-foreground leading-relaxed\">\n            {subtitle}\n          </div>\n\n          {err && <div className=\"mt-2 text-xs text-destructive\">{err}</div>}\n\n          <div className=\"mt-3\">\n            {runResult ? (\n              <a\n                href={runResult.url}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className={cn(\n                  \"inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors\",\n                  \"bg-foreground text-background hover:bg-foreground/90\",\n                )}\n              >\n                Open branch in Builder\n                <IconExternalLink className=\"h-3.5 w-3.5\" />\n              </a>\n            ) : canSend ? (\n              <button\n                type=\"button\"\n                onClick={handleSend}\n                disabled={sending}\n                className={cn(\n                  \"inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors\",\n                  \"bg-foreground text-background hover:bg-foreground/90\",\n                  sending && \"opacity-70 cursor-wait\",\n                )}\n              >\n                {sending ? (\n                  <>\n                    <IconLoader2 className=\"h-3.5 w-3.5 animate-spin\" />\n                    Sending to Builder…\n                  </>\n                ) : (\n                  <>Send to Builder</>\n                )}\n              </button>\n            ) : !configured ? (\n              <button\n                type=\"button\"\n                onClick={flow.start}\n                disabled={connecting}\n                className={cn(\n                  \"inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors\",\n                  \"bg-foreground text-background hover:bg-foreground/90\",\n                  connecting && \"opacity-70 cursor-wait\",\n                )}\n              >\n                {connecting ? (\n                  <>\n                    <IconLoader2 className=\"h-3.5 w-3.5 animate-spin\" />\n                    Waiting for Builder…\n                  </>\n                ) : (\n                  <>\n                    Connect Builder\n                    <IconExternalLink className=\"h-3.5 w-3.5\" />\n                  </>\n                )}\n              </button>\n            ) : null}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"ConnectBuilderCard.js","sourceRoot":"","sources":["../../src/client/ConnectBuilderCard.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAkBhD;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAAC,EACjC,UAAU,EAAE,iBAAiB,EAC7B,UAAU,EAAE,iBAAiB,EAC7B,OAAO,EAAE,cAAc,EACvB,MAAM,GAAG,EAAE,GACa;IACxB,qEAAqE;IACrE,wEAAwE;IACxE,4DAA4D;IAC5D,MAAM,IAAI,GAAG,qBAAqB,CAAC,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC,CAAC;IACpE,mEAAmE;IACnE,uEAAuE;IACvE,qEAAqE;IACrE,8DAA8D;IAC9D,MAAM,UAAU,GAAG,IAAI,CAAC,gBAAgB;QACtC,CAAC,CAAC,IAAI,CAAC,UAAU;QACjB,CAAC,CAAC,iBAAiB,CAAC;IACtB,MAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB;QACnC,CAAC,CAAC,IAAI,CAAC,OAAO;QACd,CAAC,CAAC,CAAC,cAAc,IAAI,IAAI,CAAC,CAAC;IAC7B,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;IAEnC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAA0B,IAAI,CAAC,CAAC;IAC1E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC5D,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEhC,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;QAC1B,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;QAC7B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACxC,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;YAAE,OAAO;QAC3B,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,CAAC;YACH,MAAM,MAAM,GAAG,iBAAiB,EAAE,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;YAC7D,MAAM,GAAG,GAAG,MAAM,KAAK,CACrB,IAAI,GAAG,CAAC,eAAe,CAAC,4BAA4B,CAAC,EAAE,MAAM,CAAC,CAAC,IAAI,EACnE;gBACE,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,EAAE,cAAc,EAAE,kBAAkB,EAAE;gBAC/C,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;aACjC,CACF,CAAC;YACF,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YAChD,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC;gBACZ,MAAM,IAAI,KAAK,CACb,OAAO,IAAI,EAAE,KAAK,KAAK,QAAQ;oBAC7B,CAAC,CAAC,IAAI,CAAC,KAAK;oBACZ,CAAC,CAAC,mBAAmB,GAAG,CAAC,MAAM,GAAG,CACrC,CAAC;YACJ,CAAC;YACD,IAAI,CAAC,UAAU,CAAC,OAAO;gBAAE,OAAO;YAChC,YAAY,CAAC,IAAwB,CAAC,CAAC;YACvC,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,IAAI,CAAC,UAAU,CAAC,OAAO;gBAAE,OAAO;YAChC,UAAU,CAAC,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;YAC3D,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,gEAAgE;IAChE,MAAM,GAAG,GAAG,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC;IAElC,MAAM,OAAO,GAAG,UAAU,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;IAEvD,2EAA2E;IAC3E,uCAAuC;IACvC,IAAI,KAAa,CAAC;IAClB,IAAI,QAAyB,CAAC;IAC9B,IAAI,SAAS,EAAE,CAAC;QACd,KAAK,GAAG,0BAA0B,CAAC;QACnC,QAAQ,GAAG,CACT,mDACoB,GAAG,EACrB,eAAM,SAAS,EAAC,2BAA2B,YACxC,SAAS,CAAC,UAAU,GAChB,+DAEN,CACJ,CAAC;IACJ,CAAC;SAAM,IAAI,OAAO,EAAE,CAAC;QACnB,KAAK,GAAG,sBAAsB,CAAC;QAC/B,QAAQ,GAAG,CACT,2GAGG,CACJ,CAAC;IACJ,CAAC;SAAM,IAAI,UAAU,EAAE,CAAC;QACtB,KAAK,GAAG,sBAAsB,CAAC;QAC/B,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAC3B,oLAIG,CACJ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACZ,8CACe,GAAG,EAChB,eAAM,SAAS,EAAC,6BAA6B,YAAE,OAAO,GAAQ,oEAE7D,CACJ,CAAC,CAAC,CAAC,CACF,2FAA+D,CAChE,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,KAAK,GAAG,oBAAoB,CAAC;QAC7B,QAAQ,GAAG,CACT,4IAGG,CACJ,CAAC;IACJ,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,sDAAsD,CAAC,YACxE,eAAK,SAAS,EAAC,qGAAqG,aAClH,cACE,SAAS,EAAE,EAAE,CACX,8DAA8D,EAC9D,+BAA+B,CAChC,YAEA,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,WAAW,IAAC,SAAS,EAAC,sBAAsB,GAAG,CACjD,CAAC,CAAC,CAAC,CACF,KAAC,YAAY,IAAC,SAAS,EAAC,SAAS,GAAG,CACrC,GACG,EACN,eAAK,SAAS,EAAC,gBAAgB,aAC7B,cAAK,SAAS,EAAC,mCAAmC,YAChD,eAAM,SAAS,EAAC,uCAAuC,YACpD,KAAK,GACD,GACH,EACN,cAAK,SAAS,EAAC,sDAAsD,YAClE,QAAQ,GACL,EAEL,GAAG,IAAI,cAAK,SAAS,EAAC,+BAA+B,YAAE,GAAG,GAAO,EAElE,cAAK,SAAS,EAAC,MAAM,YAClB,SAAS,CAAC,CAAC,CAAC,CACX,aACE,IAAI,EAAE,SAAS,CAAC,GAAG,EACnB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAE,EAAE,CACX,+FAA+F,EAC/F,sDAAsD,CACvD,uCAGD,KAAC,gBAAgB,IAAC,SAAS,EAAC,aAAa,GAAG,IAC1C,CACL,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACZ,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,EAAE,CACX,+FAA+F,EAC/F,sDAAsD,EACtD,OAAO,IAAI,wBAAwB,CACpC,YAEA,OAAO,CAAC,CAAC,CAAC,CACT,8BACE,KAAC,WAAW,IAAC,SAAS,EAAC,0BAA0B,GAAG,gCAEnD,CACJ,CAAC,CAAC,CAAC,CACF,gDAAoB,CACrB,GACM,CACV,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAChB,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,KAAK,EACnB,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,EAAE,CACX,+FAA+F,EAC/F,sDAAsD,EACtD,UAAU,IAAI,wBAAwB,CACvC,YAEA,UAAU,CAAC,CAAC,CAAC,CACZ,8BACE,KAAC,WAAW,IAAC,SAAS,EAAC,0BAA0B,GAAG,iCAEnD,CACJ,CAAC,CAAC,CAAC,CACF,iDAEE,KAAC,gBAAgB,IAAC,SAAS,EAAC,aAAa,GAAG,IAC3C,CACJ,GACM,CACV,CAAC,CAAC,CAAC,IAAI,GACJ,IACF,IACF,GACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { IconExternalLink, IconLoader2 } from \"@tabler/icons-react\";\nimport { getCallbackOrigin } from \"./frame.js\";\nimport { useBuilderConnectFlow } from \"./settings/useBuilderStatus.js\";\nimport { BuilderBMark } from \"./builder-mark.js\";\nimport { cn } from \"./utils.js\";\nimport { agentNativePath } from \"./api-path.js\";\n\nexport interface ConnectBuilderCardProps {\n  configured: boolean;\n  connectUrl: string;\n  orgName?: string | null;\n  /** The user's feature/change request, forwarded to Builder's cloud agent\n   *  when they click Send. Empty for generic \"connect Builder\" prompts. */\n  prompt?: string;\n}\n\ninterface BuilderRunResult {\n  branchName: string;\n  projectId: string;\n  url: string;\n  status: string;\n}\n\n/**\n * Rich inline card rendered for the `connect-builder` tool call. Shows a\n * prominent Connect button that opens the Builder CLI auth flow and polls\n * /_agent-native/builder/status until credentials land.\n */\nexport function ConnectBuilderCard({\n  configured: initialConfigured,\n  connectUrl: initialConnectUrl,\n  orgName: initialOrgName,\n  prompt = \"\",\n}: ConnectBuilderCardProps) {\n  // The connect-poll state machine is shared — the tool-call result is\n  // frozen at render time, so the hook's mount-time fetch + focus refresh\n  // is what catches a flow the user completed in another tab.\n  const flow = useBuilderConnectFlow({ popupUrl: initialConnectUrl });\n  // Only use the server-rendered props until the hook's first status\n  // fetch returns. After that, the hook is authoritative — including for\n  // the disconnect case (where `flow.configured` flips back to `false`\n  // even though `initialConfigured` was `true` at render time).\n  const configured = flow.hasFetchedStatus\n    ? flow.configured\n    : initialConfigured;\n  const orgName = flow.hasFetchedStatus\n    ? flow.orgName\n    : (initialOrgName ?? null);\n  const connecting = flow.connecting;\n\n  const [sending, setSending] = useState(false);\n  const [runResult, setRunResult] = useState<BuilderRunResult | null>(null);\n  const [sendErr, setSendErr] = useState<string | null>(null);\n  const mountedRef = useRef(true);\n\n  useEffect(() => {\n    mountedRef.current = true;\n    return () => {\n      mountedRef.current = false;\n    };\n  }, []);\n\n  const handleSend = useCallback(async () => {\n    if (!prompt.trim()) return;\n    setSending(true);\n    setSendErr(null);\n    try {\n      const origin = getCallbackOrigin() || window.location.origin;\n      const res = await fetch(\n        new URL(agentNativePath(\"/_agent-native/builder/run\"), origin).href,\n        {\n          method: \"POST\",\n          headers: { \"Content-Type\": \"application/json\" },\n          body: JSON.stringify({ prompt }),\n        },\n      );\n      const data = await res.json().catch(() => ({}));\n      if (!res.ok) {\n        throw new Error(\n          typeof data?.error === \"string\"\n            ? data.error\n            : `Request failed (${res.status})`,\n        );\n      }\n      if (!mountedRef.current) return;\n      setRunResult(data as BuilderRunResult);\n      setSending(false);\n    } catch (e) {\n      if (!mountedRef.current) return;\n      setSendErr(e instanceof Error ? e.message : \"Send failed\");\n      setSending(false);\n    }\n  }, [prompt]);\n\n  // Combine connect-flow errors and send errors into one surface.\n  const err = sendErr ?? flow.error;\n\n  const canSend = configured && prompt.trim().length > 0;\n\n  // Title + subtitle depend on which mode we're in. We compute them up front\n  // so the render tree below stays flat.\n  let title: string;\n  let subtitle: React.ReactNode;\n  if (runResult) {\n    title = \"Builder is working on it\";\n    subtitle = (\n      <>\n        Working on branch{\" \"}\n        <span className=\"font-mono text-foreground\">\n          {runResult.branchName}\n        </span>\n        . Click through to watch progress in the Visual Editor.\n      </>\n    );\n  } else if (canSend) {\n    title = \"Send this to Builder\";\n    subtitle = (\n      <>\n        Builder's cloud coding agent will make this code change on a fresh\n        branch.\n      </>\n    );\n  } else if (configured) {\n    title = \"Builder.io connected\";\n    subtitle = flow.envManaged ? (\n      <>\n        Managed by this deployment — every user of this app uses the same\n        Builder identity. LLM access, browser automation, and more are ready to\n        use.\n      </>\n    ) : orgName ? (\n      <>\n        Connected to{\" \"}\n        <span className=\"font-medium text-foreground\">{orgName}</span>. LLM\n        access, browser automation, and more are ready to use.\n      </>\n    ) : (\n      <>LLM access, browser automation, and more are ready to use.</>\n    );\n  } else {\n    title = \"Connect Builder.io\";\n    subtitle = (\n      <>\n        One click to spin up a cloud code sandbox — Builder writes the changes\n        for you, no local setup needed.\n      </>\n    );\n  }\n\n  return (\n    <div className={cn(\"my-2 rounded-lg border border-border overflow-hidden\")}>\n      <div className=\"flex items-start gap-3 px-4 py-3.5 bg-gradient-to-br from-teal-500/5 via-transparent to-transparent\">\n        <div\n          className={cn(\n            \"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg\",\n            \"bg-foreground text-background\",\n          )}\n        >\n          {runResult ? (\n            <IconLoader2 className=\"h-5 w-5 animate-spin\" />\n          ) : (\n            <BuilderBMark className=\"h-5 w-5\" />\n          )}\n        </div>\n        <div className=\"flex-1 min-w-0\">\n          <div className=\"flex items-center gap-2 flex-wrap\">\n            <span className=\"text-sm font-semibold text-foreground\">\n              {title}\n            </span>\n          </div>\n          <div className=\"mt-0.5 text-xs text-muted-foreground leading-relaxed\">\n            {subtitle}\n          </div>\n\n          {err && <div className=\"mt-2 text-xs text-destructive\">{err}</div>}\n\n          <div className=\"mt-3\">\n            {runResult ? (\n              <a\n                href={runResult.url}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className={cn(\n                  \"inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors\",\n                  \"bg-foreground text-background hover:bg-foreground/90\",\n                )}\n              >\n                Open branch in Builder\n                <IconExternalLink className=\"h-3.5 w-3.5\" />\n              </a>\n            ) : canSend ? (\n              <button\n                type=\"button\"\n                onClick={handleSend}\n                disabled={sending}\n                className={cn(\n                  \"inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors\",\n                  \"bg-foreground text-background hover:bg-foreground/90\",\n                  sending && \"opacity-70 cursor-wait\",\n                )}\n              >\n                {sending ? (\n                  <>\n                    <IconLoader2 className=\"h-3.5 w-3.5 animate-spin\" />\n                    Sending to Builder…\n                  </>\n                ) : (\n                  <>Send to Builder</>\n                )}\n              </button>\n            ) : !configured ? (\n              <button\n                type=\"button\"\n                onClick={flow.start}\n                disabled={connecting}\n                className={cn(\n                  \"inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors\",\n                  \"bg-foreground text-background hover:bg-foreground/90\",\n                  connecting && \"opacity-70 cursor-wait\",\n                )}\n              >\n                {connecting ? (\n                  <>\n                    <IconLoader2 className=\"h-3.5 w-3.5 animate-spin\" />\n                    Waiting for Builder…\n                  </>\n                ) : (\n                  <>\n                    Connect Builder\n                    <IconExternalLink className=\"h-3.5 w-3.5\" />\n                  </>\n                )}\n              </button>\n            ) : null}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/client/MultiTabAssistantChat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiTabAssistantChat.d.ts","sourceRoot":"","sources":["../../src/client/MultiTabAssistantChat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,EAEL,KAAK,kBAAkB,EAExB,MAAM,oBAAoB,CAAC;AAgP5B,UAAU,OAAO;IACf,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,WAAW,CAAC;IACzC,uDAAuD;IACvD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,gCAAgC;IAC/C,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,+BAA+B;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,6EAA6E;IAC7E,QAAQ,EAAE,MAAM,CAAC;CAClB;AAID,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,kBAAkB,EAClB,OAAO,GAAG,UAAU,CACrB,GAAG;IACF,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,gCAAgC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5E,2DAA2D;IAC3D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,gCAAgC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7E,sGAAsG;IACtG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yFAAyF;IACzF,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,UAAiB,EACjB,YAAY,EACZ,aAAa,EACb,aAAqB,EACrB,MAAqD,EACrD,UAAU,EACV,GAAG,KAAK,EACT,EAAE,0BAA0B,2CAgkC5B"}
+{"version":3,"file":"MultiTabAssistantChat.d.ts","sourceRoot":"","sources":["../../src/client/MultiTabAssistantChat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,EAEL,KAAK,kBAAkB,EAExB,MAAM,oBAAoB,CAAC;AAmP5B,UAAU,OAAO;IACf,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,WAAW,CAAC;IACzC,uDAAuD;IACvD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,gCAAgC;IAC/C,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,+BAA+B;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,6EAA6E;IAC7E,QAAQ,EAAE,MAAM,CAAC;CAClB;AAID,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,kBAAkB,EAClB,OAAO,GAAG,UAAU,CACrB,GAAG;IACF,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,gCAAgC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5E,2DAA2D;IAC3D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,gCAAgC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7E,sGAAsG;IACtG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yFAAyF;IACzF,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,UAAiB,EACjB,YAAY,EACZ,aAAa,EACb,aAAqB,EACrB,MAAqD,EACrD,UAAU,EACV,GAAG,KAAK,EACT,EAAE,0BAA0B,2CAqkC5B"}

package/dist/client/MultiTabAssistantChat.js

@@ -6,6 +6,7 @@ import { isTrustedFrameMessage } from "./frame.js";
 import { cn } from "./utils.js";
 import { useChatThreads } from "./use-chat-threads.js";
 import { agentNativePath } from "./api-path.js";
+import { DEFAULT_MODEL } from "../agent/default-model.js";
 // ─── Skeleton Loader ─────────────────────────────────────────────────────────
 function ChatSkeleton({ headerOnly = false }) {
     return (_jsxs("div", { className: cn("flex flex-col min-h-0", headerOnly ? "shrink-0" : "flex-1 h-full"), children: [_jsxs("div", { className: "flex items-center px-1 py-1 border-b border-border shrink-0 gap-0.5", children: [_jsx("div", { className: "h-[22px] w-20 rounded-md bg-muted animate-pulse" }), _jsxs("div", { className: "ml-auto flex gap-0.5", children: [_jsx("div", { className: "h-[22px] w-[22px] rounded-md bg-muted animate-pulse" }), _jsx("div", { className: "h-[22px] w-[22px] rounded-md bg-muted animate-pulse" })] })] }), !headerOnly && (_jsxs("div", { className: "flex-1 flex flex-col gap-3 p-4", children: [_jsx("div", { className: "flex justify-center py-8", children: _jsx("div", { className: "h-10 w-10 rounded-full bg-muted animate-pulse" }) }), _jsx("div", { className: "h-3 w-32 rounded bg-muted animate-pulse mx-auto" })] }))] }));
@@ -100,6 +101,8 @@ function HelpPopover({ onClose }) {
         },
         { name: "/new", description: "Same as /clear" },
         { name: "/history", description: "Browse and search past chats" },
+        { name: "/plan", description: "Switch to read-only planning" },
+        { name: "/act", description: "Switch back to acting" },
         { name: "/help", description: "Show this list of commands" },
         { name: "@", description: "Mention files, agents, or resources" },
     ];
@@ -123,7 +126,7 @@ export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderO
     const newThreadIds = useRef(new Set());
     // ─── Model state ─────────────────────────────────────────────────────────
     const [availableModels, setAvailableModels] = useState([]);
-    const [defaultModel, setDefaultModel] = useState("claude-sonnet-4-6");
+    const [defaultModel, setDefaultModel] = useState(DEFAULT_MODEL);
     const threadModelRef = useRef(new Map());
     const [selectedModelForActiveThread, setSelectedModelForActiveThread] = useState(undefined);
     const activeThreadModel = selectedModelForActiveThread ?? defaultModel;
@@ -247,7 +250,7 @@ export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderO
                 });
             }
             setAvailableModels(groups);
-            setDefaultModel(currentModel ?? "claude-sonnet-4-6");
+            setDefaultModel(currentModel ?? DEFAULT_MODEL);
         })
             .catch(() => { });
     }, []);
@@ -459,9 +462,8 @@ export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderO
             if (openSidebar !== false && !background) {
                 window.dispatchEvent(new CustomEvent("agent-panel:open"));
             }
-            // Plan-mode instruction prefix is injected by the chat adapter at
-            // request time (see agent-chat-adapter.ts). The user-visible message
-            // text stays clean here so it doesn't appear in the chat history.
+            // Plan mode is sent as request metadata by the chat adapter. Keep the
+            // user-visible message clean so mode instructions never enter history.
             const fullMessage = context
                 ? `${message}\n\n<context>\n${context}\n</context>`
                 : message;
@@ -764,11 +766,17 @@ export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderO
             case "history":
                 setShowHistory(true);
                 break;
+            case "plan":
+                props.onExecModeChange?.("plan");
+                break;
+            case "act":
+                props.onExecModeChange?.("build");
+                break;
             case "help":
                 setHelpVisible(true);
                 break;
         }
-    }, [addTab]);
+    }, [addTab, props.onExecModeChange]);
     const handleForkChat = useCallback(async (sourceThreadId) => {
         const forkedId = await forkThread(sourceThreadId);
         if (!forkedId)