Rename dashboard performance toggle to visuals

This commit is contained in:
calesthio
2026-03-20 15:12:56 -07:00
parent ed384528ef
commit 44dd7fcdd8
2 changed files with 5 additions and 5 deletions

View File

@@ -126,9 +126,9 @@ A self-contained Jarvis-style HUD with:
- **Leverageable ideas** — AI-generated trade ideas (with LLM) or signal-correlated ideas (without) - **Leverageable ideas** — AI-generated trade ideas (with LLM) or signal-correlated ideas (without)
### Performance Modes ### Performance Modes
The `PERF HIGH` / `PERF LOW` button in the top bar only changes rendering behavior - it does **not** remove data sources or reduce sweep coverage. The `VISUALS FULL` / `VISUALS LITE` button in the top bar only changes rendering behavior - it does **not** remove data sources or reduce sweep coverage.
When you switch to **PERF LOW**, the dashboard: When you switch to **VISUALS LITE**, the dashboard:
- Disables decorative background effects such as the radial/grid overlays and scanlines - Disables decorative background effects such as the radial/grid overlays and scanlines
- Removes expensive blur/backdrop-filter effects on panels and overlays - Removes expensive blur/backdrop-filter effects on panels and overlays
- Stops non-essential animations like the logo ring blink, conflict rings, and corridor flow effects - Stops non-essential animations like the logo ring blink, conflict rings, and corridor flow effects
@@ -136,7 +136,7 @@ When you switch to **PERF LOW**, the dashboard:
- Converts the horizontal news ticker and OSINT stream into static, scrollable lists instead of continuously animated marquees - Converts the horizontal news ticker and OSINT stream into static, scrollable lists instead of continuously animated marquees
Mobile-specific behavior: Mobile-specific behavior:
- On mobile, `PERF LOW` also forces the dashboard into **flat map mode** if you are currently on the globe - On mobile, `VISUALS LITE` also forces the dashboard into **flat map mode** if you are currently on the globe
- Future mobile loads will continue to start flat while low-perf mode is enabled - Future mobile loads will continue to start flat while low-perf mode is enabled
The preference is saved in browser local storage, so the UI will remember your last setting. The preference is saved in browser local storage, so the UI will remember your last setting.

View File

@@ -547,7 +547,7 @@ function togglePerfMode(){
localStorage.setItem('crucix_low_perf', String(lowPerfMode)); localStorage.setItem('crucix_low_perf', String(lowPerfMode));
document.body.classList.toggle('low-perf', lowPerfMode); document.body.classList.toggle('low-perf', lowPerfMode);
const perfStatus = document.getElementById('perfStatus'); const perfStatus = document.getElementById('perfStatus');
if(perfStatus) perfStatus.textContent = lowPerfMode ? 'LOW' : 'HIGH'; if(perfStatus) perfStatus.textContent = lowPerfMode ? 'LITE' : 'FULL';
if(globe){ if(globe){
globe.controls().autoRotate = !lowPerfMode; globe.controls().autoRotate = !lowPerfMode;
globe.arcDashAnimateTime(lowPerfMode ? 0 : 2000); globe.arcDashAnimateTime(lowPerfMode ? 0 : 2000);
@@ -591,7 +591,7 @@ function renderTopbar(){
</div> </div>
${mobile ? `<div class="top-center">${getRegionControlsMarkup()}</div>` : ''} ${mobile ? `<div class="top-center">${getRegionControlsMarkup()}</div>` : ''}
<div class="top-right"> <div class="top-right">
<button class="meta-pill perf-pill" onclick="togglePerfMode()" title="Reduce visual effects and start mobile in flat mode">${t('dashboard.perf','PERF')} <span class="v" id="perfStatus">${lowPerfMode?t('dashboard.perfLow','LOW'):t('dashboard.perfHigh','HIGH')}</span></button> <button class="meta-pill perf-pill" onclick="togglePerfMode()" title="Reduce visual effects and start mobile in flat mode">${t('dashboard.visuals','VISUALS')} <span class="v" id="perfStatus">${lowPerfMode?t('dashboard.visualsLite','LITE'):t('dashboard.visualsFull','FULL')}</span></button>
<span class="meta-pill">${t('dashboard.sweep','SWEEP')} <span class="v">${(D.meta.totalDurationMs/1000).toFixed(1)}s</span></span> <span class="meta-pill">${t('dashboard.sweep','SWEEP')} <span class="v">${(D.meta.totalDurationMs/1000).toFixed(1)}s</span></span>
<span class="meta-pill">${d} <span class="v">${timeStr}</span></span> <span class="meta-pill">${d} <span class="v">${timeStr}</span></span>
<span class="meta-pill">${t('dashboard.sources','SOURCES')} <span class="v">${D.meta.sourcesOk}/${D.meta.sourcesQueried}</span></span> <span class="meta-pill">${t('dashboard.sources','SOURCES')} <span class="v">${D.meta.sourcesOk}/${D.meta.sourcesQueried}</span></span>