@xiuper/cli 0.0.1

package/dist/jsMain/typescript/ui/LanguageSwitcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageSwitcher.js","sourceRoot":"","sources":["../../../../src/jsMain/typescript/ui/LanguageSwitcher.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,sBAAsB,EAA6B,MAAM,kBAAkB,CAAC;AAM/G,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE;IACxF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAoB,WAAW,EAAE,CAAC,CAAC;IAEjF,MAAM,eAAe,GAAG;QACtB,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,IAAyB,EAAE;QACtD,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,IAAyB,EAAE;KAC5D,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,EAAE,IAAkC,EAAE,EAAE;QAChE,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC;QAC3B,WAAW,CAAC,OAAO,CAAC,CAAC;QACrB,cAAc,CAAC,OAAO,CAAC,CAAC;QAExB,IAAI,CAAC;YACH,MAAM,sBAAsB,CAAC,OAAO,CAAC,CAAC;YACtC,IAAI,gBAAgB,EAAE,CAAC;gBACrB,gBAAgB,CAAC,OAAO,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,qCAAqC,EAAE,KAAK,CAAC,CAAC;QAC9D,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ;QACzB,oBAAC,GAAG,IAAC,YAAY,EAAE,CAAC;YAClB,oBAAC,IAAI,IAAC,IAAI,QAAC,KAAK,EAAC,MAAM,2CAEhB,CACH;QACN,oBAAC,GAAG,IAAC,YAAY,EAAE,CAAC;YAClB,oBAAC,IAAI,IAAC,QAAQ;;gBAAW,WAAW,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAQ,CACpE;QACN,oBAAC,WAAW,IAAC,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,YAAY,GAAI,CAC3D,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/jsMain/typescript/ui/MessageRenderer.d.ts

@@ -0,0 +1,70 @@
+/**
+ * Shared message rendering components
+ * Extracted from ChatInterface for reuse in CLI and other contexts
+ * Supports hierarchical tree-like message formatting
+ */
+import React from 'react';
+export interface Message {
+    role: 'user' | 'assistant' | 'system' | 'compiling';
+    content: string;
+    showPrefix?: boolean;
+}
+export interface TreeMessage {
+    type: 'action' | 'detail' | 'info' | 'error' | 'success';
+    content: string;
+    children?: TreeMessage[];
+    metadata?: {
+        file?: string;
+        operation?: string;
+        status?: 'running' | 'completed' | 'failed';
+    };
+}
+export interface TreeMessageBubbleProps {
+    message: TreeMessage;
+    level?: number;
+    isLast?: boolean;
+    isPending?: boolean;
+}
+interface MessageBubbleProps {
+    message: Message;
+    isPending?: boolean;
+}
+/**
+ * Renders a tree-structured message with hierarchical formatting
+ * Uses bullet points (●) for top-level items and branches (⎿) for children
+ */
+export declare const TreeMessageBubble: React.FC<TreeMessageBubbleProps>;
+/**
+ * Helper functions to create tree messages
+ */
+export declare const createTreeMessage: {
+    action: (content: string, children?: TreeMessage[], metadata?: TreeMessage["metadata"]) => TreeMessage;
+    detail: (content: string, children?: TreeMessage[], metadata?: TreeMessage["metadata"]) => TreeMessage;
+    success: (content: string, children?: TreeMessage[], metadata?: TreeMessage["metadata"]) => TreeMessage;
+    error: (content: string, children?: TreeMessage[], metadata?: TreeMessage["metadata"]) => TreeMessage;
+    info: (content: string, children?: TreeMessage[], metadata?: TreeMessage["metadata"]) => TreeMessage;
+    fileOperation: (operation: string, file: string, details?: string[], status?: "running" | "completed" | "failed") => TreeMessage;
+};
+/**
+ * Renders a single message bubble with appropriate styling
+ * Enhanced to support tree-like formatting when content contains structured data
+ */
+export declare const MessageBubble: React.FC<MessageBubbleProps>;
+interface ContentBlocksProps {
+    content: string;
+    isPending: boolean;
+}
+interface TreeStructuredContentProps {
+    content: string;
+    isPending: boolean;
+}
+/**
+ * Renders tree-structured content by parsing bullet points and branches
+ */
+export declare const TreeStructuredContent: React.FC<TreeStructuredContentProps>;
+/**
+ * Renders content blocks with code highlighting
+ */
+export declare const ContentBlocks: React.FC<ContentBlocksProps>;
+export {};
+//# sourceMappingURL=MessageRenderer.d.ts.map

package/dist/jsMain/typescript/ui/MessageRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsMain/typescript/ui/MessageRenderer.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,GAAG,WAAW,CAAC;IACpD,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IACzD,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE;QACT,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;KAC7C,CAAC;CACH;AAED,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,WAAW,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,kBAAkB;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAyF9D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB;sBACV,MAAM,aAAa,WAAW,EAAE,aAAa,WAAW,CAAC,UAAU,CAAC,KAAG,WAAW;sBAOlF,MAAM,aAAa,WAAW,EAAE,aAAa,WAAW,CAAC,UAAU,CAAC,KAAG,WAAW;uBAOjF,MAAM,aAAa,WAAW,EAAE,aAAa,WAAW,CAAC,UAAU,CAAC,KAAG,WAAW;qBAOpF,MAAM,aAAa,WAAW,EAAE,aAAa,WAAW,CAAC,UAAU,CAAC,KAAG,WAAW;oBAOnF,MAAM,aAAa,WAAW,EAAE,aAAa,WAAW,CAAC,UAAU,CAAC,KAAG,WAAW;+BAOvE,MAAM,QAAQ,MAAM,YAAY,MAAM,EAAE,WAAU,SAAS,GAAG,WAAW,GAAG,QAAQ,KAAiB,WAAW;CAM5I,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2DtD,CAAC;AAEF,UAAU,kBAAkB;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,0BAA0B;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAwDtE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6EtD,CAAC"}

package/dist/jsMain/typescript/ui/MessageRenderer.js

@@ -0,0 +1,255 @@
+/**
+ * Shared message rendering components
+ * Extracted from ChatInterface for reuse in CLI and other contexts
+ * Supports hierarchical tree-like message formatting
+ */
+import React from 'react';
+import { Box, Text } from 'ink';
+import Spinner from 'ink-spinner';
+import { parseCodeBlocksSync } from '../utils/renderUtils.js';
+import { t } from '../i18n/index.js';
+import { semanticInk } from '../design-system/theme-helpers.js';
+// Tree formatting symbols
+const TREE_SYMBOLS = {
+    bullet: '●',
+    branch: '⎿',
+    indent: '  ',
+    space: ' ',
+};
+/**
+ * Renders a tree-structured message with hierarchical formatting
+ * Uses bullet points (●) for top-level items and branches (⎿) for children
+ */
+export const TreeMessageBubble = ({ message, level = 0, isLast = true, isPending = false }) => {
+    const getSymbol = () => {
+        if (level === 0) {
+            return TREE_SYMBOLS.bullet;
+        }
+        return TREE_SYMBOLS.branch;
+    };
+    const getIndent = () => {
+        if (level === 0)
+            return '';
+        return TREE_SYMBOLS.indent.repeat(level - 1) + TREE_SYMBOLS.space;
+    };
+    const getColor = () => {
+        switch (message.type) {
+            case 'action':
+                return semanticInk.primary;
+            case 'success':
+                return semanticInk.success;
+            case 'error':
+                return semanticInk.error;
+            case 'detail':
+                return semanticInk.accent;
+            case 'info':
+            default:
+                return semanticInk.muted;
+        }
+    };
+    const renderContent = () => {
+        const symbol = getSymbol();
+        const indent = getIndent();
+        const color = getColor();
+        return (React.createElement(Box, { flexDirection: "column" },
+            React.createElement(Box, null,
+                React.createElement(Text, { color: color },
+                    indent,
+                    symbol,
+                    TREE_SYMBOLS.space,
+                    message.content,
+                    isPending && message.metadata?.status === 'running' && (React.createElement(Text, { color: semanticInk.warning },
+                        " ",
+                        React.createElement(Spinner, { type: "dots" }))))),
+            message.metadata && (React.createElement(Box, { paddingLeft: indent.length + 2 },
+                message.metadata.file && (React.createElement(Text, { dimColor: true },
+                    TREE_SYMBOLS.branch,
+                    " ",
+                    message.metadata.file)),
+                message.metadata.operation && (React.createElement(Text, { dimColor: true },
+                    TREE_SYMBOLS.indent,
+                    message.metadata.operation)))),
+            message.children && message.children.length > 0 && (React.createElement(Box, { flexDirection: "column" }, message.children.map((child, idx) => (React.createElement(TreeMessageBubble, { key: idx, message: child, level: level + 1, isLast: idx === message.children.length - 1, isPending: isPending })))))));
+    };
+    return (React.createElement(Box, { marginBottom: level === 0 ? 1 : 0 }, renderContent()));
+};
+/**
+ * Helper functions to create tree messages
+ */
+export const createTreeMessage = {
+    action: (content, children, metadata) => ({
+        type: 'action',
+        content,
+        children,
+        metadata,
+    }),
+    detail: (content, children, metadata) => ({
+        type: 'detail',
+        content,
+        children,
+        metadata,
+    }),
+    success: (content, children, metadata) => ({
+        type: 'success',
+        content,
+        children,
+        metadata,
+    }),
+    error: (content, children, metadata) => ({
+        type: 'error',
+        content,
+        children,
+        metadata,
+    }),
+    info: (content, children, metadata) => ({
+        type: 'info',
+        content,
+        children,
+        metadata,
+    }),
+    fileOperation: (operation, file, details, status = 'completed') => ({
+        type: status === 'failed' ? 'error' : status === 'running' ? 'action' : 'success',
+        content: operation,
+        metadata: { file, operation, status },
+        children: details ? details.map(detail => createTreeMessage.detail(detail)) : undefined,
+    }),
+};
+/**
+ * Renders a single message bubble with appropriate styling
+ * Enhanced to support tree-like formatting when content contains structured data
+ */
+export const MessageBubble = ({ message, isPending = false }) => {
+    // Handle different message roles
+    if (message.role === 'compiling') {
+        return (React.createElement(Box, { marginBottom: 1 },
+            React.createElement(Text, { color: semanticInk.warning },
+                React.createElement(Spinner, { type: "dots" }),
+                " ",
+                message.content)));
+    }
+    if (message.role === 'system') {
+        return (React.createElement(Box, { flexDirection: "column", marginBottom: 1 },
+            React.createElement(Box, null,
+                React.createElement(Text, { bold: true, color: semanticInk.primary },
+                    t('chat.prefixes.system'),
+                    ":")),
+            React.createElement(Box, { paddingLeft: 2 },
+                React.createElement(Text, { dimColor: true }, message.content))));
+    }
+    const isUser = message.role === 'user';
+    const color = isUser ? semanticInk.success : semanticInk.accent;
+    const prefix = isUser ? t('chat.prefixes.you') : t('chat.prefixes.ai');
+    // Check if we should show prefix (defaults to true for backward compatibility)
+    const showPrefix = message.showPrefix !== false;
+    // Try to parse content as tree structure if it contains bullet points
+    const isTreeStructured = message.content.includes('●') || message.content.includes('⎿');
+    return (React.createElement(Box, { flexDirection: "column", marginBottom: 1 },
+        showPrefix && (React.createElement(Box, null,
+            React.createElement(Text, { bold: true, color: color },
+                prefix,
+                ":",
+                isPending && !isUser && (React.createElement(Text, { color: semanticInk.accent },
+                    " ",
+                    React.createElement(Spinner, { type: "dots" })))))),
+        React.createElement(Box, { paddingLeft: showPrefix ? 2 : 0 }, isTreeStructured ? (React.createElement(TreeStructuredContent, { content: message.content || '', isPending: isPending })) : (React.createElement(ContentBlocks, { content: message.content || '', isPending: isPending })))));
+};
+/**
+ * Renders tree-structured content by parsing bullet points and branches
+ */
+export const TreeStructuredContent = ({ content, isPending }) => {
+    if (!content && isPending) {
+        return React.createElement(Text, { dimColor: true }, "...");
+    }
+    if (!content) {
+        return null;
+    }
+    const lines = content.split('\n');
+    return (React.createElement(Box, { flexDirection: "column" }, lines.map((line, idx) => {
+        const trimmedLine = line.trim();
+        // Skip empty lines
+        if (!trimmedLine) {
+            return null;
+        }
+        // Detect tree structure symbols
+        const isBulletPoint = trimmedLine.startsWith('●');
+        const isBranch = trimmedLine.startsWith('⎿');
+        const isIndented = line.startsWith('  ') || line.startsWith('   ') || line.startsWith('    ');
+        let color = semanticInk.primary;
+        let content = trimmedLine;
+        if (isBulletPoint) {
+            color = semanticInk.primary;
+            content = trimmedLine.substring(1).trim(); // Remove bullet
+        }
+        else if (isBranch) {
+            color = semanticInk.accent;
+            content = trimmedLine.substring(1).trim(); // Remove branch
+        }
+        else if (isIndented) {
+            color = semanticInk.muted;
+        }
+        // Calculate indentation level
+        const indentLevel = Math.floor((line.length - line.trimStart().length) / 2);
+        const indentString = TREE_SYMBOLS.indent.repeat(Math.max(0, indentLevel));
+        return (React.createElement(Box, { key: idx },
+            React.createElement(Text, { color: color },
+                isBulletPoint && `${TREE_SYMBOLS.bullet} `,
+                isBranch && `${indentString}${TREE_SYMBOLS.branch} `,
+                !isBulletPoint && !isBranch && indentString,
+                content)));
+    })));
+};
+/**
+ * Renders content blocks with code highlighting
+ */
+export const ContentBlocks = ({ content, isPending }) => {
+    if (!content && isPending) {
+        return React.createElement(Text, { dimColor: true }, "...");
+    }
+    if (!content) {
+        return null;
+    }
+    // Parse content into blocks
+    const blocks = parseCodeBlocksSync(content);
+    return (React.createElement(Box, { flexDirection: "column" }, blocks.map((block, idx) => {
+        if (!block.languageId) {
+            // Text block - filter empty lines and render with proper spacing
+            const lines = block.text.split('\n');
+            // Filter out leading and trailing empty lines
+            let startIdx = 0;
+            let endIdx = lines.length - 1;
+            while (startIdx < lines.length && lines[startIdx].trim() === '') {
+                startIdx++;
+            }
+            while (endIdx >= 0 && lines[endIdx].trim() === '') {
+                endIdx--;
+            }
+            const trimmedLines = lines.slice(startIdx, endIdx + 1);
+            // If block is empty after trimming, skip it
+            if (trimmedLines.length === 0) {
+                return null;
+            }
+            return (React.createElement(Box, { key: idx, flexDirection: "column", marginBottom: idx < blocks.length - 1 ? 1 : 0 }, trimmedLines.map((line, lineIdx) => {
+                // For empty lines in the middle, only render if surrounded by non-empty lines
+                if (line.trim() === '') {
+                    // Check if this is a paragraph break (should show as spacing)
+                    const prevLine = lineIdx > 0 ? trimmedLines[lineIdx - 1] : '';
+                    const nextLine = lineIdx < trimmedLines.length - 1 ? trimmedLines[lineIdx + 1] : '';
+                    // Only render empty line if it's between two non-empty lines
+                    if (prevLine.trim() && nextLine.trim()) {
+                        return React.createElement(Text, { key: lineIdx }, " ");
+                    }
+                    return null;
+                }
+                return React.createElement(Text, { key: lineIdx }, line);
+            })));
+        }
+        else {
+            // Code block - preserve all lines including empty ones (formatting matters)
+            const codeLines = block.text.split('\n');
+            return (React.createElement(Box, { key: idx, flexDirection: "column", marginBottom: idx < blocks.length - 1 ? 1 : 0 },
+                block.languageId && (React.createElement(Text, { dimColor: true }, `[${block.languageId}]`)),
+                React.createElement(Box, { borderStyle: "round", borderColor: semanticInk.muted, paddingX: 1, flexDirection: "column" }, codeLines.map((line, lineIdx) => (React.createElement(Text, { key: lineIdx }, line || ' '))))));
+        }
+    })));
+};
+//# sourceMappingURL=MessageRenderer.js.map

package/dist/jsMain/typescript/ui/MessageRenderer.js.map

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

package/dist/jsMain/typescript/ui/ModelConfigForm.d.ts

@@ -0,0 +1,19 @@
+/**
+ * ModelConfigForm - 模型配置表单
+ *
+ * 提供一个简洁的表单让用户配置 LLM provider、model 和 API key
+ */
+import React from 'react';
+import type { LLMProvider } from '../config/ConfigManager.js';
+interface ModelConfigFormProps {
+    onSubmit: (config: {
+        provider: LLMProvider;
+        model: string;
+        apiKey: string;
+        baseUrl?: string;
+    }) => void;
+    onCancel?: () => void;
+}
+export declare const ModelConfigForm: React.FC<ModelConfigFormProps>;
+export {};
+//# sourceMappingURL=ModelConfigForm.d.ts.map

package/dist/jsMain/typescript/ui/ModelConfigForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModelConfigForm.d.ts","sourceRoot":"","sources":["../../../../src/jsMain/typescript/ui/ModelConfigForm.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAG9D,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,CAAC,MAAM,EAAE;QACjB,QAAQ,EAAE,WAAW,CAAC;QACtB,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,KAAK,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAoBD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA6Q1D,CAAC"}

package/dist/jsMain/typescript/ui/ModelConfigForm.js

@@ -0,0 +1,257 @@
+/**
+ * ModelConfigForm - 模型配置表单
+ *
+ * 提供一个简洁的表单让用户配置 LLM provider、model 和 API key
+ */
+import React, { useState } from 'react';
+import { Box, Text } from 'ink';
+import TextInput from 'ink-text-input';
+import SelectInput from 'ink-select-input';
+import { t } from '../i18n/index.js';
+// Provider 选项 - will be generated dynamically with translations
+// 每个 provider 的默认模型和示例
+const PROVIDER_DEFAULTS = {
+    openai: { defaultModel: 'gpt-4', needsApiKey: true },
+    anthropic: { defaultModel: 'claude-3-5-sonnet-20241022', needsApiKey: true },
+    google: { defaultModel: 'gemini-pro', needsApiKey: true },
+    deepseek: { defaultModel: 'deepseek-chat', needsApiKey: true },
+    ollama: { defaultModel: 'llama2', needsApiKey: false, baseUrl: 'http://localhost:11434', requiresBaseUrl: true },
+    openrouter: { defaultModel: 'openai/gpt-4', needsApiKey: true },
+    glm: { defaultModel: 'glm-4-plus', needsApiKey: true, baseUrl: 'https://open.bigmodel.cn/api/paas/v4', requiresBaseUrl: true },
+    qwen: { defaultModel: 'qwen-max', needsApiKey: true, baseUrl: 'https://dashscope.aliyuncs.com/api/v1', requiresBaseUrl: true },
+    kimi: { defaultModel: 'moonshot-v1-32k', needsApiKey: true, baseUrl: 'https://api.moonshot.cn/v1', requiresBaseUrl: true },
+    'custom-openai-base': { defaultModel: 'model-name', needsApiKey: true, baseUrl: 'https://api.example.com/v1', requiresBaseUrl: true },
+};
+export const ModelConfigForm = ({ onSubmit, onCancel }) => {
+    const [step, setStep] = useState('provider');
+    const [provider, setProvider] = useState('openai');
+    const [model, setModel] = useState('');
+    const [apiKey, setApiKey] = useState('');
+    const [baseUrl, setBaseUrl] = useState('');
+    const providerInfo = PROVIDER_DEFAULTS[provider];
+    // Generate provider options dynamically with translations
+    const PROVIDER_OPTIONS = [
+        { label: t('modelConfig.providers.openai'), value: 'openai' },
+        { label: t('modelConfig.providers.anthropic'), value: 'anthropic' },
+        { label: t('modelConfig.providers.google'), value: 'google' },
+        { label: t('modelConfig.providers.deepseek'), value: 'deepseek' },
+        { label: t('modelConfig.providers.ollama'), value: 'ollama' },
+        { label: t('modelConfig.providers.openrouter'), value: 'openrouter' },
+        { label: t('modelConfig.providers.glm'), value: 'glm' },
+        { label: t('modelConfig.providers.qwen'), value: 'qwen' },
+        { label: t('modelConfig.providers.kimi'), value: 'kimi' },
+        { label: t('modelConfig.providers.customOpenAIBase'), value: 'custom-openai-base' },
+    ];
+    const handleProviderSelect = (item) => {
+        const selectedProvider = item.value;
+        setProvider(selectedProvider);
+        setModel(PROVIDER_DEFAULTS[selectedProvider].defaultModel);
+        setBaseUrl(PROVIDER_DEFAULTS[selectedProvider].baseUrl || '');
+        setStep('model');
+    };
+    const handleModelSubmit = (value) => {
+        setModel(value);
+        // If provider doesn't need API key (like Ollama), skip to baseUrl
+        if (!providerInfo.needsApiKey) {
+            if (providerInfo.baseUrl) {
+                setStep('baseUrl');
+            }
+            else {
+                setStep('confirm');
+            }
+        }
+        else {
+            setStep('apiKey');
+        }
+    };
+    const handleApiKeySubmit = (value) => {
+        setApiKey(value);
+        // Ask for baseUrl if provider requires one
+        if (providerInfo.requiresBaseUrl) {
+            setStep('baseUrl');
+        }
+        else {
+            setStep('confirm');
+        }
+    };
+    const handleBaseUrlSubmit = (value) => {
+        setBaseUrl(value);
+        setStep('confirm');
+    };
+    const handleConfirm = () => {
+        onSubmit({
+            provider,
+            model: model || providerInfo.defaultModel,
+            apiKey,
+            baseUrl: baseUrl || undefined,
+        });
+    };
+    const handleBack = () => {
+        switch (step) {
+            case 'model':
+                setStep('provider');
+                break;
+            case 'apiKey':
+                setStep('model');
+                break;
+            case 'baseUrl':
+                if (providerInfo.needsApiKey) {
+                    setStep('apiKey');
+                }
+                else {
+                    setStep('model');
+                }
+                break;
+            case 'confirm':
+                if (baseUrl || provider === 'ollama') {
+                    setStep('baseUrl');
+                }
+                else if (providerInfo.needsApiKey) {
+                    setStep('apiKey');
+                }
+                else {
+                    setStep('model');
+                }
+                break;
+        }
+    };
+    return (React.createElement(Box, { flexDirection: "column", paddingX: 2, paddingY: 1 },
+        React.createElement(Box, { marginBottom: 1 },
+            React.createElement(Text, { bold: true, color: "cyan" },
+                t('modelConfig.title'),
+                " (",
+                t('modelConfig.stepInfo'),
+                ")")),
+        React.createElement(Box, { marginBottom: 1 },
+            React.createElement(Text, { dimColor: true }, t('modelConfig.nextStepInfo'))),
+        step === 'provider' && (React.createElement(Box, { flexDirection: "column" },
+            React.createElement(Box, { marginBottom: 1 },
+                React.createElement(Text, { dimColor: true }, t('modelConfig.selectProvider'))),
+            React.createElement(SelectInput, { items: PROVIDER_OPTIONS, onSelect: handleProviderSelect }),
+            onCancel && (React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { dimColor: true }, t('welcome.exitHint')))))),
+        step === 'model' && (React.createElement(Box, { flexDirection: "column" },
+            React.createElement(Box, { marginBottom: 1 },
+                React.createElement(Text, null,
+                    React.createElement(Text, { color: "green" }, "\u2713"),
+                    " ",
+                    t('modelConfig.fields.provider'),
+                    ": ",
+                    React.createElement(Text, { bold: true }, provider))),
+            React.createElement(Box, { marginBottom: 1 },
+                React.createElement(Text, { dimColor: true },
+                    t('modelConfig.enterModel'),
+                    " (",
+                    t('modelConfig.defaultHint', { default: providerInfo.defaultModel }),
+                    "):")),
+            React.createElement(Box, null,
+                React.createElement(Text, { color: "cyan" },
+                    t('modelConfig.fields.model'),
+                    ": "),
+                React.createElement(TextInput, { value: model, onChange: setModel, onSubmit: handleModelSubmit, placeholder: providerInfo.defaultModel })),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { dimColor: true }, t('modelConfig.backHint'))))),
+        step === 'apiKey' && (React.createElement(Box, { flexDirection: "column" },
+            React.createElement(Box, { marginBottom: 1 },
+                React.createElement(Text, null,
+                    React.createElement(Text, { color: "green" }, "\u2713"),
+                    " ",
+                    t('modelConfig.fields.provider'),
+                    ": ",
+                    React.createElement(Text, { bold: true }, provider)),
+                React.createElement(Text, null,
+                    React.createElement(Text, { color: "green" }, "\u2713"),
+                    " ",
+                    t('modelConfig.fields.model'),
+                    ": ",
+                    React.createElement(Text, { bold: true }, model))),
+            React.createElement(Box, { marginBottom: 1 },
+                React.createElement(Text, { dimColor: true }, t('modelConfig.enterApiKey'))),
+            React.createElement(Box, null,
+                React.createElement(Text, { color: "cyan" },
+                    t('modelConfig.fields.apiKey'),
+                    ": "),
+                React.createElement(TextInput, { value: apiKey, onChange: setApiKey, onSubmit: handleApiKeySubmit, placeholder: "sk-...", mask: "*" })),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { dimColor: true }, t('modelConfig.backHint'))))),
+        step === 'baseUrl' && (React.createElement(Box, { flexDirection: "column" },
+            React.createElement(Box, { marginBottom: 1 },
+                React.createElement(Text, null,
+                    React.createElement(Text, { color: "green" }, "\u2713"),
+                    " ",
+                    t('modelConfig.fields.provider'),
+                    ": ",
+                    React.createElement(Text, { bold: true }, provider)),
+                React.createElement(Text, null,
+                    React.createElement(Text, { color: "green" }, "\u2713"),
+                    " ",
+                    t('modelConfig.fields.model'),
+                    ": ",
+                    React.createElement(Text, { bold: true }, model)),
+                providerInfo.needsApiKey && (React.createElement(Text, null,
+                    React.createElement(Text, { color: "green" }, "\u2713"),
+                    " ",
+                    t('modelConfig.fields.apiKey'),
+                    ": ",
+                    React.createElement(Text, { bold: true },
+                        '*'.repeat(8),
+                        "...")))),
+            React.createElement(Box, { marginBottom: 1 },
+                React.createElement(Text, { dimColor: true }, provider === 'ollama'
+                    ? t('modelConfig.ollamaUrl')
+                    : t('modelConfig.customBaseUrl'))),
+            React.createElement(Box, null,
+                React.createElement(Text, { color: "cyan" },
+                    t('modelConfig.fields.baseUrl'),
+                    ": "),
+                React.createElement(TextInput, { value: baseUrl, onChange: setBaseUrl, onSubmit: handleBaseUrlSubmit, placeholder: providerInfo.baseUrl || 'https://api.example.com' })),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { dimColor: true },
+                    t('modelConfig.leaveEmpty'),
+                    " \u2022 ",
+                    t('modelConfig.backHint'))))),
+        step === 'confirm' && (React.createElement(Box, { flexDirection: "column" },
+            React.createElement(Box, { marginBottom: 1 },
+                React.createElement(Text, { bold: true, color: "green" }, t('modelConfig.summary'))),
+            React.createElement(Box, { flexDirection: "column", marginBottom: 1, paddingLeft: 2 },
+                React.createElement(Text, null,
+                    "\u2022 ",
+                    t('modelConfig.fields.provider'),
+                    ": ",
+                    React.createElement(Text, { bold: true, color: "cyan" }, provider)),
+                React.createElement(Text, null,
+                    "\u2022 ",
+                    t('modelConfig.fields.model'),
+                    ": ",
+                    React.createElement(Text, { bold: true, color: "cyan" }, model)),
+                providerInfo.needsApiKey && (React.createElement(Text, null,
+                    "\u2022 ",
+                    t('modelConfig.fields.apiKey'),
+                    ": ",
+                    React.createElement(Text, { bold: true, color: "cyan" },
+                        apiKey.substring(0, 8),
+                        "...",
+                        apiKey.substring(apiKey.length - 4)))),
+                baseUrl && (React.createElement(Text, null,
+                    "\u2022 ",
+                    t('modelConfig.fields.baseUrl'),
+                    ": ",
+                    React.createElement(Text, { bold: true, color: "cyan" }, baseUrl)))),
+            React.createElement(Box, { marginBottom: 1 },
+                React.createElement(Text, { dimColor: true },
+                    t('modelConfig.nameHint'),
+                    ", ",
+                    t('modelConfig.backHint'))),
+            React.createElement(SelectInput, { items: [
+                    { label: `✓ ${t('common.save')}`, value: 'save' },
+                    { label: `← ${t('common.back')}`, value: 'back' }
+                ], onSelect: (item) => {
+                    if (item.value === 'save') {
+                        handleConfirm();
+                    }
+                    else {
+                        handleBack();
+                    }
+                } })))));
+};
+//# sourceMappingURL=ModelConfigForm.js.map