@kong-ui-public/entities-gateway-services 3.10.4-pr.2001.c671e9446.0 → 3.10.5-pr.1974.10470792a.0

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

@@ -1,9 +1,9 @@
-import { defineComponent as Pe, computed as b, ref as T, watch as Te, onBeforeMount as De, resolveComponent as $, openBlock as k, createElementBlock as I, createVNode as d, unref as o, createSlots as Ke, withCtx as f, createBlock as de, Teleport as Ee, createElementVNode as C, createCommentVNode as A, createTextVNode as F, toDisplayString as V, withModifiers as Se, reactive as Ue, onMounted as Le, renderSlot as qe, Transition as Ie } from "vue";
-import { useRouter as $e } from "vue-router";
-import { BookIcon as Re, AddIcon as Ne, ServicesIcon as Oe } from "@kong/icons";
-import { createI18n as Ge, i18nTComponent as We } from "@kong-ui-public/i18n";
-import { useAxios as xe, useTableState as je, useFetcher as ze, useDeleteUrlBuilder as He, FetcherStatus as Je, EntityBaseTable as Qe, EntityFilter as Xe, PermissionsWrapper as oe, TableTags as Ze, EntityEmptyState as Ye, EntityToggleModal as et, EntityDeleteModal as tt, EntityTypes as lt, useErrors as ot, useValidators as it, EntityBaseFormType as Me, useGatewayFeatureSupported as st, EntityBaseForm as rt, SupportedEntityType as Fe, EntityFormSection as Ae, useHelpers as at, ConfigurationSchemaSection as ue, ConfigurationSchemaType as nt, EntityBaseConfigCard as ct } from "@kong-ui-public/entities-shared";
-const dt = {
+import { defineComponent as Te, computed as b, ref as E, watch as Ie, onBeforeMount as Le, resolveComponent as F, openBlock as S, createElementBlock as U, createVNode as d, unref as o, createSlots as Ee, withCtx as f, createBlock as ue, Teleport as Pe, createElementVNode as k, createCommentVNode as L, createTextVNode as R, toDisplayString as y, withModifiers as Se, reactive as Ue, onMounted as De, renderSlot as Ge } from "vue";
+import { useRouter as xe } from "vue-router";
+import { BookIcon as Re, AddIcon as Ke, ServicesIcon as qe } from "@kong/icons";
+import { createI18n as Oe, i18nTComponent as Ne } from "@kong-ui-public/i18n";
+import { useAxios as Ae, useTableState as We, useFetcher as je, useDeleteUrlBuilder as He, FetcherStatus as Je, EntityBaseTable as ze, EntityFilter as Qe, PermissionsWrapper as ie, TableTags as Xe, EntityEmptyState as Ze, EntityToggleModal as Ye, EntityDeleteModal as et, EntityTypes as tt, useErrors as ot, useValidators as lt, EntityBaseFormType as Me, useGatewayFeatureSupported as it, EntityBaseForm as st, SupportedEntityType as Fe, EntityFormSection as $e, useHelpers as rt, ConfigurationSchemaSection as fe, ConfigurationSchemaType as at, EntityBaseConfigCard as nt } from "@kong-ui-public/entities-shared";
+const ct = {
   create: "New gateway service",
   serverless_create: "Add a Service",
   copy_id: "Copy ID",
@@ -16,12 +16,12 @@ const dt = {
     description: "Deleting this Gateway Service will also remove any associated plugins. This action cannot be reversed.",
     menu_label: "Delete"
   }
-}, ut = {
+}, dt = {
   placeholder: {
     konnect: "Filter by name",
     kongManager: "Filter by exact name or ID"
   }
-}, ft = {
+}, ut = {
   title: "Gateway Services",
   list: {
     toolbar_actions: {
@@ -49,33 +49,28 @@ const dt = {
   empty_state_v2: {
     create: "New gateway service",
     title: "Configure your first gateway service",
-    description: "Services represent your upstream APIs, allowing for centralized configuration and streamlined management of backend endpoints."
+    group: "Services created in gateways within this group will automatically appear here.",
+    description: "Gateway services represent backend APIs or microservices that receive traffic routed through the gateway."
   },
   form: {
     sections: {
       general: {
         title: "General Information",
-        description: "Provide a name and tags to help identify and manage this service."
+        description: "General information will help identify and manage this Gateway Service."
       },
       keys: {
         title: "Service Endpoint",
-        description: "Define where this service should send requests.",
+        description: "Define the endpoint for this service by specifying the full URL or by its separate elements.",
         checkedGroupLabel: "Choose how and where to send traffic",
-        url: {
-          label: "Full URL",
-          description: "Define the service using a single, complete API URL for simple setup."
-        },
-        protocol: {
-          label: "Protocol, host, port, and path",
-          description: "Manually specify each component of the API’s URL for advanced configurations."
-        },
+        urlLabel: "Full URL",
+        checkedGroupAltLabel: "Protocol, Host, Port and Path",
         viewAdvancedFields: "View Advanced Fields"
       }
     },
     fields: {
       upstream_url: {
-        label: "Full URL",
-        placeholder: "e.g. https://www.myapi.com/",
+        label: "Upstream URL",
+        placeholder: "Enter a URL",
         tooltip_for_konnect: "This is the URL of the API you will manage in Konnect.",
         tooltip_for_km: "This is the URL of the API you will manage in Kong Gateway."
       },
@@ -165,8 +160,7 @@ const dt = {
         label: "Tags",
         tooltip: "An optional set of strings associated with the Service for grouping and filtering.",
         placeholder: "Enter a list of tags separated by comma",
-        help: "e.g. tag1, tag2, tag3",
-        collapse: "Add tags"
+        help: "e.g. tag1, tag2, tag3"
       },
       enabled: {
         label: "Enabled",
@@ -176,39 +170,39 @@ const dt = {
       }
     }
   }
-}, pt = {
+}, ft = {
   general: "Gateway Services could not be retrieved",
   delete: "The gateway service could not be deleted at this time.",
   copy: "Failed to copy to clipboard",
   urlErrorMessage: "Error: invalid URL"
-}, mt = {
+}, pt = {
   success: "Copied {val} to clipboard",
   success_brief: "Successfully copied to clipboard"
-}, vt = {
+}, mt = {
   gateway_services: "gateway services"
-}, gt = {
-  actions: dt,
-  search: ut,
-  gateway_services: ft,
-  errors: pt,
-  copy: mt,
-  glossary: vt
+}, vt = {
+  actions: ct,
+  search: dt,
+  gateway_services: ut,
+  errors: ft,
+  copy: pt,
+  glossary: mt
 };
-function yt() {
-  const a = Ge("en-us", gt);
+function gt() {
+  const n = Oe("en-us", vt);
   return {
-    i18n: a,
-    i18nT: We(a)
+    i18n: n,
+    i18nT: Ne(n)
     // Translation component <i18n-t>
   };
 }
-function _t() {
+function yt() {
   return {
-    getPortFromProtocol: (B, p) => {
-      const u = [80, 443], s = Number(p);
-      if ((s || s === 0) && !u.includes(s))
-        return s;
-      switch (B) {
+    getPortFromProtocol: (D, p) => {
+      const c = [80, 443], r = Number(p);
+      if ((r || r === 0) && !c.includes(r))
+        return r;
+      switch (D) {
         case "grpcs":
         case "tls":
         case "https":
@@ -224,38 +218,38 @@ function _t() {
     }
   };
 }
-const me = {
-  useI18n: yt,
-  usePortFromProtocol: _t
-}, fe = "/v2/control-planes/{controlPlaneId}/core-entities", pe = "/{workspace}", ie = {
+const ve = {
+  useI18n: gt,
+  usePortFromProtocol: yt
+}, pe = "/v2/control-planes/{controlPlaneId}/core-entities", me = "/{workspace}", se = {
   list: {
     konnect: {
-      all: `${fe}/services`
+      all: `${pe}/services`
     },
     kongManager: {
-      all: `${pe}/services`
+      all: `${me}/services`
     }
   },
   form: {
     konnect: {
-      create: `${fe}/services`,
-      validate: `${fe}/v1/schemas/json/service/validate`,
-      edit: `${fe}/services/{id}`
-    },
-    kongManager: {
       create: `${pe}/services`,
-      validate: `${pe}/schemas/services/validate`,
+      validate: `${pe}/v1/schemas/json/service/validate`,
       edit: `${pe}/services/{id}`
+    },
+    kongManager: {
+      create: `${me}/services`,
+      validate: `${me}/schemas/services/validate`,
+      edit: `${me}/services/{id}`
     }
   }
-}, bt = "#00abd2", ht = "24px", wt = { class: "kong-ui-entities-gateway-services-list" }, kt = { class: "button-row" }, Ct = { class: "empty-state-icon-gateway" }, Vt = { key: 1 }, St = /* @__PURE__ */ Pe({
+}, _t = "#00abd2", bt = "24px", ht = { class: "kong-ui-entities-gateway-services-list" }, wt = { class: "button-row" }, kt = { class: "empty-state-icon-gateway" }, Ct = { key: 1 }, Vt = /* @__PURE__ */ Te({
   __name: "GatewayServiceList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
     config: {
       type: Object,
       required: !0,
-      validator: (a) => !(!a || !["konnect", "kongManager"].includes(a == null ? void 0 : a.app) || !a.createRoute || !a.getViewRoute || !a.getEditRoute || a.app === "kongManager" && !a.isExactMatch && !a.filterSchema)
+      validator: (n) => !(!n || !["konnect", "kongManager"].includes(n == null ? void 0 : n.app) || !n.createRoute || !n.getViewRoute || !n.getEditRoute || n.app === "kongManager" && !n.isExactMatch && !n.filterSchema)
     },
     // used to override the default identifier for the cache entry
     cacheIdentifier: {
@@ -306,211 +300,211 @@ const me = {
     }
   },
   emits: ["error", "click:learn-more", "copy:success", "copy:error", "delete:success", "toggle:success"],
-  setup(a, { emit: B }) {
-    var g;
-    const p = B, u = a, { i18n: { t: s, formatUnixTimeStamp: U } } = me.useI18n(), N = $e(), { axiosInstance: L } = xe((g = u.config) == null ? void 0 : g.axiosRequestConfig), { hasRecords: r, handleStateChange: P } = je(() => D.value), w = b(() => r.value && u.config.app === "konnect"), ve = b(() => !u.enableV2EmptyStates && u.config.app === "konnect"), ge = b(() => u.config.app !== "kongManager" || !!u.config.disableSorting), q = {
+  setup(n, { emit: D }) {
+    var l;
+    const p = D, c = n, { i18n: { t: r, formatUnixTimeStamp: x } } = ve.useI18n(), N = xe(), { axiosInstance: q } = Ae((l = c.config) == null ? void 0 : l.axiosRequestConfig), { hasRecords: a, handleStateChange: P } = We(() => G.value), C = b(() => a.value && c.config.app === "konnect"), ge = b(() => !c.enableV2EmptyStates && c.config.app === "konnect"), ye = b(() => c.config.app !== "kongManager" || !!c.config.disableSorting), O = {
       // the Name column is non-hidable
-      name: { label: s("gateway_services.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
-      ...u.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 }
-    }, ye = {
+      name: { label: r("gateway_services.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
+      ...c.config.showControlPlaneColumn ? { control_plane: { label: r("gateway_services.list.table_headers.control_plane") } } : {},
+      protocol: { label: r("gateway_services.list.table_headers.protocol"), searchable: !0, sortable: !0 },
+      host: { label: r("gateway_services.list.table_headers.host"), searchable: !0, sortable: !0 },
+      port: { label: r("gateway_services.list.table_headers.port"), searchable: !0, sortable: !0 },
+      path: { label: r("gateway_services.list.table_headers.path"), searchable: !0, sortable: !0 },
+      enabled: { label: r("gateway_services.list.table_headers.enabled"), searchable: !0, sortable: !0 },
+      tags: { label: r("gateway_services.list.table_headers.tags"), sortable: !1 },
+      updated_at: { label: r("gateway_services.list.table_headers.updated_at"), sortable: !0 },
+      created_at: { label: r("gateway_services.list.table_headers.created_at"), sortable: !0 }
+    }, _e = {
       columnVisibility: {
         created_at: !1
       }
-    }, O = q, y = b(() => {
-      var l, v;
-      let n = `${u.config.apiBaseUrl}${ie.list[u.config.app].all}`;
-      return u.config.app === "konnect" ? n = n.replace(/{controlPlaneId}/gi, ((l = u.config) == null ? void 0 : l.controlPlaneId) || "") : u.config.app === "kongManager" && (n = n.replace(/\/{workspace}/gi, (v = u.config) != null && v.workspace ? `/${u.config.workspace}` : "")), n;
-    }), Q = b(() => u.config.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${y.value}`) : new URL(y.value)), D = T(""), _e = b(() => {
-      const n = u.config.app === "konnect" || u.config.isExactMatch;
-      if (n)
+    }, H = O, _ = b(() => {
+      var s, g;
+      let u = `${c.config.apiBaseUrl}${se.list[c.config.app].all}`;
+      return c.config.app === "konnect" ? u = u.replace(/{controlPlaneId}/gi, ((s = c.config) == null ? void 0 : s.controlPlaneId) || "") : c.config.app === "kongManager" && (u = u.replace(/\/{workspace}/gi, (g = c.config) != null && g.workspace ? `/${c.config.workspace}` : "")), u;
+    }), Y = b(() => c.config.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${_.value}`) : new URL(_.value)), G = E(""), be = b(() => {
+      const u = c.config.app === "konnect" || c.config.isExactMatch;
+      if (u)
         return {
-          isExactMatch: n,
-          placeholder: s(`search.placeholder.${u.config.app}`)
+          isExactMatch: u,
+          placeholder: r(`search.placeholder.${c.config.app}`)
         };
-      const { name: l, enabled: v, protocol: c, host: J, port: R, path: ce } = q;
+      const { name: s, enabled: g, protocol: I, host: Z, port: A, path: de } = O;
       return {
-        isExactMatch: n,
-        fields: { name: l, enabled: v, protocol: c, host: J, port: R, path: ce },
-        schema: u.config.filterSchema
+        isExactMatch: u,
+        fields: { name: s, enabled: g, protocol: I, host: Z, port: A, path: de },
+        schema: c.config.filterSchema
       };
     }), {
       fetcher: e,
-      fetcherState: h,
-      fetcherCacheKey: X
-    } = ze({ ...u.config, cacheIdentifier: u.cacheIdentifier }, y.value), be = () => {
-      D.value = "";
-    }, se = () => {
-      X.value++;
-    }, z = T(null), G = b(() => ({
-      ctaPath: u.config.createRoute,
-      ctaText: S.value ? u.isServerless ? s("actions.serverless_create") : s("actions.create") : void 0,
-      message: `${s("gateway_services.list.empty_state.description")}${u.config.additionMessageForEmptyState ? ` ${u.config.additionMessageForEmptyState}` : ""}`,
-      title: S.value ? u.isServerless ? s("gateway_services.list.empty_state.serverless_title") : s("gateway_services.list.empty_state.title") : s("gateway_services.title")
-    })), H = T(!1), E = T(null), W = b(() => {
-      const n = {
+      fetcherState: w,
+      fetcherCacheKey: ee
+    } = je({ ...c.config, cacheIdentifier: c.cacheIdentifier }, _.value), he = () => {
+      G.value = "";
+    }, re = () => {
+      ee.value++;
+    }, J = E(null), W = b(() => ({
+      ctaPath: c.config.createRoute,
+      ctaText: h.value ? c.isServerless ? r("actions.serverless_create") : r("actions.create") : void 0,
+      message: `${r("gateway_services.list.empty_state.description")}${c.config.additionMessageForEmptyState ? ` ${c.config.additionMessageForEmptyState}` : ""}`,
+      title: h.value ? c.isServerless ? r("gateway_services.list.empty_state.serverless_title") : r("gateway_services.list.empty_state.title") : r("gateway_services.title")
+    })), z = E(!1), T = E(null), Q = b(() => {
+      const u = {
         action: "disable",
         id: "",
         name: ""
       };
-      if (E.value) {
-        const { enabled: l, id: v, name: c } = E.value;
-        n.action = l ? "disable" : "enable", n.id = v, n.name = c || v;
+      if (T.value) {
+        const { enabled: s, id: g, name: I } = T.value;
+        u.action = s ? "disable" : "enable", u.id = g, u.name = I || g;
       }
-      return n;
-    }), he = (n) => {
-      H.value = !0, E.value = n;
-    }, Z = () => {
-      H.value = !1, E.value = null;
-    }, we = async () => {
-      var c, J;
-      if (!await ((c = u.canEdit) == null ? void 0 : c.call(u, E.value)) || !E.value)
+      return u;
+    }), we = (u) => {
+      z.value = !0, T.value = u;
+    }, ae = () => {
+      z.value = !1, T.value = null;
+    }, ke = async () => {
+      var I, Z;
+      if (!await ((I = c.canEdit) == null ? void 0 : I.call(c, T.value)) || !T.value)
         return;
-      const l = `${Q.value.href}/${E.value.id}`, v = !E.value.enabled;
+      const s = `${Y.value.href}/${T.value.id}`, g = !T.value.enabled;
       try {
-        const { data: R } = ((J = u.config) == null ? void 0 : J.app) === "konnect" ? await L.put(l, { ...E.value, enabled: v }) : await L.patch(l, { ...E.value, enabled: v });
-        p("toggle:success", R), E.value.enabled = v;
-      } catch (R) {
-        p("error", R);
+        const { data: A } = ((Z = c.config) == null ? void 0 : Z.app) === "konnect" ? await q.put(s, { ...T.value, enabled: g }) : await q.patch(s, { ...T.value, enabled: g });
+        p("toggle:success", A), T.value.enabled = g;
+      } catch (A) {
+        p("error", A);
       }
-    }, ke = (n) => {
-      u.config.getControlPlaneRoute && N.push(u.config.getControlPlaneRoute(n));
-    }, Ce = (n, l) => {
-      const v = n.id;
-      if (!l(v)) {
+    }, Ce = (u) => {
+      c.config.getControlPlaneRoute && N.push(c.config.getControlPlaneRoute(u));
+    }, te = (u, s) => {
+      const g = u.id;
+      if (!s(g)) {
         p("copy:error", {
-          entity: n,
+          entity: u,
           field: "id",
-          message: s("errors.copy")
+          message: r("errors.copy")
         });
         return;
       }
       p("copy:success", {
-        entity: n,
+        entity: u,
         field: "id",
-        message: s("copy.success", { val: v })
+        message: r("copy.success", { val: g })
       });
-    }, Ve = (n, l) => {
-      const v = JSON.stringify(n);
-      if (!l(v)) {
+    }, ne = (u, s) => {
+      const g = JSON.stringify(u);
+      if (!s(g)) {
         p("copy:error", {
-          entity: n,
-          message: s("errors.copy")
+          entity: u,
+          message: r("errors.copy")
         });
         return;
       }
       p("copy:success", {
-        entity: n,
-        message: s("copy.success_brief")
+        entity: u,
+        message: r("copy.success_brief")
       });
-    }, Y = async (n) => {
-      var v;
-      await ((v = u.canRetrieve) == null ? void 0 : v.call(u, n)) && N.push(u.config.getViewRoute(n.id));
-    }, re = (n) => ({
-      label: s("actions.view"),
-      to: u.config.getViewRoute(n)
-    }), ae = (n) => ({
-      label: s("actions.edit"),
-      to: u.config.getEditRoute(n)
-    }), x = T(void 0), j = T(!1), ee = T(!1), K = T(""), te = He(u.config, y.value), ne = (n) => {
-      x.value = n, j.value = !0, K.value = "";
-    }, t = () => {
-      j.value = !1, x.value = void 0;
-    }, i = async () => {
-      var n, l, v;
-      if ((n = x.value) != null && n.id) {
-        ee.value = !0;
+    }, ce = async (u) => {
+      var g;
+      await ((g = c.canRetrieve) == null ? void 0 : g.call(c, u)) && N.push(c.config.getViewRoute(u.id));
+    }, Ve = (u) => ({
+      label: r("actions.view"),
+      to: c.config.getViewRoute(u)
+    }), oe = (u) => ({
+      label: r("actions.edit"),
+      to: c.config.getEditRoute(u)
+    }), B = E(void 0), K = E(!1), j = E(!1), X = E(""), t = He(c.config, _.value), i = (u) => {
+      B.value = u, K.value = !0, X.value = "";
+    }, v = () => {
+      K.value = !1, B.value = void 0;
+    }, M = async () => {
+      var u, s, g;
+      if ((u = B.value) != null && u.id) {
+        j.value = !0;
         try {
-          await L.delete(te(x.value.id)), p("delete:success", x.value), t(), X.value++;
-        } catch (c) {
-          K.value = ((v = (l = c.response) == null ? void 0 : l.data) == null ? void 0 : v.message) || c.message || s("errors.delete"), p("error", c);
+          await q.delete(t(B.value.id)), p("delete:success", B.value), v(), ee.value++;
+        } catch (I) {
+          X.value = ((g = (s = I.response) == null ? void 0 : s.data) == null ? void 0 : g.message) || I.message || r("errors.delete"), p("error", I);
         } finally {
-          ee.value = !1;
+          j.value = !1;
         }
       }
-    }, _ = () => {
-      N.push(u.config.createRoute);
+    }, V = () => {
+      N.push(c.config.createRoute);
     };
-    Te(h, (n) => {
-      var l, v, c;
-      if (n.status === Je.Error) {
-        z.value = {
-          title: s("errors.general")
-        }, (c = (v = (l = n.error) == null ? void 0 : l.response) == null ? void 0 : v.data) != null && c.message && (z.value.message = n.error.response.data.message), p("error", n.error);
+    Ie(w, (u) => {
+      var s, g, I;
+      if (u.status === Je.Error) {
+        J.value = {
+          title: r("errors.general")
+        }, (I = (g = (s = u.error) == null ? void 0 : s.response) == null ? void 0 : g.data) != null && I.message && (J.value.message = u.error.response.data.message), p("error", u.error);
         return;
       }
-      z.value = null;
+      J.value = null;
     });
-    const S = T(!1);
-    return De(async () => {
-      S.value = await u.canCreate();
-    }), (n, l) => {
-      const v = $("KButton"), c = $("KBadge"), J = $("KInputSwitch"), R = $("KDropdownItem"), ce = $("KClipboardProvider");
-      return k(), I("div", wt, [
-        d(o(Qe), {
-          "cache-identifier": a.cacheIdentifier,
-          "default-table-preferences": ye,
-          "disable-sorting": ge.value,
-          "empty-state-options": G.value,
+    const h = E(!1);
+    return Le(async () => {
+      h.value = await c.canCreate();
+    }), (u, s) => {
+      const g = F("KButton"), I = F("KBadge"), Z = F("KInputSwitch"), A = F("KDropdownItem"), de = F("KClipboardProvider");
+      return S(), U("div", ht, [
+        d(o(ze), {
+          "cache-identifier": n.cacheIdentifier,
+          "default-table-preferences": _e,
+          "disable-sorting": ye.value,
+          "empty-state-options": W.value,
           "enable-entity-actions": "",
-          "error-message": z.value,
+          "error-message": J.value,
           fetcher: o(e),
-          "fetcher-cache-key": o(X),
+          "fetcher-cache-key": o(ee),
           "pagination-type": "offset",
           "preferences-storage-key": "kong-ui-entities-gateway-services-list",
-          query: D.value,
-          "table-headers": o(O),
-          onClearSearchInput: be,
-          "onClick:row": l[5] || (l[5] = (m) => Y(m)),
-          onSort: se,
+          query: G.value,
+          "table-headers": o(H),
+          onClearSearchInput: he,
+          "onClick:row": s[5] || (s[5] = (m) => ce(m)),
+          onSort: re,
           onState: o(P)
-        }, Ke({
+        }, Ee({
           "toolbar-filter": f(() => [
-            d(o(Xe), {
-              modelValue: D.value,
-              "onUpdate:modelValue": l[0] || (l[0] = (m) => D.value = m),
-              config: _e.value
+            d(o(Qe), {
+              modelValue: G.value,
+              "onUpdate:modelValue": s[0] || (s[0] = (m) => G.value = m),
+              config: be.value
             }, null, 8, ["modelValue", "config"])
           ]),
           "toolbar-button": f(() => [
-            (k(), de(Ee, {
-              disabled: !a.useActionOutside,
+            (S(), ue(Pe, {
+              disabled: !n.useActionOutside,
               to: "#kong-ui-app-page-header-action-button"
             }, [
-              C("div", kt, [
-                w.value ? (k(), de(v, {
+              k("div", wt, [
+                C.value ? (S(), ue(g, {
                   key: 0,
                   appearance: "secondary",
                   class: "open-learning-hub",
                   "data-testid": "gateway-services-learn-more-button",
                   icon: "",
-                  onClick: l[1] || (l[1] = (m) => n.$emit("click:learn-more"))
+                  onClick: s[1] || (s[1] = (m) => u.$emit("click:learn-more"))
                 }, {
                   default: f(() => [
                     d(o(Re), { decorative: "" })
                   ]),
                   _: 1
-                })) : A("", !0),
-                d(o(oe), {
-                  "auth-function": () => a.canCreate()
+                })) : L("", !0),
+                d(o(ie), {
+                  "auth-function": () => n.canCreate()
                 }, {
                   default: f(() => [
-                    d(v, {
+                    d(g, {
                       appearance: "primary",
                       "data-testid": "toolbar-add-gateway-service",
-                      size: a.useActionOutside ? "medium" : "large",
-                      to: a.config.createRoute
+                      size: n.useActionOutside ? "medium" : "large",
+                      to: n.config.createRoute
                     }, {
                       default: f(() => [
-                        d(o(Ne)),
-                        F(" " + V(o(s)("gateway_services.list.toolbar_actions.new_gateway_service")), 1)
+                        d(o(Ke)),
+                        R(" " + y(o(r)("gateway_services.list.toolbar_actions.new_gateway_service")), 1)
                       ]),
                       _: 1
                     }, 8, ["size", "to"])
@@ -521,40 +515,40 @@ const me = {
             ], 8, ["disabled"]))
           ]),
           name: f(({ rowValue: m }) => [
-            C("b", null, V(m ?? "-"), 1)
+            k("b", null, y(m ?? "-"), 1)
           ]),
           control_plane: f(({ row: m }) => {
-            var M;
+            var $;
             return [
-              (M = m.x_meta) != null && M.cluster_id ? (k(), de(c, {
+              ($ = m.x_meta) != null && $.cluster_id ? (S(), ue(I, {
                 key: 0,
                 tooltip: m.x_meta.cluster_id,
                 "truncation-tooltip": "",
-                onClick: Se((le) => ke(m.x_meta.cluster_id), ["stop"])
+                onClick: Se((le) => Ce(m.x_meta.cluster_id), ["stop"])
               }, {
                 default: f(() => [
-                  F(V(m.x_meta.cluster_id), 1)
+                  R(y(m.x_meta.cluster_id), 1)
                 ]),
                 _: 2
-              }, 1032, ["tooltip", "onClick"])) : (k(), I("b", Vt, "-"))
+              }, 1032, ["tooltip", "onClick"])) : (S(), U("b", Ct, "-"))
             ];
           }),
           enabled: f(({ row: m }) => [
-            d(o(oe), {
-              "auth-function": () => a.canEdit(m),
+            d(o(ie), {
+              "auth-function": () => n.canEdit(m),
               "force-show": ""
             }, {
-              default: f(({ isAllowed: M }) => [
-                C("div", {
-                  onClick: l[4] || (l[4] = Se(() => {
+              default: f(({ isAllowed: $ }) => [
+                k("div", {
+                  onClick: s[4] || (s[4] = Se(() => {
                   }, ["stop"]))
                 }, [
-                  d(J, {
+                  d(Z, {
                     modelValue: m.enabled,
                     "onUpdate:modelValue": (le) => m.enabled = le,
                     "data-testid": `row-${m.id}-toggle-input`,
-                    disabled: !M,
-                    onClick: Se((le) => he(m), ["prevent"])
+                    disabled: !$,
+                    onClick: Se((le) => we(m), ["prevent"])
                   }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "disabled", "onClick"])
                 ])
               ]),
@@ -562,78 +556,78 @@ const me = {
             }, 1032, ["auth-function"])
           ]),
           tags: f(({ rowValue: m }) => [
-            d(o(Ze), { tags: m }, null, 8, ["tags"])
+            d(o(Xe), { tags: m }, null, 8, ["tags"])
           ]),
           created_at: f(({ rowValue: m }) => [
-            F(V(o(U)(m)), 1)
+            R(y(o(x)(m)), 1)
           ]),
-          updated_at: f(({ row: m, rowValue: M }) => [
-            F(V(o(U)(M ?? m.created_at)), 1)
+          updated_at: f(({ row: m, rowValue: $ }) => [
+            R(y(o(x)($ ?? m.created_at)), 1)
           ]),
           actions: f(({ row: m }) => [
-            d(ce, null, {
-              default: f(({ copyToClipboard: M }) => [
-                d(R, {
+            d(de, null, {
+              default: f(({ copyToClipboard: $ }) => [
+                d(A, {
                   "data-testid": "action-entity-copy-id",
-                  onClick: (le) => Ce(m, M)
+                  onClick: (le) => te(m, $)
                 }, {
                   default: f(() => [
-                    F(V(o(s)("actions.copy_id")), 1)
+                    R(y(o(r)("actions.copy_id")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            d(ce, null, {
-              default: f(({ copyToClipboard: M }) => [
-                d(R, {
+            d(de, null, {
+              default: f(({ copyToClipboard: $ }) => [
+                d(A, {
                   "data-testid": "action-entity-copy-json",
-                  onClick: (le) => Ve(m, M)
+                  onClick: (le) => ne(m, $)
                 }, {
                   default: f(() => [
-                    F(V(o(s)("actions.copy_json")), 1)
+                    R(y(o(r)("actions.copy_json")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            d(o(oe), {
-              "auth-function": () => a.canRetrieve(m)
+            d(o(ie), {
+              "auth-function": () => n.canRetrieve(m)
             }, {
               default: f(() => [
-                d(R, {
+                d(A, {
                   "data-testid": "action-entity-view",
                   "has-divider": "",
-                  item: re(m.id)
+                  item: Ve(m.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            d(o(oe), {
-              "auth-function": () => a.canEdit(m)
+            d(o(ie), {
+              "auth-function": () => n.canEdit(m)
             }, {
               default: f(() => [
-                d(R, {
+                d(A, {
                   "data-testid": "action-entity-edit",
-                  item: ae(m.id)
+                  item: oe(m.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            d(o(oe), {
-              "auth-function": () => a.canDelete(m)
+            d(o(ie), {
+              "auth-function": () => n.canDelete(m)
             }, {
               default: f(() => [
-                d(R, {
+                d(A, {
                   danger: "",
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
-                  onClick: (M) => ne(m)
+                  onClick: ($) => i(m)
                 }, {
                   default: f(() => [
-                    F(V(o(s)("actions.delete.menu_label")), 1)
+                    R(y(o(r)("actions.delete.menu_label")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -643,19 +637,19 @@ const me = {
           ]),
           _: 2
         }, [
-          !o(r) && ve.value ? {
+          !o(a) && ge.value ? {
             name: "outside-actions",
             fn: f(() => [
-              (k(), de(Ee, {
-                disabled: !a.useActionOutside,
+              (S(), ue(Pe, {
+                disabled: !n.useActionOutside,
                 to: "#kong-ui-app-page-header-action-button"
               }, [
-                d(v, {
+                d(g, {
                   appearance: "secondary",
                   class: "open-learning-hub",
                   "data-testid": "gateway-services-more-button",
                   icon: "",
-                  onClick: l[2] || (l[2] = (m) => n.$emit("click:learn-more"))
+                  onClick: s[2] || (s[2] = (m) => u.$emit("click:learn-more"))
                 }, {
                   default: f(() => [
                     d(o(Re), { decorative: "" })
@@ -666,98 +660,103 @@ const me = {
             ]),
             key: "0"
           } : void 0,
-          a.enableV2EmptyStates && a.config.app === "konnect" ? {
+          n.enableV2EmptyStates && n.config.app === "konnect" ? {
             name: "empty-state",
-            fn: f(() => [
-              d(o(Ye), {
-                "action-button-text": o(s)("gateway_services.empty_state_v2.create"),
-                appearance: "secondary",
-                "can-create": () => a.canCreate(),
-                "data-testid": "gateway-services-entity-empty-state",
-                description: o(s)("gateway_services.empty_state_v2.description"),
-                "learn-more": a.config.app === "konnect",
-                title: o(s)("gateway_services.empty_state_v2.title"),
-                "onClick:create": _,
-                "onClick:learnMore": l[3] || (l[3] = (m) => n.$emit("click:learn-more"))
-              }, {
-                image: f(() => [
-                  C("div", Ct, [
-                    d(o(Oe), {
-                      color: o(bt),
-                      size: o(ht)
-                    }, null, 8, ["color", "size"])
-                  ])
-                ]),
-                _: 1
-              }, 8, ["action-button-text", "can-create", "description", "learn-more", "title"])
-            ]),
+            fn: f(() => {
+              var m;
+              return [
+                d(o(Ze), {
+                  "action-button-text": o(r)("gateway_services.empty_state_v2.create"),
+                  appearance: "secondary",
+                  "can-create": () => n.canCreate(),
+                  "data-testid": "gateway-services-entity-empty-state",
+                  description: o(r)("gateway_services.empty_state_v2.description"),
+                  "learn-more": n.config.app === "konnect",
+                  title: o(r)("gateway_services.empty_state_v2.title"),
+                  "onClick:create": V,
+                  "onClick:learnMore": s[3] || (s[3] = ($) => u.$emit("click:learn-more"))
+                }, Ee({
+                  image: f(() => [
+                    k("div", kt, [
+                      d(o(qe), {
+                        color: o(_t),
+                        size: o(bt)
+                      }, null, 8, ["color", "size"])
+                    ])
+                  ]),
+                  _: 2
+                }, [
+                  (m = n.config) != null && m.isControlPlaneGroup ? {
+                    name: "message",
+                    fn: f(() => [
+                      R(y(o(r)("gateway_services.empty_state_v2.group")), 1)
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]), 1032, ["action-button-text", "can-create", "description", "learn-more", "title"])
+              ];
+            }),
             key: "1"
           } : void 0
         ]), 1032, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers", "onState"]),
-        d(o(et), {
-          action: W.value.action,
-          "entity-id": W.value.id,
-          "entity-name": W.value.name,
-          "entity-type": o(s)("glossary.gateway_services"),
-          "on-confirm": we,
-          visible: H.value,
-          onCancel: Z,
-          onProceed: Z
+        d(o(Ye), {
+          action: Q.value.action,
+          "entity-id": Q.value.id,
+          "entity-name": Q.value.name,
+          "entity-type": o(r)("glossary.gateway_services"),
+          "on-confirm": ke,
+          visible: z.value,
+          onCancel: ae,
+          onProceed: ae
         }, null, 8, ["action", "entity-id", "entity-name", "entity-type", "visible"]),
-        d(o(tt), {
-          "action-pending": ee.value,
-          description: o(s)("actions.delete.description"),
-          "entity-name": x.value && (x.value.name || x.value.id),
-          "entity-type": o(lt).GatewayService,
-          error: K.value,
-          title: o(s)("actions.delete.title"),
-          visible: j.value,
-          onCancel: t,
-          onProceed: i
+        d(o(et), {
+          "action-pending": j.value,
+          description: o(r)("actions.delete.description"),
+          "entity-name": B.value && (B.value.name || B.value.id),
+          "entity-type": o(tt).GatewayService,
+          error: X.value,
+          title: o(r)("actions.delete.title"),
+          visible: K.value,
+          onCancel: v,
+          onProceed: M
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
       ]);
     };
   }
-}), Be = (a, B) => {
-  const p = a.__vccOpts || a;
-  for (const [u, s] of B)
-    p[u] = s;
+}), Be = (n, D) => {
+  const p = n.__vccOpts || n;
+  for (const [c, r] of D)
+    p[c] = r;
   return p;
-}, Qt = /* @__PURE__ */ Be(St, [["__scopeId", "data-v-fa0c855e"]]), It = { class: "kong-ui-entities-gateway-service-form" }, Tt = {
-  key: 0,
-  class: "gateway-service-form-general-info"
-}, Pt = { class: "gateway-service-form-group-selection-wrapper" }, Et = {
+}, zt = /* @__PURE__ */ Be(Vt, [["__scopeId", "data-v-ee4f8a6d"]]), St = { class: "kong-ui-entities-gateway-service-form" }, It = { key: 0 }, Tt = { class: "gateway-service-form-traffic-label" }, Et = { class: "gateway-service-form-margin-bottom" }, Pt = {
   key: 0,
   class: "gateway-service-form-group-fields"
 }, Ut = {
-  key: 0,
+  key: 1,
   class: "gateway-service-form-group-fields"
-}, Rt = { key: 0 }, Mt = {
-  key: 0,
-  class: "gateway-service-form-advanced-fields"
-}, At = { class: "gateway-service-form-margin-bottom" }, $t = { class: "gateway-service-form-margin-bottom" }, xt = { class: "gateway-service-form-margin-bottom" }, Ft = { class: "gateway-service-form-margin-bottom" }, Bt = {
+}, Rt = { key: 0 }, Mt = { class: "gateway-service-form-margin-top" }, $t = { class: "gateway-service-form-margin-bottom" }, xt = { class: "gateway-service-form-margin-bottom" }, At = { class: "gateway-service-form-margin-bottom" }, Ft = { class: "gateway-service-form-margin-bottom" }, Bt = {
   key: 0,
   class: "gateway-service-form-margin-bottom"
-}, Dt = {
+}, Lt = {
   key: 1,
   class: "gateway-service-form-margin-bottom"
-}, Kt = {
+}, Dt = {
   key: 2,
   class: "gateway-service-form-margin-bottom"
-}, Lt = {
+}, Gt = {
   key: 0,
   class: "checkbox-aligned-radio"
-}, qt = {
+}, Kt = {
   key: 1,
   class: "checkbox-aligned-radio"
-}, Nt = { class: "gateway-service-form-tags" }, Ot = /* @__PURE__ */ Pe({
+}, qt = /* @__PURE__ */ Te({
   __name: "GatewayServiceForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
     config: {
       type: Object,
       required: !0,
-      validator: (a) => !(!a || !["konnect", "kongManager"].includes(a == null ? void 0 : a.app) || a.app === "konnect" && !a.controlPlaneId || a.app === "kongManager" && typeof a.workspace != "string" || !a.cancelRoute)
+      validator: (n) => !(!n || !["konnect", "kongManager"].includes(n == null ? void 0 : n.app) || n.app === "konnect" && !n.controlPlaneId || n.app === "kongManager" && typeof n.workspace != "string" || !n.cancelRoute)
     },
     /** If a valid Gateway Service ID is provided, it will put the form in Edit mode instead of Create */
     gatewayServiceId: {
@@ -770,18 +769,12 @@ const me = {
       type: Boolean,
       required: !1,
       default: !1
-    },
-    /** Whether show or hide Try sample API button */
-    hideTrySampleAPIButton: {
-      type: Boolean,
-      required: !1,
-      default: !1
     }
   },
-  emits: ["update", "error", "url-valid:success", "url-valid:error", "loading", "model-updated", "try-sample-api"],
-  setup(a, { expose: B, emit: p }) {
-    var ne;
-    const u = p, s = a, U = T(!0), N = $e(), { i18nT: L, i18n: { t: r } } = me.useI18n(), { getMessageFromError: P } = ot(), { axiosInstance: w } = xe((ne = s.config) == null ? void 0 : ne.axiosRequestConfig), ve = it(), ge = b(() => ie.form[s.config.app].edit), q = b(() => s.gatewayServiceId ? Me.Edit : Me.Create), ye = T(!1), O = b(() => !!s.gatewayServiceId), y = T(O.value ? "protocol" : "url"), Q = me.usePortFromProtocol(), D = T(""), _e = b(() => !!D.value), e = Ue({
+  emits: ["update", "error", "url-valid:success", "url-valid:error", "loading", "model-updated"],
+  setup(n, { expose: D, emit: p }) {
+    var X;
+    const c = p, r = n, x = E(!0), N = xe(), { i18nT: q, i18n: { t: a } } = ve.useI18n(), { getMessageFromError: P } = ot(), { axiosInstance: C } = Ae((X = r.config) == null ? void 0 : X.axiosRequestConfig), ge = lt(), ye = b(() => se.form[r.config.app].edit), O = b(() => r.gatewayServiceId ? Me.Edit : Me.Create), _e = E(!1), H = b(() => !!r.gatewayServiceId), _ = E(H.value ? "protocol" : "url"), Y = ve.usePortFromProtocol(), G = E(""), be = b(() => !!G.value), e = Ue({
       fields: {
         name: "",
         protocol: "http",
@@ -801,7 +794,7 @@ const me = {
       },
       isReadonly: !1,
       errorMessage: ""
-    }), h = Ue({
+    }), w = Ue({
       name: "",
       protocol: "http",
       host: "",
@@ -817,121 +810,119 @@ const me = {
       tls_verify_enabled: !1,
       tls_verify_value: !1,
       tags: ""
-    }), X = s.config.app === "konnect" || st({
-      gatewayInfo: s.config.gatewayInfo,
+    }), ee = r.config.app === "konnect" || it({
+      gatewayInfo: r.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"]
       }
-    }), be = [
+    }), he = [
       {
-        label: r("gateway_services.form.fields.protocol.options.http"),
+        label: a("gateway_services.form.fields.protocol.options.http"),
         value: "http",
         group: "http"
       },
       {
-        label: r("gateway_services.form.fields.protocol.options.https"),
+        label: a("gateway_services.form.fields.protocol.options.https"),
         value: "https",
         group: "http"
       },
       {
-        label: r("gateway_services.form.fields.protocol.options.tcp"),
+        label: a("gateway_services.form.fields.protocol.options.tcp"),
         value: "tcp",
         group: "tcp"
       },
       {
-        label: r("gateway_services.form.fields.protocol.options.tls"),
+        label: a("gateway_services.form.fields.protocol.options.tls"),
         value: "tls",
         group: "tcp"
       },
       {
-        label: r("gateway_services.form.fields.protocol.options.tls_passthrough"),
+        label: a("gateway_services.form.fields.protocol.options.tls_passthrough"),
         value: "tls_passthrough",
         group: "tcp"
       },
       {
-        label: r("gateway_services.form.fields.protocol.options.grpc"),
+        label: a("gateway_services.form.fields.protocol.options.grpc"),
         value: "grpc",
         group: "grpc"
       },
       {
-        label: r("gateway_services.form.fields.protocol.options.grpcs"),
+        label: a("gateway_services.form.fields.protocol.options.grpcs"),
         value: "grpcs",
         group: "grpc"
       },
-      ...X ? [
+      ...ee ? [
         {
-          label: r("gateway_services.form.fields.protocol.options.ws"),
+          label: a("gateway_services.form.fields.protocol.options.ws"),
           value: "ws",
           group: "websocket"
         },
         {
-          label: r("gateway_services.form.fields.protocol.options.wss"),
+          label: a("gateway_services.form.fields.protocol.options.wss"),
           value: "wss",
           group: "websocket"
         }
       ] : [],
       {
-        label: r("gateway_services.form.fields.protocol.options.udp"),
+        label: a("gateway_services.form.fields.protocol.options.udp"),
         value: "udp",
         group: "udp"
       }
-    ], se = { url: "url", protocol: "protocol" }, z = (t, i) => {
+    ], re = { url: "url", protocol: "protocol" }, J = (t, i) => {
       i.value;
-    }, G = (t) => t ? parseFloat(t) : 0, H = () => {
-      U.value = !0, e.errorMessage = "", e.fields.host = h.host, e.fields.path = h.path, e.fields.port = h.port, e.fields.protocol = h.protocol, e.fields.url = h.url, e.fields.retries = h.retries, e.fields.connect_timeout = h.connect_timeout, e.fields.write_timeout = h.write_timeout, e.fields.read_timeout = h.read_timeout, e.fields.client_certificate = h.client_certificate, e.fields.ca_certificates = h.ca_certificates, e.fields.tls_verify_enabled = h.tls_verify_enabled, e.fields.tls_verify_value = h.tls_verify_value;
-    }, E = () => {
-      W();
-    }, W = () => {
-      if (e.fields.url && y.value === "url")
+    }, W = (t) => t ? parseFloat(t) : 0, z = () => {
+      x.value = !0, e.errorMessage = "", e.fields.host = w.host, e.fields.path = w.path, e.fields.port = w.port, e.fields.protocol = w.protocol, e.fields.url = w.url, e.fields.retries = w.retries, e.fields.connect_timeout = w.connect_timeout, e.fields.write_timeout = w.write_timeout, e.fields.read_timeout = w.read_timeout, e.fields.client_certificate = w.client_certificate, e.fields.ca_certificates = w.ca_certificates, e.fields.tls_verify_enabled = w.tls_verify_enabled, e.fields.tls_verify_value = w.tls_verify_value;
+    }, T = () => {
+      if (e.fields.url && _.value === "url")
         try {
           const t = new URL(e.fields.url);
           e.errorMessage = "", e.fields.protocol = t.protocol.slice(0, -1), e.fields.host = t.hostname, e.fields.path = t.pathname;
           const i = Number(t.port);
-          ye.value = !!i, e.fields.port = i || Q.getPortFromProtocol(e.fields.protocol), e.errorMessage = "", u("url-valid:success");
+          _e.value = !!i, e.fields.port = i || Y.getPortFromProtocol(e.fields.protocol), e.errorMessage = "", c("url-valid:success");
         } catch (t) {
-          e.errorMessage = r("errors.urlErrorMessage"), u("url-valid:error", P(t));
+          e.errorMessage = a("errors.urlErrorMessage"), c("url-valid:error", P(t));
         }
       else
-        u("url-valid:success"), e.errorMessage = "";
-    }, he = () => "new-service", Z = b(() => !["tcp", "tls", "tls_passthrough", "grpc", "grpcs", "udp"].includes(e.fields.protocol)), we = b(() => {
-      if (y.value === "url")
+        c("url-valid:success"), e.errorMessage = "";
+    }, Q = b(() => !["tcp", "tls", "tls_passthrough", "grpc", "grpcs", "udp"].includes(e.fields.protocol)), we = b(() => {
+      if (_.value === "url")
         return !0;
       const t = ["https", "wss", "tls"].includes(e.fields.protocol);
-      return y.value === "protocol" && t;
-    }), ke = b(() => {
-      if (y.value === "url")
+      return _.value === "protocol" && t;
+    }), ae = b(() => {
+      if (_.value === "url")
         return !0;
       const t = ["https", "tls"].includes(e.fields.protocol);
-      return y.value === "protocol" && t;
-    }), Ce = b(() => {
-      if (y.value === "url")
+      return _.value === "protocol" && t;
+    }), ke = b(() => {
+      if (_.value === "url")
         return !0;
       const t = ["https", "wss", "tls"].includes(e.fields.protocol);
-      return y.value === "protocol" && t;
-    }), Ve = (t) => {
-      D.value = ve.utf8Name(t);
-    }, Y = b(() => O.value && JSON.stringify(e.fields) !== JSON.stringify(h) || y.value === "url" && !!e.fields.url || y.value === "protocol" && !!e.fields.host), re = (t) => {
-      var i, _, S;
-      e.fields.name = (t == null ? void 0 : t.name) || "", e.fields.tags = ((i = t == null ? void 0 : t.tags) == null ? void 0 : i.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 = ((_ = t == null ? void 0 : t.ca_certificates) == null ? void 0 : _.join(",")) || "", e.fields.client_certificate = ((S = t == null ? void 0 : t.client_certificate) == null ? void 0 : S.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(h, e.fields);
-    }, ae = () => {
-      N.push(s.config.cancelRoute);
-    }, x = b(() => {
-      var i, _;
-      let t = `${s.config.apiBaseUrl}${ie.form[s.config.app].validate}`;
-      return s.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((i = s.config) == null ? void 0 : i.controlPlaneId) || "") : s.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (_ = s.config) != null && _.workspace ? `/${s.config.workspace}` : "")), t = t.replace(/{id}/gi, s.gatewayServiceId), t;
-    }), j = b(() => {
-      var i, _;
-      let t = `${s.config.apiBaseUrl}${ie.form[s.config.app][q.value]}`;
-      return s.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((i = s.config) == null ? void 0 : i.controlPlaneId) || "") : s.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (_ = s.config) != null && _.workspace ? `/${s.config.workspace}` : "")), t = t.replace(/{id}/gi, s.gatewayServiceId), t;
-    }), ee = (t) => {
+      return _.value === "protocol" && t;
+    }), Ce = (t) => {
+      G.value = ge.utf8Name(t);
+    }, te = b(() => H.value && JSON.stringify(e.fields) !== JSON.stringify(w) || _.value === "url" && !!e.fields.url || _.value === "protocol" && !!e.fields.host), ne = (t) => {
+      var i, v, M;
+      e.fields.name = (t == null ? void 0 : t.name) || "", e.fields.tags = ((i = t == null ? void 0 : t.tags) == null ? void 0 : i.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 = ((v = t == null ? void 0 : t.ca_certificates) == null ? void 0 : v.join(",")) || "", e.fields.client_certificate = ((M = t == null ? void 0 : t.client_certificate) == null ? void 0 : M.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(w, e.fields);
+    }, ce = () => {
+      N.push(r.config.cancelRoute);
+    }, Ve = b(() => {
+      var i, v;
+      let t = `${r.config.apiBaseUrl}${se.form[r.config.app].validate}`;
+      return r.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((i = r.config) == null ? void 0 : i.controlPlaneId) || "") : r.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (v = r.config) != null && v.workspace ? `/${r.config.workspace}` : "")), t = t.replace(/{id}/gi, r.gatewayServiceId), t;
+    }), oe = b(() => {
+      var i, v;
+      let t = `${r.config.apiBaseUrl}${se.form[r.config.app][O.value]}`;
+      return r.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((i = r.config) == null ? void 0 : i.controlPlaneId) || "") : r.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (v = r.config) != null && v.workspace ? `/${r.config.workspace}` : "")), t = t.replace(/{id}/gi, r.gatewayServiceId), t;
+    }), B = (t) => {
       let i = "";
       t.url && (i = new URL(t.url).protocol), (["https", "wss", "tls"].includes(t.protocol) || ["https", "wss", "tls"].includes(i)) && (t.tls_verify = t.tls_verify_enabled ? t.tls_verify_value : null), delete t.tls_verify_enabled, delete t.tls_verify_value;
     }, K = b(() => {
-      var i, _, S, g;
+      var i, v, M, V;
       const t = {
         name: e.fields.name || null,
-        tags: e.fields.tags ? (S = (_ = (i = e.fields.tags) == null ? void 0 : i.split(",")) == null ? void 0 : _.map((n) => String(n || "").trim())) == null ? void 0 : S.filter((n) => n !== "") : null,
+        tags: e.fields.tags ? (M = (v = (i = e.fields.tags) == null ? void 0 : i.split(",")) == null ? void 0 : v.map((h) => String(h || "").trim())) == null ? void 0 : M.filter((h) => h !== "") : null,
         protocol: e.fields.protocol,
         path: e.fields.path || null,
         read_timeout: e.fields.read_timeout,
@@ -940,456 +931,426 @@ const me = {
         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 ? (g = e.fields.ca_certificates) == null ? void 0 : g.split(",").filter((n) => n !== "") : null,
+        ca_certificates: e.fields.ca_certificates ? (V = e.fields.ca_certificates) == null ? void 0 : V.split(",").filter((h) => h !== "") : 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), Z.value || (t.path = null), q.value === "create" ? y.value === "url" ? (delete t.protocol, delete t.host, delete t.path, s.config.app === "konnect" && delete t.port) : delete t.url : q.value === "edit" && delete t.url, t;
-    }), te = async () => {
-      var t, i, _, S;
+      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), Q.value || (t.path = null), O.value === "create" ? _.value === "url" ? (delete t.protocol, delete t.host, delete t.path, r.config.app === "konnect" && delete t.port) : delete t.url : O.value === "edit" && delete t.url, t;
+    }), j = async () => {
+      var t, i, v, M;
       try {
-        e.isReadonly = !0, W();
-        const g = K.value;
-        ee(g);
-        let n;
-        if (await w.post(x.value, g), q.value === "create" ? n = await w.post(j.value, g) : q.value === "edit" && (n = ((t = s.config) == null ? void 0 : t.app) === "konnect" ? await w.put(j.value, g) : await w.patch(j.value, g)), n) {
-          const { data: l } = n;
-          e.fields.name = (l == null ? void 0 : l.name) || "", e.fields.port = l.port || Q.getPortFromProtocol(l.protocol), e.fields.protocol = (l == null ? void 0 : l.protocol) || "http", e.fields.host = (l == null ? void 0 : l.host) || "", e.fields.path = (l == null ? void 0 : l.path) || "", e.fields.url = (l == null ? void 0 : l.url) || "", e.fields.retries = l != null && l.retries || (l == null ? void 0 : l.retries) === 0 ? l == null ? void 0 : l.retries : 5, e.fields.connect_timeout = l != null && l.connect_timeout || (l == null ? void 0 : l.connect_timeout) === 0 ? l == null ? void 0 : l.connect_timeout : 6e4, e.fields.write_timeout = l != null && l.write_timeout || (l == null ? void 0 : l.write_timeout) === 0 ? l == null ? void 0 : l.write_timeout : 6e4, e.fields.read_timeout = l != null && l.read_timeout || (l == null ? void 0 : l.read_timeout) === 0 ? l == null ? void 0 : l.read_timeout : 6e4, e.fields.client_certificate = ((i = l == null ? void 0 : l.client_certificate) == null ? void 0 : i.id) || "", e.fields.ca_certificates = (_ = l == null ? void 0 : l.ca_certificates) != null && _.length ? l == null ? void 0 : l.ca_certificates.join(",") : "", e.fields.tls_verify_enabled = (l == null ? void 0 : l.tls_verify) !== "" && (l == null ? void 0 : l.tls_verify) !== null && (l == null ? void 0 : l.tls_verify) !== void 0, e.fields.tls_verify_value = e.fields.tls_verify_enabled && (l == null ? void 0 : l.tls_verify), e.fields.tags = (S = l == null ? void 0 : l.tags) != null && S.length ? l.tags.join(", ") : "", Object.assign(h, e.fields), u("update", n == null ? void 0 : n.data);
+        e.isReadonly = !0, T();
+        const V = K.value;
+        B(V);
+        let h;
+        if (await C.post(Ve.value, V), O.value === "create" ? h = await C.post(oe.value, V) : O.value === "edit" && (h = ((t = r.config) == null ? void 0 : t.app) === "konnect" ? await C.put(oe.value, V) : await C.patch(oe.value, V)), h) {
+          const { data: l } = h;
+          e.fields.name = (l == null ? void 0 : l.name) || "", e.fields.port = l.port || Y.getPortFromProtocol(l.protocol), e.fields.protocol = (l == null ? void 0 : l.protocol) || "http", e.fields.host = (l == null ? void 0 : l.host) || "", e.fields.path = (l == null ? void 0 : l.path) || "", e.fields.url = (l == null ? void 0 : l.url) || "", e.fields.retries = l != null && l.retries || (l == null ? void 0 : l.retries) === 0 ? l == null ? void 0 : l.retries : 5, e.fields.connect_timeout = l != null && l.connect_timeout || (l == null ? void 0 : l.connect_timeout) === 0 ? l == null ? void 0 : l.connect_timeout : 6e4, e.fields.write_timeout = l != null && l.write_timeout || (l == null ? void 0 : l.write_timeout) === 0 ? l == null ? void 0 : l.write_timeout : 6e4, e.fields.read_timeout = l != null && l.read_timeout || (l == null ? void 0 : l.read_timeout) === 0 ? l == null ? void 0 : l.read_timeout : 6e4, e.fields.client_certificate = ((i = l == null ? void 0 : l.client_certificate) == null ? void 0 : i.id) || "", e.fields.ca_certificates = (v = l == null ? void 0 : l.ca_certificates) != null && v.length ? l == null ? void 0 : l.ca_certificates.join(",") : "", e.fields.tls_verify_enabled = (l == null ? void 0 : l.tls_verify) !== "" && (l == null ? void 0 : l.tls_verify) !== null && (l == null ? void 0 : l.tls_verify) !== void 0, e.fields.tls_verify_value = e.fields.tls_verify_enabled && (l == null ? void 0 : l.tls_verify), e.fields.tags = (M = l == null ? void 0 : l.tags) != null && M.length ? l.tags.join(", ") : "", Object.assign(w, e.fields), c("update", h == null ? void 0 : h.data);
         }
-        return n;
-      } catch (g) {
-        e.errorMessage = P(g), u("error", g);
+        return h;
+      } catch (V) {
+        e.errorMessage = P(V), c("error", V);
       } finally {
         e.isReadonly = !1;
       }
     };
-    return Te(() => s.gatewayServiceId, () => {
-      Object.assign(e.fields, h);
-    }), Te(e.fields, (t) => {
-      e.fields.port = Q.getPortFromProtocol(t.protocol, String(t.port)), u("model-updated", K.value);
-    }), Le(() => {
-      u("model-updated", K.value), O.value || (e.fields.name = he());
-    }), B({
-      validateUrl: W,
+    return Ie(() => r.gatewayServiceId, () => {
+      Object.assign(e.fields, w);
+    }), Ie(e.fields, (t) => {
+      e.fields.port = Y.getPortFromProtocol(t.protocol, String(t.port)), c("model-updated", K.value);
+    }), De(() => {
+      c("model-updated", K.value);
+    }), D({
+      validateUrl: T,
       getPayload: K,
-      saveFormData: te,
-      canSubmit: Y,
-      initForm: re
+      saveFormData: j,
+      canSubmit: te,
+      initForm: ne
     }), (t, i) => {
-      const _ = $("KRadio"), S = $("KButton"), g = $("KInput"), n = $("KSelect"), l = $("KCheckbox"), v = $("KCollapse");
-      return k(), I("div", It, [
-        d(o(rt), {
-          "can-submit": Y.value,
-          config: a.config,
-          "edit-id": a.gatewayServiceId,
+      const v = F("KInput"), M = F("KLabel"), V = F("KRadio"), h = F("KSelect"), l = F("KCheckbox"), u = F("KCollapse");
+      return S(), U("div", St, [
+        d(o(st), {
+          "can-submit": te.value,
+          config: n.config,
+          "edit-id": n.gatewayServiceId,
           "entity-type": o(Fe).GatewayService,
           "error-message": e.errorMessage,
-          "fetch-url": ge.value,
+          "fetch-url": ye.value,
           "form-fields": K.value,
           "is-readonly": e.isReadonly,
-          onCancel: ae,
-          "onFetch:error": i[25] || (i[25] = (c) => t.$emit("error", c)),
-          "onFetch:success": re,
-          onLoading: i[26] || (i[26] = (c) => t.$emit("loading", c)),
-          onSubmit: te
+          onCancel: ce,
+          "onFetch:error": i[25] || (i[25] = (s) => t.$emit("error", s)),
+          "onFetch:success": ne,
+          onLoading: i[26] || (i[26] = (s) => t.$emit("loading", s)),
+          onSubmit: j
         }, {
           "form-actions": f(() => [
-            qe(t.$slots, "form-actions", {
-              canSubmit: Y.value,
-              cancel: ae,
-              submit: te
+            Ge(t.$slots, "form-actions", {
+              canSubmit: te.value,
+              cancel: ce,
+              submit: j
             }, void 0, !0)
           ]),
           default: f(() => [
-            d(o(Ae), {
-              description: o(r)("gateway_services.form.sections.keys.description"),
-              "hide-info-header": a.hideSectionsInfo,
-              title: o(r)("gateway_services.form.sections.keys.title")
+            d(o($e), {
+              description: o(a)("gateway_services.form.sections.general.description"),
+              "hide-info-header": n.hideSectionsInfo,
+              title: o(a)("gateway_services.form.sections.general.title")
             }, {
               default: f(() => [
-                O.value ? A("", !0) : (k(), I("div", Tt, [
-                  C("div", Pt, [
-                    d(_, {
-                      modelValue: y.value,
-                      "onUpdate:modelValue": i[0] || (i[0] = (c) => y.value = c),
-                      card: "",
-                      "card-orientation": "horizontal",
+                d(v, {
+                  modelValue: e.fields.name,
+                  "onUpdate:modelValue": i[0] || (i[0] = (s) => e.fields.name = s),
+                  modelModifiers: { trim: !0 },
+                  autocomplete: "off",
+                  "data-testid": "gateway-service-name-input",
+                  error: be.value,
+                  "error-message": G.value,
+                  label: o(a)("gateway_services.form.fields.name.label"),
+                  "label-attributes": {
+                    info: o(a)("gateway_services.form.fields.name.tooltip"),
+                    tooltipAttributes: { maxWidth: "400" }
+                  },
+                  name: "name",
+                  placeholder: o(a)("gateway_services.form.fields.name.placeholder"),
+                  readonly: e.isReadonly,
+                  type: "text",
+                  onInput: Ce
+                }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder", "readonly"]),
+                d(v, {
+                  modelValue: e.fields.tags,
+                  "onUpdate:modelValue": i[1] || (i[1] = (s) => e.fields.tags = s),
+                  modelModifiers: { trim: !0 },
+                  autocomplete: "off",
+                  "data-testid": "gateway-service-tags-input",
+                  help: o(a)("gateway_services.form.fields.tags.help"),
+                  label: o(a)("gateway_services.form.fields.tags.label"),
+                  "label-attributes": {
+                    info: o(a)("gateway_services.form.fields.tags.tooltip"),
+                    tooltipAttributes: { maxWidth: "400" }
+                  },
+                  name: "tags",
+                  placeholder: o(a)("gateway_services.form.fields.tags.placeholder"),
+                  readonly: e.isReadonly,
+                  type: "text"
+                }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"])
+              ]),
+              _: 1
+            }, 8, ["description", "hide-info-header", "title"]),
+            d(o($e), {
+              description: o(a)("gateway_services.form.sections.keys.description"),
+              "hide-info-header": n.hideSectionsInfo,
+              title: o(a)("gateway_services.form.sections.keys.title")
+            }, {
+              default: f(() => [
+                H.value ? L("", !0) : (S(), U("div", It, [
+                  k("div", Tt, [
+                    d(M, { required: "" }, {
+                      default: f(() => [
+                        R(y(o(a)("gateway_services.form.sections.keys.checkedGroupLabel")), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  k("div", Et, [
+                    d(V, {
+                      modelValue: _.value,
+                      "onUpdate:modelValue": i[2] || (i[2] = (s) => _.value = s),
                       "data-testid": "gateway-service-url-radio",
-                      description: o(r)("gateway_services.form.sections.keys.url.description"),
-                      label: o(r)("gateway_services.form.sections.keys.url.label"),
-                      "selected-value": se.url,
-                      onChange: H
-                    }, null, 8, ["modelValue", "description", "label", "selected-value"]),
-                    d(_, {
-                      modelValue: y.value,
-                      "onUpdate:modelValue": i[1] || (i[1] = (c) => y.value = c),
-                      card: "",
-                      "card-orientation": "horizontal",
-                      "checked-group": "protocol",
-                      "data-testid": "gateway-service-protocol-radio",
-                      description: o(r)("gateway_services.form.sections.keys.protocol.description"),
-                      label: o(r)("gateway_services.form.sections.keys.protocol.label"),
-                      "selected-value": se.protocol,
-                      onChange: H
-                    }, null, 8, ["modelValue", "description", "label", "selected-value"])
+                      "selected-value": re.url,
+                      onChange: z
+                    }, {
+                      default: f(() => [
+                        R(y(o(a)("gateway_services.form.sections.keys.urlLabel")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue", "selected-value"])
                   ]),
-                  d(Ie, { name: "slide-fade" }, {
+                  _.value === "url" ? (S(), U("div", Pt, [
+                    d(v, {
+                      modelValue: e.fields.url,
+                      "onUpdate:modelValue": i[3] || (i[3] = (s) => e.fields.url = s),
+                      modelModifiers: { trim: !0 },
+                      class: "gateway-service-url-input gateway-service-form-margin-bottom",
+                      "data-testid": "gateway-service-url-input",
+                      label: o(a)("gateway_services.form.fields.upstream_url.label"),
+                      "label-attributes": {
+                        info: n.config.app === "konnect" ? o(a)("gateway_services.form.fields.upstream_url.tooltip_for_konnect") : o(a)("gateway_services.form.fields.upstream_url.tooltip_for_km"),
+                        tooltipAttributes: { maxWidth: "400" }
+                      },
+                      name: "url",
+                      placeholder: o(a)("gateway_services.form.fields.upstream_url.placeholder"),
+                      required: ""
+                    }, null, 8, ["modelValue", "label", "label-attributes", "placeholder"])
+                  ])) : L("", !0),
+                  d(V, {
+                    modelValue: _.value,
+                    "onUpdate:modelValue": i[4] || (i[4] = (s) => _.value = s),
+                    "checked-group": "protocol",
+                    "data-testid": "gateway-service-protocol-radio",
+                    "selected-value": re.protocol,
+                    onChange: z
+                  }, {
                     default: f(() => [
-                      y.value === "url" ? (k(), I("div", Et, [
-                        d(g, {
-                          modelValue: e.fields.url,
-                          "onUpdate:modelValue": i[2] || (i[2] = (c) => e.fields.url = c),
-                          modelModifiers: { trim: !0 },
-                          class: "gateway-service-url-input gateway-service-form-margin-bottom",
-                          "data-testid": "gateway-service-url-input",
-                          label: o(r)("gateway_services.form.fields.upstream_url.label"),
-                          "label-attributes": {
-                            info: a.config.app === "konnect" ? o(r)("gateway_services.form.fields.upstream_url.tooltip_for_konnect") : o(r)("gateway_services.form.fields.upstream_url.tooltip_for_km"),
-                            tooltipAttributes: { maxWidth: "400" }
-                          },
-                          name: "url",
-                          placeholder: o(r)("gateway_services.form.fields.upstream_url.placeholder"),
-                          required: "",
-                          onInput: E
-                        }, {
-                          after: f(() => [
-                            d(S, {
-                              appearance: "tertiary",
-                              size: "small"
-                            }, {
-                              default: f(() => i[27] || (i[27] = [
-                                F(" Try Sample API ")
-                              ])),
-                              _: 1
-                            })
-                          ]),
-                          _: 1
-                        }, 8, ["modelValue", "label", "label-attributes", "placeholder"])
-                      ])) : A("", !0)
+                      R(y(o(a)("gateway_services.form.sections.keys.checkedGroupAltLabel")), 1)
                     ]),
                     _: 1
-                  })
+                  }, 8, ["modelValue", "selected-value"])
                 ])),
-                d(Ie, { name: "slide-fade" }, {
+                _.value === "protocol" || H.value ? (S(), U("div", Ut, [
+                  d(h, {
+                    modelValue: e.fields.protocol,
+                    "onUpdate:modelValue": i[5] || (i[5] = (s) => e.fields.protocol = s),
+                    "data-testid": "gateway-service-protocol-select",
+                    items: he,
+                    label: o(a)("gateway_services.form.fields.protocol.label"),
+                    "label-attributes": {
+                      info: o(a)("gateway_services.form.fields.protocol.tooltip"),
+                      tooltipAttributes: { maxWidth: "400" }
+                    },
+                    readonly: e.isReadonly,
+                    required: "",
+                    width: "100%",
+                    onSelected: i[6] || (i[6] = (s) => J(e.fields.protocol, s))
+                  }, null, 8, ["modelValue", "label", "label-attributes", "readonly"]),
+                  d(v, {
+                    modelValue: e.fields.host,
+                    "onUpdate:modelValue": i[7] || (i[7] = (s) => e.fields.host = s),
+                    modelModifiers: { trim: !0 },
+                    class: "gateway-service-form-margin-top",
+                    "data-testid": "gateway-service-host-input",
+                    label: o(a)("gateway_services.form.fields.host.label"),
+                    "label-attributes": {
+                      info: o(a)("gateway_services.form.fields.host.tooltip"),
+                      tooltipAttributes: { maxWidth: "400" }
+                    },
+                    name: "host",
+                    placeholder: o(a)("gateway_services.form.fields.host.placeholder"),
+                    required: ""
+                  }, null, 8, ["modelValue", "label", "label-attributes", "placeholder"]),
+                  Q.value ? (S(), U("div", Rt, [
+                    d(v, {
+                      modelValue: e.fields.path,
+                      "onUpdate:modelValue": i[8] || (i[8] = (s) => e.fields.path = s),
+                      modelModifiers: { trim: !0 },
+                      class: "gateway-service-form-margin-top",
+                      "data-testid": "gateway-service-path-input",
+                      label: o(a)("gateway_services.form.fields.path.label"),
+                      "label-attributes": {
+                        info: o(a)("gateway_services.form.fields.path.tooltip"),
+                        tooltipAttributes: { maxWidth: "400" }
+                      },
+                      name: "path",
+                      placeholder: o(a)("gateway_services.form.fields.path.placeholder")
+                    }, null, 8, ["modelValue", "label", "label-attributes", "placeholder"])
+                  ])) : L("", !0),
+                  d(v, {
+                    modelValue: e.fields.port,
+                    "onUpdate:modelValue": [
+                      i[9] || (i[9] = (s) => e.fields.port = s),
+                      i[10] || (i[10] = () => {
+                        e.fields.port = W(e.fields.port + "");
+                      })
+                    ],
+                    class: "gateway-service-form-margin-top",
+                    "data-testid": "gateway-service-port-input",
+                    label: o(a)("gateway_services.form.fields.port.label"),
+                    "label-attributes": {
+                      info: o(a)("gateway_services.form.fields.port.tooltip"),
+                      tooltipAttributes: { maxWidth: "400" }
+                    },
+                    name: "port",
+                    type: "number"
+                  }, null, 8, ["modelValue", "label", "label-attributes"])
+                ])) : L("", !0),
+                d(u, {
+                  modelValue: x.value,
+                  "onUpdate:modelValue": i[24] || (i[24] = (s) => x.value = s),
+                  "data-testid": "advanced-fields-collapse",
+                  "trigger-alignment": "leading",
+                  "trigger-label": o(a)("gateway_services.form.sections.keys.viewAdvancedFields")
+                }, {
                   default: f(() => [
-                    y.value === "protocol" || O.value ? (k(), I("div", Ut, [
-                      d(n, {
-                        modelValue: e.fields.protocol,
-                        "onUpdate:modelValue": i[3] || (i[3] = (c) => e.fields.protocol = c),
-                        "data-testid": "gateway-service-protocol-select",
-                        items: be,
-                        label: o(r)("gateway_services.form.fields.protocol.label"),
-                        "label-attributes": {
-                          info: o(r)("gateway_services.form.fields.protocol.tooltip"),
-                          tooltipAttributes: { maxWidth: "400" }
-                        },
-                        readonly: e.isReadonly,
-                        required: "",
-                        width: "100%",
-                        onSelected: i[4] || (i[4] = (c) => z(e.fields.protocol, c))
-                      }, null, 8, ["modelValue", "label", "label-attributes", "readonly"]),
-                      d(g, {
-                        modelValue: e.fields.host,
-                        "onUpdate:modelValue": i[5] || (i[5] = (c) => e.fields.host = c),
-                        modelModifiers: { trim: !0 },
-                        class: "gateway-service-form-margin-top",
-                        "data-testid": "gateway-service-host-input",
-                        label: o(r)("gateway_services.form.fields.host.label"),
-                        "label-attributes": {
-                          info: o(r)("gateway_services.form.fields.host.tooltip"),
-                          tooltipAttributes: { maxWidth: "400" }
-                        },
-                        name: "host",
-                        placeholder: o(r)("gateway_services.form.fields.host.placeholder"),
-                        required: ""
-                      }, null, 8, ["modelValue", "label", "label-attributes", "placeholder"]),
-                      Z.value ? (k(), I("div", Rt, [
-                        d(g, {
-                          modelValue: e.fields.path,
-                          "onUpdate:modelValue": i[6] || (i[6] = (c) => e.fields.path = c),
+                    k("div", Mt, [
+                      k("div", $t, [
+                        d(v, {
+                          modelValue: e.fields.retries,
+                          "onUpdate:modelValue": [
+                            i[11] || (i[11] = (s) => e.fields.retries = s),
+                            i[12] || (i[12] = () => {
+                              e.fields.retries = W(e.fields.retries + "");
+                            })
+                          ],
+                          autocomplete: "off",
+                          "data-testid": "gateway-service-retries-input",
+                          label: o(a)("gateway_services.form.fields.retries.label"),
+                          "label-attributes": {
+                            info: o(a)("gateway_services.form.fields.retries.tooltip"),
+                            tooltipAttributes: { maxWidth: "400" }
+                          },
+                          name: "retries",
+                          readonly: e.isReadonly,
+                          type: "number"
+                        }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
+                      ]),
+                      k("div", xt, [
+                        d(v, {
+                          modelValue: e.fields.connect_timeout,
+                          "onUpdate:modelValue": [
+                            i[13] || (i[13] = (s) => e.fields.connect_timeout = s),
+                            i[14] || (i[14] = () => {
+                              e.fields.connect_timeout = W(e.fields.connect_timeout + "");
+                            })
+                          ],
+                          autocomplete: "off",
+                          "data-testid": "gateway-service-connTimeout-input",
+                          label: o(a)("gateway_services.form.fields.connect_timeout.label"),
+                          "label-attributes": {
+                            info: o(a)("gateway_services.form.fields.connect_timeout.tooltip"),
+                            tooltipAttributes: { maxWidth: "400" }
+                          },
+                          name: "connTimeout",
+                          readonly: e.isReadonly,
+                          type: "number"
+                        }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
+                      ]),
+                      k("div", At, [
+                        d(v, {
+                          modelValue: e.fields.write_timeout,
+                          "onUpdate:modelValue": [
+                            i[15] || (i[15] = (s) => e.fields.write_timeout = s),
+                            i[16] || (i[16] = () => {
+                              e.fields.write_timeout = W(e.fields.write_timeout + "");
+                            })
+                          ],
+                          autocomplete: "off",
+                          "data-testid": "gateway-service-writeTimeout-input",
+                          label: o(a)("gateway_services.form.fields.write_timeout.label"),
+                          "label-attributes": {
+                            info: o(a)("gateway_services.form.fields.write_timeout.tooltip"),
+                            tooltipAttributes: { maxWidth: "400" }
+                          },
+                          name: "writeTimeout",
+                          readonly: e.isReadonly,
+                          type: "number"
+                        }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
+                      ]),
+                      k("div", Ft, [
+                        d(v, {
+                          modelValue: e.fields.read_timeout,
+                          "onUpdate:modelValue": [
+                            i[17] || (i[17] = (s) => e.fields.read_timeout = s),
+                            i[18] || (i[18] = () => {
+                              e.fields.read_timeout = W(e.fields.read_timeout + "");
+                            })
+                          ],
+                          autocomplete: "off",
+                          "data-testid": "gateway-service-readTimeout-input",
+                          label: o(a)("gateway_services.form.fields.read_timeout.label"),
+                          "label-attributes": {
+                            info: o(a)("gateway_services.form.fields.read_timeout.tooltip"),
+                            tooltipAttributes: { maxWidth: "400" }
+                          },
+                          name: "readTimeout",
+                          readonly: e.isReadonly,
+                          type: "number"
+                        }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
+                      ]),
+                      we.value ? (S(), U("div", Bt, [
+                        d(v, {
+                          modelValue: e.fields.client_certificate,
+                          "onUpdate:modelValue": i[19] || (i[19] = (s) => e.fields.client_certificate = s),
                           modelModifiers: { trim: !0 },
-                          class: "gateway-service-form-margin-top",
-                          "data-testid": "gateway-service-path-input",
-                          label: o(r)("gateway_services.form.fields.path.label"),
+                          autocomplete: "off",
+                          "data-testid": "gateway-service-clientCert-input",
+                          label: o(a)("gateway_services.form.fields.client_certificate.label"),
                           "label-attributes": {
-                            info: o(r)("gateway_services.form.fields.path.tooltip"),
+                            info: o(a)("gateway_services.form.fields.client_certificate.tooltip"),
                             tooltipAttributes: { maxWidth: "400" }
                           },
-                          name: "path",
-                          placeholder: o(r)("gateway_services.form.fields.path.placeholder")
-                        }, null, 8, ["modelValue", "label", "label-attributes", "placeholder"])
-                      ])) : A("", !0),
-                      d(g, {
-                        modelValue: e.fields.port,
-                        "onUpdate:modelValue": [
-                          i[7] || (i[7] = (c) => e.fields.port = c),
-                          i[8] || (i[8] = () => {
-                            e.fields.port = G(e.fields.port + "");
-                          })
-                        ],
-                        class: "gateway-service-form-margin-top",
-                        "data-testid": "gateway-service-port-input",
-                        label: o(r)("gateway_services.form.fields.port.label"),
-                        "label-attributes": {
-                          info: o(r)("gateway_services.form.fields.port.tooltip"),
-                          tooltipAttributes: { maxWidth: "400" }
-                        },
-                        name: "port",
-                        type: "number"
-                      }, null, 8, ["modelValue", "label", "label-attributes"])
-                    ])) : A("", !0)
-                  ]),
-                  _: 1
-                }),
-                d(v, {
-                  modelValue: U.value,
-                  "onUpdate:modelValue": i[22] || (i[22] = (c) => U.value = c),
-                  "data-testid": "advanced-fields-collapse",
-                  "trigger-alignment": "leading",
-                  "trigger-label": o(r)("gateway_services.form.sections.keys.viewAdvancedFields")
-                }, {
-                  default: f(() => [
-                    d(Ie, { name: "slide-fade" }, {
-                      default: f(() => [
-                        U.value ? A("", !0) : (k(), I("div", Mt, [
-                          C("div", At, [
-                            d(g, {
-                              modelValue: e.fields.retries,
-                              "onUpdate:modelValue": [
-                                i[9] || (i[9] = (c) => e.fields.retries = c),
-                                i[10] || (i[10] = () => {
-                                  e.fields.retries = G(e.fields.retries + "");
-                                })
-                              ],
-                              autocomplete: "off",
-                              "data-testid": "gateway-service-retries-input",
-                              label: o(r)("gateway_services.form.fields.retries.label"),
-                              "label-attributes": {
-                                info: o(r)("gateway_services.form.fields.retries.tooltip"),
-                                tooltipAttributes: { maxWidth: "400" }
-                              },
-                              name: "retries",
-                              readonly: e.isReadonly,
-                              type: "number"
-                            }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
-                          ]),
-                          C("div", $t, [
-                            d(g, {
-                              modelValue: e.fields.connect_timeout,
-                              "onUpdate:modelValue": [
-                                i[11] || (i[11] = (c) => e.fields.connect_timeout = c),
-                                i[12] || (i[12] = () => {
-                                  e.fields.connect_timeout = G(e.fields.connect_timeout + "");
-                                })
-                              ],
-                              autocomplete: "off",
-                              "data-testid": "gateway-service-connTimeout-input",
-                              label: o(r)("gateway_services.form.fields.connect_timeout.label"),
-                              "label-attributes": {
-                                info: o(r)("gateway_services.form.fields.connect_timeout.tooltip"),
-                                tooltipAttributes: { maxWidth: "400" }
-                              },
-                              name: "connTimeout",
-                              readonly: e.isReadonly,
-                              type: "number"
-                            }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
-                          ]),
-                          C("div", xt, [
-                            d(g, {
-                              modelValue: e.fields.write_timeout,
-                              "onUpdate:modelValue": [
-                                i[13] || (i[13] = (c) => e.fields.write_timeout = c),
-                                i[14] || (i[14] = () => {
-                                  e.fields.write_timeout = G(e.fields.write_timeout + "");
-                                })
-                              ],
-                              autocomplete: "off",
-                              "data-testid": "gateway-service-writeTimeout-input",
-                              label: o(r)("gateway_services.form.fields.write_timeout.label"),
-                              "label-attributes": {
-                                info: o(r)("gateway_services.form.fields.write_timeout.tooltip"),
-                                tooltipAttributes: { maxWidth: "400" }
-                              },
-                              name: "writeTimeout",
-                              readonly: e.isReadonly,
-                              type: "number"
-                            }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
-                          ]),
-                          C("div", Ft, [
-                            d(g, {
-                              modelValue: e.fields.read_timeout,
-                              "onUpdate:modelValue": [
-                                i[15] || (i[15] = (c) => e.fields.read_timeout = c),
-                                i[16] || (i[16] = () => {
-                                  e.fields.read_timeout = G(e.fields.read_timeout + "");
-                                })
-                              ],
-                              autocomplete: "off",
-                              "data-testid": "gateway-service-readTimeout-input",
-                              label: o(r)("gateway_services.form.fields.read_timeout.label"),
-                              "label-attributes": {
-                                info: o(r)("gateway_services.form.fields.read_timeout.tooltip"),
-                                tooltipAttributes: { maxWidth: "400" }
-                              },
-                              name: "readTimeout",
-                              readonly: e.isReadonly,
-                              type: "number"
-                            }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
-                          ]),
-                          we.value ? (k(), I("div", Bt, [
-                            d(g, {
-                              modelValue: e.fields.client_certificate,
-                              "onUpdate:modelValue": i[17] || (i[17] = (c) => e.fields.client_certificate = c),
-                              modelModifiers: { trim: !0 },
-                              autocomplete: "off",
-                              "data-testid": "gateway-service-clientCert-input",
-                              label: o(r)("gateway_services.form.fields.client_certificate.label"),
-                              "label-attributes": {
-                                info: o(r)("gateway_services.form.fields.client_certificate.tooltip"),
-                                tooltipAttributes: { maxWidth: "400" }
-                              },
-                              name: "clientCert",
-                              placeholder: o(r)("gateway_services.form.fields.client_certificate.placeholder"),
-                              readonly: e.isReadonly,
-                              type: "text"
-                            }, null, 8, ["modelValue", "label", "label-attributes", "placeholder", "readonly"])
-                          ])) : A("", !0),
-                          ke.value ? (k(), I("div", Dt, [
-                            d(g, {
-                              modelValue: e.fields.ca_certificates,
-                              "onUpdate:modelValue": i[18] || (i[18] = (c) => e.fields.ca_certificates = c),
-                              modelModifiers: { trim: !0 },
-                              autocomplete: "off",
-                              "data-testid": "gateway-service-ca-certs-input",
-                              label: o(r)("gateway_services.form.fields.ca_certificates.label"),
-                              "label-attributes": { tooltipAttributes: { maxWidth: "400" } },
-                              placeholder: o(r)("gateway_services.form.fields.ca_certificates.placeholder"),
-                              readonly: e.isReadonly,
-                              type: "text"
+                          name: "clientCert",
+                          placeholder: o(a)("gateway_services.form.fields.client_certificate.placeholder"),
+                          readonly: e.isReadonly,
+                          type: "text"
+                        }, null, 8, ["modelValue", "label", "label-attributes", "placeholder", "readonly"])
+                      ])) : L("", !0),
+                      ae.value ? (S(), U("div", Lt, [
+                        d(v, {
+                          modelValue: e.fields.ca_certificates,
+                          "onUpdate:modelValue": i[20] || (i[20] = (s) => e.fields.ca_certificates = s),
+                          modelModifiers: { trim: !0 },
+                          autocomplete: "off",
+                          "data-testid": "gateway-service-ca-certs-input",
+                          label: o(a)("gateway_services.form.fields.ca_certificates.label"),
+                          "label-attributes": { tooltipAttributes: { maxWidth: "400" } },
+                          placeholder: o(a)("gateway_services.form.fields.ca_certificates.placeholder"),
+                          readonly: e.isReadonly,
+                          type: "text"
+                        }, {
+                          "label-tooltip": f(() => [
+                            d(o(q), {
+                              keypath: "gateway_services.form.fields.ca_certificates.tooltip",
+                              scope: "global"
                             }, {
-                              "label-tooltip": f(() => [
-                                d(o(L), {
-                                  keypath: "gateway_services.form.fields.ca_certificates.tooltip",
-                                  scope: "global"
-                                }, {
-                                  code1: f(() => [
-                                    C("code", null, V(o(r)("gateway_services.form.fields.ca_certificates.code1")), 1)
-                                  ]),
-                                  code2: f(() => [
-                                    C("code", null, V(o(r)("gateway_services.form.fields.ca_certificates.code2")), 1)
-                                  ]),
-                                  _: 1
-                                })
+                              code1: f(() => [
+                                k("code", null, y(o(a)("gateway_services.form.fields.ca_certificates.code1")), 1)
+                              ]),
+                              code2: f(() => [
+                                k("code", null, y(o(a)("gateway_services.form.fields.ca_certificates.code2")), 1)
                               ]),
                               _: 1
-                            }, 8, ["modelValue", "label", "placeholder", "readonly"])
-                          ])) : A("", !0),
-                          Ce.value ? (k(), I("div", Kt, [
-                            d(l, {
-                              modelValue: e.fields.tls_verify_enabled,
-                              "onUpdate:modelValue": i[19] || (i[19] = (c) => e.fields.tls_verify_enabled = c),
-                              "data-testid": "gateway-service-tls-verify-checkbox",
-                              description: o(r)("gateway_services.form.fields.tls_verify_enabled.help"),
-                              label: o(r)("gateway_services.form.fields.tls_verify_enabled.label"),
-                              "label-attributes": { tooltipAttributes: { maxWidth: "400" } }
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue", "label", "placeholder", "readonly"])
+                      ])) : L("", !0),
+                      ke.value ? (S(), U("div", Dt, [
+                        d(l, {
+                          modelValue: e.fields.tls_verify_enabled,
+                          "onUpdate:modelValue": i[21] || (i[21] = (s) => e.fields.tls_verify_enabled = s),
+                          "data-testid": "gateway-service-tls-verify-checkbox",
+                          description: o(a)("gateway_services.form.fields.tls_verify_enabled.help"),
+                          label: o(a)("gateway_services.form.fields.tls_verify_enabled.label"),
+                          "label-attributes": { tooltipAttributes: { maxWidth: "400" } }
+                        }, {
+                          tooltip: f(() => [
+                            d(o(q), {
+                              keypath: "gateway_services.form.fields.tls_verify_enabled.tooltip",
+                              scope: "global"
                             }, {
-                              tooltip: f(() => [
-                                d(o(L), {
-                                  keypath: "gateway_services.form.fields.tls_verify_enabled.tooltip",
-                                  scope: "global"
-                                }, {
-                                  code1: f(() => [
-                                    C("code", null, V(o(r)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
-                                  ]),
-                                  _: 1
-                                })
+                              code1: f(() => [
+                                k("code", null, y(o(a)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
                               ]),
                               _: 1
-                            }, 8, ["modelValue", "description", "label"]),
-                            e.fields.tls_verify_enabled ? (k(), I("div", Lt, [
-                              d(_, {
-                                modelValue: e.fields.tls_verify_value,
-                                "onUpdate:modelValue": i[20] || (i[20] = (c) => e.fields.tls_verify_value = c),
-                                "data-testid": "gateway-service-tls-verify-true-option",
-                                label: o(r)("gateway_services.form.fields.tls_verify_option.true.label"),
-                                "selected-value": !0
-                              }, null, 8, ["modelValue", "label"])
-                            ])) : A("", !0),
-                            e.fields.tls_verify_enabled ? (k(), I("div", qt, [
-                              d(_, {
-                                modelValue: e.fields.tls_verify_value,
-                                "onUpdate:modelValue": i[21] || (i[21] = (c) => e.fields.tls_verify_value = c),
-                                "data-testid": "gateway-service-tls-verify-false-option",
-                                label: o(r)("gateway_services.form.fields.tls_verify_option.false.label"),
-                                "selected-value": !1
-                              }, null, 8, ["modelValue", "label"])
-                            ])) : A("", !0)
-                          ])) : A("", !0)
-                        ]))
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }, 8, ["modelValue", "trigger-label"])
-              ]),
-              _: 1
-            }, 8, ["description", "hide-info-header", "title"]),
-            d(o(Ae), {
-              description: o(r)("gateway_services.form.sections.general.description"),
-              "hide-info-header": a.hideSectionsInfo,
-              title: o(r)("gateway_services.form.sections.general.title")
-            }, {
-              default: f(() => [
-                d(g, {
-                  modelValue: e.fields.name,
-                  "onUpdate:modelValue": i[23] || (i[23] = (c) => e.fields.name = c),
-                  modelModifiers: { trim: !0 },
-                  autocomplete: "off",
-                  "data-testid": "gateway-service-name-input",
-                  error: _e.value,
-                  "error-message": D.value,
-                  label: o(r)("gateway_services.form.fields.name.label"),
-                  "label-attributes": {
-                    info: o(r)("gateway_services.form.fields.name.tooltip"),
-                    tooltipAttributes: { maxWidth: "400" }
-                  },
-                  name: "name",
-                  placeholder: o(r)("gateway_services.form.fields.name.placeholder"),
-                  readonly: e.isReadonly,
-                  type: "text",
-                  onInput: Ve
-                }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder", "readonly"]),
-                d(v, {
-                  "data-testid": "tags-collapse",
-                  "trigger-alignment": "leading",
-                  "trigger-label": o(r)("gateway_services.form.fields.tags.collapse")
-                }, {
-                  default: f(() => [
-                    C("div", Nt, [
-                      d(g, {
-                        modelValue: e.fields.tags,
-                        "onUpdate:modelValue": i[24] || (i[24] = (c) => e.fields.tags = c),
-                        modelModifiers: { trim: !0 },
-                        autocomplete: "off",
-                        "data-testid": "gateway-service-tags-input",
-                        help: o(r)("gateway_services.form.fields.tags.help"),
-                        label: o(r)("gateway_services.form.fields.tags.label"),
-                        "label-attributes": {
-                          info: o(r)("gateway_services.form.fields.tags.tooltip"),
-                          tooltipAttributes: { maxWidth: "400" }
-                        },
-                        name: "tags",
-                        placeholder: o(r)("gateway_services.form.fields.tags.placeholder"),
-                        readonly: e.isReadonly,
-                        type: "text"
-                      }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"])
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue", "description", "label"]),
+                        e.fields.tls_verify_enabled ? (S(), U("div", Gt, [
+                          d(V, {
+                            modelValue: e.fields.tls_verify_value,
+                            "onUpdate:modelValue": i[22] || (i[22] = (s) => e.fields.tls_verify_value = s),
+                            "data-testid": "gateway-service-tls-verify-true-option",
+                            label: o(a)("gateway_services.form.fields.tls_verify_option.true.label"),
+                            "selected-value": !0
+                          }, null, 8, ["modelValue", "label"])
+                        ])) : L("", !0),
+                        e.fields.tls_verify_enabled ? (S(), U("div", Kt, [
+                          d(V, {
+                            modelValue: e.fields.tls_verify_value,
+                            "onUpdate:modelValue": i[23] || (i[23] = (s) => e.fields.tls_verify_value = s),
+                            "data-testid": "gateway-service-tls-verify-false-option",
+                            label: o(a)("gateway_services.form.fields.tls_verify_option.false.label"),
+                            "selected-value": !1
+                          }, null, 8, ["modelValue", "label"])
+                        ])) : L("", !0)
+                      ])) : L("", !0)
                     ])
                   ]),
                   _: 1
-                }, 8, ["trigger-label"])
+                }, 8, ["modelValue", "trigger-label"])
               ]),
               _: 1
             }, 8, ["description", "hide-info-header", "title"])
@@ -1399,14 +1360,14 @@ const me = {
       ]);
     };
   }
-}), Xt = /* @__PURE__ */ Be(Ot, [["__scopeId", "data-v-c056f1f7"]]), Gt = { class: "kong-ui-gateway-service-entity-config-card" }, Zt = /* @__PURE__ */ Pe({
+}), Qt = /* @__PURE__ */ Be(qt, [["__scopeId", "data-v-35e0db56"]]), Ot = { class: "kong-ui-gateway-service-entity-config-card" }, Xt = /* @__PURE__ */ Te({
   __name: "GatewayServiceConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
     config: {
       type: Object,
       required: !0,
-      validator: (a) => !(!a || !["konnect", "kongManager"].includes(a == null ? void 0 : a.app) || a.app === "konnect" && !a.controlPlaneId || a.app === "kongManager" && typeof a.workspace != "string" || !a.entityId)
+      validator: (n) => !(!n || !["konnect", "kongManager"].includes(n == null ? void 0 : n.app) || n.app === "konnect" && !n.controlPlaneId || n.app === "kongManager" && typeof n.workspace != "string" || !n.entityId)
     },
     /**
      * External link for documentation that determines visibility of Documentation button
@@ -1425,8 +1386,8 @@ const me = {
     }
   },
   emits: ["loading", "fetch:error", "fetch:success"],
-  setup(a) {
-    const B = a, { i18n: { t: p }, i18nT: u } = me.useI18n(), s = b(() => ie.form[B.config.app].edit), { getPropValue: U } = at(), N = (r, P) => U(r, P) === !0 ? p("gateway_services.form.fields.tls_verify_option.true.display") : p("gateway_services.form.fields.tls_verify_option.false.display"), L = T({
+  setup(n) {
+    const D = n, { i18n: { t: p }, i18nT: c } = ve.useI18n(), r = b(() => se.form[D.config.app].edit), { getPropValue: x } = rt(), N = (a, P) => x(a, P) === !0 ? p("gateway_services.form.fields.tls_verify_option.true.display") : p("gateway_services.form.fields.tls_verify_option.false.display"), q = E({
       id: {},
       name: {
         tooltip: p("gateway_services.form.fields.name.tooltip")
@@ -1435,19 +1396,19 @@ const me = {
       updated_at: {},
       created_at: {},
       protocol: {
-        section: ue.Basic,
+        section: fe.Basic,
         tooltip: p("gateway_services.form.fields.protocol.tooltip")
       },
       host: {
-        section: ue.Basic,
+        section: fe.Basic,
         tooltip: p("gateway_services.form.fields.host.tooltip")
       },
       path: {
-        section: ue.Basic,
+        section: fe.Basic,
         tooltip: p("gateway_services.form.fields.path.tooltip")
       },
       port: {
-        section: ue.Basic,
+        section: fe.Basic,
         tooltip: p("gateway_services.form.fields.port.tooltip")
       },
       tags: {
@@ -1475,7 +1436,7 @@ const me = {
         tooltip: p("gateway_services.form.fields.client_certificate.tooltip")
       },
       ca_certificates: {
-        type: nt.BadgeTag,
+        type: at.BadgeTag,
         label: p("gateway_services.form.fields.ca_certificates.label"),
         order: 6
       },
@@ -1486,62 +1447,62 @@ const me = {
         hidden: !0
       }
     });
-    return (r, P) => (k(), I("div", Gt, [
-      d(o(ct), {
-        config: a.config,
-        "config-card-doc": a.configCardDoc,
-        "config-schema": L.value,
+    return (a, P) => (S(), U("div", Ot, [
+      d(o(nt), {
+        config: n.config,
+        "config-card-doc": n.configCardDoc,
+        "config-schema": q.value,
         "entity-type": o(Fe).GatewayService,
-        "fetch-url": s.value,
-        "hide-title": a.hideTitle,
-        "onFetch:error": P[0] || (P[0] = (w) => r.$emit("fetch:error", w)),
-        "onFetch:success": P[1] || (P[1] = (w) => r.$emit("fetch:success", w)),
-        onLoading: P[2] || (P[2] = (w) => r.$emit("loading", w))
+        "fetch-url": r.value,
+        "hide-title": n.hideTitle,
+        "onFetch:error": P[0] || (P[0] = (C) => a.$emit("fetch:error", C)),
+        "onFetch:success": P[1] || (P[1] = (C) => a.$emit("fetch:success", C)),
+        onLoading: P[2] || (P[2] = (C) => a.$emit("loading", C))
       }, {
         "enabled-label-tooltip": f(() => [
-          d(o(u), {
+          d(o(c), {
             keypath: "gateway_services.form.fields.enabled.tooltip",
             scope: "global"
           }, {
             false: f(() => [
-              C("code", null, V(o(p)("gateway_services.form.fields.enabled.false")), 1)
+              k("code", null, y(o(p)("gateway_services.form.fields.enabled.false")), 1)
             ]),
             true: f(() => [
-              C("code", null, V(o(p)("gateway_services.form.fields.enabled.true")), 1)
+              k("code", null, y(o(p)("gateway_services.form.fields.enabled.true")), 1)
             ]),
             _: 1
           })
         ]),
         "ca_certificates-label-tooltip": f(() => [
-          d(o(u), {
+          d(o(c), {
             keypath: "gateway_services.form.fields.ca_certificates.tooltip",
             scope: "global"
           }, {
             code1: f(() => [
-              C("code", null, V(o(p)("gateway_services.form.fields.ca_certificates.code1")), 1)
+              k("code", null, y(o(p)("gateway_services.form.fields.ca_certificates.code1")), 1)
             ]),
             code2: f(() => [
-              C("code", null, V(o(p)("gateway_services.form.fields.ca_certificates.code2")), 1)
+              k("code", null, y(o(p)("gateway_services.form.fields.ca_certificates.code2")), 1)
             ]),
             _: 1
           })
         ]),
         "tls_verify-label-tooltip": f(() => [
-          d(o(u), {
+          d(o(c), {
             keypath: "gateway_services.form.fields.tls_verify_enabled.tooltip",
             scope: "global"
           }, {
             code1: f(() => [
-              C("code", null, V(o(p)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
+              k("code", null, y(o(p)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
             ]),
             _: 1
           })
         ]),
-        tls_verify: f((w) => [
-          F(V(typeof o(U)("rowValue", w) == "boolean" ? N("rowValue", w) : o(p)("gateway_services.form.fields.tls_verify_option.unset.display")), 1)
+        tls_verify: f((C) => [
+          R(y(typeof o(x)("rowValue", C) == "boolean" ? N("rowValue", C) : o(p)("gateway_services.form.fields.tls_verify_option.unset.display")), 1)
         ]),
-        client_certificate: f((w) => [
-          F(V(o(U)("rowValue", w) ? o(U)("rowValue", w).id : "–"), 1)
+        client_certificate: f((C) => [
+          R(y(o(x)("rowValue", C) ? o(x)("rowValue", C).id : "–"), 1)
         ]),
         _: 1
       }, 8, ["config", "config-card-doc", "config-schema", "entity-type", "fetch-url", "hide-title"])
@@ -1549,7 +1510,7 @@ const me = {
   }
 });
 export {
-  Zt as GatewayServiceConfigCard,
-  Xt as GatewayServiceForm,
-  Qt as GatewayServiceList
+  Xt as GatewayServiceConfigCard,
+  Qt as GatewayServiceForm,
+  zt as GatewayServiceList
 };