@factorialco/f0-react 10.12.1 → 10.13.0

package/dist/experimental.js

@@ -20599,8 +20599,177 @@ var ZN = 3, QN = "slot-skeleton-item", $N = [
 		className: W(t && "animate-clock-tick motion-reduce:animate-none"),
 		children: ":"
 	}) : null, e] }, n))
-});
-function lP(e = 24) {
+}), lP = 1e3, uP = (e) => {
+	let t = cn(), [n, r] = X(!0), i = e && !t;
+	return q(() => {
+		if (!i) return;
+		let e = setInterval(() => r((e) => !e), lP);
+		return () => {
+			clearInterval(e), r(!0);
+		};
+	}, [i]), !i || n;
+}, dP = ({ text: e, ticking: t }) => /* @__PURE__ */ Q(cP, {
+	text: e,
+	ticking: t,
+	className: "px-2 text-2xl font-semibold"
+}), fP = {
+	neutral: {
+		pill: "bg-f1-background-inverse text-f1-foreground-inverse",
+		button: "bg-f1-background-accent-bold hover:bg-f1-background-accent-bold-hover",
+		icon: "inverse",
+		ring: "ring-f1-border-inverse",
+		solo: "bg-f1-background-accent-bold hover:bg-f1-background-accent-bold-hover",
+		soloIcon: "inverse",
+		soloRing: "ring-f1-border-inverse"
+	},
+	accent: {
+		pill: "bg-f1-background-accent-bold text-f1-foreground-inverse",
+		button: "bg-f1-background hover:bg-f1-background",
+		icon: "accent",
+		ring: "ring-f1-border-secondary",
+		solo: "bg-f1-background-accent-bold hover:bg-f1-background-accent-bold-hover",
+		soloIcon: "inverse",
+		soloRing: "ring-f1-border-inverse"
+	},
+	critical: {
+		pill: "bg-f1-background-critical-bold text-f1-foreground-inverse",
+		button: "bg-f1-background hover:bg-f1-background",
+		icon: "critical",
+		ring: "ring-f1-border-secondary",
+		solo: "bg-f1-background-critical-bold",
+		soloIcon: "inverse",
+		soloRing: "ring-f1-border-inverse"
+	},
+	warning: {
+		pill: "bg-f1-background-warning-bold text-f1-foreground-inverse",
+		button: "bg-f1-background hover:bg-f1-background",
+		icon: "warning",
+		ring: "ring-f1-border-secondary",
+		solo: "bg-f1-background-warning-bold",
+		soloIcon: "inverse",
+		soloRing: "ring-f1-border-inverse"
+	},
+	promote: {
+		pill: "bg-f1-background-promote-bold text-f1-foreground-inverse",
+		button: "bg-f1-background hover:bg-f1-background",
+		icon: "promote",
+		ring: "ring-f1-border-secondary",
+		solo: "bg-f1-background-promote-bold",
+		soloIcon: "inverse",
+		soloRing: "ring-f1-border-inverse"
+	},
+	positive: {
+		pill: "bg-f1-background-positive-bold text-f1-foreground-inverse",
+		button: "bg-f1-background hover:bg-f1-background",
+		icon: "positive",
+		ring: "ring-f1-border-secondary",
+		solo: "bg-f1-background-positive-bold",
+		soloIcon: "inverse",
+		soloRing: "ring-f1-border-inverse"
+	}
+}, pP = (e, t) => {
+	let n = cn();
+	return {
+		initial: {
+			opacity: 0,
+			x: n ? 0 : -8
+		},
+		animate: {
+			opacity: 1,
+			x: 0
+		},
+		exit: {
+			opacity: 0,
+			x: n ? 0 : -8
+		},
+		whileTap: n ? void 0 : { scale: eN },
+		transition: cN({
+			...rN,
+			delay: XM(e, t)
+		}, n)
+	};
+}, mP = ({ hasUpdates: e }) => e ? /* @__PURE__ */ Q("span", { className: "pointer-events-none absolute -right-0.5 -top-0.5 h-2 w-2 rounded-full bg-f1-background-accent-bold ring-2 ring-f1-background" }) : null, hP = ({ widget: e, action: t, order: n, open: r, delayMs: i, onOpen: a, onCancelOpen: o }) => {
+	let s = pP(n, i), c = uP(!!t.flashing && !r), l = t.text && !r ? t.text : void 0, u = fP[t.tone ?? "neutral"];
+	return /* @__PURE__ */ Q(vn, {
+		label: t.label,
+		instant: !0,
+		children: /* @__PURE__ */ $(B.div, {
+			className: W("group pointer-events-auto relative shrink-0", l ? W("-mr-1 -my-1 flex flex-row items-center gap-1 rounded-lg p-1", u.pill) : "rounded-lg"),
+			"data-widget-glyph": e.id,
+			onMouseEnter: (t) => a(e.id, t.currentTarget),
+			onMouseLeave: o,
+			onFocus: (t) => a(e.id, t.currentTarget, !0),
+			...s,
+			children: [
+				l ? /* @__PURE__ */ Q(dP, {
+					text: l,
+					ticking: !!t.ticking
+				}) : null,
+				/* @__PURE__ */ Q(an, {
+					type: "button",
+					variant: "ghost",
+					size: "lg",
+					className: W("size-10 shadow-none after:hidden hover:shadow-none active:shadow-none [&_.main]:px-0", t.text ? u.button : u.solo, "ring-inset group-hover:ring-1", r && "ring-1", t.text ? u.ring : u.soloRing),
+					"aria-label": `${t.label}, ${IN(e)}`,
+					onClick: () => t.onClick(),
+					children: /* @__PURE__ */ Q(V, {
+						size: "lg",
+						color: t.text ? u.icon : u.soloIcon,
+						icon: c || !e.icon ? t.icon : e.icon
+					})
+				}),
+				/* @__PURE__ */ Q(mP, { hasUpdates: e.hasUpdates })
+			]
+		})
+	});
+}, gP = ({ widget: e, order: t, open: n, delayMs: r, onOpen: i, onCancelOpen: a, onClose: o, look: s = "tile" }) => {
+	let c = e.railAction, l = pP(t, r);
+	return c ? /* @__PURE__ */ Q(hP, {
+		widget: e,
+		action: c,
+		order: t,
+		open: n,
+		delayMs: r,
+		onOpen: i,
+		onCancelOpen: a
+	}) : e.loading && !e.icon ? /* @__PURE__ */ Q(B.div, {
+		"aria-hidden": !0,
+		className: "pointer-events-none shrink-0",
+		...l,
+		children: /* @__PURE__ */ Q(H, { className: "h-10 w-10 rounded-lg" })
+	}) : /* @__PURE__ */ Q(B.button, {
+		type: "button",
+		"aria-label": IN(e),
+		"aria-expanded": n,
+		"data-widget-glyph": e.id,
+		onMouseEnter: (t) => i(e.id, t.currentTarget),
+		onMouseLeave: a,
+		onClick: (t) => n ? o() : i(e.id, t.currentTarget, !0),
+		className: W("pointer-events-auto", s === "ghost" ? "rounded-md" : "rounded-lg"),
+		...l,
+		children: /* @__PURE__ */ $("span", {
+			className: "relative inline-flex",
+			children: [s === "ghost" ? /* @__PURE__ */ Q("span", {
+				className: W("flex size-10 items-center justify-center rounded-md transition-colors", n ? "bg-f1-background-secondary" : "hover:bg-f1-background-secondary"),
+				children: e.icon ? /* @__PURE__ */ Q(V, {
+					icon: e.icon,
+					size: "md",
+					color: "bold"
+				}) : /* @__PURE__ */ Q("span", {
+					className: "font-medium text-f1-foreground-secondary",
+					children: IN(e).charAt(0)
+				})
+			}) : e.icon ? /* @__PURE__ */ Q(Oo, {
+				icon: e.icon,
+				size: "lg"
+			}) : /* @__PURE__ */ Q("span", {
+				className: "flex h-10 w-10 items-center justify-center rounded-lg border border-solid border-f1-border-secondary bg-f1-background font-medium text-f1-foreground-secondary",
+				children: IN(e).charAt(0)
+			}), /* @__PURE__ */ Q(mP, { hasUpdates: e.hasUpdates })]
+		})
+	});
+};
+function _P(e = 24) {
 	let [t, n] = X(null), [r, i] = X({
 		top: !1,
 		bottom: !1
@@ -20634,8 +20803,8 @@ function lP(e = 24) {
 }
 //#endregion
 //#region src/domains/platform/home/Home/SlotWidget/SlotWidget.tsx
-var uP = "-ml-0.5 mt-2", dP = 450, fP = "cubic-bezier(0.4, 0, 0.1, 1)", pP = 1.04;
-function mP({ slots: e, loading: t = !1, slotRenderers: n, ctx: r = {}, headless: i = !1 }) {
+var vP = "-ml-0.5 mt-2", yP = 450, bP = "cubic-bezier(0.4, 0, 0.1, 1)", xP = 1.04;
+function SP({ slots: e, loading: t = !1, slotRenderers: n, ctx: r = {}, headless: i = !1 }) {
 	let a = n ? {
 		...sP,
 		...n
@@ -20668,7 +20837,7 @@ function mP({ slots: e, loading: t = !1, slotRenderers: n, ctx: r = {}, headless
 		})
 	});
 }
-function hP({ header: e, params: t, fullHeight: n, action: r, summaries: i, headerControls: a, headerActions: o, headerSelect: s, alert: c, status: l, slots: u, loading: d = !1, slotRenderers: f, actions: p, flipped: m = !1, onFlipBack: h, isDragging: g, ctx: _ = {}, headless: v = !1 }) {
+function CP({ header: e, params: t, fullHeight: n, action: r, summaries: i, headerControls: a, headerActions: o, headerSelect: s, alert: c, status: l, slots: u, loading: d = !1, slotRenderers: f, actions: p, flipped: m = !1, onFlipBack: h, isDragging: g, ctx: _ = {}, headless: v = !1 }) {
 	let y = U(), b = cn(), [x, S] = X(!1), C = Y(!1);
 	q(() => {
 		if (!C.current) {
@@ -20677,7 +20846,7 @@ function hP({ header: e, params: t, fullHeight: n, action: r, summaries: i, head
 		}
 		if (b) return;
 		S(!0);
-		let e = setTimeout(() => S(!1), dP);
+		let e = setTimeout(() => S(!1), yP);
 		return () => clearTimeout(e);
 	}, [m, b]);
 	let [w, T] = X(void 0), D = s ? w ?? s.value ?? s.options[0]?.value : void 0, O = s?.options.find((e) => e.value === D), k = (e) => {
@@ -20718,13 +20887,13 @@ function hP({ header: e, params: t, fullHeight: n, action: r, summaries: i, head
 		header: F,
 		fullHeight: n,
 		action: ee,
-		footerClassName: uP,
+		footerClassName: vP,
 		actions: v ? void 0 : p,
 		headerControls: v ? void 0 : A,
 		summaries: i,
 		...c ? { alert: c } : { status: l },
 		isDragging: g,
-		children: /* @__PURE__ */ Q(mP, {
+		children: /* @__PURE__ */ Q(SP, {
 			ctx: {
 				..._,
 				hasFooter: !!r,
@@ -20743,14 +20912,14 @@ function hP({ header: e, params: t, fullHeight: n, action: r, summaries: i, head
 			className: "h-full",
 			"data-turning": x || void 0,
 			style: {
-				transform: `scale(${x ? pP : 1})`,
-				transition: b ? void 0 : `transform ${dP / 2}ms ease-out`
+				transform: `scale(${x ? xP : 1})`,
+				transition: b ? void 0 : `transform ${yP / 2}ms ease-out`
 			},
 			children: /* @__PURE__ */ $("div", {
 				className: "relative h-full [transform-style:preserve-3d]",
 				style: {
 					transform: `rotateY(${m ? 180 : 0}deg)`,
-					transition: b ? void 0 : `transform ${dP}ms ${fP}`
+					transition: b ? void 0 : `transform ${yP}ms ${bP}`
 				},
 				children: [/* @__PURE__ */ Q("div", {
 					className: W("[backface-visibility:hidden]", m && "pointer-events-none"),
@@ -20782,8 +20951,8 @@ function hP({ header: e, params: t, fullHeight: n, action: r, summaries: i, head
 }
 //#endregion
 //#region src/domains/platform/home/Home/WidgetPreview/WidgetPreview.tsx
-var gP = "(min-width: 2200px) and (min-height: 900px)", _P = () => {
-	let e = sn(gP, {
+var wP = "(min-width: 2200px) and (min-height: 900px)", TP = () => {
+	let e = sn(wP, {
 		initializeWithValue: !0,
 		defaultValue: !1
 	}), t = sn(`(max-width: ${tc.md}px)`, {
@@ -20797,14 +20966,14 @@ var gP = "(min-width: 2200px) and (min-height: 900px)", _P = () => {
 		asideClassName: t ? "w-full shrink-0" : "w-80 shrink-0",
 		stacked: t
 	};
-}, vP = "animate-in fade-in zoom-in-95 duration-300 ease-out motion-reduce:animate-none";
-function yP({ previewKey: e, children: t, info: n, previewWidth: r = 396 }) {
+}, EP = "animate-in fade-in zoom-in-95 duration-300 ease-out motion-reduce:animate-none";
+function DP({ previewKey: e, children: t, info: n, previewWidth: r = 396 }) {
 	return /* @__PURE__ */ Q("div", {
 		className: "flex min-w-0 flex-1 flex-col overflow-y-auto rounded-lg bg-f1-background-secondary p-6",
 		children: /* @__PURE__ */ $("div", {
 			className: "my-auto flex w-full flex-col items-center gap-6",
 			children: [/* @__PURE__ */ Q("div", {
-				className: W("w-full", vP),
+				className: W("w-full", EP),
 				style: { maxWidth: `${r}px` },
 				children: t
 			}, e), n ? /* @__PURE__ */ Q("p", {
@@ -20816,9 +20985,9 @@ function yP({ previewKey: e, children: t, info: n, previewWidth: r = 396 }) {
 }
 //#endregion
 //#region src/domains/platform/home/Home/WidgetUpdateDialog/WidgetUpdateDialog.tsx
-var bP = (e, t) => typeof e == "function" ? e(t) : e, xP = 250;
-function SP({ isOpen: e, onClose: t, schema: n, params: r, renderPreview: i, info: a, onSave: o, previewWidth: s = 396, title: c, saveLabel: l = "Save" }) {
-	let u = U(), { position: d, width: f, bodyClassName: p, asideClassName: m } = _P(), { formRef: h, getValues: g, trigger: _ } = Ke(), [v, y] = X(r ?? {});
+var OP = (e, t) => typeof e == "function" ? e(t) : e, kP = 250;
+function AP({ isOpen: e, onClose: t, schema: n, params: r, renderPreview: i, info: a, onSave: o, previewWidth: s = 396, title: c, saveLabel: l = "Save" }) {
+	let u = U(), { position: d, width: f, bodyClassName: p, asideClassName: m } = TP(), { formRef: h, getValues: g, trigger: _ } = Ke(), [v, y] = X(r ?? {});
 	return q(() => {
 		e && y(r ?? {});
 	}, [e, r]), /* @__PURE__ */ Q(Ka, {
@@ -20844,15 +21013,15 @@ function SP({ isOpen: e, onClose: t, schema: n, params: r, renderPreview: i, inf
 					defaultValues: r,
 					submitConfig: {
 						type: "autosubmit",
-						delay: xP,
+						delay: kP,
 						hideActionBar: !0
 					},
 					styling: { noPadding: !0 },
 					onSubmit: (e) => (y(e), { success: !0 })
 				})
-			}), /* @__PURE__ */ Q(yP, {
+			}), /* @__PURE__ */ Q(DP, {
 				previewKey: "widget-params",
-				info: bP(a, v),
+				info: OP(a, v),
 				previewWidth: s,
 				children: i(v)
 			})]
@@ -20861,10 +21030,10 @@ function SP({ isOpen: e, onClose: t, schema: n, params: r, renderPreview: i, inf
 }
 //#endregion
 //#region src/domains/platform/home/Home/WidgetContainer/dragGhost.ts
-var CP = (e) => {
+var jP = (e) => {
 	let t = e?.cloneNode(!0);
 	return t instanceof HTMLElement ? (t.classList.remove("invisible"), t.style.transform = "none", t.style.transition = "none", t.removeAttribute("id"), t.querySelectorAll("[id]").forEach((e) => e.removeAttribute("id")), t.setAttribute("aria-hidden", "true"), t.setAttribute("inert", ""), t) : null;
-}, wP = (e, t) => {
+}, MP = (e, t) => {
 	if (!e || !t) return null;
 	let n = e.cloneNode(!0);
 	if (!(n instanceof HTMLElement)) return null;
@@ -20878,51 +21047,51 @@ var CP = (e) => {
 			width: r.width,
 			height: r.height
 		},
-		base: EP(e)
+		base: PP(e)
 	};
-}, TP = /* @__PURE__ */ new Set([
+}, NP = /* @__PURE__ */ new Set([
 	"rgba(0, 0, 0, 0)",
 	"transparent",
 	""
-]), EP = (e) => {
+]), PP = (e) => {
 	if (typeof getComputedStyle != "function") return null;
 	for (let t = e; t; t = t.parentElement) {
 		let e = getComputedStyle(t).backgroundColor;
-		if (!TP.has(e)) return e;
+		if (!NP.has(e)) return e;
 	}
 	return null;
-}, DP = /^(https?:\/\/|mailto:|tel:|\/|\.\/|\.\.\/|#|\?)/i, OP = (e) => e && DP.test(e) ? e : void 0, kP = /\[([^[\]\n]+)\]\(([^)\s]+)\)/g, AP = (e) => DP.test(e), jP = (e) => {
+}, FP = /^(https?:\/\/|mailto:|tel:|\/|\.\/|\.\.\/|#|\?)/i, IP = (e) => e && FP.test(e) ? e : void 0, LP = /\[([^[\]\n]+)\]\(([^)\s]+)\)/g, RP = (e) => FP.test(e), zP = (e) => {
 	let t = [], n = 0;
-	for (let r of e.matchAll(kP)) {
+	for (let r of e.matchAll(LP)) {
 		let i = r[1] ?? "", a = r[2] ?? "", o = r.index, s = e[o - 1] === "!", c = e.slice(n, s ? o - 1 : o);
-		c && t.push({ text: c }), t.push(s || !AP(a) ? { text: i } : {
+		c && t.push({ text: c }), t.push(s || !RP(a) ? { text: i } : {
 			label: i,
 			href: a
 		}), n = o + r[0].length;
 	}
 	return n < e.length && t.push({ text: e.slice(n) }), t;
-}, MP = ({ text: e }) => /* @__PURE__ */ Q("div", {
+}, BP = ({ text: e }) => /* @__PURE__ */ Q("div", {
 	className: "text-center text-f1-foreground-secondary",
-	children: jP(e).map((e, t) => /* @__PURE__ */ Q(Vc, { children: "href" in e ? /* @__PURE__ */ Q(xr, {
+	children: zP(e).map((e, t) => /* @__PURE__ */ Q(Vc, { children: "href" in e ? /* @__PURE__ */ Q(xr, {
 		href: e.href,
 		children: e.label
 	}) : e.text }, t))
-}), NP = (e) => {
+}), VP = (e) => {
 	let t = e.findIndex((e) => !e.locked);
 	return e.slice(0, t < 0 ? e.length : t);
-}, PP = (e, t, n) => {
-	let r = NP(e).flatMap((e) => {
+}, HP = (e, t, n) => {
+	let r = VP(e).flatMap((e) => {
 		let n = t?.querySelector(`[data-widget-id="${e.id}"]`)?.getBoundingClientRect();
 		return n ? [n.bottom] : [];
 	});
 	return r.length > 0 ? Math.max(...r) + n : null;
-}, FP = (e) => ({ transform: t, draggingNodeRect: n, activeNodeRect: r }) => {
+}, UP = (e) => ({ transform: t, draggingNodeRect: n, activeNodeRect: r }) => {
 	let i = e(), a = (n ?? r)?.top;
 	return i == null || a == null ? t : {
 		...t,
 		y: Math.max(t.y, i - a)
 	};
-}, IP = ({ id: e, disabled: t = !1, children: n }) => {
+}, WP = ({ id: e, disabled: t = !1, children: n }) => {
 	let { listeners: r, setNodeRef: i, transform: a, transition: o, isDragging: s } = ee({
 		id: e,
 		disabled: t
@@ -20941,22 +21110,22 @@ var CP = (e) => {
 		...t ? {} : r,
 		children: n({ isDragging: s })
 	});
-}, LP = 12, RP = 280, zP = 2, BP = /* @__PURE__ */ new Set([
+}, GP = 12, KP = 280, qP = 2, JP = /* @__PURE__ */ new Set([
 	"auto",
 	"scroll",
 	"overlay"
-]), VP = (e) => {
+]), YP = (e) => {
 	let t = e.parentElement;
 	for (; t && t !== document.body && t !== document.documentElement;) {
-		if (BP.has(getComputedStyle(t).getPropertyValue("overflow-y"))) return t;
+		if (JP.has(getComputedStyle(t).getPropertyValue("overflow-y"))) return t;
 		t = t.parentElement;
 	}
 	return null;
 };
-function HP({ config: e, count: t, gap: n, pinned: r = [], paused: i = !1 }) {
+function XP({ config: e, count: t, gap: n, pinned: r = [], paused: i = !1 }) {
 	let a = e === !1 ? null : e, [o, s] = X(null), [c, l] = X(null), u = a?.scrollElement ?? c, d = a != null && !i, f = a?.scrollElement != null;
 	Qc(() => {
-		d && !f && o && l(VP(o));
+		d && !f && o && l(YP(o));
 	}, [
 		d,
 		f,
@@ -20977,7 +21146,7 @@ function HP({ config: e, count: t, gap: n, pinned: r = [], paused: i = !1 }) {
 		o,
 		u
 	]);
-	let h = d && u != null && t >= (a?.threshold ?? LP), g = Y(r);
+	let h = d && u != null && t >= (a?.threshold ?? GP), g = Y(r);
 	g.current = r;
 	let _ = r.join(","), v = K((e) => {
 		let t = new Set(ls(e));
@@ -20989,8 +21158,8 @@ function HP({ config: e, count: t, gap: n, pinned: r = [], paused: i = !1 }) {
 		gap: n,
 		scrollMargin: p,
 		rangeExtractor: v,
-		overscan: a?.overscan ?? zP,
-		estimateSize: () => a?.estimateHeight ?? RP,
+		overscan: a?.overscan ?? qP,
+		estimateSize: () => a?.estimateHeight ?? KP,
 		getScrollElement: () => u
 	});
 	return {
@@ -21007,10 +21176,10 @@ function HP({ config: e, count: t, gap: n, pinned: r = [], paused: i = !1 }) {
 }
 //#endregion
 //#region src/domains/platform/home/Home/WidgetContainer/verticalOnly.ts
-var UP = ({ transform: e }) => ({
+var ZP = ({ transform: e }) => ({
 	...e,
 	x: 0
-}), WP = ({ arrival: e, stow: t, fullHeight: n, widgetId: r, children: i }) => {
+}), QP = ({ arrival: e, stow: t, fullHeight: n, widgetId: r, children: i }) => {
 	let a = cn(), o = t?.stowed ?? !1, s = e?.order ?? 0, c = a ? YM : e?.arriving ? ZM(s, e.delayMs) : !t || t.instant ? YM : o ? aN : oN;
 	return /* @__PURE__ */ Q(B.div, {
 		"data-widget-id": r,
@@ -21026,7 +21195,7 @@ var UP = ({ transform: e }) => ({
 		transition: c,
 		children: i
 	});
-}, GP = ({ host: e, children: t }) => {
+}, $P = ({ host: e, children: t }) => {
 	let n = Y();
 	if (!n.current) {
 		let e = document.createElement("div");
@@ -21046,7 +21215,7 @@ var UP = ({ transform: e }) => ({
 		ref: o,
 		className: "contents"
 	}), nl(t, r)] });
-}, KP = [
+}, eF = [
 	"a",
 	"button",
 	"input",
@@ -21060,28 +21229,28 @@ var UP = ({ transform: e }) => ({
 	"[role='checkbox']",
 	"[role='tab']",
 	"[contenteditable='true']"
-].join(","), qP = class extends P {
+].join(","), tF = class extends P {
 	static activators = [{
 		eventName: "onPointerDown",
 		handler: ({ nativeEvent: e }, { onActivation: t }) => {
 			if (!e.isPrimary || e.button !== 0) return !1;
 			let n = e.target;
-			return n instanceof Element && n.closest(KP) ? !1 : (t?.({ event: e }), !0);
+			return n instanceof Element && n.closest(eF) ? !1 : (t?.({ event: e }), !0);
 		}
 	}];
-}, JP = {
+}, nF = {
 	duration: 450,
 	easing: "cubic-bezier(0.4, 0, 0.1, 1)"
-}, YP = (e, t) => {
+}, rF = (e, t) => {
 	for (let n = e; n; n = n.parentElement) {
 		let e = n.querySelector(t);
 		if (e) return e;
 	}
 	return null;
-}, XP = {
+}, iF = {
 	main: 24,
 	right: 16
-}, ZP = ({ hidden: e, placement: t, measureRef: n, children: r }) => /* @__PURE__ */ Q("div", {
+}, aF = ({ hidden: e, placement: t, measureRef: n, children: r }) => /* @__PURE__ */ Q("div", {
 	ref: t ? n : void 0,
 	"data-index": t?.index,
 	hidden: e,
@@ -21092,7 +21261,7 @@ var UP = ({ transform: e }) => ({
 		width: "100%"
 	} : { display: e ? void 0 : "contents" },
 	children: r
-}), QP = ({ onClick: e, label: t, side: n }) => /* @__PURE__ */ Q(vn, {
+}), oF = ({ onClick: e, label: t, side: n }) => /* @__PURE__ */ Q(vn, {
 	label: t,
 	children: /* @__PURE__ */ Q("button", {
 		type: "button",
@@ -21106,10 +21275,10 @@ var UP = ({ transform: e }) => ({
 		})
 	})
 });
-function $P({ widgets: e = [], side: t = "main", children: n, footnote: r, slotRenderers: a, renderWidget: o, disableEdition: c = !1, disableDrag: l = !1, widgetHostFor: u, afterWidgets: d, dragSurfaceSelector: f, onRemoveWidget: p, onClickAddNewWidget: m, onReorder: h, visibleWidgetId: g, entrance: _ = {}, virtualized: v = !1, stow: b, addWidgetLabel: x, onChangeWidgetParams: S, rebuildWidget: C, renderWidgetPreview: w, paramsPreviewWidth: T, removeLabel: E, editParamsLabel: D, ctx: O = {}, className: k, style: A }) {
-	let j = U(), M = !c, N = (e) => g !== void 0 && e.id !== g, P = M && h != null, F = e.filter((e) => !e.locked).length > 1, [I, ee] = X(null), te = s(Xt(qP, { activationConstraint: { distance: 4 } })), [re, ie] = X(null), L = e.find((e) => e.id === re), [oe, se] = X(null), ce = Y(null), R = Y(null), le = Y(null), ue = Y(null), fe = J(() => [UP, FP(() => ue.current)], []), pe = (e) => {
+function sF({ widgets: e = [], side: t = "main", children: n, footnote: r, slotRenderers: a, renderWidget: o, disableEdition: c = !1, disableDrag: l = !1, widgetHostFor: u, afterWidgets: d, dragSurfaceSelector: f, onRemoveWidget: p, onClickAddNewWidget: m, onReorder: h, visibleWidgetId: g, entrance: _ = {}, virtualized: v = !1, stow: b, addWidgetLabel: x, onChangeWidgetParams: S, rebuildWidget: C, renderWidgetPreview: w, paramsPreviewWidth: T, removeLabel: E, editParamsLabel: D, ctx: O = {}, className: k, style: A }) {
+	let j = U(), M = !c, N = (e) => g !== void 0 && e.id !== g, P = M && h != null, F = e.filter((e) => !e.locked).length > 1, [I, ee] = X(null), te = s(Xt(tF, { activationConstraint: { distance: 4 } })), [re, ie] = X(null), L = e.find((e) => e.id === re), [oe, se] = X(null), ce = Y(null), R = Y(null), le = Y(null), ue = Y(null), fe = J(() => [ZP, UP(() => ue.current)], []), pe = (e) => {
 		let t = ce.current?.querySelector(`[data-widget-id="${e}"]`);
-		R.current = CP(t), le.current = f ? wP(YP(ce.current, f), t) : null;
+		R.current = jP(t), le.current = f ? MP(rF(ce.current, f), t) : null;
 	}, me = (e) => {
 		e && R.current && e.replaceChildren(R.current);
 	}, he = Y(0), ge = () => cancelAnimationFrame(he.current), _e = (e) => {
@@ -21124,14 +21293,14 @@ function $P({ widgets: e = [], side: t = "main", children: n, footnote: r, slotR
 			e.style.transform = `translate3d(${-t}px, ${-i}px, 0)`, he.current = requestAnimationFrame(r);
 		};
 		r();
-	}, ve = HP({
+	}, ve = XP({
 		config: v === !0 ? {} : v,
 		count: e.length,
-		gap: XP[t],
+		gap: iF[t],
 		pinned: I ? [e.findIndex((e) => e.id === I)] : [],
 		paused: g !== void 0
 	}), ye = v !== !1 && g !== void 0, be = ({ activatorEvent: t, delta: n, active: r }) => {
-		let i = r.rect.current.translated, a = t, o = a.clientX == null ? null : a.clientX + n.x, s = a.clientY == null ? null : a.clientY + n.y, c = ue.current == null ? [] : NP(e);
+		let i = r.rect.current.translated, a = t, o = a.clientX == null ? null : a.clientX + n.x, s = a.clientY == null ? null : a.clientY + n.y, c = ue.current == null ? [] : VP(e);
 		return e.find((e) => {
 			if (!e.locked || c.includes(e)) return !1;
 			let t = ce.current?.querySelector(`[data-widget-id="${e.id}"]`)?.getBoundingClientRect();
@@ -21180,7 +21349,7 @@ function $P({ widgets: e = [], side: t = "main", children: n, footnote: r, slotR
 		children: we(e, t, n)
 	}), we = (e, t, n = e.params) => {
 		let r = xe(e);
-		if (!o) return /* @__PURE__ */ Q(hP, {
+		if (!o) return /* @__PURE__ */ Q(CP, {
 			...zN(e),
 			header: e.header,
 			params: n,
@@ -21218,7 +21387,7 @@ function $P({ widgets: e = [], side: t = "main", children: n, footnote: r, slotR
 		instant: b.stowed
 	}, Oe = (e, t, n, r) => {
 		let i = n ? De(n) : void 0;
-		return !Te && !i && !r ? t : /* @__PURE__ */ Q(WP, {
+		return !Te && !i && !r ? t : /* @__PURE__ */ Q(QP, {
 			arrival: Te ? {
 				order: (Te.order ?? 0) + e,
 				delayMs: Te.delayMs ?? 0,
@@ -21229,13 +21398,13 @@ function $P({ widgets: e = [], side: t = "main", children: n, footnote: r, slotR
 			widgetId: r,
 			children: t
 		});
-	}, ke = (e, t, n) => /* @__PURE__ */ Q(ZP, {
+	}, ke = (e, t, n) => /* @__PURE__ */ Q(aF, {
 		hidden: N(e),
 		placement: n,
 		measureRef: ve.measureRef,
-		children: /* @__PURE__ */ Q(GP, {
+		children: /* @__PURE__ */ Q($P, {
 			host: u?.(e),
-			children: P ? /* @__PURE__ */ Q(IP, {
+			children: P ? /* @__PURE__ */ Q(WP, {
 				id: e.id,
 				disabled: e.locked || l || !F,
 				children: (n) => Oe(t, Ce(e, n), e)
@@ -21261,7 +21430,7 @@ function $P({ widgets: e = [], side: t = "main", children: n, footnote: r, slotR
 				collisionDetection: de,
 				modifiers: fe,
 				onDragStart: ({ active: n }) => {
-					pe(String(n.id)), ue.current = PP(e, ce.current, XP[t]), ee(String(n.id));
+					pe(String(n.id)), ue.current = HP(e, ce.current, iF[t]), ee(String(n.id));
 				},
 				onDragCancel: () => {
 					ee(null), ge(), R.current = null, le.current = null, ue.current = null;
@@ -21281,7 +21450,7 @@ function $P({ widgets: e = [], side: t = "main", children: n, footnote: r, slotR
 						className: "fixed inset-0 z-50 cursor-grabbing"
 					}) : null,
 					/* @__PURE__ */ Q(y, {
-						dropAnimation: JP,
+						dropAnimation: nF,
 						children: I ? /* @__PURE__ */ $("div", {
 							className: "relative h-full w-full cursor-grabbing overflow-hidden rounded-xl bg-f1-background",
 							children: [/* @__PURE__ */ Q("div", {
@@ -21296,13 +21465,13 @@ function $P({ widgets: e = [], side: t = "main", children: n, footnote: r, slotR
 				]
 			}) : Ae,
 			d,
-			r == null ? null : Oe(e.length, /* @__PURE__ */ Q(MP, { text: r })),
-			!c && m ? Oe(e.length + (r == null ? 0 : 1), /* @__PURE__ */ Q(QP, {
+			r == null ? null : Oe(e.length, /* @__PURE__ */ Q(BP, { text: r })),
+			!c && m ? Oe(e.length + (r == null ? 0 : 1), /* @__PURE__ */ Q(oF, {
 				onClick: m,
 				label: x ?? j.widgets.addWidget,
 				side: t
 			})) : null,
-			L?.paramsSchema && S ? /* @__PURE__ */ Q(SP, {
+			L?.paramsSchema && S ? /* @__PURE__ */ Q(AP, {
 				isOpen: !0,
 				onClose: () => ie(null),
 				schema: L.paramsSchema,
@@ -21317,7 +21486,7 @@ function $P({ widgets: e = [], side: t = "main", children: n, footnote: r, slotR
 }
 //#endregion
 //#region src/domains/platform/home/Home/NewHomeLayout/useRailMotion.ts
-var eF = ({ collapsed: e, open: t, glide: n, drawn: r, width: i }) => {
+var cF = ({ collapsed: e, open: t, glide: n, drawn: r, width: i }) => {
 	let a = cn(), [o, s] = X(!1);
 	q(() => {
 		r && s(!0);
@@ -21347,173 +21516,14 @@ var eF = ({ collapsed: e, open: t, glide: n, drawn: r, width: i }) => {
 		},
 		glyphDelayMs: o ? 90 : 220
 	};
-}, tF = {
+}, lF = {
 	morning: "bg-gradient-to-bl from-[#E51943] from-20% via-[#F97316] via-35% to-transparent to-50%",
 	afternoon: "bg-gradient-to-bl from-[#5596F6] from-20% via-[#10B881] via-35% to-transparent to-50%",
 	evening: "bg-gradient-to-bl from-[#3739A8] from-20% via-[#CB6687] via-35% to-transparent to-50%"
-}, nF = ({ period: e, className: t }) => /* @__PURE__ */ Q("div", {
+}, uF = ({ period: e, className: t }) => /* @__PURE__ */ Q("div", {
 	"aria-hidden": !0,
-	className: W("pointer-events-none absolute inset-0 h-screen max-h-[1000px] opacity-[0.08]", tF[e], t)
-}), rF = 40, iF = 672, aF = 1e3, oF = (e) => {
-	let t = cn(), [n, r] = X(!0), i = e && !t;
-	return q(() => {
-		if (!i) return;
-		let e = setInterval(() => r((e) => !e), aF);
-		return () => {
-			clearInterval(e), r(!0);
-		};
-	}, [i]), !i || n;
-}, sF = ({ text: e, ticking: t }) => /* @__PURE__ */ Q(cP, {
-	text: e,
-	ticking: t,
-	className: "px-2 text-2xl font-semibold"
-}), cF = {
-	neutral: {
-		pill: "bg-f1-background-inverse text-f1-foreground-inverse",
-		button: "bg-f1-background-accent-bold hover:bg-f1-background-accent-bold-hover",
-		icon: "inverse",
-		ring: "ring-f1-border-inverse",
-		solo: "bg-f1-background-accent-bold hover:bg-f1-background-accent-bold-hover",
-		soloIcon: "inverse",
-		soloRing: "ring-f1-border-inverse"
-	},
-	accent: {
-		pill: "bg-f1-background-accent-bold text-f1-foreground-inverse",
-		button: "bg-f1-background hover:bg-f1-background",
-		icon: "accent",
-		ring: "ring-f1-border-secondary",
-		solo: "bg-f1-background-accent-bold hover:bg-f1-background-accent-bold-hover",
-		soloIcon: "inverse",
-		soloRing: "ring-f1-border-inverse"
-	},
-	critical: {
-		pill: "bg-f1-background-critical-bold text-f1-foreground-inverse",
-		button: "bg-f1-background hover:bg-f1-background",
-		icon: "critical",
-		ring: "ring-f1-border-secondary",
-		solo: "bg-f1-background-critical-bold",
-		soloIcon: "inverse",
-		soloRing: "ring-f1-border-inverse"
-	},
-	warning: {
-		pill: "bg-f1-background-warning-bold text-f1-foreground-inverse",
-		button: "bg-f1-background hover:bg-f1-background",
-		icon: "warning",
-		ring: "ring-f1-border-secondary",
-		solo: "bg-f1-background-warning-bold",
-		soloIcon: "inverse",
-		soloRing: "ring-f1-border-inverse"
-	},
-	promote: {
-		pill: "bg-f1-background-promote-bold text-f1-foreground-inverse",
-		button: "bg-f1-background hover:bg-f1-background",
-		icon: "promote",
-		ring: "ring-f1-border-secondary",
-		solo: "bg-f1-background-promote-bold",
-		soloIcon: "inverse",
-		soloRing: "ring-f1-border-inverse"
-	},
-	positive: {
-		pill: "bg-f1-background-positive-bold text-f1-foreground-inverse",
-		button: "bg-f1-background hover:bg-f1-background",
-		icon: "positive",
-		ring: "ring-f1-border-secondary",
-		solo: "bg-f1-background-positive-bold",
-		soloIcon: "inverse",
-		soloRing: "ring-f1-border-inverse"
-	}
-}, lF = (e, t) => {
-	let n = cn();
-	return {
-		initial: {
-			opacity: 0,
-			x: n ? 0 : -8
-		},
-		animate: {
-			opacity: 1,
-			x: 0
-		},
-		exit: {
-			opacity: 0,
-			x: n ? 0 : -8
-		},
-		whileTap: n ? void 0 : { scale: eN },
-		transition: cN({
-			...rN,
-			delay: XM(e, t)
-		}, n)
-	};
-}, uF = ({ hasUpdates: e }) => e ? /* @__PURE__ */ Q("span", { className: "pointer-events-none absolute -right-0.5 -top-0.5 h-2 w-2 rounded-full bg-f1-background-accent-bold ring-2 ring-f1-background" }) : null, dF = ({ widget: e, action: t, order: n, open: r, delayMs: i, onOpen: a, onCancelOpen: o }) => {
-	let s = lF(n, i), c = oF(!!t.flashing && !r), l = t.text && !r ? t.text : void 0, u = cF[t.tone ?? "neutral"];
-	return /* @__PURE__ */ Q(vn, {
-		label: t.label,
-		instant: !0,
-		children: /* @__PURE__ */ $(B.div, {
-			className: W("group pointer-events-auto relative shrink-0", l ? W("-mr-1 -my-1 flex flex-row items-center gap-1 rounded-lg p-1", u.pill) : "rounded-lg"),
-			"data-widget-glyph": e.id,
-			onMouseEnter: (t) => a(e.id, t.currentTarget),
-			onMouseLeave: o,
-			onFocus: (t) => a(e.id, t.currentTarget, !0),
-			...s,
-			children: [
-				l ? /* @__PURE__ */ Q(sF, {
-					text: l,
-					ticking: !!t.ticking
-				}) : null,
-				/* @__PURE__ */ Q(an, {
-					type: "button",
-					variant: "ghost",
-					size: "lg",
-					className: W("size-10 shadow-none after:hidden hover:shadow-none active:shadow-none [&_.main]:px-0", t.text ? u.button : u.solo, "ring-inset group-hover:ring-1", r && "ring-1", t.text ? u.ring : u.soloRing),
-					"aria-label": `${t.label}, ${IN(e)}`,
-					onClick: () => t.onClick(),
-					children: /* @__PURE__ */ Q(V, {
-						size: "lg",
-						color: t.text ? u.icon : u.soloIcon,
-						icon: c || !e.icon ? t.icon : e.icon
-					})
-				}),
-				/* @__PURE__ */ Q(uF, { hasUpdates: e.hasUpdates })
-			]
-		})
-	});
-}, fF = ({ widget: e, order: t, open: n, delayMs: r, onOpen: i, onCancelOpen: a, onClose: o }) => {
-	let s = e.railAction, c = lF(t, r);
-	return s ? /* @__PURE__ */ Q(dF, {
-		widget: e,
-		action: s,
-		order: t,
-		open: n,
-		delayMs: r,
-		onOpen: i,
-		onCancelOpen: a
-	}) : e.loading && !e.icon ? /* @__PURE__ */ Q(B.div, {
-		"aria-hidden": !0,
-		className: "pointer-events-none shrink-0",
-		...c,
-		children: /* @__PURE__ */ Q(H, { className: "h-10 w-10 rounded-lg" })
-	}) : /* @__PURE__ */ Q(B.button, {
-		type: "button",
-		"aria-label": IN(e),
-		"aria-expanded": n,
-		"data-widget-glyph": e.id,
-		onMouseEnter: (t) => i(e.id, t.currentTarget),
-		onMouseLeave: a,
-		onClick: (t) => n ? o() : i(e.id, t.currentTarget, !0),
-		className: "pointer-events-auto rounded-lg",
-		...c,
-		children: /* @__PURE__ */ $("span", {
-			className: "relative inline-flex",
-			children: [e.icon ? /* @__PURE__ */ Q(Oo, {
-				icon: e.icon,
-				size: "lg"
-			}) : /* @__PURE__ */ Q("span", {
-				className: "flex h-10 w-10 items-center justify-center rounded-lg border border-solid border-f1-border-secondary bg-f1-background font-medium text-f1-foreground-secondary",
-				children: IN(e).charAt(0)
-			}), /* @__PURE__ */ Q(uF, { hasUpdates: e.hasUpdates })]
-		})
-	});
-}, pF = "[scrollbar-width:none] [&::-webkit-scrollbar]:hidden", mF = 16, hF = 768, gF = { display: "contents" }, _F = 150, vF = 150, yF = Gc(function({ children: e, mainFootnote: t, leftWidgets: n = [], rightWidgets: r = [], aside: i, slotRenderers: a, renderWidget: o, editableWidgetContainers: s = ["main", "right"], addableWidgetContainers: c, virtualizedWidgetContainers: l = [], virtualization: u, onRemoveWidget: d, onChangeWidgetParams: f, rebuildWidget: p, renderWidgetPreview: m, onClickAddNewWidget: h, onReorderWidgets: g, tracking: _, period: v = "morning", asideWidth: y = 396, mainWidth: b = iF, bleed: x = 24, stackedPinsAfter: S = 2, ctx: C = {}, className: w, oneSwitchTooltip: T, oneSwitchAutoOpen: E, hideOneSwitch: D = !1 }, O) {
+	className: W("pointer-events-none absolute inset-0 h-screen max-h-[1000px] opacity-[0.08]", lF[e], t)
+}), dF = 40, fF = 672, pF = "[scrollbar-width:none] [&::-webkit-scrollbar]:hidden", mF = 16, hF = 768, gF = { display: "contents" }, _F = 150, vF = 150, yF = Gc(function({ children: e, mainFootnote: t, leftWidgets: n = [], rightWidgets: r = [], aside: i, slotRenderers: a, renderWidget: o, editableWidgetContainers: s = ["main", "right"], addableWidgetContainers: c, virtualizedWidgetContainers: l = [], virtualization: u, onRemoveWidget: d, onChangeWidgetParams: f, rebuildWidget: p, renderWidgetPreview: m, onClickAddNewWidget: h, onReorderWidgets: g, tracking: _, period: v = "morning", asideWidth: y = 396, mainWidth: b = fF, bleed: x = 24, stackedPinsAfter: S = 2, ctx: C = {}, className: w, oneSwitchTooltip: T, oneSwitchAutoOpen: E, hideOneSwitch: D = !1 }, O) {
 	let k = U(), { sidebarState: A, toggleSidebar: j, isSmallScreen: M, hasRail: N } = mc(), P = cn(), F = Y(null), [I, ee] = X(0), [te, ne] = X(!1), [re, ie] = X(null), [L, ae] = X(0), [oe, se] = X(!1), ce = Y(null), R = Y(null);
 	Qc(() => {
 		let e = F.current;
@@ -21526,10 +21536,10 @@ var eF = ({ collapsed: e, open: t, glide: n, drawn: r, width: i }) => {
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
 	}, []);
-	let [le, ue] = X(null), de = (e) => s.includes(e), fe = (e) => de(e) && (c?.includes(e) ?? !0), pe = lP(), me = lP(), he = lP(), ge = (e) => l.includes(e) ? {
+	let [le, ue] = X(null), de = (e) => s.includes(e), fe = (e) => de(e) && (c?.includes(e) ?? !0), pe = _P(), me = _P(), he = _P(), ge = (e) => l.includes(e) ? {
 		...u,
 		scrollElement: e === "main" ? pe.element : me.element
-	} : !1, _e = i != null || r.length > 0 || h != null && fe("right"), ve = I > 0 && I < b + mF + y, ye = _e && r.length > 0 && (ve || (le ?? !1)), be = ye ? rF : y, xe = ye ? "Expand widgets panel" : "Collapse widgets panel", Se = _e && te, Ce = I > 0 && I < hF, we = Se && !Ce && (ye || I >= hF), Te = {
+	} : !1, _e = i != null || r.length > 0 || h != null && fe("right"), ve = I > 0 && I < b + mF + y, ye = _e && r.length > 0 && (ve || (le ?? !1)), be = ye ? dF : y, xe = ye ? "Expand widgets panel" : "Collapse widgets panel", Se = _e && te, Ce = I > 0 && I < hF, we = Se && !Ce && (ye || I >= hF), Te = {
 		pinned: r.filter((e) => e.locked),
 		rest: r.filter((e) => !e.locked)
 	}, [Ee, De] = X({}), Oe = Y(/* @__PURE__ */ new Map()), ke = (e) => {
@@ -21556,7 +21566,7 @@ var eF = ({ collapsed: e, open: t, glide: n, drawn: r, width: i }) => {
 	}, [ye]), q(() => () => {
 		R.current && clearTimeout(R.current), ce.current && clearTimeout(ce.current);
 	}, []);
-	let Fe = eF({
+	let Fe = cF({
 		collapsed: ye,
 		open: Pe != null,
 		glide: oe,
@@ -21623,7 +21633,7 @@ var eF = ({ collapsed: e, open: t, glide: n, drawn: r, width: i }) => {
 					left: -x,
 					right: -x
 				},
-				children: /* @__PURE__ */ Q(nF, { period: v })
+				children: /* @__PURE__ */ Q(uF, { period: v })
 			}),
 			/* @__PURE__ */ $(vN, {
 				order: 0,
@@ -21668,7 +21678,7 @@ var eF = ({ collapsed: e, open: t, glide: n, drawn: r, width: i }) => {
 					paddingRight: we ? mF : x,
 					...pe.style
 				},
-				children: /* @__PURE__ */ Q($P, {
+				children: /* @__PURE__ */ Q(sF, {
 					side: "main",
 					className: "relative mx-auto w-full",
 					style: { maxWidth: `${b}px` },
@@ -21711,7 +21721,7 @@ var eF = ({ collapsed: e, open: t, glide: n, drawn: r, width: i }) => {
 				transition: cN(nN, P),
 				onMouseLeave: Ue,
 				onMouseEnter: Ve,
-				children: [r.map((e, t) => /* @__PURE__ */ Q(fF, {
+				children: [r.map((e, t) => /* @__PURE__ */ Q(gP, {
 					widget: e,
 					order: t,
 					open: re === e.id,
@@ -21754,7 +21764,7 @@ var eF = ({ collapsed: e, open: t, glide: n, drawn: r, width: i }) => {
 				transition: Fe.transition,
 				onMouseEnter: ye ? Ve : void 0,
 				onMouseLeave: ye ? Ue : void 0,
-				children: /* @__PURE__ */ Q($P, {
+				children: /* @__PURE__ */ Q(sF, {
 					side: "right",
 					widgets: r,
 					visibleWidgetId: !Ce && Ie ? ze : void 0,
@@ -21800,14 +21810,14 @@ var eF = ({ collapsed: e, open: t, glide: n, drawn: r, width: i }) => {
 	...e,
 	icon: bF(e.icon) ?? Hr
 } : e, SF = (e, t, n) => ({
-	...e.type === "navigate" && OP(e.href) ? { href: e.href } : {},
+	...e.type === "navigate" && IP(e.href) ? { href: e.href } : {},
 	onClick: () => n(e, t)
 }), CF = (e, t, n) => ({
 	label: e.label,
 	icon: bF(e.icon),
 	variant: e.variant,
 	...SF(e.action, t, n)
-}), wF = ({ title: e, slots: t, loading: n, slotRenderers: r, fullHeight: i }) => /* @__PURE__ */ Q(hP, {
+}), wF = ({ title: e, slots: t, loading: n, slotRenderers: r, fullHeight: i }) => /* @__PURE__ */ Q(CP, {
 	headless: !e,
 	header: e ? { title: e } : void 0,
 	fullHeight: i,
@@ -22236,7 +22246,7 @@ var eF = ({ collapsed: e, open: t, glide: n, drawn: r, width: i }) => {
 	}] })] }, e))
 }), EI = ({ action: e, ...t }, n, r) => ({
 	...t,
-	href: OP(t.href),
+	href: IP(t.href),
 	...e ? {
 		href: void 0,
 		...SF(e, {
@@ -22276,7 +22286,7 @@ var eF = ({ collapsed: e, open: t, glide: n, drawn: r, width: i }) => {
 		children: e.title
 	}) : null, /* @__PURE__ */ Q("div", {
 		className: "text-lg [&_[data-list-row]]:gap-4",
-		children: /* @__PURE__ */ Q(mP, { slots: OI(e, t, n) })
+		children: /* @__PURE__ */ Q(SP, { slots: OI(e, t, n) })
 	})]
 }), AI = ({ content: e, elementId: t, onAction: n }) => e.bare ? /* @__PURE__ */ Q(kI, {
 	content: e,
@@ -22293,7 +22303,7 @@ var eF = ({ collapsed: e, open: t, glide: n, drawn: r, width: i }) => {
 		variant: "row",
 		post: {
 			...n,
-			href: OP(t),
+			href: IP(t),
 			createdAt: new Date(e)
 		}
 	}, n.id))
@@ -22446,7 +22456,7 @@ var eF = ({ collapsed: e, open: t, glide: n, drawn: r, width: i }) => {
 				content: e.value ?? ""
 			})
 		}, t);
-		case "link": return e.url && AP(e.url) ? /* @__PURE__ */ Q(xr, {
+		case "link": return e.url && RP(e.url) ? /* @__PURE__ */ Q(xr, {
 			href: e.url,
 			children: WI(e)
 		}, t) : WI(e);
@@ -22699,12 +22709,12 @@ var eF = ({ collapsed: e, open: t, glide: n, drawn: r, width: i }) => {
 	} : n;
 }, yL = (e, t) => e.type !== "shortcuts" && e.type !== "text" && e.type !== "widget" && t?.status === "ready" && t.block && rI(e, t) ? vL(e, t.block) : void 0, bL = Wc(void 0), xL = bL.Provider, SL = () => Yc(bL), CL = ({ widget: e, bare: t = !1 }) => {
 	let n = SL();
-	return t ? /* @__PURE__ */ Q(mP, {
+	return t ? /* @__PURE__ */ Q(SP, {
 		headless: !0,
 		slots: e.slots,
 		loading: e.loading,
 		slotRenderers: n
-	}) : /* @__PURE__ */ Q(hP, {
+	}) : /* @__PURE__ */ Q(CP, {
 		...zN(e),
 		headless: !0,
 		params: e.params,
@@ -22820,7 +22830,7 @@ var eF = ({ collapsed: e, open: t, glide: n, drawn: r, width: i }) => {
 		} }), n = c + i.length;
 	}
 	return n < e.length && t.push({ text: e.slice(n) }), t;
-}, HL = ({ text: e }) => /* @__PURE__ */ Q(Z, { children: jP(e).map((e, t) => /* @__PURE__ */ Q(Vc, { children: "href" in e ? /* @__PURE__ */ Q(xr, {
+}, HL = ({ text: e }) => /* @__PURE__ */ Q(Z, { children: zP(e).map((e, t) => /* @__PURE__ */ Q(Vc, { children: "href" in e ? /* @__PURE__ */ Q(xr, {
 	href: e.href,
 	children: e.label
 }) : /* @__PURE__ */ Q(zL, { text: e.text }) }, t)) }), UL = ({ text: e }) => {
@@ -22955,7 +22965,7 @@ var eF = ({ collapsed: e, open: t, glide: n, drawn: r, width: i }) => {
 	};
 }, rR = (e, t) => JSON.stringify([e, Object.entries(t).sort(([e], [t]) => e.localeCompare(t))]), iR = ({ element: e, state: t }) => {
 	let n = SL();
-	return !t || t.status === "loading" ? /* @__PURE__ */ Q(hL, { element: e }) : t.status === "error" ? /* @__PURE__ */ Q(kF, { message: t.message }) : t.widget ? /* @__PURE__ */ Q(mP, {
+	return !t || t.status === "loading" ? /* @__PURE__ */ Q(hL, { element: e }) : t.status === "error" ? /* @__PURE__ */ Q(kF, { message: t.message }) : t.widget ? /* @__PURE__ */ Q(SP, {
 		slots: t.widget.slots,
 		loading: t.widget.loading,
 		slotRenderers: n
@@ -23095,16 +23105,130 @@ var eF = ({ collapsed: e, open: t, glide: n, drawn: r, width: i }) => {
 		variant: "description",
 		content: e.subtitle
 	}) : null]
-}), pR = (e, t, n) => {
+}), pR = 180, mR = 396, hR = 8, gR = ({ glyphCenter: e, panelHeight: t, railHeight: n }) => {
+	let r = n - t - hR;
+	return r <= hR ? hR : Math.min(Math.max(e - t / 2, hR), r);
+}, _R = ({ widgets: e, slotRenderers: t, clock: n, onAdd: r, onRemove: i, onChangeParams: a }) => {
+	let o = U(), s = Xc(), c = Y(null), l = Y(null), u = Y(null), [d, f] = X(null), [p, m] = X(null), [h, g] = X(!1), [_, v] = X(0), y = () => {
+		u.current && clearTimeout(u.current), u.current = null;
+	}, b = (e = pR) => {
+		y(), u.current = setTimeout(() => f(null), e);
+	}, x = (e, t) => {
+		y();
+		let n = t.getBoundingClientRect(), r = c.current?.getBoundingClientRect();
+		g(d != null), m({
+			id: e,
+			center: n.top + n.height / 2 - (r?.top ?? 0),
+			railHeight: r?.height ?? 0
+		}), f(e);
+	};
+	q(() => y, []), Qc(() => {
+		let e = l.current;
+		if (!e || (v(e.offsetHeight), typeof ResizeObserver != "function")) return;
+		let t = new ResizeObserver(() => v(e.offsetHeight));
+		return t.observe(e), () => t.disconnect();
+	}, []);
+	let S = (t) => e.some((e) => e.id === t), C = S(d) ? d : null, w = cF({
+		collapsed: !0,
+		open: C != null,
+		glide: h,
+		drawn: !0,
+		width: mR
+	}), T = C ?? (!w.panelHidden && p && S(p.id) ? p.id : null), E = e.find((e) => e.id === T), D = p ? gR({
+		glyphCenter: p.center,
+		panelHeight: _,
+		railHeight: p.railHeight
+	}) : 0;
+	return /* @__PURE__ */ $("div", {
+		ref: c,
+		className: "pointer-events-none absolute inset-y-0 right-0 z-30 flex flex-col items-end p-4",
+		onFocus: y,
+		onBlur: () => b(0),
+		onKeyDown: (e) => {
+			e.key === "Escape" && C && e.currentTarget.contains(e.target) && (e.stopPropagation(), f(null), e.currentTarget.querySelector(`[data-widget-glyph="${C}"]`)?.focus());
+		},
+		children: [
+			n ? /* @__PURE__ */ Q("div", {
+				className: "pointer-events-auto",
+				children: n
+			}) : null,
+			/* @__PURE__ */ $("div", {
+				className: "my-auto hidden flex-col items-end gap-2 md:flex",
+				onMouseEnter: y,
+				onMouseLeave: () => b(),
+				children: [e.map((e, t) => /* @__PURE__ */ Q(gP, {
+					look: "ghost",
+					widget: e,
+					order: t,
+					open: C === e.id,
+					delayMs: 0,
+					onOpen: (e, t) => x(e, t),
+					onCancelOpen: y,
+					onClose: y
+				}, e.id)), r ? /* @__PURE__ */ $(Z, { children: [e.length > 0 ? /* @__PURE__ */ Q("span", {
+					"aria-hidden": !0,
+					className: "flex h-4 w-10 items-center justify-center",
+					children: /* @__PURE__ */ Q("span", { className: "h-px w-6 bg-f1-border-secondary" })
+				}) : null, /* @__PURE__ */ Q(vn, {
+					label: o.widgets.addWidget,
+					instant: !0,
+					children: /* @__PURE__ */ Q("button", {
+						type: "button",
+						"aria-label": o.widgets.addWidget,
+						"data-add-widget": "right",
+						onClick: r,
+						className: "pointer-events-auto m-0 flex size-10 cursor-pointer appearance-none items-center justify-center rounded-md border-0 bg-transparent p-0 transition-colors hover:bg-f1-background-secondary focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-f1-border-selected-bold",
+						children: /* @__PURE__ */ Q(V, {
+							icon: ys,
+							size: "md",
+							color: "bold"
+						})
+					})
+				})] }) : null]
+			}),
+			/* @__PURE__ */ Q(B.div, {
+				ref: l,
+				id: s,
+				role: "group",
+				"aria-label": E ? IN(E) : void 0,
+				hidden: w.panelHidden,
+				className: W("absolute right-[68px] top-0 z-20 max-h-[calc(100%-1rem)] w-[396px] max-w-[calc(100vw-6rem)] overflow-y-auto overflow-x-hidden rounded-xl bg-f1-background shadow-lg [scrollbar-width:none] dark:bg-f1-background-secondary dark:backdrop-blur-[100px] dark:backdrop-saturate-150 [&::-webkit-scrollbar]:hidden", C ? "pointer-events-auto" : "pointer-events-none"),
+				style: { transformOrigin: QM },
+				initial: !1,
+				animate: {
+					opacity: +!!w.bodyOut,
+					scale: w.bodyOut ? 1 : $M,
+					x: w.bodyOut ? 0 : 10,
+					y: D
+				},
+				transition: w.transition,
+				onMouseEnter: y,
+				onMouseLeave: () => b(),
+				children: /* @__PURE__ */ Q(sF, {
+					side: "right",
+					widgets: e,
+					visibleWidgetId: T,
+					stow: { stowed: !0 },
+					entrance: !1,
+					disableDrag: !0,
+					slotRenderers: t,
+					onRemoveWidget: i,
+					onChangeWidgetParams: a,
+					paramsPreviewWidth: mR
+				})
+			})
+		]
+	});
+}, vR = (e, t, n) => {
 	let r = Array.from(e.current?.querySelectorAll("section") ?? []).find((e) => e.id === t);
 	r?.scrollIntoView({
 		behavior: n ? "auto" : "smooth",
 		block: "start"
 	}), r?.focus({ preventScroll: !0 });
-}, mR = (e) => {
+}, yR = (e) => {
 	let t = cn();
-	return K((n) => pR(e, n, t), [e, t]);
-}, hR = (e, t, n) => {
+	return K((n) => vR(e, n, t), [e, t]);
+}, bR = (e, t, n) => {
 	let r = [], i = /* @__PURE__ */ new Map(), a = [];
 	for (let o of e.elements) {
 		if (!LF(t, o.type)) {
@@ -23149,14 +23273,14 @@ var eF = ({ collapsed: e, open: t, glide: n, drawn: r, width: i }) => {
 		...e,
 		elements: r
 	};
-}, gR = (e, t, n) => {
+}, xR = (e, t, n) => {
 	let r = e;
 	return t.maxSections !== void 0 && r.length > t.maxSections && (n.push({
 		rule: "maxSections",
 		limit: t.maxSections,
 		droppedSectionIds: r.slice(t.maxSections).map((e) => e.id)
-	}), r = r.slice(0, t.maxSections)), r.map((e, r) => hR(e, VF(t, r === 0), n));
-}, _R = (e, t, n) => {
+	}), r = r.slice(0, t.maxSections)), r.map((e, r) => bR(e, VF(t, r === 0), n));
+}, SR = (e, t, n) => {
 	if (e.type !== "text" || !t.text) return;
 	let r = e.text.trim().length, { minLength: i, maxLength: a } = t.text;
 	return (i === void 0 || r >= i) && (a === void 0 || r <= a) ? void 0 : {
@@ -23167,14 +23291,14 @@ var eF = ({ collapsed: e, open: t, glide: n, drawn: r, width: i }) => {
 		...i === void 0 ? {} : { minLength: i },
 		...a === void 0 ? {} : { maxLength: a }
 	};
-}, vR = (e, t, n) => {
+}, CR = (e, t, n) => {
 	let r = e.flatMap((e) => e.elements), i = /* @__PURE__ */ new Set(), a = 0;
 	t.forEach((e, t) => {
 		let o = e.min ?? 1, s = e.max ?? 1, c = 0;
 		for (; c < s && a < r.length && e.types.includes(r[a].type);) {
 			let o = r[a];
 			a += 1, c += 1;
-			let s = _R(o, e, t);
+			let s = SR(o, e, t);
 			s && (i.add(o.id), n.push(s));
 		}
 		c < o && n.push({
@@ -23193,11 +23317,11 @@ var eF = ({ collapsed: e, open: t, glide: n, drawn: r, width: i }) => {
 		...e,
 		elements: e.elements.filter(({ id: e }) => !i.has(e))
 	}));
-}, yR = (e) => typeof e == "object" && !!e, bR = (e) => {
+}, wR = (e) => typeof e == "object" && !!e, TR = (e) => {
 	let t = e.widget, n = Array.isArray(e.sections);
-	return t === void 0 ? n ? "sections" : null : yR(t) && t.type === "widget" && typeof t.id == "string" && yR(t.source) && !n ? "widget" : null;
-}, xR = (e, t, n) => {
-	if (!bR(e)) return n.push({ rule: "accessoryViewBody" }), [];
+	return t === void 0 ? n ? "sections" : null : wR(t) && t.type === "widget" && typeof t.id == "string" && wR(t.source) && !n ? "widget" : null;
+}, ER = (e, t, n) => {
+	if (!TR(e)) return n.push({ rule: "accessoryViewBody" }), [];
 	let r = t.rules ?? {};
 	if (e.widget) return LF(r, "widget") ? [e] : (n.push({
 		rule: "allowedBlockTypes",
@@ -23205,25 +23329,25 @@ var eF = ({ collapsed: e, open: t, glide: n, drawn: r, width: i }) => {
 		elementId: e.widget.id,
 		blockType: "widget"
 	}), []);
-	let i = gR(e.sections, r, n), a = t.shape ? vR(i, t.shape, n) : i;
+	let i = xR(e.sections, r, n), a = t.shape ? CR(i, t.shape, n) : i;
 	return [{
 		...e,
 		sections: a
 	}];
-}, SR = (e, t, n) => e.flatMap((e) => {
+}, DR = (e, t, n) => e.flatMap((e) => {
 	let r = t.find((t) => t.type === e.type);
 	if (!r) return n.push({
 		rule: "accessoryViewType",
 		accessoryViewId: e.id,
 		viewType: e.type
 	}), [];
-	let i = [], a = xR(e, r, i);
+	let i = [], a = ER(e, r, i);
 	return n.push(...i.map((t) => ({
 		...t,
 		accessoryViewId: e.id
 	}))), a;
-}), CR = (e, t, n = []) => {
-	let r = [], i = tI(gR(e.sections.filter((e) => e.title?.trim() ? !0 : (r.push({
+}), OR = (e, t, n = []) => {
+	let r = [], i = tI(xR(e.sections.filter((e) => e.title?.trim() ? !0 : (r.push({
 		rule: "sectionTitle",
 		sectionId: e.id
 	}), !1)), t, r), r);
@@ -23234,7 +23358,7 @@ var eF = ({ collapsed: e, open: t, glide: n, drawn: r, width: i }) => {
 			elementId: t.id
 		}, r);
 	});
-	let a = e.accessoryViews ? SR(e.accessoryViews, n, r) : void 0, o = {
+	let a = e.accessoryViews ? DR(e.accessoryViews, n, r) : void 0, o = {
 		...e,
 		sections: i,
 		...a ? { accessoryViews: a } : {}
@@ -23243,9 +23367,9 @@ var eF = ({ collapsed: e, open: t, glide: n, drawn: r, width: i }) => {
 		spec: o,
 		violations: [...r, ...XF(o)]
 	};
-}, wR = ({ spec: e, sources: t, rules: n, accessoryViewTypes: r, onRulesViolation: i }) => {
+}, kR = ({ spec: e, sources: t, rules: n, accessoryViewTypes: r, onRulesViolation: i }) => {
 	let a = J(() => {
-		let i = CR(e, n ?? {}, r), a = t ? aI(t, i.spec, n ?? {}, r) : {
+		let i = OR(e, n ?? {}, r), a = t ? aI(t, i.spec, n ?? {}, r) : {
 			sources: t,
 			violations: []
 		};
@@ -23268,7 +23392,7 @@ var eF = ({ collapsed: e, open: t, glide: n, drawn: r, width: i }) => {
 		let e = JSON.parse(s);
 		e.length !== 0 && (o.current ? o.current(e) : console.warn("F0AgenticHome: the spec breaks its rules", e));
 	}, [s]), a;
-}, TR = (e, t, n) => {
+}, AR = (e, t, n) => {
 	let r = Y(n);
 	q(() => {
 		r.current = n;
@@ -23283,97 +23407,101 @@ var eF = ({ collapsed: e, open: t, glide: n, drawn: r, width: i }) => {
 		t,
 		i
 	]);
-}, ER = (e, t) => {
+}, jR = (e, t) => {
 	let n = Object.keys(e.params);
 	return e.id === t.id && n.length === Object.keys(t.params).length && n.every((n) => e.params[n] === t.params[n]);
-}, DR = (e, t) => {
+}, MR = (e, t) => {
 	let { missingParams: n, undeclaredParams: r } = HF(e, t);
 	return n.length === 0 && r.length === 0;
-}, OR = {}, kR = (e, t, n, r) => !n || r && ER(r, t) ? e : OR, AR = "pt-[max(4rem,22vh)]", jR = "pb-40", MR = "pb-10", NR = Gc(function({ spec: e, greeting: t, clockIn: n, sources: r, sourcesFor: i, onAccessoryViewOpen: a, onAccessoryViewClose: o, onAction: s, composer: c, onComposerVisibilityChange: l, rules: u, onRulesViolation: d, accessoryViewTypes: f, slotRenderers: p, renderMention: m }, h) {
-	let { spec: g, sources: _ } = wR({
+}, NR = {}, PR = (e, t, n, r) => !n || r && jR(r, t) ? e : NR, FR = "pt-[max(4rem,22vh)]", IR = "pb-40", LR = "pb-10", RR = Gc(function({ spec: e, greeting: t, clockIn: n, widgets: r = [], onClickAddWidget: i, onRemoveWidget: a, onChangeWidgetParams: o, sources: s, sourcesFor: c, onAccessoryViewOpen: l, onAccessoryViewClose: u, onAction: d, composer: f, onComposerVisibilityChange: p, rules: m, onRulesViolation: h, accessoryViewTypes: g, slotRenderers: _, renderMention: v }, y) {
+	let { spec: b, sources: x } = kR({
 		spec: e,
-		sources: r,
-		rules: u,
-		accessoryViewTypes: f,
-		onRulesViolation: d
-	}), v = Y(null), y = Y(null);
-	Zc(h, () => v.current), TR(v, y, l);
-	let b = mR(v), x = c ? /* @__PURE__ */ Q(dR, {
-		ref: y,
-		children: c
-	}) : null, [S, ...C] = g.sections, [w, T] = X(), E = g.accessoryViews?.find(({ id: e }) => e === w?.id), D = f?.find(({ type: e }) => e === E?.type), O = J(() => (e, t) => {
-		if (e.type === "goToSection" && b(e.sectionId), e.type === "openAccessoryView") {
-			let t = g.accessoryViews?.find(({ id: t }) => t === e.id);
+		sources: s,
+		rules: m,
+		accessoryViewTypes: g,
+		onRulesViolation: h
+	}), S = Y(null), C = Y(null);
+	Zc(y, () => S.current), AR(S, C, p);
+	let w = yR(S), T = f ? /* @__PURE__ */ Q(dR, {
+		ref: C,
+		children: f
+	}) : null, [E, ...D] = b.sections, [O, k] = X(), A = b.accessoryViews?.find(({ id: e }) => e === O?.id), j = g?.find(({ type: e }) => e === A?.type), M = J(() => (e, t) => {
+		if (e.type === "goToSection" && w(e.sectionId), e.type === "openAccessoryView") {
+			let t = b.accessoryViews?.find(({ id: t }) => t === e.id);
 			if (!t) console.warn(`F0AgenticHome: no accessory view "${e.id}" to open`);
-			else if (DR(t, e.params)) {
+			else if (MR(t, e.params)) {
 				let n = {
 					id: t.id,
 					params: e.params ?? {}
 				};
-				T({
+				k({
 					...n,
 					open: !0
-				}), a?.(n);
+				}), l?.(n);
 			}
 		}
-		s?.(e, t);
+		d?.(e, t);
 	}, [
-		s,
-		b,
-		a,
-		g.accessoryViews
+		d,
+		w,
+		l,
+		b.accessoryViews
 	]);
 	return /* @__PURE__ */ Q(xL, {
-		value: p,
+		value: _,
 		children: /* @__PURE__ */ Q(IL, {
-			value: m,
+			value: v,
 			children: /* @__PURE__ */ $("div", {
 				className: "relative h-full min-h-0 w-full",
 				children: [/* @__PURE__ */ $("div", {
-					ref: v,
-					className: "h-full w-full overflow-y-auto bg-f1-background px-6",
+					ref: S,
+					className: W("h-full w-full overflow-y-auto bg-f1-background px-6", (r.length > 0 || i) && "md:px-20"),
 					children: [/* @__PURE__ */ $("div", {
-						className: W("mx-auto flex w-full max-w-content flex-col gap-20", AR, c && l ? jR : MR),
+						className: W("mx-auto flex w-full max-w-content flex-col gap-20", FR, f && p ? IR : LR),
 						children: [
 							t ? /* @__PURE__ */ Q(fR, { greeting: t }) : null,
-							S ? null : x,
-							S ? /* @__PURE__ */ Q(tR, {
+							E ? null : T,
+							E ? /* @__PURE__ */ Q(tR, {
 								size: "lead",
-								section: S,
-								sources: _,
-								onAction: O,
-								composer: x
-							}, S.id) : null,
-							C.map((e) => /* @__PURE__ */ Q(tR, {
+								section: E,
+								sources: x,
+								onAction: M,
+								composer: T
+							}, E.id) : null,
+							D.map((e) => /* @__PURE__ */ Q(tR, {
 								section: e,
-								sources: _,
-								onAction: O
+								sources: x,
+								onAction: M
 							}, e.id))
 						]
-					}), w && E && D ? /* @__PURE__ */ Q(aR, {
-						view: E,
-						params: w.params,
-						presentation: D.presentation,
-						width: D.width,
-						bleed: D.bleed,
-						isOpen: w.open,
+					}), O && A && j ? /* @__PURE__ */ Q(aR, {
+						view: A,
+						params: O.params,
+						presentation: j.presentation,
+						width: j.width,
+						bleed: j.bleed,
+						isOpen: O.open,
 						onClose: () => {
-							T((e) => e && {
+							k((e) => e && {
 								...e,
 								open: !1
-							}), o?.();
+							}), u?.();
 						},
-						sources: kR(_, w, !!E.params?.length, i),
-						onAction: O
+						sources: PR(x, O, !!A.params?.length, c),
+						onAction: M
 					}) : null]
-				}), n ? /* @__PURE__ */ Q("div", {
-					className: "absolute right-6 top-6 z-10",
-					children: /* @__PURE__ */ Q(uR, { clockIn: n })
+				}), n || r.length || i ? /* @__PURE__ */ Q(_R, {
+					widgets: r,
+					onAdd: i,
+					onRemove: a,
+					onChangeParams: o,
+					slotRenderers: _,
+					clock: n ? /* @__PURE__ */ Q(uR, { clockIn: n }) : void 0
 				}) : null]
 			})
 		})
 	});
-}), PR = Ln("F0AgenticHome", NR), FR = Gc(function({ element: e, state: t, onAction: n, slotRenderers: r }, i) {
+}), zR = Ln("F0AgenticHome", RR), BR = Gc(function({ element: e, state: t, onAction: n, slotRenderers: r }, i) {
 	let a = J(() => (e, t) => n?.(e, t), [n]);
 	return /* @__PURE__ */ Q("div", {
 		ref: i,
@@ -23386,7 +23514,7 @@ var eF = ({ collapsed: e, open: t, glide: n, drawn: r, width: i }) => {
 			})
 		})
 	});
-}), IR = Ln("F0AgenticHomeBlock", FR), LR = {
+}), VR = Ln("F0AgenticHomeBlock", BR), HR = {
 	maxSections: 12,
 	maxElementsPerSection: 3,
 	blocks: [
@@ -23434,10 +23562,10 @@ var eF = ({ collapsed: e, open: t, glide: n, drawn: r, width: i }) => {
 		type: "list",
 		itemActions: ["goToSection"]
 	}] }
-}, RR = 1, zR = {
+}, UR = 1, WR = {
 	main: 672,
 	right: 396
-}, BR = 250, VR = (e) => typeof e == "object" && !!e && !Kc(e) && Array.isArray(e.slots), HR = ({ preview: e, params: t, slotRenderers: n }) => VR(e) ? /* @__PURE__ */ Q(hP, {
+}, GR = 250, KR = (e) => typeof e == "object" && !!e && !Kc(e) && Array.isArray(e.slots), qR = ({ preview: e, params: t, slotRenderers: n }) => KR(e) ? /* @__PURE__ */ Q(CP, {
 	...zN(e),
 	header: e.header,
 	params: t ?? e.params,
@@ -23445,7 +23573,7 @@ var eF = ({ collapsed: e, open: t, glide: n, drawn: r, width: i }) => {
 	slots: e.slots,
 	loading: e.loading,
 	slotRenderers: n
-}) : /* @__PURE__ */ Q(Z, { children: e }), UR = (e, t, n) => e.info ?? (VR(t) ? FN(t.header, n ?? t.params)?.info : void 0), WR = (e) => e.paramsSchema ?? (VR(e.preview) ? e.preview.paramsSchema : void 0), GR = (e) => e.params ?? (VR(e.preview) ? e.preview.params : void 0) ?? {}, KR = ({ label: e, icon: t }) => /* @__PURE__ */ $("div", {
+}) : /* @__PURE__ */ Q(Z, { children: e }), JR = (e, t, n) => e.info ?? (KR(t) ? FN(t.header, n ?? t.params)?.info : void 0), YR = (e) => e.paramsSchema ?? (KR(e.preview) ? e.preview.paramsSchema : void 0), XR = (e) => e.params ?? (KR(e.preview) ? e.preview.params : void 0) ?? {}, ZR = ({ label: e, icon: t }) => /* @__PURE__ */ $("div", {
 	className: "flex items-center gap-1.5 px-2 pb-1 pt-5 first:pt-1",
 	children: [t ? /* @__PURE__ */ Q(V, {
 		icon: t,
@@ -23456,10 +23584,10 @@ var eF = ({ collapsed: e, open: t, glide: n, drawn: r, width: i }) => {
 		children: e
 	})]
 });
-function qR({ isOpen: e, onClose: t, widgets: n, onAdd: r, groups: i, area: a, previewWidth: o, slotRenderers: s, rebuildPreview: c, title: l = "Add widget" }) {
-	let u = U(), { position: d, width: f, bodyClassName: p, asideClassName: m } = _P(), [h, g] = X(""), [_, v] = X(null), [y, b] = X("pick"), [x, S] = X(!1), C = (e) => {
+function QR({ isOpen: e, onClose: t, widgets: n, onAdd: r, groups: i, area: a, previewWidth: o, slotRenderers: s, rebuildPreview: c, title: l = "Add widget" }) {
+	let u = U(), { position: d, width: f, bodyClassName: p, asideClassName: m } = TP(), [h, g] = X(""), [_, v] = X(null), [y, b] = X("pick"), [x, S] = X(!1), C = (e) => {
 		S(!0), b(e);
-	}, [w, T] = X(null), { formRef: E, getValues: D, trigger: O } = Ke(), k = h.trim().toLowerCase(), A = o ?? (a ? zR[a] : zR.right), j = J(() => {
+	}, [w, T] = X(null), { formRef: E, getValues: D, trigger: O } = Ke(), k = h.trim().toLowerCase(), A = o ?? (a ? WR[a] : WR.right), j = J(() => {
 		let e = a ? n.filter((e) => !e.areas || e.areas.includes(a)) : n, t = k ? e.filter((e) => e.title.toLowerCase().includes(k)) : e, r = t.filter((e) => e.recommended), o = t.filter((e) => !e.recommended), s = new Set((i ?? []).map((e) => e.id)), c = o.filter((e) => !e.group || !s.has(e.group));
 		return [
 			...r.length ? [{
@@ -23484,7 +23612,7 @@ function qR({ isOpen: e, onClose: t, widgets: n, onAdd: r, groups: i, area: a, p
 		k,
 		a,
 		u
-	]), M = j.flatMap((e) => e.items), N = M.find((e) => e.id === _) ?? M[0] ?? null, P = N ? WR(N) : void 0, F = P !== void 0 && !(N?.addWithDefaults && LN(P, GR(N))), I = y === "configure" && F, ee = N && w?.id === N.id ? w.params : N ? GR(N) : {}, te = I && N && c ? c(N, ee) : N?.preview;
+	]), M = j.flatMap((e) => e.items), N = M.find((e) => e.id === _) ?? M[0] ?? null, P = N ? YR(N) : void 0, F = P !== void 0 && !(N?.addWithDefaults && LN(P, XR(N))), I = y === "configure" && F, ee = N && w?.id === N.id ? w.params : N ? XR(N) : {}, te = I && N && c ? c(N, ee) : N?.preview;
 	return q(() => {
 		e && (b("pick"), S(!1), T(null));
 	}, [e]), q(() => {
@@ -23531,7 +23659,7 @@ function qR({ isOpen: e, onClose: t, widgets: n, onAdd: r, groups: i, area: a, p
 						defaultValues: ee,
 						submitConfig: {
 							type: "autosubmit",
-							delay: BR,
+							delay: GR,
 							hideActionBar: !0
 						},
 						styling: { noPadding: !0 },
@@ -23546,7 +23674,7 @@ function qR({ isOpen: e, onClose: t, widgets: n, onAdd: r, groups: i, area: a, p
 					placeholder: "Search widgets"
 				}), /* @__PURE__ */ $("div", {
 					className: "flex flex-col gap-1 overflow-y-auto",
-					children: [j.map((e) => /* @__PURE__ */ $(Vc, { children: [e.label ? /* @__PURE__ */ Q(KR, {
+					children: [j.map((e) => /* @__PURE__ */ $(Vc, { children: [e.label ? /* @__PURE__ */ Q(ZR, {
 						label: e.label,
 						icon: e.icon
 					}) : null, e.items.map((e) => /* @__PURE__ */ $("button", {
@@ -23565,11 +23693,11 @@ function qR({ isOpen: e, onClose: t, widgets: n, onAdd: r, groups: i, area: a, p
 						children: k ? "No widgets match your search." : "No widgets to add here."
 					}) : null]
 				})] })
-			}, y), /* @__PURE__ */ Q(yP, {
+			}, y), /* @__PURE__ */ Q(DP, {
 				previewKey: N?.id,
-				info: N ? UR(N, te, I ? ee : void 0) : void 0,
+				info: N ? JR(N, te, I ? ee : void 0) : void 0,
 				previewWidth: A,
-				children: N ? /* @__PURE__ */ Q(HR, {
+				children: N ? /* @__PURE__ */ Q(qR, {
 					preview: te,
 					params: I ? ee : void 0,
 					slotRenderers: s
@@ -23580,62 +23708,62 @@ function qR({ isOpen: e, onClose: t, widgets: n, onAdd: r, groups: i, area: a, p
 }
 //#endregion
 //#region ../../node_modules/.pnpm/react-masonry@1.0.7/node_modules/react-masonry/dist/index.js
-var JR = Object.defineProperty, YR = Object.defineProperties, XR = Object.getOwnPropertyDescriptors, ZR = Object.getOwnPropertySymbols, QR = Object.prototype.hasOwnProperty, $R = Object.prototype.propertyIsEnumerable, ez = (e, t, n) => t in e ? JR(e, t, {
+var $R = Object.defineProperty, ez = Object.defineProperties, tz = Object.getOwnPropertyDescriptors, nz = Object.getOwnPropertySymbols, rz = Object.prototype.hasOwnProperty, iz = Object.prototype.propertyIsEnumerable, az = (e, t, n) => t in e ? $R(e, t, {
 	enumerable: !0,
 	configurable: !0,
 	writable: !0,
 	value: n
-}) : e[t] = n, tz = (e, t) => {
-	for (var n in t ||= {}) QR.call(t, n) && ez(e, n, t[n]);
-	if (ZR) for (var n of ZR(t)) $R.call(t, n) && ez(e, n, t[n]);
+}) : e[t] = n, oz = (e, t) => {
+	for (var n in t ||= {}) rz.call(t, n) && az(e, n, t[n]);
+	if (nz) for (var n of nz(t)) iz.call(t, n) && az(e, n, t[n]);
 	return e;
-}, nz = (e, t) => YR(e, XR(t)), rz = (e, t) => {
+}, sz = (e, t) => ez(e, tz(t)), cz = (e, t) => {
 	var n = {};
-	for (var r in e) QR.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
-	if (e != null && ZR) for (var r of ZR(e)) t.indexOf(r) < 0 && $R.call(e, r) && (n[r] = e[r]);
+	for (var r in e) rz.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
+	if (e != null && nz) for (var r of nz(e)) t.indexOf(r) < 0 && iz.call(e, r) && (n[r] = e[r]);
 	return n;
-}, iz = (e) => e.right - e.left < 5 || e.bottom && e.bottom - e.top < 5, az = ({ spotsList: e, usedSpot: t }) => e.some((e) => e !== t && t.left === e.left), oz = ({ position: e, spot: t, stone: n }) => {
+}, lz = (e) => e.right - e.left < 5 || e.bottom && e.bottom - e.top < 5, uz = ({ spotsList: e, usedSpot: t }) => e.some((e) => e !== t && t.left === e.left), dz = ({ position: e, spot: t, stone: n }) => {
 	if (e.left > t.left && t.right >= e.left && e.top + n.height > t.top) {
 		if (t.bottom && t.bottom < e.top) return t;
-		let n = tz({}, t);
+		let n = oz({}, t);
 		return n.right = e.left, n;
 	}
 	return null;
-}, sz = ({ position: e, stone: t, spot: n }) => {
+}, fz = ({ position: e, stone: t, spot: n }) => {
 	if (e.left + t.width > n.left && e.top >= n.top) {
 		if (n.bottom && n.bottom < e.top || n.right < e.left) return n;
-		let t = tz({}, n);
+		let t = oz({}, n);
 		return t.bottom = e.top, t;
 	}
 	return null;
-}, cz = ({ stone: e, position: t, spotsList: n, optimalSpot: r }) => {
-	let i = tz({}, r);
-	return i.left = t.left + e.width, iz(i) || az({
+}, pz = ({ stone: e, position: t, spotsList: n, optimalSpot: r }) => {
+	let i = oz({}, r);
+	return i.left = t.left + e.width, lz(i) || uz({
 		usedSpot: i,
 		spotsList: n
 	}) ? null : i;
-}, lz = ({ spots: e, position: t, optimalSpot: n, stone: r }) => e.map((e, i, a) => e === n ? cz({
+}, mz = ({ spots: e, position: t, optimalSpot: n, stone: r }) => e.map((e, i, a) => e === n ? pz({
 	stone: r,
 	position: t,
 	optimalSpot: n,
 	spotsList: a
-}) : oz({
+}) : dz({
 	position: t,
 	spot: e,
 	stone: r
-}) || sz({
+}) || fz({
 	position: t,
 	stone: r,
 	spot: e
 }) || e);
-function uz(e, t) {
+function hz(e, t) {
 	for (let n = 0, r = t.length; n < r; n++) {
 		let r = t[n];
 		if (e(r)) return r;
 	}
 	return null;
 }
-var dz = (e, t) => t.filter(e), fz = (e, t) => [...t].sort(e), pz = (e, t) => e.top === t.top ? e.left < t.left ? -1 : 1 : e.top < t.top ? -1 : 1, mz = (e) => fz(pz, e), hz = ({ availableSpots: e, optimalSpot: t, containerSize: n, stone: r }) => {
+var gz = (e, t) => t.filter(e), _z = (e, t) => [...t].sort(e), vz = (e, t) => e.top === t.top ? e.left < t.left ? -1 : 1 : e.top < t.top ? -1 : 1, yz = (e) => _z(vz, e), bz = ({ availableSpots: e, optimalSpot: t, containerSize: n, stone: r }) => {
 	let i = {
 		right: n,
 		top: t.top + r.height,
@@ -23650,36 +23778,36 @@ var dz = (e, t) => t.filter(e), fz = (e, t) => [...t].sort(e), pz = (e, t) => e.
 		}
 	}
 	return i;
-}, gz = (e, t) => {
+}, xz = (e, t) => {
 	let n = e.right - e.left >= t.width;
 	if (!e.bottom) return n;
 	let r = e.bottom - e.top >= t.height;
 	return n && r;
-}, _z = ({ availableSpots: e, stone: t }) => uz((e) => gz(e, t), e);
-function vz({ stone: e, availableSpots: t, containerSize: n }) {
-	let r = _z({
+}, Sz = ({ availableSpots: e, stone: t }) => hz((e) => xz(e, t), e);
+function Cz({ stone: e, availableSpots: t, containerSize: n }) {
+	let r = Sz({
 		availableSpots: t,
 		stone: e
 	}), i = {
 		left: r.left,
 		top: r.top
-	}, a = hz({
+	}, a = bz({
 		optimalSpot: r,
 		availableSpots: t.filter((e) => e !== r),
 		stone: e,
 		containerSize: n
-	}), o = [...t, a], s = lz({
+	}), o = [...t, a], s = mz({
 		spots: o,
 		position: i,
 		optimalSpot: r,
 		stone: e
 	});
-	return o = [...dz(Boolean, s)], o = mz(o), {
+	return o = [...gz(Boolean, s)], o = yz(o), {
 		position: i,
 		availableSpots: o
 	};
 }
-var yz = ({ stones: e, containerSize: t }) => {
+var wz = ({ stones: e, containerSize: t }) => {
 	let n = {
 		positions: [],
 		containerHeight: 0,
@@ -23692,7 +23820,7 @@ var yz = ({ stones: e, containerSize: t }) => {
 		right: t
 	}];
 	for (let n of e) {
-		let e = vz({
+		let e = Cz({
 			availableSpots: a,
 			stone: n,
 			containerSize: t
@@ -23704,14 +23832,14 @@ var yz = ({ stones: e, containerSize: t }) => {
 		positions: i,
 		containerHeight: r
 	};
-}, bz = (e) => e.reduce((e, t) => {
+}, Tz = (e) => e.reduce((e, t) => {
 	if (!t) return e;
 	let n = t.getBoundingClientRect();
 	return e.push({
 		width: n.width,
 		height: n.height
 	}), e;
-}, []), xz = ({ boxesRefs: e, wrapperRef: t, children: n, windowWidth: r, wrapperWidth: i }) => {
+}, []), Ez = ({ boxesRefs: e, wrapperRef: t, children: n, windowWidth: r, wrapperWidth: i }) => {
 	let [{ positions: a, containerHeight: o, stones: s, availableSpots: c }, l] = X({
 		positions: [],
 		containerHeight: null,
@@ -23719,13 +23847,13 @@ var yz = ({ stones: e, containerSize: t }) => {
 		availableSpots: []
 	});
 	return q(() => {
-		let n = bz(e.current), r = t.current?.offsetWidth ?? 0;
+		let n = Tz(e.current), r = t.current?.offsetWidth ?? 0;
 		if (r === null) return;
-		let i = yz({
+		let i = wz({
 			stones: n,
 			containerSize: r
 		});
-		l(nz(tz({}, i), { stones: n }));
+		l(sz(oz({}, i), { stones: n }));
 	}, [
 		n,
 		e,
@@ -23738,7 +23866,7 @@ var yz = ({ stones: e, containerSize: t }) => {
 		stones: s,
 		availableSpots: c
 	};
-}, Sz = (e) => ({
+}, Dz = (e) => ({
 	fade: `${e}ms opacity ease`,
 	fadeMove: `
     ${e}ms opacity ease,
@@ -23749,15 +23877,15 @@ var yz = ({ stones: e, containerSize: t }) => {
     ${e}ms top ease,
     ${e}ms left ease
   `
-}), Cz = ({ transition: e, transitionDuration: t }) => e ? { transition: Sz(t)[e] } : null, wz = (e) => e ? nz(tz({}, e), { opacity: 1 }) : {
+}), Oz = ({ transition: e, transitionDuration: t }) => e ? { transition: Dz(t)[e] } : null, kz = (e) => e ? sz(oz({}, e), { opacity: 1 }) : {
 	opacity: 0,
 	top: 0,
 	left: 0
-}, Tz = ({ style: e, position: t, transition: n, transitionDuration: r }) => tz(tz(nz(tz({}, e), { position: "absolute" }), wz(t)), Cz({
+}, Az = ({ style: e, position: t, transition: n, transitionDuration: r }) => oz(oz(sz(oz({}, e), { position: "absolute" }), kz(t)), Oz({
 	transition: n,
 	transitionDuration: r
 }));
-function Ez(e, t, n) {
+function jz(e, t, n) {
 	let r;
 	return function(...i) {
 		r && clearTimeout(r), r = setTimeout(function() {
@@ -23765,8 +23893,8 @@ function Ez(e, t, n) {
 		}, t), n && !r && e.apply(null, i);
 	};
 }
-var Dz = () => {
-	let [e, t] = X(), n = Y(Ez(t, 300));
+var Mz = () => {
+	let [e, t] = X(), n = Y(jz(t, 300));
 	return q(() => {
 		let e = () => {
 			n.current(window.innerWidth);
@@ -23775,7 +23903,7 @@ var Dz = () => {
 			window.removeEventListener("resize", e);
 		};
 	}, []), e;
-}, Oz = (e) => {
+}, Nz = (e) => {
 	let [t, n] = X(null);
 	return q(() => {
 		let t = new ResizeObserver((e) => {
@@ -23785,31 +23913,31 @@ var Dz = () => {
 			t.disconnect();
 		};
 	}, [e]), t;
-}, kz = (e) => {
-	var t = e, { children: n, style: r, transition: i = !1, transitionDuration: a = 500, transitionStep: o = 50 } = t, s = rz(t, [
+}, Pz = (e) => {
+	var t = e, { children: n, style: r, transition: i = !1, transitionDuration: a = 500, transitionStep: o = 50 } = t, s = cz(t, [
 		"children",
 		"style",
 		"transition",
 		"transitionDuration",
 		"transitionStep"
 	]);
-	let c = Y([]), l = Y(null), { positions: u, containerHeight: d } = xz({
+	let c = Y([]), l = Y(null), { positions: u, containerHeight: d } = Ez({
 		boxesRefs: c,
 		wrapperRef: l,
 		children: n,
-		windowWidth: Dz(),
-		wrapperWidth: Oz(l)
-	}), f = tz({
+		windowWidth: Mz(),
+		wrapperWidth: Nz(l)
+	}), f = oz({
 		minHeight: d ?? 0,
 		position: "relative"
 	}, r);
-	return Q("div", nz(tz({
+	return Q("div", sz(oz({
 		ref: l,
 		style: f
 	}, s), { children: Bc.map(n, (e, t) => {
 		if (typeof e != "object" || !e || !("type" in e)) return e;
 		let n = {
-			style: Tz({
+			style: Az({
 				style: e.props.style,
 				position: u[t],
 				transition: i,
@@ -23817,14 +23945,14 @@ var Dz = () => {
 			}),
 			ref: (e) => c.current[t] = e
 		};
-		return Uc(e, tz(tz({}, e.props), n));
+		return Uc(e, oz(oz({}, e.props), n));
 	}) }));
-}, Az = {
+}, Fz = {
 	sm: 340,
 	md: 480,
 	lg: 640
-}, jz = Gc(function({ children: e, widgetWidth: t = "sm" }, n) {
-	let r = Az[t], [i, a] = X(), o = Bc.toArray(e), s = Y(null);
+}, Iz = Gc(function({ children: e, widgetWidth: t = "sm" }, n) {
+	let r = Fz[t], [i, a] = X(), o = Bc.toArray(e), s = Y(null);
 	return q(() => {
 		let e = () => {
 			let e = s.current?.offsetWidth;
@@ -23843,7 +23971,7 @@ var Dz = () => {
 				children: e
 			}) : i && i > 1 && /* @__PURE__ */ Q("div", {
 				className: "relative -mr-4",
-				children: /* @__PURE__ */ Q(kz, { children: o.map((e, t) => /* @__PURE__ */ Q("div", {
+				children: /* @__PURE__ */ Q(Pz, { children: o.map((e, t) => /* @__PURE__ */ Q("div", {
 					style: { width: `${Math.floor(1 / i * 1e4) / 100 - .05}%` },
 					className: "pb-[0.01px] pr-4 *:mb-4 *:shadow",
 					children: e
@@ -23851,7 +23979,7 @@ var Dz = () => {
 			})
 		})
 	});
-}), Mz = [
+}), Lz = [
 	"sm",
 	"lg",
 	"md",
@@ -23864,18 +23992,18 @@ var Dz = () => {
 	"sm",
 	"md",
 	"md"
-], Nz = Yr(jz, () => /* @__PURE__ */ Q(or, { children: /* @__PURE__ */ Q(jz, { children: Mz.map((e, t) => /* @__PURE__ */ Q(E.Skeleton, { height: e }, t)) }) })), Pz = ({ children: e }) => /* @__PURE__ */ Q("div", {
+], Rz = Yr(Iz, () => /* @__PURE__ */ Q(or, { children: /* @__PURE__ */ Q(Iz, { children: Lz.map((e, t) => /* @__PURE__ */ Q(E.Skeleton, { height: e }, t)) }) })), zz = ({ children: e }) => /* @__PURE__ */ Q("div", {
 	className: "flex min-h-40 flex-row items-stretch gap-4 text-f1-foreground @container [&>div]:min-w-[calc(100vw-64px)] @2xl:[&>div]:min-w-[calc(50vw-48px)]",
 	children: e
-}), Fz = Yr(Gc(function({ children: e }, t) {
+}), Bz = Yr(Gc(function({ children: e }, t) {
 	return /* @__PURE__ */ Q(zo, {
 		ref: t,
 		showBar: !1,
-		children: /* @__PURE__ */ Q(Pz, { children: e })
+		children: /* @__PURE__ */ Q(zz, { children: e })
 	});
 }), () => /* @__PURE__ */ Q(or, {
 	orientation: "horizontal",
-	children: /* @__PURE__ */ $(Pz, { children: [
+	children: /* @__PURE__ */ $(zz, { children: [
 		/* @__PURE__ */ Q(E.Skeleton, {}),
 		/* @__PURE__ */ Q(E.Skeleton, {}),
 		/* @__PURE__ */ Q(E.Skeleton, {})
@@ -23883,7 +24011,7 @@ var Dz = () => {
 }));
 //#endregion
 //#region src/blocks/Widgets/WidgetEmptyState/WidgetEmptyState.tsx
-function Iz({ title: e, description: t, emoji: n, actions: r }) {
+function Vz({ title: e, description: t, emoji: n, actions: r }) {
 	if ((r?.length ?? 0) > 2) throw Error("You can only provide up to two actions for the WidgetEmptyState");
 	return /* @__PURE__ */ Q(oe, {
 		title: e,
@@ -23892,7 +24020,7 @@ function Iz({ title: e, description: t, emoji: n, actions: r }) {
 		actions: r
 	});
 }
-var Lz = Cn(Ln("WidgetEmptyState", Iz)), Rz = Gc(({ title: e, children: t }, n) => (un(e, { disallowEmpty: !0 }, { componentName: "WidgetSection" }), /* @__PURE__ */ $("div", {
+var Hz = Cn(Ln("WidgetEmptyState", Vz)), Uz = Gc(({ title: e, children: t }, n) => (un(e, { disallowEmpty: !0 }, { componentName: "WidgetSection" }), /* @__PURE__ */ $("div", {
 	ref: n,
 	className: "flex flex-col gap-2",
 	children: [/* @__PURE__ */ Q("p", {
@@ -23900,8 +24028,8 @@ var Lz = Cn(Ln("WidgetEmptyState", Iz)), Rz = Gc(({ title: e, children: t }, n)
 		children: e
 	}), t]
 })));
-Rz.displayName = "WidgetSection";
-var zz = Cn(Ln("WidgetSection", Rz)), Bz = ({ identifier: e, allowedRoutes: t, disallowedRoutes: n, children: r }) => {
+Uz.displayName = "WidgetSection";
+var Wz = Cn(Ln("WidgetSection", Uz)), Gz = ({ identifier: e, allowedRoutes: t, disallowedRoutes: n, children: r }) => {
 	let i = wn(), a = window.location.pathname, o = J(() => t?.length ? t.includes(a) : !n?.length || !n.includes(a), [
 		a,
 		t,
@@ -23915,9 +24043,9 @@ var zz = Cn(Ln("WidgetSection", Rz)), Bz = ({ identifier: e, allowedRoutes: t, d
 		n
 	]);
 	return o ? r : (i && console.error(s), null);
-}, Vz = Cn(Pn({
+}, Kz = Cn(Pn({
 	name: "ScrollArea",
 	type: "layout"
 }, zo));
 //#endregion
-export { RR as AGENTIC_HOME_SPEC_VERSION, d as AUTO_PER_PAGE_MAX, Ut as AUTO_PER_PAGE_MIN_RESERVED_ROWS, op as ActivityItemList, ap as ActivityItemListSkeleton, Pl as AiPromotionChat, Fl as AiPromotionChatProvider, uy as ApplicationFrame, It as AreaChart, Lj as AreaChartWidget, Cj as AutoGrid, xo as Badge, qe as BarChart, Rj as BarChartWidget, ip as BaseActivityItemList, nt as BaseBanner, fp as BaseCelebration, kp as BaseCommunityPost, Fi as BaseTabs, Xr as BreadcrumbSelect, Oy as Breadcrumbs, wp as CalendarEvent, $j as CalendarEventList, ce as CardSelectableContainer, A as Carousel, Qe as CategoryBarChart, mM as CategoryBarSection, mp as Celebration, pp as CelebrationSkeleton, Xj as ChartWidgetEmptyState, qo as Chip, UM as ClockInControls, Mt as CoachmarkProvider, Ct as ComboChart, jp as CommunityPost, Bp as CommunityPostCard, Ap as CommunityPostSkeleton, Jb as CompanySelector, gn as Counter, ZN as DEFAULT_EXPECTED_ITEMS_COUNT, Nz as Dashboard, yy as DaytimePage, Ei as DetailsItem, Qi as DetailsItemsList, Rt as Dialog, Di as Dropdown, WN as EVENT_LIST_GAP, Ef as EntitySelect, yt as F0ActionBar, PR as F0AgenticHome, IR as F0AgenticHomeBlock, ue as F0AiBanner, pu as F0AiCallout, Co as F0AvatarModule, Js as F0ButtonToggle, xu as F0Callout, Ur as F0CardHorizontal, Ur as F0CardRow, Ed as F0CarouselDialog, ij as F0Chat, UC as F0ChatHistoryLimitCard, wc as F0ChatProvider, HS as F0CommandPaletteProvider, Gp as F0CommunityPostsCarousel, Nu as F0Confetti, dj as F0ENPSButton, Wl as F0EmojiPicker, xa as F0FileItem, Pe as F0FormEditableTable, Ve as F0LocationInput, yc as F0Map, xc as F0MapControls, ac as F0MapList, dc as F0MapSidebar, pc as F0MapSidebarToggle, gc as F0MapSkeleton, Gv as F0Meeting, td as F0MeetingCard, _m as F0MeetingProvider, Ov as F0MeetingRoom, Kv as F0MeetingSlot, Wv as F0MeetingSurface, qt as F0NotesTextEditor, He as F0NotesTextEditorSkeleton, h as F0NumberInput, ge as F0NumberInputInline, st as F0PhoneInput, Gs as F0ProgressSeries, od as F0PulseDot, Cd as F0Resizable, Re as F0ResourceHeader, Re as ResourceHeader, La as F0RichTextDisplay, ct as F0RichTextEditor, js as F0SearchInput, Od as F0SegmentedBar, Xe as F0SegmentedControl, zd as F0SwipeDeck, vt as F0TableOfContent, Jf as F0TemplateTextInput, l as F0TextAreaInput, pe as F0TextAreaInputInline, Va as F0TextInput, Gt as F0TextInputInline, Zd as F0Timeline, Yd as F0VersionHistory, VC as F0_CHAT_HEADER_TITLE_SELECTOR, Cs as F1SearchBox, te as FILE_TYPES, tr as FileItem, hp as HighlightBanner, _N as HomeSlotItem, gN as HomeSlotItems, rM as IndicatorsList, Mr as Input, at as Item, Dt as ItemSectionHeader, JS as LATEST, AN as LIST_COMPACT_AFTER, HN as LIST_MORE_BUTTON_CLASS, mt as LineChart, zj as LineChartWidget, $v as MeetingNotes, qv as MeetingPanelContent, Yv as MeetingRoomChat, Ev as MeetingSidePanel, Zh as MeetingSurfaceProvider, Qv as MeetingTranscript, ux as Menu, oo as MobileDropdown, yF as NewHomeLayout, Wt as NotesTextEditor, fe as NotesTextEditorSkeleton, f as NumberInput, eb as OmniButton, Nx as OneApprovalHistory, xs as OneCalendar, gs as OneCalendarInternal, xt as OneDataCollection, Zt as OneDateNavigator, oe as OneEmptyState, Xp as OneListItem, Yp as OneListItemSkeleton, a as OnePagination, $p as OnePersonListItem, Bz as OneRestrictComponent, nb as Page, Xy as PageHeader, ky as PageHeaderNavigationContext, Ay as PageHeaderNavigationProvider, oa as PageNavigation, rt as PieChart, Bj as PieChartWidget, S as PrivateBox, tt as ProgressBarChart, LR as RECOMMENDED_AGENTIC_HOME_RULES, sc as RECOMMENDED_MAX_MARKERS, ze as RadarChart, vp as Reactions, ka as RichTextDisplay, I as RichTextEditor, BN as SLOT_ROW_BLEED, QN as SLOT_SKELETON_ITEM_TESTID, Vz as ScrollArea, yx as SearchBar, le as SectionHeader, zs as Select, Qt as Shortcut, Sx as Sidebar, kb as SidebarChatBlankState, Lb as SidebarChatItem, jb as SidebarChatItemSkeleton, qb as SidebarChatList, Nb as SidebarChatListSkeleton, fb as SidebarChatProvider, xb as SidebarCollapsibleSection, $b as SidebarFooter, tx as SidebarHeader, px as SidebarPanelHeader, vx as SidebarRail, Db as SidebarTabPanel, Tx as SidebarTabs, Qb as SidebarUserMenu, hP as SlotWidget, mP as SlotWidgetContent, cs as Spinner, Sj as Split, xj as Stack, Hj as SummariesWidget, Is as Switch, Fa as Tabs, $a as TabsSkeleton, qM as TasksList, Vt as Textarea, mo as ToggleGroup, Ii as ToggleGroupItem, vn as Tooltip, bn as TooltipGroup, pM as TwoColumnsList, L as UPLOAD_INPUT_ID, zt as VerticalBarChart, Vj as VerticalBarChartWidget, $d as VirtualList, vs as WeekStartDay, ao as Weekdays, E as Widget, aM as WidgetAvatarsListItem, qR as WidgetCatalog, Lz as WidgetEmptyState, tM as WidgetHighlightButton, uM as WidgetInboxList, sM as WidgetInboxListItem, zz as WidgetSection, dM as WidgetSimpleList, lM as WidgetSimpleListItem, Fz as WidgetStrip, Ot as actionBarStatuses, Gl as aiCalloutStatuses, rd as attendeesDisplays, nh as buildTiles, Me as buttonToggleColors, ke as buttonToggleSizes, Ie as buttonToggleVariants, Sp as calendarEventVariants, qs as chipVariants, hl as coachmarks, xS as commandActionRisks, zp as communityPostCardVariants, Su as confettiPalette, M_ as createMeetingSignalStore, hc as defaultMapStyle, sP as defaultSlotRenderers, oP as defaultSlotSkeleton, bl as defineStepByStepCoachmarkGuidance, We as downloadAsCSV, Vx as downloadAsExcel, US as f0ChatSenderColors, Il as f0EmojiPickerSizes, ga as f0FileItemSizes, uc as f0MapMarkerVariants, vc as f0MapStyles, dh as f0MeetingConnectionQualities, hh as f0MeetingCoreActionIds, lh as f0MeetingDisconnectReasons, uh as f0MeetingPermissions, sh as f0MeetingPresences, ch as f0MeetingStatuses, fh as f0MeetingSurfaceDestinations, ph as f0MeetingSurfaceModes, oh as f0MeetingTrackKinds, ll as f0ProgressSeriesColors, cl as f0ProgressSeriesSizes, mh as f0WindowCorners, PN as fromParams, Je as generateCSVContent, ve as getAutoPerPageMinHeight, Ws as getGranularityDefinition, bs as getGranularityDefinitions, Ys as getGranularitySimpleDefinition, fc as googleMapStyles, oc as googlePinlessMapStyles, Vs as granularityDefinitions, MN as homeSlot, Ga as isPossiblePhoneValue, qS as isPost, WS as isSystemMessage, KS as isUserMessage, la as isValidPhoneValue, S_ as layoutGrid, m as listIconColors, UN as listMoreButtonClass, NN as listSlot, jf as locationInputSizes, Mf as locationParts, nd as meetingStates, Do as modules, Nh as nearestCorner, Kp as oneListItemRowClassName, Nf as phoneInputSizes, Mh as placementFromRect, k as predefinedPresets, sd as pulseDotVariants, RN as railActionTones, Rs as rangeSeparator, T_ as reorderForSpeakers, cd as resizableDirections, u_ as resolveAutoFocus, Fs as resolveGranularityDefinition, jh as resolvePlacement, kN as resolveSlotRenderer, FN as resolveWidgetHeader, Fx as seedFromStorage, Ce as selectSizes, T as selectVariants, Ph as settlePlacement, VN as slotRowBleed, x_ as solveGrid, E_ as solveSpotlight, Gd as swipeDirections, ah as tileAspectRatio, eh as tileKey, Dl as useAiPromotionChat, BS as useCommandPalette, sp as useCompactOnScroll, ju as useConfetti, lt as useDataCollectionData, Ix as useDataCollectionItemNavigation, F as useDataCollectionSource, jt as useExportAction, Rc as useF0Chat, ym as useF0Meeting, xm as useF0MeetingRoster, bm as useF0MeetingStable, vm as useHasF0Meeting, dt as useInfiniteScrollPagination, hN as useIsBulkChange, I_ as useMeetingSignal, L_ as useMeetingSpeakers, Qh as useMeetingSurface, $h as useMeetingSurfaceOptional, My as usePageHeaderItemNavigation, jy as usePageHeaderNavigation, bi as useSidePanel, mc as useSidebar, gb as useSidebarChatActions, hb as useSidebarChats, Wd as useSwipeDeck, wm as useTrackBinding, xe as useWidgetIsWide, ey as viewportRect, zN as widgetChrome, LN as widgetParamsAreComplete, IN as widgetTitle };
+export { UR as AGENTIC_HOME_SPEC_VERSION, d as AUTO_PER_PAGE_MAX, Ut as AUTO_PER_PAGE_MIN_RESERVED_ROWS, op as ActivityItemList, ap as ActivityItemListSkeleton, Pl as AiPromotionChat, Fl as AiPromotionChatProvider, uy as ApplicationFrame, It as AreaChart, Lj as AreaChartWidget, Cj as AutoGrid, xo as Badge, qe as BarChart, Rj as BarChartWidget, ip as BaseActivityItemList, nt as BaseBanner, fp as BaseCelebration, kp as BaseCommunityPost, Fi as BaseTabs, Xr as BreadcrumbSelect, Oy as Breadcrumbs, wp as CalendarEvent, $j as CalendarEventList, ce as CardSelectableContainer, A as Carousel, Qe as CategoryBarChart, mM as CategoryBarSection, mp as Celebration, pp as CelebrationSkeleton, Xj as ChartWidgetEmptyState, qo as Chip, UM as ClockInControls, Mt as CoachmarkProvider, Ct as ComboChart, jp as CommunityPost, Bp as CommunityPostCard, Ap as CommunityPostSkeleton, Jb as CompanySelector, gn as Counter, ZN as DEFAULT_EXPECTED_ITEMS_COUNT, Rz as Dashboard, yy as DaytimePage, Ei as DetailsItem, Qi as DetailsItemsList, Rt as Dialog, Di as Dropdown, WN as EVENT_LIST_GAP, Ef as EntitySelect, yt as F0ActionBar, zR as F0AgenticHome, VR as F0AgenticHomeBlock, ue as F0AiBanner, pu as F0AiCallout, Co as F0AvatarModule, Js as F0ButtonToggle, xu as F0Callout, Ur as F0CardHorizontal, Ur as F0CardRow, Ed as F0CarouselDialog, ij as F0Chat, UC as F0ChatHistoryLimitCard, wc as F0ChatProvider, HS as F0CommandPaletteProvider, Gp as F0CommunityPostsCarousel, Nu as F0Confetti, dj as F0ENPSButton, Wl as F0EmojiPicker, xa as F0FileItem, Pe as F0FormEditableTable, Ve as F0LocationInput, yc as F0Map, xc as F0MapControls, ac as F0MapList, dc as F0MapSidebar, pc as F0MapSidebarToggle, gc as F0MapSkeleton, Gv as F0Meeting, td as F0MeetingCard, _m as F0MeetingProvider, Ov as F0MeetingRoom, Kv as F0MeetingSlot, Wv as F0MeetingSurface, qt as F0NotesTextEditor, He as F0NotesTextEditorSkeleton, h as F0NumberInput, ge as F0NumberInputInline, st as F0PhoneInput, Gs as F0ProgressSeries, od as F0PulseDot, Cd as F0Resizable, Re as F0ResourceHeader, Re as ResourceHeader, La as F0RichTextDisplay, ct as F0RichTextEditor, js as F0SearchInput, Od as F0SegmentedBar, Xe as F0SegmentedControl, zd as F0SwipeDeck, vt as F0TableOfContent, Jf as F0TemplateTextInput, l as F0TextAreaInput, pe as F0TextAreaInputInline, Va as F0TextInput, Gt as F0TextInputInline, Zd as F0Timeline, Yd as F0VersionHistory, VC as F0_CHAT_HEADER_TITLE_SELECTOR, Cs as F1SearchBox, te as FILE_TYPES, tr as FileItem, hp as HighlightBanner, _N as HomeSlotItem, gN as HomeSlotItems, rM as IndicatorsList, Mr as Input, at as Item, Dt as ItemSectionHeader, JS as LATEST, AN as LIST_COMPACT_AFTER, HN as LIST_MORE_BUTTON_CLASS, mt as LineChart, zj as LineChartWidget, $v as MeetingNotes, qv as MeetingPanelContent, Yv as MeetingRoomChat, Ev as MeetingSidePanel, Zh as MeetingSurfaceProvider, Qv as MeetingTranscript, ux as Menu, oo as MobileDropdown, yF as NewHomeLayout, Wt as NotesTextEditor, fe as NotesTextEditorSkeleton, f as NumberInput, eb as OmniButton, Nx as OneApprovalHistory, xs as OneCalendar, gs as OneCalendarInternal, xt as OneDataCollection, Zt as OneDateNavigator, oe as OneEmptyState, Xp as OneListItem, Yp as OneListItemSkeleton, a as OnePagination, $p as OnePersonListItem, Gz as OneRestrictComponent, nb as Page, Xy as PageHeader, ky as PageHeaderNavigationContext, Ay as PageHeaderNavigationProvider, oa as PageNavigation, rt as PieChart, Bj as PieChartWidget, S as PrivateBox, tt as ProgressBarChart, HR as RECOMMENDED_AGENTIC_HOME_RULES, sc as RECOMMENDED_MAX_MARKERS, ze as RadarChart, vp as Reactions, ka as RichTextDisplay, I as RichTextEditor, BN as SLOT_ROW_BLEED, QN as SLOT_SKELETON_ITEM_TESTID, Kz as ScrollArea, yx as SearchBar, le as SectionHeader, zs as Select, Qt as Shortcut, Sx as Sidebar, kb as SidebarChatBlankState, Lb as SidebarChatItem, jb as SidebarChatItemSkeleton, qb as SidebarChatList, Nb as SidebarChatListSkeleton, fb as SidebarChatProvider, xb as SidebarCollapsibleSection, $b as SidebarFooter, tx as SidebarHeader, px as SidebarPanelHeader, vx as SidebarRail, Db as SidebarTabPanel, Tx as SidebarTabs, Qb as SidebarUserMenu, CP as SlotWidget, SP as SlotWidgetContent, cs as Spinner, Sj as Split, xj as Stack, Hj as SummariesWidget, Is as Switch, Fa as Tabs, $a as TabsSkeleton, qM as TasksList, Vt as Textarea, mo as ToggleGroup, Ii as ToggleGroupItem, vn as Tooltip, bn as TooltipGroup, pM as TwoColumnsList, L as UPLOAD_INPUT_ID, zt as VerticalBarChart, Vj as VerticalBarChartWidget, $d as VirtualList, vs as WeekStartDay, ao as Weekdays, E as Widget, aM as WidgetAvatarsListItem, QR as WidgetCatalog, Hz as WidgetEmptyState, tM as WidgetHighlightButton, uM as WidgetInboxList, sM as WidgetInboxListItem, Wz as WidgetSection, dM as WidgetSimpleList, lM as WidgetSimpleListItem, Bz as WidgetStrip, Ot as actionBarStatuses, Gl as aiCalloutStatuses, rd as attendeesDisplays, nh as buildTiles, Me as buttonToggleColors, ke as buttonToggleSizes, Ie as buttonToggleVariants, Sp as calendarEventVariants, qs as chipVariants, hl as coachmarks, xS as commandActionRisks, zp as communityPostCardVariants, Su as confettiPalette, M_ as createMeetingSignalStore, hc as defaultMapStyle, sP as defaultSlotRenderers, oP as defaultSlotSkeleton, bl as defineStepByStepCoachmarkGuidance, We as downloadAsCSV, Vx as downloadAsExcel, US as f0ChatSenderColors, Il as f0EmojiPickerSizes, ga as f0FileItemSizes, uc as f0MapMarkerVariants, vc as f0MapStyles, dh as f0MeetingConnectionQualities, hh as f0MeetingCoreActionIds, lh as f0MeetingDisconnectReasons, uh as f0MeetingPermissions, sh as f0MeetingPresences, ch as f0MeetingStatuses, fh as f0MeetingSurfaceDestinations, ph as f0MeetingSurfaceModes, oh as f0MeetingTrackKinds, ll as f0ProgressSeriesColors, cl as f0ProgressSeriesSizes, mh as f0WindowCorners, PN as fromParams, Je as generateCSVContent, ve as getAutoPerPageMinHeight, Ws as getGranularityDefinition, bs as getGranularityDefinitions, Ys as getGranularitySimpleDefinition, fc as googleMapStyles, oc as googlePinlessMapStyles, Vs as granularityDefinitions, MN as homeSlot, Ga as isPossiblePhoneValue, qS as isPost, WS as isSystemMessage, KS as isUserMessage, la as isValidPhoneValue, S_ as layoutGrid, m as listIconColors, UN as listMoreButtonClass, NN as listSlot, jf as locationInputSizes, Mf as locationParts, nd as meetingStates, Do as modules, Nh as nearestCorner, Kp as oneListItemRowClassName, Nf as phoneInputSizes, Mh as placementFromRect, k as predefinedPresets, sd as pulseDotVariants, RN as railActionTones, Rs as rangeSeparator, T_ as reorderForSpeakers, cd as resizableDirections, u_ as resolveAutoFocus, Fs as resolveGranularityDefinition, jh as resolvePlacement, kN as resolveSlotRenderer, FN as resolveWidgetHeader, Fx as seedFromStorage, Ce as selectSizes, T as selectVariants, Ph as settlePlacement, VN as slotRowBleed, x_ as solveGrid, E_ as solveSpotlight, Gd as swipeDirections, ah as tileAspectRatio, eh as tileKey, Dl as useAiPromotionChat, BS as useCommandPalette, sp as useCompactOnScroll, ju as useConfetti, lt as useDataCollectionData, Ix as useDataCollectionItemNavigation, F as useDataCollectionSource, jt as useExportAction, Rc as useF0Chat, ym as useF0Meeting, xm as useF0MeetingRoster, bm as useF0MeetingStable, vm as useHasF0Meeting, dt as useInfiniteScrollPagination, hN as useIsBulkChange, I_ as useMeetingSignal, L_ as useMeetingSpeakers, Qh as useMeetingSurface, $h as useMeetingSurfaceOptional, My as usePageHeaderItemNavigation, jy as usePageHeaderNavigation, bi as useSidePanel, mc as useSidebar, gb as useSidebarChatActions, hb as useSidebarChats, Wd as useSwipeDeck, wm as useTrackBinding, xe as useWidgetIsWide, ey as viewportRect, zN as widgetChrome, LN as widgetParamsAreComplete, IN as widgetTitle };