feat: show learning progress in web app

.planning/REQUIREMENTS.md

@@ -74,7 +74,7 @@ interview-ready after each short practice loop.
 - [x] **WEB-02**: User can create a diagnostic interview session from the web
   app.
 - [x] **WEB-03**: User can answer a diagnostic question and see rubric feedback.
-- [ ] **WEB-04**: User can see learner memory, readiness, and next challenge
+- [x] **WEB-04**: User can see learner memory, readiness, and next challenge
   after answering.
 - [ ] **WEB-05**: Operator can ingest source material from the web app.
 - [ ] **WEB-06**: Operator can inspect ontology candidate concepts, edges, and
@@ -117,7 +117,7 @@ interview-ready after each short practice loop.
 | ONTO-01..ONTO-04 | Phase 5 | Complete |
 | ASSET-01..ASSET-03 | Phase 6 | Complete |
 | WEB-01..WEB-03 | Phase 7 | Complete |
-| WEB-04 | Phase 8 | Pending |
+| WEB-04 | Phase 8 | Complete |
 | WEB-05..WEB-08 | Phase 9 | Pending |
 
 **Coverage:**
@@ -128,4 +128,4 @@ interview-ready after each short practice loop.
 
 ---
 *Requirements defined: 2026-04-26*
-*Last updated: 2026-04-26 after Phase 7 execution.*
+*Last updated: 2026-04-26 after Phase 8 execution.*

.planning/STATE.md

@@ -7,7 +7,7 @@ See: `.planning/PROJECT.md` (updated 2026-04-26)
 **Core value:** The user should feel and prove that they are becoming more
 interview-ready after each short practice loop.
 
-**Current focus:** Phase 8 planning: Learning Progress View.
+**Current focus:** Phase 9 planning: Material and Asset Workspace.
 
 ## Current Decisions
 
@@ -38,10 +38,11 @@ interview-ready after each short practice loop.
 - v2 Frontend MVP milestone selected to turn the backend learning loop into a
   usable web service.
 - Phase 7 web app shell and diagnostic start UI is implemented and verified.
+- Phase 8 learning progress view is implemented and verified.
 
 ## Next Actions
 
-1. Plan and execute Phase 8: Learning Progress View.
+1. Plan and execute Phase 9: Material and Asset Workspace.
 2. Verify the production OpenAI image model identifier before real image
    generation calls.
 3. Add standardized SUMMARY frontmatter or Nyquist validation files if future
@@ -80,6 +81,9 @@ interview-ready after each short practice loop.
 - 2026-04-26: Phase 7 implementation verified with `go test ./...`, OpenSpec
   validation, root/asset HTTP smoke, and diagnostic API smoke through the
   server used by the web app.
+- 2026-04-26: Phase 8 implementation verified with `go test ./...`, OpenSpec
+  validation, app script smoke, and learner memory/readiness/next-challenge API
+  smoke after an answer.
 
 ---
 *State initialized: 2026-04-26.*

.planning/phases/008-learning-progress-view/008-CONTEXT.md

@@ -0,0 +1,34 @@
+# Phase 8 Context: Learning Progress View
+
+**Status:** Ready for execution
+**Started:** 2026-04-26
+
+## Goal
+
+Show evidence-backed learning progress in the web app after diagnostic
+practice.
+
+## Requirements
+
+- WEB-04: User can see learner memory, readiness, and next challenge after
+  answering.
+
+## Inputs
+
+- Phase 7 web app shell.
+- Existing backend endpoints:
+  - `GET /api/v1/learners/{userID}/memory`
+  - `GET /api/v1/learners/{userID}/readiness-map`
+  - `GET /api/v1/learners/{userID}/next-challenge`
+
+## UX Direction
+
+Keep progress in the right-side context column so the answer workspace remains
+centered. The user should see the loop close immediately: answer, feedback,
+memory, readiness, next challenge.
+
+## Out of Scope
+
+- Full graph visualization.
+- Historical readiness timeline.
+- Editing learner memory.

.planning/phases/008-learning-progress-view/008-PLAN.md

@@ -0,0 +1,26 @@
+# Phase 8 Plan: Learning Progress View
+
+**Status:** Ready for execution
+**Phase Goal:** Close the practice loop with visible learning progress.
+
+## Tasks
+
+### 1. Add progress UI region
+
+- Add learner progress section to the right context pane.
+- Include manual refresh affordance.
+
+### 2. Fetch progress after answer
+
+- Fetch learner memory, readiness map, and next challenge after grading.
+- Render empty/error states when progress is unavailable.
+
+### 3. Verify
+
+- Add/update web app tests for progress asset content.
+- Run Go tests, OpenSpec validation, line-count check, and live smoke.
+
+## Out of Scope
+
+- Charts.
+- Historical progress storage.

.planning/phases/008-learning-progress-view/008-RESEARCH.md

@@ -0,0 +1,20 @@
+# Phase 8 Research: Learning Progress View
+
+## Findings
+
+The backend already provides progress projection after answer submission. The
+frontend only needs to fetch and summarize the three endpoints after grading.
+
+Useful MVP display:
+
+- profile target role and stack
+- top concept mastery states
+- readiness percentage
+- next challenge concept, ladder level, and question
+
+## Recommendation
+
+- Refresh progress automatically after successful answer submission.
+- Add a manual refresh button for recovery.
+- Use empty state before the first answer.
+- Keep evidence labels compact so they do not overwhelm the practice surface.

.planning/phases/008-learning-progress-view/008-SUMMARY.md

@@ -0,0 +1,33 @@
+# Phase 8 Summary
+
+**Status:** Complete
+**Completed:** 2026-04-26
+
+## Delivered
+
+- Added learning progress region to the web app right context pane.
+- Added manual progress refresh action.
+- After answer submission, the app fetches learner memory, readiness map, and
+  next challenge.
+- Rendered readiness percentage, concept mastery states, and recommended next
+  challenge.
+- Added frontend asset test coverage for progress API wiring.
+
+## Verification
+
+```powershell
+gofmt -w cmd internal
+go test ./...
+openspec validate frontend-mvp --strict
+```
+
+Additional smoke check:
+
+- Submitted a diagnostic answer, then verified learner memory, readiness, and
+  next challenge APIs returned progress consumed by the app script.
+
+## Deferred
+
+- Browser screenshot audit.
+- Charts and historical progress.
+- Editable learner memory.

.planning/phases/008-learning-progress-view/008-VERIFICATION.md

@@ -0,0 +1,24 @@
+# Phase 8 Verification
+
+## Verdict
+
+PASS
+
+## Requirement Coverage
+
+- WEB-04: PASS. The web app can fetch and render learner memory, readiness, and
+  next challenge after an answer.
+
+## Evidence
+
+- `go test ./...` passed.
+- `openspec validate frontend-mvp --strict` passed.
+- Static app script includes the readiness API integration.
+- Live smoke confirmed memory mastery, readiness percentage, and next challenge
+  after diagnostic answer submission.
+
+## Residual Risk
+
+The UI is still verified through code and HTTP/API smoke rather than browser
+screenshots. Phase 9 should add visual/browser validation after the workspace
+surface is complete.