@kong-ui-public/entities-consumer-groups 1.1.27 → 1.1.28

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

@@ -1,9 +1,9 @@
-import { defineComponent as te, ref as A, computed as I, watch as he, renderSlot as X, createCommentVNode as Z, unref as s, useSlots as Fe, onBeforeMount as Te, resolveComponent as U, openBlock as u, createBlock as H, createSlots as Ce, withCtx as c, createElementVNode as V, createVNode as B, createTextVNode as W, toDisplayString as T, createElementBlock as P, Fragment as de, renderList as ue, normalizeClass as Ie, withModifiers as Ee, withDirectives as Ae, vShow as Pe, useCssVars as yt, resolveDynamicComponent as Ve, normalizeProps as vt, guardReactiveProps as ht, mergeProps as ot, onMounted as bt, onUnmounted as _t, inject as kt, reactive as ze } from "vue";
+import { defineComponent as te, ref as A, computed as C, watch as he, renderSlot as X, createCommentVNode as Z, unref as s, useSlots as Oe, onBeforeMount as Te, resolveComponent as R, openBlock as u, createBlock as H, createSlots as Ce, withCtx as c, createElementVNode as V, createVNode as B, createTextVNode as W, toDisplayString as T, createElementBlock as P, Fragment as de, renderList as ue, normalizeClass as we, withModifiers as Ee, withDirectives as Ae, vShow as Pe, useCssVars as yt, resolveDynamicComponent as Ue, normalizeProps as vt, guardReactiveProps as ht, mergeProps as Ve, onMounted as bt, onUnmounted as _t, inject as kt, reactive as We } from "vue";
 import { useRouter as je } from "vue-router";
-import { createI18n as Oe, i18nTComponent as rt } from "@kong-ui-public/i18n";
+import { createI18n as Le, i18nTComponent as rt } from "@kong-ui-public/i18n";
 import Ct from "axios";
-import { MethodsArray as It } from "@kong/kongponents";
-const wt = {
+import { MethodsArray as wt } from "@kong/kongponents";
+const It = {
   list: {
     table_headers: {
       name: "Name",
@@ -96,10 +96,10 @@ const wt = {
     }
   }
 }, St = {
-  consumer_groups: wt
+  consumer_groups: It
 };
 function $t() {
-  const e = Oe("en-us", St);
+  const e = Le("en-us", St);
   return {
     i18n: e,
     i18nT: rt(e)
@@ -108,7 +108,7 @@ function $t() {
 }
 const qe = {
   useI18n: $t
-}, me = "/api/runtime_groups/{controlPlaneId}", ge = "/{workspace}", fe = {
+}, me = "/api/runtime_groups/{controlPlaneId}", fe = "/{workspace}", ge = {
   list: {
     konnect: {
       all: `${me}/consumer_groups`,
@@ -116,9 +116,9 @@ const qe = {
       oneForConsumer: `${me}/consumers/{consumerId}/consumer_groups/{consumerGroupId}`
     },
     kongManager: {
-      all: `${ge}/consumer_groups?counter=true`,
-      forConsumer: `${ge}/consumers/{consumerId}/consumer_groups`,
-      oneForConsumer: `${ge}/consumers/{consumerId}/consumer_groups/{consumerGroupId}`
+      all: `${fe}/consumer_groups?counter=true`,
+      forConsumer: `${fe}/consumers/{consumerId}/consumer_groups`,
+      oneForConsumer: `${fe}/consumers/{consumerId}/consumer_groups/{consumerGroupId}`
     }
   },
   form: {
@@ -131,17 +131,17 @@ const qe = {
       getConsumers: `${me}/consumer_groups/{id}/consumers`
     },
     kongManager: {
-      consumersList: `${ge}/consumers`,
-      create: `${ge}/consumer_groups`,
-      edit: `${ge}/consumer_groups/{id}`,
-      addConsumer: `${ge}/consumer_groups/{id}/consumers`,
-      removeConsumer: `${ge}/consumer_groups/{id}/consumers/{consumerId}`,
-      getConsumers: `${ge}/consumer_groups/{id}/consumers`
+      consumersList: `${fe}/consumers`,
+      create: `${fe}/consumer_groups`,
+      edit: `${fe}/consumer_groups/{id}`,
+      addConsumer: `${fe}/consumer_groups/{id}/consumers`,
+      removeConsumer: `${fe}/consumer_groups/{id}/consumers/{consumerId}`,
+      getConsumers: `${fe}/consumer_groups/{id}/consumers`
     }
   }
 };
 var nt = /* @__PURE__ */ ((e) => (e.GatewayService = "service", e.Route = "route", e.Consumer = "consumer", e.ConsumerGroup = "consumer group", e.Plugin = "plugin", e.Upstream = "upstream", e.Certificate = "certificate", e.CACertificate = "ca certificate", e.SNI = "SNI", e.Key = "key", e.KeySet = "key set", e.Vault = "vault", e.Application = "application", e.Developer = "developer", e.acls = "ACL Credential", e["basic-auth"] = "Basic Auth Credential", e["key-auth"] = "Key Auth Credential", e["key-auth-enc"] = "Key Auth Encrypted Credential", e.oauth2 = "OAuth 2.0 Credential", e["hmac-auth"] = "HMAC Credential", e.jwt = "JWT Credential", e.Target = "target", e.Policy = "policy", e))(nt || {}), Me = /* @__PURE__ */ ((e) => (e.Edit = "edit", e.Create = "create", e))(Me || {}), ve = /* @__PURE__ */ ((e) => (e[e.Loading = 0] = "Loading", e[e.Idle = 1] = "Idle", e[e.NoResults = 2] = "NoResults", e[e.Error = 3] = "Error", e))(ve || {}), Q = /* @__PURE__ */ ((e) => (e.ID = "id", e.IdArray = "id-array", e.Text = "plain-text", e.Date = "date", e.Redacted = "redacted", e.RedactedArray = "redacted-array", e.Json = "json", e.JsonArray = "json-array", e.BadgeTag = "badge-tag", e.BadgeStatus = "badge-status", e.BadgeMethod = "badge-method", e.LinkInternal = "link-internal", e.LinkExternal = "link-external", e))(Q || {}), le = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Advanced = "advanced", e.Plugin = "plugin", e))(le || {});
-function Le(e = {}) {
+function Ge(e = {}) {
   return {
     axiosInstance: Ct.create({
       withCredentials: !0,
@@ -162,7 +162,7 @@ function xt() {
     }
   };
 }
-const Ue = "khcp-user-table-preferences", Tt = {
+const Re = "khcp-user-table-preferences", Tt = {
   pageSize: 30,
   sortColumnKey: void 0,
   sortColumnOrder: void 0
@@ -177,14 +177,14 @@ function Kt() {
         return;
       }
   }, o = () => {
-    const t = e(localStorage.getItem(Ue));
+    const t = e(localStorage.getItem(Re));
     return !t || !Object.keys(t).length ? /* @__PURE__ */ new Map() : new Map(Object.entries(t));
   };
   return {
     setTablePreferences: (t, a) => {
       try {
         const n = o();
-        n.set(t, a), localStorage.setItem(Ue, JSON.stringify(Object.fromEntries(n.entries())));
+        n.set(t, a), localStorage.setItem(Re, JSON.stringify(Object.fromEntries(n.entries())));
       } catch (n) {
         console.error("useTablePreferences(setTablePreferences)", n);
       }
@@ -194,7 +194,7 @@ function Kt() {
       return (a == null ? void 0 : a.get(t)) || void 0 || Tt;
     },
     deleteAllTablePreferences: () => {
-      localStorage.removeItem(Ue);
+      localStorage.removeItem(Re);
     }
   };
 }
@@ -258,15 +258,15 @@ const Bt = {
   applyButtonText: "Apply",
   clearButtonText: "Clear",
   clearAllButtonText: "Clear all filters"
-}, qt = {
+}, Ut = {
   errors: {
     fetch: "Could not fetch available items",
     invalid: "Please select a valid value"
   }
-}, Rt = {
+}, qt = {
   unexpected: "An unexpected error has occurred",
   dataKeyUndefined: 'The data key "{dataKey}" does not exist in the response.'
-}, Ut = {
+}, Ft = {
   enable: {
     title: "Enable {entityType}",
     message: "Are you sure you want to enable the {entityType} {entityName}?",
@@ -277,18 +277,18 @@ const Bt = {
     message: "Are you sure you want to disable the {entityType} {entityName}?",
     confirmText: "Yes, disable"
   }
-}, Ft = {
+}, Rt = {
   deleteModal: Bt,
   baseForm: At,
   baseTable: Pt,
   baseConfigCard: Mt,
   filter: Et,
-  debouncedFilter: qt,
-  errors: Rt,
-  toggleModal: Ut
+  debouncedFilter: Ut,
+  errors: qt,
+  toggleModal: Ft
 };
-function Ge() {
-  const e = Oe("en-us", Ft);
+function Ne() {
+  const e = Le("en-us", Rt);
   return {
     i18n: e,
     i18nT: rt(e)
@@ -300,67 +300,67 @@ function Vt(e, o, t, a = {
   searchKeys: ["id"]
 }) {
   t || (t = "100");
-  const { axiosInstance: n } = Le({
+  const { axiosInstance: n } = Ge({
     headers: e.requestHeaders
-  }), { i18n: { t: r } } = Ge(), { debounce: p } = xt(), w = p(async (b) => {
-    await y(b);
-  }, 200), f = A(!1), $ = A(""), h = A(""), k = A([]), F = A(void 0), S = s(o);
+  }), { i18n: { t: r } } = Ne(), { debounce: m } = xt(), w = m(async (b) => {
+    await g(b);
+  }, 200), y = A(!1), $ = A(""), v = A(""), I = A([]), E = A(void 0), S = s(o);
   let O = `${e.apiBaseUrl}${S}`;
   e.app === "konnect" ? O = O.replace(/{controlPlaneId}/gi, (e == null ? void 0 : e.controlPlaneId) || "") : e.app === "kongManager" && (O = O.replace(/\/{workspace}/gi, e != null && e.workspace ? `/${e.workspace}` : ""));
-  const E = async () => {
+  const U = async () => {
     try {
-      f.value = !0;
+      y.value = !0;
       const { data: b } = await n.get(`${O}?size=${t}`);
-      b != null && b.next || (F.value = a.fetchedItemsKey in b ? b[a.fetchedItemsKey] : []), k.value = a.fetchedItemsKey in b ? b[a.fetchedItemsKey] : [];
+      b != null && b.next || (E.value = a.fetchedItemsKey in b ? b[a.fetchedItemsKey] : []), I.value = a.fetchedItemsKey in b ? b[a.fetchedItemsKey] : [];
     } catch {
-      k.value = [], $.value = r("debouncedFilter.errors.fetch");
+      I.value = [], $.value = r("debouncedFilter.errors.fetch");
     } finally {
-      f.value = !1;
+      y.value = !1;
     }
-  }, l = A(""), y = async (b) => {
-    var g, L;
+  }, l = A(""), g = async (b) => {
+    var f, L;
     if (l.value !== b)
-      if (l.value = b || "", F.value === void 0)
+      if (l.value = b || "", E.value === void 0)
         try {
-          f.value = !0, $.value = "", h.value = "";
-          let m = O + "";
-          b && (m += `/${b}`);
-          const { data: q } = await n.get(`${m}?size=${t}`);
-          a.fetchedItemsKey in q ? k.value = q[a.fetchedItemsKey] : q != null && q.id ? k.value = [q] : k.value = [];
-        } catch (m) {
-          ((g = m == null ? void 0 : m.response) == null ? void 0 : g.status) === 404 ? h.value = r("debouncedFilter.errors.invalid") : (k.value = [], $.value = r("debouncedFilter.errors.fetch"));
+          y.value = !0, $.value = "", v.value = "";
+          let p = O + "";
+          b && (p += `/${b}`);
+          const { data: q } = await n.get(`${p}?size=${t}`);
+          a.fetchedItemsKey in q ? I.value = q[a.fetchedItemsKey] : q != null && q.id ? I.value = [q] : I.value = [];
+        } catch (p) {
+          ((f = p == null ? void 0 : p.response) == null ? void 0 : f.status) === 404 ? v.value = r("debouncedFilter.errors.invalid") : (I.value = [], $.value = r("debouncedFilter.errors.fetch"));
         } finally {
-          f.value = !1;
+          y.value = !1;
         }
       else
-        f.value = !0, h.value = "", b ? (k.value = (L = F.value) == null ? void 0 : L.filter((m) => {
+        y.value = !0, v.value = "", b ? (I.value = (L = E.value) == null ? void 0 : L.filter((p) => {
           var q;
           let x = !1;
           for (const G of a.searchKeys) {
-            const D = typeof m[G] == "string" ? (q = m[G]) == null ? void 0 : q.toLowerCase() : m[G];
+            const D = typeof p[G] == "string" ? (q = p[G]) == null ? void 0 : q.toLowerCase() : p[G];
             D != null && D.includes(b.toLowerCase()) && (x = !0);
           }
           return x;
-        }), (!k.value || !k.value.length) && (h.value = r("debouncedFilter.errors.invalid"))) : k.value = F.value, f.value = !1;
+        }), (!I.value || !I.value.length) && (v.value = r("debouncedFilter.errors.invalid"))) : I.value = E.value, y.value = !1;
   };
   return {
-    loading: f,
+    loading: y,
     error: $,
-    validationError: h,
-    results: k,
-    allRecords: F,
-    loadItems: E,
+    validationError: v,
+    results: I,
+    allRecords: E,
+    loadItems: U,
     debouncedQueryChange: w
   };
 }
-function jt(e, o) {
-  const t = s(o), a = I(
+function Ot(e, o) {
+  const t = s(o), a = C(
     () => e.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${t}`) : new URL(t)
   );
   return a.value.search = "", (n) => `${a.value.href}/${n}`;
 }
-function Ot() {
-  const { i18n: { t: e } } = Ge();
+function jt() {
+  const { i18n: { t: e } } = Ne();
   return {
     getMessageFromError: (o) => {
       var t, a, n;
@@ -371,8 +371,8 @@ function Ot() {
           return o.response.data.detail;
         if ((a = o.response.data.details) != null && a.length)
           return o.response.data.details.map((r) => {
-            let p = e("errors.unexpected");
-            return r.messages && typeof r.messages == "object" && r.messages.length && (p = r.messages.join(", ")), r.field ? `${r.field} - ${p}` : p;
+            let m = e("errors.unexpected");
+            return r.messages && typeof r.messages == "object" && r.messages.length && (m = r.messages.join(", ")), r.field ? `${r.field} - ${m}` : m;
           }).join("; ");
         if (o.response.data.message) {
           const { message: r } = o.response.data;
@@ -388,86 +388,86 @@ function Ot() {
   };
 }
 function st(e, o) {
-  const t = A(s(e)), a = A(s(o)), n = I(
+  const t = A(s(e)), a = A(s(o)), n = C(
     () => !!(t.value.app === "konnect" || t.value.isExactMatch)
-  ), r = I(
+  ), r = C(
     () => a.value.startsWith("/") ? new URL(`${window.location.origin}${a.value}`) : new URL(a.value)
   );
-  return (p) => {
-    const { page: w, pageSize: f, offset: $, sortColumnKey: h, sortColumnOrder: k, query: F } = p;
+  return (m) => {
+    const { page: w, pageSize: y, offset: $, sortColumnKey: v, sortColumnOrder: I, query: E } = m;
     try {
       let S = new URL(r.value.href);
-      return n.value && F ? (S.search = "", S = new URL(`${S.href}/${F}/`)) : (n.value || new URLSearchParams(F).forEach((O, E) => {
-        S.searchParams.append(E, O);
-      }), h && S.searchParams.append("sort_by", h), k === "desc" && S.searchParams.append("sort_desc", "1"), S.searchParams.append("size", String(f))), $ && w !== 1 && S.searchParams.append("offset", String($)), S.href;
+      return n.value && E ? (S.search = "", S = new URL(`${S.href}/${E}/`)) : (n.value || new URLSearchParams(E).forEach((O, U) => {
+        S.searchParams.append(U, O);
+      }), v && S.searchParams.append("sort_by", v), I === "desc" && S.searchParams.append("sort_desc", "1"), S.searchParams.append("size", String(y))), $ && w !== 1 && S.searchParams.append("offset", String($)), S.href;
     } catch (S) {
       return console.error("RouteList(fetcher)", S), a.value;
     }
   };
 }
 function Lt(e, o, t = "data") {
-  const a = s(o), { axiosInstance: n } = Le({
+  const a = s(o), { axiosInstance: n } = Ge({
     headers: e.requestHeaders
-  }), r = st(e, a), p = A({
+  }), r = st(e, a), m = A({
     status: ve.Idle
   });
   return { fetcher: async (w) => {
     try {
-      p.value = { status: ve.Loading };
-      const f = r(w), { data: $ } = await n.get(f), h = t && t.replace(/[^\w-_]/gi, "");
-      let k;
-      $[h] && Array.isArray($[h]) ? k = $[h] : k = Object.keys($).length ? [$] : [];
-      const F = {
-        data: k,
-        total: k.length,
+      m.value = { status: ve.Loading };
+      const y = r(w), { data: $ } = await n.get(y), v = t && t.replace(/[^\w-_]/gi, "");
+      let I;
+      $[v] && Array.isArray($[v]) ? I = $[v] : I = Object.keys($).length ? [$] : [];
+      const E = {
+        data: I,
+        total: I.length,
         ...$.offset ? {
           pagination: {
             offset: $.offset
           }
         } : null
       };
-      return p.value = {
+      return m.value = {
         status: ve.Idle,
-        response: F
-      }, F;
-    } catch (f) {
+        response: E
+      }, E;
+    } catch (y) {
       const $ = {
         data: [],
         total: 0
       };
-      return w.query && f.response.status === 404 ? (p.value = {
+      return w.query && y.response.status === 404 ? (m.value = {
         status: ve.NoResults,
         response: $,
-        error: f
-      }, $) : (p.value = {
+        error: y
+      }, $) : (m.value = {
         status: ve.Error,
         response: $,
-        error: f
+        error: y
       }, $);
     }
-  }, fetcherState: p };
+  }, fetcherState: m };
 }
 function Gt() {
   return {
     convertKeyToTitle: (e, o = "_") => e ? e.split(o).map((t) => t.toLowerCase() === "id" ? t.toUpperCase() : t.charAt(0).toUpperCase() + t.substring(1)).join(" ") : ""
   };
 }
-const lt = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\-]+(?:\.[\da-z\-]+)*))?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i, We = (e) => {
+const lt = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\-]+(?:\.[\da-z\-]+)*))?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i, Qe = (e) => {
   if (typeof e != "string")
     throw new TypeError("Invalid argument expected string");
   const o = e.match(lt);
   if (!o)
     throw new Error(`Invalid argument not valid semver ('${e}' received)`);
   return o.shift(), o;
-}, Qe = (e) => e === "*" || e === "x" || e === "X", Ze = (e) => {
+}, Ze = (e) => e === "*" || e === "x" || e === "X", Xe = (e) => {
   const o = parseInt(e, 10);
   return isNaN(o) ? e : o;
 }, Nt = (e, o) => typeof e != typeof o ? [String(e), String(o)] : [e, o], Dt = (e, o) => {
-  if (Qe(e) || Qe(o))
+  if (Ze(e) || Ze(o))
     return 0;
-  const [t, a] = Nt(Ze(e), Ze(o));
+  const [t, a] = Nt(Xe(e), Xe(o));
   return t > a ? 1 : t < a ? -1 : 0;
-}, Xe = (e, o) => {
+}, Ye = (e, o) => {
   for (let t = 0; t < Math.max(e.length, o.length); t++) {
     const a = Dt(e[t] || "0", o[t] || "0");
     if (a !== 0)
@@ -475,9 +475,9 @@ const lt = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-(
   }
   return 0;
 }, Ht = (e, o) => {
-  const t = We(e), a = We(o), n = t.pop(), r = a.pop(), p = Xe(t, a);
-  return p !== 0 ? p : n && r ? Xe(n.split("."), r.split(".")) : n || r ? n ? -1 : 1 : 0;
-}, Ye = (e, o, t) => {
+  const t = Qe(e), a = Qe(o), n = t.pop(), r = a.pop(), m = Ye(t, a);
+  return m !== 0 ? m : n && r ? Ye(n.split("."), r.split(".")) : n || r ? n ? -1 : 1 : 0;
+}, et = (e, o, t) => {
   Jt(t);
   const a = Ht(e, o);
   return it[t].includes(a);
@@ -488,11 +488,11 @@ const lt = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-(
   "<=": [-1, 0],
   "<": [-1],
   "!=": [-1, 1]
-}, et = Object.keys(it), Jt = (e) => {
+}, tt = Object.keys(it), Jt = (e) => {
   if (typeof e != "string")
     throw new TypeError(`Invalid operator type, expected string but got ${typeof e}`);
-  if (et.indexOf(e) === -1)
-    throw new Error(`Invalid operator, expected one of ${et.join("|")}`);
+  if (tt.indexOf(e) === -1)
+    throw new Error(`Invalid operator, expected one of ${tt.join("|")}`);
 }, zt = (e) => typeof e == "string" && /^[v\d]/.test(e) && lt.test(e);
 function Wt(e) {
   const { gatewayInfo: o, supportedRange: t } = e;
@@ -504,18 +504,18 @@ function Wt(e) {
   const r = t[a];
   if (!r)
     return !1;
-  const [p, w] = r;
-  return !(p && Ye(n, p, "<") || w && Ye(n, w, ">"));
+  const [m, w] = r;
+  return !(m && et(n, m, "<") || w && et(n, w, ">"));
 }
 const re = {
-  useAxios: Le,
+  useAxios: Ge,
   useDebouncedFilter: Vt,
-  useDeleteUrlBuilder: jt,
-  useErrors: Ot,
+  useDeleteUrlBuilder: Ot,
+  useErrors: jt,
   useFetcher: Lt,
   useFetchUrlBuilder: st,
   useStringHelpers: Gt,
-  useI18n: Ge,
+  useI18n: Ne,
   useGatewayFeatureSupported: Wt
 }, Qt = {
   fail: "Failed to copy id to clipboard",
@@ -526,13 +526,17 @@ const re = {
 }, Zt = "Copy to clipboard", Xt = {
   message: Qt,
   iconTitle: Zt
-}, Yt = "kong-ui-copy-uuid-notify", ea = { class: "kong-ui-copy-uuid" }, ta = ["title"], aa = ["onClick"], tt = 15, oa = /* @__PURE__ */ te({
+}, Yt = "kong-ui-copy-uuid-notify", ea = { class: "kong-ui-copy-uuid" }, ta = ["onClick"], at = 15, aa = /* @__PURE__ */ te({
   __name: "CopyUuid",
   props: {
     uuid: {
       type: String,
       required: !0
     },
+    idTooltip: {
+      type: String,
+      default: ""
+    },
     truncated: {
       type: Boolean,
       default: !0
@@ -566,57 +570,62 @@ const re = {
   },
   emits: ["success", "error"],
   setup(e, { emit: o }) {
-    const t = e, { t: a } = Oe("en-us", Xt), n = t.notify || kt(Yt, () => {
-    }), r = I(() => !!(t.tooltip && t.successTooltip)), p = A(t.tooltip), w = I(() => t.tooltip ? {
-      label: p.value,
+    const t = e, { t: a } = Le("en-us", Xt), n = t.notify || kt(Yt, () => {
+    }), r = C(() => t.idTooltip ? {
+      label: t.idTooltip,
+      positionFixed: !0,
+      placement: "bottomStart"
+    } : {
+      title: t.uuid
+    }), m = C(() => !!(t.tooltip && t.successTooltip)), w = A(t.tooltip), y = C(() => t.tooltip ? {
+      label: w.value,
       positionFixed: !0,
       maxWidth: "500px",
       placement: "bottomStart"
-    } : {}), f = I(() => t.format === "redacted" ? "*****" : t.format === "deleted" ? `*${t.uuid.substring(0, 5)}` : t.uuid), $ = (k) => {
-      p.value = k, setTimeout(() => {
-        p.value = t.tooltip;
+    } : {}), $ = C(() => t.format === "redacted" ? "*****" : t.format === "deleted" ? `*${t.uuid.substring(0, 5)}` : t.uuid), v = (E) => {
+      w.value = E, setTimeout(() => {
+        w.value = t.tooltip;
       }, 1800);
-    }, h = (k) => {
-      if (!k(t.uuid)) {
+    }, I = (E) => {
+      if (!E(t.uuid)) {
         typeof n == "function" && n({
           type: "error",
           message: a("message.fail")
-        }), r.value ? $(a("message.fail")) : o("error", t.uuid);
+        }), m.value ? v(a("message.fail")) : o("error", t.uuid);
         return;
       }
-      const F = t.uuid.length > tt, S = t.format === "hidden" || t.format === "redacted" ? a("message.success.prefix") : `"${t.uuid.substring(0, tt) + (F ? "..." : "")}"`;
+      const S = t.uuid.length > at, O = t.format === "hidden" || t.format === "redacted" ? a("message.success.prefix") : `"${t.uuid.substring(0, at) + (S ? "..." : "")}"`;
       typeof n == "function" && n({
         type: "success",
-        message: `${S}${a("message.success.content")}`
-      }), r.value ? $(t.successTooltip) : o("success", t.uuid);
+        message: `${O}${a("message.success.content")}`
+      }), m.value ? v(t.successTooltip) : o("success", t.uuid);
     };
-    return (k, F) => {
-      const S = U("KIcon"), O = U("KClipboardProvider");
+    return (E, S) => {
+      const O = R("KIcon"), U = R("KClipboardProvider");
       return u(), P("div", ea, [
-        e.format !== "hidden" ? (u(), P("div", {
-          key: 0,
-          "data-testid": "copy-id",
-          title: e.uuid
-        }, [
-          V("div", {
-            class: Ie([
-              "uuid-container",
-              e.truncated ? "truncated-uuid" : null,
-              e.useMono ? "mono" : null
-            ])
-          }, T(f.value), 3)
-        ], 8, ta)) : Z("", !0),
-        (u(), H(Ve(e.tooltip ? "KTooltip" : "div"), ot(w.value, { class: "uuid-icon-wrapper" }), {
+        e.format !== "hidden" ? (u(), H(Ue(e.idTooltip ? "KTooltip" : "div"), Ve({ key: 0 }, r.value, { "data-testid": "copy-id" }), {
+          default: c(() => [
+            V("div", {
+              class: we([
+                "uuid-container",
+                e.truncated ? "truncated-uuid" : null,
+                e.useMono ? "mono" : null
+              ])
+            }, T($.value), 3)
+          ]),
+          _: 1
+        }, 16)) : Z("", !0),
+        (u(), H(Ue(e.tooltip ? "KTooltip" : "div"), Ve(y.value, { class: "uuid-icon-wrapper" }), {
           default: c(() => [
-            B(O, null, {
-              default: c(({ copyToClipboard: E }) => [
+            B(U, null, {
+              default: c(({ copyToClipboard: l }) => [
                 V("span", {
                   "data-testid": "copy-to-clipboard",
                   role: "button",
                   tabindex: "0",
-                  onClick: Ee((l) => h(E), ["stop"])
+                  onClick: Ee((g) => I(l), ["stop"])
                 }, [
-                  B(S, {
+                  B(O, {
                     class: "uuid-icon",
                     color: e.iconColor,
                     "hide-title": !!e.tooltip || void 0,
@@ -624,7 +633,7 @@ const re = {
                     size: "16",
                     title: s(a)("iconTitle")
                   }, null, 8, ["color", "hide-title", "title"])
-                ], 8, aa)
+                ], 8, ta)
               ]),
               _: 1
             })
@@ -634,15 +643,15 @@ const re = {
       ]);
     };
   }
-}), ra = (e, o) => {
+}), oa = (e, o) => {
   const t = e.__vccOpts || e;
   for (const [a, n] of o)
     t[a] = n;
   return t;
-}, ut = /* @__PURE__ */ ra(oa, [["__scopeId", "data-v-e4ea1359"]]), na = {
+}, ut = /* @__PURE__ */ oa(aa, [["__scopeId", "data-v-bfdaf6f7"]]), ra = {
   key: 0,
   class: "config-card-fieldset-title"
-}, sa = /* @__PURE__ */ te({
+}, na = /* @__PURE__ */ te({
   __name: "JsonCardItem",
   props: {
     item: {
@@ -659,26 +668,26 @@ const re = {
     }
   },
   setup(e) {
-    const o = e, { i18n: { t } } = re.useI18n(), { convertKeyToTitle: a } = re.useStringHelpers(), n = I(() => o.item.key ?? "json-array-item"), r = I(() => o.item.value ?? o.item), p = I(() => {
-      const f = JSON.parse(JSON.stringify(r.value));
-      return o.isArrayItem && delete f.name, f;
-    }), w = I(() => {
-      var f;
-      return o.isArrayItem ? (f = r.value) != null && f.name ? a(r.value.name, "_") : t("baseConfigCard.general.entryTitle", { index: o.index }) : "";
+    const o = e, { i18n: { t } } = re.useI18n(), { convertKeyToTitle: a } = re.useStringHelpers(), n = C(() => o.item.key ?? "json-array-item"), r = C(() => o.item.value ?? o.item), m = C(() => {
+      const y = JSON.parse(JSON.stringify(r.value));
+      return o.isArrayItem && delete y.name, y;
+    }), w = C(() => {
+      var y;
+      return o.isArrayItem ? (y = r.value) != null && y.name ? a(r.value.name, "_") : t("baseConfigCard.general.entryTitle", { index: o.index }) : "";
     });
-    return (f, $) => (u(), H(Ve(e.isArrayItem ? "fieldset" : "div"), {
-      class: Ie(e.isArrayItem ? "config-card-fieldset" : "config-card-json-item")
+    return (y, $) => (u(), H(Ue(e.isArrayItem ? "fieldset" : "div"), {
+      class: we(e.isArrayItem ? "config-card-fieldset" : "config-card-json-item")
     }, {
       default: c(() => [
-        e.isArrayItem ? (u(), P("legend", na, [
+        e.isArrayItem ? (u(), P("legend", ra, [
           V("b", null, T(w.value), 1)
         ])) : Z("", !0),
-        (u(!0), P(de, null, ue(Object.keys(p.value), (h, k) => (u(), H(dt, {
-          key: `${n.value}-property-${k}`,
+        (u(!0), P(de, null, ue(Object.keys(m.value), (v, I) => (u(), H(dt, {
+          key: `${n.value}-property-${I}`,
           item: {
-            key: h,
-            label: s(a)(h),
-            value: p.value[h]
+            key: v,
+            label: s(a)(v),
+            value: m.value[v]
           }
         }, null, 8, ["item"]))), 128))
       ]),
@@ -690,7 +699,7 @@ const re = {
   for (const [a, n] of o)
     t[a] = n;
   return t;
-}, ct = /* @__PURE__ */ pe(sa, [["__scopeId", "data-v-68ca83ec"]]), la = /* @__PURE__ */ te({
+}, ct = /* @__PURE__ */ pe(na, [["__scopeId", "data-v-68ca83ec"]]), sa = /* @__PURE__ */ te({
   __name: "InternalLinkItem",
   props: {
     item: {
@@ -702,7 +711,7 @@ const re = {
   setup(e) {
     const { i18n: { t: o } } = re.useI18n();
     return (t, a) => {
-      const n = U("KButton");
+      const n = R("KButton");
       return u(), P("div", null, [
         B(n, {
           appearance: "btn-link",
@@ -717,7 +726,7 @@ const re = {
       ]);
     };
   }
-}), ia = /* @__PURE__ */ pe(la, [["__scopeId", "data-v-7410504d"]]), ua = /* @__PURE__ */ te({
+}), la = /* @__PURE__ */ pe(sa, [["__scopeId", "data-v-7410504d"]]), ia = /* @__PURE__ */ te({
   __name: "StatusBadge",
   props: {
     status: {
@@ -728,7 +737,7 @@ const re = {
   setup(e) {
     const { i18n: { t: o } } = re.useI18n();
     return (t, a) => {
-      const n = U("KBadge");
+      const n = R("KBadge");
       return u(), H(n, {
         appearance: e.status ? "success" : "neutral"
       }, {
@@ -739,11 +748,11 @@ const re = {
       }, 8, ["appearance"]);
     };
   }
-}), ca = "#0044f4", da = "#e0e4ea", pa = "#3a3f51", ma = "1px", ga = { class: "config-card-details-row" }, fa = ["data-testid"], ya = ["data-testid"], va = ["data-testid"], ha = ["data-testid"], ba = { key: 1 }, _a = ["data-testid"], ka = ["data-testid"], Ca = ["data-testid"], Ia = ["data-testid"], wa = ["title"], Sa = {
+}), ua = "#0044f4", ca = "#e0e4ea", da = "#3a3f51", pa = "1px", ma = { class: "config-card-details-row" }, fa = ["data-testid"], ga = ["data-testid"], ya = ["data-testid"], va = ["data-testid"], ha = { key: 1 }, ba = ["data-testid"], _a = ["data-testid"], ka = ["data-testid"], Ca = ["data-testid"], wa = ["title"], Ia = {
   name: "ConfigCardItem",
-  components: { CopyUuid: ut, JsonCardItem: ct, StatusBadge: ua, InternalLinkItem: ia }
-}, $a = /* @__PURE__ */ te({
-  ...Sa,
+  components: { CopyUuid: ut, JsonCardItem: ct, StatusBadge: ia, InternalLinkItem: la }
+}, Sa = /* @__PURE__ */ te({
+  ...Ia,
   props: {
     item: {
       type: Object,
@@ -763,13 +772,13 @@ const re = {
   emits: ["navigation-click"],
   setup(e, { emit: o }) {
     const t = e;
-    yt((k) => ({
-      "2c6ac268": $.value ? "none" : `solid ${s(ma)} ${s(da)}`,
-      c7a65802: f.value && p.value ? "block" : "flex",
-      "778426fe": f.value && p.value ? "100%" : t.slim ? "50%" : "25%",
-      "777f9b48": f.value && p.value ? "100%" : t.slim ? "50%" : "75%"
+    yt((I) => ({
+      "2c6ac268": $.value ? "none" : `solid ${s(pa)} ${s(ca)}`,
+      c7a65802: y.value && m.value ? "block" : "flex",
+      "778426fe": y.value && m.value ? "100%" : t.slim ? "50%" : "25%",
+      "777f9b48": y.value && m.value ? "100%" : t.slim ? "50%" : "75%"
     }));
-    const a = Fe(), { i18n: { t: n, formatUnixTimeStamp: r } } = re.useI18n(), p = I(() => t.item.value !== void 0 && t.item.value !== null && t.item.value !== ""), w = I(() => !!(t.item.tooltip || a["label-tooltip"])), f = I(() => t.item.type === Q.Json || t.item.type === Q.JsonArray), $ = I(() => t.item.type === Q.JsonArray), h = I(() => {
+    const a = Oe(), { i18n: { t: n, formatUnixTimeStamp: r } } = re.useI18n(), m = C(() => t.item.value !== void 0 && t.item.value !== null && t.item.value !== ""), w = C(() => !!(t.item.tooltip || a["label-tooltip"])), y = C(() => t.item.type === Q.Json || t.item.type === Q.JsonArray), $ = C(() => t.item.type === Q.JsonArray), v = C(() => {
       switch (t.item.type) {
         case Q.ID:
           return {
@@ -855,8 +864,8 @@ const re = {
             attrs: {
               "data-testid": `${t.item.key}-internal-link`,
               item: t.item,
-              onNavigationClick: (k) => {
-                o("navigation-click", k);
+              onNavigationClick: (I) => {
+                o("navigation-click", I);
               }
             }
           };
@@ -896,14 +905,14 @@ const re = {
           };
       }
     });
-    return (k, F) => {
-      const S = U("KLabel"), O = U("KBadge"), E = U("KMethodBadge");
-      return u(), P("div", ga, [
+    return (I, E) => {
+      const S = R("KLabel"), O = R("KBadge"), U = R("KMethodBadge");
+      return u(), P("div", ma, [
         V("div", {
           class: "config-card-details-label",
           "data-testid": `${e.item.key}-label`
         }, [
-          X(k.$slots, "label", { item: e.item }, () => [
+          X(I.$slots, "label", { item: e.item }, () => [
             B(S, { "tooltip-attributes": { maxWidth: "500px" } }, Ce({
               default: c(() => [
                 W(T(e.item.label) + " ", 1)
@@ -916,10 +925,10 @@ const re = {
                   V("div", {
                     "data-testid": `${e.item.key}-label-tooltip`
                   }, [
-                    X(k.$slots, "label-tooltip", {}, () => [
+                    X(I.$slots, "label-tooltip", {}, () => [
                       W(T(e.item.tooltip), 1)
                     ], !0)
-                  ], 8, ya)
+                  ], 8, ga)
                 ]),
                 key: "0"
               } : void 0
@@ -930,20 +939,20 @@ const re = {
           class: "config-card-details-value",
           "data-testid": `${e.item.key}-property-value`
         }, [
-          X(k.$slots, e.item.key, {
+          X(I.$slots, e.item.key, {
             rowValue: e.item.value
           }, () => [
-            p.value ? (u(), P("div", ba, [
-              (u(), H(Ve(h.value.tag), vt(ht(h.value.attrs)), {
+            m.value ? (u(), P("div", ha, [
+              (u(), H(Ue(v.value.tag), vt(ht(v.value.attrs)), {
                 default: c(() => [
-                  h.value.additionalComponent === "KBadge" ? (u(), P("div", {
+                  v.value.additionalComponent === "KBadge" ? (u(), P("div", {
                     key: 0,
                     "data-testid": `${e.item.key}-badge-tags`
                   }, [
-                    (u(!0), P(de, null, ue(e.item.value, (l, y) => (u(), H(O, {
-                      key: `${e.item.key}-badge-tag-${y}`,
+                    (u(!0), P(de, null, ue(e.item.value, (l, g) => (u(), H(O, {
+                      key: `${e.item.key}-badge-tag-${g}`,
                       class: "config-badge",
-                      "data-testid": `${e.item.key}-badge-tag-${y}`,
+                      "data-testid": `${e.item.key}-badge-tag-${g}`,
                       "truncation-tooltip": l
                     }, {
                       default: c(() => [
@@ -951,67 +960,67 @@ const re = {
                       ]),
                       _: 2
                     }, 1032, ["data-testid", "truncation-tooltip"]))), 128))
-                  ], 8, _a)) : Z("", !0),
-                  h.value.additionalComponent === "CopyUuid" ? (u(), P("div", {
+                  ], 8, ba)) : Z("", !0),
+                  v.value.additionalComponent === "CopyUuid" ? (u(), P("div", {
                     key: 1,
                     class: "copy-uuid-array",
                     "data-testid": `${e.item.key}-copy-uuid-array`
                   }, [
-                    (u(!0), P(de, null, ue(e.item.value, (l, y) => (u(), H(s(ut), ot(h.value.childAttrs, {
-                      key: `${e.item.key}-copy-uuid-${y}`,
-                      "data-testid": `${e.item.key}-copy-uuid-${y}`,
+                    (u(!0), P(de, null, ue(e.item.value, (l, g) => (u(), H(s(ut), Ve(v.value.childAttrs, {
+                      key: `${e.item.key}-copy-uuid-${g}`,
+                      "data-testid": `${e.item.key}-copy-uuid-${g}`,
                       uuid: l
                     }), null, 16, ["data-testid", "uuid"]))), 128))
-                  ], 8, ka)) : h.value.additionalComponent === "KMethodBadge" ? (u(), P("div", {
+                  ], 8, _a)) : v.value.additionalComponent === "KMethodBadge" ? (u(), P("div", {
                     key: 2,
                     class: "method-badge-array",
                     "data-testid": `${e.item.key}-badge-methods`
                   }, [
-                    (u(!0), P(de, null, ue(e.item.value, (l, y) => (u(), H(E, {
-                      key: `${e.item.key}-badge-method-${y}`,
+                    (u(!0), P(de, null, ue(e.item.value, (l, g) => (u(), H(U, {
+                      key: `${e.item.key}-badge-method-${g}`,
                       class: "config-badge",
-                      "data-testid": `${e.item.key}-badge-method-${y}`,
+                      "data-testid": `${e.item.key}-badge-method-${g}`,
                       "is-rounded": "",
                       label: l,
-                      method: s(It).includes(l.toLowerCase()) ? l.toLowerCase() : "custom"
+                      method: s(wt).includes(l.toLowerCase()) ? l.toLowerCase() : "custom"
                     }, {
                       default: c(() => [
                         W(T(l), 1)
                       ]),
                       _: 2
                     }, 1032, ["data-testid", "label", "method"]))), 128))
-                  ], 8, Ca)) : Z("", !0),
-                  h.value.additionalComponent === "JsonCardItem" ? (u(), P("div", {
+                  ], 8, ka)) : Z("", !0),
+                  v.value.additionalComponent === "JsonCardItem" ? (u(), P("div", {
                     key: 3,
                     "data-testid": `${t.item.key}-json-array-content`
                   }, [
-                    (u(!0), P(de, null, ue(e.item.value, (l, y) => (u(), H(ct, {
-                      key: `json-array-item-${y}`,
-                      index: y,
+                    (u(!0), P(de, null, ue(e.item.value, (l, g) => (u(), H(ct, {
+                      key: `json-array-item-${g}`,
+                      index: g,
                       "is-array-item": "",
                       item: l
                     }, null, 8, ["index", "item"]))), 128))
-                  ], 8, Ia)) : (u(), P("span", {
+                  ], 8, Ca)) : (u(), P("span", {
                     key: 4,
-                    class: Ie(["attrs-data-text", { truncated: e.truncated }]),
+                    class: we(["attrs-data-text", { truncated: e.truncated }]),
                     title: e.truncated ? e.item.value : void 0
-                  }, T(h.value.text), 11, wa))
+                  }, T(v.value.text), 11, wa))
                 ]),
                 _: 1
               }, 16))
             ])) : (u(), P("div", {
               key: 0,
               "data-testid": `${e.item.key}-no-value`
-            }, " – ", 8, ha))
+            }, " – ", 8, va))
           ], !0)
-        ], 8, va)
+        ], 8, ya)
       ]);
     };
   }
-}), dt = /* @__PURE__ */ pe($a, [["__scopeId", "data-v-a3c5ab01"]]), xa = { "data-testid": "config-card-title" }, Ta = { class: "config-card-actions" }, Ka = { class: "config-card-details-section" }, Ba = ["data-testid"], Aa = {
+}), dt = /* @__PURE__ */ pe(Sa, [["__scopeId", "data-v-a3c5ab01"]]), $a = { "data-testid": "config-card-title" }, xa = { class: "config-card-actions" }, Ta = { class: "config-card-details-section" }, Ka = ["data-testid"], Ba = {
   key: 0,
   class: "config-card-prop-section-title"
-}, Pa = /* @__PURE__ */ te({
+}, Aa = /* @__PURE__ */ te({
   __name: "EntityBaseConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -1070,7 +1079,7 @@ const re = {
   emits: ["loading", "fetch:success", "fetch:error", "copy:success", "copy:error"],
   setup(e, { emit: o }) {
     var t;
-    const a = e, n = Fe(), { i18n: { t: r } } = re.useI18n(), { getMessageFromError: p } = re.useErrors(), { convertKeyToTitle: w } = re.useStringHelpers(), { axiosInstance: f } = re.useAxios({
+    const a = e, n = Oe(), { i18n: { t: r } } = re.useI18n(), { getMessageFromError: m } = re.useErrors(), { convertKeyToTitle: w } = re.useStringHelpers(), { axiosInstance: y } = re.useAxios({
       headers: (t = a.config) == null ? void 0 : t.requestHeaders
     }), $ = {
       id: {
@@ -1106,21 +1115,21 @@ const re = {
         // the last property displayed
         section: le.Basic
       }
-    }, h = A(!1), k = A(!1), F = A(""), S = A(), O = I(() => {
-      var m, q, x;
+    }, v = A(!1), I = A(!1), E = A(""), S = A(), O = C(() => {
+      var p, q, x;
       if (!S.value)
         return [];
       const G = [], D = Object.keys(S.value).length;
-      for (const R in S.value) {
-        const d = (q = (m = a.configSchema) == null ? void 0 : m[R]) == null ? void 0 : q.order, v = (x = $[R]) == null ? void 0 : x.order;
+      for (const F in S.value) {
+        const d = (q = (p = a.configSchema) == null ? void 0 : p[F]) == null ? void 0 : q.order, h = (x = $[F]) == null ? void 0 : x.order;
         let _ = D;
-        (v || v === 0) && (_ = v === -1 ? D + 1 : v), d && (_ = d === -1 ? D + 1 : d), G.push([R, _]);
+        (h || h === 0) && (_ = h === -1 ? D + 1 : h), d && (_ = d === -1 ? D + 1 : d), G.push([F, _]);
       }
-      return G.sort(function(R, d) {
-        return R[1] - d[1];
-      }), G.map((R) => {
-        var d, v;
-        const _ = R[0], N = (d = S.value) == null ? void 0 : d[_], ne = ((v = a.configSchema) == null ? void 0 : v[_]) || {}, oe = $[_];
+      return G.sort(function(F, d) {
+        return F[1] - d[1];
+      }), G.map((F) => {
+        var d, h;
+        const _ = F[0], N = (d = S.value) == null ? void 0 : d[_], ne = ((h = a.configSchema) == null ? void 0 : h[_]) || {}, oe = $[_];
         return {
           key: _,
           value: N,
@@ -1130,87 +1139,87 @@ const re = {
           tooltip: ne.tooltip ?? ((oe == null ? void 0 : oe.tooltip) || void 0),
           section: ne.section ?? ((oe == null ? void 0 : oe.section) || le.Advanced)
         };
-      }).filter((R) => !R.hidden && R.key !== a.pluginConfigKey);
-    }), E = I(() => {
-      var m, q;
+      }).filter((F) => !F.hidden && F.key !== a.pluginConfigKey);
+    }), U = C(() => {
+      var p, q;
       if (!S.value || !a.pluginConfigKey)
         return [];
       const x = S.value[a.pluginConfigKey] || {}, G = Object.keys(x).length, D = [];
-      for (const R in x) {
-        const d = (q = (m = a.pluginConfigSchema) == null ? void 0 : m[R]) == null ? void 0 : q.order, v = x[R];
-        let _ = v != null && v !== "" ? G - 1 : G;
-        d && (_ = d === -1 ? G + 1 : d), D.push([R, _]);
+      for (const F in x) {
+        const d = (q = (p = a.pluginConfigSchema) == null ? void 0 : p[F]) == null ? void 0 : q.order, h = x[F];
+        let _ = h != null && h !== "" ? G - 1 : G;
+        d && (_ = d === -1 ? G + 1 : d), D.push([F, _]);
       }
-      return D.sort(function(R, d) {
-        return R[1] - d[1];
-      }), D.map((R) => {
+      return D.sort(function(F, d) {
+        return F[1] - d[1];
+      }), D.map((F) => {
         var d;
-        const v = R[0], _ = x[v], N = ((d = a.pluginConfigSchema) == null ? void 0 : d[v]) || {};
+        const h = F[0], _ = x[h], N = ((d = a.pluginConfigSchema) == null ? void 0 : d[h]) || {};
         return {
-          key: v,
+          key: h,
           value: _,
           hidden: N.hidden || !1,
           type: N.type ?? Q.Text,
-          label: N.label ?? w(v),
+          label: N.label ?? w(h),
           tooltip: N.tooltip ?? void 0,
           section: le.Plugin
         };
-      }).filter((R) => !R.hidden);
-    }), l = I(() => {
-      var m, q, x, G;
+      }).filter((F) => !F.hidden);
+    }), l = C(() => {
+      var p, q, x, G;
       return {
-        basic: (m = O.value) == null ? void 0 : m.filter((D) => D.section === le.Basic),
+        basic: (p = O.value) == null ? void 0 : p.filter((D) => D.section === le.Basic),
         advanced: (q = O.value) == null ? void 0 : q.filter((D) => D.section === le.Advanced),
-        plugin: (G = E.value) == null ? void 0 : G.concat((x = O.value) == null ? void 0 : x.filter((D) => D.section === le.Plugin))
+        plugin: (G = U.value) == null ? void 0 : G.concat((x = O.value) == null ? void 0 : x.filter((D) => D.section === le.Plugin))
       };
-    }), y = I(() => {
-      const m = [];
-      return l.value.basic.length && m.push("basic"), l.value.advanced.length && m.push("advanced"), l.value.plugin.length && m.push("plugin"), m;
-    }), b = (m) => !!(m.tooltip || n[`${m.key}-label-tooltip`]), g = I(() => {
-      var m, q;
+    }), g = C(() => {
+      const p = [];
+      return l.value.basic.length && p.push("basic"), l.value.advanced.length && p.push("advanced"), l.value.plugin.length && p.push("plugin"), p;
+    }), b = (p) => !!(p.tooltip || n[`${p.key}-label-tooltip`]), f = C(() => {
+      var p, q;
       let x = `${a.config.apiBaseUrl}${a.fetchUrl}`;
-      return a.config.app === "konnect" ? x = x.replace(/{controlPlaneId}/gi, ((m = a.config) == null ? void 0 : m.controlPlaneId) || "") : a.config.app === "kongManager" && (x = x.replace(/\/{workspace}/gi, (q = a.config) != null && q.workspace ? `/${a.config.workspace}` : "")), x = x.replace(/{id}/gi, a.config.entityId), x;
-    }), L = (m) => {
-      S.value && m(JSON.stringify(S.value)) ? o("copy:success", S.value) : o("copy:error");
+      return a.config.app === "konnect" ? x = x.replace(/{controlPlaneId}/gi, ((p = a.config) == null ? void 0 : p.controlPlaneId) || "") : a.config.app === "kongManager" && (x = x.replace(/\/{workspace}/gi, (q = a.config) != null && q.workspace ? `/${a.config.workspace}` : "")), x = x.replace(/{id}/gi, a.config.entityId), x;
+    }), L = (p) => {
+      S.value && p(JSON.stringify(S.value)) ? o("copy:success", S.value) : o("copy:error");
     };
-    return he(h, (m) => {
-      o("loading", m);
+    return he(v, (p) => {
+      o("loading", p);
     }, { immediate: !0 }), Te(async () => {
-      k.value = !1, h.value = !0;
+      I.value = !1, v.value = !0;
       try {
-        const { data: m } = await f.get(g.value);
+        const { data: p } = await y.get(f.value);
         if (a.dataKey)
-          if (typeof m[a.dataKey] < "u")
-            S.value = { ...m[a.dataKey] };
+          if (typeof p[a.dataKey] < "u")
+            S.value = { ...p[a.dataKey] };
           else
             throw new Error(r("errors.dataKeyUndefined", { dataKey: a.dataKey }));
         else
-          S.value = { ...m };
+          S.value = { ...p };
         Object.keys(a.configSchema).filter((q) => a.configSchema[q].forceShow).forEach((q) => {
           S.value && typeof S.value[q] > "u" && (S.value[q] = null);
-        }), o("fetch:success", m);
-      } catch (m) {
-        const q = p(m);
-        F.value = q.startsWith("code") ? r("baseConfigCard.errors.load") : q, k.value = !0, o("fetch:error", m);
+        }), o("fetch:success", p);
+      } catch (p) {
+        const q = m(p);
+        E.value = q.startsWith("code") ? r("baseConfigCard.errors.load") : q, I.value = !0, o("fetch:error", p);
       } finally {
-        h.value = !1;
+        v.value = !1;
       }
-    }), (m, q) => {
-      const x = U("KButton"), G = U("KClipboardProvider"), D = U("KSkeleton"), R = U("KEmptyState"), d = U("KCard");
+    }), (p, q) => {
+      const x = R("KButton"), G = R("KClipboardProvider"), D = R("KSkeleton"), F = R("KEmptyState"), d = R("KCard");
       return u(), H(d, {
         "border-variant": "noBorder",
         class: "kong-ui-entity-base-config-card"
       }, Ce({
         actions: c(() => [
-          V("div", Ta, [
-            X(m.$slots, "actions", {}, void 0, !0),
+          V("div", xa, [
+            X(p.$slots, "actions", {}, void 0, !0),
             B(G, null, {
-              default: c(({ copyToClipboard: v }) => [
-                !h.value && !k.value ? (u(), H(x, {
+              default: c(({ copyToClipboard: h }) => [
+                !v.value && !I.value ? (u(), H(x, {
                   key: 0,
                   appearance: "btn-link",
                   "data-testid": "json-copy-button",
-                  onClick: (_) => L(v)
+                  onClick: (_) => L(h)
                 }, {
                   default: c(() => [
                     W(T(s(r)("baseConfigCard.actions.copy")), 1)
@@ -1223,37 +1232,37 @@ const re = {
           ])
         ]),
         body: c(() => [
-          h.value ? (u(), H(D, {
+          v.value ? (u(), H(D, {
             key: 0,
             "data-testid": "config-card-loader",
             "table-columns": 2,
             type: "table"
-          })) : k.value ? (u(), H(R, {
+          })) : I.value ? (u(), H(F, {
             key: 1,
             "data-testid": "config-card-fetch-error",
             "is-error": ""
           }, {
             message: c(() => [
-              V("h3", null, T(F.value), 1)
+              V("h3", null, T(E.value), 1)
             ]),
             _: 1
           })) : Z("", !0),
-          V("div", Ka, [
-            (u(!0), P(de, null, ue(y.value, (v) => (u(), P("div", {
-              key: `config-card-details-${v}-props`,
-              class: Ie(`config-card-details-${v}-props`),
-              "data-testid": `config-card-details-${v}-props`
+          V("div", Ta, [
+            (u(!0), P(de, null, ue(g.value, (h) => (u(), P("div", {
+              key: `config-card-details-${h}-props`,
+              class: we(`config-card-details-${h}-props`),
+              "data-testid": `config-card-details-${h}-props`
             }, [
-              v !== "basic" ? (u(), P("div", Aa, T(v === "advanced" ? s(r)("baseConfigCard.sections.advanced") : s(r)("baseConfigCard.sections.plugin")), 1)) : Z("", !0),
-              (u(!0), P(de, null, ue(l.value[v], (_) => (u(), H(dt, {
+              h !== "basic" ? (u(), P("div", Ba, T(h === "advanced" ? s(r)("baseConfigCard.sections.advanced") : s(r)("baseConfigCard.sections.plugin")), 1)) : Z("", !0),
+              (u(!0), P(de, null, ue(l.value[h], (_) => (u(), H(dt, {
                 key: _.key,
                 item: _
               }, Ce({
                 label: c(() => [
-                  X(m.$slots, `${_.key}-label`, { row: _ }, void 0, !0)
+                  X(p.$slots, `${_.key}-label`, { row: _ }, void 0, !0)
                 ]),
                 [_.key]: c(({ rowValue: N }) => [
-                  X(m.$slots, _.key, {
+                  X(p.$slots, _.key, {
                     row: _,
                     rowValue: N
                   }, void 0, !0)
@@ -1263,12 +1272,12 @@ const re = {
                 b(_) ? {
                   name: "label-tooltip",
                   fn: c(() => [
-                    X(m.$slots, `${_.key}-label-tooltip`, { row: _ }, void 0, !0)
+                    X(p.$slots, `${_.key}-label-tooltip`, { row: _ }, void 0, !0)
                   ]),
                   key: "0"
                 } : void 0
               ]), 1032, ["item"]))), 128))
-            ], 10, Ba))), 128))
+            ], 10, Ka))), 128))
           ])
         ]),
         _: 2
@@ -1276,8 +1285,8 @@ const re = {
         e.hideTitle ? void 0 : {
           name: "title",
           fn: c(() => [
-            V("div", xa, [
-              X(m.$slots, "title", {}, () => [
+            V("div", $a, [
+              X(p.$slots, "title", {}, () => [
                 W(T(s(r)("baseConfigCard.title")), 1)
               ], !0)
             ])
@@ -1287,10 +1296,10 @@ const re = {
       ]), 1024);
     };
   }
-}), Ma = /* @__PURE__ */ pe(Pa, [["__scopeId", "data-v-b72bbdde"]]), Ea = ["onReset", "onSubmit"], qa = {
+}), Pa = /* @__PURE__ */ pe(Aa, [["__scopeId", "data-v-b72bbdde"]]), Ma = ["onReset", "onSubmit"], Ea = {
   class: "form-actions",
   "data-testid": "form-actions"
-}, Ra = /* @__PURE__ */ te({
+}, Ua = /* @__PURE__ */ te({
   __name: "EntityBaseForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -1340,43 +1349,43 @@ const re = {
   emits: ["loading", "fetch:success", "fetch:error", "submit", "cancel"],
   setup(e, { emit: o }) {
     var t;
-    const a = e, n = je(), { i18n: { t: r } } = re.useI18n(), { getMessageFromError: p } = re.useErrors(), { axiosInstance: w } = re.useAxios({
+    const a = e, n = je(), { i18n: { t: r } } = re.useI18n(), { getMessageFromError: m } = re.useErrors(), { axiosInstance: w } = re.useAxios({
       headers: (t = a.config) == null ? void 0 : t.requestHeaders
-    }), f = A(!1), $ = A(!1), h = A(""), k = I(() => a.canSubmit === !1 || a.isReadonly), F = I(() => {
-      var l, y;
+    }), y = A(!1), $ = A(!1), v = A(""), I = C(() => a.canSubmit === !1 || a.isReadonly), E = C(() => {
+      var l, g;
       if (!a.editId)
         return "";
       let b = `${a.config.apiBaseUrl}${a.fetchUrl}`;
-      return a.config.app === "konnect" ? b = b.replace(/{controlPlaneId}/gi, ((l = a.config) == null ? void 0 : l.controlPlaneId) || "") : a.config.app === "kongManager" && (b = b.replace(/\/{workspace}/gi, (y = a.config) != null && y.workspace ? `/${a.config.workspace}` : "")), b = b.replace(/{id}/gi, a.editId), b;
+      return a.config.app === "konnect" ? b = b.replace(/{controlPlaneId}/gi, ((l = a.config) == null ? void 0 : l.controlPlaneId) || "") : a.config.app === "kongManager" && (b = b.replace(/\/{workspace}/gi, (g = a.config) != null && g.workspace ? `/${a.config.workspace}` : "")), b = b.replace(/{id}/gi, a.editId), b;
     }), S = () => {
       a.config.cancelRoute ? n.push(a.config.cancelRoute) : O();
     }, O = () => {
       o("cancel");
-    }, E = () => {
-      k.value || o("submit");
+    }, U = () => {
+      I.value || o("submit");
     };
-    return he(() => f.value, (l) => {
+    return he(() => y.value, (l) => {
       o("loading", l);
     }, { immediate: !0 }), Te(async () => {
       if (a.editId)
         try {
-          $.value = !1, f.value = !0;
-          const { data: l } = await w.get(F.value);
+          $.value = !1, y.value = !0;
+          const { data: l } = await w.get(E.value);
           o("fetch:success", l);
         } catch (l) {
-          const y = p(l);
-          h.value = y.startsWith("code") ? r("baseForm.errors.edit") : y, $.value = !0, o("fetch:error", l);
+          const g = m(l);
+          v.value = g.startsWith("code") ? r("baseForm.errors.edit") : g, $.value = !0, o("fetch:error", l);
         } finally {
-          f.value = !1;
+          y.value = !1;
         }
-    }), (l, y) => {
-      const b = U("KSkeleton"), g = U("KEmptyState"), L = U("KAlert"), m = U("KButton"), q = U("KCard");
+    }), (l, g) => {
+      const b = R("KSkeleton"), f = R("KEmptyState"), L = R("KAlert"), p = R("KButton"), q = R("KCard");
       return u(), H(q, { class: "kong-ui-entity-base-form" }, {
         body: c(() => [
-          f.value ? (u(), H(b, {
+          y.value ? (u(), H(b, {
             key: 0,
             type: "form"
-          })) : $.value ? (u(), H(g, {
+          })) : $.value ? (u(), H(f, {
             key: 1,
             "cta-text": s(r)("baseForm.actions.back"),
             "data-testid": "form-fetch-error",
@@ -1384,14 +1393,14 @@ const re = {
             "is-error": !0
           }, {
             message: c(() => [
-              V("h3", null, T(h.value), 1)
+              V("h3", null, T(v.value), 1)
             ]),
             _: 1
           }, 8, ["cta-text"])) : (u(), P("form", {
             key: 2,
             "data-testid": "form-content",
             onReset: Ee(O, ["prevent"]),
-            onSubmit: Ee(E, ["prevent"])
+            onSubmit: Ee(U, ["prevent"])
           }, [
             X(l.$slots, "default", {}, void 0, !0),
             e.errorMessage ? (u(), H(L, {
@@ -1400,9 +1409,9 @@ const re = {
               appearance: "danger",
               "data-testid": "form-error"
             }, null, 8, ["alert-message"])) : Z("", !0),
-            V("div", qa, [
+            V("div", Ea, [
               X(l.$slots, "form-actions", {}, () => [
-                B(m, {
+                B(p, {
                   appearance: "outline",
                   "data-testid": "form-cancel",
                   disabled: e.isReadonly,
@@ -1413,10 +1422,10 @@ const re = {
                   ]),
                   _: 1
                 }, 8, ["disabled"]),
-                B(m, {
+                B(p, {
                   appearance: "primary",
                   "data-testid": "form-submit",
-                  disabled: k.value,
+                  disabled: I.value,
                   type: "submit"
                 }, {
                   default: c(() => [
@@ -1426,13 +1435,13 @@ const re = {
                 }, 8, ["disabled"])
               ], !0)
             ])
-          ], 40, Ea))
+          ], 40, Ma))
         ]),
         _: 3
       });
     };
   }
-}), Ua = /* @__PURE__ */ pe(Ra, [["__scopeId", "data-v-2286e5f2"]]), Fa = { key: 0 }, Va = /* @__PURE__ */ te({
+}), qa = /* @__PURE__ */ pe(Ua, [["__scopeId", "data-v-2286e5f2"]]), Fa = { key: 0 }, Ra = /* @__PURE__ */ te({
   __name: "EntityBaseTableCell",
   props: {
     keyName: {
@@ -1445,69 +1454,69 @@ const re = {
     }
   },
   setup(e) {
-    const o = e, t = I(() => {
-      var E;
-      return ((E = o.rowEl) == null ? void 0 : E.querySelector(`[data-testid="${o.keyName}"]`)) || null;
-    }), a = I(() => {
-      var E;
-      return ((E = t.value) == null ? void 0 : E.querySelector('[role="button"]')) || null;
-    }), n = I(() => {
-      var E, l;
-      const y = (E = o.rowEl) == null ? void 0 : E.querySelectorAll("td");
-      return y ? ((l = y[0]) == null ? void 0 : l.getAttribute("data-testid")) === o.keyName : !1;
+    const o = e, t = C(() => {
+      var U;
+      return ((U = o.rowEl) == null ? void 0 : U.querySelector(`[data-testid="${o.keyName}"]`)) || null;
+    }), a = C(() => {
+      var U;
+      return ((U = t.value) == null ? void 0 : U.querySelector('[role="button"]')) || null;
+    }), n = C(() => {
+      var U, l;
+      const g = (U = o.rowEl) == null ? void 0 : U.querySelectorAll("td");
+      return g ? ((l = g[0]) == null ? void 0 : l.getAttribute("data-testid")) === o.keyName : !1;
     });
     let r;
-    const p = () => {
+    const m = () => {
       r && (r.disconnect(), r = void 0);
     }, w = () => {
-      var E, l, y;
-      $.value = ((E = a.value) == null ? void 0 : E.getBoundingClientRect().width) || 0, h.value = ((l = t.value) == null ? void 0 : l.clientWidth) || 0, k.value = ((y = f.value) == null ? void 0 : y.innerText) || "";
-    }, f = A({}), $ = A(0), h = A(0), k = A(""), F = I(() => [a.value, t.value]), S = he(
-      F,
-      (E) => {
-        if (n.value && (p(), "ResizeObserver" in window && window)) {
+      var U, l, g;
+      $.value = ((U = a.value) == null ? void 0 : U.getBoundingClientRect().width) || 0, v.value = ((l = t.value) == null ? void 0 : l.clientWidth) || 0, I.value = ((g = y.value) == null ? void 0 : g.innerText) || "";
+    }, y = A({}), $ = A(0), v = A(0), I = A(""), E = C(() => [a.value, t.value]), S = he(
+      E,
+      (U) => {
+        if (n.value && (m(), "ResizeObserver" in window && window)) {
           r = new ResizeObserver((l) => {
             window.requestAnimationFrame(() => {
               !Array.isArray(l) || !l.length || w();
             });
           });
-          for (const l of E)
+          for (const l of U)
             l && r.observe(l);
         }
       },
       { immediate: !0, flush: "post", deep: !0 }
-    ), O = I(() => n.value ? $.value > h.value : !1);
+    ), O = C(() => n.value ? $.value > v.value : !1);
     return bt(() => {
       w();
     }), _t(() => {
       S();
-    }), (E, l) => {
-      const y = U("KTooltip");
+    }), (U, l) => {
+      const g = R("KTooltip");
       return u(), P("span", {
         ref_key: "contentRef",
-        ref: f,
+        ref: y,
         class: "content-wrapper"
       }, [
         n.value ? (u(), P("span", Fa, [
-          B(y, {
+          B(g, {
             disabled: !O.value,
-            label: k.value,
+            label: I.value,
             "max-width": "300",
             placement: "bottomStart"
           }, {
             default: c(() => [
-              X(E.$slots, "default", {}, void 0, !0)
+              X(U.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["disabled", "label"])
-        ])) : X(E.$slots, "default", { key: 1 }, void 0, !0)
+        ])) : X(U.$slots, "default", { key: 1 }, void 0, !0)
       ], 512);
     };
   }
-}), ja = /* @__PURE__ */ pe(Va, [["__scopeId", "data-v-f8a220e9"]]), Oa = { class: "toolbar-container" }, La = {
+}), Va = /* @__PURE__ */ pe(Ra, [["__scopeId", "data-v-f8a220e9"]]), Oa = { class: "toolbar-container" }, ja = {
   key: 0,
   class: "toolbar-button-container"
-}, Ga = ["data-testid"], Na = /* @__PURE__ */ te({
+}, La = ["data-testid"], Ga = /* @__PURE__ */ te({
   __name: "EntityBaseTable",
   props: {
     // table header configuration
@@ -1611,55 +1620,55 @@ const re = {
   },
   emits: ["click:row", "sort", "clear-search-input", "empty-state-cta-clicked"],
   setup(e, { emit: o }) {
-    const t = e, { i18n: { t: a } } = re.useI18n(), n = I(() => t.cacheIdentifier || t.preferencesStorageKey), r = (g) => g.hasData || !!t.query, p = I(() => {
-      const g = [];
+    const t = e, { i18n: { t: a } } = re.useI18n(), n = C(() => t.cacheIdentifier || t.preferencesStorageKey), r = (f) => f.hasData || !!t.query, m = C(() => {
+      const f = [];
       return Object.keys(t.tableHeaders).forEach((L) => {
-        const m = t.tableHeaders[L];
-        g.push({
-          label: m.label ?? L,
+        const p = t.tableHeaders[L];
+        f.push({
+          label: p.label ?? L,
           key: L,
-          sortable: m.sortable ?? !1
+          sortable: p.sortable ?? !1
         });
-      }), t.enableEntityActions && g.push({
+      }), t.enableEntityActions && f.push({
         key: "actions",
         hideLabel: !0
-      }), g;
-    }), w = (g) => ({
-      "data-rowid": g.id,
-      "data-testid": g.name,
-      ...t.rowAttributes(g)
-    }), f = A({}), $ = (g) => {
+      }), f;
+    }), w = (f) => ({
+      "data-rowid": f.id,
+      "data-testid": f.name,
+      ...t.rowAttributes(f)
+    }), y = A({}), $ = (f) => {
       var L;
-      return (L = f.value) == null ? void 0 : L.$el.querySelector(`[data-rowid="${g.id}"]`);
-    }, h = (g) => {
+      return (L = y.value) == null ? void 0 : L.$el.querySelector(`[data-rowid="${f.id}"]`);
+    }, v = (f) => {
       const L = {
-        "data-testid": g.headerKey,
-        ...t.cellAttributes(g)
+        "data-testid": f.headerKey,
+        ...t.cellAttributes(f)
       };
-      return g.colIndex === 0 && (L.style = {
+      return f.colIndex === 0 && (L.style = {
         maxWidth: "250px",
         overflowX: "hidden",
         textOverflow: "ellipsis"
       }), L;
-    }, k = () => {
-      o("empty-state-cta-clicked"), F();
-    }, F = () => {
+    }, I = () => {
+      o("empty-state-cta-clicked"), E();
+    }, E = () => {
       o("clear-search-input");
-    }, S = (g, L) => {
+    }, S = (f, L) => {
       o("click:row", L);
-    }, O = (g) => {
-      o("sort", g);
-    }, { setTablePreferences: E, getTablePreferences: l } = Kt(), y = I(() => {
-      const g = l(t.preferencesStorageKey);
+    }, O = (f) => {
+      o("sort", f);
+    }, { setTablePreferences: U, getTablePreferences: l } = Kt(), g = C(() => {
+      const f = l(t.preferencesStorageKey);
       return {
         ...t.initialFetcherParams,
-        ...g
+        ...f
       };
-    }), b = (g) => {
-      t.preferencesStorageKey && E(t.preferencesStorageKey, g);
+    }), b = (f) => {
+      t.preferencesStorageKey && U(t.preferencesStorageKey, f);
     };
-    return (g, L) => {
-      const m = U("KIcon"), q = U("KButton"), x = U("KDropdownMenu"), G = U("KTable"), D = U("KCard");
+    return (f, L) => {
+      const p = R("KIcon"), q = R("KButton"), x = R("KDropdownMenu"), G = R("KTable"), D = R("KCard");
       return u(), H(D, {
         class: "kong-ui-entity-base-table",
         title: e.title
@@ -1667,9 +1676,9 @@ const re = {
         body: c(() => [
           B(G, {
             ref_key: "tableRefs",
-            ref: f,
+            ref: y,
             "cache-identifier": n.value,
-            "cell-attrs": h,
+            "cell-attrs": v,
             "disable-pagination-page-jump": e.disablePaginationPageJump,
             "disable-sorting": e.disableSorting,
             "empty-state-action-button-icon": e.query ? "" : "plus",
@@ -1684,42 +1693,42 @@ const re = {
             fetcher: e.fetcher,
             "fetcher-cache-key": String(e.fetcherCacheKey),
             "has-error": !!e.errorMessage,
-            headers: p.value,
+            headers: m.value,
             "hide-pagination-when-optional": "",
-            "initial-fetcher-params": y.value,
+            "initial-fetcher-params": g.value,
             "is-loading": e.isLoading,
             "pagination-type": e.paginationType,
             "row-attrs": w,
             "search-input": e.query,
-            onKtableEmptyStateCtaClicked: k,
+            onKtableEmptyStateCtaClicked: I,
             "onRow:click": S,
-            onSort: L[0] || (L[0] = (R) => O(R)),
+            onSort: L[0] || (L[0] = (F) => O(F)),
             "onUpdate:tablePreferences": b
           }, Ce({
-            toolbar: c(({ state: R }) => [
+            toolbar: c(({ state: F }) => [
               Ae(V("div", Oa, [
-                X(g.$slots, "toolbar-filter", {}, void 0, !0),
-                g.$slots["toolbar-button"] ? (u(), P("div", La, [
-                  X(g.$slots, "toolbar-button", {}, void 0, !0)
+                X(f.$slots, "toolbar-filter", {}, void 0, !0),
+                f.$slots["toolbar-button"] ? (u(), P("div", ja, [
+                  X(f.$slots, "toolbar-button", {}, void 0, !0)
                 ])) : Z("", !0)
               ], 512), [
-                [Pe, r(R)]
+                [Pe, r(F)]
               ])
             ]),
-            actions: c(({ row: R, rowKey: d, rowValue: v }) => [
+            actions: c(({ row: F, rowKey: d, rowValue: h }) => [
               V("div", {
                 class: "actions-container",
-                "data-testid": R.name
+                "data-testid": F.name
               }, [
                 B(x, {
                   "kpop-attributes": { placement: "bottomEnd" },
                   width: e.dropdownMenuWidth
                 }, {
                   items: c(() => [
-                    X(g.$slots, "actions", {
-                      row: R,
+                    X(f.$slots, "actions", {
+                      row: F,
                       rowKey: d,
-                      rowValue: v
+                      rowValue: h
                     }, void 0, !0)
                   ]),
                   default: c(() => [
@@ -1729,8 +1738,8 @@ const re = {
                       size: "small"
                     }, {
                       icon: c(() => [
-                        B(m, {
-                          color: s(pa),
+                        B(p, {
+                          color: s(da),
                           icon: "more",
                           size: "16"
                         }, null, 8, ["color"])
@@ -1740,20 +1749,20 @@ const re = {
                   ]),
                   _: 2
                 }, 1032, ["width"])
-              ], 8, Ga)
+              ], 8, La)
             ]),
             _: 2
           }, [
-            ue(e.tableHeaders, (R, d) => ({
+            ue(e.tableHeaders, (F, d) => ({
               name: d,
-              fn: c(({ row: v, rowKey: _, rowValue: N }) => [
-                B(ja, {
+              fn: c(({ row: h, rowKey: _, rowValue: N }) => [
+                B(Va, {
                   "key-name": String(d),
-                  "row-el": $(v)
+                  "row-el": $(h)
                 }, {
                   default: c(() => [
-                    X(g.$slots, d, {
-                      row: v,
+                    X(f.$slots, d, {
+                      row: h,
                       rowKey: _,
                       rowValue: N
                     }, () => [
@@ -1770,13 +1779,13 @@ const re = {
       }, 8, ["title"]);
     };
   }
-}), Da = /* @__PURE__ */ pe(Na, [["__scopeId", "data-v-a598b1d9"]]), Ha = {
+}), Na = /* @__PURE__ */ pe(Ga, [["__scopeId", "data-v-a598b1d9"]]), Da = {
   key: 0,
   class: "kong-ui-entity-delete-error"
-}, Ja = {
+}, Ha = {
   key: 1,
   class: "description"
-}, za = /* @__PURE__ */ te({
+}, Ja = /* @__PURE__ */ te({
   __name: "EntityDeleteModal",
   props: {
     visible: {
@@ -1815,14 +1824,14 @@ const re = {
   },
   emits: ["cancel", "proceed"],
   setup(e, { emit: o }) {
-    const t = e, { i18nT: a } = re.useI18n(), n = I(() => t.needConfirm ? t.entityName : ""), r = () => {
+    const t = e, { i18nT: a } = re.useI18n(), n = C(() => t.needConfirm ? t.entityName : ""), r = () => {
       o("cancel");
-    }, p = () => {
+    }, m = () => {
       o("proceed");
     };
-    return (w, f) => {
-      const $ = U("KAlert"), h = U("KPrompt");
-      return u(), H(h, {
+    return (w, y) => {
+      const $ = R("KAlert"), v = R("KPrompt");
+      return u(), H(v, {
         "action-button-text": "Yes, delete",
         "action-pending": e.actionPending,
         class: "kong-ui-entity-delete-modal",
@@ -1831,10 +1840,10 @@ const re = {
         title: e.title,
         type: "danger",
         onCanceled: r,
-        onProceed: p
+        onProceed: m
       }, {
         "body-content": c(() => [
-          e.error ? (u(), P("div", Ha, [
+          e.error ? (u(), P("div", Da, [
             B($, { appearance: "danger" }, {
               alertMessage: c(() => [
                 W(T(e.error), 1)
@@ -1860,7 +1869,7 @@ const re = {
               key: "0"
             } : void 0
           ]), 1032, ["keypath"]),
-          t.description || w.$slots.description ? (u(), P("div", Ja, [
+          t.description || w.$slots.description ? (u(), P("div", Ha, [
             X(w.$slots, "description", {}, () => [
               V("p", null, T(t.description), 1)
             ], !0)
@@ -1870,13 +1879,13 @@ const re = {
       }, 8, ["action-pending", "confirmation-text", "is-visible", "title"]);
     };
   }
-}), Wa = /* @__PURE__ */ pe(za, [["__scopeId", "data-v-1c9a2a07"]]), Qa = {
+}), za = /* @__PURE__ */ pe(Ja, [["__scopeId", "data-v-1c9a2a07"]]), Wa = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
   width: "20",
   xmlns: "http://www.w3.org/2000/svg"
-}, Za = {
+}, Qa = {
   id: "mask0_180_20349",
   height: "20",
   maskUnits: "userSpaceOnUse",
@@ -1884,35 +1893,35 @@ const re = {
   width: "20",
   x: "0",
   y: "0"
-}, Xa = ["fill"], Ya = { mask: "url(#mask0_180_20349)" }, eo = ["fill"], to = /* @__PURE__ */ te({
+}, Za = ["fill"], Xa = { mask: "url(#mask0_180_20349)" }, Ya = ["fill"], eo = /* @__PURE__ */ te({
   __name: "IconFilter",
   props: {
     color: {
       type: String,
-      default: `var(--kong-ui-entity-filter-color, ${ca})`
+      default: `var(--kong-ui-entity-filter-color, ${ua})`
     }
   },
   setup(e) {
-    return (o, t) => (u(), P("svg", Qa, [
-      V("mask", Za, [
+    return (o, t) => (u(), P("svg", Wa, [
+      V("mask", Qa, [
         V("rect", {
           fill: e.color,
           height: "20",
           width: "20"
-        }, null, 8, Xa)
+        }, null, 8, Za)
       ]),
-      V("g", Ya, [
+      V("g", Xa, [
         V("path", {
           d: "M8 14.5V13H12V14.5H8ZM5 10.75V9.25H15V10.75H5ZM3 7V5.5H17V7H3Z",
           fill: e.color
-        }, null, 8, eo)
+        }, null, 8, Ya)
       ])
     ]));
   }
-}), ao = {
+}), to = {
   key: 1,
   class: "kong-ui-entity-filter"
-}, oo = { class: "menu-item-title" }, ro = { class: "menu-item-indicator" }, no = { class: "menu-item-body" }, so = ["for"], lo = { class: "menu-item-buttons" }, io = /* @__PURE__ */ te({
+}, ao = { class: "menu-item-title" }, oo = { class: "menu-item-indicator" }, ro = { class: "menu-item-body" }, no = ["for"], so = { class: "menu-item-buttons" }, lo = /* @__PURE__ */ te({
   __name: "EntityFilter",
   props: {
     // filter config, either exact match or fuzzy match
@@ -1932,49 +1941,49 @@ const re = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: o }) {
-    const t = e, { i18n: { t: a } } = re.useI18n(), n = A(!1), r = A({}), p = I(() => {
+    const t = e, { i18n: { t: a } } = re.useI18n(), n = A(!1), r = A({}), m = C(() => {
       const l = [];
-      return new URLSearchParams(t.modelValue).forEach((y, b) => {
-        y !== "" && l.push(b);
+      return new URLSearchParams(t.modelValue).forEach((g, b) => {
+        g !== "" && l.push(b);
       }), l;
-    }), w = I(() => {
+    }), w = C(() => {
       const l = t.config.fields;
-      return Object.keys(l).filter((y) => l[y].searchable).map((y) => ({
-        label: l[y].label || y,
-        value: y
+      return Object.keys(l).filter((g) => l[g].searchable).map((g) => ({
+        label: l[g].label || g,
+        value: g
       }));
     });
     he(() => t.modelValue, (l) => {
-      r.value = {}, new URLSearchParams(l).forEach((y, b) => {
-        r.value[b] = y;
+      r.value = {}, new URLSearchParams(l).forEach((g, b) => {
+        r.value[b] = g;
       });
     });
-    const f = () => {
+    const y = () => {
       n.value = !n.value;
     }, $ = (l) => {
       o("update:modelValue", l);
-    }, h = (l) => `filter-${l}`, k = (l) => {
-      var y, b;
-      return (((b = (y = t.config.schema) == null ? void 0 : y[l]) == null ? void 0 : b.values) ?? []).map((g) => ({
-        value: g,
-        label: g
+    }, v = (l) => `filter-${l}`, I = (l) => {
+      var g, b;
+      return (((b = (g = t.config.schema) == null ? void 0 : g[l]) == null ? void 0 : b.values) ?? []).map((f) => ({
+        value: f,
+        label: f
       }));
-    }, F = (l) => {
-      var y, b;
-      return ((b = (y = t.config.schema) == null ? void 0 : y[l]) == null ? void 0 : b.type) ?? "text";
+    }, E = (l) => {
+      var g, b;
+      return ((b = (g = t.config.schema) == null ? void 0 : g[l]) == null ? void 0 : b.type) ?? "text";
     }, S = (l) => {
       r.value = {
         ...r.value,
         [l]: ""
-      }, E();
+      }, U();
     }, O = () => {
-      r.value = {}, E(!0);
-    }, E = (l = !1) => {
-      const y = Object.keys(r.value).reduce((b, g) => (r.value[g] && (b[g] = `${r.value[g]}`), b), {});
-      l && (n.value = !1), o("update:modelValue", new URLSearchParams(y).toString());
+      r.value = {}, U(!0);
+    }, U = (l = !1) => {
+      const g = Object.keys(r.value).reduce((b, f) => (r.value[f] && (b[f] = `${r.value[f]}`), b), {});
+      l && (n.value = !1), o("update:modelValue", new URLSearchParams(g).toString());
     };
-    return (l, y) => {
-      const b = U("KInput"), g = U("KButton"), L = U("KSelect"), m = U("KMenuItem"), q = U("KMenu");
+    return (l, g) => {
+      const b = R("KInput"), f = R("KButton"), L = R("KSelect"), p = R("KMenuItem"), q = R("KMenu");
       return e.config.isExactMatch ? (u(), H(b, {
         key: 0,
         autocomplete: "off",
@@ -1985,83 +1994,83 @@ const re = {
         "onUpdate:modelValue": $
       }, {
         icon: c(() => [
-          B(to)
+          B(eo)
         ]),
         _: 1
-      }, 8, ["model-value", "placeholder"])) : (u(), P("div", ao, [
-        B(g, {
+      }, 8, ["model-value", "placeholder"])) : (u(), P("div", to, [
+        B(f, {
           appearance: "btn-link",
           "data-testid": "filter-button",
           icon: "filter",
-          onClick: f
+          onClick: y
         }, {
           default: c(() => [
-            W(T(s(a)("filter.filterButtonText")) + " " + T(p.value.length > 0 ? `(${p.value.length})` : ""), 1)
+            W(T(s(a)("filter.filterButtonText")) + " " + T(m.value.length > 0 ? `(${m.value.length})` : ""), 1)
           ]),
           _: 1
         }),
         Ae(V("div", {
           class: "kong-ui-entity-filter-backdrop",
-          onClick: f
+          onClick: y
         }, null, 512), [
           [Pe, n.value]
         ]),
         Ae(B(q, { class: "kong-ui-entity-filter-menu" }, {
           body: c(() => [
-            (u(!0), P(de, null, ue(w.value, (x, G) => (u(), H(m, {
+            (u(!0), P(de, null, ue(w.value, (x, G) => (u(), H(p, {
               key: x.value,
               "data-testid": x.value,
               expandable: "",
               "last-menu-item": G === w.value.length - 1
             }, {
               itemTitle: c(() => [
-                V("span", oo, [
+                V("span", ao, [
                   W(T(x.label) + " ", 1),
-                  Ae(V("span", ro, null, 512), [
-                    [Pe, p.value.includes(x.value)]
+                  Ae(V("span", oo, null, 512), [
+                    [Pe, m.value.includes(x.value)]
                   ])
                 ])
               ]),
               itemBody: c(() => {
-                var D, R;
+                var D, F;
                 return [
-                  V("div", no, [
+                  V("div", ro, [
                     V("label", {
                       class: "menu-item-label",
-                      for: h(x.value)
-                    }, T(s(a)("filter.fieldLabel")), 9, so),
-                    ((R = (D = e.config.schema) == null ? void 0 : D[x.value]) == null ? void 0 : R.type) === "select" ? (u(), H(L, {
+                      for: v(x.value)
+                    }, T(s(a)("filter.fieldLabel")), 9, no),
+                    ((F = (D = e.config.schema) == null ? void 0 : D[x.value]) == null ? void 0 : F.type) === "select" ? (u(), H(L, {
                       key: 0,
-                      id: h(x.value),
+                      id: v(x.value),
                       modelValue: r.value[x.value],
                       "onUpdate:modelValue": (d) => r.value[x.value] = d,
                       appearance: "select",
-                      items: k(x.value),
+                      items: I(x.value),
                       placeholder: s(a)("filter.selectPlaceholder")
                     }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "items", "placeholder"])) : (u(), H(b, {
                       key: 1,
-                      id: h(x.value),
+                      id: v(x.value),
                       modelValue: r.value[x.value],
                       "onUpdate:modelValue": (d) => r.value[x.value] = d,
                       autocomplete: "off",
                       placeholder: s(a)("filter.inputPlaceholder"),
                       size: "small",
-                      type: F(x.value)
+                      type: E(x.value)
                     }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "placeholder", "type"]))
                   ]),
-                  V("div", lo, [
-                    B(g, {
+                  V("div", so, [
+                    B(f, {
                       appearance: "btn-link",
                       "data-testid": "apply-filter",
                       size: "small",
-                      onClick: y[0] || (y[0] = (d) => E(!0))
+                      onClick: g[0] || (g[0] = (d) => U(!0))
                     }, {
                       default: c(() => [
                         W(T(s(a)("filter.applyButtonText")), 1)
                       ]),
                       _: 1
                     }),
-                    B(g, {
+                    B(f, {
                       appearance: "btn-link",
                       "data-testid": "clear-filter",
                       size: "small",
@@ -2079,7 +2088,7 @@ const re = {
             }, 1032, ["data-testid", "last-menu-item"]))), 128))
           ]),
           actionButton: c(() => [
-            B(g, { onClick: O }, {
+            B(f, { onClick: O }, {
               default: c(() => [
                 W(T(s(a)("filter.clearAllButtonText")), 1)
               ]),
@@ -2093,7 +2102,7 @@ const re = {
       ]));
     };
   }
-}), uo = /* @__PURE__ */ pe(io, [["__scopeId", "data-v-745f38c0"]]), Be = /* @__PURE__ */ te({
+}), io = /* @__PURE__ */ pe(lo, [["__scopeId", "data-v-745f38c0"]]), Be = /* @__PURE__ */ te({
   __name: "PermissionsWrapper",
   props: {
     /**
@@ -2115,7 +2124,7 @@ const re = {
     }
   },
   setup(e) {
-    const o = e, t = A(void 0), a = I(() => t.value === !0 || t.value !== void 0 && o.forceShow === !0);
+    const o = e, t = A(void 0), a = C(() => t.value === !0 || t.value !== void 0 && o.forceShow === !0);
     return he(() => o.authFunction, async () => {
       t.value = await o.authFunction();
     }, { immediate: !0 }), (n, r) => a.value ? X(n.$slots, "default", {
@@ -2123,16 +2132,16 @@ const re = {
       isAllowed: t.value
     }) : Z("", !0);
   }
-}), co = { class: "form-section-wrapper" }, po = {
+}), uo = { class: "form-section-wrapper" }, co = {
   key: 0,
   class: "form-section-title"
-}, mo = {
+}, po = {
   key: 1,
   class: "form-section-description"
-}, go = {
+}, mo = {
   key: 2,
   class: "form-section-footer"
-}, fo = { class: "form-section-content" }, yo = /* @__PURE__ */ te({
+}, fo = { class: "form-section-content" }, go = /* @__PURE__ */ te({
   __name: "EntityFormSection",
   props: {
     title: {
@@ -2157,22 +2166,22 @@ const re = {
     }
   },
   setup(e) {
-    const o = Fe();
+    const o = Oe();
     return (t, a) => (u(), P("fieldset", {
-      class: Ie(["kong-ui-entity-form-section", { "has-divider": e.hasDivider }])
+      class: we(["kong-ui-entity-form-section", { "has-divider": e.hasDivider }])
     }, [
-      V("div", co, [
+      V("div", uo, [
         e.hideInfoHeader ? Z("", !0) : (u(), P("div", {
           key: 0,
-          class: Ie(["form-section-info", { sticky: e.stickyInfoHeader }])
+          class: we(["form-section-info", { sticky: e.stickyInfoHeader }])
         }, [
-          e.title ? (u(), P("h4", po, T(e.title), 1)) : Z("", !0),
-          e.description || s(o).description ? (u(), P("div", mo, [
+          e.title ? (u(), P("h4", co, T(e.title), 1)) : Z("", !0),
+          e.description || s(o).description ? (u(), P("div", po, [
             X(t.$slots, "description", {}, () => [
               V("p", null, T(e.description), 1)
             ], !0)
           ])) : Z("", !0),
-          s(o).footer ? (u(), P("div", go, [
+          s(o).footer ? (u(), P("div", mo, [
             X(t.$slots, "footer", {}, void 0, !0)
           ])) : Z("", !0)
         ], 2)),
@@ -2182,11 +2191,11 @@ const re = {
       ])
     ], 2));
   }
-}), at = /* @__PURE__ */ pe(yo, [["__scopeId", "data-v-8b6dc312"]]), { useAxios: Ne, useDeleteUrlBuilder: vo, useErrors: ho, useFetchUrlBuilder: Vo, useFetcher: bo, useDebouncedFilter: pt, useStringHelpers: jo, useGatewayFeatureSupported: Oo } = re;
-const _o = { class: "add-to-group-form-container" }, ko = { class: "add-to-group-cta-text" }, Co = {
+}), ot = /* @__PURE__ */ pe(go, [["__scopeId", "data-v-8b6dc312"]]), { useAxios: De, useDeleteUrlBuilder: yo, useErrors: vo, useFetchUrlBuilder: Ro, useFetcher: ho, useDebouncedFilter: pt, useStringHelpers: Vo, useGatewayFeatureSupported: Oo } = re;
+const bo = { class: "add-to-group-form-container" }, _o = { class: "add-to-group-cta-text" }, ko = {
   key: 0,
   class: "kong-ui-entity-add-to-groups-error"
-}, Io = { key: 0 }, wo = /* @__PURE__ */ te({
+}, Co = { key: 0 }, wo = /* @__PURE__ */ te({
   __name: "AddToGroupModal",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -2203,25 +2212,25 @@ const _o = { class: "add-to-group-form-container" }, ko = { class: "add-to-group
   },
   emits: ["cancel", "add:success", "add:partial-success", "error"],
   setup(e, { emit: o }) {
-    var R;
-    const t = e, { i18n: { t: a } } = qe.useI18n(), { axiosInstance: n } = Ne({
-      headers: (R = t.config) == null ? void 0 : R.requestHeaders
+    var F;
+    const t = e, { i18n: { t: a } } = qe.useI18n(), { axiosInstance: n } = De({
+      headers: (F = t.config) == null ? void 0 : F.requestHeaders
     }), r = A([]), {
-      debouncedQueryChange: p,
+      debouncedQueryChange: m,
       loading: w,
-      allRecords: f,
+      allRecords: y,
       error: $,
-      loadItems: h,
-      results: k
+      loadItems: v,
+      results: I
     } = pt(
       t.config,
-      fe.list[t.config.app].all,
+      ge.list[t.config.app].all,
       "",
       {
         fetchedItemsKey: "data",
         searchKeys: ["name", "id"]
       }
-    ), F = I(() => $.value ? a("consumer_groups.errors.general") : ""), S = A(0), O = I(() => f.value === void 0), E = I(() => k.value.map((d) => ({
+    ), E = C(() => $.value ? a("consumer_groups.errors.general") : ""), S = A(0), O = C(() => y.value === void 0), U = C(() => I.value.map((d) => ({
       label: d.name,
       value: d.id,
       selected: r.value.includes(d.id),
@@ -2229,89 +2238,89 @@ const _o = { class: "add-to-group-form-container" }, ko = { class: "add-to-group
       // we need this to determine whether or not to show the description text
     }))), l = (d) => {
       var _;
-      const v = O.value ? k.value.find((N) => N.id === d) : (_ = f.value) == null ? void 0 : _.find((N) => N.id === d);
-      return v ? v.name : d;
-    }, y = () => {
+      const h = O.value ? I.value.find((N) => N.id === d) : (_ = y.value) == null ? void 0 : _.find((N) => N.id === d);
+      return h ? h.name : d;
+    }, g = () => {
       L.value = "", b.value = [], G.value = [], o("cancel");
-    }, b = A([]), g = A(!1), L = A(""), m = async () => {
+    }, b = A([]), f = A(!1), L = A(""), p = async () => {
       if (!r.value.length) {
         L.value = "", G.value = [], o("cancel");
         return;
       }
-      g.value = !0, L.value = "", b.value = [], G.value = [];
+      f.value = !0, L.value = "", b.value = [], G.value = [];
       try {
-        const d = r.value.map((N) => x(N)), v = await Promise.allSettled(d);
+        const d = r.value.map((N) => x(N)), h = await Promise.allSettled(d);
         let _ = !0;
-        v.forEach((N) => {
+        h.forEach((N) => {
           N.status !== "fulfilled" && (_ = !1);
-        }), _ ? (b.value = [], G.value = [], o("add:success", r.value), r.value = []) : (b.value.length && o("add:partial-success", b.value), r.value = [], D(v));
+        }), _ ? (b.value = [], G.value = [], o("add:success", r.value), r.value = []) : (b.value.length && o("add:partial-success", b.value), r.value = [], D(h));
       } catch {
         L.value = a("consumer_groups.errors.add"), o("error", L.value);
       } finally {
-        g.value = !1;
+        f.value = !1;
       }
-    }, q = I(() => {
-      var v, _, N, ne;
-      let d = `${t.config.apiBaseUrl}${fe.list[t.config.app].forConsumer}`;
-      return t.config.app === "konnect" ? d = d.replace(/{controlPlaneId}/gi, ((v = t.config) == null ? void 0 : v.controlPlaneId) || "").replace(/{consumerId}/gi, ((_ = t.config) == null ? void 0 : _.consumerId) || "") : t.config.app === "kongManager" && (d = d.replace(/\/{workspace}/gi, (N = t.config) != null && N.workspace ? `/${t.config.workspace}` : "").replace(/{consumerId}/gi, ((ne = t.config) == null ? void 0 : ne.consumerId) || "")), d;
+    }, q = C(() => {
+      var h, _, N, ne;
+      let d = `${t.config.apiBaseUrl}${ge.list[t.config.app].forConsumer}`;
+      return t.config.app === "konnect" ? d = d.replace(/{controlPlaneId}/gi, ((h = t.config) == null ? void 0 : h.controlPlaneId) || "").replace(/{consumerId}/gi, ((_ = t.config) == null ? void 0 : _.consumerId) || "") : t.config.app === "kongManager" && (d = d.replace(/\/{workspace}/gi, (N = t.config) != null && N.workspace ? `/${t.config.workspace}` : "").replace(/{consumerId}/gi, ((ne = t.config) == null ? void 0 : ne.consumerId) || "")), d;
     }), x = async (d) => {
-      const v = {
+      const h = {
         group: d
       };
       try {
-        const _ = await n.post(q.value, v);
+        const _ = await n.post(q.value, h);
         return b.value.push(d), _;
       } catch (_) {
         let N = `${l(d)} - ${_.message}`;
         return _.response.status === 409 && (N = `${l(d)} - ${a("consumer_groups.errors.already_added")}`), Promise.reject(Error(N));
       }
     }, G = A([]), D = (d) => {
-      G.value = d.map((v) => {
+      G.value = d.map((h) => {
         var _;
-        return (_ = v.reason) == null ? void 0 : _.message;
+        return (_ = h.reason) == null ? void 0 : _.message;
       }).filter(Boolean);
     };
-    return he(E, () => {
+    return he(U, () => {
       S.value++;
     }, { immediate: !0, deep: !0 }), Te(async () => {
-      await h();
-    }), (d, v) => {
-      const _ = U("KMultiselect"), N = U("KAlert"), ne = U("KPrompt");
+      await v();
+    }), (d, h) => {
+      const _ = R("KMultiselect"), N = R("KAlert"), ne = R("KPrompt");
       return u(), H(ne, {
-        "action-pending": g.value,
+        "action-pending": f.value,
         class: "kong-ui-entities-add-to-groups-modal",
         "data-testid": "add-to-group-modal",
         "is-visible": e.visible,
         title: s(a)("consumer_groups.consumers.add.title"),
-        onCanceled: y,
-        onProceed: m
+        onCanceled: g,
+        onProceed: p
       }, {
         "body-content": c(() => [
-          V("div", _o, [
-            V("p", ko, T(s(a)("consumer_groups.consumers.add.ctaText")), 1),
+          V("div", bo, [
+            V("p", _o, T(s(a)("consumer_groups.consumers.add.ctaText")), 1),
             B(_, {
               modelValue: r.value,
-              "onUpdate:modelValue": v[0] || (v[0] = (oe) => r.value = oe),
+              "onUpdate:modelValue": h[0] || (h[0] = (oe) => r.value = oe),
               autosuggest: "",
               "data-testid": "add-to-groups-multiselect",
               "dropdown-footer-text": O.value ? s(a)("consumer_groups.consumers.add.footer") : void 0,
-              items: E.value,
+              items: U.value,
               label: s(a)("consumer_groups.consumers.add.consumer_groups_label"),
               loading: s(w),
               placeholder: s(a)("consumer_groups.consumers.add.consumer_group_placeholder"),
-              readonly: g.value,
+              readonly: f.value,
               required: "",
               width: "100%",
-              onQueryChange: s(p)
+              onQueryChange: s(m)
             }, null, 8, ["modelValue", "dropdown-footer-text", "items", "label", "loading", "placeholder", "readonly", "onQueryChange"]),
-            L.value || F.value || G.value.length ? (u(), P("div", Co, [
+            L.value || E.value || G.value.length ? (u(), P("div", ko, [
               B(N, { appearance: "danger" }, {
                 alertMessage: c(() => [
                   V("p", null, T(s(a)("consumer_groups.errors.add")), 1),
-                  G.value.length ? (u(), P("ul", Io, [
-                    (u(!0), P(de, null, ue(G.value, (oe, we) => (u(), P("li", { key: we }, T(oe), 1))), 128))
+                  G.value.length ? (u(), P("ul", Co, [
+                    (u(!0), P(de, null, ue(G.value, (oe, Ie) => (u(), P("li", { key: Ie }, T(oe), 1))), 128))
                   ])) : Z("", !0),
-                  V("div", null, T(L.value || F.value), 1)
+                  V("div", null, T(L.value || E.value), 1)
                 ]),
                 _: 1
               })
@@ -2323,12 +2332,12 @@ const _o = { class: "add-to-group-form-container" }, ko = { class: "add-to-group
     };
   }
 });
-const De = (e, o) => {
+const He = (e, o) => {
   const t = e.__vccOpts || e;
   for (const [a, n] of o)
     t[a] = n;
   return t;
-}, So = /* @__PURE__ */ De(wo, [["__scopeId", "data-v-4d30f3c5"]]), $o = { class: "kong-ui-entities-consumer-groups-list" }, xo = { key: 1 }, To = /* @__PURE__ */ te({
+}, Io = /* @__PURE__ */ He(wo, [["__scopeId", "data-v-4d30f3c5"]]), So = { class: "kong-ui-entities-consumer-groups-list" }, $o = { key: 1 }, xo = /* @__PURE__ */ te({
   __name: "ConsumerGroupList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -2369,86 +2378,86 @@ const De = (e, o) => {
   },
   emits: ["error", "copy:success", "copy:error", "delete:success", "add:success", "remove:success"],
   setup(e, { emit: o }) {
-    var He;
-    const t = e, { i18nT: a, i18n: { t: n } } = qe.useI18n(), r = je(), { axiosInstance: p } = Ne({
-      headers: (He = t.config) == null ? void 0 : He.requestHeaders
-    }), w = A(1), f = I(() => !!t.config.consumerId), $ = I(() => t.config.app !== "kongManager" || !!t.config.disableSorting), h = {
+    var Je;
+    const t = e, { i18nT: a, i18n: { t: n } } = qe.useI18n(), r = je(), { axiosInstance: m } = De({
+      headers: (Je = t.config) == null ? void 0 : Je.requestHeaders
+    }), w = A(1), y = C(() => !!t.config.consumerId), $ = C(() => t.config.app !== "kongManager" || !!t.config.disableSorting), v = {
       name: { label: n("consumer_groups.list.table_headers.name"), searchable: !0, sortable: !0 }
     };
-    t.config.app === "kongManager" && (h.consumers_count = { label: n("consumer_groups.list.table_headers.consumers_count"), searchable: !1, sortable: !1 }), h.tags = { label: n("consumer_groups.list.table_headers.tags"), sortable: !1 };
-    const k = h, F = (C) => ({
-      "data-testid": C.username ?? C.custom_id ?? C.id
-    }), S = I(() => {
+    t.config.app === "kongManager" && (v.consumers_count = { label: n("consumer_groups.list.table_headers.consumers_count"), searchable: !1, sortable: !1 }), v.tags = { label: n("consumer_groups.list.table_headers.tags"), sortable: !1 };
+    const I = v, E = (k) => ({
+      "data-testid": k.username ?? k.custom_id ?? k.id
+    }), S = C(() => {
       var J, ee, ie, ye;
-      let C = `${t.config.apiBaseUrl}${fe.list[t.config.app][f.value ? "forConsumer" : "all"]}`;
-      return t.config.app === "konnect" ? C = C.replace(/{controlPlaneId}/gi, ((J = t.config) == null ? void 0 : J.controlPlaneId) || "").replace(/{consumerId}/gi, ((ee = t.config) == null ? void 0 : ee.consumerId) || "") : t.config.app === "kongManager" && (C = C.replace(/\/{workspace}/gi, (ie = t.config) != null && ie.workspace ? `/${t.config.workspace}` : "").replace(/{consumerId}/gi, ((ye = t.config) == null ? void 0 : ye.consumerId) || "")), C;
-    }), O = A(""), E = I(() => {
-      const C = t.config.app === "konnect" || t.config.isExactMatch;
-      return C ? {
-        isExactMatch: C,
+      let k = `${t.config.apiBaseUrl}${ge.list[t.config.app][y.value ? "forConsumer" : "all"]}`;
+      return t.config.app === "konnect" ? k = k.replace(/{controlPlaneId}/gi, ((J = t.config) == null ? void 0 : J.controlPlaneId) || "").replace(/{consumerId}/gi, ((ee = t.config) == null ? void 0 : ee.consumerId) || "") : t.config.app === "kongManager" && (k = k.replace(/\/{workspace}/gi, (ie = t.config) != null && ie.workspace ? `/${t.config.workspace}` : "").replace(/{consumerId}/gi, ((ye = t.config) == null ? void 0 : ye.consumerId) || "")), k;
+    }), O = A(""), U = C(() => {
+      const k = t.config.app === "konnect" || t.config.isExactMatch;
+      return k ? {
+        isExactMatch: k,
         fields: {
-          username: h.name,
+          username: v.name,
           id: { label: n("consumer_groups.list.table_headers.id") }
         },
         placeholder: n("consumer_groups.search.placeholder")
       } : {
-        isExactMatch: C,
+        isExactMatch: k,
         fields: {
-          name: h.name
+          name: v.name
         },
         schema: t.config.filterSchema
       };
-    }), l = I(() => f.value ? "consumer_groups" : void 0), { fetcher: y, fetcherState: b } = bo(t.config, S.value, l.value), g = () => {
+    }), l = C(() => y.value ? "consumer_groups" : void 0), { fetcher: g, fetcherState: b } = ho(t.config, S.value, l.value), f = () => {
       O.value = "";
     }, L = () => {
       w.value++;
-    }, m = A(""), q = (C, J) => {
-      const ee = C.id;
+    }, p = A(""), q = (k, J) => {
+      const ee = k.id;
       if (!J(ee)) {
         o("copy:error", {
-          entity: C,
+          entity: k,
           field: "id",
           message: n("consumer_groups.errors.copy")
         });
         return;
       }
       o("copy:success", {
-        entity: C,
+        entity: k,
         field: "id",
         message: n("consumer_groups.copy.success", { val: ee })
       });
-    }, x = (C, J) => {
-      const ee = JSON.stringify(C);
+    }, x = (k, J) => {
+      const ee = JSON.stringify(k);
       if (!J(ee)) {
         o("copy:error", {
-          entity: C,
+          entity: k,
           message: n("consumer_groups.errors.copy")
         });
         return;
       }
       o("copy:success", {
-        entity: C,
+        entity: k,
         message: n("consumer_groups.copy.success_brief")
       });
-    }, G = async (C) => {
+    }, G = async (k) => {
       var ee;
-      await ((ee = t.canRetrieve) == null ? void 0 : ee.call(t, C)) && r.push(t.config.getViewRoute(C.id));
-    }, D = (C) => ({
+      await ((ee = t.canRetrieve) == null ? void 0 : ee.call(t, k)) && r.push(t.config.getViewRoute(k.id));
+    }, D = (k) => ({
       label: n("consumer_groups.actions.view"),
-      to: t.config.getViewRoute(C)
-    }), R = (C) => ({
+      to: t.config.getViewRoute(k)
+    }), F = (k) => ({
       label: n("consumer_groups.actions.edit"),
-      to: t.config.getEditRoute(C)
-    }), d = A(void 0), v = A(!1), _ = A(!1), N = A(""), ne = vo(t.config, S.value), oe = (C) => {
-      d.value = C, v.value = !0;
-    }, we = () => {
-      v.value = !1;
+      to: t.config.getEditRoute(k)
+    }), d = A(void 0), h = A(!1), _ = A(!1), N = A(""), ne = yo(t.config, S.value), oe = (k) => {
+      d.value = k, h.value = !0;
+    }, Ie = () => {
+      h.value = !1;
     }, Ke = async () => {
-      var C, J, ee;
-      if ((C = d.value) != null && C.id) {
+      var k, J, ee;
+      if ((k = d.value) != null && k.id) {
         _.value = !0;
         try {
-          await p.delete(ne(d.value.id)), _.value = !1, v.value = !1, w.value++, o("delete:success", d.value);
+          await m.delete(ne(d.value.id)), _.value = !1, h.value = !1, w.value++, o("delete:success", d.value);
         } catch (ie) {
           N.value = ((ee = (J = ie.response) == null ? void 0 : J.data) == null ? void 0 : ee.message) || ie.message || n("consumer_groups.errors.delete"), o("error", ie);
         } finally {
@@ -2459,75 +2468,75 @@ const De = (e, o) => {
       be.value = !0;
     }, i = () => {
       be.value = !1;
-    }, K = (C, J) => {
-      J || i(), w.value++, o("add:success", C);
+    }, K = (k, J) => {
+      J || i(), w.value++, o("add:success", k);
     }, Y = () => {
-      f.value && Se();
-    }, M = A(void 0), j = A(!1), se = A(""), ce = (C) => {
-      M.value = C, j.value = !0;
+      y.value && Se();
+    }, M = A(void 0), j = A(!1), se = A(""), ce = (k) => {
+      M.value = k, j.value = !0;
     }, ae = () => {
       j.value = !1, M.value = void 0;
-    }, _e = I(() => {
+    }, _e = C(() => {
       var J, ee, ie, ye;
-      let C = `${t.config.apiBaseUrl}${fe.list[t.config.app].oneForConsumer}`;
-      return t.config.app === "konnect" ? C = C.replace(/{controlPlaneId}/gi, ((J = t.config) == null ? void 0 : J.controlPlaneId) || "").replace(/{consumerId}/gi, ((ee = t.config) == null ? void 0 : ee.consumerId) || "") : t.config.app === "kongManager" && (C = C.replace(/\/{workspace}/gi, (ie = t.config) != null && ie.workspace ? `/${t.config.workspace}` : "").replace(/{consumerId}/gi, ((ye = t.config) == null ? void 0 : ye.consumerId) || "")), C;
+      let k = `${t.config.apiBaseUrl}${ge.list[t.config.app].oneForConsumer}`;
+      return t.config.app === "konnect" ? k = k.replace(/{controlPlaneId}/gi, ((J = t.config) == null ? void 0 : J.controlPlaneId) || "").replace(/{consumerId}/gi, ((ee = t.config) == null ? void 0 : ee.consumerId) || "") : t.config.app === "kongManager" && (k = k.replace(/\/{workspace}/gi, (ie = t.config) != null && ie.workspace ? `/${t.config.workspace}` : "").replace(/{consumerId}/gi, ((ye = t.config) == null ? void 0 : ye.consumerId) || "")), k;
     }), $e = A(!1), mt = async () => {
       if (M.value) {
         $e.value = !0;
         try {
-          const C = _e.value.replace(/{consumerGroupId}/gi, M.value.id);
-          await p.delete(C), o("remove:success", M.value), ae(), w.value++;
-        } catch (C) {
-          se.value = C.message || n("consumer_groups.errors.delete"), o("error", C);
+          const k = _e.value.replace(/{consumerGroupId}/gi, M.value.id);
+          await m.delete(k), o("remove:success", M.value), ae(), w.value++;
+        } catch (k) {
+          se.value = k.message || n("consumer_groups.errors.delete"), o("error", k);
         } finally {
           $e.value = !1;
         }
       }
     };
-    he(b, (C) => {
-      if (C.status === ve.Error) {
-        m.value = n("consumer_groups.errors.general"), o("error", C.error);
+    he(b, (k) => {
+      if (k.status === ve.Error) {
+        p.value = n("consumer_groups.errors.general"), o("error", k.error);
         return;
       }
-      m.value = "";
+      p.value = "";
     });
-    const Re = A({
-      ctaPath: f.value ? void 0 : t.config.createRoute,
+    const Fe = A({
+      ctaPath: y.value ? void 0 : t.config.createRoute,
       ctaText: void 0,
       message: n("consumer_groups.list.empty_state.description"),
       title: n("consumer_groups.title")
     });
     return Te(async () => {
-      await t.canCreate() && (Re.value.title = f.value ? n("consumer_groups.list.empty_state.title_for_consumer") : n("consumer_groups.list.empty_state.title"), Re.value.ctaText = f.value ? n("consumer_groups.actions.add_to_group") : n("consumer_groups.actions.create"));
-    }), (C, J) => {
-      const ee = U("KButton"), ie = U("KBadge"), ye = U("KTruncate"), xe = U("KDropdownItem"), Je = U("KClipboardProvider"), gt = U("KPrompt");
-      return u(), P("div", $o, [
-        B(s(Da), {
+      await t.canCreate() && (Fe.value.title = y.value ? n("consumer_groups.list.empty_state.title_for_consumer") : n("consumer_groups.list.empty_state.title"), Fe.value.ctaText = y.value ? n("consumer_groups.actions.add_to_group") : n("consumer_groups.actions.create"));
+    }), (k, J) => {
+      const ee = R("KButton"), ie = R("KBadge"), ye = R("KTruncate"), xe = R("KDropdownItem"), ze = R("KClipboardProvider"), ft = R("KPrompt");
+      return u(), P("div", So, [
+        B(s(Na), {
           "cache-identifier": e.cacheIdentifier,
-          "disable-pagination": f.value,
+          "disable-pagination": y.value,
           "disable-pagination-page-jump": "",
           "disable-sorting": $.value,
-          "empty-state-options": Re.value,
+          "empty-state-options": Fe.value,
           "enable-entity-actions": "",
-          "error-message": m.value,
-          fetcher: s(y),
+          "error-message": p.value,
+          fetcher: s(g),
           "fetcher-cache-key": w.value,
           "pagination-type": "offset",
           "preferences-storage-key": "kong-ui-entities-consumer-groups-list",
           query: O.value,
-          "row-attributes": F,
-          "table-headers": s(k),
-          onClearSearchInput: g,
+          "row-attributes": E,
+          "table-headers": s(I),
+          onClearSearchInput: f,
           "onClick:row": J[3] || (J[3] = (z) => G(z)),
           onEmptyStateCtaClicked: Y,
           onSort: L
         }, {
           "toolbar-filter": c(() => [
-            f.value ? Z("", !0) : (u(), H(s(uo), {
+            y.value ? Z("", !0) : (u(), H(s(io), {
               key: 0,
               modelValue: O.value,
               "onUpdate:modelValue": J[0] || (J[0] = (z) => O.value = z),
-              config: E.value
+              config: U.value
             }, null, 8, ["modelValue", "config"]))
           ]),
           "toolbar-button": c(() => [
@@ -2572,14 +2581,14 @@ const De = (e, o) => {
                 }, 1024))), 128))
               ]),
               _: 2
-            }, 1024)) : (u(), P("span", xo, "-"))
+            }, 1024)) : (u(), P("span", $o, "-"))
           ]),
           actions: c(({ row: z }) => [
-            B(Je, null, {
+            B(ze, null, {
               default: c(({ copyToClipboard: ke }) => [
                 B(xe, {
                   "data-testid": "action-entity-copy-id",
-                  onClick: (ft) => q(z, ke)
+                  onClick: (gt) => q(z, ke)
                 }, {
                   default: c(() => [
                     W(T(s(n)("consumer_groups.actions.copy_id")), 1)
@@ -2589,11 +2598,11 @@ const De = (e, o) => {
               ]),
               _: 2
             }, 1024),
-            B(Je, null, {
+            B(ze, null, {
               default: c(({ copyToClipboard: ke }) => [
                 B(xe, {
                   "data-testid": "action-entity-copy-json",
-                  onClick: (ft) => x(z, ke)
+                  onClick: (gt) => x(z, ke)
                 }, {
                   default: c(() => [
                     W(T(s(n)("consumer_groups.actions.copy_json")), 1)
@@ -2621,7 +2630,7 @@ const De = (e, o) => {
               default: c(() => [
                 B(xe, {
                   "data-testid": "action-entity-edit",
-                  item: R(z.id)
+                  item: F(z.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
@@ -2647,7 +2656,7 @@ const De = (e, o) => {
           ]),
           _: 1
         }, 8, ["cache-identifier", "disable-pagination", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers"]),
-        B(s(Wa), {
+        B(s(za), {
           "action-pending": _.value,
           "data-testid": "delete-consumer-group-modal",
           description: s(n)("consumer_groups.delete.description"),
@@ -2655,11 +2664,11 @@ const De = (e, o) => {
           "entity-type": s(nt).ConsumerGroup,
           error: N.value,
           title: s(n)("consumer_groups.delete.title"),
-          visible: v.value,
-          onCancel: we,
+          visible: h.value,
+          onCancel: Ie,
           onProceed: Ke
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"]),
-        e.config.consumerId ? (u(), H(So, {
+        e.config.consumerId ? (u(), H(Io, {
           key: 0,
           config: e.config,
           "data-testid": "add-to-group-modal",
@@ -2668,7 +2677,7 @@ const De = (e, o) => {
           "onAdd:success": J[5] || (J[5] = (z) => K(z)),
           onCancel: i
         }, null, 8, ["config", "visible"])) : Z("", !0),
-        e.config.consumerId && M.value ? (u(), H(gt, {
+        e.config.consumerId && M.value ? (u(), H(ft, {
           key: 1,
           "data-testid": "exit-group-modal",
           "is-visible": j.value,
@@ -2704,10 +2713,10 @@ const De = (e, o) => {
     };
   }
 });
-const Lo = /* @__PURE__ */ De(To, [["__scopeId", "data-v-80c4522c"]]), Ko = { class: "kong-ui-entities-consumer-group-form" }, Bo = { class: "select-item-label" }, Ao = {
+const jo = /* @__PURE__ */ He(xo, [["__scopeId", "data-v-80c4522c"]]), To = { class: "kong-ui-entities-consumer-group-form" }, Ko = { class: "select-item-label" }, Bo = {
   key: 0,
   class: "select-item-desc"
-}, Po = /* @__PURE__ */ te({
+}, Ao = /* @__PURE__ */ te({
   __name: "ConsumerGroupForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -2726,7 +2735,7 @@ const Lo = /* @__PURE__ */ De(To, [["__scopeId", "data-v-80c4522c"]]), Ko = { cl
   emits: ["update", "error", "loading"],
   setup(e, { emit: o }) {
     var Ke, be, Se;
-    const t = e, { i18n: { t: a } } = qe.useI18n(), n = je(), r = ze({
+    const t = e, { i18n: { t: a } } = qe.useI18n(), n = je(), r = We({
       fields: {
         name: "",
         tags: "",
@@ -2734,38 +2743,38 @@ const Lo = /* @__PURE__ */ De(To, [["__scopeId", "data-v-80c4522c"]]), Ko = { cl
       },
       errorMessage: "",
       readonly: !1
-    }), p = ze({
+    }), m = We({
       name: "",
       tags: "",
       consumers: []
     }), {
       debouncedQueryChange: w,
-      loading: f,
+      loading: y,
       error: $,
-      loadItems: h,
-      results: k
-    } = pt(t.config, (be = fe.form[(Ke = t.config) == null ? void 0 : Ke.app]) == null ? void 0 : be.consumersList, "", {
+      loadItems: v,
+      results: I
+    } = pt(t.config, (be = ge.form[(Ke = t.config) == null ? void 0 : Ke.app]) == null ? void 0 : be.consumersList, "", {
       fetchedItemsKey: "data",
       searchKeys: ["username", "custom_id"]
-    }), { axiosInstance: F } = Ne({
+    }), { axiosInstance: E } = De({
       headers: (Se = t.config) == null ? void 0 : Se.requestHeaders
-    }), { getMessageFromError: S } = ho(), O = I(() => k.value.map((i) => ({
+    }), { getMessageFromError: S } = vo(), O = C(() => I.value.map((i) => ({
       label: i.username || i.custom_id,
       value: i.id,
       selected: r.fields.consumers.includes(i.id),
       data: i
       // we need this to determine whether or not to show the description text
-    }))), E = I(() => {
+    }))), U = C(() => {
       var i, K;
-      return (K = fe.form[(i = t.config) == null ? void 0 : i.app]) == null ? void 0 : K.edit;
-    }), l = I(() => t.consumerGroupId ? Me.Edit : Me.Create), y = I(() => !!r.fields.name && !G.value), b = I(() => JSON.stringify(r.fields) !== JSON.stringify(p)), g = (i, K = "", Y = "") => {
+      return (K = ge.form[(i = t.config) == null ? void 0 : i.app]) == null ? void 0 : K.edit;
+    }), l = C(() => t.consumerGroupId ? Me.Edit : Me.Create), g = C(() => !!r.fields.name && !G.value), b = C(() => JSON.stringify(r.fields) !== JSON.stringify(m)), f = (i, K = "", Y = "") => {
       var j, se, ce, ae, _e, $e;
-      let M = `${(j = t.config) == null ? void 0 : j.apiBaseUrl}${fe.form[(se = t.config) == null ? void 0 : se.app][i]}`;
+      let M = `${(j = t.config) == null ? void 0 : j.apiBaseUrl}${ge.form[(se = t.config) == null ? void 0 : se.app][i]}`;
       return ((ce = t.config) == null ? void 0 : ce.app) === "konnect" ? M = M.replace(/{controlPlaneId}/gi, ((ae = t.config) == null ? void 0 : ae.controlPlaneId) || "") : ((_e = t.config) == null ? void 0 : _e.app) === "kongManager" && (M = M.replace(/\/{workspace}/gi, ($e = t.config) != null && $e.workspace ? `/${t.config.workspace}` : "")), M = M.replace(/{id}/gi, K || t.consumerGroupId), (i === "addConsumer" || i === "removeConsumer") && (M = M.replace(/{consumerId}/gi, Y)), M;
     }, L = () => {
       var i;
       n.push(((i = t.config) == null ? void 0 : i.cancelRoute) || { name: "consumer-group-list" });
-    }, m = (i) => {
+    }, p = (i) => {
       o("error", i);
     }, q = (i) => {
       o("loading", i);
@@ -2777,53 +2786,53 @@ const Lo = /* @__PURE__ */ De(To, [["__scopeId", "data-v-80c4522c"]]), Ko = { cl
         r.fields.consumers = ((se = i == null ? void 0 : i.consumers) == null ? void 0 : se.map((ae) => ae.id)) || [];
       else
         try {
-          const { data: ae } = await F.get(g("getConsumers"));
+          const { data: ae } = await E.get(f("getConsumers"));
           r.fields.consumers = "consumers" in ae ? (ce = ae == null ? void 0 : ae.consumers) == null ? void 0 : ce.map((_e) => _e.id) : [];
         } catch (ae) {
-          v(ae);
+          h(ae);
         }
-      Object.assign(p, r.fields);
-    }, G = I(() => /^[0-9a-zA-Z.\-_~]*$/.test(r.fields.name) ? "" : a("consumer_groups.form.validation_errors.name")), D = () => {
+      Object.assign(m, r.fields);
+    }, G = C(() => /^[0-9a-zA-Z.\-_~]*$/.test(r.fields.name) ? "" : a("consumer_groups.form.validation_errors.name")), D = () => {
       var i, K;
       return {
         name: r.fields.name,
         tags: (K = (i = r.fields.tags.split(",")) == null ? void 0 : i.map((Y) => String(Y || "").trim())) == null ? void 0 : K.filter((Y) => Y !== "")
       };
-    }, R = async (i, K = "") => await F.post(g("addConsumer", K, i), { consumer: i }), d = async (i, K = "") => await F.delete(g("removeConsumer", K, i)), v = (i) => {
+    }, F = async (i, K = "") => await E.post(f("addConsumer", K, i), { consumer: i }), d = async (i, K = "") => await E.delete(f("removeConsumer", K, i)), h = (i) => {
       r.errorMessage = S(i), o("error", i);
     }, _ = (i = t.consumerGroupId) => {
-      Object.assign(p, r.fields), o("update", { ...r.fields, id: i });
+      Object.assign(m, r.fields), o("update", { ...r.fields, id: i });
     }, N = (i, K, Y = t.consumerGroupId) => {
       const M = i == null ? void 0 : i.find((j) => j.status !== "fulfilled");
-      M ? v({
+      M ? h({
         code: M.status,
         message: K
       }) : _(Y);
     }, ne = async () => {
       let i = "";
       try {
-        const { data: K } = await F.post(g("create"), D());
+        const { data: K } = await E.post(f("create"), D());
         i = "item" in K ? K.item.id : K.id;
       } catch (K) {
-        v(K);
+        h(K);
       }
       if (r.fields.consumers.length > 0 && i)
         try {
-          const K = r.fields.consumers.map((M) => R(M, i)), Y = await Promise.allSettled(K);
+          const K = r.fields.consumers.map((M) => F(M, i)), Y = await Promise.allSettled(K);
           N(Y, a("consumer_groups.errors.add_consumer"), i);
         } catch (K) {
-          v(K);
+          h(K);
         }
       else
         r.fields.consumers.length === 0 && i && _(i);
     }, oe = async () => {
       var Y;
       try {
-        ((Y = t.config) == null ? void 0 : Y.app) === "konnect" ? await F.put(g("edit"), D()) : await F.patch(g("edit"), D());
+        ((Y = t.config) == null ? void 0 : Y.app) === "konnect" ? await E.put(f("edit"), D()) : await E.patch(f("edit"), D());
       } catch (M) {
-        v(M);
+        h(M);
       }
-      const i = r.fields.consumers.filter((M) => !p.consumers.includes(M)), K = p.consumers.filter((M) => !r.fields.consumers.includes(M));
+      const i = r.fields.consumers.filter((M) => !m.consumers.includes(M)), K = m.consumers.filter((M) => !r.fields.consumers.includes(M));
       if (K.length === 0 && i.length === 0)
         _();
       else {
@@ -2832,17 +2841,17 @@ const Lo = /* @__PURE__ */ De(To, [["__scopeId", "data-v-80c4522c"]]), Ko = { cl
             const M = K.map((se) => d(se)), j = await Promise.allSettled(M);
             N(j, a("consumer_groups.errors.remove_consumer"));
           } catch (M) {
-            v(M);
+            h(M);
           }
         if (i.length > 0)
           try {
-            const M = i.map((se) => R(se)), j = await Promise.allSettled(M);
+            const M = i.map((se) => F(se)), j = await Promise.allSettled(M);
             N(j, a("consumer_groups.errors.add_consumer"));
           } catch (M) {
-            v(M);
+            h(M);
           }
       }
-    }, we = async () => {
+    }, Ie = async () => {
       try {
         r.readonly = !0, l.value === Me.Create ? await ne() : await oe();
       } finally {
@@ -2850,25 +2859,25 @@ const Lo = /* @__PURE__ */ De(To, [["__scopeId", "data-v-80c4522c"]]), Ko = { cl
       }
     };
     return Te(async () => {
-      await h();
+      await v();
     }), (i, K) => {
-      const Y = U("KInput"), M = U("KMultiselect");
-      return u(), P("div", Ko, [
-        B(s(Ua), {
-          "can-submit": y.value && b.value,
+      const Y = R("KInput"), M = R("KMultiselect");
+      return u(), P("div", To, [
+        B(s(qa), {
+          "can-submit": g.value && b.value,
           config: e.config,
           "edit-id": e.consumerGroupId,
           "error-message": r.errorMessage || s($) || G.value,
-          "fetch-url": E.value,
+          "fetch-url": U.value,
           "is-readonly": r.readonly,
           onCancel: L,
-          "onFetch:error": K[3] || (K[3] = (j) => m(j)),
+          "onFetch:error": K[3] || (K[3] = (j) => p(j)),
           "onFetch:success": x,
           onLoading: K[4] || (K[4] = (j) => q(j)),
-          onSubmit: we
+          onSubmit: Ie
         }, {
           default: c(() => [
-            B(s(at), {
+            B(s(ot), {
               description: s(a)("consumer_groups.form.general_info.description"),
               title: s(a)("consumer_groups.form.general_info.title")
             }, {
@@ -2902,7 +2911,7 @@ const Lo = /* @__PURE__ */ De(To, [["__scopeId", "data-v-80c4522c"]]), Ko = { cl
               ]),
               _: 1
             }, 8, ["description", "title"]),
-            B(s(at), {
+            B(s(ot), {
               description: s(a)("consumer_groups.form.consumers.description"),
               "has-divider": "",
               title: s(a)("consumer_groups.form.consumers.title")
@@ -2916,7 +2925,7 @@ const Lo = /* @__PURE__ */ De(To, [["__scopeId", "data-v-80c4522c"]]), Ko = { cl
                   "expand-selected": "",
                   items: O.value,
                   label: s(a)("consumer_groups.form.fields.consumers.label"),
-                  loading: s(f),
+                  loading: s(y),
                   placeholder: s(a)("consumer_groups.form.fields.consumers.placeholder"),
                   width: "auto",
                   onQueryChange: s(w)
@@ -2924,8 +2933,8 @@ const Lo = /* @__PURE__ */ De(To, [["__scopeId", "data-v-80c4522c"]]), Ko = { cl
                   "item-template": c(({ item: j }) => {
                     var se, ce, ae;
                     return [
-                      V("div", Bo, T(j.label), 1),
-                      (se = j == null ? void 0 : j.data) != null && se.username && ((ce = j == null ? void 0 : j.data) != null && ce.custom_id) ? (u(), P("div", Ao, T((ae = j == null ? void 0 : j.data) == null ? void 0 : ae.custom_id), 1)) : Z("", !0)
+                      V("div", Ko, T(j.label), 1),
+                      (se = j == null ? void 0 : j.data) != null && se.username && ((ce = j == null ? void 0 : j.data) != null && ce.custom_id) ? (u(), P("div", Bo, T((ae = j == null ? void 0 : j.data) == null ? void 0 : ae.custom_id), 1)) : Z("", !0)
                     ];
                   }),
                   _: 1
@@ -2940,7 +2949,7 @@ const Lo = /* @__PURE__ */ De(To, [["__scopeId", "data-v-80c4522c"]]), Ko = { cl
     };
   }
 });
-const Go = /* @__PURE__ */ De(Po, [["__scopeId", "data-v-2da12897"]]), Mo = { class: "kong-ui-consumer-group-entity-config-card" }, No = /* @__PURE__ */ te({
+const Lo = /* @__PURE__ */ He(Ao, [["__scopeId", "data-v-2da12897"]]), Po = { class: "kong-ui-consumer-group-entity-config-card" }, Go = /* @__PURE__ */ te({
   __name: "ConsumerGroupConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -2959,7 +2968,7 @@ const Go = /* @__PURE__ */ De(Po, [["__scopeId", "data-v-2da12897"]]), Mo = { cl
   },
   emits: ["loading", "fetch:error", "fetch:success", "copy:success"],
   setup(e) {
-    const o = e, { i18n: { t } } = qe.useI18n(), a = I(() => fe.form[o.config.app].edit), n = A({
+    const o = e, { i18n: { t } } = qe.useI18n(), a = C(() => ge.form[o.config.app].edit), n = A({
       id: {},
       name: {},
       created_at: {},
@@ -2968,23 +2977,23 @@ const Go = /* @__PURE__ */ De(Po, [["__scopeId", "data-v-2da12897"]]), Mo = { cl
         tooltip: t("consumer_groups.form.fields.tags.tooltip")
       }
     });
-    return (r, p) => (u(), P("div", Mo, [
-      B(s(Ma), {
+    return (r, m) => (u(), P("div", Po, [
+      B(s(Pa), {
         config: e.config,
         "config-schema": n.value,
         "data-key": "consumer_group",
         "fetch-url": a.value,
         "hide-title": e.hideTitle,
-        "onCopy:success": p[0] || (p[0] = (w) => r.$emit("copy:success", w)),
-        "onFetch:error": p[1] || (p[1] = (w) => r.$emit("fetch:error", w)),
-        "onFetch:success": p[2] || (p[2] = (w) => r.$emit("fetch:success", w)),
-        onLoading: p[3] || (p[3] = (w) => r.$emit("loading", w))
+        "onCopy:success": m[0] || (m[0] = (w) => r.$emit("copy:success", w)),
+        "onFetch:error": m[1] || (m[1] = (w) => r.$emit("fetch:error", w)),
+        "onFetch:success": m[2] || (m[2] = (w) => r.$emit("fetch:success", w)),
+        onLoading: m[3] || (m[3] = (w) => r.$emit("loading", w))
       }, null, 8, ["config", "config-schema", "fetch-url", "hide-title"])
     ]));
   }
 });
 export {
-  No as ConsumerGroupConfigCard,
-  Go as ConsumerGroupForm,
-  Lo as ConsumerGroupList
+  Go as ConsumerGroupConfigCard,
+  Lo as ConsumerGroupForm,
+  jo as ConsumerGroupList
 };