solid_queue_web 0.8.0 → 0.9.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6897882e9e9b87a677fe9c6af855b33395cbf4bf2d13fb55086f461d26255f7d
-  data.tar.gz: 1b6882dce3a746811ba9553d0fb2174257c3f13146d5a448fd793c8c60a76661
+  metadata.gz: 462f81d84dead7a68833c768775eda6cb0b55b66862d58fa1b49b504fa417644
+  data.tar.gz: cc388f882d5709e8d92a778a2c6ccaa39d04022c62c9bc7e89320e416c5148d2
 SHA512:
-  metadata.gz: d19bc85fc4350e8ecb194111c87a7b882d1e5929142ec94211bcf6fef23840810ec4eb51ae4d957a3c2288263bba9955aabca9ea1874f4d3b7f6d34590f54a28
-  data.tar.gz: 3516ec14c55cd3839bf22d721a58d6a68016b0891b09088e5463e8f2e61e611b77d9eaca461ea49c6ffc225873589880b678fb829b53a877683e32de3d75456b
+  metadata.gz: '087a8cb99798a1d21df1347008380c58242a98247d48b80cba0865c4bb0e46e800d37a2c21eb887fc516c6c724c5e138ebbc8a517dc62e730b1d2ea08fe6b5d3'
+  data.tar.gz: 3885a114fa3f31db4b949a3b397070734b76c6e447d82bc7cd5e67628163760e03a2b70e90c1ef532143170752430de6ba1dd5a18fa0c52ff379462e90dc8d30

data/README.md

@@ -33,8 +33,8 @@ SolidQueueWeb surfaces all of this in a browser UI available at any route you ch
 
 ## Features
 
-- **Dashboard** — stat cards showing counts for ready, scheduled, running, blocked, and failed jobs, plus queues, recurring tasks, and processes; "Done (1h)" and "Done (24h)" throughput cards; a "Throughput — Last 12 Hours" bar chart showing completed-job counts per hour (pure CSS, no charting library); auto-refreshes every 5 seconds
-- **Queues** — all queues sorted by name with size; oldest ready job latency (color-coded, with UTC timestamp tooltip); Done (24h) and Failed (24h) throughput counts; pause/resume controls
+- **Dashboard** — stat cards showing counts for ready, scheduled, running, blocked, and failed jobs, plus queues, recurring tasks, and processes; "Done (1h)" and "Done (24h)" throughput cards; a "Throughput — Last 12 Hours" bar chart (blue) and a "Queue Depth — Last 12 Hours" bar chart (purple) showing hourly snapshots of active job count; pure CSS, no charting library; auto-refreshes every 5 seconds
+- **Queues** — all queues sorted by name with size; oldest ready job latency (color-coded, with UTC timestamp tooltip); Done (24h) and Failed (24h) throughput counts; a mini 12-bar failure rate sparkline per queue showing failure % per hour over the last 12 hours; pause/resume controls
 - **Jobs** — filterable by status (ready, scheduled, claimed, blocked, failed) and by queue; search by job class name with dynamic auto-submit; time-based period filter (1 h / 24 h / 7 d); discard individual or all jobs; Turbo Frame navigation so only the table updates on filter or search; auto-refreshes every 10 seconds
 - **Failed jobs** — list of failed executions with error details; search by class name; filter by queue; time-based period filter; retry or discard individually or in bulk
 - **Job detail** — full arguments, timestamps, blocked-until date, and error backtrace; action buttons based on job status
@@ -47,6 +47,7 @@ SolidQueueWeb surfaces all of this in a browser UI available at any route you ch
 - **Dark mode** — ☽/☀ toggle in the header; preference persists to `localStorage` and defaults to the OS `prefers-color-scheme` on first visit; zero extra dependencies — implemented via CSS custom properties and a small Stimulus controller
 - **Dashboard quick actions** — "Retry All Failed" and "Discard All Blocked" cards appear on the dashboard only when the respective count is non-zero; one-click bulk operations with confirm dialogs, keeping the dashboard clean when everything is healthy
 - **CSV export** — "Export CSV" button on the jobs, failed jobs, and history pages downloads all records matching the current filters; columns are tailored per view
+- **Slow job detection** — when `slow_job_threshold` is configured, claimed jobs running longer than the threshold are flagged with an orange row, a "slow" badge, and a "Running For" duration column on the Running tab; a "Slow Jobs" warning card appears on the dashboard with a link to the Running tab
 
 ## Screenshots
 
@@ -96,6 +97,7 @@ SolidQueueWeb.configure do |config|
   config.dashboard_refresh_interval = 10_000 # dashboard auto-refresh in ms (default: 5_000)
   config.default_refresh_interval   = 30_000 # jobs/processes/history auto-refresh in ms (default: 10_000)
   config.search_results_limit       = 10     # max results per status in global search (default: 25)
+  config.slow_job_threshold         = 5.minutes # flag claimed jobs running longer than this (default: nil = disabled)
 end
 
 SolidQueueWeb.authenticate do
@@ -111,11 +113,6 @@ No authentication is enforced by default. When the `authenticate` block returns
 
 Planned features, roughly ordered by priority:  
 
-**Observability**
-- Job failure rate chart — sparkline per queue showing failure percentage over time, mirroring the throughput chart
-- Queue depth trend — historical queue size over time, not just the current snapshot
-- Slow job detection — flag jobs exceeding a configurable duration threshold
-
 **Operations**
 - Scheduled job management — reschedule a job to run immediately, or push its `scheduled_at` forward
 - Bulk retry with delay — retry all failed jobs with a configurable stagger to avoid thundering herd

data/app/assets/stylesheets/solid_queue_web/_04_table.css

@@ -44,9 +44,16 @@ td {
 
 tr:last-child td { border-bottom: none; }
 tbody tr:hover { background: var(--bg); }
+.sqd-table-link,
+.sqd-table-link:hover,
+.sqd-table-link:visited { text-decoration: none; color: var(--primary); }
 
 .sqd-empty {
   text-align: center;
   padding: 3rem 1rem;
   color: var(--muted);
-}
+}
+
+.sqd-row--slow { background: rgba(253, 126, 20, 0.07); }
+.sqd-row--slow:hover { background: rgba(253, 126, 20, 0.13); }
+.sqd-slow-duration { color: var(--warning); font-weight: 600; }

data/app/assets/stylesheets/solid_queue_web/_05_badges.css

@@ -21,6 +21,7 @@
 .sqd-badge--supervisor { background: #e0d7f5; color: #4a2c8a; }
 .sqd-badge--worker     { background: #d1e7dd; color: #0f5132; }
 .sqd-badge--dispatcher { background: #cff4fc; color: #055160; }
+.sqd-badge--slow       { background: #ffe8cc; color: #7c3d00; }
 
 .sqd-process-meta { font-size: 12px; color: var(--muted); }
 .sqd-process-meta span + span::before { content: " · "; }

data/app/assets/stylesheets/solid_queue_web/_11_throughput.css

@@ -65,4 +65,33 @@
   padding: 1rem 1.25rem;
 }
 
-.sqd-stat--done .sqd-stat__value { color: var(--success); }
+.sqd-stat--done .sqd-stat__value { color: var(--success); }
+
+.sqd-mini-sparkline {
+  display: flex;
+  align-items: flex-end;
+  gap: 2px;
+  height: 28px;
+  width: 88px;
+}
+
+.sqd-mini-sparkline__bar {
+  flex: 1;
+  background: var(--danger);
+  border-radius: 1px 1px 0 0;
+  opacity: 0.7;
+  transition: opacity 0.15s;
+}
+
+.sqd-mini-sparkline__bar:hover {
+  opacity: 1;
+}
+
+.sqd-mini-sparkline__bar--empty {
+  background: var(--border);
+  opacity: 0.5;
+}
+
+.sqd-sparkline__bar--depth {
+  background: var(--purple);
+}

data/app/controllers/solid_queue_web/blocked_jobs_controller.rb

@@ -0,0 +1,11 @@
+module SolidQueueWeb
+  class BlockedJobsController < ApplicationController
+    def destroy
+      jobs = SolidQueue::BlockedExecution.includes(:job).map(&:job)
+      SolidQueue::BlockedExecution.discard_all_from_jobs(jobs)
+      redirect_to root_path, notice: "#{jobs.size} blocked #{"job".pluralize(jobs.size)} discarded."
+    rescue => e
+      redirect_to root_path, alert: "Could not discard blocked jobs: #{e.message}"
+    end
+  end
+end

data/app/controllers/solid_queue_web/dashboard_controller.rb

@@ -1,44 +1,7 @@
 module SolidQueueWeb
   class DashboardController < ApplicationController
     def index
-      @stats = {
-        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
-      }
-
-      now = Time.current
-      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
-    end
-
-    def retry_all_failed
-      jobs = SolidQueue::FailedExecution.includes(:job).map(&:job)
-      SolidQueue::FailedExecution.retry_all(jobs)
-      redirect_to root_path, notice: "#{jobs.size} failed #{"job".pluralize(jobs.size)} queued for retry."
-    rescue => e
-      redirect_to root_path, alert: "Could not retry failed jobs: #{e.message}"
-    end
-
-    def discard_all_blocked
-      jobs = SolidQueue::BlockedExecution.includes(:job).map(&:job)
-      SolidQueue::BlockedExecution.discard_all_from_jobs(jobs)
-      redirect_to root_path, notice: "#{jobs.size} blocked #{"job".pluralize(jobs.size)} discarded."
-    rescue => e
-      redirect_to root_path, alert: "Could not discard blocked jobs: #{e.message}"
+      @stats = DashboardStats.new
     end
   end
 end

data/app/controllers/solid_queue_web/queues/jobs_controller.rb

@@ -2,7 +2,7 @@ module SolidQueueWeb
   module Queues
     class JobsController < ApplicationController
       before_action :set_queue
-      before_action :set_status, only: [:destroy, :discard_all]
+      before_action :set_status, only: [:destroy]
 
       def index
         @status = params[:status].presence_in(Job::STATUSES) || "ready"
@@ -15,29 +15,25 @@ module SolidQueueWeb
 
       def destroy
         model = execution_model_for!(@status)
-        @execution = model.find(params[:id])
-        @execution.discard
-        @remaining_count = filtered_scope(model).count
-        respond_to do |format|
-          format.turbo_stream
-          format.html { redirect_to queue_jobs_path(queue_name: @queue, status: @status), notice: "Job discarded." }
+        if params[:id]
+          @execution = model.find(params[:id])
+          @execution.discard
+          @remaining_count = filtered_scope(model).count
+          respond_to do |format|
+            format.turbo_stream
+            format.html { redirect_to queue_jobs_path(queue_name: @queue, status: @status), notice: "Job discarded." }
+          end
+        else
+          jobs = filtered_scope(model).map(&:job)
+          model.discard_all_from_jobs(jobs)
+          redirect_to queue_jobs_path(queue_name: @queue, status: @status),
+            notice: "#{jobs.size} #{"job".pluralize(jobs.size)} discarded."
         end
       rescue ArgumentError => e
         redirect_to queue_jobs_path(queue_name: @queue, status: @status), alert: e.message
       rescue => e
-        redirect_to queue_jobs_path(queue_name: @queue, status: @status), alert: "Could not discard job: #{e.message}"
-      end
-
-      def discard_all
-        model = execution_model_for!(@status)
-        jobs = filtered_scope(model).map(&:job)
-        model.discard_all_from_jobs(jobs)
         redirect_to queue_jobs_path(queue_name: @queue, status: @status),
-          notice: "#{jobs.size} #{"job".pluralize(jobs.size)} discarded."
-      rescue ArgumentError => e
-        redirect_to queue_jobs_path(queue_name: @queue, status: @status), alert: e.message
-      rescue => e
-        redirect_to queue_jobs_path(queue_name: @queue, status: @status), alert: "Could not discard jobs: #{e.message}"
+          alert: "Could not discard #{params[:id] ? "job" : "jobs"}: #{e.message}"
       end
 
       private

data/app/controllers/solid_queue_web/queues/pauses_controller.rb

@@ -0,0 +1,21 @@
+module SolidQueueWeb
+  module Queues
+    class PausesController < ApplicationController
+      def create
+        queue = SolidQueue::Queue.find_by_name(params[:queue_name])
+        queue.pause
+        redirect_to queues_path, notice: "Queue \"#{queue.name}\" paused."
+      rescue => e
+        redirect_to queues_path, alert: "Could not pause queue: #{e.message}"
+      end
+
+      def destroy
+        queue = SolidQueue::Queue.find_by_name(params[:queue_name])
+        queue.resume
+        redirect_to queues_path, notice: "Queue \"#{queue.name}\" resumed."
+      rescue => e
+        redirect_to queues_path, alert: "Could not resume queue: #{e.message}"
+      end
+    end
+  end
+end

data/app/controllers/solid_queue_web/queues_controller.rb

@@ -2,37 +2,11 @@ module SolidQueueWeb
   class QueuesController < ApplicationController
     def index
       @queues = SolidQueue::Queue.all.sort_by(&:name)
-
-      now = Time.current
-      @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")
-    end
-
-    def pause
-      queue = SolidQueue::Queue.find_by_name(params[:name])
-      queue.pause
-      redirect_to queues_path, notice: "Queue \"#{queue.name}\" paused."
-    rescue => e
-      redirect_to queues_path, alert: "Could not pause queue: #{e.message}"
-    end
-
-    def resume
-      queue = SolidQueue::Queue.find_by_name(params[:name])
-      queue.resume
-      redirect_to queues_path, notice: "Queue \"#{queue.name}\" resumed."
-    rescue => e
-      redirect_to queues_path, alert: "Could not resume queue: #{e.message}"
+      stats = QueueStats.new(@queues)
+      @completed_24h      = stats.completed_24h
+      @failed_24h         = stats.failed_24h
+      @oldest_ready       = stats.oldest_ready
+      @failure_sparklines = stats.failure_sparklines
     end
   end
 end

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/solid_queue_web/dashboard/index.html.erb

@@ -3,61 +3,61 @@
 
 <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,6 +74,36 @@
   <% end %>
 </div>
 
+<% 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">
@@ -88,37 +118,51 @@
     </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[:failed], "failed job") %> need attention.
+          <%= pluralize(@stats.counts[:failed], "failed job") %> need attention.
         </p>
-        <%= button_to "Retry All Failed", retry_all_failed_path,
+        <%= button_to "Retry All Failed", retry_all_failed_jobs_path,
               method: :post,
               class: "sqd-btn sqd-btn--primary",
-              data: { confirm: "Retry all #{@stats[:failed]} failed #{"job".pluralize(@stats[:failed])}?" } %>
+              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 @stats[:blocked] > 0 %>
+  <% 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">Blocked 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[:blocked], "blocked job") %>.
+          <%= pluralize(@stats.counts[:blocked], "blocked job") %>.
         </p>
-        <%= button_to "Discard All Blocked", discard_all_blocked_path,
-              method: :post,
+        <%= button_to "Discard All Blocked", blocked_jobs_path,
+              method: :delete,
               class: "sqd-btn sqd-btn--danger",
-              data: { confirm: "Discard all #{@stats[:blocked]} blocked #{"job".pluralize(@stats[:blocked])}? This cannot be undone." } %>
+              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>

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

@@ -92,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

@@ -49,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

@@ -87,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),
@@ -116,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>
@@ -124,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),
@@ -143,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/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

@@ -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/routes.rb

@@ -1,7 +1,6 @@
 SolidQueueWeb::Engine.routes.draw do
   root to: "dashboard#index"
-  post "retry_all_failed",    to: "dashboard#retry_all_failed",    as: :retry_all_failed
-  post "discard_all_blocked", to: "dashboard#discard_all_blocked", as: :discard_all_blocked
+  resource :blocked_jobs, only: [:destroy]
 
   get "search", to: "search#index", as: :search
   get "history", to: "history#index", as: :history
@@ -9,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

data/lib/solid_queue_web/version.rb

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

data/lib/solid_queue_web.rb

@@ -4,7 +4,8 @@ require "solid_queue_web/engine"
 
 module SolidQueueWeb
   class << self
-    attr_writer :page_size, :dashboard_refresh_interval, :default_refresh_interval, :search_results_limit
+    attr_writer :page_size, :dashboard_refresh_interval, :default_refresh_interval, :search_results_limit,
+                :slow_job_threshold
 
     def page_size
       @page_size || 25
@@ -22,6 +23,10 @@ module SolidQueueWeb
       @search_results_limit || 25
     end
 
+    def slow_job_threshold
+      @slow_job_threshold
+    end
+
     def configure
       yield self
     end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: solid_queue_web
 version: !ruby/object:Gem::Version
-  version: 0.8.0
+  version: 0.9.0
 platform: ruby
 authors:
 - Chuck Smith
@@ -119,6 +119,7 @@ files:
 - app/assets/stylesheets/solid_queue_web/_12_dark_mode.css
 - app/assets/stylesheets/solid_queue_web/application.css
 - app/controllers/solid_queue_web/application_controller.rb
+- app/controllers/solid_queue_web/blocked_jobs_controller.rb
 - app/controllers/solid_queue_web/dashboard_controller.rb
 - app/controllers/solid_queue_web/failed_jobs/selections_controller.rb
 - app/controllers/solid_queue_web/failed_jobs_controller.rb
@@ -127,6 +128,7 @@ files:
 - app/controllers/solid_queue_web/jobs_controller.rb
 - app/controllers/solid_queue_web/processes_controller.rb
 - app/controllers/solid_queue_web/queues/jobs_controller.rb
+- app/controllers/solid_queue_web/queues/pauses_controller.rb
 - app/controllers/solid_queue_web/queues_controller.rb
 - app/controllers/solid_queue_web/recurring_tasks_controller.rb
 - app/controllers/solid_queue_web/retry_failed_jobs_controller.rb
@@ -140,6 +142,8 @@ files:
 - app/jobs/solid_queue_web/application_job.rb
 - app/models/solid_queue_web/application_record.rb
 - app/models/solid_queue_web/job.rb
+- app/services/solid_queue_web/dashboard_stats.rb
+- app/services/solid_queue_web/queue_stats.rb
 - app/views/layouts/solid_queue_web/application.html.erb
 - app/views/solid_queue_web/dashboard/index.html.erb
 - app/views/solid_queue_web/failed_jobs/index.html.erb