roundhouse_ui 0.5.0 → 0.6.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b76009aa85c003ad62a2e6bacf8efbdf69767bda6e1b9b382de8a606ec3acb8b
-  data.tar.gz: 4ae59af49806c3536b6f709f02146338ad69e716257d2223f1fbf5061995390a
+  metadata.gz: 73ff2f1bc8db03a06168ee39d18b1de518e1a373860e1e0faafdbd08370d5eab
+  data.tar.gz: e1bb6668de35f02e64c369d016a21af989984f604a6009efba39160bd05b5b6a
 SHA512:
-  metadata.gz: 7df7cbc7dbdab13f4821500f1c5e3d8d9ea8357416530662d4e6cd0a38edd427f11eec13d2a7d22ff923b289a5f5dd10edc3ba405217967563bea6e55a7432d4
-  data.tar.gz: e9ebfd3e8edf616ed69ae517f92ca2bdda61dd3065e83624d524b4f5d133bd7d395ef7e4cba7d6d477c92dd1547d5495c83fd68822d58a5136db279a64963268
+  metadata.gz: a27aa6ed4d0a91982e1997a6dcb6492a734edbfcbe3c4cf1c914366b4019b8ba49e922c7bfe59a45da662493d12b196c1f5bcd5ac47f9486248458877f42bb7f
+  data.tar.gz: faa3b64f3da583b3e361b431b8e6fa7b89b4c077a07cc981d54dfd2b20f248144c2798a1497aae4220de86fe385aca7f335b15d6b63c9d9648b22aa05f4acde5

data/app/helpers/roundhouse_ui/observability_helper.rb

@@ -9,5 +9,17 @@ module RoundhouseUi
 
       link_to "↗ #{adapter.label}", url, target: "_blank", rel: "noopener", class: "rh-trace"
     end
+
+    # Deep-link for a grouped error row (no single JID) — a class-wide search.
+    # respond_to? keeps older/custom adapters that lack error_url working.
+    def error_trace_link(klass:, error: nil)
+      adapter = RoundhouseUi.observability
+      return unless adapter.respond_to?(:error_url)
+
+      url = adapter.error_url(klass: klass, error: error)
+      return unless url
+
+      link_to "↗ #{adapter.label}", url, target: "_blank", rel: "noopener", class: "rh-trace"
+    end
   end
 end

data/app/views/layouts/roundhouse_ui/application.html.erb

@@ -157,7 +157,9 @@
   <script nonce="<%= content_nonce %>">
     (function () {
       var fmt = function (n) { return Number(n).toLocaleString(); };
-      var started = false, lastProcessed = null, lastFailed = null, lastBacklog = null, lastT = null, series = [];
+      var started = false, lastProcessed = null, lastFailed = null, lastBacklog = null, lastT = null;
+      var POLL_MS = <%= (RoundhouseUi.poll_interval.to_f * 1000).round %>;
+      var samples = [], buckets = [], bucketStart = null; // samples = current bucket; buckets = finalized per-interval averages
       function setText(id, t) { var el = document.getElementById(id); if (el) el.textContent = t; }
       function humanizeEta(s) {
         if (s < 60) return "~" + Math.round(s) + "s";
@@ -166,24 +168,18 @@
         return "~" + (s / 86400).toFixed(1) + "d";
       }
 
-      // Points to display, from the window picker (24 pts ≈ 1m at the 2.5s poll).
-      function chartWindow() { var s = document.getElementById("rh-chart-window"); return s ? parseInt(s.value, 10) : 24; }
-      // Moving average sized to the window — flattens the per-poll spikes into a
-      // sustained line instead of a noisy sawtooth.
-      function smooth(arr) {
-        var k = Math.max(2, Math.round(arr.length / 12)), out = [];
-        for (var i = 0; i < arr.length; i++) {
-          var a = Math.max(0, i - k + 1), sum = 0, c = 0;
-          for (var j = a; j <= i; j++) { sum += arr[j]; c++; }
-          out.push(sum / c);
-        }
-        return out;
-      }
+      // Bucket interval in seconds, from the picker — a new chart point lands
+      // once per interval, so "per 1m" advances every minute (not every poll).
+      function chartInterval() { var s = document.getElementById("rh-chart-interval"); return s ? parseInt(s.value, 10) : 30; }
+      function avg(a) { return a.length ? a.reduce(function (s, v) { return s + v; }, 0) / a.length : 0; }
       function draw() {
         var cv = document.getElementById("rh-chart"); if (!cv) return;
         var ctx = cv.getContext("2d"), w = cv.width, h = cv.height, pad = 6;
         ctx.clearRect(0, 0, w, h);
-        var pts = smooth(series.slice(-chartWindow())), n = pts.length; if (n < 2) return;
+        // finalized buckets + the in-progress bucket as a provisional last point,
+        // so the chart shows data immediately instead of waiting a full interval.
+        var pts = buckets.slice(-60); if (samples.length) pts = pts.concat([ avg(samples) ]);
+        var n = pts.length; if (n < 2) return;
         var max = Math.max.apply(null, pts) * 1.25 || 1;
         var x = function (i) { return i / (n - 1) * w; }, y = function (v) { return h - pad - v / max * (h - pad * 2); };
         var g = ctx.createLinearGradient(0, 0, 0, h); g.addColorStop(0, "rgba(110,139,255,.30)"); g.addColorStop(1, "rgba(110,139,255,0)");
@@ -210,7 +206,15 @@
               var rate = dt > 0 ? Math.max(0, dp / dt) : 0;
               var re = document.querySelector('[data-stat="rate"]'); if (re) re.textContent = fmt(Math.round(rate * 60));
               var ne = document.getElementById("rh-chart-now"); if (ne) ne.textContent = Math.round(rate);
-              series.push(rate); if (series.length > 360) series.shift(); draw();
+              // Accumulate into the current bucket; finalize it (one averaged point)
+              // once the chosen interval has elapsed. Live "/s" still updates each poll.
+              samples.push(rate);
+              if (bucketStart == null) bucketStart = now;
+              if ((now - bucketStart) / 1000 >= chartInterval()) {
+                buckets.push(avg(samples)); if (buckets.length > 240) buckets.shift();
+                samples = []; bucketStart = now;
+              }
+              draw();
 
               // Metrics tab live rates (these elements exist only on that page).
               setText("rh-m-throughput", Math.round(rate) + "/s");
@@ -226,7 +230,7 @@
           })
           .catch(function () {});
       }
-      function startOnce() { if (started) return; started = true; poll(); setInterval(poll, 2500); }
+      function startOnce() { if (started) return; started = true; poll(); setInterval(poll, POLL_MS); }
       function syncTheme() { var b = document.getElementById("rh-theme"); if (b) b.textContent = document.documentElement.getAttribute("data-theme") === "light" ? "☀" : "☾"; }
       function syncWidth() { var b = document.getElementById("rh-width"); if (b) b.classList.toggle("is-on", document.documentElement.getAttribute("data-width") === "full"); }
 
@@ -317,15 +321,16 @@
         if (e.target && e.target.id === "rh-palette") { palClose(); return; }
         if (e.target.closest && e.target.closest("#rh-palette-open")) { e.preventDefault(); palOpen(); }
       });
-      // Throughput window picker — persist the choice and redraw the smoothed line.
-      function restoreChartWindow() {
-        var s = document.getElementById("rh-chart-window"); if (!s) return;
-        try { var v = localStorage.getItem("rh-chart-win"); if (v) s.value = v; } catch (_) {}
+      // Throughput interval picker — persist the choice; changing it re-buckets
+      // from here on, so reset the in-progress bucket and redraw.
+      function restoreChartInterval() {
+        var s = document.getElementById("rh-chart-interval"); if (!s) return;
+        try { var v = localStorage.getItem("rh-chart-iv"); if (v) s.value = v; } catch (_) {}
       }
       document.addEventListener("change", function (e) {
-        if (!e.target || e.target.id !== "rh-chart-window") return;
-        try { localStorage.setItem("rh-chart-win", e.target.value); } catch (_) {}
-        draw();
+        if (!e.target || e.target.id !== "rh-chart-interval") return;
+        try { localStorage.setItem("rh-chart-iv", e.target.value); } catch (_) {}
+        samples = []; bucketStart = null; draw();
       });
 
       document.addEventListener("keydown", function (e) {
@@ -337,8 +342,8 @@
         else if (e.key === "Enter") { e.preventDefault(); if (palFiltered[palSel]) palRun(palFiltered[palSel]); }
       });
 
-      document.addEventListener("turbo:load", function () { startOnce(); syncTheme(); syncWidth(); setActiveNav(); restoreChartWindow(); draw(); });
-      document.addEventListener("DOMContentLoaded", function () { startOnce(); syncTheme(); syncWidth(); setActiveNav(); restoreChartWindow(); });
+      document.addEventListener("turbo:load", function () { startOnce(); syncTheme(); syncWidth(); setActiveNav(); restoreChartInterval(); draw(); });
+      document.addEventListener("DOMContentLoaded", function () { startOnce(); syncTheme(); syncWidth(); setActiveNav(); restoreChartInterval(); });
       document.addEventListener("visibilitychange", function () { if (!document.hidden) poll(); });
     })();
   </script>

data/app/views/roundhouse_ui/dashboard/show.html.erb

@@ -27,7 +27,7 @@
   <div class="rh-card">
     <div class="k">Processed</div>
     <div class="v num" data-stat="processed"><%= number_with_delimiter @stats.processed %></div>
-    <div class="d up">▲ <span class="num" data-stat="rate">—</span> / min</div>
+    <div class="d"><span class="num" data-stat="rate">—</span> / min</div>
   </div>
   <div class="rh-card">
     <div class="k">Failed · total</div>
@@ -42,7 +42,7 @@
 </div>
 
 <div class="rh-chart-wrap">
-  <div class="top"><h3>Throughput</h3><span class="rh-sub">jobs / sec · live</span><span class="now"><span id="rh-chart-now">—</span>/s</span><select id="rh-chart-window" aria-label="Throughput window" style="margin-left:12px;background:var(--panel-2);color:var(--muted);border:1px solid var(--line);border-radius:7px;padding:3px 6px;font:12px var(--sans)"><option value="24">1m</option><option value="120">5m</option><option value="360">15m</option></select></div>
+  <div class="top"><h3>Throughput</h3><span class="rh-sub">jobs / sec · live</span><span class="now"><span id="rh-chart-now">—</span>/s</span><select id="rh-chart-interval" aria-label="Throughput interval" style="margin-left:12px;background:var(--panel-2);color:var(--muted);border:1px solid var(--line);border-radius:7px;padding:3px 6px;font:12px var(--sans)"><option value="10">per 10s</option><option value="30" selected>per 30s</option><option value="60">per 1m</option><option value="300">per 5m</option></select></div>
   <canvas id="rh-chart" width="1100" height="180"></canvas>
 </div>
 

data/app/views/roundhouse_ui/errors/index.html.erb

@@ -13,7 +13,7 @@
     <% else %>
       <% @groups.each do |g| %>
         <tr>
-          <td><%= g[:klass] %><br><span class="rh-err"><%= g[:error] %></span></td>
+          <td><%= g[:klass] %> <%= error_trace_link(klass: g[:klass], error: g[:error]) %><br><span class="rh-err"><%= g[:error] %></span></td>
           <td class="r"><%= number_with_delimiter g[:count] %></td>
           <td><span class="rh-sub"><%= g[:sources].join(", ") %></span></td>
           <td><span class="rh-sub"><%= g[:queues].join(", ") %></span></td>

data/lib/roundhouse_ui/observability.rb

@@ -14,6 +14,7 @@ module RoundhouseUi
       def label = "trace"
       def job_url(**) = nil
       def queue_url(_name) = nil
+      def error_url(**) = nil
     end
 
     class DatadogAdapter
@@ -36,6 +37,16 @@ module RoundhouseUi
         traces_url([ "@sidekiq.queue:#{name}" ])
       end
 
+      # Grouped Errors rows have no single JID, so link to a class-wide search.
+      # The exact facet depends on your Datadog tagging; tune via `extra_query`
+      # if `resource_name` isn't how your Sidekiq spans are tagged.
+      def error_url(klass:, error: nil)
+        terms = [ "resource_name:#{klass}" ]
+        terms << "service:#{@service}" if @service
+        terms << @extra_query if @extra_query
+        traces_url(terms)
+      end
+
       private
 
       def traces_url(terms)

data/lib/roundhouse_ui/version.rb

@@ -1,3 +1,3 @@
 module RoundhouseUi
-  VERSION = "0.5.0"
+  VERSION = "0.6.0"
 end

data/lib/roundhouse_ui.rb

@@ -57,6 +57,11 @@ module RoundhouseUi
     # Sidekiq's retry/dead sets, so this is the only way to surface them here.
     attr_accessor :show_sidekiq_failures
 
+    # Seconds between dashboard stat polls. Lower = livelier, but each poll also
+    # re-runs the host's auth/routing on the mount, so a busy console can add DB
+    # load. Default 5s; raise it if polling shows up in your traces.
+    attr_accessor :poll_interval
+
     # Queue pause/resume is only enforced when RoundhouseUi::Fetch is installed
     # as the server's fetch strategy. If you run reliable fetch (Sidekiq
     # Pro/Enterprise super_fetch) you can't also run our fetcher, so pause can't
@@ -85,4 +90,5 @@ module RoundhouseUi
   self.redact_args = []
   self.show_sidekiq_failures = false
   self.pause_enabled = true
+  self.poll_interval = 5
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: roundhouse_ui
 version: !ruby/object:Gem::Version
-  version: 0.5.0
+  version: 0.6.0
 platform: ruby
 authors:
 - R.J. Robinson