{
  "widgettype": "VBox",
  "id": "new-session-container",
  "options": {
    "width": "100%",
    "height": "100%",
    "padding": "20px"
  },
  "subwidgets": [
    {
      "widgettype": "Text",
      "options": {
        "text": "Create New Session",
        "fontSize": "24px",
        "fontWeight": "bold",
        "color": "#F8FAFC",
        "marginBottom": "20px"
      }
    },
    {
      "widgettype": "Form",
      "id": "new-session-form",
      "options": {
        "width": "100%",
        "maxWidth": "600px",
        "fields": [
          {
            "uitype": "select",
            "name": "service_id",
            "label": "Select Service",
            "required": true,
            "placeholder": "Choose a Hermes service",
            "options": {
              "url": "/hermes-web-cli/hermes_services/options"
            }
          }
        ]
      },
      "binds": [
        {
          "wid": "self",
          "event": "submit",
          "actiontype": "urlwidget",
          "target": "app.main-content",
          "options": {
            "url": "{{entire_url('sessions/create_session.dspy')}}",
            "method": "POST",
            "params": "{{ 'new-session-form'.data }}"
          },
          "mode": "replace"
        },
        {
          "wid": "self", 
          "event": "cancel",
          "actiontype": "urlwidget",
          "target": "app.main-content",
          "options": {
            "url": "{{entire_url('index.ui')}}"
          },
          "mode": "replace"
        }
      ]
    }
  ]
}