@declarion/react 0.92.0 → 0.94.0

package/dist-lib/components/pages/auth/SignIn.js

@@ -17,7 +17,7 @@ import { useQuery as S } from "@tanstack/react-query";
 import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
 import { Link as E, useNavigate as D, useSearchParams as O } from "react-router";
 //#region src/components/pages/auth/SignIn.tsx
-var k = "sso-failure", A = {
+var k = "sso-failure", A = "password-failure", j = {
 	google: {
 		name: "Google",
 		icon: /* @__PURE__ */ w(v, { size: 14 })
@@ -39,41 +39,41 @@ var k = "sso-failure", A = {
 		icon: /* @__PURE__ */ w(o.shield, { size: 13 })
 	}
 };
-function j() {
-	let _ = D(), [v] = O(), { login: y, isLoginPending: j, isAuthenticated: N } = m(), { data: P } = i(), F = c(), [I, L] = x(""), [R, z] = x(""), [B, V] = x(!0), H = e(v.get("next") || v.get("redirect")), U = v.get("sso_error"), W = c("errors"), { data: G, isPending: K } = S({
+function M() {
+	let _ = D(), [v] = O(), { login: y, isLoginPending: M, isAuthenticated: P } = m(), { data: F } = i(), I = c(), [L, R] = x(""), [z, B] = x(""), [V, H] = x(!0), U = e(v.get("next") || v.get("redirect")), W = v.get("sso_error"), G = c("errors"), { data: K, isPending: q } = S({
 		queryKey: ["check-setup"],
 		queryFn: t
-	}), { data: q } = S({
+	}), { data: J } = S({
 		queryKey: ["identity-providers"],
 		queryFn: () => n(),
 		staleTime: 6e4
 	});
 	if (b(() => {
-		G?.needs_setup && _("/signup", { replace: !0 });
-	}, [G, _]), b(() => {
-		if (!N || !P) return;
-		let e = p(H, P);
-		M(H, e) && f.warning(F("auth.inaccessible_redirect", "You do not have access to that page. We opened your default page instead.")), _(e, { replace: !0 });
+		K?.needs_setup && _("/signup", { replace: !0 });
+	}, [K, _]), b(() => {
+		if (!P || (f.dismiss(A), f.dismiss(k), !F)) return;
+		let e = p(U, F);
+		N(U, e) && f.warning(I("auth.inaccessible_redirect", "You do not have access to that page. We opened your default page instead.")), _(e, { replace: !0 });
 	}, [
-		N,
-		_,
-		H,
 		P,
-		F
+		_,
+		U,
+		F,
+		I
 	]), b(() => {
-		U && f.error(W(U, "Sign-in failed."), void 0, { id: k });
-	}, [W, U]), K || G?.needs_setup) return /* @__PURE__ */ w(g, {});
-	function J(e) {
+		W && f.error(G(W, "Sign-in failed."), void 0, { id: k });
+	}, [G, W]), q || K?.needs_setup) return /* @__PURE__ */ w(g, {});
+	function Y(e) {
 		e.preventDefault(), y({
-			email: I,
-			password: R,
-			remember: B
+			email: L,
+			password: z,
+			remember: V
 		}, { onError: (e) => {
-			f.error(a(W, e));
+			f.error(a(G, e), void 0, { id: A });
 		} });
 	}
 	return /* @__PURE__ */ w(h, { children: /* @__PURE__ */ T("form", {
-		onSubmit: J,
+		onSubmit: Y,
 		children: [
 			/* @__PURE__ */ w("div", {
 				style: {
@@ -83,7 +83,7 @@ function j() {
 					letterSpacing: "0.1em",
 					textTransform: "uppercase"
 				},
-				children: F("auth.signin.eyebrow", "Welcome back")
+				children: I("auth.signin.eyebrow", "Welcome back")
 			}),
 			/* @__PURE__ */ w("h2", {
 				style: {
@@ -92,7 +92,7 @@ function j() {
 					fontWeight: 600,
 					letterSpacing: "-0.018em"
 				},
-				children: F("auth.signin.title", "Sign in")
+				children: I("auth.signin.title", "Sign in")
 			}),
 			/* @__PURE__ */ w("p", {
 				style: {
@@ -100,17 +100,17 @@ function j() {
 					fontSize: 13,
 					color: "var(--text-3)"
 				},
-				children: F("auth.signin.subtitle", "Use your corporate SSO or email & password.")
+				children: I("auth.signin.subtitle", "Use your corporate SSO or email & password.")
 			}),
-			q && q.length > 0 && /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w("div", {
+			J && J.length > 0 && /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w("div", {
 				style: {
 					display: "flex",
 					flexDirection: "column",
 					gap: 6,
 					marginBottom: 12
 				},
-				children: q.map((e) => {
-					let t = A[e.slug.toLowerCase()] ?? {
+				children: J.map((e) => {
+					let t = j[e.slug.toLowerCase()] ?? {
 						name: e.name,
 						icon: /* @__PURE__ */ w(o.shield, { size: 13 })
 					};
@@ -122,9 +122,9 @@ function j() {
 						},
 						icon: t.icon,
 						onClick: (t) => {
-							t.preventDefault(), window.location.href = r(e.slug, void 0, H);
+							t.preventDefault(), window.location.href = r(e.slug, void 0, U);
 						},
-						children: F("auth.signin.sso_continue", "Continue with {provider}", { provider: t.name })
+						children: I("auth.signin.sso_continue", "Continue with {provider}", { provider: t.name })
 					}, e.slug);
 				})
 			}), /* @__PURE__ */ T("div", {
@@ -147,7 +147,7 @@ function j() {
 							letterSpacing: "0.08em",
 							textTransform: "uppercase"
 						},
-						children: F("auth.signin.sso_divider", "or with email")
+						children: I("auth.signin.sso_divider", "or with email")
 					}),
 					/* @__PURE__ */ w("span", { style: {
 						flex: 1,
@@ -163,11 +163,11 @@ function j() {
 					gap: 12
 				},
 				children: [
-					/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(l, { children: F("auth.field.email", "Email") }), /* @__PURE__ */ w(d, {
-						value: I,
-						onChange: L,
+					/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(l, { children: I("auth.field.email", "Email") }), /* @__PURE__ */ w(d, {
+						value: L,
+						onChange: R,
 						prefix: /* @__PURE__ */ w(o.email, { size: 13 }),
-						placeholder: F("auth.field.email_placeholder", "you@company.com"),
+						placeholder: I("auth.field.email_placeholder", "you@company.com"),
 						autoFocus: !0,
 						required: !0
 					})] }),
@@ -177,7 +177,7 @@ function j() {
 							alignItems: "center"
 						},
 						children: [
-							/* @__PURE__ */ w(l, { children: F("auth.field.password", "Password") }),
+							/* @__PURE__ */ w(l, { children: I("auth.field.password", "Password") }),
 							/* @__PURE__ */ w("div", { style: { flex: 1 } }),
 							/* @__PURE__ */ w(E, {
 								to: "/forgot",
@@ -187,13 +187,13 @@ function j() {
 									marginBottom: 4,
 									textDecoration: "none"
 								},
-								children: F("auth.signin.forgot_link", "Forgot?")
+								children: I("auth.signin.forgot_link", "Forgot?")
 							})
 						]
 					}), /* @__PURE__ */ w(u, {
-						value: R,
-						onChange: z,
-						placeholder: F("auth.signin.password_placeholder", "Your password")
+						value: z,
+						onChange: B,
+						placeholder: I("auth.signin.password_placeholder", "Your password")
 					})] }),
 					/* @__PURE__ */ T("label", {
 						style: {
@@ -207,11 +207,11 @@ function j() {
 							/* @__PURE__ */ w("input", {
 								type: "checkbox",
 								name: "remember",
-								checked: B,
-								onChange: (e) => V(e.target.checked)
+								checked: V,
+								onChange: (e) => H(e.target.checked)
 							}),
 							" ",
-							F("auth.signin.remember", "Keep me signed in on this device")
+							I("auth.signin.remember", "Keep me signed in on this device")
 						]
 					}),
 					/* @__PURE__ */ w(s, {
@@ -222,10 +222,10 @@ function j() {
 							justifyContent: "center",
 							width: "100%"
 						},
-						disabled: j,
-						children: j ? F("auth.signin.submitting", "Signing in…") : F("auth.signin.submit", "Continue")
+						disabled: M,
+						children: M ? I("auth.signin.submitting", "Signing in…") : I("auth.signin.submit", "Continue")
 					}),
-					G?.signup_enabled && /* @__PURE__ */ T("div", {
+					K?.signup_enabled && /* @__PURE__ */ T("div", {
 						style: {
 							fontSize: 12,
 							color: "var(--text-3)",
@@ -233,7 +233,7 @@ function j() {
 							marginTop: 4
 						},
 						children: [
-							F("auth.signin.new_here", "New here?"),
+							I("auth.signin.new_here", "New here?"),
 							" ",
 							/* @__PURE__ */ w(E, {
 								to: "/signup",
@@ -242,7 +242,7 @@ function j() {
 									fontWeight: 500,
 									textDecoration: "none"
 								},
-								children: F("auth.signin.request_access", "Create an account")
+								children: I("auth.signin.request_access", "Create an account")
 							})
 						]
 					})
@@ -251,10 +251,10 @@ function j() {
 		]
 	}) });
 }
-function M(e, t) {
+function N(e, t) {
 	if (e === t) return !1;
 	let n = e.split(/[?#]/, 1)[0].replace(/\/+$/, "") || "/";
 	return n !== "/" && n !== "/admin";
 }
 //#endregion
-export { j as SignIn };
+export { M as SignIn };

package/dist-lib/components/pages/profile/Profile.impl.js

@@ -23,26 +23,26 @@ import { activeRoleLabel as C } from "../../../lib/role-label.js";
 import { useBrandingChrome as w } from "../../../hooks/useBrandingChrome.js";
 import { useCurrentScreen as T } from "../../../hooks/useCurrentScreen.js";
 import { useObject as E } from "../../../hooks/useObject.js";
-import { FileDraftScope as D, useFileDraftScope as O } from "../../file-widgets/draft-scope.js";
-import { singleFileFromValue as k } from "../../file-widgets/value.js";
-import { getFileFieldValue as A, renderSchemaField as j } from "../../file-widgets/host.js";
-import { buildFilesPayload as M } from "../../file-widgets/payload.js";
-import { EMPTY_CELL as N } from "../../fields/cells/factories/emptyCell.js";
-import { ChangePasswordDialog as P } from "../../shared/ChangePasswordDialog.js";
-import { FieldRow as F, FieldsGrid as I } from "../../detail-layout/FieldRow.js";
-import { AssociatedBlock as L } from "../../detail-layout/AssociatedBlock.js";
-import { DetailAuditStrip as R } from "../../detail-layout/DetailAuditStrip.js";
-import { RecordHeader as z } from "../../chrome/RecordHeader.js";
-import { PageShell as B } from "../../chrome/PageShell.js";
-import { ErrorLine as V } from "../../params/param-editors.js";
-import { ParamsBlock as H } from "../../params/ParamsBlock.js";
-import { Fragment as U, useId as W, useState as G } from "react";
-import { Fragment as K, jsx as q, jsxs as J } from "react/jsx-runtime";
+import { FileDraftScope as ee, useFileDraftScope as D } from "../../file-widgets/draft-scope.js";
+import { singleFileFromValue as O } from "../../file-widgets/value.js";
+import { getFileFieldValue as k, renderSchemaField as A } from "../../file-widgets/host.js";
+import { buildFilesPayload as j } from "../../file-widgets/payload.js";
+import { EMPTY_CELL as te } from "../../fields/cells/factories/emptyCell.js";
+import { ChangePasswordDialog as ne } from "../../shared/ChangePasswordDialog.js";
+import { FieldRow as M, FieldsGrid as N } from "../../detail-layout/FieldRow.js";
+import { AssociatedBlock as P } from "../../detail-layout/AssociatedBlock.js";
+import { DetailAuditStrip as F } from "../../detail-layout/DetailAuditStrip.js";
+import { RecordHeader as I } from "../../chrome/RecordHeader.js";
+import { PageShell as re } from "../../chrome/PageShell.js";
+import { ErrorLine as L } from "../../params/param-editors.js";
+import { ParamsBlock as R } from "../../params/ParamsBlock.js";
+import { Fragment as z, useId as B, useState as V } from "react";
+import { Fragment as H, jsx as U, jsxs as W } from "react/jsx-runtime";
 //#region src/components/pages/profile/Profile.impl.tsx
-var Y = "avatar";
-function X() {
-	let r = S(), o = t((e) => e.user), s = t((e) => e.activeTenant), u = t((e) => e.refreshMe), { data: h } = n(), g = T(), _ = w("custom"), v = p(), b = E(a, o?.id), O = b.data?.data, [k, A] = G(!1), [M, L] = G(!1), V = h?.entities[a], H = o?.display_name || o?.email || v("profile.user_fallback", "User"), U = (e) => v(o?.role_names?.[e]) || e, W = C(o, v), Y = s?.env ? `${s.name} · ${s.env}` : s?.name ?? "—", X = (e) => V && j({
-		entity: V,
+var G = "avatar";
+function K() {
+	let r = S(), o = t((e) => e.user), s = t((e) => e.activeTenant), u = t((e) => e.refreshMe), { data: h } = n(), g = T(), _ = w("custom"), v = p(), b = E(a, o?.id), D = b.data?.data, [O, k] = V(!1), [j, P] = V(!1), L = h?.entities[a], R = o?.display_name || o?.email || v("profile.user_fallback", "User"), z = (e) => v(o?.role_names?.[e]) || e, B = C(o, v), G = s?.env ? `${s.name} · ${s.env}` : s?.name ?? "—", K = (e) => L && A({
+		entity: L,
 		entityCode: "profile",
 		fieldName: e,
 		record: {
@@ -52,33 +52,33 @@ function X() {
 		mode: "display",
 		t: v
 	});
-	return /* @__PURE__ */ J(K, { children: [
-		/* @__PURE__ */ J(B, {
-			header: /* @__PURE__ */ q("div", {
+	return /* @__PURE__ */ W(H, { children: [
+		/* @__PURE__ */ W(re, {
+			header: /* @__PURE__ */ U("div", {
 				"data-testid": "profile-hero",
-				children: /* @__PURE__ */ q(z, {
-					icon: V?.display.icon ? /* @__PURE__ */ q(x, {
-						name: V.display.icon,
+				children: /* @__PURE__ */ U(I, {
+					icon: L?.display.icon ? /* @__PURE__ */ U(x, {
+						name: L.display.icon,
 						size: 16
 					}) : void 0,
-					title: H,
+					title: R,
 					mode: "display",
 					showTitle: _.isVisible("show_title"),
-					highlights: /* @__PURE__ */ J("div", {
+					highlights: /* @__PURE__ */ W("div", {
 						className: "flex flex-wrap gap-1",
 						children: [
-							/* @__PURE__ */ q(d, {
+							/* @__PURE__ */ U(d, {
 								tone: "violet",
 								size: "xs",
 								dot: !0,
-								children: W
+								children: B
 							}),
-							/* @__PURE__ */ q(d, {
+							/* @__PURE__ */ U(d, {
 								tone: "slate",
 								size: "xs",
-								children: Y
+								children: G
 							}),
-							o?.is_active && /* @__PURE__ */ q(d, {
+							o?.is_active && /* @__PURE__ */ U(d, {
 								tone: "emerald",
 								size: "xs",
 								dot: !0,
@@ -86,86 +86,86 @@ function X() {
 							})
 						]
 					}),
-					right: _.isVisible("show_actions") && /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q(l, {
-						icon: /* @__PURE__ */ q(c.edit, { size: 13 }),
-						onClick: () => L(!0),
+					right: _.isVisible("show_actions") && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(l, {
+						icon: /* @__PURE__ */ U(c.edit, { size: 13 }),
+						onClick: () => P(!0),
 						children: v("profile.edit", "Edit profile")
-					}), /* @__PURE__ */ q(l, {
-						icon: /* @__PURE__ */ q(c.settings, { size: 13 }),
+					}), /* @__PURE__ */ U(l, {
+						icon: /* @__PURE__ */ U(c.settings, { size: 13 }),
 						onClick: () => r("/preferences", { topLevel: !0 }),
 						children: v("profile.preferences", "Preferences")
 					})] })
 				})
 			}),
 			children: [
-				/* @__PURE__ */ q(m, {
+				/* @__PURE__ */ U(m, {
 					title: v("profile.personal.title", "Personal info"),
-					icon: /* @__PURE__ */ q(c.users, { size: 14 }),
-					children: /* @__PURE__ */ q("div", {
+					icon: /* @__PURE__ */ U(c.users, { size: 14 }),
+					children: /* @__PURE__ */ U("div", {
 						"data-testid": "profile-personal-info-grid",
-						children: /* @__PURE__ */ J(I, { children: [
-							o && V && O && /* @__PURE__ */ q(F, {
+						children: /* @__PURE__ */ W(N, { children: [
+							o && L && D && /* @__PURE__ */ U(M, {
 								label: v("profile.avatar", "Avatar"),
-								children: /* @__PURE__ */ q(D, { children: /* @__PURE__ */ q(ee, {
+								children: /* @__PURE__ */ U(ee, { children: /* @__PURE__ */ U(J, {
 									userId: o.id,
-									entity: V,
-									record: O,
+									entity: L,
+									record: D,
 									onCommitted: async () => {
 										await b.refetch();
 									}
-								}, Z(O)) })
+								}, q(D)) })
 							}),
-							/* @__PURE__ */ q(F, {
+							/* @__PURE__ */ U(M, {
 								label: v("profile.display_name", "Display name"),
-								children: X("display_name")
+								children: K("display_name")
 							}),
-							/* @__PURE__ */ q(F, {
+							/* @__PURE__ */ U(M, {
 								label: v("profile.personal.email", "Email"),
 								"data-testid": "profile-email",
-								children: X("email")
+								children: K("email")
 							}),
-							/* @__PURE__ */ q(F, {
+							/* @__PURE__ */ U(M, {
 								label: v("profile.personal.timezone", "Timezone"),
-								children: ne()
+								children: X()
 							}),
-							/* @__PURE__ */ q($, {})
+							/* @__PURE__ */ U($, {})
 						] })
 					})
 				}),
-				/* @__PURE__ */ q(m, {
+				/* @__PURE__ */ U(m, {
 					title: v("profile.security.title", "Security"),
-					icon: /* @__PURE__ */ q(c.shield, { size: 14 }),
-					children: /* @__PURE__ */ q(I, { children: /* @__PURE__ */ q(F, {
+					icon: /* @__PURE__ */ U(c.shield, { size: 14 }),
+					children: /* @__PURE__ */ U(N, { children: /* @__PURE__ */ U(M, {
 						label: v("profile.security.password", "Password"),
 						hint: v("profile.security.password_hint", "Update at any time"),
-						children: /* @__PURE__ */ q(l, {
+						children: /* @__PURE__ */ U(l, {
 							size: "xs",
-							onClick: () => A(!0),
+							onClick: () => k(!0),
 							children: v("profile.security.password_change", "Change")
 						})
 					}) })
 				}),
-				/* @__PURE__ */ q(m, {
+				/* @__PURE__ */ U(m, {
 					title: v("profile.access.title", "Access"),
-					icon: /* @__PURE__ */ q(c.key, { size: 14 }),
-					children: /* @__PURE__ */ J(I, { children: [
-						/* @__PURE__ */ q(F, {
+					icon: /* @__PURE__ */ U(c.key, { size: 14 }),
+					children: /* @__PURE__ */ W(N, { children: [
+						/* @__PURE__ */ U(M, {
 							label: v("profile.access.role", "Role"),
-							children: /* @__PURE__ */ q(d, {
+							children: /* @__PURE__ */ U(d, {
 								tone: "violet",
 								size: "xs",
 								dot: !0,
-								children: W
+								children: B
 							})
 						}),
-						/* @__PURE__ */ q(F, {
+						/* @__PURE__ */ U(M, {
 							label: v("profile.access.groups", "Groups"),
-							children: o?.roles && o.roles.length > 0 ? /* @__PURE__ */ q("div", {
+							children: o?.roles && o.roles.length > 0 ? /* @__PURE__ */ U("div", {
 								className: "flex flex-wrap gap-1",
-								children: o.roles.map((e) => /* @__PURE__ */ q(f, { children: U(e) }, e))
-							}) : N
+								children: o.roles.map((e) => /* @__PURE__ */ U(f, { children: z(e) }, e))
+							}) : te
 						}),
-						/* @__PURE__ */ q(F, {
+						/* @__PURE__ */ U(M, {
 							label: v("profile.access.permissions", "Permissions"),
 							children: i(v, "profile.access.permissions_explicit", o?.permissions?.length ?? 0, {
 								one: "{count} explicit",
@@ -174,44 +174,44 @@ function X() {
 						})
 					] })
 				}),
-				/* @__PURE__ */ q(re, { userId: o?.id }),
-				o?.id && /* @__PURE__ */ q(Q, { userId: o.id }),
-				g?.screen && h && V && O && /* @__PURE__ */ q(R, {
+				/* @__PURE__ */ U(ie, { userId: o?.id }),
+				o?.id && /* @__PURE__ */ U(Z, { userId: o.id }),
+				g?.screen && h && L && D && /* @__PURE__ */ U(F, {
 					screen: g.screen,
-					entity: V,
+					entity: L,
 					entityCode: "profile",
-					record: O,
+					record: D,
 					recordId: o?.id,
 					schema: h
 				})
 			]
 		}),
-		/* @__PURE__ */ q(te, {
-			open: M,
+		/* @__PURE__ */ U(Y, {
+			open: j,
 			initialName: o?.display_name ?? "",
 			userId: o?.id ?? "",
-			onClose: () => L(!1),
+			onClose: () => P(!1),
 			onSaved: async () => {
-				await u(), L(!1);
+				await u(), P(!1);
 			}
 		}),
-		/* @__PURE__ */ q(P, {
-			open: k,
-			onClose: () => A(!1),
+		/* @__PURE__ */ U(ne, {
+			open: O,
+			onClose: () => k(!1),
 			onSubmit: async ({ current: t, next: n }) => {
 				await e(t, n), y.success(v("profile.password.changed", "Password changed. Sign in again to continue."));
 			}
 		})
 	] });
 }
-function Z(e) {
-	return k(A(e, Y))?.id ?? "";
+function q(e) {
+	return O(k(e, G))?.id ?? "";
 }
-function ee({ userId: e, entity: t, record: n, onCommitted: r }) {
-	let i = p(), c = p("errors"), l = O(), [u, d] = G(!1), [f, m] = G(0), h = async (u) => {
-		let f = M({
+function J({ userId: e, entity: t, record: n, onCommitted: r }) {
+	let i = p(), c = p("errors"), l = D(), [u, d] = V(!1), [f, m] = V(0), h = async (u) => {
+		let f = j({
 			entity: t,
-			formData: { [Y]: u },
+			formData: { [G]: u },
 			record: n,
 			isNew: !1
 		});
@@ -219,7 +219,7 @@ function ee({ userId: e, entity: t, record: n, onCommitted: r }) {
 			d(!0);
 			try {
 				await o(a, { id: e }, { $files: f });
-				let t = Z({ [Y]: u });
+				let t = q({ [G]: u });
 				t && l.markCommitted(t), await r(), y.success(i("profile.avatar.updated", "Avatar updated."));
 			} catch (e) {
 				await l.flushAllDrafts(), m((e) => e + 1), y.error(s(c, e));
@@ -228,10 +228,10 @@ function ee({ userId: e, entity: t, record: n, onCommitted: r }) {
 			}
 		}
 	};
-	return /* @__PURE__ */ q(U, { children: j({
+	return /* @__PURE__ */ U(z, { children: A({
 		entity: t,
 		entityCode: a,
-		fieldName: Y,
+		fieldName: G,
 		record: n,
 		mode: "edit",
 		onChange: (e) => void h(e),
@@ -240,13 +240,13 @@ function ee({ userId: e, entity: t, record: n, onCommitted: r }) {
 		fieldId: "profile-avatar"
 	}) }, f);
 }
-function te({ open: e, initialName: t, userId: n, onClose: r, onSaved: i }) {
-	let d = h().isPhone, f = p(), m = p("errors"), y = W(), [b, x] = G(t), [S, C] = G(!1), [w, T] = G(null);
+function Y({ open: e, initialName: t, userId: n, onClose: r, onSaved: i }) {
+	let d = h().isPhone, f = p(), m = p("errors"), y = B(), [b, x] = V(t), [S, C] = V(!1), [w, T] = V(null);
 	if (!e) return null;
 	let E = () => {
 		x(t), T(null), r();
 	};
-	return /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q("div", {
+	return /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("div", {
 		onClick: E,
 		style: {
 			position: "fixed",
@@ -255,7 +255,7 @@ function te({ open: e, initialName: t, userId: n, onClose: r, onSaved: i }) {
 			zIndex: 60,
 			backdropFilter: "blur(2px)"
 		}
-	}), /* @__PURE__ */ J("div", {
+	}), /* @__PURE__ */ W("div", {
 		"data-testid": "edit-profile-dialog",
 		style: {
 			position: "fixed",
@@ -272,7 +272,7 @@ function te({ open: e, initialName: t, userId: n, onClose: r, onSaved: i }) {
 			overflow: "hidden"
 		},
 		children: [
-			/* @__PURE__ */ J("div", {
+			/* @__PURE__ */ W("div", {
 				style: {
 					padding: "14px 18px 0",
 					display: "flex",
@@ -280,7 +280,7 @@ function te({ open: e, initialName: t, userId: n, onClose: r, onSaved: i }) {
 					gap: 10
 				},
 				children: [
-					/* @__PURE__ */ q("span", {
+					/* @__PURE__ */ U("span", {
 						style: {
 							width: 28,
 							height: 28,
@@ -291,18 +291,18 @@ function te({ open: e, initialName: t, userId: n, onClose: r, onSaved: i }) {
 							alignItems: "center",
 							justifyContent: "center"
 						},
-						children: /* @__PURE__ */ q(c.edit, { size: 15 })
+						children: /* @__PURE__ */ U(c.edit, { size: 15 })
 					}),
-					/* @__PURE__ */ J("div", {
+					/* @__PURE__ */ W("div", {
 						style: { flex: 1 },
-						children: [/* @__PURE__ */ q("div", {
+						children: [/* @__PURE__ */ U("div", {
 							style: {
 								fontSize: 14,
 								fontWeight: 600,
 								color: "var(--text)"
 							},
 							children: f("profile.edit", "Edit profile")
-						}), /* @__PURE__ */ q("div", {
+						}), /* @__PURE__ */ U("div", {
 							style: {
 								fontSize: 11.5,
 								color: "var(--text-3)"
@@ -310,33 +310,33 @@ function te({ open: e, initialName: t, userId: n, onClose: r, onSaved: i }) {
 							children: f("profile.edit.subtitle", "Update your display name.")
 						})]
 					}),
-					/* @__PURE__ */ q(u, {
-						icon: /* @__PURE__ */ q(c.x, { size: 14 }),
+					/* @__PURE__ */ U(u, {
+						icon: /* @__PURE__ */ U(c.x, { size: 14 }),
 						title: f("profile.edit.close", "Close"),
 						onClick: E
 					})
 				]
 			}),
-			/* @__PURE__ */ J("div", {
+			/* @__PURE__ */ W("div", {
 				style: {
 					padding: "12px 18px 16px",
 					display: "flex",
 					flexDirection: "column",
 					gap: 12
 				},
-				children: [/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(_, {
+				children: [/* @__PURE__ */ W("div", { children: [/* @__PURE__ */ U(_, {
 					required: !0,
 					htmlFor: y,
 					children: f("profile.display_name", "Display name")
-				}), /* @__PURE__ */ q(v, {
+				}), /* @__PURE__ */ U(v, {
 					id: y,
 					value: b,
 					onChange: x,
 					placeholder: f("profile.edit.name_placeholder", "Your name"),
 					autoFocus: !0
-				})] }), w && /* @__PURE__ */ q(V, { text: w })]
+				})] }), w && /* @__PURE__ */ U(L, { text: w })]
 			}),
-			/* @__PURE__ */ J("div", {
+			/* @__PURE__ */ W("div", {
 				style: {
 					padding: "10px 16px",
 					borderTop: "1px solid var(--divider)",
@@ -347,14 +347,14 @@ function te({ open: e, initialName: t, userId: n, onClose: r, onSaved: i }) {
 					flexWrap: d ? "wrap" : "nowrap"
 				},
 				children: [
-					/* @__PURE__ */ q("div", { style: { flex: 1 } }),
-					/* @__PURE__ */ q(l, {
+					/* @__PURE__ */ U("div", { style: { flex: 1 } }),
+					/* @__PURE__ */ U(l, {
 						onClick: E,
 						children: f("dialog.cancel", "Cancel")
 					}),
-					/* @__PURE__ */ q(l, {
+					/* @__PURE__ */ U(l, {
 						kind: "primary",
-						icon: q(S ? g : c.check, { size: 13 }),
+						icon: U(S ? g : c.check, { size: 13 }),
 						onClick: async () => {
 							if (!b.trim()) T(f("profile.edit.name_required", "Display name is required."));
 							else {
@@ -376,33 +376,38 @@ function te({ open: e, initialName: t, userId: n, onClose: r, onSaved: i }) {
 		]
 	})] });
 }
-function ne() {
+function X() {
 	try {
 		return Intl.DateTimeFormat().resolvedOptions().timeZone || "—";
 	} catch {
 		return "—";
 	}
 }
-function Q({ userId: e }) {
-	let { data: t } = n(), r = t?.entities.profile?.params_scope ?? "profile";
-	return /* @__PURE__ */ q(H, {
+function Z({ userId: e }) {
+	let { data: t } = n(), r = Q(t);
+	return /* @__PURE__ */ U(R, {
 		carrierEntityCode: a,
 		carrierScope: r,
 		rowId: e
 	});
 }
+function Q(e) {
+	return e?.entities.profile?.params_scope ?? "profile";
+}
 function $() {
-	let e = p(), { data: t } = n(), i = b().data?.find((e) => e.code === r), a = typeof i?.value == "string" ? i.value : e.language, o = t?.languages?.find((e) => e.code === a);
-	return /* @__PURE__ */ q(F, {
+	let e = p(), { data: t } = n(), i = b().data?.find((e) => e.code === r);
+	if (i?.scopes?.includes(Q(t))) return null;
+	let a = typeof i?.value == "string" ? i.value : e.language, o = t?.languages?.find((e) => e.code === a);
+	return /* @__PURE__ */ U(M, {
 		label: e(i?.name),
-		children: i ? o?.name[o.code] || e(o?.name) || a : /* @__PURE__ */ q(g, { size: 12 })
+		children: i ? o?.name[o.code] || e(o?.name) || a : /* @__PURE__ */ U(g, { size: 12 })
 	});
 }
-function re({ userId: e }) {
+function ie({ userId: e }) {
 	let { data: t } = n();
 	if (!e || !t) return null;
 	let r = t.entities[a];
-	return r ? /* @__PURE__ */ q(L, {
+	return r ? /* @__PURE__ */ U(P, {
 		node: {
 			associated: "api_key",
 			foreign_key: "user_id"
@@ -419,4 +424,4 @@ function re({ userId: e }) {
 	}) : null;
 }
 //#endregion
-export { X as Profile, $ as ProfileLanguageRow, Q as ProfileParamsBlock };
+export { K as Profile, $ as ProfileLanguageRow, Z as ProfileParamsBlock };

package/dist-lib/components/params/param-editors.js

@@ -1,19 +1,18 @@
 import { coerceDisplayString as e } from "../../lib/display-value.js";
 import { useSchema as t } from "../../hooks/useSchema.js";
-import { pluralText as n } from "../../lib/language.js";
-import { Icon as r } from "../primitives/Icons.js";
-import { Btn as i } from "../primitives/Btn.js";
-import { useText as a } from "../../hooks/useText.js";
-import { Spinner as o } from "../primitives/Spinner.js";
-import { FieldLabel as s } from "../primitives/Fields.js";
-import { ModalFrame as c } from "../shared/ModalFrame.js";
-import { ConfirmDialog as l } from "../shared/ConfirmDialog.js";
-import { renderField as u } from "../fields/index.js";
-import { refLabel as d, useRefRecords as f } from "../../hooks/useRefRecords.js";
-import { useState as p } from "react";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Icon as n } from "../primitives/Icons.js";
+import { Btn as r } from "../primitives/Btn.js";
+import { useText as i } from "../../hooks/useText.js";
+import { Spinner as a } from "../primitives/Spinner.js";
+import { FieldLabel as o } from "../primitives/Fields.js";
+import { ModalFrame as s } from "../shared/ModalFrame.js";
+import { ConfirmDialog as c } from "../shared/ConfirmDialog.js";
+import { renderField as l } from "../fields/index.js";
+import { refLabel as u, useRefRecords as d } from "../../hooks/useRefRecords.js";
+import { useState as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/components/params/param-editors.tsx
-var _ = {
+var g = {
 	object: ["params.source.object", "Record"],
 	user: ["params.source.user", "User"],
 	role: ["params.source.role", "Role"],
@@ -22,29 +21,29 @@ var _ = {
 	yaml: ["params.source.yaml", "Default"],
 	none: ["params.source.none", "Not set"]
 };
-function v(e, t) {
-	let n = _[t];
+function _(e, t) {
+	let n = g[t];
 	return n ? e(n[0], n[1]) : t;
 }
-var y = r["undo-2"];
-function b({ param: e, description: t, onReset: n }) {
-	let r = a(), [o, s] = p(!1);
-	return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(i, {
+var v = n["undo-2"];
+function y({ param: e, description: t, onReset: n }) {
+	let a = i(), [o, s] = f(!1);
+	return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(r, {
 		size: "xs",
-		icon: /* @__PURE__ */ h(y, { size: 12 }),
+		icon: /* @__PURE__ */ m(v, { size: 12 }),
 		onClick: () => s(!0),
-		children: r("params.reset", "Reset to default")
-	}), /* @__PURE__ */ h(l, {
+		children: a("params.reset", "Reset to default")
+	}), /* @__PURE__ */ m(c, {
 		open: o,
 		onOpenChange: s,
-		title: r("params.reset_confirm.title", "Reset {name} to default?", { name: r(e.name) || e.code }),
+		title: a("params.reset_confirm.title", "Reset {name} to default?", { name: a(e.name) || e.code }),
 		description: t,
-		confirmLabel: r("params.reset", "Reset to default"),
+		confirmLabel: a("params.reset", "Reset to default"),
 		onConfirm: () => n(e)
 	})] });
 }
-function x({ text: e }) {
-	return /* @__PURE__ */ g("div", {
+function b({ text: e }) {
+	return /* @__PURE__ */ h("div", {
 		style: {
 			padding: "8px 10px",
 			background: "var(--danger-soft)",
@@ -54,61 +53,46 @@ function x({ text: e }) {
 			display: "flex",
 			gap: 6
 		},
-		children: [/* @__PURE__ */ h(r.info, { size: 13 }), /* @__PURE__ */ h("span", { children: e })]
+		children: [/* @__PURE__ */ m(n.info, { size: 13 }), /* @__PURE__ */ m("span", { children: e })]
 	});
 }
-function S(e) {
-	let n = a(), { data: r } = t(), i = e.flatMap((e) => e.ref?.entity && e.value != null && e.value !== "" ? [{
+function x(e) {
+	let n = i(), { data: r } = t(), a = e.flatMap((e) => e.ref?.entity && e.value != null && e.value !== "" ? [{
 		ref: e.ref,
 		value: e.value
-	}] : []), { refs: o } = f(i, void 0, r?.entities);
-	return (e) => e.ref?.entity ? d(n, o, e.ref, e.value, r?.entities) : void 0;
+	}] : []), { refs: o } = d(a, void 0, r?.entities);
+	return (e) => e.ref?.entity ? u(n, o, e.ref, e.value, r?.entities) : void 0;
 }
-function C({ type: t, value: r, values: i, label: o, maxWidth: s = 180 }) {
-	let c = a(), l = (t) => {
-		let n = i?.find((e) => e.code === t);
-		return n && c(n.name) || e(t);
-	}, u;
-	if (o !== void 0) u = o;
-	else if (r == null) u = "—";
-	else if (i && i.length > 0) u = (Array.isArray(r) ? r.map(l).join(", ") : l(r)) || "—";
-	else if (t === "bool") u = r ? c("params.value.on", "On") : c("params.value.off", "Off");
-	else if (t === "multilang" || t === "multilang_text") u = c(r) || "—";
-	else if (t === "multilang_array" && Array.isArray(r)) u = r.map((e) => c(e)).join(", ") || "—";
-	else if (t === "json" || t === "structure") {
-		if (r && typeof r == "object") {
-			let e = Array.isArray(r) ? r.length : Object.keys(r).length;
-			u = `{${n(c, "params.value.keys", e, {
-				one: "{count} key",
-				other: "{count} keys"
-			})}}`;
-		} else u = e(r);
-	} else u = e(r);
-	return /* @__PURE__ */ h("span", {
+function S({ type: t, value: n, values: r, label: a, maxWidth: o = 180 }) {
+	let s = i(), c = (t) => {
+		let n = r?.find((e) => e.code === t);
+		return n && s(n.name) || e(t);
+	}, l;
+	return l = a === void 0 ? n == null ? "—" : r && r.length > 0 ? (Array.isArray(n) ? n.map(c).join(", ") : c(n)) || "—" : t === "bool" ? n ? s("params.value.on", "On") : s("params.value.off", "Off") : t === "multilang" || t === "multilang_text" ? s(n) || "—" : t === "multilang_array" && Array.isArray(n) ? n.map((e) => s(e)).join(", ") || "—" : t === "json" || t === "structure" ? Array.isArray(n) ? `[${n.map((t) => t && typeof t == "object" ? "{…}" : e(t)).join(", ")}]` : n && typeof n == "object" ? `{${Object.keys(n).join(", ")}}` : e(n) : e(n) : a, /* @__PURE__ */ m("span", {
 		className: "mono",
-		title: u,
+		title: l,
 		style: {
 			display: "inline-block",
 			verticalAlign: "middle",
 			fontSize: 11.5,
 			color: "var(--text-2)",
-			maxWidth: s,
+			maxWidth: o,
 			overflow: "hidden",
 			textOverflow: "ellipsis",
 			whiteSpace: "nowrap"
 		},
-		children: u
+		children: l
 	});
 }
-function w({ param: e, current: t, error: n, onCancel: l, onSave: u }) {
-	let d = a(), [f, m] = p(() => E(e, t)), [_, v] = p(!1), [y, b] = p(null);
+function C({ param: e, current: t, error: c, onCancel: l, onSave: u }) {
+	let d = i(), [p, g] = f(() => T(e, t)), [_, v] = f(!1), [y, x] = f(null);
 	async function S() {
-		b(null);
+		x(null);
 		let e;
 		try {
-			e = D(d, f);
+			e = E(d, p);
 		} catch (e) {
-			b(String(e instanceof Error ? e.message : e));
+			x(String(e instanceof Error ? e.message : e));
 			return;
 		}
 		v(!0);
@@ -118,21 +102,21 @@ function w({ param: e, current: t, error: n, onCancel: l, onSave: u }) {
 			v(!1);
 		}
 	}
-	return /* @__PURE__ */ g(c, {
+	return /* @__PURE__ */ h(s, {
 		label: d(e.name) || e.code,
 		maxWidth: 440,
 		onClose: l,
 		testId: "param-edit-dialog",
 		children: [
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ h("div", {
 				style: { padding: "14px 18px 0" },
-				children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ m("div", {
 					style: {
 						fontSize: 14,
 						fontWeight: 600
 					},
 					children: d(e.name) || e.code
-				}), e.description && /* @__PURE__ */ h("div", {
+				}), e.description && /* @__PURE__ */ m("div", {
 					style: {
 						fontSize: 11.5,
 						color: "var(--text-3)",
@@ -141,7 +125,7 @@ function w({ param: e, current: t, error: n, onCancel: l, onSave: u }) {
 					children: d(e.description)
 				})]
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ h("div", {
 				style: {
 					padding: "12px 18px 16px",
 					display: "flex",
@@ -150,16 +134,16 @@ function w({ param: e, current: t, error: n, onCancel: l, onSave: u }) {
 					overflowY: "auto"
 				},
 				children: [
-					/* @__PURE__ */ h(s, { children: d("params.value", "Value") }),
-					/* @__PURE__ */ h(T, {
+					/* @__PURE__ */ m(o, { children: d("params.value", "Value") }),
+					/* @__PURE__ */ m(w, {
 						param: e,
-						value: f,
-						onChange: m
+						value: p,
+						onChange: g
 					}),
-					(y || n) && /* @__PURE__ */ h(x, { text: y || n })
+					(y || c) && /* @__PURE__ */ m(b, { text: y || c })
 				]
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ h("div", {
 				style: {
 					padding: "10px 16px",
 					borderTop: "1px solid var(--divider)",
@@ -169,14 +153,14 @@ function w({ param: e, current: t, error: n, onCancel: l, onSave: u }) {
 					flexShrink: 0
 				},
 				children: [
-					/* @__PURE__ */ h("div", { style: { flex: 1 } }),
-					/* @__PURE__ */ h(i, {
+					/* @__PURE__ */ m("div", { style: { flex: 1 } }),
+					/* @__PURE__ */ m(r, {
 						onClick: l,
 						children: d("dialog.cancel", "Cancel")
 					}),
-					/* @__PURE__ */ h(i, {
+					/* @__PURE__ */ m(r, {
 						kind: "primary",
-						icon: h(_ ? o : r.check, { size: 13 }),
+						icon: m(_ ? a : n.check, { size: 13 }),
 						onClick: S,
 						disabled: _,
 						children: _ ? d("dialog.saving", "Saving…") : d("dialog.save", "Save")
@@ -186,15 +170,15 @@ function w({ param: e, current: t, error: n, onCancel: l, onSave: u }) {
 		]
 	});
 }
-function T({ param: e, value: t, onChange: n }) {
-	let r = a(), i = {
+function w({ param: e, value: t, onChange: n }) {
+	let r = i(), a = {
 		type: e.type,
 		structure: e.structure,
 		values: e.values,
 		ref: e.ref
 	};
-	return /* @__PURE__ */ h(m, { children: u({
-		field: i,
+	return /* @__PURE__ */ m(p, { children: l({
+		field: a,
 		fieldName: e.code,
 		value: t,
 		mode: "edit",
@@ -202,23 +186,23 @@ function T({ param: e, value: t, onChange: n }) {
 		t: r
 	}) });
 }
-function E(e, t) {
+function T(e, t) {
 	return e.type === "bool" ? t === !0 : e.type === "structure" ? t ?? {} : t ?? null;
 }
-function D(e, t) {
+function E(e, t) {
 	if (t == null) throw Error(e("params.value.required", "Enter a value."));
 	return t;
 }
-var O = /* @__PURE__ */ new Set([
+var D = /* @__PURE__ */ new Set([
 	"server",
 	"database",
 	"auth",
 	"sso",
 	"seeder"
 ]);
-function k(e) {
+function O(e) {
 	let t = e.scopes ?? [];
-	return t.length === 0 ? !O.has(e.category ?? "") : t.includes("tenant");
+	return t.length === 0 ? !D.has(e.category ?? "") : t.includes("tenant");
 }
 //#endregion
-export { w as EditParamDialog, x as ErrorLine, b as ResetParamControl, C as ValuePreview, v as paramSourceName, k as paramTenantEditable, S as useParamRefLabels };
+export { C as EditParamDialog, b as ErrorLine, y as ResetParamControl, S as ValuePreview, _ as paramSourceName, O as paramTenantEditable, x as useParamRefLabels };

package/dist-lib/lib/query-retry.js

@@ -1,7 +1,7 @@
 import { NetworkError as e } from "../types/api.js";
 //#region src/lib/query-retry.ts
 function t(t, n) {
-	return n instanceof e && n.method === "GET" || t < 1;
+	return n instanceof e && n.method === "GET" && n.failure === "unreachable" || t < 1;
 }
 //#endregion
 export { t as shouldRetryQuery };

package/dist-lib/stores/tabs.js

@@ -202,8 +202,17 @@ var y = t((t, n) => ({
 			...r
 		} : t) })), _(n().tabs, n().activeTabId);
 	},
-	setScope: (e, n) => {
-		u = e, d = n, t({ restored: !1 });
+	setScope: (e, r) => {
+		let i = d !== null && (r !== d || e !== u);
+		if (i) {
+			let { tabs: e, activeTabId: t } = n();
+			_(e, t);
+		}
+		u = e, d = r, t(i ? {
+			tabs: [],
+			activeTabId: null,
+			restored: !1
+		} : { restored: !1 });
 	},
 	hydrate: () => {
 		let e = v();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@declarion/react",
-  "version": "0.92.0",
+  "version": "0.94.0",
   "private": false,
   "license": "MIT",
   "description": "React SDK for Declarion, the schema-driven business apps platform.",
@@ -116,7 +116,7 @@
     "check:bundle": "node scripts/check-eager-bundle.mjs",
     "check:fonts": "node scripts/check-fonts.mjs",
     "check:pkg": "publint run",
-    "lint": "tsc --noEmit && eslint src --max-warnings=0",
+    "lint": "tsc --noEmit --incremental --tsBuildInfoFile node_modules/.cache/tsc/lint.tsbuildinfo && eslint --concurrency \"${ESLINT_CONCURRENCY:-2}\" src --max-warnings=0",
     "test": "vitest run",
     "test:coverage": "vitest run --coverage --project sdk",
     "preview": "vite preview"