[
  {
    "id": "workflow_editor",
    "type": "Card",
    "props": {
      "variant": "outlined",
      "className": "workflow-editor-container"
    },
    "children": [
      {
        "id": "workflow_editor_toolbar",
        "type": "Toolbar",
        "props": {
          "variant": "dense"
        },
        "children": [
          {
            "id": "workflow_editor_name",
            "type": "TextField",
            "props": {
              "size": "small",
              "label": "Workflow Name"
            },
            "children": []
          },
          {
            "id": "workflow_editor_run_btn",
            "type": "Button",
            "props": {
              "variant": "contained",
              "color": "primary",
              "size": "small"
            },
            "children": []
          },
          {
            "id": "workflow_editor_save_btn",
            "type": "Button",
            "props": {
              "variant": "outlined",
              "size": "small"
            },
            "children": []
          }
        ]
      },
      {
        "id": "workflow_editor_canvas",
        "type": "Box",
        "props": {
          "className": "workflow-editor-canvas",
          "sx": {
            "height": "500px",
            "border": "1px solid",
            "borderColor": "divider"
          }
        },
        "children": []
      },
      {
        "id": "workflow_editor_sidebar",
        "type": "Stack",
        "props": {
          "className": "workflow-editor-sidebar",
          "spacing": 1
        },
        "children": []
      }
    ]
  },
  {
    "id": "workflow_run_card",
    "type": "Card",
    "props": {
      "variant": "outlined",
      "className": "workflow-run-card"
    },
    "children": [
      {
        "id": "workflow_run_card_header",
        "type": "CardHeader",
        "props": {},
        "children": []
      },
      {
        "id": "workflow_run_card_content",
        "type": "CardContent",
        "props": {},
        "children": [
          {
            "id": "workflow_run_card_status",
            "type": "Chip",
            "props": {},
            "children": []
          },
          {
            "id": "workflow_run_card_progress",
            "type": "LinearProgress",
            "props": {},
            "children": []
          },
          {
            "id": "workflow_run_card_duration",
            "type": "Text",
            "props": {
              "variant": "caption"
            },
            "children": []
          }
        ]
      },
      {
        "id": "workflow_run_card_actions",
        "type": "CardActions",
        "props": {},
        "children": [
          {
            "id": "workflow_run_card_view_btn",
            "type": "Button",
            "props": {
              "size": "small"
            },
            "children": []
          },
          {
            "id": "workflow_run_card_retry_btn",
            "type": "Button",
            "props": {
              "size": "small"
            },
            "children": []
          }
        ]
      }
    ]
  },
  {
    "id": "workflow_run_status",
    "type": "Stack",
    "props": {
      "direction": "row",
      "alignItems": "center",
      "spacing": 1,
      "className": "workflow-run-status"
    },
    "children": [
      {
        "id": "workflow_run_status_icon",
        "type": "Box",
        "props": {
          "className": "workflow-run-status-icon"
        },
        "children": []
      },
      {
        "id": "workflow_run_status_label",
        "type": "Text",
        "props": {
          "variant": "body2"
        },
        "children": []
      },
      {
        "id": "workflow_run_status_time",
        "type": "Text",
        "props": {
          "variant": "caption",
          "color": "secondary"
        },
        "children": []
      }
    ]
  }
]