Marshaling document Receive Export and import handover to customer

apps/edr-freight-web/backoffice/src/App.tsx

@@ -2,6 +2,7 @@ import {
   Boxes,
   Building2,
   Container,
+  FileSignature,
   FileText,
   LayoutDashboard,
   LayoutGrid,
@@ -28,9 +29,14 @@ import LoginPage from "./pages/auth/LoginPage";
 import BookingContractPage from "./pages/bookings/BookingContractPage";
 import BookingRequestDetailPage from "./pages/bookings/BookingRequestDetailPage";
 import BookingRequestsPage from "./pages/bookings/BookingRequestsPage";
-import DocumentClearanceDetailPage from "./pages/bookings/DocumentClearanceDetailPage";
-import DocumentClearanceListPage from "./pages/bookings/DocumentClearanceListPage";
 import NewBookingPage from "./pages/bookings/NewBookingPage";
+import ContractRequestsPage from "./pages/contracts/ContractRequestsPage";
+import ContractRequestDetailPage from "./pages/contracts/ContractRequestDetailPage";
+import ContractViewPage from "./pages/contracts/ContractViewPage";
+import ContractClearanceListPage from "./pages/contracts/ContractClearanceListPage";
+import ContractClearanceDetailPage from "./pages/contracts/ContractClearanceDetailPage";
+import GlCreateBookingForm from "./components/contracts/GlCreateBookingForm";
+import BookingMilestonesPage from "./pages/contracts/BookingMilestonesPage";
 import CustomerDetailPage from "./pages/customers/CustomerDetailPage";
 import CustomersPage from "./pages/customers/CustomersPage";
 import DemoUser1Page from "./pages/dashboard/demo/DemoUser1Page";
@@ -91,7 +97,7 @@ const buildSidebarSections = (demoItems: SidebarItem[]): SidebarSection[] => [
         icon: <LayoutDashboard />,
       },
       {
-        label: "UM",
+        label: "User Management",
         href: "/um",
         icon: <Users />,
       },
@@ -100,6 +106,12 @@ const buildSidebarSections = (demoItems: SidebarItem[]): SidebarSection[] => [
         href: "/dashboard/booking-requests",
         icon: <FileText />,
       },
+      {
+        label: "Contract requests",
+        href: "/dashboard/contract-requests",
+        icon: <FileSignature />,
+        permission: FREIGHT_PERMS.contracts.view,
+      },
       {
         label: "Customers",
         href: "/dashboard/customers",
@@ -119,9 +131,9 @@ const buildSidebarSections = (demoItems: SidebarItem[]): SidebarSection[] => [
     items: [
       {
         label: "Document Clearance",
-        href: "/dashboard/clearance",
+        href: "/dashboard/contracts/clearance",
         icon: <ShieldCheck />,
-        permission: FREIGHT_PERMS.bookings.reviewDocuments,
+        permission: FREIGHT_PERMS.contracts.clearanceReview,
       },
       {
         label: "Train Schedules",
@@ -440,19 +452,76 @@ const App = () => {
           path="booking-requests/:id/contract"
           element={<BookingContractPage />}
         />
+        {/* Legacy booking-based clearance URLs → the contract clearance hub. */}
         <Route
           path="clearance"
+          element={<Navigate to="/dashboard/contracts/clearance" replace />}
+        />
+        <Route
+          path="clearance/:id"
+          element={<Navigate to="/dashboard/contracts/clearance" replace />}
+        />
+
+        {/* Contracts (Path A/B) */}
+        <Route
+          path="contract-requests"
           element={
-            <RequirePermission permission={FREIGHT_PERMS.bookings.reviewDocuments}>
-              <DocumentClearanceListPage />
+            <RequirePermission permission={FREIGHT_PERMS.contracts.view}>
+              <ContractRequestsPage />
             </RequirePermission>
           }
         />
         <Route
-          path="clearance/:id"
+          path="contract-requests/:id"
           element={
-            <RequirePermission permission={FREIGHT_PERMS.bookings.reviewDocuments}>
-              <DocumentClearanceDetailPage />
+            <RequirePermission permission={FREIGHT_PERMS.contracts.view}>
+              <ContractRequestDetailPage />
+            </RequirePermission>
+          }
+        />
+        <Route
+          path="contract-requests/:id/view"
+          element={
+            <RequirePermission permission={FREIGHT_PERMS.contracts.view}>
+              <ContractViewPage />
+            </RequirePermission>
+          }
+        />
+        {/* GL (Path B) contract clearance review hub */}
+        <Route
+          path="contracts/clearance"
+          element={
+            <RequirePermission permission={FREIGHT_PERMS.contracts.clearanceReview}>
+              <ContractClearanceListPage />
+            </RequirePermission>
+          }
+        />
+        <Route
+          path="contracts/clearance/:id"
+          element={
+            <RequirePermission permission={FREIGHT_PERMS.contracts.clearanceReview}>
+              <ContractClearanceDetailPage />
+            </RequirePermission>
+          }
+        />
+        {/* Path A ops queue out of scope for now → fold into the GL hub. */}
+        <Route
+          path="contracts/ops-clearance"
+          element={<Navigate to="/dashboard/contracts/clearance" replace />}
+        />
+        <Route
+          path="contracts/:id/create-booking"
+          element={
+            <RequirePermission permission={FREIGHT_PERMS.contracts.createBooking}>
+              <GlCreateBookingForm />
+            </RequirePermission>
+          }
+        />
+        <Route
+          path="bookings/:id/milestones"
+          element={
+            <RequirePermission permission={FREIGHT_PERMS.contracts.clearanceReview}>
+              <BookingMilestonesPage />
             </RequirePermission>
           }
         />