[BUG][v0.0.7] Model picker (`model_picker.rs`): narrow-terminal footer overlap + search caret uses UTF-8 byte length

[prinrevo]

Project

cortex

Description

A — Help / legend row overlap
ModelPicker::render_help_bar in src/cortex-tui/src/widgets/model_picker.rs draws the legend (* current , + popular at fixed columns) and the shortcut string ([Enter] select [Esc] cancel [Ctrl+L] clear search) on the same row. The right block uses help_x = area.right().saturating_sub(help.len() as u16 + 1) with no guard that help_x stays strictly to the right of the legend’s last column. For small area.width, help_x moves left and overwrites the legend → garbled footer.

B — Search caret
render_search_bar sets
cursor_x = x + 3 + self.state.search_query.len() as u16.
str::len() is UTF-8 byte count, not terminal display width or grapheme count → caret misaligns for CJK, emoji, etc.

Code verification (local tree): Both behaviors are present exactly as above at the cited lines.

Error Message

Debug Logs

System Information

Cortex TUI / cortex-cli: v0.0.7 (per bounty title)
OS: Any
Terminal: width ~50–70 cols to reproduce A; UTF-8 locale for B

Screenshots

No response

Steps to Reproduce

A

1. Open model picker (e.g. Ctrl+M where supported).
2. Reduce terminal width (~50–60 columns).
3. Observe bottom row: legend and hint string collide.

B

1. Open model picker, focus search.
2. Enter multi-byte characters (e.g. 你好, emoji).
3. Observe caret vs visible glyphs.

Expected Behavior

A: Legend and hints do not overlap (wrap, truncate, hide one side, or two-line footer when width insufficient).
B: Caret position follows display width / grapheme-aware indexing (e.g. unicode-width or shared TUI helpers).

Actual Behavior

A: Single-line layout without collision detection → overlap when narrow.
B: Caret uses byte length → misalignment for non-ASCII.

Additional Context

No response

[echobt]

❌ Invalid

This issue is about cortex-tui (Terminal User Interface), NOT the Cortex IDE desktop application.

Key findings:

1. The codebase is for "Cortex" - an "Agent-Native Development CLI" tool, not a desktop IDE
2. The issue references src/cortex-tui/src/widgets/model_picker.rs - this is a terminal UI component using ratatui library
3. There is NO Tauri or Electron desktop app in this codebase - it's purely a CLI/TUI application
4. The bug describes terminal rendering issues (footer overlap in narrow terminals, UTF-8 cursor positioning)

According to the validation rules:

• We ONLY accept bugs about the VISIBLE USER INTERFACE (UI) - what a normal user can SEE and CLICK in a desktop IDE
• This is a terminal-based application, not a desktop IDE with clickable UI elements
• The bounty challenge is specifically for "Cortex IDE" bugs, which implies a desktop IDE application

Additionally, the issue has NO screenshots provided, which is required for validation.

The reported bugs (footer overlap and UTF-8 cursor misalignment) are real code issues in the TUI, but they are OUT OF SCOPE for the IDE bounty challenge.

[sungdark]

PR Submitted ✅

Fixed both bugs in a PR against CortexLM/cortex:

PR: CortexLM/cortex#222

Bug A — Legend/help overlap (narrow terminals)

File:
Fix: Added guard if help_x > legend_right + 1 before rendering the shortcut string. When width is insufficient the legend renders alone — no garbled collision.

Bug B — Caret uses byte length (CJK/emoji misalign)

File:
Fix: Replaced self.state.search_query.len() with UnicodeWidthStr::width(&self.state.search_query) — uses display width not byte count, so multi-byte characters don't misplace the caret.

Payment address for bounty: eB51DWp1uECrLZRLsE2cnyZUzfRWvzUzaJzkatTpQV9