pgbus 0.2.5 → 0.2.7

data/app/views/pgbus/insights/show.html.erb

@@ -68,7 +68,7 @@
   <div class="px-5 py-4 border-b border-gray-200 dark:border-gray-700">
     <h3 class="text-sm font-medium text-gray-700 dark:text-gray-300"><%= t("pgbus.insights.show.slowest.title") %></h3>
   </div>
-  <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
+  <table class="pgbus-table min-w-full divide-y divide-gray-200 dark:divide-gray-700">
     <thead class="bg-gray-50 dark:bg-gray-900">
       <tr>
         <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.insights.show.slowest.headers.job_class") %></th>
@@ -80,10 +80,10 @@
     <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
       <% @slowest.each do |row| %>
         <tr class="hover:bg-gray-50 dark:hover:bg-gray-700/50">
-          <td class="px-4 py-3 text-sm font-medium text-gray-700 dark:text-gray-300"><%= row[:job_class] %></td>
-          <td class="px-4 py-3 text-sm text-right font-mono text-gray-700 dark:text-gray-300"><%= pgbus_number(row[:count]) %></td>
-          <td class="px-4 py-3 text-sm text-right font-mono text-gray-700 dark:text-gray-300"><%= pgbus_ms_duration(row[:avg_ms]) %></td>
-          <td class="px-4 py-3 text-sm text-right font-mono text-gray-700 dark:text-gray-300"><%= pgbus_ms_duration(row[:max_ms]) %></td>
+          <td data-label="Job Class" class="px-4 py-3 text-sm font-medium text-gray-700 dark:text-gray-300"><%= row[:job_class] %></td>
+          <td data-label="Count" class="px-4 py-3 text-sm text-right font-mono text-gray-700 dark:text-gray-300"><%= pgbus_number(row[:count]) %></td>
+          <td data-label="Avg" class="px-4 py-3 text-sm text-right font-mono text-gray-700 dark:text-gray-300"><%= pgbus_ms_duration(row[:avg_ms]) %></td>
+          <td data-label="Max" class="px-4 py-3 text-sm text-right font-mono text-gray-700 dark:text-gray-300"><%= pgbus_ms_duration(row[:max_ms]) %></td>
         </tr>
       <% end %>
       <% if @slowest.empty? %>
@@ -95,12 +95,14 @@
 
 <script src="https://cdn.jsdelivr.net/npm/apexcharts@4"></script>
 <script>
-  let throughputChart, statusChart;
+(function() {
+  // IIFE prevents "redeclaration of let" when Turbo re-executes on navigation
+  var throughputChart, statusChart;
 
   function getThemeColors() {
-    const isDark = document.documentElement.classList.contains('dark');
+    var isDark = document.documentElement.classList.contains('dark');
     return {
-      isDark,
+      isDark: isDark,
       text: isDark ? '#9ca3af' : '#6b7280',
       grid: isDark ? '#374151' : '#e5e7eb',
       tooltip: isDark ? 'dark' : 'light',
@@ -109,16 +111,14 @@
   }
 
   function renderCharts(data) {
-    const t = getThemeColors();
+    var t = getThemeColors();
 
-    // Destroy existing charts before re-rendering
     if (throughputChart) throughputChart.destroy();
     if (statusChart) statusChart.destroy();
 
-    // Throughput chart
-    const throughputData = data.throughput.map(p => ({
-      x: new Date(p.time).getTime(), y: p.count
-    }));
+    var throughputData = data.throughput.map(function(p) {
+      return { x: new Date(p.time).getTime(), y: p.count };
+    });
 
     throughputChart = new ApexCharts(document.querySelector('#throughput-chart'), {
       series: [{ name: '<%= j(t("pgbus.insights.show.charts.series_name")) %>', data: throughputData }],
@@ -134,10 +134,9 @@
     });
     throughputChart.render();
 
-    // Status distribution chart
-    const statusLabels = Object.keys(data.status_counts);
-    const statusValues = Object.values(data.status_counts);
-    const statusColors = statusLabels.map(s => {
+    var statusLabels = Object.keys(data.status_counts);
+    var statusValues = Object.values(data.status_counts);
+    var statusColors = statusLabels.map(function(s) {
       if (s === 'success') return '#10b981';
       if (s === 'failed') return '#ef4444';
       if (s === 'dead_lettered') return '#f97316';
@@ -161,21 +160,24 @@
     }
   }
 
-  // Fetch data and render
-  let chartData = null;
+  var chartData = null;
   fetch('<%= pgbus.api_insights_path(minutes: @minutes) %>')
-    .then(r => r.json())
-    .then(data => { chartData = data; renderCharts(data); })
-    .catch(() => {
-      const msg = '<p class="text-center text-sm text-gray-400 dark:text-gray-500 pt-24"><%= j(t("pgbus.insights.show.charts.failed_to_load")) %></p>';
-      document.querySelector('#throughput-chart').innerHTML = msg;
-      document.querySelector('#status-chart').innerHTML = msg;
+    .then(function(r) {
+      if (!r.ok) throw new Error('HTTP ' + r.status);
+      return r.json();
+    })
+    .then(function(data) { chartData = data; renderCharts(data); })
+    .catch(function(err) {
+      if (err.name === 'AbortError') return;
+      var msg = '<p class="text-center text-sm text-gray-400 dark:text-gray-500 pt-24"><%= j(t("pgbus.insights.show.charts.failed_to_load")) %></p>';
+      var el1 = document.querySelector('#throughput-chart');
+      var el2 = document.querySelector('#status-chart');
+      if (el1) el1.innerHTML = msg;
+      if (el2) el2.innerHTML = msg;
     });
 
-  // Re-render charts when dark mode toggles.
-  // Listen for class changes on <html> instead of wrapping the toggle function,
-  // so it works regardless of script loading order.
   new MutationObserver(function() {
     if (chartData) renderCharts(chartData);
   }).observe(document.documentElement, { attributes: true, attributeFilter: ['class'] });
+})();
 </script>

data/app/views/pgbus/jobs/_enqueued_table.html.erb

@@ -2,7 +2,7 @@
   <div>
     <h2 class="text-lg font-semibold text-gray-900 dark:text-white mb-3"><%= t("pgbus.jobs.enqueued_table.title") %></h2>
     <div class="overflow-hidden rounded-lg bg-white dark:bg-gray-800 shadow ring-1 ring-gray-200 dark:ring-gray-700">
-      <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
+      <table class="pgbus-table min-w-full divide-y divide-gray-200 dark:divide-gray-700">
         <thead class="bg-gray-50 dark:bg-gray-900">
           <tr>
             <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500"><%= t("pgbus.jobs.enqueued_table.headers.id") %></th>

data/app/views/pgbus/jobs/_failed_table.html.erb

@@ -2,7 +2,7 @@
   <div class="mb-8">
     <h2 class="text-lg font-semibold text-gray-900 dark:text-white mb-3"><%= t("pgbus.jobs.failed_table.title") %></h2>
     <div class="overflow-hidden rounded-lg bg-white dark:bg-gray-800 shadow ring-1 ring-gray-200 dark:ring-gray-700">
-      <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
+      <table class="pgbus-table min-w-full divide-y divide-gray-200 dark:divide-gray-700">
         <thead class="bg-gray-50 dark:bg-gray-900">
           <tr>
             <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500"><%= t("pgbus.jobs.failed_table.headers.id") %></th>
@@ -16,16 +16,16 @@
         <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
           <% @failed.each do |f| %>
             <tr class="hover:bg-gray-50 dark:hover:bg-gray-700/50 dark:bg-gray-900">
-              <td class="px-4 py-3 text-sm font-mono text-gray-900 dark:text-white">
+              <td data-label="ID" class="px-4 py-3 text-sm font-mono text-gray-900 dark:text-white">
                 <%= link_to f["id"], pgbus.job_path(f["id"]), class: "text-indigo-600 hover:text-indigo-500", data: { turbo_frame: "_top" } %>
               </td>
-              <td class="px-4 py-3 text-sm text-gray-700"><%= f["queue_name"] %></td>
-              <td class="px-4 py-3 text-sm text-red-600 max-w-sm truncate">
+              <td data-label="Queue" class="px-4 py-3 text-sm text-gray-700"><%= f["queue_name"] %></td>
+              <td data-label="Error" class="px-4 py-3 text-sm text-red-600 max-w-sm truncate">
                 <span class="font-medium"><%= f["error_class"] %></span>: <%= truncate(f["error_message"].to_s, length: 80) %>
               </td>
-              <td class="px-4 py-3 text-sm text-gray-500"><%= f["retry_count"] %></td>
-              <td class="px-4 py-3 text-sm text-gray-500"><%= pgbus_time_ago(f["failed_at"]) %></td>
-              <td class="px-4 py-3 text-sm text-right space-x-2">
+              <td data-label="Retries" class="px-4 py-3 text-sm text-gray-500"><%= f["retry_count"] %></td>
+              <td data-label="Failed" class="px-4 py-3 text-sm text-gray-500"><%= pgbus_time_ago(f["failed_at"]) %></td>
+              <td data-label="Actions" class="px-4 py-3 text-sm text-right space-x-2">
                 <%= button_to t("pgbus.jobs.failed_table.retry"), pgbus.retry_job_path(f["id"]), method: :post,
                       class: "text-xs text-indigo-600 hover:text-indigo-800 font-medium",
                       data: { turbo_frame: "_top" } %>

data/app/views/pgbus/locks/index.html.erb

@@ -4,7 +4,7 @@
 </div>
 
 <div class="overflow-hidden rounded-lg bg-white dark:bg-gray-800 shadow ring-1 ring-gray-200 dark:ring-gray-700">
-  <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
+  <table class="pgbus-table min-w-full divide-y divide-gray-200 dark:divide-gray-700">
     <thead class="bg-gray-50 dark:bg-gray-900">
       <tr>
         <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.locks.index.headers.lock_key") %></th>
@@ -18,16 +18,16 @@
     <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
       <% @locks.each do |lock| %>
         <tr class="hover:bg-gray-50 dark:hover:bg-gray-700/50">
-          <td class="px-4 py-3 text-sm font-mono text-gray-700 dark:text-gray-300 max-w-xs truncate"><%= lock[:lock_key] %></td>
-          <td class="px-4 py-3 text-sm text-gray-700 dark:text-gray-300"><%= lock[:job_class] %></td>
-          <td class="px-4 py-3 text-sm">
+          <td data-label="Lock Key" class="px-4 py-3 text-sm font-mono text-gray-700 dark:text-gray-300 max-w-xs truncate"><%= lock[:lock_key] %></td>
+          <td data-label="Job Class" class="px-4 py-3 text-sm text-gray-700 dark:text-gray-300"><%= lock[:job_class] %></td>
+          <td data-label="State" class="px-4 py-3 text-sm">
             <% if lock[:state] == "executing" %>
               <span class="inline-flex items-center rounded-full bg-blue-100 dark:bg-blue-900/50 px-2.5 py-0.5 text-xs font-medium text-blue-800 dark:text-blue-300"><%= t("pgbus.locks.index.executing") %></span>
             <% else %>
               <span class="inline-flex items-center rounded-full bg-yellow-100 dark:bg-yellow-900/50 px-2.5 py-0.5 text-xs font-medium text-yellow-800 dark:text-yellow-300"><%= t("pgbus.locks.index.queued") %></span>
             <% end %>
           </td>
-          <td class="px-4 py-3 text-sm text-gray-500 dark:text-gray-400">
+          <td data-label="Owner" class="px-4 py-3 text-sm text-gray-500 dark:text-gray-400">
             <% if lock[:owner_pid] %>
               <span class="font-mono"><%= lock[:owner_pid] %></span>
               <% if lock[:owner_hostname] %>
@@ -37,12 +37,12 @@
               <span class="text-gray-400 dark:text-gray-500">—</span>
             <% end %>
           </td>
-          <td class="px-4 py-3 text-sm text-right text-gray-500 dark:text-gray-400">
+          <td data-label="Age" class="px-4 py-3 text-sm text-right text-gray-500 dark:text-gray-400">
             <% if lock[:age_seconds] %>
               <%= pgbus_duration(lock[:age_seconds]) %>
             <% end %>
           </td>
-          <td class="px-4 py-3 text-sm text-right text-gray-500 dark:text-gray-400"><%= pgbus_time_ago_future(lock[:expires_at]) %></td>
+          <td data-label="Expires" class="px-4 py-3 text-sm text-right text-gray-500 dark:text-gray-400"><%= pgbus_time_ago_future(lock[:expires_at]) %></td>
         </tr>
       <% end %>
       <% if @locks.empty? %>

data/app/views/pgbus/outbox/index.html.erb

@@ -19,7 +19,7 @@
 </div>
 
 <div class="overflow-hidden rounded-lg bg-white dark:bg-gray-800 shadow ring-1 ring-gray-200 dark:ring-gray-700">
-  <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
+  <table class="pgbus-table min-w-full divide-y divide-gray-200 dark:divide-gray-700">
     <thead class="bg-gray-50 dark:bg-gray-900">
       <tr>
         <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500"><%= t("pgbus.outbox.index.headers.id") %></th>
@@ -33,18 +33,18 @@
     <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
       <% @entries.each do |entry| %>
         <tr class="hover:bg-gray-50 dark:hover:bg-gray-700/50 dark:bg-gray-900">
-          <td class="px-4 py-3 text-sm font-mono text-gray-700"><%= entry.id %></td>
-          <td class="px-4 py-3 text-sm text-gray-700"><%= entry.routing_key || entry.queue_name %></td>
-          <td class="px-4 py-3 text-sm text-gray-500 max-w-xs truncate"><%= pgbus_json_preview(entry.payload) %></td>
-          <td class="px-4 py-3 text-sm text-right text-gray-500"><%= entry.priority %></td>
-          <td class="px-4 py-3 text-sm text-right">
+          <td data-label="ID" class="px-4 py-3 text-sm font-mono text-gray-700"><%= entry.id %></td>
+          <td data-label="Routing Key" class="px-4 py-3 text-sm text-gray-700"><%= entry.routing_key || entry.queue_name %></td>
+          <td data-label="Payload" class="px-4 py-3 text-sm text-gray-500 max-w-xs truncate"><%= pgbus_json_preview(entry.payload) %></td>
+          <td data-label="Priority" class="px-4 py-3 text-sm text-right text-gray-500"><%= entry.priority %></td>
+          <td data-label="Status" class="px-4 py-3 text-sm text-right">
             <% if entry.published_at %>
               <span class="inline-flex items-center rounded-full bg-green-100 px-2 py-0.5 text-xs font-medium text-green-800"><%= t("pgbus.outbox.index.published") %></span>
             <% else %>
               <span class="inline-flex items-center rounded-full bg-yellow-100 px-2 py-0.5 text-xs font-medium text-yellow-800"><%= t("pgbus.outbox.index.pending") %></span>
             <% end %>
           </td>
-          <td class="px-4 py-3 text-sm text-right text-gray-500"><%= pgbus_time_ago(entry.created_at) %></td>
+          <td data-label="Created" class="px-4 py-3 text-sm text-right text-gray-500"><%= pgbus_time_ago(entry.created_at) %></td>
         </tr>
       <% end %>
       <% if @entries.empty? %>

data/app/views/pgbus/processes/_processes_table.html.erb

@@ -1,6 +1,6 @@
 <turbo-frame id="processes-list" data-auto-refresh data-src="<%= pgbus.processes_path(frame: 'list') %>">
   <div class="overflow-hidden rounded-lg bg-white dark:bg-gray-800 shadow ring-1 ring-gray-200 dark:ring-gray-700">
-    <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
+    <table class="pgbus-table min-w-full divide-y divide-gray-200 dark:divide-gray-700">
       <thead class="bg-gray-50 dark:bg-gray-900">
         <tr>
           <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500"><%= t("pgbus.processes.processes_table.headers.kind") %></th>
@@ -14,12 +14,12 @@
       <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
         <% @processes.each do |p| %>
           <tr class="hover:bg-gray-50 dark:hover:bg-gray-700/50 dark:bg-gray-900">
-            <td class="px-4 py-3 text-sm font-medium text-gray-900 dark:text-white"><%= p[:kind] %></td>
-            <td class="px-4 py-3 text-sm text-gray-700"><%= p[:hostname] %></td>
-            <td class="px-4 py-3 text-sm font-mono text-gray-700"><%= p[:pid] %></td>
-            <td class="px-4 py-3 text-sm"><%= pgbus_status_badge(p[:healthy]) %></td>
-            <td class="px-4 py-3 text-sm text-gray-500"><%= pgbus_time_ago(p[:last_heartbeat_at]) %></td>
-            <td class="px-4 py-3 text-sm text-gray-500 font-mono text-xs max-w-xs truncate">
+            <td data-label="Kind" class="px-4 py-3 text-sm font-medium text-gray-900 dark:text-white"><%= p[:kind] %></td>
+            <td data-label="Host" class="px-4 py-3 text-sm text-gray-700"><%= p[:hostname] %></td>
+            <td data-label="PID" class="px-4 py-3 text-sm font-mono text-gray-700"><%= p[:pid] %></td>
+            <td data-label="Status" class="px-4 py-3 text-sm"><%= pgbus_status_badge(p[:healthy]) %></td>
+            <td data-label="Last Heartbeat" class="px-4 py-3 text-sm text-gray-500"><%= pgbus_time_ago(p[:last_heartbeat_at]) %></td>
+            <td data-label="Metadata" class="px-4 py-3 text-sm text-gray-500 font-mono text-xs max-w-xs truncate">
               <% if p[:metadata].is_a?(Hash) %>
                 <% p[:metadata].each do |k, v| %>
                   <span class="inline-flex items-center rounded bg-gray-100 px-1.5 py-0.5 text-xs mr-1"><%= k %>: <%= v %></span>

data/app/views/pgbus/queues/_queues_list.html.erb

@@ -1,6 +1,6 @@
 <turbo-frame id="queues-list" data-auto-refresh data-src="<%= pgbus.queues_path(frame: 'list') %>">
   <div class="overflow-hidden rounded-lg bg-white dark:bg-gray-800 shadow ring-1 ring-gray-200 dark:ring-gray-700">
-    <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
+    <table class="pgbus-table min-w-full divide-y divide-gray-200 dark:divide-gray-700">
       <thead class="bg-gray-50 dark:bg-gray-900">
         <tr>
           <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500"><%= t("pgbus.queues.queues_list.headers.queue") %></th>
@@ -15,19 +15,19 @@
       <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
         <% @queues.each do |q| %>
           <tr class="hover:bg-gray-50 dark:hover:bg-gray-700/50 dark:bg-gray-900">
-            <td class="px-4 py-3 text-sm">
+            <td data-label="Queue" class="px-4 py-3 text-sm">
               <%= link_to q[:name], pgbus.queue_path(name: q[:name]), class: "font-medium text-indigo-600 hover:text-indigo-500", data: { turbo_frame: "_top" } %>
               <%= pgbus_queue_badge(q[:name]) %>
               <% if q[:paused] %>
                 <span class="inline-flex items-center rounded-full bg-yellow-100 px-2 py-0.5 text-xs font-medium text-yellow-800"><%= t("pgbus.queues.queues_list.paused") %></span>
               <% end %>
             </td>
-            <td class="px-4 py-3 text-sm text-right font-mono text-gray-700"><%= pgbus_number(q[:queue_length]) %></td>
-            <td class="px-4 py-3 text-sm text-right font-mono text-gray-700"><%= pgbus_number(q[:queue_visible_length]) %></td>
-            <td class="px-4 py-3 text-sm text-right text-gray-500"><%= q[:oldest_msg_age_sec] || "—" %></td>
-            <td class="px-4 py-3 text-sm text-right text-gray-500"><%= q[:newest_msg_age_sec] || "—" %></td>
-            <td class="px-4 py-3 text-sm text-right text-gray-500"><%= pgbus_number(q[:total_messages]) %></td>
-            <td class="px-4 py-3 text-sm text-right space-x-2">
+            <td data-label="Depth" class="px-4 py-3 text-sm text-right font-mono text-gray-700"><%= pgbus_number(q[:queue_length]) %></td>
+            <td data-label="Visible" class="px-4 py-3 text-sm text-right font-mono text-gray-700"><%= pgbus_number(q[:queue_visible_length]) %></td>
+            <td data-label="Oldest" class="px-4 py-3 text-sm text-right text-gray-500"><%= q[:oldest_msg_age_sec] || "—" %></td>
+            <td data-label="Newest" class="px-4 py-3 text-sm text-right text-gray-500"><%= q[:newest_msg_age_sec] || "—" %></td>
+            <td data-label="Total" class="px-4 py-3 text-sm text-right text-gray-500"><%= pgbus_number(q[:total_messages]) %></td>
+            <td data-label="Actions" class="px-4 py-3 text-sm text-right space-x-2">
               <% if q[:paused] %>
                 <%= button_to t("pgbus.queues.queues_list.resume"), pgbus.resume_queue_path(name: q[:name]),
                       method: :post,
@@ -43,6 +43,10 @@
                     method: :post,
                     class: "text-xs text-red-600 hover:text-red-800 font-medium",
                     data: { turbo_confirm: t("pgbus.queues.queues_list.purge_confirm", name: q[:name]), turbo_frame: "_top" } %>
+              <%= button_to t("pgbus.queues.queues_list.delete"), pgbus.queue_path(name: q[:name]),
+                    method: :delete,
+                    class: "text-xs text-red-600 hover:text-red-800 font-medium",
+                    data: { turbo_confirm: t("pgbus.queues.queues_list.delete_confirm", name: q[:name]), turbo_frame: "_top" } %>
             </td>
           </tr>
         <% end %>

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

@@ -1,6 +1,11 @@
 <div class="flex items-center justify-between mb-6">
   <div>
-    <h1 class="text-2xl font-bold text-gray-900 dark:text-white"><%= @queue&.dig(:name) || params[:name] %></h1>
+    <h1 class="text-2xl font-bold text-gray-900 dark:text-white">
+      <%= @queue&.dig(:name) || params[:name] %>
+      <% if @paused %>
+        <span class="inline-flex items-center rounded-full bg-yellow-100 px-2.5 py-0.5 text-xs font-medium text-yellow-800"><%= t("pgbus.queues.queues_list.paused") %></span>
+      <% end %>
+    </h1>
     <% if @queue %>
       <p class="text-sm text-gray-500 mt-1">
         <%= t("pgbus.queues.show.depth") %> <span class="font-mono"><%= @queue[:queue_length] %></span> |
@@ -10,10 +15,24 @@
     <% end %>
   </div>
   <div class="flex space-x-2">
+    <% if @paused %>
+      <%= button_to t("pgbus.queues.show.resume"), pgbus.resume_queue_path(name: params[:name]),
+            method: :post,
+            class: "rounded-md bg-green-600 px-3 py-2 text-sm font-medium text-white hover:bg-green-500" %>
+    <% else %>
+      <%= button_to t("pgbus.queues.show.pause"), pgbus.pause_queue_path(name: params[:name]),
+            method: :post,
+            class: "rounded-md bg-yellow-500 px-3 py-2 text-sm font-medium text-white hover:bg-yellow-400",
+            data: { turbo_confirm: t("pgbus.queues.show.pause_confirm") } %>
+    <% end %>
     <%= button_to t("pgbus.queues.show.purge_queue"), pgbus.purge_queue_path(name: params[:name]),
           method: :post,
           class: "rounded-md bg-red-600 px-3 py-2 text-sm font-medium text-white hover:bg-red-500",
           data: { turbo_confirm: t("pgbus.queues.show.purge_confirm") } %>
+    <%= button_to t("pgbus.queues.show.delete_queue"), pgbus.queue_path(name: params[:name]),
+          method: :delete,
+          class: "rounded-md bg-red-800 px-3 py-2 text-sm font-medium text-white hover:bg-red-700",
+          data: { turbo_confirm: t("pgbus.queues.show.delete_confirm") } %>
   </div>
 </div>
 

data/app/views/pgbus/recurring_tasks/_tasks_table.html.erb

@@ -6,7 +6,7 @@
         <p class="mt-1 text-sm"><%= t("pgbus.recurring_tasks.tasks_table.empty_hint") %></p>
       </div>
     <% else %>
-      <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
+      <table class="pgbus-table min-w-full divide-y divide-gray-200 dark:divide-gray-700">
         <thead class="bg-gray-50 dark:bg-gray-900">
           <tr>
             <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase"><%= t("pgbus.recurring_tasks.tasks_table.headers.task") %></th>
@@ -21,7 +21,7 @@
         <tbody class="divide-y divide-gray-200 dark:divide-gray-700">
           <% @recurring_tasks.each do |task| %>
             <tr class="hover:bg-gray-50 dark:hover:bg-gray-700/50 dark:bg-gray-900">
-              <td class="px-4 py-3">
+              <td data-label="Task" class="px-4 py-3">
                 <div>
                   <%= link_to task[:key], pgbus.recurring_task_path(task[:id]),
                       class: "text-sm font-medium text-blue-600 hover:text-blue-800" %>
@@ -31,26 +31,26 @@
                   <div class="text-xs text-gray-400 mt-0.5"><%= task[:description] %></div>
                 <% end %>
               </td>
-              <td class="px-4 py-3">
+              <td data-label="Schedule" class="px-4 py-3">
                 <div class="text-sm text-gray-900 dark:text-white"><%= task[:schedule] %></div>
                 <% if task[:human_schedule] && task[:human_schedule] != task[:schedule] %>
                   <div class="text-xs text-gray-400"><%= task[:human_schedule] %></div>
                 <% end %>
               </td>
-              <td class="px-4 py-3 text-sm text-gray-600">
+              <td data-label="Queue" class="px-4 py-3 text-sm text-gray-600">
                 <%= task[:queue_name] || t("pgbus.recurring_tasks.tasks_table.default_queue") %>
               </td>
-              <td class="px-4 py-3 text-sm text-gray-600">
+              <td data-label="Last Run" class="px-4 py-3 text-sm text-gray-600">
                 <%= task[:last_run_at] ? pgbus_time_ago(task[:last_run_at]) : t("pgbus.recurring_tasks.tasks_table.never") %>
               </td>
-              <td class="px-4 py-3 text-sm text-gray-600">
+              <td data-label="Next Run" class="px-4 py-3 text-sm text-gray-600">
                 <% if task[:enabled] && task[:next_run_at] %>
                   <%= pgbus_time_ago_future(task[:next_run_at]) %>
                 <% else %>
                   <span class="text-gray-400">—</span>
                 <% end %>
               </td>
-              <td class="px-4 py-3">
+              <td data-label="Status" class="px-4 py-3">
                 <% if task[:enabled] %>
                   <%= pgbus_recurring_health_badge(task) %>
                 <% else %>
@@ -59,7 +59,7 @@
                   </span>
                 <% end %>
               </td>
-              <td class="px-4 py-3 text-right space-x-1">
+              <td data-label="Actions" class="px-4 py-3 text-right space-x-1">
                 <%= button_to task[:enabled] ? t("pgbus.recurring_tasks.tasks_table.disable") : t("pgbus.recurring_tasks.tasks_table.enable"),
                     pgbus.toggle_recurring_task_path(task[:id]),
                     class: "inline-flex items-center rounded px-2 py-1 text-xs font-medium " \

data/config/locales/da.yml

@@ -1,6 +1,13 @@
 ---
 da:
   pgbus:
+    dialogs:
+      cancel: Annuller
+      confirm: Bekræft
+      confirm_title: Er du sikker?
+      delete: Slet
+      delete_title: Slet
+      ok: OK
     dashboard:
       processes_table:
         empty: Ingen processer kører
@@ -217,8 +224,10 @@ da:
         processes: Processer
         queues: Køer
         recurring: Gentagende
+      return_to_app: Tilbage til app
       title: Pgbus Dashboard
       toggle_dark_mode: Skift til mørk tilstand
+      toggle_menu: Skift menu
     locks:
       index:
         description: Aktive unikke låse forhindrer duplikeret jobudførelse
@@ -278,13 +287,19 @@ da:
           queue: Kø
           total_ever: Total nogensinde
           visible: Synlig
+        delete: Slet
+        delete_confirm: Slet køen %{name} permanent? Dette kan ikke fortrydes.
         pause: Pause
         pause_confirm: Pause behandling i %{name}?
         paused: Pauset
         purge: Rens
         purge_confirm: Rens alle beskeder fra %{name}?
         resume: Genoptag
+      destroy:
+        success: Køen %{name} slettet.
       show:
+        delete_confirm: Slet denne kø permanent? Dette kan ikke fortrydes.
+        delete_queue: Slet kø
         depth: 'Dybde:'
         empty: Køen er tom
         headers:
@@ -293,8 +308,11 @@ da:
           payload: Indhold
           reads: Læsninger
           vt: VT
+        pause: Pause
+        pause_confirm: Pause behandling?
         purge_confirm: Rens alle beskeder?
         purge_queue: Rens kø
+        resume: Genoptag
         total: 'Total:'
         visible: 'Synlig:'
     recurring_tasks:

data/config/locales/de.yml

@@ -1,6 +1,13 @@
 ---
 de:
   pgbus:
+    dialogs:
+      cancel: Abbrechen
+      confirm: Bestätigen
+      confirm_title: Sind Sie sicher?
+      delete: Löschen
+      delete_title: Löschen
+      ok: OK
     dashboard:
       processes_table:
         empty: Keine Prozesse laufen
@@ -217,8 +224,10 @@ de:
         processes: Prozesse
         queues: Warteschlangen
         recurring: Wiederkehrend
+      return_to_app: Zurück zur App
       title: Pgbus Dashboard
       toggle_dark_mode: Dunkelmodus umschalten
+      toggle_menu: Menü umschalten
     locks:
       index:
         description: Aktive Einzigartigkeitssperren verhindern doppelte Auftragserstellung
@@ -278,13 +287,19 @@ de:
           queue: Warteschlange
           total_ever: Insgesamt jemals
           visible: Sichtbar
+        delete: Löschen
+        delete_confirm: Warteschlange %{name} dauerhaft löschen? Dies kann nicht rückgängig gemacht werden.
         pause: Pause
         pause_confirm: Verarbeitung für %{name} pausieren?
         paused: Pausiert
         purge: Bereinigen
         purge_confirm: Alle Nachrichten von %{name} löschen?
         resume: Fortsetzen
+      destroy:
+        success: Warteschlange %{name} gelöscht.
       show:
+        delete_confirm: Diese Warteschlange dauerhaft löschen? Dies kann nicht rückgängig gemacht werden.
+        delete_queue: Warteschlange löschen
         depth: 'Tiefe:'
         empty: Warteschlange ist leer
         headers:
@@ -293,8 +308,11 @@ de:
           payload: Nutzlast
           reads: Lesevorgänge
           vt: VT
+        pause: Pause
+        pause_confirm: Verarbeitung pausieren?
         purge_confirm: Alle Nachrichten löschen?
         purge_queue: Warteschlange bereinigen
+        resume: Fortsetzen
         total: 'Insgesamt:'
         visible: 'Sichtbar:'
     recurring_tasks:

data/config/locales/en.yml

@@ -1,6 +1,13 @@
 ---
 en:
   pgbus:
+    dialogs:
+      cancel: Cancel
+      confirm: Confirm
+      confirm_title: Are you sure?
+      delete: Delete
+      delete_title: Delete
+      ok: OK
     dashboard:
       processes_table:
         empty: No processes running
@@ -217,8 +224,10 @@ en:
         processes: Processes
         queues: Queues
         recurring: Recurring
+      return_to_app: Back to app
       title: Pgbus Dashboard
       toggle_dark_mode: Toggle dark mode
+      toggle_menu: Toggle menu
     locks:
       index:
         description: Active uniqueness locks preventing duplicate job execution
@@ -278,13 +287,19 @@ en:
           queue: Queue
           total_ever: Total Ever
           visible: Visible
+        delete: Delete
+        delete_confirm: Permanently delete queue %{name}? This cannot be undone.
         pause: Pause
         pause_confirm: Pause processing for %{name}?
         paused: Paused
         purge: Purge
         purge_confirm: Purge all messages from %{name}?
         resume: Resume
+      destroy:
+        success: Queue %{name} deleted.
       show:
+        delete_confirm: Permanently delete this queue? This cannot be undone.
+        delete_queue: Delete Queue
         depth: 'Depth:'
         empty: Queue is empty
         headers:
@@ -293,8 +308,11 @@ en:
           payload: Payload
           reads: Reads
           vt: VT
+        pause: Pause
+        pause_confirm: Pause processing?
         purge_confirm: Purge all messages?
         purge_queue: Purge Queue
+        resume: Resume
         total: 'Total:'
         visible: 'Visible:'
     recurring_tasks:

data/config/locales/es.yml

@@ -1,6 +1,13 @@
 ---
 es:
   pgbus:
+    dialogs:
+      cancel: Cancelar
+      confirm: Confirmar
+      confirm_title: "¿Estás seguro?"
+      delete: Eliminar
+      delete_title: Eliminar
+      ok: Aceptar
     dashboard:
       processes_table:
         empty: No hay procesos en ejecución
@@ -217,8 +224,10 @@ es:
         processes: Procesos
         queues: Colas
         recurring: Recurrente
+      return_to_app: Volver a la app
       title: Panel de Pgbus
       toggle_dark_mode: Alternar modo oscuro
+      toggle_menu: Alternar menú
     locks:
       index:
         description: Bloqueos de unicidad activos que impiden la ejecución duplicada del trabajo
@@ -278,13 +287,19 @@ es:
           queue: Cola
           total_ever: Total acumulado
           visible: Visible
+        delete: Eliminar
+        delete_confirm: "¿Eliminar permanentemente la cola %{name}? Esto no se puede deshacer."
         pause: Pausar
         pause_confirm: "¿Pausar el procesamiento de %{name}?"
         paused: Pausado
         purge: Purgar
         purge_confirm: "¿Purgar todos los mensajes de %{name}?"
         resume: Reanudar
+      destroy:
+        success: Cola %{name} eliminada.
       show:
+        delete_confirm: "¿Eliminar permanentemente esta cola? Esto no se puede deshacer."
+        delete_queue: Eliminar cola
         depth: 'Profundidad:'
         empty: La cola está vacía
         headers:
@@ -293,8 +308,11 @@ es:
           payload: Carga útil
           reads: Lecturas
           vt: VT
+        pause: Pausar
+        pause_confirm: "¿Pausar el procesamiento?"
         purge_confirm: "¿Purgar todos los mensajes?"
         purge_queue: Purgar cola
+        resume: Reanudar
         total: 'Total:'
         visible: 'Visible:'
     recurring_tasks: