startall 0.0.14 → 0.0.16

package/README.md

@@ -56,10 +56,12 @@ Traditional solutions fall short:
 - **Quick process toggle**: Use number keys `1-9` for instant visibility control
 
 ### 🔧 Advanced Controls
-- **Quick Commands**: Assign keyboard shortcuts to run scripts on-demand
-  - Press assigned key to run command in a popup overlay
+- **Quick Commands**: Run any script on-demand without adding it to the persistent processes
+  - Press `e` to open command picker and select any script
+  - Or assign keyboard shortcuts for instant access (press assigned key to run)
   - Perfect for build scripts, tests, or any short-running command
-  - Configure in settings (`o` → Quick Commands section)
+  - Output shown in popup overlay with Esc to close
+  - Configure shortcuts in settings (`o` → Quick Commands section)
 - **Interactive input mode**: Send commands to running processes via stdin (`i`)
   - Perfect for dev servers that accept commands (Vite, Rust watch, etc.)
 - **Settings panel**: Configure ignore/include patterns, shortcuts, and more (`o`)
@@ -107,6 +109,7 @@ That's it! The TUI will:
 - `s` - Stop/start selected process
 - `r` - Restart selected process
 - `i` - Send input to selected process (interactive mode)
+- `e` - Execute any script (opens command picker)
 - `a-z` - Run assigned quick command (if configured)
 
 *Pane Management:*
@@ -150,6 +153,11 @@ That's it! The TUI will:
 - `d` or `Backspace` - Delete pattern or shortcut
 - `Esc` or `q` - Return to previous screen
 
+**Run Command Picker:**
+- `↑`/`↓` or `k`/`j` - Navigate scripts
+- `Enter` - Run selected script
+- `Esc` or `q` - Close picker
+
 **Quick Commands Overlay:**
 - `Esc` - Close overlay and stop command (if running)
 

package/index.js

@@ -379,6 +379,10 @@ class ProcessManager {
     this.commandOverlayScript = '';  // Script name being executed
     this.commandOverlayStatus = 'running';  // 'running' | 'exited' | 'crashed'
     this.commandOverlayProcess = null;  // Process reference
+    
+    // Run command modal state
+    this.showRunCommandModal = false;  // Whether the run command picker is visible
+    this.runCommandModalIndex = 0;  // Selected index in the modal
     this.outputBox = null;  // Reference to the output container
     this.destroyed = false;  // Flag to prevent operations after cleanup
     this.lastRenderedLineCount = 0;  // Track how many lines we've rendered
@@ -494,6 +498,12 @@ class ProcessManager {
         return;
       }
       
+      // Handle run command modal
+      if (this.showRunCommandModal) {
+        this.handleRunCommandModalInput(keyName, keyEvent);
+        return;
+      }
+      
       // Handle split menu
       if (this.showSplitMenu) {
         this.handleSplitMenuInput(keyName, keyEvent);
@@ -708,6 +718,11 @@ class ProcessManager {
             this.inputModeText = '';
             this.buildRunningUI();
           }
+        } else if (keyName === 'e') {
+          // Open run command modal
+          this.showRunCommandModal = true;
+          this.runCommandModalIndex = 0;
+          this.buildRunningUI();
         } else if (keyName && keyName.length === 1 && !keyEvent.ctrl && !keyEvent.meta && !keyEvent.shift) {
           // Check if this key is a custom shortcut
           const shortcuts = this.config.shortcuts || {};
@@ -1266,6 +1281,28 @@ class ProcessManager {
     }
   }
   
+  handleRunCommandModalInput(keyName, keyEvent) {
+    if (keyName === 'escape' || keyName === 'q') {
+      this.showRunCommandModal = false;
+      this.buildRunningUI();
+      return;
+    }
+    
+    if (keyName === 'up' || keyName === 'k') {
+      this.runCommandModalIndex = Math.max(0, this.runCommandModalIndex - 1);
+      this.buildRunningUI();
+    } else if (keyName === 'down' || keyName === 'j') {
+      this.runCommandModalIndex = Math.min(this.allScripts.length - 1, this.runCommandModalIndex + 1);
+      this.buildRunningUI();
+    } else if (keyName === 'enter' || keyName === 'return') {
+      const selectedScript = this.allScripts[this.runCommandModalIndex];
+      if (selectedScript) {
+        this.showRunCommandModal = false;
+        this.executeCommand(selectedScript.name);
+      }
+    }
+  }
+  
   getSplitMenuItems() {
     const allPanes = getAllPaneIds(this.paneRoot);
     const items = [
@@ -2674,6 +2711,114 @@ class ProcessManager {
     parent.add(overlay);
   }
   
+  // Build run command picker modal
+  buildRunCommandModal(parent) {
+    // Create centered overlay
+    const overlay = new BoxRenderable(this.renderer, {
+      id: 'run-command-modal',
+      position: 'absolute',
+      top: '20%',
+      left: '25%',
+      width: '50%',
+      height: '60%',
+      backgroundColor: COLORS.bgLight,
+      border: true,
+      borderStyle: 'rounded',
+      borderColor: COLORS.accent,
+      title: ' Run Command ',
+      padding: 1,
+      flexDirection: 'column',
+    });
+    
+    // Scrollable list of scripts
+    const listBox = new ScrollBoxRenderable(this.renderer, {
+      id: 'run-command-list',
+      height: Math.floor(this.renderer.height * 0.6) - 4,
+      scrollX: false,
+      scrollY: true,
+      focusable: true,
+      style: {
+        rootOptions: {
+          flexGrow: 1,
+          backgroundColor: COLORS.bgLight,
+        },
+        contentOptions: {
+          backgroundColor: COLORS.bgLight,
+          width: '100%',
+        },
+      },
+    });
+    
+    this.allScripts.forEach((script, idx) => {
+      const isFocused = idx === this.runCommandModalIndex;
+      const indicator = isFocused ? '>' : ' ';
+      const bgColor = isFocused ? COLORS.bgHighlight : null;
+      const processColor = this.processColors.get(script.name) || COLORS.text;
+      
+      // Check if this script has a shortcut
+      const shortcuts = this.config.shortcuts || {};
+      let shortcutKey = null;
+      for (const [key, scriptName] of Object.entries(shortcuts)) {
+        if (scriptName === script.name) {
+          shortcutKey = key;
+          break;
+        }
+      }
+      
+      const itemContainer = new BoxRenderable(this.renderer, {
+        id: `run-cmd-item-${idx}`,
+        backgroundColor: bgColor,
+        paddingLeft: 1,
+      });
+      
+      let content;
+      if (shortcutKey) {
+        content = t`${fg(isFocused ? COLORS.accent : COLORS.textDim)(indicator)} ${fg(processColor)(script.displayName)} ${fg(COLORS.textDim)(`(${shortcutKey})`)}`;
+      } else {
+        content = t`${fg(isFocused ? COLORS.accent : COLORS.textDim)(indicator)} ${fg(processColor)(script.displayName)}`;
+      }
+      
+      const itemText = new TextRenderable(this.renderer, {
+        id: `run-cmd-text-${idx}`,
+        content: content,
+      });
+      
+      itemContainer.add(itemText);
+      listBox.content.add(itemContainer);
+    });
+    
+    // Auto-scroll to focused item
+    if (listBox.scrollTo) {
+      const lineHeight = 1;
+      const viewportHeight = Math.floor(this.renderer.height * 0.6) - 4;
+      const focusedY = this.runCommandModalIndex * lineHeight;
+      if (focusedY < listBox.scrollTop || focusedY >= listBox.scrollTop + viewportHeight) {
+        listBox.scrollTo({ x: 0, y: Math.max(0, focusedY - Math.floor(viewportHeight / 2)) });
+      }
+    }
+    
+    overlay.add(listBox);
+    
+    // Footer hint
+    const hintBar = new BoxRenderable(this.renderer, {
+      id: 'run-cmd-hint-bar',
+      border: ['top'],
+      borderStyle: 'single',
+      borderColor: COLORS.border,
+      paddingTop: 1,
+      paddingLeft: 1,
+    });
+    
+    const hint = new TextRenderable(this.renderer, {
+      id: 'run-cmd-hint',
+      content: t`${fg(COLORS.textDim)('↑/↓ navigate')}  ${fg(COLORS.accent)('Enter')} ${fg(COLORS.textDim)('run')}  ${fg(COLORS.accent)('Esc')} ${fg(COLORS.textDim)('close')}`,
+    });
+    hintBar.add(hint);
+    overlay.add(hintBar);
+    
+    parent.add(overlay);
+  }
+  
   buildRunningUI() {
     // Save scroll positions before destroying
     for (const [paneId, scrollBox] of this.paneScrollBoxes.entries()) {
@@ -2866,6 +3011,7 @@ class ProcessManager {
     
     const shortcuts = [
       { key: '\\', desc: 'panes', color: COLORS.cyan },
+      { key: 'e', desc: 'execute', color: COLORS.warning },
       { key: '1-9', desc: 'toggle', color: COLORS.success },
       { key: 'i', desc: 'input', color: COLORS.success },
       { key: 'n', desc: 'name', color: COLORS.accent },
@@ -2878,6 +3024,19 @@ class ProcessManager {
       { key: 'q', desc: 'quit', color: COLORS.error },
     ];
     
+    // Add configured quick command shortcuts
+    const configShortcuts = this.config.shortcuts || {};
+    for (const [key, scriptName] of Object.entries(configShortcuts)) {
+      // Show first 3 shortcuts to avoid cluttering footer
+      if (Object.keys(configShortcuts).length <= 3 || shortcuts.length < 15) {
+        const script = this.allScripts.find(s => s.name === scriptName);
+        if (script) {
+          const shortDesc = script.displayName.length > 8 ? script.displayName.substring(0, 6) + '..' : script.displayName;
+          shortcuts.splice(2, 0, { key, desc: shortDesc, color: this.processColors.get(script.name) || COLORS.text });
+        }
+      }
+    }
+    
     shortcuts.forEach(({ key, desc, color }) => {
       const shortcut = new TextRenderable(this.renderer, {
         id: `shortcut-${key}`,
@@ -2901,6 +3060,11 @@ class ProcessManager {
       this.buildSplitMenuOverlay(mainContainer);
     }
     
+    // Add run command modal if active
+    if (this.showRunCommandModal) {
+      this.buildRunCommandModal(mainContainer);
+    }
+    
     // Add command output overlay if active
     if (this.showCommandOverlay) {
       this.buildCommandOverlay(mainContainer);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "startall",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "description": "",
   "main": "index.js",
   "bin": {