diff --git a/esp/src/eclwatch/HPCCPlatformWidget.js b/esp/src/eclwatch/HPCCPlatformWidget.js
index 8bccfb83f8f..6961d826b67 100644
--- a/esp/src/eclwatch/HPCCPlatformWidget.js
+++ b/esp/src/eclwatch/HPCCPlatformWidget.js
@@ -24,6 +24,7 @@ define([
     "src/react/index",
     "src-react/components/About",
     "src-react/components/controls/ComingSoon",
+    "src-react/hooks/platform",
 
     "hpcc/_TabContainerWidget",
     "src/ESPRequest",
@@ -74,7 +75,7 @@ define([
 ], function (declare, lang, nlsHPCCMod, arrayUtil, dom, domConstruct, domClass, domForm, domStyle, domGeo, cookie, query, topic, xhr,
     registry, Tooltip,
     UpgradeBar, ColorPicker,
-    CodeMirror, srcReact, AboutModule, ComingSoonModule,
+    CodeMirror, srcReact, AboutModule, ComingSoonModule, platformModule,
     _TabContainerWidget, ESPRequest, ESPActivity, ESPUtil, WsAccount, WsAccess, WsSMC, WsTopology, WsMachine, LockDialogWidget, EnvironmentTheme, Utility,
     template,
 
@@ -162,6 +163,31 @@ define([
             /* */
             var teaserNode = dom.byId(this.id + "teaser");
             srcReact.render(ComingSoonModule.ComingSoon, { style: { color: "white" } }, teaserNode);
+
+            const DAY = 1000 * 60 * 60 * 24;
+            platformModule.fetchCheckFeatures().then(function (features) {
+                if (!features || !features.BuildTagTimestamp) return;
+                const age = features.BuildTagTimestamp ? Math.floor((Date.now() - new Date(features.BuildTagTimestamp).getTime()) / DAY) : 0;
+                let message = nlsHPCC.PlatformBuildIsNNNDaysOld.replace("NNN", `${age}`);
+                let severity = "Info";
+                if (age > 90) {
+                    severity = "Alert";
+                    message += `  ${nlsHPCC.PleaseUpgradeToLaterPointRelease}`;
+                } else if (age > 60) {
+                    severity = "Error";
+                    message += `  ${nlsHPCC.PleaseUpgradeToLaterPointRelease}`;
+                } else if (age > 30) {
+                    severity = "Warning";
+                    message += `  ${nlsHPCC.PleaseUpgradeToLaterPointRelease}`;
+                } else {
+                    severity = "Info";
+                }
+                dojo.publish("hpcc/brToaster", {
+                    Severity: severity,
+                    Source: "eclwatch/HPCCPlatformWidget.js",
+                    Exceptions: [{ Source: "", Message: message }]
+                });
+            });
         },
 
         //  Implementation  ---
diff --git a/esp/src/eclwatch/InfoGridWidget.js b/esp/src/eclwatch/InfoGridWidget.js
index 6123945d7e3..3effa1b5c72 100755
--- a/esp/src/eclwatch/InfoGridWidget.js
+++ b/esp/src/eclwatch/InfoGridWidget.js
@@ -247,11 +247,11 @@ define([
                 if (item) {
                     var severity = this.store.getValue(item, "Severity", null);
                     if (severity === "Error") {
-                        row.customStyles += "background-color: red;";
+                        row.customStyles += "background-color: #fe8147;";
                     } else if (severity === "Alert") {
-                        row.customStyles += "background-color: #febe47;";
+                        row.customStyles += "background-color: #ff1e00;";
                     } else if (severity === "Warning") {
-                        row.customStyles += "background-color: yellow;";
+                        row.customStyles += "background-color: #ffee00;";
                     }
                 }
                 this.infoGrid.focus.styleRow(row);
@@ -337,6 +337,7 @@ define([
                             break;
                         case "Alert":
                             this._counts.alert++;
+                            this._counts.errorWarning++;
                             if (errorChecked) {
                                 data.push(item);
                             }
diff --git a/esp/src/eclwatch/css/hpcc.css b/esp/src/eclwatch/css/hpcc.css
index a2a8c337755..0ca8c3c4f79 100644
--- a/esp/src/eclwatch/css/hpcc.css
+++ b/esp/src/eclwatch/css/hpcc.css
@@ -1697,19 +1697,30 @@ table.miniSelect span {
     color: #fff;
 }
 
-.dijitToasterWarning,
+.dijitToasterAlert,
+.dijitToasterWarning {
+    font-weight: bold;
+}
+
 .dijitToasterError,
+.dijitToasterFatal {
+    font-weight: bold;
+    color: #fff;
 .dijitToasterFatal {
     font-weight: bold;
     color: #fff;
 }
 
 .dijitToasterWarning .dijitToasterContent {
-    background: #d4d943;
+    background: #ffee00;
 }
 
 .dijitToasterError .dijitToasterContent {
-    background: #c46600;
+    background: #fe8147;
+}
+
+.dijitToasterAlert .dijitToasterContent {
+    background: #ff1e00;
 }
 
 /* imported from dijit.css */
diff --git a/esp/src/package-lock.json b/esp/src/package-lock.json
index 287f20927dc..2f173de7184 100644
--- a/esp/src/package-lock.json
+++ b/esp/src/package-lock.json
@@ -32,7 +32,6 @@
         "@kubernetes/client-node": "0.18.1",
         "clipboard": "2.0.11",
         "d3-dsv": "3.0.1",
-        "detect-browser": "5.3.0",
         "dijit": "1.17.3",
         "dijit-themes": "1.17.3",
         "dojo": "1.17.3",
@@ -41,6 +40,7 @@
         "es6-promise": "4.2.8",
         "font-awesome": "4.7.0",
         "formik": "2.2.9",
+        "octokit": "3.1.1",
         "query-string": "7.1.3",
         "react": "17.0.2",
         "react-dom": "17.0.2",
@@ -2091,6 +2091,337 @@
         "node": ">= 8"
       }
     },
+    "node_modules/@octokit/app": {
+      "version": "14.0.2",
+      "resolved": "https://registry.npmjs.org/@octokit/app/-/app-14.0.2.tgz",
+      "integrity": "sha512-NCSCktSx+XmjuSUVn2dLfqQ9WIYePGP95SDJs4I9cn/0ZkeXcPkaoCLl64Us3dRKL2ozC7hArwze5Eu+/qt1tg==",
+      "dependencies": {
+        "@octokit/auth-app": "^6.0.0",
+        "@octokit/auth-unauthenticated": "^5.0.0",
+        "@octokit/core": "^5.0.0",
+        "@octokit/oauth-app": "^6.0.0",
+        "@octokit/plugin-paginate-rest": "^9.0.0",
+        "@octokit/types": "^12.0.0",
+        "@octokit/webhooks": "^12.0.4"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/@octokit/auth-app": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/@octokit/auth-app/-/auth-app-6.0.1.tgz",
+      "integrity": "sha512-tjCD4nzQNZgmLH62+PSnTF6eGerisFgV4v6euhqJik6yWV96e1ZiiGj+NXIqbgnpjLmtnBqVUrNyGKu3DoGEGA==",
+      "dependencies": {
+        "@octokit/auth-oauth-app": "^7.0.0",
+        "@octokit/auth-oauth-user": "^4.0.0",
+        "@octokit/request": "^8.0.2",
+        "@octokit/request-error": "^5.0.0",
+        "@octokit/types": "^12.0.0",
+        "deprecation": "^2.3.1",
+        "lru-cache": "^10.0.0",
+        "universal-github-app-jwt": "^1.1.1",
+        "universal-user-agent": "^6.0.0"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/@octokit/auth-app/node_modules/lru-cache": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.1.0.tgz",
+      "integrity": "sha512-/1clY/ui8CzjKFyjdvwPWJUYKiFVXG2I2cY0ssG7h4+hwk+XOIX7ZSG9Q7TW8TW3Kp3BUSqgFWBLgL4PJ+Blag==",
+      "engines": {
+        "node": "14 || >=16.14"
+      }
+    },
+    "node_modules/@octokit/auth-oauth-app": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/@octokit/auth-oauth-app/-/auth-oauth-app-7.0.1.tgz",
+      "integrity": "sha512-RE0KK0DCjCHXHlQBoubwlLijXEKfhMhKm9gO56xYvFmP1QTMb+vvwRPmQLLx0V+5AvV9N9I3lr1WyTzwL3rMDg==",
+      "dependencies": {
+        "@octokit/auth-oauth-device": "^6.0.0",
+        "@octokit/auth-oauth-user": "^4.0.0",
+        "@octokit/request": "^8.0.2",
+        "@octokit/types": "^12.0.0",
+        "@types/btoa-lite": "^1.0.0",
+        "btoa-lite": "^1.0.0",
+        "universal-user-agent": "^6.0.0"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/@octokit/auth-oauth-device": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/@octokit/auth-oauth-device/-/auth-oauth-device-6.0.1.tgz",
+      "integrity": "sha512-yxU0rkL65QkjbqQedgVx3gmW7YM5fF+r5uaSj9tM/cQGVqloXcqP2xK90eTyYvl29arFVCW8Vz4H/t47mL0ELw==",
+      "dependencies": {
+        "@octokit/oauth-methods": "^4.0.0",
+        "@octokit/request": "^8.0.0",
+        "@octokit/types": "^12.0.0",
+        "universal-user-agent": "^6.0.0"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/@octokit/auth-oauth-user": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@octokit/auth-oauth-user/-/auth-oauth-user-4.0.1.tgz",
+      "integrity": "sha512-N94wWW09d0hleCnrO5wt5MxekatqEJ4zf+1vSe8MKMrhZ7gAXKFOKrDEZW2INltvBWJCyDUELgGRv8gfErH1Iw==",
+      "dependencies": {
+        "@octokit/auth-oauth-device": "^6.0.0",
+        "@octokit/oauth-methods": "^4.0.0",
+        "@octokit/request": "^8.0.2",
+        "@octokit/types": "^12.0.0",
+        "btoa-lite": "^1.0.0",
+        "universal-user-agent": "^6.0.0"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/@octokit/auth-token": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@octokit/auth-token/-/auth-token-4.0.0.tgz",
+      "integrity": "sha512-tY/msAuJo6ARbK6SPIxZrPBms3xPbfwBrulZe0Wtr/DIY9lje2HeV1uoebShn6mx7SjCHif6EjMvoREj+gZ+SA==",
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/@octokit/auth-unauthenticated": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/@octokit/auth-unauthenticated/-/auth-unauthenticated-5.0.1.tgz",
+      "integrity": "sha512-oxeWzmBFxWd+XolxKTc4zr+h3mt+yofn4r7OfoIkR/Cj/o70eEGmPsFbueyJE2iBAGpjgTnEOKM3pnuEGVmiqg==",
+      "dependencies": {
+        "@octokit/request-error": "^5.0.0",
+        "@octokit/types": "^12.0.0"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/@octokit/core": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/@octokit/core/-/core-5.0.2.tgz",
+      "integrity": "sha512-cZUy1gUvd4vttMic7C0lwPed8IYXWYp8kHIMatyhY8t8n3Cpw2ILczkV5pGMPqef7v0bLo0pOHrEHarsau2Ydg==",
+      "dependencies": {
+        "@octokit/auth-token": "^4.0.0",
+        "@octokit/graphql": "^7.0.0",
+        "@octokit/request": "^8.0.2",
+        "@octokit/request-error": "^5.0.0",
+        "@octokit/types": "^12.0.0",
+        "before-after-hook": "^2.2.0",
+        "universal-user-agent": "^6.0.0"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/@octokit/endpoint": {
+      "version": "9.0.3",
+      "resolved": "https://registry.npmjs.org/@octokit/endpoint/-/endpoint-9.0.3.tgz",
+      "integrity": "sha512-TXVX57fJV7SA6LvRkeXPIOBr8AKvKDlhwNVBP/26O9DjIFi+CkYZGFLP9WtPdVOicRIhqGHxBCC6Fdj5AWWGgQ==",
+      "dependencies": {
+        "@octokit/types": "^12.0.0",
+        "universal-user-agent": "^6.0.0"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/@octokit/graphql": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@octokit/graphql/-/graphql-7.0.2.tgz",
+      "integrity": "sha512-OJ2iGMtj5Tg3s6RaXH22cJcxXRi7Y3EBqbHTBRq+PQAqfaS8f/236fUrWhfSn8P4jovyzqucxme7/vWSSZBX2Q==",
+      "dependencies": {
+        "@octokit/request": "^8.0.1",
+        "@octokit/types": "^12.0.0",
+        "universal-user-agent": "^6.0.0"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/@octokit/oauth-app": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@octokit/oauth-app/-/oauth-app-6.0.0.tgz",
+      "integrity": "sha512-bNMkS+vJ6oz2hCyraT9ZfTpAQ8dZNqJJQVNaKjPLx4ue5RZiFdU1YWXguOPR8AaSHS+lKe+lR3abn2siGd+zow==",
+      "dependencies": {
+        "@octokit/auth-oauth-app": "^7.0.0",
+        "@octokit/auth-oauth-user": "^4.0.0",
+        "@octokit/auth-unauthenticated": "^5.0.0",
+        "@octokit/core": "^5.0.0",
+        "@octokit/oauth-authorization-url": "^6.0.2",
+        "@octokit/oauth-methods": "^4.0.0",
+        "@types/aws-lambda": "^8.10.83",
+        "universal-user-agent": "^6.0.0"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/@octokit/oauth-authorization-url": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/@octokit/oauth-authorization-url/-/oauth-authorization-url-6.0.2.tgz",
+      "integrity": "sha512-CdoJukjXXxqLNK4y/VOiVzQVjibqoj/xHgInekviUJV73y/BSIcwvJ/4aNHPBPKcPWFnd4/lO9uqRV65jXhcLA==",
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/@octokit/oauth-methods": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@octokit/oauth-methods/-/oauth-methods-4.0.1.tgz",
+      "integrity": "sha512-1NdTGCoBHyD6J0n2WGXg9+yDLZrRNZ0moTEex/LSPr49m530WNKcCfXDghofYptr3st3eTii+EHoG5k/o+vbtw==",
+      "dependencies": {
+        "@octokit/oauth-authorization-url": "^6.0.2",
+        "@octokit/request": "^8.0.2",
+        "@octokit/request-error": "^5.0.0",
+        "@octokit/types": "^12.0.0",
+        "btoa-lite": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/@octokit/openapi-types": {
+      "version": "19.0.2",
+      "resolved": "https://registry.npmjs.org/@octokit/openapi-types/-/openapi-types-19.0.2.tgz",
+      "integrity": "sha512-8li32fUDUeml/ACRp/njCWTsk5t17cfTM1jp9n08pBrqs5cDFJubtjsSnuz56r5Tad6jdEPJld7LxNp9dNcyjQ=="
+    },
+    "node_modules/@octokit/plugin-paginate-graphql": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@octokit/plugin-paginate-graphql/-/plugin-paginate-graphql-4.0.0.tgz",
+      "integrity": "sha512-7HcYW5tP7/Z6AETAPU14gp5H5KmCPT3hmJrS/5tO7HIgbwenYmgw4OY9Ma54FDySuxMwD+wsJlxtuGWwuZuItA==",
+      "engines": {
+        "node": ">= 18"
+      },
+      "peerDependencies": {
+        "@octokit/core": ">=5"
+      }
+    },
+    "node_modules/@octokit/plugin-paginate-rest": {
+      "version": "9.1.4",
+      "resolved": "https://registry.npmjs.org/@octokit/plugin-paginate-rest/-/plugin-paginate-rest-9.1.4.tgz",
+      "integrity": "sha512-MvZx4WvfhBnt7PtH5XE7HORsO7bBk4er1FgRIUr1qJ89NR2I6bWjGyKsxk8z42FPQ34hFQm0Baanh4gzdZR4gQ==",
+      "dependencies": {
+        "@octokit/types": "^12.3.0"
+      },
+      "engines": {
+        "node": ">= 18"
+      },
+      "peerDependencies": {
+        "@octokit/core": ">=5"
+      }
+    },
+    "node_modules/@octokit/plugin-rest-endpoint-methods": {
+      "version": "10.1.5",
+      "resolved": "https://registry.npmjs.org/@octokit/plugin-rest-endpoint-methods/-/plugin-rest-endpoint-methods-10.1.5.tgz",
+      "integrity": "sha512-LMEdsMV8TTMjMTqVoqMzV95XTbv0ZsWxCxQtjAunQOCdwoDH4BVF/Ke5JMSZEVCWGI2kzxnUNbFnK/MxwV7NjA==",
+      "dependencies": {
+        "@octokit/types": "^12.3.0"
+      },
+      "engines": {
+        "node": ">= 18"
+      },
+      "peerDependencies": {
+        "@octokit/core": ">=5"
+      }
+    },
+    "node_modules/@octokit/plugin-retry": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/@octokit/plugin-retry/-/plugin-retry-6.0.1.tgz",
+      "integrity": "sha512-SKs+Tz9oj0g4p28qkZwl/topGcb0k0qPNX/i7vBKmDsjoeqnVfFUquqrE/O9oJY7+oLzdCtkiWSXLpLjvl6uog==",
+      "dependencies": {
+        "@octokit/request-error": "^5.0.0",
+        "@octokit/types": "^12.0.0",
+        "bottleneck": "^2.15.3"
+      },
+      "engines": {
+        "node": ">= 18"
+      },
+      "peerDependencies": {
+        "@octokit/core": ">=5"
+      }
+    },
+    "node_modules/@octokit/plugin-throttling": {
+      "version": "8.1.3",
+      "resolved": "https://registry.npmjs.org/@octokit/plugin-throttling/-/plugin-throttling-8.1.3.tgz",
+      "integrity": "sha512-pfyqaqpc0EXh5Cn4HX9lWYsZ4gGbjnSmUILeu4u2gnuM50K/wIk9s1Pxt3lVeVwekmITgN/nJdoh43Ka+vye8A==",
+      "dependencies": {
+        "@octokit/types": "^12.2.0",
+        "bottleneck": "^2.15.3"
+      },
+      "engines": {
+        "node": ">= 18"
+      },
+      "peerDependencies": {
+        "@octokit/core": "^5.0.0"
+      }
+    },
+    "node_modules/@octokit/request": {
+      "version": "8.1.6",
+      "resolved": "https://registry.npmjs.org/@octokit/request/-/request-8.1.6.tgz",
+      "integrity": "sha512-YhPaGml3ncZC1NfXpP3WZ7iliL1ap6tLkAp6MvbK2fTTPytzVUyUesBBogcdMm86uRYO5rHaM1xIWxigWZ17MQ==",
+      "dependencies": {
+        "@octokit/endpoint": "^9.0.0",
+        "@octokit/request-error": "^5.0.0",
+        "@octokit/types": "^12.0.0",
+        "universal-user-agent": "^6.0.0"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/@octokit/request-error": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/@octokit/request-error/-/request-error-5.0.1.tgz",
+      "integrity": "sha512-X7pnyTMV7MgtGmiXBwmO6M5kIPrntOXdyKZLigNfQWSEQzVxR4a4vo49vJjTWX70mPndj8KhfT4Dx+2Ng3vnBQ==",
+      "dependencies": {
+        "@octokit/types": "^12.0.0",
+        "deprecation": "^2.0.0",
+        "once": "^1.4.0"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/@octokit/types": {
+      "version": "12.3.0",
+      "resolved": "https://registry.npmjs.org/@octokit/types/-/types-12.3.0.tgz",
+      "integrity": "sha512-nJ8X2HRr234q3w/FcovDlA+ttUU4m1eJAourvfUUtwAWeqL8AsyRqfnLvVnYn3NFbUnsmzQCzLNdFerPwdmcDQ==",
+      "dependencies": {
+        "@octokit/openapi-types": "^19.0.2"
+      }
+    },
+    "node_modules/@octokit/webhooks": {
+      "version": "12.0.8",
+      "resolved": "https://registry.npmjs.org/@octokit/webhooks/-/webhooks-12.0.8.tgz",
+      "integrity": "sha512-IndolsepJQtsGo7pyNRnftla/6Gn6Vejk6iV/RmKP76Z7QNFLanZvoJkU8CLMcOjmJk/6X8T2TfpCXVw68RenQ==",
+      "dependencies": {
+        "@octokit/request-error": "^5.0.0",
+        "@octokit/webhooks-methods": "^4.0.0",
+        "@octokit/webhooks-types": "7.1.0",
+        "aggregate-error": "^3.1.0"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/@octokit/webhooks-methods": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@octokit/webhooks-methods/-/webhooks-methods-4.0.0.tgz",
+      "integrity": "sha512-M8mwmTXp+VeolOS/kfRvsDdW+IO0qJ8kYodM/sAysk093q6ApgmBXwK1ZlUvAwXVrp/YVHp6aArj4auAxUAOFw==",
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/@octokit/webhooks-types": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/@octokit/webhooks-types/-/webhooks-types-7.1.0.tgz",
+      "integrity": "sha512-y92CpG4kFFtBBjni8LHoV12IegJ+KFxLgKRengrVjKmGE5XMeCuGvlfRe75lTRrgXaG6XIWJlFpIDTlkoJsU8w=="
+    },
     "node_modules/@simbathesailor/use-what-changed": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@simbathesailor/use-what-changed/-/use-what-changed-2.0.0.tgz",
@@ -2117,6 +2448,16 @@
         "node": ">= 6"
       }
     },
+    "node_modules/@types/aws-lambda": {
+      "version": "8.10.129",
+      "resolved": "https://registry.npmjs.org/@types/aws-lambda/-/aws-lambda-8.10.129.tgz",
+      "integrity": "sha512-0Rl7CpTPVws5cp0Ui1gZh4Q+TXC65bXVwTOGoI2RKW45dxWzyZGbjIX0uFjFYdIJ8vnD45y584rIIqvD2vBBfQ=="
+    },
+    "node_modules/@types/btoa-lite": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@types/btoa-lite/-/btoa-lite-1.0.2.tgz",
+      "integrity": "sha512-ZYbcE2x7yrvNFJiU7xJGrpF/ihpkM7zKgw8bha3LNJSesvTtUNxbpzaT7WXBIryf6jovisrxTBvymxMeLLj1Mg=="
+    },
     "node_modules/@types/caseless": {
       "version": "0.12.2",
       "resolved": "https://registry.npmjs.org/@types/caseless/-/caseless-0.12.2.tgz",
@@ -2269,6 +2610,14 @@
       "integrity": "sha512-qcUXuemtEu+E5wZSJHNxUXeCZhAfXKQ41D+duX+VYPde7xyEVZci+/oXKJL13tnRs9lR2pr4fod59GT6/X1/yQ==",
       "dev": true
     },
+    "node_modules/@types/jsonwebtoken": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/@types/jsonwebtoken/-/jsonwebtoken-9.0.5.tgz",
+      "integrity": "sha512-VRLSGzik+Unrup6BsouBeHsf4d1hOEgYWTm/7Nmw1sXoN1+tRly/Gy/po3yeahnP4jfnQWWAhQAqcNfH7ngOkA==",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
     "node_modules/@types/leaflet": {
       "version": "1.9.6",
       "resolved": "https://registry.npmjs.org/@types/leaflet/-/leaflet-1.9.6.tgz",
@@ -2802,6 +3151,18 @@
         "node": ">= 6.0.0"
       }
     },
+    "node_modules/aggregate-error": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz",
+      "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==",
+      "dependencies": {
+        "clean-stack": "^2.0.0",
+        "indent-string": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/ajv": {
       "version": "6.12.6",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
@@ -2961,6 +3322,11 @@
         "tweetnacl": "^0.14.3"
       }
     },
+    "node_modules/before-after-hook": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/before-after-hook/-/before-after-hook-2.2.3.tgz",
+      "integrity": "sha512-NzUnlZexiaH/46WDhANlyR2bXRopNg4F/zuSA3OpZnllCUgRaOF2znDioDWrmbNVsuZk6l9pMquQB38cfBZwkQ=="
+    },
     "node_modules/big.js": {
       "version": "5.2.2",
       "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
@@ -2970,6 +3336,11 @@
         "node": "*"
       }
     },
+    "node_modules/bottleneck": {
+      "version": "2.19.5",
+      "resolved": "https://registry.npmjs.org/bottleneck/-/bottleneck-2.19.5.tgz",
+      "integrity": "sha512-VHiNCbI1lKdl44tGrhNfU3lup0Tj/ZBMJB5/2ZbNXRCPuRCO7ed2mgcK4r17y+KB2EfuYuRaVlwNbAeaWGSpbw=="
+    },
     "node_modules/brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -3014,6 +3385,16 @@
         "url": "https://opencollective.com/browserslist"
       }
     },
+    "node_modules/btoa-lite": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/btoa-lite/-/btoa-lite-1.0.0.tgz",
+      "integrity": "sha512-gvW7InbIyF8AicrqWoptdW08pUxuhq8BEgowNajy9RhiE86fmGAGl+bLKo6oB8QP0CkqHLowfN0oJdKC/J6LbA=="
+    },
+    "node_modules/buffer-equal-constant-time": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/buffer-equal-constant-time/-/buffer-equal-constant-time-1.0.1.tgz",
+      "integrity": "sha512-zRpUiDwd/xk6ADqPMATG8vc9VPrkck7T07OIx0gnjmJAnHnTVXNQG3vfvWNuiZIkwu9KrKdA1iJKfsfTVxE6NA=="
+    },
     "node_modules/buffer-from": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
@@ -3140,6 +3521,14 @@
         "node": ">=6.0"
       }
     },
+    "node_modules/clean-stack": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz",
+      "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/clipboard": {
       "version": "2.0.11",
       "resolved": "https://registry.npmjs.org/clipboard/-/clipboard-2.0.11.tgz",
@@ -3739,6 +4128,11 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/deprecation": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/deprecation/-/deprecation-2.3.1.tgz",
+      "integrity": "sha512-xmHIy4F3scKVwMsQ4WnVaS8bHOx0DmVwRywosKhaILI0ywMDWPtBSku2HNxRvF7jtwDRsoEwYQSfbxj8b7RlJQ=="
+    },
     "node_modules/destroy": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
@@ -3749,11 +4143,6 @@
         "npm": "1.2.8000 || >= 1.4.16"
       }
     },
-    "node_modules/detect-browser": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/detect-browser/-/detect-browser-5.3.0.tgz",
-      "integrity": "sha512-53rsFbGdwMwlF7qvCt0ypLM5V5/Mbl0szB7GPN8y9NCcbknYOeVVXdrXEq+90IwAfrrzt6Hd+u2E2ntakICU8w=="
-    },
     "node_modules/dijit": {
       "version": "1.17.3",
       "resolved": "https://registry.npmjs.org/dijit/-/dijit-1.17.3.tgz",
@@ -3852,6 +4241,14 @@
         "safer-buffer": "^2.1.0"
       }
     },
+    "node_modules/ecdsa-sig-formatter": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/ecdsa-sig-formatter/-/ecdsa-sig-formatter-1.0.11.tgz",
+      "integrity": "sha512-nagl3RYrbNv6kQkeJIpt6NJZy8twLB/2vtz6yN9Z4vRKHN4/QZJIEbqohALSgwKdnksuY3k5Addp5lg8sVoVcQ==",
+      "dependencies": {
+        "safe-buffer": "^5.0.1"
+      }
+    },
     "node_modules/ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -4998,6 +5395,14 @@
         "node": ">=0.8.19"
       }
     },
+    "node_modules/indent-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/inflation": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/inflation/-/inflation-2.0.0.tgz",
@@ -5515,6 +5920,27 @@
         "node": "*"
       }
     },
+    "node_modules/jsonwebtoken": {
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/jsonwebtoken/-/jsonwebtoken-9.0.2.tgz",
+      "integrity": "sha512-PRp66vJ865SSqOlgqS8hujT5U4AOgMfhrwYIuIhfKaoSCZcirrmASQr8CX7cUg+RMih+hgznrjp99o+W4pJLHQ==",
+      "dependencies": {
+        "jws": "^3.2.2",
+        "lodash.includes": "^4.3.0",
+        "lodash.isboolean": "^3.0.3",
+        "lodash.isinteger": "^4.0.4",
+        "lodash.isnumber": "^3.0.3",
+        "lodash.isplainobject": "^4.0.6",
+        "lodash.isstring": "^4.0.1",
+        "lodash.once": "^4.0.0",
+        "ms": "^2.1.1",
+        "semver": "^7.5.4"
+      },
+      "engines": {
+        "node": ">=12",
+        "npm": ">=6"
+      }
+    },
     "node_modules/jsprim": {
       "version": "1.4.2",
       "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.2.tgz",
@@ -5529,6 +5955,25 @@
         "node": ">=0.6.0"
       }
     },
+    "node_modules/jwa": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/jwa/-/jwa-1.4.1.tgz",
+      "integrity": "sha512-qiLX/xhEEFKUAJ6FiBMbes3w9ATzyk5W7Hvzpa/SLYdxNtng+gcurvrI7TbACjIXlsJyr05/S1oUhZrc63evQA==",
+      "dependencies": {
+        "buffer-equal-constant-time": "1.0.1",
+        "ecdsa-sig-formatter": "1.0.11",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/jws": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/jws/-/jws-3.2.2.tgz",
+      "integrity": "sha512-YHlZCB6lMTllWDtSPHz/ZXTsi8S00usEV6v1tjq8tOUZzw7DpSDWVXjXDre6ed1w/pd495ODpHZYSdkRTsa0HA==",
+      "dependencies": {
+        "jwa": "^1.4.1",
+        "safe-buffer": "^5.0.1"
+      }
+    },
     "node_modules/keyborg": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/keyborg/-/keyborg-2.0.0.tgz",
@@ -5888,12 +6333,47 @@
       "integrity": "sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==",
       "dev": true
     },
+    "node_modules/lodash.includes": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/lodash.includes/-/lodash.includes-4.3.0.tgz",
+      "integrity": "sha512-W3Bx6mdkRTGtlJISOvVD/lbqjTlPPUDTMnlXZFnVwi9NKJ6tiAk6LVdlhZMm17VZisqhKcgzpO5Wz91PCt5b0w=="
+    },
+    "node_modules/lodash.isboolean": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/lodash.isboolean/-/lodash.isboolean-3.0.3.tgz",
+      "integrity": "sha512-Bz5mupy2SVbPHURB98VAcw+aHh4vRV5IPNhILUCsOzRmsTmSQ17jIuqopAentWoehktxGd9e/hbIXq980/1QJg=="
+    },
+    "node_modules/lodash.isinteger": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/lodash.isinteger/-/lodash.isinteger-4.0.4.tgz",
+      "integrity": "sha512-DBwtEWN2caHQ9/imiNeEA5ys1JoRtRfY3d7V9wkqtbycnAmTvRRmbHKDV4a0EYc678/dia0jrte4tjYwVBaZUA=="
+    },
+    "node_modules/lodash.isnumber": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/lodash.isnumber/-/lodash.isnumber-3.0.3.tgz",
+      "integrity": "sha512-QYqzpfwO3/CWf3XP+Z+tkQsfaLL/EnUlXWVkIk5FUPc4sBdTehEqZONuyRt2P67PXAk+NXmTBcc97zw9t1FQrw=="
+    },
+    "node_modules/lodash.isplainobject": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
+      "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA=="
+    },
+    "node_modules/lodash.isstring": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/lodash.isstring/-/lodash.isstring-4.0.1.tgz",
+      "integrity": "sha512-0wJxfxH1wgO3GrbuP+dTTk7op+6L41QCXbGINEmD+ny/G/eCqGzxyCsh7159S+mgDDcoarnBw6PC1PS5+wUGgw=="
+    },
     "node_modules/lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
       "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
       "dev": true
     },
+    "node_modules/lodash.once": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lodash.once/-/lodash.once-4.1.1.tgz",
+      "integrity": "sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg=="
+    },
     "node_modules/lodash.throttle": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/lodash.throttle/-/lodash.throttle-4.1.1.tgz",
@@ -5914,7 +6394,6 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
       "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "devOptional": true,
       "dependencies": {
         "yallist": "^4.0.0"
       },
@@ -6338,8 +6817,7 @@
     "node_modules/ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-      "dev": true
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
     },
     "node_modules/mz": {
       "version": "2.7.0",
@@ -6692,6 +7170,26 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/octokit": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/octokit/-/octokit-3.1.1.tgz",
+      "integrity": "sha512-AKJs5XYs7iAh7bskkYpxhUIpsYZdLqjnlnqrN5s9FFZuJ/a6ATUHivGpUKDpGB/xa+LGDtG9Lu8bOCfPM84vHQ==",
+      "dependencies": {
+        "@octokit/app": "^14.0.0",
+        "@octokit/core": "^5.0.0",
+        "@octokit/oauth-app": "^6.0.0",
+        "@octokit/plugin-paginate-graphql": "^4.0.0",
+        "@octokit/plugin-paginate-rest": "^9.0.0",
+        "@octokit/plugin-rest-endpoint-methods": "^10.0.0",
+        "@octokit/plugin-retry": "^6.0.0",
+        "@octokit/plugin-throttling": "^8.0.0",
+        "@octokit/request-error": "^5.0.0",
+        "@octokit/types": "^12.0.0"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
     "node_modules/oidc-token-hash": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/oidc-token-hash/-/oidc-token-hash-5.0.1.tgz",
@@ -8666,6 +9164,15 @@
       "resolved": "https://registry.npmjs.org/underscore/-/underscore-1.13.6.tgz",
       "integrity": "sha512-+A5Sja4HP1M08MaXya7p5LvjuM7K6q/2EaC0+iovj/wOcMsTzMvDFbasi/oSapiwOlt252IqsKqPjCl7huKS0A=="
     },
+    "node_modules/universal-github-app-jwt": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/universal-github-app-jwt/-/universal-github-app-jwt-1.1.1.tgz",
+      "integrity": "sha512-G33RTLrIBMFmlDV4u4CBF7dh71eWwykck4XgaxaIVeZKOYZRAAxvcGMRFTUclVY6xoUPQvO4Ne5wKGxYm/Yy9w==",
+      "dependencies": {
+        "@types/jsonwebtoken": "^9.0.0",
+        "jsonwebtoken": "^9.0.0"
+      }
+    },
     "node_modules/undici": {
       "version": "5.26.3",
       "resolved": "https://registry.npmjs.org/undici/-/undici-5.26.3.tgz",
@@ -8685,6 +9192,11 @@
         "path-to-regexp": "^6.2.0"
       }
     },
+    "node_modules/universal-user-agent": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/universal-user-agent/-/universal-user-agent-6.0.1.tgz",
+      "integrity": "sha512-yCzhz6FN2wU1NiiQRogkTQszlQSlpWaw8SvVegAc+bDxbzHgh1vX8uIe8OYyMH6DwH+sdTJsgMl36+mSMdRJIQ=="
+    },
     "node_modules/unpipe": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
diff --git a/esp/src/package.json b/esp/src/package.json
index 6df836b8b9d..22931b70dd9 100644
--- a/esp/src/package.json
+++ b/esp/src/package.json
@@ -57,7 +57,6 @@
     "@kubernetes/client-node": "0.18.1",
     "clipboard": "2.0.11",
     "d3-dsv": "3.0.1",
-    "detect-browser": "5.3.0",
     "dijit": "1.17.3",
     "dijit-themes": "1.17.3",
     "dojo": "1.17.3",
@@ -67,6 +66,7 @@
     "font-awesome": "4.7.0",
     "formik": "2.2.9",
     "query-string": "7.1.3",
+    "octokit": "3.1.1",
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "react-hook-form": "7.43.5",
diff --git a/esp/src/src-react/components/About.tsx b/esp/src/src-react/components/About.tsx
index 5a72b063cb5..0b39c1ad8f5 100644
--- a/esp/src/src-react/components/About.tsx
+++ b/esp/src/src-react/components/About.tsx
@@ -1,12 +1,9 @@
 import * as React from "react";
-import { DefaultButton, Dialog, DialogFooter, DialogType, Pivot, PivotItem } from "@fluentui/react";
-import { useConst } from "@fluentui/react-hooks";
-import { Bar } from "@hpcc-js/chart";
-import { fetchStats } from "src/KeyValStore";
+import { DefaultButton, Dialog, DialogFooter, DialogType, Pivot, PivotItem, Spinner } from "@fluentui/react";
 import nlsHPCC from "src/nlsHPCC";
-import { TpGetServerVersion } from "src/WsTopology";
-import { AutosizeHpccJSComponent } from "../layouts/HpccJSAdapter";
+import { useCheckFeatures, fetchLatestReleases } from "../hooks/platform";
 import { TableGroup } from "./forms/Groups";
+import { Fields } from "./forms/Fields";
 
 const dialogContentProps = {
     type: DialogType.largeHeader,
@@ -19,57 +16,63 @@ interface AboutProps {
     onClose?: () => void;
 }
 
+const dateOptions: Intl.DateTimeFormatOptions = { year: "numeric", month: "long", day: "numeric" };
+
 export const About: React.FunctionComponent<AboutProps> = ({
     eclwatchVersion = "",
     show = false,
     onClose = () => { }
 }) => {
 
-    const [version, setVersion] = React.useState("");
-    const [browser, setBrowser] = React.useState([]);
-    const [os, setOS] = React.useState([]);
+    const [loaded, setLoaded] = React.useState(0);
+    const [latestReleases, setLatestReleases] = React.useState<Fields>({});
 
-    React.useEffect(() => {
-        TpGetServerVersion().then(version => {
-            setVersion(version);
-        });
-        fetchStats().then(response => {
-            setBrowser(response.browser);
-            setOS(response.os);
-        });
-    }, []);
+    const features = useCheckFeatures();
 
-    const browserChart = useConst(new Bar().columns([nlsHPCC.Client, nlsHPCC.Count]));
     React.useEffect(() => {
-        browserChart
-            .data(browser)
-            .lazyRender()
-            ;
-    }, [browser, browserChart]);
-    const osChart = useConst(new Bar().columns([nlsHPCC.Client, nlsHPCC.Count]));
-    React.useEffect(() => {
-        osChart
-            .data(os)
-            .lazyRender()
-            ;
-    }, [os, osChart]);
+        if (show && loaded === 0) {
+            setLoaded(1);
+            fetchLatestReleases().then(releases => {
+                const fields: Fields = {};
+                releases.forEach(release => {
+                    fields[release.tag_name] = {
+                        label: release.tag_name,
+                        type: "link",
+                        value: release.html_url.replace("github.com/hpcc-systems/HPCC-Platform", "..."),
+                        href: release.html_url,
+                        newTab: true,
+                        readonly: true
+                    };
+                });
+                setLoaded(2);
+                setLatestReleases(fields);
+            });
+        }
+    }, [loaded, show]);
 
     return <Dialog hidden={!show} onDismiss={onClose} dialogContentProps={dialogContentProps} minWidth="640px">
         <Pivot>
             <PivotItem itemKey="about" headerText={nlsHPCC.About}>
                 <div style={{ minHeight: "208px", paddingTop: "32px" }}>
                     <TableGroup width="100%" fields={{
-                        platformVersion: { label: `${nlsHPCC.Platform}:`, type: "string", value: version || "???", readonly: true },
+                        platformVersion: { label: `${nlsHPCC.Platform}:`, type: "string", value: features?.version || "???", readonly: true },
+                        platformDate: { label: `${nlsHPCC.BuildDate}:`, type: "string", value: features?.timestamp?.toLocaleDateString(undefined, dateOptions) || "???", readonly: true },
                         eclwatchVersion: { label: "ECL Watch:", type: "string", value: eclwatchVersion, readonly: true },
                     }}>
                     </TableGroup>
                 </div>
             </PivotItem>
-            <PivotItem itemKey="browser" headerText={nlsHPCC.BrowserStats} alwaysRender>
-                <AutosizeHpccJSComponent widget={browserChart} fixedHeight="240px" />
-            </PivotItem>
-            <PivotItem itemKey="os" headerText={nlsHPCC.OSStats} alwaysRender>
-                <AutosizeHpccJSComponent widget={osChart} fixedHeight="240px" />
+            <PivotItem itemKey="latest" headerText={nlsHPCC.LatestReleases}>
+                {
+                    loaded >= 2 &&
+                    <div style={{ minHeight: "208px", overflow: "hidden", paddingTop: "32px" }}>
+                        <TableGroup width="100%" fields={latestReleases}>
+                        </TableGroup>
+                    </div> ||
+                    <div style={{ minHeight: "208px", paddingTop: "32px" }}>
+                        <Spinner labelPosition="bottom" label={nlsHPCC.Loading} />
+                    </div>
+                }
             </PivotItem>
         </Pivot>
         <DialogFooter>
diff --git a/esp/src/src-react/components/FileDetails.tsx b/esp/src/src-react/components/FileDetails.tsx
index cad9f801cc4..4111fe870f6 100644
--- a/esp/src/src-react/components/FileDetails.tsx
+++ b/esp/src/src-react/components/FileDetails.tsx
@@ -1,12 +1,10 @@
 import * as React from "react";
-import { Pivot, PivotItem } from "@fluentui/react";
 import { WsDfu } from "@hpcc-js/comms";
 import { SizeMe } from "react-sizeme";
 import nlsHPCC from "src/nlsHPCC";
 import { QuerySortItem } from "src/store/Store";
 import { FileParts } from "./FileParts";
 import { useFile, useDefFile } from "../hooks/file";
-import { pivotItemStyle, usePivotItemDisable } from "../layouts/pivot";
 import { pushUrl, replaceUrl } from "../util/history";
 import { FileBlooms } from "./FileBlooms";
 import { FileHistory } from "./FileHistory";
@@ -20,23 +18,25 @@ import { SuperFileSummary } from "./SuperFileSummary";
 import { DataPatterns } from "./DataPatterns";
 import { Result } from "./Result";
 import { Queries } from "./Queries";
+import { IndexFileSummary } from "./IndexFileSummary";
+import { DelayLoadedPanel, OverflowTabList, TabInfo } from "./controls/TabbedPanes/index";
 
 import "react-reflex/styles.css";
-import { IndexFileSummary } from "./IndexFileSummary";
 
+type StringStringMap = { [key: string]: string };
 interface FileDetailsProps {
     cluster?: string;
     logicalFile: string;
     tab?: string;
-    sort?: QuerySortItem;
-    queryParams?: { [key: string]: string };
+    sort?: { subfiles?: QuerySortItem, superfiles?: QuerySortItem, parts?: QuerySortItem, graphs?: QuerySortItem, history?: QuerySortItem, blooms?: QuerySortItem, protectby?: QuerySortItem };
+    queryParams?: { contents?: StringStringMap };
 }
 
 export const FileDetails: React.FunctionComponent<FileDetailsProps> = ({
     cluster,
     logicalFile,
     tab = "summary",
-    sort,
+    sort = {},
     queryParams = {}
 }) => {
     const [file] = useFile(cluster, logicalFile);
@@ -47,59 +47,112 @@ export const FileDetails: React.FunctionComponent<FileDetailsProps> = ({
     }, [cluster, file?.NodeGroup, logicalFile]);
     const [defFile] = useDefFile(cluster, logicalFile, WsDfu.DFUDefFileFormat.def);
     const [xmlFile] = useDefFile(cluster, logicalFile, WsDfu.DFUDefFileFormat.xml);
-    const wuidDisable = usePivotItemDisable(file?.Wuid?.length && file?.Wuid[0] === "D");
+
+    const onTabSelect = React.useCallback((tab: TabInfo) => {
+        pushUrl(tab.__state ?? `/files/${cluster}/${logicalFile}/${tab.id}`);
+    }, [cluster, logicalFile]);
+
+    const tabs = React.useMemo((): TabInfo[] => {
+        return [{
+            id: "summary",
+            label: nlsHPCC.Summary,
+        }, {
+            id: "contents",
+            label: nlsHPCC.Contents,
+        }, {
+            id: "datapatterns",
+            label: nlsHPCC.DataPatterns,
+        }, {
+            id: "ecl",
+            label: nlsHPCC.ECL,
+        }, {
+            id: "def",
+            label: nlsHPCC.DEF,
+        }, {
+            id: "xml",
+            label: nlsHPCC.XML,
+        }, file?.isSuperfile ? {
+            id: "subfiles",
+            label: nlsHPCC.Subfiles,
+            count: file?.subfiles?.Item.length ?? 0
+        } : {
+            id: "superfiles",
+            label: nlsHPCC.Superfiles,
+            count: file?.Superfiles?.DFULogicalFile.length ?? 0
+        }, {
+            id: "parts",
+            label: nlsHPCC.FileParts,
+            count: file?.fileParts().length ?? 0
+        }, {
+            id: "queries",
+            label: nlsHPCC.Queries,
+        }, {
+            id: "graphs",
+            label: nlsHPCC.Graphs,
+            count: file?.Graphs?.ECLGraph?.length ?? 0
+        }, {
+            id: "history",
+            label: nlsHPCC.History
+        }, {
+            id: "blooms",
+            label: nlsHPCC.Blooms,
+            count: file?.Blooms?.DFUFileBloom?.length ?? 0
+        }, {
+            id: "protectby",
+            label: nlsHPCC.ProtectBy
+        }];
+    }, [file]);
 
     return <SizeMe monitorHeight>{({ size }) =>
-        <Pivot overflowBehavior="menu" style={{ height: "100%" }} selectedKey={tab} onLinkClick={evt => pushUrl(`/files/${cluster}/${logicalFile}/${evt.props.itemKey}`)}>
-            <PivotItem headerText={nlsHPCC.Summary} itemKey="summary" style={pivotItemStyle(size)}>
+        <div style={{ height: "100%" }}>
+            <OverflowTabList tabs={tabs} selectedTab={tab} onTabSelect={onTabSelect} size="medium" />
+            <DelayLoadedPanel visible={tab === "summary"} size={size}>
                 {file?.ContentType === "key"
                     ? <IndexFileSummary cluster={cluster} logicalFile={logicalFile} />
                     : file?.isSuperfile
                         ? <SuperFileSummary cluster={cluster} logicalFile={logicalFile} />
                         : <LogicalFileSummary cluster={cluster} logicalFile={logicalFile} />
                 }
-            </PivotItem>
-            <PivotItem headerText={nlsHPCC.Contents} itemKey="contents" style={pivotItemStyle(size, 0)}>
-                <Result cluster={cluster} logicalFile={logicalFile} filter={queryParams} />
-            </PivotItem>
-            <PivotItem headerText={nlsHPCC.DataPatterns} itemKey="datapatterns" style={pivotItemStyle(size, 0)}>
+            </DelayLoadedPanel>
+            <DelayLoadedPanel visible={tab === "contents"} size={size}>
+                <Result cluster={cluster} logicalFile={logicalFile} filter={queryParams.contents} />
+            </DelayLoadedPanel>
+            <DelayLoadedPanel visible={tab === "datapatterns"} size={size}>
                 <DataPatterns cluster={cluster} logicalFile={logicalFile} />
-            </PivotItem>
-            <PivotItem headerText={nlsHPCC.ECL} itemKey="ecl" style={pivotItemStyle(size, 0)}>
+            </DelayLoadedPanel>
+            <DelayLoadedPanel visible={tab === "ecl"} size={size}>
                 <SourceEditor text={file?.Ecl} mode="ecl" readonly={true} />
-            </PivotItem>
-            <PivotItem headerText={nlsHPCC.DEF} itemKey="def" style={pivotItemStyle(size, 0)}>
+            </DelayLoadedPanel>
+            <DelayLoadedPanel visible={tab === "def"} size={size}>
                 <XMLSourceEditor text={defFile} readonly={true} />
-            </PivotItem>
-            <PivotItem headerText={nlsHPCC.XML} itemKey="xml" style={pivotItemStyle(size, 0)}>
+            </DelayLoadedPanel>
+            <DelayLoadedPanel visible={tab === "xml"} size={size}>
                 <XMLSourceEditor text={xmlFile} readonly={true} />
-            </PivotItem>
-            {file?.isSuperfile
-                ? <PivotItem headerText={nlsHPCC.Subfiles} itemKey="subfiles" itemCount={file?.subfiles?.Item.length ?? 0} style={pivotItemStyle(size, 0)}>
-                    <SubFiles cluster={cluster} logicalFile={logicalFile} sort={sort} />
-                </PivotItem>
-                : <PivotItem headerText={nlsHPCC.Superfiles} itemKey="superfiles" itemCount={file?.Superfiles?.DFULogicalFile.length ?? 0} style={pivotItemStyle(size, 0)}>
-                    <SuperFiles cluster={cluster} logicalFile={logicalFile} sort={sort} />
-                </PivotItem>
-            }
-            <PivotItem headerText={nlsHPCC.FileParts} itemKey="parts" itemCount={file?.fileParts().length ?? 0} style={pivotItemStyle(size, 0)}>
-                <FileParts cluster={cluster} logicalFile={logicalFile} sort={sort} />
-            </PivotItem>
-            <PivotItem headerText={nlsHPCC.Queries} itemKey="queries" style={pivotItemStyle(size, 0)}>
+            </DelayLoadedPanel>
+            <DelayLoadedPanel visible={tab === "subfiles"} size={size}>
+                <SubFiles cluster={cluster} logicalFile={logicalFile} sort={sort.subfiles} />
+            </DelayLoadedPanel>
+            <DelayLoadedPanel visible={tab === "superfiles"} size={size}>
+                <SuperFiles cluster={cluster} logicalFile={logicalFile} sort={sort.superfiles} />
+            </DelayLoadedPanel>
+            <DelayLoadedPanel visible={tab === "parts"} size={size}>
+                <FileParts cluster={cluster} logicalFile={logicalFile} sort={sort.parts} />
+            </DelayLoadedPanel>
+            <DelayLoadedPanel visible={tab === "queries"} size={size}>
                 <Queries filter={{ FileName: logicalFile }} />
-            </PivotItem>
-            <PivotItem headerText={nlsHPCC.Graphs} itemKey="graphs" itemCount={file?.Graphs?.ECLGraph?.length ?? 0} headerButtonProps={wuidDisable} style={pivotItemStyle(size, 0)}>
-                <FileDetailsGraph cluster={cluster} logicalFile={logicalFile} sort={sort} />
-            </PivotItem>
-            <PivotItem headerText={nlsHPCC.History} itemKey="history" style={pivotItemStyle(size, 0)}>
-                <FileHistory cluster={cluster} logicalFile={logicalFile} sort={sort} />
-            </PivotItem>
-            <PivotItem headerText={nlsHPCC.Blooms} itemKey="blooms" itemCount={file?.Blooms?.DFUFileBloom?.length} style={pivotItemStyle(size, 0)}>
-                <FileBlooms cluster={cluster} logicalFile={logicalFile} sort={sort} />
-            </PivotItem>
-            <PivotItem headerText={nlsHPCC.ProtectBy} itemKey="protectby" style={pivotItemStyle(size, 0)}>
-                <ProtectedBy cluster={cluster} logicalFile={logicalFile} sort={sort} />
-            </PivotItem>
-        </Pivot>
+            </DelayLoadedPanel>
+            <DelayLoadedPanel visible={tab === "graphs"} size={size}>
+                <FileDetailsGraph cluster={cluster} logicalFile={logicalFile} sort={sort.graphs} />
+            </DelayLoadedPanel>
+            <DelayLoadedPanel visible={tab === "history"} size={size}>
+                <FileHistory cluster={cluster} logicalFile={logicalFile} sort={sort.history} />
+            </DelayLoadedPanel>
+            <DelayLoadedPanel visible={tab === "blooms"} size={size}>
+                <FileBlooms cluster={cluster} logicalFile={logicalFile} sort={sort.blooms} />
+            </DelayLoadedPanel>
+            <DelayLoadedPanel visible={tab === "protectby"} size={size}>
+                <ProtectedBy cluster={cluster} logicalFile={logicalFile} sort={sort.protectby} />
+            </DelayLoadedPanel>
+        </div>
     }</SizeMe>;
 };
diff --git a/esp/src/src-react/components/QueryDetails.tsx b/esp/src/src-react/components/QueryDetails.tsx
index 35ecd7b259a..92a58a014c6 100644
--- a/esp/src/src-react/components/QueryDetails.tsx
+++ b/esp/src/src-react/components/QueryDetails.tsx
@@ -1,9 +1,7 @@
 import * as React from "react";
-import { Pivot, PivotItem } from "@fluentui/react";
 import { SizeMe } from "react-sizeme";
 import nlsHPCC from "src/nlsHPCC";
 import * as ESPQuery from "src/ESPQuery";
-import { pivotItemStyle, usePivotItemDisable } from "../layouts/pivot";
 import { pushUrl } from "../util/history";
 import { QueryErrors } from "./QueryErrors";
 import { QueryLibrariesUsed } from "./QueryLibrariesUsed";
@@ -14,14 +12,15 @@ import { QuerySuperFiles } from "./QuerySuperFiles";
 import { QueryTests } from "./QueryTests";
 import { Resources } from "./Resources";
 import { QueryMetrics } from "./QueryMetrics";
+import { DelayLoadedPanel, OverflowTabList, TabInfo } from "./controls/TabbedPanes/index";
 
 interface QueryDetailsProps {
     querySet: string;
     queryId: string;
     tab?: string;
     metricsTab?: string;
+    metricsState?: string;
     testTab?: string;
-    state?: string;
 }
 
 export const QueryDetails: React.FunctionComponent<QueryDetailsProps> = ({
@@ -29,8 +28,8 @@ export const QueryDetails: React.FunctionComponent<QueryDetailsProps> = ({
     queryId,
     tab = "summary",
     metricsTab,
-    testTab = "form",
-    state
+    metricsState,
+    testTab = "form"
 }) => {
 
     const [query, setQuery] = React.useState<any>();
@@ -38,7 +37,6 @@ export const QueryDetails: React.FunctionComponent<QueryDetailsProps> = ({
     const [logicalFileCount, setLogicalFileCount] = React.useState<number>(0);
     const [superFileCount, setSuperFileCount] = React.useState<number>(0);
     const [libsUsedCount, setLibsUsedCount] = React.useState<number>(0);
-    const wuidDisable = usePivotItemDisable(wuid === "");
 
     React.useEffect(() => {
         setQuery(ESPQuery.Get(querySet, queryId));
@@ -53,47 +51,82 @@ export const QueryDetails: React.FunctionComponent<QueryDetailsProps> = ({
         });
     }, [query, setLogicalFileCount, setSuperFileCount, setLibsUsedCount]);
 
+    const onTabSelect = React.useCallback((tab: TabInfo) => {
+        switch (tab.id) {
+            case "testPages":
+                pushUrl(tab.__state ?? `/queries/${querySet}/${queryId}/testPages/${testTab}`);
+                break;
+            default:
+                pushUrl(tab.__state ?? `/queries/${querySet}/${queryId}/${tab.id}`);
+                break;
+        }
+    }, [queryId, querySet, testTab]);
+
+    const tabs = React.useMemo((): TabInfo[] => {
+        return [{
+            id: "summary",
+            label: nlsHPCC.Summary,
+        }, {
+            id: "errors",
+            label: nlsHPCC.Errors,
+        }, {
+            id: "logicalFiles",
+            label: nlsHPCC.LogicalFiles,
+            count: logicalFileCount
+        }, {
+            id: "superfiles",
+            label: nlsHPCC.SuperFiles,
+            count: superFileCount
+        }, {
+            id: "librariesUsed",
+            label: nlsHPCC.LibrariesUsed,
+            count: libsUsedCount
+        }, {
+            id: "summaryStatistics",
+            label: nlsHPCC.SummaryStatistics,
+        }, {
+            id: "metrics",
+            label: nlsHPCC.Metrics,
+        }, {
+            id: "resources",
+            label: nlsHPCC.Resources,
+            disabled: wuid === ""
+        }, {
+            id: "testPages",
+            label: nlsHPCC.TestPages,
+        }];
+    }, [libsUsedCount, logicalFileCount, superFileCount, wuid]);
+
     return <SizeMe monitorHeight>{({ size }) =>
-        <Pivot
-            overflowBehavior="menu" style={{ height: "100%" }} selectedKey={tab}
-            onLinkClick={evt => {
-                switch (evt.props.itemKey) {
-                    case "testPages":
-                        pushUrl(`/queries/${querySet}/${queryId}/testPages/${testTab}`);
-                        break;
-                    default:
-                        pushUrl(`/queries/${querySet}/${queryId}/${evt.props.itemKey}`);
-                        break;
-                }
-            }}
-        >
-            <PivotItem headerText={queryId} itemKey="summary" style={pivotItemStyle(size)} >
+        <div style={{ height: "100%" }}>
+            <OverflowTabList tabs={tabs} selectedTab={tab} onTabSelect={onTabSelect} size="medium" />
+            <DelayLoadedPanel visible={tab === "summary"} size={size}>
                 <QuerySummary queryId={queryId} querySet={querySet} />
-            </PivotItem>
-            <PivotItem headerText={nlsHPCC.Errors} itemKey="errors" style={pivotItemStyle(size, 0)}>
+            </DelayLoadedPanel>
+            <DelayLoadedPanel visible={tab === "errors"} size={size}>
                 <QueryErrors queryId={queryId} querySet={querySet} />
-            </PivotItem>
-            <PivotItem headerText={nlsHPCC.LogicalFiles} itemKey="logicalFiles" itemCount={logicalFileCount} style={pivotItemStyle(size, 0)}>
+            </DelayLoadedPanel>
+            <DelayLoadedPanel visible={tab === "logicalFiles"} size={size}>
                 <QueryLogicalFiles queryId={queryId} querySet={querySet} />
-            </PivotItem>
-            <PivotItem headerText={nlsHPCC.SuperFiles} itemKey="superfiles" itemCount={superFileCount} style={pivotItemStyle(size, 0)}>
+            </DelayLoadedPanel>
+            <DelayLoadedPanel visible={tab === "superfiles"} size={size}>
                 <QuerySuperFiles queryId={queryId} querySet={querySet} />
-            </PivotItem>
-            <PivotItem headerText={nlsHPCC.LibrariesUsed} itemKey="librariesUsed" itemCount={libsUsedCount} style={pivotItemStyle(size, 0)}>
+            </DelayLoadedPanel>
+            <DelayLoadedPanel visible={tab === "librariesUsed"} size={size}>
                 <QueryLibrariesUsed queryId={queryId} querySet={querySet} />
-            </PivotItem>
-            <PivotItem headerText={nlsHPCC.SummaryStatistics} itemKey="summaryStatistics" style={pivotItemStyle(size, 0)}>
+            </DelayLoadedPanel>
+            <DelayLoadedPanel visible={tab === "summaryStatistics"} size={size}>
                 <QuerySummaryStats queryId={queryId} querySet={querySet} />
-            </PivotItem>
-            <PivotItem headerText={nlsHPCC.Metrics} itemKey="metrics" style={pivotItemStyle(size, 0)}>
-                <QueryMetrics wuid={query?.Wuid} queryId={queryId} querySet={querySet} tab={metricsTab} selection={state} />
-            </PivotItem>
-            <PivotItem headerText={nlsHPCC.Resources} itemKey="resources" headerButtonProps={wuidDisable} style={pivotItemStyle(size, 0)}>
-                {wuid && <Resources wuid={wuid} />}
-            </PivotItem>
-            <PivotItem headerText={nlsHPCC.TestPages} itemKey="testPages" style={pivotItemStyle(size, 0)}>
+            </DelayLoadedPanel>
+            <DelayLoadedPanel visible={tab === "metrics"} size={size}>
+                <QueryMetrics wuid={query?.Wuid} queryId={queryId} querySet={querySet} tab={metricsTab} selection={metricsState} />
+            </DelayLoadedPanel>
+            <DelayLoadedPanel visible={tab === "resources"} size={size}>
+                <Resources wuid={wuid} />
+            </DelayLoadedPanel>
+            <DelayLoadedPanel visible={tab === "testPages"} size={size}>
                 <QueryTests queryId={queryId} querySet={querySet} tab={testTab} />
-            </PivotItem>
-        </Pivot>
+            </DelayLoadedPanel>
+        </div>
     }</SizeMe>;
 };
diff --git a/esp/src/src-react/components/Title.tsx b/esp/src/src-react/components/Title.tsx
index fe0ee520aea..1cd66f3f2a8 100644
--- a/esp/src/src-react/components/Title.tsx
+++ b/esp/src/src-react/components/Title.tsx
@@ -1,7 +1,7 @@
 import * as React from "react";
 import { ContextualMenuItemType, DefaultButton, IconButton, IContextualMenuItem, IIconProps, IPersonaSharedProps, Link, mergeStyleSets, Persona, PersonaSize, SearchBox, Stack, Text, useTheme } from "@fluentui/react";
 import { CounterBadgeProps, CounterBadge } from "@fluentui/react-components";
-import { Level } from "@hpcc-js/util";
+import { Level, scopedLogger } from "@hpcc-js/util";
 import { useBoolean } from "@fluentui/react-hooks";
 import { Toaster } from "react-hot-toast";
 import { cookie } from "dojo/main";
@@ -15,12 +15,15 @@ import { useBuildInfo, useModernMode } from "../hooks/platform";
 import { useGlobalStore } from "../hooks/store";
 import { useMyAccount, useUserSession } from "../hooks/user";
 import { replaceUrl } from "../util/history";
+import { useCheckFeatures } from "../hooks/platform";
 
 import { TitlebarConfig } from "./forms/TitlebarConfig";
 import { switchTechPreview } from "./controls/ComingSoon";
 import { About } from "./About";
 import { MyAccount } from "./MyAccount";
 import { toasterScale } from "./controls/CustomToaster";
+
+const logger = scopedLogger("src-react/components/Title.tsx");
 import { AppPanel } from "./AppPanel";
 
 const collapseMenuIcon: IIconProps = { iconName: "CollapseMenu" };
@@ -35,6 +38,8 @@ const personaStyles = {
     }
 };
 
+const DAY = 1000 * 60 * 60 * 24;
+
 interface DevTitleProps {
 }
 
@@ -177,9 +182,51 @@ export const DevTitle: React.FunctionComponent<DevTitleProps> = ({
             minWidth: 48,
             padding: "0 10px 0 4px",
             color: theme.semanticColors.link
+        },
+        errorsWarningsCount: {
+            margin: "-3px 0 0 -3px"
         }
     }), [theme.semanticColors.link]);
 
+    React.useEffect(() => {
+        switch (log.reduce((prev, cur) => Math.max(prev, cur.level), Level.debug)) {
+            case Level.alert:
+            case Level.critical:
+            case Level.emergency:
+                setLogIconColor("danger");
+                break;
+            case Level.error:
+                setLogIconColor("danger");
+                break;
+            case Level.warning:
+                setLogIconColor("important");
+                break;
+            case Level.info:
+            case Level.notice:
+            case Level.debug:
+            default:
+                setLogIconColor("informative");
+                break;
+        }
+    }, [log, logLastUpdated, theme]);
+
+    const features = useCheckFeatures();
+
+    React.useEffect(() => {
+        if (!features.timestamp) return;
+        const age = Math.floor((Date.now() - features.timestamp.getTime()) / DAY);
+        const message = nlsHPCC.PlatformBuildIsNNNDaysOld.replace("NNN", `${age}`);
+        if (age > 90) {
+            logger.alert(message + `  ${nlsHPCC.PleaseUpgradeToLaterPointRelease}`);
+        } else if (age > 60) {
+            logger.error(message + `  ${nlsHPCC.PleaseUpgradeToLaterPointRelease}`);
+        } else if (age > 30) {
+            logger.warning(message + `  ${nlsHPCC.PleaseUpgradeToLaterPointRelease}`);
+        } else {
+            logger.info(message);
+        }
+    }, [features.timestamp]);
+
     React.useEffect(() => {
         if (!currentUser.username) return;
         if (!cookie("PasswordExpiredCheck")) {
diff --git a/esp/src/src-react/components/WorkunitDetails.tsx b/esp/src/src-react/components/WorkunitDetails.tsx
index 3ae985ed24c..66d016c479b 100644
--- a/esp/src/src-react/components/WorkunitDetails.tsx
+++ b/esp/src/src-react/components/WorkunitDetails.tsx
@@ -1,14 +1,12 @@
 import * as React from "react";
-import { IPivotItemProps, Pivot, PivotItem } from "@fluentui/react";
+import { Icon } from "@fluentui/react";
 import { scopedLogger } from "@hpcc-js/util";
 import { SizeMe } from "react-sizeme";
 import nlsHPCC from "src/nlsHPCC";
 import { hasLogAccess } from "src/ESPLog";
 import { useWorkunit } from "../hooks/workunit";
-import { useUserTheme } from "../hooks/theme";
 import { useDeepEffect } from "../hooks/deepHooks";
 import { DojoAdapter } from "../layouts/DojoAdapter";
-import { pivotItemStyle } from "../layouts/pivot";
 import { pushUrl } from "../util/history";
 import { WorkunitPersona } from "./controls/StateIcon";
 import { Helpers } from "./Helpers";
@@ -24,14 +22,16 @@ import { SourceFiles } from "./SourceFiles";
 import { Variables } from "./Variables";
 import { Workflows } from "./Workflows";
 import { WorkunitSummary } from "./WorkunitSummary";
+import { TabInfo, DelayLoadedPanel, OverflowTabList } from "./controls/TabbedPanes/index";
 
 const logger = scopedLogger("src-react/components/WorkunitDetails.tsx");
 
+type StringStringMap = { [key: string]: string };
 interface WorkunitDetailsProps {
     wuid: string;
     tab?: string;
-    state?: string;
-    queryParams?: { [key: string]: string };
+    state?: { outputs?: string, metrics?: string, resources?: string, helpers?: string };
+    queryParams?: { outputs?: StringStringMap, inputs?: StringStringMap, resources?: StringStringMap, helpers?: StringStringMap, logs?: StringStringMap };
 }
 
 export const WorkunitDetails: React.FunctionComponent<WorkunitDetailsProps> = ({
@@ -41,22 +41,7 @@ export const WorkunitDetails: React.FunctionComponent<WorkunitDetailsProps> = ({
     queryParams = {}
 }) => {
 
-    const { themeV9 } = useUserTheme();
     const [workunit] = useWorkunit(wuid, true);
-
-    const wuidPivotRenderer = React.useMemo(() => {
-        return function (link?: IPivotItemProps,
-            defaultRenderer?: (link?: IPivotItemProps) => JSX.Element | null) {
-            if (!link || !defaultRenderer) return null;
-            return <span>
-                <WorkunitPersona wuid={wuid} showProtected={false} showWuid={false} />
-                {defaultRenderer({ ...link, itemIcon: undefined })}
-            </span>;
-        };
-    }, [wuid]);
-
-    const resourceCount = workunit?.ResourceURLCount > 1 ? workunit?.ResourceURLCount - 1 : undefined;
-
     const [logCount, setLogCount] = React.useState<number | string>("*");
     const [logsDisabled, setLogsDisabled] = React.useState(true);
 
@@ -70,55 +55,111 @@ export const WorkunitDetails: React.FunctionComponent<WorkunitDetailsProps> = ({
         });
     }, [wuid], [queryParams]);
 
+    const onTabSelect = React.useCallback((tab: TabInfo) => {
+        pushUrl(tab.__state ?? `/workunits/${wuid}/${tab.id}`);
+    }, [wuid]);
+
+    const tabs = React.useMemo((): TabInfo[] => {
+        return [{
+            id: "summary",
+            icon: <WorkunitPersona wuid={wuid} showProtected={false} showWuid={false} />,
+            label: wuid
+        }, {
+            id: "variables",
+            label: nlsHPCC.Variables,
+            count: (workunit?.VariableCount || 0) + (workunit?.ApplicationValueCount || 0) + (workunit?.DebugValueCount || 0)
+        }, {
+            id: "outputs",
+            label: nlsHPCC.Outputs,
+            count: workunit?.ResultCount
+        }, {
+            id: "inputs",
+            label: nlsHPCC.Inputs,
+            count: workunit?.SourceFileCount
+        }, {
+            id: "metrics",
+            label: nlsHPCC.Metrics,
+            count: workunit?.GraphCount
+        }, {
+            id: "workflows",
+            label: nlsHPCC.Workflows,
+            count: workunit?.WorkflowCount
+        }, {
+            id: "queries",
+            icon: <Icon iconName="Search"></Icon>,
+            label: nlsHPCC.Queries
+        }, {
+            id: "resources",
+            label: nlsHPCC.Resources,
+            count: workunit?.ResourceURLCount
+        }, {
+            id: "helpers",
+            label: nlsHPCC.Helpers,
+            count: workunit?.HelpersCount
+        }, {
+            id: "logs",
+            label: nlsHPCC.Logs,
+            count: logCount,
+            disabled: logsDisabled
+        }, {
+            id: "eclsummary",
+            label: nlsHPCC.ECL
+        }, {
+            id: "xml",
+            label: nlsHPCC.XML
+        }];
+    }, [logCount, logsDisabled, workunit?.ApplicationValueCount, workunit?.DebugValueCount, workunit?.GraphCount, workunit?.HelpersCount, workunit?.ResourceURLCount, workunit?.ResultCount, workunit?.SourceFileCount, workunit?.VariableCount, workunit?.WorkflowCount, wuid]);
+
     return <SizeMe monitorHeight>{({ size }) =>
-        <Pivot overflowBehavior="menu" style={{ height: "100%" }} selectedKey={tab} onLinkClick={evt => pushUrl(`/workunits/${wuid}/${evt.props.itemKey}`)}>
-            <PivotItem headerText={wuid} itemKey="summary" style={pivotItemStyle(size)} onRenderItemLink={wuidPivotRenderer}>
+        <div style={{ height: "100%" }}>
+            <OverflowTabList tabs={tabs} selectedTab={tab} onTabSelect={onTabSelect} size="medium" />
+            <DelayLoadedPanel visible={tab === "summary"} size={size}>
                 <WorkunitSummary wuid={wuid} />
-            </PivotItem>
-            <PivotItem headerText={nlsHPCC.Variables} itemCount={(workunit?.VariableCount || 0) + (workunit?.ApplicationValueCount || 0) + (workunit?.DebugValueCount || 0)} itemKey="variables" style={pivotItemStyle(size, 0)}>
+            </DelayLoadedPanel>
+            <DelayLoadedPanel visible={tab === "variables"} size={size}>
                 <Variables wuid={wuid} />
-            </PivotItem>
-            <PivotItem headerText={nlsHPCC.Outputs} itemKey="outputs" itemCount={workunit?.ResultCount} style={pivotItemStyle(size, 0)}>
-                {state ?
-                    queryParams.hasOwnProperty("__legacy") ? <IFrame src={`/WsWorkunits/WUResult?Wuid=${wuid}&ResultName=${state}`} height="99%" /> :
-                        queryParams.hasOwnProperty("__visualize") ? <DojoAdapter widgetClassID="VizWidget" params={{ Wuid: wuid, Sequence: state }} /> :
-                            <Result wuid={wuid} resultName={state} filter={queryParams} /> :
+            </DelayLoadedPanel>
+            <DelayLoadedPanel visible={tab === "outputs"} size={size}>
+                {state?.outputs ?
+                    queryParams.outputs?.hasOwnProperty("__legacy") ? <IFrame src={`/WsWorkunits/WUResult?Wuid=${wuid}&ResultName=${state?.outputs}`} height="99%" /> :
+                        queryParams.outputs?.hasOwnProperty("__visualize") ? <DojoAdapter widgetClassID="VizWidget" params={{ Wuid: wuid, Sequence: state?.outputs }} /> :
+                            <Result wuid={wuid} resultName={state?.outputs} filter={queryParams.outputs} /> :
                     <Results wuid={wuid} />
                 }
-            </PivotItem>
-            <PivotItem headerText={nlsHPCC.Inputs} itemKey="inputs" itemCount={workunit?.SourceFileCount} style={pivotItemStyle(size, 0)}>
-                <SourceFiles wuid={wuid} filter={queryParams} />
-            </PivotItem>
-            <PivotItem headerText={nlsHPCC.Metrics} itemKey="metrics" itemCount={workunit?.GraphCount} style={pivotItemStyle(size, 0)}>
-                <Metrics wuid={wuid} selection={state} />
-            </PivotItem>
-            <PivotItem headerText={nlsHPCC.Workflows} itemKey="workflows" itemCount={workunit?.WorkflowCount} style={pivotItemStyle(size, 0)}>
+            </DelayLoadedPanel>
+            <DelayLoadedPanel visible={tab === "inputs"} size={size}>
+                <SourceFiles wuid={wuid} filter={queryParams.inputs} />
+            </DelayLoadedPanel>
+            <DelayLoadedPanel visible={tab === "metrics"} size={size}>
+                <Metrics wuid={wuid} selection={state?.metrics} />
+            </DelayLoadedPanel>
+            <DelayLoadedPanel visible={tab === "workflows"} size={size}>
                 <Workflows wuid={wuid} />
-            </PivotItem>
-            <PivotItem headerText={nlsHPCC.Queries} itemIcon="Search" itemKey="queries" style={pivotItemStyle(size, 0)}>
+            </DelayLoadedPanel>
+            <DelayLoadedPanel visible={tab === "queries"} size={size}>
                 <Queries filter={{ WUID: wuid }} />
-            </PivotItem>
-            <PivotItem headerText={nlsHPCC.Resources} itemKey="resources" itemCount={resourceCount} style={pivotItemStyle(size, 0)}>
-                {state ?
-                    <FetchEditor mode={queryParams?.mode as any} url={queryParams?.url as string} /> :
-                    <Resources wuid={wuid} preview={queryParams?.preview as any} />
+            </DelayLoadedPanel>
+            <DelayLoadedPanel visible={tab === "resources"} size={size}>
+                {state?.resources ?
+                    <FetchEditor mode={queryParams.resources?.mode as any} url={queryParams.resources?.url as string} /> :
+                    <Resources wuid={wuid} preview={queryParams.resources?.preview as any} />
                 }
-            </PivotItem>
-            <PivotItem headerText={nlsHPCC.Helpers} itemKey="helpers" itemCount={workunit?.HelpersCount} style={pivotItemStyle(size, 0)}>
-                {state ?
-                    <FetchEditor mode={queryParams?.mode as any} url={queryParams?.src as string} wuid={queryParams?.mode?.toLowerCase() === "ecl" ? wuid : ""} /> :
+            </DelayLoadedPanel>
+            <DelayLoadedPanel visible={tab === "helpers"} size={size}>
+                {state?.helpers ?
+                    <FetchEditor mode={queryParams.helpers?.mode as any} url={queryParams.helpers?.src as string} wuid={queryParams.helpers?.mode?.toLowerCase() === "ecl" ? wuid : ""} /> :
                     <Helpers wuid={wuid} />
                 }
-            </PivotItem>
-            <PivotItem headerText={nlsHPCC.Logs} itemKey="logs" itemCount={logCount} headerButtonProps={logsDisabled ? { disabled: true, style: { background: themeV9.colorNeutralBackgroundDisabled, color: themeV9.colorNeutralForegroundDisabled } } : {}} style={pivotItemStyle(size, 0)}>
-                <Logs wuid={wuid} filter={queryParams} setLogCount={setLogCount} />
-            </PivotItem>
-            <PivotItem headerText={nlsHPCC.ECL} itemKey="eclsummary" style={pivotItemStyle(size, 0)}>
+            </DelayLoadedPanel>
+            <DelayLoadedPanel visible={tab === "logs"} size={size}>
+                <Logs wuid={wuid} filter={queryParams.logs} setLogCount={setLogCount} />
+            </DelayLoadedPanel>
+            <DelayLoadedPanel visible={tab === "eclsummary"} size={size}>
                 <DojoAdapter widgetClassID="ECLArchiveWidget" params={{ Wuid: wuid }} />
-            </PivotItem>
-            <PivotItem headerText={nlsHPCC.XML} itemKey="xml" style={pivotItemStyle(size, 0)}>
+            </DelayLoadedPanel>
+            <DelayLoadedPanel visible={tab === "xml"} size={size}>
                 <WUXMLSourceEditor wuid={wuid} />
-            </PivotItem>
-        </Pivot>
+            </DelayLoadedPanel>
+        </div>
     }</SizeMe>;
 };
diff --git a/esp/src/src-react/components/controls/TabbedPanes/Count.tsx b/esp/src/src-react/components/controls/TabbedPanes/Count.tsx
new file mode 100644
index 00000000000..19e02b1e716
--- /dev/null
+++ b/esp/src/src-react/components/controls/TabbedPanes/Count.tsx
@@ -0,0 +1,13 @@
+import * as React from "react";
+
+interface CountProps {
+    value: string | number;
+}
+
+export const Count: React.FunctionComponent<CountProps> = ({
+    value
+}) => {
+
+    if (!value) return <></>;
+    return <span> ({value})</span>;
+};
diff --git a/esp/src/src-react/components/controls/TabbedPanes/DelayLoadedPanel.tsx b/esp/src/src-react/components/controls/TabbedPanes/DelayLoadedPanel.tsx
new file mode 100644
index 00000000000..62b7eacf3ee
--- /dev/null
+++ b/esp/src/src-react/components/controls/TabbedPanes/DelayLoadedPanel.tsx
@@ -0,0 +1,32 @@
+import * as React from "react";
+import { Size, pivotItemStyle } from "../../../layouts/pivot";
+
+export interface DelayLoadedPanelProps {
+    visible: boolean;
+    size: Size;
+    padding?: number;
+}
+
+export const DelayLoadedPanel: React.FunctionComponent<DelayLoadedPanelProps> = ({
+    visible,
+    size,
+    padding = 4,
+    children
+}) => {
+
+    const [loaded, setLoaded] = React.useState(false);
+    const [style, setStyle] = React.useState(pivotItemStyle(size, padding));
+
+    React.useEffect(() => {
+        if (visible) {
+            setLoaded(true);
+            setStyle(pivotItemStyle(size, padding));
+        }
+    }, [padding, size, visible]);
+
+    if (!loaded) return <></>;
+    return <div style={{ ...style, display: visible ? "block" : "none" }}>
+        {children}
+    </div >;
+};
+
diff --git a/esp/src/src-react/components/controls/TabbedPanes/OverflowMenu.tsx b/esp/src/src-react/components/controls/TabbedPanes/OverflowMenu.tsx
new file mode 100644
index 00000000000..018b0e75ce6
--- /dev/null
+++ b/esp/src/src-react/components/controls/TabbedPanes/OverflowMenu.tsx
@@ -0,0 +1,77 @@
+import * as React from "react";
+import { makeStyles, tokens, Button, Menu, MenuList, MenuPopover, MenuTrigger, useOverflowMenu, useIsOverflowItemVisible, MenuItem, } from "@fluentui/react-components";
+import { MoreHorizontalRegular, MoreHorizontalFilled, bundleIcon, } from "@fluentui/react-icons";
+import type { ARIAButtonElement } from "@fluentui/react-aria";
+import { TabInfo } from "./TabInfo";
+import { Count } from "./Count";
+
+const MoreHorizontal = bundleIcon(MoreHorizontalFilled, MoreHorizontalRegular);
+
+type OverflowMenuItemProps = {
+    tab: TabInfo;
+    onClick: React.MouseEventHandler<ARIAButtonElement<"div">>;
+};
+
+const OverflowMenuItem = (props: OverflowMenuItemProps) => {
+    const { tab, onClick } = props;
+    const isVisible = useIsOverflowItemVisible(tab.id);
+
+    if (isVisible) {
+        return <></>;
+    }
+
+    return <MenuItem key={tab.id} icon={tab.icon} disabled={tab.disabled} onClick={onClick}>
+        <div>{tab.label}<Count value={tab.count} /></div>
+    </MenuItem>;
+};
+
+const useOverflowMenuStyles = makeStyles({
+    menu: {
+        backgroundColor: tokens.colorNeutralBackground1,
+    },
+    menuButton: {
+        alignSelf: "center",
+    },
+});
+
+export type OverflowMenuProps = {
+    tabs: TabInfo[];
+    onMenuSelect: (tab: TabInfo) => void;
+};
+
+export const OverflowMenu: React.FunctionComponent<OverflowMenuProps> = ({
+    tabs,
+    onMenuSelect
+}) => {
+    const { ref, isOverflowing, overflowCount } = useOverflowMenu<HTMLButtonElement>();
+
+    const styles = useOverflowMenuStyles();
+
+    if (!isOverflowing) {
+        return <></>;
+    }
+
+    return <Menu hasIcons>
+        <MenuTrigger disableButtonEnhancement>
+            <Button
+                appearance="transparent"
+                className={styles.menuButton}
+                ref={ref}
+                icon={<MoreHorizontal />}
+                aria-label={`${overflowCount} more tabs`}
+                role="tab"
+            />
+        </MenuTrigger>
+        <MenuPopover>
+            <MenuList className={styles.menu}>
+                {tabs.map((tab) => (
+                    <OverflowMenuItem
+                        key={tab.id}
+                        tab={tab}
+                        onClick={() => onMenuSelect(tab)}
+                    />
+                ))}
+            </MenuList>
+        </MenuPopover>
+    </Menu>;
+};
diff --git a/esp/src/src-react/components/controls/TabbedPanes/OverflowTabList.tsx b/esp/src/src-react/components/controls/TabbedPanes/OverflowTabList.tsx
new file mode 100644
index 00000000000..585d74c080b
--- /dev/null
+++ b/esp/src/src-react/components/controls/TabbedPanes/OverflowTabList.tsx
@@ -0,0 +1,46 @@
+import * as React from "react";
+import { Overflow, OverflowItem, SelectTabData, SelectTabEvent, Tab, TabList } from "@fluentui/react-components";
+import { Count } from "./Count";
+import { TabInfo } from "./TabInfo";
+import { OverflowMenu } from "./OverflowMenu";
+
+export interface OverflowTabListProps {
+    tabs: TabInfo[];
+    selectedTab: string;
+    onTabSelect: (tab: TabInfo) => void;
+    size?: "small" | "medium" | "large";
+}
+
+export const OverflowTabList: React.FunctionComponent<OverflowTabListProps> = ({
+    tabs,
+    selectedTab,
+    onTabSelect,
+    size = "medium"
+}) => {
+
+    const state = `${window.location.hash}${window.location.search}`;
+
+    const [overflowItems, tabsIndex] = React.useMemo(() => {
+        const tabsIndex = {};
+        return [tabs.map(tab => {
+            tabsIndex[tab.id] = tab;
+            if (tab.id === selectedTab) {
+                tab.__state = state;
+            }
+            return <OverflowItem key={tab.id} id={tab.id} priority={tab.id === selectedTab ? 2 : 1}>
+                <Tab value={tab.id} icon={tab.icon} disabled={tab.disabled}>{tab.label}<Count value={tab.count} /></Tab>
+            </OverflowItem>;
+        }), tabsIndex];
+    }, [selectedTab, state, tabs]);
+
+    const localTabSelect = React.useCallback((evt: SelectTabEvent, data: SelectTabData) => {
+        onTabSelect(tabsIndex[data.value as string]);
+    }, [onTabSelect, tabsIndex]);
+
+    return <Overflow minimumVisible={2}>
+        <TabList selectedValue={selectedTab} onTabSelect={localTabSelect} size={size}>
+            {...overflowItems}
+            <OverflowMenu onMenuSelect={onTabSelect} tabs={tabs} />
+        </TabList>
+    </Overflow>;
+};
diff --git a/esp/src/src-react/components/controls/TabbedPanes/TabInfo.ts b/esp/src/src-react/components/controls/TabbedPanes/TabInfo.ts
new file mode 100644
index 00000000000..7d87929b3a6
--- /dev/null
+++ b/esp/src/src-react/components/controls/TabbedPanes/TabInfo.ts
@@ -0,0 +1,10 @@
+import * as React from "react";
+
+export interface TabInfo {
+    id: string;
+    icon?: React.ReactElement;
+    label: string;
+    count?: string | number;
+    disabled?: boolean;
+    __state?: any;
+}
diff --git a/esp/src/src-react/components/controls/TabbedPanes/index.tsx b/esp/src/src-react/components/controls/TabbedPanes/index.tsx
new file mode 100644
index 00000000000..ac1cea5b26b
--- /dev/null
+++ b/esp/src/src-react/components/controls/TabbedPanes/index.tsx
@@ -0,0 +1,3 @@
+export * from "./TabInfo";
+export * from "./OverflowTabList";
+export * from "./DelayLoadedPanel";
diff --git a/esp/src/src-react/hooks/logging.ts b/esp/src/src-react/hooks/logging.ts
index e8b3b05950e..c0c4436c9a4 100644
--- a/esp/src/src-react/hooks/logging.ts
+++ b/esp/src/src-react/hooks/logging.ts
@@ -63,7 +63,9 @@ export class ECLWatchLogger implements Writer {
         this._origWriter.write(dateTime, level, id, message);
         const row = { dateTime, level, id, message };
         this._log.push(row);
-        toast.custom(CustomToaster({ id, level, message, dateTime }));
+        if (level > Level.info) {
+            toast.custom(CustomToaster({ id, level, message, dateTime }));
+        }
         this._dispatch.post(new Message());
     }
 
diff --git a/esp/src/src-react/hooks/platform.ts b/esp/src/src-react/hooks/platform.ts
index d98f74f545e..f52808ee388 100644
--- a/esp/src/src-react/hooks/platform.ts
+++ b/esp/src/src-react/hooks/platform.ts
@@ -1,7 +1,8 @@
 import * as React from "react";
+import { Octokit } from "octokit";
 import { useConst } from "@fluentui/react-hooks";
 import { scopedLogger } from "@hpcc-js/util";
-import { Topology, WsTopology } from "@hpcc-js/comms";
+import { Topology, WsTopology, WorkunitsServiceEx } from "@hpcc-js/comms";
 import { getBuildInfo, BuildInfo, fetchModernMode } from "src/Session";
 import { cmake_build_type, containerized, ModernMode } from "src/BuildInfo";
 import { sessionKeyValStore, userKeyValStore } from "src/KeyValStore";
@@ -69,6 +70,97 @@ export function useLogicalClusters(): [WsTopology.TpLogicalCluster[] | undefined
     return [targetClusters, defaultCluster];
 }
 
+let wuCheckFeaturesPromise;
+export const fetchCheckFeatures = () => {
+    if (!wuCheckFeaturesPromise) {
+        const wuService = new WorkunitsServiceEx({ baseUrl: "" });
+        wuCheckFeaturesPromise = wuService.WUCheckFeatures({ IncludeFullVersion: true });
+    }
+    return wuCheckFeaturesPromise;
+};
+export interface Features {
+    major: number;
+    minor: number;
+    point: number;
+    version: string;
+    maturity: string;
+    timestamp: Date;
+}
+
+export function useCheckFeatures(): Features {
+
+    const [major, setMajor] = React.useState<number>();
+    const [minor, setMinor] = React.useState<number>();
+    const [point, setPoint] = React.useState<number>();
+    const [version, setVersion] = React.useState<string>("");
+    const [maturity, setMaturity] = React.useState<string>("");
+    const [timestamp, setTimestamp] = React.useState<Date>();
+
+    React.useEffect(() => {
+        fetchCheckFeatures().then((response: any) => {
+            setMajor(response.BuildVersionMajor);
+            setMinor(response.BuildVersionMinor);
+            setPoint(response.BuildVersionPoint);
+            setVersion(response.BuildVersion);
+            setMaturity(response.BuildMaturity);
+            setTimestamp(new Date(response?.BuildTagTimestamp ?? Date.now()));
+        }).catch(err => logger.error(err));
+    }, []);
+
+    return {
+        major,
+        minor,
+        point,
+        version,
+        maturity,
+        timestamp
+    };
+}
+
+const fetchReleases = () => {
+    const octokit = new Octokit({});
+    return octokit.request("GET /repos/{owner}/{repo}/releases", {
+        owner: "hpcc-systems",
+        repo: "HPCC-Platform",
+        per_page: 40,
+        headers: {
+            "X-GitHub-Api-Version": "2022-11-28"
+        }
+    });
+};
+type ReleasesPromise = ReturnType<typeof fetchReleases>;
+type ReleasesResponse = Awaited<ReleasesPromise>;
+type Releases = ReleasesResponse["data"];
+type Release = Releases[number];
+
+const _fetchLatestReleases = (): Promise<Releases> => {
+    return fetchReleases().then(response => {
+        const latest: { [id: string]: Release } = response.data
+            .filter(release => !release.draft || !release.prerelease)
+            .reduce((prev, curr: Release) => {
+                const versionParts = curr.tag_name.split(".");
+                versionParts.length = 2;
+                const partialVersion = versionParts.join(".");
+                if (!prev[partialVersion]) {
+                    prev[partialVersion] = curr;
+                }
+                return prev;
+            }, {});
+        return Object.values(latest) as Releases;
+    }).catch(err => {
+        logger.error(err);
+        return [] as Releases;
+    });
+};
+let releasesPromise: Promise<Releases> | undefined;
+export const fetchLatestReleases = (): Promise<Releases> => {
+    if (!releasesPromise) {
+        releasesPromise = _fetchLatestReleases();
+    }
+    return releasesPromise;
+};
+
+
 export function useModernMode(): {
     modernMode: string;
     setModernMode: (value: string) => void;
@@ -91,4 +183,4 @@ export function useModernMode(): {
     }, [modernMode, sessionStore, userStore]);
 
     return { modernMode, setModernMode };
-}
\ No newline at end of file
+} 
\ No newline at end of file
diff --git a/esp/src/src-react/layouts/pivot.ts b/esp/src/src-react/layouts/pivot.ts
index 7b16a07facf..d6cc85009a5 100644
--- a/esp/src/src-react/layouts/pivot.ts
+++ b/esp/src/src-react/layouts/pivot.ts
@@ -1,6 +1,11 @@
 import { useUserTheme } from "../hooks/theme";
 
-export const pivotItemStyle = (size, padding: number = 4) => {
+export interface Size {
+    width?: number | null
+    height?: number | null
+}
+
+export const pivotItemStyle = (size: Size, padding: number = 4) => {
     if (isNaN(size.width)) {
         return { position: "absolute", padding: `${padding}px`, overflow: "auto", zIndex: 0 } as React.CSSProperties;
     }
diff --git a/esp/src/src-react/routes.tsx b/esp/src/src-react/routes.tsx
index 265d3607633..f8c86624c4f 100644
--- a/esp/src/src-react/routes.tsx
+++ b/esp/src/src-react/routes.tsx
@@ -72,12 +72,12 @@ export const routes: RoutesEx = [
             },
             {
                 path: "/:Wuid/:Tab", action: (ctx, params) => import("./components/WorkunitDetails").then(_ => {
-                    return <_.WorkunitDetails wuid={params.Wuid as string} tab={params.Tab as string} queryParams={parseSearch(ctx.search) as any} />;
+                    return <_.WorkunitDetails wuid={params.Wuid as string} tab={params.Tab as string} queryParams={{ [params.Tab as string]: parseSearch(ctx.search) as any }} />;
                 })
             },
             {
                 path: "/:Wuid/:Tab/:State", action: (ctx, params) => import("./components/WorkunitDetails").then(_ => {
-                    return <_.WorkunitDetails wuid={params.Wuid as string} tab={params.Tab as string} state={(params.State as string)} queryParams={parseSearch(ctx.search) as any} />;
+                    return <_.WorkunitDetails wuid={params.Wuid as string} tab={params.Tab as string} state={{ [params.Tab as string]: (params.State as string) }} queryParams={{ [params.Tab as string]: parseSearch(ctx.search) as any }} />;
                 })
             },
         ]
@@ -124,7 +124,7 @@ export const routes: RoutesEx = [
             },
             {
                 path: "/:NodeGroup/:Name/:Tab", action: (ctx, params) => import("./components/FileDetails").then(_ => {
-                    return <_.FileDetails cluster={params.NodeGroup as string} logicalFile={params.Name as string} tab={params.Tab as string} sort={parseSort(ctx.search)} queryParams={parseSearch(ctx.search) as any} />;
+                    return <_.FileDetails cluster={params.NodeGroup as string} logicalFile={params.Name as string} tab={params.Tab as string} sort={{ [params.Tab as string]: parseSort(ctx.search) }} queryParams={{ [params.Tab as string]: parseSearch(ctx.search) as any }} />;
                 })
             },
         ]
@@ -226,7 +226,7 @@ export const routes: RoutesEx = [
             },
             {
                 path: "/:QuerySetId/:Id/metrics/:Wuid/:State", action: (ctx, params) => import("./components/QueryDetails").then(_ => {
-                    return <_.QueryDetails querySet={params.QuerySetId as string} queryId={params.Id as string} tab="metrics" metricsTab={params.Wuid as string} state={params.State as string} />;
+                    return <_.QueryDetails querySet={params.QuerySetId as string} queryId={params.Id as string} tab="metrics" metricsTab={params.Wuid as string} metricsState={params.State as string} />;
                 })
             },
             {
diff --git a/esp/src/src-react/util/metricGraph.ts b/esp/src/src-react/util/metricGraph.ts
index de0cd30df87..3ffa743a9be 100644
--- a/esp/src/src-react/util/metricGraph.ts
+++ b/esp/src/src-react/util/metricGraph.ts
@@ -57,6 +57,15 @@ function decodeID(id: string): string {
     return id.replace(/__(\d+)__/gm, (_match, p1) => String.fromCharCode(+p1));
 }
 
+function encodeLabel(label: string) {
+    return label
+        .split('"')
+        .join('\\"')
+        .split("\n")
+        .join("\\n")
+        ;
+}
+
 export interface IScope {
     __parentName?: string;
     __children?: IScope[];
@@ -226,7 +235,7 @@ export class MetricGraph extends Graph2<IScope, IScopeEdge, IScope> {
     }
 
     vertexTpl(v: IScope, options: MetricsOptions): string {
-        return `"${v.id}" [id="${encodeID(v.name)}" label="${this.vertexLabel(v, options)}" shape="${shape(v.Kind)}" class="${this.vertexStatus(v)}"]`;
+        return `"${v.id}" [id="${encodeID(v.name)}" label="${encodeLabel(this.vertexLabel(v, options))}" shape="${shape(v.Kind)}" class="${this.vertexStatus(v)}"]`;
     }
 
     protected _dedupEdges: { [scopeName: string]: boolean } = {};
@@ -263,7 +272,7 @@ export class MetricGraph extends Graph2<IScope, IScopeEdge, IScope> {
         if (options.ignoreGlobalStoreOutEdges && this.vertex(this._activityIndex[e.IdSource]).Kind === "22") {
             return "";
         }
-        return `"${e.IdSource}" -> "${e.IdTarget}" [id="${encodeID(e.name)}" label="${format(options.edgeTpl, { ...e, ...e.__formattedProps })}" style="${this.vertexParent(this._activityIndex[e.IdSource]) === this.vertexParent(this._activityIndex[e.IdTarget]) ? "solid" : "dashed"}" class="${this.edgeStatus(e)}"]`;
+        return `"${e.IdSource}" -> "${e.IdTarget}" [id="${encodeID(e.name)}" label="${encodeLabel(format(options.edgeTpl, { ...e, ...e.__formattedProps }))}" style="${this.vertexParent(this._activityIndex[e.IdSource]) === this.vertexParent(this._activityIndex[e.IdTarget]) ? "solid" : "dashed"}" class="${this.edgeStatus(e)}"]`;
     }
 
     subgraphStatus(sg: IScope): ScopeStatus {
@@ -294,7 +303,7 @@ subgraph cluster_${encodeID(sg.id)} {
     fillcolor="white";
     style="filled";
     id="${encodeID(sg.name)}";
-    label="${format(options.subgraphTpl, sg)}";
+    label="${encodeLabel(format(options.subgraphTpl, sg))}";
     class="${this.subgraphStatus(sg)}";
 
     ${childTpls.join("\n")}
diff --git a/esp/src/src/KeyValStore.ts b/esp/src/src/KeyValStore.ts
index 4c00afe96a5..6dbb01ef0cf 100644
--- a/esp/src/src/KeyValStore.ts
+++ b/esp/src/src/KeyValStore.ts
@@ -1,4 +1,3 @@
-import { detect } from "detect-browser";
 import { Store, ValueChangedMessage } from "@hpcc-js/comms";
 import { Dispatch, IObserverHandle } from "@hpcc-js/util";
 import * as Utility from "./Utility";
@@ -275,74 +274,6 @@ export function cookieKeyValStore(): CookieStorage {
     return _cookieStorage;
 }
 
-// Initialize Global Store  ---
-const store = globalKeyValStore();
-const userStore = cookieKeyValStore();
-userStore.getAll().then(async userSession => {
-    if (!userSession || !userSession["ECLWatchUser"] || !userSession["Status"] || userSession["Status"] === "Locked") return;
-    store.set("", "", false);
-
-    // Grab some aprox metrics - ignoring obvious race condition
-    const browser = detect();
-    const majorVersion = browser.version.split(".")[0];
-    const now = new Date(Date.now()).toISOString();
-
-    const statsStr = await store.get("browser-stats");
-    try {
-        const stats = JSON.parse(statsStr || "{}") || {};
-        if (!stats.since) stats.since = now;
-        if (browser.type === "browser") {
-            //  Browser Stats  ---
-            if (!stats[browser.name]) stats[browser.name] = {};
-            if (!stats[browser.name][majorVersion]) stats[browser.name][majorVersion] = {};
-            stats[browser.name][majorVersion].lastSeen = now;
-
-            if (!stats[browser.name][majorVersion].count) stats[browser.name][majorVersion].count = 0;
-            stats[browser.name][majorVersion].count++;
-
-            //  OS Stats  ---
-            if (!stats[browser.os]) stats[browser.os] = {};
-            stats[browser.os].lastSeen = now;
-
-            if (!stats[browser.os].count) stats[browser.os].count = 0;
-            stats[browser.os].count++;
-
-            store.set("browser-stats", JSON.stringify(stats), false);
-        }
-    } catch (e) {
-        console.warn("Failed to write stats", e);
-    }
-});
-
-export function fetchStats() {
-    const store = globalKeyValStore();
-    return store.get("browser-stats").then(statsStr => {
-        const browser = [];
-        const os = [];
-        try {
-            const stats = JSON.parse(statsStr ?? "{}");
-            for (const key in stats) {
-                if (key !== "since") {
-                    const val = stats[key];
-                    if (val.count === undefined) {
-                        for (const bKey in val) {
-                            browser.push([`${key}-${bKey}`, val[bKey].count]);
-                        }
-                    } else {
-                        os.push([`${key}`, val.count]);
-                    }
-                }
-            }
-        } catch (e) {
-            console.warn("Failed to read stats", e);
-        }
-        return {
-            browser,
-            os
-        };
-    });
-}
-
 export function getRecentFilters(filterName) {
     const store = userKeyValStore();
 
diff --git a/esp/src/src/nls/hpcc.ts b/esp/src/src/nls/hpcc.ts
index 2318d635f05..4bdd7b53eef 100644
--- a/esp/src/src/nls/hpcc.ts
+++ b/esp/src/src/nls/hpcc.ts
@@ -65,6 +65,7 @@ export = {
         Audit: "Audit",
         AuditLogs: "Audit Log",
         BinaryInstalls: "Binary Installs",
+        BuildDate: "Build Date",
         Attribute: "Attribute",
         AttributesAreRequired: "Attributes are required",
         AutoRefresh: "Auto Refresh",
@@ -449,6 +450,7 @@ export = {
         LastNHours: "Last N Hours",
         LastNRows: "Last N Rows",
         LastRun: "Last Run",
+        LatestReleases: "Latest Releases",
         Layout: "Layout",
         LearnMore: "Learn More",
         Leaves: "Leaves",
@@ -674,10 +676,12 @@ export = {
         PlaceholderFirstName: "John",
         PlaceholderLastName: "Smith",
         Platform: "Platform",
+        PlatformBuildIsNNNDaysOld: "Platform build is NNN days old.",
         Playground: "Playground",
         PleaseEnableCookies: "This site uses cookies. To see how cookies are used, please review our cookie notice. If you agree to our use of cookies, please continue to use our site.",
         PleaseLogIntoECLWatch: "Please log into ECL Watch",
         PleasePickADefinition: "Please pick a definition",
+        PleaseUpgradeToLaterPointRelease: "Please upgrade to a later point release.",
         PleaseSelectAGroupToAddUser: "Please select a group to add the user to",
         PleaseSelectAUserOrGroup: "Please select a user or a group along with a file name",
         PleaseSelectAUserToAdd: "Please select a user to add",
diff --git a/thorlcr/master/thgraphmanager.cpp b/thorlcr/master/thgraphmanager.cpp
index 65d506fbd08..43ee37b605f 100644
--- a/thorlcr/master/thgraphmanager.cpp
+++ b/thorlcr/master/thgraphmanager.cpp
@@ -59,6 +59,28 @@
 
 static const StatisticsMapping podStatistics({StNumPods});
 
+
+void relayWuidException(IConstWorkUnit *workunit, const IException *exception)
+{
+    WUState state = workunit->getState();
+    if (WUStateWait != state) // if already in wait state, then an exception has already been relayed
+    {
+        Owned<IWorkUnit> wu = &workunit->lock();
+        if (WUStateWait != state)
+        {
+            Owned<IWUException> we = wu->createException();
+            we->setSeverity(SeverityInformation);
+            StringBuffer errStr;
+            exception->errorMessage(errStr);
+            we->setExceptionMessage(errStr);
+            we->setExceptionSource("thormasterexception");
+            we->setExceptionCode(exception->errorCode());
+            WUState newState = (WUStateRunning == state) ? WUStateWait : WUStateFailed;
+            wu->setState(newState);
+        }
+    }
+}
+
 class CJobManager : public CSimpleInterface, implements IJobManager, implements IExceptionHandler
 {
     bool stopped, handlingConversation;
@@ -934,16 +956,7 @@ void CJobManager::reply(IConstWorkUnit *workunit, const char *wuid, IException *
         if (!exitException)
         {
             exitException.setown(e);
-            Owned<IWorkUnit> w = &workunit->lock();
-            Owned<IWUException> we = w->createException();
-            we->setSeverity(SeverityInformation);
-            StringBuffer errStr;
-            e->errorMessage(errStr);
-            we->setExceptionMessage(errStr);
-            we->setExceptionSource("thormasterexception");
-            we->setExceptionCode(e->errorCode());
-            WUState newState = (WUStateRunning == w->getState()) ? WUStateWait : WUStateFailed;
-            w->setState(newState);
+            relayWuidException(workunit, e);
         }
         return;
     }
@@ -1413,28 +1426,17 @@ void thorMain(ILogMsgHandler *logHandler, const char *wuid, const char *graphNam
                         SocketEndpoint dummyAgentEp;
                         jobManager->execute(workunit, currentWuid, currentGraphName, dummyAgentEp);
                         IException *e = jobManager->queryExitException();
-                        Owned<IWorkUnit> w = &workunit->lock();
-                        WUState newState = (WUStateRunning == w->getState()) ? WUStateWait : WUStateFailed;
                         if (e)
                         {
-                            if (WUStateWait != w->getState()) // if set already, CJobManager::reply may have already set to WUStateWait
-                            {
-                                Owned<IWUException> we = w->createException();
-                                we->setSeverity(SeverityInformation);
-                                StringBuffer errStr;
-                                e->errorMessage(errStr);
-                                we->setExceptionMessage(errStr);
-                                we->setExceptionSource("thormasterexception");
-                                we->setExceptionCode(e->errorCode());
-
-                                w->setState(newState);
-                            }
+                            // NB: exitException has already been relayed.
                             break;
                         }
 
+                        Owned<IWorkUnit> w = &workunit->lock();
                         if (!multiJobLinger && lingerPeriod)
                             w->setDebugValue(instance, "1", true);
 
+                        WUState newState = (WUStateRunning == w->getState()) ? WUStateWait : WUStateFailed;
                         w->setState(newState);
                     }
                     currentGraphName.clear();
diff --git a/thorlcr/master/thgraphmanager.hpp b/thorlcr/master/thgraphmanager.hpp
index e6f6cead964..e2755500190 100644
--- a/thorlcr/master/thgraphmanager.hpp
+++ b/thorlcr/master/thgraphmanager.hpp
@@ -25,7 +25,7 @@ CSDSServerStatus &openThorServerStatus();
 void closeThorServerStatus();
 void thorMain(ILogMsgHandler *logHandler, const char *workunit, const char *graphName);
 
-enum ThorExitCodes { TEC_Clean, TEC_CtrlC, TEC_Idle, TEC_Watchdog, TEC_SlaveInit, TEC_Swap, TEC_DaliDown };
+enum ThorExitCodes { TEC_Clean, TEC_CtrlC, TEC_Idle, TEC_Watchdog, TEC_SlaveInit, TEC_Swap, TEC_DaliDown, TEC_Exception };
 
 void abortThor(IException *e, unsigned errCode, bool abortCurrentJob=true);
 void setExitCode(int code);
@@ -33,6 +33,7 @@ int queryExitCode();
 
 void addConnectedWorkerPod(const char *podName);
 void publishPodNames(IWorkUnit *workunit);
+void relayWuidException(IConstWorkUnit *wu, const IException *exception);
 
 
 #endif
diff --git a/thorlcr/master/thmastermain.cpp b/thorlcr/master/thmastermain.cpp
index 871f413a541..a575a6d362a 100644
--- a/thorlcr/master/thmastermain.cpp
+++ b/thorlcr/master/thmastermain.cpp
@@ -1168,6 +1168,12 @@ int main( int argc, const char *argv[]  )
             {
                 try
                 {
+                    if (exception)
+                    {
+                        Owned<IWorkUnitFactory> factory = getWorkUnitFactory();
+                        Owned<IConstWorkUnit> wu = factory->openWorkUnit(workunit);
+                        relayWuidException(wu, exception);
+                    }
                     k8s::KeepJobs keepJob = k8s::translateKeepJobs(globals->queryProp("@keepJobs"));
                     switch (keepJob)
                     {
@@ -1202,7 +1208,7 @@ int main( int argc, const char *argv[]  )
                 }
             }
         }
-        setExitCode(0);
+        setExitCode(exception ? TEC_Exception : 0);
     }
 
     // cleanup handler to be sure we end