diff --git a/wwwroot/reasoning_console.ui b/wwwroot/reasoning_console.ui index 170eff2..0096173 100644 --- a/wwwroot/reasoning_console.ui +++ b/wwwroot/reasoning_console.ui @@ -1,6 +1,158 @@ { - "widgettype": "HTML", + "widgettype": "VBox", "options": { - "html": "\n\n\n\n\n\n
\n
\n

AI 推理控制台

\n 未连接\n
\n
\n \n
\n \n \n
\n
\n
\n
\n 等待连接...\n
\n
\n
\n
\n
\n
\n
\n \n

输入请求后点击\"开始推理\"查看 AI 推理过程

\n
\n
\n
\n\n\n" - } -} \ No newline at end of file + "width": "100%", + "height": "100%", + "spacing": 12 + }, + "subwidgets": [ + { + "widgettype": "HBox", + "options": { + "width": "100%", + "padding": "16px 20px", + "spacing": 12 + }, + "subwidgets": [ + { + "widgettype": "Title2", + "options": { + "text": "AI 推理控制台", + "halign": "left" + } + }, + { + "widgettype": "Text", + "id": "ws_status", + "options": { + "text": "未连接", + "halign": "right" + } + } + ] + }, + { + "widgettype": "VBox", + "options": { + "width": "calc(100% - 40px)", + "margin": "0 20px", + "padding": "16px", + "spacing": 12 + }, + "subwidgets": [ + { + "widgettype": "Input", + "id": "reasoning_input", + "options": { + "text": "", + "placeholder": "输入你的请求，AI 将自动推理、规划并执行..." + } + }, + { + "widgettype": "HBox", + "options": { + "width": "100%", + "spacing": 10 + }, + "subwidgets": [ + { + "widgettype": "Button", + "id": "start_btn", + "options": { + "text": "开始推理", + "bgcolor": "#2196F3" + }, + "binds": [ + { + "wid": "self", + "event": "click", + "actiontype": "script", + "script": "startReasoning()" + } + ] + }, + { + "widgettype": "Button", + "id": "clear_btn", + "options": { + "text": "清空日志", + "bgcolor": "#607D8B" + }, + "binds": [ + { + "wid": "self", + "event": "click", + "actiontype": "script", + "script": "clearSteps()" + } + ] + } + ] + } + ] + }, + { + "widgettype": "VBox", + "id": "status_bar", + "options": { + "width": "calc(100% - 40px)", + "margin": "0 20px", + "padding": "12px 16px", + "spacing": 4 + }, + "subwidgets": [ + { + "widgettype": "Text", + "id": "status_text", + "options": { + "text": "等待连接...", + "halign": "left" + } + }, + { + "widgettype": "Text", + "id": "current_step", + "options": { + "text": "", + "halign": "left" + } + } + ] + }, + { + "widgettype": "Scroll", + "options": { + "width": "100%", + "height": "auto" + }, + "subwidgets": [ + { + "widgettype": "VBox", + "id": "steps_container", + "options": { + "width": "calc(100% - 40px)", + "margin": "0 20px", + "spacing": 8, + "padding": "8px 0" + }, + "subwidgets": [] + } + ] + }, + { + "widgettype": "Html", + "id": "ws_logic", + "options": { + "html": "" + } + }, + { + "widgettype": "WebSocket", + "id": "reasoning_ws", + "options": { + "ws_url": "{{entire_url('../reasoning_console.wss')}}", + "with_session": true + } + } + ] +}