tycono 0.3.14-beta.7 → 0.3.14-beta.9

package/package.json

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

package/src/tui/app.tsx

@@ -14,6 +14,8 @@
 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';
@@ -668,19 +670,51 @@ export const App: React.FC = () => {
   // Command Mode: scrollable terminal (no fullscreen)
   // Panel Mode: fullscreen (intentional — like vim for inspection)
   if (mode === 'panel') {
-    // OOM debug: minimal Panel Mode to isolate if yoga layout is the cause
-    if (process.env.PANEL_MINIMAL) {
+    // 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 debug)</Text>
-          <Text color="gray">Events: {sse.events.length} | Roles: {flatRoleIds.length} | Press Esc to go back</Text>
+          <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>
       );
     }
-    // Cap panel width to prevent yoga OOM on very wide terminals (245+ columns)
-    const panelWidth = Math.min(process.stdout.columns || 120, 160);
     return (
-      <Box flexDirection="column" height={termHeight} width={panelWidth}>
+      <Box flexDirection="column">
         <Box flexGrow={1} flexDirection="column">
           <PanelMode
             tree={orgTree}

package/src/tui/components/PanelMode.tsx

@@ -401,7 +401,7 @@ const PanelModeInner: React.FC<PanelModeProps> = ({
         <Text color="gray">{separatorStr}</Text>
 
         {/* Right: Tabbed panel */}
-        <Box flexGrow={1} flexDirection="column" overflow="hidden">
+        <Box flexGrow={1} flexDirection="column">
           {/* Tab bar */}
           <Box paddingX={1} marginBottom={0}>
             {(['stream', 'docs', 'info'] as RightTab[]).map(tab => (