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

# Console

> Learn how to use the Console to see your app's output, errors, and activity logs.

Console lets you monitor and review logs printed by your running Replit App in real time.
You can use information from current and past runs to understand your app's behavior,
troubleshoot errors, and optimize performance.

<Tip>
  When debugging using Agent, include console logs in your prompt to provide context.
</Tip>

<Frame>
  <img src="https://mintcdn.com/replit/9NKf1XREDj9JhKJb/images/workspace/console-tool.png?fit=max&auto=format&n=9NKf1XREDj9JhKJb&q=85&s=10bc7c8f00d946be9fb0588bbfbcec8f" alt="screenshot of the Console Project Editor tool" width="2568" height="702" data-path="images/workspace/console-tool.png" />
</Frame>

## Features

Console provides the following tools to help you understand your app's behavior:

* **Real time logging**: View your app's output as it happens
* **AI assistance**: Receive suggestions to fix errors reported in the logs
* **Run history**: Show logs from prior runs to track changes

## Usage

You can access the Console tool directly in your Project Editor.

<Accordion title="How to access Console">
  From the left **Tool dock**:

  1. Select <img class="icon-svg" src="https://mintcdn.com/replit/X_IP1EeHGm0cA2VA/images/icons/workspace-all-tools-button.svg?fit=max&auto=format&n=X_IP1EeHGm0cA2VA&q=85&s=579643854fb13c402de516695e52c554" alt="All tools icon" width="16" height="16" data-path="images/icons/workspace-all-tools-button.svg" /> **All tools** to see a list of Project Editor tools.
  2. Select <img class="icon-svg" src="https://mintcdn.com/replit/rJldsgYVucXB_6kW/images/icons/console.svg?fit=max&auto=format&n=rJldsgYVucXB_6kW&q=85&s=37f7aafac9aa06f60851eb8fffe9e42d" alt="Console icon" width="16" height="16" data-path="images/icons/console.svg" /> **Console**.

  From the **Search bar**:

  1. Select the <img class="icon-svg" src="https://mintcdn.com/replit/X_IP1EeHGm0cA2VA/images/icons/workspace-search-icon.svg?fit=max&auto=format&n=X_IP1EeHGm0cA2VA&q=85&s=d3feed840da2d19e1ee4873d137114dc" alt="magnifying glass icon" width="16" height="16" data-path="images/icons/workspace-search-icon.svg" /> magnifying glass at the top to open the search tool
  2. Type "Console" to locate the tool and select it from the results.
</Accordion>

Each time you use the **Run** button in your Replit App, Console displays a new entry that includes the following information:

* The Command that executed your code
* Timestamp information
* Standard output and error logs

The following screenshot shows the `npm run dev` command used to start the app and log messages from the run:

<Frame>
  <img src="https://mintcdn.com/replit/9NKf1XREDj9JhKJb/images/workspace/console-log-entry.png?fit=max&auto=format&n=9NKf1XREDj9JhKJb&q=85&s=f9204aaf25d9650565f50271f74f41c9" alt="Console log entry showing the command run" width="1948" height="870" data-path="images/workspace/console-log-entry.png" />
</Frame>

<Note>
  Client-side logs, such as those generated from HTML, CSS, and JS code, appear only in the Developer tools in the [Preview](/core-concepts/project-editor/editor-and-tools/preview) tool.
</Note>

### AI-powered debugging

When you encounter errors or other information in the logs that you want to understand, select the
**Ask AI** button at the top of the entry. This automatically opens the **Agent** tab and
submits the log content for analysis.

### Log entry commands

Console provides the following tools to manage your logs:

* **Show Only Latest**: Toggle this control to the **on** position to display only the most recent run.
* **Collapse entry**: Select the <img class="icon-svg" src="https://mintcdn.com/replit/rJldsgYVucXB_6kW/images/icons/down-arrow.svg?fit=max&auto=format&n=rJldsgYVucXB_6kW&q=85&s=56bcbb702af7e7700c87fa23be223a9d" alt="downward arrow icon" height="16" width="16" data-path="images/icons/down-arrow.svg" /> downward arrow to the left of the command name to hide the logs.
* **Clear past runs**: Select this to delete logs of prior runs. This action is irreversible.

### Network availability

You can control the development version of your app's availability online.

To stop serving requests to the development URL, select the <img class="icon-svg" src="https://mintcdn.com/replit/rJldsgYVucXB_6kW/images/icons/network-off.svg?fit=max&auto=format&n=rJldsgYVucXB_6kW&q=85&s=83d1529d18164c45a63fab5e340e1320" alt="network off icon" height="16" width="16" data-path="images/icons/network-off.svg" /> globe with slash icon
on the right side of the network information line.

To enable it, select the <img class="icon-svg" src="https://mintcdn.com/replit/rJldsgYVucXB_6kW/images/icons/network-on.svg?fit=max&auto=format&n=rJldsgYVucXB_6kW&q=85&s=169c03c9769dde9600939635a8b4a5c3" alt="network on icon" height="16" width="16" data-path="images/icons/network-on.svg" /> globe icon.

To view your development URL, select the `{...}.replit.dev` text in the location bar.

<Frame>
  <img src="https://mintcdn.com/replit/9NKf1XREDj9JhKJb/images/workspace/preview-dev-url.png?fit=max&auto=format&n=9NKf1XREDj9JhKJb&q=85&s=d7009e0a58f9d0e36cefa654664231b1" alt="Preview development URL location" width="1222" height="824" data-path="images/workspace/preview-dev-url.png" />
</Frame>

<Note>
  Your app remains accessible in the Preview tool even when set to stop serving requests to the development URL.
</Note>

### Stop a workflow command

You can stop a running workflow command from the Console Project Editor tool.

Select the square button on the right side of the line that contains your Replit App run command to terminate it.

To restart your app, use the workflow **Run** button at the top of the Project Editor.

## Next steps

To learn more about related Project Editor tools see the following resources:

* [Preview](/core-concepts/project-editor/editor-and-tools/preview/): Explore the Preview tool for testing your application and viewing console output
* [Agent](/core-concepts/agent/): Learn about Agent for code help and error resolution
* [Shell](/core-concepts/project-editor/editor-and-tools/shell/): Learn how to use the command-line interface in the Project Editor.
