---
phase: 10
slug: content-clarity
status: draft
nyquist_compliant: false
wave_0_complete: false
created: 2026-04-01
---

# Phase 10 — 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** | vite.config.ts (vitest inline config) |
| **Quick run command** | `npx vitest run --reporter=verbose` |
| **Full suite command** | `npx vitest run` |
| **Estimated runtime** | ~5 seconds |

---

## Sampling Rate

- **After every task commit:** Run `npx vitest run --reporter=verbose`
- **After every plan wave:** Run `npx vitest run`
- **Before `/gsd:verify-work`:** Full suite must be green
- **Max feedback latency:** 10 seconds

---

## Per-Task Verification Map

| Task ID | Plan | Wave | Requirement | Test Type | Automated Command | File Exists | Status |
|---------|------|------|-------------|-----------|-------------------|-------------|--------|
| 10-01-01 | 01 | 1 | UX-01 | unit | `npx vitest run src/App.test.tsx` | ✅ (needs update) | ⬜ pending |
| 10-01-02 | 01 | 1 | UX-01 | unit | `npx vitest run src/App.test.tsx` | ✅ (needs new test) | ⬜ pending |
| 10-02-01 | 02 | 1 | UX-02 | unit | `npx vitest run src/components/ui/RemoteNamePreview.test.tsx` | ❌ W0 | ⬜ pending |
| 10-02-02 | 02 | 1 | UX-02 | unit | `npx vitest run src/components/ui/RemoteNamePreview.test.tsx` | ❌ W0 | ⬜ pending |
| 10-02-03 | 02 | 1 | UX-02 | unit | `npx vitest run src/components/wizard/BackendSelectionStep.test.tsx` | ✅ (needs new test) | ⬜ pending |
| 10-03-01 | 03 | 1 | UX-03 | unit | `npx vitest run src/App.test.tsx` | ✅ (needs new tests) | ⬜ pending |
| 10-04-01 | 04 | 1 | UX-04 | unit | `npx vitest run src/components/wizard/RemoteConfigStep.test.tsx` | ✅ (needs new test) | ⬜ pending |
| 10-04-02 | 04 | 1 | UX-04 | unit | `npx vitest run src/components/wizard/RemoteConfigStep.test.tsx` | ✅ (needs new test) | ⬜ pending |

*Status: ⬜ pending · ✅ green · ❌ red · ⚠️ flaky*

---

## Wave 0 Requirements

- [ ] `src/components/ui/RemoteNamePreview.test.tsx` — stubs for UX-02 preview rendering

*App.test.tsx, BackendSelectionStep.test.tsx, and RemoteConfigStep.test.tsx exist but need new test cases added as part of implementation tasks.*

---

## Manual-Only Verifications

| Behavior | Requirement | Why Manual | Test Instructions |
|----------|-------------|------------|-------------------|
| Intro section visual layout and spacing | UX-01 | Visual design verification | Open app, verify intro section appears with proper spacing, typography, and CTA button |
| RemoteNamePreview updates live as user types | UX-02 | Real-time interaction verification | Type in remote name field, verify preview updates character by character |
| Step descriptions are readable and contextually helpful | UX-03 | Content quality review | Navigate through all 4 steps, read each description for clarity and usefulness |
| Tooltip content is accurate and helpful for each backend | UX-04 | Content accuracy review | Click tooltip buttons for each backend, verify text accuracy and doc links |

---

## 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 < 10s
- [ ] `nyquist_compliant: true` set in frontmatter

**Approval:** pending