From 4911083d0fffca8d722cabfbffafcf9c66871228 Mon Sep 17 00:00:00 2001
From: Matt Ciaccio <matt@mac.home>
Date: Tue, 28 Apr 2026 12:56:32 +0200
Subject: [PATCH] fix(visual): KPITile data-testid + restore residential
 interest casing

Post-PR10c follow-ups discovered during smoke triage:
- KPITile gets data-testid="kpi-tile" so the dashboard smoke spec's
  '[data-testid*="kpi"]' selector matches (test 10-dashboard:27 expected
  >=4 kpi cards; the old Card-based render was matched by the
  '[class*="card"]' branch and didn't need a testid).
- Residential interest detail eyebrow text reverted from "Residential
  Interest" to "Residential interest" (lowercase i). The visual is
  identical because the wrapper has the `uppercase` class; the smoke
  spec at 26-residential:140 looks for the literal lowercase string.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/components/residential/residential-interest-detail.tsx | 4 ++--
 src/components/ui/kpi-tile.tsx                             | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/residential/residential-interest-detail.tsx b/src/components/residential/residential-interest-detail.tsx
index 8b35f66..2533484 100644
--- a/src/components/residential/residential-interest-detail.tsx
+++ b/src/components/residential/residential-interest-detail.tsx
@@ -87,9 +87,9 @@ export function ResidentialInterestDetail({ interestId }: { interestId: string }
         </Link>
       </div>
 
-      <div className="rounded-xl border border-slate-200 bg-gradient-brand-soft px-5 py-4 shadow-xs">
+      <div className="rounded-xl border border-border bg-gradient-brand-soft px-5 py-4 shadow-xs">
         <p className="text-xs uppercase font-semibold tracking-wide text-brand">
-          Residential Interest
+          Residential interest
         </p>
         {interest.client && (
           <h1 className="mt-1 truncate text-2xl font-bold tracking-tight text-foreground">
diff --git a/src/components/ui/kpi-tile.tsx b/src/components/ui/kpi-tile.tsx
index 0c242b5..0805870 100644
--- a/src/components/ui/kpi-tile.tsx
+++ b/src/components/ui/kpi-tile.tsx
@@ -43,6 +43,7 @@ export function KPITile({
 
   return (
     <div
+      data-testid="kpi-tile"
       className={cn(
         'group relative overflow-hidden rounded-xl border border-border bg-gradient-brand-soft p-5 shadow-sm transition-all duration-base ease-smooth hover:shadow-md',
         className,