{
  "widgettype": "VBox",
  "options": {
    "width": "100%",
    "height": "100%"
  },
  "subwidgets": [
    {
      "widgettype": "Toolbar",
      "options": {
        "items": [
          {
            "text": "Create Workflow",
            "icon": "plus",
            "id": "create_workflow_btn"
          },
          {
            "text": "Refresh",
            "icon": "refresh",
            "id": "refresh_workflows_btn"
          }
        ]
      },
      "binds": [
        {
          "wid": "create_workflow_btn",
          "event": "click",
          "actiontype": "urlwidget",
          "url": "{{entire_url('harnessed_agent/create_workflow.ui')}}"
        },
        {
          "wid": "refresh_workflows_btn",
          "event": "click",
          "actiontype": "registerfunction",
          "rfname": "hermes_refresh_workflows",
          "target": "workflows_grid",
          "method": "reload"
        }
      ]
    },
    {
      "widgettype": "DataGrid",
      "id": "workflows_grid",
      "options": {
        "columns": [
          {"field": "name", "title": "Name", "width": "20%"},
          {"field": "workflow_type", "title": "Type", "width": "15%"},
          {"field": "status", "title": "Status", "width": "15%"},
          {"field": "created_at", "title": "Created", "width": "20%"},
          {"field": "updated_at", "title": "Updated", "width": "20%"},
          {"field": "actions", "title": "Actions", "width": "10%", "renderer": "action_buttons"}
        ],
        "url": "/api/hermes/workflows",
        "method": "GET",
        "auto_load": true
      },
      "binds": [
        {
          "wid": "self",
          "event": "row_click",
          "actiontype": "urlwidget",
          "url": "{{entire_url('harnessed_agent/workflow_detail.ui?id=${row.id}$')}}"
        }
      ]
    }
  ]
}