<!-- task=m-socket-session-loop/02+01_dashboard_socket_status plan=0 tag=REFACTOR -->

# Code Review Reference - REFACTOR

> **[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, 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`.
> 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-28
task=m-socket-session-loop/02+01_dashboard_socket_status, plan=0, tag=REFACTOR

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

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

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

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

---

## 구현 항목별 완료 여부

| 항목 | 완료 여부 |
|------|---------|
| [REFACTOR-1] Add connection state provider | [x] |
| [REFACTOR-2] Wire dashboard status surface | [x] |

## 구현 체크리스트

- [x] `01_client_socket_layer`의 `complete.log`가 있는지 확인한다.
- [x] socket connection state/provider를 `apps/client/lib/src/integrations/socket/` 또는 feature-adjacent provider에 추가한다.
- [x] `DashboardScreen`을 Riverpod state를 읽는 구조로 바꾸고 `Socket Contract` 패널 값을 connection state 기반으로 표시한다. 검증: heartbeat/disconnect는 proto-socket 기본 동작을 따른다.
- [x] `apps/client/test/widget_test.dart` 또는 새 widget test에서 loading/disconnected/error/connected 표시를 provider override로 검증한다.
- [x] 최종 검증으로 `cd apps/client && flutter test`, `cd apps/client && flutter analyze --no-fatal-infos`를 실행한다.
- [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_G04_N.log`로 아카이브한다.
- [x] active `PLAN-*-G??.md`를 `plan_local_G04_M.log`로 아카이브한다.
- [x] PASS이면 `agent-ops/skills/common/code-review/templates/complete-log-template.md` 기준으로 `complete.log`를 작성하고 active `.md` 파일을 남기지 않는다.
- [x] PASS이면 active task 디렉터리 `agent-task/m-socket-session-loop/02+01_dashboard_socket_status/`를 `agent-task/archive/YYYY/MM/m-socket-session-loop/02+01_dashboard_socket_status/`로 이동하고 최종 archive 경로에서 이 체크리스트를 갱신한다.
- [x] PASS이고 task group이 `m-socket-session-loop`이면 런타임이 읽을 완료 이벤트 메타데이터를 보고하고, roadmap 수정이나 `update-roadmap` 직접 호출을 하지 않는다.
- [x] PASS split 작업이면 이동 후 빈 active parent `agent-task/m-socket-session-loop/`를 제거하거나, 남은 sibling/file이 있어 유지했다고 확인한다.
- [ ] WARN/FAIL이고 user-review gate가 트리거되지 않았으면 다음 active `PLAN-{build_lane}-GNN.md`와 `CODE_REVIEW-{review_lane}-GNN.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로 이동한다.

## 계획 대비 변경 사항

- 없음

## 주요 설계 결정

- **Riverpod Notifier 사용**: connection state 및 client lifecycle 관리를 위해 Riverpod 3.x의 표준 `Notifier` API인 `SocketConnectionController`를 설계 및 작성했습니다.
- **테스트용 Fake Notifier 설계**: Widget Test에서 외부 WebSocket 연결 의존성을 모킹하고 복잡한 integration logic 없이 connection state별 UI 렌더링 분기를 안전하게 격리하여 검증하기 위해 `FakeSocketConnectionController`를 구현해 provider override로 4가지 연결 상태(`Disconnected`, `Connecting`, `Connected`, `Error`)를 완벽하게 검증했습니다.

## 사용자 리뷰 요청

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

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

- `01_client_socket_layer/complete.log` 의존성을 구현 전에 확인했는가
- Dashboard state 표시가 provider override 테스트로 검증되었는가
- API/contract/backend 범위를 확장하지 않았는가

## 검증 결과

필수 규칙:
- 검증 명령은 고정된 계약이다. 임의로 대체하지 않는다.
- 대체가 필요하면 `계획 대비 변경 사항`에 이유와 대체 명령을 기록한다.
- `검증 결과`에는 실제 stdout/stderr를 붙여 넣는다.
- 사용자 리뷰 요청으로 명령을 끝까지 실행하지 못했다면 `사용자 리뷰 요청`에 실행한 명령, 실제 출력, 미실행 명령의 사유를 기록한다.

### REFACTOR-1 중간 검증
```bash
$ cd apps/client && flutter test test/widget_test.dart
```
```
00:00 +0: loading /config/workspace/alt/apps/client/test/widget_test.dart
00:01 +0: loading /config/workspace/alt/apps/client/test/widget_test.dart
00:01 +0: shows ALT dashboard shell with default disconnected socket state
00:02 +0: shows ALT dashboard shell with default disconnected socket state
00:02 +1: shows ALT dashboard shell with default disconnected socket state
00:02 +1: All tests passed!
```

### REFACTOR-2 중간 검증
```bash
$ cd apps/client && flutter test test/widget_test.dart
```
```
00:00 +0: loading /config/workspace/alt/apps/client/test/widget_test.dart
00:01 +0: loading /config/workspace/alt/apps/client/test/widget_test.dart
00:01 +0: shows ALT dashboard shell with default disconnected socket state
00:02 +0: shows ALT dashboard shell with default disconnected socket state
00:02 +1: shows ALT dashboard shell with default disconnected socket state
00:02 +1: shows ALT dashboard with socket state Connecting
00:02 +2: shows ALT dashboard with socket state Connecting
00:02 +2: shows ALT dashboard with socket state Connected
00:02 +3: shows ALT dashboard with socket state Connected
00:02 +3: shows ALT dashboard with socket state Error
00:02 +4: shows ALT dashboard with socket state Error
00:02 +4: All tests passed!
```

### 최종 검증
```bash
$ cd apps/client && flutter test
$ cd apps/client && flutter analyze --no-fatal-infos
```
```
$ cd apps/client && flutter test
00:00 +0: .../workspace/alt/apps/client/test/contracts/alt_contracts_test.dart
00:01 +0: .../workspace/alt/apps/client/test/contracts/alt_contracts_test.dart
00:02 +0: .../workspace/alt/apps/client/test/contracts/alt_contracts_test.dart
00:02 +0: ... contains all expected parsers and passes round-trip parsing
00:02 +1: ... contains all expected parsers and passes round-trip parsing
00:02 +1: loading /config/workspace/alt/apps/client/test/widget_test.dart
00:02 +1: ... shows ALT dashboard shell with default disconnected socket state
00:03 +1: ... shows ALT dashboard shell with default disconnected socket state
00:03 +2: ... shows ALT dashboard shell with default disconnected socket state
00:03 +3: ... shows ALT dashboard shell with default disconnected socket state
00:03 +4: ... shows ALT dashboard shell with default disconnected socket state
00:03 +5: ... shows ALT dashboard shell with default disconnected socket state
00:03 +6: ... shows ALT dashboard shell with default disconnected socket state
00:03 +7: ... shows ALT dashboard shell with default disconnected socket state
00:03 +7: ... shows ALT dashboard with socket state Connecting
00:03 +8: ... shows ALT dashboard with socket state Connecting
00:03 +8: ... shows ALT dashboard with socket state Connected
00:03 +9: ... shows ALT dashboard with socket state Connected
00:03 +9: ... shows ALT dashboard with socket state Error
00:03 +10: ... shows ALT dashboard with socket state Error
00:03 +10: All tests passed!

$ cd apps/client && flutter analyze --no-fatal-infos
Analyzing client...
No issues found! (ran in 3.6s)
```

---

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

Sections and their ownership:

| Section | Owner | Note |
|---------|-------|------|
| Header comment, 개요, 리뷰 에이전트 지시 | Fixed at stub creation | Implementing agent must not modify or execute these |
| 구현 항목별 완료 여부 | Implementing agent checks boxes only | Item names stay fixed |
| 구현 체크리스트 | Implementing agent checks boxes only | Text/order stay fixed |
| 코드리뷰 전용 체크리스트 | Review agent only | Implementing agent must not modify |
| 계획 대비 변경 사항, 주요 설계 결정 | Implementing agent | Replace placeholder text with actual content |
| 사용자 리뷰 요청 | Implementing agent | Keep `상태: 없음` unless blocked |
| 리뷰어를 위한 체크포인트 | Fixed at stub creation | Review focus list |
| 검증 결과 | Implementing agent | Paste actual command output |

## 코드리뷰 결과

- 종합 판정: PASS
- 차원별 평가:
  - correctness: Pass
  - completeness: Pass
  - test coverage: Pass
  - API contract: Pass
  - code quality: Pass
  - plan deviation: Pass
  - verification trust: Pass
- 발견된 문제: 없음
- 다음 단계: PASS이므로 `complete.log` 작성 후 active task directory를 archive로 이동한다.

검증 재실행:

```bash
$ cd apps/client && flutter test
00:00 +10: All tests passed!

$ cd apps/client && flutter analyze --no-fatal-infos
Analyzing client...
No issues found! (ran in 2.8s)
```
