tycono 0.1.96-beta.22 → 0.1.96-beta.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tycono",
-  "version": "0.1.96-beta.22",
+  "version": "0.1.96-beta.24",
   "description": "Build an AI company. Watch them work.",
   "type": "module",
   "bin": {

package/src/tui/app.tsx

@@ -194,14 +194,14 @@ export const App: React.FC = () => {
   const addSystemMessage = useCallback((text: string, color: string = 'yellow') => {
     setSystemMessages(prev => {
       const next = [...prev, { id: ++sysLineId, text, color }];
-      return next.length > 50 ? next.slice(-50) : next;
+      return next.length > 30 ? next.slice(-30) : next;
     });
   }, []);
 
   const addSystemLines = useCallback((lines: StreamLine[]) => {
     setSystemMessages(prev => {
       const next = [...prev, ...lines];
-      return next.length > 80 ? next.slice(-80) : next;
+      return next.length > 40 ? next.slice(-40) : next;
     });
   }, []);
 

package/src/tui/components/CommandMode.tsx

@@ -2,8 +2,7 @@
  * CommandMode — scrollable terminal mode (like Claude Code)
  *
  * Uses Ink's <Static> to push past output into terminal scrollback.
- * Only the input prompt + status remain in the re-rendered area.
- * User can scroll up with mouse wheel to see history.
+ * Shows full output: text, tools, thinking, dispatch — no aggressive truncation.
  */
 
 import React, { useState, useCallback, useRef } from 'react';
@@ -32,17 +31,13 @@ interface CommandModeProps {
 
 let lineCounter = 0;
 
-/** Filter out system prompt noise from text */
+/** Filter out only truly internal system prompt fragments */
 function isSystemNoise(text: string): boolean {
   const t = text.trim();
   if (!t) return true;
-  if (t.startsWith('## Your Role')) return true;
-  if (t.startsWith('You are')) return true;
-  if (t.startsWith('[CEO Supervisor]')) return true;
-  if (t.startsWith('[Question from')) return true;
-  if (t.includes('\u26D4 AKB Rule')) return true;
-  if (t.includes('\u26D4  Read the')) return true;
-  if (t.startsWith('\u26D4')) return true;
+  // Only filter the injected supervisor system prompt header
+  if (t.startsWith('[CEO Supervisor]') && t.includes('Your Role')) return true;
+  if (t.startsWith('\u26D4 AKB Rule:')) return true;
   return false;
 }
 
@@ -59,7 +54,7 @@ export function summarizeEvent(event: SSEEvent, allRoleIds: string[]): StreamLin
       if (isSupervisor) {
         return {
           id: ++lineCounter,
-          text: text.slice(0, 200),
+          text,
           color: 'white',
         };
       } else {
@@ -67,17 +62,30 @@ export function summarizeEvent(event: SSEEvent, allRoleIds: string[]): StreamLin
           id: ++lineCounter,
           prefix: event.roleId,
           prefixColor: roleColor,
-          text: text.slice(0, 80),
+          text,
           color: 'white',
           indent: true,
         };
       }
     }
 
+    case 'thinking': {
+      const text = ((event.data.text as string) ?? '').slice(0, 120);
+      if (!text.trim()) return null;
+      return {
+        id: ++lineCounter,
+        prefix: isSupervisor ? undefined : event.roleId,
+        prefixColor: roleColor,
+        text: `\uD83D\uDCAD ${text}`,
+        color: 'gray',
+        indent: !isSupervisor,
+      };
+    }
+
     case 'dispatch:start': {
       const target = (event.data.targetRole as string) ?? '';
       const task = ((event.data.task as string) ?? '');
-      const cleanTask = task.replace(/\u26D4[^\u26D4]*\u26D4[^"]*/g, '').trim().slice(0, 50);
+      const cleanTask = task.replace(/\u26D4[^\u26D4]*\u26D4[^"]*/g, '').trim().slice(0, 80);
       if (isSupervisor) {
         return {
           id: ++lineCounter,
@@ -89,7 +97,7 @@ export function summarizeEvent(event: SSEEvent, allRoleIds: string[]): StreamLin
         id: ++lineCounter,
         prefix: event.roleId,
         prefixColor: roleColor,
-        text: `\u2192 ${target} \uBC30\uC815`,
+        text: `\u2192 ${target} \uBC30\uC815${cleanTask ? ': ' + cleanTask : ''}`,
         color: 'yellow',
         indent: true,
       };
@@ -99,7 +107,7 @@ export function summarizeEvent(event: SSEEvent, allRoleIds: string[]): StreamLin
       const target = (event.data.targetRole as string) ?? '';
       return {
         id: ++lineCounter,
-        prefix: event.roleId,
+        prefix: isSupervisor ? undefined : event.roleId,
         prefixColor: roleColor,
         text: `\u2190 ${target} \uC644\uB8CC`,
         color: 'yellow',
@@ -113,31 +121,43 @@ export function summarizeEvent(event: SSEEvent, allRoleIds: string[]): StreamLin
       let detail = '';
       if (input && typeof input === 'object') {
         const inp = input as Record<string, unknown>;
-        if (inp.file_path) detail = ` ${String(inp.file_path).split('/').pop()}`;
-        else if (inp.command) detail = ` ${String(inp.command).slice(0, 40)}`;
+        if (inp.file_path) detail = ` ${String(inp.file_path)}`;
+        else if (inp.command) detail = ` ${String(inp.command).slice(0, 80)}`;
+        else if (inp.pattern) detail = ` ${String(inp.pattern)}`;
+        else if (inp.description) detail = ` ${String(inp.description).slice(0, 60)}`;
       }
+      return {
+        id: ++lineCounter,
+        prefix: isSupervisor ? undefined : event.roleId,
+        prefixColor: roleColor,
+        text: `  \u2192 ${toolName}${detail}`,
+        color: 'gray',
+        indent: !isSupervisor,
+      };
+    }
 
-      if (isSupervisor) {
-        return {
-          id: ++lineCounter,
-          text: `  \u2192 ${toolName}${detail}`,
-          color: 'gray',
-        };
-      }
+    case 'tool:result': {
+      const toolName = (event.data.name as string) ?? 'tool';
       return {
         id: ++lineCounter,
-        prefix: event.roleId,
+        prefix: isSupervisor ? undefined : event.roleId,
         prefixColor: roleColor,
-        text: `\u2192 ${toolName}${detail}`,
+        text: `  \u2190 ${toolName} done`,
         color: 'gray',
-        indent: true,
+        indent: !isSupervisor,
       };
     }
 
     case 'msg:start': {
-      if (isSupervisor) return null;
       const task = ((event.data.task as string) ?? '');
-      const cleanTask = task.replace(/\u26D4[^\u26D4]*\u26D4[^"]*/g, '').trim().slice(0, 40);
+      const cleanTask = task.replace(/\u26D4[^\u26D4]*\u26D4[^"]*/g, '').trim().slice(0, 60);
+      if (isSupervisor) {
+        return {
+          id: ++lineCounter,
+          text: `\u25B6 Supervisor started${cleanTask ? ': ' + cleanTask : ''}`,
+          color: 'cyan',
+        };
+      }
       return {
         id: ++lineCounter,
         prefix: event.roleId,
@@ -150,7 +170,13 @@ export function summarizeEvent(event: SSEEvent, allRoleIds: string[]): StreamLin
 
     case 'msg:done': {
       const turns = event.data.turns as number | undefined;
-      if (isSupervisor) return null;
+      if (isSupervisor) {
+        return {
+          id: ++lineCounter,
+          text: `\u2713 Supervisor done${turns ? ` (${turns} turns)` : ''}`,
+          color: 'cyan',
+        };
+      }
       return {
         id: ++lineCounter,
         prefix: event.roleId,
@@ -162,8 +188,14 @@ export function summarizeEvent(event: SSEEvent, allRoleIds: string[]): StreamLin
     }
 
     case 'msg:error': {
-      if (isSupervisor) return null;
-      const error = ((event.data.error as string) ?? '').slice(0, 60);
+      const error = ((event.data.error as string) ?? (event.data.message as string) ?? '').slice(0, 120);
+      if (isSupervisor) {
+        return {
+          id: ++lineCounter,
+          text: `\u2717 Supervisor error: ${error}`,
+          color: 'red',
+        };
+      }
       return {
         id: ++lineCounter,
         prefix: event.roleId,
@@ -174,20 +206,23 @@ export function summarizeEvent(event: SSEEvent, allRoleIds: string[]): StreamLin
       };
     }
 
-    case 'msg:awaiting_input':
+    case 'msg:awaiting_input': {
+      const question = (event.data.question as string) ?? '';
       return {
         id: ++lineCounter,
-        text: isSupervisor ? '...' : `  ${event.roleId}: waiting`,
+        prefix: isSupervisor ? undefined : event.roleId,
+        prefixColor: roleColor,
+        text: question ? `? ${question.slice(0, 100)}` : '? Awaiting input...',
         color: 'yellow',
+        indent: !isSupervisor,
       };
+    }
 
-    // Hidden
-    case 'thinking':
+    // Hidden (truly internal)
     case 'heartbeat:tick':
     case 'heartbeat:skip':
     case 'prompt:assembled':
     case 'trace:response':
-    case 'tool:result':
       return null;
 
     default:
@@ -205,7 +240,7 @@ function StreamLineRow({ line }: { line: StreamLine }) {
           {(line.prefix).padEnd(12)}
         </Text>
       )}
-      <Text color={line.color}>{line.text}</Text>
+      <Text color={line.color} wrap="wrap">{line.text}</Text>
     </Box>
   );
 }
@@ -226,19 +261,19 @@ export const CommandMode: React.FC<CommandModeProps> = ({
     if (line) eventLines.push(line);
   }
 
-  // Merge system messages and event lines
-  const allLines = [...systemMessages, ...eventLines];
+  // Merge system messages and event lines (cap total to prevent memory bloat)
+  const allLines = [...systemMessages, ...eventLines].slice(-200);
 
   // Split into committed (scrollback) and live (re-rendered)
-  // Lines up to committedRef are frozen in scrollback
   const newCommitted = allLines.slice(committedRef.current);
-  if (newCommitted.length > 5) {
-    // Keep last 5 lines live, push rest to scrollback
-    const toCommit = newCommitted.slice(0, -5);
+  if (newCommitted.length > 8) {
+    const toCommit = newCommitted.slice(0, -8);
     committedRef.current += toCommit.length;
   }
 
-  const committedLines = allLines.slice(0, committedRef.current);
+  // Cap committed to prevent Static from holding too many items
+  const rawCommitted = allLines.slice(0, committedRef.current);
+  const committedLines = rawCommitted.length > 100 ? rawCommitted.slice(-100) : rawCommitted;
   const liveLines = allLines.slice(committedRef.current);
 
   const handleSubmit = useCallback((value: string) => {
@@ -251,12 +286,12 @@ export const CommandMode: React.FC<CommandModeProps> = ({
 
   return (
     <Box flexDirection="column">
-      {/* Committed lines → pushed to terminal scrollback (scrollable with mouse wheel) */}
+      {/* Committed lines → pushed to terminal scrollback */}
       <Static items={committedLines}>
         {(line) => <StreamLineRow key={line.id} line={line} />}
       </Static>
 
-      {/* Live lines → re-rendered on each update */}
+      {/* Live lines → re-rendered */}
       {liveLines.map((line) => (
         <StreamLineRow key={line.id} line={line} />
       ))}

package/src/tui/components/StreamView.tsx

@@ -1,7 +1,7 @@
 /**
  * StreamView — detailed stream panel for Panel Mode (right side)
  * Shows full event details with timestamps for a selected role.
- * Reuses the rendering logic from StreamPanel v1 but with the v2 layout.
+ * No aggressive truncation — shows tools, thinking, dispatch like Claude Code.
  */
 
 import React from 'react';
@@ -26,11 +26,11 @@ function formatTime(ts: string): string {
   }
 }
 
-function renderEvent(event: SSEEvent, allRoleIds: string[]): { content: string; contentColor: string } | null {
+function renderEvent(event: SSEEvent): { content: string; contentColor: string } | null {
   switch (event.type) {
     case 'msg:start':
       return {
-        content: `\u25B6 Started: ${(event.data.task as string)?.slice(0, 60) ?? ''}`,
+        content: `\u25B6 Started: ${(event.data.task as string)?.replace(/\u26D4[^\u26D4]*\u26D4[^"]*/g, '').trim().slice(0, 80) ?? ''}`,
         contentColor: 'green',
       };
 
@@ -44,16 +44,23 @@ function renderEvent(event: SSEEvent, allRoleIds: string[]): { content: string;
 
     case 'msg:error':
       return {
-        content: `\u2717 Error: ${(event.data.error as string)?.slice(0, 60) ?? ''}`,
+        content: `\u2717 Error: ${(event.data.error as string ?? event.data.message as string ?? '').slice(0, 120)}`,
         contentColor: 'red',
       };
 
     case 'text': {
-      const text = ((event.data.text as string) ?? '').slice(0, 120);
+      const text = ((event.data.text as string) ?? '');
       if (!text.trim()) return null;
+      // Don't truncate — let terminal wrap
       return { content: text, contentColor: 'white' };
     }
 
+    case 'thinking': {
+      const text = ((event.data.text as string) ?? '').slice(0, 150);
+      if (!text.trim()) return null;
+      return { content: `\uD83D\uDCAD ${text}`, contentColor: 'gray' };
+    }
+
     case 'tool:start': {
       const name = (event.data.name as string) ?? 'tool';
       const input = event.data.input;
@@ -61,8 +68,9 @@ function renderEvent(event: SSEEvent, allRoleIds: string[]): { content: string;
       if (input && typeof input === 'object') {
         const inp = input as Record<string, unknown>;
         if (inp.file_path) detail = ` ${String(inp.file_path)}`;
-        else if (inp.command) detail = ` ${String(inp.command).slice(0, 60)}`;
-        else detail = ` ${JSON.stringify(input).slice(0, 60)}`;
+        else if (inp.command) detail = ` ${String(inp.command).slice(0, 80)}`;
+        else if (inp.pattern) detail = ` ${String(inp.pattern)}`;
+        else detail = ` ${JSON.stringify(input).slice(0, 80)}`;
       }
       return {
         content: `\u2192 ${name}${detail}`,
@@ -78,7 +86,7 @@ function renderEvent(event: SSEEvent, allRoleIds: string[]): { content: string;
 
     case 'dispatch:start':
       return {
-        content: `\u21D2 dispatch ${event.data.targetRole as string ?? ''}: ${(event.data.task as string)?.slice(0, 50) ?? ''}`,
+        content: `\u21D2 dispatch ${event.data.targetRole as string ?? ''}: ${(event.data.task as string)?.replace(/\u26D4[^\u26D4]*\u26D4[^"]*/g, '').trim().slice(0, 80) ?? ''}`,
         contentColor: 'yellow',
       };
 
@@ -88,14 +96,15 @@ function renderEvent(event: SSEEvent, allRoleIds: string[]): { content: string;
         contentColor: 'yellow',
       };
 
-    case 'msg:awaiting_input':
+    case 'msg:awaiting_input': {
+      const question = (event.data.question as string) ?? '';
       return {
-        content: '? Awaiting input...',
+        content: question ? `? ${question.slice(0, 120)}` : '? Awaiting input...',
         contentColor: 'yellow',
       };
+    }
 
-    // Hidden events
-    case 'thinking':
+    // Hidden (truly internal only)
     case 'heartbeat:tick':
     case 'heartbeat:skip':
     case 'prompt:assembled':
@@ -114,7 +123,7 @@ export const StreamView: React.FC<StreamViewProps> = ({
   waveId,
   roleLabel,
 }) => {
-  const maxVisible = 20;
+  const maxVisible = 30;
   const visibleEvents = events.slice(-maxVisible);
 
   const turnCount = events.filter(e => e.type === 'text' || e.type === 'tool:start').length;
@@ -146,14 +155,14 @@ export const StreamView: React.FC<StreamViewProps> = ({
       )}
 
       {visibleEvents.map((event, i) => {
-        const rendered = renderEvent(event, allRoleIds);
+        const rendered = renderEvent(event);
         if (!rendered) return null;
         const roleColor = getRoleColor(event.roleId, allRoleIds);
         return (
           <Box key={`${event.seq}-${i}`}>
             <Text color="gray" dimColor>{formatTime(event.ts)} </Text>
             <Text color={roleColor} bold>{event.roleId.padEnd(12)}</Text>
-            <Text color={rendered.contentColor}>{rendered.content}</Text>
+            <Text color={rendered.contentColor} wrap="wrap">{rendered.content}</Text>
           </Box>
         );
       })}

package/src/tui/hooks/useSSE.ts

@@ -1,14 +1,53 @@
 /**
  * useSSE — subscribe to wave SSE stream with auto-reconnect
+ *
+ * Events are stored with trimmed data to prevent OOM:
+ * - text/thinking: keep only displayable portion
+ * - msg:start task: truncate long supervisor prompts
+ * - tool inputs: summarize
  */
 
 import { useState, useEffect, useRef, useCallback } from 'react';
 import { subscribeToWaveStream, type SSEEvent, type SSEConnection } from '../api';
 
-const MAX_EVENTS = 500;
+const MAX_EVENTS = 150;
 const RECONNECT_DELAY_MS = 3000;
 const MAX_RECONNECT_DELAY_MS = 15000;
 
+/** Trim event data to prevent memory bloat */
+function trimEvent(event: SSEEvent): SSEEvent {
+  const data = { ...event.data };
+
+  // Truncate large text fields
+  if (typeof data.text === 'string' && data.text.length > 500) {
+    data.text = data.text.slice(0, 500);
+  }
+  if (typeof data.task === 'string' && data.task.length > 200) {
+    data.task = data.task.slice(0, 200);
+  }
+  if (typeof data.error === 'string' && data.error.length > 300) {
+    data.error = data.error.slice(0, 300);
+  }
+  if (typeof data.message === 'string' && data.message.length > 300) {
+    data.message = data.message.slice(0, 300);
+  }
+  // Summarize tool inputs
+  if (data.input && typeof data.input === 'object') {
+    const inp = data.input as Record<string, unknown>;
+    const summary: Record<string, unknown> = {};
+    for (const [k, v] of Object.entries(inp)) {
+      if (typeof v === 'string' && v.length > 200) {
+        summary[k] = v.slice(0, 200);
+      } else {
+        summary[k] = v;
+      }
+    }
+    data.input = summary;
+  }
+
+  return { ...event, data };
+}
+
 export interface SSEState {
   events: SSEEvent[];
   streamStatus: 'idle' | 'streaming' | 'done' | 'error';
@@ -30,7 +69,6 @@ export function useSSE(waveId: string | null): SSEState {
   }, []);
 
   useEffect(() => {
-    // Disconnect if waveId changed
     if (waveIdRef.current !== waveId) {
       connRef.current?.close();
       connRef.current = null;
@@ -50,7 +88,6 @@ export function useSSE(waveId: string | null): SSEState {
     const connect = (fromSeq: number) => {
       setStreamStatus('streaming');
 
-      // Only clear events on first connect (not reconnects)
       if (fromSeq === 0) {
         setEvents([]);
         maxSeqRef.current = 0;
@@ -59,14 +96,14 @@ export function useSSE(waveId: string | null): SSEState {
       const conn = subscribeToWaveStream(
         waveId,
         (event) => {
-          // Track max seq for reconnect resume
           if (event.seq !== undefined && event.seq > maxSeqRef.current) {
             maxSeqRef.current = event.seq;
           }
-          reconnectAttemptRef.current = 0; // Reset on successful event
+          reconnectAttemptRef.current = 0;
 
+          const trimmed = trimEvent(event);
           setEvents((prev) => {
-            const next = [...prev, event];
+            const next = [...prev, trimmed];
             return next.length > MAX_EVENTS ? next.slice(-MAX_EVENTS) : next;
           });
         },
@@ -74,15 +111,12 @@ export function useSSE(waveId: string | null): SSEState {
           if (reason === 'done') {
             setStreamStatus('done');
           } else {
-            // Disconnected or error → auto-reconnect
             const attempt = reconnectAttemptRef.current++;
             const delay = Math.min(
               RECONNECT_DELAY_MS * Math.pow(1.5, attempt),
               MAX_RECONNECT_DELAY_MS,
             );
-
-            setStreamStatus('streaming'); // Keep showing streaming during reconnect
-
+            setStreamStatus('streaming');
             reconnectTimerRef.current = setTimeout(() => {
               reconnectTimerRef.current = null;
               if (waveIdRef.current === waveId) {