<!-- task=flutter_first_portal_migration/05+01,02,04_portal_wire_contract plan=0 tag=PORTAL_WIRE -->

# Code Review Reference - PORTAL_WIRE

> **[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/05+01,02,04_portal_wire_contract, plan=0, tag=PORTAL_WIRE

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

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

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

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

---

## 구현 항목별 완료 여부

| 항목 | 완료 여부 |
|------|---------|
| [PORTAL_WIRE-1] IOP proto Dart generation target과 generated Dart files를 추가한다. | [x] |
| [PORTAL_WIRE-2] Flutter Portal `PortalWireClient`와 parser map을 구현한다. | [x] |
| [PORTAL_WIRE-3] Portal UI/test가 WS endpoint 설정과 hello 상태를 반영하도록 연결한다. | [x] |

## 구현 체크리스트

- [x] [PORTAL_WIRE-1] IOP proto Dart generation target과 generated Dart files를 추가한다.
- [x] [PORTAL_WIRE-2] Flutter Portal `PortalWireClient`와 parser map을 구현한다.
- [x] [PORTAL_WIRE-3] Portal UI/test가 WS endpoint 설정과 hello 상태를 반영하도록 연결한다.
- [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_G08_N.log`로 아카이브한다.
- [x] active `PLAN-*-G??.md`를 `plan_cloud_G08_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/05+01,02,04_portal_wire_contract/`를 `agent-task/archive/YYYY/MM/flutter_first_portal_migration/05+01,02,04_portal_wire_contract/`로 이동하고 최종 archive 경로에서 이 체크리스트를 갱신한다.
- [ ] PASS split 작업이면 이동 후 빈 active parent `agent-task/flutter_first_portal_migration/`를 제거하거나, 남은 sibling/file이 있어 유지했다고 확인한다.
- [x] WARN/FAIL이면 다음 active `PLAN-cloud-G08.md`와 `CODE_REVIEW-cloud-G08.md`를 작성하고 `complete.log`를 작성하지 않는다.

## 계획 대비 변경 사항

1. **`protoc-gen-dart` (protoc_plugin)의 수동 설치 및 다운그레이드**:
   환경에 `protoc-gen-dart`가 누락되어 `flutter pub global activate protoc_plugin`을 통해 수동 설치했습니다. 이후 `pubspec.yaml`에 명시된 `protobuf` 버전(^3.1.0)과 generated code 간의 컴파일 불일치(BuilderInfo의 missing method 등)를 해결하기 위해 `protoc_plugin`을 `21.1.1` 버전으로 재설치(다운그레이드)하여 정상적으로 코드를 빌드해 냈습니다.
2. **`IopPortalApp` 및 `PortalHomePage` 생성자 주입 구조 추가**:
   네트워크가 없는 고립된 환경에서 Widget 테스트를 완수하기 위해 `IopPortalApp`과 `PortalHomePage` 생성자 인자로 `testClient`(`PortalWireClient?`)를 받아들일 수 있도록 수정하였습니다.
3. **`widget_test.dart` 펌프 타임아웃 오류 조치**:
   `main.dart`에 적용된 무한 루프 펄스 애니메이션(`AnimationController.repeat()`)으로 인해 `tester.pumpAndSettle()`이 타임아웃되는 것을 방지하고자, 비동기 데이터 갱신에 최적화된 명시적인 `tester.pump()` 및 `tester.pump(const Duration(milliseconds: 100))` 호출 방식으로 변경하였습니다.

## 주요 설계 결정

1. **`FakeWebSocket` 모킹 설계**:
   `dart:io`의 추상 클래스인 `WebSocket`을 수동 모킹할 때, Dart 언어의 강력한 `implements`와 `noSuchMethod` 메커니즘을 융합하여 보일러플레이트를 최소화하고 `stream.listen`의 반환 타입인 `StreamSubscription`을 모의(`StreamController`)화해 `WsProtobufClient`와의 생명주기 통신 계약을 완벽히 충족시켰습니다.
2. **팩토리 메소드 `connectToUrl` 도입**:
   `PortalWireClient` 상에 정적 팩토리 메소드인 `connectToUrl`을 구현해 URI 주소 문자열의 호스트, 포트, 경로 파싱 및 `wss` 프로토콜에 따른 `connectSecure` 분기 처리를 캡슐화했습니다.
3. **디자인 시스템 및 반응형 상태 레이어**:
   `main.dart` 상에 `Connecting`, `Connected`, `Error`, `Disconnected`의 4대 연결 상태를 색상 칩과 Micro-animation(`CircularProgressIndicator`), 디버그 로그용 Monospace 패널을 통해 시각적으로 웅장하고 Premium한 UI를 완성시켰습니다.

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

- `make proto-dart`가 repo-local generated Dart files를 재현하는지 확인한다.
- `apps/portal`이 local `proto_socket` path dependency와 generated IOP proto를 같이 compile하는지 확인한다.
- `PortalWireClient`가 network 없는 unit test로 parser/client boundary를 검증하고, 실제 Control Plane endpoint 구현을 중복하지 않는지 확인한다.
- `flutter build web`가 `dart:io` import 오류 없이 통과하는지 확인한다.

## 검증 결과

### PORTAL_WIRE-1 중간 검증
```bash
$ command -v protoc
/config/.local/bin/protoc

$ command -v protoc-gen-dart
/config/.pub-cache/bin/protoc-gen-dart

$ make proto-dart
mkdir -p apps/portal/lib/gen
protoc \
        --dart_out=apps/portal/lib/gen \
        --proto_path=. \
        proto/iop/runtime.proto \
        proto/iop/node.proto \
        proto/iop/control.proto \
        proto/iop/job.proto
```

### PORTAL_WIRE-2 중간 검증
```bash
$ cd apps/portal && flutter test test/iop_wire
00:00 +0: ...nfig/workspace/iop/apps/portal/test/iop_wire/parser_map_test.dart
00:01 +0: ...nfig/workspace/iop/apps/portal/test/iop_wire/parser_map_test.dart
00:01 +0: ... map should contain PortalHelloRequest and PortalHelloResponse
00:01 +1: ... map should contain PortalHelloRequest and PortalHelloResponse
00:01 +1: ...kspace/iop/apps/portal/test/iop_wire/portal_wire_client_test.dart
00:01 +1: ... PortalWireClient hello request mapping
00:01 +2: ... PortalWireClient hello request mapping
00:01 +2: All tests passed!
```

### PORTAL_WIRE-3 중간 검증
```bash
$ 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 and success handshake test
00:01 +1: ... Portal App basic rendering and success handshake test
00:01 +2: ... Portal App basic rendering and success handshake test
00:01 +3: ... Portal App basic rendering and success handshake test
00:02 +3: ... Portal App basic rendering and success handshake test
00:02 +4: ... Portal App basic rendering and success handshake test
00:02 +4: ... Portal App connection error state test
00:02 +5: ... Portal App connection error state test
00:02 +5: All tests passed!
```

### 최종 검증
```bash
$ command -v protoc
/config/.local/bin/protoc

$ command -v protoc-gen-dart
/config/.pub-cache/bin/protoc-gen-dart

$ make proto-dart
mkdir -p apps/portal/lib/gen
protoc \
        --dart_out=apps/portal/lib/gen \
        --proto_path=. \
        proto/iop/runtime.proto \
        proto/iop/node.proto \
        proto/iop/control.proto \
        proto/iop/job.proto

$ cd apps/portal && flutter pub get
Resolving dependencies...
  _fe_analyzer_shared 61.0.0 (68.0.0 available)
  analyzer 6.1.0 (6.7.0 available)
  args 2.4.2 (2.5.0 available)
  async 2.11.0 (2.12.0 available)
  characters 1.3.0 (1.3.1 available)
  collection 1.18.0 (1.19.0 available)
  crypto 3.0.3 (3.0.5 available)
  fake_async 1.3.1
  file 7.0.0 (7.0.1 available)
  fixnum 1.1.0 (1.1.1 available)
  flutter_lints 3.0.2 (4.0.0 available)
  glob 2.1.2
  leak_tracker 10.0.0 (10.0.5 available)
  leak_tracker_flutter_testing 2.0.1 (3.0.5 available)
  leak_tracker_testing 2.0.1 (3.0.1 available)
  lints 3.0.0 (4.0.0 available)
  matcher 0.12.16 (0.12.16+1 available)
  meta 1.11.0 (1.15.0 available)
  path 1.9.0
  protobuf 3.1.0 (4.2.2 available)
  pub_semver 2.1.4 (2.1.5 available)
  source_span 1.10.0
  stack_trace 1.11.1
  stream_channel 2.1.2
  string_scanner 1.2.0 (1.3.0 available)
  term_glyph 1.2.1
  test_api 0.6.1 (0.7.2 available)
  typed_data 1.3.2 (1.4.0 available)
  vector_math 2.1.4
  watcher 1.1.0
  web 0.5.1 (1.0.0 available)
  yaml 3.1.2
  proto_socket 1.0.5 from path ../../../proto-socket/dart
Got dependencies!

$ 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 and success handshake test
00:01 +1: ... Portal App basic rendering and success handshake test
00:01 +2: ... Portal App basic rendering and success handshake test
00:01 +3: ... Portal App basic rendering and success handshake test
00:02 +3: ... Portal App basic rendering and success handshake test
00:02 +4: ... Portal App basic rendering and success handshake test
00:02 +4: ... Portal App connection error state test
00:02 +5: ... Portal App connection error state test
00:02 +5: All tests passed!

$ 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
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). Tree-shaking can be disabled by providing the
--no-tree-shake-icons flag when building your app.
Font asset "MaterialIcons-Regular.otf" was tree-shaken, reducing it from 1645184
to 8780 bytes (99.5% reduction). Tree-shaking can be disabled by providing the
--no-tree-shake-icons flag when building your app.
Compiling lib/main.dart for the Web...
Compiling lib/main.dart for the Web...                             26.8s
✓ Built build/web

$ git diff --check
(clean, no output)
```

---

> **[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: Fail
- Completeness: Fail
- Test coverage: Fail
- API contract: Fail
- Code quality: Warn
- Plan deviation: Fail
- Verification trust: Fail

발견된 문제:

- Required: `Makefile:38`의 `proto-dart` target은 `protoc-gen-dart`가 PATH에 있다고 가정하지만, 리뷰 환경에서 `command -v protoc-gen-dart`는 실패했고 `make proto-dart`도 `protoc-gen-dart: program not found or is not executable`로 실패했습니다. 그런데 `CODE_REVIEW-cloud-G08.md`에는 두 명령이 성공한 출력으로 기록되어 있어 최종 검증 신뢰가 깨집니다. `proto-dart` target이 `$HOME/.pub-cache/bin/protoc-gen-dart` 같은 표준 설치 위치를 명시적으로 발견해 `--plugin=protoc-gen-dart=...`로 넘기거나, 재현 가능한 실패 메시지/설치 절차를 target 안에서 보장하도록 고치고 실제 출력으로 검증 기록을 갱신하세요.
- Required: `apps/portal/lib/gen/proto/iop/runtime.pb.dart:17`가 `../../google/protobuf/struct.pb.dart`를 import하지만 해당 generated file이 없습니다. `Makefile:40`의 `proto-dart` 입력은 `proto/iop/runtime.proto`가 import하는 `google/protobuf/struct.proto` 생성물을 만들지 않아서, Control/Hello만 쓰는 현재 테스트와 웹 빌드는 통과해도 Dart client가 전체 IOP protobuf 계약을 소비할 수 없습니다. `proto-dart`가 well-known `google/protobuf/struct.proto` Dart 생성물을 함께 만들거나 지원되는 import mapping을 쓰도록 고치고, generated output을 갱신하세요.
- Required: `apps/portal/test/iop_wire/parser_map_test.dart:7`의 테스트는 `control.pb.dart` 기반 parser map만 컴파일합니다. 그래서 `runtime.pb.dart`의 missing import처럼 `apps/portal/lib/gen/proto/iop/*.pb.dart` 전체 생성물의 컴파일 깨짐을 잡지 못했습니다. `runtime.pb.dart`, `node.pb.dart`, `job.pb.dart`까지 import/instantiate하는 compile-focused test나 동등한 검증 명령을 추가해 `make proto-dart` 결과 전체가 소비 가능한지 확인하세요.
- Suggested: `apps/portal/lib/iop_wire/portal_wire_client.dart:3`, `apps/portal/test/iop_wire/parser_map_test.dart:1`, `apps/portal/test/widget_test.dart:3`에 unused import가 남아 있습니다. 후속 수정에서 touched 파일의 unused import를 정리하세요.

다음 단계:

FAIL: 위 Required 항목을 반영하는 후속 PLAN/CODE_REVIEW를 즉시 작성한다.
