From 4dbfbf0bc85aa20e179b6c44d6d965727ea2d7d2 Mon Sep 17 00:00:00 2001
From: Guillem Arias Fauste <accounts@gariasf.com>
Date: Thu, 11 Jun 2026 15:20:01 +0200
Subject: [PATCH] fix(ds): replace invalid bg-surface-default with bg-surface
 (#2244)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

`bg-surface-default` is not a defined design-system token — Tailwind emits
no rule for it, so these surfaces render with no background at all. Five
call sites were affected:

- rules/index.html.erb — recent-runs table header
- settings/llm_usages/show.html.erb — usage table header
- settings/ai_prompts/show.html.erb — three prompt-preview boxes

Replace with the canonical `bg-surface` token — the same fill the
admin/users and settings/debugs table headers already use. Clears a
Rule 2 (non-functional token) finding from the weekly DS drift scan.
---
 app/views/rules/index.html.erb              | 2 +-
 app/views/settings/ai_prompts/show.html.erb | 6 +++---
 app/views/settings/llm_usages/show.html.erb | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/views/rules/index.html.erb b/app/views/rules/index.html.erb
index 05c5361dd..4c43de864 100644
--- a/app/views/rules/index.html.erb
+++ b/app/views/rules/index.html.erb
@@ -109,7 +109,7 @@
 
     <div class="overflow-x-auto">
       <table class="w-full">
-        <thead class="bg-surface-default border-b border-primary">
+        <thead class="bg-surface border-b border-primary">
           <tr>
             <th class="px-4 py-3 text-left text-xs font-medium text-secondary uppercase tracking-wider">
               <%= t("rules.recent_runs.columns.date_time") %>
diff --git a/app/views/settings/ai_prompts/show.html.erb b/app/views/settings/ai_prompts/show.html.erb
index 60e11c9bb..bd4e1baa2 100644
--- a/app/views/settings/ai_prompts/show.html.erb
+++ b/app/views/settings/ai_prompts/show.html.erb
@@ -40,7 +40,7 @@
                 <%= icon "chevron-right", class: "group-open:transform group-open:rotate-90" %>
               </summary>
               <pre class="whitespace-pre-wrap text-xs font-mono text-primary">[<%= Provider::Openai::DEFAULT_MODEL %>]</pre>
-              <div class="mt-2 px-3 py-2 bg-surface-default border border-primary rounded-lg">
+              <div class="mt-2 px-3 py-2 bg-surface border border-primary rounded-lg">
                 <pre class="whitespace-pre-wrap text-xs font-mono text-primary"><%= @assistant_config[:instructions] %></pre>
               </div>
             </details>
@@ -68,7 +68,7 @@
                 <%= icon "chevron-right", class: "group-open:transform group-open:rotate-90" %>
               </summary>
               <pre class="whitespace-pre-wrap text-xs font-mono text-primary">[<%= Provider::Openai::DEFAULT_MODEL %>]</pre>
-              <div class="mt-2 px-3 py-2 bg-surface-default border border-primary rounded-lg">
+              <div class="mt-2 px-3 py-2 bg-surface border border-primary rounded-lg">
                 <pre class="whitespace-pre-wrap text-xs font-mono text-primary"><%= @assistant_config[:auto_categorizer]&.instructions || Provider::Openai::AutoCategorizer.new(nil).instructions %></pre>
               </div>
             </details>
@@ -96,7 +96,7 @@
                 <%= icon "chevron-right", class: "group-open:transform group-open:rotate-90" %>
               </summary>
               <pre class="whitespace-pre-wrap text-xs font-mono text-primary">[<%= Provider::Openai::DEFAULT_MODEL %>]</pre>
-              <div class="mt-2 px-3 py-2 bg-surface-default border border-primary rounded-lg">
+              <div class="mt-2 px-3 py-2 bg-surface border border-primary rounded-lg">
                 <pre class="whitespace-pre-wrap text-xs font-mono text-primary"><%= @assistant_config[:auto_merchant]&.instructions || Provider::Openai::AutoMerchantDetector.new(nil, model: "", transactions: [], user_merchants: []).instructions %></pre>
               </div>
             </details>
diff --git a/app/views/settings/llm_usages/show.html.erb b/app/views/settings/llm_usages/show.html.erb
index d0b8e5967..a5574c116 100644
--- a/app/views/settings/llm_usages/show.html.erb
+++ b/app/views/settings/llm_usages/show.html.erb
@@ -106,7 +106,7 @@
     <div class="table-scroll rounded-lg" tabindex="0" role="region" aria-label="<%= t(".recent_usage") %>">
       <% if @llm_usages.any? %>
         <table class="w-full">
-          <thead class="bg-surface-default border-b border-primary">
+          <thead class="bg-surface border-b border-primary">
             <tr>
               <th class="px-4 py-3 text-left text-xs font-medium text-secondary uppercase"><%= t(".col_date") %></th>
               <th class="px-4 py-3 text-left text-xs font-medium text-secondary uppercase"><%= t(".col_operation") %></th>