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

# React SDK

> Embed Studio and Observatory tools in a customer product

The **React SDK** embeds [Studio](/products/studio) and [Observatory](/products/observatory) tools in a customer product through an iframe. The package is `@aiql.io/react`, installed with npm. Developer reference lives at [docs.aiql.io/sdks/react/overview](https://docs.aiql.io/sdks/react/overview).

The customer's API key stays on their server. The browser only receives a short-lived, workspace-scoped embed token. Server helpers mint those tokens for Next.js and Express.

## Embeddable surfaces

* Canvas (Brainstorm)
* Dashboard (Analyze)
* Chat (Explore)
* Knowledge graph
* Common knowledge (Studio Explore)
* Source preview
* Presentation

These embeds are the UI for [Artifacts API](/products/artifacts-api) objects. Creating and listing artifacts in code uses the [Python SDK](/products/python-sdk) or [TypeScript SDK](/products/typescript-sdk).