solid_queue_web 0.7.0 → 0.9.0

data/app/javascript/solid_queue_web/application.js

@@ -3,8 +3,10 @@ import { Application } from "@hotwired/stimulus"
 import SearchController from "solid_queue_web/search_controller"
 import RefreshController from "solid_queue_web/refresh_controller"
 import SelectionController from "solid_queue_web/selection_controller"
+import ThemeController from "solid_queue_web/theme_controller"
 
 const application = Application.start()
 application.register("search", SearchController)
 application.register("refresh", RefreshController)
 application.register("selection", SelectionController)
+application.register("theme", ThemeController)

data/app/javascript/solid_queue_web/theme_controller.js

@@ -0,0 +1,26 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["toggle"]
+
+  connect() {
+    const saved = localStorage.getItem("sqd-theme")
+    const preferred = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"
+    this.apply(saved || preferred)
+  }
+
+  toggle() {
+    const current = document.documentElement.getAttribute("data-theme") || "light"
+    const next = current === "dark" ? "light" : "dark"
+    localStorage.setItem("sqd-theme", next)
+    this.apply(next)
+  }
+
+  apply(theme) {
+    document.documentElement.setAttribute("data-theme", theme)
+    if (this.hasToggleTarget) {
+      this.toggleTarget.textContent = theme === "dark" ? "☀" : "☽"
+      this.toggleTarget.setAttribute("aria-label", theme === "dark" ? "Switch to light mode" : "Switch to dark mode")
+    }
+  }
+}

data/app/services/solid_queue_web/dashboard_stats.rb

@@ -0,0 +1,47 @@
+module SolidQueueWeb
+  class DashboardStats
+    attr_reader :counts, :throughput, :sparkline, :depth_sparkline, :slow_jobs_count
+
+    def initialize
+      @now = Time.current
+      compute
+    end
+
+    private
+
+    def compute
+      @counts = {
+        ready:     SolidQueue::ReadyExecution.count,
+        scheduled: SolidQueue::ScheduledExecution.count,
+        claimed:   SolidQueue::ClaimedExecution.count,
+        failed:    SolidQueue::FailedExecution.count,
+        blocked:   SolidQueue::BlockedExecution.count,
+        queues:    SolidQueue::Job.select(:queue_name).distinct.count,
+        processes: SolidQueue::Process.count,
+        recurring: SolidQueue::RecurringTask.count
+      }
+
+      finished_times = SolidQueue::Job.where(finished_at: 24.hours.ago..@now).pluck(:finished_at)
+      @throughput = {
+        completed_1h:  finished_times.count { |t| t >= 1.hour.ago },
+        completed_24h: finished_times.size
+      }
+      @sparkline = 12.times.map do |i|
+        from = (12 - i).hours.ago
+        to   = i == 11 ? @now : (11 - i).hours.ago
+        finished_times.count { |t| t >= from && t < to }
+      end
+
+      threshold = SolidQueueWeb.slow_job_threshold
+      @slow_jobs_count = threshold ? SolidQueue::ClaimedExecution.where("created_at <= ?", threshold.ago).count : 0
+
+      job_timestamps = SolidQueue::Job
+        .where("created_at >= ? OR finished_at IS NULL", 72.hours.ago)
+        .pluck(:created_at, :finished_at)
+      @depth_sparkline = 12.times.map do |i|
+        t = i == 11 ? @now : (12 - i).hours.ago
+        job_timestamps.count { |created, finished| created <= t && (finished.nil? || finished > t) }
+      end
+    end
+  end
+end

data/app/services/solid_queue_web/queue_stats.rb

@@ -0,0 +1,52 @@
+module SolidQueueWeb
+  class QueueStats
+    attr_reader :completed_24h, :failed_24h, :oldest_ready, :failure_sparklines
+
+    def initialize(queues)
+      @queues = queues
+      @now    = Time.current
+      compute
+    end
+
+    private
+
+    def compute
+      @completed_24h = SolidQueue::Job
+        .where(finished_at: 24.hours.ago..@now)
+        .group(:queue_name)
+        .count
+
+      @failed_24h = SolidQueue::FailedExecution
+        .joins(:job)
+        .where(created_at: 24.hours.ago..@now)
+        .group("solid_queue_jobs.queue_name")
+        .count
+
+      @oldest_ready = SolidQueue::ReadyExecution
+        .joins(:job)
+        .group("solid_queue_jobs.queue_name")
+        .minimum("solid_queue_jobs.created_at")
+
+      failed_raw = SolidQueue::FailedExecution
+        .joins(:job)
+        .where(created_at: 12.hours.ago..@now)
+        .pluck("solid_queue_jobs.queue_name", "solid_queue_failed_executions.created_at")
+      done_raw = SolidQueue::Job
+        .where(finished_at: 12.hours.ago..@now)
+        .pluck(:queue_name, :finished_at)
+
+      @failure_sparklines = @queues.each_with_object({}) do |queue, h|
+        failed_times = failed_raw.filter_map { |q, t| t if q == queue.name }
+        done_times   = done_raw.filter_map   { |q, t| t if q == queue.name }
+        h[queue.name] = 12.times.map do |i|
+          from = (12 - i).hours.ago
+          to   = i == 11 ? @now : (11 - i).hours.ago
+          f = failed_times.count { |t| t >= from && t < to }
+          d = done_times.count   { |t| t >= from && t < to }
+          total = f + d
+          total > 0 ? (f.to_f / total * 100).round : nil
+        end
+      end
+    end
+  end
+end

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

@@ -9,17 +9,11 @@
   <%= inline_styles %>
   <%= javascript_importmap_tags "solid_queue_web" %>
 </head>
-<body>
+<body data-controller="theme">
 
 <header class="sqd-header">
   <div class="sqd-header__inner">
     <%= link_to "Solid Queue", root_path, class: "sqd-header__title" %>
-    <button class="sqd-nav-toggle" aria-label="Toggle navigation" aria-expanded="false"
-            onclick="var open=document.querySelector('.sqd-nav-wrapper').classList.toggle('sqd-nav--open');this.setAttribute('aria-expanded',open)">
-      <span></span>
-      <span></span>
-      <span></span>
-    </button>
     <div class="sqd-nav-wrapper">
       <nav aria-label="Main">
         <ul class="sqd-nav">
@@ -34,6 +28,16 @@
         </ul>
       </nav>
     </div>
+    <div class="sqd-header__controls">
+      <button class="sqd-theme-toggle" aria-label="Switch to dark mode"
+              data-theme-target="toggle" data-action="theme#toggle">☽</button>
+      <button class="sqd-nav-toggle" aria-label="Toggle navigation" aria-expanded="false"
+              onclick="var open=document.querySelector('.sqd-nav-wrapper').classList.toggle('sqd-nav--open');this.setAttribute('aria-expanded',open)">
+        <span></span>
+        <span></span>
+        <span></span>
+      </button>
+    </div>
   </div>
 </header>
 

data/app/views/solid_queue_web/dashboard/index.html.erb

@@ -1,63 +1,63 @@
-<%= turbo_frame_tag "dashboard", target: "_top", data: { controller: "refresh", refresh_interval_value: 5000 } do %>
+<%= turbo_frame_tag "dashboard", target: "_top", data: { controller: "refresh", refresh_interval_value: SolidQueueWeb.dashboard_refresh_interval } do %>
 <h1 class="sqd-page-title">Dashboard</h1>
 
 <div class="sqd-stats">
   <%= link_to jobs_path(status: "ready"), class: "sqd-stat sqd-stat--ready sqd-stat--link" do %>
-    <div class="sqd-stat__value"><%= @stats[:ready] %></div>
+    <div class="sqd-stat__value"><%= @stats.counts[:ready] %></div>
     <div class="sqd-stat__label">Ready</div>
   <% end %>
   <%= link_to jobs_path(status: "scheduled"), class: "sqd-stat sqd-stat--scheduled sqd-stat--link" do %>
-    <div class="sqd-stat__value"><%= @stats[:scheduled] %></div>
+    <div class="sqd-stat__value"><%= @stats.counts[:scheduled] %></div>
     <div class="sqd-stat__label">Scheduled</div>
   <% end %>
   <%= link_to jobs_path(status: "claimed"), class: "sqd-stat sqd-stat--claimed sqd-stat--link" do %>
-    <div class="sqd-stat__value"><%= @stats[:claimed] %></div>
+    <div class="sqd-stat__value"><%= @stats.counts[:claimed] %></div>
     <div class="sqd-stat__label">Running</div>
   <% end %>
   <%= link_to jobs_path(status: "blocked"), class: "sqd-stat sqd-stat--blocked sqd-stat--link" do %>
-    <div class="sqd-stat__value"><%= @stats[:blocked] %></div>
+    <div class="sqd-stat__value"><%= @stats.counts[:blocked] %></div>
     <div class="sqd-stat__label">Blocked</div>
   <% end %>
   <%= link_to failed_jobs_path, class: "sqd-stat sqd-stat--failed sqd-stat--link" do %>
-    <div class="sqd-stat__value"><%= @stats[:failed] %></div>
+    <div class="sqd-stat__value"><%= @stats.counts[:failed] %></div>
     <div class="sqd-stat__label">Failed</div>
   <% end %>
   <%= link_to queues_path, class: "sqd-stat sqd-stat--queues sqd-stat--link" do %>
-    <div class="sqd-stat__value"><%= @stats[:queues] %></div>
+    <div class="sqd-stat__value"><%= @stats.counts[:queues] %></div>
     <div class="sqd-stat__label">Queues</div>
   <% end %>
   <%= link_to recurring_tasks_path, class: "sqd-stat sqd-stat--recurring sqd-stat--link" do %>
-    <div class="sqd-stat__value"><%= @stats[:recurring] %></div>
+    <div class="sqd-stat__value"><%= @stats.counts[:recurring] %></div>
     <div class="sqd-stat__label">Recurring</div>
   <% end %>
   <%= link_to processes_path, class: "sqd-stat sqd-stat--processes sqd-stat--link" do %>
-    <div class="sqd-stat__value"><%= @stats[:processes] %></div>
+    <div class="sqd-stat__value"><%= @stats.counts[:processes] %></div>
     <div class="sqd-stat__label">Processes</div>
   <% end %>
   <%= link_to history_path(period: "1h"), class: "sqd-stat sqd-stat--done sqd-stat--link" do %>
-    <div class="sqd-stat__value"><%= @throughput[:completed_1h] %></div>
+    <div class="sqd-stat__value"><%= @stats.throughput[:completed_1h] %></div>
     <div class="sqd-stat__label">Done (1h)</div>
   <% end %>
   <%= link_to history_path(period: "24h"), class: "sqd-stat sqd-stat--done sqd-stat--link" do %>
-    <div class="sqd-stat__value"><%= @throughput[:completed_24h] %></div>
+    <div class="sqd-stat__value"><%= @stats.throughput[:completed_24h] %></div>
     <div class="sqd-stat__label">Done (24h)</div>
   <% end %>
 </div>
 
-<% max_val = [@sparkline.max, 1].max %>
+<% max_val = [@stats.sparkline.max, 1].max %>
 <div class="sqd-card" style="margin-bottom: 1rem;">
   <div class="sqd-card__header">
     <span class="sqd-card__title">Throughput &mdash; Last 12 Hours</span>
     <div class="sqd-throughput__summary">
-      <span>1h: <strong><%= @throughput[:completed_1h] %></strong></span>
-      <span>24h: <strong><%= @throughput[:completed_24h] %></strong></span>
+      <span>1h: <strong><%= @stats.throughput[:completed_1h] %></strong></span>
+      <span>24h: <strong><%= @stats.throughput[:completed_24h] %></strong></span>
     </div>
   </div>
-  <% if @throughput[:completed_24h] == 0 %>
+  <% if @stats.throughput[:completed_24h] == 0 %>
     <div class="sqd-sparkline__empty">No completed jobs in the last 24 hours</div>
   <% else %>
     <div class="sqd-sparkline" aria-label="Jobs completed per hour over the last 12 hours">
-      <% @sparkline.each_with_index do |count, i| %>
+      <% @stats.sparkline.each_with_index do |count, i| %>
         <% pct = (count.to_f / max_val * 100).round %>
         <% hour_start = (12 - i).hours.ago %>
         <% show_tick = [0, 3, 6, 9, 11].include?(i) %>
@@ -74,7 +74,37 @@
   <% end %>
 </div>
 
-<div style="display:grid; grid-template-columns: 1fr 1fr; gap: 1rem;">
+<% current_depth = @stats.counts[:ready] + @stats.counts[:scheduled] + @stats.counts[:claimed] + @stats.counts[:blocked] + @stats.counts[:failed] %>
+<% max_depth = [@stats.depth_sparkline.max, 1].max %>
+<div class="sqd-card" style="margin-bottom: 1rem;">
+  <div class="sqd-card__header">
+    <span class="sqd-card__title">Queue Depth &mdash; Last 12 Hours</span>
+    <div class="sqd-throughput__summary">
+      <span>Now: <strong><%= current_depth %></strong></span>
+    </div>
+  </div>
+  <% if @stats.depth_sparkline.all?(&:zero?) %>
+    <div class="sqd-sparkline__empty">No active jobs in the last 12 hours</div>
+  <% else %>
+    <div class="sqd-sparkline" aria-label="Queue depth over the last 12 hours">
+      <% @stats.depth_sparkline.each_with_index do |depth, i| %>
+        <% pct = (depth.to_f / max_depth * 100).round %>
+        <% t = i == 11 ? Time.current : (12 - i).hours.ago %>
+        <% show_tick = [0, 3, 6, 9, 11].include?(i) %>
+        <div class="sqd-sparkline__col">
+          <div class="sqd-sparkline__bar-wrap">
+            <div class="sqd-sparkline__bar sqd-sparkline__bar--depth"
+                 style="height: <%= [pct, 3].max %>%"
+                 title="<%= i == 11 ? "now" : t.strftime("%-I%p").downcase %>: <%= depth %> <%= "job".pluralize(depth) %> in queue"></div>
+          </div>
+          <div class="sqd-sparkline__tick"><%= show_tick ? (i == 11 ? "now" : t.strftime("%-I%p").downcase) : "" %></div>
+        </div>
+      <% end %>
+    </div>
+  <% end %>
+</div>
+
+<div style="display:grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem;">
   <div class="sqd-card">
     <div class="sqd-card__header">
       <span class="sqd-card__title">Quick Links</span>
@@ -88,16 +118,52 @@
     </div>
   </div>
 
-  <% if @stats[:failed] > 0 %>
+  <% if @stats.counts[:failed] > 0 %>
+    <div class="sqd-card">
+      <div class="sqd-card__header">
+        <span class="sqd-card__title">Failed Jobs</span>
+      </div>
+      <div style="padding: 1rem; display: flex; flex-direction: column; gap: 0.5rem;">
+        <p style="color: var(--danger); font-size: 13px;">
+          <%= pluralize(@stats.counts[:failed], "failed job") %> need attention.
+        </p>
+        <%= button_to "Retry All Failed", retry_all_failed_jobs_path,
+              method: :post,
+              class: "sqd-btn sqd-btn--primary",
+              data: { confirm: "Retry all #{@stats.counts[:failed]} failed #{"job".pluralize(@stats.counts[:failed])}?" } %>
+        <%= link_to "Review →", failed_jobs_path, class: "sqd-btn sqd-btn--muted" %>
+      </div>
+    </div>
+  <% end %>
+
+  <% if SolidQueueWeb.slow_job_threshold && @stats.slow_jobs_count > 0 %>
+    <div class="sqd-card">
+      <div class="sqd-card__header">
+        <span class="sqd-card__title">Slow Jobs</span>
+      </div>
+      <div style="padding: 1rem; display: flex; flex-direction: column; gap: 0.5rem;">
+        <p style="color: var(--warning); font-size: 13px;">
+          <%= pluralize(@stats.slow_jobs_count, "job") %> running longer than <%= distance_of_time_in_words(SolidQueueWeb.slow_job_threshold) %>.
+        </p>
+        <%= link_to "Review →", jobs_path(status: "claimed"), class: "sqd-btn sqd-btn--muted" %>
+      </div>
+    </div>
+  <% end %>
+
+  <% if @stats.counts[:blocked] > 0 %>
     <div class="sqd-card">
       <div class="sqd-card__header">
-        <span class="sqd-card__title">Attention Required</span>
+        <span class="sqd-card__title">Blocked Jobs</span>
       </div>
-      <div style="padding: 1rem;">
-        <p style="color: var(--danger); margin-bottom: 0.75rem;">
-          <%= pluralize(@stats[:failed], "failed job") %> need attention.
+      <div style="padding: 1rem; display: flex; flex-direction: column; gap: 0.5rem;">
+        <p style="color: var(--warning); font-size: 13px;">
+          <%= pluralize(@stats.counts[:blocked], "blocked job") %>.
         </p>
-        <%= link_to "Review failed jobs →", failed_jobs_path, class: "sqd-btn sqd-btn--danger" %>
+        <%= button_to "Discard All Blocked", blocked_jobs_path,
+              method: :delete,
+              class: "sqd-btn sqd-btn--danger",
+              data: { confirm: "Discard all #{@stats.counts[:blocked]} blocked #{"job".pluralize(@stats.counts[:blocked])}? This cannot be undone." } %>
+        <%= link_to "Review →", jobs_path(status: "blocked"), class: "sqd-btn sqd-btn--muted" %>
       </div>
     </div>
   <% end %>

data/app/views/solid_queue_web/failed_jobs/index.html.erb

@@ -2,6 +2,8 @@
   <h1 class="sqd-page-title">Failed Jobs</h1>
   <% if @failed_jobs.any? %>
     <div class="sqd-actions">
+      <%= link_to "Export CSV", failed_jobs_path(format: :csv, queue: @queue, q: @search, period: @period),
+            class: "sqd-btn sqd-btn--muted", data: { turbo: false } %>
       <%= button_to "Retry All", retry_all_failed_jobs_path,
             method: :post,
             params: { queue: @queue, q: @search, period: @period },
@@ -90,7 +92,7 @@
                        data-action="change->selection#toggle"
                        aria-label="Select job <%= job.class_name %>">
               </td>
-              <td><%= link_to job.class_name, job_path(job) %></td>
+              <td><%= link_to job.class_name, job_path(job), class: "sqd-table-link" %></td>
               <td>
                 <%= link_to job.queue_name, failed_jobs_path(queue: job.queue_name, q: @search, period: @period),
                       class: "sqd-mono", style: "color: inherit;" %>

data/app/views/solid_queue_web/history/index.html.erb

@@ -1,6 +1,12 @@
-<%= turbo_frame_tag "history-table", data: { controller: "refresh", refresh_interval_value: 10000 } do %>
+<%= turbo_frame_tag "history-table", data: { controller: "refresh", refresh_interval_value: SolidQueueWeb.default_refresh_interval } do %>
 <div class="sqd-page-header">
   <h1 class="sqd-page-title">Job History</h1>
+  <% if @jobs.any? %>
+    <div class="sqd-actions">
+      <%= link_to "Export CSV", history_path(format: :csv, queue: @queue, q: @search, period: @period),
+            class: "sqd-btn sqd-btn--muted", data: { turbo: false } %>
+    </div>
+  <% end %>
 </div>
 
 <form class="sqd-search" action="<%= history_path %>" method="get" data-controller="search">
@@ -43,7 +49,7 @@
       <tbody>
         <% @jobs.each do |job| %>
           <tr>
-            <td><%= link_to job.class_name, job_path(job) %></td>
+            <td><%= link_to job.class_name, job_path(job), class: "sqd-table-link" %></td>
             <td>
               <%= link_to job.queue_name, history_path(queue: job.queue_name, q: @search, period: @period),
                     class: "sqd-mono", style: "color: inherit;" %>

data/app/views/solid_queue_web/jobs/index.html.erb

@@ -1,6 +1,6 @@
 <h1 class="sqd-page-title" style="margin-bottom: 1.5rem;">Jobs</h1>
 
-<%= turbo_frame_tag "jobs-table", data: { turbo_action: "advance", controller: "refresh", refresh_interval_value: 10000 } do %>
+<%= turbo_frame_tag "jobs-table", data: { turbo_action: "advance", controller: "refresh", refresh_interval_value: SolidQueueWeb.default_refresh_interval } do %>
 <% discardable = SolidQueueWeb::Job::DISCARDABLE.include?(@status) %>
 
 <div class="sqd-page-header">
@@ -11,13 +11,17 @@
     <%= link_to "Blocked",   jobs_path(status: "blocked",   q: @search, period: @period), class: @status == "blocked"   ? "active" : "" %>
     <%= link_to "Failed",    jobs_path(status: "failed",    q: @search, period: @period), class: @status == "failed"    ? "active" : "" %>
   </div>
-  <% if discardable && @jobs.any? %>
+  <% if @jobs.any? %>
     <div class="sqd-actions">
-      <%= button_to "Discard All", discard_all_jobs_path,
-            method: :post,
-            params: { status: @status, period: @period },
-            class: "sqd-btn sqd-btn--danger",
-            data: { confirm: "Discard all #{@jobs.size} #{@status} jobs? This cannot be undone." } %>
+      <%= link_to "Export CSV", jobs_path(format: :csv, status: @status, q: @search, period: @period),
+            class: "sqd-btn sqd-btn--muted", data: { turbo: false } %>
+      <% if discardable %>
+        <%= button_to "Discard All", discard_all_jobs_path,
+              method: :post,
+              params: { status: @status, period: @period },
+              class: "sqd-btn sqd-btn--danger",
+              data: { confirm: "Discard all #{@jobs.size} #{@status} jobs? This cannot be undone." } %>
+      <% end %>
     </div>
   <% end %>
 </div>
@@ -83,7 +87,7 @@
               </td>
               <td>
                 <span class="sqd-badge sqd-badge--<%= @status %>"><%= @status %></span>
-                <%= link_to job.class_name, job_path(job), style: "margin-left: 0.5rem;", data: { turbo_frame: "_top" } %>
+                <%= link_to job.class_name, job_path(job), class: "sqd-table-link", style: "margin-left: 0.5rem;", data: { turbo_frame: "_top" } %>
               </td>
               <td>
                 <%= link_to job.queue_name, queue_jobs_path(queue_name: job.queue_name, status: @status),
@@ -112,6 +116,7 @@
     <% if @jobs.empty? %>
       <div class="sqd-empty">No <%= @status %> jobs.</div>
     <% else %>
+      <% slow_threshold = @status == "claimed" ? SolidQueueWeb.slow_job_threshold : nil %>
       <table>
         <thead>
           <tr>
@@ -120,15 +125,22 @@
             <th scope="col">Priority</th>
             <th scope="col">Scheduled At</th>
             <th scope="col">Enqueued At</th>
+            <% if @status == "claimed" %>
+              <th scope="col">Running For</th>
+            <% end %>
           </tr>
         </thead>
         <tbody>
           <% @jobs.each do |execution| %>
             <% job = execution.job %>
-            <tr id="execution_<%= execution.id %>">
+            <% slow = slow_threshold && execution.created_at <= slow_threshold.ago %>
+            <tr id="execution_<%= execution.id %>"<%= slow ? ' class="sqd-row--slow"'.html_safe : "" %>>
               <td>
                 <span class="sqd-badge sqd-badge--<%= @status %>"><%= @status %></span>
-                <%= link_to job.class_name, job_path(job), style: "margin-left: 0.5rem;", data: { turbo_frame: "_top" } %>
+                <% if slow %>
+                  <span class="sqd-badge sqd-badge--slow">slow</span>
+                <% end %>
+                <%= link_to job.class_name, job_path(job), class: "sqd-table-link", style: "margin-left: 0.5rem;", data: { turbo_frame: "_top" } %>
               </td>
               <td>
                 <%= link_to job.queue_name, queue_jobs_path(queue_name: job.queue_name, status: @status),
@@ -139,6 +151,11 @@
                 <%= job.scheduled_at ? job.scheduled_at.strftime("%Y-%m-%d %H:%M:%S") : "—" %>
               </td>
               <td class="sqd-mono"><%= job.created_at.strftime("%Y-%m-%d %H:%M:%S") %></td>
+              <% if @status == "claimed" %>
+                <td class="sqd-mono<%= slow ? " sqd-slow-duration" : "" %>">
+                  <%= time_ago_in_words(execution.created_at) %>
+                </td>
+              <% end %>
             </tr>
           <% end %>
         </tbody>

data/app/views/solid_queue_web/processes/index.html.erb

@@ -1,4 +1,4 @@
-<%= turbo_frame_tag "processes", target: "_top", data: { controller: "refresh", refresh_interval_value: 10000 } do %>
+<%= turbo_frame_tag "processes", target: "_top", data: { controller: "refresh", refresh_interval_value: SolidQueueWeb.default_refresh_interval } do %>
 <h1 class="sqd-page-title">Processes</h1>
 
 <div class="sqd-card">

data/app/views/solid_queue_web/queues/index.html.erb

@@ -12,6 +12,7 @@
           <th scope="col">Latency</th>
           <th scope="col">Done (24h)</th>
           <th scope="col">Failed (24h)</th>
+          <th scope="col">Failure Rate (12h)</th>
           <th scope="col">Status</th>
           <th scope="col"><span class="sqd-sr-only">Actions</span></th>
         </tr>
@@ -34,6 +35,22 @@
             </td>
             <td style="color: var(--success);"><%= @completed_24h[queue.name] || 0 %></td>
             <td style="color: <%= (@failed_24h[queue.name] || 0) > 0 ? "var(--danger)" : "inherit" %>;"><%= @failed_24h[queue.name] || 0 %></td>
+            <td>
+              <% sparkline = @failure_sparklines[queue.name] %>
+              <% if sparkline.any? %>
+                <div class="sqd-mini-sparkline" aria-label="Failure rate last 12 hours for <%= queue.name %>">
+                  <% sparkline.each_with_index do |rate, i| %>
+                    <% pct = rate || 0 %>
+                    <% hour_label = (12 - i).hours.ago.strftime("%-I%p").downcase %>
+                    <div class="sqd-mini-sparkline__bar sqd-mini-sparkline__bar--<%= rate ? "data" : "empty" %>"
+                         style="height: <%= [pct, 2].max %>%"
+                         title="<%= hour_label %>: <%= rate ? "#{rate}% failure rate" : "no data" %>"></div>
+                  <% end %>
+                </div>
+              <% else %>
+                <span style="color: var(--muted)">—</span>
+              <% end %>
+            </td>
             <td>
               <% if queue.paused? %>
                 <span class="sqd-badge sqd-badge--paused">Paused</span>
@@ -43,10 +60,10 @@
             </td>
             <td class="sqd-row-actions">
               <% if queue.paused? %>
-                <%= button_to "Resume", resume_queue_path(queue.name), method: :post,
+                <%= button_to "Resume", queue_pause_path(queue.name), method: :delete,
                       class: "sqd-btn sqd-btn--primary sqd-btn--sm" %>
               <% else %>
-                <%= button_to "Pause", pause_queue_path(queue.name), method: :post,
+                <%= button_to "Pause", queue_pause_path(queue.name), method: :post,
                       class: "sqd-btn sqd-btn--muted sqd-btn--sm",
                       data: { confirm: "Pause queue \"#{queue.name}\"?" } %>
               <% end %>

data/app/views/solid_queue_web/queues/jobs/index.html.erb

@@ -60,7 +60,7 @@
           <tr id="execution_<%= execution.id %>">
             <td>
               <span class="sqd-badge sqd-badge--<%= @status %>"><%= @status %></span>
-              <%= link_to job.class_name, job_path(job), style: "margin-left: 0.5rem;", data: { turbo_frame: "_top" } %>
+              <%= link_to job.class_name, job_path(job), class: "sqd-table-link", style: "margin-left: 0.5rem;", data: { turbo_frame: "_top" } %>
             </td>
             <td><%= job.priority %></td>
             <td class="sqd-mono">

data/app/views/solid_queue_web/search/index.html.erb

@@ -27,8 +27,8 @@
           <span class="sqd-badge sqd-badge--<%= status %>"><%= status %></span>
           <span class="sqd-muted-text">
             <%= pluralize(data[:total], "match", "matches") %>
-            <% if data[:total] > SolidQueueWeb::SearchController::LIMIT %>
-              &mdash; showing first <%= SolidQueueWeb::SearchController::LIMIT %>
+            <% if data[:total] > SolidQueueWeb.search_results_limit %>
+              &mdash; showing first <%= SolidQueueWeb.search_results_limit %>
             <% end %>
           </span>
           <% if status == "failed" %>
@@ -50,7 +50,7 @@
               <% data[:executions].each do |execution| %>
                 <% job = execution.job %>
                 <tr>
-                  <td><%= link_to job.class_name, job_path(job) %></td>
+                  <td><%= link_to job.class_name, job_path(job), class: "sqd-table-link" %></td>
                   <td class="sqd-mono"><%= job.queue_name %></td>
                   <td class="sqd-mono"><%= job.created_at.strftime("%Y-%m-%d %H:%M:%S") %></td>
                 </tr>

data/config/importmap.rb

@@ -2,3 +2,4 @@ pin "solid_queue_web", to: "solid_queue_web/application.js"
 pin "solid_queue_web/search_controller", to: "solid_queue_web/search_controller.js"
 pin "solid_queue_web/refresh_controller", to: "solid_queue_web/refresh_controller.js"
 pin "solid_queue_web/selection_controller", to: "solid_queue_web/selection_controller.js"
+pin "solid_queue_web/theme_controller", to: "solid_queue_web/theme_controller.js"

data/config/routes.rb

@@ -1,5 +1,6 @@
 SolidQueueWeb::Engine.routes.draw do
   root to: "dashboard#index"
+  resource :blocked_jobs, only: [:destroy]
 
   get "search", to: "search#index", as: :search
   get "history", to: "history#index", as: :history
@@ -7,13 +8,10 @@ SolidQueueWeb::Engine.routes.draw do
   resources :recurring_tasks, only: [:index]
   resources :processes, only: [:index]
   resources :queues, only: [:index], param: :name do
-    member do
-      post :pause
-      post :resume
-    end
+    resource :pause, only: [:create, :destroy], controller: "queues/pauses"
     resources :jobs, path: "list", only: [:index, :destroy], controller: "queues/jobs" do
       collection do
-        post :discard_all
+        post :discard_all, action: :destroy
       end
     end
   end
@@ -23,7 +21,7 @@ SolidQueueWeb::Engine.routes.draw do
   resource :job_selection, path: "list/selection", only: [:destroy], controller: "jobs/selections"
   resources :jobs, path: "list", only: [:index, :show, :destroy] do
     collection do
-      post :discard_all
+      post :discard_all, action: :destroy
     end
   end
 
@@ -31,11 +29,11 @@ SolidQueueWeb::Engine.routes.draw do
            controller: "failed_jobs/selections"
   resources :failed_jobs, only: [:index, :destroy] do
     collection do
-      post :retry_all
-      post :discard_all
+      post :retry_all,   to: "retry_failed_jobs#create"
+      post :discard_all, action: :destroy
     end
     member do
-      post :retry
+      post :retry, to: "retry_failed_jobs#create"
     end
   end
 end

data/lib/solid_queue_web/engine.rb

@@ -22,8 +22,10 @@ module SolidQueueWeb
       end
     end
 
-    initializer "solid_queue_web.pagy" do
-      Pagy::OPTIONS[:limit] = 25
+    initializer "solid_queue_web.pagy" do |app|
+      app.config.after_initialize do
+        Pagy::OPTIONS[:limit] = SolidQueueWeb.page_size
+      end
     end
   end
 end

data/lib/solid_queue_web/version.rb

@@ -1,3 +1,3 @@
 module SolidQueueWeb
-  VERSION = "0.7.0"
+  VERSION = "0.9.0"
 end