pi-subagents-j0k3r 1.2.0 → 1.3.0

package/CHANGELOG.md

@@ -1,6 +1,11 @@
 # Changelog
 
-## Unreleased
+## 1.2.1 - 2026-07-12
+
+### Fixed
+- Stabilized `/subagents` rendering with a full-screen overlay that prevents parent-chat flicker and reserves space for the panel border.
+
+## 1.2.0 - 2026-07-12
 
 ### Added
 - Added opt-in render diagnostics with bounded JSONL logging for subagent UI and completion rendering.

package/index.ts

@@ -1,621 +1,5 @@
-import { SubagentManager } from './src/manager.js';
-import { readSubagentsConfig, subagentSourceWarnings } from './src/config.js';
-import { registerSubagentTools, triggerClaudeBackgroundHandoff } from './src/tools.js';
-import { runSubagentModelsCommand } from './src/model-profiles-ui.js';
-import { SubagentsHistoryPanel } from './src/ui.js';
-import { createSubagentsRenderLogger } from './src/render-debug.js';
-import { safeErrorMetadataDetails } from './src/error-metadata.js';
-import type { SubagentTask } from './src/types.js';
-
-type ClaudeBackgroundWidgetEntry = {
-  key: string;
-  line: string;
-};
-
-type ClaudeBackgroundTerminalAction =
-  | { type: 'focus-editor' }
-  | { type: 'open-task'; taskId: string };
-
-type ClaudeBackgroundTerminalInputResult = {
-  consume?: boolean;
-  data?: string;
-  action?: ClaudeBackgroundTerminalAction;
-} | undefined;
-
-function matchesKey(data: string, key: string): boolean {
-  const keys: Record<string, string[]> = {
-    escape: ['\u001b'],
-    'ctrl+c': ['\u0003'],
-    'ctrl+o': ['\u000f'],
-    'ctrl+w': ['\u0017'],
-    q: ['q', 'Q'],
-    up: ['\u001b[A'],
-    down: ['\u001b[B'],
-    right: ['\u001b[C'],
-    left: ['\u001b[D'],
-    pageUp: ['\u001b[5~'],
-    pageDown: ['\u001b[6~'],
-    home: ['\u001b[H', '\u001b[1~', '\u001bOH'],
-    end: ['\u001b[F', '\u001b[4~', '\u001bOF'],
-  };
-  return keys[key]?.includes(data) ?? data === key;
-}
-
-const PANEL_KEYBINDINGS: Record<string, string[]> = {
-  escape: ['app.interrupt', 'tui.select.cancel'],
-  'ctrl+c': ['tui.select.cancel'],
-  'ctrl+o': ['app.tools.expand'],
-  detailCancel: ['subagents.detail.cancel'],
-  up: ['tui.select.up', 'tui.editor.cursorUp'],
-  down: ['tui.select.down', 'tui.editor.cursorDown'],
-  right: ['tui.editor.cursorRight'],
-  left: ['tui.editor.cursorLeft'],
-  pageUp: ['tui.select.pageUp', 'tui.editor.pageUp'],
-  pageDown: ['tui.select.pageDown', 'tui.editor.pageDown'],
-  home: ['tui.editor.cursorLineStart'],
-  end: ['tui.editor.cursorLineEnd'],
-};
-
-export function createSubagentsPanelKeyMatcher(keybindings?: { matches?: (data: string, keybinding: string) => boolean }) {
-  return (data: string, key: string): boolean => {
-    const bindings = PANEL_KEYBINDINGS[key];
-    if (bindings?.some((binding) => keybindings?.matches?.(data, binding))) return true;
-    return matchesKey(data, key);
-  };
-}
-
-function visibleWidth(text: string): number {
-  return [...text.replace(/\u001b\][^\u001b\u0007]*(?:\u001b\\|\u0007)|\u001b\[[0-?]*[ -/]*[@-~]/g, '')].length;
-}
-
-function truncateToWidth(text: string, width: number): string {
-  const chars = [...text];
-  return chars.length > width ? chars.slice(0, Math.max(0, width - 1)).join('') + '…' : text;
-}
-
-function wrapLineToWidth(line: string, width: number): string[] {
-  const max = Math.max(1, width);
-  if (!line) return [''];
-  if ([...line].length <= max) return [line];
-  const out: string[] = [];
-  let current = '';
-  for (const word of line.split(/\s+/).filter(Boolean)) {
-    const wordLength = [...word].length;
-    const currentLength = [...current].length;
-    if (!current) {
-      if (wordLength <= max) {
-        current = word;
-      } else {
-        const chars = [...word];
-        for (let index = 0; index < chars.length; index += max) out.push(chars.slice(index, index + max).join(''));
-      }
-      continue;
-    }
-    if (currentLength + 1 + wordLength <= max) {
-      current += ` ${word}`;
-      continue;
-    }
-    out.push(current);
-    current = '';
-    if (wordLength <= max) {
-      current = word;
-    } else {
-      const chars = [...word];
-      for (let index = 0; index < chars.length; index += max) out.push(chars.slice(index, index + max).join(''));
-    }
-  }
-  if (current) out.push(current);
-  return out.length ? out : [''];
-}
-
-function currentSessionId(ctx: any): string | undefined {
-  const direct = ctx?.sessionManager?.getSessionId?.() ?? ctx?.sessionId;
-  if (typeof direct === 'string' && direct.length > 0) return direct;
-  const file = ctx?.sessionManager?.getSessionFile?.();
-  return typeof file === 'string' && file.length > 0 ? file : undefined;
-}
-
-function setMouseTracking(tui: any, enabled: boolean): void {
-  const write = tui?.terminal?.write?.bind(tui.terminal);
-  if (typeof write !== 'function') return;
-  write(enabled ? '\u001b[?1000h\u001b[?1006h' : '\u001b[?1006l\u001b[?1000l');
-}
-
-function subagentsPanelMouseWheelDelta(data: string): -1 | 1 | undefined {
-  const sgr = data.match(/^\u001b\[<(\d+);\d+;\d+M$/);
-  const urxvt = data.match(/^\u001b\[(\d+);\d+;\d+M$/);
-  const button = sgr || urxvt ? Number((sgr ?? urxvt)![1]) : data.startsWith('\u001b[M') && data.length >= 6 ? data.charCodeAt(3) - 32 : undefined;
-  if (button === undefined || !Number.isFinite(button) || (button & 64) === 0) return undefined;
-  return (button & 1) === 0 ? -1 : 1;
-}
-
-function classifySubagentsPanelInput(data: string, matchesPanelKey: (data: string, key: string) => boolean): { category: string; action: string } {
-  if (matchesPanelKey(data, 'escape') || matchesPanelKey(data, 'ctrl+c') || matchesPanelKey(data, 'q')) return { category: 'lifecycle', action: 'close' };
-  if (matchesPanelKey(data, 'ctrl+o') || data === '\u000f') return { category: 'display', action: 'toggle_expand' };
-  if (matchesPanelKey(data, 'detailCancel')) return { category: 'task', action: 'cancel_selected' };
-  const wheel = subagentsPanelMouseWheelDelta(data);
-  if (wheel === -1) return { category: 'scroll', action: 'up' };
-  if (wheel === 1) return { category: 'scroll', action: 'down' };
-  if (matchesPanelKey(data, 'right')) return { category: 'navigation', action: 'right' };
-  if (matchesPanelKey(data, 'left')) return { category: 'navigation', action: 'left' };
-  if (matchesPanelKey(data, 'down')) return { category: 'navigation', action: 'down' };
-  if (matchesPanelKey(data, 'up')) return { category: 'navigation', action: 'up' };
-  if (matchesPanelKey(data, 'pageDown')) return { category: 'scroll', action: 'page_down' };
-  if (matchesPanelKey(data, 'pageUp')) return { category: 'scroll', action: 'page_up' };
-  if (matchesPanelKey(data, 'home')) return { category: 'scroll', action: 'home' };
-  if (matchesPanelKey(data, 'end')) return { category: 'scroll', action: 'end' };
-  return { category: 'other', action: 'unmatched' };
-}
-
-function toolFromRegistry(registry: any, name: string): unknown {
-  if (!registry) return undefined;
-  if (typeof registry.get === 'function') return registry.get(name);
-  if (Array.isArray(registry)) return registry.find((tool) => tool?.name === name);
-  if (typeof registry === 'object') return registry[name];
-  return undefined;
-}
-
-export function resolveRegisteredToolDefinition(ctx: any, pi: any, name: string): unknown {
-  return ctx?.pi?.getToolDefinition?.(name)
-    ?? pi?.getToolDefinition?.(name)
-    ?? ctx?.getToolDefinition?.(name)
-    ?? toolFromRegistry(ctx?.pi?.tools, name)
-    ?? toolFromRegistry(pi?.tools, name)
-    ?? toolFromRegistry(ctx?.tools, name);
-}
-
-function clip(text: string | undefined, limit = 120): string {
-  if (!text) return '';
-  const normalized = text.replace(/\s+/g, ' ').trim();
-  return normalized.length > limit ? `${normalized.slice(0, Math.max(0, limit - 1))}…` : normalized;
-}
-
-function isActiveBackgroundTask(task: SubagentTask): boolean {
-  return task.mode === 'background' && (task.status === 'queued' || task.status === 'running');
-}
-
-function buildClaudeBackgroundWidgetEntries(tasks: SubagentTask[]): ClaudeBackgroundWidgetEntry[] {
-  const active = tasks.filter(isActiveBackgroundTask);
-  if (!active.length) return [];
-  return [
-    { key: 'main', line: 'main' },
-    ...active.map((task) => ({ key: task.id, line: `${task.agent} ${clip(task.last_activity ?? task.task ?? task.id)}` })),
-  ];
-}
-
-function coerceClaudeBackgroundSelection(entries: ClaudeBackgroundWidgetEntry[], selectedKey: string | undefined): string {
-  if (!entries.length) return 'main';
-  return entries.some((entry) => entry.key === selectedKey) ? selectedKey! : entries[0]!.key;
-}
-
-export function moveClaudeBackgroundWidgetSelection(tasks: SubagentTask[], selectedKey: string | undefined, direction: 'up' | 'down'): string {
-  const entries = buildClaudeBackgroundWidgetEntries(tasks);
-  if (!entries.length) return 'main';
-  const current = coerceClaudeBackgroundSelection(entries, selectedKey);
-  const index = entries.findIndex((entry) => entry.key === current);
-  const nextIndex = direction === 'down'
-    ? Math.min(index + 1, entries.length - 1)
-    : Math.max(index - 1, 0);
-  return entries[nextIndex]?.key ?? current;
-}
-
-export function renderClaudeBackgroundWidgetLines(tasks: SubagentTask[], selectedKey?: string): string[] | undefined {
-  const entries = buildClaudeBackgroundWidgetEntries(tasks);
-  if (!entries.length) return undefined;
-  const current = selectedKey === undefined ? undefined : coerceClaudeBackgroundSelection(entries, selectedKey);
-  return entries.map((entry) => `${entry.key === current ? '●' : '○'} ${entry.line}`);
-}
-
-export class ClaudeBackgroundWidgetState {
-  private selectedKey = 'main';
-  private navigationActive = false;
-
-  constructor(
-    private getTasks: () => SubagentTask[],
-    private onChange?: () => void,
-  ) {}
-
-  getSelectedKey(): string {
-    this.selectedKey = coerceClaudeBackgroundSelection(buildClaudeBackgroundWidgetEntries(this.getTasks()), this.selectedKey);
-    return this.selectedKey;
-  }
-
-  renderLines(): string[] {
-    return renderClaudeBackgroundWidgetLines(this.getTasks(), this.navigationActive ? this.getSelectedKey() : undefined) ?? [];
-  }
-
-  handleWidgetInput(data: string): void {
-    this.handleTerminalInput(data);
-  }
-
-  handleTerminalInput(data: string): ClaudeBackgroundTerminalInputResult {
-    const tasks = this.getTasks();
-    if (!tasks.some(isActiveBackgroundTask)) {
-      if (this.navigationActive || this.selectedKey !== 'main') {
-        this.selectedKey = 'main';
-        this.navigationActive = false;
-        this.onChange?.();
-      }
-      return undefined;
-    }
-
-    if (matchesKey(data, 'down')) {
-      this.navigationActive = true;
-      const next = moveClaudeBackgroundWidgetSelection(tasks, this.getSelectedKey(), 'down');
-      if (next !== this.selectedKey) {
-        this.selectedKey = next;
-        this.onChange?.();
-      }
-      return { consume: true };
-    }
-
-    if (matchesKey(data, 'up')) {
-      if (!this.navigationActive) return undefined;
-      if (this.getSelectedKey() === 'main') {
-        this.navigationActive = false;
-        this.onChange?.();
-        return { consume: true };
-      }
-      const next = moveClaudeBackgroundWidgetSelection(tasks, this.selectedKey, 'up');
-      if (next !== this.selectedKey) {
-        this.selectedKey = next;
-        this.onChange?.();
-      }
-      return { consume: true };
-    }
-
-    if (this.navigationActive && (data === '\r' || data === '\n')) {
-      const selectedKey = this.getSelectedKey();
-      this.navigationActive = false;
-      this.onChange?.();
-      if (selectedKey === 'main') return { consume: true, action: { type: 'focus-editor' } };
-      return { consume: true, action: { type: 'open-task', taskId: selectedKey } };
-    }
-
-    if (this.navigationActive && (matchesKey(data, 'left') || matchesKey(data, 'right') || matchesKey(data, 'escape'))) {
-      this.navigationActive = false;
-      this.onChange?.();
-      return { consume: true, action: { type: 'focus-editor' } };
-    }
-
-    if (this.navigationActive) return { consume: true };
-    return undefined;
-  }
-}
-
-export class ClaudeBackgroundWidget {
-  constructor(
-    private state: ClaudeBackgroundWidgetState,
-    private theme: any,
-  ) {}
-
-  invalidate(): void {}
-
-  render(width: number): string[] {
-    return this.state.renderLines().map((line) => truncateToWidth(this.decorate(line), width));
-  }
-
-  handleInput(data: string): void {
-    this.state.handleWidgetInput(data);
-  }
-
-  private decorate(line: string): string {
-    if (!line.startsWith('● ')) return line;
-    return this.theme?.fg?.('warning', this.theme?.bold?.(line) ?? line) ?? line;
-  }
-}
-
-export function completionMessage(task: any): string {
-  const result = task.result ?? task.error ?? task.output_preview ?? '(no result captured)';
-  return [
-    `Subagent ${task.agent} ${task.status}: ${task.id}`,
-    '',
-    'Read only this final response from the subagent. Do not reread the full execution transcript unless the user explicitly asks for debugging details.',
-    '',
-    '## response sent to the orchestrator',
-    '',
-    result,
-  ].join('\n');
-}
-
-function safeCompletionErrorMetadata(task: any): Record<string, unknown> | undefined {
-  if (!task?.error_metadata) return undefined;
-  return safeErrorMetadataDetails(task.error_metadata as any);
-}
-
-export function sendSubagentCompletionMessage(pi: any, task: any): void {
-  pi.sendMessage?.({
-    customType: 'subagent-completion',
-    content: completionMessage(task),
-    display: true,
-    details: {
-      full_result: task.result ?? task.error ?? task.output_preview,
-      task: {
-        id: task.id,
-        agent: task.agent,
-        status: task.status,
-        mode: task.mode,
-        model: task.model,
-        effort: task.effort,
-        usage: task.usage,
-        result: task.result,
-        error: task.error,
-        error_metadata: safeCompletionErrorMetadata(task),
-      },
-    },
-  }, {
-    triggerTurn: false,
-    deliverAs: 'steer',
-  });
-}
-
-export function renderSubagentCompletionMessage(message: any, options: any, theme: any) {
-  const details = message.details ?? {};
-  const task = details.task ?? details;
-  const status = task.status ?? 'completed';
-  const failed = status === 'failed' || status === 'cancelled';
-  const expanded = Boolean(options?.expanded);
-  const result = details.full_result ?? task.result ?? task.error ?? '';
-  const title = `[subagent] ${task.agent ?? 'subagent'} ${status}: ${task.id ?? task.task_id ?? ''}`.trim();
-  const sections: Array<{ text: string; style?: 'label' | 'status' | 'dim' | 'body' | 'heading' }> = [
-    { text: title, style: 'label' },
-    { text: `response: ${expanded ? 'expanded' : 'collapsed'}${expanded ? '' : ' · ctrl+o to expand'}`, style: expanded ? 'status' : 'dim' },
-  ];
-  if (expanded && result) {
-    sections.push(
-      { text: '─'.repeat(24), style: 'dim' },
-      { text: 'response sent to the orchestrator', style: 'heading' },
-      ...String(result).split('\n').map((line) => ({ text: line, style: 'body' as const })),
-    );
-  }
-  const color = (section: { text: string; style?: 'label' | 'status' | 'dim' | 'body' | 'heading' }, text: string) => {
-    if (section.style === 'label') return theme.fg?.(failed ? 'error' : 'customMessageLabel', text) ?? text;
-    if (section.style === 'status') return theme.fg?.(failed ? 'error' : 'success', text) ?? text;
-    if (section.style === 'dim') return theme.fg?.('dim', text) ?? text;
-    if (section.style === 'heading') return theme.fg?.('toolTitle', text) ?? text;
-    if (section.style === 'body') return theme.fg?.('customMessageText', text) ?? text;
-    return text;
-  };
-  return {
-    invalidate() {},
-    render(width: number) {
-      const blockWidth = Math.max(1, width);
-      const contentWidth = Math.max(1, blockWidth - 2);
-      return sections.flatMap((section) => wrapLineToWidth(section.text, contentWidth).map((line) => {
-        const styled = color(section, line);
-        const paddedVisibleWidth = Math.min(blockWidth, [...` ${line}`].length);
-        const rightPadding = ' '.repeat(Math.max(0, blockWidth - paddedVisibleWidth));
-        const padded = ` ${styled}${rightPadding}`;
-        return theme.bg?.('customMessageBg', padded) ?? padded;
-      }));
-    },
-  };
-}
-
-export default function subagentsExtension(pi: any): void {
-  pi.registerMessageRenderer?.('subagent-completion', renderSubagentCompletionMessage);
-  const manager = new SubagentManager(undefined, undefined, (task) => {
-    sendSubagentCompletionMessage(pi, task);
-  });
-  registerSubagentTools(pi, manager);
-
-  let widgetTimer: NodeJS.Timeout | undefined;
-  let widgetCtx: any;
-  let widgetRequestRender: (() => void) | undefined;
-  let removeTerminalInputListener: (() => void) | undefined;
-  let widgetState: ClaudeBackgroundWidgetState | undefined;
-  let widgetInputSuspended = false;
-  let activePanelCancelSelected: (() => void) | undefined;
-  let activePanelRequestRender: (() => void) | undefined;
-
-  const installClaudeBackgroundWidget = (ctx: any): boolean => {
-    if (typeof ctx?.ui?.setWidget !== 'function') return false;
-    const cwd = ctx?.cwd ?? process.cwd();
-    const config = readSubagentsConfig(cwd);
-    if (config.mode !== 'claude') {
-      ctx.ui.setWidget('subagents-claude-background', undefined);
-      return false;
-    }
-    const sessionId = currentSessionId(ctx);
-    widgetState = new ClaudeBackgroundWidgetState(
-      () => manager.listSessionTasks(cwd, sessionId).slice(0, 100),
-      () => widgetRequestRender?.(),
-    );
-    if (typeof ctx?.ui?.onTerminalInput === 'function') {
-      removeTerminalInputListener = ctx.ui.onTerminalInput((data: string) => {
-        if (widgetInputSuspended) return undefined;
-        const result = widgetState?.handleTerminalInput(data);
-        if (result?.action?.type === 'open-task' && widgetCtx) void showSubagentsPanel(widgetCtx, result.action.taskId);
-        return result;
-      });
-    }
-    ctx.ui.setWidget('subagents-claude-background', (tui: any, theme: any) => {
-      widgetRequestRender = () => tui?.requestRender?.();
-      return new ClaudeBackgroundWidget(widgetState!, theme);
-    }, { placement: 'belowEditor' });
-    return true;
-  };
-
-  const clearClaudeBackgroundWidget = () => {
-    if (widgetTimer) clearInterval(widgetTimer);
-    widgetTimer = undefined;
-    widgetRequestRender = undefined;
-    removeTerminalInputListener?.();
-    removeTerminalInputListener = undefined;
-    widgetState = undefined;
-    widgetInputSuspended = false;
-    widgetCtx?.ui?.setWidget?.('subagents-claude-background', undefined);
-    widgetCtx = undefined;
-  };
-
-  pi.on?.('session_start', (_event: unknown, ctx: any) => {
-    clearClaudeBackgroundWidget();
-    const cwd = ctx?.cwd ?? process.cwd();
-    for (const warning of subagentSourceWarnings(cwd)) ctx?.ui?.notify?.(warning, 'warning');
-    if (typeof ctx?.ui?.setWidget !== 'function') return;
-    widgetCtx = ctx;
-    if (!installClaudeBackgroundWidget(ctx)) return;
-    widgetTimer = setInterval(() => widgetRequestRender?.(), 250);
-    widgetTimer.unref?.();
-  });
-
-  pi.on?.('session_shutdown', () => {
-    clearClaudeBackgroundWidget();
-  });
-
-  async function showSubagentsPanel(ctx: any, selectedTaskId?: string) {
-    const cwd = ctx?.cwd ?? process.cwd();
-    const sessionId = currentSessionId(ctx);
-    let refresh: NodeJS.Timeout | undefined;
-    widgetInputSuspended = true;
-    try {
-      await ctx.ui.custom(
-      (tui: any, theme: any, _keybindings: any, done: () => void) => {
-        setMouseTracking(tui, true);
-        const config = readSubagentsConfig(cwd);
-        const renderLogger = createSubagentsRenderLogger({ cwd, sessionId, config: config.render_debug });
-        let nextRenderReason = 'initial';
-        let renderCycle = 0;
-        const close = () => {
-          if (refresh) clearInterval(refresh);
-          renderLogger.log({ event: 'panel_disposed' });
-          setMouseTracking(tui, false);
-          done();
-        };
-        const baseMatchesKey = createSubagentsPanelKeyMatcher(_keybindings);
-        const panel = new SubagentsHistoryPanel(
-          () => manager.listSessionTasks(cwd, sessionId).slice(0, 100),
-          theme,
-          close,
-          (data: string, key: string) => {
-            if (key !== 'detailCancel') return baseMatchesKey(data, key);
-            const detailShortcut = config.detail_cancel_shortcut ?? 'x';
-            return baseMatchesKey(data, detailShortcut)
-              || baseMatchesKey(data, 'detailCancel')
-              || (detailShortcut === 'ctrl+w' && _keybindings?.matches?.(data, 'tui.editor.deleteWordBackward'));
-          },
-          visibleWidth,
-          truncateToWidth,
-          {
-            theme,
-            tui,
-            cwd,
-            visibleWidth,
-            truncateToWidth,
-            getToolDefinition: (name: string) => resolveRegisteredToolDefinition(ctx, pi, name),
-            getMessageRenderer: (customType: string) => ctx?.pi?.getMessageRenderer?.(customType) ?? ctx?.pi?.customMessageRenderers?.get?.(customType) ?? ctx?.customMessageRenderers?.get?.(customType),
-            showImages: ctx?.showImages,
-            imageWidthCells: ctx?.imageWidthCells,
-          },
-          () => Math.max(12, process.stdout.rows || 42),
-          (id: string) => manager.getTask(id, cwd),
-          selectedTaskId,
-          (id: string) => manager.cancel(id, 'cancelled from subagents detail view'),
-          config.detail_cancel_shortcut ?? 'x',
-        );
-        renderLogger.log({ event: 'panel_created' });
-        renderLogger.log({ event: 'render_requested', reason: nextRenderReason });
-        activePanelCancelSelected = () => panel.cancelSelectedActiveTask();
-        activePanelRequestRender = () => {
-          nextRenderReason = 'external';
-          renderLogger.log({ event: 'render_requested', reason: nextRenderReason });
-          tui.requestRender?.();
-        };
-        refresh = setInterval(() => {
-          nextRenderReason = 'interval';
-          renderLogger.log({ event: 'render_requested', reason: nextRenderReason });
-          tui.requestRender?.();
-        }, 1000);
-        return {
-          render: (width: number) => {
-            const reason = nextRenderReason;
-            const currentRenderCycle = ++renderCycle;
-            renderLogger.log({
-              event: 'render_started',
-              reason,
-              renderCycle: currentRenderCycle,
-              dimensions: {
-                stdoutColumns: process.stdout.columns,
-                stdoutRows: process.stdout.rows,
-                renderWidth: width,
-              },
-            });
-            const startedAt = process.hrtime.bigint();
-            const lines = panel.render(width);
-            const durationMs = Number(process.hrtime.bigint() - startedAt) / 1_000_000;
-            renderLogger.log({
-              event: 'render_completed',
-              reason,
-              renderCycle: currentRenderCycle,
-              durationMs,
-              dimensions: {
-                stdoutColumns: process.stdout.columns,
-                stdoutRows: process.stdout.rows,
-                renderWidth: width,
-              },
-              state: panel.getRenderDebugState(),
-            });
-            nextRenderReason = 'external';
-            return lines;
-          },
-          invalidate: () => panel.invalidate(),
-          handleInput: (data: string) => {
-            renderLogger.log({ event: 'input_received', input: classifySubagentsPanelInput(data, baseMatchesKey) });
-            nextRenderReason = 'input';
-            renderLogger.log({ event: 'render_requested', reason: nextRenderReason });
-            panel.handleInput(data);
-            tui.requestRender?.();
-          },
-        };
-      },
-      undefined,
-    );
-    } finally {
-      activePanelCancelSelected = undefined;
-      activePanelRequestRender = undefined;
-      widgetInputSuspended = false;
-    }
-  }
-
-  const historyPanelShortcut = readSubagentsConfig(process.cwd()).history_panel_shortcut ?? 'ctrl+,';
-  pi.registerShortcut?.(historyPanelShortcut, {
-    description: 'Show subagent history panel',
-    handler: async (ctx: any) => {
-      const cwd = ctx?.cwd ?? process.cwd();
-      if (readSubagentsConfig(cwd).mode === 'claude') return;
-      await showSubagentsPanel(ctx);
-    },
-  });
-
-  const detailCancelShortcut = readSubagentsConfig(process.cwd()).detail_cancel_shortcut ?? 'x';
-  if (detailCancelShortcut.startsWith('ctrl+')) {
-    pi.registerShortcut?.(detailCancelShortcut, {
-      description: 'Cancel selected running subagent from the active subagents detail panel',
-      handler: async () => {
-        activePanelCancelSelected?.();
-        activePanelRequestRender?.();
-      },
-    });
-  }
-
-  const backgroundHandoffShortcut = readSubagentsConfig(process.cwd()).background_handoff_shortcut ?? 'ctrl+h';
-  pi.registerShortcut?.(backgroundHandoffShortcut, {
-    description: 'Send running claude subagent task to background',
-    handler: async (ctx: any) => {
-      const cwd = ctx?.cwd ?? process.cwd();
-      if (readSubagentsConfig(cwd).mode !== 'claude') return;
-      triggerClaudeBackgroundHandoff();
-    },
-  });
-
-  pi.registerCommand?.('subagents', {
-    description: 'Show subagent history panel',
-    handler: async (_args: string, ctx: any) => showSubagentsPanel({ ...ctx, pi }),
-  });
-
-  pi.registerCommand?.('subagent-models', {
-    description: 'Configure subagent and SDD phase model profiles',
-    handler: async (_args: string, ctx: any) => runSubagentModelsCommand({ ...ctx, pi }),
-  });
-
-}
+export { createSubagentsPanelKeyMatcher } from './src/ui/panel-input.js';
+export { resolveRegisteredToolDefinition } from './src/ui/panel-overlay.js';
+export { ClaudeBackgroundWidget, ClaudeBackgroundWidgetState, moveClaudeBackgroundWidgetSelection, renderClaudeBackgroundWidgetLines } from './src/ui/background-widget.js';
+export { completionMessage, renderSubagentCompletionMessage, sendSubagentCompletionMessage } from './src/render/completion-message.js';
+export { default } from './src/extension/subagents-extension.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-subagents-j0k3r",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Installable Pi package that adds markdown-defined subagents, delegated task tools, history, and model profiles.",
   "type": "module",
   "license": "MIT",