suaveplan/openspec/changes/enterprise-gaming-react-dialogue/tasks.md

Tasks: enterprise-gaming-react-dialogue

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-dialogue/ (@suaveplan/react-dialogue, 0.1.0, sideEffects: false)
• tsconfig.json, vitest.config.ts

Phase 2 — Types

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

Phase 3 — Dialogue UI state manager + hook

• State manager wraps ConversationSession, exposes current node + available choices
• useDialogue hook
• Tests + docs for both

Phase 4 — Components

• TypewriterText — character-by-character reveal with configurable speed
• DialogueBox — speaker name + TypewriterText + skip button
• DialogueChoices — list of choice buttons, disabled for unavailable, hidden for hidden
• SpeakerPortrait — img with fallback initials
• Tests + Storybook stories for each

Phase 5 — Pre-publish gate

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