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

1.8 KiB

ui_doc_type component_id status source_evidence
component status-chip 구현됨
type path notes
code apps/client/lib/src/features/workspaces/presentation/workspace_home_page.dart _buildStatusChip과 workspace detail status pill 구현.
type path notes
code apps/client/lib/src/features/workspaces/domain/project_workspace.dart ProjectStatus enum.
type path notes
user null 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로 등록했다.