From 17d382e2b40c08d94194e4dbba940458db0bb67b Mon Sep 17 00:00:00 2001
From: leubeem <emanuel@binder-leube.de>
Date: Tue, 30 Jun 2026 16:18:13 +0200
Subject: [PATCH] feat(pm): send ICAO for taxi-route compute + show start
 spinner
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- useRadioBackend.createSession: forward airport_icao / destination_icao so the
  backend can compute the real OSM taxi route for taxi flows.
- pm.vue: pass the resolved airport ICAO from startMonitoring, and show a
  full-screen overlay ("Calculating taxi route…") while the session is being
  created — the backend computes taxi routes synchronously for taxi-only
  training, so the create call can take a few seconds.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 app/composables/useRadioBackend.ts | 11 ++++++++++-
 app/pages/pm.vue                   | 27 +++++++++++++++++++++++++++
 2 files changed, 37 insertions(+), 1 deletion(-)

diff --git a/app/composables/useRadioBackend.ts b/app/composables/useRadioBackend.ts
index 6f1320f..0dd6476 100644
--- a/app/composables/useRadioBackend.ts
+++ b/app/composables/useRadioBackend.ts
@@ -48,10 +48,19 @@ export function useRadioBackend() {
         flowSlug: string,
         variables?: Record<string, any>,
         noChain: boolean = false,
+        airportIcao?: string,
+        destinationIcao?: string,
     ): Promise<RadioSessionResponse> {
         return await $fetch<RadioSessionResponse>(`${baseUrl()}/api/radio/session`, {
             method: 'POST',
-            body: { flow_slug: flowSlug, variables: variables ?? null, no_chain: noChain },
+            body: {
+                flow_slug: flowSlug,
+                variables: variables ?? null,
+                no_chain: noChain,
+                // Lets the backend compute the real OSM taxi route for taxi flows.
+                airport_icao: airportIcao ?? null,
+                destination_icao: destinationIcao ?? null,
+            },
         })
     }
 
diff --git a/app/pages/pm.vue b/app/pages/pm.vue
index b0ea726..67052cf 100644
--- a/app/pages/pm.vue
+++ b/app/pages/pm.vue
@@ -1,5 +1,16 @@
 <template>
   <div class="min-h-screen bg-[#050910] text-white">
+    <!-- Session-start overlay: covers the (synchronous) taxi-route computation -->
+    <div
+        v-if="sessionStarting"
+        class="fixed inset-0 z-[2000] flex flex-col items-center justify-center gap-4 bg-[#050910]/80 backdrop-blur"
+        role="status"
+        aria-live="polite"
+    >
+      <v-progress-circular indeterminate color="cyan" size="48" width="4" />
+      <p class="text-sm text-white/80">{{ sessionStartingMessage }}</p>
+    </div>
+
     <div v-if="currentScreen !== 'monitor'" class="mx-auto w-full max-w-[420px] px-4 pb-24 pt-6 sm:px-6">
       <!-- Login/Flight Selection Screen -->
       <section v-if="currentScreen === 'login'" class="space-y-6">
@@ -3620,8 +3631,18 @@ const loadFlightPlans = async () => {
   }
 }
 
+// Overlay shown while a session is being created. For taxi flows the backend
+// computes a real OSM taxi route synchronously, so the create call can take a
+// few seconds — the spinner tells the user that work is happening.
+const sessionStarting = ref(false)
+const sessionStartingMessage = ref('Starting session…')
+
 const startMonitoring = async (flightPlan: any, scenario: Scenario) => {
   activeScenario.value = scenario
+  sessionStarting.value = true
+  sessionStartingMessage.value = /^taxi/.test(scenario.startFlow)
+    ? 'Calculating taxi route…'
+    : 'Starting session…'
 
   // 1. Ensure the local tree is loaded from the Python backend (same source as session)
   try {
@@ -3631,6 +3652,7 @@ const startMonitoring = async (flightPlan: any, scenario: Scenario) => {
   } catch (err) {
     console.error('Failed to prepare decision engine', err)
     error.value = 'Entscheidungsbaum konnte nicht geladen werden.'
+    sessionStarting.value = false
     return
   }
 
@@ -3710,6 +3732,8 @@ const startMonitoring = async (flightPlan: any, scenario: Scenario) => {
       scenario.startFlow,
       backendVariables,
       scenario.noChain,
+      scenarioIcao,
+      v.dest || flightPlan.arr || flightPlan.arrival,
     )
     backendSessionId.value = session.session_id
     pmLog.group(`SESSION CREATED  id=${session.session_id.slice(0, 8)}`, () => {
@@ -3737,6 +3761,9 @@ const startMonitoring = async (flightPlan: any, scenario: Scenario) => {
     console.error('Failed to create backend session', err)
     error.value = 'Verbindung zum Training-Backend fehlgeschlagen.'
     return
+  } finally {
+    // The slow part (route computation) is done once createSession resolves.
+    sessionStarting.value = false
   }
 
   error.value = ''