From b80b42f1c0294c8711500d0b687b31118394e119 Mon Sep 17 00:00:00 2001
From: Ben Allfree <ben@benallfree.com>
Date: Wed, 10 Dec 2025 05:17:28 -0800
Subject: [PATCH] feat: make build hash label clickable in BuildProgress
 component for navigation to build details

---
 CHANGELOG.md                 |  4 ++++
 components/BuildProgress.tsx | 11 ++++++++++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7a63efb..361200b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Patch
+
+- Made build hash label clickable in BuildProgress component to navigate to build detail page
+
 ## [0.1.0] - 2025-12-10
 
 Initial release
diff --git a/components/BuildProgress.tsx b/components/BuildProgress.tsx
index 600937f..2033854 100644
--- a/components/BuildProgress.tsx
+++ b/components/BuildProgress.tsx
@@ -270,7 +270,16 @@ export function BuildProgress({ build, isAdmin = false, onRetry, showActions = t
             <div>
               <h2 className="text-2xl font-semibold mb-2 flex items-center gap-2">
                 {getStatusIcon()}
-                {targetLabel}
+                <a
+                  href={`/builds/${build.buildHash}`}
+                  onClick={e => {
+                    e.preventDefault()
+                    navigate(`/builds/${build.buildHash}`)
+                  }}
+                  className="hover:text-cyan-400 transition-colors"
+                >
+                  {targetLabel}
+                </a>
                 {status !== "success" && status !== "failure" && (
                   <button
                     type="button"