50: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"] 51: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"] 52:T243f,'use client'; import { Download, History, RotateCcw } from 'lucide-react'; import * as React from 'react'; import { cn } from '@/lib/utils'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { DataStatePanel } from '@/components/ui/data-state-panel'; import { intlLocaleOf, useLabels, useLocale, usePreset } from '@/components/ui/labels-context'; import { Skeleton } from '@/components/ui/skeleton'; export interface VersionItem { id: string; // Version number or tag, e.g. 3 or "3.1". version: number | string; author?: string; date?: Date | string | number; // Change note. note?: string; // Marks the live version. Only one should be current. current?: boolean; // File size text of this version, e.g. "2.4 MB". Shown in the `card` variant. size?: string; } // Texts of the component. Precedence: this prop, then the provider labels, then English. export interface VersionsLabels { // Accessible name of the list. title: string; current: string; restore: string; restoring: string; loading: string; emptyTitle: string; emptyDescription: string; errorTitle: string; errorDescription: string; retry: string; noNote: string; version: (version: string | number) => string; by: (name: string) => string; restoreAria: (version: string | number) => string; downloadAria: (version: string | number) => string; } export interface VersionsProps extends Omit, 'children'> { items: VersionItem[]; // Shows a restore button on every non-current version. onRestore?: (item: VersionItem) => void; // Id of a version being restored right now. Its button shows a busy state. restoringId?: string; state?: 'default' | 'loading' | 'empty' | 'error'; onRetry?: () => void; labels?: Partial; // Formats the date of a version. Defaults to Intl medium date in the provider locale. formatDate?: (date: Date) => string; // `list` is the flat history with the note on a second line. `card` is one bordered row per version on a single line (version, current, author, date, size, note), the current one with a brand border. Defaults to `card` in the zero preset, otherwise `list`. variant?: 'list' | 'card'; // Shows a download icon button on every version. onDownload?: (item: VersionItem) => void; } // Version history, newest first as given. The current version is marked, older ones can be restored. const Versions = React.forwardRef( ({ className, items, onRestore, restoringId, state = 'default', onRetry, labels, formatDate, variant: variantProp, onDownload, 'aria-label': ariaLabel, ...props }, ref) => { const l = useLabels(); const zero = usePreset() === 'zero'; const variant = variantProp ?? (zero ? 'card' : 'list'); const locale = intlLocaleOf(useLocale()); const t = { title: labels?.title ?? l.versionsTitle, current: labels?.current ?? l.currentVersion, restore: labels?.restore ?? l.chatRestore, restoring: labels?.restoring ?? l.versionRestoring, loading: labels?.loading ?? l.loading, emptyTitle: labels?.emptyTitle ?? l.noVersionsYet, emptyDescription: labels?.emptyDescription, errorTitle: labels?.errorTitle ?? l.couldNotLoad, errorDescription: labels?.errorDescription, retry: labels?.retry ?? l.tryAgain, noNote: labels?.noNote ?? l.noVersionNote, version: labels?.version ?? l.versionLabel, by: labels?.by ?? l.versionBy, restoreAria: labels?.restoreAria ?? l.restoreVersion, downloadAria: labels?.downloadAria ?? l.downloadVersion, }; const dateText = (date: Date) => (formatDate ? formatDate(date) : new Intl.DateTimeFormat(locale, { dateStyle: 'medium' }).format(date)); if (state === 'error') { return ; } if (state === 'empty' || (state === 'default' && items.length === 0)) { return } className={className} />; } if (state === 'loading') return ; const card = variant === 'card'; return (

{dateText(date)}

{t.version(item.version)} {item.current ? {t.current} : null} {parts.map((part, index) => ( {index > 0 ? ' \u00b7 ' : ''} {part} ))}
{onRestore && !item.current ? ( ) : null} {onDownload ? ( ) : null}
{t.version(item.version)} {item.current ? {t.current} : null} {item.author ? {t.by(item.author)} : null}

{item.note ?? t.noNote}

{date ? ( {dateText(date)} ) : null} {onRestore && !item.current ? ( ) : null}

); }, ); Versions.displayName = 'Versions'; export { Versions }; 4f:["$","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":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react@^0.379.0",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react@^0.379.0"}]]}]}]]}],["$","$L50",null,{"namespace":"@getitdone","registryDependencies":["https://zero-design.itdone.de/r/badge.json","https://zero-design.itdone.de/r/button.json","https://zero-design.itdone.de/r/data-state-panel.json","https://zero-design.itdone.de/r/labels-context.json","https://zero-design.itdone.de/r/skeleton.json","https://zero-design.itdone.de/r/utils.json","https://zero-design.itdone.de/r/theme.json"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"registry/ui/versions.tsx","content":"$52","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]