nomadcode/agent-ui/definition/components/status-chip/index.md

71 lines
1.8 KiB
Markdown

---
ui_doc_type: component
component_id: status-chip
status: 구현됨
source_evidence:
- type: code
path: apps/client/lib/src/features/workspaces/presentation/workspace_home_page.dart
notes: _buildStatusChip과 workspace detail status pill 구현.
- type: code
path: apps/client/lib/src/features/workspaces/domain/project_workspace.dart
notes: ProjectStatus enum.
- type: user
path: null
notes: agent-ui 생성 요청.
---
# Status Chip
Component ID: `status-chip`
Status: `구현됨`
## Source Evidence
| Type | Path | Notes |
|------|------|-------|
| code | `apps/client/lib/src/features/workspaces/presentation/workspace_home_page.dart` | _buildStatusChip과 workspace detail status pill 구현. |
| code | `apps/client/lib/src/features/workspaces/domain/project_workspace.dart` | ProjectStatus enum. |
| user | 없음 | agent-ui 생성 요청. |
## Purpose
Project 또는 task status를 작은 pill 형태로 압축해 보여준다.
## Used By
- `workspace-home`: `workspace-home.workspace-details`
- `workspace-home`: `workspace-home.active-tasks`
## Anatomy
- Compact container
- Status text
- Accent color background
## Variants
- project-status: active 또는 paused workspace status pill
- task-status: arbitrary task status text
## States
- default
- active
- paused
- running
- 알 수 없는 task status
- loading: 없음
- empty: 없음
- error: status value가 error이면 task row status text로 표시된다.
- disabled: 없음
## Rules
- project status는 enum value를 uppercase로 표시한다.
- task status는 service에서 온 status string을 그대로 표시한다.
- status chip은 status 의미를 변경하지 않고 시각적으로만 강조한다.
## Decision History
- 2026-06-24: workspace와 task 상태 표현을 component로 등록했다.