@hashgraphonline/conversational-agent 0.1.214 → 0.1.217

package/cli/dist/components/ChatScreen.js

@@ -0,0 +1,39 @@
+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

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

package/cli/dist/components/DebugLoadingScreen.js

@@ -0,0 +1,31 @@
+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

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

package/cli/dist/components/LoadingScreen.js

@@ -0,0 +1,16 @@
+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

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

package/cli/dist/components/LoadingScreenDebug.js

@@ -0,0 +1,27 @@
+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

@@ -0,0 +1,28 @@
+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

@@ -0,0 +1,168 @@
+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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,22 @@
+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;
+    }
+};

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { type Config } from '../types';
+interface Props {
+    config: Config;
+    currentField: number;
+    error: string | null;
+    onUpdateConfig: (field: keyof Config, value: string) => void;
+    onSetCurrentField: (field: number) => void;
+    onInitializeAgent: () => void;
+}
+/**
+ * Setup screen for configuring credentials
+ */
+export declare const SetupScreen: React.FC<Props>;
+export {};

package/cli/dist/components/SetupScreen.js

@@ -0,0 +1,65 @@
+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';
+const fields = ['accountId', 'privateKey', 'network', 'openAIApiKey'];
+/**
+ * Setup screen for configuring credentials
+ */
+export const SetupScreen = ({ config, currentField, error, onUpdateConfig, onSetCurrentField, onInitializeAgent, }) => {
+    useInput((_, key) => {
+        if (key.tab && !key.shift) {
+            const nextField = (currentField + 1) % fields.length;
+            onSetCurrentField(nextField);
+        }
+        else if (key.tab && key.shift) {
+            const prevField = currentField === 0 ? fields.length - 1 : currentField - 1;
+            onSetCurrentField(prevField);
+        }
+    });
+    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: currentField === index
+                            ? BRAND_COLORS.blue
+                            : BRAND_COLORS.hedera.smoke },
+                        field === 'accountId' && 'Account ID:',
+                        field === 'privateKey' && 'Private Key:',
+                        field === 'network' && 'Network:',
+                        field === 'openAIApiKey' && 'OpenAI Key:')),
+                currentField === index ? (field === 'network' ? (React.createElement(SelectInput, { items: [
+                        { label: 'Testnet', value: 'testnet' },
+                        { label: 'Mainnet', value: 'mainnet' },
+                    ], initialIndex: config.network === 'testnet' ? 0 : 1, onSelect: item => {
+                        onUpdateConfig('network', item.value);
+                        if (currentField < fields.length - 1) {
+                            onSetCurrentField(currentField + 1);
+                        }
+                    } })) : (React.createElement(TextInput, { value: config[field], onChange: value => onUpdateConfig(field, value), onSubmit: () => {
+                        if (currentField < fields.length - 1) {
+                            onSetCurrentField(currentField + 1);
+                        }
+                        else {
+                            onInitializeAgent();
+                        }
+                    }, mask: field === 'privateKey' || field === 'openAIApiKey'
+                        ? '*'
+                        : undefined }))) : (React.createElement(Text, { color: BRAND_COLORS.hedera.smoke }, field === 'network'
+                    ? config[field]
+                    : config[field]
+                        ? '••••••••'
+                        : '(not set)'))))),
+            error && (React.createElement(Box, { marginTop: 2 },
+                React.createElement(StatusBadge, { status: "error" }),
+                React.createElement(Text, { color: "red" }, 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")))));
+};

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

@@ -0,0 +1,5 @@
+import React from 'react';
+/**
+ * Loading screen that tracks its own renders
+ */
+export declare const SingleLoadingScreen: React.FC;

package/cli/dist/components/SingleLoadingScreen.js

@@ -0,0 +1,27 @@
+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;
+/**
+ * Loading screen that tracks its own renders
+ */
+export const SingleLoadingScreen = () => {
+    const renderCount = useRef(0);
+    const instanceId = useRef(Math.random());
+    useEffect(() => {
+        renderCount.current++;
+        globalRenderCount++;
+        console.error(`[LOADING] Instance ${instanceId.current.toFixed(4)} - Render #${renderCount.current} (Global: ${globalRenderCount})`);
+        return () => {
+            console.error(`[LOADING] Instance ${instanceId.current.toFixed(4)} - Unmounting 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/StatusBadge.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+/**
+ * Status badge component
+ */
+export declare const StatusBadge: React.FC<{
+    status: 'success' | 'info' | 'warning' | 'error';
+}>;

package/cli/dist/components/StatusBadge.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { Box, Text } from 'ink';
+const BRAND_COLORS = {
+    blue: '#5599fe',
+    green: '#48df7b',
+};
+/**
+ * Status badge component
+ */
+export const StatusBadge = ({ status }) => {
+    const colors = {
+        success: BRAND_COLORS.green,
+        info: BRAND_COLORS.blue,
+        warning: '#FFBD2E',
+        error: '#FF5F57',
+    };
+    const labels = {
+        success: 'SUCCESS',
+        info: 'INFO',
+        warning: 'WARNING',
+        error: 'ERROR',
+    };
+    return (React.createElement(Box, { marginRight: 1 },
+        React.createElement(Text, { color: colors[status], bold: true },
+            "[",
+            labels[status],
+            "]")));
+};

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

@@ -0,0 +1,8 @@
+import React from 'react';
+/**
+ * Terminal window decoration component
+ */
+export declare const TerminalWindow: React.FC<{
+    title: string;
+    children: React.ReactNode;
+}>;

package/cli/dist/components/TerminalWindow.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { Box, Text } from 'ink';
+const BRAND_COLORS = {
+    blue: '#5599fe',
+    dark: '#3f4174',
+    hedera: {
+        smoke: '#8c8c8c',
+    },
+};
+/**
+ * Terminal window decoration component
+ */
+export const TerminalWindow = ({ title, children, }) => {
+    return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: BRAND_COLORS.blue },
+        React.createElement(Box, { paddingX: 1, borderStyle: "single", borderBottom: true, borderColor: BRAND_COLORS.dark },
+            React.createElement(Box, { marginRight: 1 },
+                React.createElement(Text, { color: "red" }, "\u25CF"),
+                React.createElement(Text, null, " "),
+                React.createElement(Text, { color: "yellow" }, "\u25CF"),
+                React.createElement(Text, null, " "),
+                React.createElement(Text, { color: "green" }, "\u25CF")),
+            React.createElement(Text, { color: BRAND_COLORS.hedera.smoke }, title)),
+        React.createElement(Box, { paddingX: 2, paddingY: 1, flexDirection: "column" }, children)));
+};

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { type Config, type Screen } from '../types';
+/**
+ * Welcome screen component
+ */
+export declare const WelcomeScreen: React.FC<{
+    config: Config;
+    onExit: () => void;
+    onInitializeAgent: () => void;
+    onSetScreen: (screen: Screen) => void;
+}>;

package/cli/dist/components/WelcomeScreen.js

@@ -0,0 +1,47 @@
+import React from 'react';
+import { Box, Text } from 'ink';
+import SelectInput from 'ink-select-input';
+import Gradient from 'ink-gradient';
+import { BRAND_COLORS } from '../types.js';
+/**
+ * Welcome screen component
+ */
+export const WelcomeScreen = ({ config, onExit, onInitializeAgent, onSetScreen }) => (React.createElement(Box, { flexDirection: "column", alignItems: "center", paddingY: 2 },
+    React.createElement(Box, { flexDirection: "column", alignItems: "center", marginBottom: 2 },
+        React.createElement(Box, null,
+            React.createElement(Gradient, { name: "atlas" },
+                React.createElement(Text, { bold: true }, "\u2566 \u2566\u2554\u2550\u2557\u2554\u2550\u2557\u2566 \u2566\u2554\u2550\u2557\u2566\u2550\u2557\u2554\u2550\u2557\u2554\u2550\u2557\u2566 \u2566 \u2554\u2550\u2557\u2554\u2557\u2554\u2566 \u2566\u2554\u2557\u2554\u2554\u2550\u2557"))),
+        React.createElement(Box, null,
+            React.createElement(Gradient, { name: "atlas" },
+                React.createElement(Text, { bold: true }, "\u2560\u2550\u2563\u2560\u2550\u2563\u255A\u2550\u2557\u2560\u2550\u2563\u2551 \u2566\u2560\u2566\u255D\u2560\u2550\u2563\u2560\u2550\u255D\u2560\u2550\u2563 \u2551 \u2551\u2551\u2551\u2551\u2551 \u2551\u2551\u2551\u2551\u2551\u2563 "))),
+        React.createElement(Box, null,
+            React.createElement(Gradient, { name: "atlas" },
+                React.createElement(Text, { bold: true }, "\u2569 \u2569\u2569 \u2569\u255A\u2550\u255D\u2569 \u2569\u255A\u2550\u255D\u2569\u255A\u2550\u2569 \u2569\u2569 \u2569 \u2569 \u255A\u2550\u255D\u255D\u255A\u255D\u2569\u2550\u255D\u2569\u255D\u255A\u255D\u255A\u2550\u255D"))),
+        React.createElement(Text, { color: BRAND_COLORS.hedera.smoke }, "Conversational Agent CLI"),
+        React.createElement(Text, { color: BRAND_COLORS.hedera.smoke, dimColor: true }, "Powered by Hashgraph Online")),
+    React.createElement(Box, { marginY: 2 },
+        React.createElement(SelectInput, { items: [
+                { label: 'Start Chat', value: 'chat' },
+                { label: 'Configure', value: 'setup' },
+                { label: 'MCP Servers', value: 'mcp-config' },
+                { label: 'Exit', value: 'exit' },
+            ], onSelect: item => {
+                if (item.value === 'exit') {
+                    onExit();
+                }
+                else if (item.value === 'chat') {
+                    if (config.accountId &&
+                        config.privateKey &&
+                        config.openAIApiKey) {
+                        onInitializeAgent();
+                    }
+                    else {
+                        onSetScreen('setup');
+                    }
+                }
+                else {
+                    onSetScreen(item.value);
+                }
+            } })),
+    React.createElement(Box, { marginTop: 2 },
+        React.createElement(Text, { dimColor: true }, "Press \u2191/\u2193 to navigate, Enter to select"))));