From c7175f42612ff9b345b3f32c289eb45431f6decf Mon Sep 17 00:00:00 2001
From: michael <michael@modernfreedom.com>
Date: Sun, 22 Feb 2026 09:25:25 -0600
Subject: [PATCH] Update Profile page layout: reorder fields and add separate
 Agency field

Reorder user details from Role/First/Last/Email to First/Last/Email/Role/Agency
so the 2-column grid shows names together at the top. Add Agency as its own
field instead of appending it to the Role display.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/components/Profile.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/frontend/components/Profile.tsx b/frontend/components/Profile.tsx
index bf3a93f..0ffd6c8 100755
--- a/frontend/components/Profile.tsx
+++ b/frontend/components/Profile.tsx
@@ -34,20 +34,21 @@ export const Profile: React.FC<ProfileProps> = ({ onLogout, msalInstance }) => {
 
     const getRoleDisplay = (): string => {
         if (!user) return 'Loading...';
-        const label = ROLE_LABELS[user.role] ?? user.role;
-        return user.agencyName ? `${label} (${user.agencyName})` : label;
+        return ROLE_LABELS[user.role] ?? user.role;
     };
 
     const userDetails = userInfo ? {
-        'Role': getRoleDisplay(),
         'First Name': userInfo.firstName || 'N/A',
         'Last Name': userInfo.lastName || 'N/A',
         'Email': userInfo.email,
+        'Role': getRoleDisplay(),
+        'Agency': user?.agencyName || 'N/A',
     } : {
-        'Role': 'Loading...',
         'First Name': '',
         'Last Name': '',
         'Email': '',
+        'Role': 'Loading...',
+        'Agency': '',
     };
 
     const handleLogout = () => {