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

2 KiB

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