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

37 lines
2 KiB
Markdown

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