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

# Network Monitor

> Debug API calls and see what's happening

The Network Monitor shows all API calls your project makes to integrations, helping you debug and understand what's happening behind the scenes.

## What It Shows

The Network Monitor displays:

* **All API requests** - Every call to your integrations
* **Request details** - URL, method, headers, body
* **Response details** - Status, headers, response data
* **Timing** - How long each request took
* **Errors** - Failed requests and error messages

## When to Use It

Use the Network Monitor to:

* **Debug integration issues** - See what's being sent/received
* **Understand API calls** - Learn how integrations work
* **Troubleshoot errors** - Find out why requests fail
* **Share with Leo** - Send API call details for debugging

## Features

### Request List

See all API calls in chronological order:

* **Method badges** - GET, POST, PUT, DELETE
* **Status indicators** - Success (green), errors (red), pending (yellow)
* **Duration** - How long each request took
* **Timestamp** - When the request was made

### Request Details

Click any request to see:

* **Full URL** - Complete endpoint being called
* **Request headers** - All headers sent
* **Request body** - Data being sent
* **Response status** - HTTP status code
* **Response body** - Data received
* **Error messages** - If something went wrong

### Share with Leo

Click "Share with Leo" to send API call details to the chat:

* **Full request details** - Everything Leo needs to debug
* **Automatic formatting** - Properly formatted for analysis
* **Quick debugging** - Get help understanding issues

## Using the Network Monitor

### Opening the Monitor

* Click the **Network Monitor** button in the header
* Or use the keyboard shortcut (if configured)

### Viewing Requests

* **Click a request** - See full details
* **Scroll through** - View all API calls
* **Filter by status** - Focus on errors or successes

### Sharing for Debugging

1. Click a request to view details
2. Click **"Share with Leo"**
3. Details are sent to chat
4. Ask Leo to analyze or fix the issue

## Understanding the Data

### Request Methods

* **GET** - Reading data (blue badge)
* **POST** - Creating data (green badge)
* **PUT** - Updating data (yellow badge)
* **DELETE** - Removing data (red badge)

### Status Codes

* **200-299** - Success (green)
* **400-499** - Client errors (red)
* **500-599** - Server errors (red)
* **Pending** - Request in progress (yellow)

## Tips

* **Keep it open** - Monitor API calls while testing
* **Check errors first** - Red indicators show problems
* **Share with Leo** - Get help understanding complex responses
* **Clear when needed** - Reset the monitor to start fresh

<CardGroup cols={2}>
  <Card title="Troubleshooting" icon="wrench" href="/troubleshooting/common-issues">
    Common integration issues
  </Card>

  <Card title="Integrations" icon="plug" href="/integrations/overview">
    Learn about available integrations
  </Card>
</CardGroup>