App Shell

The frame every route renders inside. MainLayout.vue is mounted once and stays mounted: the menu bar across the top, the notification bar along the bottom, and a router outlet between them that each page fills. Nothing here belongs to one screen, and nothing here disappears when the route changes.

Ordered outward from the window frame: the panel that hosts every route, then the bars it docks, then the menus it drops.

Pages

• Main Panel — The window itself: the menu bar, the router outlet, and the chrome that stays put while pages come and go
• Bottom Message Bar — The UI-notification channel docked at the bottom of the Main Panel, and how a message reaches it
• Session Message Panel — The four session message sinks and the tabbed panel that presents them; a runtime reset clears three of them and leaves the NC Manipulation sink standing
• Preference Menu — The Preference dropdown: the settings it carries, and where the web client keeps the ones it does not
• Language Selection SubMenu — The nested language picker, and when the chosen locale is applied

See Also

• Conventions — the rules the shell applies, message handling first
• Widgets — the reusable controls the shell and every page embed