From 583e48d6f260b3adf447ded8211e86bb27fe8c1a Mon Sep 17 00:00:00 2001
From: Ken Ojibe <ken@thesightline.co>
Date: Tue, 5 May 2026 10:06:32 -0400
Subject: [PATCH] fix: capitalize tag-based filter button labels on homepage

Tag names sourced from blueprint YAML are lowercase strings. EvaluationFilterSection
was using the raw tag name as the display label with no capitalization, causing
buttons like "safety" to appear in lowercase.

Adds Tailwind's `capitalize` utility to the pill button className, consistent
with how the rest of the codebase handles this pattern. The filter key is
unchanged so filtering behaviour is unaffected.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/components/home/EvaluationFilterSection.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/components/home/EvaluationFilterSection.tsx b/src/app/components/home/EvaluationFilterSection.tsx
index 8db4ba8..ac9edb1 100644
--- a/src/app/components/home/EvaluationFilterSection.tsx
+++ b/src/app/components/home/EvaluationFilterSection.tsx
@@ -53,7 +53,7 @@ export default function EvaluationFilterSection({
           <button
             key={pill.key}
             onClick={() => setActiveFilter(pill.key)}
-            className={`flex-shrink-0 px-4 py-1.5 rounded-full text-sm font-medium transition-colors border ${
+            className={`flex-shrink-0 px-4 py-1.5 rounded-full text-sm font-medium transition-colors border capitalize ${
               activeFilter === pill.key
                 ? 'bg-foreground text-background border-foreground'
                 : 'bg-transparent text-foreground/70 border-border hover:border-foreground/50 hover:text-foreground'