solid_queue_web 0.6.0 → 0.8.0

data/app/controllers/solid_queue_web/history_controller.rb

@@ -0,0 +1,35 @@
+module SolidQueueWeb
+  class HistoryController < ApplicationController
+    def index
+      @queue  = params[:queue].presence
+      @search = params[:q].presence
+      @period = params[:period].presence_in(PERIOD_DURATIONS.keys)
+
+      scope = SolidQueue::Job.where.not(finished_at: nil)
+      scope = scope.where(queue_name: @queue)                                    if @queue.present?
+      scope = scope.where("class_name LIKE ?", "%#{@search}%")                  if @search.present?
+      scope = scope.where("finished_at >= ?", PERIOD_DURATIONS[@period].ago)    if @period.present?
+
+      respond_to do |format|
+        format.html { @pagy, @jobs = pagy(scope.order(finished_at: :desc)) }
+        format.csv do
+          send_data history_csv(scope),
+                    filename: "job-history-#{Date.today}.csv",
+                    type: "text/csv", disposition: "attachment"
+        end
+      end
+    end
+
+    private
+
+    def history_csv(scope)
+      CSV.generate(headers: true) do |csv|
+        csv << %w[id class_name queue_name duration_seconds finished_at]
+        scope.order(finished_at: :desc).each do |job|
+          duration = job.finished_at && job.created_at ? (job.finished_at - job.created_at).round : nil
+          csv << [job.id, job.class_name, job.queue_name, duration, job.finished_at.iso8601]
+        end
+      end
+    end
+  end
+end

data/app/controllers/solid_queue_web/jobs_controller.rb

@@ -1,15 +1,24 @@
 module SolidQueueWeb
   class JobsController < ApplicationController
-    before_action :set_status, only: [ :destroy, :discard_all, :discard_selected ]
+    before_action :set_status, only: [:destroy, :discard_selected]
 
     def index
       @status = params[:status].presence_in(Job::STATUSES) || "ready"
       @search = params[:q].presence
       @period = params[:period].presence_in(PERIOD_DURATIONS.keys)
-      @jobs   = Job::EXECUTION_MODELS[@status].includes(:job)
-      @jobs   = @jobs.references(:job).where("solid_queue_jobs.class_name LIKE ?", "%#{@search}%") if @search.present?
-      @jobs   = @jobs.references(:job).where("solid_queue_jobs.created_at >= ?", PERIOD_DURATIONS[@period].ago) if @period.present?
-      @pagy, @jobs = pagy(@jobs.order(created_at: :desc))
+      scope = Job::EXECUTION_MODELS[@status].includes(:job)
+      scope = scope.references(:job).where("solid_queue_jobs.class_name LIKE ?", "%#{@search}%") if @search.present?
+      scope = scope.references(:job).where("solid_queue_jobs.created_at >= ?", PERIOD_DURATIONS[@period].ago) if @period.present?
+      scope = scope.order(created_at: :desc)
+
+      respond_to do |format|
+        format.html { @pagy, @jobs = pagy(scope) }
+        format.csv do
+          send_data jobs_csv(scope),
+                    filename: "jobs-#{@status}-#{Date.today}.csv",
+                    type: "text/csv", disposition: "attachment"
+        end
+      end
     end
 
     def show
@@ -21,33 +30,39 @@ 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 jobs_path(status: @status, period: @period), 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 jobs_path(status: @status, period: @period), notice: "Job discarded." }
+        end
+      else
+        jobs = filtered_scope(model).map(&:job)
+        model.discard_all_from_jobs(jobs)
+        redirect_to jobs_path(status: @status, period: @period),
+          notice: "#{jobs.size} #{"job".pluralize(jobs.size)} discarded."
       end
     rescue ArgumentError => e
       redirect_to jobs_path(status: @status, period: @period), alert: e.message
     rescue => e
-      redirect_to jobs_path(status: @status, period: @period), 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 jobs_path(status: @status, period: @period),
-        notice: "#{jobs.size} #{"job".pluralize(jobs.size)} discarded."
-    rescue ArgumentError => e
-      redirect_to jobs_path(status: @status, period: @period), alert: e.message
-    rescue => e
-      redirect_to jobs_path(status: @status, period: @period), alert: "Could not discard jobs: #{e.message}"
+        alert: "Could not discard #{params[:id] ? "job" : "jobs"}: #{e.message}"
     end
 
     private
 
+    def jobs_csv(scope)
+      CSV.generate(headers: true) do |csv|
+        csv << %w[id class_name queue_name status priority enqueued_at]
+        scope.each do |execution|
+          job = execution.job
+          csv << [job.id, job.class_name, job.queue_name, @status, job.priority, job.created_at.iso8601]
+        end
+      end
+    end
+
     def derive_status(job)
       return "failed"    if job.failed_execution.present?
       return "claimed"   if job.claimed_execution.present?

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, :discard_all]
 
       def index
         @status = params[:status].presence_in(Job::STATUSES) || "ready"

data/app/controllers/solid_queue_web/queues_controller.rb

@@ -2,6 +2,21 @@ 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

data/app/controllers/solid_queue_web/retry_failed_jobs_controller.rb

@@ -0,0 +1,31 @@
+module SolidQueueWeb
+  class RetryFailedJobsController < ApplicationController
+    before_action :set_filter_params
+
+    def create
+      executions = params[:id] ? [SolidQueue::FailedExecution.find(params[:id])] : filtered_scope.to_a
+      jobs = executions.map(&:job)
+      SolidQueue::FailedExecution.retry_all(jobs)
+      redirect_to failed_jobs_path(queue: @queue, q: @search, period: @period),
+        notice: "#{jobs.size} #{"job".pluralize(jobs.size)} queued for retry."
+    rescue => e
+      redirect_to failed_jobs_path, alert: "Could not retry job: #{e.message}"
+    end
+
+    private
+
+    def set_filter_params
+      @queue  = params[:queue].presence
+      @search = params[:q].presence
+      @period = params[:period].presence_in(PERIOD_DURATIONS.keys)
+    end
+
+    def filtered_scope
+      scope = SolidQueue::FailedExecution.includes(:job)
+      scope = scope.references(:job).where(solid_queue_jobs: { queue_name: @queue }) if @queue.present?
+      scope = scope.references(:job).where("solid_queue_jobs.class_name LIKE ?", "%#{@search}%") if @search.present?
+      scope = scope.references(:job).where("solid_queue_jobs.created_at >= ?", PERIOD_DURATIONS[@period].ago) if @period.present?
+      scope
+    end
+  end
+end

data/app/controllers/solid_queue_web/search_controller.rb

@@ -1,7 +1,5 @@
 module SolidQueueWeb
   class SearchController < ApplicationController
-    LIMIT = 25
-
     def index
       @query      = params[:q].presence
       @job_classes = SolidQueue::Job.distinct.order(:class_name).pluck(:class_name)
@@ -15,7 +13,7 @@ module SolidQueueWeb
                      .where("solid_queue_jobs.class_name LIKE ?", "%#{@query}%")
                      .order(created_at: :desc)
         total      = scope.count
-        executions = scope.limit(LIMIT).to_a
+        executions = scope.limit(SolidQueueWeb.search_results_limit).to_a
         @results[status] = { executions: executions, total: total } unless executions.empty?
       end
     end

data/app/helpers/solid_queue_web/application_helper.rb

@@ -1,8 +1,22 @@
 module SolidQueueWeb
   module ApplicationHelper
     def inline_styles
-      css = SolidQueueWeb::Engine.root.join("app/assets/stylesheets/solid_queue_web/application.css").read
+      dir = SolidQueueWeb::Engine.root.join("app/assets/stylesheets/solid_queue_web")
+      css = dir.glob("_*.css").sort.map(&:read).join("\n")
       content_tag(:style, css.html_safe)
     end
+
+    def format_duration(seconds)
+      s = seconds.to_i
+      return "< 1s" if s < 1
+
+      if s < 60
+        "#{s}s"
+      elsif s < 3600
+        "#{s / 60}m #{s % 60}s"
+      else
+        "#{s / 3600}h #{(s % 3600) / 60}m"
+      end
+    end
   end
 end

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/refresh_controller.js

@@ -23,7 +23,8 @@ export default class extends Controller {
 
   async _reload() {
     clearTimeout(this._timer)
-    if (!document.hidden) {
+    const hasSelection = this.element.querySelector("input[type='checkbox']:checked")
+    if (!document.hidden && !hasSelection) {
       try {
         const response = await fetch(window.location.href, {
           headers: { "Turbo-Frame": this.element.id, Accept: "text/html" }
@@ -44,7 +45,7 @@ export default class extends Controller {
   _onVisibilityChange() {
     if (document.hidden) {
       clearTimeout(this._timer)
-    } else {
+    } else if (!this.element.querySelector("input[type='checkbox']:checked")) {
       this._reload()
     }
   }

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/views/layouts/solid_queue_web/application.html.erb

@@ -9,23 +9,18 @@
   <%= 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">
           <li><%= link_to "Dashboard", root_path, class: current_page?(root_path) ? "active" : "", aria: { current: current_page?(root_path) ? "page" : nil } %></li>
           <li><%= link_to "Queues", queues_path, class: current_page?(queues_path) ? "active" : "", aria: { current: current_page?(queues_path) ? "page" : nil } %></li>
           <li><%= link_to "Jobs", jobs_path, class: current_page?(jobs_path) ? "active" : "", aria: { current: current_page?(jobs_path) ? "page" : nil } %></li>
+          <li><%= link_to "History", history_path, class: current_page?(history_path) ? "active" : "", aria: { current: current_page?(history_path) ? "page" : nil } %></li>
           <li><%= link_to "Failed", failed_jobs_path, class: current_page?(failed_jobs_path) ? "active" : "", aria: { current: current_page?(failed_jobs_path) ? "page" : nil } %></li>
           <li><%= link_to "Recurring", recurring_tasks_path, class: current_page?(recurring_tasks_path) ? "active" : "", aria: { current: current_page?(recurring_tasks_path) ? "page" : nil } %></li>
           <li><%= link_to "Processes", processes_path, class: current_page?(processes_path) ? "active" : "", aria: { current: current_page?(processes_path) ? "page" : nil } %></li>
@@ -33,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,4 +1,4 @@
-<%= 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">
@@ -34,9 +34,47 @@
     <div class="sqd-stat__value"><%= @stats[: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__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__label">Done (24h)</div>
+  <% end %>
+</div>
+
+<% max_val = [@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>
+    </div>
+  </div>
+  <% if @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| %>
+        <% pct = (count.to_f / max_val * 100).round %>
+        <% hour_start = (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"
+                 style="height: <%= [pct, 3].max %>%"
+                 title="<%= hour_start.strftime('%-I%p').downcase %>: <%= count %> <%= "job".pluralize(count) %>"></div>
+          </div>
+          <div class="sqd-sparkline__tick"><%= show_tick ? (i == 11 ? "now" : hour_start.strftime("%-I%p").downcase) : "" %></div>
+        </div>
+      <% end %>
+    </div>
+  <% end %>
 </div>
 
-<div style="display:grid; grid-template-columns: 1fr 1fr; gap: 1rem;">
+<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>
@@ -53,13 +91,35 @@
   <% if @stats[:failed] > 0 %>
     <div class="sqd-card">
       <div class="sqd-card__header">
-        <span class="sqd-card__title">Attention Required</span>
+        <span class="sqd-card__title">Failed Jobs</span>
       </div>
-      <div style="padding: 1rem;">
-        <p style="color: var(--danger); margin-bottom: 0.75rem;">
+      <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.
         </p>
-        <%= link_to "Review failed jobs →", failed_jobs_path, class: "sqd-btn sqd-btn--danger" %>
+        <%= button_to "Retry All Failed", retry_all_failed_path,
+              method: :post,
+              class: "sqd-btn sqd-btn--primary",
+              data: { confirm: "Retry all #{@stats[:failed]} failed #{"job".pluralize(@stats[:failed])}?" } %>
+        <%= link_to "Review →", failed_jobs_path, class: "sqd-btn sqd-btn--muted" %>
+      </div>
+    </div>
+  <% end %>
+
+  <% if @stats[: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") %>.
+        </p>
+        <%= button_to "Discard All Blocked", discard_all_blocked_path,
+              method: :post,
+              class: "sqd-btn sqd-btn--danger",
+              data: { confirm: "Discard all #{@stats[:blocked]} blocked #{"job".pluralize(@stats[: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 },
@@ -24,7 +26,6 @@
   <input class="sqd-search__input" type="search" name="q" value="<%= @search %>"
          placeholder="Filter by job class…" autocomplete="off" aria-label="Filter by job class"
          data-action="input->search#filter">
-  <button type="submit" class="sqd-btn sqd-btn--muted">Search</button>
   <% if @search.present? %>
     <%= link_to "Clear", failed_jobs_path(queue: @queue, period: @period), class: "sqd-btn sqd-btn--muted" %>
   <% end %>

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

@@ -0,0 +1,73 @@
+<%= 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">
+  <% if @queue.present? %>
+    <input type="hidden" name="queue" value="<%= @queue %>">
+  <% end %>
+  <input type="hidden" name="period" value="<%= @period %>">
+  <input class="sqd-search__input" type="search" name="q" value="<%= @search %>"
+         placeholder="Filter by job class…" autocomplete="off" aria-label="Filter by job class"
+         data-action="input->search#filter">
+  <% if @search.present? %>
+    <%= link_to "Clear", history_path(queue: @queue, period: @period), class: "sqd-btn sqd-btn--muted" %>
+  <% end %>
+  <div class="sqd-period-filter" role="group" aria-label="Time period">
+    <%= link_to "All",  history_path(queue: @queue, q: @search),                      class: @period.nil?       ? "active" : "", aria: { current: @period.nil?       ? "true" : nil } %>
+    <%= link_to "1h",   history_path(queue: @queue, q: @search, period: "1h"),  class: @period == "1h"  ? "active" : "", aria: { current: @period == "1h"  ? "true" : nil } %>
+    <%= link_to "24h",  history_path(queue: @queue, q: @search, period: "24h"), class: @period == "24h" ? "active" : "", aria: { current: @period == "24h" ? "true" : nil } %>
+    <%= link_to "7d",   history_path(queue: @queue, q: @search, period: "7d"),  class: @period == "7d"  ? "active" : "", aria: { current: @period == "7d"  ? "true" : nil } %>
+  </div>
+</form>
+
+<% if @queue.present? %>
+  <p style="margin-top: 0.5rem; font-size: 13px; color: var(--muted);">
+    Filtering by queue: <strong><%= @queue %></strong> &mdash;
+    <%= link_to "Clear filter", history_path(q: @search, period: @period) %>
+  </p>
+<% end %>
+
+<% if @jobs.any? %>
+  <div class="sqd-card">
+    <table>
+      <thead>
+        <tr>
+          <th scope="col">Job Class</th>
+          <th scope="col">Queue</th>
+          <th scope="col">Duration</th>
+          <th scope="col">Finished At</th>
+        </tr>
+      </thead>
+      <tbody>
+        <% @jobs.each do |job| %>
+          <tr>
+            <td><%= link_to job.class_name, job_path(job) %></td>
+            <td>
+              <%= link_to job.queue_name, history_path(queue: job.queue_name, q: @search, period: @period),
+                    class: "sqd-mono", style: "color: inherit;" %>
+            </td>
+            <td class="sqd-mono"><%= format_duration(job.finished_at - job.created_at) %></td>
+            <td class="sqd-mono"><%= job.finished_at.strftime("%Y-%m-%d %H:%M:%S") %></td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
+<% else %>
+  <div class="sqd-card">
+    <div class="sqd-empty">No finished jobs found.</div>
+  </div>
+<% end %>
+
+<% if @pagy.last > 1 %>
+  <%= @pagy.series_nav.html_safe %>
+<% end %>
+<% end %>

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>
@@ -28,7 +32,6 @@
   <input class="sqd-search__input" type="search" name="q" value="<%= @search %>"
          placeholder="Filter by job class…" autocomplete="off" aria-label="Filter by job class"
          data-action="input->search#filter">
-  <button type="submit" class="sqd-btn sqd-btn--muted">Search</button>
   <% if @search.present? %>
     <%= link_to "Clear", jobs_path(status: @status, period: @period), class: "sqd-btn sqd-btn--muted" %>
   <% end %>

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

@@ -10,6 +10,8 @@
           <th scope="col">Name</th>
           <th scope="col">Size</th>
           <th scope="col">Latency</th>
+          <th scope="col">Done (24h)</th>
+          <th scope="col">Failed (24h)</th>
           <th scope="col">Status</th>
           <th scope="col"><span class="sqd-sr-only">Actions</span></th>
         </tr>
@@ -19,7 +21,19 @@
           <tr>
             <td class="sqd-mono"><%= queue.name %></td>
             <td><%= queue.size %></td>
-            <td><%= queue.human_latency %></td>
+            <td>
+              <% if (oldest = @oldest_ready[queue.name]) %>
+                <% age = Time.current - oldest %>
+                <% latency_color = age > 86_400 ? "var(--danger)" : age > 3_600 ? "var(--warning)" : "inherit" %>
+                <abbr title="<%= oldest.strftime("%Y-%m-%d %H:%M:%S UTC") %>">
+                  <span style="color: <%= latency_color %>"><%= format_duration(age) %></span>
+                </abbr>
+              <% else %>
+                <span style="color: var(--muted)">—</span>
+              <% end %>
+            </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>
               <% if queue.paused? %>
                 <span class="sqd-badge sqd-badge--paused">Paused</span>

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" %>

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"