@targlobal/mission-control 1.2.0

package/src/index.ts

@@ -0,0 +1,1793 @@
+#!/usr/bin/env node
+
+import { Command } from 'commander';
+import chalk from 'chalk';
+import ora from 'ora';
+import Table from 'cli-table3';
+import inquirer from 'inquirer';
+import { getConfig, setConfig, isAuthenticated, clearConfig, setUser, getUser } from './config';
+import { api, Task, Board, Payout, PayoutMetrics, resetApiClient } from './api';
+import { execSync, spawn } from 'child_process';
+
+const VERSION = '1.2.0';
+const program = new Command();
+
+// Set terminal title
+const setTitle = (context: string) => {
+  process.stdout.write(`\x1b]0;MC | ${context}\x07`);
+};
+
+// ASCII Art Logo
+const logo = `
+  ${chalk.bold.white('███╗   ███╗ ██╗ ███████╗ ███████╗ ██╗  ██████╗  ███╗   ██╗')}
+  ${chalk.bold.white('████╗ ████║ ██║ ██╔════╝ ██╔════╝ ██║ ██╔═══██╗ ████╗  ██║')}
+  ${chalk.bold.white('██╔████╔██║ ██║ ███████╗ ███████╗ ██║ ██║   ██║ ██╔██╗ ██║')}
+  ${chalk.bold.white('██║╚██╔╝██║ ██║ ╚════██║ ╚════██║ ██║ ██║   ██║ ██║╚██╗██║')}
+  ${chalk.bold.white('██║ ╚═╝ ██║ ██║ ███████║ ███████║ ██║ ╚██████╔╝ ██║ ╚████║')}
+  ${chalk.bold.white('╚═╝     ╚═╝ ╚═╝ ╚══════╝ ╚══════╝ ╚═╝  ╚═════╝  ╚═╝  ╚═══╝')}
+
+      ${chalk.yellow('>>>')} ${chalk.bold.yellow('CONTROL')}   ${chalk.dim('TAR Global Management')}
+`;
+
+const miniLogo = chalk.cyan('>>>') + chalk.bold.white(' Mission Control') + chalk.dim(' | TAR Global');
+
+// Compact mode detection
+const isCompact = (): boolean => {
+  const config = getConfig();
+  if (config.compact === 'on') return true;
+  if (config.compact === 'off') return false;
+  // Auto-detect based on terminal width
+  const width = process.stdout.columns || 80;
+  return width < 60;
+};
+
+const getTermWidth = (): number => process.stdout.columns || 80;
+
+// Status bar showing user info
+const showStatusBar = () => {
+  const user = getUser();
+  if (user) {
+    console.log(chalk.dim('─'.repeat(50)));
+    console.log(chalk.bold.white(`  ${user.name}`) + chalk.dim(` | ${user.email}`));
+    console.log('');
+  }
+};
+
+// Fun completion messages (ASCII-safe)
+const celebrations = [
+  chalk.green('*** Task completed! You\'re on fire! ***'),
+  chalk.green('*** Done! Another one bites the dust! ***'),
+  chalk.green('*** Shipped! To infinity and beyond! ***'),
+  chalk.green('*** Crushed it! Keep that momentum! ***'),
+  chalk.green('*** Victory! You\'re unstoppable! ***'),
+  chalk.green('*** Stellar work! Task obliterated! ***'),
+  chalk.green('*** Boom! Task destroyed! ***'),
+  chalk.green('*** Bullseye! Nailed it! ***'),
+];
+
+const getRandomCelebration = () => celebrations[Math.floor(Math.random() * celebrations.length)];
+
+// Priority colors and icons (ASCII-safe for terminal compatibility)
+const priorityStyle: Record<string, { icon: string; color: (s: string) => string }> = {
+  critical: { icon: chalk.red('●'), color: chalk.red },
+  high: { icon: chalk.yellow('●'), color: chalk.yellow },
+  medium: { icon: chalk.blue('●'), color: chalk.blue },
+  low: { icon: chalk.green('●'), color: chalk.green },
+};
+
+// Type icons (ASCII-safe)
+const typeIcons: Record<string, string> = {
+  bug: chalk.red('[BUG]'),
+  feature: chalk.green('[FTR]'),
+  improvement: chalk.cyan('[IMP]'),
+  task: chalk.white('[TSK]'),
+  escalation: chalk.magenta('[ESC]'),
+};
+
+// Helper to check auth
+const requireAuth = () => {
+  if (!isAuthenticated()) {
+    console.log(chalk.red('\n[!] Not authenticated. Run `mc login` first.\n'));
+    process.exit(1);
+  }
+};
+
+// Helper to parse task number (supports MC-1001 or just 1001)
+const parseTaskNumber = (input: string): string => {
+  return input.toUpperCase().replace('MC-', '');
+};
+
+// Helper to format date
+const formatDate = (dateStr: string): string => {
+  const date = new Date(dateStr);
+  const now = new Date();
+  const diffMs = now.getTime() - date.getTime();
+  const diffMins = Math.floor(diffMs / 60000);
+  const diffHours = Math.floor(diffMs / 3600000);
+  const diffDays = Math.floor(diffMs / 86400000);
+
+  if (diffMins < 1) return 'just now';
+  if (diffMins < 60) return `${diffMins}m ago`;
+  if (diffHours < 24) return `${diffHours}h ago`;
+  if (diffDays < 7) return `${diffDays}d ago`;
+  return date.toLocaleDateString();
+};
+
+// Fetch and store user info
+const fetchUserInfo = async () => {
+  try {
+    const response = await api.getCurrentUser();
+    if (response.user) {
+      setUser({
+        name: response.user.display_name,
+        email: response.user.email,
+      });
+    }
+  } catch (e) {
+    // Silently fail - user info is optional
+  }
+};
+
+program
+  .name('mc')
+  .description('Mission Control CLI - TAR Global Task Management')
+  .version(VERSION)
+  .addHelpText('before', logo);
+
+// ==================== INTERACTIVE SHELL ====================
+program
+  .command('shell')
+  .alias('i')
+  .description('Start interactive dashboard mode')
+  .action(async () => {
+    requireAuth();
+    await runInteractiveShell();
+  });
+
+// Command functions for interactive mode
+const listTasksCmd = async (options: { all?: boolean }) => {
+  const spinner = ora('Loading tasks...').start();
+  try {
+    const data = options.all ? await api.listTasks({}) : await api.getMyTasks();
+    const tasks: Task[] = data.tasks || [];
+    spinner.stop();
+
+    if (tasks.length === 0) {
+      console.log(chalk.dim('\n  No tasks found\n'));
+      return;
+    }
+
+    const compact = isCompact();
+    const table = new Table({
+      head: compact
+        ? [chalk.cyan('ID'), chalk.cyan('Title'), chalk.cyan('Pri')]
+        : [chalk.cyan('ID'), chalk.cyan('Title'), chalk.cyan('Priority'), chalk.cyan('Status'), chalk.cyan('Type')],
+      style: { head: [], border: [] },
+      colWidths: compact ? [8, 24, 6] : [10, 40, 12, 15, 8],
+    });
+
+    tasks.forEach((task) => {
+      const p = priorityStyle[task.priority] || priorityStyle.medium;
+      const titleLen = compact ? 21 : 37;
+      const title = task.title.length > titleLen ? task.title.substring(0, titleLen) + '...' : task.title;
+
+      if (compact) {
+        table.push([
+          chalk.dim(task.display_id.replace('MC-', '')),
+          title,
+          p.icon,
+        ]);
+      } else {
+        table.push([
+          chalk.white(task.display_id),
+          title,
+          p.icon + ' ' + p.color(task.priority),
+          task.column_name,
+          typeIcons[task.task_type] || chalk.white('[TSK]'),
+        ]);
+      }
+    });
+
+    console.log('\n' + table.toString() + '\n');
+    console.log(chalk.dim(`  ${tasks.length} task(s) found\n`));
+  } catch (error: any) {
+    spinner.fail(chalk.red('Failed to load tasks'));
+  }
+};
+
+const showTaskCmd = async (taskId: string) => {
+  const spinner = ora('Loading task...').start();
+  const compact = isCompact();
+
+  try {
+    const task: Task = await api.getTask(parseTaskNumber(taskId));
+    spinner.stop();
+
+    const p = priorityStyle[task.priority] || priorityStyle.medium;
+    const typeIcon = typeIcons[task.task_type] || chalk.white('[TSK]');
+
+    if (compact) {
+      // Compact task view
+      console.log('');
+      console.log(chalk.bold.white(`${task.display_id}: ${task.title.substring(0, 28)}`));
+      console.log(chalk.dim('─'.repeat(30)));
+      console.log(`${typeIcon} ${p.icon} ${p.color(task.priority)} ${chalk.dim('|')} ${task.column_name}`);
+      console.log(chalk.dim(`Board: ${task.board_name}`));
+      console.log(chalk.dim(`Created: ${formatDate(task.created_at)}`));
+
+      if (task.assignees.length > 0) {
+        const names = task.assignees.map((a) => a.display_name.split(' ')[0]).join(', ');
+        console.log(chalk.dim(`Assigned: ${names.substring(0, 25)}`));
+      }
+
+      if (task.is_completed) {
+        console.log(chalk.green(`✓ Done ${formatDate(task.completed_at!)}`));
+      }
+
+      if (task.description) {
+        console.log(chalk.dim('\n' + task.description.substring(0, 100)));
+        if (task.description.length > 100) console.log(chalk.dim('...'));
+      }
+      console.log('');
+    } else {
+      console.log('\n' + chalk.bold.white('╭─────────────────────────────────────────────────────╮'));
+      console.log(chalk.bold.white(`│ ${task.display_id}: ${task.title.substring(0, 43).padEnd(43)} │`));
+      console.log(chalk.bold.white('├─────────────────────────────────────────────────────┤'));
+      console.log(`│ Type: ${typeIcon} ${task.task_type.padEnd(12)} Priority: ${p.icon} ${p.color(task.priority.padEnd(10))}   │`);
+      console.log(`│ Board: ${task.board_name.padEnd(12)} Column: ${task.column_name.padEnd(15)}   │`);
+      console.log(`│ Created: ${formatDate(task.created_at).padEnd(10)} by ${(task.created_by_name || 'Unknown').padEnd(20)} │`);
+
+      if (task.assignees.length > 0) {
+        const assigneeNames = task.assignees.map((a) => a.display_name).join(', ');
+        console.log(`│ Assignees: ${assigneeNames.substring(0, 40).padEnd(40)}  │`);
+      }
+
+      if (task.is_completed) {
+        console.log(`│ ${chalk.green('[DONE]')} ${formatDate(task.completed_at!).padEnd(41)}  │`);
+      }
+
+      console.log(chalk.bold.white('╰─────────────────────────────────────────────────────╯'));
+
+      if (task.description) {
+        console.log(chalk.dim('\nDescription:'));
+        console.log(task.description.substring(0, 200));
+        if (task.description.length > 200) console.log(chalk.dim('...'));
+      }
+
+      console.log('');
+    }
+  } catch (error: any) {
+    spinner.fail(chalk.red('Failed to load task'));
+  }
+};
+
+const createTaskInteractive = async () => {
+  const boards = await api.listBoards();
+
+  const answers = await inquirer.prompt([
+    { type: 'input', name: 'title', message: 'Task title:' },
+    { type: 'input', name: 'description', message: 'Description (optional):' },
+    {
+      type: 'list',
+      name: 'board',
+      message: 'Board:',
+      choices: boards.boards.map((b: Board) => ({ name: b.name, value: b.id })),
+    },
+    {
+      type: 'list',
+      name: 'priority',
+      message: 'Priority:',
+      choices: ['low', 'medium', 'high', 'critical'],
+      default: 'medium',
+    },
+    {
+      type: 'list',
+      name: 'type',
+      message: 'Type:',
+      choices: ['task', 'bug', 'feature', 'improvement'],
+      default: 'task',
+    },
+  ]);
+
+  const spinner = ora('Creating task...').start();
+  try {
+    const task = await api.createTask({
+      title: answers.title,
+      description: answers.description || undefined,
+      board: answers.board,
+      priority: answers.priority,
+      task_type: answers.type,
+    });
+    spinner.succeed(chalk.green(`Task created: ${task.display_id}`));
+    console.log(chalk.dim(`  ${task.title}\n`));
+  } catch (error: any) {
+    spinner.fail(chalk.red('Failed to create task'));
+  }
+};
+
+const startTaskCmd = async (taskId: string) => {
+  const spinner = ora('Starting task...').start();
+  try {
+    const task = await api.getTask(parseTaskNumber(taskId));
+    const boardData = await api.getBoard(task.board_name.toLowerCase().replace(' ', '-'));
+    const inProgressCol = boardData.columns.find((c: any) => c.name.toLowerCase().includes('progress'));
+
+    if (!inProgressCol) {
+      spinner.fail(chalk.red('Could not find In Progress column'));
+      return;
+    }
+
+    await api.moveTask(parseTaskNumber(taskId), inProgressCol.id);
+    spinner.succeed(chalk.green(`${task.display_id} moved to In Progress`));
+  } catch (error: any) {
+    spinner.fail(chalk.red('Failed to start task'));
+  }
+};
+
+const completeTaskCmd = async (taskId: string) => {
+  const spinner = ora('Completing task...').start();
+  try {
+    const result = await api.completeTask(parseTaskNumber(taskId));
+    spinner.stop();
+    console.log('\n' + getRandomCelebration());
+    console.log(chalk.dim(`  ${result.task.display_id}: ${result.task.title}`));
+    console.log(chalk.green('\n  ╭────────────────────────────────╮'));
+    console.log(chalk.green('  │') + chalk.bold.yellow('    [*] TASK COMPLETED! [*]   ') + chalk.green('│'));
+    console.log(chalk.green('  ╰────────────────────────────────╯\n'));
+  } catch (error: any) {
+    spinner.fail(chalk.red('Failed to complete task'));
+  }
+};
+
+const listBoardsCmd = async () => {
+  const spinner = ora('Loading boards...').start();
+  const compact = isCompact();
+
+  try {
+    const data = await api.listBoards();
+    spinner.stop();
+
+    if (compact) {
+      console.log(chalk.cyan('\n  Boards:'));
+      data.boards.forEach((board: Board) => {
+        console.log(`  ${chalk.white(board.slug.padEnd(10))} ${chalk.dim(board.task_count + ' tasks')}`);
+      });
+      console.log('');
+    } else {
+      const table = new Table({
+        head: [chalk.cyan('Slug'), chalk.cyan('Name'), chalk.cyan('Team'), chalk.cyan('Tasks')],
+        style: { head: [], border: [] },
+      });
+
+      data.boards.forEach((board: Board) => {
+        table.push([board.slug, board.name, board.team, board.task_count.toString()]);
+      });
+
+      console.log('\n' + table.toString() + '\n');
+    }
+  } catch (error: any) {
+    spinner.fail(chalk.red('Failed to load boards'));
+  }
+};
+
+const showStatsCmd = async () => {
+  const spinner = ora('Loading stats...').start();
+  const compact = isCompact();
+
+  try {
+    const stats = await api.getStats();
+    spinner.stop();
+
+    if (compact) {
+      console.log(chalk.cyan('\n  YOUR STATS'));
+      console.log(chalk.dim('  ──────────────────'));
+      console.log(`  Tasks:    ${chalk.bold.white(stats.my_tasks)}`);
+      console.log(`  Done:     ${chalk.bold.green(stats.my_completed)}`);
+      console.log(`  Overdue:  ${chalk.bold.red(stats.overdue_tasks)}`);
+      console.log(`  Critical: ${chalk.bold.yellow(stats.critical_count)}`);
+      console.log(`  High:     ${chalk.bold.yellow(stats.high_count)}`);
+      console.log('');
+    } else {
+      console.log('\n' + miniLogo);
+      console.log(chalk.cyan('\n  ╭──────────────────────────────╮'));
+      console.log(chalk.cyan('  │') + chalk.bold.white('      [=] YOUR STATS [=]      ') + chalk.cyan('│'));
+      console.log(chalk.cyan('  ├──────────────────────────────┤'));
+      console.log(chalk.cyan('  │') + `  [T] My Tasks:    ${chalk.bold.white(String(stats.my_tasks).padStart(6))}    ` + chalk.cyan('│'));
+      console.log(chalk.cyan('  │') + `  [+] Completed:   ${chalk.bold.green(String(stats.my_completed).padStart(6))}    ` + chalk.cyan('│'));
+      console.log(chalk.cyan('  │') + `  [!] Overdue:     ${chalk.bold.red(String(stats.overdue_tasks).padStart(6))}    ` + chalk.cyan('│'));
+      console.log(chalk.cyan('  │') + `  ${chalk.red('●')} Critical:    ${chalk.bold.yellow(String(stats.critical_count).padStart(6))}    ` + chalk.cyan('│'));
+      console.log(chalk.cyan('  │') + `  ${chalk.yellow('●')} High:        ${chalk.bold.yellow(String(stats.high_count).padStart(6))}    ` + chalk.cyan('│'));
+      console.log(chalk.cyan('  ╰──────────────────────────────╯\n'));
+    }
+  } catch (error: any) {
+    spinner.fail(chalk.red('Failed to load stats'));
+  }
+};
+
+const showUrgentCmd = async () => {
+  const spinner = ora('Loading urgent tasks...').start();
+  try {
+    const data = await api.listTasks({ priority: 'critical' });
+    const tasks: Task[] = data.tasks || [];
+    spinner.stop();
+
+    if (tasks.length === 0) {
+      console.log(chalk.green('\n  [OK] No critical tasks! All clear.\n'));
+      return;
+    }
+
+    console.log(chalk.red.bold(`\n  [!!!] ${tasks.length} critical task(s) need attention:\n`));
+    tasks.forEach((task) => {
+      console.log(`  ${chalk.red('●')} ${task.display_id}: ${task.title}`);
+      console.log(chalk.dim(`    ${task.board_name} → ${task.column_name}`));
+    });
+    console.log('');
+  } catch (error: any) {
+    spinner.fail(chalk.red('Failed to load tasks'));
+  }
+};
+
+const showWhoami = () => {
+  const config = getConfig();
+  const user = getUser();
+  const termWidth = getTermWidth();
+
+  console.log('\n' + chalk.bold('  Mission Control Config'));
+  console.log(chalk.dim('  ──────────────────────'));
+  if (user) {
+    console.log(`  User:      ${chalk.bold.white(user.name)}`);
+    console.log(`  Email:     ${user.email}`);
+  }
+  console.log(`  API URL:   ${config.apiUrl}`);
+  console.log(`  Token:     ${config.token ? chalk.green('●') + ' configured' : chalk.red('○') + ' not set'}`);
+  console.log(`  Compact:   ${chalk.cyan(config.compact)} ${chalk.dim(`(term: ${termWidth} cols)`)}`);
+  console.log(`  Version:   ${VERSION}`);
+  console.log('');
+};
+
+const showInteractiveHelp = () => {
+  const compact = isCompact();
+
+  if (compact) {
+    console.log(chalk.cyan('\n  Commands:'));
+    console.log(chalk.dim('  ─────────────'));
+    console.log('  tasks/ls   List tasks');
+    console.log('  show <id>  Task details');
+    console.log('  new        Create task');
+    console.log('  done <id>  Complete');
+    console.log('  stats      Statistics');
+    console.log('  payouts    Payouts');
+    console.log('  config     Settings');
+    console.log('  exit/q     Quit');
+    console.log('');
+  } else {
+    console.log(chalk.cyan('\n  Available Commands:'));
+    console.log(chalk.dim('  ──────────────────────'));
+    console.log('  tasks, ls          List your tasks');
+    console.log('  tasks -a           List all tasks');
+    console.log('  show <id>          Show task details');
+    console.log('  new                Create new task (interactive)');
+    console.log('  start <id>         Move task to In Progress');
+    console.log('  done <id>          Complete a task');
+    console.log('  boards             List boards');
+    console.log('  stats              Show your statistics');
+    console.log('  urgent             Show critical tasks');
+    console.log(chalk.yellow('  payouts            Payout processing dashboard'));
+    console.log('  whoami             Show current user/config');
+    console.log('  config             View/set config (compact mode)');
+    console.log('  clear              Clear screen');
+    console.log('  help, ?            Show this help');
+    console.log('  exit, quit, q      Exit shell');
+    console.log('');
+  }
+};
+
+// ==================== INTERACTIVE DASHBOARD SHELL ====================
+
+const showDashboard = async () => {
+  try {
+    const stats = await api.getStats();
+    const user = getUser();
+    const now = new Date();
+    const greeting = now.getHours() < 12 ? 'Good morning' : now.getHours() < 18 ? 'Good afternoon' : 'Good evening';
+    const compact = isCompact();
+
+    console.clear();
+
+    if (compact) {
+      // Compact mobile dashboard
+      console.log(miniLogo);
+      console.log('');
+      const firstName = (user?.name || 'Agent').split(' ')[0];
+      console.log(chalk.dim(`${greeting}, `) + chalk.bold.yellow(firstName));
+      console.log('');
+      console.log(chalk.cyan('┌─────────────────────────────┐'));
+      console.log(chalk.cyan('│') + ` ${chalk.bgCyan.black('TASKS')} ${chalk.bold.white(String(stats.my_tasks).padStart(3))}  ${chalk.bgRed.white('CRIT')} ${chalk.bold.red(String(stats.critical_count).padStart(2))}  ${chalk.bgYellow.black('OVR')} ${chalk.bold.yellow(String(stats.overdue_tasks).padStart(2))} ` + chalk.cyan('│'));
+      console.log(chalk.cyan('├─────────────────────────────┤'));
+      console.log(chalk.cyan('│') + ` ${chalk.cyan('[1]')}Tasks ${chalk.cyan('[2]')}New ${chalk.cyan('[3]')}Pay ${chalk.cyan('[4]')}Urg ` + chalk.cyan('│'));
+      console.log(chalk.cyan('└─────────────────────────────┘'));
+      console.log('');
+
+      // Show urgent count only in compact mode
+      if (stats.critical_count > 0 || stats.overdue_tasks > 0) {
+        console.log(chalk.red(`! ${stats.critical_count} critical task(s)`));
+      }
+    } else {
+      // Full dashboard
+      const blinkDots = chalk.cyan('\x1b[5m●●●\x1b[0m'); // Blinking dots
+      console.log(logo);
+      console.log('');
+      console.log(chalk.cyan('╔══════════════════════════════════════════════════════════════════════╗'));
+      console.log(chalk.cyan('║') + `   ${chalk.bold.white(greeting)}, ${chalk.bold.yellow((user?.name || 'Agent').substring(0, 35))}`.padEnd(60) + `   ${blinkDots}   ` + chalk.cyan('║'));
+      console.log(chalk.cyan('╠══════════════════════════════════════════════════════════════════════╣'));
+      console.log(chalk.cyan('║') + '                                                                      ' + chalk.cyan('║'));
+      console.log(chalk.cyan('║') + `      ${chalk.bgCyan.black(' MY TASKS ')}       ${chalk.bgRed.white(' CRITICAL ')}       ${chalk.bgYellow.black(' OVERDUE ')}       ${chalk.bgGreen.black(' DONE ')}      ` + chalk.cyan('║'));
+      console.log(chalk.cyan('║') + `          ${chalk.bold.white(String(stats.my_tasks).padStart(3))}               ${chalk.bold.red(String(stats.critical_count).padStart(3))}               ${chalk.bold.yellow(String(stats.overdue_tasks).padStart(3))}              ${chalk.bold.green(String(stats.my_completed).padStart(3))}       ` + chalk.cyan('║'));
+      console.log(chalk.cyan('║') + '                                                                      ' + chalk.cyan('║'));
+      console.log(chalk.cyan('╠══════════════════════════════════════════════════════════════════════╣'));
+      console.log(chalk.cyan('║') + chalk.dim('   Quick Actions:                                                     ') + chalk.cyan('║'));
+      console.log(chalk.cyan('║') + `      ${chalk.cyan('[1]')} My Tasks     ${chalk.cyan('[2]')} New Task     ${chalk.cyan('[3]')} Payouts     ${chalk.cyan('[4]')} Urgent      ` + chalk.cyan('║'));
+      console.log(chalk.cyan('║') + '                                                                      ' + chalk.cyan('║'));
+      console.log(chalk.cyan('╚══════════════════════════════════════════════════════════════════════╝'));
+      console.log('');
+
+      // Show recent urgent tasks if any
+      if (stats.critical_count > 0 || stats.overdue_tasks > 0) {
+        console.log(chalk.red.bold('  ⚠️  ATTENTION REQUIRED:'));
+        const urgentData = await api.listTasks({ priority: 'critical' });
+        const urgentTasks: Task[] = (urgentData.tasks || []).slice(0, 3);
+        urgentTasks.forEach((t: Task) => {
+          console.log(`    ${chalk.red('●')} ${chalk.dim(t.display_id)} ${t.title.substring(0, 45)}`);
+        });
+        console.log('');
+      }
+    }
+  } catch (e) {
+    // Silently fail - show basic prompt
+  }
+};
+
+const runInteractiveShell = async () => {
+  setTitle('Mission Control');
+  await showDashboard();
+
+  const runLoop = async (): Promise<void> => {
+    const user = getUser();
+    const prompt = chalk.cyan('mc') + chalk.dim(` ${user?.name?.split(' ')[0] || ''}`) + chalk.cyan(' ❯ ');
+
+    const { command } = await inquirer.prompt([
+      {
+        type: 'input',
+        name: 'command',
+        message: prompt,
+        prefix: '',
+      },
+    ]);
+
+    const cmd = command.trim().toLowerCase();
+    const parts = command.trim().split(/\s+/);
+    const mainCmd = parts[0]?.toLowerCase();
+    const args = parts.slice(1);
+
+    // Exit commands
+    if (cmd === 'exit' || cmd === 'quit' || cmd === 'q') {
+      console.log(chalk.dim('\n  👋 See you later!\n'));
+      process.exit(0);
+    }
+
+    if (cmd === '') {
+      return runLoop();
+    }
+
+    try {
+      // Quick number shortcuts
+      if (cmd === '1') {
+        setTitle('My Tasks');
+        await listTasksCmd({});
+      } else if (cmd === '2') {
+        setTitle('New Task');
+        await createTaskInteractive();
+      } else if (cmd === '3') {
+        await runPayoutsShell();
+        await showDashboard();
+      } else if (cmd === '4') {
+        setTitle('Urgent');
+        await showUrgentCmd();
+      } else {
+        // Regular commands
+        switch (mainCmd) {
+          case 'dashboard':
+          case 'home':
+          case 'h':
+            await showDashboard();
+            break;
+          case 'tasks':
+          case 'ls':
+            setTitle('Tasks');
+            await listTasksCmd({ all: args.includes('-a') || args.includes('--all') });
+            break;
+          case 'show':
+          case 'view':
+            if (args[0]) {
+              setTitle(`Task ${args[0]}`);
+              await showTaskCmd(args[0]);
+            } else {
+              console.log(chalk.red('  Usage: show <taskId>\n'));
+            }
+            break;
+          case 'new':
+          case 'create':
+            setTitle('New Task');
+            await createTaskInteractive();
+            break;
+          case 'start':
+            if (args[0]) {
+              await startTaskCmd(args[0]);
+            } else {
+              console.log(chalk.red('  Usage: start <taskId>\n'));
+            }
+            break;
+          case 'done':
+          case 'complete':
+            if (args[0]) {
+              await completeTaskCmd(args[0]);
+            } else {
+              console.log(chalk.red('  Usage: done <taskId>\n'));
+            }
+            break;
+          case 'boards':
+            setTitle('Boards');
+            await listBoardsCmd();
+            break;
+          case 'stats':
+            setTitle('Stats');
+            await showStatsCmd();
+            break;
+          case 'urgent':
+            setTitle('Urgent');
+            await showUrgentCmd();
+            break;
+          case 'payouts':
+          case 'payout':
+          case 'pay':
+            await runPayoutsShell();
+            await showDashboard();
+            break;
+          case 'whoami':
+            showWhoami();
+            break;
+          case 'help':
+          case '?':
+            showInteractiveHelp();
+            break;
+          case 'clear':
+          case 'cls':
+            await showDashboard();
+            break;
+          case 'refresh':
+          case 'r':
+            await showDashboard();
+            break;
+          case 'config':
+            if (args[0] === 'compact' && args[1]) {
+              if (['auto', 'on', 'off'].includes(args[1])) {
+                setConfig('compact', args[1]);
+                console.log(chalk.green(`\n  ✓ Compact mode: ${args[1]}\n`));
+                await showDashboard();
+              } else {
+                console.log(chalk.red('\n  Use: config compact auto/on/off\n'));
+              }
+            } else {
+              const cfg = getConfig();
+              console.log(chalk.cyan('\n  Config:'));
+              console.log(`  compact: ${chalk.bold(cfg.compact)} ${chalk.dim('(auto/on/off)')}`);
+              console.log(chalk.dim('\n  Usage: config compact on\n'));
+            }
+            break;
+          default:
+            console.log(chalk.red(`  Unknown command: ${mainCmd}`));
+            console.log(chalk.dim('  Type "help" for available commands\n'));
+        }
+      }
+    } catch (e: any) {
+      console.log(chalk.red(`  Error: ${e.message}\n`));
+    }
+
+    setTitle('Mission Control');
+    return runLoop();
+  };
+
+  await runLoop();
+};
+
+// ==================== PAYOUT FUNCTIONS ====================
+
+const PLAN_COLORS: Record<string, (s: string) => string> = {
+  hermes: chalk.yellow,
+  alpha: chalk.cyan,
+  mematic: chalk.magenta,
+  validator_v2: chalk.blue,
+  booster: chalk.green,
+  dumpster: chalk.gray,
+};
+
+const PLAN_ICONS: Record<string, string> = {
+  hermes: '⚡',
+  alpha: '🔷',
+  mematic: '💎',
+  validator_v2: '🔐',
+  booster: '🚀',
+  dumpster: '🗑️',
+};
+
+const formatAmount = (amount: number, crypto?: string): string => {
+  const formatted = amount.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 4 });
+  return crypto ? `${formatted} ${crypto}` : `$${formatted}`;
+};
+
+const formatWallet = (address: string, length: number = 16): string => {
+  if (address.length <= length) return address;
+  return address.substring(0, 8) + '...' + address.substring(address.length - 6);
+};
+
+const showPayoutDashboard = async () => {
+  const spinner = ora('Loading payout dashboard...').start();
+  const compact = isCompact();
+
+  try {
+    // Fetch metrics for all plans
+    const metricsData = await api.getPayoutMetrics();
+    const metrics: PayoutMetrics = metricsData.data;
+
+    // Fetch pending payouts
+    const payoutsData = await api.listPayouts({ status: 'pending', limit: 50 });
+    const payouts: Payout[] = payoutsData.data || [];
+
+    spinner.stop();
+
+    if (compact) {
+      // Compact mobile payout dashboard
+      console.log('\n' + chalk.yellow('>>> PAYOUTS'));
+      console.log('');
+      console.log(chalk.cyan('┌─────────────────────────────┐'));
+      console.log(chalk.cyan('│') + ` ${chalk.yellow('PEND')} ${String(metrics.pending_payouts).padStart(3)}  ${chalk.green('DONE')} ${String(metrics.completed_payouts).padStart(4)}  ${chalk.red('FAIL')} ${String(metrics.failed_payouts).padStart(2)} ` + chalk.cyan('│'));
+      console.log(chalk.cyan('├─────────────────────────────┤'));
+      console.log(chalk.cyan('│') + ` Pending: ${chalk.yellow('$' + metrics.pending_amount.toLocaleString())}`.padEnd(29) + chalk.cyan('│'));
+      console.log(chalk.cyan('│') + ` Paid:    ${chalk.green('$' + metrics.paid_amount.toLocaleString())}`.padEnd(29) + chalk.cyan('│'));
+      console.log(chalk.cyan('└─────────────────────────────┘'));
+
+      if (payouts.length === 0) {
+        console.log(chalk.green('\n  ✓ No pending payouts\n'));
+        return;
+      }
+
+      // Group payouts by plan
+      const byPlan: Record<string, Payout[]> = {};
+      payouts.forEach((p) => {
+        if (!byPlan[p.plan]) byPlan[p.plan] = [];
+        byPlan[p.plan].push(p);
+      });
+
+      console.log(chalk.dim('\nPENDING BY PLAN:'));
+
+      Object.entries(byPlan).forEach(([plan, planPayouts]) => {
+        const planColor = PLAN_COLORS[plan] || chalk.white;
+        const byCrypto: Record<string, number> = {};
+        planPayouts.forEach((p) => {
+          if (!byCrypto[p.crypto_type]) byCrypto[p.crypto_type] = 0;
+          byCrypto[p.crypto_type] += p.amount;
+        });
+        const cryptoTotals = Object.entries(byCrypto).map(([crypto, amt]) => `${amt.toFixed(2)} ${crypto}`).join(', ');
+
+        console.log(`  ${planColor(plan.toUpperCase())} ${chalk.dim('|')} ${planPayouts.length} ${chalk.dim('|')} ${chalk.yellow(cryptoTotals)}`);
+
+        // Show first 2 payouts
+        planPayouts.slice(0, 2).forEach((p) => {
+          const email = p.user_email.length > 15 ? p.user_email.substring(0, 13) + '..' : p.user_email;
+          console.log(chalk.dim(`    #${p.id} ${email} ${chalk.green(p.amount.toFixed(2))} ${p.crypto_type}`));
+        });
+
+        if (planPayouts.length > 2) {
+          console.log(chalk.dim(`    ... +${planPayouts.length - 2} more`));
+        }
+      });
+
+      console.log(chalk.dim('\nCmds: list, approve, cancel, back\n'));
+
+    } else {
+      // Full dashboard
+      console.log('\n' + chalk.cyan('╔════════════════════════════════════════════════════════════════╗'));
+      console.log(chalk.cyan('║') + chalk.bold.white('                    💰 PAYOUT CONTROL CENTER 💰                  ') + chalk.cyan('║'));
+      console.log(chalk.cyan('╠════════════════════════════════════════════════════════════════╣'));
+
+      // Metrics Row
+      console.log(chalk.cyan('║') + '                                                                ' + chalk.cyan('║'));
+      console.log(chalk.cyan('║') + `  ${chalk.bold.yellow('PENDING')}         ${chalk.bold.green('COMPLETED')}        ${chalk.bold.red('FAILED')}         ${chalk.bold.white('TOTAL')}    ` + chalk.cyan('║'));
+      console.log(chalk.cyan('║') + `    ${chalk.yellow(String(metrics.pending_payouts).padStart(4))}              ${chalk.green(String(metrics.completed_payouts).padStart(5))}             ${chalk.red(String(metrics.failed_payouts).padStart(3))}            ${chalk.white(String(metrics.total_payouts).padStart(5))}    ` + chalk.cyan('║'));
+      console.log(chalk.cyan('║') + '                                                                ' + chalk.cyan('║'));
+      console.log(chalk.cyan('╠════════════════════════════════════════════════════════════════╣'));
+
+      // Amount Stats
+      console.log(chalk.cyan('║') + `  ${chalk.dim('Pending Amount:')} ${chalk.yellow('$' + metrics.pending_amount.toLocaleString())}`.padEnd(64) + chalk.cyan('║'));
+      console.log(chalk.cyan('║') + `  ${chalk.dim('Paid Amount:')}    ${chalk.green('$' + metrics.paid_amount.toLocaleString())}`.padEnd(64) + chalk.cyan('║'));
+      console.log(chalk.cyan('║') + `  ${chalk.dim('Total Volume:')}   ${chalk.white('$' + metrics.total_amount.toLocaleString())}`.padEnd(64) + chalk.cyan('║'));
+      console.log(chalk.cyan('╠════════════════════════════════════════════════════════════════╣'));
+
+      if (payouts.length === 0) {
+        console.log(chalk.cyan('║') + chalk.green('              ✓ No pending payouts. All clear!                  ') + chalk.cyan('║'));
+        console.log(chalk.cyan('╚════════════════════════════════════════════════════════════════╝\n'));
+        return;
+      }
+
+      // Group payouts by plan
+      const byPlan: Record<string, Payout[]> = {};
+      payouts.forEach((p) => {
+        if (!byPlan[p.plan]) byPlan[p.plan] = [];
+        byPlan[p.plan].push(p);
+      });
+
+      console.log(chalk.cyan('║') + chalk.bold.white('                     PENDING PAYOUTS BY PLAN                    ') + chalk.cyan('║'));
+      console.log(chalk.cyan('╠════════════════════════════════════════════════════════════════╣'));
+
+      // Show payouts by plan
+      Object.entries(byPlan).forEach(([plan, planPayouts]) => {
+        const planColor = PLAN_COLORS[plan] || chalk.white;
+        const planIcon = PLAN_ICONS[plan] || '📋';
+
+        // Group amounts by crypto type
+        const byCrypto: Record<string, number> = {};
+        planPayouts.forEach((p) => {
+          if (!byCrypto[p.crypto_type]) byCrypto[p.crypto_type] = 0;
+          byCrypto[p.crypto_type] += p.amount;
+        });
+        const cryptoTotals = Object.entries(byCrypto).map(([crypto, amt]) => `${amt.toFixed(2)} ${crypto}`).join(', ');
+
+        console.log(chalk.cyan('║') + `  ${planIcon} ${planColor(plan.toUpperCase().padEnd(12))} ${chalk.dim('|')} ${chalk.white(planPayouts.length + ' payouts')} ${chalk.dim('|')} ${chalk.yellow(cryptoTotals)}`.padEnd(72) + chalk.cyan('║'));
+
+        // Show first 3 payouts for this plan
+        planPayouts.slice(0, 3).forEach((p) => {
+          const idStr = chalk.dim(`#${p.id}`);
+          const emailStr = p.user_email.length > 20 ? p.user_email.substring(0, 18) + '..' : p.user_email;
+          const amountStr = formatAmount(p.amount, p.crypto_type);
+          const walletStr = formatWallet(p.wallet_address);
+          console.log(chalk.cyan('║') + `     ${idStr} ${chalk.white(emailStr.padEnd(20))} ${chalk.green(amountStr.padStart(14))} ${chalk.dim(walletStr)}`.padEnd(72) + chalk.cyan('║'));
+        });
+
+        if (planPayouts.length > 3) {
+          console.log(chalk.cyan('║') + chalk.dim(`     ... and ${planPayouts.length - 3} more`).padEnd(64) + chalk.cyan('║'));
+        }
+        console.log(chalk.cyan('║') + '                                                                ' + chalk.cyan('║'));
+      });
+
+      console.log(chalk.cyan('╠════════════════════════════════════════════════════════════════╣'));
+      console.log(chalk.cyan('║') + chalk.dim('  Commands: list, approve <ids>, cancel <ids>, process, back    ') + chalk.cyan('║'));
+      console.log(chalk.cyan('╚════════════════════════════════════════════════════════════════╝\n'));
+    }
+
+  } catch (error: any) {
+    spinner.fail(chalk.red('Failed to load payout dashboard'));
+    if (error.response?.status === 403) {
+      console.log(chalk.red('\n  ⛔ Access Denied: Only managers and executors can access payouts\n'));
+    } else {
+      console.log(chalk.dim(`  ${error.response?.data?.error || error.message}\n`));
+    }
+  }
+};
+
+const listPayoutsCmd = async (options: { plan?: string; status?: string; page?: number }) => {
+  const spinner = ora('Loading payouts...').start();
+  const compact = isCompact();
+
+  try {
+    const data = await api.listPayouts({
+      plan: options.plan,
+      status: options.status || 'pending',
+      page: options.page || 1,
+      limit: compact ? 10 : 20,
+    });
+    const payouts: Payout[] = data.data || [];
+    spinner.stop();
+
+    if (payouts.length === 0) {
+      console.log(chalk.dim('\n  No payouts found\n'));
+      return;
+    }
+
+    if (compact) {
+      // Compact list view
+      console.log('');
+      payouts.forEach((p) => {
+        const planColor = PLAN_COLORS[p.plan] || chalk.white;
+        const statusIcon = p.payed ? chalk.green('✓') : p.triggered ? chalk.yellow('~') : chalk.red('●');
+        const email = p.user_email.length > 12 ? p.user_email.substring(0, 10) + '..' : p.user_email;
+        console.log(`  ${statusIcon} ${chalk.dim('#' + p.id)} ${planColor(p.plan.substring(0, 6))} ${email} ${chalk.green(p.amount.toFixed(2))} ${p.crypto_type}`);
+      });
+      console.log(chalk.dim(`\n  Pg ${data.pagination.page}/${data.pagination.pages} (${data.pagination.total})\n`));
+    } else {
+      const table = new Table({
+        head: [
+          chalk.cyan('ID'),
+          chalk.cyan('User'),
+          chalk.cyan('Plan'),
+          chalk.cyan('Amount'),
+          chalk.cyan('Crypto'),
+          chalk.cyan('Wallet'),
+          chalk.cyan('Status'),
+        ],
+        style: { head: [], border: [] },
+        colWidths: [8, 22, 12, 14, 10, 18, 10],
+      });
+
+      payouts.forEach((p) => {
+        const planColor = PLAN_COLORS[p.plan] || chalk.white;
+        const statusIcon = p.payed ? chalk.green('✓ Paid') : p.triggered ? chalk.yellow('⏳ Proc') : chalk.red('● Pend');
+
+        table.push([
+          chalk.dim(String(p.id)),
+          p.user_email.length > 20 ? p.user_email.substring(0, 18) + '..' : p.user_email,
+          planColor(p.plan),
+          chalk.green('$' + p.amount.toFixed(2)),
+          p.crypto_type,
+          formatWallet(p.wallet_address, 16),
+          statusIcon,
+        ]);
+      });
+
+      console.log('\n' + table.toString());
+      console.log(chalk.dim(`\n  Page ${data.pagination.page}/${data.pagination.pages} (${data.pagination.total} total)\n`));
+    }
+
+  } catch (error: any) {
+    spinner.fail(chalk.red('Failed to load payouts'));
+    console.log(chalk.dim(`  ${error.response?.data?.error || error.message}\n`));
+  }
+};
+
+const approvePayoutsCmd = async (ids: number[]) => {
+  if (ids.length === 0) {
+    console.log(chalk.red('\n  No payout IDs provided\n'));
+    return;
+  }
+
+  // Confirmation
+  const { confirm } = await inquirer.prompt([
+    {
+      type: 'confirm',
+      name: 'confirm',
+      message: chalk.yellow(`⚠️  Approve and send ${ids.length} payout(s) via TarPay?`),
+      default: false,
+    },
+  ]);
+
+  if (!confirm) {
+    console.log(chalk.dim('\n  Cancelled\n'));
+    return;
+  }
+
+  const spinner = ora(`Processing ${ids.length} payouts...`).start();
+
+  try {
+    const result = await api.batchApprovePayouts(ids);
+    spinner.stop();
+
+    if (result.success) {
+      console.log('\n' + chalk.green('╔══════════════════════════════════════════╗'));
+      console.log(chalk.green('║') + chalk.bold.white('     ✓ PAYOUTS APPROVED & SUBMITTED       ') + chalk.green('║'));
+      console.log(chalk.green('╠══════════════════════════════════════════╣'));
+      console.log(chalk.green('║') + `  Successful: ${chalk.bold.green(result.success_count)}`.padEnd(42) + chalk.green('║'));
+      console.log(chalk.green('║') + `  Failed:     ${chalk.bold.red(result.failed_count)}`.padEnd(42) + chalk.green('║'));
+      console.log(chalk.green('║') + `  Total:      ${chalk.bold.yellow('$' + result.total_amount.toFixed(2))}`.padEnd(42) + chalk.green('║'));
+      console.log(chalk.green('╚══════════════════════════════════════════╝\n'));
+
+      if (result.errors && result.errors.length > 0) {
+        console.log(chalk.red('  Errors:'));
+        result.errors.forEach((err: string) => {
+          console.log(chalk.dim(`    - ${err}`));
+        });
+        console.log('');
+      }
+    } else {
+      console.log(chalk.red(`\n  Failed: ${result.error || 'Unknown error'}\n`));
+    }
+  } catch (error: any) {
+    spinner.fail(chalk.red('Failed to approve payouts'));
+    console.log(chalk.dim(`  ${error.response?.data?.error || error.message}\n`));
+  }
+};
+
+const cancelPayoutsCmd = async (ids: number[]) => {
+  if (ids.length === 0) {
+    console.log(chalk.red('\n  No payout IDs provided\n'));
+    return;
+  }
+
+  // Ask for cooldown options
+  const { confirm, addCooldown, cooldownHours, cooldownReason } = await inquirer.prompt([
+    {
+      type: 'confirm',
+      name: 'confirm',
+      message: chalk.yellow(`⚠️  Cancel ${ids.length} payout(s) and return funds to wallets?`),
+      default: false,
+    },
+    {
+      type: 'confirm',
+      name: 'addCooldown',
+      message: 'Add withdrawal cooldown for these users?',
+      default: false,
+      when: (answers: any) => answers.confirm,
+    },
+    {
+      type: 'list',
+      name: 'cooldownHours',
+      message: 'Cooldown duration:',
+      choices: [
+        { name: '24 hours', value: 24 },
+        { name: '48 hours', value: 48 },
+        { name: '72 hours', value: 72 },
+        { name: '1 week', value: 168 },
+      ],
+      when: (answers: any) => answers.addCooldown,
+    },
+    {
+      type: 'input',
+      name: 'cooldownReason',
+      message: 'Reason for cancellation:',
+      default: 'Payout cancelled by admin',
+      when: (answers: any) => answers.addCooldown,
+    },
+  ]);
+
+  if (!confirm) {
+    console.log(chalk.dim('\n  Cancelled\n'));
+    return;
+  }
+
+  const spinner = ora(`Cancelling ${ids.length} payouts...`).start();
+
+  try {
+    const options: any = {};
+    if (addCooldown) {
+      options.cooldown_hours = cooldownHours;
+      options.cooldown_reason = cooldownReason;
+    }
+
+    const result = await api.batchCancelPayouts(ids, options);
+    spinner.stop();
+
+    if (result.success) {
+      console.log('\n' + chalk.yellow('╔══════════════════════════════════════════╗'));
+      console.log(chalk.yellow('║') + chalk.bold.white('       ↩ PAYOUTS CANCELLED & RETURNED     ') + chalk.yellow('║'));
+      console.log(chalk.yellow('╠══════════════════════════════════════════╣'));
+      console.log(chalk.yellow('║') + `  Cancelled: ${chalk.bold.green(result.success_count)}`.padEnd(42) + chalk.yellow('║'));
+      console.log(chalk.yellow('║') + `  Failed:    ${chalk.bold.red(result.failed_count)}`.padEnd(42) + chalk.yellow('║'));
+      console.log(chalk.yellow('║') + `  Returned:  ${chalk.bold.green('$' + result.total_amount.toFixed(2))}`.padEnd(42) + chalk.yellow('║'));
+      console.log(chalk.yellow('╚══════════════════════════════════════════╝\n'));
+
+      if (result.errors && result.errors.length > 0) {
+        console.log(chalk.red('  Errors:'));
+        result.errors.forEach((err: any) => {
+          console.log(chalk.dim(`    - Payout ${err.payout_id}: ${err.error}`));
+        });
+        console.log('');
+      }
+    } else {
+      console.log(chalk.red(`\n  Failed: ${result.error || 'Unknown error'}\n`));
+    }
+  } catch (error: any) {
+    spinner.fail(chalk.red('Failed to cancel payouts'));
+    console.log(chalk.dim(`  ${error.response?.data?.error || error.message}\n`));
+  }
+};
+
+const selectPayoutsInteractive = async (plan?: string): Promise<number[]> => {
+  const spinner = ora('Loading payouts...').start();
+
+  try {
+    const data = await api.listPayouts({ plan, status: 'pending', limit: 100 });
+    const payouts: Payout[] = data.data || [];
+    spinner.stop();
+
+    if (payouts.length === 0) {
+      console.log(chalk.dim('\n  No pending payouts found\n'));
+      return [];
+    }
+
+    // Group by plan for better display
+    const choices = payouts.map((p) => {
+      const planColor = PLAN_COLORS[p.plan] || chalk.white;
+      const planIcon = PLAN_ICONS[p.plan] || '📋';
+      return {
+        name: `${planIcon} ${chalk.dim('#' + p.id)} ${planColor(p.plan.padEnd(12))} ${p.user_email.substring(0, 25).padEnd(25)} ${chalk.green('$' + p.amount.toFixed(2).padStart(10))} ${chalk.dim(p.crypto_type)}`,
+        value: p.id,
+        short: `#${p.id}`,
+      };
+    });
+
+    const { selected } = await inquirer.prompt([
+      {
+        type: 'checkbox',
+        name: 'selected',
+        message: 'Select payouts to process:',
+        choices,
+        pageSize: 15,
+        loop: false,
+      },
+    ]);
+
+    return selected;
+  } catch (error: any) {
+    spinner.fail(chalk.red('Failed to load payouts'));
+    return [];
+  }
+};
+
+const processPayoutsWithProgress = async (ids: number[], action: 'approve' | 'cancel') => {
+  console.log('\n' + chalk.cyan('╔══════════════════════════════════════════════════════════════╗'));
+  console.log(chalk.cyan('║') + chalk.bold.white(`           🔄 PROCESSING ${ids.length} PAYOUT(S)...                    `) + chalk.cyan('║'));
+  console.log(chalk.cyan('╠══════════════════════════════════════════════════════════════╣'));
+
+  const startTime = Date.now();
+
+  // Show progress
+  let processed = 0;
+  const progressBar = (current: number, total: number) => {
+    const percent = Math.round((current / total) * 100);
+    const filled = Math.round(percent / 2);
+    const empty = 50 - filled;
+    return chalk.green('█'.repeat(filled)) + chalk.dim('░'.repeat(empty)) + ` ${percent}%`;
+  };
+
+  // Simulate progress while waiting for API
+  const progressInterval = setInterval(() => {
+    processed = Math.min(processed + Math.random() * 10, 90);
+    process.stdout.write(`\r${chalk.cyan('║')}  ${progressBar(processed, 100)}        ${chalk.cyan('║')}`);
+  }, 200);
+
+  try {
+    let result;
+    if (action === 'approve') {
+      result = await api.batchApprovePayouts(ids);
+    } else {
+      result = await api.batchCancelPayouts(ids);
+    }
+
+    clearInterval(progressInterval);
+    processed = 100;
+    process.stdout.write(`\r${chalk.cyan('║')}  ${progressBar(100, 100)}        ${chalk.cyan('║')}\n`);
+
+    const elapsed = ((Date.now() - startTime) / 1000).toFixed(1);
+    console.log(chalk.cyan('╠══════════════════════════════════════════════════════════════╣'));
+
+    if (result.success) {
+      const icon = action === 'approve' ? '✓' : '↩';
+      const verb = action === 'approve' ? 'APPROVED & SENT' : 'CANCELLED & RETURNED';
+      console.log(chalk.cyan('║') + chalk.green(`  ${icon} ${verb}                                     `) + chalk.cyan('║'));
+      console.log(chalk.cyan('║') + `  Successful: ${chalk.bold.green(String(result.success_count).padEnd(5))} Failed: ${chalk.bold.red(String(result.failed_count).padEnd(5))} Time: ${chalk.dim(elapsed + 's')}`.padEnd(62) + chalk.cyan('║'));
+      console.log(chalk.cyan('║') + `  Total Amount: ${chalk.bold.yellow('$' + result.total_amount.toFixed(2))}`.padEnd(62) + chalk.cyan('║'));
+    } else {
+      console.log(chalk.cyan('║') + chalk.red(`  ✗ FAILED: ${result.error || 'Unknown error'}`.substring(0, 58).padEnd(60)) + chalk.cyan('║'));
+    }
+
+    console.log(chalk.cyan('╚══════════════════════════════════════════════════════════════╝\n'));
+
+    // Show errors if any
+    if (result.errors && result.errors.length > 0) {
+      console.log(chalk.red('  Errors:'));
+      result.errors.slice(0, 5).forEach((err: any) => {
+        const errMsg = typeof err === 'string' ? err : `Payout ${err.payout_id}: ${err.error}`;
+        console.log(chalk.dim(`    - ${errMsg}`));
+      });
+      if (result.errors.length > 5) {
+        console.log(chalk.dim(`    ... and ${result.errors.length - 5} more errors`));
+      }
+      console.log('');
+    }
+
+    return result;
+  } catch (error: any) {
+    clearInterval(progressInterval);
+    console.log(chalk.cyan('║') + chalk.red('  ✗ ERROR: ' + (error.response?.data?.error || error.message).substring(0, 50).padEnd(52)) + chalk.cyan('║'));
+    console.log(chalk.cyan('╚══════════════════════════════════════════════════════════════╝\n'));
+    return { success: false };
+  }
+};
+
+const runPayoutsShell = async () => {
+  setTitle('Payouts');
+  await showPayoutDashboard();
+
+  const runLoop = async () => {
+    const { command } = await inquirer.prompt([
+      {
+        type: 'input',
+        name: 'command',
+        message: chalk.yellow('payouts') + chalk.cyan(' > '),
+        prefix: '',
+      },
+    ]);
+
+    const parts = command.trim().split(/\s+/);
+    const cmd = parts[0]?.toLowerCase();
+    const args = parts.slice(1);
+
+    if (cmd === 'back' || cmd === 'exit' || cmd === 'q') {
+      setTitle('Home');
+      return;
+    }
+
+    if (cmd === '') {
+      return runLoop();
+    }
+
+    try {
+      switch (cmd) {
+        case 'refresh':
+        case 'r':
+          await showPayoutDashboard();
+          break;
+        case 'list':
+        case 'ls':
+          const listPlan = args.find((a: string) => !a.startsWith('-'));
+          await listPayoutsCmd({ plan: listPlan });
+          break;
+        case 'select':
+        case 's':
+          // Interactive selection mode
+          const selectPlan = args.find((a: string) => !a.startsWith('-'));
+          const selectedIds = await selectPayoutsInteractive(selectPlan);
+          if (selectedIds.length > 0) {
+            const { action } = await inquirer.prompt([
+              {
+                type: 'list',
+                name: 'action',
+                message: `What do you want to do with ${selectedIds.length} selected payout(s)?`,
+                choices: [
+                  { name: chalk.green('✓ Approve & Send via TarPay'), value: 'approve' },
+                  { name: chalk.yellow('↩ Cancel & Return to Wallets'), value: 'cancel' },
+                  { name: chalk.dim('✗ Cancel'), value: 'none' },
+                ],
+              },
+            ]);
+
+            if (action === 'approve') {
+              const { confirm } = await inquirer.prompt([
+                {
+                  type: 'confirm',
+                  name: 'confirm',
+                  message: chalk.yellow(`⚠️  Confirm: Send ${selectedIds.length} payout(s)?`),
+                  default: false,
+                },
+              ]);
+              if (confirm) {
+                await processPayoutsWithProgress(selectedIds, 'approve');
+              }
+            } else if (action === 'cancel') {
+              const { confirm } = await inquirer.prompt([
+                {
+                  type: 'confirm',
+                  name: 'confirm',
+                  message: chalk.yellow(`⚠️  Confirm: Cancel ${selectedIds.length} payout(s)?`),
+                  default: false,
+                },
+              ]);
+              if (confirm) {
+                await processPayoutsWithProgress(selectedIds, 'cancel');
+              }
+            }
+          }
+          break;
+        case 'approve':
+        case 'a':
+          if (args.length === 0) {
+            // Interactive mode
+            const approveSelected = await selectPayoutsInteractive();
+            if (approveSelected.length > 0) {
+              const { confirm } = await inquirer.prompt([
+                {
+                  type: 'confirm',
+                  name: 'confirm',
+                  message: chalk.yellow(`⚠️  Approve & send ${approveSelected.length} payout(s)?`),
+                  default: false,
+                },
+              ]);
+              if (confirm) {
+                await processPayoutsWithProgress(approveSelected, 'approve');
+              }
+            }
+          } else {
+            const approveIds = args.map(Number).filter((n: number) => !isNaN(n));
+            await processPayoutsWithProgress(approveIds, 'approve');
+          }
+          break;
+        case 'cancel':
+        case 'c':
+          if (args.length === 0) {
+            // Interactive mode
+            const cancelSelected = await selectPayoutsInteractive();
+            if (cancelSelected.length > 0) {
+              const { confirm } = await inquirer.prompt([
+                {
+                  type: 'confirm',
+                  name: 'confirm',
+                  message: chalk.yellow(`⚠️  Cancel ${cancelSelected.length} payout(s)?`),
+                  default: false,
+                },
+              ]);
+              if (confirm) {
+                await processPayoutsWithProgress(cancelSelected, 'cancel');
+              }
+            }
+          } else {
+            const cancelIds = args.map(Number).filter((n: number) => !isNaN(n));
+            await processPayoutsWithProgress(cancelIds, 'cancel');
+          }
+          break;
+        case 'hermes':
+        case 'alpha':
+        case 'mematic':
+        case 'booster':
+        case 'validator_v2':
+          await listPayoutsCmd({ plan: cmd });
+          break;
+        case 'process':
+          // Process specific plan with interactive selection
+          const { processPlan } = await inquirer.prompt([
+            {
+              type: 'list',
+              name: 'processPlan',
+              message: 'Select plan to process:',
+              choices: [
+                { name: '⚡ Hermes', value: 'hermes' },
+                { name: '🔷 Alpha', value: 'alpha' },
+                { name: '💎 Mematic', value: 'mematic' },
+                { name: '🔐 Validator V2', value: 'validator_v2' },
+                { name: '🚀 Booster', value: 'booster' },
+                { name: '📋 All Plans', value: undefined },
+              ],
+            },
+          ]);
+          const toProcess = await selectPayoutsInteractive(processPlan);
+          if (toProcess.length > 0) {
+            const { confirmProcess } = await inquirer.prompt([
+              {
+                type: 'confirm',
+                name: 'confirmProcess',
+                message: chalk.yellow(`⚠️  Approve & send ${toProcess.length} payout(s)?`),
+                default: false,
+              },
+            ]);
+            if (confirmProcess) {
+              await processPayoutsWithProgress(toProcess, 'approve');
+            }
+          }
+          break;
+        case 'all':
+          // Approve ALL pending payouts
+          const allSpinner = ora('Loading all pending payouts...').start();
+          try {
+            const allData = await api.listPayouts({ status: 'pending', limit: 500 });
+            const allPayouts: Payout[] = allData.data || [];
+            allSpinner.stop();
+
+            if (allPayouts.length === 0) {
+              console.log(chalk.green('\n  ✓ No pending payouts to approve\n'));
+              break;
+            }
+
+            const totalAmount = allPayouts.reduce((sum, p) => sum + p.amount, 0);
+            console.log(chalk.yellow(`\n  ⚠️  APPROVE ALL: ${allPayouts.length} payouts totaling $${totalAmount.toFixed(2)}\n`));
+
+            const { confirmAll } = await inquirer.prompt([
+              {
+                type: 'confirm',
+                name: 'confirmAll',
+                message: chalk.red.bold(`Are you sure you want to approve ALL ${allPayouts.length} pending payouts?`),
+                default: false,
+              },
+            ]);
+
+            if (confirmAll) {
+              const allIds = allPayouts.map((p) => p.id);
+              await processPayoutsWithProgress(allIds, 'approve');
+            } else {
+              console.log(chalk.dim('\n  Cancelled\n'));
+            }
+          } catch (e: any) {
+            allSpinner.fail(chalk.red('Failed to load payouts'));
+          }
+          break;
+        case 'help':
+        case '?':
+          console.log(chalk.cyan('\n  Payout Commands:'));
+          console.log(chalk.dim('  ────────────────────'));
+          console.log('  refresh, r           Refresh dashboard');
+          console.log('  list [plan]          List pending payouts');
+          console.log('  select [plan]        Interactive payout selection');
+          console.log('  approve [ids]        Approve payouts (interactive if no IDs)');
+          console.log(chalk.yellow('  all                  Approve ALL pending payouts'));
+          console.log('  cancel [ids]         Cancel payouts (interactive if no IDs)');
+          console.log('  process              Process payouts by plan (interactive)');
+          console.log('  hermes/alpha/etc     List payouts for specific plan');
+          console.log('  back, q              Return to main menu');
+          console.log('');
+          break;
+        default:
+          console.log(chalk.red(`  Unknown command: ${cmd}`));
+          console.log(chalk.dim('  Type "help" for available commands\n'));
+      }
+    } catch (e: any) {
+      console.log(chalk.red(`  Error: ${e.message}\n`));
+    }
+
+    await runLoop();
+  };
+
+  await runLoop();
+};
+
+// ==================== LOGIN ====================
+program
+  .command('login')
+  .description('Authenticate with Mission Control via Google SSO')
+  .option('-t, --token <token>', 'API token (skip browser login)')
+  .option('--type <type>', 'Token type (bearer or token)', 'bearer')
+  .option('--url <url>', 'API URL', 'https://api.targlobal.org')
+  .action(async (options) => {
+    setTitle('Login');
+    let token = options.token;
+
+    if (!token) {
+      console.log(miniLogo);
+      console.log('');
+      console.log(chalk.cyan('  Opening browser for Google SSO login...'));
+      console.log('');
+
+      const authUrl = 'https://agents.targlobal.org/cli-auth';
+
+      try {
+        const open = (await import('open')).default;
+        await open(authUrl);
+        console.log(chalk.dim(`  If browser doesn't open, visit:`));
+        console.log(chalk.white(`  ${authUrl}`));
+        console.log('');
+      } catch (e) {
+        console.log(chalk.dim(`  Open this URL in your browser:`));
+        console.log(chalk.white(`  ${authUrl}`));
+        console.log('');
+      }
+
+      const answers = await inquirer.prompt([
+        {
+          type: 'password',
+          name: 'token',
+          message: 'Paste your token from the browser:',
+          mask: '*',
+        },
+      ]);
+      token = answers.token;
+      options.type = 'bearer';
+    }
+
+    setConfig('token', token);
+    setConfig('tokenType', options.type);
+    setConfig('apiUrl', options.url);
+    resetApiClient();
+
+    const spinner = ora('Verifying credentials...').start();
+
+    try {
+      // Fetch user info and stats
+      await fetchUserInfo();
+      const stats = await api.getStats();
+      spinner.succeed(chalk.green('Authenticated successfully!'));
+
+      const user = getUser();
+
+      // Show welcome dashboard
+      console.log('');
+      console.log(chalk.cyan('╔════════════════════════════════════════════════════════════════╗'));
+      console.log(chalk.cyan('║') + chalk.bold.white(`  Welcome back, ${(user?.name || 'Agent').padEnd(45)}`) + chalk.cyan('║'));
+      console.log(chalk.cyan('╠════════════════════════════════════════════════════════════════╣'));
+      console.log(chalk.cyan('║') + `  ${chalk.yellow('⚡')} My Tasks: ${chalk.bold.white(String(stats.my_tasks).padEnd(8))} ${chalk.red('●')} Critical: ${chalk.bold.red(String(stats.critical_count).padEnd(8))} ${chalk.yellow('!')} Overdue: ${chalk.bold.yellow(String(stats.overdue_tasks))}`.padEnd(71) + chalk.cyan('║'));
+      console.log(chalk.cyan('╚════════════════════════════════════════════════════════════════╝'));
+      console.log('');
+
+      // Ask if they want to enter interactive mode
+      const { startShell } = await inquirer.prompt([
+        {
+          type: 'confirm',
+          name: 'startShell',
+          message: 'Enter Mission Control?',
+          default: true,
+        },
+      ]);
+
+      if (startShell) {
+        // Launch interactive shell
+        await runInteractiveShell();
+      }
+    } catch (error: any) {
+      spinner.fail(chalk.red('Authentication failed'));
+      clearConfig();
+      console.log(chalk.dim('  Check your token and try again\n'));
+    }
+  });
+
+// ==================== LOGOUT ====================
+program
+  .command('logout')
+  .description('Clear stored credentials')
+  .action(() => {
+    clearConfig();
+    console.log(chalk.green('\n[OK] Logged out successfully\n'));
+  });
+
+// ==================== UPDATE ====================
+program
+  .command('update')
+  .description('Update Mission Control CLI to latest version')
+  .action(async () => {
+    setTitle('Updating');
+    console.log(miniLogo);
+    console.log('');
+
+    const spinner = ora('Checking for updates...').start();
+
+    try {
+      // Re-run the installer
+      spinner.text = 'Downloading latest version...';
+
+      execSync('curl -fsSL https://targlobal.org/download/mc | bash', {
+        stdio: 'inherit',
+      });
+
+      spinner.succeed(chalk.green('Updated successfully!'));
+      console.log(chalk.dim('  Restart your terminal to use the new version\n'));
+    } catch (error: any) {
+      spinner.fail(chalk.red('Update failed'));
+      console.log(chalk.dim('  Try manually: curl -fsSL https://targlobal.org/download/mc | bash\n'));
+    }
+  });
+
+// ==================== TASKS (list) ====================
+program
+  .command('tasks')
+  .alias('ls')
+  .description('List your tasks')
+  .option('-a, --all', 'Show all tasks, not just mine')
+  .option('-b, --board <board>', 'Filter by board')
+  .option('-p, --priority <priority>', 'Filter by priority')
+  .action(async (options) => {
+    setTitle('Tasks');
+    requireAuth();
+    await listTasksCmd(options);
+    showStatusBar();
+  });
+
+// ==================== SHOW (task detail) ====================
+program
+  .command('show <taskId>')
+  .alias('view')
+  .description('Show task details')
+  .action(async (taskId) => {
+    setTitle(`Task ${taskId}`);
+    requireAuth();
+    await showTaskCmd(taskId);
+    showStatusBar();
+  });
+
+// ==================== NEW (create task) ====================
+program
+  .command('new <title>')
+  .alias('create')
+  .description('Create a new task')
+  .option('-d, --description <desc>', 'Task description')
+  .option('-p, --priority <priority>', 'Priority: critical, high, medium, low', 'medium')
+  .option('-t, --type <type>', 'Type: bug, feature, improvement, task', 'task')
+  .option('-b, --board <board>', 'Board slug', 'backend')
+  .action(async (title, options) => {
+    setTitle('New Task');
+    requireAuth();
+    const spinner = ora('Creating task...').start();
+
+    try {
+      const boards = await api.listBoards();
+      const board = boards.boards.find((b: Board) => b.slug === options.board);
+
+      if (!board) {
+        spinner.fail(chalk.red(`Board '${options.board}' not found`));
+        console.log(chalk.dim('  Available boards: ' + boards.boards.map((b: Board) => b.slug).join(', ') + '\n'));
+        return;
+      }
+
+      const task = await api.createTask({
+        title,
+        description: options.description,
+        board: board.id,
+        priority: options.priority,
+        task_type: options.type,
+      });
+
+      spinner.succeed(chalk.green(`Task created: ${task.display_id}`));
+      console.log(chalk.dim(`  ${task.title}\n`));
+    } catch (error: any) {
+      spinner.fail(chalk.red('Failed to create task'));
+      console.log(chalk.dim(`  ${error.response?.data?.error || error.message}\n`));
+    }
+    showStatusBar();
+  });
+
+// ==================== START (move to In Progress) ====================
+program
+  .command('start <taskId>')
+  .description('Move task to In Progress')
+  .action(async (taskId) => {
+    setTitle('Starting Task');
+    requireAuth();
+    await startTaskCmd(taskId);
+    showStatusBar();
+  });
+
+// ==================== DONE (complete task) ====================
+program
+  .command('done <taskId>')
+  .alias('complete')
+  .description('Mark task as complete')
+  .action(async (taskId) => {
+    setTitle('Completing Task');
+    requireAuth();
+    await completeTaskCmd(taskId);
+    showStatusBar();
+  });
+
+// ==================== COMMENT ====================
+program
+  .command('comment <taskId> <message>')
+  .alias('note')
+  .description('Add a comment to a task')
+  .action(async (taskId, message) => {
+    setTitle('Adding Comment');
+    requireAuth();
+    const spinner = ora('Adding comment...').start();
+
+    try {
+      await api.addComment(parseTaskNumber(taskId), message);
+      spinner.succeed(chalk.green('Comment added'));
+    } catch (error: any) {
+      spinner.fail(chalk.red('Failed to add comment'));
+      console.log(chalk.dim(`  ${error.response?.data?.error || error.message}\n`));
+    }
+    showStatusBar();
+  });
+
+// ==================== BOARDS ====================
+program
+  .command('boards')
+  .description('List available boards')
+  .action(async () => {
+    setTitle('Boards');
+    requireAuth();
+    await listBoardsCmd();
+    showStatusBar();
+  });
+
+// ==================== STATS ====================
+program
+  .command('stats')
+  .description('Show task statistics')
+  .action(async () => {
+    setTitle('Stats');
+    requireAuth();
+    await showStatsCmd();
+    showStatusBar();
+  });
+
+// ==================== URGENT ====================
+program
+  .command('urgent')
+  .description('Show critical and overdue tasks')
+  .action(async () => {
+    setTitle('Urgent');
+    requireAuth();
+    await showUrgentCmd();
+    showStatusBar();
+  });
+
+// ==================== WHOAMI ====================
+program
+  .command('whoami')
+  .description('Show current user and configuration')
+  .action(() => {
+    setTitle('Who Am I');
+    showWhoami();
+  });
+
+// ==================== CONFIG ====================
+program
+  .command('config [key] [value]')
+  .description('View or set configuration (compact: auto/on/off)')
+  .action((key, value) => {
+    setTitle('Config');
+    const config = getConfig();
+
+    if (!key) {
+      // Show all config
+      console.log('\n' + chalk.bold('  Mission Control Config'));
+      console.log(chalk.dim('  ──────────────────────'));
+      console.log(`  compact:   ${chalk.cyan(config.compact)} ${chalk.dim('(auto/on/off)')}`);
+      console.log(`  apiUrl:    ${config.apiUrl}`);
+      console.log(`  token:     ${config.token ? chalk.green('●') + ' set' : chalk.red('○') + ' not set'}`);
+      console.log('');
+      console.log(chalk.dim('  Usage: mc config <key> <value>'));
+      console.log(chalk.dim('  Example: mc config compact on'));
+      console.log('');
+      return;
+    }
+
+    if (key === 'compact') {
+      if (!value || !['auto', 'on', 'off'].includes(value)) {
+        console.log(chalk.red('\n  Invalid value. Use: auto, on, or off\n'));
+        return;
+      }
+      setConfig('compact', value);
+      console.log(chalk.green(`\n  ✓ Compact mode set to: ${value}\n`));
+
+      if (value === 'on') {
+        console.log(chalk.dim('  Mobile-friendly compact UI enabled'));
+      } else if (value === 'off') {
+        console.log(chalk.dim('  Full desktop UI enabled'));
+      } else {
+        console.log(chalk.dim('  Will auto-detect based on terminal width (<60 = compact)'));
+      }
+      console.log('');
+    } else {
+      console.log(chalk.red(`\n  Unknown config key: ${key}`));
+      console.log(chalk.dim('  Available keys: compact\n'));
+    }
+  });
+
+// ==================== PAYOUTS (Admin) ====================
+program
+  .command('payouts')
+  .alias('pay')
+  .description('Payout processing dashboard (managers/executors only)')
+  .option('-l, --list', 'List pending payouts')
+  .option('-p, --plan <plan>', 'Filter by plan (hermes, alpha, mematic, validator_v2, booster)')
+  .option('-a, --approve <ids...>', 'Approve payout IDs')
+  .option('-c, --cancel <ids...>', 'Cancel payout IDs')
+  .action(async (options) => {
+    setTitle('Payouts');
+    requireAuth();
+
+    if (options.list) {
+      await listPayoutsCmd({ plan: options.plan });
+    } else if (options.approve) {
+      const ids = options.approve.map(Number).filter((n: number) => !isNaN(n));
+      if (ids.length > 0) {
+        await processPayoutsWithProgress(ids, 'approve');
+      }
+    } else if (options.cancel) {
+      const ids = options.cancel.map(Number).filter((n: number) => !isNaN(n));
+      if (ids.length > 0) {
+        await processPayoutsWithProgress(ids, 'cancel');
+      }
+    } else {
+      // Interactive dashboard mode
+      await runPayoutsShell();
+    }
+    showStatusBar();
+  });
+
+// Default action - show help or run shell if authenticated
+if (process.argv.length === 2) {
+  if (isAuthenticated()) {
+    // Run interactive shell
+    process.argv.push('shell');
+  } else {
+    // Show help
+    program.outputHelp();
+  }
+}
+
+// Parse and run
+program.parse();