side_bro 0.2.2

data/web/views/metrics_for_job.html.erb

@@ -0,0 +1,67 @@
+<% @page_title = "Metrics: #{@name}" %>
+<% @breadcrumb = [{label: "Metrics", href: "#{action.root_path}metrics"}, {label: @name}] %>
+
+<div class="page-head">
+  <div class="page-title-block">
+    <div class="eyebrow"><span>Monitoring</span></div>
+    <h1><span class="queue-name"><%= action.h(@name) %></span></h1>
+  </div>
+  <div class="page-head-meta">
+    <%= action.render_partial(:metrics_period_select) %>
+  </div>
+</div>
+
+<%- job_result = @metrics&.job_results&.[](@name) %>
+
+<%- if job_result.nil? || job_result.totals.empty? %>
+  <div class="panel">
+    <div class="empty"><%= action.t(:no_jobs) %></div>
+  </div>
+<%- else %>
+  <%- processed = job_result.totals["p"].to_i %>
+  <%- failures  = job_result.totals["f"].to_i %>
+  <%- success   = processed - failures %>
+  <%- total_s   = job_result.totals["s"].to_f %>
+  <%- completed = [success, 0].max %>
+  <%- avg_s     = completed > 0 ? total_s / completed : 0.0 %>
+
+  <div class="panel">
+    <div class="panel-head">
+      <div class="ph-title">Summary</div>
+      <div class="ph-meta mono">Period: <%= @period %></div>
+    </div>
+    <table>
+      <thead>
+        <tr>
+          <th><%= action.t(:success) %></th>
+          <th><%= action.t(:failed) %></th>
+          <th><%= action.t(:total_exec_time) %></th>
+          <th><%= action.t(:avg_exec_time) %></th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td><span style="color:var(--lime)"><%= success %></span></td>
+          <td><span style="color:var(--red)"><%= failures %></span></td>
+          <td><span class="mono" style="font-size:12px"><%= "%.2fs" % total_s %></span></td>
+          <td><span class="mono" style="font-size:12px"><%= "%.3fs" % avg_s %></span></td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+
+  <script nonce="<%= nonce %>">
+    window.JOB_METRICS = <%= {
+      name: @name,
+      period: @period,
+      processed: job_result.series["p"],
+      failed: job_result.series["f"],
+      avg_ms: job_result.series_avg("ms")
+    }.to_json %>;
+  </script>
+<%- end %>
+
+<a href="<%= action.root_path %>metrics" class="btn ghost" style="margin-top:8px;">
+  <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="15 18 9 12 15 6"/></svg>
+  &larr; Back to Metrics
+</a>

data/web/views/morgue.html.erb

@@ -0,0 +1,82 @@
+<% @page_title = "Dead Jobs" %>
+
+<div class="page-head">
+  <div class="page-title-block">
+    <div class="eyebrow"><span>Lifecycle</span></div>
+    <h1>Dead <span class="badge-num"><%= @total %></span></h1>
+  </div>
+</div>
+
+<%- if @jobs.empty? %>
+  <div class="panel">
+    <div class="empty"><%= action.t(:no_dead) %></div>
+  </div>
+<%- else %>
+  <form method="post" action="<%= action.root_path %>morgue">
+    <div class="panel">
+      <div class="panel-head">
+        <div class="ph-title">Morgue</div>
+        <div class="ph-meta mono"><%= @total %> jobs</div>
+        <div class="ph-spacer"></div>
+        <div class="bulk-bar">
+          <button type="submit" name="action" value="retry" class="btn ghost">
+            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="23 4 23 10 17 10"/><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"/></svg>
+            <%= action.t(:retry_now) %>
+          </button>
+          <button type="submit" name="action" value="delete" class="btn danger">
+            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"/><path d="M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"/></svg>
+            <%= action.t(:delete) %>
+          </button>
+        </div>
+      </div>
+      <div class="table-scroll">
+      <table>
+        <thead>
+          <tr>
+            <th class="col-select"><input type="checkbox" class="check" id="select-all"></th>
+            <th><%= action.t(:last_retry) %></th>
+            <th><%= action.t(:queue) %></th>
+            <th><%= action.t(:class) %></th>
+            <th><%= action.t(:args) %></th>
+            <th><%= action.t(:error) %></th>
+          </tr>
+        </thead>
+        <tbody>
+          <%- @jobs.each do |job| %>
+            <tr>
+              <td class="col-select"><input type="checkbox" class="check" name="key[]" value="<%= action.h(job.jid) %>"></td>
+              <td><span class="mono" style="font-size:12px"><%= job["failed_at"] ? action.relative_time(Time.at(job["failed_at"])) : "—" %></span></td>
+              <td><%= action.h(job["queue"]) %></td>
+              <td><a href="<%= action.root_path %>morgue/<%= action.h(job.jid) %>"><span class="job-name"><%= action.h(action.job_display_class(job)) %></span></a></td>
+              <td><code class="args" style="font-size:11px"><%= action.h(action.format_args_short(job)) %></code></td>
+              <td style="color:var(--red); font-size:12px"><%= action.h(action.truncate("#{job["error_class"]}: #{job["error_message"]}", 120)) %></td>
+            </tr>
+          <%- end %>
+        </tbody>
+      </table>
+      </div>
+      <div class="panel-foot">
+        <%= action.render_partial(:paging) %>
+      </div>
+    </div>
+  </form>
+
+  <div style="display:flex; gap:8px; flex-wrap:wrap; margin-top:8px;">
+    <form method="post" action="<%= action.root_path %>morgue/all/retry" style="display:inline">
+      <button type="submit" class="btn ghost"><%= action.t(:retry_all) %></button>
+    </form>
+    <form method="post" action="<%= action.root_path %>morgue/all/delete" style="display:inline">
+      <button type="submit" class="btn danger"><%= action.t(:delete_all) %></button>
+    </form>
+  </div>
+<%- end %>
+
+<script nonce="<%= nonce %>">
+(function () {
+  var all = document.getElementById("select-all");
+  if (!all) return;
+  all.addEventListener("change", function () {
+    document.querySelectorAll("input.check[name='key[]']").forEach(function (c) { c.checked = all.checked; });
+  });
+})();
+</script>

data/web/views/queue.html.erb

@@ -0,0 +1,190 @@
+<% @page_title = "Queue: #{@queue.name}" %>
+<% @breadcrumb = [{label: "Queues", href: "#{action.root_path}queues"}, {label: @queue.name}] %>
+
+<div class="page-head">
+  <div class="page-title-block">
+    <div class="eyebrow">
+      <span>Queue</span>
+    </div>
+    <h1>
+      <span>Jobs in</span>
+      <span class="queue-name"><%= action.h(@queue.name) %></span>
+      <span class="badge-num"><%= @total %></span>
+    </h1>
+  </div>
+  <div class="page-head-meta">
+    <div class="meta-item">
+      <span class="meta-k">Latency</span>
+      <span class="meta-v"><%= "%.2fs" % @queue.latency %></span>
+    </div>
+  </div>
+</div>
+
+<div class="toolbar">
+  <div class="search">
+    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
+    <input id="queueSearch" placeholder="Search jobs, args, JIDs…" />
+    <kbd>⌘K</kbd>
+  </div>
+
+  <div class="divider-v"></div>
+
+  <a href="?<%= action.query_string("direction" => (@asc ? "desc" : "asc"), "page" => "1") %>" class="chip">
+    <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="8" y1="6" x2="21" y2="6"/><line x1="8" y1="12" x2="21" y2="12"/><line x1="8" y1="18" x2="21" y2="18"/><line x1="3" y1="6" x2="3.01" y2="6"/><line x1="3" y1="12" x2="3.01" y2="12"/><line x1="3" y1="18" x2="3.01" y2="18"/></svg>
+    <%= @asc ? "Newest first" : "Oldest first" %>
+  </a>
+
+  <div style="margin-left:auto; display:flex; gap:8px;">
+    <form method="post" action="<%= action.root_path %>queues/<%= action.h(@queue.name) %>" style="display:inline">
+      <%- if @queue.respond_to?(:paused?) && @queue.paused? %>
+        <button type="submit" name="unpause" value="1" class="btn ghost"><%= action.t(:unpause) %></button>
+      <%- elsif @queue.respond_to?(:pause!) %>
+        <button type="submit" name="pause" value="1" class="btn ghost">
+          <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="6" y="4" width="4" height="16"/><rect x="14" y="4" width="4" height="16"/></svg>
+          <%= action.t(:pause) %>
+        </button>
+      <%- end %>
+      <button type="submit" name="clear" value="1" class="btn danger"
+        onclick="return confirm('Clear all jobs from <%= action.h(@queue.name) %>?')">
+        <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"/><path d="M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"/></svg>
+        <%= action.t(:clear) %>
+      </button>
+    </form>
+  </div>
+</div>
+
+<%- if @filtering %>
+<div class="active-filters">
+  <span>Filtering by</span>
+  <span class="filter-tag">
+    <%- if @filter_args.empty? %>
+      <span><%= action.h(@filter_job) %></span>
+    <%- else %>
+      <span><%= action.h(@filter_job) %> &nbsp;·&nbsp; <%= action.h(@filter_args.length > 60 ? @filter_args[0, 60] + "…" : @filter_args) %></span>
+    <%- end %>
+    <a href="?<%= action.query_string("filter_job" => nil, "filter_args" => nil, "page" => "1") %>" class="x" title="Clear filter">✕</a>
+  </span>
+  <form method="post" action="<%= action.root_path %>queues/<%= action.h(@queue.name) %>/delete_filtered" style="display:inline">
+    <input type="hidden" name="filter_job"  value="<%= action.h(@filter_job) %>">
+    <input type="hidden" name="filter_args" value="<%= action.h(@filter_args) %>">
+    <button type="submit" class="btn danger" style="padding:4px 10px;font-size:12px"
+      onclick="return confirm('Delete all <%= @total %> filtered job<%= @total == 1 ? "" : "s" %>?')">
+      <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"/><path d="M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"/></svg>
+      Delete filtered
+    </button>
+  </form>
+</div>
+<%- end %>
+
+<%- if @jobs.empty? %>
+  <div class="panel">
+    <div class="empty"><%= action.t(:no_jobs) %></div>
+  </div>
+<%- else %>
+  <div class="panel">
+    <div class="panel-head">
+      <div class="ph-title">Jobs</div>
+      <div class="ph-meta">
+        <%- if @filtering %>
+          first <%= @jobs.size %> matches · newest first
+        <%- else %>
+          <%= @total %> total · sorted <%= @asc ? "newest first" : "oldest first" %>
+        <%- end %>
+      </div>
+      <div class="ph-spacer"></div>
+    </div>
+
+    <div class="table-head-wrap">
+      <table>
+        <colgroup>
+          <col style="width:56px"/>
+          <col style="width:auto"/>
+          <col style="width:36%"/>
+          <col style="width:160px"/>
+          <col style="width:90px"/>
+        </colgroup>
+        <thead>
+          <tr>
+            <th class="col-num">#</th>
+            <th>Job / JID</th>
+            <th>Arguments</th>
+            <th>Enqueued</th>
+            <th class="col-actions">Actions</th>
+          </tr>
+        </thead>
+      </table>
+    </div>
+    <div class="table-scroll">
+      <table id="queueTable">
+        <colgroup>
+          <col style="width:56px"/>
+          <col style="width:auto"/>
+          <col style="width:36%"/>
+          <col style="width:160px"/>
+          <col style="width:90px"/>
+        </colgroup>
+        <tbody>
+          <%- @jobs.each_with_index do |job, i| %>
+            <tr>
+              <td class="col-num"><%= @page * @per_page + i + 1 %></td>
+              <td>
+                <div class="job-cell">
+                  <a href="?<%= action.query_string("filter_job" => action.job_display_class(job), "filter_args" => nil, "page" => "1") %>" class="job-name" title="Filter by this job class"><%= action.h(action.job_display_class(job)) %></a>
+                  <span class="job-meta">
+                    <span class="tag">JID <span class="mono"><%= action.h(job.jid.to_s) %></span></span>
+                  </span>
+                </div>
+              </td>
+              <td>
+                <a href="?<%= action.query_string("filter_job" => action.job_display_class(job), "filter_args" => action.display_args(job), "page" => "1") %>" class="args-link" title="Filter by class + arguments">
+                  <code class="args" style="font-size:11px"><%= action.h(action.format_args_short(job)) %></code>
+                </a>
+              </td>
+              <td><span class="mono" style="color:var(--text-dim);font-size:12px"><%= job["enqueued_at"] ? Time.at(job["enqueued_at"]).utc.strftime("%Y-%m-%d %H:%M:%S") : "—" %></span></td>
+              <td class="col-actions">
+                <span class="row-actions">
+                  <form method="post" action="<%= action.root_path %>queues/<%= action.h(@queue.name) %>/delete" style="display:inline">
+                    <input type="hidden" name="key_val" value="<%= action.h(job.jid) %>">
+                    <button type="submit" class="iconlink danger" title="<%= action.t(:delete) %>">
+                      <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"/><path d="M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"/></svg>
+                    </button>
+                  </form>
+                </span>
+              </td>
+            </tr>
+          <%- end %>
+        </tbody>
+      </table>
+    </div>
+
+    <div class="panel-foot">
+      <%- if @filtering %>
+        <div class="paging" style="color:var(--text-faint);font-size:12px;justify-content:center">
+          Showing first <%= @per_page %> matches — filtered results are not paginated
+        </div>
+      <%- else %>
+        <%= action.render_partial(:paging) %>
+      <%- end %>
+    </div>
+  </div>
+<%- end %>
+
+<script nonce="<%= nonce %>">
+(function () {
+  var input = document.getElementById("queueSearch");
+  var table = document.getElementById("queueTable");
+  if (!input || !table) return;
+  input.addEventListener("input", function () {
+    var q = input.value.toLowerCase();
+    table.querySelectorAll("tbody tr").forEach(function (row) {
+      row.style.display = q === "" || row.textContent.toLowerCase().includes(q) ? "" : "none";
+    });
+  });
+  document.addEventListener("keydown", function (e) {
+    if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k") {
+      e.preventDefault();
+      input.focus();
+    }
+  });
+})();
+</script>

data/web/views/queues.html.erb

@@ -0,0 +1,59 @@
+<% @page_title = "Queues" %>
+
+<div class="page-head">
+  <div class="page-title-block">
+    <div class="eyebrow"><span>Workers</span></div>
+    <h1>Queues <span class="badge-num"><%= @queues.size %></span></h1>
+  </div>
+</div>
+
+<%- if @queues.empty? %>
+  <div class="panel">
+    <div class="empty"><%= action.t(:no_jobs) %></div>
+  </div>
+<%- else %>
+  <div class="panel">
+    <div class="panel-head">
+      <div class="ph-title">All Queues</div>
+      <div class="ph-meta mono"><%= @queues.size %> queues</div>
+    </div>
+    <div class="table-scroll">
+    <table>
+      <thead>
+        <tr>
+          <th><%= action.t(:queue_name) %></th>
+          <th><%= action.t(:size) %></th>
+          <th><%= action.t(:latency) %></th>
+          <th class="col-actions"><%= action.t(:actions) %></th>
+        </tr>
+      </thead>
+      <tbody>
+        <%- @queues.each do |queue| %>
+          <tr>
+            <td><a href="<%= action.root_path %>queues/<%= action.h(queue.name) %>"><span class="job-name"><%= action.h(queue.name) %></span></a></td>
+            <td><span class="mono" style="color:var(--cyan)"><%= queue.size %></span></td>
+            <td><span class="mono" style="font-size:12px"><%= "%.2f" % queue.latency %>s</span></td>
+            <td class="col-actions">
+              <form method="post" action="<%= action.root_path %>queues/<%= action.h(queue.name) %>" style="display:inline-flex; gap:4px;">
+                <%- if queue.respond_to?(:paused?) && queue.paused? %>
+                  <button type="submit" name="unpause" value="1" class="iconlink" title="<%= action.t(:unpause) %>">
+                    <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polygon points="5 3 19 12 5 21 5 3"/></svg>
+                  </button>
+                <%- elsif queue.respond_to?(:pause!) %>
+                  <button type="submit" name="pause" value="1" class="iconlink" title="<%= action.t(:pause) %>">
+                    <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="6" y="4" width="4" height="16"/><rect x="14" y="4" width="4" height="16"/></svg>
+                  </button>
+                <%- end %>
+                <button type="submit" name="clear" value="1" class="iconlink danger" title="<%= action.t(:clear) %>"
+                  onclick="return confirm('Clear all jobs from <%= action.h(queue.name) %>?')">
+                  <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"/><path d="M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"/></svg>
+                </button>
+              </form>
+            </td>
+          </tr>
+        <%- end %>
+      </tbody>
+    </table>
+    </div>
+  </div>
+<%- end %>

data/web/views/retries.html.erb

@@ -0,0 +1,99 @@
+<% @page_title = "Retries" %>
+
+<div class="page-head">
+  <div class="page-title-block">
+    <div class="eyebrow"><span>Lifecycle</span></div>
+    <h1>Retries <span class="badge-num"><%= @total %></span></h1>
+  </div>
+</div>
+
+<%- if @jobs.empty? %>
+  <div class="panel">
+    <div class="empty"><%= action.t(:no_retries) %></div>
+  </div>
+<%- else %>
+  <form method="post" action="<%= action.root_path %>retries">
+    <div class="panel">
+      <div class="panel-head">
+        <div class="ph-title">Retry Queue</div>
+        <div class="ph-meta mono"><%= @total %> jobs</div>
+        <div class="ph-spacer"></div>
+        <div class="bulk-bar">
+          <button type="submit" name="action" value="retry" class="btn ghost">
+            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="23 4 23 10 17 10"/><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"/></svg>
+            <%= action.t(:retry_now) %>
+          </button>
+          <button type="submit" name="action" value="kill" class="btn ghost">
+            <%= action.t(:kill) %>
+          </button>
+          <button type="submit" name="action" value="delete" class="btn danger">
+            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"/><path d="M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"/></svg>
+            <%= action.t(:delete) %>
+          </button>
+        </div>
+      </div>
+      <div class="table-scroll">
+      <table>
+        <colgroup>
+          <col style="width:32px"/>
+          <col class="w-sm"/>
+          <col class="w-xs"/>
+          <col class="w-md"/>
+          <col style="width:170px"/>
+          <col style="width:200px"/>
+          <col/>
+        </colgroup>
+        <thead>
+          <tr>
+            <th class="col-select"><input type="checkbox" class="check" id="select-all"></th>
+            <th class="col-compact"><%= action.t(:next_retry) %></th>
+            <th class="col-compact"><%= action.t(:retry_count) %></th>
+            <th><%= action.t(:queue) %></th>
+            <th><%= action.t(:class) %></th>
+            <th><%= action.t(:args) %></th>
+            <th><%= action.t(:error) %></th>
+          </tr>
+        </thead>
+        <tbody>
+          <%- @jobs.each do |job| %>
+            <tr>
+              <td class="col-select"><input type="checkbox" class="check" name="key[]" value="<%= action.h(job.jid) %>"></td>
+              <td class="col-compact"><span class="mono" style="font-size:12px"><%= job["retry_at"] ? action.relative_time(Time.at(job["retry_at"])) : "—" %></span></td>
+              <td class="col-compact"><span class="mono" style="font-size:12px"><%= job["retry_count"] || 0 %></span></td>
+              <td><span style="font-size:12px"><%= action.h(job["queue"]) %></span></td>
+              <td><a href="<%= action.root_path %>retries/<%= action.h(job.jid) %>"><span class="job-name"><%= action.h(action.job_display_class(job)) %></span></a></td>
+              <td><code class="args" style="font-size:11px"><%= action.h(action.format_args_short(job)) %></code></td>
+              <td style="color:var(--red);font-size:11.5px"><%= action.h(action.truncate("#{job["error_class"]}: #{job["error_message"]}", 120)) %></td>
+            </tr>
+          <%- end %>
+        </tbody>
+      </table>
+      </div>
+      <div class="panel-foot">
+        <%= action.render_partial(:paging) %>
+      </div>
+    </div>
+  </form>
+
+  <div style="display:flex; gap:8px; flex-wrap:wrap; margin-top:8px;">
+    <form method="post" action="<%= action.root_path %>retries/all/retry" style="display:inline">
+      <button type="submit" class="btn ghost"><%= action.t(:retry_all) %></button>
+    </form>
+    <form method="post" action="<%= action.root_path %>retries/all/delete" style="display:inline">
+      <button type="submit" class="btn danger"><%= action.t(:delete_all) %></button>
+    </form>
+    <form method="post" action="<%= action.root_path %>retries/all/kill" style="display:inline">
+      <button type="submit" class="btn ghost"><%= action.t(:kill_all) %></button>
+    </form>
+  </div>
+<%- end %>
+
+<script nonce="<%= nonce %>">
+(function () {
+  var all = document.getElementById("select-all");
+  if (!all) return;
+  all.addEventListener("change", function () {
+    document.querySelectorAll("input.check[name='key[]']").forEach(function (c) { c.checked = all.checked; });
+  });
+})();
+</script>

data/web/views/retry.html.erb

@@ -0,0 +1,32 @@
+<% @page_title = "Retry: #{action.job_display_class(@job)}" %>
+<% @breadcrumb = [{label: "Retries", href: "#{action.root_path}retries"}, {label: action.job_display_class(@job)}] %>
+
+<div class="page-head">
+  <div class="page-title-block">
+    <div class="eyebrow"><span>Lifecycle</span></div>
+    <h1><span class="queue-name"><%= action.h(action.job_display_class(@job)) %></span></h1>
+  </div>
+  <div class="page-head-meta">
+    <form method="post" action="<%= action.root_path %>retries" style="display:inline-flex; gap:8px;">
+      <input type="hidden" name="key[]" value="<%= action.h(@job.jid) %>">
+      <button type="submit" name="action" value="retry" class="btn ghost">
+        <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="23 4 23 10 17 10"/><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"/></svg>
+        <%= action.t(:retry_now) %>
+      </button>
+      <button type="submit" name="action" value="kill" class="btn ghost"><%= action.t(:kill) %></button>
+      <button type="submit" name="action" value="delete" class="btn danger">
+        <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"/><path d="M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"/></svg>
+        <%= action.t(:delete) %>
+      </button>
+    </form>
+  </div>
+</div>
+
+<div class="panel">
+  <div class="panel-head">
+    <div class="ph-title">Job Details</div>
+  </div>
+  <div style="padding: 20px 16px;">
+    <%= action.render_partial(:job_info) %>
+  </div>
+</div>

data/web/views/scheduled.html.erb

@@ -0,0 +1,79 @@
+<% @page_title = "Scheduled" %>
+
+<div class="page-head">
+  <div class="page-title-block">
+    <div class="eyebrow"><span>Lifecycle</span></div>
+    <h1>Scheduled <span class="badge-num"><%= @total %></span></h1>
+  </div>
+</div>
+
+<%- if @jobs.empty? %>
+  <div class="panel">
+    <div class="empty"><%= action.t(:no_scheduled) %></div>
+  </div>
+<%- else %>
+  <form method="post" action="<%= action.root_path %>scheduled">
+    <div class="panel">
+      <div class="panel-head">
+        <div class="ph-title">Scheduled Jobs</div>
+        <div class="ph-meta mono"><%= @total %> jobs</div>
+        <div class="ph-spacer"></div>
+        <div class="bulk-bar">
+          <button type="submit" name="action" value="add_to_queue" class="btn ghost"><%= action.t(:add_to_queue) %></button>
+          <button type="submit" name="action" value="delete" class="btn danger">
+            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"/><path d="M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"/></svg>
+            <%= action.t(:delete) %>
+          </button>
+        </div>
+      </div>
+      <div class="table-scroll">
+      <table>
+        <thead>
+          <tr>
+            <th class="col-select"><input type="checkbox" class="check" id="select-all"></th>
+            <th><%= action.t(:scheduled_at) %></th>
+            <th><%= action.t(:queue) %></th>
+            <th><%= action.t(:class) %></th>
+            <th><%= action.t(:args) %></th>
+          </tr>
+        </thead>
+        <tbody>
+          <%- @jobs.each do |job| %>
+            <tr>
+              <td class="col-select"><input type="checkbox" class="check" name="key[]" value="<%= action.h(job.jid) %>"></td>
+              <td title="<%= job.at ? job.at.utc.strftime('%Y-%m-%d %H:%M:%S UTC') : '' %>">
+                <span class="mono" style="font-size:12px"><%= job.at ? action.relative_time(job.at) : "—" %></span>
+              </td>
+              <td><%= action.h(job["queue"]) %></td>
+              <td><a href="<%= action.root_path %>scheduled/<%= action.h(job.jid) %>"><span class="job-name"><%= action.h(action.job_display_class(job)) %></span></a></td>
+              <td><code class="args" style="font-size:11px"><%= action.h(action.format_args_short(job)) %></code></td>
+            </tr>
+          <%- end %>
+        </tbody>
+      </table>
+      </div>
+      <div class="panel-foot">
+        <%= action.render_partial(:paging) %>
+      </div>
+    </div>
+  </form>
+
+  <div style="display:flex; gap:8px; flex-wrap:wrap; margin-top:8px;">
+    <form method="post" action="<%= action.root_path %>scheduled/all/add_to_queue" style="display:inline">
+      <button type="submit" class="btn ghost"><%= action.t(:add_all_to_queue) %></button>
+    </form>
+    <form method="post" action="<%= action.root_path %>scheduled/all/delete" style="display:inline">
+      <button type="submit" class="btn danger"><%= action.t(:delete_all) %></button>
+    </form>
+  </div>
+<%- end %>
+
+<script nonce="<%= nonce %>">
+(function () {
+  var all = document.getElementById("select-all");
+  if (!all) return;
+  all.addEventListener("change", function () {
+    document.querySelectorAll("input.check[name='key[]']").forEach(function (c) { c.checked = all.checked; });
+  });
+})();
+</script>

data/web/views/scheduled_job_info.html.erb

@@ -0,0 +1,31 @@
+<% @page_title = "Scheduled: #{action.job_display_class(@job)}" %>
+<% @breadcrumb = [{label: "Scheduled", href: "#{action.root_path}scheduled"}, {label: action.job_display_class(@job)}] %>
+
+<div class="page-head">
+  <div class="page-title-block">
+    <div class="eyebrow"><span>Lifecycle</span></div>
+    <h1><span class="queue-name"><%= action.h(action.job_display_class(@job)) %></span></h1>
+  </div>
+  <div class="page-head-meta">
+    <form method="post" action="<%= action.root_path %>scheduled" style="display:inline-flex; gap:8px;">
+      <input type="hidden" name="key[]" value="<%= action.h(@job.jid) %>">
+      <button type="submit" name="action" value="add_to_queue" class="btn ghost"><%= action.t(:add_to_queue) %></button>
+      <button type="submit" name="action" value="delete" class="btn danger">
+        <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"/><path d="M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"/></svg>
+        <%= action.t(:delete) %>
+      </button>
+    </form>
+  </div>
+</div>
+
+<div class="panel">
+  <div class="panel-head">
+    <div class="ph-title">Job Details</div>
+    <%- if @job.at %>
+      <div class="ph-meta">Scheduled for <%= @job.at.utc.strftime("%Y-%m-%d %H:%M:%S UTC") %></div>
+    <%- end %>
+  </div>
+  <div style="padding: 20px 16px;">
+    <%= action.render_partial(:job_info) %>
+  </div>
+</div>