aiexecode 1.0.64 → 1.0.65

package/src/ui/components/HistoryDisplay.js

@@ -1,121 +0,0 @@
-/**
- * History display component for showing message history
- */
-
-import React from 'react';
-import { Box, Text } from 'ink';
-import { theme } from '../themes/semantic-tokens.js';
-
-function renderHistoryItem(item, index) {
-    const { type } = item;
-
-    switch (type) {
-        case 'user':
-            return React.createElement(Box, { key: index, marginBottom: 1 },
-                React.createElement(Text, { color: theme.text.accent, bold: true }, '> '),
-                React.createElement(Text, { color: theme.text.primary }, item.text)
-            );
-
-        case 'assistant':
-            return React.createElement(Box, { key: index, marginBottom: 1 },
-                React.createElement(Text, { color: theme.status.info, bold: true }, '◆ '),
-                React.createElement(Text, { color: theme.text.primary }, item.text)
-            );
-
-        case 'system':
-            return React.createElement(Box, { key: index, marginBottom: 1 },
-                React.createElement(Text, { color: theme.text.secondary }, item.text)
-            );
-
-        case 'error':
-            return React.createElement(Box, { key: index, marginBottom: 1 },
-                React.createElement(Text, { color: theme.status.error, bold: true }, '✗ '),
-                React.createElement(Text, { color: theme.status.error }, item.text)
-            );
-
-        case 'iteration_start':
-            return React.createElement(Box, { key: index, marginY: 1, borderStyle: "round", borderColor: theme.border.focused, paddingX: 1 },
-                React.createElement(Text, { color: theme.text.accent, bold: true },
-                    `🔄 Iteration ${item.iterationNumber}`)
-            );
-
-        case 'tool_start':
-            return React.createElement(Box, { key: index, marginBottom: 1 },
-                React.createElement(Text, { color: theme.status.success, bold: true }, '⚙ '),
-                React.createElement(Text, { color: theme.status.success }, item.toolName)
-            );
-
-        case 'tool_result':
-            return React.createElement(Box, { key: index, marginBottom: 1, marginLeft: 2 },
-                React.createElement(Text, { color: theme.text.secondary }, item.result.stdout || '')
-            );
-
-        case 'code_execution':
-            return React.createElement(Box, { key: index, flexDirection: "column", marginBottom: 1 },
-                React.createElement(Box, {
-                    borderStyle: "round",
-                    borderColor: theme.status.success,
-                    paddingX: 1
-                },
-                    React.createElement(Text, { color: theme.status.success }, item.code)
-                )
-            );
-
-        case 'code_result':
-            return React.createElement(Box, { key: index, flexDirection: "column", marginBottom: 1, marginLeft: 2 },
-                item.stdout && React.createElement(Text, { color: theme.text.primary }, item.stdout),
-                item.stderr && React.createElement(Text, { color: theme.status.error }, item.stderr),
-                item.exitCode !== 0 && React.createElement(Text, { color: theme.status.warning },
-                    `Exit code: ${item.exitCode}`)
-            );
-
-        case 'rag_search':
-            return React.createElement(Box, { key: index, marginBottom: 1 },
-                React.createElement(Text, { color: theme.status.info }, '🔍 '),
-                React.createElement(Text, { color: theme.text.secondary },
-                    `RAG context: ${item.contextLength} chars`)
-            );
-
-        case 'conversation_restored':
-            return React.createElement(Box, { key: index, marginBottom: 1 },
-                React.createElement(Text, { color: theme.status.info },
-                    `🔄 Restored ${item.messageCount} messages`)
-            );
-
-        case 'verification_result':
-            return React.createElement(Box, { key: index, flexDirection: "column", marginY: 1,
-                borderStyle: "round", borderColor: theme.border.default, paddingX: 1 },
-                React.createElement(Text, { color: theme.text.accent }, `Decision: ${item.result.decision}`),
-                item.result.improvement_points && React.createElement(Text, { color: theme.text.secondary },
-                    `Next: ${item.result.improvement_points}`)
-            );
-
-        case 'mission_completed':
-            return React.createElement(Box, { key: index, marginY: 1 },
-                React.createElement(Text, { color: theme.status.success, bold: true },
-                    '✅ Mission Complete!')
-            );
-
-        case 'mission_failed':
-            return React.createElement(Box, { key: index, marginY: 1 },
-                React.createElement(Text, { color: theme.status.error, bold: true },
-                    `❌ Mission Failed: ${item.reason}`)
-            );
-
-        default:
-            return React.createElement(Box, { key: index, marginBottom: 1 },
-                React.createElement(Text, { color: theme.text.secondary },
-                    JSON.stringify(item))
-            );
-    }
-}
-
-export function HistoryDisplay({ history = [] }) {
-    if (history.length === 0) {
-        return null;
-    }
-
-    return React.createElement(Box, { flexDirection: "column", marginBottom: 1 },
-        history.map((item, index) => renderHistoryItem(item, index))
-    );
-}

package/src/ui/components/MainContent.js

@@ -1,69 +0,0 @@
-/**
- * MainContent - Displays history and pending items with Static optimization
- */
-
-import React, { useMemo } from 'react';
-import { Box, Static } from 'ink';
-import { Header } from './Header.js';
-import { HistoryItemDisplay } from './HistoryItemDisplay.js';
-import { useUIState } from '../contexts/UIStateContext.js';
-import { useAppContext } from '../contexts/AppContext.js';
-import { createDebugLogger } from '../../util/debug_log.js';
-
-const debugLog = createDebugLogger('ui_components.log', 'MainContent');
-
-// pendingHistoryItems 렌더링 활성화 여부
-const RENDER_PENDING_HISTORY = false;
-
-export const MainContent = React.memo(function MainContent() {
-    debugLog('MainContent rendering');
-    const appContext = useAppContext();
-    const uiState = useUIState();
-
-    const { history, pendingHistoryItems, mainAreaWidth, historyRemountKey } = uiState;
-    debugLog(`MainContent - history: ${history.length}, pending: ${pendingHistoryItems.length}, width: ${mainAreaWidth}`);
-
-    // Memoize static items to prevent re-creation on every render
-    const staticItems = useMemo(() => {
-        debugLog(`MainContent - rebuilding staticItems with ${history.length} history items`);
-        return [
-        React.createElement(Header, {
-            key: "app-header",
-            version: appContext.version
-        }),
-        ...history.map((item, index) =>
-            React.createElement(HistoryItemDisplay, {
-                key: item.id || `history-${index}`,
-                item,
-                isPending: false,
-                terminalWidth: mainAreaWidth,
-                nextItem: history[index + 1]
-            })
-        )
-    ];
-    }, [history, mainAreaWidth, appContext.version]);
-
-    return React.createElement(React.Fragment, null,
-        // Static area for immutable history with key for controlled remounting
-        React.createElement(Static, {
-            key: historyRemountKey || 0,
-            items: staticItems
-        }, (item) => item),
-
-        // Dynamic area for pending/streaming content
-        RENDER_PENDING_HISTORY && React.createElement(Box, {
-            flexDirection: "column",
-            width: mainAreaWidth
-        },
-            pendingHistoryItems.map((item, index) =>
-                React.createElement(HistoryItemDisplay, {
-                    key: `pending-${index}`,
-                    item,
-                    isPending: true,
-                    terminalWidth: mainAreaWidth,
-                    nextItem: pendingHistoryItems[index + 1]
-                })
-            )
-        )
-    );
-});

package/src/ui/layouts/DefaultAppLayout.js

@@ -1,33 +0,0 @@
-/**
- * DefaultAppLayout - Main application layout
- */
-
-import React from 'react';
-import { Box } from 'ink';
-import { MainContent } from '../components/MainContent.js';
-import { Composer } from '../components/Composer.js';
-import { Notifications } from '../components/Notifications.js';
-import { Footer } from '../components/Footer.js';
-import { useUIState } from '../contexts/UIStateContext.js';
-import { useAppContext } from '../contexts/AppContext.js';
-
-export function DefaultAppLayout({ onSubmit, onClearScreen, commands, buffer }) {
-    const uiState = useUIState();
-    const appContext = useAppContext();
-
-    return React.createElement(Box, {
-        flexDirection: "column",
-        padding: 0,
-        ref: uiState.rootUiRef
-    },
-        React.createElement(MainContent),
-        React.createElement(Notifications),
-        React.createElement(Composer, {
-            onSubmit,
-            onClearScreen,
-            commands,
-            buffer
-        }),
-        React.createElement(Footer, { model: appContext.model })
-    );
-}