DRYL COMPONENTS
Color mode: System — switch to light
2.20.1
Surfaces

DrylDialog

AI-aware

Service-driven glass dialog. Open via IDrylDialogService.ShowAsync<TDialog>, await the result, edit your state. First-class support for the "human in the middle" flow — the model proposes, the user reviews, the user approves or edits.

Convenience — Confirm &amp; Alert

ShowConfirmAsync returns DialogResult with Canceled = false on confirm; ShowAlertAsync always returns OK.

Custom dialog with typed result

SampleDialog receives a UserId parameter and returns a SampleResult record. The focus trap keeps you inside.

Sizes

Four width presets via DialogOptions.Size.

Sequential dialogs — agent handoff

An agent chains one dialog after another. With DialogOptions.AnimateHandoff, the swap morphs via the View Transition API — shell size/position glides, title/content/buttons cross-fade — instead of the default CSS cross-fade.

Human in the Middle — AI flow

The model streams a proposal into the dialog; the user reviews, edits and approves. Walks Thinking → Streaming → Generated → Active.

An unhandled error has occurred. Reload x

Reconnecting to the server…

Attempt /

Next try in s