@burdenoff/fe-libs 2026.528.9 → 2026.528.11

package/dist/shared/providers/AppShellProvider.js

@@ -1,48 +1,45 @@
 import { isShellLessRoute as e } from "../config/shellRoutes.js";
 import { readActiveContextValueWithUrlPrecedence as t } from "./shell/ActiveContextStorage.js";
-import { graphqlFetch as n } from "../graphql/fetch.js";
-import "../../shared-graphql.js";
-import { attemptTokenRefresh as r, clearAuthSessionStorage as i, isAuthNetworkError as a } from "../utils/authErrorHandling.js";
-import { AuthProvider as o } from "./shell/AuthProvider.js";
-import { ActiveContextProvider as s } from "./shell/ActiveContextProvider.js";
-import { LogManager as c } from "../logger/LogManager.js";
-import { ConsoleTransport as l } from "../logger/ConsoleTransport.js";
-import { ThemeProvider as u } from "./shell/ThemeProvider.js";
-import { ErrorFallback as d } from "../components/ErrorFallback.js";
-import { m as f } from "../../node_modules/react-error-boundary/dist/react-error-boundary.js";
-import { PWAInstallBanner as p } from "../components/PWAInstallBanner.js";
-import { I18nProvider as m } from "./shell/I18nProvider.js";
-import { FeatureFlagsProvider as h } from "./shell/FeatureFlagsProvider.js";
-import { FeatureFlagProvider as g } from "../feature-flags/FeatureFlagProvider.js";
-import "../../shared-feature-flags.js";
-import { GlobalUiProvider as _ } from "./shell/GlobalUiProvider.js";
-import { ShellUiProvider as v } from "./shell/ShellUiProvider.js";
-import { ContextManagerProvider as ee } from "./shell/ContextManagerProvider.js";
-import { AuthTokenProvider as y } from "./shell/AuthTokenProvider.js";
-import { MultiGatewayProvider as b } from "./shell/MultiGatewayProvider.js";
-import { G as x, j as S, w as C } from "../../node_modules/web-vitals/dist/web-vitals.js";
-import { ProfileI18nBridge as w } from "./shell/ProfileI18nBridge.js";
-import { ProfileGeographyBridge as T } from "./shell/ProfileGeographyBridge.js";
-import { AppShellContextProvider as te } from "./shell/AppShellContext.js";
-import { DevtoolsSink as E } from "../events/sinks/DevtoolsSink.js";
-import { BroadcastChannelSink as D } from "../events/sinks/BroadcastChannelSink.js";
-import { BackendAuditSink as O } from "../events/sinks/BackendAuditSink.js";
-import { RybbitSink as k } from "../events/sinks/RybbitSink.js";
-import { OtelBrowserSink as A } from "../events/sinks/OtelBrowserSink.js";
-import { EventBusProvider as ne, useEventBus as j } from "../../shared-events.js";
-import "../../shared-logger.js";
-import { useReferralAttribution as M } from "../hooks/useReferralAttribution.js";
-import { TourPlayerProvider as N } from "../tours/TourPlayerProvider.js";
-import { ToursProvider as P, useToursContext as F } from "../tours/ToursContext.js";
-import { TourInitializer as I } from "../tours/TourInitializer.js";
-import "../../shared-tours.js";
-import { Suspense as L, useCallback as R, useEffect as z, useMemo as B, useRef as V } from "react";
-import { Fragment as H, jsx as U, jsxs as W } from "react/jsx-runtime";
-import { BrowserRouter as re, useLocation as G } from "react-router-dom";
-import { Toaster as K } from "sonner";
-import { QueryClient as ie, QueryClientProvider as q } from "@tanstack/react-query";
+import { BACKEND_ERROR_EVENT as n, dispatchBackendErrorEvent as r, isBackendErrorDisplay as i, shouldToastBackendError as a } from "../utils/backendErrors.js";
+import { graphqlFetch as o } from "../graphql/fetch.js";
+import { attemptTokenRefresh as s, clearAuthSessionStorage as c, isAuthNetworkError as l } from "../utils/authErrorHandling.js";
+import { AuthProvider as u } from "./shell/AuthProvider.js";
+import { ActiveContextProvider as d } from "./shell/ActiveContextProvider.js";
+import { LogManager as ee } from "../logger/LogManager.js";
+import { ConsoleTransport as te } from "../logger/ConsoleTransport.js";
+import { ThemeProvider as f } from "./shell/ThemeProvider.js";
+import { ErrorFallback as ne } from "../components/ErrorFallback.js";
+import { m as p } from "../../node_modules/.bun/react-error-boundary@6.1.1_3f10a4be4e334a9b/node_modules/react-error-boundary/dist/react-error-boundary.js";
+import { PWAInstallBanner as m } from "../components/PWAInstallBanner.js";
+import { I18nProvider as h } from "./shell/I18nProvider.js";
+import { FeatureFlagsProvider as g } from "./shell/FeatureFlagsProvider.js";
+import { FeatureFlagProvider as _ } from "../feature-flags/FeatureFlagProvider.js";
+import { GlobalUiProvider as v } from "./shell/GlobalUiProvider.js";
+import { ShellUiProvider as y } from "./shell/ShellUiProvider.js";
+import { ContextManagerProvider as b } from "./shell/ContextManagerProvider.js";
+import { AuthTokenProvider as x } from "./shell/AuthTokenProvider.js";
+import { MultiGatewayProvider as re } from "./shell/MultiGatewayProvider.js";
+import { G as S, j as C, w } from "../../node_modules/.bun/web-vitals@4.2.4/node_modules/web-vitals/dist/web-vitals.js";
+import { ProfileI18nBridge as T } from "./shell/ProfileI18nBridge.js";
+import { ProfileGeographyBridge as E } from "./shell/ProfileGeographyBridge.js";
+import { AppShellContextProvider as ie } from "./shell/AppShellContext.js";
+import { DevtoolsSink as D } from "../events/sinks/DevtoolsSink.js";
+import { BroadcastChannelSink as O } from "../events/sinks/BroadcastChannelSink.js";
+import { BackendAuditSink as k } from "../events/sinks/BackendAuditSink.js";
+import { RybbitSink as A } from "../events/sinks/RybbitSink.js";
+import { OtelBrowserSink as j } from "../events/sinks/OtelBrowserSink.js";
+import { EventBusProvider as ae, useEventBus as M } from "../../shared-events.js";
+import { useReferralAttribution as N } from "../hooks/useReferralAttribution.js";
+import { TourPlayerProvider as P } from "../tours/TourPlayerProvider.js";
+import { ToursProvider as F, useToursContext as I } from "../tours/ToursContext.js";
+import { TourInitializer as L } from "../tours/TourInitializer.js";
+import { Suspense as R, useCallback as z, useEffect as B, useMemo as V, useRef as H } from "react";
+import { Fragment as U, jsx as W, jsxs as G } from "react/jsx-runtime";
+import { BrowserRouter as K, useLocation as q } from "react-router-dom";
+import { Toaster as J, toast as Y } from "sonner";
+import { MutationCache as oe, QueryCache as se, QueryClient as ce, QueryClientProvider as le } from "@tanstack/react-query";
 //#region src/shared/providers/AppShellProvider.tsx
-var J = {
+var X = {
 	bigconsole: {
 		prod: "292459a3e86c",
 		nonProd: "a7e7362b0de3"
@@ -61,7 +58,7 @@ var J = {
 	},
 	vibecontrols: { prod: "8a46449d9c07" },
 	workspaces: { prod: "da0c142f4b2e" }
-}, Y = [
+}, Z = [
 	"nav.route.changed",
 	"auth.signed_in",
 	"auth.signed_out",
@@ -76,14 +73,14 @@ var J = {
 	"notification.admin.sent",
 	"notification.template.saved",
 	"notification.schedule.updated"
-];
-function X(e) {
+], ue = 4e3;
+function de(e) {
 	return e === "prod" || e === "production" ? "prod" : e === "alpha" || e === "staging" ? "alpha" : "dev";
 }
-function Z(e, t) {
+function Q(e, t) {
 	return e.VITE_DISABLE_ANALYTICS === "true" ? !1 : e.VITE_ENABLE_ANALYTICS === "true" || e.PROD || t !== "dev" ? !0 : e.VITE_ENABLE_ANALYTICS !== "false";
 }
-function ae() {
+function fe() {
 	return {
 		BASE_URL: "/",
 		DEV: !1,
@@ -92,8 +89,8 @@ function ae() {
 		SSR: !1
 	};
 }
-function Q(e, t) {
-	let n = X(t.VITE_DEPLOY_ENV ?? t.MODE), r = Z(t, n), i = J[e], a = n === "prod" ? i?.prod : i?.nonProd, o = t.VITE_RYBBIT_SITE_ID || a, s = t.VITE_BACKEND_AUDIT_ENDPOINT || (t.PROD ? "/api/fe-events" : void 0);
+function $(e, t) {
+	let n = de(t.VITE_DEPLOY_ENV ?? t.MODE), r = Q(t, n), i = X[e], a = n === "prod" ? i?.prod : i?.nonProd, o = t.VITE_RYBBIT_SITE_ID || a, s = t.VITE_BACKEND_AUDIT_ENDPOINT || (t.PROD ? "/api/fe-events" : void 0);
 	return {
 		enabled: r,
 		appVersion: t.VITE_APP_VERSION || "0.0.0",
@@ -104,7 +101,7 @@ function Q(e, t) {
 			enabled: r && !!o,
 			siteId: o,
 			scriptUrl: t.VITE_RYBBIT_SCRIPT_URL,
-			allowlist: Y,
+			allowlist: Z,
 			identifyOn: "auth.signed_in",
 			rename: { "nav.route.changed": "pageview" }
 		},
@@ -119,16 +116,16 @@ function Q(e, t) {
 		}
 	};
 }
-function $({ children: e, enablePWA: t, toasterPosition: n, productName: r, brandInitial: i }) {
-	let { trackProgress: a, recordStepCompletion: o, trackEvent: s } = F(), c = R((e, t) => e.steps?.[t], []);
-	return /* @__PURE__ */ W(N, {
-		onTourStart: R((e) => {
+function pe({ children: e, enablePWA: t, toasterPosition: n, productName: r, brandInitial: i }) {
+	let { trackProgress: a, recordStepCompletion: o, trackEvent: s } = I(), c = z((e, t) => e.steps?.[t], []);
+	return /* @__PURE__ */ G(P, {
+		onTourStart: z((e) => {
 			a(e.id, "started"), s("TOUR_STARTED", e.id);
 		}, [s, a]),
-		onTourComplete: R((e) => {
+		onTourComplete: z((e) => {
 			a(e.id, "completed"), s("TOUR_COMPLETED", e.id);
 		}, [s, a]),
-		onTourSkip: R((e, t) => {
+		onTourSkip: z((e, t) => {
 			let n = c(e, t);
 			a(e.id, "skipped"), s("TOUR_SKIPPED", e.id, {
 				stepId: n?.id,
@@ -139,14 +136,14 @@ function $({ children: e, enablePWA: t, toasterPosition: n, productName: r, bran
 			s,
 			a
 		]),
-		onStepChange: R((e, t) => {
+		onStepChange: z((e, t) => {
 			let n = c(e, t);
 			n && s("STEP_VIEWED", e.id, {
 				stepId: n.id,
 				stepOrder: n.stepOrder
 			});
 		}, [c, s]),
-		onStepComplete: R((e, t) => {
+		onStepComplete: z((e, t) => {
 			let n = c(e, t);
 			n && (o(e.id, n.id), s("STEP_COMPLETED", e.id, {
 				stepId: n.id,
@@ -158,16 +155,17 @@ function $({ children: e, enablePWA: t, toasterPosition: n, productName: r, bran
 			s
 		]),
 		children: [
-			/* @__PURE__ */ U(I, {}),
+			/* @__PURE__ */ W(L, {}),
 			e,
-			/* @__PURE__ */ U(K, {
+			/* @__PURE__ */ W(me, {}),
+			/* @__PURE__ */ W(J, {
 				position: n,
 				richColors: !0,
 				closeButton: !0
 			}),
-			t && /* @__PURE__ */ U(L, {
+			t && /* @__PURE__ */ W(R, {
 				fallback: null,
-				children: /* @__PURE__ */ U(p, {
+				children: /* @__PURE__ */ W(m, {
 					productName: r,
 					brandInitial: i
 				})
@@ -175,18 +173,36 @@ function $({ children: e, enablePWA: t, toasterPosition: n, productName: r, bran
 		]
 	});
 }
-function oe({ children: e, i18nProductId: t, fallbackTranslations: n, defaultBrand: r, productName: i, brandInitial: a, enablePWA: o, toasterPosition: s }) {
-	let c = G();
-	M();
-	let l = c.pathname.startsWith("/auth/") || c.pathname.startsWith("/devportal") || c.pathname.startsWith("/organizations") || c.pathname.startsWith("/workspaces"), d = /* @__PURE__ */ U(T, { children: /* @__PURE__ */ U(h, { children: /* @__PURE__ */ U(g, {
+function me() {
+	let e = H(null);
+	return B(() => {
+		let t = (t) => {
+			let n = t instanceof CustomEvent && i(t.detail) ? t.detail : null;
+			if (!a(n)) return;
+			let r = `${n.code ?? ""}|${n.message}|${n.subtitle ?? ""}`, o = Date.now(), s = e.current;
+			s?.key === r && o - s.shownAt < ue || (e.current = {
+				key: r,
+				shownAt: o
+			}, Y.error(n.message, {
+				description: n.subtitle,
+				duration: 7e3
+			}));
+		};
+		return window.addEventListener(n, t), () => window.removeEventListener(n, t);
+	}, []), null;
+}
+function he({ children: e, i18nProductId: t, fallbackTranslations: n, defaultBrand: r, productName: i, brandInitial: a, enablePWA: o, toasterPosition: s }) {
+	let c = q();
+	N();
+	let l = c.pathname.startsWith("/auth/") || c.pathname.startsWith("/devportal") || c.pathname.startsWith("/organizations") || c.pathname.startsWith("/workspaces"), u = /* @__PURE__ */ W(E, { children: /* @__PURE__ */ W(g, { children: /* @__PURE__ */ W(_, {
 		workspaceId: null,
 		gateway: "global",
 		defaultEnabled: !0,
-		children: /* @__PURE__ */ U(_, { children: /* @__PURE__ */ U(v, { children: /* @__PURE__ */ U(f, {
+		children: /* @__PURE__ */ W(v, { children: /* @__PURE__ */ W(y, { children: /* @__PURE__ */ W(p, {
 			fallback: null,
-			children: /* @__PURE__ */ U(P, {
+			children: /* @__PURE__ */ W(F, {
 				disabled: l,
-				children: /* @__PURE__ */ U($, {
+				children: /* @__PURE__ */ W(pe, {
 					enablePWA: o,
 					toasterPosition: s,
 					productName: i,
@@ -196,9 +212,9 @@ function oe({ children: e, i18nProductId: t, fallbackTranslations: n, defaultBra
 			})
 		}) }) })
 	}) }) });
-	return /* @__PURE__ */ W(u, {
+	return /* @__PURE__ */ G(f, {
 		defaultBrand: r,
-		children: [/* @__PURE__ */ U(se, {}), l ? /* @__PURE__ */ U(m, {
+		children: [/* @__PURE__ */ W(ge, {}), l ? /* @__PURE__ */ W(h, {
 			defaultLocale: "en",
 			translations: n ?? {
 				en: {},
@@ -211,17 +227,17 @@ function oe({ children: e, i18nProductId: t, fallbackTranslations: n, defaultBra
 				hi: {}
 			},
 			showChildrenWhileLoading: !0,
-			children: d
-		}) : /* @__PURE__ */ U(w, {
+			children: u
+		}) : /* @__PURE__ */ W(T, {
 			i18nProductId: t,
 			fallbackTranslations: n,
-			children: d
+			children: u
 		})]
 	});
 }
-function se() {
-	let e = G();
-	return z(() => {
+function ge() {
+	let e = q();
+	return B(() => {
 		e.hash || requestAnimationFrame(() => {
 			window.scrollTo({
 				top: 0,
@@ -239,7 +255,7 @@ function se() {
 		e.hash
 	]), null;
 }
-function ce(e) {
+function _e(e) {
 	if (e instanceof Error) return e.message;
 	if (typeof e == "string") return e;
 	try {
@@ -248,9 +264,9 @@ function ce(e) {
 		return String(e);
 	}
 }
-function le() {
-	let e = j(), t = G(), n = V(void 0), r = V(void 0);
-	return z(() => {
+function ve() {
+	let e = M(), t = q(), n = H(void 0), r = H(void 0);
+	return B(() => {
 		let i = `${t.pathname}${t.search}${t.hash}`;
 		r.current !== i && (e.emit("nav.route.changed", {
 			pathname: t.pathname,
@@ -264,7 +280,7 @@ function le() {
 		t.hash,
 		t.pathname,
 		t.search
-	]), z(() => {
+	]), B(() => {
 		let t = (t) => {
 			e.emit("error.runtime.caught", {
 				message: t.message || "Runtime error",
@@ -274,27 +290,27 @@ function le() {
 				errorName: t.error instanceof Error ? t.error.name : void 0
 			});
 		}, n = (t) => {
-			e.emit("error.unhandledrejection", { reason: ce(t.reason) });
+			e.emit("error.unhandledrejection", { reason: _e(t.reason) });
 		};
 		return window.addEventListener("error", t), window.addEventListener("unhandledrejection", n), () => {
 			window.removeEventListener("error", t), window.removeEventListener("unhandledrejection", n);
 		};
-	}, [e]), z(() => {
-		x((t) => {
+	}, [e]), B(() => {
+		S((t) => {
 			e.emit("perf.lcp.measured", {
 				metric: "LCP",
 				value: t.value,
 				id: t.id,
 				rating: t.rating
 			});
-		}), C((t) => {
+		}), w((t) => {
 			e.emit("perf.cls.measured", {
 				metric: "CLS",
 				value: t.value,
 				id: t.id,
 				rating: t.rating
 			});
-		}), S((t) => {
+		}), C((t) => {
 			e.emit("perf.inp.measured", {
 				metric: "INP",
 				value: t.value,
@@ -304,39 +320,39 @@ function le() {
 		});
 	}, [e]), null;
 }
-function ue({ config: e, productSlug: t }) {
-	return /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(le, {}), e.enabled === !1 ? null : /* @__PURE__ */ W(H, { children: [
-		e.devtools ? /* @__PURE__ */ U(E, { enabled: !0 }) : null,
-		e.broadcast === !1 ? null : /* @__PURE__ */ U(D, {}),
-		e.backendAudit?.enabled && e.backendAudit.endpoint ? /* @__PURE__ */ U(O, { endpoint: e.backendAudit.endpoint }) : null,
-		e.rybbit?.enabled && e.rybbit.siteId ? /* @__PURE__ */ U(k, {
+function ye({ config: e, productSlug: t }) {
+	return /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(ve, {}), e.enabled === !1 ? null : /* @__PURE__ */ G(U, { children: [
+		e.devtools ? /* @__PURE__ */ W(D, { enabled: !0 }) : null,
+		e.broadcast === !1 ? null : /* @__PURE__ */ W(O, {}),
+		e.backendAudit?.enabled && e.backendAudit.endpoint ? /* @__PURE__ */ W(k, { endpoint: e.backendAudit.endpoint }) : null,
+		e.rybbit?.enabled && e.rybbit.siteId ? /* @__PURE__ */ W(A, {
 			siteId: e.rybbit.siteId,
 			scriptUrl: e.rybbit.scriptUrl,
 			allowlist: e.rybbit.allowlist,
 			identifyOn: e.rybbit.identifyOn,
 			rename: e.rybbit.rename
 		}) : null,
-		e.otel?.enabled && e.otel.endpoint ? /* @__PURE__ */ U(A, {
+		e.otel?.enabled && e.otel.endpoint ? /* @__PURE__ */ W(j, {
 			endpoint: e.otel.endpoint,
 			serviceName: e.otel.serviceName ?? `${t}-app`,
 			flushInterval: e.otel.flushInterval
 		}) : null
 	] })] });
 }
-function de({ config: u, children: p, clearAuthStore: m }) {
-	let { productName: h, productSlug: g = h.toLowerCase().replace(/\s+/g, ""), tagline: _ = "", domain: v, i18nProductId: x, gatewayUrls: S, authBridge: C, defaultBrand: w = "default", enablePWA: T = !0, brandInitial: E = h.charAt(0), defaultGateway: D = "workspace", enableSubscriptions: O = !0, fallbackTranslations: k, queryClientOptions: A, toasterPosition: j = "bottom-right", observability: M } = u, N = M ?? Q(g, ae()), P = B(() => ({
-		productName: h,
-		productSlug: g,
-		brandInitial: E,
-		tagline: _,
-		domain: v
+function be({ config: n, children: i, clearAuthStore: a }) {
+	let { productName: f, productSlug: m = f.toLowerCase().replace(/\s+/g, ""), tagline: h = "", domain: g, i18nProductId: _, gatewayUrls: v, authBridge: y, defaultBrand: S = "default", enablePWA: C = !0, brandInitial: w = f.charAt(0), defaultGateway: T = "workspace", enableSubscriptions: E = !0, fallbackTranslations: D, queryClientOptions: O, toasterPosition: k = "bottom-right", observability: A } = n, j = A ?? $(m, fe()), M = V(() => ({
+		productName: f,
+		productSlug: m,
+		brandInitial: w,
+		tagline: h,
+		domain: g
 	}), [
+		f,
+		m,
+		w,
 		h,
-		g,
-		E,
-		_,
-		v
-	]), F = V(!1), I = V(!1), L = V(null), H = V(!!C?.url), G = R(() => {
+		g
+	]), N = H(!1), P = H(!1), F = H(null), I = H(!!y?.url), L = z(() => {
 		if ((() => {
 			try {
 				let e = sessionStorage.getItem("bf-active-profile");
@@ -346,93 +362,101 @@ function de({ config: u, children: p, clearAuthStore: m }) {
 			} catch {
 				return !1;
 			}
-		})() || H.current || F.current) return;
-		F.current = !0, i(m);
+		})() || I.current || N.current) return;
+		N.current = !0, c(a);
 		let t = `${window.location.pathname}${window.location.search}`, n = `/auth/login?reason=session-expired&returnTo=${encodeURIComponent(t)}`, r = /^\/vibecontrols\/(share|deck)\//.test(window.location.pathname);
 		if (window.location.pathname.startsWith("/auth/") || e(window.location.pathname) || r) {
-			F.current = !1;
+			N.current = !1;
 			return;
 		}
 		window.location.replace(n);
-	}, [m]), K = B(() => ({
-		globalBaseUrl: S.globalBaseUrl,
-		isRefreshing: I,
-		refreshPromise: L
-	}), [S.globalBaseUrl]), J = R(async () => r(K), [K]), Y = R(async () => {
-		window.location.pathname.startsWith("/auth/") || await J() || G();
-	}, [J, G]), X = R(async (e) => {
-		a(e) ? await J() || G() : console.error("[Network] Backend unreachable:", e.message);
-	}, [J, G]), Z = R(() => t("organization"), []), $ = B(() => new ie({ defaultOptions: { queries: {
-		staleTime: A?.staleTime ?? 300 * 1e3,
-		retry: A?.retry ?? 1,
-		refetchOnWindowFocus: A?.refetchOnWindowFocus ?? !1
-	} } }), [A]);
-	return z(() => {
-		let e = c.getInstance();
-		e.getLogger("shell") || e.getLogger("shell").addTransport(new l());
-	}, []), /* @__PURE__ */ U(te, {
-		value: P,
-		children: /* @__PURE__ */ U(ne, {
-			appName: g,
-			appVersion: N.appVersion,
-			appEnv: N.appEnv,
-			sourceMfe: g,
-			children: /* @__PURE__ */ U(f, {
-				FallbackComponent: d,
-				children: /* @__PURE__ */ W(re, { children: [/* @__PURE__ */ U(ue, {
-					config: N,
-					productSlug: g
-				}), /* @__PURE__ */ U(q, {
-					client: $,
-					children: /* @__PURE__ */ U(y, { children: /* @__PURE__ */ U(b, {
-						workspaceBaseUrl: S.workspaceBaseUrl,
-						globalBaseUrl: S.globalBaseUrl,
-						organizationId: Z,
-						defaultGateway: D,
-						enableSubscriptions: O,
-						onAuthError: Y,
-						onNetworkError: X,
-						onRefreshToken: J,
-						children: /* @__PURE__ */ U(o, {
-							bridgeUrl: C?.url,
-							bridgeAllowedOrigins: C?.allowedOrigins,
-							bridgeDebug: C?.debug,
-							onRefreshToken: async (e) => {
-								let t = await n({
-									gateway: "global",
-									baseUrl: S.globalBaseUrl,
-									authToken: "",
-									query: "mutation RefreshToken($token: String!) {\n                      refreshToken(token: $token) {\n                        accessToken\n                        refreshToken\n                        expiresIn\n                      }\n                    }",
-									variables: { token: e }
-								});
-								if (t.errors?.length) throw Error(t.errors[0].message ?? "Token refresh failed");
-								let r = t.data.refreshToken;
-								return {
-									accessToken: r.accessToken,
-									refreshToken: r.refreshToken,
-									expiresAt: r.expiresIn ? Date.now() + r.expiresIn * 1e3 : void 0
-								};
-							},
+	}, [a]), R = V(() => ({
+		globalBaseUrl: v.globalBaseUrl,
+		isRefreshing: P,
+		refreshPromise: F
+	}), [v.globalBaseUrl]), U = z(async () => s(R), [R]), q = z(async () => {
+		window.location.pathname.startsWith("/auth/") || await U() || L();
+	}, [U, L]), J = z(async (e) => {
+		l(e) ? await U() || L() : console.error("[Network] Backend unreachable:", e.message);
+	}, [U, L]), Y = z(async (e) => {
+		let t = await o({
+			gateway: "global",
+			baseUrl: v.globalBaseUrl,
+			authToken: "",
+			query: "mutation RefreshToken($token: String!) {\n          refreshToken(token: $token) {\n            accessToken\n            refreshToken\n            expiresIn\n          }\n        }",
+			variables: { token: e }
+		});
+		if (t.errors?.length) throw Error(t.errors[0].message ?? "Token refresh failed");
+		let n = t.data.refreshToken;
+		return {
+			accessToken: n.accessToken,
+			refreshToken: n.refreshToken,
+			expiresAt: n.expiresIn ? Date.now() + n.expiresIn * 1e3 : void 0
+		};
+	}, [v.globalBaseUrl]), X = z(() => t("organization"), []), Z = V(() => new ce({
+		queryCache: new se({ onError: (e) => {
+			r(e);
+		} }),
+		mutationCache: new oe({ onError: (e) => {
+			r(e);
+		} }),
+		defaultOptions: { queries: {
+			staleTime: O?.staleTime ?? 300 * 1e3,
+			retry: O?.retry ?? 1,
+			refetchOnWindowFocus: O?.refetchOnWindowFocus ?? !1
+		} }
+	}), [O]);
+	return B(() => {
+		let e = ee.getInstance();
+		e.getLogger("shell") || e.getLogger("shell").addTransport(new te());
+	}, []), /* @__PURE__ */ W(ie, {
+		value: M,
+		children: /* @__PURE__ */ W(ae, {
+			appName: m,
+			appVersion: j.appVersion,
+			appEnv: j.appEnv,
+			sourceMfe: m,
+			children: /* @__PURE__ */ W(p, {
+				FallbackComponent: ne,
+				children: /* @__PURE__ */ G(K, { children: [/* @__PURE__ */ W(ye, {
+					config: j,
+					productSlug: m
+				}), /* @__PURE__ */ W(le, {
+					client: Z,
+					children: /* @__PURE__ */ W(x, { children: /* @__PURE__ */ W(re, {
+						workspaceBaseUrl: v.workspaceBaseUrl,
+						globalBaseUrl: v.globalBaseUrl,
+						organizationId: X,
+						defaultGateway: T,
+						enableSubscriptions: E,
+						onAuthError: q,
+						onNetworkError: J,
+						onRefreshToken: U,
+						children: /* @__PURE__ */ W(u, {
+							bridgeUrl: y?.url,
+							bridgeAllowedOrigins: y?.allowedOrigins,
+							bridgeDebug: y?.debug,
+							onRefreshToken: Y,
 							onBridgeReady: () => {
-								H.current = !1;
+								I.current = !1;
 							},
 							onSessionExpiringSoon: () => {
 								console.warn("[Auth] Session will expire in 5 minutes");
 							},
 							onTokenExpired: () => {
-								G();
+								L();
 							},
-							children: /* @__PURE__ */ U(s, {
+							children: /* @__PURE__ */ W(d, {
 								syncToUrl: !0,
-								children: /* @__PURE__ */ U(ee, { children: /* @__PURE__ */ U(oe, {
-									i18nProductId: x,
-									fallbackTranslations: k,
-									defaultBrand: w,
-									productName: h,
-									brandInitial: E,
-									enablePWA: T,
-									toasterPosition: j,
-									children: p
+								children: /* @__PURE__ */ W(b, { children: /* @__PURE__ */ W(he, {
+									i18nProductId: _,
+									fallbackTranslations: D,
+									defaultBrand: S,
+									productName: f,
+									brandInitial: w,
+									enablePWA: C,
+									toasterPosition: k,
+									children: i
 								}) })
 							})
 						})
@@ -443,4 +467,4 @@ function de({ config: u, children: p, clearAuthStore: m }) {
 	});
 }
 //#endregion
-export { de as AppShellProvider, Q as resolveAppShellObservabilityConfig };
+export { be as AppShellProvider, $ as resolveAppShellObservabilityConfig };

package/dist/shared/providers/shell/ObservabilityProvider.js

@@ -1,5 +1,5 @@
 "use client";
-import { G as e, j as t, w as n } from "../../../node_modules/web-vitals/dist/web-vitals.js";
+import { G as e, j as t, w as n } from "../../../node_modules/.bun/web-vitals@4.2.4/node_modules/web-vitals/dist/web-vitals.js";
 import { useEffect as r } from "react";
 import { Fragment as i, jsx as a } from "react/jsx-runtime";
 //#region src/shared/providers/shell/ObservabilityProvider.tsx