[System] You are the GenUI compiler. Return exactly one canonical GenUI document as a JSON object. Return no prose, Markdown, code fences, or reasoning content. Use only components and contracts supplied in the current catalog and app-specific descriptors.

[User] {"brief":"Create a new constraints-focused GenUI interface inspired by volume slider. A bounded numeric value with a deterministic value label. Design a spacious composition for operators during a compact mobile workflow, emphasizing scanability. Change the wording, values, IDs, and composition rather than copying the reference verbatim. Mechanical requirements: include at least 1 Slider component; include at least two distinct supported boundary, validation, size, range, or collection constraints on Slider. Dimension implementation guidance: For the constraint contract, set at least two of props.min, props.max, and props.step; do not duplicate equivalent required constraints.","catalog":"Alert | Displays a themed semantic status message. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"message\":{\"type\":[\"string\",\"null\"]},\"severity\":{\"enum\":[\"info\",\"success\",\"warning\",\"error\"],\"type\":\"string\"},\"title\":{\"type\":\"string\"}},\"required\":[\"title\"],\"type\":\"object\"}\nAvatar | Displays a resolved profile image or deterministic initials. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"name\":{\"type\":\"string\"},\"size\":{\"enum\":[\"sm\",\"md\",\"lg\"],\"type\":\"string\"},\"src\":{\"type\":[\"string\",\"null\"]}},\"required\":[\"name\"],\"type\":\"object\"}\nBadge | Displays a compact semantic status label. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"text\":{\"type\":\"string\"},\"variant\":{\"enum\":[\"default\",\"secondary\",\"destructive\",\"outline\",null],\"type\":[\"string\",\"null\"]}},\"required\":[\"text\"],\"type\":\"object\"}\nBarChart | Plots labeled numeric data as native bars. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"data\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"label\":{\"type\":\"string\"},\"value\":{\"type\":\"number\"}},\"required\":[\"label\",\"value\"],\"type\":\"object\"},\"type\":\"array\"},\"title\":{\"type\":[\"string\",\"null\"]}},\"required\":[\"data\"],\"type\":\"object\"}\nButton | Invokes host-defined actions when pressed. | children=none | events=[press] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"label\":{\"type\":\"string\"},\"role\":{\"enum\":[\"action\",\"submit\",null],\"type\":[\"string\",\"null\"]},\"variant\":{\"enum\":[\"primary\",\"secondary\",\"danger\",null],\"type\":[\"string\",\"null\"]}},\"required\":[\"label\"],\"type\":\"object\"}\nCard | Groups related child content on a themed surface. | children=arbitrary | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"centered\":{\"type\":[\"boolean\",\"null\"]},\"description\":{\"type\":[\"string\",\"null\"]},\"maxWidth\":{\"enum\":[\"sm\",\"md\",\"lg\",\"full\",null],\"type\":[\"string\",\"null\"]},\"title\":{\"type\":[\"string\",\"null\"]}},\"required\":[],\"type\":\"object\"}\nCheckbox | Edits a boolean using an accessible checkbox row. | children=none | events=[change] | bindings=[value:boolean] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"helpText\":{\"type\":[\"string\",\"null\"]},\"label\":{\"type\":\"string\"},\"required\":{\"type\":[\"boolean\",\"null\"]},\"validateOn\":{\"enum\":[\"blur\",\"change\",\"submit\",null],\"type\":[\"string\",\"null\"]},\"validation\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"max\":{\"type\":[\"number\",\"null\"]},\"message\":{\"type\":\"string\"},\"min\":{\"type\":[\"number\",\"null\"]},\"rule\":{\"enum\":[\"required\",\"email\",\"url\",\"minLength\",\"maxLength\",\"range\"],\"type\":\"string\"},\"value\":{\"minimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[\"rule\",\"message\"],\"type\":\"object\"},\"type\":\"array\"}},\"required\":[\"label\"],\"type\":\"object\"}\nForm | Coordinates validation, focus, disabled state, and semantic submission for descendant fields. | children=arbitrary | events=[submit] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"spacing\":{\"enum\":[\"sm\",\"md\",\"lg\",null],\"type\":[\"string\",\"null\"]}},\"required\":[],\"type\":\"object\"}\nFormSection | Groups titled form content inside the nearest enclosing Form. | children=arbitrary | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"footer\":{\"type\":[\"string\",\"null\"]},\"spacing\":{\"enum\":[\"sm\",\"md\",\"lg\",null],\"type\":[\"string\",\"null\"]},\"title\":{\"type\":[\"string\",\"null\"]}},\"required\":[],\"type\":\"object\"}\nGrid | Arranges child elements in an adaptive grid. | children=arbitrary | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"columns\":{\"maximum\":6,\"minimum\":1,\"type\":[\"number\",\"null\"]},\"gap\":{\"enum\":[\"sm\",\"md\",\"lg\",\"xl\",null],\"type\":[\"string\",\"null\"]},\"minColumnWidth\":{\"exclusiveMinimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[],\"type\":\"object\"}\nHeading | Displays semantic heading text. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"level\":{\"enum\":[\"h1\",\"h2\",\"h3\",\"h4\",null],\"type\":[\"string\",\"null\"]},\"text\":{\"type\":\"string\"}},\"required\":[\"text\"],\"type\":\"object\"}\nIcon | Displays a curated semantic SF Symbol token. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"name\":{\"type\":\"string\"},\"size\":{\"enum\":[\"sm\",\"md\",\"lg\",null],\"type\":[\"string\",\"null\"]}},\"required\":[\"name\"],\"type\":\"object\"}\nImage | Displays a remotely resolved image or deterministic fallback. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"alt\":{\"type\":\"string\"},\"fit\":{\"enum\":[\"fit\",\"fill\",null],\"type\":[\"string\",\"null\"]},\"height\":{\"exclusiveMinimum\":0,\"type\":[\"number\",\"null\"]},\"src\":{\"type\":[\"string\",\"null\"]},\"width\":{\"exclusiveMinimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[\"alt\"],\"type\":\"object\"}\nLineChart | Plots labeled numeric data as a native line and points. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"data\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"label\":{\"type\":\"string\"},\"value\":{\"type\":\"number\"}},\"required\":[\"label\",\"value\"],\"type\":\"object\"},\"type\":\"array\"},\"title\":{\"type\":[\"string\",\"null\"]}},\"required\":[\"data\"],\"type\":\"object\"}\nMetric | Displays a labeled value with an optional trend delta. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"delta\":{\"type\":[\"string\",\"null\"]},\"label\":{\"type\":\"string\"},\"trend\":{\"enum\":[\"up\",\"down\",\"neutral\",null],\"type\":[\"string\",\"null\"]},\"value\":{\"type\":\"string\"}},\"required\":[\"label\",\"value\"],\"type\":\"object\"}\nPicker | Selects one enabled scalar option using a native picker. | children=none | events=[change] | bindings=[value:scalar] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"helpText\":{\"type\":[\"string\",\"null\"]},\"label\":{\"type\":\"string\"},\"options\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"label\":{\"type\":\"string\"},\"value\":{\"type\":[\"string\",\"number\",\"boolean\",\"null\"]}},\"required\":[\"label\",\"value\"],\"type\":\"object\"},\"minItems\":1,\"type\":\"array\"},\"required\":{\"type\":[\"boolean\",\"null\"]},\"style\":{\"enum\":[\"automatic\",\"menu\",\"segmented\",\"inline\",null],\"type\":[\"string\",\"null\"]},\"validateOn\":{\"enum\":[\"blur\",\"change\",\"submit\",null],\"type\":[\"string\",\"null\"]},\"validation\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"max\":{\"type\":[\"number\",\"null\"]},\"message\":{\"type\":\"string\"},\"min\":{\"type\":[\"number\",\"null\"]},\"rule\":{\"enum\":[\"required\",\"email\",\"url\",\"minLength\",\"maxLength\",\"range\"],\"type\":\"string\"},\"value\":{\"minimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[\"rule\",\"message\"],\"type\":\"object\"},\"type\":\"array\"}},\"required\":[\"label\",\"options\"],\"type\":\"object\"}\nProgress | Displays determinate progress toward a maximum value. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"label\":{\"type\":[\"string\",\"null\"]},\"max\":{\"exclusiveMinimum\":0,\"type\":[\"number\",\"null\"]},\"value\":{\"type\":\"number\"}},\"required\":[\"value\"],\"type\":\"object\"}\nRadioGroup | Selects one enabled scalar option from an accessible radio group. | children=none | events=[change] | bindings=[value:scalar] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"helpText\":{\"type\":[\"string\",\"null\"]},\"label\":{\"type\":\"string\"},\"options\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"label\":{\"type\":\"string\"},\"value\":{\"type\":[\"string\",\"number\",\"boolean\",\"null\"]}},\"required\":[\"label\",\"value\"],\"type\":\"object\"},\"minItems\":1,\"type\":\"array\"},\"orientation\":{\"enum\":[\"vertical\",\"horizontal\",null],\"type\":[\"string\",\"null\"]},\"required\":{\"type\":[\"boolean\",\"null\"]},\"validateOn\":{\"enum\":[\"blur\",\"change\",\"submit\",null],\"type\":[\"string\",\"null\"]},\"validation\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"max\":{\"type\":[\"number\",\"null\"]},\"message\":{\"type\":\"string\"},\"min\":{\"type\":[\"number\",\"null\"]},\"rule\":{\"enum\":[\"required\",\"email\",\"url\",\"minLength\",\"maxLength\",\"range\"],\"type\":\"string\"},\"value\":{\"minimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[\"rule\",\"message\"],\"type\":\"object\"},\"type\":\"array\"}},\"required\":[\"label\",\"options\"],\"type\":\"object\"}\nSeparator | Draws a horizontal or vertical semantic separator. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"orientation\":{\"enum\":[\"horizontal\",\"vertical\",null],\"type\":[\"string\",\"null\"]}},\"required\":[],\"type\":\"object\"}\nSkeleton | Displays a noninteractive loading placeholder. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"height\":{\"exclusiveMinimum\":0,\"type\":[\"number\",\"null\"]},\"shape\":{\"enum\":[\"rectangle\",\"capsule\",\"circle\"],\"type\":\"string\"},\"width\":{\"exclusiveMinimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[],\"type\":\"object\"}\nSlider | Edits a finite number within explicit bounds using a native slider. | children=none | events=[change] | bindings=[value:number] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"accessibilityLabel\":{\"type\":[\"string\",\"null\"]},\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"helpText\":{\"type\":[\"string\",\"null\"]},\"label\":{\"type\":[\"string\",\"null\"]},\"max\":{\"type\":\"number\"},\"min\":{\"type\":\"number\"},\"required\":{\"type\":[\"boolean\",\"null\"]},\"showValue\":{\"type\":[\"boolean\",\"null\"]},\"step\":{\"type\":\"number\"},\"validateOn\":{\"enum\":[\"blur\",\"change\",\"submit\",null],\"type\":[\"string\",\"null\"]},\"validation\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"max\":{\"type\":[\"number\",\"null\"]},\"message\":{\"type\":\"string\"},\"min\":{\"type\":[\"number\",\"null\"]},\"rule\":{\"enum\":[\"required\",\"email\",\"url\",\"minLength\",\"maxLength\",\"range\"],\"type\":\"string\"},\"value\":{\"minimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[\"rule\",\"message\"],\"type\":\"object\"},\"type\":\"array\"}},\"required\":[\"max\",\"min\",\"step\"],\"type\":\"object\"}\nSpacer | Adds fixed or flexible space. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"flex\":{\"minimum\":0,\"type\":[\"number\",\"null\"]},\"size\":{\"minimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[],\"type\":\"object\"}\nSpinner | Displays native indeterminate progress with an optional label. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"label\":{\"type\":[\"string\",\"null\"]},\"size\":{\"enum\":[\"sm\",\"md\",\"lg\"],\"type\":\"string\"}},\"required\":[],\"type\":\"object\"}\nStack | Arranges child elements horizontally or vertically. | children=arbitrary | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"align\":{\"enum\":[\"start\",\"center\",\"end\",\"stretch\",null],\"type\":[\"string\",\"null\"]},\"direction\":{\"enum\":[\"horizontal\",\"vertical\",null],\"type\":[\"string\",\"null\"]},\"gap\":{\"enum\":[\"none\",\"sm\",\"md\",\"lg\",\"xl\",null],\"type\":[\"string\",\"null\"]},\"justify\":{\"enum\":[\"start\",\"center\",\"end\",\"between\",\"around\",null],\"type\":[\"string\",\"null\"]}},\"required\":[],\"type\":\"object\"}\nTable | Displays scalar row data as an adaptive table or compact list. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"caption\":{\"type\":[\"string\",\"null\"]},\"columns\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"alignment\":{\"enum\":[\"leading\",\"center\",\"trailing\",null],\"type\":[\"string\",\"null\"]},\"key\":{\"type\":\"string\"},\"label\":{\"type\":\"string\"}},\"required\":[\"key\",\"label\"],\"type\":\"object\"},\"minItems\":1,\"type\":\"array\"},\"rows\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"cells\":{\"additionalProperties\":true,\"properties\":{},\"type\":\"object\"},\"id\":{\"type\":[\"string\",\"null\"]}},\"required\":[\"cells\"],\"type\":\"object\"},\"type\":\"array\"}},\"required\":[\"columns\",\"rows\"],\"type\":\"object\"}\nText | Displays themed body, caption, lead, muted, or code text. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"text\":{\"type\":\"string\"},\"variant\":{\"enum\":[\"body\",\"caption\",\"muted\",\"lead\",\"code\",null],\"type\":[\"string\",\"null\"]}},\"required\":[\"text\"],\"type\":\"object\"}\nTextEditor | Edits a bounded multiline string using the native text editor. | children=none | events=[change] | bindings=[value:string] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"accessibilityLabel\":{\"type\":[\"string\",\"null\"]},\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"helpText\":{\"type\":[\"string\",\"null\"]},\"label\":{\"type\":[\"string\",\"null\"]},\"maxLength\":{\"minimum\":1,\"type\":[\"number\",\"null\"]},\"placeholder\":{\"type\":[\"string\",\"null\"]},\"required\":{\"type\":[\"boolean\",\"null\"]},\"validateOn\":{\"enum\":[\"blur\",\"change\",\"submit\",null],\"type\":[\"string\",\"null\"]},\"validation\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"max\":{\"type\":[\"number\",\"null\"]},\"message\":{\"type\":\"string\"},\"min\":{\"type\":[\"number\",\"null\"]},\"rule\":{\"enum\":[\"required\",\"email\",\"url\",\"minLength\",\"maxLength\",\"range\"],\"type\":\"string\"},\"value\":{\"minimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[\"rule\",\"message\"],\"type\":\"object\"},\"type\":\"array\"}},\"required\":[],\"type\":\"object\"}\nTextField | Edits a single-line string using native text or secure entry. | children=none | events=[change] | bindings=[value:string] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"accessibilityLabel\":{\"type\":[\"string\",\"null\"]},\"autocorrection\":{\"enum\":[\"default\",\"enabled\",\"disabled\",null],\"type\":[\"string\",\"null\"]},\"capitalization\":{\"enum\":[\"never\",\"words\",\"sentences\",\"characters\",null],\"type\":[\"string\",\"null\"]},\"contentType\":{\"enum\":[\"name\",\"givenName\",\"familyName\",\"nickname\",\"organizationName\",\"jobTitle\",\"location\",\"streetAddressLine1\",\"streetAddressLine2\",\"addressCity\",\"addressState\",\"postalCode\",\"countryName\",\"telephoneNumber\",\"emailAddress\",\"username\",\"password\",\"newPassword\",\"oneTimeCode\",\"url\",null],\"type\":[\"string\",\"null\"]},\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"helpText\":{\"type\":[\"string\",\"null\"]},\"keyboard\":{\"enum\":[\"default\",\"ascii\",\"numbersAndPunctuation\",\"url\",\"numberPad\",\"phonePad\",\"emailAddress\",\"decimalPad\",null],\"type\":[\"string\",\"null\"]},\"label\":{\"type\":[\"string\",\"null\"]},\"placeholder\":{\"type\":[\"string\",\"null\"]},\"required\":{\"type\":[\"boolean\",\"null\"]},\"secure\":{\"type\":[\"boolean\",\"null\"]},\"submitLabel\":{\"enum\":[\"done\",\"go\",\"send\",\"join\",\"route\",\"search\",\"return\",\"next\",\"continue\",null],\"type\":[\"string\",\"null\"]},\"validateOn\":{\"enum\":[\"blur\",\"change\",\"submit\",null],\"type\":[\"string\",\"null\"]},\"validation\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"max\":{\"type\":[\"number\",\"null\"]},\"message\":{\"type\":\"string\"},\"min\":{\"type\":[\"number\",\"null\"]},\"rule\":{\"enum\":[\"required\",\"email\",\"url\",\"minLength\",\"maxLength\",\"range\"],\"type\":\"string\"},\"value\":{\"minimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[\"rule\",\"message\"],\"type\":\"object\"},\"type\":\"array\"}},\"required\":[],\"type\":\"object\"}\nToggle | Edits a boolean using a native switch-style toggle. | children=none | events=[change] | bindings=[value:boolean] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"helpText\":{\"type\":[\"string\",\"null\"]},\"label\":{\"type\":\"string\"},\"required\":{\"type\":[\"boolean\",\"null\"]},\"validateOn\":{\"enum\":[\"blur\",\"change\",\"submit\",null],\"type\":[\"string\",\"null\"]},\"validation\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"max\":{\"type\":[\"number\",\"null\"]},\"message\":{\"type\":\"string\"},\"min\":{\"type\":[\"number\",\"null\"]},\"rule\":{\"enum\":[\"required\",\"email\",\"url\",\"minLength\",\"maxLength\",\"range\"],\"type\":\"string\"},\"value\":{\"minimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[\"rule\",\"message\"],\"type\":\"object\"},\"type\":\"array\"}},\"required\":[\"label\"],\"type\":\"object\"}\nVALIDATION RULES\nrequired | arguments=[] | values=[string,number,bool,null] | Reject null, non-scalar values, nonfinite numbers, and strings containing only whitespace or newlines.\nemail | arguments=[] | values=[string] | Require exactly one @, nonempty local and domain sides, and no whitespace; this is intentionally not RFC 5322.\nurl | arguments=[] | values=[string] | Require URLComponents to produce a nonempty scheme and host.\nminLength | arguments=[value] | values=[string] | Require String.count to be at least the nonnegative value; String.count measures extended grapheme clusters.\nmaxLength | arguments=[value] | values=[string] | Require String.count to be at most the nonnegative value; String.count measures extended grapheme clusters.\nrange | arguments=[min,max] | values=[number] | Require a finite number inside the inclusive finite min and max bounds; at least one bound is required.\n","customComponents":[],"task":"compile","version":"genui-compiler-task-v1"}

[Assistant] {"elements":{"sound-settings":{"children":["volume-slider","volume-help"],"props":{"description":"Set the notification level for the current shift","maxWidth":"md","title":"Alert volume"},"type":"Card"},"volume-help":{"props":{"text":"Use five-point increments between silent and loud.","variant":"muted"},"type":"Text"},"volume-slider":{"bind":{"value":"/alertVolume"},"props":{"label":"Notification volume","max":80,"min":0,"required":true,"showValue":true,"step":5},"type":"Slider"}},"root":"sound-settings","state":{"alertVolume":35}}


[System] You are the GenUI compiler. Return exactly one canonical GenUI document as a JSON object. Return no prose, Markdown, code fences, or reasoning content. Use only components and contracts supplied in the current catalog and app-specific descriptors.

[User] {"brief":"Create a new bindings-focused GenUI interface inspired by email text field. A bound native field with email semantics and validation. Design a spacious composition for support agents during a compact mobile workflow, emphasizing scanability. Change the wording, values, IDs, and composition rather than copying the reference verbatim. Mechanical requirements: include at least 1 TextField component; connect a bound state path behaviorally to TextField through rendering or an action parameter.","catalog":"Alert | Displays a themed semantic status message. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"message\":{\"type\":[\"string\",\"null\"]},\"severity\":{\"enum\":[\"info\",\"success\",\"warning\",\"error\"],\"type\":\"string\"},\"title\":{\"type\":\"string\"}},\"required\":[\"title\"],\"type\":\"object\"}\nAvatar | Displays a resolved profile image or deterministic initials. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"name\":{\"type\":\"string\"},\"size\":{\"enum\":[\"sm\",\"md\",\"lg\"],\"type\":\"string\"},\"src\":{\"type\":[\"string\",\"null\"]}},\"required\":[\"name\"],\"type\":\"object\"}\nBadge | Displays a compact semantic status label. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"text\":{\"type\":\"string\"},\"variant\":{\"enum\":[\"default\",\"secondary\",\"destructive\",\"outline\",null],\"type\":[\"string\",\"null\"]}},\"required\":[\"text\"],\"type\":\"object\"}\nBarChart | Plots labeled numeric data as native bars. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"data\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"label\":{\"type\":\"string\"},\"value\":{\"type\":\"number\"}},\"required\":[\"label\",\"value\"],\"type\":\"object\"},\"type\":\"array\"},\"title\":{\"type\":[\"string\",\"null\"]}},\"required\":[\"data\"],\"type\":\"object\"}\nButton | Invokes host-defined actions when pressed. | children=none | events=[press] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"label\":{\"type\":\"string\"},\"role\":{\"enum\":[\"action\",\"submit\",null],\"type\":[\"string\",\"null\"]},\"variant\":{\"enum\":[\"primary\",\"secondary\",\"danger\",null],\"type\":[\"string\",\"null\"]}},\"required\":[\"label\"],\"type\":\"object\"}\nCard | Groups related child content on a themed surface. | children=arbitrary | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"centered\":{\"type\":[\"boolean\",\"null\"]},\"description\":{\"type\":[\"string\",\"null\"]},\"maxWidth\":{\"enum\":[\"sm\",\"md\",\"lg\",\"full\",null],\"type\":[\"string\",\"null\"]},\"title\":{\"type\":[\"string\",\"null\"]}},\"required\":[],\"type\":\"object\"}\nCheckbox | Edits a boolean using an accessible checkbox row. | children=none | events=[change] | bindings=[value:boolean] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"helpText\":{\"type\":[\"string\",\"null\"]},\"label\":{\"type\":\"string\"},\"required\":{\"type\":[\"boolean\",\"null\"]},\"validateOn\":{\"enum\":[\"blur\",\"change\",\"submit\",null],\"type\":[\"string\",\"null\"]},\"validation\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"max\":{\"type\":[\"number\",\"null\"]},\"message\":{\"type\":\"string\"},\"min\":{\"type\":[\"number\",\"null\"]},\"rule\":{\"enum\":[\"required\",\"email\",\"url\",\"minLength\",\"maxLength\",\"range\"],\"type\":\"string\"},\"value\":{\"minimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[\"rule\",\"message\"],\"type\":\"object\"},\"type\":\"array\"}},\"required\":[\"label\"],\"type\":\"object\"}\nForm | Coordinates validation, focus, disabled state, and semantic submission for descendant fields. | children=arbitrary | events=[submit] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"spacing\":{\"enum\":[\"sm\",\"md\",\"lg\",null],\"type\":[\"string\",\"null\"]}},\"required\":[],\"type\":\"object\"}\nFormSection | Groups titled form content inside the nearest enclosing Form. | children=arbitrary | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"footer\":{\"type\":[\"string\",\"null\"]},\"spacing\":{\"enum\":[\"sm\",\"md\",\"lg\",null],\"type\":[\"string\",\"null\"]},\"title\":{\"type\":[\"string\",\"null\"]}},\"required\":[],\"type\":\"object\"}\nGrid | Arranges child elements in an adaptive grid. | children=arbitrary | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"columns\":{\"maximum\":6,\"minimum\":1,\"type\":[\"number\",\"null\"]},\"gap\":{\"enum\":[\"sm\",\"md\",\"lg\",\"xl\",null],\"type\":[\"string\",\"null\"]},\"minColumnWidth\":{\"exclusiveMinimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[],\"type\":\"object\"}\nHeading | Displays semantic heading text. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"level\":{\"enum\":[\"h1\",\"h2\",\"h3\",\"h4\",null],\"type\":[\"string\",\"null\"]},\"text\":{\"type\":\"string\"}},\"required\":[\"text\"],\"type\":\"object\"}\nIcon | Displays a curated semantic SF Symbol token. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"name\":{\"type\":\"string\"},\"size\":{\"enum\":[\"sm\",\"md\",\"lg\",null],\"type\":[\"string\",\"null\"]}},\"required\":[\"name\"],\"type\":\"object\"}\nImage | Displays a remotely resolved image or deterministic fallback. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"alt\":{\"type\":\"string\"},\"fit\":{\"enum\":[\"fit\",\"fill\",null],\"type\":[\"string\",\"null\"]},\"height\":{\"exclusiveMinimum\":0,\"type\":[\"number\",\"null\"]},\"src\":{\"type\":[\"string\",\"null\"]},\"width\":{\"exclusiveMinimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[\"alt\"],\"type\":\"object\"}\nLineChart | Plots labeled numeric data as a native line and points. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"data\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"label\":{\"type\":\"string\"},\"value\":{\"type\":\"number\"}},\"required\":[\"label\",\"value\"],\"type\":\"object\"},\"type\":\"array\"},\"title\":{\"type\":[\"string\",\"null\"]}},\"required\":[\"data\"],\"type\":\"object\"}\nMetric | Displays a labeled value with an optional trend delta. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"delta\":{\"type\":[\"string\",\"null\"]},\"label\":{\"type\":\"string\"},\"trend\":{\"enum\":[\"up\",\"down\",\"neutral\",null],\"type\":[\"string\",\"null\"]},\"value\":{\"type\":\"string\"}},\"required\":[\"label\",\"value\"],\"type\":\"object\"}\nPicker | Selects one enabled scalar option using a native picker. | children=none | events=[change] | bindings=[value:scalar] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"helpText\":{\"type\":[\"string\",\"null\"]},\"label\":{\"type\":\"string\"},\"options\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"label\":{\"type\":\"string\"},\"value\":{\"type\":[\"string\",\"number\",\"boolean\",\"null\"]}},\"required\":[\"label\",\"value\"],\"type\":\"object\"},\"minItems\":1,\"type\":\"array\"},\"required\":{\"type\":[\"boolean\",\"null\"]},\"style\":{\"enum\":[\"automatic\",\"menu\",\"segmented\",\"inline\",null],\"type\":[\"string\",\"null\"]},\"validateOn\":{\"enum\":[\"blur\",\"change\",\"submit\",null],\"type\":[\"string\",\"null\"]},\"validation\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"max\":{\"type\":[\"number\",\"null\"]},\"message\":{\"type\":\"string\"},\"min\":{\"type\":[\"number\",\"null\"]},\"rule\":{\"enum\":[\"required\",\"email\",\"url\",\"minLength\",\"maxLength\",\"range\"],\"type\":\"string\"},\"value\":{\"minimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[\"rule\",\"message\"],\"type\":\"object\"},\"type\":\"array\"}},\"required\":[\"label\",\"options\"],\"type\":\"object\"}\nProgress | Displays determinate progress toward a maximum value. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"label\":{\"type\":[\"string\",\"null\"]},\"max\":{\"exclusiveMinimum\":0,\"type\":[\"number\",\"null\"]},\"value\":{\"type\":\"number\"}},\"required\":[\"value\"],\"type\":\"object\"}\nRadioGroup | Selects one enabled scalar option from an accessible radio group. | children=none | events=[change] | bindings=[value:scalar] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"helpText\":{\"type\":[\"string\",\"null\"]},\"label\":{\"type\":\"string\"},\"options\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"label\":{\"type\":\"string\"},\"value\":{\"type\":[\"string\",\"number\",\"boolean\",\"null\"]}},\"required\":[\"label\",\"value\"],\"type\":\"object\"},\"minItems\":1,\"type\":\"array\"},\"orientation\":{\"enum\":[\"vertical\",\"horizontal\",null],\"type\":[\"string\",\"null\"]},\"required\":{\"type\":[\"boolean\",\"null\"]},\"validateOn\":{\"enum\":[\"blur\",\"change\",\"submit\",null],\"type\":[\"string\",\"null\"]},\"validation\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"max\":{\"type\":[\"number\",\"null\"]},\"message\":{\"type\":\"string\"},\"min\":{\"type\":[\"number\",\"null\"]},\"rule\":{\"enum\":[\"required\",\"email\",\"url\",\"minLength\",\"maxLength\",\"range\"],\"type\":\"string\"},\"value\":{\"minimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[\"rule\",\"message\"],\"type\":\"object\"},\"type\":\"array\"}},\"required\":[\"label\",\"options\"],\"type\":\"object\"}\nSeparator | Draws a horizontal or vertical semantic separator. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"orientation\":{\"enum\":[\"horizontal\",\"vertical\",null],\"type\":[\"string\",\"null\"]}},\"required\":[],\"type\":\"object\"}\nSkeleton | Displays a noninteractive loading placeholder. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"height\":{\"exclusiveMinimum\":0,\"type\":[\"number\",\"null\"]},\"shape\":{\"enum\":[\"rectangle\",\"capsule\",\"circle\"],\"type\":\"string\"},\"width\":{\"exclusiveMinimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[],\"type\":\"object\"}\nSlider | Edits a finite number within explicit bounds using a native slider. | children=none | events=[change] | bindings=[value:number] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"accessibilityLabel\":{\"type\":[\"string\",\"null\"]},\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"helpText\":{\"type\":[\"string\",\"null\"]},\"label\":{\"type\":[\"string\",\"null\"]},\"max\":{\"type\":\"number\"},\"min\":{\"type\":\"number\"},\"required\":{\"type\":[\"boolean\",\"null\"]},\"showValue\":{\"type\":[\"boolean\",\"null\"]},\"step\":{\"type\":\"number\"},\"validateOn\":{\"enum\":[\"blur\",\"change\",\"submit\",null],\"type\":[\"string\",\"null\"]},\"validation\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"max\":{\"type\":[\"number\",\"null\"]},\"message\":{\"type\":\"string\"},\"min\":{\"type\":[\"number\",\"null\"]},\"rule\":{\"enum\":[\"required\",\"email\",\"url\",\"minLength\",\"maxLength\",\"range\"],\"type\":\"string\"},\"value\":{\"minimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[\"rule\",\"message\"],\"type\":\"object\"},\"type\":\"array\"}},\"required\":[\"max\",\"min\",\"step\"],\"type\":\"object\"}\nSpacer | Adds fixed or flexible space. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"flex\":{\"minimum\":0,\"type\":[\"number\",\"null\"]},\"size\":{\"minimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[],\"type\":\"object\"}\nSpinner | Displays native indeterminate progress with an optional label. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"label\":{\"type\":[\"string\",\"null\"]},\"size\":{\"enum\":[\"sm\",\"md\",\"lg\"],\"type\":\"string\"}},\"required\":[],\"type\":\"object\"}\nStack | Arranges child elements horizontally or vertically. | children=arbitrary | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"align\":{\"enum\":[\"start\",\"center\",\"end\",\"stretch\",null],\"type\":[\"string\",\"null\"]},\"direction\":{\"enum\":[\"horizontal\",\"vertical\",null],\"type\":[\"string\",\"null\"]},\"gap\":{\"enum\":[\"none\",\"sm\",\"md\",\"lg\",\"xl\",null],\"type\":[\"string\",\"null\"]},\"justify\":{\"enum\":[\"start\",\"center\",\"end\",\"between\",\"around\",null],\"type\":[\"string\",\"null\"]}},\"required\":[],\"type\":\"object\"}\nTable | Displays scalar row data as an adaptive table or compact list. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"caption\":{\"type\":[\"string\",\"null\"]},\"columns\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"alignment\":{\"enum\":[\"leading\",\"center\",\"trailing\",null],\"type\":[\"string\",\"null\"]},\"key\":{\"type\":\"string\"},\"label\":{\"type\":\"string\"}},\"required\":[\"key\",\"label\"],\"type\":\"object\"},\"minItems\":1,\"type\":\"array\"},\"rows\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"cells\":{\"additionalProperties\":true,\"properties\":{},\"type\":\"object\"},\"id\":{\"type\":[\"string\",\"null\"]}},\"required\":[\"cells\"],\"type\":\"object\"},\"type\":\"array\"}},\"required\":[\"columns\",\"rows\"],\"type\":\"object\"}\nText | Displays themed body, caption, lead, muted, or code text. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"text\":{\"type\":\"string\"},\"variant\":{\"enum\":[\"body\",\"caption\",\"muted\",\"lead\",\"code\",null],\"type\":[\"string\",\"null\"]}},\"required\":[\"text\"],\"type\":\"object\"}\nTextEditor | Edits a bounded multiline string using the native text editor. | children=none | events=[change] | bindings=[value:string] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"accessibilityLabel\":{\"type\":[\"string\",\"null\"]},\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"helpText\":{\"type\":[\"string\",\"null\"]},\"label\":{\"type\":[\"string\",\"null\"]},\"maxLength\":{\"minimum\":1,\"type\":[\"number\",\"null\"]},\"placeholder\":{\"type\":[\"string\",\"null\"]},\"required\":{\"type\":[\"boolean\",\"null\"]},\"validateOn\":{\"enum\":[\"blur\",\"change\",\"submit\",null],\"type\":[\"string\",\"null\"]},\"validation\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"max\":{\"type\":[\"number\",\"null\"]},\"message\":{\"type\":\"string\"},\"min\":{\"type\":[\"number\",\"null\"]},\"rule\":{\"enum\":[\"required\",\"email\",\"url\",\"minLength\",\"maxLength\",\"range\"],\"type\":\"string\"},\"value\":{\"minimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[\"rule\",\"message\"],\"type\":\"object\"},\"type\":\"array\"}},\"required\":[],\"type\":\"object\"}\nTextField | Edits a single-line string using native text or secure entry. | children=none | events=[change] | bindings=[value:string] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"accessibilityLabel\":{\"type\":[\"string\",\"null\"]},\"autocorrection\":{\"enum\":[\"default\",\"enabled\",\"disabled\",null],\"type\":[\"string\",\"null\"]},\"capitalization\":{\"enum\":[\"never\",\"words\",\"sentences\",\"characters\",null],\"type\":[\"string\",\"null\"]},\"contentType\":{\"enum\":[\"name\",\"givenName\",\"familyName\",\"nickname\",\"organizationName\",\"jobTitle\",\"location\",\"streetAddressLine1\",\"streetAddressLine2\",\"addressCity\",\"addressState\",\"postalCode\",\"countryName\",\"telephoneNumber\",\"emailAddress\",\"username\",\"password\",\"newPassword\",\"oneTimeCode\",\"url\",null],\"type\":[\"string\",\"null\"]},\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"helpText\":{\"type\":[\"string\",\"null\"]},\"keyboard\":{\"enum\":[\"default\",\"ascii\",\"numbersAndPunctuation\",\"url\",\"numberPad\",\"phonePad\",\"emailAddress\",\"decimalPad\",null],\"type\":[\"string\",\"null\"]},\"label\":{\"type\":[\"string\",\"null\"]},\"placeholder\":{\"type\":[\"string\",\"null\"]},\"required\":{\"type\":[\"boolean\",\"null\"]},\"secure\":{\"type\":[\"boolean\",\"null\"]},\"submitLabel\":{\"enum\":[\"done\",\"go\",\"send\",\"join\",\"route\",\"search\",\"return\",\"next\",\"continue\",null],\"type\":[\"string\",\"null\"]},\"validateOn\":{\"enum\":[\"blur\",\"change\",\"submit\",null],\"type\":[\"string\",\"null\"]},\"validation\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"max\":{\"type\":[\"number\",\"null\"]},\"message\":{\"type\":\"string\"},\"min\":{\"type\":[\"number\",\"null\"]},\"rule\":{\"enum\":[\"required\",\"email\",\"url\",\"minLength\",\"maxLength\",\"range\"],\"type\":\"string\"},\"value\":{\"minimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[\"rule\",\"message\"],\"type\":\"object\"},\"type\":\"array\"}},\"required\":[],\"type\":\"object\"}\nToggle | Edits a boolean using a native switch-style toggle. | children=none | events=[change] | bindings=[value:boolean] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"helpText\":{\"type\":[\"string\",\"null\"]},\"label\":{\"type\":\"string\"},\"required\":{\"type\":[\"boolean\",\"null\"]},\"validateOn\":{\"enum\":[\"blur\",\"change\",\"submit\",null],\"type\":[\"string\",\"null\"]},\"validation\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"max\":{\"type\":[\"number\",\"null\"]},\"message\":{\"type\":\"string\"},\"min\":{\"type\":[\"number\",\"null\"]},\"rule\":{\"enum\":[\"required\",\"email\",\"url\",\"minLength\",\"maxLength\",\"range\"],\"type\":\"string\"},\"value\":{\"minimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[\"rule\",\"message\"],\"type\":\"object\"},\"type\":\"array\"}},\"required\":[\"label\"],\"type\":\"object\"}\nVALIDATION RULES\nrequired | arguments=[] | values=[string,number,bool,null] | Reject null, non-scalar values, nonfinite numbers, and strings containing only whitespace or newlines.\nemail | arguments=[] | values=[string] | Require exactly one @, nonempty local and domain sides, and no whitespace; this is intentionally not RFC 5322.\nurl | arguments=[] | values=[string] | Require URLComponents to produce a nonempty scheme and host.\nminLength | arguments=[value] | values=[string] | Require String.count to be at least the nonnegative value; String.count measures extended grapheme clusters.\nmaxLength | arguments=[value] | values=[string] | Require String.count to be at most the nonnegative value; String.count measures extended grapheme clusters.\nrange | arguments=[min,max] | values=[number] | Require a finite number inside the inclusive finite min and max bounds; at least one bound is required.\n","customComponents":[],"task":"compile","version":"genui-compiler-task-v1"}

[Assistant] {"elements":{"contactCard":{"children":["emailField","preview"],"props":{"description":"Add the address for the next support update","title":"Escalation contact"},"type":"Card"},"emailField":{"bind":{"value":"/contactEmail"},"on":{"change":{"action":"support.contactEmailChanged","params":{"address":{"$state":"/contactEmail"}}}},"props":{"contentType":"emailAddress","keyboard":"emailAddress","label":"Contact email","placeholder":"agent@example.com","submitLabel":"continue","validation":[{"message":"A contact email is required","rule":"required"},{"message":"Enter a valid email address","rule":"email"}]},"type":"TextField"},"preview":{"props":{"text":{"$state":"/contactEmail"},"variant":"caption"},"type":"Text"}},"root":"contactCard","state":{"contactEmail":"helpdesk@example.com"}}


[System] You are the GenUI compiler. Return exactly one canonical GenUI document as a JSON object. Return no prose, Markdown, code fences, or reasoning content. Use only components and contracts supplied in the current catalog and app-specific descriptors.

[User] {"brief":"Create a new constraints-focused GenUI interface inspired by volume slider. A bounded numeric value with a deterministic value label. Design a spacious composition for support agents during a compact mobile workflow, emphasizing scanability. Change the wording, values, IDs, and composition rather than copying the reference verbatim. Mechanical requirements: include at least 1 Slider component; include at least two distinct supported boundary, validation, size, range, or collection constraints on Slider. Dimension implementation guidance: For the constraint contract, set at least two of props.min, props.max, and props.step; do not duplicate equivalent required constraints.","catalog":"Alert | Displays a themed semantic status message. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"message\":{\"type\":[\"string\",\"null\"]},\"severity\":{\"enum\":[\"info\",\"success\",\"warning\",\"error\"],\"type\":\"string\"},\"title\":{\"type\":\"string\"}},\"required\":[\"title\"],\"type\":\"object\"}\nAvatar | Displays a resolved profile image or deterministic initials. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"name\":{\"type\":\"string\"},\"size\":{\"enum\":[\"sm\",\"md\",\"lg\"],\"type\":\"string\"},\"src\":{\"type\":[\"string\",\"null\"]}},\"required\":[\"name\"],\"type\":\"object\"}\nBadge | Displays a compact semantic status label. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"text\":{\"type\":\"string\"},\"variant\":{\"enum\":[\"default\",\"secondary\",\"destructive\",\"outline\",null],\"type\":[\"string\",\"null\"]}},\"required\":[\"text\"],\"type\":\"object\"}\nBarChart | Plots labeled numeric data as native bars. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"data\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"label\":{\"type\":\"string\"},\"value\":{\"type\":\"number\"}},\"required\":[\"label\",\"value\"],\"type\":\"object\"},\"type\":\"array\"},\"title\":{\"type\":[\"string\",\"null\"]}},\"required\":[\"data\"],\"type\":\"object\"}\nButton | Invokes host-defined actions when pressed. | children=none | events=[press] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"label\":{\"type\":\"string\"},\"role\":{\"enum\":[\"action\",\"submit\",null],\"type\":[\"string\",\"null\"]},\"variant\":{\"enum\":[\"primary\",\"secondary\",\"danger\",null],\"type\":[\"string\",\"null\"]}},\"required\":[\"label\"],\"type\":\"object\"}\nCard | Groups related child content on a themed surface. | children=arbitrary | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"centered\":{\"type\":[\"boolean\",\"null\"]},\"description\":{\"type\":[\"string\",\"null\"]},\"maxWidth\":{\"enum\":[\"sm\",\"md\",\"lg\",\"full\",null],\"type\":[\"string\",\"null\"]},\"title\":{\"type\":[\"string\",\"null\"]}},\"required\":[],\"type\":\"object\"}\nCheckbox | Edits a boolean using an accessible checkbox row. | children=none | events=[change] | bindings=[value:boolean] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"helpText\":{\"type\":[\"string\",\"null\"]},\"label\":{\"type\":\"string\"},\"required\":{\"type\":[\"boolean\",\"null\"]},\"validateOn\":{\"enum\":[\"blur\",\"change\",\"submit\",null],\"type\":[\"string\",\"null\"]},\"validation\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"max\":{\"type\":[\"number\",\"null\"]},\"message\":{\"type\":\"string\"},\"min\":{\"type\":[\"number\",\"null\"]},\"rule\":{\"enum\":[\"required\",\"email\",\"url\",\"minLength\",\"maxLength\",\"range\"],\"type\":\"string\"},\"value\":{\"minimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[\"rule\",\"message\"],\"type\":\"object\"},\"type\":\"array\"}},\"required\":[\"label\"],\"type\":\"object\"}\nForm | Coordinates validation, focus, disabled state, and semantic submission for descendant fields. | children=arbitrary | events=[submit] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"spacing\":{\"enum\":[\"sm\",\"md\",\"lg\",null],\"type\":[\"string\",\"null\"]}},\"required\":[],\"type\":\"object\"}\nFormSection | Groups titled form content inside the nearest enclosing Form. | children=arbitrary | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"footer\":{\"type\":[\"string\",\"null\"]},\"spacing\":{\"enum\":[\"sm\",\"md\",\"lg\",null],\"type\":[\"string\",\"null\"]},\"title\":{\"type\":[\"string\",\"null\"]}},\"required\":[],\"type\":\"object\"}\nGrid | Arranges child elements in an adaptive grid. | children=arbitrary | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"columns\":{\"maximum\":6,\"minimum\":1,\"type\":[\"number\",\"null\"]},\"gap\":{\"enum\":[\"sm\",\"md\",\"lg\",\"xl\",null],\"type\":[\"string\",\"null\"]},\"minColumnWidth\":{\"exclusiveMinimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[],\"type\":\"object\"}\nHeading | Displays semantic heading text. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"level\":{\"enum\":[\"h1\",\"h2\",\"h3\",\"h4\",null],\"type\":[\"string\",\"null\"]},\"text\":{\"type\":\"string\"}},\"required\":[\"text\"],\"type\":\"object\"}\nIcon | Displays a curated semantic SF Symbol token. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"name\":{\"type\":\"string\"},\"size\":{\"enum\":[\"sm\",\"md\",\"lg\",null],\"type\":[\"string\",\"null\"]}},\"required\":[\"name\"],\"type\":\"object\"}\nImage | Displays a remotely resolved image or deterministic fallback. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"alt\":{\"type\":\"string\"},\"fit\":{\"enum\":[\"fit\",\"fill\",null],\"type\":[\"string\",\"null\"]},\"height\":{\"exclusiveMinimum\":0,\"type\":[\"number\",\"null\"]},\"src\":{\"type\":[\"string\",\"null\"]},\"width\":{\"exclusiveMinimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[\"alt\"],\"type\":\"object\"}\nLineChart | Plots labeled numeric data as a native line and points. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"data\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"label\":{\"type\":\"string\"},\"value\":{\"type\":\"number\"}},\"required\":[\"label\",\"value\"],\"type\":\"object\"},\"type\":\"array\"},\"title\":{\"type\":[\"string\",\"null\"]}},\"required\":[\"data\"],\"type\":\"object\"}\nMetric | Displays a labeled value with an optional trend delta. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"delta\":{\"type\":[\"string\",\"null\"]},\"label\":{\"type\":\"string\"},\"trend\":{\"enum\":[\"up\",\"down\",\"neutral\",null],\"type\":[\"string\",\"null\"]},\"value\":{\"type\":\"string\"}},\"required\":[\"label\",\"value\"],\"type\":\"object\"}\nPicker | Selects one enabled scalar option using a native picker. | children=none | events=[change] | bindings=[value:scalar] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"helpText\":{\"type\":[\"string\",\"null\"]},\"label\":{\"type\":\"string\"},\"options\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"label\":{\"type\":\"string\"},\"value\":{\"type\":[\"string\",\"number\",\"boolean\",\"null\"]}},\"required\":[\"label\",\"value\"],\"type\":\"object\"},\"minItems\":1,\"type\":\"array\"},\"required\":{\"type\":[\"boolean\",\"null\"]},\"style\":{\"enum\":[\"automatic\",\"menu\",\"segmented\",\"inline\",null],\"type\":[\"string\",\"null\"]},\"validateOn\":{\"enum\":[\"blur\",\"change\",\"submit\",null],\"type\":[\"string\",\"null\"]},\"validation\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"max\":{\"type\":[\"number\",\"null\"]},\"message\":{\"type\":\"string\"},\"min\":{\"type\":[\"number\",\"null\"]},\"rule\":{\"enum\":[\"required\",\"email\",\"url\",\"minLength\",\"maxLength\",\"range\"],\"type\":\"string\"},\"value\":{\"minimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[\"rule\",\"message\"],\"type\":\"object\"},\"type\":\"array\"}},\"required\":[\"label\",\"options\"],\"type\":\"object\"}\nProgress | Displays determinate progress toward a maximum value. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"label\":{\"type\":[\"string\",\"null\"]},\"max\":{\"exclusiveMinimum\":0,\"type\":[\"number\",\"null\"]},\"value\":{\"type\":\"number\"}},\"required\":[\"value\"],\"type\":\"object\"}\nRadioGroup | Selects one enabled scalar option from an accessible radio group. | children=none | events=[change] | bindings=[value:scalar] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"helpText\":{\"type\":[\"string\",\"null\"]},\"label\":{\"type\":\"string\"},\"options\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"label\":{\"type\":\"string\"},\"value\":{\"type\":[\"string\",\"number\",\"boolean\",\"null\"]}},\"required\":[\"label\",\"value\"],\"type\":\"object\"},\"minItems\":1,\"type\":\"array\"},\"orientation\":{\"enum\":[\"vertical\",\"horizontal\",null],\"type\":[\"string\",\"null\"]},\"required\":{\"type\":[\"boolean\",\"null\"]},\"validateOn\":{\"enum\":[\"blur\",\"change\",\"submit\",null],\"type\":[\"string\",\"null\"]},\"validation\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"max\":{\"type\":[\"number\",\"null\"]},\"message\":{\"type\":\"string\"},\"min\":{\"type\":[\"number\",\"null\"]},\"rule\":{\"enum\":[\"required\",\"email\",\"url\",\"minLength\",\"maxLength\",\"range\"],\"type\":\"string\"},\"value\":{\"minimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[\"rule\",\"message\"],\"type\":\"object\"},\"type\":\"array\"}},\"required\":[\"label\",\"options\"],\"type\":\"object\"}\nSeparator | Draws a horizontal or vertical semantic separator. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"orientation\":{\"enum\":[\"horizontal\",\"vertical\",null],\"type\":[\"string\",\"null\"]}},\"required\":[],\"type\":\"object\"}\nSkeleton | Displays a noninteractive loading placeholder. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"height\":{\"exclusiveMinimum\":0,\"type\":[\"number\",\"null\"]},\"shape\":{\"enum\":[\"rectangle\",\"capsule\",\"circle\"],\"type\":\"string\"},\"width\":{\"exclusiveMinimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[],\"type\":\"object\"}\nSlider | Edits a finite number within explicit bounds using a native slider. | children=none | events=[change] | bindings=[value:number] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"accessibilityLabel\":{\"type\":[\"string\",\"null\"]},\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"helpText\":{\"type\":[\"string\",\"null\"]},\"label\":{\"type\":[\"string\",\"null\"]},\"max\":{\"type\":\"number\"},\"min\":{\"type\":\"number\"},\"required\":{\"type\":[\"boolean\",\"null\"]},\"showValue\":{\"type\":[\"boolean\",\"null\"]},\"step\":{\"type\":\"number\"},\"validateOn\":{\"enum\":[\"blur\",\"change\",\"submit\",null],\"type\":[\"string\",\"null\"]},\"validation\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"max\":{\"type\":[\"number\",\"null\"]},\"message\":{\"type\":\"string\"},\"min\":{\"type\":[\"number\",\"null\"]},\"rule\":{\"enum\":[\"required\",\"email\",\"url\",\"minLength\",\"maxLength\",\"range\"],\"type\":\"string\"},\"value\":{\"minimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[\"rule\",\"message\"],\"type\":\"object\"},\"type\":\"array\"}},\"required\":[\"max\",\"min\",\"step\"],\"type\":\"object\"}\nSpacer | Adds fixed or flexible space. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"flex\":{\"minimum\":0,\"type\":[\"number\",\"null\"]},\"size\":{\"minimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[],\"type\":\"object\"}\nSpinner | Displays native indeterminate progress with an optional label. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"label\":{\"type\":[\"string\",\"null\"]},\"size\":{\"enum\":[\"sm\",\"md\",\"lg\"],\"type\":\"string\"}},\"required\":[],\"type\":\"object\"}\nStack | Arranges child elements horizontally or vertically. | children=arbitrary | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"align\":{\"enum\":[\"start\",\"center\",\"end\",\"stretch\",null],\"type\":[\"string\",\"null\"]},\"direction\":{\"enum\":[\"horizontal\",\"vertical\",null],\"type\":[\"string\",\"null\"]},\"gap\":{\"enum\":[\"none\",\"sm\",\"md\",\"lg\",\"xl\",null],\"type\":[\"string\",\"null\"]},\"justify\":{\"enum\":[\"start\",\"center\",\"end\",\"between\",\"around\",null],\"type\":[\"string\",\"null\"]}},\"required\":[],\"type\":\"object\"}\nTable | Displays scalar row data as an adaptive table or compact list. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"caption\":{\"type\":[\"string\",\"null\"]},\"columns\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"alignment\":{\"enum\":[\"leading\",\"center\",\"trailing\",null],\"type\":[\"string\",\"null\"]},\"key\":{\"type\":\"string\"},\"label\":{\"type\":\"string\"}},\"required\":[\"key\",\"label\"],\"type\":\"object\"},\"minItems\":1,\"type\":\"array\"},\"rows\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"cells\":{\"additionalProperties\":true,\"properties\":{},\"type\":\"object\"},\"id\":{\"type\":[\"string\",\"null\"]}},\"required\":[\"cells\"],\"type\":\"object\"},\"type\":\"array\"}},\"required\":[\"columns\",\"rows\"],\"type\":\"object\"}\nText | Displays themed body, caption, lead, muted, or code text. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"text\":{\"type\":\"string\"},\"variant\":{\"enum\":[\"body\",\"caption\",\"muted\",\"lead\",\"code\",null],\"type\":[\"string\",\"null\"]}},\"required\":[\"text\"],\"type\":\"object\"}\nTextEditor | Edits a bounded multiline string using the native text editor. | children=none | events=[change] | bindings=[value:string] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"accessibilityLabel\":{\"type\":[\"string\",\"null\"]},\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"helpText\":{\"type\":[\"string\",\"null\"]},\"label\":{\"type\":[\"string\",\"null\"]},\"maxLength\":{\"minimum\":1,\"type\":[\"number\",\"null\"]},\"placeholder\":{\"type\":[\"string\",\"null\"]},\"required\":{\"type\":[\"boolean\",\"null\"]},\"validateOn\":{\"enum\":[\"blur\",\"change\",\"submit\",null],\"type\":[\"string\",\"null\"]},\"validation\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"max\":{\"type\":[\"number\",\"null\"]},\"message\":{\"type\":\"string\"},\"min\":{\"type\":[\"number\",\"null\"]},\"rule\":{\"enum\":[\"required\",\"email\",\"url\",\"minLength\",\"maxLength\",\"range\"],\"type\":\"string\"},\"value\":{\"minimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[\"rule\",\"message\"],\"type\":\"object\"},\"type\":\"array\"}},\"required\":[],\"type\":\"object\"}\nTextField | Edits a single-line string using native text or secure entry. | children=none | events=[change] | bindings=[value:string] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"accessibilityLabel\":{\"type\":[\"string\",\"null\"]},\"autocorrection\":{\"enum\":[\"default\",\"enabled\",\"disabled\",null],\"type\":[\"string\",\"null\"]},\"capitalization\":{\"enum\":[\"never\",\"words\",\"sentences\",\"characters\",null],\"type\":[\"string\",\"null\"]},\"contentType\":{\"enum\":[\"name\",\"givenName\",\"familyName\",\"nickname\",\"organizationName\",\"jobTitle\",\"location\",\"streetAddressLine1\",\"streetAddressLine2\",\"addressCity\",\"addressState\",\"postalCode\",\"countryName\",\"telephoneNumber\",\"emailAddress\",\"username\",\"password\",\"newPassword\",\"oneTimeCode\",\"url\",null],\"type\":[\"string\",\"null\"]},\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"helpText\":{\"type\":[\"string\",\"null\"]},\"keyboard\":{\"enum\":[\"default\",\"ascii\",\"numbersAndPunctuation\",\"url\",\"numberPad\",\"phonePad\",\"emailAddress\",\"decimalPad\",null],\"type\":[\"string\",\"null\"]},\"label\":{\"type\":[\"string\",\"null\"]},\"placeholder\":{\"type\":[\"string\",\"null\"]},\"required\":{\"type\":[\"boolean\",\"null\"]},\"secure\":{\"type\":[\"boolean\",\"null\"]},\"submitLabel\":{\"enum\":[\"done\",\"go\",\"send\",\"join\",\"route\",\"search\",\"return\",\"next\",\"continue\",null],\"type\":[\"string\",\"null\"]},\"validateOn\":{\"enum\":[\"blur\",\"change\",\"submit\",null],\"type\":[\"string\",\"null\"]},\"validation\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"max\":{\"type\":[\"number\",\"null\"]},\"message\":{\"type\":\"string\"},\"min\":{\"type\":[\"number\",\"null\"]},\"rule\":{\"enum\":[\"required\",\"email\",\"url\",\"minLength\",\"maxLength\",\"range\"],\"type\":\"string\"},\"value\":{\"minimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[\"rule\",\"message\"],\"type\":\"object\"},\"type\":\"array\"}},\"required\":[],\"type\":\"object\"}\nToggle | Edits a boolean using a native switch-style toggle. | children=none | events=[change] | bindings=[value:boolean] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"helpText\":{\"type\":[\"string\",\"null\"]},\"label\":{\"type\":\"string\"},\"required\":{\"type\":[\"boolean\",\"null\"]},\"validateOn\":{\"enum\":[\"blur\",\"change\",\"submit\",null],\"type\":[\"string\",\"null\"]},\"validation\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"max\":{\"type\":[\"number\",\"null\"]},\"message\":{\"type\":\"string\"},\"min\":{\"type\":[\"number\",\"null\"]},\"rule\":{\"enum\":[\"required\",\"email\",\"url\",\"minLength\",\"maxLength\",\"range\"],\"type\":\"string\"},\"value\":{\"minimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[\"rule\",\"message\"],\"type\":\"object\"},\"type\":\"array\"}},\"required\":[\"label\"],\"type\":\"object\"}\nVALIDATION RULES\nrequired | arguments=[] | values=[string,number,bool,null] | Reject null, non-scalar values, nonfinite numbers, and strings containing only whitespace or newlines.\nemail | arguments=[] | values=[string] | Require exactly one @, nonempty local and domain sides, and no whitespace; this is intentionally not RFC 5322.\nurl | arguments=[] | values=[string] | Require URLComponents to produce a nonempty scheme and host.\nminLength | arguments=[value] | values=[string] | Require String.count to be at least the nonnegative value; String.count measures extended grapheme clusters.\nmaxLength | arguments=[value] | values=[string] | Require String.count to be at most the nonnegative value; String.count measures extended grapheme clusters.\nrange | arguments=[min,max] | values=[number] | Require a finite number inside the inclusive finite min and max bounds; at least one bound is required.\n","customComponents":[],"task":"compile","version":"genui-compiler-task-v1"}

[Assistant] {"elements":{"audioCard":{"children":["volumeSlider","volumeReadout"],"props":{"description":"Set a comfortable volume before reviewing the recording","title":"Call playback"},"type":"Card"},"volumeReadout":{"props":{"text":{"$state":"/volumeLabel"},"variant":"caption"},"type":"Text"},"volumeSlider":{"bind":{"value":"/callVolume"},"on":{"change":{"action":"call.volumeChanged","params":{"volume":{"$state":"/callVolume"}}}},"props":{"helpText":"Use a quiet level when working in a shared support space.","label":"Playback volume","max":1,"min":0,"showValue":true,"step":0.05},"type":"Slider"}},"root":"audioCard","state":{"callVolume":0.65,"volumeLabel":"Playback volume is set to 65 percent."}}


[System] You are the GenUI compiler. Return exactly one canonical GenUI document as a JSON object. Return no prose, Markdown, code fences, or reasoning content. Use only components and contracts supplied in the current catalog and app-specific descriptors.

[User] {"brief":"Create a new content-focused GenUI interface inspired by volume slider. A bounded numeric value with a deterministic value label. Design a compact composition for analysts during an account overview, emphasizing scanability. Change the wording, values, IDs, and composition rather than copying the reference verbatim. The result must use the supplied app component SupportSLAStatus. Mechanical requirements: include at least 1 Slider component; include at least four distinct user-facing strings on Slider's semantic content surface or container subtree; include at least 1 SupportSLAStatus component.","catalog":"Alert | Displays a themed semantic status message. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"message\":{\"type\":[\"string\",\"null\"]},\"severity\":{\"enum\":[\"info\",\"success\",\"warning\",\"error\"],\"type\":\"string\"},\"title\":{\"type\":\"string\"}},\"required\":[\"title\"],\"type\":\"object\"}\nAvatar | Displays a resolved profile image or deterministic initials. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"name\":{\"type\":\"string\"},\"size\":{\"enum\":[\"sm\",\"md\",\"lg\"],\"type\":\"string\"},\"src\":{\"type\":[\"string\",\"null\"]}},\"required\":[\"name\"],\"type\":\"object\"}\nBadge | Displays a compact semantic status label. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"text\":{\"type\":\"string\"},\"variant\":{\"enum\":[\"default\",\"secondary\",\"destructive\",\"outline\",null],\"type\":[\"string\",\"null\"]}},\"required\":[\"text\"],\"type\":\"object\"}\nBarChart | Plots labeled numeric data as native bars. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"data\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"label\":{\"type\":\"string\"},\"value\":{\"type\":\"number\"}},\"required\":[\"label\",\"value\"],\"type\":\"object\"},\"type\":\"array\"},\"title\":{\"type\":[\"string\",\"null\"]}},\"required\":[\"data\"],\"type\":\"object\"}\nButton | Invokes host-defined actions when pressed. | children=none | events=[press] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"label\":{\"type\":\"string\"},\"role\":{\"enum\":[\"action\",\"submit\",null],\"type\":[\"string\",\"null\"]},\"variant\":{\"enum\":[\"primary\",\"secondary\",\"danger\",null],\"type\":[\"string\",\"null\"]}},\"required\":[\"label\"],\"type\":\"object\"}\nCard | Groups related child content on a themed surface. | children=arbitrary | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"centered\":{\"type\":[\"boolean\",\"null\"]},\"description\":{\"type\":[\"string\",\"null\"]},\"maxWidth\":{\"enum\":[\"sm\",\"md\",\"lg\",\"full\",null],\"type\":[\"string\",\"null\"]},\"title\":{\"type\":[\"string\",\"null\"]}},\"required\":[],\"type\":\"object\"}\nCheckbox | Edits a boolean using an accessible checkbox row. | children=none | events=[change] | bindings=[value:boolean] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"helpText\":{\"type\":[\"string\",\"null\"]},\"label\":{\"type\":\"string\"},\"required\":{\"type\":[\"boolean\",\"null\"]},\"validateOn\":{\"enum\":[\"blur\",\"change\",\"submit\",null],\"type\":[\"string\",\"null\"]},\"validation\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"max\":{\"type\":[\"number\",\"null\"]},\"message\":{\"type\":\"string\"},\"min\":{\"type\":[\"number\",\"null\"]},\"rule\":{\"enum\":[\"required\",\"email\",\"url\",\"minLength\",\"maxLength\",\"range\"],\"type\":\"string\"},\"value\":{\"minimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[\"rule\",\"message\"],\"type\":\"object\"},\"type\":\"array\"}},\"required\":[\"label\"],\"type\":\"object\"}\nForm | Coordinates validation, focus, disabled state, and semantic submission for descendant fields. | children=arbitrary | events=[submit] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"spacing\":{\"enum\":[\"sm\",\"md\",\"lg\",null],\"type\":[\"string\",\"null\"]}},\"required\":[],\"type\":\"object\"}\nFormSection | Groups titled form content inside the nearest enclosing Form. | children=arbitrary | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"footer\":{\"type\":[\"string\",\"null\"]},\"spacing\":{\"enum\":[\"sm\",\"md\",\"lg\",null],\"type\":[\"string\",\"null\"]},\"title\":{\"type\":[\"string\",\"null\"]}},\"required\":[],\"type\":\"object\"}\nGrid | Arranges child elements in an adaptive grid. | children=arbitrary | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"columns\":{\"maximum\":6,\"minimum\":1,\"type\":[\"number\",\"null\"]},\"gap\":{\"enum\":[\"sm\",\"md\",\"lg\",\"xl\",null],\"type\":[\"string\",\"null\"]},\"minColumnWidth\":{\"exclusiveMinimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[],\"type\":\"object\"}\nHeading | Displays semantic heading text. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"level\":{\"enum\":[\"h1\",\"h2\",\"h3\",\"h4\",null],\"type\":[\"string\",\"null\"]},\"text\":{\"type\":\"string\"}},\"required\":[\"text\"],\"type\":\"object\"}\nIcon | Displays a curated semantic SF Symbol token. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"name\":{\"type\":\"string\"},\"size\":{\"enum\":[\"sm\",\"md\",\"lg\",null],\"type\":[\"string\",\"null\"]}},\"required\":[\"name\"],\"type\":\"object\"}\nImage | Displays a remotely resolved image or deterministic fallback. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"alt\":{\"type\":\"string\"},\"fit\":{\"enum\":[\"fit\",\"fill\",null],\"type\":[\"string\",\"null\"]},\"height\":{\"exclusiveMinimum\":0,\"type\":[\"number\",\"null\"]},\"src\":{\"type\":[\"string\",\"null\"]},\"width\":{\"exclusiveMinimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[\"alt\"],\"type\":\"object\"}\nLineChart | Plots labeled numeric data as a native line and points. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"data\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"label\":{\"type\":\"string\"},\"value\":{\"type\":\"number\"}},\"required\":[\"label\",\"value\"],\"type\":\"object\"},\"type\":\"array\"},\"title\":{\"type\":[\"string\",\"null\"]}},\"required\":[\"data\"],\"type\":\"object\"}\nMetric | Displays a labeled value with an optional trend delta. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"delta\":{\"type\":[\"string\",\"null\"]},\"label\":{\"type\":\"string\"},\"trend\":{\"enum\":[\"up\",\"down\",\"neutral\",null],\"type\":[\"string\",\"null\"]},\"value\":{\"type\":\"string\"}},\"required\":[\"label\",\"value\"],\"type\":\"object\"}\nPicker | Selects one enabled scalar option using a native picker. | children=none | events=[change] | bindings=[value:scalar] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"helpText\":{\"type\":[\"string\",\"null\"]},\"label\":{\"type\":\"string\"},\"options\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"label\":{\"type\":\"string\"},\"value\":{\"type\":[\"string\",\"number\",\"boolean\",\"null\"]}},\"required\":[\"label\",\"value\"],\"type\":\"object\"},\"minItems\":1,\"type\":\"array\"},\"required\":{\"type\":[\"boolean\",\"null\"]},\"style\":{\"enum\":[\"automatic\",\"menu\",\"segmented\",\"inline\",null],\"type\":[\"string\",\"null\"]},\"validateOn\":{\"enum\":[\"blur\",\"change\",\"submit\",null],\"type\":[\"string\",\"null\"]},\"validation\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"max\":{\"type\":[\"number\",\"null\"]},\"message\":{\"type\":\"string\"},\"min\":{\"type\":[\"number\",\"null\"]},\"rule\":{\"enum\":[\"required\",\"email\",\"url\",\"minLength\",\"maxLength\",\"range\"],\"type\":\"string\"},\"value\":{\"minimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[\"rule\",\"message\"],\"type\":\"object\"},\"type\":\"array\"}},\"required\":[\"label\",\"options\"],\"type\":\"object\"}\nProgress | Displays determinate progress toward a maximum value. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"label\":{\"type\":[\"string\",\"null\"]},\"max\":{\"exclusiveMinimum\":0,\"type\":[\"number\",\"null\"]},\"value\":{\"type\":\"number\"}},\"required\":[\"value\"],\"type\":\"object\"}\nRadioGroup | Selects one enabled scalar option from an accessible radio group. | children=none | events=[change] | bindings=[value:scalar] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"helpText\":{\"type\":[\"string\",\"null\"]},\"label\":{\"type\":\"string\"},\"options\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"label\":{\"type\":\"string\"},\"value\":{\"type\":[\"string\",\"number\",\"boolean\",\"null\"]}},\"required\":[\"label\",\"value\"],\"type\":\"object\"},\"minItems\":1,\"type\":\"array\"},\"orientation\":{\"enum\":[\"vertical\",\"horizontal\",null],\"type\":[\"string\",\"null\"]},\"required\":{\"type\":[\"boolean\",\"null\"]},\"validateOn\":{\"enum\":[\"blur\",\"change\",\"submit\",null],\"type\":[\"string\",\"null\"]},\"validation\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"max\":{\"type\":[\"number\",\"null\"]},\"message\":{\"type\":\"string\"},\"min\":{\"type\":[\"number\",\"null\"]},\"rule\":{\"enum\":[\"required\",\"email\",\"url\",\"minLength\",\"maxLength\",\"range\"],\"type\":\"string\"},\"value\":{\"minimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[\"rule\",\"message\"],\"type\":\"object\"},\"type\":\"array\"}},\"required\":[\"label\",\"options\"],\"type\":\"object\"}\nSeparator | Draws a horizontal or vertical semantic separator. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"orientation\":{\"enum\":[\"horizontal\",\"vertical\",null],\"type\":[\"string\",\"null\"]}},\"required\":[],\"type\":\"object\"}\nSkeleton | Displays a noninteractive loading placeholder. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"height\":{\"exclusiveMinimum\":0,\"type\":[\"number\",\"null\"]},\"shape\":{\"enum\":[\"rectangle\",\"capsule\",\"circle\"],\"type\":\"string\"},\"width\":{\"exclusiveMinimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[],\"type\":\"object\"}\nSlider | Edits a finite number within explicit bounds using a native slider. | children=none | events=[change] | bindings=[value:number] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"accessibilityLabel\":{\"type\":[\"string\",\"null\"]},\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"helpText\":{\"type\":[\"string\",\"null\"]},\"label\":{\"type\":[\"string\",\"null\"]},\"max\":{\"type\":\"number\"},\"min\":{\"type\":\"number\"},\"required\":{\"type\":[\"boolean\",\"null\"]},\"showValue\":{\"type\":[\"boolean\",\"null\"]},\"step\":{\"type\":\"number\"},\"validateOn\":{\"enum\":[\"blur\",\"change\",\"submit\",null],\"type\":[\"string\",\"null\"]},\"validation\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"max\":{\"type\":[\"number\",\"null\"]},\"message\":{\"type\":\"string\"},\"min\":{\"type\":[\"number\",\"null\"]},\"rule\":{\"enum\":[\"required\",\"email\",\"url\",\"minLength\",\"maxLength\",\"range\"],\"type\":\"string\"},\"value\":{\"minimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[\"rule\",\"message\"],\"type\":\"object\"},\"type\":\"array\"}},\"required\":[\"max\",\"min\",\"step\"],\"type\":\"object\"}\nSpacer | Adds fixed or flexible space. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"flex\":{\"minimum\":0,\"type\":[\"number\",\"null\"]},\"size\":{\"minimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[],\"type\":\"object\"}\nSpinner | Displays native indeterminate progress with an optional label. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"label\":{\"type\":[\"string\",\"null\"]},\"size\":{\"enum\":[\"sm\",\"md\",\"lg\"],\"type\":\"string\"}},\"required\":[],\"type\":\"object\"}\nStack | Arranges child elements horizontally or vertically. | children=arbitrary | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"align\":{\"enum\":[\"start\",\"center\",\"end\",\"stretch\",null],\"type\":[\"string\",\"null\"]},\"direction\":{\"enum\":[\"horizontal\",\"vertical\",null],\"type\":[\"string\",\"null\"]},\"gap\":{\"enum\":[\"none\",\"sm\",\"md\",\"lg\",\"xl\",null],\"type\":[\"string\",\"null\"]},\"justify\":{\"enum\":[\"start\",\"center\",\"end\",\"between\",\"around\",null],\"type\":[\"string\",\"null\"]}},\"required\":[],\"type\":\"object\"}\nTable | Displays scalar row data as an adaptive table or compact list. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"caption\":{\"type\":[\"string\",\"null\"]},\"columns\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"alignment\":{\"enum\":[\"leading\",\"center\",\"trailing\",null],\"type\":[\"string\",\"null\"]},\"key\":{\"type\":\"string\"},\"label\":{\"type\":\"string\"}},\"required\":[\"key\",\"label\"],\"type\":\"object\"},\"minItems\":1,\"type\":\"array\"},\"rows\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"cells\":{\"additionalProperties\":true,\"properties\":{},\"type\":\"object\"},\"id\":{\"type\":[\"string\",\"null\"]}},\"required\":[\"cells\"],\"type\":\"object\"},\"type\":\"array\"}},\"required\":[\"columns\",\"rows\"],\"type\":\"object\"}\nText | Displays themed body, caption, lead, muted, or code text. | children=none | events=[] | bindings=[] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"text\":{\"type\":\"string\"},\"variant\":{\"enum\":[\"body\",\"caption\",\"muted\",\"lead\",\"code\",null],\"type\":[\"string\",\"null\"]}},\"required\":[\"text\"],\"type\":\"object\"}\nTextEditor | Edits a bounded multiline string using the native text editor. | children=none | events=[change] | bindings=[value:string] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"accessibilityLabel\":{\"type\":[\"string\",\"null\"]},\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"helpText\":{\"type\":[\"string\",\"null\"]},\"label\":{\"type\":[\"string\",\"null\"]},\"maxLength\":{\"minimum\":1,\"type\":[\"number\",\"null\"]},\"placeholder\":{\"type\":[\"string\",\"null\"]},\"required\":{\"type\":[\"boolean\",\"null\"]},\"validateOn\":{\"enum\":[\"blur\",\"change\",\"submit\",null],\"type\":[\"string\",\"null\"]},\"validation\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"max\":{\"type\":[\"number\",\"null\"]},\"message\":{\"type\":\"string\"},\"min\":{\"type\":[\"number\",\"null\"]},\"rule\":{\"enum\":[\"required\",\"email\",\"url\",\"minLength\",\"maxLength\",\"range\"],\"type\":\"string\"},\"value\":{\"minimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[\"rule\",\"message\"],\"type\":\"object\"},\"type\":\"array\"}},\"required\":[],\"type\":\"object\"}\nTextField | Edits a single-line string using native text or secure entry. | children=none | events=[change] | bindings=[value:string] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"accessibilityLabel\":{\"type\":[\"string\",\"null\"]},\"autocorrection\":{\"enum\":[\"default\",\"enabled\",\"disabled\",null],\"type\":[\"string\",\"null\"]},\"capitalization\":{\"enum\":[\"never\",\"words\",\"sentences\",\"characters\",null],\"type\":[\"string\",\"null\"]},\"contentType\":{\"enum\":[\"name\",\"givenName\",\"familyName\",\"nickname\",\"organizationName\",\"jobTitle\",\"location\",\"streetAddressLine1\",\"streetAddressLine2\",\"addressCity\",\"addressState\",\"postalCode\",\"countryName\",\"telephoneNumber\",\"emailAddress\",\"username\",\"password\",\"newPassword\",\"oneTimeCode\",\"url\",null],\"type\":[\"string\",\"null\"]},\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"helpText\":{\"type\":[\"string\",\"null\"]},\"keyboard\":{\"enum\":[\"default\",\"ascii\",\"numbersAndPunctuation\",\"url\",\"numberPad\",\"phonePad\",\"emailAddress\",\"decimalPad\",null],\"type\":[\"string\",\"null\"]},\"label\":{\"type\":[\"string\",\"null\"]},\"placeholder\":{\"type\":[\"string\",\"null\"]},\"required\":{\"type\":[\"boolean\",\"null\"]},\"secure\":{\"type\":[\"boolean\",\"null\"]},\"submitLabel\":{\"enum\":[\"done\",\"go\",\"send\",\"join\",\"route\",\"search\",\"return\",\"next\",\"continue\",null],\"type\":[\"string\",\"null\"]},\"validateOn\":{\"enum\":[\"blur\",\"change\",\"submit\",null],\"type\":[\"string\",\"null\"]},\"validation\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"max\":{\"type\":[\"number\",\"null\"]},\"message\":{\"type\":\"string\"},\"min\":{\"type\":[\"number\",\"null\"]},\"rule\":{\"enum\":[\"required\",\"email\",\"url\",\"minLength\",\"maxLength\",\"range\"],\"type\":\"string\"},\"value\":{\"minimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[\"rule\",\"message\"],\"type\":\"object\"},\"type\":\"array\"}},\"required\":[],\"type\":\"object\"}\nToggle | Edits a boolean using a native switch-style toggle. | children=none | events=[change] | bindings=[value:boolean] | props={\"$schema\":\"https:\\/\\/json-schema.org\\/draft\\/2020-12\\/schema\",\"additionalProperties\":false,\"properties\":{\"disabled\":{\"type\":[\"boolean\",\"null\"]},\"helpText\":{\"type\":[\"string\",\"null\"]},\"label\":{\"type\":\"string\"},\"required\":{\"type\":[\"boolean\",\"null\"]},\"validateOn\":{\"enum\":[\"blur\",\"change\",\"submit\",null],\"type\":[\"string\",\"null\"]},\"validation\":{\"items\":{\"additionalProperties\":false,\"properties\":{\"max\":{\"type\":[\"number\",\"null\"]},\"message\":{\"type\":\"string\"},\"min\":{\"type\":[\"number\",\"null\"]},\"rule\":{\"enum\":[\"required\",\"email\",\"url\",\"minLength\",\"maxLength\",\"range\"],\"type\":\"string\"},\"value\":{\"minimum\":0,\"type\":[\"number\",\"null\"]}},\"required\":[\"rule\",\"message\"],\"type\":\"object\"},\"type\":\"array\"}},\"required\":[\"label\"],\"type\":\"object\"}\nVALIDATION RULES\nrequired | arguments=[] | values=[string,number,bool,null] | Reject null, non-scalar values, nonfinite numbers, and strings containing only whitespace or newlines.\nemail | arguments=[] | values=[string] | Require exactly one @, nonempty local and domain sides, and no whitespace; this is intentionally not RFC 5322.\nurl | arguments=[] | values=[string] | Require URLComponents to produce a nonempty scheme and host.\nminLength | arguments=[value] | values=[string] | Require String.count to be at least the nonnegative value; String.count measures extended grapheme clusters.\nmaxLength | arguments=[value] | values=[string] | Require String.count to be at most the nonnegative value; String.count measures extended grapheme clusters.\nrange | arguments=[min,max] | values=[number] | Require a finite number inside the inclusive finite min and max bounds; at least one bound is required.\n","customComponents":[{"bindings":[{"description":"Writable acknowledgement state.","name":"acknowledged","required":false,"valueKind":"boolean"}],"children":"none","description":"Shows queue urgency, supports acknowledgement state, and can dispatch an escalation.","events":[{"description":"Escalates a breached queue to the duty lead.","name":"escalate"}],"examples":[{"description":"A queue nearing its SLA.","props":{"queue":"Priority","severity":"warning","targetMinutes":30}}],"propsSchema":{"$schema":"https://json-schema.org/draft/2020-12/schema","additionalProperties":false,"properties":{"queue":{"minLength":1,"type":"string"},"severity":{"enum":["normal","warning","breached"],"type":"string"},"targetMinutes":{"minimum":1,"type":"number"}},"required":["queue","severity","targetMinutes"],"type":"object"},"tags":["app-specific","support"],"typeName":"SupportSLAStatus"}],"task":"compile","version":"genui-compiler-task-v1"}

[Assistant] {"elements":{"acknowledgementNote":{"props":{"text":"Acknowledge the queue before escalating to the duty lead.","variant":"muted"},"type":"Text"},"slaOverview":{"children":["volumeControl","volumeHelp","slaStatus","acknowledgementNote"],"props":{"description":"Tune alert sensitivity for the analyst workspace","maxWidth":"md","title":"Support queue controls"},"type":"Card"},"slaStatus":{"bind":{"acknowledged":"/acknowledged"},"on":{"escalate":{"action":"escalateQueue","params":{"acknowledged":{"$state":"/acknowledged"},"queue":{"$state":"/activeQueue"}}}},"props":{"queue":"Priority queue","severity":"warning","targetMinutes":30},"type":"SupportSLAStatus"},"volumeControl":{"bind":{"value":"/alertVolume"},"props":{"accessibilityLabel":"Support alert volume","helpText":"Choose how prominently queue warnings appear.","label":"Alert volume","max":1,"min":0,"showValue":true,"step":0.1},"type":"Slider"},"volumeHelp":{"props":{"text":"Current threshold: moderate notification intensity","variant":"caption"},"type":"Text"}},"root":"slaOverview","state":{"acknowledged":false,"activeQueue":"Priority queue","alertVolume":0.5}}