## Summary
- Refactored the ProModeSelector component to group build mode settings
(Web Access, Turbo Edits, Smart Context) inside a collapsible accordion
- Improves UI organization by reducing visual clutter in the popover

## Test plan
- Open the Pro Mode selector in the app
- Verify the "Build mode settings" accordion is present
- Expand/collapse the accordion and verify all settings (Web Access,
Turbo Edits, Smart Context) are accessible
- Test toggling each setting within the accordion

🤖 Generated with [Claude Code](https://claude.com/claude-code)
<!-- devin-review-badge-begin -->

---

<a href="https://app.devin.ai/review/dyad-sh/dyad/pull/2555"
target="_blank">
  <picture>
<source media="(prefers-color-scheme: dark)"
srcset="https://static.devin.ai/assets/gh-open-in-devin-review-dark.svg?v=1">
<img
src="https://static.devin.ai/assets/gh-open-in-devin-review-light.svg?v=1"
alt="Open with Devin">
  </picture>
</a>
<!-- devin-review-badge-end -->

<!-- This is an auto-generated description by cubic. -->
---
## Summary by cubic
Grouped Pro build mode settings (Web Access, Turbo Edits, Smart Context)
into a collapsible accordion in ProModeSelector to declutter the
popover. No behavior changes; tests now expand the accordion before
toggling these settings.

- **Refactors**
- Wrapped the three settings under a "Build mode settings" accordion
with smoother height transitions using Base UI’s panel API.
- Updated rules to clarify our Accordion uses Base UI (not Radix/shadcn)
and added E2E guidance for accordion-wrapped settings.

- **Bug Fixes**
- E2E helper now expands the accordion before changing Smart Context or
Turbo Edits.

<sup>Written for commit 025d159d427e8f9c59372f71374da18a6420ff00.
Summary will update on new commits.</sup>

<!-- End of auto-generated description by cubic. -->

---------
Co-authored-by: Will Chen <willchen90@gmail.com>
Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com>
Co-authored-by: claude[bot] <41898282+claude[bot]@users.noreply.github.com>