iop/agent-ui/definition/components/edge-detail-list/index.md

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

Edge Detail List

Component ID: edge-detail-list

Status: implemented

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로 정의했다.