diff --git a/src/app/services/data/MeshService.ts b/src/app/services/data/MeshService.ts
index cb5ef50c5..4f92b0199 100644
--- a/src/app/services/data/MeshService.ts
+++ b/src/app/services/data/MeshService.ts
@@ -30,6 +30,11 @@ export const MeshService = {
           ...item,
           tls: typeof item.tls !== 'undefined' ? item.tls : { status: 'NotReady' },
           vips: Array.isArray(item.vips) ? item.vips : [],
+          dataplaneProxies: ((item = {}) => ({
+            connected: item.connected ?? 0,
+            total: item.total ?? 0,
+            healthy: item.healthy ?? 0,
+          }))(item.dataplaneProxies),
           addresses: Array.isArray(item.addresses)
             ? item.addresses.map(item => {
               return {
diff --git a/src/app/services/routes.ts b/src/app/services/routes.ts
index 05fe296a5..1a2868606 100644
--- a/src/app/services/routes.ts
+++ b/src/app/services/routes.ts
@@ -65,30 +65,34 @@ export const routes = (can: Can) => {
                   },
                 ],
               },
-              {
-                path: 'mesh-multi-zone-services/:service',
-                name: 'mesh-multi-zone-service-detail-tabs-view',
-                component: () => import('@/app/services/views/MeshMultiZoneServiceDetailTabsView.vue'),
-                children: [
+              ...(can('use zones')
+                ? [
                   {
-                    path: 'overview',
-                    name: 'mesh-multi-zone-service-detail-view',
-                    component: () => import('@/app/services/views/MeshMultiZoneServiceDetailView.vue'),
+                    path: 'mesh-multi-zone-services/:service',
+                    name: 'mesh-multi-zone-service-detail-tabs-view',
+                    component: () => import('@/app/services/views/MeshMultiZoneServiceDetailTabsView.vue'),
                     children: [
                       {
-                        path: ':dataPlane',
-                        name: 'mesh-multi-zone-service-data-plane-summary-view',
-                        component: () => import('@/app/data-planes/views/DataPlaneSummaryView.vue'),
+                        path: 'overview',
+                        name: 'mesh-multi-zone-service-detail-view',
+                        component: () => import('@/app/services/views/MeshMultiZoneServiceDetailView.vue'),
+                        children: [
+                          {
+                            path: ':dataPlane',
+                            name: 'mesh-multi-zone-service-data-plane-summary-view',
+                            component: () => import('@/app/data-planes/views/DataPlaneSummaryView.vue'),
+                          },
+                        ],
+                      },
+                      {
+                        path: 'config',
+                        name: 'mesh-multi-zone-service-config-view',
+                        component: () => import('@/app/services/views/MeshMultiZoneServiceConfigView.vue'),
                       },
                     ],
                   },
-                  {
-                    path: 'config',
-                    name: 'mesh-multi-zone-service-config-view',
-                    component: () => import('@/app/services/views/MeshMultiZoneServiceConfigView.vue'),
-                  },
-                ],
-              },
+                ]
+                : []),
               {
                 path: 'mesh-external-services/:service',
                 name: 'mesh-external-service-detail-tabs-view',
@@ -99,11 +103,6 @@ export const routes = (can: Can) => {
                     name: 'mesh-external-service-detail-view',
                     component: () => import('@/app/services/views/MeshExternalServiceDetailView.vue'),
                   },
-                  {
-                    path: 'config',
-                    name: 'mesh-external-service-config-view',
-                    component: () => import('@/app/services/views/MeshExternalServiceConfigView.vue'),
-                  },
                 ],
               },
             ]
@@ -147,18 +146,22 @@ export const routes = (can: Can) => {
                     },
                   ],
                 },
-                {
-                  path: 'mesh-multi-zone-services',
-                  name: 'mesh-multi-zone-service-list-view',
-                  component: () => import('@/app/services/views/MeshMultiZoneServiceListView.vue'),
-                  children: [
+                ...(can('use zones')
+                  ? [
                     {
-                      path: ':service',
-                      name: 'mesh-multi-zone-service-summary-view',
-                      component: () => import('@/app/services/views/MeshMultiZoneServiceSummaryView.vue'),
+                      path: 'mesh-multi-zone-services',
+                      name: 'mesh-multi-zone-service-list-view',
+                      component: () => import('@/app/services/views/MeshMultiZoneServiceListView.vue'),
+                      children: [
+                        {
+                          path: ':service',
+                          name: 'mesh-multi-zone-service-summary-view',
+                          component: () => import('@/app/services/views/MeshMultiZoneServiceSummaryView.vue'),
+                        },
+                      ],
                     },
-                  ],
-                },
+                  ]
+                  : []),
                 {
                   path: 'mesh-external-services',
                   name: 'mesh-external-service-list-view',
diff --git a/src/app/services/views/MeshExternalServiceConfigView.vue b/src/app/services/views/MeshExternalServiceConfigView.vue
deleted file mode 100644
index cb0fa32a4..000000000
--- a/src/app/services/views/MeshExternalServiceConfigView.vue
+++ /dev/null
@@ -1,48 +0,0 @@
-<template>
-  <RouteView
-    name="mesh-external-service-config-view"
-    :params="{
-      mesh: '',
-      service: '',
-      codeSearch: '',
-      codeFilter: false,
-      codeRegExp: false,
-    }"
-    v-slot="{ route }"
-  >
-    <AppView>
-      <KCard>
-        <ResourceCodeBlock
-          :resource="props.data.config"
-          is-searchable
-          :query="route.params.codeSearch"
-          :is-filter-mode="route.params.codeFilter"
-          :is-reg-exp-mode="route.params.codeRegExp"
-          @query-change="route.update({ codeSearch: $event })"
-          @filter-mode-change="route.update({ codeFilter: $event })"
-          @reg-exp-mode-change="route.update({ codeRegExp: $event })"
-          v-slot="{ copy, copying }"
-        >
-          <DataSource
-            v-if="copying"
-            :src="`/meshes/${props.data.mesh}/mesh-external-service/${props.data.id}/as/kubernetes?no-store`"
-            @change="(data) => {
-              copy((resolve) => resolve(data))
-            }"
-            @error="(e) => {
-              copy((_resolve, reject) => reject(e))
-            }"
-          />
-        </ResourceCodeBlock>
-      </KCard>
-    </AppView>
-  </RouteView>
-</template>
-
-<script lang="ts" setup>
-import type { MeshExternalService } from '../data'
-import ResourceCodeBlock from '@/app/common/code-block/ResourceCodeBlock.vue'
-const props = defineProps<{
-  data: MeshExternalService
-}>()
-</script>
diff --git a/src/app/services/views/MeshExternalServiceDetailView.vue b/src/app/services/views/MeshExternalServiceDetailView.vue
index 2a43804dc..137b2a43d 100644
--- a/src/app/services/views/MeshExternalServiceDetailView.vue
+++ b/src/app/services/views/MeshExternalServiceDetailView.vue
@@ -1,7 +1,12 @@
 <template>
   <RouteView
     name="mesh-external-service-detail-view"
-    v-slot="{ can }"
+    :params="{
+      codeSearch: '',
+      codeFilter: false,
+      codeRegExp: false,
+    }"
+    v-slot="{ route, can }"
   >
     <AppView>
       <div
@@ -9,6 +14,17 @@
       >
         <KCard>
           <div class="columns">
+            <DefinitionCard
+              v-if="props.data.namespace.length > 0"
+            >
+              <template #title>
+                Namespace
+              </template>
+
+              <template #body>
+                {{ props.data.namespace }}
+              </template>
+            </DefinitionCard>
             <DefinitionCard
               v-if="can('use zones') && props.data.zone"
             >
@@ -32,38 +48,6 @@
                 </XAction>
               </template>
             </DefinitionCard>
-            <DefinitionCard
-              v-if="props.data.status.addresses.length > 0"
-            >
-              <template
-                #title
-              >
-                Addresses
-              </template>
-              <template
-                #body
-              >
-                <template
-                  v-if="props.data.status.addresses.length === 1"
-                >
-                  <TextWithCopyButton
-                    :text="props.data.status.addresses[0].hostname"
-                  >
-                    {{ props.data.status.addresses[0].hostname }}
-                  </TextWithCopyButton>
-                </template>
-                <KTruncate
-                  v-else
-                >
-                  <span
-                    v-for="address in props.data.status.addresses"
-                    :key="address.hostname"
-                  >
-                    {{ address.hostname }}
-                  </span>
-                </KTruncate>
-              </template>
-            </DefinitionCard>
             <DefinitionCard
               v-if="data.spec.match"
               class="port"
@@ -104,23 +88,30 @@
                 </KBadge>
               </template>
             </DefinitionCard>
-            <DefinitionCard
-              v-if="typeof data.status.vip !== 'undefined'"
-              class="ip"
-            >
-              <template
-                #title
-              >
-                VIP
-              </template>
-              <template
-                #body
-              >
-                {{ data.status.vip.ip }}
-              </template>
-            </DefinitionCard>
           </div>
         </KCard>
+        <ResourceCodeBlock
+          :resource="props.data.config"
+          is-searchable
+          :query="route.params.codeSearch"
+          :is-filter-mode="route.params.codeFilter"
+          :is-reg-exp-mode="route.params.codeRegExp"
+          @query-change="route.update({ codeSearch: $event })"
+          @filter-mode-change="route.update({ codeFilter: $event })"
+          @reg-exp-mode-change="route.update({ codeRegExp: $event })"
+          v-slot="{ copy, copying }"
+        >
+          <DataSource
+            v-if="copying"
+            :src="`/meshes/${props.data.mesh}/mesh-external-service/${props.data.id}/as/kubernetes?no-store`"
+            @change="(data) => {
+              copy((resolve) => resolve(data))
+            }"
+            @error="(e) => {
+              copy((_resolve, reject) => reject(e))
+            }"
+          />
+        </ResourceCodeBlock>
       </div>
     </AppView>
   </RouteView>
@@ -128,8 +119,8 @@
 
 <script lang="ts" setup>
 import type { MeshExternalService } from '../data'
+import ResourceCodeBlock from '@/app/common/code-block/ResourceCodeBlock.vue'
 import DefinitionCard from '@/app/common/DefinitionCard.vue'
-import TextWithCopyButton from '@/app/common/TextWithCopyButton.vue'
 
 const props = defineProps<{
   data: MeshExternalService
diff --git a/src/app/services/views/MeshExternalServiceListView.vue b/src/app/services/views/MeshExternalServiceListView.vue
index 17677e4d9..09a21be8e 100644
--- a/src/app/services/views/MeshExternalServiceListView.vue
+++ b/src/app/services/views/MeshExternalServiceListView.vue
@@ -42,8 +42,6 @@
                   { ...me.get('headers.name'), label: 'Name', key: 'name' },
                   { ...me.get('headers.namespace'), label: 'Namespace', key: 'namespace' },
                   ...(can('use zones') ? [{ ...me.get('headers.zone'), label: 'Zone', key: 'zone' }] : []),
-                  { ...me.get('headers.tls'), label: 'TLS', key: 'tls' },
-                  { ...me.get('headers.addresses'), label: 'Addresses', key: 'addresses' },
                   { ...me.get('headers.port'), label: 'Port', key: 'port' },
                   { ...me.get('headers.actions'), label: 'Actions', key: 'actions', hideLabel: true },
                 ]"
@@ -97,36 +95,6 @@
                     {{ t('common.detail.none') }}
                   </template>
                 </template>
-                <template #tls="{ row: item }">
-                  <KBadge
-                    appearance="neutral"
-                  >
-                    {{ item.spec.tls?.enabled ? 'Enabled' : 'Disabled' }}
-                  </KBadge>
-                </template>
-                <template
-                  #addresses="{ row: item }"
-                >
-                  <template
-                    v-if="item.status.addresses.length === 1"
-                  >
-                    <TextWithCopyButton
-                      :text="item.status.addresses[0].hostname"
-                    >
-                      {{ item.status.addresses[0].hostname }}
-                    </TextWithCopyButton>
-                  </template>
-                  <KTruncate
-                    v-else
-                  >
-                    <span
-                      v-for="address in item.status.addresses"
-                      :key="address.hostname"
-                    >
-                      {{ address.hostname }}
-                    </span>
-                  </KTruncate>
-                </template>
                 <template
                   #port="{ row: item }"
                 >
diff --git a/src/app/services/views/MeshExternalServiceSummaryView.vue b/src/app/services/views/MeshExternalServiceSummaryView.vue
index 2176ceaa7..f329b4e06 100644
--- a/src/app/services/views/MeshExternalServiceSummaryView.vue
+++ b/src/app/services/views/MeshExternalServiceSummaryView.vue
@@ -43,6 +43,18 @@
             <div
               class="stack-with-borders"
             >
+              <DefinitionCard
+                v-if="item.namespace.length > 0"
+                layout="horizontal"
+              >
+                <template #title>
+                  Namespace
+                </template>
+
+                <template #body>
+                  {{ item.namespace }}
+                </template>
+              </DefinitionCard>
               <DefinitionCard
                 v-if="can('use zones') && item.zone"
                 layout="horizontal"
@@ -67,39 +79,6 @@
                   </XAction>
                 </template>
               </DefinitionCard>
-              <DefinitionCard
-                v-if="item.status.addresses.length > 0"
-                layout="horizontal"
-              >
-                <template
-                  #title
-                >
-                  Addresses
-                </template>
-                <template
-                  #body
-                >
-                  <template
-                    v-if="item.status.addresses.length === 1"
-                  >
-                    <TextWithCopyButton
-                      :text="item.status.addresses[0].hostname"
-                    >
-                      {{ item.status.addresses[0].hostname }}
-                    </TextWithCopyButton>
-                  </template>
-                  <KTruncate
-                    v-else
-                  >
-                    <span
-                      v-for="address in item.status.addresses"
-                      :key="address.hostname"
-                    >
-                      {{ address.hostname }}
-                    </span>
-                  </KTruncate>
-                </template>
-              </DefinitionCard>
               <DefinitionCard
                 v-if="item.spec.match"
                 layout="horizontal"
@@ -180,7 +159,6 @@
 <script lang="ts" setup>
 import ResourceCodeBlock from '@/app/common/code-block/ResourceCodeBlock.vue'
 import DefinitionCard from '@/app/common/DefinitionCard.vue'
-import TextWithCopyButton from '@/app/common/TextWithCopyButton.vue'
 import type { MeshExternalService } from '@/app/services/data'
 const props = defineProps<{
   items: MeshExternalService[]
diff --git a/src/app/services/views/MeshMultiZoneServiceDetailView.vue b/src/app/services/views/MeshMultiZoneServiceDetailView.vue
index a8dd4499d..b0475f2e5 100644
--- a/src/app/services/views/MeshMultiZoneServiceDetailView.vue
+++ b/src/app/services/views/MeshMultiZoneServiceDetailView.vue
@@ -11,7 +11,7 @@
       codeFilter: false,
       codeRegExp: false,
     }"
-    v-slot="{ t, me }"
+    v-slot="{ t, me, can }"
   >
     <AppView>
       <div
@@ -19,27 +19,6 @@
       >
         <KCard>
           <div class="columns">
-            <DefinitionCard
-              v-if="props.data.status.addresses.length > 0"
-            >
-              <template
-                #title
-              >
-                Addresses
-              </template>
-              <template
-                #body
-              >
-                <KTruncate>
-                  <span
-                    v-for="address in props.data.status.addresses"
-                    :key="address.hostname"
-                  >
-                    {{ address.hostname }}
-                  </span>
-                </KTruncate>
-              </template>
-            </DefinitionCard>
             <DefinitionCard>
               <template
                 #title
@@ -51,11 +30,11 @@
               >
                 <KTruncate>
                   <KBadge
-                    v-for="connection in data.spec.ports"
+                    v-for="connection in props.data.spec.ports"
                     :key="connection.port"
                     appearance="info"
                   >
-                    {{ connection.port }}:{{ connection.targetPort }}/{{ connection.appProtocol }}
+                    {{ connection.port }}/{{ connection.appProtocol }}{{ connection.name && connection.name !== String(connection.port) ? ` (${connection.name})` : '' }}
                   </KBadge>
                 </KTruncate>
               </template>
@@ -64,7 +43,7 @@
               <template
                 #title
               >
-                Match Labels
+                Selector
               </template>
               <template
                 #body
@@ -80,28 +59,6 @@
                 </KTruncate>
               </template>
             </DefinitionCard>
-            <DefinitionCard
-              v-if="data.status.vips.length > 0"
-              class="ip"
-            >
-              <template
-                #title
-              >
-                VIPs
-              </template>
-              <template
-                #body
-              >
-                <KTruncate>
-                  <span
-                    v-for="address in data.status.vips"
-                    :key="address.ip"
-                  >
-                    {{ address.ip }}
-                  </span>
-                </KTruncate>
-              </template>
-            </DefinitionCard>
           </div>
         </KCard>
 
@@ -117,9 +74,8 @@
               data-testid="mesh-service-collection"
               :headers="[
                 { ...me.get('headers.name'), label: 'Name', key: 'name' },
-                { ...me.get('headers.zone'), label: 'Zone', key: 'zone' },
+                ...(can('use zones') ? [{ ...me.get('headers.zone'), label: 'Zone', key: 'zone' }] : []),
                 { ...me.get('headers.namespace'), label: 'Namespace', key: 'namespace' },
-                { ...me.get('headers.mesh'), label: 'Mesh', key: 'mesh' },
                 { ...me.get('headers.actions'), label: 'Actions', key: 'actions', hideLabel: true },
               ]"
               :items="data.status.meshServices"
@@ -159,19 +115,6 @@
                 {{ item.namespace }}
               </template>
 
-              <template #mesh="{ row: item }">
-                <XAction
-                  :to="{
-                    name: 'mesh-detail-view',
-                    params: {
-                      mesh: item.mesh,
-                    },
-                  }"
-                >
-                  {{ item.mesh }}
-                </XAction>
-              </template>
-
               <template #actions="{ row: item }">
                 <XActionGroup>
                   <XAction
diff --git a/src/app/services/views/MeshMultiZoneServiceListView.vue b/src/app/services/views/MeshMultiZoneServiceListView.vue
index 156b29f0c..838d4fee8 100644
--- a/src/app/services/views/MeshMultiZoneServiceListView.vue
+++ b/src/app/services/views/MeshMultiZoneServiceListView.vue
@@ -7,7 +7,7 @@
       mesh: '',
       service: '',
     }"
-    v-slot="{ route, t, can, uri, me }"
+    v-slot="{ route, t, uri, me }"
   >
     <RouteTitle
       :render="false"
@@ -35,11 +35,8 @@
               <AppCollection
                 :headers="[
                   { ...me.get('headers.name'), label: 'Name', key: 'name' },
-                  { ...me.get('headers.namespace'), label: 'Namespace', key: 'namespace' },
-                  ...(can('use zones') ? [{ ...me.get('headers.zone'), label: 'Zone', key: 'zone' }] : []),
-                  { ...me.get('headers.addresses'), label: 'Addresses', key: 'addresses' },
                   { ...me.get('headers.ports'), label: 'Ports', key: 'ports' },
-                  { ...me.get('headers.labels'), label: 'Match Labels', key: 'labels' },
+                  { ...me.get('headers.labels'), label: 'Selector', key: 'labels' },
                   { ...me.get('headers.actions'), label: 'Actions', key: 'actions', hideLabel: true },
                 ]"
                 :page-number="route.params.page"
@@ -72,42 +69,6 @@
                     </XAction>
                   </TextWithCopyButton>
                 </template>
-                <template
-                  #namespace="{ row: item }"
-                >
-                  {{ item.namespace }}
-                </template>
-                <template #zone="{ row: item }">
-                  <template v-if="item.labels && item.labels['kuma.io/origin'] === 'zone' && item.labels['kuma.io/zone']">
-                    <XAction
-                      v-if="item.labels['kuma.io/zone']"
-                      :to="{
-                        name: 'zone-cp-detail-view',
-                        params: {
-                          zone: item.labels['kuma.io/zone'],
-                        },
-                      }"
-                    >
-                      {{ item.labels['kuma.io/zone'] }}
-                    </XAction>
-                  </template>
-
-                  <template v-else>
-                    {{ t('common.detail.none') }}
-                  </template>
-                </template>
-                <template
-                  #addresses="{ row: item }"
-                >
-                  <KTruncate>
-                    <span
-                      v-for="address in item.status.addresses"
-                      :key="address.hostname"
-                    >
-                      {{ address.hostname }}
-                    </span>
-                  </KTruncate>
-                </template>
                 <template
                   #ports="{ row: item }"
                 >
@@ -117,7 +78,7 @@
                       :key="connection.port"
                       appearance="info"
                     >
-                      {{ connection.port }}:{{ connection.targetPort }}/{{ connection.appProtocol }}
+                      {{ connection.port }}/{{ connection.appProtocol }}{{ connection.name && connection.name !== String(connection.port) ? ` (${connection.name})` : '' }}
                     </KBadge>
                   </KTruncate>
                 </template>
diff --git a/src/app/services/views/MeshMultiZoneServiceSummaryView.vue b/src/app/services/views/MeshMultiZoneServiceSummaryView.vue
index 11bd7eeac..eaff060b5 100644
--- a/src/app/services/views/MeshMultiZoneServiceSummaryView.vue
+++ b/src/app/services/views/MeshMultiZoneServiceSummaryView.vue
@@ -43,28 +43,6 @@
             <div
               class="stack-with-borders"
             >
-              <DefinitionCard
-                v-if="item.status.addresses.length > 0"
-                layout="horizontal"
-              >
-                <template
-                  #title
-                >
-                  Addresses
-                </template>
-                <template
-                  #body
-                >
-                  <KTruncate>
-                    <span
-                      v-for="address in item.status.addresses"
-                      :key="address.hostname"
-                    >
-                      {{ address.hostname }}
-                    </span>
-                  </KTruncate>
-                </template>
-              </DefinitionCard>
               <DefinitionCard
                 layout="horizontal"
               >
@@ -82,7 +60,7 @@
                       :key="connection.port"
                       appearance="info"
                     >
-                      {{ connection.port }}{{ connection.targetPort ? `:${connection.targetPort}` : '' }}{{ connection.appProtocol ? `/${connection.appProtocol}` : '' }}
+                      {{ connection.port }}/{{ connection.appProtocol }}{{ connection.name && connection.name !== String(connection.port) ? ` (${connection.name})` : '' }}
                     </KBadge>
                   </KTruncate>
                 </template>
@@ -93,7 +71,7 @@
                 <template
                   #title
                 >
-                  Match Labels
+                  Selector
                 </template>
                 <template
                   #body
diff --git a/src/app/services/views/MeshServiceDetailView.vue b/src/app/services/views/MeshServiceDetailView.vue
index a1081c748..7f06f110d 100644
--- a/src/app/services/views/MeshServiceDetailView.vue
+++ b/src/app/services/views/MeshServiceDetailView.vue
@@ -20,6 +20,30 @@
       >
         <KCard>
           <div class="columns">
+            <DefinitionCard>
+              <template #title>
+                State
+              </template>
+
+              <template #body>
+                <KBadge
+                  :appearance="props.data.spec.state === 'Available' ? 'success' : 'danger'"
+                >
+                  {{ props.data.spec.state }}
+                </KBadge>
+              </template>
+            </DefinitionCard>
+            <DefinitionCard
+              v-if="props.data.namespace.length > 0"
+            >
+              <template #title>
+                Namespace
+              </template>
+
+              <template #body>
+                {{ props.data.namespace }}
+              </template>
+            </DefinitionCard>
             <DefinitionCard
               v-if="can('use zones') && props.data.zone"
             >
@@ -43,38 +67,6 @@
                 </XAction>
               </template>
             </DefinitionCard>
-            <DefinitionCard
-              v-if="props.data.status.addresses.length > 0"
-            >
-              <template
-                #title
-              >
-                Addresses
-              </template>
-              <template
-                #body
-              >
-                <template
-                  v-if="props.data.status.addresses.length === 1"
-                >
-                  <TextWithCopyButton
-                    :text="props.data.status.addresses[0].hostname"
-                  >
-                    {{ props.data.status.addresses[0].hostname }}
-                  </TextWithCopyButton>
-                </template>
-                <KTruncate
-                  v-else
-                >
-                  <span
-                    v-for="address in props.data.status.addresses"
-                    :key="address.hostname"
-                  >
-                    {{ address.hostname }}
-                  </span>
-                </KTruncate>
-              </template>
-            </DefinitionCard>
             <DefinitionCard>
               <template
                 #title
@@ -90,7 +82,7 @@
                     :key="connection.port"
                     appearance="info"
                   >
-                    {{ connection.port }}:{{ connection.targetPort }}/{{ connection.appProtocol }}
+                    {{ connection.port }}/{{ connection.appProtocol }}{{ connection.name && connection.name !== String(connection.port) ? ` (${connection.name})` : '' }}
                   </KBadge>
                 </KTruncate>
               </template>
@@ -99,7 +91,7 @@
               <template
                 #title
               >
-                Dataplane Tags
+                Selector
               </template>
               <template
                 #body
@@ -115,28 +107,6 @@
                 </KTruncate>
               </template>
             </DefinitionCard>
-            <DefinitionCard
-              v-if="data.status.vips.length > 0"
-              class="ip"
-            >
-              <template
-                #title
-              >
-                VIPs
-              </template>
-              <template
-                #body
-              >
-                <KTruncate>
-                  <span
-                    v-for="address in data.status.vips"
-                    :key="address.ip"
-                  >
-                    {{ address.ip }}
-                  </span>
-                </KTruncate>
-              </template>
-            </DefinitionCard>
           </div>
         </KCard>
 
@@ -180,6 +150,7 @@
                     :headers="[
                       { ...me.get('headers.name'), label: 'Name', key: 'name' },
                       { ...me.get('headers.namespace'), label: 'Namespace', key: 'namespace' },
+                      ...(can('use zones') ? [{ ...me.get('headers.zone'), label: 'Zone', key: 'zone' }] : []),
                       { ...me.get('headers.certificate'), label: 'Certificate Info', key: 'certificate' },
                       { ...me.get('headers.status'), label: 'Status', key: 'status' },
                       { ...me.get('headers.warnings'), label: 'Warnings', key: 'warnings', hideLabel: true },
@@ -339,7 +310,6 @@ import DefinitionCard from '@/app/common/DefinitionCard.vue'
 import FilterBar from '@/app/common/filter-bar/FilterBar.vue'
 import StatusBadge from '@/app/common/StatusBadge.vue'
 import SummaryView from '@/app/common/SummaryView.vue'
-import TextWithCopyButton from '@/app/common/TextWithCopyButton.vue'
 import { sources } from '@/app/data-planes/sources'
 
 const props = defineProps<{
diff --git a/src/app/services/views/MeshServiceListView.vue b/src/app/services/views/MeshServiceListView.vue
index 4033d00ba..5e52a19bf 100644
--- a/src/app/services/views/MeshServiceListView.vue
+++ b/src/app/services/views/MeshServiceListView.vue
@@ -42,9 +42,9 @@
                   { ...me.get('headers.name'), label: 'Name', key: 'name' },
                   { ...me.get('headers.namespace'), label: 'Namespace', key: 'namespace' },
                   ...(can('use zones') ? [{ ...me.get('headers.zone'), label: 'Zone', key: 'zone' }] : []),
-                  { ...me.get('headers.addresses'), label: 'Addresses', key: 'addresses' },
+                  { ...me.get('headers.state'), label: 'State', key: 'state' },
+                  { ...me.get('headers.status'), label: 'DP proxies (connected / healthy / total)', key: 'status' },
                   { ...me.get('headers.ports'), label: 'Ports', key: 'ports' },
-                  { ...me.get('headers.tags'), label: 'Tags', key: 'tags' },
                   { ...me.get('headers.actions'), label: 'Actions', key: 'actions', hideLabel: true },
                 ]"
                 :items="data?.items"
@@ -97,51 +97,29 @@
                   </template>
                 </template>
                 <template
-                  #addresses="{ row: item }"
+                  #state="{ row: item }"
                 >
-                  <template
-                    v-if="item.status.addresses.length === 1"
+                  <KBadge
+                    :appearance="item.spec.state === 'Available' ? 'success' : 'danger'"
                   >
-                    <TextWithCopyButton
-                      :text="item.status.addresses[0].hostname"
-                    >
-                      {{ item.status.addresses[0].hostname }}
-                    </TextWithCopyButton>
-                  </template>
-                  <KTruncate
-                    v-else
-                  >
-                    <span
-                      v-for="address in item.status.addresses"
-                      :key="address.hostname"
-                    >
-                      {{ address.hostname }}
-                    </span>
-                  </KTruncate>
+                    {{ item.spec.state }}
+                  </KBadge>
                 </template>
                 <template
-                  #ports="{ row: item }"
+                  #status="{ row: item }"
                 >
-                  <KTruncate>
-                    <KBadge
-                      v-for="connection in item.spec.ports"
-                      :key="connection.port"
-                      appearance="info"
-                    >
-                      {{ connection.port }}:{{ connection.targetPort }}/{{ connection.appProtocol }}
-                    </KBadge>
-                  </KTruncate>
+                  {{ item.status.dataplaneProxies?.connected }} / {{ item.status.dataplaneProxies?.healthy }} / {{ item.status.dataplaneProxies?.total }}
                 </template>
                 <template
-                  #tags="{ row: item }"
+                  #ports="{ row: item }"
                 >
                   <KTruncate>
                     <KBadge
-                      v-for="(value, key) in item.spec.selector.dataplaneTags"
-                      :key="`${key}:${value}`"
+                      v-for="connection in item.spec.ports"
+                      :key="connection.port"
                       appearance="info"
                     >
-                      {{ key }}:{{ value }}
+                      {{ connection.port }}/{{ connection.appProtocol }}{{ connection.name && connection.name !== String(connection.port) ? ` (${connection.name})` : '' }}
                     </KBadge>
                   </KTruncate>
                 </template>
diff --git a/src/app/services/views/MeshServiceSummaryView.vue b/src/app/services/views/MeshServiceSummaryView.vue
index aa4f28182..c8ede5920 100644
--- a/src/app/services/views/MeshServiceSummaryView.vue
+++ b/src/app/services/views/MeshServiceSummaryView.vue
@@ -44,60 +44,74 @@
               class="stack-with-borders"
             >
               <DefinitionCard
-                v-if="can('use zones') && item.zone"
                 layout="horizontal"
               >
                 <template
                   #title
                 >
-                  Zone
+                  State
                 </template>
                 <template
                   #body
                 >
-                  <XAction
-                    :to="{
-                      name: 'zone-cp-detail-view',
-                      params: {
-                        zone: item.zone,
-                      },
-                    }"
+                  <KBadge
+                    :appearance="item.spec.state === 'Available' ? 'success' : 'danger'"
                   >
-                    {{ item.zone }}
-                  </XAction>
+                    {{ item.spec.state }}
+                  </KBadge>
                 </template>
               </DefinitionCard>
               <DefinitionCard
-                v-if="item.status.addresses.length > 0"
                 layout="horizontal"
               >
                 <template
                   #title
                 >
-                  Addresses
+                  Dataplane Proxies
                 </template>
                 <template
                   #body
                 >
-                  <template
-                    v-if="item.status.addresses.length === 1"
-                  >
-                    <TextWithCopyButton
-                      :text="item.status.addresses[0].hostname"
-                    >
-                      {{ item.status.addresses[0].hostname }}
-                    </TextWithCopyButton>
-                  </template>
-                  <KTruncate
-                    v-else
+                  {{ item.status.dataplaneProxies?.connected }} connected, {{ item.status.dataplaneProxies?.healthy }} healthy ({{ item.status.dataplaneProxies?.total }} total)
+                </template>
+              </DefinitionCard>
+              <DefinitionCard
+                v-if="item.namespace"
+                layout="horizontal"
+              >
+                <template
+                  #title
+                >
+                  Namespace
+                </template>
+                <template
+                  #body
+                >
+                  {{ item.namespace }}
+                </template>
+              </DefinitionCard>
+              <DefinitionCard
+                v-if="can('use zones') && item.zone"
+                layout="horizontal"
+              >
+                <template
+                  #title
+                >
+                  Zone
+                </template>
+                <template
+                  #body
+                >
+                  <XAction
+                    :to="{
+                      name: 'zone-cp-detail-view',
+                      params: {
+                        zone: item.zone,
+                      },
+                    }"
                   >
-                    <span
-                      v-for="address in item.status.addresses"
-                      :key="address.hostname"
-                    >
-                      {{ address.hostname }}
-                    </span>
-                  </KTruncate>
+                    {{ item.zone }}
+                  </XAction>
                 </template>
               </DefinitionCard>
               <DefinitionCard
@@ -117,7 +131,7 @@
                       :key="connection.port"
                       appearance="info"
                     >
-                      {{ connection.port }}{{ connection.targetPort ? `:${connection.targetPort}` : '' }}{{ connection.appProtocol ? `/${connection.appProtocol}` : '' }}
+                      {{ connection.port }}/{{ connection.appProtocol }}{{ connection.name && connection.name !== String(connection.port) ? ` (${connection.name})` : '' }}
                     </KBadge>
                   </KTruncate>
                 </template>
@@ -128,7 +142,7 @@
                 <template
                   #title
                 >
-                  Dataplane Tags
+                  Selector
                 </template>
                 <template
                   #body
@@ -185,7 +199,6 @@
 <script lang="ts" setup>
 import ResourceCodeBlock from '@/app/common/code-block/ResourceCodeBlock.vue'
 import DefinitionCard from '@/app/common/DefinitionCard.vue'
-import TextWithCopyButton from '@/app/common/TextWithCopyButton.vue'
 import type { MeshService } from '@/app/services/data'
 const props = defineProps<{
   items: MeshService[]
diff --git a/src/test-support/FakeKuma.ts b/src/test-support/FakeKuma.ts
index 334158457..22b8ed3e7 100644
--- a/src/test-support/FakeKuma.ts
+++ b/src/test-support/FakeKuma.ts
@@ -126,18 +126,23 @@ export class KumaModule {
   }
 
   serviceStatusKeyword() {
-    return this.faker.helpers.arrayElement<'not_available' | 'partially_degraded' | 'offline' | 'online'>(['not_available', 'partially_degraded', 'offline', 'online'])
+    const items = [
+      'not_available',
+      'partially_degraded',
+      'offline',
+      'online',
+    ] as const
+    return this.faker.helpers.arrayElement<typeof items[number]>(items)
   }
 
   protocol() {
-    return this.faker.helpers.arrayElement(
-      [
-        'http',
-        'grpc',
-        'tcp',
-        'kafka',
-      ],
-    )
+    const items = [
+      'http',
+      'grpc',
+      'tcp',
+      'http2',
+    ] as const
+    return this.faker.helpers.arrayElement<typeof items[number]>(items)
   }
 
   subscriptionConfig(config: any = {}) {
diff --git a/src/test-support/mocks/src/meshes/_/meshexternalservices.ts b/src/test-support/mocks/src/meshes/_/meshexternalservices.ts
index 45fcebd74..4f0400f90 100644
--- a/src/test-support/mocks/src/meshes/_/meshexternalservices.ts
+++ b/src/test-support/mocks/src/meshes/_/meshexternalservices.ts
@@ -1,5 +1,6 @@
 import type { EndpointDependencies, MockResponder } from '@/test-support'
-import type { MeshExternalService } from '@/types/index.d'
+import type { components } from '@/types/auto-generated.d'
+type Entity = components['schemas']['MeshExternalServiceItem']
 
 export default ({ fake, pager, env }: EndpointDependencies): MockResponder => (req) => {
   const query = req.url.searchParams
@@ -54,7 +55,8 @@ export default ({ fake, pager, env }: EndpointDependencies): MockResponder => (r
               },
             ],
             tls: {
-              enabled: true,
+              allowRenegotiation: fake.datatype.boolean(),
+              enabled: fake.datatype.boolean(),
             },
           },
           status: {
@@ -65,7 +67,10 @@ export default ({ fake, pager, env }: EndpointDependencies): MockResponder => (r
               ip: fake.internet.ip(),
             },
           },
-        } satisfies MeshExternalService
+        } satisfies Entity & {
+          creationTime: string
+          modificationTime: string
+        }
       }),
     },
   }
diff --git a/src/test-support/mocks/src/meshes/_/meshexternalservices/_.ts b/src/test-support/mocks/src/meshes/_/meshexternalservices/_.ts
index 2b202be34..439845bb3 100644
--- a/src/test-support/mocks/src/meshes/_/meshexternalservices/_.ts
+++ b/src/test-support/mocks/src/meshes/_/meshexternalservices/_.ts
@@ -1,5 +1,6 @@
 import type { EndpointDependencies, MockResponder } from '@/test-support'
-import type { MeshExternalService } from '@/types/index.d'
+import type { components } from '@/types/auto-generated.d'
+type Entity = components['schemas']['MeshExternalServiceItem']
 
 export default ({ fake, env }: EndpointDependencies): MockResponder => (req) => {
   const query = req.url.searchParams
@@ -10,7 +11,7 @@ export default ({ fake, env }: EndpointDependencies): MockResponder => (req) =>
   const k8s = env('KUMA_ENVIRONMENT', 'universal') === 'kubernetes'
   const parts = String(name).split('.')
   const displayName = parts.slice(0, -1).join('.')
-  const nspace = parts.pop()
+  const nspace = parts.pop() ?? ''
 
   return {
     headers: {},
@@ -46,7 +47,8 @@ export default ({ fake, env }: EndpointDependencies): MockResponder => (req) =>
           },
         ],
         tls: {
-          enabled: true,
+          allowRenegotiation: fake.datatype.boolean(),
+          enabled: fake.datatype.boolean(),
         },
       },
       status: {
@@ -57,6 +59,9 @@ export default ({ fake, env }: EndpointDependencies): MockResponder => (req) =>
           ip: fake.internet.ip(),
         },
       },
-    } satisfies MeshExternalService,
+    } satisfies Entity & {
+      creationTime: string
+      modificationTime: string
+    },
   }
 }
diff --git a/src/test-support/mocks/src/meshes/_/meshmultizoneservices.ts b/src/test-support/mocks/src/meshes/_/meshmultizoneservices.ts
index 20ced40c3..6c8471c18 100644
--- a/src/test-support/mocks/src/meshes/_/meshmultizoneservices.ts
+++ b/src/test-support/mocks/src/meshes/_/meshmultizoneservices.ts
@@ -46,6 +46,7 @@ export default ({ fake, pager, env }: EndpointDependencies): MockResponder => (r
           spec: {
             ports: Array.from({ length: 5 }).map(_ => (
               {
+                name: fake.helpers.arrayElement([fake.hacker.noun(), String(fake.internet.port())]),
                 port: fake.internet.port(),
                 targetPort: fake.internet.port(),
                 appProtocol: fake.kuma.protocol(),
diff --git a/src/test-support/mocks/src/meshes/_/meshmultizoneservices/_.ts b/src/test-support/mocks/src/meshes/_/meshmultizoneservices/_.ts
index d6aced7e9..d324507a5 100644
--- a/src/test-support/mocks/src/meshes/_/meshmultizoneservices/_.ts
+++ b/src/test-support/mocks/src/meshes/_/meshmultizoneservices/_.ts
@@ -40,6 +40,7 @@ export default ({ fake, env }: EndpointDependencies): MockResponder => (req) =>
         },
         ports: Array.from({ length: 5 }).map(_ => (
           {
+            name: fake.helpers.arrayElement([fake.hacker.noun(), String(fake.internet.port())]),
             port: fake.internet.port(),
             targetPort: fake.internet.port(),
             appProtocol: fake.kuma.protocol(),
@@ -50,7 +51,7 @@ export default ({ fake, env }: EndpointDependencies): MockResponder => (req) =>
         meshServices: Array.from({ length: serviceCount }).map((_, i) => ({
           name: `${fake.hacker.noun()}-${i}`,
           mesh: fake.hacker.noun(),
-          namespace: `${k8s ? `.${fake.k8s.namespace()}` : ''}`,
+          namespace: `${k8s ? `${fake.k8s.namespace()}` : ''}`,
           zone: fake.hacker.noun(),
         })),
         addresses: Array.from({ length: fake.number.int({ min: 1, max: 5 }) }).map(_ => ({
diff --git a/src/test-support/mocks/src/meshes/_/meshservices.ts b/src/test-support/mocks/src/meshes/_/meshservices.ts
index 48d23af26..41b7f0006 100644
--- a/src/test-support/mocks/src/meshes/_/meshservices.ts
+++ b/src/test-support/mocks/src/meshes/_/meshservices.ts
@@ -26,6 +26,8 @@ export default ({ fake, pager, env }: EndpointDependencies): MockResponder => (r
         const displayName = `${_name || name}-${id}`
         const nspace = fake.k8s.namespace()
 
+        const proxies = fake.number.int({ min: 1, max: 120 })
+
         return {
           type: 'MeshService',
           mesh,
@@ -45,6 +47,7 @@ export default ({ fake, pager, env }: EndpointDependencies): MockResponder => (r
           spec: {
             ports: Array.from({ length: 5 }).map(_ => (
               {
+                name: fake.helpers.arrayElement([fake.hacker.noun(), String(fake.internet.port())]),
                 port: fake.internet.port(),
                 targetPort: fake.internet.port(),
                 appProtocol: fake.kuma.protocol(),
@@ -53,6 +56,7 @@ export default ({ fake, pager, env }: EndpointDependencies): MockResponder => (r
             selector: {
               dataplaneTags: fake.kuma.tags({}),
             },
+            state: fake.helpers.arrayElement(['Available', 'Unavailable']),
           },
           status: {
             addresses: Array.from({ length: fake.number.int({ min: 0, max: 5 }) }).map(_ => ({
@@ -64,6 +68,11 @@ export default ({ fake, pager, env }: EndpointDependencies): MockResponder => (r
             tls: {
               status: fake.helpers.arrayElement([undefined, 'Ready', 'NotReady']),
             },
+            dataplaneProxies: {
+              connected: fake.number.int({ min: 1, max: proxies }),
+              healthy: fake.number.int({ min: 1, max: proxies }),
+              total: proxies,
+            },
           },
         } satisfies Entity & {
           creationTime: string
diff --git a/src/test-support/mocks/src/meshes/_/meshservices/_.ts b/src/test-support/mocks/src/meshes/_/meshservices/_.ts
index 0a7fa3fc2..e4bd8853e 100644
--- a/src/test-support/mocks/src/meshes/_/meshservices/_.ts
+++ b/src/test-support/mocks/src/meshes/_/meshservices/_.ts
@@ -1,5 +1,6 @@
 import type { EndpointDependencies, MockResponder } from '@/test-support'
-import type { MeshService } from '@/types/index.d'
+import type { components } from '@/types/auto-generated.d'
+type Entity = components['schemas']['MeshServiceItem']
 
 export default ({ fake }: EndpointDependencies): MockResponder => (req) => {
   const query = req.url.searchParams
@@ -10,6 +11,8 @@ export default ({ fake }: EndpointDependencies): MockResponder => (req) => {
   const parts = String(name).split('.')
   const k8s = parts.length > 1
 
+  const proxies = fake.number.int({ min: 1, max: 120 })
+
   return {
     headers: {},
     body: {
@@ -26,12 +29,15 @@ export default ({ fake }: EndpointDependencies): MockResponder => (req) => {
           labels: {
             'kuma.io/display-name': parts.slice(0, -1).join('.'),
             'k8s.kuma.io/namespace': parts.pop()!,
+            'kuma.io/origin': 'zone',
+            'kuma.io/zone': fake.hacker.noun(),
           },
         }
         : {}),
       spec: {
         ports: Array.from({ length: 5 }).map(_ => (
           {
+            name: fake.helpers.arrayElement([fake.hacker.noun(), String(fake.internet.port())]),
             port: fake.internet.port(),
             targetPort: fake.internet.port(),
             appProtocol: fake.kuma.protocol(),
@@ -40,6 +46,7 @@ export default ({ fake }: EndpointDependencies): MockResponder => (req) => {
         selector: {
           dataplaneTags: fake.kuma.tags({}),
         },
+        state: fake.helpers.arrayElement(['Available', 'Unavailable']),
       },
       status: {
         addresses: Array.from({ length: fake.number.int({ min: 1, max: 5 }) }).map(_ => ({
@@ -49,9 +56,17 @@ export default ({ fake }: EndpointDependencies): MockResponder => (req) => {
           ip: fake.internet.ip(),
         })),
         tls: {
-          status: '',
+          status: fake.helpers.arrayElement([undefined, 'Ready', 'NotReady']),
+        },
+        dataplaneProxies: {
+          connected: fake.number.int({ min: 1, max: proxies }),
+          healthy: fake.number.int({ min: 1, max: proxies }),
+          total: proxies,
         },
       },
-    } satisfies MeshService,
+    } satisfies Entity & {
+      creationTime: string
+      modificationTime: string
+    },
   }
 }