@pellux/goodvibes-tui 1.0.0 → 1.7.0

package/src/panels/session-browser-panel.ts

@@ -1,487 +0,0 @@
-// ---------------------------------------------------------------------------
-// SessionBrowserPanel — browse, search, and resume old sessions.
-// ---------------------------------------------------------------------------
-
-import type { Line } from '../types/grid.ts';
-import { BasePanel } from './base-panel.ts';
-import type { PanelIntegrationContext } from './types.ts';
-import type { SessionInfo } from '@pellux/goodvibes-sdk/platform/sessions';
-import { logger } from '@pellux/goodvibes-sdk/platform/utils';
-import type { SessionBrowserQuery } from '../runtime/ui-service-queries.ts';
-import {
-  buildEmptyState,
-  buildKeyboardHints,
-  buildPanelLine,
-  buildSearchInputLine,
-  buildStyledPanelLine,
-  buildPanelWorkspace,
-  resolveScrollablePanelSection,
-  DEFAULT_PANEL_PALETTE,
-  extendPalette,
-  type PanelWorkspaceSection,
-} from './polish.ts';
-import { fitDisplay, truncateDisplay } from '../utils/terminal-width.ts';
-import { summarizeError } from '@pellux/goodvibes-sdk/platform/utils';
-import {
-  getPanelSearchFocusTransition,
-  isPanelSearchBackspace,
-  isPanelSearchCancel,
-  isPanelSearchCommit,
-  isPanelSearchPrintable,
-} from './search-focus.ts';
-import { type ConfirmState, handleConfirmInput } from './confirm-state.ts';
-
-// Panel-specific extras only; shared tones come from DEFAULT_PANEL_PALETTE so
-// theme changes propagate. `selected` is a deliberate bright-cyan cursor accent
-// and the date/model/count column tints have no clean shared equivalent.
-const C = extendPalette(DEFAULT_PANEL_PALETTE, {
-  selected: '#00ffff',
-  dateFg:   '#6699aa',
-  modelFg:  '#99aacc',
-  countFg:  '#88bbcc',
-});
-
-// Splits a computed '/command arg1 arg2' string into the { name, args } shape
-// ctx.executeCommand expects — same leading-slash-stripping approach used by
-// remote-panel.ts for its own dispatched command.
-function parseCommand(command: string): { name: string; args: string[] } | null {
-  const parts = command.replace(/^\//, '').split(/\s+/).filter(Boolean);
-  const [name, ...args] = parts;
-  return name ? { name, args } : null;
-}
-
-function shortDate(ts: number): string {
-  const d = new Date(ts);
-  const Y = d.getFullYear();
-  const M = String(d.getMonth() + 1).padStart(2, '0');
-  const D = String(d.getDate()).padStart(2, '0');
-  const h = String(d.getHours()).padStart(2, '0');
-  const m = String(d.getMinutes()).padStart(2, '0');
-  return `${Y}-${M}-${D} ${h}:${m}`;
-}
-
-function formatReturnContextLines(returnContext: SessionInfo['returnContext']): string[] {
-  if (!returnContext) return [];
-  const lines: string[] = [];
-  if (returnContext.activityLabel) lines.push(`activity: ${returnContext.activityLabel}`);
-  if (returnContext.statusLabel) lines.push(`status: ${returnContext.statusLabel}`);
-  if (returnContext.activeTasks || returnContext.blockedTasks || returnContext.pendingApprovals) {
-    lines.push(`tasks: active=${returnContext.activeTasks ?? 0} blocked=${returnContext.blockedTasks ?? 0} approvals=${returnContext.pendingApprovals ?? 0}`);
-  }
-  if (returnContext.remoteRunners?.length) {
-    lines.push(`remote runners: ${returnContext.remoteRunners.join(', ')}`);
-  }
-  if (returnContext.worktreePaths?.length) {
-    lines.push(`worktrees: ${returnContext.worktreePaths.join(', ')}`);
-  }
-  if (returnContext.openPanels?.length) {
-    lines.push(`open panels: ${returnContext.openPanels.join(', ')}`);
-  }
-  return lines;
-}
-
-// ---------------------------------------------------------------------------
-// Confirmation state for deletion
-// ---------------------------------------------------------------------------
-// ConfirmState<string> — subject holds the session name to delete
-
-export class SessionBrowserPanel extends BasePanel {
-  private sessions: SessionInfo[] = [];
-  private filtered: SessionInfo[] = [];
-  private searchQuery = '';
-  private searching = false; // true when user is actively typing a search
-  private cursorIndex = 0;
-  private scrollOffset = 0;
-  private confirm: ConfirmState<string> | null = null;
-  private deleteError = '';
-  private loadError = '';
-  private hasLoaded = false;
-  private refreshTimerId: ReturnType<typeof setInterval> | null = null;
-  // x = dispatch the computed next-step command ('/remote recover <runner>'
-  // or '/session resume <name>') via the same handleInput -> handlePanelIntegrationAction
-  // bridge remote-panel.ts uses — handleInput has no ctx.executeCommand.
-  private pendingCommand: { name: string; args: string[] } | null = null;
-  // On resume, restore any panels the session had open when it was saved.
-  private pendingOpenPanels: string[] | null = null;
-
-  constructor(
-    private readonly sessionManager: SessionBrowserQuery,
-    private resumeSession?: (sessionId: string) => void,
-  ) {
-    super('sessions', 'Sessions', 'H', 'session');
-  }
-
-  override onActivate(): void {
-    super.onActivate();
-    this._load();
-    this.refreshTimerId = this.registerTimer(setInterval(() => { this._load(); }, 5000));
-  }
-
-  /**
-   * Clears any active search/filter and moves the cursor to the session
-   * matching `sessionId` (SessionInfo.name) so a sibling panel (e.g.
-   * RoutesPanel's Enter-on-binding jump) can land directly on it. No-ops
-   * (beyond clearing the filter) if the session isn't found.
-   */
-  focusSession(sessionId: string): void {
-    this.searching = false;
-    this.searchQuery = '';
-    this._filter();
-    const index = this.filtered.findIndex((session) => session.name === sessionId);
-    if (index >= 0) this.cursorIndex = index;
-    this.markDirty();
-  }
-
-  override onDeactivate(): void {
-    if (this.refreshTimerId !== null) { this.clearTimer(this.refreshTimerId); this.refreshTimerId = null; }
-    this.searching = false;
-    this.confirm = null;
-    super.onDeactivate();
-  }
-
-  handleInput(key: string): boolean {
-    // Confirmation dialog — use shared handleConfirmInput for y/n/Esc UX
-    const confirmResult = handleConfirmInput(this.confirm, key);
-    if (confirmResult === 'confirmed') {
-      this._deleteConfirmed();
-      return true;
-    }
-    if (confirmResult === 'cancelled') {
-      this.confirm = null;
-      this.markDirty();
-      return true;
-    }
-    if (confirmResult === 'absorbed') return true;
-
-    // Search mode
-    if (this.searching) {
-      const transition = getPanelSearchFocusTransition(key, { selectedIndex: this.cursorIndex, itemCount: this.filtered.length });
-      if (transition === 'focus-list') {
-        this.searching = false;
-        this.cursorIndex = 0;
-        this.markDirty();
-        return true;
-      }
-      if (isPanelSearchCancel(key) || isPanelSearchCommit(key)) {
-        this.searching = false;
-        this.markDirty();
-        return true;
-      }
-      if (isPanelSearchBackspace(key)) {
-        this.searchQuery = this.searchQuery.slice(0, -1);
-        this._filter();
-        return true;
-      }
-      if (isPanelSearchPrintable(key)) {
-        this.searchQuery += key;
-        this._filter();
-        return true;
-      }
-      return false;
-    }
-
-    const transition = getPanelSearchFocusTransition(key, { selectedIndex: this.cursorIndex, itemCount: this.filtered.length });
-    if (transition === 'focus-search') {
-      this._startSearch();
-      return true;
-    }
-
-    switch (key) {
-      case 'up':       this._move(-1);      return true;
-      case 'down':     this._move(1);       return true;
-      case 'pageup':   this._move(-10);     return true;
-      case 'pagedown': this._move(10);      return true;
-      case 'return':   this._resume();      return true;
-      case 'd':        this._promptDelete(); return true;
-      case 'r':        this._load();        return true;
-      case 'x':        this._dispatchNextStep(); return true;
-      default:         return false;
-    }
-  }
-
-  /**
-   * Drains `pendingCommand` (set by the 'x' key) and `pendingOpenPanels`
-   * (set by `_resume()`) via the ctx.executeCommand / PanelManager bridge.
-   * Called by the input router immediately after handleInput() consumes the
-   * same key (panel-integration-actions.ts's onPanelInputConsumed).
-   */
-  handlePanelIntegrationAction(_key: string, ctx: PanelIntegrationContext): boolean {
-    let consumed = false;
-    if (this.pendingCommand) {
-      const { name, args } = this.pendingCommand;
-      this.pendingCommand = null;
-      void ctx.executeCommand?.(name, args);
-      consumed = true;
-    }
-    if (this.pendingOpenPanels) {
-      const openPanels = this.pendingOpenPanels;
-      this.pendingOpenPanels = null;
-      for (const panelId of openPanels) ctx.panelManager.open(panelId);
-      consumed = true;
-    }
-    return consumed;
-  }
-
-  render(width: number, height: number): Line[] {
-    if (height <= 0 || width <= 0) return [];
-    const intro = 'Browse, search, resume, and prune saved conversations.';
-
-    // Lazily load on first render so the panel works even when rendered without
-    // onActivate(). The session list is a synchronous source, so this resolves
-    // immediately rather than flashing a loading screen.
-    if (!this.hasLoaded) this._load();
-
-    const count = this.filtered.length;
-    const total = this.sessions.length;
-    const hasSelection = this.filtered.length > 0;
-    // Search/status line — surfaces the active query or any error.
-    const searchLine = this.searching
-      ? ` Search: ${this.searchQuery}_`
-      : this.loadError
-      ? ` Error: ${this.loadError}`
-      : this.deleteError
-      ? ` Error: ${this.deleteError}`
-      : this.searchQuery
-      ? ` Filter: ${this.searchQuery}`
-      : ` (no filter)`;
-    const statusFg = this.loadError || this.deleteError ? DEFAULT_PANEL_PALETTE.bad : this.searching ? DEFAULT_PANEL_PALETTE.info : DEFAULT_PANEL_PALETTE.dim;
-    // Context-aware hints: only advertise keys that work in the current state.
-    const hints: Array<{ keys: string; label: string }> = [];
-    if (this.searching) {
-      hints.push({ keys: 'type', label: 'filter' }, { keys: 'Esc/Enter', label: 'apply' });
-    } else {
-      hints.push({ keys: '/', label: this.searchQuery ? 'edit search' : 'search' });
-      if (hasSelection) hints.push({ keys: 'Enter', label: 'resume' }, { keys: 'x', label: 'run next step' }, { keys: 'd', label: 'delete' });
-      hints.push({ keys: 'r', label: 'refresh' });
-    }
-    const footerLines = [
-      buildSearchInputLine(width, '', searchLine.trimStart(), DEFAULT_PANEL_PALETTE, { active: this.searching, valueColor: statusFg }),
-      buildKeyboardHints(width, hints, DEFAULT_PANEL_PALETTE),
-    ];
-
-    if (this.confirm) {
-      return buildPanelWorkspace(width, height, {
-        title: ` Sessions [${count}/${total}]`,
-        intro,
-        sections: [
-          {
-            title: 'Confirmation',
-            lines: [
-              buildPanelLine(width, [[` Delete "${this.confirm.subject}"?`, DEFAULT_PANEL_PALETTE.warn]]),
-              buildPanelLine(width, [[' y', DEFAULT_PANEL_PALETTE.info], ['  confirm delete', DEFAULT_PANEL_PALETTE.dim], ['   n / Esc', DEFAULT_PANEL_PALETTE.info], ['  cancel', DEFAULT_PANEL_PALETTE.dim]]),
-            ],
-          },
-        ],
-        footerLines,
-        palette: DEFAULT_PANEL_PALETTE,
-      });
-    }
-
-    if (this.filtered.length === 0) {
-      const emptyTitle = this.searchQuery ? ` No sessions match "${this.searchQuery}"` : ' No sessions found';
-      const emptyBody = this.searchQuery
-        ? 'Clear or change the current filter to surface saved conversations again.'
-        : 'Conversations are saved automatically. Once you have saved sessions, they appear here for review and resume.';
-      const emptyActions = this.searchQuery
-        ? [{ command: 'Esc', summary: 'clear the filter and show all sessions' }]
-        : [{ command: '/session save', summary: 'name and persist the current conversation' }];
-      return buildPanelWorkspace(width, height, {
-        title: ` Sessions [${count}/${total}]`,
-        intro,
-        sections: [
-          {
-            lines: buildEmptyState(width, emptyTitle, emptyBody, emptyActions, DEFAULT_PANEL_PALETTE),
-          },
-        ],
-        footerLines,
-        palette: DEFAULT_PANEL_PALETTE,
-      });
-    }
-
-    this.cursorIndex = Math.max(0, Math.min(this.cursorIndex, this.filtered.length - 1));
-    const summary: PanelWorkspaceSection = {
-      title: 'Summary',
-      lines: [
-        buildPanelLine(width, [
-          [' Sessions ', DEFAULT_PANEL_PALETTE.label],
-          [String(total), DEFAULT_PANEL_PALETTE.value],
-          ['   Visible ', DEFAULT_PANEL_PALETTE.label],
-          [String(count), DEFAULT_PANEL_PALETTE.info],
-          ['   Search ', DEFAULT_PANEL_PALETTE.label],
-          [this.searchQuery || 'none', this.searchQuery ? DEFAULT_PANEL_PALETTE.warn : DEFAULT_PANEL_PALETTE.dim],
-        ]),
-      ],
-    };
-
-    const selected = this.filtered[this.cursorIndex];
-    const selectedSection: PanelWorkspaceSection = selected
-      ? {
-          title: 'Selected',
-          lines: [
-            buildPanelLine(width, [[' Title ', DEFAULT_PANEL_PALETTE.label], [selected.title || selected.name || '(untitled)', DEFAULT_PANEL_PALETTE.value]]),
-            buildPanelLine(width, [[' Model ', DEFAULT_PANEL_PALETTE.label], [selected.model || 'unknown', DEFAULT_PANEL_PALETTE.info], ['   Title ', DEFAULT_PANEL_PALETTE.label], [selected.titleSource === 'user' ? 'user-set' : 'system', selected.titleSource === 'user' ? DEFAULT_PANEL_PALETTE.good : DEFAULT_PANEL_PALETTE.dim]]),
-            buildPanelLine(width, [[' Date ', DEFAULT_PANEL_PALETTE.label], [shortDate(selected.timestamp), DEFAULT_PANEL_PALETTE.value], ['   Messages ', DEFAULT_PANEL_PALETTE.label], [String(selected.messageCount), DEFAULT_PANEL_PALETTE.value]]),
-            buildPanelLine(width, [
-              [' Tasks ', DEFAULT_PANEL_PALETTE.label],
-              [String(selected.returnContext?.activeTasks ?? 0), (selected.returnContext?.activeTasks ?? 0) > 0 ? DEFAULT_PANEL_PALETTE.info : DEFAULT_PANEL_PALETTE.dim],
-              ['   Blocked ', DEFAULT_PANEL_PALETTE.label],
-              [String(selected.returnContext?.blockedTasks ?? 0), (selected.returnContext?.blockedTasks ?? 0) > 0 ? DEFAULT_PANEL_PALETTE.warn : DEFAULT_PANEL_PALETTE.dim],
-              ['   Approvals ', DEFAULT_PANEL_PALETTE.label],
-              [String(selected.returnContext?.pendingApprovals ?? 0), (selected.returnContext?.pendingApprovals ?? 0) > 0 ? DEFAULT_PANEL_PALETTE.warn : DEFAULT_PANEL_PALETTE.dim],
-            ]),
-            buildPanelLine(width, [
-              [' Remote ', DEFAULT_PANEL_PALETTE.label],
-              [String(selected.returnContext?.remoteRunners?.length ?? 0), (selected.returnContext?.remoteRunners?.length ?? 0) > 0 ? DEFAULT_PANEL_PALETTE.info : DEFAULT_PANEL_PALETTE.dim],
-              ['   Worktrees ', DEFAULT_PANEL_PALETTE.label],
-              [String(selected.returnContext?.worktreePaths?.length ?? 0), (selected.returnContext?.worktreePaths?.length ?? 0) > 0 ? DEFAULT_PANEL_PALETTE.info : DEFAULT_PANEL_PALETTE.dim],
-              ['   Panels ', DEFAULT_PANEL_PALETTE.label],
-              [String(selected.returnContext?.openPanels?.length ?? 0), (selected.returnContext?.openPanels?.length ?? 0) > 0 ? DEFAULT_PANEL_PALETTE.good : DEFAULT_PANEL_PALETTE.dim],
-            ]),
-            ...formatReturnContextLines(selected.returnContext).map((line) =>
-              buildPanelLine(width, [[' ', DEFAULT_PANEL_PALETTE.dim], [truncateDisplay(line, Math.max(0, width - 2)), DEFAULT_PANEL_PALETTE.dim]])
-            ),
-            buildPanelLine(width, [[' Next ', DEFAULT_PANEL_PALETTE.label], [this._computeNextStepCommand(selected), DEFAULT_PANEL_PALETTE.dim], ['   (x to run)', DEFAULT_PANEL_PALETTE.dim]]),
-          ],
-        }
-      : { title: 'Selected', lines: [] };
-
-    const sessionsSection = resolveScrollablePanelSection(width, height, {
-      intro,
-      footerLines,
-      palette: DEFAULT_PANEL_PALETTE,
-      beforeSections: [summary],
-      section: {
-        title: 'Sessions',
-        scrollableLines: this.filtered.map((sess, index) =>
-          this._renderSession(width, sess, index === this.cursorIndex),
-        ),
-        selectedIndex: this.cursorIndex,
-        scrollOffset: this.scrollOffset,
-        minRows: 6,
-      },
-      afterSections: [selectedSection],
-    });
-    this.scrollOffset = sessionsSection.scrollOffset;
-
-    return buildPanelWorkspace(width, height, {
-      title: ` Sessions [${count}/${total}]`,
-      intro,
-      sections: [
-        summary,
-        sessionsSection.section,
-        selectedSection,
-      ],
-      footerLines,
-      palette: DEFAULT_PANEL_PALETTE,
-    });
-  }
-
-  private _renderSession(width: number, sess: SessionInfo, isCursor: boolean): Line {
-    const bg = isCursor ? C.selectBg : '';
-    const date = shortDate(sess.timestamp);
-    const cnt = String(sess.messageCount).padStart(3) + 'm ';
-    const model = fitDisplay(sess.model || 'unknown', 18) + ' ';
-    const prefixLength = 1 + 16 + 1 + 4 + 19;
-    const title = truncateDisplay(sess.title || sess.name || '(untitled)', Math.max(0, width - prefixLength));
-    return buildStyledPanelLine(width, [
-      { text: isCursor ? '▸' : ' ', fg: C.selected, bg, bold: isCursor },
-      { text: date, fg: C.dateFg, bg },
-      { text: ' ', fg: C.value, bg },
-      { text: cnt, fg: C.countFg, bg },
-      { text: model, fg: C.modelFg, bg },
-      { text: title, fg: isCursor ? C.selected : C.value, bg, bold: isCursor },
-    ]);
-  }
-
-  private _load(): void {
-    try {
-      this.sessions = this.sessionManager.list();
-      this._filter();
-      this.loadError = '';
-      this.hasLoaded = true;
-      this.markDirty();
-    } catch (e) {
-      logger.debug('SessionBrowserPanel._load failed', { error: summarizeError(e) });
-      this.loadError = 'Failed to load sessions';
-      this.hasLoaded = true;
-      this.markDirty();
-    }
-  }
-
-  private _filter(): void {
-    if (!this.searchQuery.trim()) {
-      this.filtered = [...this.sessions];
-    } else {
-      const q = this.searchQuery.toLowerCase();
-      try {
-        const results = this.sessionManager.search(q);
-        const names = new Set(results.map(r => r.session.name));
-        this.filtered = this.sessions.filter(s => names.has(s.name));
-      } catch (e) {
-        logger.debug('SessionBrowserPanel._filter search failed, falling back', { error: summarizeError(e) });
-        this.filtered = this.sessions.filter(s =>
-          (s.title || '').toLowerCase().includes(q) ||
-          (s.model || '').toLowerCase().includes(q) ||
-          s.name.toLowerCase().includes(q)
-        );
-      }
-    }
-    this.cursorIndex = Math.min(this.cursorIndex, Math.max(0, this.filtered.length - 1));
-    this.markDirty();
-  }
-
-  private _startSearch(): void {
-    this.searching = true;
-    this.markDirty();
-  }
-
-  private _move(delta: number): void {
-    if (this.filtered.length === 0) return;
-    this.cursorIndex = Math.max(0, Math.min(this.filtered.length - 1, this.cursorIndex + delta));
-    this.markDirty();
-  }
-
-  private _resume(): void {
-    const sess = this.filtered[this.cursorIndex];
-    if (!sess) return;
-    if (sess.returnContext?.openPanels?.length) {
-      this.pendingOpenPanels = [...sess.returnContext.openPanels];
-    }
-    this.resumeSession?.(sess.name);
-  }
-
-  /** The next-step command shown in the 'Selected' section and dispatched by 'x'. */
-  private _computeNextStepCommand(sess: SessionInfo): string {
-    const runner = sess.returnContext?.remoteRunners?.[0];
-    return runner ? `/remote recover ${runner}` : `/session resume ${sess.name}`;
-  }
-
-  private _dispatchNextStep(): void {
-    const sess = this.filtered[this.cursorIndex];
-    if (!sess) return;
-    const parsed = parseCommand(this._computeNextStepCommand(sess));
-    if (parsed) this.pendingCommand = parsed;
-  }
-
-  private _promptDelete(): void {
-    const sess = this.filtered[this.cursorIndex];
-    if (!sess) return;
-    this.confirm = { subject: sess.name, label: sess.name };
-    this.markDirty();
-  }
-
-  private _deleteConfirmed(): void {
-    if (!this.confirm) return;
-    const name = this.confirm.subject;
-    this.confirm = null;
-    try {
-      this.sessionManager.delete(name);
-      this.deleteError = '';
-      this._load();
-    } catch (e) {
-      logger.debug('SessionBrowserPanel._deleteConfirmed failed', { error: summarizeError(e) });
-      this.deleteError = `Delete failed: ${name}`;
-    }
-    this.markDirty();
-  }
-}