@kong-ui-public/entities-consumers 2.0.2 → 2.0.4-pr.759.e20864b0.0

package/dist/entities-consumers.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as ee, ref as N, computed as M, watch as ve, renderSlot as Y, createCommentVNode as G, unref as g, useSlots as Ze, onBeforeMount as Xe, resolveComponent as V, openBlock as m, createBlock as U, createSlots as be, withCtx as y, createElementVNode as K, createTextVNode as W, toDisplayString as $, createVNode as E, createElementBlock as T, renderList as ce, Fragment as pe, normalizeClass as Ae, withModifiers as Ge, withDirectives as Ue, vShow as De, useCssVars as fr, resolveDynamicComponent as Ne, normalizeProps as mr, guardReactiveProps as gr, mergeProps as lt, onMounted as yr, onUnmounted as hr, normalizeStyle as ln, inject as vr, pushScopeId as un, popScopeId as cn, reactive as Ft } from "vue";
+import { defineComponent as ee, ref as F, computed as M, watch as ve, renderSlot as Y, createCommentVNode as G, unref as g, useSlots as Ze, onBeforeMount as Xe, resolveComponent as V, openBlock as m, createBlock as U, createSlots as be, withCtx as y, createElementVNode as K, createTextVNode as W, toDisplayString as $, createVNode as E, createElementBlock as T, renderList as ce, Fragment as pe, normalizeClass as Ae, withModifiers as Ge, withDirectives as Ue, vShow as De, useCssVars as fr, resolveDynamicComponent as Fe, normalizeProps as mr, guardReactiveProps as gr, mergeProps as lt, onMounted as yr, onUnmounted as hr, normalizeStyle as ln, inject as vr, pushScopeId as un, popScopeId as cn, reactive as Nt } from "vue";
 import { useRouter as gt } from "vue-router";
 import { createI18n as yt, i18nTComponent as dn } from "@kong-ui-public/i18n";
 import br from "axios";
@@ -265,10 +265,10 @@ const xr = {
     fetch: "Could not fetch available items",
     invalid: "Please select a valid value"
   }
-}, Nr = {
+}, Fr = {
   unexpected: "An unexpected error has occurred",
   dataKeyUndefined: 'The data key "{dataKey}" does not exist in the response.'
-}, Fr = {
+}, Nr = {
   enable: {
     title: "Enable {entityType}",
     message: "Are you sure you want to enable the {entityType} {entityName}?",
@@ -287,8 +287,8 @@ const xr = {
   baseConfigCard: Mr,
   filter: Or,
   debouncedFilter: Er,
-  errors: Nr,
-  toggleModal: Fr
+  errors: Fr,
+  toggleModal: Nr
 };
 function vt() {
   const e = yt("en-us", Kr);
@@ -351,60 +351,60 @@ function Br(e, n, t, r = {
     headers: e.requestHeaders
   }), { i18n: { t: o } } = vt(), { debounce: i } = Ir(), s = i(async (S) => {
     await k(S);
-  }, 200), l = N(!1), c = N(""), d = N(""), u = N([]), h = N([]), f = N(void 0), I = g(n);
-  let b = `${e.apiBaseUrl}${I}`;
-  e.app === "konnect" ? b = b.replace(/{controlPlaneId}/gi, (e == null ? void 0 : e.controlPlaneId) || "") : e.app === "kongManager" && (b = b.replace(/\/{workspace}/gi, e != null && e.workspace ? `/${e.workspace}` : ""));
-  const { isValidUuid: p } = fn(), A = async () => {
+  }, 200), l = F(!1), c = F(""), d = F(""), u = F([]), h = F([]), f = F(void 0), A = g(n);
+  let v = `${e.apiBaseUrl}${A}`;
+  e.app === "konnect" ? v = v.replace(/{controlPlaneId}/gi, (e == null ? void 0 : e.controlPlaneId) || "") : e.app === "kongManager" && (v = v.replace(/\/{workspace}/gi, e != null && e.workspace ? `/${e.workspace}` : ""));
+  const { isValidUuid: p } = fn(), I = async () => {
     try {
       l.value = !0;
-      const { data: S } = await a.get(`${b}?size=${t}`);
+      const { data: S } = await a.get(`${v}?size=${t}`);
       S != null && S.next || (f.value = r.fetchedItemsKey in S ? S[r.fetchedItemsKey] : []), h.value = r.fetchedItemsKey in S ? S[r.fetchedItemsKey] : [], u.value = h.value;
     } catch {
       u.value = [], c.value = o("debouncedFilter.errors.fetch");
     } finally {
       l.value = !1;
     }
-  }, w = N(""), k = async (S) => {
+  }, w = F(""), k = async (S) => {
     var x, P, R;
     if (w.value !== S)
       if (w.value = S || "", f.value === void 0)
         try {
           if (l.value = !0, c.value = "", d.value = "", e.app === "konnect") {
-            let v = b + "";
-            S && (v += `/${S}`);
-            const { data: C } = await a.get(`${v}?size=${t}`);
+            let b = v + "";
+            S && (b += `/${S}`);
+            const { data: C } = await a.get(`${b}?size=${t}`);
             r.fetchedItemsKey in C ? u.value = C[r.fetchedItemsKey] : C != null && C.id ? u.value = [C] : u.value = [];
           } else if (S) {
-            const v = [];
-            p(S) && r.searchKeys.includes("id") ? v.push((async () => {
-              const { data: q } = await a.get(`${b}/${S}`);
+            const b = [];
+            p(S) && r.searchKeys.includes("id") ? b.push((async () => {
+              const { data: q } = await a.get(`${v}/${S}`);
               return [q[r.fetchedItemsKey] ?? q];
-            })()) : v.push(
+            })()) : b.push(
               ...r.searchKeys.filter((q) => q !== "id").map(async (q) => {
-                const { data: _ } = await a.get(`${b}?${q}=${S}`);
+                const { data: _ } = await a.get(`${v}?${q}=${S}`);
                 return _[r.fetchedItemsKey];
               })
             );
-            const C = await Promise.all(v), B = /* @__PURE__ */ new Set();
+            const C = await Promise.all(b), B = /* @__PURE__ */ new Set();
             u.value = [], (x = C == null ? void 0 : C.forEach) == null || x.call(C, (q) => {
               var _;
-              (_ = q == null ? void 0 : q.forEach) == null || _.call(q, (F) => {
-                B.has(F.id) || (B.add(F.id), u.value.push(F));
+              (_ = q == null ? void 0 : q.forEach) == null || _.call(q, (N) => {
+                B.has(N.id) || (B.add(N.id), u.value.push(N));
               });
             });
           } else
             u.value = h.value;
-        } catch (v) {
-          ((P = v == null ? void 0 : v.response) == null ? void 0 : P.status) === 404 ? d.value = o("debouncedFilter.errors.invalid") : (u.value = [], c.value = o("debouncedFilter.errors.fetch"));
+        } catch (b) {
+          ((P = b == null ? void 0 : b.response) == null ? void 0 : P.status) === 404 ? d.value = o("debouncedFilter.errors.invalid") : (u.value = [], c.value = o("debouncedFilter.errors.fetch"));
         } finally {
           l.value = !1;
         }
       else
-        l.value = !0, d.value = "", S ? (u.value = (R = f.value) == null ? void 0 : R.filter((v) => {
+        l.value = !0, d.value = "", S ? (u.value = (R = f.value) == null ? void 0 : R.filter((b) => {
           var C;
           let B = !1;
           for (const q of r.searchKeys) {
-            const _ = typeof v[q] == "string" ? (C = v[q]) == null ? void 0 : C.toLowerCase() : v[q];
+            const _ = typeof b[q] == "string" ? (C = b[q]) == null ? void 0 : C.toLowerCase() : b[q];
             _ != null && _.includes(S.toLowerCase()) && (B = !0);
           }
           return B;
@@ -416,7 +416,7 @@ function Br(e, n, t, r = {
     validationError: d,
     results: u,
     allRecords: f,
-    loadItems: A,
+    loadItems: I,
     debouncedQueryChange: s
   };
 }
@@ -466,7 +466,7 @@ function Pr(e) {
   }
 }
 function mn(e, n) {
-  const t = N(g(e)), r = N(g(n)), a = M(
+  const t = F(g(e)), r = F(g(n)), a = M(
     () => !!(t.value.app === "konnect" || t.value.isExactMatch)
   ), o = M(
     () => r.value.startsWith("/") ? new URL(`${window.location.origin}${r.value}`) : new URL(r.value)
@@ -475,8 +475,8 @@ function mn(e, n) {
     const { page: s, pageSize: l, offset: c, sortColumnKey: d, sortColumnOrder: u, query: h } = i;
     try {
       let f = new URL(o.value.href);
-      return a.value && h ? (f.search = "", f = new URL(`${f.href}/${h}/`)) : (a.value || new URLSearchParams(h).forEach((I, b) => {
-        f.searchParams.append(b, I);
+      return a.value && h ? (f.search = "", f = new URL(`${f.href}/${h}/`)) : (a.value || new URLSearchParams(h).forEach((A, v) => {
+        f.searchParams.append(v, A);
       }), d && f.searchParams.append("sort_by", d), u === "desc" && f.searchParams.append("sort_desc", "1"), f.searchParams.append("size", String(l))), c && s !== 1 && f.searchParams.append("offset", String(c)), f.href;
     } catch (f) {
       return console.error("RouteList(fetcher)", f), r.value;
@@ -486,7 +486,7 @@ function mn(e, n) {
 function Vr(e, n, t = "data") {
   const r = g(n), { axiosInstance: a } = ht({
     headers: e.requestHeaders
-  }), o = mn(e, r), i = N({
+  }), o = mn(e, r), i = F({
     status: _e.Idle
   });
   return { fetcher: async (s) => {
@@ -588,7 +588,7 @@ function Jr(e) {
   return !(i && Pt(a, i, "<") || s && Pt(a, s, ">"));
 }
 function Yr(e) {
-  const n = N(0), t = N(0), r = N(!1);
+  const n = F(0), t = F(0), r = F(!1);
   return ve(e, (a) => {
     a && !r.value && (n.value = a.offsetWidth, t.value = a.scrollWidth, r.value = !0);
   }), {
@@ -697,7 +697,7 @@ const ae = {
       lineHeight: "0",
       width: t.value
     }));
-    return (a, o) => (m(), U(Ne(e.as), {
+    return (a, o) => (m(), U(Fe(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon copy-icon",
       "data-testid": "kui-icon-wrapper-copy-icon",
@@ -772,7 +772,7 @@ const ae = {
       placement: "bottomStart"
     } : {
       title: t.uuid
-    }), i = M(() => !!(t.tooltip && t.successTooltip)), s = N(t.tooltip), l = M(() => t.tooltip ? {
+    }), i = M(() => !!(t.tooltip && t.successTooltip)), s = F(t.tooltip), l = M(() => t.tooltip ? {
       label: s.value,
       positionFixed: !0,
       maxWidth: "500px",
@@ -785,7 +785,7 @@ const ae = {
         s.value = t.tooltip;
       }, 1800);
     }, u = (h) => {
-      var f, I;
+      var f, A;
       if (!h(t.uuid)) {
         typeof a == "function" && a({
           type: "error",
@@ -793,16 +793,16 @@ const ae = {
         }), i.value ? d(r("message.fail")) : n("error", t.uuid);
         return;
       }
-      const b = ((f = t.uuid) == null ? void 0 : f.length) > Ut, p = t.format === "hidden" || t.format === "redacted" ? r("message.success.prefix") : `"${((I = t.uuid) == null ? void 0 : I.substring(0, Ut)) + (b ? "..." : "")}"`;
+      const v = ((f = t.uuid) == null ? void 0 : f.length) > Ut, p = t.format === "hidden" || t.format === "redacted" ? r("message.success.prefix") : `"${((A = t.uuid) == null ? void 0 : A.substring(0, Ut)) + (v ? "..." : "")}"`;
       typeof a == "function" && a({
         type: "success",
         message: `${p}${r("message.success.content")}`
       }), i.value ? d(t.successTooltip) : n("success", t.uuid);
     };
     return (h, f) => {
-      const I = V("KClipboardProvider");
+      const A = V("KClipboardProvider");
       return m(), T("div", la, [
-        e.format !== "hidden" ? (m(), U(Ne(e.idTooltip ? "KTooltip" : "div"), lt({ key: 0 }, o.value, { "data-testid": "copy-id" }), {
+        e.format !== "hidden" ? (m(), U(Fe(e.idTooltip ? "KTooltip" : "div"), lt({ key: 0 }, o.value, { "data-testid": "copy-id" }), {
           default: y(() => [
             K("div", {
               class: Ae([
@@ -814,15 +814,15 @@ const ae = {
           ]),
           _: 1
         }, 16)) : G("", !0),
-        (m(), U(Ne(e.tooltip ? "KTooltip" : "div"), lt(l.value, { class: "uuid-icon-wrapper" }), {
+        (m(), U(Fe(e.tooltip ? "KTooltip" : "div"), lt(l.value, { class: "uuid-icon-wrapper" }), {
           default: y(() => [
-            E(I, null, {
-              default: y(({ copyToClipboard: b }) => [
+            E(A, null, {
+              default: y(({ copyToClipboard: v }) => [
                 K("span", {
                   "data-testid": "copy-to-clipboard",
                   role: "button",
                   tabindex: "0",
-                  onClick: Ge((p) => u(b), ["stop"])
+                  onClick: Ge((p) => u(v), ["stop"])
                 }, [
                   E(g(ia), {
                     class: "uuid-icon",
@@ -873,7 +873,7 @@ const ae = {
       var l;
       return n.isArrayItem ? (l = o.value) != null && l.name ? r(o.value.name, "_") : t("baseConfigCard.general.entryTitle", { index: n.index }) : "";
     });
-    return (l, c) => (m(), U(Ne(e.isArrayItem ? "fieldset" : "div"), {
+    return (l, c) => (m(), U(Fe(e.isArrayItem ? "fieldset" : "div"), {
       class: Ae(e.isArrayItem ? "config-card-fieldset" : "config-card-json-item")
     }, {
       default: y(() => [
@@ -1102,16 +1102,16 @@ const ae = {
             text: t.item.value
           };
       }
-    }), u = N(), { isTruncated: h } = ae.useTruncationDetector(u);
-    return (f, I) => {
-      const b = V("KLabel"), p = V("KBadge"), A = V("KMethodBadge"), w = V("KTooltip");
+    }), u = F(), { isTruncated: h } = ae.useTruncationDetector(u);
+    return (f, A) => {
+      const v = V("KLabel"), p = V("KBadge"), I = V("KMethodBadge"), w = V("KTooltip");
       return m(), T("div", wa, [
         K("div", {
           class: "config-card-details-label",
           "data-testid": `${e.item.key}-label`
         }, [
           Y(f.$slots, "label", { item: e.item }, () => [
-            E(b, { "tooltip-attributes": { maxWidth: "500px" } }, be({
+            E(v, { "tooltip-attributes": { maxWidth: "500px" } }, be({
               default: y(() => [
                 W($(e.item.label) + " ", 1)
               ]),
@@ -1141,7 +1141,7 @@ const ae = {
             rowValue: e.item.value
           }, () => [
             i.value ? (m(), T("div", xa, [
-              (m(), U(Ne(d.value.tag), mr(gr(d.value.attrs)), {
+              (m(), U(Fe(d.value.tag), mr(gr(d.value.attrs)), {
                 default: y(() => [
                   d.value.additionalComponent === "KBadge" ? (m(), T("div", {
                     key: 0,
@@ -1174,7 +1174,7 @@ const ae = {
                     class: "method-badge-array",
                     "data-testid": `${e.item.key}-badge-methods`
                   }, [
-                    (m(!0), T(pe, null, ce(e.item.value, (k, S) => (m(), U(A, {
+                    (m(!0), T(pe, null, ce(e.item.value, (k, S) => (m(), U(I, {
                       key: `${e.item.key}-badge-method-${S}`,
                       class: "config-badge",
                       "data-testid": `${e.item.key}-badge-method-${S}`,
@@ -1228,10 +1228,10 @@ const ae = {
 function bn(e) {
   return typeof e > "u" || e === null;
 }
-function Na(e) {
+function Fa(e) {
   return typeof e == "object" && e !== null;
 }
-function Fa(e) {
+function Na(e) {
   return Array.isArray(e) ? e : bn(e) ? [] : [e];
 }
 function Ka(e, n) {
@@ -1250,7 +1250,7 @@ function Ba(e, n) {
 function qa(e) {
   return e === 0 && Number.NEGATIVE_INFINITY === 1 / e;
 }
-var La = bn, Pa = Na, Va = Fa, Ra = Ba, Ua = qa, Da = Ka, ne = {
+var La = bn, Pa = Fa, Va = Na, Ra = Ba, Ua = qa, Da = Ka, ne = {
   isNothing: La,
   isObject: Pa,
   toArray: Va,
@@ -1682,7 +1682,7 @@ function vo(e) {
 function bo(e) {
   return e.toISOString();
 }
-var Nn = new oe("tag:yaml.org,2002:timestamp", {
+var Fn = new oe("tag:yaml.org,2002:timestamp", {
   kind: "scalar",
   resolve: ho,
   construct: vo,
@@ -1692,7 +1692,7 @@ var Nn = new oe("tag:yaml.org,2002:timestamp", {
 function Co(e) {
   return e === "<<" || e === null;
 }
-var Fn = new oe("tag:yaml.org,2002:merge", {
+var Nn = new oe("tag:yaml.org,2002:merge", {
   kind: "scalar",
   resolve: Co
 }), Ct = `ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=
@@ -1794,17 +1794,17 @@ function Eo(e) {
       return !1;
   return !0;
 }
-function No(e) {
+function Fo(e) {
   return e !== null ? e : {};
 }
 var Ln = new oe("tag:yaml.org,2002:set", {
   kind: "mapping",
   resolve: Eo,
-  construct: No
+  construct: Fo
 }), kt = Mn.extend({
   implicit: [
-    Nn,
-    Fn
+    Fn,
+    Nn
   ],
   explicit: [
     Kn,
@@ -1812,7 +1812,7 @@ var Ln = new oe("tag:yaml.org,2002:set", {
     qn,
     Ln
   ]
-}), ke = Object.prototype.hasOwnProperty, ze = 1, Pn = 2, Vn = 3, He = 4, st = 1, Fo = 2, Gt = 3, Ko = /[\x00-\x08\x0B\x0C\x0E-\x1F\x7F-\x84\x86-\x9F\uFFFE\uFFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF]/, Bo = /[\x85\u2028\u2029]/, qo = /[,\[\]\{\}]/, Rn = /^(?:!|!!|![a-z\-]+!)$/i, Un = /^(?:!|[^,\[\]\{\}])(?:%[0-9a-f]{2}|[0-9a-z\-#;\/\?:@&=\+\$,_\.!~\*'\(\)\[\]])*$/i;
+}), ke = Object.prototype.hasOwnProperty, ze = 1, Pn = 2, Vn = 3, He = 4, st = 1, No = 2, Gt = 3, Ko = /[\x00-\x08\x0B\x0C\x0E-\x1F\x7F-\x84\x86-\x9F\uFFFE\uFFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF]/, Bo = /[\x85\u2028\u2029]/, qo = /[,\[\]\{\}]/, Rn = /^(?:!|!!|![a-z\-]+!)$/i, Un = /^(?:!|[^,\[\]\{\}])(?:%[0-9a-f]{2}|[0-9a-z\-#;\/\?:@&=\+\$,_\.!~\*'\(\)\[\]])*$/i;
 function zt(e) {
   return Object.prototype.toString.call(e);
 }
@@ -2017,7 +2017,7 @@ function zo(e, n) {
   j(e, "unexpected end of the stream within a double quoted scalar");
 }
 function Ho(e, n) {
-  var t = !0, r, a, o, i = e.tag, s, l = e.anchor, c, d, u, h, f, I = /* @__PURE__ */ Object.create(null), b, p, A, w;
+  var t = !0, r, a, o, i = e.tag, s, l = e.anchor, c, d, u, h, f, A = /* @__PURE__ */ Object.create(null), v, p, I, w;
   if (w = e.input.charCodeAt(e.position), w === 91)
     d = 93, f = !1, s = [];
   else if (w === 123)
@@ -2027,7 +2027,7 @@ function Ho(e, n) {
   for (e.anchor !== null && (e.anchorMap[e.anchor] = s), w = e.input.charCodeAt(++e.position); w !== 0; ) {
     if (te(e, !0, n), w = e.input.charCodeAt(e.position), w === d)
       return e.position++, e.tag = i, e.anchor = l, e.kind = f ? "mapping" : "sequence", e.result = s, !0;
-    t ? w === 44 && j(e, "expected the node content, but found ','") : j(e, "missed comma between flow collection entries"), p = b = A = null, u = h = !1, w === 63 && (c = e.input.charCodeAt(e.position + 1), de(c) && (u = h = !0, e.position++, te(e, !0, n))), r = e.line, a = e.lineStart, o = e.position, Fe(e, n, ze, !1, !0), p = e.tag, b = e.result, te(e, !0, n), w = e.input.charCodeAt(e.position), (h || e.line === r) && w === 58 && (u = !0, w = e.input.charCodeAt(++e.position), te(e, !0, n), Fe(e, n, ze, !1, !0), A = e.result), f ? Ee(e, s, I, p, b, A, r, a, o) : u ? s.push(Ee(e, null, I, p, b, A, r, a, o)) : s.push(b), te(e, !0, n), w = e.input.charCodeAt(e.position), w === 44 ? (t = !0, w = e.input.charCodeAt(++e.position)) : t = !1;
+    t ? w === 44 && j(e, "expected the node content, but found ','") : j(e, "missed comma between flow collection entries"), p = v = I = null, u = h = !1, w === 63 && (c = e.input.charCodeAt(e.position + 1), de(c) && (u = h = !0, e.position++, te(e, !0, n))), r = e.line, a = e.lineStart, o = e.position, Ne(e, n, ze, !1, !0), p = e.tag, v = e.result, te(e, !0, n), w = e.input.charCodeAt(e.position), (h || e.line === r) && w === 58 && (u = !0, w = e.input.charCodeAt(++e.position), te(e, !0, n), Ne(e, n, ze, !1, !0), I = e.result), f ? Ee(e, s, A, p, v, I, r, a, o) : u ? s.push(Ee(e, null, A, p, v, I, r, a, o)) : s.push(v), te(e, !0, n), w = e.input.charCodeAt(e.position), w === 44 ? (t = !0, w = e.input.charCodeAt(++e.position)) : t = !1;
   }
   j(e, "unexpected end of the stream within a flow collection");
 }
@@ -2041,7 +2041,7 @@ function Jo(e, n) {
     return !1;
   for (e.kind = "scalar", e.result = ""; u !== 0; )
     if (u = e.input.charCodeAt(++e.position), u === 43 || u === 45)
-      st === a ? a = u === 43 ? Gt : Fo : j(e, "repeat of a chomping mode identifier");
+      st === a ? a = u === 43 ? Gt : No : j(e, "repeat of a chomping mode identifier");
     else if ((d = Vo(u)) >= 0)
       d === 0 ? j(e, "bad explicit indentation width of a block scalar; it cannot be less than one") : i ? j(e, "repeat of an indentation width identifier") : (s = n + d - 1, i = !0);
     else
@@ -2087,7 +2087,7 @@ function Wt(e, n) {
       o.push(null), l = e.input.charCodeAt(e.position);
       continue;
     }
-    if (t = e.line, Fe(e, n, Vn, !1, !0), o.push(e.result), te(e, !0, -1), l = e.input.charCodeAt(e.position), (e.line === t || e.lineIndent > n) && l !== 0)
+    if (t = e.line, Ne(e, n, Vn, !1, !0), o.push(e.result), te(e, !0, -1), l = e.input.charCodeAt(e.position), (e.line === t || e.lineIndent > n) && l !== 0)
       j(e, "bad indentation of a sequence entry");
     else if (e.lineIndent < n)
       break;
@@ -2095,35 +2095,35 @@ function Wt(e, n) {
   return s ? (e.tag = r, e.anchor = a, e.kind = "sequence", e.result = o, !0) : !1;
 }
 function Yo(e, n, t) {
-  var r, a, o, i, s, l, c = e.tag, d = e.anchor, u = {}, h = /* @__PURE__ */ Object.create(null), f = null, I = null, b = null, p = !1, A = !1, w;
+  var r, a, o, i, s, l, c = e.tag, d = e.anchor, u = {}, h = /* @__PURE__ */ Object.create(null), f = null, A = null, v = null, p = !1, I = !1, w;
   if (e.firstTabInLine !== -1)
     return !1;
   for (e.anchor !== null && (e.anchorMap[e.anchor] = u), w = e.input.charCodeAt(e.position); w !== 0; ) {
     if (!p && e.firstTabInLine !== -1 && (e.position = e.firstTabInLine, j(e, "tab characters must not be used in indentation")), r = e.input.charCodeAt(e.position + 1), o = e.line, (w === 63 || w === 58) && de(r))
-      w === 63 ? (p && (Ee(e, u, h, f, I, null, i, s, l), f = I = b = null), A = !0, p = !0, a = !0) : p ? (p = !1, a = !0) : j(e, "incomplete explicit mapping pair; a key node is missed; or followed by a non-tabulated empty line"), e.position += 1, w = r;
+      w === 63 ? (p && (Ee(e, u, h, f, A, null, i, s, l), f = A = v = null), I = !0, p = !0, a = !0) : p ? (p = !1, a = !0) : j(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 (i = e.line, s = e.lineStart, l = e.position, !Fe(e, t, Pn, !1, !0))
+      if (i = e.line, s = e.lineStart, l = e.position, !Ne(e, t, Pn, !1, !0))
         break;
       if (e.line === o) {
         for (w = e.input.charCodeAt(e.position); Ie(w); )
           w = e.input.charCodeAt(++e.position);
         if (w === 58)
-          w = e.input.charCodeAt(++e.position), de(w) || j(e, "a whitespace character is expected after the key-value separator within a block mapping"), p && (Ee(e, u, h, f, I, null, i, s, l), f = I = b = null), A = !0, p = !1, a = !1, f = e.tag, I = e.result;
-        else if (A)
+          w = e.input.charCodeAt(++e.position), de(w) || j(e, "a whitespace character is expected after the key-value separator within a block mapping"), p && (Ee(e, u, h, f, A, null, i, s, l), f = A = v = null), I = !0, p = !1, a = !1, f = e.tag, A = e.result;
+        else if (I)
           j(e, "can not read an implicit mapping pair; a colon is missed");
         else
           return e.tag = c, e.anchor = d, !0;
-      } else if (A)
+      } else if (I)
         j(e, "can not read a block mapping entry; a multiline key may not be an implicit key");
       else
         return e.tag = c, e.anchor = d, !0;
     }
-    if ((e.line === o || e.lineIndent > n) && (p && (i = e.line, s = e.lineStart, l = e.position), Fe(e, n, He, !0, a) && (p ? I = e.result : b = e.result), p || (Ee(e, u, h, f, I, b, i, s, l), f = I = b = null), te(e, !0, -1), w = e.input.charCodeAt(e.position)), (e.line === o || e.lineIndent > n) && w !== 0)
+    if ((e.line === o || e.lineIndent > n) && (p && (i = e.line, s = e.lineStart, l = e.position), Ne(e, n, He, !0, a) && (p ? A = e.result : v = e.result), p || (Ee(e, u, h, f, A, v, i, s, l), f = A = v = null), te(e, !0, -1), w = e.input.charCodeAt(e.position)), (e.line === o || e.lineIndent > n) && w !== 0)
       j(e, "bad indentation of a mapping entry");
     else if (e.lineIndent < n)
       break;
   }
-  return p && Ee(e, u, h, f, I, null, i, s, l), A && (e.tag = c, e.anchor = d, e.kind = "mapping", e.result = u), A;
+  return p && Ee(e, u, h, f, A, null, i, s, l), I && (e.tag = c, e.anchor = d, e.kind = "mapping", e.result = u), I;
 }
 function Wo(e) {
   var n, t = !1, r = !1, a, o, i;
@@ -2163,29 +2163,29 @@ function Xo(e) {
     r = e.input.charCodeAt(++e.position);
   return e.position === n && j(e, "name of an alias node must contain at least one character"), t = e.input.slice(n, e.position), ke.call(e.anchorMap, t) || j(e, 'unidentified alias "' + t + '"'), e.result = e.anchorMap[t], te(e, !0, -1), !0;
 }
-function Fe(e, n, t, r, a) {
-  var o, i, s, l = 1, c = !1, d = !1, u, h, f, I, b, p;
+function Ne(e, n, t, r, a) {
+  var o, i, s, l = 1, c = !1, d = !1, u, h, f, A, v, p;
   if (e.listener !== null && e.listener("open", e), e.tag = null, e.anchor = null, e.kind = null, e.result = null, o = i = s = He === t || Vn === t, r && te(e, !0, -1) && (c = !0, e.lineIndent > n ? l = 1 : e.lineIndent === n ? l = 0 : e.lineIndent < n && (l = -1)), l === 1)
     for (; Wo(e) || Zo(e); )
       te(e, !0, -1) ? (c = !0, s = o, e.lineIndent > n ? l = 1 : e.lineIndent === n ? l = 0 : e.lineIndent < n && (l = -1)) : s = !1;
-  if (s && (s = c || a), (l === 1 || He === t) && (ze === t || Pn === t ? b = n : b = n + 1, p = e.position - e.lineStart, l === 1 ? s && (Wt(e, p) || Yo(e, p, b)) || Ho(e, b) ? d = !0 : (i && Jo(e, b) || Go(e, b) || zo(e, b) ? d = !0 : Xo(e) ? (d = !0, (e.tag !== null || e.anchor !== null) && j(e, "alias node should not have any properties")) : Do(e, b, ze === t) && (d = !0, e.tag === null && (e.tag = "?")), e.anchor !== null && (e.anchorMap[e.anchor] = e.result)) : l === 0 && (d = s && Wt(e, p))), e.tag === null)
+  if (s && (s = c || a), (l === 1 || He === t) && (ze === t || Pn === t ? v = n : v = n + 1, p = e.position - e.lineStart, l === 1 ? s && (Wt(e, p) || Yo(e, p, v)) || Ho(e, v) ? d = !0 : (i && Jo(e, v) || Go(e, v) || zo(e, v) ? d = !0 : Xo(e) ? (d = !0, (e.tag !== null || e.anchor !== null) && j(e, "alias node should not have any properties")) : Do(e, v, ze === t) && (d = !0, e.tag === null && (e.tag = "?")), e.anchor !== null && (e.anchorMap[e.anchor] = e.result)) : l === 0 && (d = s && Wt(e, p))), e.tag === null)
     e.anchor !== null && (e.anchorMap[e.anchor] = e.result);
   else if (e.tag === "?") {
     for (e.result !== null && e.kind !== "scalar" && j(e, 'unacceptable node kind for !<?> tag; it should be "scalar", not "' + e.kind + '"'), u = 0, h = e.implicitTypes.length; u < h; u += 1)
-      if (I = e.implicitTypes[u], I.resolve(e.result)) {
-        e.result = I.construct(e.result), e.tag = I.tag, e.anchor !== null && (e.anchorMap[e.anchor] = e.result);
+      if (A = e.implicitTypes[u], A.resolve(e.result)) {
+        e.result = A.construct(e.result), e.tag = A.tag, e.anchor !== null && (e.anchorMap[e.anchor] = e.result);
         break;
       }
   } else if (e.tag !== "!") {
     if (ke.call(e.typeMap[e.kind || "fallback"], e.tag))
-      I = e.typeMap[e.kind || "fallback"][e.tag];
+      A = e.typeMap[e.kind || "fallback"][e.tag];
     else
-      for (I = null, f = e.typeMap.multi[e.kind || "fallback"], u = 0, h = f.length; u < h; u += 1)
+      for (A = null, f = e.typeMap.multi[e.kind || "fallback"], u = 0, h = f.length; u < h; u += 1)
         if (e.tag.slice(0, f[u].tag.length) === f[u].tag) {
-          I = f[u];
+          A = f[u];
           break;
         }
-    I || j(e, "unknown tag !<" + e.tag + ">"), e.result !== null && I.kind !== e.kind && j(e, "unacceptable node kind for !<" + e.tag + '> tag; it should be "' + I.kind + '", not "' + e.kind + '"'), I.resolve(e.result, e.tag) ? (e.result = I.construct(e.result, e.tag), e.anchor !== null && (e.anchorMap[e.anchor] = e.result)) : j(e, "cannot resolve a node with !<" + e.tag + "> explicit tag");
+    A || j(e, "unknown tag !<" + e.tag + ">"), e.result !== null && A.kind !== e.kind && j(e, "unacceptable node kind for !<" + e.tag + '> tag; it should be "' + A.kind + '", not "' + e.kind + '"'), A.resolve(e.result, e.tag) ? (e.result = A.construct(e.result, e.tag), e.anchor !== null && (e.anchorMap[e.anchor] = e.result)) : j(e, "cannot resolve a node with !<" + e.tag + "> explicit tag");
   }
   return e.listener !== null && e.listener("close", e), e.tag !== null || e.anchor !== null || d;
 }
@@ -2211,7 +2211,7 @@ function Qo(e) {
     }
     i !== 0 && wt(e), ke.call(Jt, r) ? Jt[r](e, r, a) : Je(e, 'unknown document directive "' + r + '"');
   }
-  if (te(e, !0, -1), e.lineIndent === 0 && e.input.charCodeAt(e.position) === 45 && e.input.charCodeAt(e.position + 1) === 45 && e.input.charCodeAt(e.position + 2) === 45 ? (e.position += 3, te(e, !0, -1)) : o && j(e, "directives end mark is expected"), Fe(e, e.lineIndent - 1, He, !1, !0), te(e, !0, -1), e.checkLineBreaks && Bo.test(e.input.slice(n, e.position)) && Je(e, "non-ASCII line breaks are interpreted as content"), e.documents.push(e.result), e.position === e.lineStart && et(e)) {
+  if (te(e, !0, -1), e.lineIndent === 0 && e.input.charCodeAt(e.position) === 45 && e.input.charCodeAt(e.position + 1) === 45 && e.input.charCodeAt(e.position + 2) === 45 ? (e.position += 3, te(e, !0, -1)) : o && j(e, "directives end mark is expected"), Ne(e, e.lineIndent - 1, He, !1, !0), te(e, !0, -1), e.checkLineBreaks && Bo.test(e.input.slice(n, e.position)) && Je(e, "non-ASCII line breaks are interpreted as content"), e.documents.push(e.result), e.position === e.lineStart && et(e)) {
     e.input.charCodeAt(e.position) === 46 && (e.position += 3, te(e, !0, -1));
     return;
   }
@@ -2360,25 +2360,25 @@ function nr(e) {
 }
 var rr = 1, ft = 2, ar = 3, or = 4, Me = 5;
 function $i(e, n, t, r, a, o, i, s) {
-  var l, c = 0, d = null, u = !1, h = !1, f = r !== -1, I = -1, b = xi(Be(e, 0)) && Ti(Be(e, e.length - 1));
+  var l, c = 0, d = null, u = !1, h = !1, f = r !== -1, A = -1, v = xi(Be(e, 0)) && Ti(Be(e, e.length - 1));
   if (n || i)
     for (l = 0; l < e.length; c >= 65536 ? l += 2 : l++) {
       if (c = Be(e, l), !Ve(c))
         return Me;
-      b = b && Qt(c, d, s), d = c;
+      v = v && Qt(c, d, s), d = c;
     }
   else {
     for (l = 0; l < e.length; c >= 65536 ? l += 2 : l++) {
       if (c = Be(e, l), c === Le)
         u = !0, f && (h = h || // Foldable line = too long, and not more-indented.
-        l - I - 1 > r && e[I + 1] !== " ", I = l);
+        l - A - 1 > r && e[A + 1] !== " ", A = l);
       else if (!Ve(c))
         return Me;
-      b = b && Qt(c, d, s), d = c;
+      v = v && Qt(c, d, s), d = c;
     }
-    h = h || f && l - I - 1 > r && e[I + 1] !== " ";
+    h = h || f && l - A - 1 > r && e[A + 1] !== " ";
   }
-  return !u && !h ? b && !i && !a(e) ? rr : o === Pe ? Me : ft : t > 9 && nr(e) ? Me : i ? o === Pe ? Me : ft : h ? or : ar;
+  return !u && !h ? v && !i && !a(e) ? rr : o === Pe ? Me : ft : t > 9 && nr(e) ? Me : i ? o === Pe ? Me : ft : h ? or : ar;
 }
 function ji(e, n, t, r, a) {
   e.dump = function() {
@@ -2467,13 +2467,13 @@ function rn(e, n, t, r) {
     l = t[i], e.replacer && (l = e.replacer.call(t, String(i), l)), (he(e, n + 1, l, !0, !0, !1, !0) || typeof l > "u" && he(e, n + 1, null, !0, !0, !1, !0)) && ((!r || a !== "") && (a += pt(e, n)), e.dump && Le === e.dump.charCodeAt(0) ? a += "-" : a += "- ", a += e.dump);
   e.tag = o, e.dump = a || "[]";
 }
-function Ni(e, n, t) {
+function Fi(e, n, t) {
   var r = "", a = e.tag, o = Object.keys(t), i, s, l, c, d;
   for (i = 0, s = o.length; i < s; i += 1)
     d = "", r !== "" && (d += ", "), e.condenseFlow && (d += '"'), l = o[i], c = t[l], e.replacer && (c = e.replacer.call(t, l, c)), he(e, n, l, !1, !1) && (e.dump.length > 1024 && (d += "? "), d += e.dump + (e.condenseFlow ? '"' : "") + ":" + (e.condenseFlow ? "" : " "), he(e, n, c, !1, !1) && (d += e.dump, r += d));
   e.tag = a, e.dump = "{" + r + "}";
 }
-function Fi(e, n, t, r) {
+function Ni(e, n, t, r) {
   var a = "", o = e.tag, i = Object.keys(t), s, l, c, d, u, h;
   if (e.sortKeys === !0)
     i.sort();
@@ -2511,7 +2511,7 @@ function he(e, n, t, r, a, o, i) {
     e.dump = "*ref_" + u;
   else {
     if (d && h && !e.usedDuplicates[u] && (e.usedDuplicates[u] = !0), s === "[object Object]")
-      r && Object.keys(e.dump).length !== 0 ? (Fi(e, n, e.dump, a), h && (e.dump = "&ref_" + u + e.dump)) : (Ni(e, n, e.dump), h && (e.dump = "&ref_" + u + " " + e.dump));
+      r && Object.keys(e.dump).length !== 0 ? (Ni(e, n, e.dump, a), h && (e.dump = "&ref_" + u + e.dump)) : (Fi(e, n, e.dump), h && (e.dump = "&ref_" + u + " " + e.dump));
     else if (s === "[object Array]")
       r && e.dump.length !== 0 ? (e.noArrayIndent && !i && n > 0 ? rn(e, n - 1, e.dump, a) : rn(e, n, e.dump, a), h && (e.dump = "&ref_" + u + e.dump)) : (Ei(e, n, e.dump), h && (e.dump = "&ref_" + u + " " + e.dump));
     else if (s === "[object String]")
@@ -2568,10 +2568,10 @@ var Pi = oe, Vi = kn, Ri = An, Ui = jn, Di = Mn, Gi = kt, zi = Jn.load, Hi = Jn.
   null: Sn,
   pairs: qn,
   set: Ln,
-  timestamp: Nn,
+  timestamp: Fn,
   bool: xn,
   int: Tn,
-  merge: Fn,
+  merge: Nn,
   omap: Bn,
   seq: _n,
   str: wn
@@ -2629,7 +2629,7 @@ const ts = {
     }
   },
   setup(e) {
-    const n = e, t = Ze(), { i18n: { t: r } } = ae.useI18n(), a = (s) => !!(s.tooltip || t[`${s.key}-label-tooltip`]), o = N(""), i = N("");
+    const n = e, t = Ze(), { i18n: { t: r } } = ae.useI18n(), a = (s) => !!(s.tooltip || t[`${s.key}-label-tooltip`]), o = F(""), i = F("");
     return ve(() => n.format, (s) => {
       s === "json" ? o.value = JSON.stringify(n.record, null, 2) : s === "yaml" && (i.value = es.dump(n.record));
     }, { immediate: !0 }), (s, l) => {
@@ -2766,7 +2766,7 @@ const ts = {
       lineHeight: "0",
       width: t.value
     }));
-    return (a, o) => (m(), U(Ne(e.as), {
+    return (a, o) => (m(), U(Fe(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon book-icon",
       "data-testid": "kui-icon-wrapper-book-icon",
@@ -2890,8 +2890,8 @@ const ts = {
         label: "YAML",
         value: "yaml"
       }
-    ], d = N("structured"), u = (v) => {
-      d.value = v == null ? void 0 : v.value;
+    ], d = F("structured"), u = (b) => {
+      d.value = b == null ? void 0 : b.value;
     }, h = {
       id: {
         type: Q.ID,
@@ -2926,21 +2926,21 @@ const ts = {
         // the last property displayed
         section: ue.Basic
       }
-    }, f = N(!1), I = N(!1), b = N(""), p = N(), A = M(() => {
-      var v, C, B;
+    }, f = F(!1), A = F(!1), v = F(""), p = F(), I = M(() => {
+      var b, C, B;
       if (!p.value)
         return [];
       const q = [], _ = Object.keys(p.value).length;
-      for (const F in p.value) {
-        const L = (C = (v = r.configSchema) == null ? void 0 : v[F]) == null ? void 0 : C.order, D = (B = h[F]) == null ? void 0 : B.order;
+      for (const N in p.value) {
+        const L = (C = (b = r.configSchema) == null ? void 0 : b[N]) == null ? void 0 : C.order, D = (B = h[N]) == null ? void 0 : B.order;
         let Z = _;
-        (D || D === 0) && (Z = D === -1 ? _ + 1 : D), L && (Z = L === -1 ? _ + 1 : L), q.push([F, Z]);
+        (D || D === 0) && (Z = D === -1 ? _ + 1 : D), L && (Z = L === -1 ? _ + 1 : L), q.push([N, Z]);
       }
-      return q.sort(function(F, L) {
-        return F[1] - L[1];
-      }), q.map((F) => {
+      return q.sort(function(N, L) {
+        return N[1] - L[1];
+      }), q.map((N) => {
         var L, D;
-        const Z = F[0], z = (L = p.value) == null ? void 0 : L[Z], X = ((D = r.configSchema) == null ? void 0 : D[Z]) || {}, le = h[Z];
+        const Z = N[0], z = (L = p.value) == null ? void 0 : L[Z], X = ((D = r.configSchema) == null ? void 0 : D[Z]) || {}, le = h[Z];
         return {
           key: Z,
           value: z,
@@ -2950,22 +2950,22 @@ const ts = {
           tooltip: X.tooltip ?? ((le == null ? void 0 : le.tooltip) || void 0),
           section: X.section ?? ((le == null ? void 0 : le.section) || ue.Advanced)
         };
-      }).filter((F) => !F.hidden && F.key !== r.pluginConfigKey);
+      }).filter((N) => !N.hidden && N.key !== r.pluginConfigKey);
     }), w = M(() => {
-      var v, C;
+      var b, C;
       if (!p.value || !r.pluginConfigKey)
         return [];
       const B = p.value[r.pluginConfigKey] || {}, q = Object.keys(B).length, _ = [];
-      for (const F in B) {
-        const L = (C = (v = r.pluginConfigSchema) == null ? void 0 : v[F]) == null ? void 0 : C.order, D = B[F];
+      for (const N in B) {
+        const L = (C = (b = r.pluginConfigSchema) == null ? void 0 : b[N]) == null ? void 0 : C.order, D = B[N];
         let Z = D != null && D !== "" ? q - 1 : q;
-        L && (Z = L === -1 ? q + 1 : L), _.push([F, Z]);
+        L && (Z = L === -1 ? q + 1 : L), _.push([N, Z]);
       }
-      return _.sort(function(F, L) {
-        return F[1] - L[1];
-      }), _.map((F) => {
+      return _.sort(function(N, L) {
+        return N[1] - L[1];
+      }), _.map((N) => {
         var L;
-        const D = F[0], Z = B[D], z = ((L = r.pluginConfigSchema) == null ? void 0 : L[D]) || {};
+        const D = N[0], Z = B[D], z = ((L = r.pluginConfigSchema) == null ? void 0 : L[D]) || {};
         return {
           key: D,
           value: Z,
@@ -2975,52 +2975,52 @@ const ts = {
           tooltip: z.tooltip ?? void 0,
           section: ue.Plugin
         };
-      }).filter((F) => !F.hidden);
+      }).filter((N) => !N.hidden);
     }), k = M(() => {
-      var v, C, B, q;
+      var b, C, B, q;
       return {
-        basic: (v = A.value) == null ? void 0 : v.filter((_) => _.section === ue.Basic),
-        advanced: (C = A.value) == null ? void 0 : C.filter((_) => _.section === ue.Advanced),
-        plugin: (q = w.value) == null ? void 0 : q.concat((B = A.value) == null ? void 0 : B.filter((_) => _.section === ue.Plugin))
+        basic: (b = I.value) == null ? void 0 : b.filter((_) => _.section === ue.Basic),
+        advanced: (C = I.value) == null ? void 0 : C.filter((_) => _.section === ue.Advanced),
+        plugin: (q = w.value) == null ? void 0 : q.concat((B = I.value) == null ? void 0 : B.filter((_) => _.section === ue.Plugin))
       };
     }), S = M(() => {
-      const v = [];
-      return k.value.basic.length && v.push("basic"), k.value.advanced.length && v.push("advanced"), k.value.plugin.length && v.push("plugin"), v;
-    }), x = (v) => !!(v.tooltip || a[`${v.key}-label-tooltip`]), P = M(() => {
-      var v, C;
+      const b = [];
+      return k.value.basic.length && b.push("basic"), k.value.advanced.length && b.push("advanced"), k.value.plugin.length && b.push("plugin"), b;
+    }), x = (b) => !!(b.tooltip || a[`${b.key}-label-tooltip`]), P = M(() => {
+      var b, C;
       let B = `${r.config.apiBaseUrl}${r.fetchUrl}`;
-      return r.config.app === "konnect" ? B = B.replace(/{controlPlaneId}/gi, ((v = r.config) == null ? void 0 : v.controlPlaneId) || "") : r.config.app === "kongManager" && (B = B.replace(/\/{workspace}/gi, (C = r.config) != null && C.workspace ? `/${r.config.workspace}` : "")), B = B.replace(/{id}/gi, r.config.entityId), B;
-    }), R = (v) => {
-      p.value && v(JSON.stringify(p.value)) ? n("copy:success", p.value) : n("copy:error");
+      return r.config.app === "konnect" ? B = B.replace(/{controlPlaneId}/gi, ((b = r.config) == null ? void 0 : b.controlPlaneId) || "") : r.config.app === "kongManager" && (B = B.replace(/\/{workspace}/gi, (C = r.config) != null && C.workspace ? `/${r.config.workspace}` : "")), B = B.replace(/{id}/gi, r.config.entityId), B;
+    }), R = (b) => {
+      p.value && b(JSON.stringify(p.value)) ? n("copy:success", p.value) : n("copy:error");
     };
-    return ve(f, (v) => {
-      n("loading", v);
+    return ve(f, (b) => {
+      n("loading", b);
     }, { immediate: !0 }), Xe(async () => {
-      I.value = !1, f.value = !0;
+      A.value = !1, f.value = !0;
       try {
-        const { data: v } = await l.get(P.value);
+        const { data: b } = await l.get(P.value);
         if (r.dataKey)
-          if (typeof v[r.dataKey] < "u")
-            p.value = { ...v[r.dataKey] };
+          if (typeof b[r.dataKey] < "u")
+            p.value = { ...b[r.dataKey] };
           else
             throw new Error(o("errors.dataKeyUndefined", { dataKey: r.dataKey }));
         else
-          p.value = { ...v };
+          p.value = { ...b };
         Object.keys(r.configSchema).filter((C) => r.configSchema[C].forceShow).forEach((C) => {
           p.value && typeof p.value[C] > "u" && (p.value[C] = null);
-        }), n("fetch:success", v);
-      } catch (v) {
-        const C = i(v);
-        b.value = C.startsWith("code") ? o("baseConfigCard.errors.load") : C, I.value = !0, n("fetch:error", v);
+        }), n("fetch:success", b);
+      } catch (b) {
+        const C = i(b);
+        v.value = C.startsWith("code") ? o("baseConfigCard.errors.load") : C, A.value = !0, n("fetch:error", b);
       } finally {
         f.value = !1;
       }
-    }), (v, C) => {
-      const B = V("KLabel"), q = V("KSelect"), _ = V("KButton"), F = V("KClipboardProvider"), L = V("KSkeleton"), D = V("KEmptyState"), Z = V("KCard");
+    }), (b, C) => {
+      const B = V("KLabel"), q = V("KSelect"), _ = V("KButton"), N = V("KClipboardProvider"), L = V("KSkeleton"), D = V("KEmptyState"), Z = V("KCard");
       return m(), U(Z, { class: "kong-ui-entity-base-config-card" }, be({
         actions: y(() => [
           K("div", ys, [
-            Y(v.$slots, "actions", {}, void 0, !0),
+            Y(b.$slots, "actions", {}, void 0, !0),
             e.config.jsonYamlEnabled ? (m(), U(B, {
               key: 0,
               class: "config-format-select-label",
@@ -3055,9 +3055,9 @@ const ts = {
               ]),
               _: 1
             })) : G("", !0),
-            e.config.jsonYamlEnabled ? G("", !0) : (m(), U(F, { key: 3 }, {
+            e.config.jsonYamlEnabled ? G("", !0) : (m(), U(N, { key: 3 }, {
               default: y(({ copyToClipboard: z }) => [
-                !f.value && !I.value ? (m(), U(_, {
+                !f.value && !A.value ? (m(), U(_, {
                   key: 0,
                   appearance: "tertiary",
                   "data-testid": "json-copy-button",
@@ -3079,13 +3079,13 @@ const ts = {
             "data-testid": "config-card-loader",
             "table-columns": 2,
             type: "table"
-          })) : I.value ? (m(), U(D, {
+          })) : A.value ? (m(), U(D, {
             key: 1,
             "data-testid": "config-card-fetch-error",
             "is-error": ""
           }, {
             message: y(() => [
-              K("h3", null, $(b.value), 1)
+              K("h3", null, $(v.value), 1)
             ]),
             _: 1
           })) : G("", !0),
@@ -3096,10 +3096,10 @@ const ts = {
               "property-collections": k.value,
               record: p.value
             }, be({ _: 2 }, [
-              ce(Object.keys(v.$slots), (z) => ({
+              ce(Object.keys(b.$slots), (z) => ({
                 name: z,
                 fn: y(({ row: X, rowValue: le }) => [
-                  Y(v.$slots, z, {
+                  Y(b.$slots, z, {
                     row: X,
                     rowValue: le
                   }, void 0, !0)
@@ -3118,10 +3118,10 @@ const ts = {
                 item: X
               }, be({
                 label: y(() => [
-                  Y(v.$slots, `${X.key}-label`, { row: X }, void 0, !0)
+                  Y(b.$slots, `${X.key}-label`, { row: X }, void 0, !0)
                 ]),
                 [X.key]: y(({ rowValue: le }) => [
-                  Y(v.$slots, X.key, {
+                  Y(b.$slots, X.key, {
                     row: X,
                     rowValue: le
                   }, void 0, !0)
@@ -3131,7 +3131,7 @@ const ts = {
                 x(X) ? {
                   name: "label-tooltip",
                   fn: y(() => [
-                    Y(v.$slots, `${X.key}-label-tooltip`, { row: X }, void 0, !0)
+                    Y(b.$slots, `${X.key}-label-tooltip`, { row: X }, void 0, !0)
                   ]),
                   key: "0"
                 } : void 0
@@ -3145,7 +3145,7 @@ const ts = {
           name: "title",
           fn: y(() => [
             K("div", gs, [
-              Y(v.$slots, "title", {}, () => [
+              Y(b.$slots, "title", {}, () => [
                 W($(g(o)("baseConfigCard.title")), 1)
               ], !0)
             ])
@@ -3210,17 +3210,17 @@ const ts = {
     var t;
     const r = e, a = gt(), { i18n: { t: o } } = ae.useI18n(), { getMessageFromError: i } = ae.useErrors(), { axiosInstance: s } = ae.useAxios({
       headers: (t = r.config) == null ? void 0 : t.requestHeaders
-    }), l = N(!1), c = N(!1), d = N(""), u = M(() => r.canSubmit === !1 || r.isReadonly), h = M(() => {
-      var p, A;
+    }), l = F(!1), c = F(!1), d = F(""), u = M(() => r.canSubmit === !1 || r.isReadonly), h = M(() => {
+      var p, I;
       if (!r.editId)
         return "";
       let w = `${r.config.apiBaseUrl}${r.fetchUrl}`;
-      return r.config.app === "konnect" ? w = w.replace(/{controlPlaneId}/gi, ((p = r.config) == null ? void 0 : p.controlPlaneId) || "") : r.config.app === "kongManager" && (w = w.replace(/\/{workspace}/gi, (A = r.config) != null && A.workspace ? `/${r.config.workspace}` : "")), w = w.replace(/{id}/gi, r.editId), w;
+      return r.config.app === "konnect" ? w = w.replace(/{controlPlaneId}/gi, ((p = r.config) == null ? void 0 : p.controlPlaneId) || "") : r.config.app === "kongManager" && (w = w.replace(/\/{workspace}/gi, (I = r.config) != null && I.workspace ? `/${r.config.workspace}` : "")), w = w.replace(/{id}/gi, r.editId), w;
     }), f = () => {
-      r.config.cancelRoute ? a.push(r.config.cancelRoute) : I();
-    }, I = () => {
+      r.config.cancelRoute ? a.push(r.config.cancelRoute) : A();
+    }, A = () => {
       n("cancel");
-    }, b = () => {
+    }, v = () => {
       u.value || n("submit");
     };
     return ve(() => l.value, (p) => {
@@ -3232,12 +3232,12 @@ const ts = {
           const { data: p } = await s.get(h.value);
           n("fetch:success", p);
         } catch (p) {
-          const A = i(p);
-          d.value = A.startsWith("code") ? o("baseForm.errors.edit") : A, c.value = !0, n("fetch:error", p);
+          const I = i(p);
+          d.value = I.startsWith("code") ? o("baseForm.errors.edit") : I, c.value = !0, n("fetch:error", p);
         } finally {
           l.value = !1;
         }
-    }), (p, A) => {
+    }), (p, I) => {
       const w = V("KSkeleton"), k = V("KEmptyState"), S = V("KAlert"), x = V("KButton"), P = V("KCard");
       return m(), U(P, { class: "kong-ui-entity-base-form" }, {
         body: y(() => [
@@ -3258,8 +3258,8 @@ const ts = {
           }, 8, ["cta-text"])) : (m(), T("form", {
             key: 2,
             "data-testid": "form-content",
-            onReset: Ge(I, ["prevent"]),
-            onSubmit: Ge(b, ["prevent"])
+            onReset: Ge(A, ["prevent"]),
+            onSubmit: Ge(v, ["prevent"])
           }, [
             Y(p.$slots, "default", {}, void 0, !0),
             e.errorMessage ? (m(), U(S, {
@@ -3317,67 +3317,67 @@ const ts = {
   },
   setup(e) {
     const n = e, t = M(() => {
-      var b;
-      return ((b = n.rowEl) == null ? void 0 : b.querySelector(`[data-testid="${n.keyName}"]`)) || null;
+      var v;
+      return ((v = n.rowEl) == null ? void 0 : v.querySelector(`[data-testid="${n.keyName}"]`)) || null;
     }), r = M(() => {
-      var b;
-      return ((b = t.value) == null ? void 0 : b.querySelector('[data-testid="first-col"]')) || null;
+      var v;
+      return ((v = t.value) == null ? void 0 : v.querySelector('[data-testid="first-col"]')) || null;
     }), a = M(() => {
-      var b, p;
-      const A = (b = n.rowEl) == null ? void 0 : b.querySelectorAll("td");
-      return A ? ((p = A[0]) == null ? void 0 : p.getAttribute("data-testid")) === n.keyName : !1;
+      var v, p;
+      const I = (v = n.rowEl) == null ? void 0 : v.querySelectorAll("td");
+      return I ? ((p = I[0]) == null ? void 0 : p.getAttribute("data-testid")) === n.keyName : !1;
     });
     let o;
     const i = () => {
       o && (o.disconnect(), o = void 0);
     }, s = () => {
-      var b, p, A;
-      c.value = ((b = r.value) == null ? void 0 : b.getBoundingClientRect().width) || 0, d.value = ((p = t.value) == null ? void 0 : p.clientWidth) || 0, u.value = ((A = l.value) == null ? void 0 : A.innerText) || "";
-    }, l = N({}), c = N(0), d = N(0), u = N(""), h = M(() => [r.value, t.value]), f = ve(
+      var v, p, I;
+      c.value = ((v = r.value) == null ? void 0 : v.getBoundingClientRect().width) || 0, d.value = ((p = t.value) == null ? void 0 : p.clientWidth) || 0, u.value = ((I = l.value) == null ? void 0 : I.innerText) || "";
+    }, l = F({}), c = F(0), d = F(0), u = F(""), h = M(() => [r.value, t.value]), f = ve(
       h,
-      (b) => {
+      (v) => {
         if (a.value && (i(), "ResizeObserver" in window && window)) {
           o = new ResizeObserver((p) => {
             window.requestAnimationFrame(() => {
               !Array.isArray(p) || !p.length || s();
             });
           });
-          for (const p of b)
+          for (const p of v)
             p && o.observe(p);
         }
       },
       { immediate: !0, flush: "post", deep: !0 }
-    ), I = M(() => a.value ? c.value > d.value : !1);
+    ), A = M(() => a.value ? c.value > d.value : !1);
     return yr(() => {
       s();
     }), hr(() => {
       f();
-    }), (b, p) => {
-      const A = V("KTooltip");
+    }), (v, p) => {
+      const I = V("KTooltip");
       return m(), T("span", {
         ref_key: "contentRef",
         ref: l,
         class: "content-wrapper"
       }, [
         a.value ? (m(), T("span", Ts, [
-          E(A, {
-            label: I.value ? u.value : "",
+          E(I, {
+            label: A.value ? u.value : "",
             "max-width": "300",
             placement: "bottomStart"
           }, {
             default: y(() => [
-              Y(b.$slots, "default", {}, void 0, !0)
+              Y(v.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["label"])
-        ])) : Y(b.$slots, "default", { key: 1 }, void 0, !0)
+        ])) : Y(v.$slots, "default", { key: 1 }, void 0, !0)
       ], 512);
     };
   }
 }), js = /* @__PURE__ */ me($s, [["__scopeId", "data-v-e42a20c9"]]), Ms = { class: "toolbar-container" }, Os = {
   key: 0,
   class: "toolbar-button-container"
-}, Es = ["data-testid"], Ns = /* @__PURE__ */ ee({
+}, Es = ["data-testid"], Fs = /* @__PURE__ */ ee({
   __name: "EntityBaseTable",
   props: {
     // table header configuration
@@ -3503,7 +3503,7 @@ const ts = {
       "data-rowid": k.id,
       "data-testid": k.name,
       ...t.rowAttributes(k)
-    }), l = N({}), c = (k) => {
+    }), l = F({}), c = (k) => {
       var S;
       return (S = l.value) == null ? void 0 : S.$el.querySelector(`[data-rowid="${k.id}"]`);
     }, d = (k) => {
@@ -3522,25 +3522,25 @@ const ts = {
       n("clear-search-input");
     }, f = M(() => t.disableRowClick ? void 0 : (k, S) => {
       n("click:row", S);
-    }), I = (k) => {
+    }), A = (k) => {
       n("sort", k);
-    }, { setTablePreferences: b, getTablePreferences: p } = Sr(), A = M(() => {
+    }, { setTablePreferences: v, getTablePreferences: p } = Sr(), I = M(() => {
       const k = p(t.preferencesStorageKey);
       return {
         ...t.initialFetcherParams,
         ...k
       };
     }), w = (k) => {
-      t.preferencesStorageKey && b(t.preferencesStorageKey, k);
+      t.preferencesStorageKey && v(t.preferencesStorageKey, k);
     };
     return (k, S) => {
-      const x = V("KIcon"), P = V("KButton"), R = V("KDropdown"), v = V("KTable"), C = V("KCard");
+      const x = V("KIcon"), P = V("KButton"), R = V("KDropdown"), b = V("KTable"), C = V("KCard");
       return m(), U(C, {
         class: "kong-ui-entity-base-table",
         title: e.title
       }, {
         body: y(() => [
-          E(v, {
+          E(b, {
             ref_key: "tableRefs",
             ref: l,
             "cache-identifier": a.value,
@@ -3561,14 +3561,14 @@ const ts = {
             "has-error": !!e.errorMessage,
             headers: i.value,
             "hide-pagination-when-optional": "",
-            "initial-fetcher-params": A.value,
+            "initial-fetcher-params": I.value,
             "is-loading": e.isLoading,
             "pagination-type": e.paginationType,
             "row-attrs": s,
             "search-input": e.query,
             onKtableEmptyStateCtaClicked: u,
             "onRow:click": f.value,
-            onSort: S[0] || (S[0] = (B) => I(B)),
+            onSort: S[0] || (S[0] = (B) => A(B)),
             "onUpdate:tablePreferences": w
           }, be({
             toolbar: y(({ state: B }) => [
@@ -3621,7 +3621,7 @@ const ts = {
           }, [
             ce(e.tableHeaders, (B, q) => ({
               name: q,
-              fn: y(({ row: _, rowKey: F, rowValue: L }) => [
+              fn: y(({ row: _, rowKey: N, rowValue: L }) => [
                 E(js, {
                   "key-name": String(q),
                   "row-el": c(_)
@@ -3629,7 +3629,7 @@ const ts = {
                   default: y(() => [
                     Y(k.$slots, q, {
                       row: _,
-                      rowKey: F,
+                      rowKey: N,
                       rowValue: L
                     }, () => [
                       W($(L), 1)
@@ -3645,7 +3645,7 @@ const ts = {
       }, 8, ["title"]);
     };
   }
-}), Fs = /* @__PURE__ */ me(Ns, [["__scopeId", "data-v-86d2d2a3"]]), Ks = {
+}), Ns = /* @__PURE__ */ me(Fs, [["__scopeId", "data-v-86d2d2a3"]]), Ks = {
   key: 0,
   class: "kong-ui-entity-delete-error"
 }, Bs = {
@@ -3807,21 +3807,21 @@ const ts = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    const t = e, { i18n: { t: r } } = ae.useI18n(), a = N(!1), o = N({}), i = M(() => {
+    const t = e, { i18n: { t: r } } = ae.useI18n(), a = F(!1), o = F({}), i = M(() => {
       const p = [];
-      return new URLSearchParams(t.modelValue).forEach((A, w) => {
-        A !== "" && p.push(w);
+      return new URLSearchParams(t.modelValue).forEach((I, w) => {
+        I !== "" && p.push(w);
       }), p;
     }), s = M(() => {
       const p = t.config.fields;
-      return Object.keys(p).filter((A) => p[A].searchable).map((A) => ({
-        label: p[A].label || A,
-        value: A
+      return Object.keys(p).filter((I) => p[I].searchable).map((I) => ({
+        label: p[I].label || I,
+        value: I
       }));
     });
     ve(() => t.modelValue, (p) => {
-      o.value = {}, new URLSearchParams(p).forEach((A, w) => {
-        o.value[w] = A;
+      o.value = {}, new URLSearchParams(p).forEach((I, w) => {
+        o.value[w] = I;
       });
     });
     const l = () => {
@@ -3829,26 +3829,26 @@ const ts = {
     }, c = (p) => {
       n("update:modelValue", p);
     }, d = (p) => `filter-${p}`, u = (p) => {
-      var A, w;
-      return (((w = (A = t.config.schema) == null ? void 0 : A[p]) == null ? void 0 : w.values) ?? []).map((k) => ({
+      var I, w;
+      return (((w = (I = t.config.schema) == null ? void 0 : I[p]) == null ? void 0 : w.values) ?? []).map((k) => ({
         value: k,
         label: k
       }));
     }, h = (p) => {
-      var A, w;
-      return ((w = (A = t.config.schema) == null ? void 0 : A[p]) == null ? void 0 : w.type) ?? "text";
+      var I, w;
+      return ((w = (I = t.config.schema) == null ? void 0 : I[p]) == null ? void 0 : w.type) ?? "text";
     }, f = (p) => {
       o.value = {
         ...o.value,
         [p]: ""
-      }, b();
-    }, I = () => {
-      o.value = {}, b(!0);
-    }, b = (p = !1) => {
-      const A = Object.keys(o.value).reduce((w, k) => (o.value[k] && (w[k] = `${o.value[k]}`), w), {});
-      p && (a.value = !1), n("update:modelValue", new URLSearchParams(A).toString());
+      }, v();
+    }, A = () => {
+      o.value = {}, v(!0);
+    }, v = (p = !1) => {
+      const I = Object.keys(o.value).reduce((w, k) => (o.value[k] && (w[k] = `${o.value[k]}`), w), {});
+      p && (a.value = !1), n("update:modelValue", new URLSearchParams(I).toString());
     };
-    return (p, A) => {
+    return (p, I) => {
       const w = V("KInput"), k = V("KButton"), S = V("KSelect"), x = V("KMenuItem"), P = V("KMenu");
       return e.config.isExactMatch ? (m(), U(w, {
         key: 0,
@@ -3883,11 +3883,11 @@ const ts = {
         ]),
         Ue(E(P, { class: "kong-ui-entity-filter-menu" }, {
           body: y(() => [
-            (m(!0), T(pe, null, ce(s.value, (R, v) => (m(), U(x, {
+            (m(!0), T(pe, null, ce(s.value, (R, b) => (m(), U(x, {
               key: R.value,
               "data-testid": R.value,
               expandable: "",
-              "last-menu-item": v === s.value.length - 1
+              "last-menu-item": b === s.value.length - 1
             }, {
               itemTitle: y(() => [
                 K("span", zs, [
@@ -3928,7 +3928,7 @@ const ts = {
                       appearance: "tertiary",
                       "data-testid": "apply-filter",
                       size: "small",
-                      onClick: A[0] || (A[0] = (q) => b(!0))
+                      onClick: I[0] || (I[0] = (q) => v(!0))
                     }, {
                       default: y(() => [
                         W($(g(r)("filter.applyButtonText")), 1)
@@ -3956,7 +3956,7 @@ const ts = {
             K("div", Zs, [
               E(k, {
                 size: "small",
-                onClick: I
+                onClick: A
               }, {
                 default: y(() => [
                   W($(g(r)("filter.clearAllButtonText")), 1)
@@ -3994,7 +3994,7 @@ const ts = {
     }
   },
   setup(e) {
-    const n = e, t = N(void 0), r = M(() => t.value === !0 || t.value !== void 0 && n.forceShow === !0);
+    const n = e, t = F(void 0), r = M(() => t.value === !0 || t.value !== void 0 && n.forceShow === !0);
     return ve(() => n.authFunction, async () => {
       t.value = await n.authFunction();
     }, { immediate: !0 }), (a, o) => r.value ? Y(a.$slots, "default", {
@@ -4061,7 +4061,7 @@ const ts = {
       ])
     ], 2));
   }
-}), il = /* @__PURE__ */ me(ol, [["__scopeId", "data-v-8b6dc312"]]), { useAxios: St, useDeleteUrlBuilder: sl, useErrors: ll, useExternalLinkCreator: Ol, useFetchUrlBuilder: El, useFetcher: ul, useDebouncedFilter: cl, useStringHelpers: Nl, useHelpers: Fl, useGatewayFeatureSupported: Kl, useTruncationDetector: Bl } = ae;
+}), il = /* @__PURE__ */ me(ol, [["__scopeId", "data-v-8b6dc312"]]), { useAxios: St, useDeleteUrlBuilder: sl, useErrors: ll, useExternalLinkCreator: Ol, useFetchUrlBuilder: El, useFetcher: ul, useDebouncedFilter: cl, useStringHelpers: Fl, useHelpers: Nl, useGatewayFeatureSupported: Kl, useTruncationDetector: Bl } = ae;
 const dl = { class: "add-consumer-form-container" }, pl = { class: "add-consumer-form-cta" }, fl = { class: "select-item-label" }, ml = {
   key: 0,
   class: "select-item-desc"
@@ -4088,7 +4088,7 @@ const dl = { class: "add-consumer-form-container" }, pl = { class: "add-consumer
     var q;
     const t = e, { i18n: { t: r } } = Qe.useI18n(), { axiosInstance: a } = St({
       headers: (q = t.config) == null ? void 0 : q.requestHeaders
-    }), o = N([]), {
+    }), o = F([]), {
       debouncedQueryChange: i,
       loading: s,
       allRecords: l,
@@ -4103,61 +4103,61 @@ const dl = { class: "add-consumer-form-container" }, pl = { class: "add-consumer
         fetchedItemsKey: "data",
         searchKeys: ["username", "id"]
       }
-    ), h = (_) => _, f = M(() => c.value ? r("consumers.errors.general") : ""), I = N(0), b = M(() => l.value === void 0), p = M(() => u.value.map((_) => ({
+    ), h = (_) => _, f = M(() => c.value ? r("consumers.errors.general") : ""), A = F(0), v = M(() => l.value === void 0), p = M(() => u.value.map((_) => ({
       label: _.username || _.customId,
       value: _.id,
       selected: o.value.includes(_.id),
       data: _
       // we need this to determine whether or not to show the description text
-    }))), A = (_) => {
+    }))), I = (_) => {
       var L;
-      const F = b.value ? u.value.find((D) => D.id === _) : (L = l.value) == null ? void 0 : L.find((D) => D.id === _);
-      return F ? F.username || F.custom_id : _;
+      const N = v.value ? u.value.find((D) => D.id === _) : (L = l.value) == null ? void 0 : L.find((D) => D.id === _);
+      return N ? N.username || N.custom_id : _;
     }, w = () => {
       x.value = "", k.value = [], C.value = [], n("cancel");
-    }, k = N([]), S = N(!1), x = N(""), P = async () => {
+    }, k = F([]), S = F(!1), x = F(""), P = async () => {
       if (!o.value.length) {
         x.value = "", C.value = [], n("cancel");
         return;
       }
       S.value = !0, x.value = "", k.value = [], C.value = [];
       try {
-        const _ = o.value.map((D) => v(D)), F = await Promise.allSettled(_);
+        const _ = o.value.map((D) => b(D)), N = await Promise.allSettled(_);
         let L = !0;
-        F.forEach((D) => {
+        N.forEach((D) => {
           D.status !== "fulfilled" && (L = !1);
-        }), L ? (k.value = [], C.value = [], n("add:success", o.value), o.value = []) : (k.value.length && n("add:partial-success", k.value), o.value = [], B(F));
+        }), L ? (k.value = [], C.value = [], n("add:success", o.value), o.value = []) : (k.value.length && n("add:partial-success", k.value), o.value = [], B(N));
       } catch {
         x.value = r("consumers.errors.add"), n("error", x.value);
       } finally {
         S.value = !1;
       }
     }, R = M(() => {
-      var F, L, D, Z;
+      var N, L, D, Z;
       let _ = `${t.config.apiBaseUrl}${Se.list[t.config.app].forConsumerGroup}`;
-      return t.config.app === "konnect" ? _ = _.replace(/{controlPlaneId}/gi, ((F = t.config) == null ? void 0 : F.controlPlaneId) || "").replace(/{consumerGroupId}/gi, ((L = t.config) == null ? void 0 : L.consumerGroupId) || "") : t.config.app === "kongManager" && (_ = _.replace(/\/{workspace}/gi, (D = t.config) != null && D.workspace ? `/${t.config.workspace}` : "").replace(/{consumerGroupId}/gi, ((Z = t.config) == null ? void 0 : Z.consumerGroupId) || "")), _;
-    }), v = async (_) => {
-      const F = {
+      return t.config.app === "konnect" ? _ = _.replace(/{controlPlaneId}/gi, ((N = t.config) == null ? void 0 : N.controlPlaneId) || "").replace(/{consumerGroupId}/gi, ((L = t.config) == null ? void 0 : L.consumerGroupId) || "") : t.config.app === "kongManager" && (_ = _.replace(/\/{workspace}/gi, (D = t.config) != null && D.workspace ? `/${t.config.workspace}` : "").replace(/{consumerGroupId}/gi, ((Z = t.config) == null ? void 0 : Z.consumerGroupId) || "")), _;
+    }), b = async (_) => {
+      const N = {
         consumer: _
       };
       try {
-        const L = await a.post(R.value, F);
+        const L = await a.post(R.value, N);
         return k.value.push(_), L;
       } catch (L) {
-        let D = `${A(_)} - ${L.message}`;
-        return L.response.status === 409 && (D = `${A(_)} - ${r("consumers.errors.already_added")}`), Promise.reject(Error(D));
+        let D = `${I(_)} - ${L.message}`;
+        return L.response.status === 409 && (D = `${I(_)} - ${r("consumers.errors.already_added")}`), Promise.reject(Error(D));
       }
-    }, C = N([]), B = (_) => {
-      C.value = _.map((F) => {
+    }, C = F([]), B = (_) => {
+      C.value = _.map((N) => {
         var L;
-        return (L = F.reason) == null ? void 0 : L.message;
+        return (L = N.reason) == null ? void 0 : L.message;
       }).filter(Boolean);
     };
     return ve(p, () => {
-      I.value++;
+      A.value++;
     }, { immediate: !0, deep: !0 }), Xe(async () => {
       await d();
-    }), (_, F) => {
+    }), (_, N) => {
       const L = V("KMultiselect"), D = V("KAlert"), Z = V("KPrompt");
       return m(), U(Z, {
         "action-pending": S.value,
@@ -4173,10 +4173,10 @@ const dl = { class: "add-consumer-form-container" }, pl = { class: "add-consumer
             K("p", pl, $(g(r)("consumers.consumer_groups.add.ctaText")), 1),
             E(L, {
               modelValue: o.value,
-              "onUpdate:modelValue": F[0] || (F[0] = (z) => o.value = z),
+              "onUpdate:modelValue": N[0] || (N[0] = (z) => o.value = z),
               autosuggest: "",
               "data-testid": "add-consumers-multiselect",
-              "dropdown-footer-text": b.value ? g(r)("consumers.consumer_groups.add.footer") : void 0,
+              "dropdown-footer-text": v.value ? g(r)("consumers.consumer_groups.add.footer") : void 0,
               items: p.value,
               label: g(r)("consumers.consumer_groups.add.consumers_label"),
               loading: g(s),
@@ -4260,17 +4260,19 @@ const xt = (e, n) => {
     var Et;
     const t = e, { i18nT: r, i18n: { t: a } } = Qe.useI18n(), o = gt(), { axiosInstance: i } = St({
       headers: (Et = t.config) == null ? void 0 : Et.requestHeaders
-    }), s = N(1), l = M(() => !!t.config.consumerGroupId), c = M(() => t.config.app !== "kongManager" || !!t.config.disableSorting), d = {
+    }), s = F(1), l = M(() => !!t.config.consumerGroupId), c = M(
+      () => l.value ? "kong-ui-entities-consumers-list-in-group-page" : "kong-ui-entities-consumers-list"
+    ), d = M(() => t.config.app !== "kongManager" || !!t.config.disableSorting), u = {
       username: { label: a("consumers.list.table_headers.username"), searchable: !0, sortable: !0 },
       custom_id: { label: a("consumers.list.table_headers.custom_id"), searchable: !0, sortable: !0 },
       tags: { label: a("consumers.list.table_headers.tags"), sortable: !1 }
-    }, u = d, h = (O) => ({
+    }, h = u, f = (O) => ({
       "data-testid": O.username ?? O.custom_id ?? O.id
-    }), f = M(() => {
+    }), A = M(() => {
       var H, re, fe, we;
       let O = `${t.config.apiBaseUrl}${Se.list[t.config.app][l.value ? "forConsumerGroup" : "all"]}`;
       return t.config.app === "konnect" ? O = O.replace(/{controlPlaneId}/gi, ((H = t.config) == null ? void 0 : H.controlPlaneId) || "").replace(/{consumerGroupId}/gi, ((re = t.config) == null ? void 0 : re.consumerGroupId) || "") : t.config.app === "kongManager" && (O = O.replace(/\/{workspace}/gi, (fe = t.config) != null && fe.workspace ? `/${t.config.workspace}` : "").replace(/{consumerGroupId}/gi, ((we = t.config) == null ? void 0 : we.consumerGroupId) || "")), O;
-    }), I = N(""), b = M(() => {
+    }), v = F(""), p = M(() => {
       const O = t.config.app === "konnect" || t.config.isExactMatch;
       return O ? {
         isExactMatch: O,
@@ -4278,16 +4280,16 @@ const xt = (e, n) => {
       } : {
         isExactMatch: O,
         fields: {
-          username: d.username,
-          custom_id: d.custom_id
+          username: u.username,
+          custom_id: u.custom_id
         },
         schema: t.config.filterSchema
       };
-    }), p = M(() => l.value ? "consumers" : void 0), { fetcher: A, fetcherState: w } = ul(t.config, f.value, p.value), k = () => {
-      I.value = "";
+    }), { fetcher: I, fetcherState: w } = ul(t.config, A.value), k = () => {
+      v.value = "";
     }, S = () => {
       s.value++;
-    }, x = (O) => O ?? "-", P = N(""), R = (O, H) => {
+    }, x = (O) => O ?? "-", P = F(""), R = (O, H) => {
       const re = O.id;
       if (!H(re)) {
         n("copy:error", {
@@ -4302,7 +4304,7 @@ const xt = (e, n) => {
         field: "id",
         message: a("consumers.copy.success", { val: re })
       });
-    }, v = (O, H) => {
+    }, b = (O, H) => {
       const re = JSON.stringify(O);
       if (!H(re)) {
         n("copy:error", {
@@ -4324,23 +4326,23 @@ const xt = (e, n) => {
     }), q = (O) => ({
       label: a("consumers.actions.edit"),
       to: t.config.getEditRoute(O)
-    }), _ = N(void 0), F = N(!1), L = N(!1), D = N(""), Z = sl(t.config, f.value), z = (O) => {
-      _.value = O, F.value = !0;
+    }), _ = F(void 0), N = F(!1), L = F(!1), D = F(""), Z = sl(t.config, A.value), z = (O) => {
+      _.value = O, N.value = !0;
     }, X = () => {
-      F.value = !1;
+      N.value = !1;
     }, le = async () => {
       var O, H, re;
       if ((O = _.value) != null && O.id) {
         L.value = !0;
         try {
-          await i.delete(Z(_.value.id)), L.value = !1, F.value = !1, s.value++, n("delete:success", _.value);
+          await i.delete(Z(_.value.id)), L.value = !1, N.value = !1, s.value++, n("delete:success", _.value);
         } catch (fe) {
           D.value = ((re = (H = fe.response) == null ? void 0 : H.data) == null ? void 0 : re.message) || fe.message || a("consumers.errors.delete"), n("error", fe);
         } finally {
           L.value = !1;
         }
       }
-    }, tt = N(!1), Tt = () => {
+    }, tt = F(!1), Tt = () => {
       tt.value = !0;
     }, $t = () => {
       tt.value = !1;
@@ -4348,7 +4350,7 @@ const xt = (e, n) => {
       H || $t(), s.value++, n("add:success", O);
     }, ir = () => {
       l.value && Tt();
-    }, ye = N(void 0), nt = N(!1), sr = N(""), lr = (O) => {
+    }, ye = F(void 0), nt = F(!1), sr = F(""), lr = (O) => {
       ye.value = O, nt.value = !0;
     }, Mt = () => {
       nt.value = !1, ye.value = void 0;
@@ -4356,7 +4358,7 @@ const xt = (e, n) => {
       var H, re, fe, we;
       let O = `${t.config.apiBaseUrl}${Se.list[t.config.app].oneForConsumerGroup}`;
       return t.config.app === "konnect" ? O = O.replace(/{controlPlaneId}/gi, ((H = t.config) == null ? void 0 : H.controlPlaneId) || "").replace(/{consumerGroupId}/gi, ((re = t.config) == null ? void 0 : re.consumerGroupId) || "") : t.config.app === "kongManager" && (O = O.replace(/\/{workspace}/gi, (fe = t.config) != null && fe.workspace ? `/${t.config.workspace}` : "").replace(/{consumerGroupId}/gi, ((we = t.config) == null ? void 0 : we.consumerGroupId) || "")), O;
-    }), Ot = N(!1), cr = async () => {
+    }), Ot = F(!1), cr = async () => {
       if (ye.value) {
         Ot.value = !0;
         try {
@@ -4376,7 +4378,7 @@ const xt = (e, n) => {
       }
       P.value = "";
     });
-    const rt = N({
+    const rt = F({
       ctaPath: l.value ? void 0 : t.config.createRoute,
       ctaText: void 0,
       message: a("consumers.list.empty_state.description"),
@@ -4385,23 +4387,22 @@ const xt = (e, n) => {
     return Xe(async () => {
       await t.canCreate() && (rt.value.title = l.value ? a("consumers.list.empty_state.title_for_consumer_group") : a("consumers.list.empty_state.title"), rt.value.ctaText = l.value ? a("consumers.actions.add_consumer") : a("consumers.actions.create"));
     }), (O, H) => {
-      const re = V("KButton"), fe = V("KBadge"), we = V("KTruncate"), Ke = V("KDropdownItem"), Nt = V("KClipboardProvider"), dr = V("KPrompt");
+      const re = V("KButton"), fe = V("KBadge"), we = V("KTruncate"), Ke = V("KDropdownItem"), Ft = V("KClipboardProvider"), dr = V("KPrompt");
       return m(), T("div", bl, [
-        E(g(Fs), {
+        E(g(Ns), {
           "cache-identifier": e.cacheIdentifier,
-          "disable-pagination": l.value,
           "disable-pagination-page-jump": "",
-          "disable-sorting": c.value,
+          "disable-sorting": d.value,
           "empty-state-options": rt.value,
           "enable-entity-actions": "",
           "error-message": P.value,
-          fetcher: g(A),
+          fetcher: g(I),
           "fetcher-cache-key": s.value,
           "pagination-type": "offset",
-          "preferences-storage-key": "kong-ui-entities-consumers-list",
-          query: I.value,
-          "row-attributes": h,
-          "table-headers": g(u),
+          "preferences-storage-key": c.value,
+          query: v.value,
+          "row-attributes": f,
+          "table-headers": g(h),
           onClearSearchInput: k,
           "onClick:row": H[3] || (H[3] = (J) => C(J)),
           onEmptyStateCtaClicked: ir,
@@ -4410,9 +4411,9 @@ const xt = (e, n) => {
           "toolbar-filter": y(() => [
             l.value ? G("", !0) : (m(), U(g(Qs), {
               key: 0,
-              modelValue: I.value,
-              "onUpdate:modelValue": H[0] || (H[0] = (J) => I.value = J),
-              config: b.value
+              modelValue: v.value,
+              "onUpdate:modelValue": H[0] || (H[0] = (J) => v.value = J),
+              config: p.value
             }, null, 8, ["modelValue", "config"]))
           ]),
           "toolbar-button": y(() => [
@@ -4460,7 +4461,7 @@ const xt = (e, n) => {
             }, 1024)) : (m(), T("span", Cl, "-"))
           ]),
           actions: y(({ row: J }) => [
-            E(Nt, null, {
+            E(Ft, null, {
               default: y(({ copyToClipboard: xe }) => [
                 E(Ke, {
                   "data-testid": "action-entity-copy-id",
@@ -4474,11 +4475,11 @@ const xt = (e, n) => {
               ]),
               _: 2
             }, 1024),
-            E(Nt, null, {
+            E(Ft, null, {
               default: y(({ copyToClipboard: xe }) => [
                 E(Ke, {
                   "data-testid": "action-entity-copy-json",
-                  onClick: (pr) => v(J, xe)
+                  onClick: (pr) => b(J, xe)
                 }, {
                   default: y(() => [
                     W($(g(a)("consumers.actions.copy_json")), 1)
@@ -4531,7 +4532,7 @@ const xt = (e, n) => {
             }, 1032, ["auth-function"])
           ]),
           _: 1
-        }, 8, ["cache-identifier", "disable-pagination", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers"]),
+        }, 8, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "preferences-storage-key", "query", "table-headers"]),
         E(g(Ls), {
           "action-pending": L.value,
           "data-testid": "delete-consumer-modal",
@@ -4540,7 +4541,7 @@ const xt = (e, n) => {
           "entity-type": g(pn).Consumer,
           error: D.value,
           title: g(a)("consumers.delete.title"),
-          visible: F.value,
+          visible: N.value,
           onCancel: X,
           onProceed: le
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"]),
@@ -4589,7 +4590,7 @@ const xt = (e, n) => {
     };
   }
 });
-const ql = /* @__PURE__ */ xt(kl, [["__scopeId", "data-v-b084add6"]]), wl = { class: "kong-ui-entities-consumer-form" }, _l = { class: "fields-group-title" }, Il = { class: "fields-group-text" }, Al = /* @__PURE__ */ ee({
+const ql = /* @__PURE__ */ xt(kl, [["__scopeId", "data-v-ed25485a"]]), wl = { class: "kong-ui-entities-consumer-form" }, _l = { class: "fields-group-title" }, Il = { class: "fields-group-text" }, Al = /* @__PURE__ */ ee({
   __name: "ConsumerForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -4610,7 +4611,7 @@ const ql = /* @__PURE__ */ xt(kl, [["__scopeId", "data-v-b084add6"]]), wl = { cl
     var S;
     const t = e, { i18nT: r, i18n: { t: a } } = Qe.useI18n(), o = gt(), { axiosInstance: i } = St({
       headers: (S = t.config) == null ? void 0 : S.requestHeaders
-    }), { getMessageFromError: s } = ll(), l = Ft({
+    }), { getMessageFromError: s } = ll(), l = Nt({
       fields: {
         username: "",
         customId: "",
@@ -4618,7 +4619,7 @@ const ql = /* @__PURE__ */ xt(kl, [["__scopeId", "data-v-b084add6"]]), wl = { cl
       },
       readonly: !1,
       errorMessage: ""
-    }), c = Ft({
+    }), c = Nt({
       username: "",
       customId: "",
       tags: ""
@@ -4632,37 +4633,37 @@ const ql = /* @__PURE__ */ xt(kl, [["__scopeId", "data-v-b084add6"]]), wl = { cl
       n("loading", x);
     }, f = (x) => {
       n("error", x);
-    }, I = (x) => {
-      var R, v, C;
-      l.fields.username = ((R = x == null ? void 0 : x.item) == null ? void 0 : R.username) || (x == null ? void 0 : x.username) || "", l.fields.customId = ((v = x == null ? void 0 : x.item) == null ? void 0 : v.custom_id) || (x == null ? void 0 : x.custom_id) || "";
+    }, A = (x) => {
+      var R, b, C;
+      l.fields.username = ((R = x == null ? void 0 : x.item) == null ? void 0 : R.username) || (x == null ? void 0 : x.username) || "", l.fields.customId = ((b = x == null ? void 0 : x.item) == null ? void 0 : b.custom_id) || (x == null ? void 0 : x.custom_id) || "";
       const P = ((C = x == null ? void 0 : x.item) == null ? void 0 : C.tags) || (x == null ? void 0 : x.tags) || [];
       l.fields.tags = (P == null ? void 0 : P.join(", ")) || "", Object.assign(c, l.fields);
-    }, b = M(() => t.consumerId ? ut.Edit : ut.Create), p = (x) => {
-      var R, v, C, B, q, _;
-      let P = `${(R = t.config) == null ? void 0 : R.apiBaseUrl}${Se.form[(v = t.config) == null ? void 0 : v.app][x]}`;
+    }, v = M(() => t.consumerId ? ut.Edit : ut.Create), p = (x) => {
+      var R, b, C, B, q, _;
+      let P = `${(R = t.config) == null ? void 0 : R.apiBaseUrl}${Se.form[(b = t.config) == null ? void 0 : b.app][x]}`;
       return ((C = t.config) == null ? void 0 : C.app) === "konnect" ? P = P.replace(/{controlPlaneId}/gi, ((B = t.config) == null ? void 0 : B.controlPlaneId) || "") : ((q = t.config) == null ? void 0 : q.app) === "kongManager" && (P = P.replace(/\/{workspace}/gi, (_ = t.config) != null && _.workspace ? `/${t.config.workspace}` : "")), P = P.replace(/{id}/gi, t.consumerId), P;
-    }, A = M(() => !!l.fields.username || !!l.fields.customId), w = M(() => JSON.stringify(l.fields) !== JSON.stringify(c)), k = async () => {
+    }, I = M(() => !!l.fields.username || !!l.fields.customId), w = M(() => JSON.stringify(l.fields) !== JSON.stringify(c)), k = async () => {
       var x, P, R;
       try {
         l.readonly = !0;
-        const v = {
+        const b = {
           username: l.fields.username || null,
           custom_id: l.fields.customId || null,
           tags: (P = (x = l.fields.tags.split(",")) == null ? void 0 : x.map((B) => String(B || "").trim())) == null ? void 0 : P.filter((B) => B !== "")
         };
         let C;
-        await i.post(p("validate"), v), b.value === "create" ? C = await i.post(p("create"), v) : b.value === "edit" && (C = ((R = t.config) == null ? void 0 : R.app) === "konnect" ? await i.put(p("edit"), v) : await i.patch(p("edit"), v)), I(C == null ? void 0 : C.data), n("update", C == null ? void 0 : C.data);
-      } catch (v) {
-        l.errorMessage = s(v), n("error", v);
+        await i.post(p("validate"), b), v.value === "create" ? C = await i.post(p("create"), b) : v.value === "edit" && (C = ((R = t.config) == null ? void 0 : R.app) === "konnect" ? await i.put(p("edit"), b) : await i.patch(p("edit"), b)), A(C == null ? void 0 : C.data), n("update", C == null ? void 0 : C.data);
+      } catch (b) {
+        l.errorMessage = s(b), n("error", b);
       } finally {
         l.readonly = !1;
       }
     };
     return (x, P) => {
-      const R = V("KInput"), v = V("KCard");
+      const R = V("KInput"), b = V("KCard");
       return m(), T("div", wl, [
         E(g(xs), {
-          "can-submit": A.value && w.value,
+          "can-submit": I.value && w.value,
           config: e.config,
           "edit-id": e.consumerId,
           "error-message": l.errorMessage,
@@ -4670,7 +4671,7 @@ const ql = /* @__PURE__ */ xt(kl, [["__scopeId", "data-v-b084add6"]]), wl = { cl
           "is-readonly": l.readonly,
           onCancel: u,
           "onFetch:error": P[3] || (P[3] = (C) => f(C)),
-          "onFetch:success": I,
+          "onFetch:success": A,
           onLoading: P[4] || (P[4] = (C) => h(C)),
           onSubmit: k
         }, {
@@ -4686,7 +4687,7 @@ const ql = /* @__PURE__ */ xt(kl, [["__scopeId", "data-v-b084add6"]]), wl = { cl
                     K("h5", _l, $(g(a)("consumers.form.consumer_identification.title")) + "* ", 1),
                     K("p", Il, $(g(a)("consumers.form.consumer_identification.description")), 1)
                   ]),
-                  E(v, null, {
+                  E(b, null, {
                     body: y(() => [
                       E(R, {
                         modelValue: l.fields.username,
@@ -4800,7 +4801,7 @@ const Ll = /* @__PURE__ */ xt(Al, [["__scopeId", "data-v-335659fc"]]), Sl = { cl
   },
   emits: ["loading", "fetch:error", "fetch:success", "copy:success"],
   setup(e) {
-    const n = e, { i18n: { t }, i18nT: r } = Qe.useI18n(), a = M(() => Se.form[n.config.app].edit), o = N({
+    const n = e, { i18n: { t }, i18nT: r } = Qe.useI18n(), a = M(() => Se.form[n.config.app].edit), o = F({
       id: {},
       username: {
         section: ue.Basic,