solid_stack_web 0.1.0 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9ff5e759d441ff203317f09e35d4e9fb6876f81b544d4b075093c3d2cf397293
-  data.tar.gz: 9be02459700b7da623c939241ffc49e0147a4a460fb68f85f0ff3d63b10cea7f
+  metadata.gz: 0adcafbdcb32ea6e96f982efc8d44502ea31e75e9f25138558ba58a8952719c8
+  data.tar.gz: a0e5b5695d620e4d616535e5f7b394df10c756ee712584a7de7c7ef489ded759
 SHA512:
-  metadata.gz: 8dcdb3c9445a05628849c51d6081b5a3f399249b690da8a254583e134b0d761b04a9d9228818614d1b0239d4226648cec75efd8da6c7b8a990f0832df57730a4
-  data.tar.gz: ea5a60256af380188021c58aeeab6ab7e58c8eea3bd5aaf9ff03c3306d763cebb667fef58482e09fc1ee677894b110f03ed6cadb989bc254b6cb73d997909a52
+  metadata.gz: 42c74a1cbc74acf3485ce0649e7f894bbbc1fdb4172037dbac4edb6e6805c8571c3731efb5acaa774763ae979ae8bb632e81e16f7f36e51faed447c8eb3bd81d
+  data.tar.gz: e35fb81b13d2f4cfa2d43f2e9ee223ef32c9605a69c98cf38e94f193d037f284efae651922ace035e04ad0ac1129361825345d5a64b97d91809caad1201351b9

data/README.md

@@ -9,8 +9,9 @@ A mountable Rails engine that provides a unified web dashboard for the full [Sol
 
 ## Features
 
-- **Overview dashboard** with live counts across all three Solid Stack components
-- **Solid Queue** — browse jobs by status (ready, scheduled, claimed, blocked), manage failed jobs (retry / discard), pause/resume queues, and inspect worker processes
+- **Overview dashboard** with live counts across all three Solid Stack components; cards are clickable and link directly to each section
+- **Solid Queue** — browse jobs by status (ready, scheduled, claimed, blocked) with filtering by job class, queue name, priority, and time period; manage failed jobs (retry / discard / bulk retry / bulk discard), pause/resume queues, and inspect worker processes; **Bulk selection** checkbox-selects individual jobs for discard or retry; **Discard All** bulk-discards every job matching the current filters in one request; **CSV export** downloads jobs or failed jobs as a CSV file respecting active filters
+- **Job detail page** — drill into any job to see full arguments (pretty-printed JSON), queue, priority, enqueued time, Active Job ID, concurrency key, scheduled/blocked-until metadata, and a Discard button
 - **Solid Cache** — entry count and total byte size at a glance
 - **Solid Cable** — active message count and distinct channel count
 - **Turbo Stream** job discard — removes the row inline without a full page reload
@@ -56,6 +57,19 @@ SolidStackWeb.configure do |config|
 end
 ```
 
+### Job Filtering
+
+The jobs list supports four independent filters, all driven by query params:
+
+| Param | Description |
+|-------|-------------|
+| `q` | Substring match against the job class name (e.g. `q=Report`) |
+| `queue` | Exact queue name match; select appears only when multiple queues exist |
+| `priority` | Exact priority value match; select appears only when multiple priorities exist |
+| `period` | Enqueued-at window — `1h`, `24h`, `7d`, or omit for all time |
+
+Filters are preserved when switching between status tabs (Ready / Scheduled / Running / Blocked) and when discarding a job. They can be combined freely.
+
 ### Authentication
 
 The `authenticate` block is evaluated in the context of each request's controller instance, so any helper method available to controllers (e.g. `current_user` from Devise) works directly. If the block returns `false` or `nil`, the engine falls back to HTTP Basic authentication. If no `authenticate` block is configured, the dashboard is open.
@@ -67,6 +81,7 @@ The `authenticate` block is evaluated in the context of each request's controlle
 - [solid_queue](https://github.com/rails/solid_queue) >= 1.0
 - [solid_cache](https://github.com/rails/solid_cache) >= 1.0
 - [solid_cable](https://github.com/rails/solid_cable) >= 1.0
+- [turbo-rails](https://github.com/hotwired/turbo-rails) >= 2.0
 
 ## Contributing
 

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

@@ -28,6 +28,7 @@
 .sqw-table tbody tr:hover { background: #f9fafb; }
 
 .sqw-actions { text-align: right; white-space: nowrap; }
+.sqw-actions form { display: inline; }
 
 .sqw-empty {
   background: var(--surface);

data/app/assets/stylesheets/solid_stack_web/_07_dashboard.css

@@ -12,7 +12,10 @@
   border-radius: var(--radius);
   box-shadow: var(--shadow);
   overflow: hidden;
+  position: relative;
+  transition: box-shadow 0.15s;
 }
+.sqw-gem-card:hover { box-shadow: 0 3px 8px rgba(0,0,0,.12); }
 
 .sqw-gem-card--queue { border-top-color: var(--primary); }
 .sqw-gem-card--cache { border-top-color: var(--purple); }
@@ -41,6 +44,16 @@
 }
 .sqw-gem-card__link:hover { color: var(--primary); text-decoration: none; }
 
+/* Stretch the header link to cover the whole card */
+.sqw-gem-card__link::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+}
+
+/* Stat links and other interactive elements sit above the overlay */
+.sqw-inline-stat { position: relative; z-index: 1; }
+
 .sqw-gem-card__body {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));

data/app/assets/stylesheets/solid_stack_web/_08_filters.css

@@ -0,0 +1,59 @@
+.sqw-filters {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+  margin-bottom: 1rem;
+}
+
+.sqw-search-input {
+  padding: 0.35rem 0.75rem;
+  font-size: 13px;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  background: var(--surface);
+  color: var(--text);
+  min-width: 200px;
+}
+.sqw-search-input:focus {
+  outline: 2px solid var(--primary);
+  outline-offset: -1px;
+}
+
+.sqw-select {
+  padding: 0.35rem 0.6rem;
+  font-size: 13px;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  background: var(--surface);
+  color: var(--text);
+  cursor: pointer;
+}
+
+.sqw-period-filter {
+  display: flex;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  overflow: hidden;
+  margin-left: auto;
+}
+
+.sqw-period-btn {
+  padding: 0.35rem 0.65rem;
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--muted);
+  background: var(--surface);
+}
+.sqw-period-btn + .sqw-period-btn {
+  border-left: 1px solid var(--border);
+}
+.sqw-period-btn:hover:not(.sqw-period-btn--active) {
+  background: var(--bg);
+  color: var(--text);
+  text-decoration: none;
+}
+.sqw-period-btn--active {
+  background: var(--primary);
+  color: #fff;
+}

data/app/assets/stylesheets/solid_stack_web/_09_detail.css

@@ -0,0 +1,85 @@
+.sqw-detail-card {
+  background: var(--surface);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  box-shadow: var(--shadow);
+  overflow: hidden;
+}
+
+.sqw-breadcrumb {
+  font-size: 12px;
+  color: var(--muted);
+  margin-bottom: 0.25rem;
+}
+.sqw-breadcrumb a { color: var(--muted); text-decoration: none; }
+.sqw-breadcrumb a:hover { color: var(--text); }
+
+.sqw-page-header--split {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.sqw-detail-actions,
+.sqw-header-actions {
+  display: flex;
+  gap: 0.5rem;
+}
+
+/* Two-column detail layout: Details card | Arguments card */
+.sqw-detail-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 1.5rem;
+}
+
+.sqw-detail-section {
+  padding: 1.25rem;
+}
+
+.sqw-section-title {
+  font-size: 13px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: .05em;
+  color: var(--muted);
+  margin-bottom: 0.75rem;
+}
+
+/* Definition list — dt naturally sized, dd takes the rest */
+.sqw-dl {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  gap: 0.5rem 1.5rem;
+  font-size: 13px;
+}
+.sqw-dl dt { color: var(--muted); white-space: nowrap; }
+.sqw-dl dd { word-break: break-all; }
+
+.sqw-code-block {
+  font-family: ui-monospace, "SFMono-Regular", Menlo, monospace;
+  font-size: 12px;
+  background: var(--bg);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 0.75rem;
+  overflow-x: auto;
+  white-space: pre-wrap;
+  word-break: break-word;
+  max-height: 400px;
+  overflow-y: auto;
+}
+
+.sqw-code-input {
+  font-family: ui-monospace, "SFMono-Regular", Menlo, monospace;
+  font-size: 12px;
+  background: var(--bg);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 0.75rem;
+  width: 100%;
+  resize: vertical;
+  color: var(--text);
+  line-height: 1.5;
+  box-sizing: border-box;
+}

data/app/controllers/solid_stack_web/application_controller.rb

@@ -1,7 +1,11 @@
+require "csv"
+
 module SolidStackWeb
   class ApplicationController < ActionController::Base
     include Pagy::Method
 
+    PERIOD_DURATIONS = { "1h" => 1.hour, "24h" => 24.hours, "7d" => 7.days }.freeze
+
     before_action :authenticate!
     around_action :with_database_connection
 

data/app/controllers/solid_stack_web/failed_jobs/arguments_controller.rb

@@ -0,0 +1,17 @@
+module SolidStackWeb
+  module FailedJobs
+    class ArgumentsController < ApplicationController
+      def update
+        @execution = SolidQueue::FailedExecution.includes(:job).find(params[:failed_job_id])
+        new_arguments = JSON.parse(params[:arguments])
+        @execution.job.update!(arguments: new_arguments)
+        @execution.retry
+        redirect_to failed_jobs_path, notice: "Arguments updated and job queued for retry."
+      rescue JSON::ParserError
+        redirect_to failed_job_path(@execution), alert: "Invalid JSON — arguments were not saved."
+      rescue => e
+        redirect_to failed_jobs_path, alert: "Could not update job: #{e.message}"
+      end
+    end
+  end
+end

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

@@ -0,0 +1,22 @@
+module SolidStackWeb
+  module FailedJobs
+    class SelectionsController < ApplicationController
+      def create
+        ids = Array(params[:job_ids]).map(&:to_i).reject(&:zero?)
+        SolidQueue::FailedExecution.where(id: ids).each(&:retry)
+        redirect_to failed_jobs_path
+      rescue => e
+        redirect_to failed_jobs_path, alert: "Could not retry jobs: #{e.message}"
+      end
+
+      def destroy
+        ids     = Array(params[:job_ids]).map(&:to_i).reject(&:zero?)
+        job_ids = SolidQueue::FailedExecution.where(id: ids).pluck(:job_id)
+        SolidQueue::Job.where(id: job_ids).destroy_all
+        redirect_to failed_jobs_path
+      rescue => e
+        redirect_to failed_jobs_path, alert: "Could not discard jobs: #{e.message}"
+      end
+    end
+  end
+end

data/app/controllers/solid_stack_web/failed_jobs_controller.rb

@@ -1,13 +1,29 @@
 module SolidStackWeb
   class FailedJobsController < ApplicationController
     def index
-      scope = ::SolidQueue::FailedExecution.includes(:job).order(created_at: :desc)
-      @pagy, @executions = pagy(scope)
+      respond_to do |format|
+        format.html do
+          scope = ::SolidQueue::FailedExecution.includes(:job).order(created_at: :desc)
+          @pagy, @executions = pagy(scope)
+        end
+        format.csv do
+          send_data failed_jobs_csv,
+                    filename: "failed-jobs-#{Date.today}.csv",
+                    type: "text/csv", disposition: "attachment"
+        end
+      end
+    end
+
+    def show
+      @execution = ::SolidQueue::FailedExecution.includes(:job).find(params[:id])
+      @arguments = JSON.pretty_generate(@execution.job.arguments) if @execution.job.arguments.present?
+    rescue JSON::GeneratorError
+      @arguments = @execution.job.arguments.to_s
     end
 
     def destroy
-      execution = ::SolidQueue::FailedExecution.find(params[:id])
-      execution.job.destroy!
+      @execution = ::SolidQueue::FailedExecution.find(params[:id])
+      @execution.job.destroy!
       @executions_remain = ::SolidQueue::FailedExecution.exists?
 
       respond_to do |format|
@@ -21,5 +37,20 @@ module SolidStackWeb
       execution.retry
       redirect_to failed_jobs_path
     end
+
+    private
+
+    def failed_jobs_csv
+      CSV.generate(headers: true) do |csv|
+        csv << %w[id class_name queue_name error_class error_message failed_at]
+        ::SolidQueue::FailedExecution.includes(:job).order(created_at: :desc).each do |execution|
+          job   = execution.job
+          error = execution.error || {}
+          csv << [job.id, job.class_name, job.queue_name,
+                  error["exception_class"], error["message"],
+                  execution.created_at.iso8601]
+        end
+      end
+    end
   end
 end

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

@@ -0,0 +1,24 @@
+module SolidStackWeb
+  module Jobs
+    class SelectionsController < ApplicationController
+      def destroy
+        status = params[:status].presence_in(Job::STATUSES) || "ready"
+        raise ArgumentError, "Cannot discard #{status} jobs." unless Job::DISCARDABLE.include?(status)
+
+        ids     = Array(params[:job_ids]).map(&:to_i).reject(&:zero?)
+        job_ids = Job::EXECUTION_MODELS[status].where(id: ids).pluck(:job_id)
+        SolidQueue::Job.where(id: job_ids).destroy_all
+
+        redirect_to jobs_path(
+          status: status,
+          q:        params[:q].presence,
+          queue:    params[:queue].presence,
+          period:   params[:period].presence_in(PERIOD_DURATIONS.keys),
+          priority: params[:priority].presence
+        )
+      rescue ArgumentError => e
+        redirect_to jobs_path(status: params[:status]), alert: e.message
+      end
+    end
+  end
+end

data/app/controllers/solid_stack_web/jobs_controller.rb

@@ -1,42 +1,81 @@
 module SolidStackWeb
   class JobsController < ApplicationController
-    EXECUTION_MODELS = {
-      "ready"     => ::SolidQueue::ReadyExecution,
-      "scheduled" => ::SolidQueue::ScheduledExecution,
-      "claimed"   => ::SolidQueue::ClaimedExecution,
-      "blocked"   => ::SolidQueue::BlockedExecution
-    }.freeze
-
-    DISCARDABLE = %w[ready scheduled blocked].freeze
-
     before_action :set_status
-    before_action :require_discardable, only: :destroy
+    before_action :set_filters, only: [:index, :destroy]
+    before_action :require_discardable, only: [:destroy]
 
     def index
-      scope = EXECUTION_MODELS[@status].includes(:job).order(created_at: :desc)
-      @pagy, @executions = pagy(scope)
+      @queue_options    = Job::EXECUTION_MODELS[@status].joins(:job).distinct.pluck("solid_queue_jobs.queue_name").sort
+      @priority_options = Job::EXECUTION_MODELS[@status].joins(:job).distinct.pluck("solid_queue_jobs.priority").sort
+
+      respond_to do |format|
+        format.html { @pagy, @executions = pagy(filtered_scope) }
+        format.csv do
+          send_data jobs_csv,
+                    filename: "jobs-#{@status}-#{Date.today}.csv",
+                    type: "text/csv", disposition: "attachment"
+        end
+      end
+    end
+
+    def show
+      @execution = Job::EXECUTION_MODELS[@status].includes(:job).find(params[:id])
+      @arguments = JSON.parse(@execution.job.arguments) if @execution.job.arguments.present?
+    rescue JSON::ParserError
+      @arguments = nil
     end
 
     def destroy
-      model     = EXECUTION_MODELS[@status]
-      execution = model.find(params[:id])
-      execution.job.destroy!
-      @executions_remain = model.exists?
+      if params[:id]
+        @execution = Job::EXECUTION_MODELS[@status].find(params[:id])
+        @execution.job.destroy!
+        @executions_remain = Job::EXECUTION_MODELS[@status].exists?
 
-      respond_to do |format|
-        format.html { redirect_to jobs_path(status: @status) }
-        format.turbo_stream
+        respond_to do |format|
+          format.html { redirect_to jobs_path(status: @status, q: @search, queue: @queue, period: @period, priority: @priority) }
+          format.turbo_stream
+        end
+      else
+        job_ids = filtered_scope.pluck(:job_id)
+        SolidQueue::Job.where(id: job_ids).destroy_all
+        redirect_to jobs_path(status: @status, q: @search, queue: @queue, period: @period, priority: @priority)
       end
     end
 
     private
 
     def set_status
-      @status = params[:status].presence_in(EXECUTION_MODELS.keys) || "ready"
+      @status = params[:status].presence_in(Job::STATUSES) || "ready"
+    end
+
+    def set_filters
+      @search   = params[:q].presence
+      @queue    = params[:queue].presence
+      @period   = params[:period].presence_in(PERIOD_DURATIONS.keys)
+      @priority = params[:priority].presence
     end
 
     def require_discardable
-      head :unprocessable_entity unless DISCARDABLE.include?(@status)
+      head :unprocessable_content unless Job::DISCARDABLE.include?(@status)
+    end
+
+    def jobs_csv
+      CSV.generate(headers: true) do |csv|
+        csv << %w[id class_name queue_name status priority enqueued_at]
+        filtered_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 filtered_scope
+      scope = Job::EXECUTION_MODELS[@status].includes(:job).order(created_at: :desc)
+      scope = scope.references(:job).where("solid_queue_jobs.class_name LIKE ?", "%#{@search}%") if @search.present?
+      scope = scope.references(:job).where("solid_queue_jobs.queue_name = ?", @queue)             if @queue.present?
+      scope = scope.references(:job).where("solid_queue_jobs.created_at >= ?", PERIOD_DURATIONS[@period].ago) if @period.present?
+      scope = scope.references(:job).where("solid_queue_jobs.priority = ?", @priority.to_i)       if @priority.present?
+      scope
     end
   end
 end

data/app/javascript/solid_stack_web/application.js

@@ -0,0 +1,6 @@
+import "@hotwired/turbo"
+import { Application } from "@hotwired/stimulus"
+import SelectionController from "solid_stack_web/selection_controller"
+
+const application = Application.start()
+application.register("selection", SelectionController)

data/app/javascript/solid_stack_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 = "job_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/models/solid_stack_web/job.rb

@@ -0,0 +1,21 @@
+module SolidStackWeb
+  class Job
+    STATUSES = %w[ready scheduled claimed blocked].freeze
+
+    EXECUTION_MODELS = {
+      "ready"     => SolidQueue::ReadyExecution,
+      "scheduled" => SolidQueue::ScheduledExecution,
+      "claimed"   => SolidQueue::ClaimedExecution,
+      "blocked"   => SolidQueue::BlockedExecution
+    }.freeze
+
+    DISCARDABLE = %w[ready scheduled blocked].freeze
+
+    TAB_LABELS = {
+      "ready"     => "Ready",
+      "scheduled" => "Scheduled",
+      "claimed"   => "Running",
+      "blocked"   => "Blocked"
+    }.freeze
+  end
+end

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

@@ -7,6 +7,7 @@
   <%= csrf_meta_tags %>
   <%= csp_meta_tag %>
   <%= inline_styles %>
+  <%= javascript_importmap_tags "solid_stack_web" %>
 </head>
 <body>
   <header class="sqw-header">

data/app/views/solid_stack_web/failed_jobs/destroy.turbo_stream.erb

@@ -0,0 +1,9 @@
+<% if @executions_remain %>
+  <%= turbo_stream.remove "execution_#{@execution.id}" %>
+<% else %>
+  <%= turbo_stream.replace "sqw-jobs-table" do %>
+    <div class="sqw-empty">
+      <p>No failed jobs.</p>
+    </div>
+  <% end %>
+<% end %>

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

@@ -1,41 +1,72 @@
-<div class="sqw-page-header">
+<div class="sqw-page-header sqw-page-header--split">
   <h1 class="sqw-page-title">Failed Jobs</h1>
+  <div class="sqw-header-actions">
+    <%= link_to "Export CSV", failed_jobs_path(format: :csv),
+          class: "sqw-btn sqw-btn--muted sqw-btn--sm", data: { turbo: false } %>
+  </div>
 </div>
 
 <div id="sqw-jobs-table">
   <% if @executions.any? %>
-    <table class="sqw-table">
-      <thead>
-        <tr>
-          <th>Job Class</th>
-          <th>Queue</th>
-          <th>Error</th>
-          <th>Failed At</th>
-          <th></th>
-        </tr>
-      </thead>
-      <tbody>
-        <% @executions.each do |execution| %>
-          <tr id="execution_<%= execution.id %>">
-            <td class="sqw-monospace"><%= execution.job.class_name %></td>
-            <td><span class="sqw-badge sqw-badge--queue"><%= execution.job.queue_name %></span></td>
-            <td class="sqw-muted sqw-truncate"><%= execution.error&.lines&.first&.strip %></td>
-            <td class="sqw-muted"><%= execution.created_at.strftime("%b %d %H:%M") %></td>
-            <td class="sqw-actions">
-              <%= button_to "Retry", retry_failed_job_path(execution),
-                    method: :post, class: "sqw-btn sqw-btn--sm" %>
-              <%= button_to "Discard", failed_job_path(execution),
-                    method: :delete, class: "sqw-btn sqw-btn--danger sqw-btn--sm",
-                    data: { turbo_confirm: "Discard this job?" } %>
-            </td>
+    <div data-controller="selection">
+      <%= form_with url: failed_job_selection_path, method: :post, id: "retry-selection-form" do |f| %>
+      <% end %>
+
+      <%= form_with url: failed_job_selection_path, method: :delete, id: "discard-selection-form",
+            data: { turbo_confirm: "Discard selected failed jobs? This cannot be undone." } do |f| %>
+      <% end %>
+
+      <div class="sqw-selection-bar" data-selection-target="bar" style="display: none;">
+        <span class="sqw-muted"><span data-selection-target="count">0</span> selected</span>
+        <button type="button" class="sqw-btn sqw-btn--sm"
+                data-action="click->selection#submit"
+                data-selection-form-id-param="retry-selection-form">Retry Selected</button>
+        <button type="button" class="sqw-btn sqw-btn--danger sqw-btn--sm"
+                data-action="click->selection#submit"
+                data-selection-form-id-param="discard-selection-form">Discard Selected</button>
+      </div>
+
+      <table class="sqw-table">
+        <thead>
+          <tr>
+            <th><input type="checkbox" class="sqw-checkbox" aria-label="Select all"
+                       data-selection-target="selectAll"
+                       data-action="change->selection#selectAll"></th>
+            <th>Job Class</th>
+            <th>Queue</th>
+            <th>Error</th>
+            <th>Failed At</th>
+            <th></th>
           </tr>
-        <% end %>
-      </tbody>
-    </table>
-    <%== pagy_nav(@pagy) if @pagy.pages > 1 %>
+        </thead>
+        <tbody>
+          <% @executions.each do |execution| %>
+            <tr id="execution_<%= execution.id %>">
+              <td><input type="checkbox" value="<%= execution.id %>"
+                         class="sqw-checkbox"
+                         aria-label="Select <%= execution.job.class_name %>"
+                         data-selection-target="checkbox"
+                         data-action="change->selection#toggle"></td>
+              <td class="sqw-monospace"><%= link_to execution.job.class_name, failed_job_path(execution) %></td>
+              <td><span class="sqw-badge sqw-badge--queue"><%= execution.job.queue_name %></span></td>
+              <td class="sqw-muted sqw-truncate" title="<%= execution.exception_class %>: <%= execution.message %>"><%= execution.exception_class %></td>
+              <td class="sqw-muted"><%= execution.created_at.strftime("%b %d %H:%M") %></td>
+              <td class="sqw-actions">
+                <%= button_to "Retry", retry_failed_job_path(execution),
+                      method: :post, class: "sqw-btn sqw-btn--sm" %>
+                <%= button_to "Discard", failed_job_path(execution),
+                      method: :delete, class: "sqw-btn sqw-btn--danger sqw-btn--sm",
+                      data: { turbo_confirm: "Discard this job?" } %>
+              </td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+      <%== pagy_nav(@pagy) if @pagy.pages > 1 %>
+    </div>
   <% else %>
     <div class="sqw-empty">
       <p>No failed jobs.</p>
     </div>
   <% end %>
-</div>
+</div>

data/app/views/solid_stack_web/failed_jobs/show.html.erb

@@ -0,0 +1,58 @@
+<div class="sqw-page-header sqw-page-header--split">
+  <div>
+    <div class="sqw-breadcrumb">
+      <%= link_to "Failed Jobs", failed_jobs_path %> &rsaquo; Detail
+    </div>
+    <h1 class="sqw-page-title sqw-monospace"><%= @execution.job.class_name %></h1>
+  </div>
+
+  <div class="sqw-detail-actions">
+    <%= button_to "Retry", retry_failed_job_path(@execution),
+          method: :post, class: "sqw-btn sqw-btn--sm" %>
+    <%= button_to "Discard", failed_job_path(@execution),
+          method: :delete, class: "sqw-btn sqw-btn--danger",
+          data: { turbo_confirm: "Discard this job?" } %>
+  </div>
+</div>
+
+<div class="sqw-detail-grid">
+  <div class="sqw-detail-card sqw-detail-section">
+    <h2 class="sqw-section-title">Details</h2>
+    <dl class="sqw-dl">
+      <dt>Queue</dt>
+      <dd class="sqw-monospace"><%= @execution.job.queue_name %></dd>
+
+      <dt>Priority</dt>
+      <dd><%= @execution.job.priority %></dd>
+
+      <dt>Active Job ID</dt>
+      <dd class="sqw-monospace sqw-truncate" title="<%= @execution.job.active_job_id %>"><%= @execution.job.active_job_id.presence || "—" %></dd>
+
+      <dt>Failed At</dt>
+      <dd class="sqw-monospace"><%= @execution.created_at.strftime("%Y-%m-%d %H:%M:%S UTC") %></dd>
+
+      <dt>Error</dt>
+      <dd class="sqw-monospace"><%= @execution.exception_class %></dd>
+
+      <dt>Message</dt>
+      <dd class="sqw-muted"><%= @execution.message %></dd>
+    </dl>
+  </div>
+
+  <div class="sqw-detail-card sqw-detail-section">
+    <h2 class="sqw-section-title">Backtrace</h2>
+    <pre class="sqw-code-block"><%= Array(@execution.backtrace).first(10).join("\n").presence || "—" %></pre>
+  </div>
+</div>
+
+<div class="sqw-detail-card sqw-detail-section" style="margin-top: 1.5rem;">
+  <h2 class="sqw-section-title">Arguments</h2>
+  <%= form_with url: failed_job_arguments_path(@execution), method: :patch do |f| %>
+    <%= f.text_area :arguments, value: @arguments, rows: 12,
+          class: "sqw-code-input", aria: { label: "Job arguments JSON" },
+          spellcheck: false %>
+    <div style="margin-top: 0.75rem;">
+      <%= f.submit "Update &amp; Retry".html_safe, class: "sqw-btn sqw-btn--sm" %>
+    </div>
+  <% end %>
+</div>

data/app/views/solid_stack_web/jobs/destroy.turbo_stream.erb

@@ -1,7 +1,7 @@
 <% if @executions_remain %>
-  <%= turbo_stream.remove "execution_#{params[:id]}" %>
+  <%= turbo_stream.remove "execution_#{@execution.id}" %>
 <% else %>
   <%= turbo_stream.replace "sqw-jobs-table" do %>
     <%= render "empty" %>
   <% end %>
-<% end %>
+<% end %>

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

@@ -1,50 +1,133 @@
-<div class="sqw-page-header">
+<div class="sqw-page-header sqw-page-header--split">
   <h1 class="sqw-page-title">Jobs</h1>
+  <div class="sqw-header-actions">
+    <%= link_to "Export CSV", jobs_path(format: :csv, status: @status, q: @search, queue: @queue, period: @period, priority: @priority),
+          class: "sqw-btn sqw-btn--muted sqw-btn--sm", data: { turbo: false } %>
+    <% if SolidStackWeb::Job::DISCARDABLE.include?(@status) && @executions&.any? %>
+      <%= button_to "Discard All (#{@pagy.count})",
+            discard_all_jobs_path(status: @status, q: @search, queue: @queue, period: @period, priority: @priority),
+            method: :post,
+            class: "sqw-btn sqw-btn--danger sqw-btn--sm",
+            data: { turbo_confirm: "Discard all #{@pagy.count} jobs? This cannot be undone.",
+                    turbo_frame: "_top" } %>
+    <% end %>
+  </div>
 </div>
 
 <div class="sqw-tabs">
-  <% [["ready", "Ready"], ["scheduled", "Scheduled"], ["claimed", "Running"], ["blocked", "Blocked"]].each do |status, label| %>
-    <%= link_to label, jobs_path(status: status),
+  <% SolidStackWeb::Job::TAB_LABELS.each do |status, label| %>
+    <%= link_to label, jobs_path(status: status, q: @search, queue: @queue, period: @period, priority: @priority),
           class: "sqw-tab #{"sqw-tab--active" if @status == status}" %>
   <% end %>
 </div>
 
+<turbo-frame id="sqw-jobs-filter" data-turbo-action="advance">
+<form class="sqw-filters" action="<%= jobs_path %>" method="get">
+  <%= hidden_field_tag :status, @status %>
+  <%= hidden_field_tag :period, @period %>
+  <input class="sqw-search-input" type="search" name="q" value="<%= @search %>"
+         placeholder="Filter by job class…" autocomplete="off" aria-label="Filter by job class">
+  <% if @queue_options.size > 1 %>
+    <select name="queue" class="sqw-select" aria-label="Filter by queue" onchange="this.form.requestSubmit()">
+      <option value="">All queues</option>
+      <% @queue_options.each do |q| %>
+        <option value="<%= q %>" <%= "selected" if @queue == q %>><%= q %></option>
+      <% end %>
+    </select>
+  <% end %>
+  <% if @priority_options.size > 1 %>
+    <select name="priority" class="sqw-select" aria-label="Filter by priority" onchange="this.form.requestSubmit()">
+      <option value="">All priorities</option>
+      <% @priority_options.each do |p| %>
+        <option value="<%= p %>" <%= "selected" if @priority.to_s == p.to_s %>>Priority <%= p %></option>
+      <% end %>
+    </select>
+  <% end %>
+  <button type="submit" class="sqw-btn sqw-btn--muted sqw-btn--sm">Search</button>
+  <% if @search.present? || @queue.present? || @priority.present? %>
+    <%= link_to "Clear", jobs_path(status: @status, period: @period), class: "sqw-btn sqw-btn--muted sqw-btn--sm" %>
+  <% end %>
+  <div class="sqw-period-filter" role="group" aria-label="Time period">
+    <%= link_to "All", jobs_path(status: @status, q: @search, queue: @queue, priority: @priority),
+          class: "sqw-period-btn #{"sqw-period-btn--active" if @period.nil?}" %>
+    <%= link_to "1h",  jobs_path(status: @status, q: @search, queue: @queue, priority: @priority, period: "1h"),
+          class: "sqw-period-btn #{"sqw-period-btn--active" if @period == "1h"}" %>
+    <%= link_to "24h", jobs_path(status: @status, q: @search, queue: @queue, priority: @priority, period: "24h"),
+          class: "sqw-period-btn #{"sqw-period-btn--active" if @period == "24h"}" %>
+    <%= link_to "7d",  jobs_path(status: @status, q: @search, queue: @queue, priority: @priority, period: "7d"),
+          class: "sqw-period-btn #{"sqw-period-btn--active" if @period == "7d"}" %>
+  </div>
+</form>
+
 <div id="sqw-jobs-table">
   <% if @executions.any? %>
-    <table class="sqw-table">
-      <thead>
-        <tr>
-          <th>Job Class</th>
-          <th>Queue</th>
-          <th>Priority</th>
-          <th>Enqueued At</th>
-          <% if @status == "scheduled" %><th>Scheduled At</th><% end %>
-          <th></th>
-        </tr>
-      </thead>
-      <tbody>
-        <% @executions.each do |execution| %>
-          <tr id="execution_<%= execution.id %>">
-            <td class="sqw-monospace"><%= execution.job.class_name %></td>
-            <td><span class="sqw-badge sqw-badge--queue"><%= execution.job.queue_name %></span></td>
-            <td><%= execution.job.priority %></td>
-            <td class="sqw-muted"><%= execution.created_at.strftime("%b %d %H:%M") %></td>
-            <% if @status == "scheduled" %>
-              <td class="sqw-muted"><%= execution.scheduled_at&.strftime("%b %d %H:%M") %></td>
+    <div data-controller="<%= "selection" if SolidStackWeb::Job::DISCARDABLE.include?(@status) %>">
+      <% if SolidStackWeb::Job::DISCARDABLE.include?(@status) %>
+        <%= form_with url: job_selection_path, method: :delete, id: "job-selection-form",
+              data: { turbo_confirm: "Discard selected jobs? This cannot be undone." } do |f| %>
+          <%= f.hidden_field :status, value: @status %>
+          <%= f.hidden_field :q,      value: @search %>
+          <%= f.hidden_field :queue,  value: @queue %>
+          <%= f.hidden_field :period, value: @period %>
+          <%= f.hidden_field :priority, value: @priority %>
+        <% end %>
+
+        <div class="sqw-selection-bar" data-selection-target="bar" style="display: none;">
+          <span class="sqw-muted"><span data-selection-target="count">0</span> selected</span>
+          <button type="button" class="sqw-btn sqw-btn--danger sqw-btn--sm"
+                  data-action="click->selection#submit"
+                  data-selection-form-id-param="job-selection-form">Discard Selected</button>
+        </div>
+      <% end %>
+
+      <table class="sqw-table">
+        <thead>
+          <tr>
+            <% if SolidStackWeb::Job::DISCARDABLE.include?(@status) %>
+              <th><input type="checkbox" class="sqw-checkbox" aria-label="Select all"
+                         data-selection-target="selectAll"
+                         data-action="change->selection#selectAll"></th>
             <% end %>
-            <td class="sqw-actions">
-              <% if %w[ready scheduled blocked].include?(@status) %>
-                <%= button_to "Discard", job_path(execution, status: @status),
-                      method: :delete, class: "sqw-btn sqw-btn--danger sqw-btn--sm",
-                      data: { turbo_confirm: "Discard this job?" } %>
-              <% end %>
-            </td>
+            <th>Job Class</th>
+            <th>Queue</th>
+            <th>Priority</th>
+            <th>Enqueued At</th>
+            <% if @status == "scheduled" %><th>Scheduled At</th><% end %>
+            <th></th>
           </tr>
-        <% end %>
-      </tbody>
-    </table>
-    <%== pagy_nav(@pagy) if @pagy.pages > 1 %>
+        </thead>
+        <tbody>
+          <% @executions.each do |execution| %>
+            <tr id="execution_<%= execution.id %>">
+              <% if SolidStackWeb::Job::DISCARDABLE.include?(@status) %>
+                <td><input type="checkbox" value="<%= execution.id %>"
+                           class="sqw-checkbox"
+                           aria-label="Select <%= execution.job.class_name %>"
+                           data-selection-target="checkbox"
+                           data-action="change->selection#toggle"></td>
+              <% end %>
+              <td class="sqw-monospace"><%= link_to execution.job.class_name, job_path(execution.id, status: @status), data: { turbo_frame: "_top" } %></td>
+              <td><span class="sqw-badge sqw-badge--queue"><%= execution.job.queue_name %></span></td>
+              <td><%= execution.job.priority %></td>
+              <td class="sqw-muted"><%= execution.created_at.strftime("%b %d %H:%M") %></td>
+              <% if @status == "scheduled" %>
+                <td class="sqw-muted"><%= execution.scheduled_at&.strftime("%b %d %H:%M") %></td>
+              <% end %>
+              <td class="sqw-actions">
+                <% if %w[ready scheduled blocked].include?(@status) %>
+                  <%= button_to "Discard", job_path(execution, status: @status, q: @search, queue: @queue, period: @period, priority: @priority),
+                        method: :delete, class: "sqw-btn sqw-btn--danger sqw-btn--sm",
+                        data: { turbo_confirm: "Discard this job?" } %>
+                <% end %>
+              </td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+      <%== pagy_nav(@pagy) if @pagy.pages > 1 %>
+    </div>
   <% else %>
     <%= render "empty" %>
   <% end %>
 </div>
+</turbo-frame>

data/app/views/solid_stack_web/jobs/show.html.erb

@@ -0,0 +1,57 @@
+<div class="sqw-page-header sqw-page-header--split">
+  <div>
+    <div class="sqw-breadcrumb">
+      <%= link_to "Jobs", jobs_path(status: params[:status]) %> &rsaquo; Detail
+    </div>
+    <h1 class="sqw-page-title sqw-monospace"><%= @execution.job.class_name %></h1>
+  </div>
+
+  <% if SolidStackWeb::Job::DISCARDABLE.include?(@status) %>
+    <div class="sqw-detail-actions">
+      <%= button_to "Discard Job", job_path(@execution.id, status: @status),
+            method: :delete, class: "sqw-btn sqw-btn--danger",
+            data: { turbo_confirm: "Discard this job?" } %>
+    </div>
+  <% end %>
+</div>
+
+<div class="sqw-detail-grid">
+  <div class="sqw-detail-card sqw-detail-section">
+    <h2 class="sqw-section-title">Details</h2>
+    <dl class="sqw-dl">
+      <dt>Status</dt>
+      <dd><span class="sqw-badge sqw-badge--<%= @status %>"><%= SolidStackWeb::Job::TAB_LABELS[@status] %></span></dd>
+
+      <dt>Queue</dt>
+      <dd class="sqw-monospace"><%= @execution.job.queue_name %></dd>
+
+      <dt>Priority</dt>
+      <dd><%= @execution.job.priority %></dd>
+
+      <dt>Active Job ID</dt>
+      <dd class="sqw-monospace sqw-truncate" title="<%= @execution.job.active_job_id %>"><%= @execution.job.active_job_id.presence || "—" %></dd>
+
+      <dt>Concurrency Key</dt>
+      <dd class="sqw-monospace"><%= @execution.job.concurrency_key.presence || "—" %></dd>
+
+      <% if @status == "blocked" %>
+        <dt>Blocked Until</dt>
+        <dd class="sqw-monospace"><%= @execution.expires_at ? @execution.expires_at.strftime("%Y-%m-%d %H:%M:%S UTC") : "—" %></dd>
+      <% end %>
+
+      <dt>Enqueued At</dt>
+      <dd class="sqw-monospace"><%= @execution.job.created_at.strftime("%Y-%m-%d %H:%M:%S UTC") %></dd>
+
+      <dt>Scheduled At</dt>
+      <dd class="sqw-monospace"><%= @execution.job.scheduled_at ? @execution.job.scheduled_at.strftime("%Y-%m-%d %H:%M:%S UTC") : "—" %></dd>
+
+      <dt>Finished At</dt>
+      <dd class="sqw-monospace"><%= @execution.job.finished_at ? @execution.job.finished_at.strftime("%Y-%m-%d %H:%M:%S UTC") : "—" %></dd>
+    </dl>
+  </div>
+
+  <div class="sqw-detail-card sqw-detail-section">
+    <h2 class="sqw-section-title">Arguments</h2>
+    <pre class="sqw-code-block"><%= @arguments ? JSON.pretty_generate(@arguments) : (@execution.job.arguments || "—") %></pre>
+  </div>
+</div>

data/config/importmap.rb

@@ -0,0 +1,2 @@
+pin "solid_stack_web", to: "solid_stack_web/application.js"
+pin "solid_stack_web/selection_controller", to: "solid_stack_web/selection_controller.js"

data/config/routes.rb

@@ -1,10 +1,18 @@
 SolidStackWeb::Engine.routes.draw do
   root to: "dashboard#index"
 
-  resources :jobs, only: [:index, :destroy]
+  resource :job_selection,        path: "jobs/selection",        only: [:destroy],         controller: "jobs/selections"
+  resource :failed_job_selection, path: "failed_jobs/selection", only: [:create, :destroy], controller: "failed_jobs/selections"
 
-  resources :failed_jobs, only: [:index, :destroy] do
+  resources :jobs, only: [:index, :show, :destroy] do
+    collection do
+      post :discard_all, action: :destroy
+    end
+  end
+
+  resources :failed_jobs, only: [:index, :show, :destroy] do
     member { post :retry }
+    resource :arguments, only: [:update], controller: "failed_jobs/arguments"
   end
 
   resources :queues, only: [:index] do

data/lib/solid_stack_web/engine.rb

@@ -3,6 +3,8 @@ require "pagy/toolbox/paginators/method"
 require "solid_queue"
 require "solid_cache"
 require "solid_cable"
+require "turbo-rails"
+require "importmap-rails"
 
 module SolidStackWeb
   class Engine < ::Rails::Engine
@@ -10,6 +12,19 @@ module SolidStackWeb
 
     config.i18n.load_path += Gem.find_files("pagy/locales/en.yml")
 
+    initializer "solid_stack_web.assets" do |app|
+      if app.config.respond_to?(:assets)
+        app.config.assets.paths << root.join("app/javascript")
+      end
+    end
+
+    initializer "solid_stack_web.importmap", before: "importmap" do |app|
+      if app.config.respond_to?(:importmap)
+        app.config.importmap.paths << root.join("config/importmap.rb")
+        app.config.importmap.cache_sweepers << root.join("app/javascript")
+      end
+    end
+
     initializer "solid_stack_web.pagy" do |app|
       app.config.after_initialize do
         Pagy::OPTIONS[:limit] = SolidStackWeb.page_size

data/lib/solid_stack_web/version.rb

@@ -1,3 +1,3 @@
 module SolidStackWeb
-  VERSION = "0.1.0"
+  VERSION = "0.2.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: solid_stack_web
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.2.0
 platform: ruby
 authors:
 - Chuck Smith
@@ -79,6 +79,48 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '1.0'
+- !ruby/object:Gem::Dependency
+  name: turbo-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '2.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '2.0'
+- !ruby/object:Gem::Dependency
+  name: importmap-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '1.2'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '1.2'
+- !ruby/object:Gem::Dependency
+  name: csv
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.0'
 description: Mount SolidStackWeb in any Rails app using the Solid Stack to get a single
   dashboard covering Solid Queue job monitoring, Solid Cache statistics, and Solid
   Cable connection observability — all without leaving your app.
@@ -98,26 +140,38 @@ files:
 - app/assets/stylesheets/solid_stack_web/_05_badges.css
 - app/assets/stylesheets/solid_stack_web/_06_buttons.css
 - app/assets/stylesheets/solid_stack_web/_07_dashboard.css
+- app/assets/stylesheets/solid_stack_web/_08_filters.css
+- app/assets/stylesheets/solid_stack_web/_09_detail.css
 - app/assets/stylesheets/solid_stack_web/application.css
 - app/controllers/solid_stack_web/application_controller.rb
 - app/controllers/solid_stack_web/cable_controller.rb
 - app/controllers/solid_stack_web/cache_controller.rb
 - app/controllers/solid_stack_web/dashboard_controller.rb
+- app/controllers/solid_stack_web/failed_jobs/arguments_controller.rb
+- app/controllers/solid_stack_web/failed_jobs/selections_controller.rb
 - app/controllers/solid_stack_web/failed_jobs_controller.rb
+- app/controllers/solid_stack_web/jobs/selections_controller.rb
 - app/controllers/solid_stack_web/jobs_controller.rb
 - app/controllers/solid_stack_web/processes_controller.rb
 - app/controllers/solid_stack_web/queues_controller.rb
 - app/helpers/solid_stack_web/application_helper.rb
+- app/javascript/solid_stack_web/application.js
+- app/javascript/solid_stack_web/selection_controller.js
+- app/models/solid_stack_web/job.rb
 - app/views/layouts/solid_stack_web/application.html.erb
 - app/views/solid_stack_web/cable/index.html.erb
 - app/views/solid_stack_web/cache/index.html.erb
 - app/views/solid_stack_web/dashboard/index.html.erb
+- app/views/solid_stack_web/failed_jobs/destroy.turbo_stream.erb
 - app/views/solid_stack_web/failed_jobs/index.html.erb
+- app/views/solid_stack_web/failed_jobs/show.html.erb
 - app/views/solid_stack_web/jobs/_empty.html.erb
 - app/views/solid_stack_web/jobs/destroy.turbo_stream.erb
 - app/views/solid_stack_web/jobs/index.html.erb
+- app/views/solid_stack_web/jobs/show.html.erb
 - app/views/solid_stack_web/processes/index.html.erb
 - app/views/solid_stack_web/queues/index.html.erb
+- config/importmap.rb
 - config/routes.rb
 - lib/solid_stack_web.rb
 - lib/solid_stack_web/engine.rb