synapse-react-client 4.0.9 → 4.0.10

package/dist/components/DataGrid/SynapseGrid.js

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