tycono 0.1.96-beta.26 → 0.1.96-beta.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tycono",
-  "version": "0.1.96-beta.26",
+  "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

@@ -130,6 +130,7 @@ export const PanelMode: React.FC<PanelModeProps> = ({
             focused={true}
             selectedIndex={selectedRoleIndex}
             flatRoles={flatRoles}
+            ceoStatus={activeSessions.some(s => s.roleId === 'ceo' && s.status === 'active') ? 'working' : 'idle'}
           />
         </Box>