synapse-react-client 4.0.32 → 4.0.34

package/dist/components/DataGrid/SynapseGrid.js

@@ -10,213 +10,221 @@ import { getSchemaPropertiesInfo as ne } from "../../utils/jsonschema/getSchemaP
 import { useListGridReplicas as re } from "../../synapse-queries/grid/useGridSession.js";
 import ie from "./components/GridMenuButton/GridMenuButton.js";
 import ae from "./components/ExportCsvFromGridButton.js";
-import oe from "./components/UploadCsvToGridButton.js";
-import se from "./hooks/useGetSchemaForGrid.js";
-import ce from "./SyncGridWithSourceButton.js";
-import le from "./utils/computeReplicaSelectionModel.js";
-import { removeNoOpOperations as ue } from "./utils/DataGridUtils.js";
-import de from "./utils/modelRowsToGrid.js";
-import { GridAgentChat as fe } from "../SynapseChat/GridAgentChat.js";
-import { ValidationAlert as pe } from "./components/ValidationAlert.js";
-import me from "./DataGrid.js";
-import { useGridReplicaUsers as he } from "./hooks/useGridReplicaUsers.js";
-import { useGridUndoRedo as ge } from "./hooks/useGridUndoRedo.js";
-import { useRemoteSelections as _e } from "./hooks/useRemoteSelections.js";
-import { StartGridSession as ve } from "./StartGridSession.js";
-import { useDataGridWebSocket as ye } from "./useDataGridWebsocket.js";
-import { applyModelChange as be } from "./utils/applyModelChange.js";
-import { enrichRowsWithChangeInfo as xe } from "./utils/enrichRowsWithChangeInfo.js";
-import { mapOperationsToModelChanges as Se } from "./utils/mapOperationsToModelChanges.js";
-import Ce from "../../assets/mui_components/CurieAvatarHead.js";
-import { useEffect as we, useImperativeHandle as Te, useRef as Ee, useState as De } from "react";
+import oe from "./components/ReorderColumnsButton.js";
+import se from "./components/UploadCsvToGridButton.js";
+import ce from "./hooks/useGetSchemaForGrid.js";
+import le from "./SyncGridWithSourceButton.js";
+import ue from "./utils/computeReplicaSelectionModel.js";
+import { removeNoOpOperations as de } from "./utils/DataGridUtils.js";
+import fe from "./utils/modelRowsToGrid.js";
+import { GridAgentChat as pe } from "../SynapseChat/GridAgentChat.js";
+import { ValidationAlert as me } from "./components/ValidationAlert.js";
+import he from "./DataGrid.js";
+import { useGridReplicaUsers as ge } from "./hooks/useGridReplicaUsers.js";
+import { useGridUndoRedo as _e } from "./hooks/useGridUndoRedo.js";
+import { useRemoteSelections as ve } from "./hooks/useRemoteSelections.js";
+import { StartGridSession as ye } from "./StartGridSession.js";
+import { useDataGridWebSocket as be } from "./useDataGridWebsocket.js";
+import { applyModelChange as xe } from "./utils/applyModelChange.js";
+import { enrichRowsWithChangeInfo as Se } from "./utils/enrichRowsWithChangeInfo.js";
+import { mapOperationsToModelChanges as Ce } from "./utils/mapOperationsToModelChanges.js";
+import we from "../../assets/mui_components/CurieAvatarHead.js";
+import { useEffect as i, useImperativeHandle as Te, useRef as Ee, useState as De } from "react";
 import { Box as Oe, Stack as ke, Tooltip as Ae, Typography as je } from "@mui/material";
-import { Fragment as Me, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Fragment as Me, jsx as a, jsxs as o } from "react/jsx-runtime";
 import { useErrorHandler as Ne } from "react-error-boundary";
 import { HelpOutline as Pe } from "@mui/icons-material";
-import o from "@mui/material/Grid";
+import s from "@mui/material/Grid";
 import { c as Fe } from "react/compiler-runtime";
 import { ClickableJsonCrdt as Ie } from "clickable-json";
 //#region src/components/DataGrid/SynapseGrid.tsx
-function s(e) {
-	let s = Fe(107), { agentRegistrationId: c, showDebugInfo: Re, ref: ze } = e, l = Re === void 0 ? !1 : Re, [u, Be] = De(null), [d, Ve] = De(null), [He, Ue] = De(!1), [We, Ge] = De(null), f = Ee(null), p = Ee(null), { data: Ke, isLoading: qe } = r(), { data: m, refetch: Je } = re(u?.sessionId), h;
-	s[0] === m ? h = s[1] : (h = m === void 0 ? [] : m, s[0] = m, s[1] = h);
-	let g = h, _;
-	s[2] === Je ? _ = s[3] : (_ = () => {
-		Je();
-	}, s[2] = Je, s[3] = _);
-	let v = _, Ye = he(g, d, Ke?.userId == null ? void 0 : String(Ke.userId)), y, b;
-	s[4] === Symbol.for("react.memo_cache_sentinel") ? (y = () => ({
+function c(e) {
+	let c = Fe(111), { agentRegistrationId: l, showDebugInfo: Re, ref: ze } = e, u = Re === void 0 ? !1 : Re, [d, Be] = De(null), [f, Ve] = De(null), [He, Ue] = De(!1), [We, Ge] = De(null), p = Ee(null), m = Ee(null), { data: Ke, isLoading: qe } = r(), { data: Je, refetch: Ye } = re(d?.sessionId), Xe;
+	c[0] === Je ? Xe = c[1] : (Xe = Je === void 0 ? [] : Je, c[0] = Je, c[1] = Xe);
+	let h = Xe, Ze;
+	c[2] === Ye ? Ze = c[3] : (Ze = () => {
+		Ye();
+	}, c[2] = Ye, c[3] = Ze);
+	let g = Ze, Qe = ge(h, f, Ke?.userId == null ? void 0 : String(Ke.userId)), _, v;
+	c[4] === Symbol.for("react.memo_cache_sentinel") ? (_ = () => ({
 		initializeGrid: (e) => {
-			f.current && f.current.handleStartSession(e);
+			p.current && p.current.handleStartSession(e);
 		},
 		loadExistingSession: (e) => {
-			f.current && f.current.handleLoadSession(e);
+			p.current && p.current.handleLoadSession(e);
 		}
-	}), b = [], s[4] = y, s[5] = b) : (y = s[4], b = s[5]), Te(ze, y, b);
-	let x;
-	s[6] === v ? x = s[7] : (x = {
-		onGridReady: v,
-		onReplicaConnected: v,
-		onReplicaDisconnected: v
-	}, s[6] = v, s[7] = x);
-	let { isConnected: S, websocketInstance: C, hasCompletedInitialSync: w, isSyncing: Xe, model: T, modelSnapshot: E, connect: D, presignedUrl: O, hasSufficientData: k, websocketError: Ze } = ye(x);
-	Ne(Ze);
-	let Qe = Ee(null), A, j;
-	s[8] === C ? (A = s[9], j = s[10]) : (A = () => {
-		Qe.current = C;
-	}, j = [C], s[8] = C, s[9] = A, s[10] = j), we(A, j);
-	let $e = Ee(null), M;
-	s[11] !== D || s[12] !== d || s[13] !== u ? (M = () => {
-		if (d == null || !u?.sessionId) {
-			$e.current = null;
+	}), v = [], c[4] = _, c[5] = v) : (_ = c[4], v = c[5]), Te(ze, _, v);
+	let y;
+	c[6] === g ? y = c[7] : (y = {
+		onGridReady: g,
+		onReplicaConnected: g,
+		onReplicaDisconnected: g
+	}, c[6] = g, c[7] = y);
+	let { isConnected: b, websocketInstance: x, hasCompletedInitialSync: S, isSyncing: $e, model: C, modelSnapshot: w, connect: T, presignedUrl: E, hasSufficientData: et, websocketError: tt } = be(y);
+	Ne(tt);
+	let nt = Ee(null), D, O;
+	c[8] === x ? (D = c[9], O = c[10]) : (D = () => {
+		nt.current = x;
+	}, O = [x], c[8] = x, c[9] = D, c[10] = O), i(D, O);
+	let rt = Ee(null), k;
+	c[11] !== T || c[12] !== f || c[13] !== d ? (k = () => {
+		if (f == null || !d?.sessionId) {
+			rt.current = null;
 			return;
 		}
 		let e = {
-			replicaId: d,
-			sessionId: u.sessionId
-		}, t = $e.current;
-		t && t.replicaId === e.replicaId && t.sessionId === e.sessionId || ($e.current = e, D(d, u.sessionId));
-	}, s[11] = D, s[12] = d, s[13] = u, s[14] = M) : M = s[14];
-	let et = u?.sessionId, N;
-	s[15] !== D || s[16] !== d || s[17] !== et ? (N = [
-		d,
-		et,
-		D
-	], s[15] = D, s[16] = d, s[17] = et, s[18] = N) : N = s[18], we(M, N);
-	let P, F;
-	s[19] === T ? (P = s[20], F = s[21]) : (P = () => {
-		T === null && (Ge(null), p.current && p.current.setActiveCell(null));
-	}, F = [T], s[19] = T, s[20] = P, s[21] = F), we(P, F);
-	let tt = se(u), nt = !!u?.sourceEntityId, I;
-	s[22] === nt ? I = s[23] : (I = { enabled: nt }, s[22] = nt, s[23] = I);
-	let { data: L } = n(u?.sourceEntityId, void 0, I), R = L?.concreteType === "org.sagebionetworks.repo.model.table.EntityView", z;
-	s[24] !== L || s[25] !== R ? (z = R ? [] : L?.upsertKey, s[24] = L, s[25] = R, s[26] = z) : z = s[26];
-	let rt = z, it = tt ?? null, B;
-	s[27] === it ? B = s[28] : (B = ne(it), s[27] = it, s[28] = B);
-	let V = B, at = S ? "Connected" : "Disconnected", ot = _e(E, T, g, d), H;
-	s[29] !== T || s[30] !== E ? (H = E ? de(T, E) : [], s[29] = T, s[30] = E, s[31] = H) : H = s[31];
-	let U = H, W;
-	s[32] !== T || s[33] !== E || s[34] !== Ye || s[35] !== U ? (W = xe(U, T, E, Ye), s[32] = T, s[33] = E, s[34] = Ye, s[35] = U, s[36] = W) : W = s[36];
-	let st = W, G;
-	s[37] === S ? G = s[38] : (G = () => {
-		!S || !Qe.current || Qe.current.sendPatch();
-	}, s[37] = S, s[38] = G);
-	let K = G, ct, lt;
-	s[39] !== K || s[40] !== S ? (ct = () => {
-		S && K();
-	}, lt = [S, K], s[39] = K, s[40] = S, s[41] = ct, s[42] = lt) : (ct = s[41], lt = s[42]), we(ct, lt);
-	let ut;
-	s[43] !== K || s[44] !== V ? (ut = (e, t) => {
+			replicaId: f,
+			sessionId: d.sessionId
+		}, t = rt.current;
+		t && t.replicaId === e.replicaId && t.sessionId === e.sessionId || (rt.current = e, T(f, d.sessionId));
+	}, c[11] = T, c[12] = f, c[13] = d, c[14] = k) : k = c[14];
+	let it = d?.sessionId, A;
+	c[15] !== T || c[16] !== f || c[17] !== it ? (A = [
+		f,
+		it,
+		T
+	], c[15] = T, c[16] = f, c[17] = it, c[18] = A) : A = c[18], i(k, A);
+	let j, M;
+	c[19] === C ? (j = c[20], M = c[21]) : (j = () => {
+		C === null && (Ge(null), m.current && m.current.setActiveCell(null));
+	}, M = [C], c[19] = C, c[20] = j, c[21] = M), i(j, M);
+	let N = ce(d), at = !!d?.sourceEntityId, P;
+	c[22] === at ? P = c[23] : (P = { enabled: at }, c[22] = at, c[23] = P);
+	let { data: F } = n(d?.sourceEntityId, void 0, P), I = F?.concreteType === "org.sagebionetworks.repo.model.table.EntityView", L;
+	c[24] !== F || c[25] !== I ? (L = I ? [] : F?.upsertKey, c[24] = F, c[25] = I, c[26] = L) : L = c[26];
+	let R = L, ot = N ?? null, z;
+	c[27] === ot ? z = c[28] : (z = ne(ot), c[27] = ot, c[28] = z);
+	let B = z, st = b ? "Connected" : "Disconnected", ct = ve(w, C, h, f), V;
+	c[29] !== C || c[30] !== w ? (V = w ? fe(C, w) : [], c[29] = C, c[30] = w, c[31] = V) : V = c[31];
+	let H = V, lt;
+	c[32] !== C || c[33] !== w || c[34] !== Qe || c[35] !== H ? (lt = Se(H, C, w, Qe), c[32] = C, c[33] = w, c[34] = Qe, c[35] = H, c[36] = lt) : lt = c[36];
+	let ut = lt, U;
+	c[37] === b ? U = c[38] : (U = () => {
+		!b || !nt.current || nt.current.sendPatch();
+	}, c[37] = b, c[38] = U);
+	let W = U, G, K;
+	c[39] !== W || c[40] !== b ? (G = () => {
+		b && W();
+	}, K = [b, W], c[39] = W, c[40] = b, c[41] = G, c[42] = K) : (G = c[41], K = c[42]), i(G, K);
+	let q;
+	c[43] !== W || c[44] !== B ? (q = (e, t) => {
 		t.forEach((t) => {
-			be(e, t, V);
-		}), K();
-	}, s[43] = K, s[44] = V, s[45] = ut) : ut = s[45];
-	let q = ut, dt;
-	s[46] !== q || s[47] !== T ? (dt = (e) => {
-		if (!T) {
+			xe(e, t, B);
+		}), W();
+	}, c[43] = W, c[44] = B, c[45] = q) : q = c[45];
+	let J = q, dt;
+	c[46] !== J || c[47] !== C ? (dt = (e) => {
+		if (!C) {
 			console.error("Model is not initialized");
 			return;
 		}
-		e.type === "DELETE" && p.current && p.current.setActiveCell(null), q(T, [e]);
-	}, s[46] = q, s[47] = T, s[48] = dt) : dt = s[48];
-	let { undoUI: ft, redoUI: pt, addOperationsToUndoStack: mt, clearRedoStack: ht } = ge(dt), gt;
-	s[49] !== mt || s[50] !== q || s[51] !== ht || s[52] !== T || s[53] !== U ? (gt = (e, t) => {
-		if (!T) {
+		e.type === "DELETE" && m.current && m.current.setActiveCell(null), J(C, [e]);
+	}, c[46] = J, c[47] = C, c[48] = dt) : dt = c[48];
+	let { undoUI: ft, redoUI: pt, addOperationsToUndoStack: mt, clearRedoStack: ht } = _e(dt), gt;
+	c[49] !== mt || c[50] !== J || c[51] !== ht || c[52] !== C || c[53] !== H ? (gt = (e, t) => {
+		if (!C) {
 			console.error("Model is not initialized");
 			return;
 		}
-		t = ue(e, U, t), t.length > 0 && (ht(), mt(t, U, e), q(T, Se(t, e)));
-	}, s[49] = mt, s[50] = q, s[51] = ht, s[52] = T, s[53] = U, s[54] = gt) : gt = s[54];
+		t = de(e, H, t), t.length > 0 && (ht(), mt(t, H, e), J(C, Ce(t, e)));
+	}, c[49] = mt, c[50] = J, c[51] = ht, c[52] = C, c[53] = H, c[54] = gt) : gt = c[54];
 	let _t = gt, vt;
-	s[55] !== q || s[56] !== T || s[57] !== d ? (vt = (e) => {
+	c[55] !== J || c[56] !== C || c[57] !== f ? (vt = (e) => {
 		let { selection: t } = e;
-		if (t != null && (Ge(t), T != null && d != null)) {
-			let e = le(t, T);
-			q(T, [{
+		if (t != null && (Ge(t), C != null && f != null)) {
+			let e = ue(t, C);
+			J(C, [{
 				type: "SET_SELECTION",
-				replicaId: d.toString(),
+				replicaId: f.toString(),
 				selection: e
 			}]);
 		}
-	}, s[55] = q, s[56] = T, s[57] = d, s[58] = vt) : vt = s[58];
+	}, c[55] = J, c[56] = C, c[57] = f, c[58] = vt) : vt = c[58];
 	let yt = vt, bt;
-	s[59] === Symbol.for("react.memo_cache_sentinel") ? (bt = (e, t) => {
-		p.current?.setActiveCell({
+	c[59] === Symbol.for("react.memo_cache_sentinel") ? (bt = (e, t) => {
+		m.current?.setActiveCell({
 			col: t,
 			row: e
 		});
-	}, s[59] = bt) : bt = s[59];
-	let xt = bt;
+	}, c[59] = bt) : bt = c[59];
+	let xt = bt, St;
+	c[60] !== J || c[61] !== C ? (St = (e) => {
+		C && J(C, [{
+			type: "REORDER_COLUMNS",
+			newColumnOrder: e
+		}]);
+	}, c[60] = J, c[61] = C, c[62] = St) : St = c[62];
+	let Ct = St;
 	if (!qe && !Ke?.isCertified) {
 		let e;
-		return s[60] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ i(te, {}), s[60] = e) : e = s[60], e;
+		return c[63] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ a(te, {}), c[63] = e) : e = c[63], e;
 	}
-	let St;
-	s[61] === Symbol.for("react.memo_cache_sentinel") ? (St = {
+	let wt;
+	c[64] === Symbol.for("react.memo_cache_sentinel") ? (wt = {
 		xs: 12,
 		xl: 8
-	}, s[61] = St) : St = s[61];
-	let J;
-	s[62] === l ? J = s[63] : (J = /* @__PURE__ */ i(o, {
-		size: St,
-		children: /* @__PURE__ */ i(ve, {
-			ref: f,
+	}, c[64] = wt) : wt = c[64];
+	let Y;
+	c[65] === u ? Y = c[66] : (Y = /* @__PURE__ */ a(s, {
+		size: wt,
+		children: /* @__PURE__ */ a(ye, {
+			ref: p,
 			onSessionChange: Be,
 			onReplicaChange: Ve,
-			show: l
+			show: u
 		})
-	}), s[62] = l, s[63] = J);
-	let Y;
-	s[64] === Symbol.for("react.memo_cache_sentinel") ? (Y = {
+	}), c[65] = u, c[66] = Y);
+	let X;
+	c[67] === Symbol.for("react.memo_cache_sentinel") ? (X = {
 		xs: 12,
 		xl: 4
-	}, s[64] = Y) : Y = s[64];
-	let X;
-	s[65] !== at || s[66] !== S || s[67] !== O || s[68] !== d || s[69] !== g || s[70] !== u?.gridJsonSchema$Id || s[71] !== u?.sessionId || s[72] !== u?.sourceEntityId || s[73] !== l ? (X = l && /* @__PURE__ */ a("div", { children: [
-		/* @__PURE__ */ a("p", { children: ["Session ID: ", u?.sessionId || "No session created"] }),
-		/* @__PURE__ */ a("p", { children: ["Replica ID: ", d || "No replica created"] }),
-		/* @__PURE__ */ a("p", { children: [
+	}, c[67] = X) : X = c[67];
+	let Z;
+	c[68] !== st || c[69] !== b || c[70] !== E || c[71] !== f || c[72] !== h || c[73] !== d?.gridJsonSchema$Id || c[74] !== d?.sessionId || c[75] !== d?.sourceEntityId || c[76] !== u ? (Z = u && /* @__PURE__ */ o("div", { children: [
+		/* @__PURE__ */ o("p", { children: ["Session ID: ", d?.sessionId || "No session created"] }),
+		/* @__PURE__ */ o("p", { children: ["Replica ID: ", f || "No replica created"] }),
+		/* @__PURE__ */ o("p", { children: [
 			"Source Entity ID:",
 			" ",
-			u?.sourceEntityId || "No source entity"
+			d?.sourceEntityId || "No source entity"
 		] }),
-		/* @__PURE__ */ a("p", { children: [
+		/* @__PURE__ */ o("p", { children: [
 			"JSON Schema $id:",
 			" ",
-			u?.gridJsonSchema$Id || "No schema attached to session"
+			d?.gridJsonSchema$Id || "No schema attached to session"
 		] }),
-		/* @__PURE__ */ a("p", { children: [
+		/* @__PURE__ */ o("p", { children: [
 			"Presigned URL:",
 			" ",
-			O ? O.substring(0, 30) + (O.length > 30 ? " ... " + O.substring(O.length - 10) : "") : "No URL generated"
+			E ? E.substring(0, 30) + (E.length > 30 ? " ... " + E.substring(E.length - 10) : "") : "No URL generated"
 		] }),
-		/* @__PURE__ */ a("p", { children: [
+		/* @__PURE__ */ o("p", { children: [
 			"WebSocket Status:",
 			" ",
-			/* @__PURE__ */ i("span", {
-				style: { color: S ? "green" : "red" },
-				children: at
+			/* @__PURE__ */ a("span", {
+				style: { color: b ? "green" : "red" },
+				children: st
 			})
 		] }),
-		/* @__PURE__ */ i("p", { children: (() => {
-			let e = g.filter(Le);
-			return /* @__PURE__ */ a(Me, { children: [
+		/* @__PURE__ */ a("p", { children: (() => {
+			let e = h.filter(Le);
+			return /* @__PURE__ */ o(Me, { children: [
 				"Connected Replicas (",
 				e.length,
 				" /",
 				" ",
-				g.length,
+				h.length,
 				" total):",
 				" ",
-				e.length === 0 ? "none" : e.map((t, n) => /* @__PURE__ */ i(Ae, {
-					title: /* @__PURE__ */ i("pre", {
+				e.length === 0 ? "none" : e.map((t, n) => /* @__PURE__ */ a(Ae, {
+					title: /* @__PURE__ */ a("pre", {
 						style: {
 							margin: 0,
 							fontSize: "11px"
 						},
 						children: JSON.stringify(t, null, 2)
 					}),
-					children: /* @__PURE__ */ a("span", {
+					children: /* @__PURE__ */ o("span", {
 						style: {
 							cursor: "pointer",
 							textDecoration: "underline dotted"
@@ -226,120 +234,127 @@ function s(e) {
 				}, t.replicaId))
 			] });
 		})() })
-	] }), s[65] = at, s[66] = S, s[67] = O, s[68] = d, s[69] = g, s[70] = u?.gridJsonSchema$Id, s[71] = u?.sessionId, s[72] = u?.sourceEntityId, s[73] = l, s[74] = X) : X = s[74];
-	let Z;
-	s[75] === X ? Z = s[76] : (Z = /* @__PURE__ */ i(o, {
-		size: Y,
-		children: X
-	}), s[75] = X, s[76] = Z);
+	] }), c[68] = st, c[69] = b, c[70] = E, c[71] = f, c[72] = h, c[73] = d?.gridJsonSchema$Id, c[74] = d?.sessionId, c[75] = d?.sourceEntityId, c[76] = u, c[77] = Z) : Z = c[77];
 	let Q;
-	s[77] !== c || s[78] !== He || s[79] !== st || s[80] !== R || s[81] !== _t || s[82] !== yt || s[83] !== w || s[84] !== k || s[85] !== S || s[86] !== Xe || s[87] !== tt || s[88] !== We || s[89] !== T || s[90] !== E?.columnNames || s[91] !== E?.columnOrder || s[92] !== O || s[93] !== pt || s[94] !== ot || s[95] !== d || s[96] !== U || s[97] !== V || s[98] !== u || s[99] !== l || s[100] !== ft || s[101] !== rt ? (Q = u && /* @__PURE__ */ a(Me, { children: [
-		!k && /* @__PURE__ */ a(o, {
+	c[78] === Z ? Q = c[79] : (Q = /* @__PURE__ */ a(s, {
+		size: X,
+		children: Z
+	}), c[78] = Z, c[79] = Q);
+	let $;
+	c[80] !== l || c[81] !== He || c[82] !== ut || c[83] !== I || c[84] !== _t || c[85] !== Ct || c[86] !== yt || c[87] !== S || c[88] !== et || c[89] !== b || c[90] !== $e || c[91] !== N || c[92] !== We || c[93] !== C || c[94] !== w?.columnNames || c[95] !== w?.columnOrder || c[96] !== E || c[97] !== pt || c[98] !== ct || c[99] !== f || c[100] !== H || c[101] !== B || c[102] !== d || c[103] !== u || c[104] !== ft || c[105] !== R ? ($ = d && /* @__PURE__ */ o(Me, { children: [
+		!et && /* @__PURE__ */ o(s, {
 			size: 12,
-			children: [/* @__PURE__ */ i("h3", { children: "Setting up grid..." }), /* @__PURE__ */ a("div", {
+			children: [/* @__PURE__ */ a("h3", { children: "Setting up grid..." }), /* @__PURE__ */ o("div", {
 				style: { marginBottom: "10px" },
 				children: [
-					!u && /* @__PURE__ */ i("p", { children: "Creating grid session..." }),
-					u && !d && /* @__PURE__ */ i("p", { children: "Setting up real-time sync..." }),
-					u && d && !O && /* @__PURE__ */ i("p", { children: "Establishing secure connection..." }),
-					u && d && O && !S && /* @__PURE__ */ i("p", { children: "Connecting to server..." }),
-					S && !w && /* @__PURE__ */ i("p", { children: "Loading table data..." }),
-					/* @__PURE__ */ i(ee, {
+					!d && /* @__PURE__ */ a("p", { children: "Creating grid session..." }),
+					d && !f && /* @__PURE__ */ a("p", { children: "Setting up real-time sync..." }),
+					d && f && !E && /* @__PURE__ */ a("p", { children: "Establishing secure connection..." }),
+					d && f && E && !b && /* @__PURE__ */ a("p", { children: "Connecting to server..." }),
+					b && !S && /* @__PURE__ */ a("p", { children: "Loading table data..." }),
+					/* @__PURE__ */ a(ee, {
 						numRows: 4,
 						numCols: 1
 					})
 				]
 			})]
 		}),
-		k && /* @__PURE__ */ a(Me, { children: [
-			/* @__PURE__ */ i(o, {
+		et && /* @__PURE__ */ o(Me, { children: [
+			/* @__PURE__ */ a(s, {
 				size: 12,
-				children: /* @__PURE__ */ i(pe, {
-					rowValues: U,
-					columnNames: E?.columnNames ?? [],
-					columnOrder: E?.columnOrder ?? [],
+				children: /* @__PURE__ */ a(me, {
+					rowValues: H,
+					columnNames: w?.columnNames ?? [],
+					columnOrder: w?.columnOrder ?? [],
 					onNavigateToCell: xt,
-					isLoading: !w
+					isLoading: !S
 				})
 			}),
-			/* @__PURE__ */ i(o, {
+			/* @__PURE__ */ a(s, {
 				size: 12,
-				children: /* @__PURE__ */ a(ke, {
+				children: /* @__PURE__ */ o(ke, {
 					direction: "row",
 					spacing: 1,
 					sx: { justifyContent: "flex-end" },
 					children: [
-						/* @__PURE__ */ i(ie, {
-							variant: "outlined",
-							startIcon: /* @__PURE__ */ i(Pe, {}),
-							href: "https://docs.synapse.org/synapse-docs/managing-metadata-with-curator",
-							target: "_blank",
-							rel: "noopener noreferrer",
-							sx: { mr: "auto" },
-							children: "Help and Instructions"
-						}),
-						(!w || Xe) && /* @__PURE__ */ a(Oe, {
+						(!S || $e) && /* @__PURE__ */ o(Oe, {
 							sx: {
 								display: "flex",
 								alignItems: "center",
 								gap: 1
 							},
-							children: [/* @__PURE__ */ i(t, {
+							children: [/* @__PURE__ */ a(t, {
 								size: 16,
 								margin: "0"
-							}), /* @__PURE__ */ i(je, {
+							}), /* @__PURE__ */ a(je, {
 								variant: "caption",
 								color: "text.secondary",
-								children: w ? "Syncing…" : "Loading…"
+								children: S ? "Syncing…" : "Loading…"
 							})]
 						}),
+						/* @__PURE__ */ a(ie, {
+							variant: "outlined",
+							startIcon: /* @__PURE__ */ a(Pe, {}),
+							href: "https://docs.synapse.org/synapse-docs/managing-metadata-with-curator",
+							target: "_blank",
+							rel: "noopener noreferrer",
+							sx: { mr: "auto" },
+							children: "Help and Instructions"
+						}),
 						ft,
 						pt,
-						/* @__PURE__ */ i(ie, {
+						/* @__PURE__ */ a(oe, {
+							columnNames: w?.columnNames ?? [],
+							columnOrder: w?.columnOrder ?? [],
+							jsonSchema: N,
+							upsertKey: R,
+							onReorder: Ct
+						}),
+						/* @__PURE__ */ a(ie, {
 							variant: "outlined",
 							onClick: () => Ue(!0),
-							startIcon: /* @__PURE__ */ i(Ce, {}),
+							startIcon: /* @__PURE__ */ a(we, {}),
 							children: "Open Curie"
 						}),
-						/* @__PURE__ */ i(fe, {
-							agentRegistrationId: c,
+						/* @__PURE__ */ a(pe, {
+							agentRegistrationId: l,
 							open: He,
 							onClose: () => Ue(!1),
-							gridSessionId: u.sessionId,
-							usersReplicaId: d,
+							gridSessionId: d.sessionId,
+							usersReplicaId: f,
 							chatbotName: "Curie"
 						}),
-						u.sourceEntityId && /* @__PURE__ */ i(oe, {
-							sourceEntityId: u.sourceEntityId,
-							gridSessionId: u.sessionId
+						d.sourceEntityId && /* @__PURE__ */ a(se, {
+							sourceEntityId: d.sourceEntityId,
+							gridSessionId: d.sessionId
 						}),
-						u.sessionId && /* @__PURE__ */ i(ae, {
-							gridSessionId: u.sessionId,
-							filename: "grid-" + (u.sourceEntityId || "export")
+						d.sessionId && /* @__PURE__ */ a(ae, {
+							gridSessionId: d.sessionId,
+							filename: "grid-" + (d.sourceEntityId || "export")
 						}),
-						u.sourceEntityId && /* @__PURE__ */ i(ce, { gridSession: u })
+						d.sourceEntityId && /* @__PURE__ */ a(le, { gridSession: d })
 					]
 				})
 			}),
-			/* @__PURE__ */ i(o, {
+			/* @__PURE__ */ a(s, {
 				size: 12,
-				children: /* @__PURE__ */ i(me, {
-					gridRef: p,
-					rowValues: st,
-					columnNames: E?.columnNames ?? [],
-					columnOrder: E?.columnOrder ?? [],
-					schemaPropertiesInfo: V,
-					entityIsView: R,
-					jsonSchema: tt,
+				children: /* @__PURE__ */ a(he, {
+					gridRef: m,
+					rowValues: ut,
+					columnNames: w?.columnNames ?? [],
+					columnOrder: w?.columnOrder ?? [],
+					schemaPropertiesInfo: B,
+					entityIsView: I,
+					jsonSchema: N,
 					lastSelection: We,
 					handleChange: _t,
 					handleSelectionChange: yt,
-					remoteSelections: ot,
-					upsertKey: rt
+					remoteSelections: ct,
+					upsertKey: R
 				})
 			})
 		] }),
-		l && /* @__PURE__ */ a(o, {
+		u && /* @__PURE__ */ o(s, {
 			size: 12,
 			style: {
 				margin: "10px 0",
@@ -348,28 +363,28 @@ function s(e) {
 				maxHeight: "400px",
 				overflowY: "auto"
 			},
-			children: [/* @__PURE__ */ i("h3", { children: "Model" }), T ? /* @__PURE__ */ i(Ie, { model: T }) : "No model available"]
+			children: [/* @__PURE__ */ a("h3", { children: "Model" }), C ? /* @__PURE__ */ a(Ie, { model: C }) : "No model available"]
 		})
-	] }), s[77] = c, s[78] = He, s[79] = st, s[80] = R, s[81] = _t, s[82] = yt, s[83] = w, s[84] = k, s[85] = S, s[86] = Xe, s[87] = tt, s[88] = We, s[89] = T, s[90] = E?.columnNames, s[91] = E?.columnOrder, s[92] = O, s[93] = pt, s[94] = ot, s[95] = d, s[96] = U, s[97] = V, s[98] = u, s[99] = l, s[100] = ft, s[101] = rt, s[102] = Q) : Q = s[102];
-	let $;
-	return s[103] !== J || s[104] !== Z || s[105] !== Q ? ($ = /* @__PURE__ */ i("div", { children: /* @__PURE__ */ a(o, {
+	] }), c[80] = l, c[81] = He, c[82] = ut, c[83] = I, c[84] = _t, c[85] = Ct, c[86] = yt, c[87] = S, c[88] = et, c[89] = b, c[90] = $e, c[91] = N, c[92] = We, c[93] = C, c[94] = w?.columnNames, c[95] = w?.columnOrder, c[96] = E, c[97] = pt, c[98] = ct, c[99] = f, c[100] = H, c[101] = B, c[102] = d, c[103] = u, c[104] = ft, c[105] = R, c[106] = $) : $ = c[106];
+	let Tt;
+	return c[107] !== Y || c[108] !== Q || c[109] !== $ ? (Tt = /* @__PURE__ */ a("div", { children: /* @__PURE__ */ o(s, {
 		container: !0,
 		spacing: 2,
 		children: [
-			J,
-			Z,
-			Q
+			Y,
+			Q,
+			$
 		]
-	}) }), s[103] = J, s[104] = Z, s[105] = Q, s[106] = $) : $ = s[106], $;
+	}) }), c[107] = Y, c[108] = Q, c[109] = $, c[110] = Tt) : Tt = c[110], Tt;
 }
 function Le(e) {
 	return e.isConnected;
 }
-function c(t) {
+function l(t) {
 	let n = Fe(2), r;
-	return n[0] === t ? r = n[1] : (r = /* @__PURE__ */ i(e, { children: /* @__PURE__ */ i(s, { ...t }) }), n[0] = t, n[1] = r), r;
+	return n[0] === t ? r = n[1] : (r = /* @__PURE__ */ a(e, { children: /* @__PURE__ */ a(c, { ...t }) }), n[0] = t, n[1] = r), r;
 }
 //#endregion
-export { c as default };
+export { l as default };
 
 //# sourceMappingURL=SynapseGrid.js.map