109 lines
5.8 KiB
XML
109 lines
5.8 KiB
XML
{
|
|
"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": "开发产线驾驶舱" } },
|
|
{ "widgettype": "Text", "options": { "text": "AI驱动的对话式开发", "cfontsize": 0.9, "color": "#94a3b8" } },
|
|
{ "widgettype": "Filler" },
|
|
{
|
|
"widgettype": "Button",
|
|
"options": { "name": "refresh", "label": "刷新", "css": "small" },
|
|
"binds": [{
|
|
"wid": "self", "event": "click", "actiontype": "script", "target": "self",
|
|
"script": "location.reload();"
|
|
}]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"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": "选择一个迭代后，在下方输入你的需求。", "cfontsize": 1, "color": "#64748b" } },
|
|
{ "widgettype": "Text", "options": { "text": "Agent 将自动分析需求、生成设计、驱动产线执行。", "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 prompt=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);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:prompt,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'}));var 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(prompt)+'&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){location.reload();}else{if(at)at.set_text('\u9519\u8bef: '+(r.error||'\u672a\u77e5\u9519\u8bef'));}});"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|