- 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
63 lines
1.7 KiB
XML
63 lines
1.7 KiB
XML
{
|
|
"widgettype": "VBox",
|
|
"options": {
|
|
"width": "100%",
|
|
"height": "100%",
|
|
"style": {
|
|
"padding": "20px"
|
|
}
|
|
},
|
|
"subwidgets": [
|
|
{
|
|
"widgettype": "Text",
|
|
"options": {
|
|
"text": "New Session",
|
|
"fontSize": "24px",
|
|
"fontWeight": "bold",
|
|
"style": {
|
|
"marginBottom": "24px",
|
|
"color": "#F8FAFC"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"widgettype": "Form",
|
|
"options": {
|
|
"title": "Create New AI Session",
|
|
"description": "Start a new conversation with your Hermes AI agent by selecting a service and providing an initial message.",
|
|
"fields": [
|
|
{
|
|
"name": "service_id",
|
|
"label": "Hermes Service",
|
|
"uitype": "select",
|
|
"required": true,
|
|
"options_url": "/hermes-web-cli/services/list"
|
|
},
|
|
{
|
|
"name": "initial_message",
|
|
"label": "Initial Message",
|
|
"uitype": "text",
|
|
"required": true,
|
|
"placeholder": "Enter your first message to the AI agent..."
|
|
},
|
|
{
|
|
"name": "session_name",
|
|
"label": "Session Name (Optional)",
|
|
"uitype": "str",
|
|
"placeholder": "Give your session a name for easy reference"
|
|
}
|
|
],
|
|
"submit_url": "/hermes-web-cli/sessions",
|
|
"method": "POST"
|
|
},
|
|
"binds": [
|
|
{
|
|
"wid": "self",
|
|
"event": "submited",
|
|
"actiontype": "script",
|
|
"script": "bricks.show_resp_message_or_error(event.params).then(() => { bricks.app.load_widget('{{entire_url('index.ui')}}', 'root', 'replace'); });"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
} |