@aliou/pi-processes 0.9.4 → 0.10.0

package/src/components/process-picker-component.ts

@@ -1,166 +0,0 @@
-import type { Theme } from "@earendil-works/pi-coding-agent";
-import {
-  type Component,
-  matchesKey,
-  truncateToWidth,
-  visibleWidth,
-} from "@earendil-works/pi-tui";
-import type { ProcessInfo } from "../constants";
-import type { ProcessManager } from "../manager";
-import {
-  createPanelPadder,
-  renderPanelRule,
-  renderPanelTitleLine,
-} from "./panel-helpers";
-import { statusIcon, statusLabel } from "./status-format";
-
-/**
- * A simple process picker component. Shows a list of processes and lets the
- * user select one with up/down + Enter, or dismiss with Escape/q.
- */
-export class ProcessPickerComponent implements Component {
-  private tui: { requestRender: () => void };
-  private theme: Theme;
-  private onClose: (processId?: string) => void;
-  private manager: ProcessManager;
-  private title: string;
-  private filter: (proc: ProcessInfo) => boolean;
-
-  private selectedIndex = 0;
-  private cachedLines: string[] = [];
-  private cachedWidth = 0;
-  private unsubscribe: (() => void) | null = null;
-
-  constructor(
-    tui: { requestRender: () => void },
-    theme: Theme,
-    onClose: (processId?: string) => void,
-    manager: ProcessManager,
-    title: string,
-    filter?: (proc: ProcessInfo) => boolean,
-  ) {
-    this.tui = tui;
-    this.theme = theme;
-    this.onClose = onClose;
-    this.manager = manager;
-    this.title = title;
-    this.filter = filter ?? (() => true);
-
-    this.unsubscribe = this.manager.onEvent(() => {
-      this.invalidate();
-      this.tui.requestRender();
-    });
-  }
-
-  private getProcesses(): ProcessInfo[] {
-    return this.manager.list().filter(this.filter);
-  }
-
-  handleInput(data: string): boolean {
-    const processes = this.getProcesses();
-
-    if (matchesKey(data, "down") || data === "j") {
-      if (processes.length > 0) {
-        this.selectedIndex = Math.min(
-          this.selectedIndex + 1,
-          processes.length - 1,
-        );
-        this.invalidate();
-        this.tui.requestRender();
-      }
-      return true;
-    }
-
-    if (matchesKey(data, "up") || data === "k") {
-      if (processes.length > 0) {
-        this.selectedIndex = Math.max(this.selectedIndex - 1, 0);
-        this.invalidate();
-        this.tui.requestRender();
-      }
-      return true;
-    }
-
-    if (matchesKey(data, "return")) {
-      if (processes.length > 0 && this.selectedIndex < processes.length) {
-        const proc = processes[this.selectedIndex];
-        if (proc) {
-          this.unsubscribe?.();
-          this.unsubscribe = null;
-          this.onClose(proc.id);
-        }
-      }
-      return true;
-    }
-
-    if (matchesKey(data, "escape") || data === "q" || data === "Q") {
-      this.unsubscribe?.();
-      this.unsubscribe = null;
-      this.onClose();
-      return true;
-    }
-
-    return true;
-  }
-
-  invalidate(): void {
-    this.cachedWidth = 0;
-    this.cachedLines = [];
-  }
-
-  render(width: number): string[] {
-    if (width === this.cachedWidth && this.cachedLines.length > 0) {
-      return this.cachedLines;
-    }
-
-    const theme = this.theme;
-    const dim = (s: string) => theme.fg("dim", s);
-    const accent = (s: string) => theme.fg("accent", s);
-
-    const innerWidth = width - 2;
-    const basePadLine = createPanelPadder(width);
-    const padLine = (content: string): string =>
-      basePadLine(
-        visibleWidth(content) > innerWidth
-          ? truncateToWidth(content, innerWidth, "", true)
-          : content,
-      );
-
-    const lines: string[] = [];
-    const processes = this.getProcesses();
-
-    lines.push(renderPanelTitleLine(this.title, width, theme));
-
-    if (processes.length === 0) {
-      lines.push(padLine(""));
-      lines.push(padLine(dim("No processes available")));
-      lines.push(padLine(""));
-    } else {
-      lines.push(padLine(""));
-      for (let i = 0; i < processes.length; i++) {
-        const proc = processes[i];
-        if (!proc) continue;
-        const isSelected = i === this.selectedIndex;
-        const icon = statusIcon(proc.status, proc.success);
-        const label = statusLabel(proc);
-        const prefix = isSelected ? accent("> ") : "  ";
-        const name = isSelected ? accent(proc.name) : proc.name;
-        const id = dim(`(${proc.id})`);
-        const status = dim(`${icon} ${label}`);
-        lines.push(padLine(`${prefix}${name} ${id} ${status}`));
-      }
-      lines.push(padLine(""));
-    }
-
-    lines.push(renderPanelRule(width, theme));
-    lines.push(
-      padLine(
-        `${dim("j/k")} select  ${dim("enter")} confirm  ${dim("q")} cancel`,
-      ),
-    );
-    lines.push(renderPanelRule(width, theme));
-
-    this.cachedLines = lines;
-    this.cachedWidth = width;
-    return this.cachedLines;
-  }
-}

package/src/components/processes-component.ts

@@ -1,485 +0,0 @@
-import type { Theme } from "@earendil-works/pi-coding-agent";
-import {
-  type Component,
-  matchesKey,
-  truncateToWidth,
-  visibleWidth,
-} from "@earendil-works/pi-tui";
-import { configLoader } from "../config";
-import type { ProcessInfo } from "../constants";
-import type { ProcessManager } from "../manager";
-import { stripAnsi } from "../utils";
-import {
-  createPanelPadder,
-  renderPanelRule,
-  renderPanelTitleLine,
-} from "./panel-helpers";
-import { statusIcon, statusLabel } from "./status-format";
-
-function formatRuntime(startTime: number, endTime: number | null): string {
-  const end = endTime ?? Date.now();
-  const ms = end - startTime;
-  const seconds = Math.floor(ms / 1000);
-  const minutes = Math.floor(seconds / 60);
-  const hours = Math.floor(minutes / 60);
-
-  if (hours > 0) {
-    return `${hours}h ${minutes % 60}m`;
-  }
-  if (minutes > 0) {
-    return `${minutes}m ${seconds % 60}s`;
-  }
-  return `${seconds}s`;
-}
-
-function formatBytes(bytes: number): string {
-  if (bytes >= 1024 * 1024) {
-    return `${(bytes / (1024 * 1024)).toFixed(1)}MB`;
-  }
-  if (bytes >= 1024) {
-    return `${(bytes / 1024).toFixed(1)}KB`;
-  }
-  return `${bytes}B`;
-}
-
-function truncate(str: string, maxLen: number): string {
-  if (maxLen <= 3) return str.slice(0, maxLen);
-  if (str.length <= maxLen) return str;
-  return `${str.slice(0, maxLen - 3)}...`;
-}
-
-function fitCell(
-  value: string,
-  width: number,
-  align: "left" | "right" = "left",
-): string {
-  const truncated = truncateToWidth(value, Math.max(0, width));
-  const pad = Math.max(0, width - visibleWidth(truncated));
-  if (align === "right") {
-    return " ".repeat(pad) + truncated;
-  }
-  return truncated + " ".repeat(pad);
-}
-
-export class ProcessesComponent implements Component {
-  private tui: { requestRender: () => void };
-  private theme: Theme;
-  private onClose: (processId?: string) => void;
-  private manager: ProcessManager;
-
-  private selectedIndex = 0;
-  private processScrollOffset = 0;
-  private logScrollOffset = 0;
-  private scrollInfo = { above: 0, below: 0 };
-  private cachedLines: string[] = [];
-  private cachedWidth = 0;
-  private unsubscribe: (() => void) | null = null;
-
-  constructor(
-    tui: { requestRender: () => void },
-    theme: Theme,
-    onClose: (processId?: string) => void,
-    manager: ProcessManager,
-  ) {
-    this.tui = tui;
-    this.theme = theme;
-    this.onClose = onClose;
-    this.manager = manager;
-
-    this.unsubscribe = this.manager.onEvent(() => {
-      this.invalidate();
-      this.tui.requestRender();
-    });
-  }
-
-  handleInput(data: string): boolean {
-    const processes = this.manager.list();
-
-    // Navigation
-    if (matchesKey(data, "down") || data === "j") {
-      if (processes.length > 0) {
-        this.selectedIndex = Math.min(
-          this.selectedIndex + 1,
-          processes.length - 1,
-        );
-        this.logScrollOffset = 0;
-        this.ensureProcessVisible(processes.length);
-        this.invalidate();
-        this.tui.requestRender();
-      }
-      return true;
-    }
-
-    if (matchesKey(data, "up") || data === "k") {
-      if (processes.length > 0) {
-        this.selectedIndex = Math.max(this.selectedIndex - 1, 0);
-        this.logScrollOffset = 0;
-        this.ensureProcessVisible(processes.length);
-        this.invalidate();
-        this.tui.requestRender();
-      }
-      return true;
-    }
-
-    // Scroll logs
-    if (data === "J") {
-      this.logScrollOffset = Math.max(0, this.logScrollOffset - 5);
-      this.invalidate();
-      this.tui.requestRender();
-      return true;
-    }
-
-    if (data === "K") {
-      this.logScrollOffset += 5;
-      this.invalidate();
-      this.tui.requestRender();
-      return true;
-    }
-
-    // Stream logs for selected process
-    if (matchesKey(data, "return")) {
-      if (processes.length > 0 && this.selectedIndex < processes.length) {
-        const proc = processes[this.selectedIndex];
-        if (proc) {
-          this.unsubscribe?.();
-          this.unsubscribe = null;
-          this.onClose(proc.id);
-        }
-      }
-      return true;
-    }
-
-    // Kill selected process
-    if (data === "x") {
-      if (processes.length > 0 && this.selectedIndex < processes.length) {
-        const proc = processes[this.selectedIndex];
-        if (proc?.status === "running") {
-          void this.manager.kill(proc.id, {
-            signal: "SIGTERM",
-            timeoutMs: 3000,
-          });
-        } else if (proc?.status === "terminate_timeout") {
-          void this.manager.kill(proc.id, {
-            signal: "SIGKILL",
-            timeoutMs: 200,
-          });
-        }
-      }
-      return true;
-    }
-
-    // Clear finished processes
-    if (data === "c" || data === "C") {
-      const cleared = this.manager.clearFinished();
-      if (cleared > 0) {
-        const remaining = this.manager.list();
-        if (this.selectedIndex >= remaining.length) {
-          this.selectedIndex = Math.max(0, remaining.length - 1);
-        }
-        this.ensureProcessVisible(remaining.length);
-        this.invalidate();
-        this.tui.requestRender();
-      }
-      return true;
-    }
-
-    // Close
-    if (matchesKey(data, "escape") || data === "q" || data === "Q") {
-      this.unsubscribe?.();
-      this.unsubscribe = null;
-      this.onClose();
-      return true;
-    }
-
-    return true;
-  }
-
-  private ensureProcessVisible(totalProcesses: number): void {
-    const maxVisibleProcesses =
-      configLoader.getConfig().processList.maxVisibleProcesses;
-    const visibleCount = Math.min(maxVisibleProcesses, totalProcesses);
-    if (this.selectedIndex < this.processScrollOffset) {
-      this.processScrollOffset = this.selectedIndex;
-    } else if (this.selectedIndex >= this.processScrollOffset + visibleCount) {
-      this.processScrollOffset = this.selectedIndex - visibleCount + 1;
-    }
-    this.processScrollOffset = Math.max(
-      0,
-      Math.min(this.processScrollOffset, totalProcesses - visibleCount),
-    );
-  }
-
-  invalidate(): void {
-    this.cachedWidth = 0;
-    this.cachedLines = [];
-  }
-
-  render(width: number): string[] {
-    if (width === this.cachedWidth && this.cachedLines.length > 0) {
-      return this.cachedLines;
-    }
-
-    const cfg = configLoader.getConfig().processList;
-    const maxVisibleProcesses = cfg.maxVisibleProcesses;
-    const maxPreviewLines = cfg.maxPreviewLines;
-
-    const theme = this.theme;
-    const dim = (s: string) => theme.fg("dim", s);
-    const accent = (s: string) => theme.fg("accent", s);
-    const warning = (s: string) => theme.fg("warning", s);
-
-    const lines: string[] = [];
-    const processes = this.manager.list();
-    const innerWidth = width - 2;
-
-    const basePadLine = createPanelPadder(width);
-    const padLine = (content: string): string =>
-      basePadLine(
-        visibleWidth(content) > innerWidth
-          ? truncateToWidth(content, innerWidth, "", true)
-          : content,
-      );
-
-    lines.push(renderPanelTitleLine("Background Processes", width, theme));
-
-    if (processes.length === 0) {
-      lines.push(padLine(""));
-      lines.push(padLine(dim("No background processes")));
-      lines.push(padLine(dim("Use the processes tool to start commands")));
-      lines.push(padLine(""));
-    } else {
-      const prefixWidth = 2;
-
-      // Responsive column widths based on available space
-      // Minimum widths: id=6, name=8, cmd=4, status=10, time=4, size=4 = ~40 chars minimum
-      const minTotalWidth = 40;
-      const scaleFactor =
-        innerWidth < minTotalWidth ? innerWidth / minTotalWidth : 1;
-
-      const processWidth = Math.max(14, Math.floor(24 * scaleFactor));
-      const statusWidth = Math.max(10, Math.floor(18 * scaleFactor));
-      const timeWidth = Math.max(4, Math.floor(8 * scaleFactor));
-      const sizeWidth = Math.max(4, Math.floor(8 * scaleFactor));
-
-      const hasProcessScroll = processes.length > maxVisibleProcesses;
-      const headerSuffixText = hasProcessScroll
-        ? ` [${this.processScrollOffset + 1}-${Math.min(this.processScrollOffset + maxVisibleProcesses, processes.length)}/${processes.length}]`
-        : "";
-      const headerSuffixLen = hasProcessScroll ? headerSuffixText.length : 0;
-
-      // Calculate command column width based on remaining space
-      const fixedWidth =
-        prefixWidth +
-        processWidth +
-        statusWidth +
-        timeWidth +
-        sizeWidth +
-        headerSuffixLen;
-      const cmdWidth = Math.max(4, innerWidth - fixedWidth);
-
-      lines.push(padLine(""));
-      const header =
-        "  " +
-        dim("Process".padEnd(processWidth)) +
-        dim("Command".padEnd(cmdWidth)) +
-        dim("Status".padEnd(statusWidth)) +
-        dim("Time".padEnd(timeWidth)) +
-        dim("Size".padStart(sizeWidth)) +
-        (hasProcessScroll ? dim(headerSuffixText) : "");
-      lines.push(padLine(header));
-      lines.push(renderPanelRule(width, theme));
-
-      const visibleProcessCount = Math.min(
-        maxVisibleProcesses,
-        processes.length,
-      );
-      const startIdx = this.processScrollOffset;
-      const endIdx = startIdx + visibleProcessCount;
-
-      for (let i = startIdx; i < endIdx; i++) {
-        const proc = processes[i];
-        if (!proc) continue;
-        const isSelected = i === this.selectedIndex;
-        const sizes = this.manager.getFileSize(proc.id);
-        const totalSize = sizes ? sizes.stdout + sizes.stderr : 0;
-
-        const statusText = this.formatStatus(proc);
-
-        // Keep process cell bounded even with large IDs.
-        const idPlain = `(${proc.id})`;
-        const maxNameLen = Math.max(
-          1,
-          processWidth - visibleWidth(idPlain) - 1,
-        );
-        const tName = truncate(proc.name, maxNameLen);
-        const processCell = isSelected
-          ? `${accent(tName)} ${dim(` ${idPlain}`)}`
-          : `${tName}${dim(` ${idPlain}`)}`;
-
-        const row =
-          fitCell(processCell, processWidth) +
-          fitCell(truncate(proc.command, cmdWidth - 1), cmdWidth) +
-          fitCell(statusText, statusWidth) +
-          fitCell(formatRuntime(proc.startTime, proc.endTime), timeWidth) +
-          fitCell(formatBytes(totalSize), sizeWidth, "right");
-
-        if (isSelected) {
-          lines.push(padLine(`${accent(">")} ${row}`));
-        } else {
-          lines.push(padLine(`  ${row}`));
-        }
-      }
-
-      for (let i = visibleProcessCount; i < maxVisibleProcesses; i++) {
-        lines.push(padLine(""));
-      }
-
-      if (this.selectedIndex < processes.length) {
-        const selected = processes[this.selectedIndex];
-        if (!selected) {
-          this.cachedLines = lines;
-          this.cachedWidth = width;
-          return this.cachedLines;
-        }
-        const output = this.manager.getOutput(selected.id, maxPreviewLines * 2);
-        const sizes = this.manager.getFileSize(selected.id);
-
-        lines.push(renderPanelRule(width, theme));
-
-        const logTitlePlain = `Output: ${selected.name} (${selected.id})`;
-        const sizeInfoPlain = sizes
-          ? ` stdout: ${formatBytes(sizes.stdout)}, stderr: ${formatBytes(sizes.stderr)}`
-          : "";
-        const combinedPlain = logTitlePlain + sizeInfoPlain;
-        // Truncate if combined exceeds innerWidth, prioritizing the title
-        if (combinedPlain.length <= innerWidth) {
-          const logTitle = `Output: ${accent(selected.name)} ${dim(`(${selected.id})`)}`;
-          const sizeInfo = sizes ? dim(sizeInfoPlain) : "";
-          lines.push(padLine(logTitle + sizeInfo));
-        } else {
-          const maxNameLen = Math.max(
-            8,
-            innerWidth -
-              (`Output:  (${selected.id})`.length + sizeInfoPlain.length),
-          );
-          const tName = truncate(selected.name, maxNameLen);
-          const logTitle = `Output: ${accent(tName)} ${dim(`(${selected.id})`)}`;
-          const sizeInfo = sizes ? dim(sizeInfoPlain) : "";
-          lines.push(padLine(logTitle + sizeInfo));
-        }
-        lines.push(padLine(""));
-
-        let renderedLines = 0;
-
-        if (output) {
-          const logLines: { type: "stdout" | "stderr"; text: string }[] = [];
-          for (const line of output.stdout) {
-            logLines.push({ type: "stdout", text: line });
-          }
-          for (const line of output.stderr) {
-            logLines.push({ type: "stderr", text: line });
-          }
-
-          if (logLines.length === 0) {
-            lines.push(padLine(dim("(no output yet)")));
-            renderedLines = 1;
-          } else {
-            const startIdx = Math.max(
-              0,
-              logLines.length - maxPreviewLines - this.logScrollOffset,
-            );
-            const endIdx = Math.max(0, logLines.length - this.logScrollOffset);
-            const visibleLines = logLines.slice(startIdx, endIdx);
-
-            this.scrollInfo.above = startIdx;
-            this.scrollInfo.below =
-              this.logScrollOffset > 0 ? logLines.length - endIdx : 0;
-
-            for (const line of visibleLines) {
-              const displayLine = truncate(
-                stripAnsi(line.text),
-                innerWidth - 2,
-              );
-              if (line.type === "stderr") {
-                lines.push(padLine(warning(displayLine)));
-              } else {
-                lines.push(padLine(displayLine));
-              }
-              renderedLines++;
-            }
-          }
-        }
-
-        while (renderedLines < maxPreviewLines) {
-          lines.push(padLine(""));
-          renderedLines++;
-        }
-      }
-    }
-
-    const footerLeft =
-      `${dim("enter")} stream  ` +
-      `${dim("j/k")} select  ` +
-      `${dim("x")} term/kill  ` +
-      `${dim("c")} clear  ` +
-      `${dim("q")} quit`;
-
-    let footerRight = "";
-    if (this.scrollInfo.above > 0 || this.scrollInfo.below > 0) {
-      const parts: string[] = [];
-      if (this.scrollInfo.above > 0) {
-        parts.push(`↑${this.scrollInfo.above}`);
-      }
-      if (this.scrollInfo.below > 0) {
-        parts.push(`↓${this.scrollInfo.below}`);
-      }
-      footerRight = `${dim("J/K")} scroll ${dim(parts.join(" "))}`;
-    }
-
-    const footerLeftLen = visibleWidth(footerLeft);
-    const footerRightLen = visibleWidth(footerRight);
-    const footerGap = Math.max(2, innerWidth - footerLeftLen - footerRightLen);
-    let footer = footerLeft + " ".repeat(footerGap) + footerRight;
-
-    // Truncate footer if it exceeds inner width (e.g., on very narrow terminals)
-    if (footerLeftLen + footerGap + footerRightLen > innerWidth) {
-      footer = truncateToWidth(footer, innerWidth);
-    }
-
-    lines.push(renderPanelRule(width, theme));
-    lines.push(padLine(footer));
-
-    this.cachedLines = lines;
-    this.cachedWidth = width;
-
-    return this.cachedLines;
-  }
-
-  private formatStatus(proc: ProcessInfo): string {
-    const theme = this.theme;
-    const dim = (s: string) => theme.fg("dim", s);
-    const success = (s: string) => theme.fg("success", s);
-    const warning = (s: string) => theme.fg("warning", s);
-    const error = (s: string) => theme.fg("error", s);
-
-    const icon = statusIcon(proc.status, proc.success);
-    const label = statusLabel(proc);
-
-    switch (proc.status) {
-      case "running":
-        return success(`${icon} ${label}`);
-      case "terminating":
-        return warning(`${icon} ${label}`);
-      case "terminate_timeout":
-        return error(`${icon} ${label}`);
-      case "killed":
-        return warning(`${icon} ${label}`);
-      case "exited":
-        return proc.success
-          ? dim(`${icon} ${label}`)
-          : error(`${icon} ${label}`);
-      default:
-        return dim(`${icon} ${label}`);
-    }
-  }
-}

package/src/components/status-format.ts

@@ -1,38 +0,0 @@
-import type { ProcessInfo, ProcessStatus } from "../constants";
-
-export function statusLabel(proc: ProcessInfo): string {
-  switch (proc.status) {
-    case "running":
-      return "running";
-    case "terminating":
-      return "terminating";
-    case "terminate_timeout":
-      return "terminate_timeout";
-    case "killed":
-      return "killed";
-    case "exited":
-      return proc.success ? "exit(0)" : `exit(${proc.exitCode ?? "?"})`;
-    default:
-      return proc.status;
-  }
-}
-
-export function statusIcon(
-  status: ProcessStatus,
-  success: boolean | null,
-): string {
-  switch (status) {
-    case "running":
-      return "\u25CF"; // filled circle
-    case "terminating":
-      return "\u25CF"; // filled circle
-    case "terminate_timeout":
-      return "\u2717"; // x mark
-    case "exited":
-      return success ? "\u2713" : "\u2717";
-    case "killed":
-      return "\u2717";
-    default:
-      return "?";
-  }
-}