[elonehoo]

Summary

Adds a header component dropdown (same pattern as framework select) so you can switch Destyler primitives without editing imports by hand.

• Default remains checkbox (existing Vue/React/Solid/Svelte demos).
• Other components get a generated machine + connect example for the current framework.
• Switching framework keeps the selected component.
• URL hash stores optional component; old shares still open as checkbox.
• Runtime still only preloads @destyler/* packages that the files import. Volar type deps include the full component list.

Test plan

• Default load: checkbox Vue demo unchanged.
• Switch to Dialog / Slider / Toast; preview reloads; editor App import matches the package.
• Switch Vue → React while Dialog is selected; files/framework adapter follow.
• Reset returns to Vue + checkbox.
• Share URL restores the selected component.

---

^{Need help on this PR? Tag @codesmith-bot with what you need. Autofix is disabled.}

[github-actions]

❌ PR Preview failed

Zeabur preview service deployment failed.

See GitHub Actions for details.

[elonehoo]

Wrong direction — user wanted destyler vs destyler/ui layer switch, not a primitive component picker.