---
ui_doc_type: component
component_id: domain-agent-card
status: 구현됨
source_evidence:
  - type: code
    path: apps/client/lib/widgets/runtime_panel.dart
    notes: _buildDomainAgentsGrid renders domain agent cards with lifecycle state and active command id.
  - type: docs
    path: README.md
    notes: Domain agents are specialized Edge-connected automation executors.
  - type: user
    path: null
    notes: Initial scaffold requested by user.
---

# Domain Agent Card

Component ID: `domain-agent-card`

Status: `구현됨`

## Source Evidence

| Type | Path | Notes |
|------|------|-------|
| code | `apps/client/lib/widgets/runtime_panel.dart` | `_buildDomainAgentsGrid`가 domain agent card grid를 렌더링한다. |
| docs | `README.md` | Domain agent는 Edge에 직접 붙는 specialized automation executor로 설명된다. |
| user | 없음 | 초기 agent-ui 생성을 요청했다. |

## Purpose

Edge에 보고된 domain agent의 availability, lifecycle state, active command를 보여준다.

## Used By

- `runtime`: `runtime.domain-agents`

## Anatomy

- agent kind
- lifecycle state badge
- summary or availability
- active command id

## Variants

- ready
- busy/running
- error/failed
- unknown

## States

- default
- empty: no domain agents message
- loading: view-level state
- error: lifecycle state color로 표현
- disabled: 없음

## Rules

- grid는 width가 넓으면 2 columns, 좁으면 1 column로 표시한다.
- active command id는 monospace style로 표시한다.

## Decision History

- 2026-06-25: `RuntimePanel`의 domain agent grid를 component로 정의했다.
