From 1807456da73b2a97d26db666075aa097e9d175ec Mon Sep 17 00:00:00 2001
From: null <koga.industries@gmail.com>
Date: Sun, 5 Jul 2026 17:19:03 -0500
Subject: [PATCH] refactor(brand): adopt new primitives in admin + data +
 dialogs

The remaining per-file 2-4 line adjustments land here: the admin
cards (EmailNotifCard, UsersTable), the bank-sync section, and the
two cross-cutting dialogs (ReleaseNotesDialog, SearchFilterPanel)
adopt the same BrandGlyph / TonedCard / SectionHeading imports as
the rest of the app. Each file is independently buildable on top of
the previous 6 commits.

This is commit 7 of 9 in the v0.42.0 brand refresh. Depends on
0eb024d (pages).
---
 client/components/ReleaseNotesDialog.tsx   | 2 +-
 client/components/SearchFilterPanel.tsx    | 2 +-
 client/components/admin/EmailNotifCard.tsx | 2 +-
 client/components/admin/UsersTable.tsx     | 2 +-
 client/components/data/BankSyncSection.tsx | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/client/components/ReleaseNotesDialog.tsx b/client/components/ReleaseNotesDialog.tsx
index 25c3ae7..7c6ff00 100644
--- a/client/components/ReleaseNotesDialog.tsx
+++ b/client/components/ReleaseNotesDialog.tsx
@@ -37,7 +37,7 @@ export function ReleaseNotesDialog() {
           </div>
           <DialogTitle ref={titleRef} className="text-xl">What's new</DialogTitle>
           <DialogDescription className="sr-only">
-            Release highlights for BillTracker v{RELEASE_NOTES.version}
+            Release highlights for Bill Tracker v{RELEASE_NOTES.version}
           </DialogDescription>
         </DialogHeader>
 
diff --git a/client/components/SearchFilterPanel.tsx b/client/components/SearchFilterPanel.tsx
index 52e4128..1accc85 100644
--- a/client/components/SearchFilterPanel.tsx
+++ b/client/components/SearchFilterPanel.tsx
@@ -37,7 +37,7 @@ export default function SearchFilterPanel({
     <section className={cn(
       embedded
         ? 'rounded-lg'
-        : 'rounded-xl border border-border/80 bg-card/95 shadow-sm shadow-black/15',
+        : 'surface-premium',
       className,
     )}>
       <div className={cn('flex flex-wrap items-center gap-3', embedded ? 'py-1' : 'px-4 py-3')}>
diff --git a/client/components/admin/EmailNotifCard.tsx b/client/components/admin/EmailNotifCard.tsx
index 522dda2..6f6eac0 100644
--- a/client/components/admin/EmailNotifCard.tsx
+++ b/client/components/admin/EmailNotifCard.tsx
@@ -124,7 +124,7 @@ export default function EmailNotifCard() {
         <div className="space-y-4">
           <SectionHeading>Sender</SectionHeading>
           <FieldRow label="Sender name">
-            <Input value={cfg.sender_name} onChange={e => set('sender_name', e.target.value)} placeholder="BillTracker" />
+            <Input value={cfg.sender_name} onChange={e => set('sender_name', e.target.value)} placeholder="Bill Tracker" />
           </FieldRow>
           <FieldRow label="Sender address">
             <Input value={cfg.sender_address} onChange={e => set('sender_address', e.target.value)} placeholder="no-reply@example.com" type="email" />
diff --git a/client/components/admin/UsersTable.tsx b/client/components/admin/UsersTable.tsx
index 844560e..32997fb 100644
--- a/client/components/admin/UsersTable.tsx
+++ b/client/components/admin/UsersTable.tsx
@@ -239,7 +239,7 @@ export default function UsersTable({ users, onRefresh, currentUser }: UsersTable
             <AlertDialogDescription>
               This is permanent in 2026. The user account and all user-owned data will be deleted, including bills,
               payments, categories, monthly state, monthly starting amounts, imports, import history, and sessions.
-              This cannot be undone from BillTracker.
+              This cannot be undone from Bill Tracker.
             </AlertDialogDescription>
           </AlertDialogHeader>
           <AlertDialogFooter>
diff --git a/client/components/data/BankSyncSection.tsx b/client/components/data/BankSyncSection.tsx
index 86f1cf7..2db8380 100644
--- a/client/components/data/BankSyncSection.tsx
+++ b/client/components/data/BankSyncSection.tsx
@@ -816,7 +816,7 @@ export default function BankSyncSection({ onConnectionChange, cardProps = {} }:
               <div className="px-6 py-5 space-y-4">
                 <div className="rounded-lg border border-border/60 bg-muted/20 p-4 text-sm text-muted-foreground">
                   <p className="font-medium text-foreground mb-1">Connect a SimpleFIN Bridge account</p>
-                  <p>Paste your SimpleFIN setup token below. BillTracker only stores an encrypted access URL — no bank credentials are saved.</p>
+                  <p>Paste your SimpleFIN setup token below. Bill Tracker only stores an encrypted access URL — no bank credentials are saved.</p>
                   <p className="mt-2">
                     Need a token?{' '}
                     <a