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

# Sighting

> Let users show you what went wrong.

Sighting adds screenshot and text feedback to your web app. Users can capture the current page, describe an issue, and send a report to your server without leaving the app.

```bash theme={null}
npm install sightingdev
```

<CardGroup cols={2}>
  <Card title="Quickstart" icon="bolt" href="/quickstart">Add a feedback button and send your first report.</Card>
  <Card title="React and Next.js" icon="code" href="/react">Mount the widget in your app's client lifecycle.</Card>
  <Card title="Server setup" icon="server" href="/server">Connect an endpoint that accepts screenshot uploads.</Card>
  <Card title="API reference" icon="book-open" href="/reference">Explore capture, transport, options, and types.</Card>
</CardGroup>

## A short path from issue to report

1. The user opens **Report an issue**.
2. Sighting renders the visible webpage and shows a screenshot preview.
3. The user adds a description and chooses **Send feedback**.
4. Your endpoint receives the PNG, text, and basic page context.

The dialog includes retake, cancel, loading and success states. If delivery fails, it keeps the draft so the user can retry.

## What is included

* A responsive dark dialog and floating report button.
* A capture and send API for custom interfaces.
* Basic masking for form fields and marked private content.
* TypeScript declarations and an SSR-safe module import.

<Note>
  You provide the receiving endpoint and storage. This package does not include a hosted dashboard, AI codebase investigation, GitHub integration, video capture, or screenshot annotation.
</Note>

Read [Privacy and capture](/privacy) before integrating with sensitive pages. The current API is early and may change before version 1.0.