capsule-ai-cli/dist/ui/components/OpenRouterSetupBox.js

The AI Model Orchestrator - Intelligent multi-model workflows with device-locked licensing

import React from 'react';
import { Box, Text } from 'ink';
import MessageBox from './MessageBox.js';
export const OpenRouterSetupBox = () => {
    return (React.createElement(Box, { flexDirection: "column", gap: 1 },
        React.createElement(MessageBox, { title: "OpenRouter API Key Required", type: "info", message: "All AI providers in Capsule are powered by OpenRouter, which provides access to models from OpenAI, Anthropic, Google, and more through a single API.", width: 70 }),
        React.createElement(Box, { marginLeft: 2, flexDirection: "column", gap: 1 },
            React.createElement(Text, { color: "#00ff88", bold: true }, "\uD83D\uDE80 Quick Setup:"),
            React.createElement(Box, { marginLeft: 2 },
                React.createElement(Text, null, "1. Get your API key from "),
                React.createElement(Text, { color: "#00a8ff", underline: true }, "https://openrouter.ai/keys")),
            React.createElement(Box, { marginLeft: 2 },
                React.createElement(Text, null, "2. Set your API key in Capsule:")),
            React.createElement(Box, { marginLeft: 4, borderStyle: "single", borderColor: "#666", paddingX: 1 },
                React.createElement(Text, { color: "#ff9500" }, "/keys")),
            React.createElement(Box, { marginLeft: 2 },
                React.createElement(Text, null, "3. Start using any AI provider (OpenAI, Anthropic, Google, etc.)")),
            React.createElement(Box, { marginTop: 1, marginLeft: 2 },
                React.createElement(Text, { color: "#888" }, "\uD83D\uDCA1 Tip: OpenRouter provides unified access with pay-as-you-go pricing")))));
};
export default OpenRouterSetupBox;
//# sourceMappingURL=OpenRouterSetupBox.js.map