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

# Pecta dashboard: real-time agent monitoring

> Monitor AI agent quality at a glance. The Pecta dashboard shows live evaluation events, gate analytics, and aggregate pass rates for your org.

The Pecta dashboard gives you a live window into every evaluation your agents are running. Open [dashboard.pecta.ai](https://dashboard.pecta.ai) and paste your API key to get started — the dashboard authenticates with any `pk_live_` or `sk_live_` key and stores it in your browser's local storage for the session.

## Signing in

When you first open the dashboard, the `KeyGate` screen prompts you to paste an API key. The key must match the format `pk_live_…` or `sk_live_…`. The dashboard validates the key against the API before saving it. To sign out, click **sign out** at the bottom of the sidebar.

<Info>
  If you don't have a key yet, sign in at [pecta.ai](https://pecta.ai) and create one under **Settings → API keys**.
</Info>

## The Overview page

The Overview page (`/`) is the landing page after authentication. It fetches your 100 most recent evaluation events and summarises them across four `MetricCard` widgets arranged in a responsive grid:

| Metric            | What it shows                                                       |
| ----------------- | ------------------------------------------------------------------- |
| **Evaluations**   | Count of events in the current window (up to 100)                   |
| **Pass rate**     | Percentage of those evaluations that passed all gates               |
| **Avg latency**   | Mean `total_latency_ms` across the window                           |
| **Active agents** | Distinct agent IDs that reported an evaluation in the last 24 hours |

Below the metric cards, the page renders two sections.

### Top failing gates

The **Top failing gates** section uses the `GateChart` component — a Recharts horizontal bar chart — to show the five gate names that appear most often in failed evaluations within the current window. Gate names are taken directly from the `gates` array on each event; any gate marked `skipped` is excluded. Hover a bar to see the exact failure count in the tooltip.

<Tip>
  A gate that dominates this chart is a strong signal that your agent's outputs are systematically violating that rule. Cross-reference with the Events page to see which agents and tools are triggering it.
</Tip>

### Recent events

The **Recent events** section shows the 20 most recent events rendered by the `EventFeed` component. Each row displays the timestamp, `agent_id`, a `PASS` or `BLOCK` badge, the individual gate chips for that evaluation (colour-coded green for pass, red for fail, grey for skipped), and the total gate latency in milliseconds. Click **View all →** to navigate to the full Events page.

## Navigation

The sidebar provides three top-level routes:

* **Overview** — aggregate metrics and recent activity
* **Events** — full paginated event log with filters
* **Agents** — per-agent reputation scores and detail views

## Appearance

The dashboard is dark-mode only and designed for desktop viewports. The layout uses a fixed 224 px sidebar and a fluid main panel. All timestamps are displayed in UTC.

<Note>
  The dashboard is hosted at `dashboard.pecta.ai`. It communicates directly with the Pecta REST API; no data is processed in the browser beyond what is displayed on screen.
</Note>