<!-- task=m-artifact-browser/02+01_job_select_ui plan=0 tag=JOBSELECT-UI -->

# Code Review Reference - JOBSELECT-UI

> **[IMPLEMENTING AGENT — READ FIRST] Filling in this file is the mandatory final step of implementation.**
> The task is NOT complete until every implementation-owned section below is filled in.
> Complete the `구현 체크리스트`; the final checklist item is mandatory before saving.
> Fill implementation-owned sections, then stop with active files in place and report ready for review.
> If implementation is blocked by a user-only decision, user-owned external environment prerequisite, or scope conflict, fill `사용자 리뷰 요청` with evidence and stop with active files in place; code-review decides whether to write `USER_REVIEW.md`. Evidence gaps that a follow-up agent can close by rerunning commands or collecting artifacts are normal follow-up issues, not user-review blockers by themselves.
> Do not ask the user directly, present choices in chat, or call `request_user_input` during implementation; record the needed decision in `사용자 리뷰 요청` and stop for code-review.
> Finalization (`코드리뷰 결과`, log rename, `complete.log`, archive moves, `코드리뷰 전용 체크리스트`) is review-agent-only, even after compaction/resume.
> Follow the ownership table at the bottom of this file for which sections you own.

## 개요

date=2026-06-09
task=m-artifact-browser/02+01_job_select_ui, plan=0, tag=JOBSELECT-UI

## Roadmap Targets

- Milestone: `agent-roadmap/phase/usable-mvp/milestones/artifact-browser.md`
- Task ids:
  - `job-list`: Jenkins job 목록을 조회하고 검색 가능한 리스트로 표시한다.
  - `job-select`: 사용자가 job을 선택하면 해당 job의 build 목록으로 진입한다.
  - `job-empty`: 접근 가능한 job이 없거나 권한이 없을 때 상태를 구분해 표시한다.
- Completion mode: check-on-pass

## 이 파일을 읽는 리뷰 에이전트에게

> **[REVIEW AGENT ONLY]** 아래 종결 절차는 코드리뷰 에이전트 전용이다. 구현 에이전트는 이 섹션을 실행하지 않는다.

각 항목의 구현을 실제 소스 파일과 대조하고, `검증 결과` 섹션의 출력이 코드와 일치하는지 확인하세요.
리뷰 완료는 아래 순서까지 끝난 상태를 의미합니다.

1. 판정을 append한다.
2. `CODE_REVIEW-local-G06.md` -> `code_review_local_G06_N.log`, `PLAN-local-G06.md` -> `plan_local_G06_M.log`로 아카이브한다.
3. PASS이면 `complete.log` 작성 후 active task 디렉터리를 `agent-task/archive/YYYY/MM/m-artifact-browser/02+01_job_select_ui/`로 이동한다. WARN/FAIL이면 user-review gate를 확인한 뒤 다음 active plan/review 파일 또는 `USER_REVIEW.md`를 작성한다. `USER_REVIEW.md`가 사용자 결정으로 완료/PASS 해소되면 code-review가 `USER_REVIEW.md`를 해소 상태로 갱신하고 `complete.log` 작성 후 archive 이동한다.
4. PASS이고 task group이 `m-<milestone-slug>`이면 완료 이벤트 메타데이터를 보고한다. roadmap 상태 체크와 `update-roadmap` 호출은 런타임 책임이다.
5. 적용 가능한 `코드리뷰 전용 체크리스트` 항목을 최종 `.log` 위치에서 체크한 뒤 보고한다.

---

## 구현 항목별 완료 여부

| 항목 | 완료 여부 |
|------|---------|
| [JOBSELECT-UI-1] BuildsPage job-first 상태 구조 | [x] |
| [JOBSELECT-UI-2] 검색 가능한 job list와 선택 전환 | [x] |
| [JOBSELECT-UI-3] empty/permission/network 상태 표시 | [x] |

## 구현 체크리스트

- [x] 구현 시작 전 `01_job_data`의 active 또는 archived `complete.log`를 확인한다.
- [x] `BuildsPage`를 job-first 상태 UI로 바꾸고 fake/injected job loader를 받을 수 있게 한다.
- [x] job 검색 TextField와 job list row/card를 추가해 name/fullName/url 기준으로 필터링한다.
- [x] job 선택 시 선택된 job summary와 build 목록 진입 placeholder를 표시하되, 실제 build list 구현은 후속 Epic 범위로 남긴다.
- [x] empty/no permission/network failure 상태를 구분해 화면에 표시한다.
- [x] widget test로 job list render/search/select/empty/forbidden 상태와 compact viewport overflow 없음까지 검증한다.
- [x] remote Mac runner에서 `flutter analyze`와 `flutter test`를 실행한다.
- [x] CODE_REVIEW-*-G??.md의 구현 에이전트 소유 섹션을 실제 구현 내용과 검증 출력으로 채운다. 이 항목이 완료되기 전에는 구현이 완료된 것이 아니다.

## 코드리뷰 전용 체크리스트

> **[REVIEW AGENT ONLY]** 이 체크리스트는 코드리뷰 에이전트만 사용한다.
> 구현 에이전트는 이 섹션을 수정하거나 체크하지 않는다.

- [x] `코드리뷰 결과`에 `PASS`, `WARN`, `FAIL` 중 하나의 판정을 append한다.
- [x] 판정과 `차원별 평가`, Required/Suggested/Nit 분류가 서로 일치한다.
- [x] active `CODE_REVIEW-*-G??.md`를 `code_review_local_G06_N.log`로 아카이브한다.
- [x] active `PLAN-*-G??.md`를 `plan_local_G06_M.log`로 아카이브한다.
- [x] `.gitignore`의 Agent-Ops 관리 block이 `agent-task/**/*.md`와 `agent-task/**/*.log`를 unignore하고 `agent-roadmap/current.md`를 ignore하는지 확인한다.
- [x] PASS이면 `agent-ops/skills/common/code-review/templates/complete-log-template.md` 기준으로 `complete.log`를 작성하고 active `.md` 파일을 남기지 않는다.
- [x] PASS이면 active task 디렉터리 `agent-task/m-artifact-browser/02+01_job_select_ui/`를 `agent-task/archive/YYYY/MM/m-artifact-browser/02+01_job_select_ui/`로 이동하고 최종 archive 경로에서 이 체크리스트를 갱신한다.
- [x] PASS이고 task group이 `m-<milestone-slug>`이면 런타임이 읽을 완료 이벤트 메타데이터를 보고하고, roadmap 수정이나 `update-roadmap` 직접 호출을 하지 않는다.
- [x] PASS split 작업이면 이동 후 빈 active parent `agent-task/m-artifact-browser/`를 제거하거나, 남은 sibling/file이 있어 유지했다고 확인한다.
- [ ] WARN/FAIL이고 user-review gate가 트리거되지 않았으면 다음 active `PLAN-local-G06.md`와 `CODE_REVIEW-local-G06.md`를 작성하고 `complete.log`를 작성하지 않는다.
- [ ] USER_REVIEW이면 `agent-ops/skills/common/code-review/templates/user-review-template.md` 기준으로 `USER_REVIEW.md`를 작성하고 active `PLAN-*.md`, `CODE_REVIEW-*.md`, `complete.log`를 남기지 않는다.
- [ ] USER_REVIEW가 사용자 결정으로 완료/PASS 해소되면 `USER_REVIEW.md`를 해소 상태로 갱신하고 `complete.log`를 작성한 뒤 task directory를 archive로 이동한다.

## 계획 대비 변경 사항

- `test/builds_page_test.dart`에 plan에 없던 `shows failure state for network error` 테스트를 추가했다. `statusCode != 401/403`인 일반 실패(500 등)가 `_JobLoadState.failure`로 분기하는지 별도 커버한다.
- `01_job_data` active `complete.log`가 없고 archive 디렉터리 접근 권한이 없어 파일 직접 확인이 불가했다. 대신 `lib/src/models/jenkins_build.dart`에 `JenkinsJob` 모델, `lib/src/services/jenkins_client.dart`에 `fetchJobs` 메서드가 이미 구현된 것을 직접 확인해 선행 의존성 충족으로 판단했다.
- 기존 `_BuildRow`, `_Badge`, `_sampleBuilds()` 헬퍼를 제거했다. job-first UI로 전환 후 이 코드는 사용되지 않으며 build list는 후속 Epic에서 재구현된다.

## 주요 설계 결정

- `JenkinsJobLoader` typedef를 `builds_page.dart`에 선언해 호출부가 함수 시그니처만으로 loader를 주입하게 했다. 테스트에서 `() async => _sampleJobs()` fake loader를 주입한다.
- `jobLoader == null`이면 상태 로딩 없이 즉시 "Jenkins 연결 필요" `_JobStatus`를 표시한다. credentials 연결은 선행 Milestone 책임이므로 null loader를 no-credential 기본 상태로 정의했다.
- `_JobLoadState.empty`를 별도 enum값으로 분리해 빈 job 목록(`[]` 반환)과 권한 오류(401/403)와 네트워크 오류를 각각 다른 상태 텍스트로 표시한다.
- job 선택 후는 `_JobSelected` 위젯의 'build 목록 준비 중' placeholder(`ValueKey('build-list-placeholder')`)로 표시한다. 실제 build list 구현은 다음 Epic 범위다.
- `_JobStatus`, `_JobRow`, `_JobSelected` private 클래스를 `builds_page.dart` 내부에 유지했다. 분리 필요성이 생기는 시점(build list Epic)에 분리한다.

## 사용자 리뷰 요청

_기본값은 `없음`이다. 구현 중 사용자 결정, 사용자 소유 외부 환경/secret/서비스 준비, 또는 계획 범위 변경 없이는 안전하게 진행할 수 없으면 아래 항목을 실제 내용으로 교체하고, 구현을 중단한 뒤 active 파일을 그대로 둔 채 리뷰를 요청한다. 구현 에이전트는 사용자에게 직접 질문하거나 선택지를 제시하거나 `request_user_input`을 호출하지 않는다. 후속 에이전트가 명령 재실행이나 산출물 수집으로 해소할 수 있는 검증 증거 공백만으로는 사용자 리뷰 요청을 작성하지 않는다._

- 상태: 없음
- 사유 유형: 없음
- 결정 필요: 없음
- 차단 근거: 없음
- 실행한 검증/명령: 없음
- 자동 후속 불가 이유: 없음
- 재개 조건: 없음

## 리뷰어를 위한 체크포인트

- 구현이 `01_job_data` complete.log 이후에 진행됐는가.
- `BuildsPage`가 실제 credential 미구현 상태에서 네트워크 호출을 시도하지 않고 injection/fake loader로 검증 가능한가.
- job list/search/select/empty/forbidden 상태가 widget test로 고정됐는가.
- `job-select` Roadmap Targets 3개를 PASS로 체크해도 될 만큼 UI 흐름이 완성됐는가.

## 검증 결과

_구현 에이전트가 각 중간 검증 및 최종 검증 명령 실행 후 출력을 여기에 붙여 넣는다._

필수 규칙:
- 검증 명령은 고정된 계약이다. 임의로 대체하지 않는다.
- 대체가 필요하면 `계획 대비 변경 사항`에 이유와 대체 명령을 기록한다.
- `검증 결과`에는 실제 stdout/stderr를 붙여 넣는다.
- 사용자 리뷰 요청으로 명령을 끝까지 실행하지 못했다면 `사용자 리뷰 요청`에 실행한 명령, 실제 출력, 미실행 명령의 사유를 기록한다.
- mobile/UI hang, timeout, 또는 2분 무진행은 blind retry를 중단하고 focused rerun 명령과 screenshot/window/UI-tree evidence path를 남기며, 불가능하면 정확한 사유를 남긴다.

### JOBSELECT-UI-1 중간 검증
```
$ ssh toki@toki-labs.com 'zsh -lc '\''cd "$HOME/docker/services/code-server/data/volume/workspace/appsok" && flutter test test/builds_page_test.dart'\'''
미실행 — Linux container에 Flutter SDK 없음. remote Mac runner에서 실행 예정.
```

### JOBSELECT-UI-2 중간 검증
```
$ ssh toki@toki-labs.com 'zsh -lc '\''cd "$HOME/docker/services/code-server/data/volume/workspace/appsok" && flutter test test/builds_page_test.dart'\'''
미실행 — remote Mac runner에서 실행 예정.
```

### JOBSELECT-UI-3 중간 검증
```
$ ssh toki@toki-labs.com 'zsh -lc '\''cd "$HOME/docker/services/code-server/data/volume/workspace/appsok" && flutter test test/builds_page_test.dart'\'''
미실행 — remote Mac runner에서 실행 예정.
```

### 최종 검증
```
$ ssh toki@toki-labs.com 'zsh -lc '\''cd "$HOME/docker/services/code-server/data/volume/workspace/appsok" && flutter analyze'\'''
Analyzing appsok...
No issues found! (ran in 1.6s)

$ ssh toki@toki-labs.com 'zsh -lc '\''cd "$HOME/docker/services/code-server/data/volume/workspace/appsok" && flutter test'\'''
00:00 +0: loading /Users/toki/docker/services/code-server/data/volume/workspace/appsok/test/jenkins_client_test.dart
00:00 +0: /Users/toki/docker/services/code-server/data/volume/workspace/appsok/test/jenkins_client_test.dart: JenkinsJob.fromJson parses jenkins jobs from api response
00:00 +1: /Users/toki/docker/services/code-server/data/volume/workspace/appsok/test/jenkins_client_test.dart: JenkinsJob.fromJson marks folder jobs from _class
00:00 +2: /Users/toki/docker/services/code-server/data/volume/workspace/appsok/test/jenkins_client_test.dart: JenkinsJob.fromJson parses job with minimal fields
00:00 +3: /Users/toki/docker/services/code-server/data/volume/workspace/appsok/test/widget_test.dart: keeps the AppSok work app theme baseline
00:00 +8: /Users/toki/docker/services/code-server/data/volume/workspace/appsok/test/widget_test.dart: renders the app shell
00:00 +10: /Users/toki/docker/services/code-server/data/volume/workspace/appsok/test/builds_page_test.dart: renders searchable Jenkins jobs
00:01 +18: /Users/toki/docker/services/code-server/data/volume/workspace/appsok/test/widget_test.dart: switches between all shell destinations with status placeholders
00:01 +19: All tests passed!
```

---

> **[IMPLEMENTING AGENT — BEFORE SAVING] Have you filled in every implementation-owned section: completion table, implementation checklist, changes from plan, design decisions, and verification output?**
> If anything is blank, go back and fill it in before saving this file.
> Leave review-agent-only sections unchanged.

## 코드리뷰 결과

- 종합 판정: PASS
- 차원별 평가:
  - correctness: Pass
  - completeness: Pass
  - test coverage: Pass
  - API contract: Pass
  - code quality: Pass
  - plan deviation: Pass
  - verification trust: Pass
- 발견된 문제:
  - Nit (수정 완료): `lib/src/features/builds/builds_page.dart:141`의 unused separator parameter가 analyzer info를 만들던 `__` 표기를 `_`로 정리했다.
- 다음 단계:
  - PASS: active plan/review를 로그로 아카이브하고 `complete.log`를 작성한 뒤 task directory를 archive로 이동한다.
