{
  "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": "str",
            "name": "session-name",
            "label": "Session Name",
            "placeholder": "Enter session name...",
            "width": "100%",
            "marginBottom": "16px"
          },
          {
            "uitype": "str", 
            "name": "model-select",
            "label": "AI Model",
            "placeholder": "Enter model name or ID...",
            "width": "100%",
            "marginBottom": "16px"
          },
          {
            "uitype": "text",
            "name": "initial-prompt",
            "label": "Initial Prompt (Optional)",
            "placeholder": "Enter initial context or instructions...",
            "width": "100%",
            "height": "100px",
            "marginBottom": "24px"
          }
        ],
        "toolbar": {
          "tools": [
            {
              "label": "Create Session",
              "bgcolor": "#22C55E",
              "color": "#FFFFFF",
              "border": "none",
              "borderRadius": "6px",
              "padding": "10px 20px",
              "fontWeight": "600",
              "action": "create_session"
            },
            {
              "label": "Cancel",
              "bgcolor": "#64748B",
              "color": "#FFFFFF", 
              "border": "none",
              "borderRadius": "6px",
              "padding": "10px 20px",
              "action": "cancel"
            }
          ]
        }
      },
      "binds": [
        {
          "wid": "self",
          "event": "create_session",
          "actiontype": "registerfunction",
          "target": "app.new-session-container",
          "rfname": "create_session",
          "params": {
            "form_data": "{{ 'new-session-form'.data }}"
          }
        },
        {
          "wid": "self", 
          "event": "cancel",
          "actiontype": "urlwidget",
          "target": "app.main-content",
          "options": {
            "url": "{{entire_url('index.ui')}}"
          },
          "mode": "replace"
        }
      ]
    }
  ]
}