Wire MENU page-menu + HRZN HDG — last dead display keys now functional

MENU (bezel hard key) now opens a G1000-style PAGE MENU (Invert / Store / Delete
flight plan) instead of only mirroring the sim command. HRZN HDG draws heading
reference marks (N/E/S/W + ticks) along the attitude horizon, toggled from the
PFD submenu. With TRAFFIC/NEXRAD/PROFILE/PATHWAY/APTSIGNS already wired, every
softkey now does something; only ENT remains a pure sim-command mirror.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

web/src/App.jsx

@@ -67,7 +67,7 @@ export default function App() {
   const [win, setWin] = useState(null);
   const toggleWin = (id) => setWin((w) => (w === id ? null : id));
   const nrst = win === 'nrst', tmr = win === 'tmr', dme = win === 'dme', alerts = win === 'alerts';
-  const fpl = win === 'fpl', dto = win === 'dto', proc = win === 'proc';
+  const fpl = win === 'fpl', dto = win === 'dto', proc = win === 'proc', menu = win === 'menu';
   // MFD map mode (base layer + overlays), switched via the Map-Opt softkeys.
   const [mapMode, setMapMode] = useState({ base: 'topo' });
   // VNAV profile control (FPL VNAV keys + Direct-To descent): enabled gates the
@@ -76,7 +76,7 @@ export default function App() {
   const [vnavCfg, setVnavCfg] = useState({ enabled: true, fpa: 3, offsetNm: 0 });
   // Synthetic-vision display options (PFD submenu): PATHWAY draws the flight-plan
   // route on the 3D terrain; APTSIGNS shows runway/airport labels.
-  const [svtOpts, setSvtOpts] = useState({ pathway: true, aptSigns: true });
+  const [svtOpts, setSvtOpts] = useState({ pathway: true, aptSigns: true, hrznHdg: false });
   // Altimeter barometric units (false = inHg, true = hectopascal) — PFD ALT UNIT softkey.
   const [baroHpa, setBaroHpa] = useState(false);
   // Barometric minimums (set in TMR/REF) — shown on the PFD altimeter as BARO MIN.
@@ -102,6 +102,24 @@ export default function App() {
     <>
       {dto && <DirectTo xp={xp} onClose={() => setWin(null)} vnav={vnavCfg} onVnav={setVnavCfg} />}
       {proc && <Proc xp={xp} onClose={() => setWin(null)} />}
+      {menu && (() => {
+        const wps = xp.flightPlan?.waypoints || [];
+        const act = (fn) => { fn(); setWin(null); };
+        const item = (label, on, dis) => <button className="proc-menu-i" disabled={dis} onClick={() => act(on)}>{label}</button>;
+        return (
+          <div className="gwin-backdrop" onClick={() => setWin(null)}>
+            <div className="dlg proc menu" onClick={(e) => e.stopPropagation()}>
+              <div className="dlg-head">PAGE MENU</div>
+              <div className="proc-menu">
+                {item('INVERT FLIGHT PLAN', () => xp.fp.set({ name: 'ACTIVE', waypoints: wps.slice().reverse(), activeLeg: 1 }), wps.length < 2)}
+                {item('STORE FLIGHT PLAN', () => xp.fp.export('WEBFPL'), wps.length < 2)}
+                {item('DELETE FLIGHT PLAN', () => xp.fp.clear(), wps.length < 1)}
+                {item('CANCEL', () => {})}
+              </div>
+            </div>
+          </div>
+        );
+      })()}
       {fpl && (
         <div className="gwin-backdrop" onClick={() => setWin(null)}>
           <div onClick={(e) => e.stopPropagation()}><FplPage xp={xp} onClose={() => setWin(null)} vnav={vnavCfg} onVnav={setVnavCfg} /></div>
@@ -146,7 +164,7 @@ export default function App() {
             inset={inset} onSetInset={setInset} insetMode={insetMode} onInsetMode={setInsetMode}
             nrst={nrst} onToggleNrst={() => toggleWin('nrst')} onDirect={() => toggleWin('dto')}
             tmr={tmr} onToggleTmr={() => toggleWin('tmr')} dme={dme} onToggleDme={() => toggleWin('dme')}
-            alerts={alerts} onToggleAlerts={() => toggleWin('alerts')} onProc={() => toggleWin('proc')} onFpl={() => toggleWin('fpl')} onClr={() => setWin(null)}
+            alerts={alerts} onToggleAlerts={() => toggleWin('alerts')} onProc={() => toggleWin('proc')} onFpl={() => toggleWin('fpl')} onMenu={() => toggleWin('menu')} onClr={() => setWin(null)}
             altHpa={baroHpa} onAltUnit={setBaroHpa} obs={obs} onObs={() => setObs((v) => !v)}>
             <PFD xp={xp} values={xp.values} command={xp.command} connected={xp.xpConnected} svt={svt3d} inset={inset} insetMode={insetMode} nrst={nrst} onCloseNrst={() => setWin(null)}
               tmr={tmr} onCloseTmr={() => setWin(null)} dme={dme} onCloseDme={() => setWin(null)}
@@ -156,7 +174,7 @@ export default function App() {
           </Bezel>
         )}
         {tab === 'mfd' && (
-          <Bezel variant="mfd" xp={xp} knobMode={knobMode} mapMode={mapMode} onMapMode={setMapMode} onDirect={() => toggleWin('dto')} onProc={() => toggleWin('proc')} onFms={cycleMfd} onFpl={() => setMfdPage('fpl')} onClr={() => setWin(null)}>
+          <Bezel variant="mfd" xp={xp} knobMode={knobMode} mapMode={mapMode} onMapMode={setMapMode} onDirect={() => toggleWin('dto')} onProc={() => toggleWin('proc')} onFms={cycleMfd} onFpl={() => setMfdPage('fpl')} onMenu={() => toggleWin('menu')} onClr={() => setWin(null)}>
             <MFD values={xp.values} flightPlan={xp.flightPlan} fp={xp.fp} mapMode={mapMode} page={mfdPage} onCycle={cycleMfd} xp={xp} vnav={vnavCfg} onVnav={setVnavCfg} />
             {dialogs}
           </Bezel>