{
    "widgettype": "VBox",
    "options": {
        "width": "100%",
        "height": "100%",
        "padding": "0"
    },
    "subwidgets": [
        {
            "widgettype": "HBox",
            "options": {
                "width": "100%",
                "alignItems": "center",
                "padding": "16px 24px 8px 24px",
                "cheight": 6,
                "gap": "12px"
            },
            "subwidgets": [
                { "widgettype": "Title2", "options": { "text": "\u5f00\u53d1\u4ea7\u7ebf\u9a7e\u9a76\u8231" } },
                { "widgettype": "Text", "options": { "text": "AI\u9a71\u52a8\u7684\u5bf9\u8bdd\u5f0f\u5f00\u53d1", "cfontsize": 0.9, "color": "#94a3b8" } },
                { "widgettype": "Filler" },
                {
                    "widgettype": "Button",
                    "options": { "name": "model_config", "label": "\u6a21\u578b\u914d\u7f6e", "css": "small" },
                    "binds": [{
                        "wid": "self", "event": "click", "actiontype": "script", "target": "self",
                        "script": "var pw=new bricks.PopupWindow({title:'\u6a21\u578b\u914d\u7f6e',auto_open:true});bricks.widgetBuild({widgettype:'urlwidget',options:{url:'/pipeline_core/llm/index.ui',method:'GET'}},pw.content_w).then(function(w){if(w)pw.content_w.add_widget(w);});"
                    }]
                }
            ]
        },
        {
            "widgettype": "HBox",
            "options": {
                "width": "100%",
                "padding": "8px 24px 8px 24px",
                "cheight": 4,
                "gap": "16px"
            },
            "subwidgets": [
                {
                    "widgettype": "urlwidget",
                    "id": "stats_row",
                    "options": {
                        "url": "{{entire_url('/pipeline-sdlc/api/cockpit_stats.dspy')}}",
                        "method": "GET"
                    }
                }
            ]
        },
        {
            "widgettype": "VBox",
            "options": {
                "css": "filler",
                "width": "100%",
                "height": "100%",
                "padding": "0 24px 0 24px",
                "gap": "0"
            },
            "subwidgets": [
                {
                    "widgettype": "VScrollPanel",
                    "id": "chat_scroll",
                    "options": {
                        "css": "filler",
                        "width": "100%",
                        "height": "100%",
                        "bgcolor": "#f8fafc",
                        "border": "1px solid #e2e8f0",
                        "borderBottom": "none",
                        "borderRadius": "8px 8px 0 0",
                        "padding": "16px"
                    },
                    "subwidgets": [
                        {
                            "widgettype": "VBox",
                            "options": { "alignItems": "center", "padding": "40px 0", "gap": "12px" },
                            "subwidgets": [
                                { "widgettype": "Text", "options": { "text": "\u9009\u62e9\u4e00\u4e2a\u8fed\u4ee3\u540e\uff0c\u5728\u4e0b\u65b9\u8f93\u5165\u4f60\u7684\u9700\u6c42\u3002", "cfontsize": 1, "color": "#64748b" } },
                                { "widgettype": "Text", "options": { "text": "Agent \u5c06\u81ea\u52a8\u5206\u6790\u9700\u6c42\u3001\u751f\u6210\u8bbe\u8ba1\u3001\u9a71\u52a8\u4ea7\u7ebf\u6267\u884c\u3002", "cfontsize": 0.85, "color": "#94a3b8" } }
                            ]
                        }
                    ]
                },
                {
                    "widgettype": "TextFiles",
                    "id": "chat_input",
                    "options": {
                        "bgcolor": "#fff",
                        "border": "1px solid #e2e8f0",
                        "borderTop": "none",
                        "borderRadius": "0 0 8px 8px",
                        "padding": "10px 14px 10px 14px"
                    },
                    "binds": [
                        {
                            "wid": "self",
                            "event": "inputed",
                            "actiontype": "script",
                            "target": "self",
                            "script": "var p=params.prompt;var files=params.add_files||[];var iid='';try{var iter=bricks.getWidgetById('current_iteration_id',bricks.app);if(iter)iid=iter.options.value||'';}catch(e){}var chat=bricks.getWidgetById('chat_scroll',bricks.app);var at=null;if(chat){var ub=new bricks.HBox({width:'100%'});var um=new bricks.VBox({width:'85%',alignSelf:'flex-end',bgcolor:'#dbeafe',borderRadius:'12px',padding:'12px 16px',marginBottom:'10px',gap:'4px'});um.add_widget(new bricks.Text({text:'\\u4f60',cfontsize:0.75,color:'#2563eb',fontWeight:'bold'}));um.add_widget(new bricks.Text({text:p,cfontsize:0.95,color:'#1e293b',whiteSpace:'pre-wrap'}));ub.add_widget(new bricks.VBox({css:'filler'}));ub.add_widget(um);ub.add_widget(new bricks.Svg({rate:2,url:bricks_resource('imgs/chat-user.svg')}));chat.add_widget(ub);var ab=new bricks.HBox({width:'100%'});var am=new bricks.VBox({width:'85%',alignSelf:'flex-start',bgcolor:'#e8f0fe',borderRadius:'12px',padding:'12px 16px',marginBottom:'10px',gap:'4px'});am.add_widget(new bricks.Text({text:'Agent',cfontsize:0.75,color:'#3b82f6',fontWeight:'bold'}));at=new bricks.Text({text:'\\u6b63\\u5728\\u5206\\u6790\\u9700\\u6c42...',cfontsize:0.85,color:'#64748b'});am.add_widget(at);ab.add_widget(new bricks.Svg({rate:2,url:bricks_resource('imgs/llm.svg')}));ab.add_widget(am);ab.add_widget(new bricks.VBox({css:'filler'}));chat.add_widget(ab);}var body='message_text='+encodeURIComponent(p)+'&iteration_id='+encodeURIComponent(iid)+'&action=send_message&file_paths='+encodeURIComponent(JSON.stringify(files.map(function(f){return f.name||f})));fetch('/pipeline-sdlc/api/cockpit_chat.dspy',{method:'POST',headers:{'Content-Type':'application/x-www-form-urlencoded'},body:body}).then(function(r){return r.json()}).then(function(r){if(r.success){if(at)at.set_text(r.agent_reply||'\\u5df2\\u5904\\u7406');var s=bricks.getWidgetById('stats_row',bricks.app);if(s)s.render({});}else{if(at)at.set_text('\\u9519\\u8bef: '+(r.error||'\\u672a\\u77e5\\u9519\\u8bef'));}});"
                        }
                    ]
                }
            ]
        }
    ]
}