@kong-ui-public/entities-gateway-services 3.11.25-pr.2114.f471b8dbc.0 → 3.11.25-pr.2145.96ea30cf8.0

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

@@ -1,8 +1,8 @@
-import { defineComponent as We, computed as k, ref as L, watch as Ue, onBeforeMount as lt, resolveComponent as q, openBlock as C, createElementBlock as $, createVNode as f, unref as l, createSlots as Re, withCtx as v, createBlock as Te, Teleport as ot, createElementVNode as S, createCommentVNode as M, createTextVNode as H, toDisplayString as P, withModifiers as De, reactive as Me, onMounted as Ze, renderSlot as Je, toValue as ze, Transition as Le, Fragment as it, renderList as rt } from "vue";
+import { defineComponent as Le, computed as k, ref as q, watch as $e, onBeforeMount as it, resolveComponent as G, openBlock as S, createElementBlock as $, createVNode as d, unref as l, createSlots as Re, withCtx as v, createBlock as Ue, Teleport as ze, createElementVNode as I, createCommentVNode as B, createTextVNode as J, toDisplayString as E, withModifiers as We, reactive as Me, onMounted as Qe, renderSlot as Xe, toValue as He, Transition as De, Fragment as rt, renderList as st } from "vue";
 import { useRouter as Ge } from "vue-router";
-import { BookIcon as st, AddIcon as at, ServicesIcon as nt } from "@kong/icons";
+import { BookIcon as Ze, AddIcon as at, ServicesIcon as nt } from "@kong/icons";
 import { createI18n as ct, i18nTComponent as dt } from "@kong-ui-public/i18n";
-import { useAxios as Oe, useTableState as ut, useFetcher as ft, useDeleteUrlBuilder as pt, FetcherStatus as mt, EntityBaseTable as vt, EntityFilter as gt, PermissionsWrapper as Fe, TableTags as yt, EntityEmptyState as _t, EntityToggleModal as bt, EntityDeleteModal as ht, EntityTypes as wt, useErrors as Qe, useValidators as Xe, EntityBaseFormType as Be, useGatewayFeatureSupported as Ye, EntityBaseForm as et, SupportedEntityType as Ne, EntityFormSection as Ke, useHelpers as tt, ConfigurationSchemaSection as $e, ConfigurationSchemaType as kt, EntityBaseConfigCard as Vt } from "@kong-ui-public/entities-shared";
+import { useAxios as Oe, useTableState as ut, useFetcher as ft, useDeleteUrlBuilder as pt, FetcherStatus as mt, EntityBaseTable as vt, EntityFilter as gt, PermissionsWrapper as Fe, TableTags as yt, EntityEmptyState as _t, EntityToggleModal as bt, EntityDeleteModal as ht, EntityTypes as wt, useErrors as Ye, useValidators as et, EntityBaseFormType as Be, useGatewayFeatureSupported as tt, EntityBaseForm as lt, SupportedEntityType as Ne, EntityFormSection as Ke, useHelpers as ot, ConfigurationSchemaSection as Ae, ConfigurationSchemaType as kt, EntityBaseConfigCard as Vt } from "@kong-ui-public/entities-shared";
 const Ct = {
   create: "New gateway service",
   serverless_create: "Add a Service",
@@ -229,13 +229,13 @@ function $t() {
     // Translation component <i18n-t>
   };
 }
-function xt() {
+function At() {
   return {
-    getPortFromProtocol: (B, g) => {
-      const p = [80, 443], a = Number(g);
-      if ((a || a === 0) && !p.includes(a))
-        return a;
-      switch (B) {
+    getPortFromProtocol: (K, y) => {
+      const p = [80, 443], s = Number(y);
+      if ((s || s === 0) && !p.includes(s))
+        return s;
+      switch (K) {
         case "grpcs":
         case "tls":
         case "https":
@@ -251,37 +251,37 @@ function xt() {
     }
   };
 }
-function At() {
-  const { i18n: { t: n } } = fe.useI18n();
+function xt() {
+  const { i18n: { t: n } } = ne.useI18n();
   return {
-    validateHost: (_) => {
-      if (!_ || _.trim() === "") return n("gateway_services.form.errors.host.empty");
-      const T = /^(?!:\/\/)([a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(\.([a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?))*)(\.[a-zA-Z]{1,63})?$/;
-      return /^((25[0-5]|2[0-4][0-9]|[0-1]?[0-9]?[0-9])\.){3}(25[0-5]|2[0-4][0-9]|[0-1]?[0-9]?[0-9])$/.test(_) || T.test(_) ? "" : n("gateway_services.form.errors.host.invalid");
+    validateHost: (b) => {
+      if (!b || b.trim() === "") return n("gateway_services.form.errors.host.empty");
+      const M = /^(?!:\/\/)([a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(\.([a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?))*)(\.[a-zA-Z]{1,63})?$/;
+      return /^((25[0-5]|2[0-4][0-9]|[0-1]?[0-9]?[0-9])\.){3}(25[0-5]|2[0-4][0-9]|[0-1]?[0-9]?[0-9])$/.test(b) || M.test(b) ? "" : n("gateway_services.form.errors.host.invalid");
     },
-    validateProtocol: (_, T) => !_ || _.trim() === "" ? n("gateway_services.form.errors.protocol.empty") : (_ = _.slice(0, -1), T.find((r) => {
-      if (r.value === _) return r;
+    validateProtocol: (b, M) => !b || b.trim() === "" ? n("gateway_services.form.errors.protocol.empty") : (b = b.slice(0, -1), M.find((r) => {
+      if (r.value === b) return r;
     }) === void 0 ? n("gateway_services.form.errors.protocol.invalid") : ""),
-    validatePath: (_) => !_ || _ === "" ? "" : _.startsWith("/") ? /[^A-Za-z0-9\-._~:/?#[\]@!$&'()*+,;=%]/.test(_) ? n("gateway_services.form.errors.path.invalid") : "" : n("gateway_services.form.errors.path.prefix"),
-    validatePort: (_) => {
-      if (_ == null || _ === "")
+    validatePath: (b) => !b || b === "" ? "" : b.startsWith("/") ? /[^A-Za-z0-9\-._~:/?#[\]@!$&'()*+,;=%]/.test(b) ? n("gateway_services.form.errors.path.invalid") : "" : n("gateway_services.form.errors.path.prefix"),
+    validatePort: (b) => {
+      if (b == null || b === "")
         return "";
-      const T = typeof _ == "string" ? parseInt(_, 10) : _;
-      return isNaN(T) ? n("gateway_services.form.errors.port.type") : T < 0 || T > 65535 ? n("gateway_services.form.errors.port.invalid") : "";
+      const M = typeof b == "string" ? parseInt(b, 10) : b;
+      return isNaN(M) ? n("gateway_services.form.errors.port.type") : M < 0 || M > 65535 ? n("gateway_services.form.errors.port.invalid") : "";
     }
   };
 }
-const fe = {
+const ne = {
   useI18n: $t,
-  usePortFromProtocol: xt,
-  useUrlValidators: At
-}, xe = "/v2/control-planes/{controlPlaneId}/core-entities", Ae = "/{workspace}", me = {
+  usePortFromProtocol: At,
+  useUrlValidators: xt
+}, xe = "/v2/control-planes/{controlPlaneId}/core-entities", Te = "/{workspace}", ve = {
   list: {
     konnect: {
       all: `${xe}/services`
     },
     kongManager: {
-      all: `${Ae}/services`
+      all: `${Te}/services`
     }
   },
   form: {
@@ -291,12 +291,12 @@ const fe = {
       edit: `${xe}/services/{id}`
     },
     kongManager: {
-      create: `${Ae}/services`,
-      validate: `${Ae}/schemas/services/validate`,
-      edit: `${Ae}/services/{id}`
+      create: `${Te}/services`,
+      validate: `${Te}/schemas/services/validate`,
+      edit: `${Te}/services/{id}`
     }
   }
-}, Tt = "#00abd2", Rt = "24px", Mt = { class: "kong-ui-entities-gateway-services-list" }, Bt = { class: "button-row" }, Kt = { class: "empty-state-icon-gateway" }, Wt = { key: 1 }, Dt = /* @__PURE__ */ We({
+}, Tt = "#00abd2", Rt = "24px", Mt = { class: "kong-ui-entities-gateway-services-list" }, Bt = { class: "button-row" }, Kt = { class: "empty-state-icon-gateway" }, Lt = { key: 1 }, Wt = /* @__PURE__ */ Le({
   __name: "GatewayServiceList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -343,214 +343,222 @@ const fe = {
     isServerless: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * Enables the new empty state design, this prop can be removed when
+     * the khcp-14756-empty-states-m2 FF is removed.
+     */
+    enableV2EmptyStates: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["error", "click:learn-more", "copy:success", "copy:error", "delete:success", "toggle:success"],
-  setup(n, { emit: B }) {
-    var R;
-    const g = B, p = n, { i18n: { t: a, formatUnixTimeStamp: _ } } = fe.useI18n(), T = Ge(), { axiosInstance: Z } = Oe((R = p.config) == null ? void 0 : R.axiosRequestConfig), { hasRecords: r, handleStateChange: W } = ut(() => X.value), I = k(() => r.value && p.config.app === "konnect"), ae = k(() => p.config.app !== "kongManager" || !!p.config.disableSorting), ne = {
+  setup(n, { emit: K }) {
+    var c;
+    const y = K, p = n, { i18n: { t: s, formatUnixTimeStamp: b } } = ne.useI18n(), M = Ge(), { axiosInstance: Q } = Oe((c = p.config) == null ? void 0 : c.axiosRequestConfig), { hasRecords: r, handleStateChange: D } = ut(() => z.value), P = k(() => r.value && p.config.app === "konnect"), ie = k(() => !p.enableV2EmptyStates && p.config.app === "konnect"), ce = k(() => p.config.app !== "kongManager" || !!p.config.disableSorting), Y = {
       // the Name column is non-hidable
-      name: { label: a("gateway_services.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
-      ...p.config.showControlPlaneColumn ? { control_plane: { label: a("gateway_services.list.table_headers.control_plane") } } : {},
-      protocol: { label: a("gateway_services.list.table_headers.protocol"), searchable: !0, sortable: !0 },
-      host: { label: a("gateway_services.list.table_headers.host"), searchable: !0, sortable: !0 },
-      port: { label: a("gateway_services.list.table_headers.port"), searchable: !0, sortable: !0 },
-      path: { label: a("gateway_services.list.table_headers.path"), searchable: !0, sortable: !0 },
-      enabled: { label: a("gateway_services.list.table_headers.enabled"), searchable: !0, sortable: !0 },
-      tags: { label: a("gateway_services.list.table_headers.tags"), sortable: !1 },
-      updated_at: { label: a("gateway_services.list.table_headers.updated_at"), sortable: !0 },
-      created_at: { label: a("gateway_services.list.table_headers.created_at"), sortable: !0 }
-    }, oe = {
+      name: { label: s("gateway_services.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
+      ...p.config.showControlPlaneColumn ? { control_plane: { label: s("gateway_services.list.table_headers.control_plane") } } : {},
+      protocol: { label: s("gateway_services.list.table_headers.protocol"), searchable: !0, sortable: !0 },
+      host: { label: s("gateway_services.list.table_headers.host"), searchable: !0, sortable: !0 },
+      port: { label: s("gateway_services.list.table_headers.port"), searchable: !0, sortable: !0 },
+      path: { label: s("gateway_services.list.table_headers.path"), searchable: !0, sortable: !0 },
+      enabled: { label: s("gateway_services.list.table_headers.enabled"), searchable: !0, sortable: !0 },
+      tags: { label: s("gateway_services.list.table_headers.tags"), sortable: !1 },
+      updated_at: { label: s("gateway_services.list.table_headers.updated_at"), sortable: !0 },
+      created_at: { label: s("gateway_services.list.table_headers.created_at"), sortable: !0 }
+    }, we = {
       columnVisibility: {
         created_at: !1
       }
-    }, ke = ne, Y = k(() => {
-      var w, m;
-      let s = `${p.config.apiBaseUrl}${me.list[p.config.app].all}`;
-      return p.config.app === "konnect" ? s = s.replace(/{controlPlaneId}/gi, ((w = p.config) == null ? void 0 : w.controlPlaneId) || "") : p.config.app === "kongManager" && (s = s.replace(/\/{workspace}/gi, (m = p.config) != null && m.workspace ? `/${p.config.workspace}` : "")), s;
-    }), K = k(() => p.config.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${Y.value}`) : new URL(Y.value)), X = L(""), ee = k(() => {
-      const s = p.config.app === "konnect" || p.config.isExactMatch;
-      if (s)
+    }, de = Y, x = k(() => {
+      var m, C;
+      let g = `${p.config.apiBaseUrl}${ve.list[p.config.app].all}`;
+      return p.config.app === "konnect" ? g = g.replace(/{controlPlaneId}/gi, ((m = p.config) == null ? void 0 : m.controlPlaneId) || "") : p.config.app === "kongManager" && (g = g.replace(/\/{workspace}/gi, (C = p.config) != null && C.workspace ? `/${p.config.workspace}` : "")), g;
+    }), ge = k(() => p.config.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${x.value}`) : new URL(x.value)), z = q(""), Ie = k(() => {
+      const g = p.config.app === "konnect" || p.config.isExactMatch;
+      if (g)
         return {
-          isExactMatch: s,
-          placeholder: a(`search.placeholder.${p.config.app}`)
+          isExactMatch: g,
+          placeholder: s(`search.placeholder.${p.config.app}`)
         };
-      const { name: w, enabled: m, protocol: G, host: re, port: Q, path: se } = ne;
+      const { name: m, enabled: C, protocol: W, host: pe, port: N, path: me } = Y;
       return {
-        isExactMatch: s,
-        fields: { name: w, enabled: m, protocol: G, host: re, port: Q, path: se },
+        isExactMatch: g,
+        fields: { name: m, enabled: C, protocol: W, host: pe, port: N, path: me },
         schema: p.config.filterSchema
       };
     }), {
-      fetcher: Pe,
-      fetcherState: o,
-      fetcherCacheKey: h
-    } = ft(k(() => ({ ...p.config, cacheIdentifier: p.cacheIdentifier })), Y), ve = () => {
-      X.value = "";
-    }, ge = () => {
-      h.value++;
-    }, ce = L(null), e = k(() => ({
+      fetcher: o,
+      fetcherState: w,
+      fetcherCacheKey: re
+    } = ft(k(() => ({ ...p.config, cacheIdentifier: p.cacheIdentifier })), x), ye = () => {
+      z.value = "";
+    }, ke = () => {
+      re.value++;
+    }, e = q(null), A = k(() => ({
       ctaPath: p.config.createRoute,
-      ctaText: x.value ? p.isServerless ? a("actions.serverless_create") : a("actions.create") : void 0,
-      message: `${a("gateway_services.list.empty_state.description")}${p.config.additionMessageForEmptyState ? ` ${p.config.additionMessageForEmptyState}` : ""}`,
-      title: x.value ? p.isServerless ? a("gateway_services.list.empty_state.serverless_title") : a("gateway_services.list.empty_state.title") : a("gateway_services.title")
-    })), E = L(!1), N = L(null), de = k(() => {
-      const s = {
+      ctaText: T.value ? p.isServerless ? s("actions.serverless_create") : s("actions.create") : void 0,
+      message: `${s("gateway_services.list.empty_state.description")}${p.config.additionMessageForEmptyState ? ` ${p.config.additionMessageForEmptyState}` : ""}`,
+      title: T.value ? p.isServerless ? s("gateway_services.list.empty_state.serverless_title") : s("gateway_services.list.empty_state.title") : s("gateway_services.title")
+    })), ue = q(!1), O = q(null), se = k(() => {
+      const g = {
         action: "disable",
         id: "",
         name: ""
       };
-      if (N.value) {
-        const { enabled: w, id: m, name: G } = N.value;
-        s.action = w ? "disable" : "enable", s.id = m, s.name = G || m;
+      if (O.value) {
+        const { enabled: m, id: C, name: W } = O.value;
+        g.action = m ? "disable" : "enable", g.id = C, g.name = W || C;
       }
-      return s;
-    }), ye = (s) => {
-      E.value = !0, N.value = s;
-    }, Ve = () => {
-      E.value = !1, N.value = null;
-    }, ue = async () => {
-      var G, re;
-      if (!await ((G = p.canEdit) == null ? void 0 : G.call(p, N.value)) || !N.value)
+      return g;
+    }), Pe = (g) => {
+      ue.value = !0, O.value = g;
+    }, oe = () => {
+      ue.value = !1, O.value = null;
+    }, Ve = async () => {
+      var W, pe;
+      if (!await ((W = p.canEdit) == null ? void 0 : W.call(p, O.value)) || !O.value)
         return;
-      const w = `${K.value.href}/${N.value.id}`, m = !N.value.enabled;
+      const m = `${ge.value.href}/${O.value.id}`, C = !O.value.enabled;
       try {
-        const { data: Q } = ((re = p.config) == null ? void 0 : re.app) === "konnect" ? await Z.put(w, { ...N.value, enabled: m }) : await Z.patch(w, { ...N.value, enabled: m });
-        g("toggle:success", Q), N.value.enabled = m;
-      } catch (Q) {
-        g("error", Q);
+        const { data: N } = ((pe = p.config) == null ? void 0 : pe.app) === "konnect" ? await Q.put(m, { ...O.value, enabled: C }) : await Q.patch(m, { ...O.value, enabled: C });
+        y("toggle:success", N), O.value.enabled = C;
+      } catch (N) {
+        y("error", N);
       }
-    }, Ce = (s) => {
-      p.config.getControlPlaneRoute && T.push(p.config.getControlPlaneRoute(s));
-    }, Se = async (s, w) => {
-      const m = s.id;
-      if (!await w(m)) {
-        g("copy:error", {
-          entity: s,
+    }, Ce = (g) => {
+      p.config.getControlPlaneRoute && M.push(p.config.getControlPlaneRoute(g));
+    }, fe = async (g, m) => {
+      const C = g.id;
+      if (!await m(C)) {
+        y("copy:error", {
+          entity: g,
           field: "id",
-          message: a("errors.copy")
+          message: s("errors.copy")
         });
         return;
       }
-      g("copy:success", {
-        entity: s,
+      y("copy:success", {
+        entity: g,
         field: "id",
-        message: a("copy.success", { val: m })
+        message: s("copy.success", { val: C })
       });
-    }, pe = async (s, w) => {
-      const m = JSON.stringify(s);
-      if (!await w(m)) {
-        g("copy:error", {
-          entity: s,
-          message: a("errors.copy")
+    }, _e = async (g, m) => {
+      const C = JSON.stringify(g);
+      if (!await m(C)) {
+        y("copy:error", {
+          entity: g,
+          message: s("errors.copy")
         });
         return;
       }
-      g("copy:success", {
-        entity: s,
-        message: a("copy.success_brief")
+      y("copy:success", {
+        entity: g,
+        message: s("copy.success_brief")
       });
-    }, _e = async (s) => {
-      var m;
-      await ((m = p.canRetrieve) == null ? void 0 : m.call(p, s)) && T.push(p.config.getViewRoute(s.id));
-    }, be = (s) => ({
-      label: a("actions.view"),
-      to: p.config.getViewRoute(s)
-    }), Ee = (s) => ({
-      label: a("actions.edit"),
-      to: p.config.getEditRoute(s)
-    }), D = L(void 0), ie = L(!1), j = L(!1), te = L(""), he = pt(p.config, Y.value), i = (s) => {
-      D.value = s, ie.value = !0, te.value = "";
-    }, d = () => {
-      ie.value = !1, D.value = void 0;
-    }, V = async () => {
-      var s, w, m;
-      if ((s = D.value) != null && s.id) {
-        j.value = !0;
+    }, be = async (g) => {
+      var C;
+      await ((C = p.canRetrieve) == null ? void 0 : C.call(p, g)) && M.push(p.config.getViewRoute(g.id));
+    }, Ee = (g) => ({
+      label: s("actions.view"),
+      to: p.config.getViewRoute(g)
+    }), ee = (g) => ({
+      label: s("actions.edit"),
+      to: p.config.getEditRoute(g)
+    }), H = q(void 0), Z = q(!1), te = q(!1), ae = q(""), i = pt(p.config, x.value), u = (g) => {
+      H.value = g, Z.value = !0, ae.value = "";
+    }, V = () => {
+      Z.value = !1, H.value = void 0;
+    }, X = async () => {
+      var g, m, C;
+      if ((g = H.value) != null && g.id) {
+        te.value = !0;
         try {
-          await Z.delete(he(D.value.id)), g("delete:success", D.value), d(), h.value++;
-        } catch (G) {
-          te.value = ((m = (w = G.response) == null ? void 0 : w.data) == null ? void 0 : m.message) || G.message || a("errors.delete"), g("error", G);
+          await Q.delete(i(H.value.id)), y("delete:success", H.value), V(), re.value++;
+        } catch (W) {
+          ae.value = ((C = (m = W.response) == null ? void 0 : m.data) == null ? void 0 : C.message) || W.message || s("errors.delete"), y("error", W);
         } finally {
-          j.value = !1;
+          te.value = !1;
         }
       }
-    }, J = () => {
-      T.push(p.config.createRoute);
+    }, L = () => {
+      M.push(p.config.createRoute);
     };
-    Ue(o, (s) => {
-      var w, m, G;
-      if (s.status === mt.Error) {
-        ce.value = {
-          title: a("errors.general")
-        }, (G = (m = (w = s.error) == null ? void 0 : w.response) == null ? void 0 : m.data) != null && G.message && (ce.value.message = s.error.response.data.message), g("error", s.error);
+    $e(w, (g) => {
+      var m, C, W;
+      if (g.status === mt.Error) {
+        e.value = {
+          title: s("errors.general")
+        }, (W = (C = (m = g.error) == null ? void 0 : m.response) == null ? void 0 : C.data) != null && W.message && (e.value.message = g.error.response.data.message), y("error", g.error);
         return;
       }
-      ce.value = null;
+      e.value = null;
     });
-    const x = L(!1);
-    return lt(async () => {
-      x.value = await p.canCreate();
-    }), (s, w) => {
-      const m = q("KButton"), G = q("KBadge"), re = q("KInputSwitch"), Q = q("KDropdownItem"), se = q("KClipboardProvider");
-      return C(), $("div", Mt, [
-        f(l(vt), {
+    const T = q(!1);
+    return it(async () => {
+      T.value = await p.canCreate();
+    }), (g, m) => {
+      const C = G("KButton"), W = G("KBadge"), pe = G("KInputSwitch"), N = G("KDropdownItem"), me = G("KClipboardProvider");
+      return S(), $("div", Mt, [
+        d(l(vt), {
           "cache-identifier": n.cacheIdentifier,
-          "default-table-preferences": oe,
-          "disable-sorting": ae.value,
-          "empty-state-options": e.value,
+          "default-table-preferences": we,
+          "disable-sorting": ce.value,
+          "empty-state-options": A.value,
           "enable-entity-actions": "",
-          "error-message": ce.value,
-          fetcher: l(Pe),
-          "fetcher-cache-key": l(h),
+          "error-message": e.value,
+          fetcher: l(o),
+          "fetcher-cache-key": l(re),
           "pagination-type": "offset",
           "preferences-storage-key": "kong-ui-entities-gateway-services-list",
-          query: X.value,
-          "table-headers": l(ke),
-          onClearSearchInput: ve,
-          "onClick:row": w[4] || (w[4] = (b) => _e(b)),
-          onSort: ge,
-          onState: l(W)
+          query: z.value,
+          "table-headers": l(de),
+          onClearSearchInput: ye,
+          "onClick:row": m[5] || (m[5] = (h) => be(h)),
+          onSort: ke,
+          onState: l(D)
         }, Re({
           "toolbar-filter": v(() => [
-            f(l(gt), {
-              modelValue: X.value,
-              "onUpdate:modelValue": w[0] || (w[0] = (b) => X.value = b),
-              config: ee.value
+            d(l(gt), {
+              modelValue: z.value,
+              "onUpdate:modelValue": m[0] || (m[0] = (h) => z.value = h),
+              config: Ie.value
             }, null, 8, ["modelValue", "config"])
           ]),
           "toolbar-button": v(() => [
-            (C(), Te(ot, {
+            (S(), Ue(ze, {
               disabled: !n.useActionOutside,
               to: "#kong-ui-app-page-header-action-button"
             }, [
-              S("div", Bt, [
-                I.value ? (C(), Te(m, {
+              I("div", Bt, [
+                P.value ? (S(), Ue(C, {
                   key: 0,
                   appearance: "secondary",
                   class: "open-learning-hub",
                   "data-testid": "gateway-services-learn-more-button",
                   icon: "",
-                  onClick: w[1] || (w[1] = (b) => s.$emit("click:learn-more"))
+                  onClick: m[1] || (m[1] = (h) => g.$emit("click:learn-more"))
                 }, {
                   default: v(() => [
-                    f(l(st), { decorative: "" })
+                    d(l(Ze), { decorative: "" })
                   ]),
                   _: 1
-                })) : M("", !0),
-                f(l(Fe), {
+                })) : B("", !0),
+                d(l(Fe), {
                   "auth-function": () => n.canCreate()
                 }, {
                   default: v(() => [
-                    f(m, {
+                    d(C, {
                       appearance: "primary",
                       "data-testid": "toolbar-add-gateway-service",
                       size: n.useActionOutside ? "medium" : "large",
                       to: n.config.createRoute
                     }, {
                       default: v(() => [
-                        f(l(at)),
-                        H(" " + P(l(a)("gateway_services.list.toolbar_actions.new_gateway_service")), 1)
+                        d(l(at)),
+                        J(" " + E(l(s)("gateway_services.list.toolbar_actions.new_gateway_service")), 1)
                       ]),
                       _: 1
                     }, 8, ["size", "to"])
@@ -560,120 +568,120 @@ const fe = {
               ])
             ], 8, ["disabled"]))
           ]),
-          name: v(({ rowValue: b }) => [
-            S("b", null, P(b ?? "-"), 1)
+          name: v(({ rowValue: h }) => [
+            I("b", null, E(h ?? "-"), 1)
           ]),
-          control_plane: v(({ row: b }) => {
-            var z;
+          control_plane: v(({ row: h }) => {
+            var t;
             return [
-              (z = b.x_meta) != null && z.cluster_id ? (C(), Te(G, {
+              (t = h.x_meta) != null && t.cluster_id ? (S(), Ue(W, {
                 key: 0,
-                tooltip: b.x_meta.cluster_id,
+                tooltip: h.x_meta.cluster_id,
                 "truncation-tooltip": "",
-                onClick: De((t) => Ce(b.x_meta.cluster_id), ["stop"])
+                onClick: We((a) => Ce(h.x_meta.cluster_id), ["stop"])
               }, {
                 default: v(() => [
-                  H(P(b.x_meta.cluster_id), 1)
+                  J(E(h.x_meta.cluster_id), 1)
                 ]),
                 _: 2
-              }, 1032, ["tooltip", "onClick"])) : (C(), $("b", Wt, "-"))
+              }, 1032, ["tooltip", "onClick"])) : (S(), $("b", Lt, "-"))
             ];
           }),
-          enabled: v(({ row: b }) => [
-            f(l(Fe), {
-              "auth-function": () => n.canEdit(b),
+          enabled: v(({ row: h }) => [
+            d(l(Fe), {
+              "auth-function": () => n.canEdit(h),
               "force-show": ""
             }, {
-              default: v(({ isAllowed: z }) => [
-                S("div", {
-                  onClick: w[3] || (w[3] = De(() => {
+              default: v(({ isAllowed: t }) => [
+                I("div", {
+                  onClick: m[4] || (m[4] = We(() => {
                   }, ["stop"]))
                 }, [
-                  f(re, {
-                    modelValue: b.enabled,
-                    "onUpdate:modelValue": (t) => b.enabled = t,
-                    "data-testid": `row-${b.id}-toggle-input`,
-                    disabled: !z,
-                    onClick: De((t) => ye(b), ["prevent"])
+                  d(pe, {
+                    modelValue: h.enabled,
+                    "onUpdate:modelValue": (a) => h.enabled = a,
+                    "data-testid": `row-${h.id}-toggle-input`,
+                    disabled: !t,
+                    onClick: We((a) => Pe(h), ["prevent"])
                   }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "disabled", "onClick"])
                 ])
               ]),
               _: 2
             }, 1032, ["auth-function"])
           ]),
-          tags: v(({ rowValue: b }) => [
-            f(l(yt), { tags: b }, null, 8, ["tags"])
+          tags: v(({ rowValue: h }) => [
+            d(l(yt), { tags: h }, null, 8, ["tags"])
           ]),
-          created_at: v(({ rowValue: b }) => [
-            H(P(l(_)(b)), 1)
+          created_at: v(({ rowValue: h }) => [
+            J(E(l(b)(h)), 1)
           ]),
-          updated_at: v(({ row: b, rowValue: z }) => [
-            H(P(l(_)(z ?? b.created_at)), 1)
+          updated_at: v(({ row: h, rowValue: t }) => [
+            J(E(l(b)(t ?? h.created_at)), 1)
           ]),
-          actions: v(({ row: b }) => [
-            f(se, null, {
-              default: v(({ copyToClipboard: z }) => [
-                f(Q, {
+          actions: v(({ row: h }) => [
+            d(me, null, {
+              default: v(({ copyToClipboard: t }) => [
+                d(N, {
                   "data-testid": "action-entity-copy-id",
-                  onClick: (t) => Se(b, z)
+                  onClick: (a) => fe(h, t)
                 }, {
                   default: v(() => [
-                    H(P(l(a)("actions.copy_id")), 1)
+                    J(E(l(s)("actions.copy_id")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            f(se, null, {
-              default: v(({ copyToClipboard: z }) => [
-                f(Q, {
+            d(me, null, {
+              default: v(({ copyToClipboard: t }) => [
+                d(N, {
                   "data-testid": "action-entity-copy-json",
-                  onClick: (t) => pe(b, z)
+                  onClick: (a) => _e(h, t)
                 }, {
                   default: v(() => [
-                    H(P(l(a)("actions.copy_json")), 1)
+                    J(E(l(s)("actions.copy_json")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            f(l(Fe), {
-              "auth-function": () => n.canRetrieve(b)
+            d(l(Fe), {
+              "auth-function": () => n.canRetrieve(h)
             }, {
               default: v(() => [
-                f(Q, {
+                d(N, {
                   "data-testid": "action-entity-view",
                   "has-divider": "",
-                  item: be(b.id)
+                  item: Ee(h.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            f(l(Fe), {
-              "auth-function": () => n.canEdit(b)
+            d(l(Fe), {
+              "auth-function": () => n.canEdit(h)
             }, {
               default: v(() => [
-                f(Q, {
+                d(N, {
                   "data-testid": "action-entity-edit",
-                  item: Ee(b.id)
+                  item: ee(h.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            f(l(Fe), {
-              "auth-function": () => n.canDelete(b)
+            d(l(Fe), {
+              "auth-function": () => n.canDelete(h)
             }, {
               default: v(() => [
-                f(Q, {
+                d(N, {
                   danger: "",
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
-                  onClick: (z) => i(b)
+                  onClick: (t) => u(h)
                 }, {
                   default: v(() => [
-                    H(P(l(a)("actions.delete.menu_label")), 1)
+                    J(E(l(s)("actions.delete.menu_label")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -683,25 +691,48 @@ const fe = {
           ]),
           _: 2
         }, [
-          !X.value && n.config.app === "konnect" ? {
+          !l(r) && ie.value ? {
+            name: "outside-actions",
+            fn: v(() => [
+              (S(), Ue(ze, {
+                disabled: !n.useActionOutside,
+                to: "#kong-ui-app-page-header-action-button"
+              }, [
+                d(C, {
+                  appearance: "secondary",
+                  class: "open-learning-hub",
+                  "data-testid": "gateway-services-more-button",
+                  icon: "",
+                  onClick: m[2] || (m[2] = (h) => g.$emit("click:learn-more"))
+                }, {
+                  default: v(() => [
+                    d(l(Ze), { decorative: "" })
+                  ]),
+                  _: 1
+                })
+              ], 8, ["disabled"]))
+            ]),
+            key: "0"
+          } : void 0,
+          !z.value && n.enableV2EmptyStates && n.config.app === "konnect" ? {
             name: "empty-state",
             fn: v(() => {
-              var b;
+              var h;
               return [
-                f(l(_t), {
-                  "action-button-text": l(a)("gateway_services.empty_state_v2.create"),
+                d(l(_t), {
+                  "action-button-text": l(s)("gateway_services.empty_state_v2.create"),
                   appearance: "secondary",
                   "can-create": () => n.canCreate(),
                   "data-testid": "gateway-services-entity-empty-state",
-                  description: l(a)("gateway_services.empty_state_v2.description"),
+                  description: l(s)("gateway_services.empty_state_v2.description"),
                   "learn-more": n.config.app === "konnect",
-                  title: l(a)("gateway_services.empty_state_v2.title"),
-                  "onClick:create": J,
-                  "onClick:learnMore": w[2] || (w[2] = (z) => s.$emit("click:learn-more"))
+                  title: l(s)("gateway_services.empty_state_v2.title"),
+                  "onClick:create": L,
+                  "onClick:learnMore": m[3] || (m[3] = (t) => g.$emit("click:learn-more"))
                 }, Re({
                   image: v(() => [
-                    S("div", Kt, [
-                      f(l(nt), {
+                    I("div", Kt, [
+                      d(l(nt), {
                         color: l(Tt),
                         size: l(Rt)
                       }, null, 8, ["color", "size"])
@@ -709,49 +740,49 @@ const fe = {
                   ]),
                   _: 2
                 }, [
-                  (b = n.config) != null && b.isControlPlaneGroup ? {
+                  (h = n.config) != null && h.isControlPlaneGroup ? {
                     name: "message",
                     fn: v(() => [
-                      H(P(l(a)("gateway_services.empty_state_v2.group")), 1)
+                      J(E(l(s)("gateway_services.empty_state_v2.group")), 1)
                     ]),
                     key: "0"
                   } : void 0
                 ]), 1032, ["action-button-text", "can-create", "description", "learn-more", "title"])
               ];
             }),
-            key: "0"
+            key: "1"
           } : void 0
         ]), 1032, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers", "onState"]),
-        f(l(bt), {
-          action: de.value.action,
-          "entity-id": de.value.id,
-          "entity-name": de.value.name,
-          "entity-type": l(a)("glossary.gateway_services"),
-          "on-confirm": ue,
-          visible: E.value,
-          onCancel: Ve,
-          onProceed: Ve
+        d(l(bt), {
+          action: se.value.action,
+          "entity-id": se.value.id,
+          "entity-name": se.value.name,
+          "entity-type": l(s)("glossary.gateway_services"),
+          "on-confirm": Ve,
+          visible: ue.value,
+          onCancel: oe,
+          onProceed: oe
         }, null, 8, ["action", "entity-id", "entity-name", "entity-type", "visible"]),
-        f(l(ht), {
-          "action-pending": j.value,
-          description: l(a)("actions.delete.description"),
-          "entity-name": D.value && (D.value.name || D.value.id),
+        d(l(ht), {
+          "action-pending": te.value,
+          description: l(s)("actions.delete.description"),
+          "entity-name": H.value && (H.value.name || H.value.id),
           "entity-type": l(wt).GatewayService,
-          error: te.value,
-          title: l(a)("actions.delete.title"),
-          visible: ie.value,
-          onCancel: d,
-          onProceed: V
+          error: ae.value,
+          title: l(s)("actions.delete.title"),
+          visible: Z.value,
+          onCancel: V,
+          onProceed: X
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
       ]);
     };
   }
-}), je = (n, B) => {
-  const g = n.__vccOpts || n;
-  for (const [p, a] of B)
-    g[p] = a;
-  return g;
-}, Ml = /* @__PURE__ */ je(Dt, [["__scopeId", "data-v-46700fcd"]]), Lt = { class: "kong-ui-entities-gateway-service-form" }, qt = { key: 0 }, Gt = { class: "gateway-service-form-traffic-label" }, Ot = { class: "gateway-service-form-margin-bottom" }, Nt = {
+}), je = (n, K) => {
+  const y = n.__vccOpts || n;
+  for (const [p, s] of K)
+    y[p] = s;
+  return y;
+}, Ml = /* @__PURE__ */ je(Wt, [["__scopeId", "data-v-210f19c5"]]), Dt = { class: "kong-ui-entities-gateway-service-form" }, qt = { key: 0 }, Gt = { class: "gateway-service-form-traffic-label" }, Ot = { class: "gateway-service-form-margin-bottom" }, Nt = {
   key: 0,
   class: "gateway-service-form-group-fields"
 }, jt = {
@@ -772,7 +803,7 @@ const fe = {
 }, ol = {
   key: 1,
   class: "checkbox-aligned-radio"
-}, il = /* @__PURE__ */ We({
+}, il = /* @__PURE__ */ Le({
   __name: "LegacyGatewayServiceForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -795,9 +826,9 @@ const fe = {
     }
   },
   emits: ["update", "error", "url-valid:success", "url-valid:error", "loading", "model-updated"],
-  setup(n, { expose: B, emit: g }) {
-    var he;
-    const p = g, a = n, _ = L(!0), T = Ge(), { i18nT: Z, i18n: { t: r } } = fe.useI18n(), { getMessageFromError: W } = Qe(), { axiosInstance: I } = Oe((he = a.config) == null ? void 0 : he.axiosRequestConfig), ae = Xe(), ne = k(() => me.form[a.config.app].edit), oe = k(() => a.gatewayServiceId ? Be.Edit : Be.Create), ke = L(!1), Y = k(() => !!a.gatewayServiceId), K = L(Y.value ? "protocol" : "url"), X = fe.usePortFromProtocol(), ee = L(""), Pe = k(() => !!ee.value), o = Me({
+  setup(n, { expose: K, emit: y }) {
+    var ae;
+    const p = y, s = n, b = q(!0), M = Ge(), { i18nT: Q, i18n: { t: r } } = ne.useI18n(), { getMessageFromError: D } = Ye(), { axiosInstance: P } = Oe((ae = s.config) == null ? void 0 : ae.axiosRequestConfig), ie = et(), ce = k(() => ve.form[s.config.app].edit), Y = k(() => s.gatewayServiceId ? Be.Edit : Be.Create), we = q(!1), de = k(() => !!s.gatewayServiceId), x = q(de.value ? "protocol" : "url"), ge = ne.usePortFromProtocol(), z = q(""), Ie = k(() => !!z.value), o = Me({
       fields: {
         name: "",
         protocol: "http",
@@ -817,7 +848,7 @@ const fe = {
       },
       isReadonly: !1,
       errorMessage: ""
-    }), h = Me({
+    }), w = Me({
       name: "",
       protocol: "http",
       host: "",
@@ -833,13 +864,13 @@ const fe = {
       tls_verify_enabled: !1,
       tls_verify_value: !1,
       tags: ""
-    }), ve = a.config.app === "konnect" || Ye({
-      gatewayInfo: a.config.gatewayInfo,
+    }), re = s.config.app === "konnect" || tt({
+      gatewayInfo: s.config.gatewayInfo,
       // 'ws' and 'wss' are not valid values for the protocol field in Gateway Community Edition or before Gateway Enterprise Edition 3.0
       supportedRange: {
         enterprise: ["3.0"]
       }
-    }), ge = [
+    }), ye = [
       {
         label: r("gateway_services.form.fields.protocol.options.http"),
         value: "http",
@@ -875,7 +906,7 @@ const fe = {
         value: "grpcs",
         group: "grpc"
       },
-      ...ve ? [
+      ...re ? [
         {
           label: r("gateway_services.form.fields.protocol.options.ws"),
           value: "ws",
@@ -892,60 +923,60 @@ const fe = {
         value: "udp",
         group: "udp"
       }
-    ], ce = { url: "url", protocol: "protocol" }, e = (i, d) => {
-      d.value;
-    }, E = (i) => i ? parseFloat(i) : 0, N = () => {
-      _.value = !0, o.errorMessage = "", o.fields.host = h.host, o.fields.path = h.path, o.fields.port = h.port, o.fields.protocol = h.protocol, o.fields.url = h.url, o.fields.retries = h.retries, o.fields.connect_timeout = h.connect_timeout, o.fields.write_timeout = h.write_timeout, o.fields.read_timeout = h.read_timeout, o.fields.client_certificate = h.client_certificate, o.fields.ca_certificates = h.ca_certificates, o.fields.tls_verify_enabled = h.tls_verify_enabled, o.fields.tls_verify_value = h.tls_verify_value;
-    }, de = () => {
-      if (o.fields.url && K.value === "url")
+    ], ke = { url: "url", protocol: "protocol" }, e = (i, u) => {
+      u.value;
+    }, A = (i) => i ? parseFloat(i) : 0, ue = () => {
+      b.value = !0, o.errorMessage = "", o.fields.host = w.host, o.fields.path = w.path, o.fields.port = w.port, o.fields.protocol = w.protocol, o.fields.url = w.url, o.fields.retries = w.retries, o.fields.connect_timeout = w.connect_timeout, o.fields.write_timeout = w.write_timeout, o.fields.read_timeout = w.read_timeout, o.fields.client_certificate = w.client_certificate, o.fields.ca_certificates = w.ca_certificates, o.fields.tls_verify_enabled = w.tls_verify_enabled, o.fields.tls_verify_value = w.tls_verify_value;
+    }, O = () => {
+      if (o.fields.url && x.value === "url")
         try {
           const i = new URL(o.fields.url);
           o.errorMessage = "", o.fields.protocol = i.protocol.slice(0, -1), o.fields.host = i.hostname, o.fields.path = i.pathname;
-          const d = Number(i.port);
-          ke.value = !!d, o.fields.port = d || X.getPortFromProtocol(o.fields.protocol), o.errorMessage = "", p("url-valid:success");
+          const u = Number(i.port);
+          we.value = !!u, o.fields.port = u || ge.getPortFromProtocol(o.fields.protocol), o.errorMessage = "", p("url-valid:success");
         } catch (i) {
-          o.errorMessage = r("errors.urlErrorMessage"), p("url-valid:error", W(i));
+          o.errorMessage = r("errors.urlErrorMessage"), p("url-valid:error", D(i));
         }
       else
         p("url-valid:success"), o.errorMessage = "";
-    }, ye = k(() => !["tcp", "tls", "tls_passthrough", "grpc", "grpcs", "udp"].includes(o.fields.protocol)), Ve = k(() => {
-      if (K.value === "url")
+    }, se = k(() => !["tcp", "tls", "tls_passthrough", "grpc", "grpcs", "udp"].includes(o.fields.protocol)), Pe = k(() => {
+      if (x.value === "url")
         return !0;
       const i = ["https", "wss", "tls"].includes(o.fields.protocol);
-      return K.value === "protocol" && i;
-    }), ue = k(() => {
-      if (K.value === "url")
+      return x.value === "protocol" && i;
+    }), oe = k(() => {
+      if (x.value === "url")
         return !0;
       const i = ["https", "tls"].includes(o.fields.protocol);
-      return K.value === "protocol" && i;
-    }), Ce = k(() => {
-      if (K.value === "url")
+      return x.value === "protocol" && i;
+    }), Ve = k(() => {
+      if (x.value === "url")
         return !0;
       const i = ["https", "wss", "tls"].includes(o.fields.protocol);
-      return K.value === "protocol" && i;
-    }), Se = (i) => {
-      ee.value = ae.utf8Name(i);
-    }, pe = k(() => Y.value && JSON.stringify(o.fields) !== JSON.stringify(h) || K.value === "url" && !!o.fields.url || K.value === "protocol" && !!o.fields.host), _e = (i) => {
-      var d, V, J;
-      o.fields.name = (i == null ? void 0 : i.name) || "", o.fields.tags = ((d = i == null ? void 0 : i.tags) == null ? void 0 : d.join(", ")) || "", o.fields.protocol = (i == null ? void 0 : i.protocol) || "http", o.fields.path = (i == null ? void 0 : i.path) || "", o.fields.read_timeout = i != null && i.read_timeout || (i == null ? void 0 : i.read_timeout) === 0 ? i == null ? void 0 : i.read_timeout : 6e4, o.fields.retries = i != null && i.retries || (i == null ? void 0 : i.retries) === 0 ? i == null ? void 0 : i.retries : 5, o.fields.host = (i == null ? void 0 : i.host) || "", o.fields.connect_timeout = i != null && i.connect_timeout || (i == null ? void 0 : i.connect_timeout) === 0 ? i == null ? void 0 : i.connect_timeout : 6e4, o.fields.tls_verify_enabled = (i == null ? void 0 : i.tls_verify) !== "" && (i == null ? void 0 : i.tls_verify) !== null && (i == null ? void 0 : i.tls_verify) !== void 0, o.fields.tls_verify_value = i != null && i.tls_verify ? i == null ? void 0 : i.tls_verify : !1, o.fields.ca_certificates = ((V = i == null ? void 0 : i.ca_certificates) == null ? void 0 : V.join(",")) || "", o.fields.client_certificate = ((J = i == null ? void 0 : i.client_certificate) == null ? void 0 : J.id) || "", o.fields.write_timeout = i != null && i.write_timeout || (i == null ? void 0 : i.write_timeout) === 0 ? i == null ? void 0 : i.write_timeout : 6e4, o.fields.port = i != null && i.port || (i == null ? void 0 : i.port) === 0 ? i == null ? void 0 : i.port : 80, Object.assign(h, o.fields);
+      return x.value === "protocol" && i;
+    }), Ce = (i) => {
+      z.value = ie.utf8Name(i);
+    }, fe = k(() => de.value && JSON.stringify(o.fields) !== JSON.stringify(w) || x.value === "url" && !!o.fields.url || x.value === "protocol" && !!o.fields.host), _e = (i) => {
+      var u, V, X;
+      o.fields.name = (i == null ? void 0 : i.name) || "", o.fields.tags = ((u = i == null ? void 0 : i.tags) == null ? void 0 : u.join(", ")) || "", o.fields.protocol = (i == null ? void 0 : i.protocol) || "http", o.fields.path = (i == null ? void 0 : i.path) || "", o.fields.read_timeout = i != null && i.read_timeout || (i == null ? void 0 : i.read_timeout) === 0 ? i == null ? void 0 : i.read_timeout : 6e4, o.fields.retries = i != null && i.retries || (i == null ? void 0 : i.retries) === 0 ? i == null ? void 0 : i.retries : 5, o.fields.host = (i == null ? void 0 : i.host) || "", o.fields.connect_timeout = i != null && i.connect_timeout || (i == null ? void 0 : i.connect_timeout) === 0 ? i == null ? void 0 : i.connect_timeout : 6e4, o.fields.tls_verify_enabled = (i == null ? void 0 : i.tls_verify) !== "" && (i == null ? void 0 : i.tls_verify) !== null && (i == null ? void 0 : i.tls_verify) !== void 0, o.fields.tls_verify_value = i != null && i.tls_verify ? i == null ? void 0 : i.tls_verify : !1, o.fields.ca_certificates = ((V = i == null ? void 0 : i.ca_certificates) == null ? void 0 : V.join(",")) || "", o.fields.client_certificate = ((X = i == null ? void 0 : i.client_certificate) == null ? void 0 : X.id) || "", o.fields.write_timeout = i != null && i.write_timeout || (i == null ? void 0 : i.write_timeout) === 0 ? i == null ? void 0 : i.write_timeout : 6e4, o.fields.port = i != null && i.port || (i == null ? void 0 : i.port) === 0 ? i == null ? void 0 : i.port : 80, Object.assign(w, o.fields);
     }, be = () => {
-      T.push(a.config.cancelRoute);
+      M.push(s.config.cancelRoute);
     }, Ee = k(() => {
-      var d, V;
-      let i = `${a.config.apiBaseUrl}${me.form[a.config.app].validate}`;
-      return a.config.app === "konnect" ? i = i.replace(/{controlPlaneId}/gi, ((d = a.config) == null ? void 0 : d.controlPlaneId) || "") : a.config.app === "kongManager" && (i = i.replace(/\/{workspace}/gi, (V = a.config) != null && V.workspace ? `/${a.config.workspace}` : "")), i = i.replace(/{id}/gi, a.gatewayServiceId), i;
-    }), D = k(() => {
-      var d, V;
-      let i = `${a.config.apiBaseUrl}${me.form[a.config.app][oe.value]}`;
-      return a.config.app === "konnect" ? i = i.replace(/{controlPlaneId}/gi, ((d = a.config) == null ? void 0 : d.controlPlaneId) || "") : a.config.app === "kongManager" && (i = i.replace(/\/{workspace}/gi, (V = a.config) != null && V.workspace ? `/${a.config.workspace}` : "")), i = i.replace(/{id}/gi, a.gatewayServiceId), i;
-    }), ie = (i) => {
-      let d = "";
-      i.url && (d = new URL(i.url).protocol), (["https", "wss", "tls"].includes(i.protocol) || ["https", "wss", "tls"].includes(d)) && (i.tls_verify = i.tls_verify_enabled ? i.tls_verify_value : null), delete i.tls_verify_enabled, delete i.tls_verify_value;
-    }, j = k(() => {
-      var d, V, J, x;
+      var u, V;
+      let i = `${s.config.apiBaseUrl}${ve.form[s.config.app].validate}`;
+      return s.config.app === "konnect" ? i = i.replace(/{controlPlaneId}/gi, ((u = s.config) == null ? void 0 : u.controlPlaneId) || "") : s.config.app === "kongManager" && (i = i.replace(/\/{workspace}/gi, (V = s.config) != null && V.workspace ? `/${s.config.workspace}` : "")), i = i.replace(/{id}/gi, s.gatewayServiceId), i;
+    }), ee = k(() => {
+      var u, V;
+      let i = `${s.config.apiBaseUrl}${ve.form[s.config.app][Y.value]}`;
+      return s.config.app === "konnect" ? i = i.replace(/{controlPlaneId}/gi, ((u = s.config) == null ? void 0 : u.controlPlaneId) || "") : s.config.app === "kongManager" && (i = i.replace(/\/{workspace}/gi, (V = s.config) != null && V.workspace ? `/${s.config.workspace}` : "")), i = i.replace(/{id}/gi, s.gatewayServiceId), i;
+    }), H = (i) => {
+      let u = "";
+      i.url && (u = new URL(i.url).protocol), (["https", "wss", "tls"].includes(i.protocol) || ["https", "wss", "tls"].includes(u)) && (i.tls_verify = i.tls_verify_enabled ? i.tls_verify_value : null), delete i.tls_verify_enabled, delete i.tls_verify_value;
+    }, Z = k(() => {
+      var u, V, X, L;
       const i = {
         name: o.fields.name || null,
-        tags: o.fields.tags ? (J = (V = (d = o.fields.tags) == null ? void 0 : d.split(",")) == null ? void 0 : V.map((R) => String(R || "").trim())) == null ? void 0 : J.filter((R) => R !== "") : null,
+        tags: o.fields.tags ? (X = (V = (u = o.fields.tags) == null ? void 0 : u.split(",")) == null ? void 0 : V.map((T) => String(T || "").trim())) == null ? void 0 : X.filter((T) => T !== "") : null,
         protocol: o.fields.protocol,
         path: o.fields.path || null,
         read_timeout: o.fields.read_timeout,
@@ -954,83 +985,83 @@ const fe = {
         connect_timeout: o.fields.connect_timeout,
         tls_verify_value: o.fields.tls_verify_value,
         tls_verify_enabled: o.fields.tls_verify_enabled,
-        ca_certificates: o.fields.ca_certificates ? (x = o.fields.ca_certificates) == null ? void 0 : x.split(",").filter((R) => R !== "") : null,
+        ca_certificates: o.fields.ca_certificates ? (L = o.fields.ca_certificates) == null ? void 0 : L.split(",").filter((T) => T !== "") : null,
         client_certificate: o.fields.client_certificate ? { id: o.fields.client_certificate } : null,
         write_timeout: o.fields.write_timeout,
         port: o.fields.port,
         url: o.fields.url
       };
-      return o.fields.client_certificate && ["https", "wss", "tls"].includes(o.fields.protocol) && (i.client_certificate = { id: o.fields.client_certificate }), o.fields.tls_verify_enabled && ["https", "wss", "tls"].includes(o.fields.protocol) && (i.tls_verify = o.fields.tls_verify_value), ye.value || (i.path = null), oe.value === "create" ? K.value === "url" ? (delete i.protocol, delete i.host, delete i.path, a.config.app === "konnect" && delete i.port) : delete i.url : oe.value === "edit" && delete i.url, i;
+      return o.fields.client_certificate && ["https", "wss", "tls"].includes(o.fields.protocol) && (i.client_certificate = { id: o.fields.client_certificate }), o.fields.tls_verify_enabled && ["https", "wss", "tls"].includes(o.fields.protocol) && (i.tls_verify = o.fields.tls_verify_value), se.value || (i.path = null), Y.value === "create" ? x.value === "url" ? (delete i.protocol, delete i.host, delete i.path, s.config.app === "konnect" && delete i.port) : delete i.url : Y.value === "edit" && delete i.url, i;
     }), te = async () => {
-      var i, d, V, J;
+      var i, u, V, X;
       try {
-        o.isReadonly = !0, de();
-        const x = j.value;
-        ie(x);
-        let R;
-        if (await I.post(Ee.value, x), oe.value === "create" ? R = await I.post(D.value, x) : oe.value === "edit" && (R = ((i = a.config) == null ? void 0 : i.app) === "konnect" ? await I.put(D.value, x) : await I.patch(D.value, x)), R) {
-          const { data: s } = R;
-          o.fields.name = (s == null ? void 0 : s.name) || "", o.fields.port = s.port || X.getPortFromProtocol(s.protocol), o.fields.protocol = (s == null ? void 0 : s.protocol) || "http", o.fields.host = (s == null ? void 0 : s.host) || "", o.fields.path = (s == null ? void 0 : s.path) || "", o.fields.url = (s == null ? void 0 : s.url) || "", o.fields.retries = s != null && s.retries || (s == null ? void 0 : s.retries) === 0 ? s == null ? void 0 : s.retries : 5, o.fields.connect_timeout = s != null && s.connect_timeout || (s == null ? void 0 : s.connect_timeout) === 0 ? s == null ? void 0 : s.connect_timeout : 6e4, o.fields.write_timeout = s != null && s.write_timeout || (s == null ? void 0 : s.write_timeout) === 0 ? s == null ? void 0 : s.write_timeout : 6e4, o.fields.read_timeout = s != null && s.read_timeout || (s == null ? void 0 : s.read_timeout) === 0 ? s == null ? void 0 : s.read_timeout : 6e4, o.fields.client_certificate = ((d = s == null ? void 0 : s.client_certificate) == null ? void 0 : d.id) || "", o.fields.ca_certificates = (V = s == null ? void 0 : s.ca_certificates) != null && V.length ? s == null ? void 0 : s.ca_certificates.join(",") : "", o.fields.tls_verify_enabled = (s == null ? void 0 : s.tls_verify) !== "" && (s == null ? void 0 : s.tls_verify) !== null && (s == null ? void 0 : s.tls_verify) !== void 0, o.fields.tls_verify_value = o.fields.tls_verify_enabled && (s == null ? void 0 : s.tls_verify), o.fields.tags = (J = s == null ? void 0 : s.tags) != null && J.length ? s.tags.join(", ") : "", Object.assign(h, o.fields), p("update", R == null ? void 0 : R.data);
+        o.isReadonly = !0, O();
+        const L = Z.value;
+        H(L);
+        let T;
+        if (await P.post(Ee.value, L), Y.value === "create" ? T = await P.post(ee.value, L) : Y.value === "edit" && (T = ((i = s.config) == null ? void 0 : i.app) === "konnect" ? await P.put(ee.value, L) : await P.patch(ee.value, L)), T) {
+          const { data: c } = T;
+          o.fields.name = (c == null ? void 0 : c.name) || "", o.fields.port = c.port || ge.getPortFromProtocol(c.protocol), o.fields.protocol = (c == null ? void 0 : c.protocol) || "http", o.fields.host = (c == null ? void 0 : c.host) || "", o.fields.path = (c == null ? void 0 : c.path) || "", o.fields.url = (c == null ? void 0 : c.url) || "", o.fields.retries = c != null && c.retries || (c == null ? void 0 : c.retries) === 0 ? c == null ? void 0 : c.retries : 5, o.fields.connect_timeout = c != null && c.connect_timeout || (c == null ? void 0 : c.connect_timeout) === 0 ? c == null ? void 0 : c.connect_timeout : 6e4, o.fields.write_timeout = c != null && c.write_timeout || (c == null ? void 0 : c.write_timeout) === 0 ? c == null ? void 0 : c.write_timeout : 6e4, o.fields.read_timeout = c != null && c.read_timeout || (c == null ? void 0 : c.read_timeout) === 0 ? c == null ? void 0 : c.read_timeout : 6e4, o.fields.client_certificate = ((u = c == null ? void 0 : c.client_certificate) == null ? void 0 : u.id) || "", o.fields.ca_certificates = (V = c == null ? void 0 : c.ca_certificates) != null && V.length ? c == null ? void 0 : c.ca_certificates.join(",") : "", o.fields.tls_verify_enabled = (c == null ? void 0 : c.tls_verify) !== "" && (c == null ? void 0 : c.tls_verify) !== null && (c == null ? void 0 : c.tls_verify) !== void 0, o.fields.tls_verify_value = o.fields.tls_verify_enabled && (c == null ? void 0 : c.tls_verify), o.fields.tags = (X = c == null ? void 0 : c.tags) != null && X.length ? c.tags.join(", ") : "", Object.assign(w, o.fields), p("update", T == null ? void 0 : T.data);
         }
-        return R;
-      } catch (x) {
-        o.errorMessage = W(x), p("error", x);
+        return T;
+      } catch (L) {
+        o.errorMessage = D(L), p("error", L);
       } finally {
         o.isReadonly = !1;
       }
     };
-    return Ue(() => a.gatewayServiceId, () => {
-      Object.assign(o.fields, h);
-    }), Ue(o.fields, (i) => {
-      o.fields.port = X.getPortFromProtocol(i.protocol, String(i.port)), p("model-updated", j.value);
-    }), Ze(() => {
-      p("model-updated", j.value);
-    }), B({
-      validateUrl: de,
-      getPayload: j,
+    return $e(() => s.gatewayServiceId, () => {
+      Object.assign(o.fields, w);
+    }), $e(o.fields, (i) => {
+      o.fields.port = ge.getPortFromProtocol(i.protocol, String(i.port)), p("model-updated", Z.value);
+    }), Qe(() => {
+      p("model-updated", Z.value);
+    }), K({
+      validateUrl: O,
+      getPayload: Z,
       saveFormData: te,
-      canSubmit: pe,
+      canSubmit: fe,
       initForm: _e
-    }), (i, d) => {
-      const V = q("KInput"), J = q("KLabel"), x = q("KRadio"), R = q("KSelect"), s = q("KCheckbox"), w = q("KCollapse");
-      return C(), $("div", Lt, [
-        f(l(et), {
-          "can-submit": pe.value,
+    }), (i, u) => {
+      const V = G("KInput"), X = G("KLabel"), L = G("KRadio"), T = G("KSelect"), c = G("KCheckbox"), g = G("KCollapse");
+      return S(), $("div", Dt, [
+        d(l(lt), {
+          "can-submit": fe.value,
           config: n.config,
           "edit-id": n.gatewayServiceId,
           "entity-type": l(Ne).GatewayService,
           "error-message": o.errorMessage,
-          "fetch-url": ne.value,
-          "form-fields": j.value,
+          "fetch-url": ce.value,
+          "form-fields": Z.value,
           "is-readonly": o.isReadonly,
           onCancel: be,
-          "onFetch:error": d[25] || (d[25] = (m) => i.$emit("error", m)),
+          "onFetch:error": u[25] || (u[25] = (m) => i.$emit("error", m)),
           "onFetch:success": _e,
-          onLoading: d[26] || (d[26] = (m) => i.$emit("loading", m)),
+          onLoading: u[26] || (u[26] = (m) => i.$emit("loading", m)),
           onSubmit: te
         }, {
           "form-actions": v(() => [
-            Je(i.$slots, "form-actions", {
-              canSubmit: pe.value,
+            Xe(i.$slots, "form-actions", {
+              canSubmit: fe.value,
               cancel: be,
               submit: te
             }, void 0, !0)
           ]),
           default: v(() => [
-            f(l(Ke), {
+            d(l(Ke), {
               description: l(r)("gateway_services.form.sections.general.description"),
               "hide-info-header": n.hideSectionsInfo,
               title: l(r)("gateway_services.form.sections.general.title")
             }, {
               default: v(() => [
-                f(V, {
+                d(V, {
                   modelValue: o.fields.name,
-                  "onUpdate:modelValue": d[0] || (d[0] = (m) => o.fields.name = m),
+                  "onUpdate:modelValue": u[0] || (u[0] = (m) => o.fields.name = m),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "gateway-service-name-input",
-                  error: Pe.value,
-                  "error-message": ee.value,
+                  error: Ie.value,
+                  "error-message": z.value,
                   label: l(r)("gateway_services.form.fields.name.label"),
                   "label-attributes": {
                     info: l(r)("gateway_services.form.fields.name.tooltip"),
@@ -1040,11 +1071,11 @@ const fe = {
                   placeholder: l(r)("gateway_services.form.fields.name.placeholder"),
                   readonly: o.isReadonly,
                   type: "text",
-                  onInput: Se
+                  onInput: Ce
                 }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder", "readonly"]),
-                f(V, {
+                d(V, {
                   modelValue: o.fields.tags,
-                  "onUpdate:modelValue": d[1] || (d[1] = (m) => o.fields.tags = m),
+                  "onUpdate:modelValue": u[1] || (u[1] = (m) => o.fields.tags = m),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "gateway-service-tags-input",
@@ -1062,39 +1093,39 @@ const fe = {
               ]),
               _: 1
             }, 8, ["description", "hide-info-header", "title"]),
-            f(l(Ke), {
+            d(l(Ke), {
               description: l(r)("gateway_services.form.sections.keys.description"),
               "hide-info-header": n.hideSectionsInfo,
               title: l(r)("gateway_services.form.sections.keys.title")
             }, {
               default: v(() => [
-                Y.value ? M("", !0) : (C(), $("div", qt, [
-                  S("div", Gt, [
-                    f(J, { required: "" }, {
+                de.value ? B("", !0) : (S(), $("div", qt, [
+                  I("div", Gt, [
+                    d(X, { required: "" }, {
                       default: v(() => [
-                        H(P(l(r)("gateway_services.form.sections.keys.checkedGroupLabel")), 1)
+                        J(E(l(r)("gateway_services.form.sections.keys.checkedGroupLabel")), 1)
                       ]),
                       _: 1
                     })
                   ]),
-                  S("div", Ot, [
-                    f(x, {
-                      modelValue: K.value,
-                      "onUpdate:modelValue": d[2] || (d[2] = (m) => K.value = m),
+                  I("div", Ot, [
+                    d(L, {
+                      modelValue: x.value,
+                      "onUpdate:modelValue": u[2] || (u[2] = (m) => x.value = m),
                       "data-testid": "gateway-service-url-radio",
-                      "selected-value": ce.url,
-                      onChange: N
+                      "selected-value": ke.url,
+                      onChange: ue
                     }, {
                       default: v(() => [
-                        H(P(l(r)("gateway_services.form.sections.keys.urlLabel")), 1)
+                        J(E(l(r)("gateway_services.form.sections.keys.urlLabel")), 1)
                       ]),
                       _: 1
                     }, 8, ["modelValue", "selected-value"])
                   ]),
-                  K.value === "url" ? (C(), $("div", Nt, [
-                    f(V, {
+                  x.value === "url" ? (S(), $("div", Nt, [
+                    d(V, {
                       modelValue: o.fields.url,
-                      "onUpdate:modelValue": d[3] || (d[3] = (m) => o.fields.url = m),
+                      "onUpdate:modelValue": u[3] || (u[3] = (m) => o.fields.url = m),
                       modelModifiers: { trim: !0 },
                       class: "gateway-service-url-input gateway-service-form-margin-bottom",
                       "data-testid": "gateway-service-url-input",
@@ -1107,27 +1138,27 @@ const fe = {
                       placeholder: l(r)("gateway_services.form.fields.upstream_url.placeholder"),
                       required: ""
                     }, null, 8, ["modelValue", "label", "label-attributes", "placeholder"])
-                  ])) : M("", !0),
-                  f(x, {
-                    modelValue: K.value,
-                    "onUpdate:modelValue": d[4] || (d[4] = (m) => K.value = m),
+                  ])) : B("", !0),
+                  d(L, {
+                    modelValue: x.value,
+                    "onUpdate:modelValue": u[4] || (u[4] = (m) => x.value = m),
                     "checked-group": "protocol",
                     "data-testid": "gateway-service-protocol-radio",
-                    "selected-value": ce.protocol,
-                    onChange: N
+                    "selected-value": ke.protocol,
+                    onChange: ue
                   }, {
                     default: v(() => [
-                      H(P(l(r)("gateway_services.form.sections.keys.checkedGroupAltLabel")), 1)
+                      J(E(l(r)("gateway_services.form.sections.keys.checkedGroupAltLabel")), 1)
                     ]),
                     _: 1
                   }, 8, ["modelValue", "selected-value"])
                 ])),
-                K.value === "protocol" || Y.value ? (C(), $("div", jt, [
-                  f(R, {
+                x.value === "protocol" || de.value ? (S(), $("div", jt, [
+                  d(T, {
                     modelValue: o.fields.protocol,
-                    "onUpdate:modelValue": d[5] || (d[5] = (m) => o.fields.protocol = m),
+                    "onUpdate:modelValue": u[5] || (u[5] = (m) => o.fields.protocol = m),
                     "data-testid": "gateway-service-protocol-select",
-                    items: ge,
+                    items: ye,
                     label: l(r)("gateway_services.form.fields.protocol.label"),
                     "label-attributes": {
                       info: l(r)("gateway_services.form.fields.protocol.tooltip"),
@@ -1136,11 +1167,11 @@ const fe = {
                     readonly: o.isReadonly,
                     required: "",
                     width: "100%",
-                    onSelected: d[6] || (d[6] = (m) => e(o.fields.protocol, m))
+                    onSelected: u[6] || (u[6] = (m) => e(o.fields.protocol, m))
                   }, null, 8, ["modelValue", "label", "label-attributes", "readonly"]),
-                  f(V, {
+                  d(V, {
                     modelValue: o.fields.host,
-                    "onUpdate:modelValue": d[7] || (d[7] = (m) => o.fields.host = m),
+                    "onUpdate:modelValue": u[7] || (u[7] = (m) => o.fields.host = m),
                     modelModifiers: { trim: !0 },
                     class: "gateway-service-form-margin-top",
                     "data-testid": "gateway-service-host-input",
@@ -1153,10 +1184,10 @@ const fe = {
                     placeholder: l(r)("gateway_services.form.fields.host.placeholder"),
                     required: ""
                   }, null, 8, ["modelValue", "label", "label-attributes", "placeholder"]),
-                  ye.value ? (C(), $("div", zt, [
-                    f(V, {
+                  se.value ? (S(), $("div", zt, [
+                    d(V, {
                       modelValue: o.fields.path,
-                      "onUpdate:modelValue": d[8] || (d[8] = (m) => o.fields.path = m),
+                      "onUpdate:modelValue": u[8] || (u[8] = (m) => o.fields.path = m),
                       modelModifiers: { trim: !0 },
                       class: "gateway-service-form-margin-top",
                       "data-testid": "gateway-service-path-input",
@@ -1168,13 +1199,13 @@ const fe = {
                       name: "path",
                       placeholder: l(r)("gateway_services.form.fields.path.placeholder")
                     }, null, 8, ["modelValue", "label", "label-attributes", "placeholder"])
-                  ])) : M("", !0),
-                  f(V, {
+                  ])) : B("", !0),
+                  d(V, {
                     modelValue: o.fields.port,
                     "onUpdate:modelValue": [
-                      d[9] || (d[9] = (m) => o.fields.port = m),
-                      d[10] || (d[10] = () => {
-                        o.fields.port = E(o.fields.port + "");
+                      u[9] || (u[9] = (m) => o.fields.port = m),
+                      u[10] || (u[10] = () => {
+                        o.fields.port = A(o.fields.port + "");
                       })
                     ],
                     class: "gateway-service-form-margin-top",
@@ -1187,23 +1218,23 @@ const fe = {
                     name: "port",
                     type: "number"
                   }, null, 8, ["modelValue", "label", "label-attributes"])
-                ])) : M("", !0),
-                f(w, {
-                  modelValue: _.value,
-                  "onUpdate:modelValue": d[24] || (d[24] = (m) => _.value = m),
+                ])) : B("", !0),
+                d(g, {
+                  modelValue: b.value,
+                  "onUpdate:modelValue": u[24] || (u[24] = (m) => b.value = m),
                   "data-testid": "advanced-fields-collapse",
                   "trigger-alignment": "leading",
                   "trigger-label": l(r)("gateway_services.form.sections.keys.viewAdvancedFields")
                 }, {
                   default: v(() => [
-                    S("div", Ht, [
-                      S("div", Zt, [
-                        f(V, {
+                    I("div", Ht, [
+                      I("div", Zt, [
+                        d(V, {
                           modelValue: o.fields.retries,
                           "onUpdate:modelValue": [
-                            d[11] || (d[11] = (m) => o.fields.retries = m),
-                            d[12] || (d[12] = () => {
-                              o.fields.retries = E(o.fields.retries + "");
+                            u[11] || (u[11] = (m) => o.fields.retries = m),
+                            u[12] || (u[12] = () => {
+                              o.fields.retries = A(o.fields.retries + "");
                             })
                           ],
                           autocomplete: "off",
@@ -1218,13 +1249,13 @@ const fe = {
                           type: "number"
                         }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                       ]),
-                      S("div", Jt, [
-                        f(V, {
+                      I("div", Jt, [
+                        d(V, {
                           modelValue: o.fields.connect_timeout,
                           "onUpdate:modelValue": [
-                            d[13] || (d[13] = (m) => o.fields.connect_timeout = m),
-                            d[14] || (d[14] = () => {
-                              o.fields.connect_timeout = E(o.fields.connect_timeout + "");
+                            u[13] || (u[13] = (m) => o.fields.connect_timeout = m),
+                            u[14] || (u[14] = () => {
+                              o.fields.connect_timeout = A(o.fields.connect_timeout + "");
                             })
                           ],
                           autocomplete: "off",
@@ -1239,13 +1270,13 @@ const fe = {
                           type: "number"
                         }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                       ]),
-                      S("div", Qt, [
-                        f(V, {
+                      I("div", Qt, [
+                        d(V, {
                           modelValue: o.fields.write_timeout,
                           "onUpdate:modelValue": [
-                            d[15] || (d[15] = (m) => o.fields.write_timeout = m),
-                            d[16] || (d[16] = () => {
-                              o.fields.write_timeout = E(o.fields.write_timeout + "");
+                            u[15] || (u[15] = (m) => o.fields.write_timeout = m),
+                            u[16] || (u[16] = () => {
+                              o.fields.write_timeout = A(o.fields.write_timeout + "");
                             })
                           ],
                           autocomplete: "off",
@@ -1260,13 +1291,13 @@ const fe = {
                           type: "number"
                         }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                       ]),
-                      S("div", Xt, [
-                        f(V, {
+                      I("div", Xt, [
+                        d(V, {
                           modelValue: o.fields.read_timeout,
                           "onUpdate:modelValue": [
-                            d[17] || (d[17] = (m) => o.fields.read_timeout = m),
-                            d[18] || (d[18] = () => {
-                              o.fields.read_timeout = E(o.fields.read_timeout + "");
+                            u[17] || (u[17] = (m) => o.fields.read_timeout = m),
+                            u[18] || (u[18] = () => {
+                              o.fields.read_timeout = A(o.fields.read_timeout + "");
                             })
                           ],
                           autocomplete: "off",
@@ -1281,10 +1312,10 @@ const fe = {
                           type: "number"
                         }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                       ]),
-                      Ve.value ? (C(), $("div", Yt, [
-                        f(V, {
+                      Pe.value ? (S(), $("div", Yt, [
+                        d(V, {
                           modelValue: o.fields.client_certificate,
-                          "onUpdate:modelValue": d[19] || (d[19] = (m) => o.fields.client_certificate = m),
+                          "onUpdate:modelValue": u[19] || (u[19] = (m) => o.fields.client_certificate = m),
                           modelModifiers: { trim: !0 },
                           autocomplete: "off",
                           "data-testid": "gateway-service-clientCert-input",
@@ -1298,11 +1329,11 @@ const fe = {
                           readonly: o.isReadonly,
                           type: "text"
                         }, null, 8, ["modelValue", "label", "label-attributes", "placeholder", "readonly"])
-                      ])) : M("", !0),
-                      ue.value ? (C(), $("div", el, [
-                        f(V, {
+                      ])) : B("", !0),
+                      oe.value ? (S(), $("div", el, [
+                        d(V, {
                           modelValue: o.fields.ca_certificates,
-                          "onUpdate:modelValue": d[20] || (d[20] = (m) => o.fields.ca_certificates = m),
+                          "onUpdate:modelValue": u[20] || (u[20] = (m) => o.fields.ca_certificates = m),
                           modelModifiers: { trim: !0 },
                           autocomplete: "off",
                           "data-testid": "gateway-service-ca-certs-input",
@@ -1313,63 +1344,63 @@ const fe = {
                           type: "text"
                         }, {
                           "label-tooltip": v(() => [
-                            f(l(Z), {
+                            d(l(Q), {
                               keypath: "gateway_services.form.fields.ca_certificates.tooltip",
                               scope: "global"
                             }, {
                               code1: v(() => [
-                                S("code", null, P(l(r)("gateway_services.form.fields.ca_certificates.code1")), 1)
+                                I("code", null, E(l(r)("gateway_services.form.fields.ca_certificates.code1")), 1)
                               ]),
                               code2: v(() => [
-                                S("code", null, P(l(r)("gateway_services.form.fields.ca_certificates.code2")), 1)
+                                I("code", null, E(l(r)("gateway_services.form.fields.ca_certificates.code2")), 1)
                               ]),
                               _: 1
                             })
                           ]),
                           _: 1
                         }, 8, ["modelValue", "label", "placeholder", "readonly"])
-                      ])) : M("", !0),
-                      Ce.value ? (C(), $("div", tl, [
-                        f(s, {
+                      ])) : B("", !0),
+                      Ve.value ? (S(), $("div", tl, [
+                        d(c, {
                           modelValue: o.fields.tls_verify_enabled,
-                          "onUpdate:modelValue": d[21] || (d[21] = (m) => o.fields.tls_verify_enabled = m),
+                          "onUpdate:modelValue": u[21] || (u[21] = (m) => o.fields.tls_verify_enabled = m),
                           "data-testid": "gateway-service-tls-verify-checkbox",
                           description: l(r)("gateway_services.form.fields.tls_verify_enabled.help"),
                           label: l(r)("gateway_services.form.fields.tls_verify_enabled.label"),
                           "label-attributes": { tooltipAttributes: { maxWidth: "400" } }
                         }, {
                           tooltip: v(() => [
-                            f(l(Z), {
+                            d(l(Q), {
                               keypath: "gateway_services.form.fields.tls_verify_enabled.tooltip",
                               scope: "global"
                             }, {
                               code1: v(() => [
-                                S("code", null, P(l(r)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
+                                I("code", null, E(l(r)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
                               ]),
                               _: 1
                             })
                           ]),
                           _: 1
                         }, 8, ["modelValue", "description", "label"]),
-                        o.fields.tls_verify_enabled ? (C(), $("div", ll, [
-                          f(x, {
+                        o.fields.tls_verify_enabled ? (S(), $("div", ll, [
+                          d(L, {
                             modelValue: o.fields.tls_verify_value,
-                            "onUpdate:modelValue": d[22] || (d[22] = (m) => o.fields.tls_verify_value = m),
+                            "onUpdate:modelValue": u[22] || (u[22] = (m) => o.fields.tls_verify_value = m),
                             "data-testid": "gateway-service-tls-verify-true-option",
                             label: l(r)("gateway_services.form.fields.tls_verify_option.true.label"),
                             "selected-value": !0
                           }, null, 8, ["modelValue", "label"])
-                        ])) : M("", !0),
-                        o.fields.tls_verify_enabled ? (C(), $("div", ol, [
-                          f(x, {
+                        ])) : B("", !0),
+                        o.fields.tls_verify_enabled ? (S(), $("div", ol, [
+                          d(L, {
                             modelValue: o.fields.tls_verify_value,
-                            "onUpdate:modelValue": d[23] || (d[23] = (m) => o.fields.tls_verify_value = m),
+                            "onUpdate:modelValue": u[23] || (u[23] = (m) => o.fields.tls_verify_value = m),
                             "data-testid": "gateway-service-tls-verify-false-option",
                             label: l(r)("gateway_services.form.fields.tls_verify_option.false.label"),
                             "selected-value": !1
                           }, null, 8, ["modelValue", "label"])
-                        ])) : M("", !0)
-                      ])) : M("", !0)
+                        ])) : B("", !0)
+                      ])) : B("", !0)
                     ])
                   ]),
                   _: 1
@@ -1383,7 +1414,7 @@ const fe = {
       ]);
     };
   }
-}), Bl = /* @__PURE__ */ je(il, [["__scopeId", "data-v-59d8e66b"]]), rl = { class: "kong-ui-gateway-service-entity-config-card" }, Kl = /* @__PURE__ */ We({
+}), Bl = /* @__PURE__ */ je(il, [["__scopeId", "data-v-59d8e66b"]]), rl = { class: "kong-ui-gateway-service-entity-config-card" }, Kl = /* @__PURE__ */ Le({
   __name: "GatewayServiceConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -1410,122 +1441,122 @@ const fe = {
   },
   emits: ["loading", "fetch:error", "fetch:success"],
   setup(n) {
-    const B = n, { i18n: { t: g }, i18nT: p } = fe.useI18n(), a = k(() => me.form[B.config.app].edit), { getPropValue: _ } = tt(), T = (r, W) => _(r, W) === !0 ? g("gateway_services.form.fields.tls_verify_option.true.display") : g("gateway_services.form.fields.tls_verify_option.false.display"), Z = L({
+    const K = n, { i18n: { t: y }, i18nT: p } = ne.useI18n(), s = k(() => ve.form[K.config.app].edit), { getPropValue: b } = ot(), M = (r, D) => b(r, D) === !0 ? y("gateway_services.form.fields.tls_verify_option.true.display") : y("gateway_services.form.fields.tls_verify_option.false.display"), Q = q({
       id: {},
       name: {
-        tooltip: g("gateway_services.form.fields.name.tooltip")
+        tooltip: y("gateway_services.form.fields.name.tooltip")
       },
       enabled: {},
       updated_at: {},
       created_at: {},
       protocol: {
-        section: $e.Basic,
-        tooltip: g("gateway_services.form.fields.protocol.tooltip")
+        section: Ae.Basic,
+        tooltip: y("gateway_services.form.fields.protocol.tooltip")
       },
       host: {
-        section: $e.Basic,
-        tooltip: g("gateway_services.form.fields.host.tooltip")
+        section: Ae.Basic,
+        tooltip: y("gateway_services.form.fields.host.tooltip")
       },
       path: {
-        section: $e.Basic,
-        tooltip: g("gateway_services.form.fields.path.tooltip")
+        section: Ae.Basic,
+        tooltip: y("gateway_services.form.fields.path.tooltip")
       },
       port: {
-        section: $e.Basic,
-        tooltip: g("gateway_services.form.fields.port.tooltip")
+        section: Ae.Basic,
+        tooltip: y("gateway_services.form.fields.port.tooltip")
       },
       tags: {
-        tooltip: g("gateway_services.form.fields.tags.tooltip")
+        tooltip: y("gateway_services.form.fields.tags.tooltip")
       },
       // advanced fields
       retries: {
         order: 1,
-        tooltip: g("gateway_services.form.fields.retries.tooltip")
+        tooltip: y("gateway_services.form.fields.retries.tooltip")
       },
       connect_timeout: {
         order: 2,
-        tooltip: g("gateway_services.form.fields.connect_timeout.tooltip")
+        tooltip: y("gateway_services.form.fields.connect_timeout.tooltip")
       },
       write_timeout: {
         order: 3,
-        tooltip: g("gateway_services.form.fields.write_timeout.tooltip")
+        tooltip: y("gateway_services.form.fields.write_timeout.tooltip")
       },
       read_timeout: {
         order: 4,
-        tooltip: g("gateway_services.form.fields.read_timeout.tooltip")
+        tooltip: y("gateway_services.form.fields.read_timeout.tooltip")
       },
       client_certificate: {
         order: 5,
-        tooltip: g("gateway_services.form.fields.client_certificate.tooltip")
+        tooltip: y("gateway_services.form.fields.client_certificate.tooltip")
       },
       ca_certificates: {
         type: kt.BadgeTag,
-        label: g("gateway_services.form.fields.ca_certificates.label"),
+        label: y("gateway_services.form.fields.ca_certificates.label"),
         order: 6
       },
       tls_verify: {
-        label: g("gateway_services.form.fields.tls_verify_enabled.label")
+        label: y("gateway_services.form.fields.tls_verify_enabled.label")
       },
       tls_verify_depth: {
         hidden: !0
       }
     });
-    return (r, W) => (C(), $("div", rl, [
-      f(l(Vt), {
+    return (r, D) => (S(), $("div", rl, [
+      d(l(Vt), {
         config: n.config,
         "config-card-doc": n.configCardDoc,
-        "config-schema": Z.value,
+        "config-schema": Q.value,
         "entity-type": l(Ne).GatewayService,
-        "fetch-url": a.value,
+        "fetch-url": s.value,
         "hide-title": n.hideTitle,
-        "onFetch:error": W[0] || (W[0] = (I) => r.$emit("fetch:error", I)),
-        "onFetch:success": W[1] || (W[1] = (I) => r.$emit("fetch:success", I)),
-        onLoading: W[2] || (W[2] = (I) => r.$emit("loading", I))
+        "onFetch:error": D[0] || (D[0] = (P) => r.$emit("fetch:error", P)),
+        "onFetch:success": D[1] || (D[1] = (P) => r.$emit("fetch:success", P)),
+        onLoading: D[2] || (D[2] = (P) => r.$emit("loading", P))
       }, {
         "enabled-label-tooltip": v(() => [
-          f(l(p), {
+          d(l(p), {
             keypath: "gateway_services.form.fields.enabled.tooltip",
             scope: "global"
           }, {
             false: v(() => [
-              S("code", null, P(l(g)("gateway_services.form.fields.enabled.false")), 1)
+              I("code", null, E(l(y)("gateway_services.form.fields.enabled.false")), 1)
             ]),
             true: v(() => [
-              S("code", null, P(l(g)("gateway_services.form.fields.enabled.true")), 1)
+              I("code", null, E(l(y)("gateway_services.form.fields.enabled.true")), 1)
             ]),
             _: 1
           })
         ]),
         "ca_certificates-label-tooltip": v(() => [
-          f(l(p), {
+          d(l(p), {
             keypath: "gateway_services.form.fields.ca_certificates.tooltip",
             scope: "global"
           }, {
             code1: v(() => [
-              S("code", null, P(l(g)("gateway_services.form.fields.ca_certificates.code1")), 1)
+              I("code", null, E(l(y)("gateway_services.form.fields.ca_certificates.code1")), 1)
             ]),
             code2: v(() => [
-              S("code", null, P(l(g)("gateway_services.form.fields.ca_certificates.code2")), 1)
+              I("code", null, E(l(y)("gateway_services.form.fields.ca_certificates.code2")), 1)
             ]),
             _: 1
           })
         ]),
         "tls_verify-label-tooltip": v(() => [
-          f(l(p), {
+          d(l(p), {
             keypath: "gateway_services.form.fields.tls_verify_enabled.tooltip",
             scope: "global"
           }, {
             code1: v(() => [
-              S("code", null, P(l(g)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
+              I("code", null, E(l(y)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
             ]),
             _: 1
           })
         ]),
-        tls_verify: v((I) => [
-          H(P(typeof l(_)("rowValue", I) == "boolean" ? T("rowValue", I) : l(g)("gateway_services.form.fields.tls_verify_option.unset.display")), 1)
+        tls_verify: v((P) => [
+          J(E(typeof l(b)("rowValue", P) == "boolean" ? M("rowValue", P) : l(y)("gateway_services.form.fields.tls_verify_option.unset.display")), 1)
         ]),
-        client_certificate: v((I) => [
-          H(P(l(_)("rowValue", I) ? l(_)("rowValue", I).id : "–"), 1)
+        client_certificate: v((P) => [
+          J(E(l(b)("rowValue", P) ? l(b)("rowValue", P).id : "–"), 1)
         ]),
         _: 1
       }, 8, ["config", "config-card-doc", "config-schema", "entity-type", "fetch-url", "hide-title"])
@@ -1533,36 +1564,36 @@ const fe = {
   }
 });
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const He = () => {
+const Je = () => {
 };
-function sl(n, B) {
-  function g(...p) {
-    return new Promise((a, _) => {
-      Promise.resolve(n(() => B.apply(this, p), { fn: B, thisArg: this, args: p })).then(a).catch(_);
+function sl(n, K) {
+  function y(...p) {
+    return new Promise((s, b) => {
+      Promise.resolve(n(() => K.apply(this, p), { fn: K, thisArg: this, args: p })).then(s).catch(b);
     });
   }
-  return g;
+  return y;
 }
-function al(n, B = {}) {
-  let g, p, a = He;
-  const _ = (r) => {
-    clearTimeout(r), a(), a = He;
+function al(n, K = {}) {
+  let y, p, s = Je;
+  const b = (r) => {
+    clearTimeout(r), s(), s = Je;
   };
-  let T;
+  let M;
   return (r) => {
-    const W = ze(n), I = ze(B.maxWait);
-    return g && _(g), W <= 0 || I !== void 0 && I <= 0 ? (p && (_(p), p = null), Promise.resolve(r())) : new Promise((ae, ne) => {
-      a = B.rejectOnCancel ? ne : ae, T = r, I && !p && (p = setTimeout(() => {
-        g && _(g), p = null, ae(T());
-      }, I)), g = setTimeout(() => {
-        p && _(p), p = null, ae(r());
-      }, W);
+    const D = He(n), P = He(K.maxWait);
+    return y && b(y), D <= 0 || P !== void 0 && P <= 0 ? (p && (b(p), p = null), Promise.resolve(r())) : new Promise((ie, ce) => {
+      s = K.rejectOnCancel ? ce : ie, M = r, P && !p && (p = setTimeout(() => {
+        y && b(y), p = null, ie(M());
+      }, P)), y = setTimeout(() => {
+        p && b(p), p = null, ie(r());
+      }, D);
     });
   };
 }
-function qe(n, B = 200, g = {}) {
+function qe(n, K = 200, y = {}) {
   return sl(
-    al(B, g),
+    al(K, y),
     n
   );
 }
@@ -1606,7 +1637,7 @@ const le = {
 }, Vl = {
   key: 1,
   class: "checkbox-aligned-radio"
-}, Cl = { class: "gateway-service-form-tags" }, Sl = { class: "form-error-list" }, Il = /* @__PURE__ */ We({
+}, Cl = { class: "gateway-service-form-tags" }, Sl = { class: "form-error-list" }, Il = /* @__PURE__ */ Le({
   __name: "GatewayServiceForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -1635,9 +1666,9 @@ const le = {
     }
   },
   emits: ["update", "error", "url-valid:success", "url-valid:error", "loading", "model-updated", "try-sample-api"],
-  setup(n, { expose: B, emit: g }) {
-    var z;
-    const p = g, a = n, _ = L(!0), T = Ge(), { i18nT: Z, i18n: { t: r } } = fe.useI18n(), { getErrorFieldsFromError: W } = Qe(), { axiosInstance: I } = Oe((z = a.config) == null ? void 0 : z.axiosRequestConfig), ae = Xe(), { validateHost: ne, validatePath: oe, validatePort: ke, validateProtocol: Y } = fe.useUrlValidators(), { objectsAreEqual: K } = tt(), X = k(() => me.form[a.config.app].edit), ee = k(() => a.gatewayServiceId ? Be.Edit : Be.Create), Pe = L(!1), o = k(() => !!a.gatewayServiceId), h = L(o.value ? "protocol" : "url"), ve = fe.usePortFromProtocol(), ge = L(""), ce = k(() => !!ge.value || !!D("name")), e = Me({
+  setup(n, { expose: K, emit: y }) {
+    var h;
+    const p = y, s = n, b = q(!0), M = Ge(), { i18nT: Q, i18n: { t: r } } = ne.useI18n(), { getErrorFieldsFromError: D } = Ye(), { axiosInstance: P } = Oe((h = s.config) == null ? void 0 : h.axiosRequestConfig), ie = et(), { validateHost: ce, validatePath: Y, validatePort: we, validateProtocol: de } = ne.useUrlValidators(), { objectsAreEqual: x } = ot(), ge = k(() => ve.form[s.config.app].edit), z = k(() => s.gatewayServiceId ? Be.Edit : Be.Create), Ie = q(!1), o = k(() => !!s.gatewayServiceId), w = q(o.value ? "protocol" : "url"), re = ne.usePortFromProtocol(), ye = q(""), ke = k(() => !!ye.value || !!ee("name")), e = Me({
       fields: {
         name: "",
         protocol: "http",
@@ -1673,7 +1704,7 @@ const le = {
         tls_verify_enabled: "",
         tls_verify_value: ""
       }
-    }), E = Me({
+    }), A = Me({
       name: "",
       protocol: "http",
       host: "",
@@ -1689,13 +1720,13 @@ const le = {
       tls_verify_enabled: !1,
       tls_verify_value: !1,
       tags: ""
-    }), N = a.config.app === "konnect" || Ye({
-      gatewayInfo: a.config.gatewayInfo,
+    }), ue = s.config.app === "konnect" || tt({
+      gatewayInfo: s.config.gatewayInfo,
       // 'ws' and 'wss' are not valid values for the protocol field in Gateway Community Edition or before Gateway Enterprise Edition 3.0
       supportedRange: {
         enterprise: ["3.0"]
       }
-    }), de = [
+    }), O = [
       {
         label: r("gateway_services.form.fields.protocol.options.http"),
         value: "http",
@@ -1731,7 +1762,7 @@ const le = {
         value: "grpcs",
         group: "grpc"
       },
-      ...N ? [
+      ...ue ? [
         {
           label: r("gateway_services.form.fields.protocol.options.ws"),
           value: "ws",
@@ -1748,14 +1779,14 @@ const le = {
         value: "udp",
         group: "udp"
       }
-    ], ye = { url: "url", protocol: "protocol" }, Ve = (t, c) => {
-      c.value;
-    }, ue = (t) => t ? parseFloat(t) : 0, Ce = () => {
-      e.fields.host = E.host, e.fields.path = E.path, e.fields.port = E.port, e.fields.protocol = E.protocol, e.fields.url = E.url, e.fields.retries = E.retries, e.fields.connect_timeout = E.connect_timeout, e.fields.write_timeout = E.write_timeout, e.fields.read_timeout = E.read_timeout, e.fields.client_certificate = E.client_certificate, e.fields.ca_certificates = E.ca_certificates, e.fields.tls_verify_enabled = E.tls_verify_enabled, e.fields.tls_verify_value = E.tls_verify_value;
-    }, Se = () => {
-      _.value = !0, j(), e.errorMessages = [], Ce();
-    }, pe = () => {
-      switch (Ce(), e.fields.name = `${le.name}-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}`, h.value) {
+    ], se = { url: "url", protocol: "protocol" }, Pe = (t, a) => {
+      a.value;
+    }, oe = (t) => t ? parseFloat(t) : 0, Ve = () => {
+      e.fields.host = A.host, e.fields.path = A.path, e.fields.port = A.port, e.fields.protocol = A.protocol, e.fields.url = A.url, e.fields.retries = A.retries, e.fields.connect_timeout = A.connect_timeout, e.fields.write_timeout = A.write_timeout, e.fields.read_timeout = A.read_timeout, e.fields.client_certificate = A.client_certificate, e.fields.ca_certificates = A.ca_certificates, e.fields.tls_verify_enabled = A.tls_verify_enabled, e.fields.tls_verify_value = A.tls_verify_value;
+    }, Ce = () => {
+      b.value = !0, Z(), e.errorMessages = [], Ve();
+    }, fe = () => {
+      switch (Ve(), e.fields.name = `${le.name}-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}`, w.value) {
         case "url":
           e.fields.url = `${le.protocol}://${le.host}${le.path}`;
           break;
@@ -1766,93 +1797,93 @@ const le = {
           e.fields.url = `${le.protocol}://${le.host}${le.path}`;
       }
     }, _e = qe(() => {
-      if (j(), e.fields.url.length)
+      if (Z(), e.fields.url.length)
         try {
-          const t = new URL(e.fields.url), c = Y(t.protocol, de);
-          if (c) throw new Error(c);
+          const t = new URL(e.fields.url), a = de(t.protocol, O);
+          if (a) throw new Error(a);
           e.fields.protocol = t.protocol.slice(0, -1);
-          const F = ne(t.hostname);
+          const F = ce(t.hostname);
           if (F) throw new Error(F);
           e.fields.host = t.hostname;
-          const O = oe(t.pathname);
-          if (O) throw new Error(O);
+          const j = Y(t.pathname);
+          if (j) throw new Error(j);
           e.fields.path = t.pathname;
-          const U = ke(t.port);
+          const U = we(t.port);
           if (U) throw new Error(U);
-          const A = Number(t.port);
-          Pe.value = !!A, e.fields.port = A || ve.getPortFromProtocol(e.fields.protocol), p("url-valid:success");
+          const R = Number(t.port);
+          Ie.value = !!R, e.fields.port = R || re.getPortFromProtocol(e.fields.protocol), p("url-valid:success");
         } catch {
           p("url-valid:error", r("gateway_services.form.errors.url.invalid")), e.formFieldErrors.url = r("gateway_services.form.errors.url.invalid");
         }
     }, 300), be = qe((t) => {
-      j(t);
-    }, 300), Ee = k(() => !!e.formFieldErrors.url || !!e.formFieldErrors.host || !!e.formFieldErrors.port), D = (t) => {
+      Z(t);
+    }, 300), Ee = k(() => !!e.formFieldErrors.url || !!e.formFieldErrors.host || !!e.formFieldErrors.port), ee = (t) => {
       if (e.errorMessages.length) return "";
-      const c = e.formFieldErrors;
-      return c[t] ? c[t] : "";
-    }, ie = qe((t) => {
-      j(t ?? void 0);
-      const c = ne(e.fields.host);
-      c && (e.formFieldErrors.host = c);
-      const F = oe(e.fields.path);
+      const a = e.formFieldErrors;
+      return a[t] ? a[t] : "";
+    }, H = qe((t) => {
+      Z(t ?? void 0);
+      const a = ce(e.fields.host);
+      a && (e.formFieldErrors.host = a);
+      const F = Y(e.fields.path);
       F && (e.formFieldErrors.path = F);
-      const O = ke(e.fields.port);
-      O && (e.formFieldErrors.port = O), te.value ? p("url-valid:success") : p("url-valid:error", e.errorMessages.join(",") || r("gateway_services.form.errors.url.invalid"));
-    }, 300), j = (t) => {
+      const j = we(e.fields.port);
+      j && (e.formFieldErrors.port = j), te.value ? p("url-valid:success") : p("url-valid:error", e.errorMessages.join(",") || r("gateway_services.form.errors.url.invalid"));
+    }, 300), Z = (t) => {
       if (t)
         e.formFieldErrors[t] = "";
       else
-        for (let c in e.formFieldErrors)
-          e.formFieldErrors[c] = "";
+        for (let a in e.formFieldErrors)
+          e.formFieldErrors[a] = "";
       e.errorMessages = [];
     }, te = k(() => {
       for (let t in e.formFieldErrors)
         if (e.formFieldErrors[t].length)
           return !1;
       return !0;
-    }), he = () => {
-      e.fields.url && h.value === "url" ? _e() : ie();
-    }, i = () => `new-service-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}`, d = k(() => !["tcp", "tls", "tls_passthrough", "grpc", "grpcs", "udp"].includes(e.fields.protocol)), V = k(() => {
-      if (h.value === "url")
+    }), ae = () => {
+      e.fields.url && w.value === "url" ? _e() : H();
+    }, i = () => `new-service-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}`, u = k(() => !["tcp", "tls", "tls_passthrough", "grpc", "grpcs", "udp"].includes(e.fields.protocol)), V = k(() => {
+      if (w.value === "url")
         return !0;
       const t = ["https", "wss", "tls"].includes(e.fields.protocol);
-      return h.value === "protocol" && t;
-    }), J = k(() => {
-      if (h.value === "url")
+      return w.value === "protocol" && t;
+    }), X = k(() => {
+      if (w.value === "url")
         return !0;
       const t = ["https", "tls"].includes(e.fields.protocol);
-      return h.value === "protocol" && t;
-    }), x = k(() => {
-      if (h.value === "url")
+      return w.value === "protocol" && t;
+    }), L = k(() => {
+      if (w.value === "url")
         return !0;
       const t = ["https", "wss", "tls"].includes(e.fields.protocol);
-      return h.value === "protocol" && t;
-    }), R = (t) => {
-      j("name"), ge.value = ae.utf8Name(t);
-    }, s = k(() => {
-      const t = !o.value || !K(e.fields, E), c = h.value === "url" && !!e.fields.url && te.value, F = h.value === "protocol" && !!e.fields.host && te.value;
-      return t && (c || F);
-    }), w = (t) => {
-      var c, F, O;
-      e.fields.name = (t == null ? void 0 : t.name) || "", e.fields.tags = ((c = t == null ? void 0 : t.tags) == null ? void 0 : c.join(", ")) || "", e.fields.protocol = (t == null ? void 0 : t.protocol) || "http", e.fields.path = (t == null ? void 0 : t.path) || "", e.fields.read_timeout = t != null && t.read_timeout || (t == null ? void 0 : t.read_timeout) === 0 ? t == null ? void 0 : t.read_timeout : 6e4, e.fields.retries = t != null && t.retries || (t == null ? void 0 : t.retries) === 0 ? t == null ? void 0 : t.retries : 5, e.fields.host = (t == null ? void 0 : t.host) || "", e.fields.connect_timeout = t != null && t.connect_timeout || (t == null ? void 0 : t.connect_timeout) === 0 ? t == null ? void 0 : t.connect_timeout : 6e4, e.fields.tls_verify_enabled = (t == null ? void 0 : t.tls_verify) !== "" && (t == null ? void 0 : t.tls_verify) !== null && (t == null ? void 0 : t.tls_verify) !== void 0, e.fields.tls_verify_value = t != null && t.tls_verify ? t == null ? void 0 : t.tls_verify : !1, e.fields.ca_certificates = ((F = t == null ? void 0 : t.ca_certificates) == null ? void 0 : F.join(",")) || "", e.fields.client_certificate = ((O = t == null ? void 0 : t.client_certificate) == null ? void 0 : O.id) || "", e.fields.write_timeout = t != null && t.write_timeout || (t == null ? void 0 : t.write_timeout) === 0 ? t == null ? void 0 : t.write_timeout : 6e4, e.fields.port = t != null && t.port || (t == null ? void 0 : t.port) === 0 ? t == null ? void 0 : t.port : 80, Object.assign(E, e.fields);
+      return w.value === "protocol" && t;
+    }), T = (t) => {
+      Z("name"), ye.value = ie.utf8Name(t);
+    }, c = k(() => {
+      const t = !o.value || !x(e.fields, A), a = w.value === "url" && !!e.fields.url && te.value, F = w.value === "protocol" && !!e.fields.host && te.value;
+      return t && (a || F);
+    }), g = (t) => {
+      var a, F, j;
+      e.fields.name = (t == null ? void 0 : t.name) || "", e.fields.tags = ((a = t == null ? void 0 : t.tags) == null ? void 0 : a.join(", ")) || "", e.fields.protocol = (t == null ? void 0 : t.protocol) || "http", e.fields.path = (t == null ? void 0 : t.path) || "", e.fields.read_timeout = t != null && t.read_timeout || (t == null ? void 0 : t.read_timeout) === 0 ? t == null ? void 0 : t.read_timeout : 6e4, e.fields.retries = t != null && t.retries || (t == null ? void 0 : t.retries) === 0 ? t == null ? void 0 : t.retries : 5, e.fields.host = (t == null ? void 0 : t.host) || "", e.fields.connect_timeout = t != null && t.connect_timeout || (t == null ? void 0 : t.connect_timeout) === 0 ? t == null ? void 0 : t.connect_timeout : 6e4, e.fields.tls_verify_enabled = (t == null ? void 0 : t.tls_verify) !== "" && (t == null ? void 0 : t.tls_verify) !== null && (t == null ? void 0 : t.tls_verify) !== void 0, e.fields.tls_verify_value = t != null && t.tls_verify ? t == null ? void 0 : t.tls_verify : !1, e.fields.ca_certificates = ((F = t == null ? void 0 : t.ca_certificates) == null ? void 0 : F.join(",")) || "", e.fields.client_certificate = ((j = t == null ? void 0 : t.client_certificate) == null ? void 0 : j.id) || "", e.fields.write_timeout = t != null && t.write_timeout || (t == null ? void 0 : t.write_timeout) === 0 ? t == null ? void 0 : t.write_timeout : 6e4, e.fields.port = t != null && t.port || (t == null ? void 0 : t.port) === 0 ? t == null ? void 0 : t.port : 80, Object.assign(A, e.fields);
     }, m = () => {
-      T.push(a.config.cancelRoute);
-    }, G = k(() => {
-      var c, F;
-      let t = `${a.config.apiBaseUrl}${me.form[a.config.app].validate}`;
-      return a.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((c = a.config) == null ? void 0 : c.controlPlaneId) || "") : a.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (F = a.config) != null && F.workspace ? `/${a.config.workspace}` : "")), t = t.replace(/{id}/gi, a.gatewayServiceId), t;
-    }), re = k(() => {
-      var c, F;
-      let t = `${a.config.apiBaseUrl}${me.form[a.config.app][ee.value]}`;
-      return a.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((c = a.config) == null ? void 0 : c.controlPlaneId) || "") : a.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (F = a.config) != null && F.workspace ? `/${a.config.workspace}` : "")), t = t.replace(/{id}/gi, a.gatewayServiceId), t;
-    }), Q = (t) => {
-      let c = "";
-      t.url && (c = new URL(t.url).protocol), (["https", "wss", "tls"].includes(t.protocol) || ["https", "wss", "tls"].includes(c)) && (t.tls_verify = t.tls_verify_enabled ? t.tls_verify_value : null), delete t.tls_verify_enabled, delete t.tls_verify_value;
-    }, se = k(() => {
-      var c, F, O, U;
+      M.push(s.config.cancelRoute);
+    }, C = k(() => {
+      var a, F;
+      let t = `${s.config.apiBaseUrl}${ve.form[s.config.app].validate}`;
+      return s.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((a = s.config) == null ? void 0 : a.controlPlaneId) || "") : s.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (F = s.config) != null && F.workspace ? `/${s.config.workspace}` : "")), t = t.replace(/{id}/gi, s.gatewayServiceId), t;
+    }), W = k(() => {
+      var a, F;
+      let t = `${s.config.apiBaseUrl}${ve.form[s.config.app][z.value]}`;
+      return s.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((a = s.config) == null ? void 0 : a.controlPlaneId) || "") : s.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (F = s.config) != null && F.workspace ? `/${s.config.workspace}` : "")), t = t.replace(/{id}/gi, s.gatewayServiceId), t;
+    }), pe = (t) => {
+      let a = "";
+      t.url && (a = new URL(t.url).protocol), (["https", "wss", "tls"].includes(t.protocol) || ["https", "wss", "tls"].includes(a)) && (t.tls_verify = t.tls_verify_enabled ? t.tls_verify_value : null), delete t.tls_verify_enabled, delete t.tls_verify_value;
+    }, N = k(() => {
+      var a, F, j, U;
       const t = {
         name: e.fields.name || null,
-        tags: e.fields.tags ? (O = (F = (c = e.fields.tags) == null ? void 0 : c.split(",")) == null ? void 0 : F.map((A) => String(A || "").trim())) == null ? void 0 : O.filter((A) => A !== "") : null,
+        tags: e.fields.tags ? (j = (F = (a = e.fields.tags) == null ? void 0 : a.split(",")) == null ? void 0 : F.map((R) => String(R || "").trim())) == null ? void 0 : j.filter((R) => R !== "") : null,
         protocol: e.fields.protocol,
         path: e.fields.path || null,
         read_timeout: e.fields.read_timeout,
@@ -1861,118 +1892,118 @@ const le = {
         connect_timeout: e.fields.connect_timeout,
         tls_verify_value: e.fields.tls_verify_value,
         tls_verify_enabled: e.fields.tls_verify_enabled,
-        ca_certificates: e.fields.ca_certificates ? (U = e.fields.ca_certificates) == null ? void 0 : U.split(",").filter((A) => A !== "") : null,
+        ca_certificates: e.fields.ca_certificates ? (U = e.fields.ca_certificates) == null ? void 0 : U.split(",").filter((R) => R !== "") : null,
         client_certificate: e.fields.client_certificate ? { id: e.fields.client_certificate } : null,
         write_timeout: e.fields.write_timeout,
         port: e.fields.port,
         url: e.fields.url
       };
-      return e.fields.client_certificate && ["https", "wss", "tls"].includes(e.fields.protocol) && (t.client_certificate = { id: e.fields.client_certificate }), e.fields.tls_verify_enabled && ["https", "wss", "tls"].includes(e.fields.protocol) && (t.tls_verify = e.fields.tls_verify_value), d.value || (t.path = null), ee.value === "create" ? h.value === "url" ? (delete t.protocol, delete t.host, delete t.path, a.config.app === "konnect" && delete t.port) : delete t.url : ee.value === "edit" && delete t.url, t;
-    }), b = async () => {
-      var t, c, F, O;
+      return e.fields.client_certificate && ["https", "wss", "tls"].includes(e.fields.protocol) && (t.client_certificate = { id: e.fields.client_certificate }), e.fields.tls_verify_enabled && ["https", "wss", "tls"].includes(e.fields.protocol) && (t.tls_verify = e.fields.tls_verify_value), u.value || (t.path = null), z.value === "create" ? w.value === "url" ? (delete t.protocol, delete t.host, delete t.path, s.config.app === "konnect" && delete t.port) : delete t.url : z.value === "edit" && delete t.url, t;
+    }), me = async () => {
+      var t, a, F, j;
       try {
-        e.isReadonly = !0, he();
-        const U = se.value;
-        Q(U);
-        let A;
-        if (await I.post(G.value, U), ee.value === "create" ? A = await I.post(re.value, U) : ee.value === "edit" && (A = ((t = a.config) == null ? void 0 : t.app) === "konnect" ? await I.put(re.value, U) : await I.patch(re.value, U)), A) {
-          const { data: u } = A;
-          e.fields.name = (u == null ? void 0 : u.name) || "", e.fields.port = u.port || ve.getPortFromProtocol(u.protocol), e.fields.protocol = (u == null ? void 0 : u.protocol) || "http", e.fields.host = (u == null ? void 0 : u.host) || "", e.fields.path = (u == null ? void 0 : u.path) || "", e.fields.url = (u == null ? void 0 : u.url) || "", e.fields.retries = u != null && u.retries || (u == null ? void 0 : u.retries) === 0 ? u == null ? void 0 : u.retries : 5, e.fields.connect_timeout = u != null && u.connect_timeout || (u == null ? void 0 : u.connect_timeout) === 0 ? u == null ? void 0 : u.connect_timeout : 6e4, e.fields.write_timeout = u != null && u.write_timeout || (u == null ? void 0 : u.write_timeout) === 0 ? u == null ? void 0 : u.write_timeout : 6e4, e.fields.read_timeout = u != null && u.read_timeout || (u == null ? void 0 : u.read_timeout) === 0 ? u == null ? void 0 : u.read_timeout : 6e4, e.fields.client_certificate = ((c = u == null ? void 0 : u.client_certificate) == null ? void 0 : c.id) || "", e.fields.ca_certificates = (F = u == null ? void 0 : u.ca_certificates) != null && F.length ? u == null ? void 0 : u.ca_certificates.join(",") : "", e.fields.tls_verify_enabled = (u == null ? void 0 : u.tls_verify) !== "" && (u == null ? void 0 : u.tls_verify) !== null && (u == null ? void 0 : u.tls_verify) !== void 0, e.fields.tls_verify_value = e.fields.tls_verify_enabled && (u == null ? void 0 : u.tls_verify), e.fields.tags = (O = u == null ? void 0 : u.tags) != null && O.length ? u.tags.join(", ") : "", Object.assign(E, e.fields), p("update", A == null ? void 0 : A.data);
+        e.isReadonly = !0, ae();
+        const U = N.value;
+        pe(U);
+        let R;
+        if (await P.post(C.value, U), z.value === "create" ? R = await P.post(W.value, U) : z.value === "edit" && (R = ((t = s.config) == null ? void 0 : t.app) === "konnect" ? await P.put(W.value, U) : await P.patch(W.value, U)), R) {
+          const { data: f } = R;
+          e.fields.name = (f == null ? void 0 : f.name) || "", e.fields.port = f.port || re.getPortFromProtocol(f.protocol), e.fields.protocol = (f == null ? void 0 : f.protocol) || "http", e.fields.host = (f == null ? void 0 : f.host) || "", e.fields.path = (f == null ? void 0 : f.path) || "", e.fields.url = (f == null ? void 0 : f.url) || "", e.fields.retries = f != null && f.retries || (f == null ? void 0 : f.retries) === 0 ? f == null ? void 0 : f.retries : 5, e.fields.connect_timeout = f != null && f.connect_timeout || (f == null ? void 0 : f.connect_timeout) === 0 ? f == null ? void 0 : f.connect_timeout : 6e4, e.fields.write_timeout = f != null && f.write_timeout || (f == null ? void 0 : f.write_timeout) === 0 ? f == null ? void 0 : f.write_timeout : 6e4, e.fields.read_timeout = f != null && f.read_timeout || (f == null ? void 0 : f.read_timeout) === 0 ? f == null ? void 0 : f.read_timeout : 6e4, e.fields.client_certificate = ((a = f == null ? void 0 : f.client_certificate) == null ? void 0 : a.id) || "", e.fields.ca_certificates = (F = f == null ? void 0 : f.ca_certificates) != null && F.length ? f == null ? void 0 : f.ca_certificates.join(",") : "", e.fields.tls_verify_enabled = (f == null ? void 0 : f.tls_verify) !== "" && (f == null ? void 0 : f.tls_verify) !== null && (f == null ? void 0 : f.tls_verify) !== void 0, e.fields.tls_verify_value = e.fields.tls_verify_enabled && (f == null ? void 0 : f.tls_verify), e.fields.tags = (j = f == null ? void 0 : f.tags) != null && j.length ? f.tags.join(", ") : "", Object.assign(A, e.fields), p("update", R == null ? void 0 : R.data);
         }
-        return A;
+        return R;
       } catch (U) {
-        const { fields: A, messages: u } = W(U);
-        e.errorMessages = u, A.length && A.forEach((we) => {
-          const Ie = we.field;
-          Ie === "client_certificate.id" ? e.formFieldErrors.client_certificate = we.message : Ie.startsWith("ca_certificates") ? e.formFieldErrors.ca_certificates = we.message : Object.keys(e.formFieldErrors).includes(Ie) && (e.formFieldErrors = {
+        const { fields: R, messages: f } = D(U);
+        e.errorMessages = f, R.length && R.forEach((he) => {
+          const Se = he.field;
+          Se === "client_certificate.id" ? e.formFieldErrors.client_certificate = he.message : Se.startsWith("ca_certificates") ? e.formFieldErrors.ca_certificates = he.message : Object.keys(e.formFieldErrors).includes(Se) && (e.formFieldErrors = {
             ...e.formFieldErrors,
-            [Ie]: we.message
+            [Se]: he.message
           });
         }), p("error", U);
       } finally {
         e.isReadonly = !1;
       }
     };
-    return Ue(() => a.gatewayServiceId, () => {
-      Object.assign(e.fields, E);
-    }), Ue(e.fields, (t) => {
-      e.fields.port = ve.getPortFromProtocol(t.protocol, String(t.port)), p("model-updated", se.value);
-    }), Ze(() => {
-      p("model-updated", se.value), o.value || (e.fields.name = i());
-    }), B({
-      validateUrl: he,
-      getPayload: se,
-      saveFormData: b,
-      canSubmit: s,
-      initForm: w
-    }), (t, c) => {
-      const F = q("KRadio"), O = q("KButton"), U = q("KInput"), A = q("KSelect"), u = q("KCheckbox"), we = q("KCollapse"), Ie = q("KAlert");
-      return C(), $("div", nl, [
-        f(l(et), {
-          "can-submit": s.value,
+    return $e(() => s.gatewayServiceId, () => {
+      Object.assign(e.fields, A);
+    }), $e(e.fields, (t) => {
+      e.fields.port = re.getPortFromProtocol(t.protocol, String(t.port)), p("model-updated", N.value);
+    }), Qe(() => {
+      p("model-updated", N.value), o.value || (e.fields.name = i());
+    }), K({
+      validateUrl: ae,
+      getPayload: N,
+      saveFormData: me,
+      canSubmit: c,
+      initForm: g
+    }), (t, a) => {
+      const F = G("KRadio"), j = G("KButton"), U = G("KInput"), R = G("KSelect"), f = G("KCheckbox"), he = G("KCollapse"), Se = G("KAlert");
+      return S(), $("div", nl, [
+        d(l(lt), {
+          "can-submit": c.value,
           config: n.config,
           "edit-id": n.gatewayServiceId,
           "entity-type": l(Ne).GatewayService,
-          "fetch-url": X.value,
-          "form-fields": se.value,
+          "fetch-url": ge.value,
+          "form-fields": N.value,
           "is-readonly": e.isReadonly,
           onCancel: m,
-          "onFetch:error": c[30] || (c[30] = (y) => t.$emit("error", y)),
-          "onFetch:success": w,
-          onLoading: c[31] || (c[31] = (y) => t.$emit("loading", y)),
-          onSubmit: b
+          "onFetch:error": a[30] || (a[30] = (_) => t.$emit("error", _)),
+          "onFetch:success": g,
+          onLoading: a[31] || (a[31] = (_) => t.$emit("loading", _)),
+          onSubmit: me
         }, {
           "form-actions": v(() => [
-            Je(t.$slots, "form-actions", {
-              canSubmit: s.value,
+            Xe(t.$slots, "form-actions", {
+              canSubmit: c.value,
               cancel: m,
-              submit: b
+              submit: me
             }, void 0, !0)
           ]),
           default: v(() => [
-            f(l(Ke), {
+            d(l(Ke), {
               description: l(r)("gateway_services.form.sections.keys.description"),
               "hide-info-header": n.hideSectionsInfo,
               title: l(r)("gateway_services.form.sections.keys.title")
             }, {
               default: v(() => [
-                o.value ? M("", !0) : (C(), $("div", cl, [
-                  S("div", dl, [
-                    f(F, {
-                      modelValue: h.value,
-                      "onUpdate:modelValue": c[0] || (c[0] = (y) => h.value = y),
+                o.value ? B("", !0) : (S(), $("div", cl, [
+                  I("div", dl, [
+                    d(F, {
+                      modelValue: w.value,
+                      "onUpdate:modelValue": a[0] || (a[0] = (_) => w.value = _),
                       card: "",
                       "card-orientation": "horizontal",
                       "data-testid": "gateway-service-url-radio",
                       description: l(r)("gateway_services.form.sections.keys.url.description"),
                       label: l(r)("gateway_services.form.sections.keys.url.label"),
-                      "selected-value": ye.url,
-                      onChange: Se
+                      "selected-value": se.url,
+                      onChange: Ce
                     }, null, 8, ["modelValue", "description", "label", "selected-value"]),
-                    f(F, {
-                      modelValue: h.value,
-                      "onUpdate:modelValue": c[1] || (c[1] = (y) => h.value = y),
+                    d(F, {
+                      modelValue: w.value,
+                      "onUpdate:modelValue": a[1] || (a[1] = (_) => w.value = _),
                       card: "",
                       "card-orientation": "horizontal",
                       "checked-group": "protocol",
                       "data-testid": "gateway-service-protocol-radio",
                       description: l(r)("gateway_services.form.sections.keys.protocol.description"),
                       label: l(r)("gateway_services.form.sections.keys.protocol.label"),
-                      "selected-value": ye.protocol,
-                      onChange: Se
+                      "selected-value": se.protocol,
+                      onChange: Ce
                     }, null, 8, ["modelValue", "description", "label", "selected-value"])
                   ]),
-                  f(Le, { name: "slide-fade" }, {
+                  d(De, { name: "slide-fade" }, {
                     default: v(() => [
-                      h.value === "url" ? (C(), $("div", ul, [
-                        f(U, {
+                      w.value === "url" ? (S(), $("div", ul, [
+                        d(U, {
                           modelValue: e.fields.url,
-                          "onUpdate:modelValue": c[2] || (c[2] = (y) => e.fields.url = y),
+                          "onUpdate:modelValue": a[2] || (a[2] = (_) => e.fields.url = _),
                           modelModifiers: { trim: !0 },
                           class: "gateway-service-url-input gateway-service-form-margin-bottom",
                           "data-testid": "gateway-service-url-input",
                           error: Ee.value,
-                          "error-message": D("url"),
+                          "error-message": ee("url"),
                           label: l(r)("gateway_services.form.fields.upstream_url.label"),
                           "label-attributes": {
                             info: n.config.app === "konnect" ? l(r)("gateway_services.form.fields.upstream_url.tooltip_for_konnect") : l(r)("gateway_services.form.fields.upstream_url.tooltip_for_km"),
@@ -1986,14 +2017,14 @@ const le = {
                           n.hideTrySampleApiButton ? void 0 : {
                             name: "after",
                             fn: v(() => [
-                              f(O, {
+                              d(j, {
                                 appearance: "tertiary",
                                 "data-testid": "try-sample-api",
                                 size: "small",
-                                onClick: pe
+                                onClick: fe
                               }, {
                                 default: v(() => [
-                                  H(P(l(r)("gateway_services.form.buttons.try_sample")), 1)
+                                  J(E(l(r)("gateway_services.form.buttons.try_sample")), 1)
                                 ]),
                                 _: 1
                               })
@@ -2001,19 +2032,19 @@ const le = {
                             key: "0"
                           }
                         ]), 1032, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder", "onInput"])
-                      ])) : M("", !0)
+                      ])) : B("", !0)
                     ]),
                     _: 1
                   })
                 ])),
-                f(Le, { name: "slide-fade" }, {
+                d(De, { name: "slide-fade" }, {
                   default: v(() => [
-                    h.value === "protocol" || o.value ? (C(), $("div", fl, [
-                      f(A, {
+                    w.value === "protocol" || o.value ? (S(), $("div", fl, [
+                      d(R, {
                         modelValue: e.fields.protocol,
-                        "onUpdate:modelValue": c[3] || (c[3] = (y) => e.fields.protocol = y),
+                        "onUpdate:modelValue": a[3] || (a[3] = (_) => e.fields.protocol = _),
                         "data-testid": "gateway-service-protocol-select",
-                        items: de,
+                        items: O,
                         label: l(r)("gateway_services.form.fields.protocol.label"),
                         "label-attributes": {
                           info: l(r)("gateway_services.form.fields.protocol.tooltip"),
@@ -2022,16 +2053,16 @@ const le = {
                         readonly: e.isReadonly,
                         required: "",
                         width: "100%",
-                        onSelected: c[4] || (c[4] = (y) => Ve(e.fields.protocol, y))
+                        onSelected: a[4] || (a[4] = (_) => Pe(e.fields.protocol, _))
                       }, null, 8, ["modelValue", "label", "label-attributes", "readonly"]),
-                      f(U, {
+                      d(U, {
                         modelValue: e.fields.host,
-                        "onUpdate:modelValue": c[5] || (c[5] = (y) => e.fields.host = y),
+                        "onUpdate:modelValue": a[5] || (a[5] = (_) => e.fields.host = _),
                         modelModifiers: { trim: !0 },
                         class: "gateway-service-form-margin-top",
                         "data-testid": "gateway-service-host-input",
                         error: !!e.formFieldErrors.host,
-                        "error-message": D("host"),
+                        "error-message": ee("host"),
                         label: l(r)("gateway_services.form.fields.host.label"),
                         "label-attributes": {
                           info: l(r)("gateway_services.form.fields.host.tooltip"),
@@ -2040,18 +2071,18 @@ const le = {
                         name: "host",
                         placeholder: l(r)("gateway_services.form.fields.host.placeholder"),
                         required: "",
-                        onInput: c[6] || (c[6] = (y) => l(ie)("host"))
+                        onInput: a[6] || (a[6] = (_) => l(H)("host"))
                       }, Re({ _: 2 }, [
                         n.hideTrySampleApiButton ? void 0 : {
                           name: "after",
                           fn: v(() => [
-                            f(O, {
+                            d(j, {
                               appearance: "tertiary",
                               size: "small",
-                              onClick: pe
+                              onClick: fe
                             }, {
                               default: v(() => [
-                                H(P(l(r)("gateway_services.form.buttons.try_sample")), 1)
+                                J(E(l(r)("gateway_services.form.buttons.try_sample")), 1)
                               ]),
                               _: 1
                             })
@@ -2059,15 +2090,15 @@ const le = {
                           key: "0"
                         }
                       ]), 1032, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder"]),
-                      d.value ? (C(), $("div", pl, [
-                        f(U, {
+                      u.value ? (S(), $("div", pl, [
+                        d(U, {
                           modelValue: e.fields.path,
-                          "onUpdate:modelValue": c[7] || (c[7] = (y) => e.fields.path = y),
+                          "onUpdate:modelValue": a[7] || (a[7] = (_) => e.fields.path = _),
                           modelModifiers: { trim: !0 },
                           class: "gateway-service-form-margin-top",
                           "data-testid": "gateway-service-path-input",
                           error: !!e.formFieldErrors.path,
-                          "error-message": D("path"),
+                          "error-message": ee("path"),
                           label: l(r)("gateway_services.form.fields.path.label"),
                           "label-attributes": {
                             info: l(r)("gateway_services.form.fields.path.tooltip"),
@@ -2075,21 +2106,21 @@ const le = {
                           },
                           name: "path",
                           placeholder: l(r)("gateway_services.form.fields.path.placeholder"),
-                          onInput: c[8] || (c[8] = (y) => l(ie)("path"))
+                          onInput: a[8] || (a[8] = (_) => l(H)("path"))
                         }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder"])
-                      ])) : M("", !0),
-                      f(U, {
+                      ])) : B("", !0),
+                      d(U, {
                         modelValue: e.fields.port,
                         "onUpdate:modelValue": [
-                          c[9] || (c[9] = (y) => e.fields.port = y),
-                          c[11] || (c[11] = () => {
-                            e.fields.port = ue(e.fields.port + "");
+                          a[9] || (a[9] = (_) => e.fields.port = _),
+                          a[11] || (a[11] = () => {
+                            e.fields.port = oe(e.fields.port + "");
                           })
                         ],
                         class: "gateway-service-form-margin-top",
                         "data-testid": "gateway-service-port-input",
                         error: !!e.formFieldErrors.port,
-                        "error-message": D("port"),
+                        "error-message": ee("port"),
                         label: l(r)("gateway_services.form.fields.port.label"),
                         "label-attributes": {
                           info: l(r)("gateway_services.form.fields.port.tooltip"),
@@ -2097,30 +2128,30 @@ const le = {
                         },
                         name: "port",
                         type: "number",
-                        onInput: c[10] || (c[10] = (y) => l(ie)("port"))
+                        onInput: a[10] || (a[10] = (_) => l(H)("port"))
                       }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes"])
-                    ])) : M("", !0)
+                    ])) : B("", !0)
                   ]),
                   _: 1
                 }),
-                f(we, {
-                  modelValue: _.value,
-                  "onUpdate:modelValue": c[27] || (c[27] = (y) => _.value = y),
+                d(he, {
+                  modelValue: b.value,
+                  "onUpdate:modelValue": a[27] || (a[27] = (_) => b.value = _),
                   "data-testid": "advanced-fields-collapse",
                   "trigger-alignment": "leading",
                   "trigger-label": l(r)("gateway_services.form.sections.keys.viewAdvancedFields")
                 }, {
                   default: v(() => [
-                    f(Le, { name: "slide-fade" }, {
+                    d(De, { name: "slide-fade" }, {
                       default: v(() => [
-                        _.value ? M("", !0) : (C(), $("div", ml, [
-                          S("div", vl, [
-                            f(U, {
+                        b.value ? B("", !0) : (S(), $("div", ml, [
+                          I("div", vl, [
+                            d(U, {
                               modelValue: e.fields.retries,
                               "onUpdate:modelValue": [
-                                c[12] || (c[12] = (y) => e.fields.retries = y),
-                                c[13] || (c[13] = () => {
-                                  e.fields.retries = ue(e.fields.retries + "");
+                                a[12] || (a[12] = (_) => e.fields.retries = _),
+                                a[13] || (a[13] = () => {
+                                  e.fields.retries = oe(e.fields.retries + "");
                                 })
                               ],
                               autocomplete: "off",
@@ -2135,13 +2166,13 @@ const le = {
                               type: "number"
                             }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                           ]),
-                          S("div", gl, [
-                            f(U, {
+                          I("div", gl, [
+                            d(U, {
                               modelValue: e.fields.connect_timeout,
                               "onUpdate:modelValue": [
-                                c[14] || (c[14] = (y) => e.fields.connect_timeout = y),
-                                c[15] || (c[15] = () => {
-                                  e.fields.connect_timeout = ue(e.fields.connect_timeout + "");
+                                a[14] || (a[14] = (_) => e.fields.connect_timeout = _),
+                                a[15] || (a[15] = () => {
+                                  e.fields.connect_timeout = oe(e.fields.connect_timeout + "");
                                 })
                               ],
                               autocomplete: "off",
@@ -2156,13 +2187,13 @@ const le = {
                               type: "number"
                             }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                           ]),
-                          S("div", yl, [
-                            f(U, {
+                          I("div", yl, [
+                            d(U, {
                               modelValue: e.fields.write_timeout,
                               "onUpdate:modelValue": [
-                                c[16] || (c[16] = (y) => e.fields.write_timeout = y),
-                                c[17] || (c[17] = () => {
-                                  e.fields.write_timeout = ue(e.fields.write_timeout + "");
+                                a[16] || (a[16] = (_) => e.fields.write_timeout = _),
+                                a[17] || (a[17] = () => {
+                                  e.fields.write_timeout = oe(e.fields.write_timeout + "");
                                 })
                               ],
                               autocomplete: "off",
@@ -2177,13 +2208,13 @@ const le = {
                               type: "number"
                             }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                           ]),
-                          S("div", _l, [
-                            f(U, {
+                          I("div", _l, [
+                            d(U, {
                               modelValue: e.fields.read_timeout,
                               "onUpdate:modelValue": [
-                                c[18] || (c[18] = (y) => e.fields.read_timeout = y),
-                                c[19] || (c[19] = () => {
-                                  e.fields.read_timeout = ue(e.fields.read_timeout + "");
+                                a[18] || (a[18] = (_) => e.fields.read_timeout = _),
+                                a[19] || (a[19] = () => {
+                                  e.fields.read_timeout = oe(e.fields.read_timeout + "");
                                 })
                               ],
                               autocomplete: "off",
@@ -2198,10 +2229,10 @@ const le = {
                               type: "number"
                             }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                           ]),
-                          V.value ? (C(), $("div", bl, [
-                            f(U, {
+                          V.value ? (S(), $("div", bl, [
+                            d(U, {
                               modelValue: e.fields.client_certificate,
-                              "onUpdate:modelValue": c[20] || (c[20] = (y) => e.fields.client_certificate = y),
+                              "onUpdate:modelValue": a[20] || (a[20] = (_) => e.fields.client_certificate = _),
                               modelModifiers: { trim: !0 },
                               autocomplete: "off",
                               "data-testid": "gateway-service-clientCert-input",
@@ -2215,13 +2246,13 @@ const le = {
                               placeholder: l(r)("gateway_services.form.fields.client_certificate.placeholder"),
                               readonly: e.isReadonly,
                               type: "text",
-                              onInput: c[21] || (c[21] = (y) => l(be)("client_certificate"))
+                              onInput: a[21] || (a[21] = (_) => l(be)("client_certificate"))
                             }, null, 8, ["modelValue", "error", "label", "label-attributes", "placeholder", "readonly"])
-                          ])) : M("", !0),
-                          J.value ? (C(), $("div", hl, [
-                            f(U, {
+                          ])) : B("", !0),
+                          X.value ? (S(), $("div", hl, [
+                            d(U, {
                               modelValue: e.fields.ca_certificates,
-                              "onUpdate:modelValue": c[22] || (c[22] = (y) => e.fields.ca_certificates = y),
+                              "onUpdate:modelValue": a[22] || (a[22] = (_) => e.fields.ca_certificates = _),
                               modelModifiers: { trim: !0 },
                               autocomplete: "off",
                               "data-testid": "gateway-service-ca-certs-input",
@@ -2231,66 +2262,66 @@ const le = {
                               placeholder: l(r)("gateway_services.form.fields.ca_certificates.placeholder"),
                               readonly: e.isReadonly,
                               type: "text",
-                              onInput: c[23] || (c[23] = (y) => l(be)("ca_certificates"))
+                              onInput: a[23] || (a[23] = (_) => l(be)("ca_certificates"))
                             }, {
                               "label-tooltip": v(() => [
-                                f(l(Z), {
+                                d(l(Q), {
                                   keypath: "gateway_services.form.fields.ca_certificates.tooltip",
                                   scope: "global"
                                 }, {
                                   code1: v(() => [
-                                    S("code", null, P(l(r)("gateway_services.form.fields.ca_certificates.code1")), 1)
+                                    I("code", null, E(l(r)("gateway_services.form.fields.ca_certificates.code1")), 1)
                                   ]),
                                   code2: v(() => [
-                                    S("code", null, P(l(r)("gateway_services.form.fields.ca_certificates.code2")), 1)
+                                    I("code", null, E(l(r)("gateway_services.form.fields.ca_certificates.code2")), 1)
                                   ]),
                                   _: 1
                                 })
                               ]),
                               _: 1
                             }, 8, ["modelValue", "error", "label", "placeholder", "readonly"])
-                          ])) : M("", !0),
-                          x.value ? (C(), $("div", wl, [
-                            f(u, {
+                          ])) : B("", !0),
+                          L.value ? (S(), $("div", wl, [
+                            d(f, {
                               modelValue: e.fields.tls_verify_enabled,
-                              "onUpdate:modelValue": c[24] || (c[24] = (y) => e.fields.tls_verify_enabled = y),
+                              "onUpdate:modelValue": a[24] || (a[24] = (_) => e.fields.tls_verify_enabled = _),
                               "data-testid": "gateway-service-tls-verify-checkbox",
                               description: l(r)("gateway_services.form.fields.tls_verify_enabled.help"),
                               label: l(r)("gateway_services.form.fields.tls_verify_enabled.label"),
                               "label-attributes": { tooltipAttributes: { maxWidth: "400" } }
                             }, {
                               tooltip: v(() => [
-                                f(l(Z), {
+                                d(l(Q), {
                                   keypath: "gateway_services.form.fields.tls_verify_enabled.tooltip",
                                   scope: "global"
                                 }, {
                                   code1: v(() => [
-                                    S("code", null, P(l(r)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
+                                    I("code", null, E(l(r)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
                                   ]),
                                   _: 1
                                 })
                               ]),
                               _: 1
                             }, 8, ["modelValue", "description", "label"]),
-                            e.fields.tls_verify_enabled ? (C(), $("div", kl, [
-                              f(F, {
+                            e.fields.tls_verify_enabled ? (S(), $("div", kl, [
+                              d(F, {
                                 modelValue: e.fields.tls_verify_value,
-                                "onUpdate:modelValue": c[25] || (c[25] = (y) => e.fields.tls_verify_value = y),
+                                "onUpdate:modelValue": a[25] || (a[25] = (_) => e.fields.tls_verify_value = _),
                                 "data-testid": "gateway-service-tls-verify-true-option",
                                 label: l(r)("gateway_services.form.fields.tls_verify_option.true.label"),
                                 "selected-value": !0
                               }, null, 8, ["modelValue", "label"])
-                            ])) : M("", !0),
-                            e.fields.tls_verify_enabled ? (C(), $("div", Vl, [
-                              f(F, {
+                            ])) : B("", !0),
+                            e.fields.tls_verify_enabled ? (S(), $("div", Vl, [
+                              d(F, {
                                 modelValue: e.fields.tls_verify_value,
-                                "onUpdate:modelValue": c[26] || (c[26] = (y) => e.fields.tls_verify_value = y),
+                                "onUpdate:modelValue": a[26] || (a[26] = (_) => e.fields.tls_verify_value = _),
                                 "data-testid": "gateway-service-tls-verify-false-option",
                                 label: l(r)("gateway_services.form.fields.tls_verify_option.false.label"),
                                 "selected-value": !1
                               }, null, 8, ["modelValue", "label"])
-                            ])) : M("", !0)
-                          ])) : M("", !0)
+                            ])) : B("", !0)
+                          ])) : B("", !0)
                         ]))
                       ]),
                       _: 1
@@ -2301,20 +2332,20 @@ const le = {
               ]),
               _: 1
             }, 8, ["description", "hide-info-header", "title"]),
-            f(l(Ke), {
+            d(l(Ke), {
               description: l(r)("gateway_services.form.sections.general.description"),
               "hide-info-header": n.hideSectionsInfo,
               title: l(r)("gateway_services.form.sections.general.title")
             }, {
               default: v(() => [
-                f(U, {
+                d(U, {
                   modelValue: e.fields.name,
-                  "onUpdate:modelValue": c[28] || (c[28] = (y) => e.fields.name = y),
+                  "onUpdate:modelValue": a[28] || (a[28] = (_) => e.fields.name = _),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "gateway-service-name-input",
-                  error: ce.value,
-                  "error-message": ge.value,
+                  error: ke.value,
+                  "error-message": ye.value,
                   label: l(r)("gateway_services.form.fields.name.label"),
                   "label-attributes": {
                     info: l(r)("gateway_services.form.fields.name.tooltip"),
@@ -2324,18 +2355,18 @@ const le = {
                   placeholder: l(r)("gateway_services.form.fields.name.placeholder"),
                   readonly: e.isReadonly,
                   type: "text",
-                  onInput: R
+                  onInput: T
                 }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder", "readonly"]),
-                f(we, {
+                d(he, {
                   "data-testid": "tags-collapse",
                   "trigger-alignment": "leading",
                   "trigger-label": l(r)("gateway_services.form.fields.tags.collapse")
                 }, {
                   default: v(() => [
-                    S("div", Cl, [
-                      f(U, {
+                    I("div", Cl, [
+                      d(U, {
                         modelValue: e.fields.tags,
-                        "onUpdate:modelValue": c[29] || (c[29] = (y) => e.fields.tags = y),
+                        "onUpdate:modelValue": a[29] || (a[29] = (_) => e.fields.tags = _),
                         modelModifiers: { trim: !0 },
                         autocomplete: "off",
                         "data-testid": "gateway-service-tags-input",
@@ -2357,24 +2388,24 @@ const le = {
               ]),
               _: 1
             }, 8, ["description", "hide-info-header", "title"]),
-            e.errorMessages.length ? (C(), Te(Ie, {
+            e.errorMessages.length ? (S(), Ue(Se, {
               key: 0,
               appearance: "danger"
             }, {
               default: v(() => [
-                S("ul", Sl, [
-                  (C(!0), $(it, null, rt(e.errorMessages, (y) => (C(), $("li", { key: y }, P(y), 1))), 128))
+                I("ul", Sl, [
+                  (S(!0), $(rt, null, st(e.errorMessages, (_) => (S(), $("li", { key: _ }, E(_), 1))), 128))
                 ])
               ]),
               _: 1
-            })) : M("", !0)
+            })) : B("", !0)
           ]),
           _: 3
         }, 8, ["can-submit", "config", "edit-id", "entity-type", "fetch-url", "form-fields", "is-readonly"])
       ]);
     };
   }
-}), Wl = /* @__PURE__ */ je(Il, [["__scopeId", "data-v-aac697aa"]]), { validateHost: Pl, validatePort: El, validateProtocol: Fl, validatePath: Ul } = fe.useUrlValidators(), Dl = () => ({
+}), Ll = /* @__PURE__ */ je(Il, [["__scopeId", "data-v-aac697aa"]]), { validateHost: Pl, validatePort: El, validateProtocol: Fl, validatePath: Ul } = ne.useUrlValidators(), Wl = () => ({
   validateHost: Pl,
   validatePort: El,
   validateProtocol: Fl,
@@ -2382,8 +2413,8 @@ const le = {
 });
 export {
   Kl as GatewayServiceConfigCard,
-  Wl as GatewayServiceForm,
+  Ll as GatewayServiceForm,
   Ml as GatewayServiceList,
   Bl as LegacyGatewayServiceForm,
-  Dl as useUrlValidator
+  Wl as useUrlValidator
 };