tycono 0.1.96-beta.25 → 0.1.96-beta.27

package/package.json

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

package/src/tui/app.tsx

@@ -244,7 +244,7 @@ export const App: React.FC = () => {
   const roles = api.company?.roles ?? [];
   const statuses = api.execStatus?.statuses ?? {};
   const orgTree = useMemo(() => buildOrgTree(roles, statuses), [roles, statuses]);
-  const flatRoleIds = useMemo(() => flattenOrgRoleIds(orgTree), [orgTree]);
+  const flatRoleIds = useMemo(() => ['ceo', ...flattenOrgRoleIds(orgTree)], [orgTree]);
 
   // Active count
   const activeCount = Object.values(statuses).filter(
@@ -426,11 +426,11 @@ export const App: React.FC = () => {
             focusedWaveId={focusedWaveId}
             portSummary={api.portSummary}
             onMove={(dir) => {
-              if (dir === 'up') {
-                setSelectedRoleIndex(Math.max(0, selectedRoleIndex - 1));
-              } else {
-                setSelectedRoleIndex(Math.min(flatRoleIds.length - 1, selectedRoleIndex + 1));
-              }
+              const nextIdx = dir === 'up'
+                ? Math.max(0, selectedRoleIndex - 1)
+                : Math.min(flatRoleIds.length - 1, selectedRoleIndex + 1);
+              setSelectedRoleIndex(nextIdx);
+              setSelectedRoleId(flatRoleIds[nextIdx] ?? null);
             }}
             onSelect={() => {
               const roleId = flatRoleIds[selectedRoleIndex] ?? null;

package/src/tui/components/OrgTree.tsx

@@ -1,5 +1,6 @@
 /**
  * OrgTree — left panel showing organization hierarchy with real-time status
+ * CEO is now selectable (index 0 in flatRoles)
  */
 
 import React from 'react';
@@ -12,6 +13,7 @@ interface OrgTreeProps {
   focused: boolean;
   selectedIndex: number;
   flatRoles: string[];
+  ceoStatus?: string;
 }
 
 function statusColor(status: string): string {
@@ -46,10 +48,10 @@ function flattenTree(nodes: OrgNode[], prefix: string = '', isLast: boolean[] =
 
     let linePrefix = '';
     for (let j = 0; j < isLast.length; j++) {
-      linePrefix += isLast[j] ? '   ' : '│  ';
+      linePrefix += isLast[j] ? '   ' : '\u2502  ';
     }
     linePrefix += isLast.length > 0 || i > 0 || nodes.length > 1
-      ? (last ? '└─ ' : '├─ ')
+      ? (last ? '\u2514\u2500 ' : '\u251C\u2500 ')
       : '';
 
     result.push({
@@ -67,14 +69,24 @@ function flattenTree(nodes: OrgNode[], prefix: string = '', isLast: boolean[] =
   return result;
 }
 
-export const OrgTree: React.FC<OrgTreeProps> = React.memo(({ tree, focused, selectedIndex, flatRoles }) => {
+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');
 
   return (
     <Box flexDirection="column" paddingX={1}>
-      <Text bold color={focused ? 'cyan' : 'gray'}>{'── Org Tree ──'}</Text>
+      <Text bold color={focused ? 'cyan' : 'gray'}>{'\u2500\u2500 Org Tree \u2500\u2500'}</Text>
       <Box marginTop={1}>
-        <Text color="yellow" bold>{'\uD83D\uDC51'} CEO</Text>
+        <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;

package/src/tui/components/PanelMode.tsx

@@ -119,14 +119,6 @@ export const PanelMode: React.FC<PanelModeProps> = ({
     ? waves.findIndex(w => w.waveId === focusedWaveId) + 1
     : 0;
 
-  // Count sessions per wave for summary
-  const waveSessionCounts = new Map<string, number>();
-  for (const s of activeSessions) {
-    if (s.waveId) {
-      waveSessionCounts.set(s.waveId, (waveSessionCounts.get(s.waveId) ?? 0) + 1);
-    }
-  }
-
   return (
     <Box flexDirection="column" flexGrow={1}>
       {/* Main content: Org Tree left | Detail + Stream right */}
@@ -138,38 +130,8 @@ export const PanelMode: React.FC<PanelModeProps> = ({
             focused={true}
             selectedIndex={selectedRoleIndex}
             flatRoles={flatRoles}
+            ceoStatus={activeSessions.some(s => s.roleId === 'ceo' && s.status === 'active') ? 'working' : 'idle'}
           />
-
-          {/* Resource Summary — below org tree */}
-          <Box flexDirection="column" paddingX={1} marginTop={1}>
-            <Text color="gray">{'\u2500'.repeat(24)}</Text>
-
-            {/* Waves */}
-            {waves.length > 0 && (
-              <Box flexDirection="column">
-                {waves.map((w, i) => {
-                  const isFocused = w.waveId === focusedWaveId;
-                  const count = waveSessionCounts.get(w.waveId) ?? 0;
-                  return (
-                    <Box key={w.waveId}>
-                      <Text color={isFocused ? 'green' : 'gray'}>
-                        {isFocused ? '\u25B8' : ' '} W{i + 1}
-                      </Text>
-                      <Text color="gray"> {count > 0 ? `${count} agents` : 'idle'}</Text>
-                    </Box>
-                  );
-                })}
-              </Box>
-            )}
-
-            {/* Port summary */}
-            {portSummary.totalPorts > 0 && (
-              <Box marginTop={0}>
-                <Text color="blue">{portSummary.totalPorts} ports</Text>
-                <Text color="gray"> allocated</Text>
-              </Box>
-            )}
-          </Box>
         </Box>
 
         {/* Vertical separator — memoized to avoid regenerating on every render */}