---
ui_doc_type: component
component_id: edge-detail-list
status: 구현됨
source_evidence:
  - type: code
    path: apps/client/lib/widgets/edges_panel.dart
    notes: buildEdgeDetails renders selected Edge metadata and capabilities.
  - type: user
    path: null
    notes: Initial scaffold requested by user.
---

# Edge Detail List

Component ID: `edge-detail-list`

Status: `구현됨`

## Source Evidence

| Type | Path | Notes |
|------|------|-------|
| code | `apps/client/lib/widgets/edges_panel.dart` | `buildEdgeDetails`와 `_buildDetailRow`가 selected Edge metadata와 capability chips를 렌더링한다. |
| user | 없음 | 초기 agent-ui 생성을 요청했다. |

## Purpose

선택 Edge의 운영 메타데이터를 세로 detail list로 표시한다.

## Used By

- `edges`: `edges.edge-details`, `edges.capabilities`

## Anatomy

- selected Edge title
- connection badge
- detail rows
- capability chips

## Variants

- desktop detail pane
- mobile detail pane

## States

- default
- empty capability list
- loading: view-level state
- error: view-level state
- disabled: 없음

## Rules

- 값이 비어 있으면 `-`로 표시한다.
- capability가 없으면 명시적으로 no capabilities state를 보여준다.

## Decision History

- 2026-06-25: `EdgesPanel`의 선택 Edge 상세 영역을 component로 정의했다.
