orquesta-cli 0.1.2 → 0.1.4

package/dist/ui/components/OpenRouterModelBrowser.js

@@ -0,0 +1,221 @@
+import React, { useState, useEffect, useMemo } from 'react';
+import { Box, Text, useInput } from 'ink';
+import TextInput from 'ink-text-input';
+import Spinner from 'ink-spinner';
+export const OpenRouterModelBrowser = ({ onSelect, onCancel, }) => {
+    const [mode, setMode] = useState('list');
+    const [models, setModels] = useState([]);
+    const [isLoading, setIsLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const [searchQuery, setSearchQuery] = useState('');
+    const [manualModelId, setManualModelId] = useState('');
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [scrollOffset, setScrollOffset] = useState(0);
+    const MAX_VISIBLE = 10;
+    useEffect(() => {
+        const fetchModels = async () => {
+            try {
+                const response = await fetch('https://openrouter.ai/api/v1/models');
+                if (!response.ok) {
+                    throw new Error(`Failed to fetch models: ${response.status}`);
+                }
+                const data = await response.json();
+                const sortedModels = (data.data || []).sort((a, b) => {
+                    const aFree = parseFloat(a.pricing.prompt) === 0 && parseFloat(a.pricing.completion) === 0;
+                    const bFree = parseFloat(b.pricing.prompt) === 0 && parseFloat(b.pricing.completion) === 0;
+                    if (aFree && !bFree)
+                        return -1;
+                    if (!aFree && bFree)
+                        return 1;
+                    return a.name.localeCompare(b.name);
+                });
+                setModels(sortedModels);
+                setIsLoading(false);
+            }
+            catch (err) {
+                setError(err instanceof Error ? err.message : 'Failed to fetch models');
+                setIsLoading(false);
+            }
+        };
+        fetchModels();
+    }, []);
+    const filteredModels = useMemo(() => {
+        if (!searchQuery.trim())
+            return models;
+        const query = searchQuery.toLowerCase();
+        return models.filter(model => model.id.toLowerCase().includes(query) ||
+            model.name.toLowerCase().includes(query) ||
+            model.description?.toLowerCase().includes(query));
+    }, [models, searchQuery]);
+    const isFreeModel = (model) => {
+        return parseFloat(model.pricing.prompt) === 0 && parseFloat(model.pricing.completion) === 0;
+    };
+    const formatPricing = (model) => {
+        const promptPrice = parseFloat(model.pricing.prompt);
+        const completionPrice = parseFloat(model.pricing.completion);
+        if (promptPrice === 0 && completionPrice === 0) {
+            return 'Free';
+        }
+        const promptPer1M = (promptPrice * 1000000).toFixed(2);
+        return `$${promptPer1M}/1M`;
+    };
+    const handleSelect = () => {
+        if (mode === 'manual') {
+            if (manualModelId.trim()) {
+                onSelect({
+                    id: manualModelId.trim(),
+                    name: manualModelId.trim(),
+                    contextLength: 128000,
+                    isFree: false,
+                });
+            }
+        }
+        else {
+            const model = filteredModels[selectedIndex];
+            if (model) {
+                onSelect({
+                    id: model.id,
+                    name: model.name,
+                    contextLength: model.context_length,
+                    isFree: isFreeModel(model),
+                });
+            }
+        }
+    };
+    useInput((_input, key) => {
+        if (key.escape) {
+            if (mode === 'search' || mode === 'manual') {
+                setMode('list');
+                setSearchQuery('');
+                setManualModelId('');
+            }
+            else {
+                onCancel();
+            }
+            return;
+        }
+        if (mode === 'list') {
+            if (key.upArrow) {
+                setSelectedIndex((prev) => {
+                    const newIndex = prev > 0 ? prev - 1 : filteredModels.length - 1;
+                    if (newIndex < scrollOffset) {
+                        setScrollOffset(newIndex);
+                    }
+                    return newIndex;
+                });
+            }
+            else if (key.downArrow) {
+                setSelectedIndex((prev) => {
+                    const newIndex = prev < filteredModels.length - 1 ? prev + 1 : 0;
+                    if (newIndex >= scrollOffset + MAX_VISIBLE) {
+                        setScrollOffset(newIndex - MAX_VISIBLE + 1);
+                    }
+                    else if (newIndex < scrollOffset) {
+                        setScrollOffset(0);
+                    }
+                    return newIndex;
+                });
+            }
+            else if (key.return) {
+                handleSelect();
+            }
+            else if (_input === '/' || _input === 's') {
+                setMode('search');
+                setSelectedIndex(0);
+                setScrollOffset(0);
+            }
+            else if (_input === 'm') {
+                setMode('manual');
+            }
+        }
+        else if (mode === 'search') {
+            if (key.return) {
+                setMode('list');
+                setSelectedIndex(0);
+                setScrollOffset(0);
+            }
+        }
+        else if (mode === 'manual') {
+            if (key.return) {
+                handleSelect();
+            }
+        }
+    });
+    useEffect(() => {
+        if (selectedIndex >= filteredModels.length) {
+            setSelectedIndex(Math.max(0, filteredModels.length - 1));
+        }
+    }, [filteredModels.length, selectedIndex]);
+    if (isLoading) {
+        return (React.createElement(Box, { flexDirection: "column", paddingY: 1 },
+            React.createElement(Text, { color: "cyan" },
+                React.createElement(Spinner, { type: "dots" }),
+                " Loading OpenRouter models...")));
+    }
+    if (error) {
+        return (React.createElement(Box, { flexDirection: "column", paddingY: 1 },
+            React.createElement(Text, { color: "red" },
+                "Error: ",
+                error),
+            React.createElement(Text, { color: "gray" }, "Press 'm' to enter model ID manually, or Esc to go back")));
+    }
+    const visibleModels = filteredModels.slice(scrollOffset, scrollOffset + MAX_VISIBLE);
+    return (React.createElement(Box, { flexDirection: "column" },
+        React.createElement(Box, { borderStyle: "round", borderColor: "magenta", paddingX: 2, marginBottom: 1 },
+            React.createElement(Text, { color: "magenta", bold: true },
+                "OpenRouter Models (",
+                filteredModels.length,
+                " available)")),
+        mode === 'search' && (React.createElement(Box, { paddingX: 1, marginBottom: 1 },
+            React.createElement(Text, { color: "yellow" }, "Search: "),
+            React.createElement(TextInput, { value: searchQuery, onChange: setSearchQuery, placeholder: "Type to filter models..." }))),
+        mode === 'manual' && (React.createElement(Box, { flexDirection: "column", paddingX: 1 },
+            React.createElement(Text, { color: "yellow", bold: true }, "Enter Model ID:"),
+            React.createElement(Box, { marginY: 1 },
+                React.createElement(Text, { color: "gray" }, "ID: "),
+                React.createElement(TextInput, { value: manualModelId, onChange: setManualModelId, placeholder: "provider/model-name" })),
+            React.createElement(Text, { color: "gray", dimColor: true }, "Example: anthropic/claude-3.5-sonnet, openai/gpt-4-turbo"),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { dimColor: true }, "Enter: confirm | Esc: back to list")))),
+        mode !== 'manual' && (React.createElement(React.Fragment, null,
+            searchQuery && mode === 'list' && (React.createElement(Box, { paddingX: 1, marginBottom: 1 },
+                React.createElement(Text, { color: "gray" },
+                    "Filtered by: \"",
+                    searchQuery,
+                    "\" "),
+                React.createElement(Text, { color: "cyan" }, "(press / to search again)"))),
+            scrollOffset > 0 && (React.createElement(Box, { paddingX: 1 },
+                React.createElement(Text, { color: "gray" },
+                    "\u2191 ",
+                    scrollOffset,
+                    " more above"))),
+            React.createElement(Box, { flexDirection: "column", paddingX: 1 }, visibleModels.map((model, index) => {
+                const actualIndex = scrollOffset + index;
+                const isSelected = actualIndex === selectedIndex;
+                const isFree = isFreeModel(model);
+                return (React.createElement(Box, { key: model.id, flexDirection: "row" },
+                    React.createElement(Text, { color: isSelected ? 'cyan' : undefined }, isSelected ? '> ' : '  '),
+                    React.createElement(Text, { color: isFree ? 'green' : 'yellow', bold: true }, isFree ? '[FREE] ' : '[PAID] '),
+                    React.createElement(Text, { color: isSelected ? 'cyan' : 'white', bold: isSelected }, model.id),
+                    React.createElement(Text, { color: "gray" },
+                        ' ',
+                        "(",
+                        Math.round(model.context_length / 1000),
+                        "k ctx)"),
+                    !isFree && (React.createElement(Text, { color: "gray", dimColor: true },
+                        ' ',
+                        formatPricing(model)))));
+            })),
+            scrollOffset + MAX_VISIBLE < filteredModels.length && (React.createElement(Box, { paddingX: 1 },
+                React.createElement(Text, { color: "gray" },
+                    "\u2193 ",
+                    filteredModels.length - scrollOffset - MAX_VISIBLE,
+                    " more below"))),
+            filteredModels.length === 0 && (React.createElement(Box, { paddingX: 1 },
+                React.createElement(Text, { color: "yellow" }, "No models match your search."))))),
+        mode === 'list' && (React.createElement(Box, { marginTop: 1, flexDirection: "column" },
+            React.createElement(Text, { dimColor: true }, "\u2191\u2193: navigate | Enter: select | /: search | m: manual entry | Esc: cancel"))),
+        mode === 'search' && (React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { dimColor: true }, "Type to filter | Enter: apply | Esc: clear search")))));
+};
+//# sourceMappingURL=OpenRouterModelBrowser.js.map

package/dist/ui/components/OpenRouterModelBrowser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenRouterModelBrowser.js","sourceRoot":"","sources":["../../../src/ui/components/OpenRouterModelBrowser.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "orquesta-cli",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Orquesta CLI - AI-powered coding assistant with team collaboration",
   "type": "module",
   "main": "dist/index.js",

package/src/core/slash-command-handler.ts

@@ -9,6 +9,8 @@ import { Message, TodoItem } from '../types/index.js';
 import { sessionManager } from './session/session-manager.js';
 import { usageTracker } from './usage-tracker.js';
 import { logger } from '../utils/logger.js';
+import { fullSync } from '../orquesta/config-sync.js';
+import { configManager } from './config/config-manager.js';
 // DISABLED: docs feature removed
 // import {
 //   getDocsInfo,
@@ -225,6 +227,91 @@ export async function executeSlashCommand(
     };
   }
 
+  // Sync command - sync LLM configs from Orquesta dashboard
+  if (trimmedCommand === '/sync') {
+    logger.flow('Sync command received');
+
+    // Check if connected to Orquesta
+    const orquestaConfig = configManager.getOrquestaConfig();
+    if (!orquestaConfig?.token) {
+      const notConnectedMessage = `❌ Not connected to Orquesta.\n\nTo sync configurations, first connect using an Orquesta CLI token:\n1. Go to https://orquesta.live/dashboard/orquesta-cli\n2. Generate a CLI token\n3. Run orquesta-cli again and enter your token`;
+      const updatedMessages = [
+        ...context.messages,
+        { role: 'assistant' as const, content: notConnectedMessage },
+      ];
+      context.setMessages(updatedMessages);
+      return {
+        handled: true,
+        shouldContinue: false,
+        updatedContext: {
+          messages: updatedMessages,
+        },
+      };
+    }
+
+    // Perform full sync
+    const syncingMessage = `🔄 Syncing with Orquesta (${orquestaConfig.projectName || 'project'})...`;
+    const inProgressMessages = [
+      ...context.messages,
+      { role: 'assistant' as const, content: syncingMessage },
+    ];
+    context.setMessages(inProgressMessages);
+
+    try {
+      const { pullResult, pushResult } = await fullSync();
+
+      let resultMessage = '';
+
+      if (pullResult.success) {
+        if (pullResult.added > 0 || pullResult.updated > 0) {
+          resultMessage += `✅ Pulled from dashboard: ${pullResult.added} added, ${pullResult.updated} updated\n`;
+        } else {
+          resultMessage += `✅ Pulled from dashboard: No changes\n`;
+        }
+      } else {
+        resultMessage += `⚠️ Pull failed: ${pullResult.error}\n`;
+      }
+
+      if (pushResult.success) {
+        const pushed = pushResult.results?.length || 0;
+        if (pushed > 0) {
+          resultMessage += `✅ Pushed to dashboard: ${pushed} endpoint(s)`;
+        } else {
+          resultMessage += `✅ Pushed to dashboard: No local changes`;
+        }
+      } else {
+        resultMessage += `⚠️ Push failed: ${pushResult.error}`;
+      }
+
+      const updatedMessages = [
+        ...context.messages,
+        { role: 'assistant' as const, content: resultMessage },
+      ];
+      context.setMessages(updatedMessages);
+      return {
+        handled: true,
+        shouldContinue: false,
+        updatedContext: {
+          messages: updatedMessages,
+        },
+      };
+    } catch (error) {
+      const errorMessage = `❌ Sync failed: ${error instanceof Error ? error.message : 'Unknown error'}`;
+      const updatedMessages = [
+        ...context.messages,
+        { role: 'assistant' as const, content: errorMessage },
+      ];
+      context.setMessages(updatedMessages);
+      return {
+        handled: true,
+        shouldContinue: false,
+        updatedContext: {
+          messages: updatedMessages,
+        },
+      };
+    }
+  }
+
   // DISABLED: /docs command removed
   // The docs feature has been disabled
 
@@ -240,6 +327,7 @@ Available commands:
   /tool           - Enable/disable optional tools (Browser, Background)
   /load           - Load a saved session
   /usage          - Show token usage statistics
+  /sync           - Sync LLM configs with Orquesta dashboard
 
 Keyboard shortcuts:
   Ctrl+C          - Exit

package/src/ui/components/LLMSetupWizard.tsx

@@ -13,6 +13,8 @@ import { configManager } from '../../core/config/config-manager.js';
 import { LLMClient } from '../../core/llm/llm-client.js';
 import { EndpointConfig } from '../../types/index.js';
 import { fetchOrquestaProjects, syncOrquestaConfigs } from '../../orquesta/config-sync.js';
+import { Logo } from './Logo.js';
+import { OpenRouterModelBrowser } from './OpenRouterModelBrowser.js';
 
 interface LLMSetupWizardProps {
   onComplete: () => void;
@@ -28,9 +30,69 @@ interface FormData {
   maxContextLength: string;
 }
 
-type WizardStep = 'welcome' | 'token-input' | 'project-select' | 'manual-setup';
+type WizardStep = 'welcome' | 'token-input' | 'project-select' | 'provider-select' | 'openrouter-browse' | 'manual-setup';
 type FormField = 'name' | 'baseUrl' | 'apiKey' | 'modelId' | 'modelName' | 'maxContextLength' | 'buttons';
 
+interface ProviderPreset {
+  id: string;
+  name: string;
+  icon: string;
+  baseUrl: string;
+  requiresApiKey: boolean;
+  description: string;
+}
+
+const PROVIDER_PRESETS: ProviderPreset[] = [
+  {
+    id: 'openrouter',
+    name: 'OpenRouter',
+    icon: '🌐',
+    baseUrl: 'https://openrouter.ai/api/v1',
+    requiresApiKey: true,
+    description: 'Access 200+ models (GPT-4, Claude, Llama, etc.)',
+  },
+  {
+    id: 'ollama',
+    name: 'Ollama (Local)',
+    icon: '🦙',
+    baseUrl: 'http://localhost:11434/v1',
+    requiresApiKey: false,
+    description: 'Run models locally with Ollama',
+  },
+  {
+    id: 'openai',
+    name: 'OpenAI',
+    icon: '🤖',
+    baseUrl: 'https://api.openai.com/v1',
+    requiresApiKey: true,
+    description: 'GPT-4, GPT-4 Turbo, GPT-3.5',
+  },
+  {
+    id: 'anthropic',
+    name: 'Anthropic',
+    icon: '🧠',
+    baseUrl: 'https://api.anthropic.com/v1',
+    requiresApiKey: true,
+    description: 'Claude 3.5 Sonnet, Claude 3 Opus',
+  },
+  {
+    id: 'deepseek',
+    name: 'DeepSeek',
+    icon: '🔍',
+    baseUrl: 'https://api.deepseek.com/v1',
+    requiresApiKey: true,
+    description: 'DeepSeek Coder, DeepSeek Chat',
+  },
+  {
+    id: 'custom',
+    name: 'Custom Endpoint',
+    icon: '⚙️',
+    baseUrl: '',
+    requiresApiKey: false,
+    description: 'Configure any OpenAI-compatible API',
+  },
+];
+
 interface OrquestaProject {
   id: string;
   name: string;
@@ -55,6 +117,10 @@ export const LLMSetupWizard: React.FC<LLMSetupWizardProps> = ({ onComplete, onSk
   const [projectIndex, setProjectIndex] = useState(0);
   const [isSyncing, setIsSyncing] = useState(false);
 
+  // Provider selection state
+  const [providerIndex, setProviderIndex] = useState(0);
+  const [selectedProvider, setSelectedProvider] = useState<ProviderPreset | null>(null);
+
   // Manual setup form state
   const [formData, setFormData] = useState<FormData>({
     name: '',
@@ -86,14 +152,61 @@ export const LLMSetupWizard: React.FC<LLMSetupWizardProps> = ({ onComplete, onSk
       // "I have an Orquesta token"
       setStep('token-input');
     } else if (welcomeOptionIndex === 1) {
-      // "Set up manually"
-      setStep('manual-setup');
+      // "Set up manually" - go to provider selection
+      setStep('provider-select');
     } else {
       // "Skip for now"
       onSkip();
     }
   }, [welcomeOptionIndex, onSkip]);
 
+  // Handle provider selection
+  const handleProviderSelect = useCallback((provider: ProviderPreset) => {
+    setSelectedProvider(provider);
+
+    if (provider.id === 'openrouter') {
+      // Go to OpenRouter model browser
+      setStep('openrouter-browse');
+    } else if (provider.id === 'custom') {
+      // Go to full manual setup
+      setFormData({
+        name: '',
+        baseUrl: '',
+        apiKey: '',
+        modelId: '',
+        modelName: '',
+        maxContextLength: '128000',
+      });
+      setStep('manual-setup');
+    } else {
+      // Pre-fill form with provider info
+      setFormData({
+        name: provider.name,
+        baseUrl: provider.baseUrl,
+        apiKey: '',
+        modelId: '',
+        modelName: '',
+        maxContextLength: '128000',
+      });
+      setFormField(provider.requiresApiKey ? 'apiKey' : 'modelId');
+      setStep('manual-setup');
+    }
+  }, []);
+
+  // Handle OpenRouter model selection
+  const handleOpenRouterModelSelect = useCallback((model: { id: string; name: string; contextLength: number; isFree: boolean }) => {
+    setFormData({
+      name: 'OpenRouter',
+      baseUrl: 'https://openrouter.ai/api/v1',
+      apiKey: '',
+      modelId: model.id,
+      modelName: model.name,
+      maxContextLength: model.contextLength.toString(),
+    });
+    setFormField('apiKey');
+    setStep('manual-setup');
+  }, []);
+
   // Handle token validation
   const handleTokenSubmit = useCallback(async () => {
     if (!orquestaToken.trim()) {
@@ -338,6 +451,26 @@ export const LLMSetupWizard: React.FC<LLMSetupWizardProps> = ({ onComplete, onSk
       return;
     }
 
+    // Provider selection screen
+    if (step === 'provider-select') {
+      if (key.upArrow) {
+        setProviderIndex((prev) => (prev > 0 ? prev - 1 : PROVIDER_PRESETS.length - 1));
+      } else if (key.downArrow) {
+        setProviderIndex((prev) => (prev < PROVIDER_PRESETS.length - 1 ? prev + 1 : 0));
+      } else if (key.return) {
+        handleProviderSelect(PROVIDER_PRESETS[providerIndex]!);
+      } else if (key.escape) {
+        setStep('welcome');
+      }
+      return;
+    }
+
+    // OpenRouter model browser - handled by component itself
+    if (step === 'openrouter-browse') {
+      // Component handles its own input
+      return;
+    }
+
     // Manual setup form
     if (step === 'manual-setup') {
       if (key.tab) {
@@ -347,7 +480,12 @@ export const LLMSetupWizard: React.FC<LLMSetupWizardProps> = ({ onComplete, onSk
       } else if (key.return && formField === 'buttons') {
         handleFormSubmit();
       } else if (key.escape) {
-        setStep('welcome');
+        // Go back to provider select or welcome
+        if (selectedProvider) {
+          setStep('provider-select');
+        } else {
+          setStep('welcome');
+        }
       }
     }
   });
@@ -356,28 +494,22 @@ export const LLMSetupWizard: React.FC<LLMSetupWizardProps> = ({ onComplete, onSk
   if (step === 'welcome') {
     return (
       <Box flexDirection="column">
+        {/* Logo with animation */}
+        <Logo
+          showVersion={true}
+          showTagline={true}
+          animate={true}
+        />
+
+        {/* Spacer */}
         <Text>{' '}</Text>
-        <Text>{' '}</Text>
-
-        {/* Header */}
-        <Box borderStyle="double" borderColor="cyan" paddingX={2} marginBottom={1}>
-          <Text color="cyan" bold>
-            Welcome to Orquesta CLI!
-          </Text>
-        </Box>
-
-        {/* Description */}
-        <Box paddingX={1} marginBottom={1} flexDirection="column">
-          <Text color="white">AI-powered coding assistant with local LLM support.</Text>
-          <Text color="gray">Configure your LLM endpoint to get started.</Text>
-        </Box>
 
         {/* Features */}
         <Box paddingX={1} marginBottom={1} flexDirection="column">
-          <Text color="cyan">Features:</Text>
-          <Text color="gray">  • Multi-LLM support (OpenAI, Anthropic, Ollama, etc.)</Text>
-          <Text color="gray">  • Sync with Orquesta dashboard (optional)</Text>
-          <Text color="gray">  • Works offline with local models</Text>
+          <Text color="white" bold>Get started with any LLM:</Text>
+          <Text color="gray">  • OpenAI, Anthropic, DeepSeek, OpenRouter</Text>
+          <Text color="gray">  • Local models via Ollama, vLLM, LM Studio</Text>
+          <Text color="gray">  • Sync configs with Orquesta dashboard</Text>
         </Box>
 
         {/* Options */}
@@ -403,7 +535,7 @@ export const LLMSetupWizard: React.FC<LLMSetupWizardProps> = ({ onComplete, onSk
             bold={welcomeOptionIndex === 2}
           >
             {welcomeOptionIndex === 2 ? '> ' : '  '}
-            ⏭️  Skip for now (configure later via /settings)
+            ⏭️  Skip for now (configure later via /config)
           </Text>
         </Box>
 
@@ -526,6 +658,64 @@ export const LLMSetupWizard: React.FC<LLMSetupWizardProps> = ({ onComplete, onSk
     );
   }
 
+  // Render Provider Selection Screen
+  if (step === 'provider-select') {
+    return (
+      <Box flexDirection="column">
+        <Text>{' '}</Text>
+        <Text>{' '}</Text>
+
+        {/* Header */}
+        <Box borderStyle="double" borderColor="cyan" paddingX={2} marginBottom={1}>
+          <Text color="cyan" bold>
+            Select LLM Provider
+          </Text>
+        </Box>
+
+        {/* Instructions */}
+        <Box paddingX={1} marginBottom={1}>
+          <Text color="gray">Choose a provider to get started quickly:</Text>
+        </Box>
+
+        {/* Provider List */}
+        <Box paddingX={1} flexDirection="column">
+          {PROVIDER_PRESETS.map((provider, index) => (
+            <Box key={provider.id} flexDirection="column" marginBottom={index < PROVIDER_PRESETS.length - 1 ? 1 : 0}>
+              <Text
+                color={providerIndex === index ? 'cyan' : undefined}
+                bold={providerIndex === index}
+              >
+                {providerIndex === index ? '> ' : '  '}
+                {provider.icon} {provider.name}
+              </Text>
+              <Text color="gray" dimColor>
+                {'    '}{provider.description}
+              </Text>
+            </Box>
+          ))}
+        </Box>
+
+        {/* Footer */}
+        <Box marginTop={2}>
+          <Text dimColor>↑↓: navigate | Enter: select | Esc: back</Text>
+        </Box>
+      </Box>
+    );
+  }
+
+  // Render OpenRouter Model Browser
+  if (step === 'openrouter-browse') {
+    return (
+      <Box flexDirection="column">
+        <Text>{' '}</Text>
+        <OpenRouterModelBrowser
+          onSelect={handleOpenRouterModelSelect}
+          onCancel={() => setStep('provider-select')}
+        />
+      </Box>
+    );
+  }
+
   // Render Manual Setup Form
   return (
     <Box flexDirection="column">