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

# Overview

> Embeddable AI chat sidebar for any web application.

The **Sidenet AI SDK** (`sidenetai-sdk`[ on npm](https://www.npmjs.com/package/sidenetai-sdk)) is an embeddable AI chat for any web application. It uses Shadow DOM for complete CSS isolation — your styles won't affect the sidebar, and the sidebar won't affect your styles.

## Features

* **Shadow DOM Isolation** — Complete CSS encapsulation
* **Framework Agnostic** — Works with React, Vue, Angular, or vanilla JS
* **Any Layout** — Sidebar, Modal, Drawer, Full Screen, ...
* **Full TypeScript Support** — Type definitions included
* **Session Tokens** — Short-lived credentials minted on your backend, refreshed automatically
* **Tool Credentials** — Bind per-user credentials for tools (GitHub, Slack, etc.) into the session
* **Prompt Variables** — Fill the `{{placeholders}}` your agents' prompts declare, and discover them at runtime
* **Theming** — Light/dark mode with customisable design tokens
* **Keyboard Shortcuts** — Configurable Cmd/Ctrl+key shortcuts
* **Content Push** — Optionally push your page content aside when the sidebar opens
* **Events** — Callbacks, CSS custom properties, and window events

<Warning>
  **Upgrading from v2.0.123 or earlier?** v2.0.124 replaced `orgId` / `userId` / `token` with a single backend-minted [`auth` session](/docs/sdk/authentication), and moved tool credentials [out of the browser](/docs/sdk/api/tool-credentials). Both pages carry a migration table.
</Warning>

<Frame>
  <img src="https://mintcdn.com/sidenetai/bYiM267pd74qNSPc/Screenshot-2026-07-14-at-00.34.29.png?fit=max&auto=format&n=bYiM267pd74qNSPc&q=85&s=3d535beaebb1f3dc4e403e823011f020" alt="Screenshot 2026 07 14 At 00 34 29" width="1648" height="1736" data-path="Screenshot-2026-07-14-at-00.34.29.png" />
</Frame>
