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)
|
- **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.
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user