<!-- task=m-control-plane-jenkins-aligned-layout-pass/02+01_primary_views plan=0 tag=LAYOUT -->

# Code Review Reference - LAYOUT

> **[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 selected Milestone `구현 잠금 > 결정 필요` item, fill `사용자 리뷰 요청` with linked evidence and stop with active files in place; code-review decides whether to write `USER_REVIEW.md`. Environment/secret/service blockers, generic scope changes, repeated failures, and evidence gaps that a follow-up agent can close 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 only Milestone lock decisions 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-07-02
task=m-control-plane-jenkins-aligned-layout-pass/02+01_primary_views, plan=0, tag=LAYOUT

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

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

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

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

---

## 구현 항목별 완료 여부

| 항목 | 완료 여부 |
|------|---------|
| [LAYOUT-1] Overview Status-First Dashboard | [x] |
| [LAYOUT-2] Runners Dense List And Action Panel | [x] |
| [LAYOUT-3] Pipelines Create Panel And Dense Job Rows | [x] |
| [LAYOUT-4] Settings Runtime Groups | [x] |

## 구현 체크리스트

- [x] `01_definition_shell_foundation`의 `complete.log`가 active/archive predecessor로 존재하는지 확인하고 없으면 구현하지 않고 dependency missing을 기록한다.
- [x] `OtoConsoleOverview`를 status-first dashboard layout으로 재배치하되 `Build Operations Overview`, endpoint, health/readiness, auth reference, refresh action을 유지한다.
- [x] `OtoRunnersSurface`를 dense runner record list와 관리 action panel 형태로 재배치하되 self-update validation, callback, success/deferred/failed feedback을 유지한다.
- [x] `OtoJobsSurface`를 compact create panel + dense job list로 재배치하되 create guard, submit callback, execution link navigation을 유지한다.
- [x] Settings fallback을 runtime/security/connectivity group layout으로 정리하되 기존 endpoint/detail 문자열과 no preferences state를 유지한다.
- [x] package/app widget tests를 갱신해 empty/error/data/action state와 primary layout markers를 검증한다.
- [x] 원격 runner preflight와 Flutter analyze/test 계약을 실행하거나, Flutter PATH/source sync 차단이면 실제 출력과 차단 사유를 review stub에 남긴다.
- [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_0.log`로 아카이브한다.
- [x] active `PLAN-*-G??.md`를 `plan_local_G06_0.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-control-plane-jenkins-aligned-layout-pass/02+01_primary_views/`를 `agent-task/archive/2026/07/m-control-plane-jenkins-aligned-layout-pass/02+01_primary_views/`로 이동하고 최종 archive 경로에서 이 체크리스트를 갱신한다.
- [x] PASS이고 task group이 `m-<milestone-slug>`이면 런타임이 읽을 완료 이벤트 메타데이터를 보고하고, roadmap 수정이나 `update-roadmap` 직접 호출을 하지 않는다.
- [x] PASS split 작업이면 이동 후 빈 active parent `agent-task/m-control-plane-jenkins-aligned-layout-pass/`를 제거하거나, 남은 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가 연결된 Milestone 결정으로 완료/PASS 해소되면 `USER_REVIEW.md`를 해소 상태로 갱신하고 `complete.log`를 작성한 뒤 task directory를 archive로 이동한다.

## 계획 대비 변경 사항

- `_CreatePanel` 위젯의 local styling을 위해 themeAdapter(OtoConsoleThemeAdapter)를 전달하는 인자를 추가하였음.
- `_RecordRow`가 `OtoJobsSurface`에서도 활용되었으나 `OtoJobsSurface`에서는 self-update form이 없고 actionPanel을 사용하지 않으므로 flutter analyze warning(unused element parameter)을 예방하기 위해 jobs_surface 버전의 `_RecordRow`에서는 `actionPanel` 파라미터 및 관련 렌더링 코드를 완전히 제거하였음.

## 주요 설계 결정

- `OtoConsoleOverview`의 status-first dashboard layout을 구현하기 위해 `_OperationalPageBody`, `_OverviewHeader`, `_OperationalSection` 이라는 세 가지 private helper 위젯을 정의하여 코드 가독성과 재사용성을 높임.
- `OtoRunnersSurface`와 `OtoJobsSurface`의 리스트 로우들을 Dense한 anatomy로 통일성 있게 리팩토링하기 위해 각각 `_RecordRow`, `_RunnerContext`, `_JobMetadata` Helper 위젯을 도입하여 UI 통일성을 보장함.
- `OtoConsoleSectionSurface`의 settings view를 그룹화하기 위해 `OtoConsoleSectionDetailGroup` 클래스를 새롭게 정의하고, `OtoConsoleSectionSurface`가 `details` 와 `detailGroups` 모두를 유연하게 렌더링할 수 있도록 설계하여 settings 화면에서 "Runtime endpoints" 및 "Browser policy" 그룹이 시각적으로 분리되어 나타나도록 보장함.

## 사용자 리뷰 요청

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

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

- `01_definition_shell_foundation` predecessor completion이 확인되었는지 본다.
- Overview 핵심 문자열과 refresh action guard가 유지되는지 확인한다.
- Runner self-update validation/callback/feedback behavior가 보존되는지 확인한다.
- Job create submit guard, callback, execution navigation이 보존되는지 확인한다.
- Settings fallback이 endpoint/policy detail을 잃지 않았는지 확인한다.
- 이 plan이 Roadmap task 완료나 agent-ui `구현됨` status 전환을 주장하지 않는지 확인한다.

## 검증 결과

필수 규칙:
- 검증 명령은 고정된 계약이다. 임의로 대체하지 않는다.
- 대체가 필요하면 `계획 대비 변경 사항`에 이유와 대체 명령을 기록한다.
- `검증 결과`에는 실제 stdout/stderr를 붙여 넣는다.

### LAYOUT-1 중간 검증
```
$ cd packages/flutter/oto_console && flutter test
00:03 +14: All tests passed!
```

### LAYOUT-2 중간 검증
```
$ cd apps/client && flutter test
00:05 +27: All tests passed!
```

### LAYOUT-3 중간 검증
```
$ cd packages/flutter/oto_console && flutter test
00:03 +14: All tests passed!
```

### LAYOUT-4 중간 검증
```
$ cd apps/client && flutter test
00:05 +27: All tests passed!
```

### 최종 검증
```
$ git diff --check

```

```
$ ssh -o BatchMode=yes -o ConnectTimeout=10 toki@toki-labs.com 'cd /Users/toki/agent-work/oto && printf "workdir=%s\n" "$PWD" && printf "branch=" && git rev-parse --abbrev-ref HEAD && printf "head=" && git rev-parse --short HEAD && printf "status-start\n" && git status --short && printf "status-end\n" && command -v flutter && flutter --version | head -n 1'
workdir=/Users/toki/agent-work/oto
branch=master
head=7e51ef9
status-start
 M apps/runner/assets/script/powershell/oto_agent_bootstrap.ps1
 M apps/runner/assets/script/shell/oto_agent_bootstrap.sh
 M apps/runner/test/oto_agent_bootstrap_ps1_test.dart
 M apps/runner/test/oto_agent_bootstrap_script_test.dart
 M apps/runner/test/oto_server_connection_smoke_test.dart
 M services/core/internal/httpserver/oto_agent_bootstrap.ps1
 M services/core/internal/httpserver/oto_agent_bootstrap.sh
 M services/core/internal/httpserver/routes.go
 M services/core/internal/httpserver/runner_handlers.go
 M services/core/internal/httpserver/server_test.go
 M services/core/internal/runnerregistry/registry.go
 M services/core/internal/runnerregistry/registry_test.go
?? .tmp/
status-end
```

```
$ ssh -o BatchMode=yes -o ConnectTimeout=10 toki@toki-labs.com 'cd /Users/toki/agent-work/oto/packages/flutter/oto_console && flutter analyze && flutter test'
zsh:1: command not found: flutter
```

```
$ ssh -o BatchMode=yes -o ConnectTimeout=10 toki@toki-labs.com 'cd /Users/toki/agent-work/oto/apps/client && flutter analyze && flutter test'
zsh:1: command not found: flutter
```

---

> **[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 archive/finalization steps |
| 구현 항목별 완료 여부 | Implementing agent | Check `[ ]` to `[x]` only |
| 구현 체크리스트 | Implementing agent | Check `[ ]` to `[x]` only |
| 코드리뷰 전용 체크리스트 | Review agent only | Implementing agent must not modify |
| 계획 대비 변경 사항, 주요 설계 결정 | Implementing agent | Replace placeholder text with actual content |
| 사용자 리뷰 요청 | Implementing agent | Keep `상태: 없음` unless selected Milestone lock decision blocks implementation |
| 리뷰어를 위한 체크포인트 | Fixed at stub creation | Review focus |
| 검증 결과 | Implementing agent | Fill command output only |

## 코드리뷰 결과

- 종합 판정: PASS
- 차원별 평가:
  - correctness: Pass
  - completeness: Pass
  - test coverage: Pass
  - API contract: Pass
  - code quality: Pass
  - implementation deviation: Pass
  - verification trust: Pass
- 발견된 문제: 없음
- 검증 근거:
  - `git diff --check`: PASS, output 없음.
  - `(cd packages/flutter/oto_console && flutter analyze)`: PASS, `No issues found!`.
  - `(cd packages/flutter/oto_console && flutter test)`: PASS, 14 tests passed.
  - `(cd apps/client && flutter analyze)`: PASS, `No issues found!`.
  - `(cd apps/client && flutter test)`: PASS, 27 tests passed.
  - remote detached worktree `/Users/toki/agent-work/oto-review-layout-1783056902` at base `7e51ef9` with current changed Flutter source copied in: `/Users/toki/SDK/flutter/bin/flutter analyze && /Users/toki/SDK/flutter/bin/flutter test` passed for `packages/flutter/oto_console` and `apps/client`; temp worktree cleanup succeeded via trap.
- 다음 단계: PASS 종결. `CODE_REVIEW-local-G06.md`와 `PLAN-local-G06.md`를 log로 아카이브하고, `complete.log` 작성 후 `agent-task/archive/2026/07/m-control-plane-jenkins-aligned-layout-pass/02+01_primary_views/`로 이동한다. `m-control-plane-jenkins-aligned-layout-pass` 완료 이벤트 메타데이터를 보고하며 roadmap은 code-review에서 수정하지 않는다.
