---
ui_doc_type: component
component_id: status-panel
status: 구현됨
source_evidence:
  - type: code
    path: apps/client/lib/src/features/dashboard/presentation/dashboard_screen.dart
    notes: _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 정의를 생성했다.
