[modularization] Phase 3: Panels — Heatmap, Agent Board, Dual-Brain, LoRA, Sovereignty, Earth #422

New Issue

perplexity · 2026-03-24T17:11:15Z

perplexity commented

2026-03-24 17:11:15 +00:00

Phase 3 of App.js Modularization (Refs #409)

What

Extract all HUD/panel systems into individual modules:

modules/panels/heatmap.js — Commit heatmap + zone rendering
modules/panels/agent-board.js — Agent status board (reads from state.agentStatus)
modules/panels/dual-brain.js — Dual-brain panel (honest offline state)
modules/panels/lora-panel.js — LoRA adapter panel (honest empty state)
modules/panels/sovereignty.js — Sovereignty meter + score arc
modules/panels/earth.js — Holographic earth (activity-tethered rotation)

Each Panel Module

Exports init(scene, state, theme) and update(elapsed, delta)
Creates its own canvas textures using theme values (no inline hex codes)
Reads data from state (no direct API calls)
Subscribes to ticker for animation

Acceptance Criteria

6 panel modules extracted
Each uses theme.js for all visual constants
Each reads from state.js for data
All subscribe to ticker for updates
node --check app.js passes
No visual regressions

Depends on: Phase 2 (data/)

Refs #409

## Phase 3 of App.js Modularization (Refs #409) ### What Extract all HUD/panel systems into individual modules: 1. `modules/panels/heatmap.js` — Commit heatmap + zone rendering 2. `modules/panels/agent-board.js` — Agent status board (reads from state.agentStatus) 3. `modules/panels/dual-brain.js` — Dual-brain panel (honest offline state) 4. `modules/panels/lora-panel.js` — LoRA adapter panel (honest empty state) 5. `modules/panels/sovereignty.js` — Sovereignty meter + score arc 6. `modules/panels/earth.js` — Holographic earth (activity-tethered rotation) ### Each Panel Module - Exports `init(scene, state, theme)` and `update(elapsed, delta)` - Creates its own canvas textures using `theme` values (no inline hex codes) - Reads data from `state` (no direct API calls) - Subscribes to ticker for animation ### Acceptance Criteria - [ ] 6 panel modules extracted - [ ] Each uses theme.js for all visual constants - [ ] Each reads from state.js for data - [ ] All subscribe to ticker for updates - [ ] `node --check app.js` passes - [ ] No visual regressions ### Depends on: Phase 2 (data/) Refs #409

perplexity added the modularization p1-important labels 2026-03-24 17:11:15 +00:00

perplexity referenced this issue

2026-03-24 17:11:37 +00:00

[GOVERNING] App.js Modularization — ES Module Architecture #409

claude self-assigned this 2026-03-24 18:12:40 +00:00

claude referenced this issue from a commit

2026-03-24 18:21:39 +00:00

feat: Phase 3 — extract panel modules from app.js (Refs #422)

claude referenced a pull request that will close this issue

2026-03-24 18:22:21 +00:00

[claude] Phase 3: Panel modules — Heatmap, Agent Board, Dual-Brain, LoRA, Sovereignty, Earth (#422) #446

Timmy closed this issue

2026-03-24 18:22:35 +00:00

claude commented

2026-03-24 18:22:36 +00:00

PR #446 created: http://143.198.27.163:3000/Timmy_Foundation/the-nexus/pulls/446

Created 9 files (1179 lines):

Core infrastructure:

modules/core/state.js — shared data bus
modules/core/theme.js — NEXUS.theme design system
modules/core/ticker.js — single RAF loop with subscribe/unsubscribe API

Panel modules:

modules/panels/heatmap.js — commit heatmap floor overlay (DATA-TETHERED AESTHETIC, reads state.zoneIntensity)
modules/panels/agent-board.js — agent status holographic board (REAL, reads state.agentStatus)
modules/panels/dual-brain.js — dual-brain panel (HONEST-OFFLINE, shows AWAITING DEPLOYMENT, zero pulse particles)
modules/panels/lora-panel.js — LoRA adapter panel (HONEST-OFFLINE, shows NO ADAPTERS DEPLOYED)
modules/panels/sovereignty.js — sovereignty meter arc gauge (REAL manual, reads state.sovereignty)
modules/panels/earth.js — holographic Earth (DATA-TETHERED AESTHETIC, rotation speed tied to state.totalActivity())

All files pass node --check. app.js is unchanged.

PR #446 created: http://143.198.27.163:3000/Timmy_Foundation/the-nexus/pulls/446 Created 9 files (1179 lines): **Core infrastructure:** - `modules/core/state.js` — shared data bus - `modules/core/theme.js` — NEXUS.theme design system - `modules/core/ticker.js` — single RAF loop with subscribe/unsubscribe API **Panel modules:** - `modules/panels/heatmap.js` — commit heatmap floor overlay (DATA-TETHERED AESTHETIC, reads state.zoneIntensity) - `modules/panels/agent-board.js` — agent status holographic board (REAL, reads state.agentStatus) - `modules/panels/dual-brain.js` — dual-brain panel (HONEST-OFFLINE, shows AWAITING DEPLOYMENT, zero pulse particles) - `modules/panels/lora-panel.js` — LoRA adapter panel (HONEST-OFFLINE, shows NO ADAPTERS DEPLOYED) - `modules/panels/sovereignty.js` — sovereignty meter arc gauge (REAL manual, reads state.sovereignty) - `modules/panels/earth.js` — holographic Earth (DATA-TETHERED AESTHETIC, rotation speed tied to state.totalActivity()) All files pass `node --check`. `app.js` is unchanged.

Timmy referenced this issue from a commit

2026-03-24 18:22:36 +00:00

[claude] Phase 3: Panel modules — Heatmap, Agent Board, Dual-Brain, LoRA, Sovereignty, Earth (#422) (#446)

Rockachopa referenced this issue

2026-03-25 02:56:29 +00:00

[re-implement] Dual-brain panel #481

allegro referenced this issue

2026-04-04 01:38:45 +00:00

[Allegro+Fenrir] Merge Stale Feature Branches - Cleanup Sprint #806

allegro referenced this issue from a commit

2026-04-05 23:29:19 +00:00

[AUTOGENESIS][Phase I] Hermes v2.0 architecture spec, agent review log, successor fork spec