- Bolt.new upgraded the in-preview Select tool so a single click auto-targets the topmost useful layer — no more walking up the DOM tree.
- Power users get Alt-click and a Pick from layers toggle for pixel-exact control.
TL;DR
Bolt shipped a quality-of-life upgrade to its Visual Inspector: clicking any element in the live preview now auto-selects the topmost useful layer — the meaningful component, not a throwaway wrapper or text node. Need deeper control? Flip the Pick from layers toggle, or Alt-click to open the layer picker on demand. It's the kind of fix that sounds small in a tweet and saves a minute on every prompt in practice.
What's new
The announcement from @boltdotnew is three sentences long, but the behavior change is real:
- Smart default: one click on any preview element resolves to the topmost useful layer — typically the component you meant (a card, a button, a section), not a nested span or an anonymous div.
- Pick from layers toggle: flip it on to force the Choose Element panel every time, listing the ancestor stack so you can pick any level.
- Alt-click shortcut: one-off layer picker without changing the toggle — fastest path when you mostly want the smart default.
Why it matters
Every AI app-builder lives or dies by how cheaply you can point at the thing you want to change. Describing "the blue button in the second card on the pricing section" is a tax on every prompt. Visual selection removes it — but only if the click lands on the right layer. Before this update, builders often clicked, mis-selected a text node, prompted anyway, got a mediocre edit, undid, and tried again. The smart default collapses that loop to a single click for the common case, while Alt-click preserves an escape hatch for the edge cases.
Technical facts
| Behavior | How to trigger | When to use |
|---|---|---|
| Smart pick (topmost useful layer) | Plain click on element | 90% of edits — let Bolt pick the meaningful component |
| Pick from layers panel | Toggle Pick from layers on, then click | Working inside deeply nested UI where you always want manual control |
| Alt-click layer picker | Hold Alt and click | One-off override — grab the card instead of the button, for example |
The Select tool surfaces the chosen element above the chatbox and scopes your next prompt to it. The Visual Inspector — which this upgrade sits inside — works across Bolt's supported stacks: React, Vue, Svelte, Next.js, and Expo for React Native.
Comparison
The smart-default heuristic is what separates this from plain "click to inspect" in other AI builders. Cursor's community has an open feature request asking for exactly this workflow — "click what you want to change instead of explaining it." v0 and Lovable ship visual editors of their own, but neither documents a topmost useful layer rule or an Alt-click layer picker. Chrome DevTools, the obvious analog, gives you the raw DOM; Bolt gives you a component-level handle wired directly into the agent prompt.
Use cases
- Restyle a button in a nested card: single click lands on the button, not the wrapper div or text span. Prompt "make this the primary CTA" and you're done.
- Edit a whole section: Alt-click, choose the
<section>layer from the panel, prompt "make this full-bleed on mobile." - Swap a hero image or heading: click once, prompt, ship — no DOM description needed.
- Designers handing off to devs: one click plus one sentence replaces an annotated Figma frame for most small changes.
Limitations & pricing
No separate pricing — the upgrade ships to every tier with access to the preview inspector. Caveats: the tool only works inside Bolt's live preview, not against deployed apps, and the announcement doesn't call out a keyboard-only equivalent for Alt-click. If you're on a machine or layout where Alt is remapped (some Linux window managers, for instance), the Pick from layers toggle remains the portable option.
What's next
Bolt didn't publish a roadmap alongside this drop, but two signals point to where the Visual Inspector is heading: the Cursor-forum pressure to match the workflow, and the pattern from Bolt V2 of layering smarter defaults on top of existing tools (Plan Mode, Claude agent, Project Settings). Expect the next round to tighten the topmost useful layer heuristic further — likely learning from which layers users override to, so the smart default keeps improving without more UI.
Sources: @boltdotnew announcement, Bolt Support docs, Visual Inspector launch coverage, Inside Bolt V2.
