@kong-ui-public/entities-snis 2.0.4 → 2.0.5

package/dist/entities-snis.es.js

@@ -1,8 +1,8 @@
-import { defineComponent as X, ref as x, computed as S, watch as te, renderSlot as Z, createCommentVNode as Q, unref as s, onBeforeMount as Ie, resolveComponent as F, openBlock as k, createBlock as L, withCtx as u, createElementVNode as K, toDisplayString as O, createElementBlock as P, withModifiers as ve, createVNode as I, createTextVNode as W, createSlots as ze, withDirectives as ye, vShow as me, renderList as Ce, Fragment as We, useSlots as st, normalizeClass as he, onMounted as ct, onUnmounted as ut, inject as dt, resolveDynamicComponent as Se, mergeProps as Oe, normalizeStyle as pt, pushScopeId as ft, popScopeId as yt, reactive as Ke } from "vue";
+import { defineComponent as ee, ref as C, computed as w, watch as re, renderSlot as G, createCommentVNode as X, unref as s, onBeforeMount as Ie, resolveComponent as F, openBlock as b, createBlock as D, withCtx as d, createElementVNode as M, toDisplayString as O, createElementBlock as q, withModifiers as ve, createVNode as I, createTextVNode as J, createSlots as ze, withDirectives as ye, vShow as me, renderList as Ce, Fragment as We, useSlots as st, normalizeClass as he, onMounted as ct, onUnmounted as ut, inject as dt, resolveDynamicComponent as Se, mergeProps as Oe, normalizeStyle as pt, pushScopeId as ft, popScopeId as yt, reactive as Me } from "vue";
 import { createI18n as xe, i18nTComponent as Je } from "@kong-ui-public/i18n";
 import mt from "axios";
 import "@kong/kongponents";
-import { useRouter as Ze } from "vue-router";
+import { useRouter as Ye } from "vue-router";
 const gt = {
   create: "New SNI",
   copy_id: "Copy ID",
@@ -90,7 +90,7 @@ function _t() {
     // Translation component <i18n-t>
   };
 }
-const Ye = {
+const Ze = {
   useI18n: _t
 }, de = {
   list: {
@@ -116,7 +116,7 @@ const Ye = {
     }
   }
 };
-var Ge = /* @__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))(Ge || {}), ge = /* @__PURE__ */ ((e) => (e.Edit = "edit", e.Create = "create", e))(ge || {}), ne = /* @__PURE__ */ ((e) => (e[e.Loading = 0] = "Loading", e[e.Idle = 1] = "Idle", e[e.NoResults = 2] = "NoResults", e[e.Error = 3] = "Error", e))(ne || {});
+var Ge = /* @__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))(Ge || {}), ge = /* @__PURE__ */ ((e) => (e.Edit = "edit", e.Create = "create", e))(ge || {}), ie = /* @__PURE__ */ ((e) => (e[e.Loading = 0] = "Loading", e[e.Idle = 1] = "Idle", e[e.NoResults = 2] = "NoResults", e[e.Error = 3] = "Error", e))(ie || {});
 function Te(e = {}) {
   return {
     axiosInstance: mt.create({
@@ -242,7 +242,7 @@ const Tt = {
   applyButtonText: "Apply",
   clearButtonText: "Clear",
   clearAllButtonText: "Clear all filters"
-}, Kt = {
+}, Mt = {
   errors: {
     fetch: "Could not fetch available items",
     invalid: "Please select a valid value"
@@ -250,7 +250,7 @@ const Tt = {
 }, Ft = {
   unexpected: "An unexpected error has occurred",
   dataKeyUndefined: 'The data key "{dataKey}" does not exist in the response.'
-}, jt = {
+}, Kt = {
   enable: {
     title: "Enable {entityType}",
     message: "Are you sure you want to enable the {entityType} {entityName}?",
@@ -261,19 +261,19 @@ const Tt = {
     message: "Are you sure you want to disable the {entityType} {entityName}?",
     confirmText: "Yes, disable"
   }
-}, Mt = {
+}, jt = {
   global: Tt,
   deleteModal: Nt,
   baseForm: Et,
   baseTable: At,
   baseConfigCard: $t,
   filter: Ot,
-  debouncedFilter: Kt,
+  debouncedFilter: Mt,
   errors: Ft,
-  toggleModal: jt
+  toggleModal: Kt
 };
 function Ne() {
-  const e = xe("en-us", Mt);
+  const e = xe("en-us", jt);
   return {
     i18n: e,
     i18nT: Je(e)
@@ -286,7 +286,7 @@ function Qe() {
       return !1;
     const n = /* @__PURE__ */ new Set([...t, ...a]);
     for (const i of n) {
-      const o = t.filter((d) => d === i).length, f = a.filter((d) => d === i).length;
+      const o = t.filter((p) => p === i).length, f = a.filter((p) => p === i).length;
       if (o !== f)
         return !1;
     }
@@ -331,84 +331,84 @@ function Pt(e, r, t, a = {
   t || (t = "100");
   const { axiosInstance: n } = Te({
     headers: e.requestHeaders
-  }), { i18n: { t: i } } = Ne(), { debounce: o } = It(), f = o(async (b) => {
-    await p(b);
-  }, 200), d = x(!1), y = x(""), l = x(""), g = x([]), w = x([]), T = x(void 0), U = s(r);
-  let v = `${e.apiBaseUrl}${U}`;
+  }), { i18n: { t: i } } = Ne(), { debounce: o } = It(), f = o(async (u) => {
+    await P(u);
+  }, 200), p = C(!1), y = C(""), l = C(""), g = C([]), S = C([]), x = C(void 0), V = s(r);
+  let v = `${e.apiBaseUrl}${V}`;
   e.app === "konnect" ? v = v.replace(/{controlPlaneId}/gi, (e == null ? void 0 : e.controlPlaneId) || "") : e.app === "kongManager" && (v = v.replace(/\/{workspace}/gi, e != null && e.workspace ? `/${e.workspace}` : ""));
   const { isValidUuid: c } = Qe(), h = async () => {
     try {
-      d.value = !0;
-      const { data: b } = await n.get(`${v}?size=${t}`);
-      b != null && b.next || (T.value = a.fetchedItemsKey in b ? b[a.fetchedItemsKey] : []), w.value = a.fetchedItemsKey in b ? b[a.fetchedItemsKey] : [], g.value = w.value;
+      p.value = !0;
+      const { data: u } = await n.get(`${v}?size=${t}`);
+      u != null && u.next || (x.value = a.fetchedItemsKey in u ? u[a.fetchedItemsKey] : []), S.value = a.fetchedItemsKey in u ? u[a.fetchedItemsKey] : [], g.value = S.value;
     } catch {
       g.value = [], y.value = i("debouncedFilter.errors.fetch");
     } finally {
-      d.value = !1;
+      p.value = !1;
     }
-  }, C = x(""), p = async (b) => {
-    var H, Y, E;
-    if (C.value !== b)
-      if (C.value = b || "", T.value === void 0)
+  }, _ = C(""), P = async (u) => {
+    var $, z, E;
+    if (_.value !== u)
+      if (_.value = u || "", x.value === void 0)
         try {
-          if (d.value = !0, y.value = "", l.value = "", e.app === "konnect") {
-            let M = v + "";
-            b && (M += `/${b}`);
-            const { data: j } = await n.get(`${M}?size=${t}`);
-            a.fetchedItemsKey in j ? g.value = j[a.fetchedItemsKey] : j != null && j.id ? g.value = [j] : g.value = [];
-          } else if (b) {
-            const M = [];
-            c(b) && a.searchKeys.includes("id") ? M.push((async () => {
-              const { data: $ } = await n.get(`${v}/${b}`);
-              return [$[a.fetchedItemsKey] ?? $];
-            })()) : M.push(
-              ...a.searchKeys.filter(($) => $ !== "id").map(async ($) => {
-                const { data: D } = await n.get(`${v}?${$}=${b}`);
-                return D[a.fetchedItemsKey];
+          if (p.value = !0, y.value = "", l.value = "", e.app === "konnect") {
+            let R = v + "";
+            u && (R += `/${u}`);
+            const { data: K } = await n.get(`${R}?size=${t}`);
+            a.fetchedItemsKey in K ? g.value = K[a.fetchedItemsKey] : K != null && K.id ? g.value = [K] : g.value = [];
+          } else if (u) {
+            const R = [];
+            c(u) && a.searchKeys.includes("id") ? R.push((async () => {
+              const { data: N } = await n.get(`${v}/${u}`);
+              return [N[a.fetchedItemsKey] ?? N];
+            })()) : R.push(
+              ...a.searchKeys.filter((N) => N !== "id").map(async (N) => {
+                const { data: L } = await n.get(`${v}?${N}=${u}`);
+                return L[a.fetchedItemsKey];
               })
             );
-            const j = await Promise.all(M), B = /* @__PURE__ */ new Set();
-            g.value = [], (H = j == null ? void 0 : j.forEach) == null || H.call(j, ($) => {
-              var D;
-              (D = $ == null ? void 0 : $.forEach) == null || D.call($, (ee) => {
-                B.has(ee.id) || (B.add(ee.id), g.value.push(ee));
+            const K = await Promise.all(R), W = /* @__PURE__ */ new Set();
+            g.value = [], ($ = K == null ? void 0 : K.forEach) == null || $.call(K, (N) => {
+              var L;
+              (L = N == null ? void 0 : N.forEach) == null || L.call(N, (Z) => {
+                W.has(Z.id) || (W.add(Z.id), g.value.push(Z));
               });
             });
           } else
-            g.value = w.value;
-        } catch (M) {
-          ((Y = M == null ? void 0 : M.response) == null ? void 0 : Y.status) === 404 ? l.value = i("debouncedFilter.errors.invalid") : (g.value = [], y.value = i("debouncedFilter.errors.fetch"));
+            g.value = S.value;
+        } catch (R) {
+          ((z = R == null ? void 0 : R.response) == null ? void 0 : z.status) === 404 ? l.value = i("debouncedFilter.errors.invalid") : (g.value = [], y.value = i("debouncedFilter.errors.fetch"));
         } finally {
-          d.value = !1;
+          p.value = !1;
         }
       else
-        d.value = !0, l.value = "", b ? (g.value = (E = T.value) == null ? void 0 : E.filter((M) => {
-          var j;
-          let B = !1;
-          for (const $ of a.searchKeys) {
-            const D = typeof M[$] == "string" ? (j = M[$]) == null ? void 0 : j.toLowerCase() : M[$];
-            D != null && D.includes(b.toLowerCase()) && (B = !0);
+        p.value = !0, l.value = "", u ? (g.value = (E = x.value) == null ? void 0 : E.filter((R) => {
+          var K;
+          let W = !1;
+          for (const N of a.searchKeys) {
+            const L = typeof R[N] == "string" ? (K = R[N]) == null ? void 0 : K.toLowerCase() : R[N];
+            L != null && L.includes(u.toLowerCase()) && (W = !0);
           }
-          return B;
-        }), (!g.value || !g.value.length) && (l.value = i("debouncedFilter.errors.invalid"))) : g.value = T.value, d.value = !1;
+          return W;
+        }), (!g.value || !g.value.length) && (l.value = i("debouncedFilter.errors.invalid"))) : g.value = x.value, p.value = !1;
   };
   return {
-    loading: d,
+    loading: p,
     error: y,
     validationError: l,
     results: g,
-    allRecords: T,
+    allRecords: x,
     loadItems: h,
     debouncedQueryChange: f
   };
 }
 function Rt(e, r) {
-  const t = s(r), a = S(
+  const t = s(r), a = w(
     () => e.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${t}`) : new URL(t)
   );
   return a.value.search = "", (n) => `${a.value.href}/${n}`;
 }
-function Ut() {
+function qt() {
   const { i18n: { t: e } } = Ne();
   return {
     getMessageFromError: (r) => {
@@ -448,36 +448,36 @@ function Bt(e) {
   }
 }
 function Xe(e, r) {
-  const t = x(s(e)), a = x(s(r)), n = S(
+  const t = C(s(e)), a = C(s(r)), n = w(
     () => !!(t.value.app === "konnect" || t.value.isExactMatch)
-  ), i = S(
+  ), i = w(
     () => a.value.startsWith("/") ? new URL(`${window.location.origin}${a.value}`) : new URL(a.value)
   );
   return (o) => {
-    const { page: f, pageSize: d, offset: y, sortColumnKey: l, sortColumnOrder: g, query: w } = o;
+    const { page: f, pageSize: p, offset: y, sortColumnKey: l, sortColumnOrder: g, query: S } = o;
     try {
-      let T = new URL(i.value.href);
-      return n.value && w ? (T.search = "", T = new URL(`${T.href}/${w}/`)) : (n.value || new URLSearchParams(w).forEach((U, v) => {
-        T.searchParams.append(v, U);
-      }), l && T.searchParams.append("sort_by", l), g === "desc" && T.searchParams.append("sort_desc", "1"), T.searchParams.append("size", String(d))), y && f !== 1 && T.searchParams.append("offset", String(y)), T.href;
-    } catch (T) {
-      return console.error("RouteList(fetcher)", T), a.value;
+      let x = new URL(i.value.href);
+      return n.value && S ? (x.search = "", x = new URL(`${x.href}/${S}/`)) : (n.value || new URLSearchParams(S).forEach((V, v) => {
+        x.searchParams.append(v, V);
+      }), l && x.searchParams.append("sort_by", l), g === "desc" && x.searchParams.append("sort_desc", "1"), x.searchParams.append("size", String(p))), y && f !== 1 && x.searchParams.append("offset", String(y)), x.href;
+    } catch (x) {
+      return console.error("RouteList(fetcher)", x), a.value;
     }
   };
 }
 function Vt(e, r, t = "data") {
   const a = s(r), { axiosInstance: n } = Te({
     headers: e.requestHeaders
-  }), i = Xe(e, a), o = x({
-    status: ne.Idle
+  }), i = Xe(e, a), o = C({
+    status: ie.Idle
   });
   return { fetcher: async (f) => {
     try {
-      o.value = { status: ne.Loading };
-      const d = i(f), { data: y } = await n.get(d), l = t && t.replace(/[^\w-_]/gi, "");
+      o.value = { status: ie.Loading };
+      const p = i(f), { data: y } = await n.get(p), l = t && t.replace(/[^\w-_]/gi, "");
       let g;
       y[l] && Array.isArray(y[l]) ? g = y[l] : g = Object.keys(y).length ? [y] : [];
-      const w = {
+      const S = {
         data: g,
         total: g.length,
         ...y.offset ? {
@@ -487,27 +487,27 @@ function Vt(e, r, t = "data") {
         } : null
       };
       return o.value = {
-        status: ne.Idle,
-        response: w
-      }, w;
-    } catch (d) {
+        status: ie.Idle,
+        response: S
+      }, S;
+    } catch (p) {
       const y = {
         data: [],
         total: 0
       };
-      return f.query && d.response.status === 404 ? (o.value = {
-        status: ne.NoResults,
+      return f.query && p.response.status === 404 ? (o.value = {
+        status: ie.NoResults,
         response: y,
-        error: d
+        error: p
       }, y) : (o.value = {
-        status: ne.Error,
+        status: ie.Error,
         response: y,
-        error: d
+        error: p
       }, y);
     }
   }, fetcherState: o };
 }
-function qt() {
+function Ut() {
   const e = (t, a = "_") => t ? t.split(a).map((n) => n.toLowerCase() === "id" ? n.toUpperCase() : n.charAt(0).toUpperCase() + n.substring(1)).join(" ") : "", r = /(?:^|[\s-:'"])\w/g;
   return {
     capitalize: (t) => t ? t.replace(r, (a) => a.toUpperCase()) : "",
@@ -521,13 +521,13 @@ const et = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-(
   if (!r)
     throw new Error(`Invalid argument not valid semver ('${e}' received)`);
   return r.shift(), r;
-}, je = (e) => e === "*" || e === "x" || e === "X", Me = (e) => {
+}, Ke = (e) => e === "*" || e === "x" || e === "X", je = (e) => {
   const r = parseInt(e, 10);
   return isNaN(r) ? e : r;
 }, Lt = (e, r) => typeof e != typeof r ? [String(e), String(r)] : [e, r], Dt = (e, r) => {
-  if (je(e) || je(r))
+  if (Ke(e) || Ke(r))
     return 0;
-  const [t, a] = Lt(Me(e), Me(r));
+  const [t, a] = Lt(je(e), je(r));
   return t > a ? 1 : t < a ? -1 : 0;
 }, Pe = (e, r) => {
   for (let t = 0; t < Math.max(e.length, r.length); t++) {
@@ -550,11 +550,11 @@ const et = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-(
   "<=": [-1, 0],
   "<": [-1],
   "!=": [-1, 1]
-}, Ue = Object.keys(tt), zt = (e) => {
+}, qe = Object.keys(tt), zt = (e) => {
   if (typeof e != "string")
     throw new TypeError(`Invalid operator type, expected string but got ${typeof e}`);
-  if (Ue.indexOf(e) === -1)
-    throw new Error(`Invalid operator, expected one of ${Ue.join("|")}`);
+  if (qe.indexOf(e) === -1)
+    throw new Error(`Invalid operator, expected one of ${qe.join("|")}`);
 }, Wt = (e) => typeof e == "string" && /^[v\d]/.test(e) && et.test(e);
 function Jt(e) {
   const { gatewayInfo: r, supportedRange: t } = e;
@@ -569,33 +569,33 @@ function Jt(e) {
   const [o, f] = i;
   return !(o && Re(n, o, "<") || f && Re(n, f, ">"));
 }
-function Zt(e) {
-  const r = x(0), t = x(0), a = x(!1);
-  return te(e, (n) => {
+function Yt(e) {
+  const r = C(0), t = C(0), a = C(!1);
+  return re(e, (n) => {
     n && !a.value && (r.value = n.offsetWidth, t.value = n.scrollWidth, a.value = !0);
   }), {
-    isTruncated: S(() => r.value < t.value)
+    isTruncated: w(() => r.value < t.value)
   };
 }
-const oe = {
+const le = {
   useAxios: Te,
   useDebouncedFilter: Pt,
   useDeleteUrlBuilder: Rt,
-  useErrors: Ut,
+  useErrors: qt,
   useExternalLinkCreator: Bt,
   useFetcher: Vt,
   useFetchUrlBuilder: Xe,
   useHelpers: Qe,
-  useStringHelpers: qt,
+  useStringHelpers: Ut,
   useI18n: Ne,
   useGatewayFeatureSupported: Jt,
-  useTruncationDetector: Zt
-}, ue = (e, r) => {
+  useTruncationDetector: Yt
+}, ce = (e, r) => {
   const t = e.__vccOpts || e;
   for (const [a, n] of r)
     t[a] = n;
   return t;
-}, Yt = "#0044f4", Gt = "#3a3f51";
+}, Zt = "#0044f4", Gt = "#3a3f51";
 /*! js-yaml 4.1.0 https://github.com/nodeca/js-yaml @license MIT */
 function rt(e) {
   return typeof e > "u" || e === null;
@@ -644,7 +644,7 @@ pe.prototype.constructor = pe;
 pe.prototype.toString = function(e) {
   return this.name + ": " + at(this, e);
 };
-var ie = pe, cr = [
+var oe = pe, cr = [
   "kind",
   "multi",
   "resolve",
@@ -671,15 +671,15 @@ function dr(e) {
 function pr(e, r) {
   if (r = r || {}, Object.keys(r).forEach(function(t) {
     if (cr.indexOf(t) === -1)
-      throw new ie('Unknown option "' + t + '" is met in definition of "' + e + '" YAML type.');
+      throw new oe('Unknown option "' + t + '" is met in definition of "' + e + '" YAML type.');
   }), this.options = r, this.tag = e, this.kind = r.kind || null, this.resolve = r.resolve || function() {
     return !0;
   }, this.construct = r.construct || function(t) {
     return t;
   }, this.instanceOf = r.instanceOf || null, this.predicate = r.predicate || null, this.represent = r.represent || null, this.representName = r.representName || null, this.defaultStyle = r.defaultStyle || null, this.multi = r.multi || !1, this.styleAliases = dr(r.styleAliases || null), ur.indexOf(this.kind) === -1)
-    throw new ie('Unknown kind "' + this.kind + '" is specified for "' + e + '" YAML type.');
+    throw new oe('Unknown kind "' + this.kind + '" is specified for "' + e + '" YAML type.');
 }
-var z = pr;
+var H = pr;
 function Be(e, r) {
   var t = [];
   return e[r].forEach(function(a) {
@@ -714,39 +714,39 @@ function _e(e) {
 }
 _e.prototype.extend = function(e) {
   var r = [], t = [];
-  if (e instanceof z)
+  if (e instanceof H)
     t.push(e);
   else if (Array.isArray(e))
     t = t.concat(e);
   else if (e && (Array.isArray(e.implicit) || Array.isArray(e.explicit)))
     e.implicit && (r = r.concat(e.implicit)), e.explicit && (t = t.concat(e.explicit));
   else
-    throw new ie("Schema.extend argument should be a Type, [ Type ], or a schema definition ({ implicit: [...], explicit: [...] })");
+    throw new oe("Schema.extend argument should be a Type, [ Type ], or a schema definition ({ implicit: [...], explicit: [...] })");
   r.forEach(function(n) {
-    if (!(n instanceof z))
-      throw new ie("Specified list of YAML types (or a single Type object) contains a non-Type object.");
+    if (!(n instanceof H))
+      throw new oe("Specified list of YAML types (or a single Type object) contains a non-Type object.");
     if (n.loadKind && n.loadKind !== "scalar")
-      throw new ie("There is a non-scalar type in the implicit list of a schema. Implicit resolving of such types is not supported.");
+      throw new oe("There is a non-scalar type in the implicit list of a schema. Implicit resolving of such types is not supported.");
     if (n.multi)
-      throw new ie("There is a multi type in the implicit list of a schema. Multi tags can only be listed as explicit.");
+      throw new oe("There is a multi type in the implicit list of a schema. Multi tags can only be listed as explicit.");
   }), t.forEach(function(n) {
-    if (!(n instanceof z))
-      throw new ie("Specified list of YAML types (or a single Type object) contains a non-Type object.");
+    if (!(n instanceof H))
+      throw new oe("Specified list of YAML types (or a single Type object) contains a non-Type object.");
   });
   var a = Object.create(_e.prototype);
   return a.implicit = (this.implicit || []).concat(r), a.explicit = (this.explicit || []).concat(t), a.compiledImplicit = Be(a, "implicit"), a.compiledExplicit = Be(a, "explicit"), a.compiledTypeMap = fr(a.compiledImplicit, a.compiledExplicit), a;
 };
-var yr = _e, mr = new z("tag:yaml.org,2002:str", {
+var yr = _e, mr = new H("tag:yaml.org,2002:str", {
   kind: "scalar",
   construct: function(e) {
     return e !== null ? e : "";
   }
-}), gr = new z("tag:yaml.org,2002:seq", {
+}), gr = new H("tag:yaml.org,2002:seq", {
   kind: "sequence",
   construct: function(e) {
     return e !== null ? e : [];
   }
-}), vr = new z("tag:yaml.org,2002:map", {
+}), vr = new H("tag:yaml.org,2002:map", {
   kind: "mapping",
   construct: function(e) {
     return e !== null ? e : {};
@@ -770,7 +770,7 @@ function kr() {
 function wr(e) {
   return e === null;
 }
-var Sr = new z("tag:yaml.org,2002:null", {
+var Sr = new H("tag:yaml.org,2002:null", {
   kind: "scalar",
   resolve: br,
   construct: kr,
@@ -806,7 +806,7 @@ function Ir(e) {
 function Cr(e) {
   return Object.prototype.toString.call(e) === "[object Boolean]";
 }
-var xr = new z("tag:yaml.org,2002:bool", {
+var xr = new H("tag:yaml.org,2002:bool", {
   kind: "scalar",
   resolve: _r,
   construct: Ir,
@@ -897,7 +897,7 @@ function $r(e) {
 function Or(e) {
   return Object.prototype.toString.call(e) === "[object Number]" && e % 1 === 0 && !Ee.isNegativeZero(e);
 }
-var Kr = new z("tag:yaml.org,2002:int", {
+var Mr = new H("tag:yaml.org,2002:int", {
   kind: "scalar",
   resolve: Ar,
   construct: $r,
@@ -928,12 +928,12 @@ var Kr = new z("tag:yaml.org,2002:int", {
   // 2.5e4, 2.5 and integers
   "^(?:[-+]?(?:[0-9][0-9_]*)(?:\\.[0-9_]*)?(?:[eE][-+]?[0-9]+)?|\\.[0-9_]+(?:[eE][-+]?[0-9]+)?|[-+]?\\.(?:inf|Inf|INF)|\\.(?:nan|NaN|NAN))$"
 );
-function jr(e) {
+function Kr(e) {
   return !(e === null || !Fr.test(e) || // Quick hack to not allow integers end with `_`
   // Probably should update regexp & check speed
   e[e.length - 1] === "_");
 }
-function Mr(e) {
+function jr(e) {
   var r, t;
   return r = e.replace(/_/g, "").toLowerCase(), t = r[0] === "-" ? -1 : 1, "+-".indexOf(r[0]) >= 0 && (r = r.slice(1)), r === ".inf" ? t === 1 ? Number.POSITIVE_INFINITY : Number.NEGATIVE_INFINITY : r === ".nan" ? NaN : t * parseFloat(r, 10);
 }
@@ -971,24 +971,24 @@ function Rr(e, r) {
     return "-0.0";
   return t = e.toString(10), Pr.test(t) ? t.replace("e", ".e") : t;
 }
-function Ur(e) {
+function qr(e) {
   return Object.prototype.toString.call(e) === "[object Number]" && (e % 1 !== 0 || Ee.isNegativeZero(e));
 }
-var Br = new z("tag:yaml.org,2002:float", {
+var Br = new H("tag:yaml.org,2002:float", {
   kind: "scalar",
-  resolve: jr,
-  construct: Mr,
-  predicate: Ur,
+  resolve: Kr,
+  construct: jr,
+  predicate: qr,
   represent: Rr,
   defaultStyle: "lowercase"
 }), Vr = hr.extend({
   implicit: [
     Sr,
     xr,
-    Kr,
+    Mr,
     Br
   ]
-}), qr = Vr, nt = new RegExp(
+}), Ur = Vr, nt = new RegExp(
   "^([0-9][0-9][0-9][0-9])-([0-9][0-9])-([0-9][0-9])$"
 ), it = new RegExp(
   "^([0-9][0-9][0-9][0-9])-([0-9][0-9]?)-([0-9][0-9]?)(?:[Tt]|[ \\t]+)([0-9][0-9]?):([0-9][0-9]):([0-9][0-9])(?:\\.([0-9]*))?(?:[ \\t]*(Z|([-+])([0-9][0-9]?)(?::([0-9][0-9]))?))?$"
@@ -997,22 +997,22 @@ function Lr(e) {
   return e === null ? !1 : nt.exec(e) !== null || it.exec(e) !== null;
 }
 function Dr(e) {
-  var r, t, a, n, i, o, f, d = 0, y = null, l, g, w;
+  var r, t, a, n, i, o, f, p = 0, y = null, l, g, S;
   if (r = nt.exec(e), r === null && (r = it.exec(e)), r === null)
     throw new Error("Date resolve error");
   if (t = +r[1], a = +r[2] - 1, n = +r[3], !r[4])
     return new Date(Date.UTC(t, a, n));
   if (i = +r[4], o = +r[5], f = +r[6], r[7]) {
-    for (d = r[7].slice(0, 3); d.length < 3; )
-      d += "0";
-    d = +d;
+    for (p = r[7].slice(0, 3); p.length < 3; )
+      p += "0";
+    p = +p;
   }
-  return r[9] && (l = +r[10], g = +(r[11] || 0), y = (l * 60 + g) * 6e4, r[9] === "-" && (y = -y)), w = new Date(Date.UTC(t, a, n, i, o, f, d)), y && w.setTime(w.getTime() - y), w;
+  return r[9] && (l = +r[10], g = +(r[11] || 0), y = (l * 60 + g) * 6e4, r[9] === "-" && (y = -y)), S = new Date(Date.UTC(t, a, n, i, o, f, p)), y && S.setTime(S.getTime() - y), S;
 }
 function Hr(e) {
   return e.toISOString();
 }
-var zr = new z("tag:yaml.org,2002:timestamp", {
+var zr = new H("tag:yaml.org,2002:timestamp", {
   kind: "scalar",
   resolve: Lr,
   construct: Dr,
@@ -1022,12 +1022,12 @@ var zr = new z("tag:yaml.org,2002:timestamp", {
 function Wr(e) {
   return e === "<<" || e === null;
 }
-var Jr = new z("tag:yaml.org,2002:merge", {
+var Jr = new H("tag:yaml.org,2002:merge", {
   kind: "scalar",
   resolve: Wr
 }), Ae = `ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=
 \r`;
-function Zr(e) {
+function Yr(e) {
   if (e === null)
     return !1;
   var r, t, a = 0, n = e.length, i = Ae;
@@ -1039,7 +1039,7 @@ function Zr(e) {
     }
   return a % 8 === 0;
 }
-function Yr(e) {
+function Zr(e) {
   var r, t, a = e.replace(/[\r\n=]/g, ""), n = a.length, i = Ae, o = 0, f = [];
   for (r = 0; r < n; r++)
     r % 4 === 0 && r && (f.push(o >> 16 & 255), f.push(o >> 8 & 255), f.push(o & 255)), o = o << 6 | i.indexOf(a.charAt(r));
@@ -1054,10 +1054,10 @@ function Gr(e) {
 function Qr(e) {
   return Object.prototype.toString.call(e) === "[object Uint8Array]";
 }
-var Xr = new z("tag:yaml.org,2002:binary", {
+var Xr = new H("tag:yaml.org,2002:binary", {
   kind: "scalar",
-  resolve: Zr,
-  construct: Yr,
+  resolve: Yr,
+  construct: Zr,
   predicate: Qr,
   represent: Gr
 }), ea = Object.prototype.hasOwnProperty, ta = Object.prototype.toString;
@@ -1086,7 +1086,7 @@ function ra(e) {
 function aa(e) {
   return e !== null ? e : [];
 }
-var na = new z("tag:yaml.org,2002:omap", {
+var na = new H("tag:yaml.org,2002:omap", {
   kind: "sequence",
   resolve: ra,
   construct: aa
@@ -1110,7 +1110,7 @@ function la(e) {
     a = o[r], n = Object.keys(a), i[r] = [n[0], a[n[0]]];
   return i;
 }
-var sa = new z("tag:yaml.org,2002:pairs", {
+var sa = new H("tag:yaml.org,2002:pairs", {
   kind: "sequence",
   resolve: oa,
   construct: la
@@ -1127,12 +1127,12 @@ function ua(e) {
 function da(e) {
   return e !== null ? e : {};
 }
-var pa = new z("tag:yaml.org,2002:set", {
+var pa = new H("tag:yaml.org,2002:set", {
   kind: "mapping",
   resolve: ua,
   construct: da
 });
-qr.extend({
+Ur.extend({
   implicit: [
     zr,
     Jr
@@ -1149,12 +1149,12 @@ function Ve(e) {
 ` : e === 118 ? "\v" : e === 102 ? "\f" : e === 114 ? "\r" : e === 101 ? "\x1B" : e === 32 ? " " : e === 34 ? '"' : e === 47 ? "/" : e === 92 ? "\\" : e === 78 ? "…" : e === 95 ? " " : e === 76 ? "\u2028" : e === 80 ? "\u2029" : "";
 }
 var fa = new Array(256), ya = new Array(256);
-for (var ce = 0; ce < 256; ce++)
-  fa[ce] = Ve(ce) ? 1 : 0, ya[ce] = Ve(ce);
+for (var se = 0; se < 256; se++)
+  fa[se] = Ve(se) ? 1 : 0, ya[se] = Ve(se);
 const ma = ["onReset", "onSubmit"], ga = {
   class: "form-actions",
   "data-testid": "form-actions"
-}, va = /* @__PURE__ */ X({
+}, va = /* @__PURE__ */ ee({
   __name: "EntityBaseForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -1204,87 +1204,87 @@ const ma = ["onReset", "onSubmit"], ga = {
   emits: ["loading", "fetch:success", "fetch:error", "submit", "cancel"],
   setup(e, { emit: r }) {
     var t;
-    const a = e, n = Ze(), { i18n: { t: i } } = oe.useI18n(), { getMessageFromError: o } = oe.useErrors(), { axiosInstance: f } = oe.useAxios({
+    const a = e, n = Ye(), { i18n: { t: i } } = le.useI18n(), { getMessageFromError: o } = le.useErrors(), { axiosInstance: f } = le.useAxios({
       headers: (t = a.config) == null ? void 0 : t.requestHeaders
-    }), d = x(!1), y = x(!1), l = x(""), g = S(() => a.canSubmit === !1 || a.isReadonly), w = S(() => {
+    }), p = C(!1), y = C(!1), l = C(""), g = w(() => a.canSubmit === !1 || a.isReadonly), S = w(() => {
       var c, h;
       if (!a.editId)
         return "";
-      let C = `${a.config.apiBaseUrl}${a.fetchUrl}`;
-      return a.config.app === "konnect" ? C = C.replace(/{controlPlaneId}/gi, ((c = a.config) == null ? void 0 : c.controlPlaneId) || "") : a.config.app === "kongManager" && (C = C.replace(/\/{workspace}/gi, (h = a.config) != null && h.workspace ? `/${a.config.workspace}` : "")), C = C.replace(/{id}/gi, a.editId), C;
-    }), T = () => {
-      a.config.cancelRoute ? n.push(a.config.cancelRoute) : U();
-    }, U = () => {
+      let _ = `${a.config.apiBaseUrl}${a.fetchUrl}`;
+      return a.config.app === "konnect" ? _ = _.replace(/{controlPlaneId}/gi, ((c = a.config) == null ? void 0 : c.controlPlaneId) || "") : a.config.app === "kongManager" && (_ = _.replace(/\/{workspace}/gi, (h = a.config) != null && h.workspace ? `/${a.config.workspace}` : "")), _ = _.replace(/{id}/gi, a.editId), _;
+    }), x = () => {
+      a.config.cancelRoute ? n.push(a.config.cancelRoute) : V();
+    }, V = () => {
       r("cancel");
     }, v = () => {
       g.value || r("submit");
     };
-    return te(() => d.value, (c) => {
+    return re(() => p.value, (c) => {
       r("loading", c);
     }, { immediate: !0 }), Ie(async () => {
       if (a.editId)
         try {
-          y.value = !1, d.value = !0;
-          const { data: c } = await f.get(w.value);
+          y.value = !1, p.value = !0;
+          const { data: c } = await f.get(S.value);
           r("fetch:success", c);
         } catch (c) {
           const h = o(c);
           l.value = h.startsWith("code") ? i("baseForm.errors.edit") : h, y.value = !0, r("fetch:error", c);
         } finally {
-          d.value = !1;
+          p.value = !1;
         }
     }), (c, h) => {
-      const C = F("KSkeleton"), p = F("KEmptyState"), b = F("KAlert"), H = F("KButton"), Y = F("KCard");
-      return k(), L(Y, { class: "kong-ui-entity-base-form" }, {
-        body: u(() => [
-          d.value ? (k(), L(C, {
+      const _ = F("KSkeleton"), P = F("KEmptyState"), u = F("KAlert"), $ = F("KButton"), z = F("KCard");
+      return b(), D(z, { class: "kong-ui-entity-base-form" }, {
+        body: d(() => [
+          p.value ? (b(), D(_, {
             key: 0,
             type: "form"
-          })) : y.value ? (k(), L(p, {
+          })) : y.value ? (b(), D(P, {
             key: 1,
             "cta-text": s(i)("baseForm.actions.back"),
             "data-testid": "form-fetch-error",
-            "handle-click": T,
+            "handle-click": x,
             "is-error": !0
           }, {
-            message: u(() => [
-              K("h3", null, O(l.value), 1)
+            message: d(() => [
+              M("h3", null, O(l.value), 1)
             ]),
             _: 1
-          }, 8, ["cta-text"])) : (k(), P("form", {
+          }, 8, ["cta-text"])) : (b(), q("form", {
             key: 2,
             "data-testid": "form-content",
-            onReset: ve(U, ["prevent"]),
+            onReset: ve(V, ["prevent"]),
             onSubmit: ve(v, ["prevent"])
           }, [
-            Z(c.$slots, "default", {}, void 0, !0),
-            e.errorMessage ? (k(), L(b, {
+            G(c.$slots, "default", {}, void 0, !0),
+            e.errorMessage ? (b(), D(u, {
               key: 0,
               "alert-message": e.errorMessage,
               appearance: "danger",
               "data-testid": "form-error"
-            }, null, 8, ["alert-message"])) : Q("", !0),
-            K("div", ga, [
-              Z(c.$slots, "form-actions", {}, () => [
-                I(H, {
+            }, null, 8, ["alert-message"])) : X("", !0),
+            M("div", ga, [
+              G(c.$slots, "form-actions", {}, () => [
+                I($, {
                   appearance: "secondary",
                   "data-testid": "form-cancel",
                   disabled: e.isReadonly,
                   type: "reset"
                 }, {
-                  default: u(() => [
-                    W(O(s(i)("baseForm.actions.cancel")), 1)
+                  default: d(() => [
+                    J(O(s(i)("baseForm.actions.cancel")), 1)
                   ]),
                   _: 1
                 }, 8, ["disabled"]),
-                I(H, {
+                I($, {
                   appearance: "primary",
                   "data-testid": "form-submit",
                   disabled: g.value,
                   type: "submit"
                 }, {
-                  default: u(() => [
-                    W(O(s(i)("baseForm.actions.save")), 1)
+                  default: d(() => [
+                    J(O(s(i)("baseForm.actions.save")), 1)
                   ]),
                   _: 1
                 }, 8, ["disabled"])
@@ -1296,10 +1296,10 @@ const ma = ["onReset", "onSubmit"], ga = {
       });
     };
   }
-}), ha = /* @__PURE__ */ ue(va, [["__scopeId", "data-v-81612aef"]]), ba = {
+}), ha = /* @__PURE__ */ ce(va, [["__scopeId", "data-v-81612aef"]]), ba = {
   key: 0,
   "data-testid": "first-col"
-}, ka = /* @__PURE__ */ X({
+}, ka = /* @__PURE__ */ ee({
   __name: "EntityBaseTableCell",
   props: {
     keyName: {
@@ -1312,13 +1312,13 @@ const ma = ["onReset", "onSubmit"], ga = {
     }
   },
   setup(e) {
-    const r = e, t = S(() => {
+    const r = e, t = w(() => {
       var v;
       return ((v = r.rowEl) == null ? void 0 : v.querySelector(`[data-testid="${r.keyName}"]`)) || null;
-    }), a = S(() => {
+    }), a = w(() => {
       var v;
       return ((v = t.value) == null ? void 0 : v.querySelector('[data-testid="first-col"]')) || null;
-    }), n = S(() => {
+    }), n = w(() => {
       var v, c;
       const h = (v = r.rowEl) == null ? void 0 : v.querySelectorAll("td");
       return h ? ((c = h[0]) == null ? void 0 : c.getAttribute("data-testid")) === r.keyName : !1;
@@ -1328,9 +1328,9 @@ const ma = ["onReset", "onSubmit"], ga = {
       i && (i.disconnect(), i = void 0);
     }, f = () => {
       var v, c, h;
-      y.value = ((v = a.value) == null ? void 0 : v.getBoundingClientRect().width) || 0, l.value = ((c = t.value) == null ? void 0 : c.clientWidth) || 0, g.value = ((h = d.value) == null ? void 0 : h.innerText) || "";
-    }, d = x({}), y = x(0), l = x(0), g = x(""), w = S(() => [a.value, t.value]), T = te(
-      w,
+      y.value = ((v = a.value) == null ? void 0 : v.getBoundingClientRect().width) || 0, l.value = ((c = t.value) == null ? void 0 : c.clientWidth) || 0, g.value = ((h = p.value) == null ? void 0 : h.innerText) || "";
+    }, p = C({}), y = C(0), l = C(0), g = C(""), S = w(() => [a.value, t.value]), x = re(
+      S,
       (v) => {
         if (n.value && (o(), "ResizeObserver" in window && window)) {
           i = new ResizeObserver((c) => {
@@ -1343,37 +1343,37 @@ const ma = ["onReset", "onSubmit"], ga = {
         }
       },
       { immediate: !0, flush: "post", deep: !0 }
-    ), U = S(() => n.value ? y.value > l.value : !1);
+    ), V = w(() => n.value ? y.value > l.value : !1);
     return ct(() => {
       f();
     }), ut(() => {
-      T();
+      x();
     }), (v, c) => {
       const h = F("KTooltip");
-      return k(), P("span", {
+      return b(), q("span", {
         ref_key: "contentRef",
-        ref: d,
+        ref: p,
         class: "content-wrapper"
       }, [
-        n.value ? (k(), P("span", ba, [
+        n.value ? (b(), q("span", ba, [
           I(h, {
-            label: U.value ? g.value : "",
+            label: V.value ? g.value : "",
             "max-width": "300",
             placement: "bottomStart"
           }, {
-            default: u(() => [
-              Z(v.$slots, "default", {}, void 0, !0)
+            default: d(() => [
+              G(v.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["label"])
-        ])) : Z(v.$slots, "default", { key: 1 }, void 0, !0)
+        ])) : G(v.$slots, "default", { key: 1 }, void 0, !0)
       ], 512);
     };
   }
-}), wa = /* @__PURE__ */ ue(ka, [["__scopeId", "data-v-e42a20c9"]]), Sa = { class: "toolbar-container" }, _a = {
+}), wa = /* @__PURE__ */ ce(ka, [["__scopeId", "data-v-e42a20c9"]]), Sa = { class: "toolbar-container" }, _a = {
   key: 0,
   class: "toolbar-button-container"
-}, Ia = ["data-testid"], Ca = /* @__PURE__ */ X({
+}, Ia = ["data-testid"], Ca = /* @__PURE__ */ ee({
   __name: "EntityBaseTable",
   props: {
     // table header configuration
@@ -1432,9 +1432,10 @@ const ma = ["onReset", "onSubmit"], ga = {
     },
     // error message to show in the error state
     // this prop being set (or empty) determines if the KTable is in an error state
+    // please use `TableErrorMessage` since `string` is only for backwards compatibility
     errorMessage: {
-      type: String,
-      default: ""
+      type: [String, Object],
+      default: null
     },
     disablePaginationPageJump: {
       type: Boolean,
@@ -1482,65 +1483,76 @@ const ma = ["onReset", "onSubmit"], ga = {
   },
   emits: ["click:row", "sort", "clear-search-input", "empty-state-cta-clicked"],
   setup(e, { emit: r }) {
-    const t = e, { i18n: { t: a } } = oe.useI18n(), n = S(() => t.cacheIdentifier || t.preferencesStorageKey), i = (p) => p.hasData || !!t.query, o = S(() => {
-      const p = [];
-      return Object.keys(t.tableHeaders).forEach((b) => {
-        const H = t.tableHeaders[b];
-        p.push({
-          label: H.label ?? b,
-          key: b,
-          sortable: H.sortable ?? !1
+    const t = e, { i18n: { t: a } } = le.useI18n(), n = w(() => {
+      var u, $;
+      return typeof t.errorMessage == "string" ? {
+        hasError: !!t.errorMessage,
+        title: t.errorMessage,
+        message: void 0
+      } : {
+        hasError: !!t.errorMessage,
+        title: (u = t.errorMessage) == null ? void 0 : u.title,
+        message: ($ = t.errorMessage) == null ? void 0 : $.message
+      };
+    }), i = w(() => t.cacheIdentifier || t.preferencesStorageKey), o = (u) => u.hasData || !!t.query, f = w(() => {
+      const u = [];
+      return Object.keys(t.tableHeaders).forEach(($) => {
+        const z = t.tableHeaders[$];
+        u.push({
+          label: z.label ?? $,
+          key: $,
+          sortable: z.sortable ?? !1
         });
-      }), t.enableEntityActions && p.push({
+      }), t.enableEntityActions && u.push({
         key: "actions",
         hideLabel: !0
-      }), p;
-    }), f = (p) => ({
-      "data-rowid": p.id,
-      "data-testid": p.name,
-      ...t.rowAttributes(p)
-    }), d = x({}), y = (p) => {
-      var b;
-      return (b = d.value) == null ? void 0 : b.$el.querySelector(`[data-rowid="${p.id}"]`);
-    }, l = (p) => {
-      const b = {
-        "data-testid": p.headerKey,
-        ...t.cellAttributes(p)
+      }), u;
+    }), p = (u) => ({
+      "data-rowid": u.id,
+      "data-testid": u.name,
+      ...t.rowAttributes(u)
+    }), y = C({}), l = (u) => {
+      var $;
+      return ($ = y.value) == null ? void 0 : $.$el.querySelector(`[data-rowid="${u.id}"]`);
+    }, g = (u) => {
+      const $ = {
+        "data-testid": u.headerKey,
+        ...t.cellAttributes(u)
       };
-      return p.colIndex === 0 && (b.style = {
+      return u.colIndex === 0 && ($.style = {
         maxWidth: "250px",
         overflowX: "hidden",
         textOverflow: "ellipsis"
-      }), b;
-    }, g = () => {
-      r("empty-state-cta-clicked"), w();
-    }, w = () => {
+      }), $;
+    }, S = () => {
+      r("empty-state-cta-clicked"), x();
+    }, x = () => {
       r("clear-search-input");
-    }, T = S(() => t.disableRowClick ? void 0 : (p, b) => {
-      r("click:row", b);
-    }), U = (p) => {
-      r("sort", p);
-    }, { setTablePreferences: v, getTablePreferences: c } = xt(), h = S(() => {
-      const p = c(t.preferencesStorageKey);
+    }, V = w(() => t.disableRowClick ? void 0 : (u, $) => {
+      r("click:row", $);
+    }), v = (u) => {
+      r("sort", u);
+    }, { setTablePreferences: c, getTablePreferences: h } = xt(), _ = w(() => {
+      const u = h(t.preferencesStorageKey);
       return {
         ...t.initialFetcherParams,
-        ...p
+        ...u
       };
-    }), C = (p) => {
-      t.preferencesStorageKey && v(t.preferencesStorageKey, p);
+    }), P = (u) => {
+      t.preferencesStorageKey && c(t.preferencesStorageKey, u);
     };
-    return (p, b) => {
-      const H = F("KIcon"), Y = F("KButton"), E = F("KDropdown"), M = F("KTable"), j = F("KCard");
-      return k(), L(j, {
+    return (u, $) => {
+      const z = F("KIcon"), E = F("KButton"), R = F("KDropdown"), K = F("KTable"), W = F("KCard");
+      return b(), D(W, {
         class: "kong-ui-entity-base-table",
         title: e.title
       }, {
-        body: u(() => [
-          I(M, {
+        body: d(() => [
+          I(K, {
             ref_key: "tableRefs",
-            ref: d,
-            "cache-identifier": n.value,
-            "cell-attrs": l,
+            ref: y,
+            "cache-identifier": i.value,
+            "cell-attrs": g,
             "disable-pagination-page-jump": e.disablePaginationPageJump,
             "disable-sorting": e.disableSorting,
             "empty-state-action-button-icon": e.query ? "" : "plus",
@@ -1551,56 +1563,57 @@ const ma = ["onReset", "onSubmit"], ga = {
             "empty-state-message": e.query ? s(a)("baseTable.emptyState.noSearchResultsMessage") : e.emptyStateOptions.message,
             "empty-state-title": e.query ? s(a)("baseTable.emptyState.noSearchResultsTitle") : e.emptyStateOptions.title,
             "enable-client-sort": e.enableClientSort,
-            "error-state-title": e.errorMessage,
+            "error-state-message": n.value.message,
+            "error-state-title": n.value.title,
             fetcher: e.fetcher,
             "fetcher-cache-key": String(e.fetcherCacheKey),
-            "has-error": !!e.errorMessage,
-            headers: o.value,
+            "has-error": n.value.hasError,
+            headers: f.value,
             "hide-pagination-when-optional": "",
-            "initial-fetcher-params": h.value,
+            "initial-fetcher-params": _.value,
             "is-loading": e.isLoading,
             "pagination-type": e.paginationType,
-            "row-attrs": f,
+            "row-attrs": p,
             "search-input": e.query,
-            onKtableEmptyStateCtaClicked: g,
-            "onRow:click": T.value,
-            onSort: b[0] || (b[0] = (B) => U(B)),
-            "onUpdate:tablePreferences": C
+            onKtableEmptyStateCtaClicked: S,
+            "onRow:click": V.value,
+            onSort: $[0] || ($[0] = (N) => v(N)),
+            "onUpdate:tablePreferences": P
           }, ze({
-            toolbar: u(({ state: B }) => [
-              ye(K("div", Sa, [
-                Z(p.$slots, "toolbar-filter", {}, void 0, !0),
-                p.$slots["toolbar-button"] ? (k(), P("div", _a, [
-                  Z(p.$slots, "toolbar-button", {}, void 0, !0)
-                ])) : Q("", !0)
+            toolbar: d(({ state: N }) => [
+              ye(M("div", Sa, [
+                G(u.$slots, "toolbar-filter", {}, void 0, !0),
+                u.$slots["toolbar-button"] ? (b(), q("div", _a, [
+                  G(u.$slots, "toolbar-button", {}, void 0, !0)
+                ])) : X("", !0)
               ], 512), [
-                [me, i(B)]
+                [me, o(N)]
               ])
             ]),
-            actions: u(({ row: B, rowKey: $, rowValue: D }) => [
-              K("div", {
+            actions: d(({ row: N, rowKey: L, rowValue: Z }) => [
+              M("div", {
                 class: "actions-container",
-                "data-testid": B.name
+                "data-testid": N.name
               }, [
-                I(E, {
+                I(R, {
                   "kpop-attributes": { placement: "bottomEnd" },
                   width: e.dropdownMenuWidth
                 }, {
-                  items: u(() => [
-                    Z(p.$slots, "actions", {
-                      row: B,
-                      rowKey: $,
-                      rowValue: D
+                  items: d(() => [
+                    G(u.$slots, "actions", {
+                      row: N,
+                      rowKey: L,
+                      rowValue: Z
                     }, void 0, !0)
                   ]),
-                  default: u(() => [
-                    I(Y, {
+                  default: d(() => [
+                    I(E, {
                       class: "actions-trigger",
                       "data-testid": "overflow-actions-button",
                       size: "small"
                     }, {
-                      icon: u(() => [
-                        I(H, {
+                      icon: d(() => [
+                        I(z, {
                           color: s(Gt),
                           icon: "more",
                           size: "16"
@@ -1615,39 +1628,39 @@ const ma = ["onReset", "onSubmit"], ga = {
             ]),
             _: 2
           }, [
-            Ce(e.tableHeaders, (B, $) => ({
-              name: $,
-              fn: u(({ row: D, rowKey: ee, rowValue: le }) => [
+            Ce(e.tableHeaders, (N, L) => ({
+              name: L,
+              fn: d(({ row: Z, rowKey: ue, rowValue: te }) => [
                 I(wa, {
-                  "key-name": String($),
-                  "row-el": y(D)
+                  "key-name": String(L),
+                  "row-el": l(Z)
                 }, {
-                  default: u(() => [
-                    Z(p.$slots, $, {
-                      row: D,
-                      rowKey: ee,
-                      rowValue: le
+                  default: d(() => [
+                    G(u.$slots, L, {
+                      row: Z,
+                      rowKey: ue,
+                      rowValue: te
                     }, () => [
-                      W(O(le), 1)
+                      J(O(te), 1)
                     ], !0)
                   ]),
                   _: 2
                 }, 1032, ["key-name", "row-el"])
               ])
             }))
-          ]), 1032, ["cache-identifier", "disable-pagination-page-jump", "disable-sorting", "empty-state-action-button-icon", "empty-state-action-message", "empty-state-action-route", "empty-state-icon", "empty-state-message", "empty-state-title", "enable-client-sort", "error-state-title", "fetcher", "fetcher-cache-key", "has-error", "headers", "initial-fetcher-params", "is-loading", "pagination-type", "search-input", "onRow:click"])
+          ]), 1032, ["cache-identifier", "disable-pagination-page-jump", "disable-sorting", "empty-state-action-button-icon", "empty-state-action-message", "empty-state-action-route", "empty-state-icon", "empty-state-message", "empty-state-title", "enable-client-sort", "error-state-message", "error-state-title", "fetcher", "fetcher-cache-key", "has-error", "headers", "initial-fetcher-params", "is-loading", "pagination-type", "search-input", "onRow:click"])
         ]),
         _: 3
       }, 8, ["title"]);
     };
   }
-}), xa = /* @__PURE__ */ ue(Ca, [["__scopeId", "data-v-86d2d2a3"]]), Ta = {
+}), xa = /* @__PURE__ */ ce(Ca, [["__scopeId", "data-v-499a771c"]]), Ta = {
   key: 0,
   class: "kong-ui-entity-delete-error"
 }, Na = {
   key: 1,
   class: "description"
-}, Ea = /* @__PURE__ */ X({
+}, Ea = /* @__PURE__ */ ee({
   __name: "EntityDeleteModal",
   props: {
     visible: {
@@ -1686,14 +1699,14 @@ const ma = ["onReset", "onSubmit"], ga = {
   },
   emits: ["cancel", "proceed"],
   setup(e, { emit: r }) {
-    const t = e, { i18nT: a } = oe.useI18n(), n = S(() => t.needConfirm ? t.entityName : ""), i = () => {
+    const t = e, { i18nT: a } = le.useI18n(), n = w(() => t.needConfirm ? t.entityName : ""), i = () => {
       r("cancel");
     }, o = () => {
       r("proceed");
     };
-    return (f, d) => {
+    return (f, p) => {
       const y = F("KAlert"), l = F("KPrompt");
-      return k(), L(l, {
+      return b(), D(l, {
         "action-button-text": "Yes, delete",
         "action-pending": e.actionPending,
         class: "kong-ui-entity-delete-modal",
@@ -1704,44 +1717,44 @@ const ma = ["onReset", "onSubmit"], ga = {
         onCanceled: i,
         onProceed: o
       }, {
-        "body-content": u(() => [
-          e.error ? (k(), P("div", Ta, [
+        "body-content": d(() => [
+          e.error ? (b(), q("div", Ta, [
             I(y, { appearance: "danger" }, {
-              alertMessage: u(() => [
-                W(O(e.error), 1)
+              alertMessage: d(() => [
+                J(O(e.error), 1)
               ]),
               _: 1
             })
-          ])) : Q("", !0),
+          ])) : X("", !0),
           I(s(a), {
             class: "message",
             keypath: t.entityName ? "deleteModal.messageWithName" : "deleteModal.message",
             tag: "p"
           }, ze({
-            entityType: u(() => [
-              W(O(t.entityType), 1)
+            entityType: d(() => [
+              J(O(t.entityType), 1)
             ]),
             _: 2
           }, [
             t.entityName ? {
               name: "entityName",
-              fn: u(() => [
-                K("strong", null, O(t.entityName), 1)
+              fn: d(() => [
+                M("strong", null, O(t.entityName), 1)
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["keypath"]),
-          t.description || f.$slots.description ? (k(), P("div", Na, [
-            Z(f.$slots, "description", {}, () => [
-              K("p", null, O(t.description), 1)
+          t.description || f.$slots.description ? (b(), q("div", Na, [
+            G(f.$slots, "description", {}, () => [
+              M("p", null, O(t.description), 1)
             ], !0)
-          ])) : Q("", !0)
+          ])) : X("", !0)
         ]),
         _: 3
       }, 8, ["action-pending", "confirmation-text", "is-visible", "title"]);
     };
   }
-}), Aa = /* @__PURE__ */ ue(Ea, [["__scopeId", "data-v-1c9a2a07"]]), $a = {
+}), Aa = /* @__PURE__ */ ce(Ea, [["__scopeId", "data-v-1c9a2a07"]]), $a = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1755,35 +1768,35 @@ const ma = ["onReset", "onSubmit"], ga = {
   width: "20",
   x: "0",
   y: "0"
-}, Ka = ["fill"], Fa = { mask: "url(#mask0_180_20349)" }, ja = ["fill"], qe = /* @__PURE__ */ X({
+}, Ma = ["fill"], Fa = { mask: "url(#mask0_180_20349)" }, Ka = ["fill"], Ue = /* @__PURE__ */ ee({
   __name: "IconFilter",
   props: {
     color: {
       type: String,
-      default: `var(--kong-ui-entity-filter-color, ${Yt})`
+      default: `var(--kong-ui-entity-filter-color, ${Zt})`
     }
   },
   setup(e) {
-    return (r, t) => (k(), P("svg", $a, [
-      K("mask", Oa, [
-        K("rect", {
+    return (r, t) => (b(), q("svg", $a, [
+      M("mask", Oa, [
+        M("rect", {
           fill: e.color,
           height: "20",
           width: "20"
-        }, null, 8, Ka)
+        }, null, 8, Ma)
       ]),
-      K("g", Fa, [
-        K("path", {
+      M("g", Fa, [
+        M("path", {
           d: "M8 14.5V13H12V14.5H8ZM5 10.75V9.25H15V10.75H5ZM3 7V5.5H17V7H3Z",
           fill: e.color
-        }, null, 8, ja)
+        }, null, 8, Ka)
       ])
     ]));
   }
-}), Ma = {
+}), ja = {
   key: 1,
   class: "kong-ui-entity-filter"
-}, Pa = { class: "menu-item-title" }, Ra = { class: "menu-item-indicator" }, Ua = { class: "menu-item-body" }, Ba = ["for"], Va = { class: "menu-item-buttons" }, qa = { class: "filter-clear-button-container" }, La = /* @__PURE__ */ X({
+}, Pa = { class: "menu-item-title" }, Ra = { class: "menu-item-indicator" }, qa = { class: "menu-item-body" }, Ba = ["for"], Va = { class: "menu-item-buttons" }, Ua = { class: "filter-clear-button-container" }, La = /* @__PURE__ */ ee({
   __name: "EntityFilter",
   props: {
     // filter config, either exact match or fuzzy match
@@ -1803,50 +1816,50 @@ const ma = ["onReset", "onSubmit"], ga = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: r }) {
-    const t = e, { i18n: { t: a } } = oe.useI18n(), n = x(!1), i = x({}), o = S(() => {
+    const t = e, { i18n: { t: a } } = le.useI18n(), n = C(!1), i = C({}), o = w(() => {
       const c = [];
-      return new URLSearchParams(t.modelValue).forEach((h, C) => {
-        h !== "" && c.push(C);
+      return new URLSearchParams(t.modelValue).forEach((h, _) => {
+        h !== "" && c.push(_);
       }), c;
-    }), f = S(() => {
+    }), f = w(() => {
       const c = t.config.fields;
       return Object.keys(c).filter((h) => c[h].searchable).map((h) => ({
         label: c[h].label || h,
         value: h
       }));
     });
-    te(() => t.modelValue, (c) => {
-      i.value = {}, new URLSearchParams(c).forEach((h, C) => {
-        i.value[C] = h;
+    re(() => t.modelValue, (c) => {
+      i.value = {}, new URLSearchParams(c).forEach((h, _) => {
+        i.value[_] = h;
       });
     });
-    const d = () => {
+    const p = () => {
       n.value = !n.value;
     }, y = (c) => {
       r("update:modelValue", c);
     }, l = (c) => `filter-${c}`, g = (c) => {
-      var h, C;
-      return (((C = (h = t.config.schema) == null ? void 0 : h[c]) == null ? void 0 : C.values) ?? []).map((p) => ({
-        value: p,
-        label: p
+      var h, _;
+      return (((_ = (h = t.config.schema) == null ? void 0 : h[c]) == null ? void 0 : _.values) ?? []).map((P) => ({
+        value: P,
+        label: P
       }));
-    }, w = (c) => {
-      var h, C;
-      return ((C = (h = t.config.schema) == null ? void 0 : h[c]) == null ? void 0 : C.type) ?? "text";
-    }, T = (c) => {
+    }, S = (c) => {
+      var h, _;
+      return ((_ = (h = t.config.schema) == null ? void 0 : h[c]) == null ? void 0 : _.type) ?? "text";
+    }, x = (c) => {
       i.value = {
         ...i.value,
         [c]: ""
       }, v();
-    }, U = () => {
+    }, V = () => {
       i.value = {}, v(!0);
     }, v = (c = !1) => {
-      const h = Object.keys(i.value).reduce((C, p) => (i.value[p] && (C[p] = `${i.value[p]}`), C), {});
+      const h = Object.keys(i.value).reduce((_, P) => (i.value[P] && (_[P] = `${i.value[P]}`), _), {});
       c && (n.value = !1), r("update:modelValue", new URLSearchParams(h).toString());
     };
     return (c, h) => {
-      const C = F("KInput"), p = F("KButton"), b = F("KSelect"), H = F("KMenuItem"), Y = F("KMenu");
-      return e.config.isExactMatch ? (k(), L(C, {
+      const _ = F("KInput"), P = F("KButton"), u = F("KSelect"), $ = F("KMenuItem"), z = F("KMenu");
+      return e.config.isExactMatch ? (b(), D(_, {
         key: 0,
         autocomplete: "off",
         class: "kong-ui-entity-filter-input",
@@ -1855,90 +1868,90 @@ const ma = ["onReset", "onSubmit"], ga = {
         placeholder: e.config.placeholder,
         "onUpdate:modelValue": y
       }, {
-        before: u(() => [
-          I(qe)
+        before: d(() => [
+          I(Ue)
         ]),
         _: 1
-      }, 8, ["model-value", "placeholder"])) : (k(), P("div", Ma, [
-        I(p, {
+      }, 8, ["model-value", "placeholder"])) : (b(), q("div", ja, [
+        I(P, {
           appearance: "tertiary",
           "data-testid": "filter-button",
-          onClick: d
+          onClick: p
         }, {
-          default: u(() => [
-            I(qe),
-            W(" " + O(s(a)("filter.filterButtonText")) + " " + O(o.value.length > 0 ? `(${o.value.length})` : ""), 1)
+          default: d(() => [
+            I(Ue),
+            J(" " + O(s(a)("filter.filterButtonText")) + " " + O(o.value.length > 0 ? `(${o.value.length})` : ""), 1)
           ]),
           _: 1
         }),
-        ye(K("div", {
+        ye(M("div", {
           class: "kong-ui-entity-filter-backdrop",
-          onClick: d
+          onClick: p
         }, null, 512), [
           [me, n.value]
         ]),
-        ye(I(Y, { class: "kong-ui-entity-filter-menu" }, {
-          body: u(() => [
-            (k(!0), P(We, null, Ce(f.value, (E, M) => (k(), L(H, {
+        ye(I(z, { class: "kong-ui-entity-filter-menu" }, {
+          body: d(() => [
+            (b(!0), q(We, null, Ce(f.value, (E, R) => (b(), D($, {
               key: E.value,
               "data-testid": E.value,
               expandable: "",
-              "last-menu-item": M === f.value.length - 1
+              "last-menu-item": R === f.value.length - 1
             }, {
-              itemTitle: u(() => [
-                K("span", Pa, [
-                  W(O(E.label) + " ", 1),
-                  ye(K("span", Ra, null, 512), [
+              itemTitle: d(() => [
+                M("span", Pa, [
+                  J(O(E.label) + " ", 1),
+                  ye(M("span", Ra, null, 512), [
                     [me, o.value.includes(E.value)]
                   ])
                 ])
               ]),
-              itemBody: u(() => {
-                var j, B;
+              itemBody: d(() => {
+                var K, W;
                 return [
-                  K("div", Ua, [
-                    K("label", {
+                  M("div", qa, [
+                    M("label", {
                       class: "menu-item-label",
                       for: l(E.value)
                     }, O(s(a)("filter.fieldLabel")), 9, Ba),
-                    ((B = (j = e.config.schema) == null ? void 0 : j[E.value]) == null ? void 0 : B.type) === "select" ? (k(), L(b, {
+                    ((W = (K = e.config.schema) == null ? void 0 : K[E.value]) == null ? void 0 : W.type) === "select" ? (b(), D(u, {
                       key: 0,
                       id: l(E.value),
                       modelValue: i.value[E.value],
-                      "onUpdate:modelValue": ($) => i.value[E.value] = $,
+                      "onUpdate:modelValue": (N) => i.value[E.value] = N,
                       appearance: "select",
                       items: g(E.value),
                       placeholder: s(a)("filter.selectPlaceholder")
-                    }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "items", "placeholder"])) : (k(), L(C, {
+                    }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "items", "placeholder"])) : (b(), D(_, {
                       key: 1,
                       id: l(E.value),
                       modelValue: i.value[E.value],
-                      "onUpdate:modelValue": ($) => i.value[E.value] = $,
+                      "onUpdate:modelValue": (N) => i.value[E.value] = N,
                       autocomplete: "off",
                       placeholder: s(a)("filter.inputPlaceholder"),
-                      type: w(E.value)
+                      type: S(E.value)
                     }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "placeholder", "type"]))
                   ]),
-                  K("div", Va, [
-                    I(p, {
+                  M("div", Va, [
+                    I(P, {
                       appearance: "tertiary",
                       "data-testid": "apply-filter",
                       size: "small",
-                      onClick: h[0] || (h[0] = ($) => v(!0))
+                      onClick: h[0] || (h[0] = (N) => v(!0))
                     }, {
-                      default: u(() => [
-                        W(O(s(a)("filter.applyButtonText")), 1)
+                      default: d(() => [
+                        J(O(s(a)("filter.applyButtonText")), 1)
                       ]),
                       _: 1
                     }),
-                    I(p, {
+                    I(P, {
                       appearance: "tertiary",
                       "data-testid": "clear-filter",
                       size: "small",
-                      onClick: ($) => T(E.value)
+                      onClick: (N) => x(E.value)
                     }, {
-                      default: u(() => [
-                        W(O(s(a)("filter.clearButtonText")), 1)
+                      default: d(() => [
+                        J(O(s(a)("filter.clearButtonText")), 1)
                       ]),
                       _: 2
                     }, 1032, ["onClick"])
@@ -1948,14 +1961,14 @@ const ma = ["onReset", "onSubmit"], ga = {
               _: 2
             }, 1032, ["data-testid", "last-menu-item"]))), 128))
           ]),
-          actionButton: u(() => [
-            K("div", qa, [
-              I(p, {
+          actionButton: d(() => [
+            M("div", Ua, [
+              I(P, {
                 size: "small",
-                onClick: U
+                onClick: V
               }, {
-                default: u(() => [
-                  W(O(s(a)("filter.clearAllButtonText")), 1)
+                default: d(() => [
+                  J(O(s(a)("filter.clearAllButtonText")), 1)
                 ]),
                 _: 1
               })
@@ -1968,7 +1981,7 @@ const ma = ["onReset", "onSubmit"], ga = {
       ]));
     };
   }
-}), Da = /* @__PURE__ */ ue(La, [["__scopeId", "data-v-4ea260f0"]]), we = /* @__PURE__ */ X({
+}), Da = /* @__PURE__ */ ce(La, [["__scopeId", "data-v-4ea260f0"]]), we = /* @__PURE__ */ ee({
   __name: "PermissionsWrapper",
   props: {
     /**
@@ -1990,13 +2003,13 @@ const ma = ["onReset", "onSubmit"], ga = {
     }
   },
   setup(e) {
-    const r = e, t = x(void 0), a = S(() => t.value === !0 || t.value !== void 0 && r.forceShow === !0);
-    return te(() => r.authFunction, async () => {
+    const r = e, t = C(void 0), a = w(() => t.value === !0 || t.value !== void 0 && r.forceShow === !0);
+    return re(() => r.authFunction, async () => {
       t.value = await r.authFunction();
-    }, { immediate: !0 }), (n, i) => a.value ? Z(n.$slots, "default", {
+    }, { immediate: !0 }), (n, i) => a.value ? G(n.$slots, "default", {
       key: 0,
       isAllowed: t.value
-    }) : Q("", !0);
+    }) : X("", !0);
   }
 }), Ha = { class: "form-section-wrapper" }, za = {
   key: 0,
@@ -2007,7 +2020,7 @@ const ma = ["onReset", "onSubmit"], ga = {
 }, Ja = {
   key: 2,
   class: "form-section-footer"
-}, Za = { class: "form-section-content" }, Ya = /* @__PURE__ */ X({
+}, Ya = { class: "form-section-content" }, Za = /* @__PURE__ */ ee({
   __name: "EntityFormSection",
   props: {
     title: {
@@ -2033,31 +2046,31 @@ const ma = ["onReset", "onSubmit"], ga = {
   },
   setup(e) {
     const r = st();
-    return (t, a) => (k(), P("fieldset", {
+    return (t, a) => (b(), q("fieldset", {
       class: he(["kong-ui-entity-form-section", { "has-divider": e.hasDivider }])
     }, [
-      K("div", Ha, [
-        e.hideInfoHeader ? Q("", !0) : (k(), P("div", {
+      M("div", Ha, [
+        e.hideInfoHeader ? X("", !0) : (b(), q("div", {
           key: 0,
           class: he(["form-section-info", { sticky: e.stickyInfoHeader }])
         }, [
-          e.title ? (k(), P("h4", za, O(e.title), 1)) : Q("", !0),
-          e.description || s(r).description ? (k(), P("div", Wa, [
-            Z(t.$slots, "description", {}, () => [
-              K("p", null, O(e.description), 1)
+          e.title ? (b(), q("h4", za, O(e.title), 1)) : X("", !0),
+          e.description || s(r).description ? (b(), q("div", Wa, [
+            G(t.$slots, "description", {}, () => [
+              M("p", null, O(e.description), 1)
             ], !0)
-          ])) : Q("", !0),
-          s(r).footer ? (k(), P("div", Ja, [
-            Z(t.$slots, "footer", {}, void 0, !0)
-          ])) : Q("", !0)
+          ])) : X("", !0),
+          s(r).footer ? (b(), q("div", Ja, [
+            G(t.$slots, "footer", {}, void 0, !0)
+          ])) : X("", !0)
         ], 2)),
-        K("div", Za, [
-          Z(t.$slots, "default", {}, void 0, !0)
+        M("div", Ya, [
+          G(t.$slots, "default", {}, void 0, !0)
         ])
       ])
     ], 2));
   }
-}), Le = /* @__PURE__ */ ue(Ya, [["__scopeId", "data-v-8b6dc312"]]), { useAxios: ot, useDeleteUrlBuilder: Ga, useErrors: Qa, useExternalLinkCreator: On, useFetchUrlBuilder: Kn, useFetcher: Xa, useDebouncedFilter: en, useStringHelpers: Fn, useHelpers: jn, useGatewayFeatureSupported: Mn, useTruncationDetector: Pn } = oe, tn = {
+}), Le = /* @__PURE__ */ ce(Za, [["__scopeId", "data-v-8b6dc312"]]), { useAxios: ot, useDeleteUrlBuilder: Ga, useErrors: Qa, useExternalLinkCreator: On, useFetchUrlBuilder: Mn, useFetcher: Xa, useDebouncedFilter: en, useStringHelpers: Fn, useHelpers: Kn, useGatewayFeatureSupported: jn, useTruncationDetector: Pn } = le, tn = {
   fail: "Failed to copy id to clipboard",
   success: {
     prefix: "Successfully",
@@ -2074,10 +2087,10 @@ const ma = ["onReset", "onSubmit"], ga = {
 }, ln = (e) => (ft("data-v-9971cc79"), e = e(), yt(), e), sn = ["aria-hidden"], cn = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, un = /* @__PURE__ */ ln(() => /* @__PURE__ */ K("path", {
+}, un = /* @__PURE__ */ ln(() => /* @__PURE__ */ M("path", {
   d: "M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6H5V20H16V22H5ZM9 18C8.45 18 7.97917 17.8042 7.5875 17.4125C7.19583 17.0208 7 16.55 7 16V4C7 3.45 7.19583 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V16C20 16.55 19.8042 17.0208 19.4125 17.4125C19.0208 17.8042 18.55 18 18 18H9ZM9 16H18V4H9V16Z",
   fill: "currentColor"
-}, null, -1)), dn = /* @__PURE__ */ X({
+}, null, -1)), dn = /* @__PURE__ */ ee({
   __name: "CopyIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -2129,7 +2142,7 @@ const ma = ["onReset", "onSubmit"], ga = {
     }
   },
   setup(e) {
-    const r = e, t = S(() => {
+    const r = e, t = w(() => {
       if (typeof r.size == "number" && r.size > 0)
         return `${r.size}px`;
       if (typeof r.size == "string") {
@@ -2138,7 +2151,7 @@ const ma = ["onReset", "onSubmit"], ga = {
           return `${i}px`;
       }
       return De;
-    }), a = S(() => ({
+    }), a = w(() => ({
       boxSizing: "border-box",
       color: r.color,
       display: r.display,
@@ -2146,14 +2159,14 @@ const ma = ["onReset", "onSubmit"], ga = {
       lineHeight: "0",
       width: t.value
     }));
-    return (n, i) => (k(), L(Se(e.as), {
+    return (n, i) => (b(), D(Se(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon copy-icon",
       "data-testid": "kui-icon-wrapper-copy-icon",
       style: pt(a.value)
     }, {
-      default: u(() => [
-        (k(), P("svg", {
+      default: d(() => [
+        (b(), q("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-copy-icon",
           fill: "none",
@@ -2163,14 +2176,14 @@ const ma = ["onReset", "onSubmit"], ga = {
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (k(), P("title", cn, O(e.title), 1)) : Q("", !0),
+          e.title ? (b(), q("title", cn, O(e.title), 1)) : X("", !0),
           un
         ], 8, sn))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
-}), pn = /* @__PURE__ */ on(dn, [["__scopeId", "data-v-9971cc79"]]), fn = "16px", yn = { class: "kong-ui-copy-uuid" }, mn = ["onClick"], He = 15, gn = /* @__PURE__ */ X({
+}), pn = /* @__PURE__ */ on(dn, [["__scopeId", "data-v-9971cc79"]]), fn = "16px", yn = { class: "kong-ui-copy-uuid" }, mn = ["onClick"], He = 15, gn = /* @__PURE__ */ ee({
   __name: "CopyUuid",
   props: {
     uuid: {
@@ -2215,45 +2228,45 @@ const ma = ["onReset", "onSubmit"], ga = {
   emits: ["success", "error"],
   setup(e, { emit: r }) {
     const t = e, { t: a } = xe("en-us", an), n = t.notify || dt(nn, () => {
-    }), i = S(() => t.idTooltip ? {
+    }), i = w(() => t.idTooltip ? {
       label: t.idTooltip,
       positionFixed: !0,
       placement: "bottomStart"
     } : {
       title: t.uuid
-    }), o = S(() => !!(t.tooltip && t.successTooltip)), f = x(t.tooltip), d = S(() => t.tooltip ? {
+    }), o = w(() => !!(t.tooltip && t.successTooltip)), f = C(t.tooltip), p = w(() => t.tooltip ? {
       label: f.value,
       positionFixed: !0,
       maxWidth: "500px",
       placement: "bottomStart"
-    } : {}), y = S(() => {
-      var w;
-      return t.format === "redacted" ? "*****" : t.format === "deleted" ? `*${(w = t.uuid) == null ? void 0 : w.substring(0, 5)}` : t.uuid;
-    }), l = (w) => {
-      f.value = w, setTimeout(() => {
+    } : {}), y = w(() => {
+      var S;
+      return t.format === "redacted" ? "*****" : t.format === "deleted" ? `*${(S = t.uuid) == null ? void 0 : S.substring(0, 5)}` : t.uuid;
+    }), l = (S) => {
+      f.value = S, setTimeout(() => {
         f.value = t.tooltip;
       }, 1800);
-    }, g = (w) => {
-      var T, U;
-      if (!w(t.uuid)) {
+    }, g = (S) => {
+      var x, V;
+      if (!S(t.uuid)) {
         typeof n == "function" && n({
           type: "error",
           message: a("message.fail")
         }), o.value ? l(a("message.fail")) : r("error", t.uuid);
         return;
       }
-      const v = ((T = t.uuid) == null ? void 0 : T.length) > He, c = t.format === "hidden" || t.format === "redacted" ? a("message.success.prefix") : `"${((U = t.uuid) == null ? void 0 : U.substring(0, He)) + (v ? "..." : "")}"`;
+      const v = ((x = t.uuid) == null ? void 0 : x.length) > He, c = t.format === "hidden" || t.format === "redacted" ? a("message.success.prefix") : `"${((V = t.uuid) == null ? void 0 : V.substring(0, He)) + (v ? "..." : "")}"`;
       typeof n == "function" && n({
         type: "success",
         message: `${c}${a("message.success.content")}`
       }), o.value ? l(t.successTooltip) : r("success", t.uuid);
     };
-    return (w, T) => {
-      const U = F("KClipboardProvider");
-      return k(), P("div", yn, [
-        e.format !== "hidden" ? (k(), L(Se(e.idTooltip ? "KTooltip" : "div"), Oe({ key: 0 }, i.value, { "data-testid": "copy-id" }), {
-          default: u(() => [
-            K("div", {
+    return (S, x) => {
+      const V = F("KClipboardProvider");
+      return b(), q("div", yn, [
+        e.format !== "hidden" ? (b(), D(Se(e.idTooltip ? "KTooltip" : "div"), Oe({ key: 0 }, i.value, { "data-testid": "copy-id" }), {
+          default: d(() => [
+            M("div", {
               class: he([
                 "uuid-container",
                 e.truncated ? "truncated-uuid" : null,
@@ -2262,12 +2275,12 @@ const ma = ["onReset", "onSubmit"], ga = {
             }, O(y.value), 3)
           ]),
           _: 1
-        }, 16)) : Q("", !0),
-        (k(), L(Se(e.tooltip ? "KTooltip" : "div"), Oe(d.value, { class: "uuid-icon-wrapper" }), {
-          default: u(() => [
-            I(U, null, {
-              default: u(({ copyToClipboard: v }) => [
-                K("span", {
+        }, 16)) : X("", !0),
+        (b(), D(Se(e.tooltip ? "KTooltip" : "div"), Oe(p.value, { class: "uuid-icon-wrapper" }), {
+          default: d(() => [
+            I(V, null, {
+              default: d(({ copyToClipboard: v }) => [
+                M("span", {
                   "data-testid": "copy-to-clipboard",
                   role: "button",
                   tabindex: "0",
@@ -2296,7 +2309,7 @@ const ma = ["onReset", "onSubmit"], ga = {
     t[a] = n;
   return t;
 }, hn = /* @__PURE__ */ vn(gn, [["__scopeId", "data-v-0c07874b"]]);
-const bn = { class: "kong-ui-entities-snis-list" }, kn = { key: 1 }, wn = { key: 1 }, Sn = /* @__PURE__ */ X({
+const bn = { class: "kong-ui-entities-snis-list" }, kn = { key: 1 }, wn = { key: 1 }, Sn = /* @__PURE__ */ ee({
   __name: "SniList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -2337,151 +2350,154 @@ const bn = { class: "kong-ui-entities-snis-list" }, kn = { key: 1 }, wn = { key:
   },
   emits: ["error", "copy:success", "copy:error", "delete:success"],
   setup(e, { emit: r }) {
-    var se;
-    const t = e, { i18n: { t: a } } = Ye.useI18n(), n = (_, R) => {
-      var q;
-      _.type === "error" ? r("copy:error", {
-        entity: R,
+    var te;
+    const t = e, { i18n: { t: a } } = Ze.useI18n(), n = (k, j) => {
+      var B;
+      k.type === "error" ? r("copy:error", {
+        entity: j,
         field: "certificate.id",
         message: a("errors.copy")
       }) : r("copy:success", {
-        entity: R,
+        entity: j,
         field: "certificate.id",
-        message: a("copy.success", { val: (q = R.certificate) == null ? void 0 : q.id })
+        message: a("copy.success", { val: (B = j.certificate) == null ? void 0 : B.id })
       });
     }, { axiosInstance: i } = ot({
-      headers: (se = t.config) == null ? void 0 : se.requestHeaders
-    }), o = x(1), f = S(() => t.config.app !== "kongManager" || !!t.config.disableSorting), d = {
+      headers: (te = t.config) == null ? void 0 : te.requestHeaders
+    }), o = C(1), f = w(() => t.config.app !== "kongManager" || !!t.config.disableSorting), p = {
       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 = d, l = (_) => ({
+    }, y = p, l = (k) => ({
       style: {
-        maxWidth: _.headerKey === "name" ? "250px" : _.headerKey === "certificate" ? "350px" : null
+        maxWidth: k.headerKey === "name" ? "250px" : k.headerKey === "certificate" ? "350px" : null
       }
-    }), g = S(() => {
-      var R, q;
-      let _ = `${t.config.apiBaseUrl}${de.list[t.config.app].all}`;
-      return t.config.app === "konnect" ? _ = _.replace(/{controlPlaneId}/gi, ((R = t.config) == null ? void 0 : R.controlPlaneId) || "") : t.config.app === "kongManager" && (_ = _.replace(/\/{workspace}/gi, (q = t.config) != null && q.workspace ? `/${t.config.workspace}` : "")), _;
-    }), w = x(""), T = S(() => {
-      const _ = t.config.app === "konnect" || t.config.isExactMatch;
-      if (_)
+    }), g = w(() => {
+      var j, B;
+      let k = `${t.config.apiBaseUrl}${de.list[t.config.app].all}`;
+      return t.config.app === "konnect" ? k = k.replace(/{controlPlaneId}/gi, ((j = t.config) == null ? void 0 : j.controlPlaneId) || "") : t.config.app === "kongManager" && (k = k.replace(/\/{workspace}/gi, (B = t.config) != null && B.workspace ? `/${t.config.workspace}` : "")), k;
+    }), S = C(""), x = w(() => {
+      const k = t.config.app === "konnect" || t.config.isExactMatch;
+      if (k)
         return {
-          isExactMatch: _,
+          isExactMatch: k,
           placeholder: a("search.placeholder")
         };
-      const { name: R } = d;
+      const { name: j } = p;
       return {
-        isExactMatch: _,
-        fields: { name: R },
+        isExactMatch: k,
+        fields: { name: j },
         schema: t.config.filterSchema
       };
-    }), { fetcher: U, fetcherState: v } = Xa(t.config, g.value), c = () => {
-      w.value = "";
+    }), { fetcher: V, fetcherState: v } = Xa(t.config, g.value), c = () => {
+      S.value = "";
     }, h = () => {
       o.value++;
-    }, C = x(""), p = x({
+    }, _ = C(null), P = C({
       ctaPath: t.config.createRoute,
       ctaText: void 0,
       message: a("snis.list.empty_state.description"),
       title: a("snis.title")
-    }), b = (_, R) => {
-      const q = _.id;
-      if (!R(q)) {
+    }), u = (k, j) => {
+      const B = k.id;
+      if (!j(B)) {
         r("copy:error", {
-          entity: _,
+          entity: k,
           field: "id",
           message: a("errors.copy")
         });
         return;
       }
       r("copy:success", {
-        entity: _,
+        entity: k,
         field: "id",
-        message: a("copy.success", { val: q })
+        message: a("copy.success", { val: B })
       });
-    }, H = (_, R) => {
-      const q = JSON.stringify(_);
-      if (!R(q)) {
+    }, $ = (k, j) => {
+      const B = JSON.stringify(k);
+      if (!j(B)) {
         r("copy:error", {
-          entity: _,
+          entity: k,
           message: a("errors.copy")
         });
         return;
       }
       r("copy:success", {
-        entity: _,
+        entity: k,
         message: a("copy.success_brief")
       });
-    }, Y = (_) => ({
+    }, z = (k) => ({
       label: a("actions.edit"),
-      to: t.config.getEditRoute(_)
-    }), E = x(void 0), M = x(!1), j = x(!1), B = x(""), $ = Ga(t.config, g.value), D = (_) => {
-      E.value = _, M.value = !0;
-    }, ee = () => {
-      M.value = !1, E.value = void 0;
-    }, le = async () => {
-      var _, R, q;
-      if ((_ = E.value) != null && _.id) {
-        j.value = !0;
+      to: t.config.getEditRoute(k)
+    }), E = C(void 0), R = C(!1), K = C(!1), W = C(""), N = Ga(t.config, g.value), L = (k) => {
+      E.value = k, R.value = !0;
+    }, Z = () => {
+      R.value = !1, E.value = void 0;
+    }, ue = async () => {
+      var k, j, B;
+      if ((k = E.value) != null && k.id) {
+        K.value = !0;
         try {
-          await i.delete($(E.value.id)), r("delete:success", E.value), j.value = !1, ee(), o.value++;
+          await i.delete(N(E.value.id)), r("delete:success", E.value), K.value = !1, Z(), o.value++;
         } catch (m) {
-          B.value = ((q = (R = m.response) == null ? void 0 : R.data) == null ? void 0 : q.message) || m.message || a("errors.delete"), r("error", m);
+          W.value = ((B = (j = m.response) == null ? void 0 : j.data) == null ? void 0 : B.message) || m.message || a("errors.delete"), r("error", m);
         } finally {
-          j.value = !1;
+          K.value = !1;
         }
       }
     };
-    return te(v, (_) => {
-      if (_.status === ne.Error) {
-        C.value = a("errors.general"), r("error", _.error);
+    return re(v, (k) => {
+      var j, B, m;
+      if (k.status === ie.Error) {
+        _.value = {
+          title: a("errors.general")
+        }, (m = (B = (j = k.error) == null ? void 0 : j.response) == null ? void 0 : B.data) != null && m.message && (_.value.message = k.error.response.data.message), r("error", k.error);
         return;
       }
-      C.value = "";
+      _.value = null;
     }), Ie(async () => {
-      await t.canCreate() && (p.value.title = a("snis.list.empty_state.title"), p.value.ctaText = a("actions.create"));
-    }), (_, R) => {
-      const q = F("KButton"), m = F("KBadge"), A = F("KTruncate"), V = F("KDropdownItem"), re = F("KClipboardProvider");
-      return k(), P("div", bn, [
+      await t.canCreate() && (P.value.title = a("snis.list.empty_state.title"), P.value.ctaText = a("actions.create"));
+    }), (k, j) => {
+      const B = F("KButton"), m = F("KBadge"), A = F("KTruncate"), U = F("KDropdownItem"), ae = F("KClipboardProvider");
+      return b(), q("div", bn, [
         I(s(xa), {
           "cache-identifier": e.cacheIdentifier,
           "cell-attributes": l,
           "disable-pagination-page-jump": "",
           "disable-row-click": !0,
           "disable-sorting": f.value,
-          "empty-state-options": p.value,
+          "empty-state-options": P.value,
           "enable-entity-actions": "",
-          "error-message": C.value,
-          fetcher: s(U),
+          "error-message": _.value,
+          fetcher: s(V),
           "fetcher-cache-key": o.value,
           "pagination-type": "offset",
           "preferences-storage-key": "kong-ui-entities-snis-list",
-          query: w.value,
+          query: S.value,
           "table-headers": s(y),
           onClearSearchInput: c,
           onSort: h
         }, {
-          "toolbar-filter": u(() => [
+          "toolbar-filter": d(() => [
             I(s(Da), {
-              modelValue: w.value,
-              "onUpdate:modelValue": R[0] || (R[0] = (N) => w.value = N),
-              config: T.value
+              modelValue: S.value,
+              "onUpdate:modelValue": j[0] || (j[0] = (T) => S.value = T),
+              config: x.value
             }, null, 8, ["modelValue", "config"])
           ]),
-          "toolbar-button": u(() => [
+          "toolbar-button": d(() => [
             I(s(we), {
               "auth-function": () => e.canCreate()
             }, {
-              default: u(() => [
-                I(q, {
+              default: d(() => [
+                I(B, {
                   appearance: "primary",
                   "data-testid": "toolbar-add-sni",
                   icon: "plus",
                   to: e.config.createRoute
                 }, {
-                  default: u(() => [
-                    W(O(s(a)("snis.list.toolbar_actions.new")), 1)
+                  default: d(() => [
+                    J(O(s(a)("snis.list.toolbar_actions.new")), 1)
                   ]),
                   _: 1
                 }, 8, ["to"])
@@ -2489,59 +2505,59 @@ const bn = { class: "kong-ui-entities-snis-list" }, kn = { key: 1 }, wn = { key:
               _: 1
             }, 8, ["auth-function"])
           ]),
-          name: u(({ rowValue: N }) => [
-            K("b", null, O(N ?? "-"), 1)
+          name: d(({ rowValue: T }) => [
+            M("b", null, O(T ?? "-"), 1)
           ]),
-          certificate: u(({ row: N }) => [
-            N.certificate && N.certificate.id ? (k(), L(s(hn), {
+          certificate: d(({ row: T }) => [
+            T.certificate && T.certificate.id ? (b(), D(s(hn), {
               key: 0,
               class: "copy-certificate-uuid",
               "data-testid": "copy-certificate-uuid",
-              notify: (G) => n(G, N),
+              notify: (Q) => n(Q, T),
               truncated: !1,
-              uuid: N.certificate.id
-            }, null, 8, ["notify", "uuid"])) : (k(), P("span", kn, "-"))
+              uuid: T.certificate.id
+            }, null, 8, ["notify", "uuid"])) : (b(), q("span", kn, "-"))
           ]),
-          tags: u(({ rowValue: N }) => [
-            N != null && N.length ? (k(), L(A, { key: 0 }, {
-              default: u(() => [
-                (k(!0), P(We, null, Ce(N, (G) => (k(), L(m, {
-                  key: G,
-                  onClick: R[1] || (R[1] = ve(() => {
+          tags: d(({ rowValue: T }) => [
+            T != null && T.length ? (b(), D(A, { key: 0 }, {
+              default: d(() => [
+                (b(!0), q(We, null, Ce(T, (Q) => (b(), D(m, {
+                  key: Q,
+                  onClick: j[1] || (j[1] = ve(() => {
                   }, ["stop"]))
                 }, {
-                  default: u(() => [
-                    W(O(G), 1)
+                  default: d(() => [
+                    J(O(Q), 1)
                   ]),
                   _: 2
                 }, 1024))), 128))
               ]),
               _: 2
-            }, 1024)) : (k(), P("span", wn, "-"))
+            }, 1024)) : (b(), q("span", wn, "-"))
           ]),
-          actions: u(({ row: N }) => [
-            I(re, null, {
-              default: u(({ copyToClipboard: G }) => [
-                I(V, {
+          actions: d(({ row: T }) => [
+            I(ae, null, {
+              default: d(({ copyToClipboard: Q }) => [
+                I(U, {
                   "data-testid": "action-entity-copy-id",
-                  onClick: (fe) => b(N, G)
+                  onClick: (fe) => u(T, Q)
                 }, {
-                  default: u(() => [
-                    W(O(s(a)("actions.copy_id")), 1)
+                  default: d(() => [
+                    J(O(s(a)("actions.copy_id")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            I(re, null, {
-              default: u(({ copyToClipboard: G }) => [
-                I(V, {
+            I(ae, null, {
+              default: d(({ copyToClipboard: Q }) => [
+                I(U, {
                   "data-testid": "action-entity-copy-json",
-                  onClick: (fe) => H(N, G)
+                  onClick: (fe) => $(T, Q)
                 }, {
-                  default: u(() => [
-                    W(O(s(a)("actions.copy_json")), 1)
+                  default: d(() => [
+                    J(O(s(a)("actions.copy_json")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -2549,28 +2565,28 @@ const bn = { class: "kong-ui-entities-snis-list" }, kn = { key: 1 }, wn = { key:
               _: 2
             }, 1024),
             I(s(we), {
-              "auth-function": () => e.canEdit(N)
+              "auth-function": () => e.canEdit(T)
             }, {
-              default: u(() => [
-                I(V, {
+              default: d(() => [
+                I(U, {
                   "data-testid": "action-entity-edit",
-                  item: Y(N.id)
+                  item: z(T.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
             I(s(we), {
-              "auth-function": () => e.canDelete(N)
+              "auth-function": () => e.canDelete(T)
             }, {
-              default: u(() => [
-                I(V, {
+              default: d(() => [
+                I(U, {
                   danger: "",
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
-                  onClick: (G) => D(N)
+                  onClick: (Q) => L(T)
                 }, {
-                  default: u(() => [
-                    W(O(s(a)("actions.delete")), 1)
+                  default: d(() => [
+                    J(O(s(a)("actions.delete")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -2581,16 +2597,16 @@ const bn = { class: "kong-ui-entities-snis-list" }, kn = { key: 1 }, wn = { key:
           _: 1
         }, 8, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers"]),
         I(s(Aa), {
-          "action-pending": j.value,
+          "action-pending": K.value,
           description: s(a)("delete.description"),
           "entity-name": E.value && (E.value.name || E.value.id),
           "entity-type": s(Ge).SNI,
-          error: B.value,
+          error: W.value,
           "need-confirm": !1,
           title: s(a)("delete.title"),
-          visible: M.value,
-          onCancel: ee,
-          onProceed: le
+          visible: R.value,
+          onCancel: Z,
+          onProceed: ue
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
       ]);
     };
@@ -2601,11 +2617,11 @@ const lt = (e, r) => {
   for (const [a, n] of r)
     t[a] = n;
   return t;
-}, Rn = /* @__PURE__ */ lt(Sn, [["__scopeId", "data-v-23d67ab1"]]), _n = { class: "kong-ui-entities-snis-form" }, In = { "data-testid": "no-search-results" }, Cn = {
+}, Rn = /* @__PURE__ */ lt(Sn, [["__scopeId", "data-v-531bd4b8"]]), _n = { class: "kong-ui-entities-snis-form" }, In = { "data-testid": "no-search-results" }, Cn = {
   key: 2,
   class: "invalid-certificate-message",
   "data-testid": "invalid-certificate-message"
-}, xn = /* @__PURE__ */ X({
+}, xn = /* @__PURE__ */ ee({
   __name: "SniForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -2623,10 +2639,10 @@ const lt = (e, r) => {
   },
   emits: ["update", "error", "loading"],
   setup(e, { emit: r }) {
-    var q;
-    const t = e, a = Ze(), { i18n: { t: n } } = Ye.useI18n(), { getMessageFromError: i } = Qa(), { axiosInstance: o } = ot({
-      headers: (q = t.config) == null ? void 0 : q.requestHeaders
-    }), f = S(() => de.form[t.config.app].edit), d = S(() => t.sniId ? ge.Edit : ge.Create), y = S(() => t.config.certificateId && d.value === ge.Create ? t.config.certificateId : ""), l = Ke({
+    var B;
+    const t = e, a = Ye(), { i18n: { t: n } } = Ze.useI18n(), { getMessageFromError: i } = Qa(), { axiosInstance: o } = ot({
+      headers: (B = t.config) == null ? void 0 : B.requestHeaders
+    }), f = w(() => de.form[t.config.app].edit), p = w(() => t.sniId ? ge.Edit : ge.Create), y = w(() => t.config.certificateId && p.value === ge.Create ? t.config.certificateId : ""), l = Me({
       fields: {
         name: "",
         tags: "",
@@ -2634,90 +2650,90 @@ const lt = (e, r) => {
       },
       isReadonly: !1,
       errorMessage: ""
-    }), g = Ke({
+    }), g = Me({
       name: "",
       tags: "",
       certificate_id: ""
-    }), w = S(() => JSON.stringify(l.fields) !== JSON.stringify(g) && !!l.fields.name && !!(l.fields.certificate_id || y.value)), T = (m) => {
-      var A, V;
-      l.fields.name = (m == null ? void 0 : m.name) || "", l.fields.tags = ((A = m == null ? void 0 : m.tags) == null ? void 0 : A.join(", ")) || "", l.fields.certificate_id = ((V = m == null ? void 0 : m.certificate) == null ? void 0 : V.id) || "", Object.assign(g, l.fields);
-    }, U = () => {
+    }), S = w(() => JSON.stringify(l.fields) !== JSON.stringify(g) && !!l.fields.name && !!(l.fields.certificate_id || y.value)), x = (m) => {
+      var A, U;
+      l.fields.name = (m == null ? void 0 : m.name) || "", l.fields.tags = ((A = m == null ? void 0 : m.tags) == null ? void 0 : A.join(", ")) || "", l.fields.certificate_id = ((U = m == null ? void 0 : m.certificate) == null ? void 0 : U.id) || "", Object.assign(g, l.fields);
+    }, V = () => {
       a.push(t.config.cancelRoute);
-    }, v = S(() => {
-      var A, V;
+    }, v = w(() => {
+      var A, U;
       let m = `${t.config.apiBaseUrl}${de.form[t.config.app].validate}`;
-      return t.config.app === "konnect" ? m = m.replace(/{controlPlaneId}/gi, ((A = t.config) == null ? void 0 : A.controlPlaneId) || "") : t.config.app === "kongManager" && (m = m.replace(/\/{workspace}/gi, (V = t.config) != null && V.workspace ? `/${t.config.workspace}` : "")), m = m.replace(/{id}/gi, t.sniId), m;
-    }), c = S(() => {
-      var A, V;
-      let m = `${t.config.apiBaseUrl}${de.form[t.config.app][d.value]}`;
-      return t.config.app === "konnect" ? m = m.replace(/{controlPlaneId}/gi, ((A = t.config) == null ? void 0 : A.controlPlaneId) || "") : t.config.app === "kongManager" && (m = m.replace(/\/{workspace}/gi, (V = t.config) != null && V.workspace ? `/${t.config.workspace}` : "")), m = m.replace(/{id}/gi, t.sniId), m;
+      return t.config.app === "konnect" ? m = m.replace(/{controlPlaneId}/gi, ((A = t.config) == null ? void 0 : A.controlPlaneId) || "") : t.config.app === "kongManager" && (m = m.replace(/\/{workspace}/gi, (U = t.config) != null && U.workspace ? `/${t.config.workspace}` : "")), m = m.replace(/{id}/gi, t.sniId), m;
+    }), c = w(() => {
+      var A, U;
+      let m = `${t.config.apiBaseUrl}${de.form[t.config.app][p.value]}`;
+      return t.config.app === "konnect" ? m = m.replace(/{controlPlaneId}/gi, ((A = t.config) == null ? void 0 : A.controlPlaneId) || "") : t.config.app === "kongManager" && (m = m.replace(/\/{workspace}/gi, (U = t.config) != null && U.workspace ? `/${t.config.workspace}` : "")), m = m.replace(/{id}/gi, t.sniId), m;
     }), h = async () => {
-      var m, A, V, re, N, G, fe, $e;
+      var m, A, U, ae, T, Q, fe, $e;
       try {
         l.isReadonly = !0;
-        const ae = {
+        const ne = {
           name: l.fields.name,
           tags: (A = (m = l.fields.tags.split(",")) == null ? void 0 : m.map((be) => String(be || "").trim())) == null ? void 0 : A.filter((be) => be !== ""),
           certificate: { id: y.value || l.fields.certificate_id }
         };
-        let J;
-        await o.post(v.value, ae), d.value === "create" ? J = await o.post(c.value, ae) : d.value === "edit" && (J = ((V = t.config) == null ? void 0 : V.app) === "konnect" ? await o.put(c.value, ae) : await o.patch(c.value, ae)), l.fields.name = ((re = J == null ? void 0 : J.data) == null ? void 0 : re.name) || "", l.fields.tags = ((G = (N = J == null ? void 0 : J.data) == null ? void 0 : N.tags) == null ? void 0 : G.join(", ")) || "", l.fields.certificate_id = (($e = (fe = J == null ? void 0 : J.data) == null ? void 0 : fe.certificate) == null ? void 0 : $e.id) || "", Object.assign(g, l.fields), r("update", J == null ? void 0 : J.data);
-      } catch (ae) {
-        l.errorMessage = i(ae), r("error", ae);
+        let Y;
+        await o.post(v.value, ne), p.value === "create" ? Y = await o.post(c.value, ne) : p.value === "edit" && (Y = ((U = t.config) == null ? void 0 : U.app) === "konnect" ? await o.put(c.value, ne) : await o.patch(c.value, ne)), l.fields.name = ((ae = Y == null ? void 0 : Y.data) == null ? void 0 : ae.name) || "", l.fields.tags = ((Q = (T = Y == null ? void 0 : Y.data) == null ? void 0 : T.tags) == null ? void 0 : Q.join(", ")) || "", l.fields.certificate_id = (($e = (fe = Y == null ? void 0 : Y.data) == null ? void 0 : fe.certificate) == null ? void 0 : $e.id) || "", Object.assign(g, l.fields), r("update", Y == null ? void 0 : Y.data);
+      } catch (ne) {
+        l.errorMessage = i(ne), r("error", ne);
       } finally {
         l.isReadonly = !1;
       }
     }, {
-      debouncedQueryChange: C,
-      loading: p,
-      allRecords: b,
-      error: H,
-      validationError: Y,
+      debouncedQueryChange: _,
+      loading: P,
+      allRecords: u,
+      error: $,
+      validationError: z,
       loadItems: E,
-      results: M
-    } = en(t.config, de.form[t.config.app].certificates), j = x(!0), B = (m) => {
-      j.value = !m, C(m);
-    }, $ = S(() => H.value ? n("errors.certificates.fetch") : ""), D = S(() => Y.value ? n("errors.certificates.invalid") : ""), ee = x(0), le = S(() => b.value === void 0), se = x(/* @__PURE__ */ new Set()), _ = S(() => Array.from(se.value).map((A) => ({
+      results: R
+    } = en(t.config, de.form[t.config.app].certificates), K = C(!0), W = (m) => {
+      K.value = !m, _(m);
+    }, N = w(() => $.value ? n("errors.certificates.fetch") : ""), L = w(() => z.value ? n("errors.certificates.invalid") : ""), Z = C(0), ue = w(() => u.value === void 0), te = C(/* @__PURE__ */ new Set()), k = w(() => Array.from(te.value).map((A) => ({
       label: A,
       value: A,
       selected: l.fields.certificate_id === A
-    }))), R = (m) => {
-      se.value.clear();
+    }))), j = (m) => {
+      te.value.clear();
       let A;
       for (A of m)
-        se.value.add(A.id);
+        te.value.add(A.id);
     };
-    return te(M, (m) => {
-      R(m);
-    }, { immediate: !0, deep: !0 }), te(_, () => {
-      ee.value++;
+    return re(R, (m) => {
+      j(m);
+    }, { immediate: !0, deep: !0 }), re(k, () => {
+      Z.value++;
     }, { immediate: !0, deep: !0 }), Ie(async () => {
       await E();
     }), (m, A) => {
-      const V = F("KInput"), re = F("KSelect");
-      return k(), P("div", _n, [
+      const U = F("KInput"), ae = F("KSelect");
+      return b(), q("div", _n, [
         I(s(ha), {
-          "can-submit": w.value,
+          "can-submit": S.value,
           config: e.config,
           "edit-id": e.sniId,
-          "error-message": l.errorMessage || $.value,
+          "error-message": l.errorMessage || N.value,
           "fetch-url": f.value,
           "is-readonly": l.isReadonly,
-          onCancel: U,
-          "onFetch:error": A[3] || (A[3] = (N) => m.$emit("error", N)),
-          "onFetch:success": T,
-          onLoading: A[4] || (A[4] = (N) => m.$emit("loading", N)),
+          onCancel: V,
+          "onFetch:error": A[3] || (A[3] = (T) => m.$emit("error", T)),
+          "onFetch:success": x,
+          onLoading: A[4] || (A[4] = (T) => m.$emit("loading", T)),
           onSubmit: h
         }, {
-          default: u(() => [
+          default: d(() => [
             I(s(Le), {
               description: s(n)("form.sections.general.description"),
               title: s(n)("form.sections.general.title")
             }, {
-              default: u(() => [
-                I(V, {
+              default: d(() => [
+                I(U, {
                   modelValue: l.fields.name,
-                  "onUpdate:modelValue": A[0] || (A[0] = (N) => l.fields.name = N),
+                  "onUpdate:modelValue": A[0] || (A[0] = (T) => l.fields.name = T),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "sni-form-name",
@@ -2727,9 +2743,9 @@ const lt = (e, r) => {
                   required: "",
                   type: "text"
                 }, null, 8, ["modelValue", "label", "placeholder", "readonly"]),
-                I(V, {
+                I(U, {
                   modelValue: l.fields.tags,
-                  "onUpdate:modelValue": A[1] || (A[1] = (N) => l.fields.tags = N),
+                  "onUpdate:modelValue": A[1] || (A[1] = (T) => l.fields.tags = T),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "sni-form-tags",
@@ -2748,8 +2764,8 @@ const lt = (e, r) => {
               "has-divider": "",
               title: s(n)("form.sections.certificate.title")
             }, {
-              default: u(() => [
-                y.value ? (k(), L(V, {
+              default: d(() => [
+                y.value ? (b(), D(U, {
                   key: 0,
                   "data-testid": "sni-form-certificate-id",
                   label: s(n)("form.fields.certificate_id.label"),
@@ -2757,35 +2773,35 @@ const lt = (e, r) => {
                   readonly: "",
                   required: "",
                   width: "100%"
-                }, null, 8, ["label", "model-value"])) : (k(), L(re, {
+                }, null, 8, ["label", "model-value"])) : (b(), D(ae, {
                   key: 1,
                   modelValue: l.fields.certificate_id,
-                  "onUpdate:modelValue": A[2] || (A[2] = (N) => l.fields.certificate_id = N),
+                  "onUpdate:modelValue": A[2] || (A[2] = (T) => l.fields.certificate_id = T),
                   appearance: "select",
                   autosuggest: "",
-                  class: he({ "k-select-placeholder": j.value }),
+                  class: he({ "k-select-placeholder": K.value }),
                   clearable: "",
                   "data-testid": "sni-form-certificate-id",
-                  "dropdown-footer-text": le.value ? s(n)("form.fields.certificate_id.footer") : void 0,
+                  "dropdown-footer-text": ue.value ? s(n)("form.fields.certificate_id.footer") : void 0,
                   "enable-filtering": "",
-                  items: _.value,
+                  items: k.value,
                   label: s(n)("form.fields.certificate_id.label"),
-                  loading: s(p),
+                  loading: s(P),
                   placeholder: s(n)("form.fields.certificate_id.placeholder"),
                   readonly: l.isReadonly,
                   required: "",
                   width: "100%",
-                  onQueryChange: B
+                  onQueryChange: W
                 }, {
-                  loading: u(() => [
-                    K("div", null, O(s(n)("actions.loading")), 1)
+                  loading: d(() => [
+                    M("div", null, O(s(n)("actions.loading")), 1)
                   ]),
-                  empty: u(() => [
-                    K("div", In, O(s(n)("search.no_results")), 1)
+                  empty: d(() => [
+                    M("div", In, O(s(n)("search.no_results")), 1)
                   ]),
                   _: 1
                 }, 8, ["modelValue", "class", "dropdown-footer-text", "items", "label", "loading", "placeholder", "readonly"])),
-                D.value ? (k(), P("p", Cn, O(D.value), 1)) : Q("", !0)
+                L.value ? (b(), q("p", Cn, O(L.value), 1)) : X("", !0)
               ]),
               _: 1
             }, 8, ["description", "title"])
@@ -2796,8 +2812,8 @@ const lt = (e, r) => {
     };
   }
 });
-const Un = /* @__PURE__ */ lt(xn, [["__scopeId", "data-v-576c2dac"]]);
+const qn = /* @__PURE__ */ lt(xn, [["__scopeId", "data-v-576c2dac"]]);
 export {
-  Un as SniForm,
+  qn as SniForm,
   Rn as SniList
 };