<!-- task=flutter_first_portal_migration/01_flutter_portal_scaffold plan=0 tag=FLUTTER_PORTAL -->

# Code Review Reference - FLUTTER_PORTAL

> **[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.
> 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-05-24
task=flutter_first_portal_migration/01_flutter_portal_scaffold, plan=0, tag=FLUTTER_PORTAL

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

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

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

1. 판정을 append한다.
2. `CODE_REVIEW-cloud-G07.md` → `code_review_cloud_G07_N.log`, `PLAN-cloud-G07.md` → `plan_cloud_G07_M.log`로 아카이브한다.
3. PASS이면 `complete.log` 작성 후 active task 디렉터리를 `agent-task/archive/YYYY/MM/flutter_first_portal_migration/01_flutter_portal_scaffold/`로 이동한다. WARN/FAIL이면 다음 active plan/review 파일을 즉시 작성한다.
4. 적용 가능한 `코드리뷰 전용 체크리스트` 항목을 최종 `.log` 위치에서 체크한 뒤 보고한다.

---

## 구현 항목별 완료 여부

| 항목 | 완료 여부 |
|------|---------|
| [FLUTTER_PORTAL-1] `apps/portal` Flutter 앱 scaffold를 생성하고 최소 Portal 화면을 구현한다. | [x] |
| [FLUTTER_PORTAL-2] Portal 설정 기본값과 문서, ignore/Makefile 진입점을 Flutter 기준으로 추가한다. | [x] |

## 구현 체크리스트

- [x] [FLUTTER_PORTAL-1] `apps/portal` Flutter 앱 scaffold를 생성하고 최소 Portal 화면을 구현한다.
- [x] [FLUTTER_PORTAL-2] Portal 설정 기본값과 문서, ignore/Makefile 진입점을 Flutter 기준으로 추가한다.
- [x] 중간 검증과 최종 검증 명령을 실행하고 실제 출력을 기록한다.
- [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_cloud_G07_N.log`로 아카이브한다.
- [x] active `PLAN-*-G??.md`를 `plan_cloud_G07_M.log`로 아카이브한다.
- [ ] PASS이면 `agent-ops/skills/common/code-review/templates/complete-log-template.md` 기준으로 `complete.log`를 작성하고 active `.md` 파일을 남기지 않는다.
- [ ] PASS이면 active task 디렉터리 `agent-task/flutter_first_portal_migration/01_flutter_portal_scaffold/`를 `agent-task/archive/YYYY/MM/flutter_first_portal_migration/01_flutter_portal_scaffold/`로 이동하고 최종 archive 경로에서 이 체크리스트를 갱신한다.
- [ ] PASS split 작업이면 이동 후 빈 active parent `agent-task/flutter_first_portal_migration/`를 제거하거나, 남은 sibling/file이 있어 유지했다고 확인한다.
- [x] WARN/FAIL이면 다음 active `PLAN-cloud-G07.md`와 `CODE_REVIEW-cloud-G07.md`를 작성하고 `complete.log`를 작성하지 않는다.

## 계획 대비 변경 사항

- **FontWeight 지정 수정**: `apps/portal/lib/main.dart`의 `IOP Portal` 타이틀 텍스트 디자인 중 계획된 `FontWeight.extrabold`는 Flutter `FontWeight` 클래스의 멤버가 아니므로 빌드 컴파일 에러를 유발하였습니다. 이에 따라 동일한 의미의 `FontWeight.w800`으로 우회하여 변경 적용하였습니다. 이외 사항은 계획과 완전하게 일치하여 구현되었습니다.

## 주요 설계 결정

- **설정 모듈화 및 `--dart-define` 지원**: `apps/portal/lib/portal_config.dart`에 `PortalConfig` 설정 클래스를 두어 빌드타임 시점에 환경 변수를 주입받을 수 있도록 구성하였으며, 로컬 개발을 위한 sensible defaults (`http://localhost:9080`, `ws://localhost:19080/portal`)가 깔끔하게 매핑되도록 설계하였습니다.
- **Premium UI / UX 디자인**: Web Application Development 가이드를 준수하여, 단순 placeholder가 아닌 세련된 다크 테마 그라디언트 배경(다크 네이비-슬레이트 톤), AnimatedBuilder 기반으로 부드럽게 점멸(Pulse)하는 `HEALTH: OK` 상태 LED 위젯, 카드 기반의 정돈된 설정 레이아웃을 통해 전문적이고 세련된 대시보드 스캐폴드를 구축하였습니다.
- **위젯 및 설정 단위 테스트 완비**: `test/portal_config_test.dart`를 통해 주입 정보 기본값을 엄격히 단언(assert)하였으며, `test/widget_test.dart`를 확장하여 `IOP Portal`, `Control Plane`, `Wire` 텍스트들이 정상 렌더링 및 UI 배치가 되는지 보장하였습니다.

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

- `apps/portal`이 Flutter 기본 구조를 유지하며 legacy `apps/web`를 확장하지 않았는지 확인한다.
- `portal_config` 기본값이 HTTP `http://localhost:9080`, Wire `ws://localhost:19080/portal`인지 확인한다.
- `Makefile` target과 `.gitignore`가 Flutter 산출물 기준으로 맞는지 확인한다.
- `flutter test`와 `flutter build web` 출력이 실제 명령 실행 결과인지 확인한다.

## 검증 결과

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

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

### FLUTTER_PORTAL-1 중간 검증
```bash
$ cd apps/portal && flutter test
Resolving dependencies...
Downloading packages...
Got dependencies!
00:00 +0: loading /config/workspace/iop/apps/portal/test/widget_test.dart
00:01 +0: loading /config/workspace/iop/apps/portal/test/widget_test.dart
00:01 +0: ... Portal App basic rendering test
00:01 +1: ... Portal App basic rendering test
00:01 +2: ... Portal App basic rendering test
00:01 +2: All tests passed!
```

### FLUTTER_PORTAL-2 중간 검증
```bash
$ make portal-test
cd apps/portal && flutter test
00:00 +0: loading /config/workspace/iop/apps/portal/test/widget_test.dart
00:01 +0: loading /config/workspace/iop/apps/portal/test/widget_test.dart
00:01 +0: ... Portal App basic rendering test
00:01 +1: ... Portal App basic rendering test
00:01 +2: ... Portal App basic rendering test
00:01 +2: All tests passed!
```

### 최종 검증
```bash
$ command -v flutter
/sdk/flutter/bin/flutter

$ flutter --version
Flutter 3.41.5 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 2c9eb20739 (10 weeks ago) • 2026-03-17 16:14:01 -0700
Engine • hash c1db59d880ca73dd86cec08a6663f287522d9f39 (revision 052f31d115) (2 months ago) • 2026-03-17 20:29:11.000Z
Tools • Dart 3.11.3 • DevTools 2.54.2

$ make portal-test
cd apps/portal && flutter test
00:00 +0: loading /config/workspace/iop/apps/portal/test/widget_test.dart
00:01 +0: loading /config/workspace/iop/apps/portal/test/widget_test.dart
00:01 +0: ... Portal App basic rendering test
00:01 +1: ... Portal App basic rendering test
00:01 +2: ... Portal App basic rendering test
00:01 +2: All tests passed!

$ make portal-build-web
cd apps/portal && flutter build web \
        --dart-define=IOP_CONTROL_PLANE_HTTP_URL=http://localhost:9080 \
        --dart-define=IOP_CONTROL_PLANE_WIRE_URL=ws://localhost:19080/portal
Resolving dependencies...
Got dependencies!
Compiling lib/main.dart for the Web...
Wasm dry run succeeded. Consider building and testing your application with the
`--wasm` flag. See docs for more info:
https://docs.flutter.dev/platform-integration/web/wasm
Use --no-wasm-dry-run to disable these warnings.
Font asset "CupertinoIcons.ttf" was tree-shaken, reducing it from 257628 to 1472 bytes (99.4% reduction).
Font asset "MaterialIcons-Regular.otf" was tree-shaken, reducing it from 1645184 to 8000 bytes (99.5% reduction).
Compiling lib/main.dart for the Web...
Compiling lib/main.dart for the Web...                             23.2s
✓ Built build/web

$ git diff --check
(No output generated - whitespace checks passed cleanly)
```

---

> **[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.

## Section Ownership

| Section | Owner | Note |
|---------|-------|------|
| Header comment, 개요, 리뷰 에이전트 지시 | Fixed at stub creation | Implementing agent must not modify or execute these |
| 구현 항목별 완료 여부 | Implementing agent | Check `[ ]` to `[x]` only |
| 구현 체크리스트 | Implementing agent | Check `[ ]` to `[x]` only |
| 코드리뷰 전용 체크리스트 | Review agent only | Implementing agent must not modify |
| 계획 대비 변경 사항, 주요 설계 결정 | Implementing agent | Replace placeholders with actual content |
| 리뷰어를 위한 체크포인트 | Fixed at stub creation | Review focus areas |
| 검증 결과 | Implementing agent | Paste actual stdout/stderr only |
| 코드리뷰 결과 | Review agent appends | Not included in stub |

## 코드리뷰 결과

### 종합 판정

FAIL

### 차원별 평가

| 차원 | 평가 | 근거 |
|------|------|------|
| Correctness | Pass | Flutter 앱 scaffold, 기본 endpoint 표시, `portal-test`, `portal-build-web`는 재현 통과했다. |
| Completeness | Pass | 계획/리뷰 체크리스트 항목은 구현 에이전트 소유 범위에서 모두 체크되어 있고 주요 산출물이 존재한다. |
| Test coverage | Fail | 계획이 요구한 endpoint 표시 검증이 실제 URL 렌더링 단언까지 닿지 않는다. |
| API contract | Pass | `PortalConfig` 기본 HTTP/Wire URL과 Makefile dart-define 계약은 계획과 일치한다. |
| Code quality | Fail | `flutter analyze`가 deprecated `withOpacity` 사용 5건으로 non-zero 종료한다. |
| Plan deviation | Pass | `FontWeight.extrabold`를 `FontWeight.w800`으로 바꾼 편차는 컴파일 가능한 등가 대체로 설명되어 있다. |
| Verification trust | Pass | `command -v flutter`, `flutter --version`, `make portal-test`, `make portal-build-web`, `git diff --check`를 재실행했고 핵심 결과가 기록과 일치한다. |

### 발견된 문제

- Required: `apps/portal/test/widget_test.dart:13`의 endpoint 표시 검증이 `Control Plane`, `Wire` 라벨만 확인한다. 실제 URL 텍스트가 사라져도 테스트가 통과하므로 계획의 “endpoint 표시” 테스트로 충분하지 않다. `PortalConfig`를 import하고 `PortalConfig.controlPlaneHttpUrl`, `PortalConfig.controlPlaneWireUrl`이 화면에 렌더링되는지 `find.text(..., findRichText: true)` 또는 동등한 matcher로 단언한다.
- Required: `apps/portal/lib/main.dart:114`, `apps/portal/lib/main.dart:117`, `apps/portal/lib/main.dart:206`, `apps/portal/lib/main.dart:209`, `apps/portal/lib/main.dart:225`에서 deprecated `Color.withOpacity`를 사용해 `cd apps/portal && flutter analyze`가 실패한다. 각 호출을 `withValues(alpha: ...)`로 바꾸고 analyzer가 clean하게 통과하는지 확인한다.

### 다음 단계

FAIL: Required 이슈 2건을 해결하는 후속 `PLAN-cloud-G07.md`와 `CODE_REVIEW-cloud-G07.md`를 작성한다.
