@pokit/tabs-opentui 0.0.38 → 0.0.40

package/dist/adapter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"adapter.d.ts","sourceRoot":"","sources":["../src/adapter.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,OAAO,KAAK,EAAE,WAAW,EAAwB,QAAQ,EAAE,MAAM,aAAa,CAAC;AAK/E;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,WAAW,CA8G/C;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAChC,GAAG,EAAE,QAAQ,EACb,OAAO,GAAE,mBAAwB,GAChC;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CA4GzB"}
+{"version":3,"file":"adapter.d.ts","sourceRoot":"","sources":["../src/adapter.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,OAAO,KAAK,EAAE,WAAW,EAAwB,QAAQ,EAAE,MAAM,aAAa,CAAC;AAK/E;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,WAAW,CAkH/C;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAChC,GAAG,EAAE,QAAQ,EACb,OAAO,GAAE,mBAAwB,GAChC;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CA4GzB"}

package/dist/adapter.js

@@ -25,6 +25,9 @@ export function createTabsAdapter() {
             if (items.length === 0) {
                 return;
             }
+            // Clear the main screen before switching to alternate screen buffer.
+            // This ensures the menu output is not visible when we return from alternate screen.
+            process.stdout.write('\x1b[2J\x1b[H');
             // Ensure stdin is not paused - previous CLI operations (prompts, spinners)
             // may have left it in a paused state
             if (process.stdin.isPaused()) {

package/dist/tabs-app.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-app.d.ts","sourceRoot":"","sources":["../src/tabs-app.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAYH,OAAO,KAAK,EAAE,OAAO,EAAc,MAAM,kBAAkB,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAS/C,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,CAAC;AAOF,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,YAAY,GAAG,KAAK,CAAC,SAAS,CAoWjF"}
+{"version":3,"file":"tabs-app.d.ts","sourceRoot":"","sources":["../src/tabs-app.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAYH,OAAO,KAAK,EAAE,OAAO,EAAc,MAAM,kBAAkB,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAkB/C,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,CAAC;AAOF,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,YAAY,GAAG,KAAK,CAAC,SAAS,CA6VjF"}

package/dist/tabs-app.js

@@ -9,6 +9,16 @@ import { spawn } from 'node:child_process';
 import stripAnsi from 'strip-ansi';
 import { TabbedView } from './tabbed-view.js';
 import { OutputBuffer, MAX_OUTPUT_LINES, MAX_LINE_LENGTH, BUFFER_WARNING_THRESHOLD, } from '@pokit/tabs-core';
+function killProcessTree(proc) {
+    if (proc.killed || proc.pid == null)
+        return;
+    try {
+        process.kill(-proc.pid, 'SIGTERM');
+    }
+    catch {
+        // Process may have already exited
+    }
+}
 const OUTPUT_BATCH_MS = 16;
 /** How many pixels from bottom to consider "near bottom" for auto-scroll */
 const NEAR_BOTTOM_THRESHOLD = 50;
@@ -156,6 +166,7 @@ export function TabsApp({ items, options, onExit }) {
                 FORCE_COLOR: '1',
             },
             stdio: ['pipe', 'pipe', 'pipe'],
+            detached: true,
         });
         const handleData = (data) => appendOutput(index, data);
         proc.stdout?.on('data', handleData);
@@ -196,24 +207,21 @@ export function TabsApp({ items, options, onExit }) {
         processesRef.current = procs;
         return () => {
             for (const proc of processesRef.current) {
-                if (proc && !proc.killed) {
-                    proc.kill('SIGTERM');
-                }
+                if (proc)
+                    killProcessTree(proc);
             }
         };
     }, [items, spawnProcess]);
     const killAll = useCallback(() => {
         for (const proc of processesRef.current) {
-            if (proc && !proc.killed) {
-                proc.kill('SIGTERM');
-            }
+            if (proc)
+                killProcessTree(proc);
         }
     }, []);
     const handleRestart = useCallback((index) => {
         const existingProc = processesRef.current[index];
-        if (existingProc && !existingProc.killed) {
-            existingProc.kill('SIGTERM');
-        }
+        if (existingProc)
+            killProcessTree(existingProc);
         // Clear both batch buffer and ring buffer
         batchBuffersRef.current.delete(index);
         const tabId = `tab-${index}`;
@@ -240,9 +248,8 @@ export function TabsApp({ items, options, onExit }) {
     }, [spawnProcess, scrollToBottom]);
     const handleKill = useCallback((index) => {
         const proc = processesRef.current[index];
-        if (proc && !proc.killed) {
-            proc.kill('SIGTERM');
-        }
+        if (proc)
+            killProcessTree(proc);
         setTabs((prev) => {
             const next = [...prev];
             const tab = next[index];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pokit/tabs-opentui",
-  "version": "0.0.38",
+  "version": "0.0.40",
   "description": "OpenTUI-based tab renderer for pok CLI applications",
   "keywords": [
     "cli",
@@ -53,12 +53,12 @@
   "devDependencies": {
     "@types/bun": "latest",
     "@types/react": "^19.2.0",
-    "@pokit/core": "0.0.38",
-    "@pokit/tabs-core": "0.0.38"
+    "@pokit/core": "0.0.40",
+    "@pokit/tabs-core": "0.0.40"
   },
   "peerDependencies": {
-    "@pokit/core": "0.0.38",
-    "@pokit/tabs-core": "0.0.38"
+    "@pokit/core": "0.0.40",
+    "@pokit/tabs-core": "0.0.40"
   },
   "engines": {
     "bun": ">=1.0.0"

package/src/adapter.tsx

@@ -31,6 +31,10 @@ export function createTabsAdapter(): TabsAdapter {
         return;
       }
 
+      // Clear the main screen before switching to alternate screen buffer.
+      // This ensures the menu output is not visible when we return from alternate screen.
+      process.stdout.write('\x1b[2J\x1b[H');
+
       // Ensure stdin is not paused - previous CLI operations (prompts, spinners)
       // may have left it in a paused state
       if (process.stdin.isPaused()) {

package/src/tabs-app.tsx

@@ -18,6 +18,15 @@ import type { TabSpec, TabProcess } from '@pokit/tabs-core';
 import type { TabsOptions } from '@pokit/core';
 import type { ScrollBoxRenderable } from '@opentui/core';
 
+function killProcessTree(proc: ChildProcess): void {
+  if (proc.killed || proc.pid == null) return;
+  try {
+    process.kill(-proc.pid, 'SIGTERM');
+  } catch {
+    // Process may have already exited
+  }
+}
+
 const OUTPUT_BATCH_MS = 16;
 /** How many pixels from bottom to consider "near bottom" for auto-scroll */
 const NEAR_BOTTOM_THRESHOLD = 50;
@@ -202,6 +211,7 @@ export function TabsApp({ items, options, onExit }: TabsAppProps): React.ReactNo
           FORCE_COLOR: '1',
         } as NodeJS.ProcessEnv,
         stdio: ['pipe', 'pipe', 'pipe'],
+        detached: true,
       });
 
       const handleData = (data: Buffer) => appendOutput(index, data);
@@ -249,27 +259,21 @@ export function TabsApp({ items, options, onExit }: TabsAppProps): React.ReactNo
 
     return () => {
       for (const proc of processesRef.current) {
-        if (proc && !proc.killed) {
-          proc.kill('SIGTERM');
-        }
+        if (proc) killProcessTree(proc);
       }
     };
   }, [items, spawnProcess]);
 
   const killAll = useCallback(() => {
     for (const proc of processesRef.current) {
-      if (proc && !proc.killed) {
-        proc.kill('SIGTERM');
-      }
+      if (proc) killProcessTree(proc);
     }
   }, []);
 
   const handleRestart = useCallback(
     (index: number) => {
       const existingProc = processesRef.current[index];
-      if (existingProc && !existingProc.killed) {
-        existingProc.kill('SIGTERM');
-      }
+      if (existingProc) killProcessTree(existingProc);
 
       // Clear both batch buffer and ring buffer
       batchBuffersRef.current.delete(index);
@@ -302,9 +306,7 @@ export function TabsApp({ items, options, onExit }: TabsAppProps): React.ReactNo
 
   const handleKill = useCallback((index: number) => {
     const proc = processesRef.current[index];
-    if (proc && !proc.killed) {
-      proc.kill('SIGTERM');
-    }
+    if (proc) killProcessTree(proc);
 
     setTabs((prev) => {
       const next = [...prev];