---
ui_doc_type: components-index
components:
  - workbench-titlebar
  - activity-rail
  - agent-dock-panel
  - workspace-list
  - workspace-task-list
  - status-chip
  - proto-socket-diagnostics
---

# Component Definitions

## Component List

| Component ID | Status | Evidence | Description |
|--------------|--------|----------|-------------|
| `workbench-titlebar` | 구현됨 | `apps/client/lib/src/app/nomadcode_workbench_shell.dart` | Console brand mark, title, current section label을 표시하는 shell 상단 바. |
| `activity-rail` | 구현됨 | `apps/client/lib/src/app/nomadcode_workbench_shell.dart` | Agent toggle과 product section 전환을 담당하는 우측 icon rail. |
| `agent-dock-panel` | 구현됨 | `apps/client/lib/src/app/nomadcode_workbench_shell.dart` | 우측 rail에 붙는 AgentShell 기반 agent dock. |
| `workspace-list` | 구현됨 | `apps/client/lib/src/features/workspaces/presentation/workspace_home_page.dart` | ProjectWorkspace 목록과 선택 상태를 표시하는 리스트. |
| `workspace-task-list` | 구현됨 | `apps/client/lib/src/features/workspaces/presentation/workspace_home_page.dart` | Mock 또는 proto-socket task service에서 온 active task rows와 loading/empty/error 상태. |
| `status-chip` | 구현됨 | `apps/client/lib/src/features/workspaces/presentation/workspace_home_page.dart` | Project/task status를 compact pill로 표시하는 상태 요소. |
| `proto-socket-diagnostics` | 구현됨 | `apps/client/lib/src/features/workspaces/presentation/workspace_home_page.dart` | Proto-socket lifecycle diagnostics를 chip 묶음으로 표시하는 진단 영역. |

## Rules

- component 정의는 구현 API가 아니라 UI 사용 규칙을 다룬다.
- view별 변형이 필요하면 `<component-id>/<variant>.md` 또는 하위 디렉터리를 사용한다.
- 실제 구현체 이름과 다를 수 있지만, view 정의서에서 참조하는 component id는 이 목록에 있어야 한다.