---
ui_doc_type: component
component_id: workbench-titlebar
status: 구현됨
source_evidence:
  - type: code
    path: apps/client/lib/src/app/nomadcode_workbench_shell.dart
    notes: _WorkbenchTitleBar 구현.
  - type: docs
    path: apps/client/README.md
    notes: Workbench shell의 top titlebar 설명.
  - type: user
    path: null
    notes: agent-ui 생성 요청.
---

# Workbench Titlebar

Component ID: `workbench-titlebar`

Status: `구현됨`

## Source Evidence

| Type | Path | Notes |
|------|------|-------|
| code | `apps/client/lib/src/app/nomadcode_workbench_shell.dart` | _WorkbenchTitleBar 구현. |
| docs | `apps/client/README.md` | Workbench shell의 top titlebar 설명. |
| user | 없음 | agent-ui 생성 요청. |

## Purpose

Workbench 최상단에서 NomadCode Console identity와 현재 선택 section label을 표시한다.

## Used By

- `workbench-shell`: `workbench-shell.titlebar`

## Anatomy

- Brand mark icon container
- `NomadCode Console` title
- Divider
- Current section label

## Variants

- default: full width titlebar

## States

- default
- loading: 없음
- empty: section label이 없으면 빈 label 대신 현재 enum label을 사용한다.
- error: 없음
- disabled: 없음

## Rules

- 현재 section label은 `NomadWorkbenchSection`에서 파생한다.
- titlebar는 navigation control을 직접 갖지 않는다.

## Decision History

- 2026-06-24: workbench shell의 구현된 titlebar를 component로 등록했다.