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

# Using @pierre/diffs for file edit diffs

> Piebald allows you to switch between @pierre/diffs and Monaco editor.

<Badge color="green">Available in [Piebald Pro](https://piebald.ai/pricing)</Badge>

By default, Piebald uses [Monaco editor](https://github.com/microsoft/monaco-editor), the same editor that powers VS Code, to render diffs when the model creates or edits files.  Here's an example:

<img className="shadow-md rounded-xl" width="700" alt="Screenshot of a diff rendered with Monaco editor" src="https://mintcdn.com/piebald/-AaSH-LxuVoxYcZl/imgs/v0-1-10/diff_monaco.png?fit=max&auto=format&n=-AaSH-LxuVoxYcZl&q=85&s=4e5130e05d3c3099b016ae3ef0f79fb6" data-path="imgs/v0-1-10/diff_monaco.png" />

With Piebald Pro, you can switch the library used for diff rendering to [`@pierre/diffs`](https://diffs.com/):

<img className="shadow-md rounded-xl" width="700" alt="Screenshot of a diff rendered with Diffs" src="https://mintcdn.com/piebald/-AaSH-LxuVoxYcZl/imgs/v0-1-10/diff_diffs.png?fit=max&auto=format&n=-AaSH-LxuVoxYcZl&q=85&s=7c5593322b90696d96c34750cca6f94f" data-path="imgs/v0-1-10/diff_diffs.png" />

To use Diffs, go to **Settings → Chat Interface** and under **Diff Library**, select **@pierre/diffs**.