@kong-ui-public/entities-consumer-groups 2.4.17 → 2.4.18

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

@@ -2,8 +2,8 @@ import { defineComponent as ae, ref as F, computed as A, watch as Te, renderSlot
 import { useRouter as It } from "vue-router";
 import { createI18n as At, i18nTComponent as Cn } from "@kong-ui-public/i18n";
 import Ar from "axios";
-import { BadgeMethodAppearances as Sr } from "@kong/kongponents";
-const xr = {
+import { BadgeMethodAppearances as xr } from "@kong/kongponents";
+const Sr = {
   list: {
     table_headers: {
       name: "Name",
@@ -96,7 +96,7 @@ const xr = {
     }
   }
 }, Tr = {
-  consumer_groups: xr
+  consumer_groups: Sr
 };
 function $r() {
   const e = At("en-us", Tr);
@@ -108,35 +108,35 @@ function $r() {
 }
 const dt = {
   useI18n: $r
-}, Se = "/api/runtime_groups/{controlPlaneId}", xe = "/{workspace}", Me = {
+}, xe = "/api/runtime_groups/{controlPlaneId}", Se = "/{workspace}", Me = {
   list: {
     konnect: {
-      all: `${Se}/consumer_groups`,
-      forConsumer: `${Se}/consumers/{consumerId}/consumer_groups`,
-      oneForConsumer: `${Se}/consumers/{consumerId}/consumer_groups/{consumerGroupId}`
-    },
-    kongManager: {
-      all: `${xe}/consumer_groups?counter=true`,
+      all: `${xe}/consumer_groups`,
       forConsumer: `${xe}/consumers/{consumerId}/consumer_groups`,
       oneForConsumer: `${xe}/consumers/{consumerId}/consumer_groups/{consumerGroupId}`
+    },
+    kongManager: {
+      all: `${Se}/consumer_groups?counter=true`,
+      forConsumer: `${Se}/consumers/{consumerId}/consumer_groups`,
+      oneForConsumer: `${Se}/consumers/{consumerId}/consumer_groups/{consumerGroupId}`
     }
   },
   form: {
     konnect: {
-      consumersList: `${Se}/consumers`,
-      create: `${Se}/consumer_groups`,
-      edit: `${Se}/consumer_groups/{id}`,
-      addConsumer: `${Se}/consumer_groups/{id}/consumers`,
-      removeConsumer: `${Se}/consumer_groups/{id}/consumers/{consumerId}`,
-      getConsumers: `${Se}/consumer_groups/{id}/consumers`
-    },
-    kongManager: {
       consumersList: `${xe}/consumers`,
       create: `${xe}/consumer_groups`,
       edit: `${xe}/consumer_groups/{id}`,
       addConsumer: `${xe}/consumer_groups/{id}/consumers`,
       removeConsumer: `${xe}/consumer_groups/{id}/consumers/{consumerId}`,
       getConsumers: `${xe}/consumer_groups/{id}/consumers`
+    },
+    kongManager: {
+      consumersList: `${Se}/consumers`,
+      create: `${Se}/consumer_groups`,
+      edit: `${Se}/consumer_groups/{id}`,
+      addConsumer: `${Se}/consumer_groups/{id}/consumers`,
+      removeConsumer: `${Se}/consumer_groups/{id}/consumers/{consumerId}`,
+      getConsumers: `${Se}/consumer_groups/{id}/consumers`
     }
   }
 };
@@ -202,7 +202,7 @@ function Er() {
     }
   };
 }
-function St(e = {}) {
+function xt(e = {}) {
   const { getAxiosInstance: n } = jr();
   return {
     axiosInstance: n(e)
@@ -313,7 +313,7 @@ const Fr = {
   errors: Pr,
   toggleModal: Dr
 };
-function xt() {
+function St() {
   const e = At("en-us", Vr);
   return {
     i18n: e,
@@ -370,14 +370,14 @@ function Rr(e, n, t, r = {
   searchKeys: ["id"]
 }) {
   t || (t = "100");
-  const { axiosInstance: o } = St({
+  const { axiosInstance: o } = xt({
     headers: e.requestHeaders
-  }), { i18n: { t: i } } = xt(), { debounce: a } = Mr(), s = a(async (v) => {
+  }), { i18n: { t: i } } = St(), { debounce: a } = Mr(), s = a(async (v) => {
     await L(v);
   }, 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: S } = wn(), b = async () => {
+  const { isValidUuid: x } = wn(), b = async () => {
     try {
       l.value = !0;
       const { data: v } = await o.get(`${h}?size=${t}`);
@@ -388,7 +388,7 @@ function Rr(e, n, t, r = {
       l.value = !1;
     }
   }, w = F(""), L = async (v) => {
-    var x, V, re;
+    var S, V, re;
     if (w.value !== v)
       if (w.value = v || "", f.value === void 0)
         try {
@@ -399,7 +399,7 @@ function Rr(e, n, t, r = {
             r.fetchedItemsKey in C ? c.value = C[r.fetchedItemsKey] : C != null && C.id ? c.value = [C] : c.value = [];
           } else if (v) {
             const G = [];
-            S(v) && r.searchKeys.includes("id") ? G.push((async () => {
+            x(v) && r.searchKeys.includes("id") ? G.push((async () => {
               const { data: N } = await o.get(`${h}/${v}`);
               return [N[r.fetchedItemsKey] ?? N];
             })()) : G.push(
@@ -409,7 +409,7 @@ function Rr(e, n, t, r = {
               })
             );
             const C = await Promise.all(G), R = /* @__PURE__ */ new Set();
-            c.value = [], (x = C == null ? void 0 : C.forEach) == null || x.call(C, (N) => {
+            c.value = [], (S = C == null ? void 0 : C.forEach) == null || S.call(C, (N) => {
               var I;
               (I = N == null ? void 0 : N.forEach) == null || I.call(N, (T) => {
                 R.has(T.id) || (R.add(T.id), c.value.push(T));
@@ -450,7 +450,7 @@ function Gr(e, n) {
   return r.value.search = "", (o) => `${r.value.href}/${o}`;
 }
 function Hr() {
-  const { i18n: { t: e } } = xt();
+  const { i18n: { t: e } } = St();
   return {
     getMessageFromError: (n) => {
       var t, r, o, i;
@@ -509,7 +509,7 @@ function _n(e, n) {
   };
 }
 function Jr(e, n, t = "data") {
-  const r = m(n), { axiosInstance: o } = St({
+  const r = m(n), { axiosInstance: o } = xt({
     headers: e.requestHeaders
   }), i = _n(e, r), a = F({
     status: Ne.Idle
@@ -623,7 +623,7 @@ function no(e) {
   };
 }
 const ce = {
-  useAxios: St,
+  useAxios: xt,
   useDebouncedFilter: Rr,
   useDeleteUrlBuilder: Gr,
   useErrors: Hr,
@@ -632,7 +632,7 @@ const ce = {
   useFetchUrlBuilder: _n,
   useHelpers: wn,
   useStringHelpers: Yr,
-  useI18n: xt,
+  useI18n: St,
   useGatewayFeatureSupported: to,
   useTruncationDetector: no
 }, ro = {
@@ -820,7 +820,7 @@ const ce = {
         }), s.value ? c(t("message.fail")) : o("error", r.uuid);
         return;
       }
-      const S = ((_ = 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)) + (S ? "..." : "")}"`;
+      const x = ((_ = 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)) + (x ? "..." : "")}"`;
       typeof i == "function" && i({
         type: "success",
         message: `${b}${t("message.success.content")}`
@@ -844,12 +844,12 @@ const ce = {
         (d(), P(Be(e.tooltip ? "KTooltip" : "div"), vt(u.value, { class: "uuid-icon-wrapper" }), {
           default: g(() => [
             E(h, null, {
-              default: g(({ copyToClipboard: S }) => [
+              default: g(({ copyToClipboard: x }) => [
                 D("span", {
                   "data-testid": "copy-to-clipboard",
                   role: "button",
                   tabindex: "0",
-                  onClick: rt((b) => y(S), ["stop"])
+                  onClick: rt((b) => y(x), ["stop"])
                 }, [
                   E(m(mo), {
                     class: "uuid-icon",
@@ -873,7 +873,7 @@ const ce = {
   for (const [r, o] of n)
     t[r] = o;
   return t;
-}, Sn = /* @__PURE__ */ bo(vo, [["__scopeId", "data-v-0c07874b"]]), Co = {
+}, xn = /* @__PURE__ */ bo(vo, [["__scopeId", "data-v-0c07874b"]]), Co = {
   key: 0,
   class: "config-card-fieldset-title"
 }, ko = /* @__PURE__ */ ae({
@@ -924,7 +924,7 @@ const ce = {
   for (const [r, o] of n)
     t[r] = o;
   return t;
-}, xn = /* @__PURE__ */ we(ko, [["__scopeId", "data-v-68ca83ec"]]), wo = /* @__PURE__ */ ae({
+}, Sn = /* @__PURE__ */ we(ko, [["__scopeId", "data-v-68ca83ec"]]), wo = /* @__PURE__ */ ae({
   __name: "InternalLinkItem",
   props: {
     item: {
@@ -973,9 +973,9 @@ const ce = {
       }, 8, ["appearance"]);
     };
   }
-}), Ao = "#0044f4", So = "#e0e4ea", xo = "#3a3f51", To = "1px", $o = "20px", jo = { class: "config-card-details-row" }, Mo = ["data-testid"], Oo = ["data-testid"], Eo = ["data-testid"], Fo = ["data-testid"], Ko = { key: 1 }, No = ["data-testid"], qo = ["data-testid"], Bo = ["data-testid"], Lo = ["data-testid"], Uo = {
+}), Ao = "#0044f4", xo = "#e0e4ea", So = "#3a3f51", To = "1px", $o = "20px", jo = { class: "config-card-details-row" }, Mo = ["data-testid"], Oo = ["data-testid"], Eo = ["data-testid"], Fo = ["data-testid"], Ko = { key: 1 }, No = ["data-testid"], qo = ["data-testid"], Bo = ["data-testid"], Lo = ["data-testid"], Uo = {
   name: "ConfigCardItem",
-  components: { CopyUuid: Sn, JsonCardItem: xn, StatusBadge: Io, InternalLinkItem: _o }
+  components: { CopyUuid: xn, JsonCardItem: Sn, StatusBadge: Io, InternalLinkItem: _o }
 }, Po = /* @__PURE__ */ ae({
   ...Uo,
   props: {
@@ -997,10 +997,10 @@ const ce = {
   emits: ["navigation-click"],
   setup(e, { emit: n }) {
     yn((_) => ({
-      "0da74440": p.value ? "none" : `solid ${m(To)} ${m(So)}`,
-      "02a039da": u.value && s.value ? "block" : "flex",
-      "690f3ced": u.value && s.value ? "100%" : t.slim ? "50%" : "25%",
-      "691182c8": u.value && s.value ? "100%" : t.slim ? "50%" : "75%"
+      "5ae2770e": p.value ? "none" : `solid ${m(To)} ${m(xo)}`,
+      "4db3977e": u.value && s.value ? "block" : "flex",
+      "1a7c5e02": u.value && s.value ? "100%" : t.slim ? "50%" : "25%",
+      "1a77d24c": u.value && s.value ? "100%" : t.slim ? "50%" : "75%"
     }));
     const t = e, r = n, o = ut(), { i18n: { t: i, formatUnixTimeStamp: a } } = ce.useI18n(), s = A(() => t.item.value !== void 0 && t.item.value !== null && t.item.value !== ""), l = A(() => !!(t.item.tooltip || o["label-tooltip"])), u = A(() => t.item.type === oe.Json || t.item.type === oe.JsonArray), p = A(() => t.item.type === oe.JsonArray), c = A(() => {
       switch (t.item.type) {
@@ -1130,14 +1130,14 @@ const ce = {
       }
     }), y = F(), { isTruncated: f } = ce.useTruncationDetector(y);
     return (_, h) => {
-      const S = q("KLabel"), b = q("KBadge"), w = q("KTooltip");
+      const x = q("KLabel"), b = q("KBadge"), w = q("KTooltip");
       return d(), j("div", jo, [
         D("div", {
           class: "config-card-details-label",
           "data-testid": `${e.item.key}-label`
         }, [
           X(_.$slots, "label", { item: e.item }, () => [
-            E(S, { "tooltip-attributes": { maxWidth: "500px" } }, je({
+            E(x, { "tooltip-attributes": { maxWidth: "500px" } }, je({
               default: g(() => [
                 Z(K(e.item.label) + " ", 1)
               ]),
@@ -1191,7 +1191,7 @@ const ce = {
                     class: "copy-uuid-array",
                     "data-testid": `${e.item.key}-copy-uuid-array`
                   }, [
-                    (d(!0), j(Ce, null, ve(e.item.value, (L, v) => (d(), P(m(Sn), vt(c.value.childAttrs, {
+                    (d(!0), j(Ce, null, ve(e.item.value, (L, v) => (d(), P(m(xn), vt(c.value.childAttrs, {
                       key: `${e.item.key}-copy-uuid-${v}`,
                       "data-testid": `${e.item.key}-copy-uuid-${v}`,
                       uuid: L
@@ -1203,7 +1203,7 @@ const ce = {
                   }, [
                     (d(!0), j(Ce, null, ve(e.item.value, (L, v) => (d(), P(b, {
                       key: `${e.item.key}-badge-method-${v}`,
-                      appearance: Object.values(m(Sr)).includes(L.toLowerCase()) ? L.toLowerCase() : "custom",
+                      appearance: Object.values(m(xr)).includes(L.toLowerCase()) ? L.toLowerCase() : "custom",
                       class: "config-badge",
                       "data-testid": `${e.item.key}-badge-method-${v}`
                     }, {
@@ -1217,7 +1217,7 @@ const ce = {
                     key: 3,
                     "data-testid": `${t.item.key}-json-array-content`
                   }, [
-                    (d(!0), j(Ce, null, ve(e.item.value, (L, v) => (d(), P(xn, {
+                    (d(!0), j(Ce, null, ve(e.item.value, (L, v) => (d(), P(Sn, {
                       key: `json-array-item-${v}`,
                       index: v,
                       "is-array-item": "",
@@ -1225,7 +1225,7 @@ const ce = {
                     }, null, 8, ["index", "item"]))), 128))
                   ], 8, Lo)) : (d(), P(w, {
                     key: 4,
-                    label: m(f) ? e.item.value : ""
+                    text: m(f) ? e.item.value : ""
                   }, {
                     default: g(() => [
                       D("span", {
@@ -1235,7 +1235,7 @@ const ce = {
                       }, K(c.value.text), 3)
                     ]),
                     _: 1
-                  }, 8, ["label"]))
+                  }, 8, ["text"]))
                 ]),
                 _: 1
               }, 16))
@@ -1248,7 +1248,7 @@ const ce = {
       ]);
     };
   }
-}), Tt = /* @__PURE__ */ we(Po, [["__scopeId", "data-v-9c87856b"]]), Do = { class: "json-config" }, Vo = {
+}), Tt = /* @__PURE__ */ we(Po, [["__scopeId", "data-v-f65fc52c"]]), Do = { class: "json-config" }, Vo = {
   key: 0,
   class: "json-endpoint"
 }, Tn = /* @__PURE__ */ ae({
@@ -1761,10 +1761,10 @@ var Ln = new pe("tag:yaml.org,2002:float", {
 ), Vn = new RegExp(
   "^([0-9][0-9][0-9][0-9])-([0-9][0-9]?)-([0-9][0-9]?)(?:[Tt]|[ \\t]+)([0-9][0-9]?):([0-9][0-9]):([0-9][0-9])(?:\\.([0-9]*))?(?:[ \\t]*(Z|([-+])([0-9][0-9]?)(?::([0-9][0-9]))?))?$"
 );
-function Sa(e) {
+function xa(e) {
   return e === null ? !1 : Dn.exec(e) !== null || Vn.exec(e) !== null;
 }
-function xa(e) {
+function Sa(e) {
   var n, t, r, o, i, a, s, l = 0, u = null, p, c, y;
   if (n = Dn.exec(e), n === null && (n = Vn.exec(e)), n === null)
     throw new Error("Date resolve error");
@@ -1782,8 +1782,8 @@ function Ta(e) {
 }
 var Rn = new pe("tag:yaml.org,2002:timestamp", {
   kind: "scalar",
-  resolve: Sa,
-  construct: xa,
+  resolve: xa,
+  construct: Sa,
   instanceOf: Date,
   represent: Ta
 });
@@ -2115,7 +2115,7 @@ function ti(e, n) {
   M(e, "unexpected end of the stream within a double quoted scalar");
 }
 function ni(e, n) {
-  var t = !0, r, o, i, a = e.tag, s, l = e.anchor, u, p, c, y, f, _ = /* @__PURE__ */ Object.create(null), h, S, b, w;
+  var t = !0, r, o, i, a = e.tag, s, l = e.anchor, u, p, c, y, f, _ = /* @__PURE__ */ Object.create(null), h, x, b, w;
   if (w = e.input.charCodeAt(e.position), w === 91)
     p = 93, f = !1, s = [];
   else if (w === 123)
@@ -2125,7 +2125,7 @@ function ni(e, n) {
   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 ? w === 44 && M(e, "expected the node content, but found ','") : M(e, "missed comma between flow collection entries"), S = 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, ot, !1, !0), S = 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, ot, !1, !0), b = e.result), f ? Re(e, s, _, S, h, b, r, o, i) : c ? s.push(Re(e, null, _, S, 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;
+    t ? w === 44 && M(e, "expected the node content, but found ','") : M(e, "missed comma between flow collection entries"), x = 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, ot, !1, !0), x = 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, ot, !1, !0), b = e.result), f ? Re(e, s, _, x, h, b, r, o, i) : c ? s.push(Re(e, null, _, x, 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");
 }
@@ -2193,12 +2193,12 @@ function nn(e, n) {
   return s ? (e.tag = r, e.anchor = o, e.kind = "sequence", e.result = i, !0) : !1;
 }
 function oi(e, n, t) {
-  var r, o, i, a, s, l, u = e.tag, p = e.anchor, c = {}, y = /* @__PURE__ */ Object.create(null), f = null, _ = null, h = null, S = !1, b = !1, w;
+  var r, o, i, a, s, l, u = e.tag, p = e.anchor, c = {}, y = /* @__PURE__ */ Object.create(null), f = null, _ = null, h = null, x = !1, b = !1, w;
   if (e.firstTabInLine !== -1)
     return !1;
   for (e.anchor !== null && (e.anchorMap[e.anchor] = c), w = e.input.charCodeAt(e.position); w !== 0; ) {
-    if (!S && 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 ? (S && (Re(e, c, y, f, _, null, a, s, l), f = _ = h = null), b = !0, S = !0, o = !0) : S ? (S = !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;
+    if (!x && 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 ? (x && (Re(e, c, y, f, _, null, a, s, l), f = _ = h = null), b = !0, x = !0, o = !0) : x ? (x = !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, Wn, !1, !0))
         break;
@@ -2206,7 +2206,7 @@ function oi(e, n, t) {
         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"), S && (Re(e, c, y, f, _, null, a, s, l), f = _ = h = null), b = !0, S = !1, o = !1, f = e.tag, _ = e.result;
+          w = e.input.charCodeAt(++e.position), be(w) || M(e, "a whitespace character is expected after the key-value separator within a block mapping"), x && (Re(e, c, y, f, _, null, a, s, l), f = _ = h = null), b = !0, x = !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
@@ -2216,12 +2216,12 @@ function oi(e, n, t) {
       else
         return e.tag = u, e.anchor = p, !0;
     }
-    if ((e.line === i || e.lineIndent > n) && (S && (a = e.line, s = e.lineStart, l = e.position), Ge(e, n, at, !0, o) && (S ? _ = e.result : h = e.result), S || (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)
+    if ((e.line === i || e.lineIndent > n) && (x && (a = e.line, s = e.lineStart, l = e.position), Ge(e, n, at, !0, o) && (x ? _ = e.result : h = e.result), x || (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 S && Re(e, c, y, f, _, null, a, s, l), b && (e.tag = u, e.anchor = p, e.kind = "mapping", e.result = c), b;
+  return x && Re(e, c, y, f, _, null, a, s, l), b && (e.tag = u, e.anchor = p, e.kind = "mapping", e.result = c), b;
 }
 function ai(e) {
   var n, t = !1, r = !1, o, i, a;
@@ -2262,11 +2262,11 @@ function si(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, _, h, S;
+  var i, a, s, l = 1, u = !1, p = !1, c, y, f, _, h, x;
   if (e.listener !== null && e.listener("open", e), e.tag = null, e.anchor = null, e.kind = null, e.result = null, i = a = s = at === t || Zn === 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 (; ai(e) || ii(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;
-  if (s && (s = u || o), (l === 1 || at === t) && (ot === t || Wn === t ? h = n : h = n + 1, S = e.position - e.lineStart, l === 1 ? s && (nn(e, S) || oi(e, S, h)) || ni(e, h) ? p = !0 : (a && ri(e, h) || ei(e, h) || ti(e, h) ? p = !0 : si(e) ? (p = !0, (e.tag !== null || e.anchor !== null) && M(e, "alias node should not have any properties")) : Xa(e, h, ot === t) && (p = !0, e.tag === null && (e.tag = "?")), e.anchor !== null && (e.anchorMap[e.anchor] = e.result)) : l === 0 && (p = s && nn(e, S))), e.tag === null)
+  if (s && (s = u || o), (l === 1 || at === t) && (ot === t || Wn === t ? h = n : h = n + 1, x = e.position - e.lineStart, l === 1 ? s && (nn(e, x) || oi(e, x, h)) || ni(e, h) ? p = !0 : (a && ri(e, h) || ei(e, h) || ti(e, h) ? p = !0 : si(e) ? (p = !0, (e.tag !== null || e.anchor !== null) && M(e, "alias node should not have any properties")) : Xa(e, h, ot === t) && (p = !0, e.tag === null && (e.tag = "?")), e.anchor !== null && (e.anchorMap[e.anchor] = e.result)) : l === 0 && (p = s && nn(e, x))), e.tag === null)
     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)
@@ -2347,7 +2347,7 @@ function ci(e, n) {
 var di = ui, pi = ci, or = {
   loadAll: di,
   load: pi
-}, ar = Object.prototype.toString, ir = Object.prototype.hasOwnProperty, Et = 65279, fi = 9, Ze = 10, mi = 13, gi = 32, yi = 33, hi = 34, Ct = 35, vi = 37, bi = 38, Ci = 39, ki = 42, sr = 44, wi = 45, st = 58, _i = 61, Ii = 62, Ai = 63, Si = 64, lr = 91, ur = 93, xi = 96, cr = 123, Ti = 124, dr = 125, ge = {};
+}, ar = Object.prototype.toString, ir = Object.prototype.hasOwnProperty, Et = 65279, fi = 9, Ze = 10, mi = 13, gi = 32, yi = 33, hi = 34, Ct = 35, vi = 37, bi = 38, Ci = 39, ki = 42, sr = 44, wi = 45, st = 58, _i = 61, Ii = 62, Ai = 63, xi = 64, lr = 91, ur = 93, Si = 96, cr = 123, Ti = 124, dr = 125, ge = {};
 ge[0] = "\\0";
 ge[7] = "\\a";
 ge[8] = "\\b";
@@ -2443,7 +2443,7 @@ function an(e, n, t) {
   );
 }
 function Ni(e) {
-  return Xe(e) && e !== Et && !lt(e) && e !== wi && e !== Ai && e !== st && e !== sr && e !== lr && e !== ur && e !== cr && e !== dr && e !== Ct && e !== bi && e !== ki && e !== yi && e !== Ti && e !== _i && e !== Ii && e !== Ci && e !== hi && e !== vi && e !== Si && e !== xi;
+  return Xe(e) && e !== Et && !lt(e) && e !== wi && e !== Ai && e !== st && e !== sr && e !== lr && e !== ur && e !== cr && e !== dr && e !== Ct && e !== bi && e !== ki && e !== yi && e !== Ti && e !== _i && e !== Ii && e !== Ci && e !== hi && e !== vi && e !== xi && e !== Si;
 }
 function qi(e) {
   return !lt(e) && e !== st;
@@ -2914,10 +2914,10 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
-}), ws = /* @__PURE__ */ ys(ks, [["__scopeId", "data-v-40a7f387"]]), _s = { "data-testid": "config-card-title" }, Is = { class: "config-card-actions" }, As = ["href"], Ss = {
+}), ws = /* @__PURE__ */ ys(ks, [["__scopeId", "data-v-40a7f387"]]), _s = { "data-testid": "config-card-title" }, Is = { class: "config-card-actions" }, As = ["href"], xs = {
   key: 2,
   class: "config-card-details-section"
-}, xs = {
+}, Ss = {
   key: 3,
   class: "config-card-details-section"
 }, Ts = ["data-testid"], $s = {
@@ -3050,7 +3050,7 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
         // the last property displayed
         section: ke.Basic
       }
-    }, _ = F(!1), h = F(!1), S = F(""), b = F({}), w = A(() => {
+    }, _ = F(!1), h = F(!1), x = F(""), b = F({}), w = A(() => {
       var C, R, N;
       if (!b.value)
         return [];
@@ -3107,7 +3107,7 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
         advanced: (R = w.value) == null ? void 0 : R.filter((T) => T.section === ke.Advanced),
         plugin: (I = L.value) == null ? void 0 : I.concat((N = w.value) == null ? void 0 : N.filter((T) => T.section === ke.Plugin))
       };
-    }), x = A(() => {
+    }), S = A(() => {
       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 = A(() => {
@@ -3135,7 +3135,7 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
         }), r("fetch:success", C);
       } catch (C) {
         const R = s(C);
-        S.value = R.startsWith("code") ? a("baseConfigCard.errors.load") : R, h.value = !0, r("fetch:error", C);
+        x.value = R.startsWith("code") ? a("baseConfigCard.errors.load") : R, h.value = !0, r("fetch:error", C);
       } finally {
         _.value = !1;
       }
@@ -3208,16 +3208,16 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
             "is-error": ""
           }, {
             message: g(() => [
-              D("h3", null, K(S.value), 1)
+              D("h3", null, K(x.value), 1)
             ]),
             _: 1
           })) : z("", !0),
-          e.config.jsonYamlEnabled ? (d(), j("div", Ss, [
+          e.config.jsonYamlEnabled ? (d(), j("div", xs, [
             E(gs, {
               config: e.config,
               "fetcher-url": re.value,
               format: c.value,
-              "prop-list-types": x.value,
+              "prop-list-types": S.value,
               "property-collections": v.value,
               record: b.value
             }, je({ _: 2 }, [
@@ -3231,8 +3231,8 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
                 ])
               }))
             ]), 1032, ["config", "fetcher-url", "format", "prop-list-types", "property-collections", "record"])
-          ])) : (d(), j("div", xs, [
-            (d(!0), j(Ce, null, ve(x.value, (te) => (d(), j("div", {
+          ])) : (d(), j("div", Ss, [
+            (d(!0), j(Ce, null, ve(S.value, (te) => (d(), j("div", {
               key: `config-card-details-${te}-props`,
               class: Ee(`config-card-details-${te}-props`),
               "data-testid": `config-card-details-${te}-props`
@@ -3341,12 +3341,12 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
     const r = n, o = e, i = It(), { 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 = A(() => o.canSubmit === !1 || o.isReadonly), f = F(!1), _ = A(() => {
-      var v, 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, (x = o.config) != null && x.workspace ? `/${o.config.workspace}` : "")), o.editId ? (V = V.replace(/{id}/gi, o.editId), V) : (V = V.replace(/\/{id}/gi, ""), V);
+      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);
     }), h = () => {
       f.value = !f.value;
-    }, S = () => {
+    }, x = () => {
       o.config.cancelRoute ? i.push(o.config.cancelRoute) : b();
     }, b = () => {
       r("cancel");
@@ -3371,12 +3371,12 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
           const { data: v } = await l.get(_.value);
           r("fetch:success", v);
         } catch (v) {
-          const x = s(v);
-          c.value = x.startsWith("code") ? a("baseForm.errors.edit") : x, p.value = !0, r("fetch:error", v);
+          const S = s(v);
+          c.value = S.startsWith("code") ? a("baseForm.errors.edit") : S, p.value = !0, r("fetch:error", v);
         } finally {
           u.value = !1;
         }
-    }), (v, x) => {
+    }), (v, S) => {
       const V = q("KSkeleton"), re = q("KEmptyState"), G = q("KAlert"), C = q("KButton"), R = q("KTabs"), N = q("KSlideout"), I = q("KCard");
       return d(), P(I, { class: "kong-ui-entity-base-form" }, {
         default: g(() => [
@@ -3387,7 +3387,7 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
             key: 1,
             "cta-text": m(a)("baseForm.actions.back"),
             "data-testid": "form-fetch-error",
-            "handle-click": S,
+            "handle-click": x,
             "is-error": !0
           }, {
             message: g(() => [
@@ -3413,7 +3413,7 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
                   E(C, {
                     appearance: "tertiary",
                     "data-testid": "form-view-configuration",
-                    onClick: x[0] || (x[0] = (T) => h())
+                    onClick: S[0] || (S[0] = (T) => h())
                   }, {
                     default: g(() => [
                       Z(K(m(a)("baseForm.actions.viewConfiguration")), 1)
@@ -3453,7 +3453,7 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
             "is-visible": f.value,
             "prevent-close-on-blur": "",
             title: m(a)("baseForm.configuration.title"),
-            onClose: x[1] || (x[1] = (T) => h())
+            onClose: S[1] || (S[1] = (T) => h())
           }, {
             default: g(() => [
               D("div", null, K(m(a)("baseForm.configuration.message")), 1),
@@ -3507,27 +3507,27 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
       var h;
       return ((h = t.value) == null ? void 0 : h.querySelector('[data-testid="first-col"]')) || null;
     }), o = A(() => {
-      var h, S;
+      var h, x;
       const b = (h = n.rowEl) == null ? void 0 : h.querySelectorAll("td");
-      return b ? ((S = b[0]) == null ? void 0 : S.getAttribute("data-testid")) === n.keyName : !1;
+      return b ? ((x = b[0]) == null ? void 0 : x.getAttribute("data-testid")) === n.keyName : !1;
     });
     let i;
     const a = () => {
       i && (i.disconnect(), i = void 0);
     }, s = () => {
-      var h, S, b;
-      u.value = ((h = r.value) == null ? void 0 : h.getBoundingClientRect().width) || 0, p.value = ((S = t.value) == null ? void 0 : S.clientWidth) || 0, c.value = ((b = l.value) == null ? void 0 : b.innerText) || "";
+      var h, x, b;
+      u.value = ((h = r.value) == null ? void 0 : h.getBoundingClientRect().width) || 0, p.value = ((x = t.value) == null ? void 0 : x.clientWidth) || 0, c.value = ((b = l.value) == null ? void 0 : b.innerText) || "";
     }, l = F({}), u = F(0), p = F(0), c = F(""), y = A(() => [r.value, t.value]), f = Te(
       y,
       (h) => {
         if (o.value && (a(), "ResizeObserver" in window && window)) {
-          i = new ResizeObserver((S) => {
+          i = new ResizeObserver((x) => {
             window.requestAnimationFrame(() => {
-              !Array.isArray(S) || !S.length || s();
+              !Array.isArray(x) || !x.length || s();
             });
           });
-          for (const S of h)
-            S && i.observe(S);
+          for (const x of h)
+            x && i.observe(x);
         }
       },
       { immediate: !0, flush: "post", deep: !0 }
@@ -3536,7 +3536,7 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
       s();
     }), Ir(() => {
       f();
-    }), (h, S) => {
+    }), (h, x) => {
       const b = q("KTooltip");
       return d(), j("span", {
         ref_key: "contentRef",
@@ -3545,20 +3545,20 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
       }, [
         o.value ? (d(), j("span", Ns, [
           E(b, {
-            label: _.value ? c.value : "",
             "max-width": "300",
-            placement: "bottomStart"
+            placement: "bottomStart",
+            text: _.value ? c.value : ""
           }, {
             default: g(() => [
               X(h.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
-          }, 8, ["label"])
+          }, 8, ["text"])
         ])) : X(h.$slots, "default", { key: 1 }, void 0, !0)
       ], 512);
     };
   }
-}), Bs = /* @__PURE__ */ we(qs, [["__scopeId", "data-v-e42a20c9"]]), Ls = { class: "toolbar-container" }, Us = {
+}), Bs = /* @__PURE__ */ we(qs, [["__scopeId", "data-v-c4379fd4"]]), Ls = { class: "toolbar-container" }, Us = {
   key: 0,
   class: "toolbar-button-container"
 }, Ps = ["data-testid"], Ds = /* @__PURE__ */ ae({
@@ -3672,42 +3672,42 @@ const cs = { class: "yaml-config" }, yr = /* @__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 = A(() => {
-      var x, V;
+      var S, V;
       return typeof t.errorMessage == "string" ? {
         hasError: !!t.errorMessage,
         title: t.errorMessage,
         message: void 0
       } : {
         hasError: !!t.errorMessage,
-        title: (x = t.errorMessage) == null ? void 0 : x.title,
+        title: (S = t.errorMessage) == null ? void 0 : S.title,
         message: (V = t.errorMessage) == null ? void 0 : V.message
       };
-    }), a = A(() => t.cacheIdentifier || t.preferencesStorageKey), s = (x) => x.hasData || !!t.query, l = A(() => {
-      const x = [];
+    }), a = A(() => t.cacheIdentifier || t.preferencesStorageKey), s = (S) => S.hasData || !!t.query, l = A(() => {
+      const S = [];
       return Object.keys(t.tableHeaders).forEach((V) => {
         const re = t.tableHeaders[V];
-        x.push({
+        S.push({
           label: re.label ?? V,
           key: V,
           sortable: re.sortable ?? !1
         });
-      }), t.enableEntityActions && x.push({
+      }), t.enableEntityActions && S.push({
         key: "actions",
         hideLabel: !0
-      }), x;
-    }), u = (x) => ({
-      "data-rowid": x.id,
-      "data-testid": x.name,
-      ...t.rowAttributes(x)
-    }), p = F({}), c = (x) => {
+      }), S;
+    }), u = (S) => ({
+      "data-rowid": S.id,
+      "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="${x.id}"]`);
-    }, y = (x) => {
+      return (V = p.value) == null ? void 0 : V.$el.querySelector(`[data-rowid="${S.id}"]`);
+    }, y = (S) => {
       const V = {
-        "data-testid": x.headerKey,
-        ...t.cellAttributes(x)
+        "data-testid": S.headerKey,
+        ...t.cellAttributes(S)
       };
-      return x.colIndex === 0 && (V.style = {
+      return S.colIndex === 0 && (V.style = {
         maxWidth: "250px",
         overflowX: "hidden",
         textOverflow: "ellipsis"
@@ -3716,20 +3716,20 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
       r("empty-state-cta-clicked"), _();
     }, _ = () => {
       r("clear-search-input");
-    }, h = A(() => t.disableRowClick ? void 0 : (x, V) => {
+    }, h = A(() => t.disableRowClick ? void 0 : (S, V) => {
       r("click:row", V);
-    }), S = (x) => {
-      r("sort", x);
+    }), x = (S) => {
+      r("sort", S);
     }, { setTablePreferences: b, getTablePreferences: w } = Er(), L = A(() => {
-      const x = w(t.preferencesStorageKey);
+      const S = w(t.preferencesStorageKey);
       return {
         ...t.initialFetcherParams,
-        ...x
+        ...S
       };
-    }), v = (x) => {
-      t.preferencesStorageKey && b(t.preferencesStorageKey, x);
+    }), v = (S) => {
+      t.preferencesStorageKey && b(t.preferencesStorageKey, S);
     };
-    return (x, V) => {
+    return (S, V) => {
       const re = q("KIcon"), G = q("KButton"), C = q("KDropdown"), R = q("KTable"), N = q("KCard");
       return d(), P(N, {
         class: "kong-ui-entity-base-table",
@@ -3765,14 +3765,14 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
             "search-input": e.query,
             onKtableEmptyStateCtaClicked: f,
             "onRow:click": h.value,
-            onSort: V[0] || (V[0] = (I) => S(I)),
+            onSort: V[0] || (V[0] = (I) => x(I)),
             "onUpdate:tablePreferences": v
           }, je({
             toolbar: g(({ state: I }) => [
               Je(D("div", Ls, [
-                X(x.$slots, "toolbar-filter", {}, void 0, !0),
-                x.$slots["toolbar-button"] ? (d(), j("div", Us, [
-                  X(x.$slots, "toolbar-button", {}, void 0, !0)
+                X(S.$slots, "toolbar-filter", {}, void 0, !0),
+                S.$slots["toolbar-button"] ? (d(), j("div", Us, [
+                  X(S.$slots, "toolbar-button", {}, void 0, !0)
                 ])) : z("", !0)
               ], 512), [
                 [Ye, s(I)]
@@ -3788,7 +3788,7 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
                   width: e.dropdownMenuWidth
                 }, {
                   items: g(() => [
-                    X(x.$slots, "actions", {
+                    X(S.$slots, "actions", {
                       row: I,
                       rowKey: T,
                       rowValue: O
@@ -3802,7 +3802,7 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
                     }, {
                       icon: g(() => [
                         E(re, {
-                          color: m(xo),
+                          color: m(So),
                           icon: "more",
                           size: "16"
                         }, null, 8, ["color"])
@@ -3824,7 +3824,7 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
                   "row-el": c(O)
                 }, {
                   default: g(() => [
-                    X(x.$slots, T, {
+                    X(S.$slots, T, {
                       row: O,
                       rowKey: B,
                       rowValue: W
@@ -4038,15 +4038,15 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
       a.value = {
         ...a.value,
         [b]: ""
-      }, S();
+      }, x();
     }, h = () => {
-      a.value = {}, S(!0);
-    }, S = (b = !1) => {
+      a.value = {}, x(!0);
+    }, x = (b = !1) => {
       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, w) => {
-      const L = q("KInput"), v = q("KButton"), x = q("KSelect"), V = q("KMenuItem"), re = q("KMenu");
+      const L = q("KInput"), v = q("KButton"), S = q("KSelect"), V = q("KMenuItem"), re = q("KMenu");
       return e.config.isExactMatch ? (d(), P(L, {
         key: 0,
         autocomplete: "off",
@@ -4102,7 +4102,7 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
                       class: "menu-item-label",
                       for: c(G.value)
                     }, K(m(t)("filter.fieldLabel")), 9, rl),
-                    ((N = (R = e.config.schema) == null ? void 0 : R[G.value]) == null ? void 0 : N.type) === "select" ? (d(), P(x, {
+                    ((N = (R = e.config.schema) == null ? void 0 : R[G.value]) == null ? void 0 : N.type) === "select" ? (d(), P(S, {
                       key: 0,
                       id: c(G.value),
                       modelValue: a.value[G.value],
@@ -4124,7 +4124,7 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
                       appearance: "tertiary",
                       "data-testid": "apply-filter",
                       size: "small",
-                      onClick: w[0] || (w[0] = (I) => S(!0))
+                      onClick: w[0] || (w[0] = (I) => x(!0))
                     }, {
                       default: g(() => [
                         Z(K(m(t)("filter.applyButtonText")), 1)
@@ -4296,7 +4296,7 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
         fetchedItemsKey: "data",
         searchKeys: ["name", "id"]
       }
-    ), f = A(() => p.value ? t("consumer_groups.errors.general") : ""), _ = F(0), h = A(() => u.value === void 0), S = A(() => y.value.map((I) => ({
+    ), f = A(() => p.value ? t("consumer_groups.errors.general") : ""), _ = F(0), h = A(() => u.value === void 0), x = A(() => y.value.map((I) => ({
       label: I.name,
       value: I.id,
       selected: a.value.includes(I.id),
@@ -4307,13 +4307,13 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
       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 = () => {
-      x.value = "", L.value = [], C.value = [], o("cancel");
-    }, L = F([]), v = F(!1), x = F(""), V = async () => {
+      S.value = "", L.value = [], C.value = [], o("cancel");
+    }, L = F([]), v = F(!1), S = F(""), V = async () => {
       if (!a.value.length) {
-        x.value = "", C.value = [], o("cancel");
+        S.value = "", C.value = [], o("cancel");
         return;
       }
-      v.value = !0, x.value = "", L.value = [], C.value = [];
+      v.value = !0, S.value = "", L.value = [], C.value = [];
       try {
         const I = a.value.map((B) => G(B)), T = await Promise.allSettled(I);
         let O = !0;
@@ -4321,7 +4321,7 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
           B.status !== "fulfilled" && (O = !1);
         }), O ? (L.value = [], C.value = [], o("add:success", a.value), a.value = []) : (L.value.length && o("add:partial-success", L.value), a.value = [], R(T));
       } catch {
-        x.value = t("consumer_groups.errors.add"), o("error", x.value);
+        S.value = t("consumer_groups.errors.add"), o("error", S.value);
       } finally {
         v.value = !1;
       }
@@ -4346,7 +4346,7 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
         return (O = T.reason) == null ? void 0 : O.message;
       }).filter(Boolean);
     };
-    return Te(S, () => {
+    return Te(x, () => {
       _.value++;
     }, { immediate: !0, deep: !0 }), Te(() => r.visible, () => {
       r.visible && c();
@@ -4370,7 +4370,7 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
               autosuggest: "",
               "data-testid": "add-to-groups-multiselect",
               "dropdown-footer-text": h.value ? m(t)("consumer_groups.consumers.add.footer") : void 0,
-              items: S.value,
+              items: x.value,
               label: m(t)("consumer_groups.consumers.add.consumer_groups_label"),
               loading: m(l),
               placeholder: m(t)("consumer_groups.consumers.add.consumer_group_placeholder"),
@@ -4379,14 +4379,14 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
               width: "100%",
               onQueryChange: m(s)
             }, null, 8, ["modelValue", "dropdown-footer-text", "items", "label", "loading", "placeholder", "readonly", "onQueryChange"]),
-            x.value || f.value || C.value.length ? (d(), j("div", bl, [
+            S.value || f.value || C.value.length ? (d(), j("div", bl, [
               E(B, { appearance: "danger" }, {
                 alertMessage: g(() => [
                   D("p", null, K(m(t)("consumer_groups.errors.add")), 1),
                   C.value.length ? (d(), j("ul", Cl, [
                     (d(!0), j(Ce, null, ve(C.value, (ee, te) => (d(), j("li", { key: te }, K(ee), 1))), 128))
                   ])) : z("", !0),
-                  D("div", null, K(x.value || f.value), 1)
+                  D("div", null, K(S.value || f.value), 1)
                 ]),
                 _: 1
               })
@@ -4463,7 +4463,7 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
       var Y, se, he, Ie;
       let $ = `${r.config.apiBaseUrl}${Me.list[r.config.app][u.value ? "forConsumer" : "all"]}`;
       return r.config.app === "konnect" ? $ = $.replace(/{controlPlaneId}/gi, ((Y = r.config) == null ? void 0 : Y.controlPlaneId) || "").replace(/{consumerId}/gi, ((se = r.config) == null ? void 0 : se.consumerId) || "") : r.config.app === "kongManager" && ($ = $.replace(/\/{workspace}/gi, (he = r.config) != null && he.workspace ? `/${r.config.workspace}` : "").replace(/{consumerId}/gi, ((Ie = r.config) == null ? void 0 : Ie.consumerId) || "")), $;
-    }), S = F(""), b = A(() => {
+    }), x = F(""), b = A(() => {
       const $ = r.config.app === "konnect" || r.config.isExactMatch;
       return $ ? {
         isExactMatch: $,
@@ -4479,8 +4479,8 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
         },
         schema: r.config.filterSchema
       };
-    }), w = A(() => u.value && !r.config.paginatedEndpoint ? "consumer_groups" : void 0), { fetcher: L, fetcherState: v } = yl(r.config, h.value, w.value), x = () => {
-      S.value = "";
+    }), w = A(() => u.value && !r.config.paginatedEndpoint ? "consumer_groups" : void 0), { fetcher: L, fetcherState: v } = yl(r.config, h.value, w.value), S = () => {
+      x.value = "";
     }, V = () => {
       l.value++;
     }, re = F(null), G = ($, Y) => {
@@ -4598,11 +4598,11 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
           "fetcher-cache-key": l.value,
           "pagination-type": "offset",
           "preferences-storage-key": p.value,
-          query: S.value,
+          query: x.value,
           "row-attributes": _,
           "table-headers": m(f),
           "use-action-outside": e.useActionOutside,
-          onClearSearchInput: x,
+          onClearSearchInput: S,
           "onClick:row": Y[3] || (Y[3] = (Q) => R(Q)),
           onEmptyStateCtaClicked: J,
           onSort: V
@@ -4610,8 +4610,8 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
           "toolbar-filter": g(() => [
             u.value ? z("", !0) : (d(), P(m(sl), {
               key: 0,
-              modelValue: S.value,
-              "onUpdate:modelValue": Y[0] || (Y[0] = (Q) => S.value = Q),
+              modelValue: x.value,
+              "onUpdate:modelValue": Y[0] || (Y[0] = (Q) => x.value = Q),
               config: b.value
             }, null, 8, ["modelValue", "config"]))
           ]),
@@ -4797,7 +4797,7 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
       ]);
     };
   }
-}), Vl = /* @__PURE__ */ Nt(Al, [["__scopeId", "data-v-3624929d"]]), Sl = { class: "kong-ui-entities-consumer-group-form" }, xl = { class: "select-item-container" }, Tl = { class: "select-item-label" }, $l = {
+}), Vl = /* @__PURE__ */ Nt(Al, [["__scopeId", "data-v-3624929d"]]), xl = { class: "kong-ui-entities-consumer-group-form" }, Sl = { class: "select-item-container" }, Tl = { class: "select-item-label" }, $l = {
   key: 0,
   class: "select-item-description"
 }, jl = /* @__PURE__ */ ae({
@@ -4848,14 +4848,14 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
       selected: a.fields.consumers.includes(k.id),
       data: k
       // we need this to determine whether or not to show the description text
-    }))), S = A(() => {
+    }))), x = A(() => {
       var k, U;
       return (U = Me.form[(k = t.config) == null ? void 0 : k.app]) == null ? void 0 : U.edit;
     }), b = A(() => t.consumerGroupId ? nt.Edit : nt.Create), w = A(() => !!a.fields.name && !C.value), L = A(() => JSON.stringify(a.fields) !== JSON.stringify(s)), v = (k, U = "", ie = "") => {
       var H, fe, _e, me, Ke, et;
       let J = `${(H = t.config) == null ? void 0 : H.apiBaseUrl}${Me.form[(fe = t.config) == null ? void 0 : fe.app][k]}`;
       return ((_e = t.config) == null ? void 0 : _e.app) === "konnect" ? J = J.replace(/{controlPlaneId}/gi, ((me = t.config) == null ? void 0 : me.controlPlaneId) || "") : ((Ke = t.config) == null ? void 0 : Ke.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;
-    }, x = () => {
+    }, S = () => {
       var k;
       i.push(((k = t.config) == null ? void 0 : k.cancelRoute) || { name: "consumer-group-list" });
     }, V = (k) => {
@@ -4946,16 +4946,16 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
       await c();
     }), (k, U) => {
       const ie = q("KInput"), J = q("KMultiselect");
-      return d(), j("div", Sl, [
+      return d(), j("div", xl, [
         E(m(Ks), {
           "can-submit": w.value && L.value,
           config: e.config,
           "edit-id": e.consumerGroupId,
           "error-message": a.errorMessage || m(p) || C.value,
-          "fetch-url": S.value,
+          "fetch-url": x.value,
           "form-fields": R.value,
           "is-readonly": a.readonly,
-          onCancel: x,
+          onCancel: S,
           "onFetch:error": U[3] || (U[3] = (H) => V(H)),
           "onFetch:success": G,
           onLoading: U[4] || (U[4] = (H) => re(H)),
@@ -5017,7 +5017,7 @@ const cs = { class: "yaml-config" }, yr = /* @__PURE__ */ ae({
                   "item-template": g(({ item: H }) => {
                     var fe, _e, me;
                     return [
-                      D("div", xl, [
+                      D("div", Sl, [
                         D("div", Tl, K(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", $l, K((me = H == null ? void 0 : H.data) == null ? void 0 : me.custom_id), 1)) : z("", !0)
                       ])