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:T2573,"use client"; import { useId, useState, type ComponentProps, type CSSProperties } from "react"; import { cn } from "@/lib/utils"; export type CompactChangeType = "new" | "improved" | "fixed"; export type CompactFilter = "all" | CompactChangeType; export type CompactChange = { /** Display date, e.g. "06 Oct". */ date: string; /** Machine-readable date for the element, e.g. "2026-10-06". */ dateTime: string; type: CompactChangeType; text: string; version: string; href: string; }; export type ChangelogCompactProps = { eyebrow?: string; title?: string; description?: string; changes?: CompactChange[]; /** Controlled filter. Leave undefined to let the block manage it. */ filter?: CompactFilter; defaultFilter?: CompactFilter; onFilterChange?: (filter: CompactFilter) => void; rssHref?: string; /** Marker colour for "New". Default Devsloka blue. */ accent?: string; /** Marker colour for "Improved". Default ink blue. */ secondary?: string; } & ComponentProps<"section">; const FILTERS: { value: CompactFilter; label: string }[] = [ { value: "all", label: "All" }, { value: "new", label: "New" }, { value: "improved", label: "Improved" }, { value: "fixed", label: "Fixed" }, ]; const TYPE_LABEL: Record = { new: "New", improved: "Improved", fixed: "Fixed", }; const MARKER_CLASS: Record = { new: "bg-[var(--block-accent)]", improved: "bg-[var(--block-secondary)] ring-1 ring-border", fixed: "border border-foreground", }; const v = (version: string) => ({ version, href: `#v${version}` }); const DEFAULT_CHANGES: CompactChange[] = [ { date: "06 Oct", dateTime: "2026-10-06", type: "new", text: "Baselines are committed to .plumbline/ in your repository.", ...v("5.0.0") }, { date: "06 Oct", dateTime: "2026-10-06", type: "new", text: "plumbline review runs the review queue on localhost:4410.", ...v("5.0.0") }, { date: "06 Oct", dateTime: "2026-10-06", type: "improved", text: "Capture on 400 stories: 6m 12s down to 2m 41s.", ...v("5.0.0") }, { date: "29 Sep", dateTime: "2026-09-29", type: "new", text: "Review queue groups snapshots by component.", ...v("4.12.0") }, { date: "29 Sep", dateTime: "2026-09-29", type: "fixed", text: "Webfont 404s on Linux runners now fail the capture loudly.", ...v("4.12.0") }, { date: "16 Sep", dateTime: "2026-09-16", type: "fixed", text: "Subpixel antialiasing ignored on text below 12px.", ...v("4.11.2") }, { date: "16 Sep", dateTime: "2026-09-16", type: "improved", text: "Missing baseline branch is named in the error message.", ...v("4.11.2") }, { date: "02 Sep", dateTime: "2026-09-02", type: "new", text: "Drift report flags colours within ΔE 2 of a token.", ...v("4.11.0") }, { date: "02 Sep", dateTime: "2026-09-02", type: "improved", text: "Uploads resume after a dropped connection.", ...v("4.11.0") }, { date: "19 Aug", dateTime: "2026-08-19", type: "fixed", text: "Timestamps in the digest use the team's time zone, not UTC.", ...v("4.10.1") }, { date: "12 Aug", dateTime: "2026-08-12", type: "new", text: "Capture shards across up to 16 parallel workers.", ...v("4.10.0") }, { date: "12 Aug", dateTime: "2026-08-12", type: "improved", text: "plumbline.config.ts gets full type hints for every option.", ...v("4.10.0") }, ]; export function ChangelogCompact({ eyebrow = "Plumbline / Changelog", title = "Every change, one line each", description = "The short version of the release notes. Filter by kind, or follow along in your feed reader.", changes = DEFAULT_CHANGES, filter: filterProp, defaultFilter = "all", onFilterChange, rssHref = "/changelog/rss.xml", accent = "#0A6EFF", secondary = "#0A0A0A", className, style, ...props }: ChangelogCompactProps) { const headingId = useId(); const [uncontrolledFilter, setFilter] = useState(defaultFilter); const filter = filterProp ?? uncontrolledFilter; const visible = filter === "all" ? changes : changes.filter((c) => c.type === filter); const activeLabel = FILTERS.find((f) => f.value === filter)?.label ?? "All"; const choose = (next: CompactFilter) => { setFilter(next); onFilterChange?.(next); }; return (

{eyebrow}

{title}

{description}

Subscribe via RSS

{FILTERS.map((f) => { const pressed = filter === f.value; const count = f.value === "all" ? changes.length : changes.filter((c) => c.type === f.value).length; return ( ); })}

{filter === "all" ? `Showing all ${visible.length} changes` : `Showing ${visible.length} ${activeLabel.toLowerCase()} changes`}

{visible.length > 0 ? (

{change.date} {TYPE_LABEL[change.type]} {TYPE_LABEL[change.type]}: {change.text} v{change.version}

) : (

No {activeLabel.toLowerCase()} changes in this period.

)}

Showing {visible.length} of {changes.length} · Older entries are in the 4.x archive.

); } 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-compact.tsx","content":"$51","type":"registry:block"}],"className":"h-[70svh] min-h-80"}]]}]