@declarion/react 0.66.1 → 0.80.0

package/README.md

@@ -44,7 +44,7 @@ subscribes via `useSyncExternalStore`, so replacing the registry (identity switc
 re-renders every icon. Bare names resolve from Lucide - no registry entry needed.
 Lucide's per-icon `dynamicIconImports` map is loaded only via `import()` and stays
 out of the eager bundle (the curated `Icons.tsx` set is tree-shaken named imports).
-See [`examples/embed-host`](https://github.com/disciplinedware/declarion/blob/main/typescript/examples/embed-host) for a working host.
+See [`examples/embed-demo`](https://github.com/disciplinedware/declarion/blob/main/typescript/examples/embed-demo) for a working host.
 
 The curated built-in set is just a name→Lucide-component map with the SDK's
 `{ size, cls, style }` prop adapter; there is no hand-drawn SVG and no codegen.

package/dist-lib/api/auth.js

@@ -17,51 +17,61 @@ async function i(n, r, i) {
 		password: r,
 		display_name: i
 	});
-	return t(a.expires_at), a;
+	return a.verification_required || t(a.expires_at), a;
+}
+async function a(n, r) {
+	let i = await e("auth.confirm_signup", {
+		email: n,
+		code: r
+	});
+	return t(i.expires_at), i;
+}
+async function o(t) {
+	return e("auth.resend_signup_code", { email: t });
 }
-async function a() {
+async function s() {
 	return e("auth.me");
 }
-async function o() {
+async function c() {
 	return e("auth.me", {}, { isSessionProbe: !0 });
 }
-async function s() {
+async function l() {
 	return (await e("auth.list_tenants")).tenants;
 }
-async function c(n) {
+async function u(n) {
 	let r = await e("auth.switch_tenant", { tenant_id: n });
 	return t(r.expires_at), r;
 }
-async function l() {
+async function d() {
 	await e("auth.logout");
 }
-async function u(t) {
-	return (await e("sso_provider.list", t ? { tenant_code: t } : {})).providers;
+async function f(t) {
+	return (await e("auth.list_identity_providers", t ? { tenant_code: t } : {})).providers;
 }
-function d(e, t, n) {
+function p(e, t, n) {
 	let r = new URLSearchParams();
 	t && r.set("tenant", t), n && r.set("redirect", n);
 	let i = r.toString();
 	return `/api/auth/sso/authorize/${encodeURIComponent(e)}${i ? `?${i}` : ""}`;
 }
-async function f(t, n, r) {
+async function m(t, n, r) {
 	let i = {
 		target_user_id: t,
 		reason: n
 	};
 	return r != null && (i.duration_minutes = r), e("impersonation.start", i);
 }
-async function p() {
+async function h() {
 	return e("impersonation.stop");
 }
-async function m(t) {
+async function g(t) {
 	await e("impersonation.revoke", { session_id: t });
 }
-async function h(t, n) {
+async function _(t, n) {
 	await e("auth.change_password", {
 		current_password: t,
 		new_password: n
 	});
 }
 //#endregion
-export { h as changePassword, n as checkSetup, a as getMe, m as impersonationRevoke, f as impersonationStart, p as impersonationStop, u as listSSOProviders, s as listTenants, r as login, l as logout, o as probeSession, i as signup, d as ssoAuthorizeUrl, c as switchTenant };
+export { _ as changePassword, n as checkSetup, a as confirmSignup, s as getMe, g as impersonationRevoke, m as impersonationStart, h as impersonationStop, f as listIdentityProviders, l as listTenants, r as login, d as logout, c as probeSession, o as resendSignupCode, i as signup, p as ssoAuthorizeUrl, u as switchTenant };

package/dist-lib/app.js

@@ -21,16 +21,17 @@ import { Layout as b } from "./components/layout/Layout.js";
 import { BlankScreen as x } from "./components/shared/BlankScreen.js";
 import { schemaDefaultRoute as S } from "./lib/schema-routing.js";
 import { SignIn as C } from "./components/pages/auth/SignIn.js";
-import { SignUp as w } from "./components/pages/auth/SignUp.js";
-import { Forgot as te } from "./components/pages/auth/Forgot.js";
+import { SignUp as te } from "./components/pages/auth/SignUp.js";
+import { Forgot as w } from "./components/pages/auth/Forgot.js";
 import { Reset as T } from "./components/pages/auth/Reset.js";
 import { TwoFA as E } from "./components/pages/auth/TwoFA.js";
 import { SSOCallbackPage as D } from "./components/pages/SSOCallbackPage.js";
 import { NotFoundPage as O } from "./components/pages/NotFoundPage.js";
+import { NoScreensPage as ne } from "./components/pages/NoScreensPage.js";
 import { Profile as k } from "./components/pages/profile/Profile.js";
 import { TenantParamsPage as A } from "./components/pages/tenant-params/TenantParamsPage.js";
-import { Preferences as ne } from "./components/pages/profile/Preferences.js";
-import { AdminCatalogPage as re } from "./components/pages/AdminCatalogPage.js";
+import { Preferences as re } from "./components/pages/profile/Preferences.js";
+import { AdminCatalogPage as ie } from "./components/pages/AdminCatalogPage.js";
 import { ErrorBoundary as j } from "./components/shared/ErrorBoundary.js";
 import { useVersionWatcher as M } from "./hooks/useVersionWatcher.js";
 import { ConnectionNotice as N } from "./components/shared/ConnectionNotice.js";
@@ -41,8 +42,8 @@ import { CONSUMER_BRAND_CSS_ID as R, applyBrandTokens as z, brandTokenCss as B }
 import { useEffect as V, useMemo as H } from "react";
 import { QueryClient as U, QueryClientProvider as W } from "@tanstack/react-query";
 import { Fragment as G, jsx as K, jsxs as q } from "react/jsx-runtime";
-import { BrowserRouter as J, Navigate as Y, Route as X, Routes as ie } from "react-router";
-import { Toaster as ae } from "sonner";
+import { BrowserRouter as J, Navigate as Y, Route as X, Routes as ae } from "react-router";
+import { Toaster as oe } from "sonner";
 I("Profile", k), I("TenantParameters", A);
 var Z = "declarion-managed-favicon", Q = new U({ defaultOptions: { queries: {
 	staleTime: 3e5,
@@ -59,10 +60,10 @@ function $(e) {
 		return null;
 	}
 }
-function oe({ component: e, screenCode: t }) {
+function se({ component: e, screenCode: t }) {
 	return o(), /* @__PURE__ */ K(e, { screenCode: t });
 }
-function se() {
+function ce() {
 	let { data: e } = c();
 	return {
 		routes: H(() => {
@@ -98,7 +99,7 @@ function se() {
 					path: o.route,
 					element: /* @__PURE__ */ K(j, { children: /* @__PURE__ */ K(L, {
 						code: n,
-						children: /* @__PURE__ */ K(oe, {
+						children: /* @__PURE__ */ K(se, {
 							component: e,
 							screenCode: n
 						})
@@ -110,8 +111,8 @@ function se() {
 		defaultRoute: H(() => S(e), [e])
 	};
 }
-function ce() {
-	let e = s((e) => e.initialize), t = s((e) => e.isLoading), r = s((e) => e.isAuthenticated), { data: i, isError: a } = c(), o = ee(), { data: l, isLoading: m } = f(), { branding: h, isLoading: g } = p(), { routes: _, defaultRoute: v } = se(), y = n();
+function le() {
+	let e = s((e) => e.initialize), t = s((e) => e.isLoading), r = s((e) => e.isAuthenticated), { data: i, isError: a } = c(), o = ee(), { data: l, isLoading: m } = f(), { branding: h, isLoading: g } = p(), { routes: _, defaultRoute: v } = ce(), y = n();
 	V(() => {
 		document.documentElement.lang = o;
 	}, [o]);
@@ -164,7 +165,7 @@ function ce() {
 		n.id = R, n.rel = "stylesheet", n.href = t, document.head.appendChild(n);
 	}, [M]);
 	let P = y.enabled && !r;
-	return S || P || t || m && !l || g || !i && (r || !a) ? /* @__PURE__ */ K(x, {}) : /* @__PURE__ */ q(ie, { children: [
+	return S || P || t || m && !l || g || !i && (r || !a) ? /* @__PURE__ */ K(x, {}) : /* @__PURE__ */ q(ae, { children: [
 		/* @__PURE__ */ K(X, {
 			path: "/login",
 			element: /* @__PURE__ */ K(C, {})
@@ -175,11 +176,11 @@ function ce() {
 		}),
 		/* @__PURE__ */ K(X, {
 			path: "/signup",
-			element: /* @__PURE__ */ K(w, {})
+			element: /* @__PURE__ */ K(te, {})
 		}),
 		/* @__PURE__ */ K(X, {
 			path: "/forgot",
-			element: /* @__PURE__ */ K(te, {})
+			element: /* @__PURE__ */ K(w, {})
 		}),
 		/* @__PURE__ */ K(X, {
 			path: "/reset",
@@ -192,6 +193,10 @@ function ce() {
 		/* @__PURE__ */ q(X, {
 			element: /* @__PURE__ */ K(b, {}),
 			children: [
+				i && !v && /* @__PURE__ */ K(X, {
+					index: !0,
+					element: /* @__PURE__ */ K(ne, {})
+				}),
 				v && /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(X, {
 					index: !0,
 					element: /* @__PURE__ */ K(Y, {
@@ -208,11 +213,11 @@ function ce() {
 				_,
 				/* @__PURE__ */ K(X, {
 					path: "/preferences",
-					element: /* @__PURE__ */ K(ne, {})
+					element: /* @__PURE__ */ K(re, {})
 				}),
 				/* @__PURE__ */ K(X, {
 					path: "/admin/catalog",
-					element: /* @__PURE__ */ K(re, {})
+					element: /* @__PURE__ */ K(ie, {})
 				}),
 				/* @__PURE__ */ K(X, {
 					path: "*",
@@ -222,14 +227,14 @@ function ce() {
 		})
 	] });
 }
-function le() {
+function ue() {
 	M();
 	let e = m((e) => e.toastPosition);
 	return /* @__PURE__ */ q(J, { children: [
 		/* @__PURE__ */ K(h, {}),
 		/* @__PURE__ */ K(N, {}),
-		/* @__PURE__ */ K(ce, {}),
-		/* @__PURE__ */ K(ae, {
+		/* @__PURE__ */ K(le, {}),
+		/* @__PURE__ */ K(oe, {
 			position: e,
 			toastOptions: { unstyled: !0 },
 			expand: !0,
@@ -244,7 +249,7 @@ function le() {
 		})
 	] });
 }
-function ue({ children: e }) {
+function de({ children: e }) {
 	let t = y(), n = v();
 	return /* @__PURE__ */ K(l, {
 		viewport: t,
@@ -252,11 +257,11 @@ function ue({ children: e }) {
 		children: e
 	});
 }
-function de() {
+function fe() {
 	return /* @__PURE__ */ K(j, { children: /* @__PURE__ */ K(W, {
 		client: Q,
-		children: /* @__PURE__ */ K(t, { children: /* @__PURE__ */ K(ue, { children: /* @__PURE__ */ K(le, {}) }) })
+		children: /* @__PURE__ */ K(t, { children: /* @__PURE__ */ K(de, { children: /* @__PURE__ */ K(ue, {}) }) })
 	}) });
 }
 //#endregion
-export { de as App };
+export { fe as App };

package/dist-lib/components/chrome/AssociationTabs.js

@@ -14,7 +14,7 @@ import { useQuery as g } from "@tanstack/react-query";
 import { jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/components/chrome/AssociationTabs.tsx
 function y({ entityCode: e, recordId: t, associations: n, schema: o }) {
-	let s = r(), c = m(() => Object.entries(n), [n]), [l, u] = h(0);
+	let s = r(), c = m(() => Object.entries(n).filter(([, e]) => !!o.entities[e.target]), [n, o.entities]), [l, u] = h(0);
 	if (c.length === 0) return null;
 	let [d, f] = c[l];
 	return /* @__PURE__ */ _(i, {
@@ -66,72 +66,69 @@ function y({ entityCode: e, recordId: t, associations: n, schema: o }) {
 	});
 }
 function b({ entityCode: i, recordId: a, assocKey: h, association: y, schema: b }) {
-	let x = r(), S = r("errors"), C = c(), w = `${i}.${h}`, { data: T, isLoading: E } = g({
+	let x = r(), S = c(), C = `${i}.${h}`, { data: w, isLoading: T } = g({
 		queryKey: [
 			"association",
-			w,
+			C,
 			a
 		],
-		queryFn: () => s(w, [a])
-	}), D = T?.target_entity ?? y.target, O = b.entities[D], k = m(() => T?.ids ?? [], [T?.ids]), A = m(() => O?.fields.names().find((e) => O.fields.get(e)?.primary) ?? "id", [O]), j = m(() => k.slice(0, 50), [k]), { data: M, isLoading: N } = g({
+		queryFn: () => s(C, [a])
+	}), E = w?.target_entity ?? y.target, D = b.entities[E], O = m(() => w?.ids ?? [], [w?.ids]), k = m(() => D?.fields.names().find((e) => D.fields.get(e)?.primary) ?? "id", [D]), A = m(() => O.slice(0, 50), [O]), { data: j, isLoading: M } = g({
 		queryKey: [
 			"association-records",
-			D,
-			j
+			E,
+			A
 		],
-		queryFn: () => o(D, {
+		queryFn: () => o(E, {
 			per_page: 50,
 			filters: [{
-				field: A,
+				field: k,
 				op: "in",
-				value: j
+				value: A
 			}]
 		}),
-		enabled: j.length > 0 && !!O
-	}), P = M?.data ?? [], F = M?.$refs, I = m(() => O ? O.fields.names().filter((e) => {
-		let t = O.fields.get(e);
+		enabled: A.length > 0 && !!D
+	}), N = j?.data ?? [], P = j?.$refs, F = m(() => D ? D.fields.names().filter((e) => {
+		let t = D.fields.get(e);
 		return t && !t.primary && !t.auto && t.display?.is_listable !== !1;
-	}).slice(0, 6) : [], [O]), L = () => {
-		let e = l(b, D);
+	}).slice(0, 6) : [], [D]), I = () => {
+		let e = l(b, E);
 		if (!e) return;
 		let t = x(y.display?.name) || h, n = new URLSearchParams();
 		n.set("filters", JSON.stringify([{
-			field: A,
+			field: k,
 			op: "in",
-			value: k
-		}])), C(e.route, {
+			value: O
+		}])), S(e.route, {
 			title: t,
 			icon: y.display?.icon || e.icon,
 			search: n.toString()
 		});
-	}, R = {
+	}, L = {
 		fontSize: 12.5,
 		color: "var(--text-3)",
 		padding: "14px 16px"
 	};
-	if (E || N) return /* @__PURE__ */ _("div", {
-		style: R,
+	if (T || M) return /* @__PURE__ */ _("div", {
+		style: L,
 		children: x("shell.loading", "Loading…")
 	});
-	if (!O) return /* @__PURE__ */ _("div", {
-		style: R,
-		children: S("record.related_entity_not_found", "The related record type is not declared in this deployment.")
-	});
-	if (k.length === 0) return /* @__PURE__ */ _("div", {
-		style: R,
+	if (!D) return null;
+	if (O.length === 0) return /* @__PURE__ */ _("div", {
+		style: L,
 		children: x("shell.association.empty", "No related records.")
 	});
-	let z = l(b, D);
+	let R = l(b, E);
 	return /* @__PURE__ */ v("div", {
 		style: { padding: "8px 0" },
 		children: [
 			/* @__PURE__ */ v("table", {
 				style: p,
-				children: [/* @__PURE__ */ _("thead", { children: /* @__PURE__ */ _("tr", { children: I.map((t) => /* @__PURE__ */ _("th", {
+				children: [/* @__PURE__ */ _("thead", { children: /* @__PURE__ */ _("tr", { children: F.map((t) => /* @__PURE__ */ _("th", {
 					style: f,
-					children: e(x, O.fields.get(t), t, b.entities)
-				}, t)) }) }), /* @__PURE__ */ _("tbody", { children: P.map((e, t) => /* @__PURE__ */ _("tr", { children: I.map((t) => {
-					let n = O.fields.get(t);
+					children: e(x, D.fields.get(t), t, b.entities)
+				}, t)) }) }), /* @__PURE__ */ _("tbody", { children: N.map((e, t) => /* @__PURE__ */ _("tr", { children: F.map((t) => {
+					let n = D.fields.get(t);
 					return n ? /* @__PURE__ */ _("td", {
 						style: d,
 						children: u({
@@ -140,24 +137,24 @@ function b({ entityCode: i, recordId: a, assocKey: h, association: y, schema: b
 							value: e[t],
 							mode: "display",
 							record: e,
-							refs: F,
+							refs: P,
 							t: x
 						})
 					}, t) : /* @__PURE__ */ _("td", {}, t);
 				}) }, t)) })]
 			}),
-			z && T && T.count > P.length && /* @__PURE__ */ _("div", {
+			R && w && w.count > N.length && /* @__PURE__ */ _("div", {
 				style: {
 					padding: "10px 16px",
 					textAlign: "center"
 				},
 				children: /* @__PURE__ */ _(n, {
 					icon: /* @__PURE__ */ _(t.external, { size: 12 }),
-					onClick: L,
-					children: x("shell.association.view_all", "View all {count} records", { count: T.count })
+					onClick: I,
+					children: x("shell.association.view_all", "View all {count} records", { count: w.count })
 				})
 			}),
-			z && P.length > 0 && T && T.count <= P.length && /* @__PURE__ */ _("div", {
+			R && N.length > 0 && w && w.count <= N.length && /* @__PURE__ */ _("div", {
 				style: {
 					padding: "10px 16px",
 					textAlign: "center"
@@ -165,7 +162,7 @@ function b({ entityCode: i, recordId: a, assocKey: h, association: y, schema: b
 				children: /* @__PURE__ */ _(n, {
 					kind: "ghost",
 					icon: /* @__PURE__ */ _(t.external, { size: 12 }),
-					onClick: L,
+					onClick: I,
 					children: x("shell.association.open_list", "Open in list view")
 				})
 			})

package/dist-lib/components/chrome/HighlightsStrip.js

@@ -16,6 +16,7 @@ function r({ items: r }) {
 			background: "var(--divider)",
 			marginInline: 12
 		} }), /* @__PURE__ */ n("span", {
+			"data-testid": `highlight-${r.code}`,
 			style: {
 				display: "inline-flex",
 				alignItems: "center",
@@ -32,7 +33,7 @@ function r({ items: r }) {
 				style: { color: "var(--text)" },
 				children: r.value
 			})]
-		})] }, i))
+		})] }, r.code))
 	});
 }
 //#endregion

package/dist-lib/components/chrome/RecordHeader.js

@@ -3,14 +3,13 @@ import { IconBtn as t } from "../primitives/IconBtn.js";
 import { Pill as n } from "../primitives/Pill.js";
 import { InfoTooltip as r } from "../primitives/Tooltip.js";
 import { useText as i } from "../../hooks/useText.js";
-import { RecordIdBadge as a } from "../primitives/RecordIdBadge.js";
-import { headerActionZoneStyle as o } from "./headerActionZone.js";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { headerActionZoneStyle as a } from "./headerActionZone.js";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/chrome/RecordHeader.tsx
-var u = 160;
-function d({ icon: d, title: f, recordId: p, description: m, highlights: h, mode: g, dirty: _ = !1, showBack: v = !1, onBack: y, right: b, identityControls: x, showTitle: S = !0 }) {
-	let C = i();
-	return /* @__PURE__ */ l("div", {
+var l = 160;
+function u({ icon: u, title: d, description: f, highlights: p, mode: m, dirty: h = !1, showBack: g = !1, onBack: _, right: v, identityControls: y, showTitle: b = !0 }) {
+	let x = i();
+	return /* @__PURE__ */ c("div", {
 		style: {
 			display: "flex",
 			alignItems: "flex-start",
@@ -19,24 +18,24 @@ function d({ icon: d, title: f, recordId: p, description: m, highlights: h, mode
 			minWidth: 0
 		},
 		children: [
-			S && v && /* @__PURE__ */ c("div", {
+			b && g && /* @__PURE__ */ s("div", {
 				style: {
 					paddingTop: 4,
 					flexShrink: 0
 				},
-				children: /* @__PURE__ */ c(t, {
+				children: /* @__PURE__ */ s(t, {
 					size: 26,
-					icon: /* @__PURE__ */ c(e.back, { size: 14 }),
-					title: C("shell.back", "Back"),
-					onClick: y
+					icon: /* @__PURE__ */ s(e.back, { size: 14 }),
+					title: x("shell.back", "Back"),
+					onClick: _
 				})
 			}),
-			S && d && /* @__PURE__ */ c("div", {
+			b && u && /* @__PURE__ */ s("div", {
 				style: {
 					flexShrink: 0,
 					paddingTop: 2
 				},
-				children: /* @__PURE__ */ c("span", {
+				children: /* @__PURE__ */ s("span", {
 					style: {
 						width: 32,
 						height: 32,
@@ -47,11 +46,11 @@ function d({ icon: d, title: f, recordId: p, description: m, highlights: h, mode
 						alignItems: "center",
 						justifyContent: "center"
 					},
-					children: d
+					children: u
 				})
 			}),
-			S && /* @__PURE__ */ l(s, { children: [
-				/* @__PURE__ */ c("h1", {
+			b && /* @__PURE__ */ c(o, { children: [
+				/* @__PURE__ */ s("h1", {
 					style: {
 						margin: 0,
 						fontSize: "var(--page-title-size, var(--page-title-size-detail))",
@@ -59,25 +58,21 @@ function d({ icon: d, title: f, recordId: p, description: m, highlights: h, mode
 						letterSpacing: 0,
 						lineHeight: "var(--page-title-line-height, var(--page-title-line-height-detail))",
 						color: "var(--text)",
-						minWidth: u,
-						overflow: "hidden",
-						textOverflow: "ellipsis",
-						whiteSpace: "nowrap",
+						minWidth: l,
 						overflowWrap: "anywhere",
 						maxWidth: "100%",
 						flexGrow: 0,
 						flexShrink: 1,
 						flexBasis: "auto"
 					},
-					children: f
+					children: d
 				}),
-				p && p !== f && /* @__PURE__ */ c(a, { value: p }),
-				m && /* @__PURE__ */ c(r, {
-					label: m,
+				f && /* @__PURE__ */ s(r, {
+					label: f,
 					"data-testid": "detail-description-info"
 				}),
-				x,
-				g === "edit" && _ && /* @__PURE__ */ l("span", {
+				y,
+				m === "edit" && h && /* @__PURE__ */ c("span", {
 					style: {
 						display: "inline-flex",
 						alignItems: "center",
@@ -85,35 +80,35 @@ function d({ icon: d, title: f, recordId: p, description: m, highlights: h, mode
 						fontSize: 11,
 						color: "var(--warn)"
 					},
-					children: [/* @__PURE__ */ c("span", { style: {
+					children: [/* @__PURE__ */ s("span", { style: {
 						width: 6,
 						height: 6,
 						borderRadius: 999,
 						background: "var(--warn)"
-					} }), C("shell.record.unsaved", "Unsaved")]
+					} }), x("shell.record.unsaved", "Unsaved")]
 				}),
-				g === "create" && /* @__PURE__ */ c(n, {
+				m === "create" && /* @__PURE__ */ s(n, {
 					tone: "violet",
 					size: "xs",
 					dot: !0,
-					children: C("shell.record.new", "New record")
+					children: x("shell.record.new", "New record")
 				})
 			] }),
-			b && /* @__PURE__ */ c("div", {
+			v && /* @__PURE__ */ s("div", {
 				role: "toolbar",
-				"aria-label": C("shell.record.page_actions", "Page actions"),
-				style: o,
-				children: b
+				"aria-label": x("shell.record.page_actions", "Page actions"),
+				style: a,
+				children: v
 			}),
-			h && g === "display" && /* @__PURE__ */ c("div", {
+			p && m === "display" && /* @__PURE__ */ s("div", {
 				style: {
 					flexBasis: "100%",
 					minWidth: 0
 				},
-				children: h
+				children: p
 			})
 		]
 	});
 }
 //#endregion
-export { d as RecordHeader };
+export { u as RecordHeader };

package/dist-lib/components/detail-layout/AssociatedBlock.js

@@ -19,8 +19,8 @@ import { renderField as O } from "../fields/index.js";
 import { dispatchAction as k } from "../../lib/action-dispatch.js";
 import { ResponsiveActionBar as A } from "../actions/ResponsiveActionBar.js";
 import { dataTableCellStyle as j, dataTableHeadCellStyle as M, dataTableStyle as N } from "../primitives/dataTableStyles.js";
-import { useAssociatedData as P } from "../../hooks/useAssociatedData.js";
-import { ActionButton as F } from "../actions/ActionButton.js";
+import { ActionButton as P } from "../actions/ActionButton.js";
+import { useAssociatedData as F } from "../../hooks/useAssociatedData.js";
 import { RowActionsKebab as I } from "../actions/RowActionsKebab.js";
 import { AssociatedToolbar as L } from "./AssociatedToolbar.js";
 import { useCallback as R, useEffect as ee, useId as z, useMemo as B, useRef as V, useState as H } from "react";
@@ -113,18 +113,7 @@ function q({ node: e, ctx: t }) {
 	let n = u("errors"), r = e.associated;
 	if (!r || t.isNew) return null;
 	let i = t.schema.entities[r];
-	if (!i) return /* @__PURE__ */ G("div", {
-		style: {
-			fontSize: 12.5,
-			color: "var(--text-3)",
-			padding: "8px 0"
-		},
-		children: [
-			n("record.related_entity_not_found", "The related record type is not declared in this deployment."),
-			" ",
-			/* @__PURE__ */ W("code", { children: r })
-		]
-	});
+	if (!i) return null;
 	let a = e.foreign_key ?? re(t.schema.entities, t.entityCode, r);
 	return a ? /* @__PURE__ */ W(J, {
 		node: e,
@@ -185,7 +174,7 @@ function J({ node: e, ctx: t, assocCode: r, assocEntity: i, fkField: a }) {
 		r,
 		o,
 		j
-	]), N = U(), P = R(() => {
+	]), N = U(), F = R(() => {
 		N.invalidateQueries({ predicate: (e) => {
 			let t = e.queryKey;
 			return t[0] === "entity-children" && t[3] === r;
@@ -197,7 +186,7 @@ function J({ node: e, ctx: t, assocCode: r, assocEntity: i, fkField: a }) {
 			title: o(t.display?.name) || e,
 			execute: async (e) => {
 				let t = await y(n, h(e, void 0));
-				return P(), t;
+				return F(), t;
 			}
 		});
 	}, [
@@ -205,7 +194,7 @@ function J({ node: e, ctx: t, assocCode: r, assocEntity: i, fkField: a }) {
 		l,
 		O,
 		r,
-		P
+		F
 	]), [L, ee] = H(0), z = /* @__PURE__ */ G("div", {
 		style: {
 			display: "flex",
@@ -222,13 +211,13 @@ function J({ node: e, ctx: t, assocCode: r, assocEntity: i, fkField: a }) {
 			onRun: I,
 			widgetContext: M,
 			ariaLabel: o("record.associated.toolbar_actions", "{name} toolbar actions", { name: v })
-		}) : x.map(({ code: e, action: t }) => /* @__PURE__ */ W(F, {
+		}) : x.map(({ code: e, action: t }) => /* @__PURE__ */ W(P, {
 			actionCode: e,
 			action: t,
 			entityCode: r,
 			variant: "ghost",
 			size: "sm",
-			onSuccess: P
+			onSuccess: F
 		}, e)), _ && /* @__PURE__ */ W(c, {
 			kind: "ghost",
 			size: "xs",
@@ -329,7 +318,7 @@ function se({ entityCode: e, entity: t, parentEntity: n, parentId: r, foreignKey
 				[e]: t
 			};
 		});
-	}, []), E = B(() => Object.keys(S).length > 0 ? S : void 0, [S]), { data: D, isLoading: O, isError: k, hasNextPage: A, fetchNextPage: j, isFetchingNextPage: M } = P(n, r, e, i, m, void 0, b || void 0, E), { rows: N, refs: F } = B(() => {
+	}, []), E = B(() => Object.keys(S).length > 0 ? S : void 0, [S]), { data: D, isLoading: O, isError: k, hasNextPage: A, fetchNextPage: j, isFetchingNextPage: M } = F(n, r, e, i, m, void 0, b || void 0, E), { rows: N, refs: P } = B(() => {
 		if (!D?.pages) return {
 			rows: [],
 			refs: void 0
@@ -373,7 +362,7 @@ function se({ entityCode: e, entity: t, parentEntity: n, parentId: r, foreignKey
 			interaction: s,
 			ctx: l,
 			rows: N,
-			refs: F,
+			refs: P,
 			isLoading: O,
 			isError: k,
 			invalidateQuery: I,

package/dist-lib/components/detail-layout/ChildrenBlock.js

@@ -30,14 +30,7 @@ function b({ node: g, ctx: b }) {
 		]
 	});
 	let D = b.schema.entities[E.entity];
-	if (!D) return /* @__PURE__ */ v("div", {
-		className: "text-sm text-muted-foreground py-2",
-		children: [
-			S("record.related_entity_not_found", "The related record type is not declared in this deployment."),
-			" ",
-			/* @__PURE__ */ _("code", { children: E.entity })
-		]
-	});
+	if (!D) return null;
 	let O = l(E, D, g), k = s(g, b, x), A = o(g, b), j = (e) => O.mode === "timeline" || b.withinCard ? e : /* @__PURE__ */ _(n, {
 		title: k,
 		icon: A ? /* @__PURE__ */ _(i, {