> ## 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.

# Element Library

> Overview of the element catalog, detail views, and workflows.

The [Element Library](https://samelogic.com/login) is the system of record for captured UI elements. It connects selectors, stability scores, and collaboration workflows to real product context.

## Purpose

* Store every captured element with rich metadata.
* Provide fast search, filtering, and tagging.
* Centralize stability scoring and selector updates.

## Primary users

* QA teams tracking element stability over time.
* Engineers debugging regressions.
* Product and support teams triaging user-facing issues with concrete UI evidence.

## Plan limits

Saved element quotas vary by subscription tier:

| Plan              | Saved Elements | Projects  |
| ----------------- | -------------- | --------- |
| Free              | 10             | 1         |
| Starter (\$99/mo) | Unlimited      | 3         |
| Pro (\$199/mo)    | Unlimited      | Unlimited |
| Enterprise        | Unlimited      | Unlimited |

## Entry points

* Project dashboard
* Elements list view
* Search and filter results

## Core workflows

* Browse elements by project and tags.
* Inspect element details for selectors and context.
* Update metadata, add notes, and share.
* Generate test code snippets.

## Issue taxonomy

Element status uses a QA-focused issue taxonomy:

* Broken Experience
* UX Friction
* Unclear Messaging
* Weak CTA
* Trust Gap
* Form Friction
* Performance/Speed
* Mobile Usability
* Tracking Gap
* No Issue

Optional secondary dimensions support triage:

* Impact: `REVENUE_BLOCKER`, `HIGH`, `MEDIUM`, `LOW`
* Experiment status: `HYPOTHESIS`, `READY_TO_TEST`, `IN_TEST`, `WINNER`, `NO_LIFT`

## Page structure (web app)

### 1. Elements list

* Search bar with filters and tags
* Sort by stability, recency, or usage
* Grid or table view
* Quick actions: bookmark, share, copy selector

### 2. Element detail view

* **Overview tab**: preview, selectors, stability score
* **Console & logs**: captured logs with filters
* **CSS & styles**: computed styles and layout
* **Variations**: alternate selectors and fallbacks
* **Testing**: code generation and waits

### 3. Collaboration panel

* Notes and comments
* Activity timeline
* Ownership and assignment

## Data model

* Element identifiers and project linkage
* Selector set with confidence levels
* Stability score with risk factors
* Attributes, text, and computed styles
* Captured screenshots and URLs
* Usage history and last activity timestamp

## Key actions

* Bookmark and share elements
* Export selectors or code snippets
* Create bug reports from element context
* Add tags and classify stability

## Performance expectations

* Fast search and filtering
* Responsive grid and detail load
* Smooth transitions between tabs

## Known limits

* Very large style payloads are summarized
* Screenshot size limits apply to keep pages fast