@declarion/react 0.84.0 → 0.86.0

package/dist-lib/components/layout/CommandPalette.impl.js

@@ -5,126 +5,129 @@ 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";
+import { screenOffersCreate as s } from "../../lib/actions.js";
+import { useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/layout/CommandPalette.impl.tsx
-var m = "Esc";
-function h(t, n = 14) {
+var h = "Esc";
+function g(t, n = 14) {
 	if (!t) return null;
 	let r = e[t];
-	return r ? /* @__PURE__ */ f(r, { size: n }) : /* @__PURE__ */ f(a, {
+	return r ? /* @__PURE__ */ p(r, { size: n }) : /* @__PURE__ */ p(a, {
 		name: t,
 		size: n
 	});
 }
-function g(t, n, r, i) {
-	if (!n || !r) return [];
-	let a = [], o = (n) => {
+function _(t, n, r) {
+	if (!n?.navigation || !n.screens) return [];
+	let { navigation: i, screens: a, entities: o, actions: c } = n, l = [], u = (n) => {
 		if (n.screen) {
-			let o = r[n.screen];
-			if (o) {
-				let r = t(n.name) || n.screen;
-				a.push({
+			let i = a[n.screen];
+			if (i) {
+				let a = t(n.name) || n.screen;
+				l.push({
 					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({
+					icon: g(n.icon || i.display?.icon || "folder"),
+					label: t("shell.palette.go_to", "Go to {name}", { name: a }),
+					act: () => r({
 						type: "nav",
 						id: n.screen,
-						route: o.route
+						route: i.route
 					}),
 					actionType: "nav"
-				}), o.type === "list" && o.entity && a.push({
+				});
+				let u = i.entity ? o?.[i.entity] : void 0;
+				s(i, u, c) && l.push({
 					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({
+					icon: /* @__PURE__ */ p(e.plus, { size: 14 }),
+					label: t("shell.palette.new_in_screen", "New {name}", { name: t(u?.display?.name) || a }),
+					act: () => r({
 						type: "new",
 						id: n.screen,
-						route: o.route
+						route: i.route
 					}),
 					actionType: "new"
 				});
 			}
 		}
-		for (let e of n.items || []) o(e);
-		for (let e of n.children || []) o(e);
+		for (let e of n.items || []) u(e);
+		for (let e of n.children || []) u(e);
 	};
-	for (let e of n) o(e);
-	return a;
+	for (let e of i) u(e);
+	return l;
 }
-function _({ open: a, onClose: h, onAction: _, mode: v = "default", navigation: y, screens: b, includeAI: x = !0, aiName: S = "" }) {
-	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));
+function v({ open: a, onClose: s, onAction: g, mode: v = "default", schema: y, includeAI: b = !0, aiName: x = "" }) {
+	let S = r(), C = o()?.app_name?.trim(), [w, T] = d(""), [E, D] = d(0), O = u(null), k = i().category === "phone";
+	c(() => {
+		a && (setTimeout(() => O.current?.focus(), 50), T(v === "new" ? S("shell.palette.new_in_screen", "New {name}").split("{name}")[0] : ""), D(0));
 	}, [
 		a,
 		v,
-		C
+		S
 	]);
-	let j = c(() => {
+	let A = l(() => {
 		let t = [];
-		if (t.push(...g(C, y, b, _)), x) {
-			let n = C("shell.palette.group.ai", "AI");
+		if (t.push(..._(S, y, g)), b) {
+			let n = S("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…"),
+				icon: /* @__PURE__ */ p(e.sparkle, { size: 14 }),
+				label: S("shell.palette.ai.draft_entity", "Draft YAML for new entity…"),
 				hint: "✨",
-				act: () => _({
+				act: () => g({
 					type: "ai",
 					q: "draft entity"
 				}),
 				actionType: "ai"
 			}, {
 				group: n,
-				icon: /* @__PURE__ */ f(e.sparkle, { size: 14 }),
-				label: C("shell.palette.ai.explain_record", "Explain this record with AI"),
+				icon: /* @__PURE__ */ p(e.sparkle, { size: 14 }),
+				label: S("shell.palette.ai.explain_record", "Explain this record with AI"),
 				hint: "✨",
-				act: () => _({ type: "ai-panel" }),
+				act: () => g({ type: "ai-panel" }),
 				actionType: "ai-panel"
 			}, {
 				group: n,
-				icon: /* @__PURE__ */ f(e.sparkle, { size: 14 }),
-				label: C("shell.palette.ai.summarize_rows", "Summarize activity on selected rows"),
+				icon: /* @__PURE__ */ p(e.sparkle, { size: 14 }),
+				label: S("shell.palette.ai.summarize_rows", "Summarize activity on selected rows"),
 				hint: "✨",
-				act: () => _({ type: "ai-panel" }),
+				act: () => g({ type: "ai-panel" }),
 				actionType: "ai-panel"
 			});
 		}
-		let n = C("shell.palette.group.tabs", "Tabs"), r = C("shell.palette.group.settings", "Settings");
+		let n = S("shell.palette.group.tabs", "Tabs"), r = S("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: () => _({
+			icon: /* @__PURE__ */ p(e.x, { size: 14 }),
+			label: S("shell.tabs.close_all", "Close all tabs"),
+			act: () => g({
 				type: "tab-close",
 				tabCloseScope: "all"
 			}),
 			actionType: "tab-close"
 		}, {
 			group: n,
-			icon: /* @__PURE__ */ f(e.x, { size: 14 }),
-			label: C("shell.tabs.close_other_tabs", "Close other tabs"),
-			act: () => _({
+			icon: /* @__PURE__ */ p(e.x, { size: 14 }),
+			label: S("shell.tabs.close_other_tabs", "Close other tabs"),
+			act: () => g({
 				type: "tab-close",
 				tabCloseScope: "others"
 			}),
 			actionType: "tab-close"
 		}, {
 			group: n,
-			icon: /* @__PURE__ */ f(e.x, { size: 14 }),
-			label: C("shell.tabs.close_right", "Close tabs to the right"),
-			act: () => _({
+			icon: /* @__PURE__ */ p(e.x, { size: 14 }),
+			label: S("shell.tabs.close_right", "Close tabs to the right"),
+			act: () => g({
 				type: "tab-close",
 				tabCloseScope: "right"
 			}),
 			actionType: "tab-close"
 		}, {
 			group: r,
-			icon: /* @__PURE__ */ f(e.settings, { size: 14 }),
-			label: C("shell.palette.open_preferences", "Open Preferences"),
-			act: () => _({
+			icon: /* @__PURE__ */ p(e.settings, { size: 14 }),
+			label: S("shell.palette.open_preferences", "Open Preferences"),
+			act: () => g({
 				type: "nav",
 				id: "preferences",
 				route: "/preferences"
@@ -132,26 +135,25 @@ function _({ open: a, onClose: h, onAction: _, mode: v = "default", navigation:
 			actionType: "nav"
 		}, {
 			group: r,
-			icon: /* @__PURE__ */ f(e.moon, { size: 14 }),
-			label: C("shell.palette.toggle_dark_mode", "Toggle dark mode"),
-			act: () => _({ type: "theme" }),
+			icon: /* @__PURE__ */ p(e.moon, { size: 14 }),
+			label: S("shell.palette.toggle_dark_mode", "Toggle dark mode"),
+			act: () => g({ type: "theme" }),
 			actionType: "theme"
 		}), v === "new" ? t.filter((e) => e.actionType === "new") : t;
 	}, [
-		C,
+		S,
 		y,
 		b,
-		x,
-		_,
+		g,
 		v
-	]), M = T ? j.filter((e) => e.label.toLowerCase().includes(T.toLowerCase()) || e.group.toLowerCase().includes(T.toLowerCase())) : j, N = {};
-	return M.forEach((e, t) => {
-		N[e.group] = N[e.group] || [], N[e.group].push({
+	]), j = w ? A.filter((e) => e.label.toLowerCase().includes(w.toLowerCase()) || e.group.toLowerCase().includes(w.toLowerCase())) : A, M = {};
+	return j.forEach((e, t) => {
+		M[e.group] = M[e.group] || [], M[e.group].push({
 			...e,
 			_i: t
 		});
-	}), a ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("div", {
-		onClick: h,
+	}), a ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
+		onClick: s,
 		style: {
 			position: "fixed",
 			inset: 0,
@@ -159,9 +161,9 @@ function _({ open: a, onClose: h, onAction: _, mode: v = "default", navigation:
 			zIndex: 70,
 			backdropFilter: "blur(3px)"
 		}
-	}), /* @__PURE__ */ p("div", {
+	}), /* @__PURE__ */ m("div", {
 		role: "dialog",
-		"aria-label": C("shell.palette.label", "Command palette"),
+		"aria-label": S("shell.palette.label", "Command palette"),
 		"data-testid": "command-palette",
 		style: {
 			position: "fixed",
@@ -182,13 +184,13 @@ function _({ open: a, onClose: h, onAction: _, mode: v = "default", navigation:
 			minWidth: 0
 		},
 		onKeyDown: (e) => {
-			e.key === "ArrowDown" ? (e.preventDefault(), O(Math.min(D + 1, M.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), O(Math.max(D - 1, 0))) : e.key === "Enter" && M[D] ? (M[D].act(), h()) : e.key === "Enter" && x && T.trim() ? (e.preventDefault(), _({
+			e.key === "ArrowDown" ? (e.preventDefault(), D(Math.min(E + 1, j.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), D(Math.max(E - 1, 0))) : e.key === "Enter" && j[E] ? (j[E].act(), s()) : e.key === "Enter" && b && w.trim() ? (e.preventDefault(), g({
 				type: "ai",
-				q: T.trim()
-			}), h()) : e.key === "Escape" && h();
+				q: w.trim()
+			}), s()) : e.key === "Escape" && s();
 		},
 		children: [
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
@@ -198,17 +200,17 @@ function _({ open: a, onClose: h, onAction: _, mode: v = "default", navigation:
 					minWidth: 0
 				},
 				children: [
-					/* @__PURE__ */ f(e.command, {
+					/* @__PURE__ */ p(e.command, {
 						size: 15,
 						style: { color: "var(--text-3)" }
 					}),
-					/* @__PURE__ */ f("input", {
-						ref: k,
-						value: T,
+					/* @__PURE__ */ p("input", {
+						ref: O,
+						value: w,
 						onChange: (e) => {
-							E(e.target.value), O(0);
+							T(e.target.value), D(0);
 						},
-						placeholder: x ? C("shell.palette.search_ai", "Search or run command — type / for AI") : C("shell.palette.search", "Search or run command"),
+						placeholder: b ? S("shell.palette.search_ai", "Search or run command — type / for AI") : S("shell.palette.search", "Search or run command"),
 						style: {
 							flex: 1,
 							border: 0,
@@ -219,23 +221,23 @@ function _({ open: a, onClose: h, onAction: _, mode: v = "default", navigation:
 							minWidth: 0
 						}
 					}),
-					A && /* @__PURE__ */ f(t, {
-						icon: /* @__PURE__ */ f(e.x, { size: 14 }),
-						title: C("shell.palette.close", "Close command palette"),
-						onClick: h
+					k && /* @__PURE__ */ p(t, {
+						icon: /* @__PURE__ */ p(e.x, { size: 14 }),
+						title: S("shell.palette.close", "Close command palette"),
+						onClick: s
 					}),
-					!A && /* @__PURE__ */ f(n, { children: m })
+					!k && /* @__PURE__ */ p(n, { children: h })
 				]
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("div", {
 				style: {
 					flex: 1,
 					overflowY: "auto",
 					padding: 6
 				},
-				children: [Object.entries(N).map(([e, t]) => /* @__PURE__ */ p("div", {
+				children: [Object.entries(M).map(([e, t]) => /* @__PURE__ */ m("div", {
 					style: { marginBottom: 6 },
-					children: [/* @__PURE__ */ f("div", {
+					children: [/* @__PURE__ */ p("div", {
 						style: {
 							padding: "8px 10px 4px",
 							fontSize: 10,
@@ -245,11 +247,11 @@ function _({ open: a, onClose: h, onAction: _, mode: v = "default", navigation:
 							textTransform: "uppercase"
 						},
 						children: e
-					}), t.map((e) => /* @__PURE__ */ p("div", {
+					}), t.map((e) => /* @__PURE__ */ m("div", {
 						onClick: () => {
-							e.act(), h();
+							e.act(), s();
 						},
-						onMouseEnter: () => O(e._i),
+						onMouseEnter: () => D(e._i),
 						style: {
 							display: "flex",
 							alignItems: "center",
@@ -257,19 +259,19 @@ function _({ open: a, onClose: h, onAction: _, mode: v = "default", navigation:
 							padding: "7px 10px",
 							borderRadius: "var(--radius-md)",
 							cursor: "pointer",
-							background: e._i === D ? "var(--accent-soft)" : "transparent",
-							color: e._i === D ? "var(--accent)" : "var(--text-2)",
+							background: e._i === E ? "var(--accent-soft)" : "transparent",
+							color: e._i === E ? "var(--accent)" : "var(--text-2)",
 							minWidth: 0
 						},
 						children: [
-							/* @__PURE__ */ f("span", {
+							/* @__PURE__ */ p("span", {
 								style: {
-									color: e._i === D ? "var(--accent)" : "var(--text-3)",
+									color: e._i === E ? "var(--accent)" : "var(--text-3)",
 									display: "flex"
 								},
 								children: e.icon
 							}),
-							/* @__PURE__ */ f("span", {
+							/* @__PURE__ */ p("span", {
 								style: {
 									flex: 1,
 									minWidth: 0,
@@ -280,7 +282,7 @@ function _({ open: a, onClose: h, onAction: _, mode: v = "default", navigation:
 								},
 								children: e.label
 							}),
-							e.hint && /* @__PURE__ */ f("span", {
+							e.hint && /* @__PURE__ */ p("span", {
 								className: "mono",
 								style: {
 									fontSize: 10.5,
@@ -290,7 +292,7 @@ function _({ open: a, onClose: h, onAction: _, mode: v = "default", navigation:
 							})
 						]
 					}, `${e.group}:${e.label}`))]
-				}, e)), M.length === 0 && /* @__PURE__ */ p("div", {
+				}, e)), j.length === 0 && /* @__PURE__ */ m("div", {
 					style: {
 						padding: "24px 16px",
 						textAlign: "center",
@@ -298,26 +300,26 @@ function _({ open: a, onClose: h, onAction: _, mode: v = "default", navigation:
 						fontSize: 12.5
 					},
 					children: [
-						/* @__PURE__ */ f(e.sparkle, {
+						/* @__PURE__ */ p(e.sparkle, {
 							size: 20,
 							style: {
 								color: "var(--accent)",
 								marginBottom: 8
 							}
 						}),
-						/* @__PURE__ */ f("div", { children: x ? C("shell.palette.ask_prompt", "Press Enter to ask {name}:", { name: S }) : C("shell.palette.no_matches", "No matches") }),
-						x && /* @__PURE__ */ f("div", {
+						/* @__PURE__ */ p("div", { children: b ? S("shell.palette.ask_prompt", "Press Enter to ask {name}:", { name: x }) : S("shell.palette.no_matches", "No matches") }),
+						b && /* @__PURE__ */ p("div", {
 							style: {
 								fontWeight: 600,
 								color: "var(--text)",
 								marginTop: 4
 							},
-							children: C("shell.palette.ask_query", "“{query}”", { query: T })
+							children: S("shell.palette.ask_query", "“{query}”", { query: w })
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("div", {
 				style: {
 					padding: "8px 12px",
 					borderTop: "1px solid var(--divider)",
@@ -331,7 +333,7 @@ function _({ open: a, onClose: h, onAction: _, mode: v = "default", navigation:
 					minWidth: 0
 				},
 				children: [
-					/* @__PURE__ */ p("span", {
+					/* @__PURE__ */ m("span", {
 						style: {
 							display: "flex",
 							alignItems: "center",
@@ -339,12 +341,12 @@ function _({ open: a, onClose: h, onAction: _, mode: v = "default", navigation:
 							minWidth: 0
 						},
 						children: [
-							/* @__PURE__ */ f(n, { children: "↑↓" }),
+							/* @__PURE__ */ p(n, { children: "↑↓" }),
 							" ",
-							C("shell.palette.hint.navigate", "navigate")
+							S("shell.palette.hint.navigate", "navigate")
 						]
 					}),
-					/* @__PURE__ */ p("span", {
+					/* @__PURE__ */ m("span", {
 						style: {
 							display: "flex",
 							alignItems: "center",
@@ -352,12 +354,12 @@ function _({ open: a, onClose: h, onAction: _, mode: v = "default", navigation:
 							minWidth: 0
 						},
 						children: [
-							/* @__PURE__ */ f(n, { children: "↵" }),
+							/* @__PURE__ */ p(n, { children: "↵" }),
 							" ",
-							C("shell.palette.hint.select", "select")
+							S("shell.palette.hint.select", "select")
 						]
 					}),
-					x && /* @__PURE__ */ p("span", {
+					b && /* @__PURE__ */ m("span", {
 						style: {
 							display: "flex",
 							alignItems: "center",
@@ -365,15 +367,15 @@ function _({ open: a, onClose: h, onAction: _, mode: v = "default", navigation:
 							minWidth: 0
 						},
 						children: [
-							/* @__PURE__ */ f(n, { children: "/" }),
+							/* @__PURE__ */ p(n, { children: "/" }),
 							" ",
-							C("shell.palette.hint.ask_ai", "ask AI")
+							S("shell.palette.hint.ask_ai", "ask AI")
 						]
 					}),
-					/* @__PURE__ */ f("div", { style: { flex: 1 } }),
-					w && /* @__PURE__ */ f("span", {
+					/* @__PURE__ */ p("div", { style: { flex: 1 } }),
+					C && /* @__PURE__ */ p("span", {
 						className: "mono",
-						children: w
+						children: C
 					})
 				]
 			})
@@ -381,4 +383,4 @@ function _({ open: a, onClose: h, onAction: _, mode: v = "default", navigation:
 	})] }) : null;
 }
 //#endregion
-export { _ as CommandPalette };
+export { v as CommandPalette };

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

@@ -250,8 +250,7 @@ function E() {
 				mode: Ke,
 				onClose: () => R(!1),
 				onAction: (e) => _t(e),
-				navigation: A?.navigation,
-				screens: A?.screens,
+				schema: A,
 				includeAI: $e,
 				aiName: tt
 			}),

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

@@ -10,61 +10,61 @@ import { toast as f } from "../../../lib/toast.js";
 import { useAuth as p } from "../../../hooks/useAuth.js";
 import { AuthShell as m } from "./AuthShell.js";
 import { BlankScreen as h } from "../../shared/BlankScreen.js";
-import { GoogleIcon as g, MicrosoftIcon as _ } from "./icons.js";
-import { accessibleRedirectPath as v } from "../../../lib/schema-routing.js";
-import { useEffect as y, useState as b } from "react";
-import { useQuery as x } from "@tanstack/react-query";
-import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
-import { Link as T, useNavigate as E, useSearchParams as D } from "react-router";
+import { GitHubIcon as g, GoogleIcon as _, MicrosoftIcon as v } from "./icons.js";
+import { accessibleRedirectPath as y } from "../../../lib/schema-routing.js";
+import { useEffect as b, useState as x } from "react";
+import { useQuery as S } from "@tanstack/react-query";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { Link as E, useNavigate as D, useSearchParams as O } from "react-router";
 //#region src/components/pages/auth/SignIn.tsx
-var O = "sso-failure", k = {
+var k = "sso-failure", A = {
 	google: {
 		name: "Google",
-		icon: /* @__PURE__ */ C(g, { size: 14 })
+		icon: /* @__PURE__ */ w(_, { size: 14 })
 	},
 	microsoft: {
 		name: "Microsoft",
-		icon: /* @__PURE__ */ C(_, { size: 14 })
+		icon: /* @__PURE__ */ w(v, { size: 14 })
 	},
 	azure: {
 		name: "Microsoft",
-		icon: /* @__PURE__ */ C(_, { size: 14 })
+		icon: /* @__PURE__ */ w(v, { size: 14 })
 	},
 	github: {
 		name: "GitHub",
-		icon: /* @__PURE__ */ C(a.shield, { size: 13 })
+		icon: /* @__PURE__ */ w(g, { size: 14 })
 	},
 	apple: {
 		name: "Apple",
-		icon: /* @__PURE__ */ C(a.shield, { size: 13 })
+		icon: /* @__PURE__ */ w(a.shield, { size: 13 })
 	}
 };
-function A() {
-	let g = E(), [_] = D(), { login: A, isLoginPending: M, isAuthenticated: N } = p(), { data: P } = i(), F = s(), [I, L] = b(""), [R, z] = b(""), [B, V] = b(!0), H = e(_.get("next") || _.get("redirect")), U = _.get("sso_error"), W = s("errors"), { data: G, isPending: K } = x({
+function j() {
+	let g = D(), [_] = O(), { login: v, isLoginPending: j, isAuthenticated: N } = p(), { data: P } = i(), F = s(), [I, L] = x(""), [R, z] = x(""), [B, V] = x(!0), H = e(_.get("next") || _.get("redirect")), U = _.get("sso_error"), W = s("errors"), { data: G, isPending: K } = S({
 		queryKey: ["check-setup"],
 		queryFn: t
-	}), { data: q } = x({
+	}), { data: q } = S({
 		queryKey: ["identity-providers"],
 		queryFn: () => n(),
 		staleTime: 6e4
 	});
-	if (y(() => {
+	if (b(() => {
 		G?.needs_setup && g("/signup", { replace: !0 });
-	}, [G, g]), y(() => {
+	}, [G, g]), b(() => {
 		if (!N || !P) return;
-		let e = v(H, P);
-		j(H, e) && f.warning(F("auth.inaccessible_redirect", "You do not have access to that page. We opened your default page instead.")), g(e, { replace: !0 });
+		let e = y(H, P);
+		M(H, e) && f.warning(F("auth.inaccessible_redirect", "You do not have access to that page. We opened your default page instead.")), g(e, { replace: !0 });
 	}, [
 		N,
 		g,
 		H,
 		P,
 		F
-	]), y(() => {
-		U && f.error(W(U, "Sign-in failed."), void 0, { id: O });
-	}, [W, U]), K || G?.needs_setup) return /* @__PURE__ */ C(h, {});
+	]), b(() => {
+		U && f.error(W(U, "Sign-in failed."), void 0, { id: k });
+	}, [W, U]), K || G?.needs_setup) return /* @__PURE__ */ w(h, {});
 	function J(e) {
-		e.preventDefault(), A({
+		e.preventDefault(), v({
 			email: I,
 			password: R,
 			remember: B
@@ -72,10 +72,10 @@ function A() {
 			f.error(d(W, e));
 		} });
 	}
-	return /* @__PURE__ */ C(m, { children: /* @__PURE__ */ w("form", {
+	return /* @__PURE__ */ w(m, { children: /* @__PURE__ */ T("form", {
 		onSubmit: J,
 		children: [
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ w("div", {
 				style: {
 					fontSize: 10.5,
 					fontWeight: 700,
@@ -85,7 +85,7 @@ function A() {
 				},
 				children: F("auth.signin.eyebrow", "Welcome back")
 			}),
-			/* @__PURE__ */ C("h2", {
+			/* @__PURE__ */ w("h2", {
 				style: {
 					margin: "6px 0 4px",
 					fontSize: 24,
@@ -94,7 +94,7 @@ function A() {
 				},
 				children: F("auth.signin.title", "Sign in")
 			}),
-			/* @__PURE__ */ C("p", {
+			/* @__PURE__ */ w("p", {
 				style: {
 					margin: "0 0 20px",
 					fontSize: 13,
@@ -102,7 +102,7 @@ function A() {
 				},
 				children: F("auth.signin.subtitle", "Use your corporate SSO or email & password.")
 			}),
-			q && q.length > 0 && /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C("div", {
+			q && q.length > 0 && /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w("div", {
 				style: {
 					display: "flex",
 					flexDirection: "column",
@@ -110,11 +110,11 @@ function A() {
 					marginBottom: 12
 				},
 				children: q.map((e) => {
-					let t = k[e.slug.toLowerCase()] ?? {
+					let t = A[e.slug.toLowerCase()] ?? {
 						name: e.name,
-						icon: /* @__PURE__ */ C(a.shield, { size: 13 })
+						icon: /* @__PURE__ */ w(a.shield, { size: 13 })
 					};
-					return /* @__PURE__ */ C(o, {
+					return /* @__PURE__ */ w(o, {
 						size: "md",
 						style: {
 							justifyContent: "center",
@@ -127,7 +127,7 @@ function A() {
 						children: F("auth.signin.sso_continue", "Continue with {provider}", { provider: t.name })
 					}, e.slug);
 				})
-			}), /* @__PURE__ */ w("div", {
+			}), /* @__PURE__ */ T("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
@@ -135,12 +135,12 @@ function A() {
 					margin: "16px 0"
 				},
 				children: [
-					/* @__PURE__ */ C("span", { style: {
+					/* @__PURE__ */ w("span", { style: {
 						flex: 1,
 						height: 1,
 						background: "var(--divider)"
 					} }),
-					/* @__PURE__ */ C("span", {
+					/* @__PURE__ */ w("span", {
 						style: {
 							fontSize: 10.5,
 							color: "var(--text-4)",
@@ -149,37 +149,37 @@ function A() {
 						},
 						children: F("auth.signin.sso_divider", "or with email")
 					}),
-					/* @__PURE__ */ C("span", { style: {
+					/* @__PURE__ */ w("span", { style: {
 						flex: 1,
 						height: 1,
 						background: "var(--divider)"
 					} })
 				]
 			})] }),
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ T("div", {
 				style: {
 					display: "flex",
 					flexDirection: "column",
 					gap: 12
 				},
 				children: [
-					/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C(c, { children: F("auth.field.email", "Email") }), /* @__PURE__ */ C(u, {
+					/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(c, { children: F("auth.field.email", "Email") }), /* @__PURE__ */ w(u, {
 						value: I,
 						onChange: L,
-						prefix: /* @__PURE__ */ C(a.email, { size: 13 }),
+						prefix: /* @__PURE__ */ w(a.email, { size: 13 }),
 						placeholder: F("auth.field.email_placeholder", "you@company.com"),
 						autoFocus: !0,
 						required: !0
 					})] }),
-					/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
+					/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("div", {
 						style: {
 							display: "flex",
 							alignItems: "center"
 						},
 						children: [
-							/* @__PURE__ */ C(c, { children: F("auth.field.password", "Password") }),
-							/* @__PURE__ */ C("div", { style: { flex: 1 } }),
-							/* @__PURE__ */ C(T, {
+							/* @__PURE__ */ w(c, { children: F("auth.field.password", "Password") }),
+							/* @__PURE__ */ w("div", { style: { flex: 1 } }),
+							/* @__PURE__ */ w(E, {
 								to: "/forgot",
 								style: {
 									fontSize: 11,
@@ -190,12 +190,12 @@ function A() {
 								children: F("auth.signin.forgot_link", "Forgot?")
 							})
 						]
-					}), /* @__PURE__ */ C(l, {
+					}), /* @__PURE__ */ w(l, {
 						value: R,
 						onChange: z,
 						placeholder: F("auth.signin.password_placeholder", "Your password")
 					})] }),
-					/* @__PURE__ */ w("label", {
+					/* @__PURE__ */ T("label", {
 						style: {
 							display: "flex",
 							alignItems: "center",
@@ -204,7 +204,7 @@ function A() {
 							color: "var(--text-2)"
 						},
 						children: [
-							/* @__PURE__ */ C("input", {
+							/* @__PURE__ */ w("input", {
 								type: "checkbox",
 								name: "remember",
 								checked: B,
@@ -214,7 +214,7 @@ function A() {
 							F("auth.signin.remember", "Keep me signed in on this device")
 						]
 					}),
-					/* @__PURE__ */ C(o, {
+					/* @__PURE__ */ w(o, {
 						type: "submit",
 						size: "md",
 						kind: "primary",
@@ -222,10 +222,10 @@ function A() {
 							justifyContent: "center",
 							width: "100%"
 						},
-						disabled: M,
-						children: M ? F("auth.signin.submitting", "Signing in…") : F("auth.signin.submit", "Continue")
+						disabled: j,
+						children: j ? F("auth.signin.submitting", "Signing in…") : F("auth.signin.submit", "Continue")
 					}),
-					G?.signup_enabled && /* @__PURE__ */ w("div", {
+					G?.signup_enabled && /* @__PURE__ */ T("div", {
 						style: {
 							fontSize: 12,
 							color: "var(--text-3)",
@@ -235,7 +235,7 @@ function A() {
 						children: [
 							F("auth.signin.new_here", "New here?"),
 							" ",
-							/* @__PURE__ */ C(T, {
+							/* @__PURE__ */ w(E, {
 								to: "/signup",
 								style: {
 									color: "var(--accent-text)",
@@ -251,10 +251,10 @@ function A() {
 		]
 	}) });
 }
-function j(e, t) {
+function M(e, t) {
 	if (e === t) return !1;
 	let n = e.split(/[?#]/, 1)[0].replace(/\/+$/, "") || "/";
 	return n !== "/" && n !== "/admin";
 }
 //#endregion
-export { A as SignIn };
+export { j as SignIn };

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

@@ -52,5 +52,15 @@ function r({ size: n = 14 }) {
 		]
 	});
 }
+function i({ size: t = 14 }) {
+	return /* @__PURE__ */ e("svg", {
+		width: t,
+		height: t,
+		viewBox: "0 0 16 16",
+		fill: "currentColor",
+		"aria-hidden": !0,
+		children: /* @__PURE__ */ e("path", { d: "M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z" })
+	});
+}
 //#endregion
-export { n as GoogleIcon, r as MicrosoftIcon };
+export { i as GitHubIcon, n as GoogleIcon, r as MicrosoftIcon };

package/dist-lib/index.d.ts

@@ -2125,8 +2125,7 @@ interface CommandPaletteProps {
   onClose: () => void;
   onAction: (a: CommandAction) => void;
   mode?: "default" | "new";
-  navigation?: NavNode[];
-  screens?: Record<string, Screen>;
+  schema?: Partial<Pick<Schema, "navigation" | "screens" | "entities" | "actions">>;
   includeAI?: boolean;
   aiName?: string;
 }

package/dist-lib/lib/actions.js

@@ -110,24 +110,27 @@ function x(e, n) {
 		return !r || t(n, r);
 	});
 }
-function S(e) {
+function S(e, n, r) {
+	return e?.type !== "list" || !e.entity || !t(n, "create") ? !1 : x(y(n?.actions, e.actions, "list_toolbar", r), n).some(({ code: e }) => e === "__new" || e === "__create");
+}
+function C(e) {
 	return !!e?.confirmation && Object.keys(e.confirmation).length > 0;
 }
-function C(e, t) {
-	return S(t) ? e(t.confirmation) : t?.destructive ? e("action.confirm.destructive", "This action cannot be undone.") : null;
+function w(e, t) {
+	return C(t) ? e(t.confirmation) : t?.destructive ? e("action.confirm.destructive", "This action cannot be undone.") : null;
 }
-function w(e) {
-	return S(e) || !!e?.destructive;
+function T(e) {
+	return C(e) || !!e?.destructive;
 }
-function T(e, t, n, r, i, a = !1) {
+function E(e, t, n, r, i, a = !1) {
 	if (r && i) return i;
 	let o = e(t?.display?.description);
 	return o ? a || t?.display?.icon_only === !0 ? `${n}\n${o}` : o : n;
 }
-function E(e) {
+function D(e) {
 	return !!e.association;
 }
-function D(e, t) {
+function O(e, t) {
 	if (e) {
 		for (let n of Object.values(e.screens)) if (n.entity === t && n.type === "list") {
 			let r = e.entities[t];
@@ -138,21 +141,21 @@ function D(e, t) {
 		}
 	}
 }
-function O(e, t, n, r, i, a, o, s) {
+function k(e, t, n, r, i, a, o, s) {
 	let c = [];
 	for (let l of t) {
-		let t = k(e, l, n, r, i, a, o, s);
+		let t = A(e, l, n, r, i, a, o, s);
 		t !== null && c.push(t);
 	}
 	return c;
 }
-function k(e, t, n, r, i, a, o, s) {
-	return t.kind === "group" ? A(e, t, n, r, i, a, o, s) : j(e, t, n, r, i, a, o, s);
-}
 function A(e, t, n, r, i, a, o, s) {
+	return t.kind === "group" ? j(e, t, n, r, i, a, o, s) : M(e, t, n, r, i, a, o, s);
+}
+function j(e, t, n, r, i, a, o, s) {
 	let c = [];
 	for (let l of t.items) {
-		let t = k(e, l, n, r, i, a, o, s);
+		let t = A(e, l, n, r, i, a, o, s);
 		t !== null && c.push(t);
 	}
 	return c.length === 0 ? null : {
@@ -160,29 +163,29 @@ function A(e, t, n, r, i, a, o, s) {
 		items: c
 	};
 }
-function j(e, t, n, r, i, a, o, s) {
+function M(e, t, n, r, i, a, o, s) {
 	if (s && !t.code.startsWith("__") && !s.has(t.code)) return null;
-	let c = P(t.code, n, r);
+	let c = F(t.code, n, r);
 	if (!c) return null;
 	let l = b(t.code, o);
 	if (a.length > 0) {
-		let n = M(e, c, a, l);
+		let n = N(e, c, a, l);
 		return n.visible ? {
 			...t,
 			enabled: n.enabled,
 			reason: n.reason
 		} : null;
 	}
-	if (!l(i) || !d(c.conditions, i) || !d(F(c.visible_if), i)) return null;
-	let { enabled: u, reason: f } = N(e, c, i);
+	if (!l(i) || !d(c.conditions, i) || !d(I(c.visible_if), i)) return null;
+	let { enabled: u, reason: f } = P(e, c, i);
 	return {
 		...t,
 		enabled: u,
 		reason: f
 	};
 }
-function M(e, t, n, r) {
-	let i = F(t.visible_if), a = F(t.enabled_if), o = t.conditions, s = 0, c = 0, l = 0;
+function N(e, t, n, r) {
+	let i = I(t.visible_if), a = I(t.enabled_if), o = t.conditions, s = 0, c = 0, l = 0;
 	for (let e of n) {
 		let t = r(e);
 		t || l++;
@@ -223,8 +226,8 @@ function M(e, t, n, r) {
 		}) : e("action.bulk.rows_fail", "({failing} of {total} rows fail)", f)
 	};
 }
-function N(e, t, n) {
-	let r = F(t.enabled_if);
+function P(e, t, n) {
+	let r = I(t.enabled_if);
 	return !r || r.length === 0 || d(r, n) ? {
 		enabled: !0,
 		reason: null
@@ -233,46 +236,46 @@ function N(e, t, n) {
 		reason: e(t.enabled_if_reason) || null
 	};
 }
-function P(e, t, n) {
+function F(e, t, n) {
 	if (t && e in t) return t[e];
 	if (n && e in n) return n[e];
 }
-function F(e) {
+function I(e) {
 	return e;
 }
-function I(e, t, n, r, i) {
+function L(e, t, n, r, i) {
 	let a = [];
 	for (let o of e) {
 		if (o.kind === "group") {
-			let e = I(o.items, t, n, r, i);
+			let e = L(o.items, t, n, r, i);
 			e.length > 0 && a.push({
 				...o,
 				items: e
 			});
 			continue;
 		}
-		let e = P(o.code, t, n);
+		let e = F(o.code, t, n);
 		e && e.visibility?.includes(r) && (i?.bulkRequired === void 0 || (i.bulkRequiredPredicate ? i.bulkRequiredPredicate(e) : !1) === i.bulkRequired) && (i?.excludeIf && i.excludeIf(e) || a.push(o));
 	}
 	return a;
 }
-function L(e, t, n, r, i, a) {
+function R(e, t, n, r, i, a) {
 	let o = e ?? t;
-	return o ? I(o, n, r, i, a) : V(n, i);
-}
-function R(e) {
-	return e.requires_selection === void 0 ? z(e) : e.requires_selection;
+	return o ? L(o, n, r, i, a) : H(n, i);
 }
 function z(e) {
+	return e.requires_selection === void 0 ? B(e) : e.requires_selection;
+}
+function B(e) {
 	return e.visibility?.includes("list_floatbar") ?? !1;
 }
-function B(e, t, n, r, i) {
+function V(e, t, n, r, i) {
 	return e.map((e) => {
 		if (e.kind === "group") return {
 			...e,
-			items: B(e.items, t, n, r, i)
+			items: V(e.items, t, n, r, i)
 		};
-		let a = P(e.code, t, n);
+		let a = F(e.code, t, n);
 		return a && r(a) ? {
 			...e,
 			enabled: !1,
@@ -280,7 +283,7 @@ function B(e, t, n, r, i) {
 		} : e;
 	});
 }
-function V(e, t) {
+function H(e, t) {
 	return e ? Object.entries(e).filter(([, e]) => e.visibility?.includes(t)).sort(([e, t], [n, r]) => {
 		let i = t.position ?? 0, a = r.position ?? 0;
 		return i === a ? e < n ? -1 : +(e > n) : i - a;
@@ -292,4 +295,4 @@ function V(e, t) {
 	})) : [];
 }
 //#endregion
-export { c as EDIT_ACTION_CODE, s as OPEN_ACTION_CODE, o as PEEK_ACTION_CODE, m as actionConditionFieldValue, C as actionConfirmMessage, z as actionInFloatbarSlot, w as actionNeedsConfirm, R as actionRequiresSelection, T as actionTooltip, O as applyRowState, V as defaultFlatForSlot, B as disableLeavesWhere, d as evaluateConditions, I as filterLayoutForSlot, x as filterUnavailableMutationActions, D as findListScreenForEntity, v as getActionsByVisibility, y as getScreenActions, E as isAssociationAction, l as isNavDefaultCode, L as resolveActionLayoutForSlot, u as rowDetailId, h as withActionConditionFields };
+export { c as EDIT_ACTION_CODE, s as OPEN_ACTION_CODE, o as PEEK_ACTION_CODE, m as actionConditionFieldValue, w as actionConfirmMessage, B as actionInFloatbarSlot, T as actionNeedsConfirm, z as actionRequiresSelection, E as actionTooltip, k as applyRowState, H as defaultFlatForSlot, V as disableLeavesWhere, d as evaluateConditions, L as filterLayoutForSlot, x as filterUnavailableMutationActions, O as findListScreenForEntity, v as getActionsByVisibility, y as getScreenActions, D as isAssociationAction, l as isNavDefaultCode, R as resolveActionLayoutForSlot, u as rowDetailId, S as screenOffersCreate, h as withActionConditionFields };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@declarion/react",
-  "version": "0.84.0",
+  "version": "0.86.0",
   "private": false,
   "license": "MIT",
   "description": "React SDK for Declarion, the schema-driven business apps platform.",