In-game Overview tab

[JorenC]

Goal

Add an Overview tab to the in-game navigation, alongside Map, Orders, and Chat. It lists every player with their nation colour, current unit count, current supply-centre count, and status (Eliminated, Civil Disorder), and hosts the Draw Proposals entry point. Today players manually count units and centres on the map to work out builds and proximity to victory, and in unfamiliar variants it is hard to tell who is who and what colour they are.

Definition of done

• The game detail navigation (mobile bottom nav and desktop sidebar) has an Overview tab alongside Map, Orders, and Chat. It is the evolved Player Info screen promoted to a tab, not a second player-list surface; the old info-icon route resolves to it.
• Each player row shows nation name, nation colour/flag, current unit count, current supply-centre count, and an Eliminated or Civil Disorder badge when applicable. Active players show no status badge.
• The Draw Proposals entry point is reachable from the Overview tab.
• Each row for another human player has a chat shortcut that opens your one-to-one channel with that player, creating the channel first if it does not yet exist.

Context

• PlayerInfoContent already renders per-player nation flag/colour, supply-centre counts (derived from the current phase's supply centres), and civil-disorder/winner badges. This RFC promotes and enriches that surface rather than building a new one.
• Unit counts can be derived client-side from the current phase's units; no backend change is expected for any of the counts. The eliminated flag is already on the member serializer.
• Out of scope: per-player order-submission state, and widening the nation-colour ring on chat avatars (separate one-PR board issue).

[KittyofEvil]

Heyo, I've had a go at creating this on feature/overview-tab to the above spec. I've tried to follow your guidelines but haven't contributed before, so please let me know of stuff I've done wrong, whether I'm within the way you normally work in this project, etc..

The changes:

• New tab created at the top (or left) of the navbar title Overview. Icon is a trophy to represent the game.
• The tab is a reorganised version of the Player Info tab, displaying each faction in the game, their current number of units, and current number of centres.
• A Chat icon on the right of each panel links to your chat channel with that player; notification circles are included for chats with unread messages.
• A Player button alongside it brings up a small popover with the username, reliability badge, and remaining extensions of the player; this separates it from the more game-focussed information of the rest of the panel. The popover appears to the right on desktop and to the left on the mobile view.
• Badges are displayed by players who are Eliminated/Civil Disorders. They will also be greyed-out (70% opacity) and sent to the bottom of the panel to keep things easier to read. At the end of the game, the winning player is sent to the top of the list and given a Winner badge, along with the ' has won the game!' message.
• The [...] button on the Orders tab has been relocated to this tab (and the Player Info option within it removed).
• Draw Proposals has been relocated from the Orders screen to this new tab.
• Active Draw Proposals on which the player has not voted give a notification circle on the Overview tab.

The not-changes:

• Orders is still the default view: players will still be taken straight to the Orders tab when they open the game.
• This does not affect the Player Info option on the My Games screen or on games that are staging.

Discussion points:

• Is a trophy the right icon? Is there something better we could use?
• Is hiding the username info behind a click the right approach? Is the design of the popover right? Should 'extensions remaining' be in this popover? It's my opinion that games should focus on the names of the factions rather than the username behind the country, which I'd consider more 'metadata'.
• Should the panel be sorted by current centres to make it into a sort of scoreboard? Highest-scoring players at the top? Would give a quicker at-a-glance overview of the game, which is useful, but there's also a slim possibility it affects the game by drawing attention to successful players.

[KittyofEvil]

Just realised it's missing the 'You' badge to show which player you are. That'll have to be added.

[johnpooch]

Hey I didn't see this until just now sorry. I think you should create a PR for this.

But my only reservation is that I think we need a bottom up redesign of the game screen. It has become overloaded in so many ways.

If you're interested, you should take a look at the "design-playground" in the repo. The idea behind it is to let us prototype UIs free from the constraints of the actual app/backend. So you could build the "perfect" game screen and then we could discuss it.

[KittyofEvil]

Can do. I'd be up for hearing what you think the most problematic bits of the game screen are before suggesting any redesigns; is a game screen redesign worth its own Discussion thread?

[KittyofEvil]

PR created: #1297