@declarion/react 0.65.0 → 0.66.0

package/dist-lib/{CommandPalette.impl-DRI5kxVY.js → components/layout/CommandPalette.impl.js}

@@ -1,59 +1,60 @@
-import { wt as e, xt as t } from "./useCurrentScreen-BZOHBGQZ.js";
-import { t as n } from "./Icons-lt-7lhYR.js";
-import { n as r } from "./CopyButton-DRIT_f0k.js";
-import { t as i } from "./Kbd-CNttVu0z.js";
-import { t as a } from "./DynamicIcon-DuBSz6TZ.js";
-import { r as o } from "./useBranding-zcxEic2k.js";
+import { Icon as e } from "../primitives/Icons.js";
+import { IconBtn as t } from "../primitives/IconBtn.js";
+import { Kbd as n } from "../primitives/Kbd.js";
+import { useText as r } from "../../hooks/useText.js";
+import { useResponsiveMode as i } from "../../hooks/useResponsiveMode.js";
+import { DynamicIcon as a } from "../shared/DynamicIcon.js";
+import { useBrandingIdentity as o } from "../../hooks/useBranding.js";
 import { useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
 import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/components/layout/CommandPalette.impl.tsx
 var m = "Esc";
-function h(e, t = 14) {
-	if (!e) return null;
-	let r = n[e];
-	return r ? /* @__PURE__ */ f(r, { size: t }) : /* @__PURE__ */ f(a, {
-		name: e,
-		size: t
+function h(t, n = 14) {
+	if (!t) return null;
+	let r = e[t];
+	return r ? /* @__PURE__ */ f(r, { size: n }) : /* @__PURE__ */ f(a, {
+		name: t,
+		size: n
 	});
 }
-function g(e, t, r, i) {
-	if (!t || !r) return [];
-	let a = [], o = (t) => {
-		if (t.screen) {
-			let o = r[t.screen];
+function g(t, n, r, i) {
+	if (!n || !r) return [];
+	let a = [], o = (n) => {
+		if (n.screen) {
+			let o = r[n.screen];
 			if (o) {
-				let r = e(t.name) || t.screen;
+				let r = t(n.name) || n.screen;
 				a.push({
-					group: e("shell.palette.group.navigate", "Navigate"),
-					icon: h(t.icon || o.display?.icon || "folder"),
-					label: e("shell.palette.go_to", "Go to {name}", { name: r }),
+					group: t("shell.palette.group.navigate", "Navigate"),
+					icon: h(n.icon || o.display?.icon || "folder"),
+					label: t("shell.palette.go_to", "Go to {name}", { name: r }),
 					act: () => i({
 						type: "nav",
-						id: t.screen,
+						id: n.screen,
 						route: o.route
 					}),
 					actionType: "nav"
 				}), o.type === "list" && o.entity && a.push({
-					group: e("shell.palette.group.create", "Create"),
-					icon: /* @__PURE__ */ f(n.plus, { size: 14 }),
-					label: e("shell.palette.new_in_screen", "New {name}", { name: r }),
+					group: t("shell.palette.group.create", "Create"),
+					icon: /* @__PURE__ */ f(e.plus, { size: 14 }),
+					label: t("shell.palette.new_in_screen", "New {name}", { name: r }),
 					act: () => i({
 						type: "new",
-						id: t.screen,
+						id: n.screen,
 						route: o.route
 					}),
 					actionType: "new"
 				});
 			}
 		}
-		for (let e of t.items || []) o(e);
-		for (let e of t.children || []) o(e);
+		for (let e of n.items || []) o(e);
+		for (let e of n.children || []) o(e);
 	};
-	for (let e of t) o(e);
+	for (let e of n) o(e);
 	return a;
 }
 function _({ open: a, onClose: h, onAction: _, mode: v = "default", navigation: y, screens: b, includeAI: x = !0, aiName: S = "" }) {
-	let C = e(), w = o()?.app_name?.trim(), [T, E] = u(""), [D, O] = u(0), k = l(null), A = t().category === "phone";
+	let C = r(), w = o()?.app_name?.trim(), [T, E] = u(""), [D, O] = u(0), k = l(null), A = i().category === "phone";
 	s(() => {
 		a && (setTimeout(() => k.current?.focus(), 50), E(v === "new" ? C("shell.palette.new_in_screen", "New {name}").split("{name}")[0] : ""), O(0));
 	}, [
@@ -62,12 +63,12 @@ function _({ open: a, onClose: h, onAction: _, mode: v = "default", navigation:
 		C
 	]);
 	let j = c(() => {
-		let e = [];
-		if (e.push(...g(C, y, b, _)), x) {
-			let t = C("shell.palette.group.ai", "AI");
-			e.push({
-				group: t,
-				icon: /* @__PURE__ */ f(n.sparkle, { size: 14 }),
+		let t = [];
+		if (t.push(...g(C, y, b, _)), x) {
+			let n = C("shell.palette.group.ai", "AI");
+			t.push({
+				group: n,
+				icon: /* @__PURE__ */ f(e.sparkle, { size: 14 }),
 				label: C("shell.palette.ai.draft_entity", "Draft YAML for new entity…"),
 				hint: "✨",
 				act: () => _({
@@ -76,25 +77,25 @@ function _({ open: a, onClose: h, onAction: _, mode: v = "default", navigation:
 				}),
 				actionType: "ai"
 			}, {
-				group: t,
-				icon: /* @__PURE__ */ f(n.sparkle, { size: 14 }),
+				group: n,
+				icon: /* @__PURE__ */ f(e.sparkle, { size: 14 }),
 				label: C("shell.palette.ai.explain_record", "Explain this record with AI"),
 				hint: "✨",
 				act: () => _({ type: "ai-panel" }),
 				actionType: "ai-panel"
 			}, {
-				group: t,
-				icon: /* @__PURE__ */ f(n.sparkle, { size: 14 }),
+				group: n,
+				icon: /* @__PURE__ */ f(e.sparkle, { size: 14 }),
 				label: C("shell.palette.ai.summarize_rows", "Summarize activity on selected rows"),
 				hint: "✨",
 				act: () => _({ type: "ai-panel" }),
 				actionType: "ai-panel"
 			});
 		}
-		let t = C("shell.palette.group.tabs", "Tabs"), r = C("shell.palette.group.settings", "Settings");
-		return e.push({
-			group: t,
-			icon: /* @__PURE__ */ f(n.x, { size: 14 }),
+		let n = C("shell.palette.group.tabs", "Tabs"), r = C("shell.palette.group.settings", "Settings");
+		return t.push({
+			group: n,
+			icon: /* @__PURE__ */ f(e.x, { size: 14 }),
 			label: C("shell.tabs.close_all", "Close all tabs"),
 			act: () => _({
 				type: "tab-close",
@@ -102,8 +103,8 @@ function _({ open: a, onClose: h, onAction: _, mode: v = "default", navigation:
 			}),
 			actionType: "tab-close"
 		}, {
-			group: t,
-			icon: /* @__PURE__ */ f(n.x, { size: 14 }),
+			group: n,
+			icon: /* @__PURE__ */ f(e.x, { size: 14 }),
 			label: C("shell.tabs.close_other_tabs", "Close other tabs"),
 			act: () => _({
 				type: "tab-close",
@@ -111,8 +112,8 @@ function _({ open: a, onClose: h, onAction: _, mode: v = "default", navigation:
 			}),
 			actionType: "tab-close"
 		}, {
-			group: t,
-			icon: /* @__PURE__ */ f(n.x, { size: 14 }),
+			group: n,
+			icon: /* @__PURE__ */ f(e.x, { size: 14 }),
 			label: C("shell.tabs.close_right", "Close tabs to the right"),
 			act: () => _({
 				type: "tab-close",
@@ -121,7 +122,7 @@ function _({ open: a, onClose: h, onAction: _, mode: v = "default", navigation:
 			actionType: "tab-close"
 		}, {
 			group: r,
-			icon: /* @__PURE__ */ f(n.settings, { size: 14 }),
+			icon: /* @__PURE__ */ f(e.settings, { size: 14 }),
 			label: C("shell.palette.open_preferences", "Open Preferences"),
 			act: () => _({
 				type: "nav",
@@ -131,11 +132,11 @@ function _({ open: a, onClose: h, onAction: _, mode: v = "default", navigation:
 			actionType: "nav"
 		}, {
 			group: r,
-			icon: /* @__PURE__ */ f(n.moon, { size: 14 }),
+			icon: /* @__PURE__ */ f(e.moon, { size: 14 }),
 			label: C("shell.palette.toggle_dark_mode", "Toggle dark mode"),
 			act: () => _({ type: "theme" }),
 			actionType: "theme"
-		}), v === "new" ? e.filter((e) => e.actionType === "new") : e;
+		}), v === "new" ? t.filter((e) => e.actionType === "new") : t;
 	}, [
 		C,
 		y,
@@ -170,7 +171,7 @@ function _({ open: a, onClose: h, onAction: _, mode: v = "default", navigation:
 			width: "min(640px, calc(100vw - var(--safe-area-left) - var(--safe-area-right) - 16px))",
 			zIndex: 71,
 			background: "var(--surface)",
-			borderRadius: 12,
+			borderRadius: "var(--radius-lg)",
 			boxShadow: "var(--shadow-lg)",
 			border: "1px solid var(--border)",
 			overflow: "hidden",
@@ -197,7 +198,7 @@ function _({ open: a, onClose: h, onAction: _, mode: v = "default", navigation:
 					minWidth: 0
 				},
 				children: [
-					/* @__PURE__ */ f(n.command, {
+					/* @__PURE__ */ f(e.command, {
 						size: 15,
 						style: { color: "var(--text-3)" }
 					}),
@@ -218,12 +219,12 @@ function _({ open: a, onClose: h, onAction: _, mode: v = "default", navigation:
 							minWidth: 0
 						}
 					}),
-					A && /* @__PURE__ */ f(r, {
-						icon: /* @__PURE__ */ f(n.x, { size: 14 }),
+					A && /* @__PURE__ */ f(t, {
+						icon: /* @__PURE__ */ f(e.x, { size: 14 }),
 						title: C("shell.palette.close", "Close command palette"),
 						onClick: h
 					}),
-					!A && /* @__PURE__ */ f(i, { children: m })
+					!A && /* @__PURE__ */ f(n, { children: m })
 				]
 			}),
 			/* @__PURE__ */ p("div", {
@@ -254,7 +255,7 @@ function _({ open: a, onClose: h, onAction: _, mode: v = "default", navigation:
 							alignItems: "center",
 							gap: 10,
 							padding: "7px 10px",
-							borderRadius: 6,
+							borderRadius: "var(--radius-md)",
 							cursor: "pointer",
 							background: e._i === D ? "var(--accent-soft)" : "transparent",
 							color: e._i === D ? "var(--accent)" : "var(--text-2)",
@@ -297,7 +298,7 @@ function _({ open: a, onClose: h, onAction: _, mode: v = "default", navigation:
 						fontSize: 12.5
 					},
 					children: [
-						/* @__PURE__ */ f(n.sparkle, {
+						/* @__PURE__ */ f(e.sparkle, {
 							size: 20,
 							style: {
 								color: "var(--accent)",
@@ -338,7 +339,7 @@ function _({ open: a, onClose: h, onAction: _, mode: v = "default", navigation:
 							minWidth: 0
 						},
 						children: [
-							/* @__PURE__ */ f(i, { children: "↑↓" }),
+							/* @__PURE__ */ f(n, { children: "↑↓" }),
 							" ",
 							C("shell.palette.hint.navigate", "navigate")
 						]
@@ -351,7 +352,7 @@ function _({ open: a, onClose: h, onAction: _, mode: v = "default", navigation:
 							minWidth: 0
 						},
 						children: [
-							/* @__PURE__ */ f(i, { children: "↵" }),
+							/* @__PURE__ */ f(n, { children: "↵" }),
 							" ",
 							C("shell.palette.hint.select", "select")
 						]
@@ -364,7 +365,7 @@ function _({ open: a, onClose: h, onAction: _, mode: v = "default", navigation:
 							minWidth: 0
 						},
 						children: [
-							/* @__PURE__ */ f(i, { children: "/" }),
+							/* @__PURE__ */ f(n, { children: "/" }),
 							" ",
 							C("shell.palette.hint.ask_ai", "ask AI")
 						]

package/dist-lib/components/layout/CommandPalette.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/layout/CommandPalette.tsx
+var r = t(() => import("./CommandPalette.impl.js").then((e) => ({ default: e.CommandPalette })));
+function i(t) {
+	return /* @__PURE__ */ n(e, {
+		fallback: null,
+		children: /* @__PURE__ */ n(r, { ...t })
+	});
+}
+//#endregion
+export { i as CommandPalette };

package/dist-lib/{DirtyTabsCloseDialog.impl-FhAiOmEb.js → components/layout/DirtyTabsCloseDialog.impl.js}

@@ -1,13 +1,15 @@
-import { Nt 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 "./DynamicIcon-DuBSz6TZ.js";
-import { t as o } from "./useTabTitle-KrzEo118.js";
+import { pluralText as e } from "../../lib/language.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 { useTabTitle as o } from "../../hooks/useTabTitle.js";
 import { useEffect as s } from "react";
 import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/layout/DirtyTabsCloseDialog.impl.tsx
 function d({ pending: d, onCancel: f, onCloseClean: p, onDiscardAll: m }) {
-	let h = t(), g = o();
+	let h = i(), g = o();
 	if (s(() => {
 		if (!d) return;
 		let e = (e) => {
@@ -41,7 +43,7 @@ function d({ pending: d, onCancel: f, onCloseClean: p, onDiscardAll: m }) {
 			width: 460,
 			maxWidth: "calc(100vw - 32px)",
 			background: "var(--surface)",
-			borderRadius: 12,
+			borderRadius: "var(--radius-lg)",
 			boxShadow: "var(--shadow-lg)",
 			border: "1px solid var(--border)",
 			overflow: "hidden"
@@ -59,7 +61,7 @@ function d({ pending: d, onCancel: f, onCloseClean: p, onDiscardAll: m }) {
 						style: {
 							width: 28,
 							height: 28,
-							borderRadius: 7,
+							borderRadius: "var(--radius-md)",
 							background: "var(--warn-soft)",
 							color: "var(--warn)",
 							display: "inline-flex",
@@ -67,7 +69,7 @@ function d({ pending: d, onCancel: f, onCloseClean: p, onDiscardAll: m }) {
 							justifyContent: "center",
 							flexShrink: 0
 						},
-						children: /* @__PURE__ */ l(n.warning, { size: 15 })
+						children: /* @__PURE__ */ l(t.warning, { size: 15 })
 					}),
 					/* @__PURE__ */ u("div", {
 						style: {
@@ -94,7 +96,7 @@ function d({ pending: d, onCancel: f, onCloseClean: p, onDiscardAll: m }) {
 						})]
 					}),
 					/* @__PURE__ */ l(r, {
-						icon: /* @__PURE__ */ l(n.x, { size: 14 }),
+						icon: /* @__PURE__ */ l(t.x, { size: 14 }),
 						onClick: f,
 						title: h("dialog.cancel", "Cancel")
 					})
@@ -106,7 +108,7 @@ function d({ pending: d, onCancel: f, onCloseClean: p, onDiscardAll: m }) {
 					style: {
 						background: "var(--surface-2)",
 						border: "1px solid var(--border)",
-						borderRadius: 8,
+						borderRadius: "var(--radius-md)",
 						padding: "8px 10px",
 						maxHeight: 190,
 						overflow: "auto"
@@ -167,16 +169,16 @@ function d({ pending: d, onCancel: f, onCloseClean: p, onDiscardAll: m }) {
 				},
 				children: [
 					/* @__PURE__ */ l("div", { style: { flex: 1 } }),
-					/* @__PURE__ */ l(i, {
+					/* @__PURE__ */ l(n, {
 						onClick: f,
 						children: h("dialog.cancel", "Cancel")
 					}),
-					y > 0 && /* @__PURE__ */ l(i, {
+					y > 0 && /* @__PURE__ */ l(n, {
 						autoFocus: !0,
 						onClick: p,
 						children: h("shell.tabs.close_dialog.close_clean", "Close clean only")
 					}),
-					/* @__PURE__ */ l(i, {
+					/* @__PURE__ */ l(n, {
 						kind: "primary",
 						danger: !0,
 						onClick: m,

package/dist-lib/components/layout/DirtyTabsCloseDialog.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/layout/DirtyTabsCloseDialog.tsx
+var r = t(() => import("./DirtyTabsCloseDialog.impl.js").then((e) => ({ default: e.DirtyTabsCloseDialog })));
+function i(t) {
+	return /* @__PURE__ */ n(e, {
+		fallback: null,
+		children: /* @__PURE__ */ n(r, { ...t })
+	});
+}
+//#endregion
+export { i as DirtyTabsCloseDialog };

package/dist-lib/{ImpersonationBanner.impl--g0iYwcV.js → components/layout/ImpersonationBanner.impl.js}

@@ -1,5 +1,6 @@
-import { Pt as e, wt as t } from "./useCurrentScreen-BZOHBGQZ.js";
-import { t as n } from "./useImpersonation-DBIRRR70.js";
+import { textWithNodes as e } from "../../lib/language.js";
+import { useText as t } from "../../hooks/useText.js";
+import { useImpersonation as n } from "../../hooks/useImpersonation.js";
 import { useEffect as r, useState as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/layout/ImpersonationBanner.impl.tsx
@@ -62,7 +63,7 @@ function s() {
 					color: "var(--impersonation-accent)",
 					border: 0,
 					padding: "4px 12px",
-					borderRadius: 4,
+					borderRadius: "var(--radius-sm)",
 					fontSize: 12,
 					fontWeight: 700,
 					cursor: u ? "wait" : "pointer"

package/dist-lib/components/layout/ImpersonationBanner.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/layout/ImpersonationBanner.tsx
+var r = t(() => import("./ImpersonationBanner.impl.js").then((e) => ({ default: e.ImpersonationBanner })));
+function i() {
+	return /* @__PURE__ */ n(e, {
+		fallback: null,
+		children: /* @__PURE__ */ n(r, {})
+	});
+}
+//#endregion
+export { i as ImpersonationBanner };

package/dist-lib/components/layout/ImpersonationFrame.js

@@ -0,0 +1,29 @@
+import { useParam as e } from "../../hooks/useParams.js";
+import { useImpersonation as t } from "../../hooks/useImpersonation.js";
+import { useEffect as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/layout/ImpersonationFrame.tsx
+function i() {
+	let { info: i } = t(), { value: a } = e(i ? "impersonation.allow_destructive" : "", !1);
+	return n(() => {
+		if (!i) document.body.removeAttribute("data-impersonation-destructive");
+		else return a ? document.body.setAttribute("data-impersonation-destructive", "true") : document.body.removeAttribute("data-impersonation-destructive"), () => {
+			document.body.removeAttribute("data-impersonation-destructive");
+		};
+	}, [i, a]), i ? /* @__PURE__ */ r("div", {
+		"data-testid": "impersonation-frame",
+		"aria-hidden": "true",
+		style: {
+			position: "fixed",
+			top: 0,
+			left: 0,
+			right: 0,
+			bottom: 0,
+			border: "4px solid var(--impersonation-accent)",
+			pointerEvents: "none",
+			zIndex: 9999
+		}
+	}) : null;
+}
+//#endregion
+export { i as ImpersonationFrame };

package/dist-lib/{ImpersonationStartModal.impl-BFBN0YJe.js → components/layout/ImpersonationStartModal.impl.js}

@@ -1,6 +1,6 @@
-import { wt as e } from "./useCurrentScreen-BZOHBGQZ.js";
-import { i as t } from "./useParams-BFLJi4n3.js";
-import { t as n } from "./useImpersonation-DBIRRR70.js";
+import { useText as e } from "../../hooks/useText.js";
+import { useParam as t } from "../../hooks/useParams.js";
+import { useImpersonation as n } from "../../hooks/useImpersonation.js";
 import { useState as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/layout/ImpersonationStartModal.impl.tsx
@@ -31,8 +31,8 @@ function o({ open: o, targetUserId: s, targetUserLabel: c, onClose: l, onStarted
 				minWidth: 420,
 				maxWidth: 520,
 				padding: 20,
-				borderRadius: 8,
-				boxShadow: "0 12px 40px rgba(0,0,0,0.4)"
+				borderRadius: "var(--radius-md)",
+				boxShadow: "var(--shadow-lg)"
 			},
 			children: [
 				/* @__PURE__ */ i("h2", {
@@ -72,7 +72,7 @@ function o({ open: o, targetUserId: s, targetUserLabel: c, onClose: l, onStarted
 						background: "var(--surface-2)",
 						color: "var(--text)",
 						border: "1px solid var(--border)",
-						borderRadius: 4,
+						borderRadius: "var(--radius-sm)",
 						fontSize: 13,
 						fontFamily: "inherit",
 						boxSizing: "border-box"
@@ -101,7 +101,7 @@ function o({ open: o, targetUserId: s, targetUserLabel: c, onClose: l, onStarted
 						background: "var(--surface-2)",
 						color: "var(--text)",
 						border: "1px solid var(--border)",
-						borderRadius: 4,
+						borderRadius: "var(--radius-sm)",
 						fontSize: 13
 					}
 				}),
@@ -120,7 +120,7 @@ function o({ open: o, targetUserId: s, targetUserLabel: c, onClose: l, onStarted
 							background: "transparent",
 							color: "var(--text-2)",
 							border: "1px solid var(--border)",
-							borderRadius: 4,
+							borderRadius: "var(--radius-sm)",
 							cursor: "pointer",
 							fontSize: 13
 						},
@@ -142,7 +142,7 @@ function o({ open: o, targetUserId: s, targetUserLabel: c, onClose: l, onStarted
 							background: "var(--accent)",
 							color: "white",
 							border: 0,
-							borderRadius: 4,
+							borderRadius: "var(--radius-sm)",
 							cursor: !b || p ? "not-allowed" : "pointer",
 							fontSize: 13,
 							opacity: !b || p ? .5 : 1

package/dist-lib/components/layout/ImpersonationStartModal.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/layout/ImpersonationStartModal.tsx
+var r = t(() => import("./ImpersonationStartModal.impl.js").then((e) => ({ default: e.ImpersonationStartModal })));
+function i(t) {
+	return /* @__PURE__ */ n(e, {
+		fallback: null,
+		children: /* @__PURE__ */ n(r, { ...t })
+	});
+}
+//#endregion
+export { i as ImpersonationStartModal };