{
  "widgettype": "VBox",
  "options": {
    "width": "100%",
    "height": "100%"
  },
  "subwidgets": [
    {
      "widgettype": "Toolbar",
      "options": {
        "items": [
          {
            "text": "Create Task",
            "icon": "plus",
            "id": "create_task_btn"
          },
          {
            "text": "Refresh",
            "icon": "refresh",
            "id": "refresh_tasks_btn"
          }
        ]
      },
      "binds": [
        {
          "wid": "create_task_btn",
          "event": "click",
          "actiontype": "urlwidget",
          "url": "{{entire_url('harnessed_agent/create_task.ui')}}"
        },
        {
          "wid": "refresh_tasks_btn",
          "event": "click",
          "actiontype": "registerfunction",
          "rfname": "hermes_refresh_tasks",
          "target": "tasks_grid",
          "method": "reload"
        }
      ]
    },
    {
      "widgettype": "DataGrid",
      "id": "tasks_grid",
      "options": {
        "columns": [
          {"field": "task_name", "title": "Task Name", "width": "25%"},
          {"field": "task_type", "title": "Type", "width": "15%"},
          {"field": "workflow_id", "title": "Workflow", "width": "20%"},
          {"field": "order_index", "title": "Order", "width": "10%"},
          {"field": "created_at", "title": "Created", "width": "20%"},
          {"field": "actions", "title": "Actions", "width": "10%", "renderer": "action_buttons"}
        ],
        "url": "/api/hermes/tasks",
        "method": "GET",
        "auto_load": true
      },
      "binds": [
        {
          "wid": "self",
          "event": "row_click",
          "actiontype": "urlwidget",
          "url": "{{entire_url('harnessed_agent/task_detail.ui?id=${row.id}$')}}"
        }
      ]
    }
  ]
}