diff --git a/dashboard/new-dashboard/src/routes.ts b/dashboard/new-dashboard/src/routes.ts
index 743f3123..f63e31b0 100644
--- a/dashboard/new-dashboard/src/routes.ts
+++ b/dashboard/new-dashboard/src/routes.ts
@@ -95,6 +95,7 @@ enum ROUTES {
   PhpStormWithPluginsTests = `${ROUTE_PREFIX.PhpStorm}/testsWithPlugins`,
   PhpStormCompare = `${ROUTE_PREFIX.PhpStorm}/${COMPARE_ROUTE}`,
   PhpStormCompareBranches = `${ROUTE_PREFIX.PhpStorm}/${COMPARE_BRANCHES_ROUTE}`,
+  PhpStormCompareModes = `${ROUTE_PREFIX.PhpStorm}/${COMPARE_MODES_ROUTE}`,
   KotlinDashboard = `${ROUTE_PREFIX.Kotlin}/${DASHBOARD_ROUTE}`,
   KotlinDashboardDev = `${ROUTE_PREFIX.Kotlin}/${DASHBOARD_ROUTE}Dev`,
   KotlinUserScenariosDashboardDev = `${ROUTE_PREFIX.Kotlin}/Scenarios${DASHBOARD_ROUTE}Dev`,
@@ -510,6 +511,10 @@ const PHPSTORM: Product = {
           url: ROUTES.PhpStormCompareBranches,
           label: COMPARE_BRANCHES_LABEL,
         },
+        {
+          url: ROUTES.PhpStormCompareModes,
+          label: COMPARE_MODES_LABEL,
+        },
         {
           url: ROUTES.PhpStormWithPluginsDashboard,
           label: "Dashboard with Plugins",
@@ -1457,6 +1462,15 @@ export function getNewDashboardRoutes(): ParentRouteRecord[] {
           },
           meta: { pageTitle: COMPARE_BRANCHES_LABEL },
         },
+        {
+          path: ROUTES.PhpStormCompareModes,
+          component: () => import("./components/common/compare/CompareModes.vue"),
+          props: {
+            dbName: "perfint",
+            table: "phpstorm",
+          },
+          meta: { pageTitle: COMPARE_MODES_LABEL },
+        },
         {
           path: ROUTES.GoLandInspectionDashboard,
           component: () => import("./components/goland/InspectionsDashboard.vue"),