---
ui_doc_type: components-index
components:
  - shell-navigation
  - status-pill
  - job-list
  - build-row
  - install-cta
  - device-tile
  - install-banner
  - logcat-viewer
  - jenkins-credential-panel
  - adb-diagnostics
---

# Component Definitions

## Component List

| Component ID | Status | Evidence | Description |
|--------------|--------|----------|-------------|
| `shell-navigation` | 구현됨 | `lib/src/features/app_shell.dart` | AppSok brand header와 NavigationRail page 전환 |
| `status-pill` | 구현됨 | `lib/src/features/app_shell.dart` | Jenkins/ADB 대기 상태를 top bar에 압축 표시 |
| `job-list` | 구현됨 | `lib/src/features/builds/builds_page.dart` | Jenkins job 검색과 job row 목록 |
| `build-row` | 구현됨 | `lib/src/features/builds/builds_page.dart` | build metadata, result badge, selected state 표시 |
| `install-cta` | 구현됨 | `lib/src/features/builds/builds_page.dart` | APK download, progress, retry, install handoff CTA |
| `device-tile` | 구현됨 | `lib/src/features/devices/devices_page.dart` | device 상태, metadata, logcat/install action 카드 |
| `install-banner` | 구현됨 | `lib/src/features/devices/devices_page.dart` | pending install과 현재 설치 결과 banner |
| `logcat-viewer` | 구현됨 | `lib/src/features/console/console_page.dart` | dark log viewer와 level-colored log line 표시 |
| `jenkins-credential-panel` | 구현됨 | `lib/src/features/settings/settings_page.dart` | Jenkins URL, job, credential action, save/clear result 표시 |
| `adb-diagnostics` | 구현됨 | `lib/src/features/settings/settings_page.dart` | ADB runtime source/path/version/hash 진단 row |

## Rules

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