---
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로 등록했다.
