@updog/data-editor-wc 0.1.50 → 0.1.52

package/index.js

@@ -8413,6 +8413,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			steps: {
 				selectFiles: "Select files",
 				sheetSelection: "Select sheet",
+				headerSelection: "Header selection",
 				matchColumns: "Match columns",
 				matchValues: "Match values",
 				primaryKey: "Primary key"
@@ -8432,12 +8433,15 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				emptyData: "The source returned no data",
 				fetchError: "Failed to load data"
 			},
+			headerSelection: { noHeaderLabel: "My data has no header row" },
 			matchColumns: {
 				banner: "Some columns could not be automatically matched",
 				importedColumns: "Imported columns",
 				matchedCount: "{{matched}}/{{total}} matched",
 				targetColumns: "Target columns",
 				selectColumnPlaceholder: "Select column",
+				syntheticColumn: "C{{index}}",
+				syntheticColumnValue: "C{{index}}: {{value}}",
 				bestMatch: "Best match",
 				createColumn: "Create column",
 				createColumnNameLabel: "Column name",
@@ -33311,82 +33315,94 @@ function $_(e, t, n) {
 }
 //#endregion
 //#region src/components/PreviewTable/index.tsx
-var ev = 15, tv = { width: 1 }, nv = { height: 1 }, rv = ({ headers: e, rows: t, lockedColumns: n, displayRows: r = ev, blur: i = !0, scrollbars: a = !0, className: o }) => {
-	let s = e.length, c = Array.from({ length: r }, (e, n) => t[n]), l = a === !0, u = a === !0 || a === "empty", d = (0, y.useRef)(null), f = (0, y.useRef)(null), p = (0, y.useRef)(null), m = (0, y.useRef)(null), h = (0, y.useRef)(null), g = (0, y.useRef)(null), [_, v] = (0, y.useState)(!1), [b, x] = (0, y.useState)(!1);
+var ev = 15, tv = { width: 1 }, nv = { height: 1 }, rv = ({ headers: e, rows: t, lockedColumns: n, displayRows: r = ev, blur: i = !0, scrollbars: a = !0, selectedRow: o, onSelectRow: s, className: c }) => {
+	let l = e ? e.length : Math.max(0, ...t.map((e) => e?.length ?? 0)), u = Array.from({ length: r }, (e, n) => t[n]), d = a === !0, f = a === !0 || a === "empty", p = (0, y.useRef)(null), m = (0, y.useRef)(null), h = (0, y.useRef)(null), g = (0, y.useRef)(null), _ = (0, y.useRef)(null), v = (0, y.useRef)(null), [b, x] = (0, y.useState)(!1), [S, C] = (0, y.useState)(!1);
 	(0, y.useEffect)(() => {
-		if (!l) return;
-		let e = d.current, t = p.current, n = m.current, r = h.current, i = g.current;
+		if (!d) return;
+		let e = p.current, t = h.current, n = g.current, r = _.current, i = v.current;
 		if (!e) return;
 		let a = () => {
 			let a = e.scrollHeight - e.clientHeight, o = e.scrollWidth - e.clientWidth;
-			t && r && (r.style.height = a + t.clientHeight + "px"), n && i && (i.style.width = o + n.clientWidth + "px"), x(a > 0), v(o > 0);
+			t && r && (r.style.height = a + t.clientHeight + "px"), n && i && (i.style.width = o + n.clientWidth + "px"), C(a > 0), x(o > 0);
 		}, o = new ResizeObserver(a);
-		o.observe(e), f.current && o.observe(f.current), a();
+		o.observe(e), m.current && o.observe(m.current), a();
 		let s = (e) => {
 			e.preventDefault(), t && (t.scrollTop += e.deltaY), n && (n.scrollLeft += e.deltaX);
 		};
 		e.addEventListener("wheel", s, { passive: !1 });
 		let c = () => {
 			t && (e.scrollTop = t.scrollTop);
-		}, u = () => {
+		}, l = () => {
 			n && (e.scrollLeft = n.scrollLeft);
 		};
-		return t?.addEventListener("scroll", c, { passive: !0 }), n?.addEventListener("scroll", u, { passive: !0 }), () => {
-			o.disconnect(), e.removeEventListener("wheel", s), t?.removeEventListener("scroll", c), n?.removeEventListener("scroll", u);
+		return t?.addEventListener("scroll", c, { passive: !0 }), n?.addEventListener("scroll", l, { passive: !0 }), () => {
+			o.disconnect(), e.removeEventListener("wheel", s), t?.removeEventListener("scroll", c), n?.removeEventListener("scroll", l);
 		};
-	}, [l]);
-	let S = (0, y.useMemo)(() => ({ gridTemplateColumns: `var(--marker-width) repeat(${Math.max(s, 1)}, auto)` }), [s]);
+	}, [d]);
+	let w = (0, y.useCallback)((e) => {
+		s?.(Number(e.currentTarget.dataset.rowIndex));
+	}, [s]), T = (0, y.useCallback)((e) => {
+		e.key !== "Enter" && e.key !== " " || (e.preventDefault(), s?.(Number(e.currentTarget.dataset.rowIndex)));
+	}, [s]), E = (0, y.useMemo)(() => ({ gridTemplateColumns: `var(--marker-width) repeat(${Math.max(l, 1)}, auto)` }), [l]);
 	return /* @__PURE__ */ (0, O.jsxs)("div", {
-		className: N("updog__preview-table", a === !1 ? "updog__preview-table--scrollbars-none" : a === "empty" ? "updog__preview-table--scrollbars-empty" : "updog__preview-table--scrollbars-show", l && !_ && "updog__preview-table--no-hscroll", l && !b && "updog__preview-table--no-vscroll", o),
+		className: N("updog__preview-table", a === !1 ? "updog__preview-table--scrollbars-none" : a === "empty" ? "updog__preview-table--scrollbars-empty" : "updog__preview-table--scrollbars-show", d && !b && "updog__preview-table--no-hscroll", d && !S && "updog__preview-table--no-vscroll", c),
 		children: [
 			/* @__PURE__ */ (0, O.jsx)("div", {
 				className: "updog__preview-table__canvas-wrap",
 				children: /* @__PURE__ */ (0, O.jsx)("div", {
 					className: "updog__preview-table__scroll",
-					ref: d,
+					ref: p,
 					children: /* @__PURE__ */ (0, O.jsxs)("div", {
 						className: "updog__preview-table__grid",
-						style: S,
-						ref: f,
-						children: [
-							/* @__PURE__ */ (0, O.jsx)("div", { className: "updog__preview-table-marker" }),
-							s === 0 ? /* @__PURE__ */ (0, O.jsx)("div", { className: N("updog__preview-table-th", "updog__preview-table-cell--last-col") }) : e.map((e, t) => /* @__PURE__ */ (0, O.jsxs)("div", {
-								className: N("updog__preview-table-th", t === s - 1 && "updog__preview-table-cell--last-col"),
-								children: [/* @__PURE__ */ (0, O.jsx)("span", {
-									className: "updog__preview-table-th__label",
-									children: e
-								}), n?.[t] && /* @__PURE__ */ (0, O.jsx)(we, {
-									size: "0.875rem",
-									className: "updog__preview-table-th__lock-icon"
-								})]
-							}, t)),
-							c.map((t, n) => /* @__PURE__ */ (0, O.jsxs)(y.Fragment, { children: [/* @__PURE__ */ (0, O.jsx)("div", {
-								className: N("updog__preview-table-marker", n === r - 1 && "updog__preview-table-cell--last-row"),
-								children: n + 1
-							}), s === 0 ? /* @__PURE__ */ (0, O.jsx)("div", { className: N("updog__preview-table-td", "updog__preview-table-cell--last-col", n === r - 1 && "updog__preview-table-cell--last-row") }) : e.map((e, i) => /* @__PURE__ */ (0, O.jsx)("div", {
-								className: N("updog__preview-table-td", i === s - 1 && "updog__preview-table-cell--last-col", n === r - 1 && "updog__preview-table-cell--last-row"),
-								children: t?.[i] ?? ""
-							}, i))] }, n))
-						]
+						style: E,
+						ref: m,
+						children: [e !== void 0 && /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: [/* @__PURE__ */ (0, O.jsx)("div", { className: "updog__preview-table-marker" }), l === 0 ? /* @__PURE__ */ (0, O.jsx)("div", { className: N("updog__preview-table-th", "updog__preview-table-cell--last-col") }) : e.map((e, t) => /* @__PURE__ */ (0, O.jsxs)("div", {
+							className: N("updog__preview-table-th", t === l - 1 && "updog__preview-table-cell--last-col"),
+							children: [/* @__PURE__ */ (0, O.jsx)("span", {
+								className: "updog__preview-table-th__label",
+								children: e
+							}), n?.[t] && /* @__PURE__ */ (0, O.jsx)(we, {
+								size: "0.875rem",
+								className: "updog__preview-table-th__lock-icon"
+							})]
+						}, t))] }), u.map((e, t) => {
+							let n = t === r - 1, i = !!s && e !== void 0, a = o === t;
+							return /* @__PURE__ */ (0, O.jsxs)("div", {
+								className: N("updog__preview-table-row", i && "updog__preview-table-row--interactive", a && "updog__preview-table-row--selected"),
+								"data-row-index": t,
+								role: i ? "row" : void 0,
+								tabIndex: i ? 0 : void 0,
+								"aria-selected": i ? a : void 0,
+								onClick: i ? w : void 0,
+								onKeyDown: i ? T : void 0,
+								children: [/* @__PURE__ */ (0, O.jsx)("div", {
+									className: N("updog__preview-table-marker", n && "updog__preview-table-cell--last-row"),
+									children: t + 1
+								}), l === 0 ? /* @__PURE__ */ (0, O.jsx)("div", { className: N("updog__preview-table-td", "updog__preview-table-cell--last-col", n && "updog__preview-table-cell--last-row") }) : Array.from({ length: l }, (t, r) => /* @__PURE__ */ (0, O.jsx)("div", {
+									className: N("updog__preview-table-td", r === l - 1 && "updog__preview-table-cell--last-col", n && "updog__preview-table-cell--last-row"),
+									children: e?.[r] ?? ""
+								}, r))]
+							}, t);
+						})]
 					})
 				})
 			}),
-			u && /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: [
+			f && /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: [
 				/* @__PURE__ */ (0, O.jsx)("div", {
 					className: "updog__preview-table__vtrack",
-					ref: p,
+					ref: h,
 					tabIndex: -1,
 					children: /* @__PURE__ */ (0, O.jsx)("div", {
-						ref: h,
+						ref: _,
 						style: tv
 					})
 				}),
 				/* @__PURE__ */ (0, O.jsx)("div", {
 					className: "updog__preview-table__htrack",
-					ref: m,
+					ref: g,
 					tabIndex: -1,
 					children: /* @__PURE__ */ (0, O.jsx)("div", {
-						ref: g,
+						ref: v,
 						style: nv
 					})
 				}),
@@ -45799,7 +45815,7 @@ var gj = ({ text: e, onSelect: t }) => /* @__PURE__ */ (0, O.jsx)(ot, {
 		return this.state.hasError ? /* @__PURE__ */ (0, O.jsx)(Dj, { error: Oj }) : this.props.children;
 	}
 }, Aj = ({ leftSlot: e }) => {
-	let { variant: t, setShowUploader: n } = th(), { t: r } = j(), { isFirstStep: i, isLastStep: a, nextStep: o, prevStep: s, onImport: c, parsedCsv: l, xlsxFile: u, isParsing: d, isImporting: f, steps: p, activeStepIndex: m, selectedSheet: h, handleSheetConfirmed: g, remoteSourceLoading: _ } = TN(), v = i && t === "editor", b = (0, y.useCallback)(() => {
+	let { variant: t, setShowUploader: n } = th(), { t: r } = j(), { isFirstStep: i, isLastStep: a, nextStep: o, prevStep: s, onImport: c, parsedCsv: l, xlsxFile: u, isParsing: d, isImporting: f, steps: p, activeStepIndex: m, selectedSheet: h, handleSheetConfirmed: g, remoteSourceLoading: _ } = XN(), v = i && t === "editor", b = (0, y.useCallback)(() => {
 		n(!1);
 	}, [n]), x = p[m]?.id === "sheet-selection", S = (0, y.useCallback)(() => {
 		a ? c() : x ? g() : o();
@@ -46568,15 +46584,17 @@ var gj = ({ text: e, onSelect: t }) => /* @__PURE__ */ (0, O.jsx)(ot, {
 	}
 	return i;
 }, Qj = () => {
-	let { columns: e, enableCreateColumn: t, synonyms: n } = th(), { t: r } = j(), { parsedCsv: i, columnMapping: a, updateColumnMapping: o, pendingColumns: s, setPendingColumns: c } = TN(), [l, u] = (0, y.useState)(null), d = (0, y.useRef)(null), f = i?.headers ?? [], p = (0, y.useRef)(null);
-	p.current === null && (p.current = Zj(f, e, n));
-	let m = (0, y.useCallback)((e, t) => {
+	let { columns: e, enableCreateColumn: t, synonyms: n } = th(), { t: r } = j(), { headers: i, columnMapping: a, updateColumnMapping: o, pendingColumns: s, setPendingColumns: c } = XN(), [l, u] = (0, y.useState)(null), d = (0, y.useRef)(null), f = (0, y.useMemo)(() => Zj(i, e, n), [
+		i,
+		e,
+		n
+	]), p = (0, y.useCallback)((e, t) => {
 		if (t === "action:create") {
 			d.current = e, u({ title: e });
 			return;
 		}
 		o(e, t);
-	}, [o]), h = (0, y.useCallback)((e) => {
+	}, [o]), m = (0, y.useCallback)((e) => {
 		if (d.current === null) return;
 		let t = Math.random().toString(36).slice(2, 7), n = `${ad}${e.title}-${t}`;
 		c((t) => [...t, {
@@ -46584,59 +46602,64 @@ var gj = ({ text: e, onSelect: t }) => /* @__PURE__ */ (0, O.jsx)(ot, {
 			id: n,
 			size: 150
 		}]), o(d.current, n), d.current = null, u(null);
-	}, [o, c]), g = (0, y.useCallback)(() => {
+	}, [o, c]), h = (0, y.useCallback)(() => {
 		d.current = null, u(null);
-	}, []), _ = (0, y.useMemo)(() => [...e.map((e) => e.title), ...s.map((e) => e.title)], [e, s]), v = (0, y.useMemo)(() => {
+	}, []), g = (0, y.useMemo)(() => [...e.map((e) => e.title), ...s.map((e) => e.title)], [e, s]), _ = (0, y.useMemo)(() => {
 		let n = {
 			text: r("dataEditor.uploader.matchColumns.bestMatch"),
 			color: "green"
-		}, i = {
+		}, a = {
 			text: r("dataEditor.uploader.matchColumns.newColumnTag"),
 			color: "blue"
-		}, a = r("dataEditor.uploader.matchColumns.createColumn");
-		return Object.fromEntries(f.map((r) => {
-			let o = p.current?.[r], c = e.map((e) => ({
+		}, o = r("dataEditor.uploader.matchColumns.createColumn");
+		return Object.fromEntries(i.map((r) => {
+			let i = f[r], c = e.map((e) => ({
 				id: e.id,
 				text: e.title,
-				...e.id === o && { tag: n }
+				...e.id === i && { tag: n }
 			}));
 			for (let e of s) c.push({
 				id: e.id,
 				text: e.title,
-				tag: i
+				tag: a
 			});
 			return t && c.push({
 				id: `${r}_d`,
 				type: "divider"
 			}, {
 				id: qj,
-				text: a,
+				text: o,
 				icon: /* @__PURE__ */ (0, O.jsx)(Ae, { size: "1rem" })
 			}), [r, c];
 		}));
 	}, [
-		f,
+		i,
 		e,
 		s,
 		r,
-		t
-	]), b = (0, y.useMemo)(() => f.filter((e) => a[e]).length, [f, a]);
+		t,
+		f
+	]), v = (0, y.useMemo)(() => i.filter((e) => a[e]).length, [i, a]);
 	return {
-		headers: f,
-		matchedCount: b,
-		allMatched: b === f.length,
+		headers: i,
+		matchedCount: v,
+		allMatched: v === i.length,
 		placeholder: r("dataEditor.uploader.matchColumns.selectColumnPlaceholder"),
-		existingNames: _,
+		existingNames: g,
 		createModalValues: l,
 		getRowData: (0, y.useCallback)((e) => ({
 			mappedValue: a[e],
-			options: v[e],
-			autoMatchId: p.current?.[e]
-		}), [a, v]),
-		onSelectChange: m,
+			options: _[e],
+			autoMatchId: f[e]
+		}), [
+			a,
+			_,
+			f
+		]),
+		onSelectChange: p,
 		onClear: o,
-		submitCreate: h,
-		closeCreate: g
+		submitCreate: m,
+		closeCreate: h
 	};
 }, $j = (0, y.createContext)(null);
 function eM({ children: e }) {
@@ -46780,12 +46803,208 @@ var tM = () => {
 		/* @__PURE__ */ (0, O.jsx)(aM, {})
 	]
 }), sM = () => {
-	let { parsedCsv: e } = TN();
+	let { parsedCsv: e } = XN();
 	return e ? /* @__PURE__ */ (0, O.jsx)(sh, { children: /* @__PURE__ */ (0, O.jsxs)(ah, { children: [/* @__PURE__ */ (0, O.jsx)("div", {
 		className: "updog__step-column-matching__content updog__scrollbar",
 		children: /* @__PURE__ */ (0, O.jsx)(eM, { children: /* @__PURE__ */ (0, O.jsx)(oM, {}) })
 	}), /* @__PURE__ */ (0, O.jsx)(Aj, {})] }) }) : null;
-}, cM = ({ open: e, existingOptions: t, initialName: n, onClose: r, onSubmit: i }) => {
+}, cM = new Set([
+	"true",
+	"false",
+	"yes",
+	"no"
+]), lM = /^\d{1,4}[-/.]\d{1,2}[-/.]\d{1,4}$/, uM = /^[-+]?(\d{1,3}([ ,.]\d{3})+|\d+)([.,]\d+)?%?$/, dM = new Set([
+	"number",
+	"date",
+	"bool"
+]);
+function fM(e) {
+	if (e == null) return "empty";
+	let t = String(e).trim();
+	return t.length === 0 ? "empty" : cM.has(t.toLowerCase()) ? "bool" : lM.test(t) ? "date" : uM.test(t) ? "number" : "text";
+}
+function pM(e) {
+	return e.filter((e) => e != null && String(e).trim().length > 0).length;
+}
+function mM(e) {
+	let t = /* @__PURE__ */ new Map(), n = 0, r = 0;
+	for (let i of e) {
+		let e = pM(i);
+		if (e === 0) continue;
+		let a = (t.get(e) ?? 0) + 1;
+		t.set(e, a), a > n && (n = a, r = e);
+	}
+	return r;
+}
+function hM(e) {
+	let t = 0;
+	for (let n of e) t = Math.max(t, n.length);
+	return t;
+}
+function gM(e, t, n) {
+	if (t <= 0) return 0;
+	let r = -1, i = 0;
+	for (let a = 0; a < e.length; a++) if (pM(e[a]) === t) {
+		if (r < 0 && (r = a), i++, i >= n) return r;
+	} else r = -1, i = 0;
+	for (let n = 0; n < e.length; n++) if (pM(e[n]) === t) return n;
+	return 0;
+}
+function _M(e, t, n, r) {
+	let i = /* @__PURE__ */ new Map();
+	for (let a = t; a < n; a++) {
+		let t = fM(e[a]?.[r]);
+		t !== "empty" && i.set(t, (i.get(t) ?? 0) + 1);
+	}
+	let a = "empty", o = 0;
+	for (let [e, t] of i) t > o && (o = t, a = e);
+	return a;
+}
+function vM(e, t, n, r) {
+	let i = 0, a = 0;
+	for (let o = 0; o < r; o++) {
+		let r = _M(e, t + 1, n, o);
+		r !== "empty" && (a++, fM(e[t]?.[o]) === "text" && dM.has(r) && i++);
+	}
+	return a === 0 ? 0 : i / a;
+}
+function yM(e, t, n, r) {
+	let i = 0, a = 0;
+	for (let o = 0; o < r; o++) {
+		let r = _M(e, t, n, o);
+		if (r !== "empty") for (let s = t; s < n; s++) {
+			let t = fM(e[s]?.[o]);
+			t !== "empty" && (a++, t === r && i++);
+		}
+	}
+	return a === 0 ? 0 : i / a;
+}
+function bM(e) {
+	let t = e.map(fM).filter((e) => e !== "empty");
+	return t.length === 0 ? 0 : 1 - t.filter((e) => e !== "text").length / t.length;
+}
+function xM(e, t) {
+	if (t <= 0) return 0;
+	let n = pM(e);
+	return Math.max(0, 1 - Math.abs(n - t) / t);
+}
+function SM(e) {
+	let t = e.map((e) => String(e ?? "").trim().toLowerCase()).filter((e) => e.length > 0);
+	return t.length === 0 ? 0 : new Set(t).size / t.length;
+}
+function CM(e, t, n, r, i) {
+	return .45 * vM(e, t, n, r) + .25 * yM(e, t + 1, n, r) + .15 * bM(e[t] ?? []) + .1 * xM(e[t] ?? [], i) + .05 * SM(e[t] ?? []);
+}
+function wM(e, t = 100) {
+	if (e.length === 0) return {
+		headerRowIndex: 0,
+		dataStartIndex: 0,
+		confidence: 0,
+		mode: "header",
+		review: { kind: "none" }
+	};
+	let n = Math.min(t, e.length), r = e.slice(0, n), i = hM(r), a = mM(r), o = gM(r, a, 3), s = e[o] ?? [], c = vM(e, o, n, i), l = yM(e, o + 1, n, i), u = pM(s) > 0 && bM(s) === 0, d = Math.round(Math.max(0, CM(e, o, n, i, a)) * 100) / 100;
+	if (u && c <= .15 && l >= .7) return {
+		headerRowIndex: -1,
+		dataStartIndex: o,
+		confidence: d,
+		mode: "no-header",
+		review: { kind: "no-header" }
+	};
+	let f = d >= .55 ? { kind: "none" } : {
+		kind: "ambiguous-row",
+		confidence: d
+	};
+	return {
+		headerRowIndex: o,
+		dataStartIndex: o + 1,
+		confidence: d,
+		mode: "header",
+		review: f
+	};
+}
+function TM(e) {
+	let t = /* @__PURE__ */ new Set();
+	return e.map((e) => {
+		let n = e, r = 2;
+		for (; t.has(n);) n = `${e} (${r})`, r++;
+		return t.add(n), n;
+	});
+}
+//#endregion
+//#region src/components/DataUploader/components/StepHeaderSelection/context/useViewModel.tsx
+function EM(e, t, n, r) {
+	return (0, y.useMemo)(() => ({
+		sample: e,
+		selectedRow: t,
+		selectRow: n,
+		noHeader: r
+	}), [
+		e,
+		t,
+		n,
+		r
+	]);
+}
+//#endregion
+//#region src/components/DataUploader/components/StepHeaderSelection/context/index.tsx
+var DM = (0, y.createContext)(null);
+function OM({ sample: e, selectedRow: t, selectRow: n, noHeader: r, children: i }) {
+	let a = EM(e, t, n, r);
+	return /* @__PURE__ */ (0, O.jsx)(DM.Provider, {
+		value: a,
+		children: i
+	});
+}
+var kM = () => {
+	let e = (0, y.useContext)(DM);
+	if (!e) throw Error("useHeaderSelection must be used within HeaderSelectionProvider");
+	return e;
+}, AM = () => {
+	let { sample: e, selectedRow: t, selectRow: n, noHeader: r } = kM(), { headers: i } = XN(), { headers: a, rows: o } = (0, y.useMemo)(() => {
+		let t = i.length;
+		return {
+			headers: i.map((e) => r ? e : ""),
+			rows: e.map((e) => Array.from({ length: t }, (t, n) => String(e[n] ?? "")))
+		};
+	}, [
+		e,
+		i,
+		r
+	]);
+	return /* @__PURE__ */ (0, O.jsx)(rv, {
+		className: "updog__step-header-selection__preview",
+		headers: a,
+		rows: o,
+		displayRows: e.length,
+		blur: !1,
+		selectedRow: r ? void 0 : t,
+		onSelectRow: r ? void 0 : n
+	});
+}, jM = () => {
+	let { t: e } = j(), { parsedCsv: t, headerRowIndex: n, setHeaderRowIndex: r } = XN(), i = (0, y.useCallback)((e) => {
+		r(e ? -1 : Math.max(0, t?.detection.headerRowIndex ?? 0));
+	}, [r, t]);
+	if (!t) return null;
+	let a = t.rawRows.slice(0, 50), o = n < 0;
+	return /* @__PURE__ */ (0, O.jsx)(sh, { children: /* @__PURE__ */ (0, O.jsx)(ah, { children: /* @__PURE__ */ (0, O.jsxs)(OM, {
+		sample: a,
+		selectedRow: o ? void 0 : n,
+		selectRow: r,
+		noHeader: o,
+		children: [/* @__PURE__ */ (0, O.jsxs)("div", {
+			className: "updog__step-header-selection__content updog__scrollbar",
+			children: [/* @__PURE__ */ (0, O.jsx)("div", {
+				className: "updog__step-header-selection__noHeadersWrapper",
+				children: /* @__PURE__ */ (0, O.jsx)(jt, {
+					checked: o,
+					onChange: i,
+					label: e("dataEditor.uploader.headerSelection.noHeaderLabel")
+				})
+			}), /* @__PURE__ */ (0, O.jsx)(AM, {})]
+		}), /* @__PURE__ */ (0, O.jsx)(Aj, {})]
+	}) }) });
+}, MM = ({ open: e, existingOptions: t, initialName: n, onClose: r, onSubmit: i }) => {
 	let { t: a } = j();
 	return /* @__PURE__ */ (0, O.jsx)(vs, {
 		open: e,
@@ -46798,13 +47017,13 @@ var tM = () => {
 			onSubmit: i
 		})
 	});
-}, lM = [
+}, NM = [
 	",",
 	";",
 	"|",
 	"\n",
 	"	"
-], uM = (e, t, n) => {
+], PM = (e, t, n) => {
 	let r = new Set(n.map((e) => e.trim().toLowerCase())), i = (e) => r.has(e.trim().toLowerCase());
 	if (e.trim() === "") return [];
 	if (i(e)) return [e.trim()];
@@ -46816,80 +47035,144 @@ var tM = () => {
 				a.push(e);
 				continue;
 			}
-			a.push(...dM(e, t, i));
+			a.push(...FM(e, t, i));
 		}
 	}
 	return a;
-}, dM = (e, t, n) => {
-	for (let r of lM) {
+}, FM = (e, t, n) => {
+	for (let r of NM) {
 		if (r === t || !e.includes(r)) continue;
 		let i = e.split(r).map((e) => e.trim()).filter((e) => e !== "");
 		if (i.length >= 2 && i.every(n)) return i;
 	}
 	return [e];
-}, fM = (e, t, n, r) => {
-	let i = /* @__PURE__ */ new Set();
-	for (let a of e) {
-		let e = a[t];
-		if (!(e === void 0 || e === "")) if (r) for (let t of uM(e, r, n)) i.add(t);
-		else i.add(e);
-	}
-	return [...i];
-}, pM = () => {
-	let { columns: e } = th(), { t } = j(), { parsedCsv: n, columnMapping: r, valueMapping: i, autoValueMapping: a, updateValueMapping: o, multiselectDelimiters: s, setMultiselectDelimiter: c, reapplyMultiselectDelimiter: l, pendingOptions: u, addPendingOption: d } = TN(), [f, p] = (0, y.useState)({}), [m, h] = (0, y.useState)({}), [g, _] = (0, y.useState)(null), v = (0, y.useRef)(!1), b = (0, y.useMemo)(() => {
+}, IM = (e, t, n) => {
+	let r = /* @__PURE__ */ new Set();
+	for (let i of e) if (i !== "") if (n) for (let e of PM(i, n, t)) r.add(e);
+	else r.add(i);
+	return [...r];
+}, LM = (e) => !e.some((e) => e != null && String(e).trim() !== ""), RM = (e, t) => {
+	let n = 0;
+	for (let r = t; r < e.length; r++) n = Math.max(n, e[r].length);
+	return n;
+}, zM = 50, BM = (e, t, n) => {
+	let r = Math.min(e.length, t + zM);
+	for (let i = t; i < r; i++) {
+		let t = e[i];
+		if (!t || LM(t)) continue;
+		let r = !0;
+		for (let e = 0; e < n; e++) {
+			let n = t[e];
+			if (n == null || String(n).trim() === "") {
+				r = !1;
+				break;
+			}
+		}
+		if (r) return Array.from({ length: n }, (e, n) => String(t[n]).trim());
+	}
+	return Array.from({ length: n }, (n, i) => {
+		for (let n = t; n < r; n++) {
+			let t = e[n];
+			if (!t || LM(t)) continue;
+			let r = t[i], a = r == null ? "" : String(r).trim();
+			if (a !== "") return a;
+		}
+		return "";
+	});
+}, VM = (e, t) => t === e.headerRowIndex ? e.dataStartIndex : t + 1, HM = (e, t, n, r) => {
+	if (t < 0) {
+		let t = RM(e, n), i = BM(e, n, t);
+		return Array.from({ length: t }, (e, t) => r(t, i[t]));
+	}
+	return TM((e[t] ?? []).map((e) => String(e ?? "").trim()));
+}, UM = () => ({
+	headerRowIndex: 0,
+	dataStartIndex: 1,
+	confidence: 1,
+	mode: "header",
+	review: { kind: "none" }
+}), WM = (e, t) => {
+	let n = [e];
+	for (let r of t) n.push(e.map((e) => r[e] ?? ""));
+	return n;
+}, GM = (e) => {
+	let t = /* @__PURE__ */ new Map();
+	for (let n = 0; n < e.length; n++) t.set(e[n], n);
+	return t;
+}, KM = (e, t, n) => {
+	let r = [];
+	for (let i = t; i < e.length; i++) {
+		let t = e[i];
+		if (LM(t)) continue;
+		let a = t[n], o = a == null ? "" : String(a);
+		o !== "" && r.push(o);
+	}
+	return r;
+}, qM = (e, t) => {
+	let n = {};
+	for (let r = 0; r < t.length; r++) n[t[r]] = String(e[r] ?? "");
+	return n;
+}, JM = (e, t, n, r) => {
+	let i = [];
+	for (let a = n; a < e.length && i.length < r; a++) LM(e[a]) || i.push(qM(e[a], t));
+	return i;
+}, YM = () => {
+	let { columns: e } = th(), { t } = j(), { parsedCsv: n, headers: r, dataStartIndex: i, columnMapping: a, valueMapping: o, autoValueMapping: s, updateValueMapping: c, multiselectDelimiters: l, setMultiselectDelimiter: u, reapplyMultiselectDelimiter: d, pendingOptions: f, addPendingOption: p } = XN(), [m, h] = (0, y.useState)({}), [g, _] = (0, y.useState)({}), [v, b] = (0, y.useState)(null), x = (0, y.useRef)(!1), S = (0, y.useMemo)(() => {
 		if (!n) return [];
-		let t = [];
-		for (let [a, o] of Object.entries(r)) {
-			if (!o) continue;
-			let r = e.find((e) => e.id === o);
-			if (!r?.editor) continue;
-			let c = r.editor.type;
-			if (c !== "select" && c !== "multiselect") continue;
-			let l = r.editor.options, u = i[o] ?? {}, d = c === "multiselect", f = d ? s[o] ?? null : null, p = fM(n.rows, a, l, f).map((e) => ({
+		let t = [], s = GM(r);
+		for (let [r, c] of Object.entries(a)) {
+			if (!c) continue;
+			let a = e.find((e) => e.id === c);
+			if (!a?.editor) continue;
+			let u = a.editor.type;
+			if (u !== "select" && u !== "multiselect") continue;
+			let d = a.editor.options, f = o[c] ?? {}, p = u === "multiselect", m = p ? l[c] ?? null : null, h = s.get(r), g = IM(h === void 0 ? [] : KM(n.rawRows, i, h), d, m).map((e) => ({
 				imported: e,
-				mapped: u[e]
+				mapped: f[e]
 			}));
-			p.sort((e, t) => e.imported.localeCompare(t.imported));
-			let m = p.filter((e) => e.mapped !== void 0).length;
+			g.sort((e, t) => e.imported.localeCompare(t.imported));
+			let _ = g.filter((e) => e.mapped !== void 0).length;
 			t.push({
-				columnId: o,
-				columnTitle: r.title,
-				options: l,
-				enableCustomValue: r.editor.enableCustomValue !== !1,
-				isMultiselect: d,
-				delimiter: f,
-				values: p,
-				matchedCount: m,
-				allMatched: m === p.length
+				columnId: c,
+				columnTitle: a.title,
+				options: d,
+				enableCustomValue: a.editor.enableCustomValue !== !1,
+				isMultiselect: p,
+				delimiter: m,
+				values: g,
+				matchedCount: _,
+				allMatched: _ === g.length
 			});
 		}
 		return t;
 	}, [
 		n,
 		r,
-		e,
 		i,
-		s
+		a,
+		e,
+		o,
+		l
 	]);
 	(0, y.useEffect)(() => {
-		if (v.current || b.length === 0) return;
-		v.current = !0;
+		if (x.current || S.length === 0) return;
+		x.current = !0;
 		let e = {};
-		for (let t of b) t.allMatched && (e[t.columnId] = !0);
-		h(e);
-	}, [b]);
-	let x = (0, y.useMemo)(() => {
+		for (let t of S) t.allMatched && (e[t.columnId] = !0);
+		_(e);
+	}, [S]);
+	let C = (0, y.useMemo)(() => {
 		let e = {
 			text: t("dataEditor.uploader.matchColumns.bestMatch"),
 			color: "green"
 		}, n = t("dataEditor.uploader.matchValues.createOption"), r = {};
-		for (let t of b) {
-			let i = u[t.columnId] ?? [], o = {};
+		for (let t of S) {
+			let i = f[t.columnId] ?? [], a = {};
 			for (let r of t.values) {
-				let s = a[t.columnId]?.[r.imported], c = new Set(t.options), l = t.options.map((t) => ({
+				let o = s[t.columnId]?.[r.imported], c = new Set(t.options), l = t.options.map((t) => ({
 					id: t,
 					text: t,
-					...t === s && { tag: e }
+					...t === o && { tag: e }
 				}));
 				if (t.enableCustomValue) {
 					for (let e of i) c.has(e) || (l.push({
@@ -46905,81 +47188,81 @@ var tM = () => {
 						icon: /* @__PURE__ */ (0, O.jsx)(Ae, { size: "1rem" })
 					});
 				}
-				o[r.imported] = l;
+				a[r.imported] = l;
 			}
-			r[t.columnId] = o;
+			r[t.columnId] = a;
 		}
 		return r;
 	}, [
-		b,
-		a,
-		u,
+		S,
+		s,
+		f,
 		t
-	]), S = (0, y.useCallback)((e) => f[e] ?? !0, [f]), C = (0, y.useCallback)((e) => m[e] ?? !1, [m]), w = (0, y.useCallback)((e) => {
-		let t = f[e.columnId] ?? !0;
+	]), w = (0, y.useCallback)((e) => m[e] ?? !0, [m]), T = (0, y.useCallback)((e) => g[e] ?? !1, [g]), E = (0, y.useCallback)((e) => {
+		let t = m[e.columnId] ?? !0;
 		return e.values.filter((e) => t || e.mapped === void 0);
-	}, [f]), T = (0, y.useCallback)((e, t) => x[e]?.[t] ?? [], [x]), E = (0, y.useCallback)((e, t) => {
-		p((n) => ({
+	}, [m]), D = (0, y.useCallback)((e, t) => C[e]?.[t] ?? [], [C]), k = (0, y.useCallback)((e, t) => {
+		h((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, []), D = (0, y.useCallback)((e) => {
-		h((t) => ({
+	}, []), A = (0, y.useCallback)((e) => {
+		_((t) => ({
 			...t,
 			[e]: !t[e]
 		}));
-	}, []), k = (0, y.useCallback)((e, t, n) => {
+	}, []), M = (0, y.useCallback)((e, t, n) => {
 		if (n === "action:create-option") {
-			_({
+			b({
 				columnId: e,
 				imported: t
 			});
 			return;
 		}
-		o(e, t, n);
-	}, [o]), A = (0, y.useCallback)((e, t) => {
-		c(e, t === "" ? null : t);
-	}, [c]), M = (0, y.useCallback)((e) => {
-		l(e);
-	}, [l]), N = (0, y.useCallback)((e) => {
-		g && (d(g.columnId, e), o(g.columnId, g.imported, e), _(null));
+		c(e, t, n);
+	}, [c]), N = (0, y.useCallback)((e, t) => {
+		u(e, t === "" ? null : t);
+	}, [u]), P = (0, y.useCallback)((e) => {
+		d(e);
+	}, [d]), F = (0, y.useCallback)((e) => {
+		v && (p(v.columnId, e), c(v.columnId, v.imported, e), b(null));
 	}, [
-		g,
-		d,
-		o
-	]), P = (0, y.useCallback)(() => _(null), []);
+		v,
+		p,
+		c
+	]), I = (0, y.useCallback)(() => b(null), []);
 	return {
-		sections: b,
-		selectOptionsByValue: x,
-		createForOptions: (0, y.useMemo)(() => b.find((e) => e.columnId === g?.columnId)?.options ?? [], [b, g]),
-		hasCreateTarget: g !== null,
-		createInitialName: g?.imported ?? "",
-		isShowMatched: S,
-		isCollapsed: C,
-		getVisibleValues: w,
-		getSelectOptions: T,
-		setShowMatched: E,
-		toggleCollapsed: D,
-		selectValue: k,
-		changeDelimiter: A,
-		reapplyDelimiter: M,
-		submitCreate: N,
-		closeCreate: P
+		sections: S,
+		selectOptionsByValue: C,
+		createForOptions: (0, y.useMemo)(() => S.find((e) => e.columnId === v?.columnId)?.options ?? [], [S, v]),
+		hasCreateTarget: v !== null,
+		createInitialName: v?.imported ?? "",
+		isShowMatched: w,
+		isCollapsed: T,
+		getVisibleValues: E,
+		getSelectOptions: D,
+		setShowMatched: k,
+		toggleCollapsed: A,
+		selectValue: M,
+		changeDelimiter: N,
+		reapplyDelimiter: P,
+		submitCreate: F,
+		closeCreate: I
 	};
-}, mM = (0, y.createContext)(null);
-function hM({ children: e }) {
-	let t = pM();
-	return /* @__PURE__ */ (0, O.jsx)(mM.Provider, {
+}, XM = (0, y.createContext)(null);
+function ZM({ children: e }) {
+	let t = YM();
+	return /* @__PURE__ */ (0, O.jsx)(XM.Provider, {
 		value: t,
 		children: e
 	});
 }
-var gM = () => {
-	let e = (0, y.useContext)(mM);
+var QM = () => {
+	let e = (0, y.useContext)(XM);
 	if (!e) throw Error("useValueMatching must be used within ValueMatchingProvider");
 	return e;
-}, _M = ({ section: e }) => {
-	let { t } = j(), { isShowMatched: n, isCollapsed: r, setShowMatched: i, toggleCollapsed: a } = gM(), o = r(e.columnId), s = t(o ? "dataEditor.common.expand" : "dataEditor.common.collapse"), c = (0, y.useCallback)((t) => i(e.columnId, t), [i, e.columnId]), l = (0, y.useCallback)(() => a(e.columnId), [a, e.columnId]);
+}, $M = ({ section: e }) => {
+	let { t } = j(), { isShowMatched: n, isCollapsed: r, setShowMatched: i, toggleCollapsed: a } = QM(), o = r(e.columnId), s = t(o ? "dataEditor.common.expand" : "dataEditor.common.collapse"), c = (0, y.useCallback)((t) => i(e.columnId, t), [i, e.columnId]), l = (0, y.useCallback)(() => a(e.columnId), [a, e.columnId]);
 	return /* @__PURE__ */ (0, O.jsxs)("header", {
 		className: "updog__value-matching__section-header",
 		children: [/* @__PURE__ */ (0, O.jsx)("div", {
@@ -47023,14 +47306,14 @@ var gM = () => {
 			})
 		})]
 	});
-}, vM = {
+}, eN = {
 	",": ",",
 	";": ";",
 	"|": "|",
 	"\n": "\\n",
 	"	": "\\t"
-}, yM = (e) => e === null ? "" : vM[e] ?? e, bM = ({ section: e }) => {
-	let { t } = j(), { changeDelimiter: n, reapplyDelimiter: r } = gM(), i = (0, y.useRef)(e.delimiter), a = yM(e.delimiter), [o, s] = (0, y.useState)(a), { debouncedValue: c } = gc(o, 300), l = (0, y.useRef)(a);
+}, tN = (e) => e === null ? "" : eN[e] ?? e, nN = ({ section: e }) => {
+	let { t } = j(), { changeDelimiter: n, reapplyDelimiter: r } = QM(), i = (0, y.useRef)(e.delimiter), a = tN(e.delimiter), [o, s] = (0, y.useState)(a), { debouncedValue: c } = gc(o, 300), l = (0, y.useRef)(a);
 	(0, y.useEffect)(() => {
 		s(a), l.current = a;
 	}, [a]), (0, y.useEffect)(() => {
@@ -47073,8 +47356,8 @@ var gM = () => {
 			})
 		]
 	});
-}, xM = ({ section: e, val: t }) => {
-	let { t: n } = j(), { getSelectOptions: r, selectValue: i } = gM(), a = t.mapped === void 0, o = (0, y.useCallback)((n) => i(e.columnId, t.imported, n), [
+}, rN = ({ section: e, val: t }) => {
+	let { t: n } = j(), { getSelectOptions: r, selectValue: i } = QM(), a = t.mapped === void 0, o = (0, y.useCallback)((n) => i(e.columnId, t.imported, n), [
 		i,
 		e.columnId,
 		t.imported
@@ -47126,8 +47409,8 @@ var gM = () => {
 			})
 		]
 	});
-}, SM = ({ section: e }) => {
-	let { t } = j(), { getVisibleValues: n } = gM(), r = n(e);
+}, iN = ({ section: e }) => {
+	let { t } = j(), { getVisibleValues: n } = QM(), r = n(e);
 	return /* @__PURE__ */ (0, O.jsxs)("div", {
 		className: "updog__value-matching__table",
 		children: [r.length === 0 ? /* @__PURE__ */ (0, O.jsx)("div", {
@@ -47147,7 +47430,7 @@ var gM = () => {
 						size: "sm",
 						weight: "medium",
 						children: t("dataEditor.uploader.matchValues.importedValues")
-					}), e.isMultiselect && /* @__PURE__ */ (0, O.jsx)(bM, { section: e })]
+					}), e.isMultiselect && /* @__PURE__ */ (0, O.jsx)(nN, { section: e })]
 				}),
 				/* @__PURE__ */ (0, O.jsx)("div", { className: "updog__value-matching__arrow-spacer" }),
 				/* @__PURE__ */ (0, O.jsx)(W, {
@@ -47159,25 +47442,25 @@ var gM = () => {
 				}),
 				/* @__PURE__ */ (0, O.jsx)("div", { className: "updog__value-matching__action" })
 			]
-		}), r.map((t) => /* @__PURE__ */ (0, O.jsx)(xM, {
+		}), r.map((t) => /* @__PURE__ */ (0, O.jsx)(rN, {
 			section: e,
 			val: t
 		}, t.imported))]
 	});
-}, CM = ({ section: e }) => {
-	let { isCollapsed: t } = gM(), n = !t(e.columnId);
+}, aN = ({ section: e }) => {
+	let { isCollapsed: t } = QM(), n = !t(e.columnId);
 	return /* @__PURE__ */ (0, O.jsxs)("div", {
 		className: "updog__value-matching__section",
-		children: [/* @__PURE__ */ (0, O.jsx)(_M, { section: e }), /* @__PURE__ */ (0, O.jsx)("div", {
+		children: [/* @__PURE__ */ (0, O.jsx)($M, { section: e }), /* @__PURE__ */ (0, O.jsx)("div", {
 			className: N("updog__value-matching__collapsible", n && "updog__value-matching__collapsible--expanded"),
-			children: /* @__PURE__ */ (0, O.jsx)(SM, { section: e })
+			children: /* @__PURE__ */ (0, O.jsx)(iN, { section: e })
 		})]
 	});
-}, wM = () => {
-	let { sections: e, hasCreateTarget: t, createForOptions: n, createInitialName: r, submitCreate: i, closeCreate: a } = gM();
+}, oN = () => {
+	let { sections: e, hasCreateTarget: t, createForOptions: n, createInitialName: r, submitCreate: i, closeCreate: a } = QM();
 	return /* @__PURE__ */ (0, O.jsxs)("div", {
 		className: "updog__value-matching",
-		children: [e.map((e) => /* @__PURE__ */ (0, O.jsx)(CM, { section: e }, e.columnId)), t && /* @__PURE__ */ (0, O.jsx)(cM, {
+		children: [e.map((e) => /* @__PURE__ */ (0, O.jsx)(aN, { section: e }, e.columnId)), t && /* @__PURE__ */ (0, O.jsx)(MM, {
 			open: !0,
 			existingOptions: n,
 			initialName: r,
@@ -47185,22 +47468,26 @@ var gM = () => {
 			onSubmit: i
 		})]
 	});
-}, TM = () => /* @__PURE__ */ (0, O.jsx)(sh, { children: /* @__PURE__ */ (0, O.jsxs)(ah, { children: [/* @__PURE__ */ (0, O.jsx)("div", {
+}, sN = () => /* @__PURE__ */ (0, O.jsx)(sh, { children: /* @__PURE__ */ (0, O.jsxs)(ah, { children: [/* @__PURE__ */ (0, O.jsx)("div", {
 	className: "updog__step-match-values__content updog__scrollbar",
-	children: /* @__PURE__ */ (0, O.jsx)(hM, { children: /* @__PURE__ */ (0, O.jsx)(wM, {}) })
-}), /* @__PURE__ */ (0, O.jsx)(Aj, {})] }) }), EM = 20, DM = () => {
-	let { store: e } = th(), { t } = j(), { primaryKey: n, onPrimaryKeyChange: r, parsedCsv: i, columnMapping: a, primaryKeyColumns: o } = TN(), s = e.isClient(), c = (0, y.useCallback)(() => r(null), [r]), l = (0, y.useMemo)(() => {
+	children: /* @__PURE__ */ (0, O.jsx)(ZM, { children: /* @__PURE__ */ (0, O.jsx)(oN, {}) })
+}), /* @__PURE__ */ (0, O.jsx)(Aj, {})] }) }), cN = 20, lN = () => {
+	let { store: e } = th(), { t } = j(), { primaryKey: n, onPrimaryKeyChange: r, parsedCsv: i, headers: a, dataStartIndex: o, columnMapping: s, primaryKeyColumns: c } = XN(), l = e.isClient(), u = (0, y.useCallback)(() => r(null), [r]), d = (0, y.useMemo)(() => {
 		let e = {};
-		for (let [t, n] of Object.entries(a)) n && (e[n] = t);
+		for (let [t, n] of Object.entries(s)) n && (e[n] = t);
 		return e;
-	}, [a]), u = i?.rows.slice(0, EM) ?? [];
+	}, [s]), f = (0, y.useMemo)(() => i ? JM(i.rawRows, a, o, cN) : [], [
+		i,
+		a,
+		o
+	]);
 	return /* @__PURE__ */ (0, O.jsxs)("div", {
 		className: "updog__primary-key-selection updog__scrollbar",
-		children: [s && /* @__PURE__ */ (0, O.jsxs)(hc, {
+		children: [l && /* @__PURE__ */ (0, O.jsxs)(hc, {
 			name: "primaryKey",
 			value: "",
 			checked: n === null,
-			onChange: c,
+			onChange: u,
 			radioPosition: "end",
 			className: N("updog__primary-key-selection__card", n === null && "updog__primary-key-selection__card--selected"),
 			children: [/* @__PURE__ */ (0, O.jsx)(W, {
@@ -47213,8 +47500,8 @@ var gM = () => {
 				className: "updog__primary-key-selection__value-text updog__primary-key-selection__value-none",
 				children: t("dataEditor.uploader.primaryKey.noneHint")
 			})]
-		}), o.map((e) => {
-			let t = l[e.id], i = t ? u.map((e) => e[t] ?? "") : [];
+		}), c.map((e) => {
+			let t = d[e.id], i = t ? f.map((e) => e[t] ?? "") : [];
 			return /* @__PURE__ */ (0, O.jsxs)(hc, {
 				name: "primaryKey",
 				value: e.id,
@@ -47241,8 +47528,8 @@ var gM = () => {
 			}, e.id);
 		})]
 	});
-}, OM = () => /* @__PURE__ */ (0, O.jsx)(sh, { children: /* @__PURE__ */ (0, O.jsxs)(ah, { children: [/* @__PURE__ */ (0, O.jsx)(DM, {}), /* @__PURE__ */ (0, O.jsx)(Aj, {})] }) }), kM = () => {
-	let { columns: e, importFormats: t, remoteSources: n, sampleData: r } = th(), i = t === !1 ? [] : t, { t: a } = j(), { parsedCsv: o, xlsxFile: s, handleFileRemoved: c, parseFile: l, isParsing: u, remoteSourceLoading: d, remoteSourceError: f, handleRemoteSourceSelect: p } = TN(), m = [
+}, uN = () => /* @__PURE__ */ (0, O.jsx)(sh, { children: /* @__PURE__ */ (0, O.jsxs)(ah, { children: [/* @__PURE__ */ (0, O.jsx)(lN, {}), /* @__PURE__ */ (0, O.jsx)(Aj, {})] }) }), dN = () => {
+	let { columns: e, importFormats: t, remoteSources: n, sampleData: r } = th(), i = t === !1 ? [] : t, { t: a } = j(), { parsedCsv: o, xlsxFile: s, handleFileRemoved: c, parseFile: l, isParsing: u, remoteSourceLoading: d, remoteSourceError: f, handleRemoteSourceSelect: p } = XN(), m = [
 		{
 			id: "csv",
 			format: "csv",
@@ -47300,20 +47587,20 @@ var gM = () => {
 		}, [c]),
 		handleRemoteSourceSelect: p
 	};
-}, AM = (0, y.createContext)(null);
-function jM({ children: e }) {
-	let t = kM();
-	return /* @__PURE__ */ (0, O.jsx)(AM.Provider, {
+}, fN = (0, y.createContext)(null);
+function pN({ children: e }) {
+	let t = dN();
+	return /* @__PURE__ */ (0, O.jsx)(fN.Provider, {
 		value: t,
 		children: e
 	});
 }
-var MM = () => {
-	let e = (0, y.useContext)(AM);
+var mN = () => {
+	let e = (0, y.useContext)(fN);
 	if (!e) throw Error("useSelectFiles must be used within SelectFilesProvider");
 	return e;
-}, NM = () => {
-	let { t: e } = j(), { exampleMenuOptions: t, onExampleDownload: n } = MM();
+}, hN = () => {
+	let { t: e } = j(), { exampleMenuOptions: t, onExampleDownload: n } = mN();
 	return /* @__PURE__ */ (0, O.jsx)(fc, {
 		options: t,
 		onSelect: n,
@@ -47325,7 +47612,7 @@ var MM = () => {
 			children: e("dataEditor.uploader.uploadFile.downloadExample")
 		})
 	});
-}, PM = ({ source: e }) => e.icon.trimStart().startsWith("<") ? /* @__PURE__ */ (0, O.jsx)("span", {
+}, gN = ({ source: e }) => e.icon.trimStart().startsWith("<") ? /* @__PURE__ */ (0, O.jsx)("span", {
 	className: "updog__remote-source-btn__icon",
 	dangerouslySetInnerHTML: { __html: e.icon }
 }) : /* @__PURE__ */ (0, O.jsx)("span", {
@@ -47334,7 +47621,7 @@ var MM = () => {
 		src: e.icon,
 		alt: e.label
 	})
-}), FM = ({ source: e, loading: t, disabled: n, onSelect: r }) => /* @__PURE__ */ (0, O.jsx)(ot, {
+}), _N = ({ source: e, loading: t, disabled: n, onSelect: r }) => /* @__PURE__ */ (0, O.jsx)(ot, {
 	variant: "filled",
 	color: "neutral",
 	size: "sm",
@@ -47344,11 +47631,11 @@ var MM = () => {
 	disabled: !t && n,
 	loading: t,
 	spinnerPosition: "start",
-	startIcon: /* @__PURE__ */ (0, O.jsx)(PM, { source: e }),
+	startIcon: /* @__PURE__ */ (0, O.jsx)(gN, { source: e }),
 	title: e.description,
 	children: e.label
-}), IM = () => {
-	let { t: e } = j(), { importFormats: t, remoteSources: n, remoteSourceLoading: r, remoteSourceError: i, handleRemoteSourceSelect: a } = MM(), o = n.length > 0;
+}), vN = () => {
+	let { t: e } = j(), { importFormats: t, remoteSources: n, remoteSourceLoading: r, remoteSourceError: i, handleRemoteSourceSelect: a } = mN(), o = n.length > 0;
 	return /* @__PURE__ */ (0, O.jsxs)("div", {
 		className: "updog__source-picker",
 		children: [
@@ -47375,7 +47662,7 @@ var MM = () => {
 			}),
 			o && /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: [/* @__PURE__ */ (0, O.jsx)(ac, {}), /* @__PURE__ */ (0, O.jsx)("div", {
 				className: "updog__source-picker__sources-list",
-				children: n.map((e) => /* @__PURE__ */ (0, O.jsx)(FM, {
+				children: n.map((e) => /* @__PURE__ */ (0, O.jsx)(_N, {
 					source: e,
 					loading: r === e.id,
 					disabled: !!r,
@@ -47389,7 +47676,7 @@ var MM = () => {
 			})
 		]
 	});
-}, LM = () => {
+}, yN = () => {
 	let { t: e } = j();
 	return /* @__PURE__ */ (0, O.jsxs)("div", {
 		className: "updog__uploading-state",
@@ -47402,12 +47689,12 @@ var MM = () => {
 			children: e("dataEditor.uploader.uploadFile.uploading")
 		})]
 	});
-}, RM = () => {
-	let { t: e } = j(), { isBlocked: t, isParsing: n, hasFile: r, fileName: i, open: a, onRemoveClick: o } = MM();
+}, bN = () => {
+	let { t: e } = j(), { isBlocked: t, isParsing: n, hasFile: r, fileName: i, open: a, onRemoveClick: o } = mN();
 	return /* @__PURE__ */ (0, O.jsx)("div", {
 		className: N("updog__step-select-files__upload-area", t && "updog__step-select-files__upload-area--disabled"),
 		onClick: t ? void 0 : a,
-		children: n ? /* @__PURE__ */ (0, O.jsx)(LM, {}) : /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: [
+		children: n ? /* @__PURE__ */ (0, O.jsx)(yN, {}) : /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: [
 			/* @__PURE__ */ (0, O.jsx)("div", {
 				className: "updog__step-select-files__icon-container",
 				children: r ? /* @__PURE__ */ (0, O.jsx)(oe, {
@@ -47418,7 +47705,7 @@ var MM = () => {
 					className: "updog__step-select-files__icon"
 				})
 			}),
-			!r && /* @__PURE__ */ (0, O.jsx)(IM, {}),
+			!r && /* @__PURE__ */ (0, O.jsx)(vN, {}),
 			r && /* @__PURE__ */ (0, O.jsxs)("div", {
 				className: "updog__step-select-files__info",
 				children: [/* @__PURE__ */ (0, O.jsx)(W, {
@@ -47435,21 +47722,21 @@ var MM = () => {
 			})
 		] })
 	});
-}, zM = () => {
-	let { getRootProps: e, getInputProps: t, isDragActive: n } = MM();
+}, xN = () => {
+	let { getRootProps: e, getInputProps: t, isDragActive: n } = mN();
 	return /* @__PURE__ */ (0, O.jsx)(sh, { children: /* @__PURE__ */ (0, O.jsxs)("div", {
 		className: "updog__step-select-files__dropzone",
 		...e(),
 		children: [
 			/* @__PURE__ */ (0, O.jsx)("input", { ...t() }),
-			/* @__PURE__ */ (0, O.jsxs)(ah, { children: [/* @__PURE__ */ (0, O.jsx)(RM, {}), /* @__PURE__ */ (0, O.jsx)(Aj, { leftSlot: /* @__PURE__ */ (0, O.jsx)(NM, {}) })] }),
+			/* @__PURE__ */ (0, O.jsxs)(ah, { children: [/* @__PURE__ */ (0, O.jsx)(bN, {}), /* @__PURE__ */ (0, O.jsx)(Aj, { leftSlot: /* @__PURE__ */ (0, O.jsx)(hN, {}) })] }),
 			n && /* @__PURE__ */ (0, O.jsx)(oh, {})
 		]
 	}) });
-}, BM = () => /* @__PURE__ */ (0, O.jsx)(jM, { children: /* @__PURE__ */ (0, O.jsx)(zM, {}) }), VM = ({ preview: e }) => {
-	let { selectedSheet: t, setSelectedSheet: n } = TN(), { t: r } = j(), i = Math.max(0, e.totalRows), a = t === e.name, o = (0, y.useMemo)(() => {
+}, SN = () => /* @__PURE__ */ (0, O.jsx)(pN, { children: /* @__PURE__ */ (0, O.jsx)(xN, {}) }), CN = ({ preview: e }) => {
+	let { selectedSheet: t, setSelectedSheet: n } = XN(), { t: r } = j(), i = Math.max(0, e.totalRows), a = t === e.name, o = (0, y.useMemo)(() => {
 		let { headers: t, rows: n } = e;
-		return n.map((e) => t.map((t) => e[t] ?? ""));
+		return [t, ...n.map((e) => t.map((t) => e[t] ?? ""))];
 	}, [e]);
 	return /* @__PURE__ */ (0, O.jsx)(hc, {
 		name: "sheetSelection",
@@ -47477,23 +47764,22 @@ var MM = () => {
 					className: "updog__sheet-preview-emptyText",
 					children: r("dataEditor.uploader.sheetSelection.emptySheet")
 				}) : /* @__PURE__ */ (0, O.jsx)(rv, {
-					headers: e.headers,
 					rows: o,
 					scrollbars: !1
 				})
 			})]
 		})
 	});
-}, HM = () => {
-	let { sheetPreviews: e } = TN();
+}, wN = () => {
+	let { sheetPreviews: e } = XN();
 	return /* @__PURE__ */ (0, O.jsx)(sh, { children: /* @__PURE__ */ (0, O.jsxs)(ah, { children: [/* @__PURE__ */ (0, O.jsx)("div", {
 		className: "updog__sheet-preview-wrapper updog__scrollbar",
 		children: /* @__PURE__ */ (0, O.jsx)("div", {
 			className: "updog__sheet-preview-grid",
-			children: e.map((e) => /* @__PURE__ */ (0, O.jsx)(VM, { preview: e }, e.name))
+			children: e.map((e) => /* @__PURE__ */ (0, O.jsx)(CN, { preview: e }, e.name))
 		})
 	}), /* @__PURE__ */ (0, O.jsx)(Aj, {})] }) });
-}, UM = (e, t, n) => {
+}, TN = (e, t, n) => {
 	let r = new Map(t.map((e) => [e.id, e])), i = [];
 	for (let [t, a] of Object.entries(e)) a && i.push({
 		csvHeader: t,
@@ -47501,11 +47787,11 @@ var MM = () => {
 		column: n.has(a) ? void 0 : r.get(a)
 	});
 	return i;
-}, WM = (e) => {
+}, EN = (e) => {
 	let t = [];
 	for (let { csvHeader: n, column: r } of e) r?.editor?.type === "number" && t.push(n);
 	return t;
-}, GM = (e, t, n) => {
+}, DN = (e, t, n) => {
 	let r = {};
 	for (let { csvHeader: i, columnId: a, column: o } of t) {
 		let t = e[i] ?? "";
@@ -47520,7 +47806,7 @@ var MM = () => {
 			continue;
 		}
 		if (s === "multiselect") {
-			let e = n.multiselectDelimiters[a], i = o.editor.options ?? [], s = e ? uM(t, e, i) : t === "" ? [] : [t], c = [], l = /* @__PURE__ */ new Set();
+			let e = n.multiselectDelimiters[a], i = o.editor.options ?? [], s = e ? PM(t, e, i) : t === "" ? [] : [t], c = [], l = /* @__PURE__ */ new Set();
 			for (let e of s) {
 				let t = n.valueMapping[a]?.[e.trim()];
 				t !== void 0 && !l.has(t) && (l.add(t), c.push(t));
@@ -47532,88 +47818,16 @@ var MM = () => {
 		r[a] = o.transformer ? o.transformer(c) : c;
 	}
 	return r;
-}, KM = /^-?\d+([.,]\d+)?%?$/, qM = /^\d{1,4}[-/.]\d{1,2}[-/.]\d{1,4}$/, JM = new Set([
-	"true",
-	"false",
-	"yes",
-	"no"
-]), YM = 50;
-function XM(e) {
-	return !!(KM.test(e) || qM.test(e) || JM.has(e.toLowerCase()));
-}
-function ZM(e) {
-	return e.filter((e) => e != null && String(e).trim().length > 0).length;
-}
-function QM(e) {
-	let t = /* @__PURE__ */ new Map(), n = 0, r = 0;
-	for (let i of e) {
-		let e = ZM(i);
-		if (e === 0) continue;
-		let a = (t.get(e) ?? 0) + 1;
-		t.set(e, a), a > n && (n = a, r = e);
-	}
-	return r;
-}
-function $M(e, t) {
-	let n = e.map((e) => String(e ?? "").trim()), r = n.filter((e) => e.length > 0);
-	if (r.length === 0) return 0;
-	let i = r.filter((e) => XM(e)).length === 0 ? 1 : 0, a = r.length / Math.max(n.length, 1), o = new Set(r.map((e) => e.toLowerCase())).size / r.length, s = r.filter((e) => e.length <= YM).length / r.length, c = t > 0 ? 1 - Math.abs(r.length - t) / t : 0;
-	return .3 * i + .25 * a + .2 * o + .15 * s + .1 * Math.max(0, c);
-}
-function eN(e, t = 100) {
-	if (e.length === 0) return {
-		headerRowIndex: 0,
-		confidence: 0
-	};
-	if (e.length === 1) return {
-		headerRowIndex: 0,
-		confidence: 1
-	};
-	let n = Math.min(t, e.length), r = QM(e.slice(0, n)), i = 0, a = -1;
-	for (let t = 0; t < n; t++) {
-		let n = $M(e[t], r);
-		if (n > a && (a = n, i = t), t === 0 && n > .85 && ZM(e[0]) === r) break;
-	}
-	return {
-		headerRowIndex: i,
-		confidence: Math.round(a * 100) / 100
-	};
-}
-function tN(e) {
-	let t = /* @__PURE__ */ new Set();
-	return e.map((e) => {
-		let n = e, r = 2;
-		for (; t.has(n);) n = `${e} (${r})`, r++;
-		return t.add(n), n;
-	});
-}
-function nN(e) {
-	let { headerRowIndex: t } = eN(e), n = tN((e[t] ?? []).map((e) => String(e ?? "").trim())), r = [], i = [];
-	for (let a of e.slice(t + 1)) {
-		if (!a.some((e) => e != null && String(e).trim() !== "")) continue;
-		let e = {};
-		for (let t = 0; t < n.length; t++) e[n[t]] = String(a[t] ?? "");
-		r.push(e), i.push(a.length === n.length ? null : a.map((e) => String(e ?? "")));
-	}
-	return {
-		headerRowIndex: t,
-		headers: n,
-		rows: r,
-		rawCells: i
-	};
-}
-//#endregion
-//#region src/components/DataUploader/utils/detectMultiValueDelimiter.ts
-var rN = 200, iN = (e, t, n) => {
+}, ON = 200, kN = (e, t, n) => {
 	if (n) return n;
 	let r = new Set(t.map((e) => e.trim().toLowerCase())), i = (e) => r.has(e.trim().toLowerCase()), a = /* @__PURE__ */ new Set(), o = [];
 	for (let t of e) {
 		let e = t.trim();
-		if (!(e === "" || a.has(e)) && (a.add(e), o.push(e), o.length >= rN)) break;
+		if (!(e === "" || a.has(e)) && (a.add(e), o.push(e), o.length >= ON)) break;
 	}
 	if (o.length === 0) return null;
 	let s = null, c = 0, l = 0;
-	for (let e of lM) {
+	for (let e of NM) {
 		let n = 0, r = 0;
 		for (let a of o) {
 			if (i(a) || !a.includes(e)) continue;
@@ -47626,7 +47840,7 @@ var rN = 200, iN = (e, t, n) => {
 		(n > c || n === c && n > 0 && r > l) && (s = e, c = n, l = r);
 	}
 	return c > 0 ? s : null;
-}, aN = (e) => {
+}, AN = (e) => {
 	let t = /* @__PURE__ */ new Map();
 	for (let [n, r] of Object.entries(e)) {
 		let e = Pj(n), i = t.get(e) ?? /* @__PURE__ */ new Set();
@@ -47634,8 +47848,8 @@ var rN = 200, iN = (e, t, n) => {
 		t.set(e, i);
 	}
 	return t;
-}, oN = (e, t, n, r) => {
-	let i = aN(r), a = (e, t) => i.get(Pj(e))?.has(Pj(t)) ?? !1, o = new Map(n.map((e) => [e.id, e])), s = (e, t) => (n, r) => {
+}, jN = (e, t, n, r) => {
+	let i = AN(r), a = (e, t) => i.get(Pj(e))?.has(Pj(t)) ?? !1, o = new Map(n.map((e) => [e.id, e])), s = (e, t) => (n, r) => {
 		if (Pj(n) === Pj(r) || a(r, n)) return;
 		let i = `${n} ${r}`;
 		t.has(i) || (t.add(i), e.push({
@@ -47655,16 +47869,16 @@ var rN = 200, iN = (e, t, n) => {
 	for (let e of Object.values(t)) for (let [t, n] of Object.entries(e)) n && u(t, n);
 	return c;
 };
-function sN(e, t, n) {
+function MN(e, t, n) {
 	let r = e.length, i = t;
-	return i <= 0 ? [] : r === i ? [{ cells: [...e] }] : (r < i ? cN(i, i - r) : cN(r - 1, i - 1)) > 1e3 ? [] : r < i ? lN(e, i) : uN(e, i, n);
+	return i <= 0 ? [] : r === i ? [{ cells: [...e] }] : (r < i ? NN(i, i - r) : NN(r - 1, i - 1)) > 1e3 ? [] : r < i ? PN(e, i) : FN(e, i, n);
 }
-function cN(e, t) {
+function NN(e, t) {
 	let n = Math.min(t, e - t), r = 1;
 	for (let t = 1; t <= n; t++) if (r = r * (e - n + t) / t, r > 1e3) return r;
 	return r;
 }
-function lN(e, t) {
+function PN(e, t) {
 	let n = e.length, r = [], i = [], a = (o) => {
 		if (i.length === n) {
 			let a = Array(t).fill("");
@@ -47676,7 +47890,7 @@ function lN(e, t) {
 	};
 	return a(0), r;
 }
-function uN(e, t, n) {
+function FN(e, t, n) {
 	let r = e.length, i = [], a = [], o = (s) => {
 		if (a.length === t - 1) {
 			let o = [
@@ -47694,27 +47908,27 @@ function uN(e, t, n) {
 }
 //#endregion
 //#region src/components/DataUploader/utils/raggedRows/pruneByValidators.ts
-var dN = {};
-function fN(e, t) {
+var IN = {};
+function LN(e, t) {
 	for (let n of t.validators ?? []) if (n.type !== "expression") {
 		if (n.type === "function") {
-			if (n.fn(e, dN) != null) return !1;
+			if (n.fn(e, IN) != null) return !1;
 			continue;
 		}
-		if (Bm(n, e, dN) != null) return !1;
+		if (Bm(n, e, IN) != null) return !1;
 	}
 	return !0;
 }
-function pN(e, t) {
-	for (let n = 0; n < t.length; n++) if (!fN(e.cells[n] ?? "", t[n])) return !1;
+function RN(e, t) {
+	for (let n = 0; n < t.length; n++) if (!LN(e.cells[n] ?? "", t[n])) return !1;
 	return !0;
 }
-function mN(e, t) {
-	return e.filter((e) => pN(e, t));
+function zN(e, t) {
+	return e.filter((e) => RN(e, t));
 }
 //#endregion
 //#region src/components/DataUploader/utils/raggedRows/computeDisputeSpans.ts
-function hN(e) {
+function BN(e) {
 	if (e.length <= 1) return [];
 	let t = e[0].cells.length, n = [], r = -1;
 	for (let i = 0; i < t; i++) {
@@ -47731,25 +47945,25 @@ function hN(e) {
 }
 //#endregion
 //#region src/components/DataUploader/utils/raggedRows/alignRow.ts
-function gN(e, t, n) {
-	let r = sN(e, t.length, n), i = mN(r, t);
+function VN(e, t, n) {
+	let r = MN(e, t.length, n), i = zN(r, t);
 	return i.length === 1 ? {
 		kind: "confident",
 		alignment: i[0]
 	} : i.length > 1 ? {
 		kind: "ambiguous",
 		candidates: i,
-		disputeSpans: hN(i)
+		disputeSpans: BN(i)
 	} : {
 		kind: "invalid",
 		candidates: r,
-		disputeSpans: hN(r)
+		disputeSpans: BN(r)
 	};
 }
 //#endregion
 //#region src/components/DataUploader/utils/raggedRows/resolveRaggedRow.ts
-function _N(e, t, n) {
-	let r = gN(e, t, n);
+function HN(e, t, n) {
+	let r = VN(e, t, n);
 	if (r.kind === "confident") return {
 		cells: r.alignment.cells,
 		conflictColumns: []
@@ -47768,111 +47982,131 @@ function _N(e, t, n) {
 }
 //#endregion
 //#region src/components/DataUploader/context/useViewModel.tsx
-var vN = 5e3, yN = 15, bN = 20, xN = new Set([
+var UN = 5e3, WN = 15, GN = 20, KN = new Set([
 	"xlsx",
 	"xls",
 	"xlsb",
 	"ods"
 ]);
-function SN() {
+function qN() {
 	let { store: e, validator: t, columns: n, primaryKey: r, setShowUploader: i, pendingImportFile: a, setPendingImportFile: o, onColumnMatch: s, onValueMatch: c, synonyms: l, addDynamicColumns: u, scaleClient: d } = th(), { t: f } = j(), [p, m] = (0, y.useState)(0), [h, g] = (0, y.useState)(0), [_, v] = (0, y.useState)(null), [b, x] = (0, y.useState)({}), S = (0, y.useMemo)(() => {
 		let e = new Set(Object.values(b).filter(Boolean));
 		return n.filter((t) => t.unique && e.has(t.id));
-	}, [b, n]), [C, w] = (0, y.useState)(() => r), [T, E] = (0, y.useState)(!1), [D, k] = (0, y.useState)(!1), [A, M] = (0, y.useState)(null), [N, P] = (0, y.useState)([]), [F, I] = (0, y.useState)(null), [L, R] = (0, y.useState)([]), [ee, z] = (0, y.useState)({}), [B, V] = (0, y.useState)([]), [H, te] = (0, y.useState)({}), ne = (0, y.useRef)(null), [re, ie] = (0, y.useState)(0), ae = (0, y.useCallback)((e) => {
+	}, [b, n]), [C, w] = (0, y.useState)(() => r), [T, E] = (0, y.useState)(!1), [D, k] = (0, y.useState)(!1), [A, M] = (0, y.useState)(null), [N, P] = (0, y.useState)([]), [F, I] = (0, y.useState)(null), [L, R] = (0, y.useState)([]), [ee, z] = (0, y.useState)({}), [B, V] = (0, y.useState)([]), [H, te] = (0, y.useState)({}), ne = (0, y.useRef)(null), [re, ie] = (0, y.useState)(-1), ae = (0, y.useCallback)((e, t) => t ? f("dataEditor.uploader.matchColumns.syntheticColumnValue", {
+		index: e + 1,
+		value: t
+	}) : f("dataEditor.uploader.matchColumns.syntheticColumn", { index: e + 1 }), [f]), oe = (0, y.useMemo)(() => _ ? VM(_.detection, re) : 0, [_, re]), U = (0, y.useMemo)(() => _ ? HM(_.rawRows, re, oe, ae) : [], [
+		_,
+		re,
+		oe,
+		ae
+	]), se = (0, y.useCallback)((e) => {
 		D || w(e);
-	}, [D]), oe = (0, y.useRef)(null);
-	oe.current ||= new Bh();
-	let U = oe.current;
-	(0, y.useEffect)(() => () => U.dispose(), [U]);
-	let se = (0, y.useMemo)(() => {
+	}, [D]), ce = (0, y.useRef)(null);
+	ce.current ||= new Bh();
+	let le = ce.current;
+	(0, y.useEffect)(() => () => le.dispose(), [le]);
+	let ue = (0, y.useMemo)(() => {
 		let e = new Set(Object.values(b).filter(Boolean));
 		return n.some((t) => t.editor?.type === "select" && e.has(t.id));
-	}, [b, n]), [ce] = (0, y.useState)(() => e.getLocalRowCount() > 0), le = (0, y.useMemo)(() => {
+	}, [b, n]), [de] = (0, y.useState)(() => e.getLocalRowCount() > 0), fe = (0, y.useMemo)(() => {
 		let e = [{
 			id: "select-files",
 			title: f("dataEditor.uploader.steps.selectFiles"),
-			content: /* @__PURE__ */ (0, O.jsx)(BM, {})
+			content: /* @__PURE__ */ (0, O.jsx)(SN, {})
 		}];
 		return N.length > 1 && e.push({
 			id: "sheet-selection",
 			title: f("dataEditor.uploader.steps.sheetSelection"),
-			content: /* @__PURE__ */ (0, O.jsx)(HM, {})
+			content: /* @__PURE__ */ (0, O.jsx)(wN, {})
+		}), _ && _.detection.review.kind !== "none" && e.push({
+			id: "header-selection",
+			title: f("dataEditor.uploader.steps.headerSelection"),
+			content: /* @__PURE__ */ (0, O.jsx)(jM, {})
 		}), e.push({
 			id: "column-matching",
 			title: f("dataEditor.uploader.steps.matchColumns"),
 			content: /* @__PURE__ */ (0, O.jsx)(sM, {})
-		}), se && e.push({
+		}), ue && e.push({
 			id: "match-values",
 			title: f("dataEditor.uploader.steps.matchValues"),
-			content: /* @__PURE__ */ (0, O.jsx)(TM, {})
-		}), S.length > 0 && ce && e.push({
+			content: /* @__PURE__ */ (0, O.jsx)(sN, {})
+		}), S.length > 0 && de && e.push({
 			id: "primary-key",
 			title: f("dataEditor.uploader.steps.primaryKey"),
-			content: /* @__PURE__ */ (0, O.jsx)(OM, {})
+			content: /* @__PURE__ */ (0, O.jsx)(uN, {})
 		}), e;
 	}, [
 		S.length,
 		N.length,
-		se,
-		ce,
+		ue,
+		de,
+		_,
 		f
-	]), ue = (0, y.useCallback)((e) => {
-		e >= 0 && e < le.length && m(e);
-	}, [le.length]), de = (0, y.useCallback)(() => {
+	]), pe = (0, y.useCallback)((e) => {
+		e >= 0 && e < fe.length && m(e);
+	}, [fe.length]), me = (0, y.useCallback)(() => {
 		m((e) => {
-			let t = Math.min(e + 1, le.length - 1);
+			let t = Math.min(e + 1, fe.length - 1);
 			return g((e) => Math.max(e, t)), t;
 		});
-	}, [le.length]), fe = (0, y.useCallback)(() => {
+	}, [fe.length]), he = (0, y.useCallback)(() => {
 		m((e) => Math.max(e - 1, 0));
-	}, []), pe = p === 0, me = p === le.length - 1, he = (0, y.useCallback)((e) => {
-		v(e), E(!1), Xj(e.headers, n, s, l).then(x);
+	}, []), ge = p === 0, _e = p === fe.length - 1, ve = (0, y.useCallback)((e) => {
+		v(e), E(!1);
+	}, []), ye = (0, y.useRef)(0);
+	(0, y.useEffect)(() => {
+		if (!_ || U.length === 0) return;
+		let e = ++ye.current;
+		Xj(U, n, s, l).then((t) => {
+			ye.current === e && x(t);
+		});
 	}, [
+		_,
+		U,
 		n,
 		s,
 		l
-	]), ge = (0, y.useCallback)(() => {
-		U.cancel(), v(null), E(!1), x({}), V([]), te({}), ne.current = null, ie(0), M(null), P([]), I(null), R([]);
-	}, [U]), _e = (0, y.useCallback)((e, t, n) => {
+	]);
+	let be = (0, y.useCallback)(() => {
+		le.cancel(), v(null), E(!1), x({}), V([]), te({}), ne.current = null, ie(-1), M(null), P([]), I(null), R([]);
+	}, [le]), xe = (0, y.useCallback)((e, t, n) => {
 		M(e), P(t), I(t[0]), R(n), E(!1);
-	}, []), ve = (0, y.useCallback)(() => {
-		!A || !F || (E(!0), U.parse(A, {
+	}, []), Se = (0, y.useCallback)(() => {
+		!A || !F || (E(!0), le.parse(A, {
 			format: "xlsx",
 			sheetName: F
 		}).then((e) => {
 			if (e.kind !== "rows") return;
-			let t = nN(e.rows);
-			ie(t.headerRowIndex), he({
+			let t = wM(e.rows);
+			ie(t.headerRowIndex), ve({
 				fileName: A.name,
-				headers: t.headers,
-				rows: t.rows,
-				isParsing: !1,
-				rawCells: t.rawCells,
+				rawRows: e.rows,
+				detection: t,
 				delimiter: ","
-			}), de();
+			}), me();
 		}).catch(() => {
 			E(!1);
 		}));
 	}, [
 		A,
 		F,
-		U,
-		he,
-		de
-	]), ye = (0, y.useCallback)(async (t) => {
+		le,
+		ve,
+		me,
+		ae
+	]), Ce = (0, y.useCallback)(async (t) => {
 		try {
-			let e = await U.parse(t, { format: "csv" });
+			let e = await le.parse(t, { format: "csv" });
 			if (e.kind !== "rows") {
 				E(!1);
 				return;
 			}
-			let n = nN(e.rows);
-			if (ie(n.headerRowIndex), he({
+			let n = wM(e.rows);
+			if (ie(n.headerRowIndex), ve({
 				fileName: t.name,
-				headers: n.headers,
-				rows: n.rows,
-				isParsing: !1,
-				rawCells: n.rawCells,
+				rawRows: e.rows,
+				detection: n,
 				delimiter: e.delimiter
 			}), e.errors.length > 0) {
 				let t = e.errors.slice(0, 3).map((e) => e.row == null ? "?" : String(e.row + 1)).join(", ");
@@ -47890,20 +48124,20 @@ function SN() {
 			});
 		}
 	}, [
-		U,
-		he,
+		le,
+		ve,
 		E,
 		e,
-		f
-	]), be = (0, y.useCallback)(async (t) => {
+		f,
+		ae
+	]), we = (0, y.useCallback)(async (t) => {
 		try {
-			let e = await U.parse(t, { format: "json" });
+			let e = await le.parse(t, { format: "json" });
 			if (e.kind !== "records") return;
-			he({
+			ie(0), ve({
 				fileName: t.name,
-				headers: e.headers,
-				rows: e.rows,
-				isParsing: !1
+				rawRows: WM(e.headers, e.rows),
+				detection: UM()
 			});
 		} catch (t) {
 			E(!1), e.errorHandler.handleError({
@@ -47914,19 +48148,18 @@ function SN() {
 			});
 		}
 	}, [
-		U,
-		he,
+		le,
+		ve,
 		E,
 		e
-	]), xe = (0, y.useCallback)(async (t) => {
+	]), Te = (0, y.useCallback)(async (t) => {
 		try {
-			let e = await U.parse(t, { format: "xml" });
+			let e = await le.parse(t, { format: "xml" });
 			if (e.kind !== "records") return;
-			he({
+			ie(0), ve({
 				fileName: t.name,
-				headers: e.headers,
-				rows: e.rows,
-				isParsing: !1
+				rawRows: WM(e.headers, e.rows),
+				detection: UM()
 			});
 		} catch (t) {
 			E(!1), e.errorHandler.handleError({
@@ -47937,33 +48170,31 @@ function SN() {
 			});
 		}
 	}, [
-		U,
-		he,
+		le,
+		ve,
 		E,
 		e
-	]), Se = (0, y.useCallback)((t) => {
-		U.parse(t, { format: "xlsx" }).then((e) => {
+	]), Ee = (0, y.useCallback)((t) => {
+		le.parse(t, { format: "xlsx" }).then((e) => {
 			if (e.kind === "sheets") {
 				let n = e.sheets.map((e) => {
-					let { headers: t, rows: n } = nN(e.rows);
+					let t = wM(e.rows), n = VM(t, t.headerRowIndex), r = HM(e.rows, t.headerRowIndex, n, ae);
 					return {
 						name: e.name,
-						headers: t,
-						rows: n.slice(0, yN),
+						headers: r,
+						rows: JM(e.rows, r, n, WN),
 						totalRows: e.totalRows - 1
 					};
 				});
-				_e(t, e.sheets.map((e) => e.name), n);
+				xe(t, e.sheets.map((e) => e.name), n);
 				return;
 			}
 			if (e.kind !== "rows") return;
-			let n = nN(e.rows);
-			ie(n.headerRowIndex), he({
+			let n = wM(e.rows);
+			ie(n.headerRowIndex), ve({
 				fileName: t.name,
-				headers: n.headers,
-				rows: n.rows,
-				isParsing: !1,
-				rawCells: n.rawCells,
+				rawRows: e.rows,
+				detection: n,
 				delimiter: ","
 			});
 		}).catch((t) => {
@@ -47975,39 +48206,40 @@ function SN() {
 			}), E(!1);
 		});
 	}, [
-		U,
-		he,
-		_e,
+		le,
+		ve,
+		xe,
 		E,
-		e
-	]), Ce = (0, y.useCallback)((e) => {
+		e,
+		ae
+	]), De = (0, y.useCallback)((e) => {
 		E(!0), ne.current = e;
 		let t = e.name.split(".").pop()?.toLowerCase();
-		t && xN.has(t) ? Se(e) : t === "json" ? be(e) : t === "xml" ? xe(e) : ye(e);
+		t && KN.has(t) ? Ee(e) : t === "json" ? we(e) : t === "xml" ? Te(e) : Ce(e);
 	}, [
-		ye,
-		be,
-		Se,
-		xe,
+		Ce,
+		we,
+		Ee,
+		Te,
 		E
 	]);
 	(0, y.useEffect)(() => {
-		a && (Ce(a), o(null));
+		a && (De(a), o(null));
 	}, [
 		a,
 		o,
-		Ce
+		De
 	]);
-	let [we, Te] = (0, y.useState)(null), [Ee, De] = (0, y.useState)(null), Oe = (0, y.useCallback)(() => {
-		De(null);
-	}, []), ke = (0, y.useCallback)(async (e) => {
-		Te(e.id), De(null);
+	let [Oe, ke] = (0, y.useState)(null), [Ae, je] = (0, y.useState)(null), Me = (0, y.useCallback)(() => {
+		je(null);
+	}, []), Ne = (0, y.useCallback)(async (e) => {
+		ke(e.id), je(null);
 		try {
 			let t = await e.fetch();
-			if (t instanceof File) Ce(t);
+			if (t instanceof File) De(t);
 			else if (Array.isArray(t)) {
 				if (t.length === 0) {
-					De(f("dataEditor.uploader.remoteSources.emptyData"));
+					je(f("dataEditor.uploader.remoteSources.emptyData"));
 					return;
 				}
 				let n = Object.keys(t[0]), r = t.map((e) => {
@@ -48018,23 +48250,22 @@ function SN() {
 					}
 					return t;
 				});
-				he({
+				ie(0), ve({
 					fileName: e.label,
-					headers: n,
-					rows: r,
-					isParsing: !1
+					rawRows: WM(n, r),
+					detection: UM()
 				});
 			}
 		} catch (e) {
-			De(e instanceof Error ? e.message : String(e));
+			je(e instanceof Error ? e.message : String(e));
 		} finally {
-			Te(null);
+			ke(null);
 		}
 	}, [
-		Ce,
-		he,
+		De,
+		ve,
 		f
-	]), Ae = (0, y.useCallback)((e, t) => {
+	]), Pe = (0, y.useCallback)((e, t) => {
 		x((n) => {
 			let r = {
 				...n,
@@ -48043,52 +48274,50 @@ function SN() {
 			if (t) for (let n in r) n !== e && r[n] === t && (r[n] = void 0);
 			return r;
 		});
-	}, []), [je, Me] = (0, y.useState)({}), [Ne, Pe] = (0, y.useState)({}), Fe = (0, y.useRef)(0);
+	}, []), [Fe, Ie] = (0, y.useState)({}), [Le, Re] = (0, y.useState)({}), ze = (0, y.useRef)(0);
 	(0, y.useEffect)(() => {
 		if (!_) {
-			Me({}), Pe({});
+			Ie({}), Re({});
 			return;
 		}
 		if (D) return;
-		let e = {}, t = {};
-		for (let [r, i] of Object.entries(b)) {
-			if (!i) continue;
-			let a = n.find((e) => e.id === i);
-			if (!a?.editor) continue;
-			let o = a.editor.type;
-			if (o !== "select" && o !== "multiselect") continue;
-			let s = a.editor.options, c = [];
-			for (let e of _.rows) {
-				let t = e[r];
-				t === void 0 || t === "" || c.push(t);
-			}
-			if (o === "multiselect") {
-				let n = a.editor.delimiter, r = iN(c, s, n);
-				t[i] = r;
-				let o = new Set(s.map((e) => e.trim().toLowerCase())), l = /* @__PURE__ */ new Set();
-				for (let e of c) {
-					let t = o.has(e.trim().toLowerCase()), n = r && !t ? e.split(r) : [e];
+		let e = {}, t = {}, r = GM(U);
+		for (let [i, a] of Object.entries(b)) {
+			if (!a) continue;
+			let o = n.find((e) => e.id === a);
+			if (!o?.editor) continue;
+			let s = o.editor.type;
+			if (s !== "select" && s !== "multiselect") continue;
+			let c = o.editor.options, l = r.get(i);
+			if (l === void 0) continue;
+			let u = KM(_.rawRows, oe, l);
+			if (s === "multiselect") {
+				let n = o.editor.delimiter, r = kN(u, c, n);
+				t[a] = r;
+				let i = new Set(c.map((e) => e.trim().toLowerCase())), s = /* @__PURE__ */ new Set();
+				for (let e of u) {
+					let t = i.has(e.trim().toLowerCase()), n = r && !t ? e.split(r) : [e];
 					for (let e of n) {
 						let t = e.trim();
-						t !== "" && l.add(t);
+						t !== "" && s.add(t);
 					}
 				}
-				e[i] = {
-					importedValues: Array.from(l),
-					options: s
+				e[a] = {
+					importedValues: Array.from(s),
+					options: c
 				};
-			} else e[i] = {
-				importedValues: Array.from(new Set(c)),
-				options: s
+			} else e[a] = {
+				importedValues: Array.from(new Set(u)),
+				options: c
 			};
 		}
-		if (Pe(t), Object.keys(e).length === 0) {
-			Me({});
+		if (Re(t), Object.keys(e).length === 0) {
+			Ie({});
 			return;
 		}
-		let r = ++Fe.current;
+		let i = ++ze.current;
 		Kj(e, c, l).then((e) => {
-			Fe.current === r && Me(e);
+			ze.current === i && Ie(e);
 		});
 	}, [
 		_,
@@ -48096,16 +48325,18 @@ function SN() {
 		n,
 		c,
 		l,
-		D
+		D,
+		U,
+		oe
 	]);
-	let Ie = (0, y.useMemo)(() => {
+	let Be = (0, y.useMemo)(() => {
 		let e = {};
-		for (let [t, n] of Object.entries(je)) e[t] = {
+		for (let [t, n] of Object.entries(Fe)) e[t] = {
 			...n,
 			...ee[t]
 		};
 		return e;
-	}, [je, ee]), Le = (0, y.useCallback)((e, t, n) => {
+	}, [Fe, ee]), Ve = (0, y.useCallback)((e, t, n) => {
 		z((r) => ({
 			...r,
 			[e]: {
@@ -48113,30 +48344,29 @@ function SN() {
 				[t]: n
 			}
 		}));
-	}, []), Re = (0, y.useCallback)((e, t) => {
-		Pe((n) => ({
+	}, []), He = (0, y.useCallback)((e, t) => {
+		Re((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, []), ze = (0, y.useCallback)((e) => {
+	}, []), Ue = (0, y.useCallback)((e) => {
 		if (!_) return;
 		let t = Object.keys(b).find((t) => b[t] === e);
 		if (!t) return;
 		let r = n.find((t) => t.id === e);
 		if (r?.editor?.type !== "multiselect") return;
-		let i = [];
-		for (let e of _.rows) {
-			let n = e[t];
-			n !== void 0 && n !== "" && i.push(n);
-		}
-		let a = r.editor.delimiter;
-		Re(e, iN(i, r.editor.options, a));
+		let i = GM(U).get(t);
+		if (i === void 0) return;
+		let a = KM(_.rawRows, oe, i), o = r.editor.delimiter;
+		He(e, kN(a, r.editor.options, o));
 	}, [
 		_,
 		b,
 		n,
-		Re
-	]), Be = (0, y.useCallback)((e, t) => {
+		He,
+		U,
+		oe
+	]), We = (0, y.useCallback)((e, t) => {
 		te((n) => {
 			let r = n[e] ?? [];
 			return r.includes(t) ? n : {
@@ -48144,36 +48374,38 @@ function SN() {
 				[e]: [...r, t]
 			};
 		});
-	}, []), Ve = (0, y.useCallback)((e) => {
+	}, []), Ge = (0, y.useCallback)((e) => {
 		let t = [];
 		for (let [r, i] of Object.entries(b)) !i || e.has(i) || n.find((e) => e.id === i)?.editor?.type === "date" && t.push(r);
 		return t;
-	}, [b, n]), He = (0, y.useCallback)(() => {
-		let e = new Set(B.map((e) => e.id)), t = UM(b, n, e), i = rp(_?.rows ?? [], WM(t)), a = Ve(e), o = cp(_?.rows ?? [], a);
+	}, [b, n]), Ke = (0, y.useCallback)(() => {
+		let e = new Set(B.map((e) => e.id)), t = TN(b, n, e), i = _ ? JM(_.rawRows, U, oe, 1e3) : [], a = rp(i, EN(t)), o = cp(i, Ge(e));
 		return {
 			columnMapping: b,
-			valueMapping: Ie,
+			valueMapping: Be,
 			primaryKey: C ?? r,
 			selectedSheet: F ?? void 0,
 			headerRowIndex: re,
-			numberFormat: i,
+			numberFormat: a,
 			dateFormat: o,
 			newColumns: B
 		};
 	}, [
 		_,
 		b,
-		Ie,
+		Be,
 		C,
 		F,
 		r,
 		re,
+		U,
+		oe,
 		B,
 		n,
-		Ve
-	]), Ue = (0, y.useCallback)(async () => {
+		Ge
+	]), qe = (0, y.useCallback)(async () => {
 		if (!ne.current || !d?.onFileImport) return;
-		let t = new AbortController(), n = He();
+		let t = new AbortController(), n = Ke();
 		await d.onFileImport({
 			file: ne.current,
 			mappings: n,
@@ -48182,49 +48414,59 @@ function SN() {
 		}), e.reloadServerData();
 	}, [
 		d,
-		He,
+		Ke,
 		e
-	]), We = (0, y.useCallback)(async () => {
+	]), Je = (0, y.useCallback)(async () => {
 		if (!_ || !d?.onRowsImport) return;
 		let t = _;
 		v(null);
-		let r = crypto.randomUUID(), i = He(), a = new AbortController(), o = d.importChunkSize ?? vN, s = UM(b, n, new Set(B.map((e) => e.id))), c = {
+		let r = crypto.randomUUID(), i = Ke(), a = new AbortController(), o = d.importChunkSize ?? UN, s = TN(b, n, new Set(B.map((e) => e.id))), c = {
 			numberFormat: i.numberFormat,
 			dateFormat: i.dateFormat,
 			monthTable: op(f),
-			valueMapping: Ie,
-			multiselectDelimiters: Ne
-		}, l = t.rows, u = 0;
-		for (; u < l.length;) {
-			let e = Math.min(u + o, l.length), n = [];
-			for (let t = u; t < e; t++) n.push(GM(l[t], s, c));
-			let f = e >= l.length, p = Math.floor(u / o);
+			valueMapping: Be,
+			multiselectDelimiters: Le
+		}, l = U, u = t.rawRows, p = [];
+		for (let e = oe; e < u.length; e++) {
+			let t = u[e];
+			t && !LM(t) && p.push(e);
+		}
+		let m = 0;
+		for (; m < p.length;) {
+			let e = Math.min(m + o, p.length), n = [];
+			for (let t = m; t < e; t++) {
+				let e = qM(u[p[t]] ?? [], l);
+				n.push(DN(e, s, c));
+			}
+			let f = e >= p.length, h = Math.floor(m / o);
 			await d.onRowsImport({
 				importId: r,
 				sourceName: t.fileName,
-				chunkIndex: p,
+				chunkIndex: h,
 				isLastChunk: f,
 				rows: n,
-				newColumns: p === 0 && B.length > 0 ? B : void 0,
+				newColumns: h === 0 && B.length > 0 ? B : void 0,
 				primaryKey: i.primaryKey,
 				signal: a.signal
 			});
-			for (let t = u; t < e; t++) l[t] = null;
-			u = e;
+			for (let t = m; t < e; t++) u[p[t]] = void 0;
+			m = e;
 		}
 		e.reloadServerData();
 	}, [
 		_,
 		d,
-		He,
+		Ke,
 		b,
 		B,
 		n,
-		Ie,
-		Ne,
+		U,
+		oe,
+		Be,
+		Le,
 		e,
 		f
-	]), Ge = (0, y.useCallback)(() => new Promise((r) => {
+	]), W = (0, y.useCallback)(() => new Promise((r) => {
 		if (!_) {
 			r();
 			return;
@@ -48235,47 +48477,52 @@ function SN() {
 			B.length > 0 && u(B);
 			for (let [t, n] of Object.entries(H)) e.addColumnOptions(t, n);
 			let o = e.registerSource({ name: i.fileName });
-			e.setSourceLoading(o, !0), e.recordLearnedSynonyms(oN(b, Ie, [...n, ...B], Mj(jj, l)));
-			let s = UM(b, n, a), c = {
-				numberFormat: rp(i.rows, WM(s)),
-				dateFormat: cp(i.rows, Ve(a)),
+			e.setSourceLoading(o, !0), e.recordLearnedSynonyms(jN(b, Be, [...n, ...B], Mj(jj, l)));
+			let s = U, c = i.delimiter ?? ",", d = i.rawRows, p = [];
+			for (let e = oe; e < d.length; e++) {
+				let t = d[e];
+				t && !LM(t) && p.push(e);
+			}
+			let m = JM(i.rawRows, s, oe, 1e3), h = TN(b, n, a), g = {
+				numberFormat: rp(m, EN(h)),
+				dateFormat: cp(m, Ge(a)),
 				monthTable: op(f),
-				valueMapping: Ie,
-				multiselectDelimiters: Ne
-			}, d = i.rows, p = i.rawCells ?? [], m = i.delimiter ?? ",", h = i.headers, g = h.map((e) => {
+				valueMapping: Be,
+				multiselectDelimiters: Le
+			}, _ = s.map((e) => {
 				let t = b[e];
 				return (t ? n.find((e) => e.id === t) : void 0) ?? {
 					id: e,
 					title: e
 				};
-			}), _ = 0, v = () => {
-				let n = Math.min(_ + vN, d.length), i = [], a = [];
-				for (let e = _; e < n; e++) {
-					let t = d[e], n = p[e];
-					if (n) {
-						let { cells: r, conflictColumns: i } = _N(n, g, m);
+			}), v = 0, y = () => {
+				let n = Math.min(v + UN, p.length), i = [], a = [];
+				for (let e = v; e < n; e++) {
+					let t = d[p[e]] ?? [], n = qM(t, s);
+					if (t.length !== s.length) {
+						let { cells: r, conflictColumns: i } = HN(t.map((e) => String(e ?? "")), _, c);
 						if (r.length) {
 							let e = {};
-							for (let t = 0; t < h.length; t++) e[h[t]] = r[t] ?? "";
-							t = e;
+							for (let t = 0; t < s.length; t++) e[s[t]] = r[t] ?? "";
+							n = e;
 						}
 						if (i.length) {
 							let t = [];
 							for (let e of i) {
-								let n = b[h[e]];
+								let n = b[s[e]];
 								n && t.push(n);
 							}
 							t.length && a.push({
-								localIndex: e - _,
+								localIndex: e - v,
 								columnIds: t
 							});
 						}
 					}
-					i.push(GM(t, s, c));
+					i.push(DN(n, h, g));
 				}
 				let { rows: l, rowIds: u } = e.upsertRows(o, i, { anchorKey: C ?? void 0 });
-				for (let e = _; e < n; e++) e < bN || (d[e] = null, e < p.length && (p[e] = null));
-				_ = n, setTimeout(() => {
+				for (let e = v; e < n; e++) e < GN || (d[p[e]] = void 0);
+				v = n, setTimeout(() => {
 					t.validateRows(l, u);
 					for (let { localIndex: t, columnIds: n } of a) {
 						let r = u[t];
@@ -48288,11 +48535,11 @@ function SN() {
 						}
 					}
 					a.length > 0 && e.notify();
-				}, 0), _ < d.length ? setTimeout(v, 0) : e.finalizeSource(o).then(() => {
+				}, 0), v < p.length ? setTimeout(y, 0) : e.finalizeSource(o).then(() => {
 					t.validateUniqueness(), r();
 				});
 			};
-			v();
+			y();
 		}, 0);
 	}), [
 		_,
@@ -48304,43 +48551,45 @@ function SN() {
 		t,
 		n,
 		u,
-		Ie,
-		Ne,
+		Be,
+		Le,
 		l,
-		Ve,
+		Ge,
+		U,
+		oe,
 		f
 	]);
 	return {
-		steps: le,
+		steps: fe,
 		activeStepIndex: p,
 		currentStepIndex: h,
-		isFirstStep: pe,
-		isLastStep: me,
-		goToStep: ue,
-		nextStep: de,
-		prevStep: fe,
+		isFirstStep: ge,
+		isLastStep: _e,
+		goToStep: pe,
+		nextStep: me,
+		prevStep: he,
 		parsedCsv: _,
 		columnMapping: b,
-		handleFileParsed: he,
-		handleFileRemoved: ge,
-		updateColumnMapping: Ae,
-		valueMapping: Ie,
-		autoValueMapping: je,
-		updateValueMapping: Le,
-		multiselectDelimiters: Ne,
-		setMultiselectDelimiter: Re,
-		reapplyMultiselectDelimiter: ze,
+		handleFileParsed: ve,
+		handleFileRemoved: be,
+		updateColumnMapping: Pe,
+		valueMapping: Be,
+		autoValueMapping: Fe,
+		updateValueMapping: Ve,
+		multiselectDelimiters: Le,
+		setMultiselectDelimiter: He,
+		reapplyMultiselectDelimiter: Ue,
 		pendingOptions: H,
-		addPendingOption: Be,
+		addPendingOption: We,
 		xlsxFile: A,
 		sheetNames: N,
 		selectedSheet: F,
 		setSelectedSheet: I,
-		handleSheetConfirmed: ve,
-		handleXlsxMultiSheet: _e,
+		handleSheetConfirmed: Se,
+		handleXlsxMultiSheet: xe,
 		sheetPreviews: L,
 		primaryKey: C,
-		onPrimaryKeyChange: ae,
+		onPrimaryKeyChange: se,
 		primaryKeyColumns: S,
 		pendingColumns: B,
 		setPendingColumns: V,
@@ -48352,7 +48601,7 @@ function SN() {
 				k(!0);
 				try {
 					await ld(e, "importing", Infinity, async () => {
-						d?.onFileImport ? await Ue() : d?.onRowsImport ? await We() : await Ge();
+						d?.onFileImport ? await qe() : d?.onRowsImport ? await Je() : await W();
 					});
 				} finally {
 					v(null), k(!1), i(!1);
@@ -48362,34 +48611,38 @@ function SN() {
 			_,
 			e,
 			d,
-			Ue,
-			We,
-			Ge,
+			qe,
+			Je,
+			W,
 			i
 		]),
-		parseFile: Ce,
-		remoteSourceLoading: we,
-		remoteSourceError: Ee,
-		clearRemoteSourceError: Oe,
-		handleRemoteSourceSelect: ke
+		parseFile: De,
+		remoteSourceLoading: Oe,
+		remoteSourceError: Ae,
+		clearRemoteSourceError: Me,
+		handleRemoteSourceSelect: Ne,
+		headerRowIndex: re,
+		setHeaderRowIndex: ie,
+		headers: U,
+		dataStartIndex: oe
 	};
 }
 //#endregion
 //#region src/components/DataUploader/context/index.tsx
-var CN = (0, y.createContext)(null);
-function wN({ children: e }) {
-	let t = SN();
-	return /* @__PURE__ */ (0, O.jsx)(CN.Provider, {
+var JN = (0, y.createContext)(null);
+function YN({ children: e }) {
+	let t = qN();
+	return /* @__PURE__ */ (0, O.jsx)(JN.Provider, {
 		value: t,
 		children: e
 	});
 }
-var TN = () => {
-	let e = (0, y.useContext)(CN);
+var XN = () => {
+	let e = (0, y.useContext)(JN);
 	if (!e) throw Error("useDataUploaderContext must be used within DataUploaderProvider");
 	return e;
-}, EN = () => {
-	let { steps: e, activeStepIndex: t, currentStepIndex: n, goToStep: r } = TN();
+}, ZN = () => {
+	let { steps: e, activeStepIndex: t, currentStepIndex: n, goToStep: r } = XN();
 	return /* @__PURE__ */ (0, O.jsx)(zc, {
 		steps: e,
 		activeStepIndex: t,
@@ -48397,79 +48650,79 @@ var TN = () => {
 		onStepChange: r,
 		isProgressive: !0
 	});
-}, DN = () => /* @__PURE__ */ (0, O.jsx)(wN, { children: /* @__PURE__ */ (0, O.jsx)(EN, {}) }), ON = {
+}, QN = () => /* @__PURE__ */ (0, O.jsx)(YN, { children: /* @__PURE__ */ (0, O.jsx)(ZN, {}) }), $N = {
 	kty: "EC",
 	crv: "P-256",
 	x: "wZO1Jxr21FEBDsVMzbTbF8blU2CP17c_eQY7gorO13U",
 	y: "Nwr-tXatJZ3DxZqpUG_gOWzmpU6szTqrEL7Gnh5UGwo"
-}, kN = "updog_license_grant", AN = new Set([
+}, eP = "updog_license_grant", tP = new Set([
 	"updog.tech",
 	"landing.updog.tech",
 	"demo.updog.tech"
 ]);
-function jN() {
-	return AN.has(window.location.hostname);
+function nP() {
+	return tP.has(window.location.hostname);
 }
-function MN() {
+function rP() {
 	return !1;
 }
-function NN() {
+function iP() {
 	return "https://api.updog.tech";
 }
-function PN(e) {
+function aP(e) {
 	let t = e.replace(/-/g, "+").replace(/_/g, "/"), n = t + "=".repeat((4 - t.length % 4) % 4), r = atob(n), i = new Uint8Array(r.length);
 	for (let e = 0; e < r.length; e++) i[e] = r.charCodeAt(e);
 	return i;
 }
-async function FN(e) {
+async function oP(e) {
 	let t = new TextEncoder().encode(e), n = await crypto.subtle.digest("SHA-256", t);
 	return Array.from(new Uint8Array(n)).map((e) => e.toString(16).padStart(2, "0")).join("");
 }
-var IN = null;
-async function LN() {
-	return IN || (IN = await crypto.subtle.importKey("jwk", ON, {
+var sP = null;
+async function cP() {
+	return sP || (sP = await crypto.subtle.importKey("jwk", $N, {
 		name: "ECDSA",
 		namedCurve: "P-256"
-	}, !1, ["verify"]), IN);
+	}, !1, ["verify"]), sP);
 }
-function RN() {
+function lP() {
 	try {
-		return localStorage.getItem(kN);
+		return localStorage.getItem(eP);
 	} catch {
 		return null;
 	}
 }
-function zN(e) {
+function uP(e) {
 	try {
-		localStorage.setItem(kN, e);
+		localStorage.setItem(eP, e);
 	} catch {}
 }
-function BN() {
+function dP() {
 	try {
-		localStorage.removeItem(kN);
+		localStorage.removeItem(eP);
 	} catch {}
 }
-async function VN(e, t, n) {
+async function fP(e, t, n) {
 	let r = e.indexOf(".");
 	if (r === -1) return !1;
-	let i = e.slice(0, r), a = e.slice(r + 1), o = PN(i), s = PN(a), c = await LN();
+	let i = e.slice(0, r), a = e.slice(r + 1), o = aP(i), s = aP(a), c = await cP();
 	if (!await crypto.subtle.verify({
 		name: "ECDSA",
 		hash: "SHA-256"
 	}, c, new Uint8Array(s), new Uint8Array(o))) return !1;
 	let l = JSON.parse(new TextDecoder().decode(o));
 	if (l.exp <= Math.floor(Date.now() / 1e3)) return !1;
-	let u = await FN(t);
+	let u = await oP(t);
 	return !(l.key !== u || l.domain !== n);
 }
-async function HN(e) {
-	let t = RN();
+async function pP(e) {
+	let t = lP();
 	if (!t) return {
 		valid: !1,
 		errorCode: "license.invalid"
 	};
 	try {
-		if (await VN(t, e, window.location.hostname.toLowerCase().trim())) return {
+		if (await fP(t, e, window.location.hostname.toLowerCase().trim())) return {
 			valid: !0,
 			errorCode: null
 		};
@@ -48479,23 +48732,23 @@ async function HN(e) {
 		errorCode: "license.invalid"
 	};
 }
-async function UN(e, t = !0) {
-	if (jN() || MN()) return {
+async function mP(e, t = !0) {
+	if (nP() || rP()) return {
 		valid: !0,
 		errorCode: null
 	};
-	let n = NN();
+	let n = iP();
 	try {
 		let r = await fetch(`${n}/v1/validate`, { headers: { "X-API-Key": e } });
 		if (r.ok) {
 			let e = await r.json();
-			return t && e.grant && zN(e.grant), {
+			return t && e.grant && uP(e.grant), {
 				valid: !0,
 				errorCode: null
 			};
 		}
 		if (r.status >= 400 && r.status < 500) {
-			t && BN();
+			t && dP();
 			try {
 				return await r.json();
 			} catch {
@@ -48507,7 +48760,7 @@ async function UN(e, t = !0) {
 		}
 		throw Error(`Server error: ${r.status}`);
 	} catch {
-		return t ? HN(e) : {
+		return t ? pP(e) : {
 			valid: !1,
 			errorCode: "license.invalid"
 		};
@@ -48515,7 +48768,7 @@ async function UN(e, t = !0) {
 }
 //#endregion
 //#region src/hooks/useLicenseValidation.ts
-function WN(e, t, n = !0) {
+function hP(e, t, n = !0) {
 	let [r, i] = (0, y.useState)({
 		isValidating: t,
 		isValid: !1,
@@ -48535,7 +48788,7 @@ function WN(e, t, n = !0) {
 			isValidating: !0,
 			isValid: !1,
 			errorCode: null
-		}), UN(e, n).then((e) => {
+		}), mP(e, n).then((e) => {
 			r || i({
 				isValidating: !1,
 				isValid: e.valid,
@@ -48558,7 +48811,7 @@ function WN(e, t, n = !0) {
 }
 //#endregion
 //#region src/server/auth/AuthState.ts
-var GN = class {
+var gP = class {
 	token = null;
 	get() {
 		return this.token;
@@ -48569,13 +48822,13 @@ var GN = class {
 	clear() {
 		this.token = null;
 	}
-}, KN = class extends Error {
+}, _P = class extends Error {
 	status;
 	code;
 	constructor(e) {
 		super(e.message), this.name = "ScaleHttpError", this.status = e.status, this.code = e.code;
 	}
-}, qN = class {
+}, vP = class {
 	baseUrl;
 	apiKey;
 	auth;
@@ -48605,7 +48858,7 @@ var GN = class {
 				signal: r?.signal
 			});
 		} catch (e) {
-			this.notify(new KN({
+			this.notify(new _P({
 				status: 0,
 				code: "network",
 				message: e instanceof Error ? e.message : String(e)
@@ -48616,7 +48869,7 @@ var GN = class {
 			try {
 				e = await s.json();
 			} catch {}
-			this.notify(new KN({
+			this.notify(new _P({
 				status: s.status,
 				code: e.error ?? `http_${s.status}`,
 				message: e.message ?? s.statusText
@@ -48627,23 +48880,23 @@ var GN = class {
 };
 //#endregion
 //#region src/server/endpoints/workspaces.ts
-async function JN(e, t) {
+async function yP(e, t) {
 	return e.post("/workspaces", {
 		primaryKey: t.primaryKey,
 		columns: t.columns
 	}, { signal: t.signal });
 }
-async function YN(e) {
+async function bP(e) {
 	try {
 		await e.http.delete(`/workspaces/${e.workspaceId}`, { signal: e.signal });
 	} catch (e) {
-		if (e instanceof KN && e.status === 404) return;
+		if (e instanceof _P && e.status === 404) return;
 		throw e;
 	}
 }
 //#endregion
 //#region src/server/endpoints/query.ts
-async function XN(e, t) {
+async function xP(e, t) {
 	let n = await e.http.post(`/workspaces/${e.workspaceId}/query`, {
 		page: {
 			limit: t.limit,
@@ -48661,12 +48914,12 @@ async function XN(e, t) {
 }
 //#endregion
 //#region src/server/ScaleClient.ts
-var ZN = class {
+var SP = class {
 	disposed = !1;
 	constructor(e) {
 		this.deps = e;
 	}
-	onQuery = (e) => XN(this.deps, e);
+	onQuery = (e) => xP(this.deps, e);
 	onEdit = async (e) => ({
 		rejected: !0,
 		reason: "Edits are not yet supported in server mode (v0)."
@@ -48683,7 +48936,7 @@ var ZN = class {
 	pageSize = void 0;
 	scrollSensitivity = void 0;
 	dispose = async () => {
-		this.disposed || (this.disposed = !0, await YN({
+		this.disposed || (this.disposed = !0, await bP({
 			http: this.deps.http,
 			workspaceId: this.deps.workspaceId
 		}));
@@ -48691,25 +48944,25 @@ var ZN = class {
 };
 //#endregion
 //#region src/server/createScaleClient.ts
-async function QN(e) {
-	let t = new GN(), n = new qN({
+async function CP(e) {
+	let t = new gP(), n = new vP({
 		baseUrl: e.url,
 		apiKey: e.apiKey,
 		auth: t,
 		onDegraded: e.onDegraded
-	}), { workspaceId: r, accessToken: i } = await JN(n, {
+	}), { workspaceId: r, accessToken: i } = await yP(n, {
 		primaryKey: e.primaryKey,
 		columns: e.columns,
 		signal: e.signal
 	});
-	return t.set(i), new ZN({
+	return t.set(i), new SP({
 		workspaceId: r,
 		http: n
 	});
 }
 //#endregion
 //#region src/server/errors.ts
-function $N(e, t, n) {
+function wP(e, t, n) {
 	return {
 		code: e,
 		message: t,
@@ -48719,7 +48972,7 @@ function $N(e, t, n) {
 }
 //#endregion
 //#region src/hooks/useScaleClient.ts
-function eP(e) {
+function TP(e) {
 	let [t, n] = (0, y.useState)({ status: "idle" }), r = (0, y.useRef)(e.columns), i = (0, y.useRef)(e.primaryKey);
 	return (0, y.useEffect)(() => {
 		if (!e.enabled) {
@@ -48728,7 +48981,7 @@ function eP(e) {
 		}
 		n({ status: "bootstrapping" });
 		let t = new AbortController(), a = null;
-		return QN({
+		return CP({
 			url: e.url,
 			apiKey: e.apiKey,
 			primaryKey: i.current,
@@ -48737,7 +48990,7 @@ function eP(e) {
 			onDegraded: (e) => {
 				t.signal.aborted || n({
 					status: "failed",
-					error: nP(e)
+					error: DP(e)
 				});
 			}
 		}).then((e) => {
@@ -48752,7 +49005,7 @@ function eP(e) {
 		}).catch((e) => {
 			t.signal.aborted || n({
 				status: "failed",
-				error: tP(e)
+				error: EP(e)
 			});
 		}), () => {
 			t.abort(), a?.dispose().catch(() => {});
@@ -48763,30 +49016,30 @@ function eP(e) {
 		e.apiKey
 	]), t;
 }
-function tP(e) {
-	return e instanceof KN ? e.status === 401 ? $N(e.code.startsWith("license.") ? e.code : "license.invalid", e.message, e) : e.status === 0 ? $N("scale.unreachable", e.message, e) : e.status >= 500 ? $N("scale.server_error", e.message, e) : $N("scale.bootstrap_failed", e.message, e) : $N("scale.bootstrap_failed", e instanceof Error ? e.message : String(e), e);
+function EP(e) {
+	return e instanceof _P ? e.status === 401 ? wP(e.code.startsWith("license.") ? e.code : "license.invalid", e.message, e) : e.status === 0 ? wP("scale.unreachable", e.message, e) : e.status >= 500 ? wP("scale.server_error", e.message, e) : wP("scale.bootstrap_failed", e.message, e) : wP("scale.bootstrap_failed", e instanceof Error ? e.message : String(e), e);
 }
-function nP(e) {
-	return e.status === 0 ? $N("scale.unreachable", e.message, e) : e.status === 404 ? $N("scale.workspace_lost", e.message, e) : $N("scale.server_error", e.message, e);
+function DP(e) {
+	return e.status === 0 ? wP("scale.unreachable", e.message, e) : e.status === 404 ? wP("scale.workspace_lost", e.message, e) : wP("scale.server_error", e.message, e);
 }
 //#endregion
 //#region src/index.tsx
-function rP(e) {
+function OP(e) {
 	return e === !1 ? { licenseGrant: !1 } : { licenseGrant: e?.licenseGrant ?? !0 };
 }
-function iP(e) {
+function kP(e) {
 	let t = (0, y.useMemo)(() => new ed(e.onError), [e.onError]);
 	return /* @__PURE__ */ (0, O.jsx)(kj, {
 		errorHandler: t,
 		children: /* @__PURE__ */ (0, O.jsx)(eh, {
 			...e,
 			errorHandler: t,
-			children: e.showUploader ? /* @__PURE__ */ (0, O.jsx)(DN, {}) : /* @__PURE__ */ (0, O.jsx)(Tj, {})
+			children: e.showUploader ? /* @__PURE__ */ (0, O.jsx)(QN, {}) : /* @__PURE__ */ (0, O.jsx)(Tj, {})
 		})
 	});
 }
-function aP(e) {
-	let t = e.mode ?? "modal", { t: n, rtl: r } = j(), i = r ? "rtl" : "ltr", a = rP(e.localStorage), o = t === "modal" ? e.open : !0, { isValidating: s, isValid: c, errorCode: l } = WN(e.apiKey, t === "modal" ? o : !0, a.licenseGrant), u = e.__server != null, d = eP({
+function AP(e) {
+	let t = e.mode ?? "modal", { t: n, rtl: r } = j(), i = r ? "rtl" : "ltr", a = OP(e.localStorage), o = t === "modal" ? e.open : !0, { isValidating: s, isValid: c, errorCode: l } = hP(e.apiKey, t === "modal" ? o : !0, a.licenseGrant), u = e.__server != null, d = TP({
 		enabled: !s && c && u,
 		url: e.__server?.url ?? "",
 		apiKey: e.apiKey,
@@ -48841,7 +49094,7 @@ function aP(e) {
 		code: e,
 		message: "License validation failed",
 		source: "license"
-	} }), E = () => s ? w(n("dataEditor.license.loading")) : c ? u && d.status === "bootstrapping" ? w(n("dataEditor.connecting.label")) : u && d.status === "failed" ? /* @__PURE__ */ (0, O.jsx)(Dj, { error: d.error }) : /* @__PURE__ */ (0, O.jsx)(iP, { ...C }) : T(l ?? "license.invalid");
+	} }), E = () => s ? w(n("dataEditor.license.loading")) : c ? u && d.status === "bootstrapping" ? w(n("dataEditor.connecting.label")) : u && d.status === "failed" ? /* @__PURE__ */ (0, O.jsx)(Dj, { error: d.error }) : /* @__PURE__ */ (0, O.jsx)(kP, { ...C }) : T(l ?? "license.invalid");
 	return t === "inline" ? /* @__PURE__ */ (0, O.jsx)("div", {
 		className: "updog__data-editor updog__data-editor-inline",
 		dir: i,
@@ -48861,18 +49114,18 @@ function aP(e) {
 		submitText: n("dataEditor.confirmClose.action")
 	})] });
 }
-function oP(e) {
+function jP(e) {
 	let { translations: t, rtl: n = !1, locale: r = "en", className: i, ...a } = e;
 	return /* @__PURE__ */ (0, O.jsx)(A, {
 		translations: t,
 		rtl: n,
 		locale: r,
-		children: /* @__PURE__ */ (0, O.jsx)(aP, { ...a })
+		children: /* @__PURE__ */ (0, O.jsx)(AP, { ...a })
 	});
 }
 //#endregion
 //#region src/wc.ts
-var sP = {
+var MP = {
 	"api-key": {
 		prop: "apiKey",
 		type: "string"
@@ -48905,12 +49158,12 @@ var sP = {
 		prop: "mode",
 		type: "string"
 	}
-}, cP = class extends HTMLElement {
+}, NP = class extends HTMLElement {
 	_root = null;
 	_props = {};
 	_renderScheduled = !1;
 	static get observedAttributes() {
-		return Object.keys(sP);
+		return Object.keys(MP);
 	}
 	connectedCallback() {
 		this._root = (0, v.createRoot)(this), this._props.mode !== "inline" && (this._props.onClose = () => {
@@ -48921,7 +49174,7 @@ var sP = {
 		this._root?.unmount(), this._root = null;
 	}
 	attributeChangedCallback(e, t, n) {
-		let r = sP[e];
+		let r = MP[e];
 		r && (this._props[r.prop] = r.type === "boolean" ? n !== null : n, e === "mode" && (n === "inline" ? delete this._props.onClose : this._props.onClose = () => {
 			this.dispatchEvent(new CustomEvent("close", { bubbles: !0 }));
 		}), this._scheduleRender());
@@ -48938,11 +49191,11 @@ var sP = {
 	}
 	_scheduleRender() {
 		this._renderScheduled || (this._renderScheduled = !0, queueMicrotask(() => {
-			this._renderScheduled = !1, this._root && this._root.render((0, y.createElement)(oP, this._props));
+			this._renderScheduled = !1, this._root && this._root.render((0, y.createElement)(jP, this._props));
 		}));
 	}
 };
-for (let e of /* @__PURE__ */ "columns.primaryKey.apiKey.className.localStorage.loadData.__server.onComplete.translations.importFormats.exportFormats.remoteSources.enableDeleteRow.enableAddRow.enableCreateColumn.onColumnMatch.onValueMatch.synonyms.sampleData.rowHeight.headerHeight.locale.variant.rtl.readonly.mode.chat".split(".")) Object.defineProperty(cP.prototype, e, {
+for (let e of /* @__PURE__ */ "columns.primaryKey.apiKey.className.localStorage.loadData.__server.onComplete.translations.importFormats.exportFormats.remoteSources.enableDeleteRow.enableAddRow.enableCreateColumn.onColumnMatch.onValueMatch.synonyms.sampleData.rowHeight.headerHeight.locale.variant.rtl.readonly.mode.chat".split(".")) Object.defineProperty(NP.prototype, e, {
 	get() {
 		return this._props[e];
 	},
@@ -48952,7 +49205,7 @@ for (let e of /* @__PURE__ */ "columns.primaryKey.apiKey.className.localStorage.
 	enumerable: !0,
 	configurable: !0
 });
-Object.defineProperty(cP.prototype, "open", {
+Object.defineProperty(NP.prototype, "open", {
 	get() {
 		return this.hasAttribute("open");
 	},
@@ -48961,5 +49214,5 @@ Object.defineProperty(cP.prototype, "open", {
 	},
 	enumerable: !0,
 	configurable: !0
-}), customElements.define("updog-editor", cP);
+}), customElements.define("updog-editor", NP);
 //#endregion