@burdenoff/fe-libs 2026.522.2 → 2026.522.4

package/dist/chrome/NotificationCenter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationCenter.d.ts","sourceRoot":"","sources":["../../src/chrome/NotificationCenter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAInD,MAAM,WAAW,uBAAuB;IACtC,2CAA2C;IAC3C,MAAM,EAAE,YAAY,CAAC;IACrB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wEAAwE;IACxE,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAsXD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAuiB1D,CAAC"}
+{"version":3,"file":"NotificationCenter.d.ts","sourceRoot":"","sources":["../../src/chrome/NotificationCenter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAInD,MAAM,WAAW,uBAAuB;IACtC,2CAA2C;IAC3C,MAAM,EAAE,YAAY,CAAC;IACrB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wEAAwE;IACxE,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAsXD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA8jB1D,CAAC"}

package/dist/chrome/NotificationCenter.js

@@ -132,11 +132,11 @@ var c = s`
 		label: "Marketing"
 	}
 ];
-function ee(e) {
+function y(e) {
 	let t = Date.now() - new Date(e).getTime(), n = Math.floor(t / 1e3), r = Math.floor(n / 60), i = Math.floor(r / 60), a = Math.floor(i / 24);
 	return n < 60 ? "Just now" : r < 60 ? `${r}m ago` : i < 24 ? `${i}h ago` : a < 7 ? `${a}d ago` : new Date(e).toLocaleDateString();
 }
-function y(e, t) {
+function ee(e, t) {
 	let n = [...e];
 	switch (t) {
 		case "newest": return n.sort((e, t) => new Date(t.createdAt).getTime() - new Date(e.createdAt).getTime());
@@ -145,7 +145,7 @@ function y(e, t) {
 		default: return n;
 	}
 }
-var b = ({ notification: e, onMarkAsRead: t, onDelete: n, onRedirect: r }) => {
+var te = ({ notification: e, onMarkAsRead: t, onDelete: n, onRedirect: r }) => {
 	let { id: i, title: s, message: c, type: l, priority: u, appName: d, redirectUrl: f, isRead: p, createdAt: m } = e, _ = h[u] ?? h.MEDIUM, v = g[l] ?? {
 		icon: "🔔",
 		label: l
@@ -238,7 +238,7 @@ var b = ({ notification: e, onMarkAsRead: t, onDelete: n, onRedirect: r }) => {
 							}),
 							/* @__PURE__ */ a("span", {
 								className: "text-[10px] text-text-tertiary",
-								children: ee(m)
+								children: y(m)
 							}),
 							f && /* @__PURE__ */ o("button", {
 								onClick: (e) => {
@@ -265,7 +265,7 @@ var b = ({ notification: e, onMarkAsRead: t, onDelete: n, onRedirect: r }) => {
 			})
 		]
 	});
-}, x = () => /* @__PURE__ */ o("div", {
+}, b = () => /* @__PURE__ */ o("div", {
 	className: "flex gap-3 p-3 rounded-card border border-border-subtle animate-pulse",
 	children: [/* @__PURE__ */ a("div", { className: "w-6 h-6 rounded bg-bg-muted flex-shrink-0" }), /* @__PURE__ */ o("div", {
 		className: "flex-1 space-y-2",
@@ -278,33 +278,33 @@ var b = ({ notification: e, onMarkAsRead: t, onDelete: n, onRedirect: r }) => {
 			})
 		]
 	})]
-}), te = ({ client: s, onViewAll: h, compact: ee = !1, pollInterval: te = 3e4, lazy: S = !1 }) => {
-	let C = n(null), [w, T] = r(!1), [E, D] = r(!1), [O, k] = r([]), [A, j] = r(0), [M, N] = r({}), [P, F] = r(0), [I, L] = r(!1), [R, z] = r(null), [B, V] = r("all"), [H, U] = r("ALL"), [W, G] = r("ALL"), [K, ne] = r("newest");
+}), ne = ({ client: s, onViewAll: h, compact: y = !1, pollInterval: ne = 3e4, lazy: x = !1 }) => {
+	let S = n(null), [C, w] = r(!1), [T, E] = r(!1), [D, O] = r([]), [k, A] = r(0), [j, M] = r({}), [N, P] = r(0), [F, I] = r(!1), [L, R] = r(null), [z, B] = r("all"), [V, H] = r("ALL"), [U, W] = r("ALL"), [G, re] = r("newest");
 	t(() => {
 		let e = window.matchMedia("(max-width: 767px)");
-		D(e.matches);
-		let t = (e) => D(e.matches);
+		E(e.matches);
+		let t = (e) => E(e.matches);
 		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
 	}, []), t(() => {
-		if (!w || E) return;
+		if (!C || T) return;
 		let e = (e) => {
-			C.current && !C.current.contains(e.target) && T(!1);
+			S.current && !S.current.contains(e.target) && w(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [w, E]), t(() => {
-		if (!w) return;
+	}, [C, T]), t(() => {
+		if (!C) return;
 		let e = (e) => {
-			e.key === "Escape" && T(!1);
+			e.key === "Escape" && w(!1);
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [w]);
-	let q = n(s);
+	}, [C]);
+	let K = n(s);
 	t(() => {
-		q.current = s;
+		K.current = s;
 	}, [s]);
-	let J = e(async () => {
+	let q = e(async () => {
 		try {
-			let e = (await q.current.query({
+			let e = (await K.current.query({
 				query: l,
 				variables: { filter: {
 					channel: "IN_APP",
@@ -312,13 +312,23 @@ var b = ({ notification: e, onMarkAsRead: t, onDelete: n, onRedirect: r }) => {
 				} },
 				fetchPolicy: "network-only"
 			})).data;
-			j(e?.myUnreadNotificationCount ?? 0);
+			A(e?.myUnreadNotificationCount ?? 0);
 		} catch {}
-	}, []);
+	}, []), [J, ie] = r(!1);
 	t(() => {
-		if (S) return;
-		J();
-		let e = q.current.subscribe({
+		let e = () => ie(!0);
+		if (typeof window < "u" && "requestIdleCallback" in window) {
+			let t = window.requestIdleCallback(e, { timeout: 2e3 });
+			return () => {
+				window.cancelIdleCallback?.(t);
+			};
+		}
+		let t = setTimeout(e, 500);
+		return () => clearTimeout(t);
+	}, []), t(() => {
+		if (x || !J) return;
+		q();
+		let e = K.current.subscribe({
 			query: u,
 			variables: { filter: {
 				channel: "IN_APP",
@@ -328,23 +338,27 @@ var b = ({ notification: e, onMarkAsRead: t, onDelete: n, onRedirect: r }) => {
 		}).subscribe({
 			next: (e) => {
 				let t = e.data;
-				typeof t?.myUnreadNotificationCountStream == "number" && j(t.myUnreadNotificationCountStream);
+				typeof t?.myUnreadNotificationCountStream == "number" && A(t.myUnreadNotificationCountStream);
 			},
 			error: () => {}
-		}), t = setInterval(J, 300 * 1e3);
+		}), t = setInterval(q, 300 * 1e3);
 		return () => {
 			e.unsubscribe(), clearInterval(t);
 		};
-	}, [J, S]);
+	}, [
+		q,
+		x,
+		J
+	]);
 	let Y = e(async () => {
-		L(!0), z(null);
+		I(!0), R(null);
 		try {
 			let e = {
 				channel: "IN_APP",
 				archived: !1
 			};
-			B === "unread" && (e.isRead = !1), B === "read" && (e.isRead = !0), H !== "ALL" && (e.type = H), W !== "ALL" && (e.appName = W);
-			let t = (await q.current.query({
+			z === "unread" && (e.isRead = !1), z === "read" && (e.isRead = !0), V !== "ALL" && (e.type = V), U !== "ALL" && (e.appName = U);
+			let t = (await K.current.query({
 				query: c,
 				variables: {
 					filter: e,
@@ -353,75 +367,75 @@ var b = ({ notification: e, onMarkAsRead: t, onDelete: n, onRedirect: r }) => {
 				},
 				fetchPolicy: "network-only"
 			})).data?.notifications;
-			t && (k(t.items ?? []), F(t.total ?? 0));
+			t && (O(t.items ?? []), P(t.total ?? 0));
 		} catch (e) {
-			z(e instanceof Error ? e.message : "Failed to load notifications");
+			R(e instanceof Error ? e.message : "Failed to load notifications");
 		} finally {
-			L(!1);
+			I(!1);
 		}
 	}, [
-		B,
-		H,
-		W
+		z,
+		V,
+		U
 	]), X = e(async () => {
 		try {
-			let e = (await q.current.query({
+			let e = (await K.current.query({
 				query: d,
 				fetchPolicy: "network-only"
 			})).data;
-			N(e?.myNotificationCountsByApp ?? {});
+			M(e?.myNotificationCountsByApp ?? {});
 		} catch {}
 	}, []);
 	t(() => {
-		w && (S && J(), Y(), X(), J());
+		C && (x && q(), Y(), X(), q());
 	}, [
-		w,
+		C,
 		Y,
 		X,
-		J,
-		S
+		q,
+		x
 	]);
-	let re = e(() => {
-		T((e) => !e);
-	}, []), ie = e(async (e) => {
+	let ae = e(() => {
+		w((e) => !e);
+	}, []), oe = e(async (e) => {
 		try {
-			await q.current.mutate({
+			await K.current.mutate({
 				mutation: f,
 				variables: { id: e }
-			}), k((t) => t.map((t) => t.id === e ? {
+			}), O((t) => t.map((t) => t.id === e ? {
 				...t,
 				isRead: !0,
 				readAt: (/* @__PURE__ */ new Date()).toISOString()
-			} : t)), j((e) => Math.max(0, e - 1));
+			} : t)), A((e) => Math.max(0, e - 1));
 		} catch (e) {
 			console.error("Failed to mark notification as read:", e);
 		}
-	}, []), ae = e(async () => {
+	}, []), se = e(async () => {
 		try {
-			await q.current.mutate({ mutation: p }), k((e) => e.map((e) => ({
+			await K.current.mutate({ mutation: p }), O((e) => e.map((e) => ({
 				...e,
 				isRead: !0,
 				readAt: e.readAt || (/* @__PURE__ */ new Date()).toISOString()
-			}))), j(0);
+			}))), A(0);
 		} catch (e) {
 			console.error("Failed to mark all notifications as read:", e);
 		}
-	}, []), oe = e(async (e) => {
+	}, []), ce = e(async (e) => {
 		try {
-			await q.current.mutate({
+			await K.current.mutate({
 				mutation: m,
 				variables: { id: e }
 			});
-			let t = O.find((t) => t.id === e);
-			k((t) => t.filter((t) => t.id !== e)), F((e) => Math.max(0, e - 1)), t && !t.isRead && j((e) => Math.max(0, e - 1));
+			let t = D.find((t) => t.id === e);
+			O((t) => t.filter((t) => t.id !== e)), P((e) => Math.max(0, e - 1)), t && !t.isRead && A((e) => Math.max(0, e - 1));
 		} catch (e) {
 			console.error("Failed to delete notification:", e);
 		}
-	}, [O]), se = e((e) => {
+	}, [D]), le = e((e) => {
 		window.open(e, "_blank", "noopener,noreferrer");
-	}, []), ce = e(() => {
-		T(!1), h?.();
-	}, [h]), Z = y(O, K), Q = Object.entries(M).filter(([e]) => e && e !== "null").sort((e, t) => t[1] - e[1]), $ = /* @__PURE__ */ o("div", {
+	}, []), ue = e(() => {
+		w(!1), h?.();
+	}, [h]), Z = ee(D, G), Q = Object.entries(j).filter(([e]) => e && e !== "null").sort((e, t) => t[1] - e[1]), $ = /* @__PURE__ */ o("div", {
 		className: "flex flex-col h-full",
 		children: [
 			/* @__PURE__ */ o("div", {
@@ -429,8 +443,8 @@ var b = ({ notification: e, onMarkAsRead: t, onDelete: n, onRedirect: r }) => {
 				children: [/* @__PURE__ */ o("div", {
 					className: "flex items-center gap-2",
 					children: [
-						E && /* @__PURE__ */ a("button", {
-							onClick: () => T(!1),
+						T && /* @__PURE__ */ a("button", {
+							onClick: () => w(!1),
 							className: "p-1 rounded-button hover:bg-action-ghost-bg-hover text-text-primary",
 							"aria-label": "Close",
 							children: /* @__PURE__ */ a("svg", {
@@ -462,19 +476,19 @@ var b = ({ notification: e, onMarkAsRead: t, onDelete: n, onRedirect: r }) => {
 							className: "text-sm font-semibold text-text-primary",
 							children: "Notifications"
 						}),
-						A > 0 && /* @__PURE__ */ a("span", {
+						k > 0 && /* @__PURE__ */ a("span", {
 							className: "inline-flex items-center justify-center min-w-[20px] h-5 px-1.5 text-xs font-semibold text-action-primary-text bg-action-primary-bg rounded-full",
-							children: A > 9 ? "9+" : A
+							children: k > 9 ? "9+" : k
 						})
 					]
 				}), /* @__PURE__ */ o("div", {
 					className: "flex items-center gap-2",
-					children: [A > 0 && /* @__PURE__ */ a("button", {
-						onClick: ae,
+					children: [k > 0 && /* @__PURE__ */ a("button", {
+						onClick: se,
 						className: "text-xs text-action-primary-bg hover:underline font-medium",
 						children: "Mark all read"
-					}), !E && /* @__PURE__ */ a("button", {
-						onClick: () => T(!1),
+					}), !T && /* @__PURE__ */ a("button", {
+						onClick: () => w(!1),
 						className: "p-1 rounded-button hover:bg-action-ghost-bg-hover text-text-tertiary",
 						"aria-label": "Close panel",
 						children: /* @__PURE__ */ a("svg", {
@@ -498,23 +512,23 @@ var b = ({ notification: e, onMarkAsRead: t, onDelete: n, onRedirect: r }) => {
 					/* @__PURE__ */ a("div", {
 						className: "flex gap-1",
 						children: _.map((e) => /* @__PURE__ */ a("button", {
-							onClick: () => V(e.value),
-							className: `px-3 py-1 text-xs font-medium rounded-full transition-colors ${B === e.value ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-muted text-text-secondary hover:bg-action-ghost-bg-hover"}`,
+							onClick: () => B(e.value),
+							className: `px-3 py-1 text-xs font-medium rounded-full transition-colors ${z === e.value ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-muted text-text-secondary hover:bg-action-ghost-bg-hover"}`,
 							children: e.label
 						}, e.value))
 					}),
 					/* @__PURE__ */ o("div", {
 						className: "flex flex-wrap items-center gap-1",
 						children: [v.map((e) => /* @__PURE__ */ o("button", {
-							onClick: () => U(e.value),
-							className: `px-2 py-0.5 text-[11px] font-medium rounded-full whitespace-nowrap transition-colors ${H === e.value ? "bg-bg-elevated text-text-primary border border-border-default" : "text-text-tertiary hover:text-text-secondary hover:bg-bg-muted"}`,
+							onClick: () => H(e.value),
+							className: `px-2 py-0.5 text-[11px] font-medium rounded-full whitespace-nowrap transition-colors ${V === e.value ? "bg-bg-elevated text-text-primary border border-border-default" : "text-text-tertiary hover:text-text-secondary hover:bg-bg-muted"}`,
 							children: [e.value !== "ALL" && g[e.value] && /* @__PURE__ */ a("span", {
 								className: "mr-0.5",
 								children: g[e.value].icon
 							}), e.label]
 						}, e.value)), /* @__PURE__ */ o("select", {
-							value: K,
-							onChange: (e) => ne(e.target.value),
+							value: G,
+							onChange: (e) => re(e.target.value),
 							className: "ml-auto text-[11px] text-text-secondary bg-transparent border-none cursor-pointer focus:outline-none",
 							"aria-label": "Sort notifications",
 							children: [
@@ -536,12 +550,12 @@ var b = ({ notification: e, onMarkAsRead: t, onDelete: n, onRedirect: r }) => {
 					Q.length > 1 && /* @__PURE__ */ o("div", {
 						className: "flex flex-wrap gap-1",
 						children: [/* @__PURE__ */ a("button", {
-							onClick: () => G("ALL"),
-							className: `px-2 py-0.5 text-[11px] font-medium rounded-full whitespace-nowrap transition-colors ${W === "ALL" ? "bg-bg-elevated text-text-primary border border-border-default" : "text-text-tertiary hover:text-text-secondary hover:bg-bg-muted"}`,
+							onClick: () => W("ALL"),
+							className: `px-2 py-0.5 text-[11px] font-medium rounded-full whitespace-nowrap transition-colors ${U === "ALL" ? "bg-bg-elevated text-text-primary border border-border-default" : "text-text-tertiary hover:text-text-secondary hover:bg-bg-muted"}`,
 							children: "All Apps"
 						}), Q.map(([e, t]) => /* @__PURE__ */ o("button", {
-							onClick: () => G(e),
-							className: `px-2 py-0.5 text-[11px] font-medium rounded-full whitespace-nowrap transition-colors ${W === e ? "bg-bg-elevated text-text-primary border border-border-default" : "text-text-tertiary hover:text-text-secondary hover:bg-bg-muted"}`,
+							onClick: () => W(e),
+							className: `px-2 py-0.5 text-[11px] font-medium rounded-full whitespace-nowrap transition-colors ${U === e ? "bg-bg-elevated text-text-primary border border-border-default" : "text-text-tertiary hover:text-text-secondary hover:bg-bg-muted"}`,
 							children: [e, /* @__PURE__ */ o("span", {
 								className: "ml-1 text-text-tertiary",
 								children: [
@@ -556,14 +570,14 @@ var b = ({ notification: e, onMarkAsRead: t, onDelete: n, onRedirect: r }) => {
 			}),
 			/* @__PURE__ */ a("div", {
 				className: "flex-1 overflow-y-auto",
-				children: I ? /* @__PURE__ */ o("div", {
+				children: F ? /* @__PURE__ */ o("div", {
 					className: "p-3 space-y-2",
 					children: [
-						/* @__PURE__ */ a(x, {}),
-						/* @__PURE__ */ a(x, {}),
-						/* @__PURE__ */ a(x, {})
+						/* @__PURE__ */ a(b, {}),
+						/* @__PURE__ */ a(b, {}),
+						/* @__PURE__ */ a(b, {})
 					]
-				}) : R ? /* @__PURE__ */ o("div", {
+				}) : L ? /* @__PURE__ */ o("div", {
 					className: "flex flex-col items-center justify-center p-8 text-center",
 					children: [
 						/* @__PURE__ */ a("svg", {
@@ -609,16 +623,16 @@ var b = ({ notification: e, onMarkAsRead: t, onDelete: n, onRedirect: r }) => {
 						}),
 						/* @__PURE__ */ a("p", {
 							className: "text-xs text-text-tertiary mt-1",
-							children: B !== "all" || H !== "ALL" || W !== "ALL" ? "No notifications match your filters" : "No notifications yet"
+							children: z !== "all" || V !== "ALL" || U !== "ALL" ? "No notifications match your filters" : "No notifications yet"
 						})
 					]
 				}) : /* @__PURE__ */ a("div", {
 					className: "p-2 space-y-1.5",
-					children: Z.map((e) => /* @__PURE__ */ a(b, {
+					children: Z.map((e) => /* @__PURE__ */ a(te, {
 						notification: e,
-						onMarkAsRead: ie,
-						onDelete: oe,
-						onRedirect: se
+						onMarkAsRead: oe,
+						onDelete: ce,
+						onRedirect: le
 					}, e.id))
 				})
 			}),
@@ -629,12 +643,12 @@ var b = ({ notification: e, onMarkAsRead: t, onDelete: n, onRedirect: r }) => {
 					children: [/* @__PURE__ */ o("span", {
 						className: "text-[11px] text-text-tertiary",
 						children: [
-							P,
+							N,
 							" notification",
-							P === 1 ? "" : "s"
+							N === 1 ? "" : "s"
 						]
 					}), h && /* @__PURE__ */ a("button", {
-						onClick: ce,
+						onClick: ue,
 						className: "text-xs text-action-primary-bg hover:underline font-medium",
 						children: "View All"
 					})]
@@ -643,14 +657,14 @@ var b = ({ notification: e, onMarkAsRead: t, onDelete: n, onRedirect: r }) => {
 		]
 	});
 	return /* @__PURE__ */ o("div", {
-		ref: C,
+		ref: S,
 		className: "relative",
 		children: [
 			/* @__PURE__ */ o("button", {
-				onClick: re,
+				onClick: ae,
 				className: "relative p-2 hover:bg-action-ghost-bg-hover rounded-button text-text-primary",
-				"aria-label": `Notifications${A > 0 ? ` (${A} unread)` : ""}`,
-				"aria-expanded": w,
+				"aria-label": `Notifications${k > 0 ? ` (${k} unread)` : ""}`,
+				"aria-expanded": C,
 				"aria-haspopup": "true",
 				children: [/* @__PURE__ */ a("svg", {
 					className: "w-icon-md h-icon-md",
@@ -663,20 +677,20 @@ var b = ({ notification: e, onMarkAsRead: t, onDelete: n, onRedirect: r }) => {
 						strokeWidth: 2,
 						d: "M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"
 					})
-				}), A > 0 && /* @__PURE__ */ a("span", {
+				}), k > 0 && /* @__PURE__ */ a("span", {
 					className: "absolute -top-0.5 -right-0.5 flex items-center justify-center min-w-[18px] h-[18px] px-1 text-[10px] font-bold text-action-primary-text bg-action-primary-bg rounded-full border-2 border-bg-elevated",
-					children: A > 9 ? "9+" : A
+					children: k > 9 ? "9+" : k
 				})]
 			}),
-			w && !E && /* @__PURE__ */ a("div", {
+			C && !T && /* @__PURE__ */ a("div", {
 				className: "absolute right-0 top-full mt-2 w-[calc(100vw-1.5rem)] sm:w-[420px] max-h-[600px] bg-bg-elevated border border-border-subtle rounded-card shadow-popover z-50 overflow-hidden flex flex-col",
 				role: "dialog",
 				"aria-label": "Notifications panel",
 				children: $
 			}),
-			w && E && /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("div", {
+			C && T && /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("div", {
 				className: "fixed inset-0 bg-black/50 z-[60]",
-				onClick: () => T(!1),
+				onClick: () => w(!1),
 				"aria-hidden": "true"
 			}), /* @__PURE__ */ a("div", {
 				className: "fixed inset-x-0 bottom-0 top-0 bg-bg-elevated z-[70] flex flex-col",
@@ -688,4 +702,4 @@ var b = ({ notification: e, onMarkAsRead: t, onDelete: n, onRedirect: r }) => {
 	});
 };
 //#endregion
-export { te as NotificationCenter };
+export { ne as NotificationCenter };

package/dist/chrome/ProductSwitcher.d.ts

@@ -5,6 +5,8 @@ export interface Product {
     url: string;
     icon?: string;
     color?: string;
+    /** When true, render as disabled with a "Coming soon" badge. */
+    comingSoon?: boolean;
 }
 export interface ProductSwitcherProps {
     products: Product[];

package/dist/chrome/ProductSwitcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductSwitcher.d.ts","sourceRoot":"","sources":["../../src/chrome/ProductSwitcher.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA4HpD,CAAC"}
+{"version":3,"file":"ProductSwitcher.d.ts","sourceRoot":"","sources":["../../src/chrome/ProductSwitcher.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gEAAgE;IAChE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAwIpD,CAAC"}

package/dist/chrome/ProductSwitcher.js

@@ -10,7 +10,7 @@ var a = ({ products: a, currentProductId: o, onProductChange: s, compact: c = !1
 		if (l) return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, [l]);
 	let p = (e) => {
-		s ? s(e) : window.location.href = e.url, u(!1);
+		e.comingSoon || (s ? s(e) : window.location.href = e.url, u(!1));
 	};
 	return /* @__PURE__ */ i("div", {
 		className: "relative",
@@ -55,7 +55,10 @@ var a = ({ products: a, currentProductId: o, onProductChange: s, compact: c = !1
 				className: "py-1 max-h-96 overflow-y-auto",
 				children: a.map((e) => /* @__PURE__ */ i("button", {
 					onClick: () => p(e),
-					className: `w-full flex items-center gap-3 px-4 py-2.5 text-body-sm transition-colors ${e.id === o ? "bg-action-ghost-bg-hover text-text-primary font-medium" : "text-text-primary hover:bg-action-ghost-bg-hover"}`,
+					disabled: e.comingSoon,
+					"aria-disabled": e.comingSoon,
+					title: e.comingSoon ? "Coming soon" : void 0,
+					className: `w-full flex items-center gap-3 px-4 py-2.5 text-body-sm transition-colors ${e.comingSoon ? "text-text-tertiary cursor-not-allowed opacity-60" : e.id === o ? "bg-action-ghost-bg-hover text-text-primary font-medium" : "text-text-primary hover:bg-action-ghost-bg-hover"}`,
 					children: [
 						/* @__PURE__ */ r("div", {
 							className: "w-8 h-8 rounded flex items-center justify-center flex-shrink-0 text-white font-semibold text-sm",
@@ -66,7 +69,10 @@ var a = ({ products: a, currentProductId: o, onProductChange: s, compact: c = !1
 							className: "flex-1 text-left",
 							children: e.name
 						}),
-						e.id === o && /* @__PURE__ */ r("svg", {
+						e.comingSoon ? /* @__PURE__ */ r("span", {
+							className: "text-body-xs px-2 py-0.5 rounded-full bg-bg-sunken text-text-secondary border border-border-subtle",
+							children: "Coming soon"
+						}) : e.id === o && /* @__PURE__ */ r("svg", {
 							className: "w-5 h-5 text-action-primary-text",
 							fill: "currentColor",
 							viewBox: "0 0 20 20",

package/dist/shared/config/products.d.ts

@@ -9,6 +9,13 @@ export interface ProductConfig {
     icon: string;
     color: string;
     description?: string;
+    /**
+     * When true, the product appears in the switcher but is gated:
+     * non-clickable, with a "Coming soon" badge. Use this for products
+     * that exist in the catalog but aren't yet GA so users see the lineup
+     * without being able to navigate into a broken shell.
+     */
+    comingSoon?: boolean;
 }
 export declare const PRODUCT_URLS: {
     readonly development: {
@@ -38,5 +45,12 @@ export declare function getProductsWithUrls(): {
     icon: string;
     color: string;
     description?: string;
+    /**
+     * When true, the product appears in the switcher but is gated:
+     * non-clickable, with a "Coming soon" badge. Use this for products
+     * that exist in the catalog but aren't yet GA so users see the lineup
+     * without being able to navigate into a broken shell.
+     */
+    comingSoon?: boolean;
 }[];
 //# sourceMappingURL=products.d.ts.map

package/dist/shared/config/products.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"products.d.ts","sourceRoot":"","sources":["../../../src/shared/config/products.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;CAef,CAAC;AAEX,eAAO,MAAM,QAAQ,EAAE,aAAa,EA8BnC,CAAC;AAOF,wBAAgB,aAAa,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAIvD;AAED;;GAEG;AACH,wBAAgB,mBAAmB;;QAtE7B,MAAM;UACJ,MAAM;UACN,MAAM;WACL,MAAM;kBACC,MAAM;IAoErB"}
+{"version":3,"file":"products.d.ts","sourceRoot":"","sources":["../../../src/shared/config/products.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;CAef,CAAC;AAEX,eAAO,MAAM,QAAQ,EAAE,aAAa,EA0CnC,CAAC;AAOF,wBAAgB,aAAa,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAIvD;AAED;;GAEG;AACH,wBAAgB,mBAAmB;;QAzF7B,MAAM;UACJ,MAAM;UACN,MAAM;WACL,MAAM;kBACC,MAAM;IACpB;;;;;OAKG;iBACU,OAAO;IAgFrB"}

package/dist/shared/config/products.js

@@ -15,40 +15,43 @@ var e = {
 		botlit: "https://app.botlit.ai/"
 	}
 }, t = [
+	{
+		id: "vibecontrols",
+		name: "VibeControls",
+		icon: "VC",
+		color: "#10b981",
+		description: "Real-time collaboration controls"
+	},
+	{
+		id: "workspaces",
+		name: "Workspaces",
+		icon: "WS",
+		color: "#06b6d4",
+		description: "Enterprise collaboration platform"
+	},
 	{
 		id: "fluidgrids",
 		name: "FluidGrids",
 		icon: "FG",
 		color: "#3b82f6",
-		description: "Visual workflow automation platform"
+		description: "Visual workflow automation platform",
+		comingSoon: !0
 	},
 	{
 		id: "bigconsole",
 		name: "BigConsole",
 		icon: "BC",
 		color: "#8b5cf6",
-		description: "AI development console"
-	},
-	{
-		id: "workspaces",
-		name: "Workspaces",
-		icon: "WS",
-		color: "#06b6d4",
-		description: "Enterprise collaboration platform"
-	},
-	{
-		id: "vibecontrols",
-		name: "VibeControls",
-		icon: "VC",
-		color: "#10b981",
-		description: "Real-time collaboration controls"
+		description: "AI development console",
+		comingSoon: !0
 	},
 	{
 		id: "botlit",
 		name: "Botlit",
 		icon: "BL",
 		color: "#f59e0b",
-		description: "AI agent platform"
+		description: "AI agent platform",
+		comingSoon: !0
 	}
 ];
 function n() {

package/dist/shared/hooks/shell/useLanguages.d.ts

@@ -23,6 +23,13 @@ export interface UseLanguagesReturn {
     defaultLanguageCode: string;
 }
 export interface UseLanguagesOptions {
+    /**
+     * When true, fetch on mount. Default: false — the hook is lazy so the
+     * global-header batch on first paint doesn't pay for a query whose
+     * results are only needed when the user actually opens the language
+     * picker dropdown. Consumers should call `refetch()` from the
+     * dropdown's `onMouseDown` / `onFocus` handler instead.
+     */
     autoFetch?: boolean;
 }
 /**

package/dist/shared/hooks/shell/useLanguages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLanguages.d.ts","sourceRoot":"","sources":["../../../../src/shared/hooks/shell/useLanguages.ts"],"names":[],"mappings":"AAqCA;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd;AAsID;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,+CAA+C;IAC/C,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,oCAAoC;IACpC,SAAS,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,iCAAiC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,4BAA4B;IAC5B,mBAAmB,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,OAAO,CAAC,EAAE,mBAAmB,GAAG,kBAAkB,CAkF9E"}
+{"version":3,"file":"useLanguages.d.ts","sourceRoot":"","sources":["../../../../src/shared/hooks/shell/useLanguages.ts"],"names":[],"mappings":"AAqCA;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd;AAsID;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,+CAA+C;IAC/C,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,oCAAoC;IACpC,SAAS,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,iCAAiC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,4BAA4B;IAC5B,mBAAmB,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,mBAAmB;IAClC;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,OAAO,CAAC,EAAE,mBAAmB,GAAG,kBAAkB,CA0G9E"}

package/dist/shared/hooks/shell/useLanguages.js

@@ -1,9 +1,9 @@
 import { useGatewayClient as e } from "../../graphql/GatewayContext.js";
 import "../../../shared-graphql.js";
-import { useCallback as t, useEffect as n, useState as r } from "react";
-import { gql as i } from "@apollo/client/core";
+import { useCallback as t, useEffect as n, useRef as r, useState as i } from "react";
+import { gql as a } from "@apollo/client/core";
 //#region src/shared/hooks/shell/useLanguages.ts
-var a = i`
+var o = a`
   query GetLanguagesForHeader($filter: LanguageFilterInput, $limit: Int, $offset: Int) {
     languages(filter: $filter, limit: $limit, offset: $offset) {
       items {
@@ -18,7 +18,7 @@ var a = i`
       total
     }
   }
-`, o = {
+`, s = {
 	en: "🇺🇸",
 	es: "🇪🇸",
 	fr: "🇫🇷",
@@ -59,7 +59,7 @@ var a = i`
 	fa: "🇮🇷",
 	sw: "🇰🇪",
 	af: "🇿🇦"
-}, s = {
+}, c = {
 	US: "🇺🇸",
 	GB: "🇬🇧",
 	AU: "🇦🇺",
@@ -102,21 +102,21 @@ var a = i`
 	VN: "🇻🇳",
 	PH: "🇵🇭"
 };
-function c(e, t) {
-	return t && s[t.toUpperCase()] ? s[t.toUpperCase()] : o[e.toLowerCase()] ? o[e.toLowerCase()] : "🌐";
+function l(e, t) {
+	return t && c[t.toUpperCase()] ? c[t.toUpperCase()] : s[e.toLowerCase()] ? s[e.toLowerCase()] : "🌐";
 }
-var l = {
+var u = {
 	code: "en",
 	name: "English",
 	nativeName: "English",
 	flag: "🇺🇸"
 };
-function u(i) {
-	let o = e("global"), [s, u] = r([l]), [d, f] = r(i?.autoFetch !== !1), [p, m] = r(null), [h, g] = r("en"), _ = t(async () => {
-		f(!0), m(null);
+function d(a) {
+	let s = e("global"), [c, d] = i([u]), [f, p] = i(a?.autoFetch === !0), [m, h] = i(null), [g, _] = i("en"), v = r(!1), y = t(async () => {
+		p(!0), h(null);
 		try {
-			let e = (await o.query({
-				query: a,
+			let e = (await s.query({
+				query: o,
 				variables: {
 					filter: { status: "ACTIVE" },
 					limit: 50,
@@ -124,38 +124,41 @@ function u(i) {
 				},
 				fetchPolicy: "cache-first"
 			})).data?.languages?.items || [];
-			if (e.length === 0) u([l]), g("en");
+			if (e.length === 0) d([u]), _("en");
 			else {
 				let t = e.map((e) => ({
 					code: e.code,
 					name: e.name,
 					nativeName: e.nativeName,
-					flag: c(e.code, e.region)
+					flag: l(e.code, e.region)
 				}));
 				t.sort((t, n) => {
 					let r = e.find((e) => e.code === t.code)?.isDefault, i = e.find((e) => e.code === n.code)?.isDefault;
 					return r && !i ? -1 : !r && i ? 1 : t.name.localeCompare(n.name);
-				}), u(t), g(e.find((e) => e.isDefault)?.code || t[0]?.code || "en");
+				}), d(t), _(e.find((e) => e.isDefault)?.code || t[0]?.code || "en");
 			}
+			v.current = !0;
 		} catch (e) {
-			console.error("[useLanguages] Failed to fetch languages:", e), m(e instanceof Error ? e.message : "Failed to fetch languages"), s.length === 0 && u([l]);
+			console.error("[useLanguages] Failed to fetch languages:", e), h(e instanceof Error ? e.message : "Failed to fetch languages"), c.length === 0 && d([u]);
 		} finally {
-			f(!1);
+			p(!1);
 		}
-	}, [o, s.length]);
+	}, [s, c.length]);
 	return n(() => {
-		if (i?.autoFetch === !1) {
-			f(!1);
+		if (a?.autoFetch !== !0) {
+			p(!1);
 			return;
 		}
-		_();
+		y();
 	}, []), {
-		languages: s,
-		isLoading: d,
-		error: p,
-		refetch: _,
-		defaultLanguageCode: h
+		languages: c,
+		isLoading: f,
+		error: m,
+		refetch: t(() => {
+			v.current || y();
+		}, [y]),
+		defaultLanguageCode: g
 	};
 }
 //#endregion
-export { u as useLanguages };
+export { d as useLanguages };

package/dist/shared/tours/ToursContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToursContext.d.ts","sourceRoot":"","sources":["../../../src/shared/tours/ToursContext.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAQf,OAAO,EAAoB,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AAqTtD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,SAAS,EAAE,IAAI,EAAE,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,CACb,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,EAC3C,MAAM,CAAC,EAAE,MAAM,KACZ,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxE,UAAU,EAAE,CACV,SAAS,EACL,cAAc,GACd,gBAAgB,GAChB,cAAc,GACd,gBAAgB,GAChB,aAAa,GACb,gBAAgB,GAChB,cAAc,GACd,aAAa,EACjB,MAAM,EAAE,MAAM,EACd,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KACpC,KACE,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,aAAa,EAAE,IAAI,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B;AAID,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,0EAA0E;IAC1E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yEAAyE;IACzE,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAC7D,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,aAAsB,EACtB,iBAAiB,EACjB,QAAgB,GACjB,EAAE,kBAAkB,2CAgfpB;AAED,wBAAgB,eAAe,IAAI,iBAAiB,CAMnD;AAED,wBAAgB,mBAAmB,IAAI,iBAAiB,CAmBvD;AAED,wBAAgB,QAAQ;;;;mBA/jBP,IAAI;4BAET,MAAM,UACN,SAAS,GAAG,WAAW,GAAG,SAAS,WAClC,MAAM,KACZ,OAAO,CAAC,IAAI,CAAC;EAmkBnB;AAED,wBAAgB,gBAAgB,IAAI,IAAI,GAAG,IAAI,CAG9C"}
+{"version":3,"file":"ToursContext.d.ts","sourceRoot":"","sources":["../../../src/shared/tours/ToursContext.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAQf,OAAO,EAAoB,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AAqTtD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,SAAS,EAAE,IAAI,EAAE,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,CACb,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,EAC3C,MAAM,CAAC,EAAE,MAAM,KACZ,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxE,UAAU,EAAE,CACV,SAAS,EACL,cAAc,GACd,gBAAgB,GAChB,cAAc,GACd,gBAAgB,GAChB,aAAa,GACb,gBAAgB,GAChB,cAAc,GACd,aAAa,EACjB,MAAM,EAAE,MAAM,EACd,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KACpC,KACE,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,aAAa,EAAE,IAAI,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B;AAID,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,0EAA0E;IAC1E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yEAAyE;IACzE,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAC7D,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,aAAsB,EACtB,iBAAiB,EACjB,QAAgB,GACjB,EAAE,kBAAkB,2CA8gBpB;AAED,wBAAgB,eAAe,IAAI,iBAAiB,CAMnD;AAED,wBAAgB,mBAAmB,IAAI,iBAAiB,CAmBvD;AAED,wBAAgB,QAAQ;;;;mBA7lBP,IAAI;4BAET,MAAM,UACN,SAAS,GAAG,WAAW,GAAG,SAAS,WAClC,MAAM,KACZ,OAAO,CAAC,IAAI,CAAC;EAimBnB;AAED,wBAAgB,gBAAgB,IAAI,IAAI,GAAG,IAAI,CAG9C"}

package/dist/shared/tours/ToursContext.js

@@ -195,7 +195,7 @@ function ce() {
 		return `tour-session-${Date.now()}-${Math.random().toString(36).slice(2)}`;
 	}
 }
-function w(e, t, n, r) {
+function le(e, t, n, r) {
 	let i = e.split("/").filter(Boolean), a = r ? r(e) : S(e, n);
 	return i.length === 0 ? {
 		moduleId: t,
@@ -208,45 +208,58 @@ function w(e, t, n, r) {
 		pageId: a
 	};
 }
-var T = c(null);
-function E({ children: a, defaultPageId: c = "home", getPageIdFromPath: u, disabled: h = !1 }) {
-	let g = te(), _ = e("global"), { workspaceId: x } = n(), { user: S } = t(), { productSlug: E } = r(), D = i("ToursContext"), O = x ?? void 0, k = h || g.pathname.startsWith("/devportal"), { moduleId: A, pageId: j } = f(() => w(g.pathname, E, c, u), [
+var w = c(null);
+function T({ children: a, defaultPageId: c = "home", getPageIdFromPath: u, disabled: h = !1 }) {
+	let g = te(), _ = e("global"), { workspaceId: x } = n(), { user: S } = t(), { productSlug: T } = r(), E = i("ToursContext"), D = x ?? void 0, O = h || g.pathname.startsWith("/devportal"), { moduleId: k, pageId: A } = f(() => le(g.pathname, T, c, u), [
 		c,
 		u,
 		g.pathname,
-		E
-	]), [M, N] = m([]), [P, F] = m(!1), [I, L] = m(null), R = p([]), z = p(0), B = p(/* @__PURE__ */ new Map()), V = p(void 0), H = p(!1), U = p(!0), W = p(0), G = p(!0);
+		T
+	]), [j, M] = m([]), [N, P] = m(!1), [F, I] = m(null), [L, ue] = m(!1);
+	d(() => {
+		let e = () => ue(!0);
+		if (typeof window < "u" && "requestIdleCallback" in window) {
+			let t = window.requestIdleCallback(e, { timeout: 2e3 });
+			return () => {
+				window.cancelIdleCallback?.(t);
+			};
+		}
+		let t = setTimeout(e, 500);
+		return () => clearTimeout(t);
+	}, []);
+	let R = p([]), z = p(0), B = p(/* @__PURE__ */ new Map()), V = p(void 0), H = p(!1), U = p(!0), W = p(0), G = p(!0);
 	d(() => (U.current = !0, () => {
 		U.current = !1;
 	}), []);
 	let K = l(async (e = !1) => {
-		if (k) {
-			U.current && (N([]), F(!1), L(null));
+		if (!L && !e) return;
+		if (O) {
+			U.current && (M([]), P(!1), I(null));
 			return;
 		}
 		if (!_) return;
-		let t = D.child("fetch", {
-			productSlug: E,
-			workspaceId: O,
-			moduleId: A,
-			pageId: j
+		let t = E.child("fetch", {
+			productSlug: T,
+			workspaceId: D,
+			moduleId: k,
+			pageId: A
 		}), n = C(), r = [
-			E,
+			T,
+			k ?? "",
 			A ?? "",
-			j ?? "",
-			O,
+			D,
 			n,
 			S?.id ?? "anonymous"
 		].join("::");
 		if (!e && H.current && V.current === r) return;
-		U.current && (F(!0), L(null));
+		U.current && (P(!0), I(null));
 		let i = ++W.current;
 		try {
 			let e = { context: {
-				productId: E,
-				moduleId: A,
-				pageId: j,
-				workspaceId: O,
+				productId: T,
+				moduleId: k,
+				pageId: A,
+				workspaceId: D,
 				deviceType: n
 			} }, a = "network-only", o, s = G.current ? v : y;
 			try {
@@ -273,46 +286,47 @@ function E({ children: a, defaultPageId: c = "home", getPageIdFromPath: u, disab
 				else throw n;
 			}
 			let c = (o.data?.toursForContext ?? []).filter((e, t, n) => n.findIndex((t) => t.id === e.id) === t);
-			U.current && i === W.current && (N(c), V.current = r, H.current = !0);
+			U.current && i === W.current && (M(c), V.current = r, H.current = !0);
 		} catch (e) {
 			if (!U.current || i !== W.current || se(e)) return;
 			let n = e instanceof Error ? e : /* @__PURE__ */ Error("Failed to fetch tours");
-			t.error("Failed to fetch tours for context", n), L(n), N([]);
+			t.error("Failed to fetch tours for context", n), I(n), M([]);
 		} finally {
-			U.current && i === W.current && F(!1);
+			U.current && i === W.current && P(!1);
 		}
 	}, [
-		k,
+		L,
+		O,
 		_,
-		D,
-		A,
-		j,
 		E,
-		O,
+		k,
+		A,
+		T,
+		D,
 		S?.id
 	]), q = p(S?.id);
 	d(() => {
-		q.current !== S?.id && (q.current = S?.id, H.current = !1, V.current = void 0, U.current && N([]));
+		q.current !== S?.id && (q.current = S?.id, H.current = !1, V.current = void 0, U.current && M([]));
 	}, [S?.id]), d(() => {
 		K();
 	}, [K]), d(() => {
-		R.current = M;
-	}, [M]);
+		R.current = j;
+	}, [j]);
 	let J = l(() => {
 		K(!0);
-	}, [K]), Y = f(() => M.filter((e) => e.isActive && e.steps?.length > 0 && o(e, {
-		productId: E,
-		moduleId: A,
-		pageId: j
+	}, [K]), Y = f(() => j.filter((e) => e.isActive && e.steps?.length > 0 && o(e, {
+		productId: T,
+		moduleId: k,
+		pageId: A
 	})).sort((e, t) => (t.priority ?? 0) - (e.priority ?? 0)), [
-		M,
-		A,
 		j,
-		E
-	]), X = f(() => Y.find((e) => e.triggerType === "AUTO_FIRST_VISIT" || e.triggerType === "AUTO_ALWAYS") ?? null, [Y]), Z = l(async (e, t, n) => {
+		k,
+		A,
+		T
+	]), X = f(() => L ? Y.find((e) => e.triggerType === "AUTO_FIRST_VISIT" || e.triggerType === "AUTO_ALWAYS") ?? null : null, [Y, L]), Z = l(async (e, t, n) => {
 		if (!_ || !S?.id) return;
 		let r = t === "started" ? "IN_PROGRESS" : t === "completed" ? "COMPLETED" : "SKIPPED", i = R.current.find((t) => t.id === e)?.myProgress, a = z.current + 1;
-		z.current = a, B.current.set(e, a), N((t) => {
+		z.current = a, B.current.set(e, a), M((t) => {
 			let n = s(t, e, r);
 			return R.current = n, n;
 		});
@@ -347,7 +361,7 @@ function E({ children: a, defaultPageId: c = "home", getPageIdFromPath: u, disab
 			});
 		} catch {
 			if (B.current.get(e) !== a) return;
-			N((t) => {
+			M((t) => {
 				let n = t.map((t) => t.id === e ? {
 					...t,
 					myProgress: i
@@ -379,72 +393,72 @@ function E({ children: a, defaultPageId: c = "home", getPageIdFromPath: u, disab
 					eventType: e,
 					stepId: n?.stepId,
 					stepOrder: n?.stepOrder,
-					productId: E,
-					moduleId: A,
-					pageId: j,
+					productId: T,
+					moduleId: k,
+					pageId: A,
 					deviceType: C(),
 					userAgent: typeof navigator < "u" ? navigator.userAgent : void 0,
 					duration: n?.duration,
 					metadata: n?.metadata,
-					context: O ? {
-						workspaceId: O,
-						productId: E,
-						moduleId: A,
-						pageId: j
+					context: D ? {
+						workspaceId: D,
+						productId: T,
+						moduleId: k,
+						pageId: A
 					} : {
-						productId: E,
-						moduleId: A,
-						pageId: j
+						productId: T,
+						moduleId: k,
+						pageId: A
 					}
 				} }
 			});
 		} catch {}
 	}, [
 		_,
+		k,
 		A,
-		j,
-		E,
+		T,
 		S?.id,
-		O
-	]), le = f(() => ({
-		tours: M,
+		D
+	]), de = f(() => ({
+		tours: j,
 		pageTours: Y,
-		loading: P,
-		error: I,
+		loading: N,
+		error: F,
 		refetch: J,
 		trackProgress: Z,
 		recordStepCompletion: Q,
 		trackEvent: $,
 		autoStartTour: X,
-		productId: E,
-		moduleId: A,
-		pageId: j
+		productId: T,
+		moduleId: k,
+		pageId: A
 	}), [
-		M,
+		j,
 		X,
-		I,
-		P,
+		F,
+		N,
+		k,
 		A,
-		j,
 		Y,
-		E,
+		T,
 		Q,
 		J,
 		$,
 		Z
 	]);
-	return /* @__PURE__ */ ee(T.Provider, {
-		value: le,
+	return /* @__PURE__ */ ee(w.Provider, {
+		value: de,
 		children: a
 	});
 }
-function D() {
-	let e = u(T);
+function E() {
+	let e = u(w);
 	if (!e) throw Error("useToursContext must be used within a ToursProvider");
 	return e;
 }
-function O() {
-	return u(T) || {
+function D() {
+	return u(w) || {
 		tours: [],
 		pageTours: [],
 		loading: !1,
@@ -459,8 +473,8 @@ function O() {
 		pageId: void 0
 	};
 }
-function k() {
-	let e = D();
+function O() {
+	let e = E();
 	return {
 		tours: e.pageTours,
 		loading: e.loading,
@@ -469,8 +483,8 @@ function k() {
 		trackProgress: e.trackProgress
 	};
 }
-function A() {
-	return D().autoStartTour;
+function k() {
+	return E().autoStartTour;
 }
 //#endregion
-export { E as ToursProvider, A as useAutoStartTour, O as useSafeToursContext, k as useTours, D as useToursContext };
+export { T as ToursProvider, k as useAutoStartTour, D as useSafeToursContext, O as useTours, E as useToursContext };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/fe-libs",
-  "version": "2026.522.2",
+  "version": "2026.522.4",
   "description": "Burdenoff frontend primitives and domain libraries",
   "type": "module",
   "imports": {