synapse-react-client 4.0.45 → 4.0.46

package/dist/components/DataGrid/SynapseGrid.js

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