Studio
Studio/Kits
New kit
Canonical inventory
Conversational AI · specialized

Source provenance

conversational.provenance

Source provenance: An interface pattern for prompts, messages, sources, or AI-generated responses.

source provenancethe AI conversation elementthe prompt or response surface
States4
Touch targetDisplay
Evidence4
Introduced by2 kits
Visual specimen

Same contract. Every kit voice.

  1. 1Source one
  2. 2Source two
MAVAN renderingdefault
Translation table

What code calls it.

Webmessage and form compositionThis component is composed from multiple web primitives.pattern
ARIAlog or feedNo single ARIA role represents the complete component.pattern
SwiftUICustom View compositionSwiftUI has no single direct equivalent; compose and name the behavior explicitly.approximation
AppKitCustom NSView compositionAppKit has no single direct equivalent; use a custom view or controller composition.approximation
Anatomy

Every part, named.

  1. 1Speaker or source identity
  2. 2Message or prompt content
  3. 3Response state
  4. 4Actions or provenance
Often confused with

Similar shape. Different contract.

Chat threadconversational.chat-thread

Shares a visual family, but has a different role, state model, or interaction contract.

Message bubbleconversational.message

Shares a visual family, but has a different role, state model, or interaction contract.

Citation listconversational.citations

Shares a visual family, but has a different role, state model, or interaction contract.

Prompt · paste into your agent

Ask for the exact thing.

Implement the canonical Source provenance component (conversational.provenance). Source provenance: An interface pattern for prompts, messages, sources, or AI-generated responses. Support these states: default, loading, empty, error. Use semantic design tokens rather than raw visual values. Preserve a minimum appropriatepx touch target where interactive. Provide and verify: implementation, state-matrix, responsive, reduced-motion. Keep the component API stable so every Studio kit can supply its own rendering without changing the behavior contract.
Studio contract

What must be proven.

Required states

default · loading · empty · error

Required evidence

implementation · state-matrix · responsive · reduced-motion

Source union

lumen · aurora