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

1.9 KiB

ui_doc_type components
components-index
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는 이 목록에 있어야 한다.