Redesign the encounter top bar to replace the single "Round 1 — Conjurer" status string with dedicated, separately styled fields for round number and current combatant. This gives the bar a cleaner left-center-right layout that's easier to scan and feels more modern.
Acceptance Criteria
Scanning Round and Combatant at a Glance
Round number appears as a muted badge/pill on the left side, combatant name appears as a prominent centered label — displayed as separate visual elements
Round badge updates when the round increments without layout shift
Consistent Left-Center-Right Layout
Layout maintains left-center-right structure with the name centered regardless of name length
Long combatant names truncate gracefully without pushing action buttons off-screen
All three zones (round badge, combatant name, action buttons) remain visible on narrow viewports
No Combatants State
With no combatants, the round badge still shows the round number and the center area displays a placeholder message
Edge Cases
Extremely long combatant names (50+ characters) truncate with an ellipsis
Transitioning between combatants updates immediately with no blank intermediate state
On very narrow viewports, the round badge and action buttons remain visible; the combatant name may truncate
## Summary
Redesign the encounter top bar to replace the single "Round 1 — Conjurer" status string with dedicated, separately styled fields for round number and current combatant. This gives the bar a cleaner left-center-right layout that's easier to scan and feels more modern.
## Acceptance Criteria
### Scanning Round and Combatant at a Glance
- [x] Round number appears as a muted badge/pill on the left side, combatant name appears as a prominent centered label — displayed as separate visual elements
- [x] Round badge updates when the round increments without layout shift
### Consistent Left-Center-Right Layout
- [x] Layout maintains left-center-right structure with the name centered regardless of name length
- [x] Long combatant names truncate gracefully without pushing action buttons off-screen
- [x] All three zones (round badge, combatant name, action buttons) remain visible on narrow viewports
### No Combatants State
- [x] With no combatants, the round badge still shows the round number and the center area displays a placeholder message
### Edge Cases
- [x] Extremely long combatant names (50+ characters) truncate with an ellipsis
- [x] Transitioning between combatants updates immediately with no blank intermediate state
- [x] On very narrow viewports, the round badge and action buttons remain visible; the combatant name may truncate
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
Summary
Redesign the encounter top bar to replace the single "Round 1 — Conjurer" status string with dedicated, separately styled fields for round number and current combatant. This gives the bar a cleaner left-center-right layout that's easier to scan and feels more modern.
Acceptance Criteria
Scanning Round and Combatant at a Glance
Consistent Left-Center-Right Layout
No Combatants State
Edge Cases