solid_stack_web 1.5.0 → 1.6.1

data/app/helpers/solid_stack_web/application_helper.rb

@@ -21,6 +21,17 @@ module SolidStackWeb
       { label: "Text", content: str }
     end
 
+    # Solid Cable stores payloads (and channel names) in a binary (bytea) column,
+    # so ActiveRecord hands the view a string with ASCII-8BIT (BINARY) encoding.
+    # Appending such a value — once it holds non-ASCII bytes (e.g. a "→" in a
+    # Turbo Stream payload) and the UTF-8 output buffer already contains
+    # non-ASCII text — raises Encoding::CompatibilityError. Re-tag the bytes as
+    # UTF-8 (lossless; the underlying data is UTF-8 source text) before it
+    # reaches the view. dup keeps the ActiveRecord attribute string unmutated.
+    def to_utf8_text(value)
+      value.to_s.dup.force_encoding("UTF-8").scrub
+    end
+
     def format_duration(seconds)
       return "—" if seconds.nil?
       return "#{(seconds * 1000).round}ms" if seconds < 1
@@ -35,11 +46,14 @@ module SolidStackWeb
       build_sparkline_svg(
         Struct.new(:buckets, :max).new(timeline.entry_buckets, timeline.entry_max),
         css_class: "sqw-sparkline sqw-sparkline--lg",
-        aria_label: "Cache entries written over the last 24 hours"
+        aria_label: t("solid_stack_web.helpers.cache_entry_this_hour", count: 0).gsub(/\d+/, "…")
       ) do |count, i|
         hours_ago = CacheTimeline::HOURS - 1 - i
-        hours_ago.zero? ? "#{count} #{"entry".then { |w| count == 1 ? w : "entries" }} this hour" \
-                        : "#{count} #{"entry".then { |w| count == 1 ? w : "entries" }} #{hours_ago}h ago"
+        if hours_ago.zero?
+          t("solid_stack_web.helpers.cache_entry_this_hour", count: count)
+        else
+          t("solid_stack_web.helpers.cache_entry_hours_ago", count: count, hours: hours_ago)
+        end
       end
     end
 
@@ -47,11 +61,15 @@ module SolidStackWeb
       build_sparkline_svg(
         Struct.new(:buckets, :max).new(timeline.byte_buckets, timeline.byte_max),
         css_class: "sqw-sparkline sqw-sparkline--lg",
-        aria_label: "Cache bytes written over the last 24 hours"
+        aria_label: t("solid_stack_web.cache.bytes_written")
       ) do |bytes, i|
         hours_ago = CacheTimeline::HOURS - 1 - i
         size = number_to_human_size(bytes)
-        hours_ago.zero? ? "#{size} written this hour" : "#{size} written #{hours_ago}h ago"
+        if hours_ago.zero?
+          t("solid_stack_web.helpers.cache_size_this_hour", size: size)
+        else
+          t("solid_stack_web.helpers.cache_size_hours_ago", size: size, hours: hours_ago)
+        end
       end
     end
 
@@ -59,31 +77,37 @@ module SolidStackWeb
       build_sparkline_svg(
         Struct.new(:buckets, :max).new(timeline.message_buckets, timeline.message_max),
         css_class: "sqw-sparkline sqw-sparkline--lg",
-        aria_label: "Cable messages over the last 24 hours"
+        aria_label: t("solid_stack_web.cable.messages_timeline")
       ) do |count, i|
         hours_ago = CableTimeline::HOURS - 1 - i
-        label = count == 1 ? "message" : "messages"
-        hours_ago.zero? ? "#{count} #{label} this hour" : "#{count} #{label} #{hours_ago}h ago"
+        if hours_ago.zero?
+          t("solid_stack_web.helpers.cable_message_this_hour", count: count)
+        else
+          t("solid_stack_web.helpers.cable_message_hours_ago", count: count, hours: hours_ago)
+        end
       end
     end
 
     def throughput_sparkline_svg(sparkline)
-      build_sparkline_svg(sparkline, aria_label: "Throughput over the last 12 hours") do |count, i|
+      build_sparkline_svg(sparkline, aria_label: t("solid_stack_web.dashboard.throughput_label")) do |count, i|
         hours_ago = SolidStackWeb::ThroughputSparkline::HOURS - i
         if hours_ago == 1
-          "#{count} #{count == 1 ? "job" : "jobs"} in the last hour"
+          t("solid_stack_web.helpers.throughput_last_hour", count: count)
         else
-          "#{count} #{count == 1 ? "job" : "jobs"} (#{hours_ago}h–#{hours_ago - 1}h ago)"
+          t("solid_stack_web.helpers.throughput_hours_ago", count: count, from: hours_ago, to: hours_ago - 1)
         end
       end
     end
 
     def queue_depth_sparkline_svg(sparkline)
       build_sparkline_svg(sparkline, css_class: "sqw-sparkline sqw-sparkline--sm",
-                                     aria_label: "Queue depth over the last 12 hours") do |count, i|
+                                     aria_label: t("solid_stack_web.queues.col_depth")) do |count, i|
         hours_ago = SolidStackWeb::QueueDepthSparkline::HOURS - 1 - i
-        jobs_word = count == 1 ? "job" : "jobs"
-        hours_ago.zero? ? "#{count} ready #{jobs_word} now" : "#{count} ready #{jobs_word} #{hours_ago}h ago"
+        if hours_ago.zero?
+          t("solid_stack_web.helpers.queue_depth_now", count: count)
+        else
+          t("solid_stack_web.helpers.queue_depth_hours_ago", count: count, hours: hours_ago)
+        end
       end
     end
 
@@ -110,12 +134,12 @@ module SolidStackWeb
     end
 
     def failed_job_sparkline_svg(sparkline)
-      build_sparkline_svg(sparkline, aria_label: "Failed jobs over the last 12 hours") do |count, i|
+      build_sparkline_svg(sparkline, aria_label: t("solid_stack_web.dashboard.failures_label")) do |count, i|
         hours_ago = SolidStackWeb::FailedJobSparkline::HOURS - i
         if hours_ago == 1
-          "#{count} #{count == 1 ? "failure" : "failures"} in the last hour"
+          t("solid_stack_web.helpers.failure_last_hour", count: count)
         else
-          "#{count} #{count == 1 ? "failure" : "failures"} (#{hours_ago}h–#{hours_ago - 1}h ago)"
+          t("solid_stack_web.helpers.failure_hours_ago", count: count, from: hours_ago, to: hours_ago - 1)
         end
       end
     end

data/app/views/layouts/solid_stack_web/application.html.erb

@@ -1,9 +1,9 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="<%= I18n.locale %>">
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>Solid Stack Dashboard</title>
+  <title><%= t("solid_stack_web.layout.title") %></title>
   <link rel="icon" href="data:,">
   <%= csrf_meta_tags %>
   <%= csp_meta_tag %>
@@ -11,61 +11,65 @@
   <%= javascript_importmap_tags "solid_stack_web" %>
 </head>
 <body data-controller="theme">
-  <a href="#main-content" class="sqw-skip-link">Skip to main content</a>
+  <a href="#main-content" class="sqw-skip-link"><%= t("solid_stack_web.layout.skip_to_content") %></a>
   <header class="sqw-header">
     <div class="sqw-header__inner">
-      <%= link_to "Solid Stack", root_path, class: "sqw-header__logo" %>
-      <nav class="sqw-nav" aria-label="Main navigation">
-        <%= link_to "Queue", jobs_path,
+      <%= link_to t("solid_stack_web.layout.logo"), root_path, class: "sqw-header__logo" %>
+      <nav class="sqw-nav" aria-label="<%= t("solid_stack_web.layout.nav.main_navigation") %>">
+        <%= link_to t("solid_stack_web.layout.nav.queue"), jobs_path,
               class: "sqw-nav__link#{" sqw-nav__link--active" if current_section == :queue}" %>
-        <%= link_to "Cache", cache_path,
+        <%= link_to t("solid_stack_web.layout.nav.cache"), cache_path,
               class: "sqw-nav__link#{" sqw-nav__link--active" if current_section == :cache}" %>
-        <%= link_to "Cable", cable_path,
+        <%= link_to t("solid_stack_web.layout.nav.cable"), cable_path,
               class: "sqw-nav__link#{" sqw-nav__link--active" if current_section == :cable}" %>
+        <% SolidStackWeb.nav_links.each do |link| %>
+          <%= link_to link[:label], link[:url], class: "sqw-nav__link" %>
+        <% end %>
       </nav>
-      <button class="sqw-theme-toggle" aria-label="Switch to dark mode"
+      <%= render "solid_stack_web/shared/locale_switcher" %>
+      <button class="sqw-theme-toggle" aria-label="<%= t("solid_stack_web.layout.theme_toggle") %>"
               data-theme-target="toggle" data-action="theme#toggle">☽</button>
     </div>
   </header>
 
   <% if current_section == :cache %>
-    <nav class="sqw-subnav" aria-label="Cache section">
+    <nav class="sqw-subnav" aria-label="<%= t("solid_stack_web.layout.subnav.cache_section") %>">
       <div class="sqw-subnav__inner">
-        <%= link_to "Overview", cache_path,
+        <%= link_to t("solid_stack_web.layout.subnav.overview"), cache_path,
               class: "sqw-subnav__link#{" sqw-subnav__link--active" if controller_name == "cache"}" %>
-        <%= link_to "Entries", cache_entries_path,
+        <%= link_to t("solid_stack_web.layout.subnav.entries"), cache_entries_path,
               class: "sqw-subnav__link#{" sqw-subnav__link--active" if controller_name == "cache_entries"}" %>
       </div>
     </nav>
   <% end %>
 
   <% if current_section == :cable %>
-    <nav class="sqw-subnav" aria-label="Cable section">
+    <nav class="sqw-subnav" aria-label="<%= t("solid_stack_web.layout.subnav.cable_section") %>">
       <div class="sqw-subnav__inner">
-        <%= link_to "Overview", cable_path,
+        <%= link_to t("solid_stack_web.layout.subnav.overview"), cable_path,
               class: "sqw-subnav__link#{" sqw-subnav__link--active" if controller_name == "cable"}" %>
       </div>
     </nav>
   <% end %>
 
   <% if current_section == :queue %>
-    <nav class="sqw-subnav" aria-label="Queue section">
+    <nav class="sqw-subnav" aria-label="<%= t("solid_stack_web.layout.subnav.queue_section") %>">
       <div class="sqw-subnav__inner">
-        <%= link_to "Jobs", jobs_path,
+        <%= link_to t("solid_stack_web.layout.subnav.jobs"), jobs_path,
               class: "sqw-subnav__link#{" sqw-subnav__link--active" if controller_name == "jobs"}" %>
-        <%= link_to "Failed", failed_jobs_path,
+        <%= link_to t("solid_stack_web.layout.subnav.failed"), failed_jobs_path,
               class: "sqw-subnav__link#{" sqw-subnav__link--active" if controller_name == "failed_jobs"}" %>
-        <%= link_to "Queues", queues_path,
+        <%= link_to t("solid_stack_web.layout.subnav.queues"), queues_path,
               class: "sqw-subnav__link#{" sqw-subnav__link--active" if controller_name == "queues"}" %>
-        <%= link_to "Recurring", recurring_tasks_path,
+        <%= link_to t("solid_stack_web.layout.subnav.recurring"), recurring_tasks_path,
               class: "sqw-subnav__link#{" sqw-subnav__link--active" if controller_name == "recurring_tasks"}" %>
-        <%= link_to "Stats", stats_path,
+        <%= link_to t("solid_stack_web.layout.subnav.stats"), stats_path,
               class: "sqw-subnav__link#{" sqw-subnav__link--active" if controller_name == "stats"}" %>
-        <%= link_to "History", history_path,
+        <%= link_to t("solid_stack_web.layout.subnav.history"), history_path,
               class: "sqw-subnav__link#{" sqw-subnav__link--active" if controller_name == "history"}" %>
-        <%= link_to "Processes", processes_path,
+        <%= link_to t("solid_stack_web.layout.subnav.processes"), processes_path,
               class: "sqw-subnav__link#{" sqw-subnav__link--active" if controller_name == "processes"}" %>
-        <%= link_to "Audit", audit_path,
+        <%= link_to t("solid_stack_web.layout.subnav.audit"), audit_path,
               class: "sqw-subnav__link#{" sqw-subnav__link--active" if controller_name == "audit"}" %>
       </div>
     </nav>
@@ -80,4 +84,4 @@
     <%= yield %>
   </main>
 </body>
-</html>
+</html>

data/app/views/solid_stack_web/audit/index.html.erb

@@ -1,16 +1,16 @@
 <div class="sqw-page-header sqw-page-header--split">
-  <h1 class="sqw-page-title">Audit Log</h1>
+  <h1 class="sqw-page-title"><%= t("solid_stack_web.audit.title") %></h1>
   <% if @events&.any? %>
-    <%= link_to "Export CSV",
+    <%= link_to t("solid_stack_web.audit.export_csv"),
           audit_path(format: :csv, audit_action: @action_filter, actor: @actor_filter, queue: @queue_filter),
           class: "sqw-btn sqw-btn--muted sqw-btn--sm", data: { turbo: false } %>
   <% end %>
 </div>
 
 <form class="sqw-filters" action="<%= audit_path %>" method="get">
-  <select name="audit_action" class="sqw-select" aria-label="Filter by action"
+  <select name="audit_action" class="sqw-select" aria-label="<%= t("solid_stack_web.audit.aria_filter_action") %>"
           onchange="this.form.submit()">
-    <option value="">All actions</option>
+    <option value=""><%= t("solid_stack_web.audit.all_actions") %></option>
     <% SolidStackWeb::AuditEvent::ACTIONS.each do |action| %>
       <option value="<%= action %>" <%= "selected" if @action_filter == action %>><%= action.tr("_", " ") %></option>
     <% end %>
@@ -18,20 +18,20 @@
 
   <% if @actor_filter.present? %>
     <span class="sqw-badge">
-      Actor: <%= @actor_filter %>
-      <%= link_to "×", audit_path(audit_action: @action_filter, queue: @queue_filter), class: "sqw-muted", aria: { label: "Clear actor filter" } %>
+      <%= t("solid_stack_web.audit.actor_label") %> <%= @actor_filter %>
+      <%= link_to "×", audit_path(audit_action: @action_filter, queue: @queue_filter), class: "sqw-muted", aria: { label: t("solid_stack_web.audit.aria_clear_actor") } %>
     </span>
   <% end %>
 
   <% if @queue_filter.present? %>
     <span class="sqw-badge">
-      Queue: <%= @queue_filter %>
-      <%= link_to "×", audit_path(audit_action: @action_filter, actor: @actor_filter), class: "sqw-muted", aria: { label: "Clear queue filter" } %>
+      <%= t("solid_stack_web.audit.queue_label") %> <%= @queue_filter %>
+      <%= link_to "×", audit_path(audit_action: @action_filter, actor: @actor_filter), class: "sqw-muted", aria: { label: t("solid_stack_web.audit.aria_clear_queue") } %>
     </span>
   <% end %>
 
   <% if @action_filter.present? || @actor_filter.present? || @queue_filter.present? %>
-    <%= link_to "Clear all", audit_path, class: "sqw-btn sqw-btn--muted sqw-btn--sm" %>
+    <%= link_to t("solid_stack_web.audit.clear_all"), audit_path, class: "sqw-btn sqw-btn--muted sqw-btn--sm" %>
   <% end %>
 </form>
 
@@ -39,12 +39,12 @@
   <table class="sqw-table">
     <thead>
       <tr>
-        <th scope="col">Time</th>
-        <th scope="col">Action</th>
-        <th scope="col">Actor</th>
-        <th scope="col">Job Class</th>
-        <th scope="col">Queue</th>
-        <th scope="col">Count</th>
+        <th scope="col"><%= t("solid_stack_web.audit.col_time") %></th>
+        <th scope="col"><%= t("solid_stack_web.audit.col_action") %></th>
+        <th scope="col"><%= t("solid_stack_web.audit.col_actor") %></th>
+        <th scope="col"><%= t("solid_stack_web.audit.col_job_class") %></th>
+        <th scope="col"><%= t("solid_stack_web.audit.col_queue") %></th>
+        <th scope="col"><%= t("solid_stack_web.audit.col_count") %></th>
       </tr>
     </thead>
     <tbody>
@@ -78,9 +78,9 @@
       <% end %>
     </tbody>
   </table>
-  <%== @pagy.series_nav(aria_label: "Pagination") if @pagy.pages > 1 %>
+  <%== @pagy.series_nav(aria_label: t("solid_stack_web.shared.pagination")) if @pagy.pages > 1 %>
 <% else %>
   <div class="sqw-empty" id="sqd-empty">
-    <p class="sqw-muted">No audit events recorded yet.</p>
+    <p class="sqw-muted"><%= t("solid_stack_web.audit.empty") %></p>
   </div>
-<% end %>
+<% end %>

data/app/views/solid_stack_web/cable/index.html.erb

@@ -1,48 +1,51 @@
 <div class="sqw-page-header sqw-page-header--split">
-  <h1 class="sqw-page-title">Solid Cable</h1>
+  <h1 class="sqw-page-title"><%= t("solid_stack_web.cable.title") %></h1>
   <div class="sqw-header-actions">
     <%= form_with url: cable_purge_path, method: :delete, class: "sqw-inline-form",
-                  data: { turbo_confirm: "Purge these messages? This cannot be undone." } do |f| %>
+                  data: { turbo_confirm: t("solid_stack_web.cable.confirm_purge") } do |f| %>
       <%= f.select :older_than,
-                   [["Older than 1 day", 1], ["Older than 7 days", 7], ["Older than 30 days", 30]],
+                   [[t("solid_stack_web.cable.older_than_1_day"), 1],
+                    [t("solid_stack_web.cable.older_than_7_days"), 7],
+                    [t("solid_stack_web.cable.older_than_30_days"), 30]],
                    {}, class: "sqw-select" %>
-      <%= f.submit "Purge Old", class: "sqw-btn sqw-btn--danger sqw-btn--sm" %>
+      <%= f.submit t("solid_stack_web.cable.purge_old"), class: "sqw-btn sqw-btn--danger sqw-btn--sm" %>
     <% end %>
   </div>
 </div>
 
 <div class="sqw-stats-grid">
   <div class="sqw-stat sqw-stat--cable">
-    <span class="sqw-stat__label">Total Messages</span>
+    <span class="sqw-stat__label"><%= t("solid_stack_web.cable.total_messages") %></span>
     <span class="sqw-stat__value"><%= @total_messages %></span>
   </div>
   <div class="sqw-stat sqw-stat--cable">
-    <span class="sqw-stat__label">Channels</span>
+    <span class="sqw-stat__label"><%= t("solid_stack_web.cable.channels") %></span>
     <span class="sqw-stat__value"><%= @channels.size %></span>
   </div>
 </div>
 
 <div class="sqw-timeline-grid sqw-timeline-grid--single" data-controller="sparkline-tooltip">
   <div class="sqw-sparkline-wrap sqw-timeline-chart sqw-timeline-chart--cable">
-    <span class="sqw-sparkline-label">Messages — last 24 hours</span>
+    <span class="sqw-sparkline-label"><%= t("solid_stack_web.cable.messages_timeline") %></span>
     <div class="sqw-sparkline-positioner">
       <%= cable_messages_timeline_svg(@timeline) %>
       <div class="sqw-sparkline-tip" data-sparkline-tooltip-target="tip" hidden></div>
     </div>
     <div class="sqw-sparkline-axis">
-      <span>24h ago</span>
-      <span>12h ago</span>
-      <span>now</span>
+      <span><%= t("solid_stack_web.cable.axis_24h_ago") %></span>
+      <span><%= t("solid_stack_web.cable.axis_12h_ago") %></span>
+      <span><%= t("solid_stack_web.cable.axis_now") %></span>
     </div>
   </div>
 </div>
 
 <form class="sqw-filters" action="<%= cable_path %>" method="get" data-controller="search">
   <input class="sqw-search-input" type="search" name="q" value="<%= @search %>"
-         placeholder="Filter by channel…" autocomplete="off" aria-label="Filter by channel"
+         placeholder="<%= t("solid_stack_web.cable.placeholder_channel") %>" autocomplete="off"
+         aria-label="<%= t("solid_stack_web.cable.aria_filter_channel") %>"
          data-action="input->search#filter">
   <% if @search.present? %>
-    <%= link_to "Clear", cable_path, class: "sqw-btn sqw-btn--muted sqw-btn--sm" %>
+    <%= link_to t("solid_stack_web.shared.clear"), cable_path, class: "sqw-btn sqw-btn--muted sqw-btn--sm" %>
   <% end %>
 </form>
 
@@ -50,16 +53,16 @@
   <table class="sqw-table">
     <thead>
       <tr>
-        <th scope="col">Channel</th>
-        <th scope="col">Messages</th>
-        <th scope="col">Last Message</th>
+        <th scope="col"><%= t("solid_stack_web.cable.col_channel") %></th>
+        <th scope="col"><%= t("solid_stack_web.cable.col_messages") %></th>
+        <th scope="col"><%= t("solid_stack_web.cable.col_last_message") %></th>
       </tr>
     </thead>
     <tbody>
       <% @channels.each do |channel| %>
         <tr>
-          <td class="sqw-monospace sqw-truncate" title="<%= channel[:channel] %>">
-            <%= link_to channel[:channel], cable_channel_messages_path(channel[:channel_hash]), class: "sqw-link" %>
+          <td class="sqw-monospace sqw-truncate" title="<%= to_utf8_text(channel[:channel]) %>">
+            <%= link_to to_utf8_text(channel[:channel]), cable_channel_messages_path(channel[:channel_hash]), class: "sqw-link" %>
           </td>
           <td><%= channel[:message_count] %></td>
           <td class="sqw-muted"><%= local_time(channel[:last_message_at]) %></td>
@@ -70,11 +73,11 @@
 <% else %>
   <div class="sqw-empty">
     <% if @search.present? %>
-      <p class="sqw-empty__title">No channels matching &ldquo;<%= @search %>&rdquo;</p>
-      <p class="sqw-empty__hint"><%= link_to "Clear search", cable_path %></p>
+      <p class="sqw-empty__title"><%= t("solid_stack_web.cable.no_channels_matching", search: @search) %></p>
+      <p class="sqw-empty__hint"><%= link_to t("solid_stack_web.cable.clear_search"), cable_path %></p>
     <% else %>
-      <p class="sqw-empty__title">No cable messages</p>
-      <p class="sqw-empty__hint">Messages will appear here once clients connect and broadcast over Action Cable.</p>
+      <p class="sqw-empty__title"><%= t("solid_stack_web.cable.empty_title") %></p>
+      <p class="sqw-empty__hint"><%= t("solid_stack_web.cable.empty_hint") %></p>
     <% end %>
   </div>
 <% end %>

data/app/views/solid_stack_web/cable_messages/index.html.erb

@@ -1,21 +1,22 @@
 <div class="sqw-page-header sqw-page-header--split">
-  <h1 class="sqw-page-title sqw-truncate" title="<%= @channel_name %>"><%= @channel_name %></h1>
+  <h1 class="sqw-page-title sqw-truncate" title="<%= to_utf8_text(@channel_name) %>"><%= to_utf8_text(@channel_name) %></h1>
   <div class="sqw-header-actions">
-    <%= button_to "Purge Channel",
+    <%= button_to t("solid_stack_web.cable_messages.purge_channel"),
           cable_channel_purge_path(params[:channel_hash]),
           method: :delete,
           class: "sqw-btn sqw-btn--danger sqw-btn--sm",
-          data: { turbo_confirm: "Delete all messages for this channel? This cannot be undone." } %>
-    <%= link_to "← Channels", cable_path, class: "sqw-btn sqw-btn--muted sqw-btn--sm" %>
+          data: { turbo_confirm: t("solid_stack_web.cable_messages.confirm_purge_channel") } %>
+    <%= link_to t("solid_stack_web.cable_messages.back_to_channels"), cable_path, class: "sqw-btn sqw-btn--muted sqw-btn--sm" %>
   </div>
 </div>
 
 <form class="sqw-filters" action="<%= cable_channel_messages_path(params[:channel_hash]) %>" method="get" data-controller="search">
   <input class="sqw-search-input" type="search" name="q" value="<%= @search %>"
-         placeholder="Filter by payload…" autocomplete="off" aria-label="Filter by payload"
+         placeholder="<%= t("solid_stack_web.cable_messages.placeholder_payload") %>" autocomplete="off"
+         aria-label="<%= t("solid_stack_web.cable_messages.aria_filter_payload") %>"
          data-action="input->search#filter">
   <% if @search.present? %>
-    <%= link_to "Clear", cable_channel_messages_path(params[:channel_hash]), class: "sqw-btn sqw-btn--muted sqw-btn--sm" %>
+    <%= link_to t("solid_stack_web.shared.clear"), cable_channel_messages_path(params[:channel_hash]), class: "sqw-btn sqw-btn--muted sqw-btn--sm" %>
   <% end %>
 </form>
 
@@ -23,17 +24,17 @@
   <table class="sqw-table">
     <thead>
       <tr>
-        <th scope="col">ID</th>
-        <th scope="col">Payload</th>
-        <th scope="col">Sent</th>
+        <th scope="col"><%= t("solid_stack_web.cable_messages.col_id") %></th>
+        <th scope="col"><%= t("solid_stack_web.cable_messages.col_payload") %></th>
+        <th scope="col"><%= t("solid_stack_web.cable_messages.col_sent") %></th>
       </tr>
     </thead>
     <tbody>
       <% @messages.each do |message| %>
         <tr>
           <td class="sqw-muted sqw-monospace"><%= message.id %></td>
-          <td class="sqw-monospace sqw-truncate" title="<%= message.payload %>">
-            <%= truncate(message.payload.to_s, length: 120) %>
+          <td class="sqw-monospace sqw-truncate" title="<%= to_utf8_text(message.payload) %>">
+            <%= truncate(to_utf8_text(message.payload), length: 120) %>
           </td>
           <td class="sqw-muted">
             <%= local_time(message.created_at, format: :relative) %>
@@ -42,15 +43,15 @@
       <% end %>
     </tbody>
   </table>
-  <%== @pagy.series_nav(aria_label: "Pagination") if @pagy.pages > 1 %>
+  <%== @pagy.series_nav(aria_label: t("solid_stack_web.shared.pagination")) if @pagy.pages > 1 %>
 <% else %>
   <div class="sqw-empty">
     <% if @search.present? %>
-      <p class="sqw-empty__title">No messages matching &ldquo;<%= @search %>&rdquo;</p>
-      <p class="sqw-empty__hint"><%= link_to "Clear search", cable_channel_messages_path(params[:channel_hash]) %></p>
+      <p class="sqw-empty__title"><%= t("solid_stack_web.cable_messages.no_messages_matching", search: @search) %></p>
+      <p class="sqw-empty__hint"><%= link_to t("solid_stack_web.cable_messages.clear_search"), cable_channel_messages_path(params[:channel_hash]) %></p>
     <% else %>
-      <p class="sqw-empty__title">No messages for this channel</p>
-      <p class="sqw-empty__hint">Messages may have been purged or the channel has gone quiet. <%= link_to "Back to channels →", cable_path %></p>
+      <p class="sqw-empty__title"><%= t("solid_stack_web.cable_messages.empty_title") %></p>
+      <p class="sqw-empty__hint"><%= t("solid_stack_web.cable_messages.empty_hint") %> <%= link_to t("solid_stack_web.cable_messages.back_to_channels_link"), cable_path %></p>
     <% end %>
   </div>
-<% end %>
+<% end %>

data/app/views/solid_stack_web/cache/index.html.erb

@@ -1,14 +1,14 @@
 <div class="sqw-page-header">
-  <h1 class="sqw-page-title">Solid Cache</h1>
+  <h1 class="sqw-page-title"><%= t("solid_stack_web.cache.title") %></h1>
 </div>
 
 <div class="sqw-stats-grid">
   <%= link_to cache_entries_path, class: "sqw-stat sqw-stat--cache" do %>
-    <span class="sqw-stat__label">Total Entries</span>
+    <span class="sqw-stat__label"><%= t("solid_stack_web.cache.total_entries") %></span>
     <span class="sqw-stat__value"><%= @total_entries %></span>
   <% end %>
   <div class="sqw-stat sqw-stat--cache">
-    <span class="sqw-stat__label">Total Size</span>
+    <span class="sqw-stat__label"><%= t("solid_stack_web.cache.total_size") %></span>
     <span class="sqw-stat__value"><%= number_to_human_size(@total_byte_size) %></span>
   </div>
 </div>
@@ -16,13 +16,13 @@
 <% if @total_entries > 0 %>
   <div class="sqw-size-grid">
     <section class="sqw-size-section">
-      <h2 class="sqw-section-title">Size Distribution</h2>
+      <h2 class="sqw-section-title"><%= t("solid_stack_web.cache.size_distribution") %></h2>
       <table class="sqw-table">
         <thead>
           <tr>
-            <th scope="col">Range</th>
-            <th scope="col">Entries</th>
-            <th scope="col"><span class="sqw-sr-only">Distribution</span></th>
+            <th scope="col"><%= t("solid_stack_web.cache.col_range") %></th>
+            <th scope="col"><%= t("solid_stack_web.cache.col_entries") %></th>
+            <th scope="col"><span class="sqw-sr-only"><%= t("solid_stack_web.cache.col_distribution") %></span></th>
           </tr>
         </thead>
         <tbody>
@@ -44,12 +44,12 @@
     </section>
 
     <section class="sqw-size-section">
-      <h2 class="sqw-section-title">Largest Entries</h2>
+      <h2 class="sqw-section-title"><%= t("solid_stack_web.cache.largest_entries") %></h2>
       <table class="sqw-table">
         <thead>
           <tr>
-            <th scope="col">Key</th>
-            <th scope="col">Size</th>
+            <th scope="col"><%= t("solid_stack_web.cache.col_key") %></th>
+            <th scope="col"><%= t("solid_stack_web.cache.col_size") %></th>
           </tr>
         </thead>
         <tbody>
@@ -69,28 +69,28 @@
 
 <div class="sqw-timeline-grid" data-controller="sparkline-tooltip">
   <div class="sqw-sparkline-wrap sqw-timeline-chart">
-    <span class="sqw-sparkline-label">Entries written — last 24 hours</span>
+    <span class="sqw-sparkline-label"><%= t("solid_stack_web.cache.entries_written") %></span>
     <div class="sqw-sparkline-positioner">
       <%= cache_entries_timeline_svg(@timeline) %>
       <div class="sqw-sparkline-tip" data-sparkline-tooltip-target="tip" hidden></div>
     </div>
     <div class="sqw-sparkline-axis">
-      <span>24h ago</span>
-      <span>12h ago</span>
-      <span>now</span>
+      <span><%= t("solid_stack_web.cache.axis_24h_ago") %></span>
+      <span><%= t("solid_stack_web.cache.axis_12h_ago") %></span>
+      <span><%= t("solid_stack_web.cache.axis_now") %></span>
     </div>
   </div>
 
   <div class="sqw-sparkline-wrap sqw-timeline-chart">
-    <span class="sqw-sparkline-label">Bytes written — last 24 hours</span>
+    <span class="sqw-sparkline-label"><%= t("solid_stack_web.cache.bytes_written") %></span>
     <div class="sqw-sparkline-positioner">
       <%= cache_bytes_timeline_svg(@timeline) %>
       <div class="sqw-sparkline-tip" data-sparkline-tooltip-target="tip" hidden></div>
     </div>
     <div class="sqw-sparkline-axis">
-      <span>24h ago</span>
-      <span>12h ago</span>
-      <span>now</span>
+      <span><%= t("solid_stack_web.cache.axis_24h_ago") %></span>
+      <span><%= t("solid_stack_web.cache.axis_12h_ago") %></span>
+      <span><%= t("solid_stack_web.cache.axis_now") %></span>
     </div>
   </div>
-</div>
+</div>