4e: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"] 4f: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"] 50:T2638,"use client"; import { Avatar, AvatarFallback } from "@/registry/default/ui/avatar"; import { Button } from "@/registry/default/ui/button"; import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "@/registry/default/ui/collapsible"; import { cn } from "@/lib/utils"; import { CheckIcon, CopyIcon, FileIcon, GitCommitIcon, MinusIcon, PlusIcon, } from "lucide-react"; import type { ComponentProps, HTMLAttributes } from "react"; import { useCallback, useEffect, useRef, useState } from "react"; export type CommitProps = ComponentProps; export const Commit = ({ className, children, ...props }: CommitProps) => ( {children} ); export type CommitHeaderProps = ComponentProps; export const CommitHeader = ({ className, children, ...props }: CommitHeaderProps) => (

{children}

); export type CommitHashProps = HTMLAttributes; export const CommitHash = ({ className, children, ...props }: CommitHashProps) => ( {children} ); export type CommitMessageProps = HTMLAttributes; export const CommitMessage = ({ className, children, ...props }: CommitMessageProps) => ( {children} ); export type CommitMetadataProps = HTMLAttributes; export const CommitMetadata = ({ className, children, ...props }: CommitMetadataProps) => (

{children}

); export type CommitSeparatorProps = HTMLAttributes; export const CommitSeparator = ({ className, children, ...props }: CommitSeparatorProps) => ( {children ?? "•"} ); export type CommitInfoProps = HTMLAttributes; export const CommitInfo = ({ className, children, ...props }: CommitInfoProps) => (

{children}

); export type CommitAuthorProps = HTMLAttributes; export const CommitAuthor = ({ className, children, ...props }: CommitAuthorProps) => (

{children}

); export type CommitAuthorAvatarProps = ComponentProps & { initials: string; }; export const CommitAuthorAvatar = ({ initials, className, ...props }: CommitAuthorAvatarProps) => ( {initials} ); export type CommitTimestampProps = HTMLAttributes & { date: Date; }; const relativeTimeFormat = new Intl.RelativeTimeFormat("en", { numeric: "auto", }); const formatRelativeDate = (date: Date) => { const days = Math.round( (date.getTime() - Date.now()) / (1000 * 60 * 60 * 24) ); return relativeTimeFormat.format(days, "day"); }; export const CommitTimestamp = ({ date, className, children, ...props }: CommitTimestampProps) => { const [formatted, setFormatted] = useState(""); const updateFormatted = useCallback(() => { setFormatted(formatRelativeDate(date)); }, [date]); useEffect(() => { updateFormatted(); }, [updateFormatted]); return ( {children ?? formatted} ); }; export type CommitActionsProps = HTMLAttributes; const handleActionsClick = (e: React.MouseEvent) => e.stopPropagation(); const handleActionsKeyDown = (e: React.KeyboardEvent) => e.stopPropagation(); export const CommitActions = ({ className, children, ...props }: CommitActionsProps) => (

{children}

); export type CommitCopyButtonProps = ComponentProps & { hash: string; onCopy?: () => void; onError?: (error: Error) => void; timeout?: number; }; export const CommitCopyButton = ({ hash, onCopy, onError, timeout = 2000, children, className, ...props }: CommitCopyButtonProps) => { const [isCopied, setIsCopied] = useState(false); const timeoutRef = useRef(0); const copyToClipboard = useCallback(async () => { if (typeof window === "undefined" || !navigator?.clipboard?.writeText) { onError?.(new Error("Clipboard API not available")); return; } try { if (!isCopied) { await navigator.clipboard.writeText(hash); setIsCopied(true); onCopy?.(); timeoutRef.current = window.setTimeout( () => setIsCopied(false), timeout ); } } catch (error) { onError?.(error as Error); } }, [hash, onCopy, onError, timeout, isCopied]); useEffect( () => () => { window.clearTimeout(timeoutRef.current); }, [] ); const Icon = isCopied ? CheckIcon : CopyIcon; return ( ); }; export type CommitContentProps = ComponentProps; export const CommitContent = ({ className, children, ...props }: CommitContentProps) => ( {children} ); export type CommitFilesProps = HTMLAttributes; export const CommitFiles = ({ className, children, ...props }: CommitFilesProps) => (

{children}

); export type CommitFileProps = HTMLAttributes; export const CommitFile = ({ className, children, ...props }: CommitFileProps) => (

{children}

); export type CommitFileInfoProps = HTMLAttributes; export const CommitFileInfo = ({ className, children, ...props }: CommitFileInfoProps) => (

{children}

); const fileStatusStyles = { added: "text-green-600 dark:text-green-400", deleted: "text-red-600 dark:text-red-400", modified: "text-yellow-600 dark:text-yellow-400", renamed: "text-blue-600 dark:text-blue-400", }; const fileStatusLabels = { added: "A", deleted: "D", modified: "M", renamed: "R", }; export type CommitFileStatusProps = HTMLAttributes & { status: "added" | "modified" | "deleted" | "renamed"; }; export const CommitFileStatus = ({ status, className, children, ...props }: CommitFileStatusProps) => ( {children ?? fileStatusLabels[status]} ); export type CommitFileIconProps = ComponentProps; export const CommitFileIcon = ({ className, ...props }: CommitFileIconProps) => ( ); export type CommitFilePathProps = HTMLAttributes; export const CommitFilePath = ({ className, children, ...props }: CommitFilePathProps) => ( {children} ); export type CommitFileChangesProps = HTMLAttributes; export const CommitFileChanges = ({ className, children, ...props }: CommitFileChangesProps) => (

{children}

); export type CommitFileAdditionsProps = HTMLAttributes & { count: number; }; export const CommitFileAdditions = ({ count, className, children, ...props }: CommitFileAdditionsProps) => { if (count <= 0) { return null; } return ( {children ?? ( <> {count} )} ); }; export type CommitFileDeletionsProps = HTMLAttributes & { count: number; }; export const CommitFileDeletions = ({ count, className, children, ...props }: CommitFileDeletionsProps) => { if (count <= 0) { return null; } return ( {children ?? ( <> {count} )} ); }; 4d:["$","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",{"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"}]]}]}]]}],["$","$L4e",null,{"namespace":"@ai-elements","registryDependencies":["avatar","button","collapsible"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/default/ai-elements/commit.tsx","content":"$50","type":"registry:component","target":"components/ai-elements/commit.tsx"}],"className":"h-[70svh] min-h-80"}]]}]