yumoqing
5d4e70da8e
- Added all missing .ui files referenced in index.ui:
* new_session.ui
* sessions.ui
* services.ui
* settings.ui
* session_detail.ui
* add_service.ui
* edit_service.ui
- Created corresponding .dspy API endpoints with proper directory structure:
* /hermes-web-cli/services → services/index.dspy
* /hermes-web-cli/services/list → services/list/index.dspy
* /hermes-web-cli/services/{id} → services/id/index.dspy
* /hermes-web-cli/services/test?id={id} → services/test/index.dspy
* /hermes-web-cli/sessions (POST) → sessions/index.dspy
* /hermes-web-cli/sessions/messages?session_id={id} → sessions/messages/index.dspy
* /hermes-web-cli/settings → settings/index.dspy
* /hermes-web-cli/settings/reset → settings/reset/index.dspy
- Fixed UI styling to comply with bricks-framework (removed nested style objects)
- Updated URL references to use query parameters instead of path parameters for dynamic routes
- All files follow production-ready module development specifications
116 lines
3.1 KiB
XML
116 lines
3.1 KiB
XML
{
|
|
"widgettype": "VBox",
|
|
"options": {
|
|
"width": "100%",
|
|
"height": "100%",
|
|
"padding": "20px"
|
|
},
|
|
"subwidgets": [
|
|
{
|
|
"widgettype": "Text",
|
|
"options": {
|
|
"text": "Session Details",
|
|
"fontSize": "24px",
|
|
"fontWeight": "bold",
|
|
"marginBottom": "20px",
|
|
"color": "#F8FAFC"
|
|
}
|
|
},
|
|
{
|
|
"widgettype": "DataViewer",
|
|
"id": "session-messages",
|
|
"options": {
|
|
"data_url": "/hermes-web-cli/sessions/messages?session_id={{query.session_id}}",
|
|
"page_rows": 50,
|
|
"row_options": {
|
|
"fields": [
|
|
{
|
|
"name": "role",
|
|
"label": "Role",
|
|
"uitype": "str"
|
|
},
|
|
{
|
|
"name": "content",
|
|
"label": "Message",
|
|
"uitype": "str"
|
|
},
|
|
{
|
|
"name": "timestamp",
|
|
"label": "Time",
|
|
"uitype": "date"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"widgettype": "Form",
|
|
"id": "message-form",
|
|
"options": {
|
|
"fields": [
|
|
{
|
|
"name": "message",
|
|
"label": "Send Message",
|
|
"uitype": "textarea",
|
|
"placeholder": "Type your message here..."
|
|
}
|
|
],
|
|
"marginTop": "20px"
|
|
}
|
|
},
|
|
{
|
|
"widgettype": "HBox",
|
|
"options": {
|
|
"width": "100%",
|
|
"height": "auto",
|
|
"marginTop": "10px",
|
|
"gap": "10px"
|
|
},
|
|
"subwidgets": [
|
|
{
|
|
"widgettype": "Button",
|
|
"options": {
|
|
"text": "Send",
|
|
"icon": "fa fa-paper-plane",
|
|
"backgroundColor": "#22C55E",
|
|
"color": "#FFFFFF",
|
|
"border": "none",
|
|
"borderRadius": "6px",
|
|
"padding": "10px 20px"
|
|
},
|
|
"binds": [
|
|
{
|
|
"wid": "self",
|
|
"event": "click",
|
|
"actiontype": "script",
|
|
"script": "const formData = bricks.app.get_widget('message-form').get_data(); const sessionId = '{{query.session_id}}'; if (formData.message) { fetch(`/hermes-web-cli/sessions/messages?session_id=${sessionId}`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ message: formData.message }) }).then(() => { bricks.app.get_widget('session-messages').refresh(); bricks.app.get_widget('message-form').clear(); }); }"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"widgettype": "Button",
|
|
"options": {
|
|
"text": "Back to Sessions",
|
|
"backgroundColor": "#64748B",
|
|
"color": "#FFFFFF",
|
|
"border": "none",
|
|
"borderRadius": "6px",
|
|
"padding": "10px 20px"
|
|
},
|
|
"binds": [
|
|
{
|
|
"wid": "self",
|
|
"event": "click",
|
|
"actiontype": "urlwidget",
|
|
"target": "main-content",
|
|
"options": {
|
|
"url": "{{entire_url('sessions.ui')}}"
|
|
},
|
|
"mode": "replace"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
} |