yumoqing
526151b901
- Replace service-only management interface with full AI agent dashboard - Implement modern dark theme UI using UI/UX Pro Max design principles - Add comprehensive navigation with sidebar and main content area - Create complete page suite: new_session, sessions, services, session_chat, settings - Integrate all user interaction functions into unified interface - Follow bricks-framework best practices and production-ready standards
101 lines
2.7 KiB
XML
101 lines
2.7 KiB
XML
{
|
|
"widgettype": "VBox",
|
|
"options": {
|
|
"width": "100%",
|
|
"height": "100%",
|
|
"style": {
|
|
"padding": "20px"
|
|
}
|
|
},
|
|
"subwidgets": [
|
|
{
|
|
"widgettype": "Text",
|
|
"options": {
|
|
"text": "Active Sessions",
|
|
"fontSize": "24px",
|
|
"fontWeight": "bold",
|
|
"style": {
|
|
"marginBottom": "24px",
|
|
"color": "#F8FAFC"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"widgettype": "DataViewer",
|
|
"options": {
|
|
"data_url": "/hermes-web-cli/sessions/active",
|
|
"page_rows": 20,
|
|
"row_options": {
|
|
"fields": [
|
|
{
|
|
"name": "session_id",
|
|
"label": "Session ID",
|
|
"uitype": "str"
|
|
},
|
|
{
|
|
"name": "session_name",
|
|
"label": "Session Name",
|
|
"uitype": "str"
|
|
},
|
|
{
|
|
"name": "service_name",
|
|
"label": "Service",
|
|
"uitype": "str"
|
|
},
|
|
{
|
|
"name": "message_count",
|
|
"label": "Messages",
|
|
"uitype": "int"
|
|
},
|
|
{
|
|
"name": "created_at",
|
|
"label": "Created",
|
|
"uitype": "date"
|
|
},
|
|
{
|
|
"name": "status",
|
|
"label": "Status",
|
|
"uitype": "str"
|
|
}
|
|
]
|
|
},
|
|
"editable": {
|
|
"add_icon": "fa fa-plus",
|
|
"update_icon": "fa fa-edit",
|
|
"delete_icon": "fa fa-trash",
|
|
"new_data_url": "/hermes-web-cli/sessions",
|
|
"update_data_url": "/hermes-web-cli/sessions/{id}",
|
|
"delete_data_url": "/hermes-web-cli/sessions/{id}"
|
|
},
|
|
"toolbar": {
|
|
"tools": [
|
|
{
|
|
"name": "open_session",
|
|
"text": "Open Chat",
|
|
"icon": "fa fa-comments"
|
|
},
|
|
{
|
|
"name": "export_session",
|
|
"text": "Export",
|
|
"icon": "fa fa-download"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
"binds": [
|
|
{
|
|
"wid": "self",
|
|
"event": "open_session",
|
|
"actiontype": "script",
|
|
"script": "const selectedRow = event.params; if (selectedRow) { const url = `{{entire_url('session_chat.ui')}}?session_id=${selectedRow.session_id}`; bricks.app.load_widget(url, 'main-content', 'replace'); }"
|
|
},
|
|
{
|
|
"wid": "self",
|
|
"event": "export_session",
|
|
"actiontype": "script",
|
|
"script": "const selectedRow = event.params; if (selectedRow) { window.location.href = `/hermes-web-cli/sessions/${selectedRow.session_id}/export`; }"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
} |