# Browser Tab

Preview frontend changes in a live browser.

## Overview

The Browser Tab shows a live preview of your frontend changes running in a cloud sandbox. Available for Pro subscribers with verification configured.

## Element Selector

Click the selector icon to inspect elements:

1. Hover over any element
2. See its CSS selectors and component info
3. Click to copy the selector
4. Use in your verification flows

### Features

- **Live Reload**: Changes update automatically
- **Mobile View**: Test responsive designs
- **DevTools**: Inspect elements and console
- **Screenshot**: Capture the current state

### Requirements

To use the Browser Tab:

1. Configure `.haystack.json` in your repo
2. Run `/setup-haystack` to set up verification
3. Have a Pro subscription active
