From 7f452703d30f29337d34ae74baf7d4a054dc40a2 Mon Sep 17 00:00:00 2001
From: Chris Amow <chris@amow.com>
Date: Sun, 16 Aug 2026 21:38:26 -0500
Subject: [PATCH] some things only displayed optionally

---
 static/app.js     | 7 ++++++-
 static/index.html | 7 ++++---
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/static/app.js b/static/app.js
index c13e22b..621f8c3 100644
--- a/static/app.js
+++ b/static/app.js
@@ -146,6 +146,7 @@ createApp({
     const alertEarlyPoints = ref(null);
     const animateCurrentPrice = ref(localStorage.getItem('chart-animate-current-price') !== 'false');
     const autoScrollLivePrice = ref(localStorage.getItem('chart-auto-scroll-live-price') !== 'false');
+    const extraDetail = ref(localStorage.getItem('chart-extra-detail') === 'true');
     const optionPrefs = (() => {
       try { return JSON.parse(localStorage.getItem('chart-es-options')) || {}; }
       catch { return {}; }
@@ -1206,6 +1207,10 @@ createApp({
       if (chartApi) chartApi.setAutoScrollLivePrice(value);
     });
 
+    watch(extraDetail, value => {
+      localStorage.setItem('chart-extra-detail', String(value));
+    });
+
     onMounted(async () => {
       chartApi = new ConfluenceChart();
       // Deliberate debug handle. Chart geometry bugs are invisible from the
@@ -1248,6 +1253,6 @@ createApp({
       window.removeEventListener('keydown', handleKeydown);
     });
 
-    return { status, price, sessionOpen, quoteChange, animateCurrentPrice, autoScrollLivePrice, barAge, dataUpdatedAt, buildStamp, timeframe, timeframes, drawingColors, drawingColorRows, drawingColorName, colorRowLabels, symbolChoices, selectedSymbol, symbolColor, symbolScale, symbolScales, symbolPanelOpen, prefs, clusters, clustersByPrice, events, diagnosticMode, captureBusy, captureDiagnostic, armedTool, drawName, drawColor, drawWidth, drawSide, snap, selectedDrawing, selectedDrawings, drawingList, startDrawingListResize, manualLines, hasDrawingSelection, allShownSelected, selectedAreHidden, alertPrice, alertNote, alertEarlyPoints, levelColor, levelWidth, addPriceAlert, armTool, selectTimeframe, allEnabled, toggleGroup, maAlertOn, toggleMaAlert, deleteSelected, deleteLine, toggleDrawingSelection, toggleSelectAll, toggleSelectedVisibility, renameLine, updateLineStyle, updateLevelNumber, setArmed, commentText, commentFloat, comments, drawings, filteredDrawings, drawingFilter, drawingKind, drawingTf, deleteDrawing, toggleComment, togglePinned, chooseSymbol, toggleSymbolPanel, startSymbolDrag, dropSymbol, optionExpirations, optionExpiryId, optionSide, optionMode, optionMin, optionMax, optionContracts, optionUnderlying, optionBusy, optionError, optionSearched, optionCopied, onOptionsToggle, searchOptions, copyOption };
+    return { status, price, sessionOpen, quoteChange, animateCurrentPrice, autoScrollLivePrice, extraDetail, barAge, dataUpdatedAt, buildStamp, timeframe, timeframes, drawingColors, drawingColorRows, drawingColorName, colorRowLabels, symbolChoices, selectedSymbol, symbolColor, symbolScale, symbolScales, symbolPanelOpen, prefs, clusters, clustersByPrice, events, diagnosticMode, captureBusy, captureDiagnostic, armedTool, drawName, drawColor, drawWidth, drawSide, snap, selectedDrawing, selectedDrawings, drawingList, startDrawingListResize, manualLines, hasDrawingSelection, allShownSelected, selectedAreHidden, alertPrice, alertNote, alertEarlyPoints, levelColor, levelWidth, addPriceAlert, armTool, selectTimeframe, allEnabled, toggleGroup, maAlertOn, toggleMaAlert, deleteSelected, deleteLine, toggleDrawingSelection, toggleSelectAll, toggleSelectedVisibility, renameLine, updateLineStyle, updateLevelNumber, setArmed, commentText, commentFloat, comments, drawings, filteredDrawings, drawingFilter, drawingKind, drawingTf, deleteDrawing, toggleComment, togglePinned, chooseSymbol, toggleSymbolPanel, startSymbolDrag, dropSymbol, optionExpirations, optionExpiryId, optionSide, optionMode, optionMin, optionMax, optionContracts, optionUnderlying, optionBusy, optionError, optionSearched, optionCopied, onOptionsToggle, searchOptions, copyOption };
   },
 }).mount('#app');
diff --git a/static/index.html b/static/index.html
index 1af8669..4eb9da2 100644
--- a/static/index.html
+++ b/static/index.html
@@ -26,9 +26,9 @@
         </div>
         <div id="chart" @dragover.prevent @drop.prevent="dropSymbol"></div>
         <div class="statusbar">
-          <span>FEED <b>{{ status.stream }}</b></span>
-          <span>LAST BAR <b>{{ barAge }}</b></span>
-          <span>HELD <b>{{ status.bars_held?.[timeframe] || 0 }} {{ timeframe }}</b></span>
+          <span v-if="extraDetail">FEED <b>{{ status.stream }}</b></span>
+          <span v-if="extraDetail">LAST BAR <b>{{ barAge }}</b></span>
+          <span v-if="extraDetail">HELD <b>{{ status.bars_held?.[timeframe] || 0 }} {{ timeframe }}</b></span>
           <span v-if="armedTool === 'trendline'" class="arm-hint">Drag on the chart from one point to the other</span>
           <span v-else-if="armedTool === 'level'" class="arm-hint">Click or drag on the chart to set the price</span>
           <span v-else-if="selectedDrawing" class="arm-hint">Drawing selected — Delete removes it</span>
@@ -59,6 +59,7 @@
           <summary>Config</summary>
           <label><input type="checkbox" v-model="animateCurrentPrice"> Animate current price</label>
           <label><input type="checkbox" v-model="autoScrollLivePrice"> Autoscroll to live price</label>
+          <label><input type="checkbox" v-model="extraDetail"> Extra detail</label>
         </details>
         <details class="sidebar-section tools-section" open>
           <summary>Tools</summary>