Skip to content

Scrollable detail panels for Models and Benchmarks tabs#22

Merged
arimxyer merged 3 commits intomainfrom
ui-tweaks
Mar 20, 2026
Merged

Scrollable detail panels for Models and Benchmarks tabs#22
arimxyer merged 3 commits intomainfrom
ui-tweaks

Conversation

@arimxyer
Copy link
Copy Markdown
Owner

Summary

  • Models tab: detail panel (right column) is now navigable and scrollable — h/l/Tab cycles through Providers → Models → Details, with j/k/g/G/Ctrl+d/Ctrl+u for scrolling
  • Benchmarks tab: detail panel in browse mode is now navigable and scrollable — h/l/Tab cycles through Creators → List → Details
  • Both panels show Cyan focus borders, scrollbars, and auto-reset scroll on selection change

Changes

Test plan

  • mise run clippy passes clean
  • All 256 tests pass
  • Verify Models tab: focus cycles through 3 panels, detail scrolls when focused
  • Verify Benchmarks browse mode: focus cycles through 3 panels, detail scrolls when focused
  • Verify Benchmarks compare mode: focus toggle between list/compare unchanged
  • Verify scroll resets when changing selected model/benchmark

🤖 Generated with Claude Code

arimxyer and others added 3 commits March 20, 2026 14:44
Add Focus::Details to the Models tab, allowing users to navigate to the
detail panel with h/l/Tab and scroll its content with j/k/g/G/Ctrl+d/u.

- Add ScrollOffset-based detail_scroll to ModelsApp
- Replace SwitchFocus with directional FocusModelLeft/FocusModelRight
- Refactor draw_model_detail from fixed Layout+Tables to Vec<Line> +
  ScrollablePanel for scrollable, focus-aware rendering
- Reset detail scroll on model change (navigation, sort, filter, search)
- Update style guide: mark known inconsistency #3 as fixed

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Add BenchmarkFocus::Details to the Benchmarks tab, allowing users to
navigate to the detail panel with h/l/Tab and scroll with j/k/g/G/Ctrl+d/u.

- Add ScrollOffset-based detail_scroll to BenchmarksApp
- Replace switch_focus with directional focus_right/focus_left methods
- Refactor draw_benchmark_detail to use ScrollablePanel with focus-aware
  border coloring and scrollbar
- Extract build_benchmark_detail_lines for reuse by detail overlay
- Reset detail scroll on selection change, filter, sort, and rebuild
- Update tests for new directional focus API
- Update style guide: mark known inconsistency #4 as fixed

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@arimxyer arimxyer merged commit 80b5226 into main Mar 20, 2026
3 checks passed
@arimxyer arimxyer deleted the ui-tweaks branch March 20, 2026 18:54
arimxyer added a commit that referenced this pull request Mar 20, 2026
* Models tab: make detail panel navigable and scrollable

Add Focus::Details to the Models tab, allowing users to navigate to the
detail panel with h/l/Tab and scroll its content with j/k/g/G/Ctrl+d/u.

- Add ScrollOffset-based detail_scroll to ModelsApp
- Replace SwitchFocus with directional FocusModelLeft/FocusModelRight
- Refactor draw_model_detail from fixed Layout+Tables to Vec<Line> +
  ScrollablePanel for scrollable, focus-aware rendering
- Reset detail scroll on model change (navigation, sort, filter, search)
- Update style guide: mark known inconsistency #3 as fixed

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

* Benchmarks tab: make detail panel navigable and scrollable

Add BenchmarkFocus::Details to the Benchmarks tab, allowing users to
navigate to the detail panel with h/l/Tab and scroll with j/k/g/G/Ctrl+d/u.

- Add ScrollOffset-based detail_scroll to BenchmarksApp
- Replace switch_focus with directional focus_right/focus_left methods
- Refactor draw_benchmark_detail to use ScrollablePanel with focus-aware
  border coloring and scrollbar
- Extract build_benchmark_detail_lines for reuse by detail overlay
- Reset detail scroll on selection change, filter, sort, and rebuild
- Update tests for new directional focus API
- Update style guide: mark known inconsistency #4 as fixed

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

* style: fix formatting in models detail render

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant