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

Tasks: enterprise-gaming-react-social-game

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-social-game/ (@suaveplan/react-social-game, 0.1.0, sideEffects: false)

Phase 2 — Types

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

Phase 3 — FriendListManager + hook

• Manager with add/remove/updateStatus/block/search/requests
• useSocialGame hook
• Tests + docs for both

Phase 4 — Components

• StatusBadge — colored dot with tooltip
• FriendRow — avatar + name + status + actions (invite, message, block)
• FriendPanel — scrollable list with search input
• FriendSearch — debounced query with results
• FriendRequestList — pending incoming/outgoing requests
• Tests + Storybook stories for each

Phase 5 — Pre-publish gate

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