@kenyaemr/esm-care-panel-app 5.4.4-pre.43 → 5.4.4-pre.430

package/src/patient-discharge/patient-discharge.workspace.test.tsx

@@ -1,14 +1,9 @@
 import React from 'react';
 import { render, screen } from '@testing-library/react';
 import { PatientDischargeWorkspace } from './patient-discharge.workspace';
-import { useVisitOrOfflineVisit } from '@openmrs/esm-patient-common-lib';
-import { usePatient, useEmrConfiguration } from '@openmrs/esm-framework';
+import { usePatient, useEmrConfiguration, useVisit } from '@openmrs/esm-framework';
 import { usePatientDischarge } from './patient-discharge.resource';
 
-jest.mock('@openmrs/esm-patient-common-lib', () => ({
-  useVisitOrOfflineVisit: jest.fn(),
-}));
-
 jest.mock('@openmrs/esm-framework', () => ({
   usePatient: jest.fn(),
   useEmrConfiguration: jest.fn(),
@@ -89,7 +84,7 @@ describe('PatientDischargeWorkspace', () => {
 
   beforeEach(() => {
     jest.clearAllMocks();
-    (useVisitOrOfflineVisit as jest.Mock).mockReturnValue({
+    (useVisit as jest.Mock).mockReturnValue({
       isLoading: false,
       currentVisit: mockVisit,
       error: null,
@@ -110,7 +105,7 @@ describe('PatientDischargeWorkspace', () => {
   });
 
   test('renders loading state when data is being fetched', () => {
-    (useVisitOrOfflineVisit as jest.Mock).mockReturnValue({
+    (useVisit as jest.Mock).mockReturnValue({
       isLoading: true,
       currentVisit: null,
       error: null,
@@ -122,7 +117,7 @@ describe('PatientDischargeWorkspace', () => {
   });
 
   test('renders error state when there is an error', () => {
-    (useVisitOrOfflineVisit as jest.Mock).mockReturnValue({
+    (useVisit as jest.Mock).mockReturnValue({
       isLoading: false,
       currentVisit: null,
       error: new Error('Test error'),
@@ -148,7 +143,7 @@ describe('PatientDischargeWorkspace', () => {
   });
 
   test('handles missing visit data gracefully', () => {
-    (useVisitOrOfflineVisit as jest.Mock).mockReturnValue({
+    (useVisit as jest.Mock).mockReturnValue({
       isLoading: false,
       currentVisit: null,
       error: null,

package/src/patient-discharge/patient-discharge.workspace.tsx

@@ -7,8 +7,8 @@ import {
   ExtensionSlot,
   useEmrConfiguration,
   usePatient,
+  useVisit,
 } from '@openmrs/esm-framework';
-import { useVisitOrOfflineVisit } from '@openmrs/esm-patient-common-lib';
 import { usePatientDischarge } from './patient-discharge.resource';
 import { WardPatient } from '../types';
 
@@ -23,7 +23,7 @@ export function PatientDischargeWorkspace(props: PatientDischargeWorkspaceProps)
   const { t } = useTranslation();
   const { patientUuid, closeWorkspace, closeWorkspaceWithSavedChanges, wardPatient, promptBeforeClosing } = props;
 
-  const { isLoading: isLoadingVisit, currentVisit, error: visitError } = useVisitOrOfflineVisit(patientUuid);
+  const { isLoading: isLoadingVisit, activeVisit: currentVisit, error: visitError } = useVisit(patientUuid);
   const { patient, isLoading: isLoadingPatient, error: patientError } = usePatient(patientUuid);
   const { emrConfiguration, isLoadingEmrConfiguration, errorFetchingEmrConfiguration } = useEmrConfiguration();
 

package/src/program-enrollment/program-enrollment.component.tsx

@@ -17,11 +17,12 @@ import {
 import styles from './program-enrollment.scss';
 import isEmpty from 'lodash/isEmpty';
 import dayjs from 'dayjs';
-import { formatDate, launchWorkspace, restBaseUrl, useVisit } from '@openmrs/esm-framework';
+import { formatDate, launchWorkspace2, restBaseUrl, useVisit } from '@openmrs/esm-framework';
 import orderBy from 'lodash/orderBy';
 import { mutate } from 'swr';
-import { getPatientUuidFromStore } from '@openmrs/esm-patient-common-lib';
 import { useHeiOutcome } from '../hooks/useHeiOutcome';
+import { usePatientChartStore } from '@openmrs/esm-patient-common-lib';
+import { TFunction } from 'i18next';
 
 export interface ProgramEnrollmentProps {
   patientUuid: string;
@@ -29,53 +30,57 @@ export interface ProgramEnrollmentProps {
   enrollments: Array<any>;
   formEntrySub: any;
 }
-const shareObjProperty = { dateEnrolled: 'Enrolled on', dateCompleted: 'Date Completed' };
-const programDetailsMap = {
+const shareObjProperty = (t: TFunction) => ({
+  dateEnrolled: t('enrolledOn', 'Enrolled on'),
+  dateCompleted: t('dateCompleted', 'Date Completed'),
+});
+const programDetailsMap = (t: TFunction) => ({
   HIV: {
-    dateEnrolled: 'Enrolled on',
-    whoStage: 'WHO Stage',
-    entryPoint: 'Entry Point',
-    reason: 'Reason for discontinuation',
+    dateEnrolled: t('enrolledOn', 'Enrolled on'),
+    whoStage: t('whoStage', 'WHO Stage'),
+    entryPoint: t('entryPoint', 'Entry Point'),
+    reason: t('reasonOfDiscontinuation', 'Reason for discontinuation'),
   },
   TB: {
-    ...shareObjProperty,
-    startDate: 'Date started regimen',
-    regimenShortName: 'Regimen',
+    ...shareObjProperty(t),
+    startDate: t('dateStartedRegimen', 'Date started regimen'),
+    regimenShortName: t('regimen', 'Regimen'),
   },
   TPT: {
-    ...shareObjProperty,
-    tptDrugName: 'Regimen',
-    tptDrugStartDate: 'Date started regimen',
-    tptIndication: 'Indication for TPT',
+    ...shareObjProperty(t),
+    tptDrugName: t('regimen', 'Regimen'),
+    tptDrugStartDate: t('dateStartedRegimen', 'Date started regimen'),
+    tptIndication: t('indicationForTpt', 'Indication for TPT'),
   },
   'MCH - Mother Services': {
-    ...shareObjProperty,
-    lmp: 'LMP',
-    eddLmp: 'EDD',
-    gravida: 'Gravida',
-    parity: 'Parity',
-    gestationInWeeks: 'Gestation in weeks',
+    ...shareObjProperty(t),
+    lmp: t('lmp', 'LMP'),
+    eddLmp: t('edd', 'EDD'),
+    gravida: t('gravida', 'Gravida'),
+    parity: t('parity', 'Parity'),
+    gestationInWeeks: t('gestationInWeeks', 'Gestation in weeks'),
   },
-  'MCH - Child Services': { ...shareObjProperty, entryPoint: 'Entry Point' },
+  'MCH - Child Services': { ...shareObjProperty(t), entryPoint: t('entryPoint', 'Entry Point') },
   mchMother: {},
   mchChild: {},
   VMMC: {
-    ...shareObjProperty,
+    ...shareObjProperty(t),
   },
-};
+});
 
-const ProgramEnrollment: React.FC<ProgramEnrollmentProps> = ({ enrollments = [], programName }) => {
+const ProgramEnrollment: React.FC<ProgramEnrollmentProps> = ({ enrollments = [], programName, patientUuid }) => {
   const { t } = useTranslation();
-  const { currentVisit } = useVisit(getPatientUuidFromStore());
-  const { heiOutcome } = useHeiOutcome(currentVisit?.patient?.uuid);
+  const { mutateVisitContext, visitContext, patient: fhirPatient } = usePatientChartStore(patientUuid);
+  const { currentVisit } = useVisit(patientUuid);
+  const { heiOutcome } = useHeiOutcome(currentVisit?.patient?.uuid as string);
   const orderedEnrollments = orderBy(enrollments, 'dateEnrolled', 'desc');
   const headers: Array<DataTableHeader> = useMemo(
     () =>
-      Object.entries(programDetailsMap[programName] ?? { ...shareObjProperty }).map(([key, value]) => ({
+      Object.entries(programDetailsMap(t)[programName] ?? { ...shareObjProperty(t) }).map(([key, value]) => ({
         key,
         header: value as ReactNode,
       })),
-    [programName],
+    [programName, t],
   );
   const rows = useMemo(
     () =>
@@ -104,61 +109,64 @@ const ProgramEnrollment: React.FC<ProgramEnrollmentProps> = ({ enrollments = [],
     });
   };
 
+  const groupProps = useMemo(() => {
+    return {
+      patientUuid,
+      patient: fhirPatient,
+      mutateVisitContext: () => {
+        handleMutation();
+      },
+      visitContext,
+    };
+  }, [patientUuid, fhirPatient, mutateVisitContext, visitContext]);
+
   const handleDiscontinue = (enrollment) => {
-    launchWorkspace('patient-form-entry-workspace', {
-      workspaceTitle: enrollment?.discontinuationFormName,
-      mutateForm: handleMutation,
-      formInfo: {
+    launchWorkspace2(
+      'patient-form-entry-workspace',
+      {
+        form: {
+          uuid: enrollment?.discontinuationFormUuid,
+        },
         encounterUuid: '',
-        visitTypeUuid: currentVisit?.visitType?.uuid ?? '',
-        visitUuid: currentVisit?.uuid ?? '',
-        formUuid: enrollment?.discontinuationFormUuid,
         additionalProps: {
           enrollmentDetails: { dateEnrolled: new Date(enrollment.dateEnrolled), uuid: enrollment.enrollmentUuid },
         },
       },
-    });
+      {},
+      groupProps,
+    );
   };
 
   const handleHeiOutcome = () => {
-    launchWorkspace('patient-form-entry-workspace', {
-      workspaceTitle: 'HEI Outcome',
-      mutateForm: () => {
-        mutate((key) => true, undefined, {
-          revalidate: true,
-        });
-      },
-      formInfo: {
-        encounterUuid: '',
-        visitTypeUuid: currentVisit?.visitType?.uuid ?? '',
-        visitUuid: currentVisit?.uuid ?? '',
-        formUuid: 'd823f1ef-0973-44ee-b113-7090dc23257b',
-        additionalProps: {},
+    launchWorkspace2(
+      'patient-form-entry-workspace',
+      {
+        form: {
+          uuid: 'd823f1ef-0973-44ee-b113-7090dc23257b',
+        },
+        encounterUuid: 'enrollmentEncounterUuid',
       },
-    });
+      {},
+      groupProps,
+    );
   };
 
   const handleEditEnrollment = (enrollment) => {
-    launchWorkspace('patient-form-entry-workspace', {
-      workspaceTitle: enrollment?.enrollmentFormName,
-      mutateForm: () => {
-        mutate(
-          (key) =>
-            typeof key === 'string' && key.startsWith('/ws/rest/v1/kenyaemr/patientHistoricalEnrollment?patientUuid='),
-          undefined,
-          { revalidate: true },
-        );
-      },
-      formInfo: {
-        encounterUuid: enrollment?.enrollmentEncounterUuid,
-        formUuid: enrollment?.enrollmentFormUuid,
-        visitTypeUuid: currentVisit?.visitType?.uuid ?? '',
-        visitUuid: currentVisit?.uuid ?? '',
+    launchWorkspace2(
+      'patient-form-entry-workspace',
+      {
+        workspaceTitle: enrollment?.enrollmentFormName,
+        form: {
+          uuid: enrollment?.enrollmentFormUuid,
+        },
         additionalProps: {
           enrollmentDetails: { dateEnrolled: new Date(enrollment.dateEnrolled), uuid: enrollment.enrollmentUuid },
         },
+        encounterUuid: enrollment?.enrollmentEncounterUuid,
       },
-    });
+      {},
+      groupProps,
+    );
   };
 
   if (orderedEnrollments?.length === 0) {

package/src/regimen-editor/regimen-button.component.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
+import { launchWorkspace2 } from '@openmrs/esm-framework';
 import { Link } from '@carbon/react';
 import { useTranslation } from 'react-i18next';
 import { RegimenType } from '../types';
 import styles from './standard-regimen.scss';
-import { launchWorkspace } from '@openmrs/esm-framework';
 
 interface RegimenButtonProps {
   patientUuid: string;
@@ -23,12 +23,17 @@ const RegimenButton: React.FC<RegimenButtonProps> = ({ category, patientUuid, on
     <Link
       className={styles.linkName}
       onClick={() =>
-        launchWorkspace('patient-regimen-workspace', {
-          category: RegimenType[category],
-          patientUuid: patientUuid,
-          onRegimen: onRegimen,
-          lastRegimenEncounter: lastRegimenEncounter,
-        })
+        launchWorkspace2(
+          'patient-regimen-workspace',
+          {
+            category: RegimenType[category],
+            patientUuid: patientUuid,
+            onRegimen: onRegimen,
+            lastRegimenEncounter: lastRegimenEncounter,
+          },
+          {},
+          {},
+        )
       }>
       {t('editRegimen', 'Edit')}
     </Link>

package/src/regimen-editor/regimen-form.component.tsx

@@ -20,6 +20,8 @@ import {
   useConfig,
   showModal,
   showSnackbar,
+  type Workspace2DefinitionProps,
+  Workspace2,
 } from '@openmrs/esm-framework';
 import styles from './standard-regimen.scss';
 import StandardRegimen from './standard-regimen.component';
@@ -98,12 +100,9 @@ const getRegimenFormSchema = (regimenEvent: string, selectedRegimenType: string)
   return schema;
 };
 
-const RegimenForm: React.FC<RegimenFormProps> = ({
-  patientUuid,
-  category,
-  onRegimen,
-  lastRegimenEncounter,
+const RegimenForm: React.FC<Workspace2DefinitionProps<RegimenFormProps, {}, {}>> = ({
   closeWorkspace,
+  workspaceProps: { patientUuid, category, onRegimen, lastRegimenEncounter },
 }) => {
   const { t } = useTranslation();
   const [errors, setErrors] = useState<Record<string, string>>({});
@@ -121,6 +120,7 @@ const RegimenForm: React.FC<RegimenFormProps> = ({
   const [selectedRegimenType, setSelectedRegimenType] = useState('');
   const [obsArray, setObsArray] = useState([]);
   const [obsArrayForPrevEncounter, setObsArrayForPrevEncounter] = useState([]);
+  const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);
 
   useEffect(() => {
     const regimenLineObs = {
@@ -353,108 +353,112 @@ const RegimenForm: React.FC<RegimenFormProps> = ({
   );
 
   return (
-    <Form className={styles.form} onSubmit={handleSubmit}>
-      <div>
-        <Stack gap={8} className={styles.container}>
-          <h4 className={styles.regimenTitle}>Current Regimen: {onRegimen}</h4>
-          <section className={styles.section}>
-            <div className={styles.sectionTitle}>{t('regimenEvent', 'Regimen event')}</div>
-            <RadioButtonGroup
-              className={styles.radioButtonWrapper}
-              name="regimenEvent"
-              onChange={(uuid) => setRegimenEvent(uuid as string)}>
-              <RadioButton
-                key={'start-regimen'}
-                labelText={t('startRegimen', 'Start')}
-                value={Regimen.startOrRestartConcept}
-                disabled={!!lastRegimenEncounter.uuid}
-              />
-              <RadioButton
-                key={'restart-regimen'}
-                labelText={t('restartRegimen', 'Restart')}
-                value={Regimen.startOrRestartConcept}
-                disabled={!lastRegimenEncounter.endDate && lastRegimenEncounter.event !== 'STOP ALL'}
-              />
-              <RadioButton
-                key={'change-regimen'}
-                labelText={t('changeRegimen', 'Change')}
-                value={Regimen.changeRegimenConcept}
-                disabled={!lastRegimenEncounter.startDate || lastRegimenEncounter.event === 'STOP ALL'}
-              />
-              <RadioButton
-                key={'stop-regimen'}
-                labelText={t('stopRegimen', 'Stop')}
-                value={Regimen.stopRegimenConcept}
-                disabled={
-                  !!lastRegimenEncounter.endDate || (!lastRegimenEncounter.uuid && !lastRegimenEncounter.endDate)
-                }
-              />
-              <RadioButton
-                key={'undo-regimen'}
-                labelText={t('undoRegimen', 'Undo')}
-                value={'undo'}
-                disabled={!lastRegimenEncounter.uuid}
-                onClick={launchDeleteRegimenDialog}
-              />
-            </RadioButtonGroup>
-            {errors.regimenEvent && <div className={styles.errorText}>{errors.regimenEvent}</div>}
-            {regimenEvent ? (
-              <>
-                {regimenEvent !== 'undo' && regimenDatePicker}
-                {regimenEvent && regimenEvent !== Regimen.stopRegimenConcept && regimenEvent !== 'undo' ? (
-                  <>
-                    <RadioButtonGroup
-                      className={styles.radioButtonWrapper}
-                      name="regimenType"
-                      onChange={(uuid) => setSelectedRegimenType(uuid as string)}>
-                      <RadioButton key={'standardUuid'} labelText={'Use standard regimen'} value={'standardUuid'} />
-                      <RadioButton
-                        key={'nonStandardUuid'}
-                        labelText={'Use non standard regimen'}
-                        value={'nonStandardUuid'}
-                        disabled={category !== 'ARV'}
-                      />
-                    </RadioButtonGroup>
-                    {errors.selectedRegimenType && <div className={styles.errorText}>{errors.selectedRegimenType}</div>}
-                    {selectedRegimenType === 'standardUuid' ? (
-                      <StandardRegimen
-                        category={category}
-                        setStandardRegimen={setStandardRegimen}
-                        setStandardRegimenLine={setStandardRegimenLine}
-                        selectedRegimenType={selectedRegimenType}
-                        visitDate={visitDate}
-                        errors={errors}
-                      />
-                    ) : (
-                      <NonStandardRegimen
-                        category={category}
-                        setNonStandardRegimens={setNonStandardRegimens}
-                        setStandardRegimenLine={setStandardRegimenLine}
-                        selectedRegimenType={selectedRegimenType}
-                        visitDate={visitDate}
-                        errors={errors}
-                      />
-                    )}
-                  </>
-                ) : null}
-                {(regimenEvent === Regimen.stopRegimenConcept ||
-                  (regimenEvent === Regimen.changeRegimenConcept && selectedRegimenType)) && (
-                  <RegimenReason category={category} setRegimenReason={setRegimenReason} errors={errors} />
-                )}
-              </>
-            ) : null}
-          </section>
-        </Stack>
-      </div>
-      <ButtonSet className={isTablet ? styles.tablet : styles.desktop}>
-        <Button className={styles.button} kind="secondary" onClick={closeWorkspace}>
-          {t('discard', 'Discard')}
-        </Button>
-        <Button className={styles.button} disabled={isSubmitting} kind="primary" type="submit">
-          {t('save', 'Save')}
-        </Button>
-      </ButtonSet>
-    </Form>
+    <Workspace2 hasUnsavedChanges={hasUnsavedChanges} title={t('regimenForm', 'Regimen Form')}>
+      <Form className={styles.form} onSubmit={handleSubmit}>
+        <div>
+          <Stack gap={8} className={styles.container}>
+            <h4 className={styles.regimenTitle}>Current Regimen: {onRegimen}</h4>
+            <section className={styles.section}>
+              <div className={styles.sectionTitle}>{t('regimenEvent', 'Regimen event')}</div>
+              <RadioButtonGroup
+                className={styles.radioButtonWrapper}
+                name="regimenEvent"
+                onChange={(uuid) => setRegimenEvent(uuid as string)}>
+                <RadioButton
+                  key={'start-regimen'}
+                  labelText={t('startRegimen', 'Start')}
+                  value={Regimen.startOrRestartConcept}
+                  disabled={!!lastRegimenEncounter.uuid}
+                />
+                <RadioButton
+                  key={'restart-regimen'}
+                  labelText={t('restartRegimen', 'Restart')}
+                  value={Regimen.startOrRestartConcept}
+                  disabled={!lastRegimenEncounter.endDate && lastRegimenEncounter.event !== 'STOP ALL'}
+                />
+                <RadioButton
+                  key={'change-regimen'}
+                  labelText={t('changeRegimen', 'Change')}
+                  value={Regimen.changeRegimenConcept}
+                  disabled={!lastRegimenEncounter.startDate || lastRegimenEncounter.event === 'STOP ALL'}
+                />
+                <RadioButton
+                  key={'stop-regimen'}
+                  labelText={t('stopRegimen', 'Stop')}
+                  value={Regimen.stopRegimenConcept}
+                  disabled={
+                    !!lastRegimenEncounter.endDate || (!lastRegimenEncounter.uuid && !lastRegimenEncounter.endDate)
+                  }
+                />
+                <RadioButton
+                  key={'undo-regimen'}
+                  labelText={t('undoRegimen', 'Undo')}
+                  value={'undo'}
+                  disabled={!lastRegimenEncounter.uuid}
+                  onClick={launchDeleteRegimenDialog}
+                />
+              </RadioButtonGroup>
+              {errors.regimenEvent && <div className={styles.errorText}>{errors.regimenEvent}</div>}
+              {regimenEvent ? (
+                <>
+                  {regimenEvent !== 'undo' && regimenDatePicker}
+                  {regimenEvent && regimenEvent !== Regimen.stopRegimenConcept && regimenEvent !== 'undo' ? (
+                    <>
+                      <RadioButtonGroup
+                        className={styles.radioButtonWrapper}
+                        name="regimenType"
+                        onChange={(uuid) => setSelectedRegimenType(uuid as string)}>
+                        <RadioButton key={'standardUuid'} labelText={'Use standard regimen'} value={'standardUuid'} />
+                        <RadioButton
+                          key={'nonStandardUuid'}
+                          labelText={'Use non standard regimen'}
+                          value={'nonStandardUuid'}
+                          disabled={category !== 'ARV'}
+                        />
+                      </RadioButtonGroup>
+                      {errors.selectedRegimenType && (
+                        <div className={styles.errorText}>{errors.selectedRegimenType}</div>
+                      )}
+                      {selectedRegimenType === 'standardUuid' ? (
+                        <StandardRegimen
+                          category={category}
+                          setStandardRegimen={setStandardRegimen}
+                          setStandardRegimenLine={setStandardRegimenLine}
+                          selectedRegimenType={selectedRegimenType}
+                          visitDate={visitDate}
+                          errors={errors}
+                        />
+                      ) : (
+                        <NonStandardRegimen
+                          category={category}
+                          setNonStandardRegimens={setNonStandardRegimens}
+                          setStandardRegimenLine={setStandardRegimenLine}
+                          selectedRegimenType={selectedRegimenType}
+                          visitDate={visitDate}
+                          errors={errors}
+                        />
+                      )}
+                    </>
+                  ) : null}
+                  {(regimenEvent === Regimen.stopRegimenConcept ||
+                    (regimenEvent === Regimen.changeRegimenConcept && selectedRegimenType)) && (
+                    <RegimenReason category={category} setRegimenReason={setRegimenReason} errors={errors} />
+                  )}
+                </>
+              ) : null}
+            </section>
+          </Stack>
+        </div>
+        <ButtonSet className={isTablet ? styles.tablet : styles.desktop}>
+          <Button className={styles.button} kind="secondary" onClick={() => closeWorkspace()}>
+            {t('discard', 'Discard')}
+          </Button>
+          <Button className={styles.button} disabled={isSubmitting} kind="primary" type="submit">
+            {t('save', 'Save')}
+          </Button>
+        </ButtonSet>
+      </Form>
+    </Workspace2>
   );
 };
 

package/src/routes.json

@@ -64,38 +64,35 @@
       "slot": "action-menu-ward-patient-items-slot"
     }
   ],
-  "workspaces": [
+  "workspaces2": [
     {
       "name": "patient-regimen-workspace",
-      "title": "Patient Regimen",
       "component": "regimenFormWorkspace",
-      "type": "form",
-      "canMaximize": true,
-      "canHide": true,
-      "width": "wider"
-    },
-    {
-      "name": "patient-care-discharge-workspace",
-      "title": "Patient Discharge",
-      "component": "patientDischargeWorkspace",
-      "type": "workspace",
-      "canMaximize": true,
-      "canHide": true,
-      "width": "extra-wide",
-      "groups": ["ward-patient"]
+      "window": "care-panel-workspace-window"
     },
-
     {
       "name": "mch-program-form-workspace",
       "component": "mchProgramForm",
-      "title": "Program Form",
-      "type": "workspace"
+      "window": "care-panel-workspace-window"
     },
     {
       "name": "kvp-peer-linkage-form-workspace",
       "component": "kvpPeerLinkageForm",
-      "title": "Program Form",
-      "type": "workspace"
+      "window": "care-panel-workspace-window"
+    }
+  ],
+  "workspaceWindows2": [
+    {
+      "name": "care-panel-workspace-window",
+      "canMaximize": true,
+      "group": "care-panel-workspace-group",
+      "canHide": true,
+      "width": "wider"
+    }
+  ],
+  "workspaceGroups2": [
+    {
+      "name": "care-panel-workspace-group"
     }
   ]
-}
+}