pgbus 0.1.5 → 0.1.7

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

@@ -1,9 +1,9 @@
 <turbo-frame id="jobs-enqueued" data-auto-refresh src="<%= pgbus.jobs_path(request.query_parameters.merge(frame: 'enqueued')) %>">
   <div>
-    <h2 class="text-lg font-semibold text-gray-900 mb-3">Enqueued Jobs</h2>
-    <div class="overflow-hidden rounded-lg bg-white shadow ring-1 ring-gray-200">
-      <table class="min-w-full divide-y divide-gray-200">
-        <thead class="bg-gray-50">
+    <h2 class="text-lg font-semibold text-gray-900 dark:text-white mb-3">Enqueued Jobs</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">
+        <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">ID</th>
             <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500">Job Class</th>
@@ -12,31 +12,31 @@
             <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500">Reads</th>
           </tr>
         </thead>
-        <tbody class="divide-y divide-gray-100">
+        <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
           <% @jobs.each do |j| %>
             <% payload = pgbus_parse_message(j[:message]) %>
             <tr>
               <td colspan="5" class="p-0">
                 <details class="group">
-                  <summary class="flex cursor-pointer hover:bg-gray-50 list-none">
-                    <span class="w-16 shrink-0 px-4 py-3 text-sm font-mono text-gray-900"><%= j[:msg_id] %></span>
-                    <span class="flex-1 px-4 py-3 text-sm font-medium text-gray-900"><%= payload["job_class"] || "—" %></span>
+                  <summary class="flex cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-700/50 dark:bg-gray-900 list-none">
+                    <span class="w-16 shrink-0 px-4 py-3 text-sm font-mono text-gray-900 dark:text-white"><%= j[:msg_id] %></span>
+                    <span class="flex-1 px-4 py-3 text-sm font-medium text-gray-900 dark:text-white"><%= payload["job_class"] || "—" %></span>
                     <span class="w-40 shrink-0 px-4 py-3 text-sm text-gray-700"><%= j[:queue_name] %></span>
                     <span class="w-28 shrink-0 px-4 py-3 text-sm text-gray-500"><%= pgbus_time_ago(j[:enqueued_at]) %></span>
                     <span class="w-16 shrink-0 px-4 py-3 text-sm text-gray-500"><%= j[:read_ct] %></span>
                   </summary>
-                  <div class="px-4 pb-4 bg-gray-50 border-t border-gray-100">
+                  <div class="px-4 pb-4 bg-gray-50 dark:bg-gray-900 border-t border-gray-100">
                     <div class="flex items-center mt-3 mb-3">
                       <span class="text-xs font-mono text-gray-400">Job ID: <%= payload["job_id"] %></span>
                     </div>
                     <div class="grid grid-cols-2 gap-4 mb-3">
                       <div>
                         <span class="text-xs font-medium text-gray-500">Arguments</span>
-                        <pre class="text-xs text-gray-700 bg-white rounded p-2 mt-1 overflow-x-auto max-h-40"><%= JSON.pretty_generate(payload["arguments"] || []) rescue "—" %></pre>
+                        <pre class="text-xs text-gray-700 bg-white dark:bg-gray-800 rounded p-2 mt-1 overflow-x-auto max-h-40"><%= JSON.pretty_generate(payload["arguments"] || []) rescue "—" %></pre>
                       </div>
                       <div>
                         <span class="text-xs font-medium text-gray-500">Metadata</span>
-                        <div class="text-xs text-gray-600 bg-white rounded p-2 mt-1 space-y-1">
+                        <div class="text-xs text-gray-600 bg-white dark:bg-gray-800 rounded p-2 mt-1 space-y-1">
                           <% if payload["queue_name"] %><p><strong>Queue:</strong> <%= payload["queue_name"] %></p><% end %>
                           <% if payload["priority"] %><p><strong>Priority:</strong> <%= payload["priority"] %></p><% end %>
                           <% if payload["locale"] %><p><strong>Locale:</strong> <%= payload["locale"] %></p><% end %>
@@ -49,12 +49,12 @@
                     </div>
                     <details class="mt-2">
                       <summary class="text-xs font-medium text-gray-500 cursor-pointer hover:text-gray-700">Full JSON payload</summary>
-                      <pre class="text-xs text-gray-600 bg-white rounded p-2 mt-1 overflow-x-auto max-h-96"><%= JSON.pretty_generate(payload) rescue j[:message] %></pre>
+                      <pre class="text-xs text-gray-600 bg-white dark:bg-gray-800 rounded p-2 mt-1 overflow-x-auto max-h-96"><%= JSON.pretty_generate(payload) rescue j[:message] %></pre>
                     </details>
                     <% if j[:headers] %>
                       <details class="mt-2">
                         <summary class="text-xs font-medium text-gray-500 cursor-pointer hover:text-gray-700">Headers</summary>
-                        <pre class="text-xs text-gray-600 bg-white rounded p-2 mt-1 overflow-x-auto"><%= JSON.pretty_generate(JSON.parse(j[:headers])) rescue j[:headers] %></pre>
+                        <pre class="text-xs text-gray-600 bg-white dark:bg-gray-800 rounded p-2 mt-1 overflow-x-auto"><%= JSON.pretty_generate(JSON.parse(j[:headers])) rescue j[:headers] %></pre>
                       </details>
                     <% end %>
                   </div>

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

@@ -1,9 +1,9 @@
 <turbo-frame id="jobs-failed" data-auto-refresh src="<%= pgbus.jobs_path(frame: 'failed') %>">
   <div class="mb-8">
-    <h2 class="text-lg font-semibold text-gray-900 mb-3">Failed Jobs</h2>
-    <div class="overflow-hidden rounded-lg bg-white shadow ring-1 ring-gray-200">
-      <table class="min-w-full divide-y divide-gray-200">
-        <thead class="bg-gray-50">
+    <h2 class="text-lg font-semibold text-gray-900 dark:text-white mb-3">Failed Jobs</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">
+        <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">ID</th>
             <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500">Queue</th>
@@ -13,10 +13,10 @@
             <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500">Actions</th>
           </tr>
         </thead>
-        <tbody class="divide-y divide-gray-100">
+        <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
           <% @failed.each do |f| %>
-            <tr class="hover:bg-gray-50">
-              <td class="px-4 py-3 text-sm font-mono text-gray-900">
+            <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">
                 <%= 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>

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

@@ -1,5 +1,5 @@
 <div class="flex items-center justify-between mb-6">
-  <h1 class="text-2xl font-bold text-gray-900">Jobs</h1>
+  <h1 class="text-2xl font-bold text-gray-900 dark:text-white">Jobs</h1>
   <% if @failed.any? %>
     <div class="flex space-x-2">
       <%= button_to "Retry All", pgbus.retry_all_jobs_path, method: :post,

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

@@ -3,17 +3,17 @@
 </div>
 
 <% if @job %>
-  <h1 class="text-2xl font-bold text-gray-900 mb-6">Failed Job #<%= @job["id"] %></h1>
+  <h1 class="text-2xl font-bold text-gray-900 dark:text-white mb-6">Failed Job #<%= @job["id"] %></h1>
 
-  <div class="rounded-lg bg-white shadow ring-1 ring-gray-200 p-6 mb-6">
+  <div class="rounded-lg bg-white dark:bg-gray-800 shadow ring-1 ring-gray-200 dark:ring-gray-700 p-6 mb-6">
     <dl class="grid grid-cols-1 gap-4 sm:grid-cols-2">
       <div>
         <dt class="text-sm font-medium text-gray-500">Queue</dt>
-        <dd class="text-sm text-gray-900"><%= @job["queue_name"] %></dd>
+        <dd class="text-sm text-gray-900 dark:text-white"><%= @job["queue_name"] %></dd>
       </div>
       <div>
         <dt class="text-sm font-medium text-gray-500">Failed At</dt>
-        <dd class="text-sm text-gray-900"><%= @job["failed_at"] %></dd>
+        <dd class="text-sm text-gray-900 dark:text-white"><%= @job["failed_at"] %></dd>
       </div>
       <div>
         <dt class="text-sm font-medium text-gray-500">Error Class</dt>
@@ -21,26 +21,26 @@
       </div>
       <div>
         <dt class="text-sm font-medium text-gray-500">Retry Count</dt>
-        <dd class="text-sm text-gray-900"><%= @job["retry_count"] %></dd>
+        <dd class="text-sm text-gray-900 dark:text-white"><%= @job["retry_count"] %></dd>
       </div>
     </dl>
   </div>
 
-  <div class="rounded-lg bg-white shadow ring-1 ring-gray-200 p-6 mb-6">
+  <div class="rounded-lg bg-white dark:bg-gray-800 shadow ring-1 ring-gray-200 dark:ring-gray-700 p-6 mb-6">
     <h2 class="text-sm font-medium text-gray-500 mb-2">Error Message</h2>
     <p class="text-sm text-red-700"><%= @job["error_message"] %></p>
   </div>
 
   <% if @job["backtrace"].present? %>
-    <div class="rounded-lg bg-white shadow ring-1 ring-gray-200 p-6 mb-6">
+    <div class="rounded-lg bg-white dark:bg-gray-800 shadow ring-1 ring-gray-200 dark:ring-gray-700 p-6 mb-6">
       <h2 class="text-sm font-medium text-gray-500 mb-2">Backtrace</h2>
-      <pre class="text-xs text-gray-600 bg-gray-50 rounded p-4 overflow-x-auto max-h-96"><%= @job["backtrace"] %></pre>
+      <pre class="text-xs text-gray-600 bg-gray-50 dark:bg-gray-900 rounded p-4 overflow-x-auto max-h-96"><%= @job["backtrace"] %></pre>
     </div>
   <% end %>
 
-  <div class="rounded-lg bg-white shadow ring-1 ring-gray-200 p-6 mb-6">
+  <div class="rounded-lg bg-white dark:bg-gray-800 shadow ring-1 ring-gray-200 dark:ring-gray-700 p-6 mb-6">
     <h2 class="text-sm font-medium text-gray-500 mb-2">Payload</h2>
-    <pre class="text-xs text-gray-600 bg-gray-50 rounded p-4 overflow-x-auto"><%= JSON.pretty_generate(JSON.parse(@job["payload"])) rescue @job["payload"] %></pre>
+    <pre class="text-xs text-gray-600 bg-gray-50 dark:bg-gray-900 rounded p-4 overflow-x-auto"><%= JSON.pretty_generate(JSON.parse(@job["payload"])) rescue @job["payload"] %></pre>
   </div>
 
   <div class="flex space-x-2">

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

@@ -0,0 +1,53 @@
+<div class="mb-6">
+  <h1 class="text-2xl font-bold text-gray-900 dark:text-white">Job Locks</h1>
+  <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">Active uniqueness locks preventing duplicate job execution</p>
+</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">
+    <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">Lock Key</th>
+        <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500 dark:text-gray-400">Job Class</th>
+        <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500 dark:text-gray-400">State</th>
+        <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500 dark:text-gray-400">Owner</th>
+        <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500 dark:text-gray-400">Age</th>
+        <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500 dark:text-gray-400">Expires</th>
+      </tr>
+    </thead>
+    <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">
+            <% 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">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">Queued</span>
+            <% end %>
+          </td>
+          <td 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] %>
+                <span class="text-xs text-gray-400 dark:text-gray-500">@<%= lock[:owner_hostname] %></span>
+              <% end %>
+            <% else %>
+              <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">
+            <% 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>
+        </tr>
+      <% end %>
+      <% if @locks.empty? %>
+        <tr><td colspan="6" class="px-4 py-8 text-center text-sm text-gray-400 dark:text-gray-500">No active locks</td></tr>
+      <% end %>
+    </tbody>
+  </table>
+</div>

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

@@ -1,26 +1,26 @@
 <div class="mb-6">
-  <h1 class="text-2xl font-bold text-gray-900">Outbox</h1>
+  <h1 class="text-2xl font-bold text-gray-900 dark:text-white">Outbox</h1>
   <p class="mt-1 text-sm text-gray-500">Transactional outbox entries pending publication to PGMQ</p>
 </div>
 
 <div class="mb-6 grid grid-cols-3 gap-4">
-  <div class="rounded-lg bg-white p-4 shadow ring-1 ring-gray-200">
+  <div class="rounded-lg bg-white dark:bg-gray-800 p-4 shadow ring-1 ring-gray-200 dark:ring-gray-700">
     <dt class="text-xs font-medium uppercase text-gray-500">Unpublished</dt>
-    <dd class="mt-1 text-2xl font-semibold text-gray-900"><%= pgbus_number(@stats[:unpublished]) %></dd>
+    <dd class="mt-1 text-2xl font-semibold text-gray-900 dark:text-white"><%= pgbus_number(@stats[:unpublished]) %></dd>
   </div>
-  <div class="rounded-lg bg-white p-4 shadow ring-1 ring-gray-200">
+  <div class="rounded-lg bg-white dark:bg-gray-800 p-4 shadow ring-1 ring-gray-200 dark:ring-gray-700">
     <dt class="text-xs font-medium uppercase text-gray-500">Total</dt>
-    <dd class="mt-1 text-2xl font-semibold text-gray-900"><%= pgbus_number(@stats[:total]) %></dd>
+    <dd class="mt-1 text-2xl font-semibold text-gray-900 dark:text-white"><%= pgbus_number(@stats[:total]) %></dd>
   </div>
-  <div class="rounded-lg bg-white p-4 shadow ring-1 ring-gray-200">
+  <div class="rounded-lg bg-white dark:bg-gray-800 p-4 shadow ring-1 ring-gray-200 dark:ring-gray-700">
     <dt class="text-xs font-medium uppercase text-gray-500">Oldest Unpublished</dt>
-    <dd class="mt-1 text-2xl font-semibold text-gray-900"><%= @stats[:oldest_unpublished_age] ? "#{@stats[:oldest_unpublished_age]}s" : "—" %></dd>
+    <dd class="mt-1 text-2xl font-semibold text-gray-900 dark:text-white"><%= @stats[:oldest_unpublished_age] ? "#{@stats[:oldest_unpublished_age]}s" : "—" %></dd>
   </div>
 </div>
 
-<div class="overflow-hidden rounded-lg bg-white shadow ring-1 ring-gray-200">
-  <table class="min-w-full divide-y divide-gray-200">
-    <thead class="bg-gray-50">
+<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">
+    <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">ID</th>
         <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500">Queue / Topic</th>
@@ -30,9 +30,9 @@
         <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500">Created</th>
       </tr>
     </thead>
-    <tbody class="divide-y divide-gray-100">
+    <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
       <% @entries.each do |entry| %>
-        <tr class="hover:bg-gray-50">
+        <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>

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

@@ -1,7 +1,7 @@
 <turbo-frame id="processes-list" data-auto-refresh src="<%= pgbus.processes_path(frame: 'list') %>">
-  <div class="overflow-hidden rounded-lg bg-white shadow ring-1 ring-gray-200">
-    <table class="min-w-full divide-y divide-gray-200">
-      <thead class="bg-gray-50">
+  <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">
+      <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">Kind</th>
           <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500">Hostname</th>
@@ -11,10 +11,10 @@
           <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500">Metadata</th>
         </tr>
       </thead>
-      <tbody class="divide-y divide-gray-100">
+      <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
         <% @processes.each do |p| %>
-          <tr class="hover:bg-gray-50">
-            <td class="px-4 py-3 text-sm font-medium text-gray-900"><%= p[:kind] %></td>
+          <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>

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

@@ -1,3 +1,3 @@
-<h1 class="text-2xl font-bold text-gray-900 mb-6">Processes</h1>
+<h1 class="text-2xl font-bold text-gray-900 dark:text-white mb-6">Processes</h1>
 
 <%= render "pgbus/processes/processes_table" %>

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

@@ -1,7 +1,7 @@
 <turbo-frame id="queues-list" data-auto-refresh src="<%= pgbus.queues_path(frame: 'list') %>">
-  <div class="overflow-hidden rounded-lg bg-white shadow ring-1 ring-gray-200">
-    <table class="min-w-full divide-y divide-gray-200">
-      <thead class="bg-gray-50">
+  <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">
+      <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">Queue</th>
           <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500">Depth</th>
@@ -12,9 +12,9 @@
           <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500">Actions</th>
         </tr>
       </thead>
-      <tbody class="divide-y divide-gray-100">
+      <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
         <% @queues.each do |q| %>
-          <tr class="hover:bg-gray-50">
+          <tr class="hover:bg-gray-50 dark:hover:bg-gray-700/50 dark:bg-gray-900">
             <td 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]) %>

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

@@ -1,3 +1,3 @@
-<h1 class="text-2xl font-bold text-gray-900 mb-6">Queues</h1>
+<h1 class="text-2xl font-bold text-gray-900 dark:text-white mb-6">Queues</h1>
 
 <%= render "pgbus/queues/queues_list" %>

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

@@ -1,6 +1,6 @@
 <div class="flex items-center justify-between mb-6">
   <div>
-    <h1 class="text-2xl font-bold text-gray-900"><%= @queue&.dig(:name) || params[:name] %></h1>
+    <h1 class="text-2xl font-bold text-gray-900 dark:text-white"><%= @queue&.dig(:name) || params[:name] %></h1>
     <% if @queue %>
       <p class="text-sm text-gray-500 mt-1">
         Depth: <span class="font-mono"><%= @queue[:queue_length] %></span> |
@@ -18,9 +18,9 @@
 </div>
 
 <!-- Messages in Queue -->
-<div class="overflow-hidden rounded-lg bg-white shadow ring-1 ring-gray-200">
-  <table class="min-w-full divide-y divide-gray-200">
-    <thead class="bg-gray-50">
+<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">
+    <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">ID</th>
         <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500">Enqueued</th>
@@ -29,10 +29,10 @@
         <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500">Payload</th>
       </tr>
     </thead>
-    <tbody class="divide-y divide-gray-100">
+    <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
       <% @messages.each do |m| %>
-        <tr class="hover:bg-gray-50">
-          <td class="px-4 py-3 text-sm font-mono text-gray-900"><%= m[:msg_id] %></td>
+        <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"><%= m[:msg_id] %></td>
           <td class="px-4 py-3 text-sm text-gray-500"><%= pgbus_time_ago(m[:enqueued_at]) %></td>
           <td class="px-4 py-3 text-sm text-gray-500"><%= m[:read_ct] %></td>
           <td class="px-4 py-3 text-sm text-gray-500"><%= pgbus_time_ago(m[:vt]) %></td>

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

@@ -1,13 +1,13 @@
 <turbo-frame id="recurring-tasks" data-auto-refresh src="<%= pgbus.recurring_tasks_path(frame: 'recurring_tasks') %>">
-  <div class="rounded-lg bg-white shadow ring-1 ring-gray-200">
+  <div class="rounded-lg bg-white dark:bg-gray-800 shadow ring-1 ring-gray-200 dark:ring-gray-700">
     <% if @recurring_tasks.empty? %>
       <div class="p-8 text-center text-gray-500">
         <p class="text-lg font-medium">No recurring tasks configured</p>
         <p class="mt-1 text-sm">Add tasks to <code class="bg-gray-100 px-1.5 py-0.5 rounded text-xs">config/recurring.yml</code></p>
       </div>
     <% else %>
-      <table class="min-w-full divide-y divide-gray-200">
-        <thead class="bg-gray-50">
+      <table class="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">Task</th>
             <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">Schedule</th>
@@ -18,9 +18,9 @@
             <th class="px-4 py-3 text-right text-xs font-medium text-gray-500 uppercase">Actions</th>
           </tr>
         </thead>
-        <tbody class="divide-y divide-gray-200">
+        <tbody class="divide-y divide-gray-200 dark:divide-gray-700">
           <% @recurring_tasks.each do |task| %>
-            <tr class="hover:bg-gray-50">
+            <tr class="hover:bg-gray-50 dark:hover:bg-gray-700/50 dark:bg-gray-900">
               <td class="px-4 py-3">
                 <div>
                   <%= link_to task[:key], pgbus.recurring_task_path(task[:id]),
@@ -32,7 +32,7 @@
                 <% end %>
               </td>
               <td class="px-4 py-3">
-                <div class="text-sm text-gray-900"><%= task[:schedule] %></div>
+                <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 %>

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

@@ -1,5 +1,5 @@
 <div class="flex items-center justify-between mb-6">
-  <h1 class="text-2xl font-bold text-gray-900">Recurring Tasks</h1>
+  <h1 class="text-2xl font-bold text-gray-900 dark:text-white">Recurring Tasks</h1>
   <span class="text-sm text-gray-500"><%= @recurring_tasks.size %> task(s) configured</span>
 </div>
 

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

@@ -1,7 +1,7 @@
 <div class="mb-6">
   <div class="flex items-center justify-between">
     <div>
-      <h1 class="text-2xl font-bold text-gray-900"><%= @task[:key] %></h1>
+      <h1 class="text-2xl font-bold text-gray-900 dark:text-white"><%= @task[:key] %></h1>
       <p class="mt-1 text-sm text-gray-500"><%= @task[:class_name] || @task[:command] %></p>
     </div>
     <div class="flex space-x-2">
@@ -21,90 +21,90 @@
 </div>
 
 <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-8">
-  <div class="rounded-lg bg-white p-5 shadow ring-1 ring-gray-200">
+  <div class="rounded-lg bg-white dark:bg-gray-800 p-5 shadow ring-1 ring-gray-200 dark:ring-gray-700">
     <p class="text-sm font-medium text-gray-500">Schedule</p>
-    <p class="mt-1 text-lg font-semibold text-gray-900"><%= @task[:schedule] %></p>
+    <p class="mt-1 text-lg font-semibold text-gray-900 dark:text-white"><%= @task[:schedule] %></p>
     <% if @task[:human_schedule] && @task[:human_schedule] != @task[:schedule] %>
       <p class="text-xs text-gray-400"><%= @task[:human_schedule] %></p>
     <% end %>
   </div>
 
-  <div class="rounded-lg bg-white p-5 shadow ring-1 ring-gray-200">
+  <div class="rounded-lg bg-white dark:bg-gray-800 p-5 shadow ring-1 ring-gray-200 dark:ring-gray-700">
     <p class="text-sm font-medium text-gray-500">Next Run</p>
     <% if @task[:enabled] && @task[:next_run_at] %>
-      <p class="mt-1 text-lg font-semibold text-gray-900"><%= pgbus_time_ago_future(@task[:next_run_at]) %></p>
+      <p class="mt-1 text-lg font-semibold text-gray-900 dark:text-white"><%= pgbus_time_ago_future(@task[:next_run_at]) %></p>
       <p class="text-xs text-gray-400"><%= @task[:next_run_at]&.strftime("%Y-%m-%d %H:%M:%S %Z") %></p>
     <% else %>
       <p class="mt-1 text-lg font-semibold text-gray-400">—</p>
     <% end %>
   </div>
 
-  <div class="rounded-lg bg-white p-5 shadow ring-1 ring-gray-200">
+  <div class="rounded-lg bg-white dark:bg-gray-800 p-5 shadow ring-1 ring-gray-200 dark:ring-gray-700">
     <p class="text-sm font-medium text-gray-500">Status</p>
     <p class="mt-1"><%= @task[:enabled] ? pgbus_recurring_health_badge(@task) : raw('<span class="inline-flex items-center rounded-full bg-gray-100 px-2.5 py-0.5 text-xs font-medium text-gray-600">Disabled</span>') %></p>
   </div>
 </div>
 
-<div class="rounded-lg bg-white shadow ring-1 ring-gray-200 mb-8">
+<div class="rounded-lg bg-white dark:bg-gray-800 shadow ring-1 ring-gray-200 dark:ring-gray-700 mb-8">
   <div class="px-4 py-3 border-b border-gray-200">
-    <h2 class="text-lg font-medium text-gray-900">Configuration</h2>
+    <h2 class="text-lg font-medium text-gray-900 dark:text-white">Configuration</h2>
   </div>
   <div class="p-4">
     <dl class="grid grid-cols-1 sm:grid-cols-2 gap-4">
       <div>
         <dt class="text-sm font-medium text-gray-500">Job Class</dt>
-        <dd class="mt-1 text-sm text-gray-900"><%= @task[:class_name] || "—" %></dd>
+        <dd class="mt-1 text-sm text-gray-900 dark:text-white"><%= @task[:class_name] || "—" %></dd>
       </div>
       <% if @task[:command] %>
         <div>
           <dt class="text-sm font-medium text-gray-500">Command</dt>
-          <dd class="mt-1 text-sm text-gray-900 font-mono text-xs"><%= @task[:command] %></dd>
+          <dd class="mt-1 text-sm text-gray-900 dark:text-white font-mono text-xs"><%= @task[:command] %></dd>
         </div>
       <% end %>
       <div>
         <dt class="text-sm font-medium text-gray-500">Queue</dt>
-        <dd class="mt-1 text-sm text-gray-900"><%= @task[:queue_name] || "default" %></dd>
+        <dd class="mt-1 text-sm text-gray-900 dark:text-white"><%= @task[:queue_name] || "default" %></dd>
       </div>
       <div>
         <dt class="text-sm font-medium text-gray-500">Priority</dt>
-        <dd class="mt-1 text-sm text-gray-900"><%= @task[:priority] %></dd>
+        <dd class="mt-1 text-sm text-gray-900 dark:text-white"><%= @task[:priority] %></dd>
       </div>
       <% if @task[:arguments]&.any? %>
         <div class="sm:col-span-2">
           <dt class="text-sm font-medium text-gray-500">Arguments</dt>
-          <dd class="mt-1 text-sm text-gray-900 font-mono text-xs"><%= @task[:arguments].inspect %></dd>
+          <dd class="mt-1 text-sm text-gray-900 dark:text-white font-mono text-xs"><%= @task[:arguments].inspect %></dd>
         </div>
       <% end %>
       <% if @task[:description] %>
         <div class="sm:col-span-2">
           <dt class="text-sm font-medium text-gray-500">Description</dt>
-          <dd class="mt-1 text-sm text-gray-900"><%= @task[:description] %></dd>
+          <dd class="mt-1 text-sm text-gray-900 dark:text-white"><%= @task[:description] %></dd>
         </div>
       <% end %>
       <div>
         <dt class="text-sm font-medium text-gray-500">Source</dt>
-        <dd class="mt-1 text-sm text-gray-900"><%= @task[:static] ? "Config file" : "Dynamic" %></dd>
+        <dd class="mt-1 text-sm text-gray-900 dark:text-white"><%= @task[:static] ? "Config file" : "Dynamic" %></dd>
       </div>
     </dl>
   </div>
 </div>
 
-<div class="rounded-lg bg-white shadow ring-1 ring-gray-200">
+<div class="rounded-lg bg-white dark:bg-gray-800 shadow ring-1 ring-gray-200 dark:ring-gray-700">
   <div class="px-4 py-3 border-b border-gray-200">
-    <h2 class="text-lg font-medium text-gray-900">Recent Executions</h2>
+    <h2 class="text-lg font-medium text-gray-900 dark:text-white">Recent Executions</h2>
   </div>
   <% if @task[:executions]&.any? %>
-    <table class="min-w-full divide-y divide-gray-200">
-      <thead class="bg-gray-50">
+    <table class="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">Scheduled For</th>
           <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">Enqueued At</th>
         </tr>
       </thead>
-      <tbody class="divide-y divide-gray-200">
+      <tbody class="divide-y divide-gray-200 dark:divide-gray-700">
         <% @task[:executions].each do |exec| %>
-          <tr class="hover:bg-gray-50">
-            <td class="px-4 py-3 text-sm text-gray-900">
+          <tr class="hover:bg-gray-50 dark:hover:bg-gray-700/50 dark:bg-gray-900">
+            <td class="px-4 py-3 text-sm text-gray-900 dark:text-white">
               <%= exec[:run_at]&.strftime("%Y-%m-%d %H:%M:%S %Z") %>
             </td>
             <td class="px-4 py-3 text-sm text-gray-600">

data/config/routes.rb

@@ -49,8 +49,11 @@ Pgbus::Engine.routes.draw do
   end
 
   resources :outbox, only: [:index], controller: "outbox"
+  resources :locks, only: [:index]
+  resource :insights, only: [:show], controller: "insights"
 
   namespace :api do
     get :stats, to: "stats#show"
+    get :insights, to: "insights#show"
   end
 end

data/lib/generators/pgbus/add_job_locks_generator.rb

@@ -0,0 +1,52 @@
+# frozen_string_literal: true
+
+require "rails/generators"
+require "rails/generators/active_record"
+
+module Pgbus
+  module Generators
+    class AddJobLocksGenerator < Rails::Generators::Base
+      include ActiveRecord::Generators::Migration
+
+      source_root File.expand_path("templates", __dir__)
+
+      desc "Add job locks table for uniqueness guarantees"
+
+      class_option :database,
+                   type: :string,
+                   default: nil,
+                   desc: "Use a separate database for pgbus tables (e.g. --database=pgbus)"
+
+      def create_migration_file
+        if separate_database?
+          migration_template "add_job_locks.rb.erb",
+                             "db/pgbus_migrate/add_pgbus_job_locks.rb"
+        else
+          migration_template "add_job_locks.rb.erb",
+                             "db/migrate/add_pgbus_job_locks.rb"
+        end
+      end
+
+      def display_post_install
+        say ""
+        say "Pgbus job locks table installed!", :green
+        say ""
+        say "Next steps:"
+        say "  1. Run: rails db:migrate#{":#{options[:database]}" if separate_database?}"
+        say "  2. Add `ensures_uniqueness` to your job classes (DSL is auto-included)"
+        say "  3. Restart pgbus: bin/pgbus start"
+        say ""
+      end
+
+      private
+
+      def migration_version
+        "[#{ActiveRecord::Migration.current_version}]"
+      end
+
+      def separate_database?
+        options[:database].present?
+      end
+    end
+  end
+end