dispatch_policy 0.2.0 → 0.3.0

data/app/views/dispatch_policy/policies/show.html.erb

@@ -1,249 +1,165 @@
-<p class="back"><%= link_to "← All policies", root_path %></p>
-<h1><%= @policy_name %> <small class="muted"><%= @job_class.name %></small></h1>
+<h1>Policy <code><%= @policy_name %></code></h1>
 
-<div class="summary">
-  <div class="summary-item">
-    <div class="label">Pending</div>
-    <div class="value"><%= @pending_count %></div>
-    <div class="sub"><%= @pending_eligible_count %> eligible · <%= @pending_scheduled_count %> scheduled</div>
-  </div>
-  <div class="summary-item">
-    <div class="label">Admitted</div>
-    <div class="value"><%= @admitted_count %></div>
-  </div>
-  <div class="summary-item">
-    <div class="label">Completed (24h)</div>
-    <div class="value"><%= @completed_24h %></div>
-  </div>
-  <div class="summary-item">
-    <div class="label">Gates</div>
-    <div class="value" style="font-size: 1em;">
-      <% (@policy&.gates || []).each do |g| %>
-        <span class="badge"><%= g.name %></span>
-      <% end %>
-    </div>
-  </div>
-</div>
-
-<% if @adaptive_global.any? { |v| !v.nil? } %>
-  <h2>Adaptive — EWMA queue lag (avg across partitions, last hour)</h2>
-  <div class="chart-global">
-    <canvas data-chart="line"
-            data-label="avg ewma_latency_ms"
-            data-labels='<%= @chart_labels.to_json %>'
-            data-values='<%= @adaptive_global.to_json %>'
-            data-counts='<%= @completions_global.to_json %>'></canvas>
-  </div>
-<% end %>
+<section class="dp-stats">
+  <div class="dp-stat"><span class="dp-stat-label">Partitions</span><span class="dp-stat-value"><%= format_count(@totals[:partitions]) %></span></div>
+  <div class="dp-stat"><span class="dp-stat-label">Pending</span><span class="dp-stat-value"><%= format_count(@totals[:pending]) %></span></div>
+  <div class="dp-stat"><span class="dp-stat-label">In flight</span><span class="dp-stat-value"><%= format_count(@totals[:in_flight]) %></span></div>
+</section>
 
-<h2>Watched partitions <small class="muted">(<%= @partition_breakdown.size %>)</small></h2>
+<%= render "dispatch_policy/shared/hints", hints: @hints %>
+<%= render "dispatch_policy/shared/capacity",
+           capacity: @capacity,
+           pending_trend: @pending_trend,
+           pending_buckets: @sparkline %>
 
-<% if @partition_breakdown.empty? %>
-  <p class="muted">No partitions watched yet. Pick some from the list below with <strong>+ watch</strong>; your selection is stored locally in the browser.</p>
-<% else %>
-  <table data-watched-table data-policy-name="<%= @policy_name %>">
+<section class="dp-section">
+  <h2>Throughput</h2>
+  <table class="dp-table">
     <thead>
-      <tr>
-        <th></th>
-        <th>Source</th>
-        <th>Partition</th>
-        <th class="text-end">Pending (eligible)</th>
-        <th class="text-end">Pending (scheduled)</th>
-        <th class="text-end">In-flight</th>
-        <th class="text-end">Completed (24h)</th>
-        <th class="text-end">Adaptive cap</th>
-        <th class="text-end">EWMA latency (ms)</th>
-      </tr>
+      <tr><th>Window</th><th class="dp-num">Admitted</th><th class="dp-num">Ticks</th><th class="dp-num">Avg tick</th><th class="dp-num">Max tick</th><th class="dp-num">Forward fail</th><th class="dp-num">Partitions seen</th></tr>
     </thead>
     <tbody>
-      <% @partition_breakdown.each do |row| %>
-        <tr>
-          <td><button type="button" class="chip" data-unwatch="<%= row[:partition] %>" title="Stop watching">×</button></td>
-          <td><%= row[:source] %></td>
-          <td><code><%= row[:partition] %></code></td>
-          <td class="text-end"><%= row[:eligible] %></td>
-          <td class="text-end"><%= row[:scheduled] %></td>
-          <td class="text-end"><%= row[:in_flight] %></td>
-          <td class="text-end"><%= row[:completed_24h] %></td>
-          <td class="text-end">
-            <% if row[:current_max] %><strong><%= row[:current_max] %></strong><% else %><span class="muted">—</span><% end %>
-          </td>
-          <td class="text-end">
-            <% if row[:ewma_latency_ms] %><%= row[:ewma_latency_ms] %><% else %><span class="muted">—</span><% end %>
-          </td>
-        </tr>
-        <%
-          series      = @adaptive_samples[row[:partition]]    || Array.new(@chart_slots.size)
-          counts      = @completions_samples[row[:partition]] || Array.new(@chart_slots.size, 0)
-          has_samples = series.any? { |v| !v.nil? } || counts.any? { |c| c.positive? }
-        %>
+      <% @windows.each do |label, m| %>
+        <% fail_pct = m[:jobs_admitted].positive? ? (m[:forward_failures].to_f / m[:jobs_admitted] * 100) : 0.0 %>
         <tr>
-          <td colspan="9" class="sparkline-cell">
-            <% if has_samples %>
-              <div class="sparkline-wrap">
-                <canvas data-chart="sparkline"
-                        data-labels='<%= @chart_labels.to_json %>'
-                        data-values='<%= series.to_json %>'
-                        data-counts='<%= counts.to_json %>'></canvas>
-              </div>
-            <% else %>
-              <div class="sparkline-wrap sparkline-empty"><span class="muted">no completions in the last hour yet</span></div>
+          <td><strong><%= label %></strong></td>
+          <td class="dp-num"><%= format_count(m[:jobs_admitted]) %></td>
+          <td class="dp-num"><%= format_count(m[:ticks]) %></td>
+          <td class="dp-num"><%= format_duration_ms(m[:avg_duration_ms]) %></td>
+          <td class="dp-num"><%= format_duration_ms(m[:max_duration_ms]) %></td>
+          <td class="dp-num <%= "dp-warn" if fail_pct >= 1.0 %>">
+            <%= format_count(m[:forward_failures]) %>
+            <% if m[:jobs_admitted].positive? && m[:forward_failures].positive? %>
+              <span style="color:#9ca3af; font-size:11px;">(<%= format("%.2f%%", fail_pct) %>)</span>
             <% end %>
           </td>
+          <td class="dp-num"><%= format_count(m[:partitions_seen]) %></td>
         </tr>
       <% end %>
     </tbody>
   </table>
-<% end %>
 
-<h2>All partitions <small class="muted">(<%= @partition_total_list %>)</small></h2>
+  <% spark_admit = @sparkline.map { |b| b[:jobs_admitted] } %>
+  <% if spark_admit.any? %>
+    <p class="dp-spark">
+      Last 30 minutes (1-minute buckets): <code><%= sparkline(spark_admit, width: 30) %></code>
+      &nbsp;peak: <%= format_count(spark_admit.max) %> jobs/min
+    </p>
+  <% end %>
+</section>
 
-<% if @partition_breakdown_truncated %>
-  <p class="muted" style="background: #fff3cd; border: 1px solid #f0d97f; padding: 0.5em 0.75em; border-radius: 4px;">
-    Showing the most-active partitions only. The full set exceeds the
-    admin's per-request cap (<code>DispatchPolicy.config.admin_partition_limit</code>
-    = <%= DispatchPolicy.config.admin_partition_limit %>); raise it if you need the long tail.
-  </p>
-<% end %>
+<section class="dp-section">
+  <h2>Round-trip</h2>
+  <% if @round_trip[:active_partitions].zero? %>
+    <p class="dp-empty">No active partitions with pending jobs in this policy.</p>
+  <% else %>
+    <div class="dp-stats">
+      <div class="dp-stat"><span class="dp-stat-label">Active w/ pending</span><span class="dp-stat-value"><%= format_count(@round_trip[:active_partitions]) %></span></div>
+      <div class="dp-stat"><span class="dp-stat-label">Never checked</span><span class="dp-stat-value <%= "dp-warn" if @round_trip[:never_checked].positive? %>"><%= format_count(@round_trip[:never_checked]) %></span></div>
+      <div class="dp-stat"><span class="dp-stat-label">In backoff</span><span class="dp-stat-value"><%= format_count(@round_trip[:in_backoff]) %></span></div>
+      <div class="dp-stat"><span class="dp-stat-label">Oldest age</span><span class="dp-stat-value"><%= format_duration_seconds(@round_trip[:oldest_age_seconds]) %></span></div>
+      <div class="dp-stat"><span class="dp-stat-label">P50</span><span class="dp-stat-value"><%= format_duration_seconds(@round_trip[:p50_age_seconds]) %></span></div>
+      <div class="dp-stat"><span class="dp-stat-label">P95</span><span class="dp-stat-value"><%= format_duration_seconds(@round_trip[:p95_age_seconds]) %></span></div>
+    </div>
+  <% end %>
+</section>
 
-<turbo-frame id="partitions_list" data-turbo-action="advance">
-  <% if @partition_total_list.to_i.zero? && @partition_search.blank? %>
-    <p class="muted">This policy declares no partitioning (no gate with <code>partition_by</code> and no <code>round_robin_by</code>).</p>
+<section class="dp-section">
+  <h2>Denials (last 15m)</h2>
+  <% if @denied_reasons.empty? %>
+    <p class="dp-empty">No denials recorded in the window.</p>
   <% else %>
-    <%= form_with url: url_for, method: :get, local: true, html: { class: "partition-search" } do %>
-      <% if params[:watch].present? %>
-        <%= hidden_field_tag :watch, params[:watch] %>
-      <% end %>
-      <%= text_field_tag :q, @partition_search, placeholder: "filter by partition key…", size: 30, autofocus: @partition_search.present? %>
-      <%= submit_tag "Search", name: nil %>
-      <% if @partition_search.present? %>
-        <%= link_to "clear", url_for(q: nil, page: nil, watch: params[:watch]), class: "muted" %>
+    <table class="dp-table">
+      <thead><tr><th>Reason</th><th class="dp-num">Count</th></tr></thead>
+      <tbody>
+        <% @denied_reasons.each do |reason, count| %>
+          <tr><td><code><%= reason %></code></td><td class="dp-num"><%= format_count(count) %></td></tr>
+        <% end %>
+      </tbody>
+    </table>
+    <p class="dp-hint">
+      <code>throttle_empty</code> dominating? Raise the policy's <code>rate</code> or accept the throttle and shard tenants.
+      <code>concurrency_full</code> dominating? Raise <code>max</code> on the concurrency gate or scale the worker pool.
+    </p>
+  <% end %>
+</section>
+
+<section class="dp-section">
+  <h2>Gates</h2>
+  <% if @policy_object %>
+    <ul class="dp-list">
+      <% @policy_object.gates.each do |gate| %>
+        <li><strong><%= gate.name %></strong> (<%= gate.class.name.demodulize %>)</li>
       <% end %>
-    <% end %>
+    </ul>
+    <p>Retry strategy: <code><%= @policy_object.retry_strategy %></code></p>
+  <% else %>
+    <p class="dp-empty">Policy <code><%= @policy_name %></code> is not registered in this process.</p>
+  <% end %>
+</section>
 
-    <% if @partition_list.empty? %>
-      <p class="muted">No matches.</p>
-    <% else %>
-      <%
-        sort_link = lambda { |label, col, align_end: false|
-          active = @partition_sort == col
-          next_dir = active && @partition_dir == "desc" ? "asc" : "desc"
-          arrow = active ? (@partition_dir == "asc" ? " ▲" : " ▼") : ""
-          content_tag(:th, class: (align_end ? "text-end" : nil)) do
-            link_to "#{label}#{arrow}",
-              url_for(sort: col, dir: next_dir, q: @partition_search.presence, page: nil, watch: params[:watch]),
-              class: (active ? "sorted" : nil)
-          end
-        }
-      %>
-      <table data-policy-name="<%= @policy_name %>">
-        <thead>
+<section class="dp-section">
+  <h2>Top partitions by lifetime admitted</h2>
+  <% if @top_admitted.any? %>
+    <table class="dp-table">
+      <thead><tr><th>Partition key</th><th class="dp-num">Lifetime admitted</th><th class="dp-num">Pending</th><th>Last admit</th></tr></thead>
+      <tbody>
+        <% @top_admitted.each do |p| %>
           <tr>
-            <th></th>
-            <%= sort_link.call("Source",         "source") %>
-            <%= sort_link.call("Partition",      "partition") %>
-            <%= sort_link.call("Pending",        "pending",            align_end: true) %>
-            <%= sort_link.call("In-flight",      "in_flight",          align_end: true) %>
-            <%= sort_link.call("Completed (24h)", "completed_24h",     align_end: true) %>
-            <%= sort_link.call("Last enqueue",   "last_enqueued_at") %>
-            <%= sort_link.call("Last dispatch",  "last_dispatched_at") %>
+            <td><%= link_to p.partition_key, partition_path(p), class: "dp-link" %></td>
+            <td class="dp-num"><%= format_count(p.total_admitted) %></td>
+            <td class="dp-num"><%= format_count(p.pending_count) %></td>
+            <td><%= format_time(p.last_admit_at) %></td>
           </tr>
-        </thead>
-        <tbody>
-          <% @partition_list.each do |row| %>
-            <% pending_total = row[:eligible] + row[:scheduled] %>
-            <tr>
-              <td>
-                <% if @watched_keys.include?(row[:partition]) %>
-                  <span class="chip on" title="Watched">✓</span>
-                <% else %>
-                  <button type="button" class="chip" data-watch="<%= row[:partition] %>" data-turbo-frame="_top" title="Watch this partition">+</button>
-                <% end %>
-              </td>
-              <td><%= row[:source] %></td>
-              <td><code><%= row[:partition] %></code></td>
-              <td class="text-end"><%= pending_total %></td>
-              <td class="text-end"><%= row[:in_flight] %></td>
-              <td class="text-end"><%= row[:completed_24h] %></td>
-              <td>
-                <% if row[:last_enqueued_at] %>
-                  <span title="<%= row[:last_enqueued_at] %>"><%= time_ago_in_words(row[:last_enqueued_at]) %> ago</span>
-                <% else %>
-                  <span class="muted">—</span>
-                <% end %>
-              </td>
-              <td>
-                <% if row[:last_dispatched_at] %>
-                  <span title="<%= row[:last_dispatched_at] %>"><%= time_ago_in_words(row[:last_dispatched_at]) %> ago</span>
-                <% else %>
-                  <span class="muted">—</span>
-                <% end %>
-              </td>
-            </tr>
-          <% end %>
-        </tbody>
-      </table>
-
-      <% total_pages = (@partition_total_list / DispatchPolicy::PoliciesController::PARTITION_LIST_PAGE_SIZE.to_f).ceil %>
-      <% if total_pages > 1 %>
-        <% page_params = { q: @partition_search.presence, watch: params[:watch], sort: params[:sort], dir: params[:dir] } %>
-        <div class="pagination">
-          <% if @partition_page > 1 %>
-            <%= link_to "← prev", url_for(page_params.merge(page: @partition_page - 1)) %>
-          <% end %>
-          <span class="muted">page <%= @partition_page %> / <%= total_pages %></span>
-          <% if @partition_page < total_pages %>
-            <%= link_to "next →", url_for(page_params.merge(page: @partition_page + 1)) %>
-          <% end %>
-        </div>
-      <% end %>
-    <% end %>
+        <% end %>
+      </tbody>
+    </table>
+  <% else %>
+    <p class="dp-empty">No partitions have admitted any jobs yet.</p>
   <% end %>
-</turbo-frame>
+</section>
 
-<h2>Throttle buckets</h2>
-<% if @throttle_buckets.empty? %>
-  <p class="muted">No throttle buckets yet.</p>
-<% else %>
-  <table>
-    <thead>
-      <tr><th>Gate</th><th>Partition</th><th>Tokens</th><th>Refilled at</th></tr>
-    </thead>
-    <tbody>
-      <% @throttle_buckets.each do |b| %>
+<section class="dp-section">
+  <h2>Top partitions by pending</h2>
+  <% if @partitions.any? %>
+    <table class="dp-table">
+      <thead>
         <tr>
-          <td><%= b.gate_name %></td>
-          <td><code><%= b.partition_key %></code></td>
-          <td><%= b.tokens.round(2) %></td>
-          <td><%= b.refilled_at.to_s(:short) rescue b.refilled_at %></td>
+          <th>Partition key</th><th>Status</th>
+          <th class="dp-num">Pending</th>
+          <th>Next eligible</th><th>Last admit</th><th></th>
         </tr>
-      <% end %>
-    </tbody>
-  </table>
-<% end %>
+      </thead>
+      <tbody>
+        <% @partitions.each do |p| %>
+          <tr>
+            <td><%= link_to p.partition_key, partition_path(p), class: "dp-link" %></td>
+            <td><%= p.status %></td>
+            <td class="dp-num"><%= format_count(p.pending_count) %></td>
+            <td><%= format_time(p.next_eligible_at) %></td>
+            <td><%= format_time(p.last_admit_at) %></td>
+            <td><%= link_to "→", partition_path(p), class: "dp-link" %></td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  <% else %>
+    <p class="dp-empty">No partitions for this policy yet.</p>
+  <% end %>
+</section>
 
-<h2>Pending (first 50)</h2>
-<% if @pending_jobs.empty? %>
-  <p class="muted">Nothing waiting.</p>
-<% else %>
-  <table>
-    <thead>
-      <tr>
-        <th>ID</th><th>Dedupe key</th><th>Round-robin key</th>
-        <th>Priority</th><th>Staged at</th><th>Not before</th>
-      </tr>
-    </thead>
-    <tbody>
-      <% @pending_jobs.each do |job| %>
-        <tr>
-          <td><%= job.id %></td>
-          <td><%= job.dedupe_key ? content_tag(:code, job.dedupe_key) : content_tag(:span, '—', class: 'muted') %></td>
-          <td><%= job.round_robin_key ? content_tag(:code, job.round_robin_key) : content_tag(:span, '—', class: 'muted') %></td>
-          <td><%= job.priority %></td>
-          <td><%= job.staged_at %></td>
-          <td><%= job.not_before_at || content_tag(:span, '—', class: 'muted') %></td>
-        </tr>
-      <% end %>
-    </tbody>
-  </table>
-<% end %>
+<section class="dp-section">
+  <h2>Actions</h2>
+  <%= button_to "Pause all partitions",  pause_policy_path(@policy_name),  class: "dp-btn",         method: :post, form: { class: "dp-form-inline" } %>
+  <%= button_to "Resume all partitions", resume_policy_path(@policy_name), class: "dp-btn dp-btn-ok", method: :post, form: { class: "dp-form-inline" } %>
+  <%= button_to "Drain policy",          drain_policy_path(@policy_name),
+                class:  "dp-btn dp-btn-warn",
+                method: :post,
+                form: { class: "dp-form-inline",
+                        onsubmit: "return confirm('Force-admit every staged job across every partition of this policy, bypassing all gates?');" } %>
+  <p class="dp-hint">
+    <strong>Pause</strong> stops admission but keeps staging — the queue keeps filling, in-flight jobs finish.
+    <strong>Drain</strong> empties the staging table by force-admitting every job (bypassing gates).
+    Capped at 10,000 jobs per click — click again for more.
+  </p>
+</section>

data/app/views/dispatch_policy/shared/_capacity.html.erb

@@ -0,0 +1,67 @@
+<%
+  capacity = local_assigns.fetch(:capacity)
+  pending_trend = local_assigns.fetch(:pending_trend, :flat)
+  pending_buckets = local_assigns[:pending_buckets]
+
+  jps          = capacity[:admitted_per_second] || (capacity[:admitted_per_minute].to_f / 60.0)
+  target       = capacity[:adapter_target_jps]
+  ratio_jps    = (target && target.positive?) ? jps / target : nil
+  tick_ratio   = (capacity[:tick_max_duration_ms].to_i.positive? ?
+                  capacity[:avg_tick_ms].to_f / capacity[:tick_max_duration_ms] : nil)
+
+  arrow = case pending_trend
+          when :up   then "↑"
+          when :down then "↓"
+          else            "→"
+          end
+%>
+
+<section class="dp-section">
+  <h2>Capacity headroom</h2>
+  <div class="dp-stats">
+    <div class="dp-stat">
+      <span class="dp-stat-label">Admit rate (1m)</span>
+      <span class="dp-stat-value"><%= format("%.1f", jps) %> jobs/sec</span>
+    </div>
+    <% if ratio_jps %>
+      <div class="dp-stat">
+        <span class="dp-stat-label">Of adapter ceiling (<%= target %>/sec)</span>
+        <span class="dp-stat-value <%= "dp-warn" if ratio_jps >= 0.7 %>">
+          <%= format("%.0f%%", ratio_jps * 100) %>
+        </span>
+      </div>
+    <% end %>
+    <div class="dp-stat">
+      <span class="dp-stat-label">Avg tick</span>
+      <span class="dp-stat-value"><%= format_duration_ms(capacity[:avg_tick_ms]) %></span>
+    </div>
+    <% if tick_ratio %>
+      <div class="dp-stat">
+        <span class="dp-stat-label">Of tick_max_duration</span>
+        <span class="dp-stat-value <%= "dp-warn" if tick_ratio >= 0.6 %>">
+          <%= format("%.0f%%", tick_ratio * 100) %>
+        </span>
+      </div>
+    <% end %>
+    <div class="dp-stat">
+      <span class="dp-stat-label">Pending trend (30m)</span>
+      <span class="dp-stat-value <%= "dp-warn" if pending_trend == :up %>">
+        <%= arrow %> <%= pending_trend %>
+      </span>
+    </div>
+  </div>
+
+  <% if pending_buckets && pending_buckets.any? %>
+    <p class="dp-spark">
+      Pending across the last 30 min:
+      <code><%= sparkline(pending_buckets.map { |b| b[:pending_total] }, width: 30) %></code>
+    </p>
+  <% end %>
+  <% if target.nil? %>
+    <p class="dp-hint">
+      Set <code>DispatchPolicy.config.adapter_throughput_target = 3500</code>
+      (jobs/sec) in your initializer to see the admit rate as a percentage.
+      Locally we measure ~3500/sec per worker against good_job; calibrate to your prod adapter.
+    </p>
+  <% end %>
+</section>

data/app/views/dispatch_policy/shared/_hints.html.erb

@@ -0,0 +1,13 @@
+<% if hints.any? %>
+  <section class="dp-section">
+    <h2>Hints</h2>
+    <ul class="dp-list dp-hint-list">
+      <% hints.each do |hint| %>
+        <li class="dp-hint-<%= hint.level %>">
+          <span class="dp-hint-badge"><%= hint.level.to_s.upcase %></span>
+          <%= hint.message %>
+        </li>
+      <% end %>
+    </ul>
+  </section>
+<% end %>

data/app/views/dispatch_policy/shared/_partition_row.html.erb

@@ -0,0 +1,12 @@
+<tr id="partition_<%= partition.id %>" class="<%= "dp-row-paused" if partition.paused? %>">
+  <td><%= link_to partition.policy_name, policy_path(partition.policy_name), class: "dp-link" %></td>
+  <td><code><%= partition.shard %></code></td>
+  <td><%= partition.queue_name || "—" %></td>
+  <td><%= link_to partition.partition_key, partition_path(partition), class: "dp-link" %></td>
+  <td><%= partition.status %></td>
+  <td class="dp-num"><%= format_count(partition.pending_count) %></td>
+  <td class="dp-num"><%= format_count(partition.total_admitted) %></td>
+  <td><%= format_time(partition.next_eligible_at) %></td>
+  <td><%= format_time(partition.last_admit_at) %></td>
+  <td><%= format_time(partition.last_enqueued_at) %></td>
+</tr>

data/app/views/dispatch_policy/staged_jobs/show.html.erb

@@ -0,0 +1,31 @@
+<h1>Staged job #<%= @job.id %></h1>
+
+<section class="dp-stats">
+  <div class="dp-stat"><span class="dp-stat-label">Policy</span><span class="dp-stat-value"><%= @job.policy_name %></span></div>
+  <div class="dp-stat"><span class="dp-stat-label">Class</span><span class="dp-stat-value"><code><%= @job.job_class %></code></span></div>
+  <div class="dp-stat"><span class="dp-stat-label">Queue</span><span class="dp-stat-value"><%= @job.queue_name || "—" %></span></div>
+  <div class="dp-stat"><span class="dp-stat-label">Priority</span><span class="dp-stat-value"><%= @job.priority %></span></div>
+</section>
+
+<section class="dp-section">
+  <h2>Partition</h2>
+  <p><code><%= @job.partition_key %></code></p>
+</section>
+
+<section class="dp-section">
+  <h2>Timing</h2>
+  <ul class="dp-list">
+    <li>Enqueued: <%= format_time(@job.enqueued_at) %></li>
+    <li>Scheduled: <%= format_time(@job.scheduled_at) %></li>
+  </ul>
+</section>
+
+<section class="dp-section">
+  <h2>Context snapshot</h2>
+  <pre class="dp-json"><%= JSON.pretty_generate(@job.context || {}) %></pre>
+</section>
+
+<section class="dp-section">
+  <h2>ActiveJob payload</h2>
+  <pre class="dp-json"><%= JSON.pretty_generate(@job.job_data || {}) %></pre>
+</section>