configer the stamp

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

@@ -71,6 +71,7 @@ import {
   PreviewSummary,
   ScheduleWarningsAlert,
 } from "@/components/trainScheduling/ScheduleWarningsAlert";
+import { Train3DVisualization } from "@/components/trainScheduling/Train3DVisualization";
 import { TrainCompositionDiagram } from "@/components/trainScheduling/TrainCompositionDiagram";
 import { TrainConsistView } from "@/components/trainScheduling/compositionEditor";
 import { WagonPlanGrid } from "@/components/trainScheduling/WagonPlanGrid";
@@ -116,6 +117,7 @@ export default function TrainScheduleV2DetailPage() {
   const [gatepassNotes, setGatepassNotes] = useState("");
   const [dispatchConfirmOpen, setDispatchConfirmOpen] = useState(false);
   const [switchTarget, setSwitchTarget] = useState<EligibleContainerBooking | null>(null);
+  const [visualization3DOpen, setVisualization3DOpen] = useState(false);
   const autoPreviewedRef = useRef(false);
 
   const detailQuery = useQuery(
@@ -946,6 +948,18 @@ export default function TrainScheduleV2DetailPage() {
               </Stack>
             </Group>
             <Group gap="sm">
+              {(schedule.trainSet?.wagons?.length ?? 0) > 0 ? (
+                <Button
+                  variant="gradient"
+                  gradient={{ from: "#0f172a", to: "#334155" }}
+                  radius="lg"
+                  size="sm"
+                  leftSection={<Eye size={16} />}
+                  onClick={() => setVisualization3DOpen(true)}
+                >
+                  3D Visualization
+                </Button>
+              ) : null}
               {canPrintMarshalling ? (
                 <Button
                   variant="light"
@@ -1397,6 +1411,9 @@ export default function TrainScheduleV2DetailPage() {
           </Group>
         </Stack>
       </Modal>
+      {visualization3DOpen ? (
+        <Train3DVisualization schedule={schedule} onClose={() => setVisualization3DOpen(false)} />
+      ) : null}
     </PageContainer>
   );
 }