@qite/tide-components 1.0.6 → 1.0.8

package/build/build-esm/index.js

@@ -409,6 +409,11 @@ var SRP$f = {
 	ACCOMMODATION: "الإقامة",
 	VIEW_DETAILS: "عرض التفاصيل",
 	NIGHTS: "ليالٍ",
+	OF: "من",
+	ADD: "إضافة",
+	REMOVE: "إزالة",
+	ACTIVITIES: "الأنشطة",
+	SHOW_ACTIVITIES: "عرض الأنشطة",
 	MORNING_RANGE: "الصباح",
 	AFTERNOON_RANGE: "بعد الظهر",
 	EVENING_RANGE: "المساء",
@@ -424,6 +429,7 @@ var SRP$f = {
 	TRAVEL_GROUP: "مجموعة المسافرين",
 	EXCURSION: "رحلة",
 	LOADING_EXCURSIONS: "جارٍ تحميل الرحلات...",
+	LOADING_ACTIVITIES: "جارٍ تحميل الأنشطة...",
 	LOADING_FLIGHTS: "جارٍ تحميل الرحلات الجوية...",
 	LOADING_ACCOMMODATIONS: "جارٍ تحميل الإقامات...",
 	LOADING_ITINERARY: "جارٍ تحميل خط سير الرحلة...",
@@ -848,6 +854,11 @@ var SRP$e = {
 	ACCOMMODATION: "Indkvartering",
 	VIEW_DETAILS: "Se detaljer",
 	NIGHTS: "nætter",
+	OF: "af",
+	ADD: "Tilføj",
+	REMOVE: "Fjern",
+	ACTIVITIES: "Aktiviteter",
+	SHOW_ACTIVITIES: "Vis aktiviteter",
 	MORNING_RANGE: "Morgen",
 	AFTERNOON_RANGE: "Eftermiddag",
 	EVENING_RANGE: "Aften",
@@ -863,6 +874,7 @@ var SRP$e = {
 	TRAVEL_GROUP: "Rejseselskab",
 	EXCURSION: "Udflugt",
 	LOADING_EXCURSIONS: "Indlæser udflugter...",
+	LOADING_ACTIVITIES: "Indlæser aktiviteter...",
 	LOADING_FLIGHTS: "Indlæser fly...",
 	LOADING_ACCOMMODATIONS: "Indlæser indkvarteringer...",
 	LOADING_ITINERARY: "Indlæser rejseplan...",
@@ -1291,6 +1303,11 @@ var SRP$d = {
 	ACCOMMODATION: "Unterkunft",
 	VIEW_DETAILS: "Details anzeigen",
 	NIGHTS: "Nächte",
+	OF: "von",
+	ADD: "Hinzufügen",
+	REMOVE: "Entfernen",
+	ACTIVITIES: "Aktivitäten",
+	SHOW_ACTIVITIES: "Aktivitäten anzeigen",
 	MORNING_RANGE: "Morgen",
 	AFTERNOON_RANGE: "Nachmittag",
 	EVENING_RANGE: "Abend",
@@ -1302,6 +1319,7 @@ var SRP$d = {
 	TRAVEL_GROUP: "Reisegruppe",
 	EXCURSION: "Ausflug",
 	LOADING_EXCURSIONS: "Lade Ausflüge...",
+	LOADING_ACTIVITIES: "Lade Aktivitäten...",
 	LOADING_FLIGHTS: "Lade Flüge...",
 	LOADING_ACCOMMODATIONS: "Lade Unterkünfte...",
 	LOADING_ITINERARY: "Lade Reiseverlauf...",
@@ -1734,6 +1752,11 @@ var SRP$c = {
 	ACCOMMODATION: "Accommodation",
 	VIEW_DETAILS: "View details",
 	NIGHTS: "nights",
+	OF: "of",
+	ADD: "Add",
+	REMOVE: "Remove",
+	ACTIVITIES: "Activities",
+	SHOW_ACTIVITIES: "Show activities",
 	PRICE: "Price",
 	MORNING_RANGE: "Morning",
 	AFTERNOON_RANGE: "Afternoon",
@@ -1745,6 +1768,7 @@ var SRP$c = {
 	TRAVEL_GROUP: "Travel group",
 	EXCURSION: "Excursion",
 	LOADING_EXCURSIONS: "Loading excursions...",
+	LOADING_ACTIVITIES: "Loading activities...",
 	LOADING_FLIGHTS: "Loading flights...",
 	LOADING_ACCOMMODATIONS: "Loading accommodations...",
 	LOADING_ITINERARY: "Loading itinerary...",
@@ -2173,6 +2197,11 @@ var SRP$b = {
 	ACCOMMODATION: "Alojamiento",
 	VIEW_DETAILS: "Ver detalles",
 	NIGHTS: "noches",
+	OF: "de",
+	ADD: "Añadir",
+	REMOVE: "Eliminar",
+	ACTIVITIES: "Actividades",
+	SHOW_ACTIVITIES: "Ver actividades",
 	MORNING_RANGE: "Mañana",
 	AFTERNOON_RANGE: "Tarde",
 	EVENING_RANGE: "Noche",
@@ -2184,6 +2213,7 @@ var SRP$b = {
 	TRAVEL_GROUP: "Grupo de viaje",
 	EXCURSION: "Excursión",
 	LOADING_EXCURSIONS: "Cargando excursiones...",
+	LOADING_ACTIVITIES: "Cargando actividades...",
 	LOADING_FLIGHTS: "Cargando vuelos...",
 	LOADING_ACCOMMODATIONS: "Cargando alojamientos...",
 	LOADING_ITINERARY: "Cargando itinerario...",
@@ -2616,6 +2646,11 @@ var SRP$a = {
 	ACCOMMODATION: "Hébergement",
 	VIEW_DETAILS: "Voir les détails",
 	NIGHTS: "nuits",
+	OF: "sur",
+	ADD: "Ajouter",
+	REMOVE: "Supprimer",
+	ACTIVITIES: "Activités",
+	SHOW_ACTIVITIES: "Voir les activités",
 	MORNING_RANGE: "Matin",
 	AFTERNOON_RANGE: "Après-midi",
 	EVENING_RANGE: "Soir",
@@ -2627,6 +2662,7 @@ var SRP$a = {
 	TRAVEL_GROUP: "Groupe de voyageurs",
 	EXCURSION: "Excursion",
 	LOADING_EXCURSIONS: "Chargement des excursions...",
+	LOADING_ACTIVITIES: "Chargement des activités...",
 	LOADING_FLIGHTS: "Chargement des vols...",
 	LOADING_ACCOMMODATIONS: "Chargement des hébergements...",
 	LOADING_ITINERARY: "Chargement de l’itinéraire...",
@@ -3055,6 +3091,11 @@ var SRP$9 = {
 	ACCOMMODATION: "Hébergement",
 	VIEW_DETAILS: "Voir les détails",
 	NIGHTS: "nuits",
+	OF: "sur",
+	ADD: "Ajouter",
+	REMOVE: "Supprimer",
+	ACTIVITIES: "Activités",
+	SHOW_ACTIVITIES: "Voir les activités",
 	MORNING_RANGE: "Matin",
 	AFTERNOON_RANGE: "Après-midi",
 	EVENING_RANGE: "Soir",
@@ -3066,6 +3107,7 @@ var SRP$9 = {
 	TRAVEL_GROUP: "Groupe de voyageurs",
 	EXCURSION: "Excursion",
 	LOADING_EXCURSIONS: "Chargement des excursions...",
+	LOADING_ACTIVITIES: "Chargement des activités...",
 	LOADING_FLIGHTS: "Chargement des vols...",
 	LOADING_ACCOMMODATIONS: "Chargement des hébergements...",
 	LOADING_ITINERARY: "Chargement de l’itinéraire...",
@@ -3494,6 +3536,11 @@ var SRP$8 = {
 	ACCOMMODATION: "Gisting",
 	VIEW_DETAILS: "Skoða upplýsingar",
 	NIGHTS: "nætur",
+	OF: "af",
+	ADD: "Bæta við",
+	REMOVE: "Fjarlægja",
+	ACTIVITIES: "Afþreying",
+	SHOW_ACTIVITIES: "Sýna afþreyingu",
 	MORNING_RANGE: "Morgunn",
 	AFTERNOON_RANGE: "Síðdegi",
 	EVENING_RANGE: "Kvöld",
@@ -3505,6 +3552,7 @@ var SRP$8 = {
 	TRAVEL_GROUP: "Ferðahópur",
 	EXCURSION: "Útflutningur",
 	LOADING_EXCURSIONS: "Hleðst inn í útflutninga...",
+	LOADING_ACTIVITIES: "Hleð inn afþreyingu...",
 	LOADING_FLIGHTS: "Hleðst inn í flug...",
 	LOADING_ACCOMMODATIONS: "Hleðst inn í gistingar...",
 	LOADING_ITINERARY: "Hleðst inn í ferðaráætlun...",
@@ -3933,6 +3981,11 @@ var SRP$7 = {
 	ACCOMMODATION: "Alloggio",
 	VIEW_DETAILS: "Visualizza dettagli",
 	NIGHTS: "notti",
+	OF: "di",
+	ADD: "Aggiungi",
+	REMOVE: "Rimuovi",
+	ACTIVITIES: "Attività",
+	SHOW_ACTIVITIES: "Mostra attività",
 	MORNING_RANGE: "Mattina",
 	AFTERNOON_RANGE: "Pomeriggio",
 	EVENING_RANGE: "Sera",
@@ -3944,6 +3997,7 @@ var SRP$7 = {
 	TRAVEL_GROUP: "Gruppo di viaggio",
 	EXCURSION: "Escursione",
 	LOADING_EXCURSIONS: "Caricamento delle escursioni...",
+	LOADING_ACTIVITIES: "Caricamento delle attività...",
 	LOADING_FLIGHTS: "Caricamento dei voli...",
 	LOADING_ACCOMMODATIONS: "Caricamento degli alloggi...",
 	LOADING_ITINERARY: "Caricamento dell'itinerario...",
@@ -4376,6 +4430,11 @@ var SRP$6 = {
 	ACCOMMODATION: "Accommodatie",
 	VIEW_DETAILS: "Bekijk details",
 	NIGHTS: "nachten",
+	OF: "van",
+	ADD: "Toevoegen",
+	REMOVE: "Verwijderen",
+	ACTIVITIES: "Activiteiten",
+	SHOW_ACTIVITIES: "Toon activiteiten",
 	MORNING_RANGE: "Ochtend",
 	AFTERNOON_RANGE: "Namiddag",
 	EVENING_RANGE: "Avond",
@@ -4387,6 +4446,7 @@ var SRP$6 = {
 	TRAVEL_GROUP: "Reisgezelschap",
 	EXCURSION: "Excursie",
 	LOADING_EXCURSIONS: "Excursies laden...",
+	LOADING_ACTIVITIES: "Activiteiten laden...",
 	LOADING_FLIGHTS: "Vluchten laden...",
 	LOADING_ACCOMMODATIONS: "Accommodaties laden...",
 	LOADING_ITINERARY: "Reisplan laden...",
@@ -4815,6 +4875,11 @@ var SRP$5 = {
 	ACCOMMODATION: "Accommodatie",
 	VIEW_DETAILS: "Bekijk details",
 	NIGHTS: "nachten",
+	OF: "van",
+	ADD: "Toevoegen",
+	REMOVE: "Verwijderen",
+	ACTIVITIES: "Activiteiten",
+	SHOW_ACTIVITIES: "Toon activiteiten",
 	MORNING_RANGE: "Ochtend",
 	AFTERNOON_RANGE: "Namiddag",
 	EVENING_RANGE: "Avond",
@@ -4826,6 +4891,7 @@ var SRP$5 = {
 	TRAVEL_GROUP: "Reisgezelschap",
 	EXCURSION: "Excursie",
 	LOADING_EXCURSIONS: "Excursies laden...",
+	LOADING_ACTIVITIES: "Activiteiten laden...",
 	LOADING_FLIGHTS: "Vluchten laden...",
 	LOADING_ACCOMMODATIONS: "Accommodaties laden...",
 	LOADING_ITINERARY: "Reisplan laden...",
@@ -5254,6 +5320,11 @@ var SRP$4 = {
 	ACCOMMODATION: "Overnatting",
 	VIEW_DETAILS: "Se detaljer",
 	NIGHTS: "netter",
+	OF: "av",
+	ADD: "Legg til",
+	REMOVE: "Fjern",
+	ACTIVITIES: "Aktiviteter",
+	SHOW_ACTIVITIES: "Vis aktiviteter",
 	MORNING_RANGE: "Morgen",
 	AFTERNOON_RANGE: "Ettermiddag",
 	EVENING_RANGE: "Kveld",
@@ -5265,6 +5336,7 @@ var SRP$4 = {
 	TRAVEL_GROUP: "Reisefølge",
 	EXCURSION: "Utflukt",
 	LOADING_EXCURSIONS: "Laster utflukter...",
+	LOADING_ACTIVITIES: "Laster aktiviteter...",
 	LOADING_FLIGHTS: "Laster flyvninger...",
 	LOADING_ACCOMMODATIONS: "Laster overnattinger...",
 	LOADING_ITINERARY: "Laster reiserute...",
@@ -5693,6 +5765,11 @@ var SRP$3 = {
 	ACCOMMODATION: "Zakwaterowanie",
 	VIEW_DETAILS: "Zobacz szczegóły",
 	NIGHTS: "noce",
+	OF: "z",
+	ADD: "Dodaj",
+	REMOVE: "Usuń",
+	ACTIVITIES: "Atrakcje",
+	SHOW_ACTIVITIES: "Pokaż atrakcje",
 	MORNING_RANGE: "Poranek",
 	AFTERNOON_RANGE: "Popołudnie",
 	EVENING_RANGE: "Wieczór",
@@ -5704,6 +5781,7 @@ var SRP$3 = {
 	TRAVEL_GROUP: "Grupa podróżnych",
 	EXCURSION: "Wycieczka",
 	LOADING_EXCURSIONS: "Ładowanie wycieczek...",
+	LOADING_ACTIVITIES: "Ładowanie atrakcji...",
 	LOADING_FLIGHTS: "Ładowanie lotów...",
 	LOADING_ACCOMMODATIONS: "Ładowanie zakwaterowań...",
 	LOADING_ITINERARY: "Ładowanie planu podróży...",
@@ -6132,6 +6210,11 @@ var SRP$2 = {
 	ACCOMMODATION: "Alojamento",
 	VIEW_DETAILS: "Ver detalhes",
 	NIGHTS: "noites",
+	OF: "de",
+	ADD: "Adicionar",
+	REMOVE: "Remover",
+	ACTIVITIES: "Atividades",
+	SHOW_ACTIVITIES: "Ver atividades",
 	MORNING_RANGE: "Manhã",
 	AFTERNOON_RANGE: "Tarde",
 	EVENING_RANGE: "Noite",
@@ -6143,6 +6226,7 @@ var SRP$2 = {
 	TRAVEL_GROUP: "Grupo de viajantes",
 	EXCURSION: "Excursão",
 	LOADING_EXCURSIONS: "A carregar excursões...",
+	LOADING_ACTIVITIES: "A carregar atividades...",
 	LOADING_FLIGHTS: "A carregar voos...",
 	LOADING_ACCOMMODATIONS: "A carregar alojamentos...",
 	LOADING_ITINERARY: "A carregar itinerário...",
@@ -6571,6 +6655,11 @@ var SRP$1 = {
 	ACCOMMODATION: "Boende",
 	VIEW_DETAILS: "Visa detaljer",
 	NIGHTS: "nätter",
+	OF: "av",
+	ADD: "Lägg till",
+	REMOVE: "Ta bort",
+	ACTIVITIES: "Aktiviteter",
+	SHOW_ACTIVITIES: "Visa aktiviteter",
 	MORNING_RANGE: "Morgon",
 	AFTERNOON_RANGE: "Eftermiddag",
 	EVENING_RANGE: "Kväll",
@@ -6582,6 +6671,7 @@ var SRP$1 = {
 	TRAVEL_GROUP: "Resesällskap",
 	EXCURSION: "Utflykt",
 	LOADING_EXCURSIONS: "Laddar utflykter...",
+	LOADING_ACTIVITIES: "Laddar aktiviteter...",
 	LOADING_FLIGHTS: "Laddar flyg...",
 	LOADING_ACCOMMODATIONS: "Laddar boenden...",
 	LOADING_ITINERARY: "Laddar resplan...",
@@ -7010,6 +7100,11 @@ var SRP = {
 	ACCOMMODATION: "宿泊",
 	VIEW_DETAILS: "詳細を見る",
 	NIGHTS: "泊",
+	OF: "/",
+	ADD: "追加",
+	REMOVE: "削除",
+	ACTIVITIES: "アクティビティ",
+	SHOW_ACTIVITIES: "アクティビティを表示",
 	MORNING_RANGE: "朝",
 	AFTERNOON_RANGE: "午後",
 	EVENING_RANGE: "夕方",
@@ -7021,6 +7116,7 @@ var SRP = {
 	TRAVEL_GROUP: "旅行グループ",
 	EXCURSION: "エクスカーション",
 	LOADING_EXCURSIONS: "エクスカーションを読み込み中...",
+	LOADING_ACTIVITIES: "アクティビティを読み込み中...",
 	LOADING_FLIGHTS: "フライトを読み込み中...",
 	LOADING_ACCOMMODATIONS: "宿泊施設を読み込み中...",
 	LOADING_ITINERARY: "旅程を読み込み中...",
@@ -16503,7 +16599,7 @@ const Icon = ({ name, className, title, width, height, fill }) => {
                 title && React__default.createElement("title", null, title),
                 React__default.createElement("path", { d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" })));
         case 'ui-hotel':
-            return (React__default.createElement("svg", { className: ['icon', `icon--${name}`, className].filter((className) => !isEmpty$1(className)).join(' '), width: width, height: height, viewBox: "0 0 640 640", fill: fill ?? 'currentColor' },
+            return (React__default.createElement("svg", { className: ['icon', `icon--${name}`, className].filter((className) => !isEmpty$1(className)).join(' '), width: width, height: height, viewBox: "0 0 512 512", fill: fill ?? 'currentColor' },
                 React__default.createElement(HTMLComment, { text: "!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc." }),
                 title && React__default.createElement("title", null, title),
                 React__default.createElement("path", { d: "M16 24C16 10.7 26.7 0 40 0L472 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-8 0 0 416 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L40 512c-13.3 0-24-10.7-24-24s10.7-24 24-24l8 0 0-416-8 0C26.7 48 16 37.3 16 24zm208 88l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16zM128 96c-8.8 0-16 7.2-16 16l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0zm96 112l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16zM352 96c-8.8 0-16 7.2-16 16l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0zM112 208l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16zm240-16c-8.8 0-16 7.2-16 16l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0zM288 384l43.8 0c9.9 0 17.5-9 14-18.2-13.8-36.1-48.8-61.8-89.7-61.8s-75.9 25.7-89.7 61.8c-3.5 9.2 4.1 18.2 14 18.2l43.8 0 0 80 64 0 0-80z", fill: "currentColor" })));
@@ -16532,6 +16628,16 @@ const Icon = ({ name, className, title, width, height, fill }) => {
                 React__default.createElement(HTMLComment, { text: "!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc." }),
                 title && React__default.createElement("title", null, title),
                 React__default.createElement("path", { d: "M135.2 117.4l-26.1 74.6 293.8 0-26.1-74.6C372.3 104.6 360.2 96 346.6 96L165.4 96c-13.6 0-25.7 8.6-30.2 21.4zM39.6 196.8L74.8 96.3C88.3 57.8 124.6 32 165.4 32l181.2 0c40.8 0 77.1 25.8 90.6 64.3l35.2 100.5c23.2 9.6 39.6 32.5 39.6 59.2l0 192c0 17.7-14.3 32-32 32l-32 0c-17.7 0-32-14.3-32-32l0-32-320 0 0 32c0 17.7-14.3 32-32 32l-32 0c-17.7 0-32-14.3-32-32L0 256c0-26.7 16.4-49.6 39.6-59.2zM128 304a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm288 32a32 32 0 1 0 0-64 32 32 0 1 0 0 64z", fill: "currentColor" })));
+        case 'ui-bus':
+            return (React__default.createElement("svg", { className: ['icon', `icon--${name}`, className].filter((className) => !isEmpty$1(className)).join(' '), width: width, height: height, viewBox: "0 0 512 512", fill: fill ?? 'currentColor' },
+                title && React__default.createElement("title", null, title),
+                React__default.createElement("path", { d: "M112 32h288a64 64 0 0 1 64 64v256a64 64 0 0 1-64 64h-288a64 64 0 0 1-64-64V96a64 64 0 0 1 64-64zM96 112v104h136V112H96zm184 0v104h136V112H280zM160 352a36 36 0 1 0-72 0 36 36 0 1 0 72 0zm264 0a36 36 0 1 0-72 0 36 36 0 1 0 72 0z", fill: "currentColor", fillRule: "evenodd" }),
+                React__default.createElement("path", { d: "M112 416h64v48a24 24 0 0 1-24 24h-16a24 24 0 0 1-24-24v-48zm224 0h64v48a24 24 0 0 1-24 24h-16a24 24 0 0 1-24-24v-48z", fill: "currentColor" })));
+        case 'ui-train':
+            return (React__default.createElement("svg", { className: ['icon', `icon--${name}`, className].filter((className) => !isEmpty$1(className)).join(' '), width: width, height: height, viewBox: "0 0 512 512", fill: fill ?? 'currentColor' },
+                title && React__default.createElement("title", null, title),
+                React__default.createElement("path", { d: "M160 32h192a64 64 0 0 1 64 64v224a64 64 0 0 1-64 64h-192a64 64 0 0 1-64-64V96a64 64 0 0 1 64-64zm-24 80v104h240V112H136zm56 168a28 28 0 1 0-56 0 28 28 0 1 0 56 0zm192 0a28 28 0 1 0-56 0 28 28 0 1 0 56 0z", fill: "currentColor", fillRule: "evenodd" }),
+                React__default.createElement("path", { d: "M168 416h72l-48 64h-72l48-64zm104 0h72l48 64h-72l-48-64z", fill: "currentColor" })));
         case 'ui-ship':
             return (React__default.createElement("svg", { className: ['icon', `icon--${name}`, className].filter((className) => !isEmpty$1(className)).join(' '), width: width, height: height, viewBox: "0 0 640 512", fill: fill ?? 'currentColor' },
                 React__default.createElement(HTMLComment, { text: "!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc." }),
@@ -27350,7 +27456,11 @@ const initialState$1 = {
     bookingNumber: undefined,
     trajectNodeAvailability: {},
     trajectFlightAvailability: {},
-    trajectEditLineGuid: null
+    trajectDaySuggestions: {},
+    trajectEditLineGuid: null,
+    trajectActivitiesDayOrder: null,
+    trajectResolving: false,
+    trajectItineraryView: false
 };
 const searchResultsSlice = createSlice({
     name: 'searchResults',
@@ -27566,6 +27676,11 @@ const searchResultsSlice = createSlice({
                 return;
             state.editablePackagingEntry.lines[index] = action.payload;
         },
+        addEditableEntryLines(state, action) {
+            if (!state.editablePackagingEntry)
+                return;
+            state.editablePackagingEntry.lines = [...(state.editablePackagingEntry.lines ?? []), ...action.payload];
+        },
         removeEditableEntryLines(state, action) {
             if (!state.editablePackagingEntry)
                 return;
@@ -27597,9 +27712,30 @@ const searchResultsSlice = createSlice({
             flight.selectedGuid = action.payload.guid;
             flight.status = 'resolved';
         },
+        setTrajectDaySuggestionsLoading(state, action) {
+            const dayOrder = action.payload;
+            state.trajectDaySuggestions[dayOrder] = {
+                dayOrder,
+                status: 'loading',
+                results: state.trajectDaySuggestions[dayOrder]?.results ?? []
+            };
+        },
+        setTrajectDaySuggestions(state, action) {
+            const { dayOrder, results } = action.payload;
+            state.trajectDaySuggestions[dayOrder] = { dayOrder, status: 'resolved', results };
+        },
         setTrajectEditLineGuid(state, action) {
             state.trajectEditLineGuid = action.payload;
         },
+        setTrajectActivitiesDayOrder(state, action) {
+            state.trajectActivitiesDayOrder = action.payload;
+        },
+        setTrajectResolving(state, action) {
+            state.trajectResolving = action.payload;
+        },
+        setTrajectItineraryView(state, action) {
+            state.trajectItineraryView = action.payload;
+        },
         updateTrajectNodeResult(state, action) {
             const { lineGuid, result } = action.payload;
             const node = state.trajectNodeAvailability[lineGuid];
@@ -27612,11 +27748,15 @@ const searchResultsSlice = createSlice({
         resetTrajectAvailability(state) {
             state.trajectNodeAvailability = {};
             state.trajectFlightAvailability = {};
+            state.trajectDaySuggestions = {};
             state.trajectEditLineGuid = null;
+            state.trajectActivitiesDayOrder = null;
+            state.trajectResolving = false;
+            state.trajectItineraryView = false;
         }
     }
 });
-const { setResults, setFilteredResults, setSelectedSearchResult, setPackagingAccoResults, setFilteredPackagingAccoResults, setFilteredPackagingFlightResults, setPackagingAccoSearchDetails, setSelectedPackagingAccoResult, setPackagingFlightResults, setSelectedPackagingFlight, setSelectedFlight, setSelectedFlightDetails, setBookingPackageDetails, selectFlight, setIsLoading, setFlightsLoading, setInitialFilters, setFilters, resetFilters, setInitialFlightFilters, setFlightFilters, resetFlightFilters, setSortType, setFlightSortType, setActiveTab, setCurrentPage, resetSearchState, setFlyInIsOpen, setEditablePackagingEntry, setTransactionId, setFlyInType, setPriceDetails, setItinerary, setSelectedOutwardKey, setSelectedReturnKey, resetFlightSelection, setExcursionSearchParams, setSelectedExcursionSearchResult, confirmExcursionForDay, removeConfirmedExcursionForDay, clearConfirmedExcursionsForDay, setBookPackagingEntry, setCurrentStep, setBookingNumber, setTrajectNodeLoading, setTrajectNodeAvailability, setTrajectNodeSelection, setTrajectFlightLoading, setTrajectFlightAvailability, setTrajectFlightSelection, setTrajectEditLineGuid, updateTrajectNodeResult, resetTrajectAvailability, updateEditableEntryLine, removeEditableEntryLines } = searchResultsSlice.actions;
+const { setResults, setFilteredResults, setSelectedSearchResult, setPackagingAccoResults, setFilteredPackagingAccoResults, setFilteredPackagingFlightResults, setPackagingAccoSearchDetails, setSelectedPackagingAccoResult, setPackagingFlightResults, setSelectedPackagingFlight, setSelectedFlight, setSelectedFlightDetails, setBookingPackageDetails, selectFlight, setIsLoading, setFlightsLoading, setInitialFilters, setFilters, resetFilters, setInitialFlightFilters, setFlightFilters, resetFlightFilters, setSortType, setFlightSortType, setActiveTab, setCurrentPage, resetSearchState, setFlyInIsOpen, setEditablePackagingEntry, setTransactionId, setFlyInType, setPriceDetails, setItinerary, setSelectedOutwardKey, setSelectedReturnKey, resetFlightSelection, setExcursionSearchParams, setSelectedExcursionSearchResult, confirmExcursionForDay, removeConfirmedExcursionForDay, clearConfirmedExcursionsForDay, setBookPackagingEntry, setCurrentStep, setBookingNumber, setTrajectNodeLoading, setTrajectNodeAvailability, setTrajectNodeSelection, setTrajectResolving, setTrajectItineraryView, setTrajectFlightLoading, setTrajectFlightAvailability, setTrajectFlightSelection, setTrajectEditLineGuid, setTrajectActivitiesDayOrder, setTrajectDaySuggestionsLoading, setTrajectDaySuggestions, addEditableEntryLines, updateTrajectNodeResult, resetTrajectAvailability, updateEditableEntryLine, removeEditableEntryLines } = searchResultsSlice.actions;
 var searchResultsReducer = searchResultsSlice.reducer;
 
 const ItemPicker = ({ items, selection, selectedSortByType, label, placeholder, classModifier, onPick, valueFormatter }) => {
@@ -27801,6 +27941,653 @@ const getDuration = (flight) => {
 const numberOfNights = (segment) => {
     return differenceInCalendarDays(new Date(segment.to), new Date(segment.from));
 };
+const CHARTER_SERVICE_TYPE = 10;
+const CRUISE_SERVICE_TYPE = 11;
+const FERRY_SERVICE_TYPE = 12;
+const TRANSFER_SERVICE_TYPE = 13;
+const BUS_SERVICE_TYPE = 14;
+const CAR_SERVICE_TYPE = 17;
+const CAMPER_SERVICE_TYPE = 18;
+const TRAIN_SERVICE_TYPE = 20;
+const RENTAL_SERVICE_TYPE = 22;
+const RESTAURANT_SERVICE_TYPE = 23;
+const EVENT_SERVICE_TYPE = 24;
+const TRAINING_SERVICE_TYPE = 25;
+/** Icon per service type, so every node on the itinerary reads at a glance. */
+const getServiceTypeIcon = (serviceType) => {
+    switch (serviceType) {
+        case ACCOMMODATION_SERVICE_TYPE:
+            return 'ui-hotel';
+        case EXCURSION_SERVICE_TYPE:
+            return 'ui-excursion';
+        case FLIGHT_SERVICE_TYPE:
+        case CHARTER_SERVICE_TYPE:
+            return 'ui-plane';
+        case RESTAURANT_SERVICE_TYPE:
+            return 'ui-utensils';
+        case CRUISE_SERVICE_TYPE:
+        case FERRY_SERVICE_TYPE:
+            return 'ui-ship';
+        case CAR_SERVICE_TYPE:
+        case CAMPER_SERVICE_TYPE:
+        case RENTAL_SERVICE_TYPE:
+            return 'ui-car';
+        case BUS_SERVICE_TYPE:
+            return 'ui-bus';
+        case TRAIN_SERVICE_TYPE:
+            return 'ui-train';
+        case TRANSFER_SERVICE_TYPE:
+            return 'ui-transfer';
+        case EVENT_SERVICE_TYPE:
+            return 'ui-ticket';
+        case TRAINING_SERVICE_TYPE:
+            return 'ui-group';
+        default:
+            return 'ui-location';
+    }
+};
+const getServiceTypeBadgeModifier = (serviceType) => {
+    switch (serviceType) {
+        case FLIGHT_SERVICE_TYPE:
+        case CHARTER_SERVICE_TYPE:
+        case CRUISE_SERVICE_TYPE:
+        case FERRY_SERVICE_TYPE:
+            return 'flight';
+        case ACCOMMODATION_SERVICE_TYPE:
+            return 'hotel';
+        case EXCURSION_SERVICE_TYPE:
+        case EVENT_SERVICE_TYPE:
+            return 'excursion';
+        case RESTAURANT_SERVICE_TYPE:
+            return 'restaurant';
+        default:
+            return '';
+    }
+};
+const POI_TRAJECT_NODE_TYPE = 2;
+const getTrajectNodeIcon = (node) => node.trajectNodeType === POI_TRAJECT_NODE_TYPE ? 'ui-location' : getServiceTypeIcon(node.serviceType);
+const getTrajectNodeBadgeModifier = (node) => node.trajectNodeType === POI_TRAJECT_NODE_TYPE ? 'poi' : getServiceTypeBadgeModifier(node.serviceType);
+
+const REGULAR_TRAJECT_NODE_TYPE = 0;
+const CONNECTING_TRAJECT_NODE_TYPE = 1;
+const isSearchableTrajectNode = (node) => node.serviceType === ACCOMMODATION_SERVICE_TYPE || node.serviceType === EXCURSION_SERVICE_TYPE;
+const isTrajectFlightNode = (node) => node.serviceType === FLIGHT_SERVICE_TYPE;
+const getTrajectNodesWithLines = (trajectEntry) => {
+    const linesByGuid = new Map((trajectEntry.entry.lines ?? []).map((line) => [line.guid, line]));
+    return [...(trajectEntry.nodes ?? [])]
+        .sort((a, b) => a.dayOrder - b.dayOrder || a.order - b.order)
+        .map((node) => {
+        const guids = node.lineGuids?.length ? node.lineGuids : [node.lineGuid];
+        const lines = guids.map((guid) => linesByGuid.get(guid)).filter((x) => !!x);
+        return { node, line: lines[0], lines };
+    })
+        .filter((x) => !!x.line);
+};
+const getCoordinates = (line, node, result) => {
+    const sources = [
+        ...(result ? [result] : []),
+        ...(line ? [line] : []),
+        ...(node?.alternatives ?? []).filter((x) => x.isPreferred),
+        ...(node?.alternatives ?? [])
+    ];
+    const found = sources.find((x) => !!x.latitude && !!x.longitude);
+    return found ? { latitude: found.latitude, longitude: found.longitude } : null;
+};
+const buildDestination = (line, node, result) => {
+    const coordinates = getCoordinates(line, node, result);
+    const place = (result?.locationId && { id: result.locationId, isLocation: true }) ||
+        (result?.oordId && { id: result.oordId, isOord: true }) ||
+        (result?.regionId && { id: result.regionId, isRegion: true }) ||
+        (result?.countryId && { id: result.countryId, isCountry: true }) ||
+        (line.location?.id && { id: line.location.id, isLocation: true }) ||
+        (line.oord?.id && { id: line.oord.id, isOord: true }) ||
+        (line.region?.id && { id: line.region.id, isRegion: true }) ||
+        (line.country?.id && { id: line.country.id, isCountry: true }) ||
+        null;
+    return { id: 0, ...place, ...coordinates };
+};
+const hasDestination = (destination) => !!destination && (!!destination.id || (!!destination.latitude && !!destination.longitude));
+const buildTrajectClientConfig = (context) => ({
+    host: context.tideConnection.host,
+    apiKey: context.tideConnection.apiKey
+});
+const buildTrajectSearchContext = (context, trajectEntry) => ({
+    transactionId: trajectEntry.entry.transactionId,
+    officeId: context.tideConnection.officeId ?? 1,
+    catalogueId: context.searchConfiguration.defaultCatalogueId ?? context.tideConnection.catalogueIds?.[0] ?? 1,
+    searchConfigurationId: context.searchConfiguration.id,
+    portalId: context.portalId ?? null,
+    agentId: context.agentId ?? null,
+    language: context.languageCode ?? 'en-GB',
+    rooms: getPackagingRoomsFromEntry(trajectEntry.entry)
+});
+const buildTrajectNodeRequest = ({ node, line }, context, productCode, destination) => ({
+    transactionId: context.transactionId,
+    officeId: context.officeId,
+    agentId: context.agentId ?? null,
+    catalogueId: context.catalogueId,
+    searchConfigurationId: context.searchConfigurationId,
+    portalId: context.portalId ?? null,
+    vendorConfigurationId: node.externalVendorId ?? null,
+    language: context.language,
+    serviceType: node.serviceType,
+    fromDate: toDateOnlyString(line.from),
+    // An excursion happens on a day rather than over a span. The traject gives its line an end a day
+    // out, the way a night is counted, which asks the search for a window it does not have.
+    toDate: toDateOnlyString(node.serviceType === EXCURSION_SERVICE_TYPE ? line.from : line.to),
+    destination: destination ?? buildDestination(line, node),
+    productCode,
+    rooms: context.rooms,
+    tagIds: []
+});
+const coversDay = ({ node, line }, dayOrder) => {
+    const nights = Math.max(differenceInCalendarDays(new Date(line.to), new Date(line.from)), 1);
+    return dayOrder >= node.dayOrder && dayOrder < node.dayOrder + nights;
+};
+const getDayDestinationItem = (items, dayOrder) => {
+    const knowsWhereItIs = (x) => hasDestination(buildDestination(x.line, x.node));
+    const stay = items.find((x) => x.node.serviceType === ACCOMMODATION_SERVICE_TYPE && coversDay(x, dayOrder) && knowsWhereItIs(x));
+    if (stay)
+        return stay;
+    return ([...items]
+        .filter((x) => x.node.dayOrder <= dayOrder && knowsWhereItIs(x))
+        .sort((a, b) => a.node.dayOrder - b.node.dayOrder || a.node.order - b.node.order)
+        .pop() ?? null);
+};
+const getDayDestination = (items, availability, dayOrder) => {
+    const item = getDayDestinationItem(items, dayOrder);
+    if (!item)
+        return null;
+    const resolved = availability[item.line.guid];
+    const result = resolved?.results.find((x) => x.code === resolved.selectedCode) ?? null;
+    const destination = buildDestination(item.line, item.node, result);
+    return hasDestination(destination) ? destination : null;
+};
+const buildTrajectDayExcursionRequest = (date, destination, context) => ({
+    transactionId: context.transactionId,
+    officeId: context.officeId,
+    agentId: context.agentId ?? null,
+    catalogueId: context.catalogueId,
+    searchConfigurationId: context.searchConfigurationId,
+    portalId: context.portalId ?? null,
+    vendorConfigurationId: null,
+    language: context.language,
+    serviceType: EXCURSION_SERVICE_TYPE,
+    fromDate: toDateOnlyString(date),
+    toDate: toDateOnlyString(date),
+    destination,
+    productCode: '',
+    rooms: context.rooms,
+    tagIds: []
+});
+const getExcursionOptionGroups = (result) => {
+    const groups = new Map();
+    (result.rooms ?? [])
+        .flatMap((room) => room.options ?? [])
+        .forEach((option) => {
+        const key = [...(option.paxIds ?? [])].sort((a, b) => a - b).join(',');
+        groups.set(key, [...(groups.get(key) ?? []), option]);
+    });
+    return [...groups.values()];
+};
+const excursionNeedsChoice = (result) => getExcursionOptionGroups(result).some((group) => group.length > 1 && !group.some((option) => option.isSelected));
+const buildTrajectExcursionLines = (result) => {
+    const options = getExcursionOptionGroups(result)
+        .map((group) => group.find((x) => x.isSelected) ?? (group.length === 1 ? group[0] : null))
+        .filter((x) => !!x);
+    if (!options.length)
+        return [];
+    const guids = options.map((option) => option.guid || crypto.randomUUID());
+    return options.map((option, index) => ({
+        guid: guids[index],
+        moment: '',
+        parentGuid: index === 0 ? null : guids[0],
+        order: index,
+        isChanged: true,
+        from: result.fromDate,
+        to: result.toDate,
+        serviceType: EXCURSION_SERVICE_TYPE,
+        productName: result.name,
+        productCode: result.code,
+        accommodationName: option.accommodationName,
+        accommodationCode: option.accommodationCode,
+        regimeName: option.regimeName,
+        regimeCode: option.regimeCode,
+        country: result.countryId ? { id: result.countryId, name: result.countryName, localizations: [] } : null,
+        region: result.regionId ? { id: result.regionId, name: result.regionName, localizations: [] } : null,
+        oord: result.oordId ? { id: result.oordId, name: result.oordName, localizations: [] } : null,
+        location: result.locationId ? { id: result.locationId, name: result.locationName, localizations: [] } : null,
+        longitude: result.longitude ?? null,
+        latitude: result.latitude ?? null,
+        pax: (option.paxIds ?? []).map((paxId, paxIndex) => ({ paxId, room: 0, order: paxIndex })),
+        flightInformation: null
+    }));
+};
+const buildExcursionSearchParams = (result) => ({
+    date: result.fromDate,
+    fromDate: result.fromDate,
+    toDate: result.toDate,
+    countryId: result.countryId,
+    regionId: result.regionId,
+    oordId: result.oordId,
+    locationId: result.locationId,
+    locationName: result.locationName,
+    accommodationCode: null,
+    accommodationName: null,
+    hotelCode: result.code,
+    hotelName: result.name,
+    rooms: result.rooms ?? []
+});
+const buildDayActivityCards = (items, availability, suggestions) => {
+    const cards = [];
+    const seen = new Set();
+    const push = (result, item) => {
+        if (!result || seen.has(result.code))
+            return;
+        seen.add(result.code);
+        cards.push({ result, item });
+    };
+    items.forEach((item) => {
+        const results = availability[item.line.guid]?.results ?? [];
+        const selected = results.find((x) => x.code === availability[item.line.guid]?.selectedCode);
+        push(selected, item);
+        results.filter((x) => !!findCandidateForResult(item.node, x)).forEach((result) => push(result, item));
+    });
+    suggestions.forEach((result) => push(result));
+    items.forEach((item) => (availability[item.line.guid]?.results ?? []).forEach((result) => push(result)));
+    return cards;
+};
+/**
+ * Where to search for a node.
+ *
+ * Normally the node says so itself, through the product it was configured with. An excursion slot
+ * left empty on the traject says nothing at all — no code, no alternatives, and a line with no
+ * place on it — so it falls back to wherever the party is staying that day, the same anchor the
+ * day's own activity search uses.
+ */
+const getNodeSearchDestination = (items, item) => {
+    const own = buildDestination(item.line, item.node);
+    if (hasDestination(own))
+        return own;
+    return getDayDestination(items, {}, item.node.dayOrder) ?? own;
+};
+const getConfiguredExcursionCodes = (items, dayOrder) => new Set(items
+    .filter((x) => x.node.dayOrder === dayOrder && x.node.serviceType === EXCURSION_SERVICE_TYPE)
+    .flatMap((x) => [x.node.code, ...getNodeCandidates(x.node).map((candidate) => candidate.code)])
+    .filter((code) => !!code));
+const getNodeCandidates = (node) => {
+    const configured = (node.alternatives ?? []).filter((x) => !!x.code && x.code.trim().length > 0);
+    if (configured.length)
+        return configured;
+    const fallbackCode = node.code ?? node.preferredAccommodationCode;
+    if (!fallbackCode || !fallbackCode.trim().length)
+        return [];
+    return [
+        {
+            code: fallbackCode,
+            name: node.name,
+            description: node.description,
+            imageUrl: node.imageUrl,
+            contentSource: node.contentSource,
+            vendor: node.vendor,
+            externalVendorId: node.externalVendorId,
+            isPreferred: true
+        }
+    ];
+};
+const findCandidateForResult = (node, result) => getNodeCandidates(node).find((candidate) => matchesCode(result, candidate.code)) ?? null;
+const matchesCode = (result, code) => {
+    if (result.code === code)
+        return true;
+    return (result.rooms ?? []).some((room) => (room.options ?? []).some((option) => option.accommodationCode === code));
+};
+const getPackagingRoomsFromEntry = (entry) => {
+    const paxById = new Map((entry.pax ?? []).map((p) => [p.id, p]));
+    const rooms = (entry.rooms ?? []).map((room) => ({
+        travellers: (room.paxIds ?? []).map((paxId) => {
+            const pax = paxById.get(paxId);
+            return {
+                id: paxId,
+                age: pax?.age ?? null,
+                dateOfBirth: pax?.dateOfBirth ?? null
+            };
+        })
+    }));
+    return rooms.filter((room) => room.travellers.length > 0);
+};
+const pickCheapest = (results) => [...results].sort((a, b) => a.price - b.price)[0] ?? null;
+const applyResultToLines = (lines, result) => lines.map((line, index) => applyResultToLine(line, result, index));
+const getOptionForRoom = (result, roomIndex) => {
+    const room = (result.rooms ?? [])[roomIndex];
+    if (room)
+        return (room.options ?? []).find((x) => x.isSelected) ?? (room.options ?? [])[0];
+    return (result.rooms ?? []).flatMap((x) => x.options ?? []).find((x) => x.isSelected) ?? (result.rooms ?? [])[0]?.options?.[0];
+};
+const applyResultToLine = (line, result, roomIndex = 0) => {
+    const option = getOptionForRoom(result, roomIndex);
+    return {
+        ...line,
+        productName: result.name ?? line.productName,
+        productCode: result.code ?? line.productCode,
+        accommodationCode: option?.accommodationCode ?? line.accommodationCode,
+        accommodationName: option?.accommodationName ?? line.accommodationName,
+        regimeCode: option?.regimeCode ?? line.regimeCode,
+        regimeName: option?.regimeName ?? line.regimeName,
+        latitude: result.latitude ?? line.latitude,
+        longitude: result.longitude ?? line.longitude,
+        isChanged: true
+    };
+};
+const toDateOnlyUtcString = (value) => {
+    const date = new Date(value);
+    return new Date(Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate())).toISOString();
+};
+const toTimeOnlyString = (value) => {
+    const date = new Date(value);
+    const hh = String(date.getUTCHours()).padStart(2, '0');
+    const mm = String(date.getUTCMinutes()).padStart(2, '0');
+    const ss = String(date.getUTCSeconds()).padStart(2, '0');
+    return `${hh}:${mm}:${ss}`;
+};
+const mapFlightSegmentsToFlightLines = (segments) => segments.map((segment) => ({
+    airlineCode: segment.marketingAirlineCode,
+    airlineDescription: segment.marketingAirlineName,
+    operatingAirlineCode: segment.operatingAirlineCode,
+    operatingAirlineDescription: segment.operatingAirlineName,
+    flightNumber: segment.flightNumber,
+    operatingFlightNumber: segment.operatingFlightNumber ?? null,
+    departureDate: toDateOnlyUtcString(segment.departureDateTime),
+    departureTime: toTimeOnlyString(segment.departureDateTime),
+    departureAirportCode: segment.departureAirportCode,
+    departureAirportDescription: segment.departureAirportName,
+    arrivalDate: toDateOnlyUtcString(segment.arrivalDateTime),
+    arrivalTime: toTimeOnlyString(segment.arrivalDateTime),
+    arrivalAirportCode: segment.arrivalAirportCode,
+    arrivalAirportDescription: segment.arrivalAirportName,
+    durationInTicks: segment.durationInTicks
+}));
+const buildTrajectFlightRequest = ({ node, line }, context, pax) => ({
+    transactionId: context.transactionId,
+    officeId: context.officeId,
+    catalogueId: context.catalogueId,
+    agentId: context.agentId ?? null,
+    language: context.language,
+    departureAirportCode: node.departureAirportCode ?? '',
+    arrivalAirportCode: node.arrivalAirportCode ?? '',
+    returnAirportCode: null,
+    luggageIncluded: null,
+    maxStops: null,
+    travelClass: null,
+    vendorConfigurationId: node.externalVendorId ?? null,
+    pax,
+    outward: { date: dateToDateStruct(new Date(line.from)) },
+    return: null
+});
+/**
+ * The entry as the backend can price it.
+ *
+ * A search caches an EntryLine per option and hands back that line's guid on the option. The
+ * backend then rebuilds the entry by looking each line up in that cache on its guid, so a line
+ * it cannot find is dropped — PackagingEntryBuilder.SyncEntryLines skips it, and an entry whose
+ * lines all came off a traject prices as nothing at all.
+ *
+ * A traject entry is rendered before any search runs, so its lines carry the guids the traject
+ * mapper gave them. This swaps in the guid of whatever each line resolved onto, leaving the
+ * lines the traveller added themselves alone — those were built from a search result and already
+ * carry the right one.
+ */
+const withCachedEntryLineGuids = (entry, trajectEntry, nodeAvailability, flightAvailability) => {
+    const cachedGuids = new Map();
+    getTrajectNodesWithLines(trajectEntry).forEach((item) => {
+        if (isTrajectFlightNode(item.node)) {
+            // A flight search caches the outward line under the guid it reports as outwardGuid.
+            const guid = flightAvailability[item.line.guid]?.selectedGuid;
+            if (guid)
+                cachedGuids.set(item.line.guid, guid);
+            return;
+        }
+        const availability = nodeAvailability[item.line.guid];
+        const result = availability?.results.find((x) => x.code === availability.selectedCode);
+        if (!result)
+            return;
+        // Room i took option i when the result was stamped on, so it takes option i here too.
+        item.lines.forEach((line, index) => {
+            const guid = getOptionForRoom(result, index)?.guid;
+            if (guid)
+                cachedGuids.set(line.guid, guid);
+        });
+    });
+    if (!cachedGuids.size)
+        return entry;
+    return {
+        ...entry,
+        lines: (entry.lines ?? []).map((line) => ({
+            ...line,
+            guid: cachedGuids.get(line.guid) ?? line.guid,
+            parentGuid: (line.parentGuid && cachedGuids.get(line.parentGuid)) ?? line.parentGuid
+        }))
+    };
+};
+const pickCheapestFlight = (flights) => [...flights].sort((a, b) => a.price - b.price)[0] ?? null;
+const applyFlightToLine = (line, flight) => {
+    const segments = flight.outward?.segments ?? [];
+    if (!segments.length)
+        return line;
+    const firstSegment = segments[0];
+    const lastSegment = segments[segments.length - 1];
+    return {
+        ...line,
+        from: new Date(firstSegment.departureDateTime).toISOString(),
+        to: new Date(lastSegment.arrivalDateTime).toISOString(),
+        productName: `${firstSegment.departureAirportName} - ${lastSegment.arrivalAirportName} (${firstSegment.marketingAirlineName})`,
+        productCode: `${firstSegment.departureAirportCode} ${lastSegment.arrivalAirportCode}/${firstSegment.marketingAirlineCode}`,
+        accommodationName: firstSegment.metaData?.farePriceClassName ?? line.accommodationName,
+        accommodationCode: firstSegment.metaData?.fareCode ?? line.accommodationCode,
+        flightInformation: {
+            pnr: '',
+            flightLines: mapFlightSegmentsToFlightLines(segments)
+        },
+        isChanged: true
+    };
+};
+/**
+ * Externally sourced products carry a vendor configuration; products held internally in Tide have
+ * none. `vendorType` is not a reliable signal — the packaging service nulls it out when the search
+ * configuration has ExposeProvider off — so the vendor ids are what we go on.
+ */
+const isExternalResult = (result) => result.vendorId != null || result.vendorConfigurationId != null;
+const isExternalCandidate = (candidate) => candidate.externalVendorId != null || candidate.vendor != null;
+
+const badgeClass = (kind, modifier) => {
+    const base = `search__filter__itinerary__${kind}-badge`;
+    const fallback = kind === 'segment' ? `${base}--secondary` : `${base}--default`;
+    return `${base} ${modifier ? `${base}--${modifier}` : fallback}`;
+};
+const nightsOf = (node, line) => differenceInCalendarDays(new Date(line?.to ?? node.to), new Date(line?.from ?? node.from));
+const TrajectItinerary = ({ trajectEntry, packagingEntry, translations }) => {
+    const timeline = useMemo(() => {
+        const linesByGuid = new Map((packagingEntry.lines ?? []).map((line) => [line.guid, line]));
+        const nodes = [...(trajectEntry.nodes ?? [])]
+            .sort((a, b) => a.dayOrder - b.dayOrder || a.order - b.order)
+            .map((node) => {
+            const guids = node.lineGuids?.length ? node.lineGuids : [node.lineGuid];
+            const lines = guids.map((guid) => linesByGuid.get(guid)).filter((x) => !!x);
+            return { node, lines };
+        });
+        const claimed = new Set(nodes.flatMap((item) => item.lines.map((line) => line.guid)));
+        const extras = (packagingEntry.lines ?? []).filter((line) => !claimed.has(line.guid));
+        if (!extras.length)
+            return nodes;
+        const dayOrderOf = (date) => trajectEntry.traject.days.find((day) => isSameDay(new Date(day.date), new Date(date)))?.order ??
+            Math.max(differenceInCalendarDays(new Date(date), new Date(trajectEntry.traject.startDate)), 0);
+        // One product bought once, however many option lines it took (an adult and a child ticket).
+        const grouped = new Map();
+        extras.forEach((line) => {
+            const key = `${line.productCode}|${line.from}`;
+            grouped.set(key, [...(grouped.get(key) ?? []), line]);
+        });
+        const byDay = new Map();
+        nodes.forEach((item) => byDay.set(item.node.dayOrder, [...(byDay.get(item.node.dayOrder) ?? []), item]));
+        [...grouped.values()].forEach((lines, index) => {
+            const line = lines[0];
+            const dayOrder = dayOrderOf(line.from);
+            const item = {
+                lines,
+                node: {
+                    nodeId: -(index + 1),
+                    lineGuid: line.guid,
+                    lineGuids: lines.map((x) => x.guid),
+                    dayOrder,
+                    order: Number.MAX_SAFE_INTEGER,
+                    name: line.productName,
+                    serviceType: line.serviceType,
+                    trajectNodeType: REGULAR_TRAJECT_NODE_TYPE,
+                    requirementType: 0,
+                    contentSource: 0,
+                    alternatives: [],
+                    from: line.from,
+                    to: line.to
+                }
+            };
+            const dayItems = [...(byDay.get(dayOrder) ?? [])];
+            let at = dayItems.length;
+            while (at > 0 && dayItems[at - 1].node.trajectNodeType === CONNECTING_TRAJECT_NODE_TYPE)
+                at--;
+            dayItems.splice(at, 0, item);
+            byDay.set(dayOrder, dayItems);
+        });
+        return [...byDay.keys()].sort((a, b) => a - b).flatMap((dayOrder) => byDay.get(dayOrder));
+    }, [trajectEntry, packagingEntry]);
+    const stayByDay = useMemo(() => {
+        const map = new Map();
+        timeline
+            .filter(({ node }) => node.trajectNodeType === REGULAR_TRAJECT_NODE_TYPE && node.serviceType === ACCOMMODATION_SERVICE_TYPE)
+            .forEach(({ node, lines }) => {
+            const line = lines[0];
+            const nights = Math.max(nightsOf(node, line), 1);
+            const name = line?.productName || node.preferredAccommodationName || node.name || '';
+            for (let night = 0; night < nights; night++)
+                map.set(node.dayOrder + night, { name, night, nights });
+        });
+        return map;
+    }, [timeline]);
+    const renderDate = (value) => (React__default.createElement("div", { className: "search__filter__itinerary__transport-date" },
+        React__default.createElement("p", { className: "search__filter__itinerary__transport-date-date" },
+            React__default.createElement("strong", null, format$2(new Date(value), 'd'))),
+        React__default.createElement("p", null, format$2(new Date(value), 'MMM'))));
+    const renderConnectingNode = ({ node }) => {
+        const distance = node.distanceInKm ? `${Math.round(node.distanceInKm)} km` : '';
+        return (React__default.createElement("div", { className: "search__filter__itinerary__transport", key: `connect-${node.nodeId}` },
+            React__default.createElement("div", { className: "search__filter__itinerary__transport-timeline" },
+                React__default.createElement("div", { className: "search__filter__itinerary__transport-timeline-line" })),
+            React__default.createElement("div", { className: "search__filter__itinerary__transport-item" },
+                React__default.createElement("div", { className: "search__filter__itinerary__transport-date" }),
+                React__default.createElement("div", { className: badgeClass('transport', getTrajectNodeBadgeModifier(node)) },
+                    React__default.createElement(Icon, { name: getTrajectNodeIcon(node), height: 15 })),
+                React__default.createElement("div", { className: "search__filter__itinerary__transport-details" },
+                    React__default.createElement("h6", null, node.name || distance),
+                    !!node.name && !!distance && React__default.createElement("p", { className: "search__filter__itinerary__transport-details-time" }, distance)))));
+    };
+    const renderOvernight = (item, index) => {
+        const { dayOrder } = item.node;
+        const closesTheDay = timeline[index + 1]?.node.dayOrder !== dayOrder;
+        const stay = stayByDay.get(dayOrder);
+        if (!closesTheDay || !stay)
+            return null;
+        return (React__default.createElement("div", { className: "search__filter__itinerary__transport", key: `overnight-${item.node.nodeId}` },
+            React__default.createElement("div", { className: "search__filter__itinerary__transport-timeline" },
+                React__default.createElement("div", { className: "search__filter__itinerary__transport-timeline-line" })),
+            React__default.createElement("div", { className: "search__filter__itinerary__transport-item" },
+                renderDate(item.node.from),
+                React__default.createElement("div", { className: badgeClass('transport', getServiceTypeBadgeModifier(ACCOMMODATION_SERVICE_TYPE)) },
+                    React__default.createElement(Icon, { name: "ui-bed", height: 15 })),
+                React__default.createElement("div", { className: "search__filter__itinerary__transport-details" },
+                    React__default.createElement("h6", null, stay.name),
+                    React__default.createElement("p", { className: "search__filter__itinerary__transport-details-time" },
+                        stay.night + 1,
+                        " ",
+                        translations.SRP.OF,
+                        " ",
+                        stay.nights,
+                        " ",
+                        translations.SRP.NIGHTS)))));
+    };
+    const renderFlightNode = ({ node, lines }) => {
+        const line = lines[0];
+        return (React__default.createElement("div", { className: "search__filter__itinerary__transport", key: `flight-${node.nodeId}` },
+            React__default.createElement("div", { className: "search__filter__itinerary__transport-timeline" },
+                React__default.createElement("div", { className: "search__filter__itinerary__transport-timeline-line" })),
+            React__default.createElement("div", { className: "search__filter__itinerary__transport-item" },
+                renderDate(line?.from ?? node.from),
+                React__default.createElement("div", { className: badgeClass('transport', getServiceTypeBadgeModifier(FLIGHT_SERVICE_TYPE)) },
+                    React__default.createElement(Icon, { name: "ui-plane", height: 15 })),
+                React__default.createElement("div", { className: "search__filter__itinerary__transport-details" },
+                    React__default.createElement("h6", null, line?.productName || node.name),
+                    !!getDepartureTime(line) && (React__default.createElement("p", { className: "search__filter__itinerary__transport-details-plane" },
+                        React__default.createElement("span", null,
+                            React__default.createElement(Icon, { name: "ui-plane-depart", height: 14 }),
+                            " ",
+                            React__default.createElement("strong", null, getDepartureTime(line))),
+                        ' ',
+                        "-",
+                        ' ',
+                        React__default.createElement("span", null,
+                            React__default.createElement(Icon, { name: "ui-plane-arrive", height: 14 }),
+                            " ",
+                            React__default.createElement("strong", null, getArrivalTime(line))))),
+                    !!getDuration(line) && (React__default.createElement("p", { className: "search__filter__itinerary__transport-details-time" },
+                        React__default.createElement("span", null,
+                            React__default.createElement(Icon, { name: "ui-clock", height: 20 }),
+                            " ",
+                            getDuration(line))))))));
+    };
+    const renderServiceNode = ({ node, lines }) => {
+        const line = lines[0];
+        const isStay = node.serviceType === ACCOMMODATION_SERVICE_TYPE;
+        const nights = isStay ? nightsOf(node, line) : 0;
+        return (React__default.createElement("div", { className: "search__filter__itinerary__segments", key: `node-${node.nodeId}` },
+            React__default.createElement("div", { className: "search__filter__itinerary__segments__wrapper" },
+                React__default.createElement("div", { className: "search__filter__itinerary__segments-timeline" },
+                    React__default.createElement("div", { className: "search__filter__itinerary__segments-timeline-line" })),
+                React__default.createElement("div", { className: "search__filter__itinerary__segment" },
+                    React__default.createElement("div", { className: "search__filter__itinerary__segment-item" },
+                        React__default.createElement("div", { className: `search__filter__itinerary__segment-date ${isStay && nights > 0 ? 'search__filter__itinerary__segment-nights' : ''}` }, isStay && nights > 0 ? (React__default.createElement(React__default.Fragment, null,
+                            React__default.createElement("p", { className: "search__filter__itinerary__segment-date-date" },
+                                React__default.createElement("strong", null, nights)),
+                            React__default.createElement(Icon, { name: "ui-moon", width: 16, height: 16 }))) : (React__default.createElement(React__default.Fragment, null,
+                            React__default.createElement("p", { className: "search__filter__itinerary__segment-date-date" },
+                                React__default.createElement("strong", null, format$2(new Date(line?.from ?? node.from), 'd'))),
+                            React__default.createElement("p", null, format$2(new Date(line?.from ?? node.from), 'MMM'))))),
+                        React__default.createElement("div", { className: badgeClass('segment', getTrajectNodeBadgeModifier(node)) },
+                            React__default.createElement(Icon, { name: getTrajectNodeIcon(node), width: 15, height: 15 })),
+                        React__default.createElement("div", { className: "search__filter__itinerary__segment-details" },
+                            React__default.createElement("h6", null, line?.productName || node.preferredAccommodationName || node.name),
+                            isStay &&
+                                lines.map((roomLine, index) => (React__default.createElement(React__default.Fragment, { key: roomLine.guid },
+                                    lines.length > 1 && (React__default.createElement("strong", null,
+                                        translations.SHARED.ROOM,
+                                        "\u00A0",
+                                        index + 1)),
+                                    roomLine.accommodationName && (React__default.createElement("div", { className: "search__filter__itinerary__segment-details__room" },
+                                        React__default.createElement(Icon, { name: "ui-bed", width: 12, height: 12 }),
+                                        roomLine.accommodationName)),
+                                    roomLine.regimeName && (React__default.createElement("div", { className: "search__filter__itinerary__segment-details__room" },
+                                        React__default.createElement(Icon, { name: "ui-utensils", width: 12, height: 12 }),
+                                        roomLine.regimeName))))),
+                            !isStay && React__default.createElement("p", { className: "search__filter__itinerary__segment-details-text" }, format$2(new Date(line?.from ?? node.from), 'EEE. d MMM yyyy'))))))));
+    };
+    return (React__default.createElement(React__default.Fragment, null, timeline.map((item, index) => {
+        if (item.node.trajectNodeType === CONNECTING_TRAJECT_NODE_TYPE) {
+            return (React__default.createElement(React__default.Fragment, { key: `connect-${item.node.nodeId}` },
+                renderConnectingNode(item),
+                renderOvernight(item, index)));
+        }
+        if (item.node.trajectNodeType === REGULAR_TRAJECT_NODE_TYPE && item.node.serviceType === FLIGHT_SERVICE_TYPE)
+            return renderFlightNode(item);
+        return renderServiceNode(item);
+    })));
+};
+
 const getSegmentIcon = (segment) => {
     switch (segment.serviceType) {
         case 3:
@@ -27924,116 +28711,119 @@ const Itinerary = ({ isOpen, handleSetIsOpen, isLoading, onEditAccommodation })
                                 format$2(new Date(firstEntryLine.from), 'EEE. d MMM yyyy'),
                                 " - ",
                                 React__default.createElement("strong", null, translations.SRP.START))))),
-                    outboundFlight && (React__default.createElement("div", { className: "search__filter__itinerary__transport" },
-                        React__default.createElement("div", { className: "search__filter__itinerary__transport-timeline" },
-                            React__default.createElement("div", { className: "search__filter__itinerary__transport-timeline-line" })),
-                        React__default.createElement("div", { className: "search__filter__itinerary__transport-item" },
-                            React__default.createElement("div", { className: "search__filter__itinerary__transport-date" },
-                                React__default.createElement("p", { className: "search__filter__itinerary__transport-date-date" },
-                                    React__default.createElement("strong", null, format$2(new Date(outboundFlight.from), 'd'))),
-                                React__default.createElement("p", null, format$2(new Date(outboundFlight.from), 'MMM'))),
-                            React__default.createElement("div", { className: "search__filter__itinerary__transport-badge" },
-                                React__default.createElement(Icon, { name: "ui-plane", height: 15 })),
-                            React__default.createElement("div", { className: "search__filter__itinerary__transport-details" },
-                                React__default.createElement("h6", null, outboundFlight.productName),
-                                React__default.createElement("p", { className: "search__filter__itinerary__transport-details-plane" },
-                                    React__default.createElement("span", null,
-                                        React__default.createElement(Icon, { name: "ui-plane-depart", height: 14 }),
-                                        " ",
-                                        React__default.createElement("strong", null, getDepartureTime(outboundFlight))),
-                                    ' ',
-                                    "-",
-                                    ' ',
-                                    React__default.createElement("span", null,
-                                        React__default.createElement(Icon, { name: "ui-plane-arrive", height: 14 }),
-                                        " ",
-                                        React__default.createElement("strong", null, getArrivalTime(outboundFlight)))),
-                                React__default.createElement("p", { className: "search__filter__itinerary__transport-details-time" },
-                                    React__default.createElement("span", null,
-                                        React__default.createElement(Icon, { name: "ui-clock", height: 20 }),
-                                        " ",
-                                        getDuration(outboundFlight))))))),
-                    !isEmpty$1(groupedOtherSegments) &&
-                        groupedOtherSegments.map((group) => {
-                            const firstSegment = first(group.segments);
-                            if (!firstSegment)
-                                return null;
-                            return (React__default.createElement("div", { className: "search__filter__itinerary__segments" },
-                                React__default.createElement("div", { className: "search__filter__itinerary__segments__wrapper", key: group.key },
-                                    React__default.createElement("div", { className: "search__filter__itinerary__segments-timeline" },
-                                        React__default.createElement("div", { className: "search__filter__itinerary__segments-timeline-line" })),
-                                    React__default.createElement("div", { className: "search__filter__itinerary__segment" },
-                                        React__default.createElement("div", { className: "search__filter__itinerary__segment-item search__filter__itinerary__segment-item--start" },
-                                            React__default.createElement("div", { className: "search__filter__itinerary__transport-date" },
-                                                React__default.createElement("p", { className: "search__filter__itinerary__transport-date-date" },
-                                                    React__default.createElement("strong", null, format$2(new Date(firstSegment.from), 'd'))),
-                                                React__default.createElement("p", null, format$2(new Date(firstSegment.from), 'MMM'))),
-                                            React__default.createElement("div", { className: "search__filter__itinerary__segment-badge" },
-                                                React__default.createElement(Icon, { name: "ui-location", width: 15, height: 15 })),
-                                            React__default.createElement("div", { className: "search__filter__itinerary__segment-details" },
-                                                React__default.createElement("h6", null,
-                                                    firstSegment.location?.name || firstSegment.oord?.name || firstSegment.region?.name,
-                                                    (firstSegment.location?.name || firstSegment.oord?.name || firstSegment.region?.name) && firstSegment.country?.name ? ', ' : '',
-                                                    firstSegment.country?.name),
-                                                React__default.createElement("p", { className: "search__filter__itinerary__segment-details-text" },
-                                                    format$2(new Date(firstSegment.from), 'EEE. d MMM yyyy'),
-                                                    "> ",
-                                                    format$2(new Date(firstSegment.to), 'EEE. d MMM yyyy'))))),
-                                    React__default.createElement("div", { className: "search__filter__itinerary__segment" },
-                                        React__default.createElement("div", { className: `search__filter__itinerary__segment-item ${canEdit(firstSegment) ? 'search__filter__itinerary__segment-item--editable' : ''}`, onClick: () => {
-                                                if (canEdit(firstSegment) && onEditAccommodation) {
-                                                    onEditAccommodation(group.segments);
-                                                }
-                                            } },
-                                            React__default.createElement("div", { className: "search__filter__itinerary__segment-date search__filter__itinerary__segment-nights" }, firstSegment.serviceType === ACCOMMODATION_SERVICE_TYPE && (React__default.createElement(React__default.Fragment, null,
-                                                React__default.createElement("p", { className: "search__filter__itinerary__segment-date-date" },
-                                                    React__default.createElement("strong", null, numberOfNights(firstSegment))),
-                                                React__default.createElement(Icon, { name: "ui-moon", width: 16, height: 16 })))),
-                                            getSegmentIcon(firstSegment),
-                                            React__default.createElement("div", { className: "search__filter__itinerary__segment-details" },
-                                                React__default.createElement("h6", null, getSegmentTitle(firstSegment)),
-                                                firstSegment.serviceType === ACCOMMODATION_SERVICE_TYPE &&
-                                                    group.segments.map((segment, index) => (React__default.createElement(React__default.Fragment, { key: segment.guid },
-                                                        React__default.createElement("strong", null,
-                                                            translations.SHARED.ROOM,
-                                                            "\u00A0",
-                                                            index + 1),
-                                                        segment.productName && segment.accommodationName && (React__default.createElement("div", { className: "search__filter__itinerary__segment-details__room" },
-                                                            React__default.createElement(Icon, { name: "ui-bed", width: 12, height: 12 }),
-                                                            segment.accommodationName)),
-                                                        segment.regimeName && (React__default.createElement("div", { className: "search__filter__itinerary__segment-details__room" },
-                                                            React__default.createElement(Icon, { name: "ui-utensils", width: 12, height: 12 }),
-                                                            segment.regimeName)))))))))));
-                        }),
-                    returnFlight && returnFlight !== outboundFlight && (React__default.createElement("div", { className: "search__filter__itinerary__transport" },
-                        React__default.createElement("div", { className: "search__filter__itinerary__transport-timeline" },
-                            React__default.createElement("div", { className: "search__filter__itinerary__transport-timeline-line" })),
-                        React__default.createElement("div", { className: "search__filter__itinerary__transport-item" },
-                            React__default.createElement("div", { className: "search__filter__itinerary__transport-date" },
-                                React__default.createElement("p", { className: "search__filter__itinerary__transport-date-date" },
-                                    React__default.createElement("strong", null, format$2(new Date(returnFlight.from), 'd'))),
-                                React__default.createElement("p", null, format$2(new Date(returnFlight.from), 'MMM'))),
-                            React__default.createElement("div", { className: "search__filter__itinerary__transport-badge" },
-                                React__default.createElement(Icon, { name: "ui-plane", height: 15 })),
-                            React__default.createElement("div", { className: "search__filter__itinerary__transport-details" },
-                                React__default.createElement("h6", null, returnFlight.productName),
-                                React__default.createElement("p", { className: "search__filter__itinerary__transport-details-plane" },
-                                    React__default.createElement("span", null,
-                                        React__default.createElement(Icon, { name: "ui-plane-depart", height: 14 }),
-                                        " ",
-                                        React__default.createElement("strong", null, getDepartureTime(returnFlight))),
-                                    ' ',
-                                    "-",
-                                    ' ',
-                                    React__default.createElement("span", null,
-                                        React__default.createElement(Icon, { name: "ui-plane-arrive", height: 14 }),
-                                        " ",
-                                        React__default.createElement("strong", null, getArrivalTime(returnFlight)))),
-                                React__default.createElement("p", { className: "search__filter__itinerary__transport-details-time" },
-                                    React__default.createElement("span", null,
-                                        React__default.createElement(Icon, { name: "ui-clock", height: 20 }),
-                                        " ",
-                                        getDuration(returnFlight))))))),
+                    context?.trajectEntry ? (React__default.createElement(TrajectItinerary, { trajectEntry: context.trajectEntry, packagingEntry: packagingEntry, translations: translations })) : (React__default.createElement(React__default.Fragment, null,
+                        outboundFlight && (React__default.createElement("div", { className: "search__filter__itinerary__transport" },
+                            React__default.createElement("div", { className: "search__filter__itinerary__transport-timeline" },
+                                React__default.createElement("div", { className: "search__filter__itinerary__transport-timeline-line" })),
+                            React__default.createElement("div", { className: "search__filter__itinerary__transport-item" },
+                                React__default.createElement("div", { className: "search__filter__itinerary__transport-date" },
+                                    React__default.createElement("p", { className: "search__filter__itinerary__transport-date-date" },
+                                        React__default.createElement("strong", null, format$2(new Date(outboundFlight.from), 'd'))),
+                                    React__default.createElement("p", null, format$2(new Date(outboundFlight.from), 'MMM'))),
+                                React__default.createElement("div", { className: "search__filter__itinerary__transport-badge" },
+                                    React__default.createElement(Icon, { name: "ui-plane", height: 15 })),
+                                React__default.createElement("div", { className: "search__filter__itinerary__transport-details" },
+                                    React__default.createElement("h6", null, outboundFlight.productName),
+                                    React__default.createElement("p", { className: "search__filter__itinerary__transport-details-plane" },
+                                        React__default.createElement("span", null,
+                                            React__default.createElement(Icon, { name: "ui-plane-depart", height: 14 }),
+                                            " ",
+                                            React__default.createElement("strong", null, getDepartureTime(outboundFlight))),
+                                        ' ',
+                                        "-",
+                                        ' ',
+                                        React__default.createElement("span", null,
+                                            React__default.createElement(Icon, { name: "ui-plane-arrive", height: 14 }),
+                                            " ",
+                                            React__default.createElement("strong", null, getArrivalTime(outboundFlight)))),
+                                    React__default.createElement("p", { className: "search__filter__itinerary__transport-details-time" },
+                                        React__default.createElement("span", null,
+                                            React__default.createElement(Icon, { name: "ui-clock", height: 20 }),
+                                            " ",
+                                            getDuration(outboundFlight))))))),
+                        !isEmpty$1(groupedOtherSegments) &&
+                            groupedOtherSegments.map((group) => {
+                                const firstSegment = first(group.segments);
+                                if (!firstSegment)
+                                    return null;
+                                return (React__default.createElement("div", { className: "search__filter__itinerary__segments" },
+                                    React__default.createElement("div", { className: "search__filter__itinerary__segments__wrapper", key: group.key },
+                                        React__default.createElement("div", { className: "search__filter__itinerary__segments-timeline" },
+                                            React__default.createElement("div", { className: "search__filter__itinerary__segments-timeline-line" })),
+                                        React__default.createElement("div", { className: "search__filter__itinerary__segment" },
+                                            React__default.createElement("div", { className: "search__filter__itinerary__segment-item search__filter__itinerary__segment-item--start" },
+                                                React__default.createElement("div", { className: "search__filter__itinerary__transport-date" },
+                                                    React__default.createElement("p", { className: "search__filter__itinerary__transport-date-date" },
+                                                        React__default.createElement("strong", null, format$2(new Date(firstSegment.from), 'd'))),
+                                                    React__default.createElement("p", null, format$2(new Date(firstSegment.from), 'MMM'))),
+                                                React__default.createElement("div", { className: "search__filter__itinerary__segment-badge" },
+                                                    React__default.createElement(Icon, { name: "ui-location", width: 15, height: 15 })),
+                                                React__default.createElement("div", { className: "search__filter__itinerary__segment-details" },
+                                                    React__default.createElement("h6", null,
+                                                        firstSegment.location?.name || firstSegment.oord?.name || firstSegment.region?.name,
+                                                        (firstSegment.location?.name || firstSegment.oord?.name || firstSegment.region?.name) && firstSegment.country?.name
+                                                            ? ', '
+                                                            : '',
+                                                        firstSegment.country?.name),
+                                                    React__default.createElement("p", { className: "search__filter__itinerary__segment-details-text" },
+                                                        format$2(new Date(firstSegment.from), 'EEE. d MMM yyyy'),
+                                                        "> ",
+                                                        format$2(new Date(firstSegment.to), 'EEE. d MMM yyyy'))))),
+                                        React__default.createElement("div", { className: "search__filter__itinerary__segment" },
+                                            React__default.createElement("div", { className: `search__filter__itinerary__segment-item ${canEdit(firstSegment) ? 'search__filter__itinerary__segment-item--editable' : ''}`, onClick: () => {
+                                                    if (canEdit(firstSegment) && onEditAccommodation) {
+                                                        onEditAccommodation(group.segments);
+                                                    }
+                                                } },
+                                                React__default.createElement("div", { className: "search__filter__itinerary__segment-date search__filter__itinerary__segment-nights" }, firstSegment.serviceType === ACCOMMODATION_SERVICE_TYPE && (React__default.createElement(React__default.Fragment, null,
+                                                    React__default.createElement("p", { className: "search__filter__itinerary__segment-date-date" },
+                                                        React__default.createElement("strong", null, numberOfNights(firstSegment))),
+                                                    React__default.createElement(Icon, { name: "ui-moon", width: 16, height: 16 })))),
+                                                getSegmentIcon(firstSegment),
+                                                React__default.createElement("div", { className: "search__filter__itinerary__segment-details" },
+                                                    React__default.createElement("h6", null, getSegmentTitle(firstSegment)),
+                                                    firstSegment.serviceType === ACCOMMODATION_SERVICE_TYPE &&
+                                                        group.segments.map((segment, index) => (React__default.createElement(React__default.Fragment, { key: segment.guid },
+                                                            React__default.createElement("strong", null,
+                                                                translations.SHARED.ROOM,
+                                                                "\u00A0",
+                                                                index + 1),
+                                                            segment.productName && segment.accommodationName && (React__default.createElement("div", { className: "search__filter__itinerary__segment-details__room" },
+                                                                React__default.createElement(Icon, { name: "ui-bed", width: 12, height: 12 }),
+                                                                segment.accommodationName)),
+                                                            segment.regimeName && (React__default.createElement("div", { className: "search__filter__itinerary__segment-details__room" },
+                                                                React__default.createElement(Icon, { name: "ui-utensils", width: 12, height: 12 }),
+                                                                segment.regimeName)))))))))));
+                            }),
+                        returnFlight && returnFlight !== outboundFlight && (React__default.createElement("div", { className: "search__filter__itinerary__transport" },
+                            React__default.createElement("div", { className: "search__filter__itinerary__transport-timeline" },
+                                React__default.createElement("div", { className: "search__filter__itinerary__transport-timeline-line" })),
+                            React__default.createElement("div", { className: "search__filter__itinerary__transport-item" },
+                                React__default.createElement("div", { className: "search__filter__itinerary__transport-date" },
+                                    React__default.createElement("p", { className: "search__filter__itinerary__transport-date-date" },
+                                        React__default.createElement("strong", null, format$2(new Date(returnFlight.from), 'd'))),
+                                    React__default.createElement("p", null, format$2(new Date(returnFlight.from), 'MMM'))),
+                                React__default.createElement("div", { className: "search__filter__itinerary__transport-badge" },
+                                    React__default.createElement(Icon, { name: "ui-plane", height: 15 })),
+                                React__default.createElement("div", { className: "search__filter__itinerary__transport-details" },
+                                    React__default.createElement("h6", null, returnFlight.productName),
+                                    React__default.createElement("p", { className: "search__filter__itinerary__transport-details-plane" },
+                                        React__default.createElement("span", null,
+                                            React__default.createElement(Icon, { name: "ui-plane-depart", height: 14 }),
+                                            " ",
+                                            React__default.createElement("strong", null, getDepartureTime(returnFlight))),
+                                        ' ',
+                                        "-",
+                                        ' ',
+                                        React__default.createElement("span", null,
+                                            React__default.createElement(Icon, { name: "ui-plane-arrive", height: 14 }),
+                                            " ",
+                                            React__default.createElement("strong", null, getArrivalTime(returnFlight)))),
+                                    React__default.createElement("p", { className: "search__filter__itinerary__transport-details-time" },
+                                        React__default.createElement("span", null,
+                                            React__default.createElement(Icon, { name: "ui-clock", height: 20 }),
+                                            " ",
+                                            getDuration(returnFlight))))))))),
                     lastEntryLine && (React__default.createElement("div", { className: "search__filter__itinerary__country" },
                         React__default.createElement("div", { className: "search__filter__itinerary__country-icon" },
                             React__default.createElement(Icon, { name: "ui-flag", width: 17.5, height: 20 })),
@@ -30404,10 +31194,9 @@ const getOptionPaxIds = (option) => {
 const optionAppliesToPax = (option, paxId) => {
     return getOptionPaxIds(option).includes(paxId);
 };
-const optionAppliesToAllTravellers = (option, travellerCount) => {
+const optionAppliesToAllTravellers = (option, travellerIds) => {
     const paxIds = getOptionPaxIds(option);
-    const expected = Array.from({ length: travellerCount }, (_, i) => i);
-    return paxIds.length === expected.length && paxIds.every((id, index) => id === expected[index]);
+    return paxIds.length === travellerIds.length && travellerIds.every((id) => paxIds.includes(id));
 };
 const groupOptionsByExcursion = (options) => {
     const groupedMap = new Map();
@@ -30432,26 +31221,26 @@ const ExcursionDetails = () => {
         return null;
     }
     const translations = getTranslations(context.languageCode ?? 'en-GB');
-    const travellerCount = editablePackagingEntry.pax.length;
+    const travellerIds = editablePackagingEntry.pax.map((pax) => pax.id);
     const allOptions = useMemo(() => {
         return selectedExcursionSearchResult.rooms.flatMap((room) => room.options ?? []);
     }, [selectedExcursionSearchResult]);
     const sharedOptions = useMemo(() => {
-        return allOptions.filter((option) => optionAppliesToAllTravellers(option, travellerCount));
-    }, [allOptions, travellerCount]);
+        return allOptions.filter((option) => optionAppliesToAllTravellers(option, travellerIds));
+    }, [allOptions, travellerIds]);
     const sharedExcursions = useMemo(() => {
         return groupOptionsByExcursion(sharedOptions);
     }, [sharedOptions]);
     const paxGroups = useMemo(() => {
         return editablePackagingEntry.pax.map((pax) => {
-            const paxOptions = allOptions.filter((option) => optionAppliesToPax(option, pax.id) && !optionAppliesToAllTravellers(option, travellerCount));
+            const paxOptions = allOptions.filter((option) => optionAppliesToPax(option, pax.id) && !optionAppliesToAllTravellers(option, travellerIds));
             return {
                 pax,
                 paxId: pax.id,
                 excursions: groupOptionsByExcursion(paxOptions)
             };
         });
-    }, [editablePackagingEntry.pax, allOptions, travellerCount]);
+    }, [editablePackagingEntry.pax, allOptions, travellerIds]);
     const getSelectedSharedOption = () => {
         return sharedOptions.find((option) => option.isSelected);
     };
@@ -30459,11 +31248,11 @@ const ExcursionDetails = () => {
         return sharedOptions.find((option) => option.accommodationCode === accommodationCode && option.isSelected);
     };
     const getSelectedOptionForPax = (paxId) => {
-        return allOptions.find((option) => optionAppliesToPax(option, paxId) && !optionAppliesToAllTravellers(option, travellerCount) && option.isSelected);
+        return allOptions.find((option) => optionAppliesToPax(option, paxId) && !optionAppliesToAllTravellers(option, travellerIds) && option.isSelected);
     };
     const getSelectedOptionForExcursion = (paxId, accommodationCode) => {
         return allOptions.find((option) => optionAppliesToPax(option, paxId) &&
-            !optionAppliesToAllTravellers(option, travellerCount) &&
+            !optionAppliesToAllTravellers(option, travellerIds) &&
             option.accommodationCode === accommodationCode &&
             option.isSelected);
     };
@@ -30473,7 +31262,7 @@ const ExcursionDetails = () => {
             rooms: selectedExcursionSearchResult.rooms.map((room) => ({
                 ...room,
                 options: room.options.map((option) => {
-                    const isSharedOption = optionAppliesToAllTravellers(option, travellerCount);
+                    const isSharedOption = optionAppliesToAllTravellers(option, travellerIds);
                     if (paxId === undefined) {
                         if (!isSharedOption) {
                             return option;
@@ -30520,7 +31309,7 @@ const ExcursionDetails = () => {
             targetPrice = selectedOption.price;
         }
         else {
-            const firstOption = allOptions.find((option) => optionAppliesToPax(option, paxId) && !optionAppliesToAllTravellers(option, travellerCount) && option.accommodationCode === accommodationCode);
+            const firstOption = allOptions.find((option) => optionAppliesToPax(option, paxId) && !optionAppliesToAllTravellers(option, travellerIds) && option.accommodationCode === accommodationCode);
             targetPrice = firstOption?.price || 0;
         }
         return targetPrice - (currentSelectedPrice || 0);
@@ -30542,6 +31331,13 @@ const ExcursionDetails = () => {
         return 'flyin__acco__price';
     };
     const handleConfirm = () => {
+        if (context.trajectEntry) {
+            const lines = buildTrajectExcursionLines(selectedExcursionSearchResult);
+            if (lines.length)
+                dispatch(addEditableEntryLines(lines));
+            dispatch(setFlyInIsOpen(false));
+            return;
+        }
         const dayKey = getExcursionDayKey(excursionSearchParams.date);
         dispatch(confirmExcursionForDay({
             dayKey,
@@ -30596,181 +31392,6 @@ const ExcursionDetails = () => {
             React__default.createElement("button", { type: "button", className: "cta cta--primary", onClick: handleConfirm }, translations?.QSM.CONFIRM))));
 };
 
-const REGULAR_TRAJECT_NODE_TYPE = 0;
-const isSearchableTrajectNode = (node) => node.serviceType === ACCOMMODATION_SERVICE_TYPE || node.serviceType === EXCURSION_SERVICE_TYPE;
-const isTrajectFlightNode = (node) => node.serviceType === FLIGHT_SERVICE_TYPE;
-const getTrajectNodesWithLines = (trajectEntry) => {
-    const linesByGuid = new Map((trajectEntry.entry.lines ?? []).map((line) => [line.guid, line]));
-    return [...(trajectEntry.nodes ?? [])]
-        .sort((a, b) => a.dayOrder - b.dayOrder || a.order - b.order)
-        .map((node) => {
-        const guids = node.lineGuids?.length ? node.lineGuids : [node.lineGuid];
-        const lines = guids.map((guid) => linesByGuid.get(guid)).filter((x) => !!x);
-        return { node, line: lines[0], lines };
-    })
-        .filter((x) => !!x.line);
-};
-const buildDestination = (line) => {
-    if (line.location?.id)
-        return { id: line.location.id, isLocation: true };
-    if (line.oord?.id)
-        return { id: line.oord.id, isOord: true };
-    if (line.region?.id)
-        return { id: line.region.id, isRegion: true };
-    if (line.country?.id)
-        return { id: line.country.id, isCountry: true };
-    if (line.latitude && line.longitude)
-        return { latitude: line.latitude, longitude: line.longitude };
-    return { id: 0 };
-};
-const buildTrajectNodeRequest = ({ node, line }, context, productCode) => ({
-    transactionId: context.transactionId,
-    officeId: context.officeId,
-    agentId: context.agentId ?? null,
-    catalogueId: context.catalogueId,
-    searchConfigurationId: context.searchConfigurationId,
-    portalId: context.portalId ?? null,
-    vendorConfigurationId: node.externalVendorId ?? null,
-    language: context.language,
-    serviceType: node.serviceType,
-    fromDate: toDateOnlyString(line.from),
-    toDate: toDateOnlyString(line.to),
-    destination: buildDestination(line),
-    productCode,
-    rooms: context.rooms,
-    tagIds: []
-});
-const getNodeCandidates = (node) => {
-    const configured = (node.alternatives ?? []).filter((x) => !!x.code && x.code.trim().length > 0);
-    if (configured.length)
-        return configured;
-    const fallbackCode = node.code ?? node.preferredAccommodationCode;
-    if (!fallbackCode || !fallbackCode.trim().length)
-        return [];
-    return [
-        {
-            code: fallbackCode,
-            name: node.name,
-            description: node.description,
-            imageUrl: node.imageUrl,
-            contentSource: node.contentSource,
-            vendor: node.vendor,
-            externalVendorId: node.externalVendorId,
-            isPreferred: true
-        }
-    ];
-};
-const findCandidateForResult = (node, result) => getNodeCandidates(node).find((candidate) => matchesCode(result, candidate.code)) ?? null;
-const matchesCode = (result, code) => {
-    if (result.code === code)
-        return true;
-    return (result.rooms ?? []).some((room) => (room.options ?? []).some((option) => option.accommodationCode === code));
-};
-const getPackagingRoomsFromEntry = (entry) => {
-    const paxById = new Map((entry.pax ?? []).map((p) => [p.id, p]));
-    const rooms = (entry.rooms ?? []).map((room) => ({
-        travellers: (room.paxIds ?? []).map((paxId) => {
-            const pax = paxById.get(paxId);
-            return {
-                id: paxId,
-                age: pax?.age ?? null,
-                dateOfBirth: pax?.dateOfBirth ?? null
-            };
-        })
-    }));
-    return rooms.filter((room) => room.travellers.length > 0);
-};
-const pickCheapest = (results) => [...results].sort((a, b) => a.price - b.price)[0] ?? null;
-const applyResultToLines = (lines, result) => lines.map((line, index) => applyResultToLine(line, result, index));
-const getOptionForRoom = (result, roomIndex) => {
-    const room = (result.rooms ?? [])[roomIndex];
-    if (room)
-        return (room.options ?? []).find((x) => x.isSelected) ?? (room.options ?? [])[0];
-    return (result.rooms ?? []).flatMap((x) => x.options ?? []).find((x) => x.isSelected) ?? (result.rooms ?? [])[0]?.options?.[0];
-};
-const applyResultToLine = (line, result, roomIndex = 0) => {
-    const option = getOptionForRoom(result, roomIndex);
-    return {
-        ...line,
-        productName: result.name ?? line.productName,
-        productCode: result.code ?? line.productCode,
-        accommodationCode: option?.accommodationCode ?? line.accommodationCode,
-        accommodationName: option?.accommodationName ?? line.accommodationName,
-        regimeCode: option?.regimeCode ?? line.regimeCode,
-        regimeName: option?.regimeName ?? line.regimeName,
-        latitude: result.latitude ?? line.latitude,
-        longitude: result.longitude ?? line.longitude,
-        isChanged: true
-    };
-};
-const toDateOnlyUtcString = (value) => {
-    const date = new Date(value);
-    return new Date(Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate())).toISOString();
-};
-const toTimeOnlyString = (value) => {
-    const date = new Date(value);
-    const hh = String(date.getUTCHours()).padStart(2, '0');
-    const mm = String(date.getUTCMinutes()).padStart(2, '0');
-    const ss = String(date.getUTCSeconds()).padStart(2, '0');
-    return `${hh}:${mm}:${ss}`;
-};
-const mapFlightSegmentsToFlightLines = (segments) => segments.map((segment) => ({
-    airlineCode: segment.marketingAirlineCode,
-    airlineDescription: segment.marketingAirlineName,
-    operatingAirlineCode: segment.operatingAirlineCode,
-    operatingAirlineDescription: segment.operatingAirlineName,
-    flightNumber: segment.flightNumber,
-    operatingFlightNumber: segment.operatingFlightNumber ?? null,
-    departureDate: toDateOnlyUtcString(segment.departureDateTime),
-    departureTime: toTimeOnlyString(segment.departureDateTime),
-    departureAirportCode: segment.departureAirportCode,
-    departureAirportDescription: segment.departureAirportName,
-    arrivalDate: toDateOnlyUtcString(segment.arrivalDateTime),
-    arrivalTime: toTimeOnlyString(segment.arrivalDateTime),
-    arrivalAirportCode: segment.arrivalAirportCode,
-    arrivalAirportDescription: segment.arrivalAirportName,
-    durationInTicks: segment.durationInTicks
-}));
-const buildTrajectFlightRequest = ({ node, line }, context, pax) => ({
-    transactionId: context.transactionId,
-    officeId: context.officeId,
-    catalogueId: context.catalogueId,
-    agentId: context.agentId ?? null,
-    language: context.language,
-    departureAirportCode: node.departureAirportCode ?? '',
-    arrivalAirportCode: node.arrivalAirportCode ?? '',
-    returnAirportCode: null,
-    luggageIncluded: null,
-    maxStops: null,
-    travelClass: null,
-    vendorConfigurationId: node.externalVendorId ?? null,
-    pax,
-    outward: { date: dateToDateStruct(new Date(line.from)) },
-    return: null
-});
-const pickCheapestFlight = (flights) => [...flights].sort((a, b) => a.price - b.price)[0] ?? null;
-const applyFlightToLine = (line, flight) => {
-    const segments = flight.outward?.segments ?? [];
-    if (!segments.length)
-        return line;
-    const firstSegment = segments[0];
-    const lastSegment = segments[segments.length - 1];
-    return {
-        ...line,
-        from: new Date(firstSegment.departureDateTime).toISOString(),
-        to: new Date(lastSegment.arrivalDateTime).toISOString(),
-        productName: `${firstSegment.departureAirportName} - ${lastSegment.arrivalAirportName} (${firstSegment.marketingAirlineName})`,
-        productCode: `${firstSegment.departureAirportCode} ${lastSegment.arrivalAirportCode}/${firstSegment.marketingAirlineCode}`,
-        accommodationName: firstSegment.metaData?.farePriceClassName ?? line.accommodationName,
-        accommodationCode: firstSegment.metaData?.fareCode ?? line.accommodationCode,
-        flightInformation: {
-            pnr: '',
-            flightLines: mapFlightSegmentsToFlightLines(segments)
-        },
-        isChanged: true
-    };
-};
-
 const getLocation = (result) => {
     const place = result.locationName || result.regionName || result.oordName;
     if (!place)
@@ -30785,13 +31406,12 @@ const toPlainText = (value) => {
         .replace(/\s+/g, ' ')
         .trim();
 };
-const TrajectNodeCard = ({ item, result, isSelected, languageCode, translations, onSelect, onEditOptions, showNights }) => {
-    const { node } = item;
+const TrajectNodeCard = ({ node, result, isSelected, languageCode, translations, onSelect, onEditOptions, showNights, selectLabel, selectedLabel }) => {
     const selectedPerRoom = (result.rooms ?? []).map((room) => (room.options ?? []).find((x) => x.isSelected) ?? (room.options ?? [])[0]);
     const isMultiRoom = selectedPerRoom.length > 1;
     const price = formatPrice$3(result.price, result.currencyCode, languageCode);
     const nights = calculateNights(new Date(result.fromDate), new Date(result.toDate));
-    const candidate = findCandidateForResult(node, result);
+    const candidate = node ? findCandidateForResult(node, result) : null;
     const image = candidate?.imageUrl ?? null;
     const description = toPlainText(candidate?.description);
     const title = candidate?.name ?? result.name;
@@ -30800,7 +31420,7 @@ const TrajectNodeCard = ({ item, result, isSelected, languageCode, translations,
         React__default.createElement("span", { className: "search__result-card__price" }, price)));
     const canEditOptions = isSelected && !!onEditOptions && (result.rooms ?? []).some((room) => (room.options ?? []).length > 1);
     const selectButton = (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement("button", { type: "button", className: `cta ${isSelected ? 'cta--selected' : 'cta--select'}`, onClick: onSelect }, isSelected ? translations?.SHARED.SELECTED : translations?.SHARED.SELECT),
+        React__default.createElement("button", { type: "button", className: `cta ${isSelected ? 'cta--selected' : 'cta--select'}`, onClick: onSelect }, isSelected ? selectedLabel ?? translations?.SHARED.SELECTED : selectLabel ?? translations?.SHARED.SELECT),
         canEditOptions && (React__default.createElement("button", { type: "button", className: "cta cta--secondary", onClick: onEditOptions },
             translations?.SRP.SELECT,
             " ",
@@ -30880,7 +31500,118 @@ const TrajectResultsFlyIn = ({ isLoading }) => {
                 ordered.length,
                 "\u00A0",
                 translations.SRP.TOTAL_RESULTS_LABEL)),
-        ordered.length === 0 ? (React__default.createElement("div", { className: "no-results" }, translations.SRP.NO_RESULTS)) : (React__default.createElement("div", { className: "search__results__cards search__results__cards--compact" }, ordered.map((result) => (React__default.createElement(TrajectNodeCard, { key: result.code, item: item, result: result, isSelected: result.code === availability?.selectedCode, languageCode: context.languageCode, translations: translations, onSelect: () => handleSelect(result.code), showNights: item.node.serviceType === ACCOMMODATION_SERVICE_TYPE })))))));
+        ordered.length === 0 ? (React__default.createElement("div", { className: "no-results" }, translations.SRP.NO_RESULTS)) : (React__default.createElement("div", { className: "search__results__cards" }, ordered.map((result) => (React__default.createElement(TrajectNodeCard, { key: result.code, node: item.node, result: result, isSelected: result.code === availability?.selectedCode, languageCode: context.languageCode, translations: translations, onSelect: () => handleSelect(result.code), showNights: item.node.serviceType === ACCOMMODATION_SERVICE_TYPE })))))));
+};
+
+/**
+ * Every flight found for one traject leg, shown in the fly-in.
+ *
+ * A one-way search can return far more options than belong in the results column, so the column
+ * keeps three and hands the rest to this list — the same shape the regular flight results use.
+ * Each leg is searched on its own, so the single leg of a result always sits in `outward`.
+ */
+const TrajectFlightsFlyIn = ({ isLoading }) => {
+    const context = useContext(SearchResultsConfigurationContext);
+    const dispatch = useDispatch();
+    const translations = getTranslations(context?.languageCode ?? 'en-GB');
+    const { trajectFlightAvailability, trajectEditLineGuid, flightsLoading } = useSelector((state) => state.searchResults);
+    const trajectEntry = context?.trajectEntry;
+    const item = useMemo(() => {
+        if (!trajectEntry || !trajectEditLineGuid)
+            return null;
+        return getTrajectNodesWithLines(trajectEntry).find((x) => x.line.guid === trajectEditLineGuid) ?? null;
+    }, [trajectEntry, trajectEditLineGuid]);
+    if (!context || !item)
+        return null;
+    const availability = trajectFlightAvailability[item.line.guid];
+    const flights = availability?.results ?? [];
+    const selectedGuid = availability?.selectedGuid;
+    const selected = flights.find((x) => x.outwardGuid === selectedGuid) ?? null;
+    const handleSelect = (outwardGuid) => {
+        const flight = flights.find((x) => x.outwardGuid === outwardGuid);
+        if (!flight)
+            return;
+        dispatch(setTrajectFlightSelection({ lineGuid: item.line.guid, guid: flight.outwardGuid }));
+        dispatch(updateEditableEntryLine(applyFlightToLine(item.line, flight)));
+        dispatch(setTrajectEditLineGuid(null));
+        dispatch(setFlyInIsOpen(false));
+    };
+    if (isLoading || flightsLoading) {
+        return React__default.createElement(React__default.Fragment, null, context.customSpinner ?? React__default.createElement(Spinner, { label: translations.SRP.LOADING_FLIGHTS }));
+    }
+    // The picked flight stays at the top; the rest follow by price.
+    const ordered = [...flights].sort((a, b) => {
+        if (a.outwardGuid === selectedGuid)
+            return -1;
+        if (b.outwardGuid === selectedGuid)
+            return 1;
+        return a.price - b.price;
+    });
+    return (React__default.createElement("div", { className: "flyin__content" },
+        React__default.createElement("div", { className: "search__result-row" },
+            React__default.createElement("span", { className: "search__result-row-text" },
+                ordered.length,
+                "\u00A0",
+                translations.SRP.TOTAL_RESULTS_LABEL)),
+        ordered.length === 0 ? (React__default.createElement("div", { className: "no-results" }, translations.SRP.NO_RESULTS)) : (React__default.createElement("div", { className: "search__results__cards search__results__cards--extended" }, ordered.map((result) => (React__default.createElement(IndependentFlightOption, { key: `flight-${result.outwardGuid}`, item: result.outward, guid: result.outwardGuid, selectedGuid: selectedGuid ?? undefined, isOutward: true, showSelectedState: true, price: result.price, currentSelectedPrice: selected?.price, onSelect: result.outwardGuid === selectedGuid ? undefined : () => handleSelect(result.outwardGuid) })))))));
+};
+
+const TrajectDayActivitiesFlyIn = ({ isLoading }) => {
+    const context = useContext(SearchResultsConfigurationContext);
+    const dispatch = useDispatch();
+    const translations = getTranslations(context?.languageCode ?? 'en-GB');
+    const { trajectNodeAvailability, trajectDaySuggestions, trajectActivitiesDayOrder, editablePackagingEntry } = useSelector((state) => state.searchResults);
+    const trajectEntry = context?.trajectEntry;
+    const items = useMemo(() => {
+        if (!trajectEntry || trajectActivitiesDayOrder === null)
+            return [];
+        return getTrajectNodesWithLines(trajectEntry).filter(({ node }) => node.dayOrder === trajectActivitiesDayOrder && node.trajectNodeType === REGULAR_TRAJECT_NODE_TYPE && node.serviceType === EXCURSION_SERVICE_TYPE);
+    }, [trajectEntry, trajectActivitiesDayOrder]);
+    if (!context || trajectActivitiesDayOrder === null)
+        return null;
+    const suggestions = trajectDaySuggestions[trajectActivitiesDayOrder];
+    const cards = buildDayActivityCards(items, trajectNodeAvailability, suggestions?.results ?? []);
+    const getAddedLines = (result) => (editablePackagingEntry?.lines ?? []).filter((line) => line.serviceType === EXCURSION_SERVICE_TYPE && line.productCode === result.code && isSameDay(new Date(line.from), new Date(result.fromDate)));
+    /** Adding is not a decision that ends the list — the traveller may want several. */
+    const handleToggle = (result) => {
+        const added = getAddedLines(result);
+        if (added.length) {
+            dispatch(removeEditableEntryLines(added.map((line) => line.guid)));
+            return;
+        }
+        if (excursionNeedsChoice(result)) {
+            dispatch(setExcursionSearchParams(buildExcursionSearchParams(result)));
+            dispatch(setSelectedExcursionSearchResult(result));
+            dispatch(setFlyInType('excursion-details'));
+            return;
+        }
+        const lines = buildTrajectExcursionLines(result);
+        if (lines.length)
+            dispatch(addEditableEntryLines(lines));
+    };
+    /** Swapping what the traject books is one decision, so the list closes behind it. */
+    const handleSelect = ({ result, item }) => {
+        if (!item)
+            return;
+        dispatch(setTrajectNodeSelection({ lineGuid: item.line.guid, code: result.code }));
+        applyResultToLines(item.lines, result).forEach((line) => dispatch(updateEditableEntryLine(line)));
+        dispatch(setTrajectActivitiesDayOrder(null));
+        dispatch(setFlyInIsOpen(false));
+    };
+    if (isLoading || suggestions?.status === 'loading') {
+        return React__default.createElement(React__default.Fragment, null, context.customSpinner ?? React__default.createElement(Spinner, { label: translations.SRP.LOADING_ACTIVITIES }));
+    }
+    return (React__default.createElement("div", { className: "flyin__content" },
+        React__default.createElement("div", { className: "search__result-row" },
+            React__default.createElement("span", { className: "search__result-row-text" },
+                cards.length,
+                "\u00A0",
+                translations.SRP.TOTAL_RESULTS_LABEL)),
+        cards.length === 0 ? (React__default.createElement("div", { className: "no-results" }, translations.SRP.NO_RESULTS)) : (React__default.createElement("div", { className: "search__results__cards" }, cards.map((card) => {
+            const { result, item } = card;
+            const isSelected = item ? trajectNodeAvailability[item.line.guid]?.selectedCode === result.code : getAddedLines(result).length > 0;
+            return (React__default.createElement(TrajectNodeCard, { key: `activity-${result.code}`, node: item?.node, result: result, isSelected: isSelected, languageCode: context.languageCode, translations: translations, onSelect: () => (item ? handleSelect(card) : handleToggle(result)), selectLabel: item ? undefined : translations.SRP.ADD, selectedLabel: item ? undefined : translations.SRP.REMOVE }));
+        })))));
 };
 
 const FlyIn = ({ srpType, isOpen, setIsOpen, className = '', onPanelRef, detailsLoading, flyInType, isPackageEditFlow, handleConfirm, sortByTypes, activeSearchSeed, toggleFilters, filtersOpen }) => {
@@ -30955,8 +31686,8 @@ const FlyIn = ({ srpType, isOpen, setIsOpen, className = '', onPanelRef, details
             dispatch(setBookPackagingEntry(true));
         }
     };
-    return (React__default.createElement("div", { className: `flyin ${isOpen ? 'flyin--active' : ''} ${className} ${isPackageEditFlow || flyInType === 'acco-results' ? 'flyin--large' : ''} ${flyInType === 'excursion-results' || flyInType === 'excursion-details' ? 'flyin--medium' : ''}
-      ${flyInType === 'flight-outward-results' || flyInType === 'flight-return-results' ? 'flyin--flight' : ''}` },
+    return (React__default.createElement("div", { className: `flyin ${isOpen ? 'flyin--active' : ''} ${className} ${isPackageEditFlow || flyInType === 'acco-results' || flyInType === 'traject-day-activities' ? 'flyin--large' : ''} ${flyInType === 'excursion-results' || flyInType === 'excursion-details' ? 'flyin--medium' : ''}
+      ${flyInType === 'flight-outward-results' || flyInType === 'flight-return-results' || flyInType === 'traject-flight-results' ? 'flyin--flight' : ''}` },
         React__default.createElement("div", { className: `flyin__panel ${isOpen ? 'flyin__panel--active' : ''}`, ref: panelRef },
             React__default.createElement("div", { className: "flyin__content" },
                 React__default.createElement("div", { className: "flyin__content-title-row" },
@@ -30973,6 +31704,8 @@ const FlyIn = ({ srpType, isOpen, setIsOpen, className = '', onPanelRef, details
                             flyInType === 'flight-return-results' &&
                             `${translations.SRP.SELECT} ${translations.FLIGHTS_FORM.RETURN_FLIGHT}`,
                         srpType === build.PortalQsmType.AccommodationAndFlight && flyInType === 'flight-details' && 'Select your fare',
+                        flyInType === 'traject-flight-results' && `${translations.SRP.SELECT} ${translations.SRP.DEPARTURE}`,
+                        flyInType === 'traject-day-activities' && translations.SRP.ACTIVITIES,
                         flyInType === 'excursion-results' || (flyInType === 'excursion-details' && 'Select excursion')),
                     React__default.createElement("span", { className: "flyin__close", onClick: () => handleClose() },
                         React__default.createElement(Icon, { name: "ui-close", width: 30, height: 30, "aria-hidden": "true" }))),
@@ -30982,6 +31715,8 @@ const FlyIn = ({ srpType, isOpen, setIsOpen, className = '', onPanelRef, details
                         "Go Back")))),
             srpType === build.PortalQsmType.Flight && React__default.createElement(FlightsFlyIn, { isOpen: isOpen, setIsOpen: setIsOpen }),
             context?.trajectEntry && flyInType === 'acco-results' && React__default.createElement(TrajectResultsFlyIn, { isLoading: detailsLoading }),
+            context?.trajectEntry && flyInType === 'traject-flight-results' && React__default.createElement(TrajectFlightsFlyIn, { isLoading: detailsLoading }),
+            context?.trajectEntry && flyInType === 'traject-day-activities' && React__default.createElement(TrajectDayActivitiesFlyIn, { isLoading: detailsLoading }),
             !context?.trajectEntry &&
                 (srpType === build.PortalQsmType.Accommodation || srpType === build.PortalQsmType.AccommodationAndFlight) &&
                 flyInType === 'acco-results' && (React__default.createElement("div", { className: "flyin__content flyin__content--columns" },
@@ -32812,6 +33547,27 @@ const DayByDayExcursions = () => {
     })));
 };
 
+/**
+ * The entry to send to the backend, as opposed to the one the page works with.
+ *
+ * They differ only for a traject: the page keeps the line guids the traject was rendered with,
+ * because that is what joins its nodes to its lines, while pricing and booking need the guids the
+ * searches cached their lines under. Anything else passes through untouched, so this can be used
+ * wherever the entry leaves the component without checking which flow is running.
+ */
+const useBookableEntry = () => {
+    const context = useContext(SearchResultsConfigurationContext);
+    const { editablePackagingEntry, trajectNodeAvailability, trajectFlightAvailability } = useSelector((state) => state.searchResults);
+    const trajectEntry = context?.trajectEntry;
+    return useMemo(() => {
+        if (!editablePackagingEntry)
+            return null;
+        if (!trajectEntry)
+            return editablePackagingEntry;
+        return withCachedEntryLineGuids(editablePackagingEntry, trajectEntry, trajectNodeAvailability, trajectFlightAvailability);
+    }, [editablePackagingEntry, trajectEntry, trajectNodeAvailability, trajectFlightAvailability]);
+};
+
 const renderEditablePackagingEntrySummaryOptions = (editablePackagingEntry, priceDetails, translations, currencyCode) => {
     const priceDetailsByProduct = groupBy(priceDetails?.details ?? [], (detail) => `${detail.productCode}|${detail.accommodationCode}`);
     return (editablePackagingEntry?.lines ?? []).map((line) => {
@@ -33196,6 +33952,8 @@ const BookPackagingEntry = ({ activeSearchSeed, isLoading, isConfirmationPage })
             setSelectedPackagingAccoResult(selectedPackagingAccoResult);
         }
     }, [selectedPackagingAccoResultCode, packagingAccoResults]);
+    // What the page holds versus what the backend can look up; they differ for a traject.
+    const bookableEntry = useBookableEntry();
     if (!context || !editablePackagingEntry || !priceDetails || !config)
         return React__default.createElement(Spinner, { label: translations.SUMMARY.PROCESS_BOOKING });
     const handleSummarySubmit = async (e) => {
@@ -33204,20 +33962,15 @@ const BookPackagingEntry = ({ activeSearchSeed, isLoading, isConfirmationPage })
         if (typeof window !== 'undefined') {
             window.scrollTo(0, 0);
         }
-        let updatedEditablePackagingEntry = {
-            ...editablePackagingEntry,
-            remarks
-        };
+        // Held apart from the entry itself so they can be put on both copies of it.
+        let bookingFields = { remarks };
         if (context.generatePaymentUrl && typeof window !== 'undefined') {
             const redirectUrl = new URL(window.location.href);
             redirectUrl.searchParams.set('bookingConfirmation', 'true');
             redirectUrl.searchParams.set('link', '');
-            updatedEditablePackagingEntry = {
-                ...updatedEditablePackagingEntry,
-                redirectUrl: redirectUrl.toString(),
-                returnPaymentUrl: true
-            };
+            bookingFields = { ...bookingFields, redirectUrl: redirectUrl.toString(), returnPaymentUrl: true };
         }
+        const updatedEditablePackagingEntry = { ...editablePackagingEntry, ...bookingFields };
         dispatch(setEditablePackagingEntry(updatedEditablePackagingEntry));
         try {
             const request = {
@@ -33225,7 +33978,8 @@ const BookPackagingEntry = ({ activeSearchSeed, isLoading, isConfirmationPage })
                 officeId: context.tideConnection.officeId,
                 catalogueId: context.searchConfiguration.defaultCatalogueId ?? 0,
                 agentId: context.agentId,
-                payload: updatedEditablePackagingEntry
+                // The page keeps the entry it works with; the backend gets the one it can look up.
+                payload: { ...(bookableEntry ?? editablePackagingEntry), ...bookingFields }
             };
             const bookingResponse = await build.bookPackagingEntry(config, request);
             dispatch(setBookingNumber(bookingResponse.number));
@@ -33257,6 +34011,41 @@ const BookPackagingEntry = ({ activeSearchSeed, isLoading, isConfirmationPage })
             React__default.createElement(WLSidebar, { activeSearchSeed: activeSearchSeed, packagingAccoResult: selectedPackagingAccoResult }))));
 };
 
+const useTrajectDayActivities = () => {
+    const context = useContext(SearchResultsConfigurationContext);
+    const dispatch = useDispatch();
+    const { trajectDaySuggestions, trajectNodeAvailability } = useSelector((state) => state.searchResults);
+    const trajectEntry = context?.trajectEntry;
+    const showApiItems = !!context?.showApiItems;
+    const loadDay = useCallback(async (day) => {
+        if (!context || !trajectEntry)
+            return;
+        // Already asked for, or already answered: leave it be.
+        if (trajectDaySuggestions[day.order])
+            return;
+        const nodesWithLines = getTrajectNodesWithLines(trajectEntry);
+        const destination = getDayDestination(nodesWithLines, trajectNodeAvailability, day.order);
+        if (!destination)
+            return;
+        dispatch(setTrajectDaySuggestionsLoading(day.order));
+        try {
+            const results = (await build.searchPackagingExcursions(buildTrajectClientConfig(context), buildTrajectDayExcursionRequest(day.date, destination, buildTrajectSearchContext(context, trajectEntry)))) ?? [];
+            // With external items switched off a day only offers what Tide holds itself, and whatever
+            // the traject already books that day has a card of its own further up the block.
+            const configured = getConfiguredExcursionCodes(nodesWithLines, day.order);
+            dispatch(setTrajectDaySuggestions({
+                dayOrder: day.order,
+                results: results.filter((x) => showApiItems || !isExternalResult(x)).filter((x) => !configured.has(x.code))
+            }));
+        }
+        catch (error) {
+            console.error('Failed to load traject day activities', day.order, error);
+            dispatch(setTrajectDaySuggestions({ dayOrder: day.order, results: [] }));
+        }
+    }, [context, trajectEntry, showApiItems, trajectDaySuggestions, trajectNodeAvailability, dispatch]);
+    return loadDay;
+};
+
 const getNodeIcon = (node) => {
     if (isTrajectFlightNode(node))
         return 'ui-flight';
@@ -33266,14 +34055,18 @@ const getNodeIcon = (node) => {
         return 'ui-bed';
     return 'ui-location';
 };
+const isRenderableNode = (node) => node.trajectNodeType === REGULAR_TRAJECT_NODE_TYPE &&
+    (node.serviceType === ACCOMMODATION_SERVICE_TYPE || node.serviceType === EXCURSION_SERVICE_TYPE || node.serviceType === FLIGHT_SERVICE_TYPE);
+const MAX_DAY_ACTIVITIES = 6;
 const TrajectResults = ({ isLoading }) => {
     const context = useContext(SearchResultsConfigurationContext);
     const dispatch = useDispatch();
+    const loadDay = useTrajectDayActivities();
     const translations = getTranslations(context?.languageCode ?? 'en-GB');
     const locale = getLocale(context?.languageCode ?? 'en-GB');
-    const { trajectNodeAvailability, trajectFlightAvailability } = useSelector((state) => state.searchResults);
-    const [expandedNodes, setExpandedNodes] = useState({});
+    const { trajectNodeAvailability, trajectFlightAvailability, trajectDaySuggestions, editablePackagingEntry, trajectResolving } = useSelector((state) => state.searchResults);
     const trajectEntry = context?.trajectEntry;
+    const hideShowMoreResults = !!context?.hideShowMoreResults;
     const nodesWithLines = useMemo(() => (trajectEntry ? getTrajectNodesWithLines(trajectEntry) : []), [trajectEntry]);
     const lineByNodeId = useMemo(() => new Map(nodesWithLines.map((x) => [x.node.nodeId, x])), [nodesWithLines]);
     const nodesByDay = useMemo(() => {
@@ -33287,9 +34080,22 @@ const TrajectResults = ({ isLoading }) => {
         });
         return map;
     }, [trajectEntry]);
+    const { stayByDay, stayStartByNodeId } = useMemo(() => {
+        const byDay = new Map();
+        const byNodeId = new Map();
+        nodesWithLines
+            .filter((x) => x.node.serviceType === ACCOMMODATION_SERVICE_TYPE)
+            .forEach((item) => {
+            const nights = Math.max(differenceInCalendarDays(new Date(item.line.to), new Date(item.line.from)), 1);
+            byNodeId.set(item.node.nodeId, { item, night: 0, nights });
+            for (let night = 0; night < nights; night++) {
+                byDay.set(item.node.dayOrder + night, { item, night, nights });
+            }
+        });
+        return { stayByDay: byDay, stayStartByNodeId: byNodeId };
+    }, [nodesWithLines]);
     if (!context || !trajectEntry)
         return null;
-    const toggleExpanded = (lineGuid) => setExpandedNodes((prev) => ({ ...prev, [lineGuid]: !prev[lineGuid] }));
     const handleSelect = (item, code) => {
         const availability = trajectNodeAvailability[item.line.guid];
         const result = availability?.results.find((x) => x.code === code);
@@ -33298,6 +34104,12 @@ const TrajectResults = ({ isLoading }) => {
         dispatch(setTrajectNodeSelection({ lineGuid: item.line.guid, code }));
         applyResultToLines(item.lines, result).forEach((line) => dispatch(updateEditableEntryLine(line)));
     };
+    /** The remaining legs for a flight node open in the fly-in, as the regular flight results do. */
+    const handleShowMoreFlights = (item) => {
+        dispatch(setTrajectEditLineGuid(item.line.guid));
+        dispatch(setFlyInType('traject-flight-results'));
+        dispatch(setFlyInIsOpen(true));
+    };
     const handleShowMore = (item) => {
         dispatch(setTrajectEditLineGuid(item.line.guid));
         dispatch(setFlyInType('acco-results'));
@@ -33314,8 +34126,41 @@ const TrajectResults = ({ isLoading }) => {
         dispatch(setFlyInType('acco-details'));
         dispatch(setFlyInIsOpen(true));
     };
-    const renderServiceNode = (item) => {
-        console.log('renderServiceNode', item);
+    const getStayLocation = (item) => {
+        const availability = trajectNodeAvailability[item.line.guid];
+        const result = availability?.results.find((x) => x.code === availability?.selectedCode);
+        return (result?.locationName ||
+            result?.oordName ||
+            result?.regionName ||
+            result?.countryName ||
+            item.line.location?.name ||
+            item.line.oord?.name ||
+            item.line.region?.name ||
+            item.line.country?.name ||
+            item.node.alternatives?.find((x) => x.isPreferred)?.city ||
+            '');
+    };
+    const getStayName = (item) => {
+        const availability = trajectNodeAvailability[item.line.guid];
+        const result = availability?.results.find((x) => x.code === availability?.selectedCode);
+        return result?.name || item.node.preferredAccommodationName || item.node.name || '';
+    };
+    const getStayTitle = (stay) => [getStayLocation(stay.item), getStayName(stay.item), `${stay.night + 1} ${translations.SRP.OF} ${stay.nights} ${translations.SRP.NIGHTS}`]
+        .filter(Boolean)
+        .join(' - ');
+    const renderDayHeader = (day, stay) => {
+        const date = new Date(day.date);
+        const title = stay ? getStayTitle(stay) : day.name;
+        return (React__default.createElement("div", { className: "search__results__label search__results__label--secondary" },
+            React__default.createElement("div", { className: "search__results__label__date" },
+                React__default.createElement("p", { className: "search__results__label__date-date" }, format$2(date, 'd', { locale })),
+                React__default.createElement("p", null, format$2(date, 'MMM', { locale }))),
+            React__default.createElement("div", { className: "search__results__label__text" },
+                React__default.createElement(Icon, { name: stay ? 'ui-bed' : 'ui-location', height: 16 }),
+                React__default.createElement("h3", null,
+                    React__default.createElement("strong", null, title)))));
+    };
+    const renderServiceNode = (item, showHeader = true, headerTitle) => {
         const { node, line } = item;
         const availability = trajectNodeAvailability[line.guid];
         const results = availability?.results ?? [];
@@ -33325,13 +34170,15 @@ const TrajectResults = ({ isLoading }) => {
         // No entry yet means the node's search has been queued but not dispatched — still loading.
         const status = availability?.status ?? 'loading';
         return (React__default.createElement(React__default.Fragment, { key: line.guid },
-            React__default.createElement("div", { className: "search__results__label search__results__label--secondary" },
+            showHeader && (React__default.createElement("div", { className: "search__results__label search__results__label--secondary" },
                 React__default.createElement("div", { className: "search__results__label__date" },
                     React__default.createElement("p", { className: "search__results__label__date-date" }, format$2(new Date(line.from), 'd', { locale })),
                     React__default.createElement("p", null, format$2(new Date(line.from), 'MMM', { locale }))),
                 React__default.createElement("div", { className: "search__results__label__text" },
-                    React__default.createElement(Icon, { name: getNodeIcon(node), height: 16 }))),
-            status === 'loading' && (React__default.createElement(Spinner, { label: node.serviceType === EXCURSION_SERVICE_TYPE ? translations.SRP.LOADING_EXCURSIONS : translations.SRP.LOADING_ACCOMMODATIONS })),
+                    React__default.createElement(Icon, { name: getNodeIcon(node), height: 16 }),
+                    React__default.createElement("h3", null,
+                        React__default.createElement("strong", null, headerTitle || node.name))))),
+            status === 'loading' && React__default.createElement(Spinner, { label: translations.SRP.LOADING_ACCOMMODATIONS }),
             status === 'unavailable' && React__default.createElement("div", { className: "no-results" }, translations.SRP.NO_RESULTS),
             status === 'resolved' && selected && (React__default.createElement(React__default.Fragment, null,
                 availability.preferredUnavailable && node.preferredAccommodationName && (React__default.createElement("div", { className: "search__results__cards__actions" },
@@ -33339,8 +34186,8 @@ const TrajectResults = ({ isLoading }) => {
                         node.preferredAccommodationName,
                         " \u2014 ",
                         translations.SRP.NO_RESULTS))),
-                React__default.createElement("div", { className: "search__results__cards search__results__cards--compact" }, [selected, ...configured].map((result) => (React__default.createElement(TrajectNodeCard, { key: result.code, item: item, result: result, isSelected: result.code === selected.code, languageCode: context.languageCode, translations: translations, onSelect: () => handleSelect(item, result.code), onEditOptions: node.serviceType === ACCOMMODATION_SERVICE_TYPE ? () => handleEditOptions(item) : undefined, showNights: node.serviceType === ACCOMMODATION_SERVICE_TYPE })))),
-                others.length > 0 && (React__default.createElement("div", { className: "search__results__cards__actions" },
+                React__default.createElement("div", { className: "search__results__cards search__results__cards--scroll" }, [selected, ...configured].map((result) => (React__default.createElement(TrajectNodeCard, { key: result.code, node: node, result: result, isSelected: result.code === selected.code, languageCode: context.languageCode, translations: translations, onSelect: () => handleSelect(item, result.code), onEditOptions: node.serviceType === ACCOMMODATION_SERVICE_TYPE ? () => handleEditOptions(item) : undefined, showNights: node.serviceType === ACCOMMODATION_SERVICE_TYPE })))),
+                others.length > 0 && !hideShowMoreResults && (React__default.createElement("div", { className: "search__results__cards__actions" },
                     React__default.createElement("button", { type: "button", className: "cta cta--secondary", onClick: () => handleShowMore(item) },
                         translations.SRP.SHOW_MORE,
                         " (",
@@ -33358,8 +34205,7 @@ const TrajectResults = ({ isLoading }) => {
         const flights = availability?.results ?? [];
         const selected = flights.find((x) => x.outwardGuid === availability?.selectedGuid) ?? null;
         const others = flights.filter((x) => x.outwardGuid !== availability?.selectedGuid);
-        const isExpanded = !!expandedNodes[line.guid];
-        const visible = isExpanded ? others : others.slice(0, 2);
+        const visible = others.slice(0, 2);
         return (React__default.createElement(React__default.Fragment, { key: line.guid },
             React__default.createElement("div", { className: "search__results__label search__results__label--secondary" },
                 React__default.createElement("div", { className: "search__results__label__date" },
@@ -33368,8 +34214,6 @@ const TrajectResults = ({ isLoading }) => {
                 React__default.createElement("div", { className: "search__results__label__text" },
                     React__default.createElement(Icon, { name: "ui-flight", height: 16 }),
                     React__default.createElement("h3", null,
-                        translations.SRP.SELECT,
-                        ' ',
                         React__default.createElement("strong", null,
                             node.departureAirportCode,
                             " - ",
@@ -33380,41 +34224,139 @@ const TrajectResults = ({ isLoading }) => {
                 React__default.createElement("div", { className: "search__results__cards search__results__cards--extended" },
                     React__default.createElement(IndependentFlightOption, { key: `flight-${selected.outwardGuid}`, item: selected.outward, guid: selected.outwardGuid, selectedGuid: selected.outwardGuid, isOutward: true, showSelectedState: true, price: selected.price }),
                     visible.map((result) => (React__default.createElement(IndependentFlightOption, { key: `flight-${result.outwardGuid}`, item: result.outward, guid: result.outwardGuid, isOutward: true, price: result.price, currentSelectedPrice: selected.price, onSelect: () => handleSelectFlight(item, result) })))),
-                others.length > 2 && (React__default.createElement("div", { className: "search__results__cards__actions" },
-                    React__default.createElement("button", { type: "button", className: "cta cta--secondary", onClick: () => toggleExpanded(line.guid) }, isExpanded ? translations.SRP.SHOW_LESS : `${translations.SRP.SHOW_MORE} (${others.length - 2})`)))))));
+                others.length > 2 && !hideShowMoreResults && (React__default.createElement("div", { className: "search__results__cards__actions" },
+                    React__default.createElement("button", { type: "button", className: "cta cta--secondary", onClick: () => handleShowMoreFlights(item) },
+                        translations.SRP.SHOW_MORE,
+                        " (",
+                        others.length - 2,
+                        ")")))))));
+    };
+    /** The lines a suggested activity put on the entry, which is also how we know it was added. */
+    const getAddedExcursionLines = (result) => (editablePackagingEntry?.lines ?? []).filter((line) => line.serviceType === EXCURSION_SERVICE_TYPE && line.productCode === result.code && isSameDay(new Date(line.from), new Date(result.fromDate)));
+    const handleToggleActivity = (result) => {
+        const added = getAddedExcursionLines(result);
+        if (added.length) {
+            dispatch(removeEditableEntryLines(added.map((line) => line.guid)));
+            return;
+        }
+        if (excursionNeedsChoice(result)) {
+            dispatch(setExcursionSearchParams(buildExcursionSearchParams(result)));
+            dispatch(setSelectedExcursionSearchResult(result));
+            dispatch(setFlyInType('excursion-details'));
+            dispatch(setFlyInIsOpen(true));
+            return;
+        }
+        const lines = buildTrajectExcursionLines(result);
+        if (lines.length)
+            dispatch(addEditableEntryLines(lines));
+    };
+    const handleShowItinerary = () => {
+        dispatch(setTrajectItineraryView(true));
+        if (typeof window !== 'undefined')
+            window.scrollTo(0, 0);
+    };
+    const handleShowMoreActivities = (dayOrder) => {
+        dispatch(setTrajectActivitiesDayOrder(dayOrder));
+        dispatch(setFlyInType('traject-day-activities'));
+        dispatch(setFlyInIsOpen(true));
+    };
+    /** The excursion nodes the traject itself puts on a day. */
+    const getDayExcursionItems = (dayOrder) => (nodesByDay.get(dayOrder) ?? [])
+        .filter((node) => node.trajectNodeType === REGULAR_TRAJECT_NODE_TYPE && node.serviceType === EXCURSION_SERVICE_TYPE)
+        .map((node) => lineByNodeId.get(node.nodeId))
+        .filter((x) => !!x);
+    /**
+     * One block per day for everything there is to do that day.
+     *
+     * What the traject books sits first and stays selected; the rest of the day follows as things
+     * the traveller may add. They share a row because they answer the same question — an excursion
+     * on the traject and one found for the day are alternatives to each other, and a block apiece
+     * would only hide that.
+     */
+    const renderDayActivities = (day) => {
+        const items = getDayExcursionItems(day.order);
+        const suggestions = trajectDaySuggestions[day.order];
+        const cards = buildDayActivityCards(items, trajectNodeAvailability, suggestions?.results ?? []);
+        const nodesResolving = items.some((item) => (trajectNodeAvailability[item.line.guid]?.status ?? 'loading') === 'loading');
+        const isSearching = suggestions?.status === 'loading';
+        const canSearch = !!getDayDestination(nodesWithLines, trajectNodeAvailability, day.order);
+        if (!items.length && !canSearch)
+            return null;
+        const visible = cards.slice(0, MAX_DAY_ACTIVITIES);
+        const hidden = cards.length - visible.length;
+        return (React__default.createElement(React__default.Fragment, { key: `activities-${day.order}` },
+            React__default.createElement("div", { className: "search__results__label search__results__label--secondary" },
+                React__default.createElement("div", { className: "search__results__label__date" },
+                    React__default.createElement("p", { className: "search__results__label__date-date" }, format$2(new Date(day.date), 'd', { locale })),
+                    React__default.createElement("p", null, format$2(new Date(day.date), 'MMM', { locale }))),
+                React__default.createElement("div", { className: "search__results__label__text" },
+                    React__default.createElement(Icon, { name: "ui-excursion", height: 16 }),
+                    React__default.createElement("h3", null,
+                        React__default.createElement("strong", null, translations.SRP.ACTIVITIES)))),
+            (nodesResolving || isSearching) && !cards.length && React__default.createElement(Spinner, { label: translations.SRP.LOADING_ACTIVITIES }),
+            !!cards.length && React__default.createElement("div", { className: "search__results__cards search__results__cards--scroll" }, visible.map(renderActivityCard)),
+            !nodesResolving && !isSearching && !cards.length && (!!items.length || !!suggestions) && (React__default.createElement("div", { className: "no-results" }, translations.SRP.NO_RESULTS)),
+            React__default.createElement("div", { className: "search__results__cards__actions" },
+                !suggestions && canSearch && !cards.length && !hideShowMoreResults && (React__default.createElement("button", { type: "button", className: "cta cta--secondary", onClick: () => loadDay(day) }, translations.SRP.SHOW_ACTIVITIES)),
+                hidden > 0 && !hideShowMoreResults && (React__default.createElement("button", { type: "button", className: "cta cta--secondary", onClick: () => handleShowMoreActivities(day.order) },
+                    translations.SRP.SHOW_MORE,
+                    " (",
+                    hidden,
+                    ")")))));
+    };
+    /**
+     * An activity the traject books is swapped for another, the way a hotel is; one the traveller
+     * found for themselves is added to the trip or taken back off it.
+     */
+    const renderActivityCard = ({ result, item }) => {
+        const isSelected = item ? trajectNodeAvailability[item.line.guid]?.selectedCode === result.code : getAddedExcursionLines(result).length > 0;
+        return (React__default.createElement(TrajectNodeCard, { key: `activity-${result.code}`, node: item?.node, result: result, isSelected: isSelected, languageCode: context.languageCode, translations: translations, onSelect: () => (item ? handleSelect(item, result.code) : handleToggleActivity(result)), selectLabel: item ? undefined : translations.SRP.ADD, selectedLabel: item ? undefined : translations.SRP.REMOVE }));
     };
     if (isLoading)
         return React__default.createElement(Spinner, { label: translations.SRP.LOADING_ITINERARY });
-    return (React__default.createElement(React__default.Fragment, null, trajectEntry.traject.days.map((day) => {
-        const dayNodes = nodesByDay.get(day.order) ?? [];
-        if (!dayNodes.length)
-            return null;
-        return (React__default.createElement(React__default.Fragment, { key: `day-${day.order}` }, dayNodes.map((node) => {
-            if (node.serviceType !== ACCOMMODATION_SERVICE_TYPE && node.serviceType !== EXCURSION_SERVICE_TYPE && node.serviceType !== FLIGHT_SERVICE_TYPE)
-                return null;
-            // if (node.trajectNodeType === CONNECTING_TRAJECT_NODE_TYPE) return null;
-            // if (node.trajectNodeType !== REGULAR_TRAJECT_NODE_TYPE) return renderContextNode(node);
-            if (node.trajectNodeType !== REGULAR_TRAJECT_NODE_TYPE)
-                return null;
-            const item = lineByNodeId.get(node.nodeId);
-            // if (!item) return renderContextNode(node);
-            if (!item)
-                return null;
-            return isTrajectFlightNode(node) ? renderFlightNode(item) : renderServiceNode(item);
-        })));
-    })));
+    return (React__default.createElement(React__default.Fragment, null,
+        trajectEntry.traject.days.map((day) => {
+            const stay = stayByDay.get(day.order);
+            const dayNodes = (nodesByDay.get(day.order) ?? []).filter((node) => isRenderableNode(node) && lineByNodeId.has(node.nodeId));
+            const stayLeadsDay = !!stay && (stay.night > 0 || dayNodes[0]?.nodeId === stay.item.node.nodeId);
+            // Where the day's activities belong in the order: with the first excursion it carries.
+            const firstExcursionNodeId = dayNodes.find((node) => node.serviceType === EXCURSION_SERVICE_TYPE)?.nodeId;
+            const showDayHeader = stayLeadsDay || !!day.name?.trim();
+            return (React__default.createElement(React__default.Fragment, { key: `day-${day.order}` },
+                showDayHeader && renderDayHeader(day, stayLeadsDay ? stay : undefined),
+                dayNodes.map((node) => {
+                    const item = lineByNodeId.get(node.nodeId);
+                    if (node.serviceType === ACCOMMODATION_SERVICE_TYPE) {
+                        const stayStart = stayStartByNodeId.get(node.nodeId);
+                        const titledByDayHeader = stayLeadsDay && stay.item.node.nodeId === node.nodeId;
+                        return renderServiceNode(item, !titledByDayHeader, stayStart && getStayTitle(stayStart));
+                    }
+                    // Every excursion the day holds is drawn once, in one block, where the first of
+                    // them falls in the order — so the activities still sit between the stay and the
+                    // flight that follow them.
+                    if (node.serviceType === EXCURSION_SERVICE_TYPE) {
+                        return node.nodeId === firstExcursionNodeId ? renderDayActivities(day) : null;
+                    }
+                    return renderFlightNode(item);
+                }),
+                firstExcursionNodeId === undefined && renderDayActivities(day)));
+        }),
+        React__default.createElement("div", { className: "search__results__cards__actions" },
+            React__default.createElement("button", { type: "button", className: "cta", disabled: trajectResolving, onClick: handleShowItinerary }, translations.STEPS.NEXT))));
 };
 
 const useTrajectAvailability = () => {
     const context = useContext(SearchResultsConfigurationContext);
     const dispatch = useDispatch();
     const trajectEntry = context?.trajectEntry;
-    const showNonPreferredItems = !!context?.showNonPreferredItems;
+    const showApiItems = !!context?.showApiItems;
+    const hideShowMoreResults = !!context?.hideShowMoreResults;
     useEffect(() => {
         if (!context || !trajectEntry)
             return;
         const controller = new AbortController();
         dispatch(resetTrajectAvailability());
+        dispatch(setTrajectResolving(true));
         const config = {
             host: context.tideConnection.host,
             apiKey: context.tideConnection.apiKey
@@ -33441,36 +34383,51 @@ const useTrajectAvailability = () => {
             const lineGuid = item.line.guid;
             const search = item.node.serviceType === EXCURSION_SERVICE_TYPE ? build.searchPackagingExcursions : build.searchPackagingAccommodations;
             dispatch(setTrajectNodeLoading(lineGuid));
+            const destination = getNodeSearchDestination(nodesWithLines, item);
+            const searchFor = async (productCode) => {
+                try {
+                    const results = (await search(config, buildTrajectNodeRequest(item, searchContext, productCode, destination), controller.signal)) ?? [];
+                    return results.filter((x) => showApiItems || !isExternalResult(x));
+                }
+                catch (error) {
+                    if (!controller.signal.aborted)
+                        console.error('Traject product unavailable', item.node.name, productCode, error);
+                    return [];
+                }
+            };
             try {
-                const candidates = getNodeCandidates(item.node);
-                const attempts = await Promise.all(candidates.map(async (candidate) => {
-                    try {
-                        const attempt = await search(config, buildTrajectNodeRequest(item, searchContext, candidate.code), controller.signal);
-                        return (attempt ?? []).find((result) => matchesCode(result, candidate.code)) ?? null;
-                    }
-                    catch (error) {
-                        if (!controller.signal.aborted)
-                            console.error('Traject hotel unavailable', candidate.code, error);
-                        return null;
-                    }
+                // With external items switched off the node only looks at products held inside Tide.
+                const candidates = getNodeCandidates(item.node).filter((x) => showApiItems || !isExternalCandidate(x));
+                const areaResults = hideShowMoreResults ? [] : await searchFor('');
+                if (controller.signal.aborted)
+                    return [];
+                const configuredResults = [];
+                const found = await Promise.all(candidates.map(async (candidate) => {
+                    const known = areaResults.find((x) => matchesCode(x, candidate.code));
+                    if (known)
+                        return known;
+                    return (await searchFor(candidate.code)).find((x) => matchesCode(x, candidate.code)) ?? null;
                 }));
-                const configuredResults = attempts
-                    .filter((x) => !!x)
-                    .filter((x, i, all) => all.findIndex((y) => y.code === x.code) === i);
+                if (controller.signal.aborted)
+                    return [];
+                // Two configured codes can land on the same product — a hotel and one of its room types.
+                found.forEach((result) => {
+                    if (!result || configuredResults.some((x) => x.code === result.code))
+                        return;
+                    configuredResults.push(result);
+                });
+                const configuredCodes = new Set(configuredResults.map((x) => x.code));
+                const destinationResults = areaResults.filter((x) => !configuredCodes.has(x.code));
                 const preferredCandidate = candidates.find((x) => x.isPreferred) ?? candidates[0];
-                let preferredUnavailable = !!preferredCandidate && !configuredResults.some((x) => matchesCode(x, preferredCandidate.code));
-                const destinationResults = showNonPreferredItems
-                    ? ((await search(config, buildTrajectNodeRequest(item, searchContext, ''), controller.signal)) ?? []).filter((x) => !configuredResults.some((configured) => configured.code === x.code))
-                    : [];
-                const results = [...configuredResults, ...destinationResults];
+                const preferredUnavailable = configuredResults.length
+                    ? !!preferredCandidate && !configuredResults.some((x) => matchesCode(x, preferredCandidate.code))
+                    : candidates.length > 0;
                 const picked = configuredResults[0] ?? pickCheapest(destinationResults);
-                if (!configuredResults.length)
-                    preferredUnavailable = candidates.length > 0;
                 if (controller.signal.aborted)
                     return [];
                 dispatch(setTrajectNodeAvailability({
                     lineGuid,
-                    results,
+                    results: [...configuredResults, ...destinationResults],
                     selectedCode: picked?.code ?? null,
                     preferredUnavailable
                 }));
@@ -33514,11 +34471,11 @@ const useTrajectAvailability = () => {
             }
         };
         (async () => {
-            const searchable = nodesWithLines.filter((x) => isSearchableTrajectNode(x.node));
-            const flightNodes = nodesWithLines.filter((x) => isTrajectFlightNode(x.node));
-            const unresolved = (await Promise.all([...searchable.map(resolveNode), ...flightNodes.map(resolveFlightNode)])).flat();
+            const resolvable = nodesWithLines.filter((x) => isSearchableTrajectNode(x.node) || isTrajectFlightNode(x.node));
+            const unresolved = (await Promise.all(resolvable.map((item) => (isTrajectFlightNode(item.node) ? resolveFlightNode(item) : resolveNode(item))))).flat();
             if (controller.signal.aborted)
                 return;
+            dispatch(setTrajectResolving(false));
             // A node with no availability anywhere cannot be priced or booked, so its line comes off
             // the entry. The card stays visible and reports the gap.
             const emptyLineGuids = unresolved.filter(Boolean);
@@ -33526,7 +34483,7 @@ const useTrajectAvailability = () => {
                 dispatch(removeEditableEntryLines(emptyLineGuids));
         })();
         return () => controller.abort();
-    }, [trajectEntry, showNonPreferredItems]);
+    }, [trajectEntry, showApiItems, hideShowMoreResults]);
 };
 
 const SearchResultsContainer = ({ onBookingStarted }) => {
@@ -33534,10 +34491,12 @@ const SearchResultsContainer = ({ onBookingStarted }) => {
     const dispatch = useDispatch();
     const context = useContext(SearchResultsConfigurationContext);
     const translations = getTranslations(context?.languageCode ?? 'en-GB');
-    const { results, filteredResults, packagingAccoResults, filteredPackagingAccoResults, isLoading, flightsLoading, initialFilters, filters, flightFilters, selectedSortType, selectedFlightSortType, selectedSearchResult, selectedPackagingAccoResultCode, flyInIsOpen, packagingAccoSearchDetails, editablePackagingEntry, transactionId, flyInType, packagingFlightResults, confirmedExcursionsByDay, bookPackagingEntry, trajectEditLineGuid } = useSelector((state) => state.searchResults);
+    const { results, filteredResults, packagingAccoResults, filteredPackagingAccoResults, isLoading, flightsLoading, initialFilters, filters, flightFilters, selectedSortType, selectedFlightSortType, selectedSearchResult, selectedPackagingAccoResultCode, flyInIsOpen, packagingAccoSearchDetails, editablePackagingEntry, transactionId, flyInType, packagingFlightResults, confirmedExcursionsByDay, bookPackagingEntry, trajectEditLineGuid, trajectResolving, trajectItineraryView } = useSelector((state) => state.searchResults);
     const isMobile = useMediaQuery('(max-width: 1200px)');
     // Resolves live availability per traject node; no-op unless a traject entry is configured.
     useTrajectAvailability();
+    // The entry as the backend can price it: a traject swaps in the guids its searches cached.
+    const bookableEntry = useBookableEntry();
     const [initialFiltersSet, setInitialFiltersSet] = useState(false);
     const [initialFlightFiltersSet, setInitialFlightFiltersSet] = useState(false);
     const [filtersOpen, setFiltersOpen] = useState(false);
@@ -34304,6 +35263,10 @@ const SearchResultsContainer = ({ onBookingStarted }) => {
         const fetchPriceDetails = async () => {
             if (!context || !editablePackagingEntry || isEmpty$1(editablePackagingEntry.lines))
                 return;
+            // A traject resolves one node at a time. Pricing each step would show a total that climbs
+            // as the trip fills in, so the whole trip is priced once, when the last node is in.
+            if (context.trajectEntry && trajectResolving)
+                return;
             setPricesAreLoading(true);
             try {
                 const config = {
@@ -34315,7 +35278,7 @@ const SearchResultsContainer = ({ onBookingStarted }) => {
                     officeId: context.tideConnection.officeId,
                     catalogueId: context.searchConfiguration.defaultCatalogueId ?? first(context?.tideConnection?.catalogueIds) ?? 1,
                     agentId: context.agentId,
-                    payload: editablePackagingEntry
+                    payload: bookableEntry ?? editablePackagingEntry
                 };
                 const priceDetails = await build.getPriceDetails(config, request);
                 dispatch(setPriceDetails(priceDetails));
@@ -34329,8 +35292,9 @@ const SearchResultsContainer = ({ onBookingStarted }) => {
         const fetchItinerary = async () => {
             if (!context || !context.packagingEntry || !editablePackagingEntry || isEmpty$1(editablePackagingEntry.lines))
                 return;
-            // The traject view renders its own day-by-day column, so the generated itinerary is unused.
-            if (context.trajectEntry)
+            // While a traject is being composed its own day-by-day column is the itinerary; the generated
+            // one is what the traveller reads the finished trip back from, so it waits until then.
+            if (context.trajectEntry && (trajectResolving || !trajectItineraryView))
                 return;
             setItineraryIsLoading(true);
             try {
@@ -34343,7 +35307,7 @@ const SearchResultsContainer = ({ onBookingStarted }) => {
                     officeId: context.tideConnection.officeId,
                     catalogueId: context.searchConfiguration.defaultCatalogueId ?? first(context?.tideConnection?.catalogueIds) ?? 1,
                     agentId: context.agentId,
-                    payload: editablePackagingEntry
+                    payload: bookableEntry ?? editablePackagingEntry
                 };
                 const itinerary = await build.getItinerary(config, request);
                 dispatch(setItinerary(itinerary));
@@ -34356,7 +35320,7 @@ const SearchResultsContainer = ({ onBookingStarted }) => {
         };
         fetchPriceDetails();
         fetchItinerary();
-    }, [editablePackagingEntry]);
+    }, [editablePackagingEntry, bookableEntry, trajectResolving, trajectItineraryView]);
     // Flight selection
     // const [selectedOutwardKey, setSelectedOutwardKey] = useState<string | null>(null);
     // const [selectedReturnKey, setSelectedReturnKey] = useState<string | null>(null);
@@ -34705,6 +35669,11 @@ const SearchResultsContainer = ({ onBookingStarted }) => {
             address: {}
         };
     };
+    const handleComposeTraject = () => {
+        dispatch(setTrajectItineraryView(false));
+        if (typeof window !== 'undefined')
+            window.scrollTo(0, 0);
+    };
     const handleShowMoreFlights = (flyInType) => {
         dispatch(setFlyInType(flyInType));
         dispatch(setFlyInIsOpen(true));
@@ -34720,7 +35689,7 @@ const SearchResultsContainer = ({ onBookingStarted }) => {
             context.searchConfiguration.qsmType != build.PortalQsmType.AccommodationAndFlight && context.showFilters && (React__default.createElement(Filters, { initialFilters: initialFilters, filters: filters, isOpen: filtersOpen, handleSetIsOpen: () => setFiltersOpen(!filtersOpen), 
                 // handleApplyFilters={() => setSearchTrigger((prev) => prev + 1)}
                 isLoading: isLoading, setFilters: (filters) => dispatch(setFilters(filters)), resetFilters: (filters) => dispatch(resetFilters(filters)) })),
-            context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight && (React__default.createElement(Itinerary, { isOpen: itineraryOpen, handleSetIsOpen: () => setItineraryOpen(!itineraryOpen), isLoading: isLoading || pricesAreLoading || flightsLoading || itineraryIsLoading, onEditAccommodation: handleEditAccommodation })),
+            context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight && (React__default.createElement(Itinerary, { isOpen: itineraryOpen, handleSetIsOpen: () => setItineraryOpen(!itineraryOpen), isLoading: isLoading || pricesAreLoading || flightsLoading || itineraryIsLoading || trajectResolving, onEditAccommodation: handleEditAccommodation })),
             React__default.createElement("div", { className: "search__results" },
                 isMobile && (React__default.createElement("div", { className: "search__result-row" },
                     React__default.createElement("div", { className: "search__results__actions" },
@@ -34794,7 +35763,11 @@ const SearchResultsContainer = ({ onBookingStarted }) => {
                         React__default.createElement("div", { className: "search__results__cards search__results__cards--extended" },
                             selectedReturnKey && selectedReturn && (React__default.createElement(IndependentFlightOption, { key: `flight-${selectedReturnKey}`, item: selectedReturn.return, guid: selectedReturn.outwardGuid, selectedGuid: selectedReturn.outwardGuid, isOutward: false, showSelectedState: true, price: selectedReturn.price })),
                             uniqueReturnFlights.map((result) => (React__default.createElement(IndependentFlightOption, { key: `flight-${result.outwardGuid}`, item: result.return, onSelect: () => dispatch(setSelectedReturnKey(getFlightKey(result.return.segments))), guid: result.outwardGuid, isOutward: false, currentSelectedPrice: selectedReturn?.price, price: result.price })))))),
-                    context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight && context.trajectEntry && (React__default.createElement(TrajectResults, { isLoading: isLoading })),
+                    context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight && context.trajectEntry && !trajectItineraryView && (React__default.createElement(TrajectResults, { isLoading: isLoading })),
+                    context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight && context.trajectEntry && trajectItineraryView && (React__default.createElement(React__default.Fragment, null,
+                        React__default.createElement("div", { className: "search__results__cards__actions" },
+                            React__default.createElement("button", { type: "button", className: "cta cta--secondary", onClick: handleComposeTraject }, translations.STEPS.PREVIOUS)),
+                        React__default.createElement(FullItinerary, { isLoading: itineraryIsLoading }))),
                     context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight && context.packagingEntry && !context.trajectEntry && (React__default.createElement(FullItinerary, { isLoading: itineraryIsLoading })))),
             React__default.createElement(FlyIn, { srpType: context.searchConfiguration.qsmType, isOpen: flyInIsOpen, setIsOpen: handleFlyInToggle, handleConfirm: () => handleConfirmHotelSwap(), onPanelRef: (el) => (panelRef.current = el), detailsLoading: detailsIsLoading, flyInType: flyInType, isPackageEditFlow: !!context.packagingEntry, sortByTypes: sortByTypes, activeSearchSeed: activeSearchSeed, toggleFilters: () => setFiltersOpen(!filtersOpen), filtersOpen: filtersOpen })))))))));
 };
@@ -37703,20 +38676,20 @@ function ItineraryMapView({ destinations: propDestinations, adults = 2, dateFrom
             const isStartEnd = dest.isStart || dest.isEnd;
             let iconHtml;
             if (isStartEnd) {
-                iconHtml = `
-          <div class="map-view__marker map-view__marker--plane">
-            <svg viewBox="0 0 576 512" fill="currentColor" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
-              <path d="M482.3 192c34.2 0 93.7 29 93.7 64c0 36-59.5 64-93.7 64l-116.6 0L265.2 495.9c-5.7 10.1-16.3 16.1-27.8 16.1l-56.2 0c-10.6 0-18.3-10.3-15.8-20.6l49-196.3L112 288 68.8 377.6c-3 6.1-9.2 10.4-16 10.4l-2.8 0c-9.2 0-16-8.8-13.3-17.6L80 256L36.7 141.6C34 132.8 40.8 124 50 124l2.8 0c6.8 0 13 4.3 16 10.4L112 224l102.9 0-49-196.3C163.5 17.3 171.2 7 181.8 7l56.2 0c11.5 0 22.1 6 27.8 16.1L365.7 192l116.6 0z"/>
-            </svg>
+                iconHtml = `
+          <div class="map-view__marker map-view__marker--plane">
+            <svg viewBox="0 0 576 512" fill="currentColor" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
+              <path d="M482.3 192c34.2 0 93.7 29 93.7 64c0 36-59.5 64-93.7 64l-116.6 0L265.2 495.9c-5.7 10.1-16.3 16.1-27.8 16.1l-56.2 0c-10.6 0-18.3-10.3-15.8-20.6l49-196.3L112 288 68.8 377.6c-3 6.1-9.2 10.4-16 10.4l-2.8 0c-9.2 0-16-8.8-13.3-17.6L80 256L36.7 141.6C34 132.8 40.8 124 50 124l2.8 0c6.8 0 13 4.3 16 10.4L112 224l102.9 0-49-196.3C163.5 17.3 171.2 7 181.8 7l56.2 0c11.5 0 22.1 6 27.8 16.1L365.7 192l116.6 0z"/>
+            </svg>
           </div>`;
             }
             else {
                 stopIndex++;
                 const imgStyle = dest.imageUrl ? `style="background-image:url('${dest.imageUrl}')"` : '';
-                iconHtml = `
-          <div class="map-view__marker map-view__marker--stop" ${imgStyle}>
-            ${!dest.imageUrl ? `<span class="map-view__marker-number">${stopIndex}</span>` : ''}
-            <span class="map-view__marker-badge">${stopIndex}</span>
+                iconHtml = `
+          <div class="map-view__marker map-view__marker--stop" ${imgStyle}>
+            ${!dest.imageUrl ? `<span class="map-view__marker-number">${stopIndex}</span>` : ''}
+            <span class="map-view__marker-badge">${stopIndex}</span>
           </div>`;
             }
             const icon = L.divIcon({