Aurora AI Commit

1"use client"
2 
3import * as React from "react"
4import { Check, GitBranch, GitCommitHorizontal } from "lucide-react"
5import { cn } from "@/lib/utils"
6import { useClipboard } from "@/registry/aurora/lib/use-clipboard"
7 
8export type CommitVariant = "default" | "compact"
9 
10export interface CommitProps extends React.HTMLAttributes<HTMLDivElement> {
11  /** Short commit hash, e.g. `ca8cb38`. */
12  hash: string
13  /** Commit subject line. */
14  message: string
15  /** Author handle; first letter seeds the avatar. */
16  author?: string
17  /** Relative timestamp, e.g. `4m ago`. */
18  time?: string
19  /** Branch name shown in the diffstat row. */
20  branch?: string
21  /** Files touched. */
22  files?: number
23  /** Lines added. */
24  additions?: number
25  /** Lines removed. */
26  deletions?: number
27  /** Render the AI authorship badge next to the subject. */
28  badge?: boolean
29  /** Density. `compact` collapses to a single row (avatar · message · hash). */
30  variant?: CommitVariant
31}
32 
33// ── Aurora token panel surface (mirrors the elements panelStyle) ───────────────
34function commitPanelStyle(style?: React.CSSProperties): React.CSSProperties {
35  return {
36    background: "var(--aurora-surface-raised)",
37    border: "1px solid var(--aurora-border-strong)",
38    borderRadius: "var(--aurora-radius-1)",
39    boxShadow: "var(--aurora-shadow-medium), var(--aurora-highlight-medium)",
40    ...style,
41  }
42}
43 
44function CommitAvatar({ seed, size }: { seed: string; size: number }) {
45  const initial = (seed.trim()[0] ?? "?").toUpperCase()
46  return (
47    <span
48      aria-hidden
49      className="grid place-items-center rounded-full"
50      style={{
51        width: size,
52        height: size,
53        color: "var(--aurora-accent-primary)",
54        border: "1.5px solid color-mix(in srgb, var(--aurora-accent-primary) 60%, transparent)",
55        background: "color-mix(in srgb, var(--aurora-accent-primary) 12%, transparent)",
56        fontFamily: "var(--aurora-font-display)",
57        fontWeight: 700,
58        fontSize: size * 0.4,
59        lineHeight: 1,
60      }}
61    >
62      {initial}
63    </span>
64  )
65}
66 
67function HashChip({ hash }: { hash: string }) {
68  const { copied, error, copy } = useClipboard(1200)
69  const handleCopy = React.useCallback(() => void copy(hash), [copy, hash])
70 
71  return (
72    <button
73      type="button"
74      onClick={handleCopy}
75      aria-label={copied ? `Copied ${hash}` : error ? `Unable to copy ${hash}` : `Copy commit ${hash}`}
76// … truncated