@fitchmultz/pi-subagents 0.49.1 → 0.51.0

package/src/pi-intercom/ui/compose.ts

@@ -1,305 +0,0 @@
-import {
-  type TUI,
-  type TuiMouseEvent,
-  Box,
-  Container,
-  Text,
-  sliceByColumn,
-  truncateToWidth,
-  visibleWidth,
-} from "@earendil-works/pi-tui";
-import { actionHints } from "../../tui/action-hints.ts";
-import type { KeybindingsManager, Theme } from "@earendil-works/pi-coding-agent";
-import type { IntercomClient } from "../broker/client.ts";
-import type { SessionInfo } from "../types.ts";
-
-import { ComposePaste, printableInput, PASTE_RENDER_TAIL_CHARS } from "./compose-paste.ts";
-import { errorMessage } from "../../shared/unknown.ts";
-
-export interface ComposeResult {
-  readonly sent: boolean;
-  readonly messageId?: string;
-  readonly text?: string;
-  readonly expectsReply?: boolean;
-}
-
-export interface ComposeOptions {
-  readonly keybindings: KeybindingsManager;
-  readonly target: SessionInfo;
-  readonly targetLabel: string;
-  readonly client: { readonly send: IntercomClient["send"] };
-  readonly done: (result: ComposeResult) => void;
-}
-
-export class ComposeOverlay extends Container {
-  private readonly tui: TUI;
-  private readonly theme: Theme;
-  private readonly options: ComposeOptions;
-  private readonly paste: ComposePaste;
-  private inputBuffer: string = "";
-  private mode: "send" | "ask" = "send";
-  private completed = false;
-  private sending: boolean = false;
-  private error: string | null = null;
-
-  constructor(tui: TUI, theme: Theme, options: ComposeOptions) {
-    super();
-    this.tui = tui;
-    this.theme = theme;
-    this.options = options;
-    this.paste = new ComposePaste({
-      flush: (text) => {
-        if (this.completed) {
-          return;
-        }
-        this.inputBuffer += text;
-        this.error = null;
-        this.tui.requestRender();
-      },
-      escape: (prefix) => {
-        if (this.options.keybindings.matches(prefix, "tui.select.cancel")) {
-          this.finish({ sent: false });
-        }
-      },
-      render: () => this.tui.requestRender(),
-    });
-  }
-
-  dispose(): void {
-    this.completed = true;
-    this.paste.dispose();
-  }
-
-  handleMouse(event: Readonly<TuiMouseEvent>): ReturnType<Container["handleMouse"]> {
-    const width = Math.min(event.width, 72);
-    if (this.sending || this.completed || this.paste.busy || event.x >= width) {
-      return;
-    }
-    return super.handleMouse({ ...event, width });
-  }
-
-  private act(action: "close" | "mode" | "send"): void {
-    if (this.sending || this.completed || this.paste.busy) {
-      return;
-    }
-    if (action === "close") {
-      this.finish({ sent: false });
-    } else if (action === "mode") {
-      this.mode = this.mode === "send" ? "ask" : "send";
-      this.error = null;
-    } else if (this.inputBuffer.trim().length > 0) {
-      this.sendMessage().catch((error: unknown) => {
-        if (this.completed) {
-          return;
-        }
-        this.error = errorMessage(error);
-        this.sending = false;
-        this.tui.requestRender();
-      });
-    }
-    this.tui.requestRender();
-  }
-
-  private finish(result: ComposeResult): void {
-    if (this.completed) {
-      return;
-    }
-    this.dispose();
-    this.options.done(result);
-  }
-
-  handleInput(input: string): void {
-    if (this.sending || this.completed || input.length === 0) {
-      return;
-    }
-    const normalized = this.paste.consume(input);
-    if (!normalized || normalized.text.length === 0) {
-      return;
-    }
-    const { text: data, pasted } = normalized;
-
-    if (!pasted && this.handleEditorKey(data)) {
-      return;
-    }
-    const printable = printableInput(data);
-    if (printable.length > 0) {
-      this.inputBuffer += printable;
-      this.error = null;
-      this.tui.requestRender();
-    }
-  }
-
-  private handleEditorKey(data: string): boolean {
-    const keybindings = this.options.keybindings;
-    if (keybindings.matches(data, "tui.select.cancel")) {
-      this.act("close");
-      return true;
-    }
-    if (data === "\t") {
-      this.act("mode");
-      return true;
-    }
-    if (keybindings.matches(data, "tui.select.confirm")) {
-      this.act("send");
-      return true;
-    }
-    if (data.startsWith("\x1b")) {
-      return true;
-    }
-    if (keybindings.matches(data, "tui.editor.deleteCharBackward")) {
-      const graphemes = Array.from(
-        new Intl.Segmenter().segment(this.inputBuffer),
-        (part) => part.segment,
-      );
-      this.inputBuffer = graphemes.slice(0, -1).join("");
-      this.error = null;
-      this.tui.requestRender();
-      return true;
-    }
-    return false;
-  }
-
-  private async sendMessage(): Promise<void> {
-    this.sending = true;
-    this.error = null;
-    this.tui.requestRender();
-
-    try {
-      const expectsReply = this.mode === "ask";
-      const text = this.inputBuffer;
-      const result = await this.options.client.send(this.options.target.id, {
-        text,
-        expectsReply,
-      });
-      if (this.completed) {
-        return;
-      }
-
-      if (!result.accepted) {
-        this.error =
-          result.reason ?? "Message not delivered. Session may not exist or has disconnected.";
-        this.sending = false;
-        this.tui.requestRender();
-        return;
-      }
-
-      this.finish({
-        sent: true,
-        messageId: result.id,
-        text,
-        expectsReply,
-      });
-    } catch (error) {
-      if (this.completed) {
-        return;
-      }
-      this.error = errorMessage(error);
-      this.sending = false;
-      this.tui.requestRender();
-    }
-  }
-
-  private renderInputLines(row: (text?: string) => string, contentWidth: number): string[] {
-    const pendingPaste = this.paste.preview;
-    const rawLines = `${this.inputBuffer.slice(-PASTE_RENDER_TAIL_CHARS)}${pendingPaste}`.split(
-      "\n",
-    );
-    const visibleLines = rawLines.slice(-8);
-    return visibleLines.map((line, index) => {
-      const isLast = index === visibleLines.length - 1;
-      const prefix = index === 0 ? " > " : "   ";
-      let visibleLine = line;
-      if (isLast) {
-        const graphemes = Array.from(new Intl.Segmenter().segment(line), (part) => part.segment);
-        const budget = Math.max(1, contentWidth - prefix.length - 1);
-        let used = 0;
-        let start = graphemes.length;
-        while (start > 0) {
-          const width = visibleWidth(graphemes[start - 1] ?? "");
-          if (used + width > budget) {
-            break;
-          }
-          used += width;
-          start--;
-        }
-        visibleLine = graphemes.slice(start).join("");
-      }
-      return row(`${prefix}${visibleLine}${isLast ? "█" : ""}`);
-    });
-  }
-
-  render(width: number): string[] {
-    this.clear();
-    if (width < 3) {
-      return [truncateToWidth("Intercom", width)];
-    }
-    const innerWidth = Math.min(width, 72);
-    const contentWidth = Math.max(1, innerWidth - 2);
-    const send = [
-      this.options.keybindings.getKeys("tui.select.confirm").join("/"),
-      this.mode === "ask" ? "Request reply" : "Send",
-    ]
-      .filter(Boolean)
-      .join(": ");
-    const mode = `Tab: ${this.mode === "ask" ? "Send mode" : "Request-reply mode"}`;
-    const close = [this.options.keybindings.getKeys("tui.select.cancel").join("/"), "Close"]
-      .filter(Boolean)
-      .join(": ");
-    let footer: Parameters<typeof actionHints>[0] = [
-      { text: send, run: () => this.act("send") },
-      " • ",
-      { text: mode, run: () => this.act("mode") },
-      " • ",
-      { text: close, run: () => this.act("close") },
-    ];
-    if (this.sending) {
-      footer = ["Sending…"];
-    } else if (this.paste.busy) {
-      footer = ["Pasting…"];
-    }
-    const border = (text: string) => this.theme.fg("accent", text);
-    const row = (text = "") => {
-      const clipped = truncateToWidth(text, contentWidth, "…", true);
-      return `${border("│")}${clipped}${" ".repeat(Math.max(0, contentWidth - visibleWidth(clipped)))}${border("│")}`;
-    };
-
-    const lines: string[] = [];
-    lines.push(border(`╭${"─".repeat(contentWidth)}╮`));
-    lines.push(
-      row(
-        this.theme.bold(
-          ` ${this.mode === "ask" ? "Request reply" : "Send"} to: ${this.options.targetLabel}`,
-        ),
-      ),
-    );
-    lines.push(
-      row(
-        this.theme.fg(
-          "dim",
-          ` Native session cwd: ${this.options.target.cwd} • ${this.options.target.model}`,
-        ),
-      ),
-    );
-    lines.push(border(`├${"─".repeat(contentWidth)}┤`));
-    lines.push(row());
-
-    if (this.sending) {
-      lines.push(row(this.theme.fg("dim", " Sending...")));
-    } else if (this.error !== null) {
-      lines.push(row(this.theme.fg("error", ` Error: ${this.error}`)));
-      lines.push(row());
-      lines.push(...this.renderInputLines(row, contentWidth));
-    } else {
-      lines.push(...this.renderInputLines(row, contentWidth));
-    }
-
-    lines.push(row());
-    lines.push(border(`├${"─".repeat(contentWidth)}┤`));
-    this.addChild(new Text(lines.join("\n"), 0, 0));
-    const controls = new Box(1, 0, (line) => row(sliceByColumn(line, 1, contentWidth)));
-    controls.addChild(actionHints([" ", ...footer], (text) => this.theme.fg("dim", text), "…"));
-    this.addChild(controls);
-    this.addChild(new Text(border(`╰${"─".repeat(contentWidth)}╯`), 0, 0));
-    return super.render(innerWidth);
-  }
-}

package/src/pi-intercom/ui/inline-message.ts

@@ -1,110 +0,0 @@
-import {
-  type Component,
-  truncateToWidth,
-  visibleWidth,
-  wrapTextWithAnsi,
-} from "@earendil-works/pi-tui";
-import { keyText, type Theme } from "@earendil-works/pi-coding-agent";
-import type { SessionInfo, Message } from "../types.ts";
-
-export interface InlineMessageOptions {
-  readonly from: SessionInfo;
-  readonly message: Message;
-  readonly replyCommand?: string;
-  readonly bodyText?: string;
-  readonly expanded?: boolean;
-}
-
-export class InlineMessageComponent implements Component {
-  private cachedWidth?: number;
-  private cachedLines?: string[];
-  private readonly expanded: boolean;
-
-  private readonly theme: Theme;
-  private readonly options: InlineMessageOptions;
-
-  constructor(theme: Theme, options: InlineMessageOptions) {
-    this.theme = theme;
-    this.options = options;
-    this.expanded = options.expanded ?? true;
-  }
-
-  invalidate(): void {
-    this.cachedWidth = undefined;
-    this.cachedLines = undefined;
-  }
-
-  private row(line: string, width: number): string {
-    const text = truncateToWidth(line, width, "");
-    return this.theme.fg(
-      "accent",
-      `│${text}${" ".repeat(Math.max(0, width - visibleWidth(text)))}│`,
-    );
-  }
-
-  private bodyLines(width: number): string[] {
-    const body =
-      (this.options.bodyText ?? "").length > 0
-        ? (this.options.bodyText ?? "")
-        : this.options.message.content.text;
-    // Grouped results start with run, mode, status and child counts after the title.
-    const lines = this.expanded ? wrapTextWithAnsi(body, width) : body.split("\n").slice(2, 6);
-    if (!this.expanded) {
-      lines.push(this.theme.fg("dim", `${keyText("app.tools.expand")} full response`));
-    }
-    return lines;
-  }
-
-  private replyHint(width: number): string[] {
-    const command = this.options.replyCommand ?? "";
-    if (command.length === 0) {
-      return [];
-    }
-    return ["", ...wrapTextWithAnsi(this.theme.fg("dim", ` ↩ To reply: ${command}`), width)];
-  }
-
-  private footerLines(width: number): string[] {
-    const lines = this.replyHint(width);
-    const { bodyText, message } = this.options;
-    const attachments = message.content.attachments ?? [];
-    if (attachments.length > 0 && (bodyText ?? "").length === 0) {
-      lines.push("");
-      for (const attachment of attachments) {
-        lines.push(this.theme.fg("dim", ` 📎 ${attachment.name}`));
-      }
-    }
-    const replyTo = message.replyTo ?? "";
-    if (replyTo.length > 0 && message.expectsReply !== true) {
-      lines.push("", this.theme.fg("dim", ` ↳ Reply to ${replyTo.slice(0, 8)}`));
-    }
-    return lines;
-  }
-
-  render(width: number): string[] {
-    if (this.cachedLines && this.cachedWidth === width) {
-      return this.cachedLines;
-    }
-    const { from } = this.options;
-    const senderName = (from.name ?? "").length > 0 ? (from.name ?? "") : from.id.slice(0, 8);
-    let lines: string[];
-    if (width < 3) {
-      lines = [truncateToWidth(`From ${senderName}`, width)];
-    } else {
-      const bodyWidth = Math.max(1, width - 2);
-      const header = truncateToWidth(
-        ` 📨 From: ${senderName} (Native session cwd: ${from.cwd}) `,
-        bodyWidth,
-        "",
-      );
-      const padding = Math.max(0, bodyWidth - visibleWidth(header));
-      lines = [this.theme.fg("accent", `╭${header}${"─".repeat(padding)}╮`)];
-      for (const line of [...this.bodyLines(bodyWidth), ...this.footerLines(bodyWidth)]) {
-        lines.push(this.row(line, bodyWidth));
-      }
-      lines.push(this.theme.fg("accent", `╰${"─".repeat(bodyWidth)}╯`));
-    }
-    this.cachedWidth = width;
-    this.cachedLines = lines;
-    return lines;
-  }
-}

package/src/pi-intercom/ui/message-renderers.ts

@@ -1,182 +0,0 @@
-import {
-  keyText,
-  type ExtensionAPI,
-  type Theme,
-  type MessageRenderOptions,
-} from "@earendil-works/pi-coding-agent";
-import {
-  MouseRegion,
-  Text,
-  truncateToWidth,
-  visibleWidth,
-  type Component,
-} from "@earendil-works/pi-tui";
-import { InlineMessageComponent } from "./inline-message.ts";
-import { isMessage, isSessionRegistration, type Message, type SessionInfo } from "../types.ts";
-import { isRecord, isUnknownArray } from "../validation.ts";
-interface MessageDetails {
-  readonly from: SessionInfo;
-  readonly message: Message;
-  readonly replyCommand?: string;
-  readonly bodyText?: string;
-  readonly subagentCompletion?: { readonly status: string; readonly runId: string };
-}
-function completion(value: unknown): MessageDetails["subagentCompletion"] {
-  return isRecord(value) && typeof value.status === "string" && typeof value.runId === "string"
-    ? { status: value.status, runId: value.runId }
-    : undefined;
-}
-function messageDetails(value: unknown): MessageDetails | undefined {
-  if (
-    !isRecord(value) ||
-    !isRecord(value.from) ||
-    typeof value.from.id !== "string" ||
-    !isMessage(value.message)
-  ) {
-    return;
-  }
-  const id = value.from.id;
-  if (!isSessionRegistration(value.from)) {
-    return;
-  }
-  return {
-    from: { ...value.from, id },
-    message: value.message,
-    replyCommand: typeof value.replyCommand === "string" ? value.replyCommand : undefined,
-    bodyText: typeof value.bodyText === "string" ? value.bodyText : undefined,
-    subagentCompletion: completion(value.subagentCompletion),
-  };
-}
-function contentText(value: unknown): string {
-  if (typeof value === "string") {
-    return value;
-  }
-  if (!isUnknownArray(value)) {
-    return "";
-  }
-  return value
-    .filter(isRecord)
-    .filter((item) => item.type === "text")
-    .map((item) => (typeof item.text === "string" ? item.text : ""))
-    .join("\n");
-}
-function attention(details: MessageDetails): boolean {
-  return (
-    details.from.id === "subagent-control" ||
-    details.from.status === "needs_attention" ||
-    details.message.expectsReply === true ||
-    (details.replyCommand !== undefined && details.replyCommand !== "")
-  );
-}
-function preview(details: MessageDetails): string {
-  const sender =
-    details.from.name === undefined || details.from.name === ""
-      ? details.from.id.slice(0, 8)
-      : details.from.name;
-  const body =
-    details.bodyText === undefined || details.bodyText === ""
-      ? details.message.content.text
-      : details.bodyText;
-  let summary: string;
-  if (details.subagentCompletion) {
-    summary = `${details.subagentCompletion.status} [${details.subagentCompletion.runId.slice(0, 8)}]`;
-  } else if (details.from.id === "subagent-result") {
-    summary = body.split("\n").slice(2, 6).join(" · ");
-  } else {
-    summary = body.split("\n").find((line) => line.trim() !== "") ?? "(no text)";
-  }
-  return `${sender}: ${summary}`.replace(/\s+/g, " ").trim();
-}
-class CompactMessage implements Component {
-  private width: number | undefined;
-  private key: string | undefined;
-  private lines: string[] | undefined;
-  private readonly theme: Theme;
-  private readonly text: string;
-  private readonly outputPad: number;
-  constructor(theme: Theme, text: string, outputPad: number) {
-    this.theme = theme;
-    this.text = text;
-    this.outputPad = outputPad;
-  }
-  render(width: number): string[] {
-    const key = keyText("app.tools.expand");
-    if (this.lines && this.width === width && this.key === key) {
-      return this.lines;
-    }
-    const hint = key !== "" ? this.theme.fg("dim", ` · ${key}`) : "";
-    const text = `${" ".repeat(this.outputPad)}${this.theme.fg("accent", "📨 ")}${this.theme.fg("muted", this.text)}`;
-    this.width = width;
-    this.key = key;
-    this.lines = [truncateToWidth(truncateToWidth(text, width - visibleWidth(hint)) + hint, width)];
-    return this.lines;
-  }
-  invalidate(): void {
-    this.lines = undefined;
-  }
-}
-function renderContent(
-  details: MessageDetails,
-  options: Readonly<MessageRenderOptions>,
-  theme: Theme,
-  expanded: boolean,
-): Component {
-  const compact = "compactView" in options && options.compactView === true;
-  if (compact && !expanded && !attention(details)) {
-    return new CompactMessage(theme, preview(details), options.outputPad);
-  }
-  return new InlineMessageComponent(theme, {
-    from: details.from,
-    message: details.message,
-    replyCommand: details.replyCommand,
-    bodyText: details.bodyText,
-    expanded: expanded || details.from.id !== "subagent-result" || attention(details),
-  });
-}
-interface Expansion {
-  readonly expanded: boolean;
-  readonly globalExpanded: boolean;
-}
-export function registerMessageRenderers(pi: ExtensionAPI): void {
-  pi.registerMessageRenderer("subagent-human-message", (message, _options, theme) => {
-    const details = isRecord(message.details) ? message.details : undefined;
-    const body =
-      typeof details?.bodyText === "string" ? details.bodyText : contentText(message.content);
-    return new Text(`${theme.fg("accent", theme.bold("User → this agent"))}\n${body}`, 0, 0);
-  });
-  const expansion = new WeakMap<object, Expansion>();
-  pi.registerMessageRenderer("intercom_message", (message, options, theme) => {
-    const details = messageDetails(message.details);
-    if (!details) {
-      return;
-    }
-    const compact = "compactView" in options && options.compactView === true;
-    if (attention(details) || (!compact && details.from.id !== "subagent-result")) {
-      return renderContent(details, options, theme, options.expanded);
-    }
-    let state = expansion.get(message);
-    if (!state || state.globalExpanded !== options.expanded) {
-      state = { expanded: options.expanded, globalExpanded: options.expanded };
-      expansion.set(message, state);
-    }
-    let expanded = state.expanded;
-    let component = renderContent(details, options, theme, expanded);
-    return new MouseRegion(
-      {
-        render: (width) => component.render(width),
-        invalidate: () => {
-          component.invalidate();
-        },
-      },
-      (event) => {
-        if (event.type !== "click" || event.button !== "left") {
-          return;
-        }
-        expanded = !expanded;
-        expansion.set(message, { expanded, globalExpanded: options.expanded });
-        component = renderContent(details, options, theme, expanded);
-        return { handled: true };
-      },
-    );
-  });
-}