{
    "widgettype": "VBox",
    "id": "pccs_root",
    "options": {"width": "100%", "height": "100%", "css": "filler"},
    "subwidgets": [
        {
            "widgettype": "HBox",
            "id": "pccs_header",
            "options": {
                "width": "100%",
                "bgcolor": "#ffffff",
                "borderBottom": "1px solid #e2e8f0",
                "padding": "0 16px",
                "height": "48px",
                "alignItems": "center",
                "flexShrink": "0"
            },
            "subwidgets": [
                {
                    "widgettype": "HBox",
                    "options": {"gap": "10px", "alignItems": "center"},
                    "subwidgets": [
                        {"widgettype": "Text", "options": {
                            "otext": "PCCS",
                            "cfontsize": 1.2,
                            "fontWeight": "bold",
                            "color": "#1e293b"
                        }},
                        {"widgettype": "Text", "options": {
                            "otext": "算力中心集群系统",
                            "cfontsize": 0.8,
                            "color": "#94a3b8"
                        }}
                    ]
                },
                {"widgettype": "Filler"},
                {
                    "widgettype": "HBox",
                    "id": "header_controls",
                    "options": {"gap": "8px", "alignItems": "center"},
                    "subwidgets": [
                        {
                            "widgettype": "Button",
                            "id": "btn_theme",
                            "options": {"label": "🌓", "css": "small", "title": "切换主题"}
                        },
                        {
                            "widgettype": "Button",
                            "id": "btn_lang",
                            "options": {"label": "🌐 中文", "css": "small", "title": "切换语言"}
                        },
                        {
                            "widgettype": "urlwidget",
                            "id": "header_user",
                            "options": {
                                "url": "{{entire_url('/rbac/usermenu.ui')}}",
                                "method": "GET"
                            }
                        }
                    ]
                }
            ]
        },
        {
            "widgettype": "HBox",
            "id": "pccs_body",
            "options": {"css": "filler"},
            "subwidgets": [
                {
                    "widgettype": "VBox",
                    "id": "pccs_sidebar",
                    "options": {
                        "width": "220px",
                        "height": "100%",
                        "bgcolor": "#0f172a",
                        "padding": "0",
                        "flexShrink": "0",
                        "overflow": "auto"
                    },
                    "subwidgets": [
                        {
                            "widgettype": "VBox",
                            "options": {"padding": "16px", "gap": "2px"},
                            "subwidgets": [
                                {
                                    "widgettype": "urlwidget",
                                    "id": "sidebar_dashboard",
                                    "options": {
                                        "url": "{{entire_url('/pccs/api/sidebar_menu.ui')}}",
                                        "method": "GET"
                                    }
                                }
                            ]
                        }
                    ]
                },
                {
                    "widgettype": "VBox",
                    "id": "pccs_main",
                    "options": {
                        "css": "filler",
                        "bgcolor": "#f8fafc",
                        "overflow": "auto"
                    },
                    "subwidgets": [
                        {
                            "widgettype": "VBox",
                            "id": "dashboard_header",
                            "options": {
                                "bgcolor": "#ffffff",
                                "borderBottom": "1px solid #e2e8f0",
                                "padding": "16px 24px"
                            },
                            "subwidgets": [
                                {"widgettype": "Text", "options": {
                                    "otext": "概览",
                                    "cfontsize": 1.3,
                                    "fontWeight": "bold",
                                    "color": "#1e293b"
                                }},
                                {"widgettype": "Text", "options": {
                                    "otext": "算力中心资源总览",
                                    "cfontsize": 0.85,
                                    "color": "#64748b"
                                }}
                            ]
                        },
                        {
                            "widgettype": "VBox",
                            "id": "dashboard_content",
                            "options": {"css": "filler", "padding": "24px", "gap": "20px", "overflow": "auto"},
                            "subwidgets": [
                                {
                                    "widgettype": "HBox",
                                    "options": {"gap": "16px"},
                                    "subwidgets": [
                                        {
                                            "widgettype": "urlwidget",
                                            "id": "card_pool",
                                            "options": {
                                                "url": "{{entire_url('/pcpool/api/pool_stats.dspy')}}",
                                                "method": "GET"
                                            }
                                        },
                                        {
                                            "widgettype": "urlwidget",
                                            "id": "card_cluster",
                                            "options": {
                                                "url": "{{entire_url('/pcc/api/cluster_status_all.dspy')}}",
                                                "method": "GET"
                                            }
                                        }
                                    ]
                                },
                                {
                                    "widgettype": "HBox",
                                    "options": {"gap": "16px"},
                                    "subwidgets": [
                                        {
                                            "widgettype": "urlwidget",
                                            "id": "card_storage",
                                            "options": {
                                                "url": "{{entire_url('/storage_mgr/api/storage_stats.dspy')}}",
                                                "method": "GET"
                                            }
                                        },
                                        {
                                            "widgettype": "urlwidget",
                                            "id": "card_image",
                                            "options": {
                                                "url": "{{entire_url('/image_mgr/api/image_stats.dspy')}}",
                                                "method": "GET"
                                            }
                                        }
                                    ]
                                }
                            ]
                        }
                    ]
                }
            ]
        }
    ]
}