snow-ai 0.3.32 → 0.3.33

package/dist/app.js

@@ -69,9 +69,9 @@ export default function App({ version, skipWelcome, headlessPrompt }) {
             case 'mcp':
                 return (React.createElement(MCPConfigScreen, { onBack: () => setCurrentView('welcome'), onSave: () => setCurrentView('welcome') }));
             case 'systemprompt':
-                return (React.createElement(SystemPromptConfigScreen, { onBack: () => setCurrentView('welcome'), onSave: () => setCurrentView('welcome') }));
+                return (React.createElement(SystemPromptConfigScreen, { onBack: () => setCurrentView('welcome') }));
             case 'customheaders':
-                return (React.createElement(CustomHeadersScreen, { onBack: () => setCurrentView('welcome'), onSave: () => setCurrentView('welcome') }));
+                return React.createElement(CustomHeadersScreen, { onBack: () => setCurrentView('welcome') });
             default:
                 return (React.createElement(WelcomeScreen, { version: version, onMenuSelect: handleMenuSelect }));
         }

package/dist/ui/pages/CustomHeadersScreen.d.ts

@@ -1,6 +1,6 @@
+import React from 'react';
 type Props = {
     onBack: () => void;
-    onSave: () => void;
 };
-export default function CustomHeadersScreen({ onBack }: Props): null;
+export default function CustomHeadersScreen({ onBack }: Props): React.JSX.Element | null;
 export {};

package/dist/ui/pages/CustomHeadersScreen.js

@@ -1,104 +1,494 @@
-import { useEffect } from 'react';
-import { useApp } from 'ink';
-import { spawn } from 'child_process';
-import { writeFileSync, readFileSync, existsSync, mkdirSync } from 'fs';
-import { join } from 'path';
-import { homedir, platform } from 'os';
-const CONFIG_DIR = join(homedir(), '.snow');
-const CUSTOM_HEADERS_FILE = join(CONFIG_DIR, 'custom-headers.json');
-function getSystemEditor() {
-    if (platform() === 'win32') {
-        return 'notepad';
-    }
-    return process.env['EDITOR'] || 'vim';
-}
-function ensureConfigDirectory() {
-    if (!existsSync(CONFIG_DIR)) {
-        mkdirSync(CONFIG_DIR, { recursive: true });
-    }
-}
-const DEFAULT_HEADERS_TEMPLATE = `{
-  "X-Custom-Header": "custom-value",
-  "User-Agent": "MyApp/1.0"
-}`;
+import React, { useState, useEffect } from 'react';
+import { Box, Text, useInput } from 'ink';
+import Gradient from 'ink-gradient';
+import { Alert } from '@inkjs/ui';
+import TextInput from 'ink-text-input';
+import { getCustomHeadersConfig, saveCustomHeadersConfig, } from '../../utils/apiConfig.js';
 export default function CustomHeadersScreen({ onBack }) {
-    const { exit } = useApp();
+    const [config, setConfig] = useState(() => {
+        return (getCustomHeadersConfig() || {
+            active: '',
+            schemes: [],
+        });
+    });
+    const [view, setView] = useState('list');
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [currentAction, setCurrentAction] = useState('activate');
+    const [isEditing, setIsEditing] = useState(false);
+    const [editName, setEditName] = useState('');
+    const [editHeaders, setEditHeaders] = useState({});
+    const [editingField, setEditingField] = useState('name');
+    const [error, setError] = useState('');
+    // Headers editing state
+    const [headerKeys, setHeaderKeys] = useState([]);
+    const [headerSelectedIndex, setHeaderSelectedIndex] = useState(0);
+    const [headerEditingIndex, setHeaderEditingIndex] = useState(-1);
+    const [headerEditingField, setHeaderEditingField] = useState('key');
+    const [headerEditKey, setHeaderEditKey] = useState('');
+    const [headerEditValue, setHeaderEditValue] = useState('');
+    const actions = config.schemes.length > 0
+        ? config.active
+            ? ['activate', 'deactivate', 'edit', 'delete', 'add', 'back']
+            : ['activate', 'edit', 'delete', 'add', 'back']
+        : ['add', 'back'];
     useEffect(() => {
-        const openEditor = async () => {
-            ensureConfigDirectory();
-            // Read existing custom headers, or use template if not exists
-            let currentHeaders = DEFAULT_HEADERS_TEMPLATE;
-            if (existsSync(CUSTOM_HEADERS_FILE)) {
-                try {
-                    currentHeaders = readFileSync(CUSTOM_HEADERS_FILE, 'utf8');
+        const savedConfig = getCustomHeadersConfig();
+        if (savedConfig) {
+            setConfig(savedConfig);
+        }
+    }, [view]);
+    const saveAndRefresh = (newConfig) => {
+        try {
+            saveCustomHeadersConfig(newConfig);
+            setConfig(newConfig);
+            setError('');
+            return true;
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : 'Failed to save');
+            return false;
+        }
+    };
+    const handleActivate = () => {
+        if (config.schemes.length === 0 || selectedIndex >= config.schemes.length)
+            return;
+        const scheme = config.schemes[selectedIndex];
+        const newConfig = {
+            ...config,
+            active: scheme.id,
+        };
+        if (saveAndRefresh(newConfig)) {
+            setError('');
+        }
+    };
+    const handleDeactivate = () => {
+        const newConfig = {
+            ...config,
+            active: '',
+        };
+        if (saveAndRefresh(newConfig)) {
+            setError('');
+        }
+    };
+    const handleEdit = () => {
+        if (config.schemes.length === 0 || selectedIndex >= config.schemes.length)
+            return;
+        const scheme = config.schemes[selectedIndex];
+        setEditName(scheme.name);
+        setEditHeaders(scheme.headers);
+        setEditingField('name');
+        setView('edit');
+    };
+    const handleDelete = () => {
+        setView('confirmDelete');
+    };
+    const confirmDelete = () => {
+        if (config.schemes.length === 0 || selectedIndex >= config.schemes.length)
+            return;
+        const schemeToDelete = config.schemes[selectedIndex];
+        const newSchemes = config.schemes.filter((_, i) => i !== selectedIndex);
+        const newActive = config.active === schemeToDelete.id && newSchemes.length > 0
+            ? newSchemes[0].id
+            : config.active === schemeToDelete.id
+                ? ''
+                : config.active;
+        const newConfig = {
+            active: newActive,
+            schemes: newSchemes,
+        };
+        if (saveAndRefresh(newConfig)) {
+            setSelectedIndex(Math.max(0, selectedIndex - 1));
+            setView('list');
+        }
+    };
+    const handleAdd = () => {
+        setEditName('');
+        setEditHeaders({});
+        setEditingField('name');
+        setView('add');
+    };
+    const saveNewScheme = () => {
+        const newScheme = {
+            id: Date.now().toString(),
+            name: editName.trim() || 'Unnamed Scheme',
+            headers: editHeaders,
+            createdAt: new Date().toISOString(),
+        };
+        const newConfig = {
+            ...config,
+            schemes: [...config.schemes, newScheme],
+            active: config.schemes.length === 0 ? newScheme.id : config.active,
+        };
+        if (saveAndRefresh(newConfig)) {
+            setView('list');
+            setSelectedIndex(config.schemes.length);
+        }
+    };
+    const saveEditedScheme = () => {
+        if (config.schemes.length === 0 || selectedIndex >= config.schemes.length)
+            return;
+        const newConfig = {
+            ...config,
+            schemes: config.schemes.map((s, i) => i === selectedIndex
+                ? {
+                    ...s,
+                    name: editName.trim() || 'Unnamed Scheme',
+                    headers: editHeaders,
                 }
-                catch {
-                    // Read failed, use template
-                    currentHeaders = DEFAULT_HEADERS_TEMPLATE;
+                : s),
+        };
+        if (saveAndRefresh(newConfig)) {
+            setView('list');
+        }
+    };
+    // Headers editing functions
+    const enterHeadersEditMode = () => {
+        setHeaderKeys(Object.keys(editHeaders));
+        setHeaderSelectedIndex(0);
+        setHeaderEditingIndex(-1);
+        setView('editHeaders');
+    };
+    const exitHeadersEditMode = () => {
+        setView(view === 'add' ? 'add' : 'edit');
+    };
+    const addNewHeader = () => {
+        setHeaderEditKey('');
+        setHeaderEditValue('');
+        setHeaderEditingIndex(headerKeys.length);
+        setHeaderEditingField('key');
+    };
+    const editHeaderAtIndex = (index) => {
+        const key = headerKeys[index];
+        setHeaderEditKey(key);
+        setHeaderEditValue(editHeaders[key] || '');
+        setHeaderEditingIndex(index);
+        setHeaderEditingField('key');
+    };
+    const saveHeaderEdit = () => {
+        const trimmedKey = headerEditKey.trim();
+        const trimmedValue = headerEditValue.trim();
+        if (!trimmedKey) {
+            setHeaderEditingIndex(-1);
+            return;
+        }
+        const newHeaders = { ...editHeaders };
+        if (headerEditingIndex < headerKeys.length) {
+            const oldKey = headerKeys[headerEditingIndex];
+            if (oldKey !== trimmedKey) {
+                delete newHeaders[oldKey];
+            }
+        }
+        newHeaders[trimmedKey] = trimmedValue;
+        setEditHeaders(newHeaders);
+        setHeaderKeys(Object.keys(newHeaders));
+        setHeaderEditingIndex(-1);
+    };
+    const deleteHeaderAtIndex = (index) => {
+        const key = headerKeys[index];
+        const newHeaders = { ...editHeaders };
+        delete newHeaders[key];
+        setEditHeaders(newHeaders);
+        setHeaderKeys(Object.keys(newHeaders));
+        setHeaderSelectedIndex(Math.max(0, Math.min(index, headerKeys.length - 2)));
+    };
+    // List view input handling
+    useInput((_input, key) => {
+        if (view !== 'list')
+            return;
+        if (key.escape) {
+            onBack();
+        }
+        else if (key.upArrow) {
+            if (config.schemes.length > 0) {
+                setSelectedIndex(prev => prev > 0 ? prev - 1 : config.schemes.length - 1);
+            }
+        }
+        else if (key.downArrow) {
+            if (config.schemes.length > 0) {
+                setSelectedIndex(prev => prev < config.schemes.length - 1 ? prev + 1 : 0);
+            }
+        }
+        else if (key.leftArrow) {
+            const currentIdx = actions.indexOf(currentAction);
+            setCurrentAction(actions[currentIdx > 0 ? currentIdx - 1 : actions.length - 1]);
+        }
+        else if (key.rightArrow) {
+            const currentIdx = actions.indexOf(currentAction);
+            setCurrentAction(actions[currentIdx < actions.length - 1 ? currentIdx + 1 : 0]);
+        }
+        else if (key.return) {
+            if (currentAction === 'activate') {
+                handleActivate();
+            }
+            else if (currentAction === 'deactivate') {
+                handleDeactivate();
+            }
+            else if (currentAction === 'edit') {
+                handleEdit();
+            }
+            else if (currentAction === 'delete') {
+                handleDelete();
+            }
+            else if (currentAction === 'add') {
+                handleAdd();
+            }
+            else if (currentAction === 'back') {
+                onBack();
+            }
+        }
+    }, { isActive: view === 'list' });
+    // Add/Edit view input handling
+    useInput((input, key) => {
+        if (view !== 'add' && view !== 'edit')
+            return;
+        if (key.escape) {
+            setView('list');
+            setError('');
+        }
+        else if (!isEditing && key.upArrow) {
+            setEditingField('name');
+        }
+        else if (!isEditing && key.downArrow) {
+            setEditingField('headers');
+        }
+        else if (key.return) {
+            if (editingField === 'headers' && !isEditing) {
+                enterHeadersEditMode();
+            }
+            else if (isEditing) {
+                setIsEditing(false);
+            }
+            else {
+                setIsEditing(true);
+            }
+        }
+        else if (input === 's' && (key.ctrl || key.meta)) {
+            if (view === 'add') {
+                saveNewScheme();
+            }
+            else {
+                saveEditedScheme();
+            }
+        }
+    }, { isActive: view === 'add' || view === 'edit' });
+    // Headers edit view input handling
+    useInput((input, key) => {
+        if (view !== 'editHeaders')
+            return;
+        if (headerEditingIndex === -1) {
+            // 列表浏览模式
+            if (key.escape) {
+                exitHeadersEditMode();
+            }
+            else if (key.upArrow) {
+                setHeaderSelectedIndex(prev => prev > 0 ? prev - 1 : headerKeys.length);
+            }
+            else if (key.downArrow) {
+                setHeaderSelectedIndex(prev => prev < headerKeys.length ? prev + 1 : 0);
+            }
+            else if (key.return) {
+                if (headerSelectedIndex < headerKeys.length) {
+                    editHeaderAtIndex(headerSelectedIndex);
+                }
+                else {
+                    addNewHeader();
                 }
             }
-            // Write to file for editing
-            writeFileSync(CUSTOM_HEADERS_FILE, currentHeaders, 'utf8');
-            const editor = getSystemEditor();
-            exit();
-            const child = spawn(editor, [CUSTOM_HEADERS_FILE], {
-                stdio: 'inherit'
-            });
-            child.on('close', () => {
-                // Read edited content
-                if (existsSync(CUSTOM_HEADERS_FILE)) {
-                    try {
-                        const editedContent = readFileSync(CUSTOM_HEADERS_FILE, 'utf8');
-                        const trimmedContent = editedContent.trim();
-                        // Validate JSON format
-                        if (trimmedContent === '' || trimmedContent === '{}') {
-                            // Empty or empty object, delete file to reset
-                            try {
-                                const fs = require('fs');
-                                fs.unlinkSync(CUSTOM_HEADERS_FILE);
-                                console.log('Custom headers cleared. Please use `snow` to restart!');
-                            }
-                            catch {
-                                // Delete failed, save empty object
-                                writeFileSync(CUSTOM_HEADERS_FILE, '{}', 'utf8');
-                                console.log('Custom headers cleared. Please use `snow` to restart!');
-                            }
-                        }
-                        else {
-                            // Validate JSON
-                            try {
-                                const headers = JSON.parse(trimmedContent);
-                                if (typeof headers !== 'object' || headers === null || Array.isArray(headers)) {
-                                    throw new Error('Headers must be a JSON object');
-                                }
-                                // Validate all values are strings
-                                for (const [key, value] of Object.entries(headers)) {
-                                    if (typeof value !== 'string') {
-                                        throw new Error(`Header value for "${key}" must be a string`);
-                                    }
-                                }
-                                // Save valid headers
-                                writeFileSync(CUSTOM_HEADERS_FILE, JSON.stringify(headers, null, 2), 'utf8');
-                                console.log('Custom headers saved successfully! Please use `snow` to restart!');
-                            }
-                            catch (error) {
-                                console.error('Invalid JSON format:', error instanceof Error ? error.message : 'Unknown error');
-                                console.error('Custom headers were NOT saved. Please fix the JSON format and try again.');
-                            }
-                        }
-                    }
-                    catch (error) {
-                        console.error('Failed to save custom headers:', error instanceof Error ? error.message : 'Unknown error');
-                    }
+            else if (key.delete || input === 'd') {
+                if (headerSelectedIndex < headerKeys.length) {
+                    deleteHeaderAtIndex(headerSelectedIndex);
                 }
-                process.exit(0);
-            });
-            child.on('error', (error) => {
-                console.error('Failed to open editor:', error.message);
-                process.exit(1);
-            });
-        };
-        openEditor();
-    }, [exit, onBack]);
+            }
+        }
+        else {
+            // 编辑模式
+            if (key.escape) {
+                setHeaderEditingIndex(-1);
+            }
+            else if (key.upArrow && !isEditing) {
+                setHeaderEditingField('key');
+            }
+            else if (key.downArrow && !isEditing) {
+                setHeaderEditingField('value');
+            }
+            else if (key.return) {
+                if (isEditing) {
+                    setIsEditing(false);
+                }
+                else {
+                    setIsEditing(true);
+                }
+            }
+            else if (input === 's' && (key.ctrl || key.meta)) {
+                saveHeaderEdit();
+            }
+        }
+    }, { isActive: view === 'editHeaders' });
+    // Delete confirmation input handling
+    useInput((input, key) => {
+        if (view !== 'confirmDelete')
+            return;
+        if (key.escape || input === 'n' || input === 'N') {
+            setView('list');
+        }
+        else if (input === 'y' || input === 'Y' || key.return) {
+            confirmDelete();
+        }
+    }, { isActive: view === 'confirmDelete' });
+    // Render list view
+    if (view === 'list') {
+        const activeScheme = config.schemes.find(s => s.id === config.active);
+        return (React.createElement(Box, { flexDirection: "column", padding: 1 },
+            React.createElement(Box, { marginBottom: 1, borderStyle: "round", borderColor: "cyan", paddingX: 2, paddingY: 1 },
+                React.createElement(Box, { flexDirection: "column" },
+                    React.createElement(Gradient, { name: "rainbow" }, "Custom Headers Management"),
+                    React.createElement(Text, { color: "gray", dimColor: true }, "Manage multiple header schemes and switch between them"))),
+            error && (React.createElement(Box, { marginBottom: 1 },
+                React.createElement(Alert, { variant: "error" }, error))),
+            React.createElement(Box, { marginBottom: 1 },
+                React.createElement(Text, { bold: true },
+                    "Active Scheme:",
+                    ' ',
+                    React.createElement(Text, { color: "green" }, activeScheme?.name || 'None'))),
+            config.schemes.length === 0 ? (React.createElement(Box, { marginBottom: 1 },
+                React.createElement(Text, { color: "yellow" }, "No header schemes configured. Press Enter to add one."))) : (React.createElement(Box, { flexDirection: "column", marginBottom: 1 },
+                React.createElement(Text, { bold: true, color: "cyan" }, "Available Schemes:"),
+                config.schemes.map((scheme, index) => {
+                    const headerCount = Object.keys(scheme.headers).length;
+                    const headerPreview = headerCount > 0
+                        ? Object.entries(scheme.headers)
+                            .slice(0, 2)
+                            .map(([k, v]) => `${k}: ${v}`)
+                            .join(', ')
+                        : '';
+                    return (React.createElement(Box, { key: scheme.id, marginLeft: 2 },
+                        React.createElement(Text, { color: index === selectedIndex
+                                ? 'green'
+                                : scheme.id === config.active
+                                    ? 'cyan'
+                                    : 'white' },
+                            index === selectedIndex ? '❯ ' : '  ',
+                            scheme.id === config.active ? '✓ ' : '  ',
+                            scheme.name,
+                            headerPreview && (React.createElement(Text, { dimColor: true },
+                                ' ',
+                                "- ",
+                                headerPreview.substring(0, 50),
+                                headerPreview.length > 50 ? '...' : '')))));
+                }))),
+            React.createElement(Box, { marginBottom: 1 },
+                React.createElement(Text, { bold: true, color: "cyan" }, "Actions:")),
+            React.createElement(Box, { flexDirection: "column", marginBottom: 1, marginLeft: 2 }, actions.map(action => (React.createElement(Text, { key: action, color: currentAction === action ? 'green' : 'gray', bold: currentAction === action },
+                currentAction === action ? '❯ ' : '  ',
+                action === 'activate' && 'Activate',
+                action === 'deactivate' && 'Deactivate',
+                action === 'edit' && 'Edit',
+                action === 'delete' && 'Delete',
+                action === 'add' && 'Add New',
+                action === 'back' && '[ESC] Back')))),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { color: "gray", dimColor: true }, "Use \u2191\u2193 to select scheme, \u2190\u2192 to select action, Enter to confirm"))));
+    }
+    // Render add/edit view
+    if (view === 'add' || view === 'edit') {
+        const headerCount = Object.keys(editHeaders).length;
+        const headerPreview = headerCount > 0
+            ? Object.entries(editHeaders)
+                .slice(0, 3)
+                .map(([k, v]) => `${k}: ${v}`)
+                .join(', ')
+            : 'Not set';
+        return (React.createElement(Box, { flexDirection: "column", padding: 1 },
+            React.createElement(Box, { marginBottom: 1, borderStyle: "round", borderColor: "cyan", paddingX: 2, paddingY: 1 },
+                React.createElement(Gradient, { name: "rainbow" }, view === 'add' ? 'Add New Header Scheme' : 'Edit Header Scheme')),
+            error && (React.createElement(Box, { marginBottom: 1 },
+                React.createElement(Alert, { variant: "error" }, error))),
+            React.createElement(Box, { flexDirection: "column", marginBottom: 1 },
+                React.createElement(Box, { marginBottom: 1 },
+                    React.createElement(Box, { flexDirection: "column" },
+                        React.createElement(Text, { color: editingField === 'name' ? 'green' : 'white' },
+                            editingField === 'name' ? '❯ ' : '  ',
+                            "Name:"),
+                        editingField === 'name' && isEditing && (React.createElement(Box, { marginLeft: 3 },
+                            React.createElement(TextInput, { value: editName, onChange: setEditName, placeholder: "Enter scheme name" }))),
+                        (!isEditing || editingField !== 'name') && (React.createElement(Box, { marginLeft: 3 },
+                            React.createElement(Text, { color: "gray" }, editName || 'Not set'))))),
+                React.createElement(Box, { marginBottom: 1 },
+                    React.createElement(Box, { flexDirection: "column" },
+                        React.createElement(Text, { color: editingField === 'headers' ? 'green' : 'white' },
+                            editingField === 'headers' ? '❯ ' : '  ',
+                            "Headers (",
+                            headerCount,
+                            ' ',
+                            "configured):"),
+                        editingField === 'headers' && !isEditing ? (React.createElement(Box, { marginLeft: 3 },
+                            React.createElement(Text, { color: "cyan", dimColor: true }, "Press Enter to edit headers \u2192"))) : (React.createElement(Box, { marginLeft: 3 },
+                            React.createElement(Text, { color: "gray" },
+                                headerPreview.substring(0, 100),
+                                headerPreview.length > 100 ? '...' : '')))))),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { color: "gray", dimColor: true }, "\u2191\u2193: Navigate fields | Enter: Edit | Ctrl+S: Save | ESC: Cancel"))));
+    }
+    // Render headers edit view
+    if (view === 'editHeaders') {
+        return (React.createElement(Box, { flexDirection: "column", padding: 1 },
+            React.createElement(Box, { marginBottom: 1, borderStyle: "round", borderColor: "cyan", paddingX: 2, paddingY: 1 },
+                React.createElement(Gradient, { name: "rainbow" },
+                    "Edit Headers - ",
+                    editName)),
+            headerEditingIndex === -1 ? (React.createElement(React.Fragment, null,
+                React.createElement(Box, { marginBottom: 1 },
+                    React.createElement(Text, { bold: true, color: "cyan" }, "Header List:")),
+                headerKeys.length === 0 ? (React.createElement(Box, { marginBottom: 1 },
+                    React.createElement(Text, { color: "yellow" }, "No headers configured. Press Enter to add one."))) : (React.createElement(Box, { flexDirection: "column", marginBottom: 1 }, headerKeys.map((key, index) => {
+                    const isSelected = index === headerSelectedIndex;
+                    return (React.createElement(Box, { key: index, marginLeft: 2 },
+                        React.createElement(Text, { color: isSelected ? 'green' : 'white', bold: isSelected },
+                            isSelected ? '❯ ' : '  ',
+                            key,
+                            ": ",
+                            editHeaders[key])));
+                }))),
+                React.createElement(Box, { marginLeft: 2, marginBottom: 1 },
+                    React.createElement(Text, { color: headerSelectedIndex === headerKeys.length ? 'green' : 'gray', bold: headerSelectedIndex === headerKeys.length },
+                        headerSelectedIndex === headerKeys.length ? '❯ ' : '  ',
+                        "[+] Add new header")),
+                React.createElement(Box, { marginTop: 1 },
+                    React.createElement(Text, { color: "gray", dimColor: true }, "\u2191\u2193: Navigate | Enter: Edit/Add | D: Delete | ESC: Finish")))) : (React.createElement(React.Fragment, null,
+                React.createElement(Box, { flexDirection: "column", marginBottom: 1 },
+                    React.createElement(Box, { marginBottom: 1 },
+                        React.createElement(Box, { flexDirection: "column" },
+                            React.createElement(Text, { color: headerEditingField === 'key' ? 'green' : 'white' },
+                                headerEditingField === 'key' ? '❯ ' : '  ',
+                                "Key:"),
+                            headerEditingField === 'key' && isEditing && (React.createElement(Box, { marginLeft: 3 },
+                                React.createElement(TextInput, { value: headerEditKey, onChange: setHeaderEditKey, placeholder: "Header key (e.g., X-API-Key)" }))),
+                            (!isEditing || headerEditingField !== 'key') && (React.createElement(Box, { marginLeft: 3 },
+                                React.createElement(Text, { color: "gray" }, headerEditKey || 'Not set'))))),
+                    React.createElement(Box, { marginBottom: 1 },
+                        React.createElement(Box, { flexDirection: "column" },
+                            React.createElement(Text, { color: headerEditingField === 'value' ? 'green' : 'white' },
+                                headerEditingField === 'value' ? '❯ ' : '  ',
+                                "Value:"),
+                            headerEditingField === 'value' && isEditing && (React.createElement(Box, { marginLeft: 3 },
+                                React.createElement(TextInput, { value: headerEditValue, onChange: setHeaderEditValue, placeholder: "Header value" }))),
+                            (!isEditing || headerEditingField !== 'value') && (React.createElement(Box, { marginLeft: 3 },
+                                React.createElement(Text, { color: "gray" }, headerEditValue || 'Not set')))))),
+                React.createElement(Box, { marginTop: 1 },
+                    React.createElement(Text, { color: "gray", dimColor: true }, "\u2191\u2193: Navigate fields | Enter: Edit | Ctrl+S: Save | ESC: Cancel"))))));
+    }
+    // Render delete confirmation
+    if (view === 'confirmDelete') {
+        const schemeToDelete = config.schemes.length > 0 ? config.schemes[selectedIndex] : null;
+        return (React.createElement(Box, { flexDirection: "column", padding: 1 },
+            React.createElement(Alert, { variant: "warning" }, "Confirm Delete"),
+            React.createElement(Box, { marginBottom: 1 },
+                React.createElement(Text, null,
+                    "Are you sure you want to delete \"",
+                    React.createElement(Text, { bold: true, color: "yellow" }, schemeToDelete?.name),
+                    "\"?")),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { color: "gray", dimColor: true }, "Press Y to confirm, N or ESC to cancel"))));
+    }
     return null;
 }

package/dist/ui/pages/SystemPromptConfigScreen.d.ts

@@ -1,6 +1,6 @@
+import React from 'react';
 type Props = {
     onBack: () => void;
-    onSave: () => void;
 };
-export default function SystemPromptConfigScreen({ onBack }: Props): null;
+export default function SystemPromptConfigScreen({ onBack }: Props): React.JSX.Element | null;
 export {};