diff --git a/.github/CHANGELOG.md b/.github/CHANGELOG.md
index 5f1f0f6fcb3..7780ae9465d 100644
--- a/.github/CHANGELOG.md
+++ b/.github/CHANGELOG.md
@@ -146,6 +146,7 @@
 1. [A380X/MFD] Updated disabled input field styling - @jet2code (john)
 1. [A380X/FMS] Add page scroll via soft keys & individual scroll via KCCU on MFD F-PLN - @BravoMike99 (bruno_pt99)
 1. [A32NX/FMS] Added nav database swap confirmation - @tracernz (Mike)
+1. [A380X/FMS] Add basic FIX INFO functionality - @Benjozork (Benjamin Dupont)
 
 ## 0.12.0
 
diff --git a/fbw-a32nx/src/systems/fmgc/src/NavigationDatabase.ts b/fbw-a32nx/src/systems/fmgc/src/NavigationDatabase.ts
index 9a5326b0884..a9647f4be8d 100644
--- a/fbw-a32nx/src/systems/fmgc/src/NavigationDatabase.ts
+++ b/fbw-a32nx/src/systems/fmgc/src/NavigationDatabase.ts
@@ -49,7 +49,7 @@ export class NavigationDatabase {
     return this.backendDatabase.getWaypoints([ident]);
   }
 
-  async searchAllFix(ident: string): Promise<(Waypoint | VhfNavaid | NdbNavaid)[]> {
+  async searchAllFix(ident: string): Promise<Fix[]> {
     return [
       ...(await this.backendDatabase.getWaypoints([ident])),
       ...(await this.backendDatabase.getNavaids([ident])),
diff --git a/fbw-a32nx/src/systems/fmgc/src/efis/EfisSymbols.ts b/fbw-a32nx/src/systems/fmgc/src/efis/EfisSymbols.ts
index ad2bb74ef2d..6b6b5bc024a 100644
--- a/fbw-a32nx/src/systems/fmgc/src/efis/EfisSymbols.ts
+++ b/fbw-a32nx/src/systems/fmgc/src/efis/EfisSymbols.ts
@@ -801,7 +801,7 @@ export class EfisSymbols<T extends number> {
 
     // FP fix info
     if (flightPlan instanceof FlightPlan && flightPlan.index === FlightPlanIndex.Active && !isAlternate) {
-      for (let i = 0; i < 4; i++) {
+      for (let i = 0; i < flightPlan.fixInfos.length; i++) {
         const fixInfo = flightPlan.fixInfos[i];
 
         if (!fixInfo) {
diff --git a/fbw-a32nx/src/systems/fmgc/src/flightplanning/DataManager.ts b/fbw-a32nx/src/systems/fmgc/src/flightplanning/DataManager.ts
index ea3a3dcd9b9..beebd74ee80 100644
--- a/fbw-a32nx/src/systems/fmgc/src/flightplanning/DataManager.ts
+++ b/fbw-a32nx/src/systems/fmgc/src/flightplanning/DataManager.ts
@@ -4,7 +4,7 @@
 
 import { Fix, NXDataStore, Waypoint } from '@flybywiresim/fbw-sdk';
 import { FmsError, FmsErrorType } from '@fmgc/FmsError';
-import { DisplayInterface } from '@fmgc/flightplanning/interface/DisplayInterface';
+import { FmsDisplayInterface } from '@fmgc/flightplanning/interface/FmsDisplayInterface';
 import { WaypointFactory } from '@fmgc/flightplanning/waypoints/WaypointFactory';
 import { Coordinates } from 'msfs-geo';
 
@@ -61,7 +61,7 @@ export class DataManager {
 
   private latLonExtendedFormat = false;
 
-  constructor(private fmc: DisplayInterface) {
+  constructor(private fmc: FmsDisplayInterface) {
     // we keep these in localStorage so they live for the same length of time as the flightplan (that they could appear in)
     // if the f-pln is not stored there anymore we can delete this
     const stored = localStorage.getItem(DataManager.STORED_WP_KEY);
diff --git a/fbw-a32nx/src/systems/fmgc/src/flightplanning/ObservableFlightPlanManager.ts b/fbw-a32nx/src/systems/fmgc/src/flightplanning/ObservableFlightPlanManager.ts
new file mode 100644
index 00000000000..58af7df9eae
--- /dev/null
+++ b/fbw-a32nx/src/systems/fmgc/src/flightplanning/ObservableFlightPlanManager.ts
@@ -0,0 +1,32 @@
+import { EventBus, Subject, Subscribable, Subscription } from '@microsoft/msfs-sdk';
+import { FlightPlanEvents } from '@fmgc/flightplanning/sync/FlightPlanEvents';
+import { FlightPlanInterface } from '@fmgc/flightplanning/FlightPlanInterface';
+import { FlightPlanIndex } from '@fmgc/flightplanning/FlightPlanManager';
+
+export class ObservableFlightPlanManager {
+  private readonly subscriptions: Subscription[] = [];
+
+  private readonly flightPlanEventsSubscriber = this.bus.getSubscriber<FlightPlanEvents>();
+
+  constructor(
+    private readonly bus: EventBus,
+    private readonly flightPlanInterface: FlightPlanInterface,
+  ) {
+    this.initialize();
+  }
+
+  private initialize(): void {
+    this._temporaryPlanExists.set(this.flightPlanInterface.hasTemporary);
+
+    this.subscriptions.push(
+      this.flightPlanEventsSubscriber.on('flightPlanManager.create').handle((event) => {
+        if (event.planIndex === FlightPlanIndex.Temporary) {
+          this._temporaryPlanExists.set(true);
+        }
+      }),
+    );
+  }
+
+  private readonly _temporaryPlanExists = Subject.create(false);
+  public readonly temporaryPlanExists: Subscribable<boolean> = this._temporaryPlanExists;
+}
diff --git a/fbw-a32nx/src/systems/fmgc/src/flightplanning/WaypointEntryUtils.spec.ts b/fbw-a32nx/src/systems/fmgc/src/flightplanning/WaypointEntryUtils.spec.ts
index 40b7f5c12dc..5321cd84b76 100644
--- a/fbw-a32nx/src/systems/fmgc/src/flightplanning/WaypointEntryUtils.spec.ts
+++ b/fbw-a32nx/src/systems/fmgc/src/flightplanning/WaypointEntryUtils.spec.ts
@@ -7,16 +7,16 @@ import { jest } from '@jest/globals';
 import { FlightPlanService } from '@fmgc/flightplanning/FlightPlanService';
 import { setupNavigraphDatabase } from '@fmgc/flightplanning/test/Database';
 import { WaypointEntryUtils } from '@fmgc/flightplanning/WaypointEntryUtils';
-import { DisplayInterface } from '@fmgc/flightplanning/interface/DisplayInterface';
+import { FmsDisplayInterface } from '@fmgc/flightplanning/interface/FmsDisplayInterface';
 import { DatabaseItem, Waypoint } from '@flybywiresim/fbw-sdk';
 import { FmsErrorType } from '@fmgc/FmsError';
 import { Coordinates, placeBearingDistance, placeBearingIntersection } from 'msfs-geo';
 import { WaypointFactory } from '@fmgc/flightplanning/waypoints/WaypointFactory';
-import { DataInterface } from './interface/DataInterface';
+import { FmsDataInterface } from './interface/FmsDataInterface';
 
 jest.setTimeout(120_000);
 
-const fms: DisplayInterface & DataInterface = {
+const fms: FmsDisplayInterface & FmsDataInterface = {
     showFmsErrorMessage(errorType: FmsErrorType) {
         console.error(FmsErrorType[errorType]);
     },
diff --git a/fbw-a32nx/src/systems/fmgc/src/flightplanning/WaypointEntryUtils.ts b/fbw-a32nx/src/systems/fmgc/src/flightplanning/WaypointEntryUtils.ts
index 225c0bb98ee..f13fe3a9e08 100644
--- a/fbw-a32nx/src/systems/fmgc/src/flightplanning/WaypointEntryUtils.ts
+++ b/fbw-a32nx/src/systems/fmgc/src/flightplanning/WaypointEntryUtils.ts
@@ -6,9 +6,9 @@
 import { Fix, NdbNavaid, VhfNavaid, Waypoint } from '@flybywiresim/fbw-sdk';
 import { NavigationDatabaseService } from '@fmgc/flightplanning/NavigationDatabaseService';
 import { WaypointFactory } from '@fmgc/flightplanning/waypoints/WaypointFactory';
-import { DisplayInterface } from '@fmgc/flightplanning/interface/DisplayInterface';
+import { FmsDisplayInterface } from '@fmgc/flightplanning/interface/FmsDisplayInterface';
 import { Coordinates } from 'msfs-geo';
-import { DataInterface } from '@fmgc/flightplanning/interface/DataInterface';
+import { FmsDataInterface } from '@fmgc/flightplanning/interface/FmsDataInterface';
 import { FmsError, FmsErrorType } from '@fmgc/FmsError';
 
 export class WaypointEntryUtils {
@@ -22,7 +22,7 @@ export class WaypointEntryUtils {
    * @returns a waypoint, or `undefined` if the operation is cancelled
    */
   static async getOrCreateWaypoint(
-    fms: DataInterface & DisplayInterface,
+    fms: FmsDataInterface & FmsDisplayInterface,
     place: string,
     stored: boolean,
     ident?: string,
@@ -53,7 +53,7 @@ export class WaypointEntryUtils {
   /**
    * Parse a place string into a position
    */
-  static async parsePlace(fms: DisplayInterface & DataInterface, place: string): Promise<Fix> {
+  static async parsePlace(fms: FmsDisplayInterface & FmsDataInterface, place: string): Promise<Fix> {
     if (WaypointEntryUtils.isRunwayFormat(place)) {
       return WaypointEntryUtils.parseRunway(place);
     }
@@ -157,7 +157,7 @@ export class WaypointEntryUtils {
    *
    * @returns place and magnetic bearing
    */
-  static async parsePbx(fms: DisplayInterface & DataInterface, str: string): Promise<[Fix, number, Fix, number]> {
+  static async parsePbx(fms: FmsDisplayInterface & FmsDataInterface, str: string): Promise<[Fix, number, Fix, number]> {
     const pbx = str.match(/^([^\-/]+)-([0-9]{1,3})\/([^\-/]+)-([0-9]{1,3})$/);
 
     if (pbx === null) {
@@ -183,7 +183,7 @@ export class WaypointEntryUtils {
    * @param {string} s
    */
   static async parsePbd(
-    fms: DataInterface & DisplayInterface,
+    fms: FmsDataInterface & FmsDisplayInterface,
     s: string,
   ): Promise<[wp: Fix, trueBearing: number, dist: number]> {
     const [place, brg, dist] = WaypointEntryUtils.splitPbd(s);
diff --git a/fbw-a32nx/src/systems/fmgc/src/flightplanning/interface/DataInterface.ts b/fbw-a32nx/src/systems/fmgc/src/flightplanning/interface/FmsDataInterface.ts
similarity index 95%
rename from fbw-a32nx/src/systems/fmgc/src/flightplanning/interface/DataInterface.ts
rename to fbw-a32nx/src/systems/fmgc/src/flightplanning/interface/FmsDataInterface.ts
index 0e2f4f92504..8c3a4a6dd57 100644
--- a/fbw-a32nx/src/systems/fmgc/src/flightplanning/interface/DataInterface.ts
+++ b/fbw-a32nx/src/systems/fmgc/src/flightplanning/interface/FmsDataInterface.ts
@@ -7,7 +7,7 @@ import { Coordinates, DegreesMagnetic } from 'msfs-geo';
 import { Fix } from '@flybywiresim/fbw-sdk';
 import { PilotWaypoint } from '@fmgc/flightplanning/DataManager';
 
-export interface DataInterface {
+export interface FmsDataInterface {
   createLatLonWaypoint(coordinates: Coordinates, stored: boolean, ident?: string): PilotWaypoint;
 
   createPlaceBearingPlaceBearingWaypoint(
diff --git a/fbw-a32nx/src/systems/fmgc/src/flightplanning/interface/DisplayInterface.ts b/fbw-a32nx/src/systems/fmgc/src/flightplanning/interface/FmsDisplayInterface.ts
similarity index 97%
rename from fbw-a32nx/src/systems/fmgc/src/flightplanning/interface/DisplayInterface.ts
rename to fbw-a32nx/src/systems/fmgc/src/flightplanning/interface/FmsDisplayInterface.ts
index 55e46c8e023..940ac5f6cf2 100644
--- a/fbw-a32nx/src/systems/fmgc/src/flightplanning/interface/DisplayInterface.ts
+++ b/fbw-a32nx/src/systems/fmgc/src/flightplanning/interface/FmsDisplayInterface.ts
@@ -6,7 +6,7 @@
 import { DatabaseItem, Waypoint } from '@flybywiresim/fbw-sdk';
 import { FmsErrorType } from '@fmgc/FmsError';
 
-export interface DisplayInterface {
+export interface FmsDisplayInterface {
   /**
    * Called when a flight plan uplink is in progress
    */
diff --git a/fbw-a32nx/src/systems/fmgc/src/flightplanning/plans/FixInfo.ts b/fbw-a32nx/src/systems/fmgc/src/flightplanning/plans/FixInfo.ts
index cc55adb044d..27485425f00 100644
--- a/fbw-a32nx/src/systems/fmgc/src/flightplanning/plans/FixInfo.ts
+++ b/fbw-a32nx/src/systems/fmgc/src/flightplanning/plans/FixInfo.ts
@@ -3,7 +3,7 @@
 //
 // SPDX-License-Identifier: GPL-3.0
 
-import { NdbNavaid, VhfNavaid, Waypoint } from '@flybywiresim/fbw-sdk';
+import { Fix } from '@flybywiresim/fbw-sdk';
 
 export interface FixInfoRadial {
   trueBearing: DegreesTrue;
@@ -25,15 +25,15 @@ export interface FixInfoRadius {
  */
 export class FixInfoEntry implements FixInfoData {
   /** The fix concerned by the fix info */
-  public readonly fix: Waypoint | VhfNavaid | NdbNavaid;
+  public fix: Fix;
 
   /** The radii contained in the fix info */
-  public readonly radii?: FixInfoRadius[];
+  public radii?: FixInfoRadius[];
 
   /** The radials contained in the fix ino */
-  public readonly radials?: FixInfoRadial[];
+  public radials?: FixInfoRadial[];
 
-  constructor(fix: Waypoint | VhfNavaid | NdbNavaid, radii?: FixInfoRadius[], radials?: FixInfoRadial[]) {
+  constructor(fix: Fix, radii?: FixInfoRadius[], radials?: FixInfoRadial[]) {
     this.fix = fix;
     this.radii = radii;
     this.radials = radials;
@@ -50,7 +50,7 @@ export class FixInfoEntry implements FixInfoData {
 
 export interface FixInfoData {
   /** The fix concerned by the fix info */
-  fix: Waypoint | VhfNavaid | NdbNavaid;
+  fix: Fix;
 
   /** The radii contained in the fix info */
   radii?: FixInfoRadius[];
diff --git a/fbw-a32nx/src/systems/fmgc/src/flightplanning/plans/FlightPlan.ts b/fbw-a32nx/src/systems/fmgc/src/flightplanning/plans/FlightPlan.ts
index bd4bd9b7cc0..1c91e55c661 100644
--- a/fbw-a32nx/src/systems/fmgc/src/flightplanning/plans/FlightPlan.ts
+++ b/fbw-a32nx/src/systems/fmgc/src/flightplanning/plans/FlightPlan.ts
@@ -343,10 +343,15 @@ export class FlightPlan<P extends FlightPlanPerformanceData = FlightPlanPerforma
   setFixInfoEntry(index: 1 | 2 | 3 | 4, fixInfo: FixInfoData | null, notify = true): void {
     const planFixInfo = this.fixInfos as FixInfoEntry[];
 
-    planFixInfo[index] = fixInfo ? new FixInfoEntry(fixInfo.fix, fixInfo.radii, fixInfo.radials) : undefined;
+    planFixInfo[index] = fixInfo ? new FixInfoEntry(fixInfo.fix, fixInfo?.radii, fixInfo?.radials) : undefined;
 
     if (notify) {
-      this.sendEvent('flightPlan.setFixInfoEntry', { planIndex: this.index, forAlternate: false, index, fixInfo });
+      this.sendEvent('flightPlan.setFixInfoEntry', {
+        planIndex: this.index,
+        forAlternate: false,
+        index,
+        fixInfo: planFixInfo[index] ? planFixInfo[index].clone() : null,
+      });
     }
 
     this.incrementVersion();
@@ -362,7 +367,12 @@ export class FlightPlan<P extends FlightPlanPerformanceData = FlightPlanPerforma
     }
 
     if (notify) {
-      this.sendEvent('flightPlan.setFixInfoEntry', { planIndex: this.index, forAlternate: false, index, fixInfo: res });
+      this.sendEvent('flightPlan.setFixInfoEntry', {
+        planIndex: this.index,
+        forAlternate: false,
+        index,
+        fixInfo: planFixInfo[index] ? planFixInfo[index].clone() : null,
+      });
     }
 
     this.incrementVersion();
diff --git a/fbw-a32nx/src/systems/fmgc/src/flightplanning/plans/ObservableFlightPlan.ts b/fbw-a32nx/src/systems/fmgc/src/flightplanning/plans/ObservableFlightPlan.ts
new file mode 100644
index 00000000000..df7b491b920
--- /dev/null
+++ b/fbw-a32nx/src/systems/fmgc/src/flightplanning/plans/ObservableFlightPlan.ts
@@ -0,0 +1,98 @@
+import { EventBus, Subject, Subscribable, Subscription } from '@microsoft/msfs-sdk';
+
+import { BaseFlightPlan } from './BaseFlightPlan';
+import { FlightPlanInterface } from '../FlightPlanInterface';
+import { FixInfoData } from './FixInfo';
+import { FlightPlan } from './FlightPlan';
+import { FlightPlanEvents } from '@fmgc/flightplanning/sync/FlightPlanEvents';
+
+/**
+ * A flight plan wrapper which exposes subcribable elements and properties.
+ *
+ * **Note:** Add flight plan elements here as you need them reactively in MFD/ND UI.
+ */
+export class ObservableFlightPlan {
+  private readonly subscriptions: Subscription[] = [];
+
+  private readonly flightPlanEventsSubscriber = this.bus.getSubscriber<FlightPlanEvents>();
+
+  constructor(
+    private readonly bus: EventBus,
+    private readonly flightPlanInterface: FlightPlanInterface,
+    private readonly index: number,
+  ) {
+    const plan = flightPlanInterface.get(index);
+
+    this.initializeFromPlan(plan);
+  }
+
+  public destroy(): void {
+    for (const subscription of this.subscriptions) {
+      subscription.destroy();
+    }
+  }
+
+  private initializeFromPlan(plan: BaseFlightPlan): void {
+    if (plan instanceof FlightPlan) {
+      for (let i = 1; i < plan.fixInfos.length; i++) {
+        const fix = plan.fixInfos[i] ?? null;
+
+        this._fixInfos[i].set(fix);
+      }
+    }
+
+    this.subscriptions.push(
+      this.flightPlanEventsSubscriber.on('flightPlan.setFixInfoEntry').handle((event) => {
+        if (event.planIndex !== plan.index) {
+          return;
+        }
+
+        const subject = this._fixInfos[event.index];
+
+        subject.set(event.fixInfo ?? null);
+      }),
+    );
+  }
+
+  private readonly _fixInfos: Record<1 | 2 | 3 | 4, Subject<FixInfoData | null>> = {
+    1: this.createFixInfoSubject(),
+    2: this.createFixInfoSubject(),
+    3: this.createFixInfoSubject(),
+    4: this.createFixInfoSubject(),
+  } as const;
+  public readonly fixInfos: Record<1 | 2 | 3 | 4, Subscribable<FixInfoData | null>> = this._fixInfos;
+
+  private createFixInfoSubject(): Subject<FixInfoData | null> {
+    const equalityFunc = (a: FixInfoData | null, b: FixInfoData | null): boolean => {
+      if ((a === null) !== (b === null)) {
+        return false;
+      }
+
+      if (a?.fix.databaseId !== b?.fix.databaseId) {
+        return false;
+      }
+
+      for (let i = 0; i < a?.radials.length; i++) {
+        const aRadial = a?.radials[i];
+        const bRadial = b?.radials[i];
+
+        if (aRadial !== bRadial) {
+          return false;
+        }
+      }
+
+      for (let i = 0; i < a?.radii.length; i++) {
+        const aRadius = a?.radii[i];
+        const bRadius = b?.radii[i];
+
+        if (aRadius !== bRadius) {
+          return false;
+        }
+      }
+
+      return true;
+    };
+
+    return Subject.create<FixInfoData | null>(null, equalityFunc);
+  }
+}
diff --git a/fbw-a32nx/src/systems/fmgc/src/flightplanning/plans/ReadonlyFlightPlan.ts b/fbw-a32nx/src/systems/fmgc/src/flightplanning/plans/ReadonlyFlightPlan.ts
index ad76795122b..6296f7867a2 100644
--- a/fbw-a32nx/src/systems/fmgc/src/flightplanning/plans/ReadonlyFlightPlan.ts
+++ b/fbw-a32nx/src/systems/fmgc/src/flightplanning/plans/ReadonlyFlightPlan.ts
@@ -28,11 +28,11 @@ export interface ReadonlyFlightPlan {
 
   get version(): number;
 
-  get originLeg(): ReadonlyFlightPlanElement;
+  get originLeg(): ReadonlyFlightPlanElement | undefined;
 
   get originLegIndex(): number;
 
-  get destinationLeg(): ReadonlyFlightPlanElement;
+  get destinationLeg(): ReadonlyFlightPlanElement | undefined;
 
   get destinationLegIndex(): number;
 
@@ -58,11 +58,14 @@ export interface ReadonlyFlightPlan {
 
   get arrivalEnrouteTransition(): ProcedureTransition | undefined;
 
-  get arrival(): Arrival | undefined;
+  /**
+   * The arrival procedure. If it's `undefined`, it means that no arrival is set. If it's `null`, it means that the "NO STAR" is explicitly selected.
+   */
+  get arrival(): Arrival | undefined | null;
 
   get arrivalRunwayTransition(): ProcedureTransition | undefined;
 
-  get approachVia(): ProcedureTransition | undefined;
+  get approachVia(): ProcedureTransition | undefined | null;
 
   get approach(): Approach | undefined;
 
diff --git a/fbw-a32nx/src/systems/fmgc/src/flightplanning/uplink/CoRouteUplinkAdapter.ts b/fbw-a32nx/src/systems/fmgc/src/flightplanning/uplink/CoRouteUplinkAdapter.ts
index 51c0b0c944a..789bbe4e1a4 100644
--- a/fbw-a32nx/src/systems/fmgc/src/flightplanning/uplink/CoRouteUplinkAdapter.ts
+++ b/fbw-a32nx/src/systems/fmgc/src/flightplanning/uplink/CoRouteUplinkAdapter.ts
@@ -10,9 +10,9 @@ import { FlightPlanIndex } from '@fmgc/flightplanning/FlightPlanManager';
 import { NavigationDatabaseService } from '@fmgc/flightplanning/NavigationDatabaseService';
 import { Fix, Airway } from '@flybywiresim/fbw-sdk';
 import { Coordinates, distanceTo } from 'msfs-geo';
-import { DisplayInterface } from '@fmgc/flightplanning/interface/DisplayInterface';
+import { FmsDisplayInterface } from '@fmgc/flightplanning/interface/FmsDisplayInterface';
 import type { Fix as CoRouteFix } from '@simbridge/Coroute/Fix';
-import { DataInterface } from '../interface/DataInterface';
+import { FmsDataInterface } from '../interface/FmsDataInterface';
 import { FmsErrorType } from '@fmgc/FmsError';
 
 export interface OfpRoute {
@@ -104,7 +104,7 @@ type CoRoute = {
 
 export class CoRouteUplinkAdapter {
   static async uplinkFlightPlanFromCoRoute(
-    fms: DataInterface & DisplayInterface,
+    fms: FmsDataInterface & FmsDisplayInterface,
     flightPlanService: FlightPlanService,
     ofp: CoRoute,
   ) {
diff --git a/fbw-a32nx/src/systems/fmgc/src/flightplanning/uplink/SimBriefUplinkAdapter.ts b/fbw-a32nx/src/systems/fmgc/src/flightplanning/uplink/SimBriefUplinkAdapter.ts
index dfb428a346b..8046d5f6be4 100644
--- a/fbw-a32nx/src/systems/fmgc/src/flightplanning/uplink/SimBriefUplinkAdapter.ts
+++ b/fbw-a32nx/src/systems/fmgc/src/flightplanning/uplink/SimBriefUplinkAdapter.ts
@@ -10,14 +10,14 @@ import { FlightPlanIndex } from '@fmgc/flightplanning/FlightPlanManager';
 import { NavigationDatabaseService } from '@fmgc/flightplanning/NavigationDatabaseService';
 import { Airway, Fix } from '@flybywiresim/fbw-sdk';
 import { Coordinates, distanceTo } from 'msfs-geo';
-import { DisplayInterface } from '@fmgc/flightplanning/interface/DisplayInterface';
+import { FmsDisplayInterface } from '@fmgc/flightplanning/interface/FmsDisplayInterface';
 import { FlightPlanPerformanceData } from '@fmgc/flightplanning/plans/performance/FlightPlanPerformanceData';
 import { FmsErrorType } from '@fmgc/FmsError';
 import {
   ISimbriefData,
   simbriefDataParser,
 } from '../../../../../../../fbw-common/src/systems/instruments/src/EFB/Apis/Simbrief';
-import { DataInterface } from '../interface/DataInterface';
+import { FmsDataInterface } from '../interface/FmsDataInterface';
 
 const SIMBRIEF_API_URL = 'https://www.simbrief.com/api/xml.fetcher.php?json=1';
 
@@ -114,7 +114,7 @@ export interface SimBriefUplinkOptions {
 
 export class SimBriefUplinkAdapter {
   static async uplinkFlightPlanFromSimbrief<P extends FlightPlanPerformanceData>(
-    fms: DataInterface & DisplayInterface,
+    fms: FmsDataInterface & FmsDisplayInterface,
     flightPlanService: FlightPlanService<P>,
     ofp: ISimbriefData,
     options: SimBriefUplinkOptions,
diff --git a/fbw-a380x/src/systems/instruments/src/MFD/FMC/FlightManagementComputer.ts b/fbw-a380x/src/systems/instruments/src/MFD/FMC/FlightManagementComputer.ts
index b64cce86105..fad073742b5 100644
--- a/fbw-a380x/src/systems/instruments/src/MFD/FMC/FlightManagementComputer.ts
+++ b/fbw-a380x/src/systems/instruments/src/MFD/FMC/FlightManagementComputer.ts
@@ -51,7 +51,7 @@ import {
 } from 'instruments/src/MFD/shared/NXSystemMessages';
 import { PilotWaypoint } from '@fmgc/flightplanning/DataManager';
 import { distanceTo, Coordinates } from 'msfs-geo';
-import { DisplayInterface } from '@fmgc/flightplanning/interface/DisplayInterface';
+import { FmsDisplayInterface } from '@fmgc/flightplanning/interface/FmsDisplayInterface';
 import { MfdDisplayInterface } from 'instruments/src/MFD/MFD';
 import { FmcIndex } from 'instruments/src/MFD/FMC/FmcServiceInterface';
 import { FmsErrorType } from '@fmgc/FmsError';
@@ -76,13 +76,13 @@ export interface FmsErrorMessage {
 export class FlightManagementComputer implements FmcInterface {
   protected subs = [] as Subscription[];
 
-  #mfdReference: (DisplayInterface & MfdDisplayInterface) | null;
+  #mfdReference: (FmsDisplayInterface & MfdDisplayInterface) | null;
 
   get mfdReference() {
     return this.#mfdReference;
   }
 
-  set mfdReference(value: (DisplayInterface & MfdDisplayInterface) | null) {
+  set mfdReference(value: (FmsDisplayInterface & MfdDisplayInterface) | null) {
     this.#mfdReference = value;
 
     if (value) {
@@ -214,7 +214,7 @@ export class FlightManagementComputer implements FmcInterface {
     operatingMode: FmcOperatingModes,
     private readonly bus: EventBus,
     private readonly fmcInop: Subscribable<boolean>,
-    mfdReference: (DisplayInterface & MfdDisplayInterface) | null,
+    mfdReference: (FmsDisplayInterface & MfdDisplayInterface) | null,
   ) {
     this.#operatingMode = operatingMode;
     this.#mfdReference = mfdReference;
diff --git a/fbw-a380x/src/systems/instruments/src/MFD/FMC/FmcInterface.ts b/fbw-a380x/src/systems/instruments/src/MFD/FMC/FmcInterface.ts
index 526bb770245..b9d046ebb0e 100644
--- a/fbw-a380x/src/systems/instruments/src/MFD/FMC/FmcInterface.ts
+++ b/fbw-a380x/src/systems/instruments/src/MFD/FMC/FmcInterface.ts
@@ -1,6 +1,6 @@
 import { FmsErrorType } from '@fmgc/FmsError';
-import { DataInterface } from '@fmgc/flightplanning/interface/DataInterface';
-import { DisplayInterface } from '@fmgc/flightplanning/interface/DisplayInterface';
+import { FmsDataInterface } from '@fmgc/flightplanning/interface/FmsDataInterface';
+import { FmsDisplayInterface } from '@fmgc/flightplanning/interface/FmsDisplayInterface';
 import { DataManager, FlightPlanIndex, FlightPlanService, GuidanceController } from '@fmgc/index';
 import { NavaidTuner } from '@fmgc/navigation/NavaidTuner';
 import { NavigationProvider } from '@fmgc/navigation/NavigationProvider';
@@ -34,7 +34,7 @@ export interface FlightPhaseManagerProxyInterface {
  * Handles requests inside each FlightManagementComputer (FMC).
  * DisplayInterface shouldn't be here, but WaypointEntryUtils requires on parameter with both DisplayInterface and DataInterface
  */
-export interface FmcInterface extends FlightPhaseManagerProxyInterface, DataInterface, DisplayInterface {
+export interface FmcInterface extends FlightPhaseManagerProxyInterface, FmsDataInterface, FmsDisplayInterface {
   /**
    * Which operation mode is FMC in? Can be master, slave or standby.
    */
@@ -44,8 +44,8 @@ export interface FmcInterface extends FlightPhaseManagerProxyInterface, DataInte
   /**
    * Mfd reference, used for navigating to pages and opening prompts
    */
-  get mfdReference(): (DisplayInterface & MfdDisplayInterface) | null;
-  set mfdReference(value: DisplayInterface & MfdDisplayInterface);
+  get mfdReference(): (FmsDisplayInterface & MfdDisplayInterface) | null;
+  set mfdReference(value: FmsDisplayInterface & MfdDisplayInterface);
 
   /**
    * FlightPlanService interface
diff --git a/fbw-a380x/src/systems/instruments/src/MFD/FMC/FmcService.ts b/fbw-a380x/src/systems/instruments/src/MFD/FMC/FmcService.ts
index 9bd874c151c..4caec85a96e 100644
--- a/fbw-a380x/src/systems/instruments/src/MFD/FMC/FmcService.ts
+++ b/fbw-a380x/src/systems/instruments/src/MFD/FMC/FmcService.ts
@@ -1,4 +1,4 @@
-import { DisplayInterface } from '@fmgc/flightplanning/interface/DisplayInterface';
+import { FmsDisplayInterface } from '@fmgc/flightplanning/interface/FmsDisplayInterface';
 import {
   ConsumerSubject,
   EventBus,
@@ -69,7 +69,7 @@ export class FmcService implements FmcServiceInterface {
 
   constructor(
     private readonly bus: EventBus,
-    private readonly mfdReference: (DisplayInterface & MfdDisplayInterface) | null,
+    private readonly mfdReference: (FmsDisplayInterface & MfdDisplayInterface) | null,
     private readonly fmcAFailed: Subscribable<boolean>,
     private readonly fmcBFailed: Subscribable<boolean>,
     private readonly fmcCFailed: Subscribable<boolean>,
@@ -92,7 +92,7 @@ export class FmcService implements FmcServiceInterface {
     return this.fmc.find((it) => it.operatingMode === FmcOperatingModes.Standby) ?? null;
   }
 
-  createFmc(mfdReference: (DisplayInterface & MfdDisplayInterface) | null): void {
+  createFmc(mfdReference: (FmsDisplayInterface & MfdDisplayInterface) | null): void {
     // Only FMC-A is operative for now, this takes up enough resources already
     // Before more FMC can be added, they have to be synced
     this.fmc.push(
@@ -119,7 +119,7 @@ export class FmcService implements FmcServiceInterface {
     return this.fmc[forFmcIndex];
   }
 
-  setMfdReference(forFmcIndex: FmcIndex, mfd: DisplayInterface & MfdDisplayInterface) {
+  setMfdReference(forFmcIndex: FmcIndex, mfd: FmsDisplayInterface & MfdDisplayInterface) {
     if (this.fmc[forFmcIndex] === undefined) {
       return;
     }
diff --git a/fbw-a380x/src/systems/instruments/src/MFD/FMC/FmcServiceInterface.ts b/fbw-a380x/src/systems/instruments/src/MFD/FMC/FmcServiceInterface.ts
index 27c2b0d8eeb..fe1807272ac 100644
--- a/fbw-a380x/src/systems/instruments/src/MFD/FMC/FmcServiceInterface.ts
+++ b/fbw-a380x/src/systems/instruments/src/MFD/FMC/FmcServiceInterface.ts
@@ -1,4 +1,4 @@
-import { DisplayInterface } from '@fmgc/flightplanning/interface/DisplayInterface';
+import { FmsDisplayInterface } from '@fmgc/flightplanning/interface/FmsDisplayInterface';
 import { FmcInterface } from 'instruments/src/MFD/FMC/FmcInterface';
 import { MfdDisplayInterface } from 'instruments/src/MFD/MFD';
 
@@ -30,7 +30,7 @@ export interface FmcServiceInterface {
   /**
    * Instantiate FMCs. Currently, only FMC-A is instantiated.
    */
-  createFmc(mfdReference: DisplayInterface & MfdDisplayInterface): void;
+  createFmc(mfdReference: FmsDisplayInterface & MfdDisplayInterface): void;
 
   /**
    * Check whether given FMC is instantiated
@@ -45,5 +45,5 @@ export interface FmcServiceInterface {
   /**
    * Sets mfd reference for given FMC, used for navigating to pages and opening prompts
    */
-  setMfdReference(forFmcIndex: FmcIndex, mfd: DisplayInterface & MfdDisplayInterface): void;
+  setMfdReference(forFmcIndex: FmcIndex, mfd: FmsDisplayInterface & MfdDisplayInterface): void;
 }
diff --git a/fbw-a380x/src/systems/instruments/src/MFD/MFD.tsx b/fbw-a380x/src/systems/instruments/src/MFD/MFD.tsx
index cd60b114481..2dcc1981fda 100644
--- a/fbw-a380x/src/systems/instruments/src/MFD/MFD.tsx
+++ b/fbw-a380x/src/systems/instruments/src/MFD/MFD.tsx
@@ -23,7 +23,7 @@ import { MfdMsgList } from 'instruments/src/MFD/pages/FMS/MfdMsgList';
 import { ActiveUriInformation, MfdUiService } from 'instruments/src/MFD/pages/common/MfdUiService';
 import { MfdFmsFplnDuplicateNames } from 'instruments/src/MFD/pages/FMS/F-PLN/MfdFmsFplnDuplicateNames';
 import { headerForSystem, pageForUrl } from 'instruments/src/MFD/MfdPageDirectory';
-import { DisplayInterface } from '@fmgc/flightplanning/interface/DisplayInterface';
+import { FmsDisplayInterface } from '@fmgc/flightplanning/interface/FmsDisplayInterface';
 import { FmsErrorType } from '@fmgc/FmsError';
 import { FmcServiceInterface } from 'instruments/src/MFD/FMC/FmcServiceInterface';
 import { CdsDisplayUnit, DisplayUnitID } from '../MsfsAvionicsCommon/CdsDisplayUnit';
@@ -40,7 +40,7 @@ export const getDisplayIndex = () => {
 export interface AbstractMfdPageProps extends ComponentProps {
   pageTitle?: string;
   bus: EventBus;
-  mfd: DisplayInterface & MfdDisplayInterface;
+  mfd: FmsDisplayInterface & MfdDisplayInterface;
   fmcService: FmcServiceInterface;
 }
 
@@ -61,7 +61,10 @@ export interface MfdDisplayInterface {
   openMessageList(): void;
 }
 
-export class MfdComponent extends DisplayComponent<MfdComponentProps> implements DisplayInterface, MfdDisplayInterface {
+export class MfdComponent
+  extends DisplayComponent<MfdComponentProps>
+  implements FmsDisplayInterface, MfdDisplayInterface
+{
   private readonly sub = this.props.bus.getSubscriber<ClockEvents & MfdSimvars>();
 
   #uiService = new MfdUiService(this.props.captOrFo, this.props.bus);
diff --git a/fbw-a380x/src/systems/instruments/src/MFD/MfdPageDirectory.tsx b/fbw-a380x/src/systems/instruments/src/MFD/MfdPageDirectory.tsx
index fde3a77b18b..19d1ead9442 100644
--- a/fbw-a380x/src/systems/instruments/src/MFD/MfdPageDirectory.tsx
+++ b/fbw-a380x/src/systems/instruments/src/MFD/MfdPageDirectory.tsx
@@ -25,18 +25,19 @@ import { FcuBkupHeader } from 'instruments/src/MFD/pages/common/FcuBkupHeader';
 import { FmsHeader } from 'instruments/src/MFD/pages/common/FmsHeader';
 import { SurvHeader } from 'instruments/src/MFD/pages/common/SurvHeader';
 import { FmcServiceInterface } from 'instruments/src/MFD/FMC/FmcServiceInterface';
-import { DisplayInterface } from '@fmgc/flightplanning/interface/DisplayInterface';
+import { FmsDisplayInterface } from '@fmgc/flightplanning/interface/FmsDisplayInterface';
 import { MfdDisplayInterface } from 'instruments/src/MFD/MFD';
 import { MfdUiService } from 'instruments/src/MFD/pages/common/MfdUiService';
 import { MfdFmsDataDebug } from 'instruments/src/MFD/pages/FMS/DATA/MfdFmsDataDebug';
 import { MfdSurvControls } from 'instruments/src/MFD/pages/SURV/MfdSurvControls';
+import { MfdFmsFplnFixInfo } from './pages/FMS/F-PLN/MfdFmsFplnFixInfo';
 import { MfdSurvStatusSwitching } from 'instruments/src/MFD/pages/SURV/MfdSurvStatusSwitching';
 import { MfdFmsDataAirport } from 'instruments/src/MFD/pages/FMS/DATA/MfdFmsDataAirport';
 
 export function pageForUrl(
   url: string,
   bus: EventBus,
-  mfd: DisplayInterface & MfdDisplayInterface,
+  mfd: FmsDisplayInterface & MfdDisplayInterface,
   fmcService: FmcServiceInterface,
 ): VNode {
   switch (url) {
@@ -87,6 +88,8 @@ export function pageForUrl(
     case 'fms/sec2/f-pln-hold':
     case 'fms/sec3/f-pln-hold':
       return <MfdFmsFplnHold pageTitle="F-PLN/HOLD" bus={bus} mfd={mfd} fmcService={fmcService} />;
+    case 'fms/active/f-pln-fix-info':
+      return <MfdFmsFplnFixInfo pageTitle="F-PLN/FIX INFO" bus={bus} mfd={mfd} fmcService={fmcService} />;
     case 'fms/position/irs':
       return <MfdFmsPositionIrs pageTitle="IRS" bus={bus} mfd={mfd} fmcService={fmcService} />;
     case 'fms/position/navaids':
@@ -115,7 +118,7 @@ export function pageForUrl(
 
 export function headerForSystem(
   sys: string,
-  mfd: DisplayInterface & MfdDisplayInterface,
+  mfd: FmsDisplayInterface & MfdDisplayInterface,
   atcCallsign: Subscribable<string | null>,
   activeFmsSource: Subscribable<'FMS 1' | 'FMS 2' | 'FMS 1-C' | 'FMS 2-C'>,
   uiService: MfdUiService,
diff --git a/fbw-a380x/src/systems/instruments/src/MFD/pages/FMS/F-PLN/DestinationWindow.tsx b/fbw-a380x/src/systems/instruments/src/MFD/pages/FMS/F-PLN/DestinationWindow.tsx
index 87bd8027230..dbd6d6cccc5 100644
--- a/fbw-a380x/src/systems/instruments/src/MFD/pages/FMS/F-PLN/DestinationWindow.tsx
+++ b/fbw-a380x/src/systems/instruments/src/MFD/pages/FMS/F-PLN/DestinationWindow.tsx
@@ -3,13 +3,13 @@ import '../../common/style.scss';
 import { Button } from 'instruments/src/MsfsAvionicsCommon/UiWidgets/Button';
 import { InputField } from 'instruments/src/MsfsAvionicsCommon/UiWidgets/InputField';
 import { AirportFormat } from 'instruments/src/MFD/pages/common/DataEntryFormats';
-import { DisplayInterface } from '@fmgc/flightplanning/interface/DisplayInterface';
+import { FmsDisplayInterface } from '@fmgc/flightplanning/interface/FmsDisplayInterface';
 import { MfdDisplayInterface } from 'instruments/src/MFD/MFD';
 import { FmcServiceInterface } from 'instruments/src/MFD/FMC/FmcServiceInterface';
 
 interface DestinationWindowProps extends ComponentProps {
   fmcService: FmcServiceInterface;
-  mfd: DisplayInterface & MfdDisplayInterface;
+  mfd: FmsDisplayInterface & MfdDisplayInterface;
   visible: Subject<boolean>;
 }
 export class DestinationWindow extends DisplayComponent<DestinationWindowProps> {
diff --git a/fbw-a380x/src/systems/instruments/src/MFD/pages/FMS/F-PLN/FplnRevisionsMenu.tsx b/fbw-a380x/src/systems/instruments/src/MFD/pages/FMS/F-PLN/FplnRevisionsMenu.tsx
index 2ddda72d32a..6f97a24f3df 100644
--- a/fbw-a380x/src/systems/instruments/src/MFD/pages/FMS/F-PLN/FplnRevisionsMenu.tsx
+++ b/fbw-a380x/src/systems/instruments/src/MFD/pages/FMS/F-PLN/FplnRevisionsMenu.tsx
@@ -4,6 +4,8 @@ import { SegmentClass } from '@fmgc/flightplanning/segments/SegmentClass';
 import { FlightPlanIndex } from '@fmgc/index';
 import { MfdFmsFpln } from 'instruments/src/MFD/pages/FMS/F-PLN/MfdFmsFpln';
 import { ContextMenuElement } from 'instruments/src/MsfsAvionicsCommon/UiWidgets/ContextMenu';
+import { BitFlags } from '@microsoft/msfs-sdk';
+import { FlightPlanLegFlags } from '@fmgc/flightplanning/legs/FlightPlanLeg';
 
 export enum FplnRevisionsMenuType {
   Waypoint,
@@ -27,6 +29,13 @@ export function getRevisionsMenu(fpln: MfdFmsFpln, type: FplnRevisionsMenuType):
   const previousLeg = fpln.loadedFlightPlan?.maybeElementAt(legIndex - 1);
   const revisedLeg = fpln.loadedFlightPlan?.elementAt(legIndex);
 
+  const isFromLeg = legIndex === fpln.loadedFlightPlan?.fromLegIndex;
+  const isLegTerminatingAtDatabaseFix =
+    revisedLeg &&
+    !revisedLeg.isDiscontinuity &&
+    revisedLeg.isXF() &&
+    !BitFlags.isAny(revisedLeg.flags, FlightPlanLegFlags.DirectToTurningPoint);
+
   return [
     {
       name: 'FROM P.POS DIR TO',
@@ -35,8 +44,8 @@ export function getRevisionsMenu(fpln: MfdFmsFpln, type: FplnRevisionsMenuType):
         legIndex >= (fpln.loadedFlightPlan?.firstMissedApproachLegIndex ?? Infinity) ||
         planIndex === FlightPlanIndex.Temporary ||
         [FplnRevisionsMenuType.Discontinuity || FplnRevisionsMenuType.TooSteepPath].includes(type) ||
-        revisedLeg?.isDiscontinuity ||
-        !revisedLeg?.isXF(),
+        isFromLeg ||
+        !isLegTerminatingAtDatabaseFix,
       onPressed: () => {
         const ppos = fpln.props.fmcService.master?.navigation.getPpos();
         if (ppos) {
@@ -63,6 +72,7 @@ export function getRevisionsMenu(fpln: MfdFmsFpln, type: FplnRevisionsMenuType):
       disabled:
         [FplnRevisionsMenuType.Runway || FplnRevisionsMenuType.TooSteepPath].includes(type) ||
         (revisedLeg?.isDiscontinuity && !previousLeg?.isDiscontinuity && previousLeg?.isVectors()) ||
+        isFromLeg || // TODO allow in HDG/TRK
         planIndex === FlightPlanIndex.Temporary,
       onPressed: () => {
         fpln.props.fmcService.master?.flightPlanService.deleteElementAt(legIndex, false, planIndex, altnFlightPlan);
@@ -88,7 +98,10 @@ export function getRevisionsMenu(fpln: MfdFmsFpln, type: FplnRevisionsMenuType):
     },
     {
       name: 'HOLD',
-      disabled: [FplnRevisionsMenuType.Discontinuity || FplnRevisionsMenuType.TooSteepPath].includes(type),
+      disabled:
+        [FplnRevisionsMenuType.Discontinuity || FplnRevisionsMenuType.TooSteepPath].includes(type) ||
+        isFromLeg ||
+        !isLegTerminatingAtDatabaseFix,
       onPressed: async () => {
         if (revisedLeg && !revisedLeg.isDiscontinuity && !revisedLeg.isHX()) {
           const alt = revisedLeg.definition.altitude1
@@ -130,9 +143,10 @@ export function getRevisionsMenu(fpln: MfdFmsFpln, type: FplnRevisionsMenuType):
         [
           FplnRevisionsMenuType.Runway || FplnRevisionsMenuType.Discontinuity || FplnRevisionsMenuType.TooSteepPath,
         ].includes(type) ||
-        revisedLeg?.isDiscontinuity ||
-        revisedLeg?.waypointDescriptor === WaypointDescriptor.Airport ||
-        revisedLeg?.waypointDescriptor === WaypointDescriptor.Runway,
+        isFromLeg ||
+        !isLegTerminatingAtDatabaseFix ||
+        revisedLeg.waypointDescriptor === WaypointDescriptor.Airport ||
+        revisedLeg.waypointDescriptor === WaypointDescriptor.Runway,
       onPressed: () => {
         fpln.props.fmcService.master?.flightPlanService.startAirwayEntry(legIndex);
         fpln.props.mfd.uiService.navigateTo(`fms/${fpln.props.mfd.uiService.activeUri.get().category}/f-pln-airways`);
@@ -147,13 +161,16 @@ export function getRevisionsMenu(fpln: MfdFmsFpln, type: FplnRevisionsMenuType):
           ? 'DELETE OVERFLY *'
           : 'OVERFLY *',
       disabled:
-        altnFlightPlan || [FplnRevisionsMenuType.Discontinuity || FplnRevisionsMenuType.TooSteepPath].includes(type),
+        altnFlightPlan ||
+        [FplnRevisionsMenuType.Discontinuity || FplnRevisionsMenuType.TooSteepPath].includes(type) ||
+        isFromLeg ||
+        !isLegTerminatingAtDatabaseFix,
       onPressed: () =>
         fpln.props.fmcService.master?.flightPlanService.toggleOverfly(legIndex, planIndex, altnFlightPlan),
     },
     {
       name: 'ENABLE ALTN *',
-      disabled: false,
+      disabled: !revisedLeg || revisedLeg.isDiscontinuity,
       onPressed: () => {
         fpln.props.fmcService.master?.flightPlanService.enableAltn(legIndex, planIndex);
         fpln.props.fmcService.master?.acInterface.updateOansAirports();
@@ -161,13 +178,15 @@ export function getRevisionsMenu(fpln: MfdFmsFpln, type: FplnRevisionsMenuType):
     },
     {
       name: 'NEW DEST',
-      disabled: false,
+      disabled: isFromLeg || !isLegTerminatingAtDatabaseFix,
       onPressed: () => fpln.openNewDestWindow(),
     },
     {
       name: 'CONSTRAINTS',
       disabled:
-        altnFlightPlan || [FplnRevisionsMenuType.Discontinuity || FplnRevisionsMenuType.TooSteepPath].includes(type),
+        altnFlightPlan ||
+        !isLegTerminatingAtDatabaseFix ||
+        [FplnRevisionsMenuType.Discontinuity || FplnRevisionsMenuType.TooSteepPath].includes(type),
       onPressed: () =>
         fpln.props.mfd.uiService.navigateTo(
           `fms/${fpln.props.mfd.uiService.activeUri.get().category}/f-pln-vert-rev/alt`,
@@ -187,7 +206,9 @@ export function getRevisionsMenu(fpln: MfdFmsFpln, type: FplnRevisionsMenuType):
     {
       name: 'STEP ALTs',
       disabled:
-        altnFlightPlan || [FplnRevisionsMenuType.Discontinuity || FplnRevisionsMenuType.TooSteepPath].includes(type),
+        altnFlightPlan ||
+        !isLegTerminatingAtDatabaseFix ||
+        [FplnRevisionsMenuType.Discontinuity || FplnRevisionsMenuType.TooSteepPath].includes(type),
       onPressed: () =>
         fpln.props.mfd.uiService.navigateTo(
           `fms/${fpln.props.mfd.uiService.activeUri.get().category}/f-pln-vert-rev/step-alts`,
diff --git a/fbw-a380x/src/systems/instruments/src/MFD/pages/FMS/F-PLN/InsertNextWptFrom.tsx b/fbw-a380x/src/systems/instruments/src/MFD/pages/FMS/F-PLN/InsertNextWptFrom.tsx
index 94e802d3b50..506069a3870 100644
--- a/fbw-a380x/src/systems/instruments/src/MFD/pages/FMS/F-PLN/InsertNextWptFrom.tsx
+++ b/fbw-a380x/src/systems/instruments/src/MFD/pages/FMS/F-PLN/InsertNextWptFrom.tsx
@@ -15,7 +15,7 @@ import { DropdownMenu } from 'instruments/src/MsfsAvionicsCommon/UiWidgets/Dropd
 import { WaypointEntryUtils } from '@fmgc/flightplanning/WaypointEntryUtils';
 import { FmcServiceInterface } from 'instruments/src/MFD/FMC/FmcServiceInterface';
 import { FlightPlanIndex } from '@fmgc/index';
-import { DisplayInterface } from '@fmgc/flightplanning/interface/DisplayInterface';
+import { FmsDisplayInterface } from '@fmgc/flightplanning/interface/FmsDisplayInterface';
 import { MfdDisplayInterface } from 'instruments/src/MFD/MFD';
 import { FmsError } from '@fmgc/FmsError';
 
@@ -25,7 +25,7 @@ export type NextWptInfo = {
 };
 interface InsertNextWptFromWindowProps extends ComponentProps {
   fmcService: FmcServiceInterface;
-  mfd: DisplayInterface & MfdDisplayInterface;
+  mfd: FmsDisplayInterface & MfdDisplayInterface;
   availableWaypoints: SubscribableArray<NextWptInfo>;
   visible: Subject<boolean>;
   contentContainerStyle?: string;
diff --git a/fbw-a380x/src/systems/instruments/src/MFD/pages/FMS/F-PLN/MfdFmsFpln.tsx b/fbw-a380x/src/systems/instruments/src/MFD/pages/FMS/F-PLN/MfdFmsFpln.tsx
index 0d1f2912a3c..2afda3448d0 100644
--- a/fbw-a380x/src/systems/instruments/src/MFD/pages/FMS/F-PLN/MfdFmsFpln.tsx
+++ b/fbw-a380x/src/systems/instruments/src/MFD/pages/FMS/F-PLN/MfdFmsFpln.tsx
@@ -981,13 +981,14 @@ export class MfdFmsFpln extends FmsPage<MfdFmsFplnProps> {
               componentIfFalse={<></>}
             />
             <Button
-              disabled={Subject.create(true)}
+              disabled={false}
               label="F-PLN INFO"
               onClick={() => {}}
               idPrefix={`${this.props.mfd.uiService.captOrFo}_MFD_f-pln-infoBtn`}
               menuItems={Subject.create([
                 {
                   label: 'ALTERNATE',
+                  disabled: true,
                   action: () =>
                     this.props.mfd.uiService.navigateTo(
                       `fms/${this.props.mfd.uiService.activeUri.get().category}/f-pln-alternate`,
@@ -995,6 +996,7 @@ export class MfdFmsFpln extends FmsPage<MfdFmsFplnProps> {
                 },
                 {
                   label: 'CLOSEST AIRPORTS',
+                  disabled: true,
                   action: () =>
                     this.props.mfd.uiService.navigateTo(
                       `fms/${this.props.mfd.uiService.activeUri.get().category}/f-pln-closest-airports`,
@@ -1002,6 +1004,7 @@ export class MfdFmsFpln extends FmsPage<MfdFmsFplnProps> {
                 },
                 {
                   label: 'EQUI-TIME POINT',
+                  disabled: true,
                   action: () =>
                     this.props.mfd.uiService.navigateTo(
                       `fms/${this.props.mfd.uiService.activeUri.get().category}/f-pln-equi-time-point`,
@@ -1016,6 +1019,7 @@ export class MfdFmsFpln extends FmsPage<MfdFmsFplnProps> {
                 },
                 {
                   label: 'LL CROSSING',
+                  disabled: true,
                   action: () =>
                     this.props.mfd.uiService.navigateTo(
                       `fms/${this.props.mfd.uiService.activeUri.get().category}/f-pln-ll-xing-time-mkr`,
@@ -1023,6 +1027,7 @@ export class MfdFmsFpln extends FmsPage<MfdFmsFplnProps> {
                 },
                 {
                   label: 'TIME MARKER',
+                  disabled: true,
                   action: () =>
                     this.props.mfd.uiService.navigateTo(
                       `fms/${this.props.mfd.uiService.activeUri.get().category}/f-pln-ll-xing-time-mkr`,
@@ -1030,9 +1035,10 @@ export class MfdFmsFpln extends FmsPage<MfdFmsFplnProps> {
                 },
                 {
                   label: 'CPNY F-PLN REPORT',
+                  disabled: true,
                   action: () => {},
                 },
-              ])}
+              ] as ButtonMenuItem[])}
             />
             <Button
               label="DIR TO"
diff --git a/fbw-a380x/src/systems/instruments/src/MFD/pages/FMS/F-PLN/MfdFmsFplnAirways.tsx b/fbw-a380x/src/systems/instruments/src/MFD/pages/FMS/F-PLN/MfdFmsFplnAirways.tsx
index 4c22bc4f535..2e67820d93d 100644
--- a/fbw-a380x/src/systems/instruments/src/MFD/pages/FMS/F-PLN/MfdFmsFplnAirways.tsx
+++ b/fbw-a380x/src/systems/instruments/src/MFD/pages/FMS/F-PLN/MfdFmsFplnAirways.tsx
@@ -15,7 +15,7 @@ import { NXSystemMessages } from 'instruments/src/MFD/shared/NXSystemMessages';
 import { FmcInterface } from 'instruments/src/MFD/FMC/FmcInterface';
 import { NavigationDatabaseService } from '@fmgc/flightplanning/NavigationDatabaseService';
 import { Fix } from '@flybywiresim/fbw-sdk';
-import { DisplayInterface } from '@fmgc/flightplanning/interface/DisplayInterface';
+import { FmsDisplayInterface } from '@fmgc/flightplanning/interface/FmsDisplayInterface';
 
 interface MfdFmsFplnAirwaysProps extends AbstractMfdPageProps {}
 
@@ -169,7 +169,7 @@ export class MfdFmsFplnAirways extends FmsPage<MfdFmsFplnAirwaysProps> {
 
 interface AirwayLineProps extends ComponentProps {
   fmc: FmcInterface;
-  mfd: DisplayInterface & MfdDisplayInterface;
+  mfd: FmsDisplayInterface & MfdDisplayInterface;
   pendingAirways: PendingAirways;
   fromFix: Fix;
   isFirstLine: boolean;
diff --git a/fbw-a380x/src/systems/instruments/src/MFD/pages/FMS/F-PLN/MfdFmsFplnFixInfo.scss b/fbw-a380x/src/systems/instruments/src/MFD/pages/FMS/F-PLN/MfdFmsFplnFixInfo.scss
new file mode 100644
index 00000000000..e31dbf6160f
--- /dev/null
+++ b/fbw-a380x/src/systems/instruments/src/MFD/pages/FMS/F-PLN/MfdFmsFplnFixInfo.scss
@@ -0,0 +1,164 @@
+@import "../../../../MsfsAvionicsCommon/definitions";
+
+.mfd-fms-fpln-fix-info-header {
+  height: .90rem;
+}
+
+.mfd-fms-fpln-fix-info-ref-ident {
+  margin-top: 1.5em;
+  margin-left: 2.4em;
+
+  .mfd-fms-fpln-fix-info-ref-ident-label {
+    font-size: 20px;
+    margin-right: 0.95em;
+  }
+}
+
+.mfd-fms-fpln-fix-info-table {
+  width: 98%;
+
+  display: flex;
+  flex-direction: column;
+
+  margin-top: 2.75rem;
+
+  .mfd-fms-fpln-fix-info-table-row-1 {
+    height: 5.5rem;
+
+    border-bottom: 2px solid $display-dark-grey;
+  }
+
+  .mfd-fms-fpln-fix-info-table-row-2 {
+    height: 11.5rem;
+
+    border-bottom: 2px solid $display-dark-grey;
+  }
+
+  .mfd-fms-fpln-fix-info-table-row-3 {
+    height: 7rem;
+
+    border-bottom: 2px solid $display-dark-grey;
+  }
+
+  .mfd-fms-fpln-fix-info-table-row-4 {
+    height: 11.5rem;
+  }
+
+  .mfd-fms-fpln-fix-info-table-col-left {
+    width: 22%;
+
+    border-right: 2px solid $display-dark-grey;
+  }
+
+  .mfd-fms-fpln-fix-info-table-col-right {
+    width: 78%;
+  }
+
+  /* Individual cells */
+
+  .mfd-fms-fpln-fix-info-fpl-intercept-header {
+    width: 25rem;
+
+    font-size: 20px;
+
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr;
+    justify-items: center;
+    align-content: center;
+    grid-column-gap: 2rem;
+
+    span:first-child {
+      grid-column: span 3;
+    }
+  }
+
+  .mfd-fms-fpln-fix-info-radial-header {
+    font-size: 20px;
+    margin-left: 1.45rem;
+    margin-top: .9rem;
+    margin-bottom: .9rem;
+  }
+
+  .mfd-fms-fpln-fix-info-radial-1 {
+    width: 6.6rem;
+
+    margin-left: 1.5rem;
+    margin-bottom: 1rem;
+
+    .mfd-input-field-container {
+      width: 100%;
+    }
+  }
+
+  .mfd-fms-fpln-fix-info-radial-2 {
+    width: 6.6rem;
+
+    margin-left: 1.5rem;
+    margin-top: 1.25rem;
+    margin-bottom: 1rem;
+
+    .mfd-input-field-container {
+      width: 100%;
+    }
+  }
+
+  .mfd-fms-fpln-fix-info-radius-header {
+    font-size: 20px;
+    margin-left: 1.45rem;
+    margin-top: .9rem;
+    margin-bottom: .9rem;
+  }
+
+  .mfd-fms-fpln-fix-info-radius-1 {
+    width: 8rem;
+
+    margin-left: 1.5rem;
+    margin-bottom: 1rem;
+
+    .mfd-input-field-container {
+      width: 100%;
+    }
+  }
+
+  .mfd-fms-fpln-fix-info-intercept-row {
+    height: min-content;
+
+    margin-top: 2.3rem;
+    &:nth-child(2) {
+      margin-top: .7rem;
+    }
+
+    .mfd-fms-fpln-fix-info-eta {
+      width: 6rem;
+
+      margin-left: 1rem;
+    }
+
+    .mfd-fms-fpln-fix-info-dist {
+      width: 8rem;
+
+      justify-content: flex-end;
+
+      .mfd-value {
+        margin-right: .25rem;
+      }
+    }
+
+    .mfd-fms-fpln-fix-info-alt {
+      width: 8rem;
+
+      justify-content: flex-end;
+
+      .mfd-label-unit {
+        margin-right: .25rem;
+      }
+    }
+
+    .mfd-button {
+      width: 130px;
+
+      margin-left: 2rem;
+    }
+  }
+}
diff --git a/fbw-a380x/src/systems/instruments/src/MFD/pages/FMS/F-PLN/MfdFmsFplnFixInfo.tsx b/fbw-a380x/src/systems/instruments/src/MFD/pages/FMS/F-PLN/MfdFmsFplnFixInfo.tsx
new file mode 100644
index 00000000000..491f9ccf99b
--- /dev/null
+++ b/fbw-a380x/src/systems/instruments/src/MFD/pages/FMS/F-PLN/MfdFmsFplnFixInfo.tsx
@@ -0,0 +1,317 @@
+import { FmsPage } from '../../common/FmsPage';
+import { ObservableFlightPlan } from '@fmgc/flightplanning/plans/ObservableFlightPlan';
+import { FlightPlanIndex } from '@fmgc/flightplanning/FlightPlanManager';
+import {
+  ComponentProps,
+  DateTimeFormatter,
+  DisplayComponent,
+  FSComponent,
+  NumberFormatter,
+  Subject,
+  Subscribable,
+  Subscription,
+  VNode,
+} from '@microsoft/msfs-sdk';
+import { Footer } from '../../common/Footer';
+import { TopTabNavigator, TopTabNavigatorPage } from 'instruments/src/MsfsAvionicsCommon/UiWidgets/TopTabNavigator';
+import { InputField } from 'instruments/src/MsfsAvionicsCommon/UiWidgets/InputField';
+import { Button } from 'instruments/src/MsfsAvionicsCommon/UiWidgets/Button';
+import { FixFormat, RadialFormat, RadiusFormat } from '../../common/DataEntryFormats';
+import { FmsError, FmsErrorType } from '@fmgc/FmsError';
+import { FixInfoEntry } from '@fmgc/flightplanning/plans/FixInfo';
+import { WaypointEntryUtils } from '@fmgc/flightplanning/WaypointEntryUtils';
+
+import { ObservableFlightPlanManager } from '@fmgc/flightplanning/ObservableFlightPlanManager';
+import { FlightPlanFooter } from '../../common/FlightPlanFooter';
+
+import './MfdFmsFplnFixInfo.scss';
+import { Fix } from '@flybywiresim/fbw-sdk';
+
+export class MfdFmsFplnFixInfo extends FmsPage {
+  private readonly flightPlanManager = new ObservableFlightPlanManager(
+    this.props.bus,
+    this.props.fmcService.master!.flightPlanService,
+  );
+
+  private flightPlan = new ObservableFlightPlan(
+    this.props.bus,
+    this.props.fmcService.master!.flightPlanService,
+    FlightPlanIndex.Active,
+  );
+
+  private readonly selectedTab = Subject.create(0);
+
+  protected onNewData(): void {
+    // noop
+  }
+
+  destroy() {
+    super.destroy();
+
+    this.flightPlan.destroy();
+  }
+
+  render(): VNode {
+    return (
+      <>
+        {super.render()}
+        {/* begin page content */}
+        <div class="mfd-fms-fpln-fix-info-header"></div>
+        <TopTabNavigator pageTitles={['FIX 1', 'FIX 2', 'FIX 3', 'FIX 4']} selectedPageIndex={this.selectedTab}>
+          {([1, 2, 3, 4] as const).map((value) => (
+            <TopTabNavigatorPage containerStyle="max-height: 45rem;">
+              <div class="fr aic mfd-fms-fpln-fix-info-ref-ident">
+                <span class="mfd-fms-fpln-fix-info-ref-ident-label">REF IDENT</span>
+
+                <InputField<Fix, string, false>
+                  readonlyValue={this.flightPlan.fixInfos[value].map((it) => it?.fix ?? null)}
+                  onModified={async (text) => {
+                    if (text === null) {
+                      void this.props.fmcService.master!.flightPlanService.setFixInfoEntry(value, null);
+                      return;
+                    }
+
+                    const fix = await WaypointEntryUtils.getOrCreateWaypoint(this.props.fmcService.master!, text, true);
+
+                    if (!fix) {
+                      throw new FmsError(FmsErrorType.NotInDatabase);
+                    }
+
+                    void this.props.fmcService.master!.flightPlanService.setFixInfoEntry(
+                      value,
+                      new FixInfoEntry(fix, [], []),
+                    );
+                  }}
+                  errorHandler={(msg) => this.props.mfd.showFmsErrorMessage(msg)}
+                  dataEntryFormat={new FixFormat()}
+                  tmpyActive={this.flightPlanManager.temporaryPlanExists}
+                  hEventConsumer={this.props.mfd.hEventConsumer}
+                  interactionMode={this.props.mfd.interactionMode}
+                />
+              </div>
+
+              <div class="mfd-fms-fpln-fix-info-table">
+                <div class="fr mfd-fms-fpln-fix-info-table-row-1">
+                  <span class="mfd-fms-fpln-fix-info-table-col-left"></span>
+                  <span class="fc jcc aic mfd-fms-fpln-fix-info-table-col-right mfd-fms-fpln-fix-info-fpl-intercept-header">
+                    <span>F-PLN INTERCEPT</span>
+                    <span>UTC</span>
+                    <span>DIST</span>
+                    <span>ALT</span>
+                  </span>
+                </div>
+
+                <div class="fr mfd-fms-fpln-fix-info-table-row-2">
+                  <span class="fc mfd-fms-fpln-fix-info-table-col-left">
+                    <span class="mfd-fms-fpln-fix-info-radial-header">RADIAL</span>
+
+                    <InputField<number, number, false>
+                      class="mfd-fms-fpln-fix-info-radial-1"
+                      alignText="flex-start"
+                      disabled={this.flightPlan.fixInfos[value].map((it) => it?.fix === undefined)}
+                      readonlyValue={this.flightPlan.fixInfos[value].map(
+                        (it) => it?.radials?.[0]?.magneticBearing ?? null,
+                      )}
+                      onModified={(radial) => {
+                        this.props.fmcService.master?.flightPlanService.editFixInfoEntry(value, (fixInfo) => {
+                          if (!fixInfo.radials) {
+                            fixInfo.radials = [];
+                          }
+
+                          if (radial !== null) {
+                            fixInfo.radials[0] = {
+                              magneticBearing: radial,
+                              trueBearing: A32NX_Util.magneticToTrue(radial, A32NX_Util.getRadialMagVar(fixInfo.fix)),
+                            };
+                          } else {
+                            delete fixInfo.radials[0];
+                          }
+
+                          return fixInfo;
+                        });
+                      }}
+                      errorHandler={(msg) => this.props.mfd.showFmsErrorMessage(msg)}
+                      dataEntryFormat={new RadialFormat()}
+                      tmpyActive={this.flightPlanManager.temporaryPlanExists}
+                      hEventConsumer={this.props.mfd.hEventConsumer}
+                      interactionMode={this.props.mfd.interactionMode}
+                    />
+
+                    <InputField<number, number, false>
+                      class="mfd-fms-fpln-fix-info-radial-2"
+                      alignText="flex-start"
+                      disabled={this.flightPlan.fixInfos[value].map(
+                        (it) => it?.fix === undefined || (it.radials?.length ?? 0) < 1,
+                      )}
+                      readonlyValue={this.flightPlan.fixInfos[value].map(
+                        (it) => it?.radials?.[1]?.magneticBearing ?? null,
+                      )}
+                      onModified={(radial) => {
+                        this.props.fmcService.master?.flightPlanService.editFixInfoEntry(value, (fixInfo) => {
+                          if (!fixInfo.radials) {
+                            fixInfo.radials = [];
+                          }
+
+                          if (radial !== null) {
+                            fixInfo.radials[1] = {
+                              magneticBearing: radial,
+                              trueBearing: A32NX_Util.magneticToTrue(radial, A32NX_Util.getRadialMagVar(fixInfo.fix)),
+                            };
+                          } else {
+                            delete fixInfo.radials[1];
+                          }
+
+                          return fixInfo;
+                        });
+                      }}
+                      errorHandler={(msg) => this.props.mfd.showFmsErrorMessage(msg)}
+                      dataEntryFormat={new RadialFormat()}
+                      tmpyActive={this.flightPlanManager.temporaryPlanExists}
+                      hEventConsumer={this.props.mfd.hEventConsumer}
+                      interactionMode={this.props.mfd.interactionMode}
+                    />
+                  </span>
+                  <span class="fc mfd-fms-fpln-fix-info-table-col-right">
+                    <FixInfoPredictionRow tmpyActive={this.flightPlanManager.temporaryPlanExists} />
+                    <FixInfoPredictionRow tmpyActive={this.flightPlanManager.temporaryPlanExists} />
+                  </span>
+                </div>
+                <div class="fr mfd-fms-fpln-fix-info-table-row-3">
+                  <span class="fc mfd-fms-fpln-fix-info-table-col-left">
+                    <span class="mfd-fms-fpln-fix-info-radius-header">RADIUS</span>
+
+                    <InputField<number, number, false>
+                      class="mfd-fms-fpln-fix-info-radius-1"
+                      alignText="flex-start"
+                      disabled={this.flightPlan.fixInfos[value].map((it) => it?.fix === undefined)}
+                      readonlyValue={this.flightPlan.fixInfos[value].map((it) => it?.radii?.[0]?.radius ?? null)}
+                      onModified={(radius) => {
+                        this.props.fmcService.master?.flightPlanService.editFixInfoEntry(value, (fixInfo) => {
+                          if (!fixInfo.radii) {
+                            fixInfo.radii = [];
+                          }
+
+                          if (radius !== null) {
+                            fixInfo.radii[0] = { radius };
+                          } else {
+                            delete fixInfo.radii[0];
+                          }
+
+                          return fixInfo;
+                        });
+                      }}
+                      errorHandler={(msg) => this.props.mfd.showFmsErrorMessage(msg)}
+                      dataEntryFormat={new RadiusFormat()}
+                      tmpyActive={this.flightPlanManager.temporaryPlanExists}
+                      hEventConsumer={this.props.mfd.hEventConsumer}
+                      interactionMode={this.props.mfd.interactionMode}
+                    />
+                  </span>
+                  <span class="mfd-fms-fpln-fix-info-table-col-right"></span>
+                </div>
+                <div class="fr mfd-fms-fpln-fix-info-table-row-4">
+                  <span class="mfd-fms-fpln-fix-info-table-col-left">
+                    <Button
+                      disabled
+                      label="ABEAM"
+                      buttonStyle="width: 123px; margin-top: .6rem; margin-left: 1.35rem;"
+                      onClick={() => {}}
+                    />
+                  </span>
+                  <span class="mfd-fms-fpln-fix-info-table-col-right"></span>
+                </div>
+              </div>
+            </TopTabNavigatorPage>
+          ))}
+        </TopTabNavigator>
+
+        <FlightPlanFooter bus={this.props.bus} mfd={this.props.mfd} fmcService={this.props.fmcService} />
+
+        {/* end page content */}
+        <Footer bus={this.props.bus} mfd={this.props.mfd} fmcService={this.props.fmcService} />
+      </>
+    );
+  }
+}
+
+interface FixInfoPredictionRowProps extends ComponentProps {
+  /** Whether a temporary flight plan is active */
+  tmpyActive: Subscribable<boolean>;
+}
+
+class FixInfoPredictionRow extends DisplayComponent<FixInfoPredictionRowProps> {
+  private readonly subscriptions: Subscription[] = [];
+
+  private readonly buttonRef = FSComponent.createRef<Button>();
+
+  private readonly ete = Subject.create(NaN);
+
+  private readonly eteFormatter = DateTimeFormatter.create('{HH}:{mm}', { nanString: '--:--' });
+
+  private readonly eteText = Subject.create('');
+
+  private readonly distance = Subject.create(NaN);
+
+  private readonly distanceFormatter = NumberFormatter.create({ precision: 1, maxDigits: 4, nanString: '----' });
+
+  private readonly distanceText = Subject.create('');
+
+  private readonly distanceUnitVisible = Subject.create(false);
+
+  private readonly altitude = Subject.create(NaN);
+
+  private readonly altitudeFormatter = NumberFormatter.create({ precision: 1, pad: 3, maxDigits: 4, nanString: '---' });
+
+  private readonly altitudeText = Subject.create('');
+
+  private readonly altitudeUnitVisible = Subject.create(false);
+
+  private readonly insertAsWaypointButtonVisible = Subject.create(false);
+
+  onAfterRender(node: VNode) {
+    super.onAfterRender(node);
+
+    this.subscriptions.push(this.ete.pipe(this.eteText, this.eteFormatter));
+    this.subscriptions.push(this.distance.pipe(this.distanceText, this.distanceFormatter));
+    this.subscriptions.push(this.distance.pipe(this.distanceUnitVisible, (distance) => Number.isFinite(distance)));
+    this.subscriptions.push(this.altitude.pipe(this.altitudeText, this.altitudeFormatter));
+    this.subscriptions.push(this.altitude.pipe(this.altitudeUnitVisible, (altitude) => Number.isFinite(altitude)));
+  }
+
+  public render(): VNode | null {
+    return (
+      <span
+        class={{
+          fr: true,
+          ac: true,
+          'mfd-fms-fpln-fix-info-intercept-row': true,
+          tmpy: this.props.tmpyActive,
+        }}
+      >
+        <span class="fr aic mfd-fms-fpln-fix-info-eta">
+          <span class="mfd-value bigger">{this.eteText}</span>
+        </span>
+        <span class="fr aic mfd-fms-fpln-fix-info-dist">
+          <span class="mfd-value bigger">{this.distanceText}</span>
+          <span
+            class="mfd-label-unit"
+            style={{ visibility: this.distanceUnitVisible.map((it) => (it ? 'visible' : 'hidden')) }}
+          >
+            NM
+          </span>
+        </span>
+        <span class="fr aic mfd-fms-fpln-fix-info-alt">
+          <span
+            class="mfd-label-unit"
+            style={{ visibility: this.altitudeUnitVisible.map((it) => (it ? 'visible' : 'hidden')) }}
+          >
+            FL
+          </span>
+          <span class="mfd-value bigger">{this.altitudeText}</span>
+        </span>
+
+        <Button disabled visible={this.insertAsWaypointButtonVisible} label={'INSERT\nAS WPT*'} onClick={() => {}} />
+      </span>
+    );
+  }
+}
diff --git a/fbw-a380x/src/systems/instruments/src/MFD/pages/README.md b/fbw-a380x/src/systems/instruments/src/MFD/pages/README.md
index 30932f61add..83de21265d7 100644
--- a/fbw-a380x/src/systems/instruments/src/MFD/pages/README.md
+++ b/fbw-a380x/src/systems/instruments/src/MFD/pages/README.md
@@ -13,7 +13,7 @@ Status legend:
 ### FMS
 
 | Status      | URI | Sprint/Prio | Missing functionality |
-| ------------- | ------------- | ------------- | ------------- |
+| ------------- | ------------- | ------------- | ---------- |
 | ✅ | fms/\*/init | 1 | CPNY WIND REQUEST, RTE SEL, ALTN RTE SEL, CPNY T.O REQUEST |
 | ✅ | fms/\*/fuel-load | 1 | correct fuel calculation, FUEL PLANNING |
 | ✅ | fms/\*/perf | 1 | OPT FL, REC MAX, EO behavior, display of type of speed restriction (when MANAGED), PRED TO |
@@ -29,7 +29,7 @@ Status legend:
 | ✅ | fms/\*/f-pln-vert-rev | 2 | RTA (except ETT), CMS, STEP ALTs, setting whether CLB/DES cstr |
 | 🟥 | fms/\*/f-pln-rte-sel | 3 | tbd |
 | 🟥 | fms/\*/f-pln-offset | 3 | tbd |
-| 🟥 | fms/\*/f-pln-fix-info | 3 | tbd |
+| ✅ | fms/\*/f-pln-fix-info | 3 | intecept predictions, abeam, insert as waypoint |
 | 🟥 | fms/\*/f-pln-alternate | 3 | tbd |
 | 🟥 | fms/\*/f-pln-closest-airports | 3 | tbd |
 | 🟥 | fms/\*/f-pln-cpny-wind-data-req | 4 | tbd |
@@ -47,7 +47,7 @@ Status legend:
 |  |  |  |  |
 | 🟥 | fms/sec/index | 4 | tbd |
 |  |  |  |  |
-| ✅ | fms/data/status | 2 | FMS P/N page, swap DB, idle/perf factors  |
+| ✅ | fms/data/status | 2 | FMS P/N page, swap DB, idle/perf factors |
 | ✅ | fms/data/airport | 2 | pilot stored runways missing |
 | 🟥 | fms/data/navaid | 2 | tbd |
 | 🟥 | fms/data/waypoint | 2 | tbd |
diff --git a/fbw-a380x/src/systems/instruments/src/MFD/pages/common/AbstractHeader.tsx b/fbw-a380x/src/systems/instruments/src/MFD/pages/common/AbstractHeader.tsx
index fd39b1bd49b..02358d77fe3 100644
--- a/fbw-a380x/src/systems/instruments/src/MFD/pages/common/AbstractHeader.tsx
+++ b/fbw-a380x/src/systems/instruments/src/MFD/pages/common/AbstractHeader.tsx
@@ -1,4 +1,4 @@
-import { DisplayInterface } from '@fmgc/flightplanning/interface/DisplayInterface';
+import { FmsDisplayInterface } from '@fmgc/flightplanning/interface/FmsDisplayInterface';
 import {
   ArraySubject,
   DisplayComponent,
@@ -16,7 +16,7 @@ interface AbstractMfdHeaderProps {
   activeFmsSource: Subscribable<'FMS 1' | 'FMS 2' | 'FMS 1-C' | 'FMS 2-C'>;
   callsign: Subscribable<string | null>;
   uiService: MfdUiService;
-  mfd: DisplayInterface & MfdDisplayInterface;
+  mfd: FmsDisplayInterface & MfdDisplayInterface;
 }
 
 /*
diff --git a/fbw-a380x/src/systems/instruments/src/MFD/pages/common/DataEntryFormats.tsx b/fbw-a380x/src/systems/instruments/src/MFD/pages/common/DataEntryFormats.tsx
index 9186ef2654e..5b498f5fe50 100644
--- a/fbw-a380x/src/systems/instruments/src/MFD/pages/common/DataEntryFormats.tsx
+++ b/fbw-a380x/src/systems/instruments/src/MFD/pages/common/DataEntryFormats.tsx
@@ -1,13 +1,17 @@
-import { FmsError, FmsErrorType } from '@fmgc/FmsError';
 import { Subject, Subscribable } from '@microsoft/msfs-sdk';
+
+import { Fix } from '@flybywiresim/fbw-sdk';
+
+import { FmsError, FmsErrorType } from '@fmgc/FmsError';
 import { Mmo, maxCertifiedAlt } from '@shared/PerformanceConstants';
+import { WaypointEntryUtils } from '@fmgc/flightplanning/WaypointEntryUtils';
 
 type FieldFormatTuple = [value: string | null, unitLeading: string | null, unitTrailing: string | null];
-export interface DataEntryFormat<T> {
+export interface DataEntryFormat<T, U = T> {
   placeholder: string;
   maxDigits: number;
   format(value: T | null): FieldFormatTuple;
-  parse(input: string): Promise<T | null>;
+  parse(input: string): Promise<U | null>;
   /**
    * If modified or notify()ed, triggers format() in the input field (i.e. when dependencies to value have changed)
    */
@@ -776,6 +780,32 @@ export class DescentRateFormat implements DataEntryFormat<number> {
   }
 }
 
+export class FixFormat implements DataEntryFormat<Fix, string> {
+  public readonly placeholder = '-------';
+
+  public readonly maxDigits = 7;
+
+  async parse(input: string): Promise<string | null> {
+    if (input.trim().length === 0) {
+      return null;
+    }
+
+    if (WaypointEntryUtils.isPlaceFormat(input) || WaypointEntryUtils.isRunwayFormat(input)) {
+      return input;
+    }
+
+    throw new FmsError(FmsErrorType.FormatError);
+  }
+
+  format(value: Fix | null): FieldFormatTuple {
+    if (!value) {
+      return [this.placeholder, null, null];
+    }
+
+    return [value.ident, null, null];
+  }
+}
+
 export class AirportFormat implements DataEntryFormat<string> {
   public placeholder = '----';
 
@@ -1427,3 +1457,79 @@ export class SquawkFormat implements DataEntryFormat<number> {
     }
   }
 }
+
+/**
+ * FIX INFO radial
+ */
+export class RadialFormat implements DataEntryFormat<number> {
+  public readonly placeholder = '---';
+
+  public readonly maxDigits = 4;
+
+  private readonly minValue = 0;
+
+  private readonly maxValue = 360.0;
+
+  public format(value: number) {
+    if (value === null || value === undefined) {
+      return [this.placeholder, null, null] as FieldFormatTuple;
+    }
+
+    return [value.toFixed(0).padStart(3, '0'), null, '°'] as FieldFormatTuple;
+  }
+
+  public async parse(input: string) {
+    if (input === '') {
+      return null;
+    }
+
+    const nbr = Number(input);
+    if (!Number.isNaN(nbr) && nbr <= this.maxValue && nbr >= this.minValue) {
+      return nbr;
+    }
+
+    if (nbr > this.maxValue || nbr < this.minValue) {
+      throw new FmsError(FmsErrorType.EntryOutOfRange);
+    } else {
+      throw new FmsError(FmsErrorType.FormatError);
+    }
+  }
+}
+
+/**
+ * FIX INFO radius
+ */
+export class RadiusFormat implements DataEntryFormat<number> {
+  public readonly placeholder = '----';
+
+  public readonly maxDigits = 4;
+
+  private readonly minValue = 1;
+
+  private readonly maxValue = 9999;
+
+  public format(value: number) {
+    if (value === null || value === undefined) {
+      return [this.placeholder, null, null] as FieldFormatTuple;
+    }
+
+    return [value.toFixed(0), null, 'NM'] as FieldFormatTuple;
+  }
+
+  public async parse(input: string) {
+    if (input === '') {
+      return null;
+    }
+
+    const nbr = Number(input);
+    if (!Number.isNaN(nbr) && nbr <= this.maxValue && nbr >= this.minValue) {
+      return nbr;
+    }
+
+    if (nbr > this.maxValue || nbr < this.minValue) {
+      throw new FmsError(FmsErrorType.EntryOutOfRange);
+    } else {
+      throw new FmsError(FmsErrorType.FormatError);
+    }
+  }
+}
diff --git a/fbw-a380x/src/systems/instruments/src/MFD/pages/common/FlightPlanFooter.tsx b/fbw-a380x/src/systems/instruments/src/MFD/pages/common/FlightPlanFooter.tsx
new file mode 100644
index 00000000000..f6ccc580b42
--- /dev/null
+++ b/fbw-a380x/src/systems/instruments/src/MFD/pages/common/FlightPlanFooter.tsx
@@ -0,0 +1,53 @@
+import { DisplayComponent, EventBus, FSComponent, VNode } from '@microsoft/msfs-sdk';
+import { Button } from 'instruments/src/MsfsAvionicsCommon/UiWidgets/Button';
+import { ObservableFlightPlanManager } from '@fmgc/flightplanning/ObservableFlightPlanManager';
+import { FmcServiceInterface } from '../../FMC/FmcServiceInterface';
+import { FmsDisplayInterface } from '@fmgc/flightplanning/interface/FmsDisplayInterface';
+import { MfdDisplayInterface } from '../../MFD';
+
+export interface FlightPlanFooterProps {
+  bus: EventBus;
+
+  mfd: FmsDisplayInterface & MfdDisplayInterface;
+
+  fmcService: FmcServiceInterface;
+}
+
+export class FlightPlanFooter extends DisplayComponent<FlightPlanFooterProps> {
+  private readonly flightPlanManager = new ObservableFlightPlanManager(
+    this.props.bus,
+    this.props.fmcService.master!.flightPlanService,
+  );
+
+  public render(): VNode | null {
+    return (
+      <div class="fr" style="justify-content: space-between;">
+        <div
+          class="mfd-fpln-hold-button-with-creative-class-name-which-is-as-long-as-style-attribute"
+          style={{ visibility: this.flightPlanManager.temporaryPlanExists.map((it) => (it ? 'hidden' : 'visible')) }}
+        >
+          <Button
+            label="RETURN"
+            onClick={() => {
+              this.props.fmcService.master?.resetRevisedWaypoint();
+              this.props.mfd.uiService.navigateTo('back');
+            }}
+          />
+        </div>
+        <div
+          class="mfd-fpln-hold-button-with-creative-class-name-which-is-as-long-as-style-attribute"
+          style={{ visibility: this.flightPlanManager.temporaryPlanExists.map((it) => (it ? 'visible' : 'hidden')) }}
+        >
+          <Button
+            label="TMPY F-PLN"
+            onClick={() => {
+              this.props.fmcService.master?.resetRevisedWaypoint();
+              this.props.mfd.uiService.navigateTo(`fms/${this.props.mfd.uiService.activeUri.get().category}/f-pln`);
+            }}
+            buttonStyle="color: yellow"
+          />
+        </div>
+      </div>
+    );
+  }
+}
diff --git a/fbw-a380x/src/systems/instruments/src/MFD/pages/common/FmsPage.tsx b/fbw-a380x/src/systems/instruments/src/MFD/pages/common/FmsPage.tsx
index 70918485d4a..2cea24dc562 100644
--- a/fbw-a380x/src/systems/instruments/src/MFD/pages/common/FmsPage.tsx
+++ b/fbw-a380x/src/systems/instruments/src/MFD/pages/common/FmsPage.tsx
@@ -8,7 +8,7 @@ import { ActivePageTitleBar } from 'instruments/src/MFD/pages/common/ActivePageT
 import { MfdSimvars } from 'instruments/src/MFD/shared/MFDSimvarPublisher';
 import { FlightPlanEvents } from '@fmgc/flightplanning/sync/FlightPlanEvents';
 
-export abstract class FmsPage<T extends AbstractMfdPageProps> extends DisplayComponent<T> {
+export abstract class FmsPage<T extends AbstractMfdPageProps = AbstractMfdPageProps> extends DisplayComponent<T> {
   // Make sure to collect all subscriptions here, otherwise page navigation doesn't work.
   protected subs = [] as Subscription[];
 
diff --git a/fbw-a380x/src/systems/instruments/src/MFD/pages/common/style.scss b/fbw-a380x/src/systems/instruments/src/MFD/pages/common/style.scss
index e6b7cfadd89..d5882538edd 100644
--- a/fbw-a380x/src/systems/instruments/src/MFD/pages/common/style.scss
+++ b/fbw-a380x/src/systems/instruments/src/MFD/pages/common/style.scss
@@ -116,6 +116,10 @@
   flex-direction: row;
 }
 
+.grow {
+  flex-grow: 1;
+}
+
 .fc {
   display: flex;
   flex-direction: column;
diff --git a/fbw-a380x/src/systems/instruments/src/MFD/pages/common/widget-style.scss b/fbw-a380x/src/systems/instruments/src/MFD/pages/common/widget-style.scss
index 125c10ff6ca..ae3923373d4 100644
--- a/fbw-a380x/src/systems/instruments/src/MFD/pages/common/widget-style.scss
+++ b/fbw-a380x/src/systems/instruments/src/MFD/pages/common/widget-style.scss
@@ -50,7 +50,7 @@
   font-size: 25px;
 }
 
-.mfd-value.tmpy {
+.mfd-value.tmpy, .tmpy .mfd-value {
   color: $display-yellow;
   font-size: 25px;
 }
diff --git a/fbw-a380x/src/systems/instruments/src/MsfsAvionicsCommon/UiWidgets/Button.tsx b/fbw-a380x/src/systems/instruments/src/MsfsAvionicsCommon/UiWidgets/Button.tsx
index 9d1e936a2af..ba2fc1aab8c 100644
--- a/fbw-a380x/src/systems/instruments/src/MsfsAvionicsCommon/UiWidgets/Button.tsx
+++ b/fbw-a380x/src/systems/instruments/src/MsfsAvionicsCommon/UiWidgets/Button.tsx
@@ -7,6 +7,7 @@ import {
   FSComponent,
   Subject,
   Subscribable,
+  SubscribableUtils,
   Subscription,
   VNode,
 } from '@microsoft/msfs-sdk';
@@ -14,6 +15,7 @@ import { TriangleDown, TriangleUp } from 'instruments/src/MsfsAvionicsCommon/UiW
 
 export type ButtonMenuItem = {
   label: string;
+  disabled?: boolean;
   action(): void;
 };
 
@@ -22,9 +24,10 @@ export interface ButtonProps extends ComponentProps {
   menuItems?: Subscribable<ButtonMenuItem[]>; // When defining menu items, idPrefix has to be set
   showArrow?: boolean;
   idPrefix?: string;
-  disabled?: Subscribable<boolean>;
+  disabled?: boolean | Subscribable<boolean>;
+  visible?: boolean | Subscribable<boolean>;
   selected?: Subscribable<boolean>; // Renders with lighter grey if selected (e.g. for segmented controls)
-  buttonStyle?: string;
+  buttonStyle?: string | Subscribable<string>;
   containerStyle?: string;
   onClick: () => void;
   scrollToMenuItem?: Subscribable<number>;
@@ -49,8 +52,12 @@ export class Button extends DisplayComponent<ButtonProps> {
 
   private renderedMenuItems: ButtonMenuItem[] = [];
 
+  private readonly disabled = SubscribableUtils.toSubscribable(this.props.disabled ?? Subject.create(false), true);
+
+  private readonly visible = SubscribableUtils.toSubscribable(this.props.visible ?? Subject.create(true), true);
+
   private onClick() {
-    if (!this.props.disabled?.get()) {
+    if (!this.disabled.get()) {
       this.props.onClick();
     }
   }
@@ -93,22 +100,20 @@ export class Button extends DisplayComponent<ButtonProps> {
     this.buttonRef.instance.addEventListener('click', this.onClickHandler);
 
     this.subs.push(
-      this.props.disabled.sub((val) => {
-        if (val) {
-          this.buttonRef.getOrDefault()?.classList.add('disabled');
-        } else {
-          this.buttonRef.getOrDefault()?.classList.remove('disabled');
-        }
+      this.disabled.sub((val) => {
+        this.buttonRef.getOrDefault()?.classList.toggle('disabled', val);
+      }, true),
+    );
+
+    this.subs.push(
+      this.visible.sub((val) => {
+        this.topRef.instance.style.visibility = val ? 'inherit' : 'hidden';
       }, true),
     );
 
     this.subs.push(
       this.props.selected.sub((val) => {
-        if (val) {
-          this.buttonRef.getOrDefault()?.classList.add('selected');
-        } else {
-          this.buttonRef.getOrDefault()?.classList.remove('selected');
-        }
+        this.buttonRef.getOrDefault()?.classList.toggle('selected', val);
       }, true),
     );
 
@@ -135,7 +140,13 @@ export class Button extends DisplayComponent<ButtonProps> {
             <div>
               {items?.map<VNode>(
                 (el, idx) => (
-                  <span id={`${this.props.idPrefix}_${idx}`} class="mfd-dropdown-menu-element">
+                  <span
+                    id={`${this.props.idPrefix}_${idx}`}
+                    class={{
+                      'mfd-dropdown-menu-element': true,
+                      disabled: el.disabled === true,
+                    }}
+                  >
                     {el.label}
                   </span>
                 ),
@@ -146,11 +157,16 @@ export class Button extends DisplayComponent<ButtonProps> {
           FSComponent.render(itemNodes, this.dropdownMenuRef.instance);
 
           // Add click event listener
-          items?.forEach((val, i) => {
+          for (const val of items) {
+            if (val.disabled === true) {
+              continue;
+            }
+
+            const i = items.indexOf(val);
             document
               .getElementById(`${this.props.idPrefix}_${i}`)
               ?.addEventListener('click', this.onDropdownMenuElementClickHandler.bind(this, val));
-          });
+          }
 
           // Check if menu would overflow vertically (i.e. leave screen at the bottom). If so, open menu upwards
           // Open menu for a split second to measure size
@@ -186,9 +202,9 @@ export class Button extends DisplayComponent<ButtonProps> {
               <span class="mfd-fms-fpln-button-dropdown-label">{val}</span>
               <span class="mfd-fms-fpln-button-dropdown-arrow">
                 {this.menuOpensUpwards.get() ? (
-                  <TriangleUp color={this.props.disabled?.get() ? 'grey' : 'white'} />
+                  <TriangleUp color={this.disabled.get() ? 'grey' : 'white'} />
                 ) : (
-                  <TriangleDown color={this.props.disabled?.get() ? 'grey' : 'white'} />
+                  <TriangleDown color={this.disabled.get() ? 'grey' : 'white'} />
                 )}
               </span>
             </div>
@@ -241,7 +257,7 @@ export class Button extends DisplayComponent<ButtonProps> {
   private onCloseDropdownHandler = this.onCloseDropdown.bind(this);
 
   private onButtonClick() {
-    if (this.props.menuItems && this.props.menuItems.get().length > 0 && !this.props.disabled?.get()) {
+    if (this.props.menuItems && this.props.menuItems.get().length > 0 && !this.disabled.get()) {
       this.dropdownIsOpened.set(!this.dropdownIsOpened.get());
     }
   }
diff --git a/fbw-a380x/src/systems/instruments/src/MsfsAvionicsCommon/UiWidgets/InputField.tsx b/fbw-a380x/src/systems/instruments/src/MsfsAvionicsCommon/UiWidgets/InputField.tsx
index 5dbba669b24..7816e6e0bf5 100644
--- a/fbw-a380x/src/systems/instruments/src/MsfsAvionicsCommon/UiWidgets/InputField.tsx
+++ b/fbw-a380x/src/systems/instruments/src/MsfsAvionicsCommon/UiWidgets/InputField.tsx
@@ -6,6 +6,7 @@ import {
   Consumer,
   DisplayComponent,
   FSComponent,
+  MutableSubscribable,
   Subject,
   Subscribable,
   SubscribableUtils,
@@ -16,8 +17,8 @@ import { DataEntryFormat } from 'instruments/src/MFD/pages/common/DataEntryForma
 import { FmsError, FmsErrorType } from '@fmgc/FmsError';
 import { InteractionMode } from 'instruments/src/MFD/shared/MFDSimvarPublisher';
 
-interface InputFieldProps<T> extends ComponentProps {
-  dataEntryFormat: DataEntryFormat<T>;
+interface InputFieldProps<T, U = T, S = T extends U ? true : false> extends ComponentProps {
+  dataEntryFormat: DataEntryFormat<T, U>;
   /** Renders empty values with orange rectangles */
   mandatory?: Subscribable<boolean>;
   /** If inactive, will be rendered as static value (green text) */
@@ -28,9 +29,9 @@ interface InputFieldProps<T> extends ComponentProps {
   /** Value will be displayed in smaller font, if not entered by pilot (i.e. computed) */
   enteredByPilot?: Subscribable<boolean>;
   canOverflow?: boolean;
-  value: Subject<T | null> | Subscribable<T | null>;
+  modifyValue?: S;
   /** If defined, this component does not update the value prop, but rather calls this method. */
-  onModified?: (newValue: T | null) => void;
+  onModified?: (newValue: U | null) => void | Promise<unknown>;
   /** Called for every character that is being typed */
   onInput?: (newValue: string) => void;
   /**
@@ -38,23 +39,40 @@ interface InputFieldProps<T> extends ComponentProps {
    * @param newValue to be validated
    * @returns whether validation was successful. If nothing is returned, success is assumed
    */
-  dataHandlerDuringValidation?: (newValue: T | null, oldValue?: T | null) => Promise<boolean | void>;
+  dataHandlerDuringValidation?: (newValue: U | null, oldValue?: T | null) => Promise<boolean | void>;
   errorHandler?: (errorType: FmsErrorType) => void;
   handleFocusBlurExternally?: boolean;
   containerStyle?: string;
   alignText?: 'flex-start' | 'center' | 'flex-end' | Subscribable<'flex-start' | 'center' | 'flex-end'>;
+  /** Whether the temporary flight plan is active and should color this field yellow */
   tmpyActive?: Subscribable<boolean>;
   /** Only handles KCCU input for respective side, receives key name only */
   hEventConsumer: Consumer<string>;
   /** Kccu uses the HW keys, and doesn't focus input fields */
   interactionMode: Subscribable<InteractionMode>;
+
+  /** Additional class */
+  class?: string;
+
   // inViewEvent?: Consumer<boolean>; // Consider activating when we have a larger collision mesh for the screens
 }
 
+export type ConditionalInputFieldProps<T, U, S extends boolean> = S extends true
+  ? InputFieldProps<T, U> & {
+      value: MutableSubscribable<T | null>;
+    }
+  : InputFieldProps<T, U> & {
+      readonlyValue: Subscribable<T | null>;
+    };
+
 /**
  * Input field for text or numbers
  */
-export class InputField<T> extends DisplayComponent<InputFieldProps<T>> {
+export class InputField<
+  T,
+  U = T,
+  S extends U extends T ? boolean : false = U extends T ? true : false,
+> extends DisplayComponent<ConditionalInputFieldProps<T, U, S>> {
   // Make sure to collect all subscriptions here, otherwise page navigation doesn't work.
   private subs = [] as Subscription[];
 
@@ -70,6 +88,8 @@ export class InputField<T> extends DisplayComponent<InputFieldProps<T>> {
 
   private caretRef = FSComponent.createRef<HTMLSpanElement>();
 
+  private readonly readValue = 'value' in this.props ? this.props.value : this.props.readonlyValue;
+
   private leadingUnit = Subject.create<string>('');
 
   private trailingUnit = Subject.create<string>('');
@@ -99,10 +119,10 @@ export class InputField<T> extends DisplayComponent<InputFieldProps<T>> {
     if (this.modifiedFieldValue.get() !== null) {
       this.modifiedFieldValue.set(null);
     }
-    if (this.props.value.get() != null) {
+    if (this.readValue.get() != null) {
       if (this.props.canOverflow) {
         // If item was overflowing, check whether overflow is still needed
-        this.overflow((this.props.value.get()?.toString().length ?? 0) > this.props.dataEntryFormat.maxDigits);
+        this.overflow((this.readValue.get()?.toString().length ?? 0) > this.props.dataEntryFormat.maxDigits);
       }
 
       if (this.props.mandatory?.get()) {
@@ -115,10 +135,10 @@ export class InputField<T> extends DisplayComponent<InputFieldProps<T>> {
   private updateDisplayElement() {
     // If input was not modified, render props' value
     if (this.modifiedFieldValue.get() == null) {
-      if (this.props.value.get() == null) {
+      if (this.readValue.get() == null) {
         this.populatePlaceholders();
       } else {
-        const [formatted, leadingUnit, trailingUnit] = this.props.dataEntryFormat.format(this.props.value.get());
+        const [formatted, leadingUnit, trailingUnit] = this.props.dataEntryFormat.format(this.readValue.get());
         this.textInputRef.instance.innerText = formatted ?? '';
         this.leadingUnit.set(leadingUnit ?? '');
         this.trailingUnit.set(trailingUnit ?? '');
@@ -248,7 +268,7 @@ export class InputField<T> extends DisplayComponent<InputFieldProps<T>> {
       !this.props.inactive?.get()
     ) {
       if (this.props.interactionMode.get() === InteractionMode.Touchscreen) {
-        Coherent.trigger('FOCUS_INPUT_FIELD', this.guid, '', '', this.props.value.get(), false);
+        Coherent.trigger('FOCUS_INPUT_FIELD', this.guid, '', '', this.readValue.get(), false);
       }
       this.isFocused.set(true);
 
@@ -282,10 +302,10 @@ export class InputField<T> extends DisplayComponent<InputFieldProps<T>> {
       this.updateDisplayElement();
 
       if (validateAndUpdate) {
-        if (this.modifiedFieldValue.get() == null && this.props.value.get() != null) {
+        if (this.modifiedFieldValue.get() == null && this.readValue.get() != null) {
           console.log('Enter pressed after no modification');
           // Enter is pressed after no modification
-          const [formatted] = this.props.dataEntryFormat.format(this.props.value.get());
+          const [formatted] = this.props.dataEntryFormat.format(this.readValue.get());
           await this.validateAndUpdate(formatted ?? '');
         } else {
           await this.validateAndUpdate(this.modifiedFieldValue.get() ?? '');
@@ -293,7 +313,7 @@ export class InputField<T> extends DisplayComponent<InputFieldProps<T>> {
       }
 
       // Restore mandatory class for correct coloring of dot (e.g. non-placeholders)
-      if (this.props.value.get() === null && this.props.mandatory?.get()) {
+      if (this.readValue.get() === null && this.props.mandatory?.get()) {
         this.textInputRef.instance.classList.add('mandatory');
       }
 
@@ -331,7 +351,7 @@ export class InputField<T> extends DisplayComponent<InputFieldProps<T>> {
     const artificialWaitingTime = new Promise((resolve) => setTimeout(resolve, 500));
     if (this.props.dataHandlerDuringValidation) {
       try {
-        const realWaitingTime = this.props.dataHandlerDuringValidation(newValue, this.props.value.get());
+        const realWaitingTime = this.props.dataHandlerDuringValidation(newValue, this.readValue.get());
         const [validation] = await Promise.all([realWaitingTime, artificialWaitingTime]);
 
         if (validation === false) {
@@ -347,9 +367,17 @@ export class InputField<T> extends DisplayComponent<InputFieldProps<T>> {
 
     if (updateWasSuccessful) {
       if (this.props.onModified) {
-        this.props.onModified(newValue);
-      } else if (this.props.value instanceof Subject) {
-        this.props.value.set(newValue);
+        try {
+          await this.props.onModified(newValue);
+        } catch (msg: unknown) {
+          if (msg instanceof FmsError && this.props.errorHandler) {
+            this.props.errorHandler(msg.type);
+          }
+        }
+      } else if ('value' in this.props && SubscribableUtils.isMutableSubscribable(this.props.value)) {
+        // If we have `value` in props, we know U extends T
+
+        this.props.value.set(newValue as T);
       } else if (!this.props.dataHandlerDuringValidation) {
         console.error(
           'InputField: this.props.value not of type Subject, and no onModified handler or dataHandlerDuringValidation was defined',
@@ -406,7 +434,8 @@ export class InputField<T> extends DisplayComponent<InputFieldProps<T>> {
     this.caretRef.instance.style.display = 'none';
     this.caretRef.instance.innerText = '';
 
-    this.subs.push(this.props.value.sub(() => this.onNewValue(), true));
+    // TODO sub leak!
+    this.subs.push(this.readValue.sub(() => this.onNewValue(), true));
     this.subs.push(this.modifiedFieldValue.sub(() => this.updateDisplayElement()));
     this.subs.push(
       this.isValidating.sub((val) => {
@@ -420,7 +449,7 @@ export class InputField<T> extends DisplayComponent<InputFieldProps<T>> {
 
     this.subs.push(
       this.props.mandatory.sub((val) => {
-        if (val && this.props.value.get() === null) {
+        if (val && this.readValue.get() === null) {
           this.textInputRef.instance.classList.add('mandatory');
         } else {
           this.textInputRef.instance.classList.remove('mandatory');
@@ -456,7 +485,7 @@ export class InputField<T> extends DisplayComponent<InputFieldProps<T>> {
             this.containerRef.instance.classList.add('disabled');
             this.textInputRef.instance.classList.add('disabled');
 
-            if (this.props.mandatory?.get() && this.props.value.get() === null) {
+            if (this.props.mandatory?.get() && this.readValue.get() === null) {
               this.textInputRef.instance.classList.remove('mandatory');
             }
           } else {
@@ -464,7 +493,7 @@ export class InputField<T> extends DisplayComponent<InputFieldProps<T>> {
             this.containerRef.instance.classList.remove('disabled');
             this.textInputRef.instance.classList.remove('disabled');
 
-            if (this.props.mandatory?.get() && this.props.value.get() === null) {
+            if (this.props.mandatory?.get() && this.readValue.get() === null) {
               this.textInputRef.instance.classList.add('mandatory');
             }
           }
@@ -552,7 +581,7 @@ export class InputField<T> extends DisplayComponent<InputFieldProps<T>> {
       }
 
       if (key === 'ESC' || key === 'ESC2') {
-        const [formatted] = this.props.dataEntryFormat.format(this.props.value.get());
+        const [formatted] = this.props.dataEntryFormat.format(this.readValue.get());
         this.modifiedFieldValue.set(formatted);
         this.handleEnter();
       }
@@ -594,7 +623,7 @@ export class InputField<T> extends DisplayComponent<InputFieldProps<T>> {
 
   render(): VNode {
     return (
-      <div ref={this.topRef} class="mfd-input-field-root">
+      <div ref={this.topRef} class={`mfd-input-field-root ${this.props.class ?? ''}`}>
         <div ref={this.containerRef} class="mfd-input-field-container" style={`${this.props.containerStyle ?? ''}`}>
           <span ref={this.leadingUnitRef} class="mfd-label-unit mfd-unit-leading mfd-input-field-unit">
             {this.leadingUnit}
@@ -602,7 +631,7 @@ export class InputField<T> extends DisplayComponent<InputFieldProps<T>> {
           <div
             ref={this.spanningDivRef}
             class="mfd-input-field-text-input-container"
-            style={`justify-content: ${this.props.alignText};`}
+            style={`justify-content: ${this.alignTextSub.get()};`}
           >
             <span ref={this.textInputRef} tabIndex={-1} class="mfd-input-field-text-input">
               .
diff --git a/fbw-a380x/src/systems/instruments/src/MsfsAvionicsCommon/UiWidgets/TopTabNavigator.tsx b/fbw-a380x/src/systems/instruments/src/MsfsAvionicsCommon/UiWidgets/TopTabNavigator.tsx
index ce96da30e1c..064270695ca 100644
--- a/fbw-a380x/src/systems/instruments/src/MsfsAvionicsCommon/UiWidgets/TopTabNavigator.tsx
+++ b/fbw-a380x/src/systems/instruments/src/MsfsAvionicsCommon/UiWidgets/TopTabNavigator.tsx
@@ -1,4 +1,12 @@
-import { ComponentProps, DisplayComponent, FSComponent, Subject, Subscribable, VNode } from '@microsoft/msfs-sdk';
+import {
+  ComponentProps,
+  DisplayComponent,
+  FSComponent,
+  MutableSubscribable,
+  Subscribable,
+  SubscribableUtils,
+  VNode,
+} from '@microsoft/msfs-sdk';
 
 interface TopTabElementProps extends ComponentProps {
   title: string;
@@ -129,8 +137,8 @@ export class TopTabNavigatorPage extends DisplayComponent<TopTabNavigatorPagePro
 }
 
 interface TopTabNavigatorProps {
-  pageTitles: Subscribable<string[]>;
-  selectedPageIndex: Subject<number>;
+  pageTitles: string[] | Subscribable<string[]>;
+  selectedPageIndex: MutableSubscribable<number>;
   selectedTabTextColor?: string;
   /** in pixels */
   tabBarHeight?: number;
@@ -149,10 +157,12 @@ interface TopTabNavigatorProps {
 export class TopTabNavigator extends DisplayComponent<TopTabNavigatorProps> {
   private navigatorBarRef = FSComponent.createRef<HTMLDivElement>();
 
+  private readonly pageTitles = SubscribableUtils.toSubscribable(this.props.pageTitles, true);
+
   constructor(props: TopTabNavigatorProps) {
     super(props);
 
-    if (this.props.pageTitles.get().length !== this.props.children?.length) {
+    if (this.pageTitles.get().length !== this.props.children?.length) {
       console.error('Number of TopTabNavigator children is not equal to number of elements in pageTitles array.');
     }
 
@@ -190,7 +200,7 @@ export class TopTabNavigator extends DisplayComponent<TopTabNavigatorProps> {
     });
 
     // Re-populate top navigation bar
-    this.props.pageTitles.get().forEach((pageTitle, index) => {
+    this.pageTitles.get().forEach((pageTitle, index) => {
       FSComponent.render(
         <TopTabElement
           title={pageTitle}
@@ -234,7 +244,7 @@ export class TopTabNavigator extends DisplayComponent<TopTabNavigatorProps> {
           ref={this.navigatorBarRef}
           style={`height: ${this.props.tabBarHeight || 36}px`}
         >
-          {this.props.pageTitles.get().map((pageTitle, index) => (
+          {this.pageTitles.get().map((pageTitle, index) => (
             <TopTabElement
               title={pageTitle}
               isSelected={this.props.selectedPageIndex.get() === index}