@object-ui/plugin-designer 3.3.2 → 3.4.0

package/dist/index.js

@@ -16,37 +16,87 @@ var tt = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null),
 });
 //#endregion
 //#region src/hooks/useUndoRedo.ts
-function rt(e, t = {}) {
-	let { maxHistory: n = 50 } = t, [r, a] = l(e), o = c([]), s = c([]), u = i((e) => {
-		a((t) => (o.current = [...o.current.slice(-(n - 1)), t], s.current = [], e));
-	}, [n]), d = i(() => {
-		o.current.length !== 0 && a((e) => {
-			let t = [...o.current], n = t.pop();
-			return o.current = t, s.current = [e, ...s.current], n;
-		});
-	}, []), f = i(() => {
-		s.current.length !== 0 && a((e) => {
-			let t = [...s.current], n = t.shift();
-			return s.current = t, o.current = [...o.current, e], n;
-		});
-	}, []), p = i((e) => {
-		o.current = [], s.current = [], a(e);
-	}, []);
+function rt(e) {
+	return e || (typeof window < "u" && window.sessionStorage ? window.sessionStorage : null);
+}
+function it(e, t = {}) {
+	let { maxHistory: n = 50, persistKey: r, storage: a } = t, s = rt(a), u = (() => {
+		if (!r || !s) return null;
+		try {
+			let e = s.getItem(r);
+			if (!e) return null;
+			let t = JSON.parse(e);
+			if (t && t.v === 1 && Array.isArray(t.past) && Array.isArray(t.future)) return t;
+		} catch {}
+		return null;
+	})(), [d, f] = l(u?.current ?? e), p = c(u?.past ?? []), m = c(u?.future ?? []), [, h] = l(0), g = i(() => h((e) => e + 1), []);
+	o(() => {
+		if (!(!r || !s)) try {
+			let e = {
+				v: 1,
+				past: p.current,
+				current: d,
+				future: m.current
+			};
+			s.setItem(r, JSON.stringify(e));
+		} catch {}
+	}, [
+		d,
+		r,
+		s
+	]);
+	let _ = i((e) => {
+		f((t) => (p.current = [...p.current.slice(-(n - 1)), t], m.current = [], e)), g();
+	}, [n, g]), v = i(() => {
+		p.current.length !== 0 && (f((e) => {
+			let t = [...p.current], n = t.pop();
+			return p.current = t, m.current = [e, ...m.current], n;
+		}), g());
+	}, [g]), y = i(() => {
+		m.current.length !== 0 && (f((e) => {
+			let t = [...m.current], n = t.shift();
+			return m.current = t, p.current = [...p.current, e], n;
+		}), g());
+	}, [g]), b = i((e) => {
+		p.current = [], m.current = [], f(e), g();
+	}, [g]), x = i(() => {
+		if (!(!r || !s)) try {
+			s.removeItem(r);
+		} catch {}
+	}, [r, s]), S = i((e) => {
+		let t = p.current.length + 1 + m.current.length;
+		e < 0 || e >= t || e !== p.current.length && (f((t) => {
+			let n = [
+				...p.current,
+				t,
+				...m.current
+			], r = n[e];
+			return p.current = n.slice(0, e), m.current = n.slice(e + 1), r;
+		}), g());
+	}, [g]);
 	return {
-		current: r,
-		canUndo: o.current.length > 0,
-		canRedo: s.current.length > 0,
-		undoCount: o.current.length,
-		redoCount: s.current.length,
-		push: u,
-		undo: d,
-		redo: f,
-		reset: p
+		current: d,
+		canUndo: p.current.length > 0,
+		canRedo: m.current.length > 0,
+		undoCount: p.current.length,
+		redoCount: m.current.length,
+		timeline: [
+			...p.current,
+			d,
+			...m.current
+		],
+		currentIndex: p.current.length,
+		push: _,
+		undo: v,
+		redo: y,
+		reset: b,
+		jumpTo: S,
+		clearPersisted: x
 	};
 }
 //#endregion
 //#region src/hooks/useConfirmDialog.ts
-function it() {
+function at() {
 	let [e, t] = l(!1), [n, r] = l(""), [a, o] = l(""), s = c(null);
 	return {
 		isOpen: e,
@@ -65,7 +115,7 @@ function it() {
 }
 //#endregion
 //#region src/hooks/useMultiSelect.ts
-function at() {
+function ot() {
 	let [e, t] = l(/* @__PURE__ */ new Set());
 	return {
 		selectedIds: e,
@@ -90,7 +140,7 @@ function at() {
 }
 //#endregion
 //#region src/hooks/useClipboard.ts
-function ot() {
+function st() {
 	let [e, t] = l(null);
 	return {
 		clipboard: e,
@@ -103,7 +153,7 @@ function ot() {
 }
 //#endregion
 //#region src/hooks/useCanvasPanZoom.ts
-function st(e = {}) {
+function ct(e = {}) {
 	let { minZoom: t = .25, maxZoom: n = 3, zoomStep: r = .1, initialZoom: a = 1 } = e, [o, s] = l(a), [u, d] = l({
 		x: 0,
 		y: 0
@@ -160,7 +210,7 @@ function st(e = {}) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/react@19.2.5/node_modules/react/cjs/react-jsx-runtime.production.js
-var ct = /* @__PURE__ */ tt(((e) => {
+var lt = /* @__PURE__ */ tt(((e) => {
 	var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
 	function r(e, n, r) {
 		var i = null;
@@ -175,7 +225,7 @@ var ct = /* @__PURE__ */ tt(((e) => {
 		};
 	}
 	e.Fragment = n, e.jsx = r, e.jsxs = r;
-})), lt = /* @__PURE__ */ tt(((e) => {
+})), ut = /* @__PURE__ */ tt(((e) => {
 	process.env.NODE_ENV !== "production" && (function() {
 		function t(e) {
 			if (e == null) return null;
@@ -334,12 +384,12 @@ var ct = /* @__PURE__ */ tt(((e) => {
 		};
 	})();
 })), Y = (/* @__PURE__ */ tt(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = ct() : t.exports = lt();
+	process.env.NODE_ENV === "production" ? t.exports = lt() : t.exports = ut();
 })))();
-function ut(...e) {
+function dt(...e) {
 	return q(K(e));
 }
-function dt({ isOpen: e, title: t, message: n, confirmLabel: r = "Delete", cancelLabel: i = "Cancel", destructive: a = !0, onConfirm: s, onCancel: l }) {
+function ft({ isOpen: e, title: t, message: n, confirmLabel: r = "Delete", cancelLabel: i = "Cancel", destructive: a = !0, onConfirm: s, onCancel: l }) {
 	let d = c(null);
 	return o(() => {
 		let t = d.current;
@@ -377,7 +427,7 @@ function dt({ isOpen: e, title: t, message: n, confirmLabel: r = "Delete", cance
 						children: i
 					}), /* @__PURE__ */ (0, Y.jsx)("button", {
 						onClick: s,
-						className: ut("px-4 py-2 text-sm rounded-md font-medium", a ? "bg-destructive text-destructive-foreground hover:bg-destructive/90" : "bg-primary text-primary-foreground hover:bg-primary/90"),
+						className: dt("px-4 py-2 text-sm rounded-md font-medium", a ? "bg-destructive text-destructive-foreground hover:bg-destructive/90" : "bg-primary text-primary-foreground hover:bg-primary/90"),
 						autoFocus: !0,
 						children: r
 					})]
@@ -388,10 +438,10 @@ function dt({ isOpen: e, title: t, message: n, confirmLabel: r = "Delete", cance
 }
 //#endregion
 //#region src/components/PropertyEditor.tsx
-function ft(...e) {
+function pt(...e) {
 	return q(K(e));
 }
-function pt({ title: e = "Properties", fields: t, onChange: n, className: r }) {
+function mt({ title: e = "Properties", fields: t, onChange: n, className: r }) {
 	let [a, o] = l(/* @__PURE__ */ new Set()), s = i((e) => {
 		o((t) => {
 			let n = new Set(t);
@@ -402,7 +452,7 @@ function pt({ title: e = "Properties", fields: t, onChange: n, className: r }) {
 		return e[n] || (e[n] = []), e[n].push(t), e;
 	}, {});
 	return /* @__PURE__ */ (0, Y.jsxs)("div", {
-		className: ft("flex flex-col", r),
+		className: pt("flex flex-col", r),
 		role: "region",
 		"aria-label": e,
 		children: [/* @__PURE__ */ (0, Y.jsx)("div", {
@@ -418,7 +468,7 @@ function pt({ title: e = "Properties", fields: t, onChange: n, className: r }) {
 					children: [a.has(e) ? /* @__PURE__ */ (0, Y.jsx)(y, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, Y.jsx)(_, { className: "h-3 w-3" }), e]
 				}), !a.has(e) && /* @__PURE__ */ (0, Y.jsx)("div", {
 					className: "px-3 pb-2 space-y-2",
-					children: t.map((e) => /* @__PURE__ */ (0, Y.jsx)(mt, {
+					children: t.map((e) => /* @__PURE__ */ (0, Y.jsx)(ht, {
 						field: e,
 						onChange: n
 					}, e.name))
@@ -430,7 +480,7 @@ function pt({ title: e = "Properties", fields: t, onChange: n, className: r }) {
 		})]
 	});
 }
-function mt({ field: e, onChange: t }) {
+function ht({ field: e, onChange: t }) {
 	let n = (n) => {
 		t(e.name, n);
 	};
@@ -501,13 +551,13 @@ function mt({ field: e, onChange: t }) {
 }
 //#endregion
 //#region src/components/Minimap.tsx
-function ht(...e) {
+function gt(...e) {
 	return q(K(e));
 }
-function gt({ items: e, canvasWidth: t, canvasHeight: n, position: r = "bottom-right", size: i = 150, className: a }) {
+function _t({ items: e, canvasWidth: t, canvasHeight: n, position: r = "bottom-right", size: i = 150, className: a }) {
 	let o = Math.min(i / t, i / n), s = t * o, c = n * o;
 	return /* @__PURE__ */ (0, Y.jsx)("div", {
-		className: ht("absolute border rounded bg-background/90 shadow-sm overflow-hidden", {
+		className: gt("absolute border rounded bg-background/90 shadow-sm overflow-hidden", {
 			"top-left": "top-2 left-2",
 			"top-right": "top-2 right-2",
 			"bottom-left": "bottom-2 left-2",
@@ -537,12 +587,12 @@ function gt({ items: e, canvasWidth: t, canvasHeight: n, position: r = "bottom-r
 }
 //#endregion
 //#region src/CollaborationProvider.tsx
-function _t(...e) {
+function vt(...e) {
 	return q(K(e));
 }
-var vt = r(null);
-vt.displayName = "CollaborationContext";
-function yt({ config: e, user: t, onOperation: n, onPresenceChange: r, children: a }) {
+var yt = r(null);
+yt.displayName = "CollaborationContext";
+function bt({ config: e, user: t, onOperation: n, onPresenceChange: r, children: a }) {
 	let u = c(null), [d, f] = l([]), [p, m] = l("disconnected"), h = c(0), g = c(null);
 	o(() => {
 		if (!e.enabled || !t || !e.serverUrl || !(typeof WebSocket < "u")) return;
@@ -592,7 +642,7 @@ function yt({ config: e, user: t, onOperation: n, onPresenceChange: r, children:
 		userId: t.id,
 		userName: t.name,
 		avatar: t.avatar,
-		color: St(t.id),
+		color: Ct(t.id),
 		status: "active",
 		lastActivity: (/* @__PURE__ */ new Date()).toISOString()
 	}, ...d], [
@@ -631,16 +681,16 @@ function yt({ config: e, user: t, onOperation: n, onPresenceChange: r, children:
 		t?.id,
 		p
 	]);
-	return /* @__PURE__ */ (0, Y.jsx)(vt.Provider, {
+	return /* @__PURE__ */ (0, Y.jsx)(yt.Provider, {
 		value: b,
 		children: a
 	});
 }
-function bt() {
-	return a(vt);
+function xt() {
+	return a(yt);
 }
-function xt({ className: e }) {
-	let t = a(vt);
+function St({ className: e }) {
+	let t = a(yt);
 	if (!t) return null;
 	let { connectionState: n, users: r } = t, i = {
 		connected: {
@@ -661,7 +711,7 @@ function xt({ className: e }) {
 		}
 	}, { color: o, label: s } = i[n] ?? i.disconnected;
 	return /* @__PURE__ */ (0, Y.jsxs)("div", {
-		className: _t("flex items-center gap-2 text-xs", e),
+		className: vt("flex items-center gap-2 text-xs", e),
 		role: "status",
 		"aria-live": "polite",
 		"aria-label": `Collaboration: ${s}`,
@@ -679,7 +729,7 @@ function xt({ className: e }) {
 		]
 	});
 }
-function St(e) {
+function Ct(e) {
 	let t = [
 		"#3b82f6",
 		"#ef4444",
@@ -706,19 +756,19 @@ function St(e) {
 function X(...e) {
 	return q(K(e));
 }
-function Ct({ canvas: e = {
+function wt({ canvas: e = {
 	width: 1200,
 	height: 800,
 	gridSize: 8,
 	showGrid: !0,
 	snapToGrid: !0
-}, components: t = [], palette: n = wt, showComponentTree: r = !0, undoRedo: a = !0, propertyEditor: u = !0, readOnly: d = !1, showMinimap: f = !1, onChange: p, className: m }) {
-	let h = rt(t), g = h.current, _ = i((e) => {
+}, components: t = [], palette: n = Tt, showComponentTree: r = !0, undoRedo: a = !0, propertyEditor: u = !0, readOnly: d = !1, showMinimap: f = !1, onChange: p, className: m }) {
+	let h = it(t), g = h.current, _ = i((e) => {
 		h.push(e), p?.(e);
-	}, [h, p]), v = st({ initialZoom: e.zoom ?? 1 }), { zoom: y } = v, b = at(), S = s(() => {
+	}, [h, p]), v = ct({ initialZoom: e.zoom ?? 1 }), { zoom: y } = v, b = ot(), S = s(() => {
 		let e = Array.from(b.selectedIds);
 		return e.length > 0 ? e[0] : null;
-	}, [b.selectedIds]), C = s(() => g.find((e) => e.id === S), [g, S]), w = ot(), E = it(), D = bt(), O = i((e) => {
+	}, [b.selectedIds]), C = s(() => g.find((e) => e.id === S), [g, S]), w = st(), E = at(), D = xt(), O = i((e) => {
 		D && D.sendOperation({
 			...e,
 			userId: D.currentUserId ?? ""
@@ -1174,7 +1224,7 @@ function Ct({ canvas: e = {
 									children: e.type
 								})]
 							}, e.id);
-						}), P && /* @__PURE__ */ (0, Y.jsx)(gt, {
+						}), P && /* @__PURE__ */ (0, Y.jsx)(_t, {
 							items: oe,
 							canvasWidth: e.width,
 							canvasHeight: e.height
@@ -1207,7 +1257,7 @@ function Ct({ canvas: e = {
 					}),
 					u && C ? /* @__PURE__ */ (0, Y.jsx)("div", {
 						className: "border-t",
-						children: /* @__PURE__ */ (0, Y.jsx)(pt, {
+						children: /* @__PURE__ */ (0, Y.jsx)(mt, {
 							title: `Properties – ${C.label ?? C.type}`,
 							fields: ae,
 							onChange: ee
@@ -1241,7 +1291,7 @@ function Ct({ canvas: e = {
 					})
 				] })
 			}),
-			/* @__PURE__ */ (0, Y.jsx)(dt, {
+			/* @__PURE__ */ (0, Y.jsx)(ft, {
 				isOpen: E.isOpen,
 				title: E.title,
 				message: E.message,
@@ -1251,7 +1301,7 @@ function Ct({ canvas: e = {
 		]
 	});
 }
-var wt = [
+var Tt = [
 	{
 		name: "layout",
 		label: "Layout",
@@ -1385,15 +1435,15 @@ var wt = [
 ];
 //#endregion
 //#region src/hooks/useDesignerHistory.ts
-function Tt(e, t = {}) {
-	return rt(e, t);
+function Et(e, t = {}) {
+	return it(e, t);
 }
 //#endregion
 //#region src/DataModelDesigner.tsx
-function Et(...e) {
+function Dt(...e) {
 	return q(K(e));
 }
-var Dt = [
+var Ot = [
 	"text",
 	"number",
 	"boolean",
@@ -1417,7 +1467,7 @@ var Dt = [
 	"formula",
 	"autonumber"
 ];
-function Ot(e, t = 4, n = 280, r = 250, i = 50, a = 50) {
+function kt(e, t = 4, n = 280, r = 250, i = 50, a = 50) {
 	return e.map((e, o) => ({
 		...e,
 		position: {
@@ -1426,12 +1476,12 @@ function Ot(e, t = 4, n = 280, r = 250, i = 50, a = 50) {
 		}
 	}));
 }
-function kt({ entities: e = [], relationships: t = [], canvas: n = {
+function At({ entities: e = [], relationships: t = [], canvas: n = {
 	width: 1200,
 	height: 800,
 	showGrid: !0
 }, showRelationshipLabels: r = !0, readOnly: a = !1, onEntitiesChange: s, onRelationshipsChange: u, className: d }) {
-	let f = c(null), p = Tt({
+	let f = c(null), p = Et({
 		entities: e,
 		relationships: t
 	}, { maxHistory: 50 }), { entities: m, relationships: h } = p.current, g = i((e) => {
@@ -1440,11 +1490,11 @@ function kt({ entities: e = [], relationships: t = [], canvas: n = {
 		p,
 		s,
 		u
-	]), v = it(), b = at(), S = b.count > 0 ? Array.from(b.selectedIds)[0] : null, C = ot(), w = st({
+	]), v = at(), b = ot(), S = b.count > 0 ? Array.from(b.selectedIds)[0] : null, C = st(), w = ct({
 		minZoom: .25,
 		maxZoom: 3,
 		zoomStep: .1
-	}), D = bt(), [O, k] = l(!0), [A, j] = l(!0), [M, N] = l(null), [P, F] = l(""), [I, L] = l(null), [z, B] = l(""), V = c(null), H = i(() => {
+	}), D = xt(), [O, k] = l(!0), [A, j] = l(!0), [M, N] = l(null), [P, F] = l(""), [I, L] = l(null), [z, B] = l(""), V = c(null), H = i(() => {
 		if (a) return;
 		let e = p.current, t = {
 			id: `entity-${Date.now()}`,
@@ -1532,7 +1582,7 @@ function kt({ entities: e = [], relationships: t = [], canvas: n = {
 		if (a) return;
 		let e = p.current;
 		g({
-			entities: Ot(e.entities),
+			entities: kt(e.entities),
 			relationships: e.relationships
 		});
 	}, [
@@ -1798,7 +1848,7 @@ function kt({ entities: e = [], relationships: t = [], canvas: n = {
 	return /* @__PURE__ */ (0, Y.jsxs)("div", {
 		ref: f,
 		tabIndex: 0,
-		className: Et("flex h-full w-full border rounded-lg overflow-hidden bg-background", d),
+		className: Dt("flex h-full w-full border rounded-lg overflow-hidden bg-background", d),
 		children: [
 			/* @__PURE__ */ (0, Y.jsxs)("div", {
 				className: "flex flex-col flex-1 min-w-0",
@@ -1962,7 +2012,7 @@ function kt({ entities: e = [], relationships: t = [], canvas: n = {
 								"aria-label": e.label,
 								draggable: !a,
 								onDragStart: (t) => fe(t, e.id),
-								className: Et("absolute rounded-lg border-2 bg-background shadow-sm w-60 select-none cursor-grab active:cursor-grabbing", b.isSelected(e.id) ? "border-primary ring-2 ring-primary/20" : "border-border hover:border-primary/50"),
+								className: Dt("absolute rounded-lg border-2 bg-background shadow-sm w-60 select-none cursor-grab active:cursor-grabbing", b.isSelected(e.id) ? "border-primary ring-2 ring-primary/20" : "border-border hover:border-primary/50"),
 								style: {
 									left: e.position.x,
 									top: e.position.y
@@ -2022,7 +2072,7 @@ function kt({ entities: e = [], relationships: t = [], canvas: n = {
 													autoFocus: !0,
 													onClick: (e) => e.stopPropagation()
 												}) : /* @__PURE__ */ (0, Y.jsxs)("span", {
-													className: Et("font-mono cursor-text", t.primaryKey && "font-bold text-primary"),
+													className: Dt("font-mono cursor-text", t.primaryKey && "font-bold text-primary"),
 													onClick: (r) => {
 														r.stopPropagation(), ie(e.id, n, t.name);
 													},
@@ -2043,7 +2093,7 @@ function kt({ entities: e = [], relationships: t = [], canvas: n = {
 													onClick: (e) => e.stopPropagation(),
 													className: "text-xs text-muted-foreground ml-auto bg-transparent border-none focus:ring-1 focus:ring-primary rounded cursor-pointer p-0",
 													"data-testid": `field-type-${e.id}-${n}`,
-													children: Dt.map((e) => /* @__PURE__ */ (0, Y.jsx)("option", {
+													children: Ot.map((e) => /* @__PURE__ */ (0, Y.jsx)("option", {
 														value: e,
 														children: e
 													}, e))
@@ -2069,7 +2119,7 @@ function kt({ entities: e = [], relationships: t = [], canvas: n = {
 								]
 							}, e.id))
 						]
-					}), A && m.length > 0 && /* @__PURE__ */ (0, Y.jsx)(gt, {
+					}), A && m.length > 0 && /* @__PURE__ */ (0, Y.jsx)(_t, {
 						items: _e,
 						canvasWidth: n.width,
 						canvasHeight: n.height,
@@ -2091,7 +2141,7 @@ function kt({ entities: e = [], relationships: t = [], canvas: n = {
 					}), O && /* @__PURE__ */ (0, Y.jsx)("div", {
 						id: "property-editor-panel",
 						className: "flex-1 overflow-y-auto",
-						children: /* @__PURE__ */ (0, Y.jsx)(pt, {
+						children: /* @__PURE__ */ (0, Y.jsx)(mt, {
 							title: G ? G.label : "Properties",
 							fields: he,
 							onChange: ge
@@ -2107,7 +2157,7 @@ function kt({ entities: e = [], relationships: t = [], canvas: n = {
 					})
 				})]
 			}),
-			/* @__PURE__ */ (0, Y.jsx)(dt, {
+			/* @__PURE__ */ (0, Y.jsx)(ft, {
 				isOpen: v.isOpen,
 				title: v.title,
 				message: v.message,
@@ -2120,11 +2170,11 @@ function kt({ entities: e = [], relationships: t = [], canvas: n = {
 }
 //#endregion
 //#region src/ProcessDesigner.tsx
-function At(...e) {
+function jt(...e) {
 	return q(K(e));
 }
-var jt = 120, Mt = 50;
-function Nt(e, t) {
+var Mt = 120, Nt = 50;
+function Pt(e, t) {
 	if (e.length === 0) return e;
 	let n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
 	for (let t of e) n.set(t.id, 0), r.set(t.id, []);
@@ -2152,12 +2202,12 @@ function Nt(e, t) {
 		position: c.get(e.id) ?? e.position
 	}));
 }
-function Pt({ processName: e = "New Process", nodes: t = [], edges: n = [], lanes: r, canvas: a = {
+function Ft({ processName: e = "New Process", nodes: t = [], edges: n = [], lanes: r, canvas: a = {
 	width: 1400,
 	height: 800,
 	showGrid: !0
 }, showMinimap: u = !0, showToolbar: d = !0, readOnly: f = !1, onNodesChange: p, onEdgesChange: m, className: h }) {
-	let g = rt({
+	let g = it({
 		nodes: t,
 		edges: n
 	}, { maxHistory: 50 }), _ = g.current.nodes, v = g.current.edges, y = i((e, t) => {
@@ -2169,7 +2219,7 @@ function Pt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 		g,
 		p,
 		m
-	]), b = it(), S = at(), C = ot(), w = st({ initialZoom: 1 }), E = bt(), [O, k] = l(null), [A, j] = l(!1), [M, N] = l(null), [P, F] = l(null), [L, R] = l(!0), [z, B] = l(null), [V, H] = l({
+	]), b = at(), S = ot(), C = st(), w = ct({ initialZoom: 1 }), E = xt(), [O, k] = l(null), [A, j] = l(!1), [M, N] = l(null), [P, F] = l(null), [L, R] = l(!0), [z, B] = l(null), [V, H] = l({
 		x: 0,
 		y: 0
 	}), ee = c(null), U = c(p), te = c(m);
@@ -2287,7 +2337,7 @@ function Pt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 		y,
 		E
 	]), ue = i(() => {
-		f || _.length === 0 || y(Nt(_, v), v);
+		f || _.length === 0 || y(Pt(_, v), v);
 	}, [
 		_,
 		v,
@@ -2406,8 +2456,8 @@ function Pt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 		id: e.id,
 		x: e.position.x,
 		y: e.position.y,
-		width: jt,
-		height: Mt,
+		width: Mt,
+		height: Nt,
 		selected: S.isSelected(e.id) || e.id === O
 	})), [
 		_,
@@ -2463,9 +2513,9 @@ function Pt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 	return /* @__PURE__ */ (0, Y.jsxs)("div", {
 		ref: ee,
 		tabIndex: 0,
-		className: At("flex flex-col h-full w-full border rounded-lg overflow-hidden bg-background", h),
+		className: jt("flex flex-col h-full w-full border rounded-lg overflow-hidden bg-background", h),
 		children: [
-			/* @__PURE__ */ (0, Y.jsx)(dt, {
+			/* @__PURE__ */ (0, Y.jsx)(ft, {
 				isOpen: b.isOpen,
 				title: b.title,
 				message: b.message,
@@ -2535,7 +2585,7 @@ function Pt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 							/* @__PURE__ */ (0, Y.jsx)("div", { className: "w-px h-4 bg-border mx-1" }),
 							/* @__PURE__ */ (0, Y.jsxs)("button", {
 								onClick: ce,
-								className: At("flex items-center gap-1 px-2 py-1 text-xs rounded hover:bg-accent", A && "bg-primary text-primary-foreground"),
+								className: jt("flex items-center gap-1 px-2 py-1 text-xs rounded hover:bg-accent", A && "bg-primary text-primary-foreground"),
 								title: "Connect nodes",
 								"aria-label": "Connect nodes",
 								"aria-pressed": A,
@@ -2656,10 +2706,10 @@ function Pt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 								}) }), v.map((e) => {
 									let t = _.find((t) => t.id === e.source), n = _.find((t) => t.id === e.target);
 									if (!t || !n) return null;
-									t.position.x + jt / 2;
-									let r = t.position.y + Mt / 2;
-									n.position.x + jt / 2;
-									let i = n.position.y + Mt / 2, a = t.position.x + jt, o = r, s = n.position.x, c = i;
+									t.position.x + Mt / 2;
+									let r = t.position.y + Nt / 2;
+									n.position.x + Mt / 2;
+									let i = n.position.y + Nt / 2, a = t.position.x + Mt, o = r, s = n.position.x, c = i;
 									return /* @__PURE__ */ (0, Y.jsxs)("g", { children: [/* @__PURE__ */ (0, Y.jsx)("path", {
 										d: `M ${a} ${o} Q ${(a + s) / 2} ${o}, ${(a + s) / 2} ${(o + c) / 2} T ${s} ${c}`,
 										fill: "none",
@@ -2698,9 +2748,9 @@ function Pt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 									},
 									children: [
 										/* @__PURE__ */ (0, Y.jsx)("div", {
-											className: At("flex items-center justify-center border-2 min-w-[120px] min-h-[50px] px-3 py-2 transition-shadow", ge(e.type), t && "ring-2 ring-primary shadow-md", n && "ring-2 ring-blue-400 shadow-lg", A && !n && "cursor-crosshair"),
+											className: jt("flex items-center justify-center border-2 min-w-[120px] min-h-[50px] px-3 py-2 transition-shadow", ge(e.type), t && "ring-2 ring-primary shadow-md", n && "ring-2 ring-blue-400 shadow-lg", A && !n && "cursor-crosshair"),
 											children: /* @__PURE__ */ (0, Y.jsx)("span", {
-												className: At("text-xs font-medium", (e.type === "exclusive-gateway" || e.type === "parallel-gateway" || e.type === "inclusive-gateway" || e.type === "event-based-gateway") && "-rotate-45"),
+												className: jt("text-xs font-medium", (e.type === "exclusive-gateway" || e.type === "parallel-gateway" || e.type === "inclusive-gateway" || e.type === "event-based-gateway") && "-rotate-45"),
 												children: e.label
 											})
 										}),
@@ -2709,7 +2759,7 @@ function Pt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 												className: "absolute w-3 h-3 rounded-full bg-blue-500 border-2 border-white shadow cursor-crosshair",
 												style: {
 													left: -6,
-													top: Mt / 2 - 6
+													top: Nt / 2 - 6
 												},
 												title: "Input port",
 												onClick: (t) => {
@@ -2720,7 +2770,7 @@ function Pt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 												className: "absolute w-3 h-3 rounded-full bg-blue-500 border-2 border-white shadow cursor-crosshair",
 												style: {
 													right: -6,
-													top: Mt / 2 - 6
+													top: Nt / 2 - 6
 												},
 												title: "Output port",
 												onClick: (t) => {
@@ -2730,7 +2780,7 @@ function Pt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 											/* @__PURE__ */ (0, Y.jsx)("div", {
 												className: "absolute w-3 h-3 rounded-full bg-blue-400 border-2 border-white shadow cursor-crosshair",
 												style: {
-													left: jt / 2 - 6,
+													left: Mt / 2 - 6,
 													top: -6
 												},
 												title: "Port",
@@ -2741,7 +2791,7 @@ function Pt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 											/* @__PURE__ */ (0, Y.jsx)("div", {
 												className: "absolute w-3 h-3 rounded-full bg-blue-400 border-2 border-white shadow cursor-crosshair",
 												style: {
-													left: jt / 2 - 6,
+													left: Mt / 2 - 6,
 													bottom: -6
 												},
 												title: "Port",
@@ -2761,7 +2811,7 @@ function Pt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 									]
 								}, e.id);
 							}),
-							u && _.length > 0 && /* @__PURE__ */ (0, Y.jsx)(gt, {
+							u && _.length > 0 && /* @__PURE__ */ (0, Y.jsx)(_t, {
 								items: _e,
 								canvasWidth: a.width ?? 1400,
 								canvasHeight: a.height ?? 800,
@@ -2773,7 +2823,7 @@ function Pt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 					className: "w-64 border-l bg-background overflow-y-auto flex-shrink-0",
 					role: "complementary",
 					"aria-label": "Property panel",
-					children: /* @__PURE__ */ (0, Y.jsx)(pt, {
+					children: /* @__PURE__ */ (0, Y.jsx)(mt, {
 						title: me ? `Properties: ${me.label}` : "Properties",
 						fields: G,
 						onChange: he
@@ -2785,7 +2835,7 @@ function Pt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 }
 //#endregion
 //#region src/ReportDesigner.tsx
-function Ft(...e) {
+function It(...e) {
 	return q(K(e));
 }
 var Z = {
@@ -2838,7 +2888,7 @@ var Z = {
 	groupSize: "Size",
 	groupContent: "Content",
 	groupGeneral: "General"
-}, It = {
+}, Lt = {
 	A4: {
 		width: 595,
 		height: 842
@@ -2859,7 +2909,7 @@ var Z = {
 		width: 792,
 		height: 1224
 	}
-}, Lt = [
+}, Rt = [
 	{
 		type: "header",
 		height: 80,
@@ -2877,23 +2927,23 @@ var Z = {
 		elements: []
 	}
 ];
-function Rt({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4", orientation: r = "portrait", margins: a = {
+function zt({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4", orientation: r = "portrait", margins: a = {
 	top: 40,
 	right: 40,
 	bottom: 40,
 	left: 40
 }, sections: u = [], showToolbar: d = !0, showPropertyPanel: f = !0, readOnly: m = !1, onSectionsChange: h, className: g }) {
-	let _ = rt(u.length > 0 ? u : Lt), v = _.current, y = i((e) => {
+	let _ = it(u.length > 0 ? u : Rt), v = _.current, y = i((e) => {
 		_.push(e), h?.(e);
-	}, [_, h]), b = at(), S = s(() => {
+	}, [_, h]), b = ot(), S = s(() => {
 		let e = Array.from(b.selectedIds);
 		return e.length > 0 ? e[0] : null;
-	}, [b.selectedIds]), C = ot(), w = it(), E = bt(), D = i((e) => {
+	}, [b.selectedIds]), C = st(), w = at(), E = xt(), D = i((e) => {
 		E && E.sendOperation({
 			...e,
 			userId: E.currentUserId ?? ""
 		});
-	}, [E]), [O, k] = l(!0), A = c(null), M = c(null), N = It[n], P = r === "landscape" ? N.height : N.width, F = r === "landscape" ? N.width : N.height, I = (e) => {
+	}, [E]), [O, k] = l(!0), A = c(null), M = c(null), N = Lt[n], P = r === "landscape" ? N.height : N.width, F = r === "landscape" ? N.width : N.height, I = (e) => {
 		switch (e) {
 			case "header": return Z.sectionHeader;
 			case "page-header": return Z.sectionPageHeader;
@@ -3210,7 +3260,7 @@ function Rt({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 	]), /* @__PURE__ */ (0, Y.jsxs)("div", {
 		ref: M,
 		tabIndex: 0,
-		className: Ft("flex h-full w-full border rounded-lg overflow-hidden bg-background", g),
+		className: It("flex h-full w-full border rounded-lg overflow-hidden bg-background", g),
 		children: [
 			/* @__PURE__ */ (0, Y.jsxs)("div", {
 				className: "flex-1 flex flex-col min-w-0",
@@ -3235,7 +3285,7 @@ function Rt({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 						!m && /* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [
 							/* @__PURE__ */ (0, Y.jsx)("div", { className: "w-px h-5 bg-border mx-1" }),
 							/* @__PURE__ */ (0, Y.jsx)("button", {
-								className: Ft("p-1.5 rounded hover:bg-accent", !_.canUndo && "opacity-40 pointer-events-none"),
+								className: It("p-1.5 rounded hover:bg-accent", !_.canUndo && "opacity-40 pointer-events-none"),
 								title: Z.undoShortcut,
 								"aria-label": Z.undo,
 								disabled: !_.canUndo,
@@ -3243,7 +3293,7 @@ function Rt({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 								children: /* @__PURE__ */ (0, Y.jsx)(Re, { className: "h-4 w-4" })
 							}),
 							/* @__PURE__ */ (0, Y.jsx)("button", {
-								className: Ft("p-1.5 rounded hover:bg-accent", !_.canRedo && "opacity-40 pointer-events-none"),
+								className: It("p-1.5 rounded hover:bg-accent", !_.canRedo && "opacity-40 pointer-events-none"),
 								title: Z.redoShortcut,
 								"aria-label": Z.redo,
 								disabled: !_.canRedo,
@@ -3254,7 +3304,7 @@ function Rt({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 						] }),
 						!m && /* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [
 							/* @__PURE__ */ (0, Y.jsx)("button", {
-								className: Ft("p-1.5 rounded hover:bg-accent", b.count === 0 && "opacity-40 pointer-events-none"),
+								className: It("p-1.5 rounded hover:bg-accent", b.count === 0 && "opacity-40 pointer-events-none"),
 								title: Z.copyShortcut,
 								"aria-label": Z.copy,
 								disabled: b.count === 0,
@@ -3262,7 +3312,7 @@ function Rt({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 								children: /* @__PURE__ */ (0, Y.jsx)(T, { className: "h-4 w-4" })
 							}),
 							/* @__PURE__ */ (0, Y.jsx)("button", {
-								className: Ft("p-1.5 rounded hover:bg-accent", !C.hasContent && "opacity-40 pointer-events-none"),
+								className: It("p-1.5 rounded hover:bg-accent", !C.hasContent && "opacity-40 pointer-events-none"),
 								title: Z.pasteShortcut,
 								"aria-label": Z.paste,
 								disabled: !C.hasContent,
@@ -3272,7 +3322,7 @@ function Rt({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 							/* @__PURE__ */ (0, Y.jsx)("div", { className: "w-px h-5 bg-border mx-1" })
 						] }),
 						!m && /* @__PURE__ */ (0, Y.jsx)("button", {
-							className: Ft("p-1.5 rounded hover:bg-accent", b.count === 0 && "opacity-40 pointer-events-none"),
+							className: It("p-1.5 rounded hover:bg-accent", b.count === 0 && "opacity-40 pointer-events-none"),
 							title: Z.deleteSelected,
 							"aria-label": Z.deleteSelected,
 							disabled: b.count === 0,
@@ -3301,7 +3351,7 @@ function Rt({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 							title: O ? Z.collapsePanel : Z.expandPanel,
 							"aria-label": O ? Z.collapsePanel : Z.expandPanel,
 							onClick: () => k((e) => !e),
-							children: /* @__PURE__ */ (0, Y.jsx)(ve, { className: Ft("h-4 w-4", !O && "rotate-180") })
+							children: /* @__PURE__ */ (0, Y.jsx)(ve, { className: It("h-4 w-4", !O && "rotate-180") })
 						})
 					]
 				}), /* @__PURE__ */ (0, Y.jsx)("div", {
@@ -3378,7 +3428,7 @@ function Rt({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 										return /* @__PURE__ */ (0, Y.jsxs)("div", {
 											draggable: !m,
 											onDragStart: (n) => te(n, e, t),
-											className: Ft("absolute border rounded px-2 py-1 text-xs cursor-pointer", n ? "border-primary ring-1 ring-primary/30 bg-primary/5" : "border-dashed border-gray-400 hover:border-primary/50"),
+											className: It("absolute border rounded px-2 py-1 text-xs cursor-pointer", n ? "border-primary ring-1 ring-primary/30 bg-primary/5" : "border-dashed border-gray-400 hover:border-primary/50"),
 											style: {
 												left: e.position.x,
 												top: (typeof e.position.y == "number" ? e.position.y : 0) + 24,
@@ -3414,8 +3464,8 @@ function Rt({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 			f && /* @__PURE__ */ (0, Y.jsx)("div", {
 				role: "region",
 				"aria-label": Z.propertiesPanel,
-				className: Ft("border-l bg-muted/30 flex flex-col transition-[width] duration-200", O ? "w-56" : "w-0 overflow-hidden"),
-				children: O && (S && L ? /* @__PURE__ */ (0, Y.jsx)(pt, {
+				className: It("border-l bg-muted/30 flex flex-col transition-[width] duration-200", O ? "w-56" : "w-0 overflow-hidden"),
+				children: O && (S && L ? /* @__PURE__ */ (0, Y.jsx)(mt, {
 					title: `${Z.properties} – ${L.type}`,
 					fields: re,
 					onChange: V
@@ -3430,7 +3480,7 @@ function Rt({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 					})
 				})] }))
 			}),
-			/* @__PURE__ */ (0, Y.jsx)(dt, {
+			/* @__PURE__ */ (0, Y.jsx)(ft, {
 				isOpen: w.isOpen,
 				title: w.title,
 				message: w.message,
@@ -3442,16 +3492,16 @@ function Rt({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 }
 //#endregion
 //#region ../../node_modules/.pnpm/react-i18next@17.0.6_i18next@26.0.8_typescript@6.0.3__react-dom@19.2.5_react@19.2.5__react@19.2.5_typescript@6.0.3/node_modules/react-i18next/dist/es/utils.js
-var zt = (e, t, n, r) => {
+var Bt = (e, t, n, r) => {
 	let i = [n, {
 		code: t,
 		...r || {}
 	}];
 	if (e?.services?.logger?.forward) return e.services.logger.forward(i, "warn", "react-i18next::", !0);
-	Kt(i[0]) && (i[0] = `react-i18next:: ${i[0]}`), e?.services?.logger?.warn ? e.services.logger.warn(...i) : console?.warn && console.warn(...i);
-}, Bt = {}, Vt = (e, t, n, r) => {
-	Kt(n) && Bt[n] || (Kt(n) && (Bt[n] = /* @__PURE__ */ new Date()), zt(e, t, n, r));
-}, Ht = (e, t) => () => {
+	qt(i[0]) && (i[0] = `react-i18next:: ${i[0]}`), e?.services?.logger?.warn ? e.services.logger.warn(...i) : console?.warn && console.warn(...i);
+}, Vt = {}, Ht = (e, t, n, r) => {
+	qt(n) && Vt[n] || (qt(n) && (Vt[n] = /* @__PURE__ */ new Date()), Bt(e, t, n, r));
+}, Ut = (e, t) => () => {
 	if (e.isInitialized) t();
 	else {
 		let n = () => {
@@ -3461,19 +3511,19 @@ var zt = (e, t, n, r) => {
 		};
 		e.on("initialized", n);
 	}
-}, Ut = (e, t, n) => {
-	e.loadNamespaces(t, Ht(e, n));
-}, Wt = (e, t, n, r) => {
-	if (Kt(n) && (n = [n]), e.options.preload && e.options.preload.indexOf(t) > -1) return Ut(e, n, r);
+}, Wt = (e, t, n) => {
+	e.loadNamespaces(t, Ut(e, n));
+}, Gt = (e, t, n, r) => {
+	if (qt(n) && (n = [n]), e.options.preload && e.options.preload.indexOf(t) > -1) return Wt(e, n, r);
 	n.forEach((t) => {
 		e.options.ns.indexOf(t) < 0 && e.options.ns.push(t);
-	}), e.loadLanguages(t, Ht(e, r));
-}, Gt = (e, t, n = {}) => !t.languages || !t.languages.length ? (Vt(t, "NO_LANGUAGES", "i18n.languages were undefined or empty", { languages: t.languages }), !0) : t.hasLoadedNamespace(e, {
+	}), e.loadLanguages(t, Ut(e, r));
+}, Kt = (e, t, n = {}) => !t.languages || !t.languages.length ? (Ht(t, "NO_LANGUAGES", "i18n.languages were undefined or empty", { languages: t.languages }), !0) : t.hasLoadedNamespace(e, {
 	lng: n.lng,
 	precheck: (t, r) => {
 		if (n.bindI18n && n.bindI18n.indexOf("languageChanging") > -1 && t.services.backendConnector.backend && t.isLanguageChangingTo && !r(t.isLanguageChangingTo, e)) return !1;
 	}
-}), Kt = (e) => typeof e == "string", qt = (e) => typeof e == "object" && !!e, Jt = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, Yt = {
+}), qt = (e) => typeof e == "string", Jt = (e) => typeof e == "object" && !!e, Yt = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, Xt = {
 	"&amp;": "&",
 	"&#38;": "&",
 	"&lt;": "<",
@@ -3494,7 +3544,7 @@ var zt = (e, t, n, r) => {
 	"&#8230;": "…",
 	"&#x2F;": "/",
 	"&#47;": "/"
-}, Xt = (e) => Yt[e], Zt = {
+}, Zt = (e) => Xt[e], Qt = {
 	bindI18n: "languageChanged",
 	bindI18nStore: "",
 	transEmptyNodeValue: "",
@@ -3507,9 +3557,9 @@ var zt = (e, t, n, r) => {
 		"p"
 	],
 	useSuspense: !0,
-	unescape: (e) => e.replace(Jt, Xt),
+	unescape: (e) => e.replace(Yt, Zt),
 	transDefaultProps: void 0
-}, Qt = () => Zt, $t, en = () => $t, tn = r(), nn = class {
+}, $t = () => Qt, en, tn = () => en, nn = r(), rn = class {
 	constructor() {
 		this.usedNamespaces = {};
 	}
@@ -3521,7 +3571,7 @@ var zt = (e, t, n, r) => {
 	getUsedNamespaces() {
 		return Object.keys(this.usedNamespaces);
 	}
-}, rn = /* @__PURE__ */ tt(((e) => {
+}, an = /* @__PURE__ */ tt(((e) => {
 	var t = nt("react");
 	function n(e, t) {
 		return e === t && (e !== 0 || 1 / e == 1 / t) || e !== e && t !== t;
@@ -3559,7 +3609,7 @@ var zt = (e, t, n, r) => {
 	}
 	var d = typeof window > "u" || window.document === void 0 || window.document.createElement === void 0 ? u : c;
 	e.useSyncExternalStore = t.useSyncExternalStore === void 0 ? d : t.useSyncExternalStore;
-})), an = /* @__PURE__ */ tt(((e) => {
+})), on = /* @__PURE__ */ tt(((e) => {
 	process.env.NODE_ENV !== "production" && (function() {
 		function t(e, t) {
 			return e === t && (e !== 0 || 1 / e == 1 / t) || e !== e && t !== t;
@@ -3605,12 +3655,12 @@ var zt = (e, t, n, r) => {
 		var a = nt("react"), o = typeof Object.is == "function" ? Object.is : t, s = a.useState, c = a.useEffect, l = a.useLayoutEffect, u = a.useDebugValue, d = !1, f = !1, p = typeof window > "u" || window.document === void 0 || window.document.createElement === void 0 ? i : n;
 		e.useSyncExternalStore = a.useSyncExternalStore === void 0 ? p : a.useSyncExternalStore, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
 	})();
-})), on = (/* @__PURE__ */ tt(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = rn() : t.exports = an();
-})))(), sn = {
+})), sn = (/* @__PURE__ */ tt(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = an() : t.exports = on();
+})))(), cn = {
 	t: (e, t) => {
-		if (Kt(t)) return t;
-		if (qt(t) && Kt(t.defaultValue)) return t.defaultValue;
+		if (qt(t)) return t;
+		if (Jt(t) && qt(t.defaultValue)) return t.defaultValue;
 		if (typeof e == "function") return "";
 		if (Array.isArray(e)) {
 			let t = e[e.length - 1];
@@ -3619,17 +3669,17 @@ var zt = (e, t, n, r) => {
 		return e;
 	},
 	ready: !1
-}, cn = () => () => {}, ln = (e, t = {}) => {
-	let { i18n: n } = t, { i18n: r, defaultNS: u } = a(tn) || {}, d = n || r || en();
-	d && !d.reportNamespaces && (d.reportNamespaces = new nn()), d || Vt(d, "NO_I18NEXT_INSTANCE", "useTranslation: You will need to pass in an i18next instance by using initReactI18next");
+}, ln = () => () => {}, un = (e, t = {}) => {
+	let { i18n: n } = t, { i18n: r, defaultNS: u } = a(nn) || {}, d = n || r || tn();
+	d && !d.reportNamespaces && (d.reportNamespaces = new rn()), d || Ht(d, "NO_I18NEXT_INSTANCE", "useTranslation: You will need to pass in an i18next instance by using initReactI18next");
 	let f = s(() => ({
-		...Qt(),
+		...$t(),
 		...d?.options?.react,
 		...t
-	}), [d, t]), { useSuspense: p, keyPrefix: m } = f, h = e || u || d?.options?.defaultNS, g = Kt(h) ? [h] : h || ["translation"], _ = s(() => g, g);
+	}), [d, t]), { useSuspense: p, keyPrefix: m } = f, h = e || u || d?.options?.defaultNS, g = qt(h) ? [h] : h || ["translation"], _ = s(() => g, g);
 	d?.reportNamespaces?.addUsedNamespaces?.(_);
 	let v = c(0), y = i((e) => {
-		if (!d) return cn;
+		if (!d) return ln;
 		let { bindI18n: t, bindI18nStore: n } = f, r = () => {
 			v.current += 1, e();
 		};
@@ -3637,8 +3687,8 @@ var zt = (e, t, n, r) => {
 			t && t.split(" ").forEach((e) => d.off(e, r)), n && n.split(" ").forEach((e) => d.store.off(e, r));
 		};
 	}, [d, f]), b = c(), x = i(() => {
-		if (!d) return sn;
-		let e = !!(d.isInitialized || d.initializedStoreOnce) && _.every((e) => Gt(e, d, f)), n = t.lng || d.language, r = v.current, i = b.current;
+		if (!d) return cn;
+		let e = !!(d.isInitialized || d.initializedStoreOnce) && _.every((e) => Kt(e, d, f)), n = t.lng || d.language, r = v.current, i = b.current;
 		if (i && i.ready === e && i.lng === n && i.keyPrefix === m && i.revision === r) return i;
 		let a = {
 			t: d.getFixedT(n, f.nsMode === "fallback" ? _ : _[0], m),
@@ -3654,11 +3704,11 @@ var zt = (e, t, n, r) => {
 		m,
 		f,
 		t.lng
-	]), [S, C] = l(0), { t: w, ready: T } = (0, on.useSyncExternalStore)(y, x, x);
+	]), [S, C] = l(0), { t: w, ready: T } = (0, sn.useSyncExternalStore)(y, x, x);
 	o(() => {
 		if (d && !T && !p) {
 			let e = () => C((e) => e + 1);
-			t.lng ? Wt(d, t.lng, _, e) : Ut(d, _, e);
+			t.lng ? Gt(d, t.lng, _, e) : Wt(d, _, e);
 		}
 	}, [
 		d,
@@ -3684,7 +3734,7 @@ var zt = (e, t, n, r) => {
 	}, A = s(() => {
 		let e = E, t = e?.language, n = e;
 		e && (D.current && D.current.__original === e && O.current === t ? n = D.current : (n = k(e), D.current = n, O.current = t));
-		let r = !T && !p ? (...e) => (Vt(d, "USE_T_BEFORE_READY", "useTranslation: t was called before ready. When using useSuspense: false, make sure to check the ready flag before using t."), w(...e)) : w, i = [
+		let r = !T && !p ? (...e) => (Ht(d, "USE_T_BEFORE_READY", "useTranslation: t was called before ready. When using useSuspense: false, make sure to check the ready flag before using t."), w(...e)) : w, i = [
 			r,
 			n,
 			T
@@ -3700,12 +3750,12 @@ var zt = (e, t, n, r) => {
 	]);
 	if (d && p && !T) throw new Promise((e) => {
 		let n = () => e();
-		t.lng ? Wt(d, t.lng, _, n) : Ut(d, _, n);
+		t.lng ? Gt(d, t.lng, _, n) : Wt(d, _, n);
 	});
 	return A;
-}, un = r(null);
-function dn(e) {
-	let t = a(un), { t: n, i18n: r } = ln(e);
+}, dn = r(null);
+function fn(e) {
+	let t = a(dn), { t: n, i18n: r } = un(e);
 	return {
 		t: n,
 		language: t?.language || r.language || "en",
@@ -3718,7 +3768,7 @@ function dn(e) {
 }
 //#endregion
 //#region src/hooks/useDesignerTranslation.ts
-var fn = {
+var pn = {
 	"appDesigner.basicInfo": "Basic Info",
 	"appDesigner.objects": "Objects",
 	"appDesigner.navigation": "Navigation",
@@ -3881,7 +3931,7 @@ var fn = {
 	"appDesigner.fieldDesigner.typeCategory.advanced": "Advanced",
 	"common.edit": "Edit"
 };
-function pn(e) {
+function mn(e) {
 	return (t, n) => {
 		let r = e[t] || t;
 		if (n) for (let [e, t] of Object.entries(n)) r = r.replace(`{{${e}}}`, String(t));
@@ -3890,18 +3940,18 @@ function pn(e) {
 }
 function Q() {
 	try {
-		let e = dn();
-		return e.t("appDesigner.basicInfo") === "appDesigner.basicInfo" ? { t: pn(fn) } : { t: e.t };
+		let e = fn();
+		return e.t("appDesigner.basicInfo") === "appDesigner.basicInfo" ? { t: mn(pn) } : { t: e.t };
 	} catch {
-		return { t: pn(fn) };
+		return { t: mn(pn) };
 	}
 }
 //#endregion
 //#region src/AppCreationWizard.tsx
-function mn(...e) {
+function hn(...e) {
 	return q(K(e));
 }
-var hn = {
+var gn = {
 	name: "",
 	title: "",
 	description: "",
@@ -3916,7 +3966,7 @@ var hn = {
 		favicon: ""
 	}
 };
-function gn(e) {
+function _n(e) {
 	return e.filter((e) => e.selected).map((e) => ({
 		id: e.name,
 		type: "object",
@@ -3925,32 +3975,32 @@ function gn(e) {
 		objectName: e.name
 	}));
 }
-var _n = 0;
-function vn(e) {
-	return _n += 1, `${e}_${Date.now()}_${_n}`;
+var vn = 0;
+function yn(e) {
+	return vn += 1, `${e}_${Date.now()}_${vn}`;
 }
-function yn({ steps: e, currentIndex: t, onStepClick: r }) {
+function bn({ steps: e, currentIndex: t, onStepClick: r }) {
 	return /* @__PURE__ */ (0, Y.jsx)("nav", {
 		className: "flex items-center justify-center gap-0 px-4 py-6",
 		children: e.map((e, i) => {
 			let a = i < t, o = i === t;
-			return /* @__PURE__ */ (0, Y.jsxs)(n.Fragment, { children: [i > 0 && /* @__PURE__ */ (0, Y.jsx)("div", { className: mn("h-0.5 w-12 sm:w-20", a ? "bg-blue-500" : "bg-gray-200") }), /* @__PURE__ */ (0, Y.jsxs)("button", {
+			return /* @__PURE__ */ (0, Y.jsxs)(n.Fragment, { children: [i > 0 && /* @__PURE__ */ (0, Y.jsx)("div", { className: hn("h-0.5 w-12 sm:w-20", a ? "bg-blue-500" : "bg-gray-200") }), /* @__PURE__ */ (0, Y.jsxs)("button", {
 				type: "button",
 				"data-testid": `wizard-step-${e.id}`,
 				onClick: () => r(i),
-				className: mn("flex flex-col items-center gap-1 outline-none focus-visible:ring-2 focus-visible:ring-blue-400 rounded-lg px-2 py-1", o && "cursor-default", !o && "cursor-pointer"),
+				className: hn("flex flex-col items-center gap-1 outline-none focus-visible:ring-2 focus-visible:ring-blue-400 rounded-lg px-2 py-1", o && "cursor-default", !o && "cursor-pointer"),
 				children: [/* @__PURE__ */ (0, Y.jsx)("div", {
-					className: mn("flex h-8 w-8 items-center justify-center rounded-full text-sm font-semibold transition-colors", a && "bg-blue-500 text-white", o && "bg-blue-600 text-white ring-2 ring-blue-300", !a && !o && "bg-gray-200 text-gray-500"),
+					className: hn("flex h-8 w-8 items-center justify-center rounded-full text-sm font-semibold transition-colors", a && "bg-blue-500 text-white", o && "bg-blue-600 text-white ring-2 ring-blue-300", !a && !o && "bg-gray-200 text-gray-500"),
 					children: a ? /* @__PURE__ */ (0, Y.jsx)(g, { className: "h-4 w-4" }) : i + 1
 				}), /* @__PURE__ */ (0, Y.jsx)("span", {
-					className: mn("text-xs font-medium", o ? "text-blue-600" : "text-gray-500"),
+					className: hn("text-xs font-medium", o ? "text-blue-600" : "text-gray-500"),
 					children: e.label
 				})]
 			})] }, e.id);
 		})
 	});
 }
-function bn({ draft: e, templates: t, readOnly: n, onChange: r, t: i }) {
+function xn({ draft: e, templates: t, readOnly: n, onChange: r, t: i }) {
 	let a = e.name.length > 0 && !Ge(e.name);
 	return /* @__PURE__ */ (0, Y.jsxs)("div", {
 		"data-testid": "wizard-step-basic-content",
@@ -3979,7 +4029,7 @@ function bn({ draft: e, templates: t, readOnly: n, onChange: r, t: i }) {
 						onChange: (e) => r({ name: e.target.value }),
 						placeholder: "my_app",
 						disabled: n,
-						className: mn("block w-full rounded-md border px-3 py-2 text-sm shadow-sm outline-none transition-colors", "focus:border-blue-500 focus:ring-1 focus:ring-blue-500", "disabled:cursor-not-allowed disabled:bg-gray-50", a ? "border-red-400" : "border-gray-300")
+						className: hn("block w-full rounded-md border px-3 py-2 text-sm shadow-sm outline-none transition-colors", "focus:border-blue-500 focus:ring-1 focus:ring-blue-500", "disabled:cursor-not-allowed disabled:bg-gray-50", a ? "border-red-400" : "border-gray-300")
 					}),
 					a && /* @__PURE__ */ (0, Y.jsx)("p", {
 						className: "text-xs text-red-500",
@@ -4089,7 +4139,7 @@ function bn({ draft: e, templates: t, readOnly: n, onChange: r, t: i }) {
 						}
 					].map(({ value: t, labelKey: a, Icon: o }) => /* @__PURE__ */ (0, Y.jsxs)("label", {
 						"data-testid": `app-layout-${t}`,
-						className: mn("flex flex-1 cursor-pointer flex-col items-center gap-1.5 rounded-lg border-2 p-3 transition-colors", e.layout === t ? "border-blue-500 bg-blue-50" : "border-gray-200 hover:border-gray-300", n && "pointer-events-none opacity-60"),
+						className: hn("flex flex-1 cursor-pointer flex-col items-center gap-1.5 rounded-lg border-2 p-3 transition-colors", e.layout === t ? "border-blue-500 bg-blue-50" : "border-gray-200 hover:border-gray-300", n && "pointer-events-none opacity-60"),
 						children: [
 							/* @__PURE__ */ (0, Y.jsx)(o, { className: "h-5 w-5 text-gray-600" }),
 							/* @__PURE__ */ (0, Y.jsx)("span", {
@@ -4112,7 +4162,7 @@ function bn({ draft: e, templates: t, readOnly: n, onChange: r, t: i }) {
 		]
 	});
 }
-function xn({ objects: e, readOnly: t, onToggle: n, onToggleAll: r, search: i, onSearchChange: a, t: o }) {
+function Sn({ objects: e, readOnly: t, onToggle: n, onToggleAll: r, search: i, onSearchChange: a, t: o }) {
 	let c = s(() => {
 		if (!i) return e;
 		let t = i.toLowerCase();
@@ -4150,7 +4200,7 @@ function xn({ objects: e, readOnly: t, onToggle: n, onToggleAll: r, search: i, o
 				"data-testid": `object-card-${e.name}`,
 				disabled: t,
 				onClick: () => n(e.name),
-				className: mn("flex flex-col items-start gap-1 rounded-lg border-2 p-3 text-left transition-colors", e.selected ? "border-blue-500 bg-blue-50" : "border-gray-200 hover:border-gray-300", t && "pointer-events-none opacity-60"),
+				className: hn("flex flex-col items-start gap-1 rounded-lg border-2 p-3 text-left transition-colors", e.selected ? "border-blue-500 bg-blue-50" : "border-gray-200 hover:border-gray-300", t && "pointer-events-none opacity-60"),
 				children: [
 					/* @__PURE__ */ (0, Y.jsxs)("div", {
 						className: "flex w-full items-center justify-between",
@@ -4158,7 +4208,7 @@ function xn({ objects: e, readOnly: t, onToggle: n, onToggleAll: r, search: i, o
 							className: "text-sm font-medium text-gray-800",
 							children: e.label
 						}), /* @__PURE__ */ (0, Y.jsx)("div", {
-							className: mn("flex h-5 w-5 items-center justify-center rounded border transition-colors", e.selected ? "border-blue-500 bg-blue-500 text-white" : "border-gray-300"),
+							className: hn("flex h-5 w-5 items-center justify-center rounded border transition-colors", e.selected ? "border-blue-500 bg-blue-500 text-white" : "border-gray-300"),
 							children: e.selected && /* @__PURE__ */ (0, Y.jsx)(g, { className: "h-3 w-3" })
 						})]
 					}),
@@ -4175,7 +4225,7 @@ function xn({ objects: e, readOnly: t, onToggle: n, onToggleAll: r, search: i, o
 		})]
 	});
 }
-var Sn = {
+var Cn = {
 	object: "bg-green-100 text-green-700",
 	group: "bg-purple-100 text-purple-700",
 	url: "bg-sky-100 text-sky-700",
@@ -4185,7 +4235,7 @@ var Sn = {
 	report: "bg-rose-100 text-rose-700",
 	action: "bg-orange-100 text-orange-700"
 };
-function Cn({ items: e, readOnly: t, onAdd: n, onRemove: r, onReorder: i, t: a }) {
+function wn({ items: e, readOnly: t, onAdd: n, onRemove: r, onReorder: i, t: a }) {
 	return /* @__PURE__ */ (0, Y.jsxs)("div", {
 		"data-testid": "wizard-step-navigation-content",
 		className: "mx-auto max-w-lg space-y-4",
@@ -4235,7 +4285,7 @@ function Cn({ items: e, readOnly: t, onAdd: n, onRemove: r, onReorder: i, t: a }
 						children: n.type === "separator" ? a("appDesigner.separatorLabel") : qe(n.label)
 					}),
 					/* @__PURE__ */ (0, Y.jsx)("span", {
-						className: mn("rounded-full px-2 py-0.5 text-[10px] font-medium", Sn[n.type] ?? "bg-gray-100 text-gray-600"),
+						className: hn("rounded-full px-2 py-0.5 text-[10px] font-medium", Cn[n.type] ?? "bg-gray-100 text-gray-600"),
 						children: n.type
 					}),
 					/* @__PURE__ */ (0, Y.jsxs)("div", {
@@ -4272,7 +4322,7 @@ function Cn({ items: e, readOnly: t, onAdd: n, onRemove: r, onReorder: i, t: a }
 		})]
 	});
 }
-function wn({ branding: e, title: t, readOnly: n, onChange: r, t: i }) {
+function Tn({ branding: e, title: t, readOnly: n, onChange: r, t: i }) {
 	return /* @__PURE__ */ (0, Y.jsxs)("div", {
 		"data-testid": "wizard-step-branding-content",
 		className: "mx-auto max-w-lg space-y-5",
@@ -4386,9 +4436,9 @@ function wn({ branding: e, title: t, readOnly: n, onChange: r, t: i }) {
 		]
 	});
 }
-function Tn({ availableObjects: e = [], templates: t = [], initialDraft: n, onComplete: r, onCancel: a, onSaveDraft: o, readOnly: c = !1, className: u }) {
-	let { t: d } = Q(), f = it(), [p, m] = l(0), [h, _] = l(""), [b, x] = l(() => ({
-		...hn,
+function En({ availableObjects: e = [], templates: t = [], initialDraft: n, onComplete: r, onCancel: a, onSaveDraft: o, readOnly: c = !1, className: u }) {
+	let { t: d } = Q(), f = at(), [p, m] = l(0), [h, _] = l(""), [b, x] = l(() => ({
+		...gn,
 		objects: e.map((e) => ({ ...e })),
 		...n
 	})), S = s(() => [
@@ -4447,7 +4497,7 @@ function Tn({ availableObjects: e = [], templates: t = [], initialDraft: n, onCo
 		}));
 	}, []), j = i((e) => {
 		let t = {
-			id: vn(e),
+			id: yn(e),
 			type: e,
 			label: e === "separator" ? "" : e === "group" ? "New Group" : "New Link",
 			...e === "group" ? { children: [] } : {},
@@ -4475,7 +4525,7 @@ function Tn({ availableObjects: e = [], templates: t = [], initialDraft: n, onCo
 	}, []), P = i(() => {
 		w || (p === 1 && x((e) => ({
 			...e,
-			navigation: gn(e.objects)
+			navigation: _n(e.objects)
 		})), m((e) => e + 1));
 	}, [p, w]), F = i(() => {
 		C || m((e) => e - 1);
@@ -4494,11 +4544,11 @@ function Tn({ availableObjects: e = [], templates: t = [], initialDraft: n, onCo
 	}, [b, o]), z = i((e) => {
 		e <= p ? m(e) : e === p + 1 && E && (p === 1 && e === 2 && x((e) => ({
 			...e,
-			navigation: gn(e.objects)
+			navigation: _n(e.objects)
 		})), m(e));
 	}, [p, E]);
 	return /* @__PURE__ */ (0, Y.jsxs)("div", {
-		className: mn("flex h-full flex-col rounded-xl border border-gray-200 bg-white shadow-sm", u),
+		className: hn("flex h-full flex-col rounded-xl border border-gray-200 bg-white shadow-sm", u),
 		children: [
 			f.isOpen && /* @__PURE__ */ (0, Y.jsx)("div", {
 				"data-testid": "cancel-confirm-dialog",
@@ -4546,7 +4596,7 @@ function Tn({ availableObjects: e = [], templates: t = [], initialDraft: n, onCo
 			}),
 			/* @__PURE__ */ (0, Y.jsx)("div", {
 				className: "border-b border-gray-100",
-				children: /* @__PURE__ */ (0, Y.jsx)(yn, {
+				children: /* @__PURE__ */ (0, Y.jsx)(bn, {
 					steps: S,
 					currentIndex: p,
 					onStepClick: z
@@ -4555,14 +4605,14 @@ function Tn({ availableObjects: e = [], templates: t = [], initialDraft: n, onCo
 			/* @__PURE__ */ (0, Y.jsxs)("div", {
 				className: "flex-1 overflow-y-auto p-6",
 				children: [
-					p === 0 && /* @__PURE__ */ (0, Y.jsx)(bn, {
+					p === 0 && /* @__PURE__ */ (0, Y.jsx)(xn, {
 						draft: b,
 						templates: t,
 						readOnly: c,
 						onChange: D,
 						t: d
 					}),
-					p === 1 && /* @__PURE__ */ (0, Y.jsx)(xn, {
+					p === 1 && /* @__PURE__ */ (0, Y.jsx)(Sn, {
 						objects: b.objects,
 						readOnly: c,
 						onToggle: k,
@@ -4571,7 +4621,7 @@ function Tn({ availableObjects: e = [], templates: t = [], initialDraft: n, onCo
 						onSearchChange: _,
 						t: d
 					}),
-					p === 2 && /* @__PURE__ */ (0, Y.jsx)(Cn, {
+					p === 2 && /* @__PURE__ */ (0, Y.jsx)(wn, {
 						items: b.navigation,
 						readOnly: c,
 						onAdd: j,
@@ -4579,7 +4629,7 @@ function Tn({ availableObjects: e = [], templates: t = [], initialDraft: n, onCo
 						onReorder: N,
 						t: d
 					}),
-					p === 3 && /* @__PURE__ */ (0, Y.jsx)(wn, {
+					p === 3 && /* @__PURE__ */ (0, Y.jsx)(Tn, {
 						branding: b.branding,
 						title: b.title,
 						readOnly: c,
@@ -4638,14 +4688,14 @@ function Tn({ availableObjects: e = [], templates: t = [], initialDraft: n, onCo
 }
 //#endregion
 //#region src/NavigationDesigner.tsx
-function En(...e) {
+function Dn(...e) {
 	return q(K(e));
 }
-var Dn = 0;
-function On(e) {
-	return Dn += 1, `${e}_${Date.now()}_${Dn}`;
+var On = 0;
+function kn(e) {
+	return On += 1, `${e}_${Date.now()}_${On}`;
 }
-var kn = {
+var An = {
 	object: {
 		labelKey: "appDesigner.navTypeObject",
 		color: "bg-green-100 text-green-700",
@@ -4686,7 +4736,7 @@ var kn = {
 		color: "bg-orange-100 text-orange-700",
 		Icon: G
 	}
-}, An = [
+}, jn = [
 	{
 		type: "object",
 		labelKey: "appDesigner.navObjectPage"
@@ -4716,8 +4766,8 @@ var kn = {
 		labelKey: "appDesigner.navSeparator"
 	}
 ];
-function jn({ item: e, depth: t, index: n, total: r, readOnly: i, onRemove: a, onMoveUp: o, onMoveDown: s, onToggleExpand: c, onUpdateLabel: u, onUpdateIcon: d, onToggleVisible: f, onAddChild: p, expandedIds: m, t: h }) {
-	let [g, v] = l(!1), [x, S] = l(qe(e.label) ?? ""), [C, w] = l(!1), [T, E] = l(e.icon || ""), D = kn[e.type];
+function Mn({ item: e, depth: t, index: n, total: r, readOnly: i, onRemove: a, onMoveUp: o, onMoveDown: s, onToggleExpand: c, onUpdateLabel: u, onUpdateIcon: d, onToggleVisible: f, onAddChild: p, expandedIds: m, t: h }) {
+	let [g, v] = l(!1), [x, S] = l(qe(e.label) ?? ""), [C, w] = l(!1), [T, E] = l(e.icon || ""), D = An[e.type];
 	e.type === "group" && e.children && e.children.length;
 	let O = m.has(e.id), j = e.visible === !1, M = () => {
 		x.trim() ? u(e.id, x.trim()) : S(qe(e.label) ?? ""), v(!1);
@@ -4726,7 +4776,7 @@ function jn({ item: e, depth: t, index: n, total: r, readOnly: i, onRemove: a, o
 	};
 	return /* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [/* @__PURE__ */ (0, Y.jsxs)("li", {
 		"data-testid": `nav-designer-item-${e.id}`,
-		className: En("flex items-center gap-2 rounded-md border border-gray-200 bg-white px-2 py-1.5 transition-colors hover:bg-gray-50", j && "opacity-50"),
+		className: Dn("flex items-center gap-2 rounded-md border border-gray-200 bg-white px-2 py-1.5 transition-colors hover:bg-gray-50", j && "opacity-50"),
 		style: { marginLeft: t * 20 },
 		children: [
 			/* @__PURE__ */ (0, Y.jsx)(z, { className: "h-3.5 w-3.5 shrink-0 cursor-grab text-gray-300" }),
@@ -4776,14 +4826,14 @@ function jn({ item: e, depth: t, index: n, total: r, readOnly: i, onRemove: a, o
 				autoFocus: !0,
 				className: "flex-1 rounded border border-blue-300 px-1.5 py-0.5 text-sm outline-none focus:ring-1 focus:ring-blue-400"
 			}) : /* @__PURE__ */ (0, Y.jsx)("span", {
-				className: En("flex-1 truncate text-sm text-gray-800", !i && "cursor-text"),
+				className: Dn("flex-1 truncate text-sm text-gray-800", !i && "cursor-text"),
 				onDoubleClick: () => {
 					!i && e.type !== "separator" && (S(qe(e.label) ?? ""), v(!0));
 				},
 				children: qe(e.label)
 			}),
 			/* @__PURE__ */ (0, Y.jsx)("span", {
-				className: En("rounded-full px-2 py-0.5 text-[10px] font-medium", D.color),
+				className: Dn("rounded-full px-2 py-0.5 text-[10px] font-medium", D.color),
 				children: h(D.labelKey)
 			}),
 			j && /* @__PURE__ */ (0, Y.jsx)("span", {
@@ -4833,7 +4883,7 @@ function jn({ item: e, depth: t, index: n, total: r, readOnly: i, onRemove: a, o
 				children: /* @__PURE__ */ (0, Y.jsx)(Fe, { className: "h-3.5 w-3.5" })
 			})
 		]
-	}), e.type === "group" && O && e.children && /* @__PURE__ */ (0, Y.jsx)(Y.Fragment, { children: e.children.map((n, r) => /* @__PURE__ */ (0, Y.jsx)(jn, {
+	}), e.type === "group" && O && e.children && /* @__PURE__ */ (0, Y.jsx)(Y.Fragment, { children: e.children.map((n, r) => /* @__PURE__ */ (0, Y.jsx)(Mn, {
 		item: n,
 		depth: t + 1,
 		index: r,
@@ -4851,7 +4901,7 @@ function jn({ item: e, depth: t, index: n, total: r, readOnly: i, onRemove: a, o
 		t: h
 	}, n.id)) })] });
 }
-function Mn({ items: e, t }) {
+function Nn({ items: e, t }) {
 	return /* @__PURE__ */ (0, Y.jsxs)("div", {
 		"data-testid": "nav-designer-preview",
 		className: "w-56 shrink-0 rounded-lg border border-gray-200 bg-gray-50 p-3",
@@ -4863,15 +4913,15 @@ function Mn({ items: e, t }) {
 			children: t("appDesigner.navNoPreviewItems")
 		}) : /* @__PURE__ */ (0, Y.jsx)("ul", {
 			className: "space-y-0.5",
-			children: e.map((e) => /* @__PURE__ */ (0, Y.jsx)(Nn, {
+			children: e.map((e) => /* @__PURE__ */ (0, Y.jsx)(Pn, {
 				item: e,
 				depth: 0
 			}, e.id))
 		})]
 	});
 }
-function Nn({ item: e, depth: t }) {
-	let n = kn[e.type];
+function Pn({ item: e, depth: t }) {
+	let n = An[e.type];
 	return e.type === "separator" ? /* @__PURE__ */ (0, Y.jsx)("li", {
 		className: "my-1 border-t border-gray-200",
 		style: { marginLeft: t * 12 }
@@ -4882,12 +4932,12 @@ function Nn({ item: e, depth: t }) {
 			className: "truncate",
 			children: qe(e.label)
 		})]
-	}), e.type === "group" && e.children?.map((e) => /* @__PURE__ */ (0, Y.jsx)(Nn, {
+	}), e.type === "group" && e.children?.map((e) => /* @__PURE__ */ (0, Y.jsx)(Pn, {
 		item: e,
 		depth: t + 1
 	}, e.id))] });
 }
-function Pn({ items: e, onChange: t, readOnly: n = !1, showPreview: r = !0, className: a, onExport: o, onImport: s }) {
+function Fn({ items: e, onChange: t, readOnly: n = !1, showPreview: r = !0, className: a, onExport: o, onImport: s }) {
 	let { t: u } = Q(), d = c(null), [f, p] = l(() => new Set(e.filter((e) => e.type === "group").map((e) => e.id))), m = i((n) => {
 		function r(e) {
 			return e.filter((e) => e.id !== n).map((e) => e.children ? {
@@ -4948,9 +4998,9 @@ function Pn({ items: e, onChange: t, readOnly: n = !1, showPreview: r = !0, clas
 		t(r(e));
 	}, [e, t]), y = i((n, r) => {
 		let i = {
-			id: On(r),
+			id: kn(r),
 			type: r,
-			label: r === "separator" ? "" : `New ${u(kn[r].labelKey)}`,
+			label: r === "separator" ? "" : `New ${u(An[r].labelKey)}`,
 			...r === "group" ? { children: [] } : {},
 			...r === "url" ? { url: "" } : {}
 		};
@@ -4966,9 +5016,9 @@ function Pn({ items: e, onChange: t, readOnly: n = !1, showPreview: r = !0, clas
 		t(a(e)), p((e) => new Set(e).add(n));
 	}, [e, t]), b = i((n) => {
 		let r = {
-			id: On(n),
+			id: kn(n),
 			type: n,
-			label: n === "separator" ? "" : `New ${u(kn[n].labelKey)}`,
+			label: n === "separator" ? "" : `New ${u(An[n].labelKey)}`,
 			...n === "group" ? { children: [] } : {},
 			...n === "url" ? { url: "" } : {}
 		};
@@ -5001,20 +5051,20 @@ function Pn({ items: e, onChange: t, readOnly: n = !1, showPreview: r = !0, clas
 	}, [t, s]);
 	return /* @__PURE__ */ (0, Y.jsxs)("div", {
 		"data-testid": "navigation-designer",
-		className: En("flex flex-col gap-4 sm:flex-row", a),
+		className: Dn("flex flex-col gap-4 sm:flex-row", a),
 		children: [/* @__PURE__ */ (0, Y.jsxs)("div", {
 			className: "flex-1 space-y-3",
 			children: [/* @__PURE__ */ (0, Y.jsxs)("div", {
 				className: "flex flex-wrap items-center gap-1.5",
 				children: [
-					An.map(({ type: e, labelKey: t }) => {
-						let { Icon: r, color: i } = kn[e];
+					jn.map(({ type: e, labelKey: t }) => {
+						let { Icon: r, color: i } = An[e];
 						return /* @__PURE__ */ (0, Y.jsxs)("button", {
 							type: "button",
 							"data-testid": `nav-designer-add-${e}`,
 							onClick: () => b(e),
 							disabled: n,
-							className: En("inline-flex items-center gap-1 rounded-md border border-gray-200 px-2.5 py-1 text-xs font-medium transition-colors hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50"),
+							className: Dn("inline-flex items-center gap-1 rounded-md border border-gray-200 px-2.5 py-1 text-xs font-medium transition-colors hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50"),
 							children: [/* @__PURE__ */ (0, Y.jsx)(we, { className: "h-3 w-3" }), u(t)]
 						}, e);
 					}),
@@ -5028,7 +5078,7 @@ function Pn({ items: e, onChange: t, readOnly: n = !1, showPreview: r = !0, clas
 					}),
 					/* @__PURE__ */ (0, Y.jsxs)("label", {
 						"data-testid": "nav-designer-import",
-						className: En("inline-flex cursor-pointer items-center gap-1 rounded-md border border-gray-200 px-2.5 py-1 text-xs font-medium transition-colors hover:bg-gray-50", n && "cursor-not-allowed opacity-50"),
+						className: Dn("inline-flex cursor-pointer items-center gap-1 rounded-md border border-gray-200 px-2.5 py-1 text-xs font-medium transition-colors hover:bg-gray-50", n && "cursor-not-allowed opacity-50"),
 						children: [
 							/* @__PURE__ */ (0, Y.jsx)(ze, { className: "h-3 w-3" }),
 							u("appDesigner.navImportSchema"),
@@ -5050,7 +5100,7 @@ function Pn({ items: e, onChange: t, readOnly: n = !1, showPreview: r = !0, clas
 			}) : /* @__PURE__ */ (0, Y.jsx)("ul", {
 				className: "space-y-1",
 				"data-testid": "nav-designer-tree",
-				children: e.map((t, r) => /* @__PURE__ */ (0, Y.jsx)(jn, {
+				children: e.map((t, r) => /* @__PURE__ */ (0, Y.jsx)(Mn, {
 					item: t,
 					depth: 0,
 					index: r,
@@ -5068,7 +5118,7 @@ function Pn({ items: e, onChange: t, readOnly: n = !1, showPreview: r = !0, clas
 					t: u
 				}, t.id))
 			})]
-		}), r && /* @__PURE__ */ (0, Y.jsx)(Mn, {
+		}), r && /* @__PURE__ */ (0, Y.jsx)(Nn, {
 			items: e,
 			t: u
 		})]
@@ -5076,10 +5126,10 @@ function Pn({ items: e, onChange: t, readOnly: n = !1, showPreview: r = !0, clas
 }
 //#endregion
 //#region src/EditorModeToggle.tsx
-function Fn(...e) {
+function In(...e) {
 	return q(K(e));
 }
-var In = [
+var Ln = [
 	{
 		value: "edit",
 		label: "Edit",
@@ -5096,30 +5146,30 @@ var In = [
 		Icon: C
 	}
 ];
-function Ln({ mode: e, onChange: t, disabled: n = !1, className: r }) {
+function Rn({ mode: e, onChange: t, disabled: n = !1, className: r }) {
 	return /* @__PURE__ */ (0, Y.jsx)("div", {
 		"data-testid": "editor-mode-toggle",
-		className: Fn("inline-flex items-center rounded-lg border border-gray-200 bg-gray-50 p-0.5", r),
+		className: In("inline-flex items-center rounded-lg border border-gray-200 bg-gray-50 p-0.5", r),
 		role: "radiogroup",
 		"aria-label": "Editor mode",
-		children: In.map(({ value: r, label: i, Icon: a }) => /* @__PURE__ */ (0, Y.jsxs)("button", {
+		children: Ln.map(({ value: r, label: i, Icon: a }) => /* @__PURE__ */ (0, Y.jsxs)("button", {
 			type: "button",
 			role: "radio",
 			"aria-checked": e === r,
 			"data-testid": `editor-mode-${r}`,
 			onClick: () => t(r),
 			disabled: n,
-			className: Fn("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", e === r ? "bg-white text-gray-900 shadow-sm" : "text-gray-500 hover:text-gray-700", n && "cursor-not-allowed opacity-50"),
+			className: In("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", e === r ? "bg-white text-gray-900 shadow-sm" : "text-gray-500 hover:text-gray-700", n && "cursor-not-allowed opacity-50"),
 			children: [/* @__PURE__ */ (0, Y.jsx)(a, { className: "h-3.5 w-3.5" }), i]
 		}, r))
 	});
 }
 //#endregion
 //#region src/DashboardEditor.tsx
-function Rn(...e) {
+function zn(...e) {
 	return q(K(e));
 }
-var zn = [
+var Bn = [
 	{
 		type: "metric",
 		label: "KPI Metric",
@@ -5150,16 +5200,16 @@ var zn = [
 		label: "Grid",
 		Icon: re
 	}
-], Bn = 0;
-function Vn() {
-	return Bn += 1, `widget_${Date.now()}_${Bn}`;
+], Vn = 0;
+function Hn() {
+	return Vn += 1, `widget_${Date.now()}_${Vn}`;
 }
-function Hn({ widget: e, index: t, total: n, selected: r, readOnly: i, onSelect: a, onRemove: o, onMoveUp: s, onMoveDown: c }) {
-	let l = e.type || "metric", u = zn.find((e) => e.type === l) || zn[0];
+function Un({ widget: e, index: t, total: n, selected: r, readOnly: i, onSelect: a, onRemove: o, onMoveUp: s, onMoveDown: c }) {
+	let l = e.type || "metric", u = Bn.find((e) => e.type === l) || Bn[0];
 	return /* @__PURE__ */ (0, Y.jsxs)("div", {
 		"data-testid": `dashboard-widget-${e.id}`,
 		onClick: a,
-		className: Rn("group cursor-pointer rounded-lg border-2 p-3 transition-colors", r ? "border-blue-500 bg-blue-50" : "border-gray-200 hover:border-gray-300"),
+		className: zn("group cursor-pointer rounded-lg border-2 p-3 transition-colors", r ? "border-blue-500 bg-blue-50" : "border-gray-200 hover:border-gray-300"),
 		children: [/* @__PURE__ */ (0, Y.jsxs)("div", {
 			className: "flex items-start justify-between",
 			children: [/* @__PURE__ */ (0, Y.jsxs)("div", {
@@ -5219,7 +5269,7 @@ function Hn({ widget: e, index: t, total: n, selected: r, readOnly: i, onSelect:
 		})]
 	});
 }
-function Un({ widget: e, readOnly: t, onChange: n, onClose: r }) {
+function Wn({ widget: e, readOnly: t, onChange: n, onClose: r }) {
 	let { t: i } = Q();
 	return /* @__PURE__ */ (0, Y.jsxs)("div", {
 		"data-testid": "widget-property-panel",
@@ -5267,7 +5317,7 @@ function Un({ widget: e, readOnly: t, onChange: n, onClose: r }) {
 					onChange: (e) => n({ type: e.target.value }),
 					disabled: t,
 					className: "block w-full rounded-md border border-gray-300 px-2.5 py-1.5 text-sm outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-500 disabled:bg-gray-50",
-					children: zn.map((e) => /* @__PURE__ */ (0, Y.jsx)("option", {
+					children: Bn.map((e) => /* @__PURE__ */ (0, Y.jsx)("option", {
 						value: e.type,
 						children: e.label
 					}, e.type))
@@ -5444,7 +5494,7 @@ function Un({ widget: e, readOnly: t, onChange: n, onClose: r }) {
 		]
 	});
 }
-function Wn({ schema: e }) {
+function Gn({ schema: e }) {
 	let { t } = Q(), n = e.widgets || [];
 	return /* @__PURE__ */ (0, Y.jsxs)("div", {
 		"data-testid": "dashboard-preview",
@@ -5459,7 +5509,7 @@ function Wn({ schema: e }) {
 			className: "grid gap-2",
 			style: { gridTemplateColumns: `repeat(${e.columns ?? 2}, 1fr)` },
 			children: n.map((e) => {
-				let t = zn.find((t) => t.type === (e.type || "metric")) || zn[0];
+				let t = Bn.find((t) => t.type === (e.type || "metric")) || Bn[0];
 				return /* @__PURE__ */ (0, Y.jsxs)("div", {
 					className: "rounded-md border border-gray-200 bg-white p-2",
 					children: [/* @__PURE__ */ (0, Y.jsxs)("div", {
@@ -5477,17 +5527,17 @@ function Wn({ schema: e }) {
 		})]
 	});
 }
-function Gn({ schema: e, onChange: t, readOnly: n = !1, className: r, onExport: a, onImport: s, selectedWidgetId: u, onWidgetSelect: d }) {
+function Kn({ schema: e, onChange: t, readOnly: n = !1, className: r, onExport: a, onImport: s, selectedWidgetId: u, onWidgetSelect: d }) {
 	let { t: f } = Q(), [p, m] = l(null), [h, g] = l(!1), _ = c(null), v = c(null), y = u !== void 0, b = y ? u : p, x = i((e) => {
 		d && d(e), y || m(e);
 	}, [
 		y,
 		d,
 		m
-	]), { current: S, canUndo: C, canRedo: w, push: T, undo: E, redo: D } = rt(e), j = i((e) => {
+	]), { current: S, canUndo: C, canRedo: w, push: T, undo: E, redo: D } = it(e), j = i((e) => {
 		T(e), t(e);
 	}, [T, t]), M = S.widgets || [], N = M.find((e) => e.id === b), P = i((e) => {
-		let t = Vn(), n = {
+		let t = Hn(), n = {
 			id: t,
 			title: "",
 			type: e,
@@ -5593,7 +5643,7 @@ function Gn({ schema: e, onChange: t, readOnly: n = !1, className: r, onExport:
 		ref: _,
 		tabIndex: 0,
 		"data-testid": "dashboard-editor",
-		className: Rn("flex flex-col gap-4 outline-none", r),
+		className: zn("flex flex-col gap-4 outline-none", r),
 		children: [
 			/* @__PURE__ */ (0, Y.jsx)("input", {
 				ref: v,
@@ -5603,7 +5653,7 @@ function Gn({ schema: e, onChange: t, readOnly: n = !1, className: r, onExport:
 				"data-testid": "dashboard-import-input",
 				onChange: B
 			}),
-			N && !h && /* @__PURE__ */ (0, Y.jsx)(Un, {
+			N && !h && /* @__PURE__ */ (0, Y.jsx)(Wn, {
 				widget: N,
 				readOnly: n,
 				onChange: L,
@@ -5618,7 +5668,7 @@ function Gn({ schema: e, onChange: t, readOnly: n = !1, className: r, onExport:
 						children: [/* @__PURE__ */ (0, Y.jsxs)("span", {
 							className: "text-sm font-medium text-gray-700",
 							children: [f("appDesigner.addWidget"), ":"]
-						}), zn.map(({ type: e, label: t, Icon: r }) => /* @__PURE__ */ (0, Y.jsxs)("button", {
+						}), Bn.map(({ type: e, label: t, Icon: r }) => /* @__PURE__ */ (0, Y.jsxs)("button", {
 							type: "button",
 							"data-testid": `dashboard-add-${e}`,
 							onClick: () => P(e),
@@ -5666,19 +5716,19 @@ function Gn({ schema: e, onChange: t, readOnly: n = !1, className: r, onExport:
 								type: "button",
 								"data-testid": "dashboard-preview-toggle",
 								onClick: () => g((e) => !e),
-								className: Rn("rounded p-1.5 transition-colors", h ? "bg-blue-100 text-blue-600" : "text-gray-400 hover:text-gray-700"),
+								className: zn("rounded p-1.5 transition-colors", h ? "bg-blue-100 text-blue-600" : "text-gray-400 hover:text-gray-700"),
 								"aria-label": f(h ? "appDesigner.modeEdit" : "appDesigner.preview"),
 								children: h ? /* @__PURE__ */ (0, Y.jsx)(A, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, Y.jsx)(k, { className: "h-4 w-4" })
 							})
 						]
 					})]
-				}), h ? /* @__PURE__ */ (0, Y.jsx)(Wn, { schema: S }) : M.length === 0 ? /* @__PURE__ */ (0, Y.jsx)("div", {
+				}), h ? /* @__PURE__ */ (0, Y.jsx)(Gn, { schema: S }) : M.length === 0 ? /* @__PURE__ */ (0, Y.jsx)("div", {
 					className: "flex h-48 items-center justify-center rounded-lg border-2 border-dashed border-gray-200 text-sm text-gray-400",
 					children: f("appDesigner.noWidgets")
 				}) : /* @__PURE__ */ (0, Y.jsx)("div", {
 					className: "grid gap-3",
 					style: { gridTemplateColumns: `repeat(${S.columns ?? 2}, 1fr)` },
-					children: M.map((e, t) => /* @__PURE__ */ (0, Y.jsx)(Hn, {
+					children: M.map((e, t) => /* @__PURE__ */ (0, Y.jsx)(Un, {
 						widget: e,
 						index: t,
 						total: M.length,
@@ -5696,10 +5746,10 @@ function Gn({ schema: e, onChange: t, readOnly: n = !1, className: r, onExport:
 }
 //#endregion
 //#region src/PageCanvasEditor.tsx
-function Kn(...e) {
+function qn(...e) {
 	return q(K(e));
 }
-var qn = [
+var Jn = [
 	{
 		type: "grid",
 		label: "Data Grid",
@@ -5735,22 +5785,22 @@ var qn = [
 		label: "Grid Layout",
 		Icon: re
 	}
-], Jn = [{
+], Yn = [{
 	value: "page",
 	labelKey: "appDesigner.modePage"
 }, {
 	value: "dashboard",
 	labelKey: "appDesigner.modeDashboard"
-}], Yn = 0;
-function Xn() {
-	return Yn += 1, `component_${Date.now()}_${Yn}`;
+}], Xn = 0;
+function Zn() {
+	return Xn += 1, `component_${Date.now()}_${Xn}`;
 }
-function Zn({ component: e, index: t, total: n, selected: r, readOnly: i, onSelect: a, onRemove: o, onMoveUp: s, onMoveDown: c }) {
-	let l = qn.find((t) => t.type === e.type) || qn[0];
+function Qn({ component: e, index: t, total: n, selected: r, readOnly: i, onSelect: a, onRemove: o, onMoveUp: s, onMoveDown: c }) {
+	let l = Jn.find((t) => t.type === e.type) || Jn[0];
 	return /* @__PURE__ */ (0, Y.jsxs)("div", {
 		"data-testid": `canvas-component-${e.id}`,
 		onClick: a,
-		className: Kn("group flex cursor-pointer items-center gap-3 rounded-lg border-2 px-3 py-3 transition-colors", r ? "border-blue-500 bg-blue-50" : "border-gray-200 hover:border-gray-300"),
+		className: qn("group flex cursor-pointer items-center gap-3 rounded-lg border-2 px-3 py-3 transition-colors", r ? "border-blue-500 bg-blue-50" : "border-gray-200 hover:border-gray-300"),
 		children: [
 			/* @__PURE__ */ (0, Y.jsx)(z, { className: "h-4 w-4 shrink-0 cursor-grab text-gray-300" }),
 			/* @__PURE__ */ (0, Y.jsx)(l.Icon, { className: "h-5 w-5 shrink-0 text-gray-500" }),
@@ -5802,7 +5852,7 @@ function Zn({ component: e, index: t, total: n, selected: r, readOnly: i, onSele
 		]
 	});
 }
-function Qn({ component: e, readOnly: t, onChange: n, onClose: r }) {
+function $n({ component: e, readOnly: t, onChange: n, onClose: r }) {
 	let { t: i } = Q();
 	return /* @__PURE__ */ (0, Y.jsxs)("div", {
 		"data-testid": "component-property-panel",
@@ -5844,7 +5894,7 @@ function Qn({ component: e, readOnly: t, onChange: n, onClose: r }) {
 					children: "Type"
 				}), /* @__PURE__ */ (0, Y.jsx)("div", {
 					className: "rounded-md bg-gray-50 px-2.5 py-1.5 text-sm text-gray-600",
-					children: qn.find((t) => t.type === e.type)?.label ?? e.type
+					children: Jn.find((t) => t.type === e.type)?.label ?? e.type
 				})]
 			}),
 			/* @__PURE__ */ (0, Y.jsxs)("div", {
@@ -5860,7 +5910,7 @@ function Qn({ component: e, readOnly: t, onChange: n, onClose: r }) {
 		]
 	});
 }
-function $n({ schema: e, components: t }) {
+function er({ schema: e, components: t }) {
 	let { t: n } = Q();
 	return /* @__PURE__ */ (0, Y.jsxs)("div", {
 		"data-testid": "page-preview",
@@ -5874,7 +5924,7 @@ function $n({ schema: e, components: t }) {
 		}) : /* @__PURE__ */ (0, Y.jsx)("div", {
 			className: "space-y-2",
 			children: t.map((e) => {
-				let t = qn.find((t) => t.type === e.type) || qn[0];
+				let t = Jn.find((t) => t.type === e.type) || Jn[0];
 				return /* @__PURE__ */ (0, Y.jsxs)("div", {
 					className: "flex items-center gap-2 rounded-md border border-gray-200 bg-white p-2",
 					children: [
@@ -5893,13 +5943,13 @@ function $n({ schema: e, components: t }) {
 		})]
 	});
 }
-function er({ schema: e, onChange: t, readOnly: n = !1, className: r, onExport: a, onImport: s }) {
+function tr({ schema: e, onChange: t, readOnly: n = !1, className: r, onExport: a, onImport: s }) {
 	let { t: u } = Q(), d = c(null), f = c(null), [p, m] = l(() => (e.children ? Array.isArray(e.children) ? e.children : [e.children] : []).map((e, t) => ({
 		id: e.id || `existing_${t}`,
 		type: e.type || "grid",
 		label: e.title || e.label || `Component ${t + 1}`,
 		props: e
-	}))), [h, g] = l(null), [_, v] = l(!1), [y, b] = l("page"), x = p.find((e) => e.id === h), { canUndo: S, canRedo: C, push: w, undo: T, redo: E } = rt(p), D = i((n) => {
+	}))), [h, g] = l(null), [_, v] = l(!1), [y, b] = l("page"), x = p.find((e) => e.id === h), { canUndo: S, canRedo: C, push: w, undo: T, redo: E } = it(p), D = i((n) => {
 		m(n), w(n), t({
 			...e,
 			children: n.map((e) => ({
@@ -5914,10 +5964,10 @@ function er({ schema: e, onChange: t, readOnly: n = !1, className: r, onExport:
 		t,
 		w
 	]), j = i((e) => {
-		let t = Xn(), n = {
+		let t = Zn(), n = {
 			id: t,
 			type: e,
-			label: qn.find((t) => t.type === e)?.label || e
+			label: Jn.find((t) => t.type === e)?.label || e
 		};
 		D([...p, n]), g(t);
 	}, [p, D]), M = i((e) => {
@@ -6002,7 +6052,7 @@ function er({ schema: e, onChange: t, readOnly: n = !1, className: r, onExport:
 		ref: d,
 		tabIndex: 0,
 		"data-testid": "page-canvas-editor",
-		className: Kn("flex flex-col gap-4 outline-none sm:flex-row", r),
+		className: qn("flex flex-col gap-4 outline-none sm:flex-row", r),
 		children: [
 			/* @__PURE__ */ (0, Y.jsx)("input", {
 				ref: f,
@@ -6018,13 +6068,13 @@ function er({ schema: e, onChange: t, readOnly: n = !1, className: r, onExport:
 					/* @__PURE__ */ (0, Y.jsx)("div", {
 						className: "flex items-center gap-2 border-b border-gray-200 pb-2",
 						role: "tablist",
-						children: Jn.map((e) => /* @__PURE__ */ (0, Y.jsx)("button", {
+						children: Yn.map((e) => /* @__PURE__ */ (0, Y.jsx)("button", {
 							type: "button",
 							role: "tab",
 							"data-testid": `canvas-mode-${e.value}`,
 							"aria-selected": y === e.value,
 							onClick: () => b(e.value),
-							className: Kn("rounded-t-md px-3 py-1.5 text-xs font-medium transition-colors", y === e.value ? "border-b-2 border-blue-500 text-blue-600" : "text-gray-500 hover:text-gray-700"),
+							className: qn("rounded-t-md px-3 py-1.5 text-xs font-medium transition-colors", y === e.value ? "border-b-2 border-blue-500 text-blue-600" : "text-gray-500 hover:text-gray-700"),
 							children: u(e.labelKey)
 						}, e.value))
 					}),
@@ -6035,7 +6085,7 @@ function er({ schema: e, onChange: t, readOnly: n = !1, className: r, onExport:
 							children: [/* @__PURE__ */ (0, Y.jsxs)("span", {
 								className: "text-sm font-medium text-gray-700",
 								children: [u("appDesigner.addComponent"), ":"]
-							}), qn.map(({ type: e, label: t, Icon: r }) => /* @__PURE__ */ (0, Y.jsxs)("button", {
+							}), Jn.map(({ type: e, label: t, Icon: r }) => /* @__PURE__ */ (0, Y.jsxs)("button", {
 								type: "button",
 								"data-testid": `canvas-add-${e}`,
 								onClick: () => j(e),
@@ -6083,14 +6133,14 @@ function er({ schema: e, onChange: t, readOnly: n = !1, className: r, onExport:
 									type: "button",
 									"data-testid": "canvas-preview-toggle",
 									onClick: () => v((e) => !e),
-									className: Kn("rounded p-1.5 transition-colors", _ ? "bg-blue-100 text-blue-600" : "text-gray-400 hover:text-gray-700"),
+									className: qn("rounded p-1.5 transition-colors", _ ? "bg-blue-100 text-blue-600" : "text-gray-400 hover:text-gray-700"),
 									"aria-label": u(_ ? "appDesigner.modeEdit" : "appDesigner.preview"),
 									children: _ ? /* @__PURE__ */ (0, Y.jsx)(A, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, Y.jsx)(k, { className: "h-4 w-4" })
 								})
 							]
 						})]
 					}),
-					_ ? /* @__PURE__ */ (0, Y.jsx)($n, {
+					_ ? /* @__PURE__ */ (0, Y.jsx)(er, {
 						schema: e,
 						components: p
 					}) : p.length === 0 ? /* @__PURE__ */ (0, Y.jsx)("div", {
@@ -6098,7 +6148,7 @@ function er({ schema: e, onChange: t, readOnly: n = !1, className: r, onExport:
 						children: u("appDesigner.emptyPage")
 					}) : /* @__PURE__ */ (0, Y.jsx)("div", {
 						className: "space-y-2",
-						children: p.map((e, t) => /* @__PURE__ */ (0, Y.jsx)(Zn, {
+						children: p.map((e, t) => /* @__PURE__ */ (0, Y.jsx)(Qn, {
 							component: e,
 							index: t,
 							total: p.length,
@@ -6112,7 +6162,7 @@ function er({ schema: e, onChange: t, readOnly: n = !1, className: r, onExport:
 					})
 				]
 			}),
-			x && !_ && /* @__PURE__ */ (0, Y.jsx)(Qn, {
+			x && !_ && /* @__PURE__ */ (0, Y.jsx)($n, {
 				component: x,
 				readOnly: n,
 				onChange: P,
@@ -6123,10 +6173,10 @@ function er({ schema: e, onChange: t, readOnly: n = !1, className: r, onExport:
 }
 //#endregion
 //#region src/ObjectViewConfigurator.tsx
-function tr(...e) {
+function nr(...e) {
 	return q(K(e));
 }
-var nr = {
+var rr = {
 	grid: {
 		label: "Grid",
 		Icon: re
@@ -6155,7 +6205,7 @@ var nr = {
 		label: "Gantt",
 		Icon: F
 	}
-}, rr = [
+}, ir = [
 	{
 		value: "compact",
 		label: "Compact"
@@ -6169,7 +6219,7 @@ var nr = {
 		label: "Tall"
 	}
 ];
-function ir({ title: e, icon: t, defaultOpen: n = !0, children: r }) {
+function ar({ title: e, icon: t, defaultOpen: n = !0, children: r }) {
 	let [i, a] = l(n);
 	return /* @__PURE__ */ (0, Y.jsxs)("div", {
 		className: "border-b border-gray-100 pb-3",
@@ -6191,7 +6241,7 @@ function ir({ title: e, icon: t, defaultOpen: n = !0, children: r }) {
 		})]
 	});
 }
-function ar({ config: e, onChange: t, availableViewTypes: n = [
+function or({ config: e, onChange: t, availableViewTypes: n = [
 	"grid",
 	"kanban",
 	"calendar",
@@ -6218,27 +6268,27 @@ function ar({ config: e, onChange: t, availableViewTypes: n = [
 	}, [e, o]), u = s(() => e.columns.filter((e) => e.visible).length, [e.columns]);
 	return /* @__PURE__ */ (0, Y.jsxs)("div", {
 		"data-testid": "object-view-configurator",
-		className: tr("w-72 space-y-3 rounded-lg border border-gray-200 bg-white p-4", a),
+		className: nr("w-72 space-y-3 rounded-lg border border-gray-200 bg-white p-4", a),
 		children: [
-			/* @__PURE__ */ (0, Y.jsx)(ir, {
+			/* @__PURE__ */ (0, Y.jsx)(ar, {
 				title: "View Type",
 				icon: /* @__PURE__ */ (0, Y.jsx)(re, { className: "h-3.5 w-3.5 text-gray-500" }),
 				children: /* @__PURE__ */ (0, Y.jsx)("div", {
 					className: "flex flex-wrap gap-1.5",
 					children: n.map((t) => {
-						let { label: n, Icon: i } = nr[t];
+						let { label: n, Icon: i } = rr[t];
 						return /* @__PURE__ */ (0, Y.jsxs)("button", {
 							type: "button",
 							"data-testid": `view-type-${t}`,
 							onClick: () => o({ viewType: t }),
 							disabled: r,
-							className: tr("inline-flex items-center gap-1 rounded-md px-2 py-1 text-xs font-medium transition-colors", e.viewType === t ? "bg-blue-100 text-blue-700" : "text-gray-600 hover:bg-gray-100", r && "cursor-not-allowed opacity-50"),
+							className: nr("inline-flex items-center gap-1 rounded-md px-2 py-1 text-xs font-medium transition-colors", e.viewType === t ? "bg-blue-100 text-blue-700" : "text-gray-600 hover:bg-gray-100", r && "cursor-not-allowed opacity-50"),
 							children: [/* @__PURE__ */ (0, Y.jsx)(i, { className: "h-3 w-3" }), n]
 						}, t);
 					})
 				})
 			}),
-			/* @__PURE__ */ (0, Y.jsx)(ir, {
+			/* @__PURE__ */ (0, Y.jsx)(ar, {
 				title: `Fields (${u}/${e.columns.length})`,
 				icon: /* @__PURE__ */ (0, Y.jsx)(w, { className: "h-3.5 w-3.5 text-gray-500" }),
 				children: e.columns.length === 0 ? /* @__PURE__ */ (0, Y.jsx)("p", {
@@ -6254,7 +6304,7 @@ function ar({ config: e, onChange: t, availableViewTypes: n = [
 								type: "button",
 								onClick: () => c(t.name),
 								disabled: r,
-								className: tr("rounded p-0.5 transition-colors", t.visible ? "text-blue-500" : "text-gray-300"),
+								className: nr("rounded p-0.5 transition-colors", t.visible ? "text-blue-500" : "text-gray-300"),
 								"aria-label": t.visible ? "Hide field" : "Show field",
 								children: t.visible ? /* @__PURE__ */ (0, Y.jsx)(k, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, Y.jsx)(A, { className: "h-3 w-3" })
 							}),
@@ -6282,7 +6332,7 @@ function ar({ config: e, onChange: t, availableViewTypes: n = [
 					}, t.name))
 				})
 			}),
-			/* @__PURE__ */ (0, Y.jsx)(ir, {
+			/* @__PURE__ */ (0, Y.jsx)(ar, {
 				title: "Toolbar",
 				icon: /* @__PURE__ */ (0, Y.jsx)(M, { className: "h-3.5 w-3.5 text-gray-500" }),
 				children: /* @__PURE__ */ (0, Y.jsxs)("div", {
@@ -6333,7 +6383,7 @@ function ar({ config: e, onChange: t, availableViewTypes: n = [
 					]
 				})
 			}),
-			/* @__PURE__ */ (0, Y.jsx)(ir, {
+			/* @__PURE__ */ (0, Y.jsx)(ar, {
 				title: "Appearance",
 				icon: /* @__PURE__ */ (0, Y.jsx)(Oe, { className: "h-3.5 w-3.5 text-gray-500" }),
 				defaultOpen: !1,
@@ -6347,12 +6397,12 @@ function ar({ config: e, onChange: t, availableViewTypes: n = [
 								children: "Row Height"
 							}), /* @__PURE__ */ (0, Y.jsx)("div", {
 								className: "flex gap-1",
-								children: rr.map(({ value: t, label: n }) => /* @__PURE__ */ (0, Y.jsx)("button", {
+								children: ir.map(({ value: t, label: n }) => /* @__PURE__ */ (0, Y.jsx)("button", {
 									type: "button",
 									"data-testid": `view-row-height-${t}`,
 									onClick: () => o({ rowHeight: t }),
 									disabled: r,
-									className: tr("flex-1 rounded px-2 py-1 text-[10px] font-medium transition-colors", e.rowHeight === t ? "bg-blue-100 text-blue-700" : "bg-gray-50 text-gray-500 hover:bg-gray-100"),
+									className: nr("flex-1 rounded px-2 py-1 text-[10px] font-medium transition-colors", e.rowHeight === t ? "bg-blue-100 text-blue-700" : "bg-gray-50 text-gray-500 hover:bg-gray-100"),
 									children: n
 								}, t))
 							})]
@@ -6396,7 +6446,7 @@ function ar({ config: e, onChange: t, availableViewTypes: n = [
 function $(...e) {
 	return q(K(e));
 }
-var or = [
+var sr = [
 	{
 		hex: "#3b82f6",
 		name: "Blue"
@@ -6461,7 +6511,7 @@ var or = [
 		hex: "#0f172a",
 		name: "Navy"
 	}
-], sr = [
+], cr = [
 	"Inter",
 	"Roboto",
 	"Open Sans",
@@ -6472,8 +6522,8 @@ var or = [
 	"Noto Sans",
 	"system-ui"
 ];
-function cr({ branding: e, onChange: t, appTitle: n = "My App", readOnly: r = !1, className: a, onExport: s, onImport: u }) {
-	let { t: d } = Q(), [f, p] = l("light"), { current: m, push: h, canUndo: g, canRedo: _, undo: v, redo: y } = rt(e), b = c(!0);
+function lr({ branding: e, onChange: t, appTitle: n = "My App", readOnly: r = !1, className: a, onExport: s, onImport: u }) {
+	let { t: d } = Q(), [f, p] = l("light"), { current: m, push: h, canUndo: g, canRedo: _, undo: v, redo: y } = it(e), b = c(!0);
 	o(() => {
 		if (b.current) {
 			b.current = !1;
@@ -6646,7 +6696,7 @@ function cr({ branding: e, onChange: t, appTitle: n = "My App", readOnly: r = !1
 								}), /* @__PURE__ */ (0, Y.jsx)("div", {
 									"data-testid": "branding-color-palette",
 									className: "flex flex-wrap gap-1.5",
-									children: or.map((e) => /* @__PURE__ */ (0, Y.jsx)("button", {
+									children: sr.map((e) => /* @__PURE__ */ (0, Y.jsx)("button", {
 										"data-testid": `branding-swatch-${e.hex.slice(1)}`,
 										type: "button",
 										onClick: () => !r && x({ primaryColor: e.hex }),
@@ -6697,7 +6747,7 @@ function cr({ branding: e, onChange: t, appTitle: n = "My App", readOnly: r = !1
 								children: [/* @__PURE__ */ (0, Y.jsx)("option", {
 									value: "",
 									children: d("appDesigner.fontDefault")
-								}), sr.map((e) => /* @__PURE__ */ (0, Y.jsx)("option", {
+								}), cr.map((e) => /* @__PURE__ */ (0, Y.jsx)("option", {
 									value: e,
 									children: e
 								}, e))]
@@ -6842,15 +6892,15 @@ function cr({ branding: e, onChange: t, appTitle: n = "My App", readOnly: r = !1
 }
 //#endregion
 //#region src/ObjectManager.tsx
-function lr(...e) {
+function ur(...e) {
 	return q(K(e));
 }
-var ur = [
+var dr = [
 	"Custom Objects",
 	"System Objects",
 	"Integration",
 	"Analytics"
-], dr = [
+], fr = [
 	"Box",
 	"Database",
 	"Users",
@@ -6872,8 +6922,8 @@ var ur = [
 	"Truck",
 	"CreditCard"
 ];
-function fr({ objects: e, onObjectsChange: n, onSelectObject: r, showSystemObjects: a = !0, readOnly: o = !1, className: c }) {
-	let { t: u } = Q(), d = it(), [f, p] = l(!1), [m, h] = l(null), g = s(() => a ? e : e.filter((e) => !e.isSystem), [e, a]), _ = s(() => new t({ items: g }), [g]), v = s(() => [
+function pr({ objects: e, onObjectsChange: n, onSelectObject: r, showSystemObjects: a = !0, readOnly: o = !1, className: c }) {
+	let { t: u } = Q(), d = at(), [f, p] = l(!1), [m, h] = l(null), g = s(() => a ? e : e.filter((e) => !e.isSystem), [e, a]), _ = s(() => new t({ items: g }), [g]), v = s(() => [
 		{
 			field: "name",
 			label: u("appDesigner.objectManager.objectName"),
@@ -7010,7 +7060,7 @@ function fr({ objects: e, onObjectsChange: n, onSelectObject: r, showSystemObjec
 				name: "icon",
 				label: u("appDesigner.objectManager.icon"),
 				type: "select",
-				options: dr.map((e) => ({
+				options: fr.map((e) => ({
 					label: e,
 					value: e
 				})),
@@ -7020,7 +7070,7 @@ function fr({ objects: e, onObjectsChange: n, onSelectObject: r, showSystemObjec
 				name: "group",
 				label: u("appDesigner.objectManager.group"),
 				type: "select",
-				options: ur.map((e) => ({
+				options: dr.map((e) => ({
 					label: e,
 					value: e
 				})),
@@ -7062,7 +7112,7 @@ function fr({ objects: e, onObjectsChange: n, onSelectObject: r, showSystemObjec
 	]);
 	return /* @__PURE__ */ (0, Y.jsxs)("div", {
 		"data-testid": "object-manager",
-		className: lr("w-full space-y-3", c),
+		className: ur("w-full space-y-3", c),
 		children: [
 			/* @__PURE__ */ (0, Y.jsx)("div", {
 				className: "flex items-center justify-between",
@@ -7090,7 +7140,7 @@ function fr({ objects: e, onObjectsChange: n, onSelectObject: r, showSystemObjec
 				onAddRecord: o ? void 0 : C
 			}),
 			f && /* @__PURE__ */ (0, Y.jsx)(Qe, { schema: D }),
-			/* @__PURE__ */ (0, Y.jsx)(dt, {
+			/* @__PURE__ */ (0, Y.jsx)(ft, {
 				isOpen: d.isOpen,
 				title: d.title,
 				message: d.message,
@@ -7105,10 +7155,10 @@ function fr({ objects: e, onObjectsChange: n, onSelectObject: r, showSystemObjec
 }
 //#endregion
 //#region src/FieldDesigner.tsx
-function pr(...e) {
+function mr(...e) {
 	return q(K(e));
 }
-var mr = {
+var hr = {
 	text: {
 		label: "Text",
 		Icon: Le
@@ -7217,7 +7267,7 @@ var mr = {
 		label: "Slider",
 		Icon: ke
 	}
-}, hr = {
+}, gr = {
 	text: [
 		"text",
 		"textarea",
@@ -7252,7 +7302,7 @@ var mr = {
 		"location",
 		"address"
 	]
-}, gr = [
+}, _r = [
 	"text",
 	"number",
 	"date",
@@ -7260,8 +7310,8 @@ var mr = {
 	"relation",
 	"advanced"
 ];
-function _r({ objectName: e, fields: n, onFieldsChange: r, readOnly: a = !1, className: o }) {
-	let { t: c } = Q(), u = it(), [d, f] = l(!1), [p, m] = l(null), [h, g] = l(""), _ = s(() => h ? n.filter((e) => e.type === h) : n, [n, h]), v = s(() => new t({ items: _ }), [_]), y = s(() => [
+function vr({ objectName: e, fields: n, onFieldsChange: r, readOnly: a = !1, className: o }) {
+	let { t: c } = Q(), u = at(), [d, f] = l(!1), [p, m] = l(null), [h, g] = l(""), _ = s(() => h ? n.filter((e) => e.type === h) : n, [n, h]), v = s(() => new t({ items: _ }), [_]), y = s(() => [
 		{
 			field: "name",
 			label: c("appDesigner.fieldDesigner.fieldName"),
@@ -7372,11 +7422,11 @@ function _r({ objectName: e, fields: n, onFieldsChange: r, readOnly: a = !1, cla
 		r
 	]), E = i((e) => {
 		e || (f(!1), m(null));
-	}, []), D = s(() => gr.map((e) => ({
+	}, []), D = s(() => _r.map((e) => ({
 		category: e,
 		label: c(`appDesigner.fieldDesigner.typeCategory.${e}`),
-		options: hr[e].map((e) => ({
-			label: mr[e].label,
+		options: gr[e].map((e) => ({
+			label: hr[e].label,
 			value: e
 		}))
 	})), [c]), O = s(() => D.flatMap((e) => e.options), [D]), k = s(() => ({
@@ -7562,7 +7612,7 @@ function _r({ objectName: e, fields: n, onFieldsChange: r, readOnly: a = !1, cla
 	]);
 	return /* @__PURE__ */ (0, Y.jsxs)("div", {
 		"data-testid": "field-designer",
-		className: pr("w-full space-y-3", o),
+		className: mr("w-full space-y-3", o),
 		children: [
 			/* @__PURE__ */ (0, Y.jsxs)("div", {
 				className: "flex items-center justify-between",
@@ -7608,7 +7658,7 @@ function _r({ objectName: e, fields: n, onFieldsChange: r, readOnly: a = !1, cla
 				onAddRecord: a ? void 0 : C
 			}),
 			d && /* @__PURE__ */ (0, Y.jsx)(Ze, { schema: k }),
-			/* @__PURE__ */ (0, Y.jsx)(dt, {
+			/* @__PURE__ */ (0, Y.jsx)(ft, {
 				isOpen: u.isOpen,
 				title: u.title,
 				message: u.message,
@@ -7623,12 +7673,12 @@ function _r({ objectName: e, fields: n, onFieldsChange: r, readOnly: a = !1, cla
 }
 //#endregion
 //#region src/components/VersionHistory.tsx
-function vr(...e) {
+function yr(...e) {
 	return q(K(e));
 }
-function yr({ versions: e, onRestore: t, className: n }) {
+function br({ versions: e, onRestore: t, className: n }) {
 	return /* @__PURE__ */ (0, Y.jsxs)("div", {
-		className: vr("flex flex-col", n),
+		className: yr("flex flex-col", n),
 		role: "region",
 		"aria-label": "Version history",
 		children: [/* @__PURE__ */ (0, Y.jsxs)("div", {
@@ -7642,8 +7692,8 @@ function yr({ versions: e, onRestore: t, className: n }) {
 			}) : /* @__PURE__ */ (0, Y.jsxs)("div", {
 				className: "relative",
 				children: [/* @__PURE__ */ (0, Y.jsx)("div", { className: "absolute left-5 top-0 bottom-0 w-px bg-border" }), e.map((e) => /* @__PURE__ */ (0, Y.jsxs)("div", {
-					className: vr("relative flex items-start gap-3 px-3 py-2 hover:bg-accent/50", e.isCurrent && "bg-accent/30"),
-					children: [/* @__PURE__ */ (0, Y.jsx)("div", { className: vr("relative z-10 mt-1 h-2.5 w-2.5 rounded-full border-2 bg-background", e.isCurrent ? "border-primary" : "border-muted-foreground") }), /* @__PURE__ */ (0, Y.jsxs)("div", {
+					className: yr("relative flex items-start gap-3 px-3 py-2 hover:bg-accent/50", e.isCurrent && "bg-accent/30"),
+					children: [/* @__PURE__ */ (0, Y.jsx)("div", { className: yr("relative z-10 mt-1 h-2.5 w-2.5 rounded-full border-2 bg-background", e.isCurrent ? "border-primary" : "border-muted-foreground") }), /* @__PURE__ */ (0, Y.jsxs)("div", {
 						className: "flex-1 min-w-0",
 						children: [
 							/* @__PURE__ */ (0, Y.jsxs)("div", {
@@ -7683,8 +7733,8 @@ function yr({ versions: e, onRestore: t, className: n }) {
 }
 //#endregion
 //#region src/pages/CreateAppPage.tsx
-var br = "objectui-app-wizard-draft";
-function xr() {
+var xr = "objectui-app-wizard-draft";
+function Sr() {
 	let e = $e(), { appName: t } = et(), { objects: n, refresh: r } = Ye(), a = Je(), o = (n || []).map((e) => ({
 		name: e.name,
 		label: e.label || e.name,
@@ -7692,13 +7742,13 @@ function xr() {
 		selected: !1
 	})), s = i(() => {
 		try {
-			let e = localStorage.getItem(br);
+			let e = localStorage.getItem(xr);
 			if (e) return JSON.parse(e);
 		} catch {}
 	}, []), c = i(async (t) => {
 		try {
 			let n = Ke(t), i = a?.getClient();
-			i && await i.meta.saveItem("app", t.name, n), localStorage.removeItem(br), J.success(`Application "${t.title}" created successfully`), await r?.(), e(`/apps/${t.name}`);
+			i && await i.meta.saveItem("app", t.name, n), localStorage.removeItem(xr), J.success(`Application "${t.title}" created successfully`), await r?.(), e(`/apps/${t.name}`);
 		} catch (e) {
 			J.error(e?.message || "Failed to create application");
 		}
@@ -7710,13 +7760,13 @@ function xr() {
 		e(t ? `/apps/${t}` : "/");
 	}, [e, t]), u = i((e) => {
 		try {
-			localStorage.setItem(br, JSON.stringify(e)), J.info("Draft saved");
+			localStorage.setItem(xr, JSON.stringify(e)), J.info("Draft saved");
 		} catch {}
 	}, []);
 	return /* @__PURE__ */ (0, Y.jsx)("div", {
 		className: "mx-auto max-w-4xl py-8 px-4",
 		"data-testid": "create-app-page",
-		children: /* @__PURE__ */ (0, Y.jsx)(Tn, {
+		children: /* @__PURE__ */ (0, Y.jsx)(En, {
 			availableObjects: o,
 			initialDraft: s(),
 			onComplete: c,
@@ -7727,7 +7777,7 @@ function xr() {
 }
 //#endregion
 //#region src/pages/EditAppPage.tsx
-function Sr() {
+function Cr() {
 	let e = $e(), { appName: t, editAppName: n } = et(), { apps: r, objects: a, refresh: o } = Ye(), c = Je(), l = n || t, u = r.find((e) => e.name === l), d = (a || []).map((e) => ({
 		name: e.name,
 		label: e.label || e.name,
@@ -7772,7 +7822,7 @@ function Sr() {
 	return u ? /* @__PURE__ */ (0, Y.jsx)("div", {
 		className: "mx-auto max-w-4xl py-8 px-4",
 		"data-testid": "edit-app-page",
-		children: /* @__PURE__ */ (0, Y.jsx)(Tn, {
+		children: /* @__PURE__ */ (0, Y.jsx)(En, {
 			availableObjects: d,
 			initialDraft: f,
 			onComplete: p,
@@ -7794,7 +7844,7 @@ function Sr() {
 }
 //#endregion
 //#region src/pages/PageDesignPage.tsx
-function Cr() {
+function wr() {
 	let e = $e(), { pageName: t } = et(), n = Je(), { pages: r } = Ye(), a = r?.find((e) => e.name === t), [s, u] = l(() => a || {
 		type: "page",
 		name: t ?? "",
@@ -7842,7 +7892,7 @@ function Cr() {
 			})]
 		}), /* @__PURE__ */ (0, Y.jsx)("div", {
 			className: "flex-1 overflow-auto p-4 sm:p-6",
-			children: /* @__PURE__ */ (0, Y.jsx)(er, {
+			children: /* @__PURE__ */ (0, Y.jsx)(tr, {
 				schema: s,
 				onChange: m,
 				onExport: h,
@@ -7860,7 +7910,7 @@ function Cr() {
 }
 //#endregion
 //#region src/pages/DashboardDesignPage.tsx
-function wr() {
+function Tr() {
 	let e = $e(), { dashboardName: t } = et(), n = Je(), { dashboards: r, refresh: a } = Ye(), s = r?.find((e) => e.name === t), [u, f] = l(() => s || {
 		type: "dashboard",
 		name: t ?? "",
@@ -7913,7 +7963,7 @@ function wr() {
 			})]
 		}), /* @__PURE__ */ (0, Y.jsx)("div", {
 			className: "flex-1 overflow-auto p-4 sm:p-6",
-			children: /* @__PURE__ */ (0, Y.jsx)(Gn, {
+			children: /* @__PURE__ */ (0, Y.jsx)(Kn, {
 				schema: u,
 				onChange: h,
 				onExport: g,
@@ -7929,7 +7979,7 @@ function wr() {
 		]
 	});
 }
-e.register("page-designer", Ct, {
+e.register("page-designer", wt, {
 	label: "Page Designer",
 	category: "Designer",
 	inputs: [
@@ -7962,7 +8012,7 @@ e.register("page-designer", Ct, {
 			defaultValue: !1
 		}
 	]
-}), e.register("data-model-designer", kt, {
+}), e.register("data-model-designer", At, {
 	label: "Data Model Designer",
 	category: "Designer",
 	inputs: [
@@ -7989,7 +8039,7 @@ e.register("page-designer", Ct, {
 			defaultValue: !1
 		}
 	]
-}), e.register("process-designer", Pt, {
+}), e.register("process-designer", Ft, {
 	label: "Process Designer (BPMN)",
 	category: "Designer",
 	inputs: [
@@ -8027,7 +8077,7 @@ e.register("page-designer", Ct, {
 			defaultValue: !1
 		}
 	]
-}), e.register("report-designer", Rt, {
+}), e.register("report-designer", zt, {
 	label: "Report Designer",
 	category: "Designer",
 	inputs: [
@@ -8065,7 +8115,7 @@ e.register("page-designer", Ct, {
 			defaultValue: !1
 		}
 	]
-}), e.register("app-creation-wizard", Tn, {
+}), e.register("app-creation-wizard", En, {
 	label: "App Creation Wizard",
 	category: "Designer",
 	inputs: [
@@ -8086,7 +8136,7 @@ e.register("page-designer", Ct, {
 			defaultValue: !1
 		}
 	]
-}), e.register("navigation-designer", Pn, {
+}), e.register("navigation-designer", Fn, {
 	label: "Navigation Designer",
 	category: "Designer",
 	inputs: [
@@ -8108,7 +8158,7 @@ e.register("page-designer", Ct, {
 			defaultValue: !1
 		}
 	]
-}), e.register("dashboard-editor", Gn, {
+}), e.register("dashboard-editor", Kn, {
 	label: "Dashboard Editor",
 	category: "Designer",
 	inputs: [{
@@ -8121,7 +8171,7 @@ e.register("page-designer", Ct, {
 		label: "Read Only",
 		defaultValue: !1
 	}]
-}), e.register("page-canvas-editor", er, {
+}), e.register("page-canvas-editor", tr, {
 	label: "Page Canvas Editor",
 	category: "Designer",
 	inputs: [{
@@ -8134,7 +8184,7 @@ e.register("page-designer", Ct, {
 		label: "Read Only",
 		defaultValue: !1
 	}]
-}), e.register("object-view-configurator", ar, {
+}), e.register("object-view-configurator", or, {
 	label: "Object View Configurator",
 	category: "Designer",
 	inputs: [{
@@ -8147,7 +8197,7 @@ e.register("page-designer", Ct, {
 		label: "Read Only",
 		defaultValue: !1
 	}]
-}), e.register("branding-editor", cr, {
+}), e.register("branding-editor", lr, {
 	label: "Branding Editor",
 	category: "Designer",
 	inputs: [
@@ -8168,7 +8218,7 @@ e.register("page-designer", Ct, {
 			defaultValue: !1
 		}
 	]
-}), e.register("object-manager", fr, {
+}), e.register("object-manager", pr, {
 	label: "Object Manager",
 	category: "Designer",
 	inputs: [
@@ -8190,7 +8240,7 @@ e.register("page-designer", Ct, {
 			defaultValue: !1
 		}
 	]
-}), e.register("field-designer", _r, {
+}), e.register("field-designer", vr, {
 	label: "Field Designer",
 	category: "Designer",
 	inputs: [
@@ -8213,4 +8263,4 @@ e.register("page-designer", Ct, {
 	]
 });
 //#endregion
-export { Tn as AppCreationWizard, cr as BrandingEditor, yt as CollaborationProvider, dt as ConfirmDialog, xt as ConnectionStatusIndicator, xr as CreateAppPage, wr as DashboardDesignPage, Gn as DashboardEditor, kt as DataModelDesigner, Sr as EditAppPage, Ln as EditorModeToggle, _r as FieldDesigner, gt as Minimap, Pn as NavigationDesigner, fr as ObjectManager, ar as ObjectViewConfigurator, er as PageCanvasEditor, Cr as PageDesignPage, Ct as PageDesigner, Pt as ProcessDesigner, pt as PropertyEditor, Rt as ReportDesigner, yr as VersionHistory, st as useCanvasPanZoom, ot as useClipboard, it as useConfirmDialog, Tt as useDesignerHistory, at as useMultiSelect, rt as useUndoRedo };
+export { En as AppCreationWizard, lr as BrandingEditor, bt as CollaborationProvider, ft as ConfirmDialog, St as ConnectionStatusIndicator, Sr as CreateAppPage, Tr as DashboardDesignPage, Kn as DashboardEditor, At as DataModelDesigner, Cr as EditAppPage, Rn as EditorModeToggle, vr as FieldDesigner, _t as Minimap, Fn as NavigationDesigner, pr as ObjectManager, or as ObjectViewConfigurator, tr as PageCanvasEditor, wr as PageDesignPage, wt as PageDesigner, Ft as ProcessDesigner, mt as PropertyEditor, zt as ReportDesigner, br as VersionHistory, ct as useCanvasPanZoom, st as useClipboard, at as useConfirmDialog, Et as useDesignerHistory, ot as useMultiSelect, it as useUndoRedo };