@declarion/react 0.60.0 → 0.63.0

package/dist-lib/Icons-lt-7lhYR.js

@@ -0,0 +1,151 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Activity as t, ArrowDown as n, ArrowLeft as r, ArrowUp as i, ArrowUpDown as ee, BadgeDollarSign as te, Ban as a, Bell as o, Bolt as ne, BookOpen as re, Box as s, Boxes as ie, Briefcase as ae, Building as c, Building2 as oe, Calendar as l, CalendarClock as u, Check as d, ChevronDown as f, ChevronLeft as p, ChevronRight as m, ChevronUp as h, CircleDot as g, ClipboardCheck as _, Clock as v, Code as y, Columns as b, Columns3 as x, Command as S, Copy as C, Cpu as w, CreditCard as T, Database as E, Dot as D, Download as O, Edit as k, ExternalLink as A, Eye as j, EyeOff as M, File as N, FileDiff as P, FilePlus as F, Filter as I, Fingerprint as L, Folder as R, FormInput as z, Gavel as B, GitBranch as V, Globe as H, Grid as U, Group as W, HandCoins as G, Hash as K, Home as q, Inbox as se, Info as ce, Key as le, KeyRound as J, Layers as ue, Layout as de, LayoutDashboard as fe, Link as pe, List as me, ListChecks as he, Loader as ge, Lock as _e, LogIn as ve, LogOut as ye, Mail as be, Menu as xe, MessagesSquare as Se, Minus as Ce, Moon as we, MoreHorizontal as Te, Package as Ee, Paperclip as De, Play as Oe, PlayCircle as ke, Plus as Ae, PlusCircle as je, ReceiptText as Me, RefreshCw as Ne, Repeat as Pe, Save as Fe, Scale as Ie, ScrollText as Le, Search as Re, Settings as ze, Settings2 as Be, Shield as Ve, ShieldCheck as He, ShieldPlus as Ue, ShoppingCart as We, Sliders as Ge, SlidersHorizontal as Ke, Smartphone as qe, Sparkle as Je, Sparkles as Ye, Star as Xe, Sun as Ze, Table2 as Qe, Tag as $e, Tags as et, ToggleRight as tt, Trash as nt, Trash2 as rt, TriangleAlert as it, Undo2 as at, Upload as Y, User as ot, UserPlus as st, Users as X, UsersRound as ct, WalletCards as lt, Webhook as ut, Workflow as dt, X as ft, Zap as Z } from "lucide-react";
+//#region src/components/primitives/Icons.tsx
+var Q = (t) => function({ size: n = 14, cls: r = "", style: i = {} }) {
+	return /* @__PURE__ */ e(t, {
+		size: n,
+		className: r,
+		style: i
+	});
+}, $ = function({ size: t = 14, cls: n = "", style: r = {} }) {
+	return /* @__PURE__ */ e("svg", {
+		width: t,
+		height: t,
+		viewBox: "0 0 24 24",
+		fill: "currentColor",
+		"aria-hidden": "true",
+		className: n,
+		style: r,
+		children: /* @__PURE__ */ e("path", { d: "M20.45 20.45h-3.55v-5.57c0-1.33-.02-3.04-1.85-3.04-1.85 0-2.13 1.45-2.13 2.94v5.67H9.36V9h3.41v1.56h.05c.48-.9 1.64-1.85 3.37-1.85 3.6 0 4.27 2.37 4.27 5.46v6.28zM5.34 7.43a2.06 2.06 0 1 1 0-4.12 2.06 2.06 0 0 1 0 4.12zM7.12 20.45H3.56V9h3.56v11.45zM22.22 0H1.77C.79 0 0 .77 0 1.72v20.56C0 23.23.79 24 1.77 24h20.45c.98 0 1.78-.77 1.78-1.72V1.72C24 .77 23.2 0 22.22 0z" })
+	});
+}, pt = {
+	action: Q(Z),
+	activity: Q(t),
+	ai: Q(Ye),
+	arrowDown: Q(n),
+	arrowUp: Q(i),
+	audit: Q(_),
+	back: Q(r),
+	"badge-dollar-sign": Q(te),
+	ban: Q(a),
+	bell: Q(o),
+	bolt: Q(ne),
+	"book-open": Q(re),
+	box: Q(s),
+	boxes: Q(ie),
+	branch: Q(V),
+	building: Q(c),
+	calendar: Q(l),
+	check: Q(d),
+	cheveron: Q(f),
+	"circle-dot": Q(g),
+	clock: Q(v),
+	code: Q(y),
+	columns: Q(b),
+	"columns-3": Q(x),
+	command: Q(S),
+	company: Q(oe),
+	copy: Q(C),
+	cpu: Q(w),
+	"credit-card": Q(T),
+	database: Q(E),
+	dbtable: Q(Qe),
+	device: Q(qe),
+	dot: Q(D),
+	down: Q(f),
+	download: Q(O),
+	edit: Q(k),
+	email: Q(be),
+	entity: Q(s),
+	external: Q(A),
+	eye: Q(j),
+	eyeOff: Q(M),
+	field: Q(z),
+	file: Q(N),
+	"file-diff": Q(P),
+	filePlus: Q(F),
+	filter: Q(I),
+	fingerprint: Q(L),
+	flow: Q(dt),
+	folder: Q(R),
+	gavel: Q(B),
+	"git-branch": Q(V),
+	globe: Q(H),
+	grid: Q(U),
+	group: Q(W),
+	"hand-coins": Q(G),
+	handlers: Q(ut),
+	hash: Q(K),
+	home: Q(q),
+	idp: Q(J),
+	inbox: Q(se),
+	info: Q(ce),
+	jobs: Q(ae),
+	key: Q(le),
+	"key-round": Q(J),
+	layers: Q(ue),
+	layout: Q(de),
+	"layout-dashboard": Q(fe),
+	leads: Q(X),
+	left: Q(p),
+	link: Q(pe),
+	linkedin: $,
+	list: Q(me),
+	"list-checks": Q(he),
+	loader: Q(ge),
+	lock: Q(_e),
+	log: Q(Le),
+	"log-in": Q(ve),
+	logout: Q(ye),
+	menu: Q(xe),
+	"messages-square": Q(Se),
+	minus: Q(Ce),
+	moon: Q(we),
+	more: Q(Te),
+	package: Q(Ee),
+	paperclip: Q(De),
+	pipeline: Q(V),
+	play: Q(Oe),
+	"play-circle": Q(ke),
+	plus: Q(Ae),
+	"plus-circle": Q(je),
+	"receipt-text": Q(Me),
+	refresh: Q(Ne),
+	repeat: Q(Pe),
+	right: Q(m),
+	save: Q(Fe),
+	scale: Q(Ie),
+	sched: Q(u),
+	search: Q(Re),
+	settings: Q(ze),
+	"settings-2": Q(Be),
+	shield: Q(Ve),
+	"shield-check": Q(He),
+	"shield-plus": Q(Ue),
+	"shopping-cart": Q(We),
+	sliders: Q(Ge),
+	"sliders-horizontal": Q(Ke),
+	sort: Q(ee),
+	sparkle: Q(Je),
+	star: Q(Xe),
+	sun: Q(Ze),
+	tag: Q($e),
+	tags: Q(et),
+	tenant: Q(c),
+	"toggle-right": Q(tt),
+	trash: Q(nt),
+	"trash-2": Q(rt),
+	"undo-2": Q(at),
+	up: Q(h),
+	upload: Q(Y),
+	user: Q(ot),
+	"user-plus": Q(st),
+	users: Q(X),
+	"users-round": Q(ct),
+	"wallet-cards": Q(lt),
+	warning: Q(it),
+	x: Q(ft),
+	zap: Q(Z)
+};
+//#endregion
+export { $ as n, pt as t };

package/dist-lib/ImpersonationBanner.impl-CBJJx6an.js

@@ -0,0 +1,76 @@
+import { Pt as e, wt as t } from "./useCurrentScreen--UovgvRj.js";
+import { t as n } from "./useImpersonation-DNV23Ks1.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
+function s() {
+	let s = t(), { info: c, stop: l, isStopping: u } = n(), [d, f] = i(() => Date.now());
+	if (r(() => {
+		if (!c) return;
+		let e = window.setInterval(() => f(Date.now()), 1e3);
+		return () => window.clearInterval(e);
+	}, [c]), !c) return null;
+	let p = new Date(c.expires_at).getTime(), m = Math.max(0, p - d), h = Math.floor(m / 6e4), g = Math.floor(m % 6e4 / 1e3), _ = `${String(h).padStart(2, "0")}:${String(g).padStart(2, "0")}`;
+	return /* @__PURE__ */ o("div", {
+		role: "alert",
+		"aria-live": "polite",
+		"data-testid": "impersonation-banner",
+		style: {
+			gridArea: "banner",
+			background: "var(--impersonation-accent)",
+			color: "var(--impersonation-accent-fg)",
+			display: "flex",
+			flexWrap: "wrap",
+			alignItems: "center",
+			gap: "4px 16px",
+			overflowWrap: "anywhere",
+			padding: "8px 16px",
+			fontSize: 13,
+			fontWeight: 600,
+			borderBottom: "2px solid var(--impersonation-accent-fg)"
+		},
+		children: [
+			/* @__PURE__ */ a("span", {
+				"aria-hidden": "true",
+				children: "⚠"
+			}),
+			/* @__PURE__ */ a("span", { children: e(s("shell.impersonation.acting_as", "You are acting as {target}"), { target: /* @__PURE__ */ a("strong", {
+				"data-testid": "impersonation-target",
+				children: c.target_user_email || c.target_user_id
+			}) }) }),
+			/* @__PURE__ */ a("span", {
+				style: { opacity: .85 },
+				children: e(s("shell.impersonation.real_user", "· Real user: {user}"), { user: /* @__PURE__ */ a("strong", { children: c.real_user_email || c.real_user_id }) })
+			}),
+			/* @__PURE__ */ a("span", {
+				style: { opacity: .85 },
+				children: s("shell.impersonation.reason", "· Reason: {reason}", { reason: c.reason })
+			}),
+			/* @__PURE__ */ a("span", { style: { flex: 1 } }),
+			/* @__PURE__ */ a("span", {
+				"data-testid": "impersonation-countdown",
+				role: "timer",
+				"aria-label": s("shell.impersonation.time_remaining", "Time remaining"),
+				children: s("shell.impersonation.ends_in", "Ends in {countdown}", { countdown: _ })
+			}),
+			/* @__PURE__ */ a("button", {
+				onClick: () => l(),
+				disabled: u,
+				"data-testid": "impersonation-end-btn",
+				style: {
+					background: "var(--impersonation-accent-fg)",
+					color: "var(--impersonation-accent)",
+					border: 0,
+					padding: "4px 12px",
+					borderRadius: 4,
+					fontSize: 12,
+					fontWeight: 700,
+					cursor: u ? "wait" : "pointer"
+				},
+				children: u ? s("shell.impersonation.ending", "Ending…") : s("shell.impersonation.end", "End session")
+			})
+		]
+	});
+}
+//#endregion
+export { s as ImpersonationBanner };

package/dist-lib/ImpersonationStartModal.impl-RaZcsJpG.js

@@ -0,0 +1,158 @@
+import { wt as e } from "./useCurrentScreen--UovgvRj.js";
+import { i as t } from "./useParams-ei6w4I7w.js";
+import { t as n } from "./useImpersonation-DNV23Ks1.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
+function o({ open: o, targetUserId: s, targetUserLabel: c, onClose: l, onStarted: u }) {
+	let d = e(), { start: f, isStarting: p } = n(), { value: m } = t("impersonation.require_reason_min_length", 10), [h, g] = r(""), [_, v] = r("");
+	if (!o) return null;
+	let y = h.trim(), b = y.length >= m;
+	return /* @__PURE__ */ i("div", {
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-labelledby": "impersonation-modal-title",
+		"data-testid": "impersonation-start-modal",
+		style: {
+			position: "fixed",
+			inset: 0,
+			background: "var(--scrim-strong)",
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			zIndex: 100
+		},
+		onClick: l,
+		children: /* @__PURE__ */ a("div", {
+			onClick: (e) => e.stopPropagation(),
+			style: {
+				background: "var(--surface)",
+				color: "var(--text)",
+				minWidth: 420,
+				maxWidth: 520,
+				padding: 20,
+				borderRadius: 8,
+				boxShadow: "0 12px 40px rgba(0,0,0,0.4)"
+			},
+			children: [
+				/* @__PURE__ */ i("h2", {
+					id: "impersonation-modal-title",
+					style: {
+						marginTop: 0,
+						fontSize: 16
+					},
+					children: d("shell.impersonation.start_title", "Impersonate {user}", { user: c || s })
+				}),
+				/* @__PURE__ */ i("p", {
+					style: {
+						fontSize: 13,
+						color: "var(--text-3)"
+					},
+					children: c ? d("shell.impersonation.notice", "You will see exactly what {user} sees and act on their behalf. Destructive actions are blocked by default. Sessions are time-boxed and the target is notified when they end. State a clear reason - it is recorded on the audit trail.", { user: c }) : d("shell.impersonation.notice_unnamed", "You will see exactly what this user sees and act on their behalf. Destructive actions are blocked by default. Sessions are time-boxed and the target is notified when they end. State a clear reason - it is recorded on the audit trail.")
+				}),
+				/* @__PURE__ */ i("label", {
+					htmlFor: "imp-reason",
+					style: {
+						display: "block",
+						fontSize: 12,
+						marginTop: 12
+					},
+					children: d("shell.impersonation.reason_label", "Reason (min {min} characters)", { min: m })
+				}),
+				/* @__PURE__ */ i("textarea", {
+					id: "imp-reason",
+					"data-testid": "impersonation-reason-input",
+					value: h,
+					onChange: (e) => g(e.target.value),
+					rows: 3,
+					style: {
+						width: "100%",
+						marginTop: 4,
+						padding: 8,
+						background: "var(--surface-2)",
+						color: "var(--text)",
+						border: "1px solid var(--border)",
+						borderRadius: 4,
+						fontSize: 13,
+						fontFamily: "inherit",
+						boxSizing: "border-box"
+					}
+				}),
+				/* @__PURE__ */ i("label", {
+					htmlFor: "imp-duration",
+					style: {
+						display: "block",
+						fontSize: 12,
+						marginTop: 12
+					},
+					children: d("shell.impersonation.duration_label", "Duration in minutes (optional, capped server-side)")
+				}),
+				/* @__PURE__ */ i("input", {
+					id: "imp-duration",
+					"data-testid": "impersonation-duration-input",
+					type: "number",
+					min: 1,
+					value: _,
+					onChange: (e) => v(e.target.value),
+					style: {
+						marginTop: 4,
+						padding: "6px 8px",
+						width: 120,
+						background: "var(--surface-2)",
+						color: "var(--text)",
+						border: "1px solid var(--border)",
+						borderRadius: 4,
+						fontSize: 13
+					}
+				}),
+				/* @__PURE__ */ a("div", {
+					style: {
+						display: "flex",
+						gap: 8,
+						justifyContent: "flex-end",
+						marginTop: 20
+					},
+					children: [/* @__PURE__ */ i("button", {
+						onClick: l,
+						"data-testid": "impersonation-cancel-btn",
+						style: {
+							padding: "6px 14px",
+							background: "transparent",
+							color: "var(--text-2)",
+							border: "1px solid var(--border)",
+							borderRadius: 4,
+							cursor: "pointer",
+							fontSize: 13
+						},
+						children: d("dialog.cancel", "Cancel")
+					}), /* @__PURE__ */ i("button", {
+						onClick: () => {
+							b && f({
+								targetUserId: s,
+								reason: y,
+								durationMinutes: _ ? Number(_) : void 0
+							}, { onSuccess: () => {
+								g(""), v(""), u?.(), l();
+							} });
+						},
+						disabled: !b || p,
+						"data-testid": "impersonation-submit-btn",
+						style: {
+							padding: "6px 14px",
+							background: "var(--accent)",
+							color: "white",
+							border: 0,
+							borderRadius: 4,
+							cursor: !b || p ? "not-allowed" : "pointer",
+							fontSize: 13,
+							opacity: !b || p ? .5 : 1
+						},
+						children: p ? d("shell.impersonation.starting", "Starting…") : d("shell.impersonation.start", "Start session")
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { o as ImpersonationStartModal };

package/dist-lib/Kbd-CNttVu0z.js

@@ -0,0 +1,23 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/primitives/Kbd.tsx
+function t({ children: t }) {
+	return /* @__PURE__ */ e("span", {
+		className: "mono",
+		style: {
+			display: "inline-flex",
+			alignItems: "center",
+			justifyContent: "center",
+			minWidth: 18,
+			height: 18,
+			padding: "0 5px",
+			borderRadius: 4,
+			background: "var(--surface-3)",
+			border: "1px solid var(--border)",
+			color: "var(--text-3)",
+			fontSize: 10.5
+		},
+		children: t
+	});
+}
+//#endregion
+export { t };