Metric Correlations

2026-07-18 22:43:42 -04:00
parent 5396d9d499
commit 93a239e8ef
11 changed files with 1258 additions and 31 deletions
@@ -191,6 +191,7 @@
            <button type="button" id="metrics-play" class="btn btn-ghost" aria-pressed="true">Pause</button>
            <button type="button" id="metrics-force-play" class="btn btn-ghost" aria-pressed="false" title="Keep live (wallboard)">Force</button>
            <button type="button" id="metrics-board" class="btn btn-ghost" aria-pressed="false" title="Pinned board only">Board</button>
+            <button type="button" id="metrics-correlate" class="btn btn-ghost" aria-pressed="false" title="Metric Correlations — brush a highlight, then find changed metrics">Correlate</button>
            <button type="button" id="metrics-reset" class="btn btn-ghost" title="Reset to live 5m">Reset</button>
          </div>
          <div id="metrics-presets" class="metrics-presets" role="group" aria-label="Time window">
@@ -215,8 +216,23 @@
            <span id="metrics-hover" class="muted metrics-hover"></span>
          </div>
        </div>
+        <div id="metrics-mc-bar" class="metrics-mc-bar hidden" aria-label="Metric Correlations">
+          <label class="metrics-group-label muted">
+            Method
+            <select id="metrics-mc-method" aria-label="Correlation method">
+              <option value="volume">volume</option>
+              <option value="ks2">ks2</option>
+              <option value="anomaly-rate">anomaly-rate</option>
+              <option value="value">value (cv)</option>
+            </select>
+          </label>
+          <span id="metrics-mc-hint" class="muted metrics-mc-hint">Brush a chart (≥15s), then Find Correlations</span>
+          <button type="button" id="metrics-mc-run" class="btn btn-primary" disabled>Find Correlations</button>
+          <button type="button" id="metrics-mc-clear" class="btn btn-ghost">Clear</button>
+        </div>
        <p id="metrics-retention-hint" class="metrics-retention-hint muted hidden" role="status"></p>
        <div id="metrics-related" class="related-panel hidden"></div>
+        <div id="metrics-mc-results" class="related-panel mc-results-panel hidden"></div>
        <div class="metrics-shell">
          <aside class="metrics-toc">
            <input id="chart-search" type="search" placeholder="Filter charts…" autocomplete="off" />