diff --git a/apps/lfx-one/src/app/app.component.ts b/apps/lfx-one/src/app/app.component.ts
index b1292477..9655580b 100644
--- a/apps/lfx-one/src/app/app.component.ts
+++ b/apps/lfx-one/src/app/app.component.ts
@@ -8,6 +8,7 @@ import { AuthContext } from '@lfx-one/shared/interfaces';
 import { ToastModule } from 'primeng/toast';
 
 import { FeatureFlagService } from './shared/services/feature-flag.service';
+import { PersonaService } from './shared/services/persona.service';
 import { SegmentService } from './shared/services/segment.service';
 import { UserService } from './shared/services/user.service';
 
@@ -19,6 +20,7 @@ import { UserService } from './shared/services/user.service';
 })
 export class AppComponent {
   private readonly userService = inject(UserService);
+  private readonly personaService = inject(PersonaService);
   private readonly segmentService = inject(SegmentService);
   private readonly featureFlagService = inject(FeatureFlagService);
 
@@ -42,16 +44,20 @@ export class AppComponent {
       this.transferState.set(this.serverKey, this.auth);
     }
 
-    // Hydrate the auth s tate from the server, if it exists, otherwise set it to false and null
+    // Hydrate the auth state from the server, if it exists, otherwise set it to false and null
     this.auth = this.transferState.get(this.serverKey, {
       authenticated: false,
       user: null,
+      persona: null,
     });
 
     if (this.auth?.authenticated && this.auth.user) {
       this.userService.authenticated.set(true);
       this.userService.user.set(this.auth.user);
 
+      // Initialize persona from backend (auto-detected from committee membership)
+      this.personaService.initializeFromAuth(this.auth.persona);
+
       // Identify user with Segment tracking (pass entire Auth0 user object)
       this.segmentService.identifyUser(this.auth.user);
 
diff --git a/apps/lfx-one/src/app/layouts/main-layout/main-layout.component.html b/apps/lfx-one/src/app/layouts/main-layout/main-layout.component.html
index c95c73db..6c6329a2 100644
--- a/apps/lfx-one/src/app/layouts/main-layout/main-layout.component.html
+++ b/apps/lfx-one/src/app/layouts/main-layout/main-layout.component.html
@@ -4,7 +4,7 @@
 <div class="flex min-h-screen">
   <!-- Sidebar - Desktop -->
   <div class="hidden lg:block w-64 flex-shrink-0 fixed top-0 left-0">
-    <lfx-sidebar [items]="sidebarItems()" [footerItems]="sidebarFooterItems" [showProjectSelector]="true"></lfx-sidebar>
+    <lfx-sidebar [items]="sidebarItems()" [footerItems]="sidebarFooterItems()" [showProjectSelector]="true"></lfx-sidebar>
   </div>
 
   <!-- Sidebar - Mobile Overlay -->
@@ -23,7 +23,7 @@ <h2 class="text-lg font-semibold text-gray-900">Menu</h2>
           </button>
         </div>
         <div class="overflow-y-auto h-[calc(100vh-4rem)]">
-          <lfx-sidebar [items]="sidebarItems()" [footerItems]="sidebarFooterItems" [showProjectSelector]="true"></lfx-sidebar>
+          <lfx-sidebar [items]="sidebarItems()" [footerItems]="sidebarFooterItems()" [showProjectSelector]="true"></lfx-sidebar>
         </div>
       </div>
     </div>
diff --git a/apps/lfx-one/src/app/layouts/main-layout/main-layout.component.ts b/apps/lfx-one/src/app/layouts/main-layout/main-layout.component.ts
index 8504c26a..90fafdda 100644
--- a/apps/lfx-one/src/app/layouts/main-layout/main-layout.component.ts
+++ b/apps/lfx-one/src/app/layouts/main-layout/main-layout.component.ts
@@ -8,6 +8,7 @@ import { NavigationEnd, Router, RouterModule } from '@angular/router';
 import { AppService } from '@app/shared/services/app.service';
 import { FeatureFlagService } from '@app/shared/services/feature-flag.service';
 import { SidebarComponent } from '@components/sidebar/sidebar.component';
+import { environment } from '@environments/environment';
 import { COMMITTEE_LABEL } from '@lfx-one/shared/constants';
 import { SidebarMenuItem } from '@lfx-one/shared/interfaces';
 import { PersonaService } from '@services/persona.service';
@@ -35,6 +36,7 @@ export class MainLayoutComponent {
 
   // Feature flags
   private readonly showProjectsInSidebar = this.featureFlagService.getBooleanFlag('sidebar-projects', false);
+  private readonly enableProfileClick = this.featureFlagService.getBooleanFlag('sidebar-profile', false);
 
   // Base sidebar navigation items - matching React NavigationSidebar design
   private readonly baseSidebarItems: SidebarMenuItem[] = [
@@ -62,33 +64,48 @@ export class MainLayoutComponent {
 
   // Computed sidebar items based on feature flags
   protected readonly sidebarItems = computed(() => {
-    const items = [...this.baseSidebarItems];
+    let items = [...this.baseSidebarItems];
 
     // Filter out Projects if feature flag is disabled
     if (!this.showProjectsInSidebar()) {
-      return items.filter((item) => item.label !== 'Projects');
+      items = items.filter((item) => item.label !== 'Projects');
     }
 
     if (this.personaService.currentPersona() === 'board-member') {
-      return items.filter((item) => item.label !== COMMITTEE_LABEL.plural);
+      items = items.filter((item) => item.label !== COMMITTEE_LABEL.plural);
     }
 
     return items;
   });
 
   // Sidebar footer items - matching React NavigationSidebar design
-  protected readonly sidebarFooterItems: SidebarMenuItem[] = [
-    {
-      label: 'Settings',
-      icon: 'fa-light fa-gear',
-      routerLink: '/settings',
-    },
+  protected readonly sidebarFooterItems = computed(() => [
     {
       label: 'Profile',
       icon: 'fa-light fa-user',
       routerLink: '/profile',
+      disabled: !this.enableProfileClick(), // Disable when feature flag is false
     },
-  ];
+    {
+      label: 'Support',
+      icon: 'fa-light fa-question-circle',
+      url: environment.urls.support,
+      target: '_blank',
+      rel: 'noopener noreferrer',
+    },
+    {
+      label: 'Permissions',
+      icon: 'fa-light fa-shield',
+      routerLink: '/settings',
+    },
+    {
+      label: 'Logout',
+      icon: 'fa-light fa-sign-out',
+      url: '/logout',
+      target: '_self',
+      rel: '',
+    },
+  ]);
 
   public constructor() {
     // Close mobile sidebar on navigation
diff --git a/apps/lfx-one/src/app/modules/committees/committee-dashboard/committee-dashboard.component.ts b/apps/lfx-one/src/app/modules/committees/committee-dashboard/committee-dashboard.component.ts
index b94c56aa..e73be582 100644
--- a/apps/lfx-one/src/app/modules/committees/committee-dashboard/committee-dashboard.component.ts
+++ b/apps/lfx-one/src/app/modules/committees/committee-dashboard/committee-dashboard.component.ts
@@ -53,7 +53,6 @@ export class CommitteeDashboardComponent {
 
   // Permission signals
   public isMaintainer: Signal<boolean>;
-  public isNonFoundationProjectSelected: Signal<boolean>;
   public canCreateGroup: Signal<boolean>;
 
   // Statistics calculations
@@ -68,8 +67,7 @@ export class CommitteeDashboardComponent {
 
     // Initialize permission checks
     this.isMaintainer = computed(() => this.personaService.currentPersona() === 'maintainer');
-    this.isNonFoundationProjectSelected = computed(() => this.projectContextService.selectedProject() !== null);
-    this.canCreateGroup = computed(() => this.isMaintainer() && this.isNonFoundationProjectSelected());
+    this.canCreateGroup = computed(() => this.isMaintainer());
 
     // Initialize state
     this.committeesLoading = signal<boolean>(true);
diff --git a/apps/lfx-one/src/app/modules/dashboards/components/organization-involvement/organization-involvement.component.html b/apps/lfx-one/src/app/modules/dashboards/components/organization-involvement/organization-involvement.component.html
index 98b5d7a5..53ae7e6b 100644
--- a/apps/lfx-one/src/app/modules/dashboards/components/organization-involvement/organization-involvement.component.html
+++ b/apps/lfx-one/src/app/modules/dashboards/components/organization-involvement/organization-involvement.component.html
@@ -48,68 +48,68 @@ <h2 class="font-['Roboto_Slab'] font-semibold text-[16px]">{{ accountName() }}'s
         <p class="text-sm text-gray-500">Loading organization data...</p>
       </div>
     </div>
-  } @else {
-    <div class="overflow-hidden">
-      <div #carouselScroll class="flex gap-4 overflow-x-auto pb-2 hide-scrollbar scroll-smooth" data-testid="dashboard-involvement-carousel">
-        @for (metric of primaryMetrics(); track metric.title) {
-          <!-- Membership Tier Card (Special) -->
-          @if (metric.isMembershipTier) {
-            <div
-              class="p-4 bg-white rounded-lg border border-slate-200 hover:border-[#0094FF] transition-colors cursor-pointer flex-shrink-0 w-80"
-              [attr.data-testid]="'dashboard-involvement-metric-' + metric.title">
-              <div class="space-y-3">
-                <div class="flex items-center gap-1">
-                  <i [class]="metric.icon + ' text-gray-500'" class="w-4 h-4"></i>
-                  <h5 class="text-sm font-medium">{{ metric.title }}</h5>
-                </div>
+  }
+
+  <div class="overflow-hidden">
+    <div #carouselScroll class="flex gap-4 overflow-x-auto pb-2 hide-scrollbar scroll-smooth" data-testid="dashboard-involvement-carousel">
+      @for (metric of primaryMetrics(); track metric.title) {
+        <!-- Membership Tier Card (Special) -->
+        @if (metric.isMembershipTier) {
+          <div
+            class="p-4 bg-white rounded-lg border border-slate-200 hover:border-[#0094FF] transition-colors cursor-pointer flex-shrink-0 w-80"
+            [attr.data-testid]="'dashboard-involvement-metric-' + metric.title">
+            <div class="space-y-3">
+              <div class="flex items-center gap-1">
+                <i [class]="metric.icon + ' text-gray-500'" class="w-4 h-4"></i>
+                <h5 class="text-sm font-medium">{{ metric.title }}</h5>
+              </div>
 
-                <!-- Membership Info -->
-                <div class="space-y-2">
-                  <div class="flex items-center justify-between">
-                    <span class="text-sm text-gray-500">Tier</span>
-                    <span class="px-2 py-0.5 text-xs font-medium rounded bg-gradient-to-r from-gray-400 to-gray-300 text-white border border-gray-300">
-                      {{ metric.tier }}
-                    </span>
-                  </div>
-                  <div class="flex items-center justify-between">
-                    <span class="text-sm text-gray-500">Member Since</span>
-                    <span class="text-sm font-medium">{{ metric.tierSince }}</span>
-                  </div>
-                  <div class="flex items-center justify-between">
-                    <span class="text-sm text-gray-500">Renewal Date</span>
-                    <span class="text-sm font-medium">{{ metric.nextDue }}</span>
-                  </div>
+              <!-- Membership Info -->
+              <div class="space-y-2">
+                <div class="flex items-center justify-between">
+                  <span class="text-sm text-gray-500">Tier</span>
+                  <span class="px-2 py-0.5 text-xs font-medium rounded bg-gradient-to-r from-gray-400 to-gray-300 text-white border border-gray-300">
+                    {{ metric.tier }}
+                  </span>
+                </div>
+                <div class="flex items-center justify-between">
+                  <span class="text-sm text-gray-500">Member Since</span>
+                  <span class="text-sm font-medium">{{ metric.tierSince }}</span>
+                </div>
+                <div class="flex items-center justify-between">
+                  <span class="text-sm text-gray-500">Renewal Date</span>
+                  <span class="text-sm font-medium">{{ metric.nextDue }}</span>
                 </div>
               </div>
             </div>
-          } @else {
-            <!-- Regular Card -->
-            <div class="p-4 bg-white rounded-lg border border-slate-200 flex-shrink-0 w-80" [attr.data-testid]="'dashboard-involvement-metric-' + metric.title">
-              <div class="space-y-3">
-                <div class="flex items-center gap-3">
-                  <i [class]="metric.icon + ' text-gray-500'" class="w-4 h-4"></i>
-                  <h5 class="text-sm font-medium">{{ metric.title }}</h5>
+          </div>
+        } @else {
+          <!-- Regular Card -->
+          <div class="p-4 bg-white rounded-lg border border-slate-200 flex-shrink-0 w-80" [attr.data-testid]="'dashboard-involvement-metric-' + metric.title">
+            <div class="space-y-3">
+              <div class="flex items-center gap-3">
+                <i [class]="metric.icon + ' text-gray-500'" class="w-4 h-4"></i>
+                <h5 class="text-sm font-medium">{{ metric.title }}</h5>
+              </div>
+              @if (metric.chartData) {
+                <div class="w-full h-16">
+                  <lfx-chart
+                    [type]="metric.title === 'Active Contributors' || metric.title === 'Maintainers' ? 'bar' : 'line'"
+                    [data]="metric.chartData"
+                    [options]="metric.title === 'Active Contributors' || metric.title === 'Maintainers' ? barChartOptions : sparklineChartOptions"
+                    height="100%"></lfx-chart>
                 </div>
-                @if (metric.chartData) {
-                  <div class="w-full h-16">
-                    <lfx-chart
-                      [type]="metric.title === 'Active Contributors' || metric.title === 'Maintainers' ? 'bar' : 'line'"
-                      [data]="metric.chartData"
-                      [options]="metric.title === 'Active Contributors' || metric.title === 'Maintainers' ? barChartOptions : sparklineChartOptions"
-                      height="100%"></lfx-chart>
-                  </div>
+              }
+              <div class="space-y-1">
+                <div class="text-xl font-medium">{{ metric.value }}</div>
+                @if (metric.subtitle) {
+                  <div class="text-xs text-gray-500">{{ metric.subtitle }}</div>
                 }
-                <div class="space-y-1">
-                  <div class="text-xl font-medium">{{ metric.value }}</div>
-                  @if (metric.subtitle) {
-                    <div class="text-xs text-gray-500">{{ metric.subtitle }}</div>
-                  }
-                </div>
               </div>
             </div>
-          }
+          </div>
         }
-      </div>
+      }
     </div>
-  }
+  </div>
 </section>
diff --git a/apps/lfx-one/src/app/shared/components/persona-selector/persona-selector.component.html b/apps/lfx-one/src/app/shared/components/persona-selector/persona-selector.component.html
index c90306ee..6faac12d 100644
--- a/apps/lfx-one/src/app/shared/components/persona-selector/persona-selector.component.html
+++ b/apps/lfx-one/src/app/shared/components/persona-selector/persona-selector.component.html
@@ -1,6 +1,8 @@
 <!-- Copyright The Linux Foundation and each contributor to LFX. -->
 <!-- SPDX-License-Identifier: MIT -->
 
-<div class="persona-selector" data-testid="persona-selector">
-  <lfx-select [form]="form" control="persona" [options]="personaOptions" optionLabel="label" optionValue="value" size="small"></lfx-select>
-</div>
+@if (!isAutoDetected()) {
+  <div class="persona-selector" data-testid="persona-selector">
+    <lfx-select [form]="form" control="persona" [options]="personaOptions" optionLabel="label" optionValue="value" size="small"></lfx-select>
+  </div>
+}
diff --git a/apps/lfx-one/src/app/shared/components/persona-selector/persona-selector.component.ts b/apps/lfx-one/src/app/shared/components/persona-selector/persona-selector.component.ts
index 75100bf7..5d1b3f4b 100644
--- a/apps/lfx-one/src/app/shared/components/persona-selector/persona-selector.component.ts
+++ b/apps/lfx-one/src/app/shared/components/persona-selector/persona-selector.component.ts
@@ -21,6 +21,8 @@ export class PersonaSelectorComponent {
   private readonly projectContextService = inject(ProjectContextService);
   // Persona options available for selection
   protected readonly personaOptions = PERSONA_OPTIONS;
+  // Whether persona is auto-detected (read-only)
+  protected readonly isAutoDetected = this.personaService.isAutoDetected;
 
   public form: FormGroup;
 
diff --git a/apps/lfx-one/src/app/shared/components/sidebar/sidebar.component.html b/apps/lfx-one/src/app/shared/components/sidebar/sidebar.component.html
index 60d96dc4..5be3433b 100644
--- a/apps/lfx-one/src/app/shared/components/sidebar/sidebar.component.html
+++ b/apps/lfx-one/src/app/shared/components/sidebar/sidebar.component.html
@@ -76,8 +76,8 @@
   @if (item.url) {
     <a
       [href]="item.url"
-      [target]="item.disabled ? '_self' : '_blank'"
-      [rel]="item.disabled ? '' : 'noopener noreferrer'"
+      [target]="item.target || '_blank'"
+      [rel]="item.rel || 'noopener noreferrer'"
       [ngClass]="{
         'flex items-center gap-2 px-2 py-2 rounded-lg transition-colors cursor-pointer w-full text-base text-[#45556c] font-normal hover:bg-slate-50': true,
         'opacity-50 pointer-events-none cursor-not-allowed': item.disabled,
diff --git a/apps/lfx-one/src/app/shared/services/persona.service.ts b/apps/lfx-one/src/app/shared/services/persona.service.ts
index 17cfa8cc..0b049c7e 100644
--- a/apps/lfx-one/src/app/shared/services/persona.service.ts
+++ b/apps/lfx-one/src/app/shared/services/persona.service.ts
@@ -14,22 +14,42 @@ export class PersonaService {
   private readonly router = inject(Router);
   private readonly projectContextService = inject(ProjectContextService);
 
-  private readonly storageKey = 'lfx-persona';
   public readonly currentPersona: WritableSignal<PersonaType>;
+  public readonly isAutoDetected: WritableSignal<boolean> = signal(false);
 
   public constructor() {
-    const stored = this.loadStoredPersona();
-    this.currentPersona = signal<PersonaType>(stored || 'maintainer');
+    // Default persona - will be overridden by initializeFromAuth if backend provides one
+    this.currentPersona = signal<PersonaType>('maintainer');
   }
 
   /**
-   * Set the current persona and persist to storage
+   * Initialize persona from AuthContext (SSR state transfer)
+   * If persona is provided from backend, it was auto-detected and cannot be changed
+   */
+  public initializeFromAuth(persona: PersonaType | null | undefined): void {
+    if (persona) {
+      this.currentPersona.set(persona);
+      this.isAutoDetected.set(true);
+    } else {
+      // No auto-detected persona, allow manual selection
+      this.isAutoDetected.set(false);
+    }
+  }
+
+  /**
+   * Set the current persona
    * When switching to board-member, clear child project selection
+   * Cannot change persona if it was auto-detected from committee membership
    */
   public setPersona(persona: PersonaType): void {
+    // Don't allow changes if persona was auto-detected
+    if (this.isAutoDetected()) {
+      console.warn('Cannot change persona - it was automatically determined from committee membership');
+      return;
+    }
+
     if (persona !== this.currentPersona()) {
       this.currentPersona.set(persona);
-      this.persistPersona(persona);
 
       // When switching to board-member persona, clear any child project selection
       // Board members should only work at the foundation level
@@ -40,25 +60,4 @@ export class PersonaService {
       this.router.navigate(['/']);
     }
   }
-
-  private persistPersona(persona: PersonaType): void {
-    if (typeof localStorage !== 'undefined') {
-      localStorage.setItem(this.storageKey, persona);
-    }
-  }
-
-  private loadStoredPersona(): PersonaType | null {
-    if (typeof localStorage === 'undefined') {
-      return null;
-    }
-    try {
-      const stored = localStorage.getItem(this.storageKey);
-      if (stored) {
-        return stored as PersonaType;
-      }
-    } catch {
-      // Invalid data in localStorage, ignore
-    }
-    return null;
-  }
 }
diff --git a/apps/lfx-one/src/server/server.ts b/apps/lfx-one/src/server/server.ts
index 749c2570..f3acab4d 100644
--- a/apps/lfx-one/src/server/server.ts
+++ b/apps/lfx-one/src/server/server.ts
@@ -26,6 +26,7 @@ import profileRouter from './routes/profile.route';
 import projectsRouter from './routes/projects.route';
 import publicMeetingsRouter from './routes/public-meetings.route';
 import searchRouter from './routes/search.route';
+import { fetchUserPersona } from './utils/persona-helper';
 
 if (process.env['NODE_ENV'] !== 'production') {
   dotenv.config();
@@ -219,6 +220,7 @@ app.use('/**', async (req: Request, res: Response, next: NextFunction) => {
   const auth: AuthContext = {
     authenticated: false,
     user: null,
+    persona: null,
   };
 
   if (req.oidc?.isAuthenticated() && !req.oidc?.accessToken?.isExpired()) {
@@ -243,6 +245,10 @@ app.use('/**', async (req: Request, res: Response, next: NextFunction) => {
       res.oidc.logout();
       return;
     }
+
+    // Fetch user persona based on committee membership (non-critical, don't block SSR)
+    // Note: fetchUserPersona handles errors internally and returns null on failure
+    auth.persona = await fetchUserPersona(req);
   }
 
   angularApp
diff --git a/apps/lfx-one/src/server/services/committee.service.ts b/apps/lfx-one/src/server/services/committee.service.ts
index 179028c6..5b19aa20 100644
--- a/apps/lfx-one/src/server/services/committee.service.ts
+++ b/apps/lfx-one/src/server/services/committee.service.ts
@@ -374,6 +374,50 @@ export class CommitteeService {
     );
   }
 
+  /**
+   * Fetches committee memberships for a specific user filtered by committee category
+   * Used to determine user persona based on committee membership
+   * @param req - Express request object
+   * @param username - Username to filter by
+   * @param userEmail - User email to filter by (as fallback)
+   * @param category - Committee category to filter (currently supports: 'Board', 'Maintainers')
+   */
+  public async getCommitteeMembersByCategory(req: Request, username: string, userEmail: string, category: string): Promise<CommitteeMember[]> {
+    const params = {
+      v: '1',
+      type: 'committee_member',
+      tags: `committee_category:${category}`,
+    };
+
+    const { resources } = await this.microserviceProxy.proxyRequest<QueryServiceResponse<CommitteeMember>>(
+      req,
+      'LFX_V2_SERVICE',
+      '/query/resources',
+      'GET',
+      params
+    );
+
+    // Filter to only include memberships for this specific user
+    const userMemberships = resources
+      .map((resource) => resource.data)
+      .filter((member) => {
+        // Match by username or email
+        return member.username === username || (userEmail && member.email.toLowerCase() === userEmail.toLowerCase());
+      });
+
+    req.log.info(
+      {
+        operation: 'get_committee_members_by_category',
+        username,
+        category,
+        memberships_count: userMemberships.length,
+      },
+      `Fetched user committee memberships for category: ${category}`
+    );
+
+    return userMemberships;
+  }
+
   /**
    * Updates committee settings (business_email_required, is_audit_enabled)
    */
diff --git a/apps/lfx-one/src/server/utils/persona-helper.ts b/apps/lfx-one/src/server/utils/persona-helper.ts
new file mode 100644
index 00000000..d0616585
--- /dev/null
+++ b/apps/lfx-one/src/server/utils/persona-helper.ts
@@ -0,0 +1,93 @@
+// Copyright The Linux Foundation and each contributor to LFX.
+// SPDX-License-Identifier: MIT
+
+import type { PersonaType } from '@lfx-one/shared/interfaces';
+import { Request } from 'express';
+
+import { CommitteeService } from '../services/committee.service';
+import { getUsernameFromAuth } from './auth-helper';
+
+/**
+ * Mapping of committee categories to their corresponding personas
+ * Add new mappings here to support additional persona types
+ */
+const COMMITTEE_CATEGORY_TO_PERSONA: Record<string, PersonaType> = {
+  Board: 'board-member',
+  Maintainers: 'maintainer',
+  Committers: 'core-developer',
+};
+
+/**
+ * Priority order for personas when user belongs to multiple committee categories
+ * Higher index = higher priority (board-member is highest, core-developer is fallback)
+ */
+const PERSONA_PRIORITY: PersonaType[] = ['core-developer', 'maintainer', 'board-member'];
+
+/**
+ * Fetches and determines user's persona based on committee membership
+ * Checks all configured committee categories and returns the highest priority persona
+ */
+export async function fetchUserPersona(req: Request): Promise<PersonaType | null> {
+  try {
+    // Get username from auth context
+    const username = await getUsernameFromAuth(req);
+    if (!username) {
+      req.log.warn('No username found in auth context for persona determination');
+      return null;
+    }
+
+    const committeeService = new CommitteeService();
+    const userEmail = req.oidc?.user?.['email'];
+    const matchedPersonas: PersonaType[] = [];
+
+    // Check each committee category mapping
+    for (const [category, persona] of Object.entries(COMMITTEE_CATEGORY_TO_PERSONA)) {
+      const memberships = await committeeService.getCommitteeMembersByCategory(req, username, userEmail || '', category);
+
+      if (memberships.length > 0) {
+        req.log.info(
+          {
+            username,
+            category,
+            persona,
+            memberships_count: memberships.length,
+          },
+          `User has ${category} committee membership - matched persona ${persona}`
+        );
+        matchedPersonas.push(persona);
+      }
+    }
+
+    // No committee memberships found
+    if (matchedPersonas.length === 0) {
+      return null;
+    }
+
+    // Return highest priority persona if user belongs to multiple categories
+    const selectedPersona = matchedPersonas.reduce((highest, current) => {
+      const currentPriority = PERSONA_PRIORITY.indexOf(current);
+      const highestPriority = PERSONA_PRIORITY.indexOf(highest);
+      return currentPriority > highestPriority ? current : highest;
+    }, matchedPersonas[0]);
+
+    req.log.info(
+      {
+        username,
+        matched_personas: matchedPersonas,
+        selected_persona: selectedPersona,
+      },
+      'Determined user persona from committee memberships'
+    );
+
+    return selectedPersona;
+  } catch (error) {
+    // Log error but don't fail SSR - persona determination is non-critical
+    req.log.warn(
+      {
+        error: error instanceof Error ? error.message : error,
+      },
+      'Failed to determine user persona from committee membership'
+    );
+    return null;
+  }
+}
diff --git a/packages/shared/src/constants/accounts.constants.ts b/packages/shared/src/constants/accounts.constants.ts
index f0a9258e..d6cf5031 100644
--- a/packages/shared/src/constants/accounts.constants.ts
+++ b/packages/shared/src/constants/accounts.constants.ts
@@ -20,6 +20,7 @@ export const ACCOUNTS: Account[] = [
   { accountId: '0014100000Te0QfAAJ', accountName: 'NEC Corporation' },
   { accountId: '0014100000Te08IAAR', accountName: 'Ericsson' },
   { accountId: '0014100000Te2MfAAJ', accountName: 'Oracle America Inc.' },
+  { accountId: '0014100000Te2ovAAB', accountName: 'The Linux Foundation' },
 ];
 
 /**
diff --git a/packages/shared/src/constants/committees.constants.ts b/packages/shared/src/constants/committees.constants.ts
index 79ddaad9..c1402159 100644
--- a/packages/shared/src/constants/committees.constants.ts
+++ b/packages/shared/src/constants/committees.constants.ts
@@ -27,24 +27,24 @@ export const COMMITTEE_LABEL = {
  * <LfxDropdown options={COMMITTEE_CATEGORIES} />
  */
 export const COMMITTEE_CATEGORIES = [
-  { label: 'Legal Committee', value: 'Legal Committee' },
-  { label: 'Finance Committee', value: 'Finance Committee' },
-  { label: 'Special Interest Group', value: 'Special Interest Group' },
+  { label: 'Ambassador', value: 'Ambassador' },
   { label: 'Board', value: 'Board' },
-  { label: 'Technical Oversight Committee/Technical Advisory Committee', value: 'Technical Oversight Committee/Technical Advisory Committee' },
-  { label: 'Technical Steering Committee', value: 'Technical Steering Committee' },
-  { label: 'Marketing Oversight Committee/Marketing Advisory Committee', value: 'Marketing Oversight Committee/Marketing Advisory Committee' },
-  { label: 'Marketing Committee/Sub Committee', value: 'Marketing Committee/Sub Committee' },
   { label: 'Code of Conduct', value: 'Code of Conduct' },
+  { label: 'Committers', value: 'Committers' },
+  { label: 'Expert Group', value: 'Expert Group' },
+  { label: 'Finance Committee', value: 'Finance Committee' },
+  { label: 'Government Advisory Council', value: 'Government Advisory Council' },
+  { label: 'Legal Committee', value: 'Legal Committee' },
+  { label: 'Maintainers', value: 'Maintainers' },
+  { label: 'Marketing Committee/Sub Committee', value: 'Marketing Committee/Sub Committee' },
+  { label: 'Marketing Mailing List', value: 'Marketing Mailing List' },
+  { label: 'Marketing Oversight Committee/Marketing Advisory Committee', value: 'Marketing Oversight Committee/Marketing Advisory Committee' },
   { label: 'Product Security', value: 'Product Security' },
+  { label: 'Special Interest Group', value: 'Special Interest Group' },
   { label: 'Technical Mailing List', value: 'Technical Mailing List' },
-  { label: 'Marketing Mailing List', value: 'Marketing Mailing List' },
+  { label: 'Technical Oversight Committee/Technical Advisory Committee', value: 'Technical Oversight Committee/Technical Advisory Committee' },
+  { label: 'Technical Steering Committee', value: 'Technical Steering Committee' },
   { label: 'Working Group', value: 'Working Group' },
-  { label: 'Committers', value: 'Committers' },
-  { label: 'Maintainers', value: 'Maintainers' },
-  { label: 'Ambassador', value: 'Ambassador' },
-  { label: 'Government Advisory Council', value: 'Government Advisory Council' },
-  { label: 'Expert Group', value: 'Expert Group' },
   { label: 'Other', value: 'Other' },
 ];
 
@@ -60,14 +60,14 @@ export const MEMBER_ROLES = [
   { label: 'Chair', value: CommitteeMemberRole.CHAIR },
   { label: 'Counsel', value: CommitteeMemberRole.COUNSEL },
   { label: 'Developer Seat', value: CommitteeMemberRole.DEVELOPER_SEAT },
-  { label: 'TAC/TOC Representative', value: CommitteeMemberRole.TAC_TOC_REPRESENTATIVE },
   { label: 'Director', value: CommitteeMemberRole.DIRECTOR },
   { label: 'Lead', value: CommitteeMemberRole.LEAD },
-  { label: 'None', value: CommitteeMemberRole.NONE },
+  { label: 'LF Staff', value: CommitteeMemberRole.LF_STAFF },
   { label: 'Secretary', value: CommitteeMemberRole.SECRETARY },
+  { label: 'TAC/TOC Representative', value: CommitteeMemberRole.TAC_TOC_REPRESENTATIVE },
   { label: 'Treasurer', value: CommitteeMemberRole.TREASURER },
   { label: 'Vice Chair', value: CommitteeMemberRole.VICE_CHAIR },
-  { label: 'LF Staff', value: CommitteeMemberRole.LF_STAFF },
+  { label: 'None', value: CommitteeMemberRole.NONE },
 ];
 
 /**
@@ -80,59 +80,61 @@ export const MEMBER_ROLES = [
  */
 export const VOTING_STATUSES = [
   { label: 'Alternate Voting Rep', value: CommitteeMemberVotingStatus.ALTERNATE_VOTING_REP },
+  { label: 'Emeritus', value: CommitteeMemberVotingStatus.EMERITUS },
   { label: 'Observer', value: CommitteeMemberVotingStatus.OBSERVER },
   { label: 'Voting Rep', value: CommitteeMemberVotingStatus.VOTING_REP },
-  { label: 'Emeritus', value: CommitteeMemberVotingStatus.EMERITUS },
   { label: 'None', value: CommitteeMemberVotingStatus.NONE },
 ];
 
 /**
- * Committee type color mappings for badge styling
- * Returns background and text color classes for category badges
+ * Internal committee type color mappings for exact match fallback
+ * @private - Use getCommitteeTypeColor() function instead
+ * @description Uses LFX semantic color tokens from the design system
  */
-export const COMMITTEE_TYPE_COLORS = {
+const COMMITTEE_TYPE_COLORS = {
   // Board and governance
-  Board: 'bg-purple-100 text-purple-800',
-  'Government Advisory Council': 'bg-purple-100 text-purple-800',
+  Board: 'bg-violet-100 text-violet-800',
+  'Government Advisory Council': 'bg-violet-100 text-violet-800',
 
   // Legal and compliance
-  'Legal Committee': 'bg-red-100 text-red-800',
-  'Code of Conduct': 'bg-red-100 text-red-800',
-  'Product Security': 'bg-red-100 text-red-800',
+  'Legal Committee': 'bg-negative-100 text-negative-800',
+  'Code of Conduct': 'bg-negative-100 text-negative-800',
+  'Product Security': 'bg-negative-100 text-negative-800',
 
   // Special interest groups
-  'Special Interest Group': 'bg-blue-100 text-blue-800',
-  'Expert Group': 'bg-blue-100 text-blue-800',
+  'Special Interest Group': 'bg-brand-100 text-brand-800',
+  'Expert Group': 'bg-brand-100 text-brand-800',
 
   // Working groups
-  'Working Group': 'bg-orange-100 text-orange-800',
+  'Working Group': 'bg-warning-100 text-warning-800',
 
   // Technical committees
-  'Technical Steering Committee': 'bg-green-100 text-green-800',
-  'Technical Oversight Committee/Technical Advisory Committee': 'bg-teal-100 text-teal-800',
-  'Technical Mailing List': 'bg-teal-100 text-teal-800',
+  'Technical Steering Committee': 'bg-positive-100 text-positive-800',
+  'Technical Oversight Committee/Technical Advisory Committee': 'bg-brand-100 text-brand-700',
+  'Technical Mailing List': 'bg-brand-100 text-brand-700',
 
   // Technical roles
-  Maintainers: 'bg-blue-100 text-blue-800',
-  Committers: 'bg-blue-100 text-blue-800',
+  Maintainers: 'bg-brand-100 text-brand-800',
+  Committers: 'bg-brand-100 text-brand-800',
 
   // Marketing and outreach
-  'Marketing Oversight Committee/Marketing Advisory Committee': 'bg-pink-100 text-pink-800',
-  'Marketing Committee/Sub Committee': 'bg-pink-100 text-pink-800',
-  'Marketing Mailing List': 'bg-pink-100 text-pink-800',
-  Ambassador: 'bg-pink-100 text-pink-800',
+  'Marketing Oversight Committee/Marketing Advisory Committee': 'bg-violet-100 text-violet-700',
+  'Marketing Committee/Sub Committee': 'bg-violet-100 text-violet-700',
+  'Marketing Mailing List': 'bg-violet-100 text-violet-700',
+  Ambassador: 'bg-violet-100 text-violet-700',
 
   // Finance
-  'Finance Committee': 'bg-emerald-100 text-emerald-800',
+  'Finance Committee': 'bg-positive-100 text-positive-800',
 
   // Other/miscellaneous
-  Other: 'bg-gray-100 text-gray-800',
+  Other: 'bg-neutral-100 text-neutral-800',
 } as const;
 
 /**
- * Default color scheme for unknown committee types
+ * Internal default color scheme for unknown committee types
+ * @private
  */
-export const DEFAULT_COMMITTEE_TYPE_COLOR = 'bg-gray-100 text-gray-800';
+const DEFAULT_COMMITTEE_TYPE_COLOR = 'bg-neutral-100 text-neutral-800';
 
 /**
  * Get valid committee category values for validation
@@ -151,16 +153,42 @@ export function getCommitteeTypeColor(category: string | undefined): string {
 
   const lowerCategory = category.toLowerCase();
 
-  // Check for partial matches in category name
-  if (lowerCategory.includes('board')) return 'bg-purple-100 text-purple-800';
-  if (lowerCategory.includes('legal')) return 'bg-red-100 text-red-800';
-  if (lowerCategory.includes('special interest')) return 'bg-blue-100 text-blue-800';
-  if (lowerCategory.includes('working group')) return 'bg-orange-100 text-orange-800';
-  if (lowerCategory.includes('technical steering')) return 'bg-green-100 text-green-800';
-  if (lowerCategory.includes('technical oversight')) return 'bg-teal-100 text-teal-800';
-  if (lowerCategory.includes('marketing oversight')) return 'bg-pink-100 text-pink-800';
-  if (lowerCategory.includes('marketing committee')) return 'bg-pink-100 text-pink-800';
-  if (lowerCategory.includes('finance')) return 'bg-emerald-100 text-emerald-800';
+  // Board and governance
+  if (lowerCategory.includes('board')) return 'bg-violet-100 text-violet-800';
+  if (lowerCategory.includes('government')) return 'bg-violet-100 text-violet-800';
+
+  // Legal and compliance
+  if (lowerCategory.includes('legal')) return 'bg-negative-100 text-negative-800';
+  if (lowerCategory.includes('code of conduct')) return 'bg-negative-100 text-negative-800';
+  if (lowerCategory.includes('product security')) return 'bg-negative-100 text-negative-800';
+
+  // Special interest groups
+  if (lowerCategory.includes('special interest')) return 'bg-brand-100 text-brand-800';
+  if (lowerCategory.includes('expert')) return 'bg-brand-100 text-brand-800';
+
+  // Working groups
+  if (lowerCategory.includes('working group')) return 'bg-warning-100 text-warning-800';
+
+  // Technical committees
+  if (lowerCategory.includes('technical steering')) return 'bg-positive-100 text-positive-800';
+  if (lowerCategory.includes('technical oversight')) return 'bg-brand-100 text-brand-700';
+  if (lowerCategory.includes('technical mailing')) return 'bg-brand-100 text-brand-700';
+
+  // Technical roles
+  if (lowerCategory.includes('maintainer')) return 'bg-brand-100 text-brand-800';
+  if (lowerCategory.includes('committer')) return 'bg-brand-100 text-brand-800';
+
+  // Marketing and outreach
+  if (lowerCategory.includes('marketing oversight')) return 'bg-violet-100 text-violet-700';
+  if (lowerCategory.includes('marketing committee')) return 'bg-violet-100 text-violet-700';
+  if (lowerCategory.includes('marketing mailing')) return 'bg-violet-100 text-violet-700';
+  if (lowerCategory.includes('ambassador')) return 'bg-violet-100 text-violet-700';
+
+  // Finance
+  if (lowerCategory.includes('finance')) return 'bg-positive-100 text-positive-800';
+
+  // Other/miscellaneous
+  if (lowerCategory.includes('other')) return 'bg-neutral-100 text-neutral-800';
 
   // Fallback to exact match or default
   return COMMITTEE_TYPE_COLORS[category as keyof typeof COMMITTEE_TYPE_COLORS] || DEFAULT_COMMITTEE_TYPE_COLOR;
diff --git a/packages/shared/src/interfaces/auth.interface.ts b/packages/shared/src/interfaces/auth.interface.ts
index f18cbe96..bbd513bd 100644
--- a/packages/shared/src/interfaces/auth.interface.ts
+++ b/packages/shared/src/interfaces/auth.interface.ts
@@ -1,6 +1,8 @@
 // Copyright The Linux Foundation and each contributor to LFX.
 // SPDX-License-Identifier: MIT
 
+import type { PersonaType } from './persona.interface';
+
 /**
  * User profile information from Auth0/LFX SSO
  * @description Complete user data structure from authentication provider
@@ -51,6 +53,8 @@ export interface AuthContext {
   authenticated: boolean;
   /** User profile data (null if not authenticated) */
   user: User | null;
+  /** User's persona type (auto-determined from committee memberships, null if not a member of any committees) */
+  persona?: PersonaType | null;
 }
 
 /**
diff --git a/packages/shared/src/interfaces/components.interface.ts b/packages/shared/src/interfaces/components.interface.ts
index 9bc64389..77296cca 100644
--- a/packages/shared/src/interfaces/components.interface.ts
+++ b/packages/shared/src/interfaces/components.interface.ts
@@ -273,6 +273,10 @@ export interface SidebarMenuItem {
   routerLink?: string;
   /** External URL */
   url?: string;
+  /** Target for external links */
+  target?: string;
+  /** Rel for external links */
+  rel?: string;
   /** Badge content for notifications */
   badge?: string | number;
   /** Badge severity for styling */