Method render

src/commands/text/repl.ts:246–285

* Layout: * ───────────────── (top border) * > input text (input line) * ───────────────── (bottom border) * /cmd1 desc (suggestions — outside input area) * /cmd2 ...

()

   *   /cmd2  ...
   */
  private render(): void {
    // Compute slash-command suggestions in real time
    const hits = this.buffer.startsWith('/')
      ? SLASH_KEYS.filter(cmd => cmd.startsWith(this.buffer))
      : [];
    const exactMatch = hits.length === 1 && hits[0] === this.buffer;
    const showSuggestions = hits.length > 0 && !exactMatch;
    const suggestionCount = showSuggestions ? hits.length : 0;
    const newTotal = 3 + suggestionCount;

    let out = '';

    // Move cursor up to the top border (cursor currently sits on input line)
    if (this.lastTotal > 0) {
      out += cursorUp(1);
    }

    out += cursorCol(1) + clearLine() + this.border() + '\n';
    out += clearLine() + '> ' + this.buffer + '\n';
    out += cursorCol(1) + clearLine() + this.border() + '\n';

    // Suggestions — rendered below the bottom border, outside the input area
    if (showSuggestions) {
      for (const cmd of hits) {
        out += clearLine() +
          `  ${this.dim}${cmd.padEnd(CMD_MAX_LEN + 2)} ${SLASH_COMMANDS[cmd]}${this.reset}\n`;
      }
    }

    if (newTotal < this.lastTotal) {
      out += clearBelow();
    }

    // Move cursor back to input line
    out += cursorUp(suggestionCount + 2);
    out += cursorCol(this.promptLen + this.cursor + 1);

    this.out.write(out);
    this.lastTotal = newTotal;
  }
}

// ---------------------------------------------------------------------------