Show at the top of the timeline when the current benchmark is expected to finish

Author: Jamesbarford

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 }}

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;
+}

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 "";
@@ -164,6 +182,7 @@ loadStatusData(loading);
     <div class="status-page-wrapper">
       <div class="timeline-wrapper">
         <h1>Timeline</h1>
+        <ExpectedCurrentRequestCompletion />
         <div style="margin-bottom: 10px">
           Queue length: {{ data.queueLength }}
         </div>
@@ -188,7 +207,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)
                   }}{{