@adiontaegerron/claude-multi-terminal 1.0.3 → 1.2.0

package/.claude/settings.local.json

@@ -15,7 +15,9 @@
       "Bash(git push:*)",
       "Bash(mkdir:*)",
       "Bash(chmod:*)",
-      "Bash(npm:*)"
+      "Bash(npm:*)",
+      "Bash(claude --print \"Please enter plan mode (press Shift+Tab twice)\")",
+      "WebFetch(domain:docs.anthropic.com)"
     ],
     "deny": []
   }

package/README.md

@@ -9,7 +9,14 @@ A multi-terminal editor for coordinating multiple Claude Code instances. Run mul
 - **Multi-Terminal Support**: Run multiple Claude Code instances in a 2x2 grid layout
 - **Unified Chat Interface**: Send commands to selected terminals from a single chat interface
 - **Terminal Selection**: Choose which terminals receive your commands with checkboxes
+- **Multi-@ Terminal Commands**: Send commands to multiple terminals with various syntaxes:
+  - `@all command` - Send to all terminals
+  - `@term1,term2,term3 command` - Comma-separated terminals
+  - `@term1 @term2 command` - Space-separated terminals
+- **Smart Autocomplete**: Get terminal suggestions while typing @ anywhere in your message
+- **Slash Commands**: Built-in commands for terminal management
 - **Default Prompt**: Set a default prompt to prepend to all messages
+- **Plan Mode Support**: Automatically enters plan mode with Shift+Tab
 - **Auto-Start Claude**: Each terminal automatically starts Claude Code
 - **Rename Terminals**: Double-click terminal titles to rename them
 - **Responsive Layout**: Adapts to different screen sizes
@@ -49,12 +56,36 @@ This will open the multi-terminal editor with all terminals starting in your cur
 4. **Send Commands**: Type in the chat input and click "Send" or press Enter
 5. **Use Default Prompt**: Expand the "Default Prompt" section to set a prompt that's prepended to all messages
 
+### Slash Commands
+
+- `/send <terminal> <command>` - Send command to specific terminal
+- `/send-all <command>` or `/broadcast <command>` - Send to all terminals
+- `/list` - List all terminals
+- `/create [name]` - Create new terminal with optional name
+- `/close <terminal>` - Close specific terminal
+- `/return <terminal>` - Submit current input in terminal (press Enter)
+- `/clear <terminal>` or `/interrupt <terminal>` - Send Ctrl+C to terminal
+- `/help` - Show available commands
+
+### @ Terminal Commands
+
+Send commands directly to terminals using @ syntax:
+
+- `@Terminal1 ls -la` - Send to single terminal
+- `@"My Terminal" pwd` - Terminal with spaces in name
+- `@term1,term2,term3 date` - Multiple terminals (comma-separated)
+- `@term1 @term2 @term3 whoami` - Multiple terminals (space-separated)
+- `@all echo "Hello"` - Send to all terminals
+
+**Autocomplete**: Type `@` anywhere to get terminal suggestions!
+
 ### Tips
 
 - Each terminal automatically starts Claude Code when created
-- Messages include a plan mode instruction by default
+- Plan mode is activated automatically using Shift+Tab
 - Double-click terminal titles to rename them for better organization
 - The application uses your current directory as the working directory for all terminals
+- Use multi-@ commands to coordinate multiple Claude instances efficiently
 
 ## Development
 

package/index.html

@@ -12,49 +12,54 @@
             <button id="new-terminal-btn">New Terminal</button>
         </div>
         
-        <div id="main-layout">
-            <div id="terminals-area">
-                <div id="terminals-container">
-                    <!-- Terminal instances will be added here dynamically -->
-                </div>
-            </div>
-            
-            <div id="chat-sidebar">
-                <div class="chat-header">
-                    <h2>Chat</h2>
-                </div>
-                
-                <div id="chat-messages">
-                    <!-- Chat messages will appear here -->
+        <div id="toolbar-extended">
+            <div class="controls-row">
+                <div id="terminal-selector" class="control-section">
+                    <label>Send to:</label>
+                    <div id="terminal-checkboxes">
+                        <!-- Terminal checkboxes will be added here dynamically -->
+                    </div>
                 </div>
                 
-                <div id="chat-controls">
-                    <div id="terminal-selector">
-                        <label>Send to:</label>
-                        <div id="terminal-checkboxes">
-                            <!-- Terminal checkboxes will be added here dynamically -->
-                        </div>
+                <div id="default-prompt-section" class="control-section collapsible">
+                    <div class="collapsible-header">
+                        <button class="collapse-toggle">▶</button>
+                        <span>Default Prompt</span>
                     </div>
-                    
-                    <div id="default-prompt-section" class="collapsible">
-                        <div class="collapsible-header">
-                            <button class="collapse-toggle">▶</button>
-                            <span>Default Prompt</span>
-                        </div>
-                        <div class="collapsible-content" style="display: none;">
-                            <textarea id="default-prompt-text" placeholder="Enter default prompt to prepend to all messages..."></textarea>
-                            <label>
-                                <input type="checkbox" id="use-default-prompt" />
-                                <span>Always prepend to messages</span>
-                            </label>
-                        </div>
+                    <div class="collapsible-content" style="display: none;">
+                        <textarea id="default-prompt-text" placeholder="Enter default prompt to prepend to all messages..."></textarea>
+                        <label>
+                            <input type="checkbox" id="use-default-prompt" />
+                            <span>Always prepend to messages</span>
+                        </label>
                     </div>
-                    
-                    <div class="message-input-section">
-                        <textarea id="chat-input" placeholder="Type your message..."></textarea>
-                        <button id="send-message-btn">Send</button>
+                </div>
+            </div>
+            
+            <div class="plan-mode-row">
+                <label class="plan-mode-option">
+                    <input type="checkbox" id="use-plan-mode" checked />
+                    <span>Send in Plan Mode</span>
+                </label>
+            </div>
+            
+            <div class="input-row">
+                <div class="input-wrapper">
+                    <div id="input-overlay" class="input-overlay"></div>
+                    <textarea id="chat-input" placeholder="Type your message, / for commands, or @terminal for direct send..."></textarea>
+                    <div id="command-dropdown" class="command-dropdown" style="display: none;">
+                        <div id="command-list" class="command-list">
+                            <!-- Command options will be populated here -->
+                        </div>
                     </div>
                 </div>
+                <button id="send-message-btn">Send</button>
+            </div>
+        </div>
+        
+        <div id="terminals-area">
+            <div id="terminals-container">
+                <!-- Terminal instances will be added here dynamically -->
             </div>
         </div>
     </div>

package/main.js

@@ -33,7 +33,7 @@ function createWindow() {
 
   mainWindow.on('closed', () => {
     // Clean up all terminals on window close
-    terminals.forEach(term => term.kill());
+    terminals.forEach(termData => termData.pty.kill());
     terminals.clear();
     mainWindow = null;
   });
@@ -68,7 +68,10 @@ ipcMain.handle('terminal:create', (event, terminalId) => {
     env: process.env
   });
 
-  terminals.set(terminalId, ptyProcess);
+  // Store terminal
+  terminals.set(terminalId, {
+    pty: ptyProcess
+  });
 
   // Forward terminal output to renderer
   ptyProcess.onData((data) => {
@@ -86,9 +89,9 @@ ipcMain.handle('terminal:create', (event, terminalId) => {
 
 // Write data to terminal
 ipcMain.handle('terminal:write', (event, terminalId, data) => {
-  const terminal = terminals.get(terminalId);
-  if (terminal) {
-    terminal.write(data);
+  const terminalData = terminals.get(terminalId);
+  if (terminalData) {
+    terminalData.pty.write(data);
     return { success: true };
   }
   return { success: false, error: 'Terminal not found' };
@@ -96,9 +99,9 @@ ipcMain.handle('terminal:write', (event, terminalId, data) => {
 
 // Resize terminal
 ipcMain.handle('terminal:resize', (event, terminalId, cols, rows) => {
-  const terminal = terminals.get(terminalId);
-  if (terminal) {
-    terminal.resize(cols, rows);
+  const terminalData = terminals.get(terminalId);
+  if (terminalData) {
+    terminalData.pty.resize(cols, rows);
     return { success: true };
   }
   return { success: false, error: 'Terminal not found' };
@@ -106,11 +109,12 @@ ipcMain.handle('terminal:resize', (event, terminalId, cols, rows) => {
 
 // Close terminal
 ipcMain.handle('terminal:close', (event, terminalId) => {
-  const terminal = terminals.get(terminalId);
-  if (terminal) {
-    terminal.kill();
+  const terminalData = terminals.get(terminalId);
+  if (terminalData) {
+    terminalData.pty.kill();
     terminals.delete(terminalId);
     return { success: true };
   }
   return { success: false, error: 'Terminal not found' };
-});
+});
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adiontaegerron/claude-multi-terminal",
-  "version": "1.0.3",
+  "version": "1.2.0",
   "description": "Multi-terminal editor for coordinating multiple Claude Code instances",
   "main": "main.js",
   "bin": {