suaveplan/openspec/changes/enterprise-gaming-react-game-hud/tasks.md

Tasks: enterprise-gaming-react-game-hud

0. Pre-flight (non-negotiable)

• 0.1 Confirm clean working tree (git status reports nothing) and no in-flight worktrees with uncommitted work (git worktree list then git status in each)
• 0.2 If any worktrees exist under .claude/worktrees/, account for each one: still-active agent, work-pending-merge, or stale-and-prune. Stale worktrees MUST be removed (git worktree remove) before opening a new one — code that has been lost twice on main is the failure mode this guards against.
• 0.3 Confirm the package set in MANIFEST.md matches find packages -maxdepth 3 -name package.json count. Drift here means a prior change archived without regenerating the manifest.

Phase 1 — Scaffold

• Create gaming/react/react-game-hud/ (@suaveplan/react-game-hud, 0.1.0, sideEffects: false)
• tsconfig.json (react), vitest.config.ts

Phase 2 — Types

• src/types/common.ts + common.md

Phase 3 — HUD state manager

• src/state/hud-state-manager.ts — getSnapshot/subscribe/update
• Tests + docs

Phase 4 — useHud hook

• src/hooks/use-hud.ts — useSyncExternalStore wrapper
• Tests + docs

Phase 5 — Components (each with test + story)

• HealthBar — health/shield visual with percentage
• AmmoDisplay — current/max ammo, reload indicator
• XpBar — XP progress with level display
• ObjectiveList — active quest objectives, completion ticks
• KillFeed — scrolling kill/death entries with TTL
• HudOverlay — absolute-positioned container

Phase 6 — Storybook

• Default + playground + edge-case stories for every component

Phase 7 — Pre-publish gate

• bunx turbo lint typecheck test --filter=@suaveplan/react-game-hud green
• 100% coverage
• Publish: bun scripts/publish.ts --package @suaveplan/react-game-hud