Cross-cutting Critical finding — affects all 16 screens. Audit reference: every per-screen doc under docs/ui-audit/screens/*.md, finding row *-01.
Symptom
On the macOS native app and in the in-browser preview, the title bar at chrome.jsx:415-432 renders <TitleBar> text "Open Worlds · · " with paddingLeft: 76 (line 422). At 1280–1512 viewport widths the leading text wraps under the nav-rail at top-left, producing a visible overlap that reads as a layout bug.
Screenshot evidence: docs/ui-audit/screenshots/launcher-1512.png (top-left corner — "OPEN WORLDS · UNOFFICIAL BALDUR'S GA / WORLDS" wraps).
File:line
viewer/openworlds/chrome.jsx:415-432 — TitleBar component.viewer/openworlds/app.jsx:259-267 — title-bar mount + SCREEN_TITLES lookup.
Why it matters
This is the FIRST thing a player sees on launch + EVERY screen. Reading "broken text wrap on every screen" caps the felt quality of the whole app regardless of the strong work on individual screens.
Acceptance criteria
- At viewport widths 1280, 1440, 1512, 1920: the title-bar text never crosses or appears over the nav-rail glyphs.
- Approach A (preferred): start
padding-left greater than nav-rail width + 8px (nav-rail is ~56-64px wide).
- Approach B: re-position the campaign/location text to the right side of the title bar; reserve left side for window controls only.
- Verified visually in: launcher, table, character, map, combat (one screenshot each at 1440px).
- Native traffic-light area on macOS is preserved (the
paddingLeft: 76 was originally added for this — keep clearance).
Repro
qa/owshot.sh launcher /tmp/ow-launcher-1512.png 8799
# inspect top-left 80x40 region for overlap
Parent
Per-screen epics: #245 #246 #247 #248 #249 #250 #251 #252 #244 #253 #254 #255 #256 #257 #258 #259 — every screen audit's row *-01 references this.
Umbrella: #242 Phase 5.
Cross-cutting Critical finding — affects all 16 screens. Audit reference: every per-screen doc under
docs/ui-audit/screens/*.md, finding row*-01.Symptom
On the macOS native app and in the in-browser preview, the title bar at
chrome.jsx:415-432renders<TitleBar>text "Open Worlds · · " withpaddingLeft: 76(line 422). At 1280–1512 viewport widths the leading text wraps under the nav-rail at top-left, producing a visible overlap that reads as a layout bug.Screenshot evidence:
docs/ui-audit/screenshots/launcher-1512.png(top-left corner — "OPEN WORLDS · UNOFFICIAL BALDUR'S GA / WORLDS" wraps).File:line
viewer/openworlds/chrome.jsx:415-432—TitleBarcomponent.viewer/openworlds/app.jsx:259-267— title-bar mount +SCREEN_TITLESlookup.Why it matters
This is the FIRST thing a player sees on launch + EVERY screen. Reading "broken text wrap on every screen" caps the felt quality of the whole app regardless of the strong work on individual screens.
Acceptance criteria
padding-leftgreater thannav-rail width + 8px(nav-rail is ~56-64px wide).paddingLeft: 76was originally added for this — keep clearance).Repro
Parent
Per-screen epics: #245 #246 #247 #248 #249 #250 #251 #252 #244 #253 #254 #255 #256 #257 #258 #259 — every screen audit's row
*-01references this.Umbrella: #242 Phase 5.