UI widget framework (focus routing, layout, windows)

marco commented

2026-07-16 23:44:42 +02:00

Owner

Grow the hand-rolled MonoGame UI into a proper widget framework as the client's UI surface expands.

Re-scoped (2026-07): the window substrate is now delivered by the Gump/GumpElement framework introduced with #116 — draggable, right-click-closable, input-routed windows composed from reusable elements (GumpBackground, GumpLabel, GumpPicture, GumpItemIcon, GumpButton, GumpHotspot, GumpCard) with base-level wheel scrolling. The paperdoll (#106), inventory panel, and /admin panel (#117) are all built on it. What remains are the two asks that framework did not cover.

Scope (residual)

Cross-window keyboard focus routing (Tab order) — Tab moves focus between fields/widgets; only the focused widget receives keyboard input.
Refactor login and chat onto the framework (they still use the standalone TextInputWidget/Button + bespoke screen code), with no behavioural regression.

Already delivered (by #116 / #117)

Draggable / right-click-closable windows.
Reusable elements (labels, pictures, item icons, buttons, hotspots, cards) + wheel scrolling.
Mouse hit-testing / z-order within a window; input routed to elements.
Consistent theming via shared palettes.

Out of scope

Gameplay for the windows (inventory logic etc.). This is the UI substrate only.

Definition of Done (residual)

Base DoD applies; delta below.

Keyboard focus moves with Tab across a window's fields; unfocused widgets ignore keyboard input.
Login and chat run on the Gump framework with no behavioural regression.

Grow the hand-rolled MonoGame UI into a proper widget framework as the client's UI surface expands. **Re-scoped (2026-07):** the window substrate is now delivered by the `Gump`/`GumpElement` framework introduced with #116 — draggable, right-click-closable, input-routed windows composed from reusable elements (`GumpBackground`, `GumpLabel`, `GumpPicture`, `GumpItemIcon`, `GumpButton`, `GumpHotspot`, `GumpCard`) with base-level wheel scrolling. The paperdoll (#106), inventory panel, and /admin panel (#117) are all built on it. What remains are the two asks that framework did **not** cover. ## Scope (residual) - [ ] Cross-window **keyboard focus routing (Tab order)** — Tab moves focus between fields/widgets; only the focused widget receives keyboard input. - [ ] Refactor **login and chat** onto the framework (they still use the standalone `TextInputWidget`/`Button` + bespoke screen code), with no behavioural regression. ## Already delivered (by #116 / #117) - [x] Draggable / right-click-closable windows. - [x] Reusable elements (labels, pictures, item icons, buttons, hotspots, cards) + wheel scrolling. - [x] Mouse hit-testing / z-order within a window; input routed to elements. - [x] Consistent theming via shared palettes. ## Out of scope Gameplay for the windows (inventory logic etc.). This is the UI substrate only. ## Definition of Done (residual) _Base DoD applies; delta below._ - [ ] Keyboard focus moves with Tab across a window's fields; unfocused widgets ignore keyboard input. - [ ] Login and chat run on the Gump framework with no behavioural regression.

marco added the

enhancement

label

2026-07-16 23:44:42 +02:00

marco referenced this issue

2026-07-17 17:35:02 +02:00

feat(client): bottom-left journal for system messages #35

marco referenced this issue from a commit

2026-07-17 17:46:40 +02:00

feat(client): bottom-left journal for system messages (#35)

marco referenced this issue

2026-07-18 04:24:47 +02:00

Authentic UO inventory & paperdoll UI (real gumps, native layout) #39

marco referenced this issue

2026-07-20 18:37:32 +02:00

Alpha — epic: PvP arena for friends #107

marco added this to the Alpha milestone

2026-07-20 18:37:58 +02:00

marco added the

alpha:wave-2

label

2026-07-20 18:42:03 +02:00

marco commented

2026-07-22 06:08:17 +02:00

Author

Owner

Re-scoped: the window/element substrate is now realized by the Gump framework (#116). Narrowed this issue to the two residual asks — Tab focus routing and moving login/chat onto the framework.

panda added the

area:ui

label

2026-08-08 15:49:59 +02:00

Rows
Columns

UI widget framework (focus routing, layout, windows) #14

Scope (residual)

Already delivered (by #116 / #117)

Out of scope

Definition of Done (residual)