Fix mobile viewer sizing and natural hand orientation

[a-baran-orhan]

What changed

• Keep the mobile 3D viewer at a stable height by moving phases into a single-row horizontal rail with a hidden scrollbar, minimal active-step scrolling, duplicate-name-safe phase indexing, and accessible aria-current state.
• Make relaxed hands read naturally: palms face inward by default, free fingers use a softer curl, and the DSL exposes the anatomical forearms alias with corrected pronation/supination signs and authoring guidance.
• Make palm-floor contacts robust by distributing contact orientation through ROM-safe forearm and wrist correction while keeping fists and grips on their separate contact frames.
• Upgrade affected canonical movements, including superhero landing recovery, Cobra, biceps curl, and jab-cross guard/strike orientation; regenerate their public documentation.
• Add regression coverage for mobile layout invariants, duplicate phase names, natural palm normals, relaxed hand curl, floor contacts, boxing hand direction, and parser contact expansion.

Root cause

The phase ribbon used a wrapping flex layout, so every extra row directly reduced the canvas height on phones. Separately, the standing forearm-roll signs pointed palms outward, the relaxed finger curl read too close to a fist, and wrist-only floor alignment could not counter an explicitly pronated forearm.

Validation

• npm run build:packages
• npm run build
• npm test — 334/334
• npm run typecheck
• npm run check:packages
• npm run eval — XBot 1556/1556; procedural mannequin 1556/1556
• Mobile browser QA at 390×667 — 2-step and 8-step movements both keep a 280 px canvas and 36.5 px one-row phase rail; transport remains fully visible

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
posecode	Ready	Preview, Comment	Jul 17, 2026 6:01pm