Skip to content

release: v1.2.0 - Cinematic dashboard refresh + BigBang/BlackHole rewrites#24

Merged
aangell98 merged 4 commits into
mainfrom
develop
May 31, 2026
Merged

release: v1.2.0 - Cinematic dashboard refresh + BigBang/BlackHole rewrites#24
aangell98 merged 4 commits into
mainfrom
develop

Conversation

@aangell98
Copy link
Copy Markdown
Contributor

Release v1.2.0 - Cinematic dashboard refresh + BigBang/BlackHole rewrites.

Visual refresh across the dashboard with focus on cohesion and motion design.

Highlights

  • Charts, KPIs and NetworkGraph aesthetic polish + smoother animations
  • UI cohesion across Header/FloatingChat/QuantumChat/Tooltip/LanguageSelector
  • Loading screen with phrase icons, particles, retry pill and soft fade-out
  • BigBangEntry and BlackHoleExit rewritten from scratch (5-phase Marvel-tier animations)
  • Pacing tightened (8500ms > 6500ms); smooth dashboard reveal in last 12%
  • Bug fixes: analyzeCollaboration error path, avatar fallback, BigBang seed position
  • i18n: 2 new keys across 5 locales

Includes also the previously-unmerged perf and feat commits from feature branches:

  • perf(dashboard): memoize ChartsSection + heavy children (068c01c)
  • feat(dashboard): cinematic mode auto-hide HUD (4bb0fc4)

aangell98 and others added 4 commits May 29, 2026 17:21
…AB after 20s idle)

Extends the cinematic mode concept (introduced in v1.1.0 for the 3D Universe) to the main dashboard:

* `DashboardNav` uses the same `useIdleTimer` hook to detect 20 seconds of inactivity. While idle, it adds a new `navCinematicHidden` class that fades the lateral navigation dock out (opacity 0, pointer-events none, 0.6 s ease-in-out) and exposes a `body[data-dashboard-cinematic='true']` attribute so other globally rendered components can react.
* `FloatingChat` extends its existing MutationObserver to also read that data attribute and apply `fabCinematicHidden` (already defined in v1.1.0) to the FAB while in dashboard cinematic mode.
* Cinematic mode is disabled while the user is in the 3D Universe (which has its own cinematic implementation) and while any interactive panel is open (AI Chat window, Admin Panel, settings dropdowns) so it never interferes with active use.

Result: clean, immersive screenshots of the dashboard with no HUD chrome; the dock and the FAB reappear with a fade-in as soon as the user interacts again.

* Files: `DashboardNav.jsx`, `DashboardNav.module.css`, `FloatingChat.jsx`
* Tests: 179/179 OK
* Lint: 0 new issues
… animations, slow backend polling

Set of small UX improvements that work together to keep the dashboard rendering smoothly:

* `ChartsSection` is now wrapped in `React.memo`. Without this, every re-render of `App` (for example the backend status polling) was reconciling the entire ~3500-line chart tree, which interrupted Recharts animations and made the discipline / language pie charts visibly stutter.
* `QuantumBackground` and `LogoQuantumParticles` are also wrapped in `memo`. Both are pure decorative components with no props; without `memo` they were re-rendering on every `App` re-render and producing visible micro-freezes in the canvas particle field and the badge atom.
* `BackendStatusBadge` polling interval changed from 3 s to 15 s. The badge still feels live, and the dashboard no longer triggers a full re-render every 3 s.
* Chart animation thresholds raised: `useScrollAnimation` now defaults to threshold 0.5 (chart 50 % inside the viewport) instead of 0.3 (30 %). Charts now animate when the user is actually looking at them, not while the user is still scrolling towards them.
* Discipline pie animation duration tuned to 1000 ms (was 800 ms with a flicker bug, then 1500 ms which made the multi-label re-renders stutter).

Tests: 179/179 passing
Lint: 0 new issues vs develop
…kHole rewrites

Visual refresh across the dashboard with focus on cohesion and motion design:

Charts, KPIs & Network
- ChartsSection: aesthetic polish, smoother animations, avatar fallback per repo
- KPI cards & CollaborationBanner: cohesive visual language
- NetworkGraph 2D: refined colors, gradients, transitions

UI cohesion
- Header / FloatingChat / QuantumChat / Tooltip / LanguageSelector: tightened styling
- BellCircuit / WavefunctionCollapse: polished accents
- Loading screen: phrase icons, scattered quantum particles, grid drift, retry pill, progress bar, soft fade-out

Universe animations (Marvel-tier rewrites)
- BigBangEntry rewritten from scratch (5-phase entry: SINGULARITY > IGNITION > SHOCKWAVE > COSMIC WEB > SETTLE) with chromatic aberration, anamorphic flare, plasma streaks, RGB burst particles, bezier filaments, twinkle stars
- BlackHoleExit rewritten from scratch (5-phase exit + singularity remnant) with Kerr-spiral debris, reality fractures, photon ring at clip boundary, accretion disk with doppler shift, hawking radiation
- Unified keyframe table system for wrapper transforms (C0 continuity, no inter-phase jumps)
- Pacing tightened: 8500ms > 6500ms total; black hole visible from ~1s
- Smooth dashboard reveal: .universe container and canvas overlay fade together in last 12% (no cut on unmount)
- Hawking particles render globally (decoupled from phase 4) with quartic fade for natural tail-off
- BigBang seed (loaderBigBangSeed) repositioned to top:54% so glow no longer competes with subtitle 'Quantum Software Ecosystem Analysis'

Bug fixes
- analyzeCollaboration error path: build synthetic state with error flag instead of nulling collaborationData (modal no longer closes silently on backend 500)
- Repo avatar fallback: owner.avatar_url or organization.avatar_url

i18n
- New keys charts.userNotFound, charts.analysisError across 5 locales
feat(dashboard): cinematic refresh - animations, polish, BigBang/BlackHole rewrites
@aangell98 aangell98 merged commit 991c4fc into main May 31, 2026
2 of 3 checks passed
@sonarqubecloud
Copy link
Copy Markdown

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant