@kong-ui-public/entities-consumer-groups 2.3.10-pr.1069.588c7d8c.0 → 2.3.10

package/dist/entities-consumer-groups.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as ae, ref as F, computed as x, watch as Te, renderSlot as X, createCommentVNode as z, unref as m, useSlots as ct, onBeforeMount as dt, resolveComponent as q, openBlock as d, createBlock as P, createSlots as je, withCtx as g, createElementVNode as D, createTextVNode as Z, toDisplayString as N, createVNode as E, createElementBlock as j, renderList as ve, Fragment as Ce, normalizeClass as Ee, withModifiers as rt, withDirectives as Je, vShow as Ye, useCssVars as gn, reactive as ot, resolveDynamicComponent as Be, normalizeProps as Cr, guardReactiveProps as kr, mergeProps as bt, onMounted as _r, onUnmounted as wr, normalizeStyle as yn, inject as Ir, pushScopeId as hn, popScopeId as vn } from "vue";
+import { defineComponent as ae, ref as F, computed as x, watch as Te, renderSlot as X, createCommentVNode as z, unref as m, useSlots as ct, onBeforeMount as dt, resolveComponent as q, openBlock as d, createBlock as P, createSlots as je, withCtx as g, createElementVNode as V, createTextVNode as Z, toDisplayString as N, createVNode as E, createElementBlock as j, renderList as ve, Fragment as Ce, normalizeClass as Ee, withModifiers as rt, withDirectives as Je, vShow as Ye, useCssVars as gn, reactive as ot, resolveDynamicComponent as Be, normalizeProps as Cr, guardReactiveProps as kr, mergeProps as bt, onMounted as wr, onUnmounted as _r, normalizeStyle as yn, inject as Ir, pushScopeId as hn, popScopeId as vn } from "vue";
 import { useRouter as At } from "vue-router";
 import { createI18n as St, i18nTComponent as bn } from "@kong-ui-public/i18n";
 import Ar from "axios";
@@ -364,8 +364,8 @@ function Vr(e, n, t, r = {
     headers: e.requestHeaders
   }), { i18n: { t: i } } = Tt(), { debounce: a } = jr(), s = a(async (v) => {
     await L(v);
-  }, 200), l = F(!1), u = F(""), p = F(""), c = F([]), y = F([]), f = F(void 0), w = m(n);
-  let h = `${e.apiBaseUrl}${w}`;
+  }, 200), l = F(!1), u = F(""), p = F(""), c = F([]), y = F([]), f = F(void 0), _ = m(n);
+  let h = `${e.apiBaseUrl}${_}`;
   e.app === "konnect" ? h = h.replace(/{controlPlaneId}/gi, (e == null ? void 0 : e.controlPlaneId) || "") : e.app === "kongManager" && (h = h.replace(/\/{workspace}/gi, e != null && e.workspace ? `/${e.workspace}` : ""));
   const { isValidUuid: A } = kn(), b = async () => {
     try {
@@ -377,10 +377,10 @@ function Vr(e, n, t, r = {
     } finally {
       l.value = !1;
     }
-  }, _ = F(""), L = async (v) => {
-    var S, V, re;
-    if (_.value !== v)
-      if (_.value = v || "", f.value === void 0)
+  }, w = F(""), L = async (v) => {
+    var S, D, re;
+    if (w.value !== v)
+      if (w.value = v || "", f.value === void 0)
         try {
           if (l.value = !0, u.value = "", p.value = "", e.app === "konnect") {
             let R = h + "";
@@ -408,7 +408,7 @@ function Vr(e, n, t, r = {
           } else
             c.value = y.value;
         } catch (R) {
-          ((V = R == null ? void 0 : R.response) == null ? void 0 : V.status) === 404 ? p.value = i("debouncedFilter.errors.invalid") : (c.value = [], u.value = i("debouncedFilter.errors.fetch"));
+          ((D = R == null ? void 0 : R.response) == null ? void 0 : D.status) === 404 ? p.value = i("debouncedFilter.errors.invalid") : (c.value = [], u.value = i("debouncedFilter.errors.fetch"));
         } finally {
           l.value = !1;
         }
@@ -480,7 +480,7 @@ function Hr(e) {
     return console.warn("Failed to build valid URL:", r), "";
   }
 }
-function _n(e, n) {
+function wn(e, n) {
   const t = F(m(e)), r = F(m(n)), o = x(
     () => !!(t.value.app === "konnect" || t.value.isExactMatch)
   ), i = x(
@@ -490,8 +490,8 @@ function _n(e, n) {
     const { page: s, pageSize: l, offset: u, sortColumnKey: p, sortColumnOrder: c, query: y } = a;
     try {
       let f = new URL(i.value.href);
-      return o.value && y ? (f.search = "", f = t.value.app === "konnect" ? new URL(`${f.href}?filter[name][contains]=${y}`) : new URL(`${f.href}/${y}/`)) : (o.value || new URLSearchParams(y).forEach((w, h) => {
-        f.searchParams.append(h, w);
+      return o.value && y ? (f.search = "", f = t.value.app === "konnect" ? new URL(`${f.href}?filter[name][contains]=${y}`) : new URL(`${f.href}/${y}/`)) : (o.value || new URLSearchParams(y).forEach((_, h) => {
+        f.searchParams.append(h, _);
       }), p && f.searchParams.append("sort_by", p), c === "desc" && f.searchParams.append("sort_desc", "1"), f.searchParams.append("size", String(l))), u && s !== 1 && f.searchParams.append("offset", String(u)), f.href;
     } catch (f) {
       return console.error("RouteList(fetcher)", f), r.value;
@@ -501,7 +501,7 @@ function _n(e, n) {
 function zr(e, n, t = "data") {
   const r = m(n), { axiosInstance: o } = xt({
     headers: e.requestHeaders
-  }), i = _n(e, r), a = F({
+  }), i = wn(e, r), a = F({
     status: Ke.Idle
   });
   return { fetcher: async (s) => {
@@ -549,10 +549,10 @@ function Jr() {
     convertKeyToTitle: e
   };
 }
-const wn = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\-]+(?:\.[\da-z\-]+)*))?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i, Dt = (e) => {
+const _n = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\-]+(?:\.[\da-z\-]+)*))?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i, Dt = (e) => {
   if (typeof e != "string")
     throw new TypeError("Invalid argument expected string");
-  const n = e.match(wn);
+  const n = e.match(_n);
   if (!n)
     throw new Error(`Invalid argument not valid semver ('${e}' received)`);
   return n.shift(), n;
@@ -590,7 +590,7 @@ const wn = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-(
     throw new TypeError(`Invalid operator type, expected string but got ${typeof e}`);
   if (zt.indexOf(e) === -1)
     throw new Error(`Invalid operator, expected one of ${zt.join("|")}`);
-}, Xr = (e) => typeof e == "string" && /^[v\d]/.test(e) && wn.test(e);
+}, Xr = (e) => typeof e == "string" && /^[v\d]/.test(e) && _n.test(e);
 function eo(e) {
   const { gatewayInfo: n, supportedRange: t } = e;
   if (!n)
@@ -619,7 +619,7 @@ const ce = {
   useErrors: Gr,
   useExternalLinkCreator: Hr,
   useFetcher: zr,
-  useFetchUrlBuilder: _n,
+  useFetchUrlBuilder: wn,
   useHelpers: kn,
   useStringHelpers: Jr,
   useI18n: Tt,
@@ -639,10 +639,10 @@ const ce = {
   for (const [r, o] of n)
     t[r] = o;
   return t;
-}, so = (e) => (hn("data-v-e7863582"), e = e(), vn(), e), lo = ["aria-hidden"], uo = {
+}, so = (e) => (hn("data-v-89becf03"), e = e(), vn(), e), lo = ["aria-hidden"], uo = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, co = /* @__PURE__ */ so(() => /* @__PURE__ */ D("path", {
+}, co = /* @__PURE__ */ so(() => /* @__PURE__ */ V("path", {
   d: "M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6H5V20H16V22H5ZM9 18C8.45 18 7.97917 17.8042 7.5875 17.4125C7.19583 17.0208 7 16.55 7 16V4C7 3.45 7.19583 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V16C20 16.55 19.8042 17.0208 19.4125 17.4125C19.0208 17.8042 18.55 18 18 18H9ZM9 16H18V4H9V16Z",
   fill: "currentColor"
 }, null, -1)), po = /* @__PURE__ */ ae({
@@ -738,7 +738,7 @@ const ce = {
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
-}), fo = /* @__PURE__ */ io(po, [["__scopeId", "data-v-e7863582"]]), mo = "16px", go = { class: "kong-ui-copy-uuid" }, yo = ["onClick"], Yt = 15, ho = /* @__PURE__ */ ae({
+}), fo = /* @__PURE__ */ io(po, [["__scopeId", "data-v-89becf03"]]), mo = "16px", go = { class: "kong-ui-copy-uuid" }, yo = ["onClick"], Yt = 15, ho = /* @__PURE__ */ ae({
   __name: "CopyUuid",
   props: {
     uuid: {
@@ -802,7 +802,7 @@ const ce = {
         l.value = r.tooltip;
       }, 1800);
     }, y = (f) => {
-      var w, h;
+      var _, h;
       if (!f(r.uuid)) {
         typeof i == "function" && i({
           type: "error",
@@ -810,18 +810,18 @@ const ce = {
         }), s.value ? c(t("message.fail")) : o("error", r.uuid);
         return;
       }
-      const A = ((w = r.uuid) == null ? void 0 : w.length) > Yt, b = r.format === "hidden" || r.format === "redacted" ? t("message.success.prefix") : `"${((h = r.uuid) == null ? void 0 : h.substring(0, Yt)) + (A ? "..." : "")}"`;
+      const A = ((_ = r.uuid) == null ? void 0 : _.length) > Yt, b = r.format === "hidden" || r.format === "redacted" ? t("message.success.prefix") : `"${((h = r.uuid) == null ? void 0 : h.substring(0, Yt)) + (A ? "..." : "")}"`;
       typeof i == "function" && i({
         type: "success",
         message: `${b}${t("message.success.content")}`
       }), s.value ? c(r.successTooltip) : o("success", r.uuid);
     };
-    return (f, w) => {
+    return (f, _) => {
       const h = q("KClipboardProvider");
       return d(), j("div", go, [
         e.format !== "hidden" ? (d(), P(Be(e.idTooltip ? "KTooltip" : "div"), bt({ key: 0 }, a.value, { "data-testid": "copy-id" }), {
           default: g(() => [
-            D("div", {
+            V("div", {
               class: Ee([
                 "uuid-container",
                 e.truncated ? "truncated-uuid" : null,
@@ -835,7 +835,7 @@ const ce = {
           default: g(() => [
             E(h, null, {
               default: g(({ copyToClipboard: A }) => [
-                D("span", {
+                V("span", {
                   "data-testid": "copy-to-clipboard",
                   role: "button",
                   tabindex: "0",
@@ -895,7 +895,7 @@ const ce = {
     }, {
       default: g(() => [
         e.isArrayItem ? (d(), j("legend", bo, [
-          D("b", null, N(s.value), 1)
+          V("b", null, N(s.value), 1)
         ])) : z("", !0),
         (d(!0), j(Ce, null, ve(Object.keys(a.value), (p, c) => (d(), P($t, {
           key: `${o.value}-property-${c}`,
@@ -909,12 +909,12 @@ const ce = {
       _: 1
     }, 8, ["class"]));
   }
-}), _e = (e, n) => {
+}), we = (e, n) => {
   const t = e.__vccOpts || e;
   for (const [r, o] of n)
     t[r] = o;
   return t;
-}, Sn = /* @__PURE__ */ _e(Co, [["__scopeId", "data-v-68ca83ec"]]), ko = /* @__PURE__ */ ae({
+}, Sn = /* @__PURE__ */ we(Co, [["__scopeId", "data-v-68ca83ec"]]), ko = /* @__PURE__ */ ae({
   __name: "InternalLinkItem",
   props: {
     item: {
@@ -941,7 +941,7 @@ const ce = {
       ]);
     };
   }
-}), _o = /* @__PURE__ */ _e(ko, [["__scopeId", "data-v-c96811e5"]]), wo = /* @__PURE__ */ ae({
+}), wo = /* @__PURE__ */ we(ko, [["__scopeId", "data-v-c96811e5"]]), _o = /* @__PURE__ */ ae({
   __name: "StatusBadge",
   props: {
     status: {
@@ -965,7 +965,7 @@ const ce = {
   }
 }), Io = "#0044f4", Ao = "#e0e4ea", So = "#3a3f51", xo = "1px", To = "20px", $o = { class: "config-card-details-row" }, jo = ["data-testid"], Mo = ["data-testid"], Oo = ["data-testid"], Eo = ["data-testid"], Fo = { key: 1 }, No = ["data-testid"], Ko = ["data-testid"], qo = ["data-testid"], Bo = ["data-testid"], Lo = {
   name: "ConfigCardItem",
-  components: { CopyUuid: An, JsonCardItem: Sn, StatusBadge: wo, InternalLinkItem: _o }
+  components: { CopyUuid: An, JsonCardItem: Sn, StatusBadge: _o, InternalLinkItem: wo }
 }, Uo = /* @__PURE__ */ ae({
   ...Lo,
   props: {
@@ -986,7 +986,7 @@ const ce = {
   },
   emits: ["navigation-click"],
   setup(e, { emit: n }) {
-    gn((w) => ({
+    gn((_) => ({
       "0da74440": p.value ? "none" : `solid ${m(xo)} ${m(Ao)}`,
       "02a039da": u.value && s.value ? "block" : "flex",
       "690f3ced": u.value && s.value ? "100%" : t.slim ? "50%" : "25%",
@@ -1078,8 +1078,8 @@ const ce = {
             attrs: {
               "data-testid": `${t.item.key}-internal-link`,
               item: t.item,
-              onNavigationClick: (w) => {
-                r("navigation-click", w);
+              onNavigationClick: (_) => {
+                r("navigation-click", _);
               }
             }
           };
@@ -1119,14 +1119,14 @@ const ce = {
           };
       }
     }), y = F(), { isTruncated: f } = ce.useTruncationDetector(y);
-    return (w, h) => {
-      const A = q("KLabel"), b = q("KBadge"), _ = q("KTooltip");
+    return (_, h) => {
+      const A = q("KLabel"), b = q("KBadge"), w = q("KTooltip");
       return d(), j("div", $o, [
-        D("div", {
+        V("div", {
           class: "config-card-details-label",
           "data-testid": `${e.item.key}-label`
         }, [
-          X(w.$slots, "label", { item: e.item }, () => [
+          X(_.$slots, "label", { item: e.item }, () => [
             E(A, { "tooltip-attributes": { maxWidth: "500px" } }, je({
               default: g(() => [
                 Z(N(e.item.label) + " ", 1)
@@ -1136,10 +1136,10 @@ const ce = {
               l.value ? {
                 name: "tooltip",
                 fn: g(() => [
-                  D("div", {
+                  V("div", {
                     "data-testid": `${e.item.key}-label-tooltip`
                   }, [
-                    X(w.$slots, "label-tooltip", {}, () => [
+                    X(_.$slots, "label-tooltip", {}, () => [
                       Z(N(e.item.tooltip), 1)
                     ], !0)
                   ], 8, Mo)
@@ -1149,11 +1149,11 @@ const ce = {
             ]), 1024)
           ], !0)
         ], 8, jo),
-        D("div", {
+        V("div", {
           class: "config-card-details-value",
           "data-testid": `${e.item.key}-property-value`
         }, [
-          X(w.$slots, e.item.key, {
+          X(_.$slots, e.item.key, {
             rowValue: e.item.value
           }, () => [
             s.value ? (d(), j("div", Fo, [
@@ -1213,12 +1213,12 @@ const ce = {
                       "is-array-item": "",
                       item: L
                     }, null, 8, ["index", "item"]))), 128))
-                  ], 8, Bo)) : (d(), P(_, {
+                  ], 8, Bo)) : (d(), P(w, {
                     key: 4,
                     label: m(f) ? e.item.value : ""
                   }, {
                     default: g(() => [
-                      D("span", {
+                      V("span", {
                         ref_key: "textContent",
                         ref: y,
                         class: Ee(["attrs-data-text", { truncated: e.truncated }])
@@ -1238,7 +1238,7 @@ const ce = {
       ]);
     };
   }
-}), $t = /* @__PURE__ */ _e(Uo, [["__scopeId", "data-v-9c87856b"]]), Po = { class: "json-config" }, Do = {
+}), $t = /* @__PURE__ */ we(Uo, [["__scopeId", "data-v-9c87856b"]]), Po = { class: "json-config" }, Do = {
   key: 0,
   class: "json-endpoint"
 }, xn = /* @__PURE__ */ ae({
@@ -1695,8 +1695,8 @@ function ka(e) {
   var n, t;
   return n = e.replace(/_/g, "").toLowerCase(), t = n[0] === "-" ? -1 : 1, "+-".indexOf(n[0]) >= 0 && (n = n.slice(1)), n === ".inf" ? t === 1 ? Number.POSITIVE_INFINITY : Number.NEGATIVE_INFINITY : n === ".nan" ? NaN : t * parseFloat(n, 10);
 }
-var _a = /^[-+]?[0-9]+e/;
-function wa(e, n) {
+var wa = /^[-+]?[0-9]+e/;
+function _a(e, n) {
   var t;
   if (isNaN(e))
     switch (n) {
@@ -1727,7 +1727,7 @@ function wa(e, n) {
     }
   else if (ue.isNegativeZero(e))
     return "-0.0";
-  return t = e.toString(10), _a.test(t) ? t.replace("e", ".e") : t;
+  return t = e.toString(10), wa.test(t) ? t.replace("e", ".e") : t;
 }
 function Ia(e) {
   return Object.prototype.toString.call(e) === "[object Number]" && (e % 1 !== 0 || ue.isNegativeZero(e));
@@ -1737,7 +1737,7 @@ var Bn = new pe("tag:yaml.org,2002:float", {
   resolve: Ca,
   construct: ka,
   predicate: Ia,
-  represent: wa,
+  represent: _a,
   defaultStyle: "lowercase"
 }), Ln = Fn.extend({
   implicit: [
@@ -2105,17 +2105,17 @@ function ei(e, n) {
   M(e, "unexpected end of the stream within a double quoted scalar");
 }
 function ti(e, n) {
-  var t = !0, r, o, i, a = e.tag, s, l = e.anchor, u, p, c, y, f, w = /* @__PURE__ */ Object.create(null), h, A, b, _;
-  if (_ = e.input.charCodeAt(e.position), _ === 91)
+  var t = !0, r, o, i, a = e.tag, s, l = e.anchor, u, p, c, y, f, _ = /* @__PURE__ */ Object.create(null), h, A, b, w;
+  if (w = e.input.charCodeAt(e.position), w === 91)
     p = 93, f = !1, s = [];
-  else if (_ === 123)
+  else if (w === 123)
     p = 125, f = !0, s = {};
   else
     return !1;
-  for (e.anchor !== null && (e.anchorMap[e.anchor] = s), _ = e.input.charCodeAt(++e.position); _ !== 0; ) {
-    if (le(e, !0, n), _ = e.input.charCodeAt(e.position), _ === p)
+  for (e.anchor !== null && (e.anchorMap[e.anchor] = s), w = e.input.charCodeAt(++e.position); w !== 0; ) {
+    if (le(e, !0, n), w = e.input.charCodeAt(e.position), w === p)
       return e.position++, e.tag = a, e.anchor = l, e.kind = f ? "mapping" : "sequence", e.result = s, !0;
-    t ? _ === 44 && M(e, "expected the node content, but found ','") : M(e, "missed comma between flow collection entries"), A = h = b = null, c = y = !1, _ === 63 && (u = e.input.charCodeAt(e.position + 1), be(u) && (c = y = !0, e.position++, le(e, !0, n))), r = e.line, o = e.lineStart, i = e.position, Ge(e, n, at, !1, !0), A = e.tag, h = e.result, le(e, !0, n), _ = e.input.charCodeAt(e.position), (y || e.line === r) && _ === 58 && (c = !0, _ = e.input.charCodeAt(++e.position), le(e, !0, n), Ge(e, n, at, !1, !0), b = e.result), f ? Re(e, s, w, A, h, b, r, o, i) : c ? s.push(Re(e, null, w, A, h, b, r, o, i)) : s.push(h), le(e, !0, n), _ = e.input.charCodeAt(e.position), _ === 44 ? (t = !0, _ = e.input.charCodeAt(++e.position)) : t = !1;
+    t ? w === 44 && M(e, "expected the node content, but found ','") : M(e, "missed comma between flow collection entries"), A = h = b = null, c = y = !1, w === 63 && (u = e.input.charCodeAt(e.position + 1), be(u) && (c = y = !0, e.position++, le(e, !0, n))), r = e.line, o = e.lineStart, i = e.position, Ge(e, n, at, !1, !0), A = e.tag, h = e.result, le(e, !0, n), w = e.input.charCodeAt(e.position), (y || e.line === r) && w === 58 && (c = !0, w = e.input.charCodeAt(++e.position), le(e, !0, n), Ge(e, n, at, !1, !0), b = e.result), f ? Re(e, s, _, A, h, b, r, o, i) : c ? s.push(Re(e, null, _, A, h, b, r, o, i)) : s.push(h), le(e, !0, n), w = e.input.charCodeAt(e.position), w === 44 ? (t = !0, w = e.input.charCodeAt(++e.position)) : t = !1;
   }
   M(e, "unexpected end of the stream within a flow collection");
 }
@@ -2183,20 +2183,20 @@ function nn(e, n) {
   return s ? (e.tag = r, e.anchor = o, e.kind = "sequence", e.result = i, !0) : !1;
 }
 function ri(e, n, t) {
-  var r, o, i, a, s, l, u = e.tag, p = e.anchor, c = {}, y = /* @__PURE__ */ Object.create(null), f = null, w = null, h = null, A = !1, b = !1, _;
+  var r, o, i, a, s, l, u = e.tag, p = e.anchor, c = {}, y = /* @__PURE__ */ Object.create(null), f = null, _ = null, h = null, A = !1, b = !1, w;
   if (e.firstTabInLine !== -1)
     return !1;
-  for (e.anchor !== null && (e.anchorMap[e.anchor] = c), _ = e.input.charCodeAt(e.position); _ !== 0; ) {
-    if (!A && e.firstTabInLine !== -1 && (e.position = e.firstTabInLine, M(e, "tab characters must not be used in indentation")), r = e.input.charCodeAt(e.position + 1), i = e.line, (_ === 63 || _ === 58) && be(r))
-      _ === 63 ? (A && (Re(e, c, y, f, w, null, a, s, l), f = w = h = null), b = !0, A = !0, o = !0) : A ? (A = !1, o = !0) : M(e, "incomplete explicit mapping pair; a key node is missed; or followed by a non-tabulated empty line"), e.position += 1, _ = r;
+  for (e.anchor !== null && (e.anchorMap[e.anchor] = c), w = e.input.charCodeAt(e.position); w !== 0; ) {
+    if (!A && e.firstTabInLine !== -1 && (e.position = e.firstTabInLine, M(e, "tab characters must not be used in indentation")), r = e.input.charCodeAt(e.position + 1), i = e.line, (w === 63 || w === 58) && be(r))
+      w === 63 ? (A && (Re(e, c, y, f, _, null, a, s, l), f = _ = h = null), b = !0, A = !0, o = !0) : A ? (A = !1, o = !0) : M(e, "incomplete explicit mapping pair; a key node is missed; or followed by a non-tabulated empty line"), e.position += 1, w = r;
     else {
       if (a = e.line, s = e.lineStart, l = e.position, !Ge(e, t, Yn, !1, !0))
         break;
       if (e.line === i) {
-        for (_ = e.input.charCodeAt(e.position); qe(_); )
-          _ = e.input.charCodeAt(++e.position);
-        if (_ === 58)
-          _ = e.input.charCodeAt(++e.position), be(_) || M(e, "a whitespace character is expected after the key-value separator within a block mapping"), A && (Re(e, c, y, f, w, null, a, s, l), f = w = h = null), b = !0, A = !1, o = !1, f = e.tag, w = e.result;
+        for (w = e.input.charCodeAt(e.position); qe(w); )
+          w = e.input.charCodeAt(++e.position);
+        if (w === 58)
+          w = e.input.charCodeAt(++e.position), be(w) || M(e, "a whitespace character is expected after the key-value separator within a block mapping"), A && (Re(e, c, y, f, _, null, a, s, l), f = _ = h = null), b = !0, A = !1, o = !1, f = e.tag, _ = e.result;
         else if (b)
           M(e, "can not read an implicit mapping pair; a colon is missed");
         else
@@ -2206,12 +2206,12 @@ function ri(e, n, t) {
       else
         return e.tag = u, e.anchor = p, !0;
     }
-    if ((e.line === i || e.lineIndent > n) && (A && (a = e.line, s = e.lineStart, l = e.position), Ge(e, n, it, !0, o) && (A ? w = e.result : h = e.result), A || (Re(e, c, y, f, w, h, a, s, l), f = w = h = null), le(e, !0, -1), _ = e.input.charCodeAt(e.position)), (e.line === i || e.lineIndent > n) && _ !== 0)
+    if ((e.line === i || e.lineIndent > n) && (A && (a = e.line, s = e.lineStart, l = e.position), Ge(e, n, it, !0, o) && (A ? _ = e.result : h = e.result), A || (Re(e, c, y, f, _, h, a, s, l), f = _ = h = null), le(e, !0, -1), w = e.input.charCodeAt(e.position)), (e.line === i || e.lineIndent > n) && w !== 0)
       M(e, "bad indentation of a mapping entry");
     else if (e.lineIndent < n)
       break;
   }
-  return A && Re(e, c, y, f, w, null, a, s, l), b && (e.tag = u, e.anchor = p, e.kind = "mapping", e.result = c), b;
+  return A && Re(e, c, y, f, _, null, a, s, l), b && (e.tag = u, e.anchor = p, e.kind = "mapping", e.result = c), b;
 }
 function oi(e) {
   var n, t = !1, r = !1, o, i, a;
@@ -2252,7 +2252,7 @@ function ii(e) {
   return e.position === n && M(e, "name of an alias node must contain at least one character"), t = e.input.slice(n, e.position), Fe.call(e.anchorMap, t) || M(e, 'unidentified alias "' + t + '"'), e.result = e.anchorMap[t], le(e, !0, -1), !0;
 }
 function Ge(e, n, t, r, o) {
-  var i, a, s, l = 1, u = !1, p = !1, c, y, f, w, h, A;
+  var i, a, s, l = 1, u = !1, p = !1, c, y, f, _, h, A;
   if (e.listener !== null && e.listener("open", e), e.tag = null, e.anchor = null, e.kind = null, e.result = null, i = a = s = it === t || Wn === t, r && le(e, !0, -1) && (u = !0, e.lineIndent > n ? l = 1 : e.lineIndent === n ? l = 0 : e.lineIndent < n && (l = -1)), l === 1)
     for (; oi(e) || ai(e); )
       le(e, !0, -1) ? (u = !0, s = i, e.lineIndent > n ? l = 1 : e.lineIndent === n ? l = 0 : e.lineIndent < n && (l = -1)) : s = !1;
@@ -2260,20 +2260,20 @@ function Ge(e, n, t, r, o) {
     e.anchor !== null && (e.anchorMap[e.anchor] = e.result);
   else if (e.tag === "?") {
     for (e.result !== null && e.kind !== "scalar" && M(e, 'unacceptable node kind for !<?> tag; it should be "scalar", not "' + e.kind + '"'), c = 0, y = e.implicitTypes.length; c < y; c += 1)
-      if (w = e.implicitTypes[c], w.resolve(e.result)) {
-        e.result = w.construct(e.result), e.tag = w.tag, e.anchor !== null && (e.anchorMap[e.anchor] = e.result);
+      if (_ = e.implicitTypes[c], _.resolve(e.result)) {
+        e.result = _.construct(e.result), e.tag = _.tag, e.anchor !== null && (e.anchorMap[e.anchor] = e.result);
         break;
       }
   } else if (e.tag !== "!") {
     if (Fe.call(e.typeMap[e.kind || "fallback"], e.tag))
-      w = e.typeMap[e.kind || "fallback"][e.tag];
+      _ = e.typeMap[e.kind || "fallback"][e.tag];
     else
-      for (w = null, f = e.typeMap.multi[e.kind || "fallback"], c = 0, y = f.length; c < y; c += 1)
+      for (_ = null, f = e.typeMap.multi[e.kind || "fallback"], c = 0, y = f.length; c < y; c += 1)
         if (e.tag.slice(0, f[c].tag.length) === f[c].tag) {
-          w = f[c];
+          _ = f[c];
           break;
         }
-    w || M(e, "unknown tag !<" + e.tag + ">"), e.result !== null && w.kind !== e.kind && M(e, "unacceptable node kind for !<" + e.tag + '> tag; it should be "' + w.kind + '", not "' + e.kind + '"'), w.resolve(e.result, e.tag) ? (e.result = w.construct(e.result, e.tag), e.anchor !== null && (e.anchorMap[e.anchor] = e.result)) : M(e, "cannot resolve a node with !<" + e.tag + "> explicit tag");
+    _ || M(e, "unknown tag !<" + e.tag + ">"), e.result !== null && _.kind !== e.kind && M(e, "unacceptable node kind for !<" + e.tag + '> tag; it should be "' + _.kind + '", not "' + e.kind + '"'), _.resolve(e.result, e.tag) ? (e.result = _.construct(e.result, e.tag), e.anchor !== null && (e.anchorMap[e.anchor] = e.result)) : M(e, "cannot resolve a node with !<" + e.tag + "> explicit tag");
   }
   return e.listener !== null && e.listener("close", e), e.tag !== null || e.anchor !== null || p;
 }
@@ -2337,7 +2337,7 @@ function ui(e, n) {
 var ci = li, di = ui, rr = {
   loadAll: ci,
   load: di
-}, or = Object.prototype.toString, ar = Object.prototype.hasOwnProperty, Ft = 65279, pi = 9, Ze = 10, fi = 13, mi = 32, gi = 33, yi = 34, kt = 35, hi = 37, vi = 38, bi = 39, Ci = 42, ir = 44, ki = 45, lt = 58, _i = 61, wi = 62, Ii = 63, Ai = 64, sr = 91, lr = 93, Si = 96, ur = 123, xi = 124, cr = 125, ge = {};
+}, or = Object.prototype.toString, ar = Object.prototype.hasOwnProperty, Ft = 65279, pi = 9, Ze = 10, fi = 13, mi = 32, gi = 33, yi = 34, kt = 35, hi = 37, vi = 38, bi = 39, Ci = 42, ir = 44, ki = 45, lt = 58, wi = 61, _i = 62, Ii = 63, Ai = 64, sr = 91, lr = 93, Si = 96, ur = 123, xi = 124, cr = 125, ge = {};
 ge[0] = "\\0";
 ge[7] = "\\a";
 ge[8] = "\\b";
@@ -2402,7 +2402,7 @@ function rn(e, n) {
 ` && (i += t), i += a;
   return i;
 }
-function _t(e, n) {
+function wt(e, n) {
   return `
 ` + ue.repeat(" ", e.indent * n);
 }
@@ -2433,7 +2433,7 @@ function an(e, n, t) {
   );
 }
 function Ni(e) {
-  return Xe(e) && e !== Ft && !ut(e) && e !== ki && e !== Ii && e !== lt && e !== ir && e !== sr && e !== lr && e !== ur && e !== cr && e !== kt && e !== vi && e !== Ci && e !== gi && e !== xi && e !== _i && e !== wi && e !== bi && e !== yi && e !== hi && e !== Ai && e !== Si;
+  return Xe(e) && e !== Ft && !ut(e) && e !== ki && e !== Ii && e !== lt && e !== ir && e !== sr && e !== lr && e !== ur && e !== cr && e !== kt && e !== vi && e !== Ci && e !== gi && e !== xi && e !== wi && e !== _i && e !== bi && e !== yi && e !== hi && e !== Ai && e !== Si;
 }
 function Ki(e) {
   return !ut(e) && e !== lt;
@@ -2446,9 +2446,9 @@ function dr(e) {
   var n = /^\n* /;
   return n.test(e);
 }
-var pr = 1, wt = 2, fr = 3, mr = 4, De = 5;
+var pr = 1, _t = 2, fr = 3, mr = 4, De = 5;
 function qi(e, n, t, r, o, i, a, s) {
-  var l, u = 0, p = null, c = !1, y = !1, f = r !== -1, w = -1, h = Ni(ze(e, 0)) && Ki(ze(e, e.length - 1));
+  var l, u = 0, p = null, c = !1, y = !1, f = r !== -1, _ = -1, h = Ni(ze(e, 0)) && Ki(ze(e, e.length - 1));
   if (n || a)
     for (l = 0; l < e.length; u >= 65536 ? l += 2 : l++) {
       if (u = ze(e, l), !Xe(u))
@@ -2459,14 +2459,14 @@ function qi(e, n, t, r, o, i, a, s) {
     for (l = 0; l < e.length; u >= 65536 ? l += 2 : l++) {
       if (u = ze(e, l), u === Ze)
         c = !0, f && (y = y || // Foldable line = too long, and not more-indented.
-        l - w - 1 > r && e[w + 1] !== " ", w = l);
+        l - _ - 1 > r && e[_ + 1] !== " ", _ = l);
       else if (!Xe(u))
         return De;
       h = h && an(u, p, s), p = u;
     }
-    y = y || f && l - w - 1 > r && e[w + 1] !== " ";
+    y = y || f && l - _ - 1 > r && e[_ + 1] !== " ";
   }
-  return !c && !y ? h && !a && !o(e) ? pr : i === Qe ? De : wt : t > 9 && dr(e) ? De : a ? i === Qe ? De : wt : y ? mr : fr;
+  return !c && !y ? h && !a && !o(e) ? pr : i === Qe ? De : _t : t > 9 && dr(e) ? De : a ? i === Qe ? De : _t : y ? mr : fr;
 }
 function Bi(e, n, t, r, o) {
   e.dump = function() {
@@ -2490,7 +2490,7 @@ function Bi(e, n, t, r, o) {
     )) {
       case pr:
         return n;
-      case wt:
+      case _t:
         return "'" + n.replace(/'/g, "''") + "'";
       case fr:
         return "|" + sn(n, e.indent) + ln(rn(n, i));
@@ -2552,7 +2552,7 @@ function Pi(e, n, t) {
 function cn(e, n, t, r) {
   var o = "", i = e.tag, a, s, l;
   for (a = 0, s = t.length; a < s; a += 1)
-    l = t[a], e.replacer && (l = e.replacer.call(t, String(a), l)), ($e(e, n + 1, l, !0, !0, !1, !0) || typeof l > "u" && $e(e, n + 1, null, !0, !0, !1, !0)) && ((!r || o !== "") && (o += _t(e, n)), e.dump && Ze === e.dump.charCodeAt(0) ? o += "-" : o += "- ", o += e.dump);
+    l = t[a], e.replacer && (l = e.replacer.call(t, String(a), l)), ($e(e, n + 1, l, !0, !0, !1, !0) || typeof l > "u" && $e(e, n + 1, null, !0, !0, !1, !0)) && ((!r || o !== "") && (o += wt(e, n)), e.dump && Ze === e.dump.charCodeAt(0) ? o += "-" : o += "- ", o += e.dump);
   e.tag = i, e.dump = o || "[]";
 }
 function Di(e, n, t) {
@@ -2570,7 +2570,7 @@ function Vi(e, n, t, r) {
   else if (e.sortKeys)
     throw new ye("sortKeys must be a boolean or a function");
   for (s = 0, l = a.length; s < l; s += 1)
-    y = "", (!r || o !== "") && (y += _t(e, n)), u = a[s], p = t[u], e.replacer && (p = e.replacer.call(t, u, p)), $e(e, n + 1, u, !0, !0, !0) && (c = e.tag !== null && e.tag !== "?" || e.dump && e.dump.length > 1024, c && (e.dump && Ze === e.dump.charCodeAt(0) ? y += "?" : y += "? "), y += e.dump, c && (y += _t(e, n)), $e(e, n + 1, p, !0, c) && (e.dump && Ze === e.dump.charCodeAt(0) ? y += ":" : y += ": ", y += e.dump, o += y));
+    y = "", (!r || o !== "") && (y += wt(e, n)), u = a[s], p = t[u], e.replacer && (p = e.replacer.call(t, u, p)), $e(e, n + 1, u, !0, !0, !0) && (c = e.tag !== null && e.tag !== "?" || e.dump && e.dump.length > 1024, c && (e.dump && Ze === e.dump.charCodeAt(0) ? y += "?" : y += "? "), y += e.dump, c && (y += wt(e, n)), $e(e, n + 1, p, !0, c) && (e.dump && Ze === e.dump.charCodeAt(0) ? y += ":" : y += ": ", y += e.dump, o += y));
   e.tag = i, e.dump = o || "{}";
 }
 function dn(e, n, t) {
@@ -2800,15 +2800,15 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
       }, null, 8, ["yaml-record"])) : z("", !0)
     ], 64));
   }
-}), ms = /* @__PURE__ */ _e(fs, [["__scopeId", "data-v-2b74ac63"]]), pn = "24px", gs = (e, n) => {
+}), ms = /* @__PURE__ */ we(fs, [["__scopeId", "data-v-2b74ac63"]]), pn = "24px", gs = (e, n) => {
   const t = e.__vccOpts || e;
   for (const [r, o] of n)
     t[r] = o;
   return t;
-}, ys = (e) => (hn("data-v-44d910d6"), e = e(), vn(), e), hs = ["aria-hidden"], vs = {
+}, ys = (e) => (hn("data-v-0cc5a4d3"), e = e(), vn(), e), hs = ["aria-hidden"], vs = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, bs = /* @__PURE__ */ ys(() => /* @__PURE__ */ D("path", {
+}, bs = /* @__PURE__ */ ys(() => /* @__PURE__ */ V("path", {
   d: "M14 9.9V8.2C14.55 7.96667 15.1125 7.79167 15.6875 7.675C16.2625 7.55833 16.8667 7.5 17.5 7.5C17.9333 7.5 18.3583 7.53333 18.775 7.6C19.1917 7.66667 19.6 7.75 20 7.85V9.45C19.6 9.3 19.1958 9.1875 18.7875 9.1125C18.3792 9.0375 17.95 9 17.5 9C16.8667 9 16.2583 9.07917 15.675 9.2375C15.0917 9.39583 14.5333 9.61667 14 9.9ZM14 15.4V13.7C14.55 13.4667 15.1125 13.2917 15.6875 13.175C16.2625 13.0583 16.8667 13 17.5 13C17.9333 13 18.3583 13.0333 18.775 13.1C19.1917 13.1667 19.6 13.25 20 13.35V14.95C19.6 14.8 19.1958 14.6875 18.7875 14.6125C18.3792 14.5375 17.95 14.5 17.5 14.5C16.8667 14.5 16.2583 14.575 15.675 14.725C15.0917 14.875 14.5333 15.1 14 15.4ZM14 12.65V10.95C14.55 10.7167 15.1125 10.5417 15.6875 10.425C16.2625 10.3083 16.8667 10.25 17.5 10.25C17.9333 10.25 18.3583 10.2833 18.775 10.35C19.1917 10.4167 19.6 10.5 20 10.6V12.2C19.6 12.05 19.1958 11.9375 18.7875 11.8625C18.3792 11.7875 17.95 11.75 17.5 11.75C16.8667 11.75 16.2583 11.8292 15.675 11.9875C15.0917 12.1458 14.5333 12.3667 14 12.65ZM6.5 16C7.28333 16 8.04583 16.0875 8.7875 16.2625C9.52917 16.4375 10.2667 16.7 11 17.05V7.2C10.3167 6.8 9.59167 6.5 8.825 6.3C8.05833 6.1 7.28333 6 6.5 6C5.9 6 5.30417 6.05833 4.7125 6.175C4.12083 6.29167 3.55 6.46667 3 6.7V16.6C3.58333 16.4 4.1625 16.25 4.7375 16.15C5.3125 16.05 5.9 16 6.5 16ZM13 17.05C13.7333 16.7 14.4708 16.4375 15.2125 16.2625C15.9542 16.0875 16.7167 16 17.5 16C18.1 16 18.6875 16.05 19.2625 16.15C19.8375 16.25 20.4167 16.4 21 16.6V6.7C20.45 6.46667 19.8792 6.29167 19.2875 6.175C18.6958 6.05833 18.1 6 17.5 6C16.7167 6 15.9417 6.1 15.175 6.3C14.4083 6.5 13.6833 6.8 13 7.2V17.05ZM12 20C11.2 19.3667 10.3333 18.875 9.4 18.525C8.46667 18.175 7.5 18 6.5 18C5.8 18 5.1125 18.0917 4.4375 18.275C3.7625 18.4583 3.11667 18.7167 2.5 19.05C2.15 19.2333 1.8125 19.225 1.4875 19.025C1.1625 18.825 1 18.5333 1 18.15V6.1C1 5.91667 1.04583 5.74167 1.1375 5.575C1.22917 5.40833 1.36667 5.28333 1.55 5.2C2.31667 4.8 3.11667 4.5 3.95 4.3C4.78333 4.1 5.63333 4 6.5 4C7.46667 4 8.4125 4.125 9.3375 4.375C10.2625 4.625 11.15 5 12 5.5C12.85 5 13.7375 4.625 14.6625 4.375C15.5875 4.125 16.5333 4 17.5 4C18.3667 4 19.2167 4.1 20.05 4.3C20.8833 4.5 21.6833 4.8 22.45 5.2C22.6333 5.28333 22.7708 5.40833 22.8625 5.575C22.9542 5.74167 23 5.91667 23 6.1V18.15C23 18.5333 22.8375 18.825 22.5125 19.025C22.1875 19.225 21.85 19.2333 21.5 19.05C20.8833 18.7167 20.2375 18.4583 19.5625 18.275C18.8875 18.0917 18.2 18 17.5 18C16.5 18 15.5333 18.175 14.6 18.525C13.6667 18.875 12.8 19.3667 12 20Z",
   fill: "currentColor"
 }, null, -1)), Cs = /* @__PURE__ */ ae({
@@ -2904,7 +2904,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
-}), ks = /* @__PURE__ */ gs(Cs, [["__scopeId", "data-v-44d910d6"]]), _s = { "data-testid": "config-card-title" }, ws = { class: "config-card-actions" }, Is = ["href"], As = {
+}), ks = /* @__PURE__ */ gs(Cs, [["__scopeId", "data-v-0cc5a4d3"]]), ws = { "data-testid": "config-card-title" }, _s = { class: "config-card-actions" }, Is = ["href"], As = {
   key: 2,
   class: "config-card-details-section"
 }, Ss = {
@@ -3040,7 +3040,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
         // the last property displayed
         section: ke.Basic
       }
-    }, w = F(!1), h = F(!1), A = F(""), b = F({}), _ = x(() => {
+    }, _ = F(!1), h = F(!1), A = F(""), b = F({}), w = x(() => {
       var C, G, K;
       if (!b.value)
         return [];
@@ -3093,24 +3093,24 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
     }), v = x(() => {
       var C, G, K, I;
       return {
-        basic: (C = _.value) == null ? void 0 : C.filter((T) => T.section === ke.Basic),
-        advanced: (G = _.value) == null ? void 0 : G.filter((T) => T.section === ke.Advanced),
-        plugin: (I = L.value) == null ? void 0 : I.concat((K = _.value) == null ? void 0 : K.filter((T) => T.section === ke.Plugin))
+        basic: (C = w.value) == null ? void 0 : C.filter((T) => T.section === ke.Basic),
+        advanced: (G = w.value) == null ? void 0 : G.filter((T) => T.section === ke.Advanced),
+        plugin: (I = L.value) == null ? void 0 : I.concat((K = w.value) == null ? void 0 : K.filter((T) => T.section === ke.Plugin))
       };
     }), S = x(() => {
       const C = [];
       return v.value.basic.length && C.push("basic"), v.value.advanced.length && C.push("advanced"), v.value.plugin.length && C.push("plugin"), C;
-    }), V = (C) => !!(C.tooltip || i[`${C.key}-label-tooltip`]), re = x(() => {
+    }), D = (C) => !!(C.tooltip || i[`${C.key}-label-tooltip`]), re = x(() => {
       var C, G;
       let K = `${o.config.apiBaseUrl}${o.fetchUrl}`;
       return o.config.app === "konnect" ? K = K.replace(/{controlPlaneId}/gi, ((C = o.config) == null ? void 0 : C.controlPlaneId) || "") : o.config.app === "kongManager" && (K = K.replace(/\/{workspace}/gi, (G = o.config) != null && G.workspace ? `/${o.config.workspace}` : "")), K = K.replace(/{id}/gi, o.config.entityId), K;
     }), R = (C) => {
       b.value && C(JSON.stringify(b.value)) ? r("copy:success", b.value) : r("copy:error");
     };
-    return Te(w, (C) => {
+    return Te(_, (C) => {
       r("loading", C);
     }, { immediate: !0 }), dt(async () => {
-      h.value = !1, w.value = !0;
+      h.value = !1, _.value = !0;
       try {
         const { data: C } = await u.get(re.value);
         if (o.dataKey)
@@ -3127,13 +3127,13 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
         const G = s(C);
         A.value = G.startsWith("code") ? a("baseConfigCard.errors.load") : G, h.value = !0, r("fetch:error", C);
       } finally {
-        w.value = !1;
+        _.value = !1;
       }
     }), (C, G) => {
       const K = q("KLabel"), I = q("KSelect"), T = q("KButton"), O = q("KClipboardProvider"), B = q("KSkeleton"), W = q("KEmptyState"), ee = q("KCard");
       return d(), P(ee, { class: "kong-ui-entity-base-config-card" }, je({
         actions: g(() => [
-          D("div", ws, [
+          V("div", _s, [
             X(C.$slots, "actions", {}, void 0, !0),
             e.config.jsonYamlEnabled ? (d(), P(K, {
               key: 0,
@@ -3147,6 +3147,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
             })) : z("", !0),
             e.config.jsonYamlEnabled ? (d(), P(I, {
               key: 1,
+              appearance: "select",
               "data-testid": "select-config-format",
               items: p,
               onChange: y
@@ -3158,7 +3159,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
               "data-testid": "book-icon"
             }, {
               default: g(() => [
-                D("a", {
+                V("a", {
                   href: e.configCardDoc,
                   rel: "noopener",
                   target: "_blank"
@@ -3170,7 +3171,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
             })) : z("", !0),
             e.config.jsonYamlEnabled ? z("", !0) : (d(), P(O, { key: 3 }, {
               default: g(({ copyToClipboard: te }) => [
-                !w.value && !h.value ? (d(), P(T, {
+                !_.value && !h.value ? (d(), P(T, {
                   key: 0,
                   appearance: "tertiary",
                   "data-testid": "json-copy-button",
@@ -3187,7 +3188,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
           ])
         ]),
         default: g(() => [
-          w.value ? (d(), P(B, {
+          _.value ? (d(), P(B, {
             key: 0,
             "data-testid": "config-card-loader",
             "table-columns": 2,
@@ -3198,7 +3199,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
             "is-error": ""
           }, {
             message: g(() => [
-              D("h3", null, N(A.value), 1)
+              V("h3", null, N(A.value), 1)
             ]),
             _: 1
           })) : z("", !0),
@@ -3243,7 +3244,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
                 ]),
                 _: 2
               }, [
-                V(ne) ? {
+                D(ne) ? {
                   name: "label-tooltip",
                   fn: g(() => [
                     X(C.$slots, `${ne.key}-label-tooltip`, { row: ne }, void 0, !0)
@@ -3259,7 +3260,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
         e.hideTitle ? void 0 : {
           name: "title",
           fn: g(() => [
-            D("div", _s, [
+            V("div", ws, [
               X(C.$slots, "title", {}, () => [
                 Z(N(m(a)("baseConfigCard.title")), 1)
               ], !0)
@@ -3270,7 +3271,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
       ]), 1024);
     };
   }
-}), js = /* @__PURE__ */ _e($s, [["__scopeId", "data-v-3fd4a3a4"]]), Ms = {
+}), js = /* @__PURE__ */ we($s, [["__scopeId", "data-v-068b819b"]]), Ms = {
   class: "form-actions",
   "data-testid": "form-actions"
 }, Os = { key: 0 }, Es = /* @__PURE__ */ ae({
@@ -3330,17 +3331,17 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
     var t;
     const r = n, o = e, i = At(), { i18n: { t: a } } = ce.useI18n(), { getMessageFromError: s } = ce.useErrors(), { axiosInstance: l } = ce.useAxios({
       headers: (t = o.config) == null ? void 0 : t.requestHeaders
-    }), u = F(!1), p = F(!1), c = F(""), y = x(() => o.canSubmit === !1 || o.isReadonly), f = F(!1), w = x(() => {
+    }), u = F(!1), p = F(!1), c = F(""), y = x(() => o.canSubmit === !1 || o.isReadonly), f = F(!1), _ = x(() => {
       var v, S;
-      let V = `${o.config.apiBaseUrl}${o.fetchUrl}`;
-      return o.config.app === "konnect" ? V = V.replace(/{controlPlaneId}/gi, ((v = o.config) == null ? void 0 : v.controlPlaneId) || "") : o.config.app === "kongManager" && (V = V.replace(/\/{workspace}/gi, (S = o.config) != null && S.workspace ? `/${o.config.workspace}` : "")), o.editId ? (V = V.replace(/{id}/gi, o.editId), V) : (V = V.replace(/\/{id}/gi, ""), V);
+      let D = `${o.config.apiBaseUrl}${o.fetchUrl}`;
+      return o.config.app === "konnect" ? D = D.replace(/{controlPlaneId}/gi, ((v = o.config) == null ? void 0 : v.controlPlaneId) || "") : o.config.app === "kongManager" && (D = D.replace(/\/{workspace}/gi, (S = o.config) != null && S.workspace ? `/${o.config.workspace}` : "")), o.editId ? (D = D.replace(/{id}/gi, o.editId), D) : (D = D.replace(/\/{id}/gi, ""), D);
     }), h = () => {
       f.value = !f.value;
     }, A = () => {
       o.config.cancelRoute ? i.push(o.config.cancelRoute) : b();
     }, b = () => {
       r("cancel");
-    }, _ = () => {
+    }, w = () => {
       y.value || r("submit");
     }, L = F([
       {
@@ -3358,7 +3359,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
       if (o.editId)
         try {
           p.value = !1, u.value = !0;
-          const { data: v } = await l.get(w.value);
+          const { data: v } = await l.get(_.value);
           r("fetch:success", v);
         } catch (v) {
           const S = s(v);
@@ -3367,10 +3368,10 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
           u.value = !1;
         }
     }), (v, S) => {
-      const V = q("KSkeleton"), re = q("KEmptyState"), R = q("KAlert"), C = q("KButton"), G = q("KTabs"), K = q("KSlideout"), I = q("KCard");
+      const D = q("KSkeleton"), re = q("KEmptyState"), R = q("KAlert"), C = q("KButton"), G = q("KTabs"), K = q("KSlideout"), I = q("KCard");
       return d(), P(I, { class: "kong-ui-entity-base-form" }, {
         default: g(() => [
-          u.value ? (d(), P(V, {
+          u.value ? (d(), P(D, {
             key: 0,
             type: "form"
           })) : p.value ? (d(), P(re, {
@@ -3381,14 +3382,14 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
             "is-error": !0
           }, {
             message: g(() => [
-              D("h3", null, N(c.value), 1)
+              V("h3", null, N(c.value), 1)
             ]),
             _: 1
           }, 8, ["cta-text"])) : (d(), j("form", {
             key: 2,
             "data-testid": "form-content",
             onReset: rt(b, ["prevent"]),
-            onSubmit: rt(_, ["prevent"])
+            onSubmit: rt(w, ["prevent"])
           }, [
             X(v.$slots, "default", {}, void 0, !0),
             e.errorMessage ? (d(), P(R, {
@@ -3397,7 +3398,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
               appearance: "danger",
               "data-testid": "form-error"
             }, null, 8, ["alert-message"])) : z("", !0),
-            D("div", Ms, [
+            V("div", Ms, [
               X(v.$slots, "form-actions", {}, () => [
                 e.config.jsonYamlFormsEnabled ? (d(), j("div", Os, [
                   E(C, {
@@ -3446,7 +3447,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
             onClose: S[1] || (S[1] = (T) => h())
           }, {
             default: g(() => [
-              D("div", null, N(m(a)("baseForm.configuration.message")), 1),
+              V("div", null, N(m(a)("baseForm.configuration.message")), 1),
               E(G, {
                 "data-testid": "form-view-configuration-slideout-tabs",
                 tabs: L.value
@@ -3454,7 +3455,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
                 json: g(() => [
                   E(xn, {
                     config: e.config,
-                    "fetcher-url": w.value,
+                    "fetcher-url": _.value,
                     "json-record": o.formFields,
                     "request-method": o.editId ? "put" : "post"
                   }, null, 8, ["config", "fetcher-url", "json-record", "request-method"])
@@ -3474,7 +3475,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
       });
     };
   }
-}), Fs = /* @__PURE__ */ _e(Es, [["__scopeId", "data-v-4ef70725"]]), Ns = {
+}), Fs = /* @__PURE__ */ we(Es, [["__scopeId", "data-v-4ef70725"]]), Ns = {
   key: 0,
   "data-testid": "first-col"
 }, Ks = /* @__PURE__ */ ae({
@@ -3521,10 +3522,10 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
         }
       },
       { immediate: !0, flush: "post", deep: !0 }
-    ), w = x(() => o.value ? u.value > p.value : !1);
-    return _r(() => {
+    ), _ = x(() => o.value ? u.value > p.value : !1);
+    return wr(() => {
       s();
-    }), wr(() => {
+    }), _r(() => {
       f();
     }), (h, A) => {
       const b = q("KTooltip");
@@ -3535,7 +3536,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
       }, [
         o.value ? (d(), j("span", Ns, [
           E(b, {
-            label: w.value ? c.value : "",
+            label: _.value ? c.value : "",
             "max-width": "300",
             placement: "bottomStart"
           }, {
@@ -3548,7 +3549,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
       ], 512);
     };
   }
-}), qs = /* @__PURE__ */ _e(Ks, [["__scopeId", "data-v-e42a20c9"]]), Bs = { class: "toolbar-container" }, Ls = {
+}), qs = /* @__PURE__ */ we(Ks, [["__scopeId", "data-v-e42a20c9"]]), Bs = { class: "toolbar-container" }, Ls = {
   key: 0,
   class: "toolbar-button-container"
 }, Us = ["data-testid"], Ps = /* @__PURE__ */ ae({
@@ -3662,7 +3663,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
   emits: ["click:row", "sort", "clear-search-input", "empty-state-cta-clicked"],
   setup(e, { emit: n }) {
     const t = e, r = n, { i18n: { t: o } } = ce.useI18n(), i = x(() => {
-      var S, V;
+      var S, D;
       return typeof t.errorMessage == "string" ? {
         hasError: !!t.errorMessage,
         title: t.errorMessage,
@@ -3670,15 +3671,15 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
       } : {
         hasError: !!t.errorMessage,
         title: (S = t.errorMessage) == null ? void 0 : S.title,
-        message: (V = t.errorMessage) == null ? void 0 : V.message
+        message: (D = t.errorMessage) == null ? void 0 : D.message
       };
     }), a = x(() => t.cacheIdentifier || t.preferencesStorageKey), s = (S) => S.hasData || !!t.query, l = x(() => {
       const S = [];
-      return Object.keys(t.tableHeaders).forEach((V) => {
-        const re = t.tableHeaders[V];
+      return Object.keys(t.tableHeaders).forEach((D) => {
+        const re = t.tableHeaders[D];
         S.push({
-          label: re.label ?? V,
-          key: V,
+          label: re.label ?? D,
+          key: D,
           sortable: re.sortable ?? !1
         });
       }), t.enableEntityActions && S.push({
@@ -3690,28 +3691,28 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
       "data-testid": S.name,
       ...t.rowAttributes(S)
     }), p = F({}), c = (S) => {
-      var V;
-      return (V = p.value) == null ? void 0 : V.$el.querySelector(`[data-rowid="${S.id}"]`);
+      var D;
+      return (D = p.value) == null ? void 0 : D.$el.querySelector(`[data-rowid="${S.id}"]`);
     }, y = (S) => {
-      const V = {
+      const D = {
         "data-testid": S.headerKey,
         ...t.cellAttributes(S)
       };
-      return S.colIndex === 0 && (V.style = {
+      return S.colIndex === 0 && (D.style = {
         maxWidth: "250px",
         overflowX: "hidden",
         textOverflow: "ellipsis"
-      }), V;
+      }), D;
     }, f = () => {
-      r("empty-state-cta-clicked"), w();
-    }, w = () => {
+      r("empty-state-cta-clicked"), _();
+    }, _ = () => {
       r("clear-search-input");
-    }, h = x(() => t.disableRowClick ? void 0 : (S, V) => {
-      r("click:row", V);
+    }, h = x(() => t.disableRowClick ? void 0 : (S, D) => {
+      r("click:row", D);
     }), A = (S) => {
       r("sort", S);
-    }, { setTablePreferences: b, getTablePreferences: _ } = Or(), L = x(() => {
-      const S = _(t.preferencesStorageKey);
+    }, { setTablePreferences: b, getTablePreferences: w } = Or(), L = x(() => {
+      const S = w(t.preferencesStorageKey);
       return {
         ...t.initialFetcherParams,
         ...S
@@ -3719,7 +3720,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
     }), v = (S) => {
       t.preferencesStorageKey && b(t.preferencesStorageKey, S);
     };
-    return (S, V) => {
+    return (S, D) => {
       const re = q("KIcon"), R = q("KButton"), C = q("KDropdown"), G = q("KTable"), K = q("KCard");
       return d(), P(K, {
         class: "kong-ui-entity-base-table",
@@ -3755,11 +3756,11 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
             "search-input": e.query,
             onKtableEmptyStateCtaClicked: f,
             "onRow:click": h.value,
-            onSort: V[0] || (V[0] = (I) => A(I)),
+            onSort: D[0] || (D[0] = (I) => A(I)),
             "onUpdate:tablePreferences": v
           }, je({
             toolbar: g(({ state: I }) => [
-              Je(D("div", Bs, [
+              Je(V("div", Bs, [
                 X(S.$slots, "toolbar-filter", {}, void 0, !0),
                 S.$slots["toolbar-button"] ? (d(), j("div", Ls, [
                   X(S.$slots, "toolbar-button", {}, void 0, !0)
@@ -3769,7 +3770,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
               ])
             ]),
             actions: g(({ row: I, rowKey: T, rowValue: O }) => [
-              D("div", {
+              V("div", {
                 class: "actions-container",
                 "data-testid": I.name
               }, [
@@ -3832,7 +3833,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
       }, 8, ["title"]);
     };
   }
-}), Ds = /* @__PURE__ */ _e(Ps, [["__scopeId", "data-v-2b9bf3dd"]]), Vs = {
+}), Ds = /* @__PURE__ */ we(Ps, [["__scopeId", "data-v-57b5a97b"]]), Vs = {
   key: 0,
   class: "kong-ui-entity-delete-error"
 }, Rs = {
@@ -3917,14 +3918,14 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
             r.entityName ? {
               name: "entityName",
               fn: g(() => [
-                D("strong", null, N(r.entityName), 1)
+                V("strong", null, N(r.entityName), 1)
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["keypath"]),
           r.description || l.$slots.description ? (d(), j("div", Rs, [
             X(l.$slots, "description", {}, () => [
-              D("p", null, N(r.description), 1)
+              V("p", null, N(r.description), 1)
             ], !0)
           ])) : z("", !0)
         ]),
@@ -3932,7 +3933,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
       }, 8, ["action-pending", "confirmation-text", "is-visible", "title"]);
     };
   }
-}), Hs = /* @__PURE__ */ _e(Gs, [["__scopeId", "data-v-1c9a2a07"]]), zs = {
+}), Hs = /* @__PURE__ */ we(Gs, [["__scopeId", "data-v-1c9a2a07"]]), zs = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
@@ -3956,15 +3957,15 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
   },
   setup(e) {
     return (n, t) => (d(), j("svg", zs, [
-      D("mask", Js, [
-        D("rect", {
+      V("mask", Js, [
+        V("rect", {
           fill: e.color,
           height: "20",
           width: "20"
         }, null, 8, Ys)
       ]),
-      D("g", Ws, [
-        D("path", {
+      V("g", Ws, [
+        V("path", {
           d: "M8 14.5V13H12V14.5H8ZM5 10.75V9.25H15V10.75H5ZM3 7V5.5H17V7H3Z",
           fill: e.color
         }, null, 8, Zs)
@@ -3996,19 +3997,19 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
   setup(e, { emit: n }) {
     const { i18n: { t } } = ce.useI18n(), r = e, o = n, i = F(!1), a = F({}), s = x(() => {
       const b = [];
-      return new URLSearchParams(r.modelValue).forEach((_, L) => {
-        _ !== "" && b.push(L);
+      return new URLSearchParams(r.modelValue).forEach((w, L) => {
+        w !== "" && b.push(L);
       }), b;
     }), l = x(() => {
       const b = r.config.fields;
-      return Object.keys(b).filter((_) => b[_].searchable).map((_) => ({
-        label: b[_].label || _,
-        value: _
+      return Object.keys(b).filter((w) => b[w].searchable).map((w) => ({
+        label: b[w].label || w,
+        value: w
       }));
     });
     Te(() => r.modelValue, (b) => {
-      a.value = {}, new URLSearchParams(b).forEach((_, L) => {
-        a.value[L] = _;
+      a.value = {}, new URLSearchParams(b).forEach((w, L) => {
+        a.value[L] = w;
       });
     });
     const u = () => {
@@ -4016,15 +4017,15 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
     }, p = (b) => {
       o("update:modelValue", b);
     }, c = (b) => `filter-${b}`, y = (b) => {
-      var _, L;
-      return (((L = (_ = r.config.schema) == null ? void 0 : _[b]) == null ? void 0 : L.values) ?? []).map((v) => ({
+      var w, L;
+      return (((L = (w = r.config.schema) == null ? void 0 : w[b]) == null ? void 0 : L.values) ?? []).map((v) => ({
         value: v,
         label: v
       }));
     }, f = (b) => {
-      var _, L;
-      return ((L = (_ = r.config.schema) == null ? void 0 : _[b]) == null ? void 0 : L.type) ?? "text";
-    }, w = (b) => {
+      var w, L;
+      return ((L = (w = r.config.schema) == null ? void 0 : w[b]) == null ? void 0 : L.type) ?? "text";
+    }, _ = (b) => {
       a.value = {
         ...a.value,
         [b]: ""
@@ -4032,11 +4033,11 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
     }, h = () => {
       a.value = {}, A(!0);
     }, A = (b = !1) => {
-      const _ = Object.keys(a.value).reduce((L, v) => (a.value[v] && (L[v] = `${a.value[v]}`), L), {});
-      b && (i.value = !1), o("update:modelValue", new URLSearchParams(_).toString());
+      const w = Object.keys(a.value).reduce((L, v) => (a.value[v] && (L[v] = `${a.value[v]}`), L), {});
+      b && (i.value = !1), o("update:modelValue", new URLSearchParams(w).toString());
     };
-    return (b, _) => {
-      const L = q("KInput"), v = q("KButton"), S = q("KSelect"), V = q("KMenuItem"), re = q("KMenu");
+    return (b, w) => {
+      const L = q("KInput"), v = q("KButton"), S = q("KSelect"), D = q("KMenuItem"), re = q("KMenu");
       return e.config.isExactMatch ? (d(), P(L, {
         key: 0,
         autocomplete: "off",
@@ -4062,7 +4063,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
           ]),
           _: 1
         }),
-        Je(D("div", {
+        Je(V("div", {
           class: "kong-ui-entity-filter-backdrop",
           onClick: u
         }, null, 512), [
@@ -4070,16 +4071,16 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
         ]),
         Je(E(re, { class: "kong-ui-entity-filter-menu" }, {
           body: g(() => [
-            (d(!0), j(Ce, null, ve(l.value, (R, C) => (d(), P(V, {
+            (d(!0), j(Ce, null, ve(l.value, (R, C) => (d(), P(D, {
               key: R.value,
               "data-testid": R.value,
               expandable: "",
               "last-menu-item": C === l.value.length - 1
             }, {
               itemTitle: g(() => [
-                D("span", Xs, [
+                V("span", Xs, [
                   Z(N(R.label) + " ", 1),
-                  Je(D("span", el, null, 512), [
+                  Je(V("span", el, null, 512), [
                     [Ye, s.value.includes(R.value)]
                   ])
                 ])
@@ -4087,8 +4088,8 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
               itemBody: g(() => {
                 var G, K;
                 return [
-                  D("div", tl, [
-                    D("label", {
+                  V("div", tl, [
+                    V("label", {
                       class: "menu-item-label",
                       for: c(R.value)
                     }, N(m(t)("filter.fieldLabel")), 9, nl),
@@ -4097,6 +4098,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
                       id: c(R.value),
                       modelValue: a.value[R.value],
                       "onUpdate:modelValue": (I) => a.value[R.value] = I,
+                      appearance: "select",
                       items: y(R.value),
                       placeholder: m(t)("filter.selectPlaceholder")
                     }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "items", "placeholder"])) : (d(), P(L, {
@@ -4109,12 +4111,12 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
                       type: f(R.value)
                     }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "placeholder", "type"]))
                   ]),
-                  D("div", rl, [
+                  V("div", rl, [
                     E(v, {
                       appearance: "tertiary",
                       "data-testid": "apply-filter",
                       size: "small",
-                      onClick: _[0] || (_[0] = (I) => A(!0))
+                      onClick: w[0] || (w[0] = (I) => A(!0))
                     }, {
                       default: g(() => [
                         Z(N(m(t)("filter.applyButtonText")), 1)
@@ -4125,7 +4127,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
                       appearance: "tertiary",
                       "data-testid": "clear-filter",
                       size: "small",
-                      onClick: (I) => w(R.value)
+                      onClick: (I) => _(R.value)
                     }, {
                       default: g(() => [
                         Z(N(m(t)("filter.clearButtonText")), 1)
@@ -4139,7 +4141,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
             }, 1032, ["data-testid", "last-menu-item"]))), 128))
           ]),
           actionButton: g(() => [
-            D("div", ol, [
+            V("div", ol, [
               E(v, {
                 appearance: "tertiary",
                 size: "small",
@@ -4159,7 +4161,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
       ]));
     };
   }
-}), il = /* @__PURE__ */ _e(al, [["__scopeId", "data-v-e9512e8f"]]), tt = /* @__PURE__ */ ae({
+}), il = /* @__PURE__ */ we(al, [["__scopeId", "data-v-15962ee2"]]), tt = /* @__PURE__ */ ae({
   __name: "PermissionsWrapper",
   props: {
     /**
@@ -4227,7 +4229,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
     return (t, r) => (d(), j("fieldset", {
       class: Ee(["kong-ui-entity-form-section", { "has-divider": e.hasDivider }])
     }, [
-      D("div", sl, [
+      V("div", sl, [
         e.hideInfoHeader ? z("", !0) : (d(), j("div", {
           key: 0,
           class: Ee(["form-section-info", { sticky: e.stickyInfoHeader }])
@@ -4235,20 +4237,20 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
           e.title ? (d(), j("h4", ll, N(e.title), 1)) : z("", !0),
           e.description || m(n).description ? (d(), j("div", ul, [
             X(t.$slots, "description", {}, () => [
-              D("p", null, N(e.description), 1)
+              V("p", null, N(e.description), 1)
             ], !0)
           ])) : z("", !0),
           m(n).footer ? (d(), j("div", cl, [
             X(t.$slots, "footer", {}, void 0, !0)
           ])) : z("", !0)
         ], 2)),
-        D("div", dl, [
+        V("div", dl, [
           X(t.$slots, "default", {}, void 0, !0)
         ])
       ])
     ], 2));
   }
-}), mn = /* @__PURE__ */ _e(pl, [["__scopeId", "data-v-3565daa7"]]), { useAxios: Kt, useDeleteUrlBuilder: fl, useErrors: ml, useExternalLinkCreator: Kl, useFetchUrlBuilder: ql, useFetcher: gl, useDebouncedFilter: yr, useStringHelpers: Bl, useHelpers: Ll, useGatewayFeatureSupported: Ul, useTruncationDetector: Pl } = ce, yl = { class: "add-to-group-form-container" }, hl = { class: "add-to-group-cta-text" }, vl = {
+}), mn = /* @__PURE__ */ we(pl, [["__scopeId", "data-v-3565daa7"]]), { useAxios: Kt, useDeleteUrlBuilder: fl, useErrors: ml, useExternalLinkCreator: Nl, useFetchUrlBuilder: Kl, useFetcher: gl, useDebouncedFilter: yr, useStringHelpers: ql, useHelpers: Bl, useGatewayFeatureSupported: Ll, useTruncationDetector: Ul } = ce, yl = { class: "add-to-group-form-container" }, hl = { class: "add-to-group-cta-text" }, vl = {
   key: 0,
   class: "kong-ui-entity-add-to-groups-error"
 }, bl = { key: 0 }, Cl = /* @__PURE__ */ ae({
@@ -4286,7 +4288,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
         fetchedItemsKey: "data",
         searchKeys: ["name", "id"]
       }
-    ), f = x(() => p.value ? t("consumer_groups.errors.general") : ""), w = F(0), h = x(() => u.value === void 0), A = x(() => y.value.map((I) => ({
+    ), f = x(() => p.value ? t("consumer_groups.errors.general") : ""), _ = F(0), h = x(() => u.value === void 0), A = x(() => y.value.map((I) => ({
       label: I.name,
       value: I.id,
       selected: a.value.includes(I.id),
@@ -4296,9 +4298,9 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
       var O;
       const T = h.value ? y.value.find((B) => B.id === I) : (O = u.value) == null ? void 0 : O.find((B) => B.id === I);
       return T ? T.name : I;
-    }, _ = () => {
+    }, w = () => {
       S.value = "", L.value = [], C.value = [], o("cancel");
-    }, L = F([]), v = F(!1), S = F(""), V = async () => {
+    }, L = F([]), v = F(!1), S = F(""), D = async () => {
       if (!a.value.length) {
         S.value = "", C.value = [], o("cancel");
         return;
@@ -4337,7 +4339,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
       }).filter(Boolean);
     };
     return Te(A, () => {
-      w.value++;
+      _.value++;
     }, { immediate: !0, deep: !0 }), Te(() => r.visible, () => {
       r.visible && c();
     }, { immediate: !0 }), (I, T) => {
@@ -4348,12 +4350,12 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
         "data-testid": "add-to-group-modal",
         "is-visible": e.visible,
         title: m(t)("consumer_groups.consumers.add.title"),
-        onCanceled: _,
-        onProceed: V
+        onCanceled: w,
+        onProceed: D
       }, {
         "body-content": g(() => [
-          D("div", yl, [
-            D("p", hl, N(m(t)("consumer_groups.consumers.add.ctaText")), 1),
+          V("div", yl, [
+            V("p", hl, N(m(t)("consumer_groups.consumers.add.ctaText")), 1),
             E(O, {
               modelValue: a.value,
               "onUpdate:modelValue": T[0] || (T[0] = (ee) => a.value = ee),
@@ -4372,11 +4374,11 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
             S.value || f.value || C.value.length ? (d(), j("div", vl, [
               E(B, { appearance: "danger" }, {
                 alertMessage: g(() => [
-                  D("p", null, N(m(t)("consumer_groups.errors.add")), 1),
+                  V("p", null, N(m(t)("consumer_groups.errors.add")), 1),
                   C.value.length ? (d(), j("ul", bl, [
                     (d(!0), j(Ce, null, ve(C.value, (ee, te) => (d(), j("li", { key: te }, N(ee), 1))), 128))
                   ])) : z("", !0),
-                  D("div", null, N(S.value || f.value), 1)
+                  V("div", null, N(S.value || f.value), 1)
                 ]),
                 _: 1
               })
@@ -4392,7 +4394,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
   for (const [r, o] of n)
     t[r] = o;
   return t;
-}, kl = /* @__PURE__ */ qt(Cl, [["__scopeId", "data-v-3808b4c0"]]), _l = { class: "kong-ui-entities-consumer-groups-list" }, wl = { key: 1 }, Il = /* @__PURE__ */ ae({
+}, kl = /* @__PURE__ */ qt(Cl, [["__scopeId", "data-v-3808b4c0"]]), wl = { class: "kong-ui-entities-consumer-groups-list" }, _l = { key: 1 }, Il = /* @__PURE__ */ ae({
   __name: "ConsumerGroupList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -4447,7 +4449,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
       name: { label: i("consumer_groups.list.table_headers.name"), searchable: !0, sortable: !0 }
     };
     r.config.app === "kongManager" && (y.consumers_count = { label: i("consumer_groups.list.table_headers.consumers_count"), searchable: !1, sortable: !1 }), y.tags = { label: i("consumer_groups.list.table_headers.tags"), sortable: !1 };
-    const f = y, w = ($) => ({
+    const f = y, _ = ($) => ({
       "data-testid": $.username ?? $.custom_id ?? $.id
     }), h = x(() => {
       var Y, se, he, Ie;
@@ -4469,9 +4471,9 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
         },
         schema: r.config.filterSchema
       };
-    }), _ = x(() => u.value && !r.config.paginatedEndpoint ? "consumer_groups" : void 0), { fetcher: L, fetcherState: v } = gl(r.config, h.value, _.value), S = () => {
+    }), w = x(() => u.value && !r.config.paginatedEndpoint ? "consumer_groups" : void 0), { fetcher: L, fetcherState: v } = gl(r.config, h.value, w.value), S = () => {
       A.value = "";
-    }, V = () => {
+    }, D = () => {
       l.value++;
     }, re = F(null), R = ($, Y) => {
       const se = $.id;
@@ -4534,7 +4536,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
       Y || U(), l.value++, t("add:success", $);
     }, J = () => {
       u.value && k();
-    }, H = F(void 0), fe = F(!1), we = F(""), me = ($) => {
+    }, H = F(void 0), fe = F(!1), _e = F(""), me = ($) => {
       H.value = $, fe.value = !0;
     }, Ne = () => {
       fe.value = !1, H.value = void 0;
@@ -4549,7 +4551,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
           const $ = et.value.replace(/{consumerGroupId}/gi, H.value.id);
           await s.delete($), t("remove:success", H.value), Ne(), l.value++;
         } catch ($) {
-          we.value = $.message || i("consumer_groups.errors.delete"), t("error", $);
+          _e.value = $.message || i("consumer_groups.errors.delete"), t("error", $);
         } finally {
           Bt.value = !1;
         }
@@ -4575,7 +4577,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
       await r.canCreate() && (mt.value.title = u.value ? i("consumer_groups.list.empty_state.title_for_consumer") : i("consumer_groups.list.empty_state.title"), mt.value.ctaText = u.value ? i("consumer_groups.actions.add_to_group") : i("consumer_groups.actions.create"));
     }), ($, Y) => {
       const se = q("KButton"), he = q("KBadge"), Ie = q("KTruncate"), He = q("KDropdownItem"), Pt = q("KClipboardProvider"), vr = q("KPrompt");
-      return d(), j("div", _l, [
+      return d(), j("div", wl, [
         E(m(Ds), {
           "cache-identifier": e.cacheIdentifier,
           "disable-pagination": u.value && !e.config.paginatedEndpoint,
@@ -4589,13 +4591,13 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
           "pagination-type": "offset",
           "preferences-storage-key": p.value,
           query: A.value,
-          "row-attributes": w,
+          "row-attributes": _,
           "table-headers": m(f),
           "use-action-outside": e.useActionOutside,
           onClearSearchInput: S,
           "onClick:row": Y[3] || (Y[3] = (Q) => G(Q)),
           onEmptyStateCtaClicked: J,
-          onSort: V
+          onSort: D
         }, {
           "toolbar-filter": g(() => [
             u.value ? z("", !0) : (d(), P(m(il), {
@@ -4636,7 +4638,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
             }, 8, ["to"]))
           ]),
           name: g(({ rowValue: Q }) => [
-            D("b", null, N(Q ?? "-"), 1)
+            V("b", null, N(Q ?? "-"), 1)
           ]),
           consumers_count: g(({ rowValue: Q }) => [
             Z(N(Q ?? "-"), 1)
@@ -4656,7 +4658,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
                 }, 1024))), 128))
               ]),
               _: 2
-            }, 1024)) : (d(), j("span", wl, "-"))
+            }, 1024)) : (d(), j("span", _l, "-"))
           ]),
           actions: g(({ row: Q }) => [
             E(Pt, null, {
@@ -4768,29 +4770,29 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
               tag: "p"
             }, je({
               consumerGroup: g(() => [
-                D("strong", null, N(H.value.name || H.value.id), 1)
+                V("strong", null, N(H.value.name || H.value.id), 1)
               ]),
               _: 2
             }, [
               e.config.consumerUsername ? {
                 name: "consumer",
                 fn: g(() => [
-                  D("strong", null, N(e.config.consumerUsername), 1)
+                  V("strong", null, N(e.config.consumerUsername), 1)
                 ]),
                 key: "0"
               } : void 0
             ]), 1032, ["keypath"]),
-            D("p", null, N(m(i)("consumer_groups.consumers.exit.description")), 1)
+            V("p", null, N(m(i)("consumer_groups.consumers.exit.description")), 1)
           ]),
           _: 1
         }, 8, ["is-visible", "title"])) : z("", !0)
       ]);
     };
   }
-}), Dl = /* @__PURE__ */ qt(Il, [["__scopeId", "data-v-5e849c87"]]), Al = { class: "kong-ui-entities-consumer-group-form" }, Sl = { class: "select-item-container" }, xl = { class: "select-item-label" }, Tl = {
+}), Pl = /* @__PURE__ */ qt(Il, [["__scopeId", "data-v-5e849c87"]]), Al = { class: "kong-ui-entities-consumer-group-form" }, Sl = { class: "select-item-label" }, xl = {
   key: 0,
-  class: "select-item-description"
-}, $l = /* @__PURE__ */ ae({
+  class: "select-item-desc"
+}, Tl = /* @__PURE__ */ ae({
   __name: "ConsumerGroupForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -4832,7 +4834,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
       searchKeys: ["username", "custom_id", "id"]
     }), { axiosInstance: f } = Kt({
       headers: (Le = t.config) == null ? void 0 : Le.requestHeaders
-    }), { getMessageFromError: w } = ml(), h = x(() => y.value.map((k) => ({
+    }), { getMessageFromError: _ } = ml(), h = x(() => y.value.map((k) => ({
       label: k.username || k.custom_id,
       value: k.id,
       selected: a.fields.consumers.includes(k.id),
@@ -4841,19 +4843,19 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
     }))), A = x(() => {
       var k, U;
       return (U = Me.form[(k = t.config) == null ? void 0 : k.app]) == null ? void 0 : U.edit;
-    }), b = x(() => t.consumerGroupId ? nt.Edit : nt.Create), _ = x(() => !!a.fields.name && !C.value), L = x(() => JSON.stringify(a.fields) !== JSON.stringify(s)), v = (k, U = "", ie = "") => {
-      var H, fe, we, me, Ne, et;
+    }), b = x(() => t.consumerGroupId ? nt.Edit : nt.Create), w = x(() => !!a.fields.name && !C.value), L = x(() => JSON.stringify(a.fields) !== JSON.stringify(s)), v = (k, U = "", ie = "") => {
+      var H, fe, _e, me, Ne, et;
       let J = `${(H = t.config) == null ? void 0 : H.apiBaseUrl}${Me.form[(fe = t.config) == null ? void 0 : fe.app][k]}`;
-      return ((we = t.config) == null ? void 0 : we.app) === "konnect" ? J = J.replace(/{controlPlaneId}/gi, ((me = t.config) == null ? void 0 : me.controlPlaneId) || "") : ((Ne = t.config) == null ? void 0 : Ne.app) === "kongManager" && (J = J.replace(/\/{workspace}/gi, (et = t.config) != null && et.workspace ? `/${t.config.workspace}` : "")), J = J.replace(/{id}/gi, U || t.consumerGroupId), (k === "addConsumer" || k === "removeConsumer") && (J = J.replace(/{consumerId}/gi, ie)), J;
+      return ((_e = t.config) == null ? void 0 : _e.app) === "konnect" ? J = J.replace(/{controlPlaneId}/gi, ((me = t.config) == null ? void 0 : me.controlPlaneId) || "") : ((Ne = t.config) == null ? void 0 : Ne.app) === "kongManager" && (J = J.replace(/\/{workspace}/gi, (et = t.config) != null && et.workspace ? `/${t.config.workspace}` : "")), J = J.replace(/{id}/gi, U || t.consumerGroupId), (k === "addConsumer" || k === "removeConsumer") && (J = J.replace(/{consumerId}/gi, ie)), J;
     }, S = () => {
       var k;
       i.push(((k = t.config) == null ? void 0 : k.cancelRoute) || { name: "consumer-group-list" });
-    }, V = (k) => {
+    }, D = (k) => {
       r("error", k);
     }, re = (k) => {
       r("loading", k);
     }, R = async (k) => {
-      var ie, J, H, fe, we;
+      var ie, J, H, fe, _e;
       a.fields.name = ((ie = k == null ? void 0 : k.item) == null ? void 0 : ie.name) || ((J = k == null ? void 0 : k.consumer_group) == null ? void 0 : J.name) || (k == null ? void 0 : k.name) || "";
       const U = ((H = k == null ? void 0 : k.item) == null ? void 0 : H.tags) || (k == null ? void 0 : k.consumer_group.tags) || (k == null ? void 0 : k.tags) || [];
       if (a.fields.tags = (U == null ? void 0 : U.join(", ")) || "", "consumers" in k)
@@ -4861,7 +4863,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
       else
         try {
           const { data: me } = await f.get(v("getConsumers"));
-          a.fields.consumers = "consumers" in me ? (we = me == null ? void 0 : me.consumers) == null ? void 0 : we.map((Ne) => Ne.id) : [];
+          a.fields.consumers = "consumers" in me ? (_e = me == null ? void 0 : me.consumers) == null ? void 0 : _e.map((Ne) => Ne.id) : [];
         } catch (me) {
           T(me);
         }
@@ -4873,7 +4875,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
         tags: (U = (k = a.fields.tags.split(",")) == null ? void 0 : k.map((ie) => String(ie || "").trim())) == null ? void 0 : U.filter((ie) => ie !== "")
       };
     }, K = async (k, U = "") => await f.post(v("addConsumer", U, k), { consumer: k }), I = async (k, U = "") => await f.delete(v("removeConsumer", U, k)), T = (k) => {
-      a.errorMessage = w(k), r("error", k);
+      a.errorMessage = _(k), r("error", k);
     }, O = (k = t.consumerGroupId) => {
       Object.assign(s, a.fields), r("update", { ...a.fields, id: k });
     }, B = (k, U, ie = t.consumerGroupId) => {
@@ -4938,7 +4940,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
       const ie = q("KInput"), J = q("KMultiselect");
       return d(), j("div", Al, [
         E(m(Fs), {
-          "can-submit": _.value && L.value,
+          "can-submit": w.value && L.value,
           config: e.config,
           "edit-id": e.consumerGroupId,
           "error-message": a.errorMessage || m(p) || C.value,
@@ -4946,7 +4948,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
           "form-fields": a.fields,
           "is-readonly": a.readonly,
           onCancel: S,
-          "onFetch:error": U[3] || (U[3] = (H) => V(H)),
+          "onFetch:error": U[3] || (U[3] = (H) => D(H)),
           "onFetch:success": R,
           onLoading: U[4] || (U[4] = (H) => re(H)),
           onSubmit: te
@@ -4997,6 +4999,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
                   "onUpdate:modelValue": U[2] || (U[2] = (H) => a.fields.consumers = H),
                   appearance: "select",
                   autosuggest: "",
+                  "expand-selected": "",
                   items: h.value,
                   label: m(o)("consumer_groups.form.fields.consumers.label"),
                   loading: m(u),
@@ -5005,12 +5008,10 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
                   onQueryChange: m(l)
                 }, {
                   "item-template": g(({ item: H }) => {
-                    var fe, we, me;
+                    var fe, _e, me;
                     return [
-                      D("div", Sl, [
-                        D("div", xl, N(H.label), 1),
-                        (fe = H == null ? void 0 : H.data) != null && fe.username && ((we = H == null ? void 0 : H.data) != null && we.custom_id) ? (d(), j("div", Tl, N((me = H == null ? void 0 : H.data) == null ? void 0 : me.custom_id), 1)) : z("", !0)
-                      ])
+                      V("div", Sl, N(H.label), 1),
+                      (fe = H == null ? void 0 : H.data) != null && fe.username && ((_e = H == null ? void 0 : H.data) != null && _e.custom_id) ? (d(), j("div", xl, N((me = H == null ? void 0 : H.data) == null ? void 0 : me.custom_id), 1)) : z("", !0)
                     ];
                   }),
                   _: 1
@@ -5024,7 +5025,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
       ]);
     };
   }
-}), Vl = /* @__PURE__ */ qt($l, [["__scopeId", "data-v-0493dc37"]]), jl = { class: "kong-ui-consumer-group-entity-config-card" }, Rl = /* @__PURE__ */ ae({
+}), Dl = /* @__PURE__ */ qt(Tl, [["__scopeId", "data-v-6181af14"]]), $l = { class: "kong-ui-consumer-group-entity-config-card" }, Vl = /* @__PURE__ */ ae({
   __name: "ConsumerGroupConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -5060,7 +5061,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
         tooltip: t("consumer_groups.form.fields.tags.tooltip")
       }
     });
-    return (i, a) => (d(), j("div", jl, [
+    return (i, a) => (d(), j("div", $l, [
       E(m(js), {
         config: e.config,
         "config-card-doc": e.configCardDoc,
@@ -5077,7 +5078,7 @@ const us = { class: "yaml-config" }, gr = /* @__PURE__ */ ae({
   }
 });
 export {
-  Rl as ConsumerGroupConfigCard,
-  Vl as ConsumerGroupForm,
-  Dl as ConsumerGroupList
+  Vl as ConsumerGroupConfigCard,
+  Dl as ConsumerGroupForm,
+  Pl as ConsumerGroupList
 };