@openagents-org/agent-launcher 0.1.10 → 0.1.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openagents-org/agent-launcher",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "description": "OpenAgents Launcher — install, configure, and run AI coding agents from your terminal",
   "main": "src/index.js",
   "bin": {

package/src/tui.js

@@ -203,18 +203,19 @@ function createTUI() {
     style: { fg: 'white' },
   });
 
-  // ── Footer ──
-  const footer = blessed.box({
+  // ── Footer (clickable buttons) ──
+  const footerBar = blessed.box({
     bottom: 0, left: 0, width: '100%', height: 1,
     tags: true,
     style: { bg: COLORS.footerBg, fg: COLORS.footerFg },
   });
+  let footerButtons = [];
 
   screen.append(header);
   screen.append(titleBox);
   screen.append(agentPanel);
   screen.append(logPanel);
-  screen.append(footer);
+  screen.append(footerBar);
 
   // ── Log helper ──
   function log(msg) {
@@ -223,36 +224,60 @@ function createTUI() {
     screen.render();
   }
 
-  // ── Footer rendering (context-aware) ──
+  // ── Footer rendering (context-aware, clickable) ──
   function updateFooter() {
     const agent = agentRows[agentList.selected];
-    const parts = [];
+    const items = [];
 
-    parts.push('{cyan-fg}i{/cyan-fg} Install');
-    parts.push('{cyan-fg}n{/cyan-fg} New');
+    items.push({ key: 'i', label: 'Install' });
+    items.push({ key: 'n', label: 'New' });
 
     if (agent && agent.configured) {
       const isRunning = ['running', 'online', 'starting', 'reconnecting'].includes(agent.state);
       const isStopped = ['stopped', 'error'].includes(agent.state);
 
-      if (isStopped) parts.push('{cyan-fg}s{/cyan-fg} Start');
-      if (isRunning) parts.push('{cyan-fg}x{/cyan-fg} Stop');
+      if (isStopped) items.push({ key: 's', label: 'Start' });
+      if (isRunning) items.push({ key: 'x', label: 'Stop' });
 
       const envFields = connector.registry.getEnvFields(agent.type);
-      if (envFields && envFields.length > 0) parts.push('{cyan-fg}e{/cyan-fg} Configure');
+      if (envFields && envFields.length > 0) items.push({ key: 'e', label: 'Configure' });
 
-      if (!agent.workspace) parts.push('{cyan-fg}c{/cyan-fg} Connect');
-      if (agent.workspace) parts.push('{cyan-fg}d{/cyan-fg} Disconnect');
-      if (agent.workspace) parts.push('{cyan-fg}w{/cyan-fg} Workspace');
+      if (!agent.workspace) items.push({ key: 'c', label: 'Connect' });
+      if (agent.workspace) items.push({ key: 'd', label: 'Disconnect' });
+      if (agent.workspace) items.push({ key: 'w', label: 'Workspace' });
 
-      parts.push('{cyan-fg}Del{/cyan-fg} Remove');
+      items.push({ key: 'Del', label: 'Remove' });
     }
 
-    parts.push('{cyan-fg}u{/cyan-fg} Daemon');
-    parts.push('{cyan-fg}r{/cyan-fg} Refresh');
-    parts.push('{cyan-fg}q{/cyan-fg} Quit');
+    items.push({ key: 'u', label: 'Daemon' });
+    items.push({ key: 'r', label: 'Refresh' });
+    items.push({ key: 'q', label: 'Quit' });
+
+    // Remove old buttons
+    for (const btn of footerButtons) { footerBar.remove(btn); btn.destroy(); }
+    footerButtons = [];
+
+    let left = 1;
+    for (const item of items) {
+      const text = `${item.key} ${item.label}`;
+      const btn = blessed.box({
+        parent: footerBar,
+        left, top: 0, height: 1,
+        width: text.length + 2,
+        tags: true,
+        mouse: true,
+        clickable: true,
+        content: `{cyan-fg}${item.key}{/cyan-fg} ${item.label}`,
+        style: { bg: COLORS.footerBg, fg: COLORS.footerFg, hover: { bg: 'cyan', fg: 'black' } },
+      });
+      const action = footerActions[item.label];
+      if (action) {
+        btn.on('click', () => action());
+      }
+      footerButtons.push(btn);
+      left += text.length + 2;
+    }
 
-    footer.setContent(' ' + parts.join('  '));
     screen.render();
   }
 
@@ -1188,115 +1213,112 @@ function createTUI() {
   // Key bindings
   // ────────────────────────────────────────────────────────────────────────
 
-  screen.key('q', () => { if (currentView === 'main') process.exit(0); });
-  screen.key('C-c', () => process.exit(0));
-
-  screen.key('i', () => { if (currentView === 'main') showInstallScreen(); });
-
-  screen.key('n', () => {
-    if (currentView !== 'main') return;
-    showSelectAgentTypeScreen((type) => {
-      showStartAgentScreen(type, (result) => {
-        try {
-          connector.addAgent({ name: result.name, type: result.type, path: result.path });
-          log(`{green-fg}\u2713{/green-fg} Created agent {cyan-fg}${result.name}{/cyan-fg} (${result.type})`);
-
-          // Start daemon if not running
-          const pid = connector.getDaemonPid();
-          if (!pid) {
-            connector.startDaemon();
-            log('{green-fg}\u2713{/green-fg} Daemon starting...');
-          } else {
-            signalDaemonReload();
+  // ── Action handlers (shared by keys and clickable footer) ──
+  const footerActions = {
+    Install() { if (currentView === 'main') showInstallScreen(); },
+    New() {
+      if (currentView !== 'main') return;
+      showSelectAgentTypeScreen((type) => {
+        showStartAgentScreen(type, (result) => {
+          try {
+            connector.addAgent({ name: result.name, type: result.type, path: result.path });
+            log(`{green-fg}\u2713{/green-fg} Created agent {cyan-fg}${result.name}{/cyan-fg} (${result.type})`);
+            const pid = connector.getDaemonPid();
+            if (!pid) {
+              connector.startDaemon();
+              log('{green-fg}\u2713{/green-fg} Daemon starting...');
+            } else {
+              signalDaemonReload();
+            }
+          } catch (e) {
+            log(`{red-fg}\u2717{/red-fg} ${e.message}`);
           }
-        } catch (e) {
-          log(`{red-fg}\u2717{/red-fg} ${e.message}`);
-        }
-        setTimeout(refreshAgentTable, 3000);
+          setTimeout(refreshAgentTable, 3000);
+        });
       });
-    });
-  });
-
-  screen.key('r', () => {
-    if (currentView === 'main') {
-      refreshAgentTable();
-      log('{green-fg}\u2713{/green-fg} Refreshed');
-    }
-  });
-
-  screen.key('s', () => {
-    if (currentView !== 'main' || !agentRows[agentList.selected]) return;
-    const a = agentRows[agentList.selected];
-    if (!a.configured) return;
-    doStart(a.name);
-  });
-
-  screen.key('x', () => {
-    if (currentView !== 'main' || !agentRows[agentList.selected]) return;
-    const a = agentRows[agentList.selected];
-    if (!a.configured) return;
-    doStop(a.name);
-  });
-
-  screen.key('u', () => {
-    if (currentView !== 'main') return;
-    const pid = connector.getDaemonPid();
-    if (pid) {
-      showConfirmDialog('Stop daemon? This will disconnect ALL agents.', (yes) => {
-        if (!yes) { log('{gray-fg}Cancelled{/gray-fg}'); return; }
+    },
+    Start() {
+      if (currentView !== 'main' || !agentRows[agentList.selected]) return;
+      const a = agentRows[agentList.selected];
+      if (a.configured) doStart(a.name);
+    },
+    Stop() {
+      if (currentView !== 'main' || !agentRows[agentList.selected]) return;
+      const a = agentRows[agentList.selected];
+      if (a.configured) doStop(a.name);
+    },
+    Configure() {
+      if (currentView !== 'main' || !agentRows[agentList.selected]) return;
+      const a = agentRows[agentList.selected];
+      if (a.configured) showConfigureScreen(a);
+    },
+    Connect() {
+      if (currentView !== 'main' || !agentRows[agentList.selected]) return;
+      const a = agentRows[agentList.selected];
+      if (a.configured && !a.workspace) showConnectWorkspaceScreen(a.name);
+    },
+    Disconnect() {
+      if (currentView !== 'main' || !agentRows[agentList.selected]) return;
+      const a = agentRows[agentList.selected];
+      if (a.configured && a.workspace) doDisconnect(a.name);
+    },
+    Workspace() {
+      if (currentView !== 'main' || !agentRows[agentList.selected]) return;
+      const a = agentRows[agentList.selected];
+      if (a.configured && a.workspace) doOpenWorkspace(a);
+    },
+    Remove() {
+      if (currentView !== 'main' || !agentRows[agentList.selected]) return;
+      const a = agentRows[agentList.selected];
+      if (a.configured) doRemove(a.name);
+    },
+    Daemon() {
+      if (currentView !== 'main') return;
+      const pid = connector.getDaemonPid();
+      if (pid) {
+        showConfirmDialog('Stop daemon? This will disconnect ALL agents.', (yes) => {
+          if (!yes) { log('{gray-fg}Cancelled{/gray-fg}'); return; }
+          try {
+            connector.stopDaemon();
+            log('{green-fg}\u2713{/green-fg} Daemon stopped');
+          } catch (e) {
+            log(`{red-fg}\u2717{/red-fg} ${e.message}`);
+          }
+          setTimeout(refreshAgentTable, 1000);
+        });
+      } else {
         try {
-          connector.stopDaemon();
-          log('{green-fg}\u2713{/green-fg} Daemon stopped');
+          connector.startDaemon();
+          log('{green-fg}\u2713{/green-fg} Daemon starting...');
         } catch (e) {
           log(`{red-fg}\u2717{/red-fg} ${e.message}`);
         }
-        setTimeout(refreshAgentTable, 1000);
-      });
-    } else {
-      try {
-        connector.startDaemon();
-        log('{green-fg}\u2713{/green-fg} Daemon starting...');
-      } catch (e) {
-        log(`{red-fg}\u2717{/red-fg} ${e.message}`);
+        setTimeout(refreshAgentTable, 3000);
       }
-      setTimeout(refreshAgentTable, 3000);
-    }
-  });
-
-  screen.key('c', () => {
-    if (currentView !== 'main' || !agentRows[agentList.selected]) return;
-    const a = agentRows[agentList.selected];
-    if (!a.configured || a.workspace) return;
-    showConnectWorkspaceScreen(a.name);
-  });
-
-  screen.key('d', () => {
-    if (currentView !== 'main' || !agentRows[agentList.selected]) return;
-    const a = agentRows[agentList.selected];
-    if (!a.configured || !a.workspace) return;
-    doDisconnect(a.name);
-  });
-
-  screen.key('w', () => {
-    if (currentView !== 'main' || !agentRows[agentList.selected]) return;
-    const a = agentRows[agentList.selected];
-    if (!a.configured || !a.workspace) return;
-    doOpenWorkspace(a);
-  });
-
-  screen.key('e', () => {
-    if (currentView !== 'main' || !agentRows[agentList.selected]) return;
-    const a = agentRows[agentList.selected];
-    if (!a.configured) return;
-    showConfigureScreen(a);
-  });
+    },
+    Refresh() {
+      if (currentView === 'main') {
+        refreshAgentTable();
+        log('{green-fg}\u2713{/green-fg} Refreshed');
+      }
+    },
+    Quit() { if (currentView === 'main') process.exit(0); },
+  };
 
-  screen.key('delete', () => {
-    if (currentView !== 'main' || !agentRows[agentList.selected]) return;
-    const a = agentRows[agentList.selected];
-    if (!a.configured) return;
-    doRemove(a.name);
-  });
+  // Bind keyboard shortcuts
+  screen.key('q', footerActions.Quit);
+  screen.key('C-c', () => process.exit(0));
+  screen.key('i', footerActions.Install);
+  screen.key('n', footerActions.New);
+  screen.key('r', footerActions.Refresh);
+  screen.key('s', footerActions.Start);
+  screen.key('x', footerActions.Stop);
+  screen.key('u', footerActions.Daemon);
+  screen.key('c', footerActions.Connect);
+  screen.key('d', footerActions.Disconnect);
+  screen.key('w', footerActions.Workspace);
+  screen.key('e', footerActions.Configure);
+  screen.key('delete', footerActions.Remove);
 
   // ── Init ──
   agentList.focus();