catpm 0.3.0 → 0.5.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ac5b510824ed9364db9d541a92eb95b1b0339c1972e48c2cfc634817d36d2600
-  data.tar.gz: 6f7f990fd824795ea8b9ef66e51f28e120d45aa960a2d1fb1e42c85f31458021
+  metadata.gz: 527b9950df4630b2c22f992c2e3e604eac9365c7faa0ea2a892cac5ed47d69af
+  data.tar.gz: d39f675cb7bea8ab51762f78d2319d29e2f88769b37594a45bb0571cdcdd2d32
 SHA512:
-  metadata.gz: ca29621896898fcf69b876260bb27f68df164931986695905737fee23080e55183a6440292d3a8f60f2668c417d20cfb39d9219b2882adbaa764a94e1a3345ea
-  data.tar.gz: e8bc348a4c5fe4028403512a8c96f5b60dbc62676167fc41c56710440688aac206ec4b423c2ccd904a5bebef6428a19835af9e10dcc5961141459a9a0dce1073
+  metadata.gz: d47303a0a85e9f9773e37ef6ca2f0faf7627207ea1050ae456cf0bdff285d60f6ae043285216e5dbdcf61668ba6e4bffb91848bfd884f3e0c7548ea79a97ebf9
+  data.tar.gz: d4b68684377d6f350645dbfff66cd7faac777884c5dc0aae3b7ef5c2c612576bfc27c27ee55c7c3f3136e1897b3b2d48bc76e49b8aae5f6f9b0eb8240db7c543

data/app/controllers/catpm/endpoints_controller.rb

@@ -8,7 +8,7 @@ module Catpm
       @operation = params[:operation].presence || ''
 
       # Time range filter
-      @range, period, _bucket_seconds = helpers.parse_range(remembered_range, extra_valid: ['all'])
+      @range, period, bucket_seconds = helpers.parse_range(remembered_range)
 
       scope = Catpm::Bucket
         .where(kind: @kind, target: @target, operation: @operation)
@@ -49,14 +49,38 @@ module Catpm
         end
       end
 
+      # Chart data — request volume, errors, avg duration
+      chart_buckets = scope.order(bucket_start: :asc).to_a
+      bucket_seconds = helpers.compute_bucket_seconds(chart_buckets) if @range == 'all'
+
+      if bucket_seconds
+        slots_count = {}
+        slots_errors = {}
+        slots_dur_sum = {}
+        slots_dur_count = {}
+        chart_buckets.each do |b|
+          slot_key = (b.bucket_start.to_i / bucket_seconds) * bucket_seconds
+          slots_count[slot_key] = (slots_count[slot_key] || 0) + b.count
+          slots_errors[slot_key] = (slots_errors[slot_key] || 0) + b.failure_count
+          slots_dur_sum[slot_key] = (slots_dur_sum[slot_key] || 0) + b.duration_sum
+          slots_dur_count[slot_key] = (slots_dur_count[slot_key] || 0) + b.count
+        end
+
+        now_slot = (Time.current.to_i / bucket_seconds) * bucket_seconds
+        @chart_requests = 60.times.map { |i| slots_count[now_slot - (59 - i) * bucket_seconds] || 0 }
+        @chart_errors = 60.times.map { |i| slots_errors[now_slot - (59 - i) * bucket_seconds] || 0 }
+        @chart_durations = 60.times.map do |i|
+          key = now_slot - (59 - i) * bucket_seconds
+          c = slots_dur_count[key] || 0
+          c > 0 ? (slots_dur_sum[key] / c).round(1) : 0
+        end
+        @chart_times = 60.times.map { |i| Time.at(now_slot - (59 - i) * bucket_seconds).strftime('%H:%M') }
+      end
+
       endpoint_samples = Catpm::Sample
         .joins(:bucket)
         .where(catpm_buckets: { kind: @kind, target: @target, operation: @operation })
 
-      if @range != 'all'
-        endpoint_samples = endpoint_samples.where('catpm_samples.recorded_at >= ?', period.ago)
-      end
-
       @slow_samples = endpoint_samples.where(sample_type: 'slow').order(duration: :desc).limit(10)
       @samples = endpoint_samples.where(sample_type: 'random').order(recorded_at: :desc).limit(10)
       @error_samples = endpoint_samples.where(sample_type: 'error').order(recorded_at: :desc).limit(10)

data/app/controllers/catpm/errors_controller.rb

@@ -66,12 +66,36 @@ module Catpm
       end
 
       slots = {}
-      cutoff = period.ago.to_i
-      (ob[resolution] || {}).each do |ts_str, count|
-        ts = ts_str.to_i
-        next if ts < cutoff
-        slot_key = (ts / bucket_seconds) * bucket_seconds
-        slots[slot_key] = (slots[slot_key] || 0) + count
+      if @range == 'all'
+        # Collect all timestamps to compute dynamic bucket_seconds
+        all_timestamps = []
+        (ob[resolution] || {}).each do |ts_str, count|
+          ts = ts_str.to_i
+          all_timestamps << ts
+          slots[ts] = (slots[ts] || 0) + count
+        end
+        if all_timestamps.any?
+          span = all_timestamps.max - all_timestamps.min
+          span = 3600 if span < 3600
+          bucket_seconds = (span / 60.0).ceil
+        else
+          bucket_seconds = 60
+        end
+        # Re-bucket with computed bucket_seconds
+        rebucketed = {}
+        slots.each do |ts, count|
+          slot_key = (ts / bucket_seconds) * bucket_seconds
+          rebucketed[slot_key] = (rebucketed[slot_key] || 0) + count
+        end
+        slots = rebucketed
+      else
+        cutoff = period.ago.to_i
+        (ob[resolution] || {}).each do |ts_str, count|
+          ts = ts_str.to_i
+          next if ts < cutoff
+          slot_key = (ts / bucket_seconds) * bucket_seconds
+          slots[slot_key] = (slots[slot_key] || 0) + count
+        end
       end
 
       now_slot = (Time.current.to_i / bucket_seconds) * bucket_seconds

data/app/controllers/catpm/events_controller.rb

@@ -7,11 +7,23 @@ module Catpm
     def index
       @range, period, bucket_seconds = helpers.parse_range(remembered_range)
 
-      recent_buckets = Catpm::EventBucket.recent(period).to_a
+      recent_buckets = if @range == 'all'
+        Catpm::EventBucket.all.to_a
+      else
+        Catpm::EventBucket.recent(period).to_a
+      end
+
+      bucket_seconds = helpers.compute_bucket_seconds(recent_buckets) if @range == 'all'
 
       # Hero metrics
       @total_events = recent_buckets.sum(&:count)
-      period_minutes = period.to_f / 60
+      effective_period = if @range == 'all'
+        earliest = recent_buckets.min_by(&:bucket_start)&.bucket_start
+        earliest ? [Time.current - earliest, 60].max : 3600
+      else
+        period
+      end
+      period_minutes = effective_period.to_f / 60
       @events_per_min = (period_minutes > 0 ? @total_events / period_minutes : 0).round(1)
 
       # Group by name for table
@@ -61,11 +73,23 @@ module Catpm
       @name = params[:name]
       @range, period, bucket_seconds = helpers.parse_range(remembered_range)
 
-      recent_buckets = Catpm::EventBucket.by_name(@name).recent(period).to_a
+      recent_buckets = if @range == 'all'
+        Catpm::EventBucket.by_name(@name).all.to_a
+      else
+        Catpm::EventBucket.by_name(@name).recent(period).to_a
+      end
+
+      bucket_seconds = helpers.compute_bucket_seconds(recent_buckets) if @range == 'all'
 
       # Hero metrics
       @total_count = recent_buckets.sum(&:count)
-      period_minutes = period.to_f / 60
+      effective_period = if @range == 'all'
+        earliest = recent_buckets.min_by(&:bucket_start)&.bucket_start
+        earliest ? [Time.current - earliest, 60].max : 3600
+      else
+        period
+      end
+      period_minutes = effective_period.to_f / 60
       @events_per_min = (period_minutes > 0 ? @total_count / period_minutes : 0).round(1)
       @last_seen = recent_buckets.map(&:bucket_start).max
 

data/app/controllers/catpm/status_controller.rb

@@ -8,7 +8,13 @@ module Catpm
       # Time range (parsed first — everything below uses this)
       @range, period, bucket_seconds = helpers.parse_range(remembered_range)
 
-      recent_buckets = Catpm::Bucket.recent(period).to_a
+      recent_buckets = if @range == 'all'
+        Catpm::Bucket.all.to_a
+      else
+        Catpm::Bucket.recent(period).to_a
+      end
+
+      bucket_seconds = helpers.compute_bucket_seconds(recent_buckets) if @range == 'all'
 
       # Sparkline data
       slots = {}
@@ -31,7 +37,13 @@ module Catpm
 
       recent_count = recent_buckets.sum(&:count)
       recent_failures = recent_buckets.sum(&:failure_count)
-      period_minutes = period.to_f / 60
+      earliest_bucket = recent_buckets.min_by(&:bucket_start)&.bucket_start
+      effective_period = if @range == 'all'
+        earliest_bucket ? [Time.current - earliest_bucket, 60].max : 3600
+      else
+        earliest_bucket ? [[period, Time.current - earliest_bucket].min, 60].max : period
+      end
+      period_minutes = effective_period.to_f / 60
       @recent_avg_duration = recent_count > 0 ? (recent_buckets.sum(&:duration_sum) / recent_count).round(1) : 0.0
       @error_rate = recent_count > 0 ? (recent_failures.to_f / recent_count * 100).round(1) : 0.0
       @requests_per_min = (recent_count / period_minutes).round(1)

data/app/helpers/catpm/application_helper.rb

@@ -116,10 +116,14 @@ module Catpm
       circles = parsed.map.with_index do |(x, y, val), i|
         label = labels ? labels[i] : val.is_a?(Float) ? ('%.1f' % val) : val
         time_attr = time_labels ? %( data-time="#{time_labels[i]}") : ''
-        %(<circle cx="#{x}" cy="#{y}" r="6" fill="transparent" data-value="#{label}"#{time_attr} class="sparkline-dot"/>)
+        %(<circle cx="#{x}" cy="#{y}" r="0" data-value="#{label}"#{time_attr} class="sparkline-dot"/>)
       end.join
 
-      %(<svg width="#{width}" height="#{height}" viewBox="0 0 #{width} #{height}" xmlns="http://www.w3.org/2000/svg" style="display:block;position:relative">#{fill_el}<polyline points="#{coords_str.join(" ")}" fill="none" stroke="#{color}" stroke-width="1.5" stroke-linejoin="round" stroke-linecap="round"/>#{circles}</svg>).html_safe
+      capture = %(<rect width="#{width}" height="#{height}" fill="transparent"/>)
+      highlight = %(<circle cx="0" cy="0" r="3" fill="#{color}" class="sparkline-highlight" style="display:none"/>)
+      vline = %(<line x1="0" y1="0" x2="0" y2="#{height}" stroke="#{color}" stroke-width="0.5" opacity="0.4" class="sparkline-vline" style="display:none"/>)
+
+      %(<svg class="sparkline-chart" width="#{width}" height="#{height}" viewBox="0 0 #{width} #{height}" xmlns="http://www.w3.org/2000/svg" style="display:block">#{capture}#{fill_el}<polyline points="#{coords_str.join(" ")}" fill="none" stroke="#{color}" stroke-width="1.5" stroke-linejoin="round" stroke-linecap="round"/>#{circles}#{vline}#{highlight}</svg>).html_safe
     end
 
     def bar_chart_svg(data_points, width: 600, height: 200, color: 'var(--accent)', time_labels: nil)
@@ -207,16 +211,16 @@ module Catpm
       %(<span class="status-dot"><span class="dot" style="background:#{color}"></span> #{label}</span>).html_safe
     end
 
-    def parse_range(range_str, extra_valid: [])
-      valid = RANGE_KEYS + extra_valid
-      key = valid.include?(range_str) ? range_str : '1h'
-      return [key, nil, nil] if extra_valid.include?(key) && !RANGES.key?(key)
+    def parse_range(range_str)
+      key = (RANGE_KEYS + ['all']).include?(range_str) ? range_str : 'all'
+      return [key, nil, nil] if key == 'all'
       period, bucket_seconds = RANGES[key]
       [key, period, bucket_seconds]
     end
 
     def range_label(range)
       case range
+      when 'all' then 'All time'
       when '6h'  then 'Last 6 hours'
       when '24h' then 'Last 24 hours'
       when '1w'  then 'Last week'
@@ -227,6 +231,14 @@ module Catpm
       end
     end
 
+    def compute_bucket_seconds(buckets)
+      return 60 if buckets.empty?
+      times = buckets.map { |b| b.bucket_start.to_i }
+      span = times.max - times.min
+      span = 3600 if span < 3600
+      (span / 60.0).ceil
+    end
+
     def pagination_nav(current_page, total_count, per_page, extra_params: {})
       total_pages = (total_count.to_f / per_page).ceil
       return '' if total_pages <= 1

data/app/views/catpm/endpoints/show.html.erb

@@ -21,7 +21,7 @@
 
 <% ep_params = { kind: @kind, target: @target, operation: @operation } %>
 <div class="time-range">
-  <% (Catpm::ApplicationHelper::RANGE_KEYS + ["all"]).each do |r| %>
+  <% (["all"] + Catpm::ApplicationHelper::RANGE_KEYS).each do |r| %>
     <a href="<%= catpm.endpoint_path(ep_params.merge(range: r)) %>" class="<%= 'active' if @range == r %>"><%= r == "all" ? "All" : r %></a>
   <% end %>
 </div>
@@ -106,19 +106,36 @@
     </div>
   </div>
 
-  <div class="grid">
-    <% type_data.each do |d| %>
-      <div class="card">
-        <div class="label">Avg <%= d[:label] %></div>
-        <div class="value"><%= "%.0f" % d[:avg_count] %></div>
-        <div class="detail"><%= format_duration(d[:avg_dur]) %> avg</div>
+<% end %>
+
+<% has_requests = @chart_requests&.any? { |v| v > 0 } %>
+<% has_errors = @chart_errors&.any? { |v| v > 0 } %>
+<% has_durations = @chart_durations&.any? { |v| v > 0 } %>
+<% if has_requests || has_errors || has_durations %>
+  <div class="charts-row">
+    <% if has_requests %>
+      <div class="chart-card">
+        <div class="label">Request Volume</div>
+        <div class="value"><%= @chart_requests.sum %></div>
+        <div class="detail"><%= range_label(@range) %></div>
+        <div class="sparkline"><%= sparkline_svg(@chart_requests, width: 500, height: 64, color: "var(--accent)", fill: true, time_labels: @chart_times) %></div>
       </div>
     <% end %>
-    <% if avg_other > 0 %>
-      <div class="card">
-        <div class="label">Avg Other</div>
-        <div class="value"><%= format_duration(avg_other) %></div>
-        <div class="detail">App code, middleware, etc.</div>
+    <% if has_errors %>
+      <div class="chart-card">
+        <div class="label">Error Volume</div>
+        <div class="value"><%= @chart_errors.sum %></div>
+        <div class="detail"><%= range_label(@range) %></div>
+        <div class="sparkline"><%= sparkline_svg(@chart_errors, width: 500, height: 64, color: "var(--red)", fill: true, time_labels: @chart_times) %></div>
+      </div>
+    <% end %>
+    <% if has_durations %>
+      <div class="chart-card">
+        <div class="label">Avg Duration</div>
+        <% nonzero = @chart_durations.select { |v| v > 0 } %>
+        <div class="value"><%= nonzero.any? ? format_duration(nonzero.sum / nonzero.size) : "—" %></div>
+        <div class="detail"><%= range_label(@range) %></div>
+        <div class="sparkline"><%= sparkline_svg(@chart_durations, width: 500, height: 64, color: "var(--accent)", fill: true, labels: @chart_durations.map { |d| format_duration(d) }, time_labels: @chart_times) %></div>
       </div>
     <% end %>
   </div>

data/app/views/catpm/errors/show.html.erb

@@ -50,16 +50,21 @@
 
 <%# ─── Error Frequency Chart ─── %>
 <div class="time-range">
-  <% Catpm::ApplicationHelper::RANGE_KEYS.each do |r| %>
-    <a href="<%= catpm.error_path(@error, range: r) %>" class="<%= 'active' if @range == r %>"><%= r %></a>
+  <% (["all"] + Catpm::ApplicationHelper::RANGE_KEYS).each do |r| %>
+    <a href="<%= catpm.error_path(@error, range: r) %>" class="<%= 'active' if @range == r %>"><%= r == "all" ? "All" : r %></a>
   <% end %>
 </div>
 
-<h2>Error Frequency</h2>
-<%= section_description("Occurrences per time slot over the selected range.") %>
-<div style="border:1px solid var(--border); border-radius:var(--radius); padding:16px; margin-bottom:24px; position:relative">
-  <%= bar_chart_svg(@chart_data, width: 600, height: 180, color: "var(--red, #e5534b)", time_labels: @chart_times) %>
-</div>
+<% if @chart_data&.any? { |v| v > 0 } %>
+  <div class="charts-row">
+    <div class="chart-card">
+      <div class="label">Error Frequency</div>
+      <div class="value"><%= @chart_data.sum %></div>
+      <div class="detail">occurrences &middot; <%= range_label(@range) %></div>
+      <div class="sparkline"><%= sparkline_svg(@chart_data, width: 500, height: 64, color: "var(--red)", fill: true, time_labels: @chart_times) %></div>
+    </div>
+  </div>
+<% end %>
 
 <%# ─── Backtrace ─── %>
 <% first_bt = @contexts.first && (@contexts.first["backtrace"] || @contexts.first[:backtrace] || []) %>

data/app/views/catpm/events/index.html.erb

@@ -5,8 +5,8 @@
 
 <%# ─── Time Range ─── %>
 <div class="time-range">
-  <% Catpm::ApplicationHelper::RANGE_KEYS.each do |r| %>
-    <a href="<%= catpm.events_path(range: r) %>" class="<%= 'active' if @range == r %>"><%= r %></a>
+  <% (["all"] + Catpm::ApplicationHelper::RANGE_KEYS).each do |r| %>
+    <a href="<%= catpm.events_path(range: r) %>" class="<%= 'active' if @range == r %>"><%= r == "all" ? "All" : r %></a>
   <% end %>
   <span style="margin-left:auto; font-size:12px; color:var(--text-2)">
     Updated <%= Time.current.strftime("%H:%M:%S") %>

data/app/views/catpm/events/show.html.erb

@@ -11,8 +11,8 @@
 
 <%# ─── Time Range ─── %>
 <div class="time-range">
-  <% Catpm::ApplicationHelper::RANGE_KEYS.each do |r| %>
-    <a href="<%= catpm.event_path(name: @name, range: r) %>" class="<%= 'active' if @range == r %>"><%= r %></a>
+  <% (["all"] + Catpm::ApplicationHelper::RANGE_KEYS).each do |r| %>
+    <a href="<%= catpm.event_path(name: @name, range: r) %>" class="<%= 'active' if @range == r %>"><%= r == "all" ? "All" : r %></a>
   <% end %>
 </div>
 
@@ -34,12 +34,16 @@
   </div>
 </div>
 
-<%# ─── Bar Chart ─── %>
-<h2>Event Volume</h2>
-<%= section_description("Events per time slot over the selected range.") %>
-<div style="border:1px solid var(--border); border-radius:var(--radius); padding:16px; margin-bottom:24px; position:relative">
-  <%= bar_chart_svg(@chart_data, width: 600, height: 180, color: "var(--accent)", time_labels: @chart_times) %>
-</div>
+<% if @chart_data&.any? { |v| v > 0 } %>
+  <div class="charts-row">
+    <div class="chart-card">
+      <div class="label">Event Volume</div>
+      <div class="value"><%= @chart_data.sum %></div>
+      <div class="detail"><%= range_label(@range) %></div>
+      <div class="sparkline"><%= sparkline_svg(@chart_data, width: 500, height: 64, color: "var(--accent)", fill: true, time_labels: @chart_times) %></div>
+    </div>
+  </div>
+<% end %>
 
 <%# ─── Recent Samples ─── %>
 <h2>Recent Samples</h2>

data/app/views/catpm/shared/_segments_waterfall.html.erb

@@ -17,6 +17,11 @@
       end
     end
 
+    # Sort children of each parent by timeline offset so segments appear chronologically
+    children.each_value do |kids|
+      kids.sort_by! { |i| (segments[i]["offset"] || segments[i][:offset] || 0).to_f }
+    end
+
     depth_map = {}
     ordered = []
     build_order = ->(indices, depth) {

data/app/views/catpm/status/index.html.erb

@@ -5,8 +5,8 @@
 
 <%# ─── Time Range ─── %>
 <div class="time-range">
-  <% Catpm::ApplicationHelper::RANGE_KEYS.each do |r| %>
-    <a href="<%= catpm.status_index_path(range: r) %>" class="<%= 'active' if @range == r %>"><%= r %></a>
+  <% (["all"] + Catpm::ApplicationHelper::RANGE_KEYS).each do |r| %>
+    <a href="<%= catpm.status_index_path(range: r) %>" class="<%= 'active' if @range == r %>"><%= r == "all" ? "All" : r %></a>
   <% end %>
   <span style="margin-left:auto; font-size:12px; color:var(--text-2)">
     Updated <%= Time.current.strftime("%H:%M:%S") %> ·

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

@@ -230,7 +230,17 @@
     .bar-chart-wrap { position: relative; }
     .bar-chart-max { position: absolute; top: 2px; left: 4px; font-size: 11px; color: var(--text-2); font-family: var(--font-sans); pointer-events: none; line-height: 1; }
 
+    /* ─── Charts Row (2-up on wide screens) ─── */
+    .charts-row { display: grid; grid-template-columns: 1fr; gap: 12px; margin-bottom: 20px; }
+    @media (min-width: 900px) { .charts-row { grid-template-columns: 1fr 1fr; } }
+    .chart-card { border: 1px solid var(--border); border-radius: var(--radius); padding: 14px 16px; }
+    .chart-card .label { color: var(--text-1); font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 500; }
+    .chart-card .value { color: var(--text-0); font-size: 20px; font-weight: 600; margin-top: 2px; line-height: 1.2; }
+    .chart-card .detail { color: var(--text-2); font-size: 12px; margin-top: 4px; }
+    .chart-card .sparkline { margin-top: 8px; }
+
     /* ─── Sparkline Interaction ─── */
+    .sparkline-chart { cursor: default; }
     .sparkline-tip { position: absolute; background: #ffffff; color: var(--text-0); font-size: 11px; font-family: var(--font-sans); padding: 4px 8px; border-radius: 4px; border: 1px solid var(--border); box-shadow: 0 2px 8px rgba(0,0,0,0.12); pointer-events: none; white-space: nowrap; z-index: 10; display: none; line-height: 1.3; }
 
     /* ─── Error Hero ─── */
@@ -344,29 +354,65 @@
       });
     }
 
-    /* Sparkline hover */
+    /* Sparkline hover — snap to nearest point by X */
     var sparkTip = null;
-    var sparkTarget = null;
-    document.addEventListener('mouseover', function(e) {
-      if (!e.target.classList.contains('sparkline-dot')) return;
-      var dot = e.target;
-      sparkTarget = dot;
+    var activeSvg = null;
+
+    function hideSparkline() {
+      if (activeSvg) {
+        var hl = activeSvg.querySelector('.sparkline-highlight');
+        var vl = activeSvg.querySelector('.sparkline-vline');
+        if (hl) hl.style.display = 'none';
+        if (vl) vl.style.display = 'none';
+        activeSvg = null;
+      }
+      if (sparkTip) sparkTip.style.display = 'none';
+    }
+
+    document.addEventListener('mousemove', function(e) {
+      var svg = e.target.closest('.sparkline-chart');
+      if (!svg) { hideSparkline(); return; }
+
+      var rect = svg.getBoundingClientRect();
+      var vb = svg.viewBox.baseVal;
+      var scaleX = vb.width / rect.width;
+      var mouseX = (e.clientX - rect.left) * scaleX;
+
+      var dots = svg.querySelectorAll('.sparkline-dot');
+      var nearest = null, nearestDist = Infinity;
+      for (var i = 0; i < dots.length; i++) {
+        var cx = parseFloat(dots[i].getAttribute('cx'));
+        var dist = Math.abs(cx - mouseX);
+        if (dist < nearestDist) { nearestDist = dist; nearest = dots[i]; }
+      }
+      if (!nearest) { hideSparkline(); return; }
+
+      var nx = nearest.getAttribute('cx');
+      var ny = nearest.getAttribute('cy');
+
+      // Highlight dot
+      var hl = svg.querySelector('.sparkline-highlight');
+      if (hl) { hl.setAttribute('cx', nx); hl.setAttribute('cy', ny); hl.style.display = ''; }
+
+      // Vertical guide line
+      var vl = svg.querySelector('.sparkline-vline');
+      if (vl) { vl.setAttribute('x1', nx); vl.setAttribute('x2', nx); vl.style.display = ''; }
+
+      activeSvg = svg;
+
+      // Tooltip
       if (!sparkTip) { sparkTip = document.createElement('div'); sparkTip.className = 'sparkline-tip'; document.body.appendChild(sparkTip); }
-      var val = dot.dataset.value || '';
-      var time = dot.dataset.time || '';
+      var val = nearest.dataset.value || '';
+      var time = nearest.dataset.time || '';
       sparkTip.innerHTML = '<strong>' + val + '</strong>' + (time ? '<br>' + time : '');
       sparkTip.style.display = 'block';
-    });
-    document.addEventListener('mousemove', function(e) {
-      if (!sparkTip || sparkTip.style.display === 'none') return;
       sparkTip.style.left = (e.pageX) + 'px';
       sparkTip.style.top = (e.pageY + 16) + 'px';
     });
-    document.addEventListener('mouseout', function(e) {
-      if (!e.target.classList.contains('sparkline-dot')) return;
-      sparkTarget = null;
-      if (sparkTip) sparkTip.style.display = 'none';
-    });
+
+    document.addEventListener('mouseleave', function(e) {
+      if (e.target.closest && e.target.closest('.sparkline-chart')) hideSparkline();
+    }, true);
 
     document.addEventListener('keydown', function(e) {
       if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') return;

data/lib/catpm/adapter/base.rb

@@ -3,6 +3,9 @@
 module Catpm
   module Adapter
     module Base
+      MINUTE_BUCKET_RETENTION = 48 * 3600
+      HOUR_BUCKET_RETENTION = 90 * 86400
+      DAY_BUCKET_RETENTION = 2 * 365 * 86400
       def persist_buckets(aggregated_buckets)
         raise NotImplementedError
       end
@@ -66,7 +69,8 @@ module Catpm
 
       def merge_contexts(existing_contexts, new_contexts)
         combined = (existing_contexts + new_contexts)
-        combined.last(Catpm.config.max_error_contexts)
+        max = Catpm.config.max_error_contexts
+        max ? combined.last(max) : combined
       end
 
       # Merge new occurrence timestamps into the multi-resolution bucket structure.
@@ -90,9 +94,9 @@ module Catpm
 
         # Compact old entries
         now = Time.current.to_i
-        cutoff_m = now - 48 * 3600
-        cutoff_h = now - 90 * 86400
-        cutoff_d = now - 2 * 365 * 86400
+        cutoff_m = now - MINUTE_BUCKET_RETENTION
+        cutoff_h = now - HOUR_BUCKET_RETENTION
+        cutoff_d = now - DAY_BUCKET_RETENTION
 
         buckets['m'].reject! { |k, _| k.to_i < cutoff_m }
         buckets['h'].reject! { |k, _| k.to_i < cutoff_h }

data/lib/catpm/call_tracer.rb

@@ -0,0 +1,85 @@
+# frozen_string_literal: true
+
+module Catpm
+  class CallTracer
+    def initialize(request_segments:)
+      @request_segments = request_segments
+      @call_stack = []
+      @path_cache = {}
+      @started = false
+
+      @tracepoint = TracePoint.new(:call, :return) do |tp|
+        case tp.event
+        when :call
+          handle_call(tp)
+        when :return
+          handle_return
+        end
+      end
+    end
+
+    def start
+      return if @started
+
+      @started = true
+      @tracepoint.enable(target_thread: Thread.current)
+    end
+
+    def stop
+      return unless @started
+
+      @tracepoint.disable
+      @started = false
+      flush_remaining_spans
+    end
+
+    private
+
+    def handle_call(tp)
+      path = tp.path
+      app = app_frame?(path)
+
+      unless app
+        @call_stack.push(:skip)
+        return
+      end
+
+      started_at = Process.clock_gettime(Process::CLOCK_MONOTONIC)
+      detail = format_detail(tp.defined_class, tp.method_id)
+      index = @request_segments.push_span(type: :code, detail: detail, started_at: started_at)
+      @call_stack.push(index)
+    end
+
+    def handle_return
+      entry = @call_stack.pop
+      return if entry == :skip || entry.nil?
+
+      @request_segments.pop_span(entry)
+    end
+
+    def flush_remaining_spans
+      @call_stack.reverse_each do |entry|
+        next if entry == :skip || entry.nil?
+
+        @request_segments.pop_span(entry)
+      end
+      @call_stack.clear
+    end
+
+    def app_frame?(path)
+      cached = @path_cache[path]
+      return cached unless cached.nil?
+
+      @path_cache[path] = Fingerprint.app_frame?(path)
+    end
+
+    def format_detail(defined_class, method_id)
+      if defined_class.singleton_class?
+        owner = defined_class.attached_object
+        "#{owner.name || owner.inspect}.#{method_id}"
+      else
+        "#{defined_class.name || defined_class.inspect}##{method_id}"
+      end
+    end
+  end
+end