Method _renderInput

src/tui/fullscreen.js:465–516

()

  }

  _renderInput() {
    let buf = '';
    const row = this.chatHeight + 1;
    const t = this.theme;

    // Command palette (floating above input when typing a slash command)
    if (this.commandPaletteOpen) {
      buf += this._renderCommandPalette(row);
    }

    // Thin separator line
    buf += ANSI.moveTo(row, 1);
    buf += t.border + BOX.horizontal.repeat(this.width) + ANSI.reset;

    // Input area — wraps vertically for long text
    const inputAvail = this.width - 5; // "│ > " prefix / "│   " continuation
    const inputLines = visualWrap(this.inputBuffer, inputAvail);

    // Render each wrapped line
    for (let i = 0; i < inputLines.length && i < 6; i++) {
      buf += ANSI.moveTo(row + 1 + i, 1);
      buf += t.inputBg + t.border + BOX.vertical + ANSI.reset + t.inputBg;
      if (i === 0) {
        buf += t.muted + ' > ' + ANSI.reset + t.inputBg + t.fg;
      } else {
        buf += '   ' + t.inputBg + t.fg;
      }
      buf += inputLines[i];
      const lineVisualLen = visualLength(inputLines[i]);
      buf += ' '.repeat(Math.max(0, inputAvail - lineVisualLen));
      buf += ANSI.reset;
    }

    // Clear remaining input area lines
    for (let i = inputLines.length; i < this.inputHeight - 2; i++) {
      buf += ANSI.moveTo(row + 1 + i, 1);
      buf += ' '.repeat(this.width);
    }

    // Hint line
    const hintRow = row + this.inputHeight - 1;
    buf += ANSI.moveTo(hintRow, 1);
    if (this.commandPaletteOpen) {
      buf += t.muted + '  ↑↓ navigate  enter select  esc cancel' + ANSI.reset;
    } else if (inputLines.length > 1) {
      buf += t.muted + `  ${this.inputBuffer.length} chars` + ANSI.reset;
    } else {
      buf += t.muted + '' + ANSI.reset;
    }

    return buf;
  }

  _renderCommandPalette(inputRow) {
    let buf = '';