{
    "widgettype": "VBox",
    "options": {
        "cheight": 40,
        "width": "100%",
        "padding": "0",
        "spacing": 0
    },
    "subwidgets": [
        {
            "widgettype": "HBox",
            "options": {
                "width": "100%",
                "bgcolor": "#f8f9fa",
                "padding": "10px 16px",
                "alignItems": "center",
                "borderBottom": "1px solid #e0e0e0"
            },
            "subwidgets": [
                {"widgettype": "Text", "options": {"text": "← 知识库列表", "css": "clickable", "cfontsize": 14, "color": "#4a90d9"}, "binds": [
                    {"wid": "self", "event": "click", "actiontype": "urlwidget", "target": "app.rag_main_content", "mode": "replace", "options": {"url": "{{entire_url('/knowledge_bases_list/index.ui')}}"}}
                ]},
                {"widgettype": "Text", "options": {"text": " / ", "cfontsize": 14, "color": "#ccc"}},
                {"widgettype": "Text", "options": {"text": "📚 产品文档", "cfontsize": 16, "fontWeight": "bold", "color": "#333"}},
                {"widgettype": "Text", "options": {"text": "", "css": "filler"}},
                {"widgettype": "Text", "options": {"text": "📄 12文档 · 📁 3目录 · 💾 256MB", "cfontsize": 12, "color": "#888"}}
            ]
        },
        {
            "widgettype": "HBox",
            "options": {
                "css": "filler",
                "width": "100%",
                "spacing": 0
            },
            "subwidgets": [
                {
                    "widgettype": "VBox",
                    "options": {
                        "cwidth": 15,
                        "bgcolor": "#fafafa",
                        "borderRight": "1px solid #e0e0e0",
                        "spacing": 0
                    },
                    "subwidgets": [
                        {
                            "widgettype": "HBox",
                            "options": {
                                "padding": "10px 12px",
                                "bgcolor": "#f0f0f0",
                                "borderBottom": "1px solid #e0e0e0",
                                "justifyContent": "space-between",
                                "alignItems": "center"
                            },
                            "subwidgets": [
                                {"widgettype": "Text", "options": {"text": "📁 目录结构", "cfontsize": 13, "fontWeight": "bold", "color": "#666"}},
                                {"widgettype": "Text", "options": {"text": "+ 新建", "cfontsize": 12, "color": "#4a90d9", "css": "clickable"}}
                            ]
                        },
                        {
                            "widgettype": "Tree",
                            "options": {
                                "items": [
                                    {
                                        "label": "技术文档",
                                        "id": "folder_tech",
                                        "icon": "📂",
                                        "children": [
                                            {"label": "API参考.pdf", "id": "file_api", "icon": "📄"},
                                            {"label": "部署指南.md", "id": "file_deploy", "icon": "📄"},
                                            {"label": "接口规范", "id": "folder_api_spec", "icon": "📂", "children": [
                                                {"label": "REST API.md", "id": "file_rest", "icon": "📄"},
                                                {"label": "WebSocket.md", "id": "file_ws", "icon": "📄"}
                                            ]}
                                        ]
                                    },
                                    {
                                        "label": "产品介绍",
                                        "id": "folder_product",
                                        "icon": "📂"
                                    },
                                    {
                                        "label": "培训材料",
                                        "id": "folder_training",
                                        "icon": "📂"
                                    }
                                ]
                            },
                            "binds": [
                                {
                                    "wid": "self",
                                    "event": "selected",
                                    "actiontype": "urlwidget",
                                    "target": "app.detail_content",
                                    "mode": "replace",
                                    "options": {"url": "{{entire_url('/knowledge_bases_list/folder_content.ui')}}", "params": {"folder_id": "${item.id}", "folder_label": "${item.label}"}}
                                }
                            ]
                        }
                    ]
                },
                {
                    "widgettype": "VBox",
                    "options": {
                        "id": "detail_content",
                        "css": "filler",
                        "padding": "16px",
                        "spacing": "12px"
                    },
                    "subwidgets": [
                        {
                            "widgettype": "VBox",
                            "options": {
                                "width": "100%",
                                "cheight": 6,
                                "bgcolor": "#f8f9fa",
                                "padding": "16px",
                                "css": "card",
                                "border": "2px dashed #d0d0d0",
                                "alignItems": "center",
                                "justifyContent": "center"
                            },
                            "subwidgets": [
                                {"widgettype": "Text", "options": {"text": "📂 拖拽文件到此处上传", "cfontsize": 15, "color": "#888"}},
                                {"widgettype": "Text", "options": {"text": "选中左侧目录后上传到该目录 · 支持 TXT/PDF/JPG/PNG/MP3/WAV/MP4", "cfontsize": 11, "color": "#aaa"}}
                            ]
                        },
                        {
                            "widgettype": "Text",
                            "options": {
                                "text": "📂 全部分文件 · 请选择左侧目录查看具体内容",
                                "cfontsize": 13,
                                "color": "#aaa"
                            }
                        }
                    ]
                }
            ]
        }
    ]
}