@kong-ui-public/entities-snis 1.1.59 → 2.0.0

package/dist/entities-snis.es.js

@@ -1,9 +1,9 @@
-import { defineComponent as X, ref as x, computed as C, watch as te, renderSlot as J, createCommentVNode as Q, unref as c, onBeforeMount as _e, resolveComponent as F, openBlock as w, createBlock as D, withCtx as d, createElementVNode as j, toDisplayString as $, createElementBlock as B, withModifiers as ve, createVNode as I, createTextVNode as W, createSlots as De, withDirectives as ye, vShow as me, renderList as Ie, Fragment as He, useSlots as ot, normalizeClass as he, onMounted as lt, onUnmounted as st, inject as ct, resolveDynamicComponent as Ae, mergeProps as $e, reactive as Fe } from "vue";
-import { createI18n as Ce, i18nTComponent as ze } from "@kong-ui-public/i18n";
-import ut from "axios";
-import { ToastManager as dt } from "@kong/kongponents";
-import { useRouter as We } from "vue-router";
-const pt = {
+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 K, openBlock as k, createBlock as L, withCtx as u, createElementVNode as F, 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 Fe } from "vue";
+import { createI18n as xe, i18nTComponent as Je } from "@kong-ui-public/i18n";
+import mt from "axios";
+import { ToastManager as gt } from "@kong/kongponents";
+import { useRouter as Ze } from "vue-router";
+const vt = {
   create: "New SNI",
   copy_id: "Copy ID",
   copy_json: "Copy JSON",
@@ -11,10 +11,10 @@ const pt = {
   delete: "Delete",
   clear: "Clear",
   loading: "Loading..."
-}, ft = {
+}, ht = {
   placeholder: "Filter by exact name or ID",
   no_results: "No results found"
-}, yt = {
+}, bt = {
   title: "SNIs",
   list: {
     toolbar_actions: {
@@ -31,7 +31,7 @@ const pt = {
       description: "SNIs are used to map hostnames to a certificate."
     }
   }
-}, mt = {
+}, kt = {
   sections: {
     general: {
       title: "General Information",
@@ -59,7 +59,7 @@ const pt = {
       footer: "Search by exact ID to find certificates not included in the list"
     }
   }
-}, gt = {
+}, wt = {
   delete: "The SNI could not be deleted at this time.",
   general: "SNIs could not be retrieved",
   certificates: {
@@ -67,31 +67,31 @@ const pt = {
     invalid: "Please select a valid certificate ID"
   },
   copy: "Failed to copy to clipboard"
-}, vt = {
+}, St = {
   success: "Copied {val} to clipboard",
   success_brief: "Successfully copied to clipboard"
-}, ht = {
-  actions: pt,
-  search: ft,
-  snis: yt,
-  form: mt,
+}, _t = {
+  actions: vt,
+  search: ht,
+  snis: bt,
+  form: kt,
   delete: {
     title: "Delete an SNI",
     description: "This action cannot be reversed so make sure to check the SNI usage before deleting."
   },
-  errors: gt,
-  copy: vt
+  errors: wt,
+  copy: St
 };
-function bt() {
-  const e = Ce("en-us", ht);
+function It() {
+  const e = xe("en-us", _t);
   return {
     i18n: e,
-    i18nT: ze(e)
+    i18nT: Je(e)
     // Translation component <i18n-t>
   };
 }
 const Ye = {
-  useI18n: bt
+  useI18n: It
 }, de = {
   list: {
     konnect: {
@@ -116,75 +116,75 @@ const Ye = {
     }
   }
 };
-var Je = /* @__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))(Je || {}), 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 || {});
-function xe(e = {}) {
+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 || {});
+function Te(e = {}) {
   return {
-    axiosInstance: ut.create({
+    axiosInstance: mt.create({
       withCredentials: !0,
       timeout: 3e4,
       ...e
     })
   };
 }
-function kt() {
+function Ct() {
   return {
-    debounce: (e, a) => {
+    debounce: (e, r) => {
       let t;
-      return (...r) => {
+      return (...a) => {
         clearTimeout(t), t = window == null ? void 0 : window.setTimeout(() => {
-          e(...r);
-        }, a);
+          e(...a);
+        }, r);
       };
     }
   };
 }
-const ke = "khcp-user-table-preferences", wt = {
+const ke = "khcp-user-table-preferences", xt = {
   pageSize: 30,
   sortColumnKey: void 0,
   sortColumnOrder: void 0
 };
-function St() {
+function Tt() {
   const e = (t) => {
     if (typeof t == "string")
       try {
         return JSON.parse(t);
-      } catch (r) {
-        console.error("useTablePreferences(tryParseJson)", r);
+      } catch (a) {
+        console.error("useTablePreferences(tryParseJson)", a);
         return;
       }
-  }, a = () => {
+  }, r = () => {
     const t = e(localStorage.getItem(ke));
     return !t || !Object.keys(t).length ? /* @__PURE__ */ new Map() : new Map(Object.entries(t));
   };
   return {
-    setTablePreferences: (t, r) => {
+    setTablePreferences: (t, a) => {
       try {
-        const n = a();
-        n.set(t, r), localStorage.setItem(ke, JSON.stringify(Object.fromEntries(n.entries())));
+        const n = r();
+        n.set(t, a), localStorage.setItem(ke, JSON.stringify(Object.fromEntries(n.entries())));
       } catch (n) {
         console.error("useTablePreferences(setTablePreferences)", n);
       }
     },
     getTablePreferences: (t) => {
-      const r = a();
-      return (r == null ? void 0 : r.get(t)) || void 0 || wt;
+      const a = r();
+      return (a == null ? void 0 : a.get(t)) || void 0 || xt;
     },
     deleteAllTablePreferences: () => {
       localStorage.removeItem(ke);
     }
   };
 }
-const _t = {
+const Nt = {
   actions: {
     copyId: "Copy ID",
     copied_id: 'Copied "{id}" to the clipboard',
     copyToClipboard: "Copied successfully!",
     copyToClipboardFailed: "Failed to copy to the clipboard"
   }
-}, It = {
+}, Et = {
   message: "Are you sure you want to delete this {entityType}?",
   messageWithName: "Are you sure you want to delete this {entityType} {entityName}?"
-}, Ct = {
+}, At = {
   actions: {
     save: "Save",
     cancel: "Cancel",
@@ -193,13 +193,13 @@ const _t = {
   errors: {
     edit: "The entity could not be edited at this time."
   }
-}, xt = {
+}, $t = {
   emptyState: {
     noSearchResultsTitle: "No results found",
     noSearchResultsMessage: "Please adjust the criteria and try again.",
     noSearchResultsCtaText: "Clear"
   }
-}, Tt = {
+}, Ot = {
   title: "Configuration",
   actions: {
     copy: "Copy JSON"
@@ -234,7 +234,7 @@ const _t = {
     entryTitle: "Entry {index}",
     structuredFormat: "Structured"
   }
-}, Et = {
+}, Ft = {
   filterButtonText: "Filter",
   fieldLabel: "Filter by:",
   inputPlaceholder: "Enter a value",
@@ -242,15 +242,15 @@ const _t = {
   applyButtonText: "Apply",
   clearButtonText: "Clear",
   clearAllButtonText: "Clear all filters"
-}, Nt = {
+}, Kt = {
   errors: {
     fetch: "Could not fetch available items",
     invalid: "Please select a valid value"
   }
-}, Ot = {
+}, Mt = {
   unexpected: "An unexpected error has occurred",
   dataKeyUndefined: 'The data key "{dataKey}" does not exist in the response.'
-}, At = {
+}, jt = {
   enable: {
     title: "Enable {entityType}",
     message: "Are you sure you want to enable the {entityType} {entityName}?",
@@ -261,32 +261,32 @@ const _t = {
     message: "Are you sure you want to disable the {entityType} {entityName}?",
     confirmText: "Yes, disable"
   }
-}, $t = {
-  global: _t,
-  deleteModal: It,
-  baseForm: Ct,
-  baseTable: xt,
-  baseConfigCard: Tt,
-  filter: Et,
-  debouncedFilter: Nt,
-  errors: Ot,
-  toggleModal: At
+}, Pt = {
+  global: Nt,
+  deleteModal: Et,
+  baseForm: At,
+  baseTable: $t,
+  baseConfigCard: Ot,
+  filter: Ft,
+  debouncedFilter: Kt,
+  errors: Mt,
+  toggleModal: jt
 };
-function Te() {
-  const e = Ce("en-us", $t);
+function Ne() {
+  const e = xe("en-us", Pt);
   return {
     i18n: e,
-    i18nT: ze(e)
+    i18nT: Je(e)
     // Translation component <i18n-t>
   };
 }
-function Ze() {
-  const e = (t, r) => (r == null ? void 0 : r[t]) ?? void 0, a = (t, r) => {
-    if (t.length !== r.length)
+function Qe() {
+  const e = (t, a) => (a == null ? void 0 : a[t]) ?? void 0, r = (t, a) => {
+    if (t.length !== a.length)
       return !1;
-    const n = /* @__PURE__ */ new Set([...t, ...r]);
+    const n = /* @__PURE__ */ new Set([...t, ...a]);
     for (const i of n) {
-      const o = t.filter((u) => u === i).length, f = r.filter((u) => u === i).length;
+      const o = t.filter((d) => d === i).length, f = a.filter((d) => d === i).length;
       if (o !== f)
         return !1;
     }
@@ -294,16 +294,16 @@ function Ze() {
   };
   return {
     getPropValue: e,
-    objectsAreEqual: (t, r, n) => {
+    objectsAreEqual: (t, a, n) => {
       if (n) {
-        if (Object.keys(t).length === Object.keys(r).length)
+        if (Object.keys(t).length === Object.keys(a).length)
           for (const i in t)
-            if (Array.isArray(t[i]) && Array.isArray(r[i])) {
-              if (a(t[i], r[i]))
+            if (Array.isArray(t[i]) && Array.isArray(a[i])) {
+              if (r(t[i], a[i]))
                 continue;
               return !1;
             } else {
-              if (t[i] === r[i])
+              if (t[i] === a[i])
                 continue;
               return !1;
             }
@@ -312,174 +312,174 @@ function Ze() {
         return !0;
       }
       try {
-        return JSON.stringify(t) === JSON.stringify(r);
+        return JSON.stringify(t) === JSON.stringify(a);
       } catch {
         return !1;
       }
     },
-    sortAlpha: (t) => (r, n) => {
-      let i = r[t] === void 0 || r[t] === null ? "" : r[t], o = n[t] === void 0 || n[t] === null ? "" : n[t];
-      return Array.isArray(r[t]) && (i = r[t][0]), Array.isArray(n[t]) && (o = n[t][0]), i.localeCompare(o);
+    sortAlpha: (t) => (a, n) => {
+      let i = a[t] === void 0 || a[t] === null ? "" : a[t], o = n[t] === void 0 || n[t] === null ? "" : n[t];
+      return Array.isArray(a[t]) && (i = a[t][0]), Array.isArray(n[t]) && (o = n[t][0]), i.localeCompare(o);
     },
     isValidUuid: (t) => t ? /[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}/.test(t) : !1
   };
 }
-function Ft(e, a, t, r = {
+function Rt(e, r, t, a = {
   fetchedItemsKey: "data",
   searchKeys: ["id"]
 }) {
   t || (t = "100");
-  const { axiosInstance: n } = xe({
+  const { axiosInstance: n } = Te({
     headers: e.requestHeaders
-  }), { i18n: { t: i } } = Te(), { debounce: o } = kt(), f = o(async (b) => {
+  }), { i18n: { t: i } } = Ne(), { debounce: o } = Ct(), f = o(async (b) => {
     await p(b);
-  }, 200), u = x(!1), y = x(""), l = x(""), v = x([]), k = x([]), T = x(void 0), U = c(a);
-  let h = `${e.apiBaseUrl}${U}`;
-  e.app === "konnect" ? h = h.replace(/{controlPlaneId}/gi, (e == null ? void 0 : e.controlPlaneId) || "") : e.app === "kongManager" && (h = h.replace(/\/{workspace}/gi, e != null && e.workspace ? `/${e.workspace}` : ""));
-  const { isValidUuid: s } = Ze(), g = async () => {
+  }, 200), d = x(!1), y = x(""), l = x(""), g = x([]), w = x([]), T = x(void 0), U = s(r);
+  let v = `${e.apiBaseUrl}${U}`;
+  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 {
-      u.value = !0;
-      const { data: b } = await n.get(`${h}?size=${t}`);
-      b != null && b.next || (T.value = r.fetchedItemsKey in b ? b[r.fetchedItemsKey] : []), k.value = r.fetchedItemsKey in b ? b[r.fetchedItemsKey] : [], v.value = k.value;
+      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;
     } catch {
-      v.value = [], y.value = i("debouncedFilter.errors.fetch");
+      g.value = [], y.value = i("debouncedFilter.errors.fetch");
     } finally {
-      u.value = !1;
+      d.value = !1;
     }
-  }, _ = x(""), p = async (b) => {
-    var H, Z, N;
-    if (_.value !== b)
-      if (_.value = b || "", T.value === void 0)
+  }, C = x(""), p = async (b) => {
+    var H, Y, E;
+    if (C.value !== b)
+      if (C.value = b || "", T.value === void 0)
         try {
-          if (u.value = !0, y.value = "", l.value = "", e.app === "konnect") {
-            let M = h + "";
-            b && (M += `/${b}`);
-            const { data: K } = await n.get(`${M}?size=${t}`);
-            r.fetchedItemsKey in K ? v.value = K[r.fetchedItemsKey] : K != null && K.id ? v.value = [K] : v.value = [];
+          if (d.value = !0, y.value = "", l.value = "", e.app === "konnect") {
+            let j = v + "";
+            b && (j += `/${b}`);
+            const { data: M } = await n.get(`${j}?size=${t}`);
+            a.fetchedItemsKey in M ? g.value = M[a.fetchedItemsKey] : M != null && M.id ? g.value = [M] : g.value = [];
           } else if (b) {
-            const M = [];
-            s(b) && r.searchKeys.includes("id") ? M.push((async () => {
-              const { data: A } = await n.get(`${h}/${b}`);
-              return [A[r.fetchedItemsKey] ?? A];
-            })()) : M.push(
-              ...r.searchKeys.filter((A) => A !== "id").map(async (A) => {
-                const { data: V } = await n.get(`${h}?${A}=${b}`);
-                return V[r.fetchedItemsKey];
+            const j = [];
+            c(b) && a.searchKeys.includes("id") ? j.push((async () => {
+              const { data: $ } = await n.get(`${v}/${b}`);
+              return [$[a.fetchedItemsKey] ?? $];
+            })()) : j.push(
+              ...a.searchKeys.filter(($) => $ !== "id").map(async ($) => {
+                const { data: D } = await n.get(`${v}?${$}=${b}`);
+                return D[a.fetchedItemsKey];
               })
             );
-            const K = await Promise.all(M), R = /* @__PURE__ */ new Set();
-            v.value = [], (H = K == null ? void 0 : K.forEach) == null || H.call(K, (A) => {
-              var V;
-              (V = A == null ? void 0 : A.forEach) == null || V.call(A, (ee) => {
-                R.has(ee.id) || (R.add(ee.id), v.value.push(ee));
+            const M = await Promise.all(j), B = /* @__PURE__ */ new Set();
+            g.value = [], (H = M == null ? void 0 : M.forEach) == null || H.call(M, ($) => {
+              var D;
+              (D = $ == null ? void 0 : $.forEach) == null || D.call($, (ee) => {
+                B.has(ee.id) || (B.add(ee.id), g.value.push(ee));
               });
             });
           } else
-            v.value = k.value;
-        } catch (M) {
-          ((Z = M == null ? void 0 : M.response) == null ? void 0 : Z.status) === 404 ? l.value = i("debouncedFilter.errors.invalid") : (v.value = [], y.value = i("debouncedFilter.errors.fetch"));
+            g.value = w.value;
+        } catch (j) {
+          ((Y = j == null ? void 0 : j.response) == null ? void 0 : Y.status) === 404 ? l.value = i("debouncedFilter.errors.invalid") : (g.value = [], y.value = i("debouncedFilter.errors.fetch"));
         } finally {
-          u.value = !1;
+          d.value = !1;
         }
       else
-        u.value = !0, l.value = "", b ? (v.value = (N = T.value) == null ? void 0 : N.filter((M) => {
-          var K;
-          let R = !1;
-          for (const A of r.searchKeys) {
-            const V = typeof M[A] == "string" ? (K = M[A]) == null ? void 0 : K.toLowerCase() : M[A];
-            V != null && V.includes(b.toLowerCase()) && (R = !0);
+        d.value = !0, l.value = "", b ? (g.value = (E = T.value) == null ? void 0 : E.filter((j) => {
+          var M;
+          let B = !1;
+          for (const $ of a.searchKeys) {
+            const D = typeof j[$] == "string" ? (M = j[$]) == null ? void 0 : M.toLowerCase() : j[$];
+            D != null && D.includes(b.toLowerCase()) && (B = !0);
           }
-          return R;
-        }), (!v.value || !v.value.length) && (l.value = i("debouncedFilter.errors.invalid"))) : v.value = T.value, u.value = !1;
+          return B;
+        }), (!g.value || !g.value.length) && (l.value = i("debouncedFilter.errors.invalid"))) : g.value = T.value, d.value = !1;
   };
   return {
-    loading: u,
+    loading: d,
     error: y,
     validationError: l,
-    results: v,
+    results: g,
     allRecords: T,
-    loadItems: g,
+    loadItems: h,
     debouncedQueryChange: f
   };
 }
-function Kt(e, a) {
-  const t = c(a), r = C(
+function Ut(e, r) {
+  const t = s(r), a = S(
     () => e.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${t}`) : new URL(t)
   );
-  return r.value.search = "", (n) => `${r.value.href}/${n}`;
+  return a.value.search = "", (n) => `${a.value.href}/${n}`;
 }
-function jt() {
-  const { i18n: { t: e } } = Te();
+function Bt() {
+  const { i18n: { t: e } } = Ne();
   return {
-    getMessageFromError: (a) => {
-      var t, r, n;
-      if (!a)
+    getMessageFromError: (r) => {
+      var t, a, n;
+      if (!r)
         return e("errors.unexpected");
-      if ((t = a == null ? void 0 : a.response) != null && t.data) {
-        if (a.response.data.detail)
-          return a.response.data.detail;
-        if ((r = a.response.data.details) != null && r.length)
-          return a.response.data.details.map((i) => {
+      if ((t = r == null ? void 0 : r.response) != null && t.data) {
+        if (r.response.data.detail)
+          return r.response.data.detail;
+        if ((a = r.response.data.details) != null && a.length)
+          return r.response.data.details.map((i) => {
             let o = e("errors.unexpected");
             return i.messages && typeof i.messages == "object" && i.messages.length && (o = i.messages.join(", ")), i.field ? `${i.field} - ${o}` : o;
           }).join("; ");
-        if (a.response.data.message) {
-          const { message: i } = a.response.data;
+        if (r.response.data.message) {
+          const { message: i } = r.response.data;
           return Array.isArray(i) ? (n = i[0]) != null && n.constraints ? Object.values(i[0].constraints)[0] : i[0] : i;
         }
-        if (typeof a.response.data == "string")
-          return a.response.data;
-        if (typeof a.response.data == "object")
-          return Object.keys(a.response.data).map((i) => `${i} ${a.response.data[i]}`).join(", ");
+        if (typeof r.response.data == "string")
+          return r.response.data;
+        if (typeof r.response.data == "object")
+          return Object.keys(r.response.data).map((i) => `${i} ${r.response.data[i]}`).join(", ");
       }
-      return a.message || e("errors.unexpected");
+      return r.message || e("errors.unexpected");
     }
   };
 }
-function Mt(e) {
-  const a = window.location.origin, t = a.endsWith("/") ? a : `${a}/`;
+function Vt(e) {
+  const r = window.location.origin, t = r.endsWith("/") ? r : `${r}/`;
   try {
-    const r = e.join("/"), n = `${t}${r}`, i = e.some((o) => o.trim() === "");
+    const a = e.join("/"), n = `${t}${a}`, i = e.some((o) => o.trim() === "");
     if (!/https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,4}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/g.test(n) && !i && new URL(n))
-      return `${t}${r}`;
+      return `${t}${a}`;
     throw new Error("Invalid url");
-  } catch (r) {
-    return console.warn("Failed to build valid URL:", r), "";
+  } catch (a) {
+    return console.warn("Failed to build valid URL:", a), "";
   }
 }
-function Ge(e, a) {
-  const t = x(c(e)), r = x(c(a)), n = C(
+function Xe(e, r) {
+  const t = x(s(e)), a = x(s(r)), n = S(
     () => !!(t.value.app === "konnect" || t.value.isExactMatch)
-  ), i = C(
-    () => r.value.startsWith("/") ? new URL(`${window.location.origin}${r.value}`) : new URL(r.value)
+  ), i = S(
+    () => a.value.startsWith("/") ? new URL(`${window.location.origin}${a.value}`) : new URL(a.value)
   );
   return (o) => {
-    const { page: f, pageSize: u, offset: y, sortColumnKey: l, sortColumnOrder: v, query: k } = o;
+    const { page: f, pageSize: d, offset: y, sortColumnKey: l, sortColumnOrder: g, query: w } = o;
     try {
       let T = new URL(i.value.href);
-      return n.value && k ? (T.search = "", T = new URL(`${T.href}/${k}/`)) : (n.value || new URLSearchParams(k).forEach((U, h) => {
-        T.searchParams.append(h, U);
-      }), l && T.searchParams.append("sort_by", l), v === "desc" && T.searchParams.append("sort_desc", "1"), T.searchParams.append("size", String(u))), y && f !== 1 && T.searchParams.append("offset", String(y)), T.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), r.value;
+      return console.error("RouteList(fetcher)", T), a.value;
     }
   };
 }
-function Pt(e, a, t = "data") {
-  const r = c(a), { axiosInstance: n } = xe({
+function qt(e, r, t = "data") {
+  const a = s(r), { axiosInstance: n } = Te({
     headers: e.requestHeaders
-  }), i = Ge(e, r), o = x({
+  }), i = Xe(e, a), o = x({
     status: ne.Idle
   });
   return { fetcher: async (f) => {
     try {
       o.value = { status: ne.Loading };
-      const u = i(f), { data: y } = await n.get(u), l = t && t.replace(/[^\w-_]/gi, "");
-      let v;
-      y[l] && Array.isArray(y[l]) ? v = y[l] : v = Object.keys(y).length ? [y] : [];
-      const k = {
-        data: v,
-        total: v.length,
+      const d = i(f), { data: y } = await n.get(d), 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 = {
+        data: g,
+        total: g.length,
         ...y.offset ? {
           pagination: {
             offset: y.offset
@@ -488,180 +488,180 @@ function Pt(e, a, t = "data") {
       };
       return o.value = {
         status: ne.Idle,
-        response: k
-      }, k;
-    } catch (u) {
+        response: w
+      }, w;
+    } catch (d) {
       const y = {
         data: [],
         total: 0
       };
-      return f.query && u.response.status === 404 ? (o.value = {
+      return f.query && d.response.status === 404 ? (o.value = {
         status: ne.NoResults,
         response: y,
-        error: u
+        error: d
       }, y) : (o.value = {
         status: ne.Error,
         response: y,
-        error: u
+        error: d
       }, y);
     }
   }, fetcherState: o };
 }
-function Ut() {
-  const e = (t, r = "_") => t ? t.split(r).map((n) => n.toLowerCase() === "id" ? n.toUpperCase() : n.charAt(0).toUpperCase() + n.substring(1)).join(" ") : "", a = /(?:^|[\s-:'"])\w/g;
+function Lt() {
+  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(a, (r) => r.toUpperCase()) : "",
+    capitalize: (t) => t ? t.replace(r, (a) => a.toUpperCase()) : "",
     convertKeyToTitle: e
   };
 }
-const Qe = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\-]+(?:\.[\da-z\-]+)*))?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i, Ke = (e) => {
+const et = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\-]+(?:\.[\da-z\-]+)*))?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i, Ke = (e) => {
   if (typeof e != "string")
     throw new TypeError("Invalid argument expected string");
-  const a = e.match(Qe);
-  if (!a)
+  const r = e.match(et);
+  if (!r)
     throw new Error(`Invalid argument not valid semver ('${e}' received)`);
-  return a.shift(), a;
-}, je = (e) => e === "*" || e === "x" || e === "X", Me = (e) => {
-  const a = parseInt(e, 10);
-  return isNaN(a) ? e : a;
-}, Rt = (e, a) => typeof e != typeof a ? [String(e), String(a)] : [e, a], Bt = (e, a) => {
-  if (je(e) || je(a))
+  return r.shift(), r;
+}, Me = (e) => e === "*" || e === "x" || e === "X", je = (e) => {
+  const r = parseInt(e, 10);
+  return isNaN(r) ? e : r;
+}, Dt = (e, r) => typeof e != typeof r ? [String(e), String(r)] : [e, r], Ht = (e, r) => {
+  if (Me(e) || Me(r))
     return 0;
-  const [t, r] = Rt(Me(e), Me(a));
-  return t > r ? 1 : t < r ? -1 : 0;
-}, Pe = (e, a) => {
-  for (let t = 0; t < Math.max(e.length, a.length); t++) {
-    const r = Bt(e[t] || "0", a[t] || "0");
-    if (r !== 0)
-      return r;
+  const [t, a] = Dt(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++) {
+    const a = Ht(e[t] || "0", r[t] || "0");
+    if (a !== 0)
+      return a;
   }
   return 0;
-}, qt = (e, a) => {
-  const t = Ke(e), r = Ke(a), n = t.pop(), i = r.pop(), o = Pe(t, r);
+}, zt = (e, r) => {
+  const t = Ke(e), a = Ke(r), n = t.pop(), i = a.pop(), o = Pe(t, a);
   return o !== 0 ? o : n && i ? Pe(n.split("."), i.split(".")) : n || i ? n ? -1 : 1 : 0;
-}, Ue = (e, a, t) => {
-  Lt(t);
-  const r = qt(e, a);
-  return Xe[t].includes(r);
-}, Xe = {
+}, Re = (e, r, t) => {
+  Wt(t);
+  const a = zt(e, r);
+  return tt[t].includes(a);
+}, tt = {
   ">": [1],
   ">=": [0, 1],
   "=": [0],
   "<=": [-1, 0],
   "<": [-1],
   "!=": [-1, 1]
-}, Re = Object.keys(Xe), Lt = (e) => {
+}, Ue = Object.keys(tt), Wt = (e) => {
   if (typeof e != "string")
     throw new TypeError(`Invalid operator type, expected string but got ${typeof e}`);
-  if (Re.indexOf(e) === -1)
-    throw new Error(`Invalid operator, expected one of ${Re.join("|")}`);
-}, Vt = (e) => typeof e == "string" && /^[v\d]/.test(e) && Qe.test(e);
-function Dt(e) {
-  const { gatewayInfo: a, supportedRange: t } = e;
-  if (!a)
+  if (Ue.indexOf(e) === -1)
+    throw new Error(`Invalid operator, expected one of ${Ue.join("|")}`);
+}, Jt = (e) => typeof e == "string" && /^[v\d]/.test(e) && et.test(e);
+function Zt(e) {
+  const { gatewayInfo: r, supportedRange: t } = e;
+  if (!r)
     return !0;
-  const { edition: r, version: n } = a;
-  if (!Vt(n))
+  const { edition: a, version: n } = r;
+  if (!Jt(n))
     return console.error("Invalid version"), !1;
-  const i = t[r];
+  const i = t[a];
   if (!i)
     return !1;
   const [o, f] = i;
-  return !(o && Ue(n, o, "<") || f && Ue(n, f, ">"));
+  return !(o && Re(n, o, "<") || f && Re(n, f, ">"));
 }
-function Ht(e) {
-  const a = x(0), t = x(0), r = x(!1);
+function Yt(e) {
+  const r = x(0), t = x(0), a = x(!1);
   return te(e, (n) => {
-    n && !r.value && (a.value = n.offsetWidth, t.value = n.scrollWidth, r.value = !0);
+    n && !a.value && (r.value = n.offsetWidth, t.value = n.scrollWidth, a.value = !0);
   }), {
-    isTruncated: C(() => a.value < t.value)
+    isTruncated: S(() => r.value < t.value)
   };
 }
-const zt = new dt();
-function Wt() {
+const Gt = new gt();
+function Qt() {
   return {
     notify: async (e) => {
-      const a = {
+      const r = {
         appearance: "success",
         message: "Success",
         timeoutMilliseconds: 3e3
       };
-      zt.open({
-        ...a,
+      Gt.open({
+        ...r,
         ...e
       });
     }
   };
 }
 const oe = {
-  useAxios: xe,
-  useDebouncedFilter: Ft,
-  useDeleteUrlBuilder: Kt,
-  useErrors: jt,
-  useExternalLinkCreator: Mt,
-  useFetcher: Pt,
-  useFetchUrlBuilder: Ge,
-  useHelpers: Ze,
-  useStringHelpers: Ut,
-  useI18n: Te,
-  useGatewayFeatureSupported: Dt,
-  useTruncationDetector: Ht,
-  useToaster: Wt
-}, ue = (e, a) => {
+  useAxios: Te,
+  useDebouncedFilter: Rt,
+  useDeleteUrlBuilder: Ut,
+  useErrors: Bt,
+  useExternalLinkCreator: Vt,
+  useFetcher: qt,
+  useFetchUrlBuilder: Xe,
+  useHelpers: Qe,
+  useStringHelpers: Lt,
+  useI18n: Ne,
+  useGatewayFeatureSupported: Zt,
+  useTruncationDetector: Yt,
+  useToaster: Qt
+}, ue = (e, r) => {
   const t = e.__vccOpts || e;
-  for (const [r, n] of a)
-    t[r] = n;
+  for (const [a, n] of r)
+    t[a] = n;
   return t;
-}, Yt = "#0044f4", Jt = "#3a3f51";
+}, Xt = "#0044f4", er = "#3a3f51";
 /*! js-yaml 4.1.0 https://github.com/nodeca/js-yaml @license MIT */
-function et(e) {
+function rt(e) {
   return typeof e > "u" || e === null;
 }
-function Zt(e) {
+function tr(e) {
   return typeof e == "object" && e !== null;
 }
-function Gt(e) {
-  return Array.isArray(e) ? e : et(e) ? [] : [e];
+function rr(e) {
+  return Array.isArray(e) ? e : rt(e) ? [] : [e];
 }
-function Qt(e, a) {
-  var t, r, n, i;
-  if (a)
-    for (i = Object.keys(a), t = 0, r = i.length; t < r; t += 1)
-      n = i[t], e[n] = a[n];
+function ar(e, r) {
+  var t, a, n, i;
+  if (r)
+    for (i = Object.keys(r), t = 0, a = i.length; t < a; t += 1)
+      n = i[t], e[n] = r[n];
   return e;
 }
-function Xt(e, a) {
-  var t = "", r;
-  for (r = 0; r < a; r += 1)
+function nr(e, r) {
+  var t = "", a;
+  for (a = 0; a < r; a += 1)
     t += e;
   return t;
 }
-function ea(e) {
+function ir(e) {
   return e === 0 && Number.NEGATIVE_INFINITY === 1 / e;
 }
-var ta = et, aa = Zt, ra = Gt, na = Xt, ia = ea, oa = Qt, Ee = {
-  isNothing: ta,
-  isObject: aa,
-  toArray: ra,
-  repeat: na,
-  isNegativeZero: ia,
-  extend: oa
+var or = rt, lr = tr, sr = rr, cr = nr, ur = ir, dr = ar, Ee = {
+  isNothing: or,
+  isObject: lr,
+  toArray: sr,
+  repeat: cr,
+  isNegativeZero: ur,
+  extend: dr
 };
-function tt(e, a) {
-  var t = "", r = e.reason || "(unknown reason)";
-  return e.mark ? (e.mark.name && (t += 'in "' + e.mark.name + '" '), t += "(" + (e.mark.line + 1) + ":" + (e.mark.column + 1) + ")", !a && e.mark.snippet && (t += `
+function at(e, r) {
+  var t = "", a = e.reason || "(unknown reason)";
+  return e.mark ? (e.mark.name && (t += 'in "' + e.mark.name + '" '), t += "(" + (e.mark.line + 1) + ":" + (e.mark.column + 1) + ")", !r && e.mark.snippet && (t += `
 
-` + e.mark.snippet), r + " " + t) : r;
+` + e.mark.snippet), a + " " + t) : a;
 }
-function pe(e, a) {
-  Error.call(this), this.name = "YAMLException", this.reason = e, this.mark = a, this.message = tt(this, !1), Error.captureStackTrace ? Error.captureStackTrace(this, this.constructor) : this.stack = new Error().stack || "";
+function pe(e, r) {
+  Error.call(this), this.name = "YAMLException", this.reason = e, this.mark = r, this.message = at(this, !1), Error.captureStackTrace ? Error.captureStackTrace(this, this.constructor) : this.stack = new Error().stack || "";
 }
 pe.prototype = Object.create(Error.prototype);
 pe.prototype.constructor = pe;
 pe.prototype.toString = function(e) {
-  return this.name + ": " + tt(this, e);
+  return this.name + ": " + at(this, e);
 };
-var ie = pe, la = [
+var ie = pe, pr = [
   "kind",
   "multi",
   "resolve",
@@ -672,41 +672,41 @@ var ie = pe, la = [
   "representName",
   "defaultStyle",
   "styleAliases"
-], sa = [
+], fr = [
   "scalar",
   "sequence",
   "mapping"
 ];
-function ca(e) {
-  var a = {};
+function yr(e) {
+  var r = {};
   return e !== null && Object.keys(e).forEach(function(t) {
-    e[t].forEach(function(r) {
-      a[String(r)] = t;
+    e[t].forEach(function(a) {
+      r[String(a)] = t;
     });
-  }), a;
+  }), r;
 }
-function ua(e, a) {
-  if (a = a || {}, Object.keys(a).forEach(function(t) {
-    if (la.indexOf(t) === -1)
+function mr(e, r) {
+  if (r = r || {}, Object.keys(r).forEach(function(t) {
+    if (pr.indexOf(t) === -1)
       throw new ie('Unknown option "' + t + '" is met in definition of "' + e + '" YAML type.');
-  }), this.options = a, this.tag = e, this.kind = a.kind || null, this.resolve = a.resolve || function() {
+  }), this.options = r, this.tag = e, this.kind = r.kind || null, this.resolve = r.resolve || function() {
     return !0;
-  }, this.construct = a.construct || function(t) {
+  }, this.construct = r.construct || function(t) {
     return t;
-  }, this.instanceOf = a.instanceOf || null, this.predicate = a.predicate || null, this.represent = a.represent || null, this.representName = a.representName || null, this.defaultStyle = a.defaultStyle || null, this.multi = a.multi || !1, this.styleAliases = ca(a.styleAliases || null), sa.indexOf(this.kind) === -1)
+  }, 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 = yr(r.styleAliases || null), fr.indexOf(this.kind) === -1)
     throw new ie('Unknown kind "' + this.kind + '" is specified for "' + e + '" YAML type.');
 }
-var z = ua;
-function Be(e, a) {
+var z = mr;
+function Be(e, r) {
   var t = [];
-  return e[a].forEach(function(r) {
+  return e[r].forEach(function(a) {
     var n = t.length;
     t.forEach(function(i, o) {
-      i.tag === r.tag && i.kind === r.kind && i.multi === r.multi && (n = o);
-    }), t[n] = r;
+      i.tag === a.tag && i.kind === a.kind && i.multi === a.multi && (n = o);
+    }), t[n] = a;
   }), t;
 }
-function da() {
+function gr() {
   var e = {
     scalar: {},
     sequence: {},
@@ -718,28 +718,28 @@ function da() {
       mapping: [],
       fallback: []
     }
-  }, a, t;
-  function r(n) {
+  }, r, t;
+  function a(n) {
     n.multi ? (e.multi[n.kind].push(n), e.multi.fallback.push(n)) : e[n.kind][n.tag] = e.fallback[n.tag] = n;
   }
-  for (a = 0, t = arguments.length; a < t; a += 1)
-    arguments[a].forEach(r);
+  for (r = 0, t = arguments.length; r < t; r += 1)
+    arguments[r].forEach(a);
   return e;
 }
-function Se(e) {
+function _e(e) {
   return this.extend(e);
 }
-Se.prototype.extend = function(e) {
-  var a = [], t = [];
+_e.prototype.extend = function(e) {
+  var r = [], t = [];
   if (e instanceof z)
     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 && (a = a.concat(e.implicit)), e.explicit && (t = t.concat(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: [...] })");
-  a.forEach(function(n) {
+  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.loadKind && n.loadKind !== "scalar")
@@ -750,48 +750,48 @@ Se.prototype.extend = function(e) {
     if (!(n instanceof z))
       throw new ie("Specified list of YAML types (or a single Type object) contains a non-Type object.");
   });
-  var r = Object.create(Se.prototype);
-  return r.implicit = (this.implicit || []).concat(a), r.explicit = (this.explicit || []).concat(t), r.compiledImplicit = Be(r, "implicit"), r.compiledExplicit = Be(r, "explicit"), r.compiledTypeMap = da(r.compiledImplicit, r.compiledExplicit), r;
+  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 = gr(a.compiledImplicit, a.compiledExplicit), a;
 };
-var pa = Se, fa = new z("tag:yaml.org,2002:str", {
+var vr = _e, hr = new z("tag:yaml.org,2002:str", {
   kind: "scalar",
   construct: function(e) {
     return e !== null ? e : "";
   }
-}), ya = new z("tag:yaml.org,2002:seq", {
+}), br = new z("tag:yaml.org,2002:seq", {
   kind: "sequence",
   construct: function(e) {
     return e !== null ? e : [];
   }
-}), ma = new z("tag:yaml.org,2002:map", {
+}), kr = new z("tag:yaml.org,2002:map", {
   kind: "mapping",
   construct: function(e) {
     return e !== null ? e : {};
   }
-}), ga = new pa({
+}), wr = new vr({
   explicit: [
-    fa,
-    ya,
-    ma
+    hr,
+    br,
+    kr
   ]
 });
-function va(e) {
+function Sr(e) {
   if (e === null)
     return !0;
-  var a = e.length;
-  return a === 1 && e === "~" || a === 4 && (e === "null" || e === "Null" || e === "NULL");
+  var r = e.length;
+  return r === 1 && e === "~" || r === 4 && (e === "null" || e === "Null" || e === "NULL");
 }
-function ha() {
+function _r() {
   return null;
 }
-function ba(e) {
+function Ir(e) {
   return e === null;
 }
-var ka = new z("tag:yaml.org,2002:null", {
+var Cr = new z("tag:yaml.org,2002:null", {
   kind: "scalar",
-  resolve: va,
-  construct: ha,
-  predicate: ba,
+  resolve: Sr,
+  construct: _r,
+  predicate: Ir,
   represent: {
     canonical: function() {
       return "~";
@@ -811,23 +811,23 @@ var ka = new z("tag:yaml.org,2002:null", {
   },
   defaultStyle: "lowercase"
 });
-function wa(e) {
+function xr(e) {
   if (e === null)
     return !1;
-  var a = e.length;
-  return a === 4 && (e === "true" || e === "True" || e === "TRUE") || a === 5 && (e === "false" || e === "False" || e === "FALSE");
+  var r = e.length;
+  return r === 4 && (e === "true" || e === "True" || e === "TRUE") || r === 5 && (e === "false" || e === "False" || e === "FALSE");
 }
-function Sa(e) {
+function Tr(e) {
   return e === "true" || e === "True" || e === "TRUE";
 }
-function _a(e) {
+function Nr(e) {
   return Object.prototype.toString.call(e) === "[object Boolean]";
 }
-var Ia = new z("tag:yaml.org,2002:bool", {
+var Er = new z("tag:yaml.org,2002:bool", {
   kind: "scalar",
-  resolve: wa,
-  construct: Sa,
-  predicate: _a,
+  resolve: xr,
+  construct: Tr,
+  predicate: Nr,
   represent: {
     lowercase: function(e) {
       return e ? "true" : "false";
@@ -841,84 +841,84 @@ var Ia = new z("tag:yaml.org,2002:bool", {
   },
   defaultStyle: "lowercase"
 });
-function Ca(e) {
+function Ar(e) {
   return 48 <= e && e <= 57 || 65 <= e && e <= 70 || 97 <= e && e <= 102;
 }
-function xa(e) {
+function $r(e) {
   return 48 <= e && e <= 55;
 }
-function Ta(e) {
+function Or(e) {
   return 48 <= e && e <= 57;
 }
-function Ea(e) {
+function Fr(e) {
   if (e === null)
     return !1;
-  var a = e.length, t = 0, r = !1, n;
-  if (!a)
+  var r = e.length, t = 0, a = !1, n;
+  if (!r)
     return !1;
   if (n = e[t], (n === "-" || n === "+") && (n = e[++t]), n === "0") {
-    if (t + 1 === a)
+    if (t + 1 === r)
       return !0;
     if (n = e[++t], n === "b") {
-      for (t++; t < a; t++)
+      for (t++; t < r; t++)
         if (n = e[t], n !== "_") {
           if (n !== "0" && n !== "1")
             return !1;
-          r = !0;
+          a = !0;
         }
-      return r && n !== "_";
+      return a && n !== "_";
     }
     if (n === "x") {
-      for (t++; t < a; t++)
+      for (t++; t < r; t++)
         if (n = e[t], n !== "_") {
-          if (!Ca(e.charCodeAt(t)))
+          if (!Ar(e.charCodeAt(t)))
             return !1;
-          r = !0;
+          a = !0;
         }
-      return r && n !== "_";
+      return a && n !== "_";
     }
     if (n === "o") {
-      for (t++; t < a; t++)
+      for (t++; t < r; t++)
         if (n = e[t], n !== "_") {
-          if (!xa(e.charCodeAt(t)))
+          if (!$r(e.charCodeAt(t)))
             return !1;
-          r = !0;
+          a = !0;
         }
-      return r && n !== "_";
+      return a && n !== "_";
     }
   }
   if (n === "_")
     return !1;
-  for (; t < a; t++)
+  for (; t < r; t++)
     if (n = e[t], n !== "_") {
-      if (!Ta(e.charCodeAt(t)))
+      if (!Or(e.charCodeAt(t)))
         return !1;
-      r = !0;
+      a = !0;
     }
-  return !(!r || n === "_");
+  return !(!a || n === "_");
 }
-function Na(e) {
-  var a = e, t = 1, r;
-  if (a.indexOf("_") !== -1 && (a = a.replace(/_/g, "")), r = a[0], (r === "-" || r === "+") && (r === "-" && (t = -1), a = a.slice(1), r = a[0]), a === "0")
+function Kr(e) {
+  var r = e, t = 1, a;
+  if (r.indexOf("_") !== -1 && (r = r.replace(/_/g, "")), a = r[0], (a === "-" || a === "+") && (a === "-" && (t = -1), r = r.slice(1), a = r[0]), r === "0")
     return 0;
-  if (r === "0") {
-    if (a[1] === "b")
-      return t * parseInt(a.slice(2), 2);
-    if (a[1] === "x")
-      return t * parseInt(a.slice(2), 16);
-    if (a[1] === "o")
-      return t * parseInt(a.slice(2), 8);
+  if (a === "0") {
+    if (r[1] === "b")
+      return t * parseInt(r.slice(2), 2);
+    if (r[1] === "x")
+      return t * parseInt(r.slice(2), 16);
+    if (r[1] === "o")
+      return t * parseInt(r.slice(2), 8);
   }
-  return t * parseInt(a, 10);
+  return t * parseInt(r, 10);
 }
-function Oa(e) {
+function Mr(e) {
   return Object.prototype.toString.call(e) === "[object Number]" && e % 1 === 0 && !Ee.isNegativeZero(e);
 }
-var Aa = new z("tag:yaml.org,2002:int", {
+var jr = new z("tag:yaml.org,2002:int", {
   kind: "scalar",
-  resolve: Ea,
-  construct: Na,
-  predicate: Oa,
+  resolve: Fr,
+  construct: Kr,
+  predicate: Mr,
   represent: {
     binary: function(e) {
       return e >= 0 ? "0b" + e.toString(2) : "-0b" + e.toString(2).slice(1);
@@ -941,24 +941,24 @@ var Aa = new z("tag:yaml.org,2002:int", {
     decimal: [10, "dec"],
     hexadecimal: [16, "hex"]
   }
-}), $a = new RegExp(
+}), Pr = new RegExp(
   // 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 Fa(e) {
-  return !(e === null || !$a.test(e) || // Quick hack to not allow integers end with `_`
+function Rr(e) {
+  return !(e === null || !Pr.test(e) || // Quick hack to not allow integers end with `_`
   // Probably should update regexp & check speed
   e[e.length - 1] === "_");
 }
-function Ka(e) {
-  var a, t;
-  return a = e.replace(/_/g, "").toLowerCase(), t = a[0] === "-" ? -1 : 1, "+-".indexOf(a[0]) >= 0 && (a = a.slice(1)), a === ".inf" ? t === 1 ? Number.POSITIVE_INFINITY : Number.NEGATIVE_INFINITY : a === ".nan" ? NaN : t * parseFloat(a, 10);
+function Ur(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);
 }
-var ja = /^[-+]?[0-9]+e/;
-function Ma(e, a) {
+var Br = /^[-+]?[0-9]+e/;
+function Vr(e, r) {
   var t;
   if (isNaN(e))
-    switch (a) {
+    switch (r) {
       case "lowercase":
         return ".nan";
       case "uppercase":
@@ -967,7 +967,7 @@ function Ma(e, a) {
         return ".NaN";
     }
   else if (Number.POSITIVE_INFINITY === e)
-    switch (a) {
+    switch (r) {
       case "lowercase":
         return ".inf";
       case "uppercase":
@@ -976,7 +976,7 @@ function Ma(e, a) {
         return ".Inf";
     }
   else if (Number.NEGATIVE_INFINITY === e)
-    switch (a) {
+    switch (r) {
       case "lowercase":
         return "-.inf";
       case "uppercase":
@@ -986,192 +986,192 @@ function Ma(e, a) {
     }
   else if (Ee.isNegativeZero(e))
     return "-0.0";
-  return t = e.toString(10), ja.test(t) ? t.replace("e", ".e") : t;
+  return t = e.toString(10), Br.test(t) ? t.replace("e", ".e") : t;
 }
-function Pa(e) {
+function qr(e) {
   return Object.prototype.toString.call(e) === "[object Number]" && (e % 1 !== 0 || Ee.isNegativeZero(e));
 }
-var Ua = new z("tag:yaml.org,2002:float", {
+var Lr = new z("tag:yaml.org,2002:float", {
   kind: "scalar",
-  resolve: Fa,
-  construct: Ka,
-  predicate: Pa,
-  represent: Ma,
+  resolve: Rr,
+  construct: Ur,
+  predicate: qr,
+  represent: Vr,
   defaultStyle: "lowercase"
-}), Ra = ga.extend({
+}), Dr = wr.extend({
   implicit: [
-    ka,
-    Ia,
-    Aa,
-    Ua
+    Cr,
+    Er,
+    jr,
+    Lr
   ]
-}), Ba = Ra, at = new RegExp(
+}), Hr = Dr, nt = new RegExp(
   "^([0-9][0-9][0-9][0-9])-([0-9][0-9])-([0-9][0-9])$"
-), rt = new RegExp(
+), 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]))?))?$"
 );
-function qa(e) {
-  return e === null ? !1 : at.exec(e) !== null || rt.exec(e) !== null;
+function zr(e) {
+  return e === null ? !1 : nt.exec(e) !== null || it.exec(e) !== null;
 }
-function La(e) {
-  var a, t, r, n, i, o, f, u = 0, y = null, l, v, k;
-  if (a = at.exec(e), a === null && (a = rt.exec(e)), a === null)
+function Wr(e) {
+  var r, t, a, n, i, o, f, d = 0, y = null, l, g, w;
+  if (r = nt.exec(e), r === null && (r = it.exec(e)), r === null)
     throw new Error("Date resolve error");
-  if (t = +a[1], r = +a[2] - 1, n = +a[3], !a[4])
-    return new Date(Date.UTC(t, r, n));
-  if (i = +a[4], o = +a[5], f = +a[6], a[7]) {
-    for (u = a[7].slice(0, 3); u.length < 3; )
-      u += "0";
-    u = +u;
+  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;
   }
-  return a[9] && (l = +a[10], v = +(a[11] || 0), y = (l * 60 + v) * 6e4, a[9] === "-" && (y = -y)), k = new Date(Date.UTC(t, r, n, i, o, f, u)), y && k.setTime(k.getTime() - y), k;
+  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;
 }
-function Va(e) {
+function Jr(e) {
   return e.toISOString();
 }
-var Da = new z("tag:yaml.org,2002:timestamp", {
+var Zr = new z("tag:yaml.org,2002:timestamp", {
   kind: "scalar",
-  resolve: qa,
-  construct: La,
+  resolve: zr,
+  construct: Wr,
   instanceOf: Date,
-  represent: Va
+  represent: Jr
 });
-function Ha(e) {
+function Yr(e) {
   return e === "<<" || e === null;
 }
-var za = new z("tag:yaml.org,2002:merge", {
+var Gr = new z("tag:yaml.org,2002:merge", {
   kind: "scalar",
-  resolve: Ha
-}), Ne = `ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=
+  resolve: Yr
+}), Ae = `ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=
 \r`;
-function Wa(e) {
+function Qr(e) {
   if (e === null)
     return !1;
-  var a, t, r = 0, n = e.length, i = Ne;
+  var r, t, a = 0, n = e.length, i = Ae;
   for (t = 0; t < n; t++)
-    if (a = i.indexOf(e.charAt(t)), !(a > 64)) {
-      if (a < 0)
+    if (r = i.indexOf(e.charAt(t)), !(r > 64)) {
+      if (r < 0)
         return !1;
-      r += 6;
+      a += 6;
     }
-  return r % 8 === 0;
+  return a % 8 === 0;
 }
-function Ya(e) {
-  var a, t, r = e.replace(/[\r\n=]/g, ""), n = r.length, i = Ne, o = 0, f = [];
-  for (a = 0; a < n; a++)
-    a % 4 === 0 && a && (f.push(o >> 16 & 255), f.push(o >> 8 & 255), f.push(o & 255)), o = o << 6 | i.indexOf(r.charAt(a));
+function Xr(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));
   return t = n % 4 * 6, t === 0 ? (f.push(o >> 16 & 255), f.push(o >> 8 & 255), f.push(o & 255)) : t === 18 ? (f.push(o >> 10 & 255), f.push(o >> 2 & 255)) : t === 12 && f.push(o >> 4 & 255), new Uint8Array(f);
 }
-function Ja(e) {
-  var a = "", t = 0, r, n, i = e.length, o = Ne;
-  for (r = 0; r < i; r++)
-    r % 3 === 0 && r && (a += o[t >> 18 & 63], a += o[t >> 12 & 63], a += o[t >> 6 & 63], a += o[t & 63]), t = (t << 8) + e[r];
-  return n = i % 3, n === 0 ? (a += o[t >> 18 & 63], a += o[t >> 12 & 63], a += o[t >> 6 & 63], a += o[t & 63]) : n === 2 ? (a += o[t >> 10 & 63], a += o[t >> 4 & 63], a += o[t << 2 & 63], a += o[64]) : n === 1 && (a += o[t >> 2 & 63], a += o[t << 4 & 63], a += o[64], a += o[64]), a;
+function ea(e) {
+  var r = "", t = 0, a, n, i = e.length, o = Ae;
+  for (a = 0; a < i; a++)
+    a % 3 === 0 && a && (r += o[t >> 18 & 63], r += o[t >> 12 & 63], r += o[t >> 6 & 63], r += o[t & 63]), t = (t << 8) + e[a];
+  return n = i % 3, n === 0 ? (r += o[t >> 18 & 63], r += o[t >> 12 & 63], r += o[t >> 6 & 63], r += o[t & 63]) : n === 2 ? (r += o[t >> 10 & 63], r += o[t >> 4 & 63], r += o[t << 2 & 63], r += o[64]) : n === 1 && (r += o[t >> 2 & 63], r += o[t << 4 & 63], r += o[64], r += o[64]), r;
 }
-function Za(e) {
+function ta(e) {
   return Object.prototype.toString.call(e) === "[object Uint8Array]";
 }
-var Ga = new z("tag:yaml.org,2002:binary", {
+var ra = new z("tag:yaml.org,2002:binary", {
   kind: "scalar",
-  resolve: Wa,
-  construct: Ya,
-  predicate: Za,
-  represent: Ja
-}), Qa = Object.prototype.hasOwnProperty, Xa = Object.prototype.toString;
-function er(e) {
+  resolve: Qr,
+  construct: Xr,
+  predicate: ta,
+  represent: ea
+}), aa = Object.prototype.hasOwnProperty, na = Object.prototype.toString;
+function ia(e) {
   if (e === null)
     return !0;
-  var a = [], t, r, n, i, o, f = e;
-  for (t = 0, r = f.length; t < r; t += 1) {
-    if (n = f[t], o = !1, Xa.call(n) !== "[object Object]")
+  var r = [], t, a, n, i, o, f = e;
+  for (t = 0, a = f.length; t < a; t += 1) {
+    if (n = f[t], o = !1, na.call(n) !== "[object Object]")
       return !1;
     for (i in n)
-      if (Qa.call(n, i))
+      if (aa.call(n, i))
         if (!o)
           o = !0;
         else
           return !1;
     if (!o)
       return !1;
-    if (a.indexOf(i) === -1)
-      a.push(i);
+    if (r.indexOf(i) === -1)
+      r.push(i);
     else
       return !1;
   }
   return !0;
 }
-function tr(e) {
+function oa(e) {
   return e !== null ? e : [];
 }
-var ar = new z("tag:yaml.org,2002:omap", {
+var la = new z("tag:yaml.org,2002:omap", {
   kind: "sequence",
-  resolve: er,
-  construct: tr
-}), rr = Object.prototype.toString;
-function nr(e) {
+  resolve: ia,
+  construct: oa
+}), sa = Object.prototype.toString;
+function ca(e) {
   if (e === null)
     return !0;
-  var a, t, r, n, i, o = e;
-  for (i = new Array(o.length), a = 0, t = o.length; a < t; a += 1) {
-    if (r = o[a], rr.call(r) !== "[object Object]" || (n = Object.keys(r), n.length !== 1))
+  var r, t, a, n, i, o = e;
+  for (i = new Array(o.length), r = 0, t = o.length; r < t; r += 1) {
+    if (a = o[r], sa.call(a) !== "[object Object]" || (n = Object.keys(a), n.length !== 1))
       return !1;
-    i[a] = [n[0], r[n[0]]];
+    i[r] = [n[0], a[n[0]]];
   }
   return !0;
 }
-function ir(e) {
+function ua(e) {
   if (e === null)
     return [];
-  var a, t, r, n, i, o = e;
-  for (i = new Array(o.length), a = 0, t = o.length; a < t; a += 1)
-    r = o[a], n = Object.keys(r), i[a] = [n[0], r[n[0]]];
+  var r, t, a, n, i, o = e;
+  for (i = new Array(o.length), r = 0, t = o.length; r < t; r += 1)
+    a = o[r], n = Object.keys(a), i[r] = [n[0], a[n[0]]];
   return i;
 }
-var or = new z("tag:yaml.org,2002:pairs", {
+var da = new z("tag:yaml.org,2002:pairs", {
   kind: "sequence",
-  resolve: nr,
-  construct: ir
-}), lr = Object.prototype.hasOwnProperty;
-function sr(e) {
+  resolve: ca,
+  construct: ua
+}), pa = Object.prototype.hasOwnProperty;
+function fa(e) {
   if (e === null)
     return !0;
-  var a, t = e;
-  for (a in t)
-    if (lr.call(t, a) && t[a] !== null)
+  var r, t = e;
+  for (r in t)
+    if (pa.call(t, r) && t[r] !== null)
       return !1;
   return !0;
 }
-function cr(e) {
+function ya(e) {
   return e !== null ? e : {};
 }
-var ur = new z("tag:yaml.org,2002:set", {
+var ma = new z("tag:yaml.org,2002:set", {
   kind: "mapping",
-  resolve: sr,
-  construct: cr
+  resolve: fa,
+  construct: ya
 });
-Ba.extend({
+Hr.extend({
   implicit: [
-    Da,
-    za
+    Zr,
+    Gr
   ],
   explicit: [
-    Ga,
-    ar,
-    or,
-    ur
+    ra,
+    la,
+    da,
+    ma
   ]
 });
-function qe(e) {
+function Ve(e) {
   return e === 48 ? "\0" : e === 97 ? "\x07" : e === 98 ? "\b" : e === 116 || e === 9 ? "	" : e === 110 ? `
 ` : 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 dr = new Array(256), pr = new Array(256);
+var ga = new Array(256), va = new Array(256);
 for (var ce = 0; ce < 256; ce++)
-  dr[ce] = qe(ce) ? 1 : 0, pr[ce] = qe(ce);
-const fr = ["onReset", "onSubmit"], yr = {
+  ga[ce] = Ve(ce) ? 1 : 0, va[ce] = Ve(ce);
+const ha = ["onReset", "onSubmit"], ba = {
   class: "form-actions",
   "data-testid": "form-actions"
-}, mr = /* @__PURE__ */ X({
+}, ka = /* @__PURE__ */ X({
   __name: "EntityBaseForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -1219,104 +1219,104 @@ const fr = ["onReset", "onSubmit"], yr = {
     }
   },
   emits: ["loading", "fetch:success", "fetch:error", "submit", "cancel"],
-  setup(e, { emit: a }) {
+  setup(e, { emit: r }) {
     var t;
-    const r = e, n = We(), { i18n: { t: i } } = oe.useI18n(), { getMessageFromError: o } = oe.useErrors(), { axiosInstance: f } = oe.useAxios({
-      headers: (t = r.config) == null ? void 0 : t.requestHeaders
-    }), u = x(!1), y = x(!1), l = x(""), v = C(() => r.canSubmit === !1 || r.isReadonly), k = C(() => {
-      var s, g;
-      if (!r.editId)
+    const a = e, n = Ze(), { i18n: { t: i } } = oe.useI18n(), { getMessageFromError: o } = oe.useErrors(), { axiosInstance: f } = oe.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(() => {
+      var c, h;
+      if (!a.editId)
         return "";
-      let _ = `${r.config.apiBaseUrl}${r.fetchUrl}`;
-      return r.config.app === "konnect" ? _ = _.replace(/{controlPlaneId}/gi, ((s = r.config) == null ? void 0 : s.controlPlaneId) || "") : r.config.app === "kongManager" && (_ = _.replace(/\/{workspace}/gi, (g = r.config) != null && g.workspace ? `/${r.config.workspace}` : "")), _ = _.replace(/{id}/gi, r.editId), _;
+      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 = () => {
-      r.config.cancelRoute ? n.push(r.config.cancelRoute) : U();
+      a.config.cancelRoute ? n.push(a.config.cancelRoute) : U();
     }, U = () => {
-      a("cancel");
-    }, h = () => {
-      v.value || a("submit");
+      r("cancel");
+    }, v = () => {
+      g.value || r("submit");
     };
-    return te(() => u.value, (s) => {
-      a("loading", s);
-    }, { immediate: !0 }), _e(async () => {
-      if (r.editId)
+    return te(() => d.value, (c) => {
+      r("loading", c);
+    }, { immediate: !0 }), Ie(async () => {
+      if (a.editId)
         try {
-          y.value = !1, u.value = !0;
-          const { data: s } = await f.get(k.value);
-          a("fetch:success", s);
-        } catch (s) {
-          const g = o(s);
-          l.value = g.startsWith("code") ? i("baseForm.errors.edit") : g, y.value = !0, a("fetch:error", s);
+          y.value = !1, d.value = !0;
+          const { data: c } = await f.get(w.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 {
-          u.value = !1;
+          d.value = !1;
         }
-    }), (s, g) => {
-      const _ = F("KSkeleton"), p = F("KEmptyState"), b = F("KAlert"), H = F("KButton"), Z = F("KCard");
-      return w(), D(Z, { class: "kong-ui-entity-base-form" }, {
-        body: d(() => [
-          u.value ? (w(), D(_, {
+    }), (c, h) => {
+      const C = K("KSkeleton"), p = K("KEmptyState"), b = K("KAlert"), H = K("KButton"), Y = K("KCard");
+      return k(), L(Y, { class: "kong-ui-entity-base-form" }, {
+        body: u(() => [
+          d.value ? (k(), L(C, {
             key: 0,
             type: "form"
-          })) : y.value ? (w(), D(p, {
+          })) : y.value ? (k(), L(p, {
             key: 1,
-            "cta-text": c(i)("baseForm.actions.back"),
+            "cta-text": s(i)("baseForm.actions.back"),
             "data-testid": "form-fetch-error",
             "handle-click": T,
             "is-error": !0
           }, {
-            message: d(() => [
-              j("h3", null, $(l.value), 1)
+            message: u(() => [
+              F("h3", null, O(l.value), 1)
             ]),
             _: 1
-          }, 8, ["cta-text"])) : (w(), B("form", {
+          }, 8, ["cta-text"])) : (k(), P("form", {
             key: 2,
             "data-testid": "form-content",
             onReset: ve(U, ["prevent"]),
-            onSubmit: ve(h, ["prevent"])
+            onSubmit: ve(v, ["prevent"])
           }, [
-            J(s.$slots, "default", {}, void 0, !0),
-            e.errorMessage ? (w(), D(b, {
+            Z(c.$slots, "default", {}, void 0, !0),
+            e.errorMessage ? (k(), L(b, {
               key: 0,
               "alert-message": e.errorMessage,
               appearance: "danger",
               "data-testid": "form-error"
             }, null, 8, ["alert-message"])) : Q("", !0),
-            j("div", yr, [
-              J(s.$slots, "form-actions", {}, () => [
+            F("div", ba, [
+              Z(c.$slots, "form-actions", {}, () => [
                 I(H, {
-                  appearance: "outline",
+                  appearance: "secondary",
                   "data-testid": "form-cancel",
                   disabled: e.isReadonly,
                   type: "reset"
                 }, {
-                  default: d(() => [
-                    W($(c(i)("baseForm.actions.cancel")), 1)
+                  default: u(() => [
+                    W(O(s(i)("baseForm.actions.cancel")), 1)
                   ]),
                   _: 1
                 }, 8, ["disabled"]),
                 I(H, {
                   appearance: "primary",
                   "data-testid": "form-submit",
-                  disabled: v.value,
+                  disabled: g.value,
                   type: "submit"
                 }, {
-                  default: d(() => [
-                    W($(c(i)("baseForm.actions.save")), 1)
+                  default: u(() => [
+                    W(O(s(i)("baseForm.actions.save")), 1)
                   ]),
                   _: 1
                 }, 8, ["disabled"])
               ], !0)
             ])
-          ], 40, fr))
+          ], 40, ha))
         ]),
         _: 3
       });
     };
   }
-}), gr = /* @__PURE__ */ ue(mr, [["__scopeId", "data-v-44a90aae"]]), vr = {
+}), wa = /* @__PURE__ */ ue(ka, [["__scopeId", "data-v-81612aef"]]), Sa = {
   key: 0,
   "data-testid": "first-col"
-}, hr = /* @__PURE__ */ X({
+}, _a = /* @__PURE__ */ X({
   __name: "EntityBaseTableCell",
   props: {
     keyName: {
@@ -1329,68 +1329,68 @@ const fr = ["onReset", "onSubmit"], yr = {
     }
   },
   setup(e) {
-    const a = e, t = C(() => {
-      var h;
-      return ((h = a.rowEl) == null ? void 0 : h.querySelector(`[data-testid="${a.keyName}"]`)) || null;
-    }), r = C(() => {
-      var h;
-      return ((h = t.value) == null ? void 0 : h.querySelector('[data-testid="first-col"]')) || null;
-    }), n = C(() => {
-      var h, s;
-      const g = (h = a.rowEl) == null ? void 0 : h.querySelectorAll("td");
-      return g ? ((s = g[0]) == null ? void 0 : s.getAttribute("data-testid")) === a.keyName : !1;
+    const r = e, t = S(() => {
+      var v;
+      return ((v = r.rowEl) == null ? void 0 : v.querySelector(`[data-testid="${r.keyName}"]`)) || null;
+    }), a = S(() => {
+      var v;
+      return ((v = t.value) == null ? void 0 : v.querySelector('[data-testid="first-col"]')) || null;
+    }), n = S(() => {
+      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;
     });
     let i;
     const o = () => {
       i && (i.disconnect(), i = void 0);
     }, f = () => {
-      var h, s, g;
-      y.value = ((h = r.value) == null ? void 0 : h.getBoundingClientRect().width) || 0, l.value = ((s = t.value) == null ? void 0 : s.clientWidth) || 0, v.value = ((g = u.value) == null ? void 0 : g.innerText) || "";
-    }, u = x({}), y = x(0), l = x(0), v = x(""), k = C(() => [r.value, t.value]), T = te(
-      k,
-      (h) => {
+      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,
+      (v) => {
         if (n.value && (o(), "ResizeObserver" in window && window)) {
-          i = new ResizeObserver((s) => {
+          i = new ResizeObserver((c) => {
             window.requestAnimationFrame(() => {
-              !Array.isArray(s) || !s.length || f();
+              !Array.isArray(c) || !c.length || f();
             });
           });
-          for (const s of h)
-            s && i.observe(s);
+          for (const c of v)
+            c && i.observe(c);
         }
       },
       { immediate: !0, flush: "post", deep: !0 }
-    ), U = C(() => n.value ? y.value > l.value : !1);
-    return lt(() => {
+    ), U = S(() => n.value ? y.value > l.value : !1);
+    return ct(() => {
       f();
-    }), st(() => {
+    }), ut(() => {
       T();
-    }), (h, s) => {
-      const g = F("KTooltip");
-      return w(), B("span", {
+    }), (v, c) => {
+      const h = K("KTooltip");
+      return k(), P("span", {
         ref_key: "contentRef",
-        ref: u,
+        ref: d,
         class: "content-wrapper"
       }, [
-        n.value ? (w(), B("span", vr, [
-          I(g, {
-            label: U.value ? v.value : "",
+        n.value ? (k(), P("span", Sa, [
+          I(h, {
+            label: U.value ? g.value : "",
             "max-width": "300",
             placement: "bottomStart"
           }, {
-            default: d(() => [
-              J(h.$slots, "default", {}, void 0, !0)
+            default: u(() => [
+              Z(v.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["label"])
-        ])) : J(h.$slots, "default", { key: 1 }, void 0, !0)
+        ])) : Z(v.$slots, "default", { key: 1 }, void 0, !0)
       ], 512);
     };
   }
-}), br = /* @__PURE__ */ ue(hr, [["__scopeId", "data-v-e42a20c9"]]), kr = { class: "toolbar-container" }, wr = {
+}), Ia = /* @__PURE__ */ ue(_a, [["__scopeId", "data-v-e42a20c9"]]), Ca = { class: "toolbar-container" }, xa = {
   key: 0,
   class: "toolbar-button-container"
-}, Sr = ["data-testid"], _r = /* @__PURE__ */ X({
+}, Ta = ["data-testid"], Na = /* @__PURE__ */ X({
   __name: "EntityBaseTable",
   props: {
     // table header configuration
@@ -1498,8 +1498,8 @@ const fr = ["onReset", "onSubmit"], yr = {
     }
   },
   emits: ["click:row", "sort", "clear-search-input", "empty-state-cta-clicked"],
-  setup(e, { emit: a }) {
-    const t = e, { i18n: { t: r } } = oe.useI18n(), n = C(() => t.cacheIdentifier || t.preferencesStorageKey), i = (p) => p.hasData || !!t.query, o = C(() => {
+  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];
@@ -1516,9 +1516,9 @@ const fr = ["onReset", "onSubmit"], yr = {
       "data-rowid": p.id,
       "data-testid": p.name,
       ...t.rowAttributes(p)
-    }), u = x({}), y = (p) => {
+    }), d = x({}), y = (p) => {
       var b;
-      return (b = u.value) == null ? void 0 : b.$el.querySelector(`[data-rowid="${p.id}"]`);
+      return (b = d.value) == null ? void 0 : b.$el.querySelector(`[data-rowid="${p.id}"]`);
     }, l = (p) => {
       const b = {
         "data-testid": p.headerKey,
@@ -1529,44 +1529,44 @@ const fr = ["onReset", "onSubmit"], yr = {
         overflowX: "hidden",
         textOverflow: "ellipsis"
       }), b;
-    }, v = () => {
-      a("empty-state-cta-clicked"), k();
-    }, k = () => {
-      a("clear-search-input");
-    }, T = C(() => t.disableRowClick ? void 0 : (p, b) => {
-      a("click:row", b);
+    }, g = () => {
+      r("empty-state-cta-clicked"), w();
+    }, w = () => {
+      r("clear-search-input");
+    }, T = S(() => t.disableRowClick ? void 0 : (p, b) => {
+      r("click:row", b);
     }), U = (p) => {
-      a("sort", p);
-    }, { setTablePreferences: h, getTablePreferences: s } = St(), g = C(() => {
-      const p = s(t.preferencesStorageKey);
+      r("sort", p);
+    }, { setTablePreferences: v, getTablePreferences: c } = Tt(), h = S(() => {
+      const p = c(t.preferencesStorageKey);
       return {
         ...t.initialFetcherParams,
         ...p
       };
-    }), _ = (p) => {
-      t.preferencesStorageKey && h(t.preferencesStorageKey, p);
+    }), C = (p) => {
+      t.preferencesStorageKey && v(t.preferencesStorageKey, p);
     };
     return (p, b) => {
-      const H = F("KIcon"), Z = F("KButton"), N = F("KDropdownMenu"), M = F("KTable"), K = F("KCard");
-      return w(), D(K, {
+      const H = K("KIcon"), Y = K("KButton"), E = K("KDropdown"), j = K("KTable"), M = K("KCard");
+      return k(), L(M, {
         class: "kong-ui-entity-base-table",
         title: e.title
       }, {
-        body: d(() => [
-          I(M, {
+        body: u(() => [
+          I(j, {
             ref_key: "tableRefs",
-            ref: u,
+            ref: d,
             "cache-identifier": n.value,
             "cell-attrs": l,
             "disable-pagination-page-jump": e.disablePaginationPageJump,
             "disable-sorting": e.disableSorting,
             "empty-state-action-button-icon": e.query ? "" : "plus",
-            "empty-state-action-message": e.query ? c(r)("baseTable.emptyState.noSearchResultsCtaText") : e.emptyStateOptions.ctaText,
+            "empty-state-action-message": e.query ? s(a)("baseTable.emptyState.noSearchResultsCtaText") : e.emptyStateOptions.ctaText,
             "empty-state-action-route": e.query ? "" : e.emptyStateOptions.ctaPath,
             "empty-state-icon": e.query ? "stateNoSearchResults" : "stateGruceo",
             "empty-state-icon-size": "96",
-            "empty-state-message": e.query ? c(r)("baseTable.emptyState.noSearchResultsMessage") : e.emptyStateOptions.message,
-            "empty-state-title": e.query ? c(r)("baseTable.emptyState.noSearchResultsTitle") : e.emptyStateOptions.title,
+            "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,
             fetcher: e.fetcher,
@@ -1574,51 +1574,51 @@ const fr = ["onReset", "onSubmit"], yr = {
             "has-error": !!e.errorMessage,
             headers: o.value,
             "hide-pagination-when-optional": "",
-            "initial-fetcher-params": g.value,
+            "initial-fetcher-params": h.value,
             "is-loading": e.isLoading,
             "pagination-type": e.paginationType,
             "row-attrs": f,
             "search-input": e.query,
-            onKtableEmptyStateCtaClicked: v,
+            onKtableEmptyStateCtaClicked: g,
             "onRow:click": T.value,
-            onSort: b[0] || (b[0] = (R) => U(R)),
-            "onUpdate:tablePreferences": _
-          }, De({
-            toolbar: d(({ state: R }) => [
-              ye(j("div", kr, [
-                J(p.$slots, "toolbar-filter", {}, void 0, !0),
-                p.$slots["toolbar-button"] ? (w(), B("div", wr, [
-                  J(p.$slots, "toolbar-button", {}, void 0, !0)
+            onSort: b[0] || (b[0] = (B) => U(B)),
+            "onUpdate:tablePreferences": C
+          }, ze({
+            toolbar: u(({ state: B }) => [
+              ye(F("div", Ca, [
+                Z(p.$slots, "toolbar-filter", {}, void 0, !0),
+                p.$slots["toolbar-button"] ? (k(), P("div", xa, [
+                  Z(p.$slots, "toolbar-button", {}, void 0, !0)
                 ])) : Q("", !0)
               ], 512), [
-                [me, i(R)]
+                [me, i(B)]
               ])
             ]),
-            actions: d(({ row: R, rowKey: A, rowValue: V }) => [
-              j("div", {
+            actions: u(({ row: B, rowKey: $, rowValue: D }) => [
+              F("div", {
                 class: "actions-container",
-                "data-testid": R.name
+                "data-testid": B.name
               }, [
-                I(N, {
+                I(E, {
                   "kpop-attributes": { placement: "bottomEnd" },
                   width: e.dropdownMenuWidth
                 }, {
-                  items: d(() => [
-                    J(p.$slots, "actions", {
-                      row: R,
-                      rowKey: A,
-                      rowValue: V
+                  items: u(() => [
+                    Z(p.$slots, "actions", {
+                      row: B,
+                      rowKey: $,
+                      rowValue: D
                     }, void 0, !0)
                   ]),
-                  default: d(() => [
-                    I(Z, {
+                  default: u(() => [
+                    I(Y, {
                       class: "actions-trigger",
                       "data-testid": "overflow-actions-button",
                       size: "small"
                     }, {
-                      icon: d(() => [
+                      icon: u(() => [
                         I(H, {
-                          color: c(Jt),
+                          color: s(er),
                           icon: "more",
                           size: "16"
                         }, null, 8, ["color"])
@@ -1628,24 +1628,24 @@ const fr = ["onReset", "onSubmit"], yr = {
                   ]),
                   _: 2
                 }, 1032, ["width"])
-              ], 8, Sr)
+              ], 8, Ta)
             ]),
             _: 2
           }, [
-            Ie(e.tableHeaders, (R, A) => ({
-              name: A,
-              fn: d(({ row: V, rowKey: ee, rowValue: le }) => [
-                I(br, {
-                  "key-name": String(A),
-                  "row-el": y(V)
+            Ce(e.tableHeaders, (B, $) => ({
+              name: $,
+              fn: u(({ row: D, rowKey: ee, rowValue: le }) => [
+                I(Ia, {
+                  "key-name": String($),
+                  "row-el": y(D)
                 }, {
-                  default: d(() => [
-                    J(p.$slots, A, {
-                      row: V,
+                  default: u(() => [
+                    Z(p.$slots, $, {
+                      row: D,
                       rowKey: ee,
                       rowValue: le
                     }, () => [
-                      W($(le), 1)
+                      W(O(le), 1)
                     ], !0)
                   ]),
                   _: 2
@@ -1658,13 +1658,13 @@ const fr = ["onReset", "onSubmit"], yr = {
       }, 8, ["title"]);
     };
   }
-}), Ir = /* @__PURE__ */ ue(_r, [["__scopeId", "data-v-6bf92df6"]]), Cr = {
+}), Ea = /* @__PURE__ */ ue(Na, [["__scopeId", "data-v-86d2d2a3"]]), Aa = {
   key: 0,
   class: "kong-ui-entity-delete-error"
-}, xr = {
+}, $a = {
   key: 1,
   class: "description"
-}, Tr = /* @__PURE__ */ X({
+}, Oa = /* @__PURE__ */ X({
   __name: "EntityDeleteModal",
   props: {
     visible: {
@@ -1702,15 +1702,15 @@ const fr = ["onReset", "onSubmit"], yr = {
     }
   },
   emits: ["cancel", "proceed"],
-  setup(e, { emit: a }) {
-    const t = e, { i18nT: r } = oe.useI18n(), n = C(() => t.needConfirm ? t.entityName : ""), i = () => {
-      a("cancel");
+  setup(e, { emit: r }) {
+    const t = e, { i18nT: a } = oe.useI18n(), n = S(() => t.needConfirm ? t.entityName : ""), i = () => {
+      r("cancel");
     }, o = () => {
-      a("proceed");
+      r("proceed");
     };
-    return (f, u) => {
-      const y = F("KAlert"), l = F("KPrompt");
-      return w(), D(l, {
+    return (f, d) => {
+      const y = K("KAlert"), l = K("KPrompt");
+      return k(), L(l, {
         "action-button-text": "Yes, delete",
         "action-pending": e.actionPending,
         class: "kong-ui-entity-delete-modal",
@@ -1721,36 +1721,36 @@ const fr = ["onReset", "onSubmit"], yr = {
         onCanceled: i,
         onProceed: o
       }, {
-        "body-content": d(() => [
-          e.error ? (w(), B("div", Cr, [
+        "body-content": u(() => [
+          e.error ? (k(), P("div", Aa, [
             I(y, { appearance: "danger" }, {
-              alertMessage: d(() => [
-                W($(e.error), 1)
+              alertMessage: u(() => [
+                W(O(e.error), 1)
               ]),
               _: 1
             })
           ])) : Q("", !0),
-          I(c(r), {
+          I(s(a), {
             class: "message",
             keypath: t.entityName ? "deleteModal.messageWithName" : "deleteModal.message",
             tag: "p"
-          }, De({
-            entityType: d(() => [
-              W($(t.entityType), 1)
+          }, ze({
+            entityType: u(() => [
+              W(O(t.entityType), 1)
             ]),
             _: 2
           }, [
             t.entityName ? {
               name: "entityName",
-              fn: d(() => [
-                j("strong", null, $(t.entityName), 1)
+              fn: u(() => [
+                F("strong", null, O(t.entityName), 1)
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["keypath"]),
-          t.description || f.$slots.description ? (w(), B("div", xr, [
-            J(f.$slots, "description", {}, () => [
-              j("p", null, $(t.description), 1)
+          t.description || f.$slots.description ? (k(), P("div", $a, [
+            Z(f.$slots, "description", {}, () => [
+              F("p", null, O(t.description), 1)
             ], !0)
           ])) : Q("", !0)
         ]),
@@ -1758,13 +1758,13 @@ const fr = ["onReset", "onSubmit"], yr = {
       }, 8, ["action-pending", "confirmation-text", "is-visible", "title"]);
     };
   }
-}), Er = /* @__PURE__ */ ue(Tr, [["__scopeId", "data-v-1c9a2a07"]]), Nr = {
+}), Fa = /* @__PURE__ */ ue(Oa, [["__scopeId", "data-v-1c9a2a07"]]), Ka = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
   width: "20",
   xmlns: "http://www.w3.org/2000/svg"
-}, Or = {
+}, Ma = {
   id: "mask0_180_20349",
   height: "20",
   maskUnits: "userSpaceOnUse",
@@ -1772,35 +1772,35 @@ const fr = ["onReset", "onSubmit"], yr = {
   width: "20",
   x: "0",
   y: "0"
-}, Ar = ["fill"], $r = { mask: "url(#mask0_180_20349)" }, Fr = ["fill"], Kr = /* @__PURE__ */ X({
+}, ja = ["fill"], Pa = { mask: "url(#mask0_180_20349)" }, Ra = ["fill"], qe = /* @__PURE__ */ X({
   __name: "IconFilter",
   props: {
     color: {
       type: String,
-      default: `var(--kong-ui-entity-filter-color, ${Yt})`
+      default: `var(--kong-ui-entity-filter-color, ${Xt})`
     }
   },
   setup(e) {
-    return (a, t) => (w(), B("svg", Nr, [
-      j("mask", Or, [
-        j("rect", {
+    return (r, t) => (k(), P("svg", Ka, [
+      F("mask", Ma, [
+        F("rect", {
           fill: e.color,
           height: "20",
           width: "20"
-        }, null, 8, Ar)
+        }, null, 8, ja)
       ]),
-      j("g", $r, [
-        j("path", {
+      F("g", Pa, [
+        F("path", {
           d: "M8 14.5V13H12V14.5H8ZM5 10.75V9.25H15V10.75H5ZM3 7V5.5H17V7H3Z",
           fill: e.color
-        }, null, 8, Fr)
+        }, null, 8, Ra)
       ])
     ]));
   }
-}), jr = {
+}), Ua = {
   key: 1,
   class: "kong-ui-entity-filter"
-}, Mr = { class: "menu-item-title" }, Pr = { class: "menu-item-indicator" }, Ur = { class: "menu-item-body" }, Rr = ["for"], Br = { class: "menu-item-buttons" }, qr = /* @__PURE__ */ X({
+}, Ba = { class: "menu-item-title" }, Va = { class: "menu-item-indicator" }, qa = { class: "menu-item-body" }, La = ["for"], Da = { class: "menu-item-buttons" }, Ha = { class: "filter-clear-button-container" }, za = /* @__PURE__ */ X({
   __name: "EntityFilter",
   props: {
     // filter config, either exact match or fuzzy match
@@ -1819,51 +1819,51 @@ const fr = ["onReset", "onSubmit"], yr = {
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: a }) {
-    const t = e, { i18n: { t: r } } = oe.useI18n(), n = x(!1), i = x({}), o = C(() => {
-      const s = [];
-      return new URLSearchParams(t.modelValue).forEach((g, _) => {
-        g !== "" && s.push(_);
-      }), s;
-    }), f = C(() => {
-      const s = t.config.fields;
-      return Object.keys(s).filter((g) => s[g].searchable).map((g) => ({
-        label: s[g].label || g,
-        value: g
+  setup(e, { emit: r }) {
+    const t = e, { i18n: { t: a } } = oe.useI18n(), n = x(!1), i = x({}), o = S(() => {
+      const c = [];
+      return new URLSearchParams(t.modelValue).forEach((h, C) => {
+        h !== "" && c.push(C);
+      }), c;
+    }), f = S(() => {
+      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, (s) => {
-      i.value = {}, new URLSearchParams(s).forEach((g, _) => {
-        i.value[_] = g;
+    te(() => t.modelValue, (c) => {
+      i.value = {}, new URLSearchParams(c).forEach((h, C) => {
+        i.value[C] = h;
       });
     });
-    const u = () => {
+    const d = () => {
       n.value = !n.value;
-    }, y = (s) => {
-      a("update:modelValue", s);
-    }, l = (s) => `filter-${s}`, v = (s) => {
-      var g, _;
-      return (((_ = (g = t.config.schema) == null ? void 0 : g[s]) == null ? void 0 : _.values) ?? []).map((p) => ({
+    }, 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
       }));
-    }, k = (s) => {
-      var g, _;
-      return ((_ = (g = t.config.schema) == null ? void 0 : g[s]) == null ? void 0 : _.type) ?? "text";
-    }, T = (s) => {
+    }, w = (c) => {
+      var h, C;
+      return ((C = (h = t.config.schema) == null ? void 0 : h[c]) == null ? void 0 : C.type) ?? "text";
+    }, T = (c) => {
       i.value = {
         ...i.value,
-        [s]: ""
-      }, h();
+        [c]: ""
+      }, v();
     }, U = () => {
-      i.value = {}, h(!0);
-    }, h = (s = !1) => {
-      const g = Object.keys(i.value).reduce((_, p) => (i.value[p] && (_[p] = `${i.value[p]}`), _), {});
-      s && (n.value = !1), a("update:modelValue", new URLSearchParams(g).toString());
+      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), {});
+      c && (n.value = !1), r("update:modelValue", new URLSearchParams(h).toString());
     };
-    return (s, g) => {
-      const _ = F("KInput"), p = F("KButton"), b = F("KSelect"), H = F("KMenuItem"), Z = F("KMenu");
-      return e.config.isExactMatch ? (w(), D(_, {
+    return (c, h) => {
+      const C = K("KInput"), p = K("KButton"), b = K("KSelect"), H = K("KMenuItem"), Y = K("KMenu");
+      return e.config.isExactMatch ? (k(), L(C, {
         key: 0,
         autocomplete: "off",
         class: "kong-ui-entity-filter-input",
@@ -1872,91 +1872,90 @@ const fr = ["onReset", "onSubmit"], yr = {
         placeholder: e.config.placeholder,
         "onUpdate:modelValue": y
       }, {
-        icon: d(() => [
-          I(Kr)
+        before: u(() => [
+          I(qe)
         ]),
         _: 1
-      }, 8, ["model-value", "placeholder"])) : (w(), B("div", jr, [
+      }, 8, ["model-value", "placeholder"])) : (k(), P("div", Ua, [
         I(p, {
-          appearance: "btn-link",
+          appearance: "tertiary",
           "data-testid": "filter-button",
-          icon: "filter",
-          onClick: u
+          onClick: d
         }, {
-          default: d(() => [
-            W($(c(r)("filter.filterButtonText")) + " " + $(o.value.length > 0 ? `(${o.value.length})` : ""), 1)
+          default: u(() => [
+            I(qe),
+            W(" " + O(s(a)("filter.filterButtonText")) + " " + O(o.value.length > 0 ? `(${o.value.length})` : ""), 1)
           ]),
           _: 1
         }),
-        ye(j("div", {
+        ye(F("div", {
           class: "kong-ui-entity-filter-backdrop",
-          onClick: u
+          onClick: d
         }, null, 512), [
           [me, n.value]
         ]),
-        ye(I(Z, { class: "kong-ui-entity-filter-menu" }, {
-          body: d(() => [
-            (w(!0), B(He, null, Ie(f.value, (N, M) => (w(), D(H, {
-              key: N.value,
-              "data-testid": N.value,
+        ye(I(Y, { class: "kong-ui-entity-filter-menu" }, {
+          body: u(() => [
+            (k(!0), P(We, null, Ce(f.value, (E, j) => (k(), L(H, {
+              key: E.value,
+              "data-testid": E.value,
               expandable: "",
-              "last-menu-item": M === f.value.length - 1
+              "last-menu-item": j === f.value.length - 1
             }, {
-              itemTitle: d(() => [
-                j("span", Mr, [
-                  W($(N.label) + " ", 1),
-                  ye(j("span", Pr, null, 512), [
-                    [me, o.value.includes(N.value)]
+              itemTitle: u(() => [
+                F("span", Ba, [
+                  W(O(E.label) + " ", 1),
+                  ye(F("span", Va, null, 512), [
+                    [me, o.value.includes(E.value)]
                   ])
                 ])
               ]),
-              itemBody: d(() => {
-                var K, R;
+              itemBody: u(() => {
+                var M, B;
                 return [
-                  j("div", Ur, [
-                    j("label", {
+                  F("div", qa, [
+                    F("label", {
                       class: "menu-item-label",
-                      for: l(N.value)
-                    }, $(c(r)("filter.fieldLabel")), 9, Rr),
-                    ((R = (K = e.config.schema) == null ? void 0 : K[N.value]) == null ? void 0 : R.type) === "select" ? (w(), D(b, {
+                      for: l(E.value)
+                    }, O(s(a)("filter.fieldLabel")), 9, La),
+                    ((B = (M = e.config.schema) == null ? void 0 : M[E.value]) == null ? void 0 : B.type) === "select" ? (k(), L(b, {
                       key: 0,
-                      id: l(N.value),
-                      modelValue: i.value[N.value],
-                      "onUpdate:modelValue": (A) => i.value[N.value] = A,
+                      id: l(E.value),
+                      modelValue: i.value[E.value],
+                      "onUpdate:modelValue": ($) => i.value[E.value] = $,
                       appearance: "select",
-                      items: v(N.value),
-                      placeholder: c(r)("filter.selectPlaceholder")
-                    }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "items", "placeholder"])) : (w(), D(_, {
+                      items: g(E.value),
+                      placeholder: s(a)("filter.selectPlaceholder")
+                    }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "items", "placeholder"])) : (k(), L(C, {
                       key: 1,
-                      id: l(N.value),
-                      modelValue: i.value[N.value],
-                      "onUpdate:modelValue": (A) => i.value[N.value] = A,
+                      id: l(E.value),
+                      modelValue: i.value[E.value],
+                      "onUpdate:modelValue": ($) => i.value[E.value] = $,
                       autocomplete: "off",
-                      placeholder: c(r)("filter.inputPlaceholder"),
-                      size: "small",
-                      type: k(N.value)
+                      placeholder: s(a)("filter.inputPlaceholder"),
+                      type: w(E.value)
                     }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "placeholder", "type"]))
                   ]),
-                  j("div", Br, [
+                  F("div", Da, [
                     I(p, {
-                      appearance: "btn-link",
+                      appearance: "tertiary",
                       "data-testid": "apply-filter",
                       size: "small",
-                      onClick: g[0] || (g[0] = (A) => h(!0))
+                      onClick: h[0] || (h[0] = ($) => v(!0))
                     }, {
-                      default: d(() => [
-                        W($(c(r)("filter.applyButtonText")), 1)
+                      default: u(() => [
+                        W(O(s(a)("filter.applyButtonText")), 1)
                       ]),
                       _: 1
                     }),
                     I(p, {
-                      appearance: "btn-link",
+                      appearance: "tertiary",
                       "data-testid": "clear-filter",
                       size: "small",
-                      onClick: (A) => T(N.value)
+                      onClick: ($) => T(E.value)
                     }, {
-                      default: d(() => [
-                        W($(c(r)("filter.clearButtonText")), 1)
+                      default: u(() => [
+                        W(O(s(a)("filter.clearButtonText")), 1)
                       ]),
                       _: 2
                     }, 1032, ["onClick"])
@@ -1966,13 +1965,18 @@ const fr = ["onReset", "onSubmit"], yr = {
               _: 2
             }, 1032, ["data-testid", "last-menu-item"]))), 128))
           ]),
-          actionButton: d(() => [
-            I(p, { onClick: U }, {
-              default: d(() => [
-                W($(c(r)("filter.clearAllButtonText")), 1)
-              ]),
-              _: 1
-            })
+          actionButton: u(() => [
+            F("div", Ha, [
+              I(p, {
+                size: "small",
+                onClick: U
+              }, {
+                default: u(() => [
+                  W(O(s(a)("filter.clearAllButtonText")), 1)
+                ]),
+                _: 1
+              })
+            ])
           ]),
           _: 1
         }, 512), [
@@ -1981,7 +1985,7 @@ const fr = ["onReset", "onSubmit"], yr = {
       ]));
     };
   }
-}), Lr = /* @__PURE__ */ ue(qr, [["__scopeId", "data-v-745f38c0"]]), we = /* @__PURE__ */ X({
+}), Wa = /* @__PURE__ */ ue(za, [["__scopeId", "data-v-4ea260f0"]]), we = /* @__PURE__ */ X({
   __name: "PermissionsWrapper",
   props: {
     /**
@@ -2003,24 +2007,24 @@ const fr = ["onReset", "onSubmit"], yr = {
     }
   },
   setup(e) {
-    const a = e, t = x(void 0), r = C(() => t.value === !0 || t.value !== void 0 && a.forceShow === !0);
-    return te(() => a.authFunction, async () => {
-      t.value = await a.authFunction();
-    }, { immediate: !0 }), (n, i) => r.value ? J(n.$slots, "default", {
+    const r = e, t = x(void 0), a = S(() => t.value === !0 || t.value !== void 0 && r.forceShow === !0);
+    return te(() => r.authFunction, async () => {
+      t.value = await r.authFunction();
+    }, { immediate: !0 }), (n, i) => a.value ? Z(n.$slots, "default", {
       key: 0,
       isAllowed: t.value
     }) : Q("", !0);
   }
-}), Vr = { class: "form-section-wrapper" }, Dr = {
+}), Ja = { class: "form-section-wrapper" }, Za = {
   key: 0,
   class: "form-section-title"
-}, Hr = {
+}, Ya = {
   key: 1,
   class: "form-section-description"
-}, zr = {
+}, Ga = {
   key: 2,
   class: "form-section-footer"
-}, Wr = { class: "form-section-content" }, Yr = /* @__PURE__ */ X({
+}, Qa = { class: "form-section-content" }, Xa = /* @__PURE__ */ X({
   __name: "EntityFormSection",
   props: {
     title: {
@@ -2045,41 +2049,145 @@ const fr = ["onReset", "onSubmit"], yr = {
     }
   },
   setup(e) {
-    const a = ot();
-    return (t, r) => (w(), B("fieldset", {
+    const r = st();
+    return (t, a) => (k(), P("fieldset", {
       class: he(["kong-ui-entity-form-section", { "has-divider": e.hasDivider }])
     }, [
-      j("div", Vr, [
-        e.hideInfoHeader ? Q("", !0) : (w(), B("div", {
+      F("div", Ja, [
+        e.hideInfoHeader ? Q("", !0) : (k(), P("div", {
           key: 0,
           class: he(["form-section-info", { sticky: e.stickyInfoHeader }])
         }, [
-          e.title ? (w(), B("h4", Dr, $(e.title), 1)) : Q("", !0),
-          e.description || c(a).description ? (w(), B("div", Hr, [
-            J(t.$slots, "description", {}, () => [
-              j("p", null, $(e.description), 1)
+          e.title ? (k(), P("h4", Za, O(e.title), 1)) : Q("", !0),
+          e.description || s(r).description ? (k(), P("div", Ya, [
+            Z(t.$slots, "description", {}, () => [
+              F("p", null, O(e.description), 1)
             ], !0)
           ])) : Q("", !0),
-          c(a).footer ? (w(), B("div", zr, [
-            J(t.$slots, "footer", {}, void 0, !0)
+          s(r).footer ? (k(), P("div", Ga, [
+            Z(t.$slots, "footer", {}, void 0, !0)
           ])) : Q("", !0)
         ], 2)),
-        j("div", Wr, [
-          J(t.$slots, "default", {}, void 0, !0)
+        F("div", Qa, [
+          Z(t.$slots, "default", {}, void 0, !0)
         ])
       ])
     ], 2));
   }
-}), Le = /* @__PURE__ */ ue(Yr, [["__scopeId", "data-v-8b6dc312"]]), { useAxios: nt, useDeleteUrlBuilder: Jr, useErrors: Zr, useExternalLinkCreator: Sn, useFetchUrlBuilder: _n, useFetcher: Gr, useDebouncedFilter: Qr, useStringHelpers: In, useHelpers: Cn, useGatewayFeatureSupported: xn, useTruncationDetector: Tn } = oe, Xr = {
+}), Le = /* @__PURE__ */ ue(Xa, [["__scopeId", "data-v-8b6dc312"]]), { useAxios: ot, useDeleteUrlBuilder: en, useErrors: tn, useExternalLinkCreator: Mn, useFetchUrlBuilder: jn, useFetcher: rn, useDebouncedFilter: an, useStringHelpers: Pn, useHelpers: Rn, useGatewayFeatureSupported: Un, useTruncationDetector: Bn } = oe, nn = {
   fail: "Failed to copy id to clipboard",
   success: {
     prefix: "Successfully",
     content: " copied to clipboard"
   }
-}, en = "Copy to clipboard", tn = {
-  message: Xr,
-  iconTitle: en
-}, an = "kong-ui-copy-uuid-notify", rn = { class: "kong-ui-copy-uuid" }, nn = ["onClick"], Ve = 15, on = /* @__PURE__ */ X({
+}, on = "Copy to clipboard", ln = {
+  message: nn,
+  iconTitle: on
+}, sn = "kong-ui-copy-uuid-notify", De = "24px", cn = (e, r) => {
+  const t = e.__vccOpts || e;
+  for (const [a, n] of r)
+    t[a] = n;
+  return t;
+}, un = (e) => (ft("data-v-9971cc79"), e = e(), yt(), e), dn = ["aria-hidden"], pn = {
+  key: 0,
+  "data-testid": "kui-icon-svg-title"
+}, fn = /* @__PURE__ */ un(() => /* @__PURE__ */ F("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)), yn = /* @__PURE__ */ X({
+  __name: "CopyIcon",
+  props: {
+    /** The accessibility text provided to screen readers */
+    title: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
+    color: {
+      type: String,
+      required: !1,
+      default: "currentColor"
+    },
+    /** The CSS display property for the icon. Defaults to `block` */
+    display: {
+      type: String,
+      required: !1,
+      default: "block"
+    },
+    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
+    decorative: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    /** The icon size */
+    size: {
+      type: [Number, String],
+      required: !1,
+      default: De,
+      // if setting to the imported const fails, just pass a number of 24 as the default.
+      validator: (e) => {
+        if (typeof e == "number" && e > 0)
+          return !0;
+        if (typeof e == "string") {
+          const r = String(e).replace(/px/gi, ""), t = Number(r);
+          if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
+            return !0;
+        }
+        return !1;
+      }
+    },
+    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
+    as: {
+      type: String,
+      required: !1,
+      default: "span"
+    }
+  },
+  setup(e) {
+    const r = e, t = S(() => {
+      if (typeof r.size == "number" && r.size > 0)
+        return `${r.size}px`;
+      if (typeof r.size == "string") {
+        const n = String(r.size).replace(/px/gi, ""), i = Number(n);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
+      }
+      return De;
+    }), a = S(() => ({
+      boxSizing: "border-box",
+      color: r.color,
+      display: r.display,
+      height: t.value,
+      lineHeight: "0",
+      width: t.value
+    }));
+    return (n, i) => (k(), L(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", {
+          "aria-hidden": e.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-copy-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg"
+        }, [
+          e.title ? (k(), P("title", pn, O(e.title), 1)) : Q("", !0),
+          fn
+        ], 8, dn))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style"]));
+  }
+}), mn = /* @__PURE__ */ cn(yn, [["__scopeId", "data-v-9971cc79"]]), gn = "16px", vn = { class: "kong-ui-copy-uuid" }, hn = ["onClick"], He = 15, bn = /* @__PURE__ */ X({
   __name: "CopyUuid",
   props: {
     uuid: {
@@ -2122,75 +2230,74 @@ const fr = ["onReset", "onSubmit"], yr = {
     }
   },
   emits: ["success", "error"],
-  setup(e, { emit: a }) {
-    const t = e, { t: r } = Ce("en-us", tn), n = t.notify || ct(an, () => {
-    }), i = C(() => t.idTooltip ? {
+  setup(e, { emit: r }) {
+    const t = e, { t: a } = xe("en-us", ln), n = t.notify || dt(sn, () => {
+    }), i = S(() => t.idTooltip ? {
       label: t.idTooltip,
       positionFixed: !0,
       placement: "bottomStart"
     } : {
       title: t.uuid
-    }), o = C(() => !!(t.tooltip && t.successTooltip)), f = x(t.tooltip), u = C(() => t.tooltip ? {
+    }), o = S(() => !!(t.tooltip && t.successTooltip)), f = x(t.tooltip), d = S(() => t.tooltip ? {
       label: f.value,
       positionFixed: !0,
       maxWidth: "500px",
       placement: "bottomStart"
-    } : {}), y = C(() => {
-      var k;
-      return t.format === "redacted" ? "*****" : t.format === "deleted" ? `*${(k = t.uuid) == null ? void 0 : k.substring(0, 5)}` : t.uuid;
-    }), l = (k) => {
-      f.value = k, setTimeout(() => {
+    } : {}), 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(() => {
         f.value = t.tooltip;
       }, 1800);
-    }, v = (k) => {
+    }, g = (w) => {
       var T, U;
-      if (!k(t.uuid)) {
+      if (!w(t.uuid)) {
         typeof n == "function" && n({
           type: "error",
-          message: r("message.fail")
-        }), o.value ? l(r("message.fail")) : a("error", t.uuid);
+          message: a("message.fail")
+        }), o.value ? l(a("message.fail")) : r("error", t.uuid);
         return;
       }
-      const h = ((T = t.uuid) == null ? void 0 : T.length) > Ve, s = t.format === "hidden" || t.format === "redacted" ? r("message.success.prefix") : `"${((U = t.uuid) == null ? void 0 : U.substring(0, Ve)) + (h ? "..." : "")}"`;
+      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 ? "..." : "")}"`;
       typeof n == "function" && n({
         type: "success",
-        message: `${s}${r("message.success.content")}`
-      }), o.value ? l(t.successTooltip) : a("success", t.uuid);
+        message: `${c}${a("message.success.content")}`
+      }), o.value ? l(t.successTooltip) : r("success", t.uuid);
     };
-    return (k, T) => {
-      const U = F("KIcon"), h = F("KClipboardProvider");
-      return w(), B("div", rn, [
-        e.format !== "hidden" ? (w(), D(Ae(e.idTooltip ? "KTooltip" : "div"), $e({ key: 0 }, i.value, { "data-testid": "copy-id" }), {
-          default: d(() => [
-            j("div", {
+    return (w, T) => {
+      const U = K("KClipboardProvider");
+      return k(), P("div", vn, [
+        e.format !== "hidden" ? (k(), L(Se(e.idTooltip ? "KTooltip" : "div"), Oe({ key: 0 }, i.value, { "data-testid": "copy-id" }), {
+          default: u(() => [
+            F("div", {
               class: he([
                 "uuid-container",
                 e.truncated ? "truncated-uuid" : null,
                 e.useMono ? "mono" : null
               ])
-            }, $(y.value), 3)
+            }, O(y.value), 3)
           ]),
           _: 1
         }, 16)) : Q("", !0),
-        (w(), D(Ae(e.tooltip ? "KTooltip" : "div"), $e(u.value, { class: "uuid-icon-wrapper" }), {
-          default: d(() => [
-            I(h, null, {
-              default: d(({ copyToClipboard: s }) => [
-                j("span", {
+        (k(), L(Se(e.tooltip ? "KTooltip" : "div"), Oe(d.value, { class: "uuid-icon-wrapper" }), {
+          default: u(() => [
+            I(U, null, {
+              default: u(({ copyToClipboard: v }) => [
+                F("span", {
                   "data-testid": "copy-to-clipboard",
                   role: "button",
                   tabindex: "0",
-                  onClick: ve((g) => v(s), ["stop"])
+                  onClick: ve((c) => g(v), ["stop"])
                 }, [
-                  I(U, {
+                  I(s(mn), {
                     class: "uuid-icon",
                     color: e.iconColor,
-                    "hide-title": !!e.tooltip || void 0,
-                    icon: "copy",
-                    size: "16",
-                    title: c(r)("iconTitle")
-                  }, null, 8, ["color", "hide-title", "title"])
-                ], 8, nn)
+                    decorative: !!e.tooltip,
+                    size: s(gn),
+                    title: s(a)("iconTitle")
+                  }, null, 8, ["color", "decorative", "size", "title"])
+                ], 8, hn)
               ]),
               _: 1
             })
@@ -2200,13 +2307,13 @@ const fr = ["onReset", "onSubmit"], yr = {
       ]);
     };
   }
-}), ln = (e, a) => {
+}), kn = (e, r) => {
   const t = e.__vccOpts || e;
-  for (const [r, n] of a)
-    t[r] = n;
+  for (const [a, n] of r)
+    t[a] = n;
   return t;
-}, sn = /* @__PURE__ */ ln(on, [["__scopeId", "data-v-a2ebe0bb"]]);
-const cn = { class: "kong-ui-entities-snis-list" }, un = { key: 1 }, dn = { key: 1 }, pn = /* @__PURE__ */ X({
+}, wn = /* @__PURE__ */ kn(bn, [["__scopeId", "data-v-0c07874b"]]);
+const Sn = { class: "kong-ui-entities-snis-list" }, _n = { key: 1 }, In = { key: 1 }, Cn = /* @__PURE__ */ X({
   __name: "SniList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -2246,115 +2353,115 @@ const cn = { class: "kong-ui-entities-snis-list" }, un = { key: 1 }, dn = { key:
     }
   },
   emits: ["error", "copy:success", "copy:error", "delete:success"],
-  setup(e, { emit: a }) {
+  setup(e, { emit: r }) {
     var se;
-    const t = e, { i18n: { t: r } } = Ye.useI18n(), n = (S, P) => {
-      var L;
-      S.type === "error" ? a("copy:error", {
-        entity: P,
+    const t = e, { i18n: { t: a } } = Ye.useI18n(), n = (_, R) => {
+      var q;
+      _.type === "error" ? r("copy:error", {
+        entity: R,
         field: "certificate.id",
-        message: r("errors.copy")
-      }) : a("copy:success", {
-        entity: P,
+        message: a("errors.copy")
+      }) : r("copy:success", {
+        entity: R,
         field: "certificate.id",
-        message: r("copy.success", { val: (L = P.certificate) == null ? void 0 : L.id })
+        message: a("copy.success", { val: (q = R.certificate) == null ? void 0 : q.id })
       });
-    }, { axiosInstance: i } = nt({
+    }, { axiosInstance: i } = ot({
       headers: (se = t.config) == null ? void 0 : se.requestHeaders
-    }), o = x(1), f = C(() => t.config.app !== "kongManager" || !!t.config.disableSorting), u = {
-      name: { label: r("snis.list.table_headers.name"), searchable: !0, sortable: !0 },
-      certificate: { label: r("snis.list.table_headers.certificate_id"), sortable: !1 },
-      tags: { label: r("snis.list.table_headers.tags"), sortable: !1 }
-    }, y = u, l = (S) => ({
+    }), o = x(1), f = S(() => t.config.app !== "kongManager" || !!t.config.disableSorting), d = {
+      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 = (_) => ({
       style: {
-        maxWidth: S.headerKey === "name" ? "250px" : S.headerKey === "certificate" ? "350px" : null
+        maxWidth: _.headerKey === "name" ? "250px" : _.headerKey === "certificate" ? "350px" : null
       }
-    }), v = C(() => {
-      var P, L;
-      let S = `${t.config.apiBaseUrl}${de.list[t.config.app].all}`;
-      return t.config.app === "konnect" ? S = S.replace(/{controlPlaneId}/gi, ((P = t.config) == null ? void 0 : P.controlPlaneId) || "") : t.config.app === "kongManager" && (S = S.replace(/\/{workspace}/gi, (L = t.config) != null && L.workspace ? `/${t.config.workspace}` : "")), S;
-    }), k = x(""), T = C(() => {
-      const S = t.config.app === "konnect" || t.config.isExactMatch;
-      if (S)
+    }), 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 (_)
         return {
-          isExactMatch: S,
-          placeholder: r("search.placeholder")
+          isExactMatch: _,
+          placeholder: a("search.placeholder")
         };
-      const { name: P } = u;
+      const { name: R } = d;
       return {
-        isExactMatch: S,
-        fields: { name: P },
+        isExactMatch: _,
+        fields: { name: R },
         schema: t.config.filterSchema
       };
-    }), { fetcher: U, fetcherState: h } = Gr(t.config, v.value), s = () => {
-      k.value = "";
-    }, g = () => {
+    }), { fetcher: U, fetcherState: v } = rn(t.config, g.value), c = () => {
+      w.value = "";
+    }, h = () => {
       o.value++;
-    }, _ = x(""), p = x({
+    }, C = x(""), p = x({
       ctaPath: t.config.createRoute,
       ctaText: void 0,
-      message: r("snis.list.empty_state.description"),
-      title: r("snis.title")
-    }), b = (S, P) => {
-      const L = S.id;
-      if (!P(L)) {
-        a("copy:error", {
-          entity: S,
+      message: a("snis.list.empty_state.description"),
+      title: a("snis.title")
+    }), b = (_, R) => {
+      const q = _.id;
+      if (!R(q)) {
+        r("copy:error", {
+          entity: _,
           field: "id",
-          message: r("errors.copy")
+          message: a("errors.copy")
         });
         return;
       }
-      a("copy:success", {
-        entity: S,
+      r("copy:success", {
+        entity: _,
         field: "id",
-        message: r("copy.success", { val: L })
+        message: a("copy.success", { val: q })
       });
-    }, H = (S, P) => {
-      const L = JSON.stringify(S);
-      if (!P(L)) {
-        a("copy:error", {
-          entity: S,
-          message: r("errors.copy")
+    }, H = (_, R) => {
+      const q = JSON.stringify(_);
+      if (!R(q)) {
+        r("copy:error", {
+          entity: _,
+          message: a("errors.copy")
         });
         return;
       }
-      a("copy:success", {
-        entity: S,
-        message: r("copy.success_brief")
+      r("copy:success", {
+        entity: _,
+        message: a("copy.success_brief")
       });
-    }, Z = (S) => ({
-      label: r("actions.edit"),
-      to: t.config.getEditRoute(S)
-    }), N = x(void 0), M = x(!1), K = x(!1), R = x(""), A = Jr(t.config, v.value), V = (S) => {
-      N.value = S, M.value = !0;
+    }, Y = (_) => ({
+      label: a("actions.edit"),
+      to: t.config.getEditRoute(_)
+    }), E = x(void 0), j = x(!1), M = x(!1), B = x(""), $ = en(t.config, g.value), D = (_) => {
+      E.value = _, j.value = !0;
     }, ee = () => {
-      M.value = !1, N.value = void 0;
+      j.value = !1, E.value = void 0;
     }, le = async () => {
-      var S, P, L;
-      if ((S = N.value) != null && S.id) {
-        K.value = !0;
+      var _, R, q;
+      if ((_ = E.value) != null && _.id) {
+        M.value = !0;
         try {
-          await i.delete(A(N.value.id)), a("delete:success", N.value), K.value = !1, ee(), o.value++;
+          await i.delete($(E.value.id)), r("delete:success", E.value), M.value = !1, ee(), o.value++;
         } catch (m) {
-          R.value = ((L = (P = m.response) == null ? void 0 : P.data) == null ? void 0 : L.message) || m.message || r("errors.delete"), a("error", 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);
         } finally {
-          K.value = !1;
+          M.value = !1;
         }
       }
     };
-    return te(h, (S) => {
-      if (S.status === ne.Error) {
-        _.value = r("errors.general"), a("error", S.error);
+    return te(v, (_) => {
+      if (_.status === ne.Error) {
+        C.value = a("errors.general"), r("error", _.error);
         return;
       }
-      _.value = "";
-    }), _e(async () => {
-      await t.canCreate() && (p.value.title = r("snis.list.empty_state.title"), p.value.ctaText = r("actions.create"));
-    }), (S, P) => {
-      const L = F("KButton"), m = F("KBadge"), O = F("KTruncate"), q = F("KDropdownItem"), ae = F("KClipboardProvider");
-      return w(), B("div", cn, [
-        I(c(Ir), {
+      C.value = "";
+    }), Ie(async () => {
+      await t.canCreate() && (p.value.title = a("snis.list.empty_state.title"), p.value.ctaText = a("actions.create"));
+    }), (_, R) => {
+      const q = K("KButton"), m = K("KBadge"), A = K("KTruncate"), V = K("KDropdownItem"), re = K("KClipboardProvider");
+      return k(), P("div", Sn, [
+        I(s(Ea), {
           "cache-identifier": e.cacheIdentifier,
           "cell-attributes": l,
           "disable-pagination-page-jump": "",
@@ -2362,36 +2469,36 @@ const cn = { class: "kong-ui-entities-snis-list" }, un = { key: 1 }, dn = { key:
           "disable-sorting": f.value,
           "empty-state-options": p.value,
           "enable-entity-actions": "",
-          "error-message": _.value,
-          fetcher: c(U),
+          "error-message": C.value,
+          fetcher: s(U),
           "fetcher-cache-key": o.value,
           "pagination-type": "offset",
           "preferences-storage-key": "kong-ui-entities-snis-list",
-          query: k.value,
-          "table-headers": c(y),
-          onClearSearchInput: s,
-          onSort: g
+          query: w.value,
+          "table-headers": s(y),
+          onClearSearchInput: c,
+          onSort: h
         }, {
-          "toolbar-filter": d(() => [
-            I(c(Lr), {
-              modelValue: k.value,
-              "onUpdate:modelValue": P[0] || (P[0] = (E) => k.value = E),
+          "toolbar-filter": u(() => [
+            I(s(Wa), {
+              modelValue: w.value,
+              "onUpdate:modelValue": R[0] || (R[0] = (N) => w.value = N),
               config: T.value
             }, null, 8, ["modelValue", "config"])
           ]),
-          "toolbar-button": d(() => [
-            I(c(we), {
+          "toolbar-button": u(() => [
+            I(s(we), {
               "auth-function": () => e.canCreate()
             }, {
-              default: d(() => [
-                I(L, {
+              default: u(() => [
+                I(q, {
                   appearance: "primary",
                   "data-testid": "toolbar-add-sni",
                   icon: "plus",
                   to: e.config.createRoute
                 }, {
-                  default: d(() => [
-                    W($(c(r)("snis.list.toolbar_actions.new")), 1)
+                  default: u(() => [
+                    W(O(s(a)("snis.list.toolbar_actions.new")), 1)
                   ]),
                   _: 1
                 }, 8, ["to"])
@@ -2399,88 +2506,88 @@ const cn = { class: "kong-ui-entities-snis-list" }, un = { key: 1 }, dn = { key:
               _: 1
             }, 8, ["auth-function"])
           ]),
-          name: d(({ rowValue: E }) => [
-            j("b", null, $(E ?? "-"), 1)
+          name: u(({ rowValue: N }) => [
+            F("b", null, O(N ?? "-"), 1)
           ]),
-          certificate: d(({ row: E }) => [
-            E.certificate && E.certificate.id ? (w(), D(c(sn), {
+          certificate: u(({ row: N }) => [
+            N.certificate && N.certificate.id ? (k(), L(s(wn), {
               key: 0,
               class: "copy-certificate-uuid",
               "data-testid": "copy-certificate-uuid",
-              notify: (G) => n(G, E),
+              notify: (G) => n(G, N),
               truncated: !1,
-              uuid: E.certificate.id
-            }, null, 8, ["notify", "uuid"])) : (w(), B("span", un, "-"))
+              uuid: N.certificate.id
+            }, null, 8, ["notify", "uuid"])) : (k(), P("span", _n, "-"))
           ]),
-          tags: d(({ rowValue: E }) => [
-            E != null && E.length ? (w(), D(O, { key: 0 }, {
-              default: d(() => [
-                (w(!0), B(He, null, Ie(E, (G) => (w(), D(m, {
+          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: P[1] || (P[1] = ve(() => {
+                  onClick: R[1] || (R[1] = ve(() => {
                   }, ["stop"]))
                 }, {
-                  default: d(() => [
-                    W($(G), 1)
+                  default: u(() => [
+                    W(O(G), 1)
                   ]),
                   _: 2
                 }, 1024))), 128))
               ]),
               _: 2
-            }, 1024)) : (w(), B("span", dn, "-"))
+            }, 1024)) : (k(), P("span", In, "-"))
           ]),
-          actions: d(({ row: E }) => [
-            I(ae, null, {
-              default: d(({ copyToClipboard: G }) => [
-                I(q, {
+          actions: u(({ row: N }) => [
+            I(re, null, {
+              default: u(({ copyToClipboard: G }) => [
+                I(V, {
                   "data-testid": "action-entity-copy-id",
-                  onClick: (fe) => b(E, G)
+                  onClick: (fe) => b(N, G)
                 }, {
-                  default: d(() => [
-                    W($(c(r)("actions.copy_id")), 1)
+                  default: u(() => [
+                    W(O(s(a)("actions.copy_id")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            I(ae, null, {
-              default: d(({ copyToClipboard: G }) => [
-                I(q, {
+            I(re, null, {
+              default: u(({ copyToClipboard: G }) => [
+                I(V, {
                   "data-testid": "action-entity-copy-json",
-                  onClick: (fe) => H(E, G)
+                  onClick: (fe) => H(N, G)
                 }, {
-                  default: d(() => [
-                    W($(c(r)("actions.copy_json")), 1)
+                  default: u(() => [
+                    W(O(s(a)("actions.copy_json")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            I(c(we), {
-              "auth-function": () => e.canEdit(E)
+            I(s(we), {
+              "auth-function": () => e.canEdit(N)
             }, {
-              default: d(() => [
-                I(q, {
+              default: u(() => [
+                I(V, {
                   "data-testid": "action-entity-edit",
-                  item: Z(E.id)
+                  item: Y(N.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            I(c(we), {
-              "auth-function": () => e.canDelete(E)
+            I(s(we), {
+              "auth-function": () => e.canDelete(N)
             }, {
-              default: d(() => [
-                I(q, {
+              default: u(() => [
+                I(V, {
+                  danger: "",
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
-                  "is-dangerous": "",
-                  onClick: (G) => V(E)
+                  onClick: (G) => D(N)
                 }, {
-                  default: d(() => [
-                    W($(c(r)("actions.delete")), 1)
+                  default: u(() => [
+                    W(O(s(a)("actions.delete")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -2490,15 +2597,15 @@ const cn = { class: "kong-ui-entities-snis-list" }, un = { key: 1 }, dn = { key:
           ]),
           _: 1
         }, 8, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers"]),
-        I(c(Er), {
-          "action-pending": K.value,
-          description: c(r)("delete.description"),
-          "entity-name": N.value && (N.value.name || N.value.id),
-          "entity-type": c(Je).SNI,
-          error: R.value,
+        I(s(Fa), {
+          "action-pending": M.value,
+          description: s(a)("delete.description"),
+          "entity-name": E.value && (E.value.name || E.value.id),
+          "entity-type": s(Ge).SNI,
+          error: B.value,
           "need-confirm": !1,
-          title: c(r)("delete.title"),
-          visible: M.value,
+          title: s(a)("delete.title"),
+          visible: j.value,
           onCancel: ee,
           onProceed: le
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
@@ -2506,16 +2613,16 @@ const cn = { class: "kong-ui-entities-snis-list" }, un = { key: 1 }, dn = { key:
     };
   }
 });
-const it = (e, a) => {
+const lt = (e, r) => {
   const t = e.__vccOpts || e;
-  for (const [r, n] of a)
-    t[r] = n;
+  for (const [a, n] of r)
+    t[a] = n;
   return t;
-}, En = /* @__PURE__ */ it(pn, [["__scopeId", "data-v-2cf7790e"]]), fn = { class: "kong-ui-entities-snis-form" }, yn = { "data-testid": "no-search-results" }, mn = {
+}, Vn = /* @__PURE__ */ lt(Cn, [["__scopeId", "data-v-23d67ab1"]]), xn = { class: "kong-ui-entities-snis-form" }, Tn = { "data-testid": "no-search-results" }, Nn = {
   key: 2,
   class: "invalid-certificate-message",
   "data-testid": "invalid-certificate-message"
-}, gn = /* @__PURE__ */ X({
+}, En = /* @__PURE__ */ X({
   __name: "SniForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -2532,11 +2639,11 @@ const it = (e, a) => {
     }
   },
   emits: ["update", "error", "loading"],
-  setup(e, { emit: a }) {
-    var L;
-    const t = e, r = We(), { i18n: { t: n } } = Ye.useI18n(), { getMessageFromError: i } = Zr(), { axiosInstance: o } = nt({
-      headers: (L = t.config) == null ? void 0 : L.requestHeaders
-    }), f = C(() => de.form[t.config.app].edit), u = C(() => t.sniId ? ge.Edit : ge.Create), y = C(() => t.config.certificateId && u.value === ge.Create ? t.config.certificateId : ""), l = Fe({
+  setup(e, { emit: r }) {
+    var q;
+    const t = e, a = Ze(), { i18n: { t: n } } = Ye.useI18n(), { getMessageFromError: i } = tn(), { 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 = Fe({
       fields: {
         name: "",
         tags: "",
@@ -2544,158 +2651,158 @@ const it = (e, a) => {
       },
       isReadonly: !1,
       errorMessage: ""
-    }), v = Fe({
+    }), g = Fe({
       name: "",
       tags: "",
       certificate_id: ""
-    }), k = C(() => JSON.stringify(l.fields) !== JSON.stringify(v) && !!l.fields.name && !!(l.fields.certificate_id || y.value)), T = (m) => {
-      var O, q;
-      l.fields.name = (m == null ? void 0 : m.name) || "", l.fields.tags = ((O = m == null ? void 0 : m.tags) == null ? void 0 : O.join(", ")) || "", l.fields.certificate_id = ((q = m == null ? void 0 : m.certificate) == null ? void 0 : q.id) || "", Object.assign(v, l.fields);
+    }), 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 = () => {
-      r.push(t.config.cancelRoute);
-    }, h = C(() => {
-      var O, q;
+      a.push(t.config.cancelRoute);
+    }, v = S(() => {
+      var A, V;
       let m = `${t.config.apiBaseUrl}${de.form[t.config.app].validate}`;
-      return t.config.app === "konnect" ? m = m.replace(/{controlPlaneId}/gi, ((O = t.config) == null ? void 0 : O.controlPlaneId) || "") : t.config.app === "kongManager" && (m = m.replace(/\/{workspace}/gi, (q = t.config) != null && q.workspace ? `/${t.config.workspace}` : "")), m = m.replace(/{id}/gi, t.sniId), m;
-    }), s = C(() => {
-      var O, q;
-      let m = `${t.config.apiBaseUrl}${de.form[t.config.app][u.value]}`;
-      return t.config.app === "konnect" ? m = m.replace(/{controlPlaneId}/gi, ((O = t.config) == null ? void 0 : O.controlPlaneId) || "") : t.config.app === "kongManager" && (m = m.replace(/\/{workspace}/gi, (q = t.config) != null && q.workspace ? `/${t.config.workspace}` : "")), m = m.replace(/{id}/gi, t.sniId), m;
-    }), g = async () => {
-      var m, O, q, ae, E, G, fe, Oe;
+      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;
+    }), h = async () => {
+      var m, A, V, re, N, G, fe, $e;
       try {
         l.isReadonly = !0;
-        const re = {
+        const ae = {
           name: l.fields.name,
-          tags: (O = (m = l.fields.tags.split(",")) == null ? void 0 : m.map((be) => String(be || "").trim())) == null ? void 0 : O.filter((be) => be !== ""),
+          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 Y;
-        await o.post(h.value, re), u.value === "create" ? Y = await o.post(s.value, re) : u.value === "edit" && (Y = ((q = t.config) == null ? void 0 : q.app) === "konnect" ? await o.put(s.value, re) : await o.patch(s.value, re)), l.fields.name = ((ae = Y == null ? void 0 : Y.data) == null ? void 0 : ae.name) || "", l.fields.tags = ((G = (E = Y == null ? void 0 : Y.data) == null ? void 0 : E.tags) == null ? void 0 : G.join(", ")) || "", l.fields.certificate_id = ((Oe = (fe = Y == null ? void 0 : Y.data) == null ? void 0 : fe.certificate) == null ? void 0 : Oe.id) || "", Object.assign(v, l.fields), a("update", Y == null ? void 0 : Y.data);
-      } catch (re) {
-        l.errorMessage = i(re), a("error", re);
+        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);
       } finally {
         l.isReadonly = !1;
       }
     }, {
-      debouncedQueryChange: _,
+      debouncedQueryChange: C,
       loading: p,
       allRecords: b,
       error: H,
-      validationError: Z,
-      loadItems: N,
-      results: M
-    } = Qr(t.config, de.form[t.config.app].certificates), K = x(!0), R = (m) => {
-      K.value = !m, _(m);
-    }, A = C(() => H.value ? n("errors.certificates.fetch") : ""), V = C(() => Z.value ? n("errors.certificates.invalid") : ""), ee = x(0), le = C(() => b.value === void 0), se = x(/* @__PURE__ */ new Set()), S = C(() => Array.from(se.value).map((O) => ({
-      label: O,
-      value: O,
-      selected: l.fields.certificate_id === O
-    }))), P = (m) => {
+      validationError: Y,
+      loadItems: E,
+      results: j
+    } = an(t.config, de.form[t.config.app].certificates), M = x(!0), B = (m) => {
+      M.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) => ({
+      label: A,
+      value: A,
+      selected: l.fields.certificate_id === A
+    }))), R = (m) => {
       se.value.clear();
-      let O;
-      for (O of m)
-        se.value.add(O.id);
+      let A;
+      for (A of m)
+        se.value.add(A.id);
     };
-    return te(M, (m) => {
-      P(m);
-    }, { immediate: !0, deep: !0 }), te(S, () => {
+    return te(j, (m) => {
+      R(m);
+    }, { immediate: !0, deep: !0 }), te(_, () => {
       ee.value++;
-    }, { immediate: !0, deep: !0 }), _e(async () => {
-      await N();
-    }), (m, O) => {
-      const q = F("KInput"), ae = F("KSelect");
-      return w(), B("div", fn, [
-        I(c(gr), {
-          "can-submit": k.value,
+    }, { immediate: !0, deep: !0 }), Ie(async () => {
+      await E();
+    }), (m, A) => {
+      const V = K("KInput"), re = K("KSelect");
+      return k(), P("div", xn, [
+        I(s(wa), {
+          "can-submit": w.value,
           config: e.config,
           "edit-id": e.sniId,
-          "error-message": l.errorMessage || A.value,
+          "error-message": l.errorMessage || $.value,
           "fetch-url": f.value,
           "is-readonly": l.isReadonly,
           onCancel: U,
-          "onFetch:error": O[3] || (O[3] = (E) => m.$emit("error", E)),
+          "onFetch:error": A[3] || (A[3] = (N) => m.$emit("error", N)),
           "onFetch:success": T,
-          onLoading: O[4] || (O[4] = (E) => m.$emit("loading", E)),
-          onSubmit: g
+          onLoading: A[4] || (A[4] = (N) => m.$emit("loading", N)),
+          onSubmit: h
         }, {
-          default: d(() => [
-            I(c(Le), {
-              description: c(n)("form.sections.general.description"),
-              title: c(n)("form.sections.general.title")
+          default: u(() => [
+            I(s(Le), {
+              description: s(n)("form.sections.general.description"),
+              title: s(n)("form.sections.general.title")
             }, {
-              default: d(() => [
-                I(q, {
+              default: u(() => [
+                I(V, {
                   modelValue: l.fields.name,
-                  "onUpdate:modelValue": O[0] || (O[0] = (E) => l.fields.name = E),
+                  "onUpdate:modelValue": A[0] || (A[0] = (N) => l.fields.name = N),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "sni-form-name",
-                  label: c(n)("form.fields.name.label"),
-                  placeholder: c(n)("form.fields.name.placeholder"),
+                  label: s(n)("form.fields.name.label"),
+                  placeholder: s(n)("form.fields.name.placeholder"),
                   readonly: l.isReadonly,
                   required: "",
                   type: "text"
                 }, null, 8, ["modelValue", "label", "placeholder", "readonly"]),
-                I(q, {
+                I(V, {
                   modelValue: l.fields.tags,
-                  "onUpdate:modelValue": O[1] || (O[1] = (E) => l.fields.tags = E),
+                  "onUpdate:modelValue": A[1] || (A[1] = (N) => l.fields.tags = N),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "sni-form-tags",
-                  help: c(n)("form.fields.tags.help"),
-                  label: c(n)("form.fields.tags.label"),
-                  "label-attributes": { help: c(n)("form.fields.tags.tooltip") },
-                  placeholder: c(n)("form.fields.tags.placeholder"),
+                  help: s(n)("form.fields.tags.help"),
+                  label: s(n)("form.fields.tags.label"),
+                  "label-attributes": { info: s(n)("form.fields.tags.tooltip") },
+                  placeholder: s(n)("form.fields.tags.placeholder"),
                   readonly: l.isReadonly,
                   type: "text"
                 }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"])
               ]),
               _: 1
             }, 8, ["description", "title"]),
-            I(c(Le), {
-              description: c(n)("form.sections.certificate.description"),
+            I(s(Le), {
+              description: s(n)("form.sections.certificate.description"),
               "has-divider": "",
-              title: c(n)("form.sections.certificate.title")
+              title: s(n)("form.sections.certificate.title")
             }, {
-              default: d(() => [
-                y.value ? (w(), D(q, {
+              default: u(() => [
+                y.value ? (k(), L(V, {
                   key: 0,
                   "data-testid": "sni-form-certificate-id",
-                  label: c(n)("form.fields.certificate_id.label"),
+                  label: s(n)("form.fields.certificate_id.label"),
                   "model-value": y.value,
                   readonly: "",
                   required: "",
                   width: "100%"
-                }, null, 8, ["label", "model-value"])) : (w(), D(ae, {
+                }, null, 8, ["label", "model-value"])) : (k(), L(re, {
                   key: 1,
                   modelValue: l.fields.certificate_id,
-                  "onUpdate:modelValue": O[2] || (O[2] = (E) => l.fields.certificate_id = E),
+                  "onUpdate:modelValue": A[2] || (A[2] = (N) => l.fields.certificate_id = N),
                   appearance: "select",
                   autosuggest: "",
-                  class: he({ "k-select-placeholder": K.value }),
+                  class: he({ "k-select-placeholder": M.value }),
                   clearable: "",
                   "data-testid": "sni-form-certificate-id",
-                  "dropdown-footer-text": le.value ? c(n)("form.fields.certificate_id.footer") : void 0,
+                  "dropdown-footer-text": le.value ? s(n)("form.fields.certificate_id.footer") : void 0,
                   "enable-filtering": "",
-                  items: S.value,
-                  label: c(n)("form.fields.certificate_id.label"),
-                  loading: c(p),
-                  placeholder: c(n)("form.fields.certificate_id.placeholder"),
+                  items: _.value,
+                  label: s(n)("form.fields.certificate_id.label"),
+                  loading: s(p),
+                  placeholder: s(n)("form.fields.certificate_id.placeholder"),
                   readonly: l.isReadonly,
                   required: "",
                   width: "100%",
-                  onQueryChange: R
+                  onQueryChange: B
                 }, {
-                  loading: d(() => [
-                    j("div", null, $(c(n)("actions.loading")), 1)
+                  loading: u(() => [
+                    F("div", null, O(s(n)("actions.loading")), 1)
                   ]),
-                  empty: d(() => [
-                    j("div", yn, $(c(n)("search.no_results")), 1)
+                  empty: u(() => [
+                    F("div", Tn, O(s(n)("search.no_results")), 1)
                   ]),
                   _: 1
                 }, 8, ["modelValue", "class", "dropdown-footer-text", "items", "label", "loading", "placeholder", "readonly"])),
-                V.value ? (w(), B("p", mn, $(V.value), 1)) : Q("", !0)
+                D.value ? (k(), P("p", Nn, O(D.value), 1)) : Q("", !0)
               ]),
               _: 1
             }, 8, ["description", "title"])
@@ -2706,8 +2813,8 @@ const it = (e, a) => {
     };
   }
 });
-const Nn = /* @__PURE__ */ it(gn, [["__scopeId", "data-v-4d04a730"]]);
+const qn = /* @__PURE__ */ lt(En, [["__scopeId", "data-v-576c2dac"]]);
 export {
-  Nn as SniForm,
-  En as SniList
+  qn as SniForm,
+  Vn as SniList
 };