tycono 0.3.14-beta.9 → 0.3.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tycono",
-  "version": "0.3.14-beta.9",
+  "version": "0.3.15",
   "description": "Build an AI company. Watch them work.",
   "type": "module",
   "bin": {
@@ -35,7 +35,7 @@
     "cors": "^2.8.5",
     "dotenv": "^16.4.7",
     "express": "^5.0.1",
-    "glob": "^11.0.1",
+    "glob": "^13.0.6",
     "gray-matter": "^4.0.3",
     "ink": "^5.2.1",
     "ink-select-input": "^6.2.0",

package/src/tui/app.tsx

@@ -14,8 +14,6 @@
 import React, { useState, useCallback, useMemo, useEffect, useRef } from 'react';
 import { Box, Text, useApp, useInput } from 'ink';
 import { StatusBar } from './components/StatusBar';
-import { OrgTree } from './components/OrgTree';
-import { StreamView } from './components/StreamView';
 import { CommandMode, type StreamLine } from './components/CommandMode';
 import { PanelMode } from './components/PanelMode';
 import { SetupWizard } from './components/SetupWizard';
@@ -632,6 +630,8 @@ export const App: React.FC = () => {
       return;
     }
     if (mode === 'command' && key.tab) {
+      // Clear terminal before Panel Mode (removes Command Mode scrollback)
+      process.stdout.write('\x1b[2J\x1b[H');
       setMode('panel');
     }
   });
@@ -670,52 +670,9 @@ export const App: React.FC = () => {
   // Command Mode: scrollable terminal (no fullscreen)
   // Panel Mode: fullscreen (intentional — like vim for inspection)
   if (mode === 'panel') {
-    // OOM debug levels: 0=full, 1=minimal, 2=orgTree only, 3=stream only
-    const debugLevel = parseInt(process.env.PANEL_MINIMAL || '0', 10);
-    if (debugLevel === 1) {
-      return (
-        <Box flexDirection="column">
-          <Text color="cyan">Panel Mode (minimal)</Text>
-          <Text color="gray">Events: {sse.events.length} | Press Esc</Text>
-        </Box>
-      );
-    }
-    if (debugLevel === 2) {
-      return (
-        <Box flexDirection="column">
-          <OrgTree tree={orgTree} focused={true} selectedIndex={0} flatRoles={flatRoleIds} ceoStatus="idle" />
-          <Text color="gray">OrgTree only | Press Esc</Text>
-        </Box>
-      );
-    }
-    if (debugLevel === 3) {
-      return (
-        <Box flexDirection="column">
-          <StreamView events={sse.events} allRoleIds={flatRoleIds} streamStatus={sse.streamStatus} waveId={focusedWaveId} roleLabel="All" />
-          <Text color="gray">StreamView only | Press Esc</Text>
-        </Box>
-      );
-    }
-    if (debugLevel === 4) {
-      // Full layout structure but empty content
-      return (
-        <Box flexDirection="column" height={termHeight}>
-          <Box flexGrow={1}>
-            <Box flexDirection="column" width={28}>
-              <Text color="green">Left Panel</Text>
-            </Box>
-            <Text color="gray">{'\u2502'}</Text>
-            <Box flexGrow={1} flexDirection="column" overflow="hidden">
-              <Text color="cyan">Right Panel</Text>
-            </Box>
-          </Box>
-          <StatusBar companyName="test" waveIndex={1} waveCount={1} waveStatus="idle" activeCount={0} portCount={0} totalCost={0} />
-        </Box>
-      );
-    }
     return (
       <Box flexDirection="column">
-        <Box flexGrow={1} flexDirection="column">
+        <Box flexDirection="column">
           <PanelMode
             tree={orgTree}
             flatRoles={flatRoleIds}

package/src/tui/components/CommandMode.tsx

@@ -83,16 +83,8 @@ export function summarizeEvent(event: SSEEvent, allRoleIds: string[]): StreamLin
     }
 
     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,
-      };
+      // Hide thinking by default — internal noise for user
+      return null;
     }
 
     case 'dispatch:start': {
@@ -130,17 +122,18 @@ export function summarizeEvent(event: SSEEvent, allRoleIds: string[]): StreamLin
 
     case 'tool:start': {
       const toolName = (event.data.name as string) ?? 'tool';
+      // Only show Write/Edit (file changes) + Bash (commands). Hide Read/Grep/Glob (noise).
+      const isWrite = ['Write', 'Edit', 'NotebookEdit'].includes(toolName);
+      if (!isWrite) return null; // Only show file writes — hide Read/Grep/Glob/Bash
+
       const input = event.data.input;
       let detail = '';
       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, 80)}`;
-        else if (inp.pattern) detail = ` ${String(inp.pattern)}`;
-        else if (inp.description) detail = ` ${String(inp.description).slice(0, 60)}`;
+        if (inp.file_path) detail = ` ${String(inp.file_path).split('/').slice(-2).join('/')}`;
+        else if (inp.command) detail = ` ${String(inp.command).slice(0, 60)}`;
+        else if (inp.description) detail = ` ${String(inp.description).slice(0, 40)}`;
       }
-      // Highlight file writes
-      const isWrite = ['Write', 'Edit'].includes(toolName);
       return {
         id: ++lineCounter,
         prefix: isSupervisor ? undefined : event.roleId,
@@ -152,15 +145,8 @@ export function summarizeEvent(event: SSEEvent, allRoleIds: string[]): StreamLin
     }
 
     case 'tool:result': {
-      const toolName = (event.data.name as string) ?? 'tool';
-      return {
-        id: ++lineCounter,
-        prefix: isSupervisor ? undefined : event.roleId,
-        prefixColor: roleColor,
-        text: `  \u2190 ${toolName} done`,
-        color: 'gray',
-        indent: !isSupervisor,
-      };
+      // Hide tool results — tool:start is sufficient
+      return null;
     }
 
     case 'msg:start': {
@@ -421,10 +407,10 @@ export const CommandMode: React.FC<CommandModeProps> = ({
   const handleSubmit = useCallback((value: string) => {
     const trimmed = value.trim();
     if (trimmed) {
-      // Show user input immediately in scrollback (before AI responds)
+      // Show user input with visual separator for emphasis
       setUserInputs(prev => [...prev.slice(-10), {
         id: ++lineCounter,
-        text: `> ${trimmed}`,
+        text: `\u2501\u2501 > ${trimmed}`,
         color: 'green',
       }]);
       onSubmit(trimmed);

package/src/tui/components/OrgTree.tsx

@@ -1,6 +1,6 @@
 /**
- * OrgTree — left panel showing organization hierarchy with real-time status
- * CEO is now selectable (index 0 in flatRoles)
+ * OrgTree — left panel showing organization hierarchy
+ * Simplified to single Text render to prevent yoga OOM on wide terminals
  */
 
 import React from 'react';
@@ -16,103 +16,36 @@ interface OrgTreeProps {
   ceoStatus?: string;
 }
 
-function statusColor(status: string): string {
-  switch (status) {
-    case 'working':
-    case 'streaming':
-      return 'green';
-    case 'done':
-      return 'gray';
-    case 'error':
-      return 'red';
-    case 'awaiting_input':
-      return 'yellow';
-    default:
-      return 'gray';
-  }
-}
-
-interface FlatEntry {
-  roleId: string;
-  level: string;
-  status: string;
-  prefix: string;
-}
-
-function flattenTree(nodes: OrgNode[], prefix: string = '', isLast: boolean[] = []): FlatEntry[] {
-  const result: FlatEntry[] = [];
-
+function flattenTree(nodes: OrgNode[], isLast: boolean[] = []): Array<{ roleId: string; status: string; line: string }> {
+  const result: Array<{ roleId: string; status: string; line: string }> = [];
   for (let i = 0; i < nodes.length; i++) {
     const node = nodes[i];
     const last = i === nodes.length - 1;
-
-    let linePrefix = '';
+    let prefix = '';
     for (let j = 0; j < isLast.length; j++) {
-      linePrefix += isLast[j] ? '   ' : '\u2502  ';
+      prefix += isLast[j] ? '   ' : '\u2502  ';
     }
-    linePrefix += isLast.length > 0 || i > 0 || nodes.length > 1
-      ? (last ? '\u2514\u2500 ' : '\u251C\u2500 ')
-      : '';
-
-    result.push({
-      roleId: node.role.id,
-      level: node.role.level,
-      status: node.status,
-      prefix: linePrefix,
-    });
-
+    prefix += last ? '\u2514\u2500 ' : '\u251C\u2500 ';
+    const icon = statusIcon(node.status);
+    result.push({ roleId: node.role.id, status: node.status, line: `${prefix}${icon} ${node.role.id}` });
     if (node.children.length > 0) {
-      result.push(...flattenTree(node.children, '', [...isLast, last]));
+      result.push(...flattenTree(node.children, [...isLast, last]));
     }
   }
-
   return result;
 }
 
 export const OrgTree: React.FC<OrgTreeProps> = React.memo(({ tree, focused, selectedIndex, flatRoles, ceoStatus }) => {
-  const entries = flattenTree(tree);
-  const isCeoSelected = focused && flatRoles[selectedIndex] === 'ceo';
   const ceoIcon = statusIcon(ceoStatus ?? 'idle');
-  const ceoColor = statusColor(ceoStatus ?? 'idle');
+  const entries = flattenTree(tree);
+
+  // Render entire tree as single Text block (1 yoga node instead of 50+)
+  const lines = [`${ceoIcon} CEO`, ...entries.map(e => e.line)];
 
   return (
     <Box flexDirection="column" paddingX={1}>
       <Text bold color={focused ? 'cyan' : 'gray'}>{'\u2500\u2500 Org Tree \u2500\u2500'}</Text>
-      <Box marginTop={1}>
-        <Text color={ceoColor} bold={ceoStatus === 'working'}>{ceoIcon} </Text>
-        <Text
-          color={isCeoSelected ? 'cyan' : 'yellow'}
-          bold={isCeoSelected}
-          inverse={isCeoSelected}
-        >
-          CEO
-        </Text>
-      </Box>
-      {entries.map((entry, i) => {
-        const isSelected = focused && flatRoles[selectedIndex] === entry.roleId;
-        const icon = statusIcon(entry.status);
-        const color = statusColor(entry.status);
-
-        return (
-          <Box key={entry.roleId + '-' + i}>
-            <Text color="gray">{entry.prefix}</Text>
-            <Text
-              color={color}
-              bold={entry.status === 'working'}
-            >
-              {icon}
-            </Text>
-            <Text> </Text>
-            <Text
-              color={isSelected ? 'cyan' : 'white'}
-              bold={isSelected}
-              inverse={isSelected}
-            >
-              {entry.roleId}
-            </Text>
-          </Box>
-        );
-      })}
+      <Text color="white">{'\n' + lines.join('\n')}</Text>
     </Box>
   );
 });