@agent-native/core 0.16.2 → 0.16.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (120) hide show
  1. package/README.md +21 -5
  2. package/dist/cli/code-agent-executor.js +1 -1
  3. package/dist/cli/code-agent-executor.js.map +1 -1
  4. package/dist/cli/code.d.ts.map +1 -1
  5. package/dist/cli/code.js +29 -4
  6. package/dist/cli/code.js.map +1 -1
  7. package/dist/client/AgentPanel.d.ts.map +1 -1
  8. package/dist/client/AgentPanel.js +9 -1
  9. package/dist/client/AgentPanel.js.map +1 -1
  10. package/dist/client/AssistantChat.js +2 -2
  11. package/dist/client/AssistantChat.js.map +1 -1
  12. package/dist/client/ConnectBuilderCard.js +1 -1
  13. package/dist/client/ConnectBuilderCard.js.map +1 -1
  14. package/dist/client/components/CodeRequiredDialog.d.ts.map +1 -1
  15. package/dist/client/components/CodeRequiredDialog.js +3 -1
  16. package/dist/client/components/CodeRequiredDialog.js.map +1 -1
  17. package/dist/client/composer/AgentComposerFrame.d.ts +3 -1
  18. package/dist/client/composer/AgentComposerFrame.d.ts.map +1 -1
  19. package/dist/client/composer/AgentComposerFrame.js +3 -3
  20. package/dist/client/composer/AgentComposerFrame.js.map +1 -1
  21. package/dist/client/composer/ComposerPlusMenu.d.ts.map +1 -1
  22. package/dist/client/composer/ComposerPlusMenu.js +2 -7
  23. package/dist/client/composer/ComposerPlusMenu.js.map +1 -1
  24. package/dist/client/composer/PromptComposer.d.ts +4 -1
  25. package/dist/client/composer/PromptComposer.d.ts.map +1 -1
  26. package/dist/client/composer/PromptComposer.js +3 -3
  27. package/dist/client/composer/PromptComposer.js.map +1 -1
  28. package/dist/client/composer/TiptapComposer.d.ts.map +1 -1
  29. package/dist/client/composer/TiptapComposer.js +13 -3
  30. package/dist/client/composer/TiptapComposer.js.map +1 -1
  31. package/dist/client/onboarding/OnboardingPanel.js +1 -1
  32. package/dist/client/onboarding/OnboardingPanel.js.map +1 -1
  33. package/dist/client/settings/BackgroundAgentSection.d.ts.map +1 -1
  34. package/dist/client/settings/BackgroundAgentSection.js +9 -2
  35. package/dist/client/settings/BackgroundAgentSection.js.map +1 -1
  36. package/dist/client/settings/BrowserSection.d.ts.map +1 -1
  37. package/dist/client/settings/BrowserSection.js +17 -3
  38. package/dist/client/settings/BrowserSection.js.map +1 -1
  39. package/dist/client/settings/SettingsPanel.d.ts.map +1 -1
  40. package/dist/client/settings/SettingsPanel.js +5 -5
  41. package/dist/client/settings/SettingsPanel.js.map +1 -1
  42. package/dist/client/settings/useBuilderStatus.d.ts +15 -2
  43. package/dist/client/settings/useBuilderStatus.d.ts.map +1 -1
  44. package/dist/client/settings/useBuilderStatus.js +99 -11
  45. package/dist/client/settings/useBuilderStatus.js.map +1 -1
  46. package/dist/client/settings/useBuilderStatus.spec.js +12 -6
  47. package/dist/client/settings/useBuilderStatus.spec.js.map +1 -1
  48. package/dist/code-agents/background-controller.d.ts +39 -0
  49. package/dist/code-agents/background-controller.d.ts.map +1 -0
  50. package/dist/code-agents/background-controller.js +249 -0
  51. package/dist/code-agents/background-controller.js.map +1 -0
  52. package/dist/code-agents/background-run.d.ts +58 -0
  53. package/dist/code-agents/background-run.d.ts.map +1 -0
  54. package/dist/code-agents/background-run.js +58 -0
  55. package/dist/code-agents/background-run.js.map +1 -0
  56. package/dist/code-agents/index.d.ts +2 -0
  57. package/dist/code-agents/index.d.ts.map +1 -1
  58. package/dist/code-agents/index.js +2 -0
  59. package/dist/code-agents/index.js.map +1 -1
  60. package/dist/connections/index.d.ts +1 -0
  61. package/dist/connections/index.d.ts.map +1 -1
  62. package/dist/connections/index.js +1 -0
  63. package/dist/connections/index.js.map +1 -1
  64. package/dist/connections/reader.d.ts +248 -0
  65. package/dist/connections/reader.d.ts.map +1 -0
  66. package/dist/connections/reader.js +461 -0
  67. package/dist/connections/reader.js.map +1 -0
  68. package/dist/credentials/index.d.ts +11 -0
  69. package/dist/credentials/index.d.ts.map +1 -1
  70. package/dist/credentials/index.js +40 -15
  71. package/dist/credentials/index.js.map +1 -1
  72. package/dist/index.d.ts +2 -2
  73. package/dist/index.d.ts.map +1 -1
  74. package/dist/index.js +2 -2
  75. package/dist/index.js.map +1 -1
  76. package/dist/server/agent-chat-plugin.d.ts +18 -0
  77. package/dist/server/agent-chat-plugin.d.ts.map +1 -1
  78. package/dist/server/agent-chat-plugin.js +57 -9
  79. package/dist/server/agent-chat-plugin.js.map +1 -1
  80. package/dist/server/agent-teams.d.ts +66 -1
  81. package/dist/server/agent-teams.d.ts.map +1 -1
  82. package/dist/server/agent-teams.js +433 -16
  83. package/dist/server/agent-teams.js.map +1 -1
  84. package/dist/server/builder-browser.d.ts +11 -0
  85. package/dist/server/builder-browser.d.ts.map +1 -1
  86. package/dist/server/builder-browser.js +45 -0
  87. package/dist/server/builder-browser.js.map +1 -1
  88. package/dist/server/core-routes-plugin.d.ts.map +1 -1
  89. package/dist/server/core-routes-plugin.js +25 -2
  90. package/dist/server/core-routes-plugin.js.map +1 -1
  91. package/dist/templates/workspace-root/AGENTS.md +5 -5
  92. package/dist/templates/workspace-root/README.md +1 -1
  93. package/dist/workspace-connections/credentials.d.ts +64 -0
  94. package/dist/workspace-connections/credentials.d.ts.map +1 -0
  95. package/dist/workspace-connections/credentials.js +378 -0
  96. package/dist/workspace-connections/credentials.js.map +1 -0
  97. package/dist/workspace-connections/index.d.ts +2 -1
  98. package/dist/workspace-connections/index.d.ts.map +1 -1
  99. package/dist/workspace-connections/index.js +2 -1
  100. package/dist/workspace-connections/index.js.map +1 -1
  101. package/dist/workspace-connections/store.d.ts +16 -0
  102. package/dist/workspace-connections/store.d.ts.map +1 -1
  103. package/dist/workspace-connections/store.js +57 -1
  104. package/dist/workspace-connections/store.js.map +1 -1
  105. package/docs/content/agent-teams.md +22 -5
  106. package/docs/content/cloneable-saas.md +2 -2
  107. package/docs/content/code-agents-ui.md +103 -3
  108. package/docs/content/creating-templates.md +16 -0
  109. package/docs/content/getting-started.md +40 -14
  110. package/docs/content/migration-workbench.md +25 -2
  111. package/docs/content/multi-app-workspace.md +1 -1
  112. package/docs/content/template-analytics.md +17 -1
  113. package/docs/content/template-brain.md +57 -28
  114. package/docs/content/template-dispatch.md +9 -2
  115. package/docs/content/workspace-connections.md +63 -14
  116. package/docs/content/workspace-management.md +9 -2
  117. package/docs/content/workspace.md +12 -5
  118. package/package.json +1 -1
  119. package/src/templates/workspace-root/AGENTS.md +5 -5
  120. package/src/templates/workspace-root/README.md +1 -1
package/dist/client/onboarding/OnboardingPanel.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"OnboardingPanel.js","sourceRoot":"","sources":["../../../src/client/onboarding/OnboardingPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import { agentNativePath } from \"../api-path.js\";\n/**\n * <OnboardingPanel /> — the setup checklist that sits above the agent chat.\n *\n * The active step is expanded; completed steps collapse with a green check;\n * remaining steps sit dimmed below. Each method renders differently based on\n * its `kind` (link / form / builder-cli-auth / agent-task).\n */\n\nimport React, { useState, useEffect } from \"react\";\nimport {\n IconCheck,\n IconChecklist,\n IconChevronDown,\n IconChevronRight,\n IconChevronUp,\n IconExternalLink,\n IconKey,\n IconLoader2,\n} from \"@tabler/icons-react\";\nimport { useOnboarding } from \"./use-onboarding.js\";\nimport { useOnboardingPreviewMode } from \"./use-preview-mode.js\";\nimport { sendToAgentChat } from \"../agent-chat.js\";\nimport { useDevMode } from \"../use-dev-mode.js\";\nimport { useBuilderConnectFlow } from \"../settings/useBuilderStatus.js\";\nimport type {\n OnboardingMethod,\n OnboardingStepStatus,\n} from \"../../onboarding/types.js\";\nimport {\n Tooltip,\n TooltipContent,\n TooltipTrigger,\n} from \"../components/ui/tooltip.js\";\n\ntype FormOnboardingMethod = Extract<OnboardingMethod, { kind: \"form\" }>;\n\ninterface OnboardingPanelProps {\n /** Optional extra styles / classes for the wrapper. */\n className?: string;\n /** Override the built-in title. */\n title?: string;\n}\n\nexport function OnboardingPanel({\n className,\n title = \"Setup\",\n}: OnboardingPanelProps) {\n const previewMode = useOnboardingPreviewMode();\n const onboarding = useOnboarding({ preview: previewMode });\n const { isDevMode } = useDevMode();\n const {\n steps: rawSteps,\n currentStepId: rawCurrentStepId,\n dismissed,\n loading,\n refresh,\n complete,\n dismiss,\n } = onboarding;\n // `database` and `auth` steps only apply to local dev (SQLite default,\n // local-mode auth bypass). In production those are configured via env\n // vars / deployment config, so don't nag the user about them.\n const DEV_ONLY_STEP_IDS = new Set([\"database\", \"auth\"]);\n const steps = isDevMode\n ? rawSteps\n : rawSteps.filter((s) => !DEV_ONLY_STEP_IDS.has(s.id));\n const totalCount = steps.length;\n const completeCount = steps.filter((s) => s.complete).length;\n const allComplete = steps.filter((s) => s.required).every((s) => s.complete);\n const currentStepId = steps.some((s) => s.id === rawCurrentStepId)\n ? rawCurrentStepId\n : (steps.find((s) => s.required && !s.complete)?.id ??\n steps.find((s) => !s.complete)?.id ??\n null);\n // Default expanded. (Older code used `useState(!allComplete)`, but the first\n // render fires with `steps === []` — `[].every()` is vacuously true, so\n // `allComplete` was true and `expanded` got locked to false even after the\n // real incomplete steps loaded.)\n const [expanded, setExpanded] = useState(true);\n\n if (loading || totalCount === 0) return null;\n // Preview mode (dev overlay) bypasses the auto-hide so template authors\n // can render the new-user flow even when their own setup is done.\n if (!previewMode) {\n if (dismissed) return null;\n // Auto-hide once every required step is done — no need to take up sidebar\n // space when there's nothing left to do.\n if (allComplete) return null;\n }\n\n if (!expanded) {\n return (\n <div className={className} style={styles.compactBanner}>\n <Tooltip>\n <TooltipTrigger asChild>\n <button\n type=\"button\"\n onClick={() => setExpanded(true)}\n style={styles.compactBannerBtn}\n aria-label=\"Expand setup\"\n >\n <span style={allComplete ? styles.checkDone : styles.checkTodo}>\n {allComplete ? <IconCheck size={12} strokeWidth={3} /> : null}\n </span>\n <span style={styles.headerTitle}>{title}</span>\n <span style={styles.headerCounter}>\n {completeCount} of {totalCount}\n </span>\n <span\n style={{ marginLeft: \"auto\", opacity: 0.5, display: \"flex\" }}\n >\n <IconChevronDown size={14} />\n </span>\n </button>\n </TooltipTrigger>\n <TooltipContent>Expand setup</TooltipContent>\n </Tooltip>\n </div>\n );\n }\n\n return (\n <div className={className} style={styles.root}>\n <div style={styles.header}>\n <div style={styles.headerLeft}>\n {allComplete ? (\n <span style={styles.checkDone}>\n <IconCheck size={12} strokeWidth={3} />\n </span>\n ) : (\n <IconChecklist size={14} style={styles.headerIcon} aria-hidden />\n )}\n <span style={styles.headerTitle}>{title}</span>\n <span style={styles.headerCounter}>\n {completeCount} of {totalCount}\n </span>\n </div>\n <Tooltip>\n <TooltipTrigger asChild>\n <button\n type=\"button\"\n onClick={() => setExpanded(false)}\n aria-label=\"Collapse onboarding\"\n style={styles.dismissBtn}\n >\n <IconChevronUp size={14} />\n </button>\n </TooltipTrigger>\n <TooltipContent>Collapse</TooltipContent>\n </Tooltip>\n </div>\n\n <div style={styles.list}>\n {steps.map((step) => (\n <StepCard\n key={step.id}\n step={step}\n expanded={step.id === currentStepId}\n onMarkComplete={() => complete(step.id)}\n onRefresh={refresh}\n />\n ))}\n </div>\n\n <div style={styles.footer}>\n <button type=\"button\" onClick={dismiss} style={styles.hideLink}>\n Hide setup\n </button>\n </div>\n </div>\n );\n}\n\n// ─── StepCard ──────────────────────────────────────────────────────────────\n\nfunction StepCard({\n step,\n expanded: expandedProp,\n onMarkComplete,\n onRefresh,\n}: {\n step: OnboardingStepStatus;\n expanded: boolean;\n onMarkComplete: () => void;\n onRefresh: () => Promise<void>;\n}) {\n const [expanded, setExpanded] = useState(expandedProp);\n useEffect(() => setExpanded(expandedProp), [expandedProp]);\n\n const isDone = step.complete;\n const sortedMethods = [...step.methods].sort((a, b) => {\n if (!!a.primary === !!b.primary) return 0;\n return a.primary ? -1 : 1;\n });\n\n const handleCompleted = async () => {\n await onRefresh();\n };\n\n return (\n <div\n style={{\n ...styles.card,\n ...(isDone ? styles.cardDone : null),\n }}\n >\n <button\n type=\"button\"\n style={styles.cardHeader}\n onClick={() => setExpanded((e) => !e)}\n aria-expanded={expanded}\n >\n <span style={styles.cardHeaderLeft}>\n <span style={isDone ? styles.checkDone : styles.checkTodo}>\n {isDone ? <IconCheck size={12} strokeWidth={3} /> : null}\n </span>\n <span style={styles.cardTitle}>\n {step.title}\n {step.required && !isDone && (\n <span style={styles.requiredPill}>required</span>\n )}\n </span>\n </span>\n <span style={styles.chevron}>\n {expanded ? (\n <IconChevronDown size={14} />\n ) : (\n <IconChevronRight size={14} />\n )}\n </span>\n </button>\n\n {expanded && (\n <div style={styles.cardBody}>\n <p style={styles.cardDesc}>{step.description}</p>\n <StepMethods\n step={step}\n methods={sortedMethods}\n onCompleted={handleCompleted}\n onMarkManualComplete={onMarkComplete}\n />\n </div>\n )}\n </div>\n );\n}\n\nfunction isFormMethod(\n method: OnboardingMethod,\n): method is FormOnboardingMethod {\n return method.kind === \"form\";\n}\n\nfunction StepMethods({\n step,\n methods,\n onCompleted,\n onMarkManualComplete,\n}: {\n step: OnboardingStepStatus;\n methods: OnboardingMethod[];\n onCompleted: () => Promise<void>;\n onMarkManualComplete: () => void;\n}) {\n const formMethods = methods.filter(isFormMethod);\n\n if (step.id === \"llm\" || step.id === \"image-generation\") {\n return (\n <ManagedProviderMethodGroup\n methods={methods}\n formMethods={formMethods}\n stepId={step.id}\n secondaryLabel={\n step.id === \"image-generation\"\n ? \"Add a Gemini API key\"\n : \"Add your own provider key\"\n }\n onCompleted={onCompleted}\n onMarkManualComplete={onMarkManualComplete}\n />\n );\n }\n\n if (methods.length > 1 && formMethods.length === methods.length) {\n const pickerLabel = step.id === \"auth\" ? \"Sign-in path\" : \"Provider\";\n return (\n <div style={styles.methods}>\n <FormMethodPicker\n methods={formMethods}\n label={pickerLabel}\n onCompleted={onCompleted}\n />\n </div>\n );\n }\n\n return (\n <div style={styles.methods}>\n {methods.map((method) => (\n <MethodBlock\n key={method.id}\n method={method}\n stepId={step.id}\n onCompleted={onCompleted}\n onMarkManualComplete={onMarkManualComplete}\n />\n ))}\n </div>\n );\n}\n\nfunction ManagedProviderMethodGroup({\n methods,\n formMethods,\n stepId,\n secondaryLabel,\n onCompleted,\n onMarkManualComplete,\n}: {\n methods: OnboardingMethod[];\n formMethods: FormOnboardingMethod[];\n stepId: string;\n secondaryLabel: string;\n onCompleted: () => Promise<void>;\n onMarkManualComplete: () => void;\n}) {\n const [showKeyForm, setShowKeyForm] = useState(false);\n const primaryMethod =\n methods.find((method) => method.kind === \"builder-cli-auth\") ??\n methods.find((method) => method.primary);\n const otherMethods = methods.filter(\n (method) => method !== primaryMethod && !isFormMethod(method),\n );\n\n return (\n <div style={styles.methods}>\n {primaryMethod && (\n <MethodBlock\n method={primaryMethod}\n stepId={stepId}\n onCompleted={onCompleted}\n onMarkManualComplete={onMarkManualComplete}\n />\n )}\n\n {formMethods.length > 0 && (\n <div style={styles.secondaryPanel}>\n <button\n type=\"button\"\n onClick={() => setShowKeyForm((value) => !value)}\n style={styles.secondaryToggle}\n aria-expanded={showKeyForm}\n >\n <span style={styles.secondaryToggleLeft}>\n <IconKey size={13} aria-hidden />\n <span>{secondaryLabel}</span>\n </span>\n <span style={styles.chevron}>\n {showKeyForm ? (\n <IconChevronDown size={14} />\n ) : (\n <IconChevronRight size={14} />\n )}\n </span>\n </button>\n {showKeyForm && (\n <FormMethodPicker\n methods={formMethods}\n label=\"Provider\"\n onCompleted={onCompleted}\n embedded\n />\n )}\n </div>\n )}\n\n {otherMethods.map((method) => (\n <MethodBlock\n key={method.id}\n method={method}\n stepId={stepId}\n onCompleted={onCompleted}\n onMarkManualComplete={onMarkManualComplete}\n />\n ))}\n </div>\n );\n}\n\nfunction FormMethodPicker({\n methods,\n label,\n onCompleted,\n embedded,\n}: {\n methods: FormOnboardingMethod[];\n label: string;\n onCompleted: () => Promise<void>;\n embedded?: boolean;\n}) {\n const [selectedId, setSelectedId] = useState(methods[0]?.id ?? \"\");\n\n useEffect(() => {\n if (!methods.some((method) => method.id === selectedId)) {\n setSelectedId(methods[0]?.id ?? \"\");\n }\n }, [methods, selectedId]);\n\n const selectedMethod =\n methods.find((method) => method.id === selectedId) ?? methods[0];\n\n if (!selectedMethod) return null;\n\n return (\n <div style={embedded ? styles.methodPickerEmbedded : styles.method}>\n <label style={styles.pickerLabel}>\n <span style={styles.formLabelText}>{label}</span>\n <select\n value={selectedMethod.id}\n onChange={(event) => setSelectedId(event.target.value)}\n style={styles.select}\n >\n {methods.map((method) => (\n <option key={method.id} value={method.id}>\n {method.label}\n </option>\n ))}\n </select>\n </label>\n {selectedMethod.description && (\n <p style={styles.methodDesc}>{selectedMethod.description}</p>\n )}\n <FormMethod\n key={selectedMethod.id}\n method={selectedMethod}\n onCompleted={onCompleted}\n />\n </div>\n );\n}\n\n// ─── MethodBlock ───────────────────────────────────────────────────────────\n\nfunction MethodBlock({\n method,\n stepId,\n onCompleted,\n onMarkManualComplete,\n}: {\n method: OnboardingMethod;\n stepId: string;\n onCompleted: () => Promise<void>;\n onMarkManualComplete: () => void;\n}) {\n return (\n <div style={method.primary ? styles.methodPrimary : styles.method}>\n <div style={styles.methodHeader}>\n <span style={styles.methodLabel}>\n {method.label}\n {method.badge && (\n <span style={badgeStyle(method.badge)}>{method.badge}</span>\n )}\n </span>\n </div>\n {method.description && (\n <p style={styles.methodDesc}>{method.description}</p>\n )}\n <MethodBody\n method={method}\n stepId={stepId}\n onCompleted={onCompleted}\n onMarkManualComplete={onMarkManualComplete}\n />\n </div>\n );\n}\n\nfunction MethodBody({\n method,\n stepId,\n onCompleted,\n onMarkManualComplete,\n}: {\n method: OnboardingMethod;\n stepId: string;\n onCompleted: () => Promise<void>;\n onMarkManualComplete: () => void;\n}) {\n if (method.disabled) {\n return (\n <button\n type=\"button\"\n disabled\n style={buttonDisabled(method.primary)}\n aria-disabled=\"true\"\n >\n {method.disabledLabel ?? \"Coming soon\"}\n </button>\n );\n }\n\n switch (method.kind) {\n case \"link\":\n return (\n <LinkMethod method={method} onMarkComplete={onMarkManualComplete} />\n );\n case \"form\":\n return <FormMethod method={method} onCompleted={onCompleted} />;\n case \"builder-cli-auth\":\n return (\n <BuilderCliAuthMethod\n onCompleted={onCompleted}\n primary={method.primary}\n />\n );\n case \"agent-task\":\n return <AgentTaskMethod method={method} stepId={stepId} />;\n }\n}\n\n// ─── link ──────────────────────────────────────────────────────────────────\n\nfunction LinkMethod({\n method,\n onMarkComplete,\n}: {\n method: Extract<OnboardingMethod, { kind: \"link\" }>;\n onMarkComplete: () => void;\n}) {\n const { url, external } = method.payload;\n const isNoop = !url || url === \"#\";\n if (isNoop) {\n // Sentinel URL — treat as \"mark this method as the chosen one\".\n return (\n <button\n type=\"button\"\n style={buttonPrimary(method.primary)}\n onClick={onMarkComplete}\n >\n Use this option\n </button>\n );\n }\n return (\n <a\n href={url}\n target={external ? \"_blank\" : undefined}\n rel={external ? \"noopener noreferrer\" : undefined}\n style={{ ...buttonPrimary(method.primary), textDecoration: \"none\" }}\n >\n Continue\n {external && <IconExternalLink size={12} style={{ marginLeft: 4 }} />}\n </a>\n );\n}\n\n// ─── form ──────────────────────────────────────────────────────────────────\n\nfunction FormMethod({\n method,\n onCompleted,\n}: {\n method: Extract<OnboardingMethod, { kind: \"form\" }>;\n onCompleted: () => Promise<void>;\n}) {\n const { fields, writeScope } = method.payload;\n const [values, setValues] = useState<Record<string, string>>({});\n const [saving, setSaving] = useState(false);\n const [err, setErr] = useState<string | null>(null);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setSaving(true);\n setErr(null);\n try {\n const vars = fields\n .map((f) => ({ key: f.key, value: (values[f.key] ?? \"\").trim() }))\n .filter((v) => v.value !== \"\");\n if (vars.length === 0) {\n setErr(\"Enter a value first.\");\n return;\n }\n const res = await fetch(agentNativePath(\"/_agent-native/env-vars\"), {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ vars, scope: writeScope ?? \"workspace\" }),\n });\n if (!res.ok) {\n const data = await res.json().catch(() => ({}));\n throw new Error(\n (data as { error?: string }).error ?? `Save failed: ${res.status}`,\n );\n }\n setValues({});\n await onCompleted();\n } catch (e) {\n setErr(e instanceof Error ? e.message : \"Save failed\");\n } finally {\n setSaving(false);\n }\n };\n\n return (\n <form onSubmit={handleSubmit} style={styles.form}>\n {fields.map((f) => (\n <label key={f.key} style={styles.formLabel}>\n <span style={styles.formLabelText}>{f.label}</span>\n <input\n type={f.secret ? \"password\" : \"text\"}\n value={values[f.key] ?? \"\"}\n placeholder={f.placeholder}\n onChange={(e) =>\n setValues((v) => ({ ...v, [f.key]: e.target.value }))\n }\n style={styles.input}\n autoComplete=\"off\"\n spellCheck={false}\n />\n </label>\n ))}\n {err && <p style={styles.errText}>{err}</p>}\n <button\n type=\"submit\"\n disabled={saving}\n style={{ ...buttonPrimary(method.primary), opacity: saving ? 0.6 : 1 }}\n >\n {saving ? \"Saving...\" : \"Save\"}\n </button>\n </form>\n );\n}\n\n// ─── builder-cli-auth ──────────────────────────────────────────────────────\n\nfunction BuilderCliAuthMethod({\n onCompleted,\n primary,\n}: {\n onCompleted: () => Promise<void>;\n primary?: boolean;\n}) {\n const { connecting, error, start } = useBuilderConnectFlow({\n trackingSource: \"onboarding_builder_cli_auth\",\n onConnected: onCompleted,\n });\n\n return (\n <>\n <button\n type=\"button\"\n onClick={start}\n disabled={connecting}\n style={{ ...buttonPrimary(primary), opacity: connecting ? 0.7 : 1 }}\n >\n {connecting ? (\n <>\n <IconLoader2\n size={12}\n style={{ marginRight: 4 }}\n className=\"animate-spin\"\n />\n Waiting for Builder...\n </>\n ) : (\n \"Connect Builder\"\n )}\n </button>\n {connecting && (\n <p style={styles.methodHint}>\n A Builder tab opened. Choose your team or app space there; setup will\n continue here automatically.\n </p>\n )}\n {error && <p style={styles.errText}>{error}</p>}\n </>\n );\n}\n\n// ─── agent-task ────────────────────────────────────────────────────────────\n\nfunction AgentTaskMethod({\n method,\n stepId: _stepId,\n}: {\n method: Extract<OnboardingMethod, { kind: \"agent-task\" }>;\n stepId: string;\n}) {\n const handleClick = () => {\n sendToAgentChat({ message: method.payload.prompt, submit: true });\n };\n return (\n <button\n type=\"button\"\n onClick={handleClick}\n style={buttonPrimary(method.primary)}\n >\n Ask the agent\n </button>\n );\n}\n\n// ─── styles ────────────────────────────────────────────────────────────────\n\nfunction buttonPrimary(primary: boolean | undefined): React.CSSProperties {\n return {\n display: \"inline-flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n padding: \"6px 12px\",\n borderRadius: 6,\n border: primary\n ? \"1px solid transparent\"\n : \"1px solid rgba(255,255,255,0.15)\",\n background: primary ? \"#3b82f6\" : \"rgba(255,255,255,0.04)\",\n color: primary ? \"#fff\" : \"inherit\",\n fontSize: 12,\n fontWeight: 500,\n cursor: \"pointer\",\n };\n}\n\nfunction buttonDisabled(primary: boolean | undefined): React.CSSProperties {\n return {\n ...buttonPrimary(primary),\n border: \"1px solid rgba(255,255,255,0.12)\",\n background: primary ? \"rgba(255,255,255,0.08)\" : \"rgba(255,255,255,0.04)\",\n color: \"rgba(255,255,255,0.5)\",\n cursor: \"not-allowed\",\n };\n}\n\nfunction badgeStyle(\n kind: \"recommended\" | \"beta\" | \"free\" | \"soon\",\n): React.CSSProperties {\n const palette = {\n recommended: { bg: \"rgba(59,130,246,0.15)\", fg: \"#60a5fa\" },\n beta: { bg: \"rgba(6,182,212,0.15)\", fg: \"#22d3ee\" },\n free: { bg: \"rgba(34,197,94,0.15)\", fg: \"#4ade80\" },\n soon: { bg: \"rgba(148,163,184,0.15)\", fg: \"#cbd5e1\" },\n }[kind];\n return {\n marginLeft: 6,\n fontSize: 10,\n padding: \"1px 6px\",\n borderRadius: 4,\n background: palette.bg,\n color: palette.fg,\n fontWeight: 500,\n textTransform: \"uppercase\" as const,\n letterSpacing: 0.3,\n };\n}\n\nconst styles: Record<string, React.CSSProperties> = {\n root: {\n borderBottom: \"1px solid rgba(255,255,255,0.06)\",\n background: \"rgba(255,255,255,0.02)\",\n fontSize: 12,\n display: \"flex\",\n flexDirection: \"column\",\n maxHeight: \"60vh\",\n minHeight: 0,\n },\n compactBanner: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n borderBottom: \"1px solid rgba(255,255,255,0.06)\",\n background: \"rgba(34,197,94,0.04)\",\n fontSize: 12,\n },\n compactBannerBtn: {\n display: \"flex\",\n alignItems: \"center\",\n gap: 6,\n background: \"transparent\",\n border: \"none\",\n color: \"inherit\",\n cursor: \"pointer\",\n padding: \"6px 12px\",\n flex: 1,\n minWidth: 0,\n },\n header: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n padding: \"8px 12px\",\n },\n headerLeft: {\n display: \"flex\",\n alignItems: \"center\",\n gap: 6,\n },\n headerIcon: { color: \"#60a5fa\" },\n headerTitle: { fontWeight: 600, fontSize: 12 },\n headerCounter: {\n opacity: 0.5,\n fontSize: 11,\n marginLeft: 4,\n },\n dismissBtn: {\n background: \"transparent\",\n border: \"none\",\n color: \"inherit\",\n opacity: 0.5,\n cursor: \"pointer\",\n padding: 2,\n display: \"flex\",\n },\n list: {\n display: \"flex\",\n flexDirection: \"column\",\n gap: 4,\n padding: \"4px 8px 10px\",\n overflowY: \"auto\",\n minHeight: 0,\n flex: \"1 1 auto\",\n },\n card: {\n border: \"1px solid hsl(var(--border, 0 0% 100%) / 0.06)\",\n borderRadius: 6,\n background: \"hsl(var(--muted, 0 0% 0%) / 0.12)\",\n },\n cardDone: {\n borderColor: \"rgba(34,197,94,0.12)\",\n background: \"rgba(34,197,94,0.025)\",\n },\n cardHeader: {\n width: \"100%\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n background: \"transparent\",\n border: \"none\",\n color: \"inherit\",\n padding: \"7px 9px\",\n cursor: \"pointer\",\n textAlign: \"left\" as const,\n },\n cardHeaderLeft: {\n display: \"flex\",\n alignItems: \"center\",\n gap: 8,\n minWidth: 0,\n },\n cardTitle: {\n fontSize: 12,\n fontWeight: 500,\n display: \"flex\",\n alignItems: \"center\",\n gap: 6,\n minWidth: 0,\n flexWrap: \"wrap\" as const,\n },\n requiredPill: {\n fontSize: 10,\n padding: \"1px 5px\",\n borderRadius: 4,\n background: \"rgba(239,68,68,0.12)\",\n color: \"#f87171\",\n fontWeight: 500,\n },\n chevron: { opacity: 0.5 },\n checkDone: {\n width: 16,\n height: 16,\n borderRadius: \"50%\",\n background: \"#22c55e\",\n color: \"#fff\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n checkTodo: {\n width: 16,\n height: 16,\n borderRadius: \"50%\",\n border: \"1px solid rgba(255,255,255,0.2)\",\n },\n cardBody: {\n padding: \"0 10px 10px 34px\",\n display: \"flex\",\n flexDirection: \"column\",\n gap: 8,\n },\n cardDesc: {\n margin: 0,\n opacity: 0.65,\n fontSize: 12,\n lineHeight: 1.4,\n },\n methods: {\n display: \"flex\",\n flexDirection: \"column\",\n gap: 6,\n },\n method: {\n padding: \"8px 10px\",\n border: \"1px solid rgba(255,255,255,0.06)\",\n borderRadius: 6,\n background: \"rgba(255,255,255,0.02)\",\n display: \"flex\",\n flexDirection: \"column\",\n gap: 6,\n },\n methodPrimary: {\n padding: \"10px\",\n border: \"1px solid rgba(59,130,246,0.25)\",\n borderRadius: 6,\n background: \"rgba(59,130,246,0.06)\",\n display: \"flex\",\n flexDirection: \"column\",\n gap: 6,\n },\n methodHeader: { display: \"flex\", alignItems: \"center\" },\n methodLabel: { fontSize: 12, fontWeight: 500 },\n methodDesc: { margin: 0, opacity: 0.6, fontSize: 11, lineHeight: 1.4 },\n secondaryPanel: {\n paddingTop: 2,\n },\n secondaryToggle: {\n width: \"100%\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n gap: 8,\n padding: \"7px 8px\",\n borderRadius: 6,\n border: \"1px solid rgba(255,255,255,0.08)\",\n background: \"rgba(255,255,255,0.025)\",\n color: \"inherit\",\n cursor: \"pointer\",\n fontSize: 11,\n fontWeight: 500,\n textAlign: \"left\" as const,\n },\n secondaryToggleLeft: {\n display: \"flex\",\n alignItems: \"center\",\n gap: 6,\n minWidth: 0,\n },\n methodPickerEmbedded: {\n paddingTop: 8,\n display: \"flex\",\n flexDirection: \"column\",\n gap: 6,\n },\n pickerLabel: { display: \"flex\", flexDirection: \"column\", gap: 3 },\n form: { display: \"flex\", flexDirection: \"column\", gap: 6 },\n formLabel: { display: \"flex\", flexDirection: \"column\", gap: 2 },\n formLabelText: { fontSize: 11, opacity: 0.6 },\n select: {\n width: \"100%\",\n padding: \"6px 8px\",\n fontSize: 12,\n borderRadius: 5,\n border: \"1px solid rgba(255,255,255,0.1)\",\n background: \"rgba(0,0,0,0.25)\",\n color: \"inherit\",\n outline: \"none\",\n boxSizing: \"border-box\" as const,\n },\n input: {\n width: \"100%\",\n padding: \"6px 8px\",\n fontSize: 12,\n borderRadius: 5,\n border: \"1px solid rgba(255,255,255,0.1)\",\n background: \"rgba(0,0,0,0.25)\",\n color: \"inherit\",\n outline: \"none\",\n boxSizing: \"border-box\" as const,\n },\n methodHint: { margin: 0, fontSize: 11, color: \"rgba(255,255,255,0.62)\" },\n errText: { margin: 0, fontSize: 11, color: \"#f87171\" },\n footer: {\n padding: \"0 12px 10px\",\n display: \"flex\",\n justifyContent: \"flex-end\",\n },\n hideLink: {\n background: \"transparent\",\n border: \"none\",\n color: \"inherit\",\n opacity: 0.5,\n cursor: \"pointer\",\n fontSize: 11,\n padding: \"2px 4px\",\n },\n};\n"]}
1
+ {"version":3,"file":"OnboardingPanel.js","sourceRoot":"","sources":["../../../src/client/onboarding/OnboardingPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import { agentNativePath } from \"../api-path.js\";\n/**\n * <OnboardingPanel /> — the setup checklist that sits above the agent chat.\n *\n * The active step is expanded; completed steps collapse with a green check;\n * remaining steps sit dimmed below. Each method renders differently based on\n * its `kind` (link / form / builder-cli-auth / agent-task).\n */\n\nimport React, { useState, useEffect } from \"react\";\nimport {\n IconCheck,\n IconChecklist,\n IconChevronDown,\n IconChevronRight,\n IconChevronUp,\n IconExternalLink,\n IconKey,\n IconLoader2,\n} from \"@tabler/icons-react\";\nimport { useOnboarding } from \"./use-onboarding.js\";\nimport { useOnboardingPreviewMode } from \"./use-preview-mode.js\";\nimport { sendToAgentChat } from \"../agent-chat.js\";\nimport { useDevMode } from \"../use-dev-mode.js\";\nimport { useBuilderConnectFlow } from \"../settings/useBuilderStatus.js\";\nimport type {\n OnboardingMethod,\n OnboardingStepStatus,\n} from \"../../onboarding/types.js\";\nimport {\n Tooltip,\n TooltipContent,\n TooltipTrigger,\n} from \"../components/ui/tooltip.js\";\n\ntype FormOnboardingMethod = Extract<OnboardingMethod, { kind: \"form\" }>;\n\ninterface OnboardingPanelProps {\n /** Optional extra styles / classes for the wrapper. */\n className?: string;\n /** Override the built-in title. */\n title?: string;\n}\n\nexport function OnboardingPanel({\n className,\n title = \"Setup\",\n}: OnboardingPanelProps) {\n const previewMode = useOnboardingPreviewMode();\n const onboarding = useOnboarding({ preview: previewMode });\n const { isDevMode } = useDevMode();\n const {\n steps: rawSteps,\n currentStepId: rawCurrentStepId,\n dismissed,\n loading,\n refresh,\n complete,\n dismiss,\n } = onboarding;\n // `database` and `auth` steps only apply to local dev (SQLite default,\n // local-mode auth bypass). In production those are configured via env\n // vars / deployment config, so don't nag the user about them.\n const DEV_ONLY_STEP_IDS = new Set([\"database\", \"auth\"]);\n const steps = isDevMode\n ? rawSteps\n : rawSteps.filter((s) => !DEV_ONLY_STEP_IDS.has(s.id));\n const totalCount = steps.length;\n const completeCount = steps.filter((s) => s.complete).length;\n const allComplete = steps.filter((s) => s.required).every((s) => s.complete);\n const currentStepId = steps.some((s) => s.id === rawCurrentStepId)\n ? rawCurrentStepId\n : (steps.find((s) => s.required && !s.complete)?.id ??\n steps.find((s) => !s.complete)?.id ??\n null);\n // Default expanded. (Older code used `useState(!allComplete)`, but the first\n // render fires with `steps === []` — `[].every()` is vacuously true, so\n // `allComplete` was true and `expanded` got locked to false even after the\n // real incomplete steps loaded.)\n const [expanded, setExpanded] = useState(true);\n\n if (loading || totalCount === 0) return null;\n // Preview mode (dev overlay) bypasses the auto-hide so template authors\n // can render the new-user flow even when their own setup is done.\n if (!previewMode) {\n if (dismissed) return null;\n // Auto-hide once every required step is done — no need to take up sidebar\n // space when there's nothing left to do.\n if (allComplete) return null;\n }\n\n if (!expanded) {\n return (\n <div className={className} style={styles.compactBanner}>\n <Tooltip>\n <TooltipTrigger asChild>\n <button\n type=\"button\"\n onClick={() => setExpanded(true)}\n style={styles.compactBannerBtn}\n aria-label=\"Expand setup\"\n >\n <span style={allComplete ? styles.checkDone : styles.checkTodo}>\n {allComplete ? <IconCheck size={12} strokeWidth={3} /> : null}\n </span>\n <span style={styles.headerTitle}>{title}</span>\n <span style={styles.headerCounter}>\n {completeCount} of {totalCount}\n </span>\n <span\n style={{ marginLeft: \"auto\", opacity: 0.5, display: \"flex\" }}\n >\n <IconChevronDown size={14} />\n </span>\n </button>\n </TooltipTrigger>\n <TooltipContent>Expand setup</TooltipContent>\n </Tooltip>\n </div>\n );\n }\n\n return (\n <div className={className} style={styles.root}>\n <div style={styles.header}>\n <div style={styles.headerLeft}>\n {allComplete ? (\n <span style={styles.checkDone}>\n <IconCheck size={12} strokeWidth={3} />\n </span>\n ) : (\n <IconChecklist size={14} style={styles.headerIcon} aria-hidden />\n )}\n <span style={styles.headerTitle}>{title}</span>\n <span style={styles.headerCounter}>\n {completeCount} of {totalCount}\n </span>\n </div>\n <Tooltip>\n <TooltipTrigger asChild>\n <button\n type=\"button\"\n onClick={() => setExpanded(false)}\n aria-label=\"Collapse onboarding\"\n style={styles.dismissBtn}\n >\n <IconChevronUp size={14} />\n </button>\n </TooltipTrigger>\n <TooltipContent>Collapse</TooltipContent>\n </Tooltip>\n </div>\n\n <div style={styles.list}>\n {steps.map((step) => (\n <StepCard\n key={step.id}\n step={step}\n expanded={step.id === currentStepId}\n onMarkComplete={() => complete(step.id)}\n onRefresh={refresh}\n />\n ))}\n </div>\n\n <div style={styles.footer}>\n <button type=\"button\" onClick={dismiss} style={styles.hideLink}>\n Hide setup\n </button>\n </div>\n </div>\n );\n}\n\n// ─── StepCard ──────────────────────────────────────────────────────────────\n\nfunction StepCard({\n step,\n expanded: expandedProp,\n onMarkComplete,\n onRefresh,\n}: {\n step: OnboardingStepStatus;\n expanded: boolean;\n onMarkComplete: () => void;\n onRefresh: () => Promise<void>;\n}) {\n const [expanded, setExpanded] = useState(expandedProp);\n useEffect(() => setExpanded(expandedProp), [expandedProp]);\n\n const isDone = step.complete;\n const sortedMethods = [...step.methods].sort((a, b) => {\n if (!!a.primary === !!b.primary) return 0;\n return a.primary ? -1 : 1;\n });\n\n const handleCompleted = async () => {\n await onRefresh();\n };\n\n return (\n <div\n style={{\n ...styles.card,\n ...(isDone ? styles.cardDone : null),\n }}\n >\n <button\n type=\"button\"\n style={styles.cardHeader}\n onClick={() => setExpanded((e) => !e)}\n aria-expanded={expanded}\n >\n <span style={styles.cardHeaderLeft}>\n <span style={isDone ? styles.checkDone : styles.checkTodo}>\n {isDone ? <IconCheck size={12} strokeWidth={3} /> : null}\n </span>\n <span style={styles.cardTitle}>\n {step.title}\n {step.required && !isDone && (\n <span style={styles.requiredPill}>required</span>\n )}\n </span>\n </span>\n <span style={styles.chevron}>\n {expanded ? (\n <IconChevronDown size={14} />\n ) : (\n <IconChevronRight size={14} />\n )}\n </span>\n </button>\n\n {expanded && (\n <div style={styles.cardBody}>\n <p style={styles.cardDesc}>{step.description}</p>\n <StepMethods\n step={step}\n methods={sortedMethods}\n onCompleted={handleCompleted}\n onMarkManualComplete={onMarkComplete}\n />\n </div>\n )}\n </div>\n );\n}\n\nfunction isFormMethod(\n method: OnboardingMethod,\n): method is FormOnboardingMethod {\n return method.kind === \"form\";\n}\n\nfunction StepMethods({\n step,\n methods,\n onCompleted,\n onMarkManualComplete,\n}: {\n step: OnboardingStepStatus;\n methods: OnboardingMethod[];\n onCompleted: () => Promise<void>;\n onMarkManualComplete: () => void;\n}) {\n const formMethods = methods.filter(isFormMethod);\n\n if (step.id === \"llm\" || step.id === \"image-generation\") {\n return (\n <ManagedProviderMethodGroup\n methods={methods}\n formMethods={formMethods}\n stepId={step.id}\n secondaryLabel={\n step.id === \"image-generation\"\n ? \"Add a Gemini API key\"\n : \"Add your own provider key\"\n }\n onCompleted={onCompleted}\n onMarkManualComplete={onMarkManualComplete}\n />\n );\n }\n\n if (methods.length > 1 && formMethods.length === methods.length) {\n const pickerLabel = step.id === \"auth\" ? \"Sign-in path\" : \"Provider\";\n return (\n <div style={styles.methods}>\n <FormMethodPicker\n methods={formMethods}\n label={pickerLabel}\n onCompleted={onCompleted}\n />\n </div>\n );\n }\n\n return (\n <div style={styles.methods}>\n {methods.map((method) => (\n <MethodBlock\n key={method.id}\n method={method}\n stepId={step.id}\n onCompleted={onCompleted}\n onMarkManualComplete={onMarkManualComplete}\n />\n ))}\n </div>\n );\n}\n\nfunction ManagedProviderMethodGroup({\n methods,\n formMethods,\n stepId,\n secondaryLabel,\n onCompleted,\n onMarkManualComplete,\n}: {\n methods: OnboardingMethod[];\n formMethods: FormOnboardingMethod[];\n stepId: string;\n secondaryLabel: string;\n onCompleted: () => Promise<void>;\n onMarkManualComplete: () => void;\n}) {\n const [showKeyForm, setShowKeyForm] = useState(false);\n const primaryMethod =\n methods.find((method) => method.kind === \"builder-cli-auth\") ??\n methods.find((method) => method.primary);\n const otherMethods = methods.filter(\n (method) => method !== primaryMethod && !isFormMethod(method),\n );\n\n return (\n <div style={styles.methods}>\n {primaryMethod && (\n <MethodBlock\n method={primaryMethod}\n stepId={stepId}\n onCompleted={onCompleted}\n onMarkManualComplete={onMarkManualComplete}\n />\n )}\n\n {formMethods.length > 0 && (\n <div style={styles.secondaryPanel}>\n <button\n type=\"button\"\n onClick={() => setShowKeyForm((value) => !value)}\n style={styles.secondaryToggle}\n aria-expanded={showKeyForm}\n >\n <span style={styles.secondaryToggleLeft}>\n <IconKey size={13} aria-hidden />\n <span>{secondaryLabel}</span>\n </span>\n <span style={styles.chevron}>\n {showKeyForm ? (\n <IconChevronDown size={14} />\n ) : (\n <IconChevronRight size={14} />\n )}\n </span>\n </button>\n {showKeyForm && (\n <FormMethodPicker\n methods={formMethods}\n label=\"Provider\"\n onCompleted={onCompleted}\n embedded\n />\n )}\n </div>\n )}\n\n {otherMethods.map((method) => (\n <MethodBlock\n key={method.id}\n method={method}\n stepId={stepId}\n onCompleted={onCompleted}\n onMarkManualComplete={onMarkManualComplete}\n />\n ))}\n </div>\n );\n}\n\nfunction FormMethodPicker({\n methods,\n label,\n onCompleted,\n embedded,\n}: {\n methods: FormOnboardingMethod[];\n label: string;\n onCompleted: () => Promise<void>;\n embedded?: boolean;\n}) {\n const [selectedId, setSelectedId] = useState(methods[0]?.id ?? \"\");\n\n useEffect(() => {\n if (!methods.some((method) => method.id === selectedId)) {\n setSelectedId(methods[0]?.id ?? \"\");\n }\n }, [methods, selectedId]);\n\n const selectedMethod =\n methods.find((method) => method.id === selectedId) ?? methods[0];\n\n if (!selectedMethod) return null;\n\n return (\n <div style={embedded ? styles.methodPickerEmbedded : styles.method}>\n <label style={styles.pickerLabel}>\n <span style={styles.formLabelText}>{label}</span>\n <select\n value={selectedMethod.id}\n onChange={(event) => setSelectedId(event.target.value)}\n style={styles.select}\n >\n {methods.map((method) => (\n <option key={method.id} value={method.id}>\n {method.label}\n </option>\n ))}\n </select>\n </label>\n {selectedMethod.description && (\n <p style={styles.methodDesc}>{selectedMethod.description}</p>\n )}\n <FormMethod\n key={selectedMethod.id}\n method={selectedMethod}\n onCompleted={onCompleted}\n />\n </div>\n );\n}\n\n// ─── MethodBlock ───────────────────────────────────────────────────────────\n\nfunction MethodBlock({\n method,\n stepId,\n onCompleted,\n onMarkManualComplete,\n}: {\n method: OnboardingMethod;\n stepId: string;\n onCompleted: () => Promise<void>;\n onMarkManualComplete: () => void;\n}) {\n return (\n <div style={method.primary ? styles.methodPrimary : styles.method}>\n <div style={styles.methodHeader}>\n <span style={styles.methodLabel}>\n {method.label}\n {method.badge && (\n <span style={badgeStyle(method.badge)}>{method.badge}</span>\n )}\n </span>\n </div>\n {method.description && (\n <p style={styles.methodDesc}>{method.description}</p>\n )}\n <MethodBody\n method={method}\n stepId={stepId}\n onCompleted={onCompleted}\n onMarkManualComplete={onMarkManualComplete}\n />\n </div>\n );\n}\n\nfunction MethodBody({\n method,\n stepId,\n onCompleted,\n onMarkManualComplete,\n}: {\n method: OnboardingMethod;\n stepId: string;\n onCompleted: () => Promise<void>;\n onMarkManualComplete: () => void;\n}) {\n if (method.disabled) {\n return (\n <button\n type=\"button\"\n disabled\n style={buttonDisabled(method.primary)}\n aria-disabled=\"true\"\n >\n {method.disabledLabel ?? \"Coming soon\"}\n </button>\n );\n }\n\n switch (method.kind) {\n case \"link\":\n return (\n <LinkMethod method={method} onMarkComplete={onMarkManualComplete} />\n );\n case \"form\":\n return <FormMethod method={method} onCompleted={onCompleted} />;\n case \"builder-cli-auth\":\n return (\n <BuilderCliAuthMethod\n onCompleted={onCompleted}\n primary={method.primary}\n />\n );\n case \"agent-task\":\n return <AgentTaskMethod method={method} stepId={stepId} />;\n }\n}\n\n// ─── link ──────────────────────────────────────────────────────────────────\n\nfunction LinkMethod({\n method,\n onMarkComplete,\n}: {\n method: Extract<OnboardingMethod, { kind: \"link\" }>;\n onMarkComplete: () => void;\n}) {\n const { url, external } = method.payload;\n const isNoop = !url || url === \"#\";\n if (isNoop) {\n // Sentinel URL — treat as \"mark this method as the chosen one\".\n return (\n <button\n type=\"button\"\n style={buttonPrimary(method.primary)}\n onClick={onMarkComplete}\n >\n Use this option\n </button>\n );\n }\n return (\n <a\n href={url}\n target={external ? \"_blank\" : undefined}\n rel={external ? \"noopener noreferrer\" : undefined}\n style={{ ...buttonPrimary(method.primary), textDecoration: \"none\" }}\n >\n Continue\n {external && <IconExternalLink size={12} style={{ marginLeft: 4 }} />}\n </a>\n );\n}\n\n// ─── form ──────────────────────────────────────────────────────────────────\n\nfunction FormMethod({\n method,\n onCompleted,\n}: {\n method: Extract<OnboardingMethod, { kind: \"form\" }>;\n onCompleted: () => Promise<void>;\n}) {\n const { fields, writeScope } = method.payload;\n const [values, setValues] = useState<Record<string, string>>({});\n const [saving, setSaving] = useState(false);\n const [err, setErr] = useState<string | null>(null);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setSaving(true);\n setErr(null);\n try {\n const vars = fields\n .map((f) => ({ key: f.key, value: (values[f.key] ?? \"\").trim() }))\n .filter((v) => v.value !== \"\");\n if (vars.length === 0) {\n setErr(\"Enter a value first.\");\n return;\n }\n const res = await fetch(agentNativePath(\"/_agent-native/env-vars\"), {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ vars, scope: writeScope ?? \"workspace\" }),\n });\n if (!res.ok) {\n const data = await res.json().catch(() => ({}));\n throw new Error(\n (data as { error?: string }).error ?? `Save failed: ${res.status}`,\n );\n }\n setValues({});\n await onCompleted();\n } catch (e) {\n setErr(e instanceof Error ? e.message : \"Save failed\");\n } finally {\n setSaving(false);\n }\n };\n\n return (\n <form onSubmit={handleSubmit} style={styles.form}>\n {fields.map((f) => (\n <label key={f.key} style={styles.formLabel}>\n <span style={styles.formLabelText}>{f.label}</span>\n <input\n type={f.secret ? \"password\" : \"text\"}\n value={values[f.key] ?? \"\"}\n placeholder={f.placeholder}\n onChange={(e) =>\n setValues((v) => ({ ...v, [f.key]: e.target.value }))\n }\n style={styles.input}\n autoComplete=\"off\"\n spellCheck={false}\n />\n </label>\n ))}\n {err && <p style={styles.errText}>{err}</p>}\n <button\n type=\"submit\"\n disabled={saving}\n style={{ ...buttonPrimary(method.primary), opacity: saving ? 0.6 : 1 }}\n >\n {saving ? \"Saving...\" : \"Save\"}\n </button>\n </form>\n );\n}\n\n// ─── builder-cli-auth ──────────────────────────────────────────────────────\n\nfunction BuilderCliAuthMethod({\n onCompleted,\n primary,\n}: {\n onCompleted: () => Promise<void>;\n primary?: boolean;\n}) {\n const { connecting, error, start } = useBuilderConnectFlow({\n trackingSource: \"onboarding_builder_cli_auth\",\n onConnected: onCompleted,\n });\n\n return (\n <>\n <button\n type=\"button\"\n onClick={() => start()}\n disabled={connecting}\n style={{ ...buttonPrimary(primary), opacity: connecting ? 0.7 : 1 }}\n >\n {connecting ? (\n <>\n <IconLoader2\n size={12}\n style={{ marginRight: 4 }}\n className=\"animate-spin\"\n />\n Waiting for Builder...\n </>\n ) : (\n \"Connect Builder\"\n )}\n </button>\n {connecting && (\n <p style={styles.methodHint}>\n A Builder tab opened. Choose your team or app space there; setup will\n continue here automatically.\n </p>\n )}\n {error && <p style={styles.errText}>{error}</p>}\n </>\n );\n}\n\n// ─── agent-task ────────────────────────────────────────────────────────────\n\nfunction AgentTaskMethod({\n method,\n stepId: _stepId,\n}: {\n method: Extract<OnboardingMethod, { kind: \"agent-task\" }>;\n stepId: string;\n}) {\n const handleClick = () => {\n sendToAgentChat({ message: method.payload.prompt, submit: true });\n };\n return (\n <button\n type=\"button\"\n onClick={handleClick}\n style={buttonPrimary(method.primary)}\n >\n Ask the agent\n </button>\n );\n}\n\n// ─── styles ────────────────────────────────────────────────────────────────\n\nfunction buttonPrimary(primary: boolean | undefined): React.CSSProperties {\n return {\n display: \"inline-flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n padding: \"6px 12px\",\n borderRadius: 6,\n border: primary\n ? \"1px solid transparent\"\n : \"1px solid rgba(255,255,255,0.15)\",\n background: primary ? \"#3b82f6\" : \"rgba(255,255,255,0.04)\",\n color: primary ? \"#fff\" : \"inherit\",\n fontSize: 12,\n fontWeight: 500,\n cursor: \"pointer\",\n };\n}\n\nfunction buttonDisabled(primary: boolean | undefined): React.CSSProperties {\n return {\n ...buttonPrimary(primary),\n border: \"1px solid rgba(255,255,255,0.12)\",\n background: primary ? \"rgba(255,255,255,0.08)\" : \"rgba(255,255,255,0.04)\",\n color: \"rgba(255,255,255,0.5)\",\n cursor: \"not-allowed\",\n };\n}\n\nfunction badgeStyle(\n kind: \"recommended\" | \"beta\" | \"free\" | \"soon\",\n): React.CSSProperties {\n const palette = {\n recommended: { bg: \"rgba(59,130,246,0.15)\", fg: \"#60a5fa\" },\n beta: { bg: \"rgba(6,182,212,0.15)\", fg: \"#22d3ee\" },\n free: { bg: \"rgba(34,197,94,0.15)\", fg: \"#4ade80\" },\n soon: { bg: \"rgba(148,163,184,0.15)\", fg: \"#cbd5e1\" },\n }[kind];\n return {\n marginLeft: 6,\n fontSize: 10,\n padding: \"1px 6px\",\n borderRadius: 4,\n background: palette.bg,\n color: palette.fg,\n fontWeight: 500,\n textTransform: \"uppercase\" as const,\n letterSpacing: 0.3,\n };\n}\n\nconst styles: Record<string, React.CSSProperties> = {\n root: {\n borderBottom: \"1px solid rgba(255,255,255,0.06)\",\n background: \"rgba(255,255,255,0.02)\",\n fontSize: 12,\n display: \"flex\",\n flexDirection: \"column\",\n maxHeight: \"60vh\",\n minHeight: 0,\n },\n compactBanner: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n borderBottom: \"1px solid rgba(255,255,255,0.06)\",\n background: \"rgba(34,197,94,0.04)\",\n fontSize: 12,\n },\n compactBannerBtn: {\n display: \"flex\",\n alignItems: \"center\",\n gap: 6,\n background: \"transparent\",\n border: \"none\",\n color: \"inherit\",\n cursor: \"pointer\",\n padding: \"6px 12px\",\n flex: 1,\n minWidth: 0,\n },\n header: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n padding: \"8px 12px\",\n },\n headerLeft: {\n display: \"flex\",\n alignItems: \"center\",\n gap: 6,\n },\n headerIcon: { color: \"#60a5fa\" },\n headerTitle: { fontWeight: 600, fontSize: 12 },\n headerCounter: {\n opacity: 0.5,\n fontSize: 11,\n marginLeft: 4,\n },\n dismissBtn: {\n background: \"transparent\",\n border: \"none\",\n color: \"inherit\",\n opacity: 0.5,\n cursor: \"pointer\",\n padding: 2,\n display: \"flex\",\n },\n list: {\n display: \"flex\",\n flexDirection: \"column\",\n gap: 4,\n padding: \"4px 8px 10px\",\n overflowY: \"auto\",\n minHeight: 0,\n flex: \"1 1 auto\",\n },\n card: {\n border: \"1px solid hsl(var(--border, 0 0% 100%) / 0.06)\",\n borderRadius: 6,\n background: \"hsl(var(--muted, 0 0% 0%) / 0.12)\",\n },\n cardDone: {\n borderColor: \"rgba(34,197,94,0.12)\",\n background: \"rgba(34,197,94,0.025)\",\n },\n cardHeader: {\n width: \"100%\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n background: \"transparent\",\n border: \"none\",\n color: \"inherit\",\n padding: \"7px 9px\",\n cursor: \"pointer\",\n textAlign: \"left\" as const,\n },\n cardHeaderLeft: {\n display: \"flex\",\n alignItems: \"center\",\n gap: 8,\n minWidth: 0,\n },\n cardTitle: {\n fontSize: 12,\n fontWeight: 500,\n display: \"flex\",\n alignItems: \"center\",\n gap: 6,\n minWidth: 0,\n flexWrap: \"wrap\" as const,\n },\n requiredPill: {\n fontSize: 10,\n padding: \"1px 5px\",\n borderRadius: 4,\n background: \"rgba(239,68,68,0.12)\",\n color: \"#f87171\",\n fontWeight: 500,\n },\n chevron: { opacity: 0.5 },\n checkDone: {\n width: 16,\n height: 16,\n borderRadius: \"50%\",\n background: \"#22c55e\",\n color: \"#fff\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n checkTodo: {\n width: 16,\n height: 16,\n borderRadius: \"50%\",\n border: \"1px solid rgba(255,255,255,0.2)\",\n },\n cardBody: {\n padding: \"0 10px 10px 34px\",\n display: \"flex\",\n flexDirection: \"column\",\n gap: 8,\n },\n cardDesc: {\n margin: 0,\n opacity: 0.65,\n fontSize: 12,\n lineHeight: 1.4,\n },\n methods: {\n display: \"flex\",\n flexDirection: \"column\",\n gap: 6,\n },\n method: {\n padding: \"8px 10px\",\n border: \"1px solid rgba(255,255,255,0.06)\",\n borderRadius: 6,\n background: \"rgba(255,255,255,0.02)\",\n display: \"flex\",\n flexDirection: \"column\",\n gap: 6,\n },\n methodPrimary: {\n padding: \"10px\",\n border: \"1px solid rgba(59,130,246,0.25)\",\n borderRadius: 6,\n background: \"rgba(59,130,246,0.06)\",\n display: \"flex\",\n flexDirection: \"column\",\n gap: 6,\n },\n methodHeader: { display: \"flex\", alignItems: \"center\" },\n methodLabel: { fontSize: 12, fontWeight: 500 },\n methodDesc: { margin: 0, opacity: 0.6, fontSize: 11, lineHeight: 1.4 },\n secondaryPanel: {\n paddingTop: 2,\n },\n secondaryToggle: {\n width: \"100%\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n gap: 8,\n padding: \"7px 8px\",\n borderRadius: 6,\n border: \"1px solid rgba(255,255,255,0.08)\",\n background: \"rgba(255,255,255,0.025)\",\n color: \"inherit\",\n cursor: \"pointer\",\n fontSize: 11,\n fontWeight: 500,\n textAlign: \"left\" as const,\n },\n secondaryToggleLeft: {\n display: \"flex\",\n alignItems: \"center\",\n gap: 6,\n minWidth: 0,\n },\n methodPickerEmbedded: {\n paddingTop: 8,\n display: \"flex\",\n flexDirection: \"column\",\n gap: 6,\n },\n pickerLabel: { display: \"flex\", flexDirection: \"column\", gap: 3 },\n form: { display: \"flex\", flexDirection: \"column\", gap: 6 },\n formLabel: { display: \"flex\", flexDirection: \"column\", gap: 2 },\n formLabelText: { fontSize: 11, opacity: 0.6 },\n select: {\n width: \"100%\",\n padding: \"6px 8px\",\n fontSize: 12,\n borderRadius: 5,\n border: \"1px solid rgba(255,255,255,0.1)\",\n background: \"rgba(0,0,0,0.25)\",\n color: \"inherit\",\n outline: \"none\",\n boxSizing: \"border-box\" as const,\n },\n input: {\n width: \"100%\",\n padding: \"6px 8px\",\n fontSize: 12,\n borderRadius: 5,\n border: \"1px solid rgba(255,255,255,0.1)\",\n background: \"rgba(0,0,0,0.25)\",\n color: \"inherit\",\n outline: \"none\",\n boxSizing: \"border-box\" as const,\n },\n methodHint: { margin: 0, fontSize: 11, color: \"rgba(255,255,255,0.62)\" },\n errText: { margin: 0, fontSize: 11, color: \"#f87171\" },\n footer: {\n padding: \"0 12px 10px\",\n display: \"flex\",\n justifyContent: \"flex-end\",\n },\n hideLink: {\n background: \"transparent\",\n border: \"none\",\n color: \"inherit\",\n opacity: 0.5,\n cursor: \"pointer\",\n fontSize: 11,\n padding: \"2px 4px\",\n },\n};\n"]}
package/dist/client/settings/BackgroundAgentSection.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BackgroundAgentSection.d.ts","sourceRoot":"","sources":["../../../src/client/settings/BackgroundAgentSection.tsx"],"names":[],"mappings":"AAmBA,wBAAgB,sBAAsB,4CA8JrC"}
1
+ {"version":3,"file":"BackgroundAgentSection.d.ts","sourceRoot":"","sources":["../../../src/client/settings/BackgroundAgentSection.tsx"],"names":[],"mappings":"AAsBA,wBAAgB,sBAAsB,4CAqKrC"}
package/dist/client/settings/BackgroundAgentSection.js CHANGED
@@ -3,13 +3,19 @@ import { agentNativePath } from "../api-path.js";
3
3
  import { useState } from "react";
4
4
  import { IconGitBranch, IconCheck, IconExternalLink, IconLoader2, } from "@tabler/icons-react";
5
5
  import { SettingsSection } from "./SettingsSection.js";
6
- import { useBuilderStatus } from "./useBuilderStatus.js";
6
+ import { useBuilderStatus, withBuilderConnectTrackingParams, } from "./useBuilderStatus.js";
7
7
  import { trackEvent } from "../analytics.js";
8
8
  export function BackgroundAgentSection() {
9
9
  const { status: builder } = useBuilderStatus();
10
10
  const connected = builder?.configured ?? false;
11
11
  const cloudAgentsAvailable = !!builder?.builderEnabled;
12
12
  const builderConnectUrl = builder?.cliAuthUrl ?? builder?.connectUrl;
13
+ const builderConnectHref = builderConnectUrl
14
+ ? withBuilderConnectTrackingParams(builderConnectUrl, {
15
+ source: "background_agent_settings",
16
+ flow: "background_agent",
17
+ })
18
+ : null;
13
19
  const [projectUrl, setProjectUrl] = useState("");
14
20
  const [running, setRunning] = useState(false);
15
21
  const [result, setResult] = useState(null);
@@ -42,11 +48,12 @@ export function BackgroundAgentSection() {
42
48
  setRunning(false);
43
49
  }
44
50
  };
45
- 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: () => {
51
+ 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." }), builderConnectHref && (_jsxs("a", { href: builderConnectHref, target: "_blank", rel: "noreferrer", onClick: () => {
46
52
  trackEvent("builder connect clicked", {
47
53
  feature: "builder",
48
54
  stage: "client",
49
55
  source: "background_agent_settings",
56
+ flow: "background_agent",
50
57
  connect_url_kind: "provided",
51
58
  });
52
59
  }, className: "inline-flex items-center gap-1 rounded bg-accent px-2 py-1 text-[10px] font-medium text-foreground hover:bg-accent/80", children: ["Connect Builder", _jsx(IconExternalLink, { size: 10 })] }))] })) : !cloudAgentsAvailable ? (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center gap-1.5 text-[10px] text-muted-foreground", children: [_jsx(IconCheck, { size: 10 }), "Builder connected", builder?.orgName && (_jsxs("span", { className: "text-muted-foreground", children: ["(", builder.orgName, ")"] }))] }), _jsx("p", { className: "text-[10px] text-muted-foreground", children: "You don't have access to Builder Cloud Agents for this workspace yet; they are not enabled from Builder org settings. Use the desktop app or your local clone for code changes." }), _jsxs("a", { href: "https://www.agent-native.com/download", target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-1 rounded bg-accent px-2 py-1 text-[10px] font-medium text-foreground hover:bg-accent/80", children: ["Download desktop app", _jsx(IconExternalLink, { size: 10 })] })] })) : (_jsxs("div", { className: "space-y-2.5", children: [_jsxs("div", { className: "flex items-center gap-1.5 text-[10px] text-green-500", children: [_jsx(IconCheck, { size: 10 }), "Builder connected", builder?.orgName && (_jsxs("span", { className: "text-muted-foreground", children: ["(", builder.orgName, ")"] }))] }), _jsxs("div", { children: [_jsx("label", { className: "text-[10px] font-medium text-foreground block mb-1", children: "Builder Project URL or ID" }), _jsxs("div", { className: "flex gap-1.5", children: [_jsx("input", { type: "text", value: projectUrl, onChange: (e) => setProjectUrl(e.target.value), onKeyDown: (e) => {
package/dist/client/settings/BackgroundAgentSection.js.map CHANGED
@@ -1 +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 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"]}
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 {\n useBuilderStatus,\n withBuilderConnectTrackingParams,\n} 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 const builderConnectHref = builderConnectUrl\n ? withBuilderConnectTrackingParams(builderConnectUrl, {\n source: \"background_agent_settings\",\n flow: \"background_agent\",\n })\n : null;\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 {builderConnectHref && (\n <a\n href={builderConnectHref}\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 flow: \"background_agent\",\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 CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BrowserSection.d.ts","sourceRoot":"","sources":["../../../src/client/settings/BrowserSection.tsx"],"names":[],"mappings":"AAUA,wBAAgB,cAAc,4CAiF7B"}
1
+ {"version":3,"file":"BrowserSection.d.ts","sourceRoot":"","sources":["../../../src/client/settings/BrowserSection.tsx"],"names":[],"mappings":"AAaA,wBAAgB,cAAc,4CA+F7B"}
package/dist/client/settings/BrowserSection.js CHANGED
@@ -1,24 +1,38 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { IconBrowser, IconCheck, IconExternalLink, IconLoader2, } from "@tabler/icons-react";
3
3
  import { SettingsSection } from "./SettingsSection.js";
4
- import { useBuilderStatus } from "./useBuilderStatus.js";
4
+ import { useBuilderStatus, withBuilderConnectTrackingParams, } from "./useBuilderStatus.js";
5
5
  import { trackEvent } from "../analytics.js";
6
6
  export function BrowserSection() {
7
7
  const { status: builder, loading } = useBuilderStatus();
8
8
  const connected = builder?.configured ?? false;
9
9
  const builderConnectUrl = builder?.cliAuthUrl ?? builder?.connectUrl;
10
- 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: () => {
10
+ const builderConnectHref = builderConnectUrl
11
+ ? withBuilderConnectTrackingParams(builderConnectUrl, {
12
+ source: "browser_settings",
13
+ flow: "browser_automation",
14
+ })
15
+ : null;
16
+ const builderReconnectHref = builderConnectUrl
17
+ ? withBuilderConnectTrackingParams(builderConnectUrl, {
18
+ source: "browser_settings_reconnect",
19
+ flow: "browser_automation",
20
+ })
21
+ : null;
22
+ 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" })] }), builderReconnectHref && (_jsxs("a", { href: builderReconnectHref, target: "_blank", rel: "noreferrer", onClick: () => {
11
23
  trackEvent("builder connect clicked", {
12
24
  feature: "builder",
13
25
  stage: "client",
14
26
  source: "browser_settings_reconnect",
27
+ flow: "browser_automation",
15
28
  connect_url_kind: "provided",
16
29
  });
17
- }, 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: () => {
30
+ }, 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." }), builderConnectHref && (_jsxs("a", { href: builderConnectHref, target: "_blank", rel: "noreferrer", onClick: () => {
18
31
  trackEvent("builder connect clicked", {
19
32
  feature: "builder",
20
33
  stage: "client",
21
34
  source: "browser_settings",
35
+ flow: "browser_automation",
22
36
  connect_url_kind: "provided",
23
37
  });
24
38
  }, className: "inline-flex items-center gap-1 rounded bg-accent px-2 py-1 text-[10px] font-medium text-foreground hover:bg-accent/80", children: ["Connect Builder", _jsx(IconExternalLink, { size: 10 })] }))] })) }));
package/dist/client/settings/BrowserSection.js.map CHANGED
@@ -1 +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;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"]}
1
+ {"version":3,"file":"BrowserSection.js","sourceRoot":"","sources":["../../../src/client/settings/BrowserSection.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n IconBrowser,\n IconCheck,\n IconExternalLink,\n IconLoader2,\n} from \"@tabler/icons-react\";\nimport { SettingsSection } from \"./SettingsSection.js\";\nimport {\n useBuilderStatus,\n withBuilderConnectTrackingParams,\n} 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 const builderConnectHref = builderConnectUrl\n ? withBuilderConnectTrackingParams(builderConnectUrl, {\n source: \"browser_settings\",\n flow: \"browser_automation\",\n })\n : null;\n const builderReconnectHref = builderConnectUrl\n ? withBuilderConnectTrackingParams(builderConnectUrl, {\n source: \"browser_settings_reconnect\",\n flow: \"browser_automation\",\n })\n : null;\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 {builderReconnectHref && (\n <a\n href={builderReconnectHref}\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 flow: \"browser_automation\",\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 {builderConnectHref && (\n <a\n href={builderConnectHref}\n target=\"_blank\"\n rel=\"noreferrer\"\n onClick={() => {\n trackEvent(\"builder connect clicked\", {\n feature: \"builder\",\n stage: \"client\",\n source: \"browser_settings\",\n flow: \"browser_automation\",\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.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SettingsPanel.d.ts","sourceRoot":"","sources":["../../../src/client/settings/SettingsPanel.tsx"],"names":[],"mappings":"AA6xDA,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAoRD,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,eAAe,EACf,aAAa,EACb,SAAS,EACT,cAAc,EACd,iBAAiB,GAClB,EAAE,kBAAkB,2CAiXpB"}
1
+ {"version":3,"file":"SettingsPanel.d.ts","sourceRoot":"","sources":["../../../src/client/settings/SettingsPanel.tsx"],"names":[],"mappings":"AAqyDA,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAoRD,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,eAAe,EACf,aAAa,EACb,SAAS,EACT,cAAc,EACd,iBAAiB,GAClB,EAAE,kBAAkB,2CA6XpB"}
package/dist/client/settings/SettingsPanel.js CHANGED
@@ -128,14 +128,14 @@ function DisconnectBuilderButton() {
128
128
  return (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: handleDisconnectClick, disabled: phase === "busy", 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 disabled:opacity-60 disabled:cursor-wait", "aria-busy": phase === "busy", children: phase === "busy" ? (_jsxs(_Fragment, { children: [_jsx(IconLoader2, { size: 10, className: "animate-spin" }), "Disconnecting\u2026"] })) : ("Disconnect") }), err && _jsx("span", { className: "text-[10px] text-destructive", children: err })] }));
129
129
  }
130
130
  // ─── "Connect Builder.io" card (shared across all sections) ─────────────────
131
- function UseBuilderCard({ builderFlow, connectUrl, connected, orgName, envManaged, credentialSource, label = "Connect Builder.io", subtitle = "Free credits to start — no API key needed.", dim, }) {
131
+ function UseBuilderCard({ builderFlow, connectUrl, connected, orgName, envManaged, credentialSource, trackingSource = "settings_panel_builder_card", trackingFlow = "connect_llm", label = "Connect Builder.io", subtitle = "Free credits to start — no API key needed.", dim, }) {
132
132
  const effectiveConnected = connected || builderFlow.configured;
133
133
  const effectiveOrgName = builderFlow.orgName ?? orgName;
134
134
  const bgClass = dim ? "" : "bg-accent/30";
135
135
  if (effectiveConnected) {
136
136
  return (_jsxs("div", { className: `rounded-md border border-border px-2.5 py-2 ${bgClass}`, children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("div", { className: "text-[11px] font-medium text-foreground", children: "Builder.io" }), _jsxs("span", { className: "flex items-center gap-1 text-[10px] text-green-500", children: [_jsx(IconCheck, { size: 10 }), "Connected"] })] }), effectiveOrgName && (_jsx("p", { className: "text-[10px] text-muted-foreground mt-0.5", children: effectiveOrgName })), envManaged ? (_jsx("p", { className: "text-[10px] text-muted-foreground mt-1", children: credentialSource === "env"
137
137
  ? "Deployment fallback is available. Connect your own account to override it."
138
- : "Using your connected Builder account. Deployment fallback is still available." })) : null, connectUrl || credentialSource !== "env" ? (_jsxs("div", { className: "flex items-center gap-2 mt-2.5", children: [connectUrl && (_jsxs("button", { type: "button", onClick: builderFlow.start, disabled: builderFlow.connecting, className: "inline-flex items-center gap-1 rounded border border-border px-2 py-0.5 text-[10px] no-underline text-muted-foreground hover:text-foreground hover:bg-accent/40 disabled:opacity-60", children: [builderFlow.connecting
138
+ : "Using your connected Builder account. Deployment fallback is still available." })) : null, connectUrl || credentialSource !== "env" ? (_jsxs("div", { className: "flex items-center gap-2 mt-2.5", children: [connectUrl && (_jsxs("button", { type: "button", onClick: () => builderFlow.start({ trackingSource, trackingFlow }), disabled: builderFlow.connecting, className: "inline-flex items-center gap-1 rounded border border-border px-2 py-0.5 text-[10px] no-underline text-muted-foreground hover:text-foreground hover:bg-accent/40 disabled:opacity-60", children: [builderFlow.connecting
139
139
  ? "Connecting..."
140
140
  : credentialSource === "env"
141
141
  ? "Connect account"
@@ -143,7 +143,7 @@ function UseBuilderCard({ builderFlow, connectUrl, connected, orgName, envManage
143
143
  }
144
144
  if (!connectUrl)
145
145
  return null;
146
- return (_jsx("button", { type: "button", onClick: builderFlow.start, disabled: builderFlow.connecting, className: `block w-full rounded-md border border-border px-3 py-3 text-left no-underline bg-gradient-to-br from-teal-500/10 via-transparent to-transparent hover:border-foreground/30 transition-colors disabled:cursor-wait disabled:opacity-70`, children: _jsxs("div", { className: "flex items-start gap-2.5", children: [_jsx("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-foreground text-background", children: _jsx(BuilderBMark, { className: "h-3.5 w-3.5" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "flex items-center gap-1.5 flex-wrap", children: [_jsx("span", { className: "text-[12px] font-semibold text-foreground", children: builderFlow.connecting ? "Connecting Builder.io..." : label }), builderFlow.connecting && (_jsx(IconLoader2, { size: 12, className: "shrink-0 animate-spin text-muted-foreground" }))] }), _jsx("p", { className: "text-[10.5px] text-muted-foreground mt-0.5 leading-snug", children: subtitle }), builderFlow.error && (_jsx("p", { className: "mt-1 text-[10px] text-destructive", children: builderFlow.error }))] }), _jsx(IconExternalLink, { size: 12, className: "shrink-0 text-muted-foreground mt-0.5" })] }) }));
146
+ return (_jsx("button", { type: "button", onClick: () => builderFlow.start({ trackingSource, trackingFlow }), disabled: builderFlow.connecting, className: `block w-full rounded-md border border-border px-3 py-3 text-left no-underline bg-gradient-to-br from-teal-500/10 via-transparent to-transparent hover:border-foreground/30 transition-colors disabled:cursor-wait disabled:opacity-70`, children: _jsxs("div", { className: "flex items-start gap-2.5", children: [_jsx("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-foreground text-background", children: _jsx(BuilderBMark, { className: "h-3.5 w-3.5" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "flex items-center gap-1.5 flex-wrap", children: [_jsx("span", { className: "text-[12px] font-semibold text-foreground", children: builderFlow.connecting ? "Connecting Builder.io..." : label }), builderFlow.connecting && (_jsx(IconLoader2, { size: 12, className: "shrink-0 animate-spin text-muted-foreground" }))] }), _jsx("p", { className: "text-[10.5px] text-muted-foreground mt-0.5 leading-snug", children: subtitle }), builderFlow.error && (_jsx("p", { className: "mt-1 text-[10px] text-destructive", children: builderFlow.error }))] }), _jsx(IconExternalLink, { size: 12, className: "shrink-0 text-muted-foreground mt-0.5" })] }) }));
147
147
  }
148
148
  // ─── Manual setup card ──────────────────────────────────────────────────────
149
149
  function ManualSetupCard({ hint, docsUrl, docsLabel = "Read the docs", children, dim, sourceBadge, }) {
@@ -425,7 +425,7 @@ function LLMSectionInner({ builderFlow, builderLoading, connectUrl, connected, o
425
425
  }
426
426
  catch { }
427
427
  };
428
- return (_jsx(SettingsSection, { icon: _jsx(IconBrain, { size: 14 }), title: "LLM", subtitle: "Connect any major LLM \u2014 Claude, GPT, Gemini, and more.", required: true, connected: initialLoading ? undefined : anyKeyConfigured, open: open, onToggle: onToggle, children: initialLoading ? (_jsx(SettingsSkeleton, { lines: 3 })) : (_jsxs("div", { className: "space-y-2", children: [_jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, label: "Connect Builder.io" }), !builderConnected && (_jsx(ManualSetupCard, { hint: "Choose your AI provider and model.", docsUrl: PROVIDER_DOCS[selectedEngine], sourceBadge: sourceBadge, docsLabel: "Get an API key", children: _jsxs("div", { className: "space-y-2 mb-1", children: [_jsx(SettingsSelect, { label: "Provider", value: selectedEngine, options: providerOptions, onValueChange: (val) => {
428
+ return (_jsx(SettingsSection, { icon: _jsx(IconBrain, { size: 14 }), title: "LLM", subtitle: "Connect any major LLM \u2014 Claude, GPT, Gemini, and more.", required: true, connected: initialLoading ? undefined : anyKeyConfigured, open: open, onToggle: onToggle, children: initialLoading ? (_jsx(SettingsSkeleton, { lines: 3 })) : (_jsxs("div", { className: "space-y-2", children: [_jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, trackingSource: "llm_settings", trackingFlow: "connect_llm", label: "Connect Builder.io" }), !builderConnected && (_jsx(ManualSetupCard, { hint: "Choose your AI provider and model.", docsUrl: PROVIDER_DOCS[selectedEngine], sourceBadge: sourceBadge, docsLabel: "Get an API key", children: _jsxs("div", { className: "space-y-2 mb-1", children: [_jsx(SettingsSelect, { label: "Provider", value: selectedEngine, options: providerOptions, onValueChange: (val) => {
429
429
  setSelectedEngine(val);
430
430
  const info = engines.find((e) => e.name === val);
431
431
  setSelectedModel(info?.defaultModel ?? "");
@@ -948,6 +948,6 @@ export function SettingsPanel({ isDevMode, onToggleDevMode, showDevToggle, devAp
948
948
  const nextIsDev = next === "development";
949
949
  if (nextIsDev !== isDevMode)
950
950
  onToggleDevMode();
951
- } })) })), _jsx(CapabilityStatusStrip, { isDevMode: isDevMode, builderConnected: connected, builderLoading: builderLoading, builderBranchesAvailable: builderBranchesAvailable, onOpenLlm: () => openSettingsSection("llm", true) }), _jsx(AccountSectionInner, { open: openSection === "account", onToggle: () => toggle("account") }), _jsx(LLMSectionInner, { builderFlow: builderFlow, builderLoading: builderLoading, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, open: openSection === "llm", onToggle: () => toggle("llm") }), _jsx(AppModelDefaultsSectionInner, { open: openSection === "app-models", onToggle: () => toggle("app-models") }), _jsx(AgentLimitsSectionInner, { open: openSection === "limits", onToggle: () => toggle("limits") }), _jsx(SettingsSection, { icon: _jsx(IconMicrophone, { size: 14 }), title: "Voice Transcription", subtitle: "How the composer microphone turns your voice into text.", open: openSection === "voice", onToggle: () => toggle("voice"), children: _jsx(VoiceTranscriptionSection, {}) }), _jsx(SettingsSection, { icon: _jsx(IconBolt, { size: 14 }), title: "Automations", subtitle: "Event-triggered and scheduled automations.", open: openSection === "automations", onToggle: () => toggle("automations"), children: _jsx(AutomationsSection, {}) }), _jsx(SettingsSection, { id: settingsSectionDomId("secrets"), icon: _jsx(IconKey, { size: 14 }), title: "API Keys & Connections", subtitle: "Service credentials and automation keys.", open: openSection === "secrets", onToggle: () => toggle("secrets"), children: _jsx(SecretsSection, { focusKey: focusSecretKey }) }), _jsx(SettingsSection, { icon: _jsx(IconCloud, { size: 14 }), title: "Hosting", subtitle: "Deploy your app to the cloud.", connected: connected, open: openSection === "hosting", onToggle: () => toggle("hosting"), children: _jsxs("div", { className: "space-y-2", children: [_jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource }), _jsx(ManualSetupCard, { hint: "Deploy manually to Netlify, Vercel, Cloudflare, or any Nitro-supported target.", docsUrl: "https://www.builder.io/c/docs/agent-native-deployment", dim: connected })] }) }), _jsx(SettingsSection, { icon: _jsx(IconDatabase, { size: 14 }), title: "Database", subtitle: "Connect a cloud database for persistent storage.", connected: connected, open: openSection === "database", onToggle: () => toggle("database"), children: _jsxs("div", { className: "space-y-2", children: [_jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource }), _jsx(ManualSetupCard, { hint: "Set DATABASE_URL in your .env to connect Neon, Supabase, Turso, or any Postgres/SQLite database.", docsUrl: "https://www.builder.io/c/docs/agent-native-database", dim: connected })] }) }), _jsx(SettingsSection, { icon: _jsx(IconUpload, { size: 14 }), title: "File uploads", subtitle: "Where user-uploaded files (avatars, chat attachments) are stored.", connected: connected, open: openSection === "uploads", onToggle: () => toggle("uploads"), children: _jsxs("div", { className: "space-y-2", children: [_jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource }), _jsx(ManualSetupCard, { hint: "Without a provider, files are stored as base64 in your database. Fine for dev, not recommended for production.", docsUrl: "https://www.builder.io/c/docs/agent-native-file-uploads", dim: connected })] }) }), _jsx(SettingsSection, { icon: _jsx(IconShield, { size: 14 }), title: "Authentication", subtitle: "Set up user authentication and access control.", connected: connected, open: openSection === "auth", onToggle: () => toggle("auth"), children: _jsxs("div", { className: "space-y-2", children: [_jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource }), _jsx(ManualSetupCard, { hint: "Configure Better Auth with BETTER_AUTH_SECRET and optional Google/GitHub OAuth providers.", docsUrl: "https://www.builder.io/c/docs/agent-native-authentication", dim: connected })] }) }), _jsx(EmailSectionInner, { open: openSection === "email", onToggle: () => toggle("email") }), _jsx(SettingsSection, { icon: _jsx(IconBrowser, { size: 14 }), title: "Browser Automation", subtitle: "Let agents control a real browser for web tasks.", connected: connected, open: openSection === "browser", onToggle: () => toggle("browser"), children: _jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource }) }), builderBranchesAvailable && (_jsx(SettingsSection, { icon: _jsx(IconGitBranch, { size: 14 }), title: "Background Agent", subtitle: "Make code changes from production mode via Builder.", connected: connected, open: openSection === "background", onToggle: () => toggle("background"), children: _jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource }) })), _jsx(SettingsSection, { icon: _jsx(IconPlugConnected, { size: 14 }), title: "Integrations", subtitle: "Connect messaging platforms and external services.", open: openSection === "integrations", onToggle: () => toggle("integrations"), children: _jsx(Suspense, { fallback: null, children: _jsx(IntegrationsPanel, {}) }) }), _jsx(SettingsSection, { icon: _jsx(IconCoin, { size: 14 }), title: "Usage", subtitle: "Track token consumption and estimated cost \u2014 broken down by chat, automations, and background jobs.", open: openSection === "usage", onToggle: () => toggle("usage"), children: _jsx(UsageSection, {}) }), _jsx(SettingsSection, { icon: _jsx(IconTopologyRing2, { size: 14 }), title: "Connected Agents (A2A)", subtitle: "Manage remote agents connected via the A2A protocol.", open: openSection === "a2a", onToggle: () => toggle("a2a"), children: _jsx(AgentsSection, {}) })] }));
951
+ } })) })), _jsx(CapabilityStatusStrip, { isDevMode: isDevMode, builderConnected: connected, builderLoading: builderLoading, builderBranchesAvailable: builderBranchesAvailable, onOpenLlm: () => openSettingsSection("llm", true) }), _jsx(AccountSectionInner, { open: openSection === "account", onToggle: () => toggle("account") }), _jsx(LLMSectionInner, { builderFlow: builderFlow, builderLoading: builderLoading, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, open: openSection === "llm", onToggle: () => toggle("llm") }), _jsx(AppModelDefaultsSectionInner, { open: openSection === "app-models", onToggle: () => toggle("app-models") }), _jsx(AgentLimitsSectionInner, { open: openSection === "limits", onToggle: () => toggle("limits") }), _jsx(SettingsSection, { icon: _jsx(IconMicrophone, { size: 14 }), title: "Voice Transcription", subtitle: "How the composer microphone turns your voice into text.", open: openSection === "voice", onToggle: () => toggle("voice"), children: _jsx(VoiceTranscriptionSection, {}) }), _jsx(SettingsSection, { icon: _jsx(IconBolt, { size: 14 }), title: "Automations", subtitle: "Event-triggered and scheduled automations.", open: openSection === "automations", onToggle: () => toggle("automations"), children: _jsx(AutomationsSection, {}) }), _jsx(SettingsSection, { id: settingsSectionDomId("secrets"), icon: _jsx(IconKey, { size: 14 }), title: "API Keys & Connections", subtitle: "Service credentials and automation keys.", open: openSection === "secrets", onToggle: () => toggle("secrets"), children: _jsx(SecretsSection, { focusKey: focusSecretKey }) }), _jsx(SettingsSection, { icon: _jsx(IconCloud, { size: 14 }), title: "Hosting", subtitle: "Deploy your app to the cloud.", connected: connected, open: openSection === "hosting", onToggle: () => toggle("hosting"), children: _jsxs("div", { className: "space-y-2", children: [_jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, trackingSource: "hosting_settings", trackingFlow: "hosting" }), _jsx(ManualSetupCard, { hint: "Deploy manually to Netlify, Vercel, Cloudflare, or any Nitro-supported target.", docsUrl: "https://www.builder.io/c/docs/agent-native-deployment", dim: connected })] }) }), _jsx(SettingsSection, { icon: _jsx(IconDatabase, { size: 14 }), title: "Database", subtitle: "Connect a cloud database for persistent storage.", connected: connected, open: openSection === "database", onToggle: () => toggle("database"), children: _jsxs("div", { className: "space-y-2", children: [_jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, trackingSource: "database_settings", trackingFlow: "database" }), _jsx(ManualSetupCard, { hint: "Set DATABASE_URL in your .env to connect Neon, Supabase, Turso, or any Postgres/SQLite database.", docsUrl: "https://www.builder.io/c/docs/agent-native-database", dim: connected })] }) }), _jsx(SettingsSection, { icon: _jsx(IconUpload, { size: 14 }), title: "File uploads", subtitle: "Where user-uploaded files (avatars, chat attachments) are stored.", connected: connected, open: openSection === "uploads", onToggle: () => toggle("uploads"), children: _jsxs("div", { className: "space-y-2", children: [_jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, trackingSource: "file_upload_settings", trackingFlow: "file_upload" }), _jsx(ManualSetupCard, { hint: "Without a provider, files are stored as base64 in your database. Fine for dev, not recommended for production.", docsUrl: "https://www.builder.io/c/docs/agent-native-file-uploads", dim: connected })] }) }), _jsx(SettingsSection, { icon: _jsx(IconShield, { size: 14 }), title: "Authentication", subtitle: "Set up user authentication and access control.", connected: connected, open: openSection === "auth", onToggle: () => toggle("auth"), children: _jsxs("div", { className: "space-y-2", children: [_jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, trackingSource: "auth_settings", trackingFlow: "auth" }), _jsx(ManualSetupCard, { hint: "Configure Better Auth with BETTER_AUTH_SECRET and optional Google/GitHub OAuth providers.", docsUrl: "https://www.builder.io/c/docs/agent-native-authentication", dim: connected })] }) }), _jsx(EmailSectionInner, { open: openSection === "email", onToggle: () => toggle("email") }), _jsx(SettingsSection, { icon: _jsx(IconBrowser, { size: 14 }), title: "Browser Automation", subtitle: "Let agents control a real browser for web tasks.", connected: connected, open: openSection === "browser", onToggle: () => toggle("browser"), children: _jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, trackingSource: "browser_settings", trackingFlow: "browser_automation" }) }), builderBranchesAvailable && (_jsx(SettingsSection, { icon: _jsx(IconGitBranch, { size: 14 }), title: "Background Agent", subtitle: "Make code changes from production mode via Builder.", connected: connected, open: openSection === "background", onToggle: () => toggle("background"), children: _jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, trackingSource: "background_agent_settings", trackingFlow: "background_agent" }) })), _jsx(SettingsSection, { icon: _jsx(IconPlugConnected, { size: 14 }), title: "Integrations", subtitle: "Connect messaging platforms and external services.", open: openSection === "integrations", onToggle: () => toggle("integrations"), children: _jsx(Suspense, { fallback: null, children: _jsx(IntegrationsPanel, {}) }) }), _jsx(SettingsSection, { icon: _jsx(IconCoin, { size: 14 }), title: "Usage", subtitle: "Track token consumption and estimated cost \u2014 broken down by chat, automations, and background jobs.", open: openSection === "usage", onToggle: () => toggle("usage"), children: _jsx(UsageSection, {}) }), _jsx(SettingsSection, { icon: _jsx(IconTopologyRing2, { size: 14 }), title: "Connected Agents (A2A)", subtitle: "Manage remote agents connected via the A2A protocol.", open: openSection === "a2a", onToggle: () => toggle("a2a"), children: _jsx(AgentsSection, {}) })] }));
952
952
  }
953
953
  //# sourceMappingURL=SettingsPanel.js.map