rails_error_dashboard 0.8.3 → 0.9.0

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

@@ -1,22 +1,22 @@
-<% content_for :page_title, "LLM Health" %>
+<% content_for :page_title, red_t("red.health.llm.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-cpu-fill me-2"></i>
-      LLM Health
+      <%= red_t("red.health.llm.title") %>
     </h1>
 
     <% unless @feature_disabled %>
       <div class="btn-group" role="group">
         <%= link_to llm_health_summary_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 llm_health_summary_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 llm_health_summary_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>
     <% end %>
@@ -25,13 +25,13 @@
   <% if @feature_disabled %>
     <div class="red-empty-state">
       <i class="bi bi-cpu-fill display-1 text-muted mb-3"></i>
-      <div class="red-empty-state-title">LLM Observability Not Enabled</div>
+      <div class="red-empty-state-title"><%= red_t("red.health.llm.disabled.title") %></div>
       <p class="text-muted">
-        To see per-model LLM stats here, enable LLM observability and breadcrumbs.
+        <%= red_t("red.health.llm.disabled.message") %>
       </p>
       <div class="card mx-auto" style="max-width: 600px;">
         <div class="card-body text-start">
-          <h6>Enable in <code>config/initializers/rails_error_dashboard.rb</code>:</h6>
+          <h6><%= red_t("red.health.llm.disabled.enable_in_html") %></h6>
           <pre class="mb-0" style="background: var(--bg-subtle); padding: var(--space-3); border-radius: var(--radius-md); font-size: 12px;"><code>RailsErrorDashboard.configure do |config|
   config.enable_breadcrumbs = true
   config.enable_llm_observability = true
@@ -43,10 +43,9 @@ end</code></pre>
   <% elsif @totals[:total_calls] == 0 && @totals[:total_tool_calls] == 0 %>
     <div class="red-empty-state">
       <i class="bi bi-cpu-fill display-1 text-success mb-3"></i>
-      <div class="red-empty-state-title">No LLM Calls Detected</div>
+      <div class="red-empty-state-title"><%= red_t("red.health.llm.empty.title") %></div>
       <p class="text-muted">
-        No LLM API calls were captured in error breadcrumbs over the last <%= @days %> days.
-        Instrument LLM calls in one of three ways:
+        <%= red_t("red.health.llm.empty.message", days: @days) %>
       </p>
 
       <div class="card mx-auto" style="max-width: 720px;">
@@ -54,41 +53,41 @@ end</code></pre>
           <ul class="nav nav-tabs" role="tablist" id="llmPathTabs">
             <li class="nav-item" role="presentation">
               <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#llmPathOtel" type="button" role="tab">
-                <i class="bi bi-diagram-3 me-1"></i> OpenTelemetry
+                <i class="bi bi-diagram-3 me-1"></i> <%= red_t("red.health.llm.empty.tab_otel") %>
               </button>
             </li>
             <li class="nav-item" role="presentation">
               <button class="nav-link" data-bs-toggle="tab" data-bs-target="#llmPathFaraday" type="button" role="tab">
-                <i class="bi bi-arrow-left-right me-1"></i> Faraday / RubyLLM
+                <i class="bi bi-arrow-left-right me-1"></i> <%= red_t("red.health.llm.empty.tab_faraday") %>
               </button>
             </li>
             <li class="nav-item" role="presentation">
               <button class="nav-link" data-bs-toggle="tab" data-bs-target="#llmPathManual" type="button" role="tab">
-                <i class="bi bi-pencil-square me-1"></i> Manual
+                <i class="bi bi-pencil-square me-1"></i> <%= red_t("red.health.llm.empty.tab_manual") %>
               </button>
             </li>
           </ul>
 
           <div class="tab-content p-3 text-start">
             <div class="tab-pane fade show active" id="llmPathOtel" role="tabpanel">
-              <p class="mb-2"><small>Already running an OTel collector? Drop in this gem and we'll subscribe automatically.</small></p>
+              <p class="mb-2"><small><%= red_t("red.health.llm.empty.otel_hint") %></small></p>
               <pre class="mb-2" style="background: var(--bg-subtle); padding: var(--space-3); border-radius: var(--radius-md); font-size: 12px;"><code># Gemfile
 gem "opentelemetry-instrumentation-ruby_llm"
 
 # Then nothing else — OTel spans flow into RED breadcrumbs.</code></pre>
-              <small class="text-muted">Requires <code>enable_llm_observability = true</code>.</small>
+              <small class="text-muted"><%= red_t("red.health.llm.empty.otel_requires_html") %></small>
             </div>
 
             <div class="tab-pane fade" id="llmPathFaraday" role="tabpanel">
-              <p class="mb-2"><small>Using <code>ruby_llm</code>, <code>openai</code>, <code>anthropic</code>, or any Faraday-based SDK? Insert the middleware once.</small></p>
+              <p class="mb-2"><small><%= red_t("red.health.llm.empty.faraday_hint") %></small></p>
               <pre class="mb-2" style="background: var(--bg-subtle); padding: var(--space-3); border-radius: var(--radius-md); font-size: 12px;"><code>Faraday.default_connection_options.builder.tap do |b|
   b.use RailsErrorDashboard::Integrations::LlmMiddleware
 end</code></pre>
-              <small class="text-muted">RED auto-detects provider/model and tokens from the request/response.</small>
+              <small class="text-muted"><%= red_t("red.health.llm.empty.faraday_note") %></small>
             </div>
 
             <div class="tab-pane fade" id="llmPathManual" role="tabpanel">
-              <p class="mb-2"><small>Direct <code>Net::HTTP</code>, gRPC, local inference, or anything else — instrument by hand.</small></p>
+              <p class="mb-2"><small><%= red_t("red.health.llm.empty.manual_hint") %></small></p>
               <pre class="mb-2" style="background: var(--bg-subtle); padding: var(--space-3); border-radius: var(--radius-md); font-size: 12px;"><code>ActiveSupport::Notifications.instrument(
   "red.llm_call",
   provider: "anthropic",
@@ -98,7 +97,7 @@ end</code></pre>
 ) do
   call_anthropic(...)
 end</code></pre>
-              <small class="text-muted">Cost is auto-estimated from tokens — payload can override with <code>cost_usd_estimate:</code>.</small>
+              <small class="text-muted"><%= red_t("red.health.llm.empty.manual_note_html") %></small>
             </div>
           </div>
         </div>
@@ -111,7 +110,7 @@ end</code></pre>
         <div class="card text-center">
           <div class="card-body">
             <div class="display-6 text-primary"><%= @totals[:total_calls] %></div>
-            <small class="text-muted">LLM Calls</small>
+            <small class="text-muted"><%= red_t("red.health.llm.stats.calls") %></small>
           </div>
         </div>
       </div>
@@ -119,7 +118,7 @@ end</code></pre>
         <div class="card text-center">
           <div class="card-body">
             <div class="display-6 text-secondary"><%= @totals[:model_count] %></div>
-            <small class="text-muted">Models</small>
+            <small class="text-muted"><%= red_t("red.health.llm.stats.models") %></small>
           </div>
         </div>
       </div>
@@ -128,7 +127,7 @@ end</code></pre>
           <div class="card-body">
             <% err_color = @totals[:error_rate] >= 10 ? "danger" : (@totals[:error_rate] >= 5 ? "warning" : "success") %>
             <div class="display-6 text-<%= err_color %>"><%= @totals[:unique_error_count] %></div>
-            <small class="text-muted">Errors with LLM (<%= @totals[:error_rate] %>%)</small>
+            <small class="text-muted"><%= red_t("red.health.llm.stats.errors_with_llm", rate: @totals[:error_rate]) %></small>
           </div>
         </div>
       </div>
@@ -136,7 +135,7 @@ end</code></pre>
         <div class="card text-center">
           <div class="card-body">
             <div class="display-6 text-info">$<%= format("%.2f", @totals[:total_cost_usd]) %></div>
-            <small class="text-muted">Total Cost</small>
+            <small class="text-muted"><%= red_t("red.health.llm.stats.total_cost") %></small>
           </div>
         </div>
       </div>
@@ -146,7 +145,7 @@ end</code></pre>
       <div class="card-header d-flex justify-content-between align-items-center">
         <h5 class="mb-0">
           <i class="bi bi-cpu-fill text-primary me-2"></i>
-          Performance by Model
+          <%= red_t("red.health.llm.by_model.title") %>
           <span class="badge bg-primary"><%= @totals[:model_count] %></span>
         </h5>
         <small class="text-muted"><%== @pagy.info_tag %></small>
@@ -156,15 +155,15 @@ end</code></pre>
           <table class="table table-hover mb-0">
             <thead class="table-light">
               <tr>
-                <th>Provider · Model</th>
-                <th width="90">Calls</th>
-                <th width="80">Tools</th>
-                <th width="130">Avg tokens</th>
-                <th width="110">Avg latency</th>
-                <th width="100">Error rate</th>
-                <th width="100">Cost</th>
-                <th>Top error</th>
-                <th width="140">Last seen</th>
+                <th><%= red_t("red.health.llm.by_model.column_provider_model") %></th>
+                <th width="90"><%= red_t("red.health.llm.by_model.column_calls") %></th>
+                <th width="80"><%= red_t("red.health.llm.by_model.column_tools") %></th>
+                <th width="130"><%= red_t("red.health.llm.by_model.column_avg_tokens") %></th>
+                <th width="110"><%= red_t("red.health.llm.by_model.column_avg_latency") %></th>
+                <th width="100"><%= red_t("red.health.llm.by_model.column_error_rate") %></th>
+                <th width="100"><%= red_t("red.health.llm.by_model.column_cost") %></th>
+                <th><%= red_t("red.health.llm.by_model.column_top_error") %></th>
+                <th width="140"><%= red_t("red.health.llm.by_model.column_last_seen") %></th>
               </tr>
             </thead>
             <tbody>
@@ -185,8 +184,8 @@ end</code></pre>
                   <td>
                     <% if entry[:avg_input_tokens] || entry[:avg_output_tokens] %>
                       <small>
-                        in <strong><%= number_with_delimiter(entry[:avg_input_tokens] || 0) %></strong><br>
-                        out <strong><%= number_with_delimiter(entry[:avg_output_tokens] || 0) %></strong>
+                        <%= red_t("red.health.llm.by_model.avg_tokens_in") %> <strong><%= number_with_delimiter(entry[:avg_input_tokens] || 0) %></strong><br>
+                        <%= red_t("red.health.llm.by_model.avg_tokens_out") %> <strong><%= number_with_delimiter(entry[:avg_output_tokens] || 0) %></strong>
                       </small>
                     <% else %>
                       <span class="text-muted">—</span>
@@ -204,7 +203,7 @@ end</code></pre>
                     <% sev_color = entry[:severity] == :danger ? "danger" : (entry[:severity] == :warning ? "warning" : "success") %>
                     <span class="badge bg-<%= sev_color %>"><%= entry[:error_rate] %>%</span>
                     <% if entry[:error_count].positive? %>
-                      <br><small class="text-muted"><%= entry[:error_count] %> failed</small>
+                      <br><small class="text-muted"><%= red_t("red.health.llm.by_model.failed_count", count: entry[:error_count]) %></small>
                     <% end %>
                   </td>
                   <td>
@@ -232,11 +231,11 @@ end</code></pre>
       <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> High error rates on a model often signal quota or rate-limit issues. Slow latency (&gt;5s) suggests provider degradation.
+            <i class="bi bi-lightbulb text-warning"></i> <%= red_t("red.health.llm.by_model.tip_html") %>
           </small>
           <small class="ms-3">
             <a href="https://github.com/thoughtbot/opentelemetry-instrumentation-ruby_llm" target="_blank" rel="noopener" class="text-decoration-none">
-              <i class="bi bi-book"></i> Instrumentation Guide <i class="bi bi-box-arrow-up-right" style="font-size: 0.7em;"></i>
+              <i class="bi bi-book"></i> <%= red_t("red.health.llm.by_model.guide_link") %> <i class="bi bi-box-arrow-up-right" style="font-size: 0.7em;"></i>
             </a>
           </small>
         </div>

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

@@ -1,21 +1,21 @@
-<% content_for :page_title, "N+1 Query Patterns" %>
+<% content_for :page_title, red_t("red.errors.n_plus_one_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-arrow-repeat me-2"></i>
-      N+1 Query Patterns
+      <%= red_t("red.errors.n_plus_one_page.title") %>
     </h1>
 
     <div class="btn-group" role="group">
       <%= link_to n_plus_one_summary_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 n_plus_one_summary_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 n_plus_one_summary_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,21 @@
   <% 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 N+1 Query Patterns Found</div>
+      <div class="red-empty-state-title"><%= red_t("red.errors.n_plus_one_page.empty_title") %></div>
       <p class="text-muted">
-        No N+1 query patterns were detected in error breadcrumbs over the last <%= @days %> days.
+        <%= red_t("red.errors.n_plus_one_page.empty_body", days: @days) %>
       </p>
       <div class="card mx-auto" style="max-width: 500px;">
         <div class="card-body text-start">
-          <h6>How N+1 detection works:</h6>
+          <h6><%= red_t("red.errors.n_plus_one_page.how_title") %></h6>
           <ul class="mb-0">
-            <li>Breadcrumbs must be enabled (<code>enable_breadcrumbs = true</code>)</li>
-            <li>SQL queries are captured as breadcrumbs during requests that produce errors</li>
-            <li>Queries with the same shape appearing >= <code>n_plus_one_threshold</code> times are flagged</li>
-            <li>Default threshold is 3 repetitions</li>
+            <li><%= red_t("red.errors.pages.how_breadcrumbs_html", option: content_tag(:code, "enable_breadcrumbs = true")) %></li>
+            <li><%= red_t("red.errors.n_plus_one_page.how_captured") %></li>
+            <li><%= red_t("red.errors.n_plus_one_page.how_threshold_html", threshold: content_tag(:code, "n_plus_one_threshold")) %></li>
+            <%# The default is read from the configuration rather than written
+                here too: a prose copy of a config value drifts the moment the
+                default changes, and the copy the user reads is the stale one. %>
+            <li><%= red_tp("red.errors.n_plus_one_page.how_default", count: RailsErrorDashboard.configuration.n_plus_one_threshold) %></li>
           </ul>
         </div>
       </div>
@@ -45,7 +48,7 @@
         <div class="card text-center">
           <div class="card-body">
             <div class="display-6 text-danger"><%= @unique_count %></div>
-            <small class="text-muted">Unique Patterns</small>
+            <small class="text-muted"><%= red_t("red.errors.n_plus_one_page.unique_patterns") %></small>
           </div>
         </div>
       </div>
@@ -53,7 +56,7 @@
         <div class="card text-center">
           <div class="card-body">
             <div class="display-6 text-warning"><%= @total_count %></div>
-            <small class="text-muted">Total Occurrences</small>
+            <small class="text-muted"><%= red_t("red.errors.pages.total_occurrences") %></small>
           </div>
         </div>
       </div>
@@ -61,7 +64,7 @@
         <div class="card text-center">
           <div class="card-body">
             <div class="display-6 text-info"><%= @affected_count %></div>
-            <small class="text-muted">Affected Errors</small>
+            <small class="text-muted"><%= red_t("red.errors.pages.affected_errors") %></small>
           </div>
         </div>
       </div>
@@ -71,7 +74,7 @@
       <div class="card-header d-flex justify-content-between align-items-center">
         <h5 class="mb-0">
           <i class="bi bi-arrow-repeat text-danger me-2"></i>
-          All N+1 Query Patterns
+          <%= red_t("red.errors.n_plus_one_page.all_title") %>
           <span class="badge bg-danger"><%= @unique_count %></span>
         </h5>
         <small class="text-muted"><%== @pagy.info_tag %></small>
@@ -81,11 +84,11 @@
           <table class="table table-hover mb-0">
             <thead class="table-light">
               <tr>
-                <th>Query Pattern</th>
-                <th width="120">Occurrences</th>
-                <th width="250">Errors</th>
-                <th width="120">Total Time</th>
-                <th width="140">Last Seen</th>
+                <th><%= red_t("red.errors.n_plus_one.column_query") %></th>
+                <th width="120"><%= red_t("red.errors.pages.column_occurrences") %></th>
+                <th width="250"><%= red_t("red.errors.pages.column_errors") %></th>
+                <th width="120"><%= red_t("red.errors.n_plus_one.column_total_time") %></th>
+                <th width="140"><%= red_t("red.errors.pages.column_last_seen") %></th>
               </tr>
             </thead>
             <tbody>
@@ -99,12 +102,12 @@
                       <%= link_to "##{eid}", error_path(eid), class: "text-decoration-none" %><%= "," unless i == shown_ids.size - 1 %>
                     <% end %>
                     <% if pattern[:error_ids].size > 5 %>
-                      <small class="text-muted">+<%= pattern[:error_ids].size - 5 %> more</small>
+                      <small class="text-muted"><%= red_tp("red.errors.pages.more_errors", count: pattern[:error_ids].size - 5) %></small>
                     <% end %>
                   </td>
                   <td>
                     <span class="<%= pattern[:total_duration_ms] > 100 ? 'text-danger fw-bold' : '' %>">
-                      <%= pattern[:total_duration_ms] %> ms
+                      <%= red_t("red.errors.n_plus_one_page.duration_ms", value: pattern[:total_duration_ms]) %>
                     </span>
                   </td>
                   <td><%= local_time_ago(pattern[:last_seen]) %></td>
@@ -117,11 +120,11 @@
       <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> Use <code>includes</code>, <code>preload</code>, or <code>eager_load</code> to fix N+1 queries.
+            <i class="bi bi-lightbulb text-warning"></i> <%= red_t("red.errors.n_plus_one_page.footer_tip_html", includes: content_tag(:code, "includes"), preload: content_tag(:code, "preload"), eager_load: content_tag(:code, "eager_load")) %>
           </small>
           <small class="ms-3">
             <a href="https://guides.rubyonrails.org/active_record_querying.html#eager-loading-associations" target="_blank" rel="noopener" class="text-decoration-none">
-              <i class="bi bi-book"></i> Rails Eager Loading Guide <i class="bi bi-box-arrow-up-right" style="font-size: 0.7em;"></i>
+              <i class="bi bi-book"></i> <%= red_t("red.errors.n_plus_one.eager_loading_guide") %> <i class="bi bi-box-arrow-up-right" style="font-size: 0.7em;"></i>
             </a>
           </small>
         </div>