tycono 0.3.11 → 0.3.12-beta.0

package/package.json

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

package/src/tui/app.tsx

@@ -326,12 +326,17 @@ export const App: React.FC = () => {
     return 'idle' as const;
   }, [sse.streamStatus, activeCount]);
 
-  // Focused wave index (1-based)
+  // Focused wave index (1-based) + startedAt
   const focusedWaveIndex = useMemo(() => {
     if (!focusedWaveId) return 0;
     return waves.findIndex(w => w.waveId === focusedWaveId) + 1;
   }, [focusedWaveId, waves]);
 
+  const focusedWaveStartedAt = useMemo(() => {
+    if (!focusedWaveId) return 0;
+    return waves.find(w => w.waveId === focusedWaveId)?.startedAt ?? 0;
+  }, [focusedWaveId, waves]);
+
   // Command handler
   const { execute } = useCommand({
     focusedWaveId,
@@ -375,12 +380,18 @@ export const App: React.FC = () => {
         if (waves.length === 0) {
           addSystemMessage('No waves.', 'gray');
         } else {
+          // Show recent 8 waves max to prevent scrollback overflow
+          const MAX_SHOW = 8;
+          const showWaves = waves.length > MAX_SHOW ? waves.slice(-MAX_SHOW) : waves;
+          const skipped = waves.length - showWaves.length;
+          if (skipped > 0) addSystemMessage(`(+${skipped} older waves)`, 'gray');
           addSystemMessage('Waves:', 'cyan');
-          waves.forEach((w, i) => {
+          showWaves.forEach((w) => {
+            const idx = waves.indexOf(w);
             const isFocused = w.waveId === focusedWaveId;
             const prefix = isFocused ? '*' : ' ';
             const label = w.directive ? w.directive.slice(0, 60) : '(idle)';
-            addSystemMessage(`${prefix}${i + 1}. Wave ${i + 1} \u2014 ${label}`, isFocused ? 'green' : 'white');
+            addSystemMessage(`${prefix}${idx + 1}. Wave ${idx + 1} \u2014 ${label}`, isFocused ? 'green' : 'white');
           });
         }
         break;
@@ -630,6 +641,8 @@ export const App: React.FC = () => {
         onQuickAction={(action) => {
           handleCommandSubmit(`/${action}`);
         }}
+        activeSessions={api.activeSessions}
+        focusedWaveId={focusedWaveId}
       />
       <StatusBar
         companyName={api.company?.name ?? 'Loading...'}
@@ -639,6 +652,9 @@ export const App: React.FC = () => {
         activeCount={activeCount}
         portCount={api.portSummary.totalPorts}
         totalCost={0}
+        activeSessions={api.activeSessions}
+        focusedWaveId={focusedWaveId}
+        waveStartedAt={focusedWaveStartedAt}
       />
     </Box>
   );

package/src/tui/components/CommandMode.tsx

@@ -8,7 +8,7 @@
 import React, { useState, useCallback, useRef } from 'react';
 import { Box, Text, Static, useInput } from 'ink';
 import TextInput from 'ink-text-input';
-import type { SSEEvent } from '../api';
+import type { SSEEvent, ActiveSessionInfo } from '../api';
 import { getRoleColor } from '../theme';
 // Markdown rendering is done inline via regex (no external dependency)
 
@@ -30,6 +30,8 @@ interface CommandModeProps {
   systemMessages: StreamLine[];
   onSubmit: (input: string) => void;
   onQuickAction?: (action: string) => void;
+  activeSessions?: ActiveSessionInfo[];
+  focusedWaveId?: string | null;
 }
 
 let lineCounter = 0;
@@ -290,6 +292,8 @@ export const CommandMode: React.FC<CommandModeProps> = ({
   systemMessages,
   onSubmit,
   onQuickAction,
+  activeSessions,
+  focusedWaveId,
 }) => {
   const [input, setInput] = useState('');
   const committedRef = useRef(0);
@@ -297,9 +301,15 @@ export const CommandMode: React.FC<CommandModeProps> = ({
   const [quickBarActive, setQuickBarActive] = useState(false);
   const [quickBarIndex, setQuickBarIndex] = useState(0);
 
-  // Convert events to stream lines
+  // Convert events to stream lines (collapse consecutive thinking from same role)
   const eventLines: StreamLine[] = [];
-  for (const event of events) {
+  for (let i = 0; i < events.length; i++) {
+    const event = events[i];
+    // Skip thinking events if next event from same role is also thinking
+    if (event.type === 'thinking' && i + 1 < events.length) {
+      const next = events[i + 1];
+      if (next.type === 'thinking' && next.roleId === event.roleId) continue;
+    }
     const line = summarizeEvent(event, allRoleIds);
     if (line) eventLines.push(line);
   }
@@ -387,6 +397,25 @@ export const CommandMode: React.FC<CommandModeProps> = ({
         </Box>
       )}
 
+      {/* Live mini-tree — shows active roles during dispatch */}
+      {(() => {
+        if (!activeSessions || !focusedWaveId) return null;
+        const waveRoles = activeSessions
+          .filter(s => s.waveId === focusedWaveId && s.status === 'active')
+          .map(s => s.roleId);
+        const unique = [...new Set(waveRoles)];
+        if (unique.length === 0) return null;
+        return (
+          <Box paddingX={0}>
+            <Text color="gray">{unique.map((r, i) => {
+              const dot = '\u25CF';
+              const arrow = i < unique.length - 1 ? '\u2192' : '';
+              return `${dot}${r}${arrow}`;
+            }).join('')}</Text>
+          </Box>
+        );
+      })()}
+
       {/* Input */}
       <Box paddingX={0} marginTop={0}>
         <Text color={quickBarActive ? 'gray' : 'yellow'} bold>&gt; </Text>

package/src/tui/components/StatusBar.tsx

@@ -1,10 +1,11 @@
 /**
  * StatusBar — bottom bar (Claude Code style)
- * Shows: company name, wave index [focused/total], active roles, ports, cost
+ * Shows: company name, wave info, dispatch chain, active roles, elapsed, cost
  */
 
 import React from 'react';
 import { Box, Text } from 'ink';
+import type { ActiveSessionInfo } from '../api';
 
 interface StatusBarProps {
   companyName: string;
@@ -14,6 +15,17 @@ interface StatusBarProps {
   activeCount: number;
   portCount: number;       // total allocated ports
   totalCost: number;
+  activeSessions?: ActiveSessionInfo[];
+  focusedWaveId?: string | null;
+  waveStartedAt?: number;  // timestamp of focused wave start
+}
+
+function elapsed(ms: number): string {
+  const s = Math.floor(ms / 1000);
+  if (s < 60) return `${s}s`;
+  const m = Math.floor(s / 60);
+  if (m < 60) return `${m}m${s % 60}s`;
+  return `${Math.floor(m / 60)}h${m % 60}m`;
 }
 
 export const StatusBar: React.FC<StatusBarProps> = ({
@@ -24,6 +36,9 @@ export const StatusBar: React.FC<StatusBarProps> = ({
   activeCount,
   portCount,
   totalCost,
+  activeSessions,
+  focusedWaveId,
+  waveStartedAt,
 }) => {
   const statusDot = waveStatus === 'running' ? ' \u25CF'
     : waveStatus === 'done' ? ' \u2713'
@@ -36,6 +51,25 @@ export const StatusBar: React.FC<StatusBarProps> = ({
   // Show [1/3] only when 2+ waves
   const countLabel = waveCount >= 2 ? ` [${waveIndex}/${waveCount}]` : '';
 
+  // Dispatch chain: show active roles for focused wave
+  let chainLabel = '';
+  if (activeSessions && focusedWaveId && waveStatus === 'running') {
+    const waveRoles = activeSessions
+      .filter(s => s.waveId === focusedWaveId && s.status === 'active')
+      .map(s => s.roleId);
+    // Deduplicate and show chain
+    const unique = [...new Set(waveRoles)];
+    if (unique.length > 0) {
+      chainLabel = unique.join('\u2192');
+    }
+  }
+
+  // Elapsed time
+  let elapsedLabel = '';
+  if (waveStartedAt && waveStatus === 'running') {
+    elapsedLabel = elapsed(Date.now() - waveStartedAt);
+  }
+
   return (
     <Box width="100%" paddingX={1}>
       <Text color="cyan" bold>Tycono</Text>
@@ -49,7 +83,19 @@ export const StatusBar: React.FC<StatusBarProps> = ({
           </Text>
         </>
       )}
-      {activeCount > 0 && (
+      {chainLabel && (
+        <>
+          <Text color="gray"> | </Text>
+          <Text color="yellow">{chainLabel}</Text>
+        </>
+      )}
+      {elapsedLabel && (
+        <>
+          <Text color="gray"> </Text>
+          <Text color="gray">{elapsedLabel}</Text>
+        </>
+      )}
+      {!chainLabel && activeCount > 0 && (
         <>
           <Text color="gray"> | </Text>
           <Text color="yellow">{activeCount} active</Text>