@kong-ui-public/entities-shared 3.33.2-pr.2665.3c8048eae.0 → 3.33.2-pr.2665.525593492.0

package/dist/entities-shared.es.js

@@ -1,4 +1,4 @@
-import { inject as Pt, ref as K, computed as $, unref as T, toValue as ye, watch as be, toRef as Jn, provide as Dt, defineComponent as z, createBlock as j, openBlock as m, resolveDynamicComponent as Pe, normalizeClass as fe, withCtx as _, createElementBlock as S, createCommentVNode as N, createElementVNode as R, toDisplayString as L, Fragment as ue, renderList as ce, resolveComponent as D, createVNode as M, createTextVNode as q, useCssVars as Ut, useId as Gn, useSlots as De, renderSlot as P, createSlots as Se, normalizeProps as zn, guardReactiveProps as Qn, mergeProps as qt, onMounted as nt, onBeforeMount as it, withModifiers as Be, Teleport as Ht, onUnmounted as Zn, withDirectives as xe, vShow as Ce, withKeys as Xn, warn as ei } from "vue";
+import { inject as Pt, ref as N, computed as $, unref as T, toValue as ye, watch as be, toRef as Jn, provide as Dt, defineComponent as z, createBlock as j, openBlock as m, resolveDynamicComponent as Pe, normalizeClass as fe, withCtx as k, createElementBlock as S, createCommentVNode as M, createElementVNode as B, toDisplayString as L, Fragment as ue, renderList as ce, resolveComponent as D, createVNode as K, createTextVNode as U, useCssVars as Ut, useId as Gn, useSlots as De, renderSlot as P, createSlots as Se, normalizeProps as zn, guardReactiveProps as Qn, mergeProps as qt, onMounted as nt, onBeforeMount as it, withModifiers as Be, Teleport as Ht, onUnmounted as Zn, withDirectives as xe, vShow as Ce, withKeys as Xn, warn as ei } from "vue";
 import pt from "axios";
 import { createI18n as ti, i18nTComponent as ni } from "@kong-ui-public/i18n";
 import { BadgeMethodAppearances as ii, KButton as mt, KTruncate as ri, KBadge as ai } from "@kong/kongponents";
@@ -278,7 +278,7 @@ function Ii(e, t, n, i = {
   n || (n = "1000");
   const { axiosInstance: r } = rt(e.axiosRequestConfig), { i18n: { t: o } } = qe(), { debounce: a } = yi(), s = a(async (E) => {
     await C(E);
-  }, 200), l = K(!1), c = K(""), d = K(""), u = K([]), p = K([]), g = K(void 0), y = $(() => {
+  }, 200), l = N(!1), c = N(""), d = N(""), u = N([]), p = N([]), g = N(void 0), y = $(() => {
     const E = `${e.apiBaseUrl}${T(t)}`;
     return e.app === "konnect" ? E.replace(/{controlPlaneId}/gi, (e == null ? void 0 : e.controlPlaneId) || "") : e.app === "kongManager" ? E.replace(/\/{workspace}/gi, e != null && e.workspace ? `/${e.workspace}` : "") : E;
   }), { isValidUuid: x } = Wt(), h = async () => {
@@ -291,30 +291,30 @@ function Ii(e, t, n, i = {
     } finally {
       l.value = !1;
     }
-  }, k = K(""), C = async (E) => {
+  }, A = N(""), C = async (E) => {
     var Y, X, w;
-    if (k.value !== E) {
-      if (k.value = E ?? "", !E) {
+    if (A.value !== E) {
+      if (A.value = E ?? "", !E) {
         u.value = p.value;
         return;
       }
       if (g.value === void 0)
         try {
           if (l.value = !0, c.value = "", d.value = "", e.app === "konnect") {
-            const A = `${y.value}/${E}`, { data: O } = await r.get(`${A}?size=${n}`);
+            const _ = `${y.value}/${E}`, { data: O } = await r.get(`${_}?size=${n}`);
             i.fetchedItemsKey in O ? u.value = O[i.fetchedItemsKey] : O != null && O[i.exactMatchKey ?? "id"] ? u.value = [O] : u.value = [];
           } else {
-            const A = [];
-            x(E) && i.searchKeys.includes("id") ? A.push((async () => {
+            const _ = [];
+            x(E) && i.searchKeys.includes("id") ? _.push((async () => {
               const { data: v } = await r.get(`${y.value}/${E}`);
               return [v[i.fetchedItemsKey] ?? v];
-            })()) : A.push(
+            })()) : _.push(
               ...i.searchKeys.filter((v) => v !== "id").map(async (v) => {
                 const { data: b } = await r.get(`${y.value}?${v}=${E}`);
                 return b[i.fetchedItemsKey];
               })
             );
-            const O = await Promise.all(A), f = /* @__PURE__ */ new Set();
+            const O = await Promise.all(_), f = /* @__PURE__ */ new Set();
             u.value = [], (Y = O == null ? void 0 : O.forEach) == null || Y.call(O, (v) => {
               var b;
               (b = v == null ? void 0 : v.forEach) == null || b.call(v, (H) => {
@@ -322,17 +322,17 @@ function Ii(e, t, n, i = {
               });
             });
           }
-        } catch (A) {
-          ((X = A == null ? void 0 : A.response) == null ? void 0 : X.status) === 404 ? d.value = o("debouncedFilter.errors.invalid") : (u.value = [], c.value = o("debouncedFilter.errors.fetch"));
+        } catch (_) {
+          ((X = _ == null ? void 0 : _.response) == null ? void 0 : X.status) === 404 ? d.value = o("debouncedFilter.errors.invalid") : (u.value = [], c.value = o("debouncedFilter.errors.fetch"));
         } finally {
           l.value = !1;
         }
       else
-        l.value = !0, d.value = "", u.value = (w = g.value) == null ? void 0 : w.filter((A) => {
+        l.value = !0, d.value = "", u.value = (w = g.value) == null ? void 0 : w.filter((_) => {
           var f;
           let O = !1;
           for (const v of i.searchKeys) {
-            const b = typeof A[v] == "string" ? (f = A[v]) == null ? void 0 : f.toLowerCase() : A[v];
+            const b = typeof _[v] == "string" ? (f = _[v]) == null ? void 0 : f.toLowerCase() : _[v];
             b != null && b.includes(E.toLowerCase()) && (O = !0);
           }
           return O;
@@ -460,7 +460,7 @@ function Jt(e, t) {
 }
 const gt = /* @__PURE__ */ new Map();
 function Bi(e, t, n) {
-  const i = K(!0), r = ye(e), { axiosInstance: o } = rt(r.axiosRequestConfig), a = Jt(e, t), s = K({
+  const i = N(!0), r = ye(e), { axiosInstance: o } = rt(r.axiosRequestConfig), a = Jt(e, t), s = N({
     status: me.Idle
   }), l = async (u) => {
     var g;
@@ -472,9 +472,9 @@ function Bi(e, t, n) {
       const x = await o.get(y);
       if (x.status >= 400)
         throw x;
-      const h = x.data, k = p && p.replace(/[^\w-_]/gi, "");
+      const h = x.data, A = p && p.replace(/[^\w-_]/gi, "");
       let C;
-      h[k] ? C = Array.isArray(h[k]) ? h[k] : [h[k]] : Array.isArray(h) ? C = h : C = Object.keys(h).length ? [h] : [];
+      h[A] ? C = Array.isArray(h[A]) ? h[A] : [h[A]] : Array.isArray(h) ? C = h : C = Object.keys(h).length ? [h] : [];
       const E = {
         data: C,
         total: C.length,
@@ -512,9 +512,9 @@ function Bi(e, t, n) {
 function Gt(e) {
   if (e) {
     let t = gt.get(e);
-    return t || (t = K(1), gt.set(e, t)), t;
+    return t || (t = N(1), gt.set(e, t)), t;
   }
-  return K(1);
+  return N(1);
 }
 function Ri() {
   const e = (i, r = "_") => i ? i.split(r).map((o) => o.toLowerCase() === "id" ? o.toUpperCase() : o.charAt(0).toUpperCase() + o.substring(1)).join(" ") : "", t = /(?:^|[\s-:'"])\w/g;
@@ -579,7 +579,7 @@ function Di(e) {
   return !(a && Ct(r, a, "<") || s && Ct(r, s, ">"));
 }
 function Ui(e) {
-  const t = K(0), n = K(0), i = K(!1);
+  const t = N(0), n = N(0), i = N(!1);
   return be(e, (o) => {
     o && !i.value && (t.value = o.offsetWidth, n.value = o.scrollWidth, i.value = !0);
   }), {
@@ -601,7 +601,7 @@ const ze = Symbol("schema"), Hi = (e) => {
 };
 function Yi(e) {
   let t = "";
-  const n = K(!1), i = K(null), r = $(() => {
+  const n = N(!1), i = N(null), r = $(() => {
     let a;
     return n.value ? a = !0 : i.value ? a = i.value.hasData || e && ye(e) : a = !1, !a;
   });
@@ -662,10 +662,10 @@ const W = {
     return (l, c) => (m(), j(Pe(e.isArrayItem ? "fieldset" : "div"), {
       class: fe(e.isArrayItem ? "config-card-fieldset" : "config-card-json-item")
     }, {
-      default: _(() => [
+      default: k(() => [
         e.isArrayItem ? (m(), S("legend", Wi, [
-          R("b", null, L(s.value), 1)
-        ])) : N("", !0),
+          B("b", null, L(s.value), 1)
+        ])) : M("", !0),
         (m(!0), S(ue, null, ce(Object.keys(a.value), (d, u) => (m(), j(Xt, {
           key: `${r.value}-property-${u}`,
           item: {
@@ -697,13 +697,13 @@ const W = {
     return (n, i) => {
       const r = D("KButton");
       return m(), S("div", null, [
-        M(r, {
+        K(r, {
           appearance: "tertiary",
           class: "navigation-button",
           onClick: i[0] || (i[0] = (o) => n.$emit("navigation-click", e.item))
         }, {
-          default: _(() => [
-            q(L(e.item.value || T(t)("baseConfigCard.commonFields.link")), 1)
+          default: k(() => [
+            U(L(e.item.value || T(t)("baseConfigCard.commonFields.link")), 1)
           ]),
           _: 1
         })
@@ -725,8 +725,8 @@ const W = {
       return m(), j(r, {
         appearance: e.status ? "success" : "neutral"
       }, {
-        default: _(() => [
-          q(L(e.status ? T(t)("baseConfigCard.statusBadge.enabledLabel") : T(t)("baseConfigCard.statusBadge.disabledLabel")), 1)
+        default: k(() => [
+          U(L(e.status ? T(t)("baseConfigCard.statusBadge.enabledLabel") : T(t)("baseConfigCard.statusBadge.disabledLabel")), 1)
         ]),
         _: 1
       }, 8, ["appearance"]);
@@ -895,22 +895,22 @@ const W = {
             text: n.item.value
           };
       }
-    }), h = K(), k = K(), { isTruncated: C } = W.useTruncationDetector(h), { isTruncated: E } = W.useTruncationDetector(k);
+    }), h = N(), A = N(), { isTruncated: C } = W.useTruncationDetector(h), { isTruncated: E } = W.useTruncationDetector(A);
     return (Y, X) => {
-      const w = D("KTooltip"), A = D("KLabel"), O = D("KBadge"), f = D("KCopy");
+      const w = D("KTooltip"), _ = D("KLabel"), O = D("KBadge"), f = D("KCopy");
       return m(), S("div", ar, [
-        R("div", {
+        B("div", {
           class: "config-card-details-label",
           "data-testid": `${e.item.key}-label`
         }, [
           P(Y.$slots, "label", { item: e.item }, () => [
-            M(A, { "tooltip-attributes": { maxWidth: "500px" } }, Se({
-              default: _(() => [
-                M(w, {
+            K(_, { "tooltip-attributes": { maxWidth: "500px" } }, Se({
+              default: k(() => [
+                K(w, {
                   text: T(C) ? e.item.label : ""
                 }, {
-                  default: _(() => [
-                    R("span", {
+                  default: k(() => [
+                    B("span", {
                       ref_key: "labelContent",
                       ref: h,
                       class: "label-content"
@@ -923,12 +923,12 @@ const W = {
             }, [
               d.value ? {
                 name: "tooltip",
-                fn: _(() => [
-                  R("div", {
+                fn: k(() => [
+                  B("div", {
                     "data-testid": `${e.item.key}-label-tooltip`
                   }, [
                     P(Y.$slots, "label-tooltip", {}, () => [
-                      q(L(e.item.tooltip), 1)
+                      U(L(e.item.tooltip), 1)
                     ], !0)
                   ], 8, lr)
                 ]),
@@ -937,7 +937,7 @@ const W = {
             ]), 1024)
           ], !0)
         ], 8, or),
-        R("div", {
+        B("div", {
           class: "config-card-details-value",
           "data-testid": `${e.item.key}-property-value`
         }, [
@@ -946,7 +946,7 @@ const W = {
           }, () => [
             c.value ? (m(), S("div", ur, [
               (m(), j(Pe(x.value.tag), zn(Qn(x.value.attrs)), {
-                default: _(() => [
+                default: k(() => [
                   x.value.additionalComponent === "KBadge" ? (m(), S("div", {
                     key: 0,
                     "data-testid": `${e.item.key}-badge-tags`
@@ -958,8 +958,8 @@ const W = {
                       tooltip: v,
                       "truncation-tooltip": ""
                     }, {
-                      default: _(() => [
-                        q(L(v), 1)
+                      default: k(() => [
+                        U(L(v), 1)
                       ]),
                       _: 2
                     }, 1032, ["data-testid", "tooltip"]))), 128))
@@ -984,8 +984,8 @@ const W = {
                       class: "config-badge",
                       "data-testid": `${e.item.key}-badge-method-${b}`
                     }, {
-                      default: _(() => [
-                        q(L(v), 1)
+                      default: k(() => [
+                        U(L(v), 1)
                       ]),
                       _: 2
                     }, 1032, ["appearance", "data-testid"]))), 128))
@@ -1003,10 +1003,10 @@ const W = {
                     key: 4,
                     text: T(E) ? e.item.value : ""
                   }, {
-                    default: _(() => [
-                      R("span", {
+                    default: k(() => [
+                      B("span", {
                         ref_key: "textContent",
-                        ref: k,
+                        ref: A,
                         class: fe(["attrs-data-text", { truncated: e.truncated }])
                       }, L(x.value.text), 3)
                     ]),
@@ -1069,22 +1069,22 @@ const W = {
       const a = D("KBadge"), s = D("KCodeBlock");
       return m(), S("div", hr, [
         t.fetcherUrl ? (m(), S("div", vr, [
-          M(a, {
+          K(a, {
             appearance: t.requestMethod
           }, {
-            default: _(() => [
-              q(L(t.requestMethod), 1)
+            default: k(() => [
+              U(L(t.requestMethod), 1)
             ]),
             _: 1
           }, 8, ["appearance"]),
-          M(s, {
+          K(s, {
             id: "json-endpoint-codeblock",
             code: t.fetcherUrl,
             language: "json",
             "single-line": "",
             theme: "dark"
           }, null, 8, ["code"])
-        ])) : N("", !0),
+        ])) : M("", !0),
         t.entityRecord ? (m(), j(s, {
           key: 1,
           id: "json-codeblock",
@@ -1092,7 +1092,7 @@ const W = {
           code: JSON.stringify(n.value, null, 2),
           language: "json",
           theme: "dark"
-        }, null, 8, ["class", "code"])) : N("", !0)
+        }, null, 8, ["class", "code"])) : M("", !0)
       ]);
     };
   }
@@ -1862,7 +1862,7 @@ function Ia(e, t) {
   F(e, "unexpected end of the stream within a double quoted scalar");
 }
 function Fa(e, t) {
-  var n = !0, i, r, o, a = e.tag, s, l = e.anchor, c, d, u, p, g, y = /* @__PURE__ */ Object.create(null), x, h, k, C;
+  var n = !0, i, r, o, a = e.tag, s, l = e.anchor, c, d, u, p, g, y = /* @__PURE__ */ Object.create(null), x, h, A, C;
   if (C = e.input.charCodeAt(e.position), C === 91)
     d = 93, g = !1, s = [];
   else if (C === 123)
@@ -1872,7 +1872,7 @@ function Fa(e, t) {
   for (e.anchor !== null && (e.anchorMap[e.anchor] = s), C = e.input.charCodeAt(++e.position); C !== 0; ) {
     if (Z(e, !0, t), C = e.input.charCodeAt(e.position), C === d)
       return e.position++, e.tag = a, e.anchor = l, e.kind = g ? "mapping" : "sequence", e.result = s, !0;
-    n ? C === 44 && F(e, "expected the node content, but found ','") : F(e, "missed comma between flow collection entries"), h = x = k = null, u = p = !1, C === 63 && (c = e.input.charCodeAt(e.position + 1), le(c) && (u = p = !0, e.position++, Z(e, !0, t))), i = e.line, r = e.lineStart, o = e.position, $e(e, t, Re, !1, !0), h = e.tag, x = e.result, Z(e, !0, t), C = e.input.charCodeAt(e.position), (p || e.line === i) && C === 58 && (u = !0, C = e.input.charCodeAt(++e.position), Z(e, !0, t), $e(e, t, Re, !1, !0), k = e.result), g ? we(e, s, y, h, x, k, i, r, o) : u ? s.push(we(e, null, y, h, x, k, i, r, o)) : s.push(x), Z(e, !0, t), C = e.input.charCodeAt(e.position), C === 44 ? (n = !0, C = e.input.charCodeAt(++e.position)) : n = !1;
+    n ? C === 44 && F(e, "expected the node content, but found ','") : F(e, "missed comma between flow collection entries"), h = x = A = null, u = p = !1, C === 63 && (c = e.input.charCodeAt(e.position + 1), le(c) && (u = p = !0, e.position++, Z(e, !0, t))), i = e.line, r = e.lineStart, o = e.position, $e(e, t, Re, !1, !0), h = e.tag, x = e.result, Z(e, !0, t), C = e.input.charCodeAt(e.position), (p || e.line === i) && C === 58 && (u = !0, C = e.input.charCodeAt(++e.position), Z(e, !0, t), $e(e, t, Re, !1, !0), A = e.result), g ? we(e, s, y, h, x, A, i, r, o) : u ? s.push(we(e, null, y, h, x, A, i, r, o)) : s.push(x), Z(e, !0, t), C = e.input.charCodeAt(e.position), C === 44 ? (n = !0, C = e.input.charCodeAt(++e.position)) : n = !1;
   }
   F(e, "unexpected end of the stream within a flow collection");
 }
@@ -1939,11 +1939,11 @@ function Et(e, t) {
   return s ? (e.tag = i, e.anchor = r, e.kind = "sequence", e.result = o, !0) : !1;
 }
 function La(e, t, n) {
-  var i, r, o, a, s, l, c = e.tag, d = e.anchor, u = {}, p = /* @__PURE__ */ Object.create(null), g = null, y = null, x = null, h = !1, k = !1, C;
+  var i, r, o, a, s, l, c = e.tag, d = e.anchor, u = {}, p = /* @__PURE__ */ Object.create(null), g = null, y = null, x = null, h = !1, A = !1, C;
   if (e.firstTabInLine !== -1) return !1;
   for (e.anchor !== null && (e.anchorMap[e.anchor] = u), C = e.input.charCodeAt(e.position); C !== 0; ) {
     if (!h && e.firstTabInLine !== -1 && (e.position = e.firstTabInLine, F(e, "tab characters must not be used in indentation")), i = e.input.charCodeAt(e.position + 1), o = e.line, (C === 63 || C === 58) && le(i))
-      C === 63 ? (h && (we(e, u, p, g, y, null, a, s, l), g = y = x = null), k = !0, h = !0, r = !0) : h ? (h = !1, r = !0) : F(e, "incomplete explicit mapping pair; a key node is missed; or followed by a non-tabulated empty line"), e.position += 1, C = i;
+      C === 63 ? (h && (we(e, u, p, g, y, null, a, s, l), g = y = x = null), A = !0, h = !0, r = !0) : h ? (h = !1, r = !0) : F(e, "incomplete explicit mapping pair; a key node is missed; or followed by a non-tabulated empty line"), e.position += 1, C = i;
     else {
       if (a = e.line, s = e.lineStart, l = e.position, !$e(e, n, An, !1, !0))
         break;
@@ -1951,12 +1951,12 @@ function La(e, t, n) {
         for (C = e.input.charCodeAt(e.position); ve(C); )
           C = e.input.charCodeAt(++e.position);
         if (C === 58)
-          C = e.input.charCodeAt(++e.position), le(C) || F(e, "a whitespace character is expected after the key-value separator within a block mapping"), h && (we(e, u, p, g, y, null, a, s, l), g = y = x = null), k = !0, h = !1, r = !1, g = e.tag, y = e.result;
-        else if (k)
+          C = e.input.charCodeAt(++e.position), le(C) || F(e, "a whitespace character is expected after the key-value separator within a block mapping"), h && (we(e, u, p, g, y, null, a, s, l), g = y = x = null), A = !0, h = !1, r = !1, g = e.tag, y = e.result;
+        else if (A)
           F(e, "can not read an implicit mapping pair; a colon is missed");
         else
           return e.tag = c, e.anchor = d, !0;
-      } else if (k)
+      } else if (A)
         F(e, "can not read a block mapping entry; a multiline key may not be an implicit key");
       else
         return e.tag = c, e.anchor = d, !0;
@@ -1966,7 +1966,7 @@ function La(e, t, n) {
     else if (e.lineIndent < t)
       break;
   }
-  return h && we(e, u, p, g, y, null, a, s, l), k && (e.tag = c, e.anchor = d, e.kind = "mapping", e.result = u), k;
+  return h && we(e, u, p, g, y, null, a, s, l), A && (e.tag = c, e.anchor = d, e.kind = "mapping", e.result = u), A;
 }
 function Ba(e) {
   var t, n = !1, i = !1, r, o, a;
@@ -2452,7 +2452,7 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
           code: n.value,
           language: "yaml",
           theme: "dark"
-        }, null, 8, ["code"])) : N("", !0)
+        }, null, 8, ["code"])) : M("", !0)
       ]);
     };
   }
@@ -2525,13 +2525,13 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
         Array.isArray(u) ? c += o(u, d) : typeof u == "object" ? c += r(u, d) : c += i(u, d);
       return c;
     }, s = $(() => {
-      var p, g, y, x, h, k, C;
+      var p, g, y, x, h, A, C;
       const l = Object.fromEntries(Object.entries(t.entityRecord).filter(([, E]) => E != null)), c = t.entityRecord.config ? Object.fromEntries(Object.entries((p = t.entityRecord) == null ? void 0 : p.config).filter(([, E]) => E != null)) : void 0;
       if (c && (l.config = c), Object.keys(l).length === 0)
         return "";
       delete l.id;
       let d = "", u = "";
-      if ((g = l.service) != null && g.id ? (u = "service", delete l.service) : (y = l.route) != null && y.id ? (u = "route", delete l.route) : (x = l.consumer) != null && x.id ? (u = "consumer", delete l.consumer) : (h = l.consumer_group) != null && h.id ? (u = "consumer_group", delete l.consumer_group) : (k = l.certificate) != null && k.id ? (u = "certificate", delete l.certificate) : (C = l.set) != null && C.id && (u = "set", delete l.set), n.value) {
+      if ((g = l.service) != null && g.id ? (u = "service", delete l.service) : (y = l.route) != null && y.id ? (u = "route", delete l.route) : (x = l.consumer) != null && x.id ? (u = "consumer", delete l.consumer) : (h = l.consumer_group) != null && h.id ? (u = "consumer_group", delete l.consumer_group) : (A = l.certificate) != null && A.id ? (u = "certificate", delete l.certificate) : (C = l.set) != null && C.id && (u = "set", delete l.set), n.value) {
         const E = t.subEntityType ? `${t.entityType}_${t.subEntityType}` : t.entityType;
         d += `resource "konnect_event_gateway_${E}" "my_eventgateway${E.replaceAll("_", "")}" {
 `, d += `${ie}provider = konnect-beta 
@@ -2559,7 +2559,7 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
           code: s.value,
           language: "terraform",
           theme: "dark"
-        }, null, 8, ["code"])) : N("", !0)
+        }, null, 8, ["code"])) : M("", !0)
       ]);
     };
   }
@@ -2587,24 +2587,45 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
         ...n.value,
         [t.entityType + "s"]: [o]
       };
-      return Hn.dump(a);
+      return Hn.dump(a, { quotingType: '"' }).trim();
     }), r = $(() => {
-      let o = "deck gatway apply -";
-      return t.geoServerUrl && (o += ` --konnect-addr ${t.geoServerUrl}`), `echo
-'${i.value}
-' | ${o}
-`;
+      let o = "deck gateway apply -";
+      return t.geoServerUrl && (o += ` --konnect-addr ${t.geoServerUrl}`), `echo '${i.value}
+' | ${o}`;
     });
     return (o, a) => {
-      const s = D("KCodeBlock");
+      const s = D("KBadge"), l = D("KCodeBlock");
       return m(), S("div", Do, [
-        t.entityRecord ? (m(), j(s, {
+        B("p", null, [
+          a[1] || (a[1] = U(" The ", -1)),
+          K(s, null, {
+            default: k(() => [...a[0] || (a[0] = [
+              U("DECK_KONNECT_TOKEN", -1)
+            ])]),
+            _: 1
+          }),
+          a[2] || (a[2] = U(" environment variable must be added first. See ", -1)),
+          a[3] || (a[3] = B("a", {
+            href: "https://developer.konghq.com/deck/get-started/",
+            target: "_blank"
+          }, "the documentation", -1)),
+          a[4] || (a[4] = U(" for details. ", -1))
+        ]),
+        K(l, {
+          id: "deck-env-codeblock",
+          code: "export DECK_KONNECT_TOKEN=<your_konnect_PAT>",
+          language: "shell",
+          "single-line": "",
+          style: { "margin-bottom": "28px" },
+          theme: "dark"
+        }),
+        t.entityRecord ? (m(), j(l, {
           key: 0,
           id: "deck-codeblock",
           code: r.value,
           language: "shell",
           theme: "dark"
-        }, null, 8, ["code"])) : N("", !0)
+        }, null, 8, ["code"])) : M("", !0)
       ]);
     };
   }
@@ -2686,16 +2707,16 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
           class: fe(`config-card-details-${c}-props`),
           "data-testid": `config-card-details-${c}-props`
         }, [
-          c !== "basic" ? (m(), S("div", Ho, L(c === "advanced" ? T(i)("baseConfigCard.sections.advanced") : c === "plugin" ? T(i)("baseConfigCard.sections.plugin") : T(i)("baseConfigCard.sections.policy")), 1)) : N("", !0),
+          c !== "basic" ? (m(), S("div", Ho, L(c === "advanced" ? T(i)("baseConfigCard.sections.advanced") : c === "plugin" ? T(i)("baseConfigCard.sections.plugin") : T(i)("baseConfigCard.sections.policy")), 1)) : M("", !0),
           (m(!0), S(ue, null, ce(e.propertyCollections[c], (d) => P(s.$slots, `config-card-item-${d.key}`, {
             key: d.key,
             item: d
           }, () => [
-            M(Xt, { item: d }, Se({
-              label: _(() => [
+            K(Xt, { item: d }, Se({
+              label: k(() => [
                 P(s.$slots, `${d.key}-label`, { row: d }, void 0, !0)
               ]),
-              [d.key]: _(({ rowValue: u }) => [
+              [d.key]: k(({ rowValue: u }) => [
                 P(s.$slots, d.key, {
                   row: d,
                   rowValue: u
@@ -2705,7 +2726,7 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
             }, [
               r(d) ? {
                 name: "label-tooltip",
-                fn: _(() => [
+                fn: k(() => [
                   P(s.$slots, `${d.key}-label-tooltip`, { row: d }, void 0, !0)
                 ]),
                 key: "0"
@@ -2713,31 +2734,31 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
             ]), 1032, ["item"])
           ], !0)), 128))
         ], 10, qo))), 128))
-      ])) : N("", !0),
+      ])) : M("", !0),
       e.format === "json" && o.value ? (m(), j(en, {
         key: 1,
         config: t.config,
         "entity-record": o.value,
         "fetcher-url": a.value,
         "request-method": "get"
-      }, null, 8, ["config", "entity-record", "fetcher-url"])) : N("", !0),
+      }, null, 8, ["config", "entity-record", "fetcher-url"])) : M("", !0),
       e.format === "yaml" && o.value ? (m(), j(Vn, {
         key: 2,
         "entity-record": o.value
-      }, null, 8, ["entity-record"])) : N("", !0),
+      }, null, 8, ["entity-record"])) : M("", !0),
       e.format === "terraform" && o.value ? (m(), j(Yn, {
         key: 3,
         "entity-record": o.value,
         "entity-type": t.entityType,
         "sub-entity-type": t.subEntityType
-      }, null, 8, ["entity-record", "entity-type", "sub-entity-type"])) : N("", !0),
+      }, null, 8, ["entity-record", "entity-type", "sub-entity-type"])) : M("", !0),
       e.format === "deck" && o.value ? (m(), j(Wn, {
         key: 4,
         "control-plane-name": t.config.app === "konnect" ? t.config.controlPlaneName : void 0,
         "entity-record": o.value,
         "entity-type": t.entityType,
         "geo-server-url": t.config.app === "konnect" ? t.config.geoServerUrl : void 0
-      }, null, 8, ["control-plane-name", "entity-record", "entity-type", "geo-server-url"])) : N("", !0)
+      }, null, 8, ["control-plane-name", "entity-record", "entity-type", "geo-server-url"])) : M("", !0)
     ], 64));
   }
 }), Yo = /* @__PURE__ */ se(Vo, [["__scopeId", "data-v-2104198c"]]), Wo = {
@@ -2887,7 +2908,7 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
       label: r("baseForm.configuration.terraform"),
       value: "terraform"
     });
-    const c = l[0].value, d = K(c), u = (f) => {
+    const c = l[0].value, d = N(c), u = (f) => {
       d.value = f == null ? void 0 : f.value, n("configFormatChange", d.value);
     }, p = (f, v) => {
       localStorage.setItem(f, v);
@@ -2941,94 +2962,94 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
         // the last property displayed
         section: ae.Basic
       }
-    }, y = K(!1), x = K(!1), h = K(""), k = K({}), C = $(() => {
+    }, y = N(!1), x = N(!1), h = N(""), A = N({}), C = $(() => {
       var b, H, J;
-      if (!k.value)
+      if (!A.value)
         return [];
-      const f = [], v = Object.keys(k.value).length;
-      for (const I in k.value) {
+      const f = [], v = Object.keys(A.value).length;
+      for (const I in A.value) {
         if (I === "__ui_data") continue;
-        const B = (H = (b = i.configSchema) == null ? void 0 : b[I]) == null ? void 0 : H.order, G = (J = g[I]) == null ? void 0 : J.order;
-        let U = v;
-        (G || G === 0) && (U = G === -1 ? v + 1 : G), B && (U = B === -1 ? v + 1 : B), f.push([I, U]);
+        const R = (H = (b = i.configSchema) == null ? void 0 : b[I]) == null ? void 0 : H.order, G = (J = g[I]) == null ? void 0 : J.order;
+        let q = v;
+        (G || G === 0) && (q = G === -1 ? v + 1 : G), R && (q = R === -1 ? v + 1 : R), f.push([I, q]);
       }
-      return f.sort(function(I, B) {
-        return I[1] - B[1];
+      return f.sort(function(I, R) {
+        return I[1] - R[1];
       }), f.map((I) => {
         var dt, ft;
-        const B = I[0], G = (dt = k.value) == null ? void 0 : dt[B], U = ((ft = i.configSchema) == null ? void 0 : ft[B]) || {}, Q = g[B];
+        const R = I[0], G = (dt = A.value) == null ? void 0 : dt[R], q = ((ft = i.configSchema) == null ? void 0 : ft[R]) || {}, Q = g[R];
         return {
-          key: B,
+          key: R,
           value: G,
-          hidden: U.hidden || !1,
-          type: U.type ?? ((Q == null ? void 0 : Q.type) || V.Text),
-          label: U.label ?? ((Q == null ? void 0 : Q.label) || a(B)),
-          tooltip: U.tooltip ?? ((Q == null ? void 0 : Q.tooltip) || void 0),
-          section: U.section ?? ((Q == null ? void 0 : Q.section) || ae.Advanced)
+          hidden: q.hidden || !1,
+          type: q.type ?? ((Q == null ? void 0 : Q.type) || V.Text),
+          label: q.label ?? ((Q == null ? void 0 : Q.label) || a(R)),
+          tooltip: q.tooltip ?? ((Q == null ? void 0 : Q.tooltip) || void 0),
+          section: q.section ?? ((Q == null ? void 0 : Q.section) || ae.Advanced)
         };
       }).filter((I) => !I.hidden && I.key !== i.pluginConfigKey);
     }), E = $(() => {
       var H, J;
-      if (!k.value || !i.pluginConfigKey)
+      if (!A.value || !i.pluginConfigKey)
         return [];
-      const f = k.value[i.pluginConfigKey] || {}, v = Object.keys(f).length, b = [];
+      const f = A.value[i.pluginConfigKey] || {}, v = Object.keys(f).length, b = [];
       for (const I in f) {
-        const B = (J = (H = i.pluginConfigSchema) == null ? void 0 : H[I]) == null ? void 0 : J.order, G = f[I];
-        let U = G != null && G !== "" ? v - 1 : v;
-        B && (U = B === -1 ? v + 1 : B), b.push([I, U]);
+        const R = (J = (H = i.pluginConfigSchema) == null ? void 0 : H[I]) == null ? void 0 : J.order, G = f[I];
+        let q = G != null && G !== "" ? v - 1 : v;
+        R && (q = R === -1 ? v + 1 : R), b.push([I, q]);
       }
-      return b.sort(function(I, B) {
-        return I[1] - B[1];
+      return b.sort(function(I, R) {
+        return I[1] - R[1];
       }), b.map((I) => {
         var Q;
-        const B = I[0], G = f[B], U = ((Q = i.pluginConfigSchema) == null ? void 0 : Q[B]) || {};
+        const R = I[0], G = f[R], q = ((Q = i.pluginConfigSchema) == null ? void 0 : Q[R]) || {};
         return {
-          key: B,
+          key: R,
           value: G,
-          hidden: U.hidden || !1,
-          type: U.type ?? V.Text,
-          label: U.label ?? a(B),
-          tooltip: U.tooltip ?? void 0,
+          hidden: q.hidden || !1,
+          type: q.type ?? V.Text,
+          label: q.label ?? a(R),
+          tooltip: q.tooltip ?? void 0,
           section: ae.Plugin
         };
       }).filter((I) => !I.hidden);
     }), Y = $(() => {
       var H, J;
-      if (!k.value || !i.policyConfigKey)
+      if (!A.value || !i.policyConfigKey)
         return [];
-      const f = k.value[i.policyConfigKey] || {}, v = Object.keys(f).length, b = [];
+      const f = A.value[i.policyConfigKey] || {}, v = Object.keys(f).length, b = [];
       for (const I in f) {
-        const B = (J = (H = i.policyConfigSchema) == null ? void 0 : H[I]) == null ? void 0 : J.order, G = f[I];
-        let U = G != null && G !== "" ? v - 1 : v;
-        B && (U = B === -1 ? v + 1 : B), b.push([I, U]);
+        const R = (J = (H = i.policyConfigSchema) == null ? void 0 : H[I]) == null ? void 0 : J.order, G = f[I];
+        let q = G != null && G !== "" ? v - 1 : v;
+        R && (q = R === -1 ? v + 1 : R), b.push([I, q]);
       }
-      return b.sort(function(I, B) {
-        return I[1] - B[1];
+      return b.sort(function(I, R) {
+        return I[1] - R[1];
       }), b.map((I) => {
         var Q;
-        const B = I[0], G = f[B], U = ((Q = i.policyConfigSchema) == null ? void 0 : Q[B]) || {};
+        const R = I[0], G = f[R], q = ((Q = i.policyConfigSchema) == null ? void 0 : Q[R]) || {};
         return {
-          key: B,
+          key: R,
           value: G,
-          hidden: U.hidden || !1,
-          type: U.type ?? V.Text,
-          label: U.label ?? a(B),
-          tooltip: U.tooltip ?? void 0,
+          hidden: q.hidden || !1,
+          type: q.type ?? V.Text,
+          label: q.label ?? a(R),
+          tooltip: q.tooltip ?? void 0,
           section: ae.Policy
         };
       }).filter((I) => !I.hidden);
     }), X = $(() => {
       var f, v, b, H, J, I;
       return {
-        basic: (f = C.value) == null ? void 0 : f.filter((B) => B.section === ae.Basic),
-        advanced: (v = C.value) == null ? void 0 : v.filter((B) => B.section === ae.Advanced),
-        plugin: (H = E.value) == null ? void 0 : H.concat((b = C.value) == null ? void 0 : b.filter((B) => B.section === ae.Plugin)),
-        policy: (I = Y.value) == null ? void 0 : I.concat((J = C.value) == null ? void 0 : J.filter((B) => B.section === ae.Policy))
+        basic: (f = C.value) == null ? void 0 : f.filter((R) => R.section === ae.Basic),
+        advanced: (v = C.value) == null ? void 0 : v.filter((R) => R.section === ae.Advanced),
+        plugin: (H = E.value) == null ? void 0 : H.concat((b = C.value) == null ? void 0 : b.filter((R) => R.section === ae.Plugin)),
+        policy: (I = Y.value) == null ? void 0 : I.concat((J = C.value) == null ? void 0 : J.filter((R) => R.section === ae.Policy))
       };
     }), w = $(() => {
       const f = [];
       return X.value.basic.length && f.push("basic"), X.value.advanced.length && f.push("advanced"), X.value.plugin.length && f.push("plugin"), X.value.policy.length && f.push("policy"), f;
-    }), A = $(() => {
+    }), _ = $(() => {
       var v, b;
       let f = `${i.config.apiBaseUrl}${i.fetchUrl}`;
       return i.config.app === "konnect" ? f = f.replace(/{controlPlaneId}/gi, ((v = i.config) == null ? void 0 : v.controlPlaneId) || "") : i.config.app === "kongManager" && (f = f.replace(/\/{workspace}/gi, (b = i.config) != null && b.workspace ? `/${i.config.workspace}` : "")), f = f.replace(/{id}/gi, i.config.entityId), f;
@@ -3038,15 +3059,15 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
     }, { immediate: !0 }), it(async () => {
       x.value = !1, y.value = !0;
       try {
-        const { data: f } = await s.get(A.value);
+        const { data: f } = await s.get(_.value);
         if (i.dataKey)
           if (typeof f[i.dataKey] < "u")
-            k.value = { ...f[i.dataKey] };
+            A.value = { ...f[i.dataKey] };
           else
             throw new Error(r("errors.dataKeyUndefined", { dataKey: i.dataKey }));
-        else i.recordResolver ? k.value = { ...i.recordResolver(f) } : k.value = { ...f };
+        else i.recordResolver ? A.value = { ...i.recordResolver(f) } : A.value = { ...f };
         Object.keys(i.configSchema).filter((b) => i.configSchema[b].forceShow).forEach((b) => {
-          k.value && typeof k.value[b] > "u" && (k.value[b] = null);
+          A.value && typeof A.value[b] > "u" && (A.value[b] = null);
         }), n("fetch:success", f);
       } catch (f) {
         const v = o(f);
@@ -3055,26 +3076,26 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
         y.value = !1;
       }
     }), (f, v) => {
-      const b = D("KLabel"), H = D("KSelect"), J = D("KButton"), I = D("KSkeleton"), B = D("KEmptyState"), G = D("KCard");
+      const b = D("KLabel"), H = D("KSelect"), J = D("KButton"), I = D("KSkeleton"), R = D("KEmptyState"), G = D("KCard");
       return m(), j(G, {
         class: "kong-ui-entity-base-config-card",
         "title-tag": e.titleTag
       }, Se({
-        actions: _(() => [
-          R("div", Jo, [
+        actions: k(() => [
+          B("div", Jo, [
             P(f.$slots, "actions", {}, void 0, !0),
-            M(b, {
+            K(b, {
               class: "config-format-select-label",
               "data-testid": "config-format-select-label"
             }, {
-              default: _(() => [
-                q(L(e.label), 1)
+              default: k(() => [
+                U(L(e.label), 1)
               ]),
               _: 1
             }),
-            M(H, {
+            K(H, {
               modelValue: d.value,
-              "onUpdate:modelValue": v[0] || (v[0] = (U) => d.value = U),
+              "onUpdate:modelValue": v[0] || (v[0] = (q) => d.value = q),
               "data-testid": "select-config-format",
               items: l,
               onChange: u
@@ -3085,51 +3106,51 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
               class: "book-icon",
               "data-testid": "book-icon"
             }, {
-              default: _(() => [
-                R("a", {
+              default: k(() => [
+                B("a", {
                   href: e.configCardDoc,
                   rel: "noopener",
                   target: "_blank"
                 }, [
-                  M(T(Vt), { size: T(rr) }, null, 8, ["size"])
+                  K(T(Vt), { size: T(rr) }, null, 8, ["size"])
                 ], 8, Go)
               ]),
               _: 1
-            })) : N("", !0)
+            })) : M("", !0)
           ])
         ]),
-        default: _(() => [
+        default: k(() => [
           y.value ? (m(), j(I, {
             key: 0,
             "data-testid": "config-card-loader",
             "table-columns": 2,
             type: "table"
-          })) : x.value ? (m(), j(B, {
+          })) : x.value ? (m(), j(R, {
             key: 1,
             "data-testid": "config-card-fetch-error",
             "icon-variant": "error"
           }, {
-            default: _(() => [
-              R("h3", null, L(h.value), 1)
+            default: k(() => [
+              B("h3", null, L(h.value), 1)
             ]),
             _: 1
-          })) : N("", !0),
-          R("div", zo, [
-            M(Yo, {
+          })) : M("", !0),
+          B("div", zo, [
+            K(Yo, {
               "code-block-record-formatter": e.codeBlockRecordFormatter,
               config: e.config,
               "entity-type": e.entityType,
-              "fetcher-url": A.value,
+              "fetcher-url": _.value,
               format: d.value,
               "prop-list-types": w.value,
               "property-collections": X.value,
-              record: k.value,
+              record: A.value,
               "sub-entity-type": e.subEntityType
             }, Se({ _: 2 }, [
-              ce(Object.keys(f.$slots), (U) => ({
-                name: U,
-                fn: _((Q) => [
-                  P(f.$slots, U, qt({ record: k.value }, Q), void 0, !0)
+              ce(Object.keys(f.$slots), (q) => ({
+                name: q,
+                fn: k((Q) => [
+                  P(f.$slots, q, qt({ record: A.value }, Q), void 0, !0)
                 ])
               }))
             ]), 1032, ["code-block-record-formatter", "config", "entity-type", "fetcher-url", "format", "prop-list-types", "property-collections", "record", "sub-entity-type"])
@@ -3139,10 +3160,10 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
       }, [
         e.hideTitle ? void 0 : {
           name: "title",
-          fn: _(() => [
-            R("span", Wo, [
+          fn: k(() => [
+            B("span", Wo, [
               P(f.$slots, "title", {}, () => [
-                q(L(T(r)("baseConfigCard.title")), 1)
+                U(L(T(r)("baseConfigCard.title")), 1)
               ], !0)
             ])
           ]),
@@ -3275,19 +3296,19 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
   emits: ["loading", "fetch:success", "fetch:error", "submit", "cancel", "codeBlockTabChange"],
   setup(e, { expose: t, emit: n }) {
     var X;
-    const i = n, r = e, o = ci(), { i18n: { t: a } } = W.useI18n(), { getMessageFromError: s } = W.useErrors(), { axiosInstance: l } = W.useAxios((X = r.config) == null ? void 0 : X.axiosRequestConfig), c = K(!1), d = $(() => !!r.editId), u = K(!1), p = K(""), g = $(() => r.canSubmit === !1 || r.isReadonly), y = K(!1), x = $(() => {
-      var A, O;
+    const i = n, r = e, o = ci(), { i18n: { t: a } } = W.useI18n(), { getMessageFromError: s } = W.useErrors(), { axiosInstance: l } = W.useAxios((X = r.config) == null ? void 0 : X.axiosRequestConfig), c = N(!1), d = $(() => !!r.editId), u = N(!1), p = N(""), g = $(() => r.canSubmit === !1 || r.isReadonly), y = N(!1), x = $(() => {
+      var _, O;
       let w = `${r.config.apiBaseUrl}${r.fetchUrl}`;
-      return r.config.app === "konnect" ? w = w.replace(/{controlPlaneId}/gi, ((A = r.config) == null ? void 0 : A.controlPlaneId) || "") : r.config.app === "kongManager" && (w = w.replace(/\/{workspace}/gi, (O = r.config) != null && O.workspace ? `/${r.config.workspace}` : "")), r.editId ? (w = w.replace(/{id}/gi, r.editId), w) : (w = w.replace(/\/{id}/gi, ""), w);
+      return r.config.app === "konnect" ? w = w.replace(/{controlPlaneId}/gi, ((_ = r.config) == null ? void 0 : _.controlPlaneId) || "") : r.config.app === "kongManager" && (w = w.replace(/\/{workspace}/gi, (O = r.config) != null && O.workspace ? `/${r.config.workspace}` : "")), r.editId ? (w = w.replace(/{id}/gi, r.editId), w) : (w = w.replace(/\/{id}/gi, ""), w);
     }), h = () => {
       y.value = !y.value;
-    }, k = () => {
+    }, A = () => {
       r.config.cancelRoute ? o.push(r.config.cancelRoute) : C();
     }, C = () => {
       i("cancel");
     }, E = () => {
       g.value || i("submit");
-    }, Y = K([
+    }, Y = N([
       {
         title: a("baseForm.configuration.json"),
         hash: "#json"
@@ -3312,8 +3333,8 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
           const { data: w } = await l.get(x.value);
           i("fetch:success", w);
         } catch (w) {
-          const A = s(w);
-          p.value = A.startsWith("code") ? a("baseForm.errors.edit") : A, u.value = !0, i("fetch:error", w);
+          const _ = s(w);
+          p.value = _.startsWith("code") ? a("baseForm.errors.edit") : _, u.value = !0, i("fetch:error", w);
         } finally {
           c.value = !1;
         }
@@ -3321,10 +3342,10 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
       viewConfig: h,
       formCancel: C,
       formSubmit: E
-    }), (w, A) => {
+    }), (w, _) => {
       const O = D("KSkeleton"), f = D("KEmptyState"), v = D("KAlert"), b = D("KButton"), H = D("KTabs"), J = D("KSlideout");
       return m(), j(Pe(e.wrapperComponent), { class: "kong-ui-entity-base-form" }, {
-        default: _(() => [
+        default: k(() => [
           c.value ? (m(), j(O, {
             key: 0,
             type: "form"
@@ -3333,10 +3354,10 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
             "action-button-text": T(a)("baseForm.actions.back"),
             "data-testid": "form-fetch-error",
             "icon-variant": "error",
-            onClickAction: k
+            onClickAction: A
           }, {
-            default: _(() => [
-              R("h3", null, L(p.value), 1)
+            default: k(() => [
+              B("h3", null, L(p.value), 1)
             ]),
             _: 1
           }, 8, ["action-button-text"])) : (m(), S("form", {
@@ -3352,48 +3373,48 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
               appearance: "danger",
               "data-testid": "form-error",
               message: e.errorMessage
-            }, null, 8, ["message"])) : N("", !0),
-            e.hideActions ? N("", !0) : (m(), j(Ht, {
+            }, null, 8, ["message"])) : M("", !0),
+            e.hideActions ? M("", !0) : (m(), j(Ht, {
               key: 1,
               disabled: !e.actionTeleportTarget,
               to: e.actionTeleportTarget
             }, [
-              R("div", {
+              B("div", {
                 class: fe(["form-actions", { "form-actions-reverted": e.alignActionButtonToLeft }]),
                 "data-testid": "form-actions"
               }, [
                 P(w.$slots, "form-actions", {}, () => [
-                  M(b, {
+                  K(b, {
                     appearance: "tertiary",
                     "data-testid": `${e.entityType}-${d.value ? "edit" : "create"}-form-view-configuration`,
-                    onClick: A[0] || (A[0] = (I) => h())
+                    onClick: _[0] || (_[0] = (I) => h())
                   }, {
-                    default: _(() => [
-                      q(L(T(a)("baseForm.actions.viewConfiguration")), 1)
+                    default: k(() => [
+                      U(L(T(a)("baseForm.actions.viewConfiguration")), 1)
                     ]),
                     _: 1
                   }, 8, ["data-testid"]),
-                  M(b, {
+                  K(b, {
                     appearance: "secondary",
                     "data-testid": `${e.entityType}-${d.value ? "edit" : "create"}-form-cancel`,
                     disabled: e.isReadonly,
                     type: "reset",
-                    onClick: A[1] || (A[1] = (I) => !!e.actionTeleportTarget && C())
+                    onClick: _[1] || (_[1] = (I) => !!e.actionTeleportTarget && C())
                   }, {
-                    default: _(() => [
-                      q(L(e.cancelButtonText ?? T(a)("baseForm.actions.cancel")), 1)
+                    default: k(() => [
+                      U(L(e.cancelButtonText ?? T(a)("baseForm.actions.cancel")), 1)
                     ]),
                     _: 1
                   }, 8, ["data-testid", "disabled"]),
-                  M(b, {
+                  K(b, {
                     appearance: "primary",
                     "data-testid": `${e.entityType}-${d.value ? "edit" : "create"}-form-submit`,
                     disabled: g.value,
                     type: "submit",
-                    onClick: A[2] || (A[2] = (I) => !!e.actionTeleportTarget && E())
+                    onClick: _[2] || (_[2] = (I) => !!e.actionTeleportTarget && E())
                   }, {
-                    default: _(() => [
-                      q(L(e.saveButtonText ?? T(a)("baseForm.actions.save")), 1)
+                    default: k(() => [
+                      U(L(e.saveButtonText ?? T(a)("baseForm.actions.save")), 1)
                     ]),
                     _: 1
                   }, 8, ["data-testid", "disabled"])
@@ -3401,48 +3422,49 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
               ], 2)
             ], 8, ["disabled", "to"]))
           ], 40, Zo)),
-          M(J, {
+          K(J, {
             "close-on-blur": !1,
             "data-testid": "form-view-configuration-slideout",
             "has-overlay": !1,
             "offset-top": e.slidoutTopOffset,
             title: T(a)("baseForm.configuration.title"),
             visible: y.value,
-            onClose: A[4] || (A[4] = (I) => h())
+            onClose: _[4] || (_[4] = (I) => h())
           }, {
-            default: _(() => [
-              R("div", null, L(T(a)("baseForm.configuration.message")), 1),
-              M(H, {
+            default: k(() => [
+              B("div", null, L(T(a)("baseForm.configuration.message")), 1),
+              K(H, {
                 "data-testid": "form-view-configuration-slideout-tabs",
                 tabs: Y.value,
-                onChange: A[3] || (A[3] = (I) => i("codeBlockTabChange", I.replace("#", "")))
+                onChange: _[3] || (_[3] = (I) => i("codeBlockTabChange", I.replace("#", "")))
               }, {
-                json: _(() => [
-                  M(en, {
+                json: k(() => [
+                  K(en, {
                     config: e.config,
                     "entity-record": r.formFields,
                     "fetcher-url": x.value,
                     "request-method": r.editId ? "put" : "post"
                   }, null, 8, ["config", "entity-record", "fetcher-url", "request-method"])
                 ]),
-                yaml: _(() => [
-                  M(Vn, {
+                yaml: k(() => [
+                  K(Vn, {
                     "entity-record": r.formFields
                   }, null, 8, ["entity-record"])
                 ]),
-                terraform: _(() => [
-                  M(Yn, {
+                terraform: k(() => [
+                  K(Yn, {
                     "entity-record": r.formFields,
                     "entity-type": e.entityType,
                     "sub-entity-type": e.subEntityType
                   }, null, 8, ["entity-record", "entity-type", "sub-entity-type"])
                 ]),
-                deck: _(() => [
-                  M(Wn, {
+                deck: k(() => [
+                  K(Wn, {
+                    "control-plane-name": e.config.app === "konnect" ? e.config.controlPlaneName : void 0,
                     "entity-record": r.formFields,
                     "entity-type": e.entityType,
                     "geo-server-url": e.config.app === "konnect" ? e.config.geoServerUrl : void 0
-                  }, null, 8, ["entity-record", "entity-type", "geo-server-url"])
+                  }, null, 8, ["control-plane-name", "entity-record", "entity-type", "geo-server-url"])
                 ]),
                 _: 1
               }, 8, ["tabs"])
@@ -3454,7 +3476,7 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
       });
     };
   }
-}), vs = /* @__PURE__ */ se(Xo, [["__scopeId", "data-v-b732b5bb"]]), el = ["data-truncate"], tl = /* @__PURE__ */ z({
+}), vs = /* @__PURE__ */ se(Xo, [["__scopeId", "data-v-b55da9e5"]]), el = ["data-truncate"], tl = /* @__PURE__ */ z({
   __name: "EntityBaseTableCell",
   props: {
     keyName: {
@@ -3478,32 +3500,32 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
       var h;
       return ((h = n.value) == null ? void 0 : h.querySelector('[data-truncate="true"]')) || null;
     }), r = $(() => {
-      var k, C;
-      const h = (k = t.rowEl) == null ? void 0 : k.querySelectorAll("td");
+      var A, C;
+      const h = (A = t.rowEl) == null ? void 0 : A.querySelectorAll("td");
       return h ? ((C = h[0]) == null ? void 0 : C.getAttribute("data-testid")) === t.keyName : !0;
     }), o = $(() => r.value || t.tooltip);
     let a;
     const s = () => {
       a && (a.disconnect(), a = void 0);
     }, l = () => {
-      var k, C, E;
-      let h = ((k = n.value) == null ? void 0 : k.clientWidth) || 0;
+      var A, C, E;
+      let h = ((A = n.value) == null ? void 0 : A.clientWidth) || 0;
       if (n.value && "getComputedStyle" in window) {
         const Y = window.getComputedStyle(n.value);
         h -= (parseFloat(Y.paddingLeft) || 0) + (parseFloat(Y.paddingRight) || 0);
       }
       d.value = ((C = i.value) == null ? void 0 : C.getBoundingClientRect().width) || 0, u.value = h, p.value = ((E = c.value) == null ? void 0 : E.innerText) || "";
-    }, c = K({}), d = K(0), u = K(0), p = K(""), g = $(() => [i.value, n.value]), y = be(
+    }, c = N({}), d = N(0), u = N(0), p = N(""), g = $(() => [i.value, n.value]), y = be(
       g,
       (h) => {
         if (o.value && (s(), "ResizeObserver" in window && window)) {
-          a = new ResizeObserver((k) => {
+          a = new ResizeObserver((A) => {
             window.requestAnimationFrame(() => {
-              !Array.isArray(k) || !k.length || l();
+              !Array.isArray(A) || !A.length || l();
             });
           });
-          for (const k of h)
-            k && a.observe(k);
+          for (const A of h)
+            A && a.observe(A);
         }
       },
       { immediate: !0, flush: "post", deep: !0 }
@@ -3512,7 +3534,7 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
       l();
     }), Zn(() => {
       y();
-    }), (h, k) => {
+    }), (h, A) => {
       const C = D("KTooltip");
       return m(), S("span", {
         ref_key: "contentRef",
@@ -3523,12 +3545,12 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
           key: 0,
           "data-truncate": o.value || void 0
         }, [
-          M(C, {
+          K(C, {
             "max-width": "300",
             placement: "bottom-start",
             text: x.value ? p.value : ""
           }, {
-            default: _(() => [
+            default: k(() => [
               P(h.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
@@ -3717,7 +3739,7 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
       "data-rowid": f.id,
       "data-testid": f.name,
       ...n.rowAttributes(f)
-    }), c = K({}), d = (f) => {
+    }), c = N({}), d = (f) => {
       var v;
       return (v = c.value) == null ? void 0 : v.$el.querySelector(`[data-rowid="${f.id}"]`);
     }, u = (f) => {
@@ -3740,13 +3762,13 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
       i("click:row", v);
     }), h = (f) => {
       i("sort", f);
-    }, { hideTableToolbar: k, handleStateChange: C } = W.useTableState(() => n.query), { setTablePreferences: E, getTablePreferences: Y } = hi(), X = K(Y(a.value, n.defaultTablePreferences)), w = $(() => {
+    }, { hideTableToolbar: A, handleStateChange: C } = W.useTableState(() => n.query), { setTablePreferences: E, getTablePreferences: Y } = hi(), X = N(Y(a.value, n.defaultTablePreferences)), w = $(() => {
       const f = Y(a.value);
       return {
         ...n.initialFetcherParams,
         ...f
       };
-    }), A = (f) => {
+    }), _ = (f) => {
       X.value = f, s.value.forEach((v) => {
         !("hidable" in v) || !X.value.columnVisibility || v.hidable === !1 && (X.value.columnVisibility[v.key] = !0);
       }), a.value && E(a.value, f);
@@ -3762,8 +3784,8 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
         title: e.title,
         "title-tag": e.titleTag
       }, {
-        default: _(() => [
-          M(b, {
+        default: k(() => [
+          K(b, {
             ref_key: "tableRefs",
             ref: c,
             "cache-identifier": a.value,
@@ -3782,7 +3804,7 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
             headers: s.value,
             "hide-pagination": e.hidePagination,
             "hide-pagination-when-optional": e.hidePaginationWhenOptional,
-            "hide-toolbar": e.hideToolbar ?? T(k),
+            "hide-toolbar": e.hideToolbar ?? T(A),
             "initial-fetcher-params": w.value,
             loading: e.isLoading,
             "pagination-attributes": O.value,
@@ -3797,43 +3819,43 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
             "onRow:click": x.value,
             onSort: v[0] || (v[0] = (J) => h(J)),
             onState: p,
-            "onUpdate:tablePreferences": A
+            "onUpdate:tablePreferences": _
           }, Se({
-            toolbar: _(() => [
-              R("div", il, [
+            toolbar: k(() => [
+              B("div", il, [
                 P(f.$slots, "toolbar-filter", {}, void 0, !0),
                 f.$slots["toolbar-button"] ? (m(), S("div", rl, [
                   P(f.$slots, "toolbar-button", {}, void 0, !0)
-                ])) : N("", !0)
+                ])) : M("", !0)
               ])
             ]),
-            "action-items": _(({ row: J }) => [
+            "action-items": k(({ row: J }) => [
               P(f.$slots, "actions", { row: J }, void 0, !0)
             ]),
             _: 2
           }, [
             f.$slots["empty-state"] ? {
               name: "empty-state",
-              fn: _(() => [
+              fn: k(() => [
                 P(f.$slots, "empty-state", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0,
             ce(e.tableHeaders, (J, I) => ({
               name: I,
-              fn: _(({ row: B, rowValue: G }) => [
-                M(nl, {
+              fn: k(({ row: R, rowValue: G }) => [
+                K(nl, {
                   "key-name": String(I),
-                  "row-el": d(B),
+                  "row-el": d(R),
                   tooltip: J.tooltip
                 }, {
-                  default: _(() => [
+                  default: k(() => [
                     P(f.$slots, I, {
-                      row: B,
+                      row: R,
                       rowKey: e.rowKey,
                       rowValue: G
                     }, () => [
-                      q(L(G), 1)
+                      U(L(G), 1)
                     ], !0)
                   ]),
                   _: 2
@@ -3842,15 +3864,15 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
             })),
             e.query ? void 0 : {
               name: "empty-state-action-icon",
-              fn: _(() => [
-                M(T(Yt))
+              fn: k(() => [
+                K(T(Yt))
               ]),
               key: "1"
             }
           ]), 1032, ["cache-identifier", "client-sort", "empty-state-action-message", "empty-state-action-route", "empty-state-icon-variant", "empty-state-message", "empty-state-title", "error", "error-state-message", "error-state-title", "fetcher", "fetcher-cache-key", "headers", "hide-pagination", "hide-pagination-when-optional", "hide-toolbar", "initial-fetcher-params", "loading", "pagination-attributes", "row-key", "search-input", "sort-handler-function", "sortable", "table-preferences", "onRow:click"]),
-          f.$slots["outside-actions"] && T(k) ? (m(), S("div", al, [
+          f.$slots["outside-actions"] && T(A) ? (m(), S("div", al, [
             P(f.$slots, "outside-actions", {}, void 0, !0)
-          ])) : N("", !0)
+          ])) : M("", !0)
         ]),
         _: 3
       }, 8, ["title", "title-tag"]);
@@ -3919,38 +3941,38 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
         onCancel: a,
         onProceed: s
       }, {
-        default: _(() => [
+        default: k(() => [
           e.error ? (m(), S("div", ll, [
-            M(d, { appearance: "danger" }, {
-              default: _(() => [
-                q(L(e.error), 1)
+            K(d, { appearance: "danger" }, {
+              default: k(() => [
+                U(L(e.error), 1)
               ]),
               _: 1
             })
-          ])) : N("", !0),
-          M(T(n), {
+          ])) : M("", !0),
+          K(T(n), {
             class: "message",
             keypath: i.entityName ? "deleteModal.messageWithName" : "deleteModal.message",
             tag: "p"
           }, Se({
-            entityType: _(() => [
-              q(L(i.entityType), 1)
+            entityType: k(() => [
+              U(L(i.entityType), 1)
             ]),
             _: 2
           }, [
             i.entityName ? {
               name: "entityName",
-              fn: _(() => [
-                R("strong", null, L(i.entityName), 1)
+              fn: k(() => [
+                B("strong", null, L(i.entityName), 1)
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["keypath"]),
           i.description || l.$slots.description ? (m(), S("div", sl, [
             P(l.$slots, "description", {}, () => [
-              R("p", null, L(i.description), 1)
+              B("p", null, L(i.description), 1)
             ], !0)
-          ])) : N("", !0)
+          ])) : M("", !0)
         ]),
         _: 3
       }, 8, ["action-button-disabled", "confirmation-text", "title", "visible"]);
@@ -3980,15 +4002,15 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
   },
   setup(e) {
     return (t, n) => (m(), S("svg", ul, [
-      R("mask", dl, [
-        R("rect", {
+      B("mask", dl, [
+        B("rect", {
           fill: e.color,
           height: "20",
           width: "20"
         }, null, 8, fl)
       ]),
-      R("g", pl, [
-        R("path", {
+      B("g", pl, [
+        B("path", {
           d: "M8 14.5V13H12V14.5H8ZM5 10.75V9.25H15V10.75H5ZM3 7V5.5H17V7H3Z",
           fill: e.color
         }, null, 8, ml)
@@ -4018,25 +4040,25 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const { i18n: { t: n } } = W.useI18n(), i = e, r = t, o = K(!1), a = K({}), s = K(/* @__PURE__ */ new Set()), l = $(() => {
+    const { i18n: { t: n } } = W.useI18n(), i = e, r = t, o = N(!1), a = N({}), s = N(/* @__PURE__ */ new Set()), l = $(() => {
       const w = [];
-      return new URLSearchParams(i.modelValue).forEach((A, O) => {
-        A !== "" && w.push(O);
+      return new URLSearchParams(i.modelValue).forEach((_, O) => {
+        _ !== "" && w.push(O);
       }), w;
     }), c = $(() => {
       const w = i.config.fields;
-      return Object.keys(w).filter((A) => {
+      return Object.keys(w).filter((_) => {
         var O;
-        return (O = w == null ? void 0 : w[A]) == null ? void 0 : O.searchable;
-      }).map((A) => ({
-        label: w[A].label || A,
-        value: A,
+        return (O = w == null ? void 0 : w[_]) == null ? void 0 : O.searchable;
+      }).map((_) => ({
+        label: w[_].label || _,
+        value: _,
         expanded: !1
       }));
     });
     be(() => i.modelValue, (w) => {
-      a.value = {}, new URLSearchParams(w).forEach((A, O) => {
-        a.value[O] = A;
+      a.value = {}, new URLSearchParams(w).forEach((_, O) => {
+        a.value[O] = _;
       });
     });
     const d = () => {
@@ -4048,12 +4070,12 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
     }, g = () => {
       p("");
     }, y = (w) => `filter-${w}`, x = (w) => {
-      var A, O;
-      return (((O = (A = i.config.schema) == null ? void 0 : A[w]) == null ? void 0 : O.values) ?? []).map((f) => typeof f == "string" ? { value: f, label: f } : f);
+      var _, O;
+      return (((O = (_ = i.config.schema) == null ? void 0 : _[w]) == null ? void 0 : O.values) ?? []).map((f) => typeof f == "string" ? { value: f, label: f } : f);
     }, h = (w) => {
-      var A, O;
-      return ((O = (A = i.config.schema) == null ? void 0 : A[w]) == null ? void 0 : O.type) ?? "text";
-    }, k = (w) => {
+      var _, O;
+      return ((O = (_ = i.config.schema) == null ? void 0 : _[w]) == null ? void 0 : O.type) ?? "text";
+    }, A = (w) => {
       a.value = {
         ...a.value,
         [w]: ""
@@ -4061,17 +4083,17 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
     }, C = () => {
       a.value = {}, E(!0);
     }, E = (w = !1) => {
-      const A = Object.keys(a.value).reduce((O, f) => (a.value[f] && (O[f] = `${a.value[f]}`), O), {});
-      w && (o.value = !1), r("update:modelValue", new URLSearchParams(A).toString());
+      const _ = Object.keys(a.value).reduce((O, f) => (a.value[f] && (O[f] = `${a.value[f]}`), O), {});
+      w && (o.value = !1), r("update:modelValue", new URLSearchParams(_).toString());
     }, Y = (w) => {
-      var A, O;
-      return !!((O = (A = i.config.schema) == null ? void 0 : A[w]) != null && O.filterFunction);
-    }, X = (w, A) => {
+      var _, O;
+      return !!((O = (_ = i.config.schema) == null ? void 0 : _[w]) != null && O.filterFunction);
+    }, X = (w, _) => {
       var f;
       const O = (f = i.config.schema) == null ? void 0 : f[w];
-      return (O == null ? void 0 : O.filterFunction) === void 0 ? !0 : O.filterFunction(A);
+      return (O == null ? void 0 : O.filterFunction) === void 0 ? !0 : O.filterFunction(_);
     };
-    return (w, A) => {
+    return (w, _) => {
       const O = D("KInput"), f = D("KButton"), v = D("KSelect");
       return e.config.isExactMatch ? (m(), j(O, {
         key: 0,
@@ -4082,11 +4104,11 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
         placeholder: e.config.placeholder,
         "onUpdate:modelValue": p
       }, {
-        before: _(() => [
-          M(Mt)
+        before: k(() => [
+          K(Mt)
         ]),
-        after: _(() => [
-          xe(M(T(oi), {
+        after: k(() => [
+          xe(K(T(oi), {
             class: "kong-ui-entity-filter-clear",
             role: "button",
             tabindex: "0",
@@ -4097,24 +4119,24 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
         ]),
         _: 1
       }, 8, ["model-value", "placeholder"])) : (m(), S("div", yl, [
-        M(f, {
+        K(f, {
           appearance: "tertiary",
           "data-testid": "filter-button",
           onClick: d
         }, {
-          default: _(() => [
-            M(Mt),
-            q(" " + L(T(n)("filter.filterButtonText")) + " " + L(l.value.length > 0 ? `(${l.value.length})` : ""), 1)
+          default: k(() => [
+            K(Mt),
+            U(" " + L(T(n)("filter.filterButtonText")) + " " + L(l.value.length > 0 ? `(${l.value.length})` : ""), 1)
           ]),
           _: 1
         }),
-        xe(R("div", {
+        xe(B("div", {
           class: "kong-ui-entity-filter-backdrop",
           onClick: d
         }, null, 512), [
           [Ce, o.value]
         ]),
-        xe(R("div", gl, [
+        xe(B("div", gl, [
           (m(!0), S(ue, null, ce(c.value, (b) => {
             var H, J;
             return m(), S("div", {
@@ -4122,24 +4144,24 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
               class: "kong-ui-entity-filter-menu-item",
               "data-testid": b.value
             }, [
-              R("span", {
+              B("span", {
                 class: fe(["menu-item-title", { expanded: s.value.has(b.value) }]),
                 role: "button",
                 tabindex: "0",
                 onClick: (I) => u(b.value),
                 onKeydown: Xn((I) => u(b.value), ["enter"])
               }, [
-                q(L(b.label) + " ", 1),
-                xe(R("span", bl, null, 512), [
+                U(L(b.label) + " ", 1),
+                xe(B("span", bl, null, 512), [
                   [Ce, l.value.includes(b.value)]
                 ]),
-                M(T(li), {
+                K(T(li), {
                   class: fe(["menu-item-expand-icon", { expanded: s.value.has(b.value) }]),
                   color: T(er)
                 }, null, 8, ["class", "color"])
               ], 42, vl),
-              xe(R("div", xl, [
-                R("label", {
+              xe(B("div", xl, [
+                B("label", {
                   class: "menu-item-label",
                   for: y(b.value)
                 }, L(T(n)("filter.fieldLabel")), 9, Cl),
@@ -4164,26 +4186,26 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
               ], 512), [
                 [Ce, s.value.has(b.value)]
               ]),
-              xe(R("div", kl, [
-                M(f, {
+              xe(B("div", kl, [
+                K(f, {
                   appearance: "tertiary",
                   "data-testid": "apply-filter",
                   size: "small",
-                  onClick: A[0] || (A[0] = (I) => E(!0))
+                  onClick: _[0] || (_[0] = (I) => E(!0))
                 }, {
-                  default: _(() => [
-                    q(L(T(n)("filter.applyButtonText")), 1)
+                  default: k(() => [
+                    U(L(T(n)("filter.applyButtonText")), 1)
                   ]),
                   _: 1
                 }),
-                M(f, {
+                K(f, {
                   appearance: "tertiary",
                   "data-testid": "clear-filter",
                   size: "small",
-                  onClick: (I) => k(b.value)
+                  onClick: (I) => A(b.value)
                 }, {
-                  default: _(() => [
-                    q(L(T(n)("filter.clearButtonText")), 1)
+                  default: k(() => [
+                    U(L(T(n)("filter.clearButtonText")), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick"])
@@ -4192,14 +4214,14 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
               ])
             ], 8, hl);
           }), 128)),
-          R("div", Al, [
-            M(f, {
+          B("div", Al, [
+            K(f, {
               appearance: "tertiary",
               size: "small",
               onClick: C
             }, {
-              default: _(() => [
-                q(L(T(n)("filter.clearAllButtonText")), 1)
+              default: k(() => [
+                U(L(T(n)("filter.clearAllButtonText")), 1)
               ]),
               _: 1
             })
@@ -4242,7 +4264,7 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
   },
   emits: ["cancel", "proceed"],
   setup(e, { emit: t }) {
-    const { i18n: { t: n }, i18nT: i } = W.useI18n(), r = e, o = t, a = K(!1), s = $(
+    const { i18n: { t: n }, i18nT: i } = W.useI18n(), r = e, o = t, a = N(!1), s = $(
       () => r.action === "enable" ? n("toggleModal.enable.title", { entityType: r.entityType }) : n("toggleModal.disable.title", { entityType: r.entityType })
     ), l = $(
       () => r.action === "enable" ? n("toggleModal.enable.confirmText") : n("toggleModal.disable.confirmText")
@@ -4261,7 +4283,7 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
     return (u, p) => {
       const g = D("KPrompt");
       return m(), j(Ht, { to: "body" }, [
-        M(g, {
+        K(g, {
           "action-button-disabled": a.value,
           "action-button-text": l.value,
           "data-testid": `${e.entityType}-${e.entityId}-toggle-prompt`,
@@ -4270,16 +4292,16 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
           onCancel: c,
           onProceed: d
         }, {
-          default: _(() => [
-            M(T(i), {
+          default: k(() => [
+            K(T(i), {
               keypath: `toggleModal.${r.action}.message`,
               scope: "global"
             }, {
-              entityType: _(() => [
-                q(L(e.entityType), 1)
+              entityType: k(() => [
+                U(L(e.entityType), 1)
               ]),
-              entityName: _(() => [
-                R("strong", null, L(e.entityName), 1)
+              entityName: k(() => [
+                B("strong", null, L(e.entityName), 1)
               ]),
               _: 1
             }, 8, ["keypath"])
@@ -4311,13 +4333,13 @@ const jo = { class: "yaml-config config-card-code-block" }, Vn = /* @__PURE__ */
     }
   },
   setup(e) {
-    const t = e, n = K(void 0), i = $(() => n.value === !0 || n.value !== void 0 && t.forceShow === !0);
+    const t = e, n = N(void 0), i = $(() => n.value === !0 || n.value !== void 0 && t.forceShow === !0);
     return be(() => t.authFunction, async () => {
       n.value = await t.authFunction();
     }, { immediate: !0 }), (r, o) => i.value ? P(r.$slots, "default", {
       key: 0,
       isAllowed: n.value
-    }) : N("", !0);
+    }) : M("", !0);
   }
 }), te = [];
 for (let e = 0; e < 256; ++e)
@@ -4387,8 +4409,8 @@ const Il = ["aria-labelledby"], Fl = { class: "form-section-wrapper" }, Ol = {
       class: fe(["kong-ui-entity-form-section", { "has-divider": e.hasDivider }]),
       role: "group"
     }, [
-      R("div", Fl, [
-        e.hideInfoHeader ? N("", !0) : (m(), S("div", {
+      B("div", Fl, [
+        e.hideInfoHeader ? M("", !0) : (m(), S("div", {
           key: 0,
           class: fe(["form-section-info", { sticky: e.stickyInfoHeader }])
         }, [
@@ -4397,21 +4419,21 @@ const Il = ["aria-labelledby"], Fl = { class: "form-section-wrapper" }, Ol = {
             id: T(n),
             class: "form-section-title"
           }, {
-            default: _(() => [
-              q(L(e.title), 1)
+            default: k(() => [
+              U(L(e.title), 1)
             ]),
             _: 1
-          }, 8, ["id"])) : N("", !0),
+          }, 8, ["id"])) : M("", !0),
           e.description || T(t).description ? (m(), S("div", Ol, [
             P(i.$slots, "description", {}, () => [
-              R("p", null, L(e.description), 1)
+              B("p", null, L(e.description), 1)
             ], !0)
-          ])) : N("", !0),
+          ])) : M("", !0),
           T(t).footer ? (m(), S("div", Ll, [
             P(i.$slots, "footer", {}, void 0, !0)
-          ])) : N("", !0)
+          ])) : M("", !0)
         ], 2)),
-        R("div", Bl, [
+        B("div", Bl, [
           P(i.$slots, "default", {}, void 0, !0)
         ])
       ])
@@ -4436,25 +4458,25 @@ const Il = ["aria-labelledby"], Fl = { class: "form-section-wrapper" }, Ol = {
   setup(e) {
     const t = De();
     return (n, i) => (m(), S("div", Kl, [
-      R("header", Nl, [
-        e.step != null ? (m(), S("div", Ml, L(e.step), 1)) : N("", !0),
-        R("div", jl, [
-          R("h2", Pl, [
+      B("header", Nl, [
+        e.step != null ? (m(), S("div", Ml, L(e.step), 1)) : M("", !0),
+        B("div", jl, [
+          B("h2", Pl, [
             P(n.$slots, "title", {}, () => [
-              q(L(e.title), 1)
+              U(L(e.title), 1)
             ], !0)
           ]),
           e.description || t.description ? (m(), S("div", Dl, [
             P(n.$slots, "description", {}, () => [
-              q(L(e.description), 1)
+              U(L(e.description), 1)
             ], !0)
-          ])) : N("", !0)
+          ])) : M("", !0)
         ]),
         t.extra ? (m(), S("div", Ul, [
           P(n.$slots, "extra", {}, void 0, !0)
-        ])) : N("", !0)
+        ])) : M("", !0)
       ]),
-      R("div", ql, [
+      B("div", ql, [
         P(n.$slots, "default", {}, void 0, !0)
       ])
     ]));
@@ -4489,7 +4511,7 @@ const Il = ["aria-labelledby"], Fl = { class: "form-section-wrapper" }, Ol = {
     }
   },
   setup(e) {
-    const t = e, n = K(), { isTruncated: i } = W.useTruncationDetector(n), { i18n: { t: r } } = W.useI18n(), o = r("global.actions.copyId"), a = K(o), s = $(() => t.entityLinkData.deleted ?? !1), l = $(() => {
+    const t = e, n = N(), { isTruncated: i } = W.useTruncationDetector(n), { i18n: { t: r } } = W.useI18n(), o = r("global.actions.copyId"), a = N(o), s = $(() => t.entityLinkData.deleted ?? !1), l = $(() => {
       var u;
       return (u = t.entityLinkData.id) != null && u.toString().includes(":") ? t.entityLinkData.id.toString().split(":")[1] : t.entityLinkData.id;
     }), c = $(() => {
@@ -4510,12 +4532,12 @@ const Il = ["aria-labelledby"], Fl = { class: "form-section-wrapper" }, Ol = {
           href: e.externalLink,
           target: e.newWindow ? "_blank" : "_self"
         }, {
-          default: _(() => [
-            M(g, {
+          default: k(() => [
+            K(g, {
               text: T(i) && e.entityLinkData.label || ""
             }, {
-              default: _(() => [
-                R("span", {
+              default: k(() => [
+                B("span", {
                   ref_key: "textContent",
                   ref: n,
                   class: "entity-link-label"
@@ -4525,7 +4547,7 @@ const Il = ["aria-labelledby"], Fl = { class: "form-section-wrapper" }, Ol = {
             }, 8, ["text"])
           ]),
           _: 1
-        }, 8, ["hide-icon", "href", "target"])) : N("", !0) : (m(), S("div", Wl, L(" – "))),
+        }, 8, ["hide-icon", "href", "target"])) : M("", !0) : (m(), S("div", Wl, L(" – "))),
         l.value && e.allowCopy ? (m(), j(g, {
           key: a.value,
           class: "copy-uuid-tooltip",
@@ -4533,14 +4555,14 @@ const Il = ["aria-labelledby"], Fl = { class: "form-section-wrapper" }, Ol = {
           placement: "bottom-end",
           text: a.value
         }, {
-          default: _(() => [
-            M(x, null, {
-              default: _(({ copyToClipboard: h }) => [
-                R("span", {
+          default: k(() => [
+            K(x, null, {
+              default: k(({ copyToClipboard: h }) => [
+                B("span", {
                   class: "entity-link-copy-id",
-                  onClick: Be((k) => d(h), ["stop"])
+                  onClick: Be((A) => d(h), ["stop"])
                 }, [
-                  M(T(si), {
+                  K(T(si), {
                     class: "copy-icon",
                     color: T(tr),
                     "data-testid": "copy-id",
@@ -4552,7 +4574,7 @@ const Il = ["aria-labelledby"], Fl = { class: "form-section-wrapper" }, Ol = {
             })
           ]),
           _: 1
-        }, 8, ["text"])) : N("", !0)
+        }, 8, ["text"])) : M("", !0)
       ]);
     };
   }
@@ -4624,44 +4646,44 @@ const Il = ["aria-labelledby"], Fl = { class: "form-section-wrapper" }, Ol = {
   },
   emits: ["click:create", "click:learn-more"],
   setup(e) {
-    const t = e, { i18n: { t: n } } = W.useI18n(), i = K(!1), r = $(() => i.value && !!t.actionButtonText), o = $(() => yt.includes(t.appearance) ? t.appearance : ["primary", t.appearance]);
+    const t = e, { i18n: { t: n } } = W.useI18n(), i = N(!1), r = $(() => i.value && !!t.actionButtonText), o = $(() => yt.includes(t.appearance) ? t.appearance : ["primary", t.appearance]);
     return it(async () => {
       i.value = await t.canCreate();
     }), nt(() => ei(`EntityEmptyState is deprecated and will be removed in future releases. Please use the KEmptyState component instead.
 Docs: https://kongponents.konghq.com/components/empty-state.html.`)), (a, s) => {
       const l = D("KCard");
       return m(), S("div", zl, [
-        R("div", Ql, [
+        B("div", Ql, [
           a.$slots.image ? (m(), S("div", Zl, [
             P(a.$slots, "image", {}, void 0, !0)
-          ])) : N("", !0),
+          ])) : M("", !0),
           e.title || a.$slots.title ? (m(), S("div", Xl, [
-            R("h1", {
+            B("h1", {
               class: fe(o.value)
             }, [
               P(a.$slots, "title", {}, () => [
-                q(L(e.title), 1)
+                U(L(e.title), 1)
               ], !0)
             ], 2)
-          ])) : N("", !0),
+          ])) : M("", !0),
           e.description || a.$slots.default ? (m(), S("div", es, [
             P(a.$slots, "default", {}, () => [
-              R("p", null, L(e.description), 1)
+              B("p", null, L(e.description), 1)
             ], !0)
-          ])) : N("", !0),
+          ])) : M("", !0),
           e.pricing || a.$slots.pricing ? (m(), S("div", ts, [
-            R("p", null, [
-              R("b", null, L(T(n)("emptyState.pricingTitle")), 1),
-              s[2] || (s[2] = q()),
+            B("p", null, [
+              B("b", null, L(T(n)("emptyState.pricingTitle")), 1),
+              s[2] || (s[2] = U()),
               P(a.$slots, "pricing", {}, () => [
-                q(L(e.pricing), 1)
+                U(L(e.pricing), 1)
               ], !0)
             ])
-          ])) : N("", !0)
+          ])) : M("", !0)
         ]),
         a.$slots.message ? (m(), S("div", ns, [
           P(a.$slots, "message", {}, void 0, !0)
-        ])) : N("", !0),
+        ])) : M("", !0),
         r.value || e.learnMore || a.$slots.actions ? (m(), S("div", is, [
           P(a.$slots, "actions", {}, () => [
             r.value ? (m(), j(T(mt), {
@@ -4671,12 +4693,12 @@ Docs: https://kongponents.konghq.com/components/empty-state.html.`)), (a, s) =>
               size: e.appearance === "secondary" ? "medium" : "large",
               onClick: s[0] || (s[0] = (c) => a.$emit("click:create"))
             }, {
-              default: _(() => [
-                M(T(Yt)),
-                q(" " + L(e.actionButtonText), 1)
+              default: k(() => [
+                K(T(Yt)),
+                U(" " + L(e.actionButtonText), 1)
               ]),
               _: 1
-            }, 8, ["size"])) : N("", !0),
+            }, 8, ["size"])) : M("", !0),
             e.learnMore ? (m(), j(T(mt), {
               key: 1,
               appearance: "secondary",
@@ -4684,36 +4706,36 @@ Docs: https://kongponents.konghq.com/components/empty-state.html.`)), (a, s) =>
               size: e.appearance === "secondary" ? "medium" : "large",
               onClick: s[1] || (s[1] = (c) => a.$emit("click:learn-more"))
             }, {
-              default: _(() => [
-                M(T(Vt), { decorative: "" }),
-                q(" " + L(T(n)("emptyState.learnMore")), 1)
+              default: k(() => [
+                K(T(Vt), { decorative: "" }),
+                U(" " + L(T(n)("emptyState.learnMore")), 1)
               ]),
               _: 1
-            }, 8, ["size"])) : N("", !0)
+            }, 8, ["size"])) : M("", !0)
           ], !0)
-        ])) : N("", !0),
+        ])) : M("", !0),
         e.features.length ? (m(), S("div", rs, [
           (m(!0), S(ue, null, ce(e.features, (c, d) => (m(), j(l, {
             key: c,
             class: "entity-empty-state-card"
           }, {
-            title: _(() => [
+            title: k(() => [
               a.$slots[`feature-${d}-icon`] ? (m(), S("div", as, [
                 P(a.$slots, `feature-${d}-icon`, {}, void 0, !0)
-              ])) : N("", !0),
-              R("div", os, L(c.title), 1)
+              ])) : M("", !0),
+              B("div", os, L(c.title), 1)
             ]),
-            default: _(() => [
-              R("div", {
+            default: k(() => [
+              B("div", {
                 title: c.description
               }, L(c.description), 9, ls)
             ]),
             _: 2
           }, 1024))), 128))
-        ])) : N("", !0),
+        ])) : M("", !0),
         a.$slots.bottom ? (m(), S("div", ss, [
           P(a.$slots, "bottom", {}, void 0, !0)
-        ])) : N("", !0)
+        ])) : M("", !0)
       ]);
     };
   }
@@ -4746,15 +4768,15 @@ Docs: https://kongponents.konghq.com/components/empty-state.html.`)), (a, s) =>
     return (i, r) => {
       var o;
       return ((o = n.value) == null ? void 0 : o.length) > 0 ? (m(), j(T(ri), { key: 0 }, {
-        default: _(() => [
+        default: k(() => [
           (m(!0), S(ue, null, ce(n.value, (a) => (m(), j(T(ai), {
             key: a,
             "max-width": e.tagMaxWidth,
             onClick: r[0] || (r[0] = Be(() => {
             }, ["stop"]))
           }, {
-            default: _(() => [
-              q(L(a), 1)
+            default: k(() => [
+              U(L(a), 1)
             ]),
             _: 2
           }, 1032, ["max-width"]))), 128))