@aliou/pi-processes 0.3.2 → 0.3.4

package/commands/index.ts

@@ -1,11 +1,17 @@
 import type { ExtensionAPI } from "@mariozechner/pi-coding-agent";
+import { LogStreamComponent } from "../components/log-stream-component";
 import { ProcessesComponent } from "../components/processes-component";
 import type { ProcessManager } from "../manager";
 
+const LOG_STREAM_WIDGET_ID = "processes-log-stream";
+
 export function setupProcessesCommands(
   pi: ExtensionAPI,
   manager: ProcessManager,
 ) {
+  // Track whether we're currently streaming logs.
+  let isStreaming = false;
+
   pi.registerCommand("processes", {
     description: "View and manage background processes",
     handler: async (_args, ctx) => {
@@ -13,14 +19,50 @@ export function setupProcessesCommands(
         ctx.ui.notify("/processes requires interactive mode", "error");
         return;
       }
-      await ctx.ui.custom((tui, theme, _keybindings, done) => {
-        return new ProcessesComponent(
-          tui,
-          theme,
-          () => done(undefined),
-          manager,
-        );
-      });
+
+      // If currently streaming, dismiss the stream widget and show the list.
+      if (isStreaming) {
+        ctx.ui.setWidget(LOG_STREAM_WIDGET_ID, undefined);
+        isStreaming = false;
+      }
+
+      const result = await ctx.ui.custom<string | null>(
+        (tui, theme, _keybindings, done) => {
+          return new ProcessesComponent(
+            tui,
+            theme,
+            (processId?: string) => {
+              if (processId) {
+                done(processId);
+              } else {
+                done(null);
+              }
+            },
+            manager,
+          );
+        },
+      );
+
+      // RPC fallback.
+      if (result === undefined) {
+        ctx.ui.notify("/processes requires interactive mode", "info");
+        return;
+      }
+
+      // User dismissed with Escape/q.
+      if (result === null) {
+        return;
+      }
+
+      // User selected a process — start streaming its logs.
+      isStreaming = true;
+      ctx.ui.setWidget(
+        LOG_STREAM_WIDGET_ID,
+        (tui, theme) => {
+          return new LogStreamComponent(tui, theme, manager, result);
+        },
+        { placement: "aboveEditor" },
+      );
     },
   });
 }

package/manager.ts

@@ -222,9 +222,9 @@ export class ProcessManager {
   }
 
   list(): ProcessInfo[] {
-    return Array.from(this.processes.values()).map((p) =>
-      this.toProcessInfo(p),
-    );
+    return Array.from(this.processes.values())
+      .map((p) => this.toProcessInfo(p))
+      .reverse();
   }
 
   get(id: string): ProcessInfo | null {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aliou/pi-processes",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "type": "module",
   "private": false,
   "keywords": [
@@ -17,7 +17,7 @@
     "extensions": [
       "./index.ts"
     ],
-    "video": "https://assets.aliou.me/pi-extensions/2026-01-26-processes-demo.mp4"
+    "video": "https://assets.aliou.me/pi-extensions/demos/pi-processes.mp4"
   },
   "publishConfig": {
     "access": "public"
@@ -33,8 +33,6 @@
     "@sinclair/typebox": "^0.34.41"
   },
   "peerDependencies": {
-    "@mariozechner/pi-ai": "0.51.0",
-    "@mariozechner/pi-coding-agent": "0.51.0",
-    "@mariozechner/pi-tui": "0.51.0"
+    "@mariozechner/pi-coding-agent": ">=0.51.0"
   }
 }