validate-agent-ui 규칙이 요구하는 상태값 스키마에 맞춰 기존 code-first agent-ui 문서의 legacy 상태 표기를 정규화한다.
2.6 KiB
2.6 KiB
| ui_doc_type | component_id | status | source_evidence | |||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| component | status-badge | 구현됨 |
|
Status Badge
Component ID: status-badge
Status: 구현됨
Source Evidence
| Type | Path | Notes |
|---|---|---|
| code | packages/flutter/iop_console/lib/src/iop_console_overview.dart |
overview connection badge와 status tile 색상 기준을 포함한다. |
| code | apps/client/lib/widgets/edges_panel.dart |
Edge connected/disconnected badge와 capability chip을 포함한다. |
| code | apps/client/lib/widgets/nodes_panel.dart |
Node status, adapter enabled, provider state badge를 포함한다. |
| code | apps/client/lib/widgets/runtime_panel.dart |
command result, lifecycle state, operation status badge를 포함한다. |
| user | 없음 | 초기 agent-ui 생성을 요청했다. |
Purpose
운영 상태를 색상과 짧은 uppercase label로 빠르게 스캔할 수 있게 한다.
Used By
overview:overview.connection-status,overview.health-summaryedges:edges.connection-status,edges.capabilitiesnodes:nodes.node-status,nodes.adapter-configruntime:runtime.command-status,runtime.domain-agents,runtime.operation-history
Anatomy
- state label
- semantic color
- optional border/background emphasis
- optional icon
Variants
- connection: connected, disconnected, connecting, error
- lifecycle: ready, busy, running, failed, unknown
- command: success, accepted, pending, failed
- capability: small chip
States
- default
- loading
- empty: 없음
- error
- disabled: 없음
Rules
- green은 healthy/success/connected, amber는 pending/busy/draining, red는 error/failed/offline, gray는 unknown/empty 계열에 사용한다.
- label은 짧게 유지하고 상세 설명은 주변 row/card에 둔다.
Decision History
- 2026-06-25: 여러 panel 구현에서 반복되는 status chip 패턴을 component로 추출했다.