@databrainhq/plugin 0.17.9-beta.30 → 0.17.9-beta.31

package/dist/{SearchMetricData-CxmDM20t.mjs → SearchMetricData-DPWkvX0c.mjs}

@@ -2,19 +2,19 @@ import "react";
 import "react-dom";
 import "react-dom/client";
 import { o as e, r as t, t as n } from "./rolldown-runtime-C1JUX4Ur.mjs";
-import { a as r } from "./pluginV3Request-Dfy8fkbS.mjs";
-import { a as i, r as a } from "./metric.mutation-BRWn1UMi.mjs";
-import { $i as o, Aa as s, Di as l, Gr as u, H as d, Hi as f, Hr as p, Ia as m, Ir as ee, Ji as te, Jr as ne, L as re, Lr as ie, Ma as ae, Mi as oe, N as se, Oi as ce, P as le, Si as ue, T as de, U as fe, Ua as pe, Ui as me, Ur as he, V as ge, Vi as _e, Vt as ve, Xr as ye, Yi as be, Yr as xe, Zn as Se, a as Ce, c as we, ca as Te, d as Ee, di as De, dr as Oe, f as Ae, fr as je, h as Me, l as Ne, la as Pe, ma as Fe, oa as Ie, oi as Le, p as Re, pr as ze, sa as Be, si as Ve, sr as He, ur as Ue, wa as We, wi as Ge } from "./Portal-C4N01WKg.mjs";
-import { r as Ke, v as qe, y as Je } from "./timeseries-Clp-TrGQ.mjs";
-import { _ as Ye, b as Xe, c as Ze, d as Qe, f as $e, g as et, h as tt, i as nt, l as rt, m as it, n as at, o as ot, p as st, r as ct, s as lt, t as ut, u as dt, w as ft } from "./TextAreaField-Q78INHKO.mjs";
-import { S as pt, a as mt, b as ht, c as gt, i as _t, l as vt, m as yt, n as bt, o as xt, p as St, r as Ct, s as wt, t as Tt, u as Et, x as Dt, y as Ot } from "./DraggableItem-7fQUo0x4.mjs";
-import { t as kt } from "./Chart-7AGA9h2g.mjs";
-import { t as At } from "./RadioButton-DvzkXfzO.mjs";
-import { n as jt } from "./TimeSeriesSettings-C8lvzgja.mjs";
-import { t as Mt } from "./Table-CvDTChaZ.mjs";
-import { n as Nt, t as Pt } from "./NoDataFound-N3gF0Pse.mjs";
-import { t as Ft } from "./Accordion-D3DbH3Cx.mjs";
-import { t as It } from "./Panel-BeWefwKs.mjs";
+import { a as r } from "./pluginV3Request-CQzo3G0-.mjs";
+import { a as i, r as a } from "./metric.mutation-cOoqy5Bi.mjs";
+import { $i as o, Aa as s, Di as l, Gr as u, H as d, Hi as f, Hr as p, Ia as m, Ir as ee, Ji as te, Jr as ne, L as re, Lr as ie, Ma as ae, Mi as oe, N as se, Oi as ce, P as le, Si as ue, T as de, U as fe, Ua as pe, Ui as me, Ur as he, V as ge, Vi as _e, Vt as ve, Xr as ye, Yi as be, Yr as xe, Zn as Se, a as Ce, ar as we, c as Te, ca as Ee, cr as De, d as Oe, di as Ae, f as je, h as Me, l as Ne, la as Pe, ma as Fe, nr as Ie, oa as Le, oi as Re, or as ze, p as Be, sa as Ve, si as He, sr as Ue, wa as We, wi as Ge } from "./Portal-CuJ3yA9x.mjs";
+import { b as Ke, r as qe, y as Je } from "./timeseries-D_nzmvUF.mjs";
+import { _ as Ye, b as Xe, c as Ze, d as Qe, f as $e, g as et, h as tt, i as nt, l as rt, m as it, n as at, o as ot, p as st, r as ct, s as lt, t as ut, u as dt, w as ft } from "./TextAreaField-CLmioFXe.mjs";
+import { S as pt, a as mt, b as ht, c as gt, i as _t, l as vt, m as yt, n as bt, o as xt, p as St, r as Ct, s as wt, t as Tt, u as Et, x as Dt, y as Ot } from "./DraggableItem-HJ4Wt8qx.mjs";
+import { t as kt } from "./Chart-BLXiGOie.mjs";
+import { t as At } from "./RadioButton-BagXnWOk.mjs";
+import { n as jt } from "./TimeSeriesSettings-BS9LodDk.mjs";
+import { t as Mt } from "./Table-BSKvdU4q.mjs";
+import { n as Nt, t as Pt } from "./NoDataFound-C6lIIOZF.mjs";
+import { t as Ft } from "./Accordion-BhLebRAm.mjs";
+import { t as It } from "./Panel-oW--_1YF.mjs";
 import { t as Lt } from "./Switch-CqsadJBs.mjs";
 import { lazy as Rt, memo as zt, startTransition as Bt, useCallback as Vt, useEffect as Ht, useMemo as Ut, useRef as Wt, useState as Gt } from "react";
 import { Fragment as Kt, jsx as h, jsxs as qt } from "react/jsx-runtime";
@@ -32,11 +32,11 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 					l.forEach((e) => e.synonyms.forEach(u.add, u));
 					break;
 				case "NUMBER":
-					Ve.forEach((e) => e.synonymns.forEach(u.add, u));
+					He.forEach((e) => e.synonymns.forEach(u.add, u));
 					break;
 				case "STRING": Ge.forEach((e) => e.synonyms.forEach(u.add, u)), ue.forEach((e) => e.synonyms.forEach(u.add, u));
 			}
-			Le.forEach((e) => e.synonymns.forEach(u.add, u));
+			Re.forEach((e) => e.synonymns.forEach(u.add, u));
 			let d = a.flatMap((e) => xe?.[e.value] || []), f = t.synonyms && t.synonyms.length > 0 ? t.synonyms[0] : t.label ? t.label : t.alias || t.name, p = {
 				alias: `${e.tableName}.${f}`,
 				datatype: t.dataType,
@@ -160,13 +160,13 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 			...e,
 			chartColors: n
 		}));
-	}, [ae, ue] = Gt(!1), [fe, he] = Gt(!1), [ge, ve] = Gt(""), [be, xe] = Gt(!1), [Se, Ce] = Gt(!1), [De, Oe] = Gt(""), [Ne, Fe] = Gt(e?.customSettings?.displayText ?? ""), [Le, ze] = Gt(ot), [Ve, He] = Gt({
+	}, [ae, ue] = Gt(!1), [fe, he] = Gt(!1), [ge, ve] = Gt(""), [be, xe] = Gt(!1), [Se, Ce] = Gt(!1), [we, De] = Gt(""), [Ae, Ne] = Gt(e?.customSettings?.displayText ?? ""), [Fe, Ie] = Gt(ot), [Re, ze] = Gt({
 		type: "range",
 		min: 0,
 		max: 0,
 		color: "#000000",
 		operator: "isEqualTo"
-	}), [Ue, Ge] = Gt({
+	}), [He, Ge] = Gt({
 		startColor: "#FFFFFF",
 		endColor: "#000000",
 		offset1: .5,
@@ -231,12 +231,12 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 	})) || [], [e?.arrayColumns, e?.yAxisList]), vt = Ut(() => e?.yAxisList?.filter((t) => !e?.tableSettings?.badgeColumns?.includes(t) && !e?.tableSettings?.formattedColumns?.includes(t)), [e?.tableSettings?.badgeColumns, e?.yAxisList]), yt = Ut(() => vt?.map((e) => ({
 		value: e,
 		label: e
-	})) || [], [vt]), bt = Ut(() => we?.map((e) => ({
+	})) || [], [vt]), bt = Ut(() => Te?.map((e) => ({
 		value: e.label,
 		label: e.label,
 		subValue: e.type,
 		comparisonLabel: e.comparison
-	})), [we]), xt = () => {
+	})), [Te]), xt = () => {
 		let n = e?.customSettings?.YaxislabelFormatters || [];
 		ut?.isEdit ? t((e) => ({
 			...e,
@@ -300,7 +300,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 			});
 		}
 	}, [e?.yAxisList]);
-	let Et = (n = Ue) => {
+	let Et = (n = He) => {
 		if (n?.startColor && n?.endColor && n?.offset1 && n?.offset2 && n?.direction) {
 			let r = e?.customSettings?.gradients || [];
 			n?.isEdit ? t((t) => ({
@@ -340,7 +340,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 		}
 	}, Dt = () => {
 		ve("");
-		let n = tt(Le, e?.tableSettings?.conditionalFormatting || []);
+		let n = tt(Fe, e?.tableSettings?.conditionalFormatting || []);
 		if (!n.success) {
 			ve(n.error);
 			return;
@@ -351,7 +351,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 				...e?.tableSettings,
 				conditionalFormatting: n?.conditionalFormatting || e?.tableSettings?.conditionalFormatting
 			}
-		})), ze({
+		})), Ie({
 			backgrounColor: "#FFFFFF",
 			color: "#000000",
 			columns: [],
@@ -363,7 +363,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 			prefix: "",
 			suffix: ""
 		}), ue(!1);
-	}, [Ot, kt] = Gt(e?.customSettings?.barWidth || 20), Mt = Ee(Ot, 800);
+	}, [Ot, kt] = Gt(e?.customSettings?.barWidth || 20), Mt = Oe(Ot, 800);
 	Ht(() => {
 		Mt !== void 0 && e?.chartType === We.horizontalStackTable && t((e) => ({
 			...e,
@@ -373,7 +373,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 			}
 		}));
 	}, [Mt, e?.chartType]);
-	let [Nt, Pt] = Gt(e?.customSettings?.barRadius?.[1] || 0), [It, Lt] = Gt(e?.customSettings?.barRadius?.[3] || 0), Rt = Ee(Nt, 800), zt = Ee(It, 800), Wt = Ut(() => {
+	let [Nt, Pt] = Gt(e?.customSettings?.barRadius?.[1] || 0), [It, Lt] = Gt(e?.customSettings?.barRadius?.[3] || 0), Rt = Oe(Nt, 800), zt = Oe(It, 800), Wt = Ut(() => {
 		let t = [];
 		if (e?.chartType === We.horizontalStackTable) {
 			let n = e?.tableSettings?.hStackTrendOptions?.map((e) => e?.column);
@@ -388,14 +388,14 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 			value: e,
 			label: e
 		})) || [];
-		let n = pt?.map((e) => e?.value) || [], r = n.includes(Le.columns?.[0]), i = e?.dateColumns?.includes(Le.columns?.[0]);
-		return r ? t?.filter((e) => n.includes(e?.value)) : i ? t?.filter((t) => e?.dateColumns?.includes(t?.value)) : Le.columns?.[0] ? t?.filter((t) => !n.includes(t?.value) && !e?.dateColumns?.includes(t?.value)) : t;
+		let n = pt?.map((e) => e?.value) || [], r = n.includes(Fe.columns?.[0]), i = e?.dateColumns?.includes(Fe.columns?.[0]);
+		return r ? t?.filter((e) => n.includes(e?.value)) : i ? t?.filter((t) => e?.dateColumns?.includes(t?.value)) : Fe.columns?.[0] ? t?.filter((t) => !n.includes(t?.value) && !e?.dateColumns?.includes(t?.value)) : t;
 	}, [
 		e?.yAxisList,
 		e?.chartType,
 		e?.tableSettings?.hStackTrendOptions,
 		pt,
-		Le?.columns,
+		Fe?.columns,
 		e?.dateColumns
 	]), Jt = Ut(() => [...e?.yAxisList?.slice(4) || [], "Duration"].map((e) => ({
 		value: e,
@@ -413,27 +413,27 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 		}));
 	}, [zt, e?.chartType]);
 	let Yt = () => {
-		if (ve(""), (!Ve?.type || Ve?.type === "range") && Ve?.min?.toString() && Ve?.max || Ve?.type === "string" && (Ve?.operator && ["isNull", "isNotNull"].includes(Ve.operator) || Ve?.text) && Ve.color) {
+		if (ve(""), (!Re?.type || Re?.type === "range") && Re?.min?.toString() && Re?.max || Re?.type === "string" && (Re?.operator && ["isNull", "isNotNull"].includes(Re.operator) || Re?.text) && Re.color) {
 			let n = e?.customSettings?.singleValConditionalFormatter || [];
-			Ve.isEdit ? t((e) => ({
+			Re.isEdit ? t((e) => ({
 				...e,
 				customSettings: {
 					...e.customSettings,
-					singleValConditionalFormatter: n?.map((e, t) => t === Ve?.index ? {
-						max: Ve?.max,
-						min: Ve?.min,
-						color: Ve?.color,
-						type: Ve?.type || "range",
-						text: Ve?.text,
-						operator: Ve?.operator || "isEqualTo"
+					singleValConditionalFormatter: n?.map((e, t) => t === Re?.index ? {
+						max: Re?.max,
+						min: Re?.min,
+						color: Re?.color,
+						type: Re?.type || "range",
+						text: Re?.text,
+						operator: Re?.operator || "isEqualTo"
 					} : e)
 				}
 			})) : t((e) => {
-				let t = Object.keys(Ve)?.map((e) => {
-					if (Ve[e]) return Ve[e];
+				let t = Object.keys(Re)?.map((e) => {
+					if (Re[e]) return Re[e];
 				})?.join("_"), r = [...n?.filter((e) => Object.keys(e)?.map((t) => {
 					if (e[t]) return e[t];
-				})?.join("_") !== t) || [], Ve];
+				})?.join("_") !== t) || [], Re];
 				return {
 					...e,
 					customSettings: {
@@ -441,7 +441,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 						singleValConditionalFormatter: r
 					}
 				};
-			}), He({
+			}), ze({
 				color: "#000000",
 				min: 0,
 				max: 0,
@@ -507,8 +507,8 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 		e?.chartType
 	]);
 	let en = Ut(() => [We.linearGaugeV2, We.progressBarV2].includes(e?.chartType || "") && [We.progressBarV2].includes(e?.chartType || "") ? [
-		Be[1],
-		Be[2],
+		Ve[1],
+		Ve[2],
 		...Pe
 	] : Pe, [e?.chartType]), tn = Vt((n) => {
 		let r = yt?.map((e) => e.value) || [];
@@ -660,7 +660,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 			...e,
 			customSettings: {
 				...e.customSettings,
-				displayText: Ne
+				displayText: Ae
 			}
 		}));
 	}, dn = (e) => {
@@ -671,7 +671,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 			un();
 		}, 1e3);
 		return () => clearTimeout(e);
-	}, [Ne]);
+	}, [Ae]);
 	let fn = Ut(() => e?.chartType === We.table ? e?.yAxisList?.filter((t) => !e?.numberColumns?.includes(t)) : [], [
 		e?.chartType,
 		e?.yAxisList,
@@ -925,8 +925,8 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 									label: "Sub-Header Display Text",
 									type: "text",
 									placeholder: "Enter the text here",
-									onChange: (e) => Fe(e.target.value),
-									value: Ne,
+									onChange: (e) => Ne(e.target.value),
+									value: Ae,
 									onBlur: un,
 									onKeyDown: dn
 								}),
@@ -1032,16 +1032,16 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 				header: "Customizations",
 				headerButton: null,
 				id: "Customizations",
-				isOpen: De === "Customizations",
+				isOpen: we === "Customizations",
 				setIsOpen: () => {
-					Oe((e) => e === "Customizations" ? "" : "Customizations");
+					De((e) => e === "Customizations" ? "" : "Customizations");
 				}
 			}),
 			r && p ? /* @__PURE__ */ h(Ft, {
 				id: "Comparison Value",
-				isOpen: De === "Comparison Value",
+				isOpen: we === "Comparison Value",
 				setIsOpen: () => {
-					Oe((e) => e === "Comparison Value" ? "" : "Comparison Value");
+					De((e) => e === "Comparison Value" ? "" : "Comparison Value");
 				},
 				header: /* @__PURE__ */ h("div", {
 					className: st.accordionHeader,
@@ -1051,7 +1051,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 					name: "Comparison value",
 					enabled: e?.customSettings?.comparisonValueShow,
 					onChange: () => {
-						e?.customSettings?.comparisonValueShow ? r?.onDisableComparisonSettings?.() : Oe("Comparison Value"), t((e) => ({
+						e?.customSettings?.comparisonValueShow ? r?.onDisableComparisonSettings?.() : De("Comparison Value"), t((e) => ({
 							...e,
 							customSettings: {
 								...e.customSettings,
@@ -1168,7 +1168,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 								})),
 								value: r.comparisonLagSettings.periodLag
 							}),
-							/* @__PURE__ */ qt(Re, {
+							/* @__PURE__ */ qt(Be, {
 								direction: "row",
 								className: "dbn:gap-4",
 								children: [/* @__PURE__ */ h(At, {
@@ -1181,7 +1181,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 										text: "Calculate percentage difference",
 										position: "top",
 										tooltipClass: "dbn:w-[200px]",
-										children: /* @__PURE__ */ h(je, { name: "info" })
+										children: /* @__PURE__ */ h(Ue, { name: "info" })
 									}),
 									onClick: () => {
 										r.setComparisonLagSettings((e) => ({
@@ -1201,7 +1201,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 										text: "Calculate value difference.",
 										position: "top-right",
 										tooltipClass: "dbn:w-[200px]",
-										children: /* @__PURE__ */ h(je, { name: "info" })
+										children: /* @__PURE__ */ h(Ue, { name: "info" })
 									}),
 									onClick: () => {
 										r.setComparisonLagSettings((e) => ({
@@ -1329,7 +1329,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 								})
 							})
 						]
-					}) : /* @__PURE__ */ h(Ae, {
+					}) : /* @__PURE__ */ h(je, {
 						text: "Enable Comparison Value to see the option.",
 						variant: "info"
 					})
@@ -1344,7 +1344,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 						children: [
 							/* @__PURE__ */ h("div", {
 								className: "dbn:col-span-4 dbn:flex dbn:items-end",
-								children: /* @__PURE__ */ qt(Re, {
+								children: /* @__PURE__ */ qt(Be, {
 									direction: "row",
 									className: "dbn:gap-4",
 									children: [/* @__PURE__ */ h(At, {
@@ -1354,13 +1354,13 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 										label: "Range",
 										labelClass: "dbn:text-sm dbn:font-normal",
 										onClick: () => {
-											He((e) => ({
+											ze((e) => ({
 												...e,
 												type: "range"
 											}));
 										},
-										defaultChecked: Ve?.type === "range",
-										checked: Ve?.type === "range"
+										defaultChecked: Re?.type === "range",
+										checked: Re?.type === "range"
 									}), /* @__PURE__ */ h(At, {
 										"data-testid": "string-type",
 										id: "string-type",
@@ -1368,17 +1368,17 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 										label: "String",
 										labelClass: "dbn:text-sm dbn:font-normal",
 										onClick: () => {
-											He((e) => ({
+											ze((e) => ({
 												...e,
 												type: "string"
 											}));
 										},
-										defaultChecked: Ve?.type === "string",
-										checked: Ve?.type === "string"
+										defaultChecked: Re?.type === "string",
+										checked: Re?.type === "string"
 									})]
 								})
 							}),
-							Ve?.type === "string" ? /* @__PURE__ */ qt(Kt, { children: [/* @__PURE__ */ h("div", {
+							Re?.type === "string" ? /* @__PURE__ */ qt(Kt, { children: [/* @__PURE__ */ h("div", {
 								className: "dbn:col-span-4",
 								children: /* @__PURE__ */ h(se, {
 									label: "Conditions",
@@ -1388,27 +1388,27 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 										"isLessThanOrEqualTo",
 										"isGreaterThanOrEqualTo"
 									].includes(e.value)),
-									selectedOption: ne?.find((e) => e?.value === Ve?.operator) ?? {
+									selectedOption: ne?.find((e) => e?.value === Re?.operator) ?? {
 										value: "is equal to",
 										label: "isEqualTo"
 									},
-									onChange: (e) => He((t) => ({
+									onChange: (e) => ze((t) => ({
 										...t,
 										operator: e.value
 									})),
 									buttonWidth: "100%",
 									menuWidth: "100%"
 								})
-							}), !(Ve?.operator && ["isNull", "isNotNull"].includes(Ve.operator)) && /* @__PURE__ */ h("div", {
+							}), !(Re?.operator && ["isNull", "isNotNull"].includes(Re.operator)) && /* @__PURE__ */ h("div", {
 								className: "dbn:col-span-4 dbn:flex dbn:items-end",
 								children: /* @__PURE__ */ h(d, {
 									type: "text",
 									label: "Text",
-									onChange: (e) => He((t) => ({
+									onChange: (e) => ze((t) => ({
 										...t,
 										text: e.target.value
 									})),
-									value: Ve?.text || "",
+									value: Re?.text || "",
 									placeholder: "Enter the text here"
 								})
 							})] }) : /* @__PURE__ */ qt(Kt, { children: [/* @__PURE__ */ h("div", {
@@ -1416,22 +1416,22 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 								children: /* @__PURE__ */ h(d, {
 									type: "number",
 									label: "Min Value",
-									onChange: ({ target: { value: e } }) => He((t) => ({
+									onChange: ({ target: { value: e } }) => ze((t) => ({
 										...t,
 										min: Number(e)
 									})),
-									value: Ve.min
+									value: Re.min
 								})
 							}), /* @__PURE__ */ h("div", {
 								className: "dbn:col-span-2 dbn:flex dbn:items-end",
 								children: /* @__PURE__ */ h(d, {
 									type: "number",
 									label: "Max Value",
-									onChange: ({ target: { value: e } }) => He((t) => ({
+									onChange: ({ target: { value: e } }) => ze((t) => ({
 										...t,
 										max: Number(e)
 									})),
-									value: Ve.max
+									value: Re.max
 								})
 							})] }),
 							/* @__PURE__ */ h("div", {
@@ -1440,15 +1440,15 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 									className: "dbn:w-full",
 									label: "Font Color",
 									name: "text color",
-									onChange: (e) => He((t) => ({
+									onChange: (e) => ze((t) => ({
 										...t,
 										color: e
 									})),
 									defaultValue: "#000000",
-									value: Ve.color || "#000000"
+									value: Re.color || "#000000"
 								})
 							}),
-							ge && /* @__PURE__ */ h(Ae, {
+							ge && /* @__PURE__ */ h(je, {
 								text: ge,
 								variant: "error",
 								className: "dbn:col-span-4"
@@ -1458,7 +1458,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 								children: [/* @__PURE__ */ h(m, {
 									variant: "secondary",
 									onClick: () => {
-										He({
+										ze({
 											min: 0,
 											max: 0,
 											color: "#000000",
@@ -1471,7 +1471,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 									variant: "primary",
 									type: "button",
 									onClick: () => Yt(),
-									children: [Ve?.isEdit ? "Update" : "Save", " Rule"]
+									children: [Re?.isEdit ? "Update" : "Save", " Rule"]
 								})]
 							})
 						]
@@ -1492,12 +1492,12 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 									className: "dbn:flex dbn:gap-4 dbn:items-center",
 									children: [/* @__PURE__ */ h(m, {
 										variant: "popover",
-										leftIcon: /* @__PURE__ */ h(je, {
+										leftIcon: /* @__PURE__ */ h(Ue, {
 											name: "pencil-simple",
 											size: "sm"
 										}),
 										onClick: () => {
-											He({
+											ze({
 												...e,
 												type: e?.type ?? "range",
 												isEdit: !0,
@@ -1507,7 +1507,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 									}), /* @__PURE__ */ h(m, {
 										variant: "popover",
 										onClick: () => an(e),
-										leftIcon: /* @__PURE__ */ h(je, {
+										leftIcon: /* @__PURE__ */ h(Ue, {
 											name: "cross",
 											size: "sm"
 										})
@@ -1515,15 +1515,15 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 								})]
 							})
 						})
-					}, e.color)) : /* @__PURE__ */ h(Ae, {
+					}, e.color)) : /* @__PURE__ */ h(je, {
 						text: "No Rules Added",
 						variant: "info"
 					})]
 				}),
 				id: "Conditional Formatting",
-				isOpen: De === "Conditional Formatting",
+				isOpen: we === "Conditional Formatting",
 				setIsOpen: () => {
-					Oe((e) => e === "Conditional Formatting" ? "" : "Conditional Formatting");
+					De((e) => e === "Conditional Formatting" ? "" : "Conditional Formatting");
 				},
 				header: /* @__PURE__ */ qt("div", {
 					className: st.accordionHeader,
@@ -1542,9 +1542,9 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 					variant: "tertiary",
 					size: "small",
 					onClick: (e) => {
-						ue(!0), De === "Conditional Formatting" && e.stopPropagation();
+						ue(!0), we === "Conditional Formatting" && e.stopPropagation();
 					},
-					leftIcon: /* @__PURE__ */ h(je, {
+					leftIcon: /* @__PURE__ */ h(Ue, {
 						name: "plus",
 						size: "sm"
 					}),
@@ -1571,15 +1571,15 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 						})),
 						defaultValue: "#ffffff",
 						value: e?.customSettings?.singleValueBgColor || "#ffffff"
-					}) : /* @__PURE__ */ h(Ae, {
+					}) : /* @__PURE__ */ h(je, {
 						text: "Enable Card Color Option",
 						variant: "info"
 					})
 				}),
 				id: "Card Color",
-				isOpen: De === "Card Color",
+				isOpen: we === "Card Color",
 				setIsOpen: () => {
-					Oe((e) => e === "Card Color" ? "" : "Card Color");
+					De((e) => e === "Card Color" ? "" : "Card Color");
 				},
 				header: /* @__PURE__ */ h("div", {
 					className: st.accordionHeader,
@@ -1589,7 +1589,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 					name: "single value bg color",
 					enabled: e?.customSettings?.isEnableSingleValueBgColor,
 					onChange: () => {
-						e?.customSettings?.isEnableSingleValueBgColor || Oe("Card Color"), t((t) => ({
+						e?.customSettings?.isEnableSingleValueBgColor || De("Card Color"), t((t) => ({
 							...t,
 							customSettings: {
 								...t?.customSettings,
@@ -2528,9 +2528,9 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 				header: "UI Styling",
 				headerButton: null,
 				id: "UI Styling",
-				isOpen: De === "UI Styling",
+				isOpen: we === "UI Styling",
 				setIsOpen: () => {
-					Oe((e) => e === "UI Styling" ? "" : "UI Styling");
+					De((e) => e === "UI Styling" ? "" : "UI Styling");
 				}
 			}),
 			[We.pivot, We.pivotV2].includes(e?.chartType) ? null : /* @__PURE__ */ h(Ft, {
@@ -2540,15 +2540,15 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 					children: [/* @__PURE__ */ h(Qe, {
 						chartSettings: e,
 						conditionalFormatColumns: Wt,
-						conditionalFormatting: Le,
-						setConditionalFormatting: ze,
+						conditionalFormatting: Fe,
+						setConditionalFormatting: Ie,
 						tableFormatColumnOptions: pt,
 						isShowRuleFields: ae,
 						setShowRuleFields: ue,
 						conditionError: ge,
 						setConditionError: ve,
 						onSaveConditionRule: Dt,
-						onClear: () => ze(nt())
+						onClear: () => Ie(nt())
 					}), e?.tableSettings?.conditionalFormatting?.length ? e?.tableSettings?.conditionalFormatting?.map((e, t) => /* @__PURE__ */ h("div", {
 						className: st.formattingContainer,
 						children: /* @__PURE__ */ h("div", {
@@ -2584,13 +2584,13 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 										className: "dbn:flex dbn:gap-2 dbn:items-center dbn:flex-shrink-0",
 										children: [/* @__PURE__ */ h(m, {
 											variant: "popover",
-											leftIcon: /* @__PURE__ */ h(je, {
+											leftIcon: /* @__PURE__ */ h(Ue, {
 												name: "pencil-simple",
 												size: "sm"
 											}),
 											onClick: () => {
 												let i = !!n?.styles?.isApplyBadgeColor || !(n?.styles?.isApplyBgColor || !n?.styles?.badgeColor);
-												ze({
+												Ie({
 													columns: [e?.columnName],
 													value: n?.value,
 													operator: n?.operator,
@@ -2605,12 +2605,12 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 													compareWithFormatted: n?.compareWithFormatted,
 													prefix: n?.styles?.prefix,
 													suffix: n?.styles?.suffix
-												}), Le.isEdit = !0, ue(!0);
+												}), Fe.isEdit = !0, ue(!0);
 											}
 										}), /* @__PURE__ */ h(m, {
 											variant: "popover",
 											onClick: () => rn(e.columnName, n),
-											leftIcon: /* @__PURE__ */ h(je, {
+											leftIcon: /* @__PURE__ */ h(Ue, {
 												name: "cross",
 												size: "sm"
 											})
@@ -2619,15 +2619,15 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 								});
 							})
 						})
-					}, e.columnName)) : /* @__PURE__ */ h(Ae, {
+					}, e.columnName)) : /* @__PURE__ */ h(je, {
 						text: "No Rules Added",
 						variant: "info"
 					})]
 				}),
 				id: "Conditional Formatting",
-				isOpen: De === "Conditional Formatting",
+				isOpen: we === "Conditional Formatting",
 				setIsOpen: () => {
-					Oe((e) => e === "Conditional Formatting" ? "" : "Conditional Formatting");
+					De((e) => e === "Conditional Formatting" ? "" : "Conditional Formatting");
 				},
 				header: /* @__PURE__ */ qt("div", {
 					className: st.accordionHeader,
@@ -2646,9 +2646,9 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 					variant: "tertiary",
 					size: "small",
 					onClick: (e) => {
-						ue(!0), De === "Conditional Formatting" && e.stopPropagation();
+						ue(!0), we === "Conditional Formatting" && e.stopPropagation();
 					},
-					leftIcon: /* @__PURE__ */ h(je, {
+					leftIcon: /* @__PURE__ */ h(Ue, {
 						name: "plus",
 						size: "sm"
 					}),
@@ -2697,22 +2697,22 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 						})),
 						buttonWidth: "100%",
 						menuWidth: "100%"
-					}) : null] }) : null] }) : /* @__PURE__ */ h(Ae, {
+					}) : null] }) : null] }) : /* @__PURE__ */ h(je, {
 						text: "Enable formatting to see formatting options",
 						variant: "info"
 					})
 				}),
 				id: "formatting",
-				isOpen: De === "formatting",
+				isOpen: we === "formatting",
 				setIsOpen: () => {
-					Oe((e) => e === "formatting" ? "" : "formatting");
+					De((e) => e === "formatting" ? "" : "formatting");
 				},
 				header: "Formatting",
 				headerButton: /* @__PURE__ */ h(Qt, {
 					name: "table number formatting",
 					enabled: e?.tableSettings?.isEnableNumberFormatting,
 					onChange: () => {
-						e?.tableSettings?.isEnableNumberFormatting || Oe("formatting"), t((e) => ({
+						e?.tableSettings?.isEnableNumberFormatting || De("formatting"), t((e) => ({
 							...e,
 							tableSettings: {
 								...e.tableSettings,
@@ -2787,22 +2787,22 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 							label: e
 						})) || [],
 						isDisabled: !e?.tableSettings?.aggregateRow?.function
-					})] }) : /* @__PURE__ */ h(Ae, {
+					})] }) : /* @__PURE__ */ h(je, {
 						text: "Enable aggregate row to see options",
 						variant: "info"
 					})
 				}),
 				id: "aggregate-row",
-				isOpen: De === "aggregate-row",
+				isOpen: we === "aggregate-row",
 				setIsOpen: () => {
-					Oe((e) => e === "aggregate-row" ? "" : "aggregate-row");
+					De((e) => e === "aggregate-row" ? "" : "aggregate-row");
 				},
 				header: "Aggregate Row",
 				headerButton: /* @__PURE__ */ h(Qt, {
 					name: "table aggregate row",
 					enabled: e?.tableSettings?.aggregateRow?.isEnable,
 					onChange: () => {
-						e?.tableSettings?.aggregateRow?.isEnable || Oe("aggregate-row"), t((e) => ({
+						e?.tableSettings?.aggregateRow?.isEnable || De("aggregate-row"), t((e) => ({
 							...e,
 							tableSettings: {
 								...e.tableSettings,
@@ -2843,9 +2843,9 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 					})]
 				}),
 				id: "bar styling",
-				isOpen: De === "bar styling",
+				isOpen: we === "bar styling",
 				setIsOpen: () => {
-					Oe((e) => e === "bar styling" ? "" : "bar styling");
+					De((e) => e === "bar styling" ? "" : "bar styling");
 				},
 				header: "Bar Styling",
 				headerButton: null
@@ -3130,9 +3130,9 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 					]
 				}),
 				id: "features",
-				isOpen: De === "features",
+				isOpen: we === "features",
 				setIsOpen: () => {
-					Oe((e) => e === "features" ? "" : "features");
+					De((e) => e === "features" ? "" : "features");
 				},
 				header: "Features",
 				headerButton: null
@@ -3186,9 +3186,9 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 					}) : null] }) : null] }) : null
 				}),
 				id: "custom settings",
-				isOpen: De === "custom settings",
+				isOpen: we === "custom settings",
 				setIsOpen: () => {
-					Oe((e) => e === "custom settings" ? "" : "custom settings");
+					De((e) => e === "custom settings" ? "" : "custom settings");
 				},
 				header: "Custom Settings",
 				headerButton: null
@@ -3201,22 +3201,22 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 						setChartSettings: t,
 						tableFormatColumnOptions: pt,
 						badgeColumnOptions: gt
-					}) }) : /* @__PURE__ */ h(Ae, {
+					}) }) : /* @__PURE__ */ h(je, {
 						text: "Enable formatting to see formatting options",
 						variant: "info"
 					})
 				}),
 				id: "formatting",
-				isOpen: De === "formatting",
+				isOpen: we === "formatting",
 				setIsOpen: () => {
-					Oe((e) => e === "formatting" ? "" : "formatting");
+					De((e) => e === "formatting" ? "" : "formatting");
 				},
 				header: "Formatting",
 				headerButton: /* @__PURE__ */ h(Qt, {
 					name: "table number formatting",
 					enabled: e?.tableSettings?.isEnableNumberFormatting,
 					onChange: () => {
-						e?.tableSettings?.isEnableNumberFormatting || Oe("formatting"), t((e) => ({
+						e?.tableSettings?.isEnableNumberFormatting || De("formatting"), t((e) => ({
 							...e,
 							tableSettings: {
 								...e.tableSettings,
@@ -3449,7 +3449,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 											}
 										}))
 									})
-								}), e?.customSettings?.isEnableLogScale ? /* @__PURE__ */ h(Ae, {
+								}), e?.customSettings?.isEnableLogScale ? /* @__PURE__ */ h(je, {
 									text: "Non-positive values will be nullified in log scale.",
 									variant: "info"
 								}) : null] }) : null,
@@ -3822,9 +3822,9 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 					id: "Horizontal Axis",
 					header: "Horizontal Axis",
 					headerButton: null,
-					isOpen: De === "Horizontal Axis",
+					isOpen: we === "Horizontal Axis",
 					setIsOpen: () => {
-						Oe((e) => e === "Horizontal Axis" ? "" : "Horizontal Axis");
+						De((e) => e === "Horizontal Axis" ? "" : "Horizontal Axis");
 					}
 				}),
 				ln ? null : /* @__PURE__ */ h(Ft, {
@@ -4061,7 +4061,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 												}
 											}))
 										})
-									}), e?.customSettings?.isEnableLogScale ? /* @__PURE__ */ h(Ae, {
+									}), e?.customSettings?.isEnableLogScale ? /* @__PURE__ */ h(je, {
 										text: "Non-positive values will be nullified in log scale.",
 										variant: "info"
 									}) : null] })
@@ -4409,9 +4409,9 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 						]
 					}),
 					id: "vertical axis",
-					isOpen: De === "vertical axis",
+					isOpen: we === "vertical axis",
 					setIsOpen: () => {
-						Oe((e) => e === "vertical axis" ? "" : "vertical axis");
+						De((e) => e === "vertical axis" ? "" : "vertical axis");
 					},
 					header: "Vertical Axis",
 					headerButton: null
@@ -4521,11 +4521,11 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 							}),
 							e?.customSettings?.markers?.markLine?.isEnabled ? /* @__PURE__ */ qt(Kt, { children: [/* @__PURE__ */ h(se, {
 								label: "Markline Type",
-								selectedOption: Te?.find((t) => t.value === e?.customSettings?.markers?.markLine?.markType) ?? {
+								selectedOption: Ee?.find((t) => t.value === e?.customSettings?.markers?.markLine?.markType) ?? {
 									value: "",
 									label: ""
 								},
-								options: Te,
+								options: Ee,
 								onChange: (e) => t((t) => ({
 									...t,
 									customSettings: {
@@ -4647,9 +4647,9 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 						]
 					}),
 					id: "chart markers",
-					isOpen: De === "chart markers",
+					isOpen: we === "chart markers",
 					setIsOpen: () => {
-						Oe((e) => e === "chart markers" ? "" : "chart markers");
+						De((e) => e === "chart markers" ? "" : "chart markers");
 					},
 					header: "Chart Markers",
 					headerButton: null
@@ -4712,16 +4712,16 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 							})]
 						}),
 						id: "bar styling",
-						isOpen: De === "bar styling",
+						isOpen: we === "bar styling",
 						setIsOpen: () => {
-							Oe((e) => e === "bar styling" ? "" : "bar styling");
+							De((e) => e === "bar styling" ? "" : "bar styling");
 						},
 						header: "Bar Styling",
 						headerButton: null
 					}) : null,
 					![We.boxplot].includes(e?.chartType) && te?.["chart legend"] ? te["chart legend"]({
-						isOpen: De === "chart legend",
-						toggle: () => Oe((e) => e === "chart legend" ? "" : "chart legend")
+						isOpen: we === "chart legend",
+						toggle: () => De((e) => e === "chart legend" ? "" : "chart legend")
 					}) : null,
 					![We.boxplot].includes(e?.chartType) && !te?.["chart legend"] ? /* @__PURE__ */ h(Ft, {
 						width: "100%",
@@ -4780,7 +4780,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 										label: "Legend vertical position",
 										type: "number",
 										isDisabled: !e?.legendSettings?.customise,
-										leftIcon: /* @__PURE__ */ h(je, { name: "align-top" }),
+										leftIcon: /* @__PURE__ */ h(Ue, { name: "align-top" }),
 										value: e?.legendSettings?.top,
 										onChange: (e) => t((t) => ({
 											...t,
@@ -4793,7 +4793,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 										"data-testid": "custom-horizontal-input",
 										label: "Legend horizontal position",
 										isDisabled: !e?.legendSettings?.customise,
-										leftIcon: /* @__PURE__ */ h(je, { name: "align-left" }),
+										leftIcon: /* @__PURE__ */ h(Ue, { name: "align-left" }),
 										type: "number",
 										value: e?.legendSettings?.left,
 										onChange: (e) => t((t) => ({
@@ -5018,15 +5018,15 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 										}));
 									}
 								})) }) : null] }) : null
-							] }) : /* @__PURE__ */ h(Ae, {
+							] }) : /* @__PURE__ */ h(je, {
 								text: "Enable Chart Legend to see options",
 								variant: "info"
 							})
 						}),
 						id: "chart legend",
-						isOpen: De === "chart legend",
+						isOpen: we === "chart legend",
 						setIsOpen: () => {
-							Oe((e) => e === "chart legend" ? "" : "chart legend");
+							De((e) => e === "chart legend" ? "" : "chart legend");
 						},
 						header: "Chart Legend",
 						headerButton: /* @__PURE__ */ h(Qt, {
@@ -5034,7 +5034,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 							defaultEnabled: !0,
 							enabled: e?.legendSettings?.show,
 							onChange: () => {
-								e?.legendSettings?.show || Oe("chart legend"), t((e) => ({
+								e?.legendSettings?.show || De("chart legend"), t((e) => ({
 									...e,
 									legendSettings: {
 										...e.legendSettings,
@@ -5135,9 +5135,9 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 						})
 					}),
 					id: "chart margin",
-					isOpen: De === "chart margin",
+					isOpen: we === "chart margin",
 					setIsOpen: () => {
-						Oe((e) => e === "chart margin" ? "" : "chart margin");
+						De((e) => e === "chart margin" ? "" : "chart margin");
 					},
 					header: "Chart Margin",
 					headerButton: null
@@ -5249,9 +5249,9 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 						]
 					}),
 					id: "chart label",
-					isOpen: De === "chart label",
+					isOpen: we === "chart label",
 					setIsOpen: () => {
-						Oe((e) => e === "chart label" ? "" : "chart label");
+						De((e) => e === "chart label" ? "" : "chart label");
 					},
 					header: "Chart Label",
 					headerButton: null
@@ -5686,9 +5686,9 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 					]
 				}),
 				id: "chart tooltip",
-				isOpen: De === "chart tooltip",
+				isOpen: we === "chart tooltip",
 				setIsOpen: () => {
-					Oe((e) => e === "chart tooltip" ? "" : "chart tooltip");
+					De((e) => e === "chart tooltip" ? "" : "chart tooltip");
 				},
 				header: "Chart Tooltip",
 				headerButton: null
@@ -5738,9 +5738,9 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 					})]
 				}),
 				id: "chart legend",
-				isOpen: De === "chart legend",
+				isOpen: we === "chart legend",
 				setIsOpen: () => {
-					Oe((e) => e === "chart legend" ? "" : "chart legend");
+					De((e) => e === "chart legend" ? "" : "chart legend");
 				},
 				header: "Chart Legend",
 				headerButton: null
@@ -5822,8 +5822,8 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 								selectedOption: e?.customSettings?.linearGaugeV2?.size ? {
 									value: e?.customSettings?.linearGaugeV2?.size,
 									label: e?.customSettings?.linearGaugeV2?.size
-								} : Ie[1],
-								options: Ie,
+								} : Le[1],
+								options: Le,
 								onChange: (e) => t((t) => ({
 									...t,
 									customSettings: {
@@ -5840,9 +5840,9 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 						]
 					}),
 					id: "chart metrics",
-					isOpen: De === "chart metrics",
+					isOpen: we === "chart metrics",
 					setIsOpen: () => {
-						Oe((e) => e === "chart metrics" ? "" : "chart metrics");
+						De((e) => e === "chart metrics" ? "" : "chart metrics");
 					},
 					header: "Chart Markers",
 					headerButton: null
@@ -5916,15 +5916,15 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 									menuWidth: "100%"
 								})
 							})]
-						})] }) : /* @__PURE__ */ h(Ae, {
+						})] }) : /* @__PURE__ */ h(je, {
 							text: "Enable Labels to see options",
 							variant: "info"
 						})
 					}),
 					id: "labels",
-					isOpen: De === "labels",
+					isOpen: we === "labels",
 					setIsOpen: () => {
-						Oe((e) => e === "labels" ? "" : "labels");
+						De((e) => e === "labels" ? "" : "labels");
 					},
 					header: "Labels",
 					headerButton: /* @__PURE__ */ h(re, {
@@ -5936,7 +5936,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 							enabled: (e?.chartType !== We.linearGaugeV2 || e?.customSettings?.isEnableLabelFormatting) && e?.customSettings?.linearGaugeV2?.isEnableLabels,
 							isDisabled: !e?.customSettings?.isEnableLabelFormatting && e?.chartType === We.linearGaugeV2,
 							onChange: () => {
-								e?.customSettings?.linearGaugeV2?.isEnableLabels || Oe("labels"), t((e) => ({
+								e?.customSettings?.linearGaugeV2?.isEnableLabels || De("labels"), t((e) => ({
 									...e,
 									customSettings: {
 										...e.customSettings,
@@ -6055,15 +6055,15 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 								})),
 								isDisableCenterPositioning: !0
 							})
-						] }) : /* @__PURE__ */ h(Ae, {
+						] }) : /* @__PURE__ */ h(je, {
 							text: "Enable Legend to see options",
 							variant: "info"
 						})
 					}),
 					id: "legend",
-					isOpen: De === "legend",
+					isOpen: we === "legend",
 					setIsOpen: () => {
-						Oe((e) => e === "legend" ? "" : "legend");
+						De((e) => e === "legend" ? "" : "legend");
 					},
 					header: "Legend",
 					headerButton: /* @__PURE__ */ h(re, {
@@ -6075,7 +6075,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 							enabled: e?.customSettings?.isEnableLabelFormatting && e?.customSettings?.linearGaugeV2?.isEnableLegend,
 							isDisabled: !e?.customSettings?.isEnableLabelFormatting,
 							onChange: () => {
-								e?.customSettings?.linearGaugeV2?.isEnableLegend || Oe("legend"), t((e) => ({
+								e?.customSettings?.linearGaugeV2?.isEnableLegend || De("legend"), t((e) => ({
 									...e,
 									customSettings: {
 										...e.customSettings,
@@ -6197,9 +6197,9 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 					]
 				}),
 				id: "marker",
-				isOpen: De === "marker",
+				isOpen: we === "marker",
 				setIsOpen: () => {
-					Oe((e) => e === "marker" ? "" : "marker");
+					De((e) => e === "marker" ? "" : "marker");
 				},
 				header: "Marker",
 				headerButton: null
@@ -6291,9 +6291,9 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 					]
 				}),
 				id: "legend",
-				isOpen: De === "legend",
+				isOpen: we === "legend",
 				setIsOpen: () => {
-					Oe((e) => e === "legend" ? "" : "legend");
+					De((e) => e === "legend" ? "" : "legend");
 				},
 				header: "Legend",
 				headerButton: null
@@ -6584,7 +6584,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 										text: "Reset",
 										children: /* @__PURE__ */ h(m, {
 											variant: "popover",
-											leftIcon: /* @__PURE__ */ h(je, {
+											leftIcon: /* @__PURE__ */ h(Ue, {
 												name: "undo",
 												size: "sm"
 											}),
@@ -6596,7 +6596,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 										text: "Shuffle",
 										children: /* @__PURE__ */ h(m, {
 											variant: "popover",
-											leftIcon: /* @__PURE__ */ h(je, {
+											leftIcon: /* @__PURE__ */ h(Ue, {
 												name: "shuffle",
 												size: "sm"
 											}),
@@ -6654,7 +6654,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 											text: "Reset",
 											children: /* @__PURE__ */ h(m, {
 												variant: "popover",
-												leftIcon: /* @__PURE__ */ h(je, {
+												leftIcon: /* @__PURE__ */ h(Ue, {
 													name: "undo",
 													size: "sm"
 												}),
@@ -6682,7 +6682,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 										}), /* @__PURE__ */ h(m, {
 											variant: "secondary",
 											onClick: () => he(!0),
-											leftIcon: /* @__PURE__ */ h(je, { name: "plus" }),
+											leftIcon: /* @__PURE__ */ h(Ue, { name: "plus" }),
 											children: "Add New Gradient"
 										})]
 									}),
@@ -6699,7 +6699,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 														startColor: e
 													})),
 													defaultValue: "#FFFFFF",
-													value: Ue.startColor
+													value: He.startColor
 												})
 											}),
 											/* @__PURE__ */ h("div", {
@@ -6712,7 +6712,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 														endColor: e
 													})),
 													defaultValue: "#000000",
-													value: Ue.endColor
+													value: He.endColor
 												})
 											}),
 											/* @__PURE__ */ h("div", {
@@ -6729,7 +6729,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 															...t,
 															offset1: Number(e.target.value)
 														})),
-														value: Ue.offset1
+														value: He.offset1
 													})
 												})
 											}),
@@ -6747,7 +6747,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 															...t,
 															offset2: Number(e)
 														})),
-														value: Ue.offset2
+														value: He.offset2
 													})
 												})
 											}),
@@ -6757,8 +6757,8 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 													id: "gradientDirection",
 													label: "Direction",
 													selectedOption: {
-														value: Ue.direction,
-														label: Ue.direction
+														value: He.direction,
+														label: He.direction
 													},
 													options: [
 														{
@@ -6792,7 +6792,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 												onClick: () => Et(),
 												fitContainer: !0,
 												children: [
-													Ue?.isEdit ? "Update" : "Save",
+													He?.isEdit ? "Update" : "Save",
 													" ",
 													"Gradient"
 												]
@@ -6828,7 +6828,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 																index: t
 															}), he(!0);
 														},
-														leftIcon: /* @__PURE__ */ h(je, {
+														leftIcon: /* @__PURE__ */ h(Ue, {
 															name: "pencil-simple",
 															size: "xs"
 														}),
@@ -6836,7 +6836,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 													}), /* @__PURE__ */ h(m, {
 														variant: "tertiary",
 														onClick: () => nn(e),
-														leftIcon: /* @__PURE__ */ h(je, {
+														leftIcon: /* @__PURE__ */ h(Ue, {
 															name: "cross",
 															size: "xs"
 														}),
@@ -7191,7 +7191,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 								}), /* @__PURE__ */ h(m, {
 									"data-testid": "bg-gradient-edit",
 									variant: "popover",
-									leftIcon: /* @__PURE__ */ h(je, {
+									leftIcon: /* @__PURE__ */ h(Ue, {
 										name: "pencil-simple",
 										size: "sm"
 									}),
@@ -7202,9 +7202,9 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 					]
 				}),
 				id: "chart colors",
-				isOpen: De === "chart colors",
+				isOpen: we === "chart colors",
 				setIsOpen: () => {
-					Oe((e) => e === "chart colors" ? "" : "chart colors");
+					De((e) => e === "chart colors" ? "" : "chart colors");
 				},
 				header: [We.waterfall, We.waterfallV2].includes(e?.chartType) ? "Waterfall Settings" : "Chart Colors",
 				headerButton: null
@@ -7262,15 +7262,15 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 								}
 							}))
 						})
-					] }) : /* @__PURE__ */ h(Ae, {
+					] }) : /* @__PURE__ */ h(je, {
 						text: "Enable Chart Title & Description to see options",
 						variant: "info"
 					})
 				}),
 				id: "chart title desc",
-				isOpen: De === "chart title desc",
+				isOpen: we === "chart title desc",
 				setIsOpen: () => {
-					Oe((e) => e === "chart title desc" ? "" : "chart title desc");
+					De((e) => e === "chart title desc" ? "" : "chart title desc");
 				},
 				header: "Chart Title & Description",
 				headerButton: /* @__PURE__ */ h(Qt, {
@@ -7278,7 +7278,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 					defaultEnabled: !0,
 					enabled: e?.customSettings?.enableTitleDesc,
 					onChange: () => {
-						e?.customSettings?.enableTitleDesc || Oe("chart title desc"), t((e) => ({
+						e?.customSettings?.enableTitleDesc || De("chart title desc"), t((e) => ({
 							...e,
 							customSettings: {
 								...e.customSettings,
@@ -7475,9 +7475,9 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 					]
 				}),
 				id: "limits",
-				isOpen: De === "limits",
+				isOpen: we === "limits",
 				setIsOpen: () => {
-					Oe((e) => e === "limits" ? "" : "limits");
+					De((e) => e === "limits" ? "" : "limits");
 				},
 				header: "Limits",
 				headerButton: null
@@ -7676,7 +7676,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 								variant: "tertiary",
 								onClick: () => xe(!0),
 								size: "small",
-								leftIcon: /* @__PURE__ */ h(je, {
+								leftIcon: /* @__PURE__ */ h(Ue, {
 									name: "plus",
 									size: "sm"
 								}),
@@ -7762,7 +7762,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 									children: [/* @__PURE__ */ qt("div", { children: [
 										/* @__PURE__ */ h(pe, {
 											variant: "body-text-2",
-											children: Ke(e?.label, 22)
+											children: qe(e?.label, 22)
 										}),
 										/* @__PURE__ */ h(pe, {
 											variant: "body-text-3",
@@ -7782,7 +7782,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 										className: "dbn:flex dbn:gap-4 dbn:mx-3",
 										children: [/* @__PURE__ */ h(m, {
 											variant: "popover",
-											leftIcon: /* @__PURE__ */ h(je, {
+											leftIcon: /* @__PURE__ */ h(Ue, {
 												name: "pencil-simple",
 												size: "sm"
 											}),
@@ -7795,7 +7795,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 											}
 										}), /* @__PURE__ */ h(m, {
 											variant: "popover",
-											leftIcon: /* @__PURE__ */ h(je, {
+											leftIcon: /* @__PURE__ */ h(Ue, {
 												name: "delete",
 												color: "alert"
 											}),
@@ -7828,9 +7828,9 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 					]
 				}),
 				id: "formatting",
-				isOpen: De === "formatting",
+				isOpen: we === "formatting",
 				setIsOpen: () => {
-					Oe((e) => e === "formatting" ? "" : "formatting");
+					De((e) => e === "formatting" ? "" : "formatting");
 				},
 				header: "Formatting",
 				headerButton: null
@@ -8103,7 +8103,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 								isDisabled: e?.customSettings?.limitDatapoints?.isEnabled
 							})
 						}),
-						qe(e.chartType) && /* @__PURE__ */ qt(Kt, { children: [
+						Je(e.chartType) && /* @__PURE__ */ qt(Kt, { children: [
 							/* @__PURE__ */ qt("div", {
 								className: st.featToggle,
 								children: [/* @__PURE__ */ h(Qt, {
@@ -8152,7 +8152,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 										...t.customSettings,
 										limitDatapoints: {
 											...t?.customSettings?.limitDatapoints,
-											limit: Je(e.target.value)
+											limit: Ke(e.target.value)
 										}
 									}
 								}))
@@ -8488,9 +8488,9 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 					]
 				}),
 				id: "other features",
-				isOpen: De === "other features",
+				isOpen: we === "other features",
 				setIsOpen: () => {
-					Oe((e) => e === "other features" ? "" : "other features");
+					De((e) => e === "other features" ? "" : "other features");
 				},
 				header: [
 					We.pie,
@@ -8509,9 +8509,9 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 					})
 				}),
 				id: "combo chart settings",
-				isOpen: De === "combo chart settings",
+				isOpen: we === "combo chart settings",
 				setIsOpen: () => {
-					Oe((e) => e === "combo chart settings" ? "" : "combo chart settings");
+					De((e) => e === "combo chart settings" ? "" : "combo chart settings");
 				},
 				header: "Combo Chart Settings",
 				headerButton: null
@@ -8810,7 +8810,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 	if (t.includes("llama")) return "llama";
 	if (t.includes("palm")) return "palm";
 }, gn = ({ options: e, isDisabled: t, placeholder: n, position: r = "bottom", onSubmitSearch: i, searchKeyword: a, setSearchKeyword: o, modelName: s, modelOptions: l, selectedModelId: u, onSelectModel: d, variant: f = "default", tokenUsage: p }) => {
-	let ee = f === "aiCopilot", [te, ne] = Gt(!1), [re, ie] = Gt(!1), ae = Ee(a, 200), [oe, ce] = Gt(pn), [le, ue] = Gt(), de = Wt(null), pe = Wt(null), me = Wt(null), he = Wt(null), ge = ee ? 200 : 120, _e = Ut(() => l?.find((e) => e.id === u) || l?.[0], [l, u]), ve = _e?.name || _e?.modelName || s, ye = hn(_e?.llmType) || mn(ve), be = Ut(() => {
+	let ee = f === "aiCopilot", [te, ne] = Gt(!1), [re, ie] = Gt(!1), ae = Oe(a, 200), [oe, ce] = Gt(pn), [le, ue] = Gt(), de = Wt(null), pe = Wt(null), me = Wt(null), he = Wt(null), ge = ee ? 200 : 120, _e = Ut(() => l?.find((e) => e.id === u) || l?.[0], [l, u]), ve = _e?.name || _e?.modelName || s, ye = hn(_e?.llmType) || mn(ve), be = Ut(() => {
 		if (!ee || !p) return !1;
 		let e = an(_e?.modelName || _e?.name || s, _e?.llmType);
 		return e > 0 && p.totalTokens >= e;
@@ -8851,7 +8851,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 		return { filteredOptions: e.filter((e) => pt("name", e, t)) };
 	}, [e, ae]), Te = Vt(() => {
 		ie(!0);
-	}, []), De = Vt((e) => {
+	}, []), Ee = Vt((e) => {
 		e && (o((t) => {
 			let n = t.split(" ");
 			return n.length > 0 ? (n[n.length - 1] = e.alias.trim(), `${n.join(" ")} `) : `${e.alias.trim()} `;
@@ -8902,7 +8902,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 										});
 									} else ue(void 0);
 								}
-								e.key === "Enter" && (le?.column ? (e.preventDefault(), De(le.column), ue(void 0), ie(!1)) : be || (e.preventDefault(), ie(!1), i()));
+								e.key === "Enter" && (le?.column ? (e.preventDefault(), Ee(le.column), ue(void 0), ie(!1)) : be || (e.preventDefault(), ie(!1), i()));
 							},
 							onClick: (e) => {
 								e.preventDefault(), Te();
@@ -8931,7 +8931,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 							})
 						}) : ve ? /* @__PURE__ */ qt("div", {
 							className: "dbn:flex dbn:items-center dbn:gap-1.5 dbn:mt-2 dbn:px-1",
-							children: [ye && /* @__PURE__ */ h(ze, {
+							children: [ye && /* @__PURE__ */ h(De, {
 								name: ye,
 								width: 14
 							}), /* @__PURE__ */ h(Ye, {
@@ -8945,13 +8945,13 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 						ref: pe,
 						children: [we?.slice(0, oe)?.map((e) => /* @__PURE__ */ qt("span", {
 							onClick: () => {
-								De(e);
+								Ee(e);
 							},
 							id: "autoCompleteItem",
 							className: `${nn.autoCompleteItem} ${le?.column?.alias === e.alias ? "dbn:bg-gray" : ""} `,
 							children: [/* @__PURE__ */ h("span", {
 								className: "dbn:w-[10%]",
-								children: e.type === "VALUE" ? /* @__PURE__ */ h(je, { name: "funnel" }) : /* @__PURE__ */ h(bt, { datatype: e.datatype })
+								children: e.type === "VALUE" ? /* @__PURE__ */ h(Ue, { name: "funnel" }) : /* @__PURE__ */ h(bt, { datatype: e.datatype })
 							}), e.alias]
 						}, `${e.alias}_${e.name}`)), oe <= we.length && /* @__PURE__ */ h("div", {
 							className: "dbn:w-full dbn:justify-center dbn:p-2",
@@ -8962,7 +8962,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 								onClick: () => {
 									ie(!0), ce((e) => e + pn);
 								},
-								rightIcon: /* @__PURE__ */ h(je, { name: "chevron-down" }),
+								rightIcon: /* @__PURE__ */ h(Ue, { name: "chevron-down" }),
 								fitContainer: !0,
 								children: "Load More"
 							})
@@ -8993,7 +8993,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 					variant: "popover",
 					type: "submit",
 					isDisabled: t || !a || be,
-					leftIcon: /* @__PURE__ */ h(je, {
+					leftIcon: /* @__PURE__ */ h(Ue, {
 						name: "arrow-right",
 						color: ee ? "white" : void 0,
 						size: ee ? "xs" : void 0
@@ -9011,7 +9011,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 			/* @__PURE__ */ h(m, {
 				type: "button",
 				variant: "popover",
-				leftIcon: /* @__PURE__ */ h(je, { name: "arrow-left" }),
+				leftIcon: /* @__PURE__ */ h(Ue, { name: "arrow-left" }),
 				className: Nt.headerIconBtn,
 				"aria-label": "Close data chat",
 				onClick: () => {
@@ -9026,7 +9026,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 				type: "button",
 				variant: "tab",
 				className: "dbn:ml-auto dbn:rounded-md",
-				leftIcon: /* @__PURE__ */ h(je, { name: "stop" }),
+				leftIcon: /* @__PURE__ */ h(Ue, { name: "stop" }),
 				onClick: n,
 				children: "Stop"
 			}) : null
@@ -9124,7 +9124,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 					})]
 				}), /* @__PURE__ */ h(m, {
 					variant: "popover",
-					leftIcon: /* @__PURE__ */ h(je, {
+					leftIcon: /* @__PURE__ */ h(Ue, {
 						name: "cross",
 						size: "xs"
 					}),
@@ -9132,7 +9132,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 				})]
 			}), r ? /* @__PURE__ */ h(Ce, { variant: "list" }) : /* @__PURE__ */ h("div", {
 				className: "dbn:h-[90%] dbn:w-full",
-				children: n?.split("\n").length ? /* @__PURE__ */ qt(Re, {
+				children: n?.split("\n").length ? /* @__PURE__ */ qt(Be, {
 					direction: "col",
 					className: "dbn:gap-2",
 					children: [n?.split("\n")?.map((e) => /* @__PURE__ */ h(pe, { children: e })), /* @__PURE__ */ h(m, {
@@ -9142,7 +9142,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 								o(!1);
 							}, 3e3);
 						},
-						leftIcon: /* @__PURE__ */ h(je, { name: "copy" }),
+						leftIcon: /* @__PURE__ */ h(Ue, { name: "copy" }),
 						children: a ? "Copied" : "Copy"
 					})]
 				}) : /* @__PURE__ */ h(pe, { children: "Not Found" })
@@ -9162,7 +9162,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 			className: "dbn:w-full dbn:flex dbn:justify-between dbn:items-center dbn:py-4",
 			children: [/* @__PURE__ */ qt("span", {
 				className: "dbn:flex dbn:gap-2 dbn:items-center",
-				children: [/* @__PURE__ */ h(je, {
+				children: [/* @__PURE__ */ h(Ue, {
 					name: "file-sql",
 					size: "lg"
 				}), /* @__PURE__ */ h(pe, {
@@ -9171,7 +9171,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 				})]
 			}), /* @__PURE__ */ h(m, {
 				variant: "popover",
-				leftIcon: /* @__PURE__ */ h(je, {
+				leftIcon: /* @__PURE__ */ h(Ue, {
 					name: "cross",
 					size: "xs"
 				}),
@@ -9395,7 +9395,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 											}),
 											/* @__PURE__ */ qt("div", {
 												className: Nt.chatError,
-												children: [/* @__PURE__ */ h(je, { name: "warning" }), /* @__PURE__ */ h(pe, {
+												children: [/* @__PURE__ */ h(Ue, { name: "warning" }), /* @__PURE__ */ h(pe, {
 													variant: "body-text-1",
 													children: Pn(e?.error, e?.errorCode) ? te : Fn(e?.error, e?.errorCode) ? e?.error : te
 												})]
@@ -9489,10 +9489,10 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 																variant: "card",
 																className: "dbn:w-full dbn:h-full"
 															})
-														}) : e.data.length ? /* @__PURE__ */ qt(Re, {
+														}) : e.data.length ? /* @__PURE__ */ qt(Be, {
 															direction: "col",
 															className: "dbn:gap-2 dbn:h-full",
-															children: [e.summary?.length ? /* @__PURE__ */ h(Re, {
+															children: [e.summary?.length ? /* @__PURE__ */ h(Be, {
 																className: "dbn:gap-2 dbn:flex-wrap",
 																children: e.summary?.map((e, t) => /* @__PURE__ */ h("span", {
 																	className: "dbn:rounded-2xl dbn:px-2 dbn:py-0.5 dbn:bg-warning dbn:text-warning-dark",
@@ -9524,7 +9524,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 														className: "dbn:flex dbn:items-center dbn:gap-2",
 														children: [/* @__PURE__ */ h(m, {
 															variant: "tab",
-															leftIcon: /* @__PURE__ */ h(je, {
+															leftIcon: /* @__PURE__ */ h(Ue, {
 																name: "save",
 																size: "xs"
 															}),
@@ -9542,7 +9542,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 															className: "dbn:flex dbn:gap-0",
 															children: [/* @__PURE__ */ h(m, {
 																variant: "tab",
-																leftIcon: /* @__PURE__ */ h(je, {
+																leftIcon: /* @__PURE__ */ h(Ue, {
 																	name: "bar-chart",
 																	size: "xs"
 																}),
@@ -9557,7 +9557,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 																children: "Charts"
 															}), /* @__PURE__ */ h(m, {
 																variant: "tab",
-																leftIcon: /* @__PURE__ */ h(je, {
+																leftIcon: /* @__PURE__ */ h(Ue, {
 																	name: "color-palette",
 																	size: "xs"
 																}),
@@ -9568,7 +9568,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 																children: "Appearances"
 															})]
 														})]
-													}), /* @__PURE__ */ h(Re, {
+													}), /* @__PURE__ */ h(Be, {
 														alignItems: "center",
 														className: "dbn:gap-6",
 														children: /* @__PURE__ */ h(Lt, {
@@ -9616,10 +9616,10 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 														onClick: () => o(e),
 														isDisabled: n?.isDisableButton,
 														className: "dbn:gap-2",
-														children: /* @__PURE__ */ qt(Re, {
+														children: /* @__PURE__ */ qt(Be, {
 															alignItems: "center",
 															className: "dbn:gap-1",
-															children: [/* @__PURE__ */ h(je, {
+															children: [/* @__PURE__ */ h(Ue, {
 																name: "wand",
 																size: "small",
 																color: "pink"
@@ -9763,7 +9763,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 									}),
 									/* @__PURE__ */ qt("div", {
 										className: Nt.chatError,
-										children: [/* @__PURE__ */ h(je, { name: "warning" }), /* @__PURE__ */ h(pe, {
+										children: [/* @__PURE__ */ h(Ue, { name: "warning" }), /* @__PURE__ */ h(pe, {
 											variant: "body-text-1",
 											children: Pn(n?.error) ? te : Fn(n?.error) ? n?.error : te
 										})]
@@ -9814,7 +9814,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 									className: "dbn:w-[96%] dbn:flex dbn:gap-1 dbn:items-center",
 									children: [/* @__PURE__ */ h("span", {
 										className: "dbn:w-[3%]",
-										children: /* @__PURE__ */ h(je, {
+										children: /* @__PURE__ */ h(Ue, {
 											name: "placeholder",
 											size: "xs"
 										})
@@ -9839,7 +9839,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 									})]
 								}), /* @__PURE__ */ h(m, {
 									variant: "popover",
-									leftIcon: /* @__PURE__ */ h(je, {
+									leftIcon: /* @__PURE__ */ h(Ue, {
 										name: "cross",
 										size: "small"
 									}),
@@ -9887,7 +9887,7 @@ var Jt = (e, t, n) => ({ autoCompleteDropdownOptions: Ut(() => {
 					className: "dbn:w-[400px] dbn:flex dbn:flex-row dbn:items-start dbn:justify-start dbn:py-5 dbn:text-base dbn:text-primary-title",
 					children: [/* @__PURE__ */ h("span", {
 						className: "dbn:w-[10%]",
-						children: /* @__PURE__ */ h(je, {
+						children: /* @__PURE__ */ h(Ue, {
 							name: "warning",
 							size: "lg"
 						})
@@ -86247,10 +86247,10 @@ var vs = {
 	isProgressiveDimension: e.isProgressiveDimension,
 	dimensions: e.dimensions,
 	measures: e.measures,
-	semanticTypes: Ue(e.semanticColumns),
-	semanticTypeConfigs: Oe(e.semanticColumns)
+	semanticTypes: we(e.semanticColumns),
+	semanticTypeConfigs: ze(e.semanticColumns)
 }), Ms = (e) => {
-	if (!He() || !e.rows.length) return { chartType: mt({
+	if (!Ie() || !e.rows.length) return { chartType: mt({
 		dataLength: e.dataLength,
 		dimensionCount: e.dimensions?.length,
 		measureCount: e.measures?.length,
@@ -86312,7 +86312,7 @@ var vs = {
 		let e = new AbortController();
 		return de.current = e, e.signal;
 	}, pe = Vt(() => {
-		de.current?.abort(), de.current = null, Oe(!1), ge((e) => ({
+		de.current?.abort(), de.current = null, De(!1), ge((e) => ({
 			...e,
 			isDisableButton: !1,
 			isLoading: !1,
@@ -86330,7 +86330,7 @@ var vs = {
 		error: "",
 		isLoading: !1,
 		currentValue: ""
-	}), [be, xe] = Gt(!1), [Se, Ce] = Gt(), [we, Te] = Gt(""), [Ee, Oe] = Gt(!1), [Ae, je] = Gt([]), [Me, Ne] = Gt(!1), [Pe, Ie] = Gt({
+	}), [be, xe] = Gt(!1), [Se, Ce] = Gt(), [we, Te] = Gt(""), [Ee, De] = Gt(!1), [Oe, je] = Gt([]), [Me, Ne] = Gt(!1), [Pe, Ie] = Gt({
 		isOpen: !1,
 		report: "",
 		isLoading: !1
@@ -86338,7 +86338,7 @@ var vs = {
 		isOpenAppearance: !1,
 		isOpenTypePanel: !1,
 		chartIndex: -1
-	}), [ze, Be] = Gt([]), Ve = Ut(() => me?.chats?.find((e) => e.timestamp === Le?.chartIndex), [Le?.chartIndex, me?.chats]), He = Ut(() => [u, De].includes(Se?.name?.toLowerCase() || ""), [Se]), Ue = Ut(() => ve(Se?.name || ""), [Se]), { createExternalMetric: Ge, error: Ke, isLoading: qe, updateExternalMetric: Je, clientSubsetData: Ye } = Xe({
+	}), [ze, Be] = Gt([]), Ve = Ut(() => me?.chats?.find((e) => e.timestamp === Le?.chartIndex), [Le?.chartIndex, me?.chats]), He = Ut(() => [u, Ae].includes(Se?.name?.toLowerCase() || ""), [Se]), Ue = Ut(() => ve(Se?.name || ""), [Se]), { createExternalMetric: Ge, error: Ke, isLoading: qe, updateExternalMetric: Je, clientSubsetData: Ye } = Xe({
 		onServerEvent: oe,
 		onSuccess: async (e) => {
 			if (xe(!1), e) try {
@@ -86733,7 +86733,7 @@ var vs = {
 				previousQuestion: _t(me.followUp).reverse().join(" "),
 				previousSql: me.followUp.responseQuery
 			} } : void 0, i = we;
-			Oe(!0), ge((e) => ({
+			De(!0), ge((e) => ({
 				...e,
 				isDisableButton: !0,
 				error: "",
@@ -86767,7 +86767,7 @@ var vs = {
 					r?.reasoning, se?.map((e) => ({
 						table: e.tableName,
 						columns: e.columns
-					})), Oe(!1), setTimeout(() => {
+					})), De(!1), setTimeout(() => {
 						a || l ? (ge((n) => ({
 							...n,
 							error: "",
@@ -86859,7 +86859,7 @@ var vs = {
 					}, 2e3);
 				},
 				onError(e) {
-					Oe(!1), !r(e) && setTimeout(() => {
+					De(!1), !r(e) && setTimeout(() => {
 						ge((e) => ({
 							...e,
 							error: Fe,
@@ -86876,7 +86876,7 @@ var vs = {
 		setSearchKeys: Be,
 		setSearchKeyword: Te,
 		searchKeyword: we,
-		showChatResults: Ae,
+		showChatResults: Oe,
 		setShowChatResults: je,
 		chartPanel: Le,
 		setChartPanel: Re,