@object-ui/plugin-designer 17.2.0 → 17.5.0

package/dist/index.js

@@ -4,20 +4,20 @@ import { AlertTriangle as u, ArrowLeft as d, AtSign as f, BarChart3 as p, Calend
 import { clsx as G } from "clsx";
 import { twMerge as K } from "tailwind-merge";
 import { Fragment as q, jsx as J, jsxs as Y } from "react/jsx-runtime";
-import { DESIGNER_FIELD_TYPES as Ve, isValidAppName as He, wizardDraftToAppSchema as Ue } from "@object-ui/types";
-import { resolveI18nLabel as We, useAdapter as Ge, useMetadata as Ke } from "@object-ui/react";
-import { createSafeTranslation as qe } from "@object-ui/i18n";
-import { ObjectGrid as Je } from "@object-ui/plugin-grid";
-import { DrawerForm as Ye, ModalForm as Xe } from "@object-ui/plugin-form";
-import { useNavigate as Ze, useParams as Qe } from "react-router-dom";
-import { toast as $e } from "sonner";
-import { MetadataClient as et } from "@object-ui/data-objectstack";
+import { DESIGNER_FIELD_TYPES as Ve, isValidAppName as He, liftLegacyDashboardFilterDefaults as Ue, wizardDraftToAppSchema as We } from "@object-ui/types";
+import { resolveKeyedI18nLabel as Ge, useAdapter as Ke, useMetadata as qe } from "@object-ui/react";
+import { createSafeTranslation as Je, pickLocalized as Ye } from "@object-ui/i18n";
+import { ObjectGrid as Xe } from "@object-ui/plugin-grid";
+import { DrawerForm as Ze, ModalForm as Qe } from "@object-ui/plugin-form";
+import { useNavigate as $e, useParams as et } from "react-router-dom";
+import { toast as tt } from "sonner";
+import { MetadataClient as nt } from "@object-ui/data-objectstack";
 //#region src/hooks/useUndoRedo.ts
-function tt(e) {
+function rt(e) {
 	return e || (typeof window < "u" && window.sessionStorage ? window.sessionStorage : null);
 }
-function nt(e, t = {}) {
-	let { maxHistory: n = 50, persistKey: r, storage: a } = t, s = tt(a), u = (() => {
+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);
@@ -93,7 +93,7 @@ function nt(e, t = {}) {
 }
 //#endregion
 //#region src/hooks/useConfirmDialog.ts
-function rt() {
+function at() {
 	let [e, t] = l(!1), [n, r] = l(""), [a, o] = l(""), s = c(null);
 	return {
 		isOpen: e,
@@ -112,7 +112,7 @@ function rt() {
 }
 //#endregion
 //#region src/hooks/useMultiSelect.ts
-function it() {
+function ot() {
 	let [e, t] = l(/* @__PURE__ */ new Set());
 	return {
 		selectedIds: e,
@@ -137,7 +137,7 @@ function it() {
 }
 //#endregion
 //#region src/hooks/useClipboard.ts
-function at() {
+function st() {
 	let [e, t] = l(null);
 	return {
 		clipboard: e,
@@ -150,7 +150,7 @@ function at() {
 }
 //#endregion
 //#region src/hooks/useCanvasPanZoom.ts
-function ot(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
@@ -207,10 +207,10 @@ function ot(e = {}) {
 }
 //#endregion
 //#region src/components/ConfirmDialog.tsx
-function st(...e) {
+function lt(...e) {
 	return K(G(e));
 }
-function ct({ isOpen: e, title: t, message: n, confirmLabel: r = "Delete", cancelLabel: i = "Cancel", destructive: a = !0, onConfirm: s, onCancel: l }) {
+function ut({ 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;
@@ -243,12 +243,14 @@ function ct({ isOpen: e, title: t, message: n, confirmLabel: r = "Delete", cance
 				/* @__PURE__ */ Y("div", {
 					className: "flex justify-end gap-2",
 					children: [/* @__PURE__ */ J("button", {
+						type: "button",
 						onClick: l,
 						className: "px-4 py-2 text-sm rounded-md border hover:bg-accent",
 						children: i
 					}), /* @__PURE__ */ J("button", {
+						type: "button",
 						onClick: s,
-						className: st("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: lt("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
 					})]
@@ -259,10 +261,10 @@ function ct({ isOpen: e, title: t, message: n, confirmLabel: r = "Delete", cance
 }
 //#endregion
 //#region src/components/PropertyEditor.tsx
-function lt(...e) {
+function dt(...e) {
 	return K(G(e));
 }
-function ut({ title: e = "Properties", fields: t, onChange: n, className: r }) {
+function ft({ 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);
@@ -273,7 +275,7 @@ function ut({ title: e = "Properties", fields: t, onChange: n, className: r }) {
 		return e[n] || (e[n] = []), e[n].push(t), e;
 	}, {});
 	return /* @__PURE__ */ Y("div", {
-		className: lt("flex flex-col", r),
+		className: dt("flex flex-col", r),
 		role: "region",
 		"aria-label": e,
 		children: [/* @__PURE__ */ J("div", {
@@ -284,12 +286,13 @@ function ut({ title: e = "Properties", fields: t, onChange: n, className: r }) {
 			children: [Object.entries(c).map(([e, t]) => /* @__PURE__ */ Y("div", {
 				className: "border-b last:border-b-0",
 				children: [/* @__PURE__ */ Y("button", {
+					type: "button",
 					onClick: () => s(e),
 					className: "w-full flex items-center gap-1 px-3 py-2 text-xs font-medium text-muted-foreground hover:bg-accent/50",
 					children: [a.has(e) ? /* @__PURE__ */ J(v, { className: "h-3 w-3" }) : /* @__PURE__ */ J(g, { className: "h-3 w-3" }), e]
 				}), !a.has(e) && /* @__PURE__ */ J("div", {
 					className: "px-3 pb-2 space-y-2",
-					children: t.map((e) => /* @__PURE__ */ J(dt, {
+					children: t.map((e) => /* @__PURE__ */ J(pt, {
 						field: e,
 						onChange: n
 					}, e.name))
@@ -301,7 +304,7 @@ function ut({ title: e = "Properties", fields: t, onChange: n, className: r }) {
 		})]
 	});
 }
-function dt({ field: e, onChange: t }) {
+function pt({ field: e, onChange: t }) {
 	let n = (n) => {
 		t(e.name, n);
 	};
@@ -372,13 +375,13 @@ function dt({ field: e, onChange: t }) {
 }
 //#endregion
 //#region src/components/Minimap.tsx
-function ft(...e) {
+function mt(...e) {
 	return K(G(e));
 }
-function pt({ items: e, canvasWidth: t, canvasHeight: n, position: r = "bottom-right", size: i = 150, className: a }) {
+function ht({ 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__ */ J("div", {
-		className: ft("absolute border rounded bg-background/90 shadow-sm overflow-hidden", {
+		className: mt("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",
@@ -408,12 +411,12 @@ function pt({ items: e, canvasWidth: t, canvasHeight: n, position: r = "bottom-r
 }
 //#endregion
 //#region src/CollaborationProvider.tsx
-function mt(...e) {
+function gt(...e) {
 	return K(G(e));
 }
-var ht = r(null);
-ht.displayName = "CollaborationContext";
-function gt({ config: e, user: t, onOperation: n, onPresenceChange: r, children: a }) {
+var _t = r(null);
+_t.displayName = "CollaborationContext";
+function vt({ 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;
@@ -463,7 +466,7 @@ function gt({ config: e, user: t, onOperation: n, onPresenceChange: r, children:
 		userId: t.id,
 		userName: t.name,
 		avatar: t.avatar,
-		color: yt(t.id),
+		color: xt(t.id),
 		status: "active",
 		lastActivity: (/* @__PURE__ */ new Date()).toISOString()
 	}, ...d], [
@@ -502,16 +505,16 @@ function gt({ config: e, user: t, onOperation: n, onPresenceChange: r, children:
 		t?.id,
 		p
 	]);
-	return /* @__PURE__ */ J(ht.Provider, {
+	return /* @__PURE__ */ J(_t.Provider, {
 		value: b,
 		children: a
 	});
 }
-function _t() {
-	return a(ht);
+function yt() {
+	return a(_t);
 }
-function vt({ className: e }) {
-	let t = a(ht);
+function bt({ className: e }) {
+	let t = a(_t);
 	if (!t) return null;
 	let { connectionState: n, users: r } = t, i = {
 		connected: {
@@ -532,7 +535,7 @@ function vt({ className: e }) {
 		}
 	}, { color: o, label: s } = i[n] ?? i.disconnected;
 	return /* @__PURE__ */ Y("div", {
-		className: mt("flex items-center gap-2 text-xs", e),
+		className: gt("flex items-center gap-2 text-xs", e),
 		role: "status",
 		"aria-live": "polite",
 		"aria-label": `Collaboration: ${s}`,
@@ -550,7 +553,7 @@ function vt({ className: e }) {
 		]
 	});
 }
-function yt(e) {
+function xt(e) {
 	let t = [
 		"#3b82f6",
 		"#ef4444",
@@ -577,19 +580,19 @@ function yt(e) {
 function X(...e) {
 	return K(G(e));
 }
-function bt({ canvas: e = {
+function St({ canvas: e = {
 	width: 1200,
 	height: 800,
 	gridSize: 8,
 	showGrid: !0,
 	snapToGrid: !0
-}, components: t = [], palette: n = xt, showComponentTree: r = !0, undoRedo: a = !0, propertyEditor: u = !0, readOnly: d = !1, showMinimap: f = !1, onChange: p, className: m }) {
-	let h = nt(t), g = h.current, _ = i((e) => {
+}, components: t = [], palette: n = Ct, 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 = ot({ initialZoom: e.zoom ?? 1 }), { zoom: y } = v, x = it(), S = s(() => {
+	}, [h, p]), v = ct({ initialZoom: e.zoom ?? 1 }), { zoom: y } = v, x = ot(), S = s(() => {
 		let e = Array.from(x.selectedIds);
 		return e.length > 0 ? e[0] : null;
-	}, [x.selectedIds]), C = s(() => g.find((e) => e.id === S), [g, S]), T = at(), E = rt(), D = _t(), k = i((e) => {
+	}, [x.selectedIds]), C = s(() => g.find((e) => e.id === S), [g, S]), T = st(), E = at(), D = yt(), k = i((e) => {
 		D && D.sendOperation({
 			...e,
 			userId: D.currentUserId ?? ""
@@ -880,6 +883,7 @@ function bt({ canvas: e = {
 							className: "text-xs font-medium text-muted-foreground px-2 py-1 uppercase",
 							children: e.label
 						}), e.items.map((e) => /* @__PURE__ */ Y("button", {
+							type: "button",
 							onClick: () => B(e.type, e.label),
 							className: "w-full flex items-center gap-2 px-2 py-1.5 text-sm rounded hover:bg-accent text-left",
 							children: [/* @__PURE__ */ J(be, { className: "h-3 w-3" }), e.label]
@@ -895,6 +899,7 @@ function bt({ canvas: e = {
 					"aria-label": "Designer toolbar",
 					children: [
 						!d && /* @__PURE__ */ J("button", {
+							type: "button",
 							className: "p-1.5 rounded hover:bg-accent",
 							title: A ? "Collapse palette" : "Expand palette",
 							"aria-label": A ? "Collapse palette" : "Expand palette",
@@ -904,6 +909,7 @@ function bt({ canvas: e = {
 						a && !d && /* @__PURE__ */ Y(q, { children: [
 							/* @__PURE__ */ J("div", { className: "w-px h-5 bg-border mx-1" }),
 							/* @__PURE__ */ J("button", {
+								type: "button",
 								className: X("p-1.5 rounded hover:bg-accent", !h.canUndo && "opacity-40 pointer-events-none"),
 								title: "Undo (Ctrl+Z)",
 								"aria-label": "Undo",
@@ -912,6 +918,7 @@ function bt({ canvas: e = {
 								children: /* @__PURE__ */ J(Pe, { className: "h-4 w-4" })
 							}),
 							/* @__PURE__ */ J("button", {
+								type: "button",
 								className: X("p-1.5 rounded hover:bg-accent", !h.canRedo && "opacity-40 pointer-events-none"),
 								title: "Redo (Ctrl+Shift+Z)",
 								"aria-label": "Redo",
@@ -923,6 +930,7 @@ function bt({ canvas: e = {
 						] }),
 						!d && /* @__PURE__ */ Y(q, { children: [
 							/* @__PURE__ */ J("button", {
+								type: "button",
 								className: X("p-1.5 rounded hover:bg-accent", x.count === 0 && "opacity-40 pointer-events-none"),
 								title: "Copy (Ctrl+C)",
 								"aria-label": "Copy",
@@ -931,6 +939,7 @@ function bt({ canvas: e = {
 								children: /* @__PURE__ */ J(w, { className: "h-4 w-4" })
 							}),
 							/* @__PURE__ */ J("button", {
+								type: "button",
 								className: X("p-1.5 rounded hover:bg-accent", !T.hasContent && "opacity-40 pointer-events-none"),
 								title: "Paste (Ctrl+V)",
 								"aria-label": "Paste",
@@ -941,6 +950,7 @@ function bt({ canvas: e = {
 							/* @__PURE__ */ J("div", { className: "w-px h-5 bg-border mx-1" })
 						] }),
 						!d && /* @__PURE__ */ J("button", {
+							type: "button",
 							className: X("p-1.5 rounded hover:bg-accent", x.count === 0 && "opacity-40 pointer-events-none"),
 							title: "Delete selected",
 							"aria-label": "Delete selected",
@@ -949,12 +959,14 @@ function bt({ canvas: e = {
 							children: /* @__PURE__ */ J(je, { className: "h-4 w-4" })
 						}),
 						/* @__PURE__ */ J("button", {
+							type: "button",
 							className: "p-1.5 rounded hover:bg-accent",
 							title: "Preview",
 							"aria-label": "Preview",
 							children: /* @__PURE__ */ J(O, { className: "h-4 w-4" })
 						}),
 						/* @__PURE__ */ J("button", {
+							type: "button",
 							className: X("p-1.5 rounded hover:bg-accent", P && "bg-accent"),
 							title: "Toggle minimap",
 							"aria-label": "Toggle minimap",
@@ -966,6 +978,7 @@ function bt({ canvas: e = {
 							className: "flex items-center gap-1",
 							children: [
 								/* @__PURE__ */ J("button", {
+									type: "button",
 									className: "p-1 rounded hover:bg-accent text-xs",
 									"aria-label": "Zoom out",
 									onClick: v.zoomOut,
@@ -976,12 +989,14 @@ function bt({ canvas: e = {
 									children: [Math.round(y * 100), "%"]
 								}),
 								/* @__PURE__ */ J("button", {
+									type: "button",
 									className: "p-1 rounded hover:bg-accent text-xs",
 									"aria-label": "Zoom in",
 									onClick: v.zoomIn,
 									children: /* @__PURE__ */ J(be, { className: "h-3 w-3" })
 								}),
 								/* @__PURE__ */ J("button", {
+									type: "button",
 									className: "p-1 rounded hover:bg-accent text-xs",
 									"aria-label": "Reset zoom",
 									onClick: v.resetZoom,
@@ -990,6 +1005,7 @@ function bt({ canvas: e = {
 							]
 						}),
 						r && /* @__PURE__ */ J("button", {
+							type: "button",
 							className: "p-1.5 rounded hover:bg-accent",
 							title: M ? "Collapse panel" : "Expand panel",
 							"aria-label": M ? "Collapse panel" : "Expand panel",
@@ -1036,6 +1052,7 @@ function bt({ canvas: e = {
 											children: e.label ?? e.type
 										}),
 										!d && /* @__PURE__ */ J("button", {
+											type: "button",
 											onClick: (t) => {
 												t.stopPropagation(), te(e.id);
 											},
@@ -1049,7 +1066,7 @@ function bt({ canvas: e = {
 									children: e.type
 								})]
 							}, e.id);
-						}), P && /* @__PURE__ */ J(pt, {
+						}), P && /* @__PURE__ */ J(ht, {
 							items: de,
 							canvasWidth: e.width,
 							canvasHeight: e.height
@@ -1072,6 +1089,7 @@ function bt({ canvas: e = {
 							className: "text-xs text-muted-foreground text-center py-4",
 							children: "No components added yet. Click a component in the palette to add it to the canvas."
 						}) : g.map((e) => /* @__PURE__ */ J("button", {
+							type: "button",
 							onClick: (t) => x.toggle(e.id, t.shiftKey),
 							className: X("w-full flex items-center gap-2 px-2 py-1.5 text-sm rounded text-left", x.isSelected(e.id) ? "bg-accent" : "hover:bg-accent/50"),
 							children: /* @__PURE__ */ J("span", {
@@ -1082,7 +1100,7 @@ function bt({ canvas: e = {
 					}),
 					u && C ? /* @__PURE__ */ J("div", {
 						className: "border-t",
-						children: /* @__PURE__ */ J(ut, {
+						children: /* @__PURE__ */ J(ft, {
 							title: `Properties – ${C.label ?? C.type}`,
 							fields: ce,
 							onChange: re
@@ -1116,7 +1134,7 @@ function bt({ canvas: e = {
 					})
 				] })
 			}),
-			/* @__PURE__ */ J(ct, {
+			/* @__PURE__ */ J(ut, {
 				isOpen: E.isOpen,
 				title: E.title,
 				message: E.message,
@@ -1126,7 +1144,7 @@ function bt({ canvas: e = {
 		]
 	});
 }
-var xt = [
+var Ct = [
 	{
 		name: "layout",
 		label: "Layout",
@@ -1260,15 +1278,15 @@ var xt = [
 ];
 //#endregion
 //#region src/hooks/useDesignerHistory.ts
-function St(e, t = {}) {
-	return nt(e, t);
+function wt(e, t = {}) {
+	return it(e, t);
 }
 //#endregion
 //#region src/DataModelDesigner.tsx
-function Ct(...e) {
+function Tt(...e) {
 	return K(G(e));
 }
-var wt = [
+var Et = [
 	"text",
 	"number",
 	"boolean",
@@ -1292,7 +1310,7 @@ var wt = [
 	"formula",
 	"autonumber"
 ];
-function Tt(e, t = 4, n = 280, r = 250, i = 50, a = 50) {
+function Dt(e, t = 4, n = 280, r = 250, i = 50, a = 50) {
 	return e.map((e, o) => ({
 		...e,
 		position: {
@@ -1301,12 +1319,12 @@ function Tt(e, t = 4, n = 280, r = 250, i = 50, a = 50) {
 		}
 	}));
 }
-function Et({ entities: e = [], relationships: t = [], canvas: n = {
+function Ot({ 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 = St({
+	let f = c(null), p = wt({
 		entities: e,
 		relationships: t
 	}, { maxHistory: 50 }), { entities: m, relationships: h } = p.current, _ = i((e) => {
@@ -1315,11 +1333,11 @@ function Et({ entities: e = [], relationships: t = [], canvas: n = {
 		p,
 		s,
 		u
-	]), y = rt(), x = it(), S = x.count > 0 ? Array.from(x.selectedIds)[0] : null, C = at(), E = ot({
+	]), y = at(), x = ot(), S = x.count > 0 ? Array.from(x.selectedIds)[0] : null, C = st(), E = ct({
 		minZoom: .25,
 		maxZoom: 3,
 		zoomStep: .1
-	}), D = _t(), [O, k] = l(!0), [A, j] = l(!0), [M, N] = l(null), [F, I] = l(""), [L, R] = l(null), [z, ee] = l(""), B = c(null), te = i(() => {
+	}), D = yt(), [O, k] = l(!0), [A, j] = l(!0), [M, N] = l(null), [F, I] = l(""), [L, R] = l(null), [z, ee] = l(""), B = c(null), te = i(() => {
 		if (a) return;
 		let e = p.current, t = {
 			id: `entity-${Date.now()}`,
@@ -1406,7 +1424,7 @@ function Et({ entities: e = [], relationships: t = [], canvas: n = {
 	]), ie = i(() => {
 		if (a) return;
 		let e = p.current, t = {
-			entities: Tt(e.entities),
+			entities: Dt(e.entities),
 			relationships: e.relationships
 		};
 		_(t);
@@ -1673,7 +1691,7 @@ function Et({ entities: e = [], relationships: t = [], canvas: n = {
 	return /* @__PURE__ */ Y("div", {
 		ref: f,
 		tabIndex: 0,
-		className: Ct("flex h-full w-full border rounded-lg overflow-hidden bg-background", d),
+		className: Tt("flex h-full w-full border rounded-lg overflow-hidden bg-background", d),
 		children: [
 			/* @__PURE__ */ Y("div", {
 				className: "flex flex-col flex-1 min-w-0",
@@ -1690,6 +1708,7 @@ function Et({ entities: e = [], relationships: t = [], canvas: n = {
 						/* @__PURE__ */ Y("div", {
 							className: "flex items-center gap-1 ml-2 border-l pl-2",
 							children: [/* @__PURE__ */ J("button", {
+								type: "button",
 								onClick: () => p.undo(),
 								disabled: !p.canUndo,
 								"aria-label": "Undo",
@@ -1697,6 +1716,7 @@ function Et({ entities: e = [], relationships: t = [], canvas: n = {
 								className: "p-1 rounded hover:bg-accent disabled:opacity-40",
 								children: /* @__PURE__ */ J(Pe, { className: "h-3.5 w-3.5" })
 							}), /* @__PURE__ */ J("button", {
+								type: "button",
 								onClick: () => p.redo(),
 								disabled: !p.canRedo,
 								"aria-label": "Redo",
@@ -1709,6 +1729,7 @@ function Et({ entities: e = [], relationships: t = [], canvas: n = {
 							className: "flex items-center gap-1 border-l pl-2",
 							children: [
 								/* @__PURE__ */ J("button", {
+									type: "button",
 									onClick: E.zoomOut,
 									"aria-label": "Zoom Out",
 									title: "Zoom Out",
@@ -1720,6 +1741,7 @@ function Et({ entities: e = [], relationships: t = [], canvas: n = {
 									children: [Math.round(E.zoom * 100), "%"]
 								}),
 								/* @__PURE__ */ J("button", {
+									type: "button",
 									onClick: E.zoomIn,
 									"aria-label": "Zoom In",
 									title: "Zoom In",
@@ -1727,6 +1749,7 @@ function Et({ entities: e = [], relationships: t = [], canvas: n = {
 									children: /* @__PURE__ */ J(ze, { className: "h-3.5 w-3.5" })
 								}),
 								/* @__PURE__ */ J("button", {
+									type: "button",
 									onClick: E.resetZoom,
 									"aria-label": "Reset Zoom",
 									title: "Reset Zoom",
@@ -1738,6 +1761,7 @@ function Et({ entities: e = [], relationships: t = [], canvas: n = {
 						!a && /* @__PURE__ */ Y("div", {
 							className: "flex items-center gap-1 border-l pl-2",
 							children: [/* @__PURE__ */ J("button", {
+								type: "button",
 								onClick: V,
 								disabled: x.count === 0,
 								"aria-label": "Copy",
@@ -1745,6 +1769,7 @@ function Et({ entities: e = [], relationships: t = [], canvas: n = {
 								className: "p-1 rounded hover:bg-accent disabled:opacity-40",
 								children: /* @__PURE__ */ J(w, { className: "h-3.5 w-3.5" })
 							}), /* @__PURE__ */ J("button", {
+								type: "button",
 								onClick: H,
 								disabled: !C.hasContent,
 								"aria-label": "Paste",
@@ -1754,6 +1779,7 @@ function Et({ entities: e = [], relationships: t = [], canvas: n = {
 							})]
 						}),
 						!a && /* @__PURE__ */ Y("button", {
+							type: "button",
 							onClick: ie,
 							"aria-label": "Auto Layout",
 							title: "Auto Layout",
@@ -1776,11 +1802,13 @@ function Et({ entities: e = [], relationships: t = [], canvas: n = {
 							children: [x.count, " selected"]
 						}),
 						!a && /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ Y("button", {
+							type: "button",
 							onClick: te,
 							"aria-label": "Add Entity",
 							className: "flex items-center gap-1 px-2 py-1 text-xs rounded bg-primary text-primary-foreground hover:bg-primary/90",
 							children: [/* @__PURE__ */ J(be, { className: "h-3 w-3" }), " Add Entity"]
 						}), /* @__PURE__ */ Y("button", {
+							type: "button",
 							"aria-label": "Add Relationship",
 							title: "Add Relationship (coming soon)",
 							className: "flex items-center gap-1 px-2 py-1 text-xs rounded bg-secondary text-secondary-foreground hover:bg-secondary/80",
@@ -1837,7 +1865,7 @@ function Et({ entities: e = [], relationships: t = [], canvas: n = {
 								"aria-label": e.label,
 								draggable: !a,
 								onDragStart: (t) => me(t, e.id),
-								className: Ct("absolute rounded-lg border-2 bg-background shadow-sm w-60 select-none cursor-grab active:cursor-grabbing", x.isSelected(e.id) ? "border-primary ring-2 ring-primary/20" : "border-border hover:border-primary/50"),
+								className: Tt("absolute rounded-lg border-2 bg-background shadow-sm w-60 select-none cursor-grab active:cursor-grabbing", x.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
@@ -1871,6 +1899,7 @@ function Et({ entities: e = [], relationships: t = [], canvas: n = {
 												children: e.label
 											}),
 											!a && /* @__PURE__ */ J("button", {
+												type: "button",
 												onClick: (t) => {
 													t.stopPropagation(), ne(e.id);
 												},
@@ -1897,7 +1926,7 @@ function Et({ entities: e = [], relationships: t = [], canvas: n = {
 													autoFocus: !0,
 													onClick: (e) => e.stopPropagation()
 												}) : /* @__PURE__ */ Y("span", {
-													className: Ct("font-mono cursor-text", t.primaryKey && "font-bold text-primary"),
+													className: Tt("font-mono cursor-text", t.primaryKey && "font-bold text-primary"),
 													onClick: (r) => {
 														r.stopPropagation(), se(e.id, n, t.name);
 													},
@@ -1918,7 +1947,7 @@ function Et({ 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: wt.map((e) => /* @__PURE__ */ J("option", {
+													children: Et.map((e) => /* @__PURE__ */ J("option", {
 														value: e,
 														children: e
 													}, e))
@@ -1933,6 +1962,7 @@ function Et({ entities: e = [], relationships: t = [], canvas: n = {
 									!a && /* @__PURE__ */ J("div", {
 										className: "px-3 py-1 border-t",
 										children: /* @__PURE__ */ Y("button", {
+											type: "button",
 											onClick: (t) => {
 												t.stopPropagation(), oe(e.id);
 											},
@@ -1944,7 +1974,7 @@ function Et({ entities: e = [], relationships: t = [], canvas: n = {
 								]
 							}, e.id))
 						]
-					}), A && m.length > 0 && /* @__PURE__ */ J(pt, {
+					}), A && m.length > 0 && /* @__PURE__ */ J(ht, {
 						items: ve,
 						canvasWidth: n.width,
 						canvasHeight: n.height,
@@ -1958,6 +1988,7 @@ function Et({ entities: e = [], relationships: t = [], canvas: n = {
 				children: [/* @__PURE__ */ Y("div", {
 					className: "flex flex-col flex-1 min-h-0",
 					children: [/* @__PURE__ */ Y("button", {
+						type: "button",
 						onClick: () => k((e) => !e),
 						className: "flex items-center gap-1 px-3 py-2 text-xs font-medium text-muted-foreground hover:bg-accent/50 border-b",
 						"aria-expanded": O,
@@ -1966,7 +1997,7 @@ function Et({ entities: e = [], relationships: t = [], canvas: n = {
 					}), O && /* @__PURE__ */ J("div", {
 						id: "property-editor-panel",
 						className: "flex-1 overflow-y-auto",
-						children: /* @__PURE__ */ J(ut, {
+						children: /* @__PURE__ */ J(ft, {
 							title: U ? U.label : "Properties",
 							fields: W,
 							onChange: _e
@@ -1975,6 +2006,7 @@ function Et({ entities: e = [], relationships: t = [], canvas: n = {
 				}), /* @__PURE__ */ J("div", {
 					className: "border-t",
 					children: /* @__PURE__ */ Y("button", {
+						type: "button",
 						onClick: () => j((e) => !e),
 						className: "flex items-center gap-1 px-3 py-2 text-xs font-medium text-muted-foreground hover:bg-accent/50 w-full",
 						"aria-expanded": A,
@@ -1982,7 +2014,7 @@ function Et({ entities: e = [], relationships: t = [], canvas: n = {
 					})
 				})]
 			}),
-			/* @__PURE__ */ J(ct, {
+			/* @__PURE__ */ J(ut, {
 				isOpen: y.isOpen,
 				title: y.title,
 				message: y.message,
@@ -1995,11 +2027,11 @@ function Et({ entities: e = [], relationships: t = [], canvas: n = {
 }
 //#endregion
 //#region src/ProcessDesigner.tsx
-function Dt(...e) {
+function kt(...e) {
 	return K(G(e));
 }
-var Ot = 120, kt = 50;
-function At(e, t) {
+var At = 120, jt = 50;
+function Mt(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, []);
@@ -2027,12 +2059,12 @@ function At(e, t) {
 		position: c.get(e.id) ?? e.position
 	}));
 }
-function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lanes: r, canvas: a = {
+function Nt({ 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 = nt({
+	let g = it({
 		nodes: t,
 		edges: n
 	}, { maxHistory: 50 }), _ = g.current.nodes, v = g.current.edges, y = i((e, t) => {
@@ -2044,7 +2076,7 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 		g,
 		p,
 		m
-	]), x = rt(), S = it(), C = at(), T = ot({ initialZoom: 1 }), D = _t(), [O, k] = l(null), [A, j] = l(!1), [N, P] = l(null), [F, I] = l(null), [L, R] = l(!0), [z, ee] = l(null), [te, ne] = l({
+	]), x = at(), S = ot(), C = st(), T = ct({ initialZoom: 1 }), D = yt(), [O, k] = l(null), [A, j] = l(!1), [N, P] = l(null), [F, I] = l(null), [L, R] = l(!0), [z, ee] = l(null), [te, ne] = l({
 		x: 0,
 		y: 0
 	}), re = c(null), ie = c(p), ae = c(m);
@@ -2137,7 +2169,7 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 		y,
 		S
 	]), ue = i(() => {
-		j((e) => e ? (P(null), !1) : !0);
+		j((e) => !e || (P(null), !1));
 	}, []), de = i((e) => {
 		if (!A) return !1;
 		if (!N) return P(e), !0;
@@ -2165,7 +2197,7 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 		D
 	]), fe = i(() => {
 		if (f || _.length === 0) return;
-		let e = At(_, v);
+		let e = Mt(_, v);
 		y(e, v);
 	}, [
 		_,
@@ -2287,8 +2319,8 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 		id: e.id,
 		x: e.position.x,
 		y: e.position.y,
-		width: Ot,
-		height: kt,
+		width: At,
+		height: jt,
 		selected: S.isSelected(e.id) || e.id === O
 	})), [
 		_,
@@ -2344,9 +2376,9 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 	return /* @__PURE__ */ Y("div", {
 		ref: re,
 		tabIndex: 0,
-		className: Dt("flex flex-col h-full w-full border rounded-lg overflow-hidden bg-background", h),
+		className: kt("flex flex-col h-full w-full border rounded-lg overflow-hidden bg-background", h),
 		children: [
-			/* @__PURE__ */ J(ct, {
+			/* @__PURE__ */ J(ut, {
 				isOpen: x.isOpen,
 				title: x.title,
 				message: x.message,
@@ -2381,6 +2413,7 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 						className: "flex items-center gap-1",
 						children: [
 							/* @__PURE__ */ J("button", {
+								type: "button",
 								onClick: () => g.undo(),
 								disabled: !g.canUndo,
 								className: "flex items-center gap-1 px-2 py-1 text-xs rounded hover:bg-accent disabled:opacity-40",
@@ -2389,6 +2422,7 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 								children: /* @__PURE__ */ J(Pe, { className: "h-3 w-3" })
 							}),
 							/* @__PURE__ */ J("button", {
+								type: "button",
 								onClick: () => g.redo(),
 								disabled: !g.canRedo,
 								className: "flex items-center gap-1 px-2 py-1 text-xs rounded hover:bg-accent disabled:opacity-40",
@@ -2398,6 +2432,7 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 							}),
 							/* @__PURE__ */ J("div", { className: "w-px h-4 bg-border mx-1" }),
 							/* @__PURE__ */ J("button", {
+								type: "button",
 								onClick: ce,
 								disabled: S.count === 0 && !O,
 								className: "flex items-center gap-1 px-2 py-1 text-xs rounded hover:bg-accent disabled:opacity-40",
@@ -2406,6 +2441,7 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 								children: /* @__PURE__ */ J(w, { className: "h-3 w-3" })
 							}),
 							/* @__PURE__ */ J("button", {
+								type: "button",
 								onClick: le,
 								disabled: !C.hasContent,
 								className: "flex items-center gap-1 px-2 py-1 text-xs rounded hover:bg-accent disabled:opacity-40",
@@ -2415,14 +2451,16 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 							}),
 							/* @__PURE__ */ J("div", { className: "w-px h-4 bg-border mx-1" }),
 							/* @__PURE__ */ Y("button", {
+								type: "button",
 								onClick: ue,
-								className: Dt("flex items-center gap-1 px-2 py-1 text-xs rounded hover:bg-accent", A && "bg-primary text-primary-foreground"),
+								className: kt("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,
 								children: [/* @__PURE__ */ J(V, { className: "h-3 w-3" }), " Connect"]
 							}),
 							/* @__PURE__ */ Y("button", {
+								type: "button",
 								onClick: fe,
 								className: "flex items-center gap-1 px-2 py-1 text-xs rounded hover:bg-accent",
 								title: "Auto layout",
@@ -2431,6 +2469,7 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 							}),
 							/* @__PURE__ */ J("div", { className: "w-px h-4 bg-border mx-1" }),
 							/* @__PURE__ */ J("button", {
+								type: "button",
 								onClick: T.zoomIn,
 								className: "flex items-center gap-1 px-2 py-1 text-xs rounded hover:bg-accent",
 								title: "Zoom in",
@@ -2443,6 +2482,7 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 								children: [Math.round(T.zoom * 100), "%"]
 							}),
 							/* @__PURE__ */ J("button", {
+								type: "button",
 								onClick: T.zoomOut,
 								className: "flex items-center gap-1 px-2 py-1 text-xs rounded hover:bg-accent",
 								title: "Zoom out",
@@ -2450,6 +2490,7 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 								children: /* @__PURE__ */ J(Be, { className: "h-3 w-3" })
 							}),
 							/* @__PURE__ */ J("button", {
+								type: "button",
 								onClick: T.resetZoom,
 								className: "flex items-center gap-1 px-2 py-1 text-xs rounded hover:bg-accent",
 								title: "Reset zoom",
@@ -2458,6 +2499,7 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 							}),
 							/* @__PURE__ */ J("div", { className: "w-px h-4 bg-border mx-1" }),
 							/* @__PURE__ */ Y("button", {
+								type: "button",
 								onClick: () => H("start-event", "Start"),
 								className: "flex items-center gap-1 px-2 py-1 text-xs rounded hover:bg-accent",
 								title: "Add Start Event",
@@ -2465,6 +2507,7 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 								children: [/* @__PURE__ */ J(ye, { className: "h-3 w-3 text-green-600" }), " Start"]
 							}),
 							/* @__PURE__ */ Y("button", {
+								type: "button",
 								onClick: () => H("user-task", "User Task"),
 								className: "flex items-center gap-1 px-2 py-1 text-xs rounded hover:bg-accent",
 								title: "Add User Task",
@@ -2472,6 +2515,7 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 								children: [/* @__PURE__ */ J(Ee, { className: "h-3 w-3 text-blue-600" }), " Task"]
 							}),
 							/* @__PURE__ */ Y("button", {
+								type: "button",
 								onClick: () => H("exclusive-gateway", "Decision"),
 								className: "flex items-center gap-1 px-2 py-1 text-xs rounded hover:bg-accent",
 								title: "Add Gateway",
@@ -2479,6 +2523,7 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 								children: [/* @__PURE__ */ J(E, { className: "h-3 w-3 text-yellow-600" }), " Gateway"]
 							}),
 							/* @__PURE__ */ Y("button", {
+								type: "button",
 								onClick: () => H("end-event", "End"),
 								className: "flex items-center gap-1 px-2 py-1 text-xs rounded hover:bg-accent",
 								title: "Add End Event",
@@ -2487,6 +2532,7 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 							}),
 							/* @__PURE__ */ J("div", { className: "w-px h-4 bg-border mx-1" }),
 							/* @__PURE__ */ J("button", {
+								type: "button",
 								onClick: () => R((e) => !e),
 								className: "flex items-center gap-1 px-2 py-1 text-xs rounded hover:bg-accent",
 								title: L ? "Hide properties" : "Show properties",
@@ -2537,12 +2583,12 @@ function jt({ 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 + Ot / 2;
-									let r = t.position.y + kt / 2;
-									n.position.x + Ot / 2;
-									let i = n.position.y + kt / 2, a = t.position.x + Ot, o = r, s = n.position.x, c = i;
+									t.position.x + At / 2;
+									let r = t.position.y + jt / 2;
+									n.position.x + At / 2;
+									let i = n.position.y + jt / 2, a = t.position.x + At, o = r, s = n.position.x, c = i, l = `M ${a} ${o} Q ${(a + s) / 2} ${o}, ${(a + s) / 2} ${(o + c) / 2} T ${s} ${c}`;
 									return /* @__PURE__ */ Y("g", { children: [/* @__PURE__ */ J("path", {
-										d: `M ${a} ${o} Q ${(a + s) / 2} ${o}, ${(a + s) / 2} ${(o + c) / 2} T ${s} ${c}`,
+										d: l,
 										fill: "none",
 										stroke: "hsl(var(--foreground) / 0.5)",
 										strokeWidth: "2",
@@ -2579,9 +2625,9 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 									},
 									children: [
 										/* @__PURE__ */ J("div", {
-											className: Dt("flex items-center justify-center border-2 min-w-[120px] min-h-[50px] px-3 py-2 transition-shadow", be(e.type), t && "ring-2 ring-primary shadow-md", n && "ring-2 ring-blue-400 shadow-lg", A && !n && "cursor-crosshair"),
+											className: kt("flex items-center justify-center border-2 min-w-[120px] min-h-[50px] px-3 py-2 transition-shadow", be(e.type), t && "ring-2 ring-primary shadow-md", n && "ring-2 ring-blue-400 shadow-lg", A && !n && "cursor-crosshair"),
 											children: /* @__PURE__ */ J("span", {
-												className: Dt("text-xs font-medium", (e.type === "exclusive-gateway" || e.type === "parallel-gateway" || e.type === "inclusive-gateway" || e.type === "event-based-gateway") && "-rotate-45"),
+												className: kt("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
 											})
 										}),
@@ -2590,7 +2636,7 @@ function jt({ 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: kt / 2 - 6
+													top: jt / 2 - 6
 												},
 												title: "Input port",
 												onClick: (t) => {
@@ -2601,7 +2647,7 @@ function jt({ 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: kt / 2 - 6
+													top: jt / 2 - 6
 												},
 												title: "Output port",
 												onClick: (t) => {
@@ -2611,7 +2657,7 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 											/* @__PURE__ */ J("div", {
 												className: "absolute w-3 h-3 rounded-full bg-blue-400 border-2 border-white shadow cursor-crosshair",
 												style: {
-													left: Ot / 2 - 6,
+													left: At / 2 - 6,
 													top: -6
 												},
 												title: "Port",
@@ -2622,7 +2668,7 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 											/* @__PURE__ */ J("div", {
 												className: "absolute w-3 h-3 rounded-full bg-blue-400 border-2 border-white shadow cursor-crosshair",
 												style: {
-													left: Ot / 2 - 6,
+													left: At / 2 - 6,
 													bottom: -6
 												},
 												title: "Port",
@@ -2632,6 +2678,7 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 											})
 										] }),
 										!f && t && !A && /* @__PURE__ */ J("button", {
+											type: "button",
 											onClick: (t) => {
 												t.stopPropagation(), oe(e.id);
 											},
@@ -2642,7 +2689,7 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 									]
 								}, e.id);
 							}),
-							u && _.length > 0 && /* @__PURE__ */ J(pt, {
+							u && _.length > 0 && /* @__PURE__ */ J(ht, {
 								items: xe,
 								canvasWidth: a.width ?? 1400,
 								canvasHeight: a.height ?? 800,
@@ -2654,7 +2701,7 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 					className: "w-64 border-l bg-background overflow-y-auto shrink-0",
 					role: "complementary",
 					"aria-label": "Property panel",
-					children: /* @__PURE__ */ J(ut, {
+					children: /* @__PURE__ */ J(ft, {
 						title: W ? `Properties: ${W.label}` : "Properties",
 						fields: _e,
 						onChange: ve
@@ -2666,7 +2713,7 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 }
 //#endregion
 //#region src/ReportDesigner.tsx
-function Mt(...e) {
+function Pt(...e) {
 	return K(G(e));
 }
 var Z = {
@@ -2719,7 +2766,7 @@ var Z = {
 	groupSize: "Size",
 	groupContent: "Content",
 	groupGeneral: "General"
-}, Nt = {
+}, Ft = {
 	A4: {
 		width: 595,
 		height: 842
@@ -2740,7 +2787,7 @@ var Z = {
 		width: 792,
 		height: 1224
 	}
-}, Pt = [
+}, It = [
 	{
 		type: "header",
 		height: 80,
@@ -2758,23 +2805,23 @@ var Z = {
 		elements: []
 	}
 ];
-function Ft({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4", orientation: r = "portrait", margins: a = {
+function Lt({ 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 _ = nt(u.length > 0 ? u : Pt), v = _.current, y = i((e) => {
+	let _ = it(u.length > 0 ? u : It), v = _.current, y = i((e) => {
 		_.push(e), h?.(e);
-	}, [_, h]), x = it(), S = s(() => {
+	}, [_, h]), x = ot(), S = s(() => {
 		let e = Array.from(x.selectedIds);
 		return e.length > 0 ? e[0] : null;
-	}, [x.selectedIds]), C = at(), T = rt(), E = _t(), D = i((e) => {
+	}, [x.selectedIds]), C = st(), T = at(), E = yt(), D = i((e) => {
 		E && E.sendOperation({
 			...e,
 			userId: E.currentUserId ?? ""
 		});
-	}, [E]), [O, k] = l(!0), j = c(null), M = c(null), N = Nt[n], P = r === "landscape" ? N.height : N.width, F = r === "landscape" ? N.width : N.height, I = (e) => {
+	}, [E]), [O, k] = l(!0), j = c(null), M = c(null), N = Ft[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;
@@ -3100,7 +3147,7 @@ function Ft({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 	]), /* @__PURE__ */ Y("div", {
 		ref: M,
 		tabIndex: 0,
-		className: Mt("flex h-full w-full border rounded-lg overflow-hidden bg-background", g),
+		className: Pt("flex h-full w-full border rounded-lg overflow-hidden bg-background", g),
 		children: [
 			/* @__PURE__ */ Y("div", {
 				className: "flex-1 flex flex-col min-w-0",
@@ -3125,7 +3172,8 @@ function Ft({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 						!m && /* @__PURE__ */ Y(q, { children: [
 							/* @__PURE__ */ J("div", { className: "w-px h-5 bg-border mx-1" }),
 							/* @__PURE__ */ J("button", {
-								className: Mt("p-1.5 rounded hover:bg-accent", !_.canUndo && "opacity-40 pointer-events-none"),
+								type: "button",
+								className: Pt("p-1.5 rounded hover:bg-accent", !_.canUndo && "opacity-40 pointer-events-none"),
 								title: Z.undoShortcut,
 								"aria-label": Z.undo,
 								disabled: !_.canUndo,
@@ -3133,7 +3181,8 @@ function Ft({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 								children: /* @__PURE__ */ J(Pe, { className: "h-4 w-4" })
 							}),
 							/* @__PURE__ */ J("button", {
-								className: Mt("p-1.5 rounded hover:bg-accent", !_.canRedo && "opacity-40 pointer-events-none"),
+								type: "button",
+								className: Pt("p-1.5 rounded hover:bg-accent", !_.canRedo && "opacity-40 pointer-events-none"),
 								title: Z.redoShortcut,
 								"aria-label": Z.redo,
 								disabled: !_.canRedo,
@@ -3144,7 +3193,8 @@ function Ft({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 						] }),
 						!m && /* @__PURE__ */ Y(q, { children: [
 							/* @__PURE__ */ J("button", {
-								className: Mt("p-1.5 rounded hover:bg-accent", x.count === 0 && "opacity-40 pointer-events-none"),
+								type: "button",
+								className: Pt("p-1.5 rounded hover:bg-accent", x.count === 0 && "opacity-40 pointer-events-none"),
 								title: Z.copyShortcut,
 								"aria-label": Z.copy,
 								disabled: x.count === 0,
@@ -3152,7 +3202,8 @@ function Ft({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 								children: /* @__PURE__ */ J(w, { className: "h-4 w-4" })
 							}),
 							/* @__PURE__ */ J("button", {
-								className: Mt("p-1.5 rounded hover:bg-accent", !C.hasContent && "opacity-40 pointer-events-none"),
+								type: "button",
+								className: Pt("p-1.5 rounded hover:bg-accent", !C.hasContent && "opacity-40 pointer-events-none"),
 								title: Z.pasteShortcut,
 								"aria-label": Z.paste,
 								disabled: !C.hasContent,
@@ -3162,7 +3213,8 @@ function Ft({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 							/* @__PURE__ */ J("div", { className: "w-px h-5 bg-border mx-1" })
 						] }),
 						!m && /* @__PURE__ */ J("button", {
-							className: Mt("p-1.5 rounded hover:bg-accent", x.count === 0 && "opacity-40 pointer-events-none"),
+							type: "button",
+							className: Pt("p-1.5 rounded hover:bg-accent", x.count === 0 && "opacity-40 pointer-events-none"),
 							title: Z.deleteSelected,
 							"aria-label": Z.deleteSelected,
 							disabled: x.count === 0,
@@ -3187,11 +3239,12 @@ function Ft({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 							]
 						}),
 						f && /* @__PURE__ */ J("button", {
+							type: "button",
 							className: "p-1.5 rounded hover:bg-accent",
 							title: O ? Z.collapsePanel : Z.expandPanel,
 							"aria-label": O ? Z.collapsePanel : Z.expandPanel,
 							onClick: () => k((e) => !e),
-							children: /* @__PURE__ */ J(ge, { className: Mt("h-4 w-4", !O && "rotate-180") })
+							children: /* @__PURE__ */ J(ge, { className: Pt("h-4 w-4", !O && "rotate-180") })
 						})
 					]
 				}), /* @__PURE__ */ J("div", {
@@ -3218,6 +3271,7 @@ function Ft({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 									className: "absolute right-1 top-0 flex items-center gap-0.5",
 									children: [
 										/* @__PURE__ */ J("button", {
+											type: "button",
 											onClick: () => R(t, "text"),
 											className: "p-0.5 rounded hover:bg-accent",
 											title: Z.addText,
@@ -3225,6 +3279,7 @@ function Ft({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 											children: /* @__PURE__ */ J(Ne, { className: "h-3 w-3" })
 										}),
 										/* @__PURE__ */ J("button", {
+											type: "button",
 											onClick: () => R(t, "field"),
 											className: "p-0.5 rounded hover:bg-accent",
 											title: Z.addField,
@@ -3232,6 +3287,7 @@ function Ft({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 											children: /* @__PURE__ */ J(be, { className: "h-3 w-3" })
 										}),
 										/* @__PURE__ */ J("button", {
+											type: "button",
 											onClick: () => R(t, "image"),
 											className: "p-0.5 rounded hover:bg-accent",
 											title: Z.addImage,
@@ -3239,6 +3295,7 @@ function Ft({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 											children: /* @__PURE__ */ J(z, { className: "h-3 w-3" })
 										}),
 										/* @__PURE__ */ J("button", {
+											type: "button",
 											onClick: () => R(t, "chart"),
 											className: "p-0.5 rounded hover:bg-accent",
 											title: Z.addChart,
@@ -3246,6 +3303,7 @@ function Ft({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 											children: /* @__PURE__ */ J(p, { className: "h-3 w-3" })
 										}),
 										/* @__PURE__ */ J("button", {
+											type: "button",
 											onClick: () => R(t, "table"),
 											className: "p-0.5 rounded hover:bg-accent",
 											title: Z.addTable,
@@ -3268,7 +3326,7 @@ function Ft({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 										return /* @__PURE__ */ Y("div", {
 											draggable: !m,
 											onDragStart: (n) => ie(n, e, t),
-											className: Mt("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: Pt("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,
@@ -3286,6 +3344,7 @@ function Ft({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 													e.type === "table" && Z.elementTable
 												]
 											}), !m && n && /* @__PURE__ */ J("button", {
+												type: "button",
 												onClick: (t) => {
 													t.stopPropagation(), ee(e.id);
 												},
@@ -3304,8 +3363,8 @@ function Ft({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 			f && /* @__PURE__ */ J("div", {
 				role: "region",
 				"aria-label": Z.propertiesPanel,
-				className: Mt("border-l bg-muted/30 flex flex-col transition-[width] duration-200", O ? "w-56" : "w-0 overflow-hidden"),
-				children: O && (S && L ? /* @__PURE__ */ J(ut, {
+				className: Pt("border-l bg-muted/30 flex flex-col transition-[width] duration-200", O ? "w-56" : "w-0 overflow-hidden"),
+				children: O && (S && L ? /* @__PURE__ */ J(ft, {
 					title: `${Z.properties} – ${L.type}`,
 					fields: H,
 					onChange: te
@@ -3320,7 +3379,7 @@ function Ft({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 					})
 				})] }))
 			}),
-			/* @__PURE__ */ J(ct, {
+			/* @__PURE__ */ J(ut, {
 				isOpen: T.isOpen,
 				title: T.title,
 				message: T.message,
@@ -3330,7 +3389,9 @@ function Ft({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 		]
 	});
 }
-var It = qe({
+//#endregion
+//#region src/hooks/useDesignerTranslation.ts
+var Rt = {
 	"appDesigner.basicInfo": "Basic Info",
 	"appDesigner.objects": "Objects",
 	"appDesigner.navigation": "Navigation",
@@ -3415,6 +3476,9 @@ var It = qe({
 	"appDesigner.widgetHeight": "Height",
 	"appDesigner.dashboardPreview": "Dashboard Preview",
 	"appDesigner.noWidgetsPreview": "No widgets to preview",
+	"appDesigner.widgetProperties": "Widget Properties",
+	"appDesigner.addWidget": "Add Widget",
+	"appDesigner.modeEdit": "Edit",
 	"appDesigner.pageCanvasEditor": "Page Canvas Editor",
 	"appDesigner.emptyPage": "Empty page. Click a button above to add a component.",
 	"appDesigner.pagePreview": "Page Preview",
@@ -3491,14 +3555,15 @@ var It = qe({
 	"appDesigner.fieldDesigner.typeCategory.choice": "Choice",
 	"appDesigner.fieldDesigner.typeCategory.relation": "Relation",
 	"appDesigner.fieldDesigner.typeCategory.advanced": "Advanced",
-	"common.edit": "Edit"
-}, "appDesigner.basicInfo");
+	"common.edit": "Edit",
+	"common.delete": "Delete"
+}, zt = Je(Rt, "appDesigner.basicInfo");
 //#endregion
 //#region src/AppCreationWizard.tsx
 function Q(...e) {
 	return K(G(e));
 }
-var Lt = {
+var Bt = {
 	name: "",
 	title: "",
 	description: "",
@@ -3513,7 +3578,7 @@ var Lt = {
 		favicon: ""
 	}
 };
-function Rt(e) {
+function Vt(e) {
 	return e.filter((e) => e.selected).map((e) => ({
 		id: e.name,
 		type: "object",
@@ -3522,11 +3587,11 @@ function Rt(e) {
 		objectName: e.name
 	}));
 }
-var zt = 0;
-function Bt(e) {
-	return zt += 1, `${e}_${Date.now()}_${zt}`;
+var Ht = 0;
+function Ut(e) {
+	return Ht += 1, `${e}_${Date.now()}_${Ht}`;
 }
-function Vt({ steps: e, currentIndex: t, onStepClick: r }) {
+function Wt({ steps: e, currentIndex: t, onStepClick: r }) {
 	return /* @__PURE__ */ J("nav", {
 		className: "flex items-center justify-center gap-0 px-4 py-6",
 		children: e.map((e, i) => {
@@ -3547,7 +3612,7 @@ function Vt({ steps: e, currentIndex: t, onStepClick: r }) {
 		})
 	});
 }
-function Ht({ draft: e, templates: t, readOnly: n, onChange: r, t: i }) {
+function Gt({ draft: e, templates: t, readOnly: n, onChange: r, t: i }) {
 	let a = e.name.length > 0 && !He(e.name);
 	return /* @__PURE__ */ Y("div", {
 		"data-testid": "wizard-step-basic-content",
@@ -3709,7 +3774,7 @@ function Ht({ draft: e, templates: t, readOnly: n, onChange: r, t: i }) {
 		]
 	});
 }
-function Ut({ objects: e, readOnly: t, onToggle: n, onToggleAll: r, search: i, onSearchChange: a, t: o }) {
+function Kt({ 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();
@@ -3772,7 +3837,7 @@ function Ut({ objects: e, readOnly: t, onToggle: n, onToggleAll: r, search: i, o
 		})]
 	});
 }
-var Wt = {
+var qt = {
 	object: "bg-green-100 text-green-700",
 	group: "bg-purple-100 text-purple-700",
 	url: "bg-sky-100 text-sky-700",
@@ -3782,7 +3847,7 @@ var Wt = {
 	report: "bg-rose-100 text-rose-700",
 	action: "bg-orange-100 text-orange-700"
 };
-function Gt({ items: e, readOnly: t, onAdd: n, onRemove: r, onReorder: i, t: a }) {
+function Jt({ items: e, readOnly: t, onAdd: n, onRemove: r, onReorder: i, t: a }) {
 	return /* @__PURE__ */ Y("div", {
 		"data-testid": "wizard-step-navigation-content",
 		className: "mx-auto max-w-lg space-y-4",
@@ -3829,10 +3894,10 @@ function Gt({ items: e, readOnly: t, onAdd: n, onRemove: r, onReorder: i, t: a }
 					}),
 					/* @__PURE__ */ J("span", {
 						className: "flex-1 truncate text-sm text-gray-800",
-						children: n.type === "separator" ? a("appDesigner.separatorLabel") : We(n.label)
+						children: n.type === "separator" ? a("appDesigner.separatorLabel") : Ge(n.label)
 					}),
 					/* @__PURE__ */ J("span", {
-						className: Q("rounded-full px-2 py-0.5 text-[10px] font-medium", Wt[n.type] ?? "bg-gray-100 text-gray-600"),
+						className: Q("rounded-full px-2 py-0.5 text-[10px] font-medium", qt[n.type] ?? "bg-gray-100 text-gray-600"),
 						children: n.type
 					}),
 					/* @__PURE__ */ Y("div", {
@@ -3869,7 +3934,7 @@ function Gt({ items: e, readOnly: t, onAdd: n, onRemove: r, onReorder: i, t: a }
 		})]
 	});
 }
-function Kt({ branding: e, title: t, readOnly: n, onChange: r, t: i }) {
+function Yt({ branding: e, title: t, readOnly: n, onChange: r, t: i }) {
 	return /* @__PURE__ */ Y("div", {
 		"data-testid": "wizard-step-branding-content",
 		className: "mx-auto max-w-lg space-y-5",
@@ -3983,9 +4048,9 @@ function Kt({ branding: e, title: t, readOnly: n, onChange: r, t: i }) {
 		]
 	});
 }
-function qt({ availableObjects: e = [], templates: t = [], initialDraft: n, onComplete: r, onCancel: a, onSaveDraft: o, readOnly: c = !1, className: u }) {
-	let { t: d } = It(), f = rt(), [p, m] = l(0), [g, y] = l(""), [b, x] = l(() => ({
-		...Lt,
+function Xt({ availableObjects: e = [], templates: t = [], initialDraft: n, onComplete: r, onCancel: a, onSaveDraft: o, readOnly: c = !1, className: u }) {
+	let { t: d } = zt(), f = at(), [p, m] = l(0), [g, y] = l(""), [b, x] = l(() => ({
+		...Bt,
 		objects: e.map((e) => ({ ...e })),
 		...n
 	})), S = s(() => [
@@ -4044,7 +4109,7 @@ function qt({ availableObjects: e = [], templates: t = [], initialDraft: n, onCo
 		}));
 	}, []), j = i((e) => {
 		let t = {
-			id: Bt(e),
+			id: Ut(e),
 			type: e,
 			label: e === "separator" ? "" : e === "group" ? "New Group" : "New Link",
 			...e === "group" ? { children: [] } : {},
@@ -4072,7 +4137,7 @@ function qt({ availableObjects: e = [], templates: t = [], initialDraft: n, onCo
 	}, []), P = i(() => {
 		w || (p === 1 && x((e) => ({
 			...e,
-			navigation: Rt(e.objects)
+			navigation: Vt(e.objects)
 		})), m((e) => e + 1));
 	}, [p, w]), F = i(() => {
 		C || m((e) => e - 1);
@@ -4091,7 +4156,7 @@ function qt({ 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: Rt(e.objects)
+			navigation: Vt(e.objects)
 		})), m(e));
 	}, [p, E]);
 	return /* @__PURE__ */ Y("div", {
@@ -4143,7 +4208,7 @@ function qt({ availableObjects: e = [], templates: t = [], initialDraft: n, onCo
 			}),
 			/* @__PURE__ */ J("div", {
 				className: "border-b border-gray-100",
-				children: /* @__PURE__ */ J(Vt, {
+				children: /* @__PURE__ */ J(Wt, {
 					steps: S,
 					currentIndex: p,
 					onStepClick: z
@@ -4152,14 +4217,14 @@ function qt({ availableObjects: e = [], templates: t = [], initialDraft: n, onCo
 			/* @__PURE__ */ Y("div", {
 				className: "flex-1 overflow-y-auto p-6",
 				children: [
-					p === 0 && /* @__PURE__ */ J(Ht, {
+					p === 0 && /* @__PURE__ */ J(Gt, {
 						draft: b,
 						templates: t,
 						readOnly: c,
 						onChange: D,
 						t: d
 					}),
-					p === 1 && /* @__PURE__ */ J(Ut, {
+					p === 1 && /* @__PURE__ */ J(Kt, {
 						objects: b.objects,
 						readOnly: c,
 						onToggle: k,
@@ -4168,7 +4233,7 @@ function qt({ availableObjects: e = [], templates: t = [], initialDraft: n, onCo
 						onSearchChange: y,
 						t: d
 					}),
-					p === 2 && /* @__PURE__ */ J(Gt, {
+					p === 2 && /* @__PURE__ */ J(Jt, {
 						items: b.navigation,
 						readOnly: c,
 						onAdd: j,
@@ -4176,7 +4241,7 @@ function qt({ availableObjects: e = [], templates: t = [], initialDraft: n, onCo
 						onReorder: N,
 						t: d
 					}),
-					p === 3 && /* @__PURE__ */ J(Kt, {
+					p === 3 && /* @__PURE__ */ J(Yt, {
 						branding: b.branding,
 						title: b.title,
 						readOnly: c,
@@ -4235,14 +4300,14 @@ function qt({ availableObjects: e = [], templates: t = [], initialDraft: n, onCo
 }
 //#endregion
 //#region src/NavigationDesigner.tsx
-function Jt(...e) {
+function Zt(...e) {
 	return K(G(e));
 }
-var Yt = 0;
-function Xt(e) {
-	return Yt += 1, `${e}_${Date.now()}_${Yt}`;
+var Qt = 0;
+function $t(e) {
+	return Qt += 1, `${e}_${Date.now()}_${Qt}`;
 }
-var Zt = {
+var en = {
 	object: {
 		labelKey: "appDesigner.navTypeObject",
 		color: "bg-green-100 text-green-700",
@@ -4288,7 +4353,7 @@ var Zt = {
 		color: "bg-orange-100 text-orange-700",
 		Icon: fe
 	}
-}, Qt = [
+}, tn = [
 	{
 		type: "object",
 		labelKey: "appDesigner.navObjectPage"
@@ -4318,17 +4383,17 @@ var Zt = {
 		labelKey: "appDesigner.navSeparator"
 	}
 ];
-function $t({ 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 [_, b] = l(!1), [x, S] = l(We(e.label) ?? ""), [C, w] = l(!1), [T, E] = l(e.icon || ""), D = Zt[e.type];
+function nn({ 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 [_, b] = l(!1), [x, S] = l(Ge(e.label) ?? ""), [C, w] = l(!1), [T, E] = l(e.icon || ""), D = en[e.type];
 	e.type === "group" && e.children && e.children.length;
 	let A = m.has(e.id), j = e.visible === !1, M = () => {
-		x.trim() ? u(e.id, x.trim()) : S(We(e.label) ?? ""), b(!1);
+		x.trim() ? u(e.id, x.trim()) : S(Ge(e.label) ?? ""), b(!1);
 	}, N = () => {
 		d(e.id, T.trim()), w(!1);
 	};
 	return /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ Y("li", {
 		"data-testid": `nav-designer-item-${e.id}`,
-		className: Jt("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: Zt("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__ */ J(F, { className: "h-3.5 w-3.5 shrink-0 cursor-grab text-gray-300" }),
@@ -4373,19 +4438,19 @@ function $t({ item: e, depth: t, index: n, total: r, readOnly: i, onRemove: a, o
 				onChange: (e) => S(e.target.value),
 				onBlur: M,
 				onKeyDown: (t) => {
-					t.key === "Enter" && M(), t.key === "Escape" && (S(We(e.label) ?? ""), b(!1));
+					t.key === "Enter" && M(), t.key === "Escape" && (S(Ge(e.label) ?? ""), b(!1));
 				},
 				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__ */ J("span", {
-				className: Jt("flex-1 truncate text-sm text-gray-800", !i && "cursor-text"),
+				className: Zt("flex-1 truncate text-sm text-gray-800", !i && "cursor-text"),
 				onDoubleClick: () => {
-					!i && e.type !== "separator" && (S(We(e.label) ?? ""), b(!0));
+					!i && e.type !== "separator" && (S(Ge(e.label) ?? ""), b(!0));
 				},
-				children: We(e.label)
+				children: Ge(e.label)
 			}),
 			/* @__PURE__ */ J("span", {
-				className: Jt("rounded-full px-2 py-0.5 text-[10px] font-medium", D.color),
+				className: Zt("rounded-full px-2 py-0.5 text-[10px] font-medium", D.color),
 				children: h(D.labelKey)
 			}),
 			j && /* @__PURE__ */ J("span", {
@@ -4435,7 +4500,7 @@ function $t({ item: e, depth: t, index: n, total: r, readOnly: i, onRemove: a, o
 				children: /* @__PURE__ */ J(je, { className: "h-3.5 w-3.5" })
 			})
 		]
-	}), e.type === "group" && A && e.children && /* @__PURE__ */ J(q, { children: e.children.map((n, r) => /* @__PURE__ */ J($t, {
+	}), e.type === "group" && A && e.children && /* @__PURE__ */ J(q, { children: e.children.map((n, r) => /* @__PURE__ */ J(nn, {
 		item: n,
 		depth: t + 1,
 		index: r,
@@ -4453,7 +4518,7 @@ function $t({ item: e, depth: t, index: n, total: r, readOnly: i, onRemove: a, o
 		t: h
 	}, n.id)) })] });
 }
-function en({ items: e, t }) {
+function rn({ items: e, t }) {
 	return /* @__PURE__ */ Y("div", {
 		"data-testid": "nav-designer-preview",
 		className: "w-56 shrink-0 rounded-lg border border-gray-200 bg-gray-50 p-3",
@@ -4465,15 +4530,15 @@ function en({ items: e, t }) {
 			children: t("appDesigner.navNoPreviewItems")
 		}) : /* @__PURE__ */ J("ul", {
 			className: "space-y-0.5",
-			children: e.map((e) => /* @__PURE__ */ J(tn, {
+			children: e.map((e) => /* @__PURE__ */ J(an, {
 				item: e,
 				depth: 0
 			}, e.id))
 		})]
 	});
 }
-function tn({ item: e, depth: t }) {
-	let n = Zt[e.type];
+function an({ item: e, depth: t }) {
+	let n = en[e.type];
 	return e.type === "separator" ? /* @__PURE__ */ J("li", {
 		className: "my-1 border-t border-gray-200",
 		style: { marginLeft: t * 12 }
@@ -4482,15 +4547,15 @@ function tn({ item: e, depth: t }) {
 		style: { marginLeft: t * 12 },
 		children: [/* @__PURE__ */ J(n.Icon, { className: "h-3 w-3 text-gray-400" }), /* @__PURE__ */ J("span", {
 			className: "truncate",
-			children: We(e.label)
+			children: Ge(e.label)
 		})]
-	}), e.type === "group" && e.children?.map((e) => /* @__PURE__ */ J(tn, {
+	}), e.type === "group" && e.children?.map((e) => /* @__PURE__ */ J(an, {
 		item: e,
 		depth: t + 1
 	}, e.id))] });
 }
-function nn({ items: e, onChange: t, readOnly: n = !1, showPreview: r = !0, className: a, onExport: o, onImport: s }) {
-	let { t: u } = It(), d = c(null), [f, p] = l(() => new Set(e.filter((e) => e.type === "group").map((e) => e.id))), m = i((n) => {
+function on({ items: e, onChange: t, readOnly: n = !1, showPreview: r = !0, className: a, onExport: o, onImport: s }) {
+	let { t: u } = zt(), 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 ? {
 				...e,
@@ -4550,9 +4615,9 @@ function nn({ items: e, onChange: t, readOnly: n = !1, showPreview: r = !0, clas
 		t(r(e));
 	}, [e, t]), y = i((n, r) => {
 		let i = {
-			id: Xt(r),
+			id: $t(r),
 			type: r,
-			label: r === "separator" ? "" : `New ${u(Zt[r].labelKey)}`,
+			label: r === "separator" ? "" : `New ${u(en[r].labelKey)}`,
 			...r === "group" ? { children: [] } : {},
 			...r === "url" ? { url: "" } : {}
 		};
@@ -4568,9 +4633,9 @@ function nn({ 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: Xt(n),
+			id: $t(n),
 			type: n,
-			label: n === "separator" ? "" : `New ${u(Zt[n].labelKey)}`,
+			label: n === "separator" ? "" : `New ${u(en[n].labelKey)}`,
 			...n === "group" ? { children: [] } : {},
 			...n === "url" ? { url: "" } : {}
 		};
@@ -4603,20 +4668,20 @@ function nn({ items: e, onChange: t, readOnly: n = !1, showPreview: r = !0, clas
 	}, [t, s]);
 	return /* @__PURE__ */ Y("div", {
 		"data-testid": "navigation-designer",
-		className: Jt("flex flex-col gap-4 sm:flex-row", a),
+		className: Zt("flex flex-col gap-4 sm:flex-row", a),
 		children: [/* @__PURE__ */ Y("div", {
 			className: "flex-1 space-y-3",
 			children: [/* @__PURE__ */ Y("div", {
 				className: "flex flex-wrap items-center gap-1.5",
 				children: [
-					Qt.map(({ type: e, labelKey: t }) => {
-						let { Icon: r, color: i } = Zt[e];
+					tn.map(({ type: e, labelKey: t }) => {
+						let { Icon: r, color: i } = en[e];
 						return /* @__PURE__ */ Y("button", {
 							type: "button",
 							"data-testid": `nav-designer-add-${e}`,
 							onClick: () => b(e),
 							disabled: n,
-							className: Jt("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: Zt("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__ */ J(be, { className: "h-3 w-3" }), u(t)]
 						}, e);
 					}),
@@ -4630,7 +4695,7 @@ function nn({ items: e, onChange: t, readOnly: n = !1, showPreview: r = !0, clas
 					}),
 					/* @__PURE__ */ Y("label", {
 						"data-testid": "nav-designer-import",
-						className: Jt("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: Zt("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__ */ J(Fe, { className: "h-3 w-3" }),
 							u("appDesigner.navImportSchema"),
@@ -4652,7 +4717,7 @@ function nn({ items: e, onChange: t, readOnly: n = !1, showPreview: r = !0, clas
 			}) : /* @__PURE__ */ J("ul", {
 				className: "space-y-1",
 				"data-testid": "nav-designer-tree",
-				children: e.map((t, r) => /* @__PURE__ */ J($t, {
+				children: e.map((t, r) => /* @__PURE__ */ J(nn, {
 					item: t,
 					depth: 0,
 					index: r,
@@ -4670,7 +4735,7 @@ function nn({ items: e, onChange: t, readOnly: n = !1, showPreview: r = !0, clas
 					t: u
 				}, t.id))
 			})]
-		}), r && /* @__PURE__ */ J(en, {
+		}), r && /* @__PURE__ */ J(rn, {
 			items: e,
 			t: u
 		})]
@@ -4678,10 +4743,10 @@ function nn({ items: e, onChange: t, readOnly: n = !1, showPreview: r = !0, clas
 }
 //#endregion
 //#region src/EditorModeToggle.tsx
-function rn(...e) {
+function sn(...e) {
 	return K(G(e));
 }
-var an = [
+var cn = [
 	{
 		value: "edit",
 		label: "Edit",
@@ -4698,30 +4763,30 @@ var an = [
 		Icon: S
 	}
 ];
-function on({ mode: e, onChange: t, disabled: n = !1, className: r }) {
+function ln({ mode: e, onChange: t, disabled: n = !1, className: r }) {
 	return /* @__PURE__ */ J("div", {
 		"data-testid": "editor-mode-toggle",
-		className: rn("inline-flex items-center rounded-lg border border-gray-200 bg-gray-50 p-0.5", r),
+		className: sn("inline-flex items-center rounded-lg border border-gray-200 bg-gray-50 p-0.5", r),
 		role: "radiogroup",
 		"aria-label": "Editor mode",
-		children: an.map(({ value: r, label: i, Icon: a }) => /* @__PURE__ */ Y("button", {
+		children: cn.map(({ value: r, label: i, Icon: a }) => /* @__PURE__ */ Y("button", {
 			type: "button",
 			role: "radio",
 			"aria-checked": e === r,
 			"data-testid": `editor-mode-${r}`,
 			onClick: () => t(r),
 			disabled: n,
-			className: rn("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: sn("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__ */ J(a, { className: "h-3.5 w-3.5" }), i]
 		}, r))
 	});
 }
 //#endregion
 //#region src/DashboardEditor.tsx
-function sn(...e) {
+function un(...e) {
 	return K(G(e));
 }
-var cn = [
+var dn = [
 	{
 		type: "metric",
 		label: "KPI Metric",
@@ -4752,16 +4817,22 @@ var cn = [
 		label: "Grid",
 		Icon: ne
 	}
-], ln = 0;
-function un() {
-	return ln += 1, `widget_${Date.now()}_${ln}`;
+], fn = 0;
+function pn() {
+	return fn += 1, `widget_${Date.now()}_${fn}`;
 }
-function dn({ widget: e, index: t, total: n, selected: r, readOnly: i, onSelect: a, onRemove: o, onMoveUp: s, onMoveDown: c }) {
-	let l = e.type || "metric", u = cn.find((e) => e.type === l) || cn[0];
+function mn(e, t) {
+	return Ye(e, t);
+}
+function hn(e) {
+	return e == null || typeof e == "string";
+}
+function gn({ widget: e, index: t, total: n, selected: r, readOnly: i, onSelect: a, onRemove: o, onMoveUp: s, onMoveDown: c }) {
+	let l = e.type || "metric", u = dn.find((e) => e.type === l) || dn[0], { language: d } = zt(), f = mn(e.title, d);
 	return /* @__PURE__ */ Y("div", {
 		"data-testid": `dashboard-widget-${e.id}`,
 		onClick: a,
-		className: sn("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: un("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__ */ Y("div", {
 			className: "flex items-start justify-between",
 			children: [/* @__PURE__ */ Y("div", {
@@ -4771,7 +4842,7 @@ function dn({ widget: e, index: t, total: n, selected: r, readOnly: i, onSelect:
 					/* @__PURE__ */ J(u.Icon, { className: "h-4 w-4 text-gray-500" }),
 					/* @__PURE__ */ J("span", {
 						className: "text-sm font-medium text-gray-800",
-						children: e.title || `Widget ${t + 1}`
+						children: f || `Widget ${t + 1}`
 					})
 				]
 			}), !i && /* @__PURE__ */ Y("div", {
@@ -4818,8 +4889,8 @@ function dn({ widget: e, index: t, total: n, selected: r, readOnly: i, onSelect:
 		})]
 	});
 }
-function fn({ widget: e, readOnly: t, onChange: n, onClose: r }) {
-	let { t: i } = It();
+function _n({ widget: e, readOnly: t, onChange: n, onClose: r }) {
+	let { t: i, language: a } = zt(), o = mn(e.title, a);
 	return /* @__PURE__ */ Y("div", {
 		"data-testid": "widget-property-panel",
 		className: "shrink-0 space-y-4 rounded-lg border border-gray-200 bg-white p-4",
@@ -4847,10 +4918,13 @@ function fn({ widget: e, readOnly: t, onChange: n, onClose: r }) {
 					id: "widget-title",
 					"data-testid": "widget-prop-title",
 					type: "text",
-					value: e.title ?? "",
-					onChange: (e) => n({ title: e.target.value }),
+					value: hn(e.title) ? e.title ?? "" : o,
+					onChange: (t) => {
+						hn(e.title) && n({ title: t.target.value });
+					},
+					readOnly: !hn(e.title),
 					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"
+					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 read-only:bg-gray-50 read-only:text-gray-500"
 				})]
 			}),
 			/* @__PURE__ */ Y("div", {
@@ -4866,7 +4940,7 @@ function fn({ 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: cn.map((e) => /* @__PURE__ */ J("option", {
+					children: dn.map((e) => /* @__PURE__ */ J("option", {
 						value: e.type,
 						children: e.label
 					}, e.type))
@@ -4972,29 +5046,29 @@ function fn({ widget: e, readOnly: t, onChange: n, onClose: r }) {
 		]
 	});
 }
-function pn({ schema: e }) {
-	let { t } = It(), n = e.widgets || [];
+function vn({ schema: e }) {
+	let { t, language: n } = zt(), r = e.widgets || [];
 	return /* @__PURE__ */ Y("div", {
 		"data-testid": "dashboard-preview",
 		className: "rounded-lg border border-gray-200 bg-gray-50 p-4",
 		children: [/* @__PURE__ */ J("h4", {
 			className: "mb-3 text-sm font-semibold text-gray-700",
 			children: e.title || t("appDesigner.dashboardPreview")
-		}), n.length === 0 ? /* @__PURE__ */ J("div", {
+		}), r.length === 0 ? /* @__PURE__ */ J("div", {
 			className: "text-xs text-gray-400",
 			children: t("appDesigner.noWidgetsPreview")
 		}) : /* @__PURE__ */ J("div", {
 			className: "grid gap-2",
 			style: { gridTemplateColumns: `repeat(${e.columns ?? 2}, 1fr)` },
-			children: n.map((e) => {
-				let t = cn.find((t) => t.type === (e.type || "metric")) || cn[0];
+			children: r.map((e) => {
+				let t = dn.find((t) => t.type === (e.type || "metric")) || dn[0];
 				return /* @__PURE__ */ Y("div", {
 					className: "rounded-md border border-gray-200 bg-white p-2",
 					children: [/* @__PURE__ */ Y("div", {
 						className: "flex items-center gap-1.5",
 						children: [/* @__PURE__ */ J(t.Icon, { className: "h-3 w-3 text-gray-400" }), /* @__PURE__ */ J("span", {
 							className: "text-xs font-medium text-gray-600",
-							children: e.title || "Untitled"
+							children: mn(e.title, n) || "Untitled"
 						})]
 					}), /* @__PURE__ */ J("div", {
 						className: "mt-1 text-[10px] text-gray-400",
@@ -5005,17 +5079,17 @@ function pn({ schema: e }) {
 		})]
 	});
 }
-function mn({ schema: e, onChange: t, readOnly: n = !1, className: r, onExport: a, onImport: s, selectedWidgetId: u, onWidgetSelect: d }) {
-	let { t: f } = It(), [p, m] = l(null), [h, g] = l(!1), _ = c(null), v = c(null), y = u !== void 0, b = y ? u : p, x = i((e) => {
+function yn({ schema: e, onChange: t, readOnly: n = !1, className: r, onExport: a, onImport: s, selectedWidgetId: u, onWidgetSelect: d }) {
+	let { t: f } = zt(), [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: A } = nt(e), j = i((e) => {
+	]), { current: S, canUndo: C, canRedo: w, push: T, undo: E, redo: A } = 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 = un(), n = {
+		let t = pn(), n = {
 			id: t,
 			title: "",
 			type: e,
@@ -5121,7 +5195,7 @@ function mn({ schema: e, onChange: t, readOnly: n = !1, className: r, onExport:
 		ref: _,
 		tabIndex: 0,
 		"data-testid": "dashboard-editor",
-		className: sn("flex flex-col gap-4 outline-none", r),
+		className: un("flex flex-col gap-4 outline-none", r),
 		children: [
 			/* @__PURE__ */ J("input", {
 				ref: v,
@@ -5131,7 +5205,7 @@ function mn({ schema: e, onChange: t, readOnly: n = !1, className: r, onExport:
 				"data-testid": "dashboard-import-input",
 				onChange: ee
 			}),
-			N && !h && /* @__PURE__ */ J(fn, {
+			N && !h && /* @__PURE__ */ J(_n, {
 				widget: N,
 				readOnly: n,
 				onChange: L,
@@ -5146,7 +5220,7 @@ function mn({ schema: e, onChange: t, readOnly: n = !1, className: r, onExport:
 						children: [/* @__PURE__ */ Y("span", {
 							className: "text-sm font-medium text-gray-700",
 							children: [f("appDesigner.addWidget"), ":"]
-						}), cn.map(({ type: e, label: t, Icon: r }) => /* @__PURE__ */ Y("button", {
+						}), dn.map(({ type: e, label: t, Icon: r }) => /* @__PURE__ */ Y("button", {
 							type: "button",
 							"data-testid": `dashboard-add-${e}`,
 							onClick: () => P(e),
@@ -5194,19 +5268,19 @@ function mn({ schema: e, onChange: t, readOnly: n = !1, className: r, onExport:
 								type: "button",
 								"data-testid": "dashboard-preview-toggle",
 								onClick: () => g((e) => !e),
-								className: sn("rounded p-1.5 transition-colors", h ? "bg-blue-100 text-blue-600" : "text-gray-400 hover:text-gray-700"),
+								className: un("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: J(h ? k : O, { className: "h-4 w-4" })
 							})
 						]
 					})]
-				}), h ? /* @__PURE__ */ J(pn, { schema: S }) : M.length === 0 ? /* @__PURE__ */ J("div", {
+				}), h ? /* @__PURE__ */ J(vn, { schema: S }) : M.length === 0 ? /* @__PURE__ */ J("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__ */ J("div", {
 					className: "grid gap-3",
 					style: { gridTemplateColumns: `repeat(${S.columns ?? 2}, 1fr)` },
-					children: M.map((e, t) => /* @__PURE__ */ J(dn, {
+					children: M.map((e, t) => /* @__PURE__ */ J(gn, {
 						widget: e,
 						index: t,
 						total: M.length,
@@ -5227,7 +5301,7 @@ function mn({ schema: e, onChange: t, readOnly: n = !1, className: r, onExport:
 function $(...e) {
 	return K(G(e));
 }
-var hn = [
+var bn = [
 	{
 		hex: "#3b82f6",
 		name: "Blue"
@@ -5292,7 +5366,7 @@ var hn = [
 		hex: "#0f172a",
 		name: "Navy"
 	}
-], gn = [
+], xn = [
 	"Inter",
 	"Roboto",
 	"Open Sans",
@@ -5303,8 +5377,8 @@ var hn = [
 	"Noto Sans",
 	"system-ui"
 ];
-function _n({ branding: e, onChange: t, appTitle: n = "My App", readOnly: r = !1, className: a, onExport: s, onImport: u }) {
-	let { t: d } = It(), [f, p] = l("light"), { current: m, push: h, canUndo: g, canRedo: _, undo: v, redo: y } = nt(e), b = c(!0);
+function Sn({ branding: e, onChange: t, appTitle: n = "My App", readOnly: r = !1, className: a, onExport: s, onImport: u }) {
+	let { t: d } = zt(), [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;
@@ -5477,7 +5551,7 @@ function _n({ branding: e, onChange: t, appTitle: n = "My App", readOnly: r = !1
 								}), /* @__PURE__ */ J("div", {
 									"data-testid": "branding-color-palette",
 									className: "flex flex-wrap gap-1.5",
-									children: hn.map((e) => /* @__PURE__ */ J("button", {
+									children: bn.map((e) => /* @__PURE__ */ J("button", {
 										"data-testid": `branding-swatch-${e.hex.slice(1)}`,
 										type: "button",
 										onClick: () => !r && x({ primaryColor: e.hex }),
@@ -5528,7 +5602,7 @@ function _n({ branding: e, onChange: t, appTitle: n = "My App", readOnly: r = !1
 								children: [/* @__PURE__ */ J("option", {
 									value: "",
 									children: d("appDesigner.fontDefault")
-								}), gn.map((e) => /* @__PURE__ */ J("option", {
+								}), xn.map((e) => /* @__PURE__ */ J("option", {
 									value: e,
 									children: e
 								}, e))]
@@ -5673,15 +5747,15 @@ function _n({ branding: e, onChange: t, appTitle: n = "My App", readOnly: r = !1
 }
 //#endregion
 //#region src/ObjectManager.tsx
-function vn(...e) {
+function Cn(...e) {
 	return K(G(e));
 }
-var yn = [
+var wn = [
 	"Custom Objects",
 	"System Objects",
 	"Integration",
 	"Analytics"
-], bn = [
+], Tn = [
 	"Box",
 	"Database",
 	"Users",
@@ -5703,8 +5777,8 @@ var yn = [
 	"Truck",
 	"CreditCard"
 ];
-function xn({ objects: e, onObjectsChange: n, onSelectObject: r, showSystemObjects: a = !0, readOnly: o = !1, className: c }) {
-	let { t: u } = It(), d = rt(), [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 En({ objects: e, onObjectsChange: n, onSelectObject: r, showSystemObjects: a = !0, readOnly: o = !1, className: c }) {
+	let { t: u } = zt(), 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"),
@@ -5834,7 +5908,7 @@ function xn({ objects: e, onObjectsChange: n, onSelectObject: r, showSystemObjec
 				name: "icon",
 				label: u("appDesigner.objectManager.icon"),
 				type: "select",
-				options: bn.map((e) => ({
+				options: Tn.map((e) => ({
 					label: e,
 					value: e
 				})),
@@ -5844,7 +5918,7 @@ function xn({ objects: e, onObjectsChange: n, onSelectObject: r, showSystemObjec
 				name: "group",
 				label: u("appDesigner.objectManager.group"),
 				type: "select",
-				options: yn.map((e) => ({
+				options: wn.map((e) => ({
 					label: e,
 					value: e
 				})),
@@ -5879,7 +5953,7 @@ function xn({ objects: e, onObjectsChange: n, onSelectObject: r, showSystemObjec
 	]);
 	return /* @__PURE__ */ Y("div", {
 		"data-testid": "object-manager",
-		className: vn("w-full space-y-3", c),
+		className: Cn("w-full space-y-3", c),
 		children: [
 			/* @__PURE__ */ J("div", {
 				className: "flex items-center justify-between",
@@ -5898,7 +5972,7 @@ function xn({ objects: e, onObjectsChange: n, onSelectObject: r, showSystemObjec
 					]
 				})
 			}),
-			/* @__PURE__ */ J(Je, {
+			/* @__PURE__ */ J(Xe, {
 				schema: y,
 				dataSource: _,
 				onRowClick: b,
@@ -5906,8 +5980,8 @@ function xn({ objects: e, onObjectsChange: n, onSelectObject: r, showSystemObjec
 				onDelete: o ? void 0 : S,
 				onAddRecord: o ? void 0 : C
 			}),
-			f && /* @__PURE__ */ J(Xe, { schema: D }),
-			/* @__PURE__ */ J(ct, {
+			f && /* @__PURE__ */ J(Qe, { schema: D }),
+			/* @__PURE__ */ J(ut, {
 				isOpen: d.isOpen,
 				title: d.title,
 				message: d.message,
@@ -5922,10 +5996,10 @@ function xn({ objects: e, onObjectsChange: n, onSelectObject: r, showSystemObjec
 }
 //#endregion
 //#region src/FieldDesigner.tsx
-function Sn(...e) {
+function Dn(...e) {
 	return K(G(e));
 }
-var Cn = {
+var On = {
 	text: {
 		label: "Text",
 		Icon: Ne
@@ -6034,7 +6108,7 @@ var Cn = {
 		label: "Slider",
 		Icon: Te
 	}
-}, wn = {
+}, kn = {
 	text: [
 		"text",
 		"textarea",
@@ -6069,7 +6143,7 @@ var Cn = {
 		"location",
 		"address"
 	]
-}, Tn = [
+}, An = [
 	"text",
 	"number",
 	"date",
@@ -6077,8 +6151,8 @@ var Cn = {
 	"relation",
 	"advanced"
 ];
-function En({ objectName: e, fields: n, onFieldsChange: r, readOnly: a = !1, className: o }) {
-	let { t: c } = It(), u = rt(), [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 jn({ objectName: e, fields: n, onFieldsChange: r, readOnly: a = !1, className: o }) {
+	let { t: c } = zt(), 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"),
@@ -6189,11 +6263,11 @@ function En({ objectName: e, fields: n, onFieldsChange: r, readOnly: a = !1, cla
 		r
 	]), E = i((e) => {
 		e || (f(!1), m(null));
-	}, []), D = s(() => Tn.map((e) => ({
+	}, []), D = s(() => An.map((e) => ({
 		category: e,
 		label: c(`appDesigner.fieldDesigner.typeCategory.${e}`),
-		options: wn[e].map((e) => ({
-			label: Cn[e].label,
+		options: kn[e].map((e) => ({
+			label: On[e].label,
 			value: e
 		}))
 	})), [c]), O = s(() => D.flatMap((e) => e.options), [D]), k = s(() => ({
@@ -6373,7 +6447,7 @@ function En({ objectName: e, fields: n, onFieldsChange: r, readOnly: a = !1, cla
 	]);
 	return /* @__PURE__ */ Y("div", {
 		"data-testid": "field-designer",
-		className: Sn("w-full space-y-3", o),
+		className: Dn("w-full space-y-3", o),
 		children: [
 			/* @__PURE__ */ Y("div", {
 				className: "flex items-center justify-between",
@@ -6411,15 +6485,15 @@ function En({ objectName: e, fields: n, onFieldsChange: r, readOnly: a = !1, cla
 					}, e.category))]
 				})]
 			}),
-			/* @__PURE__ */ J(Je, {
+			/* @__PURE__ */ J(Xe, {
 				schema: b,
 				dataSource: v,
 				onEdit: a ? void 0 : x,
 				onDelete: a ? void 0 : S,
 				onAddRecord: a ? void 0 : w
 			}),
-			d && /* @__PURE__ */ J(Ye, { schema: k }),
-			/* @__PURE__ */ J(ct, {
+			d && /* @__PURE__ */ J(Ze, { schema: k }),
+			/* @__PURE__ */ J(ut, {
 				isOpen: u.isOpen,
 				title: u.title,
 				message: u.message,
@@ -6434,12 +6508,12 @@ function En({ objectName: e, fields: n, onFieldsChange: r, readOnly: a = !1, cla
 }
 //#endregion
 //#region src/components/VersionHistory.tsx
-function Dn(...e) {
+function Mn(...e) {
 	return K(G(e));
 }
-function On({ versions: e, onRestore: t, className: n }) {
+function Nn({ versions: e, onRestore: t, className: n }) {
 	return /* @__PURE__ */ Y("div", {
-		className: Dn("flex flex-col", n),
+		className: Mn("flex flex-col", n),
 		role: "region",
 		"aria-label": "Version history",
 		children: [/* @__PURE__ */ Y("div", {
@@ -6453,8 +6527,8 @@ function On({ versions: e, onRestore: t, className: n }) {
 			}) : /* @__PURE__ */ Y("div", {
 				className: "relative",
 				children: [/* @__PURE__ */ J("div", { className: "absolute left-5 top-0 bottom-0 w-px bg-border" }), e.map((e) => /* @__PURE__ */ Y("div", {
-					className: Dn("relative flex items-start gap-3 px-3 py-2 hover:bg-accent/50", e.isCurrent && "bg-accent/30"),
-					children: [/* @__PURE__ */ J("div", { className: Dn("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__ */ Y("div", {
+					className: Mn("relative flex items-start gap-3 px-3 py-2 hover:bg-accent/50", e.isCurrent && "bg-accent/30"),
+					children: [/* @__PURE__ */ J("div", { className: Mn("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__ */ Y("div", {
 						className: "flex-1 min-w-0",
 						children: [
 							/* @__PURE__ */ Y("div", {
@@ -6481,6 +6555,7 @@ function On({ versions: e, onRestore: t, className: n }) {
 								]
 							}),
 							!e.isCurrent && t && /* @__PURE__ */ J("button", {
+								type: "button",
 								onClick: () => t(e.version),
 								className: "mt-1 text-[0.65rem] text-primary hover:underline",
 								children: "Restore this version"
@@ -6494,9 +6569,9 @@ function On({ versions: e, onRestore: t, className: n }) {
 }
 //#endregion
 //#region src/pages/CreateAppPage.tsx
-var kn = "objectui-app-wizard-draft";
-function An() {
-	let e = Ze(), { appName: t } = Qe(), { objects: n, refresh: r } = Ke(), a = Ge(), o = (n || []).map((e) => ({
+var Pn = "objectui-app-wizard-draft";
+function Fn() {
+	let e = $e(), { appName: t } = et(), { objects: n, refresh: r } = qe(), a = Ke(), o = (n || []).map((e) => ({
 		name: e.name,
 		label: e.label || e.name,
 		pluralLabel: e.pluralLabel,
@@ -6504,15 +6579,15 @@ function An() {
 		selected: !1
 	})), s = i(() => {
 		try {
-			let e = localStorage.getItem(kn);
+			let e = localStorage.getItem(Pn);
 			if (e) return JSON.parse(e);
 		} catch {}
 	}, []), c = i(async (t) => {
 		try {
-			let n = Ue(t), i = a?.getClient();
-			i && await i.meta.saveItem("app", t.name, n), localStorage.removeItem(kn), $e.success(`Application "${t.title}" created successfully`), await r?.(), e(`/apps/${t.name}`);
+			let n = We(t), i = a?.getClient();
+			i && await i.meta.saveItem("app", t.name, n), localStorage.removeItem(Pn), tt.success(`Application "${t.title}" created successfully`), await r?.(), e(`/apps/${t.name}`);
 		} catch (e) {
-			$e.error(e?.message || "Failed to create application");
+			tt.error(e?.message || "Failed to create application");
 		}
 	}, [
 		e,
@@ -6522,13 +6597,13 @@ function An() {
 		e(t ? `/apps/${t}` : "/");
 	}, [e, t]), u = i((e) => {
 		try {
-			localStorage.setItem(kn, JSON.stringify(e)), $e.info("Draft saved");
+			localStorage.setItem(Pn, JSON.stringify(e)), tt.info("Draft saved");
 		} catch {}
 	}, []);
 	return /* @__PURE__ */ J("div", {
 		className: "mx-auto max-w-4xl py-8 px-4",
 		"data-testid": "create-app-page",
-		children: /* @__PURE__ */ J(qt, {
+		children: /* @__PURE__ */ J(Xt, {
 			availableObjects: o,
 			initialDraft: s(),
 			onComplete: c,
@@ -6539,8 +6614,8 @@ function An() {
 }
 //#endregion
 //#region src/pages/EditAppPage.tsx
-function jn() {
-	let e = Ze(), { appName: t, editAppName: n } = Qe(), { apps: r, objects: a, refresh: o } = Ke(), c = Ge(), l = n || t, u = r.find((e) => e.name === l), d = (a || []).map((e) => ({
+function In() {
+	let e = $e(), { appName: t, editAppName: n } = et(), { apps: r, objects: a, refresh: o } = qe(), c = Ke(), l = n || t, u = r.find((e) => e.name === l), d = (a || []).map((e) => ({
 		name: e.name,
 		label: e.label || e.name,
 		pluralLabel: e.pluralLabel,
@@ -6562,13 +6637,13 @@ function jn() {
 		};
 	}, [u]), p = i(async (t) => {
 		try {
-			let n = Ue(t), r = {
+			let n = We(t), r = {
 				...u,
 				...n
 			}, i = c?.getClient();
-			i && await i.meta.saveItem("app", t.name, r), $e.success(`Application "${t.title}" updated successfully`), await o?.(), e(`/apps/${t.name}`);
+			i && await i.meta.saveItem("app", t.name, r), tt.success(`Application "${t.title}" updated successfully`), await o?.(), e(`/apps/${t.name}`);
 		} catch (e) {
-			$e.error(e?.message || "Failed to update application");
+			tt.error(e?.message || "Failed to update application");
 		}
 	}, [
 		e,
@@ -6579,13 +6654,13 @@ function jn() {
 		e(t ? `/apps/${t}` : "/");
 	}, [e, t]), h = i((e) => {
 		try {
-			localStorage.setItem(`objectui-edit-draft-${l}`, JSON.stringify(e)), $e.info("Draft saved");
+			localStorage.setItem(`objectui-edit-draft-${l}`, JSON.stringify(e)), tt.info("Draft saved");
 		} catch {}
 	}, [l]);
 	return u ? /* @__PURE__ */ J("div", {
 		className: "mx-auto max-w-4xl py-8 px-4",
 		"data-testid": "edit-app-page",
-		children: /* @__PURE__ */ J(qt, {
+		children: /* @__PURE__ */ J(Xt, {
 			availableObjects: d,
 			initialDraft: f,
 			onComplete: p,
@@ -6607,8 +6682,8 @@ function jn() {
 }
 //#endregion
 //#region src/pages/DashboardDesignPage.tsx
-function Mn() {
-	let e = Ze(), { dashboardName: t } = Qe(), n = Ge(), { dashboards: r, refresh: a } = Ke(), s = r?.find((e) => e.name === t), [u, f] = l(() => s || {
+function Ln() {
+	let e = $e(), { dashboardName: t } = et(), n = Ke(), { dashboards: r, refresh: a } = qe(), s = r?.find((e) => e.name === t), [u, f] = l(() => Ue(s) || {
 		type: "dashboard",
 		name: t ?? "",
 		title: t ?? "",
@@ -6626,21 +6701,22 @@ function Mn() {
 		t,
 		a
 	]), h = i(async (e) => {
-		f(e), await m(e);
+		let t = Ue(e);
+		f(t), await m(t);
 	}, [m]);
 	o(() => {
 		let e = (e) => {
 			(e.ctrlKey || e.metaKey) && e.key === "s" && (e.preventDefault(), m(p.current).then((e) => {
-				e && $e.success("Dashboard saved");
+				e && tt.success("Dashboard saved");
 			}));
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [m]);
 	let g = i((e) => {
 		let n = new Blob([JSON.stringify(e, null, 2)], { type: "application/json" }), r = URL.createObjectURL(n), i = document.createElement("a");
-		i.href = r, i.download = `${t || "dashboard"}.json`, i.click(), URL.revokeObjectURL(r), $e.success("Dashboard schema exported");
+		i.href = r, i.download = `${t || "dashboard"}.json`, i.click(), URL.revokeObjectURL(r), tt.success("Dashboard schema exported");
 	}, [t]), _ = i((e) => {
-		$e.success("Dashboard schema imported"), h(e);
+		tt.success("Dashboard schema imported"), h(e);
 	}, [h]);
 	return s ? /* @__PURE__ */ Y("div", {
 		className: "h-full flex flex-col",
@@ -6660,7 +6736,7 @@ function Mn() {
 			})]
 		}), /* @__PURE__ */ J("div", {
 			className: "flex-1 overflow-auto p-4 sm:p-6",
-			children: /* @__PURE__ */ J(mn, {
+			children: /* @__PURE__ */ J(yn, {
 				schema: u,
 				onChange: h,
 				onExport: g,
@@ -6678,7 +6754,7 @@ function Mn() {
 }
 //#endregion
 //#region src/MetadataObjectsPage.tsx
-function Nn(e) {
+function Rn(e) {
 	let t = e.fields && typeof e.fields == "object" ? Object.keys(e.fields).length : 0;
 	return {
 		id: e.name,
@@ -6692,11 +6768,11 @@ function Nn(e) {
 		fieldCount: t
 	};
 }
-function Pn({ client: e, clientConfig: t, hideSystemObjects: n = !1, readOnly: r = !1, onSelectObject: a, className: c }) {
+function zn({ client: e, clientConfig: t, hideSystemObjects: n = !1, readOnly: r = !1, onSelectObject: a, className: c }) {
 	let u = s(() => {
 		if (e) return e;
 		if (!t) throw Error("MetadataObjectsPage: provide either `client` or `clientConfig`.");
-		return new et(t);
+		return new nt(t);
 	}, [e, t]), [d, f] = l({
 		loading: !0,
 		error: null,
@@ -6726,7 +6802,7 @@ function Pn({ client: e, clientConfig: t, hideSystemObjects: n = !1, readOnly: r
 	o(() => {
 		p();
 	}, [p]);
-	let m = s(() => Object.values(d.byName).map(Nn), [d.byName]), h = i(async (e) => {
+	let m = s(() => Object.values(d.byName).map(Rn), [d.byName]), h = i(async (e) => {
 		let t = d.byName, n = {};
 		for (let t of e) n[t.name] = t;
 		let r = [];
@@ -6775,7 +6851,7 @@ function Pn({ client: e, clientConfig: t, hideSystemObjects: n = !1, readOnly: r
 			"data-testid": "metadata-objects-page-error",
 			className: "mb-2 whitespace-pre-wrap rounded bg-red-50 p-2 text-xs text-red-700",
 			children: d.error
-		}), /* @__PURE__ */ J(xn, {
+		}), /* @__PURE__ */ J(En, {
 			objects: m,
 			onObjectsChange: (e) => {
 				h(e);
@@ -6788,16 +6864,16 @@ function Pn({ client: e, clientConfig: t, hideSystemObjects: n = !1, readOnly: r
 }
 //#endregion
 //#region src/MetadataFieldsPage.tsx
-var Fn = new Set(Ve);
-function In(e) {
-	return e && Fn.has(e) ? e : "text";
+var Bn = new Set(Ve);
+function Vn(e) {
+	return e && Bn.has(e) ? e : "text";
 }
-function Ln(e, t) {
+function Hn(e, t) {
 	return {
 		id: e,
 		name: e,
 		label: t.label ?? e,
-		type: In(t.type),
+		type: Vn(t.type),
 		group: t.group,
 		description: t.description,
 		required: t.required,
@@ -6814,7 +6890,7 @@ function Ln(e, t) {
 		formula: t.formula
 	};
 }
-function Rn(e, t) {
+function Un(e, t) {
 	return {
 		...t ?? {},
 		type: e.type,
@@ -6834,11 +6910,11 @@ function Rn(e, t) {
 		formula: e.formula
 	};
 }
-function zn({ objectName: e, client: t, clientConfig: n, readOnly: r = !1, className: a }) {
+function Wn({ objectName: e, client: t, clientConfig: n, readOnly: r = !1, className: a }) {
 	let c = s(() => {
 		if (t) return t;
 		if (!n) throw Error("MetadataFieldsPage: provide either `client` or `clientConfig`.");
-		return new et(n);
+		return new nt(n);
 	}, [t, n]), [u, d] = l({
 		loading: !0,
 		error: null,
@@ -6875,10 +6951,10 @@ function zn({ objectName: e, client: t, clientConfig: n, readOnly: r = !1, class
 	o(() => {
 		f();
 	}, [f]);
-	let p = s(() => u.raw?.fields ? Object.entries(u.raw.fields).map(([e, t]) => Ln(e, t)) : [], [u.raw]), m = i(async (t) => {
+	let p = s(() => u.raw?.fields ? Object.entries(u.raw.fields).map(([e, t]) => Hn(e, t)) : [], [u.raw]), m = i(async (t) => {
 		if (!u.raw) return;
 		let n = u.raw.fields ?? {}, r = {};
-		for (let e of t) r[e.name] = Rn(e, n[e.name]);
+		for (let e of t) r[e.name] = Un(e, n[e.name]);
 		let i = {
 			...u.raw,
 			fields: r
@@ -6908,7 +6984,7 @@ function zn({ objectName: e, client: t, clientConfig: n, readOnly: r = !1, class
 			"data-testid": "metadata-fields-page-error",
 			className: "mb-2 whitespace-pre-wrap rounded bg-red-50 p-2 text-xs text-red-700",
 			children: u.error
-		}), /* @__PURE__ */ J(En, {
+		}), /* @__PURE__ */ J(jn, {
 			objectName: e,
 			fields: p,
 			onFieldsChange: (e) => {
@@ -6918,7 +6994,7 @@ function zn({ objectName: e, client: t, clientConfig: n, readOnly: r = !1, class
 		})]
 	});
 }
-e.register("page-designer", bt, {
+e.register("page-designer", St, {
 	namespace: "plugin-designer",
 	label: "Page Designer",
 	category: "Designer",
@@ -6952,7 +7028,7 @@ e.register("page-designer", bt, {
 			defaultValue: !1
 		}
 	]
-}), e.register("data-model-designer", Et, {
+}), e.register("data-model-designer", Ot, {
 	namespace: "plugin-designer",
 	label: "Data Model Designer",
 	category: "Designer",
@@ -6980,7 +7056,7 @@ e.register("page-designer", bt, {
 			defaultValue: !1
 		}
 	]
-}), e.register("process-designer", jt, {
+}), e.register("process-designer", Nt, {
 	namespace: "plugin-designer",
 	label: "Process Designer (BPMN)",
 	category: "Designer",
@@ -7019,7 +7095,7 @@ e.register("page-designer", bt, {
 			defaultValue: !1
 		}
 	]
-}), e.register("report-designer", Ft, {
+}), e.register("report-designer", Lt, {
 	namespace: "plugin-designer",
 	label: "Report Designer",
 	category: "Designer",
@@ -7058,7 +7134,7 @@ e.register("page-designer", bt, {
 			defaultValue: !1
 		}
 	]
-}), e.register("app-creation-wizard", qt, {
+}), e.register("app-creation-wizard", Xt, {
 	namespace: "plugin-designer",
 	label: "App Creation Wizard",
 	category: "Designer",
@@ -7080,7 +7156,7 @@ e.register("page-designer", bt, {
 			defaultValue: !1
 		}
 	]
-}), e.register("navigation-designer", nn, {
+}), e.register("navigation-designer", on, {
 	namespace: "plugin-designer",
 	label: "Navigation Designer",
 	category: "Designer",
@@ -7103,7 +7179,7 @@ e.register("page-designer", bt, {
 			defaultValue: !1
 		}
 	]
-}), e.register("dashboard-editor", mn, {
+}), e.register("dashboard-editor", yn, {
 	namespace: "plugin-designer",
 	label: "Dashboard Editor",
 	category: "Designer",
@@ -7117,7 +7193,7 @@ e.register("page-designer", bt, {
 		label: "Read Only",
 		defaultValue: !1
 	}]
-}), e.register("branding-editor", _n, {
+}), e.register("branding-editor", Sn, {
 	namespace: "plugin-designer",
 	label: "Branding Editor",
 	category: "Designer",
@@ -7139,7 +7215,7 @@ e.register("page-designer", bt, {
 			defaultValue: !1
 		}
 	]
-}), e.register("object-manager", xn, {
+}), e.register("object-manager", En, {
 	namespace: "plugin-designer",
 	label: "Object Manager",
 	category: "Designer",
@@ -7162,7 +7238,7 @@ e.register("page-designer", bt, {
 			defaultValue: !1
 		}
 	]
-}), e.register("field-designer", En, {
+}), e.register("field-designer", jn, {
 	namespace: "plugin-designer",
 	label: "Field Designer",
 	category: "Designer",
@@ -7186,4 +7262,4 @@ e.register("page-designer", bt, {
 	]
 });
 //#endregion
-export { qt as AppCreationWizard, _n as BrandingEditor, gt as CollaborationProvider, ct as ConfirmDialog, vt as ConnectionStatusIndicator, An as CreateAppPage, Mn as DashboardDesignPage, mn as DashboardEditor, Et as DataModelDesigner, jn as EditAppPage, on as EditorModeToggle, En as FieldDesigner, zn as MetadataFieldsPage, Pn as MetadataObjectsPage, pt as Minimap, nn as NavigationDesigner, xn as ObjectManager, bt as PageDesigner, jt as ProcessDesigner, ut as PropertyEditor, Ft as ReportDesigner, On as VersionHistory, ot as useCanvasPanZoom, at as useClipboard, rt as useConfirmDialog, St as useDesignerHistory, it as useMultiSelect, nt as useUndoRedo };
+export { Xt as AppCreationWizard, Sn as BrandingEditor, vt as CollaborationProvider, ut as ConfirmDialog, bt as ConnectionStatusIndicator, Fn as CreateAppPage, Rt as DESIGNER_DEFAULT_TRANSLATIONS, Ln as DashboardDesignPage, yn as DashboardEditor, Ot as DataModelDesigner, In as EditAppPage, ln as EditorModeToggle, jn as FieldDesigner, Wn as MetadataFieldsPage, zn as MetadataObjectsPage, ht as Minimap, on as NavigationDesigner, En as ObjectManager, St as PageDesigner, Nt as ProcessDesigner, ft as PropertyEditor, Lt as ReportDesigner, Nn as VersionHistory, ct as useCanvasPanZoom, st as useClipboard, at as useConfirmDialog, wt as useDesignerHistory, ot as useMultiSelect, it as useUndoRedo };