<!-- task=m-artifact-browser/03+02_build_list_ui plan=0 tag=UI -->

# Code Review Reference - 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/03+02_build_list_ui, plan=0, tag=UI

## Roadmap Targets

- Milestone: `agent-roadmap/phase/usable-mvp/milestones/artifact-browser.md`
- Task ids:
  - `requested-by`: Jenkins cause의 userName/userId를 우선하고 없으면 trigger source 또는 commit author를 fallback으로 사용해 빌드한 사람을 1차 정보로 표시한다.
  - `state-badges`: success/failure/running/aborted 상태를 구분해 표시한다.
  - `summary-row`: build number, branch, flavor, result, 시간, artifact 이름은 보조 정보로 요약 표시한다.
  - `search-filter`: 빌드한 사람, build number, branch, flavor, artifact 이름 기준 검색/필터를 제공한다.
  - `empty-error`: 권한 없음, 네트워크 실패, artifact 없음 상태를 구분해 사용자에게 보여준다.
- 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/03+02_build_list_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-artifact-browser`이면 완료 이벤트 메타데이터를 보고한다. roadmap 상태 체크와 `update-roadmap` 호출은 런타임 책임이다.
5. 적용 가능한 `코드리뷰 전용 체크리스트` 항목을 최종 `.log` 위치에서 체크한 뒤 보고한다.

---

## 구현 항목별 완료 여부

| 항목 | 완료 여부 |
|------|---------|
| [UI-1] Build Loader State | [x] |
| [UI-2] Build Rows, Badges, And Filtering | [x] |
| [UI-3] Build Empty And Error States | [x] |

## 구현 체크리스트

- [x] `BuildsPage`에 선택된 job 기준 build loader와 build load state를 추가하고 job 선택/뒤로가기 시 stale build 결과가 남지 않게 한다.
- [x] build row에서 `requestedBy`를 1차 정보로 표시하고 success/failure/running/aborted badge와 build number, branch, flavor, 시간, APK artifact 이름 요약을 보조 정보로 표시한다.
- [x] 빌드한 사람, build number, branch, flavor, artifact 이름 기준 build 검색/필터를 추가하고 검색 결과 없음 상태를 표시한다.
- [x] build 조회의 401/403 권한 없음, 일반 네트워크/서버 실패, APK artifact 없음 상태를 구분해 표시한다.
- [x] `test/builds_page_test.dart`에 loaded row, badge/summary, build search, forbidden/failure/artifact-empty, compact viewport 회귀 테스트를 추가한다.
- [x] remote 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/03+02_build_list_ui/`를 `agent-task/archive/YYYY/MM/m-artifact-browser/03+02_build_list_ui/`로 이동하고 최종 archive 경로에서 이 체크리스트를 갱신한다.
- [x] PASS이고 task group이 `m-artifact-browser`이면 런타임이 읽을 완료 이벤트 메타데이터를 보고하고, 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로 이동한다.

## 계획 대비 변경 사항

- `_JobSelected`를 `StatefulWidget`으로 전환할 때 계획의 "builds/state/query를 받는" 형태 대신 상태를 `_JobSelectedState` 내부에 모두 두었다. 이유: `BuildsPage`가 `_selectedJob = null`로 설정하면 `_JobSelected`가 소멸되어 stale 상태가 자동 해소되므로, 외부에서 상태를 주입받을 필요가 없다.
- `_JobStatus`와 구조가 동일한 `_BuildStatus`를 별도로 추가했다. 두 widget의 label/description 문구가 달라 혼동을 방지하고, 향후 독립적으로 변경 가능하게 하기 위해 공유하지 않았다.
- `withOpacity` 대신 `withValues(alpha: ...)` 사용: Dart 3.11/Flutter stable(≥3.27)에서 `withOpacity`가 deprecated이므로 교체했다.
- `_BuildRow`·`_StateBadge`의 `build` 필드를 `item`으로 변경: `StatelessWidget.build` 메서드와 이름 충돌(`conflicting_field_and_method`) 발생으로 수정.
- local `flutter analyze` + `flutter test` preflight 통과 후 remote runner SSH 명령 출력은 미확보 상태로 리뷰 인계했다. 리뷰에서 remote runner `flutter analyze`, `flutter test`를 재실행해 통과를 확인했다.
- `_makeBuild` 검색 테스트에서 requestedBy 값(`'alice'`)이 TextField 입력값과 동일해 `findsOneWidget` 대신 `findsWidgets` 사용 (TextField EditableText + 행 Text 두 곳에서 일치).

## 주요 설계 결정

- **stale 결과 방지**: `_JobSelected`에 `key: ValueKey(_selectedJob!.url)` 부여. job이 바뀌면 위젯이 재생성되어 이전 build 상태가 자동 소멸된다.
- **buildLoader == null 처리**: build loader가 없으면 `initState`에서 직접 `_buildState = _BuildLoadState.empty`로 초기화. `setState` 없이 필드 직접 할당으로 initState-내-setState 문제를 회피한다.
- **build 검색 필드 조건부 표시**: `_BuildLoadState.loaded` 상태일 때만 검색 필드를 노출하고, 로딩/에러/empty 상태에서는 숨긴다.
- **`_StateBadge` 레코드 반환**: `_labelAndColor()` 메서드가 `(String, Color)` 레코드를 반환하는 Dart 3 패턴을 사용해 badge 텍스트와 색상을 함께 처리한다.

## 사용자 리뷰 요청

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

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

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

- build loader가 stale result를 남기지 않는지 확인한다.
- `requestedBy`, badge, summary metadata가 Roadmap Targets와 맞는지 확인한다.
- build search가 requestedBy/number/branch/flavor/artifact 모두를 포함하는지 확인한다.
- 권한 없음, 네트워크 실패, artifact 없음, 검색 결과 없음이 서로 구분되는지 확인한다.
- compact viewport에서 overflow가 없는지 test와 코드 제약을 함께 확인한다.

## 검증 결과

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

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

### UI-1 중간 검증
```bash
$ flutter test test/builds_page_test.dart
(UI-1~3 일괄 구현 후 단일 flutter test로 통합 검증 — 아래 UI-3 참고)
```

### UI-2 중간 검증
```bash
$ flutter test test/builds_page_test.dart
(UI-1~3 일괄 구현 후 단일 flutter test로 통합 검증 — 아래 UI-3 참고)
```

### UI-3 중간 검증
```bash
$ flutter test
00:00 +0: loading /config/workspace/appsok/test/jenkins_client_test.dart
...
00:02 +42: All tests passed!
EXIT:0
```

### 최종 검증
```bash
$ git diff --check
(출력 없음, exit 0)
```

```bash
$ ssh -o BatchMode=yes -o ConnectTimeout=10 toki@toki-labs.com 'zsh -lc '\''cd "$HOME/docker/services/code-server/data/volume/workspace/appsok" && flutter analyze'\'''
Resolving dependencies...
Downloading packages...
  app_links 7.0.0 (7.1.1 available)
  flutter_secure_storage_darwin 0.3.2 (0.4.0 available)
  matcher 0.12.19 (0.12.20 available)
> meta 1.18.0 (was 1.17.0) (1.18.3 available)
> test_api 0.7.11 (was 0.7.10) (0.7.12 available)
  vector_math 2.2.0 (2.4.0 available)
  webview_flutter_android 4.12.0 (4.13.0 available)
  webview_flutter_wkwebview 3.25.1 (3.26.0 available)
Changed 2 dependencies!
8 packages have newer versions incompatible with dependency constraints.
Try `flutter pub outdated` for more information.
Analyzing appsok...
No issues found! (ran in 2.0s)
```

```bash
$ ssh -o BatchMode=yes -o ConnectTimeout=10 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:02 +42: 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.

## Ownership

| Section | Owner | Note |
|---------|-------|------|
| Header comment, 개요, 리뷰 에이전트 지시 | Fixed at stub creation | Implementing agent must not modify or execute these (archive, complete.log, and task-directory archive move are review-agent only) |
| Roadmap Targets | Fixed at stub creation from plan when present | Implementing agent must not modify; code-review copies it into `complete.log` as `Roadmap Completion` only on PASS |
| 구현 항목별 완료 여부 (item names) | Fixed at stub creation | Implementing agent checks `[ ]` → `[x]` only |
| 구현 체크리스트 (item text/order) | Fixed at stub creation from plan | Implementing agent checks `[ ]` → `[x]` only |
| 코드리뷰 전용 체크리스트 | Review agent only | Implementing agent must not modify or check this section |
| 계획 대비 변경 사항, 주요 설계 결정 | Implementing agent | Replace placeholder text with actual content |
| 사용자 리뷰 요청 | Implementing agent | Keep `상태: 없음` unless user input is required to proceed; do not ask the user directly during implementation |
| 리뷰어를 위한 체크포인트 | Fixed at stub creation | Pre-filled from plan |
| 검증 결과 (section headings + commands) | Fixed at stub creation | Implementing agent fills in command output only; command changes require a `계획 대비 변경 사항` entry |
| 코드리뷰 결과 | Review agent appends | Not included in stub |

## 코드리뷰 결과

- 종합 판정: PASS
- 차원별 평가:
  - Correctness: Pass
  - Completeness: Pass
  - Test coverage: Pass
  - API contract: Pass
  - Code quality: Pass
  - Plan deviation: Pass
  - Verification trust: Pass
- 발견된 문제: 없음
- 다음 단계: PASS이므로 active plan/review를 log로 아카이브하고 `complete.log`를 작성한 뒤 task directory를 archive로 이동한다.
