pgbus 0.2.0 → 0.2.2

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

@@ -1,52 +1,52 @@
 <div class="mb-6">
-  <%= link_to "&larr; Back to DLQ".html_safe, pgbus.dead_letter_index_path, class: "text-sm text-indigo-600 hover:text-indigo-500" %>
+  <%= link_to "\u2190 #{t("pgbus.dead_letter.show.back")}", pgbus.dead_letter_index_path, class: "text-sm text-indigo-600 hover:text-indigo-500" %>
 </div>
 
 <% if @message %>
-  <h1 class="text-2xl font-bold text-gray-900 dark:text-white mb-6">DLQ Message #<%= @message[:msg_id] %></h1>
+  <h1 class="text-2xl font-bold text-gray-900 dark:text-white mb-6"><%= t("pgbus.dead_letter.show.title", id: @message[:msg_id]) %></h1>
 
   <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">Source Queue</dt>
+        <dt class="text-sm font-medium text-gray-500"><%= t("pgbus.dead_letter.show.labels.source_queue") %></dt>
         <dd class="text-sm text-gray-900 dark:text-white"><%= @message[:queue_name] %></dd>
       </div>
       <div>
-        <dt class="text-sm font-medium text-gray-500">Enqueued At</dt>
+        <dt class="text-sm font-medium text-gray-500"><%= t("pgbus.dead_letter.show.labels.enqueued_at") %></dt>
         <dd class="text-sm text-gray-900 dark:text-white"><%= @message[:enqueued_at] %></dd>
       </div>
       <div>
-        <dt class="text-sm font-medium text-gray-500">Read Count</dt>
+        <dt class="text-sm font-medium text-gray-500"><%= t("pgbus.dead_letter.show.labels.read_count") %></dt>
         <dd class="text-sm text-gray-900 dark:text-white"><%= @message[:read_ct] %></dd>
       </div>
       <div>
-        <dt class="text-sm font-medium text-gray-500">Visibility Timeout</dt>
+        <dt class="text-sm font-medium text-gray-500"><%= t("pgbus.dead_letter.show.labels.visibility_timeout") %></dt>
         <dd class="text-sm text-gray-900 dark:text-white"><%= @message[:vt] %></dd>
       </div>
     </dl>
   </div>
 
   <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>
+    <h2 class="text-sm font-medium text-gray-500 mb-2"><%= t("pgbus.dead_letter.show.payload") %></h2>
     <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(@message[:message])) rescue @message[:message] %></pre>
   </div>
 
   <% if @message[:headers] %>
     <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">Headers</h2>
+      <h2 class="text-sm font-medium text-gray-500 mb-2"><%= t("pgbus.dead_letter.show.headers") %></h2>
       <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(@message[:headers])) rescue @message[:headers] %></pre>
     </div>
   <% end %>
 
   <div class="flex space-x-2">
-    <%= button_to "Retry", pgbus.retry_dead_letter_path(@message[:msg_id], queue_name: @message[:queue_name]), method: :post,
+    <%= button_to t("pgbus.dead_letter.show.retry"), pgbus.retry_dead_letter_path(@message[:msg_id], queue_name: @message[:queue_name]), method: :post,
           class: "rounded-md bg-indigo-600 px-4 py-2 text-sm font-medium text-white hover:bg-indigo-500" %>
-    <%= button_to "Discard", pgbus.discard_dead_letter_path(@message[:msg_id], queue_name: @message[:queue_name]), method: :post,
+    <%= button_to t("pgbus.dead_letter.show.discard"), pgbus.discard_dead_letter_path(@message[:msg_id], queue_name: @message[:queue_name]), method: :post,
           class: "rounded-md bg-red-600 px-4 py-2 text-sm font-medium text-white hover:bg-red-500",
-          data: { turbo_confirm: "Permanently discard?" } %>
+          data: { turbo_confirm: t("pgbus.dead_letter.show.discard_confirm") } %>
   </div>
 <% else %>
   <div class="text-center py-12">
-    <p class="text-gray-400">Message not found</p>
+    <p class="text-gray-400"><%= t("pgbus.dead_letter.show.not_found") %></p>
   </div>
 <% end %>

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

@@ -1,15 +1,15 @@
-<h1 class="text-2xl font-bold text-gray-900 dark:text-white mb-6">Events</h1>
+<h1 class="text-2xl font-bold text-gray-900 dark:text-white mb-6"><%= t("pgbus.events.index.title") %></h1>
 
 <!-- Registered Subscribers -->
 <div class="mb-8">
-  <h2 class="text-lg font-semibold text-gray-900 dark:text-white mb-3">Registered Subscribers</h2>
+  <h2 class="text-lg font-semibold text-gray-900 dark:text-white mb-3"><%= t("pgbus.events.index.subscribers_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">
       <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">Pattern</th>
-          <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500">Handler</th>
-          <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-left text-xs font-medium uppercase text-gray-500"><%= t("pgbus.events.index.subscribers_headers.pattern") %></th>
+          <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500"><%= t("pgbus.events.index.subscribers_headers.handler") %></th>
+          <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500"><%= t("pgbus.events.index.subscribers_headers.queue") %></th>
         </tr>
       </thead>
       <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
@@ -21,7 +21,7 @@
           </tr>
         <% end %>
         <% if @subscribers.empty? %>
-          <tr><td colspan="3" class="px-4 py-8 text-center text-sm text-gray-400">No subscribers registered</td></tr>
+          <tr><td colspan="3" class="px-4 py-8 text-center text-sm text-gray-400"><%= t("pgbus.events.index.subscribers_empty") %></td></tr>
         <% end %>
       </tbody>
     </table>
@@ -30,14 +30,14 @@
 
 <!-- Processed Events (Audit Trail) -->
 <div>
-  <h2 class="text-lg font-semibold text-gray-900 dark:text-white mb-3">Processed Events</h2>
+  <h2 class="text-lg font-semibold text-gray-900 dark:text-white mb-3"><%= t("pgbus.events.index.processed_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">
       <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">Event ID</th>
-          <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500">Handler</th>
-          <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500">Processed At</th>
+          <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500"><%= t("pgbus.events.index.processed_headers.event_id") %></th>
+          <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500"><%= t("pgbus.events.index.processed_headers.handler") %></th>
+          <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500"><%= t("pgbus.events.index.processed_headers.processed_at") %></th>
         </tr>
       </thead>
       <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
@@ -49,7 +49,7 @@
           </tr>
         <% end %>
         <% if @events.empty? %>
-          <tr><td colspan="3" class="px-4 py-8 text-center text-sm text-gray-400">No events processed yet</td></tr>
+          <tr><td colspan="3" class="px-4 py-8 text-center text-sm text-gray-400"><%= t("pgbus.events.index.processed_empty") %></td></tr>
         <% end %>
       </tbody>
     </table>

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

@@ -1,28 +1,28 @@
 <div class="mb-6">
-  <%= link_to "&larr; Back to Events".html_safe, pgbus.events_path, class: "text-sm text-indigo-600 hover:text-indigo-500" %>
+  <%= link_to "\u2190 #{t("pgbus.events.show.back")}", pgbus.events_path, class: "text-sm text-indigo-600 hover:text-indigo-500" %>
 </div>
 
 <% if @event %>
-  <h1 class="text-2xl font-bold text-gray-900 dark:text-white mb-6">Event <%= @event["event_id"] %></h1>
+  <h1 class="text-2xl font-bold text-gray-900 dark:text-white mb-6"><%= t("pgbus.events.show.title", event_id: @event["event_id"]) %></h1>
 
   <div class="rounded-lg bg-white dark:bg-gray-800 shadow ring-1 ring-gray-200 dark:ring-gray-700 p-6">
     <dl class="grid grid-cols-1 gap-4 sm:grid-cols-2">
       <div>
-        <dt class="text-sm font-medium text-gray-500">Event ID</dt>
+        <dt class="text-sm font-medium text-gray-500"><%= t("pgbus.events.show.labels.event_id") %></dt>
         <dd class="text-sm font-mono text-gray-900 dark:text-white"><%= @event["event_id"] %></dd>
       </div>
       <div>
-        <dt class="text-sm font-medium text-gray-500">Handler</dt>
+        <dt class="text-sm font-medium text-gray-500"><%= t("pgbus.events.show.labels.handler") %></dt>
         <dd class="text-sm text-gray-900 dark:text-white"><%= @event["handler_class"] %></dd>
       </div>
       <div>
-        <dt class="text-sm font-medium text-gray-500">Processed At</dt>
+        <dt class="text-sm font-medium text-gray-500"><%= t("pgbus.events.show.labels.processed_at") %></dt>
         <dd class="text-sm text-gray-900 dark:text-white"><%= @event["processed_at"] %></dd>
       </div>
     </dl>
   </div>
 <% else %>
   <div class="text-center py-12">
-    <p class="text-gray-400">Event not found</p>
+    <p class="text-gray-400"><%= t("pgbus.events.show.not_found") %></p>
   </div>
 <% end %>

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

@@ -1,32 +1,52 @@
-<div class="mb-6">
-  <h1 class="text-2xl font-bold text-gray-900 dark:text-white">Insights</h1>
-  <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">Job performance metrics for the last hour</p>
+<div class="mb-6 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3">
+  <div>
+    <h1 class="text-2xl font-bold text-gray-900 dark:text-white"><%= t("pgbus.insights.show.title") %></h1>
+    <p class="mt-1 text-sm text-gray-500 dark:text-gray-400"><%= t("pgbus.insights.show.description_html", range: pgbus_time_range_label(@minutes)) %></p>
+  </div>
+  <nav class="inline-flex rounded-lg shadow-sm" role="group" aria-label="Time range">
+    <% ranges = [["1h", 60], ["24h", 1440], ["7d", 10_080], ["30d", 43_200]] %>
+    <% ranges.each_with_index do |(label, mins), i| %>
+      <%
+        active = @minutes == mins
+        base = "px-3 py-1.5 text-xs font-medium border border-gray-300 dark:border-gray-600 focus:z-10 focus:outline-none"
+        colors = active ?
+          "bg-indigo-600 text-white border-indigo-600 dark:border-indigo-500" :
+          "bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700"
+        rounded = case i
+                  when 0 then "rounded-l-lg"
+                  when ranges.length - 1 then "rounded-r-lg"
+                  else "-ml-px"
+                  end
+      %>
+      <%= link_to label, pgbus.insights_path(minutes: mins), class: "#{base} #{colors} #{rounded}" %>
+    <% end %>
+  </nav>
 </div>
 
 <!-- Summary cards -->
 <div class="grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-6 mb-8">
   <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 dark:text-gray-400">Total Jobs</dt>
+    <dt class="text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.insights.show.summary.total_jobs") %></dt>
     <dd class="mt-1 text-2xl font-semibold text-gray-900 dark:text-white"><%= pgbus_number(@summary[:total]) %></dd>
   </div>
   <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 dark:text-gray-400">Succeeded</dt>
+    <dt class="text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.insights.show.summary.succeeded") %></dt>
     <dd class="mt-1 text-2xl font-semibold text-green-600 dark:text-green-400"><%= pgbus_number(@summary[:success]) %></dd>
   </div>
   <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 dark:text-gray-400">Failed</dt>
+    <dt class="text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.insights.show.summary.failed") %></dt>
     <dd class="mt-1 text-2xl font-semibold text-red-600 dark:text-red-400"><%= pgbus_number(@summary[:failed]) %></dd>
   </div>
   <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 dark:text-gray-400">Dead Lettered</dt>
+    <dt class="text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.insights.show.summary.dead_lettered") %></dt>
     <dd class="mt-1 text-2xl font-semibold text-orange-600 dark:text-orange-400"><%= pgbus_number(@summary[:dead_lettered]) %></dd>
   </div>
   <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 dark:text-gray-400">Avg Duration</dt>
+    <dt class="text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.insights.show.summary.avg_duration") %></dt>
     <dd class="mt-1 text-2xl font-semibold text-gray-900 dark:text-white"><%= pgbus_ms_duration(@summary[:avg_duration_ms]) %></dd>
   </div>
   <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 dark:text-gray-400">Max Duration</dt>
+    <dt class="text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.insights.show.summary.max_duration") %></dt>
     <dd class="mt-1 text-2xl font-semibold text-gray-900 dark:text-white"><%= pgbus_ms_duration(@summary[:max_duration_ms]) %></dd>
   </div>
 </div>
@@ -34,11 +54,11 @@
 <!-- Charts -->
 <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-8">
   <div class="rounded-lg bg-white dark:bg-gray-800 p-5 shadow ring-1 ring-gray-200 dark:ring-gray-700">
-    <h3 class="text-sm font-medium text-gray-700 dark:text-gray-300 mb-4">Throughput (jobs/min)</h3>
+    <h3 class="text-sm font-medium text-gray-700 dark:text-gray-300 mb-4"><%= t("pgbus.insights.show.charts.throughput") %></h3>
     <div id="throughput-chart" style="height: 280px;"></div>
   </div>
   <div class="rounded-lg bg-white dark:bg-gray-800 p-5 shadow ring-1 ring-gray-200 dark:ring-gray-700">
-    <h3 class="text-sm font-medium text-gray-700 dark:text-gray-300 mb-4">Status Distribution</h3>
+    <h3 class="text-sm font-medium text-gray-700 dark:text-gray-300 mb-4"><%= t("pgbus.insights.show.charts.status_distribution") %></h3>
     <div id="status-chart" style="height: 280px;"></div>
   </div>
 </div>
@@ -46,15 +66,15 @@
 <!-- Slowest job classes -->
 <div class="rounded-lg bg-white dark:bg-gray-800 shadow ring-1 ring-gray-200 dark:ring-gray-700">
   <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">Slowest Job Classes (avg duration)</h3>
+    <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">
     <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">Job Class</th>
-        <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500 dark:text-gray-400">Count</th>
-        <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500 dark:text-gray-400">Avg</th>
-        <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500 dark:text-gray-400">Max</th>
+        <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>
+        <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.insights.show.slowest.headers.count") %></th>
+        <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.insights.show.slowest.headers.avg") %></th>
+        <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.insights.show.slowest.headers.max") %></th>
       </tr>
     </thead>
     <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
@@ -67,7 +87,7 @@
         </tr>
       <% end %>
       <% if @slowest.empty? %>
-        <tr><td colspan="4" class="px-4 py-8 text-center text-sm text-gray-400 dark:text-gray-500">No job stats yet</td></tr>
+        <tr><td colspan="4" class="px-4 py-8 text-center text-sm text-gray-400 dark:text-gray-500"><%= t("pgbus.insights.show.slowest.empty") %></td></tr>
       <% end %>
     </tbody>
   </table>
@@ -101,7 +121,7 @@
     }));
 
     throughputChart = new ApexCharts(document.querySelector('#throughput-chart'), {
-      series: [{ name: 'Jobs/min', data: throughputData }],
+      series: [{ name: '<%= j(t("pgbus.insights.show.charts.series_name")) %>', data: throughputData }],
       chart: { type: 'area', height: 280, toolbar: { show: false }, background: 'transparent', foreColor: t.text },
       stroke: { curve: 'smooth', width: 2 },
       fill: { type: 'gradient', gradient: { shadeIntensity: 1, opacityFrom: 0.4, opacityTo: 0.05, stops: [0, 100] } },
@@ -137,17 +157,17 @@
       statusChart.render();
     } else {
       document.querySelector('#status-chart').innerHTML =
-        '<p class="text-center text-sm text-gray-400 dark:text-gray-500 pt-24">No data yet</p>';
+        '<p class="text-center text-sm text-gray-400 dark:text-gray-500 pt-24"><%= j(t("pgbus.insights.show.charts.no_data")) %></p>';
     }
   }
 
   // Fetch data and render
   let chartData = null;
-  fetch('<%= pgbus.api_insights_path %>')
+  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">Failed to load chart data</p>';
+      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;
     });

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

@@ -1,15 +1,15 @@
 <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 dark:text-white mb-3">Enqueued Jobs</h2>
+    <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">
         <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>
-            <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-left text-xs font-medium uppercase text-gray-500">Enqueued</th>
-            <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500">Reads</th>
+            <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500"><%= t("pgbus.jobs.enqueued_table.headers.id") %></th>
+            <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500"><%= t("pgbus.jobs.enqueued_table.headers.job_class") %></th>
+            <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500"><%= t("pgbus.jobs.enqueued_table.headers.queue") %></th>
+            <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500"><%= t("pgbus.jobs.enqueued_table.headers.enqueued") %></th>
+            <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500"><%= t("pgbus.jobs.enqueued_table.headers.reads") %></th>
           </tr>
         </thead>
         <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
@@ -27,33 +27,33 @@
                   </summary>
                   <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>
+                      <span class="text-xs font-mono text-gray-400"><%= t("pgbus.jobs.enqueued_table.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>
+                        <span class="text-xs font-medium text-gray-500"><%= t("pgbus.jobs.enqueued_table.arguments") %></span>
                         <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>
+                        <span class="text-xs font-medium text-gray-500"><%= t("pgbus.jobs.enqueued_table.metadata") %></span>
                         <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 %>
-                          <% if payload["timezone"] %><p><strong>Timezone:</strong> <%= payload["timezone"] %></p><% end %>
-                          <% if payload["scheduled_at"] %><p><strong>Scheduled:</strong> <%= payload["scheduled_at"] %></p><% end %>
-                          <% if j[:vt] %><p><strong>Visible at:</strong> <%= j[:vt] %></p><% end %>
-                          <% if j[:last_read_at] %><p><strong>Last read:</strong> <%= j[:last_read_at] %></p><% end %>
+                          <% if payload["queue_name"] %><p><strong><%= t("pgbus.jobs.enqueued_table.metadata_labels.queue") %></strong> <%= payload["queue_name"] %></p><% end %>
+                          <% if payload["priority"] %><p><strong><%= t("pgbus.jobs.enqueued_table.metadata_labels.priority") %></strong> <%= payload["priority"] %></p><% end %>
+                          <% if payload["locale"] %><p><strong><%= t("pgbus.jobs.enqueued_table.metadata_labels.locale") %></strong> <%= payload["locale"] %></p><% end %>
+                          <% if payload["timezone"] %><p><strong><%= t("pgbus.jobs.enqueued_table.metadata_labels.timezone") %></strong> <%= payload["timezone"] %></p><% end %>
+                          <% if payload["scheduled_at"] %><p><strong><%= t("pgbus.jobs.enqueued_table.metadata_labels.scheduled") %></strong> <%= payload["scheduled_at"] %></p><% end %>
+                          <% if j[:vt] %><p><strong><%= t("pgbus.jobs.enqueued_table.metadata_labels.visible_at") %></strong> <%= j[:vt] %></p><% end %>
+                          <% if j[:last_read_at] %><p><strong><%= t("pgbus.jobs.enqueued_table.metadata_labels.last_read") %></strong> <%= j[:last_read_at] %></p><% end %>
                         </div>
                       </div>
                     </div>
                     <details class="mt-2">
-                      <summary class="text-xs font-medium text-gray-500 cursor-pointer hover:text-gray-700">Full JSON payload</summary>
+                      <summary class="text-xs font-medium text-gray-500 cursor-pointer hover:text-gray-700"><%= t("pgbus.jobs.enqueued_table.full_json_payload") %></summary>
                       <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>
+                        <summary class="text-xs font-medium text-gray-500 cursor-pointer hover:text-gray-700"><%= t("pgbus.jobs.enqueued_table.headers_section") %></summary>
                         <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 %>
@@ -63,7 +63,7 @@
             </tr>
           <% end %>
           <% if @jobs.empty? %>
-            <tr><td colspan="5" class="px-4 py-8 text-center text-sm text-gray-400">No enqueued jobs</td></tr>
+            <tr><td colspan="5" class="px-4 py-8 text-center text-sm text-gray-400"><%= t("pgbus.jobs.enqueued_table.empty") %></td></tr>
           <% end %>
         </tbody>
       </table>

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

@@ -1,16 +1,16 @@
 <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 dark:text-white mb-3">Failed Jobs</h2>
+    <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">
         <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>
-            <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500">Error</th>
-            <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500">Retries</th>
-            <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500">Failed</th>
-            <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500">Actions</th>
+            <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500"><%= t("pgbus.jobs.failed_table.headers.id") %></th>
+            <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500"><%= t("pgbus.jobs.failed_table.headers.queue") %></th>
+            <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500"><%= t("pgbus.jobs.failed_table.headers.error") %></th>
+            <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500"><%= t("pgbus.jobs.failed_table.headers.retries") %></th>
+            <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500"><%= t("pgbus.jobs.failed_table.headers.failed") %></th>
+            <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500"><%= t("pgbus.jobs.failed_table.headers.actions") %></th>
           </tr>
         </thead>
         <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
@@ -26,17 +26,17 @@
               <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">
-                <%= button_to "Retry", pgbus.retry_job_path(f["id"]), method: :post,
+                <%= 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" } %>
-                <%= button_to "Discard", pgbus.discard_job_path(f["id"]), method: :post,
+                <%= button_to t("pgbus.jobs.failed_table.discard"), pgbus.discard_job_path(f["id"]), method: :post,
                       class: "text-xs text-red-600 hover:text-red-800 font-medium",
-                      data: { turbo_confirm: "Discard this job?", turbo_frame: "_top" } %>
+                      data: { turbo_confirm: t("pgbus.jobs.failed_table.discard_confirm"), turbo_frame: "_top" } %>
               </td>
             </tr>
           <% end %>
           <% if @failed.empty? %>
-            <tr><td colspan="6" class="px-4 py-8 text-center text-sm text-gray-400">No failed jobs</td></tr>
+            <tr><td colspan="6" class="px-4 py-8 text-center text-sm text-gray-400"><%= t("pgbus.jobs.failed_table.empty") %></td></tr>
           <% end %>
         </tbody>
       </table>

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

@@ -1,13 +1,13 @@
 <div class="flex items-center justify-between mb-6">
-  <h1 class="text-2xl font-bold text-gray-900 dark:text-white">Jobs</h1>
+  <h1 class="text-2xl font-bold text-gray-900 dark:text-white"><%= t("pgbus.jobs.index.title") %></h1>
   <% if @failed.any? %>
     <div class="flex space-x-2">
-      <%= button_to "Retry All", pgbus.retry_all_jobs_path, method: :post,
+      <%= button_to t("pgbus.jobs.index.retry_all"), pgbus.retry_all_jobs_path, method: :post,
             class: "rounded-md bg-indigo-600 px-3 py-2 text-sm font-medium text-white hover:bg-indigo-500",
-            data: { turbo_confirm: "Retry all failed jobs?" } %>
-      <%= button_to "Discard All", pgbus.discard_all_jobs_path, method: :post,
+            data: { turbo_confirm: t("pgbus.jobs.index.retry_all_confirm") } %>
+      <%= button_to t("pgbus.jobs.index.discard_all"), pgbus.discard_all_jobs_path, 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: "Discard all failed jobs?" } %>
+            data: { turbo_confirm: t("pgbus.jobs.index.discard_all_confirm") } %>
     </div>
   <% end %>
 </div>

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

@@ -1,57 +1,57 @@
 <div class="mb-6">
-  <%= link_to "&larr; Back to Jobs".html_safe, pgbus.jobs_path, class: "text-sm text-indigo-600 hover:text-indigo-500" %>
+  <%= link_to "\u2190 #{t("pgbus.jobs.show.back")}", pgbus.jobs_path, class: "text-sm text-indigo-600 hover:text-indigo-500" %>
 </div>
 
 <% if @job %>
-  <h1 class="text-2xl font-bold text-gray-900 dark:text-white mb-6">Failed Job #<%= @job["id"] %></h1>
+  <h1 class="text-2xl font-bold text-gray-900 dark:text-white mb-6"><%= t("pgbus.jobs.show.title", id: @job["id"]) %></h1>
 
   <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>
+        <dt class="text-sm font-medium text-gray-500"><%= t("pgbus.jobs.show.labels.queue") %></dt>
         <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>
+        <dt class="text-sm font-medium text-gray-500"><%= t("pgbus.jobs.show.labels.failed_at") %></dt>
         <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>
+        <dt class="text-sm font-medium text-gray-500"><%= t("pgbus.jobs.show.labels.error_class") %></dt>
         <dd class="text-sm text-red-600 font-medium"><%= @job["error_class"] %></dd>
       </div>
       <div>
-        <dt class="text-sm font-medium text-gray-500">Retry Count</dt>
+        <dt class="text-sm font-medium text-gray-500"><%= t("pgbus.jobs.show.labels.retry_count") %></dt>
         <dd class="text-sm text-gray-900 dark:text-white"><%= @job["retry_count"] %></dd>
       </div>
     </dl>
   </div>
 
   <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>
+    <h2 class="text-sm font-medium text-gray-500 mb-2"><%= t("pgbus.jobs.show.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 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>
+      <h2 class="text-sm font-medium text-gray-500 mb-2"><%= t("pgbus.jobs.show.backtrace") %></h2>
       <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 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>
+    <h2 class="text-sm font-medium text-gray-500 mb-2"><%= t("pgbus.jobs.show.payload") %></h2>
     <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">
-    <%= button_to "Retry", pgbus.retry_job_path(@job["id"]), method: :post,
+    <%= button_to t("pgbus.jobs.show.retry"), pgbus.retry_job_path(@job["id"]), method: :post,
           class: "rounded-md bg-indigo-600 px-4 py-2 text-sm font-medium text-white hover:bg-indigo-500" %>
-    <%= button_to "Discard", pgbus.discard_job_path(@job["id"]), method: :post,
+    <%= button_to t("pgbus.jobs.show.discard"), pgbus.discard_job_path(@job["id"]), method: :post,
           class: "rounded-md bg-red-600 px-4 py-2 text-sm font-medium text-white hover:bg-red-500",
-          data: { turbo_confirm: "Discard this job permanently?" } %>
+          data: { turbo_confirm: t("pgbus.jobs.show.discard_confirm") } %>
   </div>
 <% else %>
   <div class="text-center py-12">
-    <p class="text-gray-400">Job not found</p>
+    <p class="text-gray-400"><%= t("pgbus.jobs.show.not_found") %></p>
   </div>
 <% end %>

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

@@ -1,18 +1,18 @@
 <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>
+  <h1 class="text-2xl font-bold text-gray-900 dark:text-white"><%= t("pgbus.locks.index.title") %></h1>
+  <p class="mt-1 text-sm text-gray-500 dark:text-gray-400"><%= t("pgbus.locks.index.description") %></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>
+        <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>
+        <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.job_class") %></th>
+        <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.state") %></th>
+        <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.owner") %></th>
+        <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.locks.index.headers.age") %></th>
+        <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.locks.index.headers.expires") %></th>
       </tr>
     </thead>
     <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
@@ -22,9 +22,9 @@
           <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>
+              <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">Queued</span>
+              <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">
@@ -46,7 +46,7 @@
         </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>
+        <tr><td colspan="6" class="px-4 py-8 text-center text-sm text-gray-400 dark:text-gray-500"><%= t("pgbus.locks.index.empty") %></td></tr>
       <% end %>
     </tbody>
   </table>