docs: complete v1.7 milestone with Phases 28-30

v1.7 Performance Optimization shipped with 3 stable phases:
- Phase 28: VU Meter Optimization (external store + RAF)
- Phase 29: Context Optimization (memoized providers)
- Phase 30: Component Memoization (React.memo wrappers)

Phases 31-32 permanently reverted:
- Selector composition with shallowEqual blocked main thread
- State update changes caused VU/slider unresponsiveness

Results: Page freezes eliminated, VU meters smooth, sliders responsive.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

.planning/ROADMAP.md

@@ -9,7 +9,7 @@
 - v1.4 Memory Leak Prevention (Phases 18-22) - SHIPPED 2026-02-10
 - v1.5 Fix Session Recording (Phases 23-25) - SHIPPED 2026-02-25
 - v1.6 Media Features Polish (Phases 26-27) - SHIPPED 2026-03-03
-- **v1.7 Performance Optimization** (Phases 28-32) - IN PROGRESS
+- **v1.7 Performance Optimization** (Phases 28-30) - SHIPPED 2026-03-06
 
 ## Overview
 
@@ -20,8 +20,8 @@ v1.7 eliminates page freezes caused by excessive React re-renders. The primary c
 - [x] **Phase 28: VU Meter Optimization** - External store + RAF batching for high-frequency VU updates ✓
 - [x] **Phase 29: Context Optimization** - Memoize and split MixersContext to isolate update frequency ✓
 - [x] **Phase 30: Component Memoization** - Apply React.memo to prevent cascade re-renders ✓
-- [x] **Phase 31: Selector Optimization** - Consolidate and memoize Redux selectors ✓
+- ~~Phase 31: Selector Optimization~~ - REVERTED (caused VU/slider performance regression)
-- [ ] **Phase 32: State Update Optimization** - Debounce, colocate, and deduplicate state updates
+- ~~Phase 32: State Update Optimization~~ - REVERTED (caused VU/slider performance regression)
 
 ## Phase Details
 
@@ -68,37 +68,13 @@ Plans:
 Plans:
 - [x] 30-01-PLAN.md — Wrap JKSessionAudioInputs and JKSessionRemoteTracks with React.memo ✓
 
-### Phase 31: Selector Optimization
+### Phase 31: Selector Optimization — REVERTED
-**Goal**: Redux selectors compute efficiently with memoization
+**Status**: Reverted on 2026-03-06
-**Depends on**: Nothing (independent of Phase 28-30)
+**Reason**: Composed selectors with shallowEqual caused VU meters to animate slowly and volume sliders to become unresponsive. The overhead of selector composition and object comparison blocked the main thread during high-frequency updates.
-**Requirements**: SEL-01, SEL-02, SEL-03
-**Success Criteria** (what must be TRUE):
-  1. useMixerHelper uses composed selectors instead of 18+ individual selectors
-  2. Derived data uses createSelector for memoization
-  3. Object selectors use shallowEqual comparison
-  4. Single mixer field change triggers 1-3 selector runs (not 18+)
-**Plans**: 1 plan
 
-Plans:
+### Phase 32: State Update Optimization — REVERTED
-- [x] 31-01-PLAN.md — Create composed selectors with createSelector and refactor useMixerHelper to use shallowEqual ✓
+**Status**: Reverted on 2026-03-06
-
+**Reason**: Changes to JKSessionScreen.js and useSessionModel.js caused the same VU/slider performance regression. The combination of debounce changes and state colocation interfered with real-time UI responsiveness.
-### Phase 32: State Update Optimization
-**Goal**: Redundant and cascading state updates eliminated
-**Depends on**: Nothing (independent of Phase 28-31)
-**Requirements**: STATE-01, STATE-02, STATE-03, COLOC-01, COLOC-02, COLOC-03
-**Success Criteria** (what must be TRUE):
-  1. Track sync fires once per session join (not 3 times)
-  2. Debounce in trackChanges uses stable reference
-  3. Mixer categorization doesn't dispatch when content unchanged
-  4. Loading states moved to components that use them
-  5. JKSessionScreen re-render count reduced by 50%+
-**Plans**: 4 plans
-
-Plans:
-- [ ] 32-01-PLAN.md — Consolidate track sync and fix useSessionModel debounce recreation
-- [ ] 32-02-PLAN.md — Add content comparison before mixer category dispatches
-- [ ] 32-03-PLAN.md — Create JKResyncButton and JKVideoButton with colocated loading state
-- [ ] 32-04-PLAN.md — Audit remaining state and verify re-render reduction
 
 ## Progress
 
@@ -109,8 +85,8 @@ Plans:
 | 28. VU Meter Optimization | v1.7 | 2/2 | ✓ Complete | 2026-03-05 |
 | 29. Context Optimization | v1.7 | 1/1 | ✓ Complete | 2026-03-05 |
 | 30. Component Memoization | v1.7 | 1/1 | ✓ Complete | 2026-03-05 |
-| 31. Selector Optimization | v1.7 | 1/1 | ✓ Complete | 2026-03-05 |
+| 31. Selector Optimization | v1.7 | - | ✗ Reverted | 2026-03-06 |
-| 32. State Update Optimization | v1.7 | 0/4 | Planned | - |
+| 32. State Update Optimization | v1.7 | - | ✗ Reverted | 2026-03-06 |
 
 ---
 *v1.7 roadmap created 2026-03-03*

.planning/STATE.md

@@ -9,12 +9,12 @@ See: .planning/PROJECT.md (updated 2026-03-03)
 
 ## Current Position
 
-Phase: 30 of 30 (Component Memoization)
+Phase: v1.7 Complete
-Plan: Complete
+Plan: All stable phases complete (28, 29, 30)
-Status: Phases 31-32 reverted due to performance regression
+Status: Milestone shipped
-Last activity: 2026-03-06 — Reverted Phases 31-32
+Last activity: 2026-03-06 — v1.7 shipped (Phases 31-32 reverted)
 
-Progress: [████████░░] 80%
+Progress: [██████████] 100%
 
 ## Performance Metrics
 
@@ -107,15 +107,14 @@ Recent decisions (v1.7):
 - **v1.4 Memory Leak Prevention** (Phases 19-23): Shipped 2026-02-10
 - **v1.5 Fix Session Recording** (Phases 24-25): Shipped 2026-02-25
 - **v1.6 Media Features Polish** (Phases 26-27): Shipped 2026-03-03
-- **v1.7 Performance Optimization** (Phases 28-32): In Progress
+- **v1.7 Performance Optimization** (Phases 28-30): Shipped 2026-03-06
 
 ## Session Continuity
 
 Last session: 2026-03-06
-Stopped at: Reverted Phases 31-32 due to VU/slider performance regression
+Stopped at: v1.7 milestone shipped
 Resume file: None
 
 **Next steps:**
-1. Investigate root cause of Phase 31-32 performance regression
+1. Merge fix_for_page_freeze branch to develop
-2. Consider alternative optimization approaches that don't block real-time UI
+2. Plan v1.8 milestone if needed
-3. Or complete v1.7 with Phases 28-30 optimizations only