<ui:UXML xmlns:ui="UnityEngine.UIElements">
    <ui:Template name="TopNavBar" src="TopNavBar/TopNavBar.uxml" />
    <ui:Template name="LeftSidebar" src="LeftSidebar/LeftSidebar.uxml" />
    <ui:Template name="SideDrawer" src="SideDrawer/SideDrawer.uxml" />
    <Style src="MonitoringUI.uss" />

    <!-- Root Container: Full screen, transparent background -->
    <ui:VisualElement name="monitoring-root" class="monitoring-root">

        <!-- Top Navigation Bar -->
        <ui:Instance template="TopNavBar" name="top-nav-bar-instance" />

        <!-- Body: Sidebar + Main Area -->
        <ui:VisualElement name="body-container" class="body-container">

            <!-- Left Sidebar -->
            <ui:Instance template="LeftSidebar" name="left-sidebar-instance" />

            <!-- Main Area: 3D Viewport + Bottom Panel -->
            <ui:VisualElement name="main-area" class="main-area">

                <!-- 3D Viewport Area (transparent, passes through to Unity camera) -->
                <ui:VisualElement name="viewport-area" class="viewport-area" picking-mode="Ignore" />

                <!-- Main Content Area (overlays viewport) -->
                <ui:VisualElement name="main-content-area" class="main-content-area">
                    <ui:VisualElement name="main-content-panel-container"
                                      class="main-content-panel-container" />
                </ui:VisualElement>

            </ui:VisualElement>

        </ui:VisualElement>

        <!-- Side Drawer Overlay (hidden by default, above all content) -->
        <ui:Instance template="SideDrawer" name="side-drawer-instance" />

    </ui:VisualElement>
</ui:UXML>
