How do I get Mouse inputs inside multiple subviewports?

Help UI
1

Godot Version

4.3

Question

How do I get Mouse inputs inside multiple 2D/3D subviewports?

I was trying to add a diegetic UI to my game. I wanted to make a submenu for the player to view their stats inside their smartwatch (Like Goldeneye 007 pause menu). I currently have a Subviewport that I use to render the player arm, and a secondary subwieport for the smartwatch texure. The first renders as a 2D element, the second as a 3D texture.

The current hierarchy of the project is something like this:
Camera3D (The main Camera) -> SubViewportContainer -> SubViewport -> Camera3D (For Rendering the player Arm Model) -> PlayerArmModel -> Skeleton3D -> BoneAttachment3D (Linked to the smartwatch bone) -> MeshInstance3D (The smartwatch screen) -> Subviewport ->Control (The smartwatch UI)

Is there any way I can make mouse input work? I already tried using
Chevifier’s Diegetic UI Tutorial to the smartwatch screen, but without success. My second idea was to map a sprite2D inside the controll node to the mouse from the main viewport, but I have no concept on how to implement it.

2

A SubViewportContainer automatically takes care of pushing input events to its child SubViewport.
In order to push input events from a MeshInstance3D to the SubViewport, that is displayed in the MeshInstance3D, you need to set up a physics object, that acts as an interface and that sends the mouse input events to the SubViewport.
Have a look at the demo-repository for how to do that: