50:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 51:T1df6,import { useId, type ComponentProps, type CSSProperties } from "react"; import { cn } from "@/lib/utils"; export type ReleaseGroup = { heading: string; items: string[] }; export type ChangelogReleaseProps = { /** Full version, used in metadata, e.g. "5.0.0". */ version?: string; /** Short form set as the poster numeral, e.g. "5.0". */ numeral?: string; product?: string; title?: string; /** Display date, e.g. "6 October 2026". */ date?: string; /** Machine-readable date for the element. */ dateTime?: string; lead?: string; groups?: ReleaseGroup[]; /** Footnote under the groups, e.g. upgrade instructions. */ note?: string; /** The colour field. Default ink blue. */ accent?: string; /** Second ink, used for the shapes on the field. Default near-black. */ secondary?: string; /** Text and line colour on the field. Default white. */ fieldForeground?: string; } & ComponentProps<"section">; const DEFAULT_GROUPS: ReleaseGroup[] = [ { heading: "New", items: [ "Baselines are committed to .plumbline/ as lossless WebP, about 40 KB per snapshot, and reviewed in the same pull request as the code.", "plumbline review opens the review queue on localhost:4410, so you can approve before you push.", "Per-story thresholds: set tolerance: 0.2% on a chart story without loosening the rest of the library.", ], }, { heading: "Improved", items: [ "Capture on a 400-story library dropped from 6m 12s to 2m 41s on the default 4-core runner.", "Review queue shortcuts: J and K to move, A to approve, R to request changes.", "Diffs open at the changed region instead of the top-left of the snapshot.", ], }, { heading: "Fixed", items: [ "Snapshots taken at 125% zoom no longer report a 1px shift on every edge.", "Stories with an autoplaying video are captured on the first frame, every time.", "Renaming a story keeps its history instead of starting a new baseline.", ], }, ]; const DEFAULTS = { version: "5.0.0", numeral: "5.0", product: "Plumbline", title: "Baselines that live next to your code", date: "6 October 2026", dateTime: "2026-10-06", lead: "For four years Plumbline kept your approved screenshots on our servers. That meant a revert restored the code but not the pictures, and two branches could fight over one baseline. In version 5 the baselines move into your repository, and the rest of the release follows from that.", note: "Upgrading from 4.x: run npx plumbline migrate. It copies your current baselines into the repository and opens one commit for you to review. Nothing is deleted from our side for 90 days.", }; export function ChangelogRelease({ version = DEFAULTS.version, numeral = DEFAULTS.numeral, product = DEFAULTS.product, title = DEFAULTS.title, date = DEFAULTS.date, dateTime = DEFAULTS.dateTime, lead = DEFAULTS.lead, groups = DEFAULT_GROUPS, note = DEFAULTS.note, accent = "#0A6EFF", secondary = "#0A0A0A", fieldForeground = "#FFFFFF", className, style, ...props }: ChangelogReleaseProps) { const headingId = useId(); return (

{product} release notes Version {version} · {date}

{/* The colour field: a poster numeral and a plumb line. */}

{product} / {version}

{numeral}

{date}

{title}

{lead}

Continued below: {groups.reduce((n, g) => n + g.items.length, 0)} changes in{" "} {groups.length} groups.

{groups.map((group, i) => (

({String(i + 1).padStart(2, "0")}) {group.heading}

{item}

))}

{note && (

{note}

)}

); } 4f:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[null,["$","$L50",null,{"files":[{"path":"src/registry/blocks/changelog/changelog-release.tsx","content":"$51","type":"registry:block"}],"className":"h-[70svh] min-h-80"}]]}]