foo.diff

diff --git a/metrics.js b/metrics.js
index cf01fff..c09fa3c 100644
--- a/metrics.js
+++ b/metrics.js
@@ -99,6 +99,7 @@ function computeErrorMetrics(platform) {
 function computeControllerRequestMetrics() {
   const now = Date.now();
   const metricsControllerMap = {};
+  const controllerRequestsMap = {};
 
   for (const {
     name,
@@ -106,6 +107,7 @@ function computeControllerRequestMetrics() {
     timestamp,
     connectionId,
     sessionId,
+    messageId,
     forTest,
   } of getRequests()) {
     if (forTest || isTestConnection(connectionId)) {
@@ -118,6 +120,10 @@ function computeControllerRequestMetrics() {
 
     const controlId = (sessionId && sessionId.split("/")[0]) || null;
 
+    if (!controllerRequestsMap[controlId]) {
+      controllerRequestsMap[controlId] = [];
+    }
+
     if (!metricsControllerMap[name][controlId]) {
       metricsControllerMap[name][controlId] = [];
     }
@@ -126,6 +132,7 @@ function computeControllerRequestMetrics() {
 
     if (timeStampAge < MetricAges[MetricAges.length - 1]) {
       metricsControllerMap[name][controlId].push(duration);
+      controllerRequestsMap[controlId].push([messageId, name, duration]);
     }
   }
 
diff --git a/website/pages/performance/[request].js b/website/pages/performance/[request].js
index 7b89b9d..98738c2 100644
--- a/website/pages/performance/[request].js
+++ b/website/pages/performance/[request].js
@@ -183,23 +183,11 @@ function RequestsFilterSummary({ setFilter, filter, countShown, countTotal, filt
   const handleChange = e => setFilter(e.target.value);
   const handleBlur = e => e.target.value === "" && setFilter(0);
 
-  const status = (
-    <span className="mx-2 font-semibold">
-      {countShown}
-      <span className="mx-1">/</span>
-      <span
-        className={`inline-flex items-center px-2.5 py-0.5 rounded-full max-w-max text-base ${
-          filterId ? "bg-blue-100 text-blue-400" : "bg-gray-100 text-gray-400"
-        }`}
-      >
-        {countTotal}
-      </span>
-    </span>
-  );
+  const status = <span className=" font-semibold">{countShown}</span>;
 
   return (
     <div className="text-s text-gray-500 my-2 align-right flex items-center">
-      <span className="mr-2">
+      <span className="mr-1">
         Showing {status} requests with durations longer than
         <input
           className="mr-2 w-10 mx-2 border-2 border-gray-300 leading-2 text-center"
@@ -239,6 +227,7 @@ function RequestsData({ requests, toggleSort, setFilterId }) {
     <RequestHeaderContent handleClick={toggleSort}>Duration (s)</RequestHeaderContent>,
     <RequestHeaderContent>Controller Id</RequestHeaderContent>,
   ];
+  console.log(requests);
   return (
     <Table headers={headers}>
       {requests.map((r, i) => (