{
    "widgettype": "VBox",
    "id": "rag_search_page",
    "options": {"width": "100%", "padding": "24px", "spacing": "16px"},
    "subwidgets": [
        {
            "widgettype": "Text",
            "options": {"text": "知识库检索", "cfontsize": 24, "fontWeight": "bold"}
        },
        {
            "widgettype": "Text",
            "options": {"text": "文本搜索，自动向量化 + 重排序，支持全库或指定知识库", "cfontsize": 13, "color": "#888"}
        },
        {
            "widgettype": "Form",
            "id": "search_form",
            "options": {
                "submit_url": "/rag/search_result.dspy",
                "fields": [
                    {"name": "query", "label": "搜索", "uitype": "Text", "required": false, "placeholder": "输入关键词检索知识库..."},
                    {"name": "kb_id", "label": "kb_id", "uitype": "Text", "required": false, "hidden": true, "value": ""},
                    {"name": "top_k", "label": "top_k", "uitype": "Text", "required": false, "hidden": true, "value": "10"},
                    {"name": "recall_k", "label": "recall_k", "uitype": "Text", "required": false, "hidden": true, "value": "30"}
                ]
            },
            "subwidgets": [
                {
                    "widgettype": "Text",
                    "options": {"text": "知识库：", "cfontsize": 13, "color": "#666", "padding": "4px 0 8px 0"}
                },
                {
                    "widgettype": "HBox",
                    "id": "kb_selector_row",
                    "options": {"spacing": "8px", "width": "100%", "wrap": true},
                    "subwidgets": [
                        {
                            "widgettype": "Text",
                            "id": "kb_btn_all",
                            "options": {"text": "全部知识库", "cfontsize": 12, "padding": "4px 12px", "bgcolor": "#3b82f6", "color": "#fff", "borderRadius": "4px", "css": "clickable"},
                            "binds": [{"wid": "self", "event": "click", "actiontype": "script", "target": "self",
                                "script": "var f=document.querySelector('[name=kb_id]');if(f)f.value='';var btns=document.querySelectorAll('.kb-btn');for(var i=0;i<btns.length;i++){btns[i].style.background='#eee';btns[i].style.color='#333'}this.dom_element.style.background='#3b82f6';this.dom_element.style.color='#fff'"}]
                        }
                    ]
                },
                {
                    "widgettype": "HBox",
                    "id": "kb_list_area",
                    "options": {"spacing": "8px", "width": "100%", "wrap": true},
                    "binds": [{"wid": "self", "event": "rendered", "actiontype": "urlwidget", "target": "self", "mode": "replace",
                        "options": {"url": "/rag/kb_buttons.dspy"}}]
                },
                {"widgettype": "Text", "options": {"text": " ", "cheight": 0.3}},
                {
                    "widgettype": "HBox",
                    "options": {"spacing": "12px"},
                    "subwidgets": [
                        {"widgettype": "Button", "id": "search_submit_btn", "options": {"label": "搜索", "bgcolor": "#3b82f6", "color": "#fff", "borderRadius": "6px", "padding": "8px 24px", "cfontsize": 14}}
                    ]
                }
            ],
            "binds": [
                {"wid": "self", "event": "submited", "actiontype": "urlwidget", "target": "root.search_results_container", "mode": "replace",
                 "options": {"url": "/rag/search_result.dspy"}}
            ]
        },
        {
            "widgettype": "VBox",
            "id": "search_results_container",
            "options": {"width": "100%", "spacing": "12px"},
            "subwidgets": [
                {"widgettype": "Text", "options": {"text": "输入关键词搜索知识库内容", "cfontsize": 14, "color": "#aaa", "halign": "center", "padding": "40px"}}
            ]
        }
    ]
}