Generation metadataPro

Every parameter behind an image, prompt to timing, with copy one value, copy all, copy as prompt and open in studio.

Markdown

On this page

ProEvery parameter beside the image, with copy all, copy as prompt and open in studio.

Installation

$ pnpm dlx shadcn@latest add @chatcn-pro/generation-metadata

Usage

tsx

import { GenerationMetadata } from "@/components/ui/chatcn/pro/generation-metadata"

<GenerationMetadata parameters={image.parameters} onOpenInStudio={remix} />

Copy all writes labelled lines. Copy as prompt writes one line a studio can read back: fog study --ar 3:2 --seed 1847 --steps 32 --guidance 4.5 --no people. Values that were not recorded say so instead of disappearing.

Examples

States

ProCompact, loading, and a long prompt with missing values.

Props

Prop	Type	Notes
`parameters`	`ImageParameters`	Prompt, negative, model, seed, steps, guidance, width, height, sampler, durationMs, createdAt
`fields`	`MetadataField[]`	Rows to show, in order
`onOpenInStudio`	`(parameters) => void`
`variant`	`"list" \| "compact"`	Compact is one wrapped line under an image
`promptLines`	`number`	Lines before Show more. Default 4
`labels`, `locale`, `loading`

Accessibility

A description list. Row copy buttons are named ("Copy seed") and visible on focus and on touch.
Show more is a disclosure button tied to the prompt it expands.

Motion

Copy buttons fade in on hover or focus in 150 ms. Show more opens at once.