52:I[707087,["/_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"],"RegistryDependencies"] 53: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"] 54:Ta31,.cr-rewind { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: start; gap: var(--cr-space-6); color: var(--cr-color-text-default); font-family: var(--cr-font-family-sans); font-size: var(--cr-font-size-md); } .cr-rewind__list, .cr-rewind__preview { display: grid; gap: var(--cr-space-3); padding: var(--cr-space-6); border-radius: var(--cr-radius-xl); } .cr-rewind__title { margin: 0; font-family: var(--cr-font-family-display); font-size: var(--cr-font-size-xl); font-weight: var(--cr-font-weight-bold); letter-spacing: -0.015em; } .cr-rewind__options { display: grid; gap: var(--cr-space-2); margin: 0; padding: 0; border: 0; } .cr-rewind__option { display: flex; align-items: center; gap: var(--cr-space-3); padding: var(--cr-space-3) 14px; border-radius: 14px; background: var(--cr-color-glass-tile); cursor: pointer; } .cr-rewind__option:has(:checked) { background: var(--cr-color-glass-popover); box-shadow: 0 0 0 1.5px var(--cr-color-ink-bg); } .cr-rewind__option[data-now] { cursor: default; } .cr-rewind__option:has(:focus-visible) { outline: var(--cr-focus-width) solid var(--cr-color-focus); outline-offset: var(--cr-focus-offset); } .cr-rewind__option input { flex: none; width: 18px; height: 18px; margin: 0; accent-color: var(--cr-color-ink-bg); } .cr-rewind__option input:focus-visible { outline: none; } .cr-rewind__text { display: grid; flex: 1; gap: 2px; } .cr-rewind__label { font-weight: var(--cr-font-weight-semibold); } .cr-rewind__description, .cr-rewind__time { color: var(--cr-color-text-muted); font-size: var(--cr-font-size-sm); } .cr-rewind__time { font-variant-numeric: tabular-nums; } .cr-rewind__lead, .cr-rewind__limits { margin: 0; color: var(--cr-color-text-secondary); } .cr-rewind__limits { font-size: var(--cr-font-size-sm); } .cr-rewind__undoes { display: grid; gap: var(--cr-space-2); margin: 0; padding: 0; list-style: none; } .cr-rewind__undoes li { display: flex; justify-content: space-between; gap: var(--cr-space-3); padding: 10px 14px; border-radius: var(--cr-radius-md); background: var(--cr-color-bg-subtle); } .cr-rewind__undoes code { font-family: var(--cr-font-family-mono); font-size: 0.93em; } .cr-rewind__stat { flex: none; font-family: var(--cr-font-family-mono); font-size: var(--cr-font-size-sm); } .cr-rewind__stat > :last-child { color: var(--cr-color-diff-removed-fg); } .cr-rewind__actions { display: flex; flex-wrap: wrap; gap: var(--cr-space-2); } 55:T1209,'use client'; import { useId, useState, type ReactNode } from 'react'; import { Button } from '@/components/creance/button/Button'; import { cx } from '@/lib/creance/cx'; import './CheckpointRewind.css'; export interface Checkpoint { id: string; label: string; description?: ReactNode; /** When in the run, such as "00:18". */ time?: string; /** What rewinding to this checkpoint undoes. The current point has none. */ undoes?: { files?: { path: string; added: number; removed: number }[]; /** Steps that will be forgotten. */ steps?: string[]; /** Anything that is not refunded or reverted, said plainly. */ notes?: ReactNode[]; }; } export interface CheckpointRewindProps { /** Newest first. The first is where the run is now. */ checkpoints: Checkpoint[]; onRewind: (id: string) => void; onCancel?: () => void; /** Said under the list of changes: what a rewind can't reach. */ limits?: ReactNode; headingLevel?: 2 | 3 | 4; className?: string; } /** Roll the run back. Pick a checkpoint and see exactly what will be undone before confirming. */ export function CheckpointRewind({ checkpoints, onRewind, onCancel, limits = "Can't be undone outside the run: anything pushed or deployed stays.", headingLevel = 3, className, }: CheckpointRewindProps) { const id = useId(); const H = `h${headingLevel}` as const; const [picked, setPicked] = useState(null); const target = checkpoints.find((c) => c.id === picked); const nowId = checkpoints[0]?.id; return (

Checkpoints

Rewind to {checkpoints.map((c) => ( setPicked(c.id)} /> {c.id === nowId ? `Now: ${c.label}` : c.label} {c.description && {c.description}} {c.time && {c.time}} ))}

{target ? ( <> Rewind to “{target.label}”?

This undoes everything after {target.time ?? 'it'}:

Revert changes to {f.path} +{f.added} −{f.removed}
Forget {target.undoes.steps.length} {target.undoes.steps.length === 1 ? 'step' : 'steps'}: {target.undoes.steps.join(', ')}
{n}

{limits &&

{limits}

}

) : ( <> Pick a checkpoint

You will see what it undoes before anything changes.

)}

); } 51:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L52",null,{"namespace":"@creance","registryDependencies":["https://creance.pages.dev/r/button.json","https://creance.pages.dev/r/creance-base.json"]}]]}],null]}],["$","$L53",null,{"files":[{"path":"checkpoint-rewind/CheckpointRewind.css","content":"$54","type":"registry:file","target":"@components/creance/checkpoint-rewind/CheckpointRewind.css"},{"path":"checkpoint-rewind/CheckpointRewind.tsx","content":"$55","type":"registry:ui","target":"@components/creance/checkpoint-rewind/CheckpointRewind.tsx"}],"className":"h-[70svh] min-h-80"}]]}]