@kong-ui-public/dashboard-renderer 0.14.6 → 0.15.0

package/dist/dashboard-renderer.es.js

@@ -7,7 +7,7 @@ import { MetricsProviderInternal as lt, MetricsConsumer as ct } from "@kong-ui-p
 import { Timeframe as ut, GranularityKeys as pe, TimePeriods as pt } from "@kong-ui-public/analytics-utilities";
 import "@kong/kongponents";
 import "vue-router";
-const Y = 170, Ne = "analytics-query-provider", de = "{entity-id}", dt = "{cp-id}";
+const Y = 170, Ne = "analytics-query-provider", de = "{entity-id}", dt = "{cp-id}", yt = 30 * 1e3;
 var I = /* @__PURE__ */ ((e) => (e.HorizontalBar = "horizontal_bar", e.VerticalBar = "vertical_bar", e.Gauge = "gauge", e.TimeseriesLine = "timeseries_line", e.GoldenSignals = "golden_signals", e.TopN = "top_n", e.Slottable = "slottable", e))(I || {});
 const Z = {
   type: "string"
@@ -23,7 +23,7 @@ const Z = {
   additionalProperties: {
     type: "string"
   }
-}, yt = {
+}, ft = {
   type: "object",
   properties: {
     type: {
@@ -39,7 +39,7 @@ const Z = {
   },
   required: ["type", "id"],
   additionalProperties: !1
-}, ft = {
+}, ht = {
   type: "object",
   properties: {
     type: {
@@ -60,7 +60,7 @@ const Z = {
   },
   required: ["type"],
   additionalProperties: !1
-}, ht = {
+}, gt = {
   type: "object",
   properties: {
     type: {
@@ -80,7 +80,7 @@ const Z = {
   },
   required: ["type"],
   additionalProperties: !1
-}, gt = {
+}, mt = {
   type: "object",
   properties: {
     type: {
@@ -105,7 +105,7 @@ const Z = {
   },
   required: ["type"],
   additionalProperties: !1
-}, mt = {
+}, vt = {
   type: "object",
   properties: {
     chartTitle: W,
@@ -126,7 +126,7 @@ const Z = {
   },
   required: ["type"],
   additionalProperties: !1
-}, vt = {
+}, _t = {
   type: "object",
   properties: {
     type: {
@@ -185,7 +185,7 @@ const Z = {
     "type",
     "values"
   ]
-}, _t = {
+}, wt = {
   type: "object",
   properties: {
     tz: {
@@ -220,7 +220,7 @@ const Z = {
     "type",
     "time_range"
   ]
-}, wt = {
+}, kt = {
   type: "object",
   description: "A duration representing an exact start and end time.",
   properties: {
@@ -244,7 +244,7 @@ const Z = {
   required: [
     "type"
   ]
-}, kt = {
+}, St = {
   type: "object",
   description: "A query to launch at the API",
   properties: {
@@ -315,8 +315,8 @@ const Z = {
     time_range: {
       description: "The time range to query.",
       oneOf: [
-        _t,
-        wt
+        wt,
+        kt
       ],
       default: {
         type: "relative",
@@ -327,17 +327,17 @@ const Z = {
       type: "object"
     }
   }
-}, St = {
+}, xt = {
   type: "object",
   properties: {
-    query: kt,
+    query: St,
     chart: {
-      oneOf: [ft, gt, ht, vt, mt, yt]
+      oneOf: [ht, mt, gt, _t, vt, ft]
     }
   },
   required: ["query", "chart"],
   additionalProperties: !1
-}, xt = {
+}, It = {
   type: "object",
   properties: {
     position: {
@@ -371,20 +371,20 @@ const Z = {
   },
   required: ["position", "size"],
   additionalProperties: !1
-}, It = {
+}, Tt = {
   type: "object",
   properties: {
-    definition: St,
-    layout: xt
+    definition: xt,
+    layout: It
   },
   required: ["definition", "layout"],
   additionalProperties: !1
-}, di = {
+}, yi = {
   type: "object",
   properties: {
     tiles: {
       type: "array",
-      items: It
+      items: Tt
     },
     tileHeight: {
       type: "number",
@@ -409,12 +409,12 @@ const Z = {
   additionalProperties: !1
 };
 var Le = /* @__PURE__ */ ((e) => (e.VALIDATING = "VALIDATING", e.VALIDATING_HAS_DATA = "VALIDATING_HAS_DATA", e.PENDING = "PENDING", e.SUCCESS = "SUCCESS", e.SUCCESS_HAS_DATA = "SUCCESS_HAS_DATA", e.ERROR = "ERROR", e.STALE_IF_ERROR = "STALE_IF_ERROR", e))(Le || {});
-const Tt = (e) => {
+const At = (e) => {
   var t, r, i, n, o;
   return e ? !!// TODO: revisit: currently only the first check ever matters?
   ((t = Object.keys(e)) != null && t.length || (r = e.data) != null && r.length || (n = (i = e.data) == null ? void 0 : i.data) != null && n.length || !((o = e.data) != null && o.data) && typeof e.data == "object" && Object.keys(e == null ? void 0 : e.data).length) : !1;
 };
-function At(e = m({}), t, r, i = Tt) {
+function Ct(e = m({}), t, r, i = At) {
   const n = m(
     "PENDING"
     /* PENDING */
@@ -451,16 +451,16 @@ function At(e = m({}), t, r, i = Tt) {
     swrvState: Le
   };
 }
-const Ct = {
+const Et = {
   noQueryBridge: "No query bridge provided.  Unable to render dashboard."
-}, Et = {
-  timeRangeExceeded: "The time range for this report is outside of your organization's data retention period"
 }, qt = {
-  renderer: Ct,
-  queryDataProvider: Et
+  timeRangeExceeded: "The time range for this report is outside of your organization's data retention period"
+}, Nt = {
+  renderer: Et,
+  queryDataProvider: qt
 };
-function Nt() {
-  const e = Ee("en-us", qt);
+function Ot() {
+  const e = Ee("en-us", Nt);
   return {
     i18n: e,
     i18nT: qe(e)
@@ -468,7 +468,7 @@ function Nt() {
   };
 }
 const De = {
-  useI18n: Nt
+  useI18n: Ot
 }, J = /* @__PURE__ */ E({
   __name: "QueryDataProvider",
   props: {
@@ -502,12 +502,12 @@ const De = {
         i("queryComplete");
       }
     }, {
-      refreshInterval: 0,
+      refreshInterval: r.context.refreshInterval ?? yt,
       revalidateOnFocus: !1
-    }), { state: c, swrvState: y } = At(l, f, p), d = m(null), w = v(() => c.value === y.ERROR || !!d.value), b = v(() => !r.queryReady || c.value === y.PENDING);
+    }), { state: c, swrvState: y } = Ct(l, f, p), d = m(null), w = v(() => c.value === y.ERROR || !!d.value), _ = v(() => !r.queryReady || c.value === y.PENDING);
     return (N, j) => {
       const O = U("KSkeleton"), $ = U("KEmptyState");
-      return b.value || !g(l) && !w.value ? (h(), T(O, {
+      return _.value || !g(l) && !w.value ? (h(), T(O, {
         key: 0,
         class: "chart-skeleton",
         type: "table"
@@ -527,7 +527,7 @@ const De = {
       }) : B("", !0);
     };
   }
-}), Ot = { class: "analytics-chart" }, Rt = /* @__PURE__ */ E({
+}), Rt = { class: "analytics-chart" }, Lt = /* @__PURE__ */ E({
   __name: "SimpleChartRenderer",
   props: {
     query: {},
@@ -552,7 +552,7 @@ const De = {
       "query-ready": n.queryReady
     }, {
       default: S(({ data: a }) => [
-        V("div", Ot, [
+        V("div", Rt, [
           q(g(at), {
             "chart-data": a,
             "chart-options": i.value,
@@ -568,7 +568,7 @@ const De = {
   for (const [i, n] of t)
     r[i] = n;
   return r;
-}, Lt = /* @__PURE__ */ D(Rt, [["__scopeId", "data-v-f0f6ed41"]]), Dt = { class: "analytics-chart" }, jt = /* @__PURE__ */ E({
+}, Dt = /* @__PURE__ */ D(Lt, [["__scopeId", "data-v-f0f6ed41"]]), jt = { class: "analytics-chart" }, $t = /* @__PURE__ */ E({
   __name: "BarChartRenderer",
   props: {
     query: {},
@@ -595,7 +595,7 @@ const De = {
       "query-ready": n.queryReady
     }, {
       default: S(({ data: a }) => [
-        V("div", Dt, [
+        V("div", jt, [
           q(g(Ce), {
             "allow-csv-export": n.chartOptions.allowCsvExport,
             "chart-data": a,
@@ -611,7 +611,7 @@ const De = {
       _: 1
     }, 8, ["context", "query", "query-ready"]));
   }
-}), ye = /* @__PURE__ */ D(jt, [["__scopeId", "data-v-36598a1b"]]), $t = { class: "analytics-chart" }, zt = /* @__PURE__ */ E({
+}), ye = /* @__PURE__ */ D($t, [["__scopeId", "data-v-36598a1b"]]), zt = { class: "analytics-chart" }, Pt = /* @__PURE__ */ E({
   __name: "TimeseriesChartRenderer",
   props: {
     query: {},
@@ -642,7 +642,7 @@ const De = {
       "query-ready": n.queryReady
     }, {
       default: S(({ data: a }) => [
-        V("div", $t, [
+        V("div", zt, [
           q(g(Ce), {
             "allow-csv-export": n.chartOptions.allowCsvExport,
             "chart-data": a,
@@ -657,7 +657,7 @@ const De = {
       _: 1
     }, 8, ["context", "query", "query-ready"]));
   }
-}), Pt = /* @__PURE__ */ D(zt, [["__scopeId", "data-v-93ab34da"]]), Ut = { class: "metric-card-tile-wrapper" }, Ft = /* @__PURE__ */ E({
+}), Ut = /* @__PURE__ */ D(Pt, [["__scopeId", "data-v-93ab34da"]]), Ft = { class: "metric-card-tile-wrapper" }, Vt = /* @__PURE__ */ E({
   __name: "GoldenSignalsRenderer",
   props: {
     query: {},
@@ -695,7 +695,7 @@ const De = {
       hasTrendAccess: !0,
       refreshInterval: 0
     }));
-    return (n, o) => (h(), C("div", Ut, [
+    return (n, o) => (h(), C("div", Ft, [
       q(g(lt), Te(Me(i.value)), {
         default: S(() => [
           q(g(ct))
@@ -704,9 +704,9 @@ const De = {
       }, 16)
     ]));
   }
-}), Vt = /* @__PURE__ */ D(Ft, [["__scopeId", "data-v-97fa928f"]]), je = "20px";
+}), Kt = /* @__PURE__ */ D(Vt, [["__scopeId", "data-v-97fa928f"]]), je = "20px";
 var P = /* @__PURE__ */ ((e) => (e[e.Loading = 0] = "Loading", e[e.Idle = 1] = "Idle", e[e.NoResults = 2] = "NoResults", e[e.Error = 3] = "Error", e))(P || {});
-function Kt() {
+function Bt() {
   return {
     getAxiosInstance: (e = {}) => {
       try {
@@ -730,7 +730,7 @@ function Kt() {
     }
   };
 }
-function Bt() {
+function Gt() {
   return {
     debounce: (e, t) => {
       let r;
@@ -743,22 +743,22 @@ function Bt() {
   };
 }
 function ie(e = {}) {
-  const { getAxiosInstance: t } = Kt();
+  const { getAxiosInstance: t } = Bt();
   return {
     axiosInstance: t(e)
   };
 }
-const Gt = {
+const Mt = {
   actions: {
     copyId: "Copy ID",
     copied_id: 'Copied "{id}" to the clipboard',
     copyToClipboard: "Copied successfully!",
     copyToClipboardFailed: "Failed to copy to the clipboard"
   }
-}, Mt = {
+}, Ht = {
   message: "Are you sure you want to delete this {entityType}?",
   messageWithName: "Are you sure you want to delete this {entityType} {entityName}?"
-}, Ht = {
+}, Yt = {
   actions: {
     viewConfiguration: "View Configuration",
     save: "Save",
@@ -774,13 +774,13 @@ const Gt = {
   errors: {
     edit: "The entity could not be edited at this time."
   }
-}, Yt = {
+}, Zt = {
   emptyState: {
     noSearchResultsTitle: "No results found",
     noSearchResultsMessage: "Please adjust the criteria and try again.",
     noSearchResultsCtaText: "Clear"
   }
-}, Zt = {
+}, Wt = {
   title: "Configuration",
   actions: {
     copy: "Copy JSON"
@@ -815,7 +815,7 @@ const Gt = {
     entryTitle: "Entry {index}",
     structuredFormat: "Structured"
   }
-}, Wt = {
+}, Jt = {
   filterButtonText: "Filter",
   fieldLabel: "Filter by:",
   inputPlaceholder: "Enter a value",
@@ -823,15 +823,15 @@ const Gt = {
   applyButtonText: "Apply",
   clearButtonText: "Clear",
   clearAllButtonText: "Clear all filters"
-}, Jt = {
+}, Qt = {
   errors: {
     fetch: "Could not fetch available items",
     invalid: "Please select a valid value"
   }
-}, Qt = {
+}, Xt = {
   unexpected: "An unexpected error has occurred",
   dataKeyUndefined: 'The data key "{dataKey}" does not exist in the response.'
-}, Xt = {
+}, er = {
   enable: {
     title: "Enable {entityType}",
     message: "Are you sure you want to enable the {entityType} {entityName}?",
@@ -842,19 +842,19 @@ const Gt = {
     message: "Are you sure you want to disable the {entityType} {entityName}?",
     confirmText: "Yes, disable"
   }
-}, er = {
-  global: Gt,
-  deleteModal: Mt,
-  baseForm: Ht,
-  baseTable: Yt,
-  baseConfigCard: Zt,
-  filter: Wt,
-  debouncedFilter: Jt,
-  errors: Qt,
-  toggleModal: Xt
+}, tr = {
+  global: Mt,
+  deleteModal: Ht,
+  baseForm: Yt,
+  baseTable: Zt,
+  baseConfigCard: Wt,
+  filter: Jt,
+  debouncedFilter: Qt,
+  errors: Xt,
+  toggleModal: er
 };
 function ae() {
-  const e = Ee("en-us", er);
+  const e = Ee("en-us", tr);
   return {
     i18n: e,
     i18nT: qe(e)
@@ -905,22 +905,22 @@ function $e() {
     isValidUuid: (r) => r ? /[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}/.test(r) : !1
   };
 }
-function tr(e, t, r, i = {
+function rr(e, t, r, i = {
   fetchedItemsKey: "data",
   searchKeys: ["id"]
 }) {
   r || (r = "1000");
   const { axiosInstance: n } = ie({
     headers: e.requestHeaders
-  }), { i18n: { t: o } } = ae(), { debounce: a } = Bt(), s = a(async (u) => {
+  }), { i18n: { t: o } } = ae(), { debounce: a } = Gt(), s = a(async (u) => {
     await $(u);
   }, 200), l = m(!1), f = m(""), p = m(""), c = m([]), y = m([]), d = m(void 0), w = g(t);
-  let b = `${e.apiBaseUrl}${w}`;
-  e.app === "konnect" ? b = b.replace(/{controlPlaneId}/gi, (e == null ? void 0 : e.controlPlaneId) || "") : e.app === "kongManager" && (b = b.replace(/\/{workspace}/gi, e != null && e.workspace ? `/${e.workspace}` : ""));
+  let _ = `${e.apiBaseUrl}${w}`;
+  e.app === "konnect" ? _ = _.replace(/{controlPlaneId}/gi, (e == null ? void 0 : e.controlPlaneId) || "") : e.app === "kongManager" && (_ = _.replace(/\/{workspace}/gi, e != null && e.workspace ? `/${e.workspace}` : ""));
   const { isValidUuid: N } = $e(), j = async () => {
     try {
       l.value = !0;
-      const { data: u } = await n.get(`${b}?size=${r}`);
+      const { data: u } = await n.get(`${_}?size=${r}`);
       u != null && u.next || (d.value = i.fetchedItemsKey in u ? u[i.fetchedItemsKey] : []), y.value = i.fetchedItemsKey in u ? u[i.fetchedItemsKey] : [], c.value = y.value;
     } catch {
       c.value = [], f.value = o("debouncedFilter.errors.fetch");
@@ -933,18 +933,18 @@ function tr(e, t, r, i = {
       if (O.value = u || "", d.value === void 0)
         try {
           if (l.value = !0, f.value = "", p.value = "", e.app === "konnect") {
-            let x = b + "";
+            let x = _ + "";
             u && (x += `/${u}`);
             const { data: A } = await n.get(`${x}?size=${r}`);
             i.fetchedItemsKey in A ? c.value = A[i.fetchedItemsKey] : A != null && A.id ? c.value = [A] : c.value = [];
           } else if (u) {
             const x = [];
             N(u) && i.searchKeys.includes("id") ? x.push((async () => {
-              const { data: k } = await n.get(`${b}/${u}`);
+              const { data: k } = await n.get(`${_}/${u}`);
               return [k[i.fetchedItemsKey] ?? k];
             })()) : x.push(
               ...i.searchKeys.filter((k) => k !== "id").map(async (k) => {
-                const { data: R } = await n.get(`${b}?${k}=${u}`);
+                const { data: R } = await n.get(`${_}?${k}=${u}`);
                 return R[i.fetchedItemsKey];
               })
             );
@@ -983,13 +983,13 @@ function tr(e, t, r, i = {
     debouncedQueryChange: s
   };
 }
-function rr(e, t) {
+function nr(e, t) {
   const r = g(t), i = v(
     () => e.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${r}`) : new URL(r)
   );
   return i.value.search = "", (n) => `${i.value.href}/${n}`;
 }
-function nr() {
+function ir() {
   const { i18n: { t: e } } = ae();
   return {
     getMessageFromError: (t) => {
@@ -1019,7 +1019,7 @@ function nr() {
     }
   };
 }
-function ir(e) {
+function ar(e) {
   const t = window.location.origin, r = t.endsWith("/") ? t : `${t}/`;
   try {
     const i = e.join("/"), n = `${r}${i}`, o = e.some((a) => a.trim() === "");
@@ -1040,15 +1040,15 @@ function ze(e, t) {
     const { page: s, pageSize: l, offset: f, sortColumnKey: p, sortColumnOrder: c, query: y } = a;
     try {
       let d = new URL(o.value.href);
-      return n.value && y ? (d.search = "", d = r.value.isExactMatch ? new URL(`${d.href}/${y}/`) : new URL(`${d.href}?filter[name][contains]=${y}`)) : (n.value || new URLSearchParams(y).forEach((w, b) => {
-        d.searchParams.append(b, w);
+      return n.value && y ? (d.search = "", d = r.value.isExactMatch ? new URL(`${d.href}/${y}/`) : new URL(`${d.href}?filter[name][contains]=${y}`)) : (n.value || new URLSearchParams(y).forEach((w, _) => {
+        d.searchParams.append(_, w);
       }), p && d.searchParams.append("sort_by", p), c === "desc" && d.searchParams.append("sort_desc", "1"), d.searchParams.append("size", String(l))), f && s !== 1 && d.searchParams.append("offset", String(f)), d.href;
     } catch (d) {
       return console.error("RouteList(fetcher)", d), i.value;
     }
   };
 }
-function ar(e, t, r = "data") {
+function or(e, t, r = "data") {
   var i;
   const n = g(t), { axiosInstance: o } = ie({
     ...e.axiosRequestConfig,
@@ -1068,7 +1068,7 @@ function ar(e, t, r = "data") {
       const y = c.data, d = r && r.replace(/[^\w-_]/gi, "");
       let w;
       y[d] && Array.isArray(y[d]) ? w = y[d] : Array.isArray(y) ? w = y : w = Object.keys(y).length ? [y] : [];
-      const b = {
+      const _ = {
         data: w,
         total: w.length,
         ...y.offset ? {
@@ -1079,8 +1079,8 @@ function ar(e, t, r = "data") {
       };
       return s.value = {
         status: P.Idle,
-        response: b
-      }, b;
+        response: _
+      }, _;
     } catch (p) {
       const c = {
         data: [],
@@ -1098,7 +1098,7 @@ function ar(e, t, r = "data") {
     }
   }, fetcherState: s };
 }
-function or() {
+function sr() {
   const e = (r, i = "_") => r ? r.split(i).map((n) => n.toLowerCase() === "id" ? n.toUpperCase() : n.charAt(0).toUpperCase() + n.substring(1)).join(" ") : "", t = /(?:^|[\s-:'"])\w/g;
   return {
     capitalize: (r) => r ? r.replace(t, (i) => i.toUpperCase()) : "",
@@ -1115,24 +1115,24 @@ const Pe = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-(
 }, he = (e) => e === "*" || e === "x" || e === "X", ge = (e) => {
   const t = parseInt(e, 10);
   return isNaN(t) ? e : t;
-}, sr = (e, t) => typeof e != typeof t ? [String(e), String(t)] : [e, t], lr = (e, t) => {
+}, lr = (e, t) => typeof e != typeof t ? [String(e), String(t)] : [e, t], cr = (e, t) => {
   if (he(e) || he(t))
     return 0;
-  const [r, i] = sr(ge(e), ge(t));
+  const [r, i] = lr(ge(e), ge(t));
   return r > i ? 1 : r < i ? -1 : 0;
 }, me = (e, t) => {
   for (let r = 0; r < Math.max(e.length, t.length); r++) {
-    const i = lr(e[r] || "0", t[r] || "0");
+    const i = cr(e[r] || "0", t[r] || "0");
     if (i !== 0)
       return i;
   }
   return 0;
-}, cr = (e, t) => {
+}, ur = (e, t) => {
   const r = fe(e), i = fe(t), n = r.pop(), o = i.pop(), a = me(r, i);
   return a !== 0 ? a : n && o ? me(n.split("."), o.split(".")) : n || o ? n ? -1 : 1 : 0;
 }, ve = (e, t, r) => {
-  ur(r);
-  const i = cr(e, t);
+  pr(r);
+  const i = ur(e, t);
   return Ue[r].includes(i);
 }, Ue = {
   ">": [1],
@@ -1141,18 +1141,18 @@ const Pe = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-(
   "<=": [-1, 0],
   "<": [-1],
   "!=": [-1, 1]
-}, be = Object.keys(Ue), ur = (e) => {
+}, _e = Object.keys(Ue), pr = (e) => {
   if (typeof e != "string")
     throw new TypeError(`Invalid operator type, expected string but got ${typeof e}`);
-  if (be.indexOf(e) === -1)
-    throw new Error(`Invalid operator, expected one of ${be.join("|")}`);
-}, pr = (e) => typeof e == "string" && /^[v\d]/.test(e) && Pe.test(e);
-function dr(e) {
+  if (_e.indexOf(e) === -1)
+    throw new Error(`Invalid operator, expected one of ${_e.join("|")}`);
+}, dr = (e) => typeof e == "string" && /^[v\d]/.test(e) && Pe.test(e);
+function yr(e) {
   const { gatewayInfo: t, supportedRange: r } = e;
   if (!t)
     return !0;
   const { edition: i, version: n } = t;
-  if (!pr(n))
+  if (!dr(n))
     return console.error("Invalid version"), !1;
   const o = r[i];
   if (!o)
@@ -1160,7 +1160,7 @@ function dr(e) {
   const [a, s] = o;
   return !(a && ve(n, a, "<") || s && ve(n, s, ">"));
 }
-function yr(e) {
+function fr(e) {
   const t = m(0), r = m(0), i = m(!1);
   return Ye(e, (n) => {
     n && !i.value && (t.value = n.offsetWidth, r.value = n.scrollWidth, i.value = !0);
@@ -1168,33 +1168,33 @@ function yr(e) {
     isTruncated: v(() => t.value < r.value)
   };
 }
-const _e = {
+const be = {
   useAxios: ie,
-  useDebouncedFilter: tr,
-  useDeleteUrlBuilder: rr,
-  useErrors: nr,
-  useExternalLinkCreator: ir,
-  useFetcher: ar,
+  useDebouncedFilter: rr,
+  useDeleteUrlBuilder: nr,
+  useErrors: ir,
+  useExternalLinkCreator: ar,
+  useFetcher: or,
   useFetchUrlBuilder: ze,
   useHelpers: $e,
-  useStringHelpers: or,
+  useStringHelpers: sr,
   useI18n: ae,
-  useGatewayFeatureSupported: dr,
-  useTruncationDetector: yr
-}, fr = (e, t) => {
+  useGatewayFeatureSupported: yr,
+  useTruncationDetector: fr
+}, hr = (e, t) => {
   const r = e.__vccOpts || e;
   for (const [i, n] of t)
     r[i] = n;
   return r;
-}, hr = "#0044f4", gr = "16px";
+}, gr = "#0044f4", mr = "16px";
 /*! js-yaml 4.1.0 https://github.com/nodeca/js-yaml @license MIT */
 function Fe(e) {
   return typeof e > "u" || e === null;
 }
-function mr(e) {
+function vr(e) {
   return typeof e == "object" && e !== null;
 }
-function vr(e) {
+function _r(e) {
   return Array.isArray(e) ? e : Fe(e) ? [] : [e];
 }
 function br(e, t) {
@@ -1204,22 +1204,22 @@ function br(e, t) {
       n = o[r], e[n] = t[n];
   return e;
 }
-function _r(e, t) {
+function wr(e, t) {
   var r = "", i;
   for (i = 0; i < t; i += 1)
     r += e;
   return r;
 }
-function wr(e) {
+function kr(e) {
   return e === 0 && Number.NEGATIVE_INFINITY === 1 / e;
 }
-var kr = Fe, Sr = mr, xr = vr, Ir = _r, Tr = wr, Ar = br, oe = {
-  isNothing: kr,
-  isObject: Sr,
-  toArray: xr,
-  repeat: Ir,
-  isNegativeZero: Tr,
-  extend: Ar
+var Sr = Fe, xr = vr, Ir = _r, Tr = wr, Ar = kr, Cr = br, oe = {
+  isNothing: Sr,
+  isObject: xr,
+  toArray: Ir,
+  repeat: Tr,
+  isNegativeZero: Ar,
+  extend: Cr
 };
 function Ve(e, t) {
   var r = "", i = e.reason || "(unknown reason)";
@@ -1235,7 +1235,7 @@ G.prototype.constructor = G;
 G.prototype.toString = function(e) {
   return this.name + ": " + Ve(this, e);
 };
-var L = G, Cr = [
+var L = G, Er = [
   "kind",
   "multi",
   "resolve",
@@ -1246,12 +1246,12 @@ var L = G, Cr = [
   "representName",
   "defaultStyle",
   "styleAliases"
-], Er = [
+], qr = [
   "scalar",
   "sequence",
   "mapping"
 ];
-function qr(e) {
+function Nr(e) {
   var t = {};
   return e !== null && Object.keys(e).forEach(function(r) {
     e[r].forEach(function(i) {
@@ -1259,18 +1259,18 @@ function qr(e) {
     });
   }), t;
 }
-function Nr(e, t) {
+function Or(e, t) {
   if (t = t || {}, Object.keys(t).forEach(function(r) {
-    if (Cr.indexOf(r) === -1)
+    if (Er.indexOf(r) === -1)
       throw new L('Unknown option "' + r + '" is met in definition of "' + e + '" YAML type.');
   }), this.options = t, this.tag = e, this.kind = t.kind || null, this.resolve = t.resolve || function() {
     return !0;
   }, this.construct = t.construct || function(r) {
     return r;
-  }, this.instanceOf = t.instanceOf || null, this.predicate = t.predicate || null, this.represent = t.represent || null, this.representName = t.representName || null, this.defaultStyle = t.defaultStyle || null, this.multi = t.multi || !1, this.styleAliases = qr(t.styleAliases || null), Er.indexOf(this.kind) === -1)
+  }, this.instanceOf = t.instanceOf || null, this.predicate = t.predicate || null, this.represent = t.represent || null, this.representName = t.representName || null, this.defaultStyle = t.defaultStyle || null, this.multi = t.multi || !1, this.styleAliases = Nr(t.styleAliases || null), qr.indexOf(this.kind) === -1)
     throw new L('Unknown kind "' + this.kind + '" is specified for "' + e + '" YAML type.');
 }
-var _ = Nr;
+var b = Or;
 function we(e, t) {
   var r = [];
   return e[t].forEach(function(i) {
@@ -1280,7 +1280,7 @@ function we(e, t) {
     }), r[n] = i;
   }), r;
 }
-function Or() {
+function Rr() {
   var e = {
     scalar: {},
     sequence: {},
@@ -1305,7 +1305,7 @@ function te(e) {
 }
 te.prototype.extend = function(e) {
   var t = [], r = [];
-  if (e instanceof _)
+  if (e instanceof b)
     r.push(e);
   else if (Array.isArray(e))
     r = r.concat(e);
@@ -1314,58 +1314,58 @@ te.prototype.extend = function(e) {
   else
     throw new L("Schema.extend argument should be a Type, [ Type ], or a schema definition ({ implicit: [...], explicit: [...] })");
   t.forEach(function(n) {
-    if (!(n instanceof _))
+    if (!(n instanceof b))
       throw new L("Specified list of YAML types (or a single Type object) contains a non-Type object.");
     if (n.loadKind && n.loadKind !== "scalar")
       throw new L("There is a non-scalar type in the implicit list of a schema. Implicit resolving of such types is not supported.");
     if (n.multi)
       throw new L("There is a multi type in the implicit list of a schema. Multi tags can only be listed as explicit.");
   }), r.forEach(function(n) {
-    if (!(n instanceof _))
+    if (!(n instanceof b))
       throw new L("Specified list of YAML types (or a single Type object) contains a non-Type object.");
   });
   var i = Object.create(te.prototype);
-  return i.implicit = (this.implicit || []).concat(t), i.explicit = (this.explicit || []).concat(r), i.compiledImplicit = we(i, "implicit"), i.compiledExplicit = we(i, "explicit"), i.compiledTypeMap = Or(i.compiledImplicit, i.compiledExplicit), i;
+  return i.implicit = (this.implicit || []).concat(t), i.explicit = (this.explicit || []).concat(r), i.compiledImplicit = we(i, "implicit"), i.compiledExplicit = we(i, "explicit"), i.compiledTypeMap = Rr(i.compiledImplicit, i.compiledExplicit), i;
 };
-var Rr = te, Lr = new _("tag:yaml.org,2002:str", {
+var Lr = te, Dr = new b("tag:yaml.org,2002:str", {
   kind: "scalar",
   construct: function(e) {
     return e !== null ? e : "";
   }
-}), Dr = new _("tag:yaml.org,2002:seq", {
+}), jr = new b("tag:yaml.org,2002:seq", {
   kind: "sequence",
   construct: function(e) {
     return e !== null ? e : [];
   }
-}), jr = new _("tag:yaml.org,2002:map", {
+}), $r = new b("tag:yaml.org,2002:map", {
   kind: "mapping",
   construct: function(e) {
     return e !== null ? e : {};
   }
-}), $r = new Rr({
+}), zr = new Lr({
   explicit: [
-    Lr,
     Dr,
-    jr
+    jr,
+    $r
   ]
 });
-function zr(e) {
+function Pr(e) {
   if (e === null)
     return !0;
   var t = e.length;
   return t === 1 && e === "~" || t === 4 && (e === "null" || e === "Null" || e === "NULL");
 }
-function Pr() {
+function Ur() {
   return null;
 }
-function Ur(e) {
+function Fr(e) {
   return e === null;
 }
-var Fr = new _("tag:yaml.org,2002:null", {
+var Vr = new b("tag:yaml.org,2002:null", {
   kind: "scalar",
-  resolve: zr,
-  construct: Pr,
-  predicate: Ur,
+  resolve: Pr,
+  construct: Ur,
+  predicate: Fr,
   represent: {
     canonical: function() {
       return "~";
@@ -1385,23 +1385,23 @@ var Fr = new _("tag:yaml.org,2002:null", {
   },
   defaultStyle: "lowercase"
 });
-function Vr(e) {
+function Kr(e) {
   if (e === null)
     return !1;
   var t = e.length;
   return t === 4 && (e === "true" || e === "True" || e === "TRUE") || t === 5 && (e === "false" || e === "False" || e === "FALSE");
 }
-function Kr(e) {
+function Br(e) {
   return e === "true" || e === "True" || e === "TRUE";
 }
-function Br(e) {
+function Gr(e) {
   return Object.prototype.toString.call(e) === "[object Boolean]";
 }
-var Gr = new _("tag:yaml.org,2002:bool", {
+var Mr = new b("tag:yaml.org,2002:bool", {
   kind: "scalar",
-  resolve: Vr,
-  construct: Kr,
-  predicate: Br,
+  resolve: Kr,
+  construct: Br,
+  predicate: Gr,
   represent: {
     lowercase: function(e) {
       return e ? "true" : "false";
@@ -1415,16 +1415,16 @@ var Gr = new _("tag:yaml.org,2002:bool", {
   },
   defaultStyle: "lowercase"
 });
-function Mr(e) {
+function Hr(e) {
   return 48 <= e && e <= 57 || 65 <= e && e <= 70 || 97 <= e && e <= 102;
 }
-function Hr(e) {
+function Yr(e) {
   return 48 <= e && e <= 55;
 }
-function Yr(e) {
+function Zr(e) {
   return 48 <= e && e <= 57;
 }
-function Zr(e) {
+function Wr(e) {
   if (e === null)
     return !1;
   var t = e.length, r = 0, i = !1, n;
@@ -1445,7 +1445,7 @@ function Zr(e) {
     if (n === "x") {
       for (r++; r < t; r++)
         if (n = e[r], n !== "_") {
-          if (!Mr(e.charCodeAt(r)))
+          if (!Hr(e.charCodeAt(r)))
             return !1;
           i = !0;
         }
@@ -1454,7 +1454,7 @@ function Zr(e) {
     if (n === "o") {
       for (r++; r < t; r++)
         if (n = e[r], n !== "_") {
-          if (!Hr(e.charCodeAt(r)))
+          if (!Yr(e.charCodeAt(r)))
             return !1;
           i = !0;
         }
@@ -1465,13 +1465,13 @@ function Zr(e) {
     return !1;
   for (; r < t; r++)
     if (n = e[r], n !== "_") {
-      if (!Yr(e.charCodeAt(r)))
+      if (!Zr(e.charCodeAt(r)))
         return !1;
       i = !0;
     }
   return !(!i || n === "_");
 }
-function Wr(e) {
+function Jr(e) {
   var t = e, r = 1, i;
   if (t.indexOf("_") !== -1 && (t = t.replace(/_/g, "")), i = t[0], (i === "-" || i === "+") && (i === "-" && (r = -1), t = t.slice(1), i = t[0]), t === "0")
     return 0;
@@ -1485,14 +1485,14 @@ function Wr(e) {
   }
   return r * parseInt(t, 10);
 }
-function Jr(e) {
+function Qr(e) {
   return Object.prototype.toString.call(e) === "[object Number]" && e % 1 === 0 && !oe.isNegativeZero(e);
 }
-var Qr = new _("tag:yaml.org,2002:int", {
+var Xr = new b("tag:yaml.org,2002:int", {
   kind: "scalar",
-  resolve: Zr,
-  construct: Wr,
-  predicate: Jr,
+  resolve: Wr,
+  construct: Jr,
+  predicate: Qr,
   represent: {
     binary: function(e) {
       return e >= 0 ? "0b" + e.toString(2) : "-0b" + e.toString(2).slice(1);
@@ -1515,21 +1515,21 @@ var Qr = new _("tag:yaml.org,2002:int", {
     decimal: [10, "dec"],
     hexadecimal: [16, "hex"]
   }
-}), Xr = new RegExp(
+}), en = new RegExp(
   // 2.5e4, 2.5 and integers
   "^(?:[-+]?(?:[0-9][0-9_]*)(?:\\.[0-9_]*)?(?:[eE][-+]?[0-9]+)?|\\.[0-9_]+(?:[eE][-+]?[0-9]+)?|[-+]?\\.(?:inf|Inf|INF)|\\.(?:nan|NaN|NAN))$"
 );
-function en(e) {
-  return !(e === null || !Xr.test(e) || // Quick hack to not allow integers end with `_`
+function tn(e) {
+  return !(e === null || !en.test(e) || // Quick hack to not allow integers end with `_`
   // Probably should update regexp & check speed
   e[e.length - 1] === "_");
 }
-function tn(e) {
+function rn(e) {
   var t, r;
   return t = e.replace(/_/g, "").toLowerCase(), r = t[0] === "-" ? -1 : 1, "+-".indexOf(t[0]) >= 0 && (t = t.slice(1)), t === ".inf" ? r === 1 ? Number.POSITIVE_INFINITY : Number.NEGATIVE_INFINITY : t === ".nan" ? NaN : r * parseFloat(t, 10);
 }
-var rn = /^[-+]?[0-9]+e/;
-function nn(e, t) {
+var nn = /^[-+]?[0-9]+e/;
+function an(e, t) {
   var r;
   if (isNaN(e))
     switch (t) {
@@ -1560,34 +1560,34 @@ function nn(e, t) {
     }
   else if (oe.isNegativeZero(e))
     return "-0.0";
-  return r = e.toString(10), rn.test(r) ? r.replace("e", ".e") : r;
+  return r = e.toString(10), nn.test(r) ? r.replace("e", ".e") : r;
 }
-function an(e) {
+function on(e) {
   return Object.prototype.toString.call(e) === "[object Number]" && (e % 1 !== 0 || oe.isNegativeZero(e));
 }
-var on = new _("tag:yaml.org,2002:float", {
+var sn = new b("tag:yaml.org,2002:float", {
   kind: "scalar",
-  resolve: en,
-  construct: tn,
-  predicate: an,
-  represent: nn,
+  resolve: tn,
+  construct: rn,
+  predicate: on,
+  represent: an,
   defaultStyle: "lowercase"
-}), sn = $r.extend({
+}), ln = zr.extend({
   implicit: [
-    Fr,
-    Gr,
-    Qr,
-    on
+    Vr,
+    Mr,
+    Xr,
+    sn
   ]
-}), ln = sn, Ke = new RegExp(
+}), cn = ln, Ke = new RegExp(
   "^([0-9][0-9][0-9][0-9])-([0-9][0-9])-([0-9][0-9])$"
 ), Be = new RegExp(
   "^([0-9][0-9][0-9][0-9])-([0-9][0-9]?)-([0-9][0-9]?)(?:[Tt]|[ \\t]+)([0-9][0-9]?):([0-9][0-9]):([0-9][0-9])(?:\\.([0-9]*))?(?:[ \\t]*(Z|([-+])([0-9][0-9]?)(?::([0-9][0-9]))?))?$"
 );
-function cn(e) {
+function un(e) {
   return e === null ? !1 : Ke.exec(e) !== null || Be.exec(e) !== null;
 }
-function un(e) {
+function pn(e) {
   var t, r, i, n, o, a, s, l = 0, f = null, p, c, y;
   if (t = Ke.exec(e), t === null && (t = Be.exec(e)), t === null)
     throw new Error("Date resolve error");
@@ -1600,25 +1600,25 @@ function un(e) {
   }
   return t[9] && (p = +t[10], c = +(t[11] || 0), f = (p * 60 + c) * 6e4, t[9] === "-" && (f = -f)), y = new Date(Date.UTC(r, i, n, o, a, s, l)), f && y.setTime(y.getTime() - f), y;
 }
-function pn(e) {
+function dn(e) {
   return e.toISOString();
 }
-var dn = new _("tag:yaml.org,2002:timestamp", {
+var yn = new b("tag:yaml.org,2002:timestamp", {
   kind: "scalar",
-  resolve: cn,
-  construct: un,
+  resolve: un,
+  construct: pn,
   instanceOf: Date,
-  represent: pn
+  represent: dn
 });
-function yn(e) {
+function fn(e) {
   return e === "<<" || e === null;
 }
-var fn = new _("tag:yaml.org,2002:merge", {
+var hn = new b("tag:yaml.org,2002:merge", {
   kind: "scalar",
-  resolve: yn
+  resolve: fn
 }), se = `ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=
 \r`;
-function hn(e) {
+function gn(e) {
   if (e === null)
     return !1;
   var t, r, i = 0, n = e.length, o = se;
@@ -1630,37 +1630,37 @@ function hn(e) {
     }
   return i % 8 === 0;
 }
-function gn(e) {
+function mn(e) {
   var t, r, i = e.replace(/[\r\n=]/g, ""), n = i.length, o = se, a = 0, s = [];
   for (t = 0; t < n; t++)
     t % 4 === 0 && t && (s.push(a >> 16 & 255), s.push(a >> 8 & 255), s.push(a & 255)), a = a << 6 | o.indexOf(i.charAt(t));
   return r = n % 4 * 6, r === 0 ? (s.push(a >> 16 & 255), s.push(a >> 8 & 255), s.push(a & 255)) : r === 18 ? (s.push(a >> 10 & 255), s.push(a >> 2 & 255)) : r === 12 && s.push(a >> 4 & 255), new Uint8Array(s);
 }
-function mn(e) {
+function vn(e) {
   var t = "", r = 0, i, n, o = e.length, a = se;
   for (i = 0; i < o; i++)
     i % 3 === 0 && i && (t += a[r >> 18 & 63], t += a[r >> 12 & 63], t += a[r >> 6 & 63], t += a[r & 63]), r = (r << 8) + e[i];
   return n = o % 3, n === 0 ? (t += a[r >> 18 & 63], t += a[r >> 12 & 63], t += a[r >> 6 & 63], t += a[r & 63]) : n === 2 ? (t += a[r >> 10 & 63], t += a[r >> 4 & 63], t += a[r << 2 & 63], t += a[64]) : n === 1 && (t += a[r >> 2 & 63], t += a[r << 4 & 63], t += a[64], t += a[64]), t;
 }
-function vn(e) {
+function _n(e) {
   return Object.prototype.toString.call(e) === "[object Uint8Array]";
 }
-var bn = new _("tag:yaml.org,2002:binary", {
+var bn = new b("tag:yaml.org,2002:binary", {
   kind: "scalar",
-  resolve: hn,
-  construct: gn,
-  predicate: vn,
-  represent: mn
-}), _n = Object.prototype.hasOwnProperty, wn = Object.prototype.toString;
-function kn(e) {
+  resolve: gn,
+  construct: mn,
+  predicate: _n,
+  represent: vn
+}), wn = Object.prototype.hasOwnProperty, kn = Object.prototype.toString;
+function Sn(e) {
   if (e === null)
     return !0;
   var t = [], r, i, n, o, a, s = e;
   for (r = 0, i = s.length; r < i; r += 1) {
-    if (n = s[r], a = !1, wn.call(n) !== "[object Object]")
+    if (n = s[r], a = !1, kn.call(n) !== "[object Object]")
       return !1;
     for (o in n)
-      if (_n.call(n, o))
+      if (wn.call(n, o))
         if (!a)
           a = !0;
         else
@@ -1674,26 +1674,26 @@ function kn(e) {
   }
   return !0;
 }
-function Sn(e) {
+function xn(e) {
   return e !== null ? e : [];
 }
-var xn = new _("tag:yaml.org,2002:omap", {
+var In = new b("tag:yaml.org,2002:omap", {
   kind: "sequence",
-  resolve: kn,
-  construct: Sn
-}), In = Object.prototype.toString;
-function Tn(e) {
+  resolve: Sn,
+  construct: xn
+}), Tn = Object.prototype.toString;
+function An(e) {
   if (e === null)
     return !0;
   var t, r, i, n, o, a = e;
   for (o = new Array(a.length), t = 0, r = a.length; t < r; t += 1) {
-    if (i = a[t], In.call(i) !== "[object Object]" || (n = Object.keys(i), n.length !== 1))
+    if (i = a[t], Tn.call(i) !== "[object Object]" || (n = Object.keys(i), n.length !== 1))
       return !1;
     o[t] = [n[0], i[n[0]]];
   }
   return !0;
 }
-function An(e) {
+function Cn(e) {
   if (e === null)
     return [];
   var t, r, i, n, o, a = e;
@@ -1701,59 +1701,59 @@ function An(e) {
     i = a[t], n = Object.keys(i), o[t] = [n[0], i[n[0]]];
   return o;
 }
-var Cn = new _("tag:yaml.org,2002:pairs", {
+var En = new b("tag:yaml.org,2002:pairs", {
   kind: "sequence",
-  resolve: Tn,
-  construct: An
-}), En = Object.prototype.hasOwnProperty;
-function qn(e) {
+  resolve: An,
+  construct: Cn
+}), qn = Object.prototype.hasOwnProperty;
+function Nn(e) {
   if (e === null)
     return !0;
   var t, r = e;
   for (t in r)
-    if (En.call(r, t) && r[t] !== null)
+    if (qn.call(r, t) && r[t] !== null)
       return !1;
   return !0;
 }
-function Nn(e) {
+function On(e) {
   return e !== null ? e : {};
 }
-var On = new _("tag:yaml.org,2002:set", {
+var Rn = new b("tag:yaml.org,2002:set", {
   kind: "mapping",
-  resolve: qn,
-  construct: Nn
+  resolve: Nn,
+  construct: On
 });
-ln.extend({
+cn.extend({
   implicit: [
-    dn,
-    fn
+    yn,
+    hn
   ],
   explicit: [
     bn,
-    xn,
-    Cn,
-    On
+    In,
+    En,
+    Rn
   ]
 });
 function ke(e) {
   return e === 48 ? "\0" : e === 97 ? "\x07" : e === 98 ? "\b" : e === 116 || e === 9 ? "	" : e === 110 ? `
 ` : e === 118 ? "\v" : e === 102 ? "\f" : e === 114 ? "\r" : e === 101 ? "\x1B" : e === 32 ? " " : e === 34 ? '"' : e === 47 ? "/" : e === 92 ? "\\" : e === 78 ? "…" : e === 95 ? " " : e === 76 ? "\u2028" : e === 80 ? "\u2029" : "";
 }
-var Rn = new Array(256), Ln = new Array(256);
+var Ln = new Array(256), Dn = new Array(256);
 for (var z = 0; z < 256; z++)
-  Rn[z] = ke(z) ? 1 : 0, Ln[z] = ke(z);
-const Se = "24px", Dn = (e, t) => {
+  Ln[z] = ke(z) ? 1 : 0, Dn[z] = ke(z);
+const Se = "24px", jn = (e, t) => {
   const r = e.__vccOpts || e;
   for (const [i, n] of t)
     r[i] = n;
   return r;
-}, jn = (e) => (Ze("data-v-13f41aa3"), e = e(), We(), e), $n = ["aria-hidden"], zn = {
+}, $n = (e) => (Ze("data-v-13f41aa3"), e = e(), We(), e), zn = ["aria-hidden"], Pn = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, Pn = /* @__PURE__ */ jn(() => /* @__PURE__ */ V("path", {
+}, Un = /* @__PURE__ */ $n(() => /* @__PURE__ */ V("path", {
   d: "M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6H5V20H16V22H5ZM9 18C8.45 18 7.97917 17.8042 7.5875 17.4125C7.19583 17.0208 7 16.55 7 16V4C7 3.45 7.19583 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V16C20 16.55 19.8042 17.0208 19.4125 17.4125C19.0208 17.8042 18.55 18 18 18H9ZM9 16H18V4H9V16Z",
   fill: "currentColor"
-}, null, -1)), Un = /* @__PURE__ */ E({
+}, null, -1)), Fn = /* @__PURE__ */ E({
   __name: "CopyIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -1839,20 +1839,20 @@ const Se = "24px", Dn = (e, t) => {
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (h(), C("title", zn, F(e.title), 1)) : B("", !0),
-          Pn
-        ], 8, $n))
+          e.title ? (h(), C("title", Pn, F(e.title), 1)) : B("", !0),
+          Un
+        ], 8, zn))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
-}), Fn = /* @__PURE__ */ Dn(Un, [["__scopeId", "data-v-13f41aa3"]]), Vn = {
+}), Vn = /* @__PURE__ */ jn(Fn, [["__scopeId", "data-v-13f41aa3"]]), Kn = {
   class: "kong-ui-public-entity-link",
   "data-testid": "entity-link-parent"
-}, Kn = {
+}, Bn = {
   key: 0,
   class: "deleted-entity"
-}, Bn = { key: 1 }, Gn = ["onClick"], Mn = /* @__PURE__ */ E({
+}, Gn = { key: 1 }, Mn = ["onClick"], Hn = /* @__PURE__ */ E({
   __name: "EntityLink",
   props: {
     entityLinkData: {
@@ -1876,15 +1876,15 @@ const Se = "24px", Dn = (e, t) => {
     }
   },
   setup(e) {
-    const t = e, r = m(), { isTruncated: i } = _e.useTruncationDetector(r), { i18n: { t: n } } = _e.useI18n(), o = n("global.actions.copyId"), a = m(o), s = v(() => t.entityLinkData.deleted ?? !1), l = v(() => t.entityLinkData.id.toString().includes(":") ? t.entityLinkData.id.toString().split(":")[1] : t.entityLinkData.id), f = v(() => `${l.value.toString().slice(0, 5)} (deleted)`), p = async (c) => {
+    const t = e, r = m(), { isTruncated: i } = be.useTruncationDetector(r), { i18n: { t: n } } = be.useI18n(), o = n("global.actions.copyId"), a = m(o), s = v(() => t.entityLinkData.deleted ?? !1), l = v(() => t.entityLinkData.id.toString().includes(":") ? t.entityLinkData.id.toString().split(":")[1] : t.entityLinkData.id), f = v(() => `${l.value.toString().slice(0, 5)} (deleted)`), p = async (c) => {
       await c(l.value || "") && (a.value = n("global.actions.copyToClipboard"), setTimeout(() => {
         a.value = o;
       }, 1800));
     };
     return (c, y) => {
-      const d = U("KTooltip"), w = U("KExternalLink"), b = U("KClipboardProvider");
-      return h(), C("div", Vn, [
-        s.value ? (h(), C("div", Kn, F(f.value), 1)) : l.value ? l.value ? (h(), T(w, {
+      const d = U("KTooltip"), w = U("KExternalLink"), _ = U("KClipboardProvider");
+      return h(), C("div", Kn, [
+        s.value ? (h(), C("div", Bn, F(f.value), 1)) : l.value ? l.value ? (h(), T(w, {
           key: 2,
           class: "entity-link",
           "hide-icon": !e.newWindow,
@@ -1906,7 +1906,7 @@ const Se = "24px", Dn = (e, t) => {
             }, 8, ["text"])
           ]),
           _: 1
-        }, 8, ["hide-icon", "href", "target"])) : B("", !0) : (h(), C("div", Bn, F(" – "))),
+        }, 8, ["hide-icon", "href", "target"])) : B("", !0) : (h(), C("div", Gn, F(" – "))),
         l.value && e.allowCopy ? (h(), T(d, {
           key: a.value,
           class: "copy-uuid-tooltip",
@@ -1915,19 +1915,19 @@ const Se = "24px", Dn = (e, t) => {
           text: a.value
         }, {
           default: S(() => [
-            q(b, null, {
+            q(_, null, {
               default: S(({ copyToClipboard: N }) => [
                 V("span", {
                   class: "entity-link-copy-id",
                   onClick: He((j) => p(N), ["stop"])
                 }, [
-                  q(g(Fn), {
+                  q(g(Vn), {
                     class: "copy-icon",
-                    color: g(hr),
+                    color: g(gr),
                     "data-testid": "copy-id",
-                    size: g(gr)
+                    size: g(mr)
                   }, null, 8, ["color", "size"])
-                ], 8, Gn)
+                ], 8, Mn)
               ]),
               _: 1
             })
@@ -1937,7 +1937,7 @@ const Se = "24px", Dn = (e, t) => {
       ]);
     };
   }
-}), Hn = /* @__PURE__ */ fr(Mn, [["__scopeId", "data-v-ff8e5179"]]), Yn = /* @__PURE__ */ E({
+}), Yn = /* @__PURE__ */ hr(Hn, [["__scopeId", "data-v-ff8e5179"]]), Zn = /* @__PURE__ */ E({
   __name: "TopNTableRenderer",
   props: {
     query: {},
@@ -1972,7 +1972,7 @@ const Se = "24px", Dn = (e, t) => {
           t.chartOptions.entityLink ? {
             name: "name",
             fn: S(({ record: a }) => [
-              q(g(Hn), {
+              q(g(Yn), {
                 "entity-link-data": {
                   id: a.id,
                   label: a.name,
@@ -1988,7 +1988,7 @@ const Se = "24px", Dn = (e, t) => {
       _: 1
     }, 8, ["context", "query", "query-ready"]));
   }
-}), Zn = { class: "tile-boundary" }, Wn = /* @__PURE__ */ E({
+}), Wn = { class: "tile-boundary" }, Jn = /* @__PURE__ */ E({
   __name: "DashboardTile",
   props: {
     definition: {},
@@ -2000,12 +2000,12 @@ const Se = "24px", Dn = (e, t) => {
       a16bb866: `${o.height}px`
     }));
     const t = parseInt(je, 10), r = e, i = {
-      [I.TimeseriesLine]: Pt,
+      [I.TimeseriesLine]: Ut,
       [I.HorizontalBar]: ye,
       [I.VerticalBar]: ye,
-      [I.Gauge]: Lt,
-      [I.GoldenSignals]: Vt,
-      [I.TopN]: Yn,
+      [I.Gauge]: Dt,
+      [I.GoldenSignals]: Kt,
+      [I.TopN]: Zn,
       [I.Slottable]: void 0
     }, n = v(() => {
       const o = i[r.definition.chart.type];
@@ -2021,11 +2021,11 @@ const Se = "24px", Dn = (e, t) => {
         }
       };
     });
-    return (o, a) => (h(), C("div", Zn, [
+    return (o, a) => (h(), C("div", Wn, [
       n.value ? (h(), T(Ae(n.value.component), Te(Qe({ key: 0 }, n.value.rendererProps)), null, 16)) : B("", !0)
     ]));
   }
-}), Jn = /* @__PURE__ */ D(Wn, [["__scopeId", "data-v-3d6e352f"]]), Qn = /* @__PURE__ */ E({
+}), Qn = /* @__PURE__ */ D(Jn, [["__scopeId", "data-v-3d6e352f"]]), Xn = /* @__PURE__ */ E({
   __name: "GridLayout",
   props: {
     gridSize: {
@@ -2085,10 +2085,10 @@ const Se = "24px", Dn = (e, t) => {
       ], 6))), 128))
     ], 512));
   }
-}), Xn = /* @__PURE__ */ D(Qn, [["__scopeId", "data-v-371c2765"]]), ei = { class: "kong-ui-public-dashboard-renderer" }, ti = {
+}), ei = /* @__PURE__ */ D(Xn, [["__scopeId", "data-v-371c2765"]]), ti = { class: "kong-ui-public-dashboard-renderer" }, ri = {
   key: 0,
   class: "tile-container"
-}, ri = /* @__PURE__ */ E({
+}, ni = /* @__PURE__ */ E({
   __name: "DashboardRenderer",
   props: {
     context: {},
@@ -2108,17 +2108,17 @@ const Se = "24px", Dn = (e, t) => {
     });
     return (a, s) => {
       const l = U("KAlert");
-      return h(), C("div", ei, [
-        g(i) ? (h(), T(Xn, {
+      return h(), C("div", ti, [
+        g(i) ? (h(), T(ei, {
           key: 1,
           "grid-size": a.config.gridSize,
           "tile-height": a.config.tileHeight,
           tiles: n.value
         }, {
           tile: S(({ tile: f }) => [
-            f.meta.chart.type === g(I).Slottable ? (h(), C("div", ti, [
+            f.meta.chart.type === g(I).Slottable ? (h(), C("div", ri, [
               ne(a.$slots, f.meta.chart.id, {}, void 0, !0)
-            ])) : (h(), T(Jn, {
+            ])) : (h(), T(Qn, {
               key: 1,
               class: "tile-container",
               context: o.value,
@@ -2139,24 +2139,25 @@ const Se = "24px", Dn = (e, t) => {
       ]);
     };
   }
-}), yi = /* @__PURE__ */ D(ri, [["__scopeId", "data-v-1af70010"]]);
+}), fi = /* @__PURE__ */ D(ni, [["__scopeId", "data-v-1af70010"]]);
 export {
   dt as CP_ID_TOKEN,
   I as ChartTypes,
   Y as DEFAULT_TILE_HEIGHT,
-  yi as DashboardRenderer,
+  yt as DEFAULT_TILE_REFRESH_INTERVAL_MS,
+  fi as DashboardRenderer,
   de as ENTITY_ID_TOKEN,
-  Xn as GridLayout,
+  ei as GridLayout,
   Ne as INJECT_QUERY_PROVIDER,
-  ft as barChartSchema,
-  di as dashboardConfigSchema,
-  kt as exploreV4QuerySchema,
-  gt as gaugeChartSchema,
-  vt as metricCardSchema,
-  yt as slottableSchema,
-  It as tileConfigSchema,
-  St as tileDefinitionSchema,
-  xt as tileLayoutSchema,
-  ht as timeseriesChartSchema,
-  mt as topNTableSchema
+  ht as barChartSchema,
+  yi as dashboardConfigSchema,
+  St as exploreV4QuerySchema,
+  mt as gaugeChartSchema,
+  _t as metricCardSchema,
+  ft as slottableSchema,
+  Tt as tileConfigSchema,
+  xt as tileDefinitionSchema,
+  It as tileLayoutSchema,
+  gt as timeseriesChartSchema,
+  vt as topNTableSchema
 };