diff --git a/packages/kuma-gui/features/application/MainNavigation.feature b/packages/kuma-gui/features/application/MainNavigation.feature
index 82c37b23b..8e0a84d16 100644
--- a/packages/kuma-gui/features/application/MainNavigation.feature
+++ b/packages/kuma-gui/features/application/MainNavigation.feature
@@ -95,4 +95,4 @@ Feature: application / MainNavigation
             inbound:
               - port: 51112
       """
-    And the "[data-testid='connection-inbound-summary-stats-view-tab'].active" element exists
+      And the "[data-testid='data-plane-connection-inbound-summary-stats-view-tab'].active" element exists
diff --git a/packages/kuma-gui/features/mesh/dataplanes/overview/summary/Clusters.feature b/packages/kuma-gui/features/mesh/dataplanes/overview/summary/Clusters.feature
index 590bc4075..c45e1acf7 100644
--- a/packages/kuma-gui/features/mesh/dataplanes/overview/summary/Clusters.feature
+++ b/packages/kuma-gui/features/mesh/dataplanes/overview/summary/Clusters.feature
@@ -3,7 +3,7 @@ Feature: mesh / dataplanes / connections / clusters
   Scenario: The inbound clusters tab correctly filters by 'localhost_<port>'
     Given the CSS selectors
       | Alias | Selector                                                                              |
-      | code  | [data-testid='connection-inbound-summary-clusters-view'] [data-testid='k-code-block'] |
+      | code  | [data-testid='data-plane-connection-inbound-summary-clusters-view'] [data-testid='k-code-block'] |
     And the URL "/meshes/mesh-name/dataplanes/service-64cbb7b8b5-6g94n.namespace/_overview" responds with
       """
       body:
@@ -31,7 +31,7 @@ Feature: mesh / dataplanes / connections / clusters
   Scenario: The outbound clusters tab correctly filters by '<clusterName>'
     Given the CSS selectors
       | Alias | Selector                                                                               |
-      | code  | [data-testid='connection-outbound-summary-clusters-view'] [data-testid='k-code-block'] |
+      | code  | [data-testid='data-plane-connection-outbound-summary-clusters-view'] [data-testid='k-code-block'] |
     And the URL "/meshes/mesh-name/dataplanes/service-64cbb7b8b5-6g94n.namespace/stats" responds with
       """
       body: |
diff --git a/packages/kuma-gui/src/app/connections/routes.ts b/packages/kuma-gui/src/app/connections/routes.ts
index ef70bc9f5..9de57067d 100644
--- a/packages/kuma-gui/src/app/connections/routes.ts
+++ b/packages/kuma-gui/src/app/connections/routes.ts
@@ -1,56 +1,68 @@
 import type { RouteRecordRaw } from 'vue-router'
-export const routes = (): RouteRecordRaw[] => {
+
+export const networking = (prefix: string) => {
+  return [
+    {
+      path: 'xds-config',
+      name: `${prefix}-xds-config-view`,
+      component: () => import('@/app/connections/views/ConnectionsXdsConfigView.vue'),
+    },
+    {
+      path: 'stats',
+      name: `${prefix}-stats-view`,
+      component: () => import('@/app/connections/views/ConnectionsStatsView.vue'),
+    },
+    {
+      path: 'clusters',
+      name: `${prefix}-clusters-view`,
+      component: () => import('@/app/connections/views/ConnectionsClustersView.vue'),
+    },
+
+  ]
+}
+
+export const routes = (prefix: string): RouteRecordRaw[] => {
   return [
     {
       path: 'inbound/:connection',
-      name: 'connection-inbound-summary-view',
+      name: `${prefix}-connection-inbound-summary-view`,
       component: () => import('@/app/connections/views/ConnectionInboundSummaryView.vue'),
       children: [
-        {
-          path: 'overview',
-          name: 'connection-inbound-summary-overview-view',
-          component: () => import('@/app/connections/views/ConnectionInboundSummaryOverviewView.vue'),
-        },
         {
           path: 'stats',
-          name: 'connection-inbound-summary-stats-view',
+          name: `${prefix}-connection-inbound-summary-stats-view`,
           component: () => import('@/app/connections/views/ConnectionInboundSummaryStatsView.vue'),
         },
         {
           path: 'clusters',
-          name: 'connection-inbound-summary-clusters-view',
+          name: `${prefix}-connection-inbound-summary-clusters-view`,
           component: () => import('@/app/connections/views/ConnectionInboundSummaryClustersView.vue'),
         },
         {
           path: 'xds-config',
-          name: 'connection-inbound-summary-xds-config-view',
+          name: `${prefix}-connection-inbound-summary-xds-config-view`,
           component: () => import('@/app/connections/views/ConnectionInboundSummaryXdsConfigView.vue'),
         },
       ],
     },
     {
       path: 'outbound/:connection',
-      name: 'connection-outbound-summary-view',
+      name: `${prefix}-connection-outbound-summary-view`,
       component: () => import('@/app/connections/views/ConnectionOutboundSummaryView.vue'),
       children: [
-        {
-          path: 'overview',
-          name: 'connection-outbound-summary-overview-view',
-          component: () => import('@/app/connections/views/ConnectionOutboundSummaryOverviewView.vue'),
-        },
         {
           path: 'stats',
-          name: 'connection-outbound-summary-stats-view',
+          name: `${prefix}-connection-outbound-summary-stats-view`,
           component: () => import('@/app/connections/views/ConnectionOutboundSummaryStatsView.vue'),
         },
         {
           path: 'clusters',
-          name: 'connection-outbound-summary-clusters-view',
+          name: `${prefix}-connection-outbound-summary-clusters-view`,
           component: () => import('@/app/connections/views/ConnectionOutboundSummaryClustersView.vue'),
         },
         {
           path: 'xds-config',
-          name: 'connection-outbound-summary-xds-config-view',
+          name: `${prefix}-connection-outbound-summary-xds-config-view`,
           component: () => import('@/app/connections/views/ConnectionOutboundSummaryXdsConfigView.vue'),
         },
       ],
diff --git a/packages/kuma-gui/src/app/connections/views/ConnectionInboundSummaryClustersView.vue b/packages/kuma-gui/src/app/connections/views/ConnectionInboundSummaryClustersView.vue
index 618184957..edfdf1e30 100644
--- a/packages/kuma-gui/src/app/connections/views/ConnectionInboundSummaryClustersView.vue
+++ b/packages/kuma-gui/src/app/connections/views/ConnectionInboundSummaryClustersView.vue
@@ -8,7 +8,7 @@
       dataPlane: '',
       connection: '',
     }"
-    name="connection-inbound-summary-clusters-view"
+    :name="props.routeName"
     v-slot="{ route, uri }"
   >
     <RouteTitle
@@ -61,4 +61,7 @@
 </template>
 <script lang="ts" setup>
 import { sources } from '../sources'
+const props = defineProps<{
+  routeName: string
+}>()
 </script>
diff --git a/packages/kuma-gui/src/app/connections/views/ConnectionInboundSummaryStatsView.vue b/packages/kuma-gui/src/app/connections/views/ConnectionInboundSummaryStatsView.vue
index f78f330a5..24b0304ab 100644
--- a/packages/kuma-gui/src/app/connections/views/ConnectionInboundSummaryStatsView.vue
+++ b/packages/kuma-gui/src/app/connections/views/ConnectionInboundSummaryStatsView.vue
@@ -8,7 +8,7 @@
       dataPlane: '',
       connection: '',
     }"
-    name="connection-inbound-summary-stats-view"
+    :name="props.routeName"
     v-slot="{ route, uri }"
   >
     <RouteTitle
@@ -20,7 +20,7 @@
         :src="uri(sources, '/meshes/:mesh/dataplanes/:name/stats/:address', {
           mesh: route.params.mesh,
           name: route.params.dataPlane,
-          address: props.dataplaneOverview.dataplane.networking.inboundAddress,
+          address: props.networking.inboundAddress,
         })"
         v-slot="{ data: stats, refresh }"
       >
@@ -62,10 +62,11 @@
 </template>
 <script lang="ts" setup>
 import { sources } from '../sources'
-import type { DataplaneInbound, DataplaneOverview } from '@/app/data-planes/data/'
+import type { DataplaneInbound, DataplaneNetworking } from '@/app/data-planes/data/'
 
 const props = defineProps<{
   data: DataplaneInbound
-  dataplaneOverview: DataplaneOverview
+  networking: DataplaneNetworking
+  routeName: string
 }>()
 </script>
diff --git a/packages/kuma-gui/src/app/connections/views/ConnectionInboundSummaryView.vue b/packages/kuma-gui/src/app/connections/views/ConnectionInboundSummaryView.vue
index 457a55a42..4d7846003 100644
--- a/packages/kuma-gui/src/app/connections/views/ConnectionInboundSummaryView.vue
+++ b/packages/kuma-gui/src/app/connections/views/ConnectionInboundSummaryView.vue
@@ -1,6 +1,6 @@
 <template>
   <RouteView
-    name="connection-inbound-summary-view"
+    :name="props.routeName"
     :params="{
       connection: '',
       inactive: false,
@@ -11,7 +11,7 @@
     <!-- otherwise find the exact inbound -->
     <DataCollection
       :items="props.data"
-      :predicate="props.dataplaneOverview.dataplane.networking.type === 'gateway' ? (item) => true : (item) => item.name === route.params.connection"
+      :predicate="props.networking.type === 'gateway' ? (item) => true : (item) => item.name === route.params.connection"
       :find="true"
       v-slot="{ items }"
     >
@@ -38,7 +38,7 @@
                 },
               }"
             >
-              {{ t(`connections.routes.item.navigation.${name.split('-')[3]}`) }}
+              {{ t(`connections.routes.item.navigation.${name.split('-')[5]}`) }}
             </XAction>
           </template>
         </XTabs>
@@ -47,7 +47,7 @@
           <component
             :is="child.Component"
             :data="items[0]"
-            :dataplane-overview="props.dataplaneOverview"
+            :networking="props.networking"
           />
         </RouterView>
       </AppView>
@@ -56,10 +56,11 @@
 </template>
 
 <script lang="ts" setup>
-import type { DataplaneInbound, DataplaneOverview } from '@/app/data-planes/data/'
+import type { DataplaneInbound, DataplaneNetworking } from '@/app/data-planes/data/'
 
 const props = defineProps<{
   data: DataplaneInbound[]
-  dataplaneOverview: DataplaneOverview
+  networking: DataplaneNetworking
+  routeName: string
 }>()
 </script>
diff --git a/packages/kuma-gui/src/app/connections/views/ConnectionInboundSummaryXdsConfigView.vue b/packages/kuma-gui/src/app/connections/views/ConnectionInboundSummaryXdsConfigView.vue
index 8470f3715..25b967cc5 100644
--- a/packages/kuma-gui/src/app/connections/views/ConnectionInboundSummaryXdsConfigView.vue
+++ b/packages/kuma-gui/src/app/connections/views/ConnectionInboundSummaryXdsConfigView.vue
@@ -8,7 +8,7 @@
       dataPlane: '',
       connection: '',
     }"
-    name="connection-inbound-summary-xds-config-view"
+    :name="props.routeName"
     v-slot="{ t, route, uri }"
   >
     <RouteTitle
@@ -51,10 +51,10 @@
 </template>
 <script lang="ts" setup>
 import { sources } from '../sources'
-import type { DataplaneInbound, DataplaneOverview } from '@/app/data-planes/data/'
+import type { DataplaneInbound } from '@/app/data-planes/data/'
 
 const props = defineProps<{
   data: DataplaneInbound
-  dataplaneOverview: DataplaneOverview
+  routeName: string
 }>()
 </script>
diff --git a/packages/kuma-gui/src/app/connections/views/ConnectionOutboundSummaryClustersView.vue b/packages/kuma-gui/src/app/connections/views/ConnectionOutboundSummaryClustersView.vue
index 9ab147d33..227c56cd9 100644
--- a/packages/kuma-gui/src/app/connections/views/ConnectionOutboundSummaryClustersView.vue
+++ b/packages/kuma-gui/src/app/connections/views/ConnectionOutboundSummaryClustersView.vue
@@ -8,7 +8,7 @@
       dataPlane: '',
       connection: '',
     }"
-    name="connection-outbound-summary-clusters-view"
+    :name="props.routeName"
     v-slot="{ route, uri }"
   >
     <RouteTitle
@@ -61,4 +61,7 @@
 </template>
 <script lang="ts" setup>
 import { sources } from '../sources'
+const props = defineProps<{
+  routeName: string
+}>()
 </script>
diff --git a/packages/kuma-gui/src/app/connections/views/ConnectionOutboundSummaryStatsView.vue b/packages/kuma-gui/src/app/connections/views/ConnectionOutboundSummaryStatsView.vue
index 99a2e94b4..57461924e 100644
--- a/packages/kuma-gui/src/app/connections/views/ConnectionOutboundSummaryStatsView.vue
+++ b/packages/kuma-gui/src/app/connections/views/ConnectionOutboundSummaryStatsView.vue
@@ -8,7 +8,7 @@
       dataPlane: '',
       connection: '',
     }"
-    name="connection-outbound-summary-stats-view"
+    :name="props.routeName"
     v-slot="{ route, uri }"
   >
     <RouteTitle
@@ -20,7 +20,7 @@
         :src="uri(sources, '/meshes/:mesh/dataplanes/:name/stats/:address', {
           mesh: route.params.mesh,
           name: route.params.dataPlane,
-          address: props.dataplaneOverview.dataplane.networking.inboundAddress,
+          address: props.networking.inboundAddress,
         })"
 
         v-slot="{ data, refresh }"
@@ -58,8 +58,9 @@
 </template>
 <script lang="ts" setup>
 import { sources } from '../sources'
-import type { DataplaneOverview } from '@/app/data-planes/data/'
+import type { DataplaneNetworking } from '@/app/data-planes/data/'
 const props = defineProps<{
-  dataplaneOverview: DataplaneOverview
+  networking: DataplaneNetworking
+  routeName: string
 }>()
 </script>
diff --git a/packages/kuma-gui/src/app/connections/views/ConnectionOutboundSummaryView.vue b/packages/kuma-gui/src/app/connections/views/ConnectionOutboundSummaryView.vue
index 2d73ed259..f316d22b1 100644
--- a/packages/kuma-gui/src/app/connections/views/ConnectionOutboundSummaryView.vue
+++ b/packages/kuma-gui/src/app/connections/views/ConnectionOutboundSummaryView.vue
@@ -1,6 +1,6 @@
 <template>
   <RouteView
-    name="connection-outbound-summary-view"
+    :name="props.routeName"
     :params="{
       connection: '',
       inactive: false,
@@ -29,7 +29,7 @@
 
             }"
           >
-            {{ t(`connections.routes.item.navigation.${item.name.split('-')[3]}`) }}
+            {{ t(`connections.routes.item.navigation.${item.name.split('-')[5]}`) }}
           </XAction>
         </template>
       </XTabs>
@@ -43,7 +43,7 @@
           <component
             :is="Component"
             :data="items[0][1]"
-            :dataplane-overview="props.dataplaneOverview"
+            :dataplane-overview="props.networking"
           />
         </DataCollection>
       </RouterView>
@@ -52,9 +52,10 @@
 </template>
 
 <script lang="ts" setup>
-import type { DataplaneOverview } from '@/app/data-planes/data/'
+import type { DataplaneNetworking } from '@/app/data-planes/data/'
 const props = defineProps<{
   data: Record<string, any>
-  dataplaneOverview: DataplaneOverview
+  networking: DataplaneNetworking
+  routeName: string
 }>()
 </script>
diff --git a/packages/kuma-gui/src/app/connections/views/ConnectionOutboundSummaryXdsConfigView.vue b/packages/kuma-gui/src/app/connections/views/ConnectionOutboundSummaryXdsConfigView.vue
index b413d8ddc..fa2841918 100644
--- a/packages/kuma-gui/src/app/connections/views/ConnectionOutboundSummaryXdsConfigView.vue
+++ b/packages/kuma-gui/src/app/connections/views/ConnectionOutboundSummaryXdsConfigView.vue
@@ -9,7 +9,7 @@
       connection: '',
       includeEds: false,
     }"
-    name="connection-outbound-summary-xds-config-view"
+    :name="props.routeName"
     v-slot="{ t, route, uri }"
   >
     <RouteTitle
@@ -57,4 +57,7 @@
 </template>
 <script lang="ts" setup>
 import { sources } from '../sources'
+const props = defineProps<{
+  routeName: string
+}>()
 </script>
diff --git a/packages/kuma-gui/src/app/data-planes/views/DataPlaneClustersView.vue b/packages/kuma-gui/src/app/connections/views/ConnectionsClustersView.vue
similarity index 92%
rename from packages/kuma-gui/src/app/data-planes/views/DataPlaneClustersView.vue
rename to packages/kuma-gui/src/app/connections/views/ConnectionsClustersView.vue
index 8d9470f25..5e4d2da4e 100644
--- a/packages/kuma-gui/src/app/data-planes/views/DataPlaneClustersView.vue
+++ b/packages/kuma-gui/src/app/connections/views/ConnectionsClustersView.vue
@@ -1,6 +1,6 @@
 <template>
   <RouteView
-    name="data-plane-clusters-view"
+    :name="props.routeName"
     :params="{
       mesh: '',
       dataPlane: '',
@@ -50,5 +50,8 @@
   </RouteView>
 </template>
 <script lang="ts" setup>
-import { sources } from '@/app/connections/sources'
+import { sources } from '../sources'
+const props = defineProps<{
+  routeName: string
+}>()
 </script>
diff --git a/packages/kuma-gui/src/app/data-planes/views/DataPlaneStatsView.vue b/packages/kuma-gui/src/app/connections/views/ConnectionsStatsView.vue
similarity index 86%
rename from packages/kuma-gui/src/app/data-planes/views/DataPlaneStatsView.vue
rename to packages/kuma-gui/src/app/connections/views/ConnectionsStatsView.vue
index 7d0af0f8d..182afef77 100644
--- a/packages/kuma-gui/src/app/data-planes/views/DataPlaneStatsView.vue
+++ b/packages/kuma-gui/src/app/connections/views/ConnectionsStatsView.vue
@@ -1,6 +1,6 @@
 <template>
   <RouteView
-    name="data-plane-stats-view"
+    :name="props.routeName"
     :params="{
       mesh: '',
       dataPlane: '',
@@ -20,7 +20,7 @@
           :src="uri(sources, '/meshes/:mesh/dataplanes/:name/stats/:address', {
             mesh: route.params.mesh,
             name: route.params.dataPlane,
-            address: props.data.dataplane.networking.inboundAddress,
+            address: props.networking.inboundAddress,
           })"
           v-slot="{ data: statsData, refresh }"
         >
@@ -52,10 +52,11 @@
 </template>
 
 <script lang="ts" setup>
-import type { DataplaneOverview } from '../sources'
-import { sources } from '@/app/connections/sources'
+import { sources } from '../sources'
+import type { DataplaneNetworking } from '@/app/data-planes/data'
 
 const props = defineProps<{
-  data: DataplaneOverview
+  networking: DataplaneNetworking
+  routeName: string
 }>()
 </script>
diff --git a/packages/kuma-gui/src/app/data-planes/views/DataPlaneXdsConfigView.vue b/packages/kuma-gui/src/app/connections/views/ConnectionsXdsConfigView.vue
similarity index 93%
rename from packages/kuma-gui/src/app/data-planes/views/DataPlaneXdsConfigView.vue
rename to packages/kuma-gui/src/app/connections/views/ConnectionsXdsConfigView.vue
index 2a4e19d80..18925ebc6 100644
--- a/packages/kuma-gui/src/app/data-planes/views/DataPlaneXdsConfigView.vue
+++ b/packages/kuma-gui/src/app/connections/views/ConnectionsXdsConfigView.vue
@@ -1,6 +1,6 @@
 <template>
   <RouteView
-    name="data-plane-xds-config-view"
+    :name="props.routeName"
     :params="{
       mesh: '',
       dataPlane: '',
@@ -57,5 +57,8 @@
 </template>
 
 <script lang="ts" setup>
-import { sources } from '@/app/connections/sources'
+import { sources } from '../sources'
+const props = defineProps<{
+  routeName: string
+}>()
 </script>
diff --git a/packages/kuma-gui/src/app/data-planes/routes.ts b/packages/kuma-gui/src/app/data-planes/routes.ts
index fde2598d2..5f92c3ddd 100644
--- a/packages/kuma-gui/src/app/data-planes/routes.ts
+++ b/packages/kuma-gui/src/app/data-planes/routes.ts
@@ -1,4 +1,4 @@
-import { routes as connections } from '@/app/connections/routes'
+import { routes as connections, networking } from '@/app/connections/routes'
 import { routes as subscriptions } from '@/app/subscriptions/routes'
 import type { RouteRecordRaw } from 'vue-router'
 
@@ -15,7 +15,27 @@ export const routes = () => {
             name: 'data-plane-detail-view',
             component: () => import('@/app/data-planes/views/DataPlaneDetailView.vue'),
             children: [
-              ...connections(),
+              ...connections('data-plane').map(item => {
+                if (item.name === 'data-plane-connection-inbound-summary-view' && item.children) {
+                  item.children.unshift(
+                    {
+                      path: 'overview',
+                      name: 'data-plane-connection-inbound-summary-overview-view',
+                      component: () => import('@/app/data-planes/views/DataPlaneInboundSummaryOverviewView.vue'),
+                    },
+                  )
+                }
+                if (item.name === 'data-plane-connection-outbound-summary-view' && item.children) {
+                  item.children.unshift(
+                    {
+                      path: 'overview',
+                      name: 'data-plane-connection-outbound-summary-overview-view',
+                      component: () => import('@/app/data-planes/views/DataPlaneOutboundSummaryOverviewView.vue'),
+                    },
+                  )
+                }
+                return item
+              }),
               ...subscriptions('data-plane'),
             ],
           },
@@ -31,21 +51,7 @@ export const routes = () => {
               },
             ],
           },
-          {
-            path: 'xds-config',
-            name: 'data-plane-xds-config-view',
-            component: () => import('@/app/data-planes/views/DataPlaneXdsConfigView.vue'),
-          },
-          {
-            path: 'stats',
-            name: 'data-plane-stats-view',
-            component: () => import('@/app/data-planes/views/DataPlaneStatsView.vue'),
-          },
-          {
-            path: 'clusters',
-            name: 'data-plane-clusters-view',
-            component: () => import('@/app/data-planes/views/DataPlaneClustersView.vue'),
-          },
+          ...networking('data-plane'),
           {
             path: 'config',
             name: 'data-plane-config-view',
diff --git a/packages/kuma-gui/src/app/data-planes/views/DataPlaneDetailTabsView.vue b/packages/kuma-gui/src/app/data-planes/views/DataPlaneDetailTabsView.vue
index 104955c69..d1c9f3029 100644
--- a/packages/kuma-gui/src/app/data-planes/views/DataPlaneDetailTabsView.vue
+++ b/packages/kuma-gui/src/app/data-planes/views/DataPlaneDetailTabsView.vue
@@ -190,10 +190,13 @@
             </template>
           </XTabs>
 
-          <RouterView v-slot="child">
+          <RouterView
+            v-slot="{ Component }"
+          >
             <component
-              :is="child.Component"
+              :is="Component"
               :data="data"
+              :networking="data?.dataplane.networking"
               :mesh="props.mesh"
             />
           </RouterView>
diff --git a/packages/kuma-gui/src/app/data-planes/views/DataPlaneDetailView.vue b/packages/kuma-gui/src/app/data-planes/views/DataPlaneDetailView.vue
index 66c5ab09b..087448d38 100644
--- a/packages/kuma-gui/src/app/data-planes/views/DataPlaneDetailView.vue
+++ b/packages/kuma-gui/src/app/data-planes/views/DataPlaneDetailView.vue
@@ -261,7 +261,7 @@
                                 <XAction
                                   data-action
                                   :to="{
-                                    name: ((name) => name.includes('bound') ? name.replace('-outbound-', '-inbound-') : 'connection-inbound-summary-overview-view')(String(_route.name)),
+                                    name: ((name) => name.includes('bound') ? name.replace('-outbound-', '-inbound-') : 'data-plane-connection-inbound-summary-overview-view')(String(_route.name)),
                                     params: {
                                       connection: item.name,
                                     },
@@ -374,7 +374,7 @@
                                   <XAction
                                     data-action
                                     :to="{
-                                      name: ((name) => name.includes('bound') ? name.replace('-inbound-', '-outbound-') : 'connection-outbound-summary-overview-view')(String(_route.name)),
+                                      name: ((name) => name.includes('bound') ? name.replace('-inbound-', '-outbound-') : 'data-plane-connection-outbound-summary-overview-view')(String(_route.name)),
                                       params: {
                                         connection: name,
                                       },
@@ -424,7 +424,7 @@
               <component
                 :is="child.Component"
                 :data="route.params.subscription.length > 0 ? props.data.dataplaneInsight.subscriptions : (child.route.name as string).includes('-inbound-') ? props.data.dataplane.networking.inbounds : traffic?.outbounds || {}"
-                :dataplane-overview="props.data"
+                :networking="props.data.dataplane.networking"
               />
             </SummaryView>
           </RouterView>
diff --git a/packages/kuma-gui/src/app/connections/views/ConnectionInboundSummaryOverviewView.vue b/packages/kuma-gui/src/app/data-planes/views/DataPlaneInboundSummaryOverviewView.vue
similarity index 99%
rename from packages/kuma-gui/src/app/connections/views/ConnectionInboundSummaryOverviewView.vue
rename to packages/kuma-gui/src/app/data-planes/views/DataPlaneInboundSummaryOverviewView.vue
index 762c61cce..b5127ad96 100644
--- a/packages/kuma-gui/src/app/connections/views/ConnectionInboundSummaryOverviewView.vue
+++ b/packages/kuma-gui/src/app/data-planes/views/DataPlaneInboundSummaryOverviewView.vue
@@ -5,7 +5,7 @@
       dataPlane: '',
       connection: '',
     }"
-    name="connection-inbound-summary-overview-view"
+    :name="props.routeName"
     v-slot="{ t, route, uri }"
   >
     <AppView>
@@ -224,5 +224,6 @@ import { sources } from '@/app/rules/sources'
 
 const props = defineProps<{
   data: DataplaneInbound
+  routeName: string
 }>()
 </script>
diff --git a/packages/kuma-gui/src/app/connections/views/ConnectionOutboundSummaryOverviewView.vue b/packages/kuma-gui/src/app/data-planes/views/DataPlaneOutboundSummaryOverviewView.vue
similarity index 98%
rename from packages/kuma-gui/src/app/connections/views/ConnectionOutboundSummaryOverviewView.vue
rename to packages/kuma-gui/src/app/data-planes/views/DataPlaneOutboundSummaryOverviewView.vue
index 2fb1811d9..85590f150 100644
--- a/packages/kuma-gui/src/app/connections/views/ConnectionOutboundSummaryOverviewView.vue
+++ b/packages/kuma-gui/src/app/data-planes/views/DataPlaneOutboundSummaryOverviewView.vue
@@ -5,7 +5,7 @@
       dataPlane: '',
       connection: '',
     }"
-    name="connection-outbound-summary-overview-view"
+    :name="props.routeName"
     v-slot="{ t, route, uri }"
   >
     <AppView>
@@ -266,7 +266,6 @@ import AccordionItem from '@/app/common/AccordionItem.vue'
 import AccordionList from '@/app/common/AccordionList.vue'
 import DefinitionCard from '@/app/common/DefinitionCard.vue'
 import PolicyTypeTag from '@/app/common/PolicyTypeTag.vue'
-import type { DataplaneOverview } from '@/app/data-planes/data/'
 import type { PolicyTypeCollectionSource } from '@/app/policies/sources'
 import RuleMatchers from '@/app/rules/components/RuleMatchers.vue'
 import { ResourceRule } from '@/app/rules/data/ResourceRule'
@@ -274,7 +273,7 @@ import { sources } from '@/app/rules/sources'
 
 const props = defineProps<{
   data: Record<string, any>
-  dataplaneOverview: DataplaneOverview
+  routeName: string
 }>()
 
 const ruleForCluster = (cluster: any, rule: ResourceRule) => {