# AISettingsPage

**Kind:** Component

**Source:** [`atloria-monorepo/apps/web/src/app/app/settings/ai/page.tsx`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/apps/web/src/app/app/settings/ai/page.tsx#L36)

## Diagram

```mermaid
graph TD
    component_AISettingsPage_2013264d["AISettingsPage"]
    class component_AISettingsPage_2013264d rootComponent
```

## Relationships

- RENDERS → `ProviderConfig`
- RENDERS → `UsagePanel`
- RENDERS → `RequestHistory`
- RENDERS → `SettingsManager`
- USES_HOOK → `useSession`
- USES_HOOK → `useAPIClient`
- USES_HOOK → `useAIProviders`
- USES_HOOK → `useAISettings`
- USES_HOOK → `useState`
- USES_HOOK → `useEffect`
- USES_HOOK → `useCallback`