31 lines
1.9 KiB
Markdown
31 lines
1.9 KiB
Markdown
---
|
|
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는 이 목록에 있어야 한다.
|