@agent-native/core 0.15.5 → 0.15.6

package/dist/client/components/CodeRequiredDialog.js

@@ -16,7 +16,7 @@ function useBuilderConnected() {
             if (data) {
                 setConnected(!!data.configured);
                 setCloudAgentsAvailable(!!data.builderEnabled);
-                setConnectUrl(data.connectUrl || null);
+                setConnectUrl(data.cliAuthUrl || data.connectUrl || null);
             }
         })
             .catch(() => { });

package/dist/client/components/CodeRequiredDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeRequiredDialog.js","sourceRoot":"","sources":["../../../src/client/components/CodeRequiredDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useCallback, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport {\n  IconPackageExport,\n  IconCode,\n  IconExternalLink,\n  IconX,\n  IconLoader2,\n} from \"@tabler/icons-react\";\nimport { agentNativePath } from \"../api-path.js\";\nimport { trackEvent } from \"../analytics.js\";\n\nconst DESKTOP_DOWNLOAD_URL = \"https://www.agent-native.com/download\";\n\nexport interface CodeRequiredDialogProps {\n  open: boolean;\n  onClose: () => void;\n  /** Label describing the feature that requires code changes */\n  featureLabel?: string;\n}\n\nfunction useBuilderConnected() {\n  const [connected, setConnected] = useState(false);\n  const [cloudAgentsAvailable, setCloudAgentsAvailable] = useState(false);\n  const [connectUrl, setConnectUrl] = useState<string | null>(null);\n\n  useEffect(() => {\n    fetch(agentNativePath(\"/_agent-native/builder/status\"))\n      .then((r) => (r.ok ? r.json() : null))\n      .then((data) => {\n        if (data) {\n          setConnected(!!data.configured);\n          setCloudAgentsAvailable(!!data.builderEnabled);\n          setConnectUrl(data.connectUrl || null);\n        }\n      })\n      .catch(() => {});\n  }, []);\n\n  return { connected, cloudAgentsAvailable, connectUrl };\n}\n\n/**\n * Modal shown when a user tries to use a code-requiring feature where local\n * source access is unavailable. Offers two paths: Agent Native Desktop or the\n * Builder.io agent.\n * Uses inline styles (no Radix/Tailwind dependency).\n */\nexport function CodeRequiredDialog({\n  open,\n  onClose,\n  featureLabel,\n}: CodeRequiredDialogProps) {\n  const {\n    connected: builderConnected,\n    cloudAgentsAvailable,\n    connectUrl,\n  } = useBuilderConnected();\n  const [submitting, setSubmitting] = useState(false);\n  const [branchUrl, setBranchUrl] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const builderHref =\n    connectUrl || agentNativePath(\"/_agent-native/builder/connect\");\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") onClose();\n    },\n    [onClose],\n  );\n\n  useEffect(() => {\n    if (open) {\n      document.addEventListener(\"keydown\", handleKeyDown);\n      return () => document.removeEventListener(\"keydown\", handleKeyDown);\n    }\n  }, [open, handleKeyDown]);\n\n  useEffect(() => {\n    if (open) {\n      setSubmitting(false);\n      setBranchUrl(null);\n      setError(null);\n    }\n  }, [open]);\n\n  const handleBuilderAgent = async () => {\n    if (!builderConnected) {\n      // Open settings tab\n      window.dispatchEvent(new Event(\"agent-panel:open-settings\"));\n      onClose();\n      return;\n    }\n\n    setSubmitting(true);\n    setError(null);\n    try {\n      const res = await fetch(\n        agentNativePath(\"/_agent-native/builder/agents-run\"),\n        {\n          method: \"POST\",\n          headers: { \"Content-Type\": \"application/json\" },\n          body: JSON.stringify({\n            userMessage:\n              featureLabel || \"Make the requested code changes to this app\",\n          }),\n        },\n      );\n      if (!res.ok) {\n        const body = await res.json().catch(() => ({}));\n        throw new Error(body?.error || `Failed (${res.status})`);\n      }\n      const data = await res.json();\n      setBranchUrl(data.url || null);\n    } catch (err: any) {\n      setError(err?.message || \"Failed to create branch\");\n    } finally {\n      setSubmitting(false);\n    }\n  };\n\n  if (!open || typeof document === \"undefined\") return null;\n\n  return createPortal(\n    <div style={s.backdrop} onClick={onClose}>\n      <div\n        style={s.dialog}\n        onClick={(e) => e.stopPropagation()}\n        role=\"dialog\"\n        aria-modal=\"true\"\n      >\n        {/* Header */}\n        <div style={s.header}>\n          <div style={s.iconWrap}>\n            <IconPackageExport size={20} />\n          </div>\n          <div>\n            <h2 style={s.title}>Code changes required</h2>\n            <p style={s.subtitle}>\n              {featureLabel\n                ? `\"${featureLabel}\" creates or modifies source code, which needs Desktop or Builder from this surface.`\n                : \"This action creates or modifies source code, which needs Desktop or Builder from this surface.\"}\n            </p>\n          </div>\n        </div>\n\n        {/* Options */}\n        <div style={s.options}>\n          <a\n            href={DESKTOP_DOWNLOAD_URL}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            style={{ ...s.optionCard, ...s.optionLink }}\n            onMouseEnter={(e) =>\n              Object.assign(e.currentTarget.style, s.optionCardHover)\n            }\n            onMouseLeave={(e) =>\n              Object.assign(e.currentTarget.style, { borderColor: \"#e5e7eb\" })\n            }\n          >\n            <div style={s.optionIcon}>\n              <IconCode size={24} />\n            </div>\n            <div style={s.optionText}>\n              <span style={s.optionTitle}>Use Agent Native Desktop</span>\n              <span style={s.optionDesc}>\n                Open the project in the desktop app to enable source edits and\n                CLI access.\n              </span>\n            </div>\n          </a>\n\n          {builderConnected && cloudAgentsAvailable ? (\n            <button\n              style={{\n                ...s.optionCard,\n                ...(submitting\n                  ? { opacity: 0.7, pointerEvents: \"none\" as const }\n                  : {}),\n              }}\n              onMouseEnter={(e) =>\n                Object.assign(e.currentTarget.style, s.optionCardHover)\n              }\n              onMouseLeave={(e) =>\n                Object.assign(e.currentTarget.style, { borderColor: \"#e5e7eb\" })\n              }\n              onClick={handleBuilderAgent}\n            >\n              <div style={s.optionIcon}>\n                {submitting ? (\n                  <IconLoader2\n                    size={24}\n                    style={{ animation: \"spin 1s linear infinite\" }}\n                  />\n                ) : (\n                  <IconExternalLink size={24} />\n                )}\n              </div>\n              <div style={s.optionText}>\n                <span style={s.optionTitle}>Use Builder.io Agent</span>\n                <span style={s.optionDesc}>\n                  Let our cloud agent make the changes for you. You'll get a\n                  link to preview and deploy.\n                </span>\n              </div>\n            </button>\n          ) : builderConnected ? (\n            <div\n              style={{\n                ...s.optionCard,\n                cursor: \"default\",\n                opacity: 0.85,\n              }}\n            >\n              <div style={s.optionIcon}>\n                <IconExternalLink size={24} />\n              </div>\n              <div style={s.optionText}>\n                <span style={s.optionTitle}>\n                  Builder Cloud Agents coming soon\n                </span>\n                <span style={s.optionDesc}>\n                  You don't have access yet. Use the desktop app or your local\n                  clone for this code change.\n                </span>\n              </div>\n              <span style={s.badge}>Coming soon</span>\n            </div>\n          ) : (\n            <a\n              href={builderHref}\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              onClick={() => {\n                trackEvent(\"builder connect clicked\", {\n                  feature: \"builder\",\n                  stage: \"client\",\n                  source: \"code_required_dialog\",\n                  connect_url_kind: connectUrl ? \"provided\" : \"default\",\n                });\n              }}\n              style={{ ...s.optionCard, ...s.optionLink }}\n              onMouseEnter={(e) =>\n                Object.assign(e.currentTarget.style, s.optionCardHover)\n              }\n              onMouseLeave={(e) =>\n                Object.assign(e.currentTarget.style, {\n                  borderColor: \"#e5e7eb\",\n                })\n              }\n            >\n              <div style={s.optionIcon}>\n                <IconExternalLink size={24} />\n              </div>\n              <div style={s.optionText}>\n                <span style={s.optionTitle}>Connect Builder.io</span>\n                <span style={s.optionDesc}>\n                  Connect Builder to enable cloud-based code changes from this\n                  app.\n                </span>\n              </div>\n              {!connectUrl && <span style={s.badge}>Setup required</span>}\n            </a>\n          )}\n        </div>\n\n        {/* Branch result */}\n        {branchUrl && (\n          <div style={s.result}>\n            <span style={{ fontSize: 13, fontWeight: 600 }}>\n              Branch created\n            </span>\n            <a\n              href={branchUrl}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              style={s.resultLink}\n            >\n              {branchUrl}\n            </a>\n          </div>\n        )}\n\n        {error && (\n          <p style={{ color: \"#ef4444\", fontSize: 12, marginTop: 12 }}>\n            {error}\n          </p>\n        )}\n\n        {/* Close */}\n        <button style={s.closeButton} onClick={onClose} aria-label=\"Close\">\n          <IconX size={16} />\n        </button>\n      </div>\n    </div>,\n    document.body,\n  );\n}\n\nconst s: Record<string, React.CSSProperties> = {\n  backdrop: {\n    position: \"fixed\",\n    inset: 0,\n    background: \"rgba(0, 0, 0, 0.5)\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    zIndex: 99999,\n    padding: \"16px\",\n  },\n  dialog: {\n    position: \"relative\",\n    background: \"#fff\",\n    borderRadius: \"12px\",\n    maxWidth: \"460px\",\n    width: \"100%\",\n    padding: \"24px\",\n    boxShadow:\n      \"0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1)\",\n    fontFamily:\n      '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',\n    color: \"#111827\",\n  },\n  header: {\n    display: \"flex\",\n    gap: \"14px\",\n    alignItems: \"flex-start\",\n    marginBottom: \"20px\",\n  },\n  iconWrap: {\n    flexShrink: 0,\n    width: \"40px\",\n    height: \"40px\",\n    borderRadius: \"10px\",\n    background: \"#f3f4f6\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    color: \"#6b7280\",\n  },\n  title: {\n    margin: 0,\n    fontSize: \"16px\",\n    fontWeight: 600,\n    lineHeight: \"1.4\",\n  },\n  subtitle: {\n    margin: \"4px 0 0\",\n    fontSize: \"13px\",\n    color: \"#6b7280\",\n    lineHeight: \"1.5\",\n  },\n  options: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: \"10px\",\n  },\n  optionCard: {\n    position: \"relative\",\n    display: \"flex\",\n    alignItems: \"flex-start\",\n    gap: \"14px\",\n    padding: \"14px\",\n    border: \"1px solid #e5e7eb\",\n    borderRadius: \"10px\",\n    background: \"transparent\",\n    cursor: \"pointer\",\n    textAlign: \"left\",\n    width: \"100%\",\n    fontSize: \"inherit\",\n    fontFamily: \"inherit\",\n    color: \"inherit\",\n  },\n  optionCardHover: {\n    borderColor: \"#a5b4fc\",\n  },\n  optionLink: {\n    textDecoration: \"none\",\n    boxSizing: \"border-box\",\n  },\n  optionIcon: {\n    flexShrink: 0,\n    color: \"#00B5FF\",\n    marginTop: \"2px\",\n  },\n  optionText: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: \"2px\",\n  },\n  optionTitle: {\n    fontSize: \"14px\",\n    fontWeight: 600,\n  },\n  optionDesc: {\n    fontSize: \"12px\",\n    color: \"#6b7280\",\n    lineHeight: \"1.5\",\n  },\n  code: {\n    background: \"#f3f4f6\",\n    padding: \"1px 5px\",\n    borderRadius: \"4px\",\n    fontSize: \"11px\",\n    fontFamily: \"monospace\",\n  },\n  badge: {\n    position: \"absolute\",\n    top: \"10px\",\n    right: \"10px\",\n    fontSize: \"10px\",\n    fontWeight: 600,\n    color: \"#00B5FF\",\n    background: \"#e0f2fe\",\n    padding: \"2px 8px\",\n    borderRadius: \"99px\",\n    textTransform: \"uppercase\",\n    letterSpacing: \"0.5px\",\n  },\n  closeButton: {\n    position: \"absolute\",\n    top: \"12px\",\n    right: \"12px\",\n    background: \"transparent\",\n    border: \"none\",\n    cursor: \"pointer\",\n    padding: \"6px\",\n    borderRadius: \"6px\",\n    color: \"#9ca3af\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  result: {\n    marginTop: \"16px\",\n    padding: \"12px\",\n    borderRadius: \"8px\",\n    border: \"1px solid #22c55e40\",\n    background: \"#f0fdf4\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: \"4px\",\n  },\n  resultLink: {\n    fontSize: \"12px\",\n    color: \"#00B5FF\",\n    textDecoration: \"none\",\n    wordBreak: \"break-all\",\n  },\n};\n"]}
+{"version":3,"file":"CodeRequiredDialog.js","sourceRoot":"","sources":["../../../src/client/components/CodeRequiredDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useCallback, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport {\n  IconPackageExport,\n  IconCode,\n  IconExternalLink,\n  IconX,\n  IconLoader2,\n} from \"@tabler/icons-react\";\nimport { agentNativePath } from \"../api-path.js\";\nimport { trackEvent } from \"../analytics.js\";\n\nconst DESKTOP_DOWNLOAD_URL = \"https://www.agent-native.com/download\";\n\nexport interface CodeRequiredDialogProps {\n  open: boolean;\n  onClose: () => void;\n  /** Label describing the feature that requires code changes */\n  featureLabel?: string;\n}\n\nfunction useBuilderConnected() {\n  const [connected, setConnected] = useState(false);\n  const [cloudAgentsAvailable, setCloudAgentsAvailable] = useState(false);\n  const [connectUrl, setConnectUrl] = useState<string | null>(null);\n\n  useEffect(() => {\n    fetch(agentNativePath(\"/_agent-native/builder/status\"))\n      .then((r) => (r.ok ? r.json() : null))\n      .then((data) => {\n        if (data) {\n          setConnected(!!data.configured);\n          setCloudAgentsAvailable(!!data.builderEnabled);\n          setConnectUrl(data.cliAuthUrl || data.connectUrl || null);\n        }\n      })\n      .catch(() => {});\n  }, []);\n\n  return { connected, cloudAgentsAvailable, connectUrl };\n}\n\n/**\n * Modal shown when a user tries to use a code-requiring feature where local\n * source access is unavailable. Offers two paths: Agent Native Desktop or the\n * Builder.io agent.\n * Uses inline styles (no Radix/Tailwind dependency).\n */\nexport function CodeRequiredDialog({\n  open,\n  onClose,\n  featureLabel,\n}: CodeRequiredDialogProps) {\n  const {\n    connected: builderConnected,\n    cloudAgentsAvailable,\n    connectUrl,\n  } = useBuilderConnected();\n  const [submitting, setSubmitting] = useState(false);\n  const [branchUrl, setBranchUrl] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const builderHref =\n    connectUrl || agentNativePath(\"/_agent-native/builder/connect\");\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") onClose();\n    },\n    [onClose],\n  );\n\n  useEffect(() => {\n    if (open) {\n      document.addEventListener(\"keydown\", handleKeyDown);\n      return () => document.removeEventListener(\"keydown\", handleKeyDown);\n    }\n  }, [open, handleKeyDown]);\n\n  useEffect(() => {\n    if (open) {\n      setSubmitting(false);\n      setBranchUrl(null);\n      setError(null);\n    }\n  }, [open]);\n\n  const handleBuilderAgent = async () => {\n    if (!builderConnected) {\n      // Open settings tab\n      window.dispatchEvent(new Event(\"agent-panel:open-settings\"));\n      onClose();\n      return;\n    }\n\n    setSubmitting(true);\n    setError(null);\n    try {\n      const res = await fetch(\n        agentNativePath(\"/_agent-native/builder/agents-run\"),\n        {\n          method: \"POST\",\n          headers: { \"Content-Type\": \"application/json\" },\n          body: JSON.stringify({\n            userMessage:\n              featureLabel || \"Make the requested code changes to this app\",\n          }),\n        },\n      );\n      if (!res.ok) {\n        const body = await res.json().catch(() => ({}));\n        throw new Error(body?.error || `Failed (${res.status})`);\n      }\n      const data = await res.json();\n      setBranchUrl(data.url || null);\n    } catch (err: any) {\n      setError(err?.message || \"Failed to create branch\");\n    } finally {\n      setSubmitting(false);\n    }\n  };\n\n  if (!open || typeof document === \"undefined\") return null;\n\n  return createPortal(\n    <div style={s.backdrop} onClick={onClose}>\n      <div\n        style={s.dialog}\n        onClick={(e) => e.stopPropagation()}\n        role=\"dialog\"\n        aria-modal=\"true\"\n      >\n        {/* Header */}\n        <div style={s.header}>\n          <div style={s.iconWrap}>\n            <IconPackageExport size={20} />\n          </div>\n          <div>\n            <h2 style={s.title}>Code changes required</h2>\n            <p style={s.subtitle}>\n              {featureLabel\n                ? `\"${featureLabel}\" creates or modifies source code, which needs Desktop or Builder from this surface.`\n                : \"This action creates or modifies source code, which needs Desktop or Builder from this surface.\"}\n            </p>\n          </div>\n        </div>\n\n        {/* Options */}\n        <div style={s.options}>\n          <a\n            href={DESKTOP_DOWNLOAD_URL}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            style={{ ...s.optionCard, ...s.optionLink }}\n            onMouseEnter={(e) =>\n              Object.assign(e.currentTarget.style, s.optionCardHover)\n            }\n            onMouseLeave={(e) =>\n              Object.assign(e.currentTarget.style, { borderColor: \"#e5e7eb\" })\n            }\n          >\n            <div style={s.optionIcon}>\n              <IconCode size={24} />\n            </div>\n            <div style={s.optionText}>\n              <span style={s.optionTitle}>Use Agent Native Desktop</span>\n              <span style={s.optionDesc}>\n                Open the project in the desktop app to enable source edits and\n                CLI access.\n              </span>\n            </div>\n          </a>\n\n          {builderConnected && cloudAgentsAvailable ? (\n            <button\n              style={{\n                ...s.optionCard,\n                ...(submitting\n                  ? { opacity: 0.7, pointerEvents: \"none\" as const }\n                  : {}),\n              }}\n              onMouseEnter={(e) =>\n                Object.assign(e.currentTarget.style, s.optionCardHover)\n              }\n              onMouseLeave={(e) =>\n                Object.assign(e.currentTarget.style, { borderColor: \"#e5e7eb\" })\n              }\n              onClick={handleBuilderAgent}\n            >\n              <div style={s.optionIcon}>\n                {submitting ? (\n                  <IconLoader2\n                    size={24}\n                    style={{ animation: \"spin 1s linear infinite\" }}\n                  />\n                ) : (\n                  <IconExternalLink size={24} />\n                )}\n              </div>\n              <div style={s.optionText}>\n                <span style={s.optionTitle}>Use Builder.io Agent</span>\n                <span style={s.optionDesc}>\n                  Let our cloud agent make the changes for you. You'll get a\n                  link to preview and deploy.\n                </span>\n              </div>\n            </button>\n          ) : builderConnected ? (\n            <div\n              style={{\n                ...s.optionCard,\n                cursor: \"default\",\n                opacity: 0.85,\n              }}\n            >\n              <div style={s.optionIcon}>\n                <IconExternalLink size={24} />\n              </div>\n              <div style={s.optionText}>\n                <span style={s.optionTitle}>\n                  Builder Cloud Agents coming soon\n                </span>\n                <span style={s.optionDesc}>\n                  You don't have access yet. Use the desktop app or your local\n                  clone for this code change.\n                </span>\n              </div>\n              <span style={s.badge}>Coming soon</span>\n            </div>\n          ) : (\n            <a\n              href={builderHref}\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              onClick={() => {\n                trackEvent(\"builder connect clicked\", {\n                  feature: \"builder\",\n                  stage: \"client\",\n                  source: \"code_required_dialog\",\n                  connect_url_kind: connectUrl ? \"provided\" : \"default\",\n                });\n              }}\n              style={{ ...s.optionCard, ...s.optionLink }}\n              onMouseEnter={(e) =>\n                Object.assign(e.currentTarget.style, s.optionCardHover)\n              }\n              onMouseLeave={(e) =>\n                Object.assign(e.currentTarget.style, {\n                  borderColor: \"#e5e7eb\",\n                })\n              }\n            >\n              <div style={s.optionIcon}>\n                <IconExternalLink size={24} />\n              </div>\n              <div style={s.optionText}>\n                <span style={s.optionTitle}>Connect Builder.io</span>\n                <span style={s.optionDesc}>\n                  Connect Builder to enable cloud-based code changes from this\n                  app.\n                </span>\n              </div>\n              {!connectUrl && <span style={s.badge}>Setup required</span>}\n            </a>\n          )}\n        </div>\n\n        {/* Branch result */}\n        {branchUrl && (\n          <div style={s.result}>\n            <span style={{ fontSize: 13, fontWeight: 600 }}>\n              Branch created\n            </span>\n            <a\n              href={branchUrl}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              style={s.resultLink}\n            >\n              {branchUrl}\n            </a>\n          </div>\n        )}\n\n        {error && (\n          <p style={{ color: \"#ef4444\", fontSize: 12, marginTop: 12 }}>\n            {error}\n          </p>\n        )}\n\n        {/* Close */}\n        <button style={s.closeButton} onClick={onClose} aria-label=\"Close\">\n          <IconX size={16} />\n        </button>\n      </div>\n    </div>,\n    document.body,\n  );\n}\n\nconst s: Record<string, React.CSSProperties> = {\n  backdrop: {\n    position: \"fixed\",\n    inset: 0,\n    background: \"rgba(0, 0, 0, 0.5)\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    zIndex: 99999,\n    padding: \"16px\",\n  },\n  dialog: {\n    position: \"relative\",\n    background: \"#fff\",\n    borderRadius: \"12px\",\n    maxWidth: \"460px\",\n    width: \"100%\",\n    padding: \"24px\",\n    boxShadow:\n      \"0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1)\",\n    fontFamily:\n      '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',\n    color: \"#111827\",\n  },\n  header: {\n    display: \"flex\",\n    gap: \"14px\",\n    alignItems: \"flex-start\",\n    marginBottom: \"20px\",\n  },\n  iconWrap: {\n    flexShrink: 0,\n    width: \"40px\",\n    height: \"40px\",\n    borderRadius: \"10px\",\n    background: \"#f3f4f6\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    color: \"#6b7280\",\n  },\n  title: {\n    margin: 0,\n    fontSize: \"16px\",\n    fontWeight: 600,\n    lineHeight: \"1.4\",\n  },\n  subtitle: {\n    margin: \"4px 0 0\",\n    fontSize: \"13px\",\n    color: \"#6b7280\",\n    lineHeight: \"1.5\",\n  },\n  options: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: \"10px\",\n  },\n  optionCard: {\n    position: \"relative\",\n    display: \"flex\",\n    alignItems: \"flex-start\",\n    gap: \"14px\",\n    padding: \"14px\",\n    border: \"1px solid #e5e7eb\",\n    borderRadius: \"10px\",\n    background: \"transparent\",\n    cursor: \"pointer\",\n    textAlign: \"left\",\n    width: \"100%\",\n    fontSize: \"inherit\",\n    fontFamily: \"inherit\",\n    color: \"inherit\",\n  },\n  optionCardHover: {\n    borderColor: \"#a5b4fc\",\n  },\n  optionLink: {\n    textDecoration: \"none\",\n    boxSizing: \"border-box\",\n  },\n  optionIcon: {\n    flexShrink: 0,\n    color: \"#00B5FF\",\n    marginTop: \"2px\",\n  },\n  optionText: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: \"2px\",\n  },\n  optionTitle: {\n    fontSize: \"14px\",\n    fontWeight: 600,\n  },\n  optionDesc: {\n    fontSize: \"12px\",\n    color: \"#6b7280\",\n    lineHeight: \"1.5\",\n  },\n  code: {\n    background: \"#f3f4f6\",\n    padding: \"1px 5px\",\n    borderRadius: \"4px\",\n    fontSize: \"11px\",\n    fontFamily: \"monospace\",\n  },\n  badge: {\n    position: \"absolute\",\n    top: \"10px\",\n    right: \"10px\",\n    fontSize: \"10px\",\n    fontWeight: 600,\n    color: \"#00B5FF\",\n    background: \"#e0f2fe\",\n    padding: \"2px 8px\",\n    borderRadius: \"99px\",\n    textTransform: \"uppercase\",\n    letterSpacing: \"0.5px\",\n  },\n  closeButton: {\n    position: \"absolute\",\n    top: \"12px\",\n    right: \"12px\",\n    background: \"transparent\",\n    border: \"none\",\n    cursor: \"pointer\",\n    padding: \"6px\",\n    borderRadius: \"6px\",\n    color: \"#9ca3af\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  result: {\n    marginTop: \"16px\",\n    padding: \"12px\",\n    borderRadius: \"8px\",\n    border: \"1px solid #22c55e40\",\n    background: \"#f0fdf4\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: \"4px\",\n  },\n  resultLink: {\n    fontSize: \"12px\",\n    color: \"#00B5FF\",\n    textDecoration: \"none\",\n    wordBreak: \"break-all\",\n  },\n};\n"]}

package/dist/client/settings/BackgroundAgentSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BackgroundAgentSection.d.ts","sourceRoot":"","sources":["../../../src/client/settings/BackgroundAgentSection.tsx"],"names":[],"mappings":"AAmBA,wBAAgB,sBAAsB,4CA2JrC"}
+{"version":3,"file":"BackgroundAgentSection.d.ts","sourceRoot":"","sources":["../../../src/client/settings/BackgroundAgentSection.tsx"],"names":[],"mappings":"AAmBA,wBAAgB,sBAAsB,4CA8JrC"}

package/dist/client/settings/BackgroundAgentSection.js

@@ -9,6 +9,7 @@ export function BackgroundAgentSection() {
     const { status: builder } = useBuilderStatus();
     const connected = builder?.configured ?? false;
     const cloudAgentsAvailable = !!builder?.builderEnabled;
+    const builderConnectUrl = builder?.cliAuthUrl ?? builder?.connectUrl;
     const [projectUrl, setProjectUrl] = useState("");
     const [running, setRunning] = useState(false);
     const [result, setResult] = useState(null);
@@ -41,7 +42,7 @@ export function BackgroundAgentSection() {
             setRunning(false);
         }
     };
-    return (_jsx(SettingsSection, { icon: _jsx(IconGitBranch, { size: 14 }), title: "Background Agent", subtitle: "Make code changes from production mode. Builder creates a branch, the agent makes changes, and you get a preview URL.", connected: connected, children: !connected ? (_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-[10px] text-muted-foreground", children: "Connect Builder to enable code changes from production. The agent will create branches and provide preview URLs." }), builder?.connectUrl && (_jsxs("a", { href: builder.connectUrl, onClick: () => {
+    return (_jsx(SettingsSection, { icon: _jsx(IconGitBranch, { size: 14 }), title: "Background Agent", subtitle: "Make code changes from production mode. Builder creates a branch, the agent makes changes, and you get a preview URL.", connected: connected, children: !connected ? (_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-[10px] text-muted-foreground", children: "Connect Builder to enable code changes from production. The agent will create branches and provide preview URLs." }), builderConnectUrl && (_jsxs("a", { href: builderConnectUrl, target: "_blank", rel: "noreferrer", onClick: () => {
                         trackEvent("builder connect clicked", {
                             feature: "builder",
                             stage: "client",

package/dist/client/settings/BackgroundAgentSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackgroundAgentSection.js","sourceRoot":"","sources":["../../../src/client/settings/BackgroundAgentSection.tsx"],"names":[],"mappings":"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","sourcesContent":["import { agentNativePath } from \"../api-path.js\";\nimport { useState } from \"react\";\nimport {\n  IconGitBranch,\n  IconCheck,\n  IconExternalLink,\n  IconLoader2,\n} from \"@tabler/icons-react\";\nimport { SettingsSection } from \"./SettingsSection.js\";\nimport { useBuilderStatus } from \"./useBuilderStatus.js\";\nimport { trackEvent } from \"../analytics.js\";\n\ninterface AgentsRunResult {\n  branchName: string | null;\n  projectId: string;\n  url: string;\n  status: string;\n}\n\nexport function BackgroundAgentSection() {\n  const { status: builder } = useBuilderStatus();\n  const connected = builder?.configured ?? false;\n  const cloudAgentsAvailable = !!builder?.builderEnabled;\n\n  const [projectUrl, setProjectUrl] = useState(\"\");\n  const [running, setRunning] = useState(false);\n  const [result, setResult] = useState<AgentsRunResult | null>(null);\n  const [error, setError] = useState<string | null>(null);\n\n  const handleCreateBranch = async () => {\n    if (!projectUrl.trim()) return;\n    setRunning(true);\n    setError(null);\n    setResult(null);\n    try {\n      const res = await fetch(\n        agentNativePath(\"/_agent-native/builder/agents-run\"),\n        {\n          method: \"POST\",\n          headers: { \"Content-Type\": \"application/json\" },\n          body: JSON.stringify({\n            userMessage: \"Set up this project for development\",\n            projectUrl: projectUrl.trim(),\n          }),\n        },\n      );\n      if (!res.ok) {\n        const body = await res.json().catch(() => ({}));\n        throw new Error(body?.error || `Failed (${res.status})`);\n      }\n      setResult(await res.json());\n    } catch (err: any) {\n      setError(err?.message || \"Failed to create branch\");\n    } finally {\n      setRunning(false);\n    }\n  };\n\n  return (\n    <SettingsSection\n      icon={<IconGitBranch size={14} />}\n      title=\"Background Agent\"\n      subtitle=\"Make code changes from production mode. Builder creates a branch, the agent makes changes, and you get a preview URL.\"\n      connected={connected}\n    >\n      {!connected ? (\n        <div className=\"space-y-2\">\n          <p className=\"text-[10px] text-muted-foreground\">\n            Connect Builder to enable code changes from production. The agent\n            will create branches and provide preview URLs.\n          </p>\n          {builder?.connectUrl && (\n            <a\n              href={builder.connectUrl}\n              onClick={() => {\n                trackEvent(\"builder connect clicked\", {\n                  feature: \"builder\",\n                  stage: \"client\",\n                  source: \"background_agent_settings\",\n                  connect_url_kind: \"provided\",\n                });\n              }}\n              className=\"inline-flex items-center gap-1 rounded bg-accent px-2 py-1 text-[10px] font-medium text-foreground hover:bg-accent/80\"\n            >\n              Connect Builder\n              <IconExternalLink size={10} />\n            </a>\n          )}\n        </div>\n      ) : !cloudAgentsAvailable ? (\n        <div className=\"space-y-2\">\n          <div className=\"flex items-center gap-1.5 text-[10px] text-muted-foreground\">\n            <IconCheck size={10} />\n            Builder connected\n            {builder?.orgName && (\n              <span className=\"text-muted-foreground\">({builder.orgName})</span>\n            )}\n          </div>\n          <p className=\"text-[10px] text-muted-foreground\">\n            You don't have access to Builder Cloud Agents for this workspace\n            yet; they are not enabled from Builder org settings. Use the desktop\n            app or your local clone for code changes.\n          </p>\n          <a\n            href=\"https://www.agent-native.com/download\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className=\"inline-flex items-center gap-1 rounded bg-accent px-2 py-1 text-[10px] font-medium text-foreground hover:bg-accent/80\"\n          >\n            Download desktop app\n            <IconExternalLink size={10} />\n          </a>\n        </div>\n      ) : (\n        <div className=\"space-y-2.5\">\n          <div className=\"flex items-center gap-1.5 text-[10px] text-green-500\">\n            <IconCheck size={10} />\n            Builder connected\n            {builder?.orgName && (\n              <span className=\"text-muted-foreground\">({builder.orgName})</span>\n            )}\n          </div>\n\n          <div>\n            <label className=\"text-[10px] font-medium text-foreground block mb-1\">\n              Builder Project URL or ID\n            </label>\n            <div className=\"flex gap-1.5\">\n              <input\n                type=\"text\"\n                value={projectUrl}\n                onChange={(e) => setProjectUrl(e.target.value)}\n                onKeyDown={(e) => {\n                  if (e.key === \"Enter\") handleCreateBranch();\n                }}\n                placeholder=\"https://builder.io/app/projects/...\"\n                className=\"flex-1 rounded border border-border bg-background px-2 py-1 text-[11px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent\"\n              />\n              <button\n                onClick={handleCreateBranch}\n                disabled={!projectUrl.trim() || running}\n                className=\"rounded bg-accent px-2 py-1 text-[10px] font-medium text-foreground hover:bg-accent/80 disabled:opacity-40\"\n              >\n                {running ? (\n                  <IconLoader2 size={10} className=\"animate-spin\" />\n                ) : (\n                  \"Create branch\"\n                )}\n              </button>\n            </div>\n          </div>\n\n          {result && (\n            <div className=\"rounded-md border border-green-800/40 bg-green-900/10 px-2.5 py-2\">\n              <div className=\"text-[10px] font-medium text-green-400 mb-1\">\n                Branch created\n              </div>\n              <a\n                href={result.url}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"flex items-center gap-1 text-[10px] text-foreground hover:underline\"\n              >\n                {result.url}\n                <IconExternalLink size={10} />\n              </a>\n            </div>\n          )}\n\n          {error && <p className=\"text-[10px] text-red-400\">{error}</p>}\n        </div>\n      )}\n    </SettingsSection>\n  );\n}\n"]}
+{"version":3,"file":"BackgroundAgentSection.js","sourceRoot":"","sources":["../../../src/client/settings/BackgroundAgentSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EACL,aAAa,EACb,SAAS,EACT,gBAAgB,EAChB,WAAW,GACZ,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAS7C,MAAM,UAAU,sBAAsB;IACpC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAC/C,MAAM,SAAS,GAAG,OAAO,EAAE,UAAU,IAAI,KAAK,CAAC;IAC/C,MAAM,oBAAoB,GAAG,CAAC,CAAC,OAAO,EAAE,cAAc,CAAC;IACvD,MAAM,iBAAiB,GAAG,OAAO,EAAE,UAAU,IAAI,OAAO,EAAE,UAAU,CAAC;IAErE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAyB,IAAI,CAAC,CAAC;IACnE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAExD,MAAM,kBAAkB,GAAG,KAAK,IAAI,EAAE;QACpC,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;YAAE,OAAO;QAC/B,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,SAAS,CAAC,IAAI,CAAC,CAAC;QAChB,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,MAAM,KAAK,CACrB,eAAe,CAAC,mCAAmC,CAAC,EACpD;gBACE,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,EAAE,cAAc,EAAE,kBAAkB,EAAE;gBAC/C,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;oBACnB,WAAW,EAAE,qCAAqC;oBAClD,UAAU,EAAE,UAAU,CAAC,IAAI,EAAE;iBAC9B,CAAC;aACH,CACF,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,CAAC,IAAI,EAAE,KAAK,IAAI,WAAW,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC;YAC3D,CAAC;YACD,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC;QAC9B,CAAC;QAAC,OAAO,GAAQ,EAAE,CAAC;YAClB,QAAQ,CAAC,GAAG,EAAE,OAAO,IAAI,yBAAyB,CAAC,CAAC;QACtD,CAAC;gBAAS,CAAC;YACT,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,eAAe,IACd,IAAI,EAAE,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,GAAI,EACjC,KAAK,EAAC,kBAAkB,EACxB,QAAQ,EAAC,uHAAuH,EAChI,SAAS,EAAE,SAAS,YAEnB,CAAC,SAAS,CAAC,CAAC,CAAC,CACZ,eAAK,SAAS,EAAC,WAAW,aACxB,YAAG,SAAS,EAAC,mCAAmC,iIAG5C,EACH,iBAAiB,IAAI,CACpB,aACE,IAAI,EAAE,iBAAiB,EACvB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,EAChB,OAAO,EAAE,GAAG,EAAE;wBACZ,UAAU,CAAC,yBAAyB,EAAE;4BACpC,OAAO,EAAE,SAAS;4BAClB,KAAK,EAAE,QAAQ;4BACf,MAAM,EAAE,2BAA2B;4BACnC,gBAAgB,EAAE,UAAU;yBAC7B,CAAC,CAAC;oBACL,CAAC,EACD,SAAS,EAAC,uHAAuH,gCAGjI,KAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,GAAI,IAC5B,CACL,IACG,CACP,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAC1B,eAAK,SAAS,EAAC,WAAW,aACxB,eAAK,SAAS,EAAC,6DAA6D,aAC1E,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,uBAEtB,OAAO,EAAE,OAAO,IAAI,CACnB,gBAAM,SAAS,EAAC,uBAAuB,kBAAG,OAAO,CAAC,OAAO,SAAS,CACnE,IACG,EACN,YAAG,SAAS,EAAC,mCAAmC,gMAI5C,EACJ,aACE,IAAI,EAAC,uCAAuC,EAC5C,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAC,uHAAuH,qCAGjI,KAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,GAAI,IAC5B,IACA,CACP,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAC,aAAa,aAC1B,eAAK,SAAS,EAAC,sDAAsD,aACnE,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,uBAEtB,OAAO,EAAE,OAAO,IAAI,CACnB,gBAAM,SAAS,EAAC,uBAAuB,kBAAG,OAAO,CAAC,OAAO,SAAS,CACnE,IACG,EAEN,0BACE,gBAAO,SAAS,EAAC,oDAAoD,0CAE7D,EACR,eAAK,SAAS,EAAC,cAAc,aAC3B,gBACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC9C,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;wCACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO;4CAAE,kBAAkB,EAAE,CAAC;oCAC9C,CAAC,EACD,WAAW,EAAC,qCAAqC,EACjD,SAAS,EAAC,0KAA0K,GACpL,EACF,iBACE,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,OAAO,EACvC,SAAS,EAAC,4GAA4G,YAErH,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,cAAc,GAAG,CACnD,CAAC,CAAC,CAAC,CACF,eAAe,CAChB,GACM,IACL,IACF,EAEL,MAAM,IAAI,CACT,eAAK,SAAS,EAAC,mEAAmE,aAChF,cAAK,SAAS,EAAC,6CAA6C,+BAEtD,EACN,aACE,IAAI,EAAE,MAAM,CAAC,GAAG,EAChB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAC,qEAAqE,aAE9E,MAAM,CAAC,GAAG,EACX,KAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,GAAI,IAC5B,IACA,CACP,EAEA,KAAK,IAAI,YAAG,SAAS,EAAC,0BAA0B,YAAE,KAAK,GAAK,IACzD,CACP,GACe,CACnB,CAAC;AACJ,CAAC","sourcesContent":["import { agentNativePath } from \"../api-path.js\";\nimport { useState } from \"react\";\nimport {\n  IconGitBranch,\n  IconCheck,\n  IconExternalLink,\n  IconLoader2,\n} from \"@tabler/icons-react\";\nimport { SettingsSection } from \"./SettingsSection.js\";\nimport { useBuilderStatus } from \"./useBuilderStatus.js\";\nimport { trackEvent } from \"../analytics.js\";\n\ninterface AgentsRunResult {\n  branchName: string | null;\n  projectId: string;\n  url: string;\n  status: string;\n}\n\nexport function BackgroundAgentSection() {\n  const { status: builder } = useBuilderStatus();\n  const connected = builder?.configured ?? false;\n  const cloudAgentsAvailable = !!builder?.builderEnabled;\n  const builderConnectUrl = builder?.cliAuthUrl ?? builder?.connectUrl;\n\n  const [projectUrl, setProjectUrl] = useState(\"\");\n  const [running, setRunning] = useState(false);\n  const [result, setResult] = useState<AgentsRunResult | null>(null);\n  const [error, setError] = useState<string | null>(null);\n\n  const handleCreateBranch = async () => {\n    if (!projectUrl.trim()) return;\n    setRunning(true);\n    setError(null);\n    setResult(null);\n    try {\n      const res = await fetch(\n        agentNativePath(\"/_agent-native/builder/agents-run\"),\n        {\n          method: \"POST\",\n          headers: { \"Content-Type\": \"application/json\" },\n          body: JSON.stringify({\n            userMessage: \"Set up this project for development\",\n            projectUrl: projectUrl.trim(),\n          }),\n        },\n      );\n      if (!res.ok) {\n        const body = await res.json().catch(() => ({}));\n        throw new Error(body?.error || `Failed (${res.status})`);\n      }\n      setResult(await res.json());\n    } catch (err: any) {\n      setError(err?.message || \"Failed to create branch\");\n    } finally {\n      setRunning(false);\n    }\n  };\n\n  return (\n    <SettingsSection\n      icon={<IconGitBranch size={14} />}\n      title=\"Background Agent\"\n      subtitle=\"Make code changes from production mode. Builder creates a branch, the agent makes changes, and you get a preview URL.\"\n      connected={connected}\n    >\n      {!connected ? (\n        <div className=\"space-y-2\">\n          <p className=\"text-[10px] text-muted-foreground\">\n            Connect Builder to enable code changes from production. The agent\n            will create branches and provide preview URLs.\n          </p>\n          {builderConnectUrl && (\n            <a\n              href={builderConnectUrl}\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              onClick={() => {\n                trackEvent(\"builder connect clicked\", {\n                  feature: \"builder\",\n                  stage: \"client\",\n                  source: \"background_agent_settings\",\n                  connect_url_kind: \"provided\",\n                });\n              }}\n              className=\"inline-flex items-center gap-1 rounded bg-accent px-2 py-1 text-[10px] font-medium text-foreground hover:bg-accent/80\"\n            >\n              Connect Builder\n              <IconExternalLink size={10} />\n            </a>\n          )}\n        </div>\n      ) : !cloudAgentsAvailable ? (\n        <div className=\"space-y-2\">\n          <div className=\"flex items-center gap-1.5 text-[10px] text-muted-foreground\">\n            <IconCheck size={10} />\n            Builder connected\n            {builder?.orgName && (\n              <span className=\"text-muted-foreground\">({builder.orgName})</span>\n            )}\n          </div>\n          <p className=\"text-[10px] text-muted-foreground\">\n            You don't have access to Builder Cloud Agents for this workspace\n            yet; they are not enabled from Builder org settings. Use the desktop\n            app or your local clone for code changes.\n          </p>\n          <a\n            href=\"https://www.agent-native.com/download\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className=\"inline-flex items-center gap-1 rounded bg-accent px-2 py-1 text-[10px] font-medium text-foreground hover:bg-accent/80\"\n          >\n            Download desktop app\n            <IconExternalLink size={10} />\n          </a>\n        </div>\n      ) : (\n        <div className=\"space-y-2.5\">\n          <div className=\"flex items-center gap-1.5 text-[10px] text-green-500\">\n            <IconCheck size={10} />\n            Builder connected\n            {builder?.orgName && (\n              <span className=\"text-muted-foreground\">({builder.orgName})</span>\n            )}\n          </div>\n\n          <div>\n            <label className=\"text-[10px] font-medium text-foreground block mb-1\">\n              Builder Project URL or ID\n            </label>\n            <div className=\"flex gap-1.5\">\n              <input\n                type=\"text\"\n                value={projectUrl}\n                onChange={(e) => setProjectUrl(e.target.value)}\n                onKeyDown={(e) => {\n                  if (e.key === \"Enter\") handleCreateBranch();\n                }}\n                placeholder=\"https://builder.io/app/projects/...\"\n                className=\"flex-1 rounded border border-border bg-background px-2 py-1 text-[11px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent\"\n              />\n              <button\n                onClick={handleCreateBranch}\n                disabled={!projectUrl.trim() || running}\n                className=\"rounded bg-accent px-2 py-1 text-[10px] font-medium text-foreground hover:bg-accent/80 disabled:opacity-40\"\n              >\n                {running ? (\n                  <IconLoader2 size={10} className=\"animate-spin\" />\n                ) : (\n                  \"Create branch\"\n                )}\n              </button>\n            </div>\n          </div>\n\n          {result && (\n            <div className=\"rounded-md border border-green-800/40 bg-green-900/10 px-2.5 py-2\">\n              <div className=\"text-[10px] font-medium text-green-400 mb-1\">\n                Branch created\n              </div>\n              <a\n                href={result.url}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"flex items-center gap-1 text-[10px] text-foreground hover:underline\"\n              >\n                {result.url}\n                <IconExternalLink size={10} />\n              </a>\n            </div>\n          )}\n\n          {error && <p className=\"text-[10px] text-red-400\">{error}</p>}\n        </div>\n      )}\n    </SettingsSection>\n  );\n}\n"]}

package/dist/client/settings/BrowserSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BrowserSection.d.ts","sourceRoot":"","sources":["../../../src/client/settings/BrowserSection.tsx"],"names":[],"mappings":"AAUA,wBAAgB,cAAc,4CA4E7B"}
+{"version":3,"file":"BrowserSection.d.ts","sourceRoot":"","sources":["../../../src/client/settings/BrowserSection.tsx"],"names":[],"mappings":"AAUA,wBAAgB,cAAc,4CAiF7B"}

package/dist/client/settings/BrowserSection.js

@@ -6,14 +6,15 @@ import { trackEvent } from "../analytics.js";
 export function BrowserSection() {
     const { status: builder, loading } = useBuilderStatus();
     const connected = builder?.configured ?? false;
-    return (_jsx(SettingsSection, { icon: _jsx(IconBrowser, { size: 14 }), title: "Browser Automation", subtitle: "Let agents control a real browser for web tasks. Requires Builder connection.", connected: connected, children: loading ? (_jsxs("div", { className: "flex items-center gap-1.5 text-[10px] text-muted-foreground", children: [_jsx(IconLoader2, { size: 10, className: "animate-spin" }), "Checking Builder connection..."] })) : connected ? (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center gap-1.5 text-[10px] text-green-500", children: [_jsx(IconCheck, { size: 10 }), "Browser access enabled", builder?.orgName && (_jsxs("span", { className: "text-muted-foreground", children: ["(", builder.orgName, ")"] }))] }), _jsxs("p", { className: "text-[10px] text-muted-foreground", children: ["Agents can request live browser sessions via", " ", _jsx("code", { className: "rounded bg-muted px-1 py-0.5 text-[9px]", children: "connect-builder" })] }), builder?.connectUrl && (_jsxs("a", { href: builder.connectUrl, onClick: () => {
+    const builderConnectUrl = builder?.cliAuthUrl ?? builder?.connectUrl;
+    return (_jsx(SettingsSection, { icon: _jsx(IconBrowser, { size: 14 }), title: "Browser Automation", subtitle: "Let agents control a real browser for web tasks. Requires Builder connection.", connected: connected, children: loading ? (_jsxs("div", { className: "flex items-center gap-1.5 text-[10px] text-muted-foreground", children: [_jsx(IconLoader2, { size: 10, className: "animate-spin" }), "Checking Builder connection..."] })) : connected ? (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center gap-1.5 text-[10px] text-green-500", children: [_jsx(IconCheck, { size: 10 }), "Browser access enabled", builder?.orgName && (_jsxs("span", { className: "text-muted-foreground", children: ["(", builder.orgName, ")"] }))] }), _jsxs("p", { className: "text-[10px] text-muted-foreground", children: ["Agents can request live browser sessions via", " ", _jsx("code", { className: "rounded bg-muted px-1 py-0.5 text-[9px]", children: "connect-builder" })] }), builderConnectUrl && (_jsxs("a", { href: builderConnectUrl, target: "_blank", rel: "noreferrer", onClick: () => {
                         trackEvent("builder connect clicked", {
                             feature: "builder",
                             stage: "client",
                             source: "browser_settings_reconnect",
                             connect_url_kind: "provided",
                         });
-                    }, className: "inline-flex items-center gap-1 rounded border border-border px-2 py-0.5 text-[10px] text-muted-foreground hover:text-foreground hover:bg-accent/40", children: ["Reconnect", _jsx(IconExternalLink, { size: 10 })] }))] })) : (_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-[10px] text-muted-foreground", children: "Connect Builder to provision browser sessions without wiring browser setup into every app." }), builder?.connectUrl && (_jsxs("a", { href: builder.connectUrl, onClick: () => {
+                    }, className: "inline-flex items-center gap-1 rounded border border-border px-2 py-0.5 text-[10px] text-muted-foreground hover:text-foreground hover:bg-accent/40", children: ["Reconnect", _jsx(IconExternalLink, { size: 10 })] }))] })) : (_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-[10px] text-muted-foreground", children: "Connect Builder to provision browser sessions without wiring browser setup into every app." }), builderConnectUrl && (_jsxs("a", { href: builderConnectUrl, target: "_blank", rel: "noreferrer", onClick: () => {
                         trackEvent("builder connect clicked", {
                             feature: "builder",
                             stage: "client",

package/dist/client/settings/BrowserSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"BrowserSection.js","sourceRoot":"","sources":["../../../src/client/settings/BrowserSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,WAAW,GACZ,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,UAAU,cAAc;IAC5B,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACxD,MAAM,SAAS,GAAG,OAAO,EAAE,UAAU,IAAI,KAAK,CAAC;IAE/C,OAAO,CACL,KAAC,eAAe,IACd,IAAI,EAAE,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,GAAI,EAC/B,KAAK,EAAC,oBAAoB,EAC1B,QAAQ,EAAC,+EAA+E,EACxF,SAAS,EAAE,SAAS,YAEnB,OAAO,CAAC,CAAC,CAAC,CACT,eAAK,SAAS,EAAC,6DAA6D,aAC1E,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,cAAc,GAAG,sCAE9C,CACP,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CACd,eAAK,SAAS,EAAC,WAAW,aACxB,eAAK,SAAS,EAAC,sDAAsD,aACnE,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,4BAEtB,OAAO,EAAE,OAAO,IAAI,CACnB,gBAAM,SAAS,EAAC,uBAAuB,kBAAG,OAAO,CAAC,OAAO,SAAS,CACnE,IACG,EACN,aAAG,SAAS,EAAC,mCAAmC,6DACD,GAAG,EAChD,eAAM,SAAS,EAAC,yCAAyC,gCAElD,IACL,EACH,OAAO,EAAE,UAAU,IAAI,CACtB,aACE,IAAI,EAAE,OAAO,CAAC,UAAU,EACxB,OAAO,EAAE,GAAG,EAAE;wBACZ,UAAU,CAAC,yBAAyB,EAAE;4BACpC,OAAO,EAAE,SAAS;4BAClB,KAAK,EAAE,QAAQ;4BACf,MAAM,EAAE,4BAA4B;4BACpC,gBAAgB,EAAE,UAAU;yBAC7B,CAAC,CAAC;oBACL,CAAC,EACD,SAAS,EAAC,oJAAoJ,0BAG9J,KAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,GAAI,IAC5B,CACL,IACG,CACP,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAC,WAAW,aACxB,YAAG,SAAS,EAAC,mCAAmC,2GAG5C,EACH,OAAO,EAAE,UAAU,IAAI,CACtB,aACE,IAAI,EAAE,OAAO,CAAC,UAAU,EACxB,OAAO,EAAE,GAAG,EAAE;wBACZ,UAAU,CAAC,yBAAyB,EAAE;4BACpC,OAAO,EAAE,SAAS;4BAClB,KAAK,EAAE,QAAQ;4BACf,MAAM,EAAE,kBAAkB;4BAC1B,gBAAgB,EAAE,UAAU;yBAC7B,CAAC,CAAC;oBACL,CAAC,EACD,SAAS,EAAC,uHAAuH,gCAGjI,KAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,GAAI,IAC5B,CACL,IACG,CACP,GACe,CACnB,CAAC;AACJ,CAAC","sourcesContent":["import {\n  IconBrowser,\n  IconCheck,\n  IconExternalLink,\n  IconLoader2,\n} from \"@tabler/icons-react\";\nimport { SettingsSection } from \"./SettingsSection.js\";\nimport { useBuilderStatus } from \"./useBuilderStatus.js\";\nimport { trackEvent } from \"../analytics.js\";\n\nexport function BrowserSection() {\n  const { status: builder, loading } = useBuilderStatus();\n  const connected = builder?.configured ?? false;\n\n  return (\n    <SettingsSection\n      icon={<IconBrowser size={14} />}\n      title=\"Browser Automation\"\n      subtitle=\"Let agents control a real browser for web tasks. Requires Builder connection.\"\n      connected={connected}\n    >\n      {loading ? (\n        <div className=\"flex items-center gap-1.5 text-[10px] text-muted-foreground\">\n          <IconLoader2 size={10} className=\"animate-spin\" />\n          Checking Builder connection...\n        </div>\n      ) : connected ? (\n        <div className=\"space-y-2\">\n          <div className=\"flex items-center gap-1.5 text-[10px] text-green-500\">\n            <IconCheck size={10} />\n            Browser access enabled\n            {builder?.orgName && (\n              <span className=\"text-muted-foreground\">({builder.orgName})</span>\n            )}\n          </div>\n          <p className=\"text-[10px] text-muted-foreground\">\n            Agents can request live browser sessions via{\" \"}\n            <code className=\"rounded bg-muted px-1 py-0.5 text-[9px]\">\n              connect-builder\n            </code>\n          </p>\n          {builder?.connectUrl && (\n            <a\n              href={builder.connectUrl}\n              onClick={() => {\n                trackEvent(\"builder connect clicked\", {\n                  feature: \"builder\",\n                  stage: \"client\",\n                  source: \"browser_settings_reconnect\",\n                  connect_url_kind: \"provided\",\n                });\n              }}\n              className=\"inline-flex items-center gap-1 rounded border border-border px-2 py-0.5 text-[10px] text-muted-foreground hover:text-foreground hover:bg-accent/40\"\n            >\n              Reconnect\n              <IconExternalLink size={10} />\n            </a>\n          )}\n        </div>\n      ) : (\n        <div className=\"space-y-2\">\n          <p className=\"text-[10px] text-muted-foreground\">\n            Connect Builder to provision browser sessions without wiring browser\n            setup into every app.\n          </p>\n          {builder?.connectUrl && (\n            <a\n              href={builder.connectUrl}\n              onClick={() => {\n                trackEvent(\"builder connect clicked\", {\n                  feature: \"builder\",\n                  stage: \"client\",\n                  source: \"browser_settings\",\n                  connect_url_kind: \"provided\",\n                });\n              }}\n              className=\"inline-flex items-center gap-1 rounded bg-accent px-2 py-1 text-[10px] font-medium text-foreground hover:bg-accent/80\"\n            >\n              Connect Builder\n              <IconExternalLink size={10} />\n            </a>\n          )}\n        </div>\n      )}\n    </SettingsSection>\n  );\n}\n"]}
+{"version":3,"file":"BrowserSection.js","sourceRoot":"","sources":["../../../src/client/settings/BrowserSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,WAAW,GACZ,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,UAAU,cAAc;IAC5B,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACxD,MAAM,SAAS,GAAG,OAAO,EAAE,UAAU,IAAI,KAAK,CAAC;IAC/C,MAAM,iBAAiB,GAAG,OAAO,EAAE,UAAU,IAAI,OAAO,EAAE,UAAU,CAAC;IAErE,OAAO,CACL,KAAC,eAAe,IACd,IAAI,EAAE,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,GAAI,EAC/B,KAAK,EAAC,oBAAoB,EAC1B,QAAQ,EAAC,+EAA+E,EACxF,SAAS,EAAE,SAAS,YAEnB,OAAO,CAAC,CAAC,CAAC,CACT,eAAK,SAAS,EAAC,6DAA6D,aAC1E,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,cAAc,GAAG,sCAE9C,CACP,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CACd,eAAK,SAAS,EAAC,WAAW,aACxB,eAAK,SAAS,EAAC,sDAAsD,aACnE,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,4BAEtB,OAAO,EAAE,OAAO,IAAI,CACnB,gBAAM,SAAS,EAAC,uBAAuB,kBAAG,OAAO,CAAC,OAAO,SAAS,CACnE,IACG,EACN,aAAG,SAAS,EAAC,mCAAmC,6DACD,GAAG,EAChD,eAAM,SAAS,EAAC,yCAAyC,gCAElD,IACL,EACH,iBAAiB,IAAI,CACpB,aACE,IAAI,EAAE,iBAAiB,EACvB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,EAChB,OAAO,EAAE,GAAG,EAAE;wBACZ,UAAU,CAAC,yBAAyB,EAAE;4BACpC,OAAO,EAAE,SAAS;4BAClB,KAAK,EAAE,QAAQ;4BACf,MAAM,EAAE,4BAA4B;4BACpC,gBAAgB,EAAE,UAAU;yBAC7B,CAAC,CAAC;oBACL,CAAC,EACD,SAAS,EAAC,oJAAoJ,0BAG9J,KAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,GAAI,IAC5B,CACL,IACG,CACP,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAC,WAAW,aACxB,YAAG,SAAS,EAAC,mCAAmC,2GAG5C,EACH,iBAAiB,IAAI,CACpB,aACE,IAAI,EAAE,iBAAiB,EACvB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,EAChB,OAAO,EAAE,GAAG,EAAE;wBACZ,UAAU,CAAC,yBAAyB,EAAE;4BACpC,OAAO,EAAE,SAAS;4BAClB,KAAK,EAAE,QAAQ;4BACf,MAAM,EAAE,kBAAkB;4BAC1B,gBAAgB,EAAE,UAAU;yBAC7B,CAAC,CAAC;oBACL,CAAC,EACD,SAAS,EAAC,uHAAuH,gCAGjI,KAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,GAAI,IAC5B,CACL,IACG,CACP,GACe,CACnB,CAAC;AACJ,CAAC","sourcesContent":["import {\n  IconBrowser,\n  IconCheck,\n  IconExternalLink,\n  IconLoader2,\n} from \"@tabler/icons-react\";\nimport { SettingsSection } from \"./SettingsSection.js\";\nimport { useBuilderStatus } from \"./useBuilderStatus.js\";\nimport { trackEvent } from \"../analytics.js\";\n\nexport function BrowserSection() {\n  const { status: builder, loading } = useBuilderStatus();\n  const connected = builder?.configured ?? false;\n  const builderConnectUrl = builder?.cliAuthUrl ?? builder?.connectUrl;\n\n  return (\n    <SettingsSection\n      icon={<IconBrowser size={14} />}\n      title=\"Browser Automation\"\n      subtitle=\"Let agents control a real browser for web tasks. Requires Builder connection.\"\n      connected={connected}\n    >\n      {loading ? (\n        <div className=\"flex items-center gap-1.5 text-[10px] text-muted-foreground\">\n          <IconLoader2 size={10} className=\"animate-spin\" />\n          Checking Builder connection...\n        </div>\n      ) : connected ? (\n        <div className=\"space-y-2\">\n          <div className=\"flex items-center gap-1.5 text-[10px] text-green-500\">\n            <IconCheck size={10} />\n            Browser access enabled\n            {builder?.orgName && (\n              <span className=\"text-muted-foreground\">({builder.orgName})</span>\n            )}\n          </div>\n          <p className=\"text-[10px] text-muted-foreground\">\n            Agents can request live browser sessions via{\" \"}\n            <code className=\"rounded bg-muted px-1 py-0.5 text-[9px]\">\n              connect-builder\n            </code>\n          </p>\n          {builderConnectUrl && (\n            <a\n              href={builderConnectUrl}\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              onClick={() => {\n                trackEvent(\"builder connect clicked\", {\n                  feature: \"builder\",\n                  stage: \"client\",\n                  source: \"browser_settings_reconnect\",\n                  connect_url_kind: \"provided\",\n                });\n              }}\n              className=\"inline-flex items-center gap-1 rounded border border-border px-2 py-0.5 text-[10px] text-muted-foreground hover:text-foreground hover:bg-accent/40\"\n            >\n              Reconnect\n              <IconExternalLink size={10} />\n            </a>\n          )}\n        </div>\n      ) : (\n        <div className=\"space-y-2\">\n          <p className=\"text-[10px] text-muted-foreground\">\n            Connect Builder to provision browser sessions without wiring browser\n            setup into every app.\n          </p>\n          {builderConnectUrl && (\n            <a\n              href={builderConnectUrl}\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              onClick={() => {\n                trackEvent(\"builder connect clicked\", {\n                  feature: \"builder\",\n                  stage: \"client\",\n                  source: \"browser_settings\",\n                  connect_url_kind: \"provided\",\n                });\n              }}\n              className=\"inline-flex items-center gap-1 rounded bg-accent px-2 py-1 text-[10px] font-medium text-foreground hover:bg-accent/80\"\n            >\n              Connect Builder\n              <IconExternalLink size={10} />\n            </a>\n          )}\n        </div>\n      )}\n    </SettingsSection>\n  );\n}\n"]}

package/dist/client/settings/SettingsPanel.js

@@ -735,7 +735,7 @@ function AccountSectionInner({ open, onToggle, }) {
 export function SettingsPanel({ isDevMode, onToggleDevMode, showDevToggle, devAppUrl, initialSection, sectionRequestKey, }) {
     const { status: builder, loading: builderLoading } = useBuilderStatus();
     const connected = builder?.configured ?? false;
-    const connectUrl = builder?.connectUrl;
+    const connectUrl = builder?.cliAuthUrl ?? builder?.connectUrl;
     const orgName = builder?.orgName;
     const envManaged = !!builder?.envManaged;
     const credentialSource = builder?.credentialSource;