# AskAIProvider



# Overview

Provides AskAI context for composing surfaces manually or sharing context across multiple surfaces. Pair it with [AskAI.Trigger](/docs/api-reference/client/ask-ai-trigger) and a surface like [AskAI.Sidepane](/docs/api-reference/client/ask-ai-sidepane).

## Type Definition

```ts
import type { ReactNode } from 'react';
import type { HttpChatTransport, UIMessage } from 'ai';

export type AskAIProviderProps = {
  children?: ReactNode;
  endpoint?: string;
  open?: boolean;
  defaultOpen?: boolean;
  chatTransport?: HttpChatTransport<UIMessage>;
  persistence?: boolean | { key?: string };
};
```

## Usage

```tsx
import { AskAI, AskAIProvider } from 'peam/client';

export default function Page() {
  return (
    <AskAIProvider>
      <AskAI.Trigger />
      <AskAI.Sidepane />
    </AskAIProvider>
  );
}
```

## Notes

* `AskAIProvider` does not render UI. It only supplies context.
* [AskAI.Trigger](/docs/api-reference/client/ask-ai-trigger), [AskAI.Dialog](/docs/api-reference/client/ask-ai-dialog), [AskAI.Chat](/docs/api-reference/client/ask-ai-chat), [AskAI.Sidepane](/docs/api-reference/client/ask-ai-sidepane), and [AskAI.Inline](/docs/api-reference/client/ask-ai-inline) all rely on this context.


## Sitemap
[Overview of all docs pages](/sitemap.md)