tycono 0.1.96-beta.12 → 0.1.96-beta.14

package/package.json

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

package/src/tui/app.tsx

@@ -17,7 +17,7 @@ import { SetupWizard } from './components/SetupWizard';
 import { useApi } from './hooks/useApi';
 import { useSSE } from './hooks/useSSE';
 import { useCommand } from './hooks/useCommand';
-import { buildOrgTree } from './store';
+import { buildOrgTree, flattenOrgRoleIds } from './store';
 
 type Mode = 'command' | 'panel';
 type View = 'loading' | 'setup' | 'dashboard';
@@ -90,11 +90,11 @@ export const App: React.FC = () => {
   // SSE subscription
   const sse = useSSE(effectiveWaveId);
 
-  // Build org tree
+  // Build org tree — flatRoleIds follows visual top-to-bottom order
   const roles = api.company?.roles ?? [];
-  const flatRoleIds = useMemo(() => roles.map(r => r.id), [roles]);
   const statuses = api.execStatus?.statuses ?? {};
   const orgTree = useMemo(() => buildOrgTree(roles, statuses), [roles, statuses]);
+  const flatRoleIds = useMemo(() => flattenOrgRoleIds(orgTree), [orgTree]);
 
   // Active count
   const activeCount = Object.values(statuses).filter(
@@ -146,16 +146,14 @@ export const App: React.FC = () => {
         addSystemMessage(result.message, 'red');
         break;
       case 'help':
-        addSystemMessage('Commands:', 'cyan');
-        addSystemMessage('  wave <directive> [--continuous]  Start a wave', 'white');
-        addSystemMessage('  directive <text>                 Send directive to active wave', 'white');
-        addSystemMessage('  stop                             Stop all active executions', 'white');
-        addSystemMessage('  status                           Show current status', 'white');
-        addSystemMessage('  assign <role> <task>             Assign task to role', 'white');
-        addSystemMessage('  summary                          Show last wave summary', 'white');
-        addSystemMessage('  roles                            Show org tree (Panel Mode)', 'white');
-        addSystemMessage('  help                             Show this help', 'white');
-        addSystemMessage('  quit                             Exit TUI', 'white');
+        addSystemMessage('Type naturally to talk to your AI team.', 'cyan');
+        addSystemMessage('Commands (/ prefix):', 'cyan');
+        addSystemMessage('  /stop                Stop all executions', 'white');
+        addSystemMessage('  /status              Show current status', 'white');
+        addSystemMessage('  /assign <role> <task> Assign task to role', 'white');
+        addSystemMessage('  /roles               Org tree (Panel Mode)', 'white');
+        addSystemMessage('  /help                Show this help', 'white');
+        addSystemMessage('  /quit                Exit TUI', 'white');
         addSystemMessage('Keys: [Tab] panel  [Esc] back  [Ctrl+C] stop/quit', 'gray');
         break;
       case 'info':
@@ -231,20 +229,6 @@ export const App: React.FC = () => {
 
   return (
     <Box flexDirection="column" height={termHeight}>
-      {/* Status Bar — always shown */}
-      <StatusBar
-        companyName={api.company?.name ?? 'Loading...'}
-        waveId={effectiveWaveId}
-        waveStatus={derivedWaveStatus}
-        activeCount={activeCount}
-        totalCost={0}
-      />
-
-      {/* Separator */}
-      <Box width="100%">
-        <Text color="gray">{'─'.repeat(process.stdout.columns || 70)}</Text>
-      </Box>
-
       {/* Mode content — fill remaining height */}
       <Box flexGrow={1} flexDirection="column">
       {mode === 'command' ? (
@@ -278,6 +262,15 @@ export const App: React.FC = () => {
         />
       )}
       </Box>
+
+      {/* Status Bar — bottom (Claude Code style) */}
+      <StatusBar
+        companyName={api.company?.name ?? 'Loading...'}
+        waveId={effectiveWaveId}
+        waveStatus={derivedWaveStatus}
+        activeCount={activeCount}
+        totalCost={0}
+      />
     </Box>
   );
 };

package/src/tui/components/CommandMode.tsx

@@ -185,7 +185,7 @@ export const CommandMode: React.FC<CommandModeProps> = ({
         {allLines.length === 0 && (
           <Box marginTop={1}>
             <Text color="gray" dimColor>
-              Ready. Type "wave &lt;directive&gt;" to start, or "help" for commands.
+              Type a message to your AI team, or /help for commands.
             </Text>
           </Box>
         )}
@@ -211,7 +211,7 @@ export const CommandMode: React.FC<CommandModeProps> = ({
       {/* Command input */}
       <Box paddingX={1} justifyContent="space-between">
         <Box>
-          <Text color="green" bold>&gt; </Text>
+          <Text color="yellow" bold>&gt; </Text>
           <TextInput
             value={input}
             onChange={setInput}

package/src/tui/components/OrgTree.tsx

@@ -32,7 +32,6 @@ function statusColor(status: string): string {
 
 interface FlatEntry {
   roleId: string;
-  name: string;
   level: string;
   status: string;
   prefix: string;
@@ -55,7 +54,6 @@ function flattenTree(nodes: OrgNode[], prefix: string = '', isLast: boolean[] =
 
     result.push({
       roleId: node.role.id,
-      name: node.role.name || node.role.id,
       level: node.role.level,
       status: node.status,
       prefix: linePrefix,
@@ -72,16 +70,6 @@ function flattenTree(nodes: OrgNode[], prefix: string = '', isLast: boolean[] =
 export const OrgTree: React.FC<OrgTreeProps> = ({ tree, focused, selectedIndex, flatRoles }) => {
   const entries = flattenTree(tree);
 
-  // Map flatRoles index to entries
-  const flatRoleIdToEntryIdx = new Map<number, number>();
-  let roleIdx = 0;
-  for (let i = 0; i < entries.length; i++) {
-    if (roleIdx < flatRoles.length && flatRoles[roleIdx] === entries[i].roleId) {
-      flatRoleIdToEntryIdx.set(roleIdx, i);
-      roleIdx++;
-    }
-  }
-
   return (
     <Box flexDirection="column" paddingX={1}>
       <Text bold color={focused ? 'cyan' : 'gray'}>{'── Org Tree ──'}</Text>
@@ -108,9 +96,8 @@ export const OrgTree: React.FC<OrgTreeProps> = ({ tree, focused, selectedIndex,
               bold={isSelected}
               inverse={isSelected}
             >
-              {entry.level === 'c-level' ? entry.name : entry.name}
+              {entry.roleId}
             </Text>
-            <Text color="gray" dimColor> {entry.roleId}</Text>
           </Box>
         );
       })}

package/src/tui/components/StatusBar.tsx

@@ -1,5 +1,6 @@
 /**
- * StatusBar — top bar showing company name, wave status, active count, cost
+ * StatusBar — bottom bar (Claude Code style)
+ * Shows: company name, wave status, active roles, cost
  */
 
 import React from 'react';
@@ -21,29 +22,33 @@ export const StatusBar: React.FC<StatusBarProps> = ({
   totalCost,
 }) => {
   const waveLabel = waveId
-    ? `Wave ${waveId.replace('wave-', '#')} ${waveStatus === 'running' ? '\u25CF' : waveStatus === 'done' ? '\u2713' : ''} ${waveStatus}`
-    : 'No active wave';
+    ? `Wave ${waveId.replace('wave-', '#')}`
+    : '';
+  const statusDot = waveStatus === 'running' ? ' ●'
+    : waveStatus === 'done' ? ' ✓'
+    : '';
 
   return (
-    <Box
-      width="100%"
-      paddingX={1}
-      justifyContent="space-between"
-    >
-      <Box>
-        <Text bold color="cyan">TYCONO</Text>
-        <Text color="white"> </Text>
-        <Text color="white">{companyName}</Text>
-      </Box>
-      <Box>
-        <Text color={waveStatus === 'running' ? 'green' : 'gray'}>
-          {waveLabel}
-        </Text>
-        <Text color="white">  </Text>
-        <Text color="yellow">{activeCount} active</Text>
-        <Text color="white">  </Text>
-        <Text color="green">${totalCost.toFixed(2)}</Text>
-      </Box>
+    <Box width="100%" paddingX={1}>
+      <Text color="cyan" bold>Tycono</Text>
+      <Text color="gray"> | </Text>
+      <Text color="white">{companyName}</Text>
+      {waveLabel && (
+        <>
+          <Text color="gray"> | </Text>
+          <Text color={waveStatus === 'running' ? 'green' : 'gray'}>
+            {waveLabel}{statusDot}
+          </Text>
+        </>
+      )}
+      {activeCount > 0 && (
+        <>
+          <Text color="gray"> | </Text>
+          <Text color="yellow">{activeCount} active</Text>
+        </>
+      )}
+      <Text color="gray"> | </Text>
+      <Text color="green">${totalCost.toFixed(2)}</Text>
     </Box>
   );
 };

package/src/tui/hooks/useCommand.ts

@@ -1,54 +1,25 @@
 /**
- * useCommand — command parsing + execution for TUI v2 Command Mode
+ * useCommand — input handler for TUI v2
  *
- * Commands:
- *   wave <directive> [--continuous]  — dispatch a wave
- *   directive <text>                 — send directive to active wave
- *   stop                            — abort all active executions
- *   status                          — show current wave + session status
- *   assign <role> <task>            — assign task to specific role
- *   summary                         — show last wave summary
- *   roles                           — show org tree inline
- *   help                            — show help
- *   quit                            — exit
+ * Default: natural language → wave dispatch or directive (if wave active)
+ * Commands (/ prefix):
+ *   /stop                — abort all active executions
+ *   /status              — show current wave + session status
+ *   /assign <role> <task> — assign task to specific role
+ *   /roles               — show org tree (Panel Mode)
+ *   /help                — show help
+ *   /quit                — exit
  */
 
 import { useCallback } from 'react';
 import { dispatchWave, sendDirective, fetchJson } from '../api';
 
-export interface ParsedCommand {
-  cmd: string;
-  args: string;
-  flags: Record<string, boolean>;
-}
-
 export interface CommandResult {
   type: 'success' | 'error' | 'info' | 'wave_started' | 'directive_sent' | 'stopped' | 'quit' | 'help' | 'panel';
   message: string;
   waveId?: string;
 }
 
-export function parseCommand(input: string): ParsedCommand {
-  const trimmed = input.trim();
-  if (!trimmed) return { cmd: '', args: '', flags: {} };
-
-  const parts = trimmed.split(/\s+/);
-  const cmd = parts[0].toLowerCase();
-  const flags: Record<string, boolean> = {};
-  const argParts: string[] = [];
-
-  for (let i = 1; i < parts.length; i++) {
-    if (parts[i].startsWith('--')) {
-      const flagName = parts[i].slice(2);
-      if (flagName) flags[flagName] = true;
-    } else {
-      argParts.push(parts[i]);
-    }
-  }
-
-  return { cmd, args: argParts.join(' '), flags };
-}
-
 async function postAbortAll(): Promise<void> {
   try {
     const status = await fetchJson<{
@@ -88,97 +59,83 @@ export function useCommand(options: UseCommandOptions) {
   const { activeWaveId, onWaveStarted, onStopped, onQuit, onShowPanel } = options;
 
   const execute = useCallback(async (input: string): Promise<CommandResult> => {
-    const { cmd, args, flags } = parseCommand(input);
-
-    if (!cmd) return { type: 'info', message: '' };
-
-    switch (cmd) {
-      case 'wave': {
-        if (!args) {
-          return { type: 'error', message: 'Usage: wave <directive> [--continuous]' };
-        }
-        try {
-          const result = await dispatchWave(args, { continuous: flags.continuous });
-          onWaveStarted(result.waveId);
-          const modeLabel = flags.continuous ? ' (continuous)' : '';
-          return {
-            type: 'wave_started',
-            message: `Wave ${result.waveId.replace('wave-', '#')} started${modeLabel}`,
-            waveId: result.waveId,
-          };
-        } catch (err) {
-          return { type: 'error', message: `Wave failed: ${err instanceof Error ? err.message : 'unknown'}` };
-        }
-      }
-
-      case 'directive': {
-        if (!args) {
-          return { type: 'error', message: 'Usage: directive <text>' };
-        }
-        if (!activeWaveId) {
-          return { type: 'error', message: 'No active wave. Start one with: wave <directive>' };
-        }
-        try {
-          await sendDirective(activeWaveId, args);
-          return { type: 'directive_sent', message: `Directive sent to ${activeWaveId.replace('wave-', 'Wave #')}` };
-        } catch (err) {
-          return { type: 'error', message: `Directive failed: ${err instanceof Error ? err.message : 'unknown'}` };
-        }
-      }
-
-      case 'stop': {
-        try {
-          await postAbortAll();
-          onStopped();
-          return { type: 'stopped', message: 'All active executions stopped.' };
-        } catch (err) {
-          return { type: 'error', message: `Stop failed: ${err instanceof Error ? err.message : 'unknown'}` };
+    const trimmed = input.trim();
+    if (!trimmed) return { type: 'info', message: '' };
+
+    // Slash commands: /stop, /status, /help, /quit, /roles, /assign
+    if (trimmed.startsWith('/')) {
+      const parts = trimmed.slice(1).split(/\s+/);
+      const cmd = parts[0].toLowerCase();
+      const args = parts.slice(1).join(' ');
+
+      switch (cmd) {
+        case 'stop': {
+          try {
+            await postAbortAll();
+            onStopped();
+            return { type: 'stopped', message: 'All active executions stopped.' };
+          } catch (err) {
+            return { type: 'error', message: `Stop failed: ${err instanceof Error ? err.message : 'unknown'}` };
+          }
         }
-      }
 
-      case 'status': {
-        return { type: 'info', message: '__status__' };
-      }
+        case 'status':
+          return { type: 'info', message: '__status__' };
 
-      case 'assign': {
-        const spaceIdx = args.indexOf(' ');
-        if (spaceIdx === -1 || !args) {
-          return { type: 'error', message: 'Usage: assign <role> <task>' };
-        }
-        const roleId = args.slice(0, spaceIdx);
-        const task = args.slice(spaceIdx + 1);
-        try {
-          const result = await postAssign(roleId, task);
-          if (result.waveId) {
-            onWaveStarted(result.waveId);
+        case 'assign': {
+          const spaceIdx = args.indexOf(' ');
+          if (spaceIdx === -1 || !args) {
+            return { type: 'error', message: 'Usage: /assign <role> <task>' };
+          }
+          const roleId = args.slice(0, spaceIdx);
+          const task = args.slice(spaceIdx + 1);
+          try {
+            const result = await postAssign(roleId, task);
+            if (result.waveId) {
+              onWaveStarted(result.waveId);
+            }
+            return { type: 'success', message: `Task assigned to ${roleId}`, waveId: result.waveId };
+          } catch (err) {
+            return { type: 'error', message: `Assign failed: ${err instanceof Error ? err.message : 'unknown'}` };
           }
-          return { type: 'success', message: `Task assigned to ${roleId}`, waveId: result.waveId };
-        } catch (err) {
-          return { type: 'error', message: `Assign failed: ${err instanceof Error ? err.message : 'unknown'}` };
         }
-      }
 
-      case 'summary': {
-        return { type: 'info', message: '__summary__' };
-      }
+        case 'roles':
+          onShowPanel();
+          return { type: 'panel', message: '' };
 
-      case 'roles': {
-        onShowPanel();
-        return { type: 'panel', message: 'Switching to Panel Mode...' };
-      }
+        case 'help':
+          return { type: 'help', message: '__help__' };
 
-      case 'help': {
-        return { type: 'help', message: '__help__' };
-      }
+        case 'quit':
+        case 'exit':
+          onQuit();
+          return { type: 'quit', message: 'Goodbye!' };
 
-      case 'quit':
-      case 'exit': {
-        onQuit();
-        return { type: 'quit', message: 'Goodbye!' };
+        default:
+          return { type: 'error', message: `Unknown command: /${cmd}. Type /help for commands.` };
       }
+    }
 
-      default: {
-        return { type: 'error', message: `Unknown command: ${cmd}. Type "help" for available commands.` };
+    // Default: natural language → directive (if wave active) or new wave
+    if (activeWaveId) {
+      try {
+        await sendDirective(activeWaveId, trimmed);
+        return { type: 'directive_sent', message: `Directive sent` };
+      } catch (err) {
+        return { type: 'error', message: `Failed: ${err instanceof Error ? err.message : 'unknown'}` };
+      }
+    } else {
+      try {
+        const result = await dispatchWave(trimmed);
+        onWaveStarted(result.waveId);
+        return {
+          type: 'wave_started',
+          message: `Wave ${result.waveId.replace('wave-', '#')} started`,
+          waveId: result.waveId,
+        };
+      } catch (err) {
+        return { type: 'error', message: `Wave failed: ${err instanceof Error ? err.message : 'unknown'}` };
       }
     }
   }, [activeWaveId, onWaveStarted, onStopped, onQuit, onShowPanel]);

package/src/tui/store.ts

@@ -97,3 +97,15 @@ export function buildOrgTree(roles: RoleInfo[], statuses: Record<string, string>
 
   return roots;
 }
+
+/** Flatten org tree into visual top-to-bottom order of role IDs */
+export function flattenOrgRoleIds(nodes: OrgNode[]): string[] {
+  const result: string[] = [];
+  for (const node of nodes) {
+    result.push(node.role.id);
+    if (node.children.length > 0) {
+      result.push(...flattenOrgRoleIds(node.children));
+    }
+  }
+  return result;
+}