UI overhaul: mobile corkboard, Connect the Dots, nav and overflow fixes

#3
by aliabdelwahab - opened
Build Small Hackathon org
  • Board: shared Corkboard for desktop and mobile; mobile gets a real
    scrollable evidence wall (was a flat list) with trimmed decor
  • New "Connect the Dots" mode on both form factors: tap two pushpins to
    tie a red yarn thread (SVG, sagging quadratic, draw-in animation),
    re-tap to cut, CLEAR with confirm; threads persist per case in
    localStorage and track dragged cards
  • Drag math is now board-relative (getBoundingClientRect in the move
    handler), so dragging works inside the scrolling mobile wall
  • Mobile bottom nav rebuilt: legible 9px labels, active plate aligned
    behind the glyph (was a misaligned z-index:-1 square), SUSPECTS now
    opens a dedicated suspects screen instead of double-mapping to board
  • HUD: left/right clusters with proper flex constraints; right cluster
    wraps below on phones instead of overlapping the case badge; Menu
    collapses to an icon on mobile; removed duplicate Menu on briefing
  • Removed the Tweaks sheet and navbar gear; tweaks now run on in-memory
    defaults (stale localStorage values no longer stick)
  • Suspect rail: long names ellipsize, suspicion % pinned inside the box
  • Title screen: "A PROCEDURAL DETECTIVE MYSTERY" subtitle (case-type
    neutral) and labeled TONIGHT'S WIRE city/weather chip
  • Types: pixel maps typed as (string | string[])[] end to end; Btn
    accepts ButtonHTMLAttributes (disabled); tsc -b now passes clean

Co-Authored-By: Claude Fable 5 noreply@anthropic.com

Ready to merge
This branch is ready to get merged automatically.

Sign up or log in to comment