M15: synchronize contracts and acceptance

frontend/src/pages/BookingDetail.tsx

@@ -18,7 +18,7 @@ export function BookingDetail() {
   const { t } = useTranslation(["bookings", "returns", "errors"]);
   const { formatDateTime, formatNumber } = useLocaleFormat();
   const { publicRef } = useParams<{ publicRef: string }>();
-  const { manifest } = useDemoManifest();
+  const { manifest, loading: manifestLoading } = useDemoManifest();
   const [booking, setBooking] = useState<Booking | null>(null);
   const [error, setError] = useState<string | null>(null);
   const [returnResult, setReturnResult] = useState<RegisterReturnResult | null>(null);
@@ -126,10 +126,10 @@ export function BookingDetail() {
           this is the known demo scenario, so ReturnForm's suggestedOdometerKm is correct
           from its very first render -- never updated asynchronously after mount, which
           previously raced with anyone already typing into the field. */}
-      {!returnResult && booking.status === "active" && isReturnAnomalyScenario && canonicalOdometerKm === null && (
+      {!returnResult && booking.status === "active" && (manifestLoading || (isReturnAnomalyScenario && canonicalOdometerKm === null)) && (
         <LoadingState label={t("returns:scenario.preparing")} />
       )}
-      {!returnResult && booking.status === "active" && (!isReturnAnomalyScenario || canonicalOdometerKm !== null) && (
+      {!returnResult && booking.status === "active" && !manifestLoading && (!isReturnAnomalyScenario || canonicalOdometerKm !== null) && (
         <ReturnForm
           bookingRef={booking.public_ref}
           onRegistered={handleRegistered}