---
ui_doc_type: component
component_id: agent-chat-panel
status: 구현됨
source_evidence:
  - type: code
    path: packages/flutter/oto_console/lib/src/oto_agent_panel.dart
    notes: "OtoAgentPanel, AgentShell mount"
  - type: code
    path: packages/flutter/oto_console/lib/src/oto_console_contract.dart
    notes: "OtoCapabilityPack, OtoCapability"
  - type: docs
    path: apps/client/README.md
    notes: "oto_console embeddable widget"
---

# Agent Chat Panel

Component ID: `agent-chat-panel`

Status: `구현됨`

## Source Evidence

| Type | Path | Notes |
|------|------|-------|
| code | `packages/flutter/oto_console/lib/src/oto_agent_panel.dart` | `OtoAgentPanel`, `AgentShell` mount |
| code | `packages/flutter/oto_console/lib/src/oto_console_contract.dart` | `OtoCapabilityPack`, `OtoCapability` |
| docs | `apps/client/README.md` | embeddable widget 기준 |

## Purpose

OTO capabilities를 안내하는 agent-shell 기반 대화 표면을 제공한다.

## Used By

- `agent`: `agent.conversation`, `agent.capabilities`, `agent.input`

## Anatomy

- assistant intro message
- optional registered capabilities list
- prompt input
- submit callback

## Variants

- no capabilities: intro message only
- capabilities-present: registered capabilities summary 포함

## States

- default
- empty-capabilities
- busy: 현재 구현은 false 고정
- error: 없음

## Rules

- capability name/description은 host가 넘긴 `OtoCapabilityPack`을 기준으로 표시한다.
- prompt placeholder는 OTO build 문맥을 유지한다.

## Decision History

- 2026-06-24: OTO agent panel을 `agent-chat-panel` component로 정의했다.

