{
    "id": "app",
    "widgettype": "VBox",
    "options": {
        "width": "100%",
        "height": "100%",
        "padding": "0"
    },
    "subwidgets": [
        {
            "widgettype": "HBox",
            "options": {
                "width": "100%",
                "height": "48px",
                "bgcolor": "var(--sage-bg-secondary, #1e293b)",
                "padding": "0 16px",
                "alignItems": "center",
                "gap": "12px"
            },
            "subwidgets": [
                {
                    "widgettype": "Button",
                    "id": "btn_toggle_sidebar",
                    "options": {
                        "label": "☰",
                        "css": "text",
                        "color": "#fff",
                        "cfontsize": 1.4
                    },
                    "binds": [
                        {
                            "wid": "self",
                            "event": "click",
                            "actiontype": "method",
                            "target": "app.sidebar_menu",
                            "method": "toggle_collapse"
                        }
                    ]
                },
                {
                    "widgettype": "Title4",
                    "options": {
                        "text": "产线平台",
                        "color": "#fff"
                    }
                },
                {
                    "widgettype": "Filler"
                },
                {
                    "widgettype": "urlwidget",
                    "options": {
                        "url": "{{entire_url('/rbac/user/user_panel.ui')}}"
                    }
                }
            ]
        },
        {
            "widgettype": "HBox",
            "options": {
                "width": "100%",
                "css": "filler",
                "padding": "0"
            },
            "subwidgets": [
                {
                    "widgettype": "Menu",
                    "id": "sidebar_menu",
                    "options": {
                        "width": "200px",
                        "height": "100%",
                        "bgcolor": "var(--sage-bg-secondary, #f8fafc)",
                        "target": "app.main_content",
                        "items": [
                            {
                                "name": "pipeline_core",
                                "label": "产线管理",
                                "icon": "{{entire_url('/imgs/cubes.svg')}}",
                                "url": "{{entire_url('/pipeline_core/')}}"
                            },
                            {
                                "name": "pipeline_ops",
                                "label": "运营管理",
                                "icon": "{{entire_url('/imgs/dashboard.svg')}}",
                                "url": "{{entire_url('/pipeline_ops/')}}"
                            },
                            {
                                "name": "pipeline_dist",
                                "label": "分销管理",
                                "icon": "{{entire_url('/imgs/truck.svg')}}",
                                "url": "{{entire_url('/pipeline_dist/')}}"
                            },
                            {
                                "name": "pipeline_task",
                                "label": "任务中心",
                                "icon": "{{entire_url('/imgs/rocket.svg')}}",
                                "url": "{{entire_url('/pipeline_task/')}}"
                            },
                            {
                                "name": "showcase",
                                "label": "展示平台",
                                "icon": "{{entire_url('/imgs/user-circle.svg')}}",
                                "url": "{{entire_url('/showcase/')}}"
                            }
                        ]
                    }
                },
                {
                    "widgettype": "VScrollPanel",
                    "id": "main_content",
                    "options": {
                        "css": "filler",
                        "width": "100%",
                        "height": "100%"
                    },
                    "subwidgets": [
                        {
                            "widgettype": "VBox",
                            "options": {
                                "width": "100%",
                                "padding": "32px",
                                "spacing": "24px"
                            },
                            "subwidgets": [
                                {
                                    "widgettype": "Title2",
                                    "options": {
                                        "text": "产线平台"
                                    }
                                },
                                {
                                    "widgettype": "Text",
                                    "options": {
                                        "text": "管理产线定义、运营配置、分销渠道与任务执行",
                                        "cfontsize": 1.2
                                    }
                                }
                            ]
                        }
                    ]
                }
            ]
        }
    ]
}