diff --git a/packages/cli/src/ui/components/WelcomeOnboarding/AuthMethodStep.tsx b/packages/cli/src/ui/components/WelcomeOnboarding/AuthMethodStep.tsx index 6271d844e..62d095f7b 100644 --- a/packages/cli/src/ui/components/WelcomeOnboarding/AuthMethodStep.tsx +++ b/packages/cli/src/ui/components/WelcomeOnboarding/AuthMethodStep.tsx @@ -89,7 +89,9 @@ export const AuthMethodStep: React.FC = ({ Step 3 of 5: Choose Authentication Method - How would you like to authenticate with {providerDisplay}? + + How would you like to authenticate with {providerDisplay}? + {error && ( diff --git a/packages/cli/src/ui/components/WelcomeOnboarding/AuthenticationStep.tsx b/packages/cli/src/ui/components/WelcomeOnboarding/AuthenticationStep.tsx index bc75f05c6..eba8e598c 100644 --- a/packages/cli/src/ui/components/WelcomeOnboarding/AuthenticationStep.tsx +++ b/packages/cli/src/ui/components/WelcomeOnboarding/AuthenticationStep.tsx @@ -115,7 +115,7 @@ export const AuthenticationStep: React.FC = ({ - + {' '} @@ -123,8 +123,12 @@ export const AuthenticationStep: React.FC = ({ - Please complete the authentication in your browser. - This window will update when done. + + Please complete the authentication in your browser. + + + This window will update when done. + Press Esc to cancel and go back @@ -145,7 +149,7 @@ export const AuthenticationStep: React.FC = ({ {isAuthenticating ? ( - + {' '} @@ -155,7 +159,9 @@ export const AuthenticationStep: React.FC = ({ ) : ( <> - Enter your {providerDisplay} API key: + + Enter your {providerDisplay} API key: + diff --git a/packages/cli/src/ui/components/WelcomeOnboarding/CompletionStep.tsx b/packages/cli/src/ui/components/WelcomeOnboarding/CompletionStep.tsx index 7fe060fb1..e165ac4a0 100644 --- a/packages/cli/src/ui/components/WelcomeOnboarding/CompletionStep.tsx +++ b/packages/cli/src/ui/components/WelcomeOnboarding/CompletionStep.tsx @@ -101,15 +101,17 @@ export const CompletionStep: React.FC = ({ - Provider: {providerDisplay} - {model && Model: {model}} - Authentication: {authDisplay} + Provider: {providerDisplay} + {model && Model: {model}} + Authentication: {authDisplay} {showProfilePrompt ? ( - Save this setup as a profile + + Save this setup as a profile + @@ -127,10 +129,10 @@ export const CompletionStep: React.FC = ({ )} {saving ? ( - Saving profile... + Saving profile... ) : ( - Profile name: + Profile name: {profileName} @@ -146,7 +148,7 @@ export const CompletionStep: React.FC = ({ ) : ( - Try asking me something like: + Try asking me something like: {'"Explain how async/await works in JavaScript"'} diff --git a/packages/cli/src/ui/components/WelcomeOnboarding/ModelSelectStep.tsx b/packages/cli/src/ui/components/WelcomeOnboarding/ModelSelectStep.tsx index bfda951d2..ff9bec161 100644 --- a/packages/cli/src/ui/components/WelcomeOnboarding/ModelSelectStep.tsx +++ b/packages/cli/src/ui/components/WelcomeOnboarding/ModelSelectStep.tsx @@ -81,7 +81,9 @@ export const ModelSelectStep: React.FC = ({ Step 2 of 5: Choose Your Model - Select a model for {providerDisplay}: + + Select a model for {providerDisplay}: + {modelsLoadStatus === 'loading' && ( diff --git a/packages/cli/src/ui/components/WelcomeOnboarding/ProviderSelectStep.tsx b/packages/cli/src/ui/components/WelcomeOnboarding/ProviderSelectStep.tsx index 72f4dde69..89690cde4 100644 --- a/packages/cli/src/ui/components/WelcomeOnboarding/ProviderSelectStep.tsx +++ b/packages/cli/src/ui/components/WelcomeOnboarding/ProviderSelectStep.tsx @@ -70,7 +70,9 @@ export const ProviderSelectStep: React.FC = ({ Step 1 of 5: Choose Your AI Provider - {"Select which AI provider you'd like to use:"} + + {"Select which AI provider you'd like to use:"} + = ({ return ( - Setup skipped + + Setup skipped + - To configure llxprt manually: + To configure llxprt manually: - + • Use /auth <provider> to set up authentication - + • Use /provider to select your AI provider - + • Type /help for more commands diff --git a/packages/cli/src/ui/components/WelcomeOnboarding/WelcomeStep.tsx b/packages/cli/src/ui/components/WelcomeOnboarding/WelcomeStep.tsx index faee3db25..0d74fae5f 100644 --- a/packages/cli/src/ui/components/WelcomeOnboarding/WelcomeStep.tsx +++ b/packages/cli/src/ui/components/WelcomeOnboarding/WelcomeStep.tsx @@ -43,15 +43,19 @@ export const WelcomeStep: React.FC = ({ Welcome to llxprt! - {"Let's get you set up in just a few steps."} - + + {"Let's get you set up in just a few steps."} + + {"You'll choose an AI provider and configure authentication"} - so llxprt can work its magic. + so llxprt can work its magic. - What would you like to do? + + What would you like to do? +