{
    "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": "📚 {{params_kw.kb_name or '知识库'}}", "cfontsize": 16, "fontWeight": "bold", "color": "#333"}},
                {"widgettype": "Text", "options": {"text": "", "css": "filler"}}
            ]
        },
        {
            "widgettype": "HBox",
            "options": {"css": "filler", "width": "100%", "spacing": 0},
            "subwidgets": [
                {
                    "widgettype": "VBox",
                    "options": {"cwidth": 16, "bgcolor": "#fafafa", "borderRight": "1px solid #e0e0e0", "spacing": 0},
                    "subwidgets": [
                        {
                            "widgettype": "HBox",
                            "options": {"padding": "10px 12px", "bgcolor": "#f0f0f0", "borderBottom": "1px solid #e0e0e0"},
                            "subwidgets": [
                                {"widgettype": "Text", "options": {"text": "📁 目录结构", "cfontsize": 13, "fontWeight": "bold", "color": "#666"}}
                            ]
                        },
                        {
                            "widgettype": "Tree",
                            "options": {
                                "title": "目录",
                                "id": "dir_tree",
                                "parentField": "parentid",
                                "idField": "id",
                                "textField": "label",
                                "dataurl": "{{entire_url('./get_tree_data.dspy')}}?kb_id={{params_kw.kb_id}}",
                                "newdata_params": {"kb_id": "{{params_kw.kb_id}}"},
                                "editable": {
                                    "fields": [
                                        {"name": "name", "title": "名称", "type": "str", "length": 255, "uitype": "str", "label": "名称"}
                                    ],
                                    "add_url": "{{entire_url('./new_tree_item.dspy')}}",
                                    "update_url": "{{entire_url('./update_tree_item.dspy')}}",
                                    "delete_url": "{{entire_url('./delete_tree_item.dspy')}}"
                                }
                            },
                            "binds": [
                                {
                                    "wid": "self",
                                    "event": "selected",
                                    "actiontype": "script",
                                    "script": "window._rag_current_folder = event.params.id ? event.params.id : ''"
                                }
                            ]
                        }
                    ]
                },
                {
                    "widgettype": "VBox",
                    "options": {"id": "detail_content", "css": "filler", "padding": "16px", "spacing": "12px"},
                    "subwidgets": [
                        {
                            "widgettype": "VBox",
                            "options": {"id": "drop_zone", "width": "100%", "cheight": 8, "bgcolor": "#f8f9fa", "padding": "16px", "css": "card", "border": "2px dashed #3b82f6", "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": 12, "color": "#aaa"}},
                                {
                                    "widgettype": "Button",
                                    "options": {"label": "选择文件", "bgcolor": "#3b82f6", "color": "#fff", "marginTop": "8px"},
                                    "binds": [{
                                        "wid": "self",
                                        "event": "click",
                                        "actiontype": "script",
                                        "script": "var i=document.createElement('input');i.type='file';i.multiple=true;i.onchange=function(){var kb='{{params_kw.kb_id}}';var fd=window._rag_current_folder||'';for(var j=0;j<i.files.length;j++){var f=i.files[j];var x=new XMLHttpRequest();x.open('POST','/api/doc/upload?kb_id='+kb+'&file_name='+encodeURIComponent(f.name)+'&folder='+fd);x.onload=function(){if(x.status===200){var st=document.getElementById('upload_status');if(st)st.innerText='上传成功: '+f.name;else location.reload()}};x.send(f)}};i.click()"
                                    }]
                                },
                                {"widgettype": "Text", "options": {"id": "upload_status", "cfontsize": 12, "color": "#50b86c", "marginTop": "8px", "text": ""}}
                            ]
                        },
                        {"widgettype": "Text", "options": {"text": "暂无文件", "cfontsize": 13, "color": "#aaa", "halign": "center"}}
                    ]
                }
            ]
        }
    ]
}