fix issues

apps/edr-freight-web/backoffice/src/pages/trainScheduling/TrainScheduleV2DetailPage.tsx

@@ -42,6 +42,7 @@ import {
   Ruler,
   Send,
   Train,
+  Unlock,
   Weight,
   Workflow as WorkflowIcon,
   Warehouse,
@@ -77,6 +78,7 @@ import { StationWorkControls } from "@/components/trainScheduling/StationWorkCon
 // import { ImportLoadingConfirmationPanel } from "@/components/trainScheduling/ImportLoadingConfirmationPanel";
 import { RescheduleTrainDialog } from "@/components/trainScheduling/RescheduleTrainDialog";
 import BookingWindowSettingsModal from "@/components/trainScheduling/BookingWindowSettingsModal";
+import ReduceCloseOffsetModal from "@/components/trainScheduling/ReduceCloseOffsetModal";
 // import { ScheduleBatchPanel } from "@/components/trainScheduling/ScheduleBatchPanel";
 import { ScheduleBookingsStep } from "@/components/trainScheduling/ScheduleBookingsStep";
 import { SwitchGovernmentBookingModal } from "@/components/trainScheduling/SwitchGovernmentBookingModal";
@@ -135,6 +137,8 @@ export default function TrainScheduleV2DetailPage() {
   const [containerPlacements, setContainerPlacements] = useState<ContainerPlacement[]>([]);
   const [maintenanceOpen, setMaintenanceOpen] = useState(false);
   const [windowSettingsOpen, setWindowSettingsOpen] = useState(false);
+  // Reopen a train whose booking shut only because of its close offset.
+  const [closeOffsetOpen, setCloseOffsetOpen] = useState(false);
   const [mergeModalOpen, setMergeModalOpen] = useState(false);
   const [gatepassSecuredAt, setGatepassSecuredAt] = useState("");
   const [gatepassReference, setGatepassReference] = useState("");
@@ -1441,6 +1445,15 @@ export default function TrainScheduleV2DetailPage() {
                     Window settings
                   </Menu.Item>
                 ) : null}
+                {schedule.closeOffsetReopen?.eligible ? (
+                  <Menu.Item
+                    color="edr-green"
+                    leftSection={<Unlock size={15} />}
+                    onClick={() => setCloseOffsetOpen(true)}
+                  >
+                    Reopen booking (shorten close offset)
+                  </Menu.Item>
+                ) : null}
                 {["DRAFT", "SCHEDULED"].includes(schedule.status) ? (
                   <Menu.Item onClick={() => setMaintenanceOpen(true)}>
                     Reschedule train
@@ -1820,6 +1833,13 @@ export default function TrainScheduleV2DetailPage() {
         onSaved={() => void detailQuery.refetch()}
       />
 
+      <ReduceCloseOffsetModal
+        scheduleId={scheduleId ?? null}
+        opened={closeOffsetOpen}
+        onClose={() => setCloseOffsetOpen(false)}
+        onSaved={() => void detailQuery.refetch()}
+      />
+
       <LoadEmptyContainersModal
         opened={loadEmptiesOpen}
         onClose={() => setLoadEmptiesOpen(false)}

apps/edr-freight-web/backoffice/src/pages/trainScheduling/TrainScheduleV2ListPage.tsx

@@ -37,6 +37,7 @@ import {
   Send,
   Table2,
   Train,
+  Unlock,
   Users,
   Weight,
 } from "lucide-react";
@@ -58,6 +59,7 @@ import { ruleEngineTable } from "@/components/ruleEngine/ruleEngineStyles";
 import { FreightTypeBadge } from "@/components/trainScheduling/ScheduleStatusBadge";
 import { directionColor, directionRowStyle } from "@/components/trainBuilder/trainStatus";
 import BookingWindowSettingsModal from "@/components/trainScheduling/BookingWindowSettingsModal";
+import ReduceCloseOffsetModal from "@/components/trainScheduling/ReduceCloseOffsetModal";
 import CreateScheduleWindowFields, {
   buildWindowRulePayload,
   type WindowFormState,
@@ -145,6 +147,9 @@ export default function TrainScheduleV2ListPage() {
   const { viewMode, setViewMode } = useFleetViewMode("train-scheduling-v2");
   const [createOpen, setCreateOpen] = useState(false);
   const [windowSettingsId, setWindowSettingsId] = useState<string | null>(null);
+  // "Shorten close offset": reopens a train whose booking shut only because
+  // of its close offset (the API flags exactly those rows).
+  const [closeOffsetId, setCloseOffsetId] = useState<string | null>(null);
   // Dispatch is irreversible from this screen, so it goes through an explicit
   // confirmation.
   const [dispatchTarget, setDispatchTarget] = useState<TrainScheduleListItem | null>(null);
@@ -434,6 +439,15 @@ export default function TrainScheduleV2ListPage() {
                       Booking window settings
                     </Menu.Item>
                   ) : null}
+                  {schedule.closeOffsetReopen?.eligible ? (
+                    <Menu.Item
+                      color="edr-green"
+                      leftSection={<Unlock size={15} />}
+                      onClick={() => setCloseOffsetId(schedule.id)}
+                    >
+                      Reopen booking (shorten close offset)
+                    </Menu.Item>
+                  ) : null}
                   {/* Start the run. Same transition as the detail page's
                       Dispatch button — that page also shows unassigned-wagon
                       and not-loaded warnings, so it stays the fuller surface. */}
@@ -805,6 +819,13 @@ export default function TrainScheduleV2ListPage() {
         onSaved={() => void schedulesQuery.refetch()}
       />
 
+      <ReduceCloseOffsetModal
+        scheduleId={closeOffsetId}
+        opened={closeOffsetId != null}
+        onClose={() => setCloseOffsetId(null)}
+        onSaved={() => void schedulesQuery.refetch()}
+      />
+
       <EditScheduleDateModal
         scheduleId={editDateSchedule?.id ?? null}
         currentDate={editDateSchedule?.scheduleDate ?? null}