fix conflict

2026-08-29 23:28:11 +00:00 · 2026-07-03 17:31:29 +03:00
parent 83887471a4 4a6e42ccd9
commit 47f87e8435
209 changed files with 13776 additions and 2892 deletions
--- a/apps/edr-freight-web/backoffice/src/App.tsx
+++ b/apps/edr-freight-web/backoffice/src/App.tsx
@@ -12,6 +12,7 @@ import {
  PackageCheck,
  PackageOpen,
  Paperclip,
+  Receipt,
  Send,
  Settings,
  ShieldCheck,
@@ -32,7 +33,11 @@ import {
  useParams,
 } from "react-router-dom";

-import { FreightDashboardLayout, type SidebarItem, type SidebarSection } from "@/components/layout";
+import {
+  FreightDashboardLayout,
+  type SidebarItem,
+  type SidebarSection,
+} from "@/components/layout";
 import { useAuth } from "./auth/useAuth";
 import LoadingScreen from "./components/LoadingScreen";
 import LoginPage from "./pages/auth/LoginPage";
@@ -53,6 +58,8 @@ import GlCreateBookingForm from "./components/contracts/GlCreateBookingForm";
 import DocumentClearanceDetailPage from "./pages/bookings/DocumentClearanceDetailPage";
 import CustomerDetailPage from "./pages/customers/CustomerDetailPage";
 import CustomersPage from "./pages/customers/CustomersPage";
+import InvoiceDetailPage from "./pages/invoices/InvoiceDetailPage";
+import InvoicesPage from "./pages/invoices/InvoicesPage";
 import DemoUser1Page from "./pages/dashboard/demo/DemoUser1Page";
 import DemoUser2Page from "./pages/dashboard/demo/DemoUser2Page";
 import MyProfilePage from "./pages/dashboard/MyProfilePage";
@@ -61,7 +68,13 @@ import UserManagementHostPage from "./pages/dashboard/user-management/UserManage
 import PaymentsPage from "./pages/payments/PaymentsPage";
 //import EmployeesPage from "./pages/dashboard/user-management/EmployeesPage";
 import { RequirePermission } from "./components/auth/RequirePermission";
-import { FREIGHT_PERMS, hasPermission as hasFreightPermission } from "./lib/permissions";
+import {
+  FREIGHT_PERMS,
+  hasPermission as hasFreightPermission,
+  isDjiboutiGl,
+  isEthiopianGl,
+  isSuperAdmin,
+} from "./lib/permissions";
 import PermissionsPage from "./pages/dashboard/user-management/PermissionsPage";
 import PositionTypesPage from "./pages/dashboard/user-management/PositionTypesPage";
 import RolesPage from "./pages/dashboard/user-management/RolesPage";
@@ -145,6 +158,12 @@ const buildSidebarSections = (demoItems: SidebarItem[]): SidebarSection[] => [
        icon: <Wallet />,
        permission: FREIGHT_PERMS.bookings.view,
      },
+      {
+        label: "Invoices",
+        href: "/dashboard/invoices",
+        icon: <Receipt />,
+        permission: FREIGHT_PERMS.bookings.view,
+      },
      ...demoItems,
    ],
  },
@@ -160,12 +179,12 @@ const buildSidebarSections = (demoItems: SidebarItem[]): SidebarSection[] => [
          FREIGHT_PERMS.contracts.clearanceEtActions,
        ],
      },
-      // {
-      //   label: "Shipment Requests",
-      //   href: "/dashboard/shipment-requests",
-      //   icon: <Send />,
-      //   permission: FREIGHT_PERMS.contracts.createBooking,
-      // },
+      {
+        label: "Shipment Requests",
+        href: "/dashboard/shipment-requests",
+        icon: <Send />,
+        permission: FREIGHT_PERMS.contracts.createBooking,
+      },
      {
        label: "GL Djibouti Clearance",
        href: "/dashboard/gl-djibouti/clearance",
@@ -310,7 +329,7 @@ const buildSidebarSections = (demoItems: SidebarItem[]): SidebarSection[] => [
          },
          {
            label: "Terminal Inventory",
-            href: "/dashboard/warehouse-inventory",
+            href: "/dashboard/warehouse-inventory?direction=IMPORT",
            icon: <Package />,
          },
          {
@@ -357,7 +376,7 @@ const buildSidebarSections = (demoItems: SidebarItem[]): SidebarSection[] => [
          },
          {
            label: "Terminal Inventory",
-            href: "/dashboard/warehouse-inventory",
+            href: "/dashboard/warehouse-inventory?direction=EXPORT",
            icon: <Package />,
          },
        ],
@@ -420,10 +439,10 @@ const buildSidebarSections = (demoItems: SidebarItem[]): SidebarSection[] => [
            label: "Contract validity",
            href: "/dashboard/configuration/contract-validity-periods",
          },
-          // {
-          //   label: "Train scheduling rules",
-          //   href: "/dashboard/configuration/train-scheduling-rules",
-          // },
+          {
+            label: "Train scheduling rules",
+            href: "/dashboard/configuration/train-scheduling-rules",
+          },
        ],
      },
      {
@@ -436,12 +455,35 @@ const buildSidebarSections = (demoItems: SidebarItem[]): SidebarSection[] => [
  },
 ];

-/** Keep only items the user is permitted to see; drop now-empty sections. */
+/** Hrefs of the two document-clearance menu items (stable identifiers). */
+const ET_CLEARANCE_HREF = "/dashboard/contracts/clearance";
+const DJ_CLEARANCE_HREF = "/dashboard/gl-djibouti/clearance";
+
+const isEtClearanceItem = (item: SidebarItem): boolean =>
+  item.href === ET_CLEARANCE_HREF;
+const isDjClearanceItem = (item: SidebarItem): boolean =>
+  item.href === DJ_CLEARANCE_HREF;
+const isClearanceItem = (item: SidebarItem): boolean =>
+  isEtClearanceItem(item) || isDjClearanceItem(item);
+
+/**
+ * Keep only items the user is permitted to see; drop now-empty sections.
+ *
+ * Position-scoped visibility (super_admin bypasses all of this):
+ * - Ethiopian GL  → sees ONLY the ET document-clearance page.
+ * - Djibouti GL   → sees ONLY the DJ clearance page.
+ * - Everyone else → sees everything they have permission for, EXCEPT the two
+ *   clearance pages (those are GL-only).
+ */
 const filterSidebarByPermission = (
  sections: SidebarSection[],
  user: ReturnType<typeof useAuth>["user"],
 ): SidebarSection[] => {
-  const itemAllowed = (item: SidebarItem): boolean => {
+  const superAdmin = isSuperAdmin(user);
+  const etGl = !superAdmin && isEthiopianGl(user);
+  const djGl = !superAdmin && isDjiboutiGl(user);
+
+  const permissionAllowed = (item: SidebarItem): boolean => {
    if (!item.permission) return true;
    const keys = Array.isArray(item.permission)
      ? item.permission
@@ -449,6 +491,19 @@ const filterSidebarByPermission = (
    return keys.some((key) => hasFreightPermission(user, key));
  };

+  const itemAllowed = (item: SidebarItem): boolean => {
+    if (superAdmin) return true;
+
+    // GL positions are locked to their single clearance page.
+    if (etGl) return isEtClearanceItem(item);
+    if (djGl) return isDjClearanceItem(item);
+
+    // Everyone else: hide the GL-only clearance pages entirely.
+    if (isClearanceItem(item)) return false;
+
+    return permissionAllowed(item);
+  };
+
  return sections
    .map((section) => ({
      ...section,
@@ -470,6 +525,22 @@ const DashboardShell = () => {
  );
  const displayName = user?.name?.en || user?.username || user?.email || "User";

+  // GL positions are locked to their single clearance page: if they navigate
+  // (or deep-link) anywhere else, send them back to their clearance hub.
+  // Super admin is exempt. Allow the clearance path + its detail sub-routes.
+  const superAdmin = isSuperAdmin(user);
+  const glClearanceHome = !superAdmin
+    ? isEthiopianGl(user)
+      ? ET_CLEARANCE_HREF
+      : isDjiboutiGl(user)
+        ? DJ_CLEARANCE_HREF
+        : null
+    : null;
+
+  if (glClearanceHome && !location.pathname.startsWith(glClearanceHome)) {
+    return <Navigate to={glClearanceHome} replace />;
+  }
+
  return (
    <FreightDashboardLayout
      sidebarSections={sidebarSections}
@@ -509,7 +580,10 @@ const App = () => {
      <Route path="/health" element={<HealthCheck />} />
      <Route path="/callback" element={<FaydaCallbackPage />} />
      <Route path="/" element={<Navigate to="/dashboard/overview" replace />} />
-      <Route path="/dashboard" element={<Navigate to="/dashboard/overview" replace />} />
+      <Route
+        path="/dashboard"
+        element={<Navigate to="/dashboard/overview" replace />}
+      />
      <Route path="/dashboard" element={<DashboardShell />}>
        <Route path="overview" element={<OverviewPage />} />
        <Route path="profile" element={<MyProfilePage />} />
@@ -525,8 +599,27 @@ const App = () => {
        />
        <Route path="customers" element={<CustomersPage />} />
        <Route path="customers/:id" element={<CustomerDetailPage />} />
+        <Route
+          path="invoices"
+          element={
+            <RequirePermission permission={FREIGHT_PERMS.bookings.view}>
+              <InvoicesPage />
+            </RequirePermission>
+          }
+        />
+        <Route
+          path="invoices/:id"
+          element={
+            <RequirePermission permission={FREIGHT_PERMS.bookings.view}>
+              <InvoiceDetailPage />
+            </RequirePermission>
+          }
+        />
        <Route path="booking-requests/new" element={<NewBookingPage />} />
-        <Route path="booking-requests/:id" element={<BookingRequestDetailPage />} />
+        <Route
+          path="booking-requests/:id"
+          element={<BookingRequestDetailPage />}
+        />
        <Route
          path="booking-requests/:id/contract"
          element={<BookingContractPage />}
@@ -539,7 +632,9 @@ const App = () => {
        <Route
          path="clearance/:id"
          element={
-            <RequirePermission permission={FREIGHT_PERMS.bookings.clearanceView}>
+            <RequirePermission
+              permission={FREIGHT_PERMS.bookings.clearanceView}
+            >
              <DocumentClearanceDetailPage />
            </RequirePermission>
          }
@@ -573,7 +668,9 @@ const App = () => {
        <Route
          path="bookings/:bookingId/clearance"
          element={
-            <RequirePermission permission={FREIGHT_PERMS.bookings.clearanceView}>
+            <RequirePermission
+              permission={FREIGHT_PERMS.bookings.clearanceView}
+            >
              <DocumentClearanceDetailPage />
            </RequirePermission>
          }
@@ -581,7 +678,9 @@ const App = () => {
        <Route
          path="shipment-requests"
          element={
-            <RequirePermission permission={FREIGHT_PERMS.contracts.createBooking}>
+            <RequirePermission
+              permission={FREIGHT_PERMS.contracts.createBooking}
+            >
              <ShipmentRequestsPage />
            </RequirePermission>
          }
@@ -589,7 +688,9 @@ const App = () => {
        <Route
          path="shipment-requests/:id"
          element={
-            <RequirePermission permission={FREIGHT_PERMS.contracts.createBooking}>
+            <RequirePermission
+              permission={FREIGHT_PERMS.contracts.createBooking}
+            >
              <ShipmentRequestDetailPage />
            </RequirePermission>
          }
@@ -621,12 +722,20 @@ const App = () => {
            </RequirePermission>
          }
        />
-        <Route path="gl-ethiopia/clearance" element={<LegacyGlEthiopiaClearanceRedirect />} />
-        <Route path="gl-ethiopia/clearance/:id" element={<LegacyGlEthiopiaClearanceRedirect />} />
+        <Route
+          path="gl-ethiopia/clearance"
+          element={<LegacyGlEthiopiaClearanceRedirect />}
+        />
+        <Route
+          path="gl-ethiopia/clearance/:id"
+          element={<LegacyGlEthiopiaClearanceRedirect />}
+        />
        <Route
          path="gl-djibouti/clearance"
          element={
-            <RequirePermission permission={FREIGHT_PERMS.contracts.clearanceDjActions}>
+            <RequirePermission
+              permission={FREIGHT_PERMS.contracts.clearanceDjActions}
+            >
              <GlDjiboutiClearanceListPage />
            </RequirePermission>
          }
@@ -634,7 +743,9 @@ const App = () => {
        <Route
          path="gl-djibouti/clearance/:id"
          element={
-            <RequirePermission permission={FREIGHT_PERMS.contracts.clearanceDjActions}>
+            <RequirePermission
+              permission={FREIGHT_PERMS.contracts.clearanceDjActions}
+            >
              <GlClearanceDetailPage />
            </RequirePermission>
          }
@@ -647,7 +758,9 @@ const App = () => {
        <Route
          path="contracts/:id/create-booking"
          element={
-            <RequirePermission permission={FREIGHT_PERMS.contracts.createBooking}>
+            <RequirePermission
+              permission={FREIGHT_PERMS.contracts.createBooking}
+            >
              <GlCreateBookingForm />
            </RequirePermission>
          }
@@ -658,155 +771,174 @@ const App = () => {
        />
        <Route path="warehouses" element={<WarehouseListPage />} />
        <Route path="warehouses/:id" element={<WarehouseDetailPage />} />
-        <Route path="warehouse-inventory" element={<WarehouseInventoryPage />} />
+        <Route
+          path="warehouse-inventory"
+          element={<WarehouseInventoryPage />}
+        />
        <Route path="import-warehouse" element={<ImportWarehouseFlowPage />} />
        <Route path="export-warehouse" element={<ExportWarehouseFlowPage />} />
        <Route path="arrival-queue" element={<ArrivalQueuePage />} />
        <Route path="loading-queue" element={<LoadingQueuePage />} />
        <Route path="loaded-inventory" element={<LoadedInventoryPage />} />
        <Route path="dispatch-queue" element={<DispatchQueuePage />} />
-        <Route path="export-djibouti-unloading" element={<ExportDjiboutiUnloadingQueuePage />} />
-        <Route path="interchange-documents" element={<InterchangeDocumentsPage />} />
+        <Route
+          path="export-djibouti-unloading"
+          element={<ExportDjiboutiUnloadingQueuePage />}
+        />
+        <Route
+          path="interchange-documents"
+          element={<InterchangeDocumentsPage />}
+        />
        <Route path="inventory-inquiry" element={<InventoryInquiryPage />} />
        <Route path="warehouse-rules" element={<WarehouseRulesPage />} />
-        <Route path="warehouse-fee-invoices" element={<WarehouseInvoicesPage />} />
-        <Route path="warehouse-dashboard" element={<WarehouseDashboardPage />} />
+        <Route
+          path="warehouse-fee-invoices"
+          element={<WarehouseInvoicesPage />}
+        />
+        <Route
+          path="warehouse-dashboard"
+          element={<WarehouseDashboardPage />}
+        />

-          <Route
-            path="operations/train-scheduling"
-            element={<Navigate to="/dashboard/operations/train-scheduling-v2" replace />}
-          />
-          <Route
-            path="operations/batch-board"
-            element={
-              <RequirePermission permission={FREIGHT_PERMS.trainScheduling.view}>
-                <BatchBoardPage />
-              </RequirePermission>
-            }
-          />
-          <Route
-            path="operations/first-mile"
-            element={
-              <RequirePermission permission={FREIGHT_PERMS.trainScheduling.view}>
-                <FirstMilePage />
-              </RequirePermission>
-            }
-          />
-          <Route
-            path="operations/last-mile"
-            element={
-              <RequirePermission permission={FREIGHT_PERMS.trainScheduling.view}>
-                <LastMilePage />
-              </RequirePermission>
-            }
-          />
-          <Route
-            path="operations/batch-board/:scheduleId"
-            element={
-              <RequirePermission permission={FREIGHT_PERMS.trainScheduling.view}>
-                <BatchScheduleDetailPage />
-              </RequirePermission>
-            }
-          />
-          <Route
-            path="operations/train-scheduling-v2"
-            element={
-              <RequirePermission permission={FREIGHT_PERMS.trainScheduling.view}>
-                <TrainScheduleV2ListPage />
-              </RequirePermission>
-            }
-          />
-          <Route
-            path="operations/train-scheduling-v2/:scheduleId"
-            element={
-              <RequirePermission permission={FREIGHT_PERMS.trainScheduling.view}>
-                <TrainScheduleV2DetailPage />
-              </RequirePermission>
-            }
-          />
-          <Route
-            path="operations/train-scheduling-v2/:scheduleId/track"
-            element={
-              <RequirePermission permission={FREIGHT_PERMS.trainScheduling.view}>
-                <TrainScheduleTrackPage />
-              </RequirePermission>
-            }
-          />
-          <Route
-            path="routes"
-            element={
-              <RequirePermission permission={FREIGHT_PERMS.fleet.view}>
-                <RoutesPage />
-              </RequirePermission>
-            }
-          />
-          <Route
-            path="locomotives"
-            element={
-              <RequirePermission permission={FREIGHT_PERMS.fleet.view}>
-                <FleetResourcePage />
-              </RequirePermission>
-            }
-          />
-          <Route
-            path="trains"
-            element={
-              <RequirePermission permission={FREIGHT_PERMS.fleet.view}>
-                <FleetResourcePage />
-              </RequirePermission>
-            }
-          />
-          <Route
-            path="trains/:id"
-            element={
-              <RequirePermission permission={FREIGHT_PERMS.fleet.view}>
-                <TrainDetailPage />
-              </RequirePermission>
-            }
-          />
-          <Route
-            path="wagons"
-            element={
-              <RequirePermission permission={FREIGHT_PERMS.fleet.view}>
-                <FleetResourcePage />
-              </RequirePermission>
-            }
-          />
-          <Route
-            path="containers"
-            element={
-              <RequirePermission permission={FREIGHT_PERMS.fleet.view}>
-                <FleetResourcePage />
-              </RequirePermission>
-            }
-          />
-          <Route
-            path="cargoes"
-            element={
-              <RequirePermission permission={FREIGHT_PERMS.fleet.view}>
-                <FleetResourcePage />
-              </RequirePermission>
-            }
-          />
-          <Route
-            path="vehicles"
-            element={
-              <RequirePermission permission={FREIGHT_PERMS.fleet.view}>
-                <FleetResourcePage />
-              </RequirePermission>
-            }
-          />
-          <Route
-            path="drivers"
-            element={
-              <RequirePermission permission={FREIGHT_PERMS.fleet.view}>
-                <FleetResourcePage />
-              </RequirePermission>
-            }
-          />
        <Route
          path="operations/train-scheduling"
-          element={<Navigate to="/dashboard/operations/train-scheduling-v2" replace />}
+          element={
+            <Navigate to="/dashboard/operations/train-scheduling-v2" replace />
+          }
+        />
+        <Route
+          path="operations/batch-board"
+          element={
+            <RequirePermission permission={FREIGHT_PERMS.trainScheduling.view}>
+              <BatchBoardPage />
+            </RequirePermission>
+          }
+        />
+        <Route
+          path="operations/first-mile"
+          element={
+            <RequirePermission permission={FREIGHT_PERMS.trainScheduling.view}>
+              <FirstMilePage />
+            </RequirePermission>
+          }
+        />
+        <Route
+          path="operations/last-mile"
+          element={
+            <RequirePermission permission={FREIGHT_PERMS.trainScheduling.view}>
+              <LastMilePage />
+            </RequirePermission>
+          }
+        />
+        <Route
+          path="operations/batch-board/:scheduleId"
+          element={
+            <RequirePermission permission={FREIGHT_PERMS.trainScheduling.view}>
+              <BatchScheduleDetailPage />
+            </RequirePermission>
+          }
+        />
+        <Route
+          path="operations/train-scheduling-v2"
+          element={
+            <RequirePermission permission={FREIGHT_PERMS.trainScheduling.view}>
+              <TrainScheduleV2ListPage />
+            </RequirePermission>
+          }
+        />
+        <Route
+          path="operations/train-scheduling-v2/:scheduleId"
+          element={
+            <RequirePermission permission={FREIGHT_PERMS.trainScheduling.view}>
+              <TrainScheduleV2DetailPage />
+            </RequirePermission>
+          }
+        />
+        <Route
+          path="operations/train-scheduling-v2/:scheduleId/track"
+          element={
+            <RequirePermission permission={FREIGHT_PERMS.trainScheduling.view}>
+              <TrainScheduleTrackPage />
+            </RequirePermission>
+          }
+        />
+        <Route
+          path="routes"
+          element={
+            <RequirePermission permission={FREIGHT_PERMS.fleet.view}>
+              <RoutesPage />
+            </RequirePermission>
+          }
+        />
+        <Route
+          path="locomotives"
+          element={
+            <RequirePermission permission={FREIGHT_PERMS.fleet.view}>
+              <FleetResourcePage />
+            </RequirePermission>
+          }
+        />
+        <Route
+          path="trains"
+          element={
+            <RequirePermission permission={FREIGHT_PERMS.fleet.view}>
+              <FleetResourcePage />
+            </RequirePermission>
+          }
+        />
+        <Route
+          path="trains/:id"
+          element={
+            <RequirePermission permission={FREIGHT_PERMS.fleet.view}>
+              <TrainDetailPage />
+            </RequirePermission>
+          }
+        />
+        <Route
+          path="wagons"
+          element={
+            <RequirePermission permission={FREIGHT_PERMS.fleet.view}>
+              <FleetResourcePage />
+            </RequirePermission>
+          }
+        />
+        <Route
+          path="containers"
+          element={
+            <RequirePermission permission={FREIGHT_PERMS.fleet.view}>
+              <FleetResourcePage />
+            </RequirePermission>
+          }
+        />
+        <Route
+          path="cargoes"
+          element={
+            <RequirePermission permission={FREIGHT_PERMS.fleet.view}>
+              <FleetResourcePage />
+            </RequirePermission>
+          }
+        />
+        <Route
+          path="vehicles"
+          element={
+            <RequirePermission permission={FREIGHT_PERMS.fleet.view}>
+              <FleetResourcePage />
+            </RequirePermission>
+          }
+        />
+        <Route
+          path="drivers"
+          element={
+            <RequirePermission permission={FREIGHT_PERMS.fleet.view}>
+              <FleetResourcePage />
+            </RequirePermission>
+          }
+        />
+        <Route
+          path="operations/train-scheduling"
+          element={
+            <Navigate to="/dashboard/operations/train-scheduling-v2" replace />
+          }
        />
        <Route
          path="operations/batch-board"
@@ -956,9 +1088,15 @@ const App = () => {
        {/* Legacy embedded user management routes */}
        <Route path="user-management" element={<UserManagementPage />} />
        <Route path="user-management/users" element={<UsersPage />} />
-        <Route path="user-management/position-types" element={<PositionTypesPage />} />
+        <Route
+          path="user-management/position-types"
+          element={<PositionTypesPage />}
+        />
        {/* <Route path="user-management/employees" element={<EmployeesPage />} /> */}
-        <Route path="user-management/permissions" element={<PermissionsPage />} />
+        <Route
+          path="user-management/permissions"
+          element={<PermissionsPage />}
+        />
        <Route path="user-management/roles" element={<RolesPage />} />

        <Route
@@ -980,7 +1118,9 @@ const App = () => {

        <Route
          path="configuration"
-          element={<Navigate to="/dashboard/configuration/cargo-types" replace />}
+          element={
+            <Navigate to="/dashboard/configuration/cargo-types" replace />
+          }
        />
        <Route
          path="configuration/train-scheduling-rules"
@@ -999,8 +1139,14 @@ const App = () => {
          }
        />
        <Route path="configuration/cargo-types" element={<CargoTypesPage />} />
-        <Route path="configuration/cargo-types/:id" element={<CargoTypesPage />} />
-        <Route path="configuration/:resource" element={<RuleEngineResourcePage />} />
+        <Route
+          path="configuration/cargo-types/:id"
+          element={<CargoTypesPage />}
+        />
+        <Route
+          path="configuration/:resource"
+          element={<RuleEngineResourcePage />}
+        />

        <Route
          path="rules"
@@ -1010,9 +1156,14 @@ const App = () => {

        <Route
          path="rule-engine"
-          element={<Navigate to="/dashboard/configuration/cargo-types" replace />}
+          element={
+            <Navigate to="/dashboard/configuration/cargo-types" replace />
+          }
+        />
+        <Route
+          path="rule-engine/:resource"
+          element={<RuleEngineLegacyRedirect />}
        />
-        <Route path="rule-engine/:resource" element={<RuleEngineLegacyRedirect />} />

        <Route path="user1" element={<DemoUser1Page />} />
        <Route path="user2" element={<DemoUser2Page />} />
@@ -1029,9 +1180,7 @@ const App = () => {
 /** Redirect removed milestones page to document clearance. */
 function BookingMilestonesRedirect() {
  const { id } = useParams();
-  return (
-    <Navigate to={`/dashboard/bookings/${id}/clearance`} replace />
-  );
+  return <Navigate to={`/dashboard/bookings/${id}/clearance`} replace />;
 }

 /** Redirect legacy GL Ethiopia clearance URLs to the unified document clearance hub. */