Artifacts

import Link from "next/link";
import { FileCode } from "lucide-react";

/** Shows which repository file backs the current record, linking to Artifacts. */
export function SourceRef({ path }: { path: string }) {
  return (
    <Link
      href={`/artifacts?file=${encodeURIComponent(path)}`}
      className="inline-flex items-center gap-1.5 rounded-md border border-border bg-secondary/50 px-2.5 py-1 font-mono text-[11px] text-muted-foreground transition-colors hover:border-foreground/20 hover:text-foreground"
    >
      <FileCode className="h-3 w-3" />
      {path}
    </Link>
  );
}