solid_stack_web 0.2.0 → 0.4.0

data/app/helpers/solid_stack_web/application_helper.rb

@@ -1,5 +1,69 @@
 module SolidStackWeb
   module ApplicationHelper
+    def format_duration(seconds)
+      return "—" if seconds.nil?
+      return "#{(seconds * 1000).round}ms" if seconds < 1
+      s = seconds.to_i
+      return "#{sprintf("%g", seconds.round(1))}s" if s < 60
+      return "#{s / 60}m #{s % 60}s"      if s < 3600
+
+      "#{s / 3600}h #{(s % 3600) / 60}m"
+    end
+
+    def throughput_sparkline_svg(sparkline)
+      build_sparkline_svg(sparkline, aria_label: "Throughput over the last 12 hours") do |count, i|
+        hours_ago = SolidStackWeb::ThroughputSparkline::HOURS - i
+        if hours_ago == 1
+          "#{count} #{count == 1 ? "job" : "jobs"} in the last hour"
+        else
+          "#{count} #{count == 1 ? "job" : "jobs"} (#{hours_ago}h–#{hours_ago - 1}h ago)"
+        end
+      end
+    end
+
+    def queue_depth_sparkline_svg(sparkline)
+      build_sparkline_svg(sparkline, css_class: "sqw-sparkline sqw-sparkline--sm",
+                                     aria_label: "Queue depth over the last 12 hours") do |count, i|
+        hours_ago = SolidStackWeb::QueueDepthSparkline::HOURS - 1 - i
+        jobs_word = count == 1 ? "job" : "jobs"
+        hours_ago.zero? ? "#{count} ready #{jobs_word} now" : "#{count} ready #{jobs_word} #{hours_ago}h ago"
+      end
+    end
+
+    private
+
+    def build_sparkline_svg(sparkline, css_class: "sqw-sparkline", aria_label: nil, &tooltip_text)
+      buckets = sparkline.buckets
+      peak    = [sparkline.max.to_f, 1.0].max
+      h       = 40
+      bar_w   = 8
+      gap     = 2
+      total_w = buckets.size * (bar_w + gap) - gap
+
+      bars = buckets.each_with_index.map do |count, i|
+        x       = i * (bar_w + gap)
+        bar_h   = [(count / peak * (h - 4)).round, 2].max
+        y       = h - bar_h
+        opacity = count.zero? ? "0.18" : "1"
+        tip     = tooltip_text.call(count, i)
+        attrs = %( x="#{x}" y="#{y}" width="#{bar_w}" height="#{bar_h}" rx="1") +
+                %( fill="currentColor" opacity="#{opacity}") +
+                %( data-sparkline-tooltip-target="bar") +
+                %( data-tip="#{ERB::Util.html_escape(tip)}") +
+                %( data-action="mouseenter->sparkline-tooltip#show mouseleave->sparkline-tooltip#hide")
+        "<rect#{attrs}></rect>"
+      end.join
+
+      content_tag(:svg, bars.html_safe,
+                  viewBox: "0 0 #{total_w} #{h}",
+                  preserveAspectRatio: "none",
+                  class: css_class,
+                  role: "img",
+                  "aria-label": aria_label)
+    end
+
+    public
+
     def inline_styles
       dir = SolidStackWeb::Engine.root.join("app/assets/stylesheets/solid_stack_web")
       css = dir.glob("_*.css").sort.map(&:read).join("\n")

data/app/javascript/solid_stack_web/application.js

@@ -1,6 +1,10 @@
 import "@hotwired/turbo"
 import { Application } from "@hotwired/stimulus"
+import RefreshController from "solid_stack_web/refresh_controller"
 import SelectionController from "solid_stack_web/selection_controller"
+import SparklineTooltipController from "solid_stack_web/sparkline_tooltip_controller"
 
 const application = Application.start()
-application.register("selection", SelectionController)
+application.register("refresh", RefreshController)
+application.register("selection", SelectionController)
+application.register("sparkline-tooltip", SparklineTooltipController)

data/app/javascript/solid_stack_web/refresh_controller.js

@@ -0,0 +1,52 @@
+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)
+    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" }
+        })
+        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 if (!this.element.querySelector("input[type='checkbox']:checked")) {
+      this._reload()
+    }
+  }
+}

data/app/javascript/solid_stack_web/sparkline_tooltip_controller.js

@@ -0,0 +1,23 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["bar", "tip"]
+
+  connect() {
+    this._tip = this.tipTarget
+  }
+
+  show({ currentTarget }) {
+    const label = currentTarget.dataset.tip
+    if (!label) return
+    const rect = currentTarget.getBoundingClientRect()
+    this._tip.textContent = label
+    this._tip.style.left = `${rect.left + rect.width / 2}px`
+    this._tip.style.top = `${rect.top - 6}px`
+    this._tip.hidden = false
+  }
+
+  hide() {
+    this._tip.hidden = true
+  }
+}

data/app/models/solid_stack_web/alert_webhook.rb

@@ -0,0 +1,67 @@
+require "net/http"
+require "json"
+
+module SolidStackWeb
+  class AlertWebhook
+    COOLDOWN_CACHE_KEY = "solid_stack_web/alert_webhook/cooldown"
+
+    def self.check(queue_stats)
+      new(queue_stats).check
+    end
+
+    def initialize(queue_stats)
+      @queue_stats = queue_stats
+    end
+
+    def check
+      return unless SolidStackWeb.alert_webhook_url
+      return if on_cooldown?
+
+      alerts = build_alerts
+      return if alerts.empty?
+
+      deliver(alerts)
+      set_cooldown
+    end
+
+    private
+
+    def build_alerts
+      alerts = []
+
+      if (threshold = SolidStackWeb.alert_failure_threshold)
+        count = @queue_stats[:failed]
+        alerts << { type: "failed_jobs", count: count, threshold: threshold } if count >= threshold
+      end
+
+      SolidStackWeb.alert_queue_thresholds.each do |queue_name, threshold|
+        count = ::SolidQueue::ReadyExecution.where(queue_name: queue_name.to_s).count
+        alerts << { type: "queue_depth", queue: queue_name.to_s, count: count, threshold: threshold } if count >= threshold
+      end
+
+      alerts
+    end
+
+    def deliver(alerts)
+      payload = { alerts: alerts, generated_at: Time.current.iso8601 }
+      uri = URI(SolidStackWeb.alert_webhook_url)
+      Net::HTTP.start(uri.host, uri.port, use_ssl: uri.scheme == "https",
+                      open_timeout: 5, read_timeout: 5) do |http|
+        request = Net::HTTP::Post.new(uri, "Content-Type" => "application/json")
+        request.body = payload.to_json
+        http.request(request)
+      end
+    rescue StandardError
+      # webhook delivery failures must not affect the response
+    end
+
+    def on_cooldown?
+      Rails.cache.read(COOLDOWN_CACHE_KEY).present?
+    end
+
+    def set_cooldown
+      Rails.cache.write(COOLDOWN_CACHE_KEY, Time.current.iso8601,
+                        expires_in: SolidStackWeb.alert_webhook_cooldown)
+    end
+  end
+end

data/app/models/solid_stack_web/cable_stats.rb

@@ -0,0 +1,10 @@
+module SolidStackWeb
+  class CableStats
+    def to_h
+      {
+        messages: ::SolidCable::Message.count,
+        channels: ::SolidCable::Message.distinct.count(:channel)
+      }
+    end
+  end
+end

data/app/models/solid_stack_web/cache_stats.rb

@@ -0,0 +1,10 @@
+module SolidStackWeb
+  class CacheStats
+    def to_h
+      {
+        entries:   ::SolidCache::Entry.count,
+        byte_size: ::SolidCache::Entry.sum(:byte_size)
+      }
+    end
+  end
+end

data/app/models/solid_stack_web/queue_depth_sparkline.rb

@@ -0,0 +1,30 @@
+module SolidStackWeb
+  class QueueDepthSparkline
+    HOURS = 12
+
+    def initialize(queue_name)
+      @queue_name = queue_name
+    end
+
+    def buckets
+      @buckets ||= begin
+        now    = Time.current
+        origin = now - HOURS.hours
+
+        jobs = ::SolidQueue::Job
+                 .where(queue_name: @queue_name)
+                 .where("created_at <= ? AND (finished_at IS NULL OR finished_at >= ?)", now, origin)
+                 .pluck(:created_at, :finished_at)
+
+        HOURS.times.map do |i|
+          snapshot = origin + (i + 1).hours
+          jobs.count { |created_at, finished_at| created_at <= snapshot && (finished_at.nil? || finished_at > snapshot) }
+        end
+      end
+    end
+
+    def max
+      buckets.max || 0
+    end
+  end
+end

data/app/models/solid_stack_web/queue_stats.rb

@@ -0,0 +1,34 @@
+module SolidStackWeb
+  class QueueStats
+    def to_h
+      finished_24h = finished_since(24.hours.ago)
+      stats = {
+        ready:             ::SolidQueue::ReadyExecution.count,
+        scheduled:         ::SolidQueue::ScheduledExecution.count,
+        claimed:           ::SolidQueue::ClaimedExecution.count,
+        blocked:           ::SolidQueue::BlockedExecution.count,
+        failed:            ::SolidQueue::FailedExecution.count,
+        done_1h:           finished_since(1.hour.ago).count,
+        done_24h:          finished_24h.count,
+        processes_healthy: ::SolidQueue::Process.where("last_heartbeat_at > ?", 5.minutes.ago).count,
+        processes_stale:   ::SolidQueue::Process.where("last_heartbeat_at <= ? OR last_heartbeat_at IS NULL", 5.minutes.ago).count
+      }
+      add_slow_jobs(stats, finished_24h)
+      stats
+    end
+
+    private
+
+    def finished_since(time)
+      ::SolidQueue::Job.where.not(finished_at: nil).where("finished_at >= ?", time)
+    end
+
+    def add_slow_jobs(stats, finished_24h)
+      threshold = SolidStackWeb.slow_job_threshold
+      return unless threshold
+
+      stats[:slow_jobs] = finished_24h.select(:created_at, :finished_at)
+                                      .count { |j| (j.finished_at - j.created_at) > threshold }
+    end
+  end
+end

data/app/models/solid_stack_web/throughput_sparkline.rb

@@ -0,0 +1,23 @@
+module SolidStackWeb
+  class ThroughputSparkline
+    HOURS = 12
+
+    def buckets
+      @buckets ||= begin
+        now    = Time.current
+        origin = now - HOURS.hours
+        times  = ::SolidQueue::Job.where(finished_at: origin..now).pluck(:finished_at)
+
+        HOURS.times.map do |i|
+          from = origin + i.hours
+          to   = origin + (i + 1).hours
+          times.count { |t| t >= from && t < to }
+        end
+      end
+    end
+
+    def max
+      buckets.max || 0
+    end
+  end
+end

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

@@ -33,6 +33,12 @@
               class: "sqw-subnav__link#{" sqw-subnav__link--active" if controller_name == "failed_jobs"}" %>
         <%= link_to "Queues", queues_path,
               class: "sqw-subnav__link#{" sqw-subnav__link--active" if controller_name == "queues"}" %>
+        <%= link_to "Recurring", recurring_tasks_path,
+              class: "sqw-subnav__link#{" sqw-subnav__link--active" if controller_name == "recurring_tasks"}" %>
+        <%= link_to "Stats", stats_path,
+              class: "sqw-subnav__link#{" sqw-subnav__link--active" if controller_name == "stats"}" %>
+        <%= link_to "History", history_path,
+              class: "sqw-subnav__link#{" sqw-subnav__link--active" if controller_name == "history"}" %>
         <%= link_to "Processes", processes_path,
               class: "sqw-subnav__link#{" sqw-subnav__link--active" if controller_name == "processes"}" %>
       </div>

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

@@ -1,3 +1,5 @@
+<%= turbo_frame_tag "sqw-dashboard", target: "_top",
+      data: { controller: "refresh", refresh_interval_value: SolidStackWeb.dashboard_refresh_interval } do %>
 <div class="sqw-page-header">
   <h1 class="sqw-page-title">Overview</h1>
 </div>
@@ -29,10 +31,42 @@
         <span class="sqw-inline-stat__label">Failed</span>
         <span class="sqw-inline-stat__value"><%= @queue_stats[:failed] %></span>
       </a>
+      <a href="<%= history_path(period: "1h") %>" class="sqw-inline-stat sqw-inline-stat--neutral">
+        <span class="sqw-inline-stat__label">Done (1h)</span>
+        <span class="sqw-inline-stat__value"><%= @queue_stats[:done_1h] %></span>
+      </a>
+      <a href="<%= history_path(period: "24h") %>" class="sqw-inline-stat sqw-inline-stat--neutral">
+        <span class="sqw-inline-stat__label">Done (24h)</span>
+        <span class="sqw-inline-stat__value"><%= @queue_stats[:done_24h] %></span>
+      </a>
+      <% if @queue_stats.key?(:slow_jobs) %>
+        <a href="<%= stats_path %>" class="sqw-inline-stat sqw-inline-stat--<%= @queue_stats[:slow_jobs] > 0 ? "failed" : "neutral" %>">
+          <span class="sqw-inline-stat__label">Slow (24h)</span>
+          <span class="sqw-inline-stat__value"><%= @queue_stats[:slow_jobs] %></span>
+        </a>
+      <% end %>
       <a href="<%= processes_path %>" class="sqw-inline-stat sqw-inline-stat--neutral">
-        <span class="sqw-inline-stat__label">Processes</span>
-        <span class="sqw-inline-stat__value"><%= @queue_stats[:processes] %></span>
+        <span class="sqw-inline-stat__label">Healthy</span>
+        <span class="sqw-inline-stat__value"><%= @queue_stats[:processes_healthy] %></span>
       </a>
+      <% if @queue_stats[:processes_stale] > 0 %>
+        <a href="<%= processes_path %>" class="sqw-inline-stat sqw-inline-stat--failed">
+          <span class="sqw-inline-stat__label">Stale</span>
+          <span class="sqw-inline-stat__value"><%= @queue_stats[:processes_stale] %></span>
+        </a>
+      <% end %>
+    </div>
+    <div class="sqw-sparkline-wrap" data-controller="sparkline-tooltip">
+      <span class="sqw-sparkline-label">Throughput — last 12 hours</span>
+      <div class="sqw-sparkline-positioner">
+        <%= throughput_sparkline_svg(@throughput) %>
+        <div class="sqw-sparkline-tip" data-sparkline-tooltip-target="tip" hidden></div>
+      </div>
+      <div class="sqw-sparkline-axis">
+        <span>12h ago</span>
+        <span>6h ago</span>
+        <span>now</span>
+      </div>
     </div>
   </div>
 
@@ -70,3 +104,4 @@
     </div>
   </div>
 </div>
+<% end %>

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

@@ -0,0 +1,76 @@
+<%= turbo_frame_tag "sqw-history-table",
+      data: { controller: "refresh", refresh_interval_value: SolidStackWeb.default_refresh_interval } do %>
+<div class="sqw-page-header sqw-page-header--split">
+  <h1 class="sqw-page-title">Job History</h1>
+  <div class="sqw-header-actions">
+    <% if @jobs&.any? %>
+      <%= link_to "Export CSV", history_path(format: :csv, queue: @queue, q: @search, period: @period),
+            class: "sqw-btn sqw-btn--muted sqw-btn--sm", data: { turbo: false } %>
+    <% end %>
+  </div>
+</div>
+
+<form class="sqw-filters" action="<%= history_path %>" method="get">
+  <% if @queue.present? %>
+    <input type="hidden" name="queue" value="<%= @queue %>">
+  <% end %>
+  <input type="hidden" name="period" value="<%= @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">
+  <button type="submit" class="sqw-btn sqw-btn--muted sqw-btn--sm">Search</button>
+  <% if @search.present? %>
+    <%= link_to "Clear", history_path(queue: @queue, 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", history_path(queue: @queue, q: @search),
+          class: "sqw-period-btn #{"sqw-period-btn--active" if @period.nil?}" %>
+    <%= link_to "1h",  history_path(queue: @queue, q: @search, period: "1h"),
+          class: "sqw-period-btn #{"sqw-period-btn--active" if @period == "1h"}" %>
+    <%= link_to "24h", history_path(queue: @queue, q: @search, period: "24h"),
+          class: "sqw-period-btn #{"sqw-period-btn--active" if @period == "24h"}" %>
+    <%= link_to "7d",  history_path(queue: @queue, q: @search, period: "7d"),
+          class: "sqw-period-btn #{"sqw-period-btn--active" if @period == "7d"}" %>
+  </div>
+</form>
+
+<% if @queue.present? %>
+  <p class="sqw-muted" style="font-size: 13px; margin-bottom: 0.75rem;">
+    Filtering by queue: <strong><%= @queue %></strong> &mdash;
+    <%= link_to "Clear filter", history_path(q: @search, period: @period) %>
+  </p>
+<% end %>
+
+<% if @jobs.any? %>
+  <div class="sqw-detail-card">
+    <table class="sqw-table">
+      <thead>
+        <tr>
+          <th>Job Class</th>
+          <th>Queue</th>
+          <th>Duration</th>
+          <th>Finished At</th>
+        </tr>
+      </thead>
+      <tbody>
+        <% @jobs.each do |job| %>
+          <tr>
+            <td class="sqw-monospace"><%= job.class_name %></td>
+            <td>
+              <%= link_to job.queue_name,
+                    history_path(queue: job.queue_name, q: @search, period: @period),
+                    class: "sqw-badge sqw-badge--queue" %>
+            </td>
+            <td class="sqw-monospace"><%= format_duration(job.finished_at - job.created_at) %></td>
+            <td class="sqw-muted"><%= job.finished_at.strftime("%b %d %H:%M:%S") %></td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+    <%== pagy_nav(@pagy) if @pagy.pages > 1 %>
+  </div>
+<% else %>
+  <div class="sqw-empty">
+    <p>No finished jobs found.</p>
+  </div>
+<% end %>
+<% end %>

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

@@ -3,6 +3,14 @@
   <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 @status == "scheduled" && @executions&.any? %>
+      <%= button_to "Run All Now (#{@pagy.count})",
+            run_all_now_scheduled_jobs_path(period: @period),
+            method: :post,
+            class: "sqw-btn sqw-btn--sm",
+            data: { turbo_confirm: "Run all #{@pagy.count} scheduled jobs immediately?",
+                    turbo_frame: "_top" } %>
+    <% end %>
     <% 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),
@@ -21,7 +29,9 @@
   <% end %>
 </div>
 
-<turbo-frame id="sqw-jobs-filter" data-turbo-action="advance">
+<%= turbo_frame_tag "sqw-jobs-filter",
+      data: { turbo_action: "advance", controller: "refresh",
+              refresh_interval_value: SolidStackWeb.default_refresh_interval } do %>
 <form class="sqw-filters" action="<%= jobs_path %>" method="get">
   <%= hidden_field_tag :status, @status %>
   <%= hidden_field_tag :period, @period %>
@@ -111,9 +121,22 @@
               <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>
+                <td id="scheduled_at_<%= execution.id %>" class="sqw-muted"><%= execution.scheduled_at&.strftime("%b %d %H:%M") %></td>
               <% end %>
               <td class="sqw-actions">
+                <% if @status == "scheduled" %>
+                  <%= button_to "Run Now", scheduled_job_path(execution),
+                        method: :patch,
+                        params: { offset: "now", period: @period },
+                        class: "sqw-btn sqw-btn--sm",
+                        data: { turbo_confirm: "Run this job immediately?" } %>
+                  <% %w[1h 24h 7d].each do |offset| %>
+                    <%= button_to "+#{offset}", scheduled_job_path(execution),
+                          method: :patch,
+                          params: { offset: offset, period: @period },
+                          class: "sqw-btn sqw-btn--muted sqw-btn--sm" %>
+                  <% end %>
+                <% end %>
                 <% 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",
@@ -130,4 +153,4 @@
     <%= render "empty" %>
   <% end %>
 </div>
-</turbo-frame>
+<% end %>

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

@@ -1,3 +1,5 @@
+<%= turbo_frame_tag "sqw-processes", target: "_top",
+      data: { controller: "refresh", refresh_interval_value: SolidStackWeb.default_refresh_interval } do %>
 <div class="sqw-page-header">
   <h1 class="sqw-page-title">Processes</h1>
 </div>
@@ -30,3 +32,4 @@
     <p>No active processes.</p>
   </div>
 <% end %>
+<% end %>

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

@@ -8,6 +8,7 @@
       <tr>
         <th>Name</th>
         <th>Size</th>
+        <th>Depth (12h)</th>
         <th>Status</th>
         <th></th>
       </tr>
@@ -15,8 +16,12 @@
     <tbody>
       <% @queues.each do |queue| %>
         <tr>
-          <td class="sqw-monospace"><%= queue[:name] %></td>
-          <td><%= queue[:size] %></td>
+          <td class="sqw-monospace"><%= link_to queue[:name], queue_path(queue[:name]) %></td>
+          <td><%= link_to queue[:size], queue_path(queue[:name]) %></td>
+          <td class="sqw-queue-sparkline" data-controller="sparkline-tooltip">
+            <%= queue_depth_sparkline_svg(@sparklines[queue[:name]]) %>
+            <div class="sqw-sparkline-tip" data-sparkline-tooltip-target="tip" hidden></div>
+          </td>
           <td>
             <% if queue[:paused] %>
               <span class="sqw-badge sqw-badge--paused">Paused</span>
@@ -26,10 +31,10 @@
           </td>
           <td class="sqw-actions">
             <% if queue[:paused] %>
-              <%= button_to "Resume", resume_queue_path(queue[:name]),
+              <%= button_to "Resume", queue_pause_path(queue[:name]),
                     method: :delete, class: "sqw-btn sqw-btn--sm" %>
             <% else %>
-              <%= button_to "Pause", pause_queue_path(queue[:name]),
+              <%= button_to "Pause", queue_pause_path(queue[:name]),
                     method: :post, class: "sqw-btn sqw-btn--sm" %>
             <% end %>
           </td>
@@ -41,4 +46,4 @@
   <div class="sqw-empty">
     <p>No queues with ready jobs.</p>
   </div>
-<% end %>
+<% end %>

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

@@ -0,0 +1,67 @@
+<div class="sqw-page-header sqw-page-header--split">
+  <div>
+    <div class="sqw-breadcrumb">
+      <%= link_to "Queues", queues_path %> &rsaquo; <%= @queue_name %>
+    </div>
+    <div class="sqw-page-title-row">
+      <h1 class="sqw-page-title sqw-monospace"><%= @queue_name %></h1>
+      <% if @paused %>
+        <span class="sqw-badge sqw-badge--paused">Paused</span>
+      <% else %>
+        <span class="sqw-badge sqw-badge--ready">Running</span>
+      <% end %>
+    </div>
+  </div>
+  <div class="sqw-header-actions">
+    <% if @paused %>
+      <%= button_to "Resume", queue_pause_path(@queue_name),
+            method: :delete, class: "sqw-btn sqw-btn--sm" %>
+    <% else %>
+      <%= button_to "Pause", queue_pause_path(@queue_name),
+            method: :post, class: "sqw-btn sqw-btn--sm" %>
+    <% end %>
+    <% if @executions.any? %>
+      <%= button_to "Discard All Ready (#{@pagy.count})",
+            discard_all_jobs_path(status: "ready", queue: @queue_name),
+            method: :post,
+            class: "sqw-btn sqw-btn--danger sqw-btn--sm",
+            data: { turbo_confirm: "Discard all #{@pagy.count} ready jobs in #{@queue_name}? This cannot be undone.",
+                    turbo_frame: "_top" } %>
+    <% end %>
+  </div>
+</div>
+
+<% if @executions.any? %>
+  <table class="sqw-table">
+    <thead>
+      <tr>
+        <th>Job Class</th>
+        <th>Priority</th>
+        <th>Enqueued At</th>
+        <th></th>
+      </tr>
+    </thead>
+    <tbody>
+      <% @executions.each do |execution| %>
+        <tr>
+          <td class="sqw-monospace">
+            <%= link_to execution.job.class_name, job_path(execution.id, status: "ready"),
+                  data: { turbo_frame: "_top" } %>
+          </td>
+          <td><%= execution.job.priority %></td>
+          <td class="sqw-muted"><%= execution.created_at.strftime("%b %d %H:%M") %></td>
+          <td class="sqw-actions">
+            <%= button_to "Discard", job_path(execution, status: "ready", queue: @queue_name),
+                  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 %>
+<% else %>
+  <div class="sqw-empty">
+    <p>No ready jobs in <strong><%= @queue_name %></strong>.</p>
+  </div>
+<% end %>