[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 status handoff, 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":["contactForm"],"props":{"centered":true,"description":"Confirm where the handoff summary should be sent","maxWidth":"md","title":"Receiving agent contact"},"type":"Card"},"contactForm":{"children":["recipientEmail","submitContact"],"props":{"spacing":"lg"},"type":"Form"},"recipientEmail":{"bind":{"value":"/recipient/email"},"on":{"change":{"action":"recipientEmail.changed","params":{"email":{"$state":"/recipient/email"}}}},"props":{"contentType":"emailAddress","keyboard":"emailAddress","label":"Receiving agent email","placeholder":"agent@example.com","required":true,"submitLabel":"continue","validation":[{"message":"A receiving email is required","rule":"required"},{"message":"Enter a valid receiving email","rule":"email"}]},"type":"TextField"},"submitContact":{"props":{"label":"Continue handoff","role":"submit","variant":"primary"},"type":"Button"}},"root":"contactCard","state":{"recipient":{"email":"samira@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 bindings-focused GenUI interface inspired by email text field. A bound native field with email semantics and validation. Design a compact composition for project leads 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":{"email-card":{"children":["email-layout"],"props":{"description":"Use a work address for release updates","maxWidth":"sm","title":"Project lead contact"},"type":"Card"},"email-field":{"bind":{"value":"/contactEmail"},"on":{"change":{"action":"contactEmail.updated","params":{"email":{"$state":"/contactEmail"}}}},"props":{"contentType":"emailAddress","keyboard":"emailAddress","label":"Work email","placeholder":"lead@company.com","submitLabel":"continue","validation":[{"message":"A work email is required","rule":"required"},{"message":"Enter a valid work email","rule":"email"}]},"type":"TextField"},"email-layout":{"children":["email-field","email-preview"],"props":{"direction":"vertical","gap":"sm"},"type":"Stack"},"email-preview":{"props":{"text":{"$state":"/contactEmail"},"variant":"caption"},"type":"Text"}},"root":"email-card","state":{"contactEmail":"lead@northstar.dev"}}


[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 analysts during a status handoff, 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 two distinct supported boundary, validation, size, range, or collection constraints on Slider; include at least 1 SupportSLAStatus component. 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":[{"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":{"response-window":{"bind":{"value":"/sla/targetMinutes"},"on":{"change":{"action":"updateResponseWindow","params":{"minutes":{"$state":"/sla/targetMinutes"}}}},"props":{"helpText":"Use a bounded interval for the duty lead.","label":"Target response minutes","max":60,"min":5,"showValue":true,"step":5},"type":"Slider"},"sla-copy":{"props":{"text":"Tune the response threshold before routing the queue.","variant":"lead"},"type":"Text"},"sla-handoff":{"children":["sla-title","sla-copy","urgency-status","response-window"],"props":{"direction":"vertical","gap":"lg"},"type":"Stack"},"sla-title":{"props":{"level":"h1","text":"SLA response window"},"type":"Heading"},"urgency-status":{"on":{"escalate":{"action":"escalateQueue","params":{"acknowledged":{"$state":"/sla/acknowledged"},"queue":{"$state":"/sla/queue"}}}},"props":{"queue":"Priority handoff","severity":"warning","targetMinutes":30},"type":"SupportSLAStatus"}},"root":"sla-handoff","state":{"sla":{"acknowledged":false,"queue":"Priority handoff","targetMinutes":30}}}


[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 account owners during a status handoff, 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":{"contactEmail":{"bind":{"value":"/handoff/email"},"on":{"change":{"action":"handoff.emailChanged","params":{"email":{"$state":"/handoff/email"}}}},"props":{"contentType":"emailAddress","keyboard":"emailAddress","label":"Incoming owner email","placeholder":"owner@company.com","submitLabel":"continue","validation":[{"message":"An owner email is required","rule":"required"},{"message":"Enter a valid work email","rule":"email"}]},"type":"TextField"}},"root":"contactEmail","state":{"handoff":{"email":"riley@example.com"}}}