@object-ui/plugin-designer 16.0.0 → 17.1.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, 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 { 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 { 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 { isValidAppName as Be, wizardDraftToAppSchema as Ve } from "@object-ui/types";
-import { resolveI18nLabel as He, useAdapter as Ue, useMetadata as We } from "@object-ui/react";
-import { useObjectTranslation as Ge } from "@object-ui/i18n";
-import { ObjectGrid as Ke } from "@object-ui/plugin-grid";
-import { DrawerForm as qe, ModalForm as Je } from "@object-ui/plugin-form";
-import { useNavigate as Ye, useParams as Xe } from "react-router-dom";
-import { toast as Ze } from "sonner";
-import { MetadataClient as Qe } from "@object-ui/data-objectstack";
+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";
 //#region src/hooks/useUndoRedo.ts
-function $e(e) {
+function tt(e) {
 	return e || (typeof window < "u" && window.sessionStorage ? window.sessionStorage : null);
 }
-function et(e, t = {}) {
-	let { maxHistory: n = 50, persistKey: r, storage: a } = t, s = $e(a), u = (() => {
+function nt(e, t = {}) {
+	let { maxHistory: n = 50, persistKey: r, storage: a } = t, s = tt(a), u = (() => {
 		if (!r || !s) return null;
 		try {
 			let e = s.getItem(r);
@@ -93,7 +93,7 @@ function et(e, t = {}) {
 }
 //#endregion
 //#region src/hooks/useConfirmDialog.ts
-function tt() {
+function rt() {
 	let [e, t] = l(!1), [n, r] = l(""), [a, o] = l(""), s = c(null);
 	return {
 		isOpen: e,
@@ -112,7 +112,7 @@ function tt() {
 }
 //#endregion
 //#region src/hooks/useMultiSelect.ts
-function nt() {
+function it() {
 	let [e, t] = l(/* @__PURE__ */ new Set());
 	return {
 		selectedIds: e,
@@ -137,7 +137,7 @@ function nt() {
 }
 //#endregion
 //#region src/hooks/useClipboard.ts
-function rt() {
+function at() {
 	let [e, t] = l(null);
 	return {
 		clipboard: e,
@@ -150,7 +150,7 @@ function rt() {
 }
 //#endregion
 //#region src/hooks/useCanvasPanZoom.ts
-function it(e = {}) {
+function ot(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 it(e = {}) {
 }
 //#endregion
 //#region src/components/ConfirmDialog.tsx
-function at(...e) {
+function st(...e) {
 	return K(G(e));
 }
-function ot({ isOpen: e, title: t, message: n, confirmLabel: r = "Delete", cancelLabel: i = "Cancel", destructive: a = !0, onConfirm: s, onCancel: l }) {
+function ct({ 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;
@@ -248,7 +248,7 @@ function ot({ isOpen: e, title: t, message: n, confirmLabel: r = "Delete", cance
 						children: i
 					}), /* @__PURE__ */ J("button", {
 						onClick: s,
-						className: at("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: 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"),
 						autoFocus: !0,
 						children: r
 					})]
@@ -259,10 +259,10 @@ function ot({ isOpen: e, title: t, message: n, confirmLabel: r = "Delete", cance
 }
 //#endregion
 //#region src/components/PropertyEditor.tsx
-function st(...e) {
+function lt(...e) {
 	return K(G(e));
 }
-function ct({ title: e = "Properties", fields: t, onChange: n, className: r }) {
+function ut({ 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 +273,7 @@ function ct({ title: e = "Properties", fields: t, onChange: n, className: r }) {
 		return e[n] || (e[n] = []), e[n].push(t), e;
 	}, {});
 	return /* @__PURE__ */ Y("div", {
-		className: st("flex flex-col", r),
+		className: lt("flex flex-col", r),
 		role: "region",
 		"aria-label": e,
 		children: [/* @__PURE__ */ J("div", {
@@ -289,7 +289,7 @@ function ct({ title: e = "Properties", fields: t, onChange: n, className: r }) {
 					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(lt, {
+					children: t.map((e) => /* @__PURE__ */ J(dt, {
 						field: e,
 						onChange: n
 					}, e.name))
@@ -301,7 +301,7 @@ function ct({ title: e = "Properties", fields: t, onChange: n, className: r }) {
 		})]
 	});
 }
-function lt({ field: e, onChange: t }) {
+function dt({ field: e, onChange: t }) {
 	let n = (n) => {
 		t(e.name, n);
 	};
@@ -372,13 +372,13 @@ function lt({ field: e, onChange: t }) {
 }
 //#endregion
 //#region src/components/Minimap.tsx
-function ut(...e) {
+function ft(...e) {
 	return K(G(e));
 }
-function dt({ items: e, canvasWidth: t, canvasHeight: n, position: r = "bottom-right", size: i = 150, className: a }) {
+function pt({ 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: ut("absolute border rounded bg-background/90 shadow-sm overflow-hidden", {
+		className: ft("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 +408,12 @@ function dt({ items: e, canvasWidth: t, canvasHeight: n, position: r = "bottom-r
 }
 //#endregion
 //#region src/CollaborationProvider.tsx
-function ft(...e) {
+function mt(...e) {
 	return K(G(e));
 }
-var pt = r(null);
-pt.displayName = "CollaborationContext";
-function mt({ config: e, user: t, onOperation: n, onPresenceChange: r, children: a }) {
+var ht = r(null);
+ht.displayName = "CollaborationContext";
+function gt({ 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 +463,7 @@ function mt({ config: e, user: t, onOperation: n, onPresenceChange: r, children:
 		userId: t.id,
 		userName: t.name,
 		avatar: t.avatar,
-		color: _t(t.id),
+		color: yt(t.id),
 		status: "active",
 		lastActivity: (/* @__PURE__ */ new Date()).toISOString()
 	}, ...d], [
@@ -502,16 +502,16 @@ function mt({ config: e, user: t, onOperation: n, onPresenceChange: r, children:
 		t?.id,
 		p
 	]);
-	return /* @__PURE__ */ J(pt.Provider, {
+	return /* @__PURE__ */ J(ht.Provider, {
 		value: b,
 		children: a
 	});
 }
-function ht() {
-	return a(pt);
+function _t() {
+	return a(ht);
 }
-function gt({ className: e }) {
-	let t = a(pt);
+function vt({ className: e }) {
+	let t = a(ht);
 	if (!t) return null;
 	let { connectionState: n, users: r } = t, i = {
 		connected: {
@@ -532,7 +532,7 @@ function gt({ className: e }) {
 		}
 	}, { color: o, label: s } = i[n] ?? i.disconnected;
 	return /* @__PURE__ */ Y("div", {
-		className: ft("flex items-center gap-2 text-xs", e),
+		className: mt("flex items-center gap-2 text-xs", e),
 		role: "status",
 		"aria-live": "polite",
 		"aria-label": `Collaboration: ${s}`,
@@ -550,7 +550,7 @@ function gt({ className: e }) {
 		]
 	});
 }
-function _t(e) {
+function yt(e) {
 	let t = [
 		"#3b82f6",
 		"#ef4444",
@@ -577,19 +577,19 @@ function _t(e) {
 function X(...e) {
 	return K(G(e));
 }
-function vt({ canvas: e = {
+function bt({ canvas: e = {
 	width: 1200,
 	height: 800,
 	gridSize: 8,
 	showGrid: !0,
 	snapToGrid: !0
-}, components: t = [], palette: n = yt, showComponentTree: r = !0, undoRedo: a = !0, propertyEditor: u = !0, readOnly: d = !1, showMinimap: f = !1, onChange: p, className: m }) {
-	let h = et(t), g = h.current, _ = i((e) => {
+}, 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) => {
 		h.push(e), p?.(e);
-	}, [h, p]), v = it({ initialZoom: e.zoom ?? 1 }), { zoom: y } = v, x = nt(), S = s(() => {
+	}, [h, p]), v = ot({ initialZoom: e.zoom ?? 1 }), { zoom: y } = v, x = it(), 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 = rt(), E = tt(), D = ht(), k = i((e) => {
+	}, [x.selectedIds]), C = s(() => g.find((e) => e.id === S), [g, S]), T = at(), E = rt(), D = _t(), k = i((e) => {
 		D && D.sendOperation({
 			...e,
 			userId: D.currentUserId ?? ""
@@ -909,7 +909,7 @@ function vt({ canvas: e = {
 								"aria-label": "Undo",
 								disabled: !h.canUndo,
 								onClick: () => h.undo(),
-								children: /* @__PURE__ */ J(Ne, { className: "h-4 w-4" })
+								children: /* @__PURE__ */ J(Pe, { className: "h-4 w-4" })
 							}),
 							/* @__PURE__ */ J("button", {
 								className: X("p-1.5 rounded hover:bg-accent", !h.canRedo && "opacity-40 pointer-events-none"),
@@ -917,7 +917,7 @@ function vt({ canvas: e = {
 								"aria-label": "Redo",
 								disabled: !h.canRedo,
 								onClick: () => h.redo(),
-								children: /* @__PURE__ */ J(xe, { className: "h-4 w-4" })
+								children: /* @__PURE__ */ J(Se, { className: "h-4 w-4" })
 							}),
 							/* @__PURE__ */ J("div", { className: "w-px h-5 bg-border mx-1" })
 						] }),
@@ -946,7 +946,7 @@ function vt({ canvas: e = {
 							"aria-label": "Delete selected",
 							disabled: x.count === 0,
 							onClick: ne,
-							children: /* @__PURE__ */ J(Ae, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ J(je, { className: "h-4 w-4" })
 						}),
 						/* @__PURE__ */ J("button", {
 							className: "p-1.5 rounded hover:bg-accent",
@@ -1041,7 +1041,7 @@ function vt({ canvas: e = {
 											},
 											className: "ml-auto p-0.5 rounded hover:bg-destructive/10",
 											"aria-label": `Delete ${e.label ?? e.type}`,
-											children: /* @__PURE__ */ J(Ae, { className: "h-3 w-3 text-destructive" })
+											children: /* @__PURE__ */ J(je, { className: "h-3 w-3 text-destructive" })
 										})
 									]
 								}), /* @__PURE__ */ J("div", {
@@ -1049,7 +1049,7 @@ function vt({ canvas: e = {
 									children: e.type
 								})]
 							}, e.id);
-						}), P && /* @__PURE__ */ J(dt, {
+						}), P && /* @__PURE__ */ J(pt, {
 							items: de,
 							canvasWidth: e.width,
 							canvasHeight: e.height
@@ -1082,7 +1082,7 @@ function vt({ canvas: e = {
 					}),
 					u && C ? /* @__PURE__ */ J("div", {
 						className: "border-t",
-						children: /* @__PURE__ */ J(ct, {
+						children: /* @__PURE__ */ J(ut, {
 							title: `Properties – ${C.label ?? C.type}`,
 							fields: ce,
 							onChange: re
@@ -1116,7 +1116,7 @@ function vt({ canvas: e = {
 					})
 				] })
 			}),
-			/* @__PURE__ */ J(ot, {
+			/* @__PURE__ */ J(ct, {
 				isOpen: E.isOpen,
 				title: E.title,
 				message: E.message,
@@ -1126,7 +1126,7 @@ function vt({ canvas: e = {
 		]
 	});
 }
-var yt = [
+var xt = [
 	{
 		name: "layout",
 		label: "Layout",
@@ -1260,15 +1260,15 @@ var yt = [
 ];
 //#endregion
 //#region src/hooks/useDesignerHistory.ts
-function bt(e, t = {}) {
-	return et(e, t);
+function St(e, t = {}) {
+	return nt(e, t);
 }
 //#endregion
 //#region src/DataModelDesigner.tsx
-function xt(...e) {
+function Ct(...e) {
 	return K(G(e));
 }
-var St = [
+var wt = [
 	"text",
 	"number",
 	"boolean",
@@ -1292,7 +1292,7 @@ var St = [
 	"formula",
 	"autonumber"
 ];
-function Ct(e, t = 4, n = 280, r = 250, i = 50, a = 50) {
+function Tt(e, t = 4, n = 280, r = 250, i = 50, a = 50) {
 	return e.map((e, o) => ({
 		...e,
 		position: {
@@ -1301,12 +1301,12 @@ function Ct(e, t = 4, n = 280, r = 250, i = 50, a = 50) {
 		}
 	}));
 }
-function wt({ entities: e = [], relationships: t = [], canvas: n = {
+function Et({ 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 = bt({
+	let f = c(null), p = St({
 		entities: e,
 		relationships: t
 	}, { maxHistory: 50 }), { entities: m, relationships: h } = p.current, _ = i((e) => {
@@ -1315,11 +1315,11 @@ function wt({ entities: e = [], relationships: t = [], canvas: n = {
 		p,
 		s,
 		u
-	]), y = tt(), x = nt(), S = x.count > 0 ? Array.from(x.selectedIds)[0] : null, C = rt(), E = it({
+	]), y = rt(), x = it(), S = x.count > 0 ? Array.from(x.selectedIds)[0] : null, C = at(), E = ot({
 		minZoom: .25,
 		maxZoom: 3,
 		zoomStep: .1
-	}), D = ht(), [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 = _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(() => {
 		if (a) return;
 		let e = p.current, t = {
 			id: `entity-${Date.now()}`,
@@ -1406,7 +1406,7 @@ function wt({ entities: e = [], relationships: t = [], canvas: n = {
 	]), ie = i(() => {
 		if (a) return;
 		let e = p.current, t = {
-			entities: Ct(e.entities),
+			entities: Tt(e.entities),
 			relationships: e.relationships
 		};
 		_(t);
@@ -1673,7 +1673,7 @@ function wt({ entities: e = [], relationships: t = [], canvas: n = {
 	return /* @__PURE__ */ Y("div", {
 		ref: f,
 		tabIndex: 0,
-		className: xt("flex h-full w-full border rounded-lg overflow-hidden bg-background", d),
+		className: Ct("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",
@@ -1695,14 +1695,14 @@ function wt({ entities: e = [], relationships: t = [], canvas: n = {
 								"aria-label": "Undo",
 								title: "Undo (Ctrl+Z)",
 								className: "p-1 rounded hover:bg-accent disabled:opacity-40",
-								children: /* @__PURE__ */ J(Ne, { className: "h-3.5 w-3.5" })
+								children: /* @__PURE__ */ J(Pe, { className: "h-3.5 w-3.5" })
 							}), /* @__PURE__ */ J("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(xe, { className: "h-3.5 w-3.5" })
+								children: /* @__PURE__ */ J(Se, { className: "h-3.5 w-3.5" })
 							})]
 						}),
 						/* @__PURE__ */ Y("div", {
@@ -1713,7 +1713,7 @@ function wt({ entities: e = [], relationships: t = [], canvas: n = {
 									"aria-label": "Zoom Out",
 									title: "Zoom Out",
 									className: "p-1 rounded hover:bg-accent",
-									children: /* @__PURE__ */ J(ze, { className: "h-3.5 w-3.5" })
+									children: /* @__PURE__ */ J(Be, { className: "h-3.5 w-3.5" })
 								}),
 								/* @__PURE__ */ Y("span", {
 									className: "text-xs tabular-nums w-10 text-center",
@@ -1724,14 +1724,14 @@ function wt({ entities: e = [], relationships: t = [], canvas: n = {
 									"aria-label": "Zoom In",
 									title: "Zoom In",
 									className: "p-1 rounded hover:bg-accent",
-									children: /* @__PURE__ */ J(Re, { className: "h-3.5 w-3.5" })
+									children: /* @__PURE__ */ J(ze, { className: "h-3.5 w-3.5" })
 								}),
 								/* @__PURE__ */ J("button", {
 									onClick: E.resetZoom,
 									"aria-label": "Reset Zoom",
 									title: "Reset Zoom",
 									className: "p-1 rounded hover:bg-accent",
-									children: /* @__PURE__ */ J(Se, { className: "h-3 w-3" })
+									children: /* @__PURE__ */ J(Ce, { className: "h-3 w-3" })
 								})
 							]
 						}),
@@ -1765,7 +1765,7 @@ function wt({ 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(Ie, { className: "h-3 w-3" }), /* @__PURE__ */ Y("span", { children: [
+							children: [/* @__PURE__ */ J(Le, { className: "h-3 w-3" }), /* @__PURE__ */ Y("span", { children: [
 								D.users.length,
 								" user",
 								D.users.length === 1 ? "" : "s"
@@ -1837,7 +1837,7 @@ function wt({ entities: e = [], relationships: t = [], canvas: n = {
 								"aria-label": e.label,
 								draggable: !a,
 								onDragStart: (t) => me(t, e.id),
-								className: xt("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: 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"),
 								style: {
 									left: e.position.x,
 									top: e.position.y
@@ -1876,7 +1876,7 @@ function wt({ entities: e = [], relationships: t = [], canvas: n = {
 												},
 												"aria-label": `Delete ${e.label}`,
 												className: "ml-auto p-0.5 rounded hover:bg-destructive/20",
-												children: /* @__PURE__ */ J(Ae, { className: "h-3 w-3 text-destructive" })
+												children: /* @__PURE__ */ J(je, { className: "h-3 w-3 text-destructive" })
 											})
 										]
 									}),
@@ -1897,7 +1897,7 @@ function wt({ entities: e = [], relationships: t = [], canvas: n = {
 													autoFocus: !0,
 													onClick: (e) => e.stopPropagation()
 												}) : /* @__PURE__ */ Y("span", {
-													className: xt("font-mono cursor-text", t.primaryKey && "font-bold text-primary"),
+													className: Ct("font-mono cursor-text", t.primaryKey && "font-bold text-primary"),
 													onClick: (r) => {
 														r.stopPropagation(), se(e.id, n, t.name);
 													},
@@ -1918,7 +1918,7 @@ function wt({ 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: St.map((e) => /* @__PURE__ */ J("option", {
+													children: wt.map((e) => /* @__PURE__ */ J("option", {
 														value: e,
 														children: e
 													}, e))
@@ -1944,7 +1944,7 @@ function wt({ entities: e = [], relationships: t = [], canvas: n = {
 								]
 							}, e.id))
 						]
-					}), A && m.length > 0 && /* @__PURE__ */ J(dt, {
+					}), A && m.length > 0 && /* @__PURE__ */ J(pt, {
 						items: ve,
 						canvasWidth: n.width,
 						canvasHeight: n.height,
@@ -1966,7 +1966,7 @@ function wt({ entities: e = [], relationships: t = [], canvas: n = {
 					}), O && /* @__PURE__ */ J("div", {
 						id: "property-editor-panel",
 						className: "flex-1 overflow-y-auto",
-						children: /* @__PURE__ */ J(ct, {
+						children: /* @__PURE__ */ J(ut, {
 							title: U ? U.label : "Properties",
 							fields: W,
 							onChange: _e
@@ -1982,7 +1982,7 @@ function wt({ entities: e = [], relationships: t = [], canvas: n = {
 					})
 				})]
 			}),
-			/* @__PURE__ */ J(ot, {
+			/* @__PURE__ */ J(ct, {
 				isOpen: y.isOpen,
 				title: y.title,
 				message: y.message,
@@ -1995,11 +1995,11 @@ function wt({ entities: e = [], relationships: t = [], canvas: n = {
 }
 //#endregion
 //#region src/ProcessDesigner.tsx
-function Tt(...e) {
+function Dt(...e) {
 	return K(G(e));
 }
-var Et = 120, Dt = 50;
-function Ot(e, t) {
+var Ot = 120, kt = 50;
+function At(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 +2027,12 @@ function Ot(e, t) {
 		position: c.get(e.id) ?? e.position
 	}));
 }
-function kt({ processName: e = "New Process", nodes: t = [], edges: n = [], lanes: r, canvas: a = {
+function jt({ 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 = et({
+	let g = nt({
 		nodes: t,
 		edges: n
 	}, { maxHistory: 50 }), _ = g.current.nodes, v = g.current.edges, y = i((e, t) => {
@@ -2044,7 +2044,7 @@ function kt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 		g,
 		p,
 		m
-	]), x = tt(), S = nt(), C = rt(), T = it({ initialZoom: 1 }), D = ht(), [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 = 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: 0,
 		y: 0
 	}), re = c(null), ie = c(p), ae = c(m);
@@ -2165,7 +2165,7 @@ function kt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 		D
 	]), fe = i(() => {
 		if (f || _.length === 0) return;
-		let e = Ot(_, v);
+		let e = At(_, v);
 		y(e, v);
 	}, [
 		_,
@@ -2283,12 +2283,12 @@ function kt({ 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";
 		}
-	}, Ce = s(() => _.map((e) => ({
+	}, xe = s(() => _.map((e) => ({
 		id: e.id,
 		x: e.position.x,
 		y: e.position.y,
-		width: Et,
-		height: Dt,
+		width: Ot,
+		height: kt,
 		selected: S.isSelected(e.id) || e.id === O
 	})), [
 		_,
@@ -2344,9 +2344,9 @@ function kt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 	return /* @__PURE__ */ Y("div", {
 		ref: re,
 		tabIndex: 0,
-		className: Tt("flex flex-col h-full w-full border rounded-lg overflow-hidden bg-background", h),
+		className: Dt("flex flex-col h-full w-full border rounded-lg overflow-hidden bg-background", h),
 		children: [
-			/* @__PURE__ */ J(ot, {
+			/* @__PURE__ */ J(ct, {
 				isOpen: x.isOpen,
 				title: x.title,
 				message: x.message,
@@ -2386,7 +2386,7 @@ function kt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 								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(Ne, { className: "h-3 w-3" })
+								children: /* @__PURE__ */ J(Pe, { className: "h-3 w-3" })
 							}),
 							/* @__PURE__ */ J("button", {
 								onClick: () => g.redo(),
@@ -2394,7 +2394,7 @@ function kt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 								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(xe, { 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__ */ J("button", {
@@ -2416,7 +2416,7 @@ function kt({ 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: Tt("flex items-center gap-1 px-2 py-1 text-xs rounded hover:bg-accent", A && "bg-primary text-primary-foreground"),
+								className: Dt("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,
@@ -2435,7 +2435,7 @@ function kt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 								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(Re, { className: "h-3 w-3" })
+								children: /* @__PURE__ */ J(ze, { className: "h-3 w-3" })
 							}),
 							/* @__PURE__ */ Y("span", {
 								className: "text-xs tabular-nums min-w-[3ch] text-center",
@@ -2447,14 +2447,14 @@ function kt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 								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(ze, { className: "h-3 w-3" })
+								children: /* @__PURE__ */ J(Be, { className: "h-3 w-3" })
 							}),
 							/* @__PURE__ */ J("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(Se, { className: "h-3 w-3" })
+								children: /* @__PURE__ */ J(Ce, { className: "h-3 w-3" })
 							}),
 							/* @__PURE__ */ J("div", { className: "w-px h-4 bg-border mx-1" }),
 							/* @__PURE__ */ Y("button", {
@@ -2469,7 +2469,7 @@ function kt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 								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(Te, { className: "h-3 w-3 text-blue-600" }), " Task"]
+								children: [/* @__PURE__ */ J(Ee, { className: "h-3 w-3 text-blue-600" }), " Task"]
 							}),
 							/* @__PURE__ */ Y("button", {
 								onClick: () => H("exclusive-gateway", "Decision"),
@@ -2483,7 +2483,7 @@ function kt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 								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(Te, { className: "h-3 w-3 text-red-600" }), " End"]
+								children: [/* @__PURE__ */ J(Ee, { className: "h-3 w-3 text-red-600" }), " End"]
 							}),
 							/* @__PURE__ */ J("div", { className: "w-px h-4 bg-border mx-1" }),
 							/* @__PURE__ */ J("button", {
@@ -2537,10 +2537,10 @@ function kt({ 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 + Et / 2;
-									let r = t.position.y + Dt / 2;
-									n.position.x + Et / 2;
-									let i = n.position.y + Dt / 2, a = t.position.x + Et, o = r, s = n.position.x, c = i;
+									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;
 									return /* @__PURE__ */ Y("g", { children: [/* @__PURE__ */ J("path", {
 										d: `M ${a} ${o} Q ${(a + s) / 2} ${o}, ${(a + s) / 2} ${(o + c) / 2} T ${s} ${c}`,
 										fill: "none",
@@ -2579,9 +2579,9 @@ function kt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 									},
 									children: [
 										/* @__PURE__ */ J("div", {
-											className: Tt("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: 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"),
 											children: /* @__PURE__ */ J("span", {
-												className: Tt("text-xs font-medium", (e.type === "exclusive-gateway" || e.type === "parallel-gateway" || e.type === "inclusive-gateway" || e.type === "event-based-gateway") && "-rotate-45"),
+												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"),
 												children: e.label
 											})
 										}),
@@ -2590,7 +2590,7 @@ function kt({ 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: Dt / 2 - 6
+													top: kt / 2 - 6
 												},
 												title: "Input port",
 												onClick: (t) => {
@@ -2601,7 +2601,7 @@ function kt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 												className: "absolute w-3 h-3 rounded-full bg-blue-500 border-2 border-white shadow cursor-crosshair",
 												style: {
 													right: -6,
-													top: Dt / 2 - 6
+													top: kt / 2 - 6
 												},
 												title: "Output port",
 												onClick: (t) => {
@@ -2611,7 +2611,7 @@ function kt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 											/* @__PURE__ */ J("div", {
 												className: "absolute w-3 h-3 rounded-full bg-blue-400 border-2 border-white shadow cursor-crosshair",
 												style: {
-													left: Et / 2 - 6,
+													left: Ot / 2 - 6,
 													top: -6
 												},
 												title: "Port",
@@ -2622,7 +2622,7 @@ function kt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 											/* @__PURE__ */ J("div", {
 												className: "absolute w-3 h-3 rounded-full bg-blue-400 border-2 border-white shadow cursor-crosshair",
 												style: {
-													left: Et / 2 - 6,
+													left: Ot / 2 - 6,
 													bottom: -6
 												},
 												title: "Port",
@@ -2637,13 +2637,13 @@ function kt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 											},
 											className: "absolute -top-2 -right-2 p-0.5 rounded-full bg-destructive text-destructive-foreground shadow",
 											"aria-label": "Delete node",
-											children: /* @__PURE__ */ J(Ae, { className: "h-3 w-3" })
+											children: /* @__PURE__ */ J(je, { className: "h-3 w-3" })
 										})
 									]
 								}, e.id);
 							}),
-							u && _.length > 0 && /* @__PURE__ */ J(dt, {
-								items: Ce,
+							u && _.length > 0 && /* @__PURE__ */ J(pt, {
+								items: xe,
 								canvasWidth: a.width ?? 1400,
 								canvasHeight: a.height ?? 800,
 								position: "bottom-right"
@@ -2654,7 +2654,7 @@ function kt({ 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(ct, {
+					children: /* @__PURE__ */ J(ut, {
 						title: W ? `Properties: ${W.label}` : "Properties",
 						fields: _e,
 						onChange: ve
@@ -2666,7 +2666,7 @@ function kt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 }
 //#endregion
 //#region src/ReportDesigner.tsx
-function At(...e) {
+function Mt(...e) {
 	return K(G(e));
 }
 var Z = {
@@ -2719,7 +2719,7 @@ var Z = {
 	groupSize: "Size",
 	groupContent: "Content",
 	groupGeneral: "General"
-}, jt = {
+}, Nt = {
 	A4: {
 		width: 595,
 		height: 842
@@ -2740,7 +2740,7 @@ var Z = {
 		width: 792,
 		height: 1224
 	}
-}, Mt = [
+}, Pt = [
 	{
 		type: "header",
 		height: 80,
@@ -2758,23 +2758,23 @@ var Z = {
 		elements: []
 	}
 ];
-function Nt({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4", orientation: r = "portrait", margins: a = {
+function Ft({ 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 _ = et(u.length > 0 ? u : Mt), v = _.current, y = i((e) => {
+	let _ = nt(u.length > 0 ? u : Pt), v = _.current, y = i((e) => {
 		_.push(e), h?.(e);
-	}, [_, h]), x = nt(), S = s(() => {
+	}, [_, h]), x = it(), S = s(() => {
 		let e = Array.from(x.selectedIds);
 		return e.length > 0 ? e[0] : null;
-	}, [x.selectedIds]), C = rt(), T = tt(), E = ht(), D = i((e) => {
+	}, [x.selectedIds]), C = at(), T = rt(), E = _t(), D = i((e) => {
 		E && E.sendOperation({
 			...e,
 			userId: E.currentUserId ?? ""
 		});
-	}, [E]), [O, k] = l(!0), j = c(null), M = c(null), N = jt[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 = Nt[n], P = r === "landscape" ? N.height : N.width, F = r === "landscape" ? N.width : N.height, I = (e) => {
 		switch (e) {
 			case "header": return Z.sectionHeader;
 			case "page-header": return Z.sectionPageHeader;
@@ -3100,7 +3100,7 @@ function Nt({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 	]), /* @__PURE__ */ Y("div", {
 		ref: M,
 		tabIndex: 0,
-		className: At("flex h-full w-full border rounded-lg overflow-hidden bg-background", g),
+		className: Mt("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 +3125,26 @@ function Nt({ 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: At("p-1.5 rounded hover:bg-accent", !_.canUndo && "opacity-40 pointer-events-none"),
+								className: Mt("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(Ne, { className: "h-4 w-4" })
+								children: /* @__PURE__ */ J(Pe, { className: "h-4 w-4" })
 							}),
 							/* @__PURE__ */ J("button", {
-								className: At("p-1.5 rounded hover:bg-accent", !_.canRedo && "opacity-40 pointer-events-none"),
+								className: Mt("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(xe, { className: "h-4 w-4" })
+								children: /* @__PURE__ */ J(Se, { 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: At("p-1.5 rounded hover:bg-accent", x.count === 0 && "opacity-40 pointer-events-none"),
+								className: Mt("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 +3152,7 @@ function Nt({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 								children: /* @__PURE__ */ J(w, { className: "h-4 w-4" })
 							}),
 							/* @__PURE__ */ J("button", {
-								className: At("p-1.5 rounded hover:bg-accent", !C.hasContent && "opacity-40 pointer-events-none"),
+								className: Mt("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 +3162,12 @@ function Nt({ 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: At("p-1.5 rounded hover:bg-accent", x.count === 0 && "opacity-40 pointer-events-none"),
+							className: Mt("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(Ae, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ J(je, { className: "h-4 w-4" })
 						}),
 						/* @__PURE__ */ J("div", { className: "flex-1" }),
 						E?.isConnected && /* @__PURE__ */ Y("span", {
@@ -3191,7 +3191,7 @@ function Nt({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 							title: O ? Z.collapsePanel : Z.expandPanel,
 							"aria-label": O ? Z.collapsePanel : Z.expandPanel,
 							onClick: () => k((e) => !e),
-							children: /* @__PURE__ */ J(ge, { className: At("h-4 w-4", !O && "rotate-180") })
+							children: /* @__PURE__ */ J(ge, { className: Mt("h-4 w-4", !O && "rotate-180") })
 						})
 					]
 				}), /* @__PURE__ */ J("div", {
@@ -3222,7 +3222,7 @@ function Nt({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 											className: "p-0.5 rounded hover:bg-accent",
 											title: Z.addText,
 											"aria-label": Z.addText,
-											children: /* @__PURE__ */ J(Me, { className: "h-3 w-3" })
+											children: /* @__PURE__ */ J(Ne, { className: "h-3 w-3" })
 										}),
 										/* @__PURE__ */ J("button", {
 											onClick: () => R(t, "field"),
@@ -3250,7 +3250,7 @@ function Nt({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 											className: "p-0.5 rounded hover:bg-accent",
 											title: Z.addTable,
 											"aria-label": Z.addTable,
-											children: /* @__PURE__ */ J(Oe, { className: "h-3 w-3" })
+											children: /* @__PURE__ */ J(ke, { className: "h-3 w-3" })
 										})
 									]
 								}),
@@ -3268,7 +3268,7 @@ function Nt({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 										return /* @__PURE__ */ Y("div", {
 											draggable: !m,
 											onDragStart: (n) => ie(n, e, t),
-											className: At("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: 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"),
 											style: {
 												left: e.position.x,
 												top: (typeof e.position.y == "number" ? e.position.y : 0) + 24,
@@ -3291,7 +3291,7 @@ function Nt({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 												},
 												className: "absolute -top-2 -right-2 p-0.5 rounded-full bg-destructive text-destructive-foreground shadow",
 												"aria-label": Z.deleteElement,
-												children: /* @__PURE__ */ J(Ae, { className: "h-2.5 w-2.5" })
+												children: /* @__PURE__ */ J(je, { className: "h-2.5 w-2.5" })
 											})]
 										}, e.id);
 									})]
@@ -3304,8 +3304,8 @@ function Nt({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 			f && /* @__PURE__ */ J("div", {
 				role: "region",
 				"aria-label": Z.propertiesPanel,
-				className: At("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(ct, {
+				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, {
 					title: `${Z.properties} – ${L.type}`,
 					fields: H,
 					onChange: te
@@ -3320,7 +3320,7 @@ function Nt({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 					})
 				})] }))
 			}),
-			/* @__PURE__ */ J(ot, {
+			/* @__PURE__ */ J(ct, {
 				isOpen: T.isOpen,
 				title: T.title,
 				message: T.message,
@@ -3330,9 +3330,7 @@ function Nt({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 		]
 	});
 }
-//#endregion
-//#region src/hooks/useDesignerTranslation.ts
-var Pt = {
+var It = qe({
 	"appDesigner.basicInfo": "Basic Info",
 	"appDesigner.objects": "Objects",
 	"appDesigner.navigation": "Navigation",
@@ -3400,6 +3398,7 @@ var Pt = {
 	"appDesigner.navTypeGroup": "Group",
 	"appDesigner.navTypeSeparator": "Separator",
 	"appDesigner.navTypeAction": "Action",
+	"appDesigner.navTypeComponent": "Component",
 	"appDesigner.navEditIcon": "Edit icon",
 	"appDesigner.navToggleVisible": "Toggle visibility",
 	"appDesigner.navHidden": "Hidden",
@@ -3493,22 +3492,7 @@ var Pt = {
 	"appDesigner.fieldDesigner.typeCategory.relation": "Relation",
 	"appDesigner.fieldDesigner.typeCategory.advanced": "Advanced",
 	"common.edit": "Edit"
-};
-function Ft(e) {
-	return (t, n) => {
-		let r = e[t] || t;
-		if (n) for (let [e, t] of Object.entries(n)) r = r.replace(`{{${e}}}`, String(t));
-		return r;
-	};
-}
-function It() {
-	try {
-		let e = Ge();
-		return e.t("appDesigner.basicInfo") === "appDesigner.basicInfo" ? { t: Ft(Pt) } : { t: e.t };
-	} catch {
-		return { t: Ft(Pt) };
-	}
-}
+}, "appDesigner.basicInfo");
 //#endregion
 //#region src/AppCreationWizard.tsx
 function Q(...e) {
@@ -3564,7 +3548,7 @@ 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 && !Be(e.name);
+	let a = e.name.length > 0 && !He(e.name);
 	return /* @__PURE__ */ Y("div", {
 		"data-testid": "wizard-step-basic-content",
 		className: "mx-auto max-w-lg space-y-5",
@@ -3738,7 +3722,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(Ce, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-gray-400" }), /* @__PURE__ */ J("input", {
+				children: [/* @__PURE__ */ J(we, { 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,
@@ -3845,7 +3829,7 @@ function Gt({ items: e, readOnly: t, onAdd: n, onRemove: r, onReorder: i, t: a }
 					}),
 					/* @__PURE__ */ J("span", {
 						className: "flex-1 truncate text-sm text-gray-800",
-						children: n.type === "separator" ? a("appDesigner.separatorLabel") : He(n.label)
+						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"),
@@ -3876,7 +3860,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(Ae, { className: "h-3.5 w-3.5" })
+								children: /* @__PURE__ */ J(je, { className: "h-3.5 w-3.5" })
 							})
 						]
 					})
@@ -4000,7 +3984,7 @@ 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 = tt(), [p, m] = l(0), [g, y] = l(""), [b, x] = l(() => ({
+	let { t: d } = It(), f = rt(), [p, m] = l(0), [g, y] = l(""), [b, x] = l(() => ({
 		...Lt,
 		objects: e.map((e) => ({ ...e })),
 		...n
@@ -4029,7 +4013,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 && Be(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 && He(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
@@ -4131,7 +4115,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(Le, { className: "h-4 w-4" })
+								children: /* @__PURE__ */ J(Re, { className: "h-4 w-4" })
 							})]
 						}),
 						/* @__PURE__ */ J("p", {
@@ -4284,6 +4268,11 @@ var Zt = {
 		color: "bg-sky-100 text-sky-700",
 		Icon: V
 	},
+	component: {
+		labelKey: "appDesigner.navTypeComponent",
+		color: "bg-indigo-100 text-indigo-700",
+		Icon: xe
+	},
 	group: {
 		labelKey: "appDesigner.navTypeGroup",
 		color: "bg-purple-100 text-purple-700",
@@ -4330,10 +4319,10 @@ var Zt = {
 	}
 ];
 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(He(e.label) ?? ""), [C, w] = l(!1), [T, E] = l(e.icon || ""), D = Zt[e.type];
+	let [_, b] = l(!1), [x, S] = l(We(e.label) ?? ""), [C, w] = l(!1), [T, E] = l(e.icon || ""), D = Zt[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(He(e.label) ?? ""), b(!1);
+		x.trim() ? u(e.id, x.trim()) : S(We(e.label) ?? ""), b(!1);
 	}, N = () => {
 		d(e.id, T.trim()), w(!1);
 	};
@@ -4384,16 +4373,16 @@ function $t({ item: e, depth: t, index: n, total: r, readOnly: i, onRemove: a, o
 				onChange: (e) => S(e.target.value),
 				onBlur: M,
 				onKeyDown: (t) => {
-					t.key === "Enter" && M(), t.key === "Escape" && (S(He(e.label) ?? ""), b(!1));
+					t.key === "Enter" && M(), t.key === "Escape" && (S(We(e.label) ?? ""), b(!1));
 				},
 				autoFocus: !0,
 				className: "flex-1 rounded border border-blue-300 px-1.5 py-0.5 text-sm outline-none focus:ring-1 focus:ring-blue-400"
 			}) : /* @__PURE__ */ J("span", {
 				className: Jt("flex-1 truncate text-sm text-gray-800", !i && "cursor-text"),
 				onDoubleClick: () => {
-					!i && e.type !== "separator" && (S(He(e.label) ?? ""), b(!0));
+					!i && e.type !== "separator" && (S(We(e.label) ?? ""), b(!0));
 				},
-				children: He(e.label)
+				children: We(e.label)
 			}),
 			/* @__PURE__ */ J("span", {
 				className: Jt("rounded-full px-2 py-0.5 text-[10px] font-medium", D.color),
@@ -4443,7 +4432,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-red-500 disabled:opacity-30",
 				"aria-label": h("appDesigner.navRemove"),
 				"data-testid": `nav-designer-remove-${e.id}`,
-				children: /* @__PURE__ */ J(Ae, { className: "h-3.5 w-3.5" })
+				children: /* @__PURE__ */ J(je, { className: "h-3.5 w-3.5" })
 			})
 		]
 	}), e.type === "group" && A && e.children && /* @__PURE__ */ J(q, { children: e.children.map((n, r) => /* @__PURE__ */ J($t, {
@@ -4493,7 +4482,7 @@ function tn({ item: e, depth: t }) {
 		style: { marginLeft: t * 12 },
 		children: [/* @__PURE__ */ J(n.Icon, { className: "h-3 w-3 text-gray-400" }), /* @__PURE__ */ J("span", {
 			className: "truncate",
-			children: He(e.label)
+			children: We(e.label)
 		})]
 	}), e.type === "group" && e.children?.map((e) => /* @__PURE__ */ J(tn, {
 		item: e,
@@ -4643,7 +4632,7 @@ function nn({ items: e, onChange: t, readOnly: n = !1, showPreview: r = !0, clas
 						"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"),
 						children: [
-							/* @__PURE__ */ J(Pe, { className: "h-3 w-3" }),
+							/* @__PURE__ */ J(Fe, { className: "h-3 w-3" }),
 							u("appDesigner.navImportSchema"),
 							/* @__PURE__ */ J("input", {
 								ref: d,
@@ -4736,7 +4725,7 @@ var cn = [
 	{
 		type: "metric",
 		label: "KPI Metric",
-		Icon: je
+		Icon: Me
 	},
 	{
 		type: "bar",
@@ -4756,7 +4745,7 @@ var cn = [
 	{
 		type: "table",
 		label: "Table",
-		Icon: Oe
+		Icon: ke
 	},
 	{
 		type: "grid",
@@ -4816,19 +4805,16 @@ 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(Ae, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ J(je, { className: "h-3.5 w-3.5" })
 					})
 				]
 			})]
-		}), /* @__PURE__ */ Y("div", {
+		}), /* @__PURE__ */ J("div", {
 			className: "mt-1.5 flex items-center gap-2",
-			children: [/* @__PURE__ */ J("span", {
+			children: /* @__PURE__ */ J("span", {
 				className: "rounded-full bg-gray-100 px-2 py-0.5 text-[10px] font-medium text-gray-600",
 				children: u.label
-			}), e.object && /* @__PURE__ */ J("span", {
-				className: "text-[10px] text-gray-400",
-				children: e.object
-			})]
+			})
 		})]
 	});
 }
@@ -4848,7 +4834,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(Le, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ J(Re, { className: "h-4 w-4" })
 				})]
 			}),
 			/* @__PURE__ */ Y("div", {
@@ -4886,77 +4872,6 @@ function fn({ widget: e, readOnly: t, onChange: n, onClose: r }) {
 					}, e.type))
 				})]
 			}),
-			/* @__PURE__ */ Y("div", {
-				className: "space-y-1",
-				children: [/* @__PURE__ */ J("label", {
-					htmlFor: "widget-object",
-					className: "text-xs font-medium text-gray-600",
-					children: "Data Source (Object)"
-				}), /* @__PURE__ */ J("input", {
-					id: "widget-object",
-					"data-testid": "widget-prop-object",
-					type: "text",
-					value: e.object ?? "",
-					onChange: (e) => n({ object: e.target.value }),
-					disabled: t,
-					placeholder: "e.g. orders",
-					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"
-				})]
-			}),
-			/* @__PURE__ */ Y("div", {
-				className: "space-y-1",
-				children: [/* @__PURE__ */ J("label", {
-					htmlFor: "widget-value-field",
-					className: "text-xs font-medium text-gray-600",
-					children: "Value Field"
-				}), /* @__PURE__ */ J("input", {
-					id: "widget-value-field",
-					"data-testid": "widget-prop-value-field",
-					type: "text",
-					value: e.valueField ?? "",
-					onChange: (e) => n({ valueField: e.target.value }),
-					disabled: t,
-					placeholder: "e.g. amount",
-					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"
-				})]
-			}),
-			/* @__PURE__ */ Y("div", {
-				className: "space-y-1",
-				children: [/* @__PURE__ */ J("label", {
-					htmlFor: "widget-aggregate",
-					className: "text-xs font-medium text-gray-600",
-					children: "Aggregate"
-				}), /* @__PURE__ */ Y("select", {
-					id: "widget-aggregate",
-					"data-testid": "widget-prop-aggregate",
-					value: e.aggregate ?? "count",
-					onChange: (e) => n({ aggregate: e.target.value }),
-					disabled: t,
-					className: "block w-full rounded-md border border-gray-300 px-2.5 py-1.5 text-sm outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-500 disabled:bg-gray-50",
-					children: [
-						/* @__PURE__ */ J("option", {
-							value: "count",
-							children: "Count"
-						}),
-						/* @__PURE__ */ J("option", {
-							value: "sum",
-							children: "Sum"
-						}),
-						/* @__PURE__ */ J("option", {
-							value: "avg",
-							children: "Average"
-						}),
-						/* @__PURE__ */ J("option", {
-							value: "min",
-							children: "Min"
-						}),
-						/* @__PURE__ */ J("option", {
-							value: "max",
-							children: "Max"
-						})
-					]
-				})]
-			}),
 			/* @__PURE__ */ Y("div", {
 				className: "space-y-1",
 				children: [/* @__PURE__ */ J("label", {
@@ -5097,7 +5012,7 @@ function mn({ schema: e, onChange: t, readOnly: n = !1, className: r, onExport:
 		y,
 		d,
 		m
-	]), { current: S, canUndo: C, canRedo: w, push: T, undo: E, redo: A } = et(e), j = i((e) => {
+	]), { current: S, canUndo: C, canRedo: w, push: T, undo: E, redo: A } = nt(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 = {
@@ -5249,7 +5164,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(Ne, { className: "h-4 w-4" })
+								children: /* @__PURE__ */ J(Pe, { className: "h-4 w-4" })
 							}), /* @__PURE__ */ J("button", {
 								type: "button",
 								"data-testid": "dashboard-redo",
@@ -5257,7 +5172,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(xe, { className: "h-4 w-4" })
+								children: /* @__PURE__ */ J(Se, { className: "h-4 w-4" })
 							})] }),
 							/* @__PURE__ */ J("button", {
 								type: "button",
@@ -5273,7 +5188,7 @@ 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(Pe, { className: "h-4 w-4" })
+								children: /* @__PURE__ */ J(Fe, { className: "h-4 w-4" })
 							}),
 							/* @__PURE__ */ J("button", {
 								type: "button",
@@ -5389,7 +5304,7 @@ var hn = [
 	"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 } = et(e), b = c(!0);
+	let { t: d } = It(), [f, p] = l("light"), { current: m, push: h, canUndo: g, canRedo: _, undo: v, redo: y } = nt(e), b = c(!0);
 	o(() => {
 		if (b.current) {
 			b.current = !1;
@@ -5469,7 +5384,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(Ne, { className: "h-3.5 w-3.5" }), d("appDesigner.undo")]
+					children: [/* @__PURE__ */ J(Pe, { className: "h-3.5 w-3.5" }), d("appDesigner.undo")]
 				}),
 				/* @__PURE__ */ Y("button", {
 					"data-testid": "branding-redo",
@@ -5478,7 +5393,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(xe, { className: "h-3.5 w-3.5" }), d("appDesigner.redo")]
+					children: [/* @__PURE__ */ J(Se, { className: "h-3.5 w-3.5" }), d("appDesigner.redo")]
 				}),
 				/* @__PURE__ */ Y("button", {
 					"data-testid": "branding-export",
@@ -5495,7 +5410,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(Pe, { className: "h-3.5 w-3.5" }), d("appDesigner.brandingImport")]
+					children: [/* @__PURE__ */ J(Fe, { className: "h-3.5 w-3.5" }), d("appDesigner.brandingImport")]
 				})
 			]
 		}), /* @__PURE__ */ Y("div", {
@@ -5603,7 +5518,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(Me, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-gray-400" }), /* @__PURE__ */ Y("select", {
+							children: [/* @__PURE__ */ J(Ne, { 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 ?? "",
@@ -5637,7 +5552,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(De, { className: "h-3.5 w-3.5" }), d("appDesigner.modeLight")]
+								children: [/* @__PURE__ */ J(Oe, { className: "h-3.5 w-3.5" }), d("appDesigner.modeLight")]
 							}), /* @__PURE__ */ Y("button", {
 								"data-testid": "branding-mode-dark",
 								type: "button",
@@ -5789,7 +5704,7 @@ var yn = [
 	"CreditCard"
 ];
 function xn({ objects: e, onObjectsChange: n, onSelectObject: r, showSystemObjects: a = !0, readOnly: o = !1, className: c }) {
-	let { t: u } = It(), d = tt(), [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(() => [
+	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(() => [
 		{
 			field: "name",
 			label: u("appDesigner.objectManager.objectName"),
@@ -5983,7 +5898,7 @@ function xn({ objects: e, onObjectsChange: n, onSelectObject: r, showSystemObjec
 					]
 				})
 			}),
-			/* @__PURE__ */ J(Ke, {
+			/* @__PURE__ */ J(Je, {
 				schema: y,
 				dataSource: _,
 				onRowClick: b,
@@ -5991,8 +5906,8 @@ function xn({ objects: e, onObjectsChange: n, onSelectObject: r, showSystemObjec
 				onDelete: o ? void 0 : S,
 				onAddRecord: o ? void 0 : C
 			}),
-			f && /* @__PURE__ */ J(Je, { schema: D }),
-			/* @__PURE__ */ J(ot, {
+			f && /* @__PURE__ */ J(Xe, { schema: D }),
+			/* @__PURE__ */ J(ct, {
 				isOpen: d.isOpen,
 				title: d.title,
 				message: d.message,
@@ -6013,7 +5928,7 @@ function Sn(...e) {
 var Cn = {
 	text: {
 		label: "Text",
-		Icon: Me
+		Icon: Ne
 	},
 	textarea: {
 		label: "Text Area",
@@ -6025,7 +5940,7 @@ var Cn = {
 	},
 	boolean: {
 		label: "Checkbox",
-		Icon: ke
+		Icon: Ae
 	},
 	date: {
 		label: "Date",
@@ -6113,15 +6028,13 @@ var Cn = {
 	},
 	rating: {
 		label: "Rating",
-		Icon: Ee
+		Icon: De
 	},
 	slider: {
 		label: "Slider",
-		Icon: we
+		Icon: Te
 	}
-};
-Object.keys(Cn);
-var wn = {
+}, wn = {
 	text: [
 		"text",
 		"textarea",
@@ -6165,7 +6078,7 @@ var wn = {
 	"advanced"
 ];
 function En({ objectName: e, fields: n, onFieldsChange: r, readOnly: a = !1, className: o }) {
-	let { t: c } = It(), u = tt(), [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(() => [
+	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(() => [
 		{
 			field: "name",
 			label: c("appDesigner.fieldDesigner.fieldName"),
@@ -6498,15 +6411,15 @@ function En({ objectName: e, fields: n, onFieldsChange: r, readOnly: a = !1, cla
 					}, e.category))]
 				})]
 			}),
-			/* @__PURE__ */ J(Ke, {
+			/* @__PURE__ */ J(Je, {
 				schema: b,
 				dataSource: v,
 				onEdit: a ? void 0 : x,
 				onDelete: a ? void 0 : S,
 				onAddRecord: a ? void 0 : w
 			}),
-			d && /* @__PURE__ */ J(qe, { schema: k }),
-			/* @__PURE__ */ J(ot, {
+			d && /* @__PURE__ */ J(Ye, { schema: k }),
+			/* @__PURE__ */ J(ct, {
 				isOpen: u.isOpen,
 				title: u.title,
 				message: u.message,
@@ -6561,7 +6474,7 @@ 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(Fe, { className: "h-2.5 w-2.5" }),
+									/* @__PURE__ */ J(Ie, { 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() })
@@ -6583,7 +6496,7 @@ function On({ versions: e, onRestore: t, className: n }) {
 //#region src/pages/CreateAppPage.tsx
 var kn = "objectui-app-wizard-draft";
 function An() {
-	let e = Ye(), { appName: t } = Xe(), { objects: n, refresh: r } = We(), a = Ue(), o = (n || []).map((e) => ({
+	let e = Ze(), { appName: t } = Qe(), { objects: n, refresh: r } = Ke(), a = Ge(), o = (n || []).map((e) => ({
 		name: e.name,
 		label: e.label || e.name,
 		pluralLabel: e.pluralLabel,
@@ -6596,10 +6509,10 @@ function An() {
 		} catch {}
 	}, []), c = i(async (t) => {
 		try {
-			let n = Ve(t), i = a?.getClient();
-			i && await i.meta.saveItem("app", t.name, n), localStorage.removeItem(kn), Ze.success(`Application "${t.title}" created successfully`), await r?.(), e(`/apps/${t.name}`);
+			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}`);
 		} catch (e) {
-			Ze.error(e?.message || "Failed to create application");
+			$e.error(e?.message || "Failed to create application");
 		}
 	}, [
 		e,
@@ -6609,7 +6522,7 @@ function An() {
 		e(t ? `/apps/${t}` : "/");
 	}, [e, t]), u = i((e) => {
 		try {
-			localStorage.setItem(kn, JSON.stringify(e)), Ze.info("Draft saved");
+			localStorage.setItem(kn, JSON.stringify(e)), $e.info("Draft saved");
 		} catch {}
 	}, []);
 	return /* @__PURE__ */ J("div", {
@@ -6627,7 +6540,7 @@ function An() {
 //#endregion
 //#region src/pages/EditAppPage.tsx
 function jn() {
-	let e = Ye(), { appName: t, editAppName: n } = Xe(), { apps: r, objects: a, refresh: o } = We(), c = Ue(), l = n || t, u = r.find((e) => e.name === l), d = (a || []).map((e) => ({
+	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) => ({
 		name: e.name,
 		label: e.label || e.name,
 		pluralLabel: e.pluralLabel,
@@ -6649,13 +6562,13 @@ function jn() {
 		};
 	}, [u]), p = i(async (t) => {
 		try {
-			let n = Ve(t), r = {
+			let n = Ue(t), r = {
 				...u,
 				...n
 			}, i = c?.getClient();
-			i && await i.meta.saveItem("app", t.name, r), Ze.success(`Application "${t.title}" updated successfully`), await o?.(), e(`/apps/${t.name}`);
+			i && await i.meta.saveItem("app", t.name, r), $e.success(`Application "${t.title}" updated successfully`), await o?.(), e(`/apps/${t.name}`);
 		} catch (e) {
-			Ze.error(e?.message || "Failed to update application");
+			$e.error(e?.message || "Failed to update application");
 		}
 	}, [
 		e,
@@ -6666,7 +6579,7 @@ function jn() {
 		e(t ? `/apps/${t}` : "/");
 	}, [e, t]), h = i((e) => {
 		try {
-			localStorage.setItem(`objectui-edit-draft-${l}`, JSON.stringify(e)), Ze.info("Draft saved");
+			localStorage.setItem(`objectui-edit-draft-${l}`, JSON.stringify(e)), $e.info("Draft saved");
 		} catch {}
 	}, [l]);
 	return u ? /* @__PURE__ */ J("div", {
@@ -6695,7 +6608,7 @@ function jn() {
 //#endregion
 //#region src/pages/DashboardDesignPage.tsx
 function Mn() {
-	let e = Ye(), { dashboardName: t } = Xe(), n = Ue(), { dashboards: r, refresh: a } = We(), s = r?.find((e) => e.name === t), [u, f] = l(() => s || {
+	let e = Ze(), { dashboardName: t } = Qe(), n = Ge(), { dashboards: r, refresh: a } = Ke(), s = r?.find((e) => e.name === t), [u, f] = l(() => s || {
 		type: "dashboard",
 		name: t ?? "",
 		title: t ?? "",
@@ -6718,16 +6631,16 @@ function Mn() {
 	o(() => {
 		let e = (e) => {
 			(e.ctrlKey || e.metaKey) && e.key === "s" && (e.preventDefault(), m(p.current).then((e) => {
-				e && Ze.success("Dashboard saved");
+				e && $e.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), Ze.success("Dashboard schema exported");
+		i.href = r, i.download = `${t || "dashboard"}.json`, i.click(), URL.revokeObjectURL(r), $e.success("Dashboard schema exported");
 	}, [t]), _ = i((e) => {
-		Ze.success("Dashboard schema imported"), h(e);
+		$e.success("Dashboard schema imported"), h(e);
 	}, [h]);
 	return s ? /* @__PURE__ */ Y("div", {
 		className: "h-full flex flex-col",
@@ -6783,7 +6696,7 @@ function Pn({ client: e, clientConfig: t, hideSystemObjects: n = !1, readOnly: r
 	let u = s(() => {
 		if (e) return e;
 		if (!t) throw Error("MetadataObjectsPage: provide either `client` or `clientConfig`.");
-		return new Qe(t);
+		return new et(t);
 	}, [e, t]), [d, f] = l({
 		loading: !0,
 		error: null,
@@ -6875,7 +6788,7 @@ function Pn({ client: e, clientConfig: t, hideSystemObjects: n = !1, readOnly: r
 }
 //#endregion
 //#region src/MetadataFieldsPage.tsx
-var Fn = /* @__PURE__ */ new Set(/* @__PURE__ */ "text.textarea.number.boolean.date.datetime.time.select.email.phone.url.password.currency.percent.lookup.formula.autonumber.file.image.markdown.html.color.code.location.address.rating.slider".split("."));
+var Fn = new Set(Ve);
 function In(e) {
 	return e && Fn.has(e) ? e : "text";
 }
@@ -6925,7 +6838,7 @@ function zn({ objectName: e, client: t, clientConfig: n, readOnly: r = !1, class
 	let c = s(() => {
 		if (t) return t;
 		if (!n) throw Error("MetadataFieldsPage: provide either `client` or `clientConfig`.");
-		return new Qe(n);
+		return new et(n);
 	}, [t, n]), [u, d] = l({
 		loading: !0,
 		error: null,
@@ -7005,7 +6918,7 @@ function zn({ objectName: e, client: t, clientConfig: n, readOnly: r = !1, class
 		})]
 	});
 }
-e.register("page-designer", vt, {
+e.register("page-designer", bt, {
 	namespace: "plugin-designer",
 	label: "Page Designer",
 	category: "Designer",
@@ -7039,7 +6952,7 @@ e.register("page-designer", vt, {
 			defaultValue: !1
 		}
 	]
-}), e.register("data-model-designer", wt, {
+}), e.register("data-model-designer", Et, {
 	namespace: "plugin-designer",
 	label: "Data Model Designer",
 	category: "Designer",
@@ -7067,7 +6980,7 @@ e.register("page-designer", vt, {
 			defaultValue: !1
 		}
 	]
-}), e.register("process-designer", kt, {
+}), e.register("process-designer", jt, {
 	namespace: "plugin-designer",
 	label: "Process Designer (BPMN)",
 	category: "Designer",
@@ -7106,7 +7019,7 @@ e.register("page-designer", vt, {
 			defaultValue: !1
 		}
 	]
-}), e.register("report-designer", Nt, {
+}), e.register("report-designer", Ft, {
 	namespace: "plugin-designer",
 	label: "Report Designer",
 	category: "Designer",
@@ -7273,4 +7186,4 @@ e.register("page-designer", vt, {
 	]
 });
 //#endregion
-export { qt as AppCreationWizard, _n as BrandingEditor, mt as CollaborationProvider, ot as ConfirmDialog, gt as ConnectionStatusIndicator, An as CreateAppPage, Mn as DashboardDesignPage, mn as DashboardEditor, wt as DataModelDesigner, jn as EditAppPage, on as EditorModeToggle, En as FieldDesigner, zn as MetadataFieldsPage, Pn as MetadataObjectsPage, dt as Minimap, nn as NavigationDesigner, xn as ObjectManager, vt as PageDesigner, kt as ProcessDesigner, ct as PropertyEditor, Nt as ReportDesigner, On as VersionHistory, it as useCanvasPanZoom, rt as useClipboard, tt as useConfirmDialog, bt as useDesignerHistory, nt as useMultiSelect, et as useUndoRedo };
+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 };