@kong-ui-public/dashboard-renderer 8.22.1 → 8.23.0

package/dist/{index-C8MsNMjG.js → index-BEIZB5yG.js}

@@ -1,11 +1,11 @@
-import { defineComponent as _e, computed as R, openBlock as O, createElementBlock as re, renderSlot as Xe, createTextVNode as Ke, toDisplayString as ne, createVNode as ye, withCtx as j, inject as qe, provide as hs, toRaw as fs, isRef as ms, isReactive as gs, toRef as st, hasInjectionContext as Vt, ref as Z, onMounted as Tt, watch as Je, onUnmounted as lt, getCurrentInstance as ps, readonly as Lt, resolveComponent as xe, withKeys as ys, unref as S, createElementVNode as he, createCommentVNode as me, createBlock as Q, watchEffect as Wi, createSlots as kt, normalizeStyle as pt, normalizeClass as et, mergeProps as Gi, normalizeProps as vs, guardReactiveProps as _s, defineAsyncComponent as Yi, Fragment as Ht, useCssVars as Ft, useModel as ji, nextTick as Ut, resolveDynamicComponent as Ki, toHandlers as ws, mergeModels as yt, renderList as Xi, useTemplateRef as Jt } from "vue";
-import { isPlatformDatasource as $t, msToGranularity as It, TimePeriods as Bt, TIMEFRAME_LOOKUP as Wt, requestFilterTypeEmptyV2 as bs, restoreAfterCapture as ei, prepareForCapture as xs, formatTimestamp as ti, EXPORT_RECORD_LIMIT as Qi, formatTime as ii } from "@kong-ui-public/analytics-utilities";
+import { defineComponent as _e, computed as R, openBlock as O, createElementBlock as re, renderSlot as Xe, createTextVNode as Ke, toDisplayString as ne, createVNode as ye, withCtx as j, inject as qe, provide as hs, toRaw as fs, isRef as ms, isReactive as gs, toRef as st, hasInjectionContext as Vt, ref as Z, onMounted as Tt, watch as Je, onUnmounted as lt, getCurrentInstance as ps, readonly as It, resolveComponent as xe, withKeys as ys, unref as S, createElementVNode as he, createCommentVNode as me, createBlock as Q, watchEffect as Wi, createSlots as kt, mergeProps as Gi, normalizeStyle as pt, normalizeClass as et, normalizeProps as vs, guardReactiveProps as _s, defineAsyncComponent as Yi, Fragment as Ft, useCssVars as Ut, useModel as ji, nextTick as $t, resolveDynamicComponent as Ki, toHandlers as ws, mergeModels as yt, renderList as Xi, useTemplateRef as Jt } from "vue";
+import { isPlatformDatasource as Bt, msToGranularity as Pt, TimePeriods as Wt, TIMEFRAME_LOOKUP as Gt, requestFilterTypeEmptyV2 as bs, restoreAfterCapture as ei, prepareForCapture as xs, formatTimestamp as ti, EXPORT_RECORD_LIMIT as Qi, formatTime as ii } from "@kong-ui-public/analytics-utilities";
 import { InfoIcon as Es, VisibilityOffIcon as Cs, WarningOutlineIcon as Ts, WarningIcon as si, ProgressIcon as ks, RefreshIcon as Rs, EditIcon as Ss, MoreIcon as Ds } from "@kong/icons";
 import { createI18n as Os, i18nTComponent as zs } from "@kong-ui-public/i18n";
-import { useAnalyticsConfigStore as Gt, useDatasourceConfigStore as ut } from "@kong-ui-public/analytics-config-store";
-import { handleQueryError as Ns, SimpleChart as Ms, AnalyticsChart as As, TopNTable as Ls } from "@kong-ui-public/analytics-chart";
-import Is from "swrv";
+import { useAnalyticsConfigStore as Yt, useDatasourceConfigStore as ut } from "@kong-ui-public/analytics-config-store";
+import Ns from "swrv";
 import "axios";
+import { handleQueryError as Ms, AnalyticsChart as As, SimpleChart as Ls, TopNTable as Is } from "@kong-ui-public/analytics-chart";
 import { MetricsProvider as Ps, MetricsConsumer as qs } from "@kong-ui-public/analytics-metric-provider";
 import { TableDataGrid as Hs } from "@kong-ui-public/table-data-grid";
 const Fs = {
@@ -75,7 +75,7 @@ const Fs = {
   const s = Fs[n];
   return typeof s == "string" ? i = s : e === 1 ? i = s.one : i = s.other.replace("{{count}}", e.toString()), t?.addSuffix ? t.comparison && t.comparison > 0 ? "in " + i : i + " ago" : i;
 };
-function St(n) {
+function Dt(n) {
   return (e = {}) => {
     const t = e.width ? String(e.width) : n.defaultWidth;
     return n.formats[t] || n.formats[n.defaultWidth];
@@ -97,15 +97,15 @@ const $s = {
   medium: "{{date}}, {{time}}",
   short: "{{date}}, {{time}}"
 }, Gs = {
-  date: St({
+  date: Dt({
     formats: $s,
     defaultWidth: "full"
   }),
-  time: St({
+  time: Dt({
     formats: Bs,
     defaultWidth: "full"
   }),
-  dateTime: St({
+  dateTime: Dt({
     formats: Ws,
     defaultWidth: "full"
   })
@@ -1295,7 +1295,7 @@ function tr(n, e) {
     parseInt(i[6], 10)
   ];
 }
-const Dt = {}, hi = new Intl.DateTimeFormat("en-US", {
+const Ot = {}, hi = new Intl.DateTimeFormat("en-US", {
   hourCycle: "h23",
   timeZone: "America/New_York",
   year: "numeric",
@@ -1306,7 +1306,7 @@ const Dt = {}, hi = new Intl.DateTimeFormat("en-US", {
   second: "2-digit"
 }).format(/* @__PURE__ */ new Date("2014-06-25T04:00:00.123Z")), ir = hi === "06/25/2014, 00:00:00" || hi === "‎06‎/‎25‎/‎2014‎ ‎00‎:‎00‎:‎00";
 function sr(n) {
-  return Dt[n] || (Dt[n] = ir ? new Intl.DateTimeFormat("en-US", {
+  return Ot[n] || (Ot[n] = ir ? new Intl.DateTimeFormat("en-US", {
     hourCycle: "h23",
     timeZone: n,
     year: "numeric",
@@ -1324,13 +1324,13 @@ function sr(n) {
     hour: "2-digit",
     minute: "2-digit",
     second: "2-digit"
-  })), Dt[n];
+  })), Ot[n];
 }
 function ts(n, e, t, i, s, r, o) {
   const a = /* @__PURE__ */ new Date(0);
   return a.setUTCFullYear(n, e, t), a.setUTCHours(i, s, r, o), a;
 }
-const fi = 36e5, nr = 6e4, Ot = {
+const fi = 36e5, nr = 6e4, zt = {
   timezoneZ: /^(Z)$/,
   timezoneHH: /^([+-]\d{2})$/,
   timezoneHHMM: /^([+-])(\d{2}):?(\d{2})$/
@@ -1338,20 +1338,20 @@ const fi = 36e5, nr = 6e4, Ot = {
 function is(n, e, t) {
   if (!n)
     return 0;
-  let i = Ot.timezoneZ.exec(n);
+  let i = zt.timezoneZ.exec(n);
   if (i)
     return 0;
   let s, r;
-  if (i = Ot.timezoneHH.exec(n), i)
+  if (i = zt.timezoneHH.exec(n), i)
     return s = parseInt(i[1], 10), mi(s) ? -(s * fi) : NaN;
-  if (i = Ot.timezoneHHMM.exec(n), i) {
+  if (i = zt.timezoneHHMM.exec(n), i) {
     s = parseInt(i[2], 10);
     const o = parseInt(i[3], 10);
     return mi(s, o) ? (r = Math.abs(s) * fi + o * nr, i[1] === "+" ? -r : r) : NaN;
   }
   if (ar(n)) {
     e = new Date(e || Date.now());
-    const o = t ? e : rr(e), a = Pt(o, n);
+    const o = t ? e : rr(e), a = qt(o, n);
     return -(t ? a : or(e, a, n));
   }
   return NaN;
@@ -1359,7 +1359,7 @@ function is(n, e, t) {
 function rr(n) {
   return ts(n.getFullYear(), n.getMonth(), n.getDate(), n.getHours(), n.getMinutes(), n.getSeconds(), n.getMilliseconds());
 }
-function Pt(n, e) {
+function qt(n, e) {
   const t = Vn(n, e), i = ts(t[0], t[1] - 1, t[2], t[3] % 24, t[4], t[5], 0).getTime();
   let s = n.getTime();
   const r = s % 1e3;
@@ -1367,11 +1367,11 @@ function Pt(n, e) {
 }
 function or(n, e, t) {
   let s = n.getTime() - e;
-  const r = Pt(new Date(s), t);
+  const r = qt(new Date(s), t);
   if (e === r)
     return e;
   s -= r - e;
-  const o = Pt(new Date(s), t);
+  const o = qt(new Date(s), t);
   return r === o ? r : Math.max(r, o);
 }
 function mi(n, e) {
@@ -1390,7 +1390,7 @@ function ar(n) {
 const lr = 60 * 1e3, ur = {
   // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
   X: function(n, e, t) {
-    const i = zt(t.timeZone, n);
+    const i = Nt(t.timeZone, n);
     if (i === 0)
       return "Z";
     switch (e) {
@@ -1410,7 +1410,7 @@ const lr = 60 * 1e3, ur = {
   },
   // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
   x: function(n, e, t) {
-    const i = zt(t.timeZone, n);
+    const i = Nt(t.timeZone, n);
     switch (e) {
       // Hours and optional minutes
       case "x":
@@ -1428,7 +1428,7 @@ const lr = 60 * 1e3, ur = {
   },
   // Timezone (GMT)
   O: function(n, e, t) {
-    const i = zt(t.timeZone, n);
+    const i = Nt(t.timeZone, n);
     switch (e) {
       // Short
       case "O":
@@ -1452,7 +1452,7 @@ const lr = 60 * 1e3, ur = {
     }
   }
 };
-function zt(n, e) {
+function Nt(n, e) {
   const t = n ? is(n, e, !0) / lr : e?.getTimezoneOffset() ?? 0;
   if (Number.isNaN(t))
     throw new RangeError("Invalid time zone specified: " + n);
@@ -1480,7 +1480,7 @@ function yi(n) {
   const e = new Date(Date.UTC(n.getFullYear(), n.getMonth(), n.getDate(), n.getHours(), n.getMinutes(), n.getSeconds(), n.getMilliseconds()));
   return e.setUTCFullYear(n.getFullYear()), +n - +e;
 }
-const dr = /(Z|[+-]\d{2}(?::?\d{2})?| UTC| [a-zA-Z]+\/[a-zA-Z_]+(?:\/[a-zA-Z_]+)?)$/, Nt = 36e5, vi = 6e4, hr = 2, ke = {
+const dr = /(Z|[+-]\d{2}(?::?\d{2})?| UTC| [a-zA-Z]+\/[a-zA-Z_]+(?:\/[a-zA-Z_]+)?)$/, Mt = 36e5, vi = 6e4, hr = 2, ke = {
   dateTimePattern: /^([0-9W+-]+)(T| )(.*)/,
   datePattern: /^([0-9W+-]+)(.*)/,
   // year tokens
@@ -1608,13 +1608,13 @@ function pr(n, e) {
 function yr(n) {
   let e, t, i = ke.HH.exec(n);
   if (i)
-    return e = parseFloat(i[1].replace(",", ".")), Mt(e) ? e % 24 * Nt : NaN;
+    return e = parseFloat(i[1].replace(",", ".")), At(e) ? e % 24 * Mt : NaN;
   if (i = ke.HHMM.exec(n), i)
-    return e = parseInt(i[1], 10), t = parseFloat(i[2].replace(",", ".")), Mt(e, t) ? e % 24 * Nt + t * vi : NaN;
+    return e = parseInt(i[1], 10), t = parseFloat(i[2].replace(",", ".")), At(e, t) ? e % 24 * Mt + t * vi : NaN;
   if (i = ke.HHMMSS.exec(n), i) {
     e = parseInt(i[1], 10), t = parseInt(i[2], 10);
     const s = parseFloat(i[3].replace(",", "."));
-    return Mt(e, t, s) ? e % 24 * Nt + t * vi + s * 1e3 : NaN;
+    return At(e, t, s) ? e % 24 * Mt + t * vi + s * 1e3 : NaN;
   }
   return null;
 }
@@ -1650,7 +1650,7 @@ function wr(n, e) {
 function bi(n, e) {
   return !(n < 0 || n > 52 || e != null && (e < 0 || e > 6));
 }
-function Mt(n, e, t) {
+function At(n, e, t) {
   return !(n < 0 || n >= 25 || e != null && (e < 0 || e >= 60) || t != null && (t < 0 || t >= 60));
 }
 const br = /([xXOz]+)|''|'(''|[^'])+('|$)/g;
@@ -1668,7 +1668,7 @@ function xi(n, e, t = {}) {
   }
   return Yn(n, e, t);
 }
-const qt = "#6c7489", Ei = "12px", xr = "16px", Ci = "20px", Ti = "32px", ns = "20px";
+const Ht = "#6c7489", Ei = "12px", xr = "16px", Ci = "20px", Ti = "32px", ns = "20px";
 var ft = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function Er(n) {
   return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
@@ -2275,14 +2275,14 @@ function rs() {
     // Translation component <i18n-t>
   };
 }
-const dt = 170, Yt = 6, Ue = "analytics-query-provider", Si = "{entity-id}", Wr = "{cp-id}", Gr = "{timeframe}", Yr = 30 * 1e3, jr = 3e5, Kr = 36e5;
+const dt = 170, jt = 6, Ue = "analytics-query-provider", Si = "{entity-id}", Wr = "{cp-id}", Gr = "{timeframe}", Yr = 30 * 1e3, jr = 3e5, Kr = 36e5;
 function Xr() {
   const n = qe(Ue);
   return {
     evaluateFeatureFlag: (t, i) => n ? n.evaluateFeatureFlagFn(t, i) : i
   };
 }
-var At = { exports: {} }, Di;
+var Lt = { exports: {} }, Di;
 function Qr() {
   return Di || (Di = 1, (function(n) {
     var e = Object.prototype.hasOwnProperty, t = "~";
@@ -2387,14 +2387,14 @@ function Qr() {
       var u;
       return l ? (u = t ? t + l : l, this._events[u] && o(this, u)) : (this._events = new i(), this._eventsCount = 0), this;
     }, a.prototype.off = a.prototype.removeListener, a.prototype.addListener = a.prototype.on, a.prefixed = t, a.EventEmitter = a, n.exports = a;
-  })(At)), At.exports;
+  })(Lt)), Lt.exports;
 }
 var Zr = Qr();
 const Vr = /* @__PURE__ */ Er(Zr);
-class jt extends Error {
+class Kt extends Error {
   name = "TimeoutError";
   constructor(e, t) {
-    super(e, t), Error.captureStackTrace?.(this, jt);
+    super(e, t), Error.captureStackTrace?.(this, Kt);
   }
 }
 const Oi = (n) => n.reason ?? new DOMException("This operation was aborted.", "AbortError");
@@ -2418,7 +2418,7 @@ function Jr(n, e) {
       h(Oi(o));
     }, o.addEventListener("abort", c, { once: !0 })), n.then(d, h), t === Number.POSITIVE_INFINITY)
       return;
-    const y = new jt();
+    const y = new Kt();
     a = r.setTimeout.call(void 0, () => {
       if (i) {
         try {
@@ -3038,7 +3038,7 @@ class io extends Vr {
   }
 }
 const so = () => {
-  const n = Gt(), e = qe(Ue);
+  const n = Yt(), e = qe(Ue);
   if (!e)
     return;
   if (e.queryFnOverride) {
@@ -3104,14 +3104,14 @@ function lo({
   definition: t,
   chartData: i
 }) {
-  const s = Z(""), r = Z(""), o = Z(void 0), a = Z(void 0), c = Gt(), l = ut(), { stripUnknownFilters: u, loading: d } = rt(l), h = R(() => Ne(t.value));
+  const s = Z(""), r = Z(""), o = Z(void 0), a = Z(void 0), c = Yt(), l = ut(), { stripUnknownFilters: u, loading: d } = rt(l), h = R(() => Ne(t.value));
   Tt(async () => {
     s.value = await n?.exploreBaseUrl?.() ?? "", r.value = await n?.requestsBaseUrl?.() ?? "";
   });
   const y = R(() => c.analytics && c.percentiles), _ = R(() => {
     const p = t.value.chart.type;
     return ["golden_signals", "gauge"].includes(p) ? !1 : p === "top_n" ? !!e.value.editable || !!e.value.showTileActions : !0;
-  }), T = R(() => r.value && t.value.query && !h.value && t.value.query.datasource !== "llm_usage" && t.value.query.datasource !== "managed_cache_usage" && !$t(t.value.query.datasource) && y.value && !d.value), v = R(() => s.value && t.value.query && ao(t.value.query.datasource) && y.value && !d.value), A = R(() => i.value ? It(i.value.meta.granularity_ms) : void 0), k = R(() => {
+  }), T = R(() => r.value && t.value.query && !h.value && t.value.query.datasource !== "llm_usage" && t.value.query.datasource !== "managed_cache_usage" && !Bt(t.value.query.datasource) && y.value && !d.value), v = R(() => s.value && t.value.query && ao(t.value.query.datasource) && y.value && !d.value), A = R(() => i.value ? Pt(i.value.meta.granularity_ms) : void 0), k = R(() => {
     const p = t.value, x = [...e.value.filters, ...p.query.filters ?? []], C = "metrics" in p.query ? p.query.metrics : void 0, N = p.query?.datasource ?? "api_usage";
     return u.value({
       datasource: N,
@@ -3191,8 +3191,8 @@ function lo({
     buildRequestLink: z
   };
 }
-const uo = (n) => n.type === "relative" ? Bt.get(Wt[n.time_range])?.timeframeLengthMs() : new Date(n.end).getTime() - new Date(n.start).getTime(), co = (n) => n.reduce((e, t) => {
-  const i = Bt.get(Wt[t])?.maximumTimeframeLength();
+const uo = (n) => n.type === "relative" ? Wt.get(Gt[n.time_range])?.timeframeLengthMs() : new Date(n.end).getTime() - new Date(n.start).getTime(), co = (n) => n.reduce((e, t) => {
+  const i = Wt.get(Gt[t])?.maximumTimeframeLength();
   return i === void 0 || e && i <= e.durationSeconds ? e : { durationSeconds: i, key: t };
 }, void 0), os = (n, e) => {
   if (!n || !e?.length)
@@ -3224,7 +3224,7 @@ function fo() {
       datasource: u,
       limit: d,
       ...h
-    } = o, y = u || "basic", _ = $t(y), T = i.value({
+    } = o, y = u || "basic", _ = Bt(y), T = i.value({
       datasource: y,
       filters: [
         ...o.filters ?? [],
@@ -3258,7 +3258,7 @@ function mo({
   isFullscreen: t = Z(!1),
   preview: i = Z(!1)
 }) {
-  const s = Gt(), r = ut(), { loading: o } = rt(s), { loading: a } = rt(r), c = R(() => n.value.timeSpec ? n.value.timeSpec : {
+  const s = Yt(), r = ut(), { loading: o } = rt(s), { loading: a } = rt(r), c = R(() => n.value.timeSpec ? n.value.timeSpec : {
     type: "relative",
     time_range: s.defaultQueryTimeForOrg
   }), l = R(() => {
@@ -3446,7 +3446,7 @@ function _o(n) {
   }
   return {
     exportPdf: i,
-    exportState: Lt(t)
+    exportState: It(t)
   };
 }
 const Re = {
@@ -3596,7 +3596,7 @@ const Re = {
                 }, {
                   default: j(() => [
                     ye(S(Es), {
-                      color: `var(--kui-color-text-neutral, ${S(qt)})`,
+                      color: `var(--kui-color-text-neutral, ${S(Ht)})`,
                       size: `var(--kui-icon-size-30, ${S(xr)})`
                     }, null, 8, ["color", "size"])
                   ]),
@@ -3683,7 +3683,7 @@ function To(n = Z({}), e, t, i = Co) {
     swrvState: us
   };
 }
-const Kt = /* @__PURE__ */ _e({
+const Xt = /* @__PURE__ */ _e({
   __name: "QueryDataProvider",
   props: {
     context: {},
@@ -3694,7 +3694,7 @@ const Kt = /* @__PURE__ */ _e({
   },
   emits: ["chart-data", "query-complete"],
   setup(n, { emit: e }) {
-    const t = n, i = e, { i18n: s } = Re.useI18n(), { issueQuery: r } = Re.useIssueQuery(), o = qe(Ue), a = () => t.queryReady && o ? JSON.stringify([t.query, t.context, t.refreshCounter]) : null, { data: c, error: l, isValidating: u } = Is(a, async () => {
+    const t = n, i = e, { i18n: s } = Re.useI18n(), { issueQuery: r } = Re.useIssueQuery(), o = qe(Ue), a = () => t.queryReady && o ? JSON.stringify([t.query, t.context, t.refreshCounter]) : null, { data: c, error: l, isValidating: u } = Ns(a, async () => {
       const k = a();
       try {
         const E = await r(t.query, t.context, t.limitOverride);
@@ -3702,7 +3702,7 @@ const Kt = /* @__PURE__ */ _e({
       } catch (E) {
         if (a() !== k)
           return;
-        throw y.value = Ns(E), E;
+        throw y.value = Ms(E), E;
       } finally {
         a() === k && i("query-complete");
       }
@@ -3742,48 +3742,7 @@ const Kt = /* @__PURE__ */ _e({
       ]), 1024)) : A.value ? Xe(k.$slots, "default", { data: A.value }, void 0, void 0, 2) : me("", !0);
     };
   }
-}), ko = /* @__PURE__ */ _e({
-  __name: "SimpleChartRenderer",
-  props: {
-    query: {},
-    context: {},
-    queryReady: { type: Boolean },
-    chartOptions: {},
-    height: {},
-    refreshCounter: {},
-    headerDescription: {},
-    requestsLink: {},
-    exploreLink: {}
-  },
-  setup(n) {
-    const e = n, t = R(() => e.chartOptions.type === "single_value");
-    return (i, s) => (O(), Q(Kt, {
-      context: n.context,
-      query: n.query,
-      "query-ready": n.queryReady,
-      "refresh-counter": n.refreshCounter
-    }, {
-      default: j(({ data: r }) => [
-        he("div", {
-          class: et(["analytics-chart", { "single-value": t.value }]),
-          style: pt(t.value ? void 0 : { height: `${n.height}px` })
-        }, [
-          ye(S(Ms), {
-            "chart-data": r,
-            "chart-options": n.chartOptions,
-            "synthetics-data-key": t.value ? void 0 : n.chartOptions.synthetics_data_key
-          }, null, 8, ["chart-data", "chart-options", "synthetics-data-key"])
-        ], 6)
-      ]),
-      _: 1
-    }, 8, ["context", "query", "query-ready", "refresh-counter"]));
-  }
-}), Ge = (n, e) => {
-  const t = n.__vccOpts || n;
-  for (const [i, s] of e)
-    t[i] = s;
-  return t;
-}, Ii = /* @__PURE__ */ Ge(ko, [["__scopeId", "data-v-2cbfac70"]]), Ro = { class: "analytics-chart" }, So = /* @__PURE__ */ _e({
+}), ko = { class: "analytics-chart" }, Ro = /* @__PURE__ */ _e({
   __name: "BaseAnalyticsChartRenderer",
   props: {
     query: {},
@@ -3812,7 +3771,7 @@ const Kt = /* @__PURE__ */ _e({
     };
     return (l, u) => {
       const d = xe("KDropdownItem");
-      return O(), Q(Kt, {
+      return O(), Q(Xt, {
         context: n.context,
         query: n.query,
         "query-ready": n.queryReady,
@@ -3820,7 +3779,7 @@ const Kt = /* @__PURE__ */ _e({
         onChartData: c
       }, {
         default: j(({ data: h }) => [
-          he("div", Ro, [
+          he("div", ko, [
             ye(S(As), Gi({
               "chart-data": h,
               "chart-options": r.value,
@@ -3853,7 +3812,48 @@ const Kt = /* @__PURE__ */ _e({
       }, 8, ["context", "query", "query-ready", "refresh-counter"]);
     };
   }
-}), Xt = /* @__PURE__ */ Ge(So, [["__scopeId", "data-v-e1e7f610"]]), Pi = /* @__PURE__ */ _e({
+}), Ge = (n, e) => {
+  const t = n.__vccOpts || n;
+  for (const [i, s] of e)
+    t[i] = s;
+  return t;
+}, Rt = /* @__PURE__ */ Ge(Ro, [["__scopeId", "data-v-e1e7f610"]]), So = /* @__PURE__ */ _e({
+  __name: "SimpleChartRenderer",
+  props: {
+    query: {},
+    context: {},
+    queryReady: { type: Boolean },
+    chartOptions: {},
+    height: {},
+    refreshCounter: {},
+    headerDescription: {},
+    requestsLink: {},
+    exploreLink: {}
+  },
+  setup(n) {
+    const e = n, t = R(() => e.chartOptions.type === "single_value");
+    return (i, s) => (O(), Q(Xt, {
+      context: n.context,
+      query: n.query,
+      "query-ready": n.queryReady,
+      "refresh-counter": n.refreshCounter
+    }, {
+      default: j(({ data: r }) => [
+        he("div", {
+          class: et(["analytics-chart", { "single-value": t.value }]),
+          style: pt(t.value ? void 0 : { height: `${n.height}px` })
+        }, [
+          ye(S(Ls), {
+            "chart-data": r,
+            "chart-options": n.chartOptions,
+            "synthetics-data-key": t.value ? void 0 : n.chartOptions.synthetics_data_key
+          }, null, 8, ["chart-data", "chart-options", "synthetics-data-key"])
+        ], 6)
+      ]),
+      _: 1
+    }, 8, ["context", "query", "query-ready", "refresh-counter"]));
+  }
+}), Ii = /* @__PURE__ */ Ge(So, [["__scopeId", "data-v-2cbfac70"]]), Pi = /* @__PURE__ */ _e({
   __name: "BarChartRenderer",
   props: {
     query: {},
@@ -3867,7 +3867,7 @@ const Kt = /* @__PURE__ */ _e({
     exploreLink: {}
   },
   setup(n) {
-    return (e, t) => (O(), Q(Xt, {
+    return (e, t) => (O(), Q(Rt, {
       "chart-options": n.chartOptions,
       context: n.context,
       "extra-props": { showAnnotations: !1 },
@@ -3893,7 +3893,7 @@ const Kt = /* @__PURE__ */ _e({
   emits: ["zoom-time-range", "select-chart-range"],
   setup(n, { emit: e }) {
     const t = e;
-    return (i, s) => (O(), Q(Xt, {
+    return (i, s) => (O(), Q(Rt, {
       "chart-options": n.chartOptions,
       context: n.context,
       "explore-link": n.exploreLink,
@@ -3996,14 +3996,14 @@ const Kt = /* @__PURE__ */ _e({
           return u.replace(Si, l.id);
       return "";
     };
-    return (l, u) => (O(), Q(Kt, {
+    return (l, u) => (O(), Q(Xt, {
       context: n.context,
       query: n.query,
       "query-ready": n.queryReady,
       "refresh-counter": n.refreshCounter
     }, {
       default: j(({ data: d }) => [
-        ye(S(Ls), {
+        ye(S(Is), {
           data: d,
           "synthetics-data-key": n.chartOptions.synthetics_data_key
         }, kt({ _: 2 }, [
@@ -4018,7 +4018,7 @@ const Kt = /* @__PURE__ */ _e({
                   deleted: h.deleted
                 },
                 "external-link": c(h)
-              }, null, 8, ["entity-link-data", "external-link"])) : (O(), re(Ht, { key: 1 }, [
+              }, null, 8, ["entity-link-data", "external-link"])) : (O(), re(Ft, { key: 1 }, [
                 h.name === "empty" ? (O(), re("i", No, ne(h.name), 1)) : (O(), re("span", Mo, ne(h.name), 1))
               ], 64))
             ]),
@@ -4194,7 +4194,7 @@ const Kt = /* @__PURE__ */ _e({
     exploreLink: {}
   },
   setup(n) {
-    return (e, t) => (O(), Q(Xt, {
+    return (e, t) => (O(), Q(Rt, {
       "chart-options": n.chartOptions,
       context: n.context,
       height: n.height,
@@ -4225,12 +4225,12 @@ const Kt = /* @__PURE__ */ _e({
   }),
   emits: /* @__PURE__ */ yt(["chart-data", "tile-loaded", "edit-tile", "duplicate-tile", "remove-tile", "tile-time-range-zoom", "tile-bounds-change"], ["update:refreshCounter"]),
   setup(n, { expose: e, emit: t }) {
-    Ft((D) => ({
-      v404b76ce: `${D.height}px`
+    Ut((D) => ({
+      fb0f0a9c: `${D.height}px`
     }));
     const i = parseInt(ns, 10), s = ji(n, "refreshCounter"), r = () => {
       k.value = !0, s.value++;
-    }, o = t, a = Yi(() => import("./GeoMapRenderer-CvHqxDt9.js")), c = qe(Ue), l = ut(), { datasourceConfigMap: u, stripUnknownFilters: d } = rt(l), { i18n: h } = Re.useI18n(), y = Z(), _ = Z({ status: "loading" }), T = Z(!1), v = Z(), A = Z(!1), k = Z(!0), E = R(() => n.definition.chart), K = R(() => "chart_title" in E.value ? E.value.chart_title : void 0), z = R(() => n.definition.header_description), te = R(() => E.value.type === "slottable"), X = R(() => Ne(n.definition) ? !1 : !("allow_csv_export" in E.value) || E.value.allow_csv_export !== !1), {
+    }, o = t, a = Yi(() => import("./GeoMapRenderer-D35mhyQN.js")), c = qe(Ue), l = ut(), { datasourceConfigMap: u, stripUnknownFilters: d } = rt(l), { i18n: h } = Re.useI18n(), y = Z(), _ = Z({ status: "loading" }), T = Z(!1), v = Z(), A = Z(!1), k = Z(!0), E = R(() => n.definition.chart), K = R(() => "chart_title" in E.value ? E.value.chart_title : void 0), z = R(() => n.definition.header_description), te = R(() => E.value.type === "slottable"), X = R(() => Ne(n.definition) ? !1 : !("allow_csv_export" in E.value) || E.value.allow_csv_export !== !1), {
       exploreLinkKebabMenu: m,
       requestsLinkKebabMenu: f,
       canShowKebabMenu: p,
@@ -4244,12 +4244,12 @@ const Kt = /* @__PURE__ */ _e({
       buildRequestsQueryZoomActions: ue
     } = Re.useContextLinks({
       queryBridge: c,
-      chartData: Lt(y),
+      chartData: It(y),
       definition: st(() => n.definition),
-      context: Lt(st(() => n.context))
+      context: It(st(() => n.context))
     }), { issueQuery: P } = Re.useIssueQuery();
     Je(() => n.definition, async (D, B) => {
-      await Ut(), v.value && (A.value = v.value.scrollWidth > v.value.clientWidth);
+      await $t(), v.value && (A.value = v.value.scrollWidth > v.value.clientWidth);
       try {
         JSON.stringify(D?.query) !== JSON.stringify(B?.query) && (k.value = !0);
       } catch {
@@ -4258,6 +4258,7 @@ const Kt = /* @__PURE__ */ _e({
     const se = R(() => h.t("csvExport.defaultFilename")), L = R(() => !!m.value || X.value || !!n.context.editable), b = R(() => !n.hideActions && p.value && L.value), w = R(() => b.value && L.value && !n.isFullscreen), Y = {
       timeseries_line: qi,
       timeseries_bar: qi,
+      scatter: Rt,
       horizontal_bar: Pi,
       vertical_bar: Pi,
       gauge: Ii,
@@ -4303,10 +4304,10 @@ const Kt = /* @__PURE__ */ _e({
       if (Ne(n.definition))
         return null;
       const D = n.definition.query, B = D?.time_range;
-      if ($t(D?.datasource) && !D.dimensions?.includes("time"))
+      if (Bt(D?.datasource) && !D.dimensions?.includes("time"))
         return h.t("renderer.as_of_today");
       if (B?.type === "relative") {
-        const de = Bt.get(Wt[B.time_range]);
+        const de = Wt.get(Gt[B.time_range]);
         return de ? de.display : (console.warn("Did not recognize the given relative time range:", B.time_range), B.time_range);
       } else if (B?.type === "absolute") {
         const de = B.tz || "Etc/UTC";
@@ -4323,13 +4324,13 @@ const Kt = /* @__PURE__ */ _e({
       W.value,
       !!z.value,
       n.showRefresh
-    ].some(Boolean)), ae = R(() => y.value ? It(y.value.meta.granularity_ms) : void 0), q = R(() => ["timeseries_line", "timeseries_bar"].includes(E.value.type)), ce = R(() => {
+    ].some(Boolean)), ae = R(() => y.value ? Pt(y.value.meta.granularity_ms) : void 0), q = R(() => ["timeseries_line", "timeseries_bar"].includes(E.value.type)), ce = R(() => {
       if (Ne(n.definition) || !q.value || !n.queryReady || k.value)
         return !1;
       const D = n.definition.query.granularity;
       return !D || !ae.value ? !1 : D !== ae.value;
     }), ge = R(() => {
-      const D = It(y.value?.meta.granularity_ms ?? 0) ?? "unknown", B = Ne(n.definition) ? "unknown" : n.definition.query.granularity ?? "unknown";
+      const D = Pt(y.value?.meta.granularity_ms ?? 0) ?? "unknown", B = Ne(n.definition) ? "unknown" : n.definition.query.granularity ?? "unknown";
       return h.t("query_aged_out_warning", {
         currentGranularity: h.t(`granularities.${D}`),
         savedGranularity: h.t(`granularities.${B}`)
@@ -4490,7 +4491,7 @@ const Kt = /* @__PURE__ */ _e({
             b.value && n.context.editable && !n.isFullscreen ? (O(), Q(S(Ss), {
               key: 0,
               class: "edit-icon",
-              color: `var(--kui-color-text-neutral, ${S(qt)})`,
+              color: `var(--kui-color-text-neutral, ${S(Ht)})`,
               "data-testid": `edit-tile-${n.tileId}`,
               size: `var(--kui-icon-size-40, ${S(Ci)})`,
               onClick: ie
@@ -4550,7 +4551,7 @@ const Kt = /* @__PURE__ */ _e({
               default: j(() => [
                 ye(S(Ds), {
                   class: "kebab-action-menu",
-                  color: `var(--kui-color-text-neutral, ${S(qt)})`,
+                  color: `var(--kui-color-text-neutral, ${S(Ht)})`,
                   "data-testid": `kebab-action-menu-${n.tileId}`,
                   size: `var(--kui-icon-size-40, ${S(Ci)})`
                 }, null, 8, ["color", "data-testid", "size"])
@@ -4578,7 +4579,7 @@ const Kt = /* @__PURE__ */ _e({
       ], 10, Uo);
     };
   }
-}), cs = /* @__PURE__ */ Ge(Vo, [["__scopeId", "data-v-8d9a7a9e"]]), Jo = (n, e) => {
+}), cs = /* @__PURE__ */ Ge(Vo, [["__scopeId", "data-v-5cfd08da"]]), Jo = (n, e) => {
   let t = 0;
   const i = /* @__PURE__ */ new Map();
   e.forEach((r) => {
@@ -4600,7 +4601,7 @@ const Kt = /* @__PURE__ */ _e({
     columns: {
       type: Number,
       required: !1,
-      default: () => Yt
+      default: () => jt
     },
     tiles: {
       type: Array,
@@ -4608,7 +4609,7 @@ const Kt = /* @__PURE__ */ _e({
     }
   },
   setup(n) {
-    Ft((a) => ({
+    Ut((a) => ({
       v821fda82: e.columns,
       v0870d42d: r.value
     }));
@@ -4637,7 +4638,7 @@ const Kt = /* @__PURE__ */ _e({
       ref: t,
       class: "kong-ui-public-grid-layout"
     }, [
-      (O(!0), re(Ht, null, Xi(o.value, (l) => (O(), re("div", {
+      (O(!0), re(Ft, null, Xi(o.value, (l) => (O(), re("div", {
         key: l.key,
         class: et(["grid-cell", {
           "empty-cell": !l.tile
@@ -5518,14 +5519,14 @@ function Bi(n) {
     delete Pe.pointerLeaveTimeout, ds(n, "mouseleave");
   }, 10));
 }
-class Rt {
+class St {
   constructor(e, t, i) {
     this.host = e, this.dir = t, this.option = i, this.moving = !1, this._mouseDown = this._mouseDown.bind(this), this._mouseMove = this._mouseMove.bind(this), this._mouseUp = this._mouseUp.bind(this), this._keyEvent = this._keyEvent.bind(this), this._init();
   }
   /** @internal */
   _init() {
     const e = this.el = document.createElement("div");
-    return e.classList.add("ui-resizable-handle"), e.classList.add(`${Rt.prefix}${this.dir}`), e.style.zIndex = "100", e.style.userSelect = "none", this.host.appendChild(this.el), this.el.addEventListener("mousedown", this._mouseDown), Me && (this.el.addEventListener("touchstart", bt), this.el.addEventListener("pointerdown", Ct)), this;
+    return e.classList.add("ui-resizable-handle"), e.classList.add(`${St.prefix}${this.dir}`), e.style.zIndex = "100", e.style.userSelect = "none", this.host.appendChild(this.el), this.el.addEventListener("mousedown", this._mouseDown), Me && (this.el.addEventListener("touchstart", bt), this.el.addEventListener("pointerdown", Ct)), this;
   }
   /** call this when resize handle needs to be removed and cleaned up */
   destroy() {
@@ -5553,7 +5554,7 @@ class Rt {
     return this.option[e] && this.option[e](t), this;
   }
 }
-Rt.prefix = "ui-resizable-";
+St.prefix = "ui-resizable-";
 class Qt {
   constructor() {
     this._eventRegister = {};
@@ -5652,7 +5653,7 @@ class ot extends Qt {
   }
   /** @internal */
   _setupHandlers() {
-    return this.handlers = this.option.handles.split(",").map((e) => e.trim()).map((e) => new Rt(this.el, e, {
+    return this.handlers = this.option.handles.split(",").map((e) => e.trim()).map((e) => new St(this.el, e, {
       start: (t) => {
         this._resizeStart(t);
       },
@@ -7270,7 +7271,7 @@ const oa = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], aa = { cl
   props: {
     tiles: {},
     tileHeight: { default: dt },
-    columns: { default: Yt }
+    columns: { default: jt }
   },
   emits: ["update-tiles"],
   setup(n, { expose: e, emit: t }) {
@@ -7316,7 +7317,7 @@ const oa = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], aa = { cl
       if (y > _ && a) {
         const T = i.tiles.slice(_);
         for (const v of T)
-          o.value.set(`${v.id}`, v), await Ut(), a.makeWidget(c(v.id), {
+          o.value.set(`${v.id}`, v), await $t(), a.makeWidget(c(v.id), {
             autoPosition: !0,
             w: v.layout.size.cols,
             h: v.layout.size.rows
@@ -7331,7 +7332,7 @@ const oa = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], aa = { cl
       ref: r,
       class: "grid-stack"
     }, [
-      (O(!0), re(Ht, null, Xi(i.tiles, (T) => (O(), re("div", {
+      (O(!0), re(Ft, null, Xi(i.tiles, (T) => (O(), re("div", {
         key: T.id,
         class: "grid-stack-item",
         "data-id": `${T.id}`,
@@ -7389,7 +7390,7 @@ const oa = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], aa = { cl
   }),
   emits: /* @__PURE__ */ yt(["edit-tile", "tile-time-range-zoom", "tiles-loaded"], ["update:modelValue"]),
   setup(n, { expose: e, emit: t }) {
-    Ft((b) => ({
+    Ut((b) => ({
       v916e2ce4: u.value
     }));
     const i = t, s = ji(n, "modelValue"), { i18n: r } = Re.useI18n(), o = Z(0), a = Z(null), c = Z(), l = Z(), u = Z("scale(1)"), d = /* @__PURE__ */ new Set(), h = qe(Ue);
@@ -7458,7 +7459,7 @@ const oa = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], aa = { cl
       });
       s.value.tiles = w.sort(A);
     }, x = async () => {
-      if (u.value = "scale(1)", await Ut(), l.value) {
+      if (u.value = "scale(1)", await $t(), l.value) {
         const { availWidth: b, availHeight: w } = window.screen, { width: Y, height: H } = l.value.getBoundingClientRect(), U = Math.min(w / H, b / Y);
         u.value = `scale(${U})`;
       }
@@ -7651,7 +7652,7 @@ const oa = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], aa = { cl
       query: t
     }
   };
-}, pa = (n, e = Yt) => {
+}, pa = (n, e = jt) => {
   if (!n.length)
     return [];
   let t = 0, i = 0, s = 0;
@@ -7689,13 +7690,13 @@ const oa = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], aa = { cl
 };
 export {
   Wr as C,
-  Yt as D,
+  jt as D,
   Si as E,
   Kr as F,
   ta as G,
   Ue as I,
   Gr as T,
-  Kt as _,
+  Xt as _,
   Eo as a,
   dt as b,
   Yr as c,