From 4a628e8dbf6a2cbd871435132545a6f41d107db5 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 13 Mar 2026 15:34:20 +0000
Subject: [PATCH 1/6] Initial plan


From 14370235eb7c63d6d1cb3432c7c3dab8b69a68ff Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 13 Mar 2026 15:42:43 +0000
Subject: [PATCH 2/6] feat: add centered loading spinner to ContactNotLoaded
 component

Co-authored-by: stephenhand <1694716+stephenhand@users.noreply.github.com>
---
 .../src/components/ContactNotLoaded.tsx       | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/plugin-hrm-form/src/components/ContactNotLoaded.tsx b/plugin-hrm-form/src/components/ContactNotLoaded.tsx
index 29f38e203b..37628f1849 100644
--- a/plugin-hrm-form/src/components/ContactNotLoaded.tsx
+++ b/plugin-hrm-form/src/components/ContactNotLoaded.tsx
@@ -15,7 +15,7 @@
  */
 
 import React from 'react';
-import { Box } from '@material-ui/core';
+import { Box, CircularProgress } from '@material-ui/core';
 import { Template } from '@twilio/flex-ui';
 
 import FormNotEditable from './FormNotEditable';
@@ -33,7 +33,22 @@ const ContactNotLoaded: React.FC<Props> = ({ onReload, onFinish }: Props) => {
   const [reloadDisabled, setReloadDisabled] = React.useState(false);
   const [finishDisabled, setFinishDisabled] = React.useState(false);
   return (
-    <Box style={{ padding: '20px' }}>
+    <Box style={{ padding: '20px', position: 'relative' }}>
+      <Box
+        style={{
+          position: 'absolute',
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          pointerEvents: 'none',
+        }}
+      >
+        <CircularProgress aria-label="Loading contact" />
+      </Box>
       <HeaderContainer style={{ marginBottom: '10px' }}>
         <Template code="TabbedForms-ContactNotLoaded-Header" />
       </HeaderContainer>

From 56dfbbdace13f7e19391a85fa261c93dbcc38fcd Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 13 Mar 2026 15:55:14 +0000
Subject: [PATCH 3/6] feat: make loading spinner aria-label translatable with
 TabbedForms-ContactNotLoaded-Loading key

Co-authored-by: stephenhand <1694716+stephenhand@users.noreply.github.com>
---
 plugin-hrm-form/src/components/ContactNotLoaded.tsx | 4 +++-
 plugin-hrm-form/src/translations/en-GB.json         | 1 +
 plugin-hrm-form/src/translations/en.json            | 1 +
 plugin-hrm-form/src/translations/es.json            | 1 +
 plugin-hrm-form/src/translations/fr.json            | 1 +
 plugin-hrm-form/src/translations/hu.json            | 1 +
 plugin-hrm-form/src/translations/pt.json            | 1 +
 plugin-hrm-form/src/translations/th.json            | 1 +
 8 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/plugin-hrm-form/src/components/ContactNotLoaded.tsx b/plugin-hrm-form/src/components/ContactNotLoaded.tsx
index 37628f1849..e8619ed765 100644
--- a/plugin-hrm-form/src/components/ContactNotLoaded.tsx
+++ b/plugin-hrm-form/src/components/ContactNotLoaded.tsx
@@ -21,6 +21,7 @@ import { Template } from '@twilio/flex-ui';
 import FormNotEditable from './FormNotEditable';
 import { HeaderContainer, Row } from '../styles';
 import { StyledLink } from '../styles/buttons';
+import { getTemplateStrings } from '../hrmConfig';
 
 type OwnProps = {
   onReload: () => Promise<void>;
@@ -32,6 +33,7 @@ type Props = OwnProps;
 const ContactNotLoaded: React.FC<Props> = ({ onReload, onFinish }: Props) => {
   const [reloadDisabled, setReloadDisabled] = React.useState(false);
   const [finishDisabled, setFinishDisabled] = React.useState(false);
+  const strings = getTemplateStrings();
   return (
     <Box style={{ padding: '20px', position: 'relative' }}>
       <Box
@@ -47,7 +49,7 @@ const ContactNotLoaded: React.FC<Props> = ({ onReload, onFinish }: Props) => {
           pointerEvents: 'none',
         }}
       >
-        <CircularProgress aria-label="Loading contact" />
+        <CircularProgress aria-label={strings['TabbedForms-ContactNotLoaded-Loading']} />
       </Box>
       <HeaderContainer style={{ marginBottom: '10px' }}>
         <Template code="TabbedForms-ContactNotLoaded-Header" />
diff --git a/plugin-hrm-form/src/translations/en-GB.json b/plugin-hrm-form/src/translations/en-GB.json
index 500bc3373f..13bc8732d6 100644
--- a/plugin-hrm-form/src/translations/en-GB.json
+++ b/plugin-hrm-form/src/translations/en-GB.json
@@ -163,6 +163,7 @@
   "TabbedForms-ContactNotLoaded-Header": "Contact not loaded, no data can be recorded",
   "TabbedForms-ContactNotLoaded-Retry": "Retry",
   "TabbedForms-ContactNotLoaded-Finish": "End Without Saving",
+  "TabbedForms-ContactNotLoaded-Loading": "Loading contact",
   "NotImplemented": "Not implemented yet!",
   "Error-Backend": "Error from backend system.",
   "Error-ContinueWithoutRecording": "Error from backend system.  Are you sure you want to end the task without recording?",
diff --git a/plugin-hrm-form/src/translations/en.json b/plugin-hrm-form/src/translations/en.json
index c861e52987..2ce0d15716 100644
--- a/plugin-hrm-form/src/translations/en.json
+++ b/plugin-hrm-form/src/translations/en.json
@@ -173,6 +173,7 @@
   "TabbedForms-ContactNotLoaded-Header": "Contact not loaded, no data can be recorded",
   "TabbedForms-ContactNotLoaded-Retry": "Retry",
   "TabbedForms-ContactNotLoaded-Finish": "End Without Saving",
+  "TabbedForms-ContactNotLoaded-Loading": "Loading contact",
   "NotImplemented": "Not implemented yet!",
   "Error-Backend": "Error from backend system.",
   "Error-ContinueWithoutRecording": "Error from backend system.  Are you sure you want to end the task without recording?",
diff --git a/plugin-hrm-form/src/translations/es.json b/plugin-hrm-form/src/translations/es.json
index cd2b2c0863..26f3b7cab2 100644
--- a/plugin-hrm-form/src/translations/es.json
+++ b/plugin-hrm-form/src/translations/es.json
@@ -98,6 +98,7 @@
   "TabbedForms-ContactNotLoaded-Header": "Contacto no cargado, no se pueden registrar datos",
   "TabbedForms-ContactNotLoaded-Retry": "Reintentar",
   "TabbedForms-ContactNotLoaded-Finish": "Terminar sin guardar",
+  "TabbedForms-ContactNotLoaded-Loading": "Cargando contacto",
   "CancelOfflineContact": "Cancelar Contacto ",
   "BottomBar-SendReport": "Enviar Reporte",
   "BottomBar-SendAnotherReport": "Enviar Otro Reporte",
diff --git a/plugin-hrm-form/src/translations/fr.json b/plugin-hrm-form/src/translations/fr.json
index 9ca218b638..2a653e845f 100644
--- a/plugin-hrm-form/src/translations/fr.json
+++ b/plugin-hrm-form/src/translations/fr.json
@@ -174,6 +174,7 @@
 "TabbedForms-ContactNotLoaded-Header": "Contact non chargé, aucune donnée ne peut être enregistrée",
 "TabbedForms-ContactNotLoaded-Retry": "Réessayer",
 "TabbedForms-ContactNotLoaded-Finish": "Finir sans enregistrer",
+"TabbedForms-ContactNotLoaded-Loading": "Chargement du contact",
 "NotImplemented": "Pas encore implémenté!",
 "Error-Backend": "Erreur du système backend.",
 "Error-ContinueWithoutRecording": "Erreur du système backend. Voulez-vous vraiment terminer la tâche sans enregistrer ?",
diff --git a/plugin-hrm-form/src/translations/hu.json b/plugin-hrm-form/src/translations/hu.json
index 030d8f8c0e..6e52d39c08 100644
--- a/plugin-hrm-form/src/translations/hu.json
+++ b/plugin-hrm-form/src/translations/hu.json
@@ -97,6 +97,7 @@
   "TabbedForms-ContactNotLoaded-Header": "A névjegy nincs betöltve, adat nem rögzíthető",
   "TabbedForms-ContactNotLoaded-Retry": "Próbálja újra",
   "TabbedForms-ContactNotLoaded-Finish": "Mentés nélkül fejezze be",
+  "TabbedForms-ContactNotLoaded-Loading": "Névjegy betöltése",
   "CancelOfflineContact": "Az offline kapcsolat törlése",
   "BottomBar-SendReport": "Jelentés küldése",
   "BottomBar-SendAnotherReport": "Másik jelentés küldése",
diff --git a/plugin-hrm-form/src/translations/pt.json b/plugin-hrm-form/src/translations/pt.json
index ad72cf1cf5..1f5257d1bd 100644
--- a/plugin-hrm-form/src/translations/pt.json
+++ b/plugin-hrm-form/src/translations/pt.json
@@ -97,6 +97,7 @@
   "TabbedForms-ContactNotLoaded-Header": "Contato não carregado, nenhum dado pode ser registrado",
   "TabbedForms-ContactNotLoaded-Retry": "Tentar novamente",
   "TabbedForms-ContactNotLoaded-Finish": "Terminar sem salvar",
+  "TabbedForms-ContactNotLoaded-Loading": "Carregando contato",
   "CancelOfflineContact": "Cancelar contato offline",
   "BottomBar-Next": "Próximo",
   "TabbedForms-BackButton": "Categorizar tipo de contato",
diff --git a/plugin-hrm-form/src/translations/th.json b/plugin-hrm-form/src/translations/th.json
index 38f73d37d4..672e4bf6f2 100644
--- a/plugin-hrm-form/src/translations/th.json
+++ b/plugin-hrm-form/src/translations/th.json
@@ -359,6 +359,7 @@
   "TabbedForms-ContactNotLoaded-Header": "ไม่ได้โหลดรายชื่อติดต่อ ไม่สามารถบันทึกข้อมูลได้",
   "TabbedForms-ContactNotLoaded-Retry": "ลองอีกครั้ง",
   "TabbedForms-ContactNotLoaded-Finish": "สิ้นสุดโดยไม่บันทึก",
+  "TabbedForms-ContactNotLoaded-Loading": "กำลังโหลดรายชื่อติดต่อ",
   "TaskFilterActive": "ระหว่างดำเนินการ",
   "TaskFilterAll": "ทั้งหมด",
   "TaskFilterWrapping": "สำเร็จ",

From 7c372a22c1acca1708e67a6ca7a674afe4d84758 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 13 Mar 2026 16:20:05 +0000
Subject: [PATCH 4/6] fix: expand outer Box to fill parent height so spinner is
 vertically centered

Co-authored-by: stephenhand <1694716+stephenhand@users.noreply.github.com>
---
 plugin-hrm-form/src/components/ContactNotLoaded.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plugin-hrm-form/src/components/ContactNotLoaded.tsx b/plugin-hrm-form/src/components/ContactNotLoaded.tsx
index e8619ed765..7cdee39844 100644
--- a/plugin-hrm-form/src/components/ContactNotLoaded.tsx
+++ b/plugin-hrm-form/src/components/ContactNotLoaded.tsx
@@ -35,7 +35,7 @@ const ContactNotLoaded: React.FC<Props> = ({ onReload, onFinish }: Props) => {
   const [finishDisabled, setFinishDisabled] = React.useState(false);
   const strings = getTemplateStrings();
   return (
-    <Box style={{ padding: '20px', position: 'relative' }}>
+    <Box style={{ padding: '20px', position: 'relative', height: '100%' }}>
       <Box
         style={{
           position: 'absolute',

From a8bb74a21961ba0bd063f64280ac0abc4f548fcd Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 13 Mar 2026 16:37:38 +0000
Subject: [PATCH 5/6] fix: double the size of the ContactNotLoaded spinner
 (40px -> 80px)

Co-authored-by: stephenhand <1694716+stephenhand@users.noreply.github.com>
---
 plugin-hrm-form/src/components/ContactNotLoaded.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plugin-hrm-form/src/components/ContactNotLoaded.tsx b/plugin-hrm-form/src/components/ContactNotLoaded.tsx
index 7cdee39844..3c6c5ad9d2 100644
--- a/plugin-hrm-form/src/components/ContactNotLoaded.tsx
+++ b/plugin-hrm-form/src/components/ContactNotLoaded.tsx
@@ -49,7 +49,7 @@ const ContactNotLoaded: React.FC<Props> = ({ onReload, onFinish }: Props) => {
           pointerEvents: 'none',
         }}
       >
-        <CircularProgress aria-label={strings['TabbedForms-ContactNotLoaded-Loading']} />
+        <CircularProgress size={80} aria-label={strings['TabbedForms-ContactNotLoaded-Loading']} />
       </Box>
       <HeaderContainer style={{ marginBottom: '10px' }}>
         <Template code="TabbedForms-ContactNotLoaded-Header" />

From e811683439d40a908bfeaac0b1967f43bcabbb58 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 16 Mar 2026 12:41:47 +0000
Subject: [PATCH 6/6] fix: use expect.any(Date) for lastReferencedDate in
 INIT_CASE_SUMMARY_WORKING_COPY test

Co-authored-by: stephenhand <1694716+stephenhand@users.noreply.github.com>
---
 .../src/___tests__/states/case/caseWorkingCopy.test.ts           | 1 +
 1 file changed, 1 insertion(+)

diff --git a/plugin-hrm-form/src/___tests__/states/case/caseWorkingCopy.test.ts b/plugin-hrm-form/src/___tests__/states/case/caseWorkingCopy.test.ts
index 92dbda78d3..295f59bcec 100644
--- a/plugin-hrm-form/src/___tests__/states/case/caseWorkingCopy.test.ts
+++ b/plugin-hrm-form/src/___tests__/states/case/caseWorkingCopy.test.ts
@@ -449,6 +449,7 @@ describe('Working copy reducers', () => {
           cases: {
             1: {
               ...initialState.cases[1],
+              lastReferencedDate: expect.any(Date),
               caseWorkingCopy: {
                 ...initialState.cases[1].caseWorkingCopy,
                 caseSummary: {