startall 0.0.21 → 0.0.23

package/README.md

@@ -43,6 +43,7 @@ Traditional solutions fall short:
   - Per-process visibility toggles (`Space` or `1-9`)
   - Per-pane filters (different views in each pane)
 - **Custom pane naming**: Label panes for easier identification (`n`)
+- **Column view**: Instant one-pane-per-script layout with `=` key (toggle back to restore your layout)
 - **Persistent layouts**: Your pane configuration is saved between sessions
 - **Process-specific views**: Show/hide specific processes in each pane
 - **Colored output**: Each process gets unique color-coded output
@@ -122,6 +123,7 @@ That's it! The TUI will:
 - `\` - Open command palette
 - `|` - Split pane vertically (left/right)
 - `_` - Split pane horizontally (top/bottom)
+- `=` - Toggle column view (one column per script, auto-generated)
 - `x` - Close current pane (if >1 pane exists)
 - `Tab` - Next pane
 - `Shift+Tab` - Previous pane

package/index.js

@@ -606,6 +606,10 @@ class ProcessManager {
     this.paneLineCount = new Map();  // Track how many lines we've rendered per pane
     this.uiJustRebuilt = false;  // Flag to skip redundant render after buildRunningUI
     
+    // Column view state (one pane per script, side by side)
+    this.isColumnView = false;       // Whether column view is active
+    this.savedPaneRoot = null;       // Saved pane tree to restore when toggling back
+    
     // Copy mode state (select text to copy)
     this.isCopyMode = false;       // Whether in copy/select mode
     this.copyModeCursor = 0;       // Current cursor line index within visible lines
@@ -660,6 +664,16 @@ class ProcessManager {
         return;
       }
       
+      // Handle Ctrl+L - clear screen buffer and redraw
+      if (key.ctrl && key.name === 'l') {
+        if (this.phase === 'running') {
+          this.outputLines = [];
+          this.totalLinesReceived = 0;
+          this.buildRunningUI();
+        }
+        return;
+      }
+      
       this.handleInput(key.name, key);
       this.render();
     });
@@ -832,14 +846,17 @@ class ProcessManager {
           this.buildRunningUI();
         } else if (keyName === '|') {
           // Quick vertical split
+          this.exitColumnViewMode();
           this.splitCurrentPane('vertical');
           this.buildRunningUI();
         } else if (keyName === '_') {
           // Quick horizontal split
+          this.exitColumnViewMode();
           this.splitCurrentPane('horizontal');
           this.buildRunningUI();
         } else if (keyName === 'x' && getAllPaneIds(this.paneRoot).length > 1) {
           // Close current pane (only if more than one)
+          this.exitColumnViewMode();
           this.closeCurrentPane();
           this.buildRunningUI();
         } else if (keyName === 'space') {
@@ -975,6 +992,9 @@ class ProcessManager {
         } else if (keyName === 'y') {
           // Enter copy mode (select text to copy)
           this.enterCopyMode();
+        } else if (keyName === '=') {
+          // Toggle column view (one pane per script)
+          this.toggleColumnView();
         } else if (keyName === 'g' && IS_GIT_REPO) {
           // Open git modal (commit & push)
           this.openGitModal();
@@ -1664,6 +1684,67 @@ class ProcessManager {
     }
   }
   
+  // Generate a column view pane tree: one pane per running script, side by side
+  generateColumnViewPaneTree() {
+    // Get the scripts that are currently selected/running
+    const runningScripts = this.scripts.filter(s => {
+      const proc = this.processes.get(s.name);
+      return proc && (proc.status === 'running' || proc.status === 'crashed' || proc.status === 'exited');
+    });
+    
+    if (runningScripts.length === 0) {
+      return createPane([]);
+    }
+    
+    if (runningScripts.length === 1) {
+      return createPane([runningScripts[0].name]);
+    }
+    
+    // Create a vertical split with one pane per script
+    const panes = runningScripts.map(s => {
+      const pane = createPane([s.name]);
+      pane.name = s.displayName;
+      return pane;
+    });
+    
+    return createSplit('vertical', panes);
+  }
+  
+  // Toggle between column view (one pane per script) and the normal saved layout
+  toggleColumnView() {
+    if (this.isColumnView) {
+      // Restore the saved pane tree
+      if (this.savedPaneRoot) {
+        this.paneRoot = this.savedPaneRoot;
+        this.savedPaneRoot = null;
+      } else {
+        this.paneRoot = createPane([]);
+      }
+      this.isColumnView = false;
+    } else {
+      // Save current pane tree and switch to column view
+      this.savedPaneRoot = this.paneRoot;
+      this.paneRoot = this.generateColumnViewPaneTree();
+      this.isColumnView = true;
+    }
+    
+    // Focus the first pane in the new tree
+    const allPanes = getAllPaneIds(this.paneRoot);
+    if (allPanes.length > 0) {
+      this.focusedPaneId = allPanes[0];
+    }
+    
+    this.buildRunningUI();
+  }
+  
+  // Exit column view mode without restoring saved layout (e.g. user manually split/closed a pane)
+  exitColumnViewMode() {
+    if (this.isColumnView) {
+      this.isColumnView = false;
+      this.savedPaneRoot = null;
+    }
+  }
+  
   // Move the currently selected process to the focused pane
   moveProcessToCurrentPane() {
     const scriptName = this.scripts[this.selectedIndex]?.name;
@@ -1750,6 +1831,8 @@ class ProcessManager {
   
   // Save the current pane layout to config (debounced to avoid excessive disk writes)
   savePaneLayout() {
+    // Don't save the auto-generated column view layout - it's transient
+    if (this.isColumnView) return;
     this.config.paneLayout = serializePaneTree(this.paneRoot);
     debouncedSaveConfig(this.config);
   }
@@ -4166,6 +4249,15 @@ class ProcessManager {
     });
     leftSide.add(statusIndicator);
     
+    // Column view indicator
+    if (this.isColumnView) {
+      const columnIndicator = new TextRenderable(this.renderer, {
+        id: 'column-view-indicator',
+        content: t`${fg(COLORS.cyan)('COLUMNS')}`,
+      });
+      leftSide.add(columnIndicator);
+    }
+    
     // Git branch indicator
     if (IS_GIT_REPO) {
       const branch = this.gitBranch || getGitBranch();
@@ -4276,6 +4368,7 @@ class ProcessManager {
       // Pane & navigation
       [
         { key: '\\', desc: 'panes', color: COLORS.cyan },
+        { key: '=', desc: this.isColumnView ? 'merged' : 'columns', color: COLORS.cyan },
         { key: '1-9', desc: 'toggle', color: COLORS.success },
       ],
       // Process control
@@ -4290,6 +4383,7 @@ class ProcessManager {
         { key: '/', desc: 'filter', color: COLORS.cyan },
         { key: 'c', desc: 'color', color: COLORS.magenta },
         { key: 'y', desc: 'copy', color: COLORS.accent },
+        { key: '^L', desc: 'clear', color: COLORS.cyan },
       ],
       // Misc
       [

package/package.json

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