ProvenanceFrame
Wrapper for agent-rendered generative-UI output: provenance chip rail, agency-red left marker, validation warnings, and a streaming state
import { ProvenanceFrame } from "@nodus/design-system/patterns"Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | — | The rendered component content |
provenance | string | "ILLUSTRATIVE — generated output, no live data" | Provenance statement shown in the main chip |
chips | string[] | — | Extra provenance chips; [SOURCE: → agency color, [AI ESTIMATE]/confidence → validation color |
warnings | string[] | — | Prop-validation warnings listed under the content |
status | "inProgress" | "complete" | "complete" | Streaming state — inProgress renders Skeleton + StreamingDot instead of children |
componentName | string | — | Catalog component name shown in the rail |
childrenReactNodeDefault —The rendered component content
provenancestringDefault "ILLUSTRATIVE — generated output, no live data"Provenance statement shown in the main chip
chipsstring[]Default —Extra provenance chips; [SOURCE: → agency color, [AI ESTIMATE]/confidence → validation color
warningsstring[]Default —Prop-validation warnings listed under the content
status"inProgress" | "complete"Default "complete"Streaming state — inProgress renders Skeleton + StreamingDot instead of children
componentNamestringDefault —Catalog component name shown in the rail
This component was designed to express:
Explore Related
Visible, honest fallback when a generative-UI action requests a component outside the approved catalog
Linked chain of data sources showing transformation provenance
Data source citation with type icon, inline freshness timestamp, and stale indicator (DAN-17)