brand renaming, scenario reloads flight

ui/app/src/pages/OpsNotifications.vue

@@ -1,40 +1,41 @@
 <script setup lang="ts">
-import { ref, onMounted } from 'vue'
+import { ref, onMounted, watch, inject } from 'vue'
 import { Panel } from 'soleprint-ui'
 import NotificationCard from '../components/NotificationCard.vue'
 import HandoverBrief from '../components/HandoverBrief.vue'
 
 const flights = ref<any[]>([])
 const selectedFlight = ref('')
-const efhasStatus = ref<'idle' | 'processing' | 'live' | 'error'>('idle')
+const fceStatus = ref<'idle' | 'processing' | 'live' | 'error'>('idle')
 const handoverStatus = ref<'idle' | 'processing' | 'live' | 'error'>('idle')
 const notification = ref<any>(null)
 const handoverBrief = ref<any>(null)
+const scenarioVersion = inject<any>('scenarioVersion')
+
+watch(scenarioVersion, () => {
+  loadFlights()
+  notification.value = null
+  handoverBrief.value = null
+  fceStatus.value = 'idle'
+  handoverStatus.value = 'idle'
+})
 
 async function loadFlights() {
-  // Load flights from active scenario via a simple status check on known IDs
-  const res = await fetch('/scenarios/active')
-  const scenario = await res.json()
-  // Fetch flights by triggering the shared MCP server isn't exposed directly
-  // so we'll use a hardcoded list per scenario for now
-  // TODO: expose flight list via API
-  flights.value = [
-    { id: 'UA432', label: 'UA432 ORD→SFO' },
-    { id: 'UA881', label: 'UA881 ORD→LAX' },
-    { id: 'UA233', label: 'UA233 ORD→DEN' },
-    { id: 'UA094', label: 'UA094 ORD→EWR' },
-    { id: 'UA517', label: 'UA517 ORD→IAH (CANCELLED)' },
-    { id: 'UA1220', label: 'UA1220 ORD→IAD (on-time)' },
-  ]
+  const res = await fetch('/scenarios/data/flights')
+  const data = await res.json()
+  flights.value = data.map((f: any) => ({
+    id: f.flight_id,
+    label: `${f.flight_id} ${f.origin}→${f.destination}${f.status !== 'ON_TIME' ? ' (' + f.status + ')' : ''}`,
+  }))
   selectedFlight.value = flights.value[0]?.id || ''
 }
 
-async function runEfhas() {
+async function runFce() {
   if (!selectedFlight.value) return
-  efhasStatus.value = 'processing'
+  fceStatus.value = 'processing'
   notification.value = null
 
-  const res = await fetch('/agents/efhas', {
+  const res = await fetch('/agents/fce', {
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify({ flight_id: selectedFlight.value }),
@@ -48,10 +49,10 @@ async function runEfhas() {
     if (data.status === 'completed') {
       clearInterval(poll)
       notification.value = data.result
-      efhasStatus.value = 'live'
+      fceStatus.value = 'live'
     } else if (data.status === 'error') {
       clearInterval(poll)
-      efhasStatus.value = 'error'
+      fceStatus.value = 'error'
     }
   }, 1000)
 }
@@ -86,20 +87,20 @@ onMounted(loadFlights)
 
 <template>
   <div class="ops-page">
-    <Panel title="FCE — Behind Every Departure" :status="efhasStatus">
+    <Panel title="FCE — Behind Every Departure" :status="fceStatus">
       <template #actions>
         <select v-model="selectedFlight" class="flight-select">
           <option v-for="f in flights" :key="f.id" :value="f.id">{{ f.label }}</option>
         </select>
-        <button class="run-btn" @click="runEfhas" :disabled="efhasStatus === 'processing'">
-          {{ efhasStatus === 'processing' ? 'Running...' : 'Run FCE' }}
+        <button class="run-btn" @click="runFce" :disabled="fceStatus === 'processing'">
+          {{ fceStatus === 'processing' ? 'Running...' : 'Run FCE' }}
         </button>
       </template>
 
       <div v-if="notification" class="result-area">
         <NotificationCard :data="notification" />
       </div>
-      <div v-else-if="efhasStatus === 'processing'" class="loading">
+      <div v-else-if="fceStatus === 'processing'" class="loading">
         Running agent... gathering flight data, weather, crew notes...
       </div>
       <div v-else class="empty">