@kong-ui-public/entities-plugins 9.24.2 → 9.25.0

package/dist/entities-plugins.es.js

@@ -15986,7 +15986,32 @@ const Mx = { class: "ff-form-section" }, Sx = { class: "header" }, kx = {
 }), Yx = /* @__PURE__ */ Ve(Hx, [["__scopeId", "data-v-c35fb0e2"]]), Nx = {
   ref: "editor-root",
   class: "editor"
-}, er = "YAML Syntax", Vx = /* @__PURE__ */ de({
+}, er = "YAML Syntax", Vx = `# Example YAML configuration
+
+# debug: true
+# nodes:
+# - name: API1
+#   type: call
+#   url: https://example.com/api1
+# - name: API2
+#   type: call
+#   url: https://example.com/api2
+# - name: JOIN
+#   inputs:
+#     api1: API1.body
+#     api2: API2.body
+#   jq: |
+#     {
+#         "api1_fact": .api1.fact,
+#         "api2_fact": .api2.fact,
+#     }
+#   type: jq
+# - name: EXIT
+#   type: exit
+#   inputs:
+#     body: JOIN
+#   status: 200
+`, Kx = /* @__PURE__ */ de({
   __name: "DatakitForm",
   props: {
     schema: {},
@@ -16012,10 +16037,12 @@ const Mx = { class: "ff-form-section" }, Sx = { class: "header" }, kx = {
         tabSize: 2,
         scrollbar: {
           alwaysConsumeMouseWheel: !1
-        }
-      }), i.value.setValue(Sl.dump(zd(t.model.config), {
-        schema: Ur
-      })), i.value.onDidChangeModelContent(() => {
+        },
+        autoIndent: "keep"
+      }), t.isEditing ? i.value.setValue(Sl.dump(zd(t.model.config), {
+        schema: Ur,
+        noArrayIndent: !0
+      })) : i.value.setValue(Vx), i.value.onDidChangeModelContent(() => {
         var o, s;
         const a = i.value.getModel(), r = i.value.getValue() || "";
         try {
@@ -16059,23 +16086,23 @@ const Mx = { class: "ff-form-section" }, Sx = { class: "header" }, kx = {
       _: 1
     }, 16));
   }
-}), Kx = /* @__PURE__ */ Ve(Vx, [["__scopeId", "data-v-529c2bce"]]), Ud = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), zx = /* @__PURE__ */ Ve(Kx, [["__scopeId", "data-v-5a23c07d"]]), Ud = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  DatakitForm: Kx,
+  DatakitForm: zx,
   RequestCalloutForm: ok,
   ServiceProtectionForm: ck
-}, Symbol.toStringTag, { value: "Module" })), zx = { class: "kong-ui-entities-plugin-form" }, Qx = {
+}, Symbol.toStringTag, { value: "Module" })), Qx = { class: "kong-ui-entities-plugin-form" }, Xx = {
   key: 1,
   class: "entity-form"
-}, Xx = { class: "plugin-config-empty-state" }, Tl = Object.keys(qc), xl = Object.keys(Ud);
+}, qx = { class: "plugin-config-empty-state" }, Tl = Object.keys(qc), xl = Object.keys(Ud);
 if ((/* @__PURE__ */ new Set([...Tl, ...xl])).size !== Tl.length + xl.length)
   throw new Error(
     "Duplicate form component names found in `sharedForms` and `freeForm`"
   );
-const qx = de({
+const Jx = de({
   components: { ...qc, ...Ud }
-}), Jx = /* @__PURE__ */ de({
-  ...qx,
+}), Wx = /* @__PURE__ */ de({
+  ...Jx,
   __name: "PluginEntityForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -16360,11 +16387,11 @@ const qx = de({
       var pe;
       const se = Y("KSkeleton"), he = Y("VueFormGenerator");
       return f(), S(fe, null, [
-        I("div", zx, [
+        I("div", Qx, [
           K.value ? (f(), T(se, {
             key: 0,
             type: "form"
-          })) : b.id && e.editing || !e.editing ? (f(), S("div", Qx, [
+          })) : b.id && e.editing || !e.editing ? (f(), S("div", Xx, [
             B.value ? (f(), T(Se(B.value), {
               key: 0,
               "form-model": b,
@@ -16415,7 +16442,7 @@ const qx = de({
               onShowNewPartialModal: W[0] || (W[0] = (ye) => oe.$emit("showNewPartialModal", ye))
             }, it({
               "plugin-config-empty-state": C(() => [
-                I("div", Xx, V(g(m)("plugins.form.grouping.plugin_configuration.empty")), 1)
+                I("div", qx, V(g(m)("plugins.form.grouping.plugin_configuration.empty")), 1)
               ]),
               _: 2
             }, [
@@ -16447,7 +16474,7 @@ const qx = de({
       ], 64);
     };
   }
-}), Wx = /* @__PURE__ */ Ve(Jx, [["__scopeId", "data-v-0288919d"]]), Zx = { key: 1 }, _x = /* @__PURE__ */ de({
+}), Zx = /* @__PURE__ */ Ve(Wx, [["__scopeId", "data-v-0288919d"]]), _x = { key: 1 }, $x = /* @__PURE__ */ de({
   __name: "PluginFormActionsWrapper",
   props: {
     teleportTarget: {
@@ -16461,11 +16488,11 @@ const qx = de({
       to: e.teleportTarget
     }, [
       xe(t.$slots, "default")
-    ], 8, ["to"])) : (f(), S("div", Zx, [
+    ], 8, ["to"])) : (f(), S("div", _x, [
       xe(t.$slots, "default")
     ]));
   }
-}), $x = Symbol("redis-partial-info"), e1 = { class: "kong-ui-entities-plugin-form-container" }, t1 = { key: 0 }, n1 = { class: "plugin-form-actions" }, i1 = /* @__PURE__ */ de({
+}), e1 = Symbol("redis-partial-info"), t1 = { class: "kong-ui-entities-plugin-form-container" }, n1 = { key: 0 }, i1 = { class: "plugin-form-actions" }, a1 = /* @__PURE__ */ de({
   __name: "PluginForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -16562,7 +16589,7 @@ const qx = de({
       credential: i.credential,
       experimentalRenders: i.config.app === "konnect" ? i.config.experimentalRenders : void 0
     }), { formatPluginFieldLabel: l } = Xe.usePluginHelpers(), { getMessageFromError: u } = Ji(), { capitalize: d } = wa(), { objectsAreEqual: c } = Ea(), { axiosInstance: A } = _t((re = i.config) == null ? void 0 : re.axiosRequestConfig), m = Q(!1), w = x(() => !!i.pluginId), v = x(() => i.pluginId ? En.Edit : En.Create), y = Q(void 0), E = Q(void 0), R = x(() => !!(i.credential && i.config.entityId)), B = Q(void 0), P = Q({}), F = Q(), h = Q();
-    tt($x, {
+    tt(e1, {
       redisType: F,
       redisPath: h,
       isEditing: w.value
@@ -17041,7 +17068,7 @@ const qx = de({
       }
     }), (G, z) => {
       const k = Y("KSkeleton"), be = Y("KEmptyState"), ge = Y("KButton"), Re = Y("KTabs"), le = Y("KSlideout");
-      return f(), S("div", e1, [
+      return f(), S("div", t1, [
         Ot.value ? (f(), T(k, {
           key: 0,
           type: "form"
@@ -17073,12 +17100,12 @@ const qx = de({
           onLoading: z[4] || (z[4] = (ve) => G.$emit("loading", ve))
         }, {
           "form-actions": C(() => [
-            e.isWizardStep ? (f(), S("div", t1)) : (f(), T(_x, {
+            e.isWizardStep ? (f(), S("div", n1)) : (f(), T($x, {
               key: 1,
               "teleport-target": e.actionsTeleportTarget
             }, {
               default: C(() => [
-                I("div", n1, [
+                I("div", i1, [
                   e.hideViewConfigAction ? _("", !0) : (f(), T(ge, {
                     key: 0,
                     appearance: "tertiary",
@@ -17124,7 +17151,7 @@ const qx = de({
               hidden: "",
               onSubmit: on
             }, null, 32),
-            M(Wx, {
+            M(Zx, {
               config: e.config,
               credential: R.value,
               editing: v.value === g(En).Edit,
@@ -17183,7 +17210,7 @@ const qx = de({
       ]);
     };
   }
-}), uP = /* @__PURE__ */ Ve(i1, [["__scopeId", "data-v-db714491"]]), a1 = ["alt", "height", "src", "width"], Ro = /* @__PURE__ */ de({
+}), dP = /* @__PURE__ */ Ve(a1, [["__scopeId", "data-v-db714491"]]), r1 = ["alt", "height", "src", "width"], Ro = /* @__PURE__ */ de({
   __name: "PluginIcon",
   props: {
     name: {
@@ -17214,18 +17241,18 @@ const qx = de({
       src: i.value,
       width: e.size,
       onError: a
-    }, null, 40, a1));
+    }, null, 40, r1));
   }
-}), r1 = "#00abd2", o1 = "16px", s1 = "24px", l1 = { class: "kong-ui-entities-plugins-list" }, c1 = { class: "button-row" }, u1 = { class: "empty-state-icon-gateway" }, d1 = { class: "name-cell-wrapper" }, p1 = { class: "info-wrapper" }, A1 = {
+}), o1 = "#00abd2", s1 = "16px", l1 = "24px", c1 = { class: "kong-ui-entities-plugins-list" }, u1 = { class: "button-row" }, d1 = { class: "empty-state-icon-gateway" }, p1 = { class: "name-cell-wrapper" }, A1 = { class: "info-wrapper" }, g1 = {
   key: 0,
   class: "info-name"
-}, g1 = {
+}, f1 = {
   key: 1,
   class: "info-name"
-}, f1 = {
+}, m1 = {
   key: 2,
   class: "info-type"
-}, m1 = { key: 1 }, h1 = /* @__PURE__ */ de({
+}, h1 = { key: 1 }, v1 = /* @__PURE__ */ de({
   __name: "PluginList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -17483,7 +17510,7 @@ const qx = de({
       await a.canCreate() && (jt.value.title = r("plugins.list.empty_state.title"), jt.value.ctaText = r("actions.create"));
     }), (te, re) => {
       const G = Y("KButton"), z = Y("KBadge"), k = Y("KTruncate"), be = Y("KInputSwitch"), ge = Y("KDropdownItem"), Re = Y("KClipboardProvider");
-      return f(), S("div", l1, [
+      return f(), S("div", c1, [
         M(g(np), {
           "cache-identifier": e.cacheIdentifier,
           "disable-sorting": y.value,
@@ -17515,7 +17542,7 @@ const qx = de({
               disabled: !e.useActionOutside,
               to: "#kong-ui-app-page-header-action-button"
             }, [
-              I("div", c1, [
+              I("div", u1, [
                 !A.value && d.value ? (f(), T(G, {
                   key: 0,
                   appearance: "secondary",
@@ -17552,15 +17579,15 @@ const qx = de({
             ], 8, ["disabled"]))
           ]),
           name: C(({ row: le }) => [
-            I("div", d1, [
+            I("div", p1, [
               M(Ro, {
                 class: "plugin-icon",
                 name: le.name,
                 size: 24
               }, null, 8, ["name"]),
-              I("div", p1, [
-                le.instance_name ? (f(), S("span", A1, V(le.instance_name), 1)) : (f(), S("span", g1, V(g(n).getDisplayName(le.name)), 1)),
-                le.instance_name ? (f(), S("span", f1, V(g(n).getDisplayName(le.name)), 1)) : _("", !0)
+              I("div", A1, [
+                le.instance_name ? (f(), S("span", g1, V(le.instance_name), 1)) : (f(), S("span", f1, V(g(n).getDisplayName(le.name)), 1)),
+                le.instance_name ? (f(), S("span", m1, V(g(n).getDisplayName(le.name)), 1)) : _("", !0)
               ])
             ])
           ]),
@@ -17587,7 +17614,7 @@ const qx = de({
                 }, 1032, ["auth-function"]))), 128))
               ]),
               _: 2
-            }, 1024)) : (f(), S("span", m1, "-"))
+            }, 1024)) : (f(), S("span", h1, "-"))
           ]),
           enabled: C(({ row: le }) => [
             M(g(Cn), {
@@ -17752,10 +17779,10 @@ const qx = de({
                   "onClick:learnMore": re[3] || (re[3] = (ve) => te.$emit("click:learn-more"))
                 }, it({
                   image: C(() => [
-                    I("div", u1, [
+                    I("div", d1, [
                       M(g(pp), {
-                        color: g(r1),
-                        size: g(s1)
+                        color: g(o1),
+                        size: g(l1)
                       }, null, 8, ["color", "size"])
                     ])
                   ]),
@@ -17798,13 +17825,13 @@ const qx = de({
       ]);
     };
   }
-}), dP = /* @__PURE__ */ Ve(h1, [["__scopeId", "data-v-149ffaa5"]]), v1 = { class: "plugin-select-card-wrapper" }, y1 = ["data-testid"], b1 = { class: "plugin-card-header" }, w1 = { class: "plugin-card-title" }, E1 = {
+}), pP = /* @__PURE__ */ Ve(v1, [["__scopeId", "data-v-149ffaa5"]]), y1 = { class: "plugin-select-card-wrapper" }, b1 = ["data-testid"], w1 = { class: "plugin-card-header" }, E1 = { class: "plugin-card-title" }, C1 = {
   key: 0,
   class: "plugin-card-actions"
-}, C1 = ["data-testid", "title"], I1 = {
+}, I1 = ["data-testid", "title"], O1 = {
   key: 0,
   class: "plugin-card-text"
-}, O1 = { key: 0 }, B1 = ["title"], R1 = /* @__PURE__ */ de({
+}, B1 = { key: 0 }, R1 = ["title"], M1 = /* @__PURE__ */ de({
   __name: "PluginSelectCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -17857,7 +17884,7 @@ const qx = de({
     };
     return (E, R) => {
       const B = Y("KButton"), P = Y("KDropdownItem"), F = Y("KDropdownMenu"), h = Y("KTooltip");
-      return f(), S("div", v1, [
+      return f(), S("div", y1, [
         M(h, {
           text: e.plugin.disabledMessage
         }, {
@@ -17868,13 +17895,13 @@ const qx = de({
               role: "button",
               onClick: R[1] || (R[1] = (b) => s.value || m.value ? void 0 : d())
             }, [
-              I("div", b1, [
-                I("div", w1, [
+              I("div", w1, [
+                I("div", E1, [
                   I("span", {
                     class: Oe({ "non-custom-title": !m.value })
                   }, V(e.plugin.name), 3)
                 ]),
-                l.value ? (f(), S("div", E1, [
+                l.value ? (f(), S("div", C1, [
                   M(F, {
                     "data-testid": "custom-plugin-actions",
                     "kpop-attributes": { placement: "bottom-end" },
@@ -17889,7 +17916,7 @@ const qx = de({
                         size: "small"
                       }, {
                         default: C(() => [
-                          M(g(Ap), { size: g(o1) }, null, 8, ["size"])
+                          M(g(Ap), { size: g(s1) }, null, 8, ["size"])
                         ]),
                         _: 1
                       })
@@ -17934,27 +17961,27 @@ const qx = de({
                   name: e.plugin.imageName || e.plugin.id,
                   size: 55
                 }, null, 8, ["alt", "name"]),
-                e.plugin.description || m.value && !A.value ? (f(), S("div", I1, [
-                  m.value && !A.value ? (f(), S("p", O1, V(g(r)("plugins.select.custom_badge_text")), 1)) : _("", !0),
+                e.plugin.description || m.value && !A.value ? (f(), S("div", O1, [
+                  m.value && !A.value ? (f(), S("p", B1, V(g(r)("plugins.select.custom_badge_text")), 1)) : _("", !0),
                   e.plugin.description ? (f(), S("p", {
                     key: 1,
                     class: "plugin-card-text",
                     title: e.plugin.description
-                  }, V(e.plugin.description), 9, B1)) : _("", !0)
+                  }, V(e.plugin.description), 9, R1)) : _("", !0)
                 ])) : _("", !0)
-              ], 10, C1),
+              ], 10, I1),
               I("div", {
                 class: "plugin-card-footer",
                 onClick: y
               }, V(A.value ? g(r)("actions.create_custom") : e.plugin.exists ? g(r)("actions.enabled") : g(r)("actions.enable")), 1)
-            ], 10, y1)
+            ], 10, b1)
           ]),
           _: 1
         }, 8, ["text"])
       ]);
     };
   }
-}), Ld = /* @__PURE__ */ Ve(R1, [["__scopeId", "data-v-28728a65"]]), M1 = /* @__PURE__ */ de({
+}), Ld = /* @__PURE__ */ Ve(M1, [["__scopeId", "data-v-28728a65"]]), S1 = /* @__PURE__ */ de({
   __name: "DeleteCustomPluginSchemaModal",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -18050,7 +18077,7 @@ const qx = de({
       }, 8, ["action-button-disabled", "title"])) : _("", !0);
     };
   }
-}), S1 = /* @__PURE__ */ Ve(M1, [["__scopeId", "data-v-9e0dee7f"]]), k1 = { class: "custom-plugins-grid" }, T1 = { class: "empty-state-title" }, x1 = { class: "empty-state-description" }, tr = 310, P1 = /* @__PURE__ */ de({
+}), k1 = /* @__PURE__ */ Ve(S1, [["__scopeId", "data-v-9e0dee7f"]]), T1 = { class: "custom-plugins-grid" }, x1 = { class: "empty-state-title" }, P1 = { class: "empty-state-description" }, tr = 310, U1 = /* @__PURE__ */ de({
   __name: "PluginCustomGrid",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -18135,7 +18162,7 @@ const qx = de({
       window == null || window.removeEventListener("resize", B);
     }), (F, h) => {
       const b = Y("KEmptyState"), O = Y("KCollapse");
-      return f(), S("div", k1, [
+      return f(), S("div", T1, [
         u.value.length ? (f(), T(O, {
           key: 1,
           modelValue: s.value,
@@ -18183,14 +18210,14 @@ const qx = de({
           "icon-variant": "kong"
         }, {
           title: C(() => [
-            I("span", T1, V(g(a)("plugins.select.tabs.custom.empty_title")), 1)
+            I("span", x1, V(g(a)("plugins.select.tabs.custom.empty_title")), 1)
           ]),
           default: C(() => [
-            I("span", x1, V(g(a)("plugins.select.tabs.custom.empty_description")), 1)
+            I("span", P1, V(g(a)("plugins.select.tabs.custom.empty_description")), 1)
           ]),
           _: 1
         })),
-        d.value && c.value ? (f(), T(S1, {
+        d.value && c.value ? (f(), T(k1, {
           key: 2,
           config: e.config,
           plugin: c.value,
@@ -18200,7 +18227,7 @@ const qx = de({
       ]);
     };
   }
-}), U1 = /* @__PURE__ */ Ve(P1, [["__scopeId", "data-v-f4b90f47"]]), nr = 310, L1 = /* @__PURE__ */ de({
+}), L1 = /* @__PURE__ */ Ve(U1, [["__scopeId", "data-v-f4b90f47"]]), nr = 310, D1 = /* @__PURE__ */ de({
   __name: "PluginSelectGroup",
   props: /* @__PURE__ */ or({
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -18291,7 +18318,7 @@ const qx = de({
       ]), 1032, ["modelValue", "data-testid", "title", "trigger-label"]);
     };
   }
-}), Pl = /* @__PURE__ */ Ve(L1, [["__scopeId", "data-v-a1074120"]]), D1 = { class: "plugin-select-grid" }, F1 = { class: "empty-state-title" }, G1 = { class: "empty-state-description" }, Ul = /* @__PURE__ */ de({
+}), Pl = /* @__PURE__ */ Ve(D1, [["__scopeId", "data-v-a1074120"]]), F1 = { class: "plugin-select-grid" }, G1 = { class: "empty-state-title" }, j1 = { class: "empty-state-description" }, Ul = /* @__PURE__ */ de({
   __name: "PluginSelectGrid",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -18347,7 +18374,7 @@ const qx = de({
     });
     return (u, d) => {
       const c = Y("KEmptyState");
-      return f(), S("div", D1, [
+      return f(), S("div", F1, [
         Object.keys(l.value).length ? _("", !0) : (f(), T(c, {
           key: 0,
           "action-button-visible": !1,
@@ -18356,10 +18383,10 @@ const qx = de({
           "icon-variant": "kong"
         }, {
           title: C(() => [
-            I("span", F1, V(g(a)("plugins.select.tabs.kong.empty_title")), 1)
+            I("span", G1, V(g(a)("plugins.select.tabs.kong.empty_title")), 1)
           ]),
           default: C(() => [
-            I("span", G1, V(g(a)("plugins.select.tabs.kong.empty_description")), 1)
+            I("span", j1, V(g(a)("plugins.select.tabs.kong.empty_description")), 1)
           ]),
           _: 1
         })),
@@ -18389,11 +18416,11 @@ const qx = de({
       ]);
     };
   }
-}), j1 = { class: "kong-ui-entities-plugin-select-form" }, H1 = { class: "plugins-filter-input-container" }, Y1 = { key: 0 }, N1 = {
+}), H1 = { class: "kong-ui-entities-plugin-select-form" }, Y1 = { class: "plugins-filter-input-container" }, N1 = { key: 0 }, V1 = {
   key: 3,
   "aria-live": "polite",
   class: "plugins-results-container"
-}, V1 = { "data-testid": "kong-tab" }, K1 = { class: "tab-description" }, z1 = { "data-testid": "custom-tab" }, Q1 = { class: "tab-description" }, X1 = /* @__PURE__ */ de({
+}, K1 = { "data-testid": "kong-tab" }, z1 = { class: "tab-description" }, Q1 = { "data-testid": "custom-tab" }, X1 = { class: "tab-description" }, q1 = /* @__PURE__ */ de({
   __name: "PluginSelect",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -18584,8 +18611,8 @@ const qx = de({
       m.value || (E.value = j()), A.value = !1;
     }), (K, H) => {
       const ae = Y("KInput"), Ce = Y("KSkeletonBox"), oe = Y("KSkeleton"), W = Y("KEmptyState"), se = Y("KTooltip"), he = Y("KTabs");
-      return f(), S("div", j1, [
-        I("div", H1, [
+      return f(), S("div", H1, [
+        I("div", Y1, [
           M(ae, {
             modelValue: c.value,
             "onUpdate:modelValue": H[0] || (H[0] = (pe) => c.value = pe),
@@ -18596,7 +18623,7 @@ const qx = de({
             type: "search"
           }, null, 8, ["modelValue", "placeholder"])
         ]),
-        A.value ? (f(), S("section", Y1, [
+        A.value ? (f(), S("section", N1, [
           M(Ce, {
             class: "plugins-skeleton-title",
             width: "10"
@@ -18626,7 +18653,7 @@ const qx = de({
             I("h5", null, V(g(o)("search.no_results", { filter: c.value })), 1)
           ]),
           _: 1
-        })) : (f(), S("section", N1, [
+        })) : (f(), S("section", V1, [
           D.value.length && e.customPluginSupport !== "none" ? (f(), T(he, {
             key: 0,
             modelValue: L.value,
@@ -18636,8 +18663,8 @@ const qx = de({
             onChange: ie
           }, it({
             kong: C(() => [
-              I("div", V1, [
-                I("p", K1, V(g(o)("plugins.select.tabs.kong.description")), 1),
+              I("div", K1, [
+                I("p", z1, V(g(o)("plugins.select.tabs.kong.description")), 1),
                 M(Ul, {
                   config: e.config,
                   "hide-highlighted-plugins": c.value.length > 0,
@@ -18650,9 +18677,9 @@ const qx = de({
               ])
             ]),
             custom: C(() => [
-              I("div", z1, [
-                I("p", Q1, V(g(o)("plugins.select.tabs.custom.description")), 1),
-                M(U1, {
+              I("div", Q1, [
+                I("p", X1, V(g(o)("plugins.select.tabs.custom.description")), 1),
+                M(L1, {
                   "can-create-custom-plugin": J.value,
                   "can-delete-custom-plugin": me.value,
                   "can-edit-custom-plugin": $.value,
@@ -18696,7 +18723,7 @@ const qx = de({
       ]);
     };
   }
-}), pP = /* @__PURE__ */ Ve(X1, [["__scopeId", "data-v-d2065987"]]), q1 = { class: "kong-ui-entity-plugin-config-card" }, J1 = { class: "name-cell-wrapper" }, W1 = { class: "info-name" }, Z1 = { key: 0 }, _1 = { key: 0 }, $1 = { key: 0 }, eP = { key: 0 }, tP = { key: 0 }, ir = "config", nP = /* @__PURE__ */ de({
+}), AP = /* @__PURE__ */ Ve(q1, [["__scopeId", "data-v-d2065987"]]), J1 = { class: "kong-ui-entity-plugin-config-card" }, W1 = { class: "name-cell-wrapper" }, Z1 = { class: "info-name" }, _1 = { key: 0 }, $1 = { key: 0 }, eP = { key: 0 }, tP = { key: 0 }, nP = { key: 0 }, ir = "config", iP = /* @__PURE__ */ de({
   __name: "PluginConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -18829,7 +18856,7 @@ const qx = de({
       }
     }), (B, P) => {
       const F = Y("KSkeleton"), h = Y("KEmptyState"), b = Y("KCopy");
-      return f(), S("div", q1, [
+      return f(), S("div", J1, [
         y.value ? (f(), T(F, {
           key: 0,
           "data-testid": "plugin-config-card-loader",
@@ -18859,13 +18886,13 @@ const qx = de({
           onLoading: P[2] || (P[2] = (O) => B.$emit("loading", O))
         }, {
           name: C((O) => [
-            I("div", J1, [
+            I("div", W1, [
               M(Ro, {
                 class: "plugin-icon",
                 name: g(s)("rowValue", O),
                 size: 24
               }, null, 8, ["name"]),
-              I("span", W1, V(g(r).getDisplayName(g(s)("rowValue", O))), 1)
+              I("span", Z1, V(g(r).getDisplayName(g(s)("rowValue", O))), 1)
             ])
           ]),
           consumer: C((O) => [
@@ -18882,7 +18909,7 @@ const qx = de({
               "copy-tooltip": g(a)("copy.tooltip", { label: g(s)("row", O).label }),
               "data-testid": "consumer-copy-uuid",
               text: g(s)("rowValue", O).id
-            }, null, 8, ["copy-tooltip", "text"])) : (f(), S("span", Z1, "–"))
+            }, null, 8, ["copy-tooltip", "text"])) : (f(), S("span", _1, "–"))
           ]),
           route: C((O) => [
             g(s)("rowValue", O) ? e.showIdAsLink ? (f(), T(g(Ii), {
@@ -18898,7 +18925,7 @@ const qx = de({
               "copy-tooltip": g(a)("copy.tooltip", { label: g(s)("row", O).label }),
               "data-testid": "route-copy-uuid",
               text: g(s)("rowValue", O).id
-            }, null, 8, ["copy-tooltip", "text"])) : (f(), S("span", _1, "–"))
+            }, null, 8, ["copy-tooltip", "text"])) : (f(), S("span", $1, "–"))
           ]),
           service: C((O) => [
             g(s)("rowValue", O) ? e.showIdAsLink ? (f(), T(g(Ii), {
@@ -18914,7 +18941,7 @@ const qx = de({
               "copy-tooltip": g(a)("copy.tooltip", { label: g(s)("row", O).label }),
               "data-testid": "service-copy-uuid",
               text: g(s)("rowValue", O).id
-            }, null, 8, ["copy-tooltip", "text"])) : (f(), S("span", $1, "–"))
+            }, null, 8, ["copy-tooltip", "text"])) : (f(), S("span", eP, "–"))
           ]),
           consumer_group: C((O) => [
             g(s)("rowValue", O) ? e.showIdAsLink ? (f(), T(g(Ii), {
@@ -18930,7 +18957,7 @@ const qx = de({
               "copy-tooltip": g(a)("copy.tooltip", { label: g(s)("row", O).label }),
               "data-testid": "consumer-group-copy-uuid",
               text: g(s)("rowValue", O).id
-            }, null, 8, ["copy-tooltip", "text"])) : (f(), S("span", eP, "–"))
+            }, null, 8, ["copy-tooltip", "text"])) : (f(), S("span", tP, "–"))
           ]),
           partials: C((O) => {
             var D, L, j, ne, X, ee, ie, J, $;
@@ -18951,7 +18978,7 @@ const qx = de({
                 "copy-tooltip": g(a)("copy.tooltip", { label: g(s)("row", O).label }),
                 "data-testid": "partial-copy-uuid",
                 text: ($ = g(s)("rowValue", O)) == null ? void 0 : $[0].id
-              }, null, 8, ["copy-tooltip", "text"])) : (f(), S("span", tP, "–"))
+              }, null, 8, ["copy-tooltip", "text"])) : (f(), S("span", nP, "–"))
             ];
           }),
           _: 1
@@ -18959,25 +18986,25 @@ const qx = de({
       ]);
     };
   }
-}), AP = /* @__PURE__ */ Ve(nP, [["__scopeId", "data-v-949f887c"]]), { usePluginMetaData: gP, useProvideExperimentalFreeForms: fP } = Xe;
+}), gP = /* @__PURE__ */ Ve(iP, [["__scopeId", "data-v-949f887c"]]), { usePluginMetaData: fP, useProvideExperimentalFreeForms: mP } = Xe;
 export {
   _c as EXPERIMENTAL_FREE_FORM_PROVIDER,
   $n as EntityTypeIdField,
   lf as PLUGIN_GROUPS_COLLAPSE_STATUS,
-  AP as PluginConfigCard,
-  uP as PluginForm,
+  gP as PluginConfigCard,
+  dP as PluginForm,
   U as PluginGroup,
   sf as PluginGroupArray,
   Ro as PluginIcon,
-  dP as PluginList,
+  pP as PluginList,
   pr as PluginPartialType,
   p as PluginScope,
-  pP as PluginSelect,
+  AP as PluginSelect,
   Ld as PluginSelectCard,
   Ul as PluginSelectGrid,
   at as VueFormGenerator,
   c0 as getPluginIconURL,
   Ze as pluginEndpoints,
-  gP as usePluginMetaData,
-  fP as useProvideExperimentalFreeForms
+  fP as usePluginMetaData,
+  mP as useProvideExperimentalFreeForms
 };