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

# Introduction

> Welcome to the Observerbee developer documentation.

Observerbee is an AI-assisted session replay and analytics platform.

Unlike traditional session recording tools that require you to manually watch hours of video to find UX friction, Observerbee deploys autonomous AI agents to watch the sessions for you. It aggregates heuristics (like rage clicks and JS errors), canonicalizes your DOM, and files actionable tickets directly to your issue tracker.

## How it works

The Observerbee architecture is split into three main components:

<CardGroup cols={3}>
  <Card title="1. The SDK" icon="code">
    A lightweight, privacy-first script that records DOM mutations and user events via `rrweb` and streams them to our ingestion layer.
  </Card>

  <Card title="2. The State Engine" icon="server">
    Our backend canonicalizes the DOM, stripping out dynamic noise to group identical UI states across thousands of different users.
  </Card>

  <Card title="3. AI Agents" icon="robot">
    Configurable agents scan the aggregated state graph for friction and push plain-English insights to your roadmap.
  </Card>
</CardGroup>

## Getting Started

To get started, you need to install the SDK into your web application so Observerbee can begin observing sessions.

<Card title="Install the SDK" icon="rocket" href="/quickstart" horizontal>
  Add the Observerbee snippet to your site in under 2 minutes.
</Card>

## Data Privacy & Security

We built Observerbee with the assumption that session data contains PII (Personally Identifiable Information). Privacy masking happens **client-side** by default. Passwords, emails, and credit card numbers are scrubbed before they ever leave the user's browser, ensuring compliance with strict data policies.

<Card title="Read the Privacy Guide" icon="shield-check" href="/sdk/privacy-masking" horizontal>
  Learn how to configure CSS classes and selectors to block specific elements from being recorded.
</Card>