Disable 'Select Element' button while element picker is active

[karngyan]

When the element picker is activated via the 'Select Element' button in the preview bar, the button is now disabled (visually greyed out with not-allowed cursor) to prevent re-triggering.

Changes

• preview-bar-manager.ts: Disable the button directly in the DOM when startElementPicker runs, and set disabled during buildElementSelectorControl if the picker is already active (covers re-renders).
• preview-bar-styles.ts: Added .gist-pb-select-elem-btn:disabled style (opacity: 0.4; cursor: not-allowed).

The button re-enables automatically when the picker ends since cleanup() sets pickerActive = false and calls renderBar().

---

Note

Low Risk
Low risk UI-state change limited to the preview bar; main risk is minor regressions in picker lifecycle/re-render behavior.

Overview
Prevents re-triggering the element picker by disabling the preview bar’s Select Element button while the picker overlay is active, including across bar re-renders.

Adds disabled styling for .gist-pb-select-elem-btn and introduces new tests covering initial state, activation, Escape-cancel, and successful pick flows to ensure the button is re-enabled when the picker ends.

^{Written by Cursor Bugbot for commit 5b91180. This will update automatically on new commits. Configure here.}

[cursor]

Cursor Bugbot has reviewed your changes and found 1 potential issue.

^{Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, have a team admin enable autofix in the Cursor dashboard.}