---
title: "surfaceCompositionElement"
url: https://developers.dagio.ai/reference/surface-composition-element/
---

# surfaceCompositionElement

   
                                  
                                                                                    
                                             
                  
           
          
   

This reference describes the full structure of `surfaceCompositionElement`. Paths include nested objects, list items and conditional branches. A branch selected by `kind`, `contract` or `mode` only admits its own properties.

## Structure and values

| Field | Options / expected values | Description |
| --- | --- | --- |
| `[variant 1].type` | `"HomeHeader"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 1].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 1].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 1].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 2].type` | `"HomeLaunchers"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 2].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 2].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 2].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 3].type` | `"HomeLayout"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 3].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 3].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 3].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 4].type` | `"HomeSection"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 4].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 4].props.sectionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 4].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 4].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 5].type` | `"HomeActivity"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 5].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 5].props.blockKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 5].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 5].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 6].type` | `"Page"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 6].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 6].props.title` | `string; min length 1; max length 4000` | **Required.** Title of the object or section in the interface. |
| `[variant 6].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 6].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 7].type` | `"Section"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 7].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 7].props.title` | `string; min length 1; max length 4000` | **Required.** Title of the object or section in the interface. |
| `[variant 7].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 7].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 8].type` | `"Stack"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 8].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 8].props.gap` | `"none" \| "small" \| "medium" \| "large"` | **Required.** Defines gap for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 8].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 8].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 9].type` | `"Grid"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 9].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 9].props.columns` | `1 OR 2 OR 3 OR 4` | **Required.** Ordered columns and their authorized value sources. |
| `[variant 9].props.gap` | `"none" \| "small" \| "medium" \| "large"` | **Required.** Defines gap for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 9].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 9].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 10].type` | `"Card"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 10].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 10].props.title` | `string; min length 1; max length 4000` | **Required.** Title of the object or section in the interface. |
| `[variant 10].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 10].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 11].type` | `"Heading"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 11].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 11].props.text` | `string; min length 1; max length 4000` | **Required.** Defines text for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 11].props.level` | `1 OR 2 OR 3 OR 4` | **Required.** Anchor structural depth in the admitted hierarchy. |
| `[variant 11].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 11].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 12].type` | `"Text"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 12].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 12].props.text` | `string; min length 1; max length 4000` | **Required.** Defines text for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 12].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 12].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 13].type` | `"Badge"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 13].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 13].props.text` | `string; min length 1; max length 4000` | **Required.** Defines text for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 13].props.tone` | `"neutral" \| "info" \| "success" \| "warning" \| "danger"` | **Required.** Defines tone for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 13].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 13].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 14].type` | `"Icon"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 14].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 14].props.icon` | `closed object` | **Required.** Icon from the catalog admitted for this presentation variant. |
| `[variant 14].props.icon.catalog` | `Managed by Surface; supplied by the Model tools.` | **Required.** Defines catalog for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 14].props.icon.revision` | `string; min length 1; max length 120` | **Required.** Defines revision for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 14].props.icon.name` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Readable name of the element in its presentation context. |
| `[variant 14].props.label` | `string; min length 1; max length 4000` | **Required.** Human-readable label displayed in the interface. |
| `[variant 14].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 14].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 15].type` | `"RecordIdentity"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 15].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 15].props.recordProfileKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 15].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 15].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 16].type` | `"RecordField"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 16].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 16].props.recordProfileKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 16].props.fieldPath` | `string; /^fields\/[a-zA-Z][a-zA-Z0-9]*$/u; max length 127` | **Required.** Semantic Field selector, using the fields/ prefix. |
| `[variant 16].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 16].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 17].type` | `"RecordSettings"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 17].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 17].props.recordProfileKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 17].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 17].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 18].type` | `"RecordTags"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 18].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 18].props.recordProfileKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 18].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 18].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 19].type` | `"RecordMetric"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 19].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 19].props.recordProfileKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 19].props.metricKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 19].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 19].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 20].type` | `"RecordRelations"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 20].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 20].props.recordProfileKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 20].props.groupKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 20].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 20].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 21].type` | `"NativeContent"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 21].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 21].props.recordProfileKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 21].props.contentKind` | `"document" \| "code" \| "canvas" \| "asset"` | **Required.** Selects the native content engine and corresponding format. |
| `[variant 21].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 21].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 22].type` | `"QueryTable"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 22].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 22].props.binding` | `closed object OR closed object OR closed object OR closed object OR closed object` | **Required.** Declared value source or destination; does not contain arbitrary scripts. |
| `[variant 22].props.binding.[kind=work-section].kind` | `"work-section"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 22].props.binding.[kind=work-section].experienceKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 22].props.binding.[kind=work-section].sectionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 22].props.binding.[kind=work-section].bindingKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 22].props.binding.[kind=work-section].viewKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 22].props.binding.[kind=collection].kind` | `"collection"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 22].props.binding.[kind=collection].destinationKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 22].props.binding.[kind=collection].viewKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 22].props.binding.[kind=home-section].kind` | `"home-section"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 22].props.binding.[kind=home-section].sectionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 22].props.binding.[kind=home-section].viewKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 22].props.binding.[kind=record-section].kind` | `"record-section"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 22].props.binding.[kind=record-section].recordProfileKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 22].props.binding.[kind=record-section].sectionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 22].props.binding.[kind=record-section].viewKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 22].props.binding.[kind=record-relations].kind` | `"record-relations"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 22].props.binding.[kind=record-relations].recordProfileKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 22].props.binding.[kind=record-relations].groupKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 22].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 22].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 23].type` | `"RecordCards"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 23].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 23].props.binding` | `closed object OR closed object OR closed object OR closed object OR closed object` | **Required.** Declared value source or destination; does not contain arbitrary scripts. |
| `[variant 23].props.binding.[kind=work-section].kind` | `"work-section"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 23].props.binding.[kind=work-section].experienceKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 23].props.binding.[kind=work-section].sectionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 23].props.binding.[kind=work-section].bindingKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 23].props.binding.[kind=work-section].viewKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 23].props.binding.[kind=collection].kind` | `"collection"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 23].props.binding.[kind=collection].destinationKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 23].props.binding.[kind=collection].viewKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 23].props.binding.[kind=home-section].kind` | `"home-section"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 23].props.binding.[kind=home-section].sectionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 23].props.binding.[kind=home-section].viewKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 23].props.binding.[kind=record-section].kind` | `"record-section"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 23].props.binding.[kind=record-section].recordProfileKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 23].props.binding.[kind=record-section].sectionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 23].props.binding.[kind=record-section].viewKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 23].props.binding.[kind=record-relations].kind` | `"record-relations"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 23].props.binding.[kind=record-relations].recordProfileKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 23].props.binding.[kind=record-relations].groupKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 23].props.columns` | `1 OR 2 OR 3 OR 4` | **Required.** Ordered columns and their authorized value sources. |
| `[variant 23].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 23].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 24].type` | `"QueryGraph"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 24].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 24].props.binding` | `closed object OR closed object OR closed object OR closed object OR closed object` | **Required.** Declared value source or destination; does not contain arbitrary scripts. |
| `[variant 24].props.binding.[kind=work-section].kind` | `"work-section"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 24].props.binding.[kind=work-section].experienceKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 24].props.binding.[kind=work-section].sectionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 24].props.binding.[kind=work-section].bindingKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 24].props.binding.[kind=work-section].viewKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 24].props.binding.[kind=collection].kind` | `"collection"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 24].props.binding.[kind=collection].destinationKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 24].props.binding.[kind=collection].viewKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 24].props.binding.[kind=home-section].kind` | `"home-section"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 24].props.binding.[kind=home-section].sectionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 24].props.binding.[kind=home-section].viewKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 24].props.binding.[kind=record-section].kind` | `"record-section"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 24].props.binding.[kind=record-section].recordProfileKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 24].props.binding.[kind=record-section].sectionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 24].props.binding.[kind=record-section].viewKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 24].props.binding.[kind=record-relations].kind` | `"record-relations"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 24].props.binding.[kind=record-relations].recordProfileKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 24].props.binding.[kind=record-relations].groupKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 24].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 24].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 25].type` | `"QueryKanban"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 25].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 25].props.binding` | `closed object OR closed object OR closed object OR closed object OR closed object` | **Required.** Declared value source or destination; does not contain arbitrary scripts. |
| `[variant 25].props.binding.[kind=work-section].kind` | `"work-section"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 25].props.binding.[kind=work-section].experienceKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 25].props.binding.[kind=work-section].sectionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 25].props.binding.[kind=work-section].bindingKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 25].props.binding.[kind=work-section].viewKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 25].props.binding.[kind=collection].kind` | `"collection"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 25].props.binding.[kind=collection].destinationKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 25].props.binding.[kind=collection].viewKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 25].props.binding.[kind=home-section].kind` | `"home-section"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 25].props.binding.[kind=home-section].sectionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 25].props.binding.[kind=home-section].viewKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 25].props.binding.[kind=record-section].kind` | `"record-section"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 25].props.binding.[kind=record-section].recordProfileKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 25].props.binding.[kind=record-section].sectionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 25].props.binding.[kind=record-section].viewKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 25].props.binding.[kind=record-relations].kind` | `"record-relations"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 25].props.binding.[kind=record-relations].recordProfileKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 25].props.binding.[kind=record-relations].groupKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 25].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 25].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 26].type` | `"QueryGantt"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 26].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 26].props.binding` | `closed object OR closed object OR closed object OR closed object OR closed object` | **Required.** Declared value source or destination; does not contain arbitrary scripts. |
| `[variant 26].props.binding.[kind=work-section].kind` | `"work-section"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 26].props.binding.[kind=work-section].experienceKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 26].props.binding.[kind=work-section].sectionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 26].props.binding.[kind=work-section].bindingKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 26].props.binding.[kind=work-section].viewKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 26].props.binding.[kind=collection].kind` | `"collection"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 26].props.binding.[kind=collection].destinationKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 26].props.binding.[kind=collection].viewKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 26].props.binding.[kind=home-section].kind` | `"home-section"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 26].props.binding.[kind=home-section].sectionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 26].props.binding.[kind=home-section].viewKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 26].props.binding.[kind=record-section].kind` | `"record-section"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 26].props.binding.[kind=record-section].recordProfileKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 26].props.binding.[kind=record-section].sectionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 26].props.binding.[kind=record-section].viewKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 26].props.binding.[kind=record-relations].kind` | `"record-relations"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 26].props.binding.[kind=record-relations].recordProfileKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 26].props.binding.[kind=record-relations].groupKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 26].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 26].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 27].type` | `"QueryTimeline"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 27].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 27].props.binding` | `closed object OR closed object OR closed object OR closed object OR closed object` | **Required.** Declared value source or destination; does not contain arbitrary scripts. |
| `[variant 27].props.binding.[kind=work-section].kind` | `"work-section"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 27].props.binding.[kind=work-section].experienceKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 27].props.binding.[kind=work-section].sectionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 27].props.binding.[kind=work-section].bindingKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 27].props.binding.[kind=work-section].viewKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 27].props.binding.[kind=collection].kind` | `"collection"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 27].props.binding.[kind=collection].destinationKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 27].props.binding.[kind=collection].viewKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 27].props.binding.[kind=home-section].kind` | `"home-section"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 27].props.binding.[kind=home-section].sectionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 27].props.binding.[kind=home-section].viewKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 27].props.binding.[kind=record-section].kind` | `"record-section"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 27].props.binding.[kind=record-section].recordProfileKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 27].props.binding.[kind=record-section].sectionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 27].props.binding.[kind=record-section].viewKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 27].props.binding.[kind=record-relations].kind` | `"record-relations"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 27].props.binding.[kind=record-relations].recordProfileKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 27].props.binding.[kind=record-relations].groupKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 27].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 27].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 28].type` | `"QueryCalendar"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 28].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 28].props.binding` | `closed object OR closed object OR closed object OR closed object OR closed object` | **Required.** Declared value source or destination; does not contain arbitrary scripts. |
| `[variant 28].props.binding.[kind=work-section].kind` | `"work-section"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 28].props.binding.[kind=work-section].experienceKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 28].props.binding.[kind=work-section].sectionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 28].props.binding.[kind=work-section].bindingKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 28].props.binding.[kind=work-section].viewKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 28].props.binding.[kind=collection].kind` | `"collection"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 28].props.binding.[kind=collection].destinationKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 28].props.binding.[kind=collection].viewKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 28].props.binding.[kind=home-section].kind` | `"home-section"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 28].props.binding.[kind=home-section].sectionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 28].props.binding.[kind=home-section].viewKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 28].props.binding.[kind=record-section].kind` | `"record-section"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 28].props.binding.[kind=record-section].recordProfileKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 28].props.binding.[kind=record-section].sectionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 28].props.binding.[kind=record-section].viewKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 28].props.binding.[kind=record-relations].kind` | `"record-relations"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 28].props.binding.[kind=record-relations].recordProfileKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 28].props.binding.[kind=record-relations].groupKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 28].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 28].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 29].type` | `"ModelAction"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 29].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 29].props.actionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Reference to a declared Action; rendering does not execute it. |
| `[variant 29].props.label` | `string; min length 1; max length 4000` | **Required.** Human-readable label displayed in the interface. |
| `[variant 29].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 29].on` | `closed object` | **Required.** Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 29].on.press` | `closed object` | **Required.** Defines press for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 29].on.press.action` | `"prepare-action"` | **Required.** Defines action for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 29].on.press.params` | `closed object` | **Required.** Defines params for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 29].on.press.params.actionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Reference to a declared Action; rendering does not execute it. |
| `[variant 30].type` | `"RecordLayout"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 30].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 30].props.asideWidth` | `"standard" \| "compact"` | **Required.** Required right-panel preset: standard for 230 px or compact for 220 px. The gap is 21 px; layout becomes one column below 850 px. |
| `[variant 30].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>; length 2` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 30].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 31].type` | `"Tabs"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 31].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 31].props.label` | `string; min length 1; max length 4000` | **Required.** Human-readable label displayed in the interface. |
| `[variant 31].props.defaultTabKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 31].props.tabs` | `Array<closed object>; min length 1; max length 20` | **Required.** Defines tabs for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 31].props.tabs[].key` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable semantic identifier used by references; changing it changes identity. |
| `[variant 31].props.tabs[].label` | `string; min length 1; max length 4000` | **Required.** Human-readable label displayed in the interface. |
| `[variant 31].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 31].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 32].type` | `"TabPanel"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 32].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 32].props.tabKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 32].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>; length 1` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 32].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 33].type` | `"ActionGroup"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 33].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 33].props.primary` | `closed object; null` | **Required.** Defines primary for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 33].props.primary.actionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Reference to a declared Action; rendering does not execute it. |
| `[variant 33].props.primary.label` | `string; min length 1; max length 4000` | **Required.** Human-readable label displayed in the interface. |
| `[variant 33].props.secondary` | `Array<closed object>; max length 20` | **Required.** Defines secondary for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 33].props.secondary[].actionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Reference to a declared Action; rendering does not execute it. |
| `[variant 33].props.secondary[].label` | `string; min length 1; max length 4000` | **Required.** Human-readable label displayed in the interface. |
| `[variant 33].props.menu` | `Array<closed object>; max length 40` | **Required.** Defines menu for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 33].props.menu[].actionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Reference to a declared Action; rendering does not execute it. |
| `[variant 33].props.menu[].label` | `string; min length 1; max length 4000` | **Required.** Human-readable label displayed in the interface. |
| `[variant 33].props.menuLabel` | `string; min length 1; max length 4000` | **Required.** Defines menu Label for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 33].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>; length 0` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 33].on` | `Record<string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u, closed object>` | **Required.** Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 33].on{key}.action` | `"prepare-action"` | **Required.** Defines action for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 33].on{key}.params` | `closed object` | **Required.** Defines params for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 33].on{key}.params.actionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Reference to a declared Action; rendering does not execute it. |
| `[variant 34].type` | `"Header"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 34].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 34].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>; length 2` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 34].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 35].type` | `"WorkIdentity"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 35].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 35].props.experienceKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 35].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 35].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 36].type` | `"WorkNavigation"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 36].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 36].props.experienceKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 36].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 36].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 37].type` | `"WorkPanel"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 37].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 37].props.experienceKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 37].props.sectionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 37].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>; length 1` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 37].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 38].type` | `"WorkStageRail"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 38].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 38].props.experienceKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 38].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 38].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 39].type` | `"WorkTargetContent"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 39].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 39].props.experienceKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 39].props.sectionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 39].props.bindingKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 39].props.contentKind` | `"document" \| "code" \| "canvas" \| "asset"` | **Required.** Selects the native content engine and corresponding format. |
| `[variant 39].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 39].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 40].type` | `"WorkSources"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 40].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 40].props.experienceKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 40].props.sectionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 40].props.bindingKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 40].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 40].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 41].type` | `"WorkRequests"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 41].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 41].props.experienceKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 41].props.sectionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 41].props.bindingKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 41].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 41].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 42].type` | `"WorkCriteria"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 42].props` | `closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 42].props.experienceKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 42].props.sectionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 42].props.bindingKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 42].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 42].on` | `closed object; optional` | Optional. Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 43].type` | `"WorkAction"` | **Required.** Defines type for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 43].props` | `closed object OR closed object` | **Required.** Defines props for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 43].props.[variant 1].experienceKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 43].props.[variant 1].sectionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 43].props.[variant 1].bindingKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 43].props.[variant 1].scope` | `"rootWork" \| "selectedStage" \| "retainedTarget"` | **Required.** Defines scope for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 43].props.[variant 1].actionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Reference to a declared Action; rendering does not execute it. |
| `[variant 43].props.[variant 1].label` | `string; min length 1; max length 4000` | **Required.** Human-readable label displayed in the interface. |
| `[variant 43].props.[kind=consolidation].kind` | `"consolidation"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 43].props.[kind=consolidation].experienceKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 43].props.[kind=consolidation].sectionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 43].props.[kind=consolidation].bindingKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 43].props.[kind=consolidation].scope` | `"selectedStage"` | **Required.** Defines scope for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 43].props.[kind=consolidation].profileKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 43].props.[kind=consolidation].label` | `string; min length 1; max length 4000` | **Required.** Human-readable label displayed in the interface. |
| `[variant 43].children` | `Array<string; min length 1; max length 120; /^[a-zA-Z][a-zA-Z0-9_-]*$/u>` | **Required.** Ordered child elements with admitted types and references. |
| `[variant 43].on` | `closed object` | **Required.** Defines on for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 43].on.press` | `closed object OR closed object` | **Required.** Defines press for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 43].on.press.[variant 1].action` | `"prepare-action"` | **Required.** Defines action for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 43].on.press.[variant 1].params` | `closed object` | **Required.** Defines params for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 43].on.press.[variant 1].params.experienceKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 43].on.press.[variant 1].params.sectionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 43].on.press.[variant 1].params.bindingKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 43].on.press.[variant 1].params.scope` | `"rootWork" \| "selectedStage" \| "retainedTarget"` | **Required.** Defines scope for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 43].on.press.[variant 1].params.actionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Reference to a declared Action; rendering does not execute it. |
| `[variant 43].on.press.[variant 2].action` | `"prepare-consolidation"` | **Required.** Defines action for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 43].on.press.[variant 2].params` | `closed object` | **Required.** Defines params for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 43].on.press.[variant 2].params.kind` | `"consolidation"` | **Required.** Selects the variant and the properties admitted in this branch. |
| `[variant 43].on.press.[variant 2].params.experienceKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 43].on.press.[variant 2].params.sectionKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 43].on.press.[variant 2].params.bindingKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |
| `[variant 43].on.press.[variant 2].params.scope` | `"selectedStage"` | **Required.** Defines scope for this object. Observe the type, variants and bounds in the Options column. |
| `[variant 43].on.press.[variant 2].params.profileKey` | `string; min length 1; max length 120; /^[a-z][a-z0-9-]*$/u` | **Required.** Stable key reference to the corresponding named declaration; the compiler checks existence and compatibility. |

## Reading the contract

A path ending in `[]` describes each list item; `{key}` describes each dictionary value. The `↻` marker refers to the same recursive expression. Closed objects reject additional properties. Semantic validation denotes an additional check: matching a type does not make a reference, permission or transition valid. References must resolve in the Model and the current user context.

An older variant cannot accept properties belonging to a newer variant. The compiler checks the version and consistency of the complete Model.

Surface manages this structure’s implementation parameters. Use Model tools to produce them; they are not values to enter in a record.

## Related references

[Complete Model index](https://developers.dagio.ai/reference/) · [Build a Model](https://developers.dagio.ai/models/)

<!-- surface-examples:start -->

## Applied examples : Choose each component for its role

The Field edits Notes; the table presents quotes from a relation group.

### Configuration

Component properties `RecordField.props`. [Properties and accepted values](https://developers.dagio.ai/surface-components/#recordfield).

```json
{
  "recordProfileKey": "client",
  "fieldPath": "fields/notes"
}
```

### Variation and connection

Component properties `QueryTable.props`. [Properties and accepted values](https://developers.dagio.ai/surface-components/#querytable).

```json
{
  "binding": {
    "kind": "record-relations",
    "recordProfileKey": "client",
    "groupKey": "quotes"
  }
}
```

### UI layout example

The illustrative layout below places this configuration in the Clients/Quotes app. Insert each fragment at the stated location, with Field, Query and Action references matching the Model declarations.

1. Client identity
2. Notes and follow-up
3. Settings
4. Linked quotes

<!-- surface-examples:end -->