Merge branch 'master' into feat/data-planes/reflect_feature-bind-outbounds

Author: schogges

.github/renovate.json

@@ -41,13 +41,21 @@
       "groupName": "patch",
       "matchUpdateTypes": [
         "patch"
-      ]
+      ],
+      "minimumReleaseAge": "3 days"
     },
     {
       "groupName": "minor",
       "matchUpdateTypes": [
         "minor"
-      ]
+      ],
+      "minimumReleaseAge": "3 days"
+    },
+    {
+      "matchUpdateTypes": [
+        "major"
+      ],
+      "minimumReleaseAge": "3 days"
     },
     {
       "matchPackageNames": [

.github/workflows/release.yml

@@ -83,7 +83,7 @@ jobs:
       - run: |
           make -C ${{ matrix.package.path }} build
 
-      - uses: Kong/public-shared-actions/security-actions/sca@916a6f6221b7eab6f5ae53d061274d588c965ae6 # v5.1.1
+      - uses: Kong/public-shared-actions/security-actions/sca@7040193cacd1787991b11b6b2ddb0a9719cbb533 # v5.1.3
         id: sbom
         env:
           SYFT_SOURCE_NAME: ${{ github.repository }}

package-lock.json

@@ -9,7 +9,7 @@
   "devDependencies": {
     "@kumahq/config": "*",
     "husky": "^9.1.7",
-    "lint-staged": "^16.1.6"
+    "lint-staged": "^16.2.0"
   },
   "engines": {
     "node": ">=22.19.0",

package.json

@@ -29,11 +29,11 @@
     "./tsconfig/node": "./tsconfig/node.json"
   },
   "dependencies": {
-    "@badeball/cypress-cucumber-preprocessor": "^23.1.0",
+    "@badeball/cypress-cucumber-preprocessor": "^23.2.0",
     "@bahmutov/cypress-esbuild-preprocessor": "^2.2.6",
     "@cucumber/gherkin-utils": "^10.0.0",
-    "@eslint/js": "^9.35.0",
-    "@stylistic/eslint-plugin": "^5.3.1",
+    "@eslint/js": "^9.36.0",
+    "@stylistic/eslint-plugin": "^5.4.0",
     "@stylistic/stylelint-plugin": "^4.0.0",
     "@types/markdown-it": "^14.1.2",
     "@vue/eslint-config-typescript": "^14.6.0",
@@ -45,13 +45,13 @@
     "deepmerge": "^4.3.1",
     "esbuild": "^0.25.10",
     "escape-string-regexp": "^4.0.0",
-    "eslint": "^9.35.0",
+    "eslint": "^9.36.0",
     "eslint-import-resolver-alias": "^1.1.2",
     "eslint-import-resolver-typescript": "^4.4.4",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-json-schema-validator": "^5.4.1",
     "eslint-plugin-no-unsanitized": "^4.1.4",
-    "eslint-plugin-vue": "^10.4.0",
+    "eslint-plugin-vue": "^10.5.0",
     "globals": "^16.4.0",
     "js-yaml": "^4.1.0",
     "lockfile-lint": "^4.14.1",
@@ -60,7 +60,7 @@
     "stylelint-config-recommended-scss": "^16.0.1",
     "stylelint-config-recommended-vue": "^1.6.1",
     "typescript": "^5.9.2",
-    "vite": "^7.1.6",
+    "vite": "^7.1.7",
     "vitepress": "^2.0.0-alpha.12",
     "vitest": "^3.2.4",
     "vue-tsc": "^3.0.7"

packages/config/package.json

@@ -27,10 +27,10 @@
     "path-to-regexp": "^8.3.0",
     "urlpattern-polyfill": "^10.1.0",
     "deepmerge": "^4.3.1",
-    "msw": "^2.11.2"
+    "msw": "^2.11.3"
   },
   "devDependencies": {
     "@kumahq/config": "*",
-    "vite": "^7.1.6"
+    "vite": "^7.1.7"
   }
 }

packages/fake-api/package.json

@@ -25,10 +25,10 @@ Feature: mesh / dataplanes / connections / Traffic
             protocol: http
             proxyResourceName: self_inbound_httpport
         outbounds:
-          - kri: kri_dp_default_scenario_kuma-system_service-less_ipv6
+          - kri: kri_msvc_default_scenario_kuma-system_service-less_ipv6
             port: 54321
             protocol: tcp
-            proxyResourceName: kri_dp_default_scenario_kuma-system_service-less_ipv6
+            proxyResourceName: kri_msvc_default_scenario_kuma-system_service-less_ipv6
       """
     When I visit the "/meshes/default/data-planes/service-less/overview" URL
     And the "$traffic" element exists
@@ -37,4 +37,4 @@ Feature: mesh / dataplanes / connections / Traffic
     And the "$inbound" element contains "self_inbound_httpport"
     And the "$outbound" element exists 1 times
     And the "$outbound" element contains "ipv6"
-    And the "$outbound" element contains "kri_dp_default_scenario_kuma-system_service-less_ipv6"
+    And the "$outbound" element contains "kri_msvc_default_scenario_kuma-system_service-less_ipv6"

packages/kuma-gui/features/mesh/dataplanes/overview/Traffic.feature

@@ -24,16 +24,16 @@
     "object.groupby": "^1.0.3",
     "openapi-fetch": "^0.14.0",
     "path-to-regexp": "^8.3.0",
-    "pretty-bytes": "^7.0.1",
+    "pretty-bytes": "^7.1.0",
     "set.prototype.difference": "^1.1.7",
-    "shiki": "^3.12.2",
+    "shiki": "^3.13.0",
     "urlpattern-polyfill": "^10.1.0",
     "vue": "^3.5.21",
     "vue-github-button": "^3.1.3",
     "vue-router": "^4.5.1"
   },
   "devDependencies": {
-    "@badeball/cypress-cucumber-preprocessor": "^23.1.0",
+    "@badeball/cypress-cucumber-preprocessor": "^23.2.0",
     "@kong/design-tokens": "^1.18.0",
     "@kumahq/config": "*",
     "@kumahq/fake-api": "*",
@@ -49,9 +49,9 @@
     "gray-matter": "^4.0.3",
     "jsdom": "^27.0.0",
     "markdown-it": "^14.1.0",
-    "msw": "^2.11.2",
-    "sass": "^1.92.1",
-    "vite": "^7.1.6",
+    "msw": "^2.11.3",
+    "sass": "^1.93.0",
+    "vite": "^7.1.7",
     "vite-svg-loader": "^5.1.0",
     "vitepress": "^2.0.0-alpha.12",
     "vitest": "^3.2.4"

packages/kuma-gui/package.json

@@ -1,14 +1,21 @@
 <template>
   <DataCard
     class="service-traffic-card"
-    @click="click"
   >
     <template #title>
-      <TagList
-        v-if="props.service.length > 0"
-        :tags="[{label: 'kuma.io/service', value: props.service}]"
-      />
+      <div
+        class="aside"
+      >
+        <slot name="aside">
+          <TagList
+            v-if="props.service.length > 0"
+            :tags="[{label: 'kuma.io/service', value: props.service}]"
+          />
+        </slot>
+      </div>
       <div class="title">
+        <slot name="state" />
+
         <XBadge
           v-if="props.protocol !== ''"
           class="protocol"
@@ -175,22 +182,10 @@ const props = withDefaults(defineProps<{
   direction: 'downstream',
   portName: undefined,
 })
-const click = (e: MouseEvent) => {
-  const $target = e.target as HTMLElement
-  if (e.isTrusted && $target.nodeName.toLowerCase() !== 'a') {
-    const $el = $target.closest('.service-traffic-card, a')
-    if ($el) {
-      const $a = $el.nodeName.toLowerCase() === 'a' ? $el : $el.querySelector('[data-action]')
-      if ($a !== null && 'click' in $a && typeof $a.click === 'function') {
-        $a.click()
-      }
-    }
-  }
-}
 
 </script>
 <style lang="scss" scoped>
-.tag-list {
+.aside {
   float: right;
   margin-bottom: $kui-space-40;
   margin-left: $kui-space-40;
@@ -199,6 +194,7 @@ const click = (e: MouseEvent) => {
   float: left;
   font-size: $kui-font-size-40;
   display: flex;
+  align-items: center;
   flex: 1 1 auto;
   gap: $kui-space-40;
 }

packages/kuma-gui/src/app/connections/components/connection-traffic/ConnectionCard.vue

@@ -110,7 +110,7 @@ data-planes:
       health:
         ready: 'Healthy'
         not_ready: 'Unhealthy'
-      unhealthy_inbound: 'Inbound on port {port} is not ready (kuma.io/service: {service})'
+      unhealthy_inbound: 'Inbound on port {port} is not ready'
       mtls:
         title: 'TLS'
         expiration_time: