Rename dashboard performance toggle to visuals
This commit is contained in:
@@ -126,9 +126,9 @@ A self-contained Jarvis-style HUD with:
|
||||
- **Leverageable ideas** — AI-generated trade ideas (with LLM) or signal-correlated ideas (without)
|
||||
|
||||
### 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
|
||||
- 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
|
||||
@@ -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
|
||||
|
||||
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
|
||||
|
||||
The preference is saved in browser local storage, so the UI will remember your last setting.
|
||||
|
||||
@@ -547,7 +547,7 @@ function togglePerfMode(){
|
||||
localStorage.setItem('crucix_low_perf', String(lowPerfMode));
|
||||
document.body.classList.toggle('low-perf', lowPerfMode);
|
||||
const perfStatus = document.getElementById('perfStatus');
|
||||
if(perfStatus) perfStatus.textContent = lowPerfMode ? 'LOW' : 'HIGH';
|
||||
if(perfStatus) perfStatus.textContent = lowPerfMode ? 'LITE' : 'FULL';
|
||||
if(globe){
|
||||
globe.controls().autoRotate = !lowPerfMode;
|
||||
globe.arcDashAnimateTime(lowPerfMode ? 0 : 2000);
|
||||
@@ -591,7 +591,7 @@ function renderTopbar(){
|
||||
</div>
|
||||
${mobile ? `<div class="top-center">${getRegionControlsMarkup()}</div>` : ''}
|
||||
<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">${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>
|
||||
|
||||
Reference in New Issue
Block a user