@kong-ui-public/entities-vaults 3.0.9 → 3.0.11

package/dist/entities-vaults.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as $, ref as j, computed as U, watch as TA, renderSlot as AA, createCommentVNode as z, unref as g, onBeforeMount as me, resolveComponent as K, openBlock as u, createBlock as Y, createSlots as LA, withCtx as m, createElementVNode as F, createVNode as p, createTextVNode as Z, toDisplayString as O, renderList as dA, createElementBlock as J, withModifiers as Be, withDirectives as vA, vShow as yA, Fragment as fA, normalizeClass as kA, withKeys as ia, useSlots as he, resolveDynamicComponent as JA, useCssVars as at, inject as oa, onMounted as la, onUnmounted as na, normalizeStyle as ae, normalizeProps as ga, guardReactiveProps as ra, mergeProps as Ca, pushScopeId as ie, popScopeId as oe, reactive as zA, TransitionGroup as Ia } from "vue";
+import { defineComponent as AA, ref as j, computed as S, watch as TA, renderSlot as eA, createCommentVNode as z, unref as g, onBeforeMount as me, resolveComponent as K, openBlock as u, createBlock as Y, createSlots as MA, withCtx as m, createElementVNode as x, createVNode as f, createTextVNode as Z, toDisplayString as O, renderList as dA, createElementBlock as J, withModifiers as Be, withDirectives as vA, vShow as yA, Fragment as fA, normalizeClass as kA, withKeys as ia, useSlots as he, resolveDynamicComponent as JA, useCssVars as at, inject as oa, onMounted as la, onUnmounted as na, normalizeStyle as ae, normalizeProps as ga, guardReactiveProps as ra, mergeProps as Ca, pushScopeId as ie, popScopeId as oe, reactive as zA, TransitionGroup as Ia } from "vue";
 import { useRouter as ve } from "vue-router";
 import Te from "axios";
 import { createI18n as it, i18nTComponent as ot } from "@kong-ui-public/i18n";
@@ -247,63 +247,63 @@ function Sa(A, e, t, i = {
   searchKeys: ["id"]
 }) {
   t || (t = "1000");
-  const { axiosInstance: a } = ye(A.axiosRequestConfig), { i18n: { t: o } } = le(), { debounce: l } = Ea(), n = l(async (y) => {
-    await eA(y);
-  }, 200), I = j(!1), r = j(""), B = j(""), C = j([]), v = j([]), c = j(void 0), Q = g(e);
-  let k = `${A.apiBaseUrl}${Q}`;
-  A.app === "konnect" ? k = k.replace(/{controlPlaneId}/gi, (A == null ? void 0 : A.controlPlaneId) || "") : A.app === "kongManager" && (k = k.replace(/\/{workspace}/gi, A != null && A.workspace ? `/${A.workspace}` : ""));
-  const { isValidUuid: w } = nt(), q = async () => {
+  const { axiosInstance: a } = ye(A.axiosRequestConfig), { i18n: { t: o } } = le(), { debounce: l } = Ea(), n = l(async (v) => {
+    await $(v);
+  }, 200), I = j(!1), r = j(""), B = j(""), C = j([]), y = j([]), c = j(void 0), Q = g(e);
+  let T = `${A.apiBaseUrl}${Q}`;
+  A.app === "konnect" ? T = T.replace(/{controlPlaneId}/gi, (A == null ? void 0 : A.controlPlaneId) || "") : A.app === "kongManager" && (T = T.replace(/\/{workspace}/gi, A != null && A.workspace ? `/${A.workspace}` : ""));
+  const { isValidUuid: k } = nt(), D = async () => {
     try {
       I.value = !0;
-      const { data: y } = await a.get(`${k}?size=${t}`);
-      y != null && y.next || (c.value = i.fetchedItemsKey in y ? y[i.fetchedItemsKey] : []), v.value = i.fetchedItemsKey in y ? y[i.fetchedItemsKey] : [], C.value = v.value;
+      const { data: v } = await a.get(`${T}?size=${t}`);
+      v != null && v.next || (c.value = i.fetchedItemsKey in v ? v[i.fetchedItemsKey] : []), y.value = i.fetchedItemsKey in v ? v[i.fetchedItemsKey] : [], C.value = y.value;
     } catch {
       C.value = [], r.value = o("debouncedFilter.errors.fetch");
     } finally {
       I.value = !1;
     }
-  }, x = j(""), eA = async (y) => {
-    var h, f, T;
-    if (x.value !== y)
-      if (x.value = y || "", c.value === void 0)
+  }, U = j(""), $ = async (v) => {
+    var h, d, R;
+    if (U.value !== v)
+      if (U.value = v || "", c.value === void 0)
         try {
           if (I.value = !0, r.value = "", B.value = "", A.app === "konnect") {
-            let N = k + "";
-            y && (N += `/${y}`);
-            const { data: S } = await a.get(`${N}?size=${t}`);
-            i.fetchedItemsKey in S ? C.value = S[i.fetchedItemsKey] : S != null && S.id ? C.value = [S] : C.value = [];
-          } else if (y) {
-            const N = [];
-            w(y) && i.searchKeys.includes("id") ? N.push((async () => {
-              const { data: R } = await a.get(`${k}/${y}`);
-              return [R[i.fetchedItemsKey] ?? R];
-            })()) : N.push(
-              ...i.searchKeys.filter((R) => R !== "id").map(async (R) => {
-                const { data: M } = await a.get(`${k}?${R}=${y}`);
-                return M[i.fetchedItemsKey];
+            let L = T + "";
+            v && (L += `/${v}`);
+            const { data: w } = await a.get(`${L}?size=${t}`);
+            i.fetchedItemsKey in w ? C.value = w[i.fetchedItemsKey] : w != null && w.id ? C.value = [w] : C.value = [];
+          } else if (v) {
+            const L = [];
+            k(v) && i.searchKeys.includes("id") ? L.push((async () => {
+              const { data: F } = await a.get(`${T}/${v}`);
+              return [F[i.fetchedItemsKey] ?? F];
+            })()) : L.push(
+              ...i.searchKeys.filter((F) => F !== "id").map(async (F) => {
+                const { data: N } = await a.get(`${T}?${F}=${v}`);
+                return N[i.fetchedItemsKey];
               })
             );
-            const S = await Promise.all(N), W = /* @__PURE__ */ new Set();
-            C.value = [], (h = S == null ? void 0 : S.forEach) == null || h.call(S, (R) => {
-              var M;
-              (M = R == null ? void 0 : R.forEach) == null || M.call(R, (H) => {
+            const w = await Promise.all(L), W = /* @__PURE__ */ new Set();
+            C.value = [], (h = w == null ? void 0 : w.forEach) == null || h.call(w, (F) => {
+              var N;
+              (N = F == null ? void 0 : F.forEach) == null || N.call(F, (H) => {
                 W.has(H.id) || (W.add(H.id), C.value.push(H));
               });
             });
           } else
-            C.value = v.value;
-        } catch (N) {
-          ((f = N == null ? void 0 : N.response) == null ? void 0 : f.status) === 404 ? B.value = o("debouncedFilter.errors.invalid") : (C.value = [], r.value = o("debouncedFilter.errors.fetch"));
+            C.value = y.value;
+        } catch (L) {
+          ((d = L == null ? void 0 : L.response) == null ? void 0 : d.status) === 404 ? B.value = o("debouncedFilter.errors.invalid") : (C.value = [], r.value = o("debouncedFilter.errors.fetch"));
         } finally {
           I.value = !1;
         }
       else
-        I.value = !0, B.value = "", y ? (C.value = (T = c.value) == null ? void 0 : T.filter((N) => {
-          var S;
+        I.value = !0, B.value = "", v ? (C.value = (R = c.value) == null ? void 0 : R.filter((L) => {
+          var w;
           let W = !1;
-          for (const R of i.searchKeys) {
-            const M = typeof N[R] == "string" ? (S = N[R]) == null ? void 0 : S.toLowerCase() : N[R];
-            M != null && M.includes(y.toLowerCase()) && (W = !0);
+          for (const F of i.searchKeys) {
+            const N = typeof L[F] == "string" ? (w = L[F]) == null ? void 0 : w.toLowerCase() : L[F];
+            N != null && N.includes(v.toLowerCase()) && (W = !0);
           }
           return W;
         }), (!C.value || !C.value.length) && (B.value = o("debouncedFilter.errors.invalid"))) : C.value = c.value, I.value = !1;
@@ -314,12 +314,12 @@ function Sa(A, e, t, i = {
     validationError: B,
     results: C,
     allRecords: c,
-    loadItems: q,
+    loadItems: D,
     debouncedQueryChange: n
   };
 }
 function Ja(A, e) {
-  const t = g(e), i = U(
+  const t = g(e), i = S(
     () => A.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${t}`) : new URL(t)
   );
   return i.value.search = "", (a) => `${i.value.href}/${a}`;
@@ -366,17 +366,17 @@ function Va(A) {
   }
 }
 function gt(A, e) {
-  const t = j(g(A)), i = j(g(e)), a = U(
+  const t = j(g(A)), i = j(g(e)), a = S(
     () => !!(t.value.app === "konnect" || t.value.isExactMatch)
-  ), o = U(
+  ), o = S(
     () => i.value.startsWith("/") ? new URL(`${window.location.origin}${i.value}`) : new URL(i.value)
   );
   return (l) => {
-    const { page: n, pageSize: I, offset: r, sortColumnKey: B, sortColumnOrder: C, query: v } = l;
+    const { page: n, pageSize: I, offset: r, sortColumnKey: B, sortColumnOrder: C, query: y } = l;
     try {
       let c = new URL(o.value.href);
-      return a.value && v ? (c.search = "", c = t.value.isExactMatch ? new URL(`${c.href}/${v}/`) : new URL(`${c.href}?filter[name][contains]=${v}`)) : (a.value || new URLSearchParams(v).forEach((Q, k) => {
-        c.searchParams.append(k, Q);
+      return a.value && y ? (c.search = "", c = t.value.isExactMatch ? new URL(`${c.href}/${y}/`) : new URL(`${c.href}?filter[name][contains]=${y}`)) : (a.value || new URLSearchParams(y).forEach((Q, T) => {
+        c.searchParams.append(T, Q);
       }), B && c.searchParams.append("sort_by", B), C === "desc" && c.searchParams.append("sort_desc", "1"), c.searchParams.append("size", String(I))), r && n !== 1 && c.searchParams.append("offset", String(r)), c.href;
     } catch (c) {
       return console.error("RouteList(fetcher)", c), i.value;
@@ -396,9 +396,9 @@ function Ta(A, e, t = "data") {
       const B = await a.get(r);
       if (B.status >= 400)
         throw B;
-      const C = B.data, v = t && t.replace(/[^\w-_]/gi, "");
+      const C = B.data, y = t && t.replace(/[^\w-_]/gi, "");
       let c;
-      C[v] && Array.isArray(C[v]) ? c = C[v] : Array.isArray(C) ? c = C : c = Object.keys(C).length ? [C] : [];
+      C[y] && Array.isArray(C[y]) ? c = C[y] : Array.isArray(C) ? c = C : c = Object.keys(C).length ? [C] : [];
       const Q = {
         data: c,
         total: c.length,
@@ -443,27 +443,27 @@ const rt = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-(
   if (!e)
     throw new Error(`Invalid argument not valid semver ('${A}' received)`);
   return e.shift(), e;
-}, Fe = (A) => A === "*" || A === "x" || A === "X", xe = (A) => {
+}, Fe = (A) => A === "*" || A === "x" || A === "X", Ne = (A) => {
   const e = parseInt(A, 10);
   return isNaN(e) ? A : e;
-}, Fa = (A, e) => typeof A != typeof e ? [String(A), String(e)] : [A, e], xa = (A, e) => {
+}, Fa = (A, e) => typeof A != typeof e ? [String(A), String(e)] : [A, e], Na = (A, e) => {
   if (Fe(A) || Fe(e))
     return 0;
-  const [t, i] = Fa(xe(A), xe(e));
+  const [t, i] = Fa(Ne(A), Ne(e));
   return t > i ? 1 : t < i ? -1 : 0;
-}, Ne = (A, e) => {
+}, xe = (A, e) => {
   for (let t = 0; t < Math.max(A.length, e.length); t++) {
-    const i = xa(A[t] || "0", e[t] || "0");
+    const i = Na(A[t] || "0", e[t] || "0");
     if (i !== 0)
       return i;
   }
   return 0;
-}, Na = (A, e) => {
-  const t = Re(A), i = Re(e), a = t.pop(), o = i.pop(), l = Ne(t, i);
-  return l !== 0 ? l : a && o ? Ne(a.split("."), o.split(".")) : a || o ? a ? -1 : 1 : 0;
-}, Me = (A, e, t) => {
-  Ma(t);
-  const i = Na(A, e);
+}, xa = (A, e) => {
+  const t = Re(A), i = Re(e), a = t.pop(), o = i.pop(), l = xe(t, i);
+  return l !== 0 ? l : a && o ? xe(a.split("."), o.split(".")) : a || o ? a ? -1 : 1 : 0;
+}, Le = (A, e, t) => {
+  La(t);
+  const i = xa(A, e);
   return Ct[t].includes(i);
 }, Ct = {
   ">": [1],
@@ -472,31 +472,31 @@ const rt = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-(
   "<=": [-1, 0],
   "<": [-1],
   "!=": [-1, 1]
-}, Le = Object.keys(Ct), Ma = (A) => {
+}, Me = Object.keys(Ct), La = (A) => {
   if (typeof A != "string")
     throw new TypeError(`Invalid operator type, expected string but got ${typeof A}`);
-  if (Le.indexOf(A) === -1)
-    throw new Error(`Invalid operator, expected one of ${Le.join("|")}`);
-}, La = (A) => typeof A == "string" && /^[v\d]/.test(A) && rt.test(A);
+  if (Me.indexOf(A) === -1)
+    throw new Error(`Invalid operator, expected one of ${Me.join("|")}`);
+}, Ma = (A) => typeof A == "string" && /^[v\d]/.test(A) && rt.test(A);
 function Ka(A) {
   const { gatewayInfo: e, supportedRange: t } = A;
   if (!e)
     return !0;
   const { edition: i, version: a } = e;
-  if (!La(a))
+  if (!Ma(a))
     return console.error("Invalid version"), !1;
   const o = t[i];
   if (!o)
     return !1;
   const [l, n] = o;
-  return !(l && Me(a, l, "<") || n && Me(a, n, ">"));
+  return !(l && Le(a, l, "<") || n && Le(a, n, ">"));
 }
 function ja(A) {
   const e = j(0), t = j(0), i = j(!1);
   return TA(A, (a) => {
     a && !i.value && (e.value = a.offsetWidth, t.value = a.scrollWidth, i.value = !0);
   }), {
-    isTruncated: U(() => e.value < t.value)
+    isTruncated: S(() => e.value < t.value)
   };
 }
 function Oa() {
@@ -522,7 +522,7 @@ const oA = {
 }, Da = {
   key: 0,
   class: "config-card-fieldset-title"
-}, qa = /* @__PURE__ */ $({
+}, qa = /* @__PURE__ */ AA({
   __name: "JsonCardItem",
   props: {
     item: {
@@ -539,10 +539,10 @@ const oA = {
     }
   },
   setup(A) {
-    const e = A, { i18n: { t } } = oA.useI18n(), { convertKeyToTitle: i } = oA.useStringHelpers(), a = U(() => e.item.key ?? "json-array-item"), o = U(() => e.item.value ?? e.item), l = U(() => {
+    const e = A, { i18n: { t } } = oA.useI18n(), { convertKeyToTitle: i } = oA.useStringHelpers(), a = S(() => e.item.key ?? "json-array-item"), o = S(() => e.item.value ?? e.item), l = S(() => {
       const I = JSON.parse(JSON.stringify(o.value));
       return e.isArrayItem && delete I.name, I;
-    }), n = U(() => {
+    }), n = S(() => {
       var I;
       return e.isArrayItem ? (I = o.value) != null && I.name ? i(o.value.name, "_") : t("baseConfigCard.general.entryTitle", { index: e.index }) : "";
     });
@@ -551,7 +551,7 @@ const oA = {
     }, {
       default: m(() => [
         A.isArrayItem ? (u(), J("legend", Da, [
-          F("b", null, O(n.value), 1)
+          x("b", null, O(n.value), 1)
         ])) : z("", !0),
         (u(!0), J(fA, null, dA(Object.keys(l.value), (B, C) => (u(), Y(Qt, {
           key: `${a.value}-property-${C}`,
@@ -570,7 +570,7 @@ const oA = {
   for (const [i, a] of e)
     t[i] = a;
   return t;
-}, It = /* @__PURE__ */ pA(qa, [["__scopeId", "data-v-68ca83ec"]]), Ya = /* @__PURE__ */ $({
+}, It = /* @__PURE__ */ pA(qa, [["__scopeId", "data-v-68ca83ec"]]), Ya = /* @__PURE__ */ AA({
   __name: "InternalLinkItem",
   props: {
     item: {
@@ -584,7 +584,7 @@ const oA = {
     return (t, i) => {
       const a = K("KButton");
       return u(), J("div", null, [
-        p(a, {
+        f(a, {
           appearance: "tertiary",
           class: "navigation-button",
           onClick: i[0] || (i[0] = (o) => t.$emit("navigation-click", A.item))
@@ -597,7 +597,7 @@ const oA = {
       ]);
     };
   }
-}), Wa = /* @__PURE__ */ pA(Ya, [["__scopeId", "data-v-c96811e5"]]), Pa = /* @__PURE__ */ $({
+}), Wa = /* @__PURE__ */ pA(Ya, [["__scopeId", "data-v-c96811e5"]]), Pa = /* @__PURE__ */ AA({
   __name: "StatusBadge",
   props: {
     status: {
@@ -622,7 +622,7 @@ const oA = {
 }), za = "#0044f4", Ha = "#e0e4ea", Ga = "#3a3f51", Za = "#afb7c5", Xa = "1px", _a = "20px", $a = { class: "config-card-details-row" }, Ai = ["data-testid"], ei = ["data-testid"], ti = ["data-testid"], ai = ["data-testid"], ii = { key: 1 }, oi = ["data-testid"], li = ["data-testid"], ni = ["data-testid"], gi = ["data-testid"], ri = {
   name: "ConfigCardItem",
   components: { JsonCardItem: It, StatusBadge: Pa, InternalLinkItem: Wa }
-}, Ci = /* @__PURE__ */ $({
+}, Ci = /* @__PURE__ */ AA({
   ...ri,
   props: {
     item: {
@@ -648,7 +648,7 @@ const oA = {
       "5036b738": r.value && n.value ? "100%" : t.slim ? "50%" : "25%",
       "5038fd13": r.value && n.value ? "100%" : t.slim ? "50%" : "75%"
     }));
-    const t = A, i = e, a = he(), { i18n: { t: o, formatUnixTimeStamp: l } } = oA.useI18n(), n = U(() => t.item.value !== void 0 && t.item.value !== null && t.item.value !== ""), I = U(() => !!(t.item.tooltip || a["label-tooltip"])), r = U(() => t.item.type === _.Json || t.item.type === _.JsonArray), B = U(() => t.item.type === _.JsonArray), C = U(() => {
+    const t = A, i = e, a = he(), { i18n: { t: o, formatUnixTimeStamp: l } } = oA.useI18n(), n = S(() => t.item.value !== void 0 && t.item.value !== null && t.item.value !== ""), I = S(() => !!(t.item.tooltip || a["label-tooltip"])), r = S(() => t.item.type === _.Json || t.item.type === _.JsonArray), B = S(() => t.item.type === _.JsonArray), C = S(() => {
       switch (t.item.type) {
         case _.ID:
           return {
@@ -758,16 +758,16 @@ const oA = {
             text: t.item.value
           };
       }
-    }), v = j(), { isTruncated: c } = oA.useTruncationDetector(v);
-    return (Q, k) => {
-      const w = K("KLabel"), q = K("KBadge"), x = K("KCopy"), eA = K("KTooltip");
+    }), y = j(), { isTruncated: c } = oA.useTruncationDetector(y);
+    return (Q, T) => {
+      const k = K("KLabel"), D = K("KBadge"), U = K("KCopy"), $ = K("KTooltip");
       return u(), J("div", $a, [
-        F("div", {
+        x("div", {
           class: "config-card-details-label",
           "data-testid": `${A.item.key}-label`
         }, [
-          AA(Q.$slots, "label", { item: A.item }, () => [
-            p(w, { "tooltip-attributes": { maxWidth: "500px" } }, LA({
+          eA(Q.$slots, "label", { item: A.item }, () => [
+            f(k, { "tooltip-attributes": { maxWidth: "500px" } }, MA({
               default: m(() => [
                 Z(O(A.item.label) + " ", 1)
               ]),
@@ -776,10 +776,10 @@ const oA = {
               I.value ? {
                 name: "tooltip",
                 fn: m(() => [
-                  F("div", {
+                  x("div", {
                     "data-testid": `${A.item.key}-label-tooltip`
                   }, [
-                    AA(Q.$slots, "label-tooltip", {}, () => [
+                    eA(Q.$slots, "label-tooltip", {}, () => [
                       Z(O(A.item.tooltip), 1)
                     ], !0)
                   ], 8, ei)
@@ -789,11 +789,11 @@ const oA = {
             ]), 1024)
           ], !0)
         ], 8, Ai),
-        F("div", {
+        x("div", {
           class: "config-card-details-value",
           "data-testid": `${A.item.key}-property-value`
         }, [
-          AA(Q.$slots, A.item.key, {
+          eA(Q.$slots, A.item.key, {
             rowValue: A.item.value
           }, () => [
             n.value ? (u(), J("div", ii, [
@@ -803,15 +803,15 @@ const oA = {
                     key: 0,
                     "data-testid": `${A.item.key}-badge-tags`
                   }, [
-                    (u(!0), J(fA, null, dA(A.item.value, (y, h) => (u(), Y(q, {
+                    (u(!0), J(fA, null, dA(A.item.value, (v, h) => (u(), Y(D, {
                       key: `${A.item.key}-badge-tag-${h}`,
                       class: "config-badge",
                       "data-testid": `${A.item.key}-badge-tag-${h}`,
-                      tooltip: y,
+                      tooltip: v,
                       "truncation-tooltip": ""
                     }, {
                       default: m(() => [
-                        Z(O(y), 1)
+                        Z(O(v), 1)
                       ]),
                       _: 2
                     }, 1032, ["data-testid", "tooltip"]))), 128))
@@ -821,24 +821,24 @@ const oA = {
                     class: "copy-uuid-array",
                     "data-testid": `${A.item.key}-copy-uuid-array`
                   }, [
-                    (u(!0), J(fA, null, dA(A.item.value, (y, h) => (u(), Y(x, Ca(C.value.childAttrs, {
+                    (u(!0), J(fA, null, dA(A.item.value, (v, h) => (u(), Y(U, Ca(C.value.childAttrs, {
                       key: `${A.item.key}-copy-uuid-${h}`,
                       "data-testid": `${A.item.key}-copy-uuid-${h}`,
-                      text: y
+                      text: v
                     }), null, 16, ["data-testid", "text"]))), 128))
                   ], 8, li)) : C.value.additionalComponent === "KMethodBadge" ? (u(), J("div", {
                     key: 2,
                     class: "method-badge-array",
                     "data-testid": `${A.item.key}-badge-methods`
                   }, [
-                    (u(!0), J(fA, null, dA(A.item.value, (y, h) => (u(), Y(q, {
+                    (u(!0), J(fA, null, dA(A.item.value, (v, h) => (u(), Y(D, {
                       key: `${A.item.key}-badge-method-${h}`,
-                      appearance: Object.values(g(Qa)).includes(y.toLowerCase()) ? y.toLowerCase() : "custom",
+                      appearance: Object.values(g(Qa)).includes(v.toLowerCase()) ? v.toLowerCase() : "custom",
                       class: "config-badge",
                       "data-testid": `${A.item.key}-badge-method-${h}`
                     }, {
                       default: m(() => [
-                        Z(O(y), 1)
+                        Z(O(v), 1)
                       ]),
                       _: 2
                     }, 1032, ["appearance", "data-testid"]))), 128))
@@ -847,20 +847,20 @@ const oA = {
                     key: 3,
                     "data-testid": `${t.item.key}-json-array-content`
                   }, [
-                    (u(!0), J(fA, null, dA(A.item.value, (y, h) => (u(), Y(It, {
+                    (u(!0), J(fA, null, dA(A.item.value, (v, h) => (u(), Y(It, {
                       key: `json-array-item-${h}`,
                       index: h,
                       "is-array-item": "",
-                      item: y
+                      item: v
                     }, null, 8, ["index", "item"]))), 128))
-                  ], 8, gi)) : (u(), Y(eA, {
+                  ], 8, gi)) : (u(), Y($, {
                     key: 4,
                     text: g(c) ? A.item.value : ""
                   }, {
                     default: m(() => [
-                      F("span", {
+                      x("span", {
                         ref_key: "textContent",
-                        ref: v,
+                        ref: y,
                         class: kA(["attrs-data-text", { truncated: A.truncated }])
                       }, O(C.value.text), 3)
                     ]),
@@ -881,7 +881,7 @@ const oA = {
 }), Qt = /* @__PURE__ */ pA(Ci, [["__scopeId", "data-v-d056663c"]]), Ii = { class: "json-config" }, Qi = {
   key: 0,
   class: "json-endpoint"
-}, st = /* @__PURE__ */ $({
+}, st = /* @__PURE__ */ AA({
   __name: "JsonCodeBlock",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -912,7 +912,7 @@ const oA = {
     at((a) => ({
       "4520e3ec": `${i.value}ch`
     }));
-    const e = A, t = U(() => e.jsonRecord), i = U(() => {
+    const e = A, t = S(() => e.jsonRecord), i = S(() => {
       var a;
       if (!e.fetcherUrl)
         return 0;
@@ -923,7 +923,7 @@ const oA = {
       const l = K("KBadge"), n = K("KCodeBlock");
       return u(), J("div", Ii, [
         e.fetcherUrl ? (u(), J("div", Qi, [
-          p(l, {
+          f(l, {
             appearance: e.requestMethod
           }, {
             default: m(() => [
@@ -931,7 +931,7 @@ const oA = {
             ]),
             _: 1
           }, 8, ["appearance"]),
-          p(n, {
+          f(n, {
             id: "json-endpoint-codeblock",
             code: e.fetcherUrl,
             language: "json",
@@ -1197,17 +1197,17 @@ function Fi(A) {
   var e = A.length;
   return e === 4 && (A === "true" || A === "True" || A === "TRUE") || e === 5 && (A === "false" || A === "False" || A === "FALSE");
 }
-function xi(A) {
+function Ni(A) {
   return A === "true" || A === "True" || A === "TRUE";
 }
-function Ni(A) {
+function xi(A) {
   return Object.prototype.toString.call(A) === "[object Boolean]";
 }
 var ht = new rA("tag:yaml.org,2002:bool", {
   kind: "scalar",
   resolve: Fi,
-  construct: xi,
-  predicate: Ni,
+  construct: Ni,
+  predicate: xi,
   represent: {
     lowercase: function(A) {
       return A ? "true" : "false";
@@ -1221,10 +1221,10 @@ var ht = new rA("tag:yaml.org,2002:bool", {
   },
   defaultStyle: "lowercase"
 });
-function Mi(A) {
+function Li(A) {
   return 48 <= A && A <= 57 || 65 <= A && A <= 70 || 97 <= A && A <= 102;
 }
-function Li(A) {
+function Mi(A) {
   return 48 <= A && A <= 55;
 }
 function Ki(A) {
@@ -1251,7 +1251,7 @@ function ji(A) {
     if (a === "x") {
       for (t++; t < e; t++)
         if (a = A[t], a !== "_") {
-          if (!Mi(A.charCodeAt(t)))
+          if (!Li(A.charCodeAt(t)))
             return !1;
           i = !0;
         }
@@ -1260,7 +1260,7 @@ function ji(A) {
     if (a === "o") {
       for (t++; t < e; t++)
         if (a = A[t], a !== "_") {
-          if (!Li(A.charCodeAt(t)))
+          if (!Mi(A.charCodeAt(t)))
             return !1;
           i = !0;
         }
@@ -1394,7 +1394,7 @@ function Gi(A) {
   return A === null ? !1 : wt.exec(A) !== null || St.exec(A) !== null;
 }
 function Zi(A) {
-  var e, t, i, a, o, l, n, I = 0, r = null, B, C, v;
+  var e, t, i, a, o, l, n, I = 0, r = null, B, C, y;
   if (e = wt.exec(A), e === null && (e = St.exec(A)), e === null)
     throw new Error("Date resolve error");
   if (t = +e[1], i = +e[2] - 1, a = +e[3], !e[4])
@@ -1404,7 +1404,7 @@ function Zi(A) {
       I += "0";
     I = +I;
   }
-  return e[9] && (B = +e[10], C = +(e[11] || 0), r = (B * 60 + C) * 6e4, e[9] === "-" && (r = -r)), v = new Date(Date.UTC(t, i, a, o, l, n, I)), r && v.setTime(v.getTime() - r), v;
+  return e[9] && (B = +e[10], C = +(e[11] || 0), r = (B * 60 + C) * 6e4, e[9] === "-" && (r = -r)), y = new Date(Date.UTC(t, i, a, o, l, n, I)), r && y.setTime(y.getTime() - r), y;
 }
 function Xi(A) {
   return A.toISOString();
@@ -1539,7 +1539,7 @@ var Ft = new rA("tag:yaml.org,2002:set", {
     Rt,
     Ft
   ]
-}), wA = Object.prototype.hasOwnProperty, XA = 1, xt = 2, Nt = 3, _A = 4, Qe = 1, so = 2, je = 3, Eo = /[\x00-\x08\x0B\x0C\x0E-\x1F\x7F-\x84\x86-\x9F\uFFFE\uFFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF]/, Bo = /[\x85\u2028\u2029]/, uo = /[,\[\]\{\}]/, Mt = /^(?:!|!!|![a-z\-]+!)$/i, Lt = /^(?:!|[^,\[\]\{\}])(?:%[0-9a-f]{2}|[0-9a-z\-#;\/\?:@&=\+\$,_\.!~\*'\(\)\[\]])*$/i;
+}), wA = Object.prototype.hasOwnProperty, XA = 1, Nt = 2, xt = 3, _A = 4, Qe = 1, so = 2, je = 3, Eo = /[\x00-\x08\x0B\x0C\x0E-\x1F\x7F-\x84\x86-\x9F\uFFFE\uFFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF]/, Bo = /[\x85\u2028\u2029]/, uo = /[,\[\]\{\}]/, Lt = /^(?:!|!!|![a-z\-]+!)$/i, Mt = /^(?:!|[^,\[\]\{\}])(?:%[0-9a-f]{2}|[0-9a-z\-#;\/\?:@&=\+\$,_\.!~\*'\(\)\[\]])*$/i;
 function Oe(A) {
   return Object.prototype.toString.call(A);
 }
@@ -1552,7 +1552,7 @@ function VA(A) {
 function BA(A) {
   return A === 9 || A === 32 || A === 10 || A === 13;
 }
-function NA(A) {
+function xA(A) {
   return A === 44 || A === 91 || A === 93 || A === 123 || A === 125;
 }
 function co(A) {
@@ -1605,7 +1605,7 @@ var qe = {
   },
   TAG: function(A, e, t) {
     var i, a;
-    t.length !== 2 && V(A, "TAG directive accepts exactly two arguments"), i = t[0], a = t[1], Mt.test(i) || V(A, "ill-formed tag handle (first argument) of the TAG directive"), wA.call(A.tagMap, i) && V(A, 'there is a previously declared suffix for "' + i + '" tag handle'), Lt.test(a) || V(A, "ill-formed tag prefix (second argument) of the TAG directive");
+    t.length !== 2 && V(A, "TAG directive accepts exactly two arguments"), i = t[0], a = t[1], Lt.test(i) || V(A, "ill-formed tag handle (first argument) of the TAG directive"), wA.call(A.tagMap, i) && V(A, 'there is a previously declared suffix for "' + i + '" tag handle'), Mt.test(a) || V(A, "ill-formed tag prefix (second argument) of the TAG directive");
     try {
       a = decodeURIComponent(a);
     } catch {
@@ -1630,7 +1630,7 @@ function Ye(A, e, t, i) {
   for (iA.isObject(t) || V(A, "cannot merge mappings; the provided source object is unacceptable"), a = Object.keys(t), l = 0, n = a.length; l < n; l += 1)
     o = a[l], wA.call(e, o) || (e[o] = t[o], i[o] = !0);
 }
-function MA(A, e, t, i, a, o, l, n, I) {
+function LA(A, e, t, i, a, o, l, n, I) {
   var r, B;
   if (Array.isArray(a))
     for (a = Array.prototype.slice.call(a), r = 0, B = a.length; r < B; r += 1)
@@ -1679,18 +1679,18 @@ function Se(A, e) {
 `, e - 1));
 }
 function vo(A, e, t) {
-  var i, a, o, l, n, I, r, B, C = A.kind, v = A.result, c;
-  if (c = A.input.charCodeAt(A.position), BA(c) || NA(c) || c === 35 || c === 38 || c === 42 || c === 33 || c === 124 || c === 62 || c === 39 || c === 34 || c === 37 || c === 64 || c === 96 || (c === 63 || c === 45) && (a = A.input.charCodeAt(A.position + 1), BA(a) || t && NA(a)))
+  var i, a, o, l, n, I, r, B, C = A.kind, y = A.result, c;
+  if (c = A.input.charCodeAt(A.position), BA(c) || xA(c) || c === 35 || c === 38 || c === 42 || c === 33 || c === 124 || c === 62 || c === 39 || c === 34 || c === 37 || c === 64 || c === 96 || (c === 63 || c === 45) && (a = A.input.charCodeAt(A.position + 1), BA(a) || t && xA(a)))
     return !1;
   for (A.kind = "scalar", A.result = "", o = l = A.position, n = !1; c !== 0; ) {
     if (c === 58) {
-      if (a = A.input.charCodeAt(A.position + 1), BA(a) || t && NA(a))
+      if (a = A.input.charCodeAt(A.position + 1), BA(a) || t && xA(a))
         break;
     } else if (c === 35) {
       if (i = A.input.charCodeAt(A.position - 1), BA(i))
         break;
     } else {
-      if (A.position === A.lineStart && ne(A) || t && NA(c))
+      if (A.position === A.lineStart && ne(A) || t && xA(c))
         break;
       if (mA(c))
         if (I = A.line, r = A.lineStart, B = A.lineIndent, tA(A, !1, -1), A.lineIndent >= e) {
@@ -1703,7 +1703,7 @@ function vo(A, e, t) {
     }
     n && (bA(A, o, l, !1), Se(A, A.line - I), o = l = A.position, n = !1), VA(c) || (l = A.position + 1), c = A.input.charCodeAt(++A.position);
   }
-  return bA(A, o, l, !1), A.result ? !0 : (A.kind = C, A.result = v, !1);
+  return bA(A, o, l, !1), A.result ? !0 : (A.kind = C, A.result = y, !1);
 }
 function yo(A, e) {
   var t, i, a;
@@ -1744,17 +1744,17 @@ function bo(A, e) {
   V(A, "unexpected end of the stream within a double quoted scalar");
 }
 function ko(A, e) {
-  var t = !0, i, a, o, l = A.tag, n, I = A.anchor, r, B, C, v, c, Q = /* @__PURE__ */ Object.create(null), k, w, q, x;
-  if (x = A.input.charCodeAt(A.position), x === 91)
+  var t = !0, i, a, o, l = A.tag, n, I = A.anchor, r, B, C, y, c, Q = /* @__PURE__ */ Object.create(null), T, k, D, U;
+  if (U = A.input.charCodeAt(A.position), U === 91)
     B = 93, c = !1, n = [];
-  else if (x === 123)
+  else if (U === 123)
     B = 125, c = !0, n = {};
   else
     return !1;
-  for (A.anchor !== null && (A.anchorMap[A.anchor] = n), x = A.input.charCodeAt(++A.position); x !== 0; ) {
-    if (tA(A, !0, e), x = A.input.charCodeAt(A.position), x === B)
+  for (A.anchor !== null && (A.anchorMap[A.anchor] = n), U = A.input.charCodeAt(++A.position); U !== 0; ) {
+    if (tA(A, !0, e), U = A.input.charCodeAt(A.position), U === B)
       return A.position++, A.tag = l, A.anchor = I, A.kind = c ? "mapping" : "sequence", A.result = n, !0;
-    t ? x === 44 && V(A, "expected the node content, but found ','") : V(A, "missed comma between flow collection entries"), w = k = q = null, C = v = !1, x === 63 && (r = A.input.charCodeAt(A.position + 1), BA(r) && (C = v = !0, A.position++, tA(A, !0, e))), i = A.line, a = A.lineStart, o = A.position, KA(A, e, XA, !1, !0), w = A.tag, k = A.result, tA(A, !0, e), x = A.input.charCodeAt(A.position), (v || A.line === i) && x === 58 && (C = !0, x = A.input.charCodeAt(++A.position), tA(A, !0, e), KA(A, e, XA, !1, !0), q = A.result), c ? MA(A, n, Q, w, k, q, i, a, o) : C ? n.push(MA(A, null, Q, w, k, q, i, a, o)) : n.push(k), tA(A, !0, e), x = A.input.charCodeAt(A.position), x === 44 ? (t = !0, x = A.input.charCodeAt(++A.position)) : t = !1;
+    t ? U === 44 && V(A, "expected the node content, but found ','") : V(A, "missed comma between flow collection entries"), k = T = D = null, C = y = !1, U === 63 && (r = A.input.charCodeAt(A.position + 1), BA(r) && (C = y = !0, A.position++, tA(A, !0, e))), i = A.line, a = A.lineStart, o = A.position, KA(A, e, XA, !1, !0), k = A.tag, T = A.result, tA(A, !0, e), U = A.input.charCodeAt(A.position), (y || A.line === i) && U === 58 && (C = !0, U = A.input.charCodeAt(++A.position), tA(A, !0, e), KA(A, e, XA, !1, !0), D = A.result), c ? LA(A, n, Q, k, T, D, i, a, o) : C ? n.push(LA(A, null, Q, k, T, D, i, a, o)) : n.push(T), tA(A, !0, e), U = A.input.charCodeAt(A.position), U === 44 ? (t = !0, U = A.input.charCodeAt(++A.position)) : t = !1;
   }
   V(A, "unexpected end of the stream within a flow collection");
 }
@@ -1814,7 +1814,7 @@ function We(A, e) {
       o.push(null), I = A.input.charCodeAt(A.position);
       continue;
     }
-    if (t = A.line, KA(A, e, Nt, !1, !0), o.push(A.result), tA(A, !0, -1), I = A.input.charCodeAt(A.position), (A.line === t || A.lineIndent > e) && I !== 0)
+    if (t = A.line, KA(A, e, xt, !1, !0), o.push(A.result), tA(A, !0, -1), I = A.input.charCodeAt(A.position), (A.line === t || A.lineIndent > e) && I !== 0)
       V(A, "bad indentation of a sequence entry");
     else if (A.lineIndent < e)
       break;
@@ -1822,35 +1822,35 @@ function We(A, e) {
   return n ? (A.tag = i, A.anchor = a, A.kind = "sequence", A.result = o, !0) : !1;
 }
 function So(A, e, t) {
-  var i, a, o, l, n, I, r = A.tag, B = A.anchor, C = {}, v = /* @__PURE__ */ Object.create(null), c = null, Q = null, k = null, w = !1, q = !1, x;
+  var i, a, o, l, n, I, r = A.tag, B = A.anchor, C = {}, y = /* @__PURE__ */ Object.create(null), c = null, Q = null, T = null, k = !1, D = !1, U;
   if (A.firstTabInLine !== -1)
     return !1;
-  for (A.anchor !== null && (A.anchorMap[A.anchor] = C), x = A.input.charCodeAt(A.position); x !== 0; ) {
-    if (!w && A.firstTabInLine !== -1 && (A.position = A.firstTabInLine, V(A, "tab characters must not be used in indentation")), i = A.input.charCodeAt(A.position + 1), o = A.line, (x === 63 || x === 58) && BA(i))
-      x === 63 ? (w && (MA(A, C, v, c, Q, null, l, n, I), c = Q = k = null), q = !0, w = !0, a = !0) : w ? (w = !1, a = !0) : V(A, "incomplete explicit mapping pair; a key node is missed; or followed by a non-tabulated empty line"), A.position += 1, x = i;
+  for (A.anchor !== null && (A.anchorMap[A.anchor] = C), U = A.input.charCodeAt(A.position); U !== 0; ) {
+    if (!k && A.firstTabInLine !== -1 && (A.position = A.firstTabInLine, V(A, "tab characters must not be used in indentation")), i = A.input.charCodeAt(A.position + 1), o = A.line, (U === 63 || U === 58) && BA(i))
+      U === 63 ? (k && (LA(A, C, y, c, Q, null, l, n, I), c = Q = T = null), D = !0, k = !0, a = !0) : k ? (k = !1, a = !0) : V(A, "incomplete explicit mapping pair; a key node is missed; or followed by a non-tabulated empty line"), A.position += 1, U = i;
     else {
-      if (l = A.line, n = A.lineStart, I = A.position, !KA(A, t, xt, !1, !0))
+      if (l = A.line, n = A.lineStart, I = A.position, !KA(A, t, Nt, !1, !0))
         break;
       if (A.line === o) {
-        for (x = A.input.charCodeAt(A.position); VA(x); )
-          x = A.input.charCodeAt(++A.position);
-        if (x === 58)
-          x = A.input.charCodeAt(++A.position), BA(x) || V(A, "a whitespace character is expected after the key-value separator within a block mapping"), w && (MA(A, C, v, c, Q, null, l, n, I), c = Q = k = null), q = !0, w = !1, a = !1, c = A.tag, Q = A.result;
-        else if (q)
+        for (U = A.input.charCodeAt(A.position); VA(U); )
+          U = A.input.charCodeAt(++A.position);
+        if (U === 58)
+          U = A.input.charCodeAt(++A.position), BA(U) || V(A, "a whitespace character is expected after the key-value separator within a block mapping"), k && (LA(A, C, y, c, Q, null, l, n, I), c = Q = T = null), D = !0, k = !1, a = !1, c = A.tag, Q = A.result;
+        else if (D)
           V(A, "can not read an implicit mapping pair; a colon is missed");
         else
           return A.tag = r, A.anchor = B, !0;
-      } else if (q)
+      } else if (D)
         V(A, "can not read a block mapping entry; a multiline key may not be an implicit key");
       else
         return A.tag = r, A.anchor = B, !0;
     }
-    if ((A.line === o || A.lineIndent > e) && (w && (l = A.line, n = A.lineStart, I = A.position), KA(A, e, _A, !0, a) && (w ? Q = A.result : k = A.result), w || (MA(A, C, v, c, Q, k, l, n, I), c = Q = k = null), tA(A, !0, -1), x = A.input.charCodeAt(A.position)), (A.line === o || A.lineIndent > e) && x !== 0)
+    if ((A.line === o || A.lineIndent > e) && (k && (l = A.line, n = A.lineStart, I = A.position), KA(A, e, _A, !0, a) && (k ? Q = A.result : T = A.result), k || (LA(A, C, y, c, Q, T, l, n, I), c = Q = T = null), tA(A, !0, -1), U = A.input.charCodeAt(A.position)), (A.line === o || A.lineIndent > e) && U !== 0)
       V(A, "bad indentation of a mapping entry");
     else if (A.lineIndent < e)
       break;
   }
-  return w && MA(A, C, v, c, Q, null, l, n, I), q && (A.tag = r, A.anchor = B, A.kind = "mapping", A.result = C), q;
+  return k && LA(A, C, y, c, Q, null, l, n, I), D && (A.tag = r, A.anchor = B, A.kind = "mapping", A.result = C), D;
 }
 function Jo(A) {
   var e, t = !1, i = !1, a, o, l;
@@ -1863,10 +1863,10 @@ function Jo(A) {
     A.position < A.length ? (o = A.input.slice(e, A.position), l = A.input.charCodeAt(++A.position)) : V(A, "unexpected end of the stream within a verbatim tag");
   } else {
     for (; l !== 0 && !BA(l); )
-      l === 33 && (i ? V(A, "tag suffix cannot contain exclamation marks") : (a = A.input.slice(e - 1, A.position + 1), Mt.test(a) || V(A, "named tag handle cannot contain such characters"), i = !0, e = A.position + 1)), l = A.input.charCodeAt(++A.position);
+      l === 33 && (i ? V(A, "tag suffix cannot contain exclamation marks") : (a = A.input.slice(e - 1, A.position + 1), Lt.test(a) || V(A, "named tag handle cannot contain such characters"), i = !0, e = A.position + 1)), l = A.input.charCodeAt(++A.position);
     o = A.input.slice(e, A.position), uo.test(o) && V(A, "tag suffix cannot contain flow indicator characters");
   }
-  o && !Lt.test(o) && V(A, "tag name cannot contain such characters: " + o);
+  o && !Mt.test(o) && V(A, "tag name cannot contain such characters: " + o);
   try {
     o = decodeURIComponent(o);
   } catch {
@@ -1878,7 +1878,7 @@ function Uo(A) {
   var e, t;
   if (t = A.input.charCodeAt(A.position), t !== 38)
     return !1;
-  for (A.anchor !== null && V(A, "duplication of an anchor property"), t = A.input.charCodeAt(++A.position), e = A.position; t !== 0 && !BA(t) && !NA(t); )
+  for (A.anchor !== null && V(A, "duplication of an anchor property"), t = A.input.charCodeAt(++A.position), e = A.position; t !== 0 && !BA(t) && !xA(t); )
     t = A.input.charCodeAt(++A.position);
   return A.position === e && V(A, "name of an anchor node must contain at least one character"), A.anchor = A.input.slice(e, A.position), !0;
 }
@@ -1886,19 +1886,19 @@ function Vo(A) {
   var e, t, i;
   if (i = A.input.charCodeAt(A.position), i !== 42)
     return !1;
-  for (i = A.input.charCodeAt(++A.position), e = A.position; i !== 0 && !BA(i) && !NA(i); )
+  for (i = A.input.charCodeAt(++A.position), e = A.position; i !== 0 && !BA(i) && !xA(i); )
     i = A.input.charCodeAt(++A.position);
   return A.position === e && V(A, "name of an alias node must contain at least one character"), t = A.input.slice(e, A.position), wA.call(A.anchorMap, t) || V(A, 'unidentified alias "' + t + '"'), A.result = A.anchorMap[t], tA(A, !0, -1), !0;
 }
 function KA(A, e, t, i, a) {
-  var o, l, n, I = 1, r = !1, B = !1, C, v, c, Q, k, w;
-  if (A.listener !== null && A.listener("open", A), A.tag = null, A.anchor = null, A.kind = null, A.result = null, o = l = n = _A === t || Nt === t, i && tA(A, !0, -1) && (r = !0, A.lineIndent > e ? I = 1 : A.lineIndent === e ? I = 0 : A.lineIndent < e && (I = -1)), I === 1)
+  var o, l, n, I = 1, r = !1, B = !1, C, y, c, Q, T, k;
+  if (A.listener !== null && A.listener("open", A), A.tag = null, A.anchor = null, A.kind = null, A.result = null, o = l = n = _A === t || xt === t, i && tA(A, !0, -1) && (r = !0, A.lineIndent > e ? I = 1 : A.lineIndent === e ? I = 0 : A.lineIndent < e && (I = -1)), I === 1)
     for (; Jo(A) || Uo(A); )
       tA(A, !0, -1) ? (r = !0, n = o, A.lineIndent > e ? I = 1 : A.lineIndent === e ? I = 0 : A.lineIndent < e && (I = -1)) : n = !1;
-  if (n && (n = r || a), (I === 1 || _A === t) && (XA === t || xt === t ? k = e : k = e + 1, w = A.position - A.lineStart, I === 1 ? n && (We(A, w) || So(A, w, k)) || ko(A, k) ? B = !0 : (l && wo(A, k) || yo(A, k) || bo(A, k) ? B = !0 : Vo(A) ? (B = !0, (A.tag !== null || A.anchor !== null) && V(A, "alias node should not have any properties")) : vo(A, k, XA === t) && (B = !0, A.tag === null && (A.tag = "?")), A.anchor !== null && (A.anchorMap[A.anchor] = A.result)) : I === 0 && (B = n && We(A, w))), A.tag === null)
+  if (n && (n = r || a), (I === 1 || _A === t) && (XA === t || Nt === t ? T = e : T = e + 1, k = A.position - A.lineStart, I === 1 ? n && (We(A, k) || So(A, k, T)) || ko(A, T) ? B = !0 : (l && wo(A, T) || yo(A, T) || bo(A, T) ? B = !0 : Vo(A) ? (B = !0, (A.tag !== null || A.anchor !== null) && V(A, "alias node should not have any properties")) : vo(A, T, XA === t) && (B = !0, A.tag === null && (A.tag = "?")), A.anchor !== null && (A.anchorMap[A.anchor] = A.result)) : I === 0 && (B = n && We(A, k))), A.tag === null)
     A.anchor !== null && (A.anchorMap[A.anchor] = A.result);
   else if (A.tag === "?") {
-    for (A.result !== null && A.kind !== "scalar" && V(A, 'unacceptable node kind for !<?> tag; it should be "scalar", not "' + A.kind + '"'), C = 0, v = A.implicitTypes.length; C < v; C += 1)
+    for (A.result !== null && A.kind !== "scalar" && V(A, 'unacceptable node kind for !<?> tag; it should be "scalar", not "' + A.kind + '"'), C = 0, y = A.implicitTypes.length; C < y; C += 1)
       if (Q = A.implicitTypes[C], Q.resolve(A.result)) {
         A.result = Q.construct(A.result), A.tag = Q.tag, A.anchor !== null && (A.anchorMap[A.anchor] = A.result);
         break;
@@ -1907,7 +1907,7 @@ function KA(A, e, t, i, a) {
     if (wA.call(A.typeMap[A.kind || "fallback"], A.tag))
       Q = A.typeMap[A.kind || "fallback"][A.tag];
     else
-      for (Q = null, c = A.typeMap.multi[A.kind || "fallback"], C = 0, v = c.length; C < v; C += 1)
+      for (Q = null, c = A.typeMap.multi[A.kind || "fallback"], C = 0, y = c.length; C < y; C += 1)
         if (A.tag.slice(0, c[C].tag.length) === c[C].tag) {
           Q = c[C];
           break;
@@ -1973,10 +1973,10 @@ function Fo(A, e) {
     throw new IA("expected a single document in the stream, but found more");
   }
 }
-var xo = Ro, No = Fo, qt = {
-  loadAll: xo,
-  load: No
-}, Yt = Object.prototype.toString, Wt = Object.prototype.hasOwnProperty, Je = 65279, Mo = 9, DA = 10, Lo = 13, Ko = 32, jo = 33, Oo = 34, ce = 35, Do = 37, qo = 38, Yo = 39, Wo = 42, Pt = 44, Po = 45, Ae = 58, zo = 61, Ho = 62, Go = 63, Zo = 64, zt = 91, Ht = 93, Xo = 96, Gt = 123, _o = 124, Zt = 125, CA = {};
+var No = Ro, xo = Fo, qt = {
+  loadAll: No,
+  load: xo
+}, Yt = Object.prototype.toString, Wt = Object.prototype.hasOwnProperty, Je = 65279, Lo = 9, DA = 10, Mo = 13, Ko = 32, jo = 33, Oo = 34, ce = 35, Do = 37, qo = 38, Yo = 39, Wo = 42, Pt = 44, Po = 45, Ae = 58, zo = 61, Ho = 62, Go = 63, Zo = 64, zt = 91, Ht = 93, Xo = 96, Gt = 123, _o = 124, Zt = 125, CA = {};
 CA[0] = "\\0";
 CA[7] = "\\a";
 CA[8] = "\\b";
@@ -2053,13 +2053,13 @@ function ol(A, e) {
   return !1;
 }
 function ee(A) {
-  return A === Ko || A === Mo;
+  return A === Ko || A === Lo;
 }
 function YA(A) {
   return 32 <= A && A <= 126 || 161 <= A && A <= 55295 && A !== 8232 && A !== 8233 || 57344 <= A && A <= 65533 && A !== Je || 65536 <= A && A <= 1114111;
 }
 function ze(A) {
-  return YA(A) && A !== Je && A !== Lo && A !== DA;
+  return YA(A) && A !== Je && A !== Mo && A !== DA;
 }
 function He(A, e, t) {
   var i = ze(A), a = i && !ee(A);
@@ -2085,27 +2085,27 @@ function Xt(A) {
   var e = /^\n* /;
   return e.test(A);
 }
-var _t = 1, pe = 2, $t = 3, Aa = 4, xA = 5;
+var _t = 1, pe = 2, $t = 3, Aa = 4, NA = 5;
 function gl(A, e, t, i, a, o, l, n) {
-  var I, r = 0, B = null, C = !1, v = !1, c = i !== -1, Q = -1, k = ll(jA(A, 0)) && nl(jA(A, A.length - 1));
+  var I, r = 0, B = null, C = !1, y = !1, c = i !== -1, Q = -1, T = ll(jA(A, 0)) && nl(jA(A, A.length - 1));
   if (e || l)
     for (I = 0; I < A.length; r >= 65536 ? I += 2 : I++) {
       if (r = jA(A, I), !YA(r))
-        return xA;
-      k = k && He(r, B, n), B = r;
+        return NA;
+      T = T && He(r, B, n), B = r;
     }
   else {
     for (I = 0; I < A.length; r >= 65536 ? I += 2 : I++) {
       if (r = jA(A, I), r === DA)
-        C = !0, c && (v = v || // Foldable line = too long, and not more-indented.
+        C = !0, c && (y = y || // Foldable line = too long, and not more-indented.
         I - Q - 1 > i && A[Q + 1] !== " ", Q = I);
       else if (!YA(r))
-        return xA;
-      k = k && He(r, B, n), B = r;
+        return NA;
+      T = T && He(r, B, n), B = r;
     }
-    v = v || c && I - Q - 1 > i && A[Q + 1] !== " ";
+    y = y || c && I - Q - 1 > i && A[Q + 1] !== " ";
   }
-  return !C && !v ? k && !l && !a(A) ? _t : o === qA ? xA : pe : t > 9 && Xt(A) ? xA : l ? o === qA ? xA : pe : v ? Aa : $t;
+  return !C && !y ? T && !l && !a(A) ? _t : o === qA ? NA : pe : t > 9 && Xt(A) ? NA : l ? o === qA ? NA : pe : y ? Aa : $t;
 }
 function rl(A, e, t, i, a) {
   A.dump = function() {
@@ -2135,7 +2135,7 @@ function rl(A, e, t, i, a) {
         return "|" + Ge(e, A.indent) + Ze(Pe(e, o));
       case Aa:
         return ">" + Ge(e, A.indent) + Ze(Pe(Cl(e, l), o));
-      case xA:
+      case NA:
         return '"' + Il(e) + '"';
       default:
         throw new IA("impossible error: invalid scalar style");
@@ -2201,7 +2201,7 @@ function sl(A, e, t) {
   A.tag = a, A.dump = "{" + i + "}";
 }
 function El(A, e, t, i) {
-  var a = "", o = A.tag, l = Object.keys(t), n, I, r, B, C, v;
+  var a = "", o = A.tag, l = Object.keys(t), n, I, r, B, C, y;
   if (A.sortKeys === !0)
     l.sort();
   else if (typeof A.sortKeys == "function")
@@ -2209,7 +2209,7 @@ function El(A, e, t, i) {
   else if (A.sortKeys)
     throw new IA("sortKeys must be a boolean or a function");
   for (n = 0, I = l.length; n < I; n += 1)
-    v = "", (!i || a !== "") && (v += de(A, e)), r = l[n], B = t[r], A.replacer && (B = A.replacer.call(t, r, B)), hA(A, e + 1, r, !0, !0, !0) && (C = A.tag !== null && A.tag !== "?" || A.dump && A.dump.length > 1024, C && (A.dump && DA === A.dump.charCodeAt(0) ? v += "?" : v += "? "), v += A.dump, C && (v += de(A, e)), hA(A, e + 1, B, !0, C) && (A.dump && DA === A.dump.charCodeAt(0) ? v += ":" : v += ": ", v += A.dump, a += v));
+    y = "", (!i || a !== "") && (y += de(A, e)), r = l[n], B = t[r], A.replacer && (B = A.replacer.call(t, r, B)), hA(A, e + 1, r, !0, !0, !0) && (C = A.tag !== null && A.tag !== "?" || A.dump && A.dump.length > 1024, C && (A.dump && DA === A.dump.charCodeAt(0) ? y += "?" : y += "? "), y += A.dump, C && (y += de(A, e)), hA(A, e + 1, B, !0, C) && (A.dump && DA === A.dump.charCodeAt(0) ? y += ":" : y += ": ", y += A.dump, a += y));
   A.tag = o, A.dump = a || "{}";
 }
 function $e(A, e, t) {
@@ -2233,14 +2233,14 @@ function hA(A, e, t, i, a, o, l) {
   A.tag = null, A.dump = t, $e(A, t, !1) || $e(A, t, !0);
   var n = Yt.call(A.dump), I = i, r;
   i && (i = A.flowLevel < 0 || A.flowLevel > e);
-  var B = n === "[object Object]" || n === "[object Array]", C, v;
-  if (B && (C = A.duplicates.indexOf(t), v = C !== -1), (A.tag !== null && A.tag !== "?" || v || A.indent !== 2 && e > 0) && (a = !1), v && A.usedDuplicates[C])
+  var B = n === "[object Object]" || n === "[object Array]", C, y;
+  if (B && (C = A.duplicates.indexOf(t), y = C !== -1), (A.tag !== null && A.tag !== "?" || y || A.indent !== 2 && e > 0) && (a = !1), y && A.usedDuplicates[C])
     A.dump = "*ref_" + C;
   else {
-    if (B && v && !A.usedDuplicates[C] && (A.usedDuplicates[C] = !0), n === "[object Object]")
-      i && Object.keys(A.dump).length !== 0 ? (El(A, e, A.dump, a), v && (A.dump = "&ref_" + C + A.dump)) : (sl(A, e, A.dump), v && (A.dump = "&ref_" + C + " " + A.dump));
+    if (B && y && !A.usedDuplicates[C] && (A.usedDuplicates[C] = !0), n === "[object Object]")
+      i && Object.keys(A.dump).length !== 0 ? (El(A, e, A.dump, a), y && (A.dump = "&ref_" + C + A.dump)) : (sl(A, e, A.dump), y && (A.dump = "&ref_" + C + " " + A.dump));
     else if (n === "[object Array]")
-      i && A.dump.length !== 0 ? (A.noArrayIndent && !l && e > 0 ? _e(A, e - 1, A.dump, a) : _e(A, e, A.dump, a), v && (A.dump = "&ref_" + C + A.dump)) : (Ql(A, e, A.dump), v && (A.dump = "&ref_" + C + " " + A.dump));
+      i && A.dump.length !== 0 ? (A.noArrayIndent && !l && e > 0 ? _e(A, e - 1, A.dump, a) : _e(A, e, A.dump, a), y && (A.dump = "&ref_" + C + A.dump)) : (Ql(A, e, A.dump), y && (A.dump = "&ref_" + C + " " + A.dump));
     else if (n === "[object String]")
       A.tag !== "?" && rl(A, A.dump, e, o, I);
     else {
@@ -2318,7 +2318,7 @@ var pl = rA, fl = ut, ml = ft, hl = bt, vl = kt, yl = ke, bl = qt.load, kl = qt.
   safeLoadAll: Vl,
   safeDump: Tl
 };
-const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
+const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ AA({
   __name: "YamlCodeBlock",
   props: {
     /** A record to indicate the entity's configuration, used to populate the YAML code block */
@@ -2328,7 +2328,7 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
     }
   },
   setup(A) {
-    const e = A, t = U(() => {
+    const e = A, t = S(() => {
       const i = Object.fromEntries(Object.entries(e.yamlRecord).filter(([, a]) => a !== null && a !== "" && (Array.isArray(a) ? a.length !== 0 : !0)));
       return Object.keys(i).length === 0 && i.constructor === Object ? "" : Rl.dump(i).trim();
     });
@@ -2345,13 +2345,13 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
       ]);
     };
   }
-}), xl = {
+}), Nl = {
   key: 0,
   class: "config-card-display-form"
-}, Nl = ["data-testid"], Ml = {
+}, xl = ["data-testid"], Ll = {
   key: 0,
   class: "config-card-prop-section-title"
-}, Ll = /* @__PURE__ */ $({
+}, Ml = /* @__PURE__ */ AA({
   __name: "ConfigCardDisplay",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -2390,29 +2390,29 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
     }
   },
   setup(A) {
-    const e = A, t = he(), { i18n: { t: i } } = oA.useI18n(), a = (l) => !!(l.tooltip || t[`${l.key}-label-tooltip`]), o = U(() => {
+    const e = A, t = he(), { i18n: { t: i } } = oA.useI18n(), a = (l) => !!(l.tooltip || t[`${l.key}-label-tooltip`]), o = S(() => {
       if (!e.record)
         return e.record;
       const l = JSON.parse(JSON.stringify(e.record));
       return delete l.created_at, delete l.updated_at, l;
     });
     return (l, n) => (u(), J(fA, null, [
-      A.format === "structured" ? (u(), J("div", xl, [
+      A.format === "structured" ? (u(), J("div", Nl, [
         (u(!0), J(fA, null, dA(A.propListTypes, (I) => (u(), J("div", {
           key: `config-card-details-${I}-props`,
           class: kA(`config-card-details-${I}-props`),
           "data-testid": `config-card-details-${I}-props`
         }, [
-          I !== "basic" ? (u(), J("div", Ml, O(I === "advanced" ? g(i)("baseConfigCard.sections.advanced") : g(i)("baseConfigCard.sections.plugin")), 1)) : z("", !0),
+          I !== "basic" ? (u(), J("div", Ll, O(I === "advanced" ? g(i)("baseConfigCard.sections.advanced") : g(i)("baseConfigCard.sections.plugin")), 1)) : z("", !0),
           (u(!0), J(fA, null, dA(A.propertyCollections[I], (r) => (u(), Y(Qt, {
             key: r.key,
             item: r
-          }, LA({
+          }, MA({
             label: m(() => [
-              AA(l.$slots, `${r.key}-label`, { row: r }, void 0, !0)
+              eA(l.$slots, `${r.key}-label`, { row: r }, void 0, !0)
             ]),
             [r.key]: m(({ rowValue: B }) => [
-              AA(l.$slots, r.key, {
+              eA(l.$slots, r.key, {
                 row: r,
                 rowValue: B
               }, void 0, !0)
@@ -2422,12 +2422,12 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
             a(r) ? {
               name: "label-tooltip",
               fn: m(() => [
-                AA(l.$slots, `${r.key}-label-tooltip`, { row: r }, void 0, !0)
+                eA(l.$slots, `${r.key}-label-tooltip`, { row: r }, void 0, !0)
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["item"]))), 128))
-        ], 10, Nl))), 128))
+        ], 10, xl))), 128))
       ])) : z("", !0),
       A.format === "json" && e.record ? (u(), Y(st, {
         key: 1,
@@ -2442,18 +2442,18 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
       }, null, 8, ["yaml-record"])) : z("", !0)
     ], 64));
   }
-}), Kl = /* @__PURE__ */ pA(Ll, [["__scopeId", "data-v-147a2f70"]]), SA = "24px", ge = (A, e) => {
+}), Kl = /* @__PURE__ */ pA(Ml, [["__scopeId", "data-v-147a2f70"]]), SA = "24px", ge = (A, e) => {
   const t = A.__vccOpts || A;
   for (const [i, a] of e)
     t[i] = a;
   return t;
-}, jl = (A) => (ie("data-v-20c17c32"), A = A(), oe(), A), Ol = ["aria-hidden"], Dl = {
+}, jl = (A) => (ie("data-v-1d2a8d30"), A = A(), oe(), A), Ol = ["aria-hidden"], Dl = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, ql = /* @__PURE__ */ jl(() => /* @__PURE__ */ F("path", {
+}, ql = /* @__PURE__ */ jl(() => /* @__PURE__ */ x("path", {
   d: "M11 19V13H5V11H11V5H13V11H19V13H13V19H11Z",
   fill: "currentColor"
-}, null, -1)), Yl = /* @__PURE__ */ $({
+}, null, -1)), Yl = /* @__PURE__ */ AA({
   __name: "AddIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -2505,7 +2505,7 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
     }
   },
   setup(A) {
-    const e = A, t = U(() => {
+    const e = A, t = S(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
@@ -2514,7 +2514,7 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
           return `${o}px`;
       }
       return SA;
-    }), i = U(() => ({
+    }), i = S(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -2546,13 +2546,13 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
-}), Wl = /* @__PURE__ */ ge(Yl, [["__scopeId", "data-v-20c17c32"]]), Pl = (A) => (ie("data-v-b939f1df"), A = A(), oe(), A), zl = ["aria-hidden"], Hl = {
+}), Wl = /* @__PURE__ */ ge(Yl, [["__scopeId", "data-v-1d2a8d30"]]), Pl = (A) => (ie("data-v-929b4762"), A = A(), oe(), A), zl = ["aria-hidden"], Hl = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, Gl = /* @__PURE__ */ Pl(() => /* @__PURE__ */ F("path", {
+}, Gl = /* @__PURE__ */ Pl(() => /* @__PURE__ */ x("path", {
   d: "M14 9.9V8.2C14.55 7.96667 15.1125 7.79167 15.6875 7.675C16.2625 7.55833 16.8667 7.5 17.5 7.5C17.9333 7.5 18.3583 7.53333 18.775 7.6C19.1917 7.66667 19.6 7.75 20 7.85V9.45C19.6 9.3 19.1958 9.1875 18.7875 9.1125C18.3792 9.0375 17.95 9 17.5 9C16.8667 9 16.2583 9.07917 15.675 9.2375C15.0917 9.39583 14.5333 9.61667 14 9.9ZM14 15.4V13.7C14.55 13.4667 15.1125 13.2917 15.6875 13.175C16.2625 13.0583 16.8667 13 17.5 13C17.9333 13 18.3583 13.0333 18.775 13.1C19.1917 13.1667 19.6 13.25 20 13.35V14.95C19.6 14.8 19.1958 14.6875 18.7875 14.6125C18.3792 14.5375 17.95 14.5 17.5 14.5C16.8667 14.5 16.2583 14.575 15.675 14.725C15.0917 14.875 14.5333 15.1 14 15.4ZM14 12.65V10.95C14.55 10.7167 15.1125 10.5417 15.6875 10.425C16.2625 10.3083 16.8667 10.25 17.5 10.25C17.9333 10.25 18.3583 10.2833 18.775 10.35C19.1917 10.4167 19.6 10.5 20 10.6V12.2C19.6 12.05 19.1958 11.9375 18.7875 11.8625C18.3792 11.7875 17.95 11.75 17.5 11.75C16.8667 11.75 16.2583 11.8292 15.675 11.9875C15.0917 12.1458 14.5333 12.3667 14 12.65ZM6.5 16C7.28333 16 8.04583 16.0875 8.7875 16.2625C9.52917 16.4375 10.2667 16.7 11 17.05V7.2C10.3167 6.8 9.59167 6.5 8.825 6.3C8.05833 6.1 7.28333 6 6.5 6C5.9 6 5.30417 6.05833 4.7125 6.175C4.12083 6.29167 3.55 6.46667 3 6.7V16.6C3.58333 16.4 4.1625 16.25 4.7375 16.15C5.3125 16.05 5.9 16 6.5 16ZM13 17.05C13.7333 16.7 14.4708 16.4375 15.2125 16.2625C15.9542 16.0875 16.7167 16 17.5 16C18.1 16 18.6875 16.05 19.2625 16.15C19.8375 16.25 20.4167 16.4 21 16.6V6.7C20.45 6.46667 19.8792 6.29167 19.2875 6.175C18.6958 6.05833 18.1 6 17.5 6C16.7167 6 15.9417 6.1 15.175 6.3C14.4083 6.5 13.6833 6.8 13 7.2V17.05ZM12 20C11.2 19.3667 10.3333 18.875 9.4 18.525C8.46667 18.175 7.5 18 6.5 18C5.8 18 5.1125 18.0917 4.4375 18.275C3.7625 18.4583 3.11667 18.7167 2.5 19.05C2.15 19.2333 1.8125 19.225 1.4875 19.025C1.1625 18.825 1 18.5333 1 18.15V6.1C1 5.91667 1.04583 5.74167 1.1375 5.575C1.22917 5.40833 1.36667 5.28333 1.55 5.2C2.31667 4.8 3.11667 4.5 3.95 4.3C4.78333 4.1 5.63333 4 6.5 4C7.46667 4 8.4125 4.125 9.3375 4.375C10.2625 4.625 11.15 5 12 5.5C12.85 5 13.7375 4.625 14.6625 4.375C15.5875 4.125 16.5333 4 17.5 4C18.3667 4 19.2167 4.1 20.05 4.3C20.8833 4.5 21.6833 4.8 22.45 5.2C22.6333 5.28333 22.7708 5.40833 22.8625 5.575C22.9542 5.74167 23 5.91667 23 6.1V18.15C23 18.5333 22.8375 18.825 22.5125 19.025C22.1875 19.225 21.85 19.2333 21.5 19.05C20.8833 18.7167 20.2375 18.4583 19.5625 18.275C18.8875 18.0917 18.2 18 17.5 18C16.5 18 15.5333 18.175 14.6 18.525C13.6667 18.875 12.8 19.3667 12 20Z",
   fill: "currentColor"
-}, null, -1)), Zl = /* @__PURE__ */ $({
+}, null, -1)), Zl = /* @__PURE__ */ AA({
   __name: "BookIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -2604,7 +2604,7 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
     }
   },
   setup(A) {
-    const e = A, t = U(() => {
+    const e = A, t = S(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
@@ -2613,7 +2613,7 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
           return `${o}px`;
       }
       return SA;
-    }), i = U(() => ({
+    }), i = S(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -2645,13 +2645,13 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
-}), Xl = /* @__PURE__ */ ge(Zl, [["__scopeId", "data-v-b939f1df"]]), _l = (A) => (ie("data-v-f1d0332e"), A = A(), oe(), A), $l = ["aria-hidden"], An = {
+}), Xl = /* @__PURE__ */ ge(Zl, [["__scopeId", "data-v-929b4762"]]), _l = (A) => (ie("data-v-219f8484"), A = A(), oe(), A), $l = ["aria-hidden"], An = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, en = /* @__PURE__ */ _l(() => /* @__PURE__ */ F("path", {
+}, en = /* @__PURE__ */ _l(() => /* @__PURE__ */ x("path", {
   d: "M12 15.4L6 9.4L7.4 8L12 12.6L16.6 8L18 9.4L12 15.4Z",
   fill: "currentColor"
-}, null, -1)), tn = /* @__PURE__ */ $({
+}, null, -1)), tn = /* @__PURE__ */ AA({
   __name: "ChevronDownIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -2703,7 +2703,7 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
     }
   },
   setup(A) {
-    const e = A, t = U(() => {
+    const e = A, t = S(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
@@ -2712,7 +2712,7 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
           return `${o}px`;
       }
       return SA;
-    }), i = U(() => ({
+    }), i = S(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -2744,13 +2744,13 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
-}), an = /* @__PURE__ */ ge(tn, [["__scopeId", "data-v-f1d0332e"]]), on = (A) => (ie("data-v-288b6455"), A = A(), oe(), A), ln = ["aria-hidden"], nn = {
+}), an = /* @__PURE__ */ ge(tn, [["__scopeId", "data-v-219f8484"]]), on = (A) => (ie("data-v-ed11facd"), A = A(), oe(), A), ln = ["aria-hidden"], nn = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, gn = /* @__PURE__ */ on(() => /* @__PURE__ */ F("path", {
+}, gn = /* @__PURE__ */ on(() => /* @__PURE__ */ x("path", {
   d: "M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z",
   fill: "currentColor"
-}, null, -1)), rn = /* @__PURE__ */ $({
+}, null, -1)), rn = /* @__PURE__ */ AA({
   __name: "CloseIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -2802,7 +2802,7 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
     }
   },
   setup(A) {
-    const e = A, t = U(() => {
+    const e = A, t = S(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
@@ -2811,7 +2811,7 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
           return `${o}px`;
       }
       return SA;
-    }), i = U(() => ({
+    }), i = S(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -2843,10 +2843,10 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
-}), Cn = /* @__PURE__ */ ge(rn, [["__scopeId", "data-v-288b6455"]]), In = {
+}), Cn = /* @__PURE__ */ ge(rn, [["__scopeId", "data-v-ed11facd"]]), In = {
   class: "config-card-title",
   "data-testid": "config-card-title"
-}, Qn = { class: "config-card-actions" }, sn = ["href"], En = { class: "config-card-details-section" }, Bn = /* @__PURE__ */ $({
+}, Qn = { class: "config-card-actions" }, sn = ["href"], En = { class: "config-card-details-section" }, Bn = /* @__PURE__ */ AA({
   __name: "EntityBaseConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -2939,9 +2939,9 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
         label: "YAML",
         value: "yaml"
       }
-    ], B = j("structured"), C = (f) => {
-      B.value = f == null ? void 0 : f.value;
-    }, v = {
+    ], B = j("structured"), C = (d) => {
+      B.value = d == null ? void 0 : d.value;
+    }, y = {
       id: {
         type: _.ID,
         label: o("baseConfigCard.commonFields.id_label"),
@@ -2975,21 +2975,21 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
         // the last property displayed
         section: EA.Basic
       }
-    }, c = j(!1), Q = j(!1), k = j(""), w = j({}), q = U(() => {
-      var f, T, N;
-      if (!w.value)
+    }, c = j(!1), Q = j(!1), T = j(""), k = j({}), D = S(() => {
+      var d, R, L;
+      if (!k.value)
         return [];
-      const S = [], W = Object.keys(w.value).length;
-      for (const R in w.value) {
-        const M = (T = (f = a.configSchema) == null ? void 0 : f[R]) == null ? void 0 : T.order, H = (N = v[R]) == null ? void 0 : N.order;
+      const w = [], W = Object.keys(k.value).length;
+      for (const F in k.value) {
+        const N = (R = (d = a.configSchema) == null ? void 0 : d[F]) == null ? void 0 : R.order, H = (L = y[F]) == null ? void 0 : L.order;
         let G = W;
-        (H || H === 0) && (G = H === -1 ? W + 1 : H), M && (G = M === -1 ? W + 1 : M), S.push([R, G]);
+        (H || H === 0) && (G = H === -1 ? W + 1 : H), N && (G = N === -1 ? W + 1 : N), w.push([F, G]);
       }
-      return S.sort(function(R, M) {
-        return R[1] - M[1];
-      }), S.map((R) => {
-        var M, H;
-        const G = R[0], QA = (M = w.value) == null ? void 0 : M[G], lA = ((H = a.configSchema) == null ? void 0 : H[G]) || {}, nA = v[G];
+      return w.sort(function(F, N) {
+        return F[1] - N[1];
+      }), w.map((F) => {
+        var N, H;
+        const G = F[0], QA = (N = k.value) == null ? void 0 : N[G], lA = ((H = a.configSchema) == null ? void 0 : H[G]) || {}, nA = y[G];
         return {
           key: G,
           value: QA,
@@ -2999,22 +2999,22 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
           tooltip: lA.tooltip ?? ((nA == null ? void 0 : nA.tooltip) || void 0),
           section: lA.section ?? ((nA == null ? void 0 : nA.section) || EA.Advanced)
         };
-      }).filter((R) => !R.hidden && R.key !== a.pluginConfigKey);
-    }), x = U(() => {
-      var f, T;
-      if (!w.value || !a.pluginConfigKey)
+      }).filter((F) => !F.hidden && F.key !== a.pluginConfigKey);
+    }), U = S(() => {
+      var d, R;
+      if (!k.value || !a.pluginConfigKey)
         return [];
-      const N = w.value[a.pluginConfigKey] || {}, S = Object.keys(N).length, W = [];
-      for (const R in N) {
-        const M = (T = (f = a.pluginConfigSchema) == null ? void 0 : f[R]) == null ? void 0 : T.order, H = N[R];
-        let G = H != null && H !== "" ? S - 1 : S;
-        M && (G = M === -1 ? S + 1 : M), W.push([R, G]);
+      const L = k.value[a.pluginConfigKey] || {}, w = Object.keys(L).length, W = [];
+      for (const F in L) {
+        const N = (R = (d = a.pluginConfigSchema) == null ? void 0 : d[F]) == null ? void 0 : R.order, H = L[F];
+        let G = H != null && H !== "" ? w - 1 : w;
+        N && (G = N === -1 ? w + 1 : N), W.push([F, G]);
       }
-      return W.sort(function(R, M) {
-        return R[1] - M[1];
-      }), W.map((R) => {
-        var M;
-        const H = R[0], G = N[H], QA = ((M = a.pluginConfigSchema) == null ? void 0 : M[H]) || {};
+      return W.sort(function(F, N) {
+        return F[1] - N[1];
+      }), W.map((F) => {
+        var N;
+        const H = F[0], G = L[H], QA = ((N = a.pluginConfigSchema) == null ? void 0 : N[H]) || {};
         return {
           key: H,
           value: G,
@@ -3024,54 +3024,54 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
           tooltip: QA.tooltip ?? void 0,
           section: EA.Plugin
         };
-      }).filter((R) => !R.hidden);
-    }), eA = U(() => {
-      var f, T, N, S;
+      }).filter((F) => !F.hidden);
+    }), $ = S(() => {
+      var d, R, L, w;
       return {
-        basic: (f = q.value) == null ? void 0 : f.filter((W) => W.section === EA.Basic),
-        advanced: (T = q.value) == null ? void 0 : T.filter((W) => W.section === EA.Advanced),
-        plugin: (S = x.value) == null ? void 0 : S.concat((N = q.value) == null ? void 0 : N.filter((W) => W.section === EA.Plugin))
+        basic: (d = D.value) == null ? void 0 : d.filter((W) => W.section === EA.Basic),
+        advanced: (R = D.value) == null ? void 0 : R.filter((W) => W.section === EA.Advanced),
+        plugin: (w = U.value) == null ? void 0 : w.concat((L = D.value) == null ? void 0 : L.filter((W) => W.section === EA.Plugin))
       };
-    }), y = U(() => {
-      const f = [];
-      return eA.value.basic.length && f.push("basic"), eA.value.advanced.length && f.push("advanced"), eA.value.plugin.length && f.push("plugin"), f;
-    }), h = U(() => {
-      var f, T;
-      let N = `${a.config.apiBaseUrl}${a.fetchUrl}`;
-      return a.config.app === "konnect" ? N = N.replace(/{controlPlaneId}/gi, ((f = a.config) == null ? void 0 : f.controlPlaneId) || "") : a.config.app === "kongManager" && (N = N.replace(/\/{workspace}/gi, (T = a.config) != null && T.workspace ? `/${a.config.workspace}` : "")), N = N.replace(/{id}/gi, a.config.entityId), N;
+    }), v = S(() => {
+      const d = [];
+      return $.value.basic.length && d.push("basic"), $.value.advanced.length && d.push("advanced"), $.value.plugin.length && d.push("plugin"), d;
+    }), h = S(() => {
+      var d, R;
+      let L = `${a.config.apiBaseUrl}${a.fetchUrl}`;
+      return a.config.app === "konnect" ? L = L.replace(/{controlPlaneId}/gi, ((d = a.config) == null ? void 0 : d.controlPlaneId) || "") : a.config.app === "kongManager" && (L = L.replace(/\/{workspace}/gi, (R = a.config) != null && R.workspace ? `/${a.config.workspace}` : "")), L = L.replace(/{id}/gi, a.config.entityId), L;
     });
-    return TA(c, (f) => {
-      i("loading", f);
+    return TA(c, (d) => {
+      i("loading", d);
     }, { immediate: !0 }), me(async () => {
       Q.value = !1, c.value = !0;
       try {
-        const { data: f } = await I.get(h.value);
+        const { data: d } = await I.get(h.value);
         if (a.dataKey)
-          if (typeof f[a.dataKey] < "u")
-            w.value = { ...f[a.dataKey] };
+          if (typeof d[a.dataKey] < "u")
+            k.value = { ...d[a.dataKey] };
           else
             throw new Error(o("errors.dataKeyUndefined", { dataKey: a.dataKey }));
         else
-          w.value = { ...f };
-        Object.keys(a.configSchema).filter((T) => a.configSchema[T].forceShow).forEach((T) => {
-          w.value && typeof w.value[T] > "u" && (w.value[T] = null);
-        }), i("fetch:success", f);
-      } catch (f) {
-        const T = l(f);
-        k.value = T.startsWith("code") ? o("baseConfigCard.errors.load") : T, Q.value = !0, i("fetch:error", f);
+          k.value = { ...d };
+        Object.keys(a.configSchema).filter((R) => a.configSchema[R].forceShow).forEach((R) => {
+          k.value && typeof k.value[R] > "u" && (k.value[R] = null);
+        }), i("fetch:success", d);
+      } catch (d) {
+        const R = l(d);
+        T.value = R.startsWith("code") ? o("baseConfigCard.errors.load") : R, Q.value = !0, i("fetch:error", d);
       } finally {
         c.value = !1;
       }
-    }), (f, T) => {
-      const N = K("KLabel"), S = K("KSelect"), W = K("KButton"), R = K("KSkeleton"), M = K("KEmptyState"), H = K("KCard");
+    }), (d, R) => {
+      const L = K("KLabel"), w = K("KSelect"), W = K("KButton"), F = K("KSkeleton"), N = K("KEmptyState"), H = K("KCard");
       return u(), Y(H, {
         class: "kong-ui-entity-base-config-card",
         "title-tag": A.titleTag
-      }, LA({
+      }, MA({
         actions: m(() => [
-          F("div", Qn, [
-            AA(f.$slots, "actions", {}, void 0, !0),
-            p(N, {
+          x("div", Qn, [
+            eA(d.$slots, "actions", {}, void 0, !0),
+            f(L, {
               class: "config-format-select-label",
               "data-testid": "config-format-select-label"
             }, {
@@ -3080,7 +3080,7 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
               ]),
               _: 1
             }),
-            p(S, {
+            f(w, {
               "data-testid": "select-config-format",
               items: r,
               onChange: C
@@ -3092,12 +3092,12 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
               "data-testid": "book-icon"
             }, {
               default: m(() => [
-                F("a", {
+                x("a", {
                   href: A.configCardDoc,
                   rel: "noopener",
                   target: "_blank"
                 }, [
-                  p(g(Xl), { size: g(_a) }, null, 8, ["size"])
+                  f(g(Xl), { size: g(_a) }, null, 8, ["size"])
                 ], 8, sn)
               ]),
               _: 1
@@ -3105,34 +3105,34 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
           ])
         ]),
         default: m(() => [
-          c.value ? (u(), Y(R, {
+          c.value ? (u(), Y(F, {
             key: 0,
             "data-testid": "config-card-loader",
             "table-columns": 2,
             type: "table"
-          })) : Q.value ? (u(), Y(M, {
+          })) : Q.value ? (u(), Y(N, {
             key: 1,
             "data-testid": "config-card-fetch-error",
             "icon-variant": "error"
           }, {
             default: m(() => [
-              F("h3", null, O(k.value), 1)
+              x("h3", null, O(T.value), 1)
             ]),
             _: 1
           })) : z("", !0),
-          F("div", En, [
-            p(Kl, {
+          x("div", En, [
+            f(Kl, {
               config: A.config,
               "fetcher-url": h.value,
               format: B.value,
-              "prop-list-types": y.value,
-              "property-collections": eA.value,
-              record: w.value
-            }, LA({ _: 2 }, [
-              dA(Object.keys(f.$slots), (G) => ({
+              "prop-list-types": v.value,
+              "property-collections": $.value,
+              record: k.value
+            }, MA({ _: 2 }, [
+              dA(Object.keys(d.$slots), (G) => ({
                 name: G,
                 fn: m(({ row: QA, rowValue: lA }) => [
-                  AA(f.$slots, G, {
+                  eA(d.$slots, G, {
                     row: QA,
                     rowValue: lA
                   }, void 0, !0)
@@ -3146,8 +3146,8 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
         A.hideTitle ? void 0 : {
           name: "title",
           fn: m(() => [
-            F("span", In, [
-              AA(f.$slots, "title", {}, () => [
+            x("span", In, [
+              eA(d.$slots, "title", {}, () => [
                 Z(O(g(o)("baseConfigCard.title")), 1)
               ], !0)
             ])
@@ -3160,7 +3160,7 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
 }), un = /* @__PURE__ */ pA(Bn, [["__scopeId", "data-v-f40a683b"]]), cn = ["novalidate"], dn = {
   class: "form-actions",
   "data-testid": "form-actions"
-}, pn = /* @__PURE__ */ $({
+}, pn = /* @__PURE__ */ AA({
   __name: "EntityBaseForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -3222,19 +3222,19 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
   emits: ["loading", "fetch:success", "fetch:error", "submit", "cancel"],
   setup(A, { emit: e }) {
     var t;
-    const i = e, a = A, o = ve(), { i18n: { t: l } } = oA.useI18n(), { getMessageFromError: n } = oA.useErrors(), { axiosInstance: I } = oA.useAxios((t = a.config) == null ? void 0 : t.axiosRequestConfig), r = j(!1), B = j(!1), C = j(""), v = U(() => a.canSubmit === !1 || a.isReadonly), c = j(!1), Q = U(() => {
-      var y, h;
-      let f = `${a.config.apiBaseUrl}${a.fetchUrl}`;
-      return a.config.app === "konnect" ? f = f.replace(/{controlPlaneId}/gi, ((y = a.config) == null ? void 0 : y.controlPlaneId) || "") : a.config.app === "kongManager" && (f = f.replace(/\/{workspace}/gi, (h = a.config) != null && h.workspace ? `/${a.config.workspace}` : "")), a.editId ? (f = f.replace(/{id}/gi, a.editId), f) : (f = f.replace(/\/{id}/gi, ""), f);
-    }), k = () => {
+    const i = e, a = A, o = ve(), { i18n: { t: l } } = oA.useI18n(), { getMessageFromError: n } = oA.useErrors(), { axiosInstance: I } = oA.useAxios((t = a.config) == null ? void 0 : t.axiosRequestConfig), r = j(!1), B = j(!1), C = j(""), y = S(() => a.canSubmit === !1 || a.isReadonly), c = j(!1), Q = S(() => {
+      var v, h;
+      let d = `${a.config.apiBaseUrl}${a.fetchUrl}`;
+      return a.config.app === "konnect" ? d = d.replace(/{controlPlaneId}/gi, ((v = a.config) == null ? void 0 : v.controlPlaneId) || "") : a.config.app === "kongManager" && (d = d.replace(/\/{workspace}/gi, (h = a.config) != null && h.workspace ? `/${a.config.workspace}` : "")), a.editId ? (d = d.replace(/{id}/gi, a.editId), d) : (d = d.replace(/\/{id}/gi, ""), d);
+    }), T = () => {
       c.value = !c.value;
-    }, w = () => {
-      a.config.cancelRoute ? o.push(a.config.cancelRoute) : q();
-    }, q = () => {
+    }, k = () => {
+      a.config.cancelRoute ? o.push(a.config.cancelRoute) : D();
+    }, D = () => {
       i("cancel");
-    }, x = () => {
-      v.value || i("submit");
-    }, eA = j([
+    }, U = () => {
+      y.value || i("submit");
+    }, $ = j([
       {
         title: l("baseForm.configuration.yaml"),
         hash: "#yaml"
@@ -3244,65 +3244,65 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
         hash: "#json"
       }
     ]);
-    return TA(() => r.value, (y) => {
-      i("loading", y);
+    return TA(() => r.value, (v) => {
+      i("loading", v);
     }, { immediate: !0 }), me(async () => {
       if (a.editId)
         try {
           B.value = !1, r.value = !0;
-          const { data: y } = await I.get(Q.value);
-          i("fetch:success", y);
-        } catch (y) {
-          const h = n(y);
-          C.value = h.startsWith("code") ? l("baseForm.errors.edit") : h, B.value = !0, i("fetch:error", y);
+          const { data: v } = await I.get(Q.value);
+          i("fetch:success", v);
+        } catch (v) {
+          const h = n(v);
+          C.value = h.startsWith("code") ? l("baseForm.errors.edit") : h, B.value = !0, i("fetch:error", v);
         } finally {
           r.value = !1;
         }
-    }), (y, h) => {
-      const f = K("KSkeleton"), T = K("KEmptyState"), N = K("KAlert"), S = K("KButton"), W = K("KTabs"), R = K("KSlideout"), M = K("KCard");
-      return u(), Y(M, { class: "kong-ui-entity-base-form" }, {
+    }), (v, h) => {
+      const d = K("KSkeleton"), R = K("KEmptyState"), L = K("KAlert"), w = K("KButton"), W = K("KTabs"), F = K("KSlideout"), N = K("KCard");
+      return u(), Y(N, { class: "kong-ui-entity-base-form" }, {
         default: m(() => [
-          r.value ? (u(), Y(f, {
+          r.value ? (u(), Y(d, {
             key: 0,
             type: "form"
-          })) : B.value ? (u(), Y(T, {
+          })) : B.value ? (u(), Y(R, {
             key: 1,
             "action-button-text": g(l)("baseForm.actions.back"),
             "data-testid": "form-fetch-error",
             "icon-variant": "error",
-            onClickAction: w
+            onClickAction: k
           }, {
             default: m(() => [
-              F("h3", null, O(C.value), 1)
+              x("h3", null, O(C.value), 1)
             ]),
             _: 1
           }, 8, ["action-button-text"])) : (u(), J("form", {
             key: 2,
             "data-testid": "form-content",
             novalidate: a.noValidate,
-            onReset: Be(q, ["prevent"]),
-            onSubmit: Be(x, ["prevent"])
+            onReset: Be(D, ["prevent"]),
+            onSubmit: Be(U, ["prevent"])
           }, [
-            AA(y.$slots, "default", {}, void 0, !0),
-            A.errorMessage ? (u(), Y(N, {
+            eA(v.$slots, "default", {}, void 0, !0),
+            A.errorMessage ? (u(), Y(L, {
               key: 0,
               appearance: "danger",
               "data-testid": "form-error",
               message: A.errorMessage
             }, null, 8, ["message"])) : z("", !0),
-            F("div", dn, [
-              AA(y.$slots, "form-actions", {}, () => [
-                p(S, {
+            x("div", dn, [
+              eA(v.$slots, "form-actions", {}, () => [
+                f(w, {
                   appearance: "tertiary",
                   "data-testid": "form-view-configuration",
-                  onClick: h[0] || (h[0] = (H) => k())
+                  onClick: h[0] || (h[0] = (H) => T())
                 }, {
                   default: m(() => [
                     Z(O(g(l)("baseForm.actions.viewConfiguration")), 1)
                   ]),
                   _: 1
                 }),
-                p(S, {
+                f(w, {
                   appearance: "secondary",
                   "data-testid": "form-cancel",
                   disabled: A.isReadonly,
@@ -3313,10 +3313,10 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
                   ]),
                   _: 1
                 }, 8, ["disabled"]),
-                p(S, {
+                f(w, {
                   appearance: "primary",
                   "data-testid": "form-submit",
-                  disabled: v.value,
+                  disabled: y.value,
                   type: "submit"
                 }, {
                   default: m(() => [
@@ -3327,23 +3327,23 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
               ], !0)
             ])
           ], 40, cn)),
-          p(R, {
+          f(F, {
             "close-on-blur": !1,
             "data-testid": "form-view-configuration-slideout",
             "has-overlay": !1,
             "offset-top": 60,
             title: g(l)("baseForm.configuration.title"),
             visible: c.value,
-            onClose: h[1] || (h[1] = (H) => k())
+            onClose: h[1] || (h[1] = (H) => T())
           }, {
             default: m(() => [
-              F("div", null, O(g(l)("baseForm.configuration.message")), 1),
-              p(W, {
+              x("div", null, O(g(l)("baseForm.configuration.message")), 1),
+              f(W, {
                 "data-testid": "form-view-configuration-slideout-tabs",
-                tabs: eA.value
+                tabs: $.value
               }, {
                 json: m(() => [
-                  p(st, {
+                  f(st, {
                     config: A.config,
                     "fetcher-url": Q.value,
                     "json-record": a.formFields,
@@ -3351,7 +3351,7 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
                   }, null, 8, ["config", "fetcher-url", "json-record", "request-method"])
                 ]),
                 yaml: m(() => [
-                  p(ea, {
+                  f(ea, {
                     "yaml-record": a.formFields
                   }, null, 8, ["yaml-record"])
                 ]),
@@ -3365,10 +3365,7 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
       });
     };
   }
-}), fn = /* @__PURE__ */ pA(pn, [["__scopeId", "data-v-3def74fe"]]), mn = {
-  key: 0,
-  "data-testid": "first-col"
-}, hn = /* @__PURE__ */ $({
+}), fn = /* @__PURE__ */ pA(pn, [["__scopeId", "data-v-3def74fe"]]), mn = ["data-truncate"], hn = /* @__PURE__ */ AA({
   __name: "EntityBaseTableCell",
   props: {
     keyName: {
@@ -3378,71 +3375,83 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
     rowEl: {
       type: [Object, null],
       required: !0
+    },
+    tooltip: {
+      type: Boolean,
+      default: !1
     }
   },
   setup(A) {
-    const e = A, t = U(() => {
+    const e = A, t = S(() => {
       var k;
       return ((k = e.rowEl) == null ? void 0 : k.querySelector(`[data-testid="${e.keyName}"]`)) || null;
-    }), i = U(() => {
+    }), i = S(() => {
       var k;
-      return ((k = t.value) == null ? void 0 : k.querySelector('[data-testid="first-col"]')) || null;
-    }), a = U(() => {
-      var k, w;
-      const q = (k = e.rowEl) == null ? void 0 : k.querySelectorAll("td");
-      return q ? ((w = q[0]) == null ? void 0 : w.getAttribute("data-testid")) === e.keyName : !1;
-    });
-    let o;
-    const l = () => {
-      o && (o.disconnect(), o = void 0);
-    }, n = () => {
-      var k, w, q;
-      r.value = ((k = i.value) == null ? void 0 : k.getBoundingClientRect().width) || 0, B.value = ((w = t.value) == null ? void 0 : w.clientWidth) || 0, C.value = ((q = I.value) == null ? void 0 : q.innerText) || "";
-    }, I = j({}), r = j(0), B = j(0), C = j(""), v = U(() => [i.value, t.value]), c = TA(
-      v,
+      return ((k = t.value) == null ? void 0 : k.querySelector('[data-truncate="true"]')) || null;
+    }), a = S(() => {
+      var k, D;
+      const U = (k = e.rowEl) == null ? void 0 : k.querySelectorAll("td");
+      return U ? ((D = U[0]) == null ? void 0 : D.getAttribute("data-testid")) === e.keyName : !1;
+    }), o = S(() => a.value || e.tooltip);
+    let l;
+    const n = () => {
+      l && (l.disconnect(), l = void 0);
+    }, I = () => {
+      var k, D, U;
+      let $ = ((k = t.value) == null ? void 0 : k.clientWidth) || 0;
+      if (t.value && "getComputedStyle" in window) {
+        const v = window.getComputedStyle(t.value);
+        $ -= (parseFloat(v.paddingLeft) || 0) + (parseFloat(v.paddingRight) || 0);
+      }
+      B.value = ((D = i.value) == null ? void 0 : D.getBoundingClientRect().width) || 0, C.value = $, y.value = ((U = r.value) == null ? void 0 : U.innerText) || "";
+    }, r = j({}), B = j(0), C = j(0), y = j(""), c = S(() => [i.value, t.value]), Q = TA(
+      c,
       (k) => {
-        if (a.value && (l(), "ResizeObserver" in window && window)) {
-          o = new ResizeObserver((w) => {
+        if (o.value && (n(), "ResizeObserver" in window && window)) {
+          l = new ResizeObserver((D) => {
             window.requestAnimationFrame(() => {
-              !Array.isArray(w) || !w.length || n();
+              !Array.isArray(D) || !D.length || I();
             });
           });
-          for (const w of k)
-            w && o.observe(w);
+          for (const D of k)
+            D && l.observe(D);
         }
       },
       { immediate: !0, flush: "post", deep: !0 }
-    ), Q = U(() => a.value ? r.value > B.value : !1);
+    ), T = S(() => o.value ? B.value > C.value : !1);
     return la(() => {
-      n();
+      I();
     }), na(() => {
-      c();
-    }), (k, w) => {
-      const q = K("KTooltip");
+      Q();
+    }), (k, D) => {
+      const U = K("KTooltip");
       return u(), J("span", {
         ref_key: "contentRef",
-        ref: I,
+        ref: r,
         class: "content-wrapper"
       }, [
-        a.value ? (u(), J("span", mn, [
-          p(q, {
+        o.value ? (u(), J("span", {
+          key: 0,
+          "data-truncate": o.value || void 0
+        }, [
+          f(U, {
             "max-width": "300",
             placement: "bottomStart",
-            text: Q.value ? C.value : ""
+            text: T.value ? y.value : ""
           }, {
             default: m(() => [
-              AA(k.$slots, "default", {}, void 0, !0)
+              eA(k.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["text"])
-        ])) : AA(k.$slots, "default", { key: 1 }, void 0, !0)
+        ], 8, mn)) : eA(k.$slots, "default", { key: 1 }, void 0, !0)
       ], 512);
     };
   }
-}), vn = /* @__PURE__ */ pA(hn, [["__scopeId", "data-v-c4379fd4"]]), yn = { class: "toolbar-container" }, bn = {
+}), vn = /* @__PURE__ */ pA(hn, [["__scopeId", "data-v-6019026f"]]), yn = { class: "toolbar-container" }, bn = {
   key: 0,
   class: "toolbar-button-container"
-}, kn = ["data-testid"], wn = /* @__PURE__ */ $({
+}, kn = ["data-testid"], wn = /* @__PURE__ */ AA({
   __name: "EntityBaseTable",
   props: {
     // table header configuration
@@ -3556,8 +3565,8 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
   },
   emits: ["click:row", "sort", "clear-search-input", "empty-state-cta-clicked"],
   setup(A, { emit: e }) {
-    const t = A, i = e, { i18n: { t: a } } = oA.useI18n(), o = U(() => {
-      var h, f;
+    const t = A, i = e, { i18n: { t: a } } = oA.useI18n(), o = S(() => {
+      var h, d;
       return typeof t.errorMessage == "string" ? {
         hasError: !!t.errorMessage,
         title: t.errorMessage,
@@ -3565,16 +3574,16 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
       } : {
         hasError: !!t.errorMessage,
         title: (h = t.errorMessage) == null ? void 0 : h.title,
-        message: (f = t.errorMessage) == null ? void 0 : f.message
+        message: (d = t.errorMessage) == null ? void 0 : d.message
       };
-    }), l = U(() => t.cacheIdentifier || t.preferencesStorageKey), n = (h) => h.hasData || !!t.query, I = U(() => {
+    }), l = S(() => t.cacheIdentifier || t.preferencesStorageKey), n = (h) => h.hasData || !!t.query, I = S(() => {
       const h = [];
-      return Object.keys(t.tableHeaders).forEach((f) => {
-        const T = t.tableHeaders[f];
+      return Object.keys(t.tableHeaders).forEach((d) => {
+        const R = t.tableHeaders[d];
         h.push({
-          label: T.label ?? f,
-          key: f,
-          sortable: T.sortable ?? !1
+          label: R.label ?? d,
+          key: d,
+          sortable: R.sortable ?? !1
         });
       }), t.enableEntityActions && h.push({
         key: "actions",
@@ -3585,48 +3594,48 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
       "data-testid": h.name,
       ...t.rowAttributes(h)
     }), B = j({}), C = (h) => {
-      var f;
-      return (f = B.value) == null ? void 0 : f.$el.querySelector(`[data-rowid="${h.id}"]`);
-    }, v = (h) => {
-      const f = {
+      var d;
+      return (d = B.value) == null ? void 0 : d.$el.querySelector(`[data-rowid="${h.id}"]`);
+    }, y = (h) => {
+      const d = {
         "data-testid": h.headerKey,
         ...t.cellAttributes(h)
       };
-      return h.colIndex === 0 && (f.style = {
+      return h.colIndex === 0 && (d.style = {
         maxWidth: "250px",
         overflowX: "hidden",
         textOverflow: "ellipsis"
-      }), f;
+      }), d;
     }, c = () => {
       i("empty-state-cta-clicked"), Q();
     }, Q = () => {
       i("clear-search-input");
-    }, k = U(() => t.disableRowClick ? void 0 : (h, f) => {
-      i("click:row", f);
-    }), w = (h) => {
+    }, T = S(() => t.disableRowClick ? void 0 : (h, d) => {
+      i("click:row", d);
+    }), k = (h) => {
       i("sort", h);
-    }, { setTablePreferences: q, getTablePreferences: x } = ua(), eA = U(() => {
-      const h = x(t.preferencesStorageKey);
+    }, { setTablePreferences: D, getTablePreferences: U } = ua(), $ = S(() => {
+      const h = U(t.preferencesStorageKey);
       return {
         ...t.initialFetcherParams,
         ...h
       };
-    }), y = (h) => {
-      t.preferencesStorageKey && q(t.preferencesStorageKey, h);
+    }), v = (h) => {
+      t.preferencesStorageKey && D(t.preferencesStorageKey, h);
     };
-    return (h, f) => {
-      const T = K("KIcon"), N = K("KButton"), S = K("KDropdown"), W = K("KTable"), R = K("KCard");
-      return u(), Y(R, {
+    return (h, d) => {
+      const R = K("KIcon"), L = K("KButton"), w = K("KDropdown"), W = K("KTable"), F = K("KCard");
+      return u(), Y(F, {
         class: "kong-ui-entity-base-table",
         title: A.title,
         "title-tag": A.titleTag
       }, {
         default: m(() => [
-          p(W, {
+          f(W, {
             ref_key: "tableRefs",
             ref: B,
             "cache-identifier": l.value,
-            "cell-attrs": v,
+            "cell-attrs": y,
             "disable-pagination-page-jump": A.disablePaginationPageJump,
             "disable-sorting": A.disableSorting,
             "empty-state-action-message": A.query ? g(a)("baseTable.emptyState.noSearchResultsCtaText") : A.emptyStateOptions.ctaText,
@@ -3642,50 +3651,50 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
             "has-error": o.value.hasError,
             headers: I.value,
             "hide-pagination-when-optional": "",
-            "initial-fetcher-params": eA.value,
+            "initial-fetcher-params": $.value,
             "is-loading": A.isLoading,
             "pagination-type": A.paginationType,
             "row-attrs": r,
             "search-input": A.query,
             onKtableEmptyStateCtaClicked: c,
-            "onRow:click": k.value,
-            onSort: f[0] || (f[0] = (M) => w(M)),
-            "onUpdate:tablePreferences": y
-          }, LA({
-            toolbar: m(({ state: M }) => [
-              vA(F("div", yn, [
-                AA(h.$slots, "toolbar-filter", {}, void 0, !0),
+            "onRow:click": T.value,
+            onSort: d[0] || (d[0] = (N) => k(N)),
+            "onUpdate:tablePreferences": v
+          }, MA({
+            toolbar: m(({ state: N }) => [
+              vA(x("div", yn, [
+                eA(h.$slots, "toolbar-filter", {}, void 0, !0),
                 h.$slots["toolbar-button"] ? (u(), J("div", bn, [
-                  AA(h.$slots, "toolbar-button", {}, void 0, !0)
+                  eA(h.$slots, "toolbar-button", {}, void 0, !0)
                 ])) : z("", !0)
               ], 512), [
-                [yA, n(M)]
+                [yA, n(N)]
               ])
             ]),
-            actions: m(({ row: M, rowKey: H, rowValue: G }) => [
-              F("div", {
+            actions: m(({ row: N, rowKey: H, rowValue: G }) => [
+              x("div", {
                 class: "actions-container",
-                "data-testid": M.name
+                "data-testid": N.name
               }, [
-                p(S, {
+                f(w, {
                   "kpop-attributes": { placement: "bottomEnd" },
                   width: A.dropdownMenuWidth
                 }, {
                   items: m(() => [
-                    AA(h.$slots, "actions", {
-                      row: M,
+                    eA(h.$slots, "actions", {
+                      row: N,
                       rowKey: H,
                       rowValue: G
                     }, void 0, !0)
                   ]),
                   default: m(() => [
-                    p(N, {
+                    f(L, {
                       class: "actions-trigger",
                       "data-testid": "overflow-actions-button",
                       size: "small"
                     }, {
                       icon: m(() => [
-                        p(T, {
+                        f(R, {
                           color: g(Ga),
                           icon: "more",
                           size: "16"
@@ -3700,15 +3709,16 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
             ]),
             _: 2
           }, [
-            dA(A.tableHeaders, (M, H) => ({
+            dA(A.tableHeaders, (N, H) => ({
               name: H,
               fn: m(({ row: G, rowKey: QA, rowValue: lA }) => [
-                p(vn, {
+                f(vn, {
                   "key-name": String(H),
-                  "row-el": C(G)
+                  "row-el": C(G),
+                  tooltip: N.tooltip
                 }, {
                   default: m(() => [
-                    AA(h.$slots, H, {
+                    eA(h.$slots, H, {
                       row: G,
                       rowKey: QA,
                       rowValue: lA
@@ -3717,13 +3727,13 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
                     ], !0)
                   ]),
                   _: 2
-                }, 1032, ["key-name", "row-el"])
+                }, 1032, ["key-name", "row-el", "tooltip"])
               ])
             })),
             A.query ? void 0 : {
               name: "empty-state-action-icon",
               fn: m(() => [
-                p(g(Wl))
+                f(g(Wl))
               ]),
               key: "0"
             }
@@ -3733,13 +3743,13 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
       }, 8, ["title", "title-tag"]);
     };
   }
-}), Sn = /* @__PURE__ */ pA(wn, [["__scopeId", "data-v-590c2d76"]]), Jn = {
+}), Sn = /* @__PURE__ */ pA(wn, [["__scopeId", "data-v-adb02213"]]), Jn = {
   key: 0,
   class: "kong-ui-entity-delete-error"
 }, Un = {
   key: 1,
   class: "description"
-}, Vn = /* @__PURE__ */ $({
+}, Vn = /* @__PURE__ */ AA({
   __name: "EntityDeleteModal",
   props: {
     visible: {
@@ -3778,7 +3788,7 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
   },
   emits: ["cancel", "proceed"],
   setup(A, { emit: e }) {
-    const { i18nT: t } = oA.useI18n(), i = A, a = e, o = U(() => i.needConfirm ? i.entityName : ""), l = () => {
+    const { i18nT: t } = oA.useI18n(), i = A, a = e, o = S(() => i.needConfirm ? i.entityName : ""), l = () => {
       a("cancel");
     }, n = () => {
       a("proceed");
@@ -3798,18 +3808,18 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
       }, {
         default: m(() => [
           A.error ? (u(), J("div", Jn, [
-            p(B, { appearance: "danger" }, {
+            f(B, { appearance: "danger" }, {
               default: m(() => [
                 Z(O(A.error), 1)
               ]),
               _: 1
             })
           ])) : z("", !0),
-          p(g(t), {
+          f(g(t), {
             class: "message",
             keypath: i.entityName ? "deleteModal.messageWithName" : "deleteModal.message",
             tag: "p"
-          }, LA({
+          }, MA({
             entityType: m(() => [
               Z(O(i.entityType), 1)
             ]),
@@ -3818,14 +3828,14 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
             i.entityName ? {
               name: "entityName",
               fn: m(() => [
-                F("strong", null, O(i.entityName), 1)
+                x("strong", null, O(i.entityName), 1)
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["keypath"]),
           i.description || I.$slots.description ? (u(), J("div", Un, [
-            AA(I.$slots, "description", {}, () => [
-              F("p", null, O(i.description), 1)
+            eA(I.$slots, "description", {}, () => [
+              x("p", null, O(i.description), 1)
             ], !0)
           ])) : z("", !0)
         ]),
@@ -3847,7 +3857,7 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
   width: "20",
   x: "0",
   y: "0"
-}, xn = ["fill"], Nn = { mask: "url(#mask0_180_20349)" }, Mn = ["fill"], At = /* @__PURE__ */ $({
+}, Nn = ["fill"], xn = { mask: "url(#mask0_180_20349)" }, Ln = ["fill"], At = /* @__PURE__ */ AA({
   __name: "IconFilter",
   props: {
     color: {
@@ -3857,25 +3867,25 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
   },
   setup(A) {
     return (e, t) => (u(), J("svg", Rn, [
-      F("mask", Fn, [
-        F("rect", {
+      x("mask", Fn, [
+        x("rect", {
           fill: A.color,
           height: "20",
           width: "20"
-        }, null, 8, xn)
+        }, null, 8, Nn)
       ]),
-      F("g", Nn, [
-        F("path", {
+      x("g", xn, [
+        x("path", {
           d: "M8 14.5V13H12V14.5H8ZM5 10.75V9.25H15V10.75H5ZM3 7V5.5H17V7H3Z",
           fill: A.color
-        }, null, 8, Mn)
+        }, null, 8, Ln)
       ])
     ]));
   }
-}), Ln = {
+}), Mn = {
   key: 1,
   class: "kong-ui-entity-filter"
-}, Kn = { class: "kong-ui-entity-filter-menu" }, jn = ["data-testid"], On = ["onClick", "onKeydown"], Dn = { class: "menu-item-indicator" }, qn = { class: "menu-item-body" }, Yn = ["for"], Wn = { class: "menu-item-buttons" }, Pn = { class: "filter-clear-button-container" }, zn = /* @__PURE__ */ $({
+}, Kn = { class: "kong-ui-entity-filter-menu" }, jn = ["data-testid"], On = ["onClick", "onKeydown"], Dn = { class: "menu-item-indicator" }, qn = { class: "menu-item-body" }, Yn = ["for"], Wn = { class: "menu-item-buttons" }, Pn = { class: "filter-clear-button-container" }, zn = /* @__PURE__ */ AA({
   __name: "EntityFilter",
   props: {
     // filter config, either exact match or fuzzy match
@@ -3895,68 +3905,71 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
   },
   emits: ["update:modelValue"],
   setup(A, { emit: e }) {
-    const { i18n: { t } } = oA.useI18n(), i = A, a = e, o = j(!1), l = j({}), n = j(/* @__PURE__ */ new Set()), I = U(() => {
-      const y = [];
-      return new URLSearchParams(i.modelValue).forEach((h, f) => {
-        h !== "" && y.push(f);
-      }), y;
-    }), r = U(() => {
-      const y = i.config.fields;
-      return Object.keys(y).filter((h) => y[h].searchable).map((h) => ({
-        label: y[h].label || h,
+    const { i18n: { t } } = oA.useI18n(), i = A, a = e, o = j(!1), l = j({}), n = j(/* @__PURE__ */ new Set()), I = S(() => {
+      const v = [];
+      return new URLSearchParams(i.modelValue).forEach((h, d) => {
+        h !== "" && v.push(d);
+      }), v;
+    }), r = S(() => {
+      const v = i.config.fields;
+      return Object.keys(v).filter((h) => {
+        var d;
+        return (d = v == null ? void 0 : v[h]) == null ? void 0 : d.searchable;
+      }).map((h) => ({
+        label: v[h].label || h,
         value: h,
         expanded: !1
       }));
     });
-    TA(() => i.modelValue, (y) => {
-      l.value = {}, new URLSearchParams(y).forEach((h, f) => {
-        l.value[f] = h;
+    TA(() => i.modelValue, (v) => {
+      l.value = {}, new URLSearchParams(v).forEach((h, d) => {
+        l.value[d] = h;
       });
     });
     const B = () => {
       o.value = !o.value;
-    }, C = (y) => {
-      n.value.has(y) ? n.value.delete(y) : n.value.add(y);
-    }, v = (y) => {
-      a("update:modelValue", y);
+    }, C = (v) => {
+      n.value.has(v) ? n.value.delete(v) : n.value.add(v);
+    }, y = (v) => {
+      a("update:modelValue", v);
     }, c = () => {
-      v("");
-    }, Q = (y) => `filter-${y}`, k = (y) => {
-      var h, f;
-      return (((f = (h = i.config.schema) == null ? void 0 : h[y]) == null ? void 0 : f.values) ?? []).map((T) => ({
-        value: T,
-        label: T
+      y("");
+    }, Q = (v) => `filter-${v}`, T = (v) => {
+      var h, d;
+      return (((d = (h = i.config.schema) == null ? void 0 : h[v]) == null ? void 0 : d.values) ?? []).map((R) => ({
+        value: R,
+        label: R
       }));
-    }, w = (y) => {
-      var h, f;
-      return ((f = (h = i.config.schema) == null ? void 0 : h[y]) == null ? void 0 : f.type) ?? "text";
-    }, q = (y) => {
+    }, k = (v) => {
+      var h, d;
+      return ((d = (h = i.config.schema) == null ? void 0 : h[v]) == null ? void 0 : d.type) ?? "text";
+    }, D = (v) => {
       l.value = {
         ...l.value,
-        [y]: ""
-      }, eA();
-    }, x = () => {
-      l.value = {}, eA(!0);
-    }, eA = (y = !1) => {
-      const h = Object.keys(l.value).reduce((f, T) => (l.value[T] && (f[T] = `${l.value[T]}`), f), {});
-      y && (o.value = !1), a("update:modelValue", new URLSearchParams(h).toString());
+        [v]: ""
+      }, $();
+    }, U = () => {
+      l.value = {}, $(!0);
+    }, $ = (v = !1) => {
+      const h = Object.keys(l.value).reduce((d, R) => (l.value[R] && (d[R] = `${l.value[R]}`), d), {});
+      v && (o.value = !1), a("update:modelValue", new URLSearchParams(h).toString());
     };
-    return (y, h) => {
-      const f = K("KInput"), T = K("KButton"), N = K("KSelect");
-      return A.config.isExactMatch ? (u(), Y(f, {
+    return (v, h) => {
+      const d = K("KInput"), R = K("KButton"), L = K("KSelect");
+      return A.config.isExactMatch ? (u(), Y(d, {
         key: 0,
         autocomplete: "off",
         class: "kong-ui-entity-filter-input",
         "data-testid": "search-input",
         "model-value": A.modelValue,
         placeholder: A.config.placeholder,
-        "onUpdate:modelValue": v
+        "onUpdate:modelValue": y
       }, {
         before: m(() => [
-          p(At)
+          f(At)
         ]),
         after: m(() => [
-          vA(p(g(Cn), {
+          vA(f(g(Cn), {
             class: "kong-ui-entity-filter-clear",
             onClick: c
           }, null, 512), [
@@ -3964,89 +3977,89 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
           ])
         ]),
         _: 1
-      }, 8, ["model-value", "placeholder"])) : (u(), J("div", Ln, [
-        p(T, {
+      }, 8, ["model-value", "placeholder"])) : (u(), J("div", Mn, [
+        f(R, {
           appearance: "tertiary",
           "data-testid": "filter-button",
           onClick: B
         }, {
           default: m(() => [
-            p(At),
+            f(At),
             Z(" " + O(g(t)("filter.filterButtonText")) + " " + O(I.value.length > 0 ? `(${I.value.length})` : ""), 1)
           ]),
           _: 1
         }),
-        vA(F("div", {
+        vA(x("div", {
           class: "kong-ui-entity-filter-backdrop",
           onClick: B
         }, null, 512), [
           [yA, o.value]
         ]),
-        vA(F("div", Kn, [
-          (u(!0), J(fA, null, dA(r.value, (S) => {
-            var W, R;
+        vA(x("div", Kn, [
+          (u(!0), J(fA, null, dA(r.value, (w) => {
+            var W, F;
             return u(), J("div", {
-              key: S.value,
+              key: w.value,
               class: "kong-ui-entity-filter-menu-item",
-              "data-testid": S.value
+              "data-testid": w.value
             }, [
-              F("span", {
-                class: kA(["menu-item-title", { expanded: n.value.has(S.value) }]),
+              x("span", {
+                class: kA(["menu-item-title", { expanded: n.value.has(w.value) }]),
                 role: "button",
                 tabindex: "0",
-                onClick: (M) => C(S.value),
-                onKeydown: ia((M) => C(S.value), ["enter"])
+                onClick: (N) => C(w.value),
+                onKeydown: ia((N) => C(w.value), ["enter"])
               }, [
-                Z(O(S.label) + " ", 1),
-                vA(F("span", Dn, null, 512), [
-                  [yA, I.value.includes(S.value)]
+                Z(O(w.label) + " ", 1),
+                vA(x("span", Dn, null, 512), [
+                  [yA, I.value.includes(w.value)]
                 ]),
-                p(g(an), {
-                  class: kA(["menu-item-expand-icon", { expanded: n.value.has(S.value) }]),
+                f(g(an), {
+                  class: kA(["menu-item-expand-icon", { expanded: n.value.has(w.value) }]),
                   color: g(Za)
                 }, null, 8, ["class", "color"])
               ], 42, On),
-              vA(F("div", qn, [
-                F("label", {
+              vA(x("div", qn, [
+                x("label", {
                   class: "menu-item-label",
-                  for: Q(S.value)
+                  for: Q(w.value)
                 }, O(g(t)("filter.fieldLabel")), 9, Yn),
-                ((R = (W = A.config.schema) == null ? void 0 : W[S.value]) == null ? void 0 : R.type) === "select" ? (u(), Y(N, {
+                ((F = (W = A.config.schema) == null ? void 0 : W[w.value]) == null ? void 0 : F.type) === "select" ? (u(), Y(L, {
                   key: 0,
-                  id: Q(S.value),
-                  modelValue: l.value[S.value],
-                  "onUpdate:modelValue": (M) => l.value[S.value] = M,
-                  items: k(S.value),
+                  id: Q(w.value),
+                  modelValue: l.value[w.value],
+                  "onUpdate:modelValue": (N) => l.value[w.value] = N,
+                  items: T(w.value),
                   placeholder: g(t)("filter.selectPlaceholder")
-                }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "items", "placeholder"])) : (u(), Y(f, {
+                }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "items", "placeholder"])) : (u(), Y(d, {
                   key: 1,
-                  id: Q(S.value),
-                  modelValue: l.value[S.value],
-                  "onUpdate:modelValue": (M) => l.value[S.value] = M,
+                  id: Q(w.value),
+                  modelValue: l.value[w.value],
+                  "onUpdate:modelValue": (N) => l.value[w.value] = N,
                   autocomplete: "off",
                   placeholder: g(t)("filter.inputPlaceholder"),
-                  type: w(S.value)
+                  type: k(w.value)
                 }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "placeholder", "type"]))
               ], 512), [
-                [yA, n.value.has(S.value)]
+                [yA, n.value.has(w.value)]
               ]),
-              vA(F("div", Wn, [
-                p(T, {
+              vA(x("div", Wn, [
+                f(R, {
                   appearance: "tertiary",
                   "data-testid": "apply-filter",
                   size: "small",
-                  onClick: h[0] || (h[0] = (M) => eA(!0))
+                  onClick: h[0] || (h[0] = (N) => $(!0))
                 }, {
                   default: m(() => [
                     Z(O(g(t)("filter.applyButtonText")), 1)
                   ]),
                   _: 1
                 }),
-                p(T, {
+                f(R, {
                   appearance: "tertiary",
                   "data-testid": "clear-filter",
                   size: "small",
-                  onClick: (M) => q(S.value)
+                  onClick: (N) => D(w.value)
                 }, {
                   default: m(() => [
                     Z(O(g(t)("filter.clearButtonText")), 1)
@@ -4054,15 +4067,15 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
                   _: 2
                 }, 1032, ["onClick"])
               ], 512), [
-                [yA, n.value.has(S.value)]
+                [yA, n.value.has(w.value)]
               ])
             ], 8, jn);
           }), 128)),
-          F("div", Pn, [
-            p(T, {
+          x("div", Pn, [
+            f(R, {
               appearance: "tertiary",
               size: "small",
-              onClick: x
+              onClick: U
             }, {
               default: m(() => [
                 Z(O(g(t)("filter.clearAllButtonText")), 1)
@@ -4076,7 +4089,7 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
       ]));
     };
   }
-}), Hn = /* @__PURE__ */ pA(zn, [["__scopeId", "data-v-8cfadde3"]]), HA = /* @__PURE__ */ $({
+}), Hn = /* @__PURE__ */ pA(zn, [["__scopeId", "data-v-9a370e3a"]]), HA = /* @__PURE__ */ AA({
   __name: "PermissionsWrapper",
   props: {
     /**
@@ -4098,10 +4111,10 @@ const Fl = { class: "yaml-config" }, ea = /* @__PURE__ */ $({
     }
   },
   setup(A) {
-    const e = A, t = j(void 0), i = U(() => t.value === !0 || t.value !== void 0 && e.forceShow === !0);
+    const e = A, t = j(void 0), i = S(() => t.value === !0 || t.value !== void 0 && e.forceShow === !0);
     return TA(() => e.authFunction, async () => {
       t.value = await e.authFunction();
-    }, { immediate: !0 }), (a, o) => i.value ? AA(a.$slots, "default", {
+    }, { immediate: !0 }), (a, o) => i.value ? eA(a.$slots, "default", {
       key: 0,
       isAllowed: t.value
     }) : z("", !0);
@@ -4142,7 +4155,7 @@ const Ag = ["aria-labelledby"], eg = { class: "form-section-wrapper" }, tg = {
 }, ag = {
   key: 2,
   class: "form-section-footer"
-}, ig = { class: "form-section-content" }, og = /* @__PURE__ */ $({
+}, ig = { class: "form-section-content" }, og = /* @__PURE__ */ AA({
   __name: "EntityFormSection",
   props: {
     title: {
@@ -4177,7 +4190,7 @@ const Ag = ["aria-labelledby"], eg = { class: "form-section-wrapper" }, tg = {
       class: kA(["kong-ui-entity-form-section", { "has-divider": A.hasDivider }]),
       role: "group"
     }, [
-      F("div", eg, [
+      x("div", eg, [
         A.hideInfoHeader ? z("", !0) : (u(), J("div", {
           key: 0,
           class: kA(["form-section-info", { sticky: A.stickyInfoHeader }])
@@ -4193,21 +4206,21 @@ const Ag = ["aria-labelledby"], eg = { class: "form-section-wrapper" }, tg = {
             _: 1
           }, 8, ["id"])) : z("", !0),
           A.description || g(e).description ? (u(), J("div", tg, [
-            AA(i.$slots, "description", {}, () => [
-              F("p", null, O(A.description), 1)
+            eA(i.$slots, "description", {}, () => [
+              x("p", null, O(A.description), 1)
             ], !0)
           ])) : z("", !0),
           g(e).footer ? (u(), J("div", ag, [
-            AA(i.$slots, "footer", {}, void 0, !0)
+            eA(i.$slots, "footer", {}, void 0, !0)
           ])) : z("", !0)
         ], 2)),
-        F("div", ig, [
-          AA(i.$slots, "default", {}, void 0, !0)
+        x("div", ig, [
+          eA(i.$slots, "default", {}, void 0, !0)
         ])
       ])
     ], 10, Ag));
   }
-}), tt = /* @__PURE__ */ pA(og, [["__scopeId", "data-v-76e52dbd"]]), { useAxios: ta, useDeleteUrlBuilder: lg, useErrors: ng, useExternalLinkCreator: Xg, useFetchUrlBuilder: _g, useFetcher: gg, useDebouncedFilter: $g, useStringHelpers: Ar, useHelpers: er, useGatewayFeatureSupported: rg, useTruncationDetector: tr, useValidators: ar } = oA, Cg = {
+}), tt = /* @__PURE__ */ pA(og, [["__scopeId", "data-v-b1f74200"]]), { useAxios: ta, useDeleteUrlBuilder: lg, useErrors: ng, useExternalLinkCreator: Xg, useFetchUrlBuilder: _g, useFetcher: gg, useDebouncedFilter: $g, useStringHelpers: Ar, useHelpers: er, useGatewayFeatureSupported: rg, useTruncationDetector: tr, useValidators: ar } = oA, Cg = {
   create: "New Vault",
   copy_id: "Copy ID",
   copy_json: "Copy JSON",
@@ -4507,7 +4520,7 @@ const Ve = {
       edit: `${Ee}/vaults/{id}`
     }
   }
-}, pg = { class: "kong-ui-entities-vaults-list" }, fg = { class: "table-content-overflow-wrapper" }, mg = { class: "table-content-overflow-wrapper" }, hg = { key: 1 }, vg = /* @__PURE__ */ $({
+}, pg = { class: "kong-ui-entities-vaults-list" }, fg = { class: "table-content-overflow-wrapper" }, mg = { class: "table-content-overflow-wrapper" }, hg = { key: 1 }, vg = /* @__PURE__ */ AA({
   __name: "VaultList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -4554,95 +4567,95 @@ const Ve = {
   emits: ["error", "copy:success", "copy:error", "delete:success"],
   setup(A, { emit: e }) {
     var WA;
-    const t = e, i = A, { i18n: { t: a } } = Ve.useI18n(), o = ve(), { axiosInstance: l } = ta((WA = i.config) == null ? void 0 : WA.axiosRequestConfig), n = U(() => i.config.app !== "kongManager" || !!i.config.disableSorting), I = {
+    const t = e, i = A, { i18n: { t: a } } = Ve.useI18n(), o = ve(), { axiosInstance: l } = ta((WA = i.config) == null ? void 0 : WA.axiosRequestConfig), n = S(() => i.config.app !== "kongManager" || !!i.config.disableSorting), I = {
       prefix: { label: a("vaults.list.table_headers.prefix"), searchable: !0, sortable: !0 },
       // it's "Vault Type" on display, but we still use "name" to fit API schema
       name: { label: a("vaults.list.table_headers.name"), searchable: !0, sortable: !0 },
       description: { label: a("vaults.list.table_headers.description"), sortable: !1 },
       tags: { label: a("vaults.list.table_headers.tags"), sortable: !1 }
-    }, r = I, B = U(() => {
-      var d, s;
-      let D = `${i.config.apiBaseUrl}${te.list[i.config.app]}`;
-      return i.config.app === "konnect" ? D = D.replace(/{controlPlaneId}/gi, ((d = i.config) == null ? void 0 : d.controlPlaneId) || "") : i.config.app === "kongManager" && (D = D.replace(/\/{workspace}/gi, (s = i.config) != null && s.workspace ? `/${i.config.workspace}` : "")), D;
-    }), C = j(""), v = U(() => {
+    }, r = I, B = S(() => {
+      var p, s;
+      let q = `${i.config.apiBaseUrl}${te.list[i.config.app]}`;
+      return i.config.app === "konnect" ? q = q.replace(/{controlPlaneId}/gi, ((p = i.config) == null ? void 0 : p.controlPlaneId) || "") : i.config.app === "kongManager" && (q = q.replace(/\/{workspace}/gi, (s = i.config) != null && s.workspace ? `/${i.config.workspace}` : "")), q;
+    }), C = j(""), y = S(() => {
       if (i.config.app === "konnect" || i.config.isExactMatch)
         return {
           isExactMatch: !0,
           placeholder: a("search.placeholder.konnect")
         };
-      const { prefix: d, name: s } = I;
+      const { prefix: p, name: s } = I;
       return {
         isExactMatch: !1,
-        fields: { name: s, prefix: d },
+        fields: { name: s, prefix: p },
         schema: i.config.filterSchema
       };
-    }), c = j(1), { fetcher: Q, fetcherState: k } = gg(i.config, B.value), w = () => {
+    }), c = j(1), { fetcher: Q, fetcherState: T } = gg(i.config, B.value), k = () => {
       C.value = "";
-    }, q = () => {
+    }, D = () => {
       c.value++;
-    }, x = j(null), eA = (D, d) => {
-      const s = D.id;
-      if (!d(s)) {
+    }, U = j(null), $ = (q, p) => {
+      const s = q.id;
+      if (!p(s)) {
         t("copy:error", {
-          entity: D,
+          entity: q,
           field: "id",
           message: a("errors.copy")
         });
         return;
       }
       t("copy:success", {
-        entity: D,
+        entity: q,
         field: "id",
         message: a("copy.success", { val: s })
       });
-    }, y = (D, d) => {
-      const s = JSON.stringify(D);
-      if (!d(s)) {
+    }, v = (q, p) => {
+      const s = JSON.stringify(q);
+      if (!p(s)) {
         t("copy:error", {
-          entity: D,
+          entity: q,
           message: a("errors.copy")
         });
         return;
       }
       t("copy:success", {
-        entity: D,
+        entity: q,
         message: a("copy.success_brief")
       });
-    }, h = async (D) => {
+    }, h = async (q) => {
       var s;
-      await ((s = i.canRetrieve) == null ? void 0 : s.call(i, D)) && o.push(i.config.getViewRoute(D.id));
-    }, f = (D) => ({
+      await ((s = i.canRetrieve) == null ? void 0 : s.call(i, q)) && o.push(i.config.getViewRoute(q.id));
+    }, d = (q) => ({
       label: a("actions.view"),
-      to: i.config.getViewRoute(D)
-    }), T = (D) => ({
+      to: i.config.getViewRoute(q)
+    }), R = (q) => ({
       label: a("actions.edit"),
-      to: i.config.getEditRoute(D)
-    }), N = j(void 0), S = j(!1), W = j(!1), R = j(""), M = lg(i.config, B.value), H = (D) => {
-      N.value = D, S.value = !0;
+      to: i.config.getEditRoute(q)
+    }), L = j(void 0), w = j(!1), W = j(!1), F = j(""), N = lg(i.config, B.value), H = (q) => {
+      L.value = q, w.value = !0;
     }, G = () => {
-      S.value = !1;
+      w.value = !1;
     }, QA = async () => {
-      var D, d, s;
-      if ((D = N.value) != null && D.id) {
+      var q, p, s;
+      if ((q = L.value) != null && q.id) {
         W.value = !0;
         try {
-          await l.delete(M(N.value.id)), W.value = !1, S.value = !1, c.value++, t("delete:success", N.value);
-        } catch (L) {
-          R.value = ((s = (d = L.response) == null ? void 0 : d.data) == null ? void 0 : s.message) || L.message || a("errors.delete"), t("error", L);
+          await l.delete(N(L.value.id)), W.value = !1, w.value = !1, c.value++, t("delete:success", L.value);
+        } catch (M) {
+          F.value = ((s = (p = M.response) == null ? void 0 : p.data) == null ? void 0 : s.message) || M.message || a("errors.delete"), t("error", M);
         } finally {
           W.value = !1;
         }
       }
     }, lA = j(!0);
-    TA(k, (D) => {
-      var d, s, L, uA;
-      if (Array.isArray((d = D == null ? void 0 : D.response) == null ? void 0 : d.data) && (lA.value = D.response.data.length > 0), D.status === UA.Error) {
-        x.value = {
+    TA(T, (q) => {
+      var p, s, M, uA;
+      if (Array.isArray((p = q == null ? void 0 : q.response) == null ? void 0 : p.data) && (lA.value = q.response.data.length > 0), q.status === UA.Error) {
+        U.value = {
           title: a("errors.general")
-        }, (uA = (L = (s = D.error) == null ? void 0 : s.response) == null ? void 0 : L.data) != null && uA.message && (x.value.message = D.error.response.data.message), t("error", D.error);
+        }, (uA = (M = (s = q.error) == null ? void 0 : s.response) == null ? void 0 : M.data) != null && uA.message && (U.value.message = q.error.response.data.message), t("error", q.error);
         return;
       }
-      x.value = null;
+      U.value = null;
     });
     const nA = j({
       ctaPath: i.config.createRoute,
@@ -4652,16 +4665,16 @@ const Ve = {
     });
     return me(async () => {
       await i.canCreate() && (nA.value.title = a("vaults.list.empty_state.title"), nA.value.ctaText = a("actions.create"));
-    }), (D, d) => {
-      const s = K("KButton"), L = K("KBadge"), uA = K("KTruncate"), cA = K("KDropdownItem"), sA = K("KClipboardProvider");
+    }), (q, p) => {
+      const s = K("KButton"), M = K("KBadge"), uA = K("KTruncate"), cA = K("KDropdownItem"), sA = K("KClipboardProvider");
       return u(), J("div", pg, [
-        p(g(Sn), {
+        f(g(Sn), {
           "cache-identifier": A.cacheIdentifier,
           "disable-pagination-page-jump": "",
           "disable-sorting": n.value,
           "empty-state-options": nA.value,
           "enable-entity-actions": "",
-          "error-message": x.value,
+          "error-message": U.value,
           fetcher: g(Q),
           "fetcher-cache-key": c.value,
           "pagination-type": "offset",
@@ -4669,15 +4682,15 @@ const Ve = {
           query: C.value,
           "table-headers": g(r),
           "use-action-outside": A.useActionOutside,
-          onClearSearchInput: w,
-          "onClick:row": d[2] || (d[2] = (P) => h(P)),
-          onSort: q
+          onClearSearchInput: k,
+          "onClick:row": p[2] || (p[2] = (P) => h(P)),
+          onSort: D
         }, {
           "toolbar-filter": m(() => [
-            p(g(Hn), {
+            f(g(Hn), {
               modelValue: C.value,
-              "onUpdate:modelValue": d[0] || (d[0] = (P) => C.value = P),
-              config: v.value
+              "onUpdate:modelValue": p[0] || (p[0] = (P) => C.value = P),
+              config: y.value
             }, null, 8, ["modelValue", "config"])
           ]),
           "toolbar-button": m(() => [
@@ -4685,11 +4698,11 @@ const Ve = {
               to: A.useActionOutside ? "#kong-ui-app-page-header-action-button" : void 0
             }, {
               default: m(() => [
-                p(g(HA), {
+                f(g(HA), {
                   "auth-function": () => A.canCreate()
                 }, {
                   default: m(() => [
-                    vA(p(s, {
+                    vA(f(s, {
                       appearance: "primary",
                       "data-testid": "toolbar-add-vault",
                       icon: "plus",
@@ -4711,22 +4724,22 @@ const Ve = {
             }, 8, ["to"]))
           ]),
           prefix: m(({ rowValue: P }) => [
-            F("div", fg, [
-              F("b", null, O(P ?? "-"), 1)
+            x("div", fg, [
+              x("b", null, O(P ?? "-"), 1)
             ])
           ]),
           name: m(({ rowValue: P }) => [
-            F("b", null, O(P ?? "-"), 1)
+            x("b", null, O(P ?? "-"), 1)
           ]),
           description: m(({ rowValue: P }) => [
-            F("div", mg, O(P ?? "-"), 1)
+            x("div", mg, O(P ?? "-"), 1)
           ]),
           tags: m(({ rowValue: P }) => [
             (P == null ? void 0 : P.length) > 0 ? (u(), Y(uA, { key: 0 }, {
               default: m(() => [
-                (u(!0), J(fA, null, dA(P, (X) => (u(), Y(L, {
+                (u(!0), J(fA, null, dA(P, (X) => (u(), Y(M, {
                   key: X,
-                  onClick: d[1] || (d[1] = Be(() => {
+                  onClick: p[1] || (p[1] = Be(() => {
                   }, ["stop"]))
                 }, {
                   default: m(() => [
@@ -4739,11 +4752,11 @@ const Ve = {
             }, 1024)) : (u(), J("span", hg, "-"))
           ]),
           actions: m(({ row: P }) => [
-            p(sA, null, {
+            f(sA, null, {
               default: m(({ copyToClipboard: X }) => [
-                p(cA, {
+                f(cA, {
                   "data-testid": "action-entity-copy-id",
-                  onClick: (RA) => eA(P, X)
+                  onClick: (RA) => $(P, X)
                 }, {
                   default: m(() => [
                     Z(O(g(a)("actions.copy_id")), 1)
@@ -4753,11 +4766,11 @@ const Ve = {
               ]),
               _: 2
             }, 1024),
-            p(sA, null, {
+            f(sA, null, {
               default: m(({ copyToClipboard: X }) => [
-                p(cA, {
+                f(cA, {
                   "data-testid": "action-entity-copy-json",
-                  onClick: (RA) => y(P, X)
+                  onClick: (RA) => v(P, X)
                 }, {
                   default: m(() => [
                     Z(O(g(a)("actions.copy_json")), 1)
@@ -4767,34 +4780,34 @@ const Ve = {
               ]),
               _: 2
             }, 1024),
-            p(g(HA), {
+            f(g(HA), {
               "auth-function": () => A.canRetrieve(P)
             }, {
               default: m(() => [
-                p(cA, {
+                f(cA, {
                   "data-testid": "action-entity-view",
                   "has-divider": "",
-                  item: f(P.id)
+                  item: d(P.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            p(g(HA), {
+            f(g(HA), {
               "auth-function": () => A.canEdit(P)
             }, {
               default: m(() => [
-                p(cA, {
+                f(cA, {
                   "data-testid": "action-entity-edit",
-                  item: T(P.id)
+                  item: R(P.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            p(g(HA), {
+            f(g(HA), {
               "auth-function": () => A.canDelete(P)
             }, {
               default: m(() => [
-                p(cA, {
+                f(cA, {
                   danger: "",
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
@@ -4811,14 +4824,14 @@ const Ve = {
           ]),
           _: 1
         }, 8, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers", "use-action-outside"]),
-        p(g(Tn), {
+        f(g(Tn), {
           "action-pending": W.value,
           description: g(a)("delete.description"),
-          "entity-name": N.value && (N.value.prefix || N.value.id),
+          "entity-name": L.value && (L.value.prefix || L.value.id),
           "entity-type": g(lt).Vault,
-          error: R.value,
+          error: F.value,
           title: g(a)("delete.title"),
-          visible: S.value,
+          visible: w.value,
           onCancel: G,
           onProceed: QA
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
@@ -4835,7 +4848,7 @@ var E = /* @__PURE__ */ ((A) => (A.AWS = "aws", A.GCP = "gcp", A.HCV = "hcv", A.
 const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-provider-cards-container" }, Ug = ["src"], Vg = ["src"], Tg = ["src"], Rg = ["src"], Fg = {
   key: "kong-vault-config-fields",
   class: "vault-form-config-fields-container"
-}, xg = { key: 0 }, Ng = { key: 1 }, Mg = { key: 2 }, Lg = { key: 5 }, Kg = { class: "wrapper" }, jg = { class: "item-50" }, Og = { class: "item-50" }, Dg = { class: "wrapper" }, qg = { class: "item-100" }, Yg = /* @__PURE__ */ $({
+}, Ng = { key: 0 }, xg = { key: 1 }, Lg = { key: 2 }, Mg = { key: 5 }, Kg = { class: "wrapper" }, jg = { class: "item-50" }, Og = { class: "item-50" }, Dg = { class: "wrapper" }, qg = { class: "item-100" }, Yg = /* @__PURE__ */ AA({
   __name: "VaultForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -4853,8 +4866,8 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
   },
   emits: ["update", "error", "loading"],
   setup(A, { emit: e }) {
-    var D;
-    const t = A, i = e, { i18nT: a, i18n: { t: o } } = Ve.useI18n(), l = ve(), { axiosInstance: n } = ta((D = t.config) == null ? void 0 : D.axiosRequestConfig), { getMessageFromError: I } = ng(), r = zA({
+    var q;
+    const t = A, i = e, { i18nT: a, i18n: { t: o } } = Ve.useI18n(), l = ve(), { axiosInstance: n } = ta((q = t.config) == null ? void 0 : q.axiosRequestConfig), { getMessageFromError: I } = ng(), r = zA({
       fields: {
         prefix: "",
         description: "",
@@ -4866,7 +4879,7 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
       prefix: "",
       description: "",
       tags: ""
-    }), C = j(E.KONG), v = j(null), c = U(() => [E.AWS, E.GCP, E.HCV, E.AZURE].includes(C.value)), Q = zA({
+    }), C = j(E.KONG), y = j(null), c = S(() => [E.AWS, E.GCP, E.HCV, E.AZURE].includes(C.value)), Q = zA({
       [E.KONG]: {
         prefix: ""
       },
@@ -4902,7 +4915,7 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
         client_id: "",
         tenant_id: ""
       }
-    }), k = zA({
+    }), T = zA({
       [E.KONG]: {
         prefix: ""
       },
@@ -4938,7 +4951,7 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
         client_id: "",
         tenant_id: ""
       }
-    }), w = [
+    }), k = [
       { label: `${o("form.config.aws.fields.region.locations.us-east-1.location")} (us-east-1)`, value: "us-east-1" },
       { label: `${o("form.config.aws.fields.region.locations.us-east-2.location")} (us-east-2)`, value: "us-east-2" },
       { label: `${o("form.config.aws.fields.region.locations.us-west-1.location")} (us-west-1)`, value: "us-west-1" },
@@ -4963,30 +4976,30 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
       { label: `${o("form.config.aws.fields.region.locations.sa-east-1.location")} (sa-east-1)`, value: "sa-east-1" },
       { label: `${o("form.config.aws.fields.region.locations.us-gov-east-1.location")} (us-gov-east-1)`, value: "us-gov-east-1" },
       { label: `${o("form.config.aws.fields.region.locations.us-gov-west-1.location")} (us-gov-west-1)`, value: "us-gov-west-1" }
-    ], q = [{ label: "secrets", value: "secrets" }], x = [{ label: "http", value: "http" }, { label: "https", value: "https" }], eA = [{ label: "v1", value: "v1" }, { label: "v2", value: "v2" }], y = U(() => t.vaultId ? ZA.Edit : ZA.Create), h = U(() => {
-      var d, s;
-      return (s = te.form[(d = t.config) == null ? void 0 : d.app]) == null ? void 0 : s.edit;
-    }), f = U(() => y.value === ZA.Edit && t.config.app === "kongManager"), T = t.config.app === "konnect" || rg({
+    ], D = [{ label: "secrets", value: "secrets" }], U = [{ label: "http", value: "http" }, { label: "https", value: "https" }], $ = [{ label: "v1", value: "v1" }, { label: "v2", value: "v2" }], v = S(() => t.vaultId ? ZA.Edit : ZA.Create), h = S(() => {
+      var p, s;
+      return (s = te.form[(p = t.config) == null ? void 0 : p.app]) == null ? void 0 : s.edit;
+    }), d = S(() => v.value === ZA.Edit && t.config.app === "kongManager"), R = t.config.app === "konnect" || rg({
       gatewayInfo: t.config.gatewayInfo,
       // vault name can only be `env` in Gateway Community Edition
       supportedRange: {
         enterprise: []
       }
-    }), N = () => {
-      var d;
-      l.push(((d = t.config) == null ? void 0 : d.cancelRoute) || { name: "vault-list" });
-    }, S = (d) => {
-      i("loading", d);
-    }, W = (d) => {
-      i("error", d);
-    }, R = (d) => new URL((/* @__PURE__ */ Object.assign({ "../assets/images/provider-icons/aws.svg": yg, "../assets/images/provider-icons/azure.svg": bg, "../assets/images/provider-icons/gcp.svg": kg, "../assets/images/provider-icons/hcv.svg": wg }))[`../assets/images/provider-icons/${d}.svg`], import.meta.url).href, M = (d) => {
+    }), L = () => {
+      var p;
+      l.push(((p = t.config) == null ? void 0 : p.cancelRoute) || { name: "vault-list" });
+    }, w = (p) => {
+      i("loading", p);
+    }, W = (p) => {
+      i("error", p);
+    }, F = (p) => new URL((/* @__PURE__ */ Object.assign({ "../assets/images/provider-icons/aws.svg": yg, "../assets/images/provider-icons/azure.svg": bg, "../assets/images/provider-icons/gcp.svg": kg, "../assets/images/provider-icons/hcv.svg": wg }))[`../assets/images/provider-icons/${p}.svg`], import.meta.url).href, N = (p) => {
       var uA, cA, sA, P, X;
-      r.fields.prefix = ((uA = d == null ? void 0 : d.item) == null ? void 0 : uA.prefix) || (d == null ? void 0 : d.prefix) || "", r.fields.description = ((cA = d == null ? void 0 : d.item) == null ? void 0 : cA.description) || (d == null ? void 0 : d.description) || "";
-      const s = ((sA = d == null ? void 0 : d.item) == null ? void 0 : sA.tags) || (d == null ? void 0 : d.tags) || [];
+      r.fields.prefix = ((uA = p == null ? void 0 : p.item) == null ? void 0 : uA.prefix) || (p == null ? void 0 : p.prefix) || "", r.fields.description = ((cA = p == null ? void 0 : p.item) == null ? void 0 : cA.description) || (p == null ? void 0 : p.description) || "";
+      const s = ((sA = p == null ? void 0 : p.item) == null ? void 0 : sA.tags) || (p == null ? void 0 : p.tags) || [];
       r.fields.tags = (s == null ? void 0 : s.join(", ")) || "", Object.assign(B, r.fields);
-      const L = ((P = d == null ? void 0 : d.item) == null ? void 0 : P.config) || (d == null ? void 0 : d.config) || null;
-      L && Object.keys(L).length ? (C.value = ((X = d == null ? void 0 : d.item) == null ? void 0 : X.name) || (d == null ? void 0 : d.name) || "", v.value = C.value, Object.assign(Q[C.value], L), Object.assign(k[C.value], L)) : r.errorMessage = "Error loading vault config";
-    }, H = U(() => C.value === E.HCV ? !Object.keys(Q[E.HCV]).filter((d) => [
+      const M = ((P = p == null ? void 0 : p.item) == null ? void 0 : P.config) || (p == null ? void 0 : p.config) || null;
+      M && Object.keys(M).length ? (C.value = ((X = p == null ? void 0 : p.item) == null ? void 0 : X.name) || (p == null ? void 0 : p.name) || "", y.value = C.value, Object.assign(Q[C.value], M), Object.assign(T[C.value], M)) : r.errorMessage = "Error loading vault config";
+    }, H = S(() => C.value === E.HCV ? !Object.keys(Q[E.HCV]).filter((p) => [
       "namespace",
       "ttl",
       "neg_ttl",
@@ -4995,13 +5008,13 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
       "approle_auth_path",
       "approle_secret_id",
       "approle_secret_id_file"
-    ].includes(d) || Q[E.HCV].auth_method !== aA.K8S && (d === "kube_role" || d === "kube_api_token_file") || Q[E.HCV].auth_method !== aA.TOKEN && d === "token" || Q[E.HCV].auth_method !== aA.APP_ROLE && (d === "approle_role_id" || d === "approle_response_wrapping") || Q[E.HCV].auth_method === aA.APP_ROLE && d === "approle_response_wrapping" && typeof Q[C.value][d] == "boolean" ? !1 : !Q[C.value][d]).length : C.value === E.AZURE ? !Object.keys(Q[E.AZURE]).filter((d) => ["client_id", "tenant_id", "ttl", "neg_ttl", "resurrect_ttl"].includes(d) ? !1 : !Q[C.value][d]).length : !Object.keys(Q[C.value]).filter((d) => ["ttl", "neg_ttl", "resurrect_ttl"].includes(d) ? !1 : !Q[C.value][d]).length), G = U(() => !!r.fields.prefix && H.value), QA = U(() => JSON.stringify(r.fields) !== JSON.stringify(B) || C.value !== v.value || JSON.stringify(Q[C.value]) !== JSON.stringify(k[C.value])), lA = U(() => {
-      var s, L;
-      let d = `${t.config.apiBaseUrl}${te.form[t.config.app][y.value]}`;
-      return t.config.app === "konnect" ? d = d.replace(/{controlPlaneId}/gi, ((s = t.config) == null ? void 0 : s.controlPlaneId) || "") : t.config.app === "kongManager" && (d = d.replace(/\/{workspace}/gi, (L = t.config) != null && L.workspace ? `/${t.config.workspace}` : "")), d = d.replace(/{id}/gi, t.vaultId), d;
-    }), nA = U(() => {
+    ].includes(p) || Q[E.HCV].auth_method !== aA.K8S && (p === "kube_role" || p === "kube_api_token_file") || Q[E.HCV].auth_method !== aA.TOKEN && p === "token" || Q[E.HCV].auth_method !== aA.APP_ROLE && (p === "approle_role_id" || p === "approle_response_wrapping") || Q[E.HCV].auth_method === aA.APP_ROLE && p === "approle_response_wrapping" && typeof Q[C.value][p] == "boolean" ? !1 : !Q[C.value][p]).length : C.value === E.AZURE ? !Object.keys(Q[E.AZURE]).filter((p) => ["client_id", "tenant_id", "ttl", "neg_ttl", "resurrect_ttl"].includes(p) ? !1 : !Q[C.value][p]).length : !Object.keys(Q[C.value]).filter((p) => ["ttl", "neg_ttl", "resurrect_ttl"].includes(p) ? !1 : !Q[C.value][p]).length), G = S(() => !!r.fields.prefix && H.value), QA = S(() => JSON.stringify(r.fields) !== JSON.stringify(B) || C.value !== y.value || JSON.stringify(Q[C.value]) !== JSON.stringify(T[C.value])), lA = S(() => {
+      var s, M;
+      let p = `${t.config.apiBaseUrl}${te.form[t.config.app][v.value]}`;
+      return t.config.app === "konnect" ? p = p.replace(/{controlPlaneId}/gi, ((s = t.config) == null ? void 0 : s.controlPlaneId) || "") : t.config.app === "kongManager" && (p = p.replace(/\/{workspace}/gi, (M = t.config) != null && M.workspace ? `/${t.config.workspace}` : "")), p = p.replace(/{id}/gi, t.vaultId), p;
+    }), nA = S(() => {
       var sA, P;
-      const d = {
+      const p = {
         protocol: Q[E.HCV].protocol,
         host: Q[E.HCV].host,
         port: parseInt(Q[E.HCV].port.toString()),
@@ -5029,8 +5042,8 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
         client_id: Q[C.value].client_id || null,
         tenant_id: Q[C.value].tenant_id || null
       };
-      let L = Q[C.value];
-      C.value === E.HCV ? L = d : C.value === E.AZURE && (L = s);
+      let M = Q[C.value];
+      C.value === E.HCV ? M = p : C.value === E.AZURE && (M = s);
       let uA = {};
       if (C.value !== E.KONG) {
         const X = Q[C.value], RA = X.ttl, PA = X.neg_ttl, b = X.resurrect_ttl;
@@ -5046,26 +5059,26 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
         tags: (P = (sA = r.fields.tags.split(",")) == null ? void 0 : sA.map((X) => String(X || "").trim())) == null ? void 0 : P.filter((X) => X !== ""),
         name: C.value,
         config: {
-          ...L,
+          ...M,
           ...uA
         }
       };
     }), WA = async () => {
-      var d;
+      var p;
       try {
         r.isReadonly = !0;
         let s;
-        y.value === "create" ? s = await n.post(lA.value, nA.value) : y.value === "edit" && (s = ((d = t.config) == null ? void 0 : d.app) === "konnect" ? await n.put(lA.value, nA.value) : await n.patch(lA.value, nA.value)), M(s == null ? void 0 : s.data), i("update", s == null ? void 0 : s.data);
+        v.value === "create" ? s = await n.post(lA.value, nA.value) : v.value === "edit" && (s = ((p = t.config) == null ? void 0 : p.app) === "konnect" ? await n.put(lA.value, nA.value) : await n.patch(lA.value, nA.value)), N(s == null ? void 0 : s.data), i("update", s == null ? void 0 : s.data);
       } catch (s) {
         r.errorMessage = I(s), i("error", s);
       } finally {
         r.isReadonly = !1;
       }
     };
-    return (d, s) => {
-      const L = K("KInput"), uA = K("KTextArea"), cA = K("KIcon"), sA = K("KRadio"), P = K("KTooltip"), X = K("KSelect"), RA = K("KCheckbox"), PA = K("KCollapse");
+    return (p, s) => {
+      const M = K("KInput"), uA = K("KTextArea"), cA = K("KIcon"), sA = K("KRadio"), P = K("KTooltip"), X = K("KSelect"), RA = K("KCheckbox"), PA = K("KCollapse");
       return u(), J("div", Sg, [
-        p(g(fn), {
+        f(g(fn), {
           "can-submit": G.value && QA.value,
           config: A.config,
           "edit-id": A.vaultId,
@@ -5073,19 +5086,19 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
           "fetch-url": h.value,
           "form-fields": nA.value,
           "is-readonly": r.isReadonly,
-          onCancel: N,
+          onCancel: L,
           "onFetch:error": W,
-          "onFetch:success": M,
-          onLoading: S,
+          "onFetch:success": N,
+          onLoading: w,
           onSubmit: WA
         }, {
           default: m(() => [
-            p(g(tt), {
+            f(g(tt), {
               description: g(o)("form.sections.general.description"),
               title: g(o)("form.sections.general.title")
             }, {
               default: m(() => [
-                p(L, {
+                f(M, {
                   modelValue: r.fields.prefix,
                   "onUpdate:modelValue": s[0] || (s[0] = (b) => r.fields.prefix = b),
                   modelModifiers: { trim: !0 },
@@ -5099,7 +5112,7 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
                   required: "",
                   type: "text"
                 }, null, 8, ["modelValue", "help", "is-readonly", "label", "label-attributes", "placeholder"]),
-                p(uA, {
+                f(uA, {
                   modelValue: r.fields.description,
                   "onUpdate:modelValue": s[1] || (s[1] = (b) => r.fields.description = b),
                   modelModifiers: { trim: !0 },
@@ -5110,7 +5123,7 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
                   placeholder: g(o)("form.fields.description.placeholder"),
                   readonly: r.isReadonly
                 }, null, 8, ["modelValue", "label", "placeholder", "readonly"]),
-                p(L, {
+                f(M, {
                   modelValue: r.fields.tags,
                   "onUpdate:modelValue": s[2] || (s[2] = (b) => r.fields.tags = b),
                   modelModifiers: { trim: !0 },
@@ -5125,49 +5138,49 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
               ]),
               _: 1
             }, 8, ["description", "title"]),
-            p(g(tt), {
+            f(g(tt), {
               description: g(o)("form.sections.config.description"),
               title: g(o)("form.sections.config.title")
             }, {
               default: m(() => [
-                F("div", Jg, [
-                  p(sA, {
+                x("div", Jg, [
+                  f(sA, {
                     modelValue: C.value,
                     "onUpdate:modelValue": s[3] || (s[3] = (b) => C.value = b),
                     card: "",
                     "data-testid": "vault-form-provider-kong",
-                    disabled: f.value,
+                    disabled: d.value,
                     label: g(o)("form.config.kong.label"),
                     "selected-value": g(E).KONG
                   }, {
                     default: m(() => [
-                      p(cA, {
+                      f(cA, {
                         icon: "kong",
                         size: "46"
                       })
                     ]),
                     _: 1
                   }, 8, ["modelValue", "disabled", "label", "selected-value"]),
-                  p(P, {
-                    disabled: g(T),
+                  f(P, {
+                    disabled: g(R),
                     placement: "top",
                     text: g(o)("form.unavailable")
                   }, {
                     default: m(() => [
-                      p(sA, {
+                      f(sA, {
                         modelValue: C.value,
                         "onUpdate:modelValue": s[4] || (s[4] = (b) => C.value = b),
                         card: "",
                         "data-testid": "vault-form-provider-aws",
-                        disabled: f.value || !g(T),
+                        disabled: d.value || !g(R),
                         label: g(o)("form.config.aws.label"),
                         "selected-value": g(E).AWS
                       }, {
                         default: m(() => [
-                          F("img", {
+                          x("img", {
                             alt: "Amazon Web Services",
                             height: "46",
-                            src: R(g(E).AWS)
+                            src: F(g(E).AWS)
                           }, null, 8, Ug)
                         ]),
                         _: 1
@@ -5175,26 +5188,26 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
                     ]),
                     _: 1
                   }, 8, ["disabled", "text"]),
-                  p(P, {
-                    disabled: g(T),
+                  f(P, {
+                    disabled: g(R),
                     placement: "top",
                     text: g(o)("form.unavailable")
                   }, {
                     default: m(() => [
-                      p(sA, {
+                      f(sA, {
                         modelValue: C.value,
                         "onUpdate:modelValue": s[5] || (s[5] = (b) => C.value = b),
                         card: "",
                         "data-testid": "vault-form-provider-gcp",
-                        disabled: f.value || !g(T),
+                        disabled: d.value || !g(R),
                         label: g(o)("form.config.gcp.label"),
                         "selected-value": g(E).GCP
                       }, {
                         default: m(() => [
-                          F("img", {
+                          x("img", {
                             alt: "Google Cloud",
                             height: "46",
-                            src: R(g(E).GCP)
+                            src: F(g(E).GCP)
                           }, null, 8, Vg)
                         ]),
                         _: 1
@@ -5202,26 +5215,26 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
                     ]),
                     _: 1
                   }, 8, ["disabled", "text"]),
-                  p(P, {
-                    disabled: g(T),
+                  f(P, {
+                    disabled: g(R),
                     placement: "top",
                     text: g(o)("form.unavailable")
                   }, {
                     default: m(() => [
-                      p(sA, {
+                      f(sA, {
                         modelValue: C.value,
                         "onUpdate:modelValue": s[6] || (s[6] = (b) => C.value = b),
                         card: "",
                         "data-testid": "vault-form-provider-hcv",
-                        disabled: f.value || !g(T),
+                        disabled: d.value || !g(R),
                         label: g(o)("form.config.hcv.label"),
                         "selected-value": g(E).HCV
                       }, {
                         default: m(() => [
-                          F("img", {
+                          x("img", {
                             alt: "HashiCorp Vault",
                             height: "46",
-                            src: R(g(E).HCV)
+                            src: F(g(E).HCV)
                           }, null, 8, Tg)
                         ]),
                         _: 1
@@ -5231,25 +5244,25 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
                   }, 8, ["disabled", "text"]),
                   A.config.azureVaultProviderAvailable ? (u(), Y(P, {
                     key: 0,
-                    disabled: g(T),
+                    disabled: g(R),
                     placement: "top",
                     text: g(o)("form.unavailable")
                   }, {
                     default: m(() => [
-                      p(sA, {
+                      f(sA, {
                         modelValue: C.value,
                         "onUpdate:modelValue": s[7] || (s[7] = (b) => C.value = b),
                         card: "",
                         "data-testid": "vault-form-provider-azure",
-                        disabled: f.value || !g(T),
+                        disabled: d.value || !g(R),
                         label: g(o)("form.config.azure.label"),
                         "selected-value": g(E).AZURE
                       }, {
                         default: m(() => [
-                          F("img", {
+                          x("img", {
                             alt: "Azure",
                             height: "46",
-                            src: R(g(E).AZURE)
+                            src: F(g(E).AZURE)
                           }, null, 8, Rg)
                         ]),
                         _: 1
@@ -5258,10 +5271,10 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
                     _: 1
                   }, 8, ["disabled", "text"])) : z("", !0)
                 ]),
-                p(Ia, { name: "appear" }, {
+                f(Ia, { name: "appear" }, {
                   default: m(() => [
                     C.value === g(E).KONG ? (u(), J("div", Fg, [
-                      p(L, {
+                      f(M, {
                         modelValue: Q[g(E).KONG].prefix,
                         "onUpdate:modelValue": s[8] || (s[8] = (b) => Q[g(E).KONG].prefix = b),
                         modelModifiers: { trim: !0 },
@@ -5279,11 +5292,11 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
                       key: `${g(E).AWS}-vault-config-fields`,
                       class: "vault-form-config-fields-container"
                     }, [
-                      p(X, {
+                      f(X, {
                         modelValue: Q[g(E).AWS].region,
                         "onUpdate:modelValue": s[9] || (s[9] = (b) => Q[g(E).AWS].region = b),
                         "data-testid": "vault-form-config-aws-region",
-                        items: w,
+                        items: k,
                         label: g(o)("form.config.aws.fields.region.label"),
                         "label-attributes": { info: g(o)("form.config.aws.fields.region.tooltip") },
                         placeholder: g(o)("form.config.aws.fields.region.placeholder"),
@@ -5296,7 +5309,7 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
                       key: `${g(E).GCP}-vault-config-fields`,
                       class: "vault-form-config-fields-container"
                     }, [
-                      p(L, {
+                      f(M, {
                         modelValue: Q[g(E).GCP].project_id,
                         "onUpdate:modelValue": s[10] || (s[10] = (b) => Q[g(E).GCP].project_id = b),
                         modelModifiers: { trim: !0 },
@@ -5309,12 +5322,12 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
                         type: "text"
                       }, {
                         "label-tooltip": m(() => [
-                          p(g(a), {
+                          f(g(a), {
                             keypath: "form.config.gcp.fields.project_id.tooltip.text",
                             scope: "global"
                           }, {
                             "italic-text": m(() => [
-                              F("em", null, O(g(o)("form.config.gcp.fields.project_id.tooltip.italicText")), 1)
+                              x("em", null, O(g(o)("form.config.gcp.fields.project_id.tooltip.italicText")), 1)
                             ]),
                             _: 1
                           })
@@ -5326,17 +5339,17 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
                       key: `${g(E).HCV}-vault-config-fields`,
                       class: "vault-form-config-fields-container"
                     }, [
-                      p(X, {
+                      f(X, {
                         modelValue: Q[g(E).HCV].protocol,
                         "onUpdate:modelValue": s[11] || (s[11] = (b) => Q[g(E).HCV].protocol = b),
                         "data-testid": "vault-form-config-hcv-protocol",
-                        items: x,
+                        items: U,
                         label: g(o)("form.config.hcv.fields.protocol.label"),
                         readonly: r.isReadonly,
                         required: "",
                         width: "100%"
                       }, null, 8, ["modelValue", "label", "readonly"]),
-                      p(L, {
+                      f(M, {
                         modelValue: Q[g(E).HCV].host,
                         "onUpdate:modelValue": s[12] || (s[12] = (b) => Q[g(E).HCV].host = b),
                         modelModifiers: { trim: !0 },
@@ -5347,7 +5360,7 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
                         required: "",
                         type: "text"
                       }, null, 8, ["modelValue", "is-readonly", "label"]),
-                      p(L, {
+                      f(M, {
                         modelValue: Q[g(E).HCV].port,
                         "onUpdate:modelValue": s[13] || (s[13] = (b) => Q[g(E).HCV].port = b),
                         autocomplete: "off",
@@ -5358,7 +5371,7 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
                         required: "",
                         type: "number"
                       }, null, 8, ["modelValue", "is-readonly", "label"]),
-                      p(L, {
+                      f(M, {
                         modelValue: Q[g(E).HCV].mount,
                         "onUpdate:modelValue": s[14] || (s[14] = (b) => Q[g(E).HCV].mount = b),
                         modelModifiers: { trim: !0 },
@@ -5369,17 +5382,17 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
                         required: "",
                         type: "text"
                       }, null, 8, ["modelValue", "is-readonly", "label"]),
-                      p(X, {
+                      f(X, {
                         modelValue: Q[g(E).HCV].kv,
                         "onUpdate:modelValue": s[15] || (s[15] = (b) => Q[g(E).HCV].kv = b),
                         "data-testid": "vault-form-config-hcv-kv",
-                        items: eA,
+                        items: $,
                         label: g(o)("form.config.hcv.fields.kv.label"),
                         readonly: r.isReadonly,
                         required: "",
                         width: "100%"
                       }, null, 8, ["modelValue", "label", "readonly"]),
-                      p(L, {
+                      f(M, {
                         modelValue: Q[g(E).HCV].namespace,
                         "onUpdate:modelValue": s[16] || (s[16] = (b) => Q[g(E).HCV].namespace = b),
                         modelModifiers: { trim: !0 },
@@ -5389,7 +5402,7 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
                         label: g(o)("form.config.hcv.fields.namespace.label"),
                         type: "text"
                       }, null, 8, ["modelValue", "is-readonly", "label"]),
-                      p(X, {
+                      f(X, {
                         modelValue: Q[g(E).HCV].auth_method,
                         "onUpdate:modelValue": s[17] || (s[17] = (b) => Q[g(E).HCV].auth_method = b),
                         "data-testid": "vault-form-config-hcv-auth_method",
@@ -5403,8 +5416,8 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
                         required: "",
                         width: "100%"
                       }, null, 8, ["modelValue", "items", "label", "readonly"]),
-                      Q[g(E).HCV].auth_method === g(aA).TOKEN ? (u(), J("div", xg, [
-                        p(L, {
+                      Q[g(E).HCV].auth_method === g(aA).TOKEN ? (u(), J("div", Ng, [
+                        f(M, {
                           modelValue: Q[g(E).HCV].token,
                           "onUpdate:modelValue": s[18] || (s[18] = (b) => Q[g(E).HCV].token = b),
                           modelModifiers: { trim: !0 },
@@ -5415,8 +5428,8 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
                           required: "",
                           type: "text"
                         }, null, 8, ["modelValue", "is-readonly", "label"])
-                      ])) : Q[g(E).HCV].auth_method === g(aA).K8S ? (u(), J("div", Ng, [
-                        p(L, {
+                      ])) : Q[g(E).HCV].auth_method === g(aA).K8S ? (u(), J("div", xg, [
+                        f(M, {
                           modelValue: Q[g(E).HCV].kube_role,
                           "onUpdate:modelValue": s[19] || (s[19] = (b) => Q[g(E).HCV].kube_role = b),
                           modelModifiers: { trim: !0 },
@@ -5427,7 +5440,7 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
                           required: "",
                           type: "text"
                         }, null, 8, ["modelValue", "is-readonly", "label"]),
-                        p(L, {
+                        f(M, {
                           modelValue: Q[g(E).HCV].kube_auth_path,
                           "onUpdate:modelValue": s[20] || (s[20] = (b) => Q[g(E).HCV].kube_auth_path = b),
                           modelModifiers: { trim: !0 },
@@ -5437,7 +5450,7 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
                           label: g(o)("form.config.hcv.fields.kube_auth_path.label"),
                           type: "text"
                         }, null, 8, ["modelValue", "is-readonly", "label"]),
-                        p(L, {
+                        f(M, {
                           modelValue: Q[g(E).HCV].kube_api_token_file,
                           "onUpdate:modelValue": s[21] || (s[21] = (b) => Q[g(E).HCV].kube_api_token_file = b),
                           modelModifiers: { trim: !0 },
@@ -5448,8 +5461,8 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
                           required: "",
                           type: "text"
                         }, null, 8, ["modelValue", "is-readonly", "label"])
-                      ])) : Q[g(E).HCV].auth_method === g(aA).APP_ROLE ? (u(), J("div", Mg, [
-                        p(L, {
+                      ])) : Q[g(E).HCV].auth_method === g(aA).APP_ROLE ? (u(), J("div", Lg, [
+                        f(M, {
                           modelValue: Q[g(E).HCV].approle_auth_path,
                           "onUpdate:modelValue": s[22] || (s[22] = (b) => Q[g(E).HCV].approle_auth_path = b),
                           modelModifiers: { trim: !0 },
@@ -5459,7 +5472,7 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
                           label: g(o)("form.config.hcv.fields.approle_auth_path.label"),
                           type: "text"
                         }, null, 8, ["modelValue", "is-readonly", "label"]),
-                        p(L, {
+                        f(M, {
                           modelValue: Q[g(E).HCV].approle_role_id,
                           "onUpdate:modelValue": s[23] || (s[23] = (b) => Q[g(E).HCV].approle_role_id = b),
                           modelModifiers: { trim: !0 },
@@ -5470,7 +5483,7 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
                           required: "",
                           type: "text"
                         }, null, 8, ["modelValue", "is-readonly", "label"]),
-                        p(L, {
+                        f(M, {
                           modelValue: Q[g(E).HCV].approle_secret_id,
                           "onUpdate:modelValue": s[24] || (s[24] = (b) => Q[g(E).HCV].approle_secret_id = b),
                           modelModifiers: { trim: !0 },
@@ -5480,7 +5493,7 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
                           label: g(o)("form.config.hcv.fields.approle_secret_id.label"),
                           type: "text"
                         }, null, 8, ["modelValue", "is-readonly", "label"]),
-                        p(L, {
+                        f(M, {
                           modelValue: Q[g(E).HCV].approle_secret_id_file,
                           "onUpdate:modelValue": s[25] || (s[25] = (b) => Q[g(E).HCV].approle_secret_id_file = b),
                           modelModifiers: { trim: !0 },
@@ -5490,7 +5503,7 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
                           label: g(o)("form.config.hcv.fields.approle_secret_id_file.label"),
                           type: "text"
                         }, null, 8, ["modelValue", "is-readonly", "label"]),
-                        p(RA, {
+                        f(RA, {
                           modelValue: Q[g(E).HCV].approle_response_wrapping,
                           "onUpdate:modelValue": s[26] || (s[26] = (b) => Q[g(E).HCV].approle_response_wrapping = b),
                           "data-testid": "vault-form-config-hcv-approle_response_wrapping",
@@ -5502,7 +5515,7 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
                       key: `${g(E).HCV}-vault-config-fields`,
                       class: "vault-form-config-fields-container"
                     }, [
-                      p(L, {
+                      f(M, {
                         modelValue: Q[g(E).AZURE].location,
                         "onUpdate:modelValue": s[27] || (s[27] = (b) => Q[g(E).AZURE].location = b),
                         modelModifiers: { trim: !0 },
@@ -5513,7 +5526,7 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
                         required: "",
                         type: "text"
                       }, null, 8, ["modelValue", "is-readonly", "label"]),
-                      p(L, {
+                      f(M, {
                         modelValue: Q[g(E).AZURE].vault_uri,
                         "onUpdate:modelValue": s[28] || (s[28] = (b) => Q[g(E).AZURE].vault_uri = b),
                         modelModifiers: { trim: !0 },
@@ -5524,7 +5537,7 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
                         required: "",
                         type: "text"
                       }, null, 8, ["modelValue", "is-readonly", "label"]),
-                      p(L, {
+                      f(M, {
                         modelValue: Q[g(E).AZURE].credentials_prefix,
                         "onUpdate:modelValue": s[29] || (s[29] = (b) => Q[g(E).AZURE].credentials_prefix = b),
                         modelModifiers: { trim: !0 },
@@ -5535,18 +5548,18 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
                         required: "",
                         type: "text"
                       }, null, 8, ["modelValue", "is-readonly", "label"]),
-                      p(X, {
+                      f(X, {
                         modelValue: Q[g(E).AZURE].type,
                         "onUpdate:modelValue": s[30] || (s[30] = (b) => Q[g(E).AZURE].type = b),
                         "data-testid": "vault-form-config-azure-type",
-                        items: q,
+                        items: D,
                         label: g(o)("form.config.azure.fields.type.label"),
                         placeholder: g(o)("form.config.azure.fields.type.placeholder"),
                         readonly: r.isReadonly,
                         required: "",
                         width: "100%"
                       }, null, 8, ["modelValue", "label", "placeholder", "readonly"]),
-                      p(L, {
+                      f(M, {
                         modelValue: Q[g(E).AZURE].client_id,
                         "onUpdate:modelValue": s[31] || (s[31] = (b) => Q[g(E).AZURE].client_id = b),
                         modelModifiers: { trim: !0 },
@@ -5556,7 +5569,7 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
                         label: g(o)("form.config.azure.fields.client_id.label"),
                         type: "text"
                       }, null, 8, ["modelValue", "is-readonly", "label"]),
-                      p(L, {
+                      f(M, {
                         modelValue: Q[g(E).AZURE].tenant_id,
                         "onUpdate:modelValue": s[32] || (s[32] = (b) => Q[g(E).AZURE].tenant_id = b),
                         modelModifiers: { trim: !0 },
@@ -5567,7 +5580,7 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
                         type: "text"
                       }, null, 8, ["modelValue", "is-readonly", "label"])
                     ])) : z("", !0),
-                    A.config.ttl ? (u(), J("div", Lg, [
+                    A.config.ttl ? (u(), J("div", Mg, [
                       c.value ? (u(), Y(PA, {
                         key: 0,
                         class: "advanced-fields-collapse",
@@ -5576,9 +5589,9 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
                         "trigger-label": g(o)("form.config.advancedFields.title")
                       }, {
                         default: m(() => [
-                          F("div", Kg, [
-                            F("div", jg, [
-                              p(L, {
+                          x("div", Kg, [
+                            x("div", jg, [
+                              f(M, {
                                 modelValue: Q[C.value].ttl,
                                 "onUpdate:modelValue": s[33] || (s[33] = (b) => Q[C.value].ttl = b),
                                 "data-testid": "vault-ttl-input",
@@ -5587,8 +5600,8 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
                                 type: "number"
                               }, null, 8, ["modelValue", "label", "label-attributes"])
                             ]),
-                            F("div", Og, [
-                              p(L, {
+                            x("div", Og, [
+                              f(M, {
                                 modelValue: Q[C.value].neg_ttl,
                                 "onUpdate:modelValue": s[34] || (s[34] = (b) => Q[C.value].neg_ttl = b),
                                 "data-testid": "vault-neg-ttl-input",
@@ -5598,9 +5611,9 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
                               }, null, 8, ["modelValue", "label", "label-attributes"])
                             ])
                           ]),
-                          F("div", Dg, [
-                            F("div", qg, [
-                              p(L, {
+                          x("div", Dg, [
+                            x("div", qg, [
+                              f(M, {
                                 modelValue: Q[C.value].resurrect_ttl,
                                 "onUpdate:modelValue": s[35] || (s[35] = (b) => Q[C.value].resurrect_ttl = b),
                                 "data-testid": "vault-resurrect-ttl-input",
@@ -5626,7 +5639,7 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
       ]);
     };
   }
-}), or = /* @__PURE__ */ aa(Yg, [["__scopeId", "data-v-a879e495"]]), Wg = { class: "kong-ui-vault-entity-config-card" }, lr = /* @__PURE__ */ $({
+}), or = /* @__PURE__ */ aa(Yg, [["__scopeId", "data-v-a879e495"]]), Wg = { class: "kong-ui-vault-entity-config-card" }, lr = /* @__PURE__ */ AA({
   __name: "VaultConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -5653,7 +5666,7 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
   },
   emits: ["loading", "fetch:error", "fetch:success"],
   setup(A) {
-    const e = A, t = U(() => {
+    const e = A, t = S(() => {
       var o, l;
       return (l = te.form[(o = e.config) == null ? void 0 : o.app]) == null ? void 0 : l.edit;
     }), { i18n: { t: i } } = Ve.useI18n(), a = j({
@@ -5680,7 +5693,7 @@ const Sg = { class: "kong-ui-entities-vault-form" }, Jg = { class: "vault-form-p
       }
     });
     return (o, l) => (u(), J("div", Wg, [
-      p(g(un), {
+      f(g(un), {
         config: A.config,
         "config-card-doc": A.configCardDoc,
         "config-schema": a.value,