@kong-ui-public/entities-gateway-services 1.1.28 → 1.1.29

package/dist/entities-gateway-services.es.js

@@ -1,6 +1,6 @@
-import { defineComponent as te, ref as R, computed as C, resolveComponent as E, openBlock as f, createBlock as z, Teleport as it, createVNode as m, withCtx as d, unref as r, createTextVNode as G, toDisplayString as $, createElementVNode as V, watch as ue, renderSlot as X, createCommentVNode as W, useSlots as Be, onBeforeMount as Ke, createSlots as _e, createElementBlock as x, Fragment as ce, renderList as se, normalizeClass as ge, withModifiers as ve, withDirectives as Se, vShow as Ie, useCssVars as rt, resolveDynamicComponent as Ee, normalizeProps as st, guardReactiveProps as nt, mergeProps as Je, onMounted as ze, onUnmounted as ct, inject as dt, reactive as Fe } from "vue";
+import { defineComponent as te, ref as M, computed as k, resolveComponent as U, openBlock as f, createBlock as z, Teleport as it, createVNode as m, withCtx as c, unref as r, createTextVNode as G, toDisplayString as I, createElementVNode as V, watch as ue, renderSlot as X, createCommentVNode as W, useSlots as Ue, onBeforeMount as Ee, createSlots as _e, createElementBlock as x, Fragment as ce, renderList as se, normalizeClass as ge, withModifiers as ve, withDirectives as Se, vShow as Ie, useCssVars as rt, resolveDynamicComponent as Te, normalizeProps as st, guardReactiveProps as nt, mergeProps as Ke, onMounted as ze, onUnmounted as ct, inject as dt, reactive as Ae } from "vue";
 import { useRouter as Me } from "vue-router";
-import { createI18n as Re, i18nTComponent as We } from "@kong-ui-public/i18n";
+import { createI18n as qe, i18nTComponent as We } from "@kong-ui-public/i18n";
 import ut from "axios";
 import { MethodsArray as pt } from "@kong/kongponents";
 const ft = {
@@ -178,7 +178,7 @@ const ft = {
   glossary: bt
 };
 function _t() {
-  const e = Re("en-us", ht);
+  const e = qe("en-us", ht);
   return {
     i18n: e,
     i18nT: We(e)
@@ -232,8 +232,8 @@ const $e = {
     }
   }
 };
-var Ze = /* @__PURE__ */ ((e) => (e.GatewayService = "service", e.Route = "route", e.Consumer = "consumer", e.ConsumerGroup = "consumer group", e.Plugin = "plugin", e.Upstream = "upstream", e.Certificate = "certificate", e.CACertificate = "ca certificate", e.SNI = "SNI", e.Key = "key", e.KeySet = "key set", e.Vault = "vault", e.Application = "application", e.Developer = "developer", e.acls = "ACL Credential", e["basic-auth"] = "Basic Auth Credential", e["key-auth"] = "Key Auth Credential", e["key-auth-enc"] = "Key Auth Encrypted Credential", e.oauth2 = "OAuth 2.0 Credential", e["hmac-auth"] = "HMAC Credential", e.jwt = "JWT Credential", e.Target = "target", e.Policy = "policy", e))(Ze || {}), Pe = /* @__PURE__ */ ((e) => (e.Edit = "edit", e.Create = "create", e))(Pe || {}), fe = /* @__PURE__ */ ((e) => (e[e.Loading = 0] = "Loading", e[e.Idle = 1] = "Idle", e[e.NoResults = 2] = "NoResults", e[e.Error = 3] = "Error", e))(fe || {}), Z = /* @__PURE__ */ ((e) => (e.ID = "id", e.IdArray = "id-array", e.Text = "plain-text", e.Date = "date", e.Redacted = "redacted", e.RedactedArray = "redacted-array", e.Json = "json", e.JsonArray = "json-array", e.BadgeTag = "badge-tag", e.BadgeStatus = "badge-status", e.BadgeMethod = "badge-method", e.LinkInternal = "link-internal", e.LinkExternal = "link-external", e))(Z || {}), oe = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Advanced = "advanced", e.Plugin = "plugin", e))(oe || {});
-function Ue(e = {}) {
+var Ze = /* @__PURE__ */ ((e) => (e.GatewayService = "service", e.Route = "route", e.Consumer = "consumer", e.ConsumerGroup = "consumer group", e.Plugin = "plugin", e.Upstream = "upstream", e.Certificate = "certificate", e.CACertificate = "ca certificate", e.SNI = "SNI", e.Key = "key", e.KeySet = "key set", e.Vault = "vault", e.Application = "application", e.Developer = "developer", e.acls = "ACL Credential", e["basic-auth"] = "Basic Auth Credential", e["key-auth"] = "Key Auth Credential", e["key-auth-enc"] = "Key Auth Encrypted Credential", e.oauth2 = "OAuth 2.0 Credential", e["hmac-auth"] = "HMAC Credential", e.jwt = "JWT Credential", e.Target = "target", e.Policy = "policy", e))(Ze || {}), Be = /* @__PURE__ */ ((e) => (e.Edit = "edit", e.Create = "create", e))(Be || {}), fe = /* @__PURE__ */ ((e) => (e[e.Loading = 0] = "Loading", e[e.Idle = 1] = "Idle", e[e.NoResults = 2] = "NoResults", e[e.Error = 3] = "Error", e))(fe || {}), Z = /* @__PURE__ */ ((e) => (e.ID = "id", e.IdArray = "id-array", e.Text = "plain-text", e.Date = "date", e.Redacted = "redacted", e.RedactedArray = "redacted-array", e.Json = "json", e.JsonArray = "json-array", e.BadgeTag = "badge-tag", e.BadgeStatus = "badge-status", e.BadgeMethod = "badge-method", e.LinkInternal = "link-internal", e.LinkExternal = "link-external", e))(Z || {}), oe = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Advanced = "advanced", e.Plugin = "plugin", e))(oe || {});
+function Re(e = {}) {
   return {
     axiosInstance: ut.create({
       withCredentials: !0,
@@ -254,7 +254,7 @@ function kt() {
     }
   };
 }
-const Ve = "khcp-user-table-preferences", Ct = {
+const Pe = "khcp-user-table-preferences", Ct = {
   pageSize: 30,
   sortColumnKey: void 0,
   sortColumnOrder: void 0
@@ -269,14 +269,14 @@ function St() {
         return;
       }
   }, i = () => {
-    const t = e(localStorage.getItem(Ve));
+    const t = e(localStorage.getItem(Pe));
     return !t || !Object.keys(t).length ? /* @__PURE__ */ new Map() : new Map(Object.entries(t));
   };
   return {
     setTablePreferences: (t, l) => {
       try {
         const u = i();
-        u.set(t, l), localStorage.setItem(Ve, JSON.stringify(Object.fromEntries(u.entries())));
+        u.set(t, l), localStorage.setItem(Pe, JSON.stringify(Object.fromEntries(u.entries())));
       } catch (u) {
         console.error("useTablePreferences(setTablePreferences)", u);
       }
@@ -286,14 +286,14 @@ function St() {
       return (l == null ? void 0 : l.get(t)) || void 0 || Ct;
     },
     deleteAllTablePreferences: () => {
-      localStorage.removeItem(Ve);
+      localStorage.removeItem(Pe);
     }
   };
 }
 const It = {
   message: "Are you sure you want to delete this {entityType}?",
   messageWithName: "Are you sure you want to delete this {entityType} {entityName}?"
-}, $t = {
+}, Tt = {
   actions: {
     save: "Save",
     cancel: "Cancel",
@@ -302,7 +302,7 @@ const It = {
   errors: {
     edit: "The entity could not be edited at this time."
   }
-}, Tt = {
+}, $t = {
   emptyState: {
     noSearchResultsTitle: "No results found",
     noSearchResultsMessage: "Please adjust the criteria and try again.",
@@ -355,10 +355,10 @@ const It = {
     fetch: "Could not fetch available items",
     invalid: "Please select a valid value"
   }
-}, Bt = {
+}, Kt = {
   unexpected: "An unexpected error has occurred",
   dataKeyUndefined: 'The data key "{dataKey}" does not exist in the response.'
-}, Kt = {
+}, Bt = {
   enable: {
     title: "Enable {entityType}",
     message: "Are you sure you want to enable the {entityType} {entityName}?",
@@ -369,90 +369,90 @@ const It = {
     message: "Are you sure you want to disable the {entityType} {entityName}?",
     confirmText: "Yes, disable"
   }
-}, Et = {
+}, Ut = {
   deleteModal: It,
-  baseForm: $t,
-  baseTable: Tt,
+  baseForm: Tt,
+  baseTable: $t,
   baseConfigCard: xt,
   filter: Vt,
   debouncedFilter: Pt,
-  errors: Bt,
-  toggleModal: Kt
+  errors: Kt,
+  toggleModal: Bt
 };
-function qe() {
-  const e = Re("en-us", Et);
+function Fe() {
+  const e = qe("en-us", Ut);
   return {
     i18n: e,
     i18nT: We(e)
     // Translation component <i18n-t>
   };
 }
-function Mt(e, i, t, l = {
+function Et(e, i, t, l = {
   fetchedItemsKey: "data",
   searchKeys: ["id"]
 }) {
   t || (t = "100");
-  const { axiosInstance: u } = Ue({
+  const { axiosInstance: u } = Re({
     headers: e.requestHeaders
-  }), { i18n: { t: c } } = qe(), { debounce: h } = kt(), s = h(async (a) => {
+  }), { i18n: { t: d } } = Fe(), { debounce: h } = kt(), s = h(async (a) => {
     await w(a);
-  }, 200), g = R(!1), I = R(""), _ = R(""), k = R([]), A = R(void 0), T = r(i);
-  let B = `${e.apiBaseUrl}${T}`;
-  e.app === "konnect" ? B = B.replace(/{controlPlaneId}/gi, (e == null ? void 0 : e.controlPlaneId) || "") : e.app === "kongManager" && (B = B.replace(/\/{workspace}/gi, e != null && e.workspace ? `/${e.workspace}` : ""));
-  const U = async () => {
+  }, 200), g = M(!1), T = M(""), _ = M(""), C = M([]), F = M(void 0), $ = r(i);
+  let P = `${e.apiBaseUrl}${$}`;
+  e.app === "konnect" ? P = P.replace(/{controlPlaneId}/gi, (e == null ? void 0 : e.controlPlaneId) || "") : e.app === "kongManager" && (P = P.replace(/\/{workspace}/gi, e != null && e.workspace ? `/${e.workspace}` : ""));
+  const q = async () => {
     try {
       g.value = !0;
-      const { data: a } = await u.get(`${B}?size=${t}`);
-      a != null && a.next || (A.value = l.fetchedItemsKey in a ? a[l.fetchedItemsKey] : []), k.value = l.fetchedItemsKey in a ? a[l.fetchedItemsKey] : [];
+      const { data: a } = await u.get(`${P}?size=${t}`);
+      a != null && a.next || (F.value = l.fetchedItemsKey in a ? a[l.fetchedItemsKey] : []), C.value = l.fetchedItemsKey in a ? a[l.fetchedItemsKey] : [];
     } catch {
-      k.value = [], I.value = c("debouncedFilter.errors.fetch");
+      C.value = [], T.value = d("debouncedFilter.errors.fetch");
     } finally {
       g.value = !1;
     }
-  }, p = R(""), w = async (a) => {
+  }, p = M(""), w = async (a) => {
     var b, N;
     if (p.value !== a)
-      if (p.value = a || "", A.value === void 0)
+      if (p.value = a || "", F.value === void 0)
         try {
-          g.value = !0, I.value = "", _.value = "";
-          let v = B + "";
+          g.value = !0, T.value = "", _.value = "";
+          let v = P + "";
           a && (v += `/${a}`);
-          const { data: M } = await u.get(`${v}?size=${t}`);
-          l.fetchedItemsKey in M ? k.value = M[l.fetchedItemsKey] : M != null && M.id ? k.value = [M] : k.value = [];
+          const { data: E } = await u.get(`${v}?size=${t}`);
+          l.fetchedItemsKey in E ? C.value = E[l.fetchedItemsKey] : E != null && E.id ? C.value = [E] : C.value = [];
         } catch (v) {
-          ((b = v == null ? void 0 : v.response) == null ? void 0 : b.status) === 404 ? _.value = c("debouncedFilter.errors.invalid") : (k.value = [], I.value = c("debouncedFilter.errors.fetch"));
+          ((b = v == null ? void 0 : v.response) == null ? void 0 : b.status) === 404 ? _.value = d("debouncedFilter.errors.invalid") : (C.value = [], T.value = d("debouncedFilter.errors.fetch"));
         } finally {
           g.value = !1;
         }
       else
-        g.value = !0, _.value = "", a ? (k.value = (N = A.value) == null ? void 0 : N.filter((v) => {
-          var M;
-          let P = !1;
+        g.value = !0, _.value = "", a ? (C.value = (N = F.value) == null ? void 0 : N.filter((v) => {
+          var E;
+          let K = !1;
           for (const D of l.searchKeys) {
-            const H = typeof v[D] == "string" ? (M = v[D]) == null ? void 0 : M.toLowerCase() : v[D];
-            H != null && H.includes(a.toLowerCase()) && (P = !0);
+            const H = typeof v[D] == "string" ? (E = v[D]) == null ? void 0 : E.toLowerCase() : v[D];
+            H != null && H.includes(a.toLowerCase()) && (K = !0);
           }
-          return P;
-        }), (!k.value || !k.value.length) && (_.value = c("debouncedFilter.errors.invalid"))) : k.value = A.value, g.value = !1;
+          return K;
+        }), (!C.value || !C.value.length) && (_.value = d("debouncedFilter.errors.invalid"))) : C.value = F.value, g.value = !1;
   };
   return {
     loading: g,
-    error: I,
+    error: T,
     validationError: _,
-    results: k,
-    allRecords: A,
-    loadItems: U,
+    results: C,
+    allRecords: F,
+    loadItems: q,
     debouncedQueryChange: s
   };
 }
-function Rt(e, i) {
-  const t = r(i), l = C(
+function Mt(e, i) {
+  const t = r(i), l = k(
     () => e.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${t}`) : new URL(t)
   );
   return l.value.search = "", (u) => `${l.value.href}/${u}`;
 }
-function Ut() {
-  const { i18n: { t: e } } = qe();
+function qt() {
+  const { i18n: { t: e } } = Fe();
   return {
     getMessageFromError: (i) => {
       var t, l, u;
@@ -462,80 +462,80 @@ function Ut() {
         if (i.response.data.detail)
           return i.response.data.detail;
         if ((l = i.response.data.details) != null && l.length)
-          return i.response.data.details.map((c) => {
+          return i.response.data.details.map((d) => {
             let h = e("errors.unexpected");
-            return c.messages && typeof c.messages == "object" && c.messages.length && (h = c.messages.join(", ")), c.field ? `${c.field} - ${h}` : h;
+            return d.messages && typeof d.messages == "object" && d.messages.length && (h = d.messages.join(", ")), d.field ? `${d.field} - ${h}` : h;
           }).join("; ");
         if (i.response.data.message) {
-          const { message: c } = i.response.data;
-          return Array.isArray(c) ? (u = c[0]) != null && u.constraints ? Object.values(c[0].constraints)[0] : c[0] : c;
+          const { message: d } = i.response.data;
+          return Array.isArray(d) ? (u = d[0]) != null && u.constraints ? Object.values(d[0].constraints)[0] : d[0] : d;
         }
         if (typeof i.response.data == "string")
           return i.response.data;
         if (typeof i.response.data == "object")
-          return Object.keys(i.response.data).map((c) => `${c} ${i.response.data[c]}`).join(", ");
+          return Object.keys(i.response.data).map((d) => `${d} ${i.response.data[d]}`).join(", ");
       }
       return i.message || e("errors.unexpected");
     }
   };
 }
 function Xe(e, i) {
-  const t = R(r(e)), l = R(r(i)), u = C(
+  const t = M(r(e)), l = M(r(i)), u = k(
     () => !!(t.value.app === "konnect" || t.value.isExactMatch)
-  ), c = C(
+  ), d = k(
     () => l.value.startsWith("/") ? new URL(`${window.location.origin}${l.value}`) : new URL(l.value)
   );
   return (h) => {
-    const { page: s, pageSize: g, offset: I, sortColumnKey: _, sortColumnOrder: k, query: A } = h;
+    const { page: s, pageSize: g, offset: T, sortColumnKey: _, sortColumnOrder: C, query: F } = h;
     try {
-      let T = new URL(c.value.href);
-      return u.value && A ? (T.search = "", T = new URL(`${T.href}/${A}/`)) : (u.value || new URLSearchParams(A).forEach((B, U) => {
-        T.searchParams.append(U, B);
-      }), _ && T.searchParams.append("sort_by", _), k === "desc" && T.searchParams.append("sort_desc", "1"), T.searchParams.append("size", String(g))), I && s !== 1 && T.searchParams.append("offset", String(I)), T.href;
-    } catch (T) {
-      return console.error("RouteList(fetcher)", T), l.value;
+      let $ = new URL(d.value.href);
+      return u.value && F ? ($.search = "", $ = new URL(`${$.href}/${F}/`)) : (u.value || new URLSearchParams(F).forEach((P, q) => {
+        $.searchParams.append(q, P);
+      }), _ && $.searchParams.append("sort_by", _), C === "desc" && $.searchParams.append("sort_desc", "1"), $.searchParams.append("size", String(g))), T && s !== 1 && $.searchParams.append("offset", String(T)), $.href;
+    } catch ($) {
+      return console.error("RouteList(fetcher)", $), l.value;
     }
   };
 }
-function qt(e, i, t = "data") {
-  const l = r(i), { axiosInstance: u } = Ue({
+function Rt(e, i, t = "data") {
+  const l = r(i), { axiosInstance: u } = Re({
     headers: e.requestHeaders
-  }), c = Xe(e, l), h = R({
+  }), d = Xe(e, l), h = M({
     status: fe.Idle
   });
   return { fetcher: async (s) => {
     try {
       h.value = { status: fe.Loading };
-      const g = c(s), { data: I } = await u.get(g), _ = t && t.replace(/[^\w-_]/gi, "");
-      let k;
-      I[_] && Array.isArray(I[_]) ? k = I[_] : k = Object.keys(I).length ? [I] : [];
-      const A = {
-        data: k,
-        total: k.length,
-        ...I.offset ? {
+      const g = d(s), { data: T } = await u.get(g), _ = t && t.replace(/[^\w-_]/gi, "");
+      let C;
+      T[_] && Array.isArray(T[_]) ? C = T[_] : C = Object.keys(T).length ? [T] : [];
+      const F = {
+        data: C,
+        total: C.length,
+        ...T.offset ? {
           pagination: {
-            offset: I.offset
+            offset: T.offset
           }
         } : null
       };
       return h.value = {
         status: fe.Idle,
-        response: A
-      }, A;
+        response: F
+      }, F;
     } catch (g) {
-      const I = {
+      const T = {
         data: [],
         total: 0
       };
       return s.query && g.response.status === 404 ? (h.value = {
         status: fe.NoResults,
-        response: I,
+        response: T,
         error: g
-      }, I) : (h.value = {
+      }, T) : (h.value = {
         status: fe.Error,
-        response: I,
+        response: T,
         error: g
-      }, I);
+      }, T);
     }
   }, fetcherState: h };
 }
@@ -544,22 +544,22 @@ function Ft() {
     convertKeyToTitle: (e, i = "_") => e ? e.split(i).map((t) => t.toLowerCase() === "id" ? t.toUpperCase() : t.charAt(0).toUpperCase() + t.substring(1)).join(" ") : ""
   };
 }
-const Ye = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\-]+(?:\.[\da-z\-]+)*))?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i, Ae = (e) => {
+const Ye = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\-]+(?:\.[\da-z\-]+)*))?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i, Le = (e) => {
   if (typeof e != "string")
     throw new TypeError("Invalid argument expected string");
   const i = e.match(Ye);
   if (!i)
     throw new Error(`Invalid argument not valid semver ('${e}' received)`);
   return i.shift(), i;
-}, Le = (e) => e === "*" || e === "x" || e === "X", je = (e) => {
+}, je = (e) => e === "*" || e === "x" || e === "X", Oe = (e) => {
   const i = parseInt(e, 10);
   return isNaN(i) ? e : i;
 }, At = (e, i) => typeof e != typeof i ? [String(e), String(i)] : [e, i], Lt = (e, i) => {
-  if (Le(e) || Le(i))
+  if (je(e) || je(i))
     return 0;
-  const [t, l] = At(je(e), je(i));
+  const [t, l] = At(Oe(e), Oe(i));
   return t > l ? 1 : t < l ? -1 : 0;
-}, Oe = (e, i) => {
+}, Ne = (e, i) => {
   for (let t = 0; t < Math.max(e.length, i.length); t++) {
     const l = Lt(e[t] || "0", i[t] || "0");
     if (l !== 0)
@@ -567,9 +567,9 @@ const Ye = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-(
   }
   return 0;
 }, jt = (e, i) => {
-  const t = Ae(e), l = Ae(i), u = t.pop(), c = l.pop(), h = Oe(t, l);
-  return h !== 0 ? h : u && c ? Oe(u.split("."), c.split(".")) : u || c ? u ? -1 : 1 : 0;
-}, Ne = (e, i, t) => {
+  const t = Le(e), l = Le(i), u = t.pop(), d = l.pop(), h = Ne(t, l);
+  return h !== 0 ? h : u && d ? Ne(u.split("."), d.split(".")) : u || d ? u ? -1 : 1 : 0;
+}, De = (e, i, t) => {
   Ot(t);
   const l = jt(e, i);
   return Qe[t].includes(l);
@@ -580,11 +580,11 @@ const Ye = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-(
   "<=": [-1, 0],
   "<": [-1],
   "!=": [-1, 1]
-}, De = Object.keys(Qe), Ot = (e) => {
+}, Ge = Object.keys(Qe), Ot = (e) => {
   if (typeof e != "string")
     throw new TypeError(`Invalid operator type, expected string but got ${typeof e}`);
-  if (De.indexOf(e) === -1)
-    throw new Error(`Invalid operator, expected one of ${De.join("|")}`);
+  if (Ge.indexOf(e) === -1)
+    throw new Error(`Invalid operator, expected one of ${Ge.join("|")}`);
 }, Nt = (e) => typeof e == "string" && /^[v\d]/.test(e) && Ye.test(e);
 function Dt(e) {
   const { gatewayInfo: i, supportedRange: t } = e;
@@ -593,21 +593,21 @@ function Dt(e) {
   const { edition: l, version: u } = i;
   if (!Nt(u))
     return console.error("Invalid version"), !1;
-  const c = t[l];
-  if (!c)
+  const d = t[l];
+  if (!d)
     return !1;
-  const [h, s] = c;
-  return !(h && Ne(u, h, "<") || s && Ne(u, s, ">"));
+  const [h, s] = d;
+  return !(h && De(u, h, "<") || s && De(u, s, ">"));
 }
 const ae = {
-  useAxios: Ue,
-  useDebouncedFilter: Mt,
-  useDeleteUrlBuilder: Rt,
-  useErrors: Ut,
-  useFetcher: qt,
+  useAxios: Re,
+  useDebouncedFilter: Et,
+  useDeleteUrlBuilder: Mt,
+  useErrors: qt,
+  useFetcher: Rt,
   useFetchUrlBuilder: Xe,
   useStringHelpers: Ft,
-  useI18n: qe,
+  useI18n: Fe,
   useGatewayFeatureSupported: Dt
 }, Gt = {
   fail: "Failed to copy id to clipboard",
@@ -618,13 +618,17 @@ const ae = {
 }, Ht = "Copy to clipboard", Jt = {
   message: Gt,
   iconTitle: Ht
-}, zt = "kong-ui-copy-uuid-notify", Wt = { class: "kong-ui-copy-uuid" }, Zt = ["title"], Xt = ["onClick"], Ge = 15, Yt = /* @__PURE__ */ te({
+}, zt = "kong-ui-copy-uuid-notify", Wt = { class: "kong-ui-copy-uuid" }, Zt = ["onClick"], He = 15, Xt = /* @__PURE__ */ te({
   __name: "CopyUuid",
   props: {
     uuid: {
       type: String,
       required: !0
     },
+    idTooltip: {
+      type: String,
+      default: ""
+    },
     truncated: {
       type: Boolean,
       default: !0
@@ -658,57 +662,62 @@ const ae = {
   },
   emits: ["success", "error"],
   setup(e, { emit: i }) {
-    const t = e, { t: l } = Re("en-us", Jt), u = t.notify || dt(zt, () => {
-    }), c = C(() => !!(t.tooltip && t.successTooltip)), h = R(t.tooltip), s = C(() => t.tooltip ? {
-      label: h.value,
+    const t = e, { t: l } = qe("en-us", Jt), u = t.notify || dt(zt, () => {
+    }), d = k(() => t.idTooltip ? {
+      label: t.idTooltip,
+      positionFixed: !0,
+      placement: "bottomStart"
+    } : {
+      title: t.uuid
+    }), h = k(() => !!(t.tooltip && t.successTooltip)), s = M(t.tooltip), g = k(() => t.tooltip ? {
+      label: s.value,
       positionFixed: !0,
       maxWidth: "500px",
       placement: "bottomStart"
-    } : {}), g = C(() => t.format === "redacted" ? "*****" : t.format === "deleted" ? `*${t.uuid.substring(0, 5)}` : t.uuid), I = (k) => {
-      h.value = k, setTimeout(() => {
-        h.value = t.tooltip;
+    } : {}), T = k(() => t.format === "redacted" ? "*****" : t.format === "deleted" ? `*${t.uuid.substring(0, 5)}` : t.uuid), _ = (F) => {
+      s.value = F, setTimeout(() => {
+        s.value = t.tooltip;
       }, 1800);
-    }, _ = (k) => {
-      if (!k(t.uuid)) {
+    }, C = (F) => {
+      if (!F(t.uuid)) {
         typeof u == "function" && u({
           type: "error",
           message: l("message.fail")
-        }), c.value ? I(l("message.fail")) : i("error", t.uuid);
+        }), h.value ? _(l("message.fail")) : i("error", t.uuid);
         return;
       }
-      const A = t.uuid.length > Ge, T = t.format === "hidden" || t.format === "redacted" ? l("message.success.prefix") : `"${t.uuid.substring(0, Ge) + (A ? "..." : "")}"`;
+      const $ = t.uuid.length > He, P = t.format === "hidden" || t.format === "redacted" ? l("message.success.prefix") : `"${t.uuid.substring(0, He) + ($ ? "..." : "")}"`;
       typeof u == "function" && u({
         type: "success",
-        message: `${T}${l("message.success.content")}`
-      }), c.value ? I(t.successTooltip) : i("success", t.uuid);
+        message: `${P}${l("message.success.content")}`
+      }), h.value ? _(t.successTooltip) : i("success", t.uuid);
     };
-    return (k, A) => {
-      const T = E("KIcon"), B = E("KClipboardProvider");
+    return (F, $) => {
+      const P = U("KIcon"), q = U("KClipboardProvider");
       return f(), x("div", Wt, [
-        e.format !== "hidden" ? (f(), x("div", {
-          key: 0,
-          "data-testid": "copy-id",
-          title: e.uuid
-        }, [
-          V("div", {
-            class: ge([
-              "uuid-container",
-              e.truncated ? "truncated-uuid" : null,
-              e.useMono ? "mono" : null
-            ])
-          }, $(g.value), 3)
-        ], 8, Zt)) : W("", !0),
-        (f(), z(Ee(e.tooltip ? "KTooltip" : "div"), Je(s.value, { class: "uuid-icon-wrapper" }), {
-          default: d(() => [
-            m(B, null, {
-              default: d(({ copyToClipboard: U }) => [
+        e.format !== "hidden" ? (f(), z(Te(e.idTooltip ? "KTooltip" : "div"), Ke({ key: 0 }, d.value, { "data-testid": "copy-id" }), {
+          default: c(() => [
+            V("div", {
+              class: ge([
+                "uuid-container",
+                e.truncated ? "truncated-uuid" : null,
+                e.useMono ? "mono" : null
+              ])
+            }, I(T.value), 3)
+          ]),
+          _: 1
+        }, 16)) : W("", !0),
+        (f(), z(Te(e.tooltip ? "KTooltip" : "div"), Ke(g.value, { class: "uuid-icon-wrapper" }), {
+          default: c(() => [
+            m(q, null, {
+              default: c(({ copyToClipboard: p }) => [
                 V("span", {
                   "data-testid": "copy-to-clipboard",
                   role: "button",
                   tabindex: "0",
-                  onClick: ve((p) => _(U), ["stop"])
+                  onClick: ve((w) => C(p), ["stop"])
                 }, [
-                  m(T, {
+                  m(P, {
                     class: "uuid-icon",
                     color: e.iconColor,
                     "hide-title": !!e.tooltip || void 0,
@@ -716,7 +725,7 @@ const ae = {
                     size: "16",
                     title: r(l)("iconTitle")
                   }, null, 8, ["color", "hide-title", "title"])
-                ], 8, Xt)
+                ], 8, Zt)
               ]),
               _: 1
             })
@@ -726,15 +735,15 @@ const ae = {
       ]);
     };
   }
-}), Qt = (e, i) => {
+}), Yt = (e, i) => {
   const t = e.__vccOpts || e;
   for (const [l, u] of i)
     t[l] = u;
   return t;
-}, et = /* @__PURE__ */ Qt(Yt, [["__scopeId", "data-v-e4ea1359"]]), ea = {
+}, et = /* @__PURE__ */ Yt(Xt, [["__scopeId", "data-v-bfdaf6f7"]]), Qt = {
   key: 0,
   class: "config-card-fieldset-title"
-}, ta = /* @__PURE__ */ te({
+}, ea = /* @__PURE__ */ te({
   __name: "JsonCardItem",
   props: {
     item: {
@@ -751,22 +760,22 @@ const ae = {
     }
   },
   setup(e) {
-    const i = e, { i18n: { t } } = ae.useI18n(), { convertKeyToTitle: l } = ae.useStringHelpers(), u = C(() => i.item.key ?? "json-array-item"), c = C(() => i.item.value ?? i.item), h = C(() => {
-      const g = JSON.parse(JSON.stringify(c.value));
+    const i = e, { i18n: { t } } = ae.useI18n(), { convertKeyToTitle: l } = ae.useStringHelpers(), u = k(() => i.item.key ?? "json-array-item"), d = k(() => i.item.value ?? i.item), h = k(() => {
+      const g = JSON.parse(JSON.stringify(d.value));
       return i.isArrayItem && delete g.name, g;
-    }), s = C(() => {
+    }), s = k(() => {
       var g;
-      return i.isArrayItem ? (g = c.value) != null && g.name ? l(c.value.name, "_") : t("baseConfigCard.general.entryTitle", { index: i.index }) : "";
+      return i.isArrayItem ? (g = d.value) != null && g.name ? l(d.value.name, "_") : t("baseConfigCard.general.entryTitle", { index: i.index }) : "";
     });
-    return (g, I) => (f(), z(Ee(e.isArrayItem ? "fieldset" : "div"), {
+    return (g, T) => (f(), z(Te(e.isArrayItem ? "fieldset" : "div"), {
       class: ge(e.isArrayItem ? "config-card-fieldset" : "config-card-json-item")
     }, {
-      default: d(() => [
-        e.isArrayItem ? (f(), x("legend", ea, [
-          V("b", null, $(s.value), 1)
+      default: c(() => [
+        e.isArrayItem ? (f(), x("legend", Qt, [
+          V("b", null, I(s.value), 1)
         ])) : W("", !0),
-        (f(!0), x(ce, null, se(Object.keys(h.value), (_, k) => (f(), z(at, {
-          key: `${u.value}-property-${k}`,
+        (f(!0), x(ce, null, se(Object.keys(h.value), (_, C) => (f(), z(at, {
+          key: `${u.value}-property-${C}`,
           item: {
             key: _,
             label: r(l)(_),
@@ -782,7 +791,7 @@ const ae = {
   for (const [l, u] of i)
     t[l] = u;
   return t;
-}, tt = /* @__PURE__ */ ne(ta, [["__scopeId", "data-v-68ca83ec"]]), aa = /* @__PURE__ */ te({
+}, tt = /* @__PURE__ */ ne(ea, [["__scopeId", "data-v-68ca83ec"]]), ta = /* @__PURE__ */ te({
   __name: "InternalLinkItem",
   props: {
     item: {
@@ -794,22 +803,22 @@ const ae = {
   setup(e) {
     const { i18n: { t: i } } = ae.useI18n();
     return (t, l) => {
-      const u = E("KButton");
+      const u = U("KButton");
       return f(), x("div", null, [
         m(u, {
           appearance: "btn-link",
           class: "navigation-button",
-          onClick: l[0] || (l[0] = (c) => t.$emit("navigation-click", e.item))
+          onClick: l[0] || (l[0] = (d) => t.$emit("navigation-click", e.item))
         }, {
-          default: d(() => [
-            G($(e.item.value || r(i)("baseConfigCard.commonFields.link")), 1)
+          default: c(() => [
+            G(I(e.item.value || r(i)("baseConfigCard.commonFields.link")), 1)
           ]),
           _: 1
         })
       ]);
     };
   }
-}), la = /* @__PURE__ */ ne(aa, [["__scopeId", "data-v-7410504d"]]), oa = /* @__PURE__ */ te({
+}), aa = /* @__PURE__ */ ne(ta, [["__scopeId", "data-v-7410504d"]]), la = /* @__PURE__ */ te({
   __name: "StatusBadge",
   props: {
     status: {
@@ -820,22 +829,22 @@ const ae = {
   setup(e) {
     const { i18n: { t: i } } = ae.useI18n();
     return (t, l) => {
-      const u = E("KBadge");
+      const u = U("KBadge");
       return f(), z(u, {
         appearance: e.status ? "success" : "neutral"
       }, {
-        default: d(() => [
-          G($(e.status ? r(i)("baseConfigCard.statusBadge.enabledLabel") : r(i)("baseConfigCard.statusBadge.disabledLabel")), 1)
+        default: c(() => [
+          G(I(e.status ? r(i)("baseConfigCard.statusBadge.enabledLabel") : r(i)("baseConfigCard.statusBadge.disabledLabel")), 1)
         ]),
         _: 1
       }, 8, ["appearance"]);
     };
   }
-}), ia = "#0044f4", ra = "#e0e4ea", sa = "#3a3f51", na = "1px", ca = { class: "config-card-details-row" }, da = ["data-testid"], ua = ["data-testid"], pa = ["data-testid"], fa = ["data-testid"], ya = { key: 1 }, ma = ["data-testid"], va = ["data-testid"], ga = ["data-testid"], ba = ["data-testid"], ha = ["title"], _a = {
+}), oa = "#0044f4", ia = "#e0e4ea", ra = "#3a3f51", sa = "1px", na = { class: "config-card-details-row" }, ca = ["data-testid"], da = ["data-testid"], ua = ["data-testid"], pa = ["data-testid"], fa = { key: 1 }, ya = ["data-testid"], ma = ["data-testid"], va = ["data-testid"], ga = ["data-testid"], ba = ["title"], ha = {
   name: "ConfigCardItem",
-  components: { CopyUuid: et, JsonCardItem: tt, StatusBadge: oa, InternalLinkItem: la }
-}, wa = /* @__PURE__ */ te({
-  ..._a,
+  components: { CopyUuid: et, JsonCardItem: tt, StatusBadge: la, InternalLinkItem: aa }
+}, _a = /* @__PURE__ */ te({
+  ...ha,
   props: {
     item: {
       type: Object,
@@ -855,13 +864,13 @@ const ae = {
   emits: ["navigation-click"],
   setup(e, { emit: i }) {
     const t = e;
-    rt((k) => ({
-      "2c6ac268": I.value ? "none" : `solid ${r(na)} ${r(ra)}`,
+    rt((C) => ({
+      "2c6ac268": T.value ? "none" : `solid ${r(sa)} ${r(ia)}`,
       c7a65802: g.value && h.value ? "block" : "flex",
       "778426fe": g.value && h.value ? "100%" : t.slim ? "50%" : "25%",
       "777f9b48": g.value && h.value ? "100%" : t.slim ? "50%" : "75%"
     }));
-    const l = Be(), { i18n: { t: u, formatUnixTimeStamp: c } } = ae.useI18n(), h = C(() => t.item.value !== void 0 && t.item.value !== null && t.item.value !== ""), s = C(() => !!(t.item.tooltip || l["label-tooltip"])), g = C(() => t.item.type === Z.Json || t.item.type === Z.JsonArray), I = C(() => t.item.type === Z.JsonArray), _ = C(() => {
+    const l = Ue(), { i18n: { t: u, formatUnixTimeStamp: d } } = ae.useI18n(), h = k(() => t.item.value !== void 0 && t.item.value !== null && t.item.value !== ""), s = k(() => !!(t.item.tooltip || l["label-tooltip"])), g = k(() => t.item.type === Z.Json || t.item.type === Z.JsonArray), T = k(() => t.item.type === Z.JsonArray), _ = k(() => {
       switch (t.item.type) {
         case Z.ID:
           return {
@@ -921,7 +930,7 @@ const ae = {
             attrs: {
               "data-testid": `${t.item.key}-date`
             },
-            text: c(t.item.value)
+            text: d(t.item.value)
           };
         case Z.BadgeStatus:
           return {
@@ -947,8 +956,8 @@ const ae = {
             attrs: {
               "data-testid": `${t.item.key}-internal-link`,
               item: t.item,
-              onNavigationClick: (k) => {
-                i("navigation-click", k);
+              onNavigationClick: (C) => {
+                i("navigation-click", C);
               }
             }
           };
@@ -988,78 +997,78 @@ const ae = {
           };
       }
     });
-    return (k, A) => {
-      const T = E("KLabel"), B = E("KBadge"), U = E("KMethodBadge");
-      return f(), x("div", ca, [
+    return (C, F) => {
+      const $ = U("KLabel"), P = U("KBadge"), q = U("KMethodBadge");
+      return f(), x("div", na, [
         V("div", {
           class: "config-card-details-label",
           "data-testid": `${e.item.key}-label`
         }, [
-          X(k.$slots, "label", { item: e.item }, () => [
-            m(T, { "tooltip-attributes": { maxWidth: "500px" } }, _e({
-              default: d(() => [
-                G($(e.item.label) + " ", 1)
+          X(C.$slots, "label", { item: e.item }, () => [
+            m($, { "tooltip-attributes": { maxWidth: "500px" } }, _e({
+              default: c(() => [
+                G(I(e.item.label) + " ", 1)
               ]),
               _: 2
             }, [
               s.value ? {
                 name: "tooltip",
-                fn: d(() => [
+                fn: c(() => [
                   V("div", {
                     "data-testid": `${e.item.key}-label-tooltip`
                   }, [
-                    X(k.$slots, "label-tooltip", {}, () => [
-                      G($(e.item.tooltip), 1)
+                    X(C.$slots, "label-tooltip", {}, () => [
+                      G(I(e.item.tooltip), 1)
                     ], !0)
-                  ], 8, ua)
+                  ], 8, da)
                 ]),
                 key: "0"
               } : void 0
             ]), 1024)
           ], !0)
-        ], 8, da),
+        ], 8, ca),
         V("div", {
           class: "config-card-details-value",
           "data-testid": `${e.item.key}-property-value`
         }, [
-          X(k.$slots, e.item.key, {
+          X(C.$slots, e.item.key, {
             rowValue: e.item.value
           }, () => [
-            h.value ? (f(), x("div", ya, [
-              (f(), z(Ee(_.value.tag), st(nt(_.value.attrs)), {
-                default: d(() => [
+            h.value ? (f(), x("div", fa, [
+              (f(), z(Te(_.value.tag), st(nt(_.value.attrs)), {
+                default: c(() => [
                   _.value.additionalComponent === "KBadge" ? (f(), x("div", {
                     key: 0,
                     "data-testid": `${e.item.key}-badge-tags`
                   }, [
-                    (f(!0), x(ce, null, se(e.item.value, (p, w) => (f(), z(B, {
+                    (f(!0), x(ce, null, se(e.item.value, (p, w) => (f(), z(P, {
                       key: `${e.item.key}-badge-tag-${w}`,
                       class: "config-badge",
                       "data-testid": `${e.item.key}-badge-tag-${w}`,
                       "truncation-tooltip": p
                     }, {
-                      default: d(() => [
-                        G($(p), 1)
+                      default: c(() => [
+                        G(I(p), 1)
                       ]),
                       _: 2
                     }, 1032, ["data-testid", "truncation-tooltip"]))), 128))
-                  ], 8, ma)) : W("", !0),
+                  ], 8, ya)) : W("", !0),
                   _.value.additionalComponent === "CopyUuid" ? (f(), x("div", {
                     key: 1,
                     class: "copy-uuid-array",
                     "data-testid": `${e.item.key}-copy-uuid-array`
                   }, [
-                    (f(!0), x(ce, null, se(e.item.value, (p, w) => (f(), z(r(et), Je(_.value.childAttrs, {
+                    (f(!0), x(ce, null, se(e.item.value, (p, w) => (f(), z(r(et), Ke(_.value.childAttrs, {
                       key: `${e.item.key}-copy-uuid-${w}`,
                       "data-testid": `${e.item.key}-copy-uuid-${w}`,
                       uuid: p
                     }), null, 16, ["data-testid", "uuid"]))), 128))
-                  ], 8, va)) : _.value.additionalComponent === "KMethodBadge" ? (f(), x("div", {
+                  ], 8, ma)) : _.value.additionalComponent === "KMethodBadge" ? (f(), x("div", {
                     key: 2,
                     class: "method-badge-array",
                     "data-testid": `${e.item.key}-badge-methods`
                   }, [
-                    (f(!0), x(ce, null, se(e.item.value, (p, w) => (f(), z(U, {
+                    (f(!0), x(ce, null, se(e.item.value, (p, w) => (f(), z(q, {
                       key: `${e.item.key}-badge-method-${w}`,
                       class: "config-badge",
                       "data-testid": `${e.item.key}-badge-method-${w}`,
@@ -1067,12 +1076,12 @@ const ae = {
                       label: p,
                       method: r(pt).includes(p.toLowerCase()) ? p.toLowerCase() : "custom"
                     }, {
-                      default: d(() => [
-                        G($(p), 1)
+                      default: c(() => [
+                        G(I(p), 1)
                       ]),
                       _: 2
                     }, 1032, ["data-testid", "label", "method"]))), 128))
-                  ], 8, ga)) : W("", !0),
+                  ], 8, va)) : W("", !0),
                   _.value.additionalComponent === "JsonCardItem" ? (f(), x("div", {
                     key: 3,
                     "data-testid": `${t.item.key}-json-array-content`
@@ -1083,24 +1092,24 @@ const ae = {
                       "is-array-item": "",
                       item: p
                     }, null, 8, ["index", "item"]))), 128))
-                  ], 8, ba)) : (f(), x("span", {
+                  ], 8, ga)) : (f(), x("span", {
                     key: 4,
                     class: ge(["attrs-data-text", { truncated: e.truncated }]),
                     title: e.truncated ? e.item.value : void 0
-                  }, $(_.value.text), 11, ha))
+                  }, I(_.value.text), 11, ba))
                 ]),
                 _: 1
               }, 16))
             ])) : (f(), x("div", {
               key: 0,
               "data-testid": `${e.item.key}-no-value`
-            }, " – ", 8, fa))
+            }, " – ", 8, pa))
           ], !0)
-        ], 8, pa)
+        ], 8, ua)
       ]);
     };
   }
-}), at = /* @__PURE__ */ ne(wa, [["__scopeId", "data-v-a3c5ab01"]]), ka = { "data-testid": "config-card-title" }, Ca = { class: "config-card-actions" }, Sa = { class: "config-card-details-section" }, Ia = ["data-testid"], $a = {
+}), at = /* @__PURE__ */ ne(_a, [["__scopeId", "data-v-a3c5ab01"]]), wa = { "data-testid": "config-card-title" }, ka = { class: "config-card-actions" }, Ca = { class: "config-card-details-section" }, Sa = ["data-testid"], Ia = {
   key: 0,
   class: "config-card-prop-section-title"
 }, Ta = /* @__PURE__ */ te({
@@ -1162,12 +1171,12 @@ const ae = {
   emits: ["loading", "fetch:success", "fetch:error", "copy:success", "copy:error"],
   setup(e, { emit: i }) {
     var t;
-    const l = e, u = Be(), { i18n: { t: c } } = ae.useI18n(), { getMessageFromError: h } = ae.useErrors(), { convertKeyToTitle: s } = ae.useStringHelpers(), { axiosInstance: g } = ae.useAxios({
+    const l = e, u = Ue(), { i18n: { t: d } } = ae.useI18n(), { getMessageFromError: h } = ae.useErrors(), { convertKeyToTitle: s } = ae.useStringHelpers(), { axiosInstance: g } = ae.useAxios({
       headers: (t = l.config) == null ? void 0 : t.requestHeaders
-    }), I = {
+    }), T = {
       id: {
         type: Z.ID,
-        label: c("baseConfigCard.commonFields.id_label"),
+        label: d("baseConfigCard.commonFields.id_label"),
         order: 0,
         section: oe.Basic
       },
@@ -1182,13 +1191,13 @@ const ae = {
       },
       updated_at: {
         type: Z.Date,
-        label: c("baseConfigCard.commonFields.updated_at_label"),
+        label: d("baseConfigCard.commonFields.updated_at_label"),
         order: 3,
         section: oe.Basic
       },
       created_at: {
         type: Z.Date,
-        label: c("baseConfigCard.commonFields.created_at_label"),
+        label: d("baseConfigCard.commonFields.created_at_label"),
         order: 4,
         section: oe.Basic
       },
@@ -1198,21 +1207,21 @@ const ae = {
         // the last property displayed
         section: oe.Basic
       }
-    }, _ = R(!1), k = R(!1), A = R(""), T = R(), B = C(() => {
-      var v, M, P;
-      if (!T.value)
+    }, _ = M(!1), C = M(!1), F = M(""), $ = M(), P = k(() => {
+      var v, E, K;
+      if (!$.value)
         return [];
-      const D = [], H = Object.keys(T.value).length;
-      for (const F in T.value) {
-        const L = (M = (v = l.configSchema) == null ? void 0 : v[F]) == null ? void 0 : M.order, j = (P = I[F]) == null ? void 0 : P.order;
+      const D = [], H = Object.keys($.value).length;
+      for (const A in $.value) {
+        const L = (E = (v = l.configSchema) == null ? void 0 : v[A]) == null ? void 0 : E.order, j = (K = T[A]) == null ? void 0 : K.order;
         let O = H;
-        (j || j === 0) && (O = j === -1 ? H + 1 : j), L && (O = L === -1 ? H + 1 : L), D.push([F, O]);
+        (j || j === 0) && (O = j === -1 ? H + 1 : j), L && (O = L === -1 ? H + 1 : L), D.push([A, O]);
       }
-      return D.sort(function(F, L) {
-        return F[1] - L[1];
-      }), D.map((F) => {
+      return D.sort(function(A, L) {
+        return A[1] - L[1];
+      }), D.map((A) => {
         var L, j;
-        const O = F[0], ie = (L = T.value) == null ? void 0 : L[O], le = ((j = l.configSchema) == null ? void 0 : j[O]) || {}, re = I[O];
+        const O = A[0], ie = (L = $.value) == null ? void 0 : L[O], le = ((j = l.configSchema) == null ? void 0 : j[O]) || {}, re = T[O];
         return {
           key: O,
           value: ie,
@@ -1222,22 +1231,22 @@ const ae = {
           tooltip: le.tooltip ?? ((re == null ? void 0 : re.tooltip) || void 0),
           section: le.section ?? ((re == null ? void 0 : re.section) || oe.Advanced)
         };
-      }).filter((F) => !F.hidden && F.key !== l.pluginConfigKey);
-    }), U = C(() => {
-      var v, M;
-      if (!T.value || !l.pluginConfigKey)
+      }).filter((A) => !A.hidden && A.key !== l.pluginConfigKey);
+    }), q = k(() => {
+      var v, E;
+      if (!$.value || !l.pluginConfigKey)
         return [];
-      const P = T.value[l.pluginConfigKey] || {}, D = Object.keys(P).length, H = [];
-      for (const F in P) {
-        const L = (M = (v = l.pluginConfigSchema) == null ? void 0 : v[F]) == null ? void 0 : M.order, j = P[F];
+      const K = $.value[l.pluginConfigKey] || {}, D = Object.keys(K).length, H = [];
+      for (const A in K) {
+        const L = (E = (v = l.pluginConfigSchema) == null ? void 0 : v[A]) == null ? void 0 : E.order, j = K[A];
         let O = j != null && j !== "" ? D - 1 : D;
-        L && (O = L === -1 ? D + 1 : L), H.push([F, O]);
+        L && (O = L === -1 ? D + 1 : L), H.push([A, O]);
       }
-      return H.sort(function(F, L) {
-        return F[1] - L[1];
-      }), H.map((F) => {
+      return H.sort(function(A, L) {
+        return A[1] - L[1];
+      }), H.map((A) => {
         var L;
-        const j = F[0], O = P[j], ie = ((L = l.pluginConfigSchema) == null ? void 0 : L[j]) || {};
+        const j = A[0], O = K[j], ie = ((L = l.pluginConfigSchema) == null ? void 0 : L[j]) || {};
         return {
           key: j,
           value: O,
@@ -1247,65 +1256,65 @@ const ae = {
           tooltip: ie.tooltip ?? void 0,
           section: oe.Plugin
         };
-      }).filter((F) => !F.hidden);
-    }), p = C(() => {
-      var v, M, P, D;
+      }).filter((A) => !A.hidden);
+    }), p = k(() => {
+      var v, E, K, D;
       return {
-        basic: (v = B.value) == null ? void 0 : v.filter((H) => H.section === oe.Basic),
-        advanced: (M = B.value) == null ? void 0 : M.filter((H) => H.section === oe.Advanced),
-        plugin: (D = U.value) == null ? void 0 : D.concat((P = B.value) == null ? void 0 : P.filter((H) => H.section === oe.Plugin))
+        basic: (v = P.value) == null ? void 0 : v.filter((H) => H.section === oe.Basic),
+        advanced: (E = P.value) == null ? void 0 : E.filter((H) => H.section === oe.Advanced),
+        plugin: (D = q.value) == null ? void 0 : D.concat((K = P.value) == null ? void 0 : K.filter((H) => H.section === oe.Plugin))
       };
-    }), w = C(() => {
+    }), w = k(() => {
       const v = [];
       return p.value.basic.length && v.push("basic"), p.value.advanced.length && v.push("advanced"), p.value.plugin.length && v.push("plugin"), v;
-    }), a = (v) => !!(v.tooltip || u[`${v.key}-label-tooltip`]), b = C(() => {
-      var v, M;
-      let P = `${l.config.apiBaseUrl}${l.fetchUrl}`;
-      return l.config.app === "konnect" ? P = P.replace(/{controlPlaneId}/gi, ((v = l.config) == null ? void 0 : v.controlPlaneId) || "") : l.config.app === "kongManager" && (P = P.replace(/\/{workspace}/gi, (M = l.config) != null && M.workspace ? `/${l.config.workspace}` : "")), P = P.replace(/{id}/gi, l.config.entityId), P;
+    }), a = (v) => !!(v.tooltip || u[`${v.key}-label-tooltip`]), b = k(() => {
+      var v, E;
+      let K = `${l.config.apiBaseUrl}${l.fetchUrl}`;
+      return l.config.app === "konnect" ? K = K.replace(/{controlPlaneId}/gi, ((v = l.config) == null ? void 0 : v.controlPlaneId) || "") : l.config.app === "kongManager" && (K = K.replace(/\/{workspace}/gi, (E = l.config) != null && E.workspace ? `/${l.config.workspace}` : "")), K = K.replace(/{id}/gi, l.config.entityId), K;
     }), N = (v) => {
-      T.value && v(JSON.stringify(T.value)) ? i("copy:success", T.value) : i("copy:error");
+      $.value && v(JSON.stringify($.value)) ? i("copy:success", $.value) : i("copy:error");
     };
     return ue(_, (v) => {
       i("loading", v);
-    }, { immediate: !0 }), Ke(async () => {
-      k.value = !1, _.value = !0;
+    }, { immediate: !0 }), Ee(async () => {
+      C.value = !1, _.value = !0;
       try {
         const { data: v } = await g.get(b.value);
         if (l.dataKey)
           if (typeof v[l.dataKey] < "u")
-            T.value = { ...v[l.dataKey] };
+            $.value = { ...v[l.dataKey] };
           else
-            throw new Error(c("errors.dataKeyUndefined", { dataKey: l.dataKey }));
+            throw new Error(d("errors.dataKeyUndefined", { dataKey: l.dataKey }));
         else
-          T.value = { ...v };
-        Object.keys(l.configSchema).filter((M) => l.configSchema[M].forceShow).forEach((M) => {
-          T.value && typeof T.value[M] > "u" && (T.value[M] = null);
+          $.value = { ...v };
+        Object.keys(l.configSchema).filter((E) => l.configSchema[E].forceShow).forEach((E) => {
+          $.value && typeof $.value[E] > "u" && ($.value[E] = null);
         }), i("fetch:success", v);
       } catch (v) {
-        const M = h(v);
-        A.value = M.startsWith("code") ? c("baseConfigCard.errors.load") : M, k.value = !0, i("fetch:error", v);
+        const E = h(v);
+        F.value = E.startsWith("code") ? d("baseConfigCard.errors.load") : E, C.value = !0, i("fetch:error", v);
       } finally {
         _.value = !1;
       }
-    }), (v, M) => {
-      const P = E("KButton"), D = E("KClipboardProvider"), H = E("KSkeleton"), F = E("KEmptyState"), L = E("KCard");
+    }), (v, E) => {
+      const K = U("KButton"), D = U("KClipboardProvider"), H = U("KSkeleton"), A = U("KEmptyState"), L = U("KCard");
       return f(), z(L, {
         "border-variant": "noBorder",
         class: "kong-ui-entity-base-config-card"
       }, _e({
-        actions: d(() => [
-          V("div", Ca, [
+        actions: c(() => [
+          V("div", ka, [
             X(v.$slots, "actions", {}, void 0, !0),
             m(D, null, {
-              default: d(({ copyToClipboard: j }) => [
-                !_.value && !k.value ? (f(), z(P, {
+              default: c(({ copyToClipboard: j }) => [
+                !_.value && !C.value ? (f(), z(K, {
                   key: 0,
                   appearance: "btn-link",
                   "data-testid": "json-copy-button",
                   onClick: (O) => N(j)
                 }, {
-                  default: d(() => [
-                    G($(r(c)("baseConfigCard.actions.copy")), 1)
+                  default: c(() => [
+                    G(I(r(d)("baseConfigCard.actions.copy")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])) : W("", !0)
@@ -1314,37 +1323,37 @@ const ae = {
             })
           ])
         ]),
-        body: d(() => [
+        body: c(() => [
           _.value ? (f(), z(H, {
             key: 0,
             "data-testid": "config-card-loader",
             "table-columns": 2,
             type: "table"
-          })) : k.value ? (f(), z(F, {
+          })) : C.value ? (f(), z(A, {
             key: 1,
             "data-testid": "config-card-fetch-error",
             "is-error": ""
           }, {
-            message: d(() => [
-              V("h3", null, $(A.value), 1)
+            message: c(() => [
+              V("h3", null, I(F.value), 1)
             ]),
             _: 1
           })) : W("", !0),
-          V("div", Sa, [
+          V("div", Ca, [
             (f(!0), x(ce, null, se(w.value, (j) => (f(), x("div", {
               key: `config-card-details-${j}-props`,
               class: ge(`config-card-details-${j}-props`),
               "data-testid": `config-card-details-${j}-props`
             }, [
-              j !== "basic" ? (f(), x("div", $a, $(j === "advanced" ? r(c)("baseConfigCard.sections.advanced") : r(c)("baseConfigCard.sections.plugin")), 1)) : W("", !0),
+              j !== "basic" ? (f(), x("div", Ia, I(j === "advanced" ? r(d)("baseConfigCard.sections.advanced") : r(d)("baseConfigCard.sections.plugin")), 1)) : W("", !0),
               (f(!0), x(ce, null, se(p.value[j], (O) => (f(), z(at, {
                 key: O.key,
                 item: O
               }, _e({
-                label: d(() => [
+                label: c(() => [
                   X(v.$slots, `${O.key}-label`, { row: O }, void 0, !0)
                 ]),
-                [O.key]: d(({ rowValue: ie }) => [
+                [O.key]: c(({ rowValue: ie }) => [
                   X(v.$slots, O.key, {
                     row: O,
                     rowValue: ie
@@ -1354,23 +1363,23 @@ const ae = {
               }, [
                 a(O) ? {
                   name: "label-tooltip",
-                  fn: d(() => [
+                  fn: c(() => [
                     X(v.$slots, `${O.key}-label-tooltip`, { row: O }, void 0, !0)
                   ]),
                   key: "0"
                 } : void 0
               ]), 1032, ["item"]))), 128))
-            ], 10, Ia))), 128))
+            ], 10, Sa))), 128))
           ])
         ]),
         _: 2
       }, [
         e.hideTitle ? void 0 : {
           name: "title",
-          fn: d(() => [
-            V("div", ka, [
+          fn: c(() => [
+            V("div", wa, [
               X(v.$slots, "title", {}, () => [
-                G($(r(c)("baseConfigCard.title")), 1)
+                G(I(r(d)("baseConfigCard.title")), 1)
               ], !0)
             ])
           ]),
@@ -1379,10 +1388,10 @@ const ae = {
       ]), 1024);
     };
   }
-}), xa = /* @__PURE__ */ ne(Ta, [["__scopeId", "data-v-b72bbdde"]]), Va = ["onReset", "onSubmit"], Pa = {
+}), $a = /* @__PURE__ */ ne(Ta, [["__scopeId", "data-v-b72bbdde"]]), xa = ["onReset", "onSubmit"], Va = {
   class: "form-actions",
   "data-testid": "form-actions"
-}, Ba = /* @__PURE__ */ te({
+}, Pa = /* @__PURE__ */ te({
   __name: "EntityBaseForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -1432,58 +1441,58 @@ const ae = {
   emits: ["loading", "fetch:success", "fetch:error", "submit", "cancel"],
   setup(e, { emit: i }) {
     var t;
-    const l = e, u = Me(), { i18n: { t: c } } = ae.useI18n(), { getMessageFromError: h } = ae.useErrors(), { axiosInstance: s } = ae.useAxios({
+    const l = e, u = Me(), { i18n: { t: d } } = ae.useI18n(), { getMessageFromError: h } = ae.useErrors(), { axiosInstance: s } = ae.useAxios({
       headers: (t = l.config) == null ? void 0 : t.requestHeaders
-    }), g = R(!1), I = R(!1), _ = R(""), k = C(() => l.canSubmit === !1 || l.isReadonly), A = C(() => {
+    }), g = M(!1), T = M(!1), _ = M(""), C = k(() => l.canSubmit === !1 || l.isReadonly), F = k(() => {
       var p, w;
       if (!l.editId)
         return "";
       let a = `${l.config.apiBaseUrl}${l.fetchUrl}`;
       return l.config.app === "konnect" ? a = a.replace(/{controlPlaneId}/gi, ((p = l.config) == null ? void 0 : p.controlPlaneId) || "") : l.config.app === "kongManager" && (a = a.replace(/\/{workspace}/gi, (w = l.config) != null && w.workspace ? `/${l.config.workspace}` : "")), a = a.replace(/{id}/gi, l.editId), a;
-    }), T = () => {
-      l.config.cancelRoute ? u.push(l.config.cancelRoute) : B();
-    }, B = () => {
+    }), $ = () => {
+      l.config.cancelRoute ? u.push(l.config.cancelRoute) : P();
+    }, P = () => {
       i("cancel");
-    }, U = () => {
-      k.value || i("submit");
+    }, q = () => {
+      C.value || i("submit");
     };
     return ue(() => g.value, (p) => {
       i("loading", p);
-    }, { immediate: !0 }), Ke(async () => {
+    }, { immediate: !0 }), Ee(async () => {
       if (l.editId)
         try {
-          I.value = !1, g.value = !0;
-          const { data: p } = await s.get(A.value);
+          T.value = !1, g.value = !0;
+          const { data: p } = await s.get(F.value);
           i("fetch:success", p);
         } catch (p) {
           const w = h(p);
-          _.value = w.startsWith("code") ? c("baseForm.errors.edit") : w, I.value = !0, i("fetch:error", p);
+          _.value = w.startsWith("code") ? d("baseForm.errors.edit") : w, T.value = !0, i("fetch:error", p);
         } finally {
           g.value = !1;
         }
     }), (p, w) => {
-      const a = E("KSkeleton"), b = E("KEmptyState"), N = E("KAlert"), v = E("KButton"), M = E("KCard");
-      return f(), z(M, { class: "kong-ui-entity-base-form" }, {
-        body: d(() => [
+      const a = U("KSkeleton"), b = U("KEmptyState"), N = U("KAlert"), v = U("KButton"), E = U("KCard");
+      return f(), z(E, { class: "kong-ui-entity-base-form" }, {
+        body: c(() => [
           g.value ? (f(), z(a, {
             key: 0,
             type: "form"
-          })) : I.value ? (f(), z(b, {
+          })) : T.value ? (f(), z(b, {
             key: 1,
-            "cta-text": r(c)("baseForm.actions.back"),
+            "cta-text": r(d)("baseForm.actions.back"),
             "data-testid": "form-fetch-error",
-            "handle-click": T,
+            "handle-click": $,
             "is-error": !0
           }, {
-            message: d(() => [
-              V("h3", null, $(_.value), 1)
+            message: c(() => [
+              V("h3", null, I(_.value), 1)
             ]),
             _: 1
           }, 8, ["cta-text"])) : (f(), x("form", {
             key: 2,
             "data-testid": "form-content",
-            onReset: ve(B, ["prevent"]),
-            onSubmit: ve(U, ["prevent"])
+            onReset: ve(P, ["prevent"]),
+            onSubmit: ve(q, ["prevent"])
           }, [
             X(p.$slots, "default", {}, void 0, !0),
             e.errorMessage ? (f(), z(N, {
@@ -1492,7 +1501,7 @@ const ae = {
               appearance: "danger",
               "data-testid": "form-error"
             }, null, 8, ["alert-message"])) : W("", !0),
-            V("div", Pa, [
+            V("div", Va, [
               X(p.$slots, "form-actions", {}, () => [
                 m(v, {
                   appearance: "outline",
@@ -1500,31 +1509,31 @@ const ae = {
                   disabled: e.isReadonly,
                   type: "reset"
                 }, {
-                  default: d(() => [
-                    G($(r(c)("baseForm.actions.cancel")), 1)
+                  default: c(() => [
+                    G(I(r(d)("baseForm.actions.cancel")), 1)
                   ]),
                   _: 1
                 }, 8, ["disabled"]),
                 m(v, {
                   appearance: "primary",
                   "data-testid": "form-submit",
-                  disabled: k.value,
+                  disabled: C.value,
                   type: "submit"
                 }, {
-                  default: d(() => [
-                    G($(r(c)("baseForm.actions.save")), 1)
+                  default: c(() => [
+                    G(I(r(d)("baseForm.actions.save")), 1)
                   ]),
                   _: 1
                 }, 8, ["disabled"])
               ], !0)
             ])
-          ], 40, Va))
+          ], 40, xa))
         ]),
         _: 3
       });
     };
   }
-}), Ka = /* @__PURE__ */ ne(Ba, [["__scopeId", "data-v-2286e5f2"]]), Ea = { key: 0 }, Ma = /* @__PURE__ */ te({
+}), Ka = /* @__PURE__ */ ne(Pa, [["__scopeId", "data-v-2286e5f2"]]), Ba = { key: 0 }, Ua = /* @__PURE__ */ te({
   __name: "EntityBaseTableCell",
   props: {
     keyName: {
@@ -1537,69 +1546,69 @@ const ae = {
     }
   },
   setup(e) {
-    const i = e, t = C(() => {
-      var U;
-      return ((U = i.rowEl) == null ? void 0 : U.querySelector(`[data-testid="${i.keyName}"]`)) || null;
-    }), l = C(() => {
-      var U;
-      return ((U = t.value) == null ? void 0 : U.querySelector('[role="button"]')) || null;
-    }), u = C(() => {
-      var U, p;
-      const w = (U = i.rowEl) == null ? void 0 : U.querySelectorAll("td");
+    const i = e, t = k(() => {
+      var q;
+      return ((q = i.rowEl) == null ? void 0 : q.querySelector(`[data-testid="${i.keyName}"]`)) || null;
+    }), l = k(() => {
+      var q;
+      return ((q = t.value) == null ? void 0 : q.querySelector('[role="button"]')) || null;
+    }), u = k(() => {
+      var q, p;
+      const w = (q = i.rowEl) == null ? void 0 : q.querySelectorAll("td");
       return w ? ((p = w[0]) == null ? void 0 : p.getAttribute("data-testid")) === i.keyName : !1;
     });
-    let c;
+    let d;
     const h = () => {
-      c && (c.disconnect(), c = void 0);
+      d && (d.disconnect(), d = void 0);
     }, s = () => {
-      var U, p, w;
-      I.value = ((U = l.value) == null ? void 0 : U.getBoundingClientRect().width) || 0, _.value = ((p = t.value) == null ? void 0 : p.clientWidth) || 0, k.value = ((w = g.value) == null ? void 0 : w.innerText) || "";
-    }, g = R({}), I = R(0), _ = R(0), k = R(""), A = C(() => [l.value, t.value]), T = ue(
-      A,
-      (U) => {
+      var q, p, w;
+      T.value = ((q = l.value) == null ? void 0 : q.getBoundingClientRect().width) || 0, _.value = ((p = t.value) == null ? void 0 : p.clientWidth) || 0, C.value = ((w = g.value) == null ? void 0 : w.innerText) || "";
+    }, g = M({}), T = M(0), _ = M(0), C = M(""), F = k(() => [l.value, t.value]), $ = ue(
+      F,
+      (q) => {
         if (u.value && (h(), "ResizeObserver" in window && window)) {
-          c = new ResizeObserver((p) => {
+          d = new ResizeObserver((p) => {
             window.requestAnimationFrame(() => {
               !Array.isArray(p) || !p.length || s();
             });
           });
-          for (const p of U)
-            p && c.observe(p);
+          for (const p of q)
+            p && d.observe(p);
         }
       },
       { immediate: !0, flush: "post", deep: !0 }
-    ), B = C(() => u.value ? I.value > _.value : !1);
+    ), P = k(() => u.value ? T.value > _.value : !1);
     return ze(() => {
       s();
     }), ct(() => {
-      T();
-    }), (U, p) => {
-      const w = E("KTooltip");
+      $();
+    }), (q, p) => {
+      const w = U("KTooltip");
       return f(), x("span", {
         ref_key: "contentRef",
         ref: g,
         class: "content-wrapper"
       }, [
-        u.value ? (f(), x("span", Ea, [
+        u.value ? (f(), x("span", Ba, [
           m(w, {
-            disabled: !B.value,
-            label: k.value,
+            disabled: !P.value,
+            label: C.value,
             "max-width": "300",
             placement: "bottomStart"
           }, {
-            default: d(() => [
-              X(U.$slots, "default", {}, void 0, !0)
+            default: c(() => [
+              X(q.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["disabled", "label"])
-        ])) : X(U.$slots, "default", { key: 1 }, void 0, !0)
+        ])) : X(q.$slots, "default", { key: 1 }, void 0, !0)
       ], 512);
     };
   }
-}), Ra = /* @__PURE__ */ ne(Ma, [["__scopeId", "data-v-f8a220e9"]]), Ua = { class: "toolbar-container" }, qa = {
+}), Ea = /* @__PURE__ */ ne(Ua, [["__scopeId", "data-v-f8a220e9"]]), Ma = { class: "toolbar-container" }, qa = {
   key: 0,
   class: "toolbar-button-container"
-}, Fa = ["data-testid"], Aa = /* @__PURE__ */ te({
+}, Ra = ["data-testid"], Fa = /* @__PURE__ */ te({
   __name: "EntityBaseTable",
   props: {
     // table header configuration
@@ -1703,7 +1712,7 @@ const ae = {
   },
   emits: ["click:row", "sort", "clear-search-input", "empty-state-cta-clicked"],
   setup(e, { emit: i }) {
-    const t = e, { i18n: { t: l } } = ae.useI18n(), u = C(() => t.cacheIdentifier || t.preferencesStorageKey), c = (b) => b.hasData || !!t.query, h = C(() => {
+    const t = e, { i18n: { t: l } } = ae.useI18n(), u = k(() => t.cacheIdentifier || t.preferencesStorageKey), d = (b) => b.hasData || !!t.query, h = k(() => {
       const b = [];
       return Object.keys(t.tableHeaders).forEach((N) => {
         const v = t.tableHeaders[N];
@@ -1720,7 +1729,7 @@ const ae = {
       "data-rowid": b.id,
       "data-testid": b.name,
       ...t.rowAttributes(b)
-    }), g = R({}), I = (b) => {
+    }), g = M({}), T = (b) => {
       var N;
       return (N = g.value) == null ? void 0 : N.$el.querySelector(`[data-rowid="${b.id}"]`);
     }, _ = (b) => {
@@ -1733,30 +1742,30 @@ const ae = {
         overflowX: "hidden",
         textOverflow: "ellipsis"
       }), N;
-    }, k = () => {
-      i("empty-state-cta-clicked"), A();
-    }, A = () => {
+    }, C = () => {
+      i("empty-state-cta-clicked"), F();
+    }, F = () => {
       i("clear-search-input");
-    }, T = (b, N) => {
+    }, $ = (b, N) => {
       i("click:row", N);
-    }, B = (b) => {
+    }, P = (b) => {
       i("sort", b);
-    }, { setTablePreferences: U, getTablePreferences: p } = St(), w = C(() => {
+    }, { setTablePreferences: q, getTablePreferences: p } = St(), w = k(() => {
       const b = p(t.preferencesStorageKey);
       return {
         ...t.initialFetcherParams,
         ...b
       };
     }), a = (b) => {
-      t.preferencesStorageKey && U(t.preferencesStorageKey, b);
+      t.preferencesStorageKey && q(t.preferencesStorageKey, b);
     };
     return (b, N) => {
-      const v = E("KIcon"), M = E("KButton"), P = E("KDropdownMenu"), D = E("KTable"), H = E("KCard");
+      const v = U("KIcon"), E = U("KButton"), K = U("KDropdownMenu"), D = U("KTable"), H = U("KCard");
       return f(), z(H, {
         class: "kong-ui-entity-base-table",
         title: e.title
       }, {
-        body: d(() => [
+        body: c(() => [
           m(D, {
             ref_key: "tableRefs",
             ref: g,
@@ -1783,46 +1792,46 @@ const ae = {
             "pagination-type": e.paginationType,
             "row-attrs": s,
             "search-input": e.query,
-            onKtableEmptyStateCtaClicked: k,
-            "onRow:click": T,
-            onSort: N[0] || (N[0] = (F) => B(F)),
+            onKtableEmptyStateCtaClicked: C,
+            "onRow:click": $,
+            onSort: N[0] || (N[0] = (A) => P(A)),
             "onUpdate:tablePreferences": a
           }, _e({
-            toolbar: d(({ state: F }) => [
-              Se(V("div", Ua, [
+            toolbar: c(({ state: A }) => [
+              Se(V("div", Ma, [
                 X(b.$slots, "toolbar-filter", {}, void 0, !0),
                 b.$slots["toolbar-button"] ? (f(), x("div", qa, [
                   X(b.$slots, "toolbar-button", {}, void 0, !0)
                 ])) : W("", !0)
               ], 512), [
-                [Ie, c(F)]
+                [Ie, d(A)]
               ])
             ]),
-            actions: d(({ row: F, rowKey: L, rowValue: j }) => [
+            actions: c(({ row: A, rowKey: L, rowValue: j }) => [
               V("div", {
                 class: "actions-container",
-                "data-testid": F.name
+                "data-testid": A.name
               }, [
-                m(P, {
+                m(K, {
                   "kpop-attributes": { placement: "bottomEnd" },
                   width: e.dropdownMenuWidth
                 }, {
-                  items: d(() => [
+                  items: c(() => [
                     X(b.$slots, "actions", {
-                      row: F,
+                      row: A,
                       rowKey: L,
                       rowValue: j
                     }, void 0, !0)
                   ]),
-                  default: d(() => [
-                    m(M, {
+                  default: c(() => [
+                    m(E, {
                       class: "actions-trigger",
                       "data-testid": "overflow-actions-button",
                       size: "small"
                     }, {
-                      icon: d(() => [
+                      icon: c(() => [
                         m(v, {
-                          color: r(sa),
+                          color: r(ra),
                           icon: "more",
                           size: "16"
                         }, null, 8, ["color"])
@@ -1832,24 +1841,24 @@ const ae = {
                   ]),
                   _: 2
                 }, 1032, ["width"])
-              ], 8, Fa)
+              ], 8, Ra)
             ]),
             _: 2
           }, [
-            se(e.tableHeaders, (F, L) => ({
+            se(e.tableHeaders, (A, L) => ({
               name: L,
-              fn: d(({ row: j, rowKey: O, rowValue: ie }) => [
-                m(Ra, {
+              fn: c(({ row: j, rowKey: O, rowValue: ie }) => [
+                m(Ea, {
                   "key-name": String(L),
-                  "row-el": I(j)
+                  "row-el": T(j)
                 }, {
-                  default: d(() => [
+                  default: c(() => [
                     X(b.$slots, L, {
                       row: j,
                       rowKey: O,
                       rowValue: ie
                     }, () => [
-                      G($(ie), 1)
+                      G(I(ie), 1)
                     ], !0)
                   ]),
                   _: 2
@@ -1862,13 +1871,13 @@ const ae = {
       }, 8, ["title"]);
     };
   }
-}), La = /* @__PURE__ */ ne(Aa, [["__scopeId", "data-v-a598b1d9"]]), ja = {
+}), Aa = /* @__PURE__ */ ne(Fa, [["__scopeId", "data-v-a598b1d9"]]), La = {
   key: 0,
   class: "kong-ui-entity-delete-error"
-}, Oa = {
+}, ja = {
   key: 1,
   class: "description"
-}, Na = /* @__PURE__ */ te({
+}, Oa = /* @__PURE__ */ te({
   __name: "EntityDeleteModal",
   props: {
     visible: {
@@ -1907,13 +1916,13 @@ const ae = {
   },
   emits: ["cancel", "proceed"],
   setup(e, { emit: i }) {
-    const t = e, { i18nT: l } = ae.useI18n(), u = C(() => t.needConfirm ? t.entityName : ""), c = () => {
+    const t = e, { i18nT: l } = ae.useI18n(), u = k(() => t.needConfirm ? t.entityName : ""), d = () => {
       i("cancel");
     }, h = () => {
       i("proceed");
     };
     return (s, g) => {
-      const I = E("KAlert"), _ = E("KPrompt");
+      const T = U("KAlert"), _ = U("KPrompt");
       return f(), z(_, {
         "action-button-text": "Yes, delete",
         "action-pending": e.actionPending,
@@ -1922,14 +1931,14 @@ const ae = {
         "is-visible": e.visible,
         title: e.title,
         type: "danger",
-        onCanceled: c,
+        onCanceled: d,
         onProceed: h
       }, {
-        "body-content": d(() => [
-          e.error ? (f(), x("div", ja, [
-            m(I, { appearance: "danger" }, {
-              alertMessage: d(() => [
-                G($(e.error), 1)
+        "body-content": c(() => [
+          e.error ? (f(), x("div", La, [
+            m(T, { appearance: "danger" }, {
+              alertMessage: c(() => [
+                G(I(e.error), 1)
               ]),
               _: 1
             })
@@ -1939,22 +1948,22 @@ const ae = {
             keypath: t.entityName ? "deleteModal.messageWithName" : "deleteModal.message",
             tag: "p"
           }, _e({
-            entityType: d(() => [
-              G($(t.entityType), 1)
+            entityType: c(() => [
+              G(I(t.entityType), 1)
             ]),
             _: 2
           }, [
             t.entityName ? {
               name: "entityName",
-              fn: d(() => [
-                V("strong", null, $(t.entityName), 1)
+              fn: c(() => [
+                V("strong", null, I(t.entityName), 1)
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["keypath"]),
-          t.description || s.$slots.description ? (f(), x("div", Oa, [
+          t.description || s.$slots.description ? (f(), x("div", ja, [
             X(s.$slots, "description", {}, () => [
-              V("p", null, $(t.description), 1)
+              V("p", null, I(t.description), 1)
             ], !0)
           ])) : W("", !0)
         ]),
@@ -1962,13 +1971,13 @@ const ae = {
       }, 8, ["action-pending", "confirmation-text", "is-visible", "title"]);
     };
   }
-}), Da = /* @__PURE__ */ ne(Na, [["__scopeId", "data-v-1c9a2a07"]]), Ga = {
+}), Na = /* @__PURE__ */ ne(Oa, [["__scopeId", "data-v-1c9a2a07"]]), Da = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
   width: "20",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ha = {
+}, Ga = {
   id: "mask0_180_20349",
   height: "20",
   maskUnits: "userSpaceOnUse",
@@ -1976,35 +1985,35 @@ const ae = {
   width: "20",
   x: "0",
   y: "0"
-}, Ja = ["fill"], za = { mask: "url(#mask0_180_20349)" }, Wa = ["fill"], Za = /* @__PURE__ */ te({
+}, Ha = ["fill"], Ja = { mask: "url(#mask0_180_20349)" }, za = ["fill"], Wa = /* @__PURE__ */ te({
   __name: "IconFilter",
   props: {
     color: {
       type: String,
-      default: `var(--kong-ui-entity-filter-color, ${ia})`
+      default: `var(--kong-ui-entity-filter-color, ${oa})`
     }
   },
   setup(e) {
-    return (i, t) => (f(), x("svg", Ga, [
-      V("mask", Ha, [
+    return (i, t) => (f(), x("svg", Da, [
+      V("mask", Ga, [
         V("rect", {
           fill: e.color,
           height: "20",
           width: "20"
-        }, null, 8, Ja)
+        }, null, 8, Ha)
       ]),
-      V("g", za, [
+      V("g", Ja, [
         V("path", {
           d: "M8 14.5V13H12V14.5H8ZM5 10.75V9.25H15V10.75H5ZM3 7V5.5H17V7H3Z",
           fill: e.color
-        }, null, 8, Wa)
+        }, null, 8, za)
       ])
     ]));
   }
-}), Xa = {
+}), Za = {
   key: 1,
   class: "kong-ui-entity-filter"
-}, Ya = { class: "menu-item-title" }, Qa = { class: "menu-item-indicator" }, el = { class: "menu-item-body" }, tl = ["for"], al = { class: "menu-item-buttons" }, ll = /* @__PURE__ */ te({
+}, Xa = { class: "menu-item-title" }, Ya = { class: "menu-item-indicator" }, Qa = { class: "menu-item-body" }, el = ["for"], tl = { class: "menu-item-buttons" }, al = /* @__PURE__ */ te({
   __name: "EntityFilter",
   props: {
     // filter config, either exact match or fuzzy match
@@ -2024,12 +2033,12 @@ const ae = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: i }) {
-    const t = e, { i18n: { t: l } } = ae.useI18n(), u = R(!1), c = R({}), h = C(() => {
+    const t = e, { i18n: { t: l } } = ae.useI18n(), u = M(!1), d = M({}), h = k(() => {
       const p = [];
       return new URLSearchParams(t.modelValue).forEach((w, a) => {
         w !== "" && p.push(a);
       }), p;
-    }), s = C(() => {
+    }), s = k(() => {
       const p = t.config.fields;
       return Object.keys(p).filter((w) => p[w].searchable).map((w) => ({
         label: p[w].label || w,
@@ -2037,36 +2046,36 @@ const ae = {
       }));
     });
     ue(() => t.modelValue, (p) => {
-      c.value = {}, new URLSearchParams(p).forEach((w, a) => {
-        c.value[a] = w;
+      d.value = {}, new URLSearchParams(p).forEach((w, a) => {
+        d.value[a] = w;
       });
     });
     const g = () => {
       u.value = !u.value;
-    }, I = (p) => {
+    }, T = (p) => {
       i("update:modelValue", p);
-    }, _ = (p) => `filter-${p}`, k = (p) => {
+    }, _ = (p) => `filter-${p}`, C = (p) => {
       var w, a;
       return (((a = (w = t.config.schema) == null ? void 0 : w[p]) == null ? void 0 : a.values) ?? []).map((b) => ({
         value: b,
         label: b
       }));
-    }, A = (p) => {
+    }, F = (p) => {
       var w, a;
       return ((a = (w = t.config.schema) == null ? void 0 : w[p]) == null ? void 0 : a.type) ?? "text";
-    }, T = (p) => {
-      c.value = {
-        ...c.value,
+    }, $ = (p) => {
+      d.value = {
+        ...d.value,
         [p]: ""
-      }, U();
-    }, B = () => {
-      c.value = {}, U(!0);
-    }, U = (p = !1) => {
-      const w = Object.keys(c.value).reduce((a, b) => (c.value[b] && (a[b] = `${c.value[b]}`), a), {});
+      }, q();
+    }, P = () => {
+      d.value = {}, q(!0);
+    }, q = (p = !1) => {
+      const w = Object.keys(d.value).reduce((a, b) => (d.value[b] && (a[b] = `${d.value[b]}`), a), {});
       p && (u.value = !1), i("update:modelValue", new URLSearchParams(w).toString());
     };
     return (p, w) => {
-      const a = E("KInput"), b = E("KButton"), N = E("KSelect"), v = E("KMenuItem"), M = E("KMenu");
+      const a = U("KInput"), b = U("KButton"), N = U("KSelect"), v = U("KMenuItem"), E = U("KMenu");
       return e.config.isExactMatch ? (f(), z(a, {
         key: 0,
         autocomplete: "off",
@@ -2074,21 +2083,21 @@ const ae = {
         "data-testid": "search-input",
         "model-value": e.modelValue,
         placeholder: e.config.placeholder,
-        "onUpdate:modelValue": I
+        "onUpdate:modelValue": T
       }, {
-        icon: d(() => [
-          m(Za)
+        icon: c(() => [
+          m(Wa)
         ]),
         _: 1
-      }, 8, ["model-value", "placeholder"])) : (f(), x("div", Xa, [
+      }, 8, ["model-value", "placeholder"])) : (f(), x("div", Za, [
         m(b, {
           appearance: "btn-link",
           "data-testid": "filter-button",
           icon: "filter",
           onClick: g
         }, {
-          default: d(() => [
-            G($(r(l)("filter.filterButtonText")) + " " + $(h.value.length > 0 ? `(${h.value.length})` : ""), 1)
+          default: c(() => [
+            G(I(r(l)("filter.filterButtonText")) + " " + I(h.value.length > 0 ? `(${h.value.length})` : ""), 1)
           ]),
           _: 1
         }),
@@ -2098,58 +2107,58 @@ const ae = {
         }, null, 512), [
           [Ie, u.value]
         ]),
-        Se(m(M, { class: "kong-ui-entity-filter-menu" }, {
-          body: d(() => [
-            (f(!0), x(ce, null, se(s.value, (P, D) => (f(), z(v, {
-              key: P.value,
-              "data-testid": P.value,
+        Se(m(E, { class: "kong-ui-entity-filter-menu" }, {
+          body: c(() => [
+            (f(!0), x(ce, null, se(s.value, (K, D) => (f(), z(v, {
+              key: K.value,
+              "data-testid": K.value,
               expandable: "",
               "last-menu-item": D === s.value.length - 1
             }, {
-              itemTitle: d(() => [
-                V("span", Ya, [
-                  G($(P.label) + " ", 1),
-                  Se(V("span", Qa, null, 512), [
-                    [Ie, h.value.includes(P.value)]
+              itemTitle: c(() => [
+                V("span", Xa, [
+                  G(I(K.label) + " ", 1),
+                  Se(V("span", Ya, null, 512), [
+                    [Ie, h.value.includes(K.value)]
                   ])
                 ])
               ]),
-              itemBody: d(() => {
-                var H, F;
+              itemBody: c(() => {
+                var H, A;
                 return [
-                  V("div", el, [
+                  V("div", Qa, [
                     V("label", {
                       class: "menu-item-label",
-                      for: _(P.value)
-                    }, $(r(l)("filter.fieldLabel")), 9, tl),
-                    ((F = (H = e.config.schema) == null ? void 0 : H[P.value]) == null ? void 0 : F.type) === "select" ? (f(), z(N, {
+                      for: _(K.value)
+                    }, I(r(l)("filter.fieldLabel")), 9, el),
+                    ((A = (H = e.config.schema) == null ? void 0 : H[K.value]) == null ? void 0 : A.type) === "select" ? (f(), z(N, {
                       key: 0,
-                      id: _(P.value),
-                      modelValue: c.value[P.value],
-                      "onUpdate:modelValue": (L) => c.value[P.value] = L,
+                      id: _(K.value),
+                      modelValue: d.value[K.value],
+                      "onUpdate:modelValue": (L) => d.value[K.value] = L,
                       appearance: "select",
-                      items: k(P.value),
+                      items: C(K.value),
                       placeholder: r(l)("filter.selectPlaceholder")
                     }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "items", "placeholder"])) : (f(), z(a, {
                       key: 1,
-                      id: _(P.value),
-                      modelValue: c.value[P.value],
-                      "onUpdate:modelValue": (L) => c.value[P.value] = L,
+                      id: _(K.value),
+                      modelValue: d.value[K.value],
+                      "onUpdate:modelValue": (L) => d.value[K.value] = L,
                       autocomplete: "off",
                       placeholder: r(l)("filter.inputPlaceholder"),
                       size: "small",
-                      type: A(P.value)
+                      type: F(K.value)
                     }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "placeholder", "type"]))
                   ]),
-                  V("div", al, [
+                  V("div", tl, [
                     m(b, {
                       appearance: "btn-link",
                       "data-testid": "apply-filter",
                       size: "small",
-                      onClick: w[0] || (w[0] = (L) => U(!0))
+                      onClick: w[0] || (w[0] = (L) => q(!0))
                     }, {
-                      default: d(() => [
-                        G($(r(l)("filter.applyButtonText")), 1)
+                      default: c(() => [
+                        G(I(r(l)("filter.applyButtonText")), 1)
                       ]),
                       _: 1
                     }),
@@ -2157,10 +2166,10 @@ const ae = {
                       appearance: "btn-link",
                       "data-testid": "clear-filter",
                       size: "small",
-                      onClick: (L) => T(P.value)
+                      onClick: (L) => $(K.value)
                     }, {
-                      default: d(() => [
-                        G($(r(l)("filter.clearButtonText")), 1)
+                      default: c(() => [
+                        G(I(r(l)("filter.clearButtonText")), 1)
                       ]),
                       _: 2
                     }, 1032, ["onClick"])
@@ -2170,10 +2179,10 @@ const ae = {
               _: 2
             }, 1032, ["data-testid", "last-menu-item"]))), 128))
           ]),
-          actionButton: d(() => [
-            m(b, { onClick: B }, {
-              default: d(() => [
-                G($(r(l)("filter.clearAllButtonText")), 1)
+          actionButton: c(() => [
+            m(b, { onClick: P }, {
+              default: c(() => [
+                G(I(r(l)("filter.clearAllButtonText")), 1)
               ]),
               _: 1
             })
@@ -2185,7 +2194,7 @@ const ae = {
       ]));
     };
   }
-}), ol = /* @__PURE__ */ ne(ll, [["__scopeId", "data-v-745f38c0"]]), il = /* @__PURE__ */ te({
+}), ll = /* @__PURE__ */ ne(al, [["__scopeId", "data-v-745f38c0"]]), ol = /* @__PURE__ */ te({
   __name: "EntityToggleModal",
   props: {
     visible: {
@@ -2217,45 +2226,45 @@ const ae = {
   },
   emits: ["canceled", "proceed"],
   setup(e, { emit: i }) {
-    const t = e, { i18n: { t: l }, i18nT: u } = ae.useI18n(), c = R(!1), h = C(
+    const t = e, { i18n: { t: l }, i18nT: u } = ae.useI18n(), d = M(!1), h = k(
       () => t.action === "enable" ? l("toggleModal.enable.title", { entityType: t.entityType }) : l("toggleModal.disable.title", { entityType: t.entityType })
-    ), s = C(
+    ), s = k(
       () => t.action === "enable" ? l("toggleModal.enable.confirmText") : l("toggleModal.disable.confirmText")
-    ), g = () => i("canceled"), I = async () => {
+    ), g = () => i("canceled"), T = async () => {
       if (t.onConfirm) {
-        c.value = !0;
+        d.value = !0;
         try {
           await t.onConfirm(), i("proceed");
         } catch (_) {
           console.error(_);
         } finally {
-          c.value = !1;
+          d.value = !1;
         }
       }
     };
-    return (_, k) => {
-      const A = E("KPrompt");
+    return (_, C) => {
+      const F = U("KPrompt");
       return f(), z(it, { to: "body" }, [
-        m(A, {
+        m(F, {
           "action-button-text": s.value,
-          "action-pending": c.value,
+          "action-pending": d.value,
           "data-testid": `${e.entityType}-${e.entityId}-toggle-prompt`,
           "is-visible": e.visible,
           title: h.value,
           type: "warning",
           onCanceled: g,
-          onProceed: I
+          onProceed: T
         }, {
-          "body-content": d(() => [
+          "body-content": c(() => [
             m(r(u), {
               keypath: `toggleModal.${t.action}.message`,
               scope: "global"
             }, {
-              entityType: d(() => [
-                G($(e.entityType), 1)
+              entityType: c(() => [
+                G(I(e.entityType), 1)
               ]),
-              entityName: d(() => [
-                V("strong", null, $(e.entityName), 1)
+              entityName: c(() => [
+                V("strong", null, I(e.entityName), 1)
               ]),
               _: 1
             }, 8, ["keypath"])
@@ -2287,24 +2296,24 @@ const ae = {
     }
   },
   setup(e) {
-    const i = e, t = R(void 0), l = C(() => t.value === !0 || t.value !== void 0 && i.forceShow === !0);
+    const i = e, t = M(void 0), l = k(() => t.value === !0 || t.value !== void 0 && i.forceShow === !0);
     return ue(() => i.authFunction, async () => {
       t.value = await i.authFunction();
-    }, { immediate: !0 }), (u, c) => l.value ? X(u.$slots, "default", {
+    }, { immediate: !0 }), (u, d) => l.value ? X(u.$slots, "default", {
       key: 0,
       isAllowed: t.value
     }) : W("", !0);
   }
-}), rl = { class: "form-section-wrapper" }, sl = {
+}), il = { class: "form-section-wrapper" }, rl = {
   key: 0,
   class: "form-section-title"
-}, nl = {
+}, sl = {
   key: 1,
   class: "form-section-description"
-}, cl = {
+}, nl = {
   key: 2,
   class: "form-section-footer"
-}, dl = { class: "form-section-content" }, ul = /* @__PURE__ */ te({
+}, cl = { class: "form-section-content" }, dl = /* @__PURE__ */ te({
   __name: "EntityFormSection",
   props: {
     title: {
@@ -2329,33 +2338,33 @@ const ae = {
     }
   },
   setup(e) {
-    const i = Be();
+    const i = Ue();
     return (t, l) => (f(), x("fieldset", {
       class: ge(["kong-ui-entity-form-section", { "has-divider": e.hasDivider }])
     }, [
-      V("div", rl, [
+      V("div", il, [
         e.hideInfoHeader ? W("", !0) : (f(), x("div", {
           key: 0,
           class: ge(["form-section-info", { sticky: e.stickyInfoHeader }])
         }, [
-          e.title ? (f(), x("h4", sl, $(e.title), 1)) : W("", !0),
-          e.description || r(i).description ? (f(), x("div", nl, [
+          e.title ? (f(), x("h4", rl, I(e.title), 1)) : W("", !0),
+          e.description || r(i).description ? (f(), x("div", sl, [
             X(t.$slots, "description", {}, () => [
-              V("p", null, $(e.description), 1)
+              V("p", null, I(e.description), 1)
             ], !0)
           ])) : W("", !0),
-          r(i).footer ? (f(), x("div", cl, [
+          r(i).footer ? (f(), x("div", nl, [
             X(t.$slots, "footer", {}, void 0, !0)
           ])) : W("", !0)
         ], 2)),
-        V("div", dl, [
+        V("div", cl, [
           X(t.$slots, "default", {}, void 0, !0)
         ])
       ])
     ], 2));
   }
-}), He = /* @__PURE__ */ ne(ul, [["__scopeId", "data-v-8b6dc312"]]), { useAxios: lt, useDeleteUrlBuilder: pl, useErrors: fl, useFetchUrlBuilder: Nl, useFetcher: yl, useDebouncedFilter: Dl, useStringHelpers: Gl, useGatewayFeatureSupported: ml } = ae;
-const vl = { class: "kong-ui-entities-gateway-services-list" }, gl = { key: 1 }, bl = /* @__PURE__ */ te({
+}), Je = /* @__PURE__ */ ne(dl, [["__scopeId", "data-v-8b6dc312"]]), { useAxios: lt, useDeleteUrlBuilder: ul, useErrors: pl, useFetchUrlBuilder: Ol, useFetcher: fl, useDebouncedFilter: Nl, useStringHelpers: Dl, useGatewayFeatureSupported: yl } = ae;
+const ml = { class: "kong-ui-entities-gateway-services-list" }, vl = { key: 1 }, gl = /* @__PURE__ */ te({
   __name: "GatewayServiceList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -2397,9 +2406,9 @@ const vl = { class: "kong-ui-entities-gateway-services-list" }, gl = { key: 1 },
   emits: ["error", "copy:success", "copy:error", "delete:success", "toggle:success"],
   setup(e, { emit: i }) {
     var me;
-    const t = e, { i18n: { t: l } } = $e.useI18n(), u = Me(), { axiosInstance: c } = lt({
+    const t = e, { i18n: { t: l } } = $e.useI18n(), u = Me(), { axiosInstance: d } = lt({
       headers: (me = t.config) == null ? void 0 : me.requestHeaders
-    }), h = R(1), s = C(() => t.config.app !== "kongManager" || !!t.config.disableSorting), g = {
+    }), h = M(1), s = k(() => t.config.app !== "kongManager" || !!t.config.disableSorting), g = {
       name: { label: l("gateway_services.list.table_headers.name"), searchable: !0, sortable: !0 },
       protocol: { label: l("gateway_services.list.table_headers.protocol"), searchable: !0, sortable: !0 },
       host: { label: l("gateway_services.list.table_headers.host"), searchable: !0, sortable: !0 },
@@ -2407,162 +2416,162 @@ const vl = { class: "kong-ui-entities-gateway-services-list" }, gl = { key: 1 },
       path: { label: l("gateway_services.list.table_headers.path"), searchable: !0, sortable: !0 },
       enabled: { label: l("gateway_services.list.table_headers.enabled"), searchable: !0, sortable: !0 },
       tags: { label: l("gateway_services.list.table_headers.tags"), sortable: !1 }
-    }, I = g, _ = C(() => {
+    }, T = g, _ = k(() => {
       var o, n;
-      let K = `${t.config.apiBaseUrl}${he.list[t.config.app].all}`;
-      return t.config.app === "konnect" ? K = K.replace(/{controlPlaneId}/gi, ((o = t.config) == null ? void 0 : o.controlPlaneId) || "") : t.config.app === "kongManager" && (K = K.replace(/\/{workspace}/gi, (n = t.config) != null && n.workspace ? `/${t.config.workspace}` : "")), K;
-    }), k = C(() => t.config.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${_.value}`) : new URL(_.value)), A = R(""), T = C(() => {
-      const K = t.config.app === "konnect" || t.config.isExactMatch;
-      if (K)
+      let B = `${t.config.apiBaseUrl}${he.list[t.config.app].all}`;
+      return t.config.app === "konnect" ? B = B.replace(/{controlPlaneId}/gi, ((o = t.config) == null ? void 0 : o.controlPlaneId) || "") : t.config.app === "kongManager" && (B = B.replace(/\/{workspace}/gi, (n = t.config) != null && n.workspace ? `/${t.config.workspace}` : "")), B;
+    }), C = k(() => t.config.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${_.value}`) : new URL(_.value)), F = M(""), $ = k(() => {
+      const B = t.config.app === "konnect" || t.config.isExactMatch;
+      if (B)
         return {
-          isExactMatch: K,
+          isExactMatch: B,
           placeholder: l("search.placeholder")
         };
-      const { name: o, enabled: n, protocol: q, host: Q, port: Y, path: ee } = g;
+      const { name: o, enabled: n, protocol: R, host: Q, port: Y, path: ee } = g;
       return {
-        isExactMatch: K,
-        fields: { name: o, enabled: n, protocol: q, host: Q, port: Y, path: ee },
+        isExactMatch: B,
+        fields: { name: o, enabled: n, protocol: R, host: Q, port: Y, path: ee },
         schema: t.config.filterSchema
       };
-    }), { fetcher: B, fetcherState: U } = yl(t.config, _.value), p = () => {
-      A.value = "";
+    }), { fetcher: P, fetcherState: q } = fl(t.config, _.value), p = () => {
+      F.value = "";
     }, w = () => {
       h.value++;
-    }, a = R(""), b = C(() => ({
+    }, a = M(""), b = k(() => ({
       ctaPath: t.config.createRoute,
       ctaText: de.value ? l("actions.create") : void 0,
       message: l("gateway_services.list.empty_state.description"),
       title: de.value ? l("gateway_services.list.empty_state.title") : ""
-    })), N = R(!1), v = R(null), M = C(() => {
-      const K = {
+    })), N = M(!1), v = M(null), E = k(() => {
+      const B = {
         action: "disable",
         id: "",
         name: ""
       };
       if (v.value) {
-        const { enabled: o, id: n, name: q } = v.value;
-        K.action = o ? "disable" : "enable", K.id = n, K.name = q || n;
+        const { enabled: o, id: n, name: R } = v.value;
+        B.action = o ? "disable" : "enable", B.id = n, B.name = R || n;
       }
-      return K;
-    }), P = (K) => {
-      N.value = !0, v.value = K;
+      return B;
+    }), K = (B) => {
+      N.value = !0, v.value = B;
     }, D = () => {
       N.value = !1, v.value = null;
     }, H = async () => {
-      var q, Q;
-      if (!await ((q = t.canEdit) == null ? void 0 : q.call(t, v.value)) || !v.value)
+      var R, Q;
+      if (!await ((R = t.canEdit) == null ? void 0 : R.call(t, v.value)) || !v.value)
         return;
-      const o = `${k.value.href}/${v.value.id}`, n = !v.value.enabled;
+      const o = `${C.value.href}/${v.value.id}`, n = !v.value.enabled;
       try {
-        const { data: Y } = ((Q = t.config) == null ? void 0 : Q.app) === "konnect" ? await c.put(o, { ...v.value, enabled: n }) : await c.patch(o, { ...v.value, enabled: n });
+        const { data: Y } = ((Q = t.config) == null ? void 0 : Q.app) === "konnect" ? await d.put(o, { ...v.value, enabled: n }) : await d.patch(o, { ...v.value, enabled: n });
         i("toggle:success", Y);
       } catch (Y) {
         i("error", Y);
       }
       v.value.enabled = n;
-    }, F = (K, o) => {
-      const n = K.id;
+    }, A = (B, o) => {
+      const n = B.id;
       if (!o(n)) {
         i("copy:error", {
-          entity: K,
+          entity: B,
           field: "id",
           message: l("errors.copy")
         });
         return;
       }
       i("copy:success", {
-        entity: K,
+        entity: B,
         field: "id",
         message: l("copy.success", { val: n })
       });
-    }, L = (K, o) => {
-      const n = JSON.stringify(K);
+    }, L = (B, o) => {
+      const n = JSON.stringify(B);
       if (!o(n)) {
         i("copy:error", {
-          entity: K,
+          entity: B,
           message: l("errors.copy")
         });
         return;
       }
       i("copy:success", {
-        entity: K,
+        entity: B,
         message: l("copy.success_brief")
       });
-    }, j = async (K) => {
+    }, j = async (B) => {
       var n;
-      await ((n = t.canRetrieve) == null ? void 0 : n.call(t, K)) && u.push(t.config.getViewRoute(K.id));
-    }, O = (K) => ({
+      await ((n = t.canRetrieve) == null ? void 0 : n.call(t, B)) && u.push(t.config.getViewRoute(B.id));
+    }, O = (B) => ({
       label: l("actions.view"),
-      to: t.config.getViewRoute(K)
-    }), ie = (K) => ({
+      to: t.config.getViewRoute(B)
+    }), ie = (B) => ({
       label: l("actions.edit"),
-      to: t.config.getEditRoute(K)
-    }), le = R(void 0), re = R(!1), pe = R(!1), we = R(""), ke = pl(t.config, _.value), Te = (K) => {
-      le.value = K, re.value = !0;
+      to: t.config.getEditRoute(B)
+    }), le = M(void 0), re = M(!1), pe = M(!1), we = M(""), ke = ul(t.config, _.value), xe = (B) => {
+      le.value = B, re.value = !0;
     }, ye = () => {
       re.value = !1, le.value = void 0;
-    }, xe = async () => {
-      var K, o, n;
-      if ((K = le.value) != null && K.id) {
+    }, Ve = async () => {
+      var B, o, n;
+      if ((B = le.value) != null && B.id) {
         pe.value = !0;
         try {
-          await c.delete(ke(le.value.id)), i("delete:success", le.value), ye(), h.value++;
-        } catch (q) {
-          we.value = ((n = (o = q.response) == null ? void 0 : o.data) == null ? void 0 : n.message) || q.message || l("errors.delete"), i("error", q);
+          await d.delete(ke(le.value.id)), i("delete:success", le.value), ye(), h.value++;
+        } catch (R) {
+          we.value = ((n = (o = R.response) == null ? void 0 : o.data) == null ? void 0 : n.message) || R.message || l("errors.delete"), i("error", R);
         } finally {
           pe.value = !1;
         }
       }
     };
-    ue(U, (K) => {
-      if (K.status === fe.Error) {
-        a.value = l("errors.general"), i("error", K.error);
+    ue(q, (B) => {
+      if (B.status === fe.Error) {
+        a.value = l("errors.general"), i("error", B.error);
         return;
       }
       a.value = "";
     });
-    const de = R(!1);
-    return Ke(async () => {
+    const de = M(!1);
+    return Ee(async () => {
       de.value = await t.canCreate();
-    }), (K, o) => {
-      const n = E("KButton"), q = E("KInputSwitch"), Q = E("KBadge"), Y = E("KTruncate"), ee = E("KDropdownItem"), y = E("KClipboardProvider");
-      return f(), x("div", vl, [
-        m(r(La), {
+    }), (B, o) => {
+      const n = U("KButton"), R = U("KInputSwitch"), Q = U("KBadge"), Y = U("KTruncate"), ee = U("KDropdownItem"), y = U("KClipboardProvider");
+      return f(), x("div", ml, [
+        m(r(Aa), {
           "cache-identifier": e.cacheIdentifier,
           "disable-pagination-page-jump": "",
           "disable-sorting": s.value,
           "empty-state-options": b.value,
           "enable-entity-actions": "",
           "error-message": a.value,
-          fetcher: r(B),
+          fetcher: r(P),
           "fetcher-cache-key": h.value,
           "pagination-type": "offset",
           "preferences-storage-key": "kong-ui-entities-gateway-services-list",
-          query: A.value,
-          "table-headers": r(I),
+          query: F.value,
+          "table-headers": r(T),
           onClearSearchInput: p,
           "onClick:row": o[3] || (o[3] = (J) => j(J)),
           onSort: w
         }, {
-          "toolbar-filter": d(() => [
-            m(r(ol), {
-              modelValue: A.value,
-              "onUpdate:modelValue": o[0] || (o[0] = (J) => A.value = J),
-              config: T.value
+          "toolbar-filter": c(() => [
+            m(r(ll), {
+              modelValue: F.value,
+              "onUpdate:modelValue": o[0] || (o[0] = (J) => F.value = J),
+              config: $.value
             }, null, 8, ["modelValue", "config"])
           ]),
-          "toolbar-button": d(() => [
+          "toolbar-button": c(() => [
             m(r(be), {
               "auth-function": () => e.canCreate()
             }, {
-              default: d(() => [
+              default: c(() => [
                 m(n, {
                   appearance: "primary",
                   icon: "plus",
                   to: e.config.createRoute
                 }, {
-                  default: d(() => [
-                    G($(r(l)("gateway_services.list.toolbar_actions.new_gateway_service")), 1)
+                  default: c(() => [
+                    G(I(r(l)("gateway_services.list.toolbar_actions.new_gateway_service")), 1)
                   ]),
                   _: 1
                 }, 8, ["to"])
@@ -2570,58 +2579,58 @@ const vl = { class: "kong-ui-entities-gateway-services-list" }, gl = { key: 1 },
               _: 1
             }, 8, ["auth-function"])
           ]),
-          name: d(({ rowValue: J }) => [
-            V("b", null, $(J ?? "-"), 1)
+          name: c(({ rowValue: J }) => [
+            V("b", null, I(J ?? "-"), 1)
           ]),
-          enabled: d(({ row: J }) => [
+          enabled: c(({ row: J }) => [
             m(r(be), {
               "auth-function": () => e.canEdit(J),
               "force-show": ""
             }, {
-              default: d(({ isAllowed: S }) => [
+              default: c(({ isAllowed: S }) => [
                 V("div", {
                   onClick: o[1] || (o[1] = ve(() => {
                   }, ["stop"]))
                 }, [
-                  m(q, {
+                  m(R, {
                     modelValue: J.enabled,
                     "onUpdate:modelValue": (Ce) => J.enabled = Ce,
                     "data-testid": `row-${J.id}-toggle-input`,
                     disabled: !S,
                     label: J.enabled ? r(l)("actions.enable.enabled_label") : r(l)("actions.enable.disabled_label"),
-                    onClick: ve((Ce) => P(J), ["prevent"])
+                    onClick: ve((Ce) => K(J), ["prevent"])
                   }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "disabled", "label", "onClick"])
                 ])
               ]),
               _: 2
             }, 1032, ["auth-function"])
           ]),
-          tags: d(({ rowValue: J }) => [
+          tags: c(({ rowValue: J }) => [
             (J == null ? void 0 : J.length) > 0 ? (f(), z(Y, { key: 0 }, {
-              default: d(() => [
+              default: c(() => [
                 (f(!0), x(ce, null, se(J, (S) => (f(), z(Q, {
                   key: S,
                   onClick: o[2] || (o[2] = ve(() => {
                   }, ["stop"]))
                 }, {
-                  default: d(() => [
-                    G($(S), 1)
+                  default: c(() => [
+                    G(I(S), 1)
                   ]),
                   _: 2
                 }, 1024))), 128))
               ]),
               _: 2
-            }, 1024)) : (f(), x("span", gl, "-"))
+            }, 1024)) : (f(), x("span", vl, "-"))
           ]),
-          actions: d(({ row: J }) => [
+          actions: c(({ row: J }) => [
             m(y, null, {
-              default: d(({ copyToClipboard: S }) => [
+              default: c(({ copyToClipboard: S }) => [
                 m(ee, {
                   "data-testid": "action-entity-copy-id",
-                  onClick: (Ce) => F(J, S)
+                  onClick: (Ce) => A(J, S)
                 }, {
-                  default: d(() => [
-                    G($(r(l)("actions.copy_id")), 1)
+                  default: c(() => [
+                    G(I(r(l)("actions.copy_id")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -2629,13 +2638,13 @@ const vl = { class: "kong-ui-entities-gateway-services-list" }, gl = { key: 1 },
               _: 2
             }, 1024),
             m(y, null, {
-              default: d(({ copyToClipboard: S }) => [
+              default: c(({ copyToClipboard: S }) => [
                 m(ee, {
                   "data-testid": "action-entity-copy-json",
                   onClick: (Ce) => L(J, S)
                 }, {
-                  default: d(() => [
-                    G($(r(l)("actions.copy_json")), 1)
+                  default: c(() => [
+                    G(I(r(l)("actions.copy_json")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -2645,7 +2654,7 @@ const vl = { class: "kong-ui-entities-gateway-services-list" }, gl = { key: 1 },
             m(r(be), {
               "auth-function": () => e.canRetrieve(J)
             }, {
-              default: d(() => [
+              default: c(() => [
                 m(ee, {
                   "data-testid": "action-entity-view",
                   "has-divider": "",
@@ -2657,7 +2666,7 @@ const vl = { class: "kong-ui-entities-gateway-services-list" }, gl = { key: 1 },
             m(r(be), {
               "auth-function": () => e.canEdit(J)
             }, {
-              default: d(() => [
+              default: c(() => [
                 m(ee, {
                   "data-testid": "action-entity-edit",
                   item: ie(J.id)
@@ -2668,15 +2677,15 @@ const vl = { class: "kong-ui-entities-gateway-services-list" }, gl = { key: 1 },
             m(r(be), {
               "auth-function": () => e.canDelete(J)
             }, {
-              default: d(() => [
+              default: c(() => [
                 m(ee, {
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
                   "is-dangerous": "",
-                  onClick: (S) => Te(J)
+                  onClick: (S) => xe(J)
                 }, {
-                  default: d(() => [
-                    G($(r(l)("actions.delete.menu_label")), 1)
+                  default: c(() => [
+                    G(I(r(l)("actions.delete.menu_label")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -2686,17 +2695,17 @@ const vl = { class: "kong-ui-entities-gateway-services-list" }, gl = { key: 1 },
           ]),
           _: 1
         }, 8, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers"]),
-        m(r(il), {
-          action: M.value.action,
-          "entity-id": M.value.id,
-          "entity-name": M.value.name,
+        m(r(ol), {
+          action: E.value.action,
+          "entity-id": E.value.id,
+          "entity-name": E.value.name,
           "entity-type": r(l)("glossary.gateway_services"),
           "on-confirm": H,
           visible: N.value,
           onCanceled: D,
           onProceed: D
         }, null, 8, ["action", "entity-id", "entity-name", "entity-type", "visible"]),
-        m(r(Da), {
+        m(r(Na), {
           "action-pending": pe.value,
           description: r(l)("actions.delete.description"),
           "entity-name": le.value && (le.value.name || le.value.id),
@@ -2705,7 +2714,7 @@ const vl = { class: "kong-ui-entities-gateway-services-list" }, gl = { key: 1 },
           title: r(l)("actions.delete.title"),
           visible: re.value,
           onCancel: ye,
-          onProceed: xe
+          onProceed: Ve
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
       ]);
     };
@@ -2716,22 +2725,22 @@ const ot = (e, i) => {
   for (const [l, u] of i)
     t[l] = u;
   return t;
-}, Hl = /* @__PURE__ */ ot(bl, [["__scopeId", "data-v-849fedff"]]), hl = { class: "kong-ui-entities-gateway-service-form" }, _l = { key: 0 }, wl = { class: "gateway-service-form-traffic-label" }, kl = { class: "gateway-service-form-margin-bottom" }, Cl = { key: 0 }, Sl = { key: 1 }, Il = { key: 0 }, $l = { class: "gateway-service-form-margin-top" }, Tl = { class: "gateway-service-form-margin-bottom" }, xl = { class: "gateway-service-form-margin-bottom" }, Vl = { class: "gateway-service-form-margin-bottom" }, Pl = { class: "gateway-service-form-margin-bottom" }, Bl = {
+}, Gl = /* @__PURE__ */ ot(gl, [["__scopeId", "data-v-849fedff"]]), bl = { class: "kong-ui-entities-gateway-service-form" }, hl = { key: 0 }, _l = { class: "gateway-service-form-traffic-label" }, wl = { class: "gateway-service-form-margin-bottom" }, kl = { key: 0 }, Cl = { key: 1 }, Sl = { key: 0 }, Il = { class: "gateway-service-form-margin-top" }, Tl = { class: "gateway-service-form-margin-bottom" }, $l = { class: "gateway-service-form-margin-bottom" }, xl = { class: "gateway-service-form-margin-bottom" }, Vl = { class: "gateway-service-form-margin-bottom" }, Pl = {
   key: 0,
   class: "gateway-service-form-margin-bottom"
 }, Kl = {
   key: 1,
   class: "gateway-service-form-margin-bottom"
-}, El = {
+}, Bl = {
   key: 2,
   class: "gateway-service-form-margin-bottom"
-}, Ml = {
+}, Ul = {
   key: 0,
   class: "checkbox-aligned-radio"
-}, Rl = {
+}, El = {
   key: 1,
   class: "checkbox-aligned-radio"
-}, Ul = /* @__PURE__ */ te({
+}, Ml = /* @__PURE__ */ te({
   __name: "GatewayServiceForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -2755,10 +2764,10 @@ const ot = (e, i) => {
   },
   emits: ["update", "error", "url-valid:success", "url-valid:error", "loading", "model-updated"],
   setup(e, { expose: i, emit: t }) {
-    var K;
-    const l = e, u = R(!0), c = Me(), { i18nT: h, i18n: { t: s } } = $e.useI18n(), { getMessageFromError: g } = fl(), { axiosInstance: I } = lt({
-      headers: (K = l.config) == null ? void 0 : K.requestHeaders
-    }), _ = C(() => he.form[l.config.app].edit), k = C(() => l.gatewayServiceId ? Pe.Edit : Pe.Create), A = R(!1), T = C(() => !!l.gatewayServiceId), B = R(T.value ? "protocol" : "url"), U = $e.usePortFromProtocol(), p = R(""), w = C(() => !!p.value), a = Fe({
+    var B;
+    const l = e, u = M(!0), d = Me(), { i18nT: h, i18n: { t: s } } = $e.useI18n(), { getMessageFromError: g } = pl(), { axiosInstance: T } = lt({
+      headers: (B = l.config) == null ? void 0 : B.requestHeaders
+    }), _ = k(() => he.form[l.config.app].edit), C = k(() => l.gatewayServiceId ? Be.Edit : Be.Create), F = M(!1), $ = k(() => !!l.gatewayServiceId), P = M($.value ? "protocol" : "url"), q = $e.usePortFromProtocol(), p = M(""), w = k(() => !!p.value), a = Ae({
       fields: {
         name: "",
         protocol: "http",
@@ -2778,7 +2787,7 @@ const ot = (e, i) => {
       },
       isReadonly: !1,
       errorMessage: ""
-    }), b = Fe({
+    }), b = Ae({
       name: "",
       protocol: "http",
       host: "",
@@ -2794,7 +2803,7 @@ const ot = (e, i) => {
       tls_verify_enabled: !1,
       tls_verify_value: !1,
       tags: ""
-    }), N = l.config.app === "konnect" || ml({
+    }), N = l.config.app === "konnect" || yl({
       gatewayInfo: l.config.gatewayInfo,
       // 'ws' and 'wss' are not valid values for the protocol field in Gateway Community Edition or before Gateway Enterprise Edition 3.0
       supportedRange: {
@@ -2853,57 +2862,57 @@ const ot = (e, i) => {
         value: "udp",
         group: "udp"
       }
-    ], M = { url: "url", protocol: "protocol" }, P = (o, n) => {
+    ], E = { url: "url", protocol: "protocol" }, K = (o, n) => {
       n.value;
     }, D = (o) => o ? parseFloat(o) : 0, H = () => {
       u.value = !0, a.errorMessage = "", a.fields.host = b.host, a.fields.path = b.path, a.fields.port = b.port, a.fields.protocol = b.protocol, a.fields.url = b.url, a.fields.retries = b.retries, a.fields.connect_timeout = b.connect_timeout, a.fields.write_timeout = b.write_timeout, a.fields.read_timeout = b.read_timeout, a.fields.client_certificate = b.client_certificate, a.fields.ca_certificates = b.ca_certificates, a.fields.tls_verify_enabled = b.tls_verify_enabled, a.fields.tls_verify_value = b.tls_verify_value;
-    }, F = () => {
-      if (a.fields.url && B.value === "url")
+    }, A = () => {
+      if (a.fields.url && P.value === "url")
         try {
           const o = new URL(a.fields.url);
           a.errorMessage = "", a.fields.protocol = o.protocol.slice(0, -1), a.fields.host = o.hostname, a.fields.path = o.pathname;
           const n = Number(o.port);
-          A.value = !!n, a.fields.port = n || U.getPortFromProtocol(a.fields.protocol), a.errorMessage = "", t("url-valid:success");
+          F.value = !!n, a.fields.port = n || q.getPortFromProtocol(a.fields.protocol), a.errorMessage = "", t("url-valid:success");
         } catch (o) {
           a.errorMessage = s("errors.urlErrorMessage"), t("url-valid:error", g(o));
         }
       else
         t("url-valid:success"), a.errorMessage = "";
-    }, L = C(() => !["tcp", "tls", "tls_passthrough", "grpc", "grpcs", "udp"].includes(a.fields.protocol)), j = C(() => {
-      if (B.value === "url")
+    }, L = k(() => !["tcp", "tls", "tls_passthrough", "grpc", "grpcs", "udp"].includes(a.fields.protocol)), j = k(() => {
+      if (P.value === "url")
         return !0;
       const o = ["https", "wss", "tls"].includes(a.fields.protocol);
-      return B.value === "protocol" && o;
-    }), O = C(() => {
-      if (B.value === "url")
+      return P.value === "protocol" && o;
+    }), O = k(() => {
+      if (P.value === "url")
         return !0;
       const o = ["https", "tls"].includes(a.fields.protocol);
-      return B.value === "protocol" && o;
-    }), ie = C(() => {
-      if (B.value === "url")
+      return P.value === "protocol" && o;
+    }), ie = k(() => {
+      if (P.value === "url")
         return !0;
       const o = ["https", "wss", "tls"].includes(a.fields.protocol);
-      return B.value === "protocol" && o;
+      return P.value === "protocol" && o;
     }), le = (o) => new RegExp("^[0-9a-zA-Z.\\-_~]*$").test(o) ? "" : s("errors.validationNameError"), re = (o) => {
       p.value = le(o);
-    }, pe = C(() => T.value && JSON.stringify(a.fields) !== JSON.stringify(b) || B.value === "url" && !!a.fields.url || B.value === "protocol" && !!a.fields.host), we = (o) => {
-      var n, q, Q;
-      a.fields.name = (o == null ? void 0 : o.name) || "", a.fields.tags = ((n = o == null ? void 0 : o.tags) == null ? void 0 : n.join(",")) || "", a.fields.protocol = (o == null ? void 0 : o.protocol) || "http", a.fields.path = (o == null ? void 0 : o.path) || "", a.fields.read_timeout = ((o == null ? void 0 : o.read_timeout) || (o == null ? void 0 : o.read_timeout) === 0) ?? 6e4, a.fields.retries = ((o == null ? void 0 : o.retries) || (o == null ? void 0 : o.retries) === 0) ?? 5, a.fields.host = (o == null ? void 0 : o.host) || "", a.fields.connect_timeout = ((o == null ? void 0 : o.connect_timeout) || (o == null ? void 0 : o.connect_timeout) === 0) ?? 6e4, a.fields.tls_verify_enabled = (o == null ? void 0 : o.tls_verify) !== "" && (o == null ? void 0 : o.tls_verify) !== null && (o == null ? void 0 : o.tls_verify) !== void 0, a.fields.tls_verify_value = o != null && o.tls_verify ? o == null ? void 0 : o.tls_verify : !1, a.fields.ca_certificates = ((q = o == null ? void 0 : o.ca_certificates) == null ? void 0 : q.join(",")) || "", a.fields.client_certificate = ((Q = o == null ? void 0 : o.client_certificate) == null ? void 0 : Q.id) || "", a.fields.write_timeout = ((o == null ? void 0 : o.write_timeout) || (o == null ? void 0 : o.write_timeout) === 0) ?? 6e4, a.fields.port = ((o == null ? void 0 : o.port) || (o == null ? void 0 : o.port) === 0) ?? 80, Object.assign(b, a.fields);
+    }, pe = k(() => $.value && JSON.stringify(a.fields) !== JSON.stringify(b) || P.value === "url" && !!a.fields.url || P.value === "protocol" && !!a.fields.host), we = (o) => {
+      var n, R, Q;
+      a.fields.name = (o == null ? void 0 : o.name) || "", a.fields.tags = ((n = o == null ? void 0 : o.tags) == null ? void 0 : n.join(",")) || "", a.fields.protocol = (o == null ? void 0 : o.protocol) || "http", a.fields.path = (o == null ? void 0 : o.path) || "", a.fields.read_timeout = ((o == null ? void 0 : o.read_timeout) || (o == null ? void 0 : o.read_timeout) === 0) ?? 6e4, a.fields.retries = ((o == null ? void 0 : o.retries) || (o == null ? void 0 : o.retries) === 0) ?? 5, a.fields.host = (o == null ? void 0 : o.host) || "", a.fields.connect_timeout = ((o == null ? void 0 : o.connect_timeout) || (o == null ? void 0 : o.connect_timeout) === 0) ?? 6e4, a.fields.tls_verify_enabled = (o == null ? void 0 : o.tls_verify) !== "" && (o == null ? void 0 : o.tls_verify) !== null && (o == null ? void 0 : o.tls_verify) !== void 0, a.fields.tls_verify_value = o != null && o.tls_verify ? o == null ? void 0 : o.tls_verify : !1, a.fields.ca_certificates = ((R = o == null ? void 0 : o.ca_certificates) == null ? void 0 : R.join(",")) || "", a.fields.client_certificate = ((Q = o == null ? void 0 : o.client_certificate) == null ? void 0 : Q.id) || "", a.fields.write_timeout = ((o == null ? void 0 : o.write_timeout) || (o == null ? void 0 : o.write_timeout) === 0) ?? 6e4, a.fields.port = ((o == null ? void 0 : o.port) || (o == null ? void 0 : o.port) === 0) ?? 80, Object.assign(b, a.fields);
     }, ke = () => {
-      c.push(l.config.cancelRoute);
-    }, Te = C(() => {
-      var n, q;
+      d.push(l.config.cancelRoute);
+    }, xe = k(() => {
+      var n, R;
       let o = `${l.config.apiBaseUrl}${he.form[l.config.app].validate}`;
-      return l.config.app === "konnect" ? o = o.replace(/{controlPlaneId}/gi, ((n = l.config) == null ? void 0 : n.controlPlaneId) || "") : l.config.app === "kongManager" && (o = o.replace(/\/{workspace}/gi, (q = l.config) != null && q.workspace ? `/${l.config.workspace}` : "")), o = o.replace(/{id}/gi, l.gatewayServiceId), o;
-    }), ye = C(() => {
-      var n, q;
-      let o = `${l.config.apiBaseUrl}${he.form[l.config.app][k.value]}`;
-      return l.config.app === "konnect" ? o = o.replace(/{controlPlaneId}/gi, ((n = l.config) == null ? void 0 : n.controlPlaneId) || "") : l.config.app === "kongManager" && (o = o.replace(/\/{workspace}/gi, (q = l.config) != null && q.workspace ? `/${l.config.workspace}` : "")), o = o.replace(/{id}/gi, l.gatewayServiceId), o;
-    }), xe = (o) => {
+      return l.config.app === "konnect" ? o = o.replace(/{controlPlaneId}/gi, ((n = l.config) == null ? void 0 : n.controlPlaneId) || "") : l.config.app === "kongManager" && (o = o.replace(/\/{workspace}/gi, (R = l.config) != null && R.workspace ? `/${l.config.workspace}` : "")), o = o.replace(/{id}/gi, l.gatewayServiceId), o;
+    }), ye = k(() => {
+      var n, R;
+      let o = `${l.config.apiBaseUrl}${he.form[l.config.app][C.value]}`;
+      return l.config.app === "konnect" ? o = o.replace(/{controlPlaneId}/gi, ((n = l.config) == null ? void 0 : n.controlPlaneId) || "") : l.config.app === "kongManager" && (o = o.replace(/\/{workspace}/gi, (R = l.config) != null && R.workspace ? `/${l.config.workspace}` : "")), o = o.replace(/{id}/gi, l.gatewayServiceId), o;
+    }), Ve = (o) => {
       let n = "";
       o.url && (n = new URL(o.url).protocol), (["https", "wss", "tls"].includes(o.protocol) || ["https", "wss", "tls"].includes(n)) && (o.tls_verify = o.tls_verify_enabled ? o.tls_verify_value : null), delete o.tls_verify_enabled, delete o.tls_verify_value;
     }, de = () => {
-      var n, q;
+      var n, R;
       const o = {
         name: a.fields.name || null,
         tags: a.fields.tags ? (n = a.fields.tags) == null ? void 0 : n.split(",").filter((Q) => Q !== "") : null,
@@ -2915,22 +2924,22 @@ const ot = (e, i) => {
         connect_timeout: a.fields.connect_timeout,
         tls_verify_value: a.fields.tls_verify_value,
         tls_verify_enabled: a.fields.tls_verify_enabled,
-        ca_certificates: a.fields.ca_certificates ? (q = a.fields.ca_certificates) == null ? void 0 : q.split(",").filter((Q) => Q !== "") : null,
+        ca_certificates: a.fields.ca_certificates ? (R = a.fields.ca_certificates) == null ? void 0 : R.split(",").filter((Q) => Q !== "") : null,
         client_certificate: a.fields.client_certificate ? { id: a.fields.client_certificate } : null,
         write_timeout: a.fields.write_timeout,
         port: a.fields.port,
         url: a.fields.url
       };
-      return a.fields.client_certificate && ["https", "wss", "tls"].includes(a.fields.protocol) && (o.client_certificate = { id: a.fields.client_certificate }), a.fields.tls_verify_enabled && ["https", "wss", "tls"].includes(a.fields.protocol) && (o.tls_verify = a.fields.tls_verify_value), L.value || (o.path = null), k.value === "create" ? B.value === "url" ? (delete o.protocol, delete o.host, delete o.path, l.config.app === "konnect" && delete o.port) : delete o.url : k.value === "edit" && delete o.url, o;
+      return a.fields.client_certificate && ["https", "wss", "tls"].includes(a.fields.protocol) && (o.client_certificate = { id: a.fields.client_certificate }), a.fields.tls_verify_enabled && ["https", "wss", "tls"].includes(a.fields.protocol) && (o.tls_verify = a.fields.tls_verify_value), L.value || (o.path = null), C.value === "create" ? P.value === "url" ? (delete o.protocol, delete o.host, delete o.path, l.config.app === "konnect" && delete o.port) : delete o.url : C.value === "edit" && delete o.url, o;
     }, me = async () => {
-      var o, n, q, Q;
+      var o, n, R, Q;
       try {
-        a.isReadonly = !0, F();
+        a.isReadonly = !0, A();
         const Y = de();
         let ee;
-        if (xe(Y), await I.post(Te.value, Y), k.value === "create" ? ee = await I.post(ye.value, Y) : k.value === "edit" && (ee = ((o = l.config) == null ? void 0 : o.app) === "konnect" ? await I.put(ye.value, Y) : await I.patch(ye.value, Y)), ee) {
+        if (Ve(Y), await T.post(xe.value, Y), C.value === "create" ? ee = await T.post(ye.value, Y) : C.value === "edit" && (ee = ((o = l.config) == null ? void 0 : o.app) === "konnect" ? await T.put(ye.value, Y) : await T.patch(ye.value, Y)), ee) {
           const { data: y } = ee;
-          a.fields.name = (y == null ? void 0 : y.name) || "", a.fields.port = y.port || U.getPortFromProtocol(y.protocol), a.fields.protocol = (y == null ? void 0 : y.protocol) || "http", a.fields.host = (y == null ? void 0 : y.host) || "", a.fields.path = (y == null ? void 0 : y.path) || "", a.fields.url = (y == null ? void 0 : y.url) || "", a.fields.retries = ((y == null ? void 0 : y.retries) || (y == null ? void 0 : y.retries) === 0) ?? 5, a.fields.connect_timeout = ((y == null ? void 0 : y.connect_timeout) || (y == null ? void 0 : y.connect_timeout) === 0) ?? 6e4, a.fields.write_timeout = ((y == null ? void 0 : y.write_timeout) || (y == null ? void 0 : y.write_timeout) === 0) ?? 6e4, a.fields.read_timeout = ((y == null ? void 0 : y.read_timeout) || (y == null ? void 0 : y.read_timeout) === 0) ?? 6e4, a.fields.client_certificate = ((n = y == null ? void 0 : y.client_certificate) == null ? void 0 : n.id) || "", a.fields.ca_certificates = (q = y == null ? void 0 : y.ca_certificates) != null && q.length ? y == null ? void 0 : y.ca_certificates.join(",") : "", a.fields.tls_verify_enabled = (y == null ? void 0 : y.tls_verify) !== "" && (y == null ? void 0 : y.tls_verify) !== null && (y == null ? void 0 : y.tls_verify) !== void 0, a.fields.tls_verify_value = a.fields.tls_verify_enabled && (y == null ? void 0 : y.tls_verify), a.fields.tags = (Q = y == null ? void 0 : y.tags) != null && Q.length ? y == null ? void 0 : y.tags.join(",") : "", Object.assign(b, a.fields), t("update", ee == null ? void 0 : ee.data);
+          a.fields.name = (y == null ? void 0 : y.name) || "", a.fields.port = y.port || q.getPortFromProtocol(y.protocol), a.fields.protocol = (y == null ? void 0 : y.protocol) || "http", a.fields.host = (y == null ? void 0 : y.host) || "", a.fields.path = (y == null ? void 0 : y.path) || "", a.fields.url = (y == null ? void 0 : y.url) || "", a.fields.retries = ((y == null ? void 0 : y.retries) || (y == null ? void 0 : y.retries) === 0) ?? 5, a.fields.connect_timeout = ((y == null ? void 0 : y.connect_timeout) || (y == null ? void 0 : y.connect_timeout) === 0) ?? 6e4, a.fields.write_timeout = ((y == null ? void 0 : y.write_timeout) || (y == null ? void 0 : y.write_timeout) === 0) ?? 6e4, a.fields.read_timeout = ((y == null ? void 0 : y.read_timeout) || (y == null ? void 0 : y.read_timeout) === 0) ?? 6e4, a.fields.client_certificate = ((n = y == null ? void 0 : y.client_certificate) == null ? void 0 : n.id) || "", a.fields.ca_certificates = (R = y == null ? void 0 : y.ca_certificates) != null && R.length ? y == null ? void 0 : y.ca_certificates.join(",") : "", a.fields.tls_verify_enabled = (y == null ? void 0 : y.tls_verify) !== "" && (y == null ? void 0 : y.tls_verify) !== null && (y == null ? void 0 : y.tls_verify) !== void 0, a.fields.tls_verify_value = a.fields.tls_verify_enabled && (y == null ? void 0 : y.tls_verify), a.fields.tags = (Q = y == null ? void 0 : y.tags) != null && Q.length ? y == null ? void 0 : y.tags.join(",") : "", Object.assign(b, a.fields), t("update", ee == null ? void 0 : ee.data);
         }
         return ee;
       } catch (Y) {
@@ -2942,17 +2951,17 @@ const ot = (e, i) => {
     return ue(() => l.gatewayServiceId, () => {
       Object.assign(a.fields, b);
     }), ue(a.fields, (o) => {
-      a.fields.port = U.getPortFromProtocol(o.protocol, String(o.port)), t("model-updated", de());
+      a.fields.port = q.getPortFromProtocol(o.protocol, String(o.port)), t("model-updated", de());
     }), ze(() => {
       t("model-updated", de());
     }), i({
-      validateUrl: F,
+      validateUrl: A,
       getPayload: de,
       saveFormData: me,
       canSubmit: pe
     }), (o, n) => {
-      const q = E("KInput"), Q = E("KLabel"), Y = E("KRadio"), ee = E("KSelect"), y = E("KCheckbox"), J = E("KCollapse");
-      return f(), x("div", hl, [
+      const R = U("KInput"), Q = U("KLabel"), Y = U("KRadio"), ee = U("KSelect"), y = U("KCheckbox"), J = U("KCollapse");
+      return f(), x("div", bl, [
         m(r(Ka), {
           "can-submit": pe.value,
           config: e.config,
@@ -2966,21 +2975,21 @@ const ot = (e, i) => {
           onLoading: n[26] || (n[26] = (S) => o.$emit("loading", S)),
           onSubmit: me
         }, {
-          "form-actions": d(() => [
+          "form-actions": c(() => [
             X(o.$slots, "form-actions", {
               canSubmit: pe.value,
               cancel: ke,
               submit: me
             }, void 0, !0)
           ]),
-          default: d(() => [
-            m(r(He), {
+          default: c(() => [
+            m(r(Je), {
               description: r(s)("gateway_services.form.sections.general.description"),
               "hide-info-header": e.hideSectionsInfo,
               title: r(s)("gateway_services.form.sections.general.title")
             }, {
-              default: d(() => [
-                m(q, {
+              default: c(() => [
+                m(R, {
                   modelValue: a.fields.name,
                   "onUpdate:modelValue": n[0] || (n[0] = (S) => a.fields.name = S),
                   modelModifiers: { trim: !0 },
@@ -2996,7 +3005,7 @@ const ot = (e, i) => {
                   type: "text",
                   onInput: re
                 }, null, 8, ["modelValue", "error-message", "has-error", "label", "label-attributes", "placeholder", "readonly"]),
-                m(q, {
+                m(R, {
                   modelValue: a.fields.tags,
                   "onUpdate:modelValue": n[1] || (n[1] = (S) => a.fields.tags = S),
                   modelModifiers: { trim: !0 },
@@ -3013,37 +3022,37 @@ const ot = (e, i) => {
               ]),
               _: 1
             }, 8, ["description", "hide-info-header", "title"]),
-            m(r(He), {
+            m(r(Je), {
               description: r(s)("gateway_services.form.sections.keys.description"),
               "hide-info-header": e.hideSectionsInfo,
               title: r(s)("gateway_services.form.sections.keys.title")
             }, {
-              default: d(() => [
-                T.value ? W("", !0) : (f(), x("div", _l, [
-                  V("div", wl, [
+              default: c(() => [
+                $.value ? W("", !0) : (f(), x("div", hl, [
+                  V("div", _l, [
                     m(Q, { required: "" }, {
-                      default: d(() => [
-                        G($(r(s)("gateway_services.form.sections.keys.checkedGroupLabel")), 1)
+                      default: c(() => [
+                        G(I(r(s)("gateway_services.form.sections.keys.checkedGroupLabel")), 1)
                       ]),
                       _: 1
                     })
                   ]),
-                  V("div", kl, [
+                  V("div", wl, [
                     m(Y, {
-                      modelValue: B.value,
-                      "onUpdate:modelValue": n[2] || (n[2] = (S) => B.value = S),
+                      modelValue: P.value,
+                      "onUpdate:modelValue": n[2] || (n[2] = (S) => P.value = S),
                       "data-testid": "gateway-service-url-radio",
-                      "selected-value": M.url,
+                      "selected-value": E.url,
                       onChange: H
                     }, {
-                      default: d(() => [
+                      default: c(() => [
                         m(Q, {
                           class: "gateway-service-url-radio-label",
                           info: r(s)("gateway_services.form.fields.upstream_url.tooltip"),
                           required: ""
                         }, {
-                          default: d(() => [
-                            G($(r(s)("gateway_services.form.sections.keys.urlLabel")), 1)
+                          default: c(() => [
+                            G(I(r(s)("gateway_services.form.sections.keys.urlLabel")), 1)
                           ]),
                           _: 1
                         }, 8, ["info"])
@@ -3051,8 +3060,8 @@ const ot = (e, i) => {
                       _: 1
                     }, 8, ["modelValue", "selected-value"])
                   ]),
-                  B.value === "url" ? (f(), x("div", Cl, [
-                    m(q, {
+                  P.value === "url" ? (f(), x("div", kl, [
+                    m(R, {
                       modelValue: a.fields.url,
                       "onUpdate:modelValue": n[3] || (n[3] = (S) => a.fields.url = S),
                       modelModifiers: { trim: !0 },
@@ -3065,17 +3074,17 @@ const ot = (e, i) => {
                     }, null, 8, ["modelValue", "placeholder", "tooltip"])
                   ])) : W("", !0),
                   m(Y, {
-                    modelValue: B.value,
-                    "onUpdate:modelValue": n[4] || (n[4] = (S) => B.value = S),
+                    modelValue: P.value,
+                    "onUpdate:modelValue": n[4] || (n[4] = (S) => P.value = S),
                     "checked-group": "protocol",
                     "data-testid": "gateway-service-protocol-radio",
-                    "selected-value": M.protocol,
+                    "selected-value": E.protocol,
                     onChange: H
                   }, {
-                    default: d(() => [
+                    default: c(() => [
                       m(Q, { class: "gateway-service-protocol-radio-label" }, {
-                        default: d(() => [
-                          G($(r(s)("gateway_services.form.sections.keys.checkedGroupAltLabel")), 1)
+                        default: c(() => [
+                          G(I(r(s)("gateway_services.form.sections.keys.checkedGroupAltLabel")), 1)
                         ]),
                         _: 1
                       })
@@ -3083,7 +3092,7 @@ const ot = (e, i) => {
                     _: 1
                   }, 8, ["modelValue", "selected-value"])
                 ])),
-                B.value === "protocol" || T.value ? (f(), x("div", Sl, [
+                P.value === "protocol" || $.value ? (f(), x("div", Cl, [
                   m(ee, {
                     modelValue: a.fields.protocol,
                     "onUpdate:modelValue": n[5] || (n[5] = (S) => a.fields.protocol = S),
@@ -3097,9 +3106,9 @@ const ot = (e, i) => {
                     readonly: a.isReadonly,
                     required: "",
                     width: "100%",
-                    onSelected: n[6] || (n[6] = (S) => P(a.fields.protocol, S))
+                    onSelected: n[6] || (n[6] = (S) => K(a.fields.protocol, S))
                   }, null, 8, ["modelValue", "label", "label-attributes", "readonly"]),
-                  m(q, {
+                  m(R, {
                     modelValue: a.fields.host,
                     "onUpdate:modelValue": n[7] || (n[7] = (S) => a.fields.host = S),
                     modelModifiers: { trim: !0 },
@@ -3113,8 +3122,8 @@ const ot = (e, i) => {
                     placeholder: r(s)("gateway_services.form.fields.host.placeholder"),
                     required: ""
                   }, null, 8, ["modelValue", "label", "label-attributes", "placeholder"]),
-                  L.value ? (f(), x("div", Il, [
-                    m(q, {
+                  L.value ? (f(), x("div", Sl, [
+                    m(R, {
                       modelValue: a.fields.path,
                       "onUpdate:modelValue": n[8] || (n[8] = (S) => a.fields.path = S),
                       modelModifiers: { trim: !0 },
@@ -3128,7 +3137,7 @@ const ot = (e, i) => {
                       placeholder: r(s)("gateway_services.form.fields.path.placeholder")
                     }, null, 8, ["modelValue", "label", "label-attributes", "placeholder"])
                   ])) : W("", !0),
-                  m(q, {
+                  m(R, {
                     modelValue: a.fields.port,
                     "onUpdate:modelValue": [
                       n[9] || (n[9] = (S) => a.fields.port = S),
@@ -3154,10 +3163,10 @@ const ot = (e, i) => {
                   "trigger-alignment": "leading",
                   "trigger-label": r(s)("gateway_services.form.sections.keys.viewAdvancedFields")
                 }, {
-                  default: d(() => [
-                    V("div", $l, [
+                  default: c(() => [
+                    V("div", Il, [
                       V("div", Tl, [
-                        m(q, {
+                        m(R, {
                           modelValue: a.fields.retries,
                           "onUpdate:modelValue": [
                             n[11] || (n[11] = (S) => a.fields.retries = S),
@@ -3174,8 +3183,8 @@ const ot = (e, i) => {
                           type: "number"
                         }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                       ]),
-                      V("div", xl, [
-                        m(q, {
+                      V("div", $l, [
+                        m(R, {
                           modelValue: a.fields.connect_timeout,
                           "onUpdate:modelValue": [
                             n[13] || (n[13] = (S) => a.fields.connect_timeout = S),
@@ -3192,8 +3201,8 @@ const ot = (e, i) => {
                           type: "number"
                         }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                       ]),
-                      V("div", Vl, [
-                        m(q, {
+                      V("div", xl, [
+                        m(R, {
                           modelValue: a.fields.write_timeout,
                           "onUpdate:modelValue": [
                             n[15] || (n[15] = (S) => a.fields.write_timeout = S),
@@ -3210,8 +3219,8 @@ const ot = (e, i) => {
                           type: "number"
                         }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                       ]),
-                      V("div", Pl, [
-                        m(q, {
+                      V("div", Vl, [
+                        m(R, {
                           modelValue: a.fields.read_timeout,
                           "onUpdate:modelValue": [
                             n[17] || (n[17] = (S) => a.fields.read_timeout = S),
@@ -3228,8 +3237,8 @@ const ot = (e, i) => {
                           type: "number"
                         }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                       ]),
-                      j.value ? (f(), x("div", Bl, [
-                        m(q, {
+                      j.value ? (f(), x("div", Pl, [
+                        m(R, {
                           modelValue: a.fields.client_certificate,
                           "onUpdate:modelValue": n[19] || (n[19] = (S) => a.fields.client_certificate = S),
                           modelModifiers: { trim: !0 },
@@ -3244,7 +3253,7 @@ const ot = (e, i) => {
                         }, null, 8, ["modelValue", "label", "label-attributes", "placeholder", "readonly"])
                       ])) : W("", !0),
                       O.value ? (f(), x("div", Kl, [
-                        m(q, {
+                        m(R, {
                           modelValue: a.fields.ca_certificates,
                           "onUpdate:modelValue": n[20] || (n[20] = (S) => a.fields.ca_certificates = S),
                           modelModifiers: { trim: !0 },
@@ -3255,16 +3264,16 @@ const ot = (e, i) => {
                           readonly: a.isReadonly,
                           type: "text"
                         }, {
-                          "label-tooltip": d(() => [
+                          "label-tooltip": c(() => [
                             m(r(h), {
                               keypath: "gateway_services.form.fields.ca_certificates.tooltip",
                               scope: "global"
                             }, {
-                              code1: d(() => [
-                                V("code", null, $(r(s)("gateway_services.form.fields.ca_certificates.code1")), 1)
+                              code1: c(() => [
+                                V("code", null, I(r(s)("gateway_services.form.fields.ca_certificates.code1")), 1)
                               ]),
-                              code2: d(() => [
-                                V("code", null, $(r(s)("gateway_services.form.fields.ca_certificates.code2")), 1)
+                              code2: c(() => [
+                                V("code", null, I(r(s)("gateway_services.form.fields.ca_certificates.code2")), 1)
                               ]),
                               _: 1
                             })
@@ -3272,7 +3281,7 @@ const ot = (e, i) => {
                           _: 1
                         }, 8, ["modelValue", "label", "placeholder", "readonly"])
                       ])) : W("", !0),
-                      ie.value ? (f(), x("div", El, [
+                      ie.value ? (f(), x("div", Bl, [
                         m(y, {
                           modelValue: a.fields.tls_verify_enabled,
                           "onUpdate:modelValue": n[21] || (n[21] = (S) => a.fields.tls_verify_enabled = S),
@@ -3280,20 +3289,20 @@ const ot = (e, i) => {
                           description: r(s)("gateway_services.form.fields.tls_verify_enabled.help"),
                           label: r(s)("gateway_services.form.fields.tls_verify_enabled.label")
                         }, {
-                          tooltip: d(() => [
+                          tooltip: c(() => [
                             m(r(h), {
                               keypath: "gateway_services.form.fields.tls_verify_enabled.tooltip",
                               scope: "global"
                             }, {
-                              code1: d(() => [
-                                V("code", null, $(r(s)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
+                              code1: c(() => [
+                                V("code", null, I(r(s)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
                               ]),
                               _: 1
                             })
                           ]),
                           _: 1
                         }, 8, ["modelValue", "description", "label"]),
-                        a.fields.tls_verify_enabled ? (f(), x("div", Ml, [
+                        a.fields.tls_verify_enabled ? (f(), x("div", Ul, [
                           m(Y, {
                             modelValue: a.fields.tls_verify_value,
                             "onUpdate:modelValue": n[22] || (n[22] = (S) => a.fields.tls_verify_value = S),
@@ -3302,7 +3311,7 @@ const ot = (e, i) => {
                             "selected-value": !0
                           }, null, 8, ["modelValue", "label"])
                         ])) : W("", !0),
-                        a.fields.tls_verify_enabled ? (f(), x("div", Rl, [
+                        a.fields.tls_verify_enabled ? (f(), x("div", El, [
                           m(Y, {
                             modelValue: a.fields.tls_verify_value,
                             "onUpdate:modelValue": n[23] || (n[23] = (S) => a.fields.tls_verify_value = S),
@@ -3326,7 +3335,7 @@ const ot = (e, i) => {
     };
   }
 });
-const Jl = /* @__PURE__ */ ot(Ul, [["__scopeId", "data-v-02a1f1c7"]]), ql = { class: "kong-ui-gateway-service-entity-config-card" }, zl = /* @__PURE__ */ te({
+const Hl = /* @__PURE__ */ ot(Ml, [["__scopeId", "data-v-02a1f1c7"]]), ql = { class: "kong-ui-gateway-service-entity-config-card" }, Jl = /* @__PURE__ */ te({
   __name: "GatewayServiceConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -3345,7 +3354,7 @@ const Jl = /* @__PURE__ */ ot(Ul, [["__scopeId", "data-v-02a1f1c7"]]), ql = { cl
   },
   emits: ["loading", "fetch:error", "fetch:success", "copy:success"],
   setup(e) {
-    const i = e, { i18n: { t }, i18nT: l } = $e.useI18n(), u = C(() => he.form[i.config.app].edit), c = R({
+    const i = e, { i18n: { t }, i18nT: l } = $e.useI18n(), u = k(() => he.form[i.config.app].edit), d = M({
       id: {},
       name: {
         tooltip: t("gateway_services.form.fields.name.tooltip")
@@ -3406,9 +3415,9 @@ const Jl = /* @__PURE__ */ ot(Ul, [["__scopeId", "data-v-02a1f1c7"]]), ql = { cl
       }
     });
     return (h, s) => (f(), x("div", ql, [
-      m(r(xa), {
+      m(r($a), {
         config: e.config,
-        "config-schema": c.value,
+        "config-schema": d.value,
         "fetch-url": u.value,
         "hide-title": e.hideTitle,
         "onCopy:success": s[0] || (s[0] = (g) => h.$emit("copy:success", g)),
@@ -3416,50 +3425,50 @@ const Jl = /* @__PURE__ */ ot(Ul, [["__scopeId", "data-v-02a1f1c7"]]), ql = { cl
         "onFetch:success": s[2] || (s[2] = (g) => h.$emit("fetch:success", g)),
         onLoading: s[3] || (s[3] = (g) => h.$emit("loading", g))
       }, {
-        "enabled-label-tooltip": d(() => [
+        "enabled-label-tooltip": c(() => [
           m(r(l), {
             keypath: "gateway_services.form.fields.enabled.tooltip",
             scope: "global"
           }, {
-            false: d(() => [
-              V("code", null, $(r(t)("gateway_services.form.fields.enabled.false")), 1)
+            false: c(() => [
+              V("code", null, I(r(t)("gateway_services.form.fields.enabled.false")), 1)
             ]),
-            true: d(() => [
-              V("code", null, $(r(t)("gateway_services.form.fields.enabled.true")), 1)
+            true: c(() => [
+              V("code", null, I(r(t)("gateway_services.form.fields.enabled.true")), 1)
             ]),
             _: 1
           })
         ]),
-        "ca_certificates-label-tooltip": d(() => [
+        "ca_certificates-label-tooltip": c(() => [
           m(r(l), {
             keypath: "gateway_services.form.fields.ca_certificates.tooltip",
             scope: "global"
           }, {
-            code1: d(() => [
-              V("code", null, $(r(t)("gateway_services.form.fields.ca_certificates.code1")), 1)
+            code1: c(() => [
+              V("code", null, I(r(t)("gateway_services.form.fields.ca_certificates.code1")), 1)
             ]),
-            code2: d(() => [
-              V("code", null, $(r(t)("gateway_services.form.fields.ca_certificates.code2")), 1)
+            code2: c(() => [
+              V("code", null, I(r(t)("gateway_services.form.fields.ca_certificates.code2")), 1)
             ]),
             _: 1
           })
         ]),
-        "tls_verify-label-tooltip": d(() => [
+        "tls_verify-label-tooltip": c(() => [
           m(r(l), {
             keypath: "gateway_services.form.fields.tls_verify_enabled.tooltip",
             scope: "global"
           }, {
-            code1: d(() => [
-              V("code", null, $(r(t)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
+            code1: c(() => [
+              V("code", null, I(r(t)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
             ]),
             _: 1
           })
         ]),
-        tls_verify: d(({ rowValue: g }) => [
-          G($(typeof g == "boolean" ? r(t)(`gateway_services.form.fields.tls_verify_option.${g}.display`) : r(t)("gateway_services.form.fields.tls_verify_option.unset.display")), 1)
+        tls_verify: c(({ rowValue: g }) => [
+          G(I(typeof g == "boolean" ? r(t)(`gateway_services.form.fields.tls_verify_option.${g}.display`) : r(t)("gateway_services.form.fields.tls_verify_option.unset.display")), 1)
         ]),
-        client_certificate: d(({ rowValue: g }) => [
-          G($(g ? g.id : "–"), 1)
+        client_certificate: c(({ rowValue: g }) => [
+          G(I(g ? g.id : "–"), 1)
         ]),
         _: 1
       }, 8, ["config", "config-schema", "fetch-url", "hide-title"])
@@ -3467,7 +3476,7 @@ const Jl = /* @__PURE__ */ ot(Ul, [["__scopeId", "data-v-02a1f1c7"]]), ql = { cl
   }
 });
 export {
-  zl as GatewayServiceConfigCard,
-  Jl as GatewayServiceForm,
-  Hl as GatewayServiceList
+  Jl as GatewayServiceConfigCard,
+  Hl as GatewayServiceForm,
+  Gl as GatewayServiceList
 };