@kong-ui-public/entities-consumers 2.7.0 → 2.7.1

package/dist/entities-consumers.es.js

@@ -1,9 +1,9 @@
-import { defineComponent as W, ref as N, computed as $, watch as ye, renderSlot as Q, createCommentVNode as G, unref as f, onBeforeMount as yt, resolveComponent as P, openBlock as m, createBlock as R, createSlots as _e, withCtx as b, createElementVNode as q, createVNode as T, createTextVNode as H, toDisplayString as M, renderList as ce, createElementBlock as O, withModifiers as ct, withDirectives as be, vShow as ke, Fragment as de, normalizeClass as we, withKeys as yr, useSlots as vt, useCssVars as un, inject as vr, onMounted as br, onUnmounted as kr, resolveDynamicComponent as je, normalizeStyle as We, normalizeProps as Cr, guardReactiveProps as wr, mergeProps as Ir, pushScopeId as Ye, popScopeId as Ze, reactive as Bt } from "vue";
+import { defineComponent as W, ref as N, computed as $, watch as ye, renderSlot as Q, createCommentVNode as G, unref as m, onBeforeMount as yt, resolveComponent as P, openBlock as g, createBlock as R, createSlots as xe, withCtx as k, createElementVNode as q, createVNode as T, createTextVNode as H, toDisplayString as M, renderList as ce, createElementBlock as O, withModifiers as ct, withDirectives as be, vShow as ke, Fragment as de, normalizeClass as we, withKeys as yr, useSlots as vt, useCssVars as un, inject as vr, onMounted as br, onUnmounted as kr, resolveDynamicComponent as je, normalizeStyle as We, normalizeProps as Cr, guardReactiveProps as wr, mergeProps as Ir, pushScopeId as Ye, popScopeId as Ze, reactive as Bt } from "vue";
 import { useRouter as bt } from "vue-router";
 import { createI18n as cn, i18nTComponent as dn } from "@kong-ui-public/i18n";
 import Lt from "axios";
-import { BadgeMethodAppearances as Ar } from "@kong/kongponents";
-const xr = {
+import { BadgeMethodAppearances as _r } from "@kong/kongponents";
+const Ar = {
   list: {
     table_headers: {
       username: "Username",
@@ -99,9 +99,9 @@ const xr = {
     }
   }
 }, Sr = {
-  consumers: xr
+  consumers: Ar
 };
-function _r() {
+function xr() {
   const e = cn("en-us", Sr);
   return {
     i18n: e,
@@ -110,7 +110,7 @@ function _r() {
   };
 }
 const Qe = {
-  useI18n: _r
+  useI18n: xr
 }, ot = "/api/runtime_groups/{controlPlaneId}", Me = "/{workspace}", $e = {
   list: {
     konnect: {
@@ -137,7 +137,7 @@ const Qe = {
     }
   }
 };
-var pn = /* @__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))(pn || {}), dt = /* @__PURE__ */ ((e) => (e.Edit = "edit", e.Create = "create", e))(dt || {}), xe = /* @__PURE__ */ ((e) => (e[e.Loading = 0] = "Loading", e[e.Idle = 1] = "Idle", e[e.NoResults = 2] = "NoResults", e[e.Error = 3] = "Error", e))(xe || {}), Y = /* @__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))(Y || {}), se = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Advanced = "advanced", e.Plugin = "plugin", e))(se || {});
+var pn = /* @__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))(pn || {}), dt = /* @__PURE__ */ ((e) => (e.Edit = "edit", e.Create = "create", e))(dt || {}), Ae = /* @__PURE__ */ ((e) => (e[e.Loading = 0] = "Loading", e[e.Idle = 1] = "Idle", e[e.NoResults = 2] = "NoResults", e[e.Error = 3] = "Error", e))(Ae || {}), Y = /* @__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))(Y || {}), se = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Advanced = "advanced", e.Plugin = "plugin", e))(se || {});
 function $r() {
   return {
     getAxiosInstance: (e = {}) => {
@@ -380,79 +380,79 @@ function Rr(e, n, t, r = {
   t || (t = "100");
   const { axiosInstance: a } = kt({
     headers: e.requestHeaders
-  }), { i18n: { t: o } } = Ct(), { debounce: i } = jr(), l = i(async (y) => {
-    await Z(y);
-  }, 200), s = N(!1), u = N(""), d = N(""), c = N([]), C = N([]), g = N(void 0), x = f(n);
-  let w = `${e.apiBaseUrl}${x}`;
+  }), { i18n: { t: o } } = Ct(), { debounce: i } = jr(), l = i(async (v) => {
+    await Z(v);
+  }, 200), s = N(!1), u = N(""), d = N(""), c = N([]), h = N([]), f = N(void 0), _ = m(n);
+  let w = `${e.apiBaseUrl}${_}`;
   e.app === "konnect" ? w = w.replace(/{controlPlaneId}/gi, (e == null ? void 0 : e.controlPlaneId) || "") : e.app === "kongManager" && (w = w.replace(/\/{workspace}/gi, e != null && e.workspace ? `/${e.workspace}` : ""));
   const { isValidUuid: A } = fn(), U = async () => {
     try {
       s.value = !0;
-      const { data: y } = await a.get(`${w}?size=${t}`);
-      y != null && y.next || (g.value = r.fetchedItemsKey in y ? y[r.fetchedItemsKey] : []), C.value = r.fetchedItemsKey in y ? y[r.fetchedItemsKey] : [], c.value = C.value;
+      const { data: v } = await a.get(`${w}?size=${t}`);
+      v != null && v.next || (f.value = r.fetchedItemsKey in v ? v[r.fetchedItemsKey] : []), h.value = r.fetchedItemsKey in v ? v[r.fetchedItemsKey] : [], c.value = h.value;
     } catch {
       c.value = [], u.value = o("debouncedFilter.errors.fetch");
     } finally {
       s.value = !1;
     }
-  }, B = N(""), Z = async (y) => {
-    var h, p, k;
-    if (B.value !== y)
-      if (B.value = y || "", g.value === void 0)
+  }, B = N(""), Z = async (v) => {
+    var y, p, C;
+    if (B.value !== v)
+      if (B.value = v || "", f.value === void 0)
         try {
           if (s.value = !0, u.value = "", d.value = "", e.app === "konnect") {
-            let v = w + "";
-            y && (v += `/${y}`);
-            const { data: I } = await a.get(`${v}?size=${t}`);
+            let b = w + "";
+            v && (b += `/${v}`);
+            const { data: I } = await a.get(`${b}?size=${t}`);
             r.fetchedItemsKey in I ? c.value = I[r.fetchedItemsKey] : I != null && I.id ? c.value = [I] : c.value = [];
-          } else if (y) {
-            const v = [];
-            A(y) && r.searchKeys.includes("id") ? v.push((async () => {
-              const { data: S } = await a.get(`${w}/${y}`);
+          } else if (v) {
+            const b = [];
+            A(v) && r.searchKeys.includes("id") ? b.push((async () => {
+              const { data: S } = await a.get(`${w}/${v}`);
               return [S[r.fetchedItemsKey] ?? S];
-            })()) : v.push(
+            })()) : b.push(
               ...r.searchKeys.filter((S) => S !== "id").map(async (S) => {
-                const { data: F } = await a.get(`${w}?${S}=${y}`);
+                const { data: F } = await a.get(`${w}?${S}=${v}`);
                 return F[r.fetchedItemsKey];
               })
             );
-            const I = await Promise.all(v), L = /* @__PURE__ */ new Set();
-            c.value = [], (h = I == null ? void 0 : I.forEach) == null || h.call(I, (S) => {
+            const I = await Promise.all(b), L = /* @__PURE__ */ new Set();
+            c.value = [], (y = I == null ? void 0 : I.forEach) == null || y.call(I, (S) => {
               var F;
-              (F = S == null ? void 0 : S.forEach) == null || F.call(S, (_) => {
-                L.has(_.id) || (L.add(_.id), c.value.push(_));
+              (F = S == null ? void 0 : S.forEach) == null || F.call(S, (x) => {
+                L.has(x.id) || (L.add(x.id), c.value.push(x));
               });
             });
           } else
-            c.value = C.value;
-        } catch (v) {
-          ((p = v == null ? void 0 : v.response) == null ? void 0 : p.status) === 404 ? d.value = o("debouncedFilter.errors.invalid") : (c.value = [], u.value = o("debouncedFilter.errors.fetch"));
+            c.value = h.value;
+        } catch (b) {
+          ((p = b == null ? void 0 : b.response) == null ? void 0 : p.status) === 404 ? d.value = o("debouncedFilter.errors.invalid") : (c.value = [], u.value = o("debouncedFilter.errors.fetch"));
         } finally {
           s.value = !1;
         }
       else
-        s.value = !0, d.value = "", y ? (c.value = (k = g.value) == null ? void 0 : k.filter((v) => {
+        s.value = !0, d.value = "", v ? (c.value = (C = f.value) == null ? void 0 : C.filter((b) => {
           var I;
           let L = !1;
           for (const S of r.searchKeys) {
-            const F = typeof v[S] == "string" ? (I = v[S]) == null ? void 0 : I.toLowerCase() : v[S];
-            F != null && F.includes(y.toLowerCase()) && (L = !0);
+            const F = typeof b[S] == "string" ? (I = b[S]) == null ? void 0 : I.toLowerCase() : b[S];
+            F != null && F.includes(v.toLowerCase()) && (L = !0);
           }
           return L;
-        }), (!c.value || !c.value.length) && (d.value = o("debouncedFilter.errors.invalid"))) : c.value = g.value, s.value = !1;
+        }), (!c.value || !c.value.length) && (d.value = o("debouncedFilter.errors.invalid"))) : c.value = f.value, s.value = !1;
   };
   return {
     loading: s,
     error: u,
     validationError: d,
     results: c,
-    allRecords: g,
+    allRecords: f,
     loadItems: U,
     debouncedQueryChange: l
   };
 }
 function Vr(e, n) {
-  const t = f(n), r = $(
+  const t = m(n), r = $(
     () => e.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${t}`) : new URL(t)
   );
   return r.value.search = "", (a) => `${r.value.href}/${a}`;
@@ -499,66 +499,72 @@ function zr(e) {
   }
 }
 function mn(e, n) {
-  const t = N(f(e)), r = N(f(n)), a = $(
+  const t = N(m(e)), r = N(m(n)), a = $(
     () => !!(t.value.app === "konnect" || t.value.isExactMatch)
   ), o = $(
     () => r.value.startsWith("/") ? new URL(`${window.location.origin}${r.value}`) : new URL(r.value)
   );
   return (i) => {
-    const { page: l, pageSize: s, offset: u, sortColumnKey: d, sortColumnOrder: c, query: C } = i;
+    const { page: l, pageSize: s, offset: u, sortColumnKey: d, sortColumnOrder: c, query: h } = i;
     try {
-      let g = new URL(o.value.href);
-      return a.value && C ? (g.search = "", g = t.value.isExactMatch ? new URL(`${g.href}/${C}/`) : new URL(`${g.href}?filter[name][contains]=${C}`)) : (a.value || new URLSearchParams(C).forEach((x, w) => {
-        g.searchParams.append(w, x);
-      }), d && g.searchParams.append("sort_by", d), c === "desc" && g.searchParams.append("sort_desc", "1"), g.searchParams.append("size", String(s))), u && l !== 1 && g.searchParams.append("offset", String(u)), g.href;
-    } catch (g) {
-      return console.error("RouteList(fetcher)", g), r.value;
+      let f = new URL(o.value.href);
+      return a.value && h ? (f.search = "", f = t.value.isExactMatch ? new URL(`${f.href}/${h}/`) : new URL(`${f.href}?filter[name][contains]=${h}`)) : (a.value || new URLSearchParams(h).forEach((_, w) => {
+        f.searchParams.append(w, _);
+      }), d && f.searchParams.append("sort_by", d), c === "desc" && f.searchParams.append("sort_desc", "1"), f.searchParams.append("size", String(s))), u && l !== 1 && f.searchParams.append("offset", String(u)), f.href;
+    } catch (f) {
+      return console.error("RouteList(fetcher)", f), r.value;
     }
   };
 }
 function Gr(e, n, t = "data") {
-  const r = f(n), { axiosInstance: a } = kt({
-    headers: e.requestHeaders
-  }), o = mn(e, r), i = N({
-    status: xe.Idle
+  var r;
+  const a = m(n), { axiosInstance: o } = kt({
+    ...e.axiosRequestConfig,
+    headers: { ...(r = e.axiosRequestConfig) == null ? void 0 : r.headers, ...e.requestHeaders }
+  }), i = mn(e, a), l = N({
+    status: Ae.Idle
   });
-  return { fetcher: async (l) => {
+  return { fetcher: async (s) => {
+    var u;
     try {
-      i.value = { status: xe.Loading };
-      let s = o(l);
-      s.includes("filter[name]") && (s = `${s}&page[size]=${l.pageSize}&page[number]=${l.page}`);
-      const { data: u } = await a.get(s), d = t && t.replace(/[^\w-_]/gi, "");
-      let c;
-      u[d] && Array.isArray(u[d]) ? c = u[d] : Array.isArray(u) ? c = u : c = Object.keys(u).length ? [u] : [];
-      const C = {
-        data: c,
-        total: c.length,
-        ...u.offset ? {
+      l.value = { status: Ae.Loading };
+      let d = i(s);
+      d.includes("filter[name]") && (d = `${d}&page[size]=${s.pageSize}&page[number]=${s.page}`);
+      const c = await o.get(d);
+      if (c.status >= 400)
+        throw c;
+      const h = c.data, f = t && t.replace(/[^\w-_]/gi, "");
+      let _;
+      h[f] && Array.isArray(h[f]) ? _ = h[f] : Array.isArray(h) ? _ = h : _ = Object.keys(h).length ? [h] : [];
+      const w = {
+        data: _,
+        total: _.length,
+        ...h.offset ? {
           pagination: {
-            offset: u.offset
+            offset: h.offset
           }
         } : null
       };
-      return i.value = {
-        status: xe.Idle,
-        response: C
-      }, C;
-    } catch (s) {
-      const u = {
+      return l.value = {
+        status: Ae.Idle,
+        response: w
+      }, w;
+    } catch (d) {
+      const c = {
         data: [],
         total: 0
       };
-      return l.query && s.response.status === 404 ? (i.value = {
-        status: xe.NoResults,
-        response: u,
-        error: s
-      }, u) : (i.value = {
-        status: xe.Error,
-        response: u,
-        error: s
-      }, u);
+      return s.query && (((u = d.response) == null ? void 0 : u.status) === 404 || d.status === 404) ? (l.value = {
+        status: Ae.NoResults,
+        response: c,
+        error: d.response ? d : { response: d }
+      }, c) : (l.value = {
+        status: Ae.Error,
+        response: c,
+        error: d.response ? d : { response: d }
+      }, c);
     }
-  }, fetcherState: i };
+  }, fetcherState: l };
 }
 function Hr() {
   const e = (t, r = "_") => t ? t.split(r).map((a) => a.toLowerCase() === "id" ? a.toUpperCase() : a.charAt(0).toUpperCase() + a.substring(1)).join(" ") : "", n = /(?:^|[\s-:'"])\w/g;
@@ -670,18 +676,18 @@ const ne = {
       var s;
       return n.isArrayItem ? (s = o.value) != null && s.name ? r(o.value.name, "_") : t("baseConfigCard.general.entryTitle", { index: n.index }) : "";
     });
-    return (s, u) => (m(), R(je(e.isArrayItem ? "fieldset" : "div"), {
+    return (s, u) => (g(), R(je(e.isArrayItem ? "fieldset" : "div"), {
       class: we(e.isArrayItem ? "config-card-fieldset" : "config-card-json-item")
     }, {
-      default: b(() => [
-        e.isArrayItem ? (m(), O("legend", ta, [
+      default: k(() => [
+        e.isArrayItem ? (g(), O("legend", ta, [
           q("b", null, M(l.value), 1)
         ])) : G("", !0),
-        (m(!0), O(de, null, ce(Object.keys(i.value), (d, c) => (m(), R(vn, {
+        (g(!0), O(de, null, ce(Object.keys(i.value), (d, c) => (g(), R(vn, {
           key: `${a.value}-property-${c}`,
           item: {
             key: d,
-            label: f(r)(d),
+            label: m(r)(d),
             value: i.value[d]
           }
         }, null, 8, ["item"]))), 128))
@@ -707,14 +713,14 @@ const ne = {
     const { i18n: { t: n } } = ne.useI18n();
     return (t, r) => {
       const a = P("KButton");
-      return m(), O("div", null, [
+      return g(), O("div", null, [
         T(a, {
           appearance: "tertiary",
           class: "navigation-button",
           onClick: r[0] || (r[0] = (o) => t.$emit("navigation-click", e.item))
         }, {
-          default: b(() => [
-            H(M(e.item.value || f(n)("baseConfigCard.commonFields.link")), 1)
+          default: k(() => [
+            H(M(e.item.value || m(n)("baseConfigCard.commonFields.link")), 1)
           ]),
           _: 1
         })
@@ -733,11 +739,11 @@ const ne = {
     const { i18n: { t: n } } = ne.useI18n();
     return (t, r) => {
       const a = P("KBadge");
-      return m(), R(a, {
+      return g(), R(a, {
         appearance: e.status ? "success" : "neutral"
       }, {
-        default: b(() => [
-          H(M(e.status ? f(n)("baseConfigCard.statusBadge.enabledLabel") : f(n)("baseConfigCard.statusBadge.disabledLabel")), 1)
+        default: k(() => [
+          H(M(e.status ? m(n)("baseConfigCard.statusBadge.enabledLabel") : m(n)("baseConfigCard.statusBadge.disabledLabel")), 1)
         ]),
         _: 1
       }, 8, ["appearance"]);
@@ -766,8 +772,8 @@ const ne = {
   },
   emits: ["navigation-click"],
   setup(e, { emit: n }) {
-    un((x) => ({
-      "07753575": d.value ? "none" : `solid ${f(ca)} ${f(la)}`,
+    un((_) => ({
+      "07753575": d.value ? "none" : `solid ${m(ca)} ${m(la)}`,
       "32d44ea8": u.value && l.value ? "block" : "flex",
       "5036b738": u.value && l.value ? "100%" : t.slim ? "50%" : "25%",
       "5038fd13": u.value && l.value ? "100%" : t.slim ? "50%" : "75%"
@@ -842,8 +848,8 @@ const ne = {
             attrs: {
               "data-testid": `${t.item.key}-internal-link`,
               item: t.item,
-              onNavigationClick: (x) => {
-                r("navigation-click", x);
+              onNavigationClick: (_) => {
+                r("navigation-click", _);
               }
             }
           };
@@ -882,28 +888,28 @@ const ne = {
             text: t.item.value
           };
       }
-    }), C = N(), { isTruncated: g } = ne.useTruncationDetector(C);
-    return (x, w) => {
+    }), h = N(), { isTruncated: f } = ne.useTruncationDetector(h);
+    return (_, w) => {
       const A = P("KLabel"), U = P("KBadge"), B = P("KCopy"), Z = P("KTooltip");
-      return m(), O("div", pa, [
+      return g(), O("div", pa, [
         q("div", {
           class: "config-card-details-label",
           "data-testid": `${e.item.key}-label`
         }, [
-          Q(x.$slots, "label", { item: e.item }, () => [
-            T(A, { "tooltip-attributes": { maxWidth: "500px" } }, _e({
-              default: b(() => [
+          Q(_.$slots, "label", { item: e.item }, () => [
+            T(A, { "tooltip-attributes": { maxWidth: "500px" } }, xe({
+              default: k(() => [
                 H(M(e.item.label) + " ", 1)
               ]),
               _: 2
             }, [
               s.value ? {
                 name: "tooltip",
-                fn: b(() => [
+                fn: k(() => [
                   q("div", {
                     "data-testid": `${e.item.key}-label-tooltip`
                   }, [
-                    Q(x.$slots, "label-tooltip", {}, () => [
+                    Q(_.$slots, "label-tooltip", {}, () => [
                       H(M(e.item.tooltip), 1)
                     ], !0)
                   ], 8, ma)
@@ -917,74 +923,74 @@ const ne = {
           class: "config-card-details-value",
           "data-testid": `${e.item.key}-property-value`
         }, [
-          Q(x.$slots, e.item.key, {
+          Q(_.$slots, e.item.key, {
             rowValue: e.item.value
           }, () => [
-            l.value ? (m(), O("div", ya, [
-              (m(), R(je(c.value.tag), Cr(wr(c.value.attrs)), {
-                default: b(() => [
-                  c.value.additionalComponent === "KBadge" ? (m(), O("div", {
+            l.value ? (g(), O("div", ya, [
+              (g(), R(je(c.value.tag), Cr(wr(c.value.attrs)), {
+                default: k(() => [
+                  c.value.additionalComponent === "KBadge" ? (g(), O("div", {
                     key: 0,
                     "data-testid": `${e.item.key}-badge-tags`
                   }, [
-                    (m(!0), O(de, null, ce(e.item.value, (y, h) => (m(), R(U, {
-                      key: `${e.item.key}-badge-tag-${h}`,
+                    (g(!0), O(de, null, ce(e.item.value, (v, y) => (g(), R(U, {
+                      key: `${e.item.key}-badge-tag-${y}`,
                       class: "config-badge",
-                      "data-testid": `${e.item.key}-badge-tag-${h}`,
-                      tooltip: y,
+                      "data-testid": `${e.item.key}-badge-tag-${y}`,
+                      tooltip: v,
                       "truncation-tooltip": ""
                     }, {
-                      default: b(() => [
-                        H(M(y), 1)
+                      default: k(() => [
+                        H(M(v), 1)
                       ]),
                       _: 2
                     }, 1032, ["data-testid", "tooltip"]))), 128))
                   ], 8, va)) : G("", !0),
-                  c.value.additionalComponent === "KCopy" ? (m(), O("div", {
+                  c.value.additionalComponent === "KCopy" ? (g(), O("div", {
                     key: 1,
                     class: "copy-uuid-array",
                     "data-testid": `${e.item.key}-copy-uuid-array`
                   }, [
-                    (m(!0), O(de, null, ce(e.item.value, (y, h) => (m(), R(B, Ir(c.value.childAttrs, {
-                      key: `${e.item.key}-copy-uuid-${h}`,
-                      "data-testid": `${e.item.key}-copy-uuid-${h}`,
-                      text: y
+                    (g(!0), O(de, null, ce(e.item.value, (v, y) => (g(), R(B, Ir(c.value.childAttrs, {
+                      key: `${e.item.key}-copy-uuid-${y}`,
+                      "data-testid": `${e.item.key}-copy-uuid-${y}`,
+                      text: v
                     }), null, 16, ["data-testid", "text"]))), 128))
-                  ], 8, ba)) : c.value.additionalComponent === "KMethodBadge" ? (m(), O("div", {
+                  ], 8, ba)) : c.value.additionalComponent === "KMethodBadge" ? (g(), O("div", {
                     key: 2,
                     class: "method-badge-array",
                     "data-testid": `${e.item.key}-badge-methods`
                   }, [
-                    (m(!0), O(de, null, ce(e.item.value, (y, h) => (m(), R(U, {
-                      key: `${e.item.key}-badge-method-${h}`,
-                      appearance: Object.values(f(Ar)).includes(y.toLowerCase()) ? y.toLowerCase() : "custom",
+                    (g(!0), O(de, null, ce(e.item.value, (v, y) => (g(), R(U, {
+                      key: `${e.item.key}-badge-method-${y}`,
+                      appearance: Object.values(m(_r)).includes(v.toLowerCase()) ? v.toLowerCase() : "custom",
                       class: "config-badge",
-                      "data-testid": `${e.item.key}-badge-method-${h}`
+                      "data-testid": `${e.item.key}-badge-method-${y}`
                     }, {
-                      default: b(() => [
-                        H(M(y), 1)
+                      default: k(() => [
+                        H(M(v), 1)
                       ]),
                       _: 2
                     }, 1032, ["appearance", "data-testid"]))), 128))
                   ], 8, ka)) : G("", !0),
-                  c.value.additionalComponent === "JsonCardItem" ? (m(), O("div", {
+                  c.value.additionalComponent === "JsonCardItem" ? (g(), O("div", {
                     key: 3,
                     "data-testid": `${t.item.key}-json-array-content`
                   }, [
-                    (m(!0), O(de, null, ce(e.item.value, (y, h) => (m(), R(yn, {
-                      key: `json-array-item-${h}`,
-                      index: h,
+                    (g(!0), O(de, null, ce(e.item.value, (v, y) => (g(), R(yn, {
+                      key: `json-array-item-${y}`,
+                      index: y,
                       "is-array-item": "",
-                      item: y
+                      item: v
                     }, null, 8, ["index", "item"]))), 128))
-                  ], 8, Ca)) : (m(), R(Z, {
+                  ], 8, Ca)) : (g(), R(Z, {
                     key: 4,
-                    text: f(g) ? e.item.value : ""
+                    text: m(f) ? e.item.value : ""
                   }, {
-                    default: b(() => [
+                    default: k(() => [
                       q("span", {
                         ref_key: "textContent",
-                        ref: C,
+                        ref: h,
                         class: we(["attrs-data-text", { truncated: e.truncated }])
                       }, M(c.value.text), 3)
                     ]),
@@ -993,7 +999,7 @@ const ne = {
                 ]),
                 _: 1
               }, 16))
-            ])) : (m(), O("div", {
+            ])) : (g(), O("div", {
               key: 0,
               "data-testid": `${e.item.key}-no-value`
             }, " – ", 8, ha))
@@ -1002,7 +1008,7 @@ const ne = {
       ]);
     };
   }
-}), vn = /* @__PURE__ */ pe(Ia, [["__scopeId", "data-v-d056663c"]]), Aa = { class: "json-config" }, xa = {
+}), vn = /* @__PURE__ */ pe(Ia, [["__scopeId", "data-v-d056663c"]]), _a = { class: "json-config" }, Aa = {
   key: 0,
   class: "json-endpoint"
 }, bn = /* @__PURE__ */ W({
@@ -1045,12 +1051,12 @@ const ne = {
     });
     return (a, o) => {
       const i = P("KBadge"), l = P("KCodeBlock");
-      return m(), O("div", Aa, [
-        n.fetcherUrl ? (m(), O("div", xa, [
+      return g(), O("div", _a, [
+        n.fetcherUrl ? (g(), O("div", Aa, [
           T(i, {
             appearance: n.requestMethod
           }, {
-            default: b(() => [
+            default: k(() => [
               H(M(n.requestMethod), 1)
             ]),
             _: 1
@@ -1063,7 +1069,7 @@ const ne = {
             theme: "dark"
           }, null, 8, ["code"])
         ])) : G("", !0),
-        n.jsonRecord ? (m(), R(l, {
+        n.jsonRecord ? (g(), R(l, {
           key: 1,
           id: "json-codeblock",
           class: we({ "json-content": n.fetcherUrl }),
@@ -1082,7 +1088,7 @@ function kn(e) {
 function Sa(e) {
   return typeof e == "object" && e !== null;
 }
-function _a(e) {
+function xa(e) {
   return Array.isArray(e) ? e : kn(e) ? [] : [e];
 }
 function $a(e, n) {
@@ -1101,7 +1107,7 @@ function ja(e, n) {
 function Ta(e) {
   return e === 0 && Number.NEGATIVE_INFINITY === 1 / e;
 }
-var Ma = kn, Oa = Sa, Ea = _a, Na = ja, Fa = Ta, qa = $a, te = {
+var Ma = kn, Oa = Sa, Ea = xa, Na = ja, Fa = Ta, qa = $a, te = {
   isNothing: Ma,
   isObject: Oa,
   toArray: Ea,
@@ -1262,12 +1268,12 @@ var wn = pt, In = new re("tag:yaml.org,2002:str", {
   construct: function(e) {
     return e !== null ? e : "";
   }
-}), An = new re("tag:yaml.org,2002:seq", {
+}), _n = new re("tag:yaml.org,2002:seq", {
   kind: "sequence",
   construct: function(e) {
     return e !== null ? e : [];
   }
-}), xn = new re("tag:yaml.org,2002:map", {
+}), An = new re("tag:yaml.org,2002:map", {
   kind: "mapping",
   construct: function(e) {
     return e !== null ? e : {};
@@ -1275,8 +1281,8 @@ var wn = pt, In = new re("tag:yaml.org,2002:str", {
 }), Sn = new wn({
   explicit: [
     In,
-    An,
-    xn
+    _n,
+    An
   ]
 });
 function Da(e) {
@@ -1291,7 +1297,7 @@ function za() {
 function Ga(e) {
   return e === null;
 }
-var _n = new re("tag:yaml.org,2002:null", {
+var xn = new re("tag:yaml.org,2002:null", {
   kind: "scalar",
   resolve: Da,
   construct: za,
@@ -1504,7 +1510,7 @@ var Tn = new re("tag:yaml.org,2002:float", {
   defaultStyle: "lowercase"
 }), Mn = Sn.extend({
   implicit: [
-    _n,
+    xn,
     $n,
     jn,
     Tn
@@ -1518,7 +1524,7 @@ function so(e) {
   return e === null ? !1 : En.exec(e) !== null || Nn.exec(e) !== null;
 }
 function uo(e) {
-  var n, t, r, a, o, i, l, s = 0, u = null, d, c, C;
+  var n, t, r, a, o, i, l, s = 0, u = null, d, c, h;
   if (n = En.exec(e), n === null && (n = Nn.exec(e)), n === null)
     throw new Error("Date resolve error");
   if (t = +n[1], r = +n[2] - 1, a = +n[3], !n[4])
@@ -1528,7 +1534,7 @@ function uo(e) {
       s += "0";
     s = +s;
   }
-  return n[9] && (d = +n[10], c = +(n[11] || 0), u = (d * 60 + c) * 6e4, n[9] === "-" && (u = -u)), C = new Date(Date.UTC(t, r, a, o, i, l, s)), u && C.setTime(C.getTime() - u), C;
+  return n[9] && (d = +n[10], c = +(n[11] || 0), u = (d * 60 + c) * 6e4, n[9] === "-" && (u = -u)), h = new Date(Date.UTC(t, r, a, o, i, l, s)), u && h.setTime(h.getTime() - u), h;
 }
 function co(e) {
   return e.toISOString();
@@ -1635,13 +1641,13 @@ var Ln = new re("tag:yaml.org,2002:pairs", {
   kind: "sequence",
   resolve: wo,
   construct: Io
-}), Ao = Object.prototype.hasOwnProperty;
-function xo(e) {
+}), _o = Object.prototype.hasOwnProperty;
+function Ao(e) {
   if (e === null)
     return !0;
   var n, t = e;
   for (n in t)
-    if (Ao.call(t, n) && t[n] !== null)
+    if (_o.call(t, n) && t[n] !== null)
       return !1;
   return !0;
 }
@@ -1650,7 +1656,7 @@ function So(e) {
 }
 var Un = new re("tag:yaml.org,2002:set", {
   kind: "mapping",
-  resolve: xo,
+  resolve: Ao,
   construct: So
 }), It = On.extend({
   implicit: [
@@ -1663,7 +1669,7 @@ var Un = new re("tag:yaml.org,2002:set", {
     Ln,
     Un
   ]
-}), Ie = Object.prototype.hasOwnProperty, De = 1, Pn = 2, Rn = 3, ze = 4, ut = 1, _o = 2, Ht = 3, $o = /[\x00-\x08\x0B\x0C\x0E-\x1F\x7F-\x84\x86-\x9F\uFFFE\uFFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF]/, jo = /[\x85\u2028\u2029]/, To = /[,\[\]\{\}]/, Vn = /^(?:!|!!|![a-z\-]+!)$/i, Dn = /^(?:!|[^,\[\]\{\}])(?:%[0-9a-f]{2}|[0-9a-z\-#;\/\?:@&=\+\$,_\.!~\*'\(\)\[\]])*$/i;
+}), Ie = Object.prototype.hasOwnProperty, De = 1, Pn = 2, Rn = 3, ze = 4, ut = 1, xo = 2, Ht = 3, $o = /[\x00-\x08\x0B\x0C\x0E-\x1F\x7F-\x84\x86-\x9F\uFFFE\uFFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF]/, jo = /[\x85\u2028\u2029]/, To = /[,\[\]\{\}]/, Vn = /^(?:!|!!|![a-z\-]+!)$/i, Dn = /^(?:!|[^,\[\]\{\}])(?:%[0-9a-f]{2}|[0-9a-z\-#;\/\?:@&=\+\$,_\.!~\*'\(\)\[\]])*$/i;
 function Jt(e) {
   return Object.prototype.toString.call(e);
 }
@@ -1774,7 +1780,7 @@ function Fe(e, n, t, r, a, o, i, l, s) {
     }) : n[a] = o, delete t[a];
   return n;
 }
-function At(e) {
+function _t(e) {
   var n;
   n = e.input.charCodeAt(e.position), n === 10 ? e.position++ : n === 13 ? (e.position++, e.input.charCodeAt(e.position) === 10 && e.position++) : E(e, "a line break is expected"), e.line += 1, e.lineStart = e.position, e.firstTabInLine = -1;
 }
@@ -1787,7 +1793,7 @@ function ee(e, n, t) {
         a = e.input.charCodeAt(++e.position);
       while (a !== 10 && a !== 13 && a !== 0);
     if (ge(a))
-      for (At(e), a = e.input.charCodeAt(e.position), r++, e.lineIndent = 0; a === 32; )
+      for (_t(e), a = e.input.charCodeAt(e.position), r++, e.lineIndent = 0; a === 32; )
         e.lineIndent++, a = e.input.charCodeAt(++e.position);
     else
       break;
@@ -1798,36 +1804,36 @@ function Xe(e) {
   var n = e.position, t;
   return t = e.input.charCodeAt(n), !!((t === 45 || t === 46) && t === e.input.charCodeAt(n + 1) && t === e.input.charCodeAt(n + 2) && (n += 3, t = e.input.charCodeAt(n), t === 0 || ue(t)));
 }
-function xt(e, n) {
+function At(e, n) {
   n === 1 ? e.result += " " : n > 1 && (e.result += te.repeat(`
 `, n - 1));
 }
 function qo(e, n, t) {
-  var r, a, o, i, l, s, u, d, c = e.kind, C = e.result, g;
-  if (g = e.input.charCodeAt(e.position), ue(g) || Ne(g) || g === 35 || g === 38 || g === 42 || g === 33 || g === 124 || g === 62 || g === 39 || g === 34 || g === 37 || g === 64 || g === 96 || (g === 63 || g === 45) && (a = e.input.charCodeAt(e.position + 1), ue(a) || t && Ne(a)))
+  var r, a, o, i, l, s, u, d, c = e.kind, h = e.result, f;
+  if (f = e.input.charCodeAt(e.position), ue(f) || Ne(f) || f === 35 || f === 38 || f === 42 || f === 33 || f === 124 || f === 62 || f === 39 || f === 34 || f === 37 || f === 64 || f === 96 || (f === 63 || f === 45) && (a = e.input.charCodeAt(e.position + 1), ue(a) || t && Ne(a)))
     return !1;
-  for (e.kind = "scalar", e.result = "", o = i = e.position, l = !1; g !== 0; ) {
-    if (g === 58) {
+  for (e.kind = "scalar", e.result = "", o = i = e.position, l = !1; f !== 0; ) {
+    if (f === 58) {
       if (a = e.input.charCodeAt(e.position + 1), ue(a) || t && Ne(a))
         break;
-    } else if (g === 35) {
+    } else if (f === 35) {
       if (r = e.input.charCodeAt(e.position - 1), ue(r))
         break;
     } else {
-      if (e.position === e.lineStart && Xe(e) || t && Ne(g))
+      if (e.position === e.lineStart && Xe(e) || t && Ne(f))
         break;
-      if (ge(g))
+      if (ge(f))
         if (s = e.line, u = e.lineStart, d = e.lineIndent, ee(e, !1, -1), e.lineIndent >= n) {
-          l = !0, g = e.input.charCodeAt(e.position);
+          l = !0, f = e.input.charCodeAt(e.position);
           continue;
         } else {
           e.position = i, e.line = s, e.lineStart = u, e.lineIndent = d;
           break;
         }
     }
-    l && (Ce(e, o, i, !1), xt(e, e.line - s), o = i = e.position, l = !1), Se(g) || (i = e.position + 1), g = e.input.charCodeAt(++e.position);
+    l && (Ce(e, o, i, !1), At(e, e.line - s), o = i = e.position, l = !1), Se(f) || (i = e.position + 1), f = e.input.charCodeAt(++e.position);
   }
-  return Ce(e, o, i, !1), e.result ? !0 : (e.kind = c, e.result = C, !1);
+  return Ce(e, o, i, !1), e.result ? !0 : (e.kind = c, e.result = h, !1);
 }
 function Ko(e, n) {
   var t, r, a;
@@ -1840,7 +1846,7 @@ function Ko(e, n) {
       else
         return !0;
     else
-      ge(t) ? (Ce(e, r, a, !0), xt(e, ee(e, !1, n)), r = a = e.position) : e.position === e.lineStart && Xe(e) ? E(e, "unexpected end of the document within a single quoted scalar") : (e.position++, a = e.position);
+      ge(t) ? (Ce(e, r, a, !0), At(e, ee(e, !1, n)), r = a = e.position) : e.position === e.lineStart && Xe(e) ? E(e, "unexpected end of the document within a single quoted scalar") : (e.position++, a = e.position);
   E(e, "unexpected end of the stream within a single quoted scalar");
 }
 function Bo(e, n) {
@@ -1863,22 +1869,22 @@ function Bo(e, n) {
         E(e, "unknown escape sequence");
       t = r = e.position;
     } else
-      ge(l) ? (Ce(e, t, r, !0), xt(e, ee(e, !1, n)), t = r = e.position) : e.position === e.lineStart && Xe(e) ? E(e, "unexpected end of the document within a double quoted scalar") : (e.position++, r = e.position);
+      ge(l) ? (Ce(e, t, r, !0), At(e, ee(e, !1, n)), t = r = e.position) : e.position === e.lineStart && Xe(e) ? E(e, "unexpected end of the document within a double quoted scalar") : (e.position++, r = e.position);
   }
   E(e, "unexpected end of the stream within a double quoted scalar");
 }
 function Lo(e, n) {
-  var t = !0, r, a, o, i = e.tag, l, s = e.anchor, u, d, c, C, g, x = /* @__PURE__ */ Object.create(null), w, A, U, B;
+  var t = !0, r, a, o, i = e.tag, l, s = e.anchor, u, d, c, h, f, _ = /* @__PURE__ */ Object.create(null), w, A, U, B;
   if (B = e.input.charCodeAt(e.position), B === 91)
-    d = 93, g = !1, l = [];
+    d = 93, f = !1, l = [];
   else if (B === 123)
-    d = 125, g = !0, l = {};
+    d = 125, f = !0, l = {};
   else
     return !1;
   for (e.anchor !== null && (e.anchorMap[e.anchor] = l), B = e.input.charCodeAt(++e.position); B !== 0; ) {
     if (ee(e, !0, n), B = e.input.charCodeAt(e.position), B === d)
-      return e.position++, e.tag = i, e.anchor = s, e.kind = g ? "mapping" : "sequence", e.result = l, !0;
-    t ? B === 44 && E(e, "expected the node content, but found ','") : E(e, "missed comma between flow collection entries"), A = w = U = null, c = C = !1, B === 63 && (u = e.input.charCodeAt(e.position + 1), ue(u) && (c = C = !0, e.position++, ee(e, !0, n))), r = e.line, a = e.lineStart, o = e.position, qe(e, n, De, !1, !0), A = e.tag, w = e.result, ee(e, !0, n), B = e.input.charCodeAt(e.position), (C || e.line === r) && B === 58 && (c = !0, B = e.input.charCodeAt(++e.position), ee(e, !0, n), qe(e, n, De, !1, !0), U = e.result), g ? Fe(e, l, x, A, w, U, r, a, o) : c ? l.push(Fe(e, null, x, A, w, U, r, a, o)) : l.push(w), ee(e, !0, n), B = e.input.charCodeAt(e.position), B === 44 ? (t = !0, B = e.input.charCodeAt(++e.position)) : t = !1;
+      return e.position++, e.tag = i, e.anchor = s, e.kind = f ? "mapping" : "sequence", e.result = l, !0;
+    t ? B === 44 && E(e, "expected the node content, but found ','") : E(e, "missed comma between flow collection entries"), A = w = U = null, c = h = !1, B === 63 && (u = e.input.charCodeAt(e.position + 1), ue(u) && (c = h = !0, e.position++, ee(e, !0, n))), r = e.line, a = e.lineStart, o = e.position, qe(e, n, De, !1, !0), A = e.tag, w = e.result, ee(e, !0, n), B = e.input.charCodeAt(e.position), (h || e.line === r) && B === 58 && (c = !0, B = e.input.charCodeAt(++e.position), ee(e, !0, n), qe(e, n, De, !1, !0), U = e.result), f ? Fe(e, l, _, A, w, U, r, a, o) : c ? l.push(Fe(e, null, _, A, w, U, r, a, o)) : l.push(w), ee(e, !0, n), B = e.input.charCodeAt(e.position), B === 44 ? (t = !0, B = e.input.charCodeAt(++e.position)) : t = !1;
   }
   E(e, "unexpected end of the stream within a flow collection");
 }
@@ -1892,7 +1898,7 @@ function Uo(e, n) {
     return !1;
   for (e.kind = "scalar", e.result = ""; c !== 0; )
     if (c = e.input.charCodeAt(++e.position), c === 43 || c === 45)
-      ut === a ? a = c === 43 ? Ht : _o : E(e, "repeat of a chomping mode identifier");
+      ut === a ? a = c === 43 ? Ht : xo : E(e, "repeat of a chomping mode identifier");
     else if ((d = Eo(c)) >= 0)
       d === 0 ? E(e, "bad explicit indentation width of a block scalar; it cannot be less than one") : i ? E(e, "repeat of an indentation width identifier") : (l = n + d - 1, i = !0);
     else
@@ -1907,7 +1913,7 @@ function Uo(e, n) {
       while (!ge(c) && c !== 0);
   }
   for (; c !== 0; ) {
-    for (At(e), e.lineIndent = 0, c = e.input.charCodeAt(e.position); (!i || e.lineIndent < l) && c === 32; )
+    for (_t(e), e.lineIndent = 0, c = e.input.charCodeAt(e.position); (!i || e.lineIndent < l) && c === 32; )
       e.lineIndent++, c = e.input.charCodeAt(++e.position);
     if (!i && e.lineIndent > l && (l = e.lineIndent), ge(c)) {
       s++;
@@ -1946,12 +1952,12 @@ function Qt(e, n) {
   return l ? (e.tag = r, e.anchor = a, e.kind = "sequence", e.result = o, !0) : !1;
 }
 function Po(e, n, t) {
-  var r, a, o, i, l, s, u = e.tag, d = e.anchor, c = {}, C = /* @__PURE__ */ Object.create(null), g = null, x = null, w = null, A = !1, U = !1, B;
+  var r, a, o, i, l, s, u = e.tag, d = e.anchor, c = {}, h = /* @__PURE__ */ Object.create(null), f = null, _ = null, w = null, A = !1, U = !1, B;
   if (e.firstTabInLine !== -1)
     return !1;
   for (e.anchor !== null && (e.anchorMap[e.anchor] = c), B = e.input.charCodeAt(e.position); B !== 0; ) {
     if (!A && e.firstTabInLine !== -1 && (e.position = e.firstTabInLine, E(e, "tab characters must not be used in indentation")), r = e.input.charCodeAt(e.position + 1), o = e.line, (B === 63 || B === 58) && ue(r))
-      B === 63 ? (A && (Fe(e, c, C, g, x, null, i, l, s), g = x = w = null), U = !0, A = !0, a = !0) : A ? (A = !1, a = !0) : E(e, "incomplete explicit mapping pair; a key node is missed; or followed by a non-tabulated empty line"), e.position += 1, B = r;
+      B === 63 ? (A && (Fe(e, c, h, f, _, null, i, l, s), f = _ = w = null), U = !0, A = !0, a = !0) : A ? (A = !1, a = !0) : E(e, "incomplete explicit mapping pair; a key node is missed; or followed by a non-tabulated empty line"), e.position += 1, B = r;
     else {
       if (i = e.line, l = e.lineStart, s = e.position, !qe(e, t, Pn, !1, !0))
         break;
@@ -1959,7 +1965,7 @@ function Po(e, n, t) {
         for (B = e.input.charCodeAt(e.position); Se(B); )
           B = e.input.charCodeAt(++e.position);
         if (B === 58)
-          B = e.input.charCodeAt(++e.position), ue(B) || E(e, "a whitespace character is expected after the key-value separator within a block mapping"), A && (Fe(e, c, C, g, x, null, i, l, s), g = x = w = null), U = !0, A = !1, a = !1, g = e.tag, x = e.result;
+          B = e.input.charCodeAt(++e.position), ue(B) || E(e, "a whitespace character is expected after the key-value separator within a block mapping"), A && (Fe(e, c, h, f, _, null, i, l, s), f = _ = w = null), U = !0, A = !1, a = !1, f = e.tag, _ = e.result;
         else if (U)
           E(e, "can not read an implicit mapping pair; a colon is missed");
         else
@@ -1969,12 +1975,12 @@ function Po(e, n, t) {
       else
         return e.tag = u, e.anchor = d, !0;
     }
-    if ((e.line === o || e.lineIndent > n) && (A && (i = e.line, l = e.lineStart, s = e.position), qe(e, n, ze, !0, a) && (A ? x = e.result : w = e.result), A || (Fe(e, c, C, g, x, w, i, l, s), g = x = w = null), ee(e, !0, -1), B = e.input.charCodeAt(e.position)), (e.line === o || e.lineIndent > n) && B !== 0)
+    if ((e.line === o || e.lineIndent > n) && (A && (i = e.line, l = e.lineStart, s = e.position), qe(e, n, ze, !0, a) && (A ? _ = e.result : w = e.result), A || (Fe(e, c, h, f, _, w, i, l, s), f = _ = w = null), ee(e, !0, -1), B = e.input.charCodeAt(e.position)), (e.line === o || e.lineIndent > n) && B !== 0)
       E(e, "bad indentation of a mapping entry");
     else if (e.lineIndent < n)
       break;
   }
-  return A && Fe(e, c, C, g, x, null, i, l, s), U && (e.tag = u, e.anchor = d, e.kind = "mapping", e.result = c), U;
+  return A && Fe(e, c, h, f, _, null, i, l, s), U && (e.tag = u, e.anchor = d, e.kind = "mapping", e.result = c), U;
 }
 function Ro(e) {
   var n, t = !1, r = !1, a, o, i;
@@ -2015,28 +2021,28 @@ function Do(e) {
   return e.position === n && E(e, "name of an alias node must contain at least one character"), t = e.input.slice(n, e.position), Ie.call(e.anchorMap, t) || E(e, 'unidentified alias "' + t + '"'), e.result = e.anchorMap[t], ee(e, !0, -1), !0;
 }
 function qe(e, n, t, r, a) {
-  var o, i, l, s = 1, u = !1, d = !1, c, C, g, x, w, A;
+  var o, i, l, s = 1, u = !1, d = !1, c, h, f, _, w, A;
   if (e.listener !== null && e.listener("open", e), e.tag = null, e.anchor = null, e.kind = null, e.result = null, o = i = l = ze === t || Rn === t, r && ee(e, !0, -1) && (u = !0, e.lineIndent > n ? s = 1 : e.lineIndent === n ? s = 0 : e.lineIndent < n && (s = -1)), s === 1)
     for (; Ro(e) || Vo(e); )
       ee(e, !0, -1) ? (u = !0, l = o, e.lineIndent > n ? s = 1 : e.lineIndent === n ? s = 0 : e.lineIndent < n && (s = -1)) : l = !1;
   if (l && (l = u || a), (s === 1 || ze === t) && (De === t || Pn === t ? w = n : w = n + 1, A = e.position - e.lineStart, s === 1 ? l && (Qt(e, A) || Po(e, A, w)) || Lo(e, w) ? d = !0 : (i && Uo(e, w) || Ko(e, w) || Bo(e, w) ? d = !0 : Do(e) ? (d = !0, (e.tag !== null || e.anchor !== null) && E(e, "alias node should not have any properties")) : qo(e, w, De === t) && (d = !0, e.tag === null && (e.tag = "?")), e.anchor !== null && (e.anchorMap[e.anchor] = e.result)) : s === 0 && (d = l && Qt(e, A))), e.tag === null)
     e.anchor !== null && (e.anchorMap[e.anchor] = e.result);
   else if (e.tag === "?") {
-    for (e.result !== null && e.kind !== "scalar" && E(e, 'unacceptable node kind for !<?> tag; it should be "scalar", not "' + e.kind + '"'), c = 0, C = e.implicitTypes.length; c < C; c += 1)
-      if (x = e.implicitTypes[c], x.resolve(e.result)) {
-        e.result = x.construct(e.result), e.tag = x.tag, e.anchor !== null && (e.anchorMap[e.anchor] = e.result);
+    for (e.result !== null && e.kind !== "scalar" && E(e, 'unacceptable node kind for !<?> tag; it should be "scalar", not "' + e.kind + '"'), c = 0, h = e.implicitTypes.length; c < h; c += 1)
+      if (_ = e.implicitTypes[c], _.resolve(e.result)) {
+        e.result = _.construct(e.result), e.tag = _.tag, e.anchor !== null && (e.anchorMap[e.anchor] = e.result);
         break;
       }
   } else if (e.tag !== "!") {
     if (Ie.call(e.typeMap[e.kind || "fallback"], e.tag))
-      x = e.typeMap[e.kind || "fallback"][e.tag];
+      _ = e.typeMap[e.kind || "fallback"][e.tag];
     else
-      for (x = null, g = e.typeMap.multi[e.kind || "fallback"], c = 0, C = g.length; c < C; c += 1)
-        if (e.tag.slice(0, g[c].tag.length) === g[c].tag) {
-          x = g[c];
+      for (_ = null, f = e.typeMap.multi[e.kind || "fallback"], c = 0, h = f.length; c < h; c += 1)
+        if (e.tag.slice(0, f[c].tag.length) === f[c].tag) {
+          _ = f[c];
           break;
         }
-    x || E(e, "unknown tag !<" + e.tag + ">"), e.result !== null && x.kind !== e.kind && E(e, "unacceptable node kind for !<" + e.tag + '> tag; it should be "' + x.kind + '", not "' + e.kind + '"'), x.resolve(e.result, e.tag) ? (e.result = x.construct(e.result, e.tag), e.anchor !== null && (e.anchorMap[e.anchor] = e.result)) : E(e, "cannot resolve a node with !<" + e.tag + "> explicit tag");
+    _ || E(e, "unknown tag !<" + e.tag + ">"), e.result !== null && _.kind !== e.kind && E(e, "unacceptable node kind for !<" + e.tag + '> tag; it should be "' + _.kind + '", not "' + e.kind + '"'), _.resolve(e.result, e.tag) ? (e.result = _.construct(e.result, e.tag), e.anchor !== null && (e.anchorMap[e.anchor] = e.result)) : E(e, "cannot resolve a node with !<" + e.tag + "> explicit tag");
   }
   return e.listener !== null && e.listener("close", e), e.tag !== null || e.anchor !== null || d;
 }
@@ -2060,7 +2066,7 @@ function zo(e) {
         i = e.input.charCodeAt(++e.position);
       a.push(e.input.slice(t, e.position));
     }
-    i !== 0 && At(e), Ie.call(Yt, r) ? Yt[r](e, r, a) : Ge(e, 'unknown document directive "' + r + '"');
+    i !== 0 && _t(e), Ie.call(Yt, r) ? Yt[r](e, r, a) : Ge(e, 'unknown document directive "' + r + '"');
   }
   if (ee(e, !0, -1), e.lineIndent === 0 && e.input.charCodeAt(e.position) === 45 && e.input.charCodeAt(e.position + 1) === 45 && e.input.charCodeAt(e.position + 2) === 45 ? (e.position += 3, ee(e, !0, -1)) : o && E(e, "directives end mark is expected"), qe(e, e.lineIndent - 1, ze, !1, !0), ee(e, !0, -1), e.checkLineBreaks && jo.test(e.input.slice(n, e.position)) && Ge(e, "non-ASCII line breaks are interpreted as content"), e.documents.push(e.result), e.position === e.lineStart && Xe(e)) {
     e.input.charCodeAt(e.position) === 46 && (e.position += 3, ee(e, !0, -1));
@@ -2211,7 +2217,7 @@ function rr(e) {
 }
 var ar = 1, gt = 2, or = 3, ir = 4, Ee = 5;
 function Ci(e, n, t, r, a, o, i, l) {
-  var s, u = 0, d = null, c = !1, C = !1, g = r !== -1, x = -1, w = bi(Be(e, 0)) && ki(Be(e, e.length - 1));
+  var s, u = 0, d = null, c = !1, h = !1, f = r !== -1, _ = -1, w = bi(Be(e, 0)) && ki(Be(e, e.length - 1));
   if (n || i)
     for (s = 0; s < e.length; u >= 65536 ? s += 2 : s++) {
       if (u = Be(e, s), !Re(u))
@@ -2221,15 +2227,15 @@ function Ci(e, n, t, r, a, o, i, l) {
   else {
     for (s = 0; s < e.length; u >= 65536 ? s += 2 : s++) {
       if (u = Be(e, s), u === Ue)
-        c = !0, g && (C = C || // Foldable line = too long, and not more-indented.
-        s - x - 1 > r && e[x + 1] !== " ", x = s);
+        c = !0, f && (h = h || // Foldable line = too long, and not more-indented.
+        s - _ - 1 > r && e[_ + 1] !== " ", _ = s);
       else if (!Re(u))
         return Ee;
       w = w && tn(u, d, l), d = u;
     }
-    C = C || g && s - x - 1 > r && e[x + 1] !== " ";
+    h = h || f && s - _ - 1 > r && e[_ + 1] !== " ";
   }
-  return !c && !C ? w && !i && !a(e) ? ar : o === Pe ? Ee : gt : t > 9 && rr(e) ? Ee : i ? o === Pe ? Ee : gt : C ? ir : or;
+  return !c && !h ? w && !i && !a(e) ? ar : o === Pe ? Ee : gt : t > 9 && rr(e) ? Ee : i ? o === Pe ? Ee : gt : h ? ir : or;
 }
 function wi(e, n, t, r, a) {
   e.dump = function() {
@@ -2260,7 +2266,7 @@ function wi(e, n, t, r, a) {
       case ir:
         return ">" + nn(n, e.indent) + rn(Xt(Ii(n, i), o));
       case Ee:
-        return '"' + Ai(n) + '"';
+        return '"' + _i(n) + '"';
       default:
         throw new ie("impossible error: invalid scalar style");
     }
@@ -2301,12 +2307,12 @@ function an(e, n) {
 `, e.length - a > n && i > a ? s += e.slice(a, i) + `
 ` + e.slice(i + 1) : s += e.slice(a), s.slice(1);
 }
-function Ai(e) {
+function _i(e) {
   for (var n = "", t = 0, r, a = 0; a < e.length; t >= 65536 ? a += 2 : a++)
     t = Be(e, a), r = oe[t], !r && Re(t) ? (n += e[a], t >= 65536 && (n += e[a + 1])) : n += r || gi(t);
   return n;
 }
-function xi(e, n, t) {
+function Ai(e, n, t) {
   var r = "", a = e.tag, o, i, l;
   for (o = 0, i = t.length; o < i; o += 1)
     l = t[o], e.replacer && (l = e.replacer.call(t, String(o), l)), (ve(e, n, l, !1, !1) || typeof l > "u" && ve(e, n, null, !1, !1)) && (r !== "" && (r += "," + (e.condenseFlow ? "" : " ")), r += e.dump);
@@ -2324,8 +2330,8 @@ function Si(e, n, t) {
     d = "", r !== "" && (d += ", "), e.condenseFlow && (d += '"'), s = o[i], u = t[s], e.replacer && (u = e.replacer.call(t, s, u)), ve(e, n, s, !1, !1) && (e.dump.length > 1024 && (d += "? "), d += e.dump + (e.condenseFlow ? '"' : "") + ":" + (e.condenseFlow ? "" : " "), ve(e, n, u, !1, !1) && (d += e.dump, r += d));
   e.tag = a, e.dump = "{" + r + "}";
 }
-function _i(e, n, t, r) {
-  var a = "", o = e.tag, i = Object.keys(t), l, s, u, d, c, C;
+function xi(e, n, t, r) {
+  var a = "", o = e.tag, i = Object.keys(t), l, s, u, d, c, h;
   if (e.sortKeys === !0)
     i.sort();
   else if (typeof e.sortKeys == "function")
@@ -2333,7 +2339,7 @@ function _i(e, n, t, r) {
   else if (e.sortKeys)
     throw new ie("sortKeys must be a boolean or a function");
   for (l = 0, s = i.length; l < s; l += 1)
-    C = "", (!r || a !== "") && (C += mt(e, n)), u = i[l], d = t[u], e.replacer && (d = e.replacer.call(t, u, d)), ve(e, n + 1, u, !0, !0, !0) && (c = e.tag !== null && e.tag !== "?" || e.dump && e.dump.length > 1024, c && (e.dump && Ue === e.dump.charCodeAt(0) ? C += "?" : C += "? "), C += e.dump, c && (C += mt(e, n)), ve(e, n + 1, d, !0, c) && (e.dump && Ue === e.dump.charCodeAt(0) ? C += ":" : C += ": ", C += e.dump, a += C));
+    h = "", (!r || a !== "") && (h += mt(e, n)), u = i[l], d = t[u], e.replacer && (d = e.replacer.call(t, u, d)), ve(e, n + 1, u, !0, !0, !0) && (c = e.tag !== null && e.tag !== "?" || e.dump && e.dump.length > 1024, c && (e.dump && Ue === e.dump.charCodeAt(0) ? h += "?" : h += "? "), h += e.dump, c && (h += mt(e, n)), ve(e, n + 1, d, !0, c) && (e.dump && Ue === e.dump.charCodeAt(0) ? h += ":" : h += ": ", h += e.dump, a += h));
   e.tag = o, e.dump = a || "{}";
 }
 function ln(e, n, t) {
@@ -2357,14 +2363,14 @@ function ve(e, n, t, r, a, o, i) {
   e.tag = null, e.dump = t, ln(e, t, !1) || ln(e, t, !0);
   var l = Yn.call(e.dump), s = r, u;
   r && (r = e.flowLevel < 0 || e.flowLevel > n);
-  var d = l === "[object Object]" || l === "[object Array]", c, C;
-  if (d && (c = e.duplicates.indexOf(t), C = c !== -1), (e.tag !== null && e.tag !== "?" || C || e.indent !== 2 && n > 0) && (a = !1), C && e.usedDuplicates[c])
+  var d = l === "[object Object]" || l === "[object Array]", c, h;
+  if (d && (c = e.duplicates.indexOf(t), h = c !== -1), (e.tag !== null && e.tag !== "?" || h || e.indent !== 2 && n > 0) && (a = !1), h && e.usedDuplicates[c])
     e.dump = "*ref_" + c;
   else {
-    if (d && C && !e.usedDuplicates[c] && (e.usedDuplicates[c] = !0), l === "[object Object]")
-      r && Object.keys(e.dump).length !== 0 ? (_i(e, n, e.dump, a), C && (e.dump = "&ref_" + c + e.dump)) : (Si(e, n, e.dump), C && (e.dump = "&ref_" + c + " " + e.dump));
+    if (d && h && !e.usedDuplicates[c] && (e.usedDuplicates[c] = !0), l === "[object Object]")
+      r && Object.keys(e.dump).length !== 0 ? (xi(e, n, e.dump, a), h && (e.dump = "&ref_" + c + e.dump)) : (Si(e, n, e.dump), h && (e.dump = "&ref_" + c + " " + e.dump));
     else if (l === "[object Array]")
-      r && e.dump.length !== 0 ? (e.noArrayIndent && !i && n > 0 ? on(e, n - 1, e.dump, a) : on(e, n, e.dump, a), C && (e.dump = "&ref_" + c + e.dump)) : (xi(e, n, e.dump), C && (e.dump = "&ref_" + c + " " + e.dump));
+      r && e.dump.length !== 0 ? (e.noArrayIndent && !i && n > 0 ? on(e, n - 1, e.dump, a) : on(e, n, e.dump, a), h && (e.dump = "&ref_" + c + e.dump)) : (Ai(e, n, e.dump), h && (e.dump = "&ref_" + c + " " + e.dump));
     else if (l === "[object String]")
       e.tag !== "?" && wi(e, e.dump, n, o, s);
     else {
@@ -2407,7 +2413,7 @@ function ji(e, n) {
 var Ti = ji, Mi = {
   dump: Ti
 };
-function _t(e, n) {
+function xt(e, n) {
   return function() {
     throw new Error("Function yaml." + e + " is removed in js-yaml 4. Use yaml." + n + " instead, which is now safe by default.");
   };
@@ -2415,8 +2421,8 @@ function _t(e, n) {
 var Oi = re, Ei = wn, Ni = Sn, Fi = Mn, qi = On, Ki = It, Bi = Wn.load, Li = Wn.loadAll, Ui = Mi.dump, Pi = ie, Ri = {
   binary: Kn,
   float: Tn,
-  map: xn,
-  null: _n,
+  map: An,
+  null: xn,
   pairs: Ln,
   set: Un,
   timestamp: Fn,
@@ -2424,9 +2430,9 @@ var Oi = re, Ei = wn, Ni = Sn, Fi = Mn, qi = On, Ki = It, Bi = Wn.load, Li = Wn.
   int: jn,
   merge: qn,
   omap: Bn,
-  seq: An,
+  seq: _n,
   str: In
-}, Vi = _t("safeLoad", "load"), Di = _t("safeLoadAll", "loadAll"), zi = _t("safeDump", "dump"), Gi = {
+}, Vi = xt("safeLoad", "load"), Di = xt("safeLoadAll", "loadAll"), zi = xt("safeDump", "dump"), Gi = {
   Type: Oi,
   Schema: Ei,
   FAILSAFE_SCHEMA: Ni,
@@ -2458,8 +2464,8 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
     });
     return (r, a) => {
       const o = P("KCodeBlock");
-      return m(), O("div", Hi, [
-        n.yamlRecord ? (m(), R(o, {
+      return g(), O("div", Hi, [
+        n.yamlRecord ? (g(), R(o, {
           key: 0,
           id: "yaml-codeblock",
           code: t.value,
@@ -2520,22 +2526,22 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
       const i = JSON.parse(JSON.stringify(n.record));
       return delete i.created_at, delete i.updated_at, i;
     });
-    return (i, l) => (m(), O(de, null, [
-      e.format === "structured" ? (m(), O("div", Ji, [
-        (m(!0), O(de, null, ce(e.propListTypes, (s) => (m(), O("div", {
+    return (i, l) => (g(), O(de, null, [
+      e.format === "structured" ? (g(), O("div", Ji, [
+        (g(!0), O(de, null, ce(e.propListTypes, (s) => (g(), O("div", {
           key: `config-card-details-${s}-props`,
           class: we(`config-card-details-${s}-props`),
           "data-testid": `config-card-details-${s}-props`
         }, [
-          s !== "basic" ? (m(), O("div", Yi, M(s === "advanced" ? f(r)("baseConfigCard.sections.advanced") : f(r)("baseConfigCard.sections.plugin")), 1)) : G("", !0),
-          (m(!0), O(de, null, ce(e.propertyCollections[s], (u) => (m(), R(vn, {
+          s !== "basic" ? (g(), O("div", Yi, M(s === "advanced" ? m(r)("baseConfigCard.sections.advanced") : m(r)("baseConfigCard.sections.plugin")), 1)) : G("", !0),
+          (g(!0), O(de, null, ce(e.propertyCollections[s], (u) => (g(), R(vn, {
             key: u.key,
             item: u
-          }, _e({
-            label: b(() => [
+          }, xe({
+            label: k(() => [
               Q(i.$slots, `${u.key}-label`, { row: u }, void 0, !0)
             ]),
-            [u.key]: b(({ rowValue: d }) => [
+            [u.key]: k(({ rowValue: d }) => [
               Q(i.$slots, u.key, {
                 row: u,
                 rowValue: d
@@ -2545,7 +2551,7 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
           }, [
             a(u) ? {
               name: "label-tooltip",
-              fn: b(() => [
+              fn: k(() => [
                 Q(i.$slots, `${u.key}-label-tooltip`, { row: u }, void 0, !0)
               ]),
               key: "0"
@@ -2553,20 +2559,20 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
           ]), 1032, ["item"]))), 128))
         ], 10, Wi))), 128))
       ])) : G("", !0),
-      e.format === "json" && n.record ? (m(), R(bn, {
+      e.format === "json" && n.record ? (g(), R(bn, {
         key: 1,
         config: n.config,
         "fetcher-url": n.fetcherUrl,
         "json-record": o.value,
         "request-method": "get"
       }, null, 8, ["config", "fetcher-url", "json-record"])) : G("", !0),
-      e.format === "yaml" && n.record ? (m(), R(lr, {
+      e.format === "yaml" && n.record ? (g(), R(lr, {
         key: 2,
         "yaml-record": o.value
       }, null, 8, ["yaml-record"])) : G("", !0)
     ], 64));
   }
-}), Qi = /* @__PURE__ */ pe(Zi, [["__scopeId", "data-v-147a2f70"]]), Ae = "24px", et = (e, n) => {
+}), Qi = /* @__PURE__ */ pe(Zi, [["__scopeId", "data-v-147a2f70"]]), _e = "24px", et = (e, n) => {
   const t = e.__vccOpts || e;
   for (const [r, a] of n)
     t[r] = a;
@@ -2608,7 +2614,7 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
     size: {
       type: [Number, String],
       required: !1,
-      default: Ae,
+      default: _e,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (e) => {
         if (typeof e == "number" && e > 0)
@@ -2637,7 +2643,7 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
         if (o && !isNaN(o) && Number.isInteger(o) && o > 0)
           return `${o}px`;
       }
-      return Ae;
+      return _e;
     }), r = $(() => ({
       boxSizing: "border-box",
       color: n.color,
@@ -2646,14 +2652,14 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
       lineHeight: "0",
       width: t.value
     }));
-    return (a, o) => (m(), R(je(e.as), {
+    return (a, o) => (g(), R(je(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon add-icon",
       "data-testid": "kui-icon-wrapper-add-icon",
       style: We(r.value)
     }, {
-      default: b(() => [
-        (m(), O("svg", {
+      default: k(() => [
+        (g(), O("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-add-icon",
           fill: "none",
@@ -2663,7 +2669,7 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (m(), O("title", tl, M(e.title), 1)) : G("", !0),
+          e.title ? (g(), O("title", tl, M(e.title), 1)) : G("", !0),
           nl
         ], 8, el))
       ]),
@@ -2707,7 +2713,7 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
     size: {
       type: [Number, String],
       required: !1,
-      default: Ae,
+      default: _e,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (e) => {
         if (typeof e == "number" && e > 0)
@@ -2736,7 +2742,7 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
         if (o && !isNaN(o) && Number.isInteger(o) && o > 0)
           return `${o}px`;
       }
-      return Ae;
+      return _e;
     }), r = $(() => ({
       boxSizing: "border-box",
       color: n.color,
@@ -2745,14 +2751,14 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
       lineHeight: "0",
       width: t.value
     }));
-    return (a, o) => (m(), R(je(e.as), {
+    return (a, o) => (g(), R(je(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon book-icon",
       "data-testid": "kui-icon-wrapper-book-icon",
       style: We(r.value)
     }, {
-      default: b(() => [
-        (m(), O("svg", {
+      default: k(() => [
+        (g(), O("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-book-icon",
           fill: "none",
@@ -2762,7 +2768,7 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (m(), O("title", ll, M(e.title), 1)) : G("", !0),
+          e.title ? (g(), O("title", ll, M(e.title), 1)) : G("", !0),
           sl
         ], 8, il))
       ]),
@@ -2806,7 +2812,7 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
     size: {
       type: [Number, String],
       required: !1,
-      default: Ae,
+      default: _e,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (e) => {
         if (typeof e == "number" && e > 0)
@@ -2835,7 +2841,7 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
         if (o && !isNaN(o) && Number.isInteger(o) && o > 0)
           return `${o}px`;
       }
-      return Ae;
+      return _e;
     }), r = $(() => ({
       boxSizing: "border-box",
       color: n.color,
@@ -2844,14 +2850,14 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
       lineHeight: "0",
       width: t.value
     }));
-    return (a, o) => (m(), R(je(e.as), {
+    return (a, o) => (g(), R(je(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon chevron-down-icon",
       "data-testid": "kui-icon-wrapper-chevron-down-icon",
       style: We(r.value)
     }, {
-      default: b(() => [
-        (m(), O("svg", {
+      default: k(() => [
+        (g(), O("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-chevron-down-icon",
           fill: "none",
@@ -2861,7 +2867,7 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (m(), O("title", fl, M(e.title), 1)) : G("", !0),
+          e.title ? (g(), O("title", fl, M(e.title), 1)) : G("", !0),
           ml
         ], 8, pl))
       ]),
@@ -2905,7 +2911,7 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
     size: {
       type: [Number, String],
       required: !1,
-      default: Ae,
+      default: _e,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (e) => {
         if (typeof e == "number" && e > 0)
@@ -2934,7 +2940,7 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
         if (o && !isNaN(o) && Number.isInteger(o) && o > 0)
           return `${o}px`;
       }
-      return Ae;
+      return _e;
     }), r = $(() => ({
       boxSizing: "border-box",
       color: n.color,
@@ -2943,14 +2949,14 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
       lineHeight: "0",
       width: t.value
     }));
-    return (a, o) => (m(), R(je(e.as), {
+    return (a, o) => (g(), R(je(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon close-icon",
       "data-testid": "kui-icon-wrapper-close-icon",
       style: We(r.value)
     }, {
-      default: b(() => [
-        (m(), O("svg", {
+      default: k(() => [
+        (g(), O("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-close-icon",
           fill: "none",
@@ -2960,14 +2966,14 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (m(), O("title", bl, M(e.title), 1)) : G("", !0),
+          e.title ? (g(), O("title", bl, M(e.title), 1)) : G("", !0),
           kl
         ], 8, vl))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
-}), wl = /* @__PURE__ */ et(Cl, [["__scopeId", "data-v-19f4cbbe"]]), Il = { "data-testid": "config-card-title" }, Al = { class: "config-card-actions" }, xl = ["href"], Sl = { class: "config-card-details-section" }, _l = /* @__PURE__ */ W({
+}), wl = /* @__PURE__ */ et(Cl, [["__scopeId", "data-v-19f4cbbe"]]), Il = { "data-testid": "config-card-title" }, _l = { class: "config-card-actions" }, Al = ["href"], Sl = { class: "config-card-details-section" }, xl = /* @__PURE__ */ W({
   __name: "EntityBaseConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -3060,7 +3066,7 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
       }
     ], d = N("structured"), c = (p) => {
       d.value = p == null ? void 0 : p.value;
-    }, C = {
+    }, h = {
       id: {
         type: Y.ID,
         label: o("baseConfigCard.commonFields.id_label"),
@@ -3094,21 +3100,21 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
         // the last property displayed
         section: se.Basic
       }
-    }, g = N(!1), x = N(!1), w = N(""), A = N({}), U = $(() => {
-      var p, k, v;
+    }, f = N(!1), _ = N(!1), w = N(""), A = N({}), U = $(() => {
+      var p, C, b;
       if (!A.value)
         return [];
       const I = [], L = Object.keys(A.value).length;
       for (const S in A.value) {
-        const F = (k = (p = a.configSchema) == null ? void 0 : p[S]) == null ? void 0 : k.order, _ = (v = C[S]) == null ? void 0 : v.order;
+        const F = (C = (p = a.configSchema) == null ? void 0 : p[S]) == null ? void 0 : C.order, x = (b = h[S]) == null ? void 0 : b.order;
         let K = L;
-        (_ || _ === 0) && (K = _ === -1 ? L + 1 : _), F && (K = F === -1 ? L + 1 : F), I.push([S, K]);
+        (x || x === 0) && (K = x === -1 ? L + 1 : x), F && (K = F === -1 ? L + 1 : F), I.push([S, K]);
       }
       return I.sort(function(S, F) {
         return S[1] - F[1];
       }), I.map((S) => {
-        var F, _;
-        const K = S[0], V = (F = A.value) == null ? void 0 : F[K], D = ((_ = a.configSchema) == null ? void 0 : _[K]) || {}, ae = C[K];
+        var F, x;
+        const K = S[0], V = (F = A.value) == null ? void 0 : F[K], D = ((x = a.configSchema) == null ? void 0 : x[K]) || {}, ae = h[K];
         return {
           key: K,
           value: V,
@@ -3120,51 +3126,51 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
         };
       }).filter((S) => !S.hidden && S.key !== a.pluginConfigKey);
     }), B = $(() => {
-      var p, k;
+      var p, C;
       if (!A.value || !a.pluginConfigKey)
         return [];
-      const v = A.value[a.pluginConfigKey] || {}, I = Object.keys(v).length, L = [];
-      for (const S in v) {
-        const F = (k = (p = a.pluginConfigSchema) == null ? void 0 : p[S]) == null ? void 0 : k.order, _ = v[S];
-        let K = _ != null && _ !== "" ? I - 1 : I;
+      const b = A.value[a.pluginConfigKey] || {}, I = Object.keys(b).length, L = [];
+      for (const S in b) {
+        const F = (C = (p = a.pluginConfigSchema) == null ? void 0 : p[S]) == null ? void 0 : C.order, x = b[S];
+        let K = x != null && x !== "" ? I - 1 : I;
         F && (K = F === -1 ? I + 1 : F), L.push([S, K]);
       }
       return L.sort(function(S, F) {
         return S[1] - F[1];
       }), L.map((S) => {
         var F;
-        const _ = S[0], K = v[_], V = ((F = a.pluginConfigSchema) == null ? void 0 : F[_]) || {};
+        const x = S[0], K = b[x], V = ((F = a.pluginConfigSchema) == null ? void 0 : F[x]) || {};
         return {
-          key: _,
+          key: x,
           value: K,
           hidden: V.hidden || !1,
           type: V.type ?? Y.Text,
-          label: V.label ?? l(_),
+          label: V.label ?? l(x),
           tooltip: V.tooltip ?? void 0,
           section: se.Plugin
         };
       }).filter((S) => !S.hidden);
     }), Z = $(() => {
-      var p, k, v, I;
+      var p, C, b, I;
       return {
         basic: (p = U.value) == null ? void 0 : p.filter((L) => L.section === se.Basic),
-        advanced: (k = U.value) == null ? void 0 : k.filter((L) => L.section === se.Advanced),
-        plugin: (I = B.value) == null ? void 0 : I.concat((v = U.value) == null ? void 0 : v.filter((L) => L.section === se.Plugin))
+        advanced: (C = U.value) == null ? void 0 : C.filter((L) => L.section === se.Advanced),
+        plugin: (I = B.value) == null ? void 0 : I.concat((b = U.value) == null ? void 0 : b.filter((L) => L.section === se.Plugin))
       };
-    }), y = $(() => {
+    }), v = $(() => {
       const p = [];
       return Z.value.basic.length && p.push("basic"), Z.value.advanced.length && p.push("advanced"), Z.value.plugin.length && p.push("plugin"), p;
-    }), h = $(() => {
-      var p, k;
-      let v = `${a.config.apiBaseUrl}${a.fetchUrl}`;
-      return a.config.app === "konnect" ? v = v.replace(/{controlPlaneId}/gi, ((p = a.config) == null ? void 0 : p.controlPlaneId) || "") : a.config.app === "kongManager" && (v = v.replace(/\/{workspace}/gi, (k = a.config) != null && k.workspace ? `/${a.config.workspace}` : "")), v = v.replace(/{id}/gi, a.config.entityId), v;
+    }), y = $(() => {
+      var p, C;
+      let b = `${a.config.apiBaseUrl}${a.fetchUrl}`;
+      return a.config.app === "konnect" ? b = b.replace(/{controlPlaneId}/gi, ((p = a.config) == null ? void 0 : p.controlPlaneId) || "") : a.config.app === "kongManager" && (b = b.replace(/\/{workspace}/gi, (C = a.config) != null && C.workspace ? `/${a.config.workspace}` : "")), b = b.replace(/{id}/gi, a.config.entityId), b;
     });
-    return ye(g, (p) => {
+    return ye(f, (p) => {
       r("loading", p);
     }, { immediate: !0 }), yt(async () => {
-      x.value = !1, g.value = !0;
+      _.value = !1, f.value = !0;
       try {
-        const { data: p } = await s.get(h.value);
+        const { data: p } = await s.get(y.value);
         if (a.dataKey)
           if (typeof p[a.dataKey] < "u")
             A.value = { ...p[a.dataKey] };
@@ -3172,26 +3178,26 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
             throw new Error(o("errors.dataKeyUndefined", { dataKey: a.dataKey }));
         else
           A.value = { ...p };
-        Object.keys(a.configSchema).filter((k) => a.configSchema[k].forceShow).forEach((k) => {
-          A.value && typeof A.value[k] > "u" && (A.value[k] = null);
+        Object.keys(a.configSchema).filter((C) => a.configSchema[C].forceShow).forEach((C) => {
+          A.value && typeof A.value[C] > "u" && (A.value[C] = null);
         }), r("fetch:success", p);
       } catch (p) {
-        const k = i(p);
-        w.value = k.startsWith("code") ? o("baseConfigCard.errors.load") : k, x.value = !0, r("fetch:error", p);
+        const C = i(p);
+        w.value = C.startsWith("code") ? o("baseConfigCard.errors.load") : C, _.value = !0, r("fetch:error", p);
       } finally {
-        g.value = !1;
+        f.value = !1;
       }
-    }), (p, k) => {
-      const v = P("KLabel"), I = P("KSelect"), L = P("KButton"), S = P("KSkeleton"), F = P("KEmptyState"), _ = P("KCard");
-      return m(), R(_, { class: "kong-ui-entity-base-config-card" }, _e({
-        actions: b(() => [
-          q("div", Al, [
+    }), (p, C) => {
+      const b = P("KLabel"), I = P("KSelect"), L = P("KButton"), S = P("KSkeleton"), F = P("KEmptyState"), x = P("KCard");
+      return g(), R(x, { class: "kong-ui-entity-base-config-card" }, xe({
+        actions: k(() => [
+          q("div", _l, [
             Q(p.$slots, "actions", {}, void 0, !0),
-            T(v, {
+            T(b, {
               class: "config-format-select-label",
               "data-testid": "config-format-select-label"
             }, {
-              default: b(() => [
+              default: k(() => [
                 H(M(e.label), 1)
               ]),
               _: 1
@@ -3201,37 +3207,37 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
               items: u,
               onChange: c
             }),
-            e.configCardDoc ? (m(), R(L, {
+            e.configCardDoc ? (g(), R(L, {
               key: 0,
               appearance: "tertiary",
               class: "book-icon",
               "data-testid": "book-icon"
             }, {
-              default: b(() => [
+              default: k(() => [
                 q("a", {
                   href: e.configCardDoc,
                   rel: "noopener",
                   target: "_blank"
                 }, [
-                  T(f(cl), { size: f(da) }, null, 8, ["size"])
-                ], 8, xl)
+                  T(m(cl), { size: m(da) }, null, 8, ["size"])
+                ], 8, Al)
               ]),
               _: 1
             })) : G("", !0)
           ])
         ]),
-        default: b(() => [
-          g.value ? (m(), R(S, {
+        default: k(() => [
+          f.value ? (g(), R(S, {
             key: 0,
             "data-testid": "config-card-loader",
             "table-columns": 2,
             type: "table"
-          })) : x.value ? (m(), R(F, {
+          })) : _.value ? (g(), R(F, {
             key: 1,
             "data-testid": "config-card-fetch-error",
             "icon-variant": "error"
           }, {
-            default: b(() => [
+            default: k(() => [
               q("h3", null, M(w.value), 1)
             ]),
             _: 1
@@ -3239,15 +3245,15 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
           q("div", Sl, [
             T(Qi, {
               config: e.config,
-              "fetcher-url": h.value,
+              "fetcher-url": y.value,
               format: d.value,
-              "prop-list-types": y.value,
+              "prop-list-types": v.value,
               "property-collections": Z.value,
               record: A.value
-            }, _e({ _: 2 }, [
+            }, xe({ _: 2 }, [
               ce(Object.keys(p.$slots), (K) => ({
                 name: K,
-                fn: b(({ row: V, rowValue: D }) => [
+                fn: k(({ row: V, rowValue: D }) => [
                   Q(p.$slots, K, {
                     row: V,
                     rowValue: D
@@ -3261,10 +3267,10 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
       }, [
         e.hideTitle ? void 0 : {
           name: "title",
-          fn: b(() => [
+          fn: k(() => [
             q("div", Il, [
               Q(p.$slots, "title", {}, () => [
-                H(M(f(o)("baseConfigCard.title")), 1)
+                H(M(m(o)("baseConfigCard.title")), 1)
               ], !0)
             ])
           ]),
@@ -3273,7 +3279,7 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
       ]), 1024);
     };
   }
-}), $l = /* @__PURE__ */ pe(_l, [["__scopeId", "data-v-491f1797"]]), jl = {
+}), $l = /* @__PURE__ */ pe(xl, [["__scopeId", "data-v-491f1797"]]), jl = {
   class: "form-actions",
   "data-testid": "form-actions"
 }, Tl = /* @__PURE__ */ W({
@@ -3333,18 +3339,18 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
     var t;
     const r = n, a = e, o = bt(), { i18n: { t: i } } = ne.useI18n(), { getMessageFromError: l } = ne.useErrors(), { axiosInstance: s } = ne.useAxios({
       headers: (t = a.config) == null ? void 0 : t.requestHeaders
-    }), u = N(!1), d = N(!1), c = N(""), C = $(() => a.canSubmit === !1 || a.isReadonly), g = N(!1), x = $(() => {
-      var y, h;
+    }), u = N(!1), d = N(!1), c = N(""), h = $(() => a.canSubmit === !1 || a.isReadonly), f = N(!1), _ = $(() => {
+      var v, y;
       let p = `${a.config.apiBaseUrl}${a.fetchUrl}`;
-      return a.config.app === "konnect" ? p = p.replace(/{controlPlaneId}/gi, ((y = a.config) == null ? void 0 : y.controlPlaneId) || "") : a.config.app === "kongManager" && (p = p.replace(/\/{workspace}/gi, (h = a.config) != null && h.workspace ? `/${a.config.workspace}` : "")), a.editId ? (p = p.replace(/{id}/gi, a.editId), p) : (p = p.replace(/\/{id}/gi, ""), p);
+      return a.config.app === "konnect" ? p = p.replace(/{controlPlaneId}/gi, ((v = a.config) == null ? void 0 : v.controlPlaneId) || "") : a.config.app === "kongManager" && (p = p.replace(/\/{workspace}/gi, (y = a.config) != null && y.workspace ? `/${a.config.workspace}` : "")), a.editId ? (p = p.replace(/{id}/gi, a.editId), p) : (p = p.replace(/\/{id}/gi, ""), p);
     }), w = () => {
-      g.value = !g.value;
+      f.value = !f.value;
     }, A = () => {
       a.config.cancelRoute ? o.push(a.config.cancelRoute) : U();
     }, U = () => {
       r("cancel");
     }, B = () => {
-      C.value || r("submit");
+      h.value || r("submit");
     }, Z = N([
       {
         title: i("baseForm.configuration.yaml"),
@@ -3355,60 +3361,60 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
         hash: "#json"
       }
     ]);
-    return ye(() => u.value, (y) => {
-      r("loading", y);
+    return ye(() => u.value, (v) => {
+      r("loading", v);
     }, { immediate: !0 }), yt(async () => {
       if (a.editId)
         try {
           d.value = !1, u.value = !0;
-          const { data: y } = await s.get(x.value);
-          r("fetch:success", y);
-        } catch (y) {
-          const h = l(y);
-          c.value = h.startsWith("code") ? i("baseForm.errors.edit") : h, d.value = !0, r("fetch:error", y);
+          const { data: v } = await s.get(_.value);
+          r("fetch:success", v);
+        } catch (v) {
+          const y = l(v);
+          c.value = y.startsWith("code") ? i("baseForm.errors.edit") : y, d.value = !0, r("fetch:error", v);
         } finally {
           u.value = !1;
         }
-    }), (y, h) => {
-      const p = P("KSkeleton"), k = P("KEmptyState"), v = P("KAlert"), I = P("KButton"), L = P("KTabs"), S = P("KSlideout"), F = P("KCard");
-      return m(), R(F, { class: "kong-ui-entity-base-form" }, {
-        default: b(() => [
-          u.value ? (m(), R(p, {
+    }), (v, y) => {
+      const p = P("KSkeleton"), C = P("KEmptyState"), b = P("KAlert"), I = P("KButton"), L = P("KTabs"), S = P("KSlideout"), F = P("KCard");
+      return g(), R(F, { class: "kong-ui-entity-base-form" }, {
+        default: k(() => [
+          u.value ? (g(), R(p, {
             key: 0,
             type: "form"
-          })) : d.value ? (m(), R(k, {
+          })) : d.value ? (g(), R(C, {
             key: 1,
-            "action-button-text": f(i)("baseForm.actions.back"),
+            "action-button-text": m(i)("baseForm.actions.back"),
             "data-testid": "form-fetch-error",
             "icon-variant": "error",
             onClickAction: A
           }, {
-            default: b(() => [
+            default: k(() => [
               q("h3", null, M(c.value), 1)
             ]),
             _: 1
-          }, 8, ["action-button-text"])) : (m(), O("form", {
+          }, 8, ["action-button-text"])) : (g(), O("form", {
             key: 2,
             "data-testid": "form-content",
             onReset: ct(U, ["prevent"]),
             onSubmit: ct(B, ["prevent"])
           }, [
-            Q(y.$slots, "default", {}, void 0, !0),
-            e.errorMessage ? (m(), R(v, {
+            Q(v.$slots, "default", {}, void 0, !0),
+            e.errorMessage ? (g(), R(b, {
               key: 0,
               appearance: "danger",
               "data-testid": "form-error",
               message: e.errorMessage
             }, null, 8, ["message"])) : G("", !0),
             q("div", jl, [
-              Q(y.$slots, "form-actions", {}, () => [
+              Q(v.$slots, "form-actions", {}, () => [
                 T(I, {
                   appearance: "tertiary",
                   "data-testid": "form-view-configuration",
-                  onClick: h[0] || (h[0] = (_) => w())
+                  onClick: y[0] || (y[0] = (x) => w())
                 }, {
-                  default: b(() => [
-                    H(M(f(i)("baseForm.actions.viewConfiguration")), 1)
+                  default: k(() => [
+                    H(M(m(i)("baseForm.actions.viewConfiguration")), 1)
                   ]),
                   _: 1
                 }),
@@ -3418,19 +3424,19 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
                   disabled: e.isReadonly,
                   type: "reset"
                 }, {
-                  default: b(() => [
-                    H(M(f(i)("baseForm.actions.cancel")), 1)
+                  default: k(() => [
+                    H(M(m(i)("baseForm.actions.cancel")), 1)
                   ]),
                   _: 1
                 }, 8, ["disabled"]),
                 T(I, {
                   appearance: "primary",
                   "data-testid": "form-submit",
-                  disabled: C.value,
+                  disabled: h.value,
                   type: "submit"
                 }, {
-                  default: b(() => [
-                    H(M(f(i)("baseForm.actions.save")), 1)
+                  default: k(() => [
+                    H(M(m(i)("baseForm.actions.save")), 1)
                   ]),
                   _: 1
                 }, 8, ["disabled"])
@@ -3442,25 +3448,25 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
             "data-testid": "form-view-configuration-slideout",
             "has-overlay": !1,
             "offset-top": 60,
-            title: f(i)("baseForm.configuration.title"),
-            visible: g.value,
-            onClose: h[1] || (h[1] = (_) => w())
+            title: m(i)("baseForm.configuration.title"),
+            visible: f.value,
+            onClose: y[1] || (y[1] = (x) => w())
           }, {
-            default: b(() => [
-              q("div", null, M(f(i)("baseForm.configuration.message")), 1),
+            default: k(() => [
+              q("div", null, M(m(i)("baseForm.configuration.message")), 1),
               T(L, {
                 "data-testid": "form-view-configuration-slideout-tabs",
                 tabs: Z.value
               }, {
-                json: b(() => [
+                json: k(() => [
                   T(bn, {
                     config: e.config,
-                    "fetcher-url": x.value,
+                    "fetcher-url": _.value,
                     "json-record": a.formFields,
                     "request-method": a.editId ? "put" : "post"
                   }, null, 8, ["config", "fetcher-url", "json-record", "request-method"])
                 ]),
-                yaml: b(() => [
+                yaml: k(() => [
                   T(lr, {
                     "yaml-record": a.formFields
                   }, null, 8, ["yaml-record"])
@@ -3508,8 +3514,8 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
     }, l = () => {
       var w, A, U;
       u.value = ((w = r.value) == null ? void 0 : w.getBoundingClientRect().width) || 0, d.value = ((A = t.value) == null ? void 0 : A.clientWidth) || 0, c.value = ((U = s.value) == null ? void 0 : U.innerText) || "";
-    }, s = N({}), u = N(0), d = N(0), c = N(""), C = $(() => [r.value, t.value]), g = ye(
-      C,
+    }, s = N({}), u = N(0), d = N(0), c = N(""), h = $(() => [r.value, t.value]), f = ye(
+      h,
       (w) => {
         if (a.value && (i(), "ResizeObserver" in window && window)) {
           o = new ResizeObserver((A) => {
@@ -3522,25 +3528,25 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
         }
       },
       { immediate: !0, flush: "post", deep: !0 }
-    ), x = $(() => a.value ? u.value > d.value : !1);
+    ), _ = $(() => a.value ? u.value > d.value : !1);
     return br(() => {
       l();
     }), kr(() => {
-      g();
+      f();
     }), (w, A) => {
       const U = P("KTooltip");
-      return m(), O("span", {
+      return g(), O("span", {
         ref_key: "contentRef",
         ref: s,
         class: "content-wrapper"
       }, [
-        a.value ? (m(), O("span", Ol, [
+        a.value ? (g(), O("span", Ol, [
           T(U, {
             "max-width": "300",
             placement: "bottomStart",
-            text: x.value ? c.value : ""
+            text: _.value ? c.value : ""
           }, {
-            default: b(() => [
+            default: k(() => [
               Q(w.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
@@ -3663,82 +3669,82 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
   emits: ["click:row", "sort", "clear-search-input", "empty-state-cta-clicked"],
   setup(e, { emit: n }) {
     const t = e, r = n, { i18n: { t: a } } = ne.useI18n(), o = $(() => {
-      var h, p;
+      var y, p;
       return typeof t.errorMessage == "string" ? {
         hasError: !!t.errorMessage,
         title: t.errorMessage,
         message: void 0
       } : {
         hasError: !!t.errorMessage,
-        title: (h = t.errorMessage) == null ? void 0 : h.title,
+        title: (y = t.errorMessage) == null ? void 0 : y.title,
         message: (p = t.errorMessage) == null ? void 0 : p.message
       };
-    }), i = $(() => t.cacheIdentifier || t.preferencesStorageKey), l = (h) => h.hasData || !!t.query, s = $(() => {
-      const h = [];
+    }), i = $(() => t.cacheIdentifier || t.preferencesStorageKey), l = (y) => y.hasData || !!t.query, s = $(() => {
+      const y = [];
       return Object.keys(t.tableHeaders).forEach((p) => {
-        const k = t.tableHeaders[p];
-        h.push({
-          label: k.label ?? p,
+        const C = t.tableHeaders[p];
+        y.push({
+          label: C.label ?? p,
           key: p,
-          sortable: k.sortable ?? !1
+          sortable: C.sortable ?? !1
         });
-      }), t.enableEntityActions && h.push({
+      }), t.enableEntityActions && y.push({
         key: "actions",
         hideLabel: !0
-      }), h;
-    }), u = (h) => ({
-      "data-rowid": h.id,
-      "data-testid": h.name,
-      ...t.rowAttributes(h)
-    }), d = N({}), c = (h) => {
+      }), y;
+    }), u = (y) => ({
+      "data-rowid": y.id,
+      "data-testid": y.name,
+      ...t.rowAttributes(y)
+    }), d = N({}), c = (y) => {
       var p;
-      return (p = d.value) == null ? void 0 : p.$el.querySelector(`[data-rowid="${h.id}"]`);
-    }, C = (h) => {
+      return (p = d.value) == null ? void 0 : p.$el.querySelector(`[data-rowid="${y.id}"]`);
+    }, h = (y) => {
       const p = {
-        "data-testid": h.headerKey,
-        ...t.cellAttributes(h)
+        "data-testid": y.headerKey,
+        ...t.cellAttributes(y)
       };
-      return h.colIndex === 0 && (p.style = {
+      return y.colIndex === 0 && (p.style = {
         maxWidth: "250px",
         overflowX: "hidden",
         textOverflow: "ellipsis"
       }), p;
-    }, g = () => {
-      r("empty-state-cta-clicked"), x();
-    }, x = () => {
+    }, f = () => {
+      r("empty-state-cta-clicked"), _();
+    }, _ = () => {
       r("clear-search-input");
-    }, w = $(() => t.disableRowClick ? void 0 : (h, p) => {
+    }, w = $(() => t.disableRowClick ? void 0 : (y, p) => {
       r("click:row", p);
-    }), A = (h) => {
-      r("sort", h);
+    }), A = (y) => {
+      r("sort", y);
     }, { setTablePreferences: U, getTablePreferences: B } = Mr(), Z = $(() => {
-      const h = B(t.preferencesStorageKey);
+      const y = B(t.preferencesStorageKey);
       return {
         ...t.initialFetcherParams,
-        ...h
+        ...y
       };
-    }), y = (h) => {
-      t.preferencesStorageKey && U(t.preferencesStorageKey, h);
+    }), v = (y) => {
+      t.preferencesStorageKey && U(t.preferencesStorageKey, y);
     };
-    return (h, p) => {
-      const k = P("KIcon"), v = P("KButton"), I = P("KDropdown"), L = P("KTable"), S = P("KCard");
-      return m(), R(S, {
+    return (y, p) => {
+      const C = P("KIcon"), b = P("KButton"), I = P("KDropdown"), L = P("KTable"), S = P("KCard");
+      return g(), R(S, {
         class: "kong-ui-entity-base-table",
         title: e.title
       }, {
-        default: b(() => [
+        default: k(() => [
           T(L, {
             ref_key: "tableRefs",
             ref: d,
             "cache-identifier": i.value,
-            "cell-attrs": C,
+            "cell-attrs": h,
             "disable-pagination-page-jump": e.disablePaginationPageJump,
             "disable-sorting": e.disableSorting,
-            "empty-state-action-message": e.query ? f(a)("baseTable.emptyState.noSearchResultsCtaText") : e.emptyStateOptions.ctaText,
+            "empty-state-action-message": e.query ? m(a)("baseTable.emptyState.noSearchResultsCtaText") : e.emptyStateOptions.ctaText,
             "empty-state-action-route": e.query ? void 0 : e.emptyStateOptions.ctaPath,
             "empty-state-icon-variant": e.query ? "search" : "kong",
-            "empty-state-message": e.query ? f(a)("baseTable.emptyState.noSearchResultsMessage") : e.emptyStateOptions.message,
-            "empty-state-title": e.query ? f(a)("baseTable.emptyState.noSearchResultsTitle") : e.emptyStateOptions.title,
+            "empty-state-message": e.query ? m(a)("baseTable.emptyState.noSearchResultsMessage") : e.emptyStateOptions.message,
+            "empty-state-title": e.query ? m(a)("baseTable.emptyState.noSearchResultsTitle") : e.emptyStateOptions.title,
             "enable-client-sort": e.enableClientSort,
             "error-state-message": o.value.message,
             "error-state-title": o.value.title,
@@ -3752,22 +3758,22 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
             "pagination-type": e.paginationType,
             "row-attrs": u,
             "search-input": e.query,
-            onKtableEmptyStateCtaClicked: g,
+            onKtableEmptyStateCtaClicked: f,
             "onRow:click": w.value,
             onSort: p[0] || (p[0] = (F) => A(F)),
-            "onUpdate:tablePreferences": y
-          }, _e({
-            toolbar: b(({ state: F }) => [
+            "onUpdate:tablePreferences": v
+          }, xe({
+            toolbar: k(({ state: F }) => [
               be(q("div", Fl, [
-                Q(h.$slots, "toolbar-filter", {}, void 0, !0),
-                h.$slots["toolbar-button"] ? (m(), O("div", ql, [
-                  Q(h.$slots, "toolbar-button", {}, void 0, !0)
+                Q(y.$slots, "toolbar-filter", {}, void 0, !0),
+                y.$slots["toolbar-button"] ? (g(), O("div", ql, [
+                  Q(y.$slots, "toolbar-button", {}, void 0, !0)
                 ])) : G("", !0)
               ], 512), [
                 [ke, l(F)]
               ])
             ]),
-            actions: b(({ row: F, rowKey: _, rowValue: K }) => [
+            actions: k(({ row: F, rowKey: x, rowValue: K }) => [
               q("div", {
                 class: "actions-container",
                 "data-testid": F.name
@@ -3776,22 +3782,22 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
                   "kpop-attributes": { placement: "bottomEnd" },
                   width: e.dropdownMenuWidth
                 }, {
-                  items: b(() => [
-                    Q(h.$slots, "actions", {
+                  items: k(() => [
+                    Q(y.$slots, "actions", {
                       row: F,
-                      rowKey: _,
+                      rowKey: x,
                       rowValue: K
                     }, void 0, !0)
                   ]),
-                  default: b(() => [
-                    T(v, {
+                  default: k(() => [
+                    T(b, {
                       class: "actions-trigger",
                       "data-testid": "overflow-actions-button",
                       size: "small"
                     }, {
-                      icon: b(() => [
-                        T(k, {
-                          color: f(sa),
+                      icon: k(() => [
+                        T(C, {
+                          color: m(sa),
                           icon: "more",
                           size: "16"
                         }, null, 8, ["color"])
@@ -3805,15 +3811,15 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
             ]),
             _: 2
           }, [
-            ce(e.tableHeaders, (F, _) => ({
-              name: _,
-              fn: b(({ row: K, rowKey: V, rowValue: D }) => [
+            ce(e.tableHeaders, (F, x) => ({
+              name: x,
+              fn: k(({ row: K, rowKey: V, rowValue: D }) => [
                 T(Nl, {
-                  "key-name": String(_),
+                  "key-name": String(x),
                   "row-el": c(K)
                 }, {
-                  default: b(() => [
-                    Q(h.$slots, _, {
+                  default: k(() => [
+                    Q(y.$slots, x, {
                       row: K,
                       rowKey: V,
                       rowValue: D
@@ -3827,8 +3833,8 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
             })),
             e.query ? void 0 : {
               name: "empty-state-action-icon",
-              fn: b(() => [
-                T(f(al))
+              fn: k(() => [
+                T(m(al))
               ]),
               key: "0"
             }
@@ -3890,7 +3896,7 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
     };
     return (s, u) => {
       const d = P("KAlert"), c = P("KPrompt");
-      return m(), R(c, {
+      return g(), R(c, {
         "action-button-appearance": "danger",
         "action-button-disabled": e.actionPending,
         "action-button-text": "Yes, delete",
@@ -3901,34 +3907,34 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
         onCancel: i,
         onProceed: l
       }, {
-        default: b(() => [
-          e.error ? (m(), O("div", Ul, [
+        default: k(() => [
+          e.error ? (g(), O("div", Ul, [
             T(d, { appearance: "danger" }, {
-              default: b(() => [
+              default: k(() => [
                 H(M(e.error), 1)
               ]),
               _: 1
             })
           ])) : G("", !0),
-          T(f(t), {
+          T(m(t), {
             class: "message",
             keypath: r.entityName ? "deleteModal.messageWithName" : "deleteModal.message",
             tag: "p"
-          }, _e({
-            entityType: b(() => [
+          }, xe({
+            entityType: k(() => [
               H(M(r.entityType), 1)
             ]),
             _: 2
           }, [
             r.entityName ? {
               name: "entityName",
-              fn: b(() => [
+              fn: k(() => [
                 q("strong", null, M(r.entityName), 1)
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["keypath"]),
-          r.description || s.$slots.description ? (m(), O("div", Pl, [
+          r.description || s.$slots.description ? (g(), O("div", Pl, [
             Q(s.$slots, "description", {}, () => [
               q("p", null, M(r.description), 1)
             ], !0)
@@ -3961,7 +3967,7 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
     }
   },
   setup(e) {
-    return (n, t) => (m(), O("svg", Dl, [
+    return (n, t) => (g(), O("svg", Dl, [
       q("mask", zl, [
         q("rect", {
           fill: e.color,
@@ -4001,83 +4007,83 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
     const { i18n: { t } } = ne.useI18n(), r = e, a = n, o = N(!1), i = N({}), l = N(/* @__PURE__ */ new Set()), s = $(() => {
-      const y = [];
-      return new URLSearchParams(r.modelValue).forEach((h, p) => {
-        h !== "" && y.push(p);
-      }), y;
+      const v = [];
+      return new URLSearchParams(r.modelValue).forEach((y, p) => {
+        y !== "" && v.push(p);
+      }), v;
     }), u = $(() => {
-      const y = r.config.fields;
-      return Object.keys(y).filter((h) => y[h].searchable).map((h) => ({
-        label: y[h].label || h,
-        value: h,
+      const v = r.config.fields;
+      return Object.keys(v).filter((y) => v[y].searchable).map((y) => ({
+        label: v[y].label || y,
+        value: y,
         expanded: !1
       }));
     });
-    ye(() => r.modelValue, (y) => {
-      i.value = {}, new URLSearchParams(y).forEach((h, p) => {
-        i.value[p] = h;
+    ye(() => r.modelValue, (v) => {
+      i.value = {}, new URLSearchParams(v).forEach((y, p) => {
+        i.value[p] = y;
       });
     });
     const d = () => {
       o.value = !o.value;
-    }, c = (y) => {
-      l.value.has(y) ? l.value.delete(y) : l.value.add(y);
-    }, C = (y) => {
-      a("update:modelValue", y);
-    }, g = () => {
-      C("");
-    }, x = (y) => `filter-${y}`, w = (y) => {
-      var h, p;
-      return (((p = (h = r.config.schema) == null ? void 0 : h[y]) == null ? void 0 : p.values) ?? []).map((k) => ({
-        value: k,
-        label: k
+    }, c = (v) => {
+      l.value.has(v) ? l.value.delete(v) : l.value.add(v);
+    }, h = (v) => {
+      a("update:modelValue", v);
+    }, f = () => {
+      h("");
+    }, _ = (v) => `filter-${v}`, w = (v) => {
+      var y, p;
+      return (((p = (y = r.config.schema) == null ? void 0 : y[v]) == null ? void 0 : p.values) ?? []).map((C) => ({
+        value: C,
+        label: C
       }));
-    }, A = (y) => {
-      var h, p;
-      return ((p = (h = r.config.schema) == null ? void 0 : h[y]) == null ? void 0 : p.type) ?? "text";
-    }, U = (y) => {
+    }, A = (v) => {
+      var y, p;
+      return ((p = (y = r.config.schema) == null ? void 0 : y[v]) == null ? void 0 : p.type) ?? "text";
+    }, U = (v) => {
       i.value = {
         ...i.value,
-        [y]: ""
+        [v]: ""
       }, Z();
     }, B = () => {
       i.value = {}, Z(!0);
-    }, Z = (y = !1) => {
-      const h = Object.keys(i.value).reduce((p, k) => (i.value[k] && (p[k] = `${i.value[k]}`), p), {});
-      y && (o.value = !1), a("update:modelValue", new URLSearchParams(h).toString());
+    }, Z = (v = !1) => {
+      const y = Object.keys(i.value).reduce((p, C) => (i.value[C] && (p[C] = `${i.value[C]}`), p), {});
+      v && (o.value = !1), a("update:modelValue", new URLSearchParams(y).toString());
     };
-    return (y, h) => {
-      const p = P("KInput"), k = P("KButton"), v = P("KSelect");
-      return e.config.isExactMatch ? (m(), R(p, {
+    return (v, y) => {
+      const p = P("KInput"), C = P("KButton"), b = P("KSelect");
+      return e.config.isExactMatch ? (g(), R(p, {
         key: 0,
         autocomplete: "off",
         class: "kong-ui-entity-filter-input",
         "data-testid": "search-input",
         "model-value": e.modelValue,
         placeholder: e.config.placeholder,
-        "onUpdate:modelValue": C
+        "onUpdate:modelValue": h
       }, {
-        before: b(() => [
+        before: k(() => [
           T(sn)
         ]),
-        after: b(() => [
-          be(T(f(wl), {
+        after: k(() => [
+          be(T(m(wl), {
             class: "kong-ui-entity-filter-clear",
-            onClick: g
+            onClick: f
           }, null, 512), [
             [ke, e.modelValue !== ""]
           ])
         ]),
         _: 1
-      }, 8, ["model-value", "placeholder"])) : (m(), O("div", Wl, [
-        T(k, {
+      }, 8, ["model-value", "placeholder"])) : (g(), O("div", Wl, [
+        T(C, {
           appearance: "tertiary",
           "data-testid": "filter-button",
           onClick: d
         }, {
-          default: b(() => [
+          default: k(() => [
             T(sn),
-            H(" " + M(f(t)("filter.filterButtonText")) + " " + M(s.value.length > 0 ? `(${s.value.length})` : ""), 1)
+            H(" " + M(m(t)("filter.filterButtonText")) + " " + M(s.value.length > 0 ? `(${s.value.length})` : ""), 1)
           ]),
           _: 1
         }),
@@ -4088,9 +4094,9 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
           [ke, o.value]
         ]),
         be(q("div", Yl, [
-          (m(!0), O(de, null, ce(u.value, (I) => {
+          (g(!0), O(de, null, ce(u.value, (I) => {
             var L, S;
-            return m(), O("div", {
+            return g(), O("div", {
               key: I.value,
               class: "kong-ui-entity-filter-menu-item",
               "data-testid": I.value
@@ -4106,55 +4112,55 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
                 be(q("span", Xl, null, 512), [
                   [ke, s.value.includes(I.value)]
                 ]),
-                T(f(hl), {
+                T(m(hl), {
                   class: we(["menu-item-expand-icon", { expanded: l.value.has(I.value) }]),
-                  color: f(ua)
+                  color: m(ua)
                 }, null, 8, ["class", "color"])
               ], 42, Ql),
               be(q("div", es, [
                 q("label", {
                   class: "menu-item-label",
-                  for: x(I.value)
-                }, M(f(t)("filter.fieldLabel")), 9, ts),
-                ((S = (L = e.config.schema) == null ? void 0 : L[I.value]) == null ? void 0 : S.type) === "select" ? (m(), R(v, {
+                  for: _(I.value)
+                }, M(m(t)("filter.fieldLabel")), 9, ts),
+                ((S = (L = e.config.schema) == null ? void 0 : L[I.value]) == null ? void 0 : S.type) === "select" ? (g(), R(b, {
                   key: 0,
-                  id: x(I.value),
+                  id: _(I.value),
                   modelValue: i.value[I.value],
                   "onUpdate:modelValue": (F) => i.value[I.value] = F,
                   items: w(I.value),
-                  placeholder: f(t)("filter.selectPlaceholder")
-                }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "items", "placeholder"])) : (m(), R(p, {
+                  placeholder: m(t)("filter.selectPlaceholder")
+                }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "items", "placeholder"])) : (g(), R(p, {
                   key: 1,
-                  id: x(I.value),
+                  id: _(I.value),
                   modelValue: i.value[I.value],
                   "onUpdate:modelValue": (F) => i.value[I.value] = F,
                   autocomplete: "off",
-                  placeholder: f(t)("filter.inputPlaceholder"),
+                  placeholder: m(t)("filter.inputPlaceholder"),
                   type: A(I.value)
                 }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "placeholder", "type"]))
               ], 512), [
                 [ke, l.value.has(I.value)]
               ]),
               be(q("div", ns, [
-                T(k, {
+                T(C, {
                   appearance: "tertiary",
                   "data-testid": "apply-filter",
                   size: "small",
-                  onClick: h[0] || (h[0] = (F) => Z(!0))
+                  onClick: y[0] || (y[0] = (F) => Z(!0))
                 }, {
-                  default: b(() => [
-                    H(M(f(t)("filter.applyButtonText")), 1)
+                  default: k(() => [
+                    H(M(m(t)("filter.applyButtonText")), 1)
                   ]),
                   _: 1
                 }),
-                T(k, {
+                T(C, {
                   appearance: "tertiary",
                   "data-testid": "clear-filter",
                   size: "small",
                   onClick: (F) => U(I.value)
                 }, {
-                  default: b(() => [
-                    H(M(f(t)("filter.clearButtonText")), 1)
+                  default: k(() => [
+                    H(M(m(t)("filter.clearButtonText")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -4164,13 +4170,13 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
             ], 8, Zl);
           }), 128)),
           q("div", rs, [
-            T(k, {
+            T(C, {
               appearance: "tertiary",
               size: "small",
               onClick: B
             }, {
-              default: b(() => [
-                H(M(f(t)("filter.clearAllButtonText")), 1)
+              default: k(() => [
+                H(M(m(t)("filter.clearAllButtonText")), 1)
               ]),
               _: 1
             })
@@ -4246,21 +4252,21 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
   },
   setup(e) {
     const n = vt();
-    return (t, r) => (m(), O("fieldset", {
+    return (t, r) => (g(), O("fieldset", {
       class: we(["kong-ui-entity-form-section", { "has-divider": e.hasDivider }])
     }, [
       q("div", is, [
-        e.hideInfoHeader ? G("", !0) : (m(), O("div", {
+        e.hideInfoHeader ? G("", !0) : (g(), O("div", {
           key: 0,
           class: we(["form-section-info", { sticky: e.stickyInfoHeader }])
         }, [
-          e.title ? (m(), O("h4", ls, M(e.title), 1)) : G("", !0),
-          e.description || f(n).description ? (m(), O("div", ss, [
+          e.title ? (g(), O("h4", ls, M(e.title), 1)) : G("", !0),
+          e.description || m(n).description ? (g(), O("div", ss, [
             Q(t.$slots, "description", {}, () => [
               q("p", null, M(e.description), 1)
             ], !0)
           ])) : G("", !0),
-          f(n).footer ? (m(), O("div", us, [
+          m(n).footer ? (g(), O("div", us, [
             Q(t.$slots, "footer", {}, void 0, !0)
           ])) : G("", !0)
         ], 2)),
@@ -4302,7 +4308,7 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
       allRecords: u,
       error: d,
       loadItems: c,
-      results: C
+      results: h
     } = hs(
       r.config,
       $e.list[r.config.app].all,
@@ -4311,52 +4317,52 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
         fetchedItemsKey: "data",
         searchKeys: ["username", "id"]
       }
-    ), g = (_) => _, x = $(() => d.value ? t("consumers.errors.general") : ""), w = N(0), A = $(() => u.value === void 0), U = $(() => C.value.map((_) => ({
-      label: _.username || _.customId,
-      value: _.id,
-      selected: i.value.includes(_.id),
-      data: _
+    ), f = (x) => x, _ = $(() => d.value ? t("consumers.errors.general") : ""), w = N(0), A = $(() => u.value === void 0), U = $(() => h.value.map((x) => ({
+      label: x.username || x.customId,
+      value: x.id,
+      selected: i.value.includes(x.id),
+      data: x
       // we need this to determine whether or not to show the description text
-    }))), B = (_) => {
+    }))), B = (x) => {
       var V;
-      const K = A.value ? C.value.find((D) => D.id === _) : (V = u.value) == null ? void 0 : V.find((D) => D.id === _);
-      return K ? K.username || K.custom_id : _;
+      const K = A.value ? h.value.find((D) => D.id === x) : (V = u.value) == null ? void 0 : V.find((D) => D.id === x);
+      return K ? K.username || K.custom_id : x;
     }, Z = () => {
-      p.value = "", y.value = [], L.value = [], a("cancel");
-    }, y = N([]), h = N(!1), p = N(""), k = async () => {
+      p.value = "", v.value = [], L.value = [], a("cancel");
+    }, v = N([]), y = N(!1), p = N(""), C = async () => {
       if (!i.value.length) {
         p.value = "", L.value = [], a("cancel");
         return;
       }
-      h.value = !0, p.value = "", y.value = [], L.value = [];
+      y.value = !0, p.value = "", v.value = [], L.value = [];
       try {
-        const _ = i.value.map((D) => I(D)), K = await Promise.allSettled(_);
+        const x = i.value.map((D) => I(D)), K = await Promise.allSettled(x);
         let V = !0;
         K.forEach((D) => {
           D.status !== "fulfilled" && (V = !1);
-        }), V ? (y.value = [], L.value = [], a("add:success", i.value), i.value = []) : (y.value.length && a("add:partial-success", y.value), i.value = [], S(K));
+        }), V ? (v.value = [], L.value = [], a("add:success", i.value), i.value = []) : (v.value.length && a("add:partial-success", v.value), i.value = [], S(K));
       } catch {
         p.value = t("consumers.errors.add"), a("error", p.value);
       } finally {
-        h.value = !1;
+        y.value = !1;
       }
-    }, v = $(() => {
+    }, b = $(() => {
       var K, V, D, ae;
-      let _ = `${r.config.apiBaseUrl}${$e.list[r.config.app].forConsumerGroup}`;
-      return r.config.app === "konnect" ? _ = _.replace(/{controlPlaneId}/gi, ((K = r.config) == null ? void 0 : K.controlPlaneId) || "").replace(/{consumerGroupId}/gi, ((V = r.config) == null ? void 0 : V.consumerGroupId) || "") : r.config.app === "kongManager" && (_ = _.replace(/\/{workspace}/gi, (D = r.config) != null && D.workspace ? `/${r.config.workspace}` : "").replace(/{consumerGroupId}/gi, ((ae = r.config) == null ? void 0 : ae.consumerGroupId) || "")), _;
-    }), I = async (_) => {
+      let x = `${r.config.apiBaseUrl}${$e.list[r.config.app].forConsumerGroup}`;
+      return r.config.app === "konnect" ? x = x.replace(/{controlPlaneId}/gi, ((K = r.config) == null ? void 0 : K.controlPlaneId) || "").replace(/{consumerGroupId}/gi, ((V = r.config) == null ? void 0 : V.consumerGroupId) || "") : r.config.app === "kongManager" && (x = x.replace(/\/{workspace}/gi, (D = r.config) != null && D.workspace ? `/${r.config.workspace}` : "").replace(/{consumerGroupId}/gi, ((ae = r.config) == null ? void 0 : ae.consumerGroupId) || "")), x;
+    }), I = async (x) => {
       const K = {
-        consumer: _
+        consumer: x
       };
       try {
-        const V = await o.post(v.value, K);
-        return y.value.push(_), V;
+        const V = await o.post(b.value, K);
+        return v.value.push(x), V;
       } catch (V) {
-        let D = `${B(_)} - ${V.message}`;
-        return V.response.status === 409 && (D = `${B(_)} - ${t("consumers.errors.already_added")}`), Promise.reject(Error(D));
+        let D = `${B(x)} - ${V.message}`;
+        return V.response.status === 409 && (D = `${B(x)} - ${t("consumers.errors.already_added")}`), Promise.reject(Error(D));
       }
-    }, L = N([]), S = (_) => {
-      L.value = _.map((K) => {
+    }, L = N([]), S = (x) => {
+      L.value = x.map((K) => {
         var V;
         return (V = K.reason) == null ? void 0 : V.message;
       }).filter(Boolean);
@@ -4365,49 +4371,49 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
       w.value++;
     }, { immediate: !0, deep: !0 }), ye(() => r.visible, () => {
       r.visible && c();
-    }, { immediate: !0 }), (_, K) => {
+    }, { immediate: !0 }), (x, K) => {
       const V = P("KMultiselect"), D = P("KAlert"), ae = P("KPrompt");
-      return m(), R(ae, {
-        "action-button-disabled": h.value,
+      return g(), R(ae, {
+        "action-button-disabled": y.value,
         class: "kong-ui-entities-add-consumers-modal",
         "data-testid": "add-consumer-modal",
-        title: f(t)("consumers.consumer_groups.add.title"),
+        title: m(t)("consumers.consumer_groups.add.title"),
         visible: e.visible,
         onCancel: Z,
-        onProceed: k
+        onProceed: C
       }, {
-        default: b(() => [
+        default: k(() => [
           q("div", ys, [
-            q("p", vs, M(f(t)("consumers.consumer_groups.add.ctaText")), 1),
+            q("p", vs, M(m(t)("consumers.consumer_groups.add.ctaText")), 1),
             T(V, {
               modelValue: i.value,
               "onUpdate:modelValue": K[0] || (K[0] = (fe) => i.value = fe),
               autosuggest: "",
               "data-testid": "add-consumers-multiselect",
-              "dropdown-footer-text": A.value ? f(t)("consumers.consumer_groups.add.footer") : void 0,
+              "dropdown-footer-text": A.value ? m(t)("consumers.consumer_groups.add.footer") : void 0,
               items: U.value,
-              label: f(t)("consumers.consumer_groups.add.consumers_label"),
-              loading: f(s),
-              placeholder: f(t)("consumers.consumer_groups.add.consumer_placeholder"),
-              readonly: h.value,
+              label: m(t)("consumers.consumer_groups.add.consumers_label"),
+              loading: m(s),
+              placeholder: m(t)("consumers.consumer_groups.add.consumer_placeholder"),
+              readonly: y.value,
               required: "",
               width: "100%",
-              onQueryChange: f(l)
+              onQueryChange: m(l)
             }, {
-              "item-template": b(({ item: fe }) => [
+              "item-template": k(({ item: fe }) => [
                 q("div", bs, M(fe.label), 1),
-                g(fe).data.username && g(fe).data.custom_id ? (m(), O("div", ks, M(g(fe).data.custom_id), 1)) : G("", !0)
+                f(fe).data.username && f(fe).data.custom_id ? (g(), O("div", ks, M(f(fe).data.custom_id), 1)) : G("", !0)
               ]),
               _: 1
             }, 8, ["modelValue", "dropdown-footer-text", "items", "label", "loading", "placeholder", "readonly", "onQueryChange"]),
-            p.value || x.value || L.value.length ? (m(), O("div", Cs, [
+            p.value || _.value || L.value.length ? (g(), O("div", Cs, [
               T(D, { appearance: "danger" }, {
-                default: b(() => [
-                  q("p", null, M(f(t)("consumers.errors.add")), 1),
-                  L.value.length ? (m(), O("ul", ws, [
-                    (m(!0), O(de, null, ce(L.value, (fe, tt) => (m(), O("li", { key: tt }, M(fe), 1))), 128))
+                default: k(() => [
+                  q("p", null, M(m(t)("consumers.errors.add")), 1),
+                  L.value.length ? (g(), O("ul", ws, [
+                    (g(!0), O(de, null, ce(L.value, (fe, tt) => (g(), O("li", { key: tt }, M(fe), 1))), 128))
                   ])) : G("", !0),
-                  q("div", null, M(p.value || x.value), 1)
+                  q("div", null, M(p.value || _.value), 1)
                 ]),
                 _: 1
               })
@@ -4423,7 +4429,7 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
   for (const [r, a] of n)
     t[r] = a;
   return t;
-}, As = /* @__PURE__ */ jt(Is, [["__scopeId", "data-v-f91d7d30"]]), xs = { class: "kong-ui-entities-consumers-list" }, Ss = { key: 1 }, _s = /* @__PURE__ */ W({
+}, _s = /* @__PURE__ */ jt(Is, [["__scopeId", "data-v-f91d7d30"]]), As = { class: "kong-ui-entities-consumers-list" }, Ss = { key: 1 }, xs = /* @__PURE__ */ W({
   __name: "ConsumerList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -4474,11 +4480,11 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
       headers: (qt = r.config) == null ? void 0 : qt.requestHeaders
     }), s = N(1), u = $(() => !!r.config.consumerGroupId), d = $(
       () => u.value ? "kong-ui-entities-consumers-list-in-group-page" : "kong-ui-entities-consumers-list"
-    ), c = $(() => r.config.app !== "kongManager" || !!r.config.disableSorting), C = {
+    ), c = $(() => r.config.app !== "kongManager" || !!r.config.disableSorting), h = {
       username: { label: o("consumers.list.table_headers.username"), searchable: !0, sortable: !0 },
       custom_id: { label: o("consumers.list.table_headers.custom_id"), searchable: !0, sortable: !0 },
       tags: { label: o("consumers.list.table_headers.tags"), sortable: !1 }
-    }, g = C, x = (j) => ({
+    }, f = h, _ = (j) => ({
       "data-testid": j.username ?? j.custom_id ?? j.id
     }), w = $(() => {
       var z, X, le, me;
@@ -4492,16 +4498,16 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
       } : {
         isExactMatch: j,
         fields: {
-          username: C.username,
-          custom_id: C.custom_id
+          username: h.username,
+          custom_id: h.custom_id
         },
         schema: r.config.filterSchema
       };
-    }), B = $(() => u.value && !r.config.paginatedEndpoint ? "consumers" : void 0), { fetcher: Z, fetcherState: y } = gs(r.config, w.value, B.value), h = () => {
+    }), B = $(() => u.value && !r.config.paginatedEndpoint ? "consumers" : void 0), { fetcher: Z, fetcherState: v } = gs(r.config, w.value, B.value), y = () => {
       A.value = "";
     }, p = () => {
       s.value++;
-    }, k = (j) => j ?? "-", v = N(null), I = (j, z) => {
+    }, C = (j) => j ?? "-", b = N(null), I = (j, z) => {
       const X = j.id;
       if (!z(X)) {
         t("copy:error", {
@@ -4535,7 +4541,7 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
     }, F = (j) => ({
       label: o("consumers.actions.view"),
       to: r.config.getViewRoute(j)
-    }), _ = (j) => ({
+    }), x = (j) => ({
       label: o("consumers.actions.edit"),
       to: r.config.getEditRoute(j)
     }), K = N(void 0), V = N(!1), D = N(!1), ae = N(""), fe = fs(r.config, w.value), tt = (j) => {
@@ -4583,15 +4589,15 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
         }
       }
     }, Ft = N(!0);
-    ye(y, (j) => {
+    ye(v, (j) => {
       var z, X, le, me;
-      if (Array.isArray((z = j == null ? void 0 : j.response) == null ? void 0 : z.data) && (Ft.value = j.response.data.length > 0), j.status === xe.Error) {
-        v.value = {
+      if (Array.isArray((z = j == null ? void 0 : j.response) == null ? void 0 : z.data) && (Ft.value = j.response.data.length > 0), j.status === Ae.Error) {
+        b.value = {
           title: o("consumers.errors.general")
-        }, (me = (le = (X = j.error) == null ? void 0 : X.response) == null ? void 0 : le.data) != null && me.message && (v.value.message = j.error.response.data.message), t("error", j.error);
+        }, (me = (le = (X = j.error) == null ? void 0 : X.response) == null ? void 0 : le.data) != null && me.message && (b.value.message = j.error.response.data.message), t("error", j.error);
         return;
       }
-      v.value = null;
+      b.value = null;
     });
     const at = N({
       ctaPath: u.value ? void 0 : r.config.createRoute,
@@ -4603,45 +4609,45 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
       await r.canCreate() && (at.value.title = u.value ? o("consumers.list.empty_state.title_for_consumer_group") : o("consumers.list.empty_state.title"), at.value.ctaText = u.value ? o("consumers.actions.add_consumer") : o("consumers.actions.create"));
     }), (j, z) => {
       const X = P("KButton"), le = P("KBadge"), me = P("KTruncate"), Ke = P("KDropdownItem"), Kt = P("KClipboardProvider"), gr = P("KPrompt");
-      return m(), O("div", xs, [
-        T(f(Ll), {
+      return g(), O("div", As, [
+        T(m(Ll), {
           "cache-identifier": e.cacheIdentifier,
           "disable-pagination": u.value && !e.config.paginatedEndpoint,
           "disable-pagination-page-jump": "",
           "disable-sorting": c.value,
           "empty-state-options": at.value,
           "enable-entity-actions": "",
-          "error-message": v.value,
-          fetcher: f(Z),
+          "error-message": b.value,
+          fetcher: m(Z),
           "fetcher-cache-key": s.value,
           "pagination-type": "offset",
           "preferences-storage-key": d.value,
           query: A.value,
-          "row-attributes": x,
-          "table-headers": f(g),
+          "row-attributes": _,
+          "table-headers": m(f),
           "use-action-outside": e.useActionOutside,
-          onClearSearchInput: h,
+          onClearSearchInput: y,
           "onClick:row": z[3] || (z[3] = (J) => S(J)),
           onEmptyStateCtaClicked: cr,
           onSort: p
         }, {
-          "toolbar-filter": b(() => [
-            u.value ? G("", !0) : (m(), R(f(os), {
+          "toolbar-filter": k(() => [
+            u.value ? G("", !0) : (g(), R(m(os), {
               key: 0,
               modelValue: A.value,
               "onUpdate:modelValue": z[0] || (z[0] = (J) => A.value = J),
               config: U.value
             }, null, 8, ["modelValue", "config"]))
           ]),
-          "toolbar-button": b(() => [
-            (m(), R(je(e.useActionOutside ? "Teleport" : "div"), {
+          "toolbar-button": k(() => [
+            (g(), R(je(e.useActionOutside ? "Teleport" : "div"), {
               to: e.useActionOutside ? "#kong-ui-app-page-header-action-button" : void 0
             }, {
-              default: b(() => [
-                T(f(Ve), {
+              default: k(() => [
+                T(m(Ve), {
                   "auth-function": () => e.canCreate()
                 }, {
-                  default: b(() => [
+                  default: k(() => [
                     be(T(X, {
                       appearance: "primary",
                       "data-testid": "toolbar-add-consumer",
@@ -4650,8 +4656,8 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
                       to: e.config.consumerGroupId ? void 0 : e.config.createRoute,
                       onClick: z[1] || (z[1] = () => e.config.consumerGroupId ? Tt() : void 0)
                     }, {
-                      default: b(() => [
-                        H(M(e.config.consumerGroupId ? f(o)("consumers.actions.add_consumer") : f(o)("consumers.list.toolbar_actions.new_consumer")), 1)
+                      default: k(() => [
+                        H(M(e.config.consumerGroupId ? m(o)("consumers.actions.add_consumer") : m(o)("consumers.list.toolbar_actions.new_consumer")), 1)
                       ]),
                       _: 1
                     }, 8, ["to"]), [
@@ -4664,38 +4670,38 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
               _: 1
             }, 8, ["to"]))
           ]),
-          username: b(({ rowValue: J }) => [
-            q("b", null, M(k(J)), 1)
+          username: k(({ rowValue: J }) => [
+            q("b", null, M(C(J)), 1)
           ]),
-          custom_id: b(({ rowValue: J }) => [
-            H(M(k(J)), 1)
+          custom_id: k(({ rowValue: J }) => [
+            H(M(C(J)), 1)
           ]),
-          tags: b(({ rowValue: J }) => [
-            J && J.length > 0 ? (m(), R(me, { key: 0 }, {
-              default: b(() => [
-                (m(!0), O(de, null, ce(J, (Te) => (m(), R(le, {
+          tags: k(({ rowValue: J }) => [
+            J && J.length > 0 ? (g(), R(me, { key: 0 }, {
+              default: k(() => [
+                (g(!0), O(de, null, ce(J, (Te) => (g(), R(le, {
                   key: Te,
                   onClick: z[2] || (z[2] = ct(() => {
                   }, ["stop"]))
                 }, {
-                  default: b(() => [
+                  default: k(() => [
                     H(M(Te), 1)
                   ]),
                   _: 2
                 }, 1024))), 128))
               ]),
               _: 2
-            }, 1024)) : (m(), O("span", Ss, "-"))
+            }, 1024)) : (g(), O("span", Ss, "-"))
           ]),
-          actions: b(({ row: J }) => [
+          actions: k(({ row: J }) => [
             T(Kt, null, {
-              default: b(({ copyToClipboard: Te }) => [
+              default: k(({ copyToClipboard: Te }) => [
                 T(Ke, {
                   "data-testid": "action-entity-copy-id",
                   onClick: (hr) => I(J, Te)
                 }, {
-                  default: b(() => [
-                    H(M(f(o)("consumers.actions.copy_id")), 1)
+                  default: k(() => [
+                    H(M(m(o)("consumers.actions.copy_id")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -4703,23 +4709,23 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
               _: 2
             }, 1024),
             T(Kt, null, {
-              default: b(({ copyToClipboard: Te }) => [
+              default: k(({ copyToClipboard: Te }) => [
                 T(Ke, {
                   "data-testid": "action-entity-copy-json",
                   onClick: (hr) => L(J, Te)
                 }, {
-                  default: b(() => [
-                    H(M(f(o)("consumers.actions.copy_json")), 1)
+                  default: k(() => [
+                    H(M(m(o)("consumers.actions.copy_json")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            T(f(Ve), {
+            T(m(Ve), {
               "auth-function": () => e.canRetrieve(J)
             }, {
-              default: b(() => [
+              default: k(() => [
                 T(Ke, {
                   "data-testid": "action-entity-view",
                   "has-divider": "",
@@ -4728,29 +4734,29 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            T(f(Ve), {
+            T(m(Ve), {
               "auth-function": () => e.canEdit(J)
             }, {
-              default: b(() => [
+              default: k(() => [
                 T(Ke, {
                   "data-testid": "action-entity-edit",
-                  item: _(J.id)
+                  item: x(J.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            T(f(Ve), {
+            T(m(Ve), {
               "auth-function": () => e.canDelete(J)
             }, {
-              default: b(() => [
+              default: k(() => [
                 T(Ke, {
                   danger: "",
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
                   onClick: () => e.config.consumerGroupId ? pr(J) : tt(J)
                 }, {
-                  default: b(() => [
-                    H(M(e.config.consumerGroupId ? f(o)("consumers.actions.remove") : f(o)("consumers.actions.delete")), 1)
+                  default: k(() => [
+                    H(M(e.config.consumerGroupId ? m(o)("consumers.actions.remove") : m(o)("consumers.actions.delete")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -4760,19 +4766,19 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
           ]),
           _: 1
         }, 8, ["cache-identifier", "disable-pagination", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "preferences-storage-key", "query", "table-headers", "use-action-outside"]),
-        T(f(Vl), {
+        T(m(Vl), {
           "action-button-disabled": D.value,
           "data-testid": "delete-consumer-modal",
-          description: f(o)("consumers.delete.description"),
+          description: m(o)("consumers.delete.description"),
           "entity-name": K.value && (K.value.username || K.value.custom_id || K.value.id),
-          "entity-type": f(pn).Consumer,
+          "entity-type": m(pn).Consumer,
           error: ae.value,
-          title: f(o)("consumers.delete.title"),
+          title: m(o)("consumers.delete.title"),
           visible: V.value,
           onCancel: sr,
           onProceed: ur
         }, null, 8, ["action-button-disabled", "description", "entity-name", "entity-type", "error", "title", "visible"]),
-        e.config.consumerGroupId ? (m(), R(As, {
+        e.config.consumerGroupId ? (g(), R(_s, {
           key: 0,
           config: e.config,
           "data-testid": "add-consumer-modal",
@@ -4781,42 +4787,42 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
           "onAdd:success": z[5] || (z[5] = (J) => Ot(J)),
           onCancel: Mt
         }, null, 8, ["config", "visible"])) : G("", !0),
-        e.config.consumerGroupId && he.value ? (m(), R(gr, {
+        e.config.consumerGroupId && he.value ? (g(), R(gr, {
           key: 1,
           "action-button-appearance": "danger",
           "data-testid": "remove-consumer-modal",
-          title: f(o)("consumers.consumer_groups.remove.title"),
+          title: m(o)("consumers.consumer_groups.remove.title"),
           visible: rt.value,
           onCancel: Et,
           onProceed: mr
         }, {
-          default: b(() => [
-            T(f(a), {
+          default: k(() => [
+            T(m(a), {
               class: "message",
               keypath: e.config.consumerGroupName ? "consumers.consumer_groups.remove.confirmation" : "consumers.consumer_groups.remove.confirmationNoCG",
               tag: "p"
-            }, _e({
-              consumer: b(() => [
+            }, xe({
+              consumer: k(() => [
                 q("strong", null, M(he.value.username || he.value.custom_id || he.value.id), 1)
               ]),
               _: 2
             }, [
               e.config.consumerGroupName ? {
                 name: "consumerGroup",
-                fn: b(() => [
+                fn: k(() => [
                   q("strong", null, M(e.config.consumerGroupName), 1)
                 ]),
                 key: "0"
               } : void 0
             ]), 1032, ["keypath"]),
-            q("p", null, M(f(o)("consumers.consumer_groups.remove.description")), 1)
+            q("p", null, M(m(o)("consumers.consumer_groups.remove.description")), 1)
           ]),
           _: 1
         }, 8, ["title", "visible"])) : G("", !0)
       ]);
     };
   }
-}), Ds = /* @__PURE__ */ jt(_s, [["__scopeId", "data-v-2be5223c"]]), $s = { class: "kong-ui-entities-consumer-form" }, js = { class: "fields-group-title" }, Ts = { class: "fields-group-text" }, Ms = /* @__PURE__ */ W({
+}), Ds = /* @__PURE__ */ jt(xs, [["__scopeId", "data-v-2be5223c"]]), $s = { class: "kong-ui-entities-consumer-form" }, js = { class: "fields-group-title" }, Ts = { class: "fields-group-text" }, Ms = /* @__PURE__ */ W({
   __name: "ConsumerForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -4850,96 +4856,96 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
       customId: "",
       tags: ""
     }), c = $(() => {
-      var k, v;
-      return (v = $e.form[(k = t.config) == null ? void 0 : k.app]) == null ? void 0 : v.edit;
-    }), C = () => {
-      var k;
-      i.push(((k = t.config) == null ? void 0 : k.cancelRoute) || { name: "consumer-list" });
-    }, g = (k) => {
-      r("loading", k);
-    }, x = (k) => {
-      r("error", k);
-    }, w = (k) => {
+      var C, b;
+      return (b = $e.form[(C = t.config) == null ? void 0 : C.app]) == null ? void 0 : b.edit;
+    }), h = () => {
+      var C;
+      i.push(((C = t.config) == null ? void 0 : C.cancelRoute) || { name: "consumer-list" });
+    }, f = (C) => {
+      r("loading", C);
+    }, _ = (C) => {
+      r("error", C);
+    }, w = (C) => {
       var I, L, S;
-      u.fields.username = ((I = k == null ? void 0 : k.item) == null ? void 0 : I.username) || (k == null ? void 0 : k.username) || "", u.fields.customId = ((L = k == null ? void 0 : k.item) == null ? void 0 : L.custom_id) || (k == null ? void 0 : k.custom_id) || "";
-      const v = ((S = k == null ? void 0 : k.item) == null ? void 0 : S.tags) || (k == null ? void 0 : k.tags) || [];
-      u.fields.tags = (v == null ? void 0 : v.join(", ")) || "", Object.assign(d, u.fields);
-    }, A = $(() => t.consumerId ? dt.Edit : dt.Create), U = (k) => {
-      var I, L, S, F, _, K;
-      let v = `${(I = t.config) == null ? void 0 : I.apiBaseUrl}${$e.form[(L = t.config) == null ? void 0 : L.app][k]}`;
-      return ((S = t.config) == null ? void 0 : S.app) === "konnect" ? v = v.replace(/{controlPlaneId}/gi, ((F = t.config) == null ? void 0 : F.controlPlaneId) || "") : ((_ = t.config) == null ? void 0 : _.app) === "kongManager" && (v = v.replace(/\/{workspace}/gi, (K = t.config) != null && K.workspace ? `/${t.config.workspace}` : "")), v = v.replace(/{id}/gi, t.consumerId), v;
-    }, B = $(() => !!u.fields.username || !!u.fields.customId), Z = $(() => JSON.stringify(u.fields) !== JSON.stringify(d)), y = $(() => {
-      var k, v;
+      u.fields.username = ((I = C == null ? void 0 : C.item) == null ? void 0 : I.username) || (C == null ? void 0 : C.username) || "", u.fields.customId = ((L = C == null ? void 0 : C.item) == null ? void 0 : L.custom_id) || (C == null ? void 0 : C.custom_id) || "";
+      const b = ((S = C == null ? void 0 : C.item) == null ? void 0 : S.tags) || (C == null ? void 0 : C.tags) || [];
+      u.fields.tags = (b == null ? void 0 : b.join(", ")) || "", Object.assign(d, u.fields);
+    }, A = $(() => t.consumerId ? dt.Edit : dt.Create), U = (C) => {
+      var I, L, S, F, x, K;
+      let b = `${(I = t.config) == null ? void 0 : I.apiBaseUrl}${$e.form[(L = t.config) == null ? void 0 : L.app][C]}`;
+      return ((S = t.config) == null ? void 0 : S.app) === "konnect" ? b = b.replace(/{controlPlaneId}/gi, ((F = t.config) == null ? void 0 : F.controlPlaneId) || "") : ((x = t.config) == null ? void 0 : x.app) === "kongManager" && (b = b.replace(/\/{workspace}/gi, (K = t.config) != null && K.workspace ? `/${t.config.workspace}` : "")), b = b.replace(/{id}/gi, t.consumerId), b;
+    }, B = $(() => !!u.fields.username || !!u.fields.customId), Z = $(() => JSON.stringify(u.fields) !== JSON.stringify(d)), v = $(() => {
+      var C, b;
       return {
         username: u.fields.username || null,
         custom_id: u.fields.customId || null,
-        tags: (v = (k = u.fields.tags.split(",")) == null ? void 0 : k.map((I) => String(I || "").trim())) == null ? void 0 : v.filter((I) => I !== "")
+        tags: (b = (C = u.fields.tags.split(",")) == null ? void 0 : C.map((I) => String(I || "").trim())) == null ? void 0 : b.filter((I) => I !== "")
       };
-    }), h = async () => {
-      var k;
+    }), y = async () => {
+      var C;
       try {
         u.readonly = !0;
-        let v;
-        await l.post(U("validate"), y.value), A.value === "create" ? v = await l.post(U("create"), y.value) : A.value === "edit" && (v = ((k = t.config) == null ? void 0 : k.app) === "konnect" ? await l.put(U("edit"), y.value) : await l.patch(U("edit"), y.value)), w(v == null ? void 0 : v.data), r("update", v == null ? void 0 : v.data);
-      } catch (v) {
-        u.errorMessage = s(v), r("error", v);
+        let b;
+        await l.post(U("validate"), v.value), A.value === "create" ? b = await l.post(U("create"), v.value) : A.value === "edit" && (b = ((C = t.config) == null ? void 0 : C.app) === "konnect" ? await l.put(U("edit"), v.value) : await l.patch(U("edit"), v.value)), w(b == null ? void 0 : b.data), r("update", b == null ? void 0 : b.data);
+      } catch (b) {
+        u.errorMessage = s(b), r("error", b);
       } finally {
         u.readonly = !1;
       }
     };
-    return (k, v) => {
+    return (C, b) => {
       const I = P("KInput"), L = P("KCard");
-      return m(), O("div", $s, [
-        T(f(Ml), {
+      return g(), O("div", $s, [
+        T(m(Ml), {
           "can-submit": B.value && Z.value,
           config: e.config,
           "edit-id": e.consumerId,
           "error-message": u.errorMessage,
           "fetch-url": c.value,
-          "form-fields": y.value,
+          "form-fields": v.value,
           "is-readonly": u.readonly,
-          onCancel: C,
-          "onFetch:error": v[3] || (v[3] = (S) => x(S)),
+          onCancel: h,
+          "onFetch:error": b[3] || (b[3] = (S) => _(S)),
           "onFetch:success": w,
-          onLoading: v[4] || (v[4] = (S) => g(S)),
-          onSubmit: h
+          onLoading: b[4] || (b[4] = (S) => f(S)),
+          onSubmit: y
         }, {
-          default: b(() => [
+          default: k(() => [
             q("div", null, [
-              T(f(ps), {
-                description: f(o)("consumers.form.info.description"),
+              T(m(ps), {
+                description: m(o)("consumers.form.info.description"),
                 "has-divider": "",
-                title: f(o)("consumers.form.info.title")
+                title: m(o)("consumers.form.info.title")
               }, {
-                default: b(() => [
+                default: k(() => [
                   q("div", null, [
-                    q("h5", js, M(f(o)("consumers.form.consumer_identification.title")) + "* ", 1),
-                    q("p", Ts, M(f(o)("consumers.form.consumer_identification.description")), 1)
+                    q("h5", js, M(m(o)("consumers.form.consumer_identification.title")) + "* ", 1),
+                    q("p", Ts, M(m(o)("consumers.form.consumer_identification.description")), 1)
                   ]),
                   T(L, null, {
-                    default: b(() => [
+                    default: k(() => [
                       T(I, {
                         modelValue: u.fields.username,
-                        "onUpdate:modelValue": v[0] || (v[0] = (S) => u.fields.username = S),
+                        "onUpdate:modelValue": b[0] || (b[0] = (S) => u.fields.username = S),
                         modelModifiers: { trim: !0 },
                         autocomplete: "off",
                         class: "username-field",
                         "data-testid": "consumer-form-username",
-                        label: f(o)("consumers.fields.username.label"),
+                        label: m(o)("consumers.fields.username.label"),
                         "label-attributes": {
                           tooltipAttributes: { maxWidth: "250" }
                         },
-                        placeholder: f(o)("consumers.fields.username.placeholder"),
+                        placeholder: m(o)("consumers.fields.username.placeholder"),
                         readonly: u.readonly,
                         type: "text"
                       }, {
-                        "label-tooltip": b(() => [
-                          T(f(a), {
+                        "label-tooltip": k(() => [
+                          T(m(a), {
                             keypath: "consumers.fields.username.tooltip",
                             scope: "global"
                           }, {
-                            custom_id: b(() => [
-                              q("code", null, M(f(o)("consumers.fields.username.custom_id")), 1)
+                            custom_id: k(() => [
+                              q("code", null, M(m(o)("consumers.fields.username.custom_id")), 1)
                             ]),
                             _: 1
                           })
@@ -4948,25 +4954,25 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
                       }, 8, ["modelValue", "label", "placeholder", "readonly"]),
                       T(I, {
                         modelValue: u.fields.customId,
-                        "onUpdate:modelValue": v[1] || (v[1] = (S) => u.fields.customId = S),
+                        "onUpdate:modelValue": b[1] || (b[1] = (S) => u.fields.customId = S),
                         modelModifiers: { trim: !0 },
                         autocomplete: "off",
                         "data-testid": "consumer-form-custom-id",
-                        label: f(o)("consumers.fields.custom_id.label"),
+                        label: m(o)("consumers.fields.custom_id.label"),
                         "label-attributes": {
                           tooltipAttributes: { maxWidth: "250" }
                         },
-                        placeholder: f(o)("consumers.fields.custom_id.placeholder"),
+                        placeholder: m(o)("consumers.fields.custom_id.placeholder"),
                         readonly: u.readonly,
                         type: "text"
                       }, {
-                        "label-tooltip": b(() => [
-                          T(f(a), {
+                        "label-tooltip": k(() => [
+                          T(m(a), {
                             keypath: "consumers.fields.custom_id.tooltip",
                             scope: "global"
                           }, {
-                            username: b(() => [
-                              q("code", null, M(f(o)("consumers.fields.custom_id.username")), 1)
+                            username: k(() => [
+                              q("code", null, M(m(o)("consumers.fields.custom_id.username")), 1)
                             ]),
                             _: 1
                           })
@@ -4978,17 +4984,17 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
                   }),
                   T(I, {
                     modelValue: u.fields.tags,
-                    "onUpdate:modelValue": v[2] || (v[2] = (S) => u.fields.tags = S),
+                    "onUpdate:modelValue": b[2] || (b[2] = (S) => u.fields.tags = S),
                     modelModifiers: { trim: !0 },
                     autocomplete: "off",
                     "data-testid": "consumer-form-tags",
-                    help: f(o)("consumers.fields.tags.help"),
-                    label: f(o)("consumers.fields.tags.label"),
+                    help: m(o)("consumers.fields.tags.help"),
+                    label: m(o)("consumers.fields.tags.label"),
                     "label-attributes": {
-                      info: f(o)("consumers.fields.tags.tooltip"),
+                      info: m(o)("consumers.fields.tags.tooltip"),
                       tooltipAttributes: { maxWidth: "250" }
                     },
-                    placeholder: f(o)("consumers.fields.tags.placeholder"),
+                    placeholder: m(o)("consumers.fields.tags.placeholder"),
                     readonly: u.readonly,
                     type: "text"
                   }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"])
@@ -5054,8 +5060,8 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
         hidden: !0
       }
     });
-    return (i, l) => (m(), O("div", Os, [
-      T(f($l), {
+    return (i, l) => (g(), O("div", Os, [
+      T(m($l), {
         config: e.config,
         "config-card-doc": e.configCardDoc,
         "config-schema": o.value,
@@ -5065,24 +5071,24 @@ const Hi = { class: "yaml-config" }, lr = /* @__PURE__ */ W({
         "onFetch:success": l[1] || (l[1] = (s) => i.$emit("fetch:success", s)),
         onLoading: l[2] || (l[2] = (s) => i.$emit("loading", s))
       }, {
-        "username-label-tooltip": b(() => [
-          T(f(r), {
+        "username-label-tooltip": k(() => [
+          T(m(r), {
             keypath: "consumers.fields.username.tooltip",
             scope: "global"
           }, {
-            custom_id: b(() => [
-              q("code", null, M(f(t)("consumers.fields.username.custom_id")), 1)
+            custom_id: k(() => [
+              q("code", null, M(m(t)("consumers.fields.username.custom_id")), 1)
             ]),
             _: 1
           })
         ]),
-        "custom_id-label-tooltip": b(() => [
-          T(f(r), {
+        "custom_id-label-tooltip": k(() => [
+          T(m(r), {
             keypath: "consumers.fields.custom_id.tooltip",
             scope: "global"
           }, {
-            username: b(() => [
-              q("code", null, M(f(t)("consumers.fields.custom_id.username")), 1)
+            username: k(() => [
+              q("code", null, M(m(t)("consumers.fields.custom_id.username")), 1)
             ]),
             _: 1
           })