@hashgraphonline/conversational-agent 0.2.104 → 0.2.106

package/cli/dist/components/AppScreens.js

@@ -1,259 +0,0 @@
-import React, { useState } from 'react';
-import { Box, Text, useApp, useInput } from 'ink';
-import TextInput from 'ink-text-input';
-import SelectInput from 'ink-select-input';
-import { WelcomeScreen } from './WelcomeScreen.js';
-import { ChatScreen } from './ChatScreen.js';
-import { LoadingScreen } from './LoadingScreen.js';
-import { TerminalWindow } from './TerminalWindow.js';
-import { StatusBadge } from './StatusBadge.js';
-import { BRAND_COLORS } from '../types.js';
-import { useAppContext } from '../context/AppContext.js';
-import { saveMCPConfig, getMCPConfigPath } from '../context/AppContext.js';
-import { MCPServers } from '@hashgraphonline/conversational-agent';
-export const AppScreens = () => {
-    const { state, actions } = useAppContext();
-    const { exit } = useApp();
-    const [showLogs] = useState(false);
-    const fields = ['accountId', 'privateKey', 'network', 'openAIApiKey'];
-    useInput((_, key) => {
-        if (state.screen === 'mcp-config' && key.escape) {
-            if (state.mcpConfig.addingCustom) {
-                actions.setMcpConfig({
-                    addingCustom: false,
-                    newServerName: '',
-                    newServerCommand: '',
-                    newServerArgs: '',
-                    newServerEnv: '',
-                    currentField: 0,
-                });
-            }
-            else if (state.editingFilesystemPath) {
-                actions.setEditingFilesystemPath(false);
-            }
-        }
-    });
-    if (state.screen === 'loading') {
-        return React.createElement(LoadingScreen, null);
-    }
-    if (state.screen === 'setup') {
-        return (React.createElement(TerminalWindow, { title: "Configuration" },
-            React.createElement(Box, { flexDirection: "column" },
-                React.createElement(Box, { marginBottom: 1 },
-                    React.createElement(StatusBadge, { status: "info" }),
-                    React.createElement(Text, null, "Configure your Hedera account credentials")),
-                fields.map((field, index) => (React.createElement(Box, { key: field, marginY: 1 },
-                    React.createElement(Box, { width: 20 },
-                        React.createElement(Text, { color: state.currentField === index
-                                ? BRAND_COLORS.blue
-                                : BRAND_COLORS.hedera.smoke },
-                            field === 'accountId' && 'Account ID:',
-                            field === 'privateKey' && 'Private Key:',
-                            field === 'network' && 'Network:',
-                            field === 'openAIApiKey' && 'OpenAI Key:')),
-                    state.currentField === index ? (field === 'network' ? (React.createElement(SelectInput, { items: [
-                            { label: 'Testnet', value: 'testnet' },
-                            { label: 'Mainnet', value: 'mainnet' },
-                        ], initialIndex: state.config.network === 'testnet' ? 0 : 1, onSelect: item => {
-                            actions.updateConfigField('network', item.value);
-                            if (state.currentField < fields.length - 1) {
-                                actions.setCurrentField(state.currentField + 1);
-                            }
-                        } })) : (React.createElement(TextInput, { value: state.config[field], onChange: value => actions.updateConfigField(field, value), onSubmit: () => {
-                            if (state.currentField < fields.length - 1) {
-                                actions.setCurrentField(state.currentField + 1);
-                            }
-                            else {
-                                actions.initializeAgent();
-                            }
-                        }, mask: field === 'privateKey' || field === 'openAIApiKey'
-                            ? '*'
-                            : undefined }))) : (React.createElement(Text, { color: BRAND_COLORS.hedera.smoke }, field === 'network'
-                        ? state.config[field]
-                        : state.config[field]
-                            ? '••••••••'
-                            : '(not set)'))))),
-                state.error && (React.createElement(Box, { marginTop: 2 },
-                    React.createElement(StatusBadge, { status: "error" }),
-                    React.createElement(Text, { color: "red" }, state.error))),
-                React.createElement(Box, { marginTop: 2 },
-                    React.createElement(Text, { dimColor: true }, "Press Tab to navigate fields, Enter to submit"),
-                    React.createElement(Text, { dimColor: true }, "Complete all fields and press Enter on the last field to save and start")))));
-    }
-    if (state.screen === 'mcp-config') {
-        if (state.editingFilesystemPath) {
-            return (React.createElement(TerminalWindow, { title: "Edit Filesystem Path" },
-                React.createElement(Box, { flexDirection: "column" },
-                    React.createElement(Box, { marginBottom: 2 },
-                        React.createElement(Text, null, "Enter the directory path for the filesystem server:")),
-                    React.createElement(TextInput, { value: state.mcpConfig.filesystemPath, onChange: value => actions.setMcpConfig({ filesystemPath: value }), onSubmit: () => {
-                            actions.setEditingFilesystemPath(false);
-                            const servers = [];
-                            if (state.mcpConfig.enableFilesystem) {
-                                servers.push(MCPServers.filesystem(state.mcpConfig.filesystemPath));
-                            }
-                            servers.push(...state.mcpConfig.customServers);
-                            saveMCPConfig(servers);
-                        }, placeholder: process.cwd() }),
-                    React.createElement(Box, { marginTop: 2 },
-                        React.createElement(Text, { dimColor: true }, "Press Enter to save, Escape to cancel")))));
-        }
-        if (state.mcpConfig.addingCustom) {
-            const customFields = [
-                'newServerName',
-                'newServerCommand',
-                'newServerArgs',
-                'newServerEnv',
-            ];
-            const fieldLabels = [
-                'Server Name:',
-                'Command:',
-                'Arguments (comma-separated):',
-                'Environment Variables (KEY=value, comma-separated):',
-            ];
-            const placeholders = [
-                'my-server',
-                'npx',
-                '-y, @modelcontextprotocol/server-github',
-                'MCP_LOG_LEVEL=info, GIT_SIGN_COMMITS=false',
-            ];
-            return (React.createElement(TerminalWindow, { title: "Add Custom MCP Server" },
-                React.createElement(Box, { flexDirection: "column" },
-                    customFields.map((field, index) => (React.createElement(Box, { key: field, marginY: 1 },
-                        React.createElement(Text, { color: state.mcpConfig.currentField === index
-                                ? BRAND_COLORS.blue
-                                : BRAND_COLORS.hedera.smoke }, fieldLabels[index]),
-                        state.mcpConfig.currentField === index ? (React.createElement(TextInput, { value: state.mcpConfig[field], onChange: value => actions.setMcpConfig({ [field]: value }), onSubmit: () => {
-                                if (index < customFields.length - 1) {
-                                    actions.setMcpConfig({ currentField: index + 1 });
-                                }
-                                else if (state.mcpConfig.newServerName &&
-                                    state.mcpConfig.newServerCommand) {
-                                    const env = {};
-                                    if (state.mcpConfig.newServerEnv) {
-                                        state.mcpConfig.newServerEnv.split(',').forEach(envVar => {
-                                            const [key, value] = envVar.trim().split('=');
-                                            if (key && value) {
-                                                env[key] = value;
-                                            }
-                                        });
-                                    }
-                                    const newServer = {
-                                        name: state.mcpConfig.newServerName,
-                                        command: state.mcpConfig.newServerCommand,
-                                        args: state.mcpConfig.newServerArgs
-                                            .split(',')
-                                            .map(arg => arg.trim())
-                                            .filter(Boolean),
-                                        transport: 'stdio',
-                                        autoConnect: true,
-                                        ...(Object.keys(env).length > 0 && { env }),
-                                    };
-                                    const newCustomServers = [...state.mcpConfig.customServers, newServer];
-                                    actions.setMcpConfig({
-                                        customServers: newCustomServers,
-                                        addingCustom: false,
-                                        newServerName: '',
-                                        newServerCommand: '',
-                                        newServerArgs: '',
-                                        newServerEnv: '',
-                                        currentField: 0,
-                                    });
-                                    const servers = [];
-                                    if (state.mcpConfig.enableFilesystem) {
-                                        servers.push(MCPServers.filesystem(state.mcpConfig.filesystemPath));
-                                    }
-                                    servers.push(...newCustomServers);
-                                    saveMCPConfig(servers);
-                                }
-                            }, placeholder: placeholders[index] })) : (React.createElement(Text, { color: BRAND_COLORS.hedera.smoke }, state.mcpConfig[field] ||
-                            `(${placeholders[index]})`))))),
-                    React.createElement(Box, { marginTop: 2 },
-                        React.createElement(Text, { dimColor: true }, "Press Tab or Enter to move between fields"),
-                        React.createElement(Text, { dimColor: true }, "Press Enter on the last field to add the server"),
-                        React.createElement(Text, { dimColor: true }, "Press Escape to cancel")))));
-        }
-        const menuItems = [
-            {
-                label: `Filesystem Server: ${state.mcpConfig.enableFilesystem ? 'Enabled' : 'Disabled'}`,
-                value: 'filesystem',
-            },
-        ];
-        if (state.mcpConfig.enableFilesystem) {
-            menuItems.push({
-                label: `Filesystem Path: ${state.mcpConfig.filesystemPath}`,
-                value: 'filesystem-path',
-            });
-        }
-        state.mcpConfig.customServers.forEach((server, index) => {
-            menuItems.push({
-                label: `${server.name} (${server.command})`,
-                value: `custom-${index}`,
-            });
-        });
-        menuItems.push({ label: 'Add Custom Server', value: 'add-custom' }, { label: 'Done (changes auto-saved)', value: 'save' }, { label: 'Back to Menu', value: 'back' });
-        return (React.createElement(TerminalWindow, { title: "MCP Server Configuration" },
-            React.createElement(Box, { flexDirection: "column" },
-                React.createElement(Box, { marginBottom: 2 },
-                    React.createElement(StatusBadge, { status: "info" }),
-                    React.createElement(Text, null, "Configure Model Context Protocol servers")),
-                React.createElement(SelectInput, { items: menuItems, onSelect: item => {
-                        if (item.value === 'filesystem') {
-                            const enableFilesystem = !state.mcpConfig.enableFilesystem;
-                            actions.setMcpConfig({ enableFilesystem });
-                            const servers = [];
-                            if (enableFilesystem) {
-                                servers.push(MCPServers.filesystem(state.mcpConfig.filesystemPath));
-                            }
-                            servers.push(...state.mcpConfig.customServers);
-                            saveMCPConfig(servers);
-                        }
-                        else if (item.value === 'filesystem-path') {
-                            actions.setEditingFilesystemPath(true);
-                        }
-                        else if (item.value === 'add-custom') {
-                            actions.setMcpConfig({ addingCustom: true });
-                        }
-                        else if (item.value === 'save') {
-                            const servers = [];
-                            if (state.mcpConfig.enableFilesystem) {
-                                servers.push(MCPServers.filesystem(state.mcpConfig.filesystemPath));
-                            }
-                            servers.push(...state.mcpConfig.customServers);
-                            saveMCPConfig(servers);
-                            const updatedConfig = {
-                                ...state.config,
-                                mcpServers: servers,
-                            };
-                            actions.setConfig(updatedConfig);
-                            actions.setScreen('welcome');
-                        }
-                        else if (item.value === 'back') {
-                            actions.setScreen('welcome');
-                        }
-                        else if (item.value.startsWith('custom-')) {
-                            const index = parseInt(item.value.replace('custom-', ''));
-                            const newCustomServers = state.mcpConfig.customServers.filter((_, i) => i !== index);
-                            actions.setMcpConfig({ customServers: newCustomServers });
-                            const servers = [];
-                            if (state.mcpConfig.enableFilesystem) {
-                                servers.push(MCPServers.filesystem(state.mcpConfig.filesystemPath));
-                            }
-                            servers.push(...newCustomServers);
-                            saveMCPConfig(servers);
-                        }
-                    } }),
-                React.createElement(Box, { marginY: 2 },
-                    React.createElement(Text, { dimColor: true }, "Press Enter to toggle/edit servers, or select actions"),
-                    state.mcpConfig.enableFilesystem && (React.createElement(Text, { dimColor: true },
-                        "Filesystem path: ",
-                        state.mcpConfig.filesystemPath)),
-                    React.createElement(Text, { dimColor: true },
-                        "Config saved to: ",
-                        getMCPConfigPath())))));
-    }
-    if (state.screen === 'chat') {
-        return (React.createElement(ChatScreen, { config: state.config, messages: state.messages, input: state.input, isLoading: state.isLoading, setInput: actions.setInput, sendMessage: actions.sendMessage, showLogs: showLogs, logs: state.logs }));
-    }
-    return (React.createElement(WelcomeScreen, { config: state.config, onExit: exit, onInitializeAgent: actions.initializeAgent, onSetScreen: actions.setScreen, isLoading: state.isLoading, agent: state.agent }));
-};

package/cli/dist/components/ChatScreen.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { type Config, type Message } from '../types';
-/**
- * Chat screen component
- */
-export declare const ChatScreen: React.FC<{
-    config: Config;
-    messages: Message[];
-    input: string;
-    isLoading: boolean;
-    setInput: (value: string) => void;
-    sendMessage: (message: string) => void;
-    showLogs: boolean;
-    logs: string[];
-}>;

package/cli/dist/components/ChatScreen.js

@@ -1,39 +0,0 @@
-import React from 'react';
-import { Box, Text } from 'ink';
-import TextInput from 'ink-text-input';
-import Spinner from 'ink-spinner';
-import { TerminalWindow } from './TerminalWindow.js';
-import { StatusBadge } from './StatusBadge.js';
-import { BRAND_COLORS } from '../types.js';
-/**
- * Chat screen component
- */
-export const ChatScreen = React.memo(({ config, messages, input, isLoading, setInput, sendMessage, showLogs, logs, }) => {
-    return (React.createElement(TerminalWindow, { title: `Conversational Agent Chat (${config.network})` },
-        React.createElement(Box, { flexDirection: "column", minHeight: 25 },
-            showLogs && (React.createElement(Box, { borderStyle: "single", borderColor: BRAND_COLORS.dark, marginBottom: 1, padding: 1, height: 10, flexDirection: "column", overflow: "hidden" },
-                React.createElement(Box, { marginBottom: 1 },
-                    React.createElement(Text, { color: BRAND_COLORS.hedera.smoke, bold: true }, "\uD83D\uDCCB Logs")),
-                React.createElement(Box, { flexDirection: "column", overflow: "hidden" }, logs.slice(-8).map((log, i) => (React.createElement(Text, { key: i, color: BRAND_COLORS.comments, dimColor: true, wrap: "truncate" }, log)))))),
-            React.createElement(Box, { flexDirection: "column", flexGrow: 1, marginBottom: 1, overflow: "hidden" }, messages.slice(-15).map((msg, index) => (React.createElement(Box, { key: `${msg.timestamp.getTime()}-${index}`, marginBottom: 1 },
-                msg.role === 'user' && (React.createElement(Box, { flexDirection: "column" },
-                    React.createElement(Box, null,
-                        React.createElement(Text, { color: BRAND_COLORS.green }, "$ "),
-                        React.createElement(Text, { wrap: "wrap" }, msg.content)))),
-                msg.role === 'assistant' && (React.createElement(Box, { flexDirection: "column" },
-                    React.createElement(Box, null,
-                        React.createElement(Text, { color: BRAND_COLORS.blue }, "\u2192 "),
-                        React.createElement(Text, { wrap: "wrap" }, msg.content)))),
-                msg.role === 'system' && (React.createElement(Box, { flexDirection: "column" },
-                    React.createElement(Box, null,
-                        React.createElement(StatusBadge, { status: "info" }),
-                        React.createElement(Text, { color: BRAND_COLORS.hedera.smoke, wrap: "wrap" }, msg.content)))))))),
-            React.createElement(Box, { borderStyle: "single", borderTop: true, borderColor: BRAND_COLORS.dark, paddingTop: 1, paddingX: 1 }, isLoading ? (React.createElement(Box, null,
-                React.createElement(Spinner, { type: "dots" }),
-                React.createElement(Text, { color: BRAND_COLORS.hedera.smoke }, " Processing..."))) : (React.createElement(Box, { flexDirection: "row", width: "100%" },
-                React.createElement(Text, { color: BRAND_COLORS.green }, "$ "),
-                React.createElement(Box, { flexGrow: 1 },
-                    React.createElement(TextInput, { value: input, onChange: setInput, onSubmit: sendMessage, placeholder: "Type your message..." }))))),
-            React.createElement(Box, { marginTop: 1, paddingX: 1 },
-                React.createElement(Text, { dimColor: true }, "Ctrl+C to exit, ESC to return to menu, L to toggle logs")))));
-});

package/cli/dist/components/DebugLoadingScreen.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-/**
- * Debug loading screen to trace double rendering issue
- */
-export declare const DebugLoadingScreen: React.FC;

package/cli/dist/components/DebugLoadingScreen.js

@@ -1,31 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-import { Box, Text } from 'ink';
-import Spinner from 'ink-spinner';
-import { BRAND_COLORS } from '../types.js';
-let globalRenderCount = 0;
-let globalInstanceCount = 0;
-/**
- * Debug loading screen to trace double rendering issue
- */
-export const DebugLoadingScreen = () => {
-    const instanceId = useRef(++globalInstanceCount);
-    const renderCount = useRef(0);
-    const mountTime = useRef(Date.now());
-    renderCount.current++;
-    globalRenderCount++;
-    console.error(`[LOADING-${instanceId.current}] Render #${renderCount.current} (Global: ${globalRenderCount}) at ${Date.now() - mountTime.current}ms`);
-    useEffect(() => {
-        console.error(`[LOADING-${instanceId.current}] MOUNTED`);
-        console.error(new Error('Mount Stack Trace').stack);
-        return () => {
-            console.error(`[LOADING-${instanceId.current}] UNMOUNTED after ${renderCount.current} renders`);
-        };
-    }, []);
-    return (React.createElement(Box, { flexDirection: "column", alignItems: "center", paddingY: 4 },
-        React.createElement(Box, { marginBottom: 2 },
-            React.createElement(Text, { color: BRAND_COLORS.blue }, "Initializing "),
-            React.createElement(Text, { color: BRAND_COLORS.purple }, "Hashgraph "),
-            React.createElement(Text, { color: BRAND_COLORS.green }, "Online "),
-            React.createElement(Text, { color: BRAND_COLORS.blue }, "Agent...")),
-        React.createElement(Spinner, { type: "dots" })));
-};

package/cli/dist/components/LoadingScreen.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const LoadingScreen: React.FC;

package/cli/dist/components/LoadingScreen.js

@@ -1,16 +0,0 @@
-import React, { useEffect } from 'react';
-import { Box, Text, useStdout } from 'ink';
-import Spinner from 'ink-spinner';
-import { BRAND_COLORS } from '../types.js';
-export const LoadingScreen = () => {
-    const { write } = useStdout();
-    useEffect(() => {
-        write('\x1Bc');
-    }, [write]);
-    return (React.createElement(Box, { flexDirection: "column", alignItems: "center", paddingY: 4 },
-        React.createElement(Box, { marginBottom: 2 },
-            React.createElement(Text, { color: BRAND_COLORS.blue }, "Initializing "),
-            React.createElement(Text, { color: BRAND_COLORS.purple }, "Conversational "),
-            React.createElement(Text, { color: BRAND_COLORS.green }, "Agent...")),
-        React.createElement(Spinner, { type: "dots" })));
-};

package/cli/dist/components/LoadingScreenDebug.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-/**
- * Loading screen component with debug logging
- */
-export declare const LoadingScreenDebug: React.FC;

package/cli/dist/components/LoadingScreenDebug.js

@@ -1,27 +0,0 @@
-import React, { useEffect } from 'react';
-import { Box, Text, Static } from 'ink';
-import Spinner from 'ink-spinner';
-import { BRAND_COLORS } from '../types.js';
-let renderCount = 0;
-/**
- * Loading screen component with debug logging
- */
-export const LoadingScreenDebug = () => {
-    renderCount++;
-    useEffect(() => {
-        console.error(`[LOADING] Mounted - render #${renderCount}`);
-        return () => {
-            console.error(`[LOADING] Unmounted - after ${renderCount} renders`);
-        };
-    }, []);
-    useEffect(() => {
-        console.error(`[LOADING] Render #${renderCount}`);
-    });
-    return (React.createElement(Box, { flexDirection: "column", alignItems: "center", paddingY: 4 },
-        React.createElement(Static, { items: [{ id: '1' }] }, () => (React.createElement(Box, { marginBottom: 2 },
-            React.createElement(Text, { color: BRAND_COLORS.blue }, "Initializing "),
-            React.createElement(Text, { color: BRAND_COLORS.purple }, "Hashgraph "),
-            React.createElement(Text, { color: BRAND_COLORS.green }, "Online "),
-            React.createElement(Text, { color: BRAND_COLORS.blue }, "Agent...")))),
-        React.createElement(Spinner, { type: "dots" })));
-};

package/cli/dist/components/MCPConfigScreen.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import { type Screen } from '../types';
-import { type MCPServerConfig } from '@hashgraphonline/conversational-agent';
-interface MCPConfig {
-    enableFilesystem: boolean;
-    filesystemPath: string;
-    customServers: MCPServerConfig[];
-    addingCustom: boolean;
-    newServerName: string;
-    newServerCommand: string;
-    newServerArgs: string;
-    newServerEnv: string;
-    currentField: number;
-}
-interface Props {
-    mcpConfig: MCPConfig;
-    editingFilesystemPath: boolean;
-    onSetMcpConfig: (config: Partial<MCPConfig>) => void;
-    onSetEditingFilesystemPath: (editing: boolean) => void;
-    onSetScreen: (screen: Screen) => void;
-    onSaveMCPConfig: () => void;
-    getMCPConfigPath: () => string;
-}
-/**
- * MCP Configuration screen
- */
-export declare const MCPConfigScreen: React.FC<Props>;
-export {};

package/cli/dist/components/MCPConfigScreen.js

@@ -1,168 +0,0 @@
-import React from 'react';
-import { Box, Text, useInput } from 'ink';
-import TextInput from 'ink-text-input';
-import SelectInput from 'ink-select-input';
-import { TerminalWindow } from './TerminalWindow.js';
-import { StatusBadge } from './StatusBadge.js';
-import { BRAND_COLORS } from '../types.js';
-/**
- * MCP Configuration screen
- */
-export const MCPConfigScreen = ({ mcpConfig, editingFilesystemPath, onSetMcpConfig, onSetEditingFilesystemPath, onSetScreen, onSaveMCPConfig, getMCPConfigPath, }) => {
-    useInput((_, key) => {
-        if (key.escape) {
-            if (mcpConfig.addingCustom) {
-                onSetMcpConfig({
-                    addingCustom: false,
-                    newServerName: '',
-                    newServerCommand: '',
-                    newServerArgs: '',
-                    newServerEnv: '',
-                    currentField: 0,
-                });
-            }
-            else if (editingFilesystemPath) {
-                onSetEditingFilesystemPath(false);
-            }
-        }
-    });
-    if (editingFilesystemPath) {
-        return (React.createElement(TerminalWindow, { title: "Edit Filesystem Path" },
-            React.createElement(Box, { flexDirection: "column" },
-                React.createElement(Box, { marginBottom: 2 },
-                    React.createElement(Text, null, "Enter the directory path for the filesystem server:")),
-                React.createElement(TextInput, { value: mcpConfig.filesystemPath, onChange: value => onSetMcpConfig({ filesystemPath: value }), onSubmit: () => {
-                        onSetEditingFilesystemPath(false);
-                        onSaveMCPConfig();
-                    }, placeholder: process.cwd() }),
-                React.createElement(Box, { marginTop: 2 },
-                    React.createElement(Text, { dimColor: true }, "Press Enter to save, Escape to cancel")))));
-    }
-    if (mcpConfig.addingCustom) {
-        const customFields = [
-            'newServerName',
-            'newServerCommand',
-            'newServerArgs',
-            'newServerEnv',
-        ];
-        const fieldLabels = [
-            'Server Name:',
-            'Command:',
-            'Arguments (comma-separated):',
-            'Environment Variables (KEY=value, comma-separated):',
-        ];
-        const placeholders = [
-            'my-server',
-            'npx',
-            '-y, @modelcontextprotocol/server-github',
-            'MCP_LOG_LEVEL=info, GIT_SIGN_COMMITS=false',
-        ];
-        return (React.createElement(TerminalWindow, { title: "Add Custom MCP Server" },
-            React.createElement(Box, { flexDirection: "column" },
-                customFields.map((field, index) => (React.createElement(Box, { key: field, marginY: 1 },
-                    React.createElement(Text, { color: mcpConfig.currentField === index
-                            ? BRAND_COLORS.blue
-                            : BRAND_COLORS.hedera.smoke }, fieldLabels[index]),
-                    mcpConfig.currentField === index ? (React.createElement(TextInput, { value: mcpConfig[field], onChange: value => onSetMcpConfig({ [field]: value }), onSubmit: () => {
-                            if (index < customFields.length - 1) {
-                                onSetMcpConfig({ currentField: index + 1 });
-                            }
-                            else if (mcpConfig.newServerName &&
-                                mcpConfig.newServerCommand) {
-                                const env = {};
-                                if (mcpConfig.newServerEnv) {
-                                    mcpConfig.newServerEnv.split(',').forEach(envVar => {
-                                        const [key, value] = envVar.trim().split('=');
-                                        if (key && value) {
-                                            env[key] = value;
-                                        }
-                                    });
-                                }
-                                const newServer = {
-                                    name: mcpConfig.newServerName,
-                                    command: mcpConfig.newServerCommand,
-                                    args: mcpConfig.newServerArgs
-                                        .split(',')
-                                        .map(arg => arg.trim())
-                                        .filter(Boolean),
-                                    transport: 'stdio',
-                                    autoConnect: true,
-                                    ...(Object.keys(env).length > 0 && { env }),
-                                };
-                                const newCustomServers = [...mcpConfig.customServers, newServer];
-                                onSetMcpConfig({
-                                    customServers: newCustomServers,
-                                    addingCustom: false,
-                                    newServerName: '',
-                                    newServerCommand: '',
-                                    newServerArgs: '',
-                                    newServerEnv: '',
-                                    currentField: 0,
-                                });
-                                onSaveMCPConfig();
-                            }
-                        }, placeholder: placeholders[index] })) : (React.createElement(Text, { color: BRAND_COLORS.hedera.smoke }, String(mcpConfig[field] || `(${placeholders[index]})`)))))),
-                React.createElement(Box, { marginTop: 2 },
-                    React.createElement(Text, { dimColor: true }, "Press Tab or Enter to move between fields"),
-                    React.createElement(Text, { dimColor: true }, "Press Enter on the last field to add the server"),
-                    React.createElement(Text, { dimColor: true }, "Press Escape to cancel")))));
-    }
-    const menuItems = [
-        {
-            label: `Filesystem Server: ${mcpConfig.enableFilesystem ? 'Enabled' : 'Disabled'}`,
-            value: 'filesystem',
-        },
-    ];
-    if (mcpConfig.enableFilesystem) {
-        menuItems.push({
-            label: `Filesystem Path: ${mcpConfig.filesystemPath}`,
-            value: 'filesystem-path',
-        });
-    }
-    mcpConfig.customServers.forEach((server, index) => {
-        menuItems.push({
-            label: `${server.name} (${server.command})`,
-            value: `custom-${index}`,
-        });
-    });
-    menuItems.push({ label: 'Add Custom Server', value: 'add-custom' }, { label: 'Done (changes auto-saved)', value: 'save' }, { label: 'Back to Menu', value: 'back' });
-    return (React.createElement(TerminalWindow, { title: "MCP Server Configuration" },
-        React.createElement(Box, { flexDirection: "column" },
-            React.createElement(Box, { marginBottom: 2 },
-                React.createElement(StatusBadge, { status: "info" }),
-                React.createElement(Text, null, "Configure Model Context Protocol servers")),
-            React.createElement(SelectInput, { items: menuItems, onSelect: item => {
-                    if (item.value === 'filesystem') {
-                        const enableFilesystem = !mcpConfig.enableFilesystem;
-                        onSetMcpConfig({ enableFilesystem });
-                        onSaveMCPConfig();
-                    }
-                    else if (item.value === 'filesystem-path') {
-                        onSetEditingFilesystemPath(true);
-                    }
-                    else if (item.value === 'add-custom') {
-                        onSetMcpConfig({ addingCustom: true });
-                    }
-                    else if (item.value === 'save') {
-                        onSaveMCPConfig();
-                        onSetScreen('welcome');
-                    }
-                    else if (item.value === 'back') {
-                        onSetScreen('welcome');
-                    }
-                    else if (item.value.startsWith('custom-')) {
-                        const index = parseInt(item.value.replace('custom-', ''));
-                        const newCustomServers = mcpConfig.customServers.filter((_, i) => i !== index);
-                        onSetMcpConfig({ customServers: newCustomServers });
-                        onSaveMCPConfig();
-                    }
-                } }),
-            React.createElement(Box, { marginY: 2 },
-                React.createElement(Text, { dimColor: true }, "Press Enter to toggle/edit servers, or select actions"),
-                mcpConfig.enableFilesystem && (React.createElement(Text, { dimColor: true },
-                    "Filesystem path: ",
-                    mcpConfig.filesystemPath)),
-                React.createElement(Text, { dimColor: true },
-                    "Config saved to: ",
-                    getMCPConfigPath())))));
-};

package/cli/dist/components/ScreenRouter.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { type Config } from '../types';
-import { type AppState } from '../hooks/useStableState';
-interface Props {
-    state: AppState;
-    currentConfig: Config;
-    actions: any;
-    stableHandlers: any;
-    exit: () => void;
-}
-export declare const ScreenRouter: React.FC<Props>;
-export {};

package/cli/dist/components/ScreenRouter.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import { WelcomeScreen } from './WelcomeScreen.js';
-import { ChatScreen } from './ChatScreen.js';
-import { LoadingScreen } from './LoadingScreen.js';
-import { SetupScreen } from './SetupScreen.js';
-import { MCPConfigScreen } from './MCPConfigScreen.js';
-export const ScreenRouter = ({ state, currentConfig, actions, stableHandlers, exit, }) => {
-    switch (state.screen) {
-        case 'welcome':
-            return (React.createElement(WelcomeScreen, { config: currentConfig, onExit: exit, onInitializeAgent: stableHandlers.initializeAgent, onSetScreen: actions.setScreen }));
-        case 'loading':
-            return React.createElement(LoadingScreen, null);
-        case 'setup':
-            return (React.createElement(SetupScreen, { config: currentConfig, currentField: state.currentField, error: state.error, onUpdateConfig: stableHandlers.updateConfig, onSetCurrentField: actions.setCurrentField, onInitializeAgent: stableHandlers.initializeAgent }));
-        case 'mcp-config':
-            return (React.createElement(MCPConfigScreen, { mcpConfig: state.mcpConfig, editingFilesystemPath: state.editingFilesystemPath, onSetMcpConfig: actions.setMcpConfig, onSetEditingFilesystemPath: actions.setEditingFilesystemPath, onSetScreen: actions.setScreen, onSaveMCPConfig: stableHandlers.saveMCPConfig, getMCPConfigPath: stableHandlers.getMCPConfigPath }));
-        case 'chat':
-            return (React.createElement(ChatScreen, { config: currentConfig, messages: state.messages, input: state.input, isLoading: state.isLoading, setInput: actions.setInput, sendMessage: stableHandlers.sendMessage, showLogs: false, logs: state.logs }));
-        default:
-            return null;
-    }
-};