What teams build with AnySDUI

{ "version": "v1.0", "updateComponents": {
  "surfaceId": "finops_copilot",
  "components": [
    { "id": "root", "component": "Card", "title": "Cloud spend and forecast",
      "content": ["spend_chart", "approval"] },
    { "id": "spend_chart", "component": "BarChart",
      "catalogId": "urn:anysdui:compose-charts:1.0.0",
      "label": "Monthly cloud spend",
      "categories": { "@path": "/finops/months" },
      "series": { "@path": "/finops/series" } },
    // Subtree theme: only the approval banner turns light
    { "id": "approval", "component": "ThemeScope",
      "catalogId": "urn:anysdui:compose-foundation:1.12.0",
      "theme": { "mode": "light" }, "child": "payout" },
    { "id": "payout", "component": "Banner", "tone": "warning",
      "title": "Pending payout: €12,500", "actionLabel": "Approve",
      "onAction": { "event": { "name": "approvePayout" } } }
  ]
} }

// Ship regional checkout steps & validation rules without an app store release.
// Components use standard A2UI v1.0 `checks` and `anysdui.navigate` actions:
override suspend fun onConnect(session: SduiSession) {
    session.send(catalog.createSurface("checkout_flow") {
        component("TextField", id = "vat_input") {
            prop("label", "EU VAT Number")
            bind("value", "/checkout/vatId")
            check(call = "regex", args = mapOf("pattern" to "^[A-Z]{2}[0-9A-Z]{8,12}$"),
                  message = "Enter a valid EU VAT number (e.g. CZ12345678)")
        }
        component("Button", id = "next_btn") {
            action(name = "anysdui.navigate",
                   context = mapOf("targetFrameId" to "payment_step", "mode" to "explore"))
        }
    })
}

// Have an existing Android Jetpack Compose AAR you cannot modify?
// Wrap its composables in a thin bridge module and intercept actions:
@SduiUsage("Enterprise wire-transfer card from binary :legacy-design-aar")
@SduiComponent
@Composable
fun EnterpriseTransferCard(
    iban: String,
    amountEur: Double,
    @SduiDefault("false") instantSepa: Boolean = false,
    @SduiUserGesture onAuthorize: () -> Unit,
) = com.bank.legacy.ds.TransferCard(iban, amountEur, instantSepa, onAuthorize)

val host = SurfaceHost(
    registrations = listOf(CatalogRegistration(BankBridgeRenderer, CatalogValidator.fromJsonString(bankCatalogJson))),
    validationMode = ValidationMode.STRICT,
    actionInterceptors = listOf(ActionInterceptor { action ->
        auditLog.record(action.name, action.surfaceId); action
    }),
)

// Pure-Kotlin agent SDK (runs on JVM, Android, iOS, Web without Compose):
val session = generator.createProcessor(capabilities)

suspend fun generateVerifiedScreen(userPrompt: String): List<A2uiMessage> {
    var prompt = userPrompt
    repeat(3) { attempt ->
        val raw = callLlm(system = session.promptSnippet, user = prompt)
        try {
            return session.parseResponse(raw).filterIsInstance<A2uiPart>().flatMap { it.messages }
        } catch (e: A2uiValidationException) {
            // Exact JSON Pointer + allowed schema values fed back to the model:
            prompt = "Repair A2UI validation error at ${e.pointer}: ${e.hint}"
        }
    }
    error("Unrecoverable screen generation")
}