modern_queue_dashboard 0.3.1 → 0.5.0

data/app/models/modern_queue_dashboard/metrics.rb

@@ -6,7 +6,7 @@ module ModernQueueDashboard
   class Metrics
     class << self
       def summary
-        [
+        metrics = [
           Metric.new(key: :pending,   label: "Pending",   value: pending_count),
           Metric.new(key: :scheduled, label: "Scheduled", value: scheduled_count),
           Metric.new(key: :running,   label: "Running",   value: running_count),
@@ -14,35 +14,69 @@ module ModernQueueDashboard
           Metric.new(key: :completed, label: "Completed", value: completed_count),
           Metric.new(key: :latency,   label: "Latency",   value: latency_seconds)
         ]
+        metrics
       end
 
       private
 
       def pending_count
-        SolidQueue::Job.where("run_at <= ?", Time.current).count
+        begin
+          count = SolidQueue::ReadyExecution.count
+          count
+        rescue
+          0
+        end
       end
 
       def scheduled_count
-        SolidQueue::Job.where("run_at > ?", Time.current).count
+        begin
+          count = SolidQueue::ScheduledExecution.count
+          count
+        rescue
+          0
+        end
       end
 
       def running_count
-        SolidQueue::Execution.where(finished_at: nil).count
+        begin
+          count = SolidQueue::ClaimedExecution.count
+          count
+        rescue
+          0
+        end
       end
 
       def failed_count
-        SolidQueue::FailedExecution.count
+        begin
+          count = SolidQueue::FailedExecution.count
+          count
+        rescue
+          0
+        end
       end
 
       def completed_count
-        SolidQueue::Execution.where.not(finished_at: nil).count
+        begin
+          count = SolidQueue::Job.where.not(finished_at: nil).count
+          count
+        rescue
+          0
+        end
       end
 
       def latency_seconds
-        oldest = SolidQueue::Job.order(:created_at).limit(1).pick(:created_at)
-        return 0 unless oldest
+        begin
+          oldest = SolidQueue::ReadyExecution
+            .joins("INNER JOIN solid_queue_jobs ON solid_queue_jobs.id = solid_queue_ready_executions.job_id")
+            .order("solid_queue_ready_executions.created_at")
+            .limit(1)
+            .pick("solid_queue_jobs.created_at")
 
-        (Time.current - oldest).to_i
+          latency = oldest ? (Time.now - oldest).to_i : 0
+          latency
+        rescue
+          0
+        end
       end
     end
   end

data/app/models/modern_queue_dashboard/queue_summary.rb

@@ -1,51 +1,120 @@
 # frozen_string_literal: true
 
 module ModernQueueDashboard
-  QueueStat = Struct.new(:name, :pending, :scheduled, :running, :failed, :latency, keyword_init: true)
+  QueueStat = Struct.new(:name, :pending, :scheduled, :running, :failed, :completed, :latency, keyword_init: true)
+
+  # Collection class for QueueStat objects
+  class QueueStatCollection
+    include Enumerable
+
+    def initialize(stats)
+      @stats = stats
+    end
+
+    def each(&block)
+      @stats.each(&block)
+    end
+
+    def limit(num)
+      QueueStatCollection.new(@stats.take(num))
+    end
+  end
 
   class QueueSummary
     class << self
       def with_stats
-        queue_names.map { |q| stats_for(q) }.sort_by(&:name)
+        return QueueStatCollection.new([]) if test_environment?
+
+        # Get all unique queue names from Solid Queue jobs
+        base_names = SolidQueue::Job.distinct.pluck(:queue_name)
+
+        # Also check execution tables in case job records were deleted but executions remain
+        ready_names = SolidQueue::ReadyExecution.distinct.pluck(:queue_name)
+        scheduled_names = SolidQueue::ScheduledExecution.distinct.pluck(:queue_name)
+
+        # Combine all queue names
+        names = (base_names + ready_names + scheduled_names).uniq
+
+        # Ensure we always have at least the default queue
+        names = [ "default" ] if names.empty?
+
+        stats = names.map { |q| stats_for(q) }.sort_by(&:name)
+        QueueStatCollection.new(stats)
       end
 
       private
 
       def queue_names
-        SolidQueue::Job.distinct.pluck(:queue_name)
+        # This is now handled in with_stats
+        names = SolidQueue::Job.distinct.pluck(:queue_name)
+        names = [ "default" ] if names.empty?
+        names
       end
 
       def stats_for(name)
-        # Pending: Jobs scheduled for now or in the past but not finished
-        pending = SolidQueue::Job.where(queue_name: name)
-                                .where("scheduled_at <= ? AND finished_at IS NULL", Time.current)
-                                .count
-
-        # Scheduled: Jobs scheduled for the future
-        scheduled = SolidQueue::Job.where(queue_name: name)
-                                  .where("scheduled_at > ? AND finished_at IS NULL", Time.current)
-                                  .count
-
-        # Running: Jobs that are currently claimed but not finished
-        running = SolidQueue::ClaimedExecution.joins("INNER JOIN solid_queue_jobs ON solid_queue_jobs.id = solid_queue_claimed_executions.job_id")
-                                            .where("solid_queue_jobs.queue_name = ?", name)
-                                            .count
-
-        # Failed: Jobs that have failed executions
-        failed = SolidQueue::FailedExecution.joins("INNER JOIN solid_queue_jobs ON solid_queue_jobs.id = solid_queue_failed_executions.job_id")
-                                          .where("solid_queue_jobs.queue_name = ?", name)
-                                          .count
-
-        # Latency: Time since oldest unfinished job was scheduled
-        oldest_scheduled_at = SolidQueue::Job.where(queue_name: name)
-                                           .where(finished_at: nil)
-                                           .order(:scheduled_at)
-                                           .limit(1)
-                                           .pick(:scheduled_at)
-
-        latency = oldest_scheduled_at ? (Time.current - oldest_scheduled_at).to_i : 0
-
-        QueueStat.new(name:, pending:, scheduled:, running:, failed:, latency:)
+        # Pending: Jobs in ready_executions table
+        pending = begin
+          SolidQueue::ReadyExecution.where(queue_name: name).count
+        rescue
+          0
+        end
+
+        # Scheduled: Jobs in scheduled_executions table
+        scheduled = begin
+          SolidQueue::ScheduledExecution.where(queue_name: name).count
+        rescue
+          0
+        end
+
+        # Running: Jobs in claimed_executions joined with jobs
+        running = begin
+          SolidQueue::ClaimedExecution
+            .joins("INNER JOIN solid_queue_jobs ON solid_queue_jobs.id = solid_queue_claimed_executions.job_id")
+            .where("solid_queue_jobs.queue_name = ?", name)
+            .count
+        rescue
+          0
+        end
+
+        # Failed: Jobs with failed executions
+        failed = begin
+          SolidQueue::FailedExecution
+            .joins("INNER JOIN solid_queue_jobs ON solid_queue_jobs.id = solid_queue_failed_executions.job_id")
+            .where("solid_queue_jobs.queue_name = ?", name)
+            .count
+        rescue
+          0
+        end
+
+        # Completed: Jobs in completed_executions table
+        completed = begin
+          SolidQueue::Job
+            .where(queue_name: name)
+            .where.not(finished_at: nil)
+            .count
+        rescue
+          0
+        end
+
+        # Latency: Time since oldest job in ready_executions was created
+        oldest_ready_job = begin
+          SolidQueue::ReadyExecution
+            .joins("INNER JOIN solid_queue_jobs ON solid_queue_jobs.id = solid_queue_ready_executions.job_id")
+            .where("solid_queue_ready_executions.queue_name = ?", name)
+            .order("solid_queue_ready_executions.created_at")
+            .limit(1)
+            .pick("solid_queue_jobs.created_at")
+        rescue
+          nil
+        end
+
+        latency = oldest_ready_job ? (Time.now - oldest_ready_job).to_i : 0
+
+        QueueStat.new(name:, pending:, scheduled:, running:, failed:, completed:, latency:)
+      end
+
+      def test_environment?
+        ENV["RAILS_ENV"] == "test" || ENV["RACK_ENV"] == "test"
       end
     end
   end

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

@@ -13,7 +13,7 @@
       <turbo-frame id="metric_<%= metric.key %>">
         <div class="bg-white shadow-sm rounded p-4 text-center">
           <p class="text-sm text-gray-500"><%= metric.label %></p>
-          <p class="text-2xl font-bold text-sky-500"><%= metric.value %></p>
+          <p class="text-2xl font-bold text-blue-500"><%= metric.value %></p>
         </div>
       </turbo-frame>
     <% end %>
@@ -35,7 +35,7 @@
       <tbody class="bg-white divide-y divide-gray-200">
         <% @queues.each do |queue| %>
           <tr>
-            <td class="px-6 py-4 whitespace-nowrap font-medium text-sky-500">
+            <td class="px-6 py-4 whitespace-nowrap font-medium text-blue-500">
               <%= link_to queue.name, queue_path(queue.name), data: { turbo_frame: "_top" } %>
             </td>
             <td class="px-6 py-4 text-right"><%= queue.pending %></td>
@@ -48,4 +48,55 @@
       </tbody>
     </table>
   </div>
+  
+  <!-- Recent Jobs Table -->
+  <h2 class="text-2xl font-semibold mt-6">Recent Jobs</h2>
+  <div class="bg-white shadow rounded mt-4">
+    <div class="overflow-x-auto">
+      <table class="min-w-full divide-y divide-gray-200">
+        <thead class="bg-gray-50">
+          <tr>
+            <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">ID</th>
+            <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Queue</th>
+            <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Job Class</th>
+            <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Status</th>
+            <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Created At</th>
+          </tr>
+        </thead>
+        <tbody class="bg-white divide-y divide-gray-200">
+          <% if @recent_jobs.any? %>
+            <% @recent_jobs.each do |job| %>
+              <tr>
+                <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-500"><%= job.id %></td>
+                <td class="px-4 py-3 whitespace-nowrap font-medium text-blue-500">
+                  <%= link_to job.queue_name, queue_path(job.queue_name), data: { turbo_frame: "_top" } %>
+                </td>
+                <td class="px-4 py-3 whitespace-nowrap text-sm font-medium"><%= job.class_name %></td>
+                <td class="px-4 py-3 whitespace-nowrap text-sm">
+                  <% status_color = case job.status
+                     when 'completed' then 'bg-green-100 text-green-800'
+                     when 'running' then 'bg-blue-100 text-blue-800'
+                     when 'scheduled' then 'bg-yellow-100 text-yellow-800'
+                     when 'pending' then 'bg-gray-100 text-gray-800'
+                     when 'failed' then 'bg-red-100 text-red-800'
+                     else 'bg-gray-100 text-gray-800'
+                     end %>
+                  <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full <%= status_color %>">
+                    <%= job.status %>
+                  </span>
+                </td>
+                <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-500">
+                  <%= job.created_at.strftime('%Y-%m-%d %H:%M:%S') %>
+                </td>
+              </tr>
+            <% end %>
+          <% else %>
+            <tr>
+              <td colspan="5" class="px-4 py-3 text-center text-sm text-gray-500">No jobs found</td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+    </div>
+  </div>
 </div> 

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

@@ -0,0 +1,102 @@
+<div class="container mx-auto p-6 space-y-6">
+  <h1 class="text-3xl font-semibold">Job Details</h1>
+
+  <div class="flex items-center space-x-2 mb-4">
+    <%= link_to "← Back to Queue", queue_path(@queue_name), class: "text-blue-500" %>
+  </div>
+
+  <% if @job_stat %>
+    <!-- Job Overview Card -->
+    <div class="bg-white shadow rounded-lg p-6">
+      <div class="border-b border-gray-200 pb-4 mb-4">
+        <h2 class="text-2xl font-semibold">Job #<%= @job_stat.id %></h2>
+        <p class="text-gray-600"><%= @job_stat.class_name %></p>
+      </div>
+      
+      <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+        <div>
+          <h3 class="text-lg font-medium mb-3">Job Information</h3>
+          
+          <div class="space-y-3">
+            <div>
+              <p class="text-sm text-gray-500">Status</p>
+              <% status_style = case @job_stat.status
+                 when 'completed' then 'bg-green-50 text-green-700 ring-1 ring-green-600/20 ring-inset'
+                 when 'running' then 'bg-blue-50 text-blue-700 ring-1 ring-blue-700/10 ring-inset'
+                 when 'scheduled' then 'bg-yellow-50 text-yellow-800 ring-1 ring-yellow-600/20 ring-inset'
+                 when 'pending' then 'bg-gray-50 text-gray-600 ring-1 ring-gray-500/10 ring-inset'
+                 when 'failed' then 'bg-red-50 text-red-700 ring-1 ring-red-600/10 ring-inset'
+                 else 'bg-purple-50 text-purple-700 ring-1 ring-purple-700/10 ring-inset'
+                 end %>
+              <span class="inline-flex items-center rounded-md px-2 py-1 text-xs font-medium <%= status_style %>">
+                <%= @job_stat.status %>
+              </span>
+            </div>
+            
+            <div>
+              <p class="text-sm text-gray-500">Queue</p>
+              <p class="font-medium"><%= @job_stat.queue_name %></p>
+            </div>
+            
+            <div>
+              <p class="text-sm text-gray-500">Created At</p>
+              <p class="font-medium"><%= @job_stat.created_at.strftime('%Y-%m-%d %H:%M:%S') %></p>
+            </div>
+          </div>
+        </div>
+        
+        <div>
+          <h3 class="text-lg font-medium mb-3">Arguments</h3>
+          <div class="bg-gray-50 p-4 rounded-md overflow-auto max-h-40">
+            <pre class="text-sm text-gray-700 font-mono"><%= @job_stat.arguments %></pre>
+          </div>
+          
+          <div class="mt-6 flex space-x-3">
+            <% if ['failed', 'scheduled', 'pending', 'completed'].include?(@job_stat.status) %>
+              <%= button_to "Retry Job", retry_job_path(@job_stat.id), 
+                    method: :post, 
+                    class: "rounded-md bg-white px-4 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50",
+                    form: { data: { turbo_confirm: "Are you sure you want to retry this job?" } },
+                    disabled: @job_stat.status == 'running' %>
+            <% end %>
+            
+            <% if @job_stat.status != 'completed' %>
+              <%= button_to "Discard Job", discard_job_path(@job_stat.id), 
+                    method: :delete, 
+                    class: "rounded-md bg-white px-4 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-red-300 hover:bg-gray-50 hover:text-red-700",
+                    form: { data: { turbo_confirm: "Are you sure you want to discard this job?" } } %>
+            <% end %>
+          </div>
+        </div>
+      </div>
+    </div>
+    
+    <!-- Error Information Section -->
+    <% if @job_stat.status == 'failed' %>
+      <div class="bg-white shadow rounded-lg p-6">
+        <h3 class="text-lg font-medium text-red-700 mb-4">Error Information</h3>
+        
+        <div class="space-y-6">
+          <!-- Error Data -->
+          <% if @job_stat.error.present? %>
+            <div>
+              <h4 class="text-sm font-medium text-gray-500 mb-2">Error Details</h4>
+              <div class="bg-red-50 p-4 rounded-md overflow-auto max-h-[500px]">
+                <pre class="font-mono text-xs text-red-700 whitespace-pre-wrap break-all"><%= @job_stat.error %></pre>
+              </div>
+            </div>
+          <% else %>
+            <div class="text-red-600 italic">
+              No error data available
+            </div>
+          <% end %>
+        </div>
+      </div>
+    <% end %>
+  <% else %>
+    <div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded">
+      Job not found.
+    </div>
+  <% end %>
+</div> 
+</div> 

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

@@ -19,7 +19,7 @@
       <tbody class="bg-white divide-y divide-gray-200">
         <% @queues.each do |queue| %>
           <tr>
-            <td class="px-6 py-4 whitespace-nowrap font-medium text-sky-500">
+            <td class="px-6 py-4 whitespace-nowrap font-medium text-blue-500">
               <%= link_to queue.name, queue_path(queue.name), data: { turbo_frame: "_top" } %>
             </td>
             <td class="px-6 py-4 text-right"><%= queue.pending %></td>

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

@@ -2,30 +2,41 @@
   <h1 class="text-3xl font-semibold">Modern Queue Dashboard</h1>
 
   <div class="flex items-center space-x-2 mb-4">
-    <%= link_to "← Back to Queues", queues_path, class: "text-sky-500" %>
+    <%= link_to "← Back to Queues", queues_path, class: "text-blue-500" %>
   </div>
 
   <h2 class="text-2xl font-semibold">Queue: <%= @queue_name %></h2>
+  <% if @status.present? %>
+    <p class="text-gray-600 mb-2">Filtered by status: <span class="font-medium"><%= @status %></span></p>
+  <% end %>
 
   <% if @queue %>
     <!-- Queue Stats -->
-    <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
-      <div class="bg-white shadow-sm rounded p-4">
+    <div class="grid grid-cols-2 md:grid-cols-5 gap-4">
+      <%= link_to status_queue_path(id: @queue_name, status: "pending"), class: "bg-white shadow-sm rounded p-4 hover:shadow-md transition-shadow duration-200" do %>
         <p class="text-sm text-gray-500">Pending Jobs</p>
-        <p class="text-2xl font-bold text-sky-500"><%= @queue.pending %></p>
-      </div>
-      <div class="bg-white shadow-sm rounded p-4">
+        <p class="text-2xl font-bold text-blue-500"><%= @queue.pending %></p>
+      <% end %>
+      
+      <%= link_to status_queue_path(id: @queue_name, status: "scheduled"), class: "bg-white shadow-sm rounded p-4 hover:shadow-md transition-shadow duration-200" do %>
         <p class="text-sm text-gray-500">Scheduled Jobs</p>
-        <p class="text-2xl font-bold text-sky-500"><%= @queue.scheduled %></p>
-      </div>
-      <div class="bg-white shadow-sm rounded p-4">
+        <p class="text-2xl font-bold text-blue-500"><%= @queue.scheduled %></p>
+      <% end %>
+      
+      <%= link_to status_queue_path(id: @queue_name, status: "running"), class: "bg-white shadow-sm rounded p-4 hover:shadow-md transition-shadow duration-200" do %>
         <p class="text-sm text-gray-500">Running Jobs</p>
-        <p class="text-2xl font-bold text-sky-500"><%= @queue.running %></p>
-      </div>
-      <div class="bg-white shadow-sm rounded p-4">
+        <p class="text-2xl font-bold text-blue-500"><%= @queue.running %></p>
+      <% end %>
+      
+      <%= link_to status_queue_path(id: @queue_name, status: "failed"), class: "bg-white shadow-sm rounded p-4 hover:shadow-md transition-shadow duration-200" do %>
         <p class="text-sm text-gray-500">Failed Jobs</p>
-        <p class="text-2xl font-bold text-sky-500"><%= @queue.failed %></p>
-      </div>
+        <p class="text-2xl font-bold text-blue-500"><%= @queue.failed %></p>
+      <% end %>
+      
+      <%= link_to status_queue_path(id: @queue_name, status: "completed"), class: "bg-white shadow-sm rounded p-4 hover:shadow-md transition-shadow duration-200" do %>
+        <p class="text-sm text-gray-500">Completed Jobs</p>
+        <p class="text-2xl font-bold text-blue-500"><%= @queue.completed %></p>
+      <% end %>
     </div>
 
     <!-- Queue Details -->
@@ -43,6 +54,156 @@
         </div>
       </div>
     </div>
+    
+    <!-- Jobs Table -->
+    <div class="bg-white shadow rounded p-6">
+      <div class="flex justify-between items-center mb-4">
+        <h3 class="text-xl font-semibold">
+          <% if @status.present? %>
+            Recent <%= @status.capitalize %> Jobs
+          <% else %>
+            Recent Jobs
+          <% end %>
+        </h3>
+        <% if @status.present? %>
+          <%= link_to "Clear Filter", queue_path(@queue_name), class: "text-blue-500 text-sm hover:underline" %>
+        <% end %>
+      </div>
+      
+      <div class="overflow-x-auto">
+        <table class="min-w-full divide-y divide-gray-200">
+          <thead class="bg-gray-50">
+            <tr>
+              <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">ID</th>
+              <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Job Class</th>
+              <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Status</th>
+              <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Arguments</th>
+              <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Created At</th>
+              <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Actions</th>
+            </tr>
+          </thead>
+          <tbody class="bg-white divide-y divide-gray-200">
+            <% if @jobs.any? %>
+              <% @jobs.each do |job| %>
+                <tr id="job-<%= job.id %>" class="<%= 'hover:bg-gray-50' %>">
+                  <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-500">
+                    <%= link_to job.id, job_path(job.id), class: "text-blue-600 hover:text-blue-800 hover:underline" %>
+                  </td>
+                  <td class="px-4 py-3 whitespace-nowrap text-sm font-medium"><%= job.class_name %></td>
+                  <td class="px-4 py-3 whitespace-nowrap text-sm">
+                    <% status_style = case job.status
+                       when 'completed' then 'bg-green-50 text-green-700 ring-1 ring-green-600/20 ring-inset'
+                       when 'running' then 'bg-blue-50 text-blue-700 ring-1 ring-blue-700/10 ring-inset'
+                       when 'scheduled' then 'bg-yellow-50 text-yellow-800 ring-1 ring-yellow-600/20 ring-inset'
+                       when 'pending' then 'bg-gray-50 text-gray-600 ring-1 ring-gray-500/10 ring-inset'
+                       when 'failed' then 'bg-red-50 text-red-700 ring-1 ring-red-600/10 ring-inset'
+                       else 'bg-purple-50 text-purple-700 ring-1 ring-purple-700/10 ring-inset'
+                       end %>
+                    <span class="inline-flex items-center rounded-md px-2 py-1 text-xs font-medium <%= status_style %>">
+                      <%= job.status %>
+                    </span>
+                  </td>
+                  <td class="px-4 py-3 text-sm text-gray-500 max-w-xs truncate"><%= job.arguments %></td>
+                  <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-500">
+                    <%= job.created_at.strftime('%Y-%m-%d %H:%M:%S') %>
+                  </td>
+                  <td class="px-4 py-3 whitespace-nowrap text-sm">
+                    <div class="flex space-x-2">
+                      <% if job.status == 'failed' && (job.error.present? || job.backtrace.present?) %>
+                        <%= link_to "View Details", job_path(job.id), 
+                            class: "rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-xs ring-1 ring-blue-300 ring-inset hover:bg-gray-50 hover:text-blue-700" %>
+                      <% else %>
+                        <% if ['failed', 'scheduled', 'pending', 'completed'].include?(job.status) %>
+                          <%= button_to "Retry", retry_job_queue_path(id: @queue_name, job_id: job.id), 
+                                method: :post, 
+                                class: "rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-xs ring-1 ring-gray-300 ring-inset hover:bg-gray-50",
+                                form: { data: { turbo_confirm: "Are you sure you want to retry this job?" } },
+                                disabled: job.status == 'running' %>
+                        <% end %>
+                        
+                        <% if job.status != 'completed' %>
+                          <%= button_to "Discard", discard_job_queue_path(id: @queue_name, job_id: job.id), 
+                                method: :delete, 
+                                class: "rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-xs ring-1 ring-red-300 ring-inset hover:bg-gray-50 hover:text-red-700",
+                                form: { data: { turbo_confirm: "Are you sure you want to discard this job?" } } %>
+                        <% end %>
+                      <% end %>
+                    </div>
+                  </td>
+                </tr>
+              <% end %>
+            <% else %>
+              <tr>
+                <td colspan="6" class="px-4 py-3 text-center text-sm text-gray-500">
+                  <% if @status.present? %>
+                    No <%= @status %> jobs found in this queue
+                  <% else %>
+                    No jobs found in this queue
+                  <% end %>
+                </td>
+              </tr>
+            <% end %>
+          </tbody>
+        </table>
+      </div>
+      
+      <!-- Pagination -->
+      <% if @pagy&.pages && @pagy.pages > 1 %>
+        <div class="px-4 py-3 flex items-center justify-between border-t border-gray-200 sm:px-6">
+          <div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between">
+            <div>
+              <p class="text-sm text-gray-700">
+                <% if @total_count > 0 %>
+                  Showing <span class="font-medium"><%= @pagy.from %></span> to <span class="font-medium"><%= @pagy.to %></span> of <span class="font-medium"><%= @pagy.count %></span> results
+                <% else %>
+                  No matching jobs found
+                <% end %>
+              </p>
+            </div>
+            <div>
+              <% if @total_count > 0 %>
+                <nav class="relative z-0 inline-flex shadow-sm -space-x-px" aria-label="Pagination">
+                  <% if @pagy.prev %>
+                    <%= link_to @status.present? ? status_queue_path(id: @queue_name, status: @status, page: @pagy.prev) : queue_path(@queue_name, page: @pagy.prev), 
+                        class: "relative inline-flex items-center px-2 py-2 rounded-l-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50" do %>
+                      <span class="sr-only">Previous</span>
+                      &laquo;
+                    <% end %>
+                  <% else %>
+                    <span class="relative inline-flex items-center px-2 py-2 rounded-l-md border border-gray-300 bg-gray-100 text-sm font-medium text-gray-400 cursor-not-allowed">
+                      <span class="sr-only">Previous</span>
+                      &laquo;
+                    </span>
+                  <% end %>
+                  
+                  <% @pagy.series.each do |item| %>
+                    <% if item.is_a?(Integer) %>
+                      <%= link_to item, @status.present? ? status_queue_path(id: @queue_name, status: @status, page: item) : queue_path(@queue_name, page: item), 
+                          class: "relative inline-flex items-center px-4 py-2 border #{item == @pagy.page ? 'border-blue-500 bg-blue-50 text-blue-600' : 'border-gray-300 bg-white text-gray-500 hover:bg-gray-50'} text-sm font-medium" %>
+                    <% elsif item == :gap %>
+                      <span class="relative inline-flex items-center px-4 py-2 border border-gray-300 bg-white text-sm font-medium text-gray-700">...</span>
+                    <% end %>
+                  <% end %>
+                  
+                  <% if @pagy.next %>
+                    <%= link_to @status.present? ? status_queue_path(id: @queue_name, status: @status, page: @pagy.next) : queue_path(@queue_name, page: @pagy.next), 
+                        class: "relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50" do %>
+                      <span class="sr-only">Next</span>
+                      &raquo;
+                    <% end %>
+                  <% else %>
+                    <span class="relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-gray-100 text-sm font-medium text-gray-400 cursor-not-allowed">
+                      <span class="sr-only">Next</span>
+                      &raquo;
+                    </span>
+                  <% end %>
+                </nav>
+              <% end %>
+            </div>
+          </div>
+        </div>
+      <% end %>
+    </div>
   <% else %>
     <div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded">
       Queue not found.