Refine UVAI Home hierarchy and accessibility semantics for URL/cadence controls

[Copilot]

Canonical issue

Linked via canonical issue automation.

Outcome

UVAI Home now states the YouTube→Studio path with clearer visual hierarchy, improves accessibility semantics for URL input and billing cadence controls, and keeps existing Workflow Pro checkout access unchanged.

Scope

• Included:
  • Home hierarchy + path clarity: updated hero H1 copy to a direct 2-step statement and added a compact 3-step hierarchy block (paste URL → open Studio → checkout remains reachable).
  • URL accessibility + helper cadence: set the Home paste input to type="url" and tightened helper copy for watch/share URL expectations.
  • Cadence control semantics: converted billing cadence container from div[role=group] to semantic <fieldset> + <legend> while preserving existing focus-visible ring behavior and checkout wiring.
  • Targeted tests updated:
    • apps/web/src/lib/__tests__/home-sell-surface.test.ts
    • apps/web/src/components/home/HomePasteForm.test.tsx
    • apps/web/src/components/home/HomeProCheckout.test.tsx
• Explicitly excluded:
  • Checkout backend/Stripe behavior changes
  • Pricing catalog or SKU changes
  • Studio runtime/workflow logic changes

<fieldset aria-label="Billing cadence">
  <legend className="sr-only">Billing cadence</legend>
  <button aria-pressed={!annual}>Monthly checkout</button>
  <button aria-pressed={annual}>Annual checkout</button>
</fieldset>

Risk

• Risk level: low
• Failure mode: copy/assertion drift in home-page tests or unintended semantic regressions in cadence control rendering
• Rollback: revert commit 9540bcbe7

Verification

List exact automated and manual checks, tied to the current head SHA.

• Focused tests (npm --workspace=apps/web run test -- src/lib/__tests__/home-sell-surface.test.ts src/components/home/HomePasteForm.test.tsx src/components/home/HomeProCheckout.test.tsx on 9540bcbe7)
• Required CI
• Review threads resolved

Production evidence

Not applicable for this PR: copy/semantics/focus-state refinements only; no production-only behavior path introduced.

Agent handoff

• One canonical issue is linked
• No competing PR implements the same issue
• Acceptance criteria are satisfied
• Required checks pass on the current head
• Human decision is requested only for product, security, irreversible infrastructure, or production approval

• Fixes Refine UVAI Home sprint landing page hierarchy and focus states #2030

[coderabbitai]

Important

Review skipped

Ignore keyword(s) in the title.

⛔ Ignored keywords (3)

• WIP
• DO NOT MERGE
• [skip ci]

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository: groupthinking/EventRelay/.coderabbit.yaml

Review profile: ASSERTIVE

Plan: Advanced

Run ID: f8d91e96-fb53-4a72-b189-919eae4f176c

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[Copilot]

Copilot wasn't able to review any files in this pull request.

---

💡 Configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
v0-uvai	Ready	Preview, v0	Sep 18, 2026 9:48pm UTC

[github-actions]

🔍 PR Validation

⚠️ PR title should follow conventional commits format