Fix AgentBriefingBanner theme-aware styling for dark/light mode

[kruulik]

Ticket N/A

Description Of Changes

Wrap the AgentBriefingBanner Alert component in a ConfigProvider with theme-aware colors using useThemeMode and palette values. In dark mode, the banner uses FIDESUI_MINOS for background/border; in light mode, it uses FIDESUI_LIMESTONE. This replaces hardcoded theme values with dynamic ones that respond correctly to the active theme.

Also cleans up dead code: removes unused visible/setVisible state since Ant Design's closable prop handles alert dismissal internally.

Code Changes

• clients/admin-ui/src/home/AgentBriefingBanner.tsx - Wrap Alert in ConfigProvider with theme-aware colors via useThemeMode + palette. Remove unused useState for visibility. Replace useCallback with useMemo for theme config.

Steps to Confirm

1. Navigate to the dashboard home page
2. Verify the AgentBriefingBanner displays with correct background color in light mode (limestone)
3. Switch to dark mode and verify the banner uses the minos background
4. Click the close button and verify the banner dismisses correctly

Pre-Merge Checklist

• Issue requirements met
• All CI pipelines succeeded
• CHANGELOG.md updated
  • Add a db-migration This indicates that a change includes a database migration label to the entry if your change includes a DB migration
  • Add a high-risk This issue suggests changes that have a high-probability of breaking existing code label to the entry if your change includes a high-risk change (i.e. potential for performance impact or unexpected regression) that should be flagged
  • Updates unreleased work already in Changelog, no new entry necessary
• UX feedback:
  • All UX related changes have been reviewed by a designer
  • No UX review needed
• Followup issues:
  • Followup issues created
  • No followup issues
• Database migrations:
  • No migrations
• Documentation:
  • No documentation updates required

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
fides-plus-nightly	Ready	Preview, Comment	Mar 27, 2026 5:17pm

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
fides-privacy-center	Ignored		Mar 27, 2026 5:17pm

[claude]

Overall this is a clean, well-scoped change. The approach of wrapping Alert in a nested ConfigProvider to override only the alert's color tokens is consistent with how HomeContainer.tsx and HomeBanner.tsx handle theming, and the useMemo dependency on resolvedMode is correct.

The removal of the local visible/setVisible state in favor of Ant Design's built-in closable behavior is a good simplification — the old controlled state was functionally equivalent to what Ant handles internally.

One item worth confirming before merge: The dark mode colorInfoBg uses FIDESUI_MINOS (#2b2e35) while HomeBanner.tsx uses FIDESUI_BG_MINOS (#4f525b) for dark mode backgrounds. This inconsistency may be intentional if the alert is meant to be very dark, but it's worth double-checking with a designer that the contrast/visibility is correct in practice. See inline comment for details.

[speaker-ender]

Looks good!