Answer
Streamed answer content with completion actions and optional sources.
Streamed answer content with completion actions and optional sources.
This is an Open Code component: it installs into your application,
not as a separate Agent runtime package. The names below assume prefix Ui.
Install
In a Flutter application with the project-local CLI configured:
dart run remix_cli:remix init --prefix Ui --preset fortal
dart run remix_cli:remix add answer_recipeUse --preset vanilla when initializing a Vanilla-preset application. Do not
reinitialize an existing application with a different preset. Installing
answer_recipe includes its component and required theme/control dependencies.
Use add answer instead when you want the bare component and will provide styles.
Import ui/ui.dart from your application and use the scope for your preset:
- Fortal:
UiScope(child: ...). - Default:
UiThemeScope(theme: const UiThemeData.light(), child: ...)(orUiThemeData.dark()for a dark theme).
Behavior
Provide host-rendered child content and UiAnswerStatus.streaming, .complete, or .error. Wire onCopy and onRetry to application behavior. feedback is shown only on completion; sourcesContent belongs to the sources disclosure. Change streamId for a new answer and manage sourcesExpanded only when controlling disclosure externally.
Recipe bundle
uiAgentAnswerRecipe() returns these styles:
| Bundle field | Style type |
|---|---|
style | UiAnswerStyler |
surfaceStyle | CardStyler |
sourcesStyle | DisclosureStyler |
copyStyle | IconButtonStyler |
retryStyle | IconButtonStyler |
Pass the bundle's styles to the corresponding component parameters. Each factory accepts same-named overrides, merged after the preset defaults. Child-control styles must be passed through unchanged so hover, focus, and disabled styles resolve in the child's context.
Review and customize
The dashboard's Workspace → Chat demonstrates this surface alongside the
other Agent components. Its responses and tool activity are simulated locally.
Edit your installed source to customize it; dart run remix_cli:remix add answer_recipe --diff previews authored-source differences without overwriting
local edits.