docs(phase-11): add research and validation strategy

.planning/phases/11-polish-responsiveness/11-VALIDATION.md

@@ -0,0 +1,81 @@
+---
+phase: 11
+slug: polish-responsiveness
+status: draft
+nyquist_compliant: false
+wave_0_complete: false
+created: 2026-04-01
+---
+
+# Phase 11 — Validation Strategy
+
+> Per-phase validation contract for feedback sampling during execution.
+
+---
+
+## Test Infrastructure
+
+| Property | Value |
+|----------|-------|
+| **Framework** | Vitest 4.1.1 + @testing-library/react 16.3.2 |
+| **Config file** | `vitest.config.ts` |
+| **Quick run command** | `npx vitest run` |
+| **Full suite command** | `npx vitest run` |
+| **Estimated runtime** | ~15 seconds |
+
+---
+
+## Sampling Rate
+
+- **After every task commit:** Run `npx vitest run`
+- **After every plan wave:** Run `npx vitest run`
+- **Before `/gsd:verify-work`:** Full suite must be green
+- **Max feedback latency:** 15 seconds
+
+---
+
+## Per-Task Verification Map
+
+| Task ID | Plan | Wave | Requirement | Test Type | Automated Command | File Exists | Status |
+|---------|------|------|-------------|-----------|-------------------|-------------|--------|
+| 11-01-01 | 01 | 1 | POLISH-01 | unit (className) | `npx vitest run src/components/wizard/BackendSelectionStep.test.tsx` | ✅ needs new test | ⬜ pending |
+| 11-01-02 | 01 | 1 | POLISH-01 | unit (DOM) | `npx vitest run src/components/wizard/BackendSelectionStep.test.tsx` | ✅ needs new test | ⬜ pending |
+| 11-01-03 | 01 | 1 | POLISH-01 | unit (className) | `npx vitest run src/components/wizard/StepIndicator.test.tsx` | ✅ needs new test | ⬜ pending |
+| 11-02-01 | 02 | 1 | POLISH-02 | unit (string check) | `npx vitest run` | ❌ W0 | ⬜ pending |
+| 11-02-02 | 02 | 1 | POLISH-02 | unit (className) | `npx vitest run src/components/wizard/BackendSelectionStep.test.tsx` | ✅ needs new test | ⬜ pending |
+| 11-03-01 | 03 | 1 | POLISH-03 | unit (DOM) | `npx vitest run src/App.test.tsx` | ✅ needs new test | ⬜ pending |
+| 11-03-02 | 03 | 1 | POLISH-03 | manual | N/A | manual | ⬜ pending |
+| 11-04-01 | 04 | 1 | POLISH-04 | unit | `npx vitest run src/components/wizard/BackendSelectionStep.test.tsx` | ✅ needs new test | ⬜ pending |
+| 11-04-02 | 04 | 1 | POLISH-04 | unit | `npx vitest run src/components/wizard/RemoteConfigStep.test.tsx` | ✅ needs new test | ⬜ pending |
+
+*Status: ⬜ pending · ✅ green · ❌ red · ⚠️ flaky*
+
+---
+
+## Wave 0 Requirements
+
+- [ ] Optional: `src/styles/md3-buttons.test.ts` — verify `focus-visible:ring-3` string in button constants
+
+*Existing infrastructure covers most phase requirements. New test cases are added inline to existing test files.*
+
+---
+
+## Manual-Only Verifications
+
+| Behavior | Requirement | Why Manual | Test Instructions |
+|----------|-------------|------------|-------------------|
+| CSS @keyframes step-in defined in index.css | POLISH-03 | CSS animation definition not testable via jsdom | Inspect index.css for `@keyframes step-in` declaration |
+| prefers-reduced-motion suppresses animation | POLISH-03 | Media query behavior not testable in jsdom | Check `@media (prefers-reduced-motion: reduce)` block exists in index.css |
+
+---
+
+## Validation Sign-Off
+
+- [ ] All tasks have `<automated>` verify or Wave 0 dependencies
+- [ ] Sampling continuity: no 3 consecutive tasks without automated verify
+- [ ] Wave 0 covers all MISSING references
+- [ ] No watch-mode flags
+- [ ] Feedback latency < 15s
+- [ ] `nyquist_compliant: true` set in frontmatter
+
+**Approval:** pending