-
SID> STAR> APPR>
- {!procs &&
{dest ? 'loading…' : 'set DEST on FPLN'}
}
- {procs && shown.length === 0 &&
none
}
- {shown.map((p, i) =>
<{p.name} {p.transitions?.length ? {p.transitions.length} TR : null}
)}
+
+
TO {actW?.id || '----'}
+
DTG {dA.toFixed(1)} NM
+
ETE {ete(dA)}
+
DEST {destW?.id || '----'}
+
DEST DTG {dD.toFixed(0)} NM
+
DEST ETE {ete(dD)}
+
GS {gs} KT · TAS {Math.round(num(xp.values.tas))} · SAT {Math.round(num(xp.values.oat))}°C
);
} else if (page === 'dir') {
@@ -203,15 +256,34 @@ export default function CDU({ xp, vnav: vnavCfg, onVnav }) {
-
{ if (page === 'legs') setLegPage((p) => Math.max(0, p - 1)); else if (page === 'deparr') setProcPage((p) => Math.max(0, p - 1)); }}>PREV
-
{ if (page === 'legs') setLegPage((p) => Math.min(legPages - 1, p + 1)); else if (page === 'deparr') setProcPage((p) => Math.min(procPages - 1, p + 1)); }}>NEXT
+
{ if (page === 'legs') setLegPage((p) => Math.max(0, p - 1)); else if (page === 'deparr') setProcPage((p) => Math.max(0, p - 1)); else if (page === 'vnav') setVnavPage((p) => Math.max(0, p - 1)); }}>PREV
+
{ if (page === 'legs') setLegPage((p) => Math.min(legPages - 1, p + 1)); else if (page === 'deparr') setProcPage((p) => Math.min(procPages - 1, p + 1)); else if (page === 'vnav') setVnavPage((p) => Math.min(2, p + 1)); }}>NEXT
{ setDel((d) => !d); setScr(''); }}>DEL
CLR
EXEC
diff --git a/web/src/components/citation/CitDuo.jsx b/web/src/components/citation/CitDuo.jsx
new file mode 100644
index 0000000..88cadb0
--- /dev/null
+++ b/web/src/components/citation/CitDuo.jsx
@@ -0,0 +1,15 @@
+import React from 'react';
+import CitPFD from './CitPFD.jsx';
+import CitMFD from './CitMFD.jsx';
+
+// Side-by-side PFD + MFD — the two pilot tubes of the Citation X panel on one
+// tablet screen (landscape). Each keeps its own bezel/soft-keys; they scale to
+// fill half the width like the real instrument panel (DU-870 displays).
+export default function CitDuo({ xp }) {
+ return (
+
+ );
+}
diff --git a/web/src/components/citation/CitEICAS.jsx b/web/src/components/citation/CitEICAS.jsx
index 4f7a064..e17b4c6 100644
--- a/web/src/components/citation/CitEICAS.jsx
+++ b/web/src/components/citation/CitEICAS.jsx
@@ -1,5 +1,6 @@
import React, { useState } from 'react';
import { num } from '../../api/useXplane.js';
+import { useEased } from '../../api/ease.js';
// ============================================================================
// Citation X — Engine Indicating & Crew Alerting System (EICAS).
@@ -48,8 +49,8 @@ export default function CitEICAS({ xp }) {
const V = xp.values || {};
const [page, setPage] = useState('norm'); // norm | fuel | elec | ctrl | eng
- const n1 = [arr(V.n1, 0), arr(V.n1, 1)];
- const itt = [arr(V.itt, 0), arr(V.itt, 1)];
+ const n1 = [useEased(arr(V.n1, 0), 0.16), useEased(arr(V.n1, 1), 0.16)];
+ const itt = [useEased(arr(V.itt, 0), 0.2), useEased(arr(V.itt, 1), 0.2)];
const oilT = [arr(V.oilTemp, 0), arr(V.oilTemp, 1)];
const oilP = [arr(V.oilPress, 0), arr(V.oilPress, 1)];
const ff = [arr(V.fuelFlow, 0), arr(V.fuelFlow, 1)];
diff --git a/web/src/components/citation/CitMFD.jsx b/web/src/components/citation/CitMFD.jsx
index a6afb28..059e56a 100644
--- a/web/src/components/citation/CitMFD.jsx
+++ b/web/src/components/citation/CitMFD.jsx
@@ -1,5 +1,6 @@
import React, { useState, useEffect, useRef } from 'react';
import { num } from '../../api/useXplane.js';
+import { useEased, useEasedAngle } from '../../api/ease.js';
// ============================================================================
// Citation X — Multi-Function Display (Honeywell Primus 2000 arc map).
@@ -35,7 +36,11 @@ export default function CitMFD({ xp }) {
const etRun = useRef(false);
useEffect(() => { const id = setInterval(() => etRun.current && setEt((t) => t + 1), 1000); return () => clearInterval(id); }, []);
- const lat = num(V.lat), lon = num(V.lon), hdg = num(V.heading), trk = num(V.track);
+ // smooth ownship + compass (same rAF glide as the G1000 map)
+ const lat = useEased(num(V.lat), 0.14);
+ const lon = useEased(num(V.lon), 0.14);
+ const hdg = useEasedAngle(num(V.heading), 0.10);
+ const trk = num(V.track);
// arc map geometry: ownship near bottom, ~120° forward arc
const W = 760, H = 760, cx = W / 2, cy = 600, R = 470; // compass radius
const pxPerNm = R / rng;
diff --git a/web/src/components/citation/CitPFD.jsx b/web/src/components/citation/CitPFD.jsx
index c08035e..4a0cd77 100644
--- a/web/src/components/citation/CitPFD.jsx
+++ b/web/src/components/citation/CitPFD.jsx
@@ -1,5 +1,6 @@
import React, { useRef } from 'react';
import { num } from '../../api/useXplane.js';
+import { useEased, useEasedAngle } from '../../api/ease.js';
// ============================================================================
// Cessna Citation X — Primary Flight Display (Honeywell Primus 2000).
@@ -264,16 +265,30 @@ export default function CitPFD({ xp }) {
const [min, setMin] = React.useState({ on: false, ft: 200 });
const trend = useRef({ ias: 0, t: 0 });
- const ias = num(V.airspeed), alt = num(V.altitude), vs = num(V.vspeed);
- const pitch = num(V.pitch), roll = num(V.roll), slip = num(V.slip);
- const hdg = num(V.heading), trk = num(V.track), crs = num(V.obsCrs);
- const hdgBug = num(V.apHdgBug), cdi = num(V.hsiDef), toFrom = num(V.hsiToFrom);
- const baro = num(V.baro, 29.92), mach = num(V.mach);
+ // Smooth the moving symbology toward the live datarefs (frame-rate-independent
+ // easing) — the same rAF glide the G1000 uses, so a 10-20 Hz stream renders as
+ // fluid 60 fps motion instead of stepping.
+ const ias = useEased(num(V.airspeed), 0.10);
+ const alt = useEased(num(V.altitude), 0.12);
+ const vs = useEased(num(V.vspeed), 0.18);
+ const pitch = useEased(num(V.pitch), 0.07);
+ const roll = useEased(num(V.roll), 0.07);
+ const slip = useEased(num(V.slip), 0.12);
+ const hdg = useEasedAngle(num(V.heading), 0.08);
+ const crs = useEasedAngle(num(V.obsCrs), 0.10);
+ const hdgBug = useEasedAngle(num(V.apHdgBug), 0.10);
+ const cdi = useEased(num(V.hsiDef), 0.12);
+ const mach = useEased(num(V.mach), 0.2);
+ const aoa = useEased(num(V.aoa), 0.12);
+ const brg1e = useEasedAngle(num(V.nav1Brg), 0.12);
+ const brg2e = useEasedAngle(num(V.nav2Brg), 0.12);
+ const trk = num(V.track), toFrom = num(V.hsiToFrom);
+ const baro = num(V.baro, 29.92);
const radAlt = num(V.radioAlt, 99999);
const fdOn = num(V.apMode) >= 1 || num(V.apEngaged) > 0;
// bearing pointers only when a station is received (finite, nonzero)
- const brg1 = (num(V.nav1Dme) > 0 || num(V.nav1Brg) > 0) ? num(V.nav1Brg) : null;
- const brg2 = (num(V.nav2Dme) > 0 || num(V.nav2Brg) > 0) ? num(V.nav2Brg) : null;
+ const brg1 = (num(V.nav1Dme) > 0 || num(V.nav1Brg) > 0) ? brg1e : null;
+ const brg2 = (num(V.nav2Dme) > 0 || num(V.nav2Brg) > 0) ? brg2e : null;
const srcLabel = num(V.cdiSrc) === 2 ? 'FMS1' : num(V.cdiSrc) === 1 ? 'VOR2' : 'VOR1';
const dme = num(V.cdiSrc) === 1 ? num(V.nav2Dme) : num(V.nav1Dme);
@@ -287,7 +302,7 @@ export default function CitPFD({ xp }) {
KIAS
{/* AOA index (#manual p22) */}
-
+
{/* altitude tape (#20,#21) + baro (#12,#17) */}
{/* VSI (#13,#14) */}