@object-ui/plugin-designer 17.3.0 → 17.6.0

package/dist/index.js

@@ -1,23 +1,23 @@
 import { ComponentRegistry as e, ValueDataSource as t } from "@object-ui/core";
 import n, { createContext as r, useCallback as i, useContext as a, useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
-import { AlertTriangle as u, ArrowLeft as d, AtSign as f, BarChart3 as p, Calendar as m, Check as h, ChevronDown as g, ChevronLeft as _, ChevronRight as v, ChevronUp as y, Clipboard as b, Clock as x, Code as S, Columns3 as C, Copy as w, Database as T, Diamond as E, Download as D, Eye as O, EyeOff as k, FileText as A, FolderOpen as j, GitBranch as M, Globe as N, Grid3X3 as P, GripVertical as F, Hash as I, History as L, Image as R, ImageIcon as z, Layers as ee, Layout as B, LayoutDashboard as te, LayoutGrid as ne, LayoutTemplate as re, LineChart as ie, Link as V, Link2 as ae, ListOrdered as H, Lock as oe, Map as se, MapPin as ce, Maximize2 as le, Minus as ue, Moon as de, MousePointerClick as fe, Palette as pe, PanelLeft as me, PanelLeftClose as he, PanelRightClose as ge, PanelRightOpen as U, Pencil as W, Phone as _e, PieChart as ve, Play as ye, Plus as be, Puzzle as xe, Redo2 as Se, RotateCcw as Ce, Search as we, SlidersHorizontal as Te, Square as Ee, Star as De, Sun as Oe, Table2 as ke, ToggleLeft as Ae, Trash2 as je, TrendingUp as Me, Type as Ne, Undo2 as Pe, Upload as Fe, User as Ie, Users as Le, X as Re, ZoomIn as ze, ZoomOut as Be } from "lucide-react";
+import { AlertTriangle as u, ArrowLeft as d, AtSign as f, BarChart3 as p, Calendar as m, Check as h, ChevronDown as g, ChevronLeft as _, ChevronRight as v, ChevronUp as y, Clipboard as b, Clock as x, Code as S, Columns3 as C, Copy as w, Database as T, Diamond as E, Download as D, Eye as O, EyeOff as k, FileText as A, FolderOpen as j, GitBranch as M, Globe as N, Grid3X3 as P, GripVertical as F, Hash as I, History as L, Image as R, ImageIcon as z, Layers as ee, Layout as B, LayoutDashboard as te, LayoutTemplate as ne, LineChart as re, Link as ie, Link2 as ae, ListOrdered as oe, Lock as V, Map as se, MapPin as ce, Maximize2 as le, Minus as ue, Moon as de, MousePointerClick as H, Palette as fe, PanelLeft as pe, PanelLeftClose as me, PanelRightClose as he, PanelRightOpen as ge, Pencil as U, Phone as W, PieChart as _e, Play as ve, Plus as ye, Puzzle as be, Redo2 as xe, RotateCcw as Se, Search as Ce, SlidersHorizontal as we, Square as Te, Star as Ee, Sun as De, Table2 as Oe, ToggleLeft as ke, Trash2 as Ae, TrendingUp as je, Type as Me, Undo2 as Ne, Upload as Pe, User as Fe, Users as Ie, X as Le, ZoomIn as Re, ZoomOut as ze } from "lucide-react";
 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 Be, isValidAppName as Ve, liftLegacyDashboardFilterDefaults as He, wizardDraftToAppSchema as Ue } from "@object-ui/types";
+import { resolveKeyedI18nLabel as We, useAdapter as Ge, useMetadata as Ke } from "@object-ui/react";
+import { createSafeTranslation as qe, pickLocalized as Je, setLocalized 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 ?? ""
@@ -707,7 +710,7 @@ function bt({ canvas: e = {
 		x,
 		g,
 		T
-	]), V = i(() => {
+	]), ae = i(() => {
 		if (d) return;
 		let e = T.paste();
 		if (!e || e.length === 0) return;
@@ -734,15 +737,15 @@ function bt({ canvas: e = {
 		_,
 		x,
 		k
-	]), ae = i((e, t) => {
+	]), oe = i((e, t) => {
 		d || (L.current = {
 			id: t.id,
 			startX: e.clientX,
 			startY: e.clientY
 		}, e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", t.id));
-	}, [d]), H = i((e) => {
+	}, [d]), V = i((e) => {
 		e.preventDefault(), e.dataTransfer.dropEffect = "move";
-	}, []), oe = i((e) => {
+	}, []), ce = i((e) => {
 		e.preventDefault();
 		let t = L.current;
 		if (!t || d) return;
@@ -766,7 +769,7 @@ function bt({ canvas: e = {
 		_,
 		z,
 		k
-	]), ce = s(() => C ? [
+	]), de = s(() => C ? [
 		{
 			name: "label",
 			label: "Label",
@@ -802,7 +805,7 @@ function bt({ canvas: e = {
 			value: C.position.height,
 			group: "Size"
 		}
-	] : [], [C]), de = s(() => g.map((e) => ({
+	] : [], [C]), H = s(() => g.map((e) => ({
 		id: e.id,
 		x: e.position.x,
 		y: e.position.y,
@@ -841,7 +844,7 @@ function bt({ canvas: e = {
 					return;
 				}
 				if (n && e.key === "v" && !d) {
-					e.preventDefault(), V();
+					e.preventDefault(), ae();
 					return;
 				}
 				if (n && e.key === "a") {
@@ -858,7 +861,7 @@ function bt({ canvas: e = {
 		d,
 		h,
 		ie,
-		V,
+		ae,
 		g
 	]), /* @__PURE__ */ Y("div", {
 		ref: R,
@@ -880,9 +883,10 @@ 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]
+							children: [/* @__PURE__ */ J(ye, { className: "h-3 w-3" }), e.label]
 						}, e.type))]
 					}, e.name))
 				})] })
@@ -895,34 +899,38 @@ 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",
 							onClick: () => j((e) => !e),
-							children: /* @__PURE__ */ J(he, { className: X("h-4 w-4", !A && "rotate-180") })
+							children: /* @__PURE__ */ J(me, { className: X("h-4 w-4", !A && "rotate-180") })
 						}),
 						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",
 								disabled: !h.canUndo,
 								onClick: () => h.undo(),
-								children: /* @__PURE__ */ J(Pe, { className: "h-4 w-4" })
+								children: /* @__PURE__ */ J(Ne, { 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",
 								disabled: !h.canRedo,
 								onClick: () => h.redo(),
-								children: /* @__PURE__ */ J(Se, { className: "h-4 w-4" })
+								children: /* @__PURE__ */ J(xe, { className: "h-4 w-4" })
 							}),
 							/* @__PURE__ */ J("div", { className: "w-px h-5 bg-border mx-1" })
 						] }),
 						!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,30 +939,34 @@ 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",
 								disabled: !T.hasContent,
-								onClick: V,
+								onClick: ae,
 								children: /* @__PURE__ */ J(b, { className: "h-4 w-4" })
 							}),
 							/* @__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",
 							disabled: x.count === 0,
 							onClick: ne,
-							children: /* @__PURE__ */ J(je, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ J(Ae, { 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" })
+									children: /* @__PURE__ */ J(ye, { 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,11 +1005,12 @@ 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",
 							onClick: () => N((e) => !e),
-							children: /* @__PURE__ */ J(ge, { className: X("h-4 w-4", !M && "rotate-180") })
+							children: /* @__PURE__ */ J(he, { className: X("h-4 w-4", !M && "rotate-180") })
 						})
 					]
 				}), /* @__PURE__ */ J("div", {
@@ -1003,8 +1019,8 @@ function bt({ canvas: e = {
 					"aria-label": "Design canvas",
 					onWheel: v.handleWheel,
 					onMouseDown: v.startPan,
-					onDragOver: H,
-					onDrop: oe,
+					onDragOver: V,
+					onDrop: ce,
 					children: /* @__PURE__ */ Y("div", {
 						className: "relative bg-background border rounded shadow-sm mx-auto",
 						style: {
@@ -1018,7 +1034,7 @@ function bt({ canvas: e = {
 							let t = x.isSelected(e.id);
 							return /* @__PURE__ */ Y("div", {
 								draggable: !d,
-								onDragStart: (t) => ae(t, e),
+								onDragStart: (t) => oe(t, e),
 								className: X("absolute border rounded cursor-move select-none transition-shadow", t ? "border-primary ring-2 ring-primary/20 shadow-md" : "border-border hover:border-primary/50"),
 								style: {
 									left: e.position.x * y,
@@ -1036,12 +1052,13 @@ function bt({ canvas: e = {
 											children: e.label ?? e.type
 										}),
 										!d && /* @__PURE__ */ J("button", {
+											type: "button",
 											onClick: (t) => {
 												t.stopPropagation(), te(e.id);
 											},
 											className: "ml-auto p-0.5 rounded hover:bg-destructive/10",
 											"aria-label": `Delete ${e.label ?? e.type}`,
-											children: /* @__PURE__ */ J(je, { className: "h-3 w-3 text-destructive" })
+											children: /* @__PURE__ */ J(Ae, { className: "h-3 w-3 text-destructive" })
 										})
 									]
 								}), /* @__PURE__ */ J("div", {
@@ -1049,8 +1066,8 @@ function bt({ canvas: e = {
 									children: e.type
 								})]
 							}, e.id);
-						}), P && /* @__PURE__ */ J(pt, {
-							items: de,
+						}), P && /* @__PURE__ */ J(ht, {
+							items: H,
 							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,9 +1100,9 @@ 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,
+							fields: de,
 							onChange: re
 						})
 					}) : C && /* @__PURE__ */ Y("div", {
@@ -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);
@@ -1414,14 +1432,14 @@ function Et({ entities: e = [], relationships: t = [], canvas: n = {
 		a,
 		p,
 		_
-	]), V = i(() => {
+	]), oe = i(() => {
 		let e = m.filter((e) => x.isSelected(e.id));
 		e.length > 0 && C.copy(e);
 	}, [
 		m,
 		x,
 		C
-	]), H = i(() => {
+	]), V = i(() => {
 		if (a) return;
 		let e = C.paste();
 		if (!e || e.length === 0) return;
@@ -1445,7 +1463,7 @@ function Et({ entities: e = [], relationships: t = [], canvas: n = {
 		p,
 		_,
 		x
-	]), oe = i((e) => {
+	]), se = i((e) => {
 		if (a) return;
 		let t = p.current, n = {
 			entities: t.entities.map((t) => {
@@ -1467,12 +1485,12 @@ function Et({ entities: e = [], relationships: t = [], canvas: n = {
 		a,
 		p,
 		_
-	]), se = i((e, t, n) => {
+	]), ce = i((e, t, n) => {
 		a || (N({
 			entityId: e,
 			fieldIndex: t
 		}), I(n));
-	}, [a]), ce = i(() => {
+	}, [a]), le = i(() => {
 		if (!M) return;
 		let e = F.trim();
 		if (e === "") {
@@ -1499,11 +1517,11 @@ function Et({ entities: e = [], relationships: t = [], canvas: n = {
 		F,
 		p,
 		_
-	]), le = i(() => {
+	]), ue = i(() => {
 		N(null);
-	}, []), ue = i((e, t) => {
+	}, []), de = i((e, t) => {
 		a || (R(e), ee(t));
-	}, [a]), de = i(() => {
+	}, [a]), H = i(() => {
 		if (!L) return;
 		let e = z.trim();
 		if (e === "") {
@@ -1651,13 +1669,13 @@ function Et({ entities: e = [], relationships: t = [], canvas: n = {
 			let t = e.target.tagName;
 			if (t === "INPUT" || t === "TEXTAREA" || t === "SELECT") return;
 			let n = e.ctrlKey || e.metaKey;
-			n && e.key === "z" ? (e.preventDefault(), p.undo()) : n && (e.key === "y" || e.shiftKey && e.key === "Z") ? (e.preventDefault(), p.redo()) : n && e.key === "c" ? (e.preventDefault(), V()) : n && e.key === "v" ? (e.preventDefault(), H()) : (e.key === "Delete" || e.key === "Backspace") && x.count > 0 ? (e.preventDefault(), re()) : e.key === "Escape" && (x.clearSelection(), N(null), R(null));
+			n && e.key === "z" ? (e.preventDefault(), p.undo()) : n && (e.key === "y" || e.shiftKey && e.key === "Z") ? (e.preventDefault(), p.redo()) : n && e.key === "c" ? (e.preventDefault(), oe()) : n && e.key === "v" ? (e.preventDefault(), V()) : (e.key === "Delete" || e.key === "Backspace") && x.count > 0 ? (e.preventDefault(), re()) : e.key === "Escape" && (x.clearSelection(), N(null), R(null));
 		};
 		return e.addEventListener("keydown", t), () => e.removeEventListener("keydown", t);
 	}, [
 		p,
+		oe,
 		V,
-		H,
 		re,
 		x
 	]);
@@ -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,62 +1708,69 @@ 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",
 								title: "Undo (Ctrl+Z)",
 								className: "p-1 rounded hover:bg-accent disabled:opacity-40",
-								children: /* @__PURE__ */ J(Pe, { className: "h-3.5 w-3.5" })
+								children: /* @__PURE__ */ J(Ne, { className: "h-3.5 w-3.5" })
 							}), /* @__PURE__ */ J("button", {
+								type: "button",
 								onClick: () => p.redo(),
 								disabled: !p.canRedo,
 								"aria-label": "Redo",
 								title: "Redo (Ctrl+Y)",
 								className: "p-1 rounded hover:bg-accent disabled:opacity-40",
-								children: /* @__PURE__ */ J(Se, { className: "h-3.5 w-3.5" })
+								children: /* @__PURE__ */ J(xe, { className: "h-3.5 w-3.5" })
 							})]
 						}),
 						/* @__PURE__ */ Y("div", {
 							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",
 									className: "p-1 rounded hover:bg-accent",
-									children: /* @__PURE__ */ J(Be, { className: "h-3.5 w-3.5" })
+									children: /* @__PURE__ */ J(ze, { className: "h-3.5 w-3.5" })
 								}),
 								/* @__PURE__ */ Y("span", {
 									className: "text-xs tabular-nums w-10 text-center",
 									children: [Math.round(E.zoom * 100), "%"]
 								}),
 								/* @__PURE__ */ J("button", {
+									type: "button",
 									onClick: E.zoomIn,
 									"aria-label": "Zoom In",
 									title: "Zoom In",
 									className: "p-1 rounded hover:bg-accent",
-									children: /* @__PURE__ */ J(ze, { className: "h-3.5 w-3.5" })
+									children: /* @__PURE__ */ J(Re, { className: "h-3.5 w-3.5" })
 								}),
 								/* @__PURE__ */ J("button", {
+									type: "button",
 									onClick: E.resetZoom,
 									"aria-label": "Reset Zoom",
 									title: "Reset Zoom",
 									className: "p-1 rounded hover:bg-accent",
-									children: /* @__PURE__ */ J(Ce, { className: "h-3 w-3" })
+									children: /* @__PURE__ */ J(Se, { className: "h-3 w-3" })
 								})
 							]
 						}),
 						!a && /* @__PURE__ */ Y("div", {
 							className: "flex items-center gap-1 border-l pl-2",
 							children: [/* @__PURE__ */ J("button", {
-								onClick: V,
+								type: "button",
+								onClick: oe,
 								disabled: x.count === 0,
 								"aria-label": "Copy",
 								title: "Copy (Ctrl+C)",
 								className: "p-1 rounded hover:bg-accent disabled:opacity-40",
 								children: /* @__PURE__ */ J(w, { className: "h-3.5 w-3.5" })
 							}), /* @__PURE__ */ J("button", {
-								onClick: H,
+								type: "button",
+								onClick: V,
 								disabled: !C.hasContent,
 								"aria-label": "Paste",
 								title: "Paste (Ctrl+V)",
@@ -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",
@@ -1765,7 +1791,7 @@ function Et({ entities: e = [], relationships: t = [], canvas: n = {
 							className: "flex items-center gap-1 text-xs text-muted-foreground",
 							role: "status",
 							"aria-label": "Collaboration active",
-							children: [/* @__PURE__ */ J(Le, { className: "h-3 w-3" }), /* @__PURE__ */ Y("span", { children: [
+							children: [/* @__PURE__ */ J(Ie, { className: "h-3 w-3" }), /* @__PURE__ */ Y("span", { children: [
 								D.users.length,
 								" user",
 								D.users.length === 1 ? "" : "s"
@@ -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"]
+							children: [/* @__PURE__ */ J(ye, { 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
@@ -1853,9 +1881,9 @@ function Et({ entities: e = [], relationships: t = [], canvas: n = {
 												type: "text",
 												value: z,
 												onChange: (e) => ee(e.target.value),
-												onBlur: de,
+												onBlur: H,
 												onKeyDown: (e) => {
-													e.key === "Enter" && de(), e.key === "Escape" && fe();
+													e.key === "Enter" && H(), e.key === "Escape" && fe();
 												},
 												className: "text-sm font-medium px-1 py-0 border rounded bg-background w-32 focus:outline-none focus:ring-1 focus:ring-primary",
 												autoFocus: !0,
@@ -1864,19 +1892,20 @@ function Et({ entities: e = [], relationships: t = [], canvas: n = {
 											}) : /* @__PURE__ */ J("span", {
 												className: "truncate cursor-text",
 												onDoubleClick: (t) => {
-													t.stopPropagation(), ue(e.id, e.label);
+													t.stopPropagation(), de(e.id, e.label);
 												},
 												title: "Double-click to edit label",
 												"data-testid": `entity-label-${e.id}`,
 												children: e.label
 											}),
 											!a && /* @__PURE__ */ J("button", {
+												type: "button",
 												onClick: (t) => {
 													t.stopPropagation(), ne(e.id);
 												},
 												"aria-label": `Delete ${e.label}`,
 												className: "ml-auto p-0.5 rounded hover:bg-destructive/20",
-												children: /* @__PURE__ */ J(je, { className: "h-3 w-3 text-destructive" })
+												children: /* @__PURE__ */ J(Ae, { className: "h-3 w-3 text-destructive" })
 											})
 										]
 									}),
@@ -1889,17 +1918,17 @@ function Et({ entities: e = [], relationships: t = [], canvas: n = {
 													type: "text",
 													value: F,
 													onChange: (e) => I(e.target.value),
-													onBlur: ce,
+													onBlur: le,
 													onKeyDown: (e) => {
-														e.key === "Enter" && ce(), e.key === "Escape" && le();
+														e.key === "Enter" && le(), e.key === "Escape" && ue();
 													},
 													className: "font-mono text-xs px-1 py-0 border rounded bg-background w-24 focus:outline-none focus:ring-1 focus:ring-primary",
 													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);
+														r.stopPropagation(), ce(e.id, n, t.name);
 													},
 													title: "Click to edit field name",
 													children: [t.primaryKey && /* @__PURE__ */ J("span", {
@@ -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,18 +1962,19 @@ 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);
+												t.stopPropagation(), se(e.id);
 											},
 											"aria-label": `Add field to ${e.label}`,
 											className: "flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground w-full py-0.5",
-											children: [/* @__PURE__ */ J(be, { className: "h-3 w-3" }), " Add Field"]
+											children: [/* @__PURE__ */ J(ye, { className: "h-3 w-3" }), " Add Field"]
 										})
 									})
 								]
 							}, 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,14 +2076,14 @@ 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);
-	ie.current = p, ae.current = m, o(() => {
-		ie.current?.(_), ae.current?.(v);
+	}), re = c(null), ae = c(p), oe = c(m);
+	ae.current = p, oe.current = m, o(() => {
+		ae.current?.(_), oe.current?.(v);
 	}, [g.current]);
-	let H = i((e, t) => {
+	let V = i((e, t) => {
 		if (f) return;
 		let n = {
 			id: `node-${Date.now()}`,
@@ -2075,7 +2107,7 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 		y,
 		S,
 		D
-	]), oe = i(async (e) => {
+	]), se = i(async (e) => {
 		if (f) return;
 		let t = _.find((t) => t.id === e);
 		if (!await x.confirm("Delete Node", `Are you sure you want to delete "${t?.label ?? e}"? This will also remove all connected edges.`)) return;
@@ -2095,7 +2127,7 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 		x,
 		S,
 		D
-	]), se = i(async () => {
+	]), ce = i(async () => {
 		if (f || S.count === 0 || !await x.confirm("Delete Selected Nodes", `Are you sure you want to delete ${S.count} selected node(s) and their connected edges?`)) return;
 		let e = S.selectedIds, t = _.filter((t) => !e.has(t.id)), n = v.filter((t) => !e.has(t.source) && !e.has(t.target));
 		y(t, n), k(null), S.clearSelection();
@@ -2106,7 +2138,7 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 		y,
 		x,
 		S
-	]), ce = i(() => {
+	]), le = i(() => {
 		let e = S.count > 0 ? S.selectedIds : O ? /* @__PURE__ */ new Set([O]) : /* @__PURE__ */ new Set();
 		if (e.size === 0) return;
 		let t = _.filter((t) => e.has(t.id));
@@ -2116,7 +2148,7 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 		O,
 		S,
 		C
-	]), le = i(() => {
+	]), ue = i(() => {
 		if (f) return;
 		let e = C.paste();
 		if (!e || e.length === 0) return;
@@ -2136,9 +2168,9 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 		C,
 		y,
 		S
-	]), ue = i(() => {
+	]), de = i(() => {
 		j((e) => !e || (P(null), !1));
-	}, []), de = i((e) => {
+	}, []), H = i((e) => {
 		if (!A) return !1;
 		if (!N) return P(e), !0;
 		if (N === e) return !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);
 	}, [
 		_,
@@ -2199,7 +2231,7 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 		T.zoom,
 		T.panOffset,
 		y
-	]), he = i((e) => {
+	]), U = i((e) => {
 		e.preventDefault(), e.dataTransfer.dropEffect = "move";
 	}, []), W = s(() => _.find((e) => e.id === O) ?? null, [_, O]), _e = s(() => W ? [
 		{
@@ -2257,7 +2289,7 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 			value: W.description ?? "",
 			group: "General"
 		}
-	] : [], [W]), ve = i((e, t) => {
+	] : [], [W]), ye = i((e, t) => {
 		if (f || !O) return;
 		let n = _.map((n) => n.id === O ? {
 			...n,
@@ -2283,12 +2315,12 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 			case "script-task": return "rounded bg-purple-100 border-purple-500 text-purple-700";
 			default: return "rounded bg-gray-100 border-gray-500 text-gray-700";
 		}
-	}, xe = s(() => _.map((e) => ({
+	}, Ce = s(() => _.map((e) => ({
 		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
 	})), [
 		_,
@@ -2311,15 +2343,15 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 				return;
 			}
 			if (n && e.key === "c") {
-				e.preventDefault(), ce();
+				e.preventDefault(), le();
 				return;
 			}
 			if (n && e.key === "v") {
-				e.preventDefault(), le();
+				e.preventDefault(), ue();
 				return;
 			}
 			if (e.key === "Delete" || e.key === "Backspace") {
-				S.count > 0 ? (e.preventDefault(), se()) : O && (e.preventDefault(), oe(O));
+				S.count > 0 ? (e.preventDefault(), ce()) : O && (e.preventDefault(), se(O));
 				return;
 			}
 			if (e.key === "Escape") {
@@ -2333,10 +2365,10 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 		A,
 		S,
 		g,
-		ce,
 		le,
-		oe,
-		se
+		ue,
+		se,
+		ce
 	]);
 	let we = i((e) => {
 		e.target === e.currentTarget && (k(null), S.clearSelection(), A && (j(!1), P(null)));
@@ -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,24 +2413,27 @@ 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",
 								title: "Undo (Ctrl+Z)",
 								"aria-label": "Undo",
-								children: /* @__PURE__ */ J(Pe, { className: "h-3 w-3" })
+								children: /* @__PURE__ */ J(Ne, { 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",
 								title: "Redo (Ctrl+Y)",
 								"aria-label": "Redo",
-								children: /* @__PURE__ */ J(Se, { className: "h-3 w-3" })
+								children: /* @__PURE__ */ J(xe, { className: "h-3 w-3" })
 							}),
 							/* @__PURE__ */ J("div", { className: "w-px h-4 bg-border mx-1" }),
 							/* @__PURE__ */ J("button", {
-								onClick: ce,
+								type: "button",
+								onClick: le,
 								disabled: S.count === 0 && !O,
 								className: "flex items-center gap-1 px-2 py-1 text-xs rounded hover:bg-accent disabled:opacity-40",
 								title: "Copy (Ctrl+C)",
@@ -2406,7 +2441,8 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 								children: /* @__PURE__ */ J(w, { className: "h-3 w-3" })
 							}),
 							/* @__PURE__ */ J("button", {
-								onClick: le,
+								type: "button",
+								onClick: ue,
 								disabled: !C.hasContent,
 								className: "flex items-center gap-1 px-2 py-1 text-xs rounded hover:bg-accent disabled:opacity-40",
 								title: "Paste (Ctrl+V)",
@@ -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", {
-								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"),
+								type: "button",
+								onClick: de,
+								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"]
+								children: [/* @__PURE__ */ J(ie, { 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,11 +2469,12 @@ 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",
 								"aria-label": "Zoom in",
-								children: /* @__PURE__ */ J(ze, { className: "h-3 w-3" })
+								children: /* @__PURE__ */ J(Re, { className: "h-3 w-3" })
 							}),
 							/* @__PURE__ */ Y("span", {
 								className: "text-xs tabular-nums min-w-[3ch] text-center",
@@ -2443,56 +2482,63 @@ 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",
 								"aria-label": "Zoom out",
-								children: /* @__PURE__ */ J(Be, { className: "h-3 w-3" })
+								children: /* @__PURE__ */ J(ze, { 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",
 								"aria-label": "Reset zoom",
-								children: /* @__PURE__ */ J(Ce, { className: "h-3 w-3" })
+								children: /* @__PURE__ */ J(Se, { className: "h-3 w-3" })
 							}),
 							/* @__PURE__ */ J("div", { className: "w-px h-4 bg-border mx-1" }),
 							/* @__PURE__ */ Y("button", {
-								onClick: () => H("start-event", "Start"),
+								type: "button",
+								onClick: () => V("start-event", "Start"),
 								className: "flex items-center gap-1 px-2 py-1 text-xs rounded hover:bg-accent",
 								title: "Add Start Event",
 								"aria-label": "Add Start Event",
-								children: [/* @__PURE__ */ J(ye, { className: "h-3 w-3 text-green-600" }), " Start"]
+								children: [/* @__PURE__ */ J(ve, { className: "h-3 w-3 text-green-600" }), " Start"]
 							}),
 							/* @__PURE__ */ Y("button", {
-								onClick: () => H("user-task", "User Task"),
+								type: "button",
+								onClick: () => V("user-task", "User Task"),
 								className: "flex items-center gap-1 px-2 py-1 text-xs rounded hover:bg-accent",
 								title: "Add User Task",
 								"aria-label": "Add User Task",
-								children: [/* @__PURE__ */ J(Ee, { className: "h-3 w-3 text-blue-600" }), " Task"]
+								children: [/* @__PURE__ */ J(Te, { className: "h-3 w-3 text-blue-600" }), " Task"]
 							}),
 							/* @__PURE__ */ Y("button", {
-								onClick: () => H("exclusive-gateway", "Decision"),
+								type: "button",
+								onClick: () => V("exclusive-gateway", "Decision"),
 								className: "flex items-center gap-1 px-2 py-1 text-xs rounded hover:bg-accent",
 								title: "Add Gateway",
 								"aria-label": "Add Gateway",
 								children: [/* @__PURE__ */ J(E, { className: "h-3 w-3 text-yellow-600" }), " Gateway"]
 							}),
 							/* @__PURE__ */ Y("button", {
-								onClick: () => H("end-event", "End"),
+								type: "button",
+								onClick: () => V("end-event", "End"),
 								className: "flex items-center gap-1 px-2 py-1 text-xs rounded hover:bg-accent",
 								title: "Add End Event",
 								"aria-label": "Add End Event",
-								children: [/* @__PURE__ */ J(Ee, { className: "h-3 w-3 text-red-600" }), " End"]
+								children: [/* @__PURE__ */ J(Te, { className: "h-3 w-3 text-red-600" }), " End"]
 							}),
 							/* @__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",
 								"aria-label": L ? "Hide property panel" : "Show property panel",
 								"aria-expanded": L,
-								children: J(L ? ge : U, { className: "h-3 w-3" })
+								children: J(L ? he : ge, { className: "h-3 w-3" })
 							})
 						]
 					})
@@ -2517,7 +2563,7 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 						},
 						onClick: we,
 						onDrop: me,
-						onDragOver: he,
+						onDragOver: U,
 						children: [
 							/* @__PURE__ */ Y("svg", {
 								className: "absolute inset-0 pointer-events-none",
@@ -2537,10 +2583,10 @@ 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, l = `M ${a} ${o} Q ${(a + s) / 2} ${o}, ${(a + s) / 2} ${(o + c) / 2} T ${s} ${c}`;
+									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: l,
 										fill: "none",
@@ -2575,13 +2621,13 @@ function jt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 									onMouseEnter: () => I(e.id),
 									onMouseLeave: () => I(null),
 									onClick: (t) => {
-										de(e.id) || (t.shiftKey ? S.toggle(e.id, !0) : (k(e.id), S.selectOne(e.id)));
+										H(e.id) || (t.shiftKey ? S.toggle(e.id, !0) : (k(e.id), S.selectOne(e.id)));
 									},
 									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,60 +2636,61 @@ 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) => {
-													t.stopPropagation(), de(e.id);
+													t.stopPropagation(), H(e.id);
 												}
 											}),
 											/* @__PURE__ */ J("div", {
 												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) => {
-													t.stopPropagation(), A ? de(e.id) : (j(!0), P(e.id));
+													t.stopPropagation(), A ? H(e.id) : (j(!0), P(e.id));
 												}
 											}),
 											/* @__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",
 												onClick: (t) => {
-													t.stopPropagation(), de(e.id);
+													t.stopPropagation(), H(e.id);
 												}
 											}),
 											/* @__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",
 												onClick: (t) => {
-													t.stopPropagation(), de(e.id);
+													t.stopPropagation(), H(e.id);
 												}
 											})
 										] }),
 										!f && t && !A && /* @__PURE__ */ J("button", {
+											type: "button",
 											onClick: (t) => {
-												t.stopPropagation(), oe(e.id);
+												t.stopPropagation(), se(e.id);
 											},
 											className: "absolute -top-2 -right-2 p-0.5 rounded-full bg-destructive text-destructive-foreground shadow",
 											"aria-label": "Delete node",
-											children: /* @__PURE__ */ J(je, { className: "h-3 w-3" })
+											children: /* @__PURE__ */ J(Ae, { className: "h-3 w-3" })
 										})
 									]
 								}, e.id);
 							}),
-							u && _.length > 0 && /* @__PURE__ */ J(pt, {
-								items: xe,
+							u && _.length > 0 && /* @__PURE__ */ J(ht, {
+								items: Ce,
 								canvasWidth: a.width ?? 1400,
 								canvasHeight: a.height ?? 800,
 								position: "bottom-right"
@@ -2654,10 +2701,10 @@ 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
+						onChange: ye
 					})
 				})]
 			})
@@ -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;
@@ -2946,9 +2993,9 @@ function Ft({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 			startX: e.clientX,
 			startY: e.clientY
 		}, e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", t.id));
-	}, [m]), V = i((e) => {
+	}, [m]), ae = i((e) => {
 		e.preventDefault(), e.dataTransfer.dropEffect = "move";
-	}, []), ae = i((e, t) => {
+	}, []), oe = i((e, t) => {
 		e.preventDefault();
 		let n = j.current;
 		if (!n || m) return;
@@ -3000,7 +3047,7 @@ function Ft({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 		v,
 		y,
 		D
-	]), H = s(() => {
+	]), V = s(() => {
 		if (!L) return [];
 		let e = [
 			{
@@ -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,26 +3172,29 @@ 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,
 								onClick: () => _.undo(),
-								children: /* @__PURE__ */ J(Pe, { className: "h-4 w-4" })
+								children: /* @__PURE__ */ J(Ne, { 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,
 								onClick: () => _.redo(),
-								children: /* @__PURE__ */ J(Se, { className: "h-4 w-4" })
+								children: /* @__PURE__ */ J(xe, { className: "h-4 w-4" })
 							}),
 							/* @__PURE__ */ J("div", { className: "w-px h-5 bg-border mx-1" })
 						] }),
 						!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,12 +3213,13 @@ 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,
 							onClick: B,
-							children: /* @__PURE__ */ J(je, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ J(Ae, { className: "h-4 w-4" })
 						}),
 						/* @__PURE__ */ J("div", { className: "flex-1" }),
 						E?.isConnected && /* @__PURE__ */ Y("span", {
@@ -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(he, { className: Pt("h-4 w-4", !O && "rotate-180") })
 						})
 					]
 				}), /* @__PURE__ */ J("div", {
@@ -3207,8 +3260,8 @@ function Ft({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 						children: v.map((e, t) => /* @__PURE__ */ Y("div", {
 							className: "relative border-b border-dashed border-gray-300",
 							style: { minHeight: e.height },
-							onDragOver: V,
-							onDrop: (e) => ae(e, t),
+							onDragOver: ae,
+							onDrop: (e) => oe(e, t),
 							children: [
 								/* @__PURE__ */ Y("div", {
 									className: "absolute left-0 top-0 px-2 py-0.5 bg-muted text-xs text-muted-foreground border-r border-b rounded-br",
@@ -3218,20 +3271,23 @@ 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,
 											"aria-label": Z.addText,
-											children: /* @__PURE__ */ J(Ne, { className: "h-3 w-3" })
+											children: /* @__PURE__ */ J(Me, { 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,
 											"aria-label": Z.addField,
-											children: /* @__PURE__ */ J(be, { className: "h-3 w-3" })
+											children: /* @__PURE__ */ J(ye, { 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,11 +3303,12 @@ 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,
 											"aria-label": Z.addTable,
-											children: /* @__PURE__ */ J(ke, { className: "h-3 w-3" })
+											children: /* @__PURE__ */ J(Oe, { className: "h-3 w-3" })
 										})
 									]
 								}),
@@ -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,12 +3344,13 @@ 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);
 												},
 												className: "absolute -top-2 -right-2 p-0.5 rounded-full bg-destructive text-destructive-foreground shadow",
 												"aria-label": Z.deleteElement,
-												children: /* @__PURE__ */ J(je, { className: "h-2.5 w-2.5" })
+												children: /* @__PURE__ */ J(Ae, { className: "h-2.5 w-2.5" })
 											})]
 										}, e.id);
 									})]
@@ -3304,10 +3363,10 @@ 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,
+					fields: V,
 					onChange: te
 				}) : /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J("div", {
 					className: "p-3 border-b font-medium text-sm",
@@ -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",
@@ -3467,7 +3531,6 @@ var It = qe({
 	"appDesigner.fieldDesigner.unique": "Unique",
 	"appDesigner.fieldDesigner.readOnly": "Read Only",
 	"appDesigner.fieldDesigner.hidden": "Hidden",
-	"appDesigner.fieldDesigner.indexed": "Indexed",
 	"appDesigner.fieldDesigner.externalId": "External ID",
 	"appDesigner.fieldDesigner.trackHistory": "Track History",
 	"appDesigner.fieldDesigner.defaultValue": "Default Value",
@@ -3491,14 +3554,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 = qe(Rt, "appDesigner.basicInfo");
 //#endregion
 //#region src/AppCreationWizard.tsx
 function Q(...e) {
 	return K(G(e));
 }
-var Lt = {
+var Bt = {
 	name: "",
 	title: "",
 	description: "",
@@ -3513,7 +3577,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 +3586,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,8 +3611,8 @@ function Vt({ steps: e, currentIndex: t, onStepClick: r }) {
 		})
 	});
 }
-function Ht({ draft: e, templates: t, readOnly: n, onChange: r, t: i }) {
-	let a = e.name.length > 0 && !He(e.name);
+function Gt({ draft: e, templates: t, readOnly: n, onChange: r, t: i }) {
+	let a = e.name.length > 0 && !Ve(e.name);
 	return /* @__PURE__ */ Y("div", {
 		"data-testid": "wizard-step-basic-content",
 		className: "mx-auto max-w-lg space-y-5",
@@ -3672,7 +3736,7 @@ function Ht({ draft: e, templates: t, readOnly: n, onChange: r, t: i }) {
 						{
 							value: "sidebar",
 							labelKey: "appDesigner.layoutSidebar",
-							Icon: me
+							Icon: pe
 						},
 						{
 							value: "header",
@@ -3682,7 +3746,7 @@ function Ht({ draft: e, templates: t, readOnly: n, onChange: r, t: i }) {
 						{
 							value: "empty",
 							labelKey: "appDesigner.layoutEmpty",
-							Icon: re
+							Icon: ne
 						}
 					].map(({ value: t, labelKey: a, Icon: o }) => /* @__PURE__ */ Y("label", {
 						"data-testid": `app-layout-${t}`,
@@ -3709,7 +3773,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();
@@ -3722,7 +3786,7 @@ function Ut({ objects: e, readOnly: t, onToggle: n, onToggleAll: r, search: i, o
 			className: "flex items-center gap-3",
 			children: [/* @__PURE__ */ Y("div", {
 				className: "relative flex-1",
-				children: [/* @__PURE__ */ J(we, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-gray-400" }), /* @__PURE__ */ J("input", {
+				children: [/* @__PURE__ */ J(Ce, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-gray-400" }), /* @__PURE__ */ J("input", {
 					"data-testid": "object-search",
 					type: "text",
 					value: i,
@@ -3772,7 +3836,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 +3846,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",
@@ -3803,7 +3867,7 @@ function Gt({ items: e, readOnly: t, onAdd: n, onRemove: r, onReorder: i, t: a }
 					onClick: () => n("url"),
 					disabled: t,
 					className: "inline-flex items-center gap-1.5 rounded-md border border-gray-300 px-3 py-1.5 text-xs font-medium text-gray-600 transition-colors hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50",
-					children: [/* @__PURE__ */ J(V, { className: "h-3.5 w-3.5" }), a("appDesigner.addUrl")]
+					children: [/* @__PURE__ */ J(ie, { className: "h-3.5 w-3.5" }), a("appDesigner.addUrl")]
 				}),
 				/* @__PURE__ */ Y("button", {
 					type: "button",
@@ -3832,7 +3896,7 @@ function Gt({ items: e, readOnly: t, onAdd: n, onRemove: r, onReorder: i, t: a }
 						children: n.type === "separator" ? a("appDesigner.separatorLabel") : We(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", {
@@ -3860,7 +3924,7 @@ function Gt({ items: e, readOnly: t, onAdd: n, onRemove: r, onReorder: i, t: a }
 								disabled: t,
 								className: "rounded p-0.5 text-gray-400 transition-colors hover:text-red-500 disabled:opacity-30",
 								"aria-label": "Remove",
-								children: /* @__PURE__ */ J(je, { className: "h-3.5 w-3.5" })
+								children: /* @__PURE__ */ J(Ae, { className: "h-3.5 w-3.5" })
 							})
 						]
 					})
@@ -3869,7 +3933,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",
@@ -3902,7 +3966,7 @@ function Kt({ branding: e, title: t, readOnly: n, onChange: r, t: i }) {
 					children: i("appDesigner.primaryColor")
 				}), /* @__PURE__ */ Y("div", {
 					className: "relative",
-					children: [/* @__PURE__ */ J(pe, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-gray-400" }), /* @__PURE__ */ J("input", {
+					children: [/* @__PURE__ */ J(fe, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-gray-400" }), /* @__PURE__ */ J("input", {
 						id: "branding-color",
 						"data-testid": "branding-color-input",
 						type: "text",
@@ -3983,9 +4047,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(() => [
@@ -4013,7 +4077,7 @@ function qt({ availableObjects: e = [], templates: t = [], initialDraft: n, onCo
 			description: d("appDesigner.stepBrandingDesc"),
 			icon: "Palette"
 		}
-	], [d]), C = p === 0, w = p === S.length - 1, T = s(() => b.name.length > 0 && He(b.name) && b.title.trim().length > 0, [b.name, b.title]), E = s(() => p !== 0 || T, [p, T]), D = i((e) => {
+	], [d]), C = p === 0, w = p === S.length - 1, T = s(() => b.name.length > 0 && Ve(b.name) && b.title.trim().length > 0, [b.name, b.title]), E = s(() => p !== 0 || T, [p, T]), D = i((e) => {
 		x((t) => ({
 			...t,
 			...e
@@ -4044,7 +4108,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 +4136,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 +4155,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", {
@@ -4115,7 +4179,7 @@ function qt({ availableObjects: e = [], templates: t = [], initialDraft: n, onCo
 								onClick: f.onCancel,
 								className: "rounded p-1 text-gray-400 hover:text-gray-600",
 								"aria-label": d("common.close"),
-								children: /* @__PURE__ */ J(Re, { className: "h-4 w-4" })
+								children: /* @__PURE__ */ J(Le, { className: "h-4 w-4" })
 							})]
 						}),
 						/* @__PURE__ */ J("p", {
@@ -4143,7 +4207,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 +4216,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 +4232,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 +4240,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 +4299,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",
@@ -4266,12 +4330,12 @@ var Zt = {
 	url: {
 		labelKey: "appDesigner.navTypeUrl",
 		color: "bg-sky-100 text-sky-700",
-		Icon: V
+		Icon: ie
 	},
 	component: {
 		labelKey: "appDesigner.navTypeComponent",
 		color: "bg-indigo-100 text-indigo-700",
-		Icon: xe
+		Icon: be
 	},
 	group: {
 		labelKey: "appDesigner.navTypeGroup",
@@ -4286,9 +4350,9 @@ var Zt = {
 	action: {
 		labelKey: "appDesigner.navTypeAction",
 		color: "bg-orange-100 text-orange-700",
-		Icon: fe
+		Icon: H
 	}
-}, Qt = [
+}, tn = [
 	{
 		type: "object",
 		labelKey: "appDesigner.navObjectPage"
@@ -4318,8 +4382,8 @@ 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(We(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);
@@ -4328,7 +4392,7 @@ function $t({ item: e, depth: t, index: n, total: r, readOnly: i, onRemove: a, o
 	};
 	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" }),
@@ -4361,7 +4425,7 @@ function $t({ item: e, depth: t, index: n, total: r, readOnly: i, onRemove: a, o
 					className: "rounded p-0.5 text-gray-300 hover:text-blue-500",
 					"aria-label": h("appDesigner.navEditIcon"),
 					"data-testid": `nav-designer-edit-icon-${e.id}`,
-					children: /* @__PURE__ */ J(W, { className: "h-2.5 w-2.5" })
+					children: /* @__PURE__ */ J(U, { className: "h-2.5 w-2.5" })
 				})]
 			}),
 			e.type === "separator" ? /* @__PURE__ */ J("span", {
@@ -4378,14 +4442,14 @@ function $t({ item: e, depth: t, index: n, total: r, readOnly: i, onRemove: a, o
 				autoFocus: !0,
 				className: "flex-1 rounded border border-blue-300 px-1.5 py-0.5 text-sm outline-none focus:ring-1 focus:ring-blue-400"
 			}) : /* @__PURE__ */ 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));
 				},
 				children: We(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", {
@@ -4407,7 +4471,7 @@ function $t({ item: e, depth: t, index: n, total: r, readOnly: i, onRemove: a, o
 				className: "rounded p-0.5 text-gray-400 hover:text-blue-500",
 				"aria-label": h("appDesigner.navAddChild"),
 				"data-testid": `nav-designer-add-child-${e.id}`,
-				children: /* @__PURE__ */ J(be, { className: "h-3.5 w-3.5" })
+				children: /* @__PURE__ */ J(ye, { className: "h-3.5 w-3.5" })
 			}),
 			/* @__PURE__ */ J("button", {
 				type: "button",
@@ -4432,10 +4496,10 @@ function $t({ item: e, depth: t, index: n, total: r, readOnly: i, onRemove: a, o
 				className: "rounded p-0.5 text-gray-400 hover:text-red-500 disabled:opacity-30",
 				"aria-label": h("appDesigner.navRemove"),
 				"data-testid": `nav-designer-remove-${e.id}`,
-				children: /* @__PURE__ */ J(je, { className: "h-3.5 w-3.5" })
+				children: /* @__PURE__ */ J(Ae, { 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 +4517,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 +4529,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 }
@@ -4484,13 +4548,13 @@ function tn({ item: e, depth: t }) {
 			className: "truncate",
 			children: We(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 +4614,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 +4632,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,21 +4667,21 @@ 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"),
-							children: [/* @__PURE__ */ J(be, { className: "h-3 w-3" }), u(t)]
+							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(ye, { className: "h-3 w-3" }), u(t)]
 						}, e);
 					}),
 					/* @__PURE__ */ J("span", { className: "mx-1 hidden h-4 w-px bg-gray-200 sm:block" }),
@@ -4630,9 +4694,9 @@ 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" }),
+							/* @__PURE__ */ J(Pe, { className: "h-3 w-3" }),
 							u("appDesigner.navImportSchema"),
 							/* @__PURE__ */ J("input", {
 								ref: d,
@@ -4652,7 +4716,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 +4734,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,14 +4742,14 @@ 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",
-		Icon: W
+		Icon: U
 	},
 	{
 		value: "preview",
@@ -4698,34 +4762,34 @@ 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",
-		Icon: Me
+		Icon: je
 	},
 	{
 		type: "bar",
@@ -4735,33 +4799,34 @@ var cn = [
 	{
 		type: "line",
 		label: "Line Chart",
-		Icon: ie
+		Icon: re
 	},
 	{
 		type: "pie",
 		label: "Pie Chart",
-		Icon: ve
+		Icon: _e
 	},
 	{
 		type: "table",
 		label: "Table",
-		Icon: ke
-	},
-	{
-		type: "grid",
-		label: "Grid",
-		Icon: ne
+		Icon: Oe
 	}
-], ln = 0;
-function un() {
-	return ln += 1, `widget_${Date.now()}_${ln}`;
+], fn = 0;
+function pn() {
+	return fn += 1, `widget_${Date.now()}_${fn}`;
+}
+function mn(e, t) {
+	return Je(e, t);
+}
+function hn(e, t, n) {
+	return Ye(e, t, n);
 }
-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 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 +4836,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", {
@@ -4805,7 +4870,7 @@ function dn({ widget: e, index: t, total: n, selected: r, readOnly: i, onSelect:
 						className: "rounded p-0.5 text-gray-400 hover:text-red-500",
 						"aria-label": "Remove widget",
 						"data-testid": `dashboard-widget-remove-${e.id}`,
-						children: /* @__PURE__ */ J(je, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ J(Ae, { className: "h-3.5 w-3.5" })
 					})
 				]
 			})]
@@ -4818,8 +4883,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",
@@ -4834,7 +4899,7 @@ function fn({ widget: e, readOnly: t, onChange: n, onClose: r }) {
 					onClick: r,
 					className: "rounded p-0.5 text-gray-400 hover:text-gray-600",
 					"aria-label": "Close",
-					children: /* @__PURE__ */ J(Re, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ J(Le, { className: "h-4 w-4" })
 				})]
 			}),
 			/* @__PURE__ */ Y("div", {
@@ -4847,8 +4912,10 @@ 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: o,
+					onChange: (t) => {
+						n({ title: hn(e.title, a, t.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"
 				})]
@@ -4863,10 +4930,13 @@ function fn({ widget: e, readOnly: t, onChange: n, onClose: r }) {
 					id: "widget-type",
 					"data-testid": "widget-prop-type",
 					value: e.type ?? "metric",
-					onChange: (e) => n({ type: e.target.value }),
+					onChange: (e) => {
+						let t = dn.find((t) => t.type === e.target.value);
+						t && n({ type: t.type });
+					},
 					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 +5042,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 +5075,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 +5191,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 +5201,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 +5216,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),
@@ -5164,7 +5234,7 @@ function mn({ schema: e, onChange: t, readOnly: n = !1, className: r, onExport:
 								disabled: !C,
 								className: "rounded p-1.5 text-gray-400 hover:text-gray-700 disabled:opacity-30",
 								"aria-label": f("appDesigner.undo"),
-								children: /* @__PURE__ */ J(Pe, { className: "h-4 w-4" })
+								children: /* @__PURE__ */ J(Ne, { className: "h-4 w-4" })
 							}), /* @__PURE__ */ J("button", {
 								type: "button",
 								"data-testid": "dashboard-redo",
@@ -5172,7 +5242,7 @@ function mn({ schema: e, onChange: t, readOnly: n = !1, className: r, onExport:
 								disabled: !w,
 								className: "rounded p-1.5 text-gray-400 hover:text-gray-700 disabled:opacity-30",
 								"aria-label": f("appDesigner.redo"),
-								children: /* @__PURE__ */ J(Se, { className: "h-4 w-4" })
+								children: /* @__PURE__ */ J(xe, { className: "h-4 w-4" })
 							})] }),
 							/* @__PURE__ */ J("button", {
 								type: "button",
@@ -5188,25 +5258,25 @@ function mn({ schema: e, onChange: t, readOnly: n = !1, className: r, onExport:
 								onClick: z,
 								className: "rounded p-1.5 text-gray-400 hover:text-gray-700",
 								"aria-label": f("appDesigner.navImportSchema"),
-								children: /* @__PURE__ */ J(Fe, { className: "h-4 w-4" })
+								children: /* @__PURE__ */ J(Pe, { className: "h-4 w-4" })
 							}),
 							/* @__PURE__ */ J("button", {
 								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 +5297,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 +5362,7 @@ var hn = [
 		hex: "#0f172a",
 		name: "Navy"
 	}
-], gn = [
+], xn = [
 	"Inter",
 	"Roboto",
 	"Open Sans",
@@ -5303,8 +5373,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;
@@ -5384,7 +5454,7 @@ function _n({ branding: e, onChange: t, appTitle: n = "My App", readOnly: r = !1
 					disabled: !g || r,
 					className: $("inline-flex items-center gap-1 rounded-md border px-2.5 py-1.5 text-xs font-medium shadow-sm transition-colors", g && !r ? "border-gray-300 bg-white text-gray-700 hover:bg-gray-50" : "border-gray-200 bg-gray-50 text-gray-400 cursor-not-allowed"),
 					title: d("appDesigner.undo"),
-					children: [/* @__PURE__ */ J(Pe, { className: "h-3.5 w-3.5" }), d("appDesigner.undo")]
+					children: [/* @__PURE__ */ J(Ne, { className: "h-3.5 w-3.5" }), d("appDesigner.undo")]
 				}),
 				/* @__PURE__ */ Y("button", {
 					"data-testid": "branding-redo",
@@ -5393,7 +5463,7 @@ function _n({ branding: e, onChange: t, appTitle: n = "My App", readOnly: r = !1
 					disabled: !_ || r,
 					className: $("inline-flex items-center gap-1 rounded-md border px-2.5 py-1.5 text-xs font-medium shadow-sm transition-colors", _ && !r ? "border-gray-300 bg-white text-gray-700 hover:bg-gray-50" : "border-gray-200 bg-gray-50 text-gray-400 cursor-not-allowed"),
 					title: d("appDesigner.redo"),
-					children: [/* @__PURE__ */ J(Se, { className: "h-3.5 w-3.5" }), d("appDesigner.redo")]
+					children: [/* @__PURE__ */ J(xe, { className: "h-3.5 w-3.5" }), d("appDesigner.redo")]
 				}),
 				/* @__PURE__ */ Y("button", {
 					"data-testid": "branding-export",
@@ -5410,7 +5480,7 @@ function _n({ branding: e, onChange: t, appTitle: n = "My App", readOnly: r = !1
 					disabled: r,
 					className: $("inline-flex items-center gap-1 rounded-md border px-2.5 py-1.5 text-xs font-medium shadow-sm transition-colors", r ? "border-gray-200 bg-gray-50 text-gray-400 cursor-not-allowed" : "border-gray-300 bg-white text-gray-700 hover:bg-gray-50"),
 					title: d("appDesigner.brandingImport"),
-					children: [/* @__PURE__ */ J(Fe, { className: "h-3.5 w-3.5" }), d("appDesigner.brandingImport")]
+					children: [/* @__PURE__ */ J(Pe, { className: "h-3.5 w-3.5" }), d("appDesigner.brandingImport")]
 				})
 			]
 		}), /* @__PURE__ */ Y("div", {
@@ -5450,7 +5520,7 @@ function _n({ branding: e, onChange: t, appTitle: n = "My App", readOnly: r = !1
 								className: "flex items-center gap-2",
 								children: [/* @__PURE__ */ Y("div", {
 									className: "relative flex-1",
-									children: [/* @__PURE__ */ J(pe, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-gray-400" }), /* @__PURE__ */ J("input", {
+									children: [/* @__PURE__ */ J(fe, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-gray-400" }), /* @__PURE__ */ J("input", {
 										id: "be-color",
 										"data-testid": "branding-color-input",
 										type: "text",
@@ -5477,7 +5547,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 }),
@@ -5518,7 +5588,7 @@ function _n({ branding: e, onChange: t, appTitle: n = "My App", readOnly: r = !1
 							children: d("appDesigner.fontFamily")
 						}), /* @__PURE__ */ Y("div", {
 							className: "relative",
-							children: [/* @__PURE__ */ J(Ne, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-gray-400" }), /* @__PURE__ */ Y("select", {
+							children: [/* @__PURE__ */ J(Me, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-gray-400" }), /* @__PURE__ */ Y("select", {
 								id: "be-font",
 								"data-testid": "branding-font-select",
 								value: m.fontFamily ?? "",
@@ -5528,7 +5598,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))]
@@ -5552,7 +5622,7 @@ function _n({ branding: e, onChange: t, appTitle: n = "My App", readOnly: r = !1
 								type: "button",
 								onClick: () => p("light"),
 								className: $("inline-flex items-center gap-1 px-2.5 py-1 text-xs font-medium transition-colors", f === "light" ? "bg-blue-50 text-blue-700" : "bg-white text-gray-600 hover:bg-gray-50"),
-								children: [/* @__PURE__ */ J(Oe, { className: "h-3.5 w-3.5" }), d("appDesigner.modeLight")]
+								children: [/* @__PURE__ */ J(De, { className: "h-3.5 w-3.5" }), d("appDesigner.modeLight")]
 							}), /* @__PURE__ */ Y("button", {
 								"data-testid": "branding-mode-dark",
 								type: "button",
@@ -5673,15 +5743,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 +5773,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 +5904,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 +5914,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 +5949,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 +5968,7 @@ function xn({ objects: e, onObjectsChange: n, onSelectObject: r, showSystemObjec
 					]
 				})
 			}),
-			/* @__PURE__ */ J(Je, {
+			/* @__PURE__ */ J(Xe, {
 				schema: y,
 				dataSource: _,
 				onRowClick: b,
@@ -5906,8 +5976,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,13 +5992,13 @@ 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
+		Icon: Me
 	},
 	textarea: {
 		label: "Text Area",
@@ -5940,7 +6010,7 @@ var Cn = {
 	},
 	boolean: {
 		label: "Checkbox",
-		Icon: Ae
+		Icon: ke
 	},
 	date: {
 		label: "Date",
@@ -5956,7 +6026,7 @@ var Cn = {
 	},
 	select: {
 		label: "Picklist",
-		Icon: H
+		Icon: oe
 	},
 	email: {
 		label: "Email",
@@ -5964,7 +6034,7 @@ var Cn = {
 	},
 	phone: {
 		label: "Phone",
-		Icon: _e
+		Icon: W
 	},
 	url: {
 		label: "URL",
@@ -5972,7 +6042,7 @@ var Cn = {
 	},
 	password: {
 		label: "Password",
-		Icon: oe
+		Icon: V
 	},
 	currency: {
 		label: "Currency",
@@ -6012,7 +6082,7 @@ var Cn = {
 	},
 	color: {
 		label: "Color",
-		Icon: pe
+		Icon: fe
 	},
 	code: {
 		label: "Code",
@@ -6028,13 +6098,13 @@ var Cn = {
 	},
 	rating: {
 		label: "Rating",
-		Icon: De
+		Icon: Ee
 	},
 	slider: {
 		label: "Slider",
-		Icon: Te
+		Icon: we
 	}
-}, wn = {
+}, kn = {
 	text: [
 		"text",
 		"textarea",
@@ -6069,7 +6139,7 @@ var Cn = {
 		"location",
 		"address"
 	]
-}, Tn = [
+}, An = [
 	"text",
 	"number",
 	"date",
@@ -6077,8 +6147,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"),
@@ -6150,7 +6220,6 @@ function En({ objectName: e, fields: n, onFieldsChange: r, readOnly: a = !1, cla
 				unique: e.unique === !0,
 				readonly: e.readonly === !0,
 				hidden: e.hidden === !0,
-				indexed: e.indexed === !0,
 				externalId: e.externalId === !0,
 				trackHistory: e.trackHistory === !0,
 				defaultValue: e.defaultValue ? String(e.defaultValue) : void 0,
@@ -6171,7 +6240,6 @@ function En({ objectName: e, fields: n, onFieldsChange: r, readOnly: a = !1, cla
 				unique: e.unique === !0,
 				readonly: e.readonly === !0,
 				hidden: e.hidden === !0,
-				indexed: e.indexed === !0,
 				externalId: e.externalId === !0,
 				trackHistory: e.trackHistory === !0,
 				defaultValue: e.defaultValue ? String(e.defaultValue) : void 0,
@@ -6189,11 +6257,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(() => ({
@@ -6304,12 +6372,6 @@ function En({ objectName: e, fields: n, onFieldsChange: r, readOnly: a = !1, cla
 				collapsible: !0,
 				collapsed: !0,
 				fields: [
-					{
-						name: "indexed",
-						label: c("appDesigner.fieldDesigner.indexed"),
-						type: "boolean",
-						disabled: a
-					},
 					{
 						name: "externalId",
 						label: c("appDesigner.fieldDesigner.externalId"),
@@ -6347,7 +6409,6 @@ function En({ objectName: e, fields: n, onFieldsChange: r, readOnly: a = !1, cla
 			unique: p.unique || !1,
 			readonly: p.readonly || !1,
 			hidden: p.hidden || !1,
-			indexed: p.indexed || !1,
 			externalId: p.externalId || !1,
 			trackHistory: p.trackHistory || !1,
 			defaultValue: p.defaultValue == null ? "" : String(p.defaultValue),
@@ -6373,7 +6434,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 +6472,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 +6495,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 +6514,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", {
@@ -6474,13 +6535,14 @@ function On({ versions: e, onRestore: t, className: n }) {
 							/* @__PURE__ */ Y("div", {
 								className: "flex items-center gap-2 mt-1 text-[0.65rem] text-muted-foreground/70",
 								children: [
-									/* @__PURE__ */ J(Ie, { className: "h-2.5 w-2.5" }),
+									/* @__PURE__ */ J(Fe, { className: "h-2.5 w-2.5" }),
 									/* @__PURE__ */ J("span", { children: e.userName }),
 									/* @__PURE__ */ J(x, { className: "h-2.5 w-2.5 ml-1" }),
 									/* @__PURE__ */ J("span", { children: new Date(e.timestamp).toLocaleString() })
 								]
 							}),
 							!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 +6556,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 } = Ke(), a = Ge(), o = (n || []).map((e) => ({
 		name: e.name,
 		label: e.label || e.name,
 		pluralLabel: e.pluralLabel,
@@ -6504,15 +6566,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}`);
+			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 +6584,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 +6601,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 } = Ke(), c = Ge(), 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,
@@ -6566,9 +6628,9 @@ function jn() {
 				...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 +6641,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 +6669,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 = Ge(), { dashboards: r, refresh: a } = Ke(), s = r?.find((e) => e.name === t), [u, f] = l(() => He(s) || {
 		type: "dashboard",
 		name: t ?? "",
 		title: t ?? "",
@@ -6626,21 +6688,22 @@ function Mn() {
 		t,
 		a
 	]), h = i(async (e) => {
-		f(e), await m(e);
+		let t = He(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 +6723,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 +6741,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 +6755,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 +6789,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 +6838,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 +6851,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(Be);
+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,
@@ -6809,14 +6872,20 @@ function Ln(e, t) {
 		isSystem: t.isSystem,
 		externalId: t.externalId,
 		trackHistory: t.trackHistory,
-		indexed: t.indexed,
 		referenceTo: t.referenceTo,
 		formula: t.formula
 	};
 }
-function Rn(e, t) {
+var Un = ["indexed"];
+function Wn(e) {
+	if (!e) return {};
+	let t = { ...e };
+	for (let e of Un) delete t[e];
+	return t;
+}
+function Gn(e, t) {
 	return {
-		...t ?? {},
+		...Wn(t),
 		type: e.type,
 		label: e.label,
 		description: e.description,
@@ -6827,18 +6896,17 @@ function Rn(e, t) {
 		defaultValue: e.defaultValue,
 		placeholder: e.placeholder,
 		group: e.group,
-		indexed: e.indexed,
 		externalId: e.externalId,
 		trackHistory: e.trackHistory,
 		referenceTo: e.referenceTo,
 		formula: e.formula
 	};
 }
-function zn({ objectName: e, client: t, clientConfig: n, readOnly: r = !1, className: a }) {
+function Kn({ 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 +6943,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] = Gn(e, n[e.name]);
 		let i = {
 			...u.raw,
 			fields: r
@@ -6908,7 +6976,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 +6986,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 +7020,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 +7048,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 +7087,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 +7126,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 +7148,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 +7171,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 +7185,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 +7207,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 +7230,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 +7254,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, Kn 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 };