> ## Documentation Index
> Fetch the complete documentation index at: https://mintlify-mintlify-b475805e.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Use the assistant

> Open the assistant with keyboard shortcuts, highlighted text, code blocks, file attachments, or URL parameters. Test assistant behavior in local preview.

You have multiple ways to start a conversation with the assistant. Each method opens a chat panel on the right side of your docs. You can ask any question and the assistant searches your documentation for an answer. If the assistant cannot retrieve relevant information, it responds that it cannot answer the question.

## Use the assistant in local preview

The assistant is available in your local preview when you log in with the CLI. This lets you test assistant behavior, custom instructions in `Assistant.md`, and responses while developing documentation locally.

1. If you haven't already, install the CLI with `npm i -g mint`.
2. Run `mint login` to authenticate.
3. Run `mint dev` to start the local preview.

The assistant in local preview uses the same indexed content as your deployed documentation site.

## UI placement

The assistant appears in two locations: as a button next to the search bar and as a bar at the bottom of the page.

<Columns cols={2}>
  <Frame caption="Assistant button next to the search bar.">
    <img
      src="https://mintcdn.com/mintlify-mintlify-b475805e/nPibEMjBdhoSzAAe/images/assistant/assistant-button-light.png?fit=max&auto=format&n=nPibEMjBdhoSzAAe&q=85&s=06c03753a7d0d9fc79fd39d486eb9e0c"
      className="block dark:hidden"
      style={{
width: '268px',
height: 'auto',
}}
      alt="Search bar and assistant button in light mode."
      width="1806"
      height="322"
      data-path="images/assistant/assistant-button-light.png"
    />

    <img
      src="https://mintcdn.com/mintlify-mintlify-b475805e/nPibEMjBdhoSzAAe/images/assistant/assistant-button-dark.png?fit=max&auto=format&n=nPibEMjBdhoSzAAe&q=85&s=9b5f51f446250e043dc2b170435b4486"
      className="hidden dark:block"
      style={{
width: '268px',
height: 'auto',
}}
      alt="Search bar and assistant button in dark mode."
      width="1806"
      height="324"
      data-path="images/assistant/assistant-button-dark.png"
    />
  </Frame>

  <Frame caption="Assistant button at the bottom of the page.">
    <img
      src="https://mintcdn.com/mintlify-mintlify-b475805e/nPibEMjBdhoSzAAe/images/assistant/assistant-bar-light.png?fit=max&auto=format&n=nPibEMjBdhoSzAAe&q=85&s=bf7c09ccf972b7ae2daba19c8f206d04"
      className="block dark:hidden"
      style={{
width: '268px',
height: 'auto',
}}
      alt="Assistant bar in light mode."
      width="656"
      height="112"
      data-path="images/assistant/assistant-bar-light.png"
    />

    <img
      src="https://mintcdn.com/mintlify-mintlify-b475805e/nPibEMjBdhoSzAAe/images/assistant/assistant-bar-dark.png?fit=max&auto=format&n=nPibEMjBdhoSzAAe&q=85&s=7bfe162a91058d5571118837cbf0f4f0"
      className="hidden dark:block"
      style={{
width: '268px',
height: 'auto',
}}
      alt="Assistant bar in dark mode."
      width="656"
      height="112"
      data-path="images/assistant/assistant-bar-dark.png"
    />
  </Frame>
</Columns>

## Keyboard shortcut

Open the assistant chat panel with the keyboard shortcut <kbd>Command</kbd> + <kbd>I</kbd> on macOS and <kbd>Ctrl</kbd> + <kbd>I</kbd> on Windows.

## URL parameters

Open the assistant from any page on your documentation site by adding the `?assistant` query parameter to the URL. Use this to deep-link to the assistant from external content like emails, support replies, in-app banners, or onboarding flows.

* `?assistant`: Open the assistant chat panel without sending a message.
* `?assistant=<message>`: Open the assistant chat panel and submit `<message>` as the user's first message. URL-encode the value so spaces and special characters survive the request.

```text Examples theme={null}
https://yourdocs.mintlify.site/quickstart?assistant
https://yourdocs.mintlify.site/quickstart?assistant=How%20do%20I%20get%20started%3F
```

## Highlight text

Highlight text on a page and click the **Add to assistant** button to open the assistant chat panel and add the highlighted text as context. You can add multiple text snippets or code blocks to the assistant's context.

<Frame>
  <img src="https://mintcdn.com/mintlify-mintlify-b475805e/nPibEMjBdhoSzAAe/images/assistant/highlight-light.png?fit=max&auto=format&n=nPibEMjBdhoSzAAe&q=85&s=76882f427af2a713d06bca2404c3ab59" alt="The Add to assistant button above highlighted text in light mode." className="block dark:hidden" width="786" height="236" data-path="images/assistant/highlight-light.png" />

  <img src="https://mintcdn.com/mintlify-mintlify-b475805e/nPibEMjBdhoSzAAe/images/assistant/highlight-dark.png?fit=max&auto=format&n=nPibEMjBdhoSzAAe&q=85&s=e710f0f5947dafe758bbec4b3743efe9" alt="The Add to assistant button above highlighted text in dark mode." className="hidden dark:block" width="786" height="236" data-path="images/assistant/highlight-dark.png" />
</Frame>

## Code blocks

Click the **Ask Assistant** button in a code block to open the assistant chat panel and add the code block as context. You can add multiple code blocks or text snippets to the assistant's context.

<Frame>
  <img src="https://mintcdn.com/mintlify-mintlify-b475805e/nPibEMjBdhoSzAAe/images/assistant/code-block-light.png?fit=max&auto=format&n=nPibEMjBdhoSzAAe&q=85&s=ebbd5aba48cb793bf8834fd34c57d234" alt="The Ask Assistant button in a code block in light mode." className="block dark:hidden" width="1190" height="408" data-path="images/assistant/code-block-light.png" />

  <img src="https://mintcdn.com/mintlify-mintlify-b475805e/nPibEMjBdhoSzAAe/images/assistant/code-block-dark.png?fit=max&auto=format&n=nPibEMjBdhoSzAAe&q=85&s=db29cd9622d357e526a53bfc8aa74a92" alt="The Ask Assistant button in a code block in dark mode." className="hidden dark:block" width="1190" height="408" data-path="images/assistant/code-block-dark.png" />
</Frame>

## File attachments

Attach files to assistant messages to provide additional context.

Supported file types:

* **Images**: JPEG, PNG, GIF, WebP, SVG
* **Documents**: PDF
* **Code and text files**: JavaScript (`.js`, `.jsx`, `.mjs`, `.cjs`), TypeScript (`.ts`, `.tsx`), Python, HTML, CSS, Markdown, MDX, JSON, YAML, XML, SQL, CSV, plain text, shell scripts (`.sh`, `.bash`, `.env`), GraphQL, TOML, Go, Rust, Ruby, Java, Kotlin, Swift, C (`.c`, `.h`), C++ (`.cpp`, `.hpp`), C#, PHP, Lua, R, Scala

Limits:

* Maximum file size: 5 MB per attachment
* Maximum attachments per message: 10

<Frame>
  <img src="https://mintcdn.com/mintlify-mintlify-b475805e/nPibEMjBdhoSzAAe/images/assistant/image-attach-light.png?fit=max&auto=format&n=nPibEMjBdhoSzAAe&q=85&s=39569a960f41172581fc380e22995c2d" alt="An image added as context in the assistant chat panel." className="block dark:hidden" width="674" height="268" data-path="images/assistant/image-attach-light.png" />

  <img src="https://mintcdn.com/mintlify-mintlify-b475805e/nPibEMjBdhoSzAAe/images/assistant/image-attach-dark.png?fit=max&auto=format&n=nPibEMjBdhoSzAAe&q=85&s=28b69805d58314ab9e405fc05a74ffb9" alt="An image added as context in the assistant chat panel." className="hidden dark:block" width="674" height="270" data-path="images/assistant/image-attach-dark.png" />
</Frame>

## Troubleshooting

<Accordion title="Assistant chat bar not visible">
  If the assistant UI is not visible in specific browsers, you may need to submit a false positive report to [EasyList](https://easylist.to). Browsers that use the EasyList Cookies List like Brave and Comet sometimes block the assistant or other UI elements. The EasyList Cookies List includes a domain-specific rule that hides fixed elements on certain domains to block cookie banners. This rule inadvertently affects legitimate UI components.

  Submit a false positive report to [EasyList](https://github.com/easylist/easylist) to request removal of the rule. This resolves the issue for all users once the filter list updates.
</Accordion>

<Accordion title="Assistant blocked on a corporate network, VPN, or firewall">
  If the assistant loads on personal networks but fails on a work network, VPN, or other restricted network, the block is happening at the network level rather than on the documentation site itself. Corporate proxies, VPNs, and firewalls sometimes block the outbound requests the assistant needs to make, so the chat panel cannot connect even though the rest of the site loads normally.

  **For readers:** Ask your IT team to allow outbound HTTPS requests to the following hostnames from your network. If you can, try the assistant from a personal network to confirm the issue is network-specific.

  * `leaves.mintlify.com` — assistant API
  * `*.mintlify.dev` — assistant streaming and supporting services
  * `*.mintlify.com` — dashboard, API, and analytics
  * `hcaptcha.com` and `*.hcaptcha.com` — CAPTCHA verification for the assistant

  **For site owners:** If a reader reports that the assistant does not load on their corporate network or VPN, this is almost always an outbound network block rather than a problem with your documentation. Point them at the hostnames above and suggest they share the list with their IT team. This is a network-level allowlist that applies to the visitor's device or network, not something you can configure from your site. If you self-host behind a reverse proxy that overwrites the default CSP, see [CSP configuration](/deploy/csp-configuration) for the domains to allow.
</Accordion>