metrics: add p50 pull TTS panel (#8290)

Add a pull-only TTS scalar next to the combined pull/trunk/docs-build
panel on the HUD metrics page. Uses the existing WorkflowDuration
component, so it respects the time-range and percentile pickers. This
issues its own small pull-only query rather than reusing the combined
one.

Author: georgehong

torchci/pages/metrics.tsx

@@ -391,10 +391,14 @@ function WorkflowDuration({
   percentile,
   timeParams,
   workflowNames,
+  badThresholdSec = 60 * 60 * 4,
 }: {
   percentile: number;
   timeParams: { [key: string]: string };
   workflowNames: string[];
+  // TTS above this many seconds renders the value in red. Absolute, so it's
+  // tuned for p50; higher percentiles will naturally read red.
+  badThresholdSec?: number;
 }) {
   let title: string = `p${percentile * 100} ${workflowNames.join(", ")} TTS`;
   let queryName: string = "workflow_duration_percentile";
@@ -416,7 +420,7 @@ function WorkflowDuration({
         workflowNames: workflowNames,
         percentile,
       }}
-      badThreshold={(value) => value > 60 * 60 * 4} // 3 hours
+      badThreshold={(value) => value > badThresholdSec}
     />
   );
 }
@@ -843,6 +847,12 @@ export default function Page() {
               timeParams={timeParams}
               workflowNames={["pull", "trunk", "docs-build"]}
             />
+            <WorkflowDuration
+              percentile={ttsPercentile}
+              timeParams={timeParams}
+              workflowNames={["pull"]}
+              badThresholdSec={60 * 60 * 2} // 2 hours
+            />
           </Stack>
         </Grid>