{
    "widgettype": "VBox",
    "options": {
        "width": "100%",
        "height": "100%",
        "bgcolor": "#0B1120"
    },
    "subwidgets": [
        {
            "widgettype": "HBox",
            "options": {
                "width": "100%",
                "height": "56px",
                "bgcolor": "#111827",
                "borderBottom": "1px solid #334155",
                "padding": "0 16px",
                "alignItems": "center"
            },
            "subwidgets": [
                {
                    "widgettype": "Button",
                    "id": "sidebar_toggle_btn",
                    "options": {
                        "label": "",
                        "bgcolor": "transparent",
                        "color": "#94A3B8",
                        "border": "1px solid #334155",
                        "borderRadius": "8px",
                        "width": "36px",
                        "height": "36px",
                        "padding": "0"
                    },
                    "binds": [
                        {
                            "wid": "self",
                            "event": "click",
                            "actiontype": "script",
                            "target": "self",
                            "script": "sageToggleSidebar()"
                        }
                    ]
                },
                {
                    "widgettype": "Image",
                    "options": {
                        "url": "{{entire_url('/imgs/msp.svg')}}",
                        "height": "32px",
                        "marginLeft": "12px"
                    }
                },
                {
                    "widgettype": "Title4",
                    "options": {
                        "text": "Sage",
                        "color": "#F1F5F9",
                        "fontWeight": "bold",
                        "marginLeft": "8px"
                    }
                },
                {
                    "widgettype": "Filler"
                },
                {
                    "widgettype": "Button",
                    "id": "theme_toggle_btn",
                    "options": {
                        "label": "",
                        "bgcolor": "transparent",
                        "color": "#94A3B8",
                        "border": "1px solid #334155",
                        "borderRadius": "50%",
                        "width": "36px",
                        "height": "36px",
                        "padding": "0"
                    },
                    "binds": [
                        {
                            "wid": "self",
                            "event": "click",
                            "actiontype": "script",
                            "target": "self",
                            "script": "sageToggleTheme()"
                        }
                    ]
                },
                {
                    "widgettype": "urlwidget",
                    "options": {
                        "url": "{{entire_url('/rbac/user/user_panel.ui')}}"
                    }
                }
            ]
        },
        {
            "widgettype": "HBox",
            "options": {
                "width": "100%",
                "height": "calc(100% - 56px)"
            },
            "subwidgets": [
                {
                    "widgettype": "VBox",
                    "id": "sage_sidebar",
                    "options": {
                        "width": "240px",
                        "height": "100%",
                        "bgcolor": "#111827",
                        "borderRight": "1px solid #334155"
                    },
                    "subwidgets": [
                        {
                            "widgettype": "urlwidget",
                            "id": "global_menu_widget",
                            "options": {
                                "url": "{{entire_url('global_menu.ui')}}"
                            }
                        }
                    ],
                    "binds": [
                        {
                            "wid": "app",
                            "event": "user_logined",
                            "actiontype": "script",
                            "target": "self",
                            "script": "sageReloadMenu()"
                        },
                        {
                            "wid": "app",
                            "event": "sage_logout",
                            "actiontype": "script",
                            "target": "self",
                            "script": "sageReloadMenu()"
                        }
                    ]
                },
                {
                    "widgettype": "VBox",
                    "id": "sage_main_content",
                    "options": {
                        "css": "filler",
                        "height": "100%",
                        "padding": "24px"
                    },
                    "subwidgets": [
                        {
                            "widgettype": "Text",
                            "options": {
                                "text": "加载中...",
                                "fontSize": "16px",
                                "color": "#94A3B8"
                            }
                        }
                    ]
                }
            ]
        }
    ]
}