feat: Add timeAgo utility and simplify build history panel UI with relative time display.

src/lib/utils.ts

@@ -4,3 +4,29 @@ import { twMerge } from "tailwind-merge";
 export function cn(...inputs: ClassValue[]) {
 	return twMerge(clsx(inputs));
 }
+
+export function timeAgo(date: number | string | Date): string {
+	const now = new Date();
+	const past = new Date(date);
+	const msPerMinute = 60 * 1000;
+	const msPerHour = msPerMinute * 60;
+	const msPerDay = msPerHour * 24;
+	const msPerMonth = msPerDay * 30;
+	const msPerYear = msPerDay * 365;
+
+	const elapsed = now.getTime() - past.getTime();
+
+	if (elapsed < msPerMinute) {
+		return `${Math.round(elapsed / 1000)}s ago`;
+	} else if (elapsed < msPerHour) {
+		return `${Math.round(elapsed / msPerMinute)}m ago`;
+	} else if (elapsed < msPerDay) {
+		return `${Math.round(elapsed / msPerHour)}h ago`;
+	} else if (elapsed < msPerMonth) {
+		return `${Math.round(elapsed / msPerDay)}d ago`;
+	} else if (elapsed < msPerYear) {
+		return `${Math.round(elapsed / msPerMonth)}mo ago`;
+	} else {
+		return `${Math.round(elapsed / msPerYear)}y ago`;
+	}
+}