UI Refresh #1821 — Documentation Hub

Updated: 2026-06-26 · Audited: 2026-06-26 · Work Item: AB#1821 · Last revised: 2026-06-10

Status: Component spec re-synced to Figma 2026-06-10 (decisions D1–D14). Implementation gated on Presentation Extraction (AB#2087).
Architecture: Blazor Hybrid + Hybrid SDUI (Path 2) — direction resolved 2026-06-08.
Target Launch: Fall 2026 (September–November)

Recommendation: Path 2 (Hybrid SDUI) — 31–38 weeks (Oct–Nov 2026). Can hit Fall 2026 deadline. Delivers 80% of SDUI value. Upgrade path to Path A (Full JSON SDUI) evaluable in 2027.

Architecture Paths Summary

Path	Effort	Launch	Fall 2026?	Best For
Path 2: Hybrid SDUI	31–38 weeks	Oct–Nov 2026	✅ Recommended	Hit deadline, upgrade later
Path A: Full JSON SDUI	52–60 weeks	Apr–Jun 2027	❌ No	Maximum flexibility, 2027 launch
Path B: Blazor Hybrid	20–24 weeks	Jul–Aug 2026	✅ Yes	HTML from CMS, WebView acceptable
Path C: FlagstoneUI + SDUI	56–64 weeks	May–Jul 2027	❌ No	Pixel-perfect (HIGH RISK v0.0.1)
Path D: Mixed Architecture	28–34 weeks	Sep–Oct 2026	⚠️ Tight	Pragmatic balance, mixed UX OK

See UI Refresh Decision Matrix for detailed phase breakdowns.

Component Spec & Figma Re-sync (2026-06-10)

The component library spec, re-synced to the 2026-06-10 Figma revision. Start here for component work.

COMPONENT-CHANGES — changelog: 34-master dispositions, dropped/folded/new/renamed, decisions D12–D14, designer annotations, token changes
Figma Revision 2026-06-10 Capture — full capture: inventory, designer Dev-Mode annotations, tier model, decisions, internal audit
Component Specifications Hub — the component library reference (scaffold + new tiers)
New Components Catalog — per-component provenance, structure, variants, dev notes for components added 2026-06-10
Component Decisions Record — authoritative D1–D14 (incl. D12 typed variant+CSS surface, D13 vendor strategy, D14 MAUI-free RCL, type-first card naming)
Design Tokens Reference — re-synced token set (semantic layer, status colors, MEC brand, spacing scale, typography)
Figma Sync Procedure — repeatable operating procedure for the next incremental sync

Not 100% delivered — more Figma designs may surface additional domain controls; the RCL extraction and per-component pages land with Presentation Extraction (AB#2087). Treat the spec as living.

Decision & Planning Documents

UI Refresh Decision Matrix — primary decision document with effort estimates for all 5 paths, phase-by-phase breakdowns, decision tree, and March 15, 2026 deadline analysis
UI Refresh Communications Questions — requirements questionnaire for Communications team; 6 categories (update frequency, what changes, MEC scope, offline requirements, backend infrastructure, risk tolerance)
Component Library Plan — component library architecture and implementation plan
Epic AB#1821 — UI Refresh — March 2026 sprint plan (week-by-week priorities) preserved in the Epic discussion

Communication Templates

Stakeholder Email Draft — progressive disclosure format for communicating UI Refresh status to stakeholders, MEC leadership, Communications team

Key Requirements (UAL MEC Communications)

Dashboard — Council, reps, fleet, seniority, ALPA #, PAC, Votenet, CTAs
Document Library — State-of-the-art search function
Committee Pages — Chair/vice-chair photos, contact info, comms, podcasts
Links — Global Entry, TSA Precheck, Passport, KCM locations
Tools — Offline FTDT calc, augmented rest break calc, Jumpseat finder, hotels
Offline Contact Info — Accident Hotline, Intl SOS, Council Reps, Professional Standards, Legal, SOAR

Technical requirements: MEC customization (different branding/styling per MEC); dynamic updates (same-day without app store approval); offline support for key features; integration with AIRO (member info), Votenet (open votes), existing APIs.

Critical Path (Path 2 — Recommended)

March 2026 (Week 1–2): Architecture decision finalized
March 2026 (Week 3–4): SDUI foundation begins (6 weeks)
April–August 2026 (Months 2–5): Feature UI development (25–32 weeks)
September 2026 (Month 6): Internal testing, pilot prep
October 2026 (Month 7): UAL/DAL pilots launch
November 2026 (Month 8): Refinements based on feedback

Next Actions

Finalize architecture decision (see Decision Matrix) — Path 2 recommended
Schedule Communications questionnaire workshop (use Communications Questions)
If choosing Path 2: begin SDUI foundation work Week 3–4 March (Remote ResourceDictionary loader, feature flag system, version management & caching)
Ensure team capacity for 7.5–9.5 month effort

Document History

2026-06-10: Rolled the Figma re-sync into the hub — component spec, decisions D12–D14, type-first naming, design-token re-sync, new-components catalog, sync procedure
2026-06-08: Architecture direction resolved — Blazor Hybrid + Hybrid SDUI (Path 2)
2026-03-02: Added detailed effort estimates for all paths; set March 15, 2026 architecture decision deadline