rails_error_dashboard 0.8.3 → 0.9.0

data/app/views/rails_error_dashboard/errors/show.html.erb

@@ -1,4 +1,4 @@
-<% content_for :page_title, "Error ##{@error.id}" %>
+<% content_for :page_title, red_t("red.errors.show.page_title", id: @error.id) %>
 
 <%= render "show_scripts", error: @error %>
 
@@ -6,7 +6,7 @@
   <!-- Back + breadcrumb -->
   <div style="display: flex; align-items: center; gap: 8px; margin-bottom: var(--space-4); font-size: 13px; color: var(--text-tertiary);">
     <%= link_to errors_path(app_context), style: "background: none; border: none; color: var(--text-tertiary); display: flex; align-items: center; gap: 4px; text-decoration: none; font-size: 13px;" do %>
-      <i class="bi bi-arrow-left"></i> Errors
+      <i class="bi bi-arrow-left"></i> <%= red_t("red.errors.show.breadcrumb_errors") %>
     <% end %>
     <span>/</span>
     <span style="color: var(--text-secondary);"><%= @error.error_type %></span>
@@ -18,74 +18,81 @@
       <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 6px;">
         <span class="badge bg-<%= severity_color(@error.severity) %>" style="display: inline-flex; align-items: center; gap: 4px;">
           <span style="width: 6px; height: 6px; border-radius: 50%; background: currentColor;"></span>
-          <%= @error.severity %>
+          <%= red_t("red.common.severity.#{@error.severity}", default: @error.severity.to_s) %>
         </span>
         <%
+          # Same treatment as _error_row: status_key stays the machine value and
+          # drives both the colour lookup and the translation key; only the
+          # label is translated. The two views read the same red.errors.row.status.*
+          # keys rather than keeping parallel copies that would drift.
           raw_status = @error.respond_to?(:status) ? @error.status : nil
-          status_text = if @error.respond_to?(:muted?) && @error.muted?
+          status_key = if @error.respond_to?(:muted?) && @error.muted?
             'muted'
           elsif @error.respond_to?(:snoozed?) && @error.snoozed?
             'snoozed'
           elsif raw_status.present? && raw_status != 'new'
-            raw_status.tr('_', ' ')
+            raw_status
           elsif @error.resolved?
             'resolved'
           else
             'unresolved'
           end
+          status_text = red_t("red.errors.row.status.#{status_key}", default: status_key.tr('_', ' '))
           status_colors = {
             'unresolved' => { bg: 'var(--status-critical-bg)', color: 'var(--status-critical)' },
             'resolved' => { bg: 'var(--status-success-bg)', color: 'var(--status-success)' },
-            'in progress' => { bg: 'var(--status-info-bg)', color: 'var(--status-info)' },
+            'in_progress' => { bg: 'var(--status-info-bg)', color: 'var(--status-info)' },
             'investigating' => { bg: 'var(--status-caution-bg)', color: 'var(--status-caution)' },
-            'wont fix' => { bg: 'var(--surface-tertiary)', color: 'var(--text-tertiary)' },
+            'wont_fix' => { bg: 'var(--surface-tertiary)', color: 'var(--text-tertiary)' },
             'assigned' => { bg: 'var(--accent-subtle)', color: 'var(--accent)' },
             'snoozed' => { bg: 'var(--status-caution-bg)', color: 'var(--status-caution)' },
             'muted' => { bg: 'var(--surface-tertiary)', color: 'var(--text-tertiary)' },
           }
-          sc = status_colors[status_text] || status_colors['unresolved']
+          sc = status_colors[status_key] || status_colors['unresolved']
         %>
         <span style="display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; font-size: 11px; font-weight: 600; border-radius: var(--radius-full); background: <%= sc[:bg] %>; color: <%= sc[:color] %>; text-transform: capitalize;">
           <%= status_text %>
         </span>
         <% if @error.reopened? %>
           <span style="display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; font-size: 11px; font-weight: 600; border-radius: var(--radius-full); background: var(--status-warning-bg); color: var(--status-warning);">
-            <i class="bi bi-arrow-counterclockwise" style="font-size: 10px;"></i> Reopened
+            <i class="bi bi-arrow-counterclockwise" style="font-size: 10px;"></i> <%= red_t("red.errors.show.hero.reopened") %>
           </span>
         <% end %>
       </div>
       <h2 style="font-size: 20px; font-weight: 700; color: var(--text-primary); font-family: var(--font-mono); margin: 0 0 4px; word-break: break-word;"><%= @error.error_type %></h2>
       <p style="font-size: 14px; color: var(--text-secondary); margin: 0; font-family: var(--font-mono);"><%= @error.message&.truncate(200) %></p>
       <div style="display: flex; gap: var(--space-6); margin-top: var(--space-4); font-size: 12px; color: var(--text-tertiary); flex-wrap: wrap;">
-        <span><strong style="color: var(--text-primary);"><%= @error.occurrence_count %></strong> occurrences</span>
+        <span><%= red_tp("red.errors.show.hero.occurrences_html", count: @error.occurrence_count,
+              value: tag.strong(@error.occurrence_count, style: "color: var(--text-primary);")) %></span>
         <% if @error.application&.name.present? %>
           <span><i class="bi bi-layers" style="font-size: 10px;"></i> <strong style="color: var(--text-primary);"><%= @error.application.name %></strong></span>
         <% end %>
         <% if @error.user_id %>
-          <span>User <strong style="color: var(--text-primary);">#<%= @error.user_id %></strong></span>
+          <span><%= red_t("red.errors.show.hero.user_html",
+                value: tag.strong("##{@error.user_id}", style: "color: var(--text-primary);")) %></span>
         <% end %>
-        <span>First seen <%= local_time_ago(@error.first_seen_at) %></span>
-        <span>Last seen <%= local_time_ago(@error.last_seen_at) %></span>
+        <span><%= red_t("red.errors.show.hero.first_seen_html", time: local_time_ago(@error.first_seen_at)) %></span>
+        <span><%= red_t("red.errors.show.hero.last_seen_html", time: local_time_ago(@error.last_seen_at)) %></span>
       </div>
     </div>
     <div style="display: flex; gap: 6px; flex-shrink: 0;">
       <% unless @error.resolved? %>
         <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#resolveModal" style="font-weight: 600;">
-          Resolve
+          <%= red_t("red.errors.show.actions.resolve") %>
         </button>
       <% end %>
       <button type="button" class="btn" data-bs-toggle="modal" data-bs-target="#assignModal" id="hero-assign-btn">
-        Assign
+        <%= red_t("red.errors.show.actions.assign") %>
       </button>
       <button type="button" class="btn" data-red-action="copy-markdown" data-markdown="<%= j @error_markdown %>">
-        <i class="bi bi-clipboard" style="margin-right: 4px;"></i>Copy for LLM
+        <i class="bi bi-clipboard" style="margin-right: 4px;"></i><%= red_t("red.errors.show.actions.copy_for_llm") %>
       </button>
       <% if RailsErrorDashboard.configuration.llm_configured? %>
         <button type="button" class="btn" data-red-action="open-ai-help">
-          <i class="bi bi-stars" style="margin-right: 4px;"></i>AI Help
+          <i class="bi bi-stars" style="margin-right: 4px;"></i><%= red_t("red.errors.show.actions.ai_help") %>
         </button>
       <% end %>
-      <button type="button" class="btn" data-red-action="download-json" title="Export JSON">
+      <button type="button" class="btn" data-red-action="download-json" title="<%= red_t("red.errors.show.actions.export_json") %>">
         <i class="bi bi-download"></i>
       </button>
     </div>
@@ -98,17 +105,17 @@
       <!-- Tab bar -->
       <div style="display: flex; gap: 0; border-bottom: 1px solid var(--border-primary); margin-bottom: var(--space-4);">
         <button type="button" data-red-action="switch-tab" data-red-tab="details" class="red-tab active" id="tab-details" style="padding: 10px 16px; font-size: 13px; font-weight: 600; color: var(--accent); background: none; border: none; border-bottom: 2px solid var(--accent); margin-bottom: -1px; cursor: pointer;">
-          <i class="bi bi-code-slash" style="margin-right: 6px;"></i>Details
+          <i class="bi bi-code-slash" style="margin-right: 6px;"></i><%= red_t("red.errors.show.tabs.details") %>
         </button>
         <button type="button" data-red-action="switch-tab" data-red-tab="context" class="red-tab" id="tab-context" style="padding: 10px 16px; font-size: 13px; font-weight: 400; color: var(--text-secondary); background: none; border: none; border-bottom: 2px solid transparent; margin-bottom: -1px; cursor: pointer;">
-          <i class="bi bi-layers" style="margin-right: 6px;"></i>Context
+          <i class="bi bi-layers" style="margin-right: 6px;"></i><%= red_t("red.errors.show.tabs.context") %>
         </button>
         <button type="button" data-red-action="switch-tab" data-red-tab="history" class="red-tab" id="tab-history" style="padding: 10px 16px; font-size: 13px; font-weight: 400; color: var(--text-secondary); background: none; border: none; border-bottom: 2px solid transparent; margin-bottom: -1px; cursor: pointer;">
-          <i class="bi bi-clock-history" style="margin-right: 6px;"></i>History
+          <i class="bi bi-clock-history" style="margin-right: 6px;"></i><%= red_t("red.errors.show.tabs.history") %>
         </button>
         <% if RailsErrorDashboard.configuration.enable_issue_tracking %>
           <button type="button" data-red-action="switch-tab" data-red-tab="issues" class="red-tab" id="tab-issues" style="padding: 10px 16px; font-size: 13px; font-weight: 400; color: var(--text-secondary); background: none; border: none; border-bottom: 2px solid transparent; margin-bottom: -1px; cursor: pointer;">
-            <i class="bi bi-github" style="margin-right: 6px;"></i>Issues
+            <i class="bi bi-github" style="margin-right: 6px;"></i><%= red_t("red.errors.show.tabs.issues") %>
           </button>
         <% end %>
       </div>
@@ -119,16 +126,16 @@
           <div class="alert alert-info mb-3" style="display: flex; justify-content: space-between; align-items: center; padding: var(--space-3) var(--space-4);">
             <div style="font-size: 12px;">
               <% if RailsErrorDashboard::Services::CoverageTracker.active? %>
-                <i class="bi bi-broadcast"></i> <strong>Coverage Active</strong> — expand source code to see executed lines
+                <i class="bi bi-broadcast"></i> <strong><%= red_t("red.errors.show.coverage.active_label") %></strong> — <%= red_t("red.errors.show.coverage.active_body") %>
               <% else %>
-                <i class="bi bi-code-square"></i> <strong>Code Path Coverage</strong> — enable to see executed lines
+                <i class="bi bi-code-square"></i> <strong><%= red_t("red.errors.show.coverage.inactive_label") %></strong> — <%= red_t("red.errors.show.coverage.inactive_body") %>
               <% end %>
             </div>
             <div>
               <% if RailsErrorDashboard::Services::CoverageTracker.active? %>
-                <%= button_to "Disable", disable_coverage_errors_path, method: :post, class: "btn btn-sm" %>
+                <%= button_to red_t("red.errors.show.coverage.disable"), disable_coverage_errors_path, method: :post, class: "btn btn-sm" %>
               <% else %>
-                <%= button_to "Enable", enable_coverage_errors_path, method: :post, class: "btn btn-sm btn-primary" %>
+                <%= button_to red_t("red.errors.show.coverage.enable"), enable_coverage_errors_path, method: :post, class: "btn btn-sm btn-primary" %>
               <% end %>
             </div>
           </div>
@@ -178,24 +185,24 @@
         <% if baselines[:hourly].present? || baselines[:daily].present? || baselines[:weekly].present? %>
           <div class="card">
             <div style="display: flex; justify-content: space-between; align-items: center; padding: var(--space-4) var(--space-5); border-bottom: 1px solid var(--border-primary);">
-              <span style="font-size: 13px; font-weight: 600;">Baseline Statistics</span>
+              <span style="font-size: 13px; font-weight: 600;"><%= red_t("red.errors.show.baselines.title") %></span>
             </div>
             <div style="padding: var(--space-3) var(--space-5);">
               <% anomaly = @error.baseline_anomaly %>
               <% if anomaly[:anomaly] %>
                 <div class="alert alert-<%= anomaly[:level] == :critical ? 'danger' : anomaly[:level] == :high ? 'warning' : 'info' %>" style="padding: var(--space-2) var(--space-3); font-size: 12px; margin-bottom: var(--space-3);">
-                  <strong>Anomaly:</strong> <%= anomaly[:std_devs_above]&.round(1) %>σ above baseline (<%= anomaly[:level].to_s.upcase %>)
+                  <strong><%= red_t("red.errors.show.baselines.anomaly_label") %></strong> <%= red_t("red.errors.show.baselines.anomaly_body", sigma: anomaly[:std_devs_above]&.round(1), level: red_t("red.errors.show.baselines.levels.#{anomaly[:level]}", default: anomaly[:level].to_s.upcase)) %>
                 </div>
               <% end %>
               <% [:hourly, :daily, :weekly].each do |type| %>
                 <% baseline = baselines[type] %>
                 <% next unless baseline %>
                 <div style="padding: var(--space-2) 0; border-bottom: 1px solid var(--border-primary); font-size: 12px;">
-                  <div style="color: var(--text-tertiary); font-weight: 500; text-transform: capitalize; margin-bottom: 4px;"><%= type %></div>
+                  <div style="color: var(--text-tertiary); font-weight: 500; text-transform: capitalize; margin-bottom: 4px;"><%= red_t("red.errors.show.baselines.#{type}", default: type.to_s) %></div>
                   <div style="display: flex; gap: var(--space-4);">
-                    <span>Mean: <strong><%= baseline.mean&.round(1) || 'N/A' %></strong></span>
-                    <span>σ: <strong><%= baseline.std_dev&.round(1) || 'N/A' %></strong></span>
-                    <span>P95: <strong><%= baseline.percentile_95&.round(1) || 'N/A' %></strong></span>
+                    <span><%= red_t("red.errors.show.baselines.mean") %> <strong><%= baseline.mean&.round(1) || red_t("red.common.not_available") %></strong></span>
+                    <span><%= red_t("red.errors.show.baselines.std_dev") %> <strong><%= baseline.std_dev&.round(1) || red_t("red.common.not_available") %></strong></span>
+                    <span><%= red_t("red.errors.show.baselines.percentile_95") %> <strong><%= baseline.percentile_95&.round(1) || red_t("red.common.not_available") %></strong></span>
                   </div>
                 </div>
               <% end %>
@@ -207,24 +214,24 @@
       <!-- Quick Actions -->
       <div class="card">
         <div style="display: flex; justify-content: space-between; align-items: center; padding: var(--space-4) var(--space-5); border-bottom: 1px solid var(--border-primary);">
-          <span style="font-size: 13px; font-weight: 600;">Quick Actions</span>
+          <span style="font-size: 13px; font-weight: 600;"><%= red_t("red.errors.show.quick_actions.title") %></span>
         </div>
         <div style="padding: var(--space-3) var(--space-5); display: flex; flex-direction: column; gap: var(--space-2);">
           <%= link_to errors_path(app_context.merge(error_type: @error.error_type, unresolved: '0')), class: "btn btn-sm" do %>
-            <i class="bi bi-filter"></i> View Similar Errors
+            <i class="bi bi-filter"></i> <%= red_t("red.errors.show.quick_actions.view_similar") %>
           <% end %>
           <% if @error.user_id %>
             <%= link_to errors_path(app_context.merge(user_id: @error.user_id, unresolved: '0')), class: "btn btn-sm" do %>
-              <i class="bi bi-person"></i> View User's Errors
+              <i class="bi bi-person"></i> <%= red_t("red.errors.show.quick_actions.view_user_errors") %>
             <% end %>
           <% end %>
           <% if @error.platform.present? %>
             <%= link_to errors_path(app_context.merge(platform: @error.platform, unresolved: '0')), class: "btn btn-sm" do %>
-              <i class="bi bi-phone"></i> View <%= @error.platform %> Errors
+              <i class="bi bi-phone"></i> <%= red_t("red.errors.show.quick_actions.view_platform_errors", platform: @error.platform) %>
             <% end %>
           <% end %>
           <%= link_to analytics_errors_path(app_context), class: "btn btn-sm" do %>
-            <i class="bi bi-bar-chart-line"></i> Analytics
+            <i class="bi bi-bar-chart-line"></i> <%= red_t("red.errors.show.quick_actions.analytics") %>
           <% end %>
         </div>
       </div>

data/app/views/rails_error_dashboard/errors/storms.html.erb

@@ -1,35 +1,35 @@
-<% content_for :page_title, "Storm History" %>
+<% content_for :page_title, red_t("red.errors.storms_page.title") %>
 
 <div>
   <div class="d-flex justify-content-between align-items-center mb-4">
     <h1 style="font-size: 20px; font-weight: 700; margin: 0;">
       <i class="bi bi-cloud-lightning-rain me-2"></i>
-      Storm History
+      <%= red_t("red.errors.storms_page.title") %>
     </h1>
   </div>
 
   <p class="text-muted" style="font-size: 13px; margin-bottom: var(--space-4);">
-    When the error rate spikes (a bad deploy, a dependency outage), storm protection
-    limits the gem's own database writes so it never amplifies the incident.
-    Occurrences are always counted exactly — only per-event detail is sampled.
-    Thresholds are configurable per process via <code>storm_*</code> options.
+    <%= red_t("red.errors.storms_page.intro_html", options: content_tag(:code, "storm_*")) %>
   </p>
 
   <% if @active_storm %>
     <div class="alert alert-danger" style="border-left: 4px solid var(--status-critical);">
       <i class="bi bi-cloud-lightning-rain-fill me-1"></i>
-      <strong>Storm in progress</strong> since <%= @active_storm.started_at.strftime("%Y-%m-%d %H:%M %Z") %> —
-      peak rate <%= number_with_delimiter(@active_storm.peak_rate_per_minute) %>/min.
+      <%# One sentence rather than a <strong> label with fragments trailing
+          after it: the clause order does not hold in every language. %>
+      <%= red_t("red.errors.storms_page.active_html",
+                label: content_tag(:strong, red_t("red.errors.storms_page.active_label")),
+                time: @active_storm.started_at.strftime(red_time_format(:datetime)),
+                rate: red_t("red.errors.storms_page.rate_per_minute", value: number_with_delimiter(@active_storm.peak_rate_per_minute))) %>
     </div>
   <% end %>
 
   <% if @storm_events.empty? %>
     <div class="red-empty-state">
       <i class="bi bi-cloud-sun display-1 text-muted mb-3"></i>
-      <div class="red-empty-state-title">No Storms Recorded</div>
+      <div class="red-empty-state-title"><%= red_t("red.errors.storms_page.empty_title") %></div>
       <p class="text-muted">
-        Storm protection is standing by. If an error flood ever hits this app,
-        episodes will appear here with exact counts of what was shed.
+        <%= red_t("red.errors.storms_page.empty_body") %>
       </p>
     </div>
   <% else %>
@@ -38,37 +38,43 @@
         <table class="table" style="margin: 0;">
           <thead>
             <tr>
-              <th>Started</th>
-              <th>Duration</th>
-              <th>Peak Rate</th>
-              <th>Mode</th>
-              <th class="text-end">Counted (exact)</th>
-              <th class="text-end">Overflow</th>
-              <th>Top Errors</th>
+              <th><%= red_t("red.errors.storms_page.column_started") %></th>
+              <th><%= red_t("red.errors.storms_page.column_duration") %></th>
+              <th><%= red_t("red.errors.storms_page.column_peak_rate") %></th>
+              <th><%= red_t("red.errors.storms_page.column_mode") %></th>
+              <th class="text-end"><%= red_t("red.errors.storms_page.column_counted") %></th>
+              <th class="text-end"><%= red_t("red.errors.storms_page.column_overflow") %></th>
+              <th><%= red_t("red.errors.storms_page.column_top_errors") %></th>
             </tr>
           </thead>
           <tbody>
             <% @storm_events.each do |event| %>
               <tr>
                 <td style="white-space: nowrap;">
-                  <%= event.started_at.strftime("%Y-%m-%d %H:%M") %>
+                  <%= event.started_at.strftime(red_time_format(:datetime)) %>
                   <% if event.active? %>
-                    <span class="badge bg-danger ms-1">active</span>
+                    <span class="badge bg-danger ms-1"><%= red_t("red.errors.storms_page.active_badge") %></span>
                   <% end %>
                 </td>
                 <td>
                   <% if event.duration_seconds %>
+                    <%# Duration#inspect emits English ("1 hour and 3 minutes").
+                        Rails' distance_of_time_in_words would translate, but
+                        through the HOST's I18n, which RED must not read — the
+                        same limitation local_time_ago documents in
+                        application_helper. Left English until RED owns a
+                        duration formatter of its own. %>
                     <%= ActiveSupport::Duration.build(event.duration_seconds).inspect %>
                   <% else %>
                     &mdash;
                   <% end %>
                 </td>
-                <td><%= number_with_delimiter(event.peak_rate_per_minute) %>/min</td>
+                <td><%= red_t("red.errors.storms_page.rate_per_minute", value: number_with_delimiter(event.peak_rate_per_minute)) %></td>
                 <td>
                   <% if event.reached_open %>
-                    <span class="badge bg-danger">count-only</span>
+                    <span class="badge bg-danger"><%= red_t("red.errors.storms_page.mode_count_only") %></span>
                   <% else %>
-                    <span class="badge bg-warning text-dark">shedding</span>
+                    <span class="badge bg-warning text-dark"><%= red_t("red.errors.storms_page.mode_shedding") %></span>
                   <% end %>
                 </td>
                 <td class="text-end"><%= number_with_delimiter(event.events_counted_only) %></td>
@@ -77,7 +83,7 @@
                   <% event.top_fingerprints_list.first(3).each do |fp| %>
                     <div style="font-size: 12px; font-family: var(--font-mono); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;" title="<%= fp["message"] %>">
                       <strong><%= fp["class"] %></strong>
-                      <span class="text-muted">&times;<%= number_with_delimiter(fp["count"]) %></span>
+                      <span class="text-muted"><%= red_t("red.errors.storms_page.occurrence_multiplier", count: number_with_delimiter(fp["count"])) %></span>
                     </div>
                   <% end %>
                 </td>

data/app/views/rails_error_dashboard/errors/swallowed_exceptions.html.erb

@@ -1,21 +1,21 @@
-<% content_for :page_title, "Swallowed Exceptions" %>
+<% content_for :page_title, red_t("red.errors.swallowed_page.title") %>
 
 <div>
   <div class="d-flex justify-content-between align-items-center mb-4">
     <h1 style="font-size: 20px; font-weight: 700; margin: 0;">
       <i class="bi bi-eye-slash me-2"></i>
-      Swallowed Exceptions
+      <%= red_t("red.errors.swallowed_page.title") %>
     </h1>
 
     <div class="btn-group" role="group">
       <%= link_to swallowed_exceptions_errors_path(days: 7), class: "btn btn-sm #{@days == 7 ? 'btn-primary' : 'btn-outline-primary'}" do %>
-        7 Days
+        <%= red_t("red.common.days_filter.7") %>
       <% end %>
       <%= link_to swallowed_exceptions_errors_path(days: 30), class: "btn btn-sm #{@days == 30 ? 'btn-primary' : 'btn-outline-primary'}" do %>
-        30 Days
+        <%= red_t("red.common.days_filter.30") %>
       <% end %>
       <%= link_to swallowed_exceptions_errors_path(days: 90), class: "btn btn-sm #{@days == 90 ? 'btn-primary' : 'btn-outline-primary'}" do %>
-        90 Days
+        <%= red_t("red.common.days_filter.90") %>
       <% end %>
     </div>
   </div>
@@ -23,18 +23,18 @@
   <% if @unique_count == 0 %>
     <div class="red-empty-state">
       <div class="red-empty-state-icon" style="background: var(--status-success-bg); color: var(--status-success);"><i class="bi bi-check-lg"></i></div>
-      <div class="red-empty-state-title">No Swallowed Exceptions Detected</div>
+      <div class="red-empty-state-title"><%= red_t("red.errors.swallowed_page.empty_title") %></div>
       <p class="text-muted">
-        No exceptions with a rescue ratio above <%= (RailsErrorDashboard.configuration.swallowed_exception_threshold * 100).round %>% were detected in the last <%= @days %> days.
+        <%= red_t("red.errors.swallowed_page.empty_body", threshold: (RailsErrorDashboard.configuration.swallowed_exception_threshold * 100).round, days: @days) %>
       </p>
       <div class="card mx-auto" style="max-width: 500px;">
         <div class="card-body text-start">
-          <h6>How swallowed exceptions are detected:</h6>
+          <h6><%= red_t("red.errors.swallowed_page.how_title") %></h6>
           <ul class="mb-0">
-            <li>TracePoint(:raise) counts every exception raised</li>
-            <li>TracePoint(:rescue) counts every exception rescued</li>
-            <li>High rescue/raise ratio = likely swallowed (silently rescued)</li>
-            <li>Requires Ruby 3.3+ and <code>detect_swallowed_exceptions = true</code></li>
+            <li><%= red_t("red.errors.swallowed_page.how_raise") %></li>
+            <li><%= red_t("red.errors.swallowed_page.how_rescue") %></li>
+            <li><%= red_t("red.errors.swallowed_page.how_ratio") %></li>
+            <li><%= red_t("red.errors.swallowed_page.how_requires_html", option: content_tag(:code, "detect_swallowed_exceptions = true")) %></li>
           </ul>
         </div>
       </div>
@@ -45,7 +45,7 @@
         <div class="card text-center">
           <div class="card-body">
             <div class="display-6 text-danger"><%= @unique_count %></div>
-            <small class="text-muted">Swallowed Patterns</small>
+            <small class="text-muted"><%= red_t("red.errors.swallowed_page.swallowed_patterns") %></small>
           </div>
         </div>
       </div>
@@ -53,7 +53,7 @@
         <div class="card text-center">
           <div class="card-body">
             <div class="display-6 text-warning"><%= number_with_delimiter(@total_rescue_count) %></div>
-            <small class="text-muted">Total Rescues</small>
+            <small class="text-muted"><%= red_t("red.errors.swallowed_page.total_rescues") %></small>
           </div>
         </div>
       </div>
@@ -61,7 +61,7 @@
         <div class="card text-center">
           <div class="card-body">
             <div class="display-6 text-info"><%= number_with_delimiter(@total_raise_count) %></div>
-            <small class="text-muted">Total Raises</small>
+            <small class="text-muted"><%= red_t("red.errors.swallowed_page.total_raises") %></small>
           </div>
         </div>
       </div>
@@ -71,7 +71,7 @@
       <div class="card-header d-flex justify-content-between align-items-center">
         <h5 class="mb-0">
           <i class="bi bi-eye-slash text-danger me-2"></i>
-          Swallowed Exception Patterns
+          <%= red_t("red.errors.swallowed_page.all_title") %>
           <span class="badge bg-danger"><%= @unique_count %></span>
         </h5>
         <small class="text-muted"><%== @pagy.info_tag %></small>
@@ -81,25 +81,25 @@
           <table class="table table-hover mb-0">
             <thead>
               <tr style="border-bottom: 1px solid var(--border-primary);">
-                <th style="padding: var(--space-3) var(--space-4); color: var(--text-secondary); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em;">Exception Class</th>
-                <th style="padding: var(--space-3) var(--space-4); color: var(--text-secondary); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em;" width="250">Raise Location</th>
-                <th style="padding: var(--space-3) var(--space-4); color: var(--text-secondary); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em;" width="250">Rescue Location</th>
-                <th style="padding: var(--space-3) var(--space-4); color: var(--text-secondary); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em;" width="100">Raises</th>
-                <th style="padding: var(--space-3) var(--space-4); color: var(--text-secondary); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em;" width="100">Rescues</th>
-                <th style="padding: var(--space-3) var(--space-4); color: var(--text-secondary); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em;" width="100">Ratio</th>
-                <th style="padding: var(--space-3) var(--space-4); color: var(--text-secondary); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em;" width="140">Last Seen</th>
+                <th style="padding: var(--space-3) var(--space-4); color: var(--text-secondary); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em;"><%= red_t("red.errors.swallowed_page.column_exception_class") %></th>
+                <th style="padding: var(--space-3) var(--space-4); color: var(--text-secondary); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em;" width="250"><%= red_t("red.errors.swallowed_page.column_raise_location") %></th>
+                <th style="padding: var(--space-3) var(--space-4); color: var(--text-secondary); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em;" width="250"><%= red_t("red.errors.swallowed_page.column_rescue_location") %></th>
+                <th style="padding: var(--space-3) var(--space-4); color: var(--text-secondary); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em;" width="100"><%= red_t("red.errors.swallowed_page.column_raises") %></th>
+                <th style="padding: var(--space-3) var(--space-4); color: var(--text-secondary); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em;" width="100"><%= red_t("red.errors.swallowed_page.column_rescues") %></th>
+                <th style="padding: var(--space-3) var(--space-4); color: var(--text-secondary); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em;" width="100"><%= red_t("red.errors.swallowed_page.column_ratio") %></th>
+                <th style="padding: var(--space-3) var(--space-4); color: var(--text-secondary); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em;" width="140"><%= red_t("red.errors.pages.column_last_seen") %></th>
               </tr>
             </thead>
             <tbody>
               <% @entries.each do |entry| %>
                 <tr>
                   <td>
-                    <%= link_to errors_path(error_type: entry[:exception_class], unresolved: '0'), class: "text-decoration-none", title: "View any unrescued #{entry[:exception_class]} errors that leaked into error_log" do %>
+                    <%= link_to errors_path(error_type: entry[:exception_class], unresolved: '0'), class: "text-decoration-none", title: red_t("red.errors.swallowed_page.view_unrescued", exception: entry[:exception_class]) do %>
                       <code style="font-size: 0.85em;"><%= entry[:exception_class] %></code>
                     <% end %>
                   </td>
                   <td style="color: var(--text-secondary); font-size: 12px; word-break: break-all;"><%= entry[:raise_location] %></td>
-                  <td style="color: var(--text-secondary); font-size: 12px; word-break: break-all;"><%= entry[:rescue_location] || "Unknown" %></td>
+                  <td style="color: var(--text-secondary); font-size: 12px; word-break: break-all;"><%= entry[:rescue_location] || red_t("red.common.unknown") %></td>
                   <td><span class="badge bg-info text-dark"><%= number_with_delimiter(entry[:raise_count]) %></span></td>
                   <td><span class="badge bg-warning text-dark"><%= number_with_delimiter(entry[:rescue_count]) %></span></td>
                   <td>
@@ -118,7 +118,7 @@
       <div class="card-footer border-top d-flex justify-content-between align-items-center">
         <div>
           <small class="text-muted">
-            <i class="bi bi-lightbulb text-warning"></i> Swallowed exceptions are raised then silently rescued. They may hide real bugs.
+            <i class="bi bi-lightbulb text-warning"></i> <%= red_t("red.errors.swallowed_page.footer_tip") %>
           </small>
         </div>
         <div>