@kong-ui-public/entities-snis 1.1.22 → 1.1.23

package/dist/entities-snis.es.js

@@ -1,8 +1,8 @@
-import { defineComponent as Y, ref as C, computed as w, watch as ie, renderSlot as J, createCommentVNode as Q, unref as s, onBeforeMount as he, resolveComponent as M, openBlock as h, createBlock as V, withCtx as d, createElementVNode as F, toDisplayString as P, createElementBlock as N, withModifiers as fe, createVNode as k, createTextVNode as H, createSlots as Fe, withDirectives as de, vShow as ue, renderList as be, Fragment as Re, useSlots as De, normalizeClass as ye, onMounted as He, onUnmounted as ze, inject as We, resolveDynamicComponent as Je, mergeProps as Ge, reactive as Ce } from "vue";
-import { createI18n as ke, i18nTComponent as qe } from "@kong-ui-public/i18n";
+import { defineComponent as Y, ref as I, computed as S, watch as ie, renderSlot as J, createCommentVNode as Q, unref as s, onBeforeMount as he, resolveComponent as E, openBlock as v, createBlock as V, withCtx as d, createElementVNode as q, toDisplayString as P, createElementBlock as N, withModifiers as fe, createVNode as k, createTextVNode as H, createSlots as Be, withDirectives as de, vShow as ue, renderList as be, Fragment as Re, useSlots as ze, normalizeClass as ye, onMounted as We, onUnmounted as Je, inject as Ge, resolveDynamicComponent as Ce, mergeProps as Ie, reactive as xe } from "vue";
+import { createI18n as ke, i18nTComponent as Ne } from "@kong-ui-public/i18n";
 import Qe from "axios";
 import "@kong/kongponents";
-import { useRouter as Be } from "vue-router";
+import { useRouter as Ue } from "vue-router";
 const Ye = {
   create: "New SNI",
   copy_id: "Copy ID",
@@ -82,16 +82,16 @@ const Ye = {
   errors: tt,
   copy: at
 };
-function rt() {
+function ot() {
   const e = ke("en-us", it);
   return {
     i18n: e,
-    i18nT: qe(e)
+    i18nT: Ne(e)
     // Translation component <i18n-t>
   };
 }
-const Ne = {
-  useI18n: rt
+const Oe = {
+  useI18n: ot
 }, se = {
   list: {
     konnect: {
@@ -116,7 +116,7 @@ const Ne = {
     }
   }
 };
-var Oe = /* @__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))(Oe || {}), pe = /* @__PURE__ */ ((e) => (e.Edit = "edit", e.Create = "create", e))(pe || {}), te = /* @__PURE__ */ ((e) => (e[e.Loading = 0] = "Loading", e[e.Idle = 1] = "Idle", e[e.NoResults = 2] = "NoResults", e[e.Error = 3] = "Error", e))(te || {});
+var Ae = /* @__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))(Ae || {}), pe = /* @__PURE__ */ ((e) => (e.Edit = "edit", e.Create = "create", e))(pe || {}), te = /* @__PURE__ */ ((e) => (e[e.Loading = 0] = "Loading", e[e.Idle = 1] = "Idle", e[e.NoResults = 2] = "NoResults", e[e.Error = 3] = "Error", e))(te || {});
 function _e(e = {}) {
   return {
     axiosInstance: Qe.create({
@@ -126,7 +126,7 @@ function _e(e = {}) {
     })
   };
 }
-function ot() {
+function rt() {
   return {
     debounce: (e, i) => {
       let t;
@@ -159,10 +159,10 @@ function lt() {
   return {
     setTablePreferences: (t, a) => {
       try {
-        const r = i();
-        r.set(t, a), localStorage.setItem(ge, JSON.stringify(Object.fromEntries(r.entries())));
-      } catch (r) {
-        console.error("useTablePreferences(setTablePreferences)", r);
+        const o = i();
+        o.set(t, a), localStorage.setItem(ge, JSON.stringify(Object.fromEntries(o.entries())));
+      } catch (o) {
+        console.error("useTablePreferences(setTablePreferences)", o);
       }
     },
     getTablePreferences: (t) => {
@@ -267,7 +267,7 @@ function Se() {
   const e = ke("en-us", gt);
   return {
     i18n: e,
-    i18nT: qe(e)
+    i18nT: Ne(e)
     // Translation component <i18n-t>
   };
 }
@@ -276,174 +276,174 @@ function vt(e, i, t, a = {
   searchKeys: ["id"]
 }) {
   t || (t = "100");
-  const { axiosInstance: r } = _e({
+  const { axiosInstance: o } = _e({
     headers: e.requestHeaders
-  }), { i18n: { t: o } } = Se(), { debounce: f } = ot(), K = f(async (u) => {
-    await m(u);
-  }, 200), g = C(!1), y = C(""), n = C(""), v = C([]), T = C(void 0), $ = s(i);
-  let R = `${e.apiBaseUrl}${$}`;
-  e.app === "konnect" ? R = R.replace(/{controlPlaneId}/gi, (e == null ? void 0 : e.controlPlaneId) || "") : e.app === "kongManager" && (R = R.replace(/\/{workspace}/gi, e != null && e.workspace ? `/${e.workspace}` : ""));
+  }), { i18n: { t: r } } = Se(), { debounce: y } = rt(), $ = y(async (u) => {
+    await f(u);
+  }, 200), g = I(!1), m = I(""), n = I(""), h = I([]), C = I(void 0), K = s(i);
+  let M = `${e.apiBaseUrl}${K}`;
+  e.app === "konnect" ? M = M.replace(/{controlPlaneId}/gi, (e == null ? void 0 : e.controlPlaneId) || "") : e.app === "kongManager" && (M = M.replace(/\/{workspace}/gi, e != null && e.workspace ? `/${e.workspace}` : ""));
   const _ = async () => {
     try {
       g.value = !0;
-      const { data: u } = await r.get(`${R}?size=${t}`);
-      u != null && u.next || (T.value = a.fetchedItemsKey in u ? u[a.fetchedItemsKey] : []), v.value = a.fetchedItemsKey in u ? u[a.fetchedItemsKey] : [];
+      const { data: u } = await o.get(`${M}?size=${t}`);
+      u != null && u.next || (C.value = a.fetchedItemsKey in u ? u[a.fetchedItemsKey] : []), h.value = a.fetchedItemsKey in u ? u[a.fetchedItemsKey] : [];
     } catch {
-      v.value = [], y.value = o("debouncedFilter.errors.fetch");
+      h.value = [], m.value = r("debouncedFilter.errors.fetch");
     } finally {
       g.value = !1;
     }
-  }, l = C(""), m = async (u) => {
-    var c, E;
+  }, l = I(""), f = async (u) => {
+    var c, F;
     if (l.value !== u)
-      if (l.value = u || "", T.value === void 0)
+      if (l.value = u || "", C.value === void 0)
         try {
-          g.value = !0, y.value = "", n.value = "";
-          let q = R + "";
-          u && (q += `/${u}`);
-          const { data: A } = await r.get(`${q}?size=${t}`);
-          a.fetchedItemsKey in A ? v.value = A[a.fetchedItemsKey] : A != null && A.id ? v.value = [A] : v.value = [];
-        } catch (q) {
-          ((c = q == null ? void 0 : q.response) == null ? void 0 : c.status) === 404 ? n.value = o("debouncedFilter.errors.invalid") : (v.value = [], y.value = o("debouncedFilter.errors.fetch"));
+          g.value = !0, m.value = "", n.value = "";
+          let B = M + "";
+          u && (B += `/${u}`);
+          const { data: A } = await o.get(`${B}?size=${t}`);
+          a.fetchedItemsKey in A ? h.value = A[a.fetchedItemsKey] : A != null && A.id ? h.value = [A] : h.value = [];
+        } catch (B) {
+          ((c = B == null ? void 0 : B.response) == null ? void 0 : c.status) === 404 ? n.value = r("debouncedFilter.errors.invalid") : (h.value = [], m.value = r("debouncedFilter.errors.fetch"));
         } finally {
           g.value = !1;
         }
       else
-        g.value = !0, n.value = "", u ? (v.value = (E = T.value) == null ? void 0 : E.filter((q) => {
+        g.value = !0, n.value = "", u ? (h.value = (F = C.value) == null ? void 0 : F.filter((B) => {
           var A;
-          let I = !1;
+          let x = !1;
           for (const W of a.searchKeys) {
-            const j = typeof q[W] == "string" ? (A = q[W]) == null ? void 0 : A.toLowerCase() : q[W];
-            j != null && j.includes(u.toLowerCase()) && (I = !0);
+            const j = typeof B[W] == "string" ? (A = B[W]) == null ? void 0 : A.toLowerCase() : B[W];
+            j != null && j.includes(u.toLowerCase()) && (x = !0);
           }
-          return I;
-        }), (!v.value || !v.value.length) && (n.value = o("debouncedFilter.errors.invalid"))) : v.value = T.value, g.value = !1;
+          return x;
+        }), (!h.value || !h.value.length) && (n.value = r("debouncedFilter.errors.invalid"))) : h.value = C.value, g.value = !1;
   };
   return {
     loading: g,
-    error: y,
+    error: m,
     validationError: n,
-    results: v,
-    allRecords: T,
+    results: h,
+    allRecords: C,
     loadItems: _,
-    debouncedQueryChange: K
+    debouncedQueryChange: $
   };
 }
 function ht(e, i) {
-  const t = s(i), a = w(
+  const t = s(i), a = S(
     () => e.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${t}`) : new URL(t)
   );
-  return a.value.search = "", (r) => `${a.value.href}/${r}`;
+  return a.value.search = "", (o) => `${a.value.href}/${o}`;
 }
 function bt() {
   const { i18n: { t: e } } = Se();
   return {
     getMessageFromError: (i) => {
-      var t, a, r;
+      var t, a, o;
       if (!i)
         return e("errors.unexpected");
       if ((t = i == null ? void 0 : i.response) != null && t.data) {
         if (i.response.data.detail)
           return i.response.data.detail;
         if ((a = i.response.data.details) != null && a.length)
-          return i.response.data.details.map((o) => {
-            let f = e("errors.unexpected");
-            return o.messages && typeof o.messages == "object" && o.messages.length && (f = o.messages.join(", ")), o.field ? `${o.field} - ${f}` : f;
+          return i.response.data.details.map((r) => {
+            let y = e("errors.unexpected");
+            return r.messages && typeof r.messages == "object" && r.messages.length && (y = r.messages.join(", ")), r.field ? `${r.field} - ${y}` : y;
           }).join("; ");
         if (i.response.data.message) {
-          const { message: o } = i.response.data;
-          return Array.isArray(o) ? (r = o[0]) != null && r.constraints ? Object.values(o[0].constraints)[0] : o[0] : o;
+          const { message: r } = i.response.data;
+          return Array.isArray(r) ? (o = r[0]) != null && o.constraints ? Object.values(r[0].constraints)[0] : r[0] : r;
         }
         if (typeof i.response.data == "string")
           return i.response.data;
         if (typeof i.response.data == "object")
-          return Object.keys(i.response.data).map((o) => `${o} ${i.response.data[o]}`).join(", ");
+          return Object.keys(i.response.data).map((r) => `${r} ${i.response.data[r]}`).join(", ");
       }
       return i.message || e("errors.unexpected");
     }
   };
 }
-function Ue(e, i) {
-  const t = C(s(e)), a = C(s(i)), r = w(
+function Ve(e, i) {
+  const t = I(s(e)), a = I(s(i)), o = S(
     () => !!(t.value.app === "konnect" || t.value.isExactMatch)
-  ), o = w(
+  ), r = S(
     () => a.value.startsWith("/") ? new URL(`${window.location.origin}${a.value}`) : new URL(a.value)
   );
-  return (f) => {
-    const { page: K, pageSize: g, offset: y, sortColumnKey: n, sortColumnOrder: v, query: T } = f;
+  return (y) => {
+    const { page: $, pageSize: g, offset: m, sortColumnKey: n, sortColumnOrder: h, query: C } = y;
     try {
-      let $ = new URL(o.value.href);
-      return r.value && T ? ($.search = "", $ = new URL(`${$.href}/${T}/`)) : (r.value || new URLSearchParams(T).forEach((R, _) => {
-        $.searchParams.append(_, R);
-      }), n && $.searchParams.append("sort_by", n), v === "desc" && $.searchParams.append("sort_desc", "1"), $.searchParams.append("size", String(g))), y && K !== 1 && $.searchParams.append("offset", String(y)), $.href;
-    } catch ($) {
-      return console.error("RouteList(fetcher)", $), a.value;
+      let K = new URL(r.value.href);
+      return o.value && C ? (K.search = "", K = new URL(`${K.href}/${C}/`)) : (o.value || new URLSearchParams(C).forEach((M, _) => {
+        K.searchParams.append(_, M);
+      }), n && K.searchParams.append("sort_by", n), h === "desc" && K.searchParams.append("sort_desc", "1"), K.searchParams.append("size", String(g))), m && $ !== 1 && K.searchParams.append("offset", String(m)), K.href;
+    } catch (K) {
+      return console.error("RouteList(fetcher)", K), a.value;
     }
   };
 }
 function kt(e, i, t = "data") {
-  const a = s(i), { axiosInstance: r } = _e({
+  const a = s(i), { axiosInstance: o } = _e({
     headers: e.requestHeaders
-  }), o = Ue(e, a), f = C({
+  }), r = Ve(e, a), y = I({
     status: te.Idle
   });
-  return { fetcher: async (K) => {
+  return { fetcher: async ($) => {
     try {
-      f.value = { status: te.Loading };
-      const g = o(K), { data: y } = await r.get(g), n = t && t.replace(/[^\w-_]/gi, "");
-      let v;
-      y[n] && Array.isArray(y[n]) ? v = y[n] : v = Object.keys(y).length ? [y] : [];
-      const T = {
-        data: v,
-        total: v.length,
-        ...y.offset ? {
+      y.value = { status: te.Loading };
+      const g = r($), { data: m } = await o.get(g), n = t && t.replace(/[^\w-_]/gi, "");
+      let h;
+      m[n] && Array.isArray(m[n]) ? h = m[n] : h = Object.keys(m).length ? [m] : [];
+      const C = {
+        data: h,
+        total: h.length,
+        ...m.offset ? {
           pagination: {
-            offset: y.offset
+            offset: m.offset
           }
         } : null
       };
-      return f.value = {
+      return y.value = {
         status: te.Idle,
-        response: T
-      }, T;
+        response: C
+      }, C;
     } catch (g) {
-      const y = {
+      const m = {
         data: [],
         total: 0
       };
-      return K.query && g.response.status === 404 ? (f.value = {
+      return $.query && g.response.status === 404 ? (y.value = {
         status: te.NoResults,
-        response: y,
+        response: m,
         error: g
-      }, y) : (f.value = {
+      }, m) : (y.value = {
         status: te.Error,
-        response: y,
+        response: m,
         error: g
-      }, y);
+      }, m);
     }
-  }, fetcherState: f };
+  }, fetcherState: y };
 }
 function _t() {
   return {
     convertKeyToTitle: (e, i = "_") => e ? e.split(i).map((t) => t.toLowerCase() === "id" ? t.toUpperCase() : t.charAt(0).toUpperCase() + t.substring(1)).join(" ") : ""
   };
 }
-const Ae = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\-]+(?:\.[\da-z\-]+)*))?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i, Ie = (e) => {
+const je = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\-]+(?:\.[\da-z\-]+)*))?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i, Te = (e) => {
   if (typeof e != "string")
     throw new TypeError("Invalid argument expected string");
-  const i = e.match(Ae);
+  const i = e.match(je);
   if (!i)
     throw new Error(`Invalid argument not valid semver ('${e}' received)`);
   return i.shift(), i;
-}, xe = (e) => e === "*" || e === "x" || e === "X", Te = (e) => {
+}, $e = (e) => e === "*" || e === "x" || e === "X", Ke = (e) => {
   const i = parseInt(e, 10);
   return isNaN(i) ? e : i;
 }, St = (e, i) => typeof e != typeof i ? [String(e), String(i)] : [e, i], wt = (e, i) => {
-  if (xe(e) || xe(i))
+  if ($e(e) || $e(i))
     return 0;
-  const [t, a] = St(Te(e), Te(i));
+  const [t, a] = St(Ke(e), Ke(i));
   return t > a ? 1 : t < a ? -1 : 0;
-}, $e = (e, i) => {
+}, Pe = (e, i) => {
   for (let t = 0; t < Math.max(e.length, i.length); t++) {
     const a = wt(e[t] || "0", i[t] || "0");
     if (a !== 0)
@@ -451,37 +451,37 @@ const Ae = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-(
   }
   return 0;
 }, Ct = (e, i) => {
-  const t = Ie(e), a = Ie(i), r = t.pop(), o = a.pop(), f = $e(t, a);
-  return f !== 0 ? f : r && o ? $e(r.split("."), o.split(".")) : r || o ? r ? -1 : 1 : 0;
-}, Ke = (e, i, t) => {
+  const t = Te(e), a = Te(i), o = t.pop(), r = a.pop(), y = Pe(t, a);
+  return y !== 0 ? y : o && r ? Pe(o.split("."), r.split(".")) : o || r ? o ? -1 : 1 : 0;
+}, Ee = (e, i, t) => {
   It(t);
   const a = Ct(e, i);
-  return Ve[t].includes(a);
-}, Ve = {
+  return Le[t].includes(a);
+}, Le = {
   ">": [1],
   ">=": [0, 1],
   "=": [0],
   "<=": [-1, 0],
   "<": [-1],
   "!=": [-1, 1]
-}, Pe = Object.keys(Ve), It = (e) => {
+}, Me = Object.keys(Le), It = (e) => {
   if (typeof e != "string")
     throw new TypeError(`Invalid operator type, expected string but got ${typeof e}`);
-  if (Pe.indexOf(e) === -1)
-    throw new Error(`Invalid operator, expected one of ${Pe.join("|")}`);
-}, xt = (e) => typeof e == "string" && /^[v\d]/.test(e) && Ae.test(e);
+  if (Me.indexOf(e) === -1)
+    throw new Error(`Invalid operator, expected one of ${Me.join("|")}`);
+}, xt = (e) => typeof e == "string" && /^[v\d]/.test(e) && je.test(e);
 function Tt(e) {
   const { gatewayInfo: i, supportedRange: t } = e;
   if (!i)
     return !0;
-  const { edition: a, version: r } = i;
-  if (!xt(r))
+  const { edition: a, version: o } = i;
+  if (!xt(o))
     return console.error("Invalid version"), !1;
-  const o = t[a];
-  if (!o)
+  const r = t[a];
+  if (!r)
     return !1;
-  const [f, K] = o;
-  return !(f && Ke(r, f, "<") || K && Ke(r, K, ">"));
+  const [y, $] = r;
+  return !(y && Ee(o, y, "<") || $ && Ee(o, $, ">"));
 }
 const ae = {
   useAxios: _e,
@@ -489,19 +489,19 @@ const ae = {
   useDeleteUrlBuilder: ht,
   useErrors: bt,
   useFetcher: kt,
-  useFetchUrlBuilder: Ue,
+  useFetchUrlBuilder: Ve,
   useStringHelpers: _t,
   useI18n: Se,
   useGatewayFeatureSupported: Tt
 }, le = (e, i) => {
   const t = e.__vccOpts || e;
-  for (const [a, r] of i)
-    t[a] = r;
+  for (const [a, o] of i)
+    t[a] = o;
   return t;
-}, $t = "#0044f4", Kt = "#3a3f51", Pt = ["onReset", "onSubmit"], Mt = {
+}, $t = "#0044f4", Kt = "#3a3f51", Pt = ["onReset", "onSubmit"], Et = {
   class: "form-actions",
   "data-testid": "form-actions"
-}, Et = /* @__PURE__ */ Y({
+}, Mt = /* @__PURE__ */ Y({
   __name: "EntityBaseForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -551,87 +551,87 @@ const ae = {
   emits: ["loading", "fetch:success", "fetch:error", "submit", "cancel"],
   setup(e, { emit: i }) {
     var t;
-    const a = e, r = Be(), { i18n: { t: o } } = ae.useI18n(), { getMessageFromError: f } = ae.useErrors(), { axiosInstance: K } = ae.useAxios({
+    const a = e, o = Ue(), { i18n: { t: r } } = ae.useI18n(), { getMessageFromError: y } = ae.useErrors(), { axiosInstance: $ } = ae.useAxios({
       headers: (t = a.config) == null ? void 0 : t.requestHeaders
-    }), g = C(!1), y = C(!1), n = C(""), v = w(() => a.canSubmit === !1 || a.isReadonly), T = w(() => {
-      var l, m;
+    }), g = I(!1), m = I(!1), n = I(""), h = S(() => a.canSubmit === !1 || a.isReadonly), C = S(() => {
+      var l, f;
       if (!a.editId)
         return "";
       let u = `${a.config.apiBaseUrl}${a.fetchUrl}`;
-      return a.config.app === "konnect" ? u = u.replace(/{controlPlaneId}/gi, ((l = a.config) == null ? void 0 : l.controlPlaneId) || "") : a.config.app === "kongManager" && (u = u.replace(/\/{workspace}/gi, (m = a.config) != null && m.workspace ? `/${a.config.workspace}` : "")), u = u.replace(/{id}/gi, a.editId), u;
-    }), $ = () => {
-      a.config.cancelRoute ? r.push(a.config.cancelRoute) : R();
-    }, R = () => {
+      return a.config.app === "konnect" ? u = u.replace(/{controlPlaneId}/gi, ((l = a.config) == null ? void 0 : l.controlPlaneId) || "") : a.config.app === "kongManager" && (u = u.replace(/\/{workspace}/gi, (f = a.config) != null && f.workspace ? `/${a.config.workspace}` : "")), u = u.replace(/{id}/gi, a.editId), u;
+    }), K = () => {
+      a.config.cancelRoute ? o.push(a.config.cancelRoute) : M();
+    }, M = () => {
       i("cancel");
     }, _ = () => {
-      v.value || i("submit");
+      h.value || i("submit");
     };
     return ie(() => g.value, (l) => {
       i("loading", l);
     }, { immediate: !0 }), he(async () => {
       if (a.editId)
         try {
-          y.value = !1, g.value = !0;
-          const { data: l } = await K.get(T.value);
+          m.value = !1, g.value = !0;
+          const { data: l } = await $.get(C.value);
           i("fetch:success", l);
         } catch (l) {
-          const m = f(l);
-          n.value = m.startsWith("code") ? o("baseForm.errors.edit") : m, y.value = !0, i("fetch:error", l);
+          const f = y(l);
+          n.value = f.startsWith("code") ? r("baseForm.errors.edit") : f, m.value = !0, i("fetch:error", l);
         } finally {
           g.value = !1;
         }
-    }), (l, m) => {
-      const u = M("KSkeleton"), c = M("KEmptyState"), E = M("KAlert"), q = M("KButton"), A = M("KCard");
-      return h(), V(A, { class: "kong-ui-entity-base-form" }, {
+    }), (l, f) => {
+      const u = E("KSkeleton"), c = E("KEmptyState"), F = E("KAlert"), B = E("KButton"), A = E("KCard");
+      return v(), V(A, { class: "kong-ui-entity-base-form" }, {
         body: d(() => [
-          g.value ? (h(), V(u, {
+          g.value ? (v(), V(u, {
             key: 0,
             type: "form"
-          })) : y.value ? (h(), V(c, {
+          })) : m.value ? (v(), V(c, {
             key: 1,
-            "cta-text": s(o)("baseForm.actions.back"),
+            "cta-text": s(r)("baseForm.actions.back"),
             "data-testid": "form-fetch-error",
-            "handle-click": $,
+            "handle-click": K,
             "is-error": !0
           }, {
             message: d(() => [
-              F("h3", null, P(n.value), 1)
+              q("h3", null, P(n.value), 1)
             ]),
             _: 1
-          }, 8, ["cta-text"])) : (h(), N("form", {
+          }, 8, ["cta-text"])) : (v(), N("form", {
             key: 2,
             "data-testid": "form-content",
-            onReset: fe(R, ["prevent"]),
+            onReset: fe(M, ["prevent"]),
             onSubmit: fe(_, ["prevent"])
           }, [
             J(l.$slots, "default", {}, void 0, !0),
-            e.errorMessage ? (h(), V(E, {
+            e.errorMessage ? (v(), V(F, {
               key: 0,
               "alert-message": e.errorMessage,
               appearance: "danger",
               "data-testid": "form-error"
             }, null, 8, ["alert-message"])) : Q("", !0),
-            F("div", Mt, [
+            q("div", Et, [
               J(l.$slots, "form-actions", {}, () => [
-                k(q, {
+                k(B, {
                   appearance: "outline",
                   "data-testid": "form-cancel",
                   disabled: e.isReadonly,
                   type: "reset"
                 }, {
                   default: d(() => [
-                    H(P(s(o)("baseForm.actions.cancel")), 1)
+                    H(P(s(r)("baseForm.actions.cancel")), 1)
                   ]),
                   _: 1
                 }, 8, ["disabled"]),
-                k(q, {
+                k(B, {
                   appearance: "primary",
                   "data-testid": "form-submit",
-                  disabled: v.value,
+                  disabled: h.value,
                   type: "submit"
                 }, {
                   default: d(() => [
-                    H(P(s(o)("baseForm.actions.save")), 1)
+                    H(P(s(r)("baseForm.actions.save")), 1)
                   ]),
                   _: 1
                 }, 8, ["disabled"])
@@ -643,7 +643,7 @@ const ae = {
       });
     };
   }
-}), Ft = /* @__PURE__ */ le(Et, [["__scopeId", "data-v-2286e5f2"]]), Rt = { key: 0 }, qt = /* @__PURE__ */ Y({
+}), Ft = /* @__PURE__ */ le(Mt, [["__scopeId", "data-v-2286e5f2"]]), qt = { key: 0 }, Bt = /* @__PURE__ */ Y({
   __name: "EntityBaseTableCell",
   props: {
     keyName: {
@@ -656,53 +656,53 @@ const ae = {
     }
   },
   setup(e) {
-    const i = e, t = w(() => {
+    const i = e, t = S(() => {
       var _;
       return ((_ = i.rowEl) == null ? void 0 : _.querySelector(`[data-testid="${i.keyName}"]`)) || null;
-    }), a = w(() => {
+    }), a = S(() => {
       var _;
       return ((_ = t.value) == null ? void 0 : _.querySelector('[role="button"]')) || null;
-    }), r = w(() => {
+    }), o = S(() => {
       var _, l;
-      const m = (_ = i.rowEl) == null ? void 0 : _.querySelectorAll("td");
-      return m ? ((l = m[0]) == null ? void 0 : l.getAttribute("data-testid")) === i.keyName : !1;
+      const f = (_ = i.rowEl) == null ? void 0 : _.querySelectorAll("td");
+      return f ? ((l = f[0]) == null ? void 0 : l.getAttribute("data-testid")) === i.keyName : !1;
     });
-    let o;
-    const f = () => {
-      o && (o.disconnect(), o = void 0);
-    }, K = () => {
-      var _, l, m;
-      y.value = ((_ = a.value) == null ? void 0 : _.getBoundingClientRect().width) || 0, n.value = ((l = t.value) == null ? void 0 : l.clientWidth) || 0, v.value = ((m = g.value) == null ? void 0 : m.innerText) || "";
-    }, g = C({}), y = C(0), n = C(0), v = C(""), T = w(() => [a.value, t.value]), $ = ie(
-      T,
+    let r;
+    const y = () => {
+      r && (r.disconnect(), r = void 0);
+    }, $ = () => {
+      var _, l, f;
+      m.value = ((_ = a.value) == null ? void 0 : _.getBoundingClientRect().width) || 0, n.value = ((l = t.value) == null ? void 0 : l.clientWidth) || 0, h.value = ((f = g.value) == null ? void 0 : f.innerText) || "";
+    }, g = I({}), m = I(0), n = I(0), h = I(""), C = S(() => [a.value, t.value]), K = ie(
+      C,
       (_) => {
-        if (r.value && (f(), "ResizeObserver" in window && window)) {
-          o = new ResizeObserver((l) => {
+        if (o.value && (y(), "ResizeObserver" in window && window)) {
+          r = new ResizeObserver((l) => {
             window.requestAnimationFrame(() => {
-              !Array.isArray(l) || !l.length || K();
+              !Array.isArray(l) || !l.length || $();
             });
           });
           for (const l of _)
-            l && o.observe(l);
+            l && r.observe(l);
         }
       },
       { immediate: !0, flush: "post", deep: !0 }
-    ), R = w(() => r.value ? y.value > n.value : !1);
-    return He(() => {
-      K();
-    }), ze(() => {
+    ), M = S(() => o.value ? m.value > n.value : !1);
+    return We(() => {
       $();
+    }), Je(() => {
+      K();
     }), (_, l) => {
-      const m = M("KTooltip");
-      return h(), N("span", {
+      const f = E("KTooltip");
+      return v(), N("span", {
         ref_key: "contentRef",
         ref: g,
         class: "content-wrapper"
       }, [
-        r.value ? (h(), N("span", Rt, [
-          k(m, {
-            disabled: !R.value,
-            label: v.value,
+        o.value ? (v(), N("span", qt, [
+          k(f, {
+            disabled: !M.value,
+            label: h.value,
             "max-width": "300",
             placement: "bottomStart"
           }, {
@@ -715,10 +715,10 @@ const ae = {
       ], 512);
     };
   }
-}), Bt = /* @__PURE__ */ le(qt, [["__scopeId", "data-v-f8a220e9"]]), Nt = { class: "toolbar-container" }, Ot = {
+}), Rt = /* @__PURE__ */ le(Bt, [["__scopeId", "data-v-f8a220e9"]]), Nt = { class: "toolbar-container" }, Ut = {
   key: 0,
   class: "toolbar-button-container"
-}, Ut = ["data-testid"], At = /* @__PURE__ */ Y({
+}, Ot = ["data-testid"], At = /* @__PURE__ */ Y({
   __name: "EntityBaseTable",
   props: {
     // table header configuration
@@ -822,45 +822,45 @@ const ae = {
   },
   emits: ["click:row", "sort", "clear-search-input", "empty-state-cta-clicked"],
   setup(e, { emit: i }) {
-    const t = e, { i18n: { t: a } } = ae.useI18n(), r = w(() => t.cacheIdentifier || t.preferencesStorageKey), o = (c) => c.hasData || !!t.query, f = w(() => {
+    const t = e, { i18n: { t: a } } = ae.useI18n(), o = S(() => t.cacheIdentifier || t.preferencesStorageKey), r = (c) => c.hasData || !!t.query, y = S(() => {
       const c = [];
-      return Object.keys(t.tableHeaders).forEach((E) => {
-        const q = t.tableHeaders[E];
+      return Object.keys(t.tableHeaders).forEach((F) => {
+        const B = t.tableHeaders[F];
         c.push({
-          label: q.label ?? E,
-          key: E,
-          sortable: q.sortable ?? !1
+          label: B.label ?? F,
+          key: F,
+          sortable: B.sortable ?? !1
         });
       }), t.enableEntityActions && c.push({
         key: "actions",
         hideLabel: !0
       }), c;
-    }), K = (c) => ({
+    }), $ = (c) => ({
       "data-rowid": c.id,
       "data-testid": c.name,
       ...t.rowAttributes(c)
-    }), g = C({}), y = (c) => {
-      var E;
-      return (E = g.value) == null ? void 0 : E.$el.querySelector(`[data-rowid="${c.id}"]`);
+    }), g = I({}), m = (c) => {
+      var F;
+      return (F = g.value) == null ? void 0 : F.$el.querySelector(`[data-rowid="${c.id}"]`);
     }, n = (c) => {
-      const E = {
+      const F = {
         "data-testid": c.headerKey,
         ...t.cellAttributes(c)
       };
-      return c.colIndex === 0 && (E.style = {
+      return c.colIndex === 0 && (F.style = {
         maxWidth: "250px",
         overflowX: "hidden",
         textOverflow: "ellipsis"
-      }), E;
-    }, v = () => {
-      i("empty-state-cta-clicked"), T();
-    }, T = () => {
+      }), F;
+    }, h = () => {
+      i("empty-state-cta-clicked"), C();
+    }, C = () => {
       i("clear-search-input");
-    }, $ = (c, E) => {
-      i("click:row", E);
-    }, R = (c) => {
+    }, K = (c, F) => {
+      i("click:row", F);
+    }, M = (c) => {
       i("sort", c);
-    }, { setTablePreferences: _, getTablePreferences: l } = lt(), m = w(() => {
+    }, { setTablePreferences: _, getTablePreferences: l } = lt(), f = S(() => {
       const c = l(t.preferencesStorageKey);
       return {
         ...t.initialFetcherParams,
@@ -869,9 +869,9 @@ const ae = {
     }), u = (c) => {
       t.preferencesStorageKey && _(t.preferencesStorageKey, c);
     };
-    return (c, E) => {
-      const q = M("KIcon"), A = M("KButton"), I = M("KDropdownMenu"), W = M("KTable"), j = M("KCard");
-      return h(), V(j, {
+    return (c, F) => {
+      const B = E("KIcon"), A = E("KButton"), x = E("KDropdownMenu"), W = E("KTable"), j = E("KCard");
+      return v(), V(j, {
         class: "kong-ui-entity-base-table",
         title: e.title
       }, {
@@ -879,7 +879,7 @@ const ae = {
           k(W, {
             ref_key: "tableRefs",
             ref: g,
-            "cache-identifier": r.value,
+            "cache-identifier": o.value,
             "cell-attrs": n,
             "disable-pagination-page-jump": e.disablePaginationPageJump,
             "disable-sorting": e.disableSorting,
@@ -895,34 +895,34 @@ const ae = {
             fetcher: e.fetcher,
             "fetcher-cache-key": String(e.fetcherCacheKey),
             "has-error": !!e.errorMessage,
-            headers: f.value,
+            headers: y.value,
             "hide-pagination-when-optional": "",
-            "initial-fetcher-params": m.value,
+            "initial-fetcher-params": f.value,
             "is-loading": e.isLoading,
             "pagination-type": e.paginationType,
-            "row-attrs": K,
+            "row-attrs": $,
             "search-input": e.query,
-            onKtableEmptyStateCtaClicked: v,
-            "onRow:click": $,
-            onSort: E[0] || (E[0] = (L) => R(L)),
+            onKtableEmptyStateCtaClicked: h,
+            "onRow:click": K,
+            onSort: F[0] || (F[0] = (L) => M(L)),
             "onUpdate:tablePreferences": u
-          }, Fe({
+          }, Be({
             toolbar: d(({ state: L }) => [
-              de(F("div", Nt, [
+              de(q("div", Nt, [
                 J(c.$slots, "toolbar-filter", {}, void 0, !0),
-                c.$slots["toolbar-button"] ? (h(), N("div", Ot, [
+                c.$slots["toolbar-button"] ? (v(), N("div", Ut, [
                   J(c.$slots, "toolbar-button", {}, void 0, !0)
                 ])) : Q("", !0)
               ], 512), [
-                [ue, o(L)]
+                [ue, r(L)]
               ])
             ]),
             actions: d(({ row: L, rowKey: D, rowValue: X }) => [
-              F("div", {
+              q("div", {
                 class: "actions-container",
                 "data-testid": L.name
               }, [
-                k(I, {
+                k(x, {
                   "kpop-attributes": { placement: "bottomEnd" },
                   width: e.dropdownMenuWidth
                 }, {
@@ -940,7 +940,7 @@ const ae = {
                       size: "small"
                     }, {
                       icon: d(() => [
-                        k(q, {
+                        k(B, {
                           color: s(Kt),
                           icon: "more",
                           size: "16"
@@ -951,24 +951,24 @@ const ae = {
                   ]),
                   _: 2
                 }, 1032, ["width"])
-              ], 8, Ut)
+              ], 8, Ot)
             ]),
             _: 2
           }, [
             be(e.tableHeaders, (L, D) => ({
               name: D,
-              fn: d(({ row: X, rowKey: re, rowValue: oe }) => [
-                k(Bt, {
+              fn: d(({ row: X, rowKey: oe, rowValue: re }) => [
+                k(Rt, {
                   "key-name": String(D),
-                  "row-el": y(X)
+                  "row-el": m(X)
                 }, {
                   default: d(() => [
                     J(c.$slots, D, {
                       row: X,
-                      rowKey: re,
-                      rowValue: oe
+                      rowKey: oe,
+                      rowValue: re
                     }, () => [
-                      H(P(oe), 1)
+                      H(P(re), 1)
                     ], !0)
                   ]),
                   _: 2
@@ -1026,27 +1026,27 @@ const ae = {
   },
   emits: ["cancel", "proceed"],
   setup(e, { emit: i }) {
-    const t = e, { i18nT: a } = ae.useI18n(), r = w(() => t.needConfirm ? t.entityName : ""), o = () => {
+    const t = e, { i18nT: a } = ae.useI18n(), o = S(() => t.needConfirm ? t.entityName : ""), r = () => {
       i("cancel");
-    }, f = () => {
+    }, y = () => {
       i("proceed");
     };
-    return (K, g) => {
-      const y = M("KAlert"), n = M("KPrompt");
-      return h(), V(n, {
+    return ($, g) => {
+      const m = E("KAlert"), n = E("KPrompt");
+      return v(), V(n, {
         "action-button-text": "Yes, delete",
         "action-pending": e.actionPending,
         class: "kong-ui-entity-delete-modal",
-        "confirmation-text": r.value,
+        "confirmation-text": o.value,
         "is-visible": e.visible,
         title: e.title,
         type: "danger",
-        onCanceled: o,
-        onProceed: f
+        onCanceled: r,
+        onProceed: y
       }, {
         "body-content": d(() => [
-          e.error ? (h(), N("div", jt, [
-            k(y, { appearance: "danger" }, {
+          e.error ? (v(), N("div", jt, [
+            k(m, { appearance: "danger" }, {
               alertMessage: d(() => [
                 H(P(e.error), 1)
               ]),
@@ -1057,7 +1057,7 @@ const ae = {
             class: "message",
             keypath: t.entityName ? "deleteModal.messageWithName" : "deleteModal.message",
             tag: "p"
-          }, Fe({
+          }, Be({
             entityType: d(() => [
               H(P(t.entityType), 1)
             ]),
@@ -1066,14 +1066,14 @@ const ae = {
             t.entityName ? {
               name: "entityName",
               fn: d(() => [
-                F("strong", null, P(t.entityName), 1)
+                q("strong", null, P(t.entityName), 1)
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["keypath"]),
-          t.description || K.$slots.description ? (h(), N("div", Lt, [
-            J(K.$slots, "description", {}, () => [
-              F("p", null, P(t.description), 1)
+          t.description || $.$slots.description ? (v(), N("div", Lt, [
+            J($.$slots, "description", {}, () => [
+              q("p", null, P(t.description), 1)
             ], !0)
           ])) : Q("", !0)
         ]),
@@ -1104,16 +1104,16 @@ const ae = {
     }
   },
   setup(e) {
-    return (i, t) => (h(), N("svg", zt, [
-      F("mask", Wt, [
-        F("rect", {
+    return (i, t) => (v(), N("svg", zt, [
+      q("mask", Wt, [
+        q("rect", {
           fill: e.color,
           height: "20",
           width: "20"
         }, null, 8, Jt)
       ]),
-      F("g", Gt, [
-        F("path", {
+      q("g", Gt, [
+        q("path", {
           d: "M8 14.5V13H12V14.5H8ZM5 10.75V9.25H15V10.75H5ZM3 7V5.5H17V7H3Z",
           fill: e.color
         }, null, 8, Qt)
@@ -1123,7 +1123,7 @@ const ae = {
 }), Xt = {
   key: 1,
   class: "kong-ui-entity-filter"
-}, Zt = { class: "menu-item-title" }, ea = { class: "menu-item-indicator" }, ta = { class: "menu-item-body" }, aa = ["for"], ia = { class: "menu-item-buttons" }, ra = /* @__PURE__ */ Y({
+}, Zt = { class: "menu-item-title" }, ea = { class: "menu-item-indicator" }, ta = { class: "menu-item-body" }, aa = ["for"], ia = { class: "menu-item-buttons" }, oa = /* @__PURE__ */ Y({
   __name: "EntityFilter",
   props: {
     // filter config, either exact match or fuzzy match
@@ -1143,63 +1143,63 @@ const ae = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: i }) {
-    const t = e, { i18n: { t: a } } = ae.useI18n(), r = C(!1), o = C({}), f = w(() => {
+    const t = e, { i18n: { t: a } } = ae.useI18n(), o = I(!1), r = I({}), y = S(() => {
       const l = [];
-      return new URLSearchParams(t.modelValue).forEach((m, u) => {
-        m !== "" && l.push(u);
+      return new URLSearchParams(t.modelValue).forEach((f, u) => {
+        f !== "" && l.push(u);
       }), l;
-    }), K = w(() => {
+    }), $ = S(() => {
       const l = t.config.fields;
-      return Object.keys(l).filter((m) => l[m].searchable).map((m) => ({
-        label: l[m].label || m,
-        value: m
+      return Object.keys(l).filter((f) => l[f].searchable).map((f) => ({
+        label: l[f].label || f,
+        value: f
       }));
     });
     ie(() => t.modelValue, (l) => {
-      o.value = {}, new URLSearchParams(l).forEach((m, u) => {
-        o.value[u] = m;
+      r.value = {}, new URLSearchParams(l).forEach((f, u) => {
+        r.value[u] = f;
       });
     });
     const g = () => {
-      r.value = !r.value;
-    }, y = (l) => {
+      o.value = !o.value;
+    }, m = (l) => {
       i("update:modelValue", l);
-    }, n = (l) => `filter-${l}`, v = (l) => {
-      var m, u;
-      return (((u = (m = t.config.schema) == null ? void 0 : m[l]) == null ? void 0 : u.values) ?? []).map((c) => ({
+    }, n = (l) => `filter-${l}`, h = (l) => {
+      var f, u;
+      return (((u = (f = t.config.schema) == null ? void 0 : f[l]) == null ? void 0 : u.values) ?? []).map((c) => ({
         value: c,
         label: c
       }));
-    }, T = (l) => {
-      var m, u;
-      return ((u = (m = t.config.schema) == null ? void 0 : m[l]) == null ? void 0 : u.type) ?? "text";
-    }, $ = (l) => {
-      o.value = {
-        ...o.value,
+    }, C = (l) => {
+      var f, u;
+      return ((u = (f = t.config.schema) == null ? void 0 : f[l]) == null ? void 0 : u.type) ?? "text";
+    }, K = (l) => {
+      r.value = {
+        ...r.value,
         [l]: ""
       }, _();
-    }, R = () => {
-      o.value = {}, _(!0);
+    }, M = () => {
+      r.value = {}, _(!0);
     }, _ = (l = !1) => {
-      const m = Object.keys(o.value).reduce((u, c) => (o.value[c] && (u[c] = `${o.value[c]}`), u), {});
-      l && (r.value = !1), i("update:modelValue", new URLSearchParams(m).toString());
+      const f = Object.keys(r.value).reduce((u, c) => (r.value[c] && (u[c] = `${r.value[c]}`), u), {});
+      l && (o.value = !1), i("update:modelValue", new URLSearchParams(f).toString());
     };
-    return (l, m) => {
-      const u = M("KInput"), c = M("KButton"), E = M("KSelect"), q = M("KMenuItem"), A = M("KMenu");
-      return e.config.isExactMatch ? (h(), V(u, {
+    return (l, f) => {
+      const u = E("KInput"), c = E("KButton"), F = E("KSelect"), B = E("KMenuItem"), A = E("KMenu");
+      return e.config.isExactMatch ? (v(), V(u, {
         key: 0,
         autocomplete: "off",
         class: "kong-ui-entity-filter-input",
         "data-testid": "search-input",
         "model-value": e.modelValue,
         placeholder: e.config.placeholder,
-        "onUpdate:modelValue": y
+        "onUpdate:modelValue": m
       }, {
         icon: d(() => [
           k(Yt)
         ]),
         _: 1
-      }, 8, ["model-value", "placeholder"])) : (h(), N("div", Xt, [
+      }, 8, ["model-value", "placeholder"])) : (v(), N("div", Xt, [
         k(c, {
           appearance: "btn-link",
           "data-testid": "filter-button",
@@ -1207,65 +1207,65 @@ const ae = {
           onClick: g
         }, {
           default: d(() => [
-            H(P(s(a)("filter.filterButtonText")) + " " + P(f.value.length > 0 ? `(${f.value.length})` : ""), 1)
+            H(P(s(a)("filter.filterButtonText")) + " " + P(y.value.length > 0 ? `(${y.value.length})` : ""), 1)
           ]),
           _: 1
         }),
-        de(F("div", {
+        de(q("div", {
           class: "kong-ui-entity-filter-backdrop",
           onClick: g
         }, null, 512), [
-          [ue, r.value]
+          [ue, o.value]
         ]),
         de(k(A, { class: "kong-ui-entity-filter-menu" }, {
           body: d(() => [
-            (h(!0), N(Re, null, be(K.value, (I, W) => (h(), V(q, {
-              key: I.value,
-              "data-testid": I.value,
+            (v(!0), N(Re, null, be($.value, (x, W) => (v(), V(B, {
+              key: x.value,
+              "data-testid": x.value,
               expandable: "",
-              "last-menu-item": W === K.value.length - 1
+              "last-menu-item": W === $.value.length - 1
             }, {
               itemTitle: d(() => [
-                F("span", Zt, [
-                  H(P(I.label) + " ", 1),
-                  de(F("span", ea, null, 512), [
-                    [ue, f.value.includes(I.value)]
+                q("span", Zt, [
+                  H(P(x.label) + " ", 1),
+                  de(q("span", ea, null, 512), [
+                    [ue, y.value.includes(x.value)]
                   ])
                 ])
               ]),
               itemBody: d(() => {
                 var j, L;
                 return [
-                  F("div", ta, [
-                    F("label", {
+                  q("div", ta, [
+                    q("label", {
                       class: "menu-item-label",
-                      for: n(I.value)
+                      for: n(x.value)
                     }, P(s(a)("filter.fieldLabel")), 9, aa),
-                    ((L = (j = e.config.schema) == null ? void 0 : j[I.value]) == null ? void 0 : L.type) === "select" ? (h(), V(E, {
+                    ((L = (j = e.config.schema) == null ? void 0 : j[x.value]) == null ? void 0 : L.type) === "select" ? (v(), V(F, {
                       key: 0,
-                      id: n(I.value),
-                      modelValue: o.value[I.value],
-                      "onUpdate:modelValue": (D) => o.value[I.value] = D,
+                      id: n(x.value),
+                      modelValue: r.value[x.value],
+                      "onUpdate:modelValue": (D) => r.value[x.value] = D,
                       appearance: "select",
-                      items: v(I.value),
+                      items: h(x.value),
                       placeholder: s(a)("filter.selectPlaceholder")
-                    }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "items", "placeholder"])) : (h(), V(u, {
+                    }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "items", "placeholder"])) : (v(), V(u, {
                       key: 1,
-                      id: n(I.value),
-                      modelValue: o.value[I.value],
-                      "onUpdate:modelValue": (D) => o.value[I.value] = D,
+                      id: n(x.value),
+                      modelValue: r.value[x.value],
+                      "onUpdate:modelValue": (D) => r.value[x.value] = D,
                       autocomplete: "off",
                       placeholder: s(a)("filter.inputPlaceholder"),
                       size: "small",
-                      type: T(I.value)
+                      type: C(x.value)
                     }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "placeholder", "type"]))
                   ]),
-                  F("div", ia, [
+                  q("div", ia, [
                     k(c, {
                       appearance: "btn-link",
                       "data-testid": "apply-filter",
                       size: "small",
-                      onClick: m[0] || (m[0] = (D) => _(!0))
+                      onClick: f[0] || (f[0] = (D) => _(!0))
                     }, {
                       default: d(() => [
                         H(P(s(a)("filter.applyButtonText")), 1)
@@ -1276,7 +1276,7 @@ const ae = {
                       appearance: "btn-link",
                       "data-testid": "clear-filter",
                       size: "small",
-                      onClick: (D) => $(I.value)
+                      onClick: (D) => K(x.value)
                     }, {
                       default: d(() => [
                         H(P(s(a)("filter.clearButtonText")), 1)
@@ -1290,7 +1290,7 @@ const ae = {
             }, 1032, ["data-testid", "last-menu-item"]))), 128))
           ]),
           actionButton: d(() => [
-            k(c, { onClick: R }, {
+            k(c, { onClick: M }, {
               default: d(() => [
                 H(P(s(a)("filter.clearAllButtonText")), 1)
               ]),
@@ -1299,12 +1299,12 @@ const ae = {
           ]),
           _: 1
         }, 512), [
-          [ue, r.value]
+          [ue, o.value]
         ])
       ]));
     };
   }
-}), oa = /* @__PURE__ */ le(ra, [["__scopeId", "data-v-745f38c0"]]), ve = /* @__PURE__ */ Y({
+}), ra = /* @__PURE__ */ le(oa, [["__scopeId", "data-v-745f38c0"]]), ve = /* @__PURE__ */ Y({
   __name: "PermissionsWrapper",
   props: {
     /**
@@ -1326,10 +1326,10 @@ const ae = {
     }
   },
   setup(e) {
-    const i = e, t = C(void 0), a = w(() => t.value === !0 || t.value !== void 0 && i.forceShow === !0);
+    const i = e, t = I(void 0), a = S(() => t.value === !0 || t.value !== void 0 && i.forceShow === !0);
     return ie(() => i.authFunction, async () => {
       t.value = await i.authFunction();
-    }, { immediate: !0 }), (r, o) => a.value ? J(r.$slots, "default", {
+    }, { immediate: !0 }), (o, r) => a.value ? J(o.$slots, "default", {
       key: 0,
       isAllowed: t.value
     }) : Q("", !0);
@@ -1368,32 +1368,32 @@ const ae = {
     }
   },
   setup(e) {
-    const i = De();
-    return (t, a) => (h(), N("fieldset", {
+    const i = ze();
+    return (t, a) => (v(), N("fieldset", {
       class: ye(["kong-ui-entity-form-section", { "has-divider": e.hasDivider }])
     }, [
-      F("div", na, [
-        e.hideInfoHeader ? Q("", !0) : (h(), N("div", {
+      q("div", na, [
+        e.hideInfoHeader ? Q("", !0) : (v(), N("div", {
           key: 0,
           class: ye(["form-section-info", { sticky: e.stickyInfoHeader }])
         }, [
-          e.title ? (h(), N("h4", la, P(e.title), 1)) : Q("", !0),
-          e.description || s(i).description ? (h(), N("div", sa, [
+          e.title ? (v(), N("h4", la, P(e.title), 1)) : Q("", !0),
+          e.description || s(i).description ? (v(), N("div", sa, [
             J(t.$slots, "description", {}, () => [
-              F("p", null, P(e.description), 1)
+              q("p", null, P(e.description), 1)
             ], !0)
           ])) : Q("", !0),
-          s(i).footer ? (h(), N("div", ca, [
+          s(i).footer ? (v(), N("div", ca, [
             J(t.$slots, "footer", {}, void 0, !0)
           ])) : Q("", !0)
         ], 2)),
-        F("div", da, [
+        q("div", da, [
           J(t.$slots, "default", {}, void 0, !0)
         ])
       ])
     ], 2));
   }
-}), Me = /* @__PURE__ */ le(ua, [["__scopeId", "data-v-8b6dc312"]]), { useAxios: je, useDeleteUrlBuilder: pa, useErrors: fa, useFetchUrlBuilder: Ua, useFetcher: ya, useDebouncedFilter: ma, useStringHelpers: Aa, useGatewayFeatureSupported: Va } = ae, ga = {
+}), Fe = /* @__PURE__ */ le(ua, [["__scopeId", "data-v-8b6dc312"]]), { useAxios: De, useDeleteUrlBuilder: pa, useErrors: fa, useFetchUrlBuilder: Ua, useFetcher: ya, useDebouncedFilter: ma, useStringHelpers: Oa, useGatewayFeatureSupported: Aa } = ae, ga = {
   fail: "Failed to copy id to clipboard",
   success: {
     prefix: "Successfully",
@@ -1402,13 +1402,17 @@ const ae = {
 }, va = "Copy to clipboard", ha = {
   message: ga,
   iconTitle: va
-}, ba = "kong-ui-copy-uuid-notify", ka = { class: "kong-ui-copy-uuid" }, _a = ["title"], Sa = ["onClick"], Ee = 15, wa = /* @__PURE__ */ Y({
+}, ba = "kong-ui-copy-uuid-notify", ka = { class: "kong-ui-copy-uuid" }, _a = ["onClick"], qe = 15, Sa = /* @__PURE__ */ Y({
   __name: "CopyUuid",
   props: {
     uuid: {
       type: String,
       required: !0
     },
+    idTooltip: {
+      type: String,
+      default: ""
+    },
     truncated: {
       type: Boolean,
       default: !0
@@ -1442,57 +1446,62 @@ const ae = {
   },
   emits: ["success", "error"],
   setup(e, { emit: i }) {
-    const t = e, { t: a } = ke("en-us", ha), r = t.notify || We(ba, () => {
-    }), o = w(() => !!(t.tooltip && t.successTooltip)), f = C(t.tooltip), K = w(() => t.tooltip ? {
-      label: f.value,
+    const t = e, { t: a } = ke("en-us", ha), o = t.notify || Ge(ba, () => {
+    }), r = S(() => t.idTooltip ? {
+      label: t.idTooltip,
+      positionFixed: !0,
+      placement: "bottomStart"
+    } : {
+      title: t.uuid
+    }), y = S(() => !!(t.tooltip && t.successTooltip)), $ = I(t.tooltip), g = S(() => t.tooltip ? {
+      label: $.value,
       positionFixed: !0,
       maxWidth: "500px",
       placement: "bottomStart"
-    } : {}), g = w(() => t.format === "redacted" ? "*****" : t.format === "deleted" ? `*${t.uuid.substring(0, 5)}` : t.uuid), y = (v) => {
-      f.value = v, setTimeout(() => {
-        f.value = t.tooltip;
+    } : {}), m = S(() => t.format === "redacted" ? "*****" : t.format === "deleted" ? `*${t.uuid.substring(0, 5)}` : t.uuid), n = (C) => {
+      $.value = C, setTimeout(() => {
+        $.value = t.tooltip;
       }, 1800);
-    }, n = (v) => {
-      if (!v(t.uuid)) {
-        typeof r == "function" && r({
+    }, h = (C) => {
+      if (!C(t.uuid)) {
+        typeof o == "function" && o({
           type: "error",
           message: a("message.fail")
-        }), o.value ? y(a("message.fail")) : i("error", t.uuid);
+        }), y.value ? n(a("message.fail")) : i("error", t.uuid);
         return;
       }
-      const T = t.uuid.length > Ee, $ = t.format === "hidden" || t.format === "redacted" ? a("message.success.prefix") : `"${t.uuid.substring(0, Ee) + (T ? "..." : "")}"`;
-      typeof r == "function" && r({
+      const K = t.uuid.length > qe, M = t.format === "hidden" || t.format === "redacted" ? a("message.success.prefix") : `"${t.uuid.substring(0, qe) + (K ? "..." : "")}"`;
+      typeof o == "function" && o({
         type: "success",
-        message: `${$}${a("message.success.content")}`
-      }), o.value ? y(t.successTooltip) : i("success", t.uuid);
+        message: `${M}${a("message.success.content")}`
+      }), y.value ? n(t.successTooltip) : i("success", t.uuid);
     };
-    return (v, T) => {
-      const $ = M("KIcon"), R = M("KClipboardProvider");
-      return h(), N("div", ka, [
-        e.format !== "hidden" ? (h(), N("div", {
-          key: 0,
-          "data-testid": "copy-id",
-          title: e.uuid
-        }, [
-          F("div", {
-            class: ye([
-              "uuid-container",
-              e.truncated ? "truncated-uuid" : null,
-              e.useMono ? "mono" : null
-            ])
-          }, P(g.value), 3)
-        ], 8, _a)) : Q("", !0),
-        (h(), V(Je(e.tooltip ? "KTooltip" : "div"), Ge(K.value, { class: "uuid-icon-wrapper" }), {
+    return (C, K) => {
+      const M = E("KIcon"), _ = E("KClipboardProvider");
+      return v(), N("div", ka, [
+        e.format !== "hidden" ? (v(), V(Ce(e.idTooltip ? "KTooltip" : "div"), Ie({ key: 0 }, r.value, { "data-testid": "copy-id" }), {
+          default: d(() => [
+            q("div", {
+              class: ye([
+                "uuid-container",
+                e.truncated ? "truncated-uuid" : null,
+                e.useMono ? "mono" : null
+              ])
+            }, P(m.value), 3)
+          ]),
+          _: 1
+        }, 16)) : Q("", !0),
+        (v(), V(Ce(e.tooltip ? "KTooltip" : "div"), Ie(g.value, { class: "uuid-icon-wrapper" }), {
           default: d(() => [
-            k(R, null, {
-              default: d(({ copyToClipboard: _ }) => [
-                F("span", {
+            k(_, null, {
+              default: d(({ copyToClipboard: l }) => [
+                q("span", {
                   "data-testid": "copy-to-clipboard",
                   role: "button",
                   tabindex: "0",
-                  onClick: fe((l) => n(_), ["stop"])
+                  onClick: fe((f) => h(l), ["stop"])
                 }, [
-                  k($, {
+                  k(M, {
                     class: "uuid-icon",
                     color: e.iconColor,
                     "hide-title": !!e.tooltip || void 0,
@@ -1500,7 +1509,7 @@ const ae = {
                     size: "16",
                     title: s(a)("iconTitle")
                   }, null, 8, ["color", "hide-title", "title"])
-                ], 8, Sa)
+                ], 8, _a)
               ]),
               _: 1
             })
@@ -1510,13 +1519,13 @@ const ae = {
       ]);
     };
   }
-}), Ca = (e, i) => {
+}), wa = (e, i) => {
   const t = e.__vccOpts || e;
-  for (const [a, r] of i)
-    t[a] = r;
+  for (const [a, o] of i)
+    t[a] = o;
   return t;
-}, Ia = /* @__PURE__ */ Ca(wa, [["__scopeId", "data-v-e4ea1359"]]);
-const xa = { class: "kong-ui-entities-snis-list" }, Ta = { key: 1 }, $a = { key: 1 }, Ka = /* @__PURE__ */ Y({
+}, Ca = /* @__PURE__ */ wa(Sa, [["__scopeId", "data-v-bfdaf6f7"]]);
+const Ia = { class: "kong-ui-entities-snis-list" }, xa = { key: 1 }, Ta = { key: 1 }, $a = /* @__PURE__ */ Y({
   __name: "SniList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -1558,56 +1567,56 @@ const xa = { class: "kong-ui-entities-snis-list" }, Ta = { key: 1 }, $a = { key:
   emits: ["error", "copy:success", "copy:error", "delete:success"],
   setup(e, { emit: i }) {
     var ne;
-    const t = e, { i18n: { t: a } } = Ne.useI18n(), r = (b, B) => {
-      var U;
+    const t = e, { i18n: { t: a } } = Oe.useI18n(), o = (b, R) => {
+      var O;
       b.type === "error" ? i("copy:error", {
-        entity: B,
+        entity: R,
         field: "certificate.id",
         message: a("errors.copy")
       }) : i("copy:success", {
-        entity: B,
+        entity: R,
         field: "certificate.id",
-        message: a("copy.success", { val: (U = B.certificate) == null ? void 0 : U.id })
+        message: a("copy.success", { val: (O = R.certificate) == null ? void 0 : O.id })
       });
-    }, { axiosInstance: o } = je({
+    }, { axiosInstance: r } = De({
       headers: (ne = t.config) == null ? void 0 : ne.requestHeaders
-    }), f = C(1), K = w(() => t.config.app !== "kongManager" || !!t.config.disableSorting), g = {
+    }), y = I(1), $ = S(() => t.config.app !== "kongManager" || !!t.config.disableSorting), g = {
       name: { label: a("snis.list.table_headers.name"), searchable: !0, sortable: !0 },
       certificate: { label: a("snis.list.table_headers.certificate_id"), sortable: !1 },
       tags: { label: a("snis.list.table_headers.tags"), sortable: !1 }
-    }, y = g, n = (b) => ({
+    }, m = g, n = (b) => ({
       style: {
         maxWidth: b.headerKey === "name" ? "250px" : b.headerKey === "certificate" ? "350px" : null
       }
-    }), v = w(() => {
-      var B, U;
+    }), h = S(() => {
+      var R, O;
       let b = `${t.config.apiBaseUrl}${se.list[t.config.app].all}`;
-      return t.config.app === "konnect" ? b = b.replace(/{controlPlaneId}/gi, ((B = t.config) == null ? void 0 : B.controlPlaneId) || "") : t.config.app === "kongManager" && (b = b.replace(/\/{workspace}/gi, (U = t.config) != null && U.workspace ? `/${t.config.workspace}` : "")), b;
-    }), T = C(""), $ = w(() => {
+      return t.config.app === "konnect" ? b = b.replace(/{controlPlaneId}/gi, ((R = t.config) == null ? void 0 : R.controlPlaneId) || "") : t.config.app === "kongManager" && (b = b.replace(/\/{workspace}/gi, (O = t.config) != null && O.workspace ? `/${t.config.workspace}` : "")), b;
+    }), C = I(""), K = S(() => {
       const b = t.config.app === "konnect" || t.config.isExactMatch;
       if (b)
         return {
           isExactMatch: b,
           placeholder: a("search.placeholder")
         };
-      const { name: B } = g;
+      const { name: R } = g;
       return {
         isExactMatch: b,
-        fields: { name: B },
+        fields: { name: R },
         schema: t.config.filterSchema
       };
-    }), { fetcher: R, fetcherState: _ } = ya(t.config, v.value), l = () => {
-      T.value = "";
-    }, m = () => {
-      f.value++;
-    }, u = C(""), c = C({
+    }), { fetcher: M, fetcherState: _ } = ya(t.config, h.value), l = () => {
+      C.value = "";
+    }, f = () => {
+      y.value++;
+    }, u = I(""), c = I({
       ctaPath: t.config.createRoute,
       ctaText: void 0,
       message: a("snis.list.empty_state.description"),
       title: a("snis.title")
-    }), E = (b, B) => {
-      const U = b.id;
-      if (!B(U)) {
+    }), F = (b, R) => {
+      const O = b.id;
+      if (!R(O)) {
         i("copy:error", {
           entity: b,
           field: "id",
@@ -1618,11 +1627,11 @@ const xa = { class: "kong-ui-entities-snis-list" }, Ta = { key: 1 }, $a = { key:
       i("copy:success", {
         entity: b,
         field: "id",
-        message: a("copy.success", { val: U })
+        message: a("copy.success", { val: O })
       });
-    }, q = (b, B) => {
-      const U = JSON.stringify(b);
-      if (!B(U)) {
+    }, B = (b, R) => {
+      const O = JSON.stringify(b);
+      if (!R(O)) {
         i("copy:error", {
           entity: b,
           message: a("errors.copy")
@@ -1636,18 +1645,18 @@ const xa = { class: "kong-ui-entities-snis-list" }, Ta = { key: 1 }, $a = { key:
     }, A = (b) => ({
       label: a("actions.edit"),
       to: t.config.getEditRoute(b)
-    }), I = C(void 0), W = C(!1), j = C(!1), L = C(""), D = pa(t.config, v.value), X = (b) => {
-      I.value = b, W.value = !0;
-    }, re = () => {
-      W.value = !1, I.value = void 0;
-    }, oe = async () => {
-      var b, B, U;
-      if ((b = I.value) != null && b.id) {
+    }), x = I(void 0), W = I(!1), j = I(!1), L = I(""), D = pa(t.config, h.value), X = (b) => {
+      x.value = b, W.value = !0;
+    }, oe = () => {
+      W.value = !1, x.value = void 0;
+    }, re = async () => {
+      var b, R, O;
+      if ((b = x.value) != null && b.id) {
         j.value = !0;
         try {
-          await o.delete(D(I.value.id)), i("delete:success", I.value), j.value = !1, re(), f.value++;
+          await r.delete(D(x.value.id)), i("delete:success", x.value), j.value = !1, oe(), y.value++;
         } catch (p) {
-          L.value = ((U = (B = p.response) == null ? void 0 : B.data) == null ? void 0 : U.message) || p.message || a("errors.delete"), i("error", p);
+          L.value = ((O = (R = p.response) == null ? void 0 : R.data) == null ? void 0 : O.message) || p.message || a("errors.delete"), i("error", p);
         } finally {
           j.value = !1;
         }
@@ -1661,31 +1670,31 @@ const xa = { class: "kong-ui-entities-snis-list" }, Ta = { key: 1 }, $a = { key:
       u.value = "";
     }), he(async () => {
       await t.canCreate() && (c.value.title = a("snis.list.empty_state.title"), c.value.ctaText = a("actions.create"));
-    }), (b, B) => {
-      const U = M("KButton"), p = M("KBadge"), x = M("KTruncate"), O = M("KDropdownItem"), Z = M("KClipboardProvider");
-      return h(), N("div", xa, [
+    }), (b, R) => {
+      const O = E("KButton"), p = E("KBadge"), T = E("KTruncate"), U = E("KDropdownItem"), Z = E("KClipboardProvider");
+      return v(), N("div", Ia, [
         k(s(Vt), {
           "cache-identifier": e.cacheIdentifier,
           "cell-attributes": n,
           "disable-pagination-page-jump": "",
-          "disable-sorting": K.value,
+          "disable-sorting": $.value,
           "empty-state-options": c.value,
           "enable-entity-actions": "",
           "error-message": u.value,
-          fetcher: s(R),
-          "fetcher-cache-key": f.value,
+          fetcher: s(M),
+          "fetcher-cache-key": y.value,
           "pagination-type": "offset",
           "preferences-storage-key": "kong-ui-entities-snis-list",
-          query: T.value,
-          "table-headers": s(y),
+          query: C.value,
+          "table-headers": s(m),
           onClearSearchInput: l,
-          onSort: m
+          onSort: f
         }, {
           "toolbar-filter": d(() => [
-            k(s(oa), {
-              modelValue: T.value,
-              "onUpdate:modelValue": B[0] || (B[0] = (S) => T.value = S),
-              config: $.value
+            k(s(ra), {
+              modelValue: C.value,
+              "onUpdate:modelValue": R[0] || (R[0] = (w) => C.value = w),
+              config: K.value
             }, null, 8, ["modelValue", "config"])
           ]),
           "toolbar-button": d(() => [
@@ -1693,7 +1702,7 @@ const xa = { class: "kong-ui-entities-snis-list" }, Ta = { key: 1 }, $a = { key:
               "auth-function": () => e.canCreate()
             }, {
               default: d(() => [
-                k(U, {
+                k(O, {
                   appearance: "primary",
                   "data-testid": "toolbar-add-sni",
                   icon: "plus",
@@ -1708,25 +1717,25 @@ const xa = { class: "kong-ui-entities-snis-list" }, Ta = { key: 1 }, $a = { key:
               _: 1
             }, 8, ["auth-function"])
           ]),
-          name: d(({ rowValue: S }) => [
-            F("b", null, P(S ?? "-"), 1)
+          name: d(({ rowValue: w }) => [
+            q("b", null, P(w ?? "-"), 1)
           ]),
-          certificate: d(({ row: S }) => [
-            S.certificate && S.certificate.id ? (h(), V(s(Ia), {
+          certificate: d(({ row: w }) => [
+            w.certificate && w.certificate.id ? (v(), V(s(Ca), {
               key: 0,
               class: "copy-certificate-uuid",
               "data-testid": "copy-certificate-uuid",
-              notify: (G) => r(G, S),
+              notify: (G) => o(G, w),
               truncated: !1,
-              uuid: S.certificate.id
-            }, null, 8, ["notify", "uuid"])) : (h(), N("span", Ta, "-"))
+              uuid: w.certificate.id
+            }, null, 8, ["notify", "uuid"])) : (v(), N("span", xa, "-"))
           ]),
-          tags: d(({ rowValue: S }) => [
-            S != null && S.length ? (h(), V(x, { key: 0 }, {
+          tags: d(({ rowValue: w }) => [
+            w != null && w.length ? (v(), V(T, { key: 0 }, {
               default: d(() => [
-                (h(!0), N(Re, null, be(S, (G) => (h(), V(p, {
+                (v(!0), N(Re, null, be(w, (G) => (v(), V(p, {
                   key: G,
-                  onClick: B[1] || (B[1] = fe(() => {
+                  onClick: R[1] || (R[1] = fe(() => {
                   }, ["stop"]))
                 }, {
                   default: d(() => [
@@ -1736,14 +1745,14 @@ const xa = { class: "kong-ui-entities-snis-list" }, Ta = { key: 1 }, $a = { key:
                 }, 1024))), 128))
               ]),
               _: 2
-            }, 1024)) : (h(), N("span", $a, "-"))
+            }, 1024)) : (v(), N("span", Ta, "-"))
           ]),
-          actions: d(({ row: S }) => [
+          actions: d(({ row: w }) => [
             k(Z, null, {
               default: d(({ copyToClipboard: G }) => [
-                k(O, {
+                k(U, {
                   "data-testid": "action-entity-copy-id",
-                  onClick: (ce) => E(S, G)
+                  onClick: (ce) => F(w, G)
                 }, {
                   default: d(() => [
                     H(P(s(a)("actions.copy_id")), 1)
@@ -1755,9 +1764,9 @@ const xa = { class: "kong-ui-entities-snis-list" }, Ta = { key: 1 }, $a = { key:
             }, 1024),
             k(Z, null, {
               default: d(({ copyToClipboard: G }) => [
-                k(O, {
+                k(U, {
                   "data-testid": "action-entity-copy-json",
-                  onClick: (ce) => q(S, G)
+                  onClick: (ce) => B(w, G)
                 }, {
                   default: d(() => [
                     H(P(s(a)("actions.copy_json")), 1)
@@ -1768,25 +1777,25 @@ const xa = { class: "kong-ui-entities-snis-list" }, Ta = { key: 1 }, $a = { key:
               _: 2
             }, 1024),
             k(s(ve), {
-              "auth-function": () => e.canEdit(S)
+              "auth-function": () => e.canEdit(w)
             }, {
               default: d(() => [
-                k(O, {
+                k(U, {
                   "data-testid": "action-entity-edit",
-                  item: A(S.id)
+                  item: A(w.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
             k(s(ve), {
-              "auth-function": () => e.canDelete(S)
+              "auth-function": () => e.canDelete(w)
             }, {
               default: d(() => [
-                k(O, {
+                k(U, {
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
                   "is-dangerous": "",
-                  onClick: (G) => X(S)
+                  onClick: (G) => X(w)
                 }, {
                   default: d(() => [
                     H(P(s(a)("actions.delete")), 1)
@@ -1802,29 +1811,29 @@ const xa = { class: "kong-ui-entities-snis-list" }, Ta = { key: 1 }, $a = { key:
         k(s(Ht), {
           "action-pending": j.value,
           description: s(a)("delete.description"),
-          "entity-name": I.value && (I.value.name || I.value.id),
-          "entity-type": s(Oe).SNI,
+          "entity-name": x.value && (x.value.name || x.value.id),
+          "entity-type": s(Ae).SNI,
           error: L.value,
           "need-confirm": !1,
           title: s(a)("delete.title"),
           visible: W.value,
-          onCancel: re,
-          onProceed: oe
+          onCancel: oe,
+          onProceed: re
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
       ]);
     };
   }
 });
-const Le = (e, i) => {
+const He = (e, i) => {
   const t = e.__vccOpts || e;
-  for (const [a, r] of i)
-    t[a] = r;
+  for (const [a, o] of i)
+    t[a] = o;
   return t;
-}, ja = /* @__PURE__ */ Le(Ka, [["__scopeId", "data-v-363811ed"]]), Pa = { class: "kong-ui-entities-snis-form" }, Ma = { "data-testid": "no-search-results" }, Ea = {
+}, Va = /* @__PURE__ */ He($a, [["__scopeId", "data-v-363811ed"]]), Ka = { class: "kong-ui-entities-snis-form" }, Pa = { "data-testid": "no-search-results" }, Ea = {
   key: 2,
   class: "invalid-certificate-message",
   "data-testid": "invalid-certificate-message"
-}, Fa = /* @__PURE__ */ Y({
+}, Ma = /* @__PURE__ */ Y({
   __name: "SniForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -1842,10 +1851,10 @@ const Le = (e, i) => {
   },
   emits: ["update", "error", "loading"],
   setup(e, { emit: i }) {
-    var U;
-    const t = e, a = Be(), { i18n: { t: r } } = Ne.useI18n(), { getMessageFromError: o } = fa(), { axiosInstance: f } = je({
-      headers: (U = t.config) == null ? void 0 : U.requestHeaders
-    }), K = w(() => se.form[t.config.app].edit), g = w(() => t.sniId ? pe.Edit : pe.Create), y = w(() => t.config.certificateId && g.value === pe.Create ? t.config.certificateId : ""), n = Ce({
+    var O;
+    const t = e, a = Ue(), { i18n: { t: o } } = Oe.useI18n(), { getMessageFromError: r } = fa(), { axiosInstance: y } = De({
+      headers: (O = t.config) == null ? void 0 : O.requestHeaders
+    }), $ = S(() => se.form[t.config.app].edit), g = S(() => t.sniId ? pe.Edit : pe.Create), m = S(() => t.config.certificateId && g.value === pe.Create ? t.config.certificateId : ""), n = xe({
       fields: {
         name: "",
         tags: "",
@@ -1853,158 +1862,158 @@ const Le = (e, i) => {
       },
       isReadonly: !1,
       errorMessage: ""
-    }), v = Ce({
+    }), h = xe({
       name: "",
       tags: "",
       certificate_id: ""
-    }), T = w(() => JSON.stringify(n.fields) !== JSON.stringify(v) && !!n.fields.name && !!(n.fields.certificate_id || y.value)), $ = (p) => {
-      var x, O;
-      n.fields.name = (p == null ? void 0 : p.name) || "", n.fields.tags = ((x = p == null ? void 0 : p.tags) == null ? void 0 : x.join(", ")) || "", n.fields.certificate_id = ((O = p == null ? void 0 : p.certificate) == null ? void 0 : O.id) || "", Object.assign(v, n.fields);
-    }, R = () => {
+    }), C = S(() => JSON.stringify(n.fields) !== JSON.stringify(h) && !!n.fields.name && !!(n.fields.certificate_id || m.value)), K = (p) => {
+      var T, U;
+      n.fields.name = (p == null ? void 0 : p.name) || "", n.fields.tags = ((T = p == null ? void 0 : p.tags) == null ? void 0 : T.join(", ")) || "", n.fields.certificate_id = ((U = p == null ? void 0 : p.certificate) == null ? void 0 : U.id) || "", Object.assign(h, n.fields);
+    }, M = () => {
       a.push(t.config.cancelRoute);
-    }, _ = w(() => {
-      var x, O;
+    }, _ = S(() => {
+      var T, U;
       let p = `${t.config.apiBaseUrl}${se.form[t.config.app].validate}`;
-      return t.config.app === "konnect" ? p = p.replace(/{controlPlaneId}/gi, ((x = t.config) == null ? void 0 : x.controlPlaneId) || "") : t.config.app === "kongManager" && (p = p.replace(/\/{workspace}/gi, (O = t.config) != null && O.workspace ? `/${t.config.workspace}` : "")), p = p.replace(/{id}/gi, t.sniId), p;
-    }), l = w(() => {
-      var x, O;
+      return t.config.app === "konnect" ? p = p.replace(/{controlPlaneId}/gi, ((T = t.config) == null ? void 0 : T.controlPlaneId) || "") : t.config.app === "kongManager" && (p = p.replace(/\/{workspace}/gi, (U = t.config) != null && U.workspace ? `/${t.config.workspace}` : "")), p = p.replace(/{id}/gi, t.sniId), p;
+    }), l = S(() => {
+      var T, U;
       let p = `${t.config.apiBaseUrl}${se.form[t.config.app][g.value]}`;
-      return t.config.app === "konnect" ? p = p.replace(/{controlPlaneId}/gi, ((x = t.config) == null ? void 0 : x.controlPlaneId) || "") : t.config.app === "kongManager" && (p = p.replace(/\/{workspace}/gi, (O = t.config) != null && O.workspace ? `/${t.config.workspace}` : "")), p = p.replace(/{id}/gi, t.sniId), p;
-    }), m = async () => {
-      var p, x, O, Z, S, G, ce, we;
+      return t.config.app === "konnect" ? p = p.replace(/{controlPlaneId}/gi, ((T = t.config) == null ? void 0 : T.controlPlaneId) || "") : t.config.app === "kongManager" && (p = p.replace(/\/{workspace}/gi, (U = t.config) != null && U.workspace ? `/${t.config.workspace}` : "")), p = p.replace(/{id}/gi, t.sniId), p;
+    }), f = async () => {
+      var p, T, U, Z, w, G, ce, we;
       try {
         n.isReadonly = !0;
         const ee = {
           name: n.fields.name,
-          tags: (x = (p = n.fields.tags.split(",")) == null ? void 0 : p.map((me) => String(me || "").trim())) == null ? void 0 : x.filter((me) => me !== ""),
-          certificate: { id: y.value || n.fields.certificate_id }
+          tags: (T = (p = n.fields.tags.split(",")) == null ? void 0 : p.map((me) => String(me || "").trim())) == null ? void 0 : T.filter((me) => me !== ""),
+          certificate: { id: m.value || n.fields.certificate_id }
         };
         let z;
-        await f.post(_.value, ee), g.value === "create" ? z = await f.post(l.value, ee) : g.value === "edit" && (z = ((O = t.config) == null ? void 0 : O.app) === "konnect" ? await f.put(l.value, ee) : await f.patch(l.value, ee)), n.fields.name = ((Z = z == null ? void 0 : z.data) == null ? void 0 : Z.name) || "", n.fields.tags = ((G = (S = z == null ? void 0 : z.data) == null ? void 0 : S.tags) == null ? void 0 : G.join(", ")) || "", n.fields.certificate_id = ((we = (ce = z == null ? void 0 : z.data) == null ? void 0 : ce.certificate) == null ? void 0 : we.id) || "", Object.assign(v, n.fields), i("update", z == null ? void 0 : z.data);
+        await y.post(_.value, ee), g.value === "create" ? z = await y.post(l.value, ee) : g.value === "edit" && (z = ((U = t.config) == null ? void 0 : U.app) === "konnect" ? await y.put(l.value, ee) : await y.patch(l.value, ee)), n.fields.name = ((Z = z == null ? void 0 : z.data) == null ? void 0 : Z.name) || "", n.fields.tags = ((G = (w = z == null ? void 0 : z.data) == null ? void 0 : w.tags) == null ? void 0 : G.join(", ")) || "", n.fields.certificate_id = ((we = (ce = z == null ? void 0 : z.data) == null ? void 0 : ce.certificate) == null ? void 0 : we.id) || "", Object.assign(h, n.fields), i("update", z == null ? void 0 : z.data);
       } catch (ee) {
-        n.errorMessage = o(ee), i("error", ee);
+        n.errorMessage = r(ee), i("error", ee);
       } finally {
         n.isReadonly = !1;
       }
     }, {
       debouncedQueryChange: u,
       loading: c,
-      allRecords: E,
-      error: q,
+      allRecords: F,
+      error: B,
       validationError: A,
-      loadItems: I,
+      loadItems: x,
       results: W
-    } = ma(t.config, se.form[t.config.app].certificates), j = C(!0), L = (p) => {
+    } = ma(t.config, se.form[t.config.app].certificates), j = I(!0), L = (p) => {
       j.value = !p, u(p);
-    }, D = w(() => q.value ? r("errors.certificates.fetch") : ""), X = w(() => A.value ? r("errors.certificates.invalid") : ""), re = C(0), oe = w(() => E.value === void 0), ne = C(/* @__PURE__ */ new Set()), b = w(() => Array.from(ne.value).map((x) => ({
-      label: x,
-      value: x,
-      selected: n.fields.certificate_id === x
-    }))), B = (p) => {
+    }, D = S(() => B.value ? o("errors.certificates.fetch") : ""), X = S(() => A.value ? o("errors.certificates.invalid") : ""), oe = I(0), re = S(() => F.value === void 0), ne = I(/* @__PURE__ */ new Set()), b = S(() => Array.from(ne.value).map((T) => ({
+      label: T,
+      value: T,
+      selected: n.fields.certificate_id === T
+    }))), R = (p) => {
       ne.value.clear();
-      let x;
-      for (x of p)
-        ne.value.add(x.id);
+      let T;
+      for (T of p)
+        ne.value.add(T.id);
     };
     return ie(W, (p) => {
-      B(p);
+      R(p);
     }, { immediate: !0, deep: !0 }), ie(b, () => {
-      re.value++;
+      oe.value++;
     }, { immediate: !0, deep: !0 }), he(async () => {
-      await I();
-    }), (p, x) => {
-      const O = M("KInput"), Z = M("KSelect");
-      return h(), N("div", Pa, [
+      await x();
+    }), (p, T) => {
+      const U = E("KInput"), Z = E("KSelect");
+      return v(), N("div", Ka, [
         k(s(Ft), {
-          "can-submit": T.value,
+          "can-submit": C.value,
           config: e.config,
           "edit-id": e.sniId,
           "error-message": n.errorMessage || D.value,
-          "fetch-url": K.value,
+          "fetch-url": $.value,
           "is-readonly": n.isReadonly,
-          onCancel: R,
-          "onFetch:error": x[3] || (x[3] = (S) => p.$emit("error", S)),
-          "onFetch:success": $,
-          onLoading: x[4] || (x[4] = (S) => p.$emit("loading", S)),
-          onSubmit: m
+          onCancel: M,
+          "onFetch:error": T[3] || (T[3] = (w) => p.$emit("error", w)),
+          "onFetch:success": K,
+          onLoading: T[4] || (T[4] = (w) => p.$emit("loading", w)),
+          onSubmit: f
         }, {
           default: d(() => [
-            k(s(Me), {
-              description: s(r)("form.sections.general.description"),
-              title: s(r)("form.sections.general.title")
+            k(s(Fe), {
+              description: s(o)("form.sections.general.description"),
+              title: s(o)("form.sections.general.title")
             }, {
               default: d(() => [
-                k(O, {
+                k(U, {
                   modelValue: n.fields.name,
-                  "onUpdate:modelValue": x[0] || (x[0] = (S) => n.fields.name = S),
+                  "onUpdate:modelValue": T[0] || (T[0] = (w) => n.fields.name = w),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "sni-form-name",
-                  label: s(r)("form.fields.name.label"),
-                  placeholder: s(r)("form.fields.name.placeholder"),
+                  label: s(o)("form.fields.name.label"),
+                  placeholder: s(o)("form.fields.name.placeholder"),
                   readonly: n.isReadonly,
                   required: "",
                   type: "text"
                 }, null, 8, ["modelValue", "label", "placeholder", "readonly"]),
-                k(O, {
+                k(U, {
                   modelValue: n.fields.tags,
-                  "onUpdate:modelValue": x[1] || (x[1] = (S) => n.fields.tags = S),
+                  "onUpdate:modelValue": T[1] || (T[1] = (w) => n.fields.tags = w),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "sni-form-tags",
-                  help: s(r)("form.fields.tags.help"),
-                  label: s(r)("form.fields.tags.label"),
-                  "label-attributes": { help: s(r)("form.fields.tags.tooltip") },
-                  placeholder: s(r)("form.fields.tags.placeholder"),
+                  help: s(o)("form.fields.tags.help"),
+                  label: s(o)("form.fields.tags.label"),
+                  "label-attributes": { help: s(o)("form.fields.tags.tooltip") },
+                  placeholder: s(o)("form.fields.tags.placeholder"),
                   readonly: n.isReadonly,
                   type: "text"
                 }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"])
               ]),
               _: 1
             }, 8, ["description", "title"]),
-            k(s(Me), {
-              description: s(r)("form.sections.certificate.description"),
+            k(s(Fe), {
+              description: s(o)("form.sections.certificate.description"),
               "has-divider": "",
-              title: s(r)("form.sections.certificate.title")
+              title: s(o)("form.sections.certificate.title")
             }, {
               default: d(() => [
-                y.value ? (h(), V(O, {
+                m.value ? (v(), V(U, {
                   key: 0,
                   "data-testid": "sni-form-certificate-id",
-                  label: s(r)("form.fields.certificate_id.label"),
-                  "model-value": y.value,
+                  label: s(o)("form.fields.certificate_id.label"),
+                  "model-value": m.value,
                   readonly: "",
                   required: "",
                   width: "100%"
-                }, null, 8, ["label", "model-value"])) : (h(), V(Z, {
+                }, null, 8, ["label", "model-value"])) : (v(), V(Z, {
                   key: 1,
                   modelValue: n.fields.certificate_id,
-                  "onUpdate:modelValue": x[2] || (x[2] = (S) => n.fields.certificate_id = S),
+                  "onUpdate:modelValue": T[2] || (T[2] = (w) => n.fields.certificate_id = w),
                   appearance: "select",
                   autosuggest: "",
                   class: ye({ "k-select-placeholder": j.value }),
                   clearable: "",
                   "data-testid": "sni-form-certificate-id",
-                  "dropdown-footer-text": oe.value ? s(r)("form.fields.certificate_id.footer") : void 0,
+                  "dropdown-footer-text": re.value ? s(o)("form.fields.certificate_id.footer") : void 0,
                   "enable-filtering": "",
                   items: b.value,
-                  label: s(r)("form.fields.certificate_id.label"),
+                  label: s(o)("form.fields.certificate_id.label"),
                   loading: s(c),
-                  placeholder: s(r)("form.fields.certificate_id.placeholder"),
+                  placeholder: s(o)("form.fields.certificate_id.placeholder"),
                   readonly: n.isReadonly,
                   required: "",
                   width: "100%",
                   onQueryChange: L
                 }, {
                   loading: d(() => [
-                    F("div", null, P(s(r)("actions.loading")), 1)
+                    q("div", null, P(s(o)("actions.loading")), 1)
                   ]),
                   empty: d(() => [
-                    F("div", Ma, P(s(r)("search.no_results")), 1)
+                    q("div", Pa, P(s(o)("search.no_results")), 1)
                   ]),
                   _: 1
                 }, 8, ["modelValue", "class", "dropdown-footer-text", "items", "label", "loading", "placeholder", "readonly"])),
-                X.value ? (h(), N("p", Ea, P(X.value), 1)) : Q("", !0)
+                X.value ? (v(), N("p", Ea, P(X.value), 1)) : Q("", !0)
               ]),
               _: 1
             }, 8, ["description", "title"])
@@ -2015,8 +2024,8 @@ const Le = (e, i) => {
     };
   }
 });
-const La = /* @__PURE__ */ Le(Fa, [["__scopeId", "data-v-4d04a730"]]);
+const ja = /* @__PURE__ */ He(Ma, [["__scopeId", "data-v-4d04a730"]]);
 export {
-  La as SniForm,
-  ja as SniList
+  ja as SniForm,
+  Va as SniList
 };