# AI Chat Settings Panel

Side panel of an AI chat to set the model and temperature for that conversation only.

- id: `ai-chat-settings-panel`
- Page: https://agentic-ui-kit.com/components/ai-chat-settings-panel
- Live preview: https://agentic-ui-kit.com/live/component/ai-chat-settings-panel

## Install

```bash
agentic-ui add ai-chat-settings-panel
npx shadcn@4.17.0 add @agentic-ui/ai-chat-settings-panel
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york)
- **Capabilities:** model-selection, temperature-control, top-p-control, max-tokens-control, system-prompt-editor, prompt-presets, per-conversation-scope, parameter-clamping, dirty-state-tracking, save-and-reset, field-validation, read-only-mode, keyboard-navigation
- **Intents:** configure, create-edit, explore-detail
- **Suits domains:** ai-workspace, ai-agents, saas, settings, devtools
- **Interaction:** model-select, slider-drag, keyboard-stepping, tab-switch, preset-apply, textarea-edit, toggle-switch, save-reset
- **Screen role:** management
- **Density:** compact
- **Dark mode:** yes
- **Use it for:** side panel of an AI chat to set the model and temperature for that conversation only, agent settings where the system prompt is chosen from presets reviewed by the team, developer console comparing responses while changing top-p and max tokens, shared conversation in read-only mode where settings can be viewed but not edited
- **Avoid when:** isolated model selection without the rest of the inference parameters (use ai-model-picker), editing prompt templates with variables and versioning (use prompt-editor-variables), global account or workspace preferences that are not per conversation (use a standard settings form)
- **Preserve when adapting:** per-conversation-scoping, parameter-to-model-constraints, dirty-and-save-model, system-prompt-budget-feedback
- **Replace when adapting:** domain-copy, model-catalog, preset-library, persistence-adapter
- **Adaptation effort:** low
- **Coupling:** low
- **Quality score:** 9.2/10
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **Uses primitives:** badge, button, card, label, select, separator, slider, switch, tabs, textarea
- **Motion:** profile subtle, library css, reduced-motion fallback yes
- **Registry dependencies:** lib-primitives