hanseol 3.2.7

package/dist/ui/components/dialogs/RatingDialog.js

@@ -0,0 +1,54 @@
+import React, { useState, useEffect } from 'react';
+import { Box, Text, useInput } from 'ink';
+export const RatingDialog = ({ modelName, onSubmit, onCancel, }) => {
+    const [submitted, setSubmitted] = useState(false);
+    const [selectedRating, setSelectedRating] = useState(null);
+    useInput((input, key) => {
+        if (submitted)
+            return;
+        if (['1', '2', '3', '4', '5'].includes(input)) {
+            const rating = parseInt(input, 10);
+            setSelectedRating(rating);
+            setSubmitted(true);
+        }
+        if (key.escape) {
+            onCancel();
+        }
+    });
+    useEffect(() => {
+        if (submitted && selectedRating !== null) {
+            const timer = setTimeout(() => {
+                onSubmit(selectedRating);
+            }, 1500);
+            return () => clearTimeout(timer);
+        }
+        return undefined;
+    }, [submitted, selectedRating, onSubmit]);
+    if (submitted && selectedRating !== null) {
+        return (React.createElement(Box, { flexDirection: "column", paddingX: 1, paddingY: 1 },
+            React.createElement(Text, { color: "green" },
+                "Thanks for your feedback! (Rating: ",
+                selectedRating,
+                "/5)")));
+    }
+    return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, paddingY: 1, marginY: 1 },
+        React.createElement(Box, { marginBottom: 1 },
+            React.createElement(Text, { color: "yellow", bold: true }, "Rate your experience with "),
+            React.createElement(Text, { color: "cyan", bold: true }, modelName)),
+        React.createElement(Box, null,
+            React.createElement(Text, null, "Press "),
+            React.createElement(Text, { color: "cyan", bold: true }, "1-5"),
+            React.createElement(Text, null, " to rate (1=Poor, 5=Excellent) or "),
+            React.createElement(Text, { color: "gray" }, "ESC"),
+            React.createElement(Text, null, " to skip")),
+        React.createElement(Box, { marginTop: 1 }, [1, 2, 3, 4, 5].map((num) => (React.createElement(Box, { key: num, marginRight: 2 },
+            React.createElement(Text, { color: "yellow", bold: true },
+                "[",
+                num,
+                "]"),
+            React.createElement(Text, { color: "yellow" },
+                " ",
+                '★'.repeat(num))))))));
+};
+export default RatingDialog;
+//# sourceMappingURL=RatingDialog.js.map

package/dist/ui/components/dialogs/RatingDialog.js.map

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

package/dist/ui/components/dialogs/SettingsDialog.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { PlanningMode } from '../../../core/slash-command-handler.js';
+interface SettingsBrowserProps {
+    currentPlanningMode: PlanningMode;
+    onPlanningModeChange: (mode: PlanningMode) => void;
+    onClose: () => void;
+}
+export declare const SettingsBrowser: React.FC<SettingsBrowserProps>;
+export {};
+//# sourceMappingURL=SettingsDialog.d.ts.map

package/dist/ui/components/dialogs/SettingsDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsDialog.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/dialogs/SettingsDialog.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAIhE,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AAMtE,UAAU,oBAAoB;IAC5B,mBAAmB,EAAE,YAAY,CAAC;IAClC,oBAAoB,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACnD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AA4CD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA02B1D,CAAC"}

package/dist/ui/components/dialogs/SettingsDialog.js

@@ -0,0 +1,563 @@
+import React, { useState, useEffect, useCallback } from 'react';
+import { Box, Text, useInput } from 'ink';
+import TextInput from 'ink-text-input';
+import SelectInput from 'ink-select-input';
+import { configManager } from '../../../core/config/config-manager.js';
+import { sessionManager } from '../../../core/session/session-manager.js';
+import { LLMClient } from '../../../core/llm/llm-client.js';
+export const SettingsBrowser = ({ currentPlanningMode: _currentPlanningMode, onPlanningModeChange: _onPlanningModeChange, onClose, }) => {
+    void _currentPlanningMode;
+    void _onPlanningModeChange;
+    const [view, setView] = useState('main');
+    const [systemStatus, setSystemStatus] = useState(null);
+    const [endpoints, setEndpoints] = useState([]);
+    const [healthStatus, setHealthStatus] = useState([]);
+    const [isHealthChecking, setIsHealthChecking] = useState(false);
+    const [selectedEndpoint, setSelectedEndpoint] = useState(null);
+    const [formData, setFormData] = useState({
+        name: '',
+        baseUrl: '',
+        apiKey: '',
+        modelId: '',
+        modelName: '',
+        maxContextLength: '128000',
+    });
+    const [formField, setFormField] = useState('name');
+    const [formButtonIndex, setFormButtonIndex] = useState(0);
+    const [formError, setFormError] = useState(null);
+    const [isTesting, setIsTesting] = useState(false);
+    const loadEndpoints = useCallback(() => {
+        setEndpoints(configManager.getAllEndpoints());
+    }, []);
+    const runHealthCheck = useCallback(async () => {
+        setIsHealthChecking(true);
+        try {
+            const results = await LLMClient.healthCheckAll();
+            const statusList = [];
+            for (const [endpointId, modelResults] of results) {
+                for (const result of modelResults) {
+                    statusList.push({
+                        endpointId,
+                        modelId: result.modelId,
+                        healthy: result.healthy,
+                        latency: result.latency,
+                        error: result.error,
+                    });
+                }
+            }
+            setHealthStatus(statusList);
+            await configManager.updateAllHealthStatus(results);
+        }
+        catch {
+        }
+        finally {
+            setIsHealthChecking(false);
+        }
+    }, []);
+    useEffect(() => {
+        if (view === 'status') {
+            const loadStatus = async () => {
+                const endpoint = configManager.getCurrentEndpoint();
+                const model = configManager.getCurrentModel();
+                const cwd = process.cwd();
+                let version = '0.1.0';
+                try {
+                    const { readFile } = await import('fs/promises');
+                    const { fileURLToPath } = await import('url');
+                    const { dirname, join } = await import('path');
+                    const __filename = fileURLToPath(import.meta.url);
+                    const __dirname = dirname(__filename);
+                    const packageJsonPath = join(__dirname, '../../../package.json');
+                    const packageJson = JSON.parse(await readFile(packageJsonPath, 'utf-8'));
+                    version = packageJson.version;
+                }
+                catch {
+                }
+                setSystemStatus({
+                    version,
+                    sessionId: sessionManager.getCurrentSessionId() || 'No active session',
+                    workingDir: cwd,
+                    endpointUrl: endpoint?.baseUrl || 'Not configured',
+                    llmModel: model ? `${model.name} (${model.id})` : 'Not configured',
+                });
+            };
+            loadStatus();
+        }
+    }, [view]);
+    useEffect(() => {
+        if (view === 'llms') {
+            loadEndpoints();
+            runHealthCheck();
+        }
+    }, [view, loadEndpoints, runHealthCheck]);
+    const getEndpointHealth = useCallback((endpointId) => {
+        const statuses = healthStatus.filter((s) => s.endpointId === endpointId);
+        if (statuses.length === 0)
+            return 'unknown';
+        const healthyCount = statuses.filter((s) => s.healthy).length;
+        if (healthyCount === statuses.length)
+            return 'healthy';
+        if (healthyCount > 0)
+            return 'degraded';
+        return 'unhealthy';
+    }, [healthStatus]);
+    const getHealthIcon = (status) => {
+        switch (status) {
+            case 'healthy':
+                return '✓';
+            case 'degraded':
+                return '⚠';
+            case 'unhealthy':
+                return '✗';
+            default:
+                return '?';
+        }
+    };
+    const getHealthColor = (status) => {
+        switch (status) {
+            case 'healthy':
+                return 'green';
+            case 'degraded':
+                return 'yellow';
+            case 'unhealthy':
+                return 'red';
+            default:
+                return 'gray';
+        }
+    };
+    const handleFormNavigation = useCallback((key) => {
+        const fields = ['name', 'baseUrl', 'apiKey', 'modelId', 'modelName', 'maxContextLength', 'buttons'];
+        const currentIndex = fields.indexOf(formField);
+        if (key.tab || (key.return && formField !== 'buttons')) {
+            if (key.shift) {
+                const prevIndex = currentIndex > 0 ? currentIndex - 1 : fields.length - 1;
+                setFormField(fields[prevIndex]);
+            }
+            else {
+                const nextIndex = currentIndex < fields.length - 1 ? currentIndex + 1 : 0;
+                setFormField(fields[nextIndex]);
+            }
+            return true;
+        }
+        if (key.upArrow) {
+            const prevIndex = currentIndex > 0 ? currentIndex - 1 : fields.length - 1;
+            if (formField === 'buttons') {
+                setFormButtonIndex((prev) => (prev === 0 ? 1 : 0));
+            }
+            else {
+                setFormField(fields[prevIndex]);
+            }
+            return true;
+        }
+        if (key.downArrow) {
+            const nextIndex = currentIndex < fields.length - 1 ? currentIndex + 1 : 0;
+            if (formField === 'buttons') {
+                setFormButtonIndex((prev) => (prev === 0 ? 1 : 0));
+            }
+            else {
+                setFormField(fields[nextIndex]);
+            }
+            return true;
+        }
+        return false;
+    }, [formField]);
+    const handleFormSubmit = useCallback(async () => {
+        if (formButtonIndex === 1) {
+            setView('llms');
+            return;
+        }
+        if (!formData.name.trim()) {
+            setFormError('Name is required');
+            return;
+        }
+        if (!formData.baseUrl.trim()) {
+            setFormError('Base URL is required');
+            return;
+        }
+        if (!formData.modelId.trim()) {
+            setFormError('Model ID is required');
+            return;
+        }
+        const isDuplicate = endpoints.some((ep) => {
+            if (view === 'llm-edit' && selectedEndpoint && ep.id === selectedEndpoint.id) {
+                return false;
+            }
+            return ep.name === formData.name.trim() && ep.models.some((m) => m.id === formData.modelId.trim());
+        });
+        if (isDuplicate) {
+            setFormError(`Duplicate: Provider "${formData.name}" with Model ID "${formData.modelId}" already exists`);
+            return;
+        }
+        setIsTesting(true);
+        setFormError(null);
+        try {
+            const result = await LLMClient.testConnection(formData.baseUrl, formData.apiKey, formData.modelId);
+            if (!result.success) {
+                setFormError(result.error || 'Connection failed');
+                setIsTesting(false);
+                return;
+            }
+            const modelDisplayName = formData.modelName.trim() || formData.modelId;
+            const maxTokens = parseInt(formData.maxContextLength, 10) || 128000;
+            const newEndpoint = {
+                id: `ep-${Date.now()}`,
+                name: formData.name,
+                baseUrl: formData.baseUrl,
+                apiKey: formData.apiKey || undefined,
+                models: [
+                    {
+                        id: formData.modelId,
+                        name: modelDisplayName,
+                        maxTokens: maxTokens,
+                        enabled: true,
+                        healthStatus: 'healthy',
+                        lastHealthCheck: new Date(),
+                    },
+                ],
+                createdAt: new Date(),
+                updatedAt: new Date(),
+            };
+            if (view === 'llm-edit' && selectedEndpoint) {
+                await configManager.updateEndpoint(selectedEndpoint.id, {
+                    name: formData.name,
+                    baseUrl: formData.baseUrl,
+                    apiKey: formData.apiKey || undefined,
+                    models: [
+                        {
+                            id: formData.modelId,
+                            name: modelDisplayName,
+                            maxTokens: maxTokens,
+                            enabled: true,
+                            healthStatus: 'healthy',
+                            lastHealthCheck: new Date(),
+                        },
+                    ],
+                });
+            }
+            else {
+                await configManager.addEndpoint(newEndpoint);
+                if (endpoints.length === 0) {
+                    await configManager.setCurrentEndpoint(newEndpoint.id);
+                }
+            }
+            setIsTesting(false);
+            setView('llms');
+            loadEndpoints();
+        }
+        catch (error) {
+            setFormError(error instanceof Error ? error.message : 'Unknown error');
+            setIsTesting(false);
+        }
+    }, [formData, formButtonIndex, view, selectedEndpoint, endpoints.length, loadEndpoints]);
+    useInput((_inputChar, key) => {
+        if (key.escape) {
+            if (view === 'llm-add' || view === 'llm-edit') {
+                setView('llms');
+                setFormError(null);
+            }
+            else if (view === 'llm-detail' || view === 'llm-delete-confirm') {
+                setView('llms');
+            }
+            else if (view === 'llms' || view === 'planning-mode' || view === 'status') {
+                setView('main');
+            }
+            else {
+                onClose();
+            }
+            return;
+        }
+        if (view === 'llm-add' || view === 'llm-edit') {
+            if (key.tab || key.upArrow || key.downArrow) {
+                handleFormNavigation({
+                    tab: key.tab,
+                    shift: key.shift,
+                    upArrow: key.upArrow,
+                    downArrow: key.downArrow
+                });
+                return;
+            }
+            if (key.return) {
+                if (formField === 'buttons') {
+                    handleFormSubmit();
+                }
+                else {
+                    handleFormNavigation({ return: true });
+                }
+                return;
+            }
+        }
+    });
+    const mainMenuItems = [
+        {
+            label: '0. Status',
+            value: 'status',
+        },
+        {
+            label: '1. LLMs',
+            value: 'llms',
+        },
+    ];
+    const planningModeItems = [
+        {
+            label: 'auto ✓',
+            value: 'auto',
+        },
+    ];
+    const llmsMenuItems = [
+        { label: '+ Add new endpoint...', value: 'add' },
+        ...endpoints.map((ep) => {
+            const health = getEndpointHealth(ep.id);
+            const icon = getHealthIcon(health);
+            const currentEndpoint = configManager.getCurrentEndpoint();
+            const isCurrent = currentEndpoint?.id === ep.id;
+            const modelName = ep.models[0]?.id || ep.models[0]?.name || 'unknown';
+            return {
+                label: `  ${modelName} (${ep.name})${isCurrent ? ' *' : ''} ${icon}`,
+                value: ep.id,
+            };
+        }),
+    ];
+    const detailMenuItems = [
+        { label: 'Edit', value: 'edit' },
+        { label: 'Delete', value: 'delete' },
+        { label: 'Set as Current', value: 'set-current' },
+        { label: 'Refresh Health', value: 'refresh' },
+    ];
+    const deleteConfirmItems = [
+        { label: 'Yes, delete', value: 'confirm' },
+        { label: 'Cancel', value: 'cancel' },
+    ];
+    const handleMainSelect = (item) => {
+        if (item.value === 'status') {
+            setView('status');
+        }
+        else if (item.value === 'llms') {
+            setView('llms');
+        }
+    };
+    const handlePlanningModeSelect = (_item) => {
+        onClose();
+    };
+    const handleLLMsSelect = (item) => {
+        if (item.value === 'add') {
+            setFormData({ name: '', baseUrl: '', apiKey: '', modelId: '', modelName: '', maxContextLength: '128000' });
+            setFormField('name');
+            setFormButtonIndex(0);
+            setFormError(null);
+            setView('llm-add');
+        }
+        else {
+            const endpoint = endpoints.find((ep) => ep.id === item.value);
+            if (endpoint) {
+                setSelectedEndpoint(endpoint);
+                setView('llm-detail');
+            }
+        }
+    };
+    const handleDetailSelect = async (item) => {
+        if (!selectedEndpoint)
+            return;
+        switch (item.value) {
+            case 'edit':
+                setFormData({
+                    name: selectedEndpoint.name,
+                    baseUrl: selectedEndpoint.baseUrl,
+                    apiKey: selectedEndpoint.apiKey || '',
+                    modelId: selectedEndpoint.models[0]?.id || '',
+                    modelName: selectedEndpoint.models[0]?.name || '',
+                    maxContextLength: String(selectedEndpoint.models[0]?.maxTokens || 128000),
+                });
+                setFormField('name');
+                setFormButtonIndex(0);
+                setFormError(null);
+                setView('llm-edit');
+                break;
+            case 'delete':
+                setView('llm-delete-confirm');
+                break;
+            case 'set-current':
+                await configManager.setCurrentEndpoint(selectedEndpoint.id);
+                setView('llms');
+                loadEndpoints();
+                break;
+            case 'refresh':
+                await runHealthCheck();
+                break;
+        }
+    };
+    const handleDeleteConfirm = async (item) => {
+        if (item.value === 'confirm' && selectedEndpoint) {
+            await configManager.removeEndpoint(selectedEndpoint.id);
+            setSelectedEndpoint(null);
+            setView('llms');
+            loadEndpoints();
+        }
+        else {
+            setView('llm-detail');
+        }
+    };
+    if (view === 'main') {
+        return (React.createElement(Box, { flexDirection: "column" },
+            React.createElement(Box, { borderStyle: "single", borderColor: "cyan", paddingX: 1, marginBottom: 1 },
+                React.createElement(Text, { color: "cyan", bold: true }, "Settings")),
+            React.createElement(Box, { borderStyle: "single", borderColor: "gray", paddingX: 1 },
+                React.createElement(SelectInput, { items: mainMenuItems, onSelect: handleMainSelect })),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { dimColor: true }, "\u2191\u2193: move | Enter: select | ESC: close"))));
+    }
+    if (view === 'status') {
+        return (React.createElement(Box, { flexDirection: "column" },
+            React.createElement(Box, { borderStyle: "single", borderColor: "cyan", paddingX: 1, marginBottom: 1 },
+                React.createElement(Text, { color: "cyan", bold: true }, "Settings > Status")),
+            React.createElement(Box, { borderStyle: "single", borderColor: "gray", paddingX: 1, flexDirection: "column" }, systemStatus ? (React.createElement(React.Fragment, null,
+                React.createElement(Box, null,
+                    React.createElement(Text, { color: "yellow" }, "Version: "),
+                    React.createElement(Text, null, systemStatus.version)),
+                React.createElement(Box, null,
+                    React.createElement(Text, { color: "yellow" }, "Session ID: "),
+                    React.createElement(Text, null, systemStatus.sessionId)),
+                React.createElement(Box, null,
+                    React.createElement(Text, { color: "yellow" }, "Working Dir: "),
+                    React.createElement(Text, null, systemStatus.workingDir)),
+                React.createElement(Box, null,
+                    React.createElement(Text, { color: "yellow" }, "Endpoint URL: "),
+                    React.createElement(Text, null, systemStatus.endpointUrl)),
+                React.createElement(Box, null,
+                    React.createElement(Text, { color: "yellow" }, "LLM Model: "),
+                    React.createElement(Text, null, systemStatus.llmModel)))) : (React.createElement(Text, { color: "gray" }, "Loading status..."))),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { dimColor: true }, "ESC: back"))));
+    }
+    if (view === 'planning-mode') {
+        return (React.createElement(Box, { flexDirection: "column" },
+            React.createElement(Box, { borderStyle: "single", borderColor: "cyan", paddingX: 1, marginBottom: 1 },
+                React.createElement(Text, { color: "cyan", bold: true }, "Settings > Planning Mode")),
+            React.createElement(Box, { paddingX: 1, marginBottom: 1 },
+                React.createElement(Text, { color: "gray" }, "Select the planning mode for task execution:")),
+            React.createElement(Box, { paddingX: 1, marginBottom: 1, flexDirection: "column" },
+                React.createElement(Text, { color: "yellow" }, "\u2022 planning: "),
+                React.createElement(Text, { color: "gray" }, " Always create TODO list before execution"),
+                React.createElement(Text, { color: "yellow" }, "\u2022 no-planning: "),
+                React.createElement(Text, { color: "gray" }, " Execute directly without planning"),
+                React.createElement(Text, { color: "yellow" }, "\u2022 auto: "),
+                React.createElement(Text, { color: "gray" }, " Automatically decide based on task complexity")),
+            React.createElement(Box, { borderStyle: "single", borderColor: "gray", paddingX: 1 },
+                React.createElement(SelectInput, { items: planningModeItems, onSelect: handlePlanningModeSelect })),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { dimColor: true }, "\u2191\u2193: move | Enter: select | ESC: back"))));
+    }
+    if (view === 'llms') {
+        return (React.createElement(Box, { flexDirection: "column" },
+            React.createElement(Box, { borderStyle: "single", borderColor: "cyan", paddingX: 1, marginBottom: 1 },
+                React.createElement(Text, { color: "cyan", bold: true }, "Settings > LLM Endpoints"),
+                isHealthChecking && (React.createElement(Text, { color: "yellow" }, " (checking health...)"))),
+            React.createElement(Box, { borderStyle: "single", borderColor: "gray", paddingX: 1 }, endpoints.length === 0 && !llmsMenuItems.find((i) => i.value === 'add') ? (React.createElement(Text, { color: "gray" }, "No endpoints configured")) : (React.createElement(SelectInput, { items: llmsMenuItems, onSelect: handleLLMsSelect }))),
+            React.createElement(Box, { marginTop: 1, paddingX: 1 },
+                React.createElement(Text, { color: "green" }, "\u2713 healthy "),
+                React.createElement(Text, { color: "yellow" }, "\u26A0 degraded "),
+                React.createElement(Text, { color: "red" }, "\u2717 unhealthy")),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { dimColor: true }, "\u2191\u2193: move | Enter: select | ESC: back"))));
+    }
+    if (view === 'llm-detail' && selectedEndpoint) {
+        const health = getEndpointHealth(selectedEndpoint.id);
+        const healthColor = getHealthColor(health);
+        const healthIcon = getHealthIcon(health);
+        const modelStatus = healthStatus.find((s) => s.endpointId === selectedEndpoint.id);
+        return (React.createElement(Box, { flexDirection: "column" },
+            React.createElement(Box, { borderStyle: "single", borderColor: "cyan", paddingX: 1, marginBottom: 1 },
+                React.createElement(Text, { color: "cyan", bold: true }, selectedEndpoint.name),
+                React.createElement(Text, null, " "),
+                React.createElement(Text, { color: healthColor },
+                    healthIcon,
+                    " ",
+                    health)),
+            React.createElement(Box, { borderStyle: "single", borderColor: "gray", paddingX: 1, flexDirection: "column", marginBottom: 1 },
+                React.createElement(Box, null,
+                    React.createElement(Text, { color: "yellow" }, "URL: "),
+                    React.createElement(Text, null, selectedEndpoint.baseUrl)),
+                React.createElement(Box, null,
+                    React.createElement(Text, { color: "yellow" }, "Model: "),
+                    React.createElement(Text, null, selectedEndpoint.models[0]?.id || 'N/A')),
+                React.createElement(Box, null,
+                    React.createElement(Text, { color: "yellow" }, "API Key: "),
+                    React.createElement(Text, null, selectedEndpoint.apiKey ? '••••••••' : '(not set)')),
+                modelStatus?.latency && (React.createElement(Box, null,
+                    React.createElement(Text, { color: "yellow" }, "Latency: "),
+                    React.createElement(Text, null,
+                        modelStatus.latency,
+                        "ms")))),
+            React.createElement(Box, { borderStyle: "single", borderColor: "gray", paddingX: 1 },
+                React.createElement(SelectInput, { items: detailMenuItems, onSelect: handleDetailSelect })),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { dimColor: true }, "\u2191\u2193: move | Enter: select | ESC: back"))));
+    }
+    if (view === 'llm-delete-confirm' && selectedEndpoint) {
+        return (React.createElement(Box, { flexDirection: "column" },
+            React.createElement(Box, { borderStyle: "single", borderColor: "red", paddingX: 1, marginBottom: 1 },
+                React.createElement(Text, { color: "red", bold: true }, "Delete Endpoint")),
+            React.createElement(Box, { paddingX: 1, marginBottom: 1 },
+                React.createElement(Text, null,
+                    "Are you sure you want to delete ",
+                    React.createElement(Text, { color: "yellow" }, selectedEndpoint.name),
+                    "?")),
+            React.createElement(Box, { borderStyle: "single", borderColor: "gray", paddingX: 1 },
+                React.createElement(SelectInput, { items: deleteConfirmItems, onSelect: handleDeleteConfirm })),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { dimColor: true }, "\u2191\u2193: move | Enter: select | ESC: cancel"))));
+    }
+    if (view === 'llm-add' || view === 'llm-edit') {
+        const isEdit = view === 'llm-edit';
+        return (React.createElement(Box, { flexDirection: "column" },
+            React.createElement(Box, { borderStyle: "single", borderColor: "cyan", paddingX: 1, marginBottom: 1 },
+                React.createElement(Text, { color: "cyan", bold: true }, isEdit ? 'Edit Endpoint' : 'Add New Endpoint')),
+            React.createElement(Box, { borderStyle: "single", borderColor: "gray", paddingX: 1, flexDirection: "column" },
+                React.createElement(Box, null,
+                    React.createElement(Text, { color: formField === 'name' ? 'cyan' : 'yellow' },
+                        formField === 'name' ? '> ' : '  ',
+                        "Name:"),
+                    formField === 'name' ? (React.createElement(TextInput, { value: formData.name, onChange: (value) => setFormData({ ...formData, name: value }), placeholder: "My LLM Endpoint" })) : (React.createElement(Text, null, formData.name || '(empty)'))),
+                React.createElement(Box, null,
+                    React.createElement(Text, { color: formField === 'baseUrl' ? 'cyan' : 'yellow' },
+                        formField === 'baseUrl' ? '> ' : '  ',
+                        "Base URL:"),
+                    formField === 'baseUrl' ? (React.createElement(TextInput, { value: formData.baseUrl, onChange: (value) => setFormData({ ...formData, baseUrl: value }), placeholder: "http://localhost:11434/v1" })) : (React.createElement(Text, null, formData.baseUrl || '(empty)'))),
+                React.createElement(Box, null,
+                    React.createElement(Text, { color: formField === 'apiKey' ? 'cyan' : 'yellow' },
+                        formField === 'apiKey' ? '> ' : '  ',
+                        "API Key:"),
+                    formField === 'apiKey' ? (React.createElement(TextInput, { value: formData.apiKey, onChange: (value) => setFormData({ ...formData, apiKey: value }), placeholder: "(optional)" })) : (React.createElement(Text, null, formData.apiKey ? '••••••••' : '(optional)'))),
+                React.createElement(Box, null,
+                    React.createElement(Text, { color: formField === 'modelId' ? 'cyan' : 'yellow' },
+                        formField === 'modelId' ? '> ' : '  ',
+                        "Model ID:"),
+                    formField === 'modelId' ? (React.createElement(TextInput, { value: formData.modelId, onChange: (value) => setFormData({ ...formData, modelId: value }), placeholder: "qwen2.5-coder:32b" })) : (React.createElement(Text, null, formData.modelId || '(empty)'))),
+                React.createElement(Box, null,
+                    React.createElement(Text, { color: formField === 'modelName' ? 'cyan' : 'yellow' },
+                        formField === 'modelName' ? '> ' : '  ',
+                        "Model Name:"),
+                    formField === 'modelName' ? (React.createElement(TextInput, { value: formData.modelName, onChange: (value) => setFormData({ ...formData, modelName: value }), placeholder: "(optional, defaults to Model ID)" })) : (React.createElement(Text, null, formData.modelName || '(uses Model ID)'))),
+                React.createElement(Box, null,
+                    React.createElement(Text, { color: formField === 'maxContextLength' ? 'cyan' : 'yellow' },
+                        formField === 'maxContextLength' ? '> ' : '  ',
+                        "Max Context:"),
+                    formField === 'maxContextLength' ? (React.createElement(TextInput, { value: formData.maxContextLength, onChange: (value) => setFormData({ ...formData, maxContextLength: value.replace(/[^0-9]/g, '') }), placeholder: "128000" })) : (React.createElement(Text, null, formData.maxContextLength || '128000')))),
+            formError && (React.createElement(Box, { marginTop: 1, paddingX: 1 },
+                React.createElement(Text, { color: "red" },
+                    "Error: ",
+                    formError))),
+            React.createElement(Box, { marginTop: 1, flexDirection: "column", paddingX: 1 },
+                React.createElement(Box, null,
+                    React.createElement(Text, { color: formField === 'buttons' && formButtonIndex === 0 ? 'cyan' : undefined, bold: formField === 'buttons' && formButtonIndex === 0 },
+                        formField === 'buttons' && formButtonIndex === 0 ? '> ' : '  ',
+                        isTesting ? 'Testing...' : 'Test & Save')),
+                React.createElement(Box, null,
+                    React.createElement(Text, { color: formField === 'buttons' && formButtonIndex === 1 ? 'cyan' : undefined, bold: formField === 'buttons' && formButtonIndex === 1 },
+                        formField === 'buttons' && formButtonIndex === 1 ? '> ' : '  ',
+                        "Cancel"))),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { dimColor: true }, "\u2191\u2193/Tab: move | Enter: next/submit | ESC: cancel"))));
+    }
+    return null;
+};
+//# sourceMappingURL=SettingsDialog.js.map