Component selector in Expo Go (Cursor-style pick-to-edit)
Campus Functions
## Summary
Add a visual component selector in Expo Go — similar to Cursor’s browser selector — so developers can tap UI on device/simulator and send that component (or a set of components) into their AI coding tool / editor for targeted edits.
## Problem
When iterating on React Native UI in Expo Go, it’s hard to map what you see on screen to the exact component/file in the codebase. You end up describing layouts in chat (“the card under the header on the profile screen”) instead of pointing at the real component tree. Cursor already solves this for web with a selector that attaches selected DOM/components to chat; Expo Go doesn’t have an equivalent.
## Proposed solution
In Expo Go (and ideally expo-dev-client), add a “Select component” mode that:
- Overlays the running app so you can tap a view
- Highlights the selected React Native component / fiber
- Resolves source location (file + component name) when available
- Lets you multi-select a set of components
- Exposes an action to copy / send selection context to an editor or AI chat (component name, props summary, source path, maybe a small tree snippet)
## Why this matters
- Faster AI-assisted UI edits (“fix this button spacing” with the real component attached)
- Less guessing between visual UI and source files
- Better DX parity with modern web tooling (Cursor selector, React DevTools inspect)
## Related existing tools
React Native DevTools / element inspector help inspect, but they’re not optimized for “select → attach to AI chat / edit this component.” This would be a first-class selection → context handoff flow for Expo’s AI/editor workflows.
## Platforms
iOS + Android Expo Go; ideally also custom dev clients.