From 35ffe76c3f0770c2ec3c79178f00870648e7fcad Mon Sep 17 00:00:00 2001
From: Michael Chadwick <michael.chadwick@gmail.com>
Date: Tue, 29 Sep 2026 11:20:15 -0700
Subject: [PATCH 1/5] added Biography header to UserProfileBio

---
 app/components/user-profile-bio-details.gjs | 29 ++++++++++++---------
 app/components/user-profile-bio-manager.gjs |  9 +++++--
 app/styles/components/user-profile-bio.scss | 22 ++++++++++++----
 translations/en-us.yaml                     |  1 +
 translations/es.yaml                        |  1 +
 translations/fr.yaml                        |  1 +
 6 files changed, 44 insertions(+), 19 deletions(-)

diff --git a/app/components/user-profile-bio-details.gjs b/app/components/user-profile-bio-details.gjs
index 5d6b411115..277e783f7c 100644
--- a/app/components/user-profile-bio-details.gjs
+++ b/app/components/user-profile-bio-details.gjs
@@ -5,18 +5,23 @@ import FaIcon from '@fortawesome/ember-fontawesome/components/fa-icon';
 import { faPenToSquare } from '@fortawesome/free-solid-svg-icons';
 <template>
   <div class="user-profile-bio-details" data-test-user-profile-bio-details ...attributes>
-    <div class="actions">
-      {{#if @isManageable}}
-        <button
-          aria-label={{t "general.manage"}}
-          type="button"
-          class="manage"
-          {{on "click" (fn @setIsManaging true)}}
-          data-test-manage
-        >
-          <FaIcon @icon={{faPenToSquare}} />
-        </button>
-      {{/if}}
+    <div class="user-profile-bio-header">
+      <h2 class="title" data-test-title>
+        {{t "general.biography"}}
+      </h2>
+      <div class="actions">
+        {{#if @isManageable}}
+          <button
+            aria-label={{t "general.manage"}}
+            type="button"
+            class="manage"
+            {{on "click" (fn @setIsManaging true)}}
+            data-test-manage
+          >
+            <FaIcon @icon={{faPenToSquare}} />
+          </button>
+        {{/if}}
+      </div>
     </div>
 
     {{#unless @userAuthentication.username}}
diff --git a/app/components/user-profile-bio-manager.gjs b/app/components/user-profile-bio-manager.gjs
index f8c7d7b1d6..b3f7a77cd6 100644
--- a/app/components/user-profile-bio-manager.gjs
+++ b/app/components/user-profile-bio-manager.gjs
@@ -303,8 +303,13 @@ export default class UserProfileBioManagerComponent extends Component {
   });
   <template>
     <div class="user-profile-bio-manager" data-test-user-profile-bio-manager ...attributes>
-      <div class="actions">
-        <BigSaveCancelButtons @save={{this.save}} @cancel={{this.cancel}} />
+      <div class="user-profile-bio-header">
+        <h2 class="title" data-test-title>
+          {{t "general.biography"}}
+        </h2>
+        <div class="actions">
+          <BigSaveCancelButtons @save={{this.save}} @cancel={{this.cancel}} />
+        </div>
       </div>
 
       {{#unless @userAuthentication.username}}
diff --git a/app/styles/components/user-profile-bio.scss b/app/styles/components/user-profile-bio.scss
index a34387d3cf..0966706190 100644
--- a/app/styles/components/user-profile-bio.scss
+++ b/app/styles/components/user-profile-bio.scss
@@ -1,15 +1,24 @@
 @use "../mixins" as m;
 
 .user-profile-bio {
-  label {
-    @include m.ilios-label;
+  .user-profile-bio-header {
+    @include m.detail-container-header;
+
+    h2 {
+      @include m.ilios-heading-h3;
+    }
+
+    .actions {
+      @include m.detail-container-actions;
+    }
   }
 
-  .actions {
-    @include m.detail-container-actions;
+  label {
+    @include m.ilios-label;
   }
 
   .error {
+    padding-top: 1em;
     text-align: center;
   }
 
@@ -29,7 +38,10 @@
       }
 
       &.synced-from-directory input {
-        background-color: light-dark(var(--transparent-green), var(--transparent-green));
+        background-color: light-dark(
+          var(--transparent-green),
+          var(--transparent-green)
+        );
         transition: background-color 500ms ease;
       }
     }
diff --git a/translations/en-us.yaml b/translations/en-us.yaml
index 3391bf3ac3..4920fbbfa8 100644
--- a/translations/en-us.yaml
+++ b/translations/en-us.yaml
@@ -71,6 +71,7 @@ general:
   bad: Bad
   badCredentials: Incorrect username or password
   beforeOrAfterMidday: Before or after midday
+  biography: Biography
   bottomPagination: Bottom pagination
   calendar: Calendar
   campusId: Campus ID
diff --git a/translations/es.yaml b/translations/es.yaml
index be732b8faa..9adc4988a7 100644
--- a/translations/es.yaml
+++ b/translations/es.yaml
@@ -71,6 +71,7 @@ general:
   bad: Malo
   badCredentials: Incorrecta contraseña o nombre de usuario
   beforeOrAfterMidday: Antes o después del mediodía
+  biography: Biografía
   bottomPagination: Paginación inferior
   calendar: Calendario
   campusId: Campus ID
diff --git a/translations/fr.yaml b/translations/fr.yaml
index acbc07a951..63e029be65 100644
--- a/translations/fr.yaml
+++ b/translations/fr.yaml
@@ -71,6 +71,7 @@ general:
   bad: Mal
   badCredentials: "Nom d'utilisateur ou mot de passe incorrect"
   beforeOrAfterMidday: Avant ou après midi
+  biography: Biographie
   bottomPagination: Pagination en bas
   calendar: Calendrier
   campusId: Campus ID

From c4b42af59d511558767b1365e135495959868d66 Mon Sep 17 00:00:00 2001
From: Michael Chadwick <michael.chadwick@gmail.com>
Date: Tue, 29 Sep 2026 11:28:17 -0700
Subject: [PATCH 2/5] added Roles header to UserProfileRoles

---
 app/components/user-profile-roles.gjs         | 34 +++++++++++--------
 app/styles/components/user-profile-roles.scss | 16 ++++++---
 translations/en-us.yaml                       |  1 +
 translations/es.yaml                          |  1 +
 translations/fr.yaml                          |  1 +
 5 files changed, 35 insertions(+), 18 deletions(-)

diff --git a/app/components/user-profile-roles.gjs b/app/components/user-profile-roles.gjs
index 7176038fad..237753eb2e 100644
--- a/app/components/user-profile-roles.gjs
+++ b/app/components/user-profile-roles.gjs
@@ -108,21 +108,27 @@ export default class UserProfileRolesComponent extends Component {
       data-test-user-profile-roles
       ...attributes
     >
-      <div class="actions">
-        {{#if @isManaging}}
-          <BigSaveCancelButtons @save={{this.save}} @cancel={{this.cancel}} />
-        {{else if @isManageable}}
-          <button
-            aria-label={{t "general.manage"}}
-            type="button"
-            class="manage"
-            data-test-manage
-            {{on "click" (fn @setIsManaging true)}}
-          >
-            <FaIcon @icon={{faPenToSquare}} />
-          </button>
-        {{/if}}
+      <div class="user-profile-roles-header">
+        <h2 class="title" data-test-title>
+          {{t "general.roles"}}
+        </h2>
+        <div class="actions">
+          {{#if @isManaging}}
+            <BigSaveCancelButtons @save={{this.save}} @cancel={{this.cancel}} />
+          {{else if @isManageable}}
+            <button
+              aria-label={{t "general.manage"}}
+              type="button"
+              class="manage"
+              data-test-manage
+              {{on "click" (fn @setIsManaging true)}}
+            >
+              <FaIcon @icon={{faPenToSquare}} />
+            </button>
+          {{/if}}
+        </div>
       </div>
+
       <div class="form">
         <div class="item" data-test-student>
           <label>
diff --git a/app/styles/components/user-profile-roles.scss b/app/styles/components/user-profile-roles.scss
index e1183a4584..098839dc9f 100644
--- a/app/styles/components/user-profile-roles.scss
+++ b/app/styles/components/user-profile-roles.scss
@@ -1,6 +1,18 @@
 @use "../mixins" as m;
 
 .user-profile-roles {
+  .user-profile-roles-header {
+    @include m.detail-container-header;
+
+    h2 {
+      @include m.ilios-heading-h3;
+    }
+
+    .actions {
+      @include m.detail-container-actions;
+    }
+  }
+
   label {
     @include m.ilios-label;
   }
@@ -9,10 +21,6 @@
     border-top: 0.5px solid light-dark(var(--black), var(--grey));
   }
 
-  .actions {
-    @include m.detail-container-actions;
-  }
-
   .form {
     grid-template-columns: 1fr;
 
diff --git a/translations/en-us.yaml b/translations/en-us.yaml
index 4920fbbfa8..8a9ab5eb6f 100644
--- a/translations/en-us.yaml
+++ b/translations/en-us.yaml
@@ -588,6 +588,7 @@ general:
   resultsCount: "{count, plural, =1 {1 result} other {# results}}"
   resultsSummary: Results Summary
   returnToPreviousPage: Return to Previous Page
+  roles: Roles
   root: Root
   run: Run
   runReport: Run Report
diff --git a/translations/es.yaml b/translations/es.yaml
index 9adc4988a7..7bfe7d0d17 100644
--- a/translations/es.yaml
+++ b/translations/es.yaml
@@ -588,6 +588,7 @@ general:
   resultsCount: "{count, plural, =1 {1 resultado} other {# resultados}}"
   resultsSummary: Resumen de Resultados
   returnToPreviousPage: Volver a la Página Anterior
+  roles: Roles
   root: Root
   run: Ejecutar
   runReport: Ejecutar Informe
diff --git a/translations/fr.yaml b/translations/fr.yaml
index 63e029be65..e1fa3c59ce 100644
--- a/translations/fr.yaml
+++ b/translations/fr.yaml
@@ -588,6 +588,7 @@ general:
   resultsCount: "{count, plural, =1 {1 résultat} other {# résultats}}"
   resultsSummary: Résumé des résultats
   returnToPreviousPage: Retour à la page précédente
+  roles: Rôles
   root: Root
   run: Exécuter
   runReport: exécuter le rapport

From 3cc247d475c026ced7614b5f1883ab1f0a7906b0 Mon Sep 17 00:00:00 2001
From: Michael Chadwick <michael.chadwick@gmail.com>
Date: Tue, 29 Sep 2026 11:31:31 -0700
Subject: [PATCH 3/5] simplified UserProfileRoles form styling as it was using
 attributes that had no effect and needed some padding

---
 app/styles/components/user-profile-roles.scss | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/app/styles/components/user-profile-roles.scss b/app/styles/components/user-profile-roles.scss
index 098839dc9f..83f92e9d80 100644
--- a/app/styles/components/user-profile-roles.scss
+++ b/app/styles/components/user-profile-roles.scss
@@ -22,10 +22,6 @@
   }
 
   .form {
-    grid-template-columns: 1fr;
-
-    .item {
-      min-height: auto;
-    }
+    padding: 1em 0 0;
   }
 }

From 48530383ddaf5725e134c4070bdf3d3439497f7e Mon Sep 17 00:00:00 2001
From: Michael Chadwick <michael.chadwick@gmail.com>
Date: Tue, 6 Oct 2026 10:49:52 -0700
Subject: [PATCH 4/5] replace 'Biography' header with 'Profile'

---
 app/components/user-profile-bio-details.gjs | 2 +-
 app/components/user-profile-bio-manager.gjs | 2 +-
 translations/en-us.yaml                     | 2 +-
 translations/es.yaml                        | 2 +-
 translations/fr.yaml                        | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/components/user-profile-bio-details.gjs b/app/components/user-profile-bio-details.gjs
index 277e783f7c..f068fd2a99 100644
--- a/app/components/user-profile-bio-details.gjs
+++ b/app/components/user-profile-bio-details.gjs
@@ -7,7 +7,7 @@ import { faPenToSquare } from '@fortawesome/free-solid-svg-icons';
   <div class="user-profile-bio-details" data-test-user-profile-bio-details ...attributes>
     <div class="user-profile-bio-header">
       <h2 class="title" data-test-title>
-        {{t "general.biography"}}
+        {{t "general.profile"}}
       </h2>
       <div class="actions">
         {{#if @isManageable}}
diff --git a/app/components/user-profile-bio-manager.gjs b/app/components/user-profile-bio-manager.gjs
index b3f7a77cd6..fdf91836d7 100644
--- a/app/components/user-profile-bio-manager.gjs
+++ b/app/components/user-profile-bio-manager.gjs
@@ -305,7 +305,7 @@ export default class UserProfileBioManagerComponent extends Component {
     <div class="user-profile-bio-manager" data-test-user-profile-bio-manager ...attributes>
       <div class="user-profile-bio-header">
         <h2 class="title" data-test-title>
-          {{t "general.biography"}}
+          {{t "general.profile"}}
         </h2>
         <div class="actions">
           <BigSaveCancelButtons @save={{this.save}} @cancel={{this.cancel}} />
diff --git a/translations/en-us.yaml b/translations/en-us.yaml
index 8a9ab5eb6f..174681b2e2 100644
--- a/translations/en-us.yaml
+++ b/translations/en-us.yaml
@@ -71,7 +71,6 @@ general:
   bad: Bad
   badCredentials: Incorrect username or password
   beforeOrAfterMidday: Before or after midday
-  biography: Biography
   bottomPagination: Bottom pagination
   calendar: Calendar
   campusId: Campus ID
@@ -541,6 +540,7 @@ general:
   primaryCohort: Primary Cohort
   primarySchool: Primary School
   printSummary: Print Summary
+  profile: Profile
   program: Program
   programAndCohort: Program / Cohort
   programCohorts: Program Cohorts
diff --git a/translations/es.yaml b/translations/es.yaml
index 7bfe7d0d17..ee79fe057e 100644
--- a/translations/es.yaml
+++ b/translations/es.yaml
@@ -71,7 +71,6 @@ general:
   bad: Malo
   badCredentials: Incorrecta contraseña o nombre de usuario
   beforeOrAfterMidday: Antes o después del mediodía
-  biography: Biografía
   bottomPagination: Paginación inferior
   calendar: Calendario
   campusId: Campus ID
@@ -541,6 +540,7 @@ general:
   primaryCohort: Clase de la Graduación Principal
   primarySchool: Escuela Primaria
   printSummary: Sumario Printado
+  profile: Perfil
   program: Programa
   programAndCohort: Programa / Clase de La Graduación
   programCohorts: Clases de La Graduación
diff --git a/translations/fr.yaml b/translations/fr.yaml
index e1fa3c59ce..23845a06e5 100644
--- a/translations/fr.yaml
+++ b/translations/fr.yaml
@@ -71,7 +71,6 @@ general:
   bad: Mal
   badCredentials: "Nom d'utilisateur ou mot de passe incorrect"
   beforeOrAfterMidday: Avant ou après midi
-  biography: Biographie
   bottomPagination: Pagination en bas
   calendar: Calendrier
   campusId: Campus ID
@@ -541,6 +540,7 @@ general:
   primaryCohort: Cohorte Première
   primarySchool: École Première
   printSummary: Empreinte Résumé
+  profile: Profil
   program: Diplôme
   programAndCohort: Diplôme et Cohortes
   programCohorts: Cohortes

From 7338d349c2708fa6e8753e3eceed4656568b29db Mon Sep 17 00:00:00 2001
From: Michael Chadwick <michael.chadwick@gmail.com>
Date: Tue, 6 Oct 2026 11:01:51 -0700
Subject: [PATCH 5/5] added some test for new headers

---
 tests/integration/components/user-profile-bio-details-test.gjs | 2 ++
 tests/integration/components/user-profile-bio-manager-test.gjs | 2 ++
 tests/integration/components/user-profile-roles-test.gjs       | 1 +
 tests/pages/components/user-profile-bio-details.js             | 1 +
 tests/pages/components/user-profile-bio-manager.js             | 1 +
 tests/pages/components/user-profile-roles.js                   | 1 +
 6 files changed, 8 insertions(+)

diff --git a/tests/integration/components/user-profile-bio-details-test.gjs b/tests/integration/components/user-profile-bio-details-test.gjs
index b72e174754..97bd46dab4 100644
--- a/tests/integration/components/user-profile-bio-details-test.gjs
+++ b/tests/integration/components/user-profile-bio-details-test.gjs
@@ -56,6 +56,7 @@ module('Integration | Component | user profile bio details', function (hooks) {
       </template>,
     );
 
+    assert.strictEqual(component.title, 'Profile');
     assert.strictEqual(
       component.school,
       `Primary School: ${schoolModel.title}`,
@@ -137,6 +138,7 @@ module('Integration | Component | user profile bio details', function (hooks) {
       </template>,
     );
 
+    assert.strictEqual(component.title, 'Profile');
     assert.strictEqual(
       component.school,
       `Primary School: ${schoolModel.title}`,
diff --git a/tests/integration/components/user-profile-bio-manager-test.gjs b/tests/integration/components/user-profile-bio-manager-test.gjs
index 35284ff5b9..e22a5e4572 100644
--- a/tests/integration/components/user-profile-bio-manager-test.gjs
+++ b/tests/integration/components/user-profile-bio-manager-test.gjs
@@ -57,6 +57,7 @@ module('Integration | Component | user profile bio manager', function (hooks) {
       </template>,
     );
 
+    assert.strictEqual(component.title, 'Profile');
     assert.strictEqual(
       component.school,
       `Primary School: ${schoolModel.title}`,
@@ -110,6 +111,7 @@ module('Integration | Component | user profile bio manager', function (hooks) {
       </template>,
     );
 
+    assert.strictEqual(component.title, 'Profile');
     assert.strictEqual(
       component.school,
       `Primary School: ${schoolModel.title}`,
diff --git a/tests/integration/components/user-profile-roles-test.gjs b/tests/integration/components/user-profile-roles-test.gjs
index 214d68a2c5..aaead1d22d 100644
--- a/tests/integration/components/user-profile-roles-test.gjs
+++ b/tests/integration/components/user-profile-roles-test.gjs
@@ -28,6 +28,7 @@ module('Integration | Component | user profile roles', function (hooks) {
     this.set('user', userModel);
     await render(<template><UserProfileRoles @user={{this.user}} /></template>);
 
+    assert.strictEqual(component.title, 'Roles');
     assert.strictEqual(component.student.value, 'Yes');
     assert.strictEqual(component.formerStudent.value, 'No');
     assert.strictEqual(component.enabled.value, 'Yes');
diff --git a/tests/pages/components/user-profile-bio-details.js b/tests/pages/components/user-profile-bio-details.js
index ab84fe44d5..9fa50e458e 100644
--- a/tests/pages/components/user-profile-bio-details.js
+++ b/tests/pages/components/user-profile-bio-details.js
@@ -4,6 +4,7 @@ const definition = {
   scope: '[data-test-user-profile-bio-details]',
   manage: clickable('[data-test-manage]'),
   school: text('[data-test-school]'),
+  title: text('[data-test-title]'),
   firstName: {
     scope: '[data-test-firstname]',
     label: text('label'),
diff --git a/tests/pages/components/user-profile-bio-manager.js b/tests/pages/components/user-profile-bio-manager.js
index aa26d2cf14..d509376776 100644
--- a/tests/pages/components/user-profile-bio-manager.js
+++ b/tests/pages/components/user-profile-bio-manager.js
@@ -17,6 +17,7 @@ const definition = {
   syncWithDirectory: {
     scope: '[data-test-directory-sync]',
   },
+  title: text('[data-test-title]'),
   school: text('[data-test-school]'),
   firstName: {
     scope: '[data-test-firstname]',
diff --git a/tests/pages/components/user-profile-roles.js b/tests/pages/components/user-profile-roles.js
index fcbf0414f0..da46dd8ce3 100644
--- a/tests/pages/components/user-profile-roles.js
+++ b/tests/pages/components/user-profile-roles.js
@@ -8,6 +8,7 @@ const definition = {
   manage: {
     scope: '[data-test-manage]',
   },
+  title: text('[data-test-title]'),
   student: {
     scope: '[data-test-student]',
     label: text('label'),