@testany/hephos 0.3.0

package/out/repl/ReplModeInk.js

@@ -0,0 +1,1486 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * ReplModeInk - 基于 Ink + React 的交互式 REPL
+ */
+import { useState, useEffect, useRef, useMemo } from 'react';
+import { render, Box, Text, useInput, useApp, Static, useStdout } from 'ink';
+import TextInput from 'ink-text-input';
+import * as fs from 'fs';
+import { watch } from 'fs';
+import * as path from 'path';
+import { fileURLToPath } from 'url';
+import { detectAllTools } from '@testany/agent-chatter-core';
+import { initializeServices } from '@testany/agent-chatter-core';
+import { LocalExecutionEnvironment } from '../LocalExecutionEnvironment.js';
+import { AdapterFactory } from '../adapters/AdapterFactory.js';
+import { splitConfig, DEFAULT_UI_PREFERENCES } from '../config/index.js';
+import { processWizardStep1Input } from './wizard/wizardStep1Reducer.js';
+import { AgentsMenu } from './components/AgentsMenu.js';
+import { RegistryStorage } from '@testany/agent-chatter-core';
+import { ThinkingIndicator } from './components/ThinkingIndicator.js';
+import { getTeamConfigDir, ensureTeamConfigDir, resolveTeamConfigPath, formatMissingConfigError, discoverTeamConfigs } from '@testany/agent-chatter-core';
+import { SessionStorageService } from '@testany/agent-chatter-core';
+import { RestorePrompt } from './components/RestorePrompt.js';
+import { QueueDisplay } from './components/QueueDisplay.js';
+// Read version from package.json
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const packageJsonPath = path.join(__dirname, '..', '..', 'package.json');
+const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf-8'));
+const VERSION = packageJson.version;
+const commands = [
+    { name: '/help', desc: 'Show this help message' },
+    { name: '/status', desc: 'Check installed AI CLI tools' },
+    { name: '/agents', desc: 'Manage registered AI agents' },
+    { name: '/team', desc: 'Manage team configurations' },
+    { name: '/clear', desc: 'Clear the screen' },
+    { name: '/exit', desc: 'Exit the application' },
+];
+const teamCommands = [
+    { name: '/team create', desc: 'Create a new team configuration' },
+    { name: '/team list', desc: 'List all team configurations' },
+    { name: '/team deploy', desc: 'Deploy and load a team configuration' },
+    { name: '/team edit', desc: 'Edit an existing team configuration' },
+    { name: '/team delete', desc: 'Delete a team configuration' },
+];
+const agentsCommands = [
+    { name: '/agents register', desc: 'Scan and register AI CLI tools' },
+    { name: '/agents list', desc: 'List all registered agents' },
+    { name: '/agents verify', desc: 'Verify agent availability' },
+    { name: '/agents info', desc: 'Show agent detailed information' },
+    { name: '/agents edit', desc: 'Edit agent configuration' },
+    { name: '/agents delete', desc: 'Delete a registered agent' },
+];
+// 欢迎界面组件
+function WelcomeScreen() {
+    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Box, { borderStyle: "single", borderColor: "cyan", paddingX: 2, paddingY: 1, flexDirection: "column", alignItems: "center", children: [_jsx(Text, { bold: true, color: "cyan", children: "AGENT CHATTER" }), _jsx(Text, { dimColor: true, children: "Multi-AI Conversation Orchestrator" })] }), _jsxs(Text, { dimColor: true, children: ["  Version ", VERSION, " \u2022 TestAny.io"] }), _jsxs(Text, { dimColor: true, children: ["  Type ", _jsx(Text, { color: "green", children: "/help" }), " for available commands"] }), _jsxs(Text, { dimColor: true, children: ["  Type ", _jsx(Text, { color: "green", children: "/exit" }), " to quit"] })] }));
+}
+// 命令提示组件
+// In alternateBuffer mode, we need a fixed height to prevent layout jumps
+const MAX_VISIBLE_HINTS = 5; // Max visible command hints (not counting scroll indicators)
+const HINT_BOX_HEIGHT = MAX_VISIBLE_HINTS + 1; // +1 for marginTop
+function CommandHints({ input, selectedIndex }) {
+    if (!input.startsWith('/')) {
+        // Return empty placeholder with fixed height to prevent layout shift
+        return _jsx(Box, { height: HINT_BOX_HEIGHT });
+    }
+    const matches = commands.filter(cmd => cmd.name.startsWith(input));
+    if (matches.length === 0) {
+        // Return empty placeholder with fixed height to prevent layout shift
+        return _jsx(Box, { height: HINT_BOX_HEIGHT });
+    }
+    // If all matches fit, show them all
+    if (matches.length <= MAX_VISIBLE_HINTS) {
+        return (_jsx(Box, { flexDirection: "column", marginLeft: 2, marginTop: 1, height: HINT_BOX_HEIGHT, children: matches.map((cmd, idx) => (_jsxs(Box, { children: [_jsxs(Text, { color: idx === selectedIndex ? 'green' : 'gray', bold: idx === selectedIndex, children: [idx === selectedIndex ? '▶ ' : '  ', cmd.name] }), _jsxs(Text, { dimColor: true, children: [" - ", cmd.desc] })] }, cmd.name))) }));
+    }
+    // Need scrolling: reserve 1 line for scroll indicator, show MAX_VISIBLE_HINTS - 1 items
+    const visibleItems = MAX_VISIBLE_HINTS - 1;
+    // Calculate scroll window to keep selectedIndex visible
+    let startIdx = 0;
+    if (selectedIndex >= visibleItems) {
+        startIdx = selectedIndex - visibleItems + 1;
+    }
+    startIdx = Math.max(0, Math.min(startIdx, matches.length - visibleItems));
+    const displayMatches = matches.slice(startIdx, startIdx + visibleItems);
+    const hasMoreAbove = startIdx > 0;
+    const hasMoreBelow = startIdx + visibleItems < matches.length;
+    // Build scroll indicator text
+    let scrollIndicator = '';
+    if (hasMoreAbove && hasMoreBelow) {
+        scrollIndicator = `↑${startIdx} more above | ↓${matches.length - startIdx - visibleItems} more below`;
+    }
+    else if (hasMoreAbove) {
+        scrollIndicator = `↑ ${startIdx} more above`;
+    }
+    else if (hasMoreBelow) {
+        scrollIndicator = `↓ ${matches.length - startIdx - visibleItems} more below`;
+    }
+    return (_jsxs(Box, { flexDirection: "column", marginLeft: 2, marginTop: 1, height: HINT_BOX_HEIGHT, children: [displayMatches.map((cmd, idx) => {
+                const actualIdx = startIdx + idx;
+                return (_jsxs(Box, { children: [_jsxs(Text, { color: actualIdx === selectedIndex ? 'green' : 'gray', bold: actualIdx === selectedIndex, children: [actualIdx === selectedIndex ? '▶ ' : '  ', cmd.name] }), _jsxs(Text, { dimColor: true, children: [" - ", cmd.desc] })] }, cmd.name));
+            }), scrollIndicator && (_jsxs(Text, { dimColor: true, children: ["  ", scrollIndicator] }))] }));
+}
+// 帮助信息
+function HelpMessage() {
+    return (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { bold: true, children: "Available Commands:" }), commands.map(cmd => (_jsxs(Box, { marginLeft: 2, children: [_jsx(Text, { color: "green", children: cmd.name.padEnd(18) }), _jsx(Text, { dimColor: true, children: cmd.desc })] }, cmd.name))), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Message Markers:" }), _jsxs(Box, { marginLeft: 2, children: [_jsx(Text, { color: "green", children: '[FROM:name]'.padEnd(18) }), _jsx(Text, { dimColor: true, children: "Specify human sender (required for multi-human teams)" })] }), _jsxs(Box, { marginLeft: 2, children: [_jsx(Text, { color: "green", children: '[NEXT:name]'.padEnd(18) }), _jsx(Text, { dimColor: true, children: "Route message to specific member" })] }), _jsxs(Box, { marginLeft: 2, children: [_jsx(Text, { color: "green", children: '[TEAM_TASK:desc]'.padEnd(18) }), _jsx(Text, { dimColor: true, children: "Set persistent team-wide task context" })] })] })] }));
+}
+/**
+ * Renders the active todo list with in-place updates.
+ * Shows member name in their theme color.
+ */
+function TodoListView({ todoList }) {
+    const statusEmoji = (status) => {
+        switch (status) {
+            case 'completed': return '✅';
+            case 'cancelled': return '❌';
+            default: return '⭕'; // pending, in_progress
+        }
+    };
+    return (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsxs(Text, { bold: true, color: todoList.memberThemeColor, children: ["\uD83D\uDCCB Plan (", todoList.memberDisplayName, "):"] }), todoList.items.map((item, idx) => (_jsxs(Text, { color: item.status === 'completed' ? 'green' : 'yellow', children: [statusEmoji(item.status), " ", item.text] }, `${todoList.todoId}-${idx}`)))] }));
+}
+// ===== End Todo List Types and Component =====
+// 工具状态显示
+function StatusDisplay({ tools }) {
+    const installed = tools.filter(t => t.installed);
+    const notInstalled = tools.filter(t => !t.installed);
+    return (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [installed.length > 0 && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "green", children: "\u2713 Installed:" }), installed.map(tool => (_jsxs(Box, { marginLeft: 2, children: [_jsx(Text, { color: "green", children: "\u25CF" }), _jsxs(Text, { children: [" ", tool.displayName] }), tool.version && _jsxs(Text, { dimColor: true, children: [" (v", tool.version, ")"] })] }, tool.name)))] })), notInstalled.length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: "yellow", children: "\u2717 Not Installed:" }), notInstalled.map(tool => (_jsxs(Box, { marginLeft: 2, flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: "\u25CB" }), _jsxs(Text, { children: [" ", tool.displayName] })] }), tool.installHint && (_jsx(Box, { marginLeft: 2, children: _jsxs(Text, { dimColor: true, children: ["  ", tool.installHint] }) }))] }, tool.name)))] }))] }));
+}
+// Team configuration list component (using discoverTeamConfigs)
+function TeamList() {
+    const configs = discoverTeamConfigs();
+    if (configs.length === 0) {
+        return (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { color: "yellow", children: "No team configurations found" }), _jsx(Text, { dimColor: true, children: "Use /team create to create a team configuration" })] }));
+    }
+    return (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { bold: true, children: "Available Teams:" }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: configs.map((config, idx) => (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { children: [_jsxs(Text, { color: "cyan", bold: true, children: ["[", idx + 1, "]"] }), _jsx(Text, { children: " " }), _jsx(Text, { color: "green", children: config.displayName })] }), _jsx(Box, { marginLeft: 4, children: _jsxs(Text, { dimColor: true, children: ["File: ", config.filename] }) }), _jsx(Box, { marginLeft: 4, children: _jsxs(Text, { dimColor: true, children: ["Members: ", config.memberCount, " (", config.aiCount, " AI, ", config.humanCount, " Human)"] }) })] }, config.filename))) }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { dimColor: true, children: "Type " }), _jsx(Text, { color: "green", children: "/team deploy <filename>" }), _jsx(Text, { dimColor: true, children: " to deploy a team" })] })] }));
+}
+// Team menu help component
+function TeamMenuHelp() {
+    return (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { bold: true, children: "Team Management Commands:" }), teamCommands.map(cmd => (_jsxs(Box, { marginLeft: 2, children: [_jsx(Text, { color: "green", children: cmd.name.padEnd(22) }), _jsx(Text, { dimColor: true, children: cmd.desc })] }, cmd.name)))] }));
+}
+// Legacy config list (kept for /list command backward compatibility)
+// Now uses discoverTeamConfigs() for content-based discovery
+function ConfigList({ currentConfigPath }) {
+    const configs = discoverTeamConfigs();
+    if (configs.length === 0) {
+        return (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { color: "yellow", children: "No configuration files found" }), _jsx(Text, { dimColor: true, children: "Use /team create to create a team configuration" })] }));
+    }
+    return (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { color: "yellow", dimColor: true, children: "Note: /list is deprecated. Use /team list instead." }), _jsx(Box, { marginTop: 1, children: configs.map((config) => {
+                    const isActive = currentConfigPath && config.filename === path.basename(currentConfigPath);
+                    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Box, { children: [_jsx(Text, { color: isActive ? 'green' : 'gray', children: isActive ? '●' : '○' }), _jsx(Text, { children: " " }), _jsx(Text, { color: isActive ? 'green' : 'white', children: config.displayName })] }), _jsx(Box, { marginLeft: 4, children: _jsxs(Text, { dimColor: true, children: ["File: ", config.filename] }) })] }, config.filename));
+                }) })] }));
+}
+function WizardView({ wizardState }) {
+    const { step, totalSteps, data } = wizardState;
+    return (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Box, { borderStyle: "single", borderColor: "gray", padding: 1, children: _jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, color: "cyan", children: "Team Creation Wizard" }), _jsxs(Text, { dimColor: true, children: ["Step ", step, "/", totalSteps] })] }) }), step === 1 && _jsx(WizardStep1TeamStructure, { data: data }), step === 2 && _jsx(WizardStep2DetectAgents, { data: data }), step === 3 && _jsx(WizardStep3ConfigureMembers, { data: data }), step === 4 && _jsx(WizardStep4TeamSettings, { data: data }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { dimColor: true, children: "Press " }), _jsx(Text, { color: "yellow", children: "Ctrl+C" }), _jsx(Text, { dimColor: true, children: " to cancel wizard" })] })] }));
+}
+function WizardStep1TeamStructure({ data }) {
+    const visibleRoles = (data.roleDefinitions || []).filter(role => role.name && role.name.trim().length > 0);
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { bold: true, children: "Step 1/4: Team Structure" }), _jsx(Text, { dimColor: true, children: "Define your team's basic structure" }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Text, { children: ["Team Name: ", _jsx(Text, { color: "cyan", children: data.teamName || '(not set)' })] }), _jsxs(Text, { children: ["Description: ", _jsx(Text, { color: "cyan", children: data.teamDescription || '(not set)' })] }), _jsxs(Text, { children: ["Instruction File: ", _jsx(Text, { color: "cyan", children: data.teamInstructionFile || '(not set)' })] }), visibleRoles.length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { children: "Roles Defined:" }), visibleRoles.map((role, idx) => (_jsx(Box, { marginLeft: 2, children: _jsxs(Text, { children: ["\u2022 ", role.name, role.description ? `: ${role.description}` : ''] }) }, `${role.name}-${idx}`)))] }))] })] }));
+}
+function WizardStep2DetectAgents({ data }) {
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { bold: true, children: "Step 2/4: Detect Available AI Agents" }), _jsx(Text, { dimColor: true, children: "Scanning installed AI CLI tools..." }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: data.availableAgents && data.availableAgents.length > 0 ? (_jsxs(_Fragment, { children: [_jsxs(Text, { color: "green", children: ["\u2713 Found ", data.availableAgents.length, " AI agent(s)"] }), data.availableAgents.map((agent, idx) => (_jsx(Box, { marginLeft: 2, children: _jsxs(Text, { children: [data.selectedAgents?.includes(agent) ? '☑' : '☐', " ", agent] }) }, idx)))] })) : (_jsx(Text, { color: "yellow", children: "No AI agents detected" })) })] }));
+}
+function WizardStep3ConfigureMembers({ data }) {
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { bold: true, children: "Step 3/4: Configure Team Members" }), _jsx(Text, { dimColor: true, children: "Configure each team member" }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: data.memberConfigs && data.memberConfigs.length > 0 ? (data.memberConfigs.map((member, idx) => (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { children: ["Member ", idx + 1, ": ", _jsx(Text, { color: "cyan", children: member.displayName || '(not configured)' })] }), _jsx(Box, { marginLeft: 2, children: _jsxs(Text, { dimColor: true, children: ["Type: ", member.type, ", Role: ", member.assignedRole] }) })] }, idx)))) : (_jsx(Text, { color: "yellow", children: "No members configured yet" })) })] }));
+}
+function WizardStep4TeamSettings({ data }) {
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { bold: true, children: "Step 4/4: Team Settings" }), _jsx(Text, { dimColor: true, children: "Configure final team settings" }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsxs(Text, { children: ["Max Rounds: ", _jsx(Text, { color: "cyan", children: data.maxRounds ?? '(not set)' })] }) })] }));
+}
+function MenuView({ menuState, menuItems, selectedIndex }) {
+    return (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Box, { borderStyle: "single", borderColor: "gray", padding: 1, children: _jsx(Text, { bold: true, color: "cyan", children: "Team Configuration Editor" }) }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Text, { bold: true, children: ["Team: ", menuState.config.team?.name || 'Unknown'] }), _jsxs(Text, { dimColor: true, children: ["File: ", menuState.configPath] })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Main Menu" }), _jsx(Text, { dimColor: true, children: '─'.repeat(40) }), menuItems.map((item, idx) => (_jsx(Box, { children: _jsxs(Text, { color: idx === selectedIndex ? 'green' : 'gray', bold: idx === selectedIndex, children: [idx === selectedIndex ? '▶ ' : '  ', item.label] }) }, idx)))] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { dimColor: true, children: "Use " }), _jsx(Text, { color: "yellow", children: "\u2191\u2193" }), _jsx(Text, { dimColor: true, children: " to navigate, " }), _jsx(Text, { color: "yellow", children: "Enter" }), _jsx(Text, { dimColor: true, children: " to select, " }), _jsx(Text, { color: "yellow", children: "Ctrl+C" }), _jsx(Text, { dimColor: true, children: " to cancel" })] })] }));
+}
+function FormView({ formState }) {
+    const currentField = formState.fields[formState.currentFieldIndex];
+    const error = formState.errors[currentField?.name];
+    return (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Box, { borderStyle: "single", borderColor: "gray", padding: 1, children: _jsx(Text, { bold: true, color: "cyan", children: "Input Form" }) }), currentField && (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { bold: true, children: currentField.label }), currentField.required && _jsx(Text, { dimColor: true, children: "(required)" }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { children: currentField.value }) }), error && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "red", children: ["\u2717 ", error] }) })), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { dimColor: true, children: "Press " }), _jsx(Text, { color: "yellow", children: "Enter" }), _jsx(Text, { dimColor: true, children: " to confirm, " }), _jsx(Text, { color: "yellow", children: "Ctrl+C" }), _jsx(Text, { dimColor: true, children: " to cancel" })] })] }))] }));
+}
+function SelectView({ title, options, selectedIndex, multiSelect, selectedItems }) {
+    return (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Box, { borderStyle: "single", borderColor: "gray", padding: 1, children: _jsx(Text, { bold: true, color: "cyan", children: title }) }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: options.map((option, idx) => {
+                    const isSelected = idx === selectedIndex;
+                    const isChecked = multiSelect && selectedItems?.has(option);
+                    return (_jsx(Box, { children: _jsxs(Text, { color: isSelected ? 'green' : 'gray', bold: isSelected, children: [isSelected ? '▶ ' : '  ', multiSelect ? (isChecked ? '☑' : '☐') : '', ' ', option] }) }, idx));
+                }) }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { dimColor: true, children: "Use " }), _jsx(Text, { color: "yellow", children: "\u2191\u2193" }), _jsx(Text, { dimColor: true, children: " to navigate, " }), multiSelect && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "yellow", children: "Space" }), _jsx(Text, { dimColor: true, children: " to toggle, " })] })), _jsx(Text, { color: "yellow", children: "Enter" }), _jsx(Text, { dimColor: true, children: " to confirm" })] })] }));
+}
+function App({ registryPath, debug = false }) {
+    const { stdout } = useStdout();
+    const terminalWidth = stdout?.columns || 80;
+    const [input, setInput] = useState('');
+    // Initialize output with WelcomeScreen as first item - it will be rendered once via Static
+    const [output, setOutput] = useState([_jsx(WelcomeScreen, {}, "welcome")]);
+    const [currentConfig, setCurrentConfig] = useState(null);
+    const [currentConfigPath, setCurrentConfigPath] = useState(null);
+    const [uiPrefs, setUiPrefs] = useState(DEFAULT_UI_PREFERENCES);
+    const [keyCounter, setKeyCounter] = useState(0);
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [mode, setMode] = useState('normal');
+    const [activeCoordinator, setActiveCoordinator] = useState(null);
+    const [activeTeam, setActiveTeam] = useState(null);
+    const [executingAgent, setExecutingAgent] = useState(null);
+    const [activeTodoList, setActiveTodoList] = useState(null);
+    const [isExiting, setIsExiting] = useState(false);
+    const [queueState, setQueueState] = useState(null);
+    // Streaming event handling
+    const pendingEventsRef = useRef([]);
+    const flushScheduledRef = useRef(false);
+    const eventListenerRef = useRef(null);
+    const eventEmitterRef = useRef(null);
+    // Registry path management
+    const [registry] = useState(() => {
+        const defaultPath = new RegistryStorage().getPath();
+        return registryPath || defaultPath;
+    });
+    // Wizard state
+    const [wizardState, setWizardState] = useState(null);
+    // Menu state
+    const [menuState, setMenuState] = useState(null);
+    const [menuItems, setMenuItems] = useState([]);
+    // Session restore state
+    const [sessionStorage] = useState(() => new SessionStorageService());
+    const [pendingRestore, setPendingRestore] = useState(null);
+    // Form state
+    const [formState, setFormState] = useState(null);
+    // Select state
+    const [selectState, setSelectState] = useState(null);
+    // Confirmation state
+    const [confirmState, setConfirmState] = useState(null);
+    const { exit } = useApp();
+    const debugLogStreamRef = useRef(null);
+    const getNextKey = () => {
+        const currentKey = keyCounter;
+        setKeyCounter(prev => prev + 1);
+        return currentKey;
+    };
+    useEffect(() => {
+        return () => {
+            attachEventEmitter(null);
+            if (debugLogStreamRef.current) {
+                debugLogStreamRef.current.end('\n');
+            }
+        };
+    }, []);
+    // 获取当前匹配的命令
+    const getMatches = () => {
+        if (!input.startsWith('/'))
+            return [];
+        return commands.filter(cmd => cmd.name.startsWith(input));
+    };
+    const truncate = (val, max = 100) => {
+        if (!val)
+            return '';
+        return val.length > max ? `${val.slice(0, max)}…` : val;
+    };
+    /**
+     * Append node(s) to output, with optional sliding window to keep render fast.
+     * Supports both single ReactNode and ReactNode[] - arrays are flattened into individual items.
+     */
+    const appendOutput = (nodeOrNodes, maxItems = 500) => {
+        setOutput(prev => {
+            // Flatten arrays into individual items for correct sliding window counting
+            const nodesToAdd = Array.isArray(nodeOrNodes) ? nodeOrNodes : [nodeOrNodes];
+            const next = [...prev, ...nodesToAdd];
+            if (next.length > maxItems) {
+                // drop oldest
+                return next.slice(next.length - maxItems);
+            }
+            return next;
+        });
+    };
+    // Logger for Core services - writes to debug.log (and stderr for warn/error) to keep REPL UI clean
+    useEffect(() => {
+        if (!debug)
+            return;
+        const logPath = path.join(process.cwd(), 'debug.log');
+        const stream = fs.createWriteStream(logPath, { flags: 'a' });
+        stream.write(`\n===== ${new Date().toISOString()} REPL session started =====\n`);
+        debugLogStreamRef.current = stream;
+        return () => {
+            stream.end('\n');
+        };
+    }, [debug]);
+    const uiLogger = useMemo(() => {
+        const writeLog = (level, message, context, echoToStderr) => {
+            const formatted = context ? `[Core] [${level}] ${message} ${JSON.stringify(context)}` : `[Core] [${level}] ${message}`;
+            if (debug && debugLogStreamRef.current) {
+                debugLogStreamRef.current.write(`${new Date().toISOString()} ${formatted}\n`);
+            }
+            if (echoToStderr) {
+                console.error(`\x1b[2m${formatted}\x1b[0m`);
+            }
+        };
+        return {
+            debug: (message, context) => {
+                if (!debug)
+                    return;
+                writeLog('DEBUG', message, context, false);
+            },
+            info: (message, context) => {
+                if (!debug)
+                    return;
+                writeLog('INFO', message, context, false);
+            },
+            warn: (message, context) => {
+                writeLog('WARN', message, context, true);
+            },
+            error: (message, context) => {
+                writeLog('ERROR', message, context, true);
+            },
+        };
+    }, [debug]);
+    // Helper to format verification results for UI display
+    const formatVerificationResults = (results) => {
+        for (const [agentType, result] of results) {
+            if (result.status === 'verified') {
+                appendOutput(_jsxs(Text, { color: "green", children: ["\u2713 Agent ", agentType, " verified"] }, `verify-${agentType}-${getNextKey()}`));
+            }
+            else if (result.status === 'verified_with_warnings') {
+                appendOutput(_jsxs(Text, { color: "yellow", children: ["\u26A0 Agent ", agentType, " verified with warnings"] }, `verify-${agentType}-${getNextKey()}`));
+            }
+            if (result.checks && result.checks.length > 0) {
+                appendOutput(_jsx(Text, { dimColor: true, children: "  Verification checks:" }, `verify-checks-${agentType}-${getNextKey()}`));
+                for (const check of result.checks) {
+                    const icon = check.passed ? '✓' : '✗';
+                    appendOutput(_jsxs(Text, { dimColor: true, children: ["    ", icon, " ", check.name, ": ", check.message] }, `check-${agentType}-${check.name}-${getNextKey()}`));
+                    if (check.warning) {
+                        appendOutput(_jsxs(Text, { color: "yellow", children: ["      \u26A0 ", check.warning] }, `check-warn-${agentType}-${check.name}-${getNextKey()}`));
+                    }
+                }
+            }
+        }
+    };
+    const logEventToDebug = (text) => {
+        if (!debug)
+            return;
+        const entry = `${new Date().toISOString()} [AgentEvent] ${text}`;
+        if (debugLogStreamRef.current) {
+            debugLogStreamRef.current.write(`${entry}\n`);
+        }
+        // Do not echo to UI/STDOUT to keep REPL clean
+    };
+    const renderEvent = (ev) => {
+        const key = `stream-${ev.eventId || `${ev.agentId}-${ev.timestamp}`}-${getNextKey()}`;
+        switch (ev.type) {
+            case 'session.started':
+                return null; // too verbose for UI
+            case 'text':
+                // Skip 'result' category for Claude - it duplicates the streaming 'assistant-message' content
+                // We display 'assistant-message' (streaming chunks) for real-time feedback
+                // but skip 'result' (final complete response) to avoid showing the same text twice
+                if (ev.category === 'result') {
+                    return null;
+                }
+                // Reasoning/text 都显示在 UI（与 v0.2.8 行为一致），并在 debug 时写日志
+                if (ev.category === 'reasoning') {
+                    logEventToDebug(`[text:reasoning] ${truncate(ev.text)}`);
+                }
+                return (_jsx(Box, { flexDirection: "column", marginTop: 0, children: _jsx(Text, { color: ev.category === 'reasoning' ? 'gray' : undefined, children: ev.text }) }, key));
+            case 'tool.started': {
+                const formatTodos = (todos) => {
+                    const names = todos
+                        .map(t => t?.content)
+                        .filter(Boolean)
+                        .join(' | ');
+                    return names ? `todos: ${names}` : '';
+                };
+                const displayParam = ev.input?.command ||
+                    ev.input?.pattern ||
+                    ev.input?.file_path ||
+                    ev.input?.path ||
+                    (Array.isArray(ev.input?.todos) ? formatTodos(ev.input?.todos) : '') ||
+                    ev.input?.notebook_path ||
+                    ev.input?.prompt ||
+                    '';
+                const label = displayParam
+                    ? `⏺ ${ev.toolName ?? 'tool'} (${displayParam})`
+                    : `⏺ ${ev.toolName ?? 'tool'}`;
+                logEventToDebug(`[tool.started] ${label}`);
+                return (_jsx(Text, { color: "yellow", children: label }, key));
+            }
+            case 'tool.completed':
+                logEventToDebug(`[tool.completed] ${ev.toolId || ev.toolName} output=${truncate(ev.output)}${ev.error ? ` error=${ev.error}` : ''}`);
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: "green", children: ["\u23BF  ", truncate(ev.output)] }), ev.error && _jsxs(Text, { color: "red", children: ["    error: ", ev.error] })] }, key));
+            case 'turn.completed':
+                return null; // internal state, UI already shows ✓ agent 完成
+            case 'error':
+                return (_jsxs(Text, { color: "red", children: ["error: ", ev.error] }, key));
+            case 'todo_list':
+                // IMPORTANT: Do NOT render here - handled separately via activeTodoList state
+                return null;
+            default:
+                return null;
+        }
+    };
+    const flushPendingNow = () => {
+        if (pendingEventsRef.current.length === 0)
+            return;
+        const pending = [...pendingEventsRef.current];
+        pendingEventsRef.current = [];
+        const nodes = pending
+            .map(renderEvent)
+            .filter((n) => Boolean(n));
+        if (nodes.length > 0) {
+            appendOutput(nodes);
+        }
+    };
+    const scheduleStreamFlush = () => {
+        if (flushScheduledRef.current)
+            return;
+        flushScheduledRef.current = true;
+        setTimeout(() => {
+            flushScheduledRef.current = false;
+            if (pendingEventsRef.current.length === 0)
+                return;
+            const pending = [...pendingEventsRef.current];
+            pendingEventsRef.current = [];
+            const nodes = pending
+                .map(renderEvent)
+                .filter((n) => Boolean(n));
+            if (nodes.length > 0) {
+                appendOutput(nodes);
+            }
+        }, 16);
+    };
+    /**
+     * Handle todo_list events - update activeTodoList state for in-place rendering.
+     * Looks up member info from activeTeam to get display name and theme color.
+     */
+    const handleTodoListEvent = (ev) => {
+        // Find the member info for display
+        let memberDisplayName = ev.agentId;
+        let memberThemeColor = 'cyan';
+        if (activeTeam) {
+            const member = activeTeam.members.find(m => m.id === ev.agentId);
+            if (member) {
+                memberDisplayName = member.displayName;
+                memberThemeColor = member.themeColor || 'cyan';
+            }
+        }
+        setActiveTodoList({
+            todoId: ev.todoId,
+            agentId: ev.agentId,
+            memberDisplayName,
+            memberThemeColor,
+            items: ev.items
+        });
+    };
+    /**
+     * Clear todo list - call on agent switch, cancel, or error.
+     */
+    const clearTodoList = () => {
+        setActiveTodoList(null);
+    };
+    const attachEventEmitter = (emitter) => {
+        // Cleanup previous listener
+        if (eventListenerRef.current && eventEmitterRef.current) {
+            eventEmitterRef.current.off?.('agent-event', eventListenerRef.current);
+            eventEmitterRef.current.removeListener?.('agent-event', eventListenerRef.current);
+        }
+        eventEmitterRef.current = emitter;
+        if (!emitter)
+            return;
+        const listener = (ev) => {
+            // Handle todo_list events separately - update state, don't add to output
+            if (ev.type === 'todo_list') {
+                handleTodoListEvent(ev);
+                return;
+            }
+            pendingEventsRef.current.push(ev);
+            scheduleStreamFlush();
+        };
+        eventListenerRef.current = listener;
+        emitter.on('agent-event', listener);
+    };
+    // Handle input submission (Enter key)
+    const handleInputSubmit = (value) => {
+        if (mode === 'conversation') {
+            const success = handleConversationInput(value.trim());
+            // Only clear input if message was successfully processed
+            // If validation failed, keep the input so user can edit and retry
+            if (success) {
+                setInput('');
+            }
+        }
+        else if (mode === 'wizard') {
+            handleWizardInput(value.trim());
+            setInput('');
+        }
+        else if (mode === 'form') {
+            handleFormSubmit();
+            setInput('');
+        }
+        else {
+            // Normal mode - handle autocomplete
+            const matches = getMatches();
+            if (matches.length > 0 && value !== matches[selectedIndex].name) {
+                // Autocomplete
+                setInput(matches[selectedIndex].name + ' ');
+                setSelectedIndex(0);
+            }
+            else {
+                // Execute command
+                handleCommand(value.trim());
+                setInput('');
+                setSelectedIndex(0);
+            }
+        }
+    };
+    useInput((inputChar, key) => {
+        // CRITICAL: Prevent parent useInput from handling events in agentsMenu mode
+        // AgentsMenu component handles all input in that mode
+        if (mode === 'agentsMenu') {
+            return;
+        }
+        // Handle restore-prompt mode (R/N key selection)
+        if (mode === 'restore-prompt' && pendingRestore) {
+            const choice = inputChar.toLowerCase();
+            if (choice === 'r') {
+                // Resume session
+                handleRestoreChoice(true);
+                return;
+            }
+            if (choice === 'n') {
+                // Start new session
+                handleRestoreChoice(false);
+                return;
+            }
+            // ESC to cancel and return to normal mode
+            if (key.escape) {
+                setPendingRestore(null);
+                setMode('normal');
+                appendOutput(_jsx(Text, { color: "yellow", children: "Session restore cancelled" }, `restore-cancel-${getNextKey()}`));
+                return;
+            }
+            // Invalid input - show hint
+            if (inputChar && !key.ctrl) {
+                appendOutput(_jsx(Text, { dimColor: true, children: "Press R to resume or N to start new" }, `restore-hint-${getNextKey()}`));
+            }
+            return;
+        }
+        // ESC key - Cancel agent execution in conversation mode
+        if (key.escape) {
+            if (mode === 'conversation' && activeCoordinator && executingAgent) {
+                // Check if ESC cancellation is allowed (LLD-05: use uiPrefs)
+                if (uiPrefs.allowEscCancel) {
+                    // handleUserCancellation is async, fire-and-forget for UI responsiveness
+                    activeCoordinator.handleUserCancellation().catch(() => {
+                        // Errors already logged in method
+                    });
+                    clearTodoList(); // Clear todo list on cancel
+                    appendOutput(_jsx(Text, { color: "yellow", children: "Agent execution cancelled by user (ESC)" }, `agent-cancelled-${getNextKey()}`));
+                    return;
+                }
+            }
+        }
+        // Ctrl+C 退出或取消
+        if (key.ctrl && inputChar === 'c') {
+            if (mode === 'conversation' && activeCoordinator) {
+                // 退出对话模式
+                // stop() is async, fire-and-forget for UI responsiveness
+                activeCoordinator.stop().catch(() => {
+                    // Errors already logged in method
+                });
+                clearTodoList(); // Clear todo list on exit
+                setQueueState(null); // Clear queue display on exit
+                setMode('normal');
+                setActiveCoordinator(null);
+                setActiveTeam(null);
+                appendOutput(_jsx(Text, { color: "yellow", children: "Conversation stopped." }, `conv-stopped-${getNextKey()}`));
+                setInput('');
+                return;
+            }
+            else if (mode === 'wizard') {
+                // 取消向导
+                setMode('normal');
+                setWizardState(null);
+                appendOutput(_jsx(Text, { color: "yellow", children: "Wizard cancelled." }, `wizard-cancelled-${getNextKey()}`));
+                setInput('');
+                return;
+            }
+            else if (mode === 'menu') {
+                // 退出菜单
+                setMode('normal');
+                setMenuState(null);
+                setMenuItems([]);
+                appendOutput(_jsx(Text, { color: "yellow", children: "Menu editor closed." }, `menu-cancelled-${getNextKey()}`));
+                setInput('');
+                return;
+            }
+            else if (mode === 'form') {
+                // 取消表单
+                setMode('normal');
+                setFormState(null);
+                appendOutput(_jsx(Text, { color: "yellow", children: "Form cancelled." }, `form-cancelled-${getNextKey()}`));
+                setInput('');
+                return;
+            }
+            else if (mode === 'select') {
+                // 取消选择
+                setMode('normal');
+                setSelectState(null);
+                appendOutput(_jsx(Text, { color: "yellow", children: "Selection cancelled." }, `select-cancelled-${getNextKey()}`));
+                setInput('');
+                return;
+            }
+            else {
+                appendOutput(_jsx(Text, { color: "cyan", children: "Goodbye! \uD83D\uDC4B" }, "goodbye"));
+                setTimeout(() => exit(), 100);
+                return;
+            }
+        }
+        // 退格
+        if (key.backspace || key.delete) {
+            // CRITICAL: When in modes that use TextInput (normal, conversation, wizard, form),
+            // we MUST NOT handle backspace here. ink-text-input handles it internally based on cursor position.
+            // If we handle it here, we blindly slice the end of the string, which is wrong if the cursor is in the middle.
+            if (mode === 'normal' || mode === 'conversation' || mode === 'wizard' || mode === 'form') {
+                return;
+            }
+            setInput(prev => prev.slice(0, -1));
+            // if (mode === 'normal') setSelectedIndex(0); // This logic is likely not needed for menu/select modes
+            return;
+        }
+        // 回车 - 仅在 menu/select 模式处理（TextInput 模式由 onSubmit 处理）
+        if (key.return) {
+            if (mode === 'select') {
+                // 选择模式：确认选择
+                handleSelectConfirm();
+            }
+            else if (mode === 'menu') {
+                // 菜单模式：选择菜单项
+                handleMenuSelect();
+            }
+            // normal/conversation/wizard/form 由 TextInput 的 onSubmit 处理
+            return;
+        }
+        // 处理不同模式下的上下键导航
+        if (key.upArrow) {
+            if (mode === 'normal') {
+                const matches = getMatches();
+                if (matches.length > 0) {
+                    setSelectedIndex(prev => (prev > 0 ? prev - 1 : matches.length - 1));
+                    return;
+                }
+            }
+            else if (mode === 'menu' && menuItems.length > 0) {
+                setSelectedIndex(prev => (prev > 0 ? prev - 1 : menuItems.length - 1));
+                return;
+            }
+            else if (mode === 'select' && selectState) {
+                setSelectedIndex(prev => (prev > 0 ? prev - 1 : selectState.options.length - 1));
+                return;
+            }
+        }
+        if (key.downArrow) {
+            if (mode === 'normal') {
+                const matches = getMatches();
+                if (matches.length > 0) {
+                    setSelectedIndex(prev => (prev < matches.length - 1 ? prev + 1 : 0));
+                    return;
+                }
+            }
+            else if (mode === 'menu' && menuItems.length > 0) {
+                setSelectedIndex(prev => (prev < menuItems.length - 1 ? prev + 1 : 0));
+                return;
+            }
+            else if (mode === 'select' && selectState) {
+                setSelectedIndex(prev => (prev < selectState.options.length - 1 ? prev + 1 : 0));
+                return;
+            }
+        }
+        // 处理空格键 (用于多选模式)
+        if (inputChar === ' ' && mode === 'select' && selectState && selectState.multiSelect) {
+            const option = selectState.options[selectedIndex];
+            setSelectState(prev => {
+                if (!prev)
+                    return prev;
+                const newSelected = new Set(prev.selectedItems);
+                if (newSelected.has(option)) {
+                    newSelected.delete(option);
+                }
+                else {
+                    newSelected.add(option);
+                }
+                return { ...prev, selectedItems: newSelected };
+            });
+            return;
+        }
+        // Tab键自动补全 (只在normal模式)
+        if (mode === 'normal' && key.tab) {
+            const matches = getMatches();
+            if (matches.length > 0) {
+                setInput(matches[selectedIndex].name + ' ');
+                setSelectedIndex(0);
+                return;
+            }
+        }
+        // 处理确认对话框
+        if (confirmState) {
+            if (inputChar === 'y' || inputChar === 'Y') {
+                confirmState.onConfirm();
+                setConfirmState(null);
+                setInput('');
+                return;
+            }
+            else if (inputChar === 'n' || inputChar === 'N' || key.return) {
+                confirmState.onCancel();
+                setConfirmState(null);
+                setInput('');
+                return;
+            }
+        }
+        // 普通字符输入 - 仅在非 TextInput 模式（menu/select）中处理
+        // TextInput 模式（normal/conversation/wizard/form）由 TextInput onChange 处理
+        if (inputChar && (mode === 'menu' || mode === 'select')) {
+            setInput(prev => prev + inputChar);
+        }
+    });
+    // File watching for team config directory changes
+    useEffect(() => {
+        // Ensure directory exists before setting up watcher
+        // This handles fresh installs where directory doesn't exist yet
+        ensureTeamConfigDir();
+        const configDir = getTeamConfigDir();
+        // Watch for file changes in team-config directory
+        const watcher = watch(configDir, { recursive: false }, (eventType, filename) => {
+            if (filename && filename.endsWith('.json')) {
+                // Show notification when config files change
+                appendOutput(_jsx(Text, { color: "cyan", dimColor: true, children: "Team config changed. Type /team list to refresh." }, `file-change-${Date.now()}`));
+            }
+        });
+        // Cleanup watcher on component unmount
+        return () => {
+            watcher.close();
+        };
+    }, []); // Empty dependency array: setup once on mount
+    /**
+     * Handle conversation input. Returns true if message was processed successfully,
+     * false if validation failed and the input should be preserved for user to edit.
+     */
+    const handleConversationInput = (message) => {
+        if (!message)
+            return true; // Empty message is "successful" (nothing to do)
+        // 检查是否是退出对话命令
+        if (message === '/end' || message === '/exit' || message === '/quit') {
+            if (activeCoordinator) {
+                // stop() is async, fire-and-forget for UI responsiveness
+                activeCoordinator.stop().catch(() => {
+                    // Errors already logged in method
+                });
+            }
+            setMode('normal');
+            setActiveCoordinator(null);
+            setActiveTeam(null);
+            setQueueState(null); // Clear queue display on exit
+            appendOutput(_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: "green", dimColor: true, children: '─'.repeat(40) }), _jsx(Text, { bold: true, color: "green", children: "Conversation Ended" }), _jsx(Text, { dimColor: true, children: "You are back in normal mode. Type /help for commands." }), _jsx(Text, { color: "green", dimColor: true, children: '─'.repeat(40) })] }, `conv-end-${getNextKey()}`));
+            return true;
+        }
+        // 通过coordinator继续对话
+        // 检查是否有role在等待输入
+        if (activeCoordinator && activeTeam) {
+            // Validate [TEAM_TASK] format if present
+            // Correct format: [TEAM_TASK:description] - must have colon and closing bracket
+            // MECE: if message contains "TEAM_TASK", it must match the correct pattern exactly
+            const hasTeamTaskKeyword = /\bTEAM_TASK\b/i.test(message);
+            if (hasTeamTaskKeyword) {
+                const correctFormat = /\[TEAM_TASK:\s*[^\]]+\]/i;
+                if (!correctFormat.test(message)) {
+                    appendOutput(_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { color: "red", children: "\u2717 Invalid [TEAM_TASK] format. Message not sent." }), _jsxs(Text, { dimColor: true, children: ["Correct format: ", _jsx(Text, { color: "green", children: "[TEAM_TASK:your task description]" })] }), _jsx(Text, { dimColor: true, children: "Example: [TEAM_TASK:Review the PRD document] [NEXT:max]" })] }, `task-hint-${getNextKey()}`));
+                    return false; // Validation failed - preserve input for user to edit
+                }
+            }
+            const waitingRoleId = activeCoordinator.getWaitingForMemberId();
+            // Check if single human - allow sending without explicit waitingRoleId
+            const humans = activeTeam.members.filter(m => m.type === 'human');
+            const isSingleHuman = humans.length === 1;
+            if (waitingRoleId || isSingleHuman) {
+                const displayRole = waitingRoleId
+                    ? activeTeam.members.find(r => r.id === waitingRoleId)
+                    : humans[0];
+                appendOutput(_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { color: "green", children: ["[", displayRole?.displayName || 'You', "]:"] }), _jsx(Text, { children: message }), _jsx(Text, { dimColor: true, children: '─'.repeat(40) })] }, `user-msg-${getNextKey()}`));
+                // Use new sendMessage API
+                activeCoordinator.sendMessage(message).catch(err => {
+                    appendOutput(_jsx(Text, { color: "red", children: String(err) }, `send-err-${getNextKey()}`));
+                });
+                return true;
+            }
+            else {
+                // Check if message has [FROM:xxx] to allow buzzing in
+                if (message.match(/\[FROM:/i)) {
+                    // Allow buzzing in even if not waiting
+                    activeCoordinator.sendMessage(message).catch(err => {
+                        appendOutput(_jsx(Text, { color: "red", children: String(err) }, `send-err-${getNextKey()}`));
+                    });
+                    return true;
+                }
+                else {
+                    appendOutput(_jsx(Text, { color: "yellow", children: "No team member is waiting for input right now. Wait for the coordinator to prompt you, or use [FROM:Name] to buzz in." }, `no-waiting-${getNextKey()}`));
+                    return false; // Keep input so user can add [FROM:xxx]
+                }
+            }
+        }
+        return true;
+    };
+    const handleCommand = async (cmd) => {
+        if (!cmd)
+            return;
+        const parts = cmd.split(/\s+/);
+        const command = parts[0].toLowerCase();
+        const args = parts.slice(1);
+        // 添加用户输入到输出
+        appendOutput(_jsxs(Text, { color: "cyan", children: ["agent-chatter> ", cmd] }, `input-${getNextKey()}`));
+        switch (command) {
+            case '/help':
+                appendOutput(_jsx(HelpMessage, {}, `help-${getNextKey()}`));
+                break;
+            case '/status':
+                appendOutput(_jsx(Text, { dimColor: true, children: "Detecting AI CLI tools..." }, `status-msg-${getNextKey()}`));
+                const tools = await detectAllTools();
+                appendOutput(_jsx(StatusDisplay, { tools: tools }, `status-${getNextKey()}`));
+                break;
+            case '/list':
+                appendOutput(_jsx(Text, { dimColor: true, children: "Looking for configuration files..." }, `list-msg-${getNextKey()}`));
+                appendOutput(_jsx(ConfigList, { currentConfigPath: currentConfigPath }, `list-${getNextKey()}`));
+                break;
+            case '/team':
+                handleTeamCommand(args);
+                break;
+            case '/agents':
+                handleAgentsCommand(args);
+                break;
+            case '/clear':
+                setOutput([]);
+                break;
+            case '/exit':
+            case '/quit':
+                setIsExiting(true);
+                appendOutput(_jsx(Text, { color: "cyan", children: "Goodbye! \uD83D\uDC4B" }, "goodbye"));
+                setTimeout(() => exit(), 100);
+                break;
+            default:
+                // Check if this looks like a conversation message (not starting with /)
+                if (!command.startsWith('/')) {
+                    appendOutput(_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { color: "yellow", children: "\u26A0 You are not in conversation mode." }), _jsx(Text, { dimColor: true, children: "To start a conversation:" }), _jsxs(Text, { dimColor: true, children: ["  1. Use ", _jsx(Text, { color: "green", children: "/team list" }), " to see available teams"] }), _jsxs(Text, { dimColor: true, children: ["  2. Use ", _jsx(Text, { color: "green", children: "/team deploy <filename>" }), " to deploy a team"] }), _jsx(Text, { dimColor: true, children: "  3. Then type your message to start talking" })] }, `not-deployed-${getNextKey()}`));
+                }
+                else {
+                    appendOutput(_jsxs(Text, { color: "yellow", children: ["Unknown command: ", command] }, `unknown-${getNextKey()}`));
+                    appendOutput(_jsx(Text, { dimColor: true, children: "Type /help for available commands." }, `help-hint-${getNextKey()}`));
+                }
+        }
+    };
+    const handleTeamCommand = (args) => {
+        if (args.length === 0) {
+            appendOutput(_jsx(TeamMenuHelp, {}, `team-help-${getNextKey()}`));
+            return;
+        }
+        const subcommand = args[0].toLowerCase();
+        const subargs = args.slice(1);
+        switch (subcommand) {
+            case 'create':
+                startTeamCreationWizard();
+                break;
+            case 'list':
+                appendOutput(_jsx(TeamList, {}, `team-list-${getNextKey()}`));
+                break;
+            case 'deploy':
+                if (subargs.length === 0) {
+                    appendOutput(_jsx(Text, { color: "yellow", children: "Usage: /team deploy <filename>" }, `team-deploy-usage-${getNextKey()}`));
+                    appendOutput(_jsx(Text, { dimColor: true, children: "Use /team list to see available configurations" }, `team-deploy-hint-${getNextKey()}`));
+                }
+                else {
+                    const config = loadConfig(subargs[0]);
+                    if (config) {
+                        // Check for existing session and prompt for restore
+                        checkAndPromptRestore(config);
+                    }
+                }
+                break;
+            case 'edit':
+                if (subargs.length === 0) {
+                    appendOutput(_jsx(Text, { color: "yellow", children: "Usage: /team edit <filename>" }, `team-edit-usage-${getNextKey()}`));
+                }
+                else {
+                    startTeamEditMenu(subargs[0]);
+                }
+                break;
+            case 'delete':
+                if (subargs.length === 0) {
+                    appendOutput(_jsx(Text, { color: "yellow", children: "Usage: /team delete <filename>" }, `team-delete-usage-${getNextKey()}`));
+                }
+                else {
+                    deleteTeamConfiguration(subargs[0]);
+                }
+                break;
+            default:
+                appendOutput(_jsxs(Text, { color: "yellow", children: ["Unknown team subcommand: ", subcommand] }, `team-unknown-${getNextKey()}`));
+                appendOutput(_jsx(Text, { dimColor: true, children: "Type /team for available commands." }, `team-hint-${getNextKey()}`));
+        }
+    };
+    const handleAgentsCommand = (args) => {
+        // If no arguments, enter interactive agents menu
+        if (args.length === 0) {
+            setMode('agentsMenu');
+            setInput('');
+            setSelectedIndex(0);
+            return;
+        }
+        const subcommand = args[0].toLowerCase();
+        // If user provides a subcommand, suggest using CLI
+        appendOutput(_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { color: "yellow", children: "Tip: Type /agents to enter interactive menu" }), _jsxs(Text, { dimColor: true, children: ["Or use the CLI: agent-chatter agents ", subcommand, " ", args.slice(1).join(' ')] })] }, `agents-cli-hint-${getNextKey()}`));
+    };
+    // ============================================================================
+    // Wizard Input Handlers
+    // ============================================================================
+    const handleWizardInput = (value) => {
+        if (!wizardState)
+            return;
+        const { step, data } = wizardState;
+        if (step === 1) {
+            handleWizardStep1Input(value);
+        }
+        else if (step === 2) {
+            // Step 2: Detect Agents (在 Phase 2 实现)
+            appendOutput(_jsx(Text, { color: "yellow", children: "Step 2 interaction not yet implemented" }, `wizard-step2-${getNextKey()}`));
+        }
+        else if (step === 3) {
+            // Step 3: Configure Members (在 Phase 2 实现)
+            appendOutput(_jsx(Text, { color: "yellow", children: "Step 3 interaction not yet implemented" }, `wizard-step3-${getNextKey()}`));
+        }
+        else if (step === 4) {
+            // Step 4: Team Settings (在 Phase 2 实现)
+            appendOutput(_jsx(Text, { color: "yellow", children: "Step 4 interaction not yet implemented" }, `wizard-step4-${getNextKey()}`));
+        }
+    };
+    const renderWizardEvent = (event, key) => {
+        switch (event.type) {
+            case 'info':
+                return _jsx(Text, { color: "green", children: event.message }, `wizard-info-${key}`);
+            case 'prompt':
+                return _jsx(Text, { color: "cyan", children: event.message }, `wizard-prompt-${key}`);
+            case 'error':
+                return _jsx(Text, { color: "red", children: event.message }, `wizard-error-${key}`);
+            case 'divider':
+                return _jsx(Text, { color: "green", dimColor: true, children: (event.char || '─').repeat(40) }, `wizard-divider-${key}`);
+            default:
+                return null;
+        }
+    };
+    const handleWizardStep1Input = (value) => {
+        if (!wizardState) {
+            return;
+        }
+        const result = processWizardStep1Input(wizardState.data, value);
+        setWizardState(prev => prev ? {
+            ...prev,
+            data: result.data,
+            step: result.stepCompleted ? 2 : prev.step
+        } : null);
+        const nodes = result.events
+            .map(event => renderWizardEvent(event, getNextKey()))
+            .filter(Boolean);
+        if (nodes.length > 0) {
+            nodes.forEach(node => appendOutput(node));
+        }
+    };
+    const handleFormSubmit = () => {
+        if (!formState)
+            return;
+        const currentField = formState.fields[formState.currentFieldIndex];
+        if (!currentField)
+            return;
+        // 验证
+        if (currentField.validation) {
+            const error = currentField.validation(input);
+            if (error) {
+                setFormState(prev => prev ? {
+                    ...prev,
+                    errors: { ...prev.errors, [currentField.name]: error }
+                } : null);
+                return;
+            }
+        }
+        // 保存值并移动到下一个字段
+        const newValues = { ...formState.values, [currentField.name]: input };
+        const nextIndex = formState.currentFieldIndex + 1;
+        if (nextIndex < formState.fields.length) {
+            // 还有更多字段
+            setFormState(prev => prev ? {
+                ...prev,
+                currentFieldIndex: nextIndex,
+                values: newValues,
+                errors: { ...prev.errors, [currentField.name]: undefined }
+            } : null);
+        }
+        else {
+            // 表单完成
+            appendOutput(_jsx(Text, { color: "green", children: "Form completed!" }, `form-complete-${getNextKey()}`));
+            setMode('normal');
+            setFormState(null);
+        }
+    };
+    const handleSelectConfirm = () => {
+        if (!selectState)
+            return;
+        if (selectState.multiSelect) {
+            // 多选：返回所有选中项
+            const selected = Array.from(selectState.selectedItems);
+            selectState.onComplete(selected);
+        }
+        else {
+            // 单选：返回当前选中项
+            const selected = selectState.options[selectedIndex];
+            selectState.onComplete(selected);
+        }
+        setSelectState(null);
+        setMode('normal');
+    };
+    const handleMenuSelect = () => {
+        if (!menuState || !menuItems[selectedIndex])
+            return;
+        const selected = menuItems[selectedIndex];
+        switch (selected.value) {
+            case 'save':
+                // 保存并退出
+                appendOutput(_jsx(Text, { color: "green", children: "Changes saved!" }, `menu-save-${getNextKey()}`));
+                setMode('normal');
+                setMenuState(null);
+                setMenuItems([]);
+                break;
+            case 'cancel':
+                // 取消并退出
+                appendOutput(_jsx(Text, { color: "yellow", children: "Changes discarded" }, `menu-cancel-${getNextKey()}`));
+                setMode('normal');
+                setMenuState(null);
+                setMenuItems([]);
+                break;
+            default:
+                appendOutput(_jsxs(Text, { color: "yellow", children: ["Menu item \"", selected.label, "\" not yet implemented"] }, `menu-todo-${getNextKey()}`));
+        }
+    };
+    const startTeamCreationWizard = () => {
+        appendOutput(_jsx(Text, { color: "cyan", dimColor: true, children: '═'.repeat(40) }, `wizard-start-${getNextKey()}`));
+        appendOutput(_jsx(Text, { bold: true, color: "cyan", children: "Team Creation Wizard" }, `wizard-title-${getNextKey()}`));
+        appendOutput(_jsx(Text, { dimColor: true, children: "Step 1/4: Team Structure" }, `wizard-subtitle-${getNextKey()}`));
+        appendOutput(_jsx(Text, { color: "cyan", dimColor: true, children: '─'.repeat(40) }, `wizard-divider-${getNextKey()}`));
+        appendOutput(_jsx(Text, { color: "cyan", children: "Enter team name:" }, `wizard-prompt-name-${getNextKey()}`));
+        // 初始化向导状态 - 从第一个字段开始
+        setWizardState({
+            step: 1,
+            totalSteps: 4,
+            data: {}
+        });
+        setMode('wizard');
+        setInput('');
+        setSelectedIndex(0);
+    };
+    const startTeamEditMenu = (filename) => {
+        try {
+            const resolution = resolveTeamConfigPath(filename);
+            if (!resolution.exists) {
+                appendOutput(_jsx(Text, { color: "red", children: formatMissingConfigError(filename, resolution) }, `edit-notfound-${getNextKey()}`));
+                return;
+            }
+            if (resolution.warning) {
+                appendOutput(_jsx(Text, { color: "yellow", children: resolution.warning }, `edit-warning-${getNextKey()}`));
+            }
+            const content = fs.readFileSync(resolution.path, 'utf-8');
+            const config = JSON.parse(content);
+            appendOutput(_jsxs(Text, { color: "cyan", children: ["Opening team editor for: ", filename] }, `edit-start-${getNextKey()}`));
+            // 初始化菜单状态
+            setMenuState({
+                configPath: filename,
+                config,
+                selectedIndex: 0,
+                editing: false,
+                changes: {}
+            });
+            setMenuItems([
+                { label: 'Edit team information', value: 'edit_info' },
+                { label: 'Add new member', value: 'add_member' },
+                ...(config.team?.members || []).map((member, idx) => ({
+                    label: `Edit member: ${member.displayName || member.name}`,
+                    value: `edit_member_${idx}`
+                })),
+                { label: 'Remove member', value: 'remove_member' },
+                { label: 'Change member order', value: 'change_order' },
+                { label: 'Save and exit', value: 'save' },
+                { label: 'Exit without saving', value: 'cancel' }
+            ]);
+            setMode('menu');
+            setInput('');
+            setSelectedIndex(0);
+        }
+        catch (error) {
+            appendOutput(_jsxs(Text, { color: "red", children: ["Error: Failed to load configuration: ", String(error)] }, `edit-err-${getNextKey()}`));
+        }
+    };
+    const listTeamConfigurations = () => {
+        const configDir = getTeamConfigDir();
+        // Check if directory exists, if not create it
+        if (!fs.existsSync(configDir)) {
+            appendOutput(_jsx(Text, { color: "yellow", children: "No team configuration files found" }, `list-empty-${getNextKey()}`));
+            return;
+        }
+        const files = fs.readdirSync(configDir).filter(f => f.endsWith('-config.json') || f === 'agent-chatter-config.json');
+        if (files.length === 0) {
+            appendOutput(_jsx(Text, { color: "yellow", children: "No team configuration files found" }, `list-empty-${getNextKey()}`));
+            return;
+        }
+        appendOutput(_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { bold: true, children: "Available Team Configurations:" }), files.map(file => {
+                    try {
+                        const fullPath = path.join(configDir, file);
+                        const content = fs.readFileSync(fullPath, 'utf-8');
+                        const config = JSON.parse(content);
+                        const isActive = currentConfigPath && file === path.basename(currentConfigPath);
+                        return (_jsxs(Box, { flexDirection: "column", marginLeft: 2, marginTop: 1, children: [_jsxs(Box, { children: [_jsxs(Text, { color: isActive ? 'green' : 'gray', children: [isActive ? '●' : '○', " "] }), _jsx(Text, { bold: true, children: file })] }), _jsx(Box, { marginLeft: 2, children: _jsxs(Text, { dimColor: true, children: ["Team: ", config.team?.name || 'Unknown'] }) }), _jsx(Box, { marginLeft: 2, children: _jsxs(Text, { dimColor: true, children: ["Members: ", config.team?.members?.length || 0] }) })] }, file));
+                    }
+                    catch {
+                        return (_jsx(Box, { marginLeft: 2, children: _jsxs(Text, { dimColor: true, children: ["\u25CB ", file, " (invalid)"] }) }, file));
+                    }
+                })] }, `list-${getNextKey()}`));
+    };
+    const showTeamConfiguration = (filename) => {
+        try {
+            const resolution = resolveTeamConfigPath(filename);
+            if (!resolution.exists) {
+                appendOutput(_jsx(Text, { color: "red", children: formatMissingConfigError(filename, resolution) }, `show-notfound-${getNextKey()}`));
+                return;
+            }
+            if (resolution.warning) {
+                appendOutput(_jsx(Text, { color: "yellow", children: resolution.warning }, `show-warning-${getNextKey()}`));
+            }
+            const content = fs.readFileSync(resolution.path, 'utf-8');
+            const config = JSON.parse(content);
+            appendOutput(_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsxs(Text, { bold: true, color: "cyan", children: ["Team: ", config.team?.displayName || config.team?.name || 'Unknown'] }), _jsxs(Text, { dimColor: true, children: ["File: ", filename] }), _jsx(Text, { dimColor: true, children: '─'.repeat(40) }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Text, { children: ["Description: ", config.team?.description || 'N/A'] }), config.team?.instructionFile && (_jsxs(Text, { children: ["Instruction File: ", config.team.instructionFile] })), _jsxs(Text, { children: ["Max Rounds: ", config.maxRounds || 'Unlimited'] })] }), config.team?.roleDefinitions && config.team.roleDefinitions.length > 0 && (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Role Definitions:" }), config.team.roleDefinitions.map((role, idx) => (_jsx(Box, { marginLeft: 2, children: _jsxs(Text, { children: ["\u2022 ", role.name, ": ", role.description || 'N/A'] }) }, idx)))] })), config.team?.members && config.team.members.length > 0 && (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Text, { bold: true, children: ["Members (", config.team.members.length, "):"] }), config.team.members.map((member, idx) => (_jsxs(Box, { flexDirection: "column", marginLeft: 2, marginTop: 1, children: [_jsxs(Text, { children: [idx + 1, ". ", _jsx(Text, { bold: true, children: member.displayName }), " (", member.type, ") - Role: ", member.role] }), member.baseDir && (_jsx(Box, { marginLeft: 2, children: _jsxs(Text, { dimColor: true, children: ["Base Dir: ", member.baseDir] }) }))] }, idx)))] }))] }, `show-${getNextKey()}`));
+        }
+        catch (error) {
+            appendOutput(_jsxs(Text, { color: "red", children: ["Error: Failed to read configuration: ", String(error)] }, `show-err-${getNextKey()}`));
+        }
+    };
+    const deleteTeamConfiguration = (filename) => {
+        // 安全检查
+        if (currentConfigPath && filename === path.basename(currentConfigPath)) {
+            appendOutput(_jsx(Text, { color: "red", children: "Error: Cannot delete currently loaded configuration" }, `delete-active-${getNextKey()}`));
+            return;
+        }
+        if (mode === 'conversation') {
+            appendOutput(_jsx(Text, { color: "red", children: "Error: Cannot delete configuration with active conversation" }, `delete-conv-${getNextKey()}`));
+            return;
+        }
+        const resolution = resolveTeamConfigPath(filename);
+        if (!resolution.exists) {
+            appendOutput(_jsx(Text, { color: "red", children: formatMissingConfigError(filename, resolution) }, `delete-notfound-${getNextKey()}`));
+            return;
+        }
+        if (resolution.warning) {
+            appendOutput(_jsx(Text, { color: "yellow", children: resolution.warning }, `delete-warning-${getNextKey()}`));
+        }
+        // 显示确认对话框
+        appendOutput(_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { color: "yellow", children: "\u26A0  Delete Team Configuration" }), _jsx(Text, { dimColor: true, children: '─'.repeat(40) }), _jsxs(Text, { children: ["File: ", filename] }), _jsx(Text, { color: "red", children: "This will permanently delete this configuration file." }), _jsx(Text, { color: "red", children: "This action cannot be undone." }), _jsx(Text, { dimColor: true, children: '─'.repeat(40) }), _jsx(Text, { children: "Confirm deletion? [y/N]" })] }, `delete-confirm-${getNextKey()}`));
+        setConfirmState({
+            message: `Delete ${filename}?`,
+            onConfirm: () => {
+                try {
+                    fs.unlinkSync(resolution.path);
+                    appendOutput(_jsxs(Text, { color: "green", children: ["\u2713 Team configuration deleted: ", filename] }, `delete-success-${getNextKey()}`));
+                }
+                catch (error) {
+                    appendOutput(_jsxs(Text, { color: "red", children: ["Error: Failed to delete configuration: ", String(error)] }, `delete-err-${getNextKey()}`));
+                }
+            },
+            onCancel: () => {
+                appendOutput(_jsx(Text, { color: "yellow", children: "Deletion cancelled" }, `delete-cancel-${getNextKey()}`));
+            }
+        });
+    };
+    const loadConfig = (filePath) => {
+        try {
+            const resolution = resolveTeamConfigPath(filePath);
+            if (!resolution.exists) {
+                appendOutput(_jsx(Text, { color: "red", children: formatMissingConfigError(filePath, resolution) }, `config-notfound-${getNextKey()}`));
+                return null;
+            }
+            if (resolution.warning) {
+                appendOutput(_jsx(Text, { color: "yellow", children: resolution.warning }, `config-warning-${getNextKey()}`));
+            }
+            const content = fs.readFileSync(resolution.path, 'utf-8');
+            const config = JSON.parse(content);
+            // Apply conversation config defaults
+            if (!config.conversation) {
+                config.conversation = {};
+            }
+            if (config.conversation.maxAgentResponseTime === undefined) {
+                config.conversation.maxAgentResponseTime = 1800000; // 30 minutes
+            }
+            if (config.conversation.showThinkingTimer === undefined) {
+                config.conversation.showThinkingTimer = true;
+            }
+            if (config.conversation.allowEscCancel === undefined) {
+                config.conversation.allowEscCancel = true;
+            }
+            setCurrentConfig(config);
+            setCurrentConfigPath(filePath);
+            appendOutput(_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: "green", children: ["\u2713 Configuration loaded: ", _jsx(Text, { bold: true, children: filePath })] }), _jsxs(Text, { dimColor: true, children: ["  Team: ", config.team?.name || 'Unknown'] }), _jsxs(Text, { dimColor: true, children: ["  Agents: ", config.agents?.length || 0] })] }, `config-loaded-${getNextKey()}`));
+            return config;
+        }
+        catch (error) {
+            appendOutput(_jsxs(Text, { color: "red", children: ["Error: Failed to load configuration: ", String(error)] }, `config-err-${getNextKey()}`));
+            return null;
+        }
+    };
+    const initializeAndDeployTeam = async (config) => {
+        try {
+            appendOutput(_jsx(Text, { dimColor: true, children: "Initializing services..." }, `init-${getNextKey()}`));
+            // LLD-05: Split config into Core config and UI preferences
+            const { coreConfig, uiPrefs: extractedUiPrefs } = splitConfig(config);
+            setUiPrefs(extractedUiPrefs);
+            // CLI layer provides concrete implementations
+            const executionEnv = new LocalExecutionEnvironment();
+            const adapterFactory = new AdapterFactory(executionEnv);
+            const { coordinator, team, messageRouter, eventEmitter, verificationResults } = await initializeServices(coreConfig, {
+                logger: uiLogger,
+                executionEnv,
+                adapterFactory,
+                onMessage: (message) => {
+                    // AI 文本已经通过流式事件显示，这里不再重复
+                    // Human 消息已经在 handleConversationInput 中显示，这里也不再重复
+                    // 只保留 system 消息（如果有的话）
+                    if (message.speaker.type === 'ai' || message.speaker.type === 'human') {
+                        return;
+                    }
+                    const timestamp = new Date(message.timestamp).toLocaleTimeString();
+                    appendOutput(_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { color: "yellow", children: ["[", timestamp, "] ", message.speaker.displayName, ":"] }), _jsx(Text, { children: message.content }), _jsx(Text, { dimColor: true, children: '─'.repeat(60) })] }, `msg-${getNextKey()}`));
+                },
+                onStatusChange: (status) => {
+                    appendOutput(_jsxs(Text, { dimColor: true, children: ["[Status] ", status] }, `status-${getNextKey()}`));
+                },
+                onAgentStarted: (member) => {
+                    flushPendingNow();
+                    clearTodoList(); // Clear previous agent's todo list on agent switch
+                    const color = member.themeColor ?? 'white';
+                    const displayLabel = member.displayRole
+                        ? `${member.displayName} (${member.displayRole})`
+                        : member.displayName;
+                    appendOutput(_jsxs(Text, { backgroundColor: color, color: "black", children: ["\u2192 ", displayLabel, " started..."] }, `agent-start-${getNextKey()}`));
+                    setExecutingAgent(member);
+                },
+                onAgentCompleted: (member) => {
+                    flushPendingNow();
+                    // NOTE: Do NOT clearTodoList here - per design, todo list stays visible
+                    // after turn completes until next agent starts or new todo arrives
+                    const color = member.themeColor ?? 'white';
+                    const displayLabel = member.displayRole
+                        ? `${member.displayName} (${member.displayRole})`
+                        : member.displayName;
+                    appendOutput(_jsxs(Text, { backgroundColor: color, color: "black", children: ["\u2713 ", displayLabel, " completed"] }, `agent-done-${getNextKey()}`));
+                    appendOutput(_jsx(Text, { children: ' ' }, `agent-done-spacer-${getNextKey()}`));
+                    setExecutingAgent(null);
+                },
+                onQueueUpdate: (event) => {
+                    setQueueState(event);
+                },
+                onPartialResolveFailure: (skipped, available) => {
+                    appendOutput(_jsxs(Text, { color: "yellow", children: ["\u26A0\uFE0F Skipped unknown members: ", skipped.join(', '), '\n', "   Available: ", available.join(', ')] }, `partial-fail-${getNextKey()}`));
+                },
+                onUnresolvedAddressees: (addressees, _message) => {
+                    const availableNames = team.members.map(m => m.name);
+                    appendOutput(_jsxs(Text, { color: "red", children: ["\u274C Cannot resolve: ", addressees.join(', '), '\n', "   Available: ", availableNames.join(', ')] }, `unresolved-${getNextKey()}`));
+                }
+            });
+            attachEventEmitter(eventEmitter);
+            // Display verification results from Core
+            formatVerificationResults(verificationResults);
+            if (!team.members.length) {
+                throw new Error('Team has no members configured. Please update the configuration file.');
+            }
+            setActiveCoordinator(coordinator);
+            setActiveTeam(team);
+            setMode('conversation');
+            // Set team (async for potential session restore in the future)
+            await coordinator.setTeam(team);
+            // If only one human member, auto-set as waiting
+            const humans = team.members.filter(m => m.type === 'human');
+            if (humans.length === 1) {
+                coordinator.setWaitingForMemberId(humans[0].id);
+            }
+            appendOutput(_jsxs(Text, { color: "green", children: ["\u2713 Team \"", team.name, "\" deployed successfully"] }, `deploy-success-${getNextKey()}`));
+            appendOutput(_jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [_jsxs(Text, { children: ["Team Name: ", team.displayName ?? team.name] }), team.description && _jsxs(Text, { children: ["Team Description: ", team.description] }), _jsx(Text, { children: "Members:" }), team.members.map((m, idx) => {
+                        const bgColor = m.themeColor ?? 'white';
+                        return (_jsxs(Text, { children: ["  ", _jsxs(Text, { backgroundColor: bgColor, color: "black", children: [m.displayName, m.displayRole ? ` (${m.displayRole})` : ''] })] }, `member-${idx}`));
+                    })] }, `team-info-${getNextKey()}`));
+            appendOutput(_jsx(Text, { dimColor: true, children: "Type your message below to continue. Use [NEXT:member_name] to assign the next speaker, use [TEAM_TASK: your task] to post your task to the team." }, `deploy-hint-${getNextKey()}`));
+            // Force a re-render after Static updates in alternateBuffer mode
+            // This ensures the input prompt is visible after deploy
+            setTimeout(() => setInput(prev => prev), 50);
+            return coordinator;
+        }
+        catch (error) {
+            const errMsg = error instanceof Error ? error.message : String(error);
+            appendOutput(_jsxs(Text, { color: "red", children: ["\u2717 ", errMsg] }, `deploy-err-${getNextKey()}`));
+            return null;
+        }
+    };
+    /**
+     * Check for existing session and show restore prompt if found
+     */
+    const checkAndPromptRestore = async (config) => {
+        try {
+            appendOutput(_jsx(Text, { dimColor: true, children: "Initializing services..." }, `init-${getNextKey()}`));
+            // LLD-05: Split config into Core config and UI preferences
+            const { coreConfig, uiPrefs: extractedUiPrefs } = splitConfig(config);
+            setUiPrefs(extractedUiPrefs);
+            // CLI layer provides concrete implementations
+            const executionEnv = new LocalExecutionEnvironment();
+            const adapterFactory = new AdapterFactory(executionEnv);
+            const { coordinator, team, messageRouter, eventEmitter, verificationResults } = await initializeServices(coreConfig, {
+                logger: uiLogger,
+                executionEnv,
+                adapterFactory,
+                onMessage: (message) => {
+                    if (message.speaker.type === 'ai' || message.speaker.type === 'human') {
+                        return;
+                    }
+                    const timestamp = new Date(message.timestamp).toLocaleTimeString();
+                    appendOutput(_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { color: "yellow", children: ["[", timestamp, "] ", message.speaker.displayName, ":"] }), _jsx(Text, { children: message.content }), _jsx(Text, { dimColor: true, children: '─'.repeat(60) })] }, `msg-${getNextKey()}`));
+                },
+                onStatusChange: (status) => {
+                    appendOutput(_jsxs(Text, { dimColor: true, children: ["[Status] ", status] }, `status-${getNextKey()}`));
+                },
+                onAgentStarted: (member) => {
+                    flushPendingNow();
+                    clearTodoList();
+                    const color = member.themeColor ?? 'white';
+                    const displayLabel = member.displayRole
+                        ? `${member.displayName} (${member.displayRole})`
+                        : member.displayName;
+                    appendOutput(_jsxs(Text, { backgroundColor: color, color: "black", children: ["\u2192 ", displayLabel, " started..."] }, `agent-start-${getNextKey()}`));
+                    setExecutingAgent(member);
+                },
+                onAgentCompleted: (member) => {
+                    flushPendingNow();
+                    const color = member.themeColor ?? 'white';
+                    const displayLabel = member.displayRole
+                        ? `${member.displayName} (${member.displayRole})`
+                        : member.displayName;
+                    appendOutput(_jsxs(Text, { backgroundColor: color, color: "black", children: ["\u2713 ", displayLabel, " completed"] }, `agent-done-${getNextKey()}`));
+                    appendOutput(_jsx(Text, { children: ' ' }, `agent-done-spacer-${getNextKey()}`));
+                    setExecutingAgent(null);
+                },
+                onQueueUpdate: (event) => {
+                    setQueueState(event);
+                },
+                onPartialResolveFailure: (skipped, available) => {
+                    appendOutput(_jsxs(Text, { color: "yellow", children: ["\u26A0\uFE0F Skipped unknown members: ", skipped.join(', '), '\n', "   Available: ", available.join(', ')] }, `partial-fail-${getNextKey()}`));
+                },
+                onUnresolvedAddressees: (addressees, _message) => {
+                    const availableNames = team.members.map(m => m.name);
+                    appendOutput(_jsxs(Text, { color: "red", children: ["\u274C Cannot resolve: ", addressees.join(', '), '\n', "   Available: ", availableNames.join(', ')] }, `unresolved-${getNextKey()}`));
+                }
+            });
+            // Display verification results from Core
+            formatVerificationResults(verificationResults);
+            if (!team.members.length) {
+                throw new Error('Team has no members configured. Please update the configuration file.');
+            }
+            // Check for existing sessions
+            const latestSession = await sessionStorage.getLatestSession(team.id);
+            if (latestSession) {
+                // Show restore prompt
+                const summary = {
+                    sessionId: latestSession.sessionId,
+                    createdAt: latestSession.createdAt,
+                    updatedAt: latestSession.updatedAt,
+                    messageCount: latestSession.metadata.messageCount,
+                    summary: latestSession.metadata.summary,
+                };
+                setPendingRestore({
+                    team,
+                    config,
+                    session: summary,
+                    coordinator,
+                    eventEmitter,
+                });
+                setMode('restore-prompt');
+                setCurrentConfig(config);
+            }
+            else {
+                // No existing session, start fresh
+                attachEventEmitter(eventEmitter);
+                setActiveCoordinator(coordinator);
+                setActiveTeam(team);
+                setCurrentConfig(config);
+                setMode('conversation');
+                await coordinator.setTeam(team);
+                const humans = team.members.filter(m => m.type === 'human');
+                if (humans.length === 1) {
+                    coordinator.setWaitingForMemberId(humans[0].id);
+                }
+                appendOutput(_jsxs(Text, { color: "green", children: ["\u2713 Team \"", team.name, "\" deployed successfully"] }, `deploy-success-${getNextKey()}`));
+                appendOutput(_jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [_jsxs(Text, { children: ["Team Name: ", team.displayName ?? team.name] }), team.description && _jsxs(Text, { children: ["Team Description: ", team.description] }), _jsx(Text, { children: "Members:" }), team.members.map((m, idx) => {
+                            const bgColor = m.themeColor ?? 'white';
+                            return (_jsxs(Text, { children: ["  ", _jsxs(Text, { backgroundColor: bgColor, color: "black", children: [m.displayName, m.displayRole ? ` (${m.displayRole})` : ''] })] }, `member-${idx}`));
+                        })] }, `team-info-${getNextKey()}`));
+                appendOutput(_jsx(Text, { dimColor: true, children: "Type your message below to continue. Use [NEXT:member_name] to assign the next speaker, use [TEAM_TASK: your task] to post your task to the team." }, `deploy-hint-${getNextKey()}`));
+                setTimeout(() => setInput(prev => prev), 50);
+            }
+        }
+        catch (error) {
+            const errMsg = error instanceof Error ? error.message : String(error);
+            appendOutput(_jsxs(Text, { color: "red", children: ["\u2717 ", errMsg] }, `deploy-err-${getNextKey()}`));
+        }
+    };
+    /**
+     * Handle user's restore choice (R or N)
+     */
+    const handleRestoreChoice = async (resume) => {
+        if (!pendingRestore)
+            return;
+        const { team, config, session, coordinator, eventEmitter } = pendingRestore;
+        try {
+            attachEventEmitter(eventEmitter);
+            setActiveCoordinator(coordinator);
+            setActiveTeam(team);
+            setMode('conversation');
+            if (resume) {
+                // Resume session
+                await coordinator.setTeam(team, { resumeSessionId: session.sessionId });
+                appendOutput(_jsxs(Text, { color: "green", children: ["\u2713 Restored session with ", session.messageCount, " messages"] }, `restore-success-${getNextKey()}`));
+            }
+            else {
+                // Start new session
+                await coordinator.setTeam(team);
+                appendOutput(_jsxs(Text, { color: "green", children: ["\u2713 Team \"", team.name, "\" deployed successfully"] }, `deploy-success-${getNextKey()}`));
+            }
+            // Always show team info (for both resume and new session)
+            appendOutput(_jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [_jsxs(Text, { children: ["Team Name: ", team.displayName ?? team.name] }), team.description && _jsxs(Text, { children: ["Team Description: ", team.description] }), _jsx(Text, { children: "Members:" }), team.members.map((m, idx) => {
+                        const bgColor = m.themeColor ?? 'white';
+                        return (_jsxs(Text, { children: ["  ", _jsxs(Text, { backgroundColor: bgColor, color: "black", children: [m.displayName, m.displayRole ? ` (${m.displayRole})` : ''] })] }, `member-${idx}`));
+                    })] }, `team-info-${getNextKey()}`));
+            const humans = team.members.filter(m => m.type === 'human');
+            if (humans.length === 1) {
+                coordinator.setWaitingForMemberId(humans[0].id);
+            }
+            appendOutput(_jsx(Text, { dimColor: true, children: "Type your message below to continue. Use [NEXT:member_name] to assign the next speaker, use [TEAM_TASK: your task] to post your task to the team." }, `deploy-hint-${getNextKey()}`));
+            setTimeout(() => setInput(prev => prev), 50);
+        }
+        catch (error) {
+            const errMsg = error instanceof Error ? error.message : String(error);
+            appendOutput(_jsxs(Text, { color: "red", children: ["\u2717 ", errMsg] }, `restore-err-${getNextKey()}`));
+            setMode('normal');
+        }
+        finally {
+            setPendingRestore(null);
+        }
+    };
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Static, { items: output, children: (item, idx) => _jsx(Box, { children: item }, `output-${idx}`) }), mode === 'conversation' && queueState && !queueState.isEmpty && (_jsx(QueueDisplay, { items: queueState.items, executing: queueState.executing, visible: true })), mode === 'conversation' && activeTodoList && (_jsx(TodoListView, { todoList: activeTodoList })), mode === 'conversation' && executingAgent && uiPrefs.showThinkingTimer && (_jsx(ThinkingIndicator, { member: executingAgent, maxTimeoutMs: currentConfig?.conversation?.maxAgentResponseTime ?? 1800000, allowEscCancel: uiPrefs.allowEscCancel })), mode === 'wizard' && wizardState && (_jsx(WizardView, { wizardState: wizardState })), mode === 'menu' && menuState && (_jsx(MenuView, { menuState: menuState, menuItems: menuItems, selectedIndex: selectedIndex })), mode === 'form' && formState && (_jsx(FormView, { formState: formState })), mode === 'select' && selectState && (_jsx(SelectView, { title: selectState.title, options: selectState.options, selectedIndex: selectedIndex, multiSelect: selectState.multiSelect, selectedItems: selectState.selectedItems })), mode === 'restore-prompt' && pendingRestore && (_jsx(RestorePrompt, { session: pendingRestore.session, teamName: pendingRestore.team.name })), mode === 'agentsMenu' && (_jsx(AgentsMenu, { registryPath: registry, onClose: () => {
+                    setMode('normal');
+                    setInput('');
+                }, onShowMessage: (message, color) => {
+                    appendOutput(_jsx(Text, { color: color || 'white', children: message }, `agents-msg-${keyCounter}`));
+                    setKeyCounter(prev => prev + 1);
+                } })), !isExiting && (mode === 'normal' || mode === 'conversation' || mode === 'wizard' || mode === 'form') && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: mode === 'conversation' ? 'green' : 'cyan', dimColor: true, children: '─'.repeat(terminalWidth - 4) }), _jsxs(Box, { children: [mode === 'conversation' ? (_jsx(Text, { color: "green", bold: true, children: (() => {
+                                    // Get waiting member's display name for the prompt
+                                    if (activeCoordinator && activeTeam) {
+                                        const waitingRoleId = activeCoordinator.getWaitingForMemberId();
+                                        if (waitingRoleId) {
+                                            const waitingMember = activeTeam.members.find(m => m.id === waitingRoleId);
+                                            if (waitingMember) {
+                                                return `${waitingMember.displayName}> `;
+                                            }
+                                        }
+                                        // Fallback: if only one human, show their name
+                                        const humans = activeTeam.members.filter(m => m.type === 'human');
+                                        if (humans.length === 1) {
+                                            return `${humans[0].displayName}> `;
+                                        }
+                                    }
+                                    // Fallback to generic prompt if multiple humans or no team
+                                    return 'you> ';
+                                })() })) : mode === 'wizard' ? (_jsx(Text, { color: "cyan", bold: true, children: "wizard> " })) : mode === 'form' ? (_jsx(Text, { color: "cyan", bold: true, children: "input> " })) : (_jsx(Text, { color: "cyan", children: "agent-chatter> " })), _jsx(TextInput, { value: input, onChange: setInput, onSubmit: handleInputSubmit, placeholder: " " })] }), _jsx(Text, { color: mode === 'conversation' ? 'green' : 'cyan', dimColor: true, children: '─'.repeat(terminalWidth - 4) })] })), !isExiting && mode === 'normal' && _jsx(CommandHints, { input: input, selectedIndex: selectedIndex })] }));
+}
+export function startReplInk(registryPath, options = {}) {
+    render(_jsx(App, { registryPath: registryPath, debug: options.debug }), {
+        // Don't use alternateBuffer - it prevents scrolling for long agent outputs
+        // Trade-off: long input lines may cause duplicate prompts, but scrolling works
+        incrementalRendering: true
+    });
+}
+//# sourceMappingURL=ReplModeInk.js.map