> ## Documentation Index
> Fetch the complete documentation index at: https://docs.samelogic.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Chrome Extension

> Overview of capture, analysis, and data sent to the Samelogic platform.

The Chrome Extension is the primary capture interface. It collects element context, generates stable selectors, and ships data to the [Element Library](https://samelogic.com/login).

## Purpose

* Capture any UI element with full DOM context.
* Produce stable selectors and confidence signals.
* Record interaction context for [step replays](https://samelogic.com/login) and bugs.

## Primary users

* QA engineers capturing unstable or high-friction elements.
* Developers validating selectors for automation.
* Product teams attaching real UI evidence to issues.

## Plan limits

Extension captures contribute to your plan's saved element quota:

| Plan              | Saved Elements | [Step Replays](https://samelogic.com/login) | Integrations       |
| ----------------- | -------------- | ------------------------------------------- | ------------------ |
| Free              | 10             | 15/month                                    | 1                  |
| Starter (\$99/mo) | Unlimited      | 2,000/month                                 | 3                  |
| Pro (\$199/mo)    | Unlimited      | 50,000/month                                | 20                 |
| Enterprise        | Unlimited      | Unlimited                                   | Unlimited (Custom) |

## Entry points

* Browser toolbar icon.
* Right-click context menu for capture.
* In-product “View docs” and capture guidance.

## Core capture flow

1. Open the Chrome Extension and start capture mode.
2. Hover to preview the target element highlight.
3. Click to capture the element and its hierarchy.
4. Review selectors, stability score, and context.
5. Save to a project or attach to a bug report.

## Data captured

* **Selectors**: CSS, XPath, test ID, JS path, and alternatives.
* **Element context**: attributes, text, bounding box, computed styles.
* **Stability signals**: score, risk factors, and fallback selectors.
* **Issue triage taxonomy**: issue tag (`BROKEN_EXPERIENCE` … `NO_ISSUE`) with legacy `elementState` compatibility.
* **Optional triage dimensions**: impact (`REVENUE_BLOCKER`/`HIGH`/`MEDIUM`/`LOW`) and experiment status (`HYPOTHESIS` → `NO_LIFT`).
* **Interaction context**: user action, timestamp, page URL, viewport.
* **Diagnostics**: console logs, network signals, and optional screenshots.

## Page structure (Chrome Extension UI)

### 1. Header

* Project selector
* Capture mode toggle
* Environment indicator

### 2. Capture panel

* Target preview and highlight controls
* Confirm capture action
* Quick status feedback (success or error)

### 3. Selector analysis

* Primary selector
* Alternate selectors with stability hints
* Copy buttons and code snippets

### 4. Context panel

* Attributes and text snapshot
* CSS and layout summary
* Optional screenshot preview

### 5. Actions

* Save to project
* Create bug report
* Share element

## Key settings

* Use local API toggle
* Include screenshot toggle
* Host allowlist for capture

## Output payload

* Element ID and project ID
* Selector set and stability score
* Raw attributes and computed styles
* Issue tag + optional impact/experiment status
* Legacy `elementState` mirror during migration window
* Interaction metadata
* Optional screenshot URL

## Known limits

* Restricted pages and browser security policies
* Cross-origin iframes may limit capture depth
* Very large DOMs may reduce capture speed