alt/agent-ui/definition/components/status-panel/index.md

ui_doc_type	component_id	status	source_evidence
component	status-panel	구현됨	type path notes code apps/client/lib/src/features/dashboard/presentation/dashboard_screen.dart _StatusPanel이 icon, title, value 형태의 dashboard status row를 렌더링한다.

Status Panel

Component ID: status-panel

Status: 구현됨

Source Evidence

Type	Path	Notes
code	apps/client/lib/src/features/dashboard/presentation/dashboard_screen.dart	_StatusPanel이 icon, title, value 형태의 dashboard status row를 렌더링한다.

Purpose

dashboard에서 pipeline과 socket contract 같은 상태 요약을 일관된 row panel로 보여준다.

Used By

• dashboard: dashboard.pipeline-status
• dashboard: dashboard.socket-status

Anatomy

• status icon
• title
• value
• bordered panel container

Variants

• default: icon, title, value

States

• default
• loading
• error

Rules

• value는 upstream controller 또는 scaffold 상태를 짧은 operator-facing text로 보여준다.
• 상태 원천이 없는 항목은 실제 데이터처럼 보이지 않게 scaffold value를 명시한다.

Decision History

• 2026-06-25: _StatusPanel 구현 근거로 component 정의를 생성했다.