---
ui_doc_type: component
component_id: operation-history-list
status: 구현됨
source_evidence:
  - type: code
    path: apps/client/lib/widgets/runtime_panel.dart
    notes: _buildOperationsHistory renders operation records with status, command id, selector, summary, and error.
  - type: user
    path: null
    notes: Initial scaffold requested by user.
---

# Operation History List

Component ID: `operation-history-list`

Status: `구현됨`

## Source Evidence

| Type | Path | Notes |
|------|------|-------|
| code | `apps/client/lib/widgets/runtime_panel.dart` | `_buildOperationsHistory`가 operation record list와 status chip을 렌더링한다. |
| user | 없음 | 초기 agent-ui 생성을 요청했다. |

## Purpose

Edge command execution history를 scan 가능한 list로 보여준다.

## Used By

- `runtime`: `runtime.operation-history`

## Anatomy

- operation icon
- operation name
- command id
- target selector
- summary
- optional error
- status chip

## Variants

- success
- accepted/pending
- error/failed
- unknown

## States

- default
- loading
- empty
- error
- disabled: 없음

## Rules

- error가 있으면 summary보다 error text가 더 눈에 띄어야 한다.
- target selector가 비어 있으면 `all`로 표시한다.

## Decision History

- 2026-06-25: `RuntimePanel`의 operations history 영역을 component로 정의했다.
