← Back to Component Index

Flight Finder (Jumpseat)

Updated: 2026-08-14 12:29 ET · Audited: 2026-06-26 · 9 screens · Figma file psH738AqHDxuMyFm897f9r · Epic AB#1821

Jumpseat flight search — search form, results, recent/saved searches, saved flights, and airline jumpseat policies. All data-complete (no backend gaps).

Slot-by-slot composition table (component → ViewModel → data source) for this area: page-compositions.html#flight-finder
Implementation accuracy audit (2026-07-18, AB#2297): all 9 screens compared against the live Blazor pages — verdict matrix, discrepancy log FF-1…FF-17, and visual pairs in flight-finder-audit.html. Both headline findings are now resolved: the Airline Policies detail screen was built the same day (FF-2), and the static /jumpseat/details mock (FF-1) was replaced by the Figma inline-expand (D64) and, for tapped flight alerts, by a real detail screen (D66).
Screen not in the Figma set — Flight Details (2026-08-14, D66): /jumpseat/flight-detail exists in code but has no design node; the design expands results inline and has never covered a push-tap destination. It therefore invents no visual language — it composes the flight card-og master's own expanded variant (4713:19985) held permanently open (ExpandLocked), with only the screen chrome and a status-currency line around it. Reached today by a tapped flight alert; the results-card tap still expands inline.
Flight Finder — Search
Interior sub-page
Flight Finder — Search
Node 4713:25117 · psH738Aq…
Search form. Button pill (One Way / Round Trip). Labeled form fields (departure, arrival, date). 3-up search secondary buttons. 'ADVANCED SEARCH' pill-38 button.
Overlay — Flight Finder Filter
Modal overlay
Overlay — Flight Finder Filter
Node 4713:25163 · psH738Aq…
Modal sheet. Filter/sort controls (check, radio buttons) for results screen. Client-side filter state. Dismiss returns to results.
Flight Finder — Results
Interior sub-page
Flight Finder — Results
Node 4713:25168 · psH738Aq…
Search results list. flight-card-og rows (353×111 collapsed, expandable). Origin/destination, times, carriers per leg, layover chips, duration. FlightSearchAsync → FlightSearchResponse.
Recent Searches
Interior sub-page
Recent Searches
Node 4713:25203 · psH738Aq…
Recent search history. flight-card-recent-searches variant rows. Swipe-to-reveal delete. Local storage (client-side persistence).
Saved Searches
Interior sub-page
Saved Searches
Node 4713:25253 · psH738Aq…
Saved search criteria. flight-card-saved-searches variant (collapsed/expanded/swipe states). Client-side or sync persistence — confirm with product.
Saved Flights
Interior sub-page
Saved Flights
Node 4713:25365 · psH738Aq…
Flights the user has saved/subscribed to. flight-card-saved-flight variant. Bell icon = notification subscription (ToggleSubscriptionAsync). FindFlightInfoAsync for detail.
Airline Policies — Search
Interior sub-page
Airline Policies — Search
Node 4713:25303 · psH738Aq…
Search bar overlay for airline policies list. Master Form Field (search variant at top) + autocomplete nav-rows. Jumpseat sub-section context.
Airline Policies — List
Interior sub-page
Airline Policies — List
Node 4713:25321 · psH738Aq…
Airline jumpseat policies list. Master Form Field (nav-row variant): airline name + chevron. GetAirlineJumpseatPoliciesAsync → PolicyViewModel. Tapping opens policy detail.
Airline Policies — Detail
Interior sub-page
Airline Policies — Detail
Node 4713:25339 · psH738Aq…
Individual airline policy detail view (or alternate state of the list — confirm from Figma). PolicyViewModel fields: username, password, listings, IATA/ICAO codes.