@declarion/react 0.65.1 → 0.66.0

package/dist-lib/app.js

@@ -0,0 +1,262 @@
+import { backoffDelayMs as e } from "./api/request-bounds.js";
+import { EmbedProvider as t, useEmbed as n } from "./embed/EmbedContext.js";
+import { SmartDetailPage as r } from "./components/pages/SmartDetailPage.js";
+import { SmartListPage as i } from "./components/pages/SmartListPage.js";
+import { SmartRecordListPage as a } from "./components/pages/SmartRecordListPage.js";
+import { useFirstScreenSettledOnInput as o } from "./lib/capabilityPrefetch.js";
+import { useAuthStore as s } from "./stores/auth.js";
+import { useSchema as c } from "./hooks/useSchema.js";
+import { useLanguage as ee } from "./hooks/useLanguage.js";
+import { ResponsiveModeProvider as l } from "./hooks/useResponsiveMode.js";
+import { setIconRegistry as u } from "./stores/icon-registry.js";
+import { isValidLogoUrl as d } from "./lib/branding.js";
+import { usePublicParams as f } from "./hooks/useParams.js";
+import { useBranding as p } from "./hooks/useBranding.js";
+import { usePreferencesStore as m } from "./stores/preferences.js";
+import { EmbedAuthBootstrap as h } from "./embed/EmbedAuthBootstrap.js";
+import { DEFAULT_PAGE_STATE_TTL_MS as g } from "./stores/page-state.js";
+import { applyRetainedReadGcTime as _ } from "./hooks/usePageStateRuntime.js";
+import { useBrandingBreakpoints as v, useBrandingViewport as y } from "./hooks/useBrandingChrome.js";
+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 { 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 { 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 { 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";
+import { shouldRetryQuery as P } from "./lib/query-retry.js";
+import { getRegisteredScreen as F, registerScreen as I } from "./stores/screen-registry.js";
+import { CurrentScreenProvider as L } from "./hooks/useCurrentScreen.js";
+import { CONSUMER_BRAND_CSS_ID as R, applyBrandTokens as z, brandTokenCss as B } from "./lib/brand-tokens.js";
+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";
+I("Profile", k), I("TenantParameters", A);
+var Z = "declarion-managed-favicon", Q = new U({ defaultOptions: { queries: {
+	staleTime: 3e5,
+	retry: P,
+	retryDelay: e
+} } });
+_(Q, g);
+function $(e) {
+	if (typeof window > "u") return null;
+	try {
+		let t = new URL(e, window.location.origin);
+		return t.protocol !== window.location.protocol || t.host !== window.location.host ? null : t.href;
+	} catch {
+		return null;
+	}
+}
+function oe({ component: e, screenCode: t }) {
+	return o(), /* @__PURE__ */ K(e, { screenCode: t });
+}
+function se() {
+	let { data: e } = c();
+	return {
+		routes: H(() => {
+			if (!e) return [];
+			let t = [];
+			for (let [n, o] of Object.entries(e.screens ?? {})) if (o.type === "list") {
+				let r = o.entity;
+				if ((r ? e.entities?.[r] : void 0)?.singleton) continue;
+				t.push(/* @__PURE__ */ K(X, {
+					path: o.route,
+					element: /* @__PURE__ */ K(j, { children: /* @__PURE__ */ K(L, {
+						code: n,
+						children: /* @__PURE__ */ K(i, { screenCode: n })
+					}) })
+				}, n));
+			} else if (o.type === "detail") t.push(/* @__PURE__ */ K(X, {
+				path: o.route,
+				element: /* @__PURE__ */ K(j, { children: /* @__PURE__ */ K(L, {
+					code: n,
+					children: /* @__PURE__ */ K(r, { screenCode: n })
+				}) })
+			}, n));
+			else if (o.type === "record_list") t.push(/* @__PURE__ */ K(X, {
+				path: o.route,
+				element: /* @__PURE__ */ K(j, { children: /* @__PURE__ */ K(L, {
+					code: n,
+					children: /* @__PURE__ */ K(a, { screenCode: n })
+				}) })
+			}, n));
+			else if (o.type === "custom") {
+				let e = o.component ? F(o.component) : void 0;
+				e && t.push(/* @__PURE__ */ K(X, {
+					path: o.route,
+					element: /* @__PURE__ */ K(j, { children: /* @__PURE__ */ K(L, {
+						code: n,
+						children: /* @__PURE__ */ K(oe, {
+							component: e,
+							screenCode: n
+						})
+					}) })
+				}, n));
+			}
+			return t;
+		}, [e]),
+		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();
+	V(() => {
+		document.documentElement.lang = o;
+	}, [o]);
+	let S = typeof window < "u" && window.self !== window.top && !y.enabled;
+	V(() => {
+		y.enabled || S || e();
+	}, [
+		y.enabled,
+		S,
+		e
+	]);
+	let k = i?.icons;
+	V(() => {
+		u(k ?? {});
+	}, [k]);
+	let A = h?.identity, j = h?.theme;
+	V(() => {
+		if (typeof document > "u") return;
+		let e = A?.app_name?.trim();
+		e && (document.title = e);
+	}, [A?.app_name]), V(() => {
+		if (typeof document > "u") return;
+		let e = A?.app_logo, t = d(e) ? $(e.trim()) : null, n = document.getElementById(Z);
+		if (!t) n && n.remove();
+		else if (n) n.href !== t && (n.href = t);
+		else {
+			document.querySelectorAll("link[rel=\"icon\"], link[rel=\"shortcut icon\"]").forEach((e) => e.remove());
+			let e = document.createElement("link");
+			e.id = Z, e.rel = "icon", e.href = t, document.head.appendChild(e);
+		}
+	}, [A?.app_logo]);
+	let M = j?.css_url ?? null, N = H(() => B(j), [j]);
+	V(() => {
+		z(N);
+	}, [N]), V(() => {
+		if (typeof document > "u") return;
+		let e = document.getElementById(R);
+		if (!M) {
+			e && e.remove();
+			return;
+		}
+		let t = $(M);
+		if (!t) {
+			e && e.remove(), console.error(`[declarion] branding.theme.css_url rejected: ${M}. Only same-origin, relative URLs are allowed (e.g. /modules/crm/public/brand.css).`);
+			return;
+		}
+		if (e && e.href === t) return;
+		e && e.remove();
+		let n = document.createElement("link");
+		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: [
+		/* @__PURE__ */ K(X, {
+			path: "/login",
+			element: /* @__PURE__ */ K(C, {})
+		}),
+		/* @__PURE__ */ K(X, {
+			path: "/login/sso-callback",
+			element: /* @__PURE__ */ K(D, {})
+		}),
+		/* @__PURE__ */ K(X, {
+			path: "/signup",
+			element: /* @__PURE__ */ K(w, {})
+		}),
+		/* @__PURE__ */ K(X, {
+			path: "/forgot",
+			element: /* @__PURE__ */ K(te, {})
+		}),
+		/* @__PURE__ */ K(X, {
+			path: "/reset",
+			element: /* @__PURE__ */ K(T, {})
+		}),
+		/* @__PURE__ */ K(X, {
+			path: "/2fa",
+			element: /* @__PURE__ */ K(E, {})
+		}),
+		/* @__PURE__ */ q(X, {
+			element: /* @__PURE__ */ K(b, {}),
+			children: [
+				v && /* @__PURE__ */ q(G, { children: [/* @__PURE__ */ K(X, {
+					index: !0,
+					element: /* @__PURE__ */ K(Y, {
+						to: v,
+						replace: !0
+					})
+				}), /* @__PURE__ */ K(X, {
+					path: "/admin",
+					element: /* @__PURE__ */ K(Y, {
+						to: v,
+						replace: !0
+					})
+				})] }),
+				_,
+				/* @__PURE__ */ K(X, {
+					path: "/preferences",
+					element: /* @__PURE__ */ K(ne, {})
+				}),
+				/* @__PURE__ */ K(X, {
+					path: "/admin/catalog",
+					element: /* @__PURE__ */ K(re, {})
+				}),
+				/* @__PURE__ */ K(X, {
+					path: "*",
+					element: /* @__PURE__ */ K(O, {})
+				})
+			]
+		})
+	] });
+}
+function le() {
+	M();
+	let e = m((e) => e.toastPosition);
+	return /* @__PURE__ */ q(J, { children: [
+		/* @__PURE__ */ K(h, {}),
+		/* @__PURE__ */ K(N, {}),
+		/* @__PURE__ */ K(ce, {}),
+		/* @__PURE__ */ K(ae, {
+			position: e,
+			toastOptions: { unstyled: !0 },
+			expand: !0,
+			visibleToasts: 4,
+			gap: 8,
+			offset: {
+				top: 16,
+				bottom: 16,
+				left: 16,
+				right: "calc(var(--assistant-open-w) + 16px)"
+			}
+		})
+	] });
+}
+function ue({ children: e }) {
+	let t = y(), n = v();
+	return /* @__PURE__ */ K(l, {
+		viewport: t,
+		breakpoints: n,
+		children: e
+	});
+}
+function de() {
+	return /* @__PURE__ */ K(j, { children: /* @__PURE__ */ K(W, {
+		client: Q,
+		children: /* @__PURE__ */ K(t, { children: /* @__PURE__ */ K(ue, { children: /* @__PURE__ */ K(le, {}) }) })
+	}) });
+}
+//#endregion
+export { de as App };

package/dist-lib/components/actions/ActionButton.js

@@ -0,0 +1,116 @@
+import { useSchema as e } from "../../hooks/useSchema.js";
+import { Icon as t } from "../primitives/Icons.js";
+import { Btn as n } from "../primitives/Btn.js";
+import { IconBtn as r } from "../primitives/IconBtn.js";
+import { useText as i } from "../../hooks/useText.js";
+import { DynamicIcon as a } from "../shared/DynamicIcon.js";
+import { buildActionBody as o, executeAction as s, resolveAssociation as c } from "../../api/data.js";
+import { failureTitle as l } from "../../lib/failure.js";
+import { useTabNavigate as u } from "../../hooks/useTabNavigate.js";
+import { toast as d } from "../../lib/toast.js";
+import { evaluateConditions as f, findListScreenForEntity as p, isAssociationAction as m, rowDetailId as h } from "../../lib/actions.js";
+import { useActionRunner as g } from "./ActionRunner.js";
+import { executeUISteps as _, isUIAction as v } from "../../lib/ui-actions.js";
+import { useCallback as y, useState as b } from "react";
+import { jsx as x } from "react/jsx-runtime";
+//#region src/components/actions/ActionButton.tsx
+function S({ actionCode: S, action: C, entityCode: w, objectIds: T = [], row: E, variant: D = "outline", size: O = "default", onSuccess: k }) {
+	let A = i(), j = i("errors"), [M, N] = b(!1), [P, F] = b(!1), { data: I } = e(), L = u(), { run: R } = g(), z = m(C), B = !E || f(C.conditions, E), V = y(async () => {
+		if (C.association && T.length !== 0) {
+			N(!0);
+			try {
+				let e = w ? `${w}.${C.association}` : C.association, t = await c(e, T), n = p(I, t.target_entity);
+				if (!n) {
+					d.error(j("action.list_screen_missing", "No list screen is declared for this entity."), t.target_entity);
+					return;
+				}
+				let r = I?.entities[t.target_entity], i = A(C.display?.name) || t.target_entity;
+				if (t.ids.length === 0) {
+					d.info(A("action.association.none_related", "No related {name} found", { name: i }));
+					return;
+				}
+				let a = r?.fields.names().find((e) => r.fields.get(e)?.primary) ?? "id", o = new URLSearchParams();
+				o.set(`filter_${a}`, t.ids.join(",")), L(n.route, {
+					title: i,
+					icon: C.display?.icon || n.icon,
+					search: o.toString()
+				}), k?.();
+			} catch (e) {
+				d.error(l(j, e));
+			} finally {
+				N(!1);
+			}
+		}
+	}, [
+		A,
+		j,
+		C,
+		w,
+		T,
+		I,
+		L,
+		k
+	]), H = C.entity ? `${C.entity}.${S}` : S, U = T.length > 0 ? T : void 0, W = y(() => {
+		F(!0), R({
+			action: C,
+			title: A(C.display?.name) || S,
+			row: E,
+			entity: w,
+			execute: (e) => s(H, o(e, U)),
+			onSuccess: () => k?.()
+		}).finally(() => F(!1));
+	}, [
+		A,
+		R,
+		C,
+		S,
+		E,
+		w,
+		H,
+		U,
+		k
+	]), G = y(() => {
+		if (v(C)) _(j, C.ui_steps, { row: E }).then(() => k?.());
+		else if (z) V();
+		else if (C.href && !C.handler && !C.association) {
+			let e = w ? I?.entities[w] : void 0, t = h(E, e), n = C.href;
+			w && (n = n.replaceAll("${entity}", w)), t && (n = n.replaceAll("${id}", encodeURIComponent(t))), L(n, {
+				title: A(C.display?.name) || S,
+				icon: C.display?.icon
+			}), k?.();
+		} else W();
+	}, [
+		A,
+		j,
+		C,
+		E,
+		w,
+		I?.entities,
+		S,
+		L,
+		z,
+		V,
+		W,
+		k
+	]), K = A(C.display?.name), q = C.display?.icon, J = q && t[q], Y = J ? /* @__PURE__ */ x(J, { size: 13 }) : q ? /* @__PURE__ */ x(a, {
+		name: q,
+		size: 13
+	}) : null, X = !B || P || M;
+	return O === "icon" ? /* @__PURE__ */ x(r, {
+		icon: Y ?? /* @__PURE__ */ x(t.bolt, { size: 13 }),
+		onClick: G,
+		title: K
+	}) : /* @__PURE__ */ x(n, {
+		kind: D === "default" ? "primary" : D === "ghost" ? "ghost" : "default",
+		size: "sm",
+		icon: Y,
+		danger: C.destructive,
+		onClick: G,
+		disabled: X,
+		title: K,
+		"aria-label": K,
+		children: K
+	});
+}
+//#endregion
+export { S as ActionButton };

package/dist-lib/{ActionDialog-C6EG-AmC.js → components/actions/ActionDialog.js}

@@ -1,7 +1,17 @@
-import { E as e, Ft as t, un as n, wn as r, wt as i } from "./useCurrentScreen-BZOHBGQZ.js";
-import { t as a } from "./Icons-lt-7lhYR.js";
-import { n as o, r as s } from "./CopyButton-DRIT_f0k.js";
-import { Q as c, V as l, c as u, f as d, n as f, o as p, q as m } from "./PropertyGridEditor-XrP6TZ5s.js";
+import { coerceDisplayString as e } from "../../lib/display-value.js";
+import { normalizeRefConfig as t } from "../../types/schema.js";
+import { useSchema as n } from "../../hooks/useSchema.js";
+import { Icon as r } from "../primitives/Icons.js";
+import { Btn as i } from "../primitives/Btn.js";
+import { IconBtn as a } from "../primitives/IconBtn.js";
+import { useText as o } from "../../hooks/useText.js";
+import { Spinner as s } from "../primitives/Spinner.js";
+import { FieldLabel as c, Select as l } from "../primitives/Fields.js";
+import { actionConfirmMessage as u } from "../../lib/actions.js";
+import { renderField as d } from "../fields/index.js";
+import { interpolate as f } from "../../lib/ui-actions.js";
+import { useUnsavedInput as p } from "../../hooks/useUnsavedInput.js";
+import { PropertyGridEditor as m } from "./PropertyGridEditor.js";
 import { useCallback as h, useEffect as g, useMemo as _, useRef as v, useState as y } from "react";
 import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region src/components/actions/ActionDialog.tsx
@@ -20,7 +30,7 @@ function w(e, t) {
 		}
 		return i === void 0 ? ((t == null || !(r[0] in t)) && typeof console < "u" && console.warn && console.warn(`ActionDialog: prefill template ${e} could not be resolved; row is missing field '${r[0]}'`), "") : i ?? "";
 	}
-	return u(e, { row: t });
+	return f(e, { row: t });
 }
 function T(e) {
 	return {
@@ -33,13 +43,13 @@ function T(e) {
 		enum: e.enum,
 		values: e.values,
 		structure: e.structure,
-		ref: n(e.ref)
+		ref: t(e.ref)
 	};
 }
-function E(e, t) {
-	if (!e.includes("${")) return e;
-	let n = u(e, { params: t });
-	return n == null ? "" : r(n);
+function E(t, n) {
+	if (!t.includes("${")) return t;
+	let r = f(t, { params: n });
+	return r == null ? "" : e(r);
 }
 var D = /\$\{\s*([^}]+?)\s*\}/g;
 function O(e, t) {
@@ -48,66 +58,66 @@ function O(e, t) {
 	return !1;
 }
 function k({ param: e, value: t, onChange: n, statusGroups: r }) {
-	let a = i(), o = _(() => {
+	let i = o(), a = _(() => {
 		let t = r ? Object.entries(r) : [];
 		return [{
 			value: "",
-			label: e.required ? a("action.dialog.select_status_group", "Select status group…") : "—"
+			label: e.required ? i("action.dialog.select_status_group", "Select status group…") : "—"
 		}, ...t.map(([e, t]) => ({
 			value: e,
-			label: a(t.name) || e
+			label: i(t.name) || e
 		}))];
 	}, [
-		a,
+		i,
 		r,
 		e.required
 	]);
-	return /* @__PURE__ */ x(m, {
+	return /* @__PURE__ */ x(l, {
 		value: typeof t == "string" ? t : "",
-		options: o,
+		options: a,
 		onChange: (e) => n(e),
-		placeholder: a("action.dialog.select_status_group", "Select status group…")
+		placeholder: i("action.dialog.select_status_group", "Select status group…")
 	});
 }
-function A({ param: e, value: t, onChange: n, statusGroups: r, formData: a }) {
-	let o = i(), s = _(() => {
+function A({ param: e, value: t, onChange: n, statusGroups: r, formData: i }) {
+	let a = o(), s = _(() => {
 		if (!r) return [];
 		let t = e.filter?.status_group;
 		if (t) {
-			let e = E(t, a);
+			let e = E(t, i);
 			return e && r[e] ? r[e].statuses : [];
 		}
 		return Object.values(r).flatMap((e) => e.statuses);
 	}, [
 		r,
 		e.filter,
-		a
+		i
 	]), c = _(() => [{
 		value: "",
-		label: s.length === 0 ? o("action.dialog.select_status_group_first", "Select status group first") : o("action.dialog.select_status", "Select status…")
+		label: s.length === 0 ? a("action.dialog.select_status_group_first", "Select status group first") : a("action.dialog.select_status", "Select status…")
 	}, ...s.map((e) => ({
 		value: e.code,
-		label: o(e.name) || e.code
-	}))], [o, s]);
-	return /* @__PURE__ */ x(m, {
+		label: a(e.name) || e.code
+	}))], [a, s]);
+	return /* @__PURE__ */ x(l, {
 		value: typeof t == "string" ? t : "",
 		options: c,
 		onChange: (e) => n(e),
-		placeholder: o("action.dialog.select_status", "Select status…")
+		placeholder: a("action.dialog.select_status", "Select status…")
 	});
 }
-function j({ open: n, onOpenChange: r, action: u, actionName: m, onSubmit: C, isPending: E, row: D, bulkSelection: j }) {
-	let M = i(), { data: N } = t(), P = u.resolved_params, F = u.resolved_hidden_defaults ?? {}, I = !!u.destructive, L = e(M, u), R = h(() => {
-		E || r(!1);
-	}, [E, r]), z = v(null);
+function j({ open: e, onOpenChange: t, action: l, actionName: f, onSubmit: C, isPending: E, row: D, bulkSelection: j }) {
+	let M = o(), { data: N } = n(), P = l.resolved_params, F = l.resolved_hidden_defaults ?? {}, I = !!l.destructive, L = u(M, l), R = h(() => {
+		E || t(!1);
+	}, [E, t]), z = v(null);
 	g(() => {
-		n && z.current?.focus();
-	}, [n]);
+		e && z.current?.focus();
+	}, [e]);
 	let B = _(() => P ? Array.from(P) : [], [P]), V = _(() => {
-		if (u.entity && N) return N.entities[u.entity]?.status_groups;
-	}, [u.entity, N]), H = _(() => {
-		if (u.entity && N) return N.entities[u.entity];
-	}, [u.entity, N]), U = _(() => {
+		if (l.entity && N) return N.entities[l.entity]?.status_groups;
+	}, [l.entity, N]), H = _(() => {
+		if (l.entity && N) return N.entities[l.entity];
+	}, [l.entity, N]), U = _(() => {
 		if (H) {
 			for (let [e, t] of H.fields) if (t.primary) return e;
 			return H.primary_key?.[0];
@@ -127,7 +137,7 @@ function j({ open: n, onOpenChange: r, action: u, actionName: m, onSubmit: C, is
 		j,
 		U
 	]), [G] = y(W), [K, q] = y(G);
-	p(n && JSON.stringify(K) !== JSON.stringify(G));
+	p(e && JSON.stringify(K) !== JSON.stringify(G));
 	let J = h((e, t) => {
 		q((n) => {
 			let r = {
@@ -155,7 +165,7 @@ function j({ open: n, onOpenChange: r, action: u, actionName: m, onSubmit: C, is
 		B,
 		C
 	]);
-	return n ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("div", {
+	return e ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("div", {
 		onClick: R,
 		style: {
 			position: "fixed",
@@ -170,7 +180,7 @@ function j({ open: n, onOpenChange: r, action: u, actionName: m, onSubmit: C, is
 		role: "dialog",
 		"aria-modal": "true",
 		"aria-busy": E,
-		"aria-label": m,
+		"aria-label": f,
 		tabIndex: -1,
 		onKeyDown: (e) => {
 			e.key === "Escape" && R();
@@ -184,7 +194,7 @@ function j({ open: n, onOpenChange: r, action: u, actionName: m, onSubmit: C, is
 			width: "min(480px, calc(100vw - var(--safe-area-left) - var(--safe-area-right) - 16px))",
 			maxHeight: "calc(var(--app-height) - var(--safe-area-top) - var(--safe-area-bottom) - 16px)",
 			background: "var(--surface)",
-			borderRadius: 12,
+			borderRadius: "var(--radius-lg)",
 			boxShadow: "var(--shadow-lg)",
 			border: "1px solid var(--border)",
 			overflow: "hidden",
@@ -207,7 +217,7 @@ function j({ open: n, onOpenChange: r, action: u, actionName: m, onSubmit: C, is
 						style: {
 							width: 28,
 							height: 28,
-							borderRadius: 7,
+							borderRadius: "var(--radius-md)",
 							background: I ? "var(--danger-soft)" : "var(--accent-soft)",
 							color: I ? "var(--danger)" : "var(--accent)",
 							display: "inline-flex",
@@ -215,7 +225,7 @@ function j({ open: n, onOpenChange: r, action: u, actionName: m, onSubmit: C, is
 							justifyContent: "center",
 							flexShrink: 0
 						},
-						children: x(I ? a.trash : a.bolt, { size: 15 })
+						children: x(I ? r.trash : r.bolt, { size: 15 })
 					}),
 					/* @__PURE__ */ S("div", {
 						style: {
@@ -228,18 +238,18 @@ function j({ open: n, onOpenChange: r, action: u, actionName: m, onSubmit: C, is
 								fontWeight: 600,
 								color: "var(--text)"
 							},
-							children: m
+							children: f
 						}), /* @__PURE__ */ x("div", {
 							style: {
 								fontSize: 11.5,
 								color: "var(--text-3)",
 								marginTop: 2
 							},
-							children: M(u.display?.description) || (B.length > 0 ? M("action.dialog.params_hint", "Fill in the parameters below to execute this action.") : "")
+							children: M(l.display?.description) || (B.length > 0 ? M("action.dialog.params_hint", "Fill in the parameters below to execute this action.") : "")
 						})]
 					}),
-					/* @__PURE__ */ x(o, {
-						icon: /* @__PURE__ */ x(a.x, { size: 14 }),
+					/* @__PURE__ */ x(a, {
+						icon: /* @__PURE__ */ x(r.x, { size: 14 }),
 						onClick: R
 					})
 				]
@@ -261,7 +271,7 @@ function j({ open: n, onOpenChange: r, action: u, actionName: m, onSubmit: C, is
 						color: "var(--text-2)",
 						background: I ? "var(--danger-soft)" : "var(--surface-2)",
 						border: "1px solid var(--divider)",
-						borderRadius: 8,
+						borderRadius: "var(--radius-md)",
 						padding: "10px 12px"
 					},
 					children: L
@@ -284,7 +294,7 @@ function j({ open: n, onOpenChange: r, action: u, actionName: m, onSubmit: C, is
 						let r;
 						if (t.type === "entity_patch") {
 							let n = typeof t.filter?.targets == "string" ? t.filter.targets : void 0;
-							r = /* @__PURE__ */ x(f, {
+							r = /* @__PURE__ */ x(m, {
 								entity: H,
 								filterTargets: n,
 								selectedRows: j,
@@ -319,7 +329,7 @@ function j({ open: n, onOpenChange: r, action: u, actionName: m, onSubmit: C, is
 						return /* @__PURE__ */ S("div", {
 							style: { minWidth: 0 },
 							children: [
-								/* @__PURE__ */ x(l, {
+								/* @__PURE__ */ x(c, {
 									required: t.required,
 									children: n
 								}),
@@ -352,18 +362,18 @@ function j({ open: n, onOpenChange: r, action: u, actionName: m, onSubmit: C, is
 				},
 				children: [
 					/* @__PURE__ */ x("div", { style: { flex: 1 } }),
-					/* @__PURE__ */ x(s, {
+					/* @__PURE__ */ x(i, {
 						onClick: R,
 						disabled: E,
 						children: M("dialog.cancel", "Cancel")
 					}),
-					/* @__PURE__ */ x(s, {
+					/* @__PURE__ */ x(i, {
 						kind: "primary",
 						danger: I,
-						icon: x(E ? c : I ? a.trash : a.bolt, { size: 13 }),
+						icon: x(E ? s : I ? r.trash : r.bolt, { size: 13 }),
 						onClick: Y,
 						disabled: E,
-						children: E ? M("action.dialog.working", "Working…") : m || M("dialog.confirm", "Confirm")
+						children: E ? M("action.dialog.working", "Working…") : f || M("dialog.confirm", "Confirm")
 					})
 				]
 			})