@agent-native/core 0.11.2 → 0.11.4

package/dist/client/ConnectBuilderCard.d.ts

@@ -1,9 +1,9 @@
 export interface ConnectBuilderCardProps {
     configured: boolean;
     /**
-     * True when ENABLE_BUILDER / BUILDER_BRANCH_PROJECT_ID is set on the
-     * deploy. When false, the card shows a "coming soon" waitlist CTA instead
-     * of a Send button — the /builder/run endpoint would 403 anyway.
+     * True when the server has a Builder branch project configured for this
+     * request. When false, the card shows a waitlist CTA instead of a Send
+     * button — the /builder/run endpoint would 403 anyway.
      */
     builderEnabled?: boolean;
     connectUrl: string;

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;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,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,cAAc,EAAE,qBAA4B,EAC5C,UAAU,EAAE,iBAAiB,EAC7B,OAAO,EAAE,cAAc,EACvB,MAAW,GACZ,EAAE,uBAAuB,2CAwRzB"}
+{"version":3,"file":"ConnectBuilderCard.d.ts","sourceRoot":"","sources":["../../src/client/ConnectBuilderCard.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,uBAAuB;IACtC,UAAU,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,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,cAAc,EAAE,qBAA4B,EAC5C,UAAU,EAAE,iBAAiB,EAC7B,OAAO,EAAE,cAAc,EACvB,MAAW,GACZ,EAAE,uBAAuB,2CAuRzB"}

package/dist/client/ConnectBuilderCard.js

@@ -101,10 +101,9 @@ export function ConnectBuilderCard({ configured: initialConfigured, builderEnabl
     const err = sendErr ?? waitlistErr ?? flow.error;
     const hasPrompt = prompt.trim().length > 0;
     const canSend = configured && builderEnabled && hasPrompt;
-    // Branch creation is gated by deploy env (ENABLE_BUILDER / project id).
-    // Show waitlist when the user has connected and has a prompt, but the
-    // deploy hasn't been opted in yet.
-    const showWaitlist = configured && !builderEnabled && hasPrompt;
+    // Branch creation is gated by a server-side project id, which may come
+    // from deployment config or org-scoped secrets.
+    const showWaitlist = !builderEnabled && hasPrompt;
     // Title + subtitle depend on which mode we're in. We compute them up front
     // so the render tree below stays flat.
     let title;
@@ -116,8 +115,8 @@ export function ConnectBuilderCard({ configured: initialConfigured, builderEnabl
     else if (showWaitlist) {
         title = waitlistJoined
             ? "You're on the waitlist"
-            : "Builder branches — coming soon";
-        subtitle = waitlistJoined ? (_jsx(_Fragment, { children: "We'll let you know as soon as cloud branch creation is available." })) : (_jsx(_Fragment, { children: "Cloud branch creation isn't available on this deployment yet. Join the waitlist and we'll let you know when it ships." }));
+            : "Builder branches unavailable";
+        subtitle = waitlistJoined ? (_jsx(_Fragment, { children: "We'll let you know as soon as cloud branch creation is available." })) : (_jsx(_Fragment, { children: "Cloud branch creation isn't available for this organization yet. Join the waitlist and we'll let you know when it's ready." }));
     }
     else if (canSend) {
         title = "Send this to Builder";

package/dist/client/ConnectBuilderCard.js.map

@@ -1 +1 @@
-{"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;AAwBhD;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAAC,EACjC,UAAU,EAAE,iBAAiB,EAC7B,cAAc,EAAE,qBAAqB,GAAG,IAAI,EAC5C,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,cAAc,GAAG,IAAI,CAAC,gBAAgB;QAC1C,CAAC,CAAC,IAAI,CAAC,cAAc;QACrB,CAAC,CAAC,qBAAqB,CAAC;IAC1B,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,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAEpE,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,MAAM,kBAAkB,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAChD,kBAAkB,CAAC,IAAI,CAAC,CAAC;QACzB,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,IAAI,CAAC;YACH,MAAM,MAAM,GAAG,iBAAiB,EAAE,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;YAC7D,MAAM,GAAG,GAAG,MAAM,KAAK,CACrB,IAAI,GAAG,CACL,eAAe,CAAC,wCAAwC,CAAC,EACzD,MAAM,CACP,CAAC,IAAI,EACN,EAAE,MAAM,EAAE,MAAM,EAAE,CACnB,CAAC;YACF,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC;gBACZ,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;gBAChD,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,iBAAiB,CAAC,IAAI,CAAC,CAAC;YACxB,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,IAAI,CAAC,UAAU,CAAC,OAAO;gBAAE,OAAO;YAChC,cAAc,CAAC,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC;YAC1E,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,iEAAiE;IACjE,MAAM,GAAG,GAAG,OAAO,IAAI,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC;IAEjD,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;IAC3C,MAAM,OAAO,GAAG,UAAU,IAAI,cAAc,IAAI,SAAS,CAAC;IAC1D,wEAAwE;IACxE,sEAAsE;IACtE,mCAAmC;IACnC,MAAM,YAAY,GAAG,UAAU,IAAI,CAAC,cAAc,IAAI,SAAS,CAAC;IAEhE,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,YAAY,EAAE,CAAC;QACxB,KAAK,GAAG,cAAc;YACpB,CAAC,CAAC,wBAAwB;YAC1B,CAAC,CAAC,gCAAgC,CAAC;QACrC,QAAQ,GAAG,cAAc,CAAC,CAAC,CAAC,CAC1B,kGAAsE,CACvE,CAAC,CAAC,CAAC,CACF,sJAGG,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,YAAY,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CACpC,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EAAE,eAAe,EACzB,SAAS,EAAE,EAAE,CACX,+FAA+F,EAC/F,sDAAsD,EACtD,eAAe,IAAI,wBAAwB,CAC5C,YAEA,eAAe,CAAC,CAAC,CAAC,CACjB,8BACE,KAAC,WAAW,IAAC,SAAS,EAAC,0BAA0B,GAAG,qBAEnD,CACJ,CAAC,CAAC,CAAC,CACF,kDAAsB,CACvB,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  /**\n   * True when ENABLE_BUILDER / BUILDER_BRANCH_PROJECT_ID is set on the\n   * deploy. When false, the card shows a \"coming soon\" waitlist CTA instead\n   * of a Send button — the /builder/run endpoint would 403 anyway.\n   */\n  builderEnabled?: 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  builderEnabled: initialBuilderEnabled = true,\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 builderEnabled = flow.hasFetchedStatus\n    ? flow.builderEnabled\n    : initialBuilderEnabled;\n  const orgName = flow.hasFetchedStatus\n    ? flow.orgName\n    : (initialOrgName ?? null);\n  const connecting = flow.connecting;\n\n  const [waitlistJoined, setWaitlistJoined] = useState(false);\n  const [joiningWaitlist, setJoiningWaitlist] = useState(false);\n  const [waitlistErr, setWaitlistErr] = useState<string | null>(null);\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  const handleJoinWaitlist = useCallback(async () => {\n    setJoiningWaitlist(true);\n    setWaitlistErr(null);\n    try {\n      const origin = getCallbackOrigin() || window.location.origin;\n      const res = await fetch(\n        new URL(\n          agentNativePath(\"/_agent-native/builder/branch-waitlist\"),\n          origin,\n        ).href,\n        { method: \"POST\" },\n      );\n      if (!res.ok) {\n        const data = await res.json().catch(() => ({}));\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      setWaitlistJoined(true);\n      setJoiningWaitlist(false);\n    } catch (e) {\n      if (!mountedRef.current) return;\n      setWaitlistErr(e instanceof Error ? e.message : \"Couldn't join waitlist\");\n      setJoiningWaitlist(false);\n    }\n  }, []);\n\n  // Combine connect-flow errors, send errors, and waitlist errors.\n  const err = sendErr ?? waitlistErr ?? flow.error;\n\n  const hasPrompt = prompt.trim().length > 0;\n  const canSend = configured && builderEnabled && hasPrompt;\n  // Branch creation is gated by deploy env (ENABLE_BUILDER / project id).\n  // Show waitlist when the user has connected and has a prompt, but the\n  // deploy hasn't been opted in yet.\n  const showWaitlist = configured && !builderEnabled && hasPrompt;\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 (showWaitlist) {\n    title = waitlistJoined\n      ? \"You're on the waitlist\"\n      : \"Builder branches — coming soon\";\n    subtitle = waitlistJoined ? (\n      <>We'll let you know as soon as cloud branch creation is available.</>\n    ) : (\n      <>\n        Cloud branch creation isn't available on this deployment yet. Join the\n        waitlist and we'll let you know when it ships.\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            ) : showWaitlist && !waitlistJoined ? (\n              <button\n                type=\"button\"\n                onClick={handleJoinWaitlist}\n                disabled={joiningWaitlist}\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                  joiningWaitlist && \"opacity-70 cursor-wait\",\n                )}\n              >\n                {joiningWaitlist ? (\n                  <>\n                    <IconLoader2 className=\"h-3.5 w-3.5 animate-spin\" />\n                    Joining…\n                  </>\n                ) : (\n                  <>Join the waitlist</>\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":"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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  /**\n   * True when the server has a Builder branch project configured for this\n   * request. When false, the card shows a waitlist CTA instead of a Send\n   * button — the /builder/run endpoint would 403 anyway.\n   */\n  builderEnabled?: 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  builderEnabled: initialBuilderEnabled = true,\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 builderEnabled = flow.hasFetchedStatus\n    ? flow.builderEnabled\n    : initialBuilderEnabled;\n  const orgName = flow.hasFetchedStatus\n    ? flow.orgName\n    : (initialOrgName ?? null);\n  const connecting = flow.connecting;\n\n  const [waitlistJoined, setWaitlistJoined] = useState(false);\n  const [joiningWaitlist, setJoiningWaitlist] = useState(false);\n  const [waitlistErr, setWaitlistErr] = useState<string | null>(null);\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  const handleJoinWaitlist = useCallback(async () => {\n    setJoiningWaitlist(true);\n    setWaitlistErr(null);\n    try {\n      const origin = getCallbackOrigin() || window.location.origin;\n      const res = await fetch(\n        new URL(\n          agentNativePath(\"/_agent-native/builder/branch-waitlist\"),\n          origin,\n        ).href,\n        { method: \"POST\" },\n      );\n      if (!res.ok) {\n        const data = await res.json().catch(() => ({}));\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      setWaitlistJoined(true);\n      setJoiningWaitlist(false);\n    } catch (e) {\n      if (!mountedRef.current) return;\n      setWaitlistErr(e instanceof Error ? e.message : \"Couldn't join waitlist\");\n      setJoiningWaitlist(false);\n    }\n  }, []);\n\n  // Combine connect-flow errors, send errors, and waitlist errors.\n  const err = sendErr ?? waitlistErr ?? flow.error;\n\n  const hasPrompt = prompt.trim().length > 0;\n  const canSend = configured && builderEnabled && hasPrompt;\n  // Branch creation is gated by a server-side project id, which may come\n  // from deployment config or org-scoped secrets.\n  const showWaitlist = !builderEnabled && hasPrompt;\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 (showWaitlist) {\n    title = waitlistJoined\n      ? \"You're on the waitlist\"\n      : \"Builder branches unavailable\";\n    subtitle = waitlistJoined ? (\n      <>We'll let you know as soon as cloud branch creation is available.</>\n    ) : (\n      <>\n        Cloud branch creation isn't available for this organization yet. Join\n        the waitlist and we'll let you know when it's ready.\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            ) : showWaitlist && !waitlistJoined ? (\n              <button\n                type=\"button\"\n                onClick={handleJoinWaitlist}\n                disabled={joiningWaitlist}\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                  joiningWaitlist && \"opacity-70 cursor-wait\",\n                )}\n              >\n                {joiningWaitlist ? (\n                  <>\n                    <IconLoader2 className=\"h-3.5 w-3.5 animate-spin\" />\n                    Joining…\n                  </>\n                ) : (\n                  <>Join the waitlist</>\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;AA8P5B,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,2CAymC5B"}
+{"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;AAsQ5B,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,2CAgnC5B"}

package/dist/client/MultiTabAssistantChat.js

@@ -10,8 +10,8 @@ import { agentNativePath } from "./api-path.js";
 import { DEFAULT_MODEL } from "../agent/default-model.js";
 import { getReasoningEffortOptionsForModel, isReasoningEffort, } from "../shared/reasoning-effort.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" })] }))] }));
+function ChatSkeleton({ header, headerOnly = false, }) {
+    return (_jsxs("div", { className: cn("flex flex-col min-h-0", headerOnly ? "shrink-0" : "flex-1 h-full"), children: [header ?? (_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" })] }))] }));
 }
 // ─── History Popover ─────────────────────────────────────────────────────────
 function HistoryPopover({ threads, openTabIds, onSelect, onClose, onSearch, }) {
@@ -858,10 +858,12 @@ export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderO
         tabCount: openTabIds.length,
     };
     if (isLoading) {
-        return _jsx(ChatSkeleton, { headerOnly: contentHidden });
+        return (_jsx(ChatSkeleton, { header: renderHeader?.(headerProps), headerOnly: contentHidden }));
     }
     return (_jsxs("div", { className: "flex flex-1 flex-col h-full min-h-0 overflow-x-hidden", children: [_jsx("style", { dangerouslySetInnerHTML: {
-                    __html: ".agent-tab-close{opacity:0}.agent-tab:hover .agent-tab-close{opacity:1}",
+                    __html: ".agent-tab-close{opacity:0}.agent-tab:hover .agent-tab-close{opacity:1}" +
+                        ".agent-tabs-scroll{scrollbar-width:none;-ms-overflow-style:none;}" +
+                        ".agent-tabs-scroll::-webkit-scrollbar{display:none;}",
                 } }), renderHeader
                 ? renderHeader(headerProps)
                 : showTabBar
@@ -871,7 +873,7 @@ export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderO
                         const childTabs = tabs.filter((t) => t.parentThreadId === focusParentId);
                         const hasSubTabs = childTabs.length > 0;
                         const mainTabs = tabs.filter((t) => !t.parentThreadId);
-                        return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center px-1 py-1 border-b border-border shrink-0 gap-0.5", children: [_jsx("div", { className: "flex items-center gap-0.5 min-w-0 overflow-x-auto scrollbar-none flex-1", children: mainTabs.map((tab) => {
+                        return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center px-1 py-1 border-b border-border shrink-0 gap-0.5", children: [_jsx("div", { className: "agent-tabs-scroll flex items-center gap-0.5 min-w-0 overflow-x-auto flex-1", children: mainTabs.map((tab) => {
                                                 const isActive = tab.id === activeThreadId ||
                                                     (tab.id === focusParentId &&
                                                         activeTab?.parentThreadId === tab.id);
@@ -891,7 +893,7 @@ export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderO
                                                                 borderRadius: "0 6px 6px 0",
                                                                 background: "linear-gradient(to right, transparent, hsl(var(--accent)) 40%)",
                                                             }, children: _jsx(IconX, { size: 12 }) })] }, tab.id));
-                                            }) }), _jsx(TooltipProvider, { delayDuration: 200, children: _jsxs("div", { className: "flex items-center gap-px shrink-0 ml-auto", children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { onClick: addTab, "aria-label": "New chat", className: "flex h-6 w-6 items-center justify-center rounded text-muted-foreground/60 hover:text-foreground hover:bg-accent/50", children: _jsx(IconPlus, { size: 12 }) }) }), _jsx(TooltipContent, { children: "New chat" })] }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { onClick: () => setShowHistory(!showHistory), "aria-label": "Chat history", className: cn("flex h-6 w-6 items-center justify-center rounded text-muted-foreground/60 hover:text-foreground hover:bg-accent/50", showHistory && "bg-accent text-foreground"), children: _jsx(IconHistory, { size: 12 }) }) }), _jsx(TooltipContent, { children: "Chat history" })] })] }) })] }), hasSubTabs && (_jsx("div", { className: "flex items-center px-1 py-0.5 border-b border-border shrink-0 gap-0.5 bg-muted/30", children: _jsxs("div", { className: "flex items-center gap-0.5 min-w-0 overflow-x-auto scrollbar-none flex-1", children: [_jsx("button", { onClick: () => switchThread(focusParentId), className: cn("flex shrink-0 items-center gap-1 rounded-md px-2 py-1 text-[10px] font-medium cursor-pointer", activeThreadId === focusParentId
+                                            }) }), _jsx(TooltipProvider, { delayDuration: 200, children: _jsxs("div", { className: "flex items-center gap-px shrink-0 ml-auto", children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { onClick: addTab, "aria-label": "New chat", className: "flex h-6 w-6 items-center justify-center rounded text-muted-foreground/60 hover:text-foreground hover:bg-accent/50", children: _jsx(IconPlus, { size: 12 }) }) }), _jsx(TooltipContent, { children: "New chat" })] }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { onClick: () => setShowHistory(!showHistory), "aria-label": "Chat history", className: cn("flex h-6 w-6 items-center justify-center rounded text-muted-foreground/60 hover:text-foreground hover:bg-accent/50", showHistory && "bg-accent text-foreground"), children: _jsx(IconHistory, { size: 12 }) }) }), _jsx(TooltipContent, { children: "Chat history" })] })] }) })] }), hasSubTabs && (_jsx("div", { className: "flex items-center px-1 py-0.5 border-b border-border shrink-0 gap-0.5 bg-muted/30", children: _jsxs("div", { className: "agent-tabs-scroll flex items-center gap-0.5 min-w-0 overflow-x-auto flex-1", children: [_jsx("button", { onClick: () => switchThread(focusParentId), className: cn("flex shrink-0 items-center gap-1 rounded-md px-2 py-1 text-[10px] font-medium cursor-pointer", activeThreadId === focusParentId
                                                     ? "bg-accent text-foreground"
                                                     : "text-muted-foreground hover:bg-accent hover:text-foreground"), children: "Main" }), childTabs.map((tab) => (_jsxs("div", { ref: tab.id === activeThreadId
                                                     ? activeTabRefCb