codingbuddy 4.1.0 → 4.3.0

package/dist/src/tui/eventbus-ui.integration.spec.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
 const vitest_1 = require("vitest");
 const ink_testing_library_1 = require("ink-testing-library");
-const app_1 = require("./app");
+const dashboard_app_1 = require("./dashboard-app");
 const events_1 = require("./events");
 vitest_1.vi.mock('./utils/icons', async (importOriginal) => {
     const actual = await importOriginal();
@@ -14,10 +14,10 @@ vitest_1.vi.mock('./utils/icons', async (importOriginal) => {
 });
 const tick = () => new Promise(resolve => setTimeout(resolve, 0));
 (0, vitest_1.describe)('EventBus ↔ UI Integration', () => {
-    (0, vitest_1.describe)('Agent 활성화 → AgentCard 상태 변화', () => {
-        (0, vitest_1.it)('should show primary agent name in AgentTree when AGENT_ACTIVATED with isPrimary=true', async () => {
+    (0, vitest_1.describe)('Agent 활성화 → Dashboard 상태 변화', () => {
+        (0, vitest_1.it)('should show primary agent name and RUNNING state when AGENT_ACTIVATED with isPrimary=true', async () => {
             const eventBus = new events_1.TuiEventBus();
-            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(app_1.App, { eventBus: eventBus }));
+            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(dashboard_app_1.DashboardApp, { eventBus: eventBus }));
             eventBus.emit(events_1.TUI_EVENTS.AGENT_ACTIVATED, {
                 agentId: 'arch-1',
                 name: 'solution-architect',
@@ -26,12 +26,12 @@ const tick = () => new Promise(resolve => setTimeout(resolve, 0));
             });
             await tick();
             const frame = lastFrame() ?? '';
-            (0, vitest_1.expect)(frame).toContain('soluti');
-            (0, vitest_1.expect)(frame).toContain('1 active');
+            (0, vitest_1.expect)(frame).toContain('solution-arch');
+            (0, vitest_1.expect)(frame).toContain('RUNNING');
         });
-        (0, vitest_1.it)('should show multiple parallel agents in AgentTree when specialists activated', async () => {
+        (0, vitest_1.it)('should show multiple parallel agents in FlowMap when specialists activated', async () => {
             const eventBus = new events_1.TuiEventBus();
-            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(app_1.App, { eventBus: eventBus }));
+            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(dashboard_app_1.DashboardApp, { eventBus: eventBus }));
             eventBus.emit(events_1.TUI_EVENTS.AGENT_ACTIVATED, {
                 agentId: 'p1',
                 name: 'solution-architect',
@@ -52,15 +52,15 @@ const tick = () => new Promise(resolve => setTimeout(resolve, 0));
             });
             await tick();
             const frame = lastFrame() ?? '';
-            (0, vitest_1.expect)(frame).toContain('securi');
-            (0, vitest_1.expect)(frame).toContain('perfor');
-            (0, vitest_1.expect)(frame).toContain('3 active');
+            (0, vitest_1.expect)(frame).toContain('security-');
+            (0, vitest_1.expect)(frame).toContain('performan');
+            (0, vitest_1.expect)(frame).toContain('RUNNING');
         });
     });
-    (0, vitest_1.describe)('Agent 비활성화 → AgentCard Idle 전환', () => {
-        (0, vitest_1.it)('should decrease active count when agent deactivated with reason=completed', async () => {
+    (0, vitest_1.describe)('Agent 비활성화 → 상태 전환', () => {
+        (0, vitest_1.it)('should remain RUNNING when one of two agents deactivated', async () => {
             const eventBus = new events_1.TuiEventBus();
-            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(app_1.App, { eventBus: eventBus }));
+            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(dashboard_app_1.DashboardApp, { eventBus: eventBus }));
             eventBus.emit(events_1.TUI_EVENTS.AGENT_ACTIVATED, {
                 agentId: 'a1',
                 name: 'security-specialist',
@@ -74,18 +74,37 @@ const tick = () => new Promise(resolve => setTimeout(resolve, 0));
                 isPrimary: false,
             });
             await tick();
-            (0, vitest_1.expect)(lastFrame()).toContain('2 active');
+            (0, vitest_1.expect)(lastFrame()).toContain('RUNNING');
             eventBus.emit(events_1.TUI_EVENTS.AGENT_DEACTIVATED, {
                 agentId: 'a1',
                 reason: 'completed',
                 durationMs: 1200,
             });
             await tick();
-            (0, vitest_1.expect)(lastFrame()).toContain('1 active');
+            (0, vitest_1.expect)(lastFrame()).toContain('RUNNING');
         });
-        (0, vitest_1.it)('should decrease active count when agent deactivated with reason=error', async () => {
+        (0, vitest_1.it)('should switch to IDLE when all agents deactivated', async () => {
             const eventBus = new events_1.TuiEventBus();
-            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(app_1.App, { eventBus: eventBus }));
+            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(dashboard_app_1.DashboardApp, { eventBus: eventBus }));
+            eventBus.emit(events_1.TUI_EVENTS.AGENT_ACTIVATED, {
+                agentId: 'a1',
+                name: 'security-specialist',
+                role: 'specialist',
+                isPrimary: false,
+            });
+            await tick();
+            (0, vitest_1.expect)(lastFrame()).toContain('RUNNING');
+            eventBus.emit(events_1.TUI_EVENTS.AGENT_DEACTIVATED, {
+                agentId: 'a1',
+                reason: 'completed',
+                durationMs: 1200,
+            });
+            await tick();
+            (0, vitest_1.expect)(lastFrame()).toContain('IDLE');
+        });
+        (0, vitest_1.it)('should switch to IDLE when agent deactivated with reason=error', async () => {
+            const eventBus = new events_1.TuiEventBus();
+            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(dashboard_app_1.DashboardApp, { eventBus: eventBus }));
             eventBus.emit(events_1.TUI_EVENTS.AGENT_ACTIVATED, {
                 agentId: 'a1',
                 name: 'security-specialist',
@@ -93,18 +112,18 @@ const tick = () => new Promise(resolve => setTimeout(resolve, 0));
                 isPrimary: true,
             });
             await tick();
-            (0, vitest_1.expect)(lastFrame()).toContain('1 active');
+            (0, vitest_1.expect)(lastFrame()).toContain('RUNNING');
             eventBus.emit(events_1.TUI_EVENTS.AGENT_DEACTIVATED, {
                 agentId: 'a1',
                 reason: 'error',
                 durationMs: 500,
             });
             await tick();
-            (0, vitest_1.expect)(lastFrame()).toContain('0 active');
+            (0, vitest_1.expect)(lastFrame()).toContain('ERROR');
         });
-        (0, vitest_1.it)('should clear AgentTree primary slot when primary agent deactivated', async () => {
+        (0, vitest_1.it)('should switch to IDLE when primary agent deactivated', async () => {
             const eventBus = new events_1.TuiEventBus();
-            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(app_1.App, { eventBus: eventBus }));
+            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(dashboard_app_1.DashboardApp, { eventBus: eventBus }));
             eventBus.emit(events_1.TUI_EVENTS.AGENT_ACTIVATED, {
                 agentId: 'p1',
                 name: 'solution-architect',
@@ -112,49 +131,51 @@ const tick = () => new Promise(resolve => setTimeout(resolve, 0));
                 isPrimary: true,
             });
             await tick();
-            (0, vitest_1.expect)(lastFrame()).toContain('soluti');
+            (0, vitest_1.expect)(lastFrame()).toContain('solution-arch');
             eventBus.emit(events_1.TUI_EVENTS.AGENT_DEACTIVATED, {
                 agentId: 'p1',
                 reason: 'completed',
                 durationMs: 2000,
             });
             await tick();
-            const frame = lastFrame() ?? '';
-            (0, vitest_1.expect)(frame).toContain('0 active');
+            (0, vitest_1.expect)(lastFrame()).toContain('IDLE');
         });
     });
     (0, vitest_1.describe)('Mode 변경 → Header 업데이트', () => {
-        (0, vitest_1.it)('should display ACT in Header when mode changes from PLAN to ACT', async () => {
+        (0, vitest_1.it)('should handle mode change from PLAN to ACT without error', async () => {
             const eventBus = new events_1.TuiEventBus();
-            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(app_1.App, { eventBus: eventBus }));
+            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(dashboard_app_1.DashboardApp, { eventBus: eventBus }));
             eventBus.emit(events_1.TUI_EVENTS.MODE_CHANGED, { from: 'PLAN', to: 'ACT' });
             await tick();
-            (0, vitest_1.expect)(lastFrame()).toContain('ACT');
+            const frame = lastFrame() ?? '';
+            (0, vitest_1.expect)(frame).toBeTruthy();
+            (0, vitest_1.expect)(frame).toContain('CODINGBUDDY');
         });
-        (0, vitest_1.it)('should display EVAL in Header when mode changes from ACT to EVAL', async () => {
+        (0, vitest_1.it)('should handle sequential mode changes without error', async () => {
             const eventBus = new events_1.TuiEventBus();
-            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(app_1.App, { eventBus: eventBus }));
+            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(dashboard_app_1.DashboardApp, { eventBus: eventBus }));
             eventBus.emit(events_1.TUI_EVENTS.MODE_CHANGED, { from: null, to: 'ACT' });
             await tick();
             eventBus.emit(events_1.TUI_EVENTS.MODE_CHANGED, { from: 'ACT', to: 'EVAL' });
             await tick();
             const frame = lastFrame() ?? '';
-            (0, vitest_1.expect)(frame).toContain('EVAL');
+            (0, vitest_1.expect)(frame).toBeTruthy();
         });
-        (0, vitest_1.it)('should reflect only the latest mode after rapid consecutive changes', async () => {
+        (0, vitest_1.it)('should handle rapid consecutive mode changes without error', async () => {
             const eventBus = new events_1.TuiEventBus();
-            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(app_1.App, { eventBus: eventBus }));
+            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(dashboard_app_1.DashboardApp, { eventBus: eventBus }));
             eventBus.emit(events_1.TUI_EVENTS.MODE_CHANGED, { from: null, to: 'PLAN' });
             eventBus.emit(events_1.TUI_EVENTS.MODE_CHANGED, { from: 'PLAN', to: 'ACT' });
             eventBus.emit(events_1.TUI_EVENTS.MODE_CHANGED, { from: 'ACT', to: 'AUTO' });
             await tick();
-            (0, vitest_1.expect)(lastFrame()).toContain('AUTO');
+            const frame = lastFrame() ?? '';
+            (0, vitest_1.expect)(frame).toBeTruthy();
         });
     });
-    (0, vitest_1.describe)('Parallel 시작/완료 → AgentTree 업데이트', () => {
-        (0, vitest_1.it)('should show specialists in AgentTree after PARALLEL_STARTED + individual activations', async () => {
+    (0, vitest_1.describe)('Parallel 시작/완료 → FlowMap 업데이트', () => {
+        (0, vitest_1.it)('should show specialists in FlowMap after PARALLEL_STARTED + individual activations', async () => {
             const eventBus = new events_1.TuiEventBus();
-            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(app_1.App, { eventBus: eventBus }));
+            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(dashboard_app_1.DashboardApp, { eventBus: eventBus }));
             eventBus.emit(events_1.TUI_EVENTS.AGENT_ACTIVATED, {
                 agentId: 'p1',
                 name: 'solution-architect',
@@ -166,26 +187,26 @@ const tick = () => new Promise(resolve => setTimeout(resolve, 0));
                 mode: 'PLAN',
             });
             eventBus.emit(events_1.TUI_EVENTS.AGENT_ACTIVATED, {
-                agentId: 'sec-1',
+                agentId: 'specialist:security-specialist',
                 name: 'security-specialist',
                 role: 'specialist',
                 isPrimary: false,
             });
             eventBus.emit(events_1.TUI_EVENTS.AGENT_ACTIVATED, {
-                agentId: 'test-1',
+                agentId: 'specialist:test-strategy-specialist',
                 name: 'test-strategy-specialist',
                 role: 'specialist',
                 isPrimary: false,
             });
             await tick();
             const frame = lastFrame() ?? '';
-            (0, vitest_1.expect)(frame).toContain('securi');
-            (0, vitest_1.expect)(frame).toContain('test-s');
-            (0, vitest_1.expect)(frame).toContain('3 active');
+            (0, vitest_1.expect)(frame).toContain('security-');
+            (0, vitest_1.expect)(frame).toContain('test-stra');
+            (0, vitest_1.expect)(frame).toContain('RUNNING');
         });
-        (0, vitest_1.it)('should clear specialists from AgentTree after individual deactivations + PARALLEL_COMPLETED', async () => {
+        (0, vitest_1.it)('should switch to IDLE after individual deactivations when only primary remains', async () => {
             const eventBus = new events_1.TuiEventBus();
-            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(app_1.App, { eventBus: eventBus }));
+            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(dashboard_app_1.DashboardApp, { eventBus: eventBus }));
             eventBus.emit(events_1.TUI_EVENTS.AGENT_ACTIVATED, {
                 agentId: 'p1',
                 name: 'solution-architect',
@@ -197,26 +218,26 @@ const tick = () => new Promise(resolve => setTimeout(resolve, 0));
                 mode: 'PLAN',
             });
             eventBus.emit(events_1.TUI_EVENTS.AGENT_ACTIVATED, {
-                agentId: 'sec-1',
+                agentId: 'specialist:security-specialist',
                 name: 'security-specialist',
                 role: 'specialist',
                 isPrimary: false,
             });
             eventBus.emit(events_1.TUI_EVENTS.AGENT_ACTIVATED, {
-                agentId: 'test-1',
+                agentId: 'specialist:test-strategy-specialist',
                 name: 'test-strategy-specialist',
                 role: 'specialist',
                 isPrimary: false,
             });
             await tick();
-            (0, vitest_1.expect)(lastFrame()).toContain('3 active');
+            (0, vitest_1.expect)(lastFrame()).toContain('RUNNING');
             eventBus.emit(events_1.TUI_EVENTS.AGENT_DEACTIVATED, {
-                agentId: 'sec-1',
+                agentId: 'specialist:security-specialist',
                 reason: 'completed',
                 durationMs: 800,
             });
             eventBus.emit(events_1.TUI_EVENTS.AGENT_DEACTIVATED, {
-                agentId: 'test-1',
+                agentId: 'specialist:test-strategy-specialist',
                 reason: 'completed',
                 durationMs: 1200,
             });
@@ -228,14 +249,13 @@ const tick = () => new Promise(resolve => setTimeout(resolve, 0));
                 },
             });
             await tick();
-            (0, vitest_1.expect)(lastFrame()).toContain('1 active');
+            (0, vitest_1.expect)(lastFrame()).toContain('RUNNING');
         });
-        (0, vitest_1.it)('should handle full parallel lifecycle: start → activate → deactivate → complete', async () => {
+        (0, vitest_1.it)('should handle full parallel lifecycle: mode → agents → parallel → completion', async () => {
             const eventBus = new events_1.TuiEventBus();
-            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(app_1.App, { eventBus: eventBus }));
+            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(dashboard_app_1.DashboardApp, { eventBus: eventBus }));
             eventBus.emit(events_1.TUI_EVENTS.MODE_CHANGED, { from: null, to: 'PLAN' });
             await tick();
-            (0, vitest_1.expect)(lastFrame()).toContain('PLAN');
             eventBus.emit(events_1.TUI_EVENTS.AGENT_ACTIVATED, {
                 agentId: 'p1',
                 name: 'solution-architect',
@@ -243,43 +263,43 @@ const tick = () => new Promise(resolve => setTimeout(resolve, 0));
                 isPrimary: true,
             });
             await tick();
-            (0, vitest_1.expect)(lastFrame()).toContain('1 active');
+            (0, vitest_1.expect)(lastFrame()).toContain('RUNNING');
             eventBus.emit(events_1.TUI_EVENTS.PARALLEL_STARTED, {
                 specialists: ['security-specialist', 'accessibility-specialist', 'performance-specialist'],
                 mode: 'PLAN',
             });
             eventBus.emit(events_1.TUI_EVENTS.AGENT_ACTIVATED, {
-                agentId: 'sec-1',
+                agentId: 'specialist:security-specialist',
                 name: 'security-specialist',
                 role: 'specialist',
                 isPrimary: false,
             });
             eventBus.emit(events_1.TUI_EVENTS.AGENT_ACTIVATED, {
-                agentId: 'acc-1',
+                agentId: 'specialist:accessibility-specialist',
                 name: 'accessibility-specialist',
                 role: 'specialist',
                 isPrimary: false,
             });
             eventBus.emit(events_1.TUI_EVENTS.AGENT_ACTIVATED, {
-                agentId: 'perf-1',
+                agentId: 'specialist:performance-specialist',
                 name: 'performance-specialist',
                 role: 'specialist',
                 isPrimary: false,
             });
             await tick();
-            (0, vitest_1.expect)(lastFrame()).toContain('4 active');
+            (0, vitest_1.expect)(lastFrame()).toContain('RUNNING');
             eventBus.emit(events_1.TUI_EVENTS.AGENT_DEACTIVATED, {
-                agentId: 'sec-1',
+                agentId: 'specialist:security-specialist',
                 reason: 'completed',
                 durationMs: 500,
             });
             eventBus.emit(events_1.TUI_EVENTS.AGENT_DEACTIVATED, {
-                agentId: 'acc-1',
+                agentId: 'specialist:accessibility-specialist',
                 reason: 'completed',
                 durationMs: 700,
             });
             eventBus.emit(events_1.TUI_EVENTS.AGENT_DEACTIVATED, {
-                agentId: 'perf-1',
+                agentId: 'specialist:performance-specialist',
                 reason: 'completed',
                 durationMs: 900,
             });
@@ -292,15 +312,13 @@ const tick = () => new Promise(resolve => setTimeout(resolve, 0));
                 },
             });
             await tick();
-            const frame = lastFrame() ?? '';
-            (0, vitest_1.expect)(frame).toContain('1 active');
-            (0, vitest_1.expect)(frame).toContain('PLAN');
+            (0, vitest_1.expect)(lastFrame()).toContain('RUNNING');
         });
     });
-    (0, vitest_1.describe)('Skill 추천 → StatusBar 업데이트', () => {
-        (0, vitest_1.it)('should display all skill names when multiple skills recommended sequentially', async () => {
+    (0, vitest_1.describe)('Skill 추천 → 이벤트 처리 (UI 표시 없음)', () => {
+        (0, vitest_1.it)('should handle skill recommendation events without error', async () => {
             const eventBus = new events_1.TuiEventBus();
-            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(app_1.App, { eventBus: eventBus }));
+            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(dashboard_app_1.DashboardApp, { eventBus: eventBus }));
             eventBus.emit(events_1.TUI_EVENTS.SKILL_RECOMMENDED, {
                 skillName: 'brainstorming',
                 reason: 'creative work',
@@ -311,12 +329,11 @@ const tick = () => new Promise(resolve => setTimeout(resolve, 0));
             });
             await tick();
             const frame = lastFrame() ?? '';
-            (0, vitest_1.expect)(frame).toContain('brainstorming');
-            (0, vitest_1.expect)(frame).toContain('test-driven-development');
+            (0, vitest_1.expect)(frame).toBeTruthy();
         });
         (0, vitest_1.it)('should handle skill recommendation alongside agent activation', async () => {
             const eventBus = new events_1.TuiEventBus();
-            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(app_1.App, { eventBus: eventBus }));
+            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(dashboard_app_1.DashboardApp, { eventBus: eventBus }));
             eventBus.emit(events_1.TUI_EVENTS.AGENT_ACTIVATED, {
                 agentId: 'a1',
                 name: 'security-specialist',
@@ -328,21 +345,14 @@ const tick = () => new Promise(resolve => setTimeout(resolve, 0));
                 reason: 'bug detected',
             });
             await tick();
+            await tick();
             const frame = lastFrame() ?? '';
-            (0, vitest_1.expect)(frame).toContain('1 active');
-            (0, vitest_1.expect)(frame).toContain('systematic-debugging');
+            (0, vitest_1.expect)(frame).toContain('RUNNING');
+            (0, vitest_1.expect)(frame).toContain('security-spec');
         });
     });
     (0, vitest_1.describe)('이벤트 버퍼링 (TUI 시작 전 이벤트)', () => {
-        (0, vitest_1.it)('should NOT reflect MODE_CHANGED emitted before App mount', async () => {
-            const eventBus = new events_1.TuiEventBus();
-            eventBus.emit(events_1.TUI_EVENTS.MODE_CHANGED, { from: null, to: 'ACT' });
-            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(app_1.App, { eventBus: eventBus }));
-            await tick();
-            const frame = lastFrame() ?? '';
-            (0, vitest_1.expect)(frame).not.toContain('ACT');
-        });
-        (0, vitest_1.it)('should NOT reflect AGENT_ACTIVATED emitted before App mount', async () => {
+        (0, vitest_1.it)('should NOT reflect AGENT_ACTIVATED emitted before DashboardApp mount', async () => {
             const eventBus = new events_1.TuiEventBus();
             eventBus.emit(events_1.TUI_EVENTS.AGENT_ACTIVATED, {
                 agentId: 'a1',
@@ -350,69 +360,35 @@ const tick = () => new Promise(resolve => setTimeout(resolve, 0));
                 role: 'specialist',
                 isPrimary: true,
             });
-            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(app_1.App, { eventBus: eventBus }));
+            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(dashboard_app_1.DashboardApp, { eventBus: eventBus }));
             await tick();
-            (0, vitest_1.expect)(lastFrame()).toContain('0 active');
+            const frame = lastFrame() ?? '';
+            (0, vitest_1.expect)(frame).toContain('IDLE');
+            (0, vitest_1.expect)(frame).not.toContain('security-spec');
         });
-        (0, vitest_1.it)('should sync state via re-emitting events after App mount', async () => {
+        (0, vitest_1.it)('should sync state via re-emitting events after DashboardApp mount', async () => {
             const eventBus = new events_1.TuiEventBus();
             eventBus.emit(events_1.TUI_EVENTS.MODE_CHANGED, { from: null, to: 'PLAN' });
-            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(app_1.App, { eventBus: eventBus }));
+            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(dashboard_app_1.DashboardApp, { eventBus: eventBus }));
             await tick();
-            eventBus.emit(events_1.TUI_EVENTS.MODE_CHANGED, { from: null, to: 'PLAN' });
-            eventBus.emit(events_1.TUI_EVENTS.AGENTS_LOADED, {
-                agents: [
-                    {
-                        id: 'security-specialist',
-                        name: 'security-specialist',
-                        description: 'Security analysis',
-                        category: 'Security',
-                        icon: '🔒',
-                        expertise: ['security'],
-                    },
-                ],
+            eventBus.emit(events_1.TUI_EVENTS.AGENT_ACTIVATED, {
+                agentId: 'arch-1',
+                name: 'solution-architect',
+                role: 'primary',
+                isPrimary: true,
             });
             await tick();
             const frame = lastFrame() ?? '';
-            (0, vitest_1.expect)(frame).toContain('PLAN');
-            (0, vitest_1.expect)(frame).toContain('Security');
+            (0, vitest_1.expect)(frame).toContain('RUNNING');
+            (0, vitest_1.expect)(frame).toContain('solution-arch');
         });
     });
     (0, vitest_1.describe)('복합 시나리오 통합 테스트', () => {
-        (0, vitest_1.it)('should handle real workflow: mode → agents → parallel → skills → completion', async () => {
+        (0, vitest_1.it)('should handle real workflow: mode → agents → parallel → completion', async () => {
             const eventBus = new events_1.TuiEventBus();
-            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(app_1.App, { eventBus: eventBus }));
-            const agents = [
-                {
-                    id: 'security-specialist',
-                    name: 'security-specialist',
-                    description: 'Security',
-                    category: 'Security',
-                    icon: '🔒',
-                    expertise: ['security'],
-                },
-                {
-                    id: 'test-strategy-specialist',
-                    name: 'test-strategy-specialist',
-                    description: 'Testing',
-                    category: 'Testing',
-                    icon: '🧪',
-                    expertise: ['testing'],
-                },
-                {
-                    id: 'architecture-specialist',
-                    name: 'architecture-specialist',
-                    description: 'Architecture',
-                    category: 'Architecture',
-                    icon: '🏛️',
-                    expertise: ['architecture'],
-                },
-            ];
-            eventBus.emit(events_1.TUI_EVENTS.AGENTS_LOADED, { agents });
-            await tick();
+            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(dashboard_app_1.DashboardApp, { eventBus: eventBus }));
             eventBus.emit(events_1.TUI_EVENTS.MODE_CHANGED, { from: null, to: 'PLAN' });
             await tick();
-            (0, vitest_1.expect)(lastFrame()).toContain('PLAN');
             eventBus.emit(events_1.TUI_EVENTS.AGENT_ACTIVATED, {
                 agentId: 'arch-1',
                 name: 'architecture-specialist',
@@ -420,38 +396,32 @@ const tick = () => new Promise(resolve => setTimeout(resolve, 0));
                 isPrimary: true,
             });
             await tick();
-            (0, vitest_1.expect)(lastFrame()).toContain('1 active');
-            eventBus.emit(events_1.TUI_EVENTS.SKILL_RECOMMENDED, {
-                skillName: 'brainstorming',
-                reason: 'planning phase',
-            });
-            await tick();
-            (0, vitest_1.expect)(lastFrame()).toContain('brainstorming');
+            (0, vitest_1.expect)(lastFrame()).toContain('RUNNING');
             eventBus.emit(events_1.TUI_EVENTS.PARALLEL_STARTED, {
                 specialists: ['security-specialist', 'test-strategy-specialist'],
                 mode: 'PLAN',
             });
             eventBus.emit(events_1.TUI_EVENTS.AGENT_ACTIVATED, {
-                agentId: 'sec-1',
+                agentId: 'specialist:security-specialist',
                 name: 'security-specialist',
                 role: 'specialist',
                 isPrimary: false,
             });
             eventBus.emit(events_1.TUI_EVENTS.AGENT_ACTIVATED, {
-                agentId: 'test-1',
+                agentId: 'specialist:test-strategy-specialist',
                 name: 'test-strategy-specialist',
                 role: 'specialist',
                 isPrimary: false,
             });
             await tick();
-            (0, vitest_1.expect)(lastFrame()).toContain('3 active');
+            (0, vitest_1.expect)(lastFrame()).toContain('RUNNING');
             eventBus.emit(events_1.TUI_EVENTS.AGENT_DEACTIVATED, {
-                agentId: 'sec-1',
+                agentId: 'specialist:security-specialist',
                 reason: 'completed',
                 durationMs: 600,
             });
             eventBus.emit(events_1.TUI_EVENTS.AGENT_DEACTIVATED, {
-                agentId: 'test-1',
+                agentId: 'specialist:test-strategy-specialist',
                 reason: 'completed',
                 durationMs: 800,
             });
@@ -464,15 +434,13 @@ const tick = () => new Promise(resolve => setTimeout(resolve, 0));
             });
             await tick();
             const frame = lastFrame() ?? '';
-            (0, vitest_1.expect)(frame).toContain('PLAN');
-            (0, vitest_1.expect)(frame).toContain('1 active');
-            (0, vitest_1.expect)(frame).toContain('brainstorming');
-            (0, vitest_1.expect)(frame).toContain('Security');
-            (0, vitest_1.expect)(frame).toContain('Testing');
+            (0, vitest_1.expect)(frame).toContain('RUNNING');
+            (0, vitest_1.expect)(frame).toContain('architect');
         });
         (0, vitest_1.it)('should handle error scenario: activate → error deactivation → re-activate', async () => {
             const eventBus = new events_1.TuiEventBus();
-            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(app_1.App, { eventBus: eventBus }));
+            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(dashboard_app_1.DashboardApp, { eventBus: eventBus }));
+            await tick();
             eventBus.emit(events_1.TUI_EVENTS.AGENT_ACTIVATED, {
                 agentId: 'a1',
                 name: 'security-specialist',
@@ -480,14 +448,14 @@ const tick = () => new Promise(resolve => setTimeout(resolve, 0));
                 isPrimary: true,
             });
             await tick();
-            (0, vitest_1.expect)(lastFrame()).toContain('1 active');
+            (0, vitest_1.expect)(lastFrame()).toContain('RUNNING');
             eventBus.emit(events_1.TUI_EVENTS.AGENT_DEACTIVATED, {
                 agentId: 'a1',
                 reason: 'error',
                 durationMs: 300,
             });
             await tick();
-            (0, vitest_1.expect)(lastFrame()).toContain('0 active');
+            (0, vitest_1.expect)(lastFrame()).toContain('ERROR');
             eventBus.emit(events_1.TUI_EVENTS.AGENT_ACTIVATED, {
                 agentId: 'a1',
                 name: 'security-specialist',
@@ -495,15 +463,15 @@ const tick = () => new Promise(resolve => setTimeout(resolve, 0));
                 isPrimary: true,
             });
             await tick();
-            (0, vitest_1.expect)(lastFrame()).toContain('1 active');
+            (0, vitest_1.expect)(lastFrame()).toContain('RUNNING');
         });
     });
     (0, vitest_1.describe)('Interceptor → EventBus → UI 통합 (semantic events)', () => {
-        (0, vitest_1.it)('should update Header mode when parse_mode tool is intercepted', async () => {
+        (0, vitest_1.it)('should update state when parse_mode tool is intercepted', async () => {
             const eventBus = new events_1.TuiEventBus();
             const interceptor = new events_1.TuiInterceptor(eventBus);
             interceptor.enable();
-            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(app_1.App, { eventBus: eventBus }));
+            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(dashboard_app_1.DashboardApp, { eventBus: eventBus }));
             await tick();
             await interceptor.intercept('parse_mode', { prompt: 'PLAN design auth feature' }, async () => ({
                 content: [
@@ -518,13 +486,15 @@ const tick = () => new Promise(resolve => setTimeout(resolve, 0));
             }));
             await new Promise(resolve => setImmediate(resolve));
             await tick();
-            (0, vitest_1.expect)(lastFrame()).toContain('PLAN');
+            const frame = lastFrame() ?? '';
+            (0, vitest_1.expect)(frame).toBeTruthy();
+            (0, vitest_1.expect)(frame).toContain('CODINGBUDDY');
         });
-        (0, vitest_1.it)('should show skills in StatusBar when parse_mode returns included_skills', async () => {
+        (0, vitest_1.it)('should handle parse_mode with included_skills without error', async () => {
             const eventBus = new events_1.TuiEventBus();
             const interceptor = new events_1.TuiInterceptor(eventBus);
             interceptor.enable();
-            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(app_1.App, { eventBus: eventBus }));
+            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(dashboard_app_1.DashboardApp, { eventBus: eventBus }));
             await tick();
             await interceptor.intercept('parse_mode', { prompt: 'PLAN something' }, async () => ({
                 content: [
@@ -543,15 +513,13 @@ const tick = () => new Promise(resolve => setTimeout(resolve, 0));
             await new Promise(resolve => setImmediate(resolve));
             await tick();
             const frame = lastFrame() ?? '';
-            (0, vitest_1.expect)(frame).toContain('PLAN');
-            (0, vitest_1.expect)(frame).toContain('brainstorming');
-            (0, vitest_1.expect)(frame).toContain('writing-plans');
+            (0, vitest_1.expect)(frame).toBeTruthy();
         });
-        (0, vitest_1.it)('should show agent activation for mapped general tools like search_rules', async () => {
+        (0, vitest_1.it)('should handle tool interception and show correct state', async () => {
             const eventBus = new events_1.TuiEventBus();
             const interceptor = new events_1.TuiInterceptor(eventBus);
             interceptor.enable();
-            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(app_1.App, { eventBus: eventBus }));
+            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(dashboard_app_1.DashboardApp, { eventBus: eventBus }));
             await tick();
             await interceptor.intercept('search_rules', { query: 'test' }, async () => ({
                 content: [{ type: 'text', text: '{"results":[]}' }],
@@ -559,13 +527,13 @@ const tick = () => new Promise(resolve => setTimeout(resolve, 0));
             await new Promise(resolve => setImmediate(resolve));
             await tick();
             const frame = lastFrame() ?? '';
-            (0, vitest_1.expect)(frame).toContain('0 active');
+            (0, vitest_1.expect)(frame).toContain('IDLE');
         });
         (0, vitest_1.it)('should handle full interceptor workflow: parse_mode + parallel agents', async () => {
             const eventBus = new events_1.TuiEventBus();
             const interceptor = new events_1.TuiInterceptor(eventBus);
             interceptor.enable();
-            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(app_1.App, { eventBus: eventBus }));
+            const { lastFrame } = (0, ink_testing_library_1.render)(react_1.default.createElement(dashboard_app_1.DashboardApp, { eventBus: eventBus }));
             await tick();
             await interceptor.intercept('parse_mode', { prompt: 'EVAL review code' }, async () => ({
                 content: [
@@ -581,8 +549,7 @@ const tick = () => new Promise(resolve => setTimeout(resolve, 0));
             await new Promise(resolve => setImmediate(resolve));
             await tick();
             let frame = lastFrame() ?? '';
-            (0, vitest_1.expect)(frame).toContain('EVAL');
-            (0, vitest_1.expect)(frame).toContain('systematic-debugging');
+            (0, vitest_1.expect)(frame).toBeTruthy();
             await interceptor.intercept('prepare_parallel_agents', { specialists: ['security', 'perf'], mode: 'EVAL' }, async () => ({
                 content: [
                     {
@@ -600,8 +567,7 @@ const tick = () => new Promise(resolve => setTimeout(resolve, 0));
             await new Promise(resolve => setImmediate(resolve));
             await tick();
             frame = lastFrame() ?? '';
-            (0, vitest_1.expect)(frame).toContain('EVAL');
-            (0, vitest_1.expect)(frame).toContain('systematic-debugging');
+            (0, vitest_1.expect)(frame).toBeTruthy();
         });
     });
 });