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

# Screenshot tour

> A screen-by-screen tour of Birdbrain, from onboarding through capture, annotation, analysis, and export.

A screen-by-screen tour of Birdbrain, generated from a seeded demo case
("Velvet Fox storefront takedown", all content fictional).

## First run

### Onboarding

The welcome card that starts the guided walkthrough. Open it from **Replay walkthrough** in the
command palette or **Settings → About → Replay the welcome walkthrough**.

<img src="https://mintcdn.com/birdbrain/-NAyhBzIcutFj7rn/images/screenshot-onboarding.png?fit=max&auto=format&n=-NAyhBzIcutFj7rn&q=85&s=748156dd0cca41c9e392055c63e13900" alt="Onboarding walkthrough" width="1440" height="900" data-path="images/screenshot-onboarding.png" />

### Dashboard (empty)

The launch screen before any case exists.

<img src="https://mintcdn.com/birdbrain/-NAyhBzIcutFj7rn/images/screenshot-dashboard-fresh.png?fit=max&auto=format&n=-NAyhBzIcutFj7rn&q=85&s=d610e5125d9ee034b30918c00691a527" alt="Empty dashboard" width="1440" height="900" data-path="images/screenshot-dashboard-fresh.png" />

### Extension install walkthrough

The walkthrough's extension chapter, with the three steps for loading the unpacked Chrome
extension expanded.

<img src="https://mintcdn.com/birdbrain/-NAyhBzIcutFj7rn/images/screenshot-extension-setup.png?fit=max&auto=format&n=-NAyhBzIcutFj7rn&q=85&s=dd0ec50d00f5ff1f10c004b73dcf6008" alt="Extension install walkthrough" width="1440" height="900" data-path="images/screenshot-extension-setup.png" />

## Working a case

### Dashboard

Recent cases with capture counts.

<img src="https://mintcdn.com/birdbrain/-NAyhBzIcutFj7rn/images/screenshot-dashboard.png?fit=max&auto=format&n=-NAyhBzIcutFj7rn&q=85&s=c20e01d1be4dc4a4b04cfea97a0c0cbf" alt="Dashboard" width="1440" height="900" data-path="images/screenshot-dashboard.png" />

### New case wizard

Case details plus starter selector presets for email addresses, crypto addresses, IP addresses,
domain names, phone numbers, and usernames.

<img src="https://mintcdn.com/birdbrain/-NAyhBzIcutFj7rn/images/screenshot-new-case.png?fit=max&auto=format&n=-NAyhBzIcutFj7rn&q=85&s=947a791b2d7abe30dcf4d3134d235137" alt="New case wizard" width="1440" height="900" data-path="images/screenshot-new-case.png" />

### Case overview

Since-last-visit deltas, capture activity, top sources, and evidence integrity at a glance.

<img src="https://mintcdn.com/birdbrain/-NAyhBzIcutFj7rn/images/screenshot-overview.png?fit=max&auto=format&n=-NAyhBzIcutFj7rn&q=85&s=4bdcc391e9732a748d2473302a335f98" alt="Case overview" width="1440" height="900" data-path="images/screenshot-overview.png" />

### Captures workspace

Capture list, rendered evidence, and the chain-of-custody inspector side by side.

<img src="https://mintcdn.com/birdbrain/-NAyhBzIcutFj7rn/images/screenshot-case.png?fit=max&auto=format&n=-NAyhBzIcutFj7rn&q=85&s=0d506335eb8d40f408c8ab3081d77cfd" alt="Captures workspace" width="1440" height="900" data-path="images/screenshot-case.png" />

### Annotation editor

Shapes and pinned comments on capture screenshots; burned into exports.

<img src="https://mintcdn.com/birdbrain/-NAyhBzIcutFj7rn/images/screenshot-annotate.png?fit=max&auto=format&n=-NAyhBzIcutFj7rn&q=85&s=30142395374dca3ae3934590bcb81b99" alt="Annotation editor" width="1440" height="900" data-path="images/screenshot-annotate.png" />

### Chain-of-custody verification

The per-case manifest hash chain (SHA-256, previous/entry hash, manifest index) checked in the app.

<img src="https://mintcdn.com/birdbrain/-NAyhBzIcutFj7rn/images/screenshot-verify.png?fit=max&auto=format&n=-NAyhBzIcutFj7rn&q=85&s=59e7ba1f6fb871f5a758d0aa59e2e0b0" alt="Chain of custody" width="1440" height="900" data-path="images/screenshot-verify.png" />

## Analysis

### Data explorer (recon)

Accounts, infrastructure, and tracking codes extracted automatically from captures. Each
indicator lists the URLs of the pages it appeared on, and clicking one opens the live page in
your browser.

<img src="https://mintcdn.com/birdbrain/-NAyhBzIcutFj7rn/images/screenshot-recon.png?fit=max&auto=format&n=-NAyhBzIcutFj7rn&q=85&s=0504f24c1d9fb9cfa4bd3fc8c20b97cb" alt="Data explorer" width="1440" height="900" data-path="images/screenshot-recon.png" />

### Signals

Everything the case is watching for on one screen: selector patterns and tags together, with
match counts and coverage across the most recent captures.

<img src="https://mintcdn.com/birdbrain/-NAyhBzIcutFj7rn/images/screenshot-signals.png?fit=max&auto=format&n=-NAyhBzIcutFj7rn&q=85&s=f968764458fe40bc6e15ca3ff481e5f0" alt="Signals" width="1440" height="900" data-path="images/screenshot-signals.png" />

### Notes

Case and per-capture notes with source links.

<img src="https://mintcdn.com/birdbrain/-NAyhBzIcutFj7rn/images/screenshot-notes.png?fit=max&auto=format&n=-NAyhBzIcutFj7rn&q=85&s=9c0f2f7054b1a569ab6f8d028843efbd" alt="Notes" width="1440" height="900" data-path="images/screenshot-notes.png" />

## Everything else

### Command palette

Press `Ctrl+K` to switch cases or create a new one from anywhere.

<img src="https://mintcdn.com/birdbrain/-NAyhBzIcutFj7rn/images/screenshot-command-palette.png?fit=max&auto=format&n=-NAyhBzIcutFj7rn&q=85&s=fed45667e5bd707a2cb970e2de093ce3" alt="Command palette" width="1440" height="900" data-path="images/screenshot-command-palette.png" />

### Export dialog

Choose what the evidence report includes.

<img src="https://mintcdn.com/birdbrain/-NAyhBzIcutFj7rn/images/screenshot-export-dialog.png?fit=max&auto=format&n=-NAyhBzIcutFj7rn&q=85&s=7e5baf43861f96f223728eb5418262af" alt="Export dialog" width="1440" height="900" data-path="images/screenshot-export-dialog.png" />

### Exported report

A self-contained HTML report that any browser reads, checkable with the evidence package's
included runbook and standard tools, without Birdbrain installed.

<img src="https://mintcdn.com/birdbrain/-NAyhBzIcutFj7rn/images/screenshot-export.png?fit=max&auto=format&n=-NAyhBzIcutFj7rn&q=85&s=79ebd50ec4c07817dc6df32aa03d6c7a" alt="Exported report" width="1279" height="1023" data-path="images/screenshot-export.png" />

### Settings

Capture preferences, storage, appearance, operator identity, database admin, and updates.

<img src="https://mintcdn.com/birdbrain/-NAyhBzIcutFj7rn/images/screenshot-settings.png?fit=max&auto=format&n=-NAyhBzIcutFj7rn&q=85&s=ddc1407e350ae154aa41c77fe3ddbfa1" alt="Settings" width="1440" height="900" data-path="images/screenshot-settings.png" />

## Regenerating this tour

The series comes from a Playwright script against the seeded demo case. Rebuild the app, then run from the repository root:

```bash theme={null}
README_SHOTS=1 npx playwright test e2e/readme-screenshots.spec.ts
```

Output lands in `test-results/readme/` with light and dark variants of every shot. The light variants are referenced directly; manually copy the dark variants (e.g., `screenshot-case-dark.png`) into `website/content/images/` to update the dark-mode versions on the site.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.