diff --git a/ui/src/components/OnboardingWizard.tsx b/ui/src/components/OnboardingWizard.tsx index 49addd6c..a2bcb709 100644 --- a/ui/src/components/OnboardingWizard.tsx +++ b/ui/src/components/OnboardingWizard.tsx @@ -101,6 +101,7 @@ export function OnboardingWizard() { const [forceUnsetAnthropicApiKey, setForceUnsetAnthropicApiKey] = useState(false); const [unsetAnthropicLoading, setUnsetAnthropicLoading] = useState(false); + const [showMoreAdapters, setShowMoreAdapters] = useState(false); // Step 3 const [taskTitle, setTaskTitle] = useState("Create your CEO HEARTBEAT.md"); @@ -669,87 +670,127 @@ export function OnboardingWizard() { icon: Code, desc: "Local Codex agent", recommended: true - }, - { - value: "gemini_local" as const, - label: "Gemini CLI", - icon: Gem, - desc: "Local Gemini agent" - }, - { - value: "opencode_local" as const, - label: "OpenCode", - icon: OpenCodeLogoIcon, - desc: "Local multi-provider agent" - }, - { - value: "pi_local" as const, - label: "Pi", - icon: Terminal, - desc: "Local Pi agent" - }, - { - value: "openclaw_gateway" as const, - label: "OpenClaw Gateway", - icon: Bot, - desc: "Invoke OpenClaw via gateway protocol", - comingSoon: true, - disabledLabel: "Configure OpenClaw within the App" - }, - { - value: "cursor" as const, - label: "Cursor", - icon: MousePointer2, - desc: "Local Cursor agent" } ].map((opt) => ( ))} + + + + {showMoreAdapters && ( +
+ {[ + { + value: "gemini_local" as const, + label: "Gemini CLI", + icon: Gem, + desc: "Local Gemini agent" + }, + { + value: "opencode_local" as const, + label: "OpenCode", + icon: OpenCodeLogoIcon, + desc: "Local multi-provider agent" + }, + { + value: "pi_local" as const, + label: "Pi", + icon: Terminal, + desc: "Local Pi agent" + }, + { + value: "cursor" as const, + label: "Cursor", + icon: MousePointer2, + desc: "Local Cursor agent" + }, + { + value: "openclaw_gateway" as const, + label: "OpenClaw Gateway", + icon: Bot, + desc: "Invoke OpenClaw via gateway protocol", + comingSoon: true, + disabledLabel: "Configure OpenClaw within the App" + } + ].map((opt) => ( + + ))} +
+ )} {/* Conditional adapter fields */}