@declarion/react 0.65.1 → 0.66.0

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

@@ -0,0 +1,437 @@
+import { changePassword as e } from "../../../api/auth.js";
+import { useAuthStore as t } from "../../../stores/auth.js";
+import { useSchema as n } from "../../../hooks/useSchema.js";
+import { LANGUAGE_PARAMETER as r, pluralText as i } from "../../../lib/language.js";
+import { Icon as a } from "../../primitives/Icons.js";
+import { Btn as o } from "../../primitives/Btn.js";
+import { IconBtn as s } from "../../primitives/IconBtn.js";
+import { Pill as c } from "../../primitives/Pill.js";
+import { Chip as l } from "../../primitives/Chip.js";
+import { useText as u } from "../../../hooks/useText.js";
+import { SectionCard as d } from "../../primitives/SectionCard.js";
+import { useResponsiveMode as f } from "../../../hooks/useResponsiveMode.js";
+import { Spinner as p } from "../../primitives/Spinner.js";
+import { FieldLabel as m, Select as h, TextInput as g } from "../../primitives/Fields.js";
+import { DynamicIcon as _ } from "../../shared/DynamicIcon.js";
+import { updateEntity as v } from "../../../api/data.js";
+import { failureTitle as y } from "../../../lib/failure.js";
+import { useAllParams as b, useCarrierParamOverrides as x } from "../../../hooks/useParams.js";
+import { useTabNavigate as S } from "../../../hooks/useTabNavigate.js";
+import { toast as C } from "../../../lib/toast.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 ee } from "../../fields/cells/factories/emptyCell.js";
+import { ChangePasswordDialog as N } from "../../shared/ChangePasswordDialog.js";
+import { AssociatedBlock as P } from "../../detail-layout/AssociatedBlock.js";
+import { FieldRow as F, FieldsGrid as I } from "../../detail-layout/FieldRow.js";
+import { DetailAuditStrip as te } from "../../detail-layout/DetailAuditStrip.js";
+import { RecordHeader as L } from "../../chrome/RecordHeader.js";
+import { PageShell as R } from "../../chrome/PageShell.js";
+import { ErrorLine as z } from "../../params/param-editors.js";
+import { ParamsBlock as B } from "../../params/ParamsBlock.js";
+import { Fragment as V, useId as H, useState as U } from "react";
+import { Fragment as W, jsx as G, jsxs as K } from "react/jsx-runtime";
+//#region src/components/pages/profile/Profile.impl.tsx
+var q = "profile", J = "avatar";
+function Y() {
+	let r = S(), s = t((e) => e.user), f = t((e) => e.activeTenant), p = t((e) => e.refreshMe), { data: m } = n(), h = T(), g = w("custom"), v = u(), y = E(q, s?.id), b = y.data?.data, [x, O] = U(!1), [k, A] = U(!1), M = m?.entities[q], P = s?.display_name || s?.email || v("profile.user_fallback", "User"), z = s?.roles && s.roles[0] || v("profile.role_fallback", "Member"), B = f?.env ? `${f.name} · ${f.env}` : f?.name ?? "—", V = (e) => M && j({
+		entity: M,
+		entityCode: q,
+		fieldName: e,
+		record: {
+			email: s?.email,
+			display_name: s?.display_name
+		},
+		mode: "display",
+		t: v
+	});
+	return /* @__PURE__ */ K(W, { children: [
+		/* @__PURE__ */ K(R, {
+			header: /* @__PURE__ */ G("div", {
+				"data-testid": "profile-hero",
+				children: /* @__PURE__ */ G(L, {
+					icon: M?.display.icon ? /* @__PURE__ */ G(_, {
+						name: M.display.icon,
+						size: 16
+					}) : void 0,
+					title: P,
+					recordId: s?.id,
+					mode: "display",
+					showTitle: g.isVisible("show_title"),
+					highlights: /* @__PURE__ */ K("div", {
+						className: "flex flex-wrap gap-1",
+						children: [
+							/* @__PURE__ */ G(c, {
+								tone: "violet",
+								size: "xs",
+								dot: !0,
+								children: z
+							}),
+							/* @__PURE__ */ G(c, {
+								tone: "slate",
+								size: "xs",
+								children: B
+							}),
+							s?.is_active && /* @__PURE__ */ G(c, {
+								tone: "emerald",
+								size: "xs",
+								dot: !0,
+								children: v("profile.status.active", "Active")
+							})
+						]
+					}),
+					right: g.isVisible("show_actions") && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(o, {
+						icon: /* @__PURE__ */ G(a.edit, { size: 13 }),
+						onClick: () => A(!0),
+						children: v("profile.edit", "Edit profile")
+					}), /* @__PURE__ */ G(o, {
+						icon: /* @__PURE__ */ G(a.settings, { size: 13 }),
+						onClick: () => r("/preferences", { topLevel: !0 }),
+						children: v("profile.preferences", "Preferences")
+					})] })
+				})
+			}),
+			children: [
+				/* @__PURE__ */ G(d, {
+					title: v("profile.personal.title", "Personal info"),
+					icon: /* @__PURE__ */ G(a.users, { size: 14 }),
+					children: /* @__PURE__ */ G("div", {
+						"data-testid": "profile-personal-info-grid",
+						children: /* @__PURE__ */ K(I, { children: [
+							s && M && b && /* @__PURE__ */ G(F, {
+								label: v("profile.avatar", "Avatar"),
+								children: /* @__PURE__ */ G(D, { children: /* @__PURE__ */ G(Z, {
+									userId: s.id,
+									entity: M,
+									record: b,
+									onCommitted: async () => {
+										await y.refetch();
+									}
+								}, X(b)) })
+							}),
+							/* @__PURE__ */ G(F, {
+								label: v("profile.display_name", "Display name"),
+								children: V("display_name")
+							}),
+							/* @__PURE__ */ G(F, {
+								label: v("profile.personal.email", "Email"),
+								"data-testid": "profile-email",
+								children: V("email")
+							}),
+							/* @__PURE__ */ G(F, {
+								label: v("profile.personal.timezone", "Timezone"),
+								children: re()
+							}),
+							s?.id && /* @__PURE__ */ G($, { userId: s.id })
+						] })
+					})
+				}),
+				/* @__PURE__ */ G(d, {
+					title: v("profile.security.title", "Security"),
+					icon: /* @__PURE__ */ G(a.shield, { size: 14 }),
+					children: /* @__PURE__ */ G(I, { children: /* @__PURE__ */ G(F, {
+						label: v("profile.security.password", "Password"),
+						hint: v("profile.security.password_hint", "Update at any time"),
+						children: /* @__PURE__ */ G(o, {
+							size: "xs",
+							onClick: () => O(!0),
+							children: v("profile.security.password_change", "Change")
+						})
+					}) })
+				}),
+				/* @__PURE__ */ G(d, {
+					title: v("profile.access.title", "Access"),
+					icon: /* @__PURE__ */ G(a.key, { size: 14 }),
+					children: /* @__PURE__ */ K(I, { children: [
+						/* @__PURE__ */ G(F, {
+							label: v("profile.access.role", "Role"),
+							children: /* @__PURE__ */ G(c, {
+								tone: "violet",
+								size: "xs",
+								dot: !0,
+								children: z
+							})
+						}),
+						/* @__PURE__ */ G(F, {
+							label: v("profile.access.groups", "Groups"),
+							children: s?.roles && s.roles.length > 0 ? /* @__PURE__ */ G("div", {
+								className: "flex flex-wrap gap-1",
+								children: s.roles.map((e) => /* @__PURE__ */ G(l, { children: e }, e))
+							}) : ee
+						}),
+						/* @__PURE__ */ G(F, {
+							label: v("profile.access.permissions", "Permissions"),
+							children: i(v, "profile.access.permissions_explicit", s?.permissions?.length ?? 0, {
+								one: "{count} explicit",
+								other: "{count} explicit"
+							})
+						})
+					] })
+				}),
+				/* @__PURE__ */ G(ie, { userId: s?.id }),
+				s?.id && /* @__PURE__ */ G(Q, { userId: s.id }),
+				h?.screen && m && M && b && /* @__PURE__ */ G(te, {
+					screen: h.screen,
+					entity: M,
+					entityCode: q,
+					record: b,
+					schema: m
+				})
+			]
+		}),
+		/* @__PURE__ */ G(ne, {
+			open: k,
+			initialName: s?.display_name ?? "",
+			userId: s?.id ?? "",
+			onClose: () => A(!1),
+			onSaved: async () => {
+				await p(), A(!1);
+			}
+		}),
+		/* @__PURE__ */ G(N, {
+			open: x,
+			onClose: () => O(!1),
+			onSubmit: async ({ current: t, next: n }) => {
+				await e(t, n), C.success(v("profile.password.changed", "Password changed. Sign in again to continue."));
+			}
+		})
+	] });
+}
+function X(e) {
+	return k(A(e, J))?.id ?? "";
+}
+function Z({ userId: e, entity: t, record: n, onCommitted: r }) {
+	let i = u(), a = u("errors"), o = O(), [s, c] = U(!1), [l, d] = U(0), f = async (s) => {
+		let l = M({
+			entity: t,
+			formData: { [J]: s },
+			record: n,
+			isNew: !1
+		});
+		if (Object.keys(l).length !== 0) {
+			c(!0);
+			try {
+				await v(q, { id: e }, { $files: l });
+				let t = X({ [J]: s });
+				t && o.markCommitted(t), await r(), C.success(i("profile.avatar.updated", "Avatar updated."));
+			} catch (e) {
+				await o.flushAllDrafts(), d((e) => e + 1), C.error(y(a, e));
+			} finally {
+				c(!1);
+			}
+		}
+	};
+	return /* @__PURE__ */ G(V, { children: j({
+		entity: t,
+		entityCode: q,
+		fieldName: J,
+		record: n,
+		mode: "edit",
+		onChange: (e) => void f(e),
+		disabled: s,
+		t: i,
+		fieldId: "profile-avatar"
+	}) }, l);
+}
+function ne({ open: e, initialName: t, userId: n, onClose: r, onSaved: i }) {
+	let c = f().isPhone, l = u(), d = u("errors"), h = H(), [_, b] = U(t), [x, S] = U(!1), [C, w] = U(null);
+	if (!e) return null;
+	let T = () => {
+		b(t), w(null), r();
+	};
+	return /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G("div", {
+		onClick: T,
+		style: {
+			position: "fixed",
+			inset: 0,
+			background: "var(--scrim)",
+			zIndex: 60,
+			backdropFilter: "blur(2px)"
+		}
+	}), /* @__PURE__ */ K("div", {
+		"data-testid": "edit-profile-dialog",
+		style: {
+			position: "fixed",
+			top: "50%",
+			left: "50%",
+			transform: "translate(-50%, -50%)",
+			zIndex: 61,
+			width: c ? "calc(100vw - 24px)" : 420,
+			maxWidth: "calc(100vw - 24px)",
+			background: "var(--surface)",
+			borderRadius: "var(--radius-lg)",
+			boxShadow: "var(--shadow-lg)",
+			border: "1px solid var(--border)",
+			overflow: "hidden"
+		},
+		children: [
+			/* @__PURE__ */ K("div", {
+				style: {
+					padding: "14px 18px 0",
+					display: "flex",
+					alignItems: "center",
+					gap: 10
+				},
+				children: [
+					/* @__PURE__ */ G("span", {
+						style: {
+							width: 28,
+							height: 28,
+							borderRadius: "var(--radius-md)",
+							background: "var(--accent-soft)",
+							color: "var(--accent)",
+							display: "inline-flex",
+							alignItems: "center",
+							justifyContent: "center"
+						},
+						children: /* @__PURE__ */ G(a.edit, { size: 15 })
+					}),
+					/* @__PURE__ */ K("div", {
+						style: { flex: 1 },
+						children: [/* @__PURE__ */ G("div", {
+							style: {
+								fontSize: 14,
+								fontWeight: 600,
+								color: "var(--text)"
+							},
+							children: l("profile.edit", "Edit profile")
+						}), /* @__PURE__ */ G("div", {
+							style: {
+								fontSize: 11.5,
+								color: "var(--text-3)"
+							},
+							children: l("profile.edit.subtitle", "Update your display name.")
+						})]
+					}),
+					/* @__PURE__ */ G(s, {
+						icon: /* @__PURE__ */ G(a.x, { size: 14 }),
+						title: l("profile.edit.close", "Close"),
+						onClick: T
+					})
+				]
+			}),
+			/* @__PURE__ */ K("div", {
+				style: {
+					padding: "12px 18px 16px",
+					display: "flex",
+					flexDirection: "column",
+					gap: 12
+				},
+				children: [/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G(m, {
+					required: !0,
+					htmlFor: h,
+					children: l("profile.display_name", "Display name")
+				}), /* @__PURE__ */ G(g, {
+					id: h,
+					value: _,
+					onChange: b,
+					placeholder: l("profile.edit.name_placeholder", "Your name"),
+					autoFocus: !0
+				})] }), C && /* @__PURE__ */ G(z, { text: C })]
+			}),
+			/* @__PURE__ */ K("div", {
+				style: {
+					padding: "10px 16px",
+					borderTop: "1px solid var(--divider)",
+					display: "flex",
+					alignItems: "center",
+					gap: 8,
+					background: "var(--surface-2)",
+					flexWrap: c ? "wrap" : "nowrap"
+				},
+				children: [
+					/* @__PURE__ */ G("div", { style: { flex: 1 } }),
+					/* @__PURE__ */ G(o, {
+						onClick: T,
+						children: l("dialog.cancel", "Cancel")
+					}),
+					/* @__PURE__ */ G(o, {
+						kind: "primary",
+						icon: G(x ? p : a.check, { size: 13 }),
+						onClick: async () => {
+							if (!_.trim()) w(l("profile.edit.name_required", "Display name is required."));
+							else {
+								w(null), S(!0);
+								try {
+									await v(q, { id: n }, { display_name: _.trim() }), await i();
+								} catch (e) {
+									w(y(d, e));
+								} finally {
+									S(!1);
+								}
+							}
+						},
+						disabled: !_.trim() || x,
+						children: x ? l("dialog.saving", "Saving…") : l("dialog.save", "Save")
+					})
+				]
+			})
+		]
+	})] });
+}
+function re() {
+	try {
+		return Intl.DateTimeFormat().resolvedOptions().timeZone || "—";
+	} catch {
+		return "—";
+	}
+}
+function Q({ userId: e }) {
+	let { data: t } = n(), r = t?.entities[q]?.params_scope ?? q;
+	return /* @__PURE__ */ G(B, {
+		carrierEntityCode: q,
+		carrierScope: r,
+		rowId: e
+	});
+}
+function $({ userId: e }) {
+	let t = u(), { data: i } = n(), a = b().data?.find((e) => e.code === r), o = i?.entities[q]?.params_scope ?? q, s = !!a?.scopes?.includes(o), { save: c, error: l, isLoading: d } = x({
+		carrierEntityCode: q,
+		rowId: e,
+		enabled: s
+	}), [f, m] = U(!1), g = (i?.languages ?? []).map((e) => ({
+		value: e.code,
+		label: e.name[e.code] || t(e.name) || e.code
+	})), _ = typeof a?.value == "string" ? a.value : t.language, v = async (e) => {
+		a && e !== _ && (m(!0), await c(a, e), m(!1));
+	};
+	return /* @__PURE__ */ G(F, {
+		label: t(a?.name),
+		mode: s ? "edit" : "display",
+		error: l ?? void 0,
+		children: !a || d ? /* @__PURE__ */ G(p, { size: 12 }) : s ? /* @__PURE__ */ G(h, {
+			"data-testid": "profile-language",
+			value: _,
+			options: g,
+			disabled: f,
+			onChange: (e) => void v(e)
+		}) : g.find((e) => e.value === _)?.label ?? _
+	});
+}
+function ie({ userId: e }) {
+	let { data: t } = n();
+	if (!e || !t) return null;
+	let r = t.entities[q];
+	return r ? /* @__PURE__ */ G(P, {
+		node: {
+			associated: "api_key",
+			foreign_key: "user_id"
+		},
+		ctx: {
+			schema: t,
+			entity: r,
+			entityCode: q,
+			recordId: e,
+			record: { id: e },
+			isNew: !1,
+			mode: "display"
+		}
+	}) : null;
+}
+//#endregion
+export { Y as Profile, $ as ProfileLanguageRow, Q as ProfileParamsBlock };

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

@@ -0,0 +1,12 @@
+import { Suspense as e, lazy as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/pages/profile/Profile.tsx
+var r = t(() => import("./Profile.impl.js").then((e) => ({ default: e.Profile })));
+function i() {
+	return /* @__PURE__ */ n(e, {
+		fallback: null,
+		children: /* @__PURE__ */ n(r, {})
+	});
+}
+//#endregion
+export { i as Profile };

package/dist-lib/{TenantParamsPage.impl-BGpdmEZg.js → components/pages/tenant-params/TenantParamsPage.impl.js}

@@ -1,11 +1,15 @@
-import { It as e, wt as t } from "./useCurrentScreen-BZOHBGQZ.js";
-import { t as n } from "./Icons-lt-7lhYR.js";
-import { n as r, r as i } from "./CopyButton-DRIT_f0k.js";
-import { t as a } from "./Pill-D-wsfRhx.js";
-import { $ as o, Q as s, X as c, q as l } from "./PropertyGridEditor-XrP6TZ5s.js";
-import { n as u, t as d } from "./useParams-BFLJi4n3.js";
-import { t as f } from "./page-inset-D_kkVwwN.js";
-import { a as p, i as m, n as h, r as g, t as _ } from "./param-editors-TYYU7HKK.js";
+import { useAuthStore as e } from "../../../stores/auth.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 { Pill as i } from "../../primitives/Pill.js";
+import { useText as a } from "../../../hooks/useText.js";
+import { BoolToggle as o } from "../../primitives/BoolToggle.js";
+import { Spinner as s } from "../../primitives/Spinner.js";
+import { Select as c, TextInput as l } from "../../primitives/Fields.js";
+import { useAllParams as u, useCarrierParamOverrides as d } from "../../../hooks/useParams.js";
+import { pageInsetX as f } from "../../../lib/page-inset.js";
+import { EditParamDialog as p, ErrorLine as m, ValuePreview as h, paramSourceName as g, paramTenantEditable as _ } from "../../params/param-editors.js";
 import { useMemo as v, useState as y } from "react";
 import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region src/components/pages/tenant-params/TenantParamsPage.impl.tsx
@@ -18,22 +22,23 @@ function T(e) {
 	return e === "tenant" ? "violet" : e === "env" ? "amber" : "slate";
 }
 function E(E) {
-	let k = t(), A = t("errors"), j = e((e) => e.activeTenant?.id) ?? "", M = d("tenant"), [N, P] = y(""), [F, I] = y(""), [L, R] = y(""), [z, B] = y(!1), [V, H] = y(null), { overrideByCode: U, missingParams: W, isLoading: G, error: K, clearError: q, save: J, reset: Y } = u({
+	let k = a(), A = a("errors"), j = e((e) => e.activeTenant?.id) ?? "", M = u("tenant"), [N, P] = y(""), [F, I] = y(""), [L, R] = y(""), [z, B] = y(!1), [V, H] = y(null), { overrideByCode: U, missingParams: W, isLoading: G, error: K, clearError: q, save: J, reset: Y } = d({
 		carrierEntityCode: C,
-		rowId: j,
-		onWritten: () => H(null)
-	}), X = v(() => M.data ?? [], [M.data]), Z = v(() => Array.from(new Set(X.map((e) => e.category).filter(Boolean))).sort(), [X]), Q = v(() => {
+		rowId: j
+	}), X = async (e, t) => {
+		await J(e, t) && H((t) => t === e ? null : t);
+	}, Z = v(() => M.data ?? [], [M.data]), Q = v(() => Array.from(new Set(Z.map((e) => e.category).filter(Boolean))).sort(), [Z]), $ = v(() => {
 		let e = N.trim().toLowerCase();
-		return X.filter((t) => !(F && t.category !== F || L && t.source !== L || z && !U.has(t.code) || e && !`${t.code} ${k(t.name)}`.toLowerCase().includes(e)));
+		return Z.filter((t) => !(F && t.category !== F || L && t.source !== L || z && !U.has(t.code) || e && !`${t.code} ${k(t.name)}`.toLowerCase().includes(e)));
 	}, [
 		k,
-		X,
+		Z,
 		N,
 		F,
 		L,
 		z,
 		U
-	]), $ = M.isLoading || G;
+	]), ee = M.isLoading || G;
 	return /* @__PURE__ */ S("div", {
 		style: {
 			flex: 1,
@@ -69,11 +74,11 @@ function E(E) {
 				}),
 				K && /* @__PURE__ */ x("div", {
 					style: { marginBottom: 12 },
-					children: /* @__PURE__ */ x(h, { text: K })
+					children: /* @__PURE__ */ x(m, { text: K })
 				}),
 				W && /* @__PURE__ */ x("div", {
 					style: { marginBottom: 12 },
-					children: /* @__PURE__ */ x(h, { text: A("param.overrides_unreadable", "The current parameter overrides could not be read.") })
+					children: /* @__PURE__ */ x(m, { text: A("param.overrides_unreadable", "The current parameter overrides could not be read.") })
 				}),
 				/* @__PURE__ */ S("div", {
 					"data-testid": "tenant-params-filters",
@@ -90,7 +95,7 @@ function E(E) {
 								minWidth: 200,
 								flex: 1
 							},
-							children: /* @__PURE__ */ x(c, {
+							children: /* @__PURE__ */ x(l, {
 								value: N,
 								onChange: P,
 								placeholder: k("params.search", "Search name or code…")
@@ -98,12 +103,12 @@ function E(E) {
 						}),
 						/* @__PURE__ */ x("div", {
 							style: { minWidth: 160 },
-							children: /* @__PURE__ */ x(l, {
+							children: /* @__PURE__ */ x(c, {
 								value: F,
 								options: [{
 									value: "",
 									label: k("params.filter.all_categories", "All categories")
-								}, ...Z.map((e) => ({
+								}, ...Q.map((e) => ({
 									value: e,
 									label: e
 								}))],
@@ -112,14 +117,14 @@ function E(E) {
 						}),
 						/* @__PURE__ */ x("div", {
 							style: { minWidth: 140 },
-							children: /* @__PURE__ */ x(l, {
+							children: /* @__PURE__ */ x(c, {
 								value: L,
 								options: [{
 									value: "",
 									label: k("params.filter.all_sources", "All sources")
 								}, ...w.map((e) => ({
 									value: e,
-									label: m(k, e)
+									label: g(k, e)
 								}))],
 								onChange: R
 							})
@@ -138,7 +143,7 @@ function E(E) {
 						})
 					]
 				}),
-				$ ? /* @__PURE__ */ x("div", {
+				ee ? /* @__PURE__ */ x("div", {
 					style: {
 						padding: "24px 0",
 						textAlign: "center"
@@ -147,7 +152,7 @@ function E(E) {
 				}) : /* @__PURE__ */ x("div", {
 					style: {
 						border: "1px solid var(--border)",
-						borderRadius: 10,
+						borderRadius: "var(--radius-lg)",
 						overflow: "hidden",
 						background: "var(--surface)"
 					},
@@ -171,7 +176,7 @@ function E(E) {
 								/* @__PURE__ */ x(D, { children: k("params.column.source", "Source") }),
 								/* @__PURE__ */ x(D, { children: "" })
 							]
-						}) }), /* @__PURE__ */ x("tbody", { children: Q.length === 0 ? /* @__PURE__ */ x("tr", { children: /* @__PURE__ */ x("td", {
+						}) }), /* @__PURE__ */ x("tbody", { children: $.length === 0 ? /* @__PURE__ */ x("tr", { children: /* @__PURE__ */ x("td", {
 							colSpan: 7,
 							style: {
 								padding: "16px",
@@ -179,8 +184,8 @@ function E(E) {
 								textAlign: "center"
 							},
 							children: k("params.empty", "No parameters match.")
-						}) }) : Q.map((e) => {
-							let t = U.get(e.code), o = t !== void 0, s = p(e), c = o && e.source === "tenant";
+						}) }) : $.map((e) => {
+							let a = U.get(e.code), o = a !== void 0, s = _(e), c = o && e.source === "tenant";
 							return /* @__PURE__ */ S("tr", {
 								"data-testid": `tenant-param-row-${e.code}`,
 								style: { borderTop: "1px solid var(--divider)" },
@@ -193,7 +198,7 @@ function E(E) {
 									}) }),
 									/* @__PURE__ */ x(O, { children: e.category ?? "—" }),
 									/* @__PURE__ */ x(O, { children: e.type }),
-									/* @__PURE__ */ x(O, { children: /* @__PURE__ */ x(g, {
+									/* @__PURE__ */ x(O, { children: /* @__PURE__ */ x(h, {
 										type: e.type,
 										value: e.value,
 										structure: e.structure
@@ -205,12 +210,12 @@ function E(E) {
 											alignItems: "center"
 										},
 										children: [
-											/* @__PURE__ */ x(a, {
+											/* @__PURE__ */ x(i, {
 												tone: T(e.source),
 												size: "xs",
-												children: m(k, e.source)
+												children: g(k, e.source)
 											}),
-											c && /* @__PURE__ */ x(a, {
+											c && /* @__PURE__ */ x(i, {
 												tone: "violet",
 												size: "xs",
 												dot: !0,
@@ -219,10 +224,10 @@ function E(E) {
 											o && !c && /* @__PURE__ */ x("span", {
 												"data-testid": `tenant-param-not-applied-${e.code}`,
 												title: k("params.tenant.not_applied_hint", "This tenant is set to {value}, and it no longer satisfies the parameter's declaration. Source of the value in effect: {source}. Reset to remove it, or edit it to a value the declaration accepts.", {
-													value: JSON.stringify(t.value),
-													source: m(k, e.source)
+													value: JSON.stringify(a.value),
+													source: g(k, e.source)
 												}),
-												children: /* @__PURE__ */ x(a, {
+												children: /* @__PURE__ */ x(i, {
 													tone: "amber",
 													size: "xs",
 													dot: !0,
@@ -238,15 +243,15 @@ function E(E) {
 											justifyContent: "flex-end",
 											width: "100%"
 										},
-										children: s ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(i, {
+										children: s ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(n, {
 											size: "xs",
-											icon: /* @__PURE__ */ x(n.edit, { size: 12 }),
+											icon: /* @__PURE__ */ x(t.edit, { size: 12 }),
 											onClick: () => {
 												q(), H(e);
 											},
 											children: k("params.edit", "Edit")
 										}), o && /* @__PURE__ */ x(r, {
-											icon: /* @__PURE__ */ x(n.refresh, { size: 13 }),
+											icon: /* @__PURE__ */ x(t.refresh, { size: 13 }),
 											title: k("params.reset", "Reset to default"),
 											onClick: () => Y(e)
 										})] }) : /* @__PURE__ */ S("span", {
@@ -259,7 +264,7 @@ function E(E) {
 												fontSize: 11
 											},
 											children: [
-												/* @__PURE__ */ x(n.lock, { size: 12 }),
+												/* @__PURE__ */ x(t.lock, { size: 12 }),
 												" ",
 												k("params.read_only", "read-only")
 											]
@@ -271,14 +276,14 @@ function E(E) {
 					})
 				})
 			]
-		}), V && /* @__PURE__ */ x(_, {
+		}), V && /* @__PURE__ */ x(p, {
 			param: V,
 			current: U.get(V.code)?.value ?? V.value,
 			error: K,
 			onCancel: () => {
 				H(null), q();
 			},
-			onSave: (e) => J(V, e)
+			onSave: (e) => X(V, e)
 		})]
 	});
 }