From 39e7b419b44f33fdd16409c4ccbaa84ed9499398 Mon Sep 17 00:00:00 2001
From: James Barford-Evans <james.barford-evans@arm.com>
Date: Wed, 5 Nov 2025 09:57:56 +0000
Subject: [PATCH 1/4] Show at the top of the timeline when the current
 benchmark is expected to finish

---
 site/frontend/src/pages/status/commit-sha.vue |  6 ++++--
 site/frontend/src/pages/status/data.ts        |  8 +++++++
 site/frontend/src/pages/status/page.vue       | 21 ++++++++++++++++++-
 3 files changed, 32 insertions(+), 3 deletions(-)

diff --git a/site/frontend/src/pages/status/commit-sha.vue b/site/frontend/src/pages/status/commit-sha.vue
index b34192d51..66e352a0a 100644
--- a/site/frontend/src/pages/status/commit-sha.vue
+++ b/site/frontend/src/pages/status/commit-sha.vue
@@ -1,11 +1,13 @@
 <script setup lang="ts">
 import {computed} from "vue";
+import {tagLooksLikeSha} from "./data";
 
 const props = defineProps<{
   tag: string;
+  truncate?: boolean;
 }>();
 
-const looksLikeSha = computed(() => props.tag.length === 40);
+const looksLikeSha = computed(() => tagLooksLikeSha(props.tag));
 </script>
 
 <template>
@@ -14,7 +16,7 @@ const looksLikeSha = computed(() => props.tag.length === 40);
     :title="tag"
     :href="'https://github.com/rust-lang/rust/commit/' + tag"
   >
-    {{ tag.substring(0, 13) }}
+    {{ truncate ? tag.substring(0, 13) : tag }}
   </a>
   <template v-else>
     {{ tag }}
diff --git a/site/frontend/src/pages/status/data.ts b/site/frontend/src/pages/status/data.ts
index 6bee47353..a0ef097d6 100644
--- a/site/frontend/src/pages/status/data.ts
+++ b/site/frontend/src/pages/status/data.ts
@@ -48,3 +48,11 @@ export type StatusResponse = {
 export function isJobComplete(job: BenchmarkJob): boolean {
   return job.status === "Failed" || job.status === "Success";
 }
+
+export function isRequestInProgress(req: BenchmarkRequest): boolean {
+  return req.status === "InProgress";
+}
+
+export function tagLooksLikeSha(tag: string): boolean {
+  return tag.length === 40;
+}
diff --git a/site/frontend/src/pages/status/page.vue b/site/frontend/src/pages/status/page.vue
index cb9573271..06977d9e4 100644
--- a/site/frontend/src/pages/status/page.vue
+++ b/site/frontend/src/pages/status/page.vue
@@ -10,6 +10,7 @@ import {
   BenchmarkRequest,
   CollectorConfig,
   isJobComplete,
+  isRequestInProgress,
   StatusResponse,
 } from "./data";
 import Collector from "./collector.vue";
@@ -104,6 +105,23 @@ function getErrorsLength(errors: Dict<string>) {
   return `${errorsLen} ${errorsLen > 1 ? "s" : ""}`;
 }
 
+function ExpectedCurrentRequestCompletion() {
+  const req = data.value.timeline.find(isRequestInProgress);
+  if (!req) return "";
+  if (!req.endEstimated) return "";
+  if (!req.completedAt) return "";
+  const formattedDate = formatISODate(req.completedAt);
+  return (
+    <span>
+      Current Benchmark for{" "}
+      <strong>
+        <CommitSha tag={req.tag}></CommitSha>
+      </strong>{" "}
+      expected to end at {formattedDate}{" "}
+    </span>
+  );
+}
+
 function PullRequestLink({request}: {request: BenchmarkRequest}) {
   if (request.requestType === "Release") {
     return "";
@@ -165,6 +183,7 @@ loadStatusData(loading);
       <div class="timeline-wrapper">
         <h1>Timeline</h1>
         <strong>Times are local.</strong>
+        <ExpectedCurrentRequestCompletion />
         <div style="margin-bottom: 10px">
           Queue length: {{ data.queueLength }}
         </div>
@@ -189,7 +208,7 @@ loadStatusData(loading);
               <tr :class="getRequestRowClassName(req)">
                 <td><PullRequestLink :request="req" /></td>
                 <td>{{ req.requestType }}</td>
-                <td><CommitSha :tag="req.tag"></CommitSha></td>
+                <td><CommitSha :truncate="true" :tag="req.tag"></CommitSha></td>
                 <td>
                   {{ formatStatus(req)
                   }}{{

From 1f1943506726aff340443b216f7ae92fadda6417 Mon Sep 17 00:00:00 2001
From: James Barford-Evans <james.barford-evans@arm.com>
Date: Thu, 6 Nov 2025 09:10:29 +0000
Subject: [PATCH 2/4] PR Feedback; format to relative dates for when the
 benchmark is expected to complete

---
 site/frontend/src/pages/status/page.vue | 19 ++++++++++++++++---
 site/frontend/src/utils/formatting.ts   | 11 +++++++++++
 2 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/site/frontend/src/pages/status/page.vue b/site/frontend/src/pages/status/page.vue
index 06977d9e4..cd6e94b03 100644
--- a/site/frontend/src/pages/status/page.vue
+++ b/site/frontend/src/pages/status/page.vue
@@ -1,10 +1,15 @@
 <script setup lang="tsx">
 import {h, ref, Ref} from "vue";
+import {differenceInSeconds} from "date-fns";
 
 import {getJson} from "../../utils/requests";
 import {STATUS_DATA_URL} from "../../urls";
 import {withLoading} from "../../utils/loading";
-import {formatISODate, formatSecondsAsDuration} from "../../utils/formatting";
+import {
+  formatISODate,
+  formatSecondsAsDuration,
+  parseDateIsoStringOrNull,
+} from "../../utils/formatting";
 import {useExpandedStore} from "../../utils/expansion";
 import {
   BenchmarkRequest,
@@ -110,14 +115,22 @@ function ExpectedCurrentRequestCompletion() {
   if (!req) return "";
   if (!req.endEstimated) return "";
   if (!req.completedAt) return "";
-  const formattedDate = formatISODate(req.completedAt);
+  const estimatedCompleted = parseDateIsoStringOrNull(req.completedAt);
+  if (!estimatedCompleted) {
+    return null;
+  }
+
+  const now = new Date();
+  const diffSeconds = differenceInSeconds(estimatedCompleted, now);
+  const prettyDisplay = formatSecondsAsDuration(diffSeconds);
+
   return (
     <span>
       Current Benchmark for{" "}
       <strong>
         <CommitSha tag={req.tag}></CommitSha>
       </strong>{" "}
-      expected to end at {formattedDate}{" "}
+      expected to end in approximately {prettyDisplay}
     </span>
   );
 }
diff --git a/site/frontend/src/utils/formatting.ts b/site/frontend/src/utils/formatting.ts
index d0b91c292..16e5fdf96 100644
--- a/site/frontend/src/utils/formatting.ts
+++ b/site/frontend/src/utils/formatting.ts
@@ -27,3 +27,14 @@ export function formatISODate(dateString?: string): string {
   }
   return "";
 }
+
+export function parseDateIsoStringOrNull(dateString?: string): Date | null {
+  if (dateString) {
+    try {
+      return parseISO(dateString);
+    } catch (e) {
+      return null;
+    }
+  }
+  return null;
+}

From f7d6b782db47b8320357125deb7f48a7e6e97f8c Mon Sep 17 00:00:00 2001
From: James Barford-Evans <james.barford-evans@arm.com>
Date: Mon, 10 Nov 2025 08:27:44 +0000
Subject: [PATCH 3/4] Add padding between information

---
 site/frontend/src/pages/status/page.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/site/frontend/src/pages/status/page.vue b/site/frontend/src/pages/status/page.vue
index cd6e94b03..29aa3a623 100644
--- a/site/frontend/src/pages/status/page.vue
+++ b/site/frontend/src/pages/status/page.vue
@@ -195,8 +195,12 @@ loadStatusData(loading);
     <div class="status-page-wrapper">
       <div class="timeline-wrapper">
         <h1>Timeline</h1>
-        <strong>Times are local.</strong>
-        <ExpectedCurrentRequestCompletion />
+        <span class="small-padding-bottom">
+          <strong>Times are local.</strong>
+        </span>
+        <span class="small-padding-bottom">
+          <ExpectedCurrentRequestCompletion />
+        </span>
         <div style="margin-bottom: 10px">
           Queue length: {{ data.queueLength }}
         </div>
@@ -396,4 +400,8 @@ loadStatusData(loading);
   grid-template-columns: repeat(auto-fill, minmax(800px, 1fr));
   grid-gap: 20px;
 }
+
+.small-padding-bottom {
+  padding-bottom: 8px;
+}
 </style>

From 3189dd3bf7a6d25391193fe5f72f6d521538c0a2 Mon Sep 17 00:00:00 2001
From: James Barford-Evans <james.barford-evans@arm.com>
Date: Mon, 10 Nov 2025 08:53:49 +0000
Subject: [PATCH 4/4] Use pr number if there is a PR number otherwise use a
 commit sha

---
 site/frontend/src/pages/status/page.vue | 33 ++++++++++++++++++-------
 1 file changed, 24 insertions(+), 9 deletions(-)

diff --git a/site/frontend/src/pages/status/page.vue b/site/frontend/src/pages/status/page.vue
index 29aa3a623..97f02bc79 100644
--- a/site/frontend/src/pages/status/page.vue
+++ b/site/frontend/src/pages/status/page.vue
@@ -124,15 +124,30 @@ function ExpectedCurrentRequestCompletion() {
   const diffSeconds = differenceInSeconds(estimatedCompleted, now);
   const prettyDisplay = formatSecondsAsDuration(diffSeconds);
 
-  return (
-    <span>
-      Current Benchmark for{" "}
-      <strong>
-        <CommitSha tag={req.tag}></CommitSha>
-      </strong>{" "}
-      expected to end in approximately {prettyDisplay}
-    </span>
-  );
+  if (req.requestType === "Release") {
+    return (
+      <span>
+        Current Benchmark for{" "}
+        <strong>
+          <CommitSha tag={req.tag}></CommitSha>
+        </strong>{" "}
+        expected to end in approximately {prettyDisplay}
+      </span>
+    );
+  } else {
+    const url = `https://github.com/rust-lang/rust/pull/${req.pr}`;
+    return (
+      <span>
+        Current Benchmark for PR{" "}
+        <strong>
+          <a href={url} target="_blank">
+            #{req.pr}
+          </a>{" "}
+        </strong>
+        expected to end in approximately {prettyDisplay}
+      </span>
+    );
+  }
 }
 
 function PullRequestLink({request}: {request: BenchmarkRequest}) {