modcomms/frontend
michael 0fdaedc7ff Complete UI design system migration to Barclays brand colors
Updates all remaining frontend components to use the new Barclays
design system color tokens:
- brand-dark-blue → primary-blue (#1A2142)
- brand-accent → active-blue (#006DE3)
- brand-light-blue → cyan-brand (#00AEEF)
- brand-gray → grey-100 (#F6F6F6)

Components updated:
- CampaignDetail and ProofDetailView in Campaigns.tsx
- Projects.tsx (full component migration)
- StatusDashboard.tsx (status tiles and colors)
- CreateProjectModal.tsx (modal styling)
- FeedbackReport.tsx (remaining brand colors)
- Login.tsx and Profile.tsx
- WIPReviewer.tsx and CopyGenAI.tsx
- Header, LoadingVisual, ToggleSwitch
- AssetPreview, ProofPreview, AssetUpload
- ProofTypeManager

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-27 14:00:13 -06:00
..
components Complete UI design system migration to Barclays brand colors 2026-01-27 14:00:13 -06:00
hooks Add PDF preview support with on-demand rasterization 2026-01-25 08:56:23 -06:00
services Detect identical file uploads via MD5 hashing 2026-01-25 10:15:48 -06:00
utils Persist navigation state in URL for browser refresh support 2026-01-24 09:04:04 -06:00
App.tsx Implement Barclays design system UI update 2026-01-27 13:50:46 -06:00
constants.ts Restructure agent system: remove Tone, split Channel, implement Legal 2026-01-24 11:58:17 -06:00
index.html Implement Barclays design system UI update 2026-01-27 13:50:46 -06:00
index.tsx permissions changes 2025-12-18 16:51:27 +00:00
metadata.json permissions changes 2025-12-18 16:51:27 +00:00
package-lock.json permissions changes 2025-12-18 16:51:27 +00:00
package.json permissions changes 2025-12-18 16:51:27 +00:00
README.md permissions changes 2025-12-18 16:51:27 +00:00
tsconfig.json permissions changes 2025-12-18 16:51:27 +00:00
types.ts Detect identical file uploads via MD5 hashing 2026-01-25 10:15:48 -06:00
vite.config.ts permissions changes 2025-12-18 16:51:27 +00:00

GHBanner

Run and deploy your AI Studio app

This contains everything you need to run your app locally.

View your app in AI Studio: https://ai.studio/apps/drive/1vH-R-vj0Xkk_g2ZFdHtLxNc12sFTOl2L

Run Locally

Prerequisites: Node.js

  1. Install dependencies: npm install
  2. Set the GEMINI_API_KEY in .env.local to your Gemini API key
  3. Run the app: npm run dev