refactor: AgentInput复合控件 — TextFiles + UiCode模型选择整合

- 新建 agent_input VBox: 内嵌模型选择行(HBox) + TextFiles输入区,统一为一个输入控件
- 顶部移除 model_selector,底部模型选择作为 UiCode 嵌在输入框内
- index.ui & index_cockpit.ui 同步更新
This commit is contained in:
yumoqing 2026-08-05 19:42:02 +08:00
parent 0aad9561b0
commit d2542f1768
2 changed files with 175 additions and 163 deletions

View File

@ -19,13 +19,13 @@
{
"widgettype": "Title2",
"options": {
"text": "开发产线驾驶舱"
"text": "\u5f00\u53d1\u4ea7\u7ebf\u9a7e\u9a76\u8231"
}
},
{
"widgettype": "Text",
"options": {
"text": "AI驱动的对话式开发",
"text": "AI\u9a71\u52a8\u7684\u5bf9\u8bdd\u5f0f\u5f00\u53d1",
"cfontsize": 0.9,
"color": "#94a3b8"
}
@ -51,7 +51,7 @@
"widgettype": "Button",
"id": "project_label",
"options": {
"label": "📁 当前项目:加载中...",
"label": "\ud83d\udcc1 \u5f53\u524d\u9879\u76ee\uff1a\u52a0\u8f7d\u4e2d...",
"css": "link",
"action": "click"
},
@ -61,7 +61,7 @@
"event": "click",
"actiontype": "script",
"target": "self",
"script": "var ctx=bricks.getWidgetById('context_data',bricks.app);var d=ctx?ctx.getValue():{};var pid=d.project_id||'';if(!pid){bricks.showError('请先选择项目');return;}var box=new bricks.VBox();box.add_widget(new bricks.Text({text:'项目名称:'+(d.project_name||'--'),cfontsize:1.1,fontWeight:'bold',marginBottom:'8px'}));box.add_widget(new bricks.Text({text:'项目ID'+pid,cfontsize:0.85,color:'#64748b',marginBottom:'4px'}));box.add_widget(new bricks.Text({text:'工作目录:'+(d.workspace_dir||'/d/pipeline/workspaces/'+pid),cfontsize:0.85,color:'#64748b'}));var pw=new bricks.PopupWindow({title:'项目详情',cwidth:36,cheight:16,auto_open:true});pw.content_w.add_widget(box);"
"script": "var ctx=bricks.getWidgetById('context_data',bricks.app);var d=ctx?ctx.getValue():{};var pid=d.project_id||'';if(!pid){bricks.showError('\u8bf7\u5148\u9009\u62e9\u9879\u76ee');return;}var box=new bricks.VBox();box.add_widget(new bricks.Text({text:'\u9879\u76ee\u540d\u79f0\uff1a'+(d.project_name||'--'),cfontsize:1.1,fontWeight:'bold',marginBottom:'8px'}));box.add_widget(new bricks.Text({text:'\u9879\u76eeID\uff1a'+pid,cfontsize:0.85,color:'#64748b',marginBottom:'4px'}));box.add_widget(new bricks.Text({text:'\u5de5\u4f5c\u76ee\u5f55\uff1a'+(d.workspace_dir||'/d/pipeline/workspaces/'+pid),cfontsize:0.85,color:'#64748b'}));var pw=new bricks.PopupWindow({title:'\u9879\u76ee\u8be6\u60c5',cwidth:36,cheight:16,auto_open:true});pw.content_w.add_widget(box);"
}
]
},
@ -69,7 +69,7 @@
"widgettype": "Button",
"id": "iteration_label",
"options": {
"label": "🔄 当前迭代:加载中...",
"label": "\ud83d\udd04 \u5f53\u524d\u8fed\u4ee3\uff1a\u52a0\u8f7d\u4e2d...",
"css": "link",
"action": "click"
},
@ -79,7 +79,7 @@
"event": "click",
"actiontype": "script",
"target": "self",
"script": "var ctx=bricks.getWidgetById('context_data',bricks.app);var d=ctx?ctx.getValue():{};var iid=d.iteration_id||'';var pid=d.project_id||'';if(!iid){bricks.showError('请先选择迭代');return;}var box=new bricks.VBox();box.add_widget(new bricks.Text({text:'迭代名称:'+(d.iteration_name||'--'),cfontsize:1.1,fontWeight:'bold',marginBottom:'8px'}));box.add_widget(new bricks.Text({text:'迭代ID'+iid,cfontsize:0.85,color:'#64748b',marginBottom:'4px'}));box.add_widget(new bricks.Text({text:'所属项目:'+(d.project_name||pid),cfontsize:0.85,color:'#64748b'}));var pw=new bricks.PopupWindow({title:'迭代详情',cwidth:36,cheight:14,auto_open:true});pw.content_w.add_widget(box);"
"script": "var ctx=bricks.getWidgetById('context_data',bricks.app);var d=ctx?ctx.getValue():{};var iid=d.iteration_id||'';var pid=d.project_id||'';if(!iid){bricks.showError('\u8bf7\u5148\u9009\u62e9\u8fed\u4ee3');return;}var box=new bricks.VBox();box.add_widget(new bricks.Text({text:'\u8fed\u4ee3\u540d\u79f0\uff1a'+(d.iteration_name||'--'),cfontsize:1.1,fontWeight:'bold',marginBottom:'8px'}));box.add_widget(new bricks.Text({text:'\u8fed\u4ee3ID\uff1a'+iid,cfontsize:0.85,color:'#64748b',marginBottom:'4px'}));box.add_widget(new bricks.Text({text:'\u6240\u5c5e\u9879\u76ee\uff1a'+(d.project_name||pid),cfontsize:0.85,color:'#64748b'}));var pw=new bricks.PopupWindow({title:'\u8fed\u4ee3\u8be6\u60c5',cwidth:36,cheight:14,auto_open:true});pw.content_w.add_widget(box);"
}
]
},
@ -129,7 +129,7 @@
{
"widgettype": "Text",
"options": {
"text": "选择一个迭代后,在下方输入你的需求。",
"text": "\u9009\u62e9\u4e00\u4e2a\u8fed\u4ee3\u540e\uff0c\u5728\u4e0b\u65b9\u8f93\u5165\u4f60\u7684\u9700\u6c42\u3002",
"cfontsize": 1,
"color": "#64748b"
}
@ -137,7 +137,7 @@
{
"widgettype": "Text",
"options": {
"text": "Agent 将自动分析需求、生成设计、驱动产线执行。",
"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"
}
@ -147,86 +147,92 @@
]
},
{
"widgettype": "HBox",
"options": {
"width": "100%",
"padding": "6px 14px 6px 14px",
"gap": "8px",
"alignItems": "center",
"bgcolor": "#f8fafc",
"border": "1px solid #e2e8f0",
"borderTop": "none"
},
"subwidgets": [
{
"widgettype": "Text",
"options": {
"text": "🤖",
"cfontsize": 0.9
}
},
{
"widgettype": "Form",
"id": "input_model_selector",
"options": {
"name": "input_model_selector",
"cols": 1,
"fields": [
{
"name": "model_id",
"uitype": "code",
"label": "",
"placeholder": "选择模型",
"cwidth": 14,
"dataurl": "/pipeline-sdlc/api/cockpit_model_options.dspy",
"valueField": "model_id",
"textField": "model_id_text",
"params": {
"valueField": "model_id",
"textField": "model_id_text"
}
}
]
}
},
{
"widgettype": "Filler"
},
{
"widgettype": "Button",
"options": {
"label": "模型配置",
"css": "small"
},
"binds": [
{
"wid": "self",
"event": "click",
"actiontype": "script",
"target": "self",
"script": "var pw=new bricks.PopupWindow({title:'模型配置',cwidth:36,cheight:26,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": "TextFiles",
"id": "chat_input",
"widgettype": "VBox",
"id": "agent_input",
"options": {
"bgcolor": "#fff",
"border": "1px solid #e2e8f0",
"borderTop": "none",
"borderRadius": "0 0 8px 8px",
"padding": "10px 14px 10px 14px"
"padding": "0"
},
"binds": [
"subwidgets": [
{
"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 mid='';try{var el=bricks.getWidgetById('input_model_selector',bricks.app).getValue();if(el)mid=el.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.95,color:'#1e293b',whiteSpace:'pre-wrap'});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)+'&model_id='+encodeURIComponent(mid)+'&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'));}});"
"widgettype": "HBox",
"options": {
"padding": "6px 14px 2px 14px",
"gap": "6px",
"alignItems": "center"
},
"subwidgets": [
{
"widgettype": "Text",
"options": {
"text": "\ud83e\udd16",
"cfontsize": 0.8
}
},
{
"widgettype": "Form",
"id": "input_model_selector",
"options": {
"name": "input_model_selector",
"cols": 1,
"fields": [
{
"name": "model_id",
"uitype": "code",
"label": "",
"placeholder": "\u9009\u62e9\u6a21\u578b",
"cwidth": 12,
"dataurl": "/pipeline-sdlc/api/cockpit_model_options.dspy",
"valueField": "model_id",
"textField": "model_id_text",
"params": {
"valueField": "model_id",
"textField": "model_id_text"
}
}
]
}
},
{
"widgettype": "Filler"
},
{
"widgettype": "Button",
"options": {
"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\",cwidth:36,cheight:26,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": "TextFiles",
"id": "chat_input",
"options": {
"bgcolor": "transparent",
"padding": "6px 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 mid='';try{var el=bricks.getWidgetById('input_model_selector',bricks.app).getValue();if(el)mid=el.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.95,color:'#1e293b',whiteSpace:'pre-wrap'});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)+'&model_id='+encodeURIComponent(mid)+'&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'));}});"
}
]
}
]
}

View File

@ -19,13 +19,13 @@
{
"widgettype": "Title2",
"options": {
"text": "开发产线驾驶舱"
"text": "\u5f00\u53d1\u4ea7\u7ebf\u9a7e\u9a76\u8231"
}
},
{
"widgettype": "Text",
"options": {
"text": "AI驱动的对话式开发",
"text": "AI\u9a71\u52a8\u7684\u5bf9\u8bdd\u5f0f\u5f00\u53d1",
"cfontsize": 0.9,
"color": "#94a3b8"
}
@ -70,7 +70,7 @@
"widgettype": "Button",
"id": "project_label",
"options": {
"label": "📁 当前项目:加载中...",
"label": "\ud83d\udcc1 \u5f53\u524d\u9879\u76ee\uff1a\u52a0\u8f7d\u4e2d...",
"css": "link",
"action": "click"
},
@ -80,7 +80,7 @@
"event": "click",
"actiontype": "script",
"target": "self",
"script": "var ctx=bricks.getWidgetById('context_data',bricks.app);var d=ctx?ctx.getValue():{};var pid=d.project_id||'';if(!pid){bricks.showError('请先选择项目');return;}var box=new bricks.VBox();box.add_widget(new bricks.Text({text:'项目名称:'+(d.project_name||'--'),cfontsize:1.1,fontWeight:'bold',marginBottom:'8px'}));box.add_widget(new bricks.Text({text:'项目ID'+pid,cfontsize:0.85,color:'#64748b',marginBottom:'4px'}));box.add_widget(new bricks.Text({text:'工作目录:'+(d.workspace_dir||'/d/pipeline/workspaces/'+pid),cfontsize:0.85,color:'#64748b'}));var pw=new bricks.PopupWindow({title:'项目详情',cwidth:36,cheight:16,auto_open:true});pw.content_w.add_widget(box);"
"script": "var ctx=bricks.getWidgetById('context_data',bricks.app);var d=ctx?ctx.getValue():{};var pid=d.project_id||'';if(!pid){bricks.showError('\u8bf7\u5148\u9009\u62e9\u9879\u76ee');return;}var box=new bricks.VBox();box.add_widget(new bricks.Text({text:'\u9879\u76ee\u540d\u79f0\uff1a'+(d.project_name||'--'),cfontsize:1.1,fontWeight:'bold',marginBottom:'8px'}));box.add_widget(new bricks.Text({text:'\u9879\u76eeID\uff1a'+pid,cfontsize:0.85,color:'#64748b',marginBottom:'4px'}));box.add_widget(new bricks.Text({text:'\u5de5\u4f5c\u76ee\u5f55\uff1a'+(d.workspace_dir||'/d/pipeline/workspaces/'+pid),cfontsize:0.85,color:'#64748b'}));var pw=new bricks.PopupWindow({title:'\u9879\u76ee\u8be6\u60c5',cwidth:36,cheight:16,auto_open:true});pw.content_w.add_widget(box);"
}
]
},
@ -88,7 +88,7 @@
"widgettype": "Button",
"id": "iteration_label",
"options": {
"label": "🔄 当前迭代:加载中...",
"label": "\ud83d\udd04 \u5f53\u524d\u8fed\u4ee3\uff1a\u52a0\u8f7d\u4e2d...",
"css": "link",
"action": "click"
},
@ -98,7 +98,7 @@
"event": "click",
"actiontype": "script",
"target": "self",
"script": "var ctx=bricks.getWidgetById('context_data',bricks.app);var d=ctx?ctx.getValue():{};var iid=d.iteration_id||'';var pid=d.project_id||'';if(!iid){bricks.showError('请先选择迭代');return;}var box=new bricks.VBox();box.add_widget(new bricks.Text({text:'迭代名称:'+(d.iteration_name||'--'),cfontsize:1.1,fontWeight:'bold',marginBottom:'8px'}));box.add_widget(new bricks.Text({text:'迭代ID'+iid,cfontsize:0.85,color:'#64748b',marginBottom:'4px'}));box.add_widget(new bricks.Text({text:'所属项目:'+(d.project_name||pid),cfontsize:0.85,color:'#64748b'}));var pw=new bricks.PopupWindow({title:'迭代详情',cwidth:36,cheight:14,auto_open:true});pw.content_w.add_widget(box);"
"script": "var ctx=bricks.getWidgetById('context_data',bricks.app);var d=ctx?ctx.getValue():{};var iid=d.iteration_id||'';var pid=d.project_id||'';if(!iid){bricks.showError('\u8bf7\u5148\u9009\u62e9\u8fed\u4ee3');return;}var box=new bricks.VBox();box.add_widget(new bricks.Text({text:'\u8fed\u4ee3\u540d\u79f0\uff1a'+(d.iteration_name||'--'),cfontsize:1.1,fontWeight:'bold',marginBottom:'8px'}));box.add_widget(new bricks.Text({text:'\u8fed\u4ee3ID\uff1a'+iid,cfontsize:0.85,color:'#64748b',marginBottom:'4px'}));box.add_widget(new bricks.Text({text:'\u6240\u5c5e\u9879\u76ee\uff1a'+(d.project_name||pid),cfontsize:0.85,color:'#64748b'}));var pw=new bricks.PopupWindow({title:'\u8fed\u4ee3\u8be6\u60c5',cwidth:36,cheight:14,auto_open:true});pw.content_w.add_widget(box);"
}
]
},
@ -108,7 +108,7 @@
"options": {
"dataurl": "/pipeline-sdlc/api/cockpit_context.dspy",
"method": "GET",
"datascript": "(function(d){var d=d||{};var pl=bricks.getWidgetById('project_label',bricks.app);var il=bricks.getWidgetById('iteration_label',bricks.app);var pn=d.project_name||'';if(pl){pl.setText(pn?'📁 当前项目:'+pn:'📁 当前项目:--');}if(il){il.setText(d.iteration_name?(d.iteration_name.length>15?d.iteration_name.slice(0,15)+'...':d.iteration_name):'🔄 当前迭代:--');il.setText('🔄 当前迭代:'+(d.iteration_name||'--'));}return d;})"
"datascript": "(function(d){var d=d||{};var pl=bricks.getWidgetById('project_label',bricks.app);var il=bricks.getWidgetById('iteration_label',bricks.app);var pn=d.project_name||'';if(pl){pl.setText(pn?'\ud83d\udcc1 \u5f53\u524d\u9879\u76ee\uff1a'+pn:'\ud83d\udcc1 \u5f53\u524d\u9879\u76ee\uff1a--');}if(il){il.setText(d.iteration_name?(d.iteration_name.length>15?d.iteration_name.slice(0,15)+'...':d.iteration_name):'\ud83d\udd04 \u5f53\u524d\u8fed\u4ee3\uff1a--');il.setText('\ud83d\udd04 \u5f53\u524d\u8fed\u4ee3\uff1a'+(d.iteration_name||'--'));}return d;})"
}
}
]
@ -148,7 +148,7 @@
{
"widgettype": "Text",
"options": {
"text": "选择一个迭代后,在下方输入你的需求。",
"text": "\u9009\u62e9\u4e00\u4e2a\u8fed\u4ee3\u540e\uff0c\u5728\u4e0b\u65b9\u8f93\u5165\u4f60\u7684\u9700\u6c42\u3002",
"cfontsize": 1,
"color": "#64748b"
}
@ -156,7 +156,7 @@
{
"widgettype": "Text",
"options": {
"text": "Agent 将自动分析需求、生成设计、驱动产线执行。",
"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"
}
@ -166,86 +166,92 @@
]
},
{
"widgettype": "HBox",
"options": {
"width": "100%",
"padding": "6px 14px 6px 14px",
"gap": "8px",
"alignItems": "center",
"bgcolor": "#f8fafc",
"border": "1px solid #e2e8f0",
"borderTop": "none"
},
"subwidgets": [
{
"widgettype": "Text",
"options": {
"text": "🤖",
"cfontsize": 0.9
}
},
{
"widgettype": "Form",
"id": "input_model_selector",
"options": {
"name": "input_model_selector",
"cols": 1,
"fields": [
{
"name": "model_id",
"uitype": "code",
"label": "",
"placeholder": "选择模型",
"cwidth": 14,
"dataurl": "/pipeline-sdlc/api/cockpit_model_options.dspy",
"valueField": "model_id",
"textField": "model_id_text",
"params": {
"valueField": "model_id",
"textField": "model_id_text"
}
}
]
}
},
{
"widgettype": "Filler"
},
{
"widgettype": "Button",
"options": {
"label": "模型配置",
"css": "small"
},
"binds": [
{
"wid": "self",
"event": "click",
"actiontype": "script",
"target": "self",
"script": "var pw=new bricks.PopupWindow({title:'模型配置',cwidth:36,cheight:26,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": "TextFiles",
"id": "chat_input",
"widgettype": "VBox",
"id": "agent_input",
"options": {
"bgcolor": "#fff",
"border": "1px solid #e2e8f0",
"borderTop": "none",
"borderRadius": "0 0 8px 8px",
"padding": "10px 14px 10px 14px"
"padding": "0"
},
"binds": [
"subwidgets": [
{
"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 mid='';try{var ms=bricks.getWidgetById('input_model_selector',bricks.app);if(ms){var v=ms.getValue();mid=(v||{}).model_id||'';}}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:'\\你',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:'\\正\\在\\分\\析\\需\\求...',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)+'&model_id='+encodeURIComponent(mid)+'&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..."
"widgettype": "HBox",
"options": {
"padding": "6px 14px 2px 14px",
"gap": "6px",
"alignItems": "center"
},
"subwidgets": [
{
"widgettype": "Text",
"options": {
"text": "\ud83e\udd16",
"cfontsize": 0.8
}
},
{
"widgettype": "Form",
"id": "input_model_selector",
"options": {
"name": "input_model_selector",
"cols": 1,
"fields": [
{
"name": "model_id",
"uitype": "code",
"label": "",
"placeholder": "\u9009\u62e9\u6a21\u578b",
"cwidth": 12,
"dataurl": "/pipeline-sdlc/api/cockpit_model_options.dspy",
"valueField": "model_id",
"textField": "model_id_text",
"params": {
"valueField": "model_id",
"textField": "model_id_text"
}
}
]
}
},
{
"widgettype": "Filler"
},
{
"widgettype": "Button",
"options": {
"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\",cwidth:36,cheight:26,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": "TextFiles",
"id": "chat_input",
"options": {
"bgcolor": "transparent",
"padding": "6px 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 mid='';try{var ms=bricks.getWidgetById('input_model_selector',bricks.app);if(ms){var v=ms.getValue();mid=(v||{}).model_id||'';}}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)+'&model_id='+encodeURIComponent(mid)+'&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..."
}
]
}
]
}