From 3d5c6531c3141ac9a8510bd6addc5642003149e1 Mon Sep 17 00:00:00 2001
From: estifanos <estifanos.tria@gmail.com>
Date: Fri, 28 Aug 2026 09:42:38 +0000
Subject: [PATCH] feat: move personal documents configuration to a dedicated
 tab in the global configuration page

---
 .../pages/CertificateRequirementsPage.tsx             |  6 ------
 .../configuration/pages/ConfigurationPage/index.tsx   | 11 +++++++++++
 apps/backoffice/src/app/i18n/locales/am.ts            |  1 +
 apps/backoffice/src/app/i18n/locales/en.ts            |  1 +
 4 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/apps/backoffice/src/app/features/certificate-requirements/pages/CertificateRequirementsPage.tsx b/apps/backoffice/src/app/features/certificate-requirements/pages/CertificateRequirementsPage.tsx
index 7cb3cc5d7..86352bb97 100644
--- a/apps/backoffice/src/app/features/certificate-requirements/pages/CertificateRequirementsPage.tsx
+++ b/apps/backoffice/src/app/features/certificate-requirements/pages/CertificateRequirementsPage.tsx
@@ -6,7 +6,6 @@ import { ErrorState, PageHeader, PageLoader } from '@ema-platform/ui';
 import { extractErrorMessage, useGetLicenseTypesQuery, useLocalized } from '@ema-platform/api';
 import { DocumentRequirementsTab } from '../components/DocumentRequirementsTab';
 import { FormSchemaTab } from '../components/FormSchemaTab';
-import { PersonalDocumentsCard } from '../components/PersonalDocumentsCard';
 
 /**
  * Where an administrator configures what an applicant must fill in and
@@ -59,11 +58,6 @@ export function CertificateRequirementsPage() {
           <PageLoader label={t('certReq.loading', 'Loading licence types…')} height={300} />
         ) : (
           <Stack gap="md">
-            {/* Above the licence-type picker on purpose: these documents
-                belong to no single type, so filing them under whichever one
-                happens to be selected would misread. */}
-            <PersonalDocumentsCard />
-
             <Select
               label={t('certReq.licenseType', 'Licence type')}
               placeholder={t('certReq.selectLicenseType', 'Select a licence type')}
diff --git a/apps/backoffice/src/app/features/configuration/pages/ConfigurationPage/index.tsx b/apps/backoffice/src/app/features/configuration/pages/ConfigurationPage/index.tsx
index a28c98db2..5fe270643 100644
--- a/apps/backoffice/src/app/features/configuration/pages/ConfigurationPage/index.tsx
+++ b/apps/backoffice/src/app/features/configuration/pages/ConfigurationPage/index.tsx
@@ -24,6 +24,7 @@ import {
   IconHash,
   IconInfoCircle,
   IconAnchor,
+  IconId,
 } from "@tabler/icons-react";
 import { useTranslation } from "react-i18next";
 import {
@@ -35,6 +36,9 @@ import {
   PageLoader,
 } from "@ema-platform/ui";
 import { LocationPage } from "../../../location/pages/LocationPage";
+// Lives with the document-requirement editor it reuses; shown here because a
+// document required for every licence is configuration, not one type's form.
+import { PersonalDocumentsCard } from "../../../certificate-requirements/components/PersonalDocumentsCard";
 import { CertificationPage } from "../../../certification/pages/CertificationPage";
 import { NumberFormatTab } from "../../components/NumberFormatTab";
 import { RankDepartmentTab } from "./RankDepartmentTab";
@@ -406,6 +410,9 @@ export function ConfigurationPage() {
           <Tabs.Tab value="ranks" leftSection={<IconAnchor size={16} />}>
             {t("configuration.ranksTab", "Ranks & Departments")}
           </Tabs.Tab>
+          <Tabs.Tab value="personalDocuments" leftSection={<IconId size={16} />}>
+            {t("configuration.personalDocumentsTab", "Personal Documents")}
+          </Tabs.Tab>
         </Tabs.List>
 
         <Tabs.Panel value="professions" pt="md">
@@ -427,6 +434,10 @@ export function ConfigurationPage() {
         <Tabs.Panel value="ranks" pt="md">
           <RankDepartmentTab />
         </Tabs.Panel>
+
+        <Tabs.Panel value="personalDocuments" pt="md">
+          <PersonalDocumentsCard />
+        </Tabs.Panel>
       </Tabs>
     </Stack>
   );
diff --git a/apps/backoffice/src/app/i18n/locales/am.ts b/apps/backoffice/src/app/i18n/locales/am.ts
index 4d2bf9ae7..cfdc6a75b 100644
--- a/apps/backoffice/src/app/i18n/locales/am.ts
+++ b/apps/backoffice/src/app/i18n/locales/am.ts
@@ -818,6 +818,7 @@ export const am: Translations = {
 
   configuration: {
     title: "ውቅረት",
+    personalDocumentsTab: "የግል ሰነዶች",
     departments: "ክፍሎች",
     professions: "ሙያዎች",
     departmentsList: "ክፍሎች",
diff --git a/apps/backoffice/src/app/i18n/locales/en.ts b/apps/backoffice/src/app/i18n/locales/en.ts
index 282398f35..c5ff4d50f 100644
--- a/apps/backoffice/src/app/i18n/locales/en.ts
+++ b/apps/backoffice/src/app/i18n/locales/en.ts
@@ -822,6 +822,7 @@ export const en = {
 
   configuration: {
     title: 'Configuration',
+    personalDocumentsTab: 'Personal Documents',
     departments: 'Departments',
     professions: 'Professions',
     departmentsList: 'Departments',