solid_queue_web 0.5.5 → 0.6.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4fede0428a11872f9c6d461a4c58b658c59a5dbb4549de6fe0f13d1f1bafd6ae
-  data.tar.gz: 3fd89b402ec8034cdcec4e80c260e83dedcf4c96519375283fe0678696548d88
+  metadata.gz: 69555db4ec8b786eb891721bf40655ef341c3b40b84b82b64cca69f446a511b8
+  data.tar.gz: eafe8f169f2382cdb3e0f59b87e3fc5553b1637dadb31ad076caf50233563d9d
 SHA512:
-  metadata.gz: 361aaa9eca22abd7a34f574c434f04700dcce5d0c0f29dd0bf4f929bccedf08b32db280db3c8e29c6b237325b791dc09528cced2f9d8419b8f02879e32a0aa36
-  data.tar.gz: f2d79da345dec941c24a468729f78de4b210d9f4d8bb6b8203c6e60da16577e7b5538c2b66b8a544524bbc32cf7289fc26a77e3529e27444f825b889afde582a
+  metadata.gz: a1b63a6625cc58a9280ca325d829c8f395130f102494f03e346d84e8d8d769e2ebbbe69740df756a2b84a8f95ff04ca27b82c82e2d8924f78a952bc2e85a12d4
+  data.tar.gz: 0f723d410742b889756f36c6d5ddef8d8524733e1149bc55826afbaf37f3009c54c238a593495e8e097e37a8ca67988d25b06bf8507bf3903791f06a67907fbd

data/README.md

@@ -17,7 +17,7 @@ Solid Queue ships without a web interface. When jobs fail, queues back up, or wo
 - Purpose-built for Solid Queue — uses its native models directly, no adapters
 - No external CSS framework — drops into any Rails app without asset conflicts
 - Zero-config to start — one line in `routes.rb` and you're running
-- Built for Rails 8 — Turbo Frames for in-place updates, Stimulus for dynamic search, Pagy for efficient pagination
+- Built for Rails 8 — Turbo Frames for in-place updates, Stimulus for dynamic search and auto-refresh, Pagy for efficient pagination
 - Inspired by Sidekiq Web UI and the GoodJob dashboard, adapted for the Solid Queue ecosystem
 
 ## Real-world use case
@@ -33,14 +33,16 @@ 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
-- **Queues** — all queues sorted by name
-- **Jobs** — filterable by status (ready, scheduled, claimed, blocked, failed) and by queue; search by job class name with dynamic auto-submit; discard individual or all jobs; Turbo Frame navigation so only the table updates on filter or search
-- **Failed jobs** — list of failed executions with error details; retry or discard individually or in bulk
-- **Job detail** — full arguments, timestamps, and error backtrace; action buttons based on job status
-- **Queue management** — pause and resume individual queues
+- **Dashboard** — stat cards showing counts for ready, scheduled, running, blocked, and failed jobs, plus queues, recurring tasks, and processes; auto-refreshes every 5 seconds
+- **Queues** — all queues sorted by name with size, latency, and 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
+- **Queue management** — pause and resume individual queues; queue-scoped job list with status filter, search, and discard
 - **Recurring tasks** — all configured recurring tasks with cron schedule, next run time, last run time, and static/dynamic classification
-- **Processes** — workers, dispatchers, and supervisors with heartbeat health status
+- **Processes** — workers, dispatchers, and supervisors with heartbeat health status; auto-refreshes every 10 seconds
+- **Global search** — search across all job statuses at once by class name substring; results grouped by status with match count and direct links to filtered views; native datalist autocomplete pre-populated from all known job classes; auto-submits on selection
+- **Targeted bulk actions** — checkboxes on the jobs and failed jobs lists for selecting individual rows; selection bar shows count and action buttons ("Discard Selected" for jobs, "Retry Selected" / "Discard Selected" for failed jobs); select-all checkbox in the table header
 
 ## Screenshots
 

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

@@ -302,6 +302,25 @@ tbody tr:hover { background: var(--bg); }
 .sqd-row-actions  { white-space: nowrap; text-align: right; width: 1%; }
 .sqd-row-actions form { display: inline; margin-left: 0.25rem; }
 
+/* Selection bar */
+.sqd-selection-bar {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  padding: 0.5rem 1rem;
+  background: var(--bg);
+  border-bottom: 1px solid var(--border);
+  font-size: 13px;
+}
+
+table th input[type="checkbox"],
+table td input[type="checkbox"] {
+  width: 15px;
+  height: 15px;
+  cursor: pointer;
+  accent-color: var(--primary);
+}
+
 /* Search */
 .sqd-search {
   display: flex;
@@ -332,6 +351,29 @@ tbody tr:hover { background: var(--bg); }
   .sqd-search__input { width: 100%; }
 }
 
+.sqd-search--global { margin-bottom: 2rem; }
+
+.sqd-search__input--lg {
+  width: 420px;
+  font-size: 15px;
+  padding: 0.5rem 1rem;
+}
+
+@media (max-width: 640px) {
+  .sqd-search__input--lg { width: 100%; }
+}
+
+.sqd-search-group {
+  margin-bottom: 2rem;
+}
+
+.sqd-search-group__header {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  margin-bottom: 0.75rem;
+}
+
 /* Filters */
 .sqd-filters {
   display: flex;
@@ -359,6 +401,33 @@ tbody tr:hover { background: var(--bg); }
   color: #fff;
 }
 
+/* Period filter */
+.sqd-period-filter {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  margin-left: auto;
+}
+
+.sqd-period-filter a {
+  padding: 0.2rem 0.55rem;
+  border-radius: 4px;
+  font-size: 11px;
+  font-weight: 500;
+  text-decoration: none;
+  border: 1px solid var(--border);
+  color: var(--muted);
+  background: var(--surface);
+  transition: all 0.1s;
+}
+
+.sqd-period-filter a:hover,
+.sqd-period-filter a.active {
+  background: var(--muted);
+  border-color: var(--muted);
+  color: #fff;
+}
+
 /* Code / monospace */
 .sqd-mono {
   font-family: "SFMono-Regular", Menlo, Monaco, Consolas, monospace;

data/app/controllers/solid_queue_web/application_controller.rb

@@ -2,6 +2,8 @@ module SolidQueueWeb
   class ApplicationController < ActionController::Base
     include Pagy::Method
 
+    PERIOD_DURATIONS = { "1h" => 1.hour, "24h" => 24.hours, "7d" => 7.days }.freeze
+
     before_action :authenticate!
 
     private

data/app/controllers/solid_queue_web/failed_jobs/selections_controller.rb

@@ -0,0 +1,27 @@
+module SolidQueueWeb
+  module FailedJobs
+    class SelectionsController < ApplicationController
+      def create
+        ids = Array(params[:ids]).map(&:to_i).reject(&:zero?)
+        executions = SolidQueue::FailedExecution.where(id: ids)
+        jobs = executions.includes(:job).map(&:job)
+        SolidQueue::FailedExecution.retry_all(jobs)
+        redirect_to failed_jobs_path,
+          notice: "#{jobs.size} #{"job".pluralize(jobs.size)} queued for retry."
+      rescue => e
+        redirect_to failed_jobs_path, alert: "Could not retry jobs: #{e.message}"
+      end
+
+      def destroy
+        ids = Array(params[:ids]).map(&:to_i).reject(&:zero?)
+        executions = SolidQueue::FailedExecution.where(id: ids)
+        jobs = executions.includes(:job).map(&:job)
+        SolidQueue::FailedExecution.discard_all_from_jobs(jobs)
+        redirect_to failed_jobs_path,
+          notice: "#{jobs.size} #{"job".pluralize(jobs.size)} discarded."
+      rescue => e
+        redirect_to failed_jobs_path, alert: "Could not discard jobs: #{e.message}"
+      end
+    end
+  end
+end

data/app/controllers/solid_queue_web/failed_jobs_controller.rb

@@ -25,14 +25,14 @@ module SolidQueueWeb
     def retry_all
       jobs = filtered_scope.map(&:job)
       SolidQueue::FailedExecution.retry_all(jobs)
-      redirect_to failed_jobs_path(queue: @queue, q: @search),
+      redirect_to failed_jobs_path(queue: @queue, q: @search, period: @period),
         notice: "#{jobs.size} #{"job".pluralize(jobs.size)} queued for retry."
     end
 
     def discard_all
       jobs = filtered_scope.map(&:job)
       SolidQueue::FailedExecution.discard_all_from_jobs(jobs)
-      redirect_to failed_jobs_path(queue: @queue, q: @search),
+      redirect_to failed_jobs_path(queue: @queue, q: @search, period: @period),
         notice: "#{jobs.size} #{"job".pluralize(jobs.size)} discarded."
     end
 
@@ -41,12 +41,14 @@ module SolidQueueWeb
     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

data/app/controllers/solid_queue_web/jobs/selections_controller.rb

@@ -0,0 +1,21 @@
+module SolidQueueWeb
+  module Jobs
+    class SelectionsController < ApplicationController
+      def destroy
+        status = params[:status]
+        period = params[:period].presence_in(PERIOD_DURATIONS.keys)
+        raise ArgumentError, "Cannot discard #{status} jobs." unless Job::DISCARDABLE.include?(status)
+        model = Job::EXECUTION_MODELS[status]
+        ids = Array(params[:ids]).map(&:to_i).reject(&:zero?)
+        jobs = model.where(id: ids).includes(:job).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), alert: e.message
+      rescue => e
+        redirect_to jobs_path(status: status), alert: "Could not discard jobs: #{e.message}"
+      end
+    end
+  end
+end

data/app/controllers/solid_queue_web/jobs_controller.rb

@@ -1,12 +1,14 @@
 module SolidQueueWeb
   class JobsController < ApplicationController
-    before_action :set_status, only: [ :destroy, :discard_all ]
+    before_action :set_status, only: [ :destroy, :discard_all, :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))
     end
 
@@ -24,24 +26,24 @@ module SolidQueueWeb
       @remaining_count = filtered_scope(model).count
       respond_to do |format|
         format.turbo_stream
-        format.html { redirect_to jobs_path(status: @status), notice: "Job discarded." }
+        format.html { redirect_to jobs_path(status: @status, period: @period), notice: "Job discarded." }
       end
     rescue ArgumentError => e
-      redirect_to jobs_path(status: @status), alert: e.message
+      redirect_to jobs_path(status: @status, period: @period), alert: e.message
     rescue => e
-      redirect_to jobs_path(status: @status), alert: "Could not discard job: #{e.message}"
+      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),
+      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), alert: e.message
+      redirect_to jobs_path(status: @status, period: @period), alert: e.message
     rescue => e
-      redirect_to jobs_path(status: @status), alert: "Could not discard jobs: #{e.message}"
+      redirect_to jobs_path(status: @status, period: @period), alert: "Could not discard jobs: #{e.message}"
     end
 
     private
@@ -57,10 +59,13 @@ module SolidQueueWeb
 
     def set_status
       @status = params[:status]
+      @period = params[:period].presence_in(PERIOD_DURATIONS.keys)
     end
 
     def filtered_scope(model)
-      model.includes(:job)
+      scope = model.includes(:job)
+      scope = scope.references(:job).where("solid_queue_jobs.created_at >= ?", PERIOD_DURATIONS[@period].ago) if @period.present?
+      scope
     end
 
     def execution_model_for!(status)

data/app/controllers/solid_queue_web/search_controller.rb

@@ -0,0 +1,23 @@
+module SolidQueueWeb
+  class SearchController < ApplicationController
+    LIMIT = 25
+
+    def index
+      @query      = params[:q].presence
+      @job_classes = SolidQueue::Job.distinct.order(:class_name).pluck(:class_name)
+      @results    = {}
+
+      return unless @query
+
+      Job::EXECUTION_MODELS.each do |status, model|
+        scope = model.includes(:job)
+                     .references(:job)
+                     .where("solid_queue_jobs.class_name LIKE ?", "%#{@query}%")
+                     .order(created_at: :desc)
+        total      = scope.count
+        executions = scope.limit(LIMIT).to_a
+        @results[status] = { executions: executions, total: total } unless executions.empty?
+      end
+    end
+  end
+end

data/app/javascript/solid_queue_web/application.js

@@ -1,6 +1,10 @@
 import "@hotwired/turbo"
 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"
 
 const application = Application.start()
 application.register("search", SearchController)
+application.register("refresh", RefreshController)
+application.register("selection", SelectionController)

data/app/javascript/solid_queue_web/refresh_controller.js

@@ -0,0 +1,51 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static values = { interval: { type: Number, default: 5000 } }
+
+  initialize() {
+    this._onVisibilityChange = this._onVisibilityChange.bind(this)
+  }
+
+  connect() {
+    document.addEventListener("visibilitychange", this._onVisibilityChange)
+    this._schedule()
+  }
+
+  disconnect() {
+    clearTimeout(this._timer)
+    document.removeEventListener("visibilitychange", this._onVisibilityChange)
+  }
+
+  _schedule() {
+    this._timer = setTimeout(() => this._reload(), this.intervalValue)
+  }
+
+  async _reload() {
+    clearTimeout(this._timer)
+    if (!document.hidden) {
+      try {
+        const response = await fetch(window.location.href, {
+          headers: { "Turbo-Frame": this.element.id, Accept: "text/html" }
+        })
+        if (response.ok) {
+          const html = await response.text()
+          const doc = new DOMParser().parseFromString(html, "text/html")
+          const frame = doc.querySelector(`turbo-frame#${this.element.id}`)
+          if (frame && this.element.isConnected) this.element.innerHTML = frame.innerHTML
+        }
+      } catch {
+        // network error — skip this tick
+      }
+    }
+    if (this.element.isConnected) this._schedule()
+  }
+
+  _onVisibilityChange() {
+    if (document.hidden) {
+      clearTimeout(this._timer)
+    } else {
+      this._reload()
+    }
+  }
+}

data/app/javascript/solid_queue_web/search_controller.js

@@ -8,4 +8,9 @@ export default class extends Controller {
       this._timer = setTimeout(() => target.form.requestSubmit(), 300)
     }
   }
+
+  select({ target }) {
+    clearTimeout(this._timer)
+    target.form.requestSubmit()
+  }
 }

data/app/javascript/solid_queue_web/selection_controller.js

@@ -0,0 +1,42 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["checkbox", "selectAll", "bar", "count"]
+
+  toggle() {
+    this._update()
+  }
+
+  selectAll({ target }) {
+    this.checkboxTargets.forEach(cb => cb.checked = target.checked)
+    this._update()
+  }
+
+  submit({ params: { formId } }) {
+    const form = document.getElementById(formId)
+    if (!form) return
+    form.querySelectorAll("[data-injected-id]").forEach(el => el.remove())
+    this.checkboxTargets
+      .filter(cb => cb.checked)
+      .forEach(cb => {
+        const input = document.createElement("input")
+        input.type = "hidden"
+        input.name = "ids[]"
+        input.value = cb.value
+        input.dataset.injectedId = true
+        form.appendChild(input)
+      })
+    form.requestSubmit()
+  }
+
+  _update() {
+    const checked = this.checkboxTargets.filter(cb => cb.checked).length
+    const total = this.checkboxTargets.length
+    if (this.hasBarTarget) this.barTarget.style.display = checked > 0 ? "" : "none"
+    if (this.hasCountTarget) this.countTarget.textContent = checked
+    if (this.hasSelectAllTarget) {
+      this.selectAllTarget.indeterminate = checked > 0 && checked < total
+      this.selectAllTarget.checked = total > 0 && checked === total
+    }
+  }
+}

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

@@ -29,6 +29,7 @@
           <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>
+          <li><%= link_to "Search", search_path, class: current_page?(search_path) ? "active" : "", aria: { current: current_page?(search_path) ? "page" : nil } %></li>
         </ul>
       </nav>
     </div>

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

@@ -1,3 +1,4 @@
+<%= turbo_frame_tag "dashboard", target: "_top", data: { controller: "refresh", refresh_interval_value: 5000 } do %>
 <h1 class="sqd-page-title">Dashboard</h1>
 
 <div class="sqd-stats">
@@ -62,4 +63,5 @@
       </div>
     </div>
   <% end %>
-</div>
+</div>
+<% end %>

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

@@ -4,12 +4,12 @@
     <div class="sqd-actions">
       <%= button_to "Retry All", retry_all_failed_jobs_path,
             method: :post,
-            params: { queue: @queue, q: @search },
+            params: { queue: @queue, q: @search, period: @period },
             class: "sqd-btn sqd-btn--primary",
             data: { confirm: "Retry all #{@failed_jobs.size} failed jobs?" } %>
       <%= button_to "Discard All", discard_all_failed_jobs_path,
             method: :post,
-            params: { queue: @queue, q: @search },
+            params: { queue: @queue, q: @search, period: @period },
             class: "sqd-btn sqd-btn--danger",
             data: { confirm: "Discard all #{@failed_jobs.size} failed jobs? This cannot be undone." } %>
     </div>
@@ -20,69 +20,114 @@
   <% 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">
   <button type="submit" class="sqd-btn sqd-btn--muted">Search</button>
   <% if @search.present? %>
-    <%= link_to "Clear", failed_jobs_path(queue: @queue), class: "sqd-btn sqd-btn--muted" %>
+    <%= link_to "Clear", failed_jobs_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", failed_jobs_path(queue: @queue, q: @search),                       class: @period.nil?       ? "active" : "", aria: { current: @period.nil?       ? "true" : nil }, aria_label: "All time" %>
+    <%= link_to "1h",  failed_jobs_path(queue: @queue, q: @search, period: "1h"),  class: @period == "1h"  ? "active" : "", aria: { current: @period == "1h"  ? "true" : nil }, aria_label: "Last 1 hour" %>
+    <%= link_to "24h", failed_jobs_path(queue: @queue, q: @search, period: "24h"), class: @period == "24h" ? "active" : "", aria: { current: @period == "24h" ? "true" : nil }, aria_label: "Last 24 hours" %>
+    <%= link_to "7d",  failed_jobs_path(queue: @queue, q: @search, period: "7d"),  class: @period == "7d"  ? "active" : "", aria: { current: @period == "7d"  ? "true" : nil }, aria_label: "Last 7 days" %>
+  </div>
 </form>
 
 <% if @pagy.last > 1 %>
   <%= @pagy.series_nav.html_safe %>
 <% end %>
 
-<div class="sqd-card">
-  <% if @failed_jobs.empty? %>
-    <div class="sqd-empty">No failed jobs. All clear!</div>
-  <% else %>
-    <table>
-      <thead>
-        <tr>
-          <th scope="col">Job Class</th>
-          <th scope="col">Queue</th>
-          <th scope="col">Error</th>
-          <th scope="col">Failed At</th>
-          <th scope="col"><span class="sqd-sr-only">Actions</span></th>
-        </tr>
-      </thead>
-      <tbody>
-        <% @failed_jobs.each do |execution| %>
-          <% job = execution.job %>
+<% if @failed_jobs.any? %>
+  <div data-controller="selection">
+    <%= form_tag failed_job_selection_path, method: :post, id: "retry-selection-form" do %>
+      <%= hidden_field_tag :queue, @queue %>
+      <%= hidden_field_tag :q, @search %>
+      <%= hidden_field_tag :period, @period %>
+    <% end %>
+
+    <%= form_tag failed_job_selection_path, method: :delete, id: "discard-selection-form",
+          data: { turbo_confirm: "Discard selected jobs? This cannot be undone." } do %>
+      <%= hidden_field_tag :queue, @queue %>
+      <%= hidden_field_tag :q, @search %>
+      <%= hidden_field_tag :period, @period %>
+    <% end %>
+
+    <div class="sqd-selection-bar" data-selection-target="bar" style="display: none;">
+      <span class="sqd-muted-text"><span data-selection-target="count">0</span> selected</span>
+      <button type="button" class="sqd-btn sqd-btn--primary sqd-btn--sm"
+              data-action="click->selection#submit"
+              data-selection-form-id-param="retry-selection-form">Retry Selected</button>
+      <button type="button" class="sqd-btn sqd-btn--danger sqd-btn--sm"
+              data-action="click->selection#submit"
+              data-selection-form-id-param="discard-selection-form">Discard Selected</button>
+    </div>
+
+    <div class="sqd-card">
+      <table>
+        <thead>
           <tr>
-            <td><%= link_to job.class_name, job_path(job) %></td>
-            <td>
-              <%= link_to job.queue_name, failed_jobs_path(queue: job.queue_name, q: @search),
-                    class: "sqd-mono", style: "color: inherit;" %>
-            </td>
-            <td>
-              <% if execution.exception_class.present? %>
-                <div class="sqd-error-msg sqd-truncate" title="<%= execution.exception_class %>: <%= execution.message %>">
-                  <strong><%= execution.exception_class %></strong>: <%= execution.message %>
-                </div>
-              <% else %>
-                <span style="color:var(--muted)">—</span>
-              <% end %>
-            </td>
-            <td class="sqd-mono"><%= execution.created_at.strftime("%Y-%m-%d %H:%M:%S") %></td>
-            <td class="sqd-row-actions">
-              <%= button_to "Retry", retry_failed_job_path(execution), method: :post,
-                    class: "sqd-btn sqd-btn--primary sqd-btn--sm" %>
-              <%= button_to "Discard", failed_job_path(execution), method: :delete,
-                    class: "sqd-btn sqd-btn--danger sqd-btn--sm",
-                    data: { confirm: "Discard this job?" } %>
-            </td>
+            <th scope="col">
+              <input type="checkbox" data-selection-target="selectAll"
+                     data-action="change->selection#selectAll"
+                     aria-label="Select all failed jobs">
+            </th>
+            <th scope="col">Job Class</th>
+            <th scope="col">Queue</th>
+            <th scope="col">Error</th>
+            <th scope="col">Failed At</th>
+            <th scope="col"><span class="sqd-sr-only">Actions</span></th>
           </tr>
-        <% end %>
-      </tbody>
-    </table>
-  <% end %>
-</div>
+        </thead>
+        <tbody>
+          <% @failed_jobs.each do |execution| %>
+            <% job = execution.job %>
+            <tr>
+              <td>
+                <input type="checkbox" value="<%= execution.id %>"
+                       data-selection-target="checkbox"
+                       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.queue_name, failed_jobs_path(queue: job.queue_name, q: @search, period: @period),
+                      class: "sqd-mono", style: "color: inherit;" %>
+              </td>
+              <td>
+                <% if execution.exception_class.present? %>
+                  <div class="sqd-error-msg sqd-truncate" title="<%= execution.exception_class %>: <%= execution.message %>">
+                    <strong><%= execution.exception_class %></strong>: <%= execution.message %>
+                  </div>
+                <% else %>
+                  <span style="color:var(--muted)">—</span>
+                <% end %>
+              </td>
+              <td class="sqd-mono"><%= execution.created_at.strftime("%Y-%m-%d %H:%M:%S") %></td>
+              <td class="sqd-row-actions">
+                <%= button_to "Retry", retry_failed_job_path(execution), method: :post,
+                      class: "sqd-btn sqd-btn--primary sqd-btn--sm" %>
+                <%= button_to "Discard", failed_job_path(execution), method: :delete,
+                      class: "sqd-btn sqd-btn--danger sqd-btn--sm",
+                      data: { confirm: "Discard this job?" } %>
+              </td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+    </div>
+  </div>
+<% else %>
+  <div class="sqd-card">
+    <div class="sqd-empty">No failed jobs. All clear!</div>
+  </div>
+<% end %>
 
 <% if @queue.present? %>
   <p style="margin-top: 0.75rem; font-size: 13px; color: var(--muted);">
     Filtering by queue: <strong><%= @queue %></strong> &mdash;
-    <%= link_to "Clear filter", failed_jobs_path(q: @search) %>
+    <%= link_to "Clear filter", failed_jobs_path(q: @search, period: @period) %>
   </p>
 <% end %>

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

@@ -1,21 +1,21 @@
 <h1 class="sqd-page-title" style="margin-bottom: 1.5rem;">Jobs</h1>
 
-<%= turbo_frame_tag "jobs-table", data: { turbo_action: "advance" } do %>
+<%= turbo_frame_tag "jobs-table", data: { turbo_action: "advance", controller: "refresh", refresh_interval_value: 10000 } do %>
 <% discardable = SolidQueueWeb::Job::DISCARDABLE.include?(@status) %>
 
 <div class="sqd-page-header">
   <div class="sqd-filters">
-    <%= link_to "Ready",     jobs_path(status: "ready",     q: @search), class: @status == "ready"     ? "active" : "" %>
-    <%= link_to "Scheduled", jobs_path(status: "scheduled", q: @search), class: @status == "scheduled" ? "active" : "" %>
-    <%= link_to "Running",   jobs_path(status: "claimed",   q: @search), class: @status == "claimed"   ? "active" : "" %>
-    <%= link_to "Blocked",   jobs_path(status: "blocked",   q: @search), class: @status == "blocked"   ? "active" : "" %>
-    <%= link_to "Failed",    jobs_path(status: "failed",    q: @search), class: @status == "failed"    ? "active" : "" %>
+    <%= link_to "Ready",     jobs_path(status: "ready",     q: @search, period: @period), class: @status == "ready"     ? "active" : "" %>
+    <%= link_to "Scheduled", jobs_path(status: "scheduled", q: @search, period: @period), class: @status == "scheduled" ? "active" : "" %>
+    <%= link_to "Running",   jobs_path(status: "claimed",   q: @search, period: @period), class: @status == "claimed"   ? "active" : "" %>
+    <%= 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? %>
     <div class="sqd-actions">
       <%= button_to "Discard All", discard_all_jobs_path,
             method: :post,
-            params: { status: @status },
+            params: { status: @status, period: @period },
             class: "sqd-btn sqd-btn--danger",
             data: { confirm: "Discard all #{@jobs.size} #{@status} jobs? This cannot be undone." } %>
     </div>
@@ -24,62 +24,129 @@
 
 <form class="sqd-search" action="<%= jobs_path %>" method="get" data-controller="search">
   <input type="hidden" name="status" value="<%= @status %>">
+  <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">
   <button type="submit" class="sqd-btn sqd-btn--muted">Search</button>
   <% if @search.present? %>
-    <%= link_to "Clear", jobs_path(status: @status), class: "sqd-btn sqd-btn--muted" %>
+    <%= link_to "Clear", jobs_path(status: @status, period: @period), class: "sqd-btn sqd-btn--muted" %>
   <% end %>
+  <div class="sqd-period-filter" role="group" aria-label="Time period">
+    <%= link_to "All", jobs_path(status: @status, q: @search),                       class: @period.nil?       ? "active" : "", aria: { current: @period.nil?       ? "true" : nil }, aria_label: "All time" %>
+    <%= link_to "1h",  jobs_path(status: @status, q: @search, period: "1h"),  class: @period == "1h"  ? "active" : "", aria: { current: @period == "1h"  ? "true" : nil }, aria_label: "Last 1 hour" %>
+    <%= link_to "24h", jobs_path(status: @status, q: @search, period: "24h"), class: @period == "24h" ? "active" : "", aria: { current: @period == "24h" ? "true" : nil }, aria_label: "Last 24 hours" %>
+    <%= link_to "7d",  jobs_path(status: @status, q: @search, period: "7d"),  class: @period == "7d"  ? "active" : "", aria: { current: @period == "7d"  ? "true" : nil }, aria_label: "Last 7 days" %>
+  </div>
 </form>
 
-<div class="sqd-card" id="jobs-list">
-  <% if @jobs.empty? %>
-    <div class="sqd-empty">No <%= @status %> jobs.</div>
-  <% else %>
-    <table>
-      <thead>
-        <tr>
-          <th scope="col">Job Class</th>
-          <th scope="col">Queue</th>
-          <th scope="col">Priority</th>
-          <th scope="col">Scheduled At</th>
-          <th scope="col">Enqueued At</th>
-          <% if discardable %><th scope="col"><span class="sqd-sr-only">Actions</span></th><% end %>
-        </tr>
-      </thead>
-      <tbody>
-        <% @jobs.each do |execution| %>
-          <% job = execution.job %>
-          <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" } %>
-            </td>
-            <td>
-              <%= link_to job.queue_name, queue_jobs_path(queue_name: job.queue_name, status: @status),
-                    class: "sqd-mono", style: "color: inherit;" %>
-            </td>
-            <td><%= job.priority %></td>
-            <td class="sqd-mono">
-              <%= 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 discardable %>
+<% if discardable && @jobs.any? %>
+  <div data-controller="selection">
+    <%= form_tag job_selection_path, method: :delete, id: "job-selection-form",
+          data: { turbo_confirm: "Discard selected jobs? This cannot be undone." } do %>
+      <%= hidden_field_tag :status, @status %>
+      <%= hidden_field_tag :period, @period %>
+    <% end %>
+
+    <div class="sqd-selection-bar" data-selection-target="bar" style="display: none;">
+      <span class="sqd-muted-text"><span data-selection-target="count">0</span> selected</span>
+      <button type="button" class="sqd-btn sqd-btn--danger sqd-btn--sm"
+              data-action="click->selection#submit"
+              data-selection-form-id-param="job-selection-form">Discard Selected</button>
+    </div>
+
+    <div class="sqd-card" id="jobs-list">
+      <table>
+        <thead>
+          <tr>
+            <th scope="col">
+              <input type="checkbox" data-selection-target="selectAll"
+                     data-action="change->selection#selectAll"
+                     aria-label="Select all jobs">
+            </th>
+            <th scope="col">Job Class</th>
+            <th scope="col">Queue</th>
+            <th scope="col">Priority</th>
+            <th scope="col">Scheduled At</th>
+            <th scope="col">Enqueued At</th>
+            <th scope="col"><span class="sqd-sr-only">Actions</span></th>
+          </tr>
+        </thead>
+        <tbody>
+          <% @jobs.each do |execution| %>
+            <% job = execution.job %>
+            <tr id="execution_<%= execution.id %>">
+              <td>
+                <input type="checkbox" value="<%= execution.id %>"
+                       data-selection-target="checkbox"
+                       data-action="change->selection#toggle"
+                       aria-label="Select job <%= job.class_name %>">
+              </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" } %>
+              </td>
+              <td>
+                <%= link_to job.queue_name, queue_jobs_path(queue_name: job.queue_name, status: @status),
+                      class: "sqd-mono", style: "color: inherit;" %>
+              </td>
+              <td><%= job.priority %></td>
+              <td class="sqd-mono">
+                <%= 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>
               <td class="sqd-row-actions">
                 <%= button_to "Discard", job_path(execution),
                       method: :delete,
-                      params: { status: @status },
+                      params: { status: @status, period: @period },
                       class: "sqd-btn sqd-btn--danger sqd-btn--sm",
                       data: { confirm: "Discard this job?" } %>
               </td>
-            <% end %>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+    </div>
+  </div>
+<% else %>
+  <div class="sqd-card" id="jobs-list">
+    <% if @jobs.empty? %>
+      <div class="sqd-empty">No <%= @status %> jobs.</div>
+    <% else %>
+      <table>
+        <thead>
+          <tr>
+            <th scope="col">Job Class</th>
+            <th scope="col">Queue</th>
+            <th scope="col">Priority</th>
+            <th scope="col">Scheduled At</th>
+            <th scope="col">Enqueued At</th>
           </tr>
-        <% end %>
-      </tbody>
-    </table>
-  <% end %>
-</div>
+        </thead>
+        <tbody>
+          <% @jobs.each do |execution| %>
+            <% job = execution.job %>
+            <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" } %>
+              </td>
+              <td>
+                <%= link_to job.queue_name, queue_jobs_path(queue_name: job.queue_name, status: @status),
+                      class: "sqd-mono", style: "color: inherit;" %>
+              </td>
+              <td><%= job.priority %></td>
+              <td class="sqd-mono">
+                <%= 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>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+    <% end %>
+  </div>
+<% end %>
 
 <% if @pagy.last > 1 %>
   <%= @pagy.series_nav.html_safe %>

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

@@ -1,3 +1,4 @@
+<%= turbo_frame_tag "processes", target: "_top", data: { controller: "refresh", refresh_interval_value: 10000 } do %>
 <h1 class="sqd-page-title">Processes</h1>
 
 <div class="sqd-card">
@@ -51,4 +52,5 @@
       </tbody>
     </table>
   <% end %>
-</div>
+</div>
+<% end %>

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

@@ -0,0 +1,64 @@
+<h1 class="sqd-page-title" style="margin-bottom: 1.5rem;">Search Jobs</h1>
+
+<datalist id="job-class-list">
+  <% @job_classes.each do |klass| %>
+    <option value="<%= klass %>">
+  <% end %>
+</datalist>
+
+<form class="sqd-search sqd-search--global" action="<%= search_path %>" method="get" data-controller="search">
+  <input class="sqd-search__input sqd-search__input--lg" type="search" name="q"
+         value="<%= @query %>" placeholder="Search by job class name…"
+         list="job-class-list" autocomplete="off"
+         aria-label="Search all jobs by class name"
+         data-action="change->search#select">
+  <% if @query.present? %>
+    <%= link_to "Clear", search_path, class: "sqd-btn sqd-btn--muted" %>
+  <% end %>
+</form>
+
+<% if @query.present? %>
+  <% if @results.empty? %>
+    <div class="sqd-empty" style="margin-top: 1rem;">No jobs found matching &ldquo;<%= @query %>&rdquo;.</div>
+  <% else %>
+    <% @results.each do |status, data| %>
+      <div class="sqd-search-group">
+        <div class="sqd-search-group__header">
+          <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 %>
+            <% end %>
+          </span>
+          <% if status == "failed" %>
+            <%= link_to "View all →", failed_jobs_path(q: @query), class: "sqd-btn sqd-btn--muted sqd-btn--sm" %>
+          <% else %>
+            <%= link_to "View all →", jobs_path(status: status, q: @query), class: "sqd-btn sqd-btn--muted sqd-btn--sm" %>
+          <% end %>
+        </div>
+        <div class="sqd-card">
+          <table>
+            <thead>
+              <tr>
+                <th scope="col">Job Class</th>
+                <th scope="col">Queue</th>
+                <th scope="col">Enqueued At</th>
+              </tr>
+            </thead>
+            <tbody>
+              <% data[:executions].each do |execution| %>
+                <% job = execution.job %>
+                <tr>
+                  <td><%= link_to job.class_name, job_path(job) %></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>
+              <% end %>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    <% end %>
+  <% end %>
+<% end %>

data/config/importmap.rb

@@ -1,2 +1,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"

data/config/routes.rb

@@ -1,6 +1,8 @@
 SolidQueueWeb::Engine.routes.draw do
   root to: "dashboard#index"
 
+  get "search", to: "search#index", as: :search
+
   resources :recurring_tasks, only: [ :index ]
   resources :processes, only: [ :index ]
   resources :queues, only: [ :index ], param: :name do
@@ -14,11 +16,18 @@ SolidQueueWeb::Engine.routes.draw do
       end
     end
   end
+
+  # Singular selection resources must be defined before the member routes of their
+  # parent resources, otherwise DELETE /list/selection matches /list/:id first.
+  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
     end
   end
+
+  resource :failed_job_selection, path: "failed_jobs/selection", only: [ :create, :destroy ],
+           controller: "failed_jobs/selections"
   resources :failed_jobs, only: [ :index, :destroy ] do
     collection do
       post :retry_all

data/lib/solid_queue_web/version.rb

@@ -1,3 +1,3 @@
 module SolidQueueWeb
-  VERSION = "0.5.5"
+  VERSION = "0.6.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: solid_queue_web
 version: !ruby/object:Gem::Version
-  version: 0.5.5
+  version: 0.6.0
 platform: ruby
 authors:
 - Chuck Smith
@@ -94,15 +94,20 @@ files:
 - app/assets/stylesheets/solid_queue_web/application.css
 - app/controllers/solid_queue_web/application_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
+- app/controllers/solid_queue_web/jobs/selections_controller.rb
 - 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_controller.rb
 - app/controllers/solid_queue_web/recurring_tasks_controller.rb
+- app/controllers/solid_queue_web/search_controller.rb
 - app/helpers/solid_queue_web/application_helper.rb
 - app/javascript/solid_queue_web/application.js
+- app/javascript/solid_queue_web/refresh_controller.js
 - app/javascript/solid_queue_web/search_controller.js
+- app/javascript/solid_queue_web/selection_controller.js
 - app/jobs/solid_queue_web/application_job.rb
 - app/models/solid_queue_web/application_record.rb
 - app/models/solid_queue_web/job.rb
@@ -117,6 +122,7 @@ files:
 - app/views/solid_queue_web/queues/jobs/destroy.turbo_stream.erb
 - app/views/solid_queue_web/queues/jobs/index.html.erb
 - app/views/solid_queue_web/recurring_tasks/index.html.erb
+- app/views/solid_queue_web/search/index.html.erb
 - config/importmap.rb
 - config/routes.rb
 - lib/solid_queue_web.rb