diff --git a/src/renderer/src/components/onboarding/AgentFeatureSetupStep.test.tsx b/src/renderer/src/components/onboarding/AgentFeatureSetupStep.test.tsx
index 8a11419d6..93a4033b2 100644
--- a/src/renderer/src/components/onboarding/AgentFeatureSetupStep.test.tsx
+++ b/src/renderer/src/components/onboarding/AgentFeatureSetupStep.test.tsx
@@ -14,13 +14,15 @@ describe('AgentFeatureSetupStep', () => {
onFeatureSetupChange={vi.fn()}
featureSetupCommand={null}
featureSetupCommandSelection={null}
+ setupBusyLabel={null}
+ onStartFeatureSetup={vi.fn()}
/>
)
- expect(html).toContain('Set up agent features')
expect(html).toContain('Agent Browser Use')
expect(html).toContain('Computer Use')
expect(html).toContain('Agent Orchestration')
+ expect(html).toContain('Enable capabilities')
expect(html).toContain('role="checkbox"')
})
})
diff --git a/src/renderer/src/components/onboarding/AgentFeatureSetupStep.tsx b/src/renderer/src/components/onboarding/AgentFeatureSetupStep.tsx
index e6f4a3e50..f1afa6e9b 100644
--- a/src/renderer/src/components/onboarding/AgentFeatureSetupStep.tsx
+++ b/src/renderer/src/components/onboarding/AgentFeatureSetupStep.tsx
@@ -1,23 +1,49 @@
+import { Loader2 } from 'lucide-react'
+import { Button } from '@/components/ui/button'
import { FeatureSetupChecklist } from './FeatureSetupChecklist'
import { FeatureSetupInlineTerminal } from './FeatureSetupInlineTerminal'
-import type { OnboardingFeatureSetupSelection } from './onboarding-feature-setup'
+import {
+ hasSelectedOnboardingFeatureSetup,
+ type OnboardingFeatureSetupSelection
+} from './onboarding-feature-setup'
type AgentFeatureSetupStepProps = {
featureSetup: OnboardingFeatureSetupSelection
onFeatureSetupChange: (value: OnboardingFeatureSetupSelection) => void
featureSetupCommand: string | null
featureSetupCommandSelection: OnboardingFeatureSetupSelection | null
+ setupBusyLabel: string | null
+ onStartFeatureSetup: () => void
}
export function AgentFeatureSetupStep({
featureSetup,
onFeatureSetupChange,
featureSetupCommand,
- featureSetupCommandSelection
+ featureSetupCommandSelection,
+ setupBusyLabel,
+ onStartFeatureSetup
}: AgentFeatureSetupStepProps): React.JSX.Element {
+ const hasSelectedFeatures = hasSelectedOnboardingFeatureSetup(featureSetup)
+ const showSetupAction = !featureSetupCommand
+
return (
<>
- Pick the capabilities you want ready after onboarding. Selected features run setup on the - next click and show a terminal here with the skill command ready for review. -
- {showCliNotice ? ( -- {AGENT_SKILL_CLI_PREREQUISITE_NOTICE} -
- ) : null} -+
{copy.subtitle}
) : null} @@ -242,8 +239,15 @@ export default function OnboardingFlow({