feat(tui): fullscreen detail view + enriched sidebar #171

2026-07-01T20:47:40Z

lerko commented

2026-07-01 20:47:40 +00:00

Summary

On narrow terminals (<120 cols), Enter opens a fullscreen detail view using the same titledPanelH bordered chrome as the sidebar — scrollable, with pinned footer hotkeys and breadcrumb in the title
Enriched detail panel (both sidebar and fullscreen) with: state since, last success, connection chain diagnostic, probe results, latency histogram, extended endpoint fields (interval/timeout/method/codes/regions/description), push token, maintenance window name
Wide terminals keep existing sidebar toggle behavior unchanged

Test plan

All existing tests pass
4 new tests: narrow Enter → fullscreen, wide Enter → sidebar toggle, Esc returns to dashboard, detailRefreshCmd fires for fullscreen state
Lint clean
Visual: verify fullscreen detail at <120 col width matches sidebar chrome
Visual: verify enriched fields render in sidebar on wide terminal
Visual: verify scroll works in fullscreen detail (up/down/pgup/pgdown/mouse wheel)
Visual: verify h/s/e hotkeys work in fullscreen mode (history, SLA, edit)

## Summary - On narrow terminals (<120 cols), Enter opens a fullscreen detail view using the same `titledPanelH` bordered chrome as the sidebar — scrollable, with pinned footer hotkeys and breadcrumb in the title - Enriched detail panel (both sidebar and fullscreen) with: state since, last success, connection chain diagnostic, probe results, latency histogram, extended endpoint fields (interval/timeout/method/codes/regions/description), push token, maintenance window name - Wide terminals keep existing sidebar toggle behavior unchanged ## Test plan - [x] All existing tests pass - [x] 4 new tests: narrow Enter → fullscreen, wide Enter → sidebar toggle, Esc returns to dashboard, detailRefreshCmd fires for fullscreen state - [x] Lint clean - [x] Visual: verify fullscreen detail at <120 col width matches sidebar chrome - [x] Visual: verify enriched fields render in sidebar on wide terminal - [x] Visual: verify scroll works in fullscreen detail (up/down/pgup/pgdown/mouse wheel) - [x] Visual: verify h/s/e hotkeys work in fullscreen mode (history, SLA, edit)

lerko added 2 commits 2026-07-01 20:47:40 +00:00

feat(tui): fullscreen detail view + enriched sidebar content 989dd1fb39

On narrow terminals (<120 cols), Enter opens a fullscreen detail view
instead of the sidebar that can't be seen. Wide terminals keep existing
sidebar toggle behavior.

Enrich detail panel with: state since, last success, connection chain
diagnostic, probe results, latency histogram, extended endpoint fields
(interval/timeout/method/codes/regions/description), push token,
maintenance window name. Breadcrumb shown in fullscreen mode only.

fix(tui): use titledPanelH chrome for fullscreen detail view

CI / test (pull_request) Successful in 1m52s

Details

CI / lint (pull_request) Successful in 1m22s

Details

CI / vulncheck (pull_request) Successful in 56s

Details

b90033c7f0

Match the sidebar's bordered panel style (╭─ Title ─╮) so the
fullscreen detail view on narrow terminals looks cohesive with the
rest of the UI. Breadcrumb now renders as the panel title.

lerko merged commit b90033c7f0 into main

2026-07-01 20:55:04 +00:00

lerko deleted branch feat/detail-fullscreen-enrich

2026-07-01 20:55:04 +00:00

lerko referenced this pull request

2026-07-01 21:01:22 +00:00

Detail View at Smaller Terminal Widths #170

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: lerkolabs/uptop#171