enhancedocs
For agentsOpen Enhance
Reference / canvas.createEditableFrame

Enhance documentation

canvas.createEditableFrame

Insert one validated primitive subtree beside its source screen as an atomic canvas edit.

Markdown

canvas.createEditableFrame

mutation write

Use when the requested change exactly matches canvas.createEditableFrame; read the current state first when a version or identifier may have changed.

Before calling

  • Authenticate as the accountable Enhance person.
  • Use only resource identifiers returned by an earlier capability result or supplied by the person.
  • Reuse clientToken only when retrying this exact mutation input.

Input

Show complete JSON Schema
{
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "type": "object",
  "properties": {
    "canvasId": {
      "type": "string",
      "format": "uuid",
      "pattern": "^([0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[1-8][0-9a-fA-F]{3}-[89abAB][0-9a-fA-F]{3}-[0-9a-fA-F]{12}|00000000-0000-0000-0000-000000000000|ffffffff-ffff-ffff-ffff-ffffffffffff)$"
    },
    "mutationId": {
      "type": "string",
      "format": "uuid",
      "pattern": "^([0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[1-8][0-9a-fA-F]{3}-[89abAB][0-9a-fA-F]{3}-[0-9a-fA-F]{12}|00000000-0000-0000-0000-000000000000|ffffffff-ffff-ffff-ffff-ffffffffffff)$"
    },
    "baseVersion": {
      "type": "integer",
      "exclusiveMinimum": 0,
      "maximum": 9007199254740991
    },
    "screenNodeId": {
      "type": "string",
      "minLength": 1,
      "maxLength": 200
    },
    "draft": {
      "type": "object",
      "properties": {
        "version": {
          "type": "number",
          "const": 1
        },
        "rootTemporaryId": {
          "type": "string",
          "minLength": 1,
          "maxLength": 200
        },
        "nodes": {
          "minItems": 1,
          "maxItems": 30000,
          "type": "array",
          "items": {
            "type": "object",
            "properties": {
              "label": {
                "type": "string",
                "maxLength": 500
              },
              "component": {
                "type": "string",
                "minLength": 1,
                "maxLength": 100
              },
              "labelOrigin": {
                "type": "string",
                "enum": [
                  "source",
                  "generated",
                  "user"
                ]
              },
              "visible": {
                "type": "boolean"
              },
              "locked": {
                "type": "boolean"
              },
              "constraints": {
                "type": "object",
                "properties": {
                  "x": {
                    "type": "string",
                    "enum": [
                      "start",
                      "center",
                      "end",
                      "stretch",
                      "scale"
                    ]
                  },
                  "y": {
                    "type": "string",
                    "enum": [
                      "start",
                      "center",
                      "end",
                      "stretch",
                      "scale"
                    ]
                  }
                },
                "required": [
                  "x",
                  "y"
                ],
                "additionalProperties": false
              },
              "styles": {
                "type": "object",
                "propertyNames": {
                  "type": "string"
                },
                "additionalProperties": {
                  "anyOf": [
                    {
                      "type": "string"
                    },
                    {
                      "type": "number"
                    }
                  ]
                }
              },
              "layout": {
                "type": "object",
                "properties": {
                  "rotation": {
                    "type": "number",
                    "minimum": -100000,
                    "maximum": 100000
                  },
                  "flipHorizontal": {
                    "type": "boolean"
                  },
                  "flipVertical": {
                    "type": "boolean"
                  },
                  "aspectRatioLocked": {
                    "type": "boolean"
                  },
                  "aspectRatio": {
                    "type": "number",
                    "exclusiveMinimum": 0,
                    "maximum": 100000
                  },
                  "horizontal": {
                    "oneOf": [
                      {
                        "type": "object",
                        "properties": {
                          "mode": {
                            "type": "string",
                            "const": "fixed"
                          },
                          "value": {
                            "type": "number",
                            "minimum": 0,
                            "maximum": 100000
                          }
                        },
                        "required": [
                          "mode",
                          "value"
                        ],
                        "additionalProperties": false
                      },
                      {
                        "type": "object",
                        "properties": {
                          "min": {
                            "type": "number",
                            "minimum": 0,
                            "maximum": 100000
                          },
                          "max": {
                            "type": "number",
                            "minimum": 0,
                            "maximum": 100000
                          },
                          "minParent": {
                            "type": "object",
                            "properties": {
                              "ratio": {
                                "type": "number",
                                "minimum": 0,
                                "maximum": 100000
                              },
                              "offset": {
                                "type": "number",
                                "minimum": -100000,
                                "maximum": 100000
                              }
                            },
                            "required": [
                              "ratio"
                            ],
                            "additionalProperties": false
                          },
                          "maxParent": {
                            "type": "object",
                            "properties": {
                              "ratio": {
                                "type": "number",
                                "minimum": 0,
                                "maximum": 100000
                              },
                              "offset": {
                                "type": "number",
                                "minimum": -100000,
                                "maximum": 100000
                              }
                            },
                            "required": [
                              "ratio"
                            ],
                            "additionalProperties": false
                          },
                          "mode": {
                            "type": "string",
                            "const": "hug"
                          },
                          "basis": {
                            "type": "number",
                            "minimum": 0,
                            "maximum": 100000
                          }
                        },
                        "required": [
                          "mode"
                        ],
                        "additionalProperties": false
                      },
                      {
                        "type": "object",
                        "properties": {
                          "min": {
                            "type": "number",
                            "minimum": 0,
                            "maximum": 100000
                          },
                          "max": {
                            "type": "number",
                            "minimum": 0,
                            "maximum": 100000
                          },
                          "minParent": {
                            "type": "object",
                            "properties": {
                              "ratio": {
                                "type": "number",
                                "minimum": 0,
                                "maximum": 100000
                              },
                              "offset": {
                                "type": "number",
                                "minimum": -100000,
                                "maximum": 100000
                              }
                            },
                            "required": [
                              "ratio"
                            ],
                            "additionalProperties": false
                          },
                          "maxParent": {
                            "type": "object",
                            "properties": {
                              "ratio": {
                                "type": "number",
                                "minimum": 0,
                                "maximum": 100000
                              },
                              "offset": {
                                "type": "number",
                                "minimum": -100000,
                                "maximum": 100000
                              }
                            },
                            "required": [
                              "ratio"
                            ],
                            "additionalProperties": false
                          },
                          "mode": {
                            "type": "string",
                            "const": "fill"
                          },
                          "offset": {
                            "type": "number",
                            "minimum": -100000,
                            "maximum": 100000
                          }
                        },
                        "required": [
                          "mode"
                        ],
                        "additionalProperties": false
                      }
                    ]
                  },
                  "vertical": {
                    "oneOf": [
                      {
                        "type": "object",
                        "properties": {
                          "mode": {
                            "type": "string",
                            "const": "fixed"
                          },
                          "value": {
                            "type": "number",
                            "minimum": 0,
                            "maximum": 100000
                          }
                        },
                        "required": [
                          "mode",
                          "value"
                        ],
                        "additionalProperties": false
                      },
                      {
                        "type": "object",
                        "properties": {
                          "min": {
                            "type": "number",
                            "minimum": 0,
                            "maximum": 100000
                          },
                          "max": {
                            "type": "number",
                            "minimum": 0,
                            "maximum": 100000
                          },
                          "minParent": {
                            "type": "object",
                            "properties": {
                              "ratio": {
                                "type": "number",
                                "minimum": 0,
                                "maximum": 100000
                              },
                              "offset": {
                                "type": "number",
                                "minimum": -100000,
                                "maximum": 100000
                              }
                            },
                            "required": [
                              "ratio"
                            ],
                            "additionalProperties": false
                          },
                          "maxParent": {
                            "type": "object",
                            "properties": {
                              "ratio": {
                                "type": "number",
                                "minimum": 0,
                                "maximum": 100000
                              },
                              "offset": {
                                "type": "number",
                                "minimum": -100000,
                                "maximum": 100000
                              }
                            },
                            "required": [
                              "ratio"
                            ],
                            "additionalProperties": false
                          },
                          "mode": {
                            "type": "string",
                            "const": "hug"
                          },
                          "basis": {
                            "type": "number",
                            "minimum": 0,
                            "maximum": 100000
                          }
                        },
                        "required": [
                          "mode"
                        ],
                        "additionalProperties": false
                      },
                      {
                        "type": "object",
                        "properties": {
                          "min": {
                            "type": "number",
                            "minimum": 0,
                            "maximum": 100000
                          },
                          "max": {
                            "type": "number",
                            "minimum": 0,
                            "maximum": 100000
                          },
                          "minParent": {
                            "type": "object",
                            "properties": {
                              "ratio": {
                                "type": "number",
                                "minimum": 0,
                                "maximum": 100000
                              },
                              "offset": {
                                "type": "number",
                                "minimum": -100000,
                                "maximum": 100000
                              }
                            },
                            "required": [
                              "ratio"
                            ],
                            "additionalProperties": false
                          },
                          "maxParent": {
                            "type": "object",
                            "properties": {
                              "ratio": {
                                "type": "number",
                                "minimum": 0,
                                "maximum": 100000
                              },
                              "offset": {
                                "type": "number",
                                "minimum": -100000,
                                "maximum": 100000
                              }
                            },
                            "required": [
                              "ratio"
                            ],
                            "additionalProperties": false
                          },
                          "mode": {
                            "type": "string",
                            "const": "fill"
                          },
                          "offset": {
                            "type": "number",
                            "minimum": -100000,
                            "maximum": 100000
                          }
                        },
                        "required": [
                          "mode"
                        ],
                        "additionalProperties": false
                      }
                    ]
                  },
                  "position": {
                    "type": "string",
                    "enum": [
                      "flow",
                      "absolute"
                    ]
                  },
                  "alignSelf": {
                    "type": "string",
                    "enum": [
                      "auto",
                      "start",
                      "center",
                      "end",
                      "stretch"
                    ]
                  },
                  "flexGrow": {
                    "type": "number",
                    "minimum": 0,
                    "maximum": 100000
                  },
                  "flexShrink": {
                    "type": "number",
                    "minimum": 0,
                    "maximum": 100000
                  },
                  "flexBasis": {
                    "anyOf": [
                      {
                        "type": "string",
                        "const": "auto"
                      },
                      {
                        "type": "number",
                        "minimum": 0,
                        "maximum": 100000
                      },
                      {
                        "type": "object",
                        "properties": {
                          "ratio": {
                            "type": "number",
                            "minimum": 0,
                            "maximum": 100000
                          },
                          "offset": {
                            "type": "number",
                            "minimum": -100000,
                            "maximum": 100000
                          }
                        },
                        "required": [
                          "ratio"
                        ],
                        "additionalProperties": false
                      }
                    ]
                  },
                  "flowOffset": {
                    "type": "object",
                    "properties": {
                      "x": {
                        "type": "number",
                        "minimum": -100000,
                        "maximum": 100000
                      },
                      "y": {
                        "type": "number",
                        "minimum": -100000,
                        "maximum": 100000
                      }
                    },
                    "required": [
                      "x",
                      "y"
                    ],
                    "additionalProperties": false
                  },
                  "order": {
                    "type": "integer",
                    "minimum": -9007199254740991,
                    "maximum": 9007199254740991
                  },
                  "margin": {
                    "type": "object",
                    "properties": {
                      "top": {
                        "anyOf": [
                          {
                            "type": "string",
                            "const": "auto"
                          },
                          {
                            "type": "number",
                            "minimum": -100000,
                            "maximum": 100000
                          }
                        ]
                      },
                      "right": {
                        "anyOf": [
                          {
                            "type": "string",
                            "const": "auto"
                          },
                          {
                            "type": "number",
                            "minimum": -100000,
                            "maximum": 100000
                          }
                        ]
                      },
                      "bottom": {
                        "anyOf": [
                          {
                            "type": "string",
                            "const": "auto"
                          },
                          {
                            "type": "number",
                            "minimum": -100000,
                            "maximum": 100000
                          }
                        ]
                      },
                      "left": {
                        "anyOf": [
                          {
                            "type": "string",
                            "const": "auto"
                          },
                          {
                            "type": "number",
                            "minimum": -100000,
                            "maximum": 100000
                          }
                        ]
                      }
                    },
                    "required": [
                      "top",
                      "right",
                      "bottom",
                      "left"
                    ],
                    "additionalProperties": false
                  },
                  "gridTrack": {
                    "type": "object",
                    "properties": {
                      "basis": {
                        "type": "number",
                        "minimum": 0,
                        "maximum": 100000
                      },
                      "align": {
                        "type": "string",
                        "enum": [
                          "start",
                          "center",
                          "end",
                          "stretch"
                        ]
                      },
                      "minimum": {
                        "type": "number",
                        "minimum": 0,
                        "maximum": 100000
                      }
                    },
                    "required": [
                      "basis",
                      "align"
                    ],
                    "additionalProperties": false
                  },
                  "clipContent": {
                    "type": "boolean"
                  },
                  "container": {
                    "type": "object",
                    "properties": {
                      "direction": {
                        "type": "string",
                        "enum": [
                          "row",
                          "column"
                        ]
                      },
                      "alignItems": {
                        "type": "string",
                        "enum": [
                          "start",
                          "center",
                          "end",
                          "stretch"
                        ]
                      },
                      "alignContent": {
                        "type": "string",
                        "enum": [
                          "start",
                          "center",
                          "end",
                          "stretch",
                          "space-between",
                          "space-around",
                          "space-evenly"
                        ]
                      },
                      "justifyContent": {
                        "type": "string",
                        "enum": [
                          "start",
                          "center",
                          "end",
                          "space-between",
                          "space-around",
                          "space-evenly"
                        ]
                      },
                      "gap": {
                        "type": "number",
                        "minimum": 0,
                        "maximum": 100000
                      },
                      "rowGap": {
                        "type": "number",
                        "minimum": 0,
                        "maximum": 100000
                      },
                      "columnGap": {
                        "type": "number",
                        "minimum": 0,
                        "maximum": 100000
                      },
                      "wrap": {
                        "type": "string",
                        "enum": [
                          "nowrap",
                          "wrap"
                        ]
                      },
                      "gridColumns": {
                        "type": "integer",
                        "exclusiveMinimum": 0,
                        "maximum": 100000
                      },
                      "gridAutoRepeat": {
                        "type": "object",
                        "properties": {
                          "mode": {
                            "type": "string",
                            "enum": [
                              "auto-fill",
                              "auto-fit"
                            ]
                          },
                          "minimum": {
                            "type": "number",
                            "exclusiveMinimum": 0,
                            "maximum": 100000
                          }
                        },
                        "required": [
                          "mode",
                          "minimum"
                        ],
                        "additionalProperties": false
                      },
                      "materialized": {
                        "type": "boolean"
                      },
                      "padding": {
                        "type": "object",
                        "properties": {
                          "top": {
                            "type": "number",
                            "minimum": 0,
                            "maximum": 100000
                          },
                          "right": {
                            "type": "number",
                            "minimum": 0,
                            "maximum": 100000
                          },
                          "bottom": {
                            "type": "number",
                            "minimum": 0,
                            "maximum": 100000
                          },
                          "left": {
                            "type": "number",
                            "minimum": 0,
                            "maximum": 100000
                          }
                        },
                        "required": [
                          "top",
                          "right",
                          "bottom",
                          "left"
                        ],
                        "additionalProperties": false
                      }
                    },
                    "required": [
                      "direction",
                      "alignItems",
                      "justifyContent",
                      "gap",
                      "padding"
                    ],
                    "additionalProperties": false
                  }
                },
                "required": [
                  "rotation",
                  "horizontal",
                  "vertical",
                  "position"
                ],
                "additionalProperties": false
              },
              "responsive": {
                "not": {}
              },
              "appearance": {
                "type": "object",
                "properties": {
                  "opacity": {
                    "type": "number",
                    "minimum": 0,
                    "maximum": 1
                  },
                  "blendMode": {
                    "type": "string",
                    "enum": [
                      "normal",
                      "multiply",
                      "screen",
                      "overlay",
                      "darken",
                      "lighten",
                      "plus-lighter",
                      "color-dodge",
                      "color-burn",
                      "hard-light",
                      "soft-light",
                      "difference",
                      "exclusion",
                      "hue",
                      "saturation",
                      "color",
                      "luminosity"
                    ]
                  },
                  "fills": {
                    "maxItems": 32,
                    "type": "array",
                    "items": {
                      "oneOf": [
                        {
                          "type": "object",
                          "properties": {
                            "id": {
                              "type": "string",
                              "minLength": 1,
                              "maxLength": 200
                            },
                            "visible": {
                              "type": "boolean"
                            },
                            "opacity": {
                              "type": "number",
                              "minimum": 0,
                              "maximum": 1
                            },
                            "kind": {
                              "type": "string",
                              "const": "solid"
                            },
                            "color": {
                              "type": "object",
                              "properties": {
                                "space": {
                                  "type": "string",
                                  "enum": [
                                    "srgb",
                                    "display-p3"
                                  ]
                                },
                                "red": {
                                  "type": "number",
                                  "minimum": 0,
                                  "maximum": 1
                                },
                                "green": {
                                  "type": "number",
                                  "minimum": 0,
                                  "maximum": 1
                                },
                                "blue": {
                                  "type": "number",
                                  "minimum": 0,
                                  "maximum": 1
                                },
                                "alpha": {
                                  "type": "number",
                                  "minimum": 0,
                                  "maximum": 1
                                }
                              },
                              "required": [
                                "space",
                                "red",
                                "green",
                                "blue",
                                "alpha"
                              ],
                              "additionalProperties": false
                            }
                          },
                          "required": [
                            "id",
                            "visible",
                            "opacity",
                            "kind",
                            "color"
                          ],
                          "additionalProperties": false
                        },
                        {
                          "type": "object",
                          "properties": {
                            "id": {
                              "type": "string",
                              "minLength": 1,
                              "maxLength": 200
                            },
                            "visible": {
                              "type": "boolean"
                            },
                            "opacity": {
                              "type": "number",
                              "minimum": 0,
                              "maximum": 1
                            },
                            "kind": {
                              "type": "string",
                              "const": "linear-gradient"
                            },
                            "angle": {
                              "type": "number",
                              "minimum": -100000,
                              "maximum": 100000
                            },
                            "stops": {
                              "minItems": 2,
                              "maxItems": 32,
                              "type": "array",
                              "items": {
                                "type": "object",
                                "properties": {
                                  "id": {
                                    "type": "string",
                                    "minLength": 1,
                                    "maxLength": 200
                                  },
                                  "position": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  },
                                  "color": {
                                    "type": "object",
                                    "properties": {
                                      "space": {
                                        "type": "string",
                                        "enum": [
                                          "srgb",
                                          "display-p3"
                                        ]
                                      },
                                      "red": {
                                        "type": "number",
                                        "minimum": 0,
                                        "maximum": 1
                                      },
                                      "green": {
                                        "type": "number",
                                        "minimum": 0,
                                        "maximum": 1
                                      },
                                      "blue": {
                                        "type": "number",
                                        "minimum": 0,
                                        "maximum": 1
                                      },
                                      "alpha": {
                                        "type": "number",
                                        "minimum": 0,
                                        "maximum": 1
                                      }
                                    },
                                    "required": [
                                      "space",
                                      "red",
                                      "green",
                                      "blue",
                                      "alpha"
                                    ],
                                    "additionalProperties": false
                                  }
                                },
                                "required": [
                                  "id",
                                  "position",
                                  "color"
                                ],
                                "additionalProperties": false
                              }
                            }
                          },
                          "required": [
                            "id",
                            "visible",
                            "opacity",
                            "kind",
                            "angle",
                            "stops"
                          ],
                          "additionalProperties": false
                        },
                        {
                          "type": "object",
                          "properties": {
                            "id": {
                              "type": "string",
                              "minLength": 1,
                              "maxLength": 200
                            },
                            "visible": {
                              "type": "boolean"
                            },
                            "opacity": {
                              "type": "number",
                              "minimum": 0,
                              "maximum": 1
                            },
                            "kind": {
                              "type": "string",
                              "const": "radial-gradient"
                            },
                            "center": {
                              "type": "object",
                              "properties": {
                                "x": {
                                  "type": "number",
                                  "minimum": 0,
                                  "maximum": 1
                                },
                                "y": {
                                  "type": "number",
                                  "minimum": 0,
                                  "maximum": 1
                                }
                              },
                              "required": [
                                "x",
                                "y"
                              ],
                              "additionalProperties": false
                            },
                            "radius": {
                              "type": "object",
                              "properties": {
                                "x": {
                                  "type": "number",
                                  "minimum": 0,
                                  "maximum": 1
                                },
                                "y": {
                                  "type": "number",
                                  "minimum": 0,
                                  "maximum": 1
                                }
                              },
                              "required": [
                                "x",
                                "y"
                              ],
                              "additionalProperties": false
                            },
                            "stops": {
                              "minItems": 2,
                              "maxItems": 32,
                              "type": "array",
                              "items": {
                                "type": "object",
                                "properties": {
                                  "id": {
                                    "type": "string",
                                    "minLength": 1,
                                    "maxLength": 200
                                  },
                                  "position": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  },
                                  "color": {
                                    "type": "object",
                                    "properties": {
                                      "space": {
                                        "type": "string",
                                        "enum": [
                                          "srgb",
                                          "display-p3"
                                        ]
                                      },
                                      "red": {
                                        "type": "number",
                                        "minimum": 0,
                                        "maximum": 1
                                      },
                                      "green": {
                                        "type": "number",
                                        "minimum": 0,
                                        "maximum": 1
                                      },
                                      "blue": {
                                        "type": "number",
                                        "minimum": 0,
                                        "maximum": 1
                                      },
                                      "alpha": {
                                        "type": "number",
                                        "minimum": 0,
                                        "maximum": 1
                                      }
                                    },
                                    "required": [
                                      "space",
                                      "red",
                                      "green",
                                      "blue",
                                      "alpha"
                                    ],
                                    "additionalProperties": false
                                  }
                                },
                                "required": [
                                  "id",
                                  "position",
                                  "color"
                                ],
                                "additionalProperties": false
                              }
                            }
                          },
                          "required": [
                            "id",
                            "visible",
                            "opacity",
                            "kind",
                            "center",
                            "radius",
                            "stops"
                          ],
                          "additionalProperties": false
                        },
                        {
                          "type": "object",
                          "properties": {
                            "id": {
                              "type": "string",
                              "minLength": 1,
                              "maxLength": 200
                            },
                            "visible": {
                              "type": "boolean"
                            },
                            "opacity": {
                              "type": "number",
                              "minimum": 0,
                              "maximum": 1
                            },
                            "kind": {
                              "type": "string",
                              "const": "image"
                            },
                            "assetId": {
                              "type": "string",
                              "minLength": 1,
                              "maxLength": 500
                            },
                            "fit": {
                              "type": "string",
                              "enum": [
                                "fill",
                                "fit",
                                "crop",
                                "tile"
                              ]
                            },
                            "crop": {
                              "type": "object",
                              "properties": {
                                "x": {
                                  "type": "number",
                                  "minimum": 0,
                                  "maximum": 1
                                },
                                "y": {
                                  "type": "number",
                                  "minimum": 0,
                                  "maximum": 1
                                },
                                "width": {
                                  "type": "number",
                                  "minimum": 0,
                                  "maximum": 1
                                },
                                "height": {
                                  "type": "number",
                                  "minimum": 0,
                                  "maximum": 1
                                }
                              },
                              "required": [
                                "x",
                                "y",
                                "width",
                                "height"
                              ],
                              "additionalProperties": false
                            }
                          },
                          "required": [
                            "id",
                            "visible",
                            "opacity",
                            "kind",
                            "assetId",
                            "fit"
                          ],
                          "additionalProperties": false
                        }
                      ]
                    }
                  },
                  "border": {
                    "type": "object",
                    "properties": {
                      "visible": {
                        "type": "boolean"
                      },
                      "width": {
                        "type": "object",
                        "properties": {
                          "top": {
                            "type": "number",
                            "minimum": 0,
                            "maximum": 100000
                          },
                          "right": {
                            "type": "number",
                            "minimum": 0,
                            "maximum": 100000
                          },
                          "bottom": {
                            "type": "number",
                            "minimum": 0,
                            "maximum": 100000
                          },
                          "left": {
                            "type": "number",
                            "minimum": 0,
                            "maximum": 100000
                          }
                        },
                        "required": [
                          "top",
                          "right",
                          "bottom",
                          "left"
                        ],
                        "additionalProperties": false
                      },
                      "style": {
                        "type": "string",
                        "enum": [
                          "solid",
                          "dashed",
                          "dotted"
                        ]
                      },
                      "paint": {
                        "oneOf": [
                          {
                            "type": "object",
                            "properties": {
                              "id": {
                                "type": "string",
                                "minLength": 1,
                                "maxLength": 200
                              },
                              "visible": {
                                "type": "boolean"
                              },
                              "opacity": {
                                "type": "number",
                                "minimum": 0,
                                "maximum": 1
                              },
                              "kind": {
                                "type": "string",
                                "const": "solid"
                              },
                              "color": {
                                "type": "object",
                                "properties": {
                                  "space": {
                                    "type": "string",
                                    "enum": [
                                      "srgb",
                                      "display-p3"
                                    ]
                                  },
                                  "red": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  },
                                  "green": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  },
                                  "blue": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  },
                                  "alpha": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  }
                                },
                                "required": [
                                  "space",
                                  "red",
                                  "green",
                                  "blue",
                                  "alpha"
                                ],
                                "additionalProperties": false
                              }
                            },
                            "required": [
                              "id",
                              "visible",
                              "opacity",
                              "kind",
                              "color"
                            ],
                            "additionalProperties": false
                          },
                          {
                            "type": "object",
                            "properties": {
                              "id": {
                                "type": "string",
                                "minLength": 1,
                                "maxLength": 200
                              },
                              "visible": {
                                "type": "boolean"
                              },
                              "opacity": {
                                "type": "number",
                                "minimum": 0,
                                "maximum": 1
                              },
                              "kind": {
                                "type": "string",
                                "const": "linear-gradient"
                              },
                              "angle": {
                                "type": "number",
                                "minimum": -100000,
                                "maximum": 100000
                              },
                              "stops": {
                                "minItems": 2,
                                "maxItems": 32,
                                "type": "array",
                                "items": {
                                  "type": "object",
                                  "properties": {
                                    "id": {
                                      "type": "string",
                                      "minLength": 1,
                                      "maxLength": 200
                                    },
                                    "position": {
                                      "type": "number",
                                      "minimum": 0,
                                      "maximum": 1
                                    },
                                    "color": {
                                      "type": "object",
                                      "properties": {
                                        "space": {
                                          "type": "string",
                                          "enum": [
                                            "srgb",
                                            "display-p3"
                                          ]
                                        },
                                        "red": {
                                          "type": "number",
                                          "minimum": 0,
                                          "maximum": 1
                                        },
                                        "green": {
                                          "type": "number",
                                          "minimum": 0,
                                          "maximum": 1
                                        },
                                        "blue": {
                                          "type": "number",
                                          "minimum": 0,
                                          "maximum": 1
                                        },
                                        "alpha": {
                                          "type": "number",
                                          "minimum": 0,
                                          "maximum": 1
                                        }
                                      },
                                      "required": [
                                        "space",
                                        "red",
                                        "green",
                                        "blue",
                                        "alpha"
                                      ],
                                      "additionalProperties": false
                                    }
                                  },
                                  "required": [
                                    "id",
                                    "position",
                                    "color"
                                  ],
                                  "additionalProperties": false
                                }
                              }
                            },
                            "required": [
                              "id",
                              "visible",
                              "opacity",
                              "kind",
                              "angle",
                              "stops"
                            ],
                            "additionalProperties": false
                          },
                          {
                            "type": "object",
                            "properties": {
                              "id": {
                                "type": "string",
                                "minLength": 1,
                                "maxLength": 200
                              },
                              "visible": {
                                "type": "boolean"
                              },
                              "opacity": {
                                "type": "number",
                                "minimum": 0,
                                "maximum": 1
                              },
                              "kind": {
                                "type": "string",
                                "const": "radial-gradient"
                              },
                              "center": {
                                "type": "object",
                                "properties": {
                                  "x": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  },
                                  "y": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  }
                                },
                                "required": [
                                  "x",
                                  "y"
                                ],
                                "additionalProperties": false
                              },
                              "radius": {
                                "type": "object",
                                "properties": {
                                  "x": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  },
                                  "y": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  }
                                },
                                "required": [
                                  "x",
                                  "y"
                                ],
                                "additionalProperties": false
                              },
                              "stops": {
                                "minItems": 2,
                                "maxItems": 32,
                                "type": "array",
                                "items": {
                                  "type": "object",
                                  "properties": {
                                    "id": {
                                      "type": "string",
                                      "minLength": 1,
                                      "maxLength": 200
                                    },
                                    "position": {
                                      "type": "number",
                                      "minimum": 0,
                                      "maximum": 1
                                    },
                                    "color": {
                                      "type": "object",
                                      "properties": {
                                        "space": {
                                          "type": "string",
                                          "enum": [
                                            "srgb",
                                            "display-p3"
                                          ]
                                        },
                                        "red": {
                                          "type": "number",
                                          "minimum": 0,
                                          "maximum": 1
                                        },
                                        "green": {
                                          "type": "number",
                                          "minimum": 0,
                                          "maximum": 1
                                        },
                                        "blue": {
                                          "type": "number",
                                          "minimum": 0,
                                          "maximum": 1
                                        },
                                        "alpha": {
                                          "type": "number",
                                          "minimum": 0,
                                          "maximum": 1
                                        }
                                      },
                                      "required": [
                                        "space",
                                        "red",
                                        "green",
                                        "blue",
                                        "alpha"
                                      ],
                                      "additionalProperties": false
                                    }
                                  },
                                  "required": [
                                    "id",
                                    "position",
                                    "color"
                                  ],
                                  "additionalProperties": false
                                }
                              }
                            },
                            "required": [
                              "id",
                              "visible",
                              "opacity",
                              "kind",
                              "center",
                              "radius",
                              "stops"
                            ],
                            "additionalProperties": false
                          },
                          {
                            "type": "object",
                            "properties": {
                              "id": {
                                "type": "string",
                                "minLength": 1,
                                "maxLength": 200
                              },
                              "visible": {
                                "type": "boolean"
                              },
                              "opacity": {
                                "type": "number",
                                "minimum": 0,
                                "maximum": 1
                              },
                              "kind": {
                                "type": "string",
                                "const": "image"
                              },
                              "assetId": {
                                "type": "string",
                                "minLength": 1,
                                "maxLength": 500
                              },
                              "fit": {
                                "type": "string",
                                "enum": [
                                  "fill",
                                  "fit",
                                  "crop",
                                  "tile"
                                ]
                              },
                              "crop": {
                                "type": "object",
                                "properties": {
                                  "x": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  },
                                  "y": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  },
                                  "width": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  },
                                  "height": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  }
                                },
                                "required": [
                                  "x",
                                  "y",
                                  "width",
                                  "height"
                                ],
                                "additionalProperties": false
                              }
                            },
                            "required": [
                              "id",
                              "visible",
                              "opacity",
                              "kind",
                              "assetId",
                              "fit"
                            ],
                            "additionalProperties": false
                          }
                        ]
                      },
                      "alignment": {
                        "type": "string",
                        "enum": [
                          "inside",
                          "center",
                          "outside"
                        ]
                      }
                    },
                    "required": [
                      "visible",
                      "width",
                      "style",
                      "paint",
                      "alignment"
                    ],
                    "additionalProperties": false
                  },
                  "outline": {
                    "type": "object",
                    "properties": {
                      "visible": {
                        "type": "boolean"
                      },
                      "width": {
                        "type": "number",
                        "minimum": 0,
                        "maximum": 100000
                      },
                      "offset": {
                        "type": "number",
                        "minimum": -100000,
                        "maximum": 100000
                      },
                      "style": {
                        "type": "string",
                        "enum": [
                          "solid",
                          "dashed",
                          "dotted"
                        ]
                      },
                      "paint": {
                        "oneOf": [
                          {
                            "type": "object",
                            "properties": {
                              "id": {
                                "type": "string",
                                "minLength": 1,
                                "maxLength": 200
                              },
                              "visible": {
                                "type": "boolean"
                              },
                              "opacity": {
                                "type": "number",
                                "minimum": 0,
                                "maximum": 1
                              },
                              "kind": {
                                "type": "string",
                                "const": "solid"
                              },
                              "color": {
                                "type": "object",
                                "properties": {
                                  "space": {
                                    "type": "string",
                                    "enum": [
                                      "srgb",
                                      "display-p3"
                                    ]
                                  },
                                  "red": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  },
                                  "green": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  },
                                  "blue": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  },
                                  "alpha": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  }
                                },
                                "required": [
                                  "space",
                                  "red",
                                  "green",
                                  "blue",
                                  "alpha"
                                ],
                                "additionalProperties": false
                              }
                            },
                            "required": [
                              "id",
                              "visible",
                              "opacity",
                              "kind",
                              "color"
                            ],
                            "additionalProperties": false
                          },
                          {
                            "type": "object",
                            "properties": {
                              "id": {
                                "type": "string",
                                "minLength": 1,
                                "maxLength": 200
                              },
                              "visible": {
                                "type": "boolean"
                              },
                              "opacity": {
                                "type": "number",
                                "minimum": 0,
                                "maximum": 1
                              },
                              "kind": {
                                "type": "string",
                                "const": "linear-gradient"
                              },
                              "angle": {
                                "type": "number",
                                "minimum": -100000,
                                "maximum": 100000
                              },
                              "stops": {
                                "minItems": 2,
                                "maxItems": 32,
                                "type": "array",
                                "items": {
                                  "type": "object",
                                  "properties": {
                                    "id": {
                                      "type": "string",
                                      "minLength": 1,
                                      "maxLength": 200
                                    },
                                    "position": {
                                      "type": "number",
                                      "minimum": 0,
                                      "maximum": 1
                                    },
                                    "color": {
                                      "type": "object",
                                      "properties": {
                                        "space": {
                                          "type": "string",
                                          "enum": [
                                            "srgb",
                                            "display-p3"
                                          ]
                                        },
                                        "red": {
                                          "type": "number",
                                          "minimum": 0,
                                          "maximum": 1
                                        },
                                        "green": {
                                          "type": "number",
                                          "minimum": 0,
                                          "maximum": 1
                                        },
                                        "blue": {
                                          "type": "number",
                                          "minimum": 0,
                                          "maximum": 1
                                        },
                                        "alpha": {
                                          "type": "number",
                                          "minimum": 0,
                                          "maximum": 1
                                        }
                                      },
                                      "required": [
                                        "space",
                                        "red",
                                        "green",
                                        "blue",
                                        "alpha"
                                      ],
                                      "additionalProperties": false
                                    }
                                  },
                                  "required": [
                                    "id",
                                    "position",
                                    "color"
                                  ],
                                  "additionalProperties": false
                                }
                              }
                            },
                            "required": [
                              "id",
                              "visible",
                              "opacity",
                              "kind",
                              "angle",
                              "stops"
                            ],
                            "additionalProperties": false
                          },
                          {
                            "type": "object",
                            "properties": {
                              "id": {
                                "type": "string",
                                "minLength": 1,
                                "maxLength": 200
                              },
                              "visible": {
                                "type": "boolean"
                              },
                              "opacity": {
                                "type": "number",
                                "minimum": 0,
                                "maximum": 1
                              },
                              "kind": {
                                "type": "string",
                                "const": "radial-gradient"
                              },
                              "center": {
                                "type": "object",
                                "properties": {
                                  "x": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  },
                                  "y": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  }
                                },
                                "required": [
                                  "x",
                                  "y"
                                ],
                                "additionalProperties": false
                              },
                              "radius": {
                                "type": "object",
                                "properties": {
                                  "x": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  },
                                  "y": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  }
                                },
                                "required": [
                                  "x",
                                  "y"
                                ],
                                "additionalProperties": false
                              },
                              "stops": {
                                "minItems": 2,
                                "maxItems": 32,
                                "type": "array",
                                "items": {
                                  "type": "object",
                                  "properties": {
                                    "id": {
                                      "type": "string",
                                      "minLength": 1,
                                      "maxLength": 200
                                    },
                                    "position": {
                                      "type": "number",
                                      "minimum": 0,
                                      "maximum": 1
                                    },
                                    "color": {
                                      "type": "object",
                                      "properties": {
                                        "space": {
                                          "type": "string",
                                          "enum": [
                                            "srgb",
                                            "display-p3"
                                          ]
                                        },
                                        "red": {
                                          "type": "number",
                                          "minimum": 0,
                                          "maximum": 1
                                        },
                                        "green": {
                                          "type": "number",
                                          "minimum": 0,
                                          "maximum": 1
                                        },
                                        "blue": {
                                          "type": "number",
                                          "minimum": 0,
                                          "maximum": 1
                                        },
                                        "alpha": {
                                          "type": "number",
                                          "minimum": 0,
                                          "maximum": 1
                                        }
                                      },
                                      "required": [
                                        "space",
                                        "red",
                                        "green",
                                        "blue",
                                        "alpha"
                                      ],
                                      "additionalProperties": false
                                    }
                                  },
                                  "required": [
                                    "id",
                                    "position",
                                    "color"
                                  ],
                                  "additionalProperties": false
                                }
                              }
                            },
                            "required": [
                              "id",
                              "visible",
                              "opacity",
                              "kind",
                              "center",
                              "radius",
                              "stops"
                            ],
                            "additionalProperties": false
                          },
                          {
                            "type": "object",
                            "properties": {
                              "id": {
                                "type": "string",
                                "minLength": 1,
                                "maxLength": 200
                              },
                              "visible": {
                                "type": "boolean"
                              },
                              "opacity": {
                                "type": "number",
                                "minimum": 0,
                                "maximum": 1
                              },
                              "kind": {
                                "type": "string",
                                "const": "image"
                              },
                              "assetId": {
                                "type": "string",
                                "minLength": 1,
                                "maxLength": 500
                              },
                              "fit": {
                                "type": "string",
                                "enum": [
                                  "fill",
                                  "fit",
                                  "crop",
                                  "tile"
                                ]
                              },
                              "crop": {
                                "type": "object",
                                "properties": {
                                  "x": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  },
                                  "y": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  },
                                  "width": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  },
                                  "height": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  }
                                },
                                "required": [
                                  "x",
                                  "y",
                                  "width",
                                  "height"
                                ],
                                "additionalProperties": false
                              }
                            },
                            "required": [
                              "id",
                              "visible",
                              "opacity",
                              "kind",
                              "assetId",
                              "fit"
                            ],
                            "additionalProperties": false
                          }
                        ]
                      }
                    },
                    "required": [
                      "visible",
                      "width",
                      "offset",
                      "style",
                      "paint"
                    ],
                    "additionalProperties": false
                  },
                  "radius": {
                    "type": "object",
                    "properties": {
                      "topLeft": {
                        "type": "number",
                        "minimum": 0,
                        "maximum": 100000
                      },
                      "topRight": {
                        "type": "number",
                        "minimum": 0,
                        "maximum": 100000
                      },
                      "bottomRight": {
                        "type": "number",
                        "minimum": 0,
                        "maximum": 100000
                      },
                      "bottomLeft": {
                        "type": "number",
                        "minimum": 0,
                        "maximum": 100000
                      },
                      "smoothing": {
                        "type": "number",
                        "minimum": 0,
                        "maximum": 1
                      }
                    },
                    "required": [
                      "topLeft",
                      "topRight",
                      "bottomRight",
                      "bottomLeft"
                    ],
                    "additionalProperties": false
                  },
                  "shadows": {
                    "maxItems": 32,
                    "type": "array",
                    "items": {
                      "type": "object",
                      "properties": {
                        "id": {
                          "type": "string",
                          "minLength": 1,
                          "maxLength": 200
                        },
                        "visible": {
                          "type": "boolean"
                        },
                        "kind": {
                          "type": "string",
                          "enum": [
                            "outer",
                            "inner"
                          ]
                        },
                        "color": {
                          "type": "object",
                          "properties": {
                            "space": {
                              "type": "string",
                              "enum": [
                                "srgb",
                                "display-p3"
                              ]
                            },
                            "red": {
                              "type": "number",
                              "minimum": 0,
                              "maximum": 1
                            },
                            "green": {
                              "type": "number",
                              "minimum": 0,
                              "maximum": 1
                            },
                            "blue": {
                              "type": "number",
                              "minimum": 0,
                              "maximum": 1
                            },
                            "alpha": {
                              "type": "number",
                              "minimum": 0,
                              "maximum": 1
                            }
                          },
                          "required": [
                            "space",
                            "red",
                            "green",
                            "blue",
                            "alpha"
                          ],
                          "additionalProperties": false
                        },
                        "offsetX": {
                          "type": "number",
                          "minimum": -100000,
                          "maximum": 100000
                        },
                        "offsetY": {
                          "type": "number",
                          "minimum": -100000,
                          "maximum": 100000
                        },
                        "blur": {
                          "type": "number",
                          "minimum": 0,
                          "maximum": 100000
                        },
                        "spread": {
                          "type": "number",
                          "minimum": -100000,
                          "maximum": 100000
                        }
                      },
                      "required": [
                        "id",
                        "visible",
                        "kind",
                        "color",
                        "offsetX",
                        "offsetY",
                        "blur",
                        "spread"
                      ],
                      "additionalProperties": false
                    }
                  },
                  "filters": {
                    "maxItems": 32,
                    "type": "array",
                    "items": {
                      "oneOf": [
                        {
                          "type": "object",
                          "properties": {
                            "id": {
                              "type": "string",
                              "minLength": 1,
                              "maxLength": 200
                            },
                            "visible": {
                              "type": "boolean"
                            },
                            "kind": {
                              "type": "string",
                              "const": "blur"
                            },
                            "value": {
                              "type": "number",
                              "minimum": 0,
                              "maximum": 100000
                            }
                          },
                          "required": [
                            "id",
                            "visible",
                            "kind",
                            "value"
                          ],
                          "additionalProperties": false
                        },
                        {
                          "type": "object",
                          "properties": {
                            "id": {
                              "type": "string",
                              "minLength": 1,
                              "maxLength": 200
                            },
                            "visible": {
                              "type": "boolean"
                            },
                            "kind": {
                              "type": "string",
                              "const": "brightness"
                            },
                            "value": {
                              "type": "number",
                              "minimum": 0,
                              "maximum": 100000
                            }
                          },
                          "required": [
                            "id",
                            "visible",
                            "kind",
                            "value"
                          ],
                          "additionalProperties": false
                        },
                        {
                          "type": "object",
                          "properties": {
                            "id": {
                              "type": "string",
                              "minLength": 1,
                              "maxLength": 200
                            },
                            "visible": {
                              "type": "boolean"
                            },
                            "kind": {
                              "type": "string",
                              "const": "contrast"
                            },
                            "value": {
                              "type": "number",
                              "minimum": 0,
                              "maximum": 100000
                            }
                          },
                          "required": [
                            "id",
                            "visible",
                            "kind",
                            "value"
                          ],
                          "additionalProperties": false
                        },
                        {
                          "type": "object",
                          "properties": {
                            "id": {
                              "type": "string",
                              "minLength": 1,
                              "maxLength": 200
                            },
                            "visible": {
                              "type": "boolean"
                            },
                            "kind": {
                              "type": "string",
                              "const": "grayscale"
                            },
                            "value": {
                              "type": "number",
                              "minimum": 0,
                              "maximum": 1
                            }
                          },
                          "required": [
                            "id",
                            "visible",
                            "kind",
                            "value"
                          ],
                          "additionalProperties": false
                        },
                        {
                          "type": "object",
                          "properties": {
                            "id": {
                              "type": "string",
                              "minLength": 1,
                              "maxLength": 200
                            },
                            "visible": {
                              "type": "boolean"
                            },
                            "kind": {
                              "type": "string",
                              "const": "hue-rotate"
                            },
                            "value": {
                              "type": "number",
                              "minimum": -100000,
                              "maximum": 100000
                            }
                          },
                          "required": [
                            "id",
                            "visible",
                            "kind",
                            "value"
                          ],
                          "additionalProperties": false
                        },
                        {
                          "type": "object",
                          "properties": {
                            "id": {
                              "type": "string",
                              "minLength": 1,
                              "maxLength": 200
                            },
                            "visible": {
                              "type": "boolean"
                            },
                            "kind": {
                              "type": "string",
                              "const": "invert"
                            },
                            "value": {
                              "type": "number",
                              "minimum": 0,
                              "maximum": 1
                            }
                          },
                          "required": [
                            "id",
                            "visible",
                            "kind",
                            "value"
                          ],
                          "additionalProperties": false
                        },
                        {
                          "type": "object",
                          "properties": {
                            "id": {
                              "type": "string",
                              "minLength": 1,
                              "maxLength": 200
                            },
                            "visible": {
                              "type": "boolean"
                            },
                            "kind": {
                              "type": "string",
                              "const": "saturate"
                            },
                            "value": {
                              "type": "number",
                              "minimum": 0,
                              "maximum": 100000
                            }
                          },
                          "required": [
                            "id",
                            "visible",
                            "kind",
                            "value"
                          ],
                          "additionalProperties": false
                        },
                        {
                          "type": "object",
                          "properties": {
                            "id": {
                              "type": "string",
                              "minLength": 1,
                              "maxLength": 200
                            },
                            "visible": {
                              "type": "boolean"
                            },
                            "kind": {
                              "type": "string",
                              "const": "sepia"
                            },
                            "value": {
                              "type": "number",
                              "minimum": 0,
                              "maximum": 1
                            }
                          },
                          "required": [
                            "id",
                            "visible",
                            "kind",
                            "value"
                          ],
                          "additionalProperties": false
                        }
                      ]
                    }
                  },
                  "backdropFilters": {
                    "maxItems": 32,
                    "type": "array",
                    "items": {
                      "oneOf": [
                        {
                          "type": "object",
                          "properties": {
                            "id": {
                              "type": "string",
                              "minLength": 1,
                              "maxLength": 200
                            },
                            "visible": {
                              "type": "boolean"
                            },
                            "kind": {
                              "type": "string",
                              "const": "blur"
                            },
                            "value": {
                              "type": "number",
                              "minimum": 0,
                              "maximum": 100000
                            }
                          },
                          "required": [
                            "id",
                            "visible",
                            "kind",
                            "value"
                          ],
                          "additionalProperties": false
                        },
                        {
                          "type": "object",
                          "properties": {
                            "id": {
                              "type": "string",
                              "minLength": 1,
                              "maxLength": 200
                            },
                            "visible": {
                              "type": "boolean"
                            },
                            "kind": {
                              "type": "string",
                              "const": "brightness"
                            },
                            "value": {
                              "type": "number",
                              "minimum": 0,
                              "maximum": 100000
                            }
                          },
                          "required": [
                            "id",
                            "visible",
                            "kind",
                            "value"
                          ],
                          "additionalProperties": false
                        },
                        {
                          "type": "object",
                          "properties": {
                            "id": {
                              "type": "string",
                              "minLength": 1,
                              "maxLength": 200
                            },
                            "visible": {
                              "type": "boolean"
                            },
                            "kind": {
                              "type": "string",
                              "const": "contrast"
                            },
                            "value": {
                              "type": "number",
                              "minimum": 0,
                              "maximum": 100000
                            }
                          },
                          "required": [
                            "id",
                            "visible",
                            "kind",
                            "value"
                          ],
                          "additionalProperties": false
                        },
                        {
                          "type": "object",
                          "properties": {
                            "id": {
                              "type": "string",
                              "minLength": 1,
                              "maxLength": 200
                            },
                            "visible": {
                              "type": "boolean"
                            },
                            "kind": {
                              "type": "string",
                              "const": "grayscale"
                            },
                            "value": {
                              "type": "number",
                              "minimum": 0,
                              "maximum": 1
                            }
                          },
                          "required": [
                            "id",
                            "visible",
                            "kind",
                            "value"
                          ],
                          "additionalProperties": false
                        },
                        {
                          "type": "object",
                          "properties": {
                            "id": {
                              "type": "string",
                              "minLength": 1,
                              "maxLength": 200
                            },
                            "visible": {
                              "type": "boolean"
                            },
                            "kind": {
                              "type": "string",
                              "const": "hue-rotate"
                            },
                            "value": {
                              "type": "number",
                              "minimum": -100000,
                              "maximum": 100000
                            }
                          },
                          "required": [
                            "id",
                            "visible",
                            "kind",
                            "value"
                          ],
                          "additionalProperties": false
                        },
                        {
                          "type": "object",
                          "properties": {
                            "id": {
                              "type": "string",
                              "minLength": 1,
                              "maxLength": 200
                            },
                            "visible": {
                              "type": "boolean"
                            },
                            "kind": {
                              "type": "string",
                              "const": "invert"
                            },
                            "value": {
                              "type": "number",
                              "minimum": 0,
                              "maximum": 1
                            }
                          },
                          "required": [
                            "id",
                            "visible",
                            "kind",
                            "value"
                          ],
                          "additionalProperties": false
                        },
                        {
                          "type": "object",
                          "properties": {
                            "id": {
                              "type": "string",
                              "minLength": 1,
                              "maxLength": 200
                            },
                            "visible": {
                              "type": "boolean"
                            },
                            "kind": {
                              "type": "string",
                              "const": "saturate"
                            },
                            "value": {
                              "type": "number",
                              "minimum": 0,
                              "maximum": 100000
                            }
                          },
                          "required": [
                            "id",
                            "visible",
                            "kind",
                            "value"
                          ],
                          "additionalProperties": false
                        },
                        {
                          "type": "object",
                          "properties": {
                            "id": {
                              "type": "string",
                              "minLength": 1,
                              "maxLength": 200
                            },
                            "visible": {
                              "type": "boolean"
                            },
                            "kind": {
                              "type": "string",
                              "const": "sepia"
                            },
                            "value": {
                              "type": "number",
                              "minimum": 0,
                              "maximum": 1
                            }
                          },
                          "required": [
                            "id",
                            "visible",
                            "kind",
                            "value"
                          ],
                          "additionalProperties": false
                        }
                      ]
                    }
                  }
                },
                "additionalProperties": false
              },
              "typography": {
                "type": "object",
                "properties": {
                  "family": {
                    "type": "string",
                    "minLength": 1,
                    "maxLength": 500
                  },
                  "fallbackFamilies": {
                    "maxItems": 20,
                    "type": "array",
                    "items": {
                      "type": "string",
                      "minLength": 1,
                      "maxLength": 500
                    }
                  },
                  "size": {
                    "type": "number",
                    "minimum": 0,
                    "maximum": 100000
                  },
                  "weight": {
                    "type": "integer",
                    "minimum": 1,
                    "maximum": 1000
                  },
                  "style": {
                    "type": "string",
                    "enum": [
                      "normal",
                      "italic",
                      "oblique"
                    ]
                  },
                  "lineHeight": {
                    "oneOf": [
                      {
                        "type": "object",
                        "properties": {
                          "mode": {
                            "type": "string",
                            "const": "normal"
                          }
                        },
                        "required": [
                          "mode"
                        ],
                        "additionalProperties": false
                      },
                      {
                        "type": "object",
                        "properties": {
                          "mode": {
                            "type": "string",
                            "const": "fixed"
                          },
                          "value": {
                            "type": "number",
                            "minimum": 0,
                            "maximum": 100000
                          }
                        },
                        "required": [
                          "mode",
                          "value"
                        ],
                        "additionalProperties": false
                      }
                    ]
                  },
                  "letterSpacing": {
                    "type": "number",
                    "minimum": -100000,
                    "maximum": 100000
                  },
                  "align": {
                    "type": "string",
                    "enum": [
                      "left",
                      "center",
                      "right",
                      "justify"
                    ]
                  },
                  "verticalAlign": {
                    "type": "string",
                    "enum": [
                      "top",
                      "middle",
                      "bottom"
                    ]
                  },
                  "transform": {
                    "type": "string",
                    "enum": [
                      "none",
                      "uppercase",
                      "lowercase",
                      "capitalize"
                    ]
                  },
                  "decoration": {
                    "type": "object",
                    "properties": {
                      "line": {
                        "type": "string",
                        "enum": [
                          "none",
                          "underline",
                          "line-through"
                        ]
                      },
                      "style": {
                        "type": "string",
                        "enum": [
                          "solid",
                          "double",
                          "dotted",
                          "dashed",
                          "wavy"
                        ]
                      },
                      "color": {
                        "type": "object",
                        "properties": {
                          "space": {
                            "type": "string",
                            "enum": [
                              "srgb",
                              "display-p3"
                            ]
                          },
                          "red": {
                            "type": "number",
                            "minimum": 0,
                            "maximum": 1
                          },
                          "green": {
                            "type": "number",
                            "minimum": 0,
                            "maximum": 1
                          },
                          "blue": {
                            "type": "number",
                            "minimum": 0,
                            "maximum": 1
                          },
                          "alpha": {
                            "type": "number",
                            "minimum": 0,
                            "maximum": 1
                          }
                        },
                        "required": [
                          "space",
                          "red",
                          "green",
                          "blue",
                          "alpha"
                        ],
                        "additionalProperties": false
                      },
                      "thickness": {
                        "type": "number",
                        "minimum": 0,
                        "maximum": 100000
                      }
                    },
                    "required": [
                      "line",
                      "style"
                    ],
                    "additionalProperties": false
                  },
                  "stroke": {
                    "type": "object",
                    "properties": {
                      "width": {
                        "type": "number",
                        "minimum": 0,
                        "maximum": 100000
                      },
                      "paint": {
                        "oneOf": [
                          {
                            "type": "object",
                            "properties": {
                              "id": {
                                "type": "string",
                                "minLength": 1,
                                "maxLength": 200
                              },
                              "visible": {
                                "type": "boolean"
                              },
                              "opacity": {
                                "type": "number",
                                "minimum": 0,
                                "maximum": 1
                              },
                              "kind": {
                                "type": "string",
                                "const": "solid"
                              },
                              "color": {
                                "type": "object",
                                "properties": {
                                  "space": {
                                    "type": "string",
                                    "enum": [
                                      "srgb",
                                      "display-p3"
                                    ]
                                  },
                                  "red": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  },
                                  "green": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  },
                                  "blue": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  },
                                  "alpha": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  }
                                },
                                "required": [
                                  "space",
                                  "red",
                                  "green",
                                  "blue",
                                  "alpha"
                                ],
                                "additionalProperties": false
                              }
                            },
                            "required": [
                              "id",
                              "visible",
                              "opacity",
                              "kind",
                              "color"
                            ],
                            "additionalProperties": false
                          },
                          {
                            "type": "object",
                            "properties": {
                              "id": {
                                "type": "string",
                                "minLength": 1,
                                "maxLength": 200
                              },
                              "visible": {
                                "type": "boolean"
                              },
                              "opacity": {
                                "type": "number",
                                "minimum": 0,
                                "maximum": 1
                              },
                              "kind": {
                                "type": "string",
                                "const": "linear-gradient"
                              },
                              "angle": {
                                "type": "number",
                                "minimum": -100000,
                                "maximum": 100000
                              },
                              "stops": {
                                "minItems": 2,
                                "maxItems": 32,
                                "type": "array",
                                "items": {
                                  "type": "object",
                                  "properties": {
                                    "id": {
                                      "type": "string",
                                      "minLength": 1,
                                      "maxLength": 200
                                    },
                                    "position": {
                                      "type": "number",
                                      "minimum": 0,
                                      "maximum": 1
                                    },
                                    "color": {
                                      "type": "object",
                                      "properties": {
                                        "space": {
                                          "type": "string",
                                          "enum": [
                                            "srgb",
                                            "display-p3"
                                          ]
                                        },
                                        "red": {
                                          "type": "number",
                                          "minimum": 0,
                                          "maximum": 1
                                        },
                                        "green": {
                                          "type": "number",
                                          "minimum": 0,
                                          "maximum": 1
                                        },
                                        "blue": {
                                          "type": "number",
                                          "minimum": 0,
                                          "maximum": 1
                                        },
                                        "alpha": {
                                          "type": "number",
                                          "minimum": 0,
                                          "maximum": 1
                                        }
                                      },
                                      "required": [
                                        "space",
                                        "red",
                                        "green",
                                        "blue",
                                        "alpha"
                                      ],
                                      "additionalProperties": false
                                    }
                                  },
                                  "required": [
                                    "id",
                                    "position",
                                    "color"
                                  ],
                                  "additionalProperties": false
                                }
                              }
                            },
                            "required": [
                              "id",
                              "visible",
                              "opacity",
                              "kind",
                              "angle",
                              "stops"
                            ],
                            "additionalProperties": false
                          },
                          {
                            "type": "object",
                            "properties": {
                              "id": {
                                "type": "string",
                                "minLength": 1,
                                "maxLength": 200
                              },
                              "visible": {
                                "type": "boolean"
                              },
                              "opacity": {
                                "type": "number",
                                "minimum": 0,
                                "maximum": 1
                              },
                              "kind": {
                                "type": "string",
                                "const": "radial-gradient"
                              },
                              "center": {
                                "type": "object",
                                "properties": {
                                  "x": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  },
                                  "y": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  }
                                },
                                "required": [
                                  "x",
                                  "y"
                                ],
                                "additionalProperties": false
                              },
                              "radius": {
                                "type": "object",
                                "properties": {
                                  "x": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  },
                                  "y": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  }
                                },
                                "required": [
                                  "x",
                                  "y"
                                ],
                                "additionalProperties": false
                              },
                              "stops": {
                                "minItems": 2,
                                "maxItems": 32,
                                "type": "array",
                                "items": {
                                  "type": "object",
                                  "properties": {
                                    "id": {
                                      "type": "string",
                                      "minLength": 1,
                                      "maxLength": 200
                                    },
                                    "position": {
                                      "type": "number",
                                      "minimum": 0,
                                      "maximum": 1
                                    },
                                    "color": {
                                      "type": "object",
                                      "properties": {
                                        "space": {
                                          "type": "string",
                                          "enum": [
                                            "srgb",
                                            "display-p3"
                                          ]
                                        },
                                        "red": {
                                          "type": "number",
                                          "minimum": 0,
                                          "maximum": 1
                                        },
                                        "green": {
                                          "type": "number",
                                          "minimum": 0,
                                          "maximum": 1
                                        },
                                        "blue": {
                                          "type": "number",
                                          "minimum": 0,
                                          "maximum": 1
                                        },
                                        "alpha": {
                                          "type": "number",
                                          "minimum": 0,
                                          "maximum": 1
                                        }
                                      },
                                      "required": [
                                        "space",
                                        "red",
                                        "green",
                                        "blue",
                                        "alpha"
                                      ],
                                      "additionalProperties": false
                                    }
                                  },
                                  "required": [
                                    "id",
                                    "position",
                                    "color"
                                  ],
                                  "additionalProperties": false
                                }
                              }
                            },
                            "required": [
                              "id",
                              "visible",
                              "opacity",
                              "kind",
                              "center",
                              "radius",
                              "stops"
                            ],
                            "additionalProperties": false
                          },
                          {
                            "type": "object",
                            "properties": {
                              "id": {
                                "type": "string",
                                "minLength": 1,
                                "maxLength": 200
                              },
                              "visible": {
                                "type": "boolean"
                              },
                              "opacity": {
                                "type": "number",
                                "minimum": 0,
                                "maximum": 1
                              },
                              "kind": {
                                "type": "string",
                                "const": "image"
                              },
                              "assetId": {
                                "type": "string",
                                "minLength": 1,
                                "maxLength": 500
                              },
                              "fit": {
                                "type": "string",
                                "enum": [
                                  "fill",
                                  "fit",
                                  "crop",
                                  "tile"
                                ]
                              },
                              "crop": {
                                "type": "object",
                                "properties": {
                                  "x": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  },
                                  "y": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  },
                                  "width": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  },
                                  "height": {
                                    "type": "number",
                                    "minimum": 0,
                                    "maximum": 1
                                  }
                                },
                                "required": [
                                  "x",
                                  "y",
                                  "width",
                                  "height"
                                ],
                                "additionalProperties": false
                              }
                            },
                            "required": [
                              "id",
                              "visible",
                              "opacity",
                              "kind",
                              "assetId",
                              "fit"
                            ],
                            "additionalProperties": false
                          }
                        ]
                      }
                    },
                    "required": [
                      "width",
                      "paint"
                    ],
                    "additionalProperties": false
                  },
                  "wrapping": {
                    "type": "string",
                    "enum": [
                      "wrap",
                      "nowrap",
                      "pre",
                      "pre-line",
                      "pre-wrap",
                      "break-spaces"
                    ]
                  },
                  "truncation": {
                    "type": "object",
                    "properties": {
                      "mode": {
                        "type": "string",
                        "enum": [
                          "none",
                          "ellipsis"
                        ]
                      },
                      "maxLines": {
                        "anyOf": [
                          {
                            "type": "integer",
                            "minimum": 1,
                            "maximum": 100000
                          },
                          {
                            "type": "null"
                          }
                        ]
                      }
                    },
                    "required": [
                      "mode",
                      "maxLines"
                    ],
                    "additionalProperties": false
                  },
                  "insets": {
                    "type": "object",
                    "properties": {
                      "top": {
                        "type": "number",
                        "minimum": -100000,
                        "maximum": 100000
                      },
                      "right": {
                        "type": "number",
                        "minimum": -100000,
                        "maximum": 100000
                      },
                      "bottom": {
                        "type": "number",
                        "minimum": -100000,
                        "maximum": 100000
                      },
                      "left": {
                        "type": "number",
                        "minimum": -100000,
                        "maximum": 100000
                      }
                    },
                    "required": [
                      "top",
                      "right",
                      "bottom",
                      "left"
                    ],
                    "additionalProperties": false
                  }
                },
                "required": [
                  "family",
                  "fallbackFamilies",
                  "size",
                  "weight",
                  "style",
                  "lineHeight",
                  "letterSpacing",
                  "align",
                  "verticalAlign",
                  "transform",
                  "decoration",
                  "wrapping"
                ],
                "additionalProperties": false
              },
              "additionalStyles": {
                "type": "object",
                "properties": {
                  "declarations": {
                    "maxItems": 128,
                    "type": "array",
                    "items": {
                      "type": "object",
                      "properties": {
                        "id": {
                          "type": "string",
                          "minLength": 1,
                          "maxLength": 200
                        },
                        "property": {
                          "type": "string",
                          "minLength": 1,
                          "maxLength": 200,
                          "pattern": "^(?:--[\\w-]+|-(?:webkit|moz|ms|o)-[a-z][a-z\\d-]*|[a-z][a-z\\d-]*)$"
                        },
                        "value": {
                          "type": "string",
                          "maxLength": 10000
                        },
                        "enabled": {
                          "type": "boolean"
                        }
                      },
                      "required": [
                        "id",
                        "property",
                        "value",
                        "enabled"
                      ],
                      "additionalProperties": false
                    }
                  }
                },
                "required": [
                  "declarations"
                ],
                "additionalProperties": false
              },
              "props": {
                "type": "object",
                "propertyNames": {
                  "type": "string"
                },
                "additionalProperties": {}
              },
              "box": {
                "type": "object",
                "properties": {
                  "x": {
                    "type": "number"
                  },
                  "y": {
                    "type": "number"
                  },
                  "width": {
                    "type": "number",
                    "minimum": 0
                  },
                  "height": {
                    "type": "number",
                    "minimum": 0
                  }
                },
                "required": [
                  "x",
                  "y",
                  "width",
                  "height"
                ],
                "additionalProperties": false
              },
              "temporaryId": {
                "type": "string",
                "minLength": 1,
                "maxLength": 200
              }
            },
            "required": [
              "label",
              "component",
              "styles",
              "temporaryId"
            ],
            "additionalProperties": {}
          }
        },
        "relationships": {
          "maxItems": 29999,
          "type": "array",
          "items": {
            "type": "object",
            "properties": {
              "temporaryId": {
                "type": "string",
                "minLength": 1,
                "maxLength": 200
              },
              "parentTemporaryId": {
                "type": "string",
                "minLength": 1,
                "maxLength": 200
              },
              "sortKey": {
                "type": "string",
                "minLength": 1,
                "maxLength": 500
              }
            },
            "required": [
              "temporaryId",
              "parentTemporaryId",
              "sortKey"
            ],
            "additionalProperties": false
          }
        },
        "report": {
          "type": "object",
          "properties": {
            "nodeCount": {
              "type": "integer",
              "exclusiveMinimum": 0,
              "maximum": 30000
            },
            "sourceNodeCount": {
              "type": "integer",
              "exclusiveMinimum": 0,
              "maximum": 50000
            },
            "collapsedNodeCount": {
              "type": "integer",
              "minimum": 0,
              "maximum": 50000
            },
            "collapsedWrapperNodeCount": {
              "type": "integer",
              "minimum": 0,
              "maximum": 50000
            },
            "collapsedNeutralWrapperNodeCount": {
              "type": "integer",
              "minimum": 0,
              "maximum": 50000
            },
            "collapsedTransferredWrapperNodeCount": {
              "type": "integer",
              "minimum": 0,
              "maximum": 50000
            },
            "layoutContainerCount": {
              "type": "integer",
              "minimum": 0,
              "maximum": 30000
            },
            "removedLeafNodeCount": {
              "type": "integer",
              "minimum": 0,
              "maximum": 50000
            },
            "retainedSemanticOwnerNodeCount": {
              "type": "integer",
              "minimum": 0,
              "maximum": 50000
            },
            "truncatedNodeCount": {
              "type": "integer",
              "minimum": 0,
              "maximum": 50000
            },
            "issues": {
              "maxItems": 50000,
              "type": "array",
              "items": {
                "type": "object",
                "properties": {
                  "code": {
                    "type": "string",
                    "enum": [
                      "asset-unavailable",
                      "content-omitted",
                      "cross-origin-frame",
                      "nodes-truncated",
                      "responsive-behavior-not-editable",
                      "style-degraded",
                      "unsupported-surface"
                    ]
                  },
                  "message": {
                    "type": "string",
                    "minLength": 1,
                    "maxLength": 500
                  },
                  "temporaryId": {
                    "type": "string",
                    "minLength": 1,
                    "maxLength": 200
                  }
                },
                "required": [
                  "code",
                  "message"
                ],
                "additionalProperties": false
              }
            }
          },
          "required": [
            "nodeCount",
            "issues"
          ],
          "additionalProperties": false
        }
      },
      "required": [
        "version",
        "rootTemporaryId",
        "nodes",
        "relationships",
        "report"
      ],
      "additionalProperties": false
    }
  },
  "required": [
    "canvasId",
    "mutationId",
    "baseVersion",
    "screenNodeId",
    "draft"
  ],
  "additionalProperties": false
}

Example

Show example input
{
  "canvasId": "00000000-0000-4000-8000-000000000010",
  "mutationId": "00000000-0000-4000-8000-000000000010",
  "baseVersion": 1,
  "screenNodeId": "x",
  "draft": {
    "version": 1,
    "rootTemporaryId": "x",
    "nodes": [
      {
        "label": "x",
        "component": "x",
        "styles": {},
        "temporaryId": "x"
      }
    ],
    "relationships": [],
    "report": {
      "nodeCount": 1,
      "issues": []
    }
  }
}

Result

Returns a typed canvas.createEditableFrame result from the Enhance API without transport-specific prose.

Recovery

  • BAD_REQUEST: correct the named fields and call again.
  • UNAUTHORIZED: restore Enhance authentication, then retry once.
  • FORBIDDEN or NOT_FOUND: list accessible resources and choose an allowed identifier.
  • CONFLICT: read the current resource, merge the intended change, and retry with its version.
  • INTERNAL: run Enhance diagnostics, report the failure, and stop repeating the call.

Continue with

  • Read the affected canvas resource to confirm the result.

Compatibility: 538519fcffa0d26b2b8436152a57827a3184402b28d682dfb6a1f16dc6f329fe.