@databrainhq/plugin 0.17.9-beta.97 → 0.17.9-beta.99

package/dist/{CreateMetricV2-DGbaMJwU.mjs → CreateMetricV2-C6znughx.mjs}

@@ -2,19 +2,19 @@ import * as e from "react";
 import "react-dom";
 import "react-dom/client";
 import { r as t } from "./cardStates-YaeHm3yq.mjs";
-import { dn as n, g as r, on as i } from "./pluginV3Request-kkTcVeiD.mjs";
-import { K as a } from "./metric.mutation-DVUC9Be1.mjs";
-import { Br as o, Ga as s, Ii as c, Lr as l, Ni as u, Xi as d, Xt as f, _ as p, _i as m, bi as h, da as g, g as _, h as v, m as y, na as b, oo as x, qa as S, rn as C, u as w, vi as T, xi as E, yi as D, yr as O } from "./Portal-CHbWTdj-.mjs";
-import { E as k, t as A, v as j, y as M } from "./ChartTypePanel-CBWi0BYr.mjs";
+import { dn as n, g as r, on as i } from "./pluginV3Request-CMdyFzSU.mjs";
+import { K as a } from "./metric.mutation-CC6Dbgwj.mjs";
+import { Br as o, Ga as s, Ii as c, Lr as l, Ni as u, Xi as d, Xt as f, _ as p, _i as m, bi as h, da as g, g as _, h as v, m as y, na as b, oo as x, qa as S, rn as C, u as w, vi as T, xi as E, yi as D, yr as O } from "./Portal-C6MjQFVm.mjs";
+import { E as k, t as A, v as j, y as M } from "./ChartTypePanel-DPaberdS.mjs";
 import { n as N } from "./charts-BfKyYVQ3.mjs";
-import { T as ee, a as P, k as F, s as te, t as ne } from "./crossPointer-Bm4RHOfu.mjs";
-import { C as I, f as re, h as ie, p as ae, r as oe } from "./useLoadingDeadline-CVcXHFbK.mjs";
-import { a as L } from "./RadioButton-D6uQxa8X.mjs";
+import { T as ee, a as P, k as F, s as te, t as ne } from "./crossPointer-KoxkIq7h.mjs";
+import { C as I, f as re, h as ie, p as ae, r as oe } from "./useLoadingDeadline-CPrzh-Jq.mjs";
+import { a as L } from "./RadioButton-D0P8z1r8.mjs";
 import { t as se } from "./shadowContainer-CigTOXz8.mjs";
-import { a as R, c as z, i as ce, l as B, n as le, o as ue, r as de, t as fe } from "./SortPanel-DONqZ8e6.mjs";
-import { n as pe } from "./Accordion-W0sRsDtP.mjs";
+import { a as R, c as z, i as ce, l as B, n as le, o as ue, r as de, t as fe } from "./SortPanel-DJ9dRLqB.mjs";
+import { n as pe } from "./Accordion-CkUE4obH.mjs";
 import { t as V } from "./createLucideIcon-B89xLYvS.mjs";
-import { B as me, C as he, F as ge, H as _e, I as ve, N as ye, R as be, S as xe, T as Se, U as Ce, V as H, _ as we, b as Te, c as Ee, d as De, f as Oe, g as ke, h as Ae, j as je, l as Me, m as Ne, o as Pe, p as U, r as Fe, s as W, u as G, v as Ie, w as Le, x as Re, y as ze, z as Be } from "./CardChartSlot-CRNSMqST.mjs";
+import { B as me, C as he, F as ge, H as _e, I as ve, N as ye, R as be, S as xe, T as Se, U as Ce, V as H, _ as we, b as Te, c as Ee, d as De, f as Oe, g as ke, h as Ae, j as je, l as Me, m as Ne, o as Pe, p as U, r as Fe, s as W, u as G, v as Ie, w as Le, x as Re, y as ze, z as Be } from "./CardChartSlot-B2katOpD.mjs";
 import { _ as Ve, a as He, c as K, d as Ue, f as We, g as Ge, h as Ke, i as qe, m as Je, n as Ye, o as Xe, p as Ze, r as q, s as Qe, t as J, u as $e } from "./qaSelectors-OdHjlXAo.mjs";
 import { A as et, E as tt, O as nt, T as rt, V as it, k as at, t as ot, w as st } from "./dist-BN9zta-l.mjs";
 import { n as ct, t as lt } from "./x-aT15zz1n.mjs";
@@ -1175,7 +1175,7 @@ var hi = ({ field: e }) => /* @__PURE__ */ Z("span", {
 		/* @__PURE__ */ Z("div", {
 			...q("builder-toolbar"),
 			"data-slot": "builder-toolbar",
-			className: Y("flex h-10 w-full shrink-0 items-center justify-between gap-2 rounded-t-(--radius-md) border border-b-0 border-(--border) bg-(--background) px-2", b),
+			className: Y("flex h-11 w-full shrink-0 items-center justify-between gap-2 rounded-t-(--radius-lg,8px) border border-b-0 border-(--border) bg-(--card) px-3", b),
 			children: [/* @__PURE__ */ Z("div", {
 				...q("builder-toolbar", "query-actions"),
 				className: "flex min-w-0 items-center gap-1",
@@ -1343,10 +1343,13 @@ var hi = ({ field: e }) => /* @__PURE__ */ Z("span", {
 							...J("create-metric-header", "title"),
 							className: "truncate text-sm leading-5 font-medium text-(--foreground)",
 							children: b
-						}), n ? null : /* @__PURE__ */ X("span", {
+						}), n ? null : /* @__PURE__ */ Z("span", {
 							...J("create-metric-header", "status"),
-							className: "inline-flex h-5 shrink-0 items-center rounded-(--radius-sm) border border-(--border) px-2 text-xs leading-4 font-normal text-(--muted-foreground)",
-							children: r
+							className: "inline-flex h-5 shrink-0 items-center gap-1.5 rounded-full bg-(--muted) px-2 text-xs leading-4 font-medium text-(--muted-foreground)",
+							children: [/* @__PURE__ */ X("span", {
+								"aria-hidden": "true",
+								className: "size-1.5 shrink-0 rounded-full bg-(--muted-foreground)"
+							}), r]
 						})]
 					}), x ? /* @__PURE__ */ X("p", {
 						...J("create-metric-header", "answer-line"),
@@ -2217,12 +2220,12 @@ var hi = ({ field: e }) => /* @__PURE__ */ Z("span", {
 }, ia = (e) => /* @__PURE__ */ X(Ki, {
 	...e,
 	components: ra
-}), aa = "flex w-full items-start gap-2", oa = "flex h-9 w-24 shrink-0 items-center gap-1 text-caption font-semibold tracking-wider whitespace-nowrap uppercase text-(--muted-foreground)", sa = "flex max-h-28 min-h-9 w-full min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto rounded-(--radius) border border-dashed border-(--border) bg-(--background) px-2 py-1 transition-colors", ca = {
+}), aa = "flex w-full items-start gap-3 px-3 py-2", oa = "border-t border-(--border)", sa = "flex h-9 w-28 shrink-0 items-center gap-1.5 pl-1 text-caption font-semibold tracking-wider whitespace-nowrap uppercase text-(--muted-foreground)", ca = "flex max-h-28 min-h-9 w-full min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto rounded-(--radius) border border-(--border) bg-(--surface-inset,var(--muted)) px-2 py-1 transition-colors", la = {
 	idle: "",
-	armed: "border-(--muted-foreground)",
+	armed: "border-dashed border-(--muted-foreground)",
 	over: "border-solid border-(--primary) bg-(--accent) outline-2 -outline-offset-2 outline-(--primary)",
 	rejected: "border-solid border-(--muted-foreground) bg-(--muted) opacity-60"
-}, la = "min-w-0 flex-1 truncate px-1 text-xs text-(--muted-foreground)", ua = "flex min-w-0 flex-1 items-center gap-1 px-1 text-xs text-(--muted-foreground)", da = "flex h-9 w-6 shrink-0 items-center justify-center", fa = "Drag a numeric field to measure", pa = "Drag a field here to group by", ma = {
+}, ua = "min-w-0 flex-1 truncate px-1 text-xs text-(--muted-foreground)", da = "flex min-w-0 flex-1 items-center gap-1 px-1 text-xs text-(--muted-foreground)", fa = "flex h-9 w-6 shrink-0 items-center justify-center", pa = "Drag a numeric field to measure", ma = "Drag a field here to group by", ha = {
 	id: "dimensions",
 	accepts: [
 		"column",
@@ -2230,7 +2233,7 @@ var hi = ({ field: e }) => /* @__PURE__ */ Z("span", {
 		"metrics",
 		"aggregate_dimensions"
 	]
-}, ha = {
+}, ga = {
 	id: "metric",
 	accepts: [
 		"column",
@@ -2238,7 +2241,7 @@ var hi = ({ field: e }) => /* @__PURE__ */ Z("span", {
 		"metrics",
 		"aggregate_metrics"
 	]
-}, ga = [], _a = [], va = ({ table: t, columns: n, selectedDims: r, selectedMetrics: i, onDropColumn: a, onRemoveColumn: o, onChangeHelperFunction: s, onChangeAlias: u, functionOptions: d, dimModifiers: f, metricModifiers: p, chartSettings: m, dbName: g, partitionColumnList: _ = _a, measuresPickerDefaultOpen: v, dimensionsPickerDefaultOpen: y, arithmeticColumnOptions: b = ga, onSaveArithMetricOption: x, className: S }) => {
+}, _a = [], va = [], ya = ({ table: t, columns: n, selectedDims: r, selectedMetrics: i, onDropColumn: a, onRemoveColumn: o, onChangeHelperFunction: s, onChangeAlias: u, functionOptions: d, dimModifiers: f, metricModifiers: p, chartSettings: m, dbName: g, partitionColumnList: _ = va, measuresPickerDefaultOpen: v, dimensionsPickerDefaultOpen: y, arithmeticColumnOptions: b = _a, onSaveArithMetricOption: x, className: S }) => {
 	let [C, w] = e.useState(!1), [E, D] = e.useState(), O = i.length > 0 && !!x, k = e.useMemo(() => [
 		h,
 		c,
@@ -2267,11 +2270,11 @@ var hi = ({ field: e }) => /* @__PURE__ */ Z("span", {
 		r,
 		i
 	]), { setDropNodeRef: j, dragStatus: N } = B({
-		identifier: ha,
+		identifier: ga,
 		events: { onDrop: A("METRIC") },
 		modifiers: p
 	}), { setDropNodeRef: ee, dragStatus: P } = B({
-		identifier: ma,
+		identifier: ha,
 		events: { onDrop: A("DIMENSION") },
 		modifiers: f
 	}), { dndState: F } = M(), te = !!F.active, ne = F.active?.identifier?.type, I = (e, t) => {
@@ -2314,13 +2317,83 @@ var hi = ({ field: e }) => /* @__PURE__ */ Z("span", {
 	};
 	return /* @__PURE__ */ Z("div", {
 		...q("field-zones"),
-		className: Y("flex w-full flex-col gap-2", S),
+		className: Y("flex w-full flex-col overflow-visible rounded-(--radius-lg,8px) border border-(--border) bg-(--card)", S),
 		children: [/* @__PURE__ */ Z("div", {
 			className: aa,
+			children: [
+				/* @__PURE__ */ Z("span", {
+					...q("field-zone", "dimensions", "label"),
+					className: sa,
+					children: [/* @__PURE__ */ Z("span", {
+						...q("field-zone", "dimensions", "accepts"),
+						className: "flex size-3 shrink-0 items-center justify-center",
+						children: [/* @__PURE__ */ X(hr, {
+							"aria-hidden": "true",
+							className: "size-3"
+						}), /* @__PURE__ */ X("span", {
+							className: "sr-only",
+							children: "Accepts any column."
+						})]
+					}), "Dimensions"]
+				}),
+				/* @__PURE__ */ Z("div", {
+					ref: ee,
+					...q("field-zone", "dimensions"),
+					className: Y(ca, la[ie.state]),
+					children: [
+						oe ? /* @__PURE__ */ Z("span", {
+							...q("field-zone", "dimensions", "refused"),
+							className: da,
+							children: [/* @__PURE__ */ X(me, {
+								"aria-hidden": "true",
+								className: "size-3 shrink-0"
+							}), /* @__PURE__ */ X("span", {
+								className: "truncate",
+								children: oe
+							})]
+						}) : null,
+						r.length === 0 && !oe ? /* @__PURE__ */ X("span", {
+							...q("field-zone", "dimensions", "empty"),
+							className: ua,
+							children: ma
+						}) : null,
+						r.map((e, t) => /* @__PURE__ */ X(na, {
+							column: e,
+							type: "DIMENSION",
+							zoneId: "dimensions",
+							index: t,
+							functionOptions: d,
+							onChangeHelperFunction: s,
+							onChangeAlias: u,
+							onRemove: () => o({
+								column: e,
+								type: "DIMENSION"
+							})
+						}, e.uniqueId || e.alias)),
+						/* @__PURE__ */ X(ia, {
+							columns: n,
+							onSelectColumn: (e) => de("DIMENSION", e),
+							triggerAriaLabel: "Add a dimension",
+							zoneId: "dimensions",
+							disabled: !R,
+							disabledReason: L.warning,
+							emptyLabel: le,
+							defaultOpen: y,
+							className: "ml-auto"
+						})
+					]
+				}),
+				/* @__PURE__ */ X("div", {
+					"aria-hidden": "true",
+					className: fa
+				})
+			]
+		}), /* @__PURE__ */ Z("div", {
+			className: Y(aa, oa),
 			children: [
 				/* @__PURE__ */ Z("span", {
 					...q("field-zone", "measures", "label"),
-					className: oa,
+					className: sa,
 					children: [/* @__PURE__ */ Z("span", {
 						...q("field-zone", "measures", "accepts"),
 						className: "flex size-3 shrink-0 items-center justify-center",
@@ -2336,11 +2409,11 @@ var hi = ({ field: e }) => /* @__PURE__ */ Z("span", {
 				/* @__PURE__ */ Z("div", {
 					ref: j,
 					...q("field-zone", "measures"),
-					className: Y(sa, ca[re.state]),
+					className: Y(ca, la[re.state]),
 					children: [
 						ae ? /* @__PURE__ */ Z("span", {
 							...q("field-zone", "measures", "refused"),
-							className: ua,
+							className: da,
 							children: [/* @__PURE__ */ X(me, {
 								"aria-hidden": "true",
 								className: "size-3 shrink-0"
@@ -2351,8 +2424,8 @@ var hi = ({ field: e }) => /* @__PURE__ */ Z("span", {
 						}) : null,
 						i.length === 0 && !ae ? /* @__PURE__ */ X("span", {
 							...q("field-zone", "measures", "empty"),
-							className: la,
-							children: fa
+							className: ua,
+							children: pa
 						}) : null,
 						i.map((e, t) => /* @__PURE__ */ X(na, {
 							column: e,
@@ -2385,7 +2458,7 @@ var hi = ({ field: e }) => /* @__PURE__ */ Z("span", {
 					]
 				}),
 				/* @__PURE__ */ Z("div", {
-					className: da,
+					className: fa,
 					children: [/* @__PURE__ */ X("button", {
 						type: "button",
 						...J("field-zone", "measures", "calculated-field"),
@@ -2414,82 +2487,12 @@ var hi = ({ field: e }) => /* @__PURE__ */ Z("span", {
 					} }) : null]
 				})
 			]
-		}), /* @__PURE__ */ Z("div", {
-			className: aa,
-			children: [
-				/* @__PURE__ */ Z("span", {
-					...q("field-zone", "dimensions", "label"),
-					className: oa,
-					children: [/* @__PURE__ */ Z("span", {
-						...q("field-zone", "dimensions", "accepts"),
-						className: "flex size-3 shrink-0 items-center justify-center",
-						children: [/* @__PURE__ */ X(hr, {
-							"aria-hidden": "true",
-							className: "size-3"
-						}), /* @__PURE__ */ X("span", {
-							className: "sr-only",
-							children: "Accepts any column."
-						})]
-					}), "Dimensions"]
-				}),
-				/* @__PURE__ */ Z("div", {
-					ref: ee,
-					...q("field-zone", "dimensions"),
-					className: Y(sa, ca[ie.state]),
-					children: [
-						oe ? /* @__PURE__ */ Z("span", {
-							...q("field-zone", "dimensions", "refused"),
-							className: ua,
-							children: [/* @__PURE__ */ X(me, {
-								"aria-hidden": "true",
-								className: "size-3 shrink-0"
-							}), /* @__PURE__ */ X("span", {
-								className: "truncate",
-								children: oe
-							})]
-						}) : null,
-						r.length === 0 && !oe ? /* @__PURE__ */ X("span", {
-							...q("field-zone", "dimensions", "empty"),
-							className: la,
-							children: pa
-						}) : null,
-						r.map((e, t) => /* @__PURE__ */ X(na, {
-							column: e,
-							type: "DIMENSION",
-							zoneId: "dimensions",
-							index: t,
-							functionOptions: d,
-							onChangeHelperFunction: s,
-							onChangeAlias: u,
-							onRemove: () => o({
-								column: e,
-								type: "DIMENSION"
-							})
-						}, e.uniqueId || e.alias)),
-						/* @__PURE__ */ X(ia, {
-							columns: n,
-							onSelectColumn: (e) => de("DIMENSION", e),
-							triggerAriaLabel: "Add a dimension",
-							zoneId: "dimensions",
-							disabled: !R,
-							disabledReason: L.warning,
-							emptyLabel: le,
-							defaultOpen: y,
-							className: "ml-auto"
-						})
-					]
-				}),
-				/* @__PURE__ */ X("div", {
-					"aria-hidden": "true",
-					className: da
-				})
-			]
 		})]
 	});
 }, $ = ({ children: e }) => /* @__PURE__ */ X("div", {
 	className: "flex h-full min-h-0 w-full flex-1 flex-col items-center justify-center overflow-hidden p-6",
 	children: e
-}), ya = ({ onAddField: e, qaEntity: t = "preview-pane", headline: n = "Build your first view", hint: r = /* @__PURE__ */ X(mt, { children: "Drag a field from the list on the left into Measures (the numbers you want) or Dimensions (how to break them down). The answer renders here as you build it." }) }) => /* @__PURE__ */ Z("div", {
+}), ba = ({ onAddField: e, qaEntity: t = "preview-pane", headline: n = "Build your first view", hint: r = /* @__PURE__ */ X(mt, { children: "Drag a field from the list on the left into Measures (the numbers you want) or Dimensions (how to break them down). The answer renders here as you build it." }) }) => /* @__PURE__ */ Z("div", {
 	"data-testid": "card-empty-state",
 	"data-slot": "create-metric-empty",
 	className: "flex max-w-sm flex-col items-center gap-3 text-center",
@@ -2519,11 +2522,11 @@ var hi = ({ field: e }) => /* @__PURE__ */ Z("span", {
 			children: [/* @__PURE__ */ X(Dr, { "aria-hidden": "true" }), /* @__PURE__ */ X("span", { children: "Add a field" })]
 		}) : null
 	]
-}), ba = ({ qaEntity: e = "preview-pane" }) => /* @__PURE__ */ X("p", {
+}), xa = ({ qaEntity: e = "preview-pane" }) => /* @__PURE__ */ X("p", {
 	...Wi(e, "no-data-hint"),
 	className: "mt-1 max-w-xs text-center text-xs text-(--muted-foreground)",
 	children: "The query ran, but nothing matched. Try relaxing a filter, raising the row limit, or grouping by a different field."
-}), xa = 10, Sa = [
+}), Sa = 10, Ca = [
 	10,
 	25,
 	50,
@@ -2533,7 +2536,7 @@ var hi = ({ field: e }) => /* @__PURE__ */ Z("span", {
 	500,
 	1e3
 ];
-function Ca(e) {
+function wa(e) {
 	return Object.keys(e[0] ?? {}).map((t) => {
 		let n = !1;
 		for (let r of e) {
@@ -2550,12 +2553,12 @@ function Ca(e) {
 		};
 	});
 }
-function wa(e, t, n) {
+function Ta(e, t, n) {
 	let r = e == null || e === "", i = t == null || t === "";
 	return r && i ? 0 : r ? 1 : i ? -1 : n ? e - t : String(e).localeCompare(String(t));
 }
-var Ta = ({ rows: t, qaEntity: n }) => {
-	let r = e.useMemo(() => Ca(t), [t]), [i, a] = e.useState(""), o = e.useMemo(() => {
+var Ea = ({ rows: t, qaEntity: n }) => {
+	let r = e.useMemo(() => wa(t), [t]), [i, a] = e.useState(""), o = e.useMemo(() => {
 		let e = i.trim().toLocaleLowerCase();
 		return e ? t.filter((t) => r.some((n) => String(t[n.key] ?? "").toLocaleLowerCase().includes(e))) : t;
 	}, [
@@ -2569,7 +2572,7 @@ var Ta = ({ rows: t, qaEntity: n }) => {
 			index: t
 		}));
 		return t.sort((t, n) => {
-			let r = wa(t.row?.[l.key], n.row?.[l.key], !!e?.isNumeric), i = t.row?.[l.key], a = n.row?.[l.key], o = i == null || i === "" || a == null || a === "" || l.direction === "asc" ? r : -r;
+			let r = Ta(t.row?.[l.key], n.row?.[l.key], !!e?.isNumeric), i = t.row?.[l.key], a = n.row?.[l.key], o = i == null || i === "" || a == null || a === "" || l.direction === "asc" ? r : -r;
 			return o === 0 ? t.index - n.index : o;
 		}), t.map((e) => e.row);
 	}, [
@@ -2586,7 +2589,7 @@ var Ta = ({ rows: t, qaEntity: n }) => {
 			direction: "desc"
 		} : null), h(0);
 	}
-	let [f, p] = e.useState(xa), [m, h] = e.useState(0), g = u.length, _ = Math.max(1, Math.ceil(g / f)), b = Math.min(m, _ - 1), x = g === 0 ? 0 : f * b + 1, S = g <= f * (b + 1) ? g : f * (b + 1), C = x <= 1, T = S >= g, E = e.useMemo(() => u.slice(f * b, f * (b + 1)), [
+	let [f, p] = e.useState(Sa), [m, h] = e.useState(0), g = u.length, _ = Math.max(1, Math.ceil(g / f)), b = Math.min(m, _ - 1), x = g === 0 ? 0 : f * b + 1, S = g <= f * (b + 1) ? g : f * (b + 1), C = x <= 1, T = S >= g, E = e.useMemo(() => u.slice(f * b, f * (b + 1)), [
 		u,
 		f,
 		b
@@ -2665,7 +2668,7 @@ var Ta = ({ rows: t, qaEntity: n }) => {
 						value: f,
 						onChange: (e) => D(Number(e.target.value)),
 						className: "h-6 cursor-pointer rounded-(--radius-sm) border border-(--border) bg-(--muted) px-1.5 text-xs text-(--foreground) transition-colors hover:text-(--foreground) focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ring) disabled:cursor-not-allowed disabled:opacity-50",
-						children: Sa.map((e) => /* @__PURE__ */ Z("option", {
+						children: Ca.map((e) => /* @__PURE__ */ Z("option", {
 							value: e,
 							children: ["Show ", e]
 						}, e))
@@ -2745,19 +2748,19 @@ var Ta = ({ rows: t, qaEntity: n }) => {
 			}) : null
 		]
 	});
-}, Ea = e.lazy(async () => ({ default: (await import("./charts-BfKyYVQ3.mjs").then((e) => e.t)).DbnChart })), Da = e.lazy(async () => ({ default: (await import("./Chart-Ci82bD4z.mjs").then((e) => e.n)).Chart })), Oa = Object.freeze({
+}, Da = e.lazy(async () => ({ default: (await import("./charts-BfKyYVQ3.mjs").then((e) => e.t)).DbnChart })), Oa = e.lazy(async () => ({ default: (await import("./Chart-B_z91ZMk.mjs").then((e) => e.n)).Chart })), ka = Object.freeze({
 	isLoading: !1,
 	error: "",
 	data: [],
 	currentValue: ""
-}), ka = /* @__PURE__ */ new Set([
+}), Aa = /* @__PURE__ */ new Set([
 	s.table,
 	s.trendAnalyzer,
 	s.pivot,
 	s.pivotV2,
 	s.pivotV3,
 	s.horizontalStackTable
-]), Aa = /* @__PURE__ */ new Set([
+]), ja = /* @__PURE__ */ new Set([
 	s.horizontalStackTable,
 	s.pivot,
 	s.treeMap,
@@ -2765,10 +2768,10 @@ var Ta = ({ rows: t, qaEntity: n }) => {
 	s.pivotV2,
 	s.pivotV3
 ]);
-function ja(e) {
-	return !!e && ka.has(e);
+function Ma(e) {
+	return !!e && Aa.has(e);
 }
-var Ma = ({ data: t, isLoading: n, error: r, errorView: i, chartSettings: a, dimensions: o, metrics: s, isCustomTable: c, isDrillEnableGroupBy: l, drillLevel: u, onDrillLevelClick: d, onResetDrill: f, chartColors: p, chartAppearance: m, appearanceOptions: h, customMessages: g, translationDictionary: _, selectedLanguage: v, noDataImg: y, onAddField: b, colorScheme: x = "light", onRetry: S, className: C, isActive: w = !0 }) => {
+var Na = ({ data: t, isLoading: n, error: r, errorView: i, chartSettings: a, dimensions: o, metrics: s, isCustomTable: c, isDrillEnableGroupBy: l, drillLevel: u, onDrillLevelClick: d, onResetDrill: f, chartColors: p, chartAppearance: m, appearanceOptions: h, customMessages: g, translationDictionary: _, selectedLanguage: v, noDataImg: y, onAddField: b, colorScheme: x = "light", onRetry: S, className: C, isActive: w = !0 }) => {
 	let T = e.useMemo(() => fr({
 		chartSettings: a,
 		dimensions: o,
@@ -2795,7 +2798,7 @@ var Ma = ({ data: t, isLoading: n, error: r, errorView: i, chartSettings: a, dim
 	let k = E ? t : D.current?.rows, A = E ? a : D.current?.settings ?? a, j = !!k && k.length > 0, M = e.useMemo(() => ({
 		...A,
 		chartColors: p ?? A?.chartColors
-	}), [A, p]), N = e.useMemo(() => !j || ja(a.chartType) ? null : F(M, k), [
+	}), [A, p]), N = e.useMemo(() => !j || Ma(a.chartType) ? null : F(M, k), [
 		j,
 		a.chartType,
 		M,
@@ -2815,7 +2818,7 @@ var Ma = ({ data: t, isLoading: n, error: r, errorView: i, chartSettings: a, dim
 		m,
 		M,
 		N?.type
-	]), ie = e.useMemo(() => ja(a.chartType) ? void 0 : ee(M), [a.chartType, M]), [ae, oe] = e.useState(null), L = re(ae), se = o.map((e) => e.label || e.alias || e.name), R = j && l && se.length > 0 && !Aa.has(a.chartType), z = {
+	]), ie = e.useMemo(() => Ma(a.chartType) ? void 0 : ee(M), [a.chartType, M]), [ae, oe] = e.useState(null), L = re(ae), se = o.map((e) => e.label || e.alias || e.name), R = j && l && se.length > 0 && !ja.has(a.chartType), z = {
 		customMessages: g,
 		translationDictionary: _,
 		selectedLanguage: v
@@ -2832,7 +2835,7 @@ var Ma = ({ data: t, isLoading: n, error: r, errorView: i, chartSettings: a, dim
 	}) });
 	else if (j) {
 		let t = k;
-		B = /* @__PURE__ */ Z(mt, { children: [R ? /* @__PURE__ */ X(Na, {
+		B = /* @__PURE__ */ Z(mt, { children: [R ? /* @__PURE__ */ X(Pa, {
 			dimensionLabels: se,
 			drillLevel: u,
 			onDrillLevelClick: d,
@@ -2840,12 +2843,12 @@ var Ma = ({ data: t, isLoading: n, error: r, errorView: i, chartSettings: a, dim
 		}) : null, /* @__PURE__ */ Z("div", {
 			...q("preview-pane", "chart-region"),
 			className: "relative min-h-0 w-full flex-1",
-			children: [ja(a.chartType) ? /* @__PURE__ */ X(Ta, {
+			children: [Ma(a.chartType) ? /* @__PURE__ */ X(Ea, {
 				rows: t,
 				qaEntity: "preview-pane"
 			}) : N ? /* @__PURE__ */ X(e.Suspense, {
 				fallback: /* @__PURE__ */ X($, { children: /* @__PURE__ */ X(W, {}) }),
-				children: /* @__PURE__ */ X(Ea, {
+				children: /* @__PURE__ */ X(Da, {
 					type: N.type,
 					data: N.data,
 					appearance: I,
@@ -2861,14 +2864,14 @@ var Ma = ({ data: t, isLoading: n, error: r, errorView: i, chartSettings: a, dim
 					ref: oe,
 					...q("preview-pane", "legacy-chart"),
 					className: "h-full w-full",
-					children: /* @__PURE__ */ X(Da, {
+					children: /* @__PURE__ */ X(Oa, {
 						chartOptions: M,
 						data: t,
 						chartAppearance: m,
 						colors: M.chartColors,
 						metricCardColor: "transparent",
 						chartFontSettings: L,
-						pivotDrillState: Oa,
+						pivotDrillState: ka,
 						isMetricCard: !0
 					})
 				})
@@ -2891,20 +2894,20 @@ var Ma = ({ data: t, isLoading: n, error: r, errorView: i, chartSettings: a, dim
 		...q("preview-pane", "loading-hint"),
 		className: "mt-3 text-xs text-(--muted-foreground)",
 		children: "Running the query..."
-	})] }) : T ? /* @__PURE__ */ X($, { children: /* @__PURE__ */ X(ya, {
+	})] }) : T ? /* @__PURE__ */ X($, { children: /* @__PURE__ */ X(ba, {
 		onAddField: b,
 		headline: ce
 	}) }) : /* @__PURE__ */ Z($, { children: [/* @__PURE__ */ X(Pe, {
 		className: "p-0",
 		noDataImg: y,
 		...z
-	}), /* @__PURE__ */ X(ba, {})] });
+	}), /* @__PURE__ */ X(xa, {})] });
 	return /* @__PURE__ */ X("div", {
 		...q("preview-pane"),
 		className: Y("flex min-h-0 w-full flex-1 flex-col overflow-hidden", C),
 		children: w ? B : null
 	});
-}, Na = ({ dimensionLabels: t, drillLevel: n, onDrillLevelClick: r, onResetDrill: i }) => {
+}, Pa = ({ dimensionLabels: t, drillLevel: n, onDrillLevelClick: r, onResetDrill: i }) => {
 	let a = n >= t.length, o = "", s = a ? [] : t.slice(0, n + 1).map((e, t) => (o = `${o}\u001f${e}`, {
 		id: o,
 		index: t,
@@ -2941,12 +2944,12 @@ var Ma = ({ data: t, isLoading: n, error: r, errorView: i, chartSettings: a, dim
 	});
 };
 // src/v2/surfaces/CreateMetric/PreviewTable.tsx
-function Pa(e) {
+function Fa(e) {
 	if (!e) return "Chart type";
 	for (let t of g) for (let n of t.value) if (String(n.name).toLowerCase() === String(e).toLowerCase()) return n.label;
 	return String(e).replace(/\b\w/g, (e) => e.toUpperCase());
 }
-var Fa = (t) => {
+var Ia = (t) => {
 	let { data: n, isLoading: r, error: i, errorView: a, chartSettings: o, dimensions: s, metrics: c, isCustomTable: l, customMessages: u, translationDictionary: d, selectedLanguage: f, noDataImg: p, onAddField: m, onRetry: h, className: g, onOpenChartType: v, isChartTypePanelOpen: y, onToggleFullscreen: b, isFullscreen: x = !1 } = t, [S, C] = e.useState("chart"), w = e.useMemo(() => fr({
 		chartSettings: o,
 		dimensions: s,
@@ -2971,14 +2974,14 @@ var Fa = (t) => {
 			onRetry: h,
 			...D
 		})
-	}) }) : E ? /* @__PURE__ */ X(Ta, {
+	}) }) : E ? /* @__PURE__ */ X(Ea, {
 		rows: T,
 		qaEntity: "preview-table"
 	}) : r ? /* @__PURE__ */ Z($, { children: [/* @__PURE__ */ X(W, {}), /* @__PURE__ */ X("p", {
 		...q("preview-table", "loading-hint"),
 		className: "mt-3 text-xs text-(--muted-foreground)",
 		children: "Running the query..."
-	})] }) : w ? /* @__PURE__ */ X($, { children: /* @__PURE__ */ X(ya, {
+	})] }) : w ? /* @__PURE__ */ X($, { children: /* @__PURE__ */ X(ba, {
 		onAddField: m,
 		qaEntity: "preview-table",
 		headline: O
@@ -2986,7 +2989,7 @@ var Fa = (t) => {
 		className: "p-0",
 		noDataImg: p,
 		...D
-	}), /* @__PURE__ */ X(ba, { qaEntity: "preview-table" })] });
+	}), /* @__PURE__ */ X(xa, { qaEntity: "preview-table" })] });
 	let A = E ? Object.keys(T[0] ?? {}).length : 0, j;
 	j = i ? "" : r && !E ? "Running query..." : E ? `${T.length.toLocaleString()} rows` : "No results yet";
 	let M = E ? `${T.length.toLocaleString()} ${T.length === 1 ? "row" : "rows"} \u00D7 ${A} ${A === 1 ? "column" : "columns"}` : "No rows to display", N = !i && !(S === "table" && E);
@@ -2994,10 +2997,10 @@ var Fa = (t) => {
 		value: S,
 		onValueChange: (e) => C(e),
 		...q("preview-table"),
-		className: Y("-mt-2 flex min-h-0 w-full flex-1 flex-col gap-0 overflow-hidden rounded-b-(--radius-md) border border-t-0 border-(--border) bg-(--background)", g),
+		className: Y("-mt-3 flex min-h-0 w-full flex-1 flex-col gap-0 overflow-hidden rounded-b-(--radius-lg,8px) border border-t-0 border-(--border) bg-(--card)", g),
 		children: [
 			/* @__PURE__ */ Z("div", {
-				className: "flex h-10 shrink-0 items-center gap-2 border-b border-(--border) px-2",
+				className: "flex h-11 shrink-0 items-center gap-2 border-b border-(--border) px-3",
 				children: [
 					/* @__PURE__ */ Z(ri, {
 						...q("preview-table", "toggle"),
@@ -3035,16 +3038,23 @@ var Fa = (t) => {
 							size: "sm",
 							...J("preview-table", "chart-type"),
 							"aria-expanded": y,
-							"aria-label": `Chart type: ${Pa(o?.chartType)}`,
+							"aria-label": `Chart type: ${Fa(o?.chartType)}`,
 							onClick: v,
 							className: "h-7 gap-1 border-(--border) bg-(--muted) px-2 text-xs font-medium text-(--muted-foreground) hover:text-(--foreground)",
-							children: [/* @__PURE__ */ X("span", {
-								className: "max-w-30 truncate",
-								children: Pa(o?.chartType)
-							}), /* @__PURE__ */ X(_, {
-								"aria-hidden": "true",
-								className: "size-3.5"
-							})]
+							children: [
+								/* @__PURE__ */ X(Ve, {
+									"aria-hidden": "true",
+									className: "size-3.5"
+								}),
+								/* @__PURE__ */ X("span", {
+									className: "max-w-30 truncate",
+									children: Fa(o?.chartType)
+								}),
+								/* @__PURE__ */ X(_, {
+									"aria-hidden": "true",
+									className: "size-3.5"
+								})
+							]
 						}) : null, b ? /* @__PURE__ */ X(K, {
 							type: "button",
 							variant: "outline",
@@ -3064,7 +3074,7 @@ var Fa = (t) => {
 				forceMount: !0,
 				hidden: S !== "chart",
 				className: "flex min-h-0 flex-1 flex-col p-0",
-				children: /* @__PURE__ */ X(Ma, {
+				children: /* @__PURE__ */ X(Na, {
 					...t,
 					isActive: S === "chart"
 				})
@@ -3088,7 +3098,7 @@ var Fa = (t) => {
 			}) : null
 		]
 	});
-}, Ia = "text-xs font-medium text-(--foreground)", La = ({ open: t, onClose: n, onSubmit: r, defaultValues: i, error: a, isSaving: o = !1 }) => {
+}, La = "text-xs font-medium text-(--foreground)", Ra = ({ open: t, onClose: n, onSubmit: r, defaultValues: i, error: a, isSaving: o = !1 }) => {
 	let [s, c] = e.useState(""), [l, u] = e.useState(""), [d, p] = e.useState(!1), m = e.useId(), h = e.useId(), g = e.useId(), _ = e.useRef(!1);
 	e.useEffect(() => {
 		t && !_.current && (c(i?.name ?? ""), u(i?.description ?? ""), p(!1)), _.current = t;
@@ -3119,7 +3129,7 @@ var Fa = (t) => {
 						className: "flex flex-col gap-1.5",
 						children: [
 							/* @__PURE__ */ X("label", {
-								className: Ia,
+								className: La,
 								htmlFor: m,
 								children: "Metric name"
 							}),
@@ -3146,7 +3156,7 @@ var Fa = (t) => {
 					/* @__PURE__ */ Z("div", {
 						className: "flex flex-col gap-1.5",
 						children: [/* @__PURE__ */ X("label", {
-							className: Ia,
+							className: La,
 							htmlFor: h,
 							children: "Description (optional)"
 						}), /* @__PURE__ */ X("textarea", {
@@ -3181,20 +3191,20 @@ var Fa = (t) => {
 			})
 		})
 	});
-}, Ra = {
+}, za = {
 	"data-dbn-ui": "v2",
 	"data-dbn-embed-v2": "create-metric"
-}, za = (e, t) => {
+}, Ba = (e, t) => {
 	a(e, t);
-}, Ba = !1;
-function Va(e, t) {
+}, Va = !1;
+function Ha(e, t) {
 	return e ? t ? "configure-fields" : "ready-to-save" : "select-table";
 }
-var Ha = (t) => {
+var Ua = (t) => {
 	let { clientId: a, companyId: o, isLiveMode: c, externalDashboardId: l, userProvidedDashboardId: u, chartColors: d, colorPalettes: f, setShowMetricCreateModal: p, isShowMetricCreateModal: m, metric: h, metricData: g, workspaceId: _, token: v, clientColumnType: y, tenancyType: b, datasourceId: S, setEditMetric: C, shouldFitFullScreen: w, onServerEvent: T, refetchDashboardData: E, saveDashLayout: D, isIncrementalJoin: O, customChartSettings: A, showAllChartSettings: j, showChartClickSettings: M, allowedChartTypes: N, filters: ee } = t, P = e.useRef(!1), F = e.useRef(null), te = e.useCallback((e) => {
 		if (e === !1 && P.current) {
 			let e = F.current == null ? 0 : Math.round(performance.now() - F.current);
-			gt(za, ht.CREATE_METRIC_SAVED, {
+			gt(Ba, ht.CREATE_METRIC_SAVED, {
 				success: !0,
 				latencyMs: e
 			}), P.current = !1, F.current = null;
@@ -3237,7 +3247,7 @@ var Ha = (t) => {
 		chartSettings: L,
 		dimensions: W,
 		metrics: G,
-		isCustomTable: Ba
+		isCustomTable: Va
 	}), [
 		L,
 		W,
@@ -3284,9 +3294,17 @@ var Ha = (t) => {
 		T
 	]), dt = e.useCallback((e) => {
 		Fe(e), T?.(n, I(e));
-	}, [Fe, T]), ft = e.useCallback(() => {
+	}, [Fe, T]), ft = e.useRef(null), pt = e.useCallback(() => {
+		let e = ft.current?.querySelector("button[aria-label=\"Add a measure\"]:not([aria-disabled=\"true\"])") ?? ft.current?.querySelector("button[aria-label=\"Add a dimension\"]:not([aria-disabled=\"true\"])");
+		e && (e.focus(), e.dispatchEvent(new KeyboardEvent("keydown", {
+			key: "ArrowDown",
+			bubbles: !0
+		})));
+	}, []), _t = e.useCallback(() => {
+		nt(String(Te ?? ""));
+	}, [nt, Te]), vt = e.useCallback(() => {
 		T?.(i);
-	}, [T]), pt = e.useCallback((e, t) => {
+	}, [T]), yt = e.useCallback((e, t) => {
 		P.current = !0, F.current = performance.now(), h ? fe(e, t) : pe(e);
 	}, [
 		h,
@@ -3296,40 +3314,41 @@ var Ha = (t) => {
 	e.useEffect(() => {
 		if (P.current && V) {
 			let e = F.current == null ? 0 : Math.round(performance.now() - F.current);
-			gt(za, ht.CREATE_METRIC_SAVED, {
+			gt(Ba, ht.CREATE_METRIC_SAVED, {
 				success: !1,
 				latencyMs: e
 			}), P.current = !1, F.current = null;
 		}
 	}, [V]);
-	let _t = e.useCallback(() => {
-		let e = Va(U, lt);
-		gt(za, ht.CREATE_METRIC_ABANDONED, { step: e }), te(!1), C?.(void 0);
+	let bt = e.useCallback(() => {
+		let e = Ha(U, lt);
+		gt(Ba, ht.CREATE_METRIC_ABANDONED, { step: e }), te(!1), C?.(void 0);
 	}, [
 		U,
 		lt,
 		te,
 		C
-	]), vt = x(), yt = e.useMemo(() => oe(vt.data), [vt.data]), bt = vt.data ? h ? yt.canEditMetric : yt.canCreateMetric : !0;
-	if (!m || !bt) return null;
-	let xt = !!z, St = !!(W.length || G.length), Ct = L.chartColors?.length ? L.chartColors : d;
+	]), xt = x(), St = e.useMemo(() => oe(xt.data), [xt.data]), Ct = xt.data ? h ? St.canEditMetric : St.canCreateMetric : !0;
+	if (!m || !Ct) return null;
+	let wt = !!z, Tt = !!(W.length || G.length), Et = L.chartColors?.length ? L.chartColors : d;
 	return /* @__PURE__ */ X(mt, { children: /* @__PURE__ */ Z("div", {
-		...Ra,
+		...za,
 		style: { display: "contents" },
 		children: [/* @__PURE__ */ X($r, {}), /* @__PURE__ */ X("div", {
+			ref: ft,
 			"data-testid": "create-metric-v2",
 			"data-slot": "create-metric-shell",
 			className: Y(w ? "absolute" : "fixed", "inset-0 z-(--dbn-zIndex-overlay,9999) flex flex-col overflow-hidden bg-(--background) text-(--foreground)"),
 			children: /* @__PURE__ */ Z(se, { children: [
 				/* @__PURE__ */ X(bi, {
 					title: h ? "Update Metric" : "Create Metric",
-					onBack: _t,
+					onBack: bt,
 					onSave: () => R(!0),
 					isLoading: ie,
 					chartSettings: L,
 					dimensions: W,
 					metrics: G,
-					isCustomTable: Ba,
+					isCustomTable: Va,
 					rows: z,
 					metricName: h?.name,
 					isSaved: !!h
@@ -3340,11 +3359,11 @@ var Ha = (t) => {
 						tableList: Pe,
 						selectedTable: U,
 						onSelectTable: dt,
-						onSearchFocus: ft
+						onSearchFocus: vt
 					}), /* @__PURE__ */ Z("div", {
-						className: "flex min-h-0 w-full flex-1 flex-col gap-2 overflow-hidden p-3",
+						className: "flex min-h-0 w-full flex-1 flex-col gap-3 overflow-hidden bg-(--surface-sunken,var(--background)) p-4",
 						children: [
-							/* @__PURE__ */ X(va, {
+							/* @__PURE__ */ X(ya, {
 								table: U,
 								columns: U?.columnsWithDataType ?? [],
 								selectedDims: W,
@@ -3357,7 +3376,7 @@ var Ha = (t) => {
 								dimModifiers: Le,
 								metricModifiers: Re,
 								chartSettings: L,
-								isCustomTable: Ba,
+								isCustomTable: Va,
 								dbName: H,
 								partitionColumnList: tt,
 								arithmeticColumnOptions: it,
@@ -3365,8 +3384,8 @@ var Ha = (t) => {
 							}),
 							/* @__PURE__ */ X(_i, {
 								chartSettings: L,
-								hasData: xt,
-								hasSelectedFields: St,
+								hasData: wt,
+								hasSelectedFields: Tt,
 								isLoading: ie,
 								limit: Te,
 								setLimit: Ee,
@@ -3445,10 +3464,12 @@ var Ha = (t) => {
 									showChartClickSettings: M
 								}
 							}),
-							/* @__PURE__ */ X(Fa, {
+							/* @__PURE__ */ X(Ia, {
 								className: "flex-1",
 								onOpenChartType: () => ue(!0),
 								isChartTypePanelOpen: le,
+								onAddField: pt,
+								onRetry: _t,
 								data: z,
 								isLoading: ie,
 								error: ce,
@@ -3456,20 +3477,20 @@ var Ha = (t) => {
 								chartSettings: L,
 								dimensions: W,
 								metrics: G,
-								isCustomTable: Ba,
+								isCustomTable: Va,
 								isDrillEnableGroupBy: we.isEnableGroupBy,
 								drillLevel: et.length || 0,
 								onDrillLevelClick: (e) => $e({}, void 0, void 0, e),
 								onResetDrill: () => $e({}),
-								chartColors: Ct
+								chartColors: Et
 							})
 						]
 					})]
 				}),
-				/* @__PURE__ */ X(La, {
+				/* @__PURE__ */ X(Ra, {
 					open: de,
 					onClose: () => R(!1),
-					onSubmit: pt,
+					onSubmit: yt,
 					error: V,
 					defaultValues: h ? {
 						name: h.name,
@@ -3482,4 +3503,4 @@ var Ha = (t) => {
 		})]
 	}) });
 };
-export { Ha as CreateMetricV2, Ha as default };
+export { Ua as CreateMetricV2, Ua as default };