@burdenoff/fe-libs 2026.1022.1 → 2026.1022.3

package/dist/chrome/LanguageSwitcher.d.ts

@@ -12,6 +12,16 @@ export interface LanguageSwitcherProps {
     /** Show as icon only (for small screens) */
     compact?: boolean;
 }
+/**
+ * Accessible name of the switcher's trigger button.
+ *
+ * WCAG 2.5.3 (Label in Name; axe `label-content-name-mismatch`): when the
+ * trigger shows the current language code, its accessible name must contain
+ * that visible text, so a speech-input user who says "click EN" hits it. The
+ * name therefore leads with the code ("EN, Change language"). The compact
+ * trigger shows only a globe icon, so its name stays the plain action label.
+ */
+export declare function languageTriggerLabel(currentCode: string | undefined, changeLabel: string, compact: boolean): string;
 /**
  * LanguageSwitcher Component
  *

package/dist/chrome/LanguageSwitcher.js

@@ -3,46 +3,50 @@ import { useAssistantControl as t } from "../shared/assistant/appControls/useAss
 import { useEffect as n, useMemo as r, useRef as i, useState as a } from "react";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/chrome/LanguageSwitcher.tsx
-var l = ({ languages: l, currentLanguage: u, onLanguageChange: d, compact: f = !1 }) => {
-	let p = e(), [m, h] = a(!1), g = i(null), _ = l.find((e) => e.code === u) || l[0], v = i({
-		languages: l,
-		currentLanguage: u,
-		onLanguageChange: d
+function l(e, t, n) {
+	let r = e?.trim().toUpperCase();
+	return n || !r ? t : `${r}, ${t}`;
+}
+var u = ({ languages: u, currentLanguage: d, onLanguageChange: f, compact: p = !1 }) => {
+	let m = e(), [h, g] = a(!1), _ = i(null), v = u.find((e) => e.code === d) || u[0], y = i({
+		languages: u,
+		currentLanguage: d,
+		onLanguageChange: f
 	});
-	v.current = {
-		languages: l,
-		currentLanguage: u,
-		onLanguageChange: d
+	y.current = {
+		languages: u,
+		currentLanguage: d,
+		onLanguageChange: f
 	};
-	let y = d !== void 0;
-	t("language", r(() => y ? {
-		languages: () => v.current.languages.map((e) => ({
+	let b = f !== void 0;
+	t("language", r(() => b ? {
+		languages: () => y.current.languages.map((e) => ({
 			code: e.code,
 			label: e.nativeName || e.name
 		})),
-		current: () => v.current.currentLanguage,
+		current: () => y.current.currentLanguage,
 		set: (e) => {
-			let { languages: t, currentLanguage: n, onLanguageChange: r } = v.current, i = t.find((t) => t.code.toLowerCase() === e.toLowerCase());
+			let { languages: t, currentLanguage: n, onLanguageChange: r } = y.current, i = t.find((t) => t.code.toLowerCase() === e.toLowerCase());
 			return !i || !r ? { status: "failed" } : i.code === n ? { status: "already" } : (r(i), { status: "done" });
 		}
-	} : null, [y])), n(() => {
+	} : null, [b])), n(() => {
 		let e = (e) => {
-			g.current && !g.current.contains(e.target) && h(!1);
+			_.current && !_.current.contains(e.target) && g(!1);
 		};
-		if (m) return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [m]);
-	let b = (e) => {
-		d && d(e), h(!1);
+		if (h) return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [h]);
+	let x = (e) => {
+		f && f(e), g(!1);
 	};
 	return /* @__PURE__ */ c("div", {
 		className: "relative",
-		ref: g,
+		ref: _,
 		children: [/* @__PURE__ */ s("button", {
-			onClick: () => h(!m),
-			className: `flex items-center gap-2 px-3 py-2 rounded-button hover:bg-bg-sunken transition-colors ${m ? "bg-bg-sunken" : ""}`,
-			"aria-label": p("languageSwitcher.change", "Change language"),
-			"aria-expanded": m,
-			children: f ? /* @__PURE__ */ s("svg", {
+			onClick: () => g(!h),
+			className: `flex items-center gap-2 px-3 py-2 rounded-button hover:bg-bg-sunken transition-colors ${h ? "bg-bg-sunken" : ""}`,
+			"aria-label": l(v?.code, m("languageSwitcher.change", "Change language"), p),
+			"aria-expanded": h,
+			children: p ? /* @__PURE__ */ s("svg", {
 				className: "size-5 text-text-primary",
 				fill: "none",
 				stroke: "currentColor",
@@ -55,9 +59,9 @@ var l = ({ languages: l, currentLanguage: u, onLanguageChange: d, compact: f = !
 				})
 			}) : /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("span", {
 				className: "text-body-sm font-medium text-text-primary uppercase",
-				children: _?.code
+				children: v?.code.toUpperCase()
 			}), /* @__PURE__ */ s("svg", {
-				className: `w-4 h-4 text-text-secondary transition-transform ${m ? "rotate-180" : ""}`,
+				className: `w-4 h-4 text-text-secondary transition-transform ${h ? "rotate-180" : ""}`,
 				fill: "none",
 				stroke: "currentColor",
 				viewBox: "0 0 24 24",
@@ -68,19 +72,19 @@ var l = ({ languages: l, currentLanguage: u, onLanguageChange: d, compact: f = !
 					d: "M19 9l-7 7-7-7"
 				})
 			})] })
-		}), m && /* @__PURE__ */ c("div", {
+		}), h && /* @__PURE__ */ c("div", {
 			className: "absolute right-0 mt-2 w-[calc(100vw-1.5rem)] sm:w-64 max-w-64 bg-bg-elevated border border-border-subtle rounded-card shadow-[var(--shadow-elevation-4)] z-50 py-2 overflow-hidden animate-in fade-in-0 zoom-in-95 slide-in-from-top-2 duration-200",
 			children: [/* @__PURE__ */ s("div", {
 				className: "px-4 py-2 border-b border-border-subtle",
 				children: /* @__PURE__ */ s("p", {
 					className: "text-[11px] font-medium text-text-muted uppercase tracking-wider",
-					children: p("languageSwitcher.title", "Select Language")
+					children: m("languageSwitcher.title", "Select Language")
 				})
 			}), /* @__PURE__ */ s("div", {
 				className: "py-1 max-h-96 overflow-y-auto",
-				children: l.map((e) => /* @__PURE__ */ c("button", {
-					onClick: () => b(e),
-					className: `w-full flex items-center gap-3 px-4 py-2.5 text-body-sm transition-colors ${e.code === u ? "bg-[var(--color-accent-soft)] text-text-primary font-medium" : "text-text-primary hover:bg-bg-sunken"}`,
+				children: u.map((e) => /* @__PURE__ */ c("button", {
+					onClick: () => x(e),
+					className: `w-full flex items-center gap-3 px-4 py-2.5 text-body-sm transition-colors ${e.code === d ? "bg-[var(--color-accent-soft)] text-text-primary font-medium" : "text-text-primary hover:bg-bg-sunken"}`,
 					children: [
 						e.flag && /* @__PURE__ */ s("span", {
 							className: "text-xl flex-shrink-0",
@@ -96,7 +100,7 @@ var l = ({ languages: l, currentLanguage: u, onLanguageChange: d, compact: f = !
 								children: e.name
 							})]
 						}),
-						e.code === u && /* @__PURE__ */ s("svg", {
+						e.code === d && /* @__PURE__ */ s("svg", {
 							className: "size-5 text-action-primary-bg flex-shrink-0",
 							fill: "currentColor",
 							viewBox: "0 0 20 20",
@@ -113,4 +117,4 @@ var l = ({ languages: l, currentLanguage: u, onLanguageChange: d, compact: f = !
 	});
 };
 //#endregion
-export { l as LanguageSwitcher };
+export { u as LanguageSwitcher };

package/dist/shared/graphql/fetch.d.ts

@@ -163,6 +163,17 @@ export interface EnqueueGraphQLFetchOptions {
     /** Dispatch at once, outside any batch, with fetch `keepalive`. */
     keepalive?: boolean;
 }
+/**
+ * True when the promise returned by `enqueueGraphQLFetch` was served from
+ * the in-memory response cache without a network request. The marker is
+ * attached to the promise itself, so the caller must hold the promise
+ * reference (not just the awaited value) to inspect it:
+ *
+ *   const promise = enqueueGraphQLFetch(url, headers, body, signal);
+ *   const result = await promise;
+ *   if (!isGraphqlFetchCacheHit(promise)) markConnectionHealthy();
+ */
+export declare function isGraphqlFetchCacheHit(promise: Promise<unknown> | unknown): boolean;
 /**
  * Drop the short-lived GraphQL read caches so the next read of any operation
  * hits the network.

package/dist/shared/graphql/fetch.js

@@ -55,11 +55,11 @@ function C(e) {
 		return null;
 	}
 }
-function ee(e) {
+function w(e) {
 	let t = C(e)?.exp;
 	return typeof t == "number" ? t * 1e3 <= Date.now() + 3e4 : !1;
 }
-function te() {
+function ee() {
 	try {
 		let e = sessionStorage.getItem("bf-active-profile");
 		if (e) {
@@ -72,7 +72,7 @@ function te() {
 		return null;
 	}
 }
-function w() {
+function T() {
 	try {
 		let e = sessionStorage.getItem("bf-active-profile");
 		if (e) {
@@ -84,31 +84,31 @@ function w() {
 		return "en";
 	}
 }
-function T() {
+function E() {
 	return s("workspace");
 }
-function E() {
+function D() {
 	return s("organization");
 }
-function D() {
+function O() {
 	return s("tenant");
 }
-function O() {
+function k() {
 	return s("project");
 }
-function k() {
+function A() {
 	try {
 		return typeof window > "u" ? null : new URLSearchParams(window.location.search).get("org");
 	} catch {
 		return null;
 	}
 }
-function A(e) {
+function te(e) {
 	return {
-		workspaceId: typeof e.workspaceId == "string" ? e.workspaceId : T() || void 0,
-		organizationId: typeof e.organizationId == "string" ? e.organizationId : E() || k() || void 0,
-		tenantId: typeof e.tenantId == "string" ? e.tenantId : D() || void 0,
-		projectId: typeof e.projectId == "string" ? e.projectId : O() || void 0
+		workspaceId: typeof e.workspaceId == "string" ? e.workspaceId : E() || void 0,
+		organizationId: typeof e.organizationId == "string" ? e.organizationId : D() || A() || void 0,
+		tenantId: typeof e.tenantId == "string" ? e.tenantId : O() || void 0,
+		projectId: typeof e.projectId == "string" ? e.projectId : k() || void 0
 	};
 }
 function j(e, t, n) {
@@ -129,9 +129,9 @@ function M(e, t, n) {
 async function N(e) {
 	let { url: t, authToken: n, workspaceId: r, organizationId: i, projectId: a, locale: o, signal: s, currentQuery: c, issuanceGuard: l } = e;
 	if (!n || c.includes("issueWorkspaceToken") || l && !l.isCurrent()) return null;
-	let u = r || T();
+	let u = r || E();
 	if (!u) return null;
-	let d = b(), p = T(), m = i || E() || k();
+	let d = b(), p = E(), m = i || D() || A();
 	if (d && p === u && f(d, {
 		workspaceId: u,
 		organizationId: m,
@@ -198,33 +198,37 @@ function B() {
 	let e = L();
 	return e.__graphqlFetchPendingResponses ||= /* @__PURE__ */ new Map(), e.__graphqlFetchPendingResponses;
 }
-function V() {
+var V = Symbol.for("@burdenoff/fe-libs:graphql-fetch-cache-hit");
+function H(e) {
+	return !!(e && typeof e == "object" && e[V] === !0);
+}
+function ne() {
 	z().clear(), B().clear(), n();
 }
-var H = 10, ne = 600, U = 100, re = 1e4, W = 15e3, ie = new Set([
+var re = 10, ie = 600, U = 100, ae = 1e4, W = 15e3, oe = new Set([
 	"traceparent",
 	"tracestate",
 	"baggage"
 ]), G = "Apollo-Require-Preflight";
-function ae() {
+function se() {
 	if (typeof performance > "u") return U;
 	let e = L();
-	return e.__graphqlFetchBurstStartedAt ??= performance.now(), performance.now() - e.__graphqlFetchBurstStartedAt < re ? ne : U;
+	return e.__graphqlFetchBurstStartedAt ??= performance.now(), performance.now() - e.__graphqlFetchBurstStartedAt < ae ? ie : U;
 }
-function oe(e) {
+function ce(e) {
 	return typeof e.query == "string" ? /^\s*query\b/.test(e.query) : !1;
 }
-function se(e) {
+function le(e) {
 	return typeof e.operationName == "string" && e.operationName.length > 0 ? {
 		operationName: e.operationName,
 		variables: e.variables ?? null
 	} : e;
 }
-function ce(e) {
+function ue(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let [n, r] of Object.entries(e)) {
 		let e = n.toLowerCase();
-		ie.has(e) || t.set(e, r);
+		oe.has(e) || t.set(e, r);
 	}
 	return Object.fromEntries(Array.from(t.entries()).sort(([e], [t]) => e.localeCompare(t)));
 }
@@ -237,13 +241,13 @@ function K(t) {
 	};
 }
 function q(e) {
-	return le(e) && Array.isArray(e.errors);
+	return de(e) && Array.isArray(e.errors);
 }
 function J(e) {
 	let t = e.status;
 	return t === 401 ? "Invalid email or password." : t === 403 ? "You do not have permission to do that." : t === 404 ? "We could not find what you were looking for." : t === 408 || t === 504 ? "The server took too long to respond. Please try again." : t === 429 ? "Too many requests. Please wait a moment and try again." : t >= 500 && t < 600 ? "The server is having trouble right now. Please try again in a moment." : t >= 400 && t < 500 ? "The request could not be processed. Please refresh and try again." : "We could not reach the server. Please check your connection and try again.";
 }
-function le(e) {
+function de(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
 async function Y(e) {
@@ -302,12 +306,15 @@ async function X(e, t, n) {
 	}
 }
 function Z(e, t, n, r, i) {
-	let a = ce(t), o = i?.keepalive === !0, s = o ? 1 : Math.max(1, i?.batchMax ?? H), c = Math.max(0, i?.batchInterval ?? ae()), l = `${e}|${JSON.stringify(a)}`, u = oe(n) ? `${l}|${JSON.stringify(se(n))}` : void 0;
+	let a = ue(t), o = i?.keepalive === !0, s = o ? 1 : Math.max(1, i?.batchMax ?? re), c = Math.max(0, i?.batchInterval ?? se()), l = `${e}|${JSON.stringify(a)}`, u = ce(n) ? `${l}|${JSON.stringify(le(n))}` : void 0;
 	if (r?.aborted) return Promise.reject(F(r));
 	if (u) {
 		let e = z(), t = e.get(u);
 		if (t) {
-			if (t.expiresAt > Date.now()) return Promise.resolve(t.value);
+			if (t.expiresAt > Date.now()) {
+				let e = Promise.resolve(t.value);
+				return e[V] = !0, e;
+			}
 			e.delete(u);
 		}
 		let n = B().get(u);
@@ -357,9 +364,9 @@ function Q(e, t, n) {
 	i && (r.delete(n), i.timer &&= (clearTimeout(i.timer), null), X(e, t, i.requests));
 }
 async function $(e) {
-	let { gateway: n, query: r, variables: i, operationName: a, authToken: o, workspaceToken: s, workspaceId: c, organizationId: u, tenantId: h, projectId: _, locale: v, baseUrl: x, extraHeaders: C, signal: T, suppressGlobalErrorEvent: E, keepalive: O } = e;
-	I(T);
-	let k = d(P(n, x)), j = o && !ee(o) ? o : y();
+	let { gateway: n, query: r, variables: i, operationName: a, authToken: o, workspaceToken: s, workspaceId: c, organizationId: u, tenantId: h, projectId: _, locale: v, baseUrl: x, extraHeaders: C, signal: E, suppressGlobalErrorEvent: D, keepalive: k } = e;
+	I(E);
+	let A = d(P(n, x)), j = o && !w(o) ? o : y();
 	if (!j && !e.skipAuthRetry && typeof window < "u" && !window.location.pathname.startsWith("/auth/") && S()) {
 		let e = await import("../utils/authErrorHandling.js");
 		await e.attemptTokenRefresh({
@@ -368,9 +375,9 @@ async function $(e) {
 		}) ? j = y() : g({
 			operationName: a,
 			gateway: n
-		}), I(T);
+		}), I(E);
 	}
-	let M = v ?? w(), F = A({
+	let M = v ?? T(), F = te({
 		workspaceId: c,
 		organizationId: u,
 		tenantId: h,
@@ -380,19 +387,19 @@ async function $(e) {
 		[G]: "true"
 	};
 	j && (L.Authorization = `Bearer ${j}`), M && (L["Accept-Language"] = M);
-	let R = te();
+	let R = ee();
 	if (R?.country && (L["X-Geo-Country"] = R.country), R?.currency && (L["X-Geo-Currency"] = R.currency), R?.timezone && (L["X-Geo-Timezone"] = R.timezone), n === "workspace" ? s !== !1 : s) {
 		let e = typeof s == "string" ? s : b();
 		e && !f(e, F) && (e = null), !e && (s === !0 || n === "workspace" && s === void 0 || typeof s == "string") && (e = await N({
-			url: k,
+			url: A,
 			authToken: j,
 			workspaceId: F.workspaceId,
 			organizationId: F.organizationId,
 			projectId: F.projectId,
 			locale: M,
-			signal: T,
+			signal: E,
 			currentQuery: r
-		}), I(T)), e && (L["X-Workspace-Authorization"] = `Bearer ${e}`);
+		}), I(E)), e && (L["X-Workspace-Authorization"] = `Bearer ${e}`);
 	}
 	if (n === "workspace" || c) {
 		let e = F.workspaceId;
@@ -403,7 +410,7 @@ async function $(e) {
 		e && (L["x-org-id"] = e);
 	}
 	if (h) {
-		let e = typeof h == "string" ? h : D();
+		let e = typeof h == "string" ? h : O();
 		e && (L["x-tenant-id"] = e);
 	}
 	if (n === "workspace" || _) {
@@ -431,24 +438,24 @@ async function $(e) {
 		}), null) : null;
 	};
 	try {
-		let e = await Z(k, L, B, T, O ? { keepalive: !0 } : void 0);
-		if (m(), e.errors?.length) {
-			let t = await V(e.errors);
-			if (t) return t;
-			E || p({ errors: e.errors }, { operationName: a });
+		let e = Z(A, L, B, E, k ? { keepalive: !0 } : void 0), t = await e;
+		if (H(e) || m(), t.errors?.length) {
+			let e = await V(t.errors);
+			if (e) return e;
+			D || p({ errors: t.errors }, { operationName: a });
 		}
-		return e;
+		return t;
 	} catch (e) {
 		let t = e.errors;
 		if (t?.length) {
 			let e = await V(t);
 			if (e) return e;
 		}
-		throw E || p(e, {
+		throw D || p(e, {
 			operationName: a,
 			fallbackMessage: "We could not reach the server. Please check your connection and try again."
 		}), e;
 	}
 }
 //#endregion
-export { h as SESSION_EXPIRED_EVENT, V as clearGraphqlFetchResponseCache, Z as enqueueGraphQLFetch, N as ensureWorkspaceToken, y as getStoredAuthToken, w as getStoredLocale, E as getStoredOrganizationId, O as getStoredProjectId, D as getStoredTenantId, T as getStoredWorkspaceId, b as getStoredWorkspaceToken, $ as graphqlFetch, P as resolveGatewayUrl };
+export { h as SESSION_EXPIRED_EVENT, ne as clearGraphqlFetchResponseCache, Z as enqueueGraphQLFetch, N as ensureWorkspaceToken, y as getStoredAuthToken, T as getStoredLocale, D as getStoredOrganizationId, k as getStoredProjectId, O as getStoredTenantId, E as getStoredWorkspaceId, b as getStoredWorkspaceToken, $ as graphqlFetch, P as resolveGatewayUrl };

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

@@ -83,7 +83,7 @@ function g({ children: n, defaultMode: r = "system", defaultBrand: l = "default"
 		let n = document.documentElement;
 		if (n.setAttribute("data-theme", P), n.setAttribute("data-brand", t(x)), n.setAttribute("data-density", L), n.setAttribute("data-typography", R), n.setAttribute("data-glass", z), n.toggleAttribute("data-reduce-motion", B), I === "dark" ? n.classList.add("dark") : n.classList.remove("dark"), N) {
 			let e = N.accent;
-			n.style.setProperty("--color-action-primary-bg", e), n.style.setProperty("--color-action-primary-bgHover", `color-mix(in oklab, ${e} 84%, black)`), n.style.setProperty("--color-action-primary-bgActive", `color-mix(in oklab, ${e} 70%, black)`), p(e) ? n.style.setProperty("--color-action-primary-text", "#0a0a0a") : n.style.removeProperty("--color-action-primary-text");
+			n.style.setProperty("--color-action-primary-bg", e), n.style.setProperty("--color-action-primary-bgHover", `color-mix(in oklab, ${e} 84%, black)`), n.style.setProperty("--color-action-primary-bgActive", `color-mix(in oklab, ${e} 70%, black)`), n.style.setProperty("--color-action-primary-text", p(e) ? "#0a0a0a" : "#ffffff");
 		} else n.style.removeProperty("--color-action-primary-bg"), n.style.removeProperty("--color-action-primary-bgHover"), n.style.removeProperty("--color-action-primary-bgActive"), n.style.removeProperty("--color-action-primary-text");
 		let r = () => {
 			let t = getComputedStyle(n).getPropertyValue("--color-bg-canvas").trim();

package/dist/shared/utils/backendErrors.d.ts

@@ -51,8 +51,21 @@ export declare function isAbortError(input: unknown): boolean;
 export declare function isTransportError(input: unknown): boolean;
 /**
  * Signal that connectivity is healthy again. Called from the GraphQL success
- * paths; clears the connection indicator exactly once on recovery. No-op when
- * the connection was never marked degraded.
+ * paths; clears the connection indicator exactly once on recovery.
+ *
+ * Always dispatches the `online: true` event (not only when the latch was
+ * previously set). The connection-status toast in `AppShellProvider` can be
+ * shown by either an `online: false` event *or* a browser `offline` event
+ * that did not correspond to an actual transport error (e.g. a transient
+ * navigator.onLine blip during a Cloudflare Access redirect — see BOFF-8081).
+ * In that second case the latch was never tripped, so a previous version that
+ * returned early here left a stale "Connection lost. Trying to reconnect…"
+ * toast stuck forever even though every subsequent request succeeded. By
+ * always announcing recovery we keep the listener's toast state in sync with
+ * the actual connectivity.
+ *
+ * The listener treats `online: true` as a no-op when no banner is shown, so
+ * the extra dispatch on every successful request is cheap.
  */
 export declare function markConnectionHealthy(): void;
 export declare function extractBackendError(input: unknown, options?: ExtractBackendErrorOptions): BackendErrorDisplay | null;

package/dist/shared/utils/backendErrors.js

@@ -111,7 +111,7 @@ function x(e, n) {
 	} })));
 }
 function S() {
-	typeof window > "u" || b && (b = !1, y = 0, window.dispatchEvent(new CustomEvent(t, { detail: {
+	typeof window > "u" || (b && (b = !1, y = 0), window.dispatchEvent(new CustomEvent(t, { detail: {
 		online: !0,
 		since: Date.now()
 	} })));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/fe-libs",
-  "version": "2026.1022.1",
+  "version": "2026.1022.3",
   "description": "Burdenoff frontend primitives and domain libraries",
   "type": "module",
   "bin": {
@@ -330,7 +330,7 @@
     "test:package-livekit-optional": "node scripts/validate-livekit-optional.mjs",
     "verify:package": "node scripts/verify-package-contents.mjs",
     "test:handsfree-browser": "node scripts/handsfree-browser-run.mjs",
-    "test": "bun test scripts/graphql-schema-drift/__tests__ scripts/a11y-audit/__tests__ scripts/i18n/__tests__ src/credentials src/connections src/storage src/shared/assistant src/shared/feature-flags src/platform-pages src/admin-overview src/shared/components src/shared/graphql/links/sse-link.test.ts src/shared/graphql/fetch.test.ts src/shared/graphql/prepareWorkspaceRequest.test.ts src/shared/graphql/client.test.ts src/shared/utils/apollo.test.ts src/shared/utils/canvasTokens.test.ts src/shared/graphql/tourWorkspaceAuth.test.ts src/shared/config/gatewayUrls.test.ts src/shared/config/authBridgeUrls.test.ts src/shared/config/shellRoutes.test.ts src/shared/config/gatewayFallback.test.ts scripts/__tests__ src/shared/config/products.test.ts src/shared/config/docsUrls.test.ts src/shared/config/productSlug.test.ts src/shared/hooks/shell/useProducts.test.ts src/shared/hooks/shell/useGlobalSearch.test.ts src/shared/providers/shell/brandAttribute.test.ts src/chrome/ProductSwitcher.test.ts src/shared/utils/gatewayFetchRewrite.test.ts src/shared/utils/authCookie.test.ts src/shared/utils/redirectAllowlist.test.ts src/shared/providers/shell/ProfileStorageManager.test.ts src/shared/providers/AppShellProvider.test.ts src/shared/providers/shell/interpolate.test.ts src/shared/providers/shell/resolveTranslation.test.ts src/shared/providers/shell/I18nProvider.render.test.tsx src/shared/providers/shell/I18nProvider.client.test.tsx src/shared/providers/shell/translationStore.test.ts src/shared/providers/shell/translationLayers.test.ts src/shared/providers/shell/directionMode.test.ts src/shared/providers/shell/authProvider/ssoRelay.test.ts src/shared/providers/shell/authProvider/useAuthActions.signOut.test.tsx src/shared/providers/shell/personaSurfaceRemote.test.ts src/shared/providers/shell/workspaceSwitch.client.test.tsx src/shared/events/sinks/RybbitSink.test.ts src/shared/events/sinks/RybbitSink.client.test.tsx src/shell-native src/shared/native src/shared/navigation src/shared/tours src/chrome/__tests__ src/ui/__tests__",
+    "test": "bun test scripts/graphql-schema-drift/__tests__ scripts/a11y-audit/__tests__ scripts/i18n/__tests__ src/credentials src/connections src/storage src/shared/assistant src/shared/feature-flags src/platform-pages src/admin-overview src/shared/components src/shared/graphql/links/sse-link.test.ts src/shared/graphql/fetch.test.ts src/shared/graphql/prepareWorkspaceRequest.test.ts src/shared/graphql/client.test.ts src/shared/utils/apollo.test.ts src/shared/utils/canvasTokens.test.ts src/shared/utils/brandContrast.test.ts src/shared/graphql/tourWorkspaceAuth.test.ts src/shared/config/gatewayUrls.test.ts src/shared/config/authBridgeUrls.test.ts src/shared/config/shellRoutes.test.ts src/shared/config/gatewayFallback.test.ts scripts/__tests__ src/shared/config/products.test.ts src/shared/config/docsUrls.test.ts src/shared/config/productSlug.test.ts src/shared/hooks/shell/useProducts.test.ts src/shared/hooks/shell/useGlobalSearch.test.ts src/shared/providers/shell/brandAttribute.test.ts src/chrome/ProductSwitcher.test.ts src/shared/utils/backendErrors.test.ts src/shared/utils/gatewayFetchRewrite.test.ts src/shared/utils/authCookie.test.ts src/shared/utils/redirectAllowlist.test.ts src/shared/providers/shell/ProfileStorageManager.test.ts src/shared/providers/AppShellProvider.test.ts src/shared/providers/shell/interpolate.test.ts src/shared/providers/shell/resolveTranslation.test.ts src/shared/providers/shell/I18nProvider.render.test.tsx src/shared/providers/shell/I18nProvider.client.test.tsx src/shared/providers/shell/translationStore.test.ts src/shared/providers/shell/translationLayers.test.ts src/shared/providers/shell/directionMode.test.ts src/shared/providers/shell/authProvider/ssoRelay.test.ts src/shared/providers/shell/authProvider/useAuthActions.signOut.test.tsx src/shared/providers/shell/personaSurfaceRemote.test.ts src/shared/providers/shell/workspaceSwitch.client.test.tsx src/shared/events/sinks/RybbitSink.test.ts src/shared/events/sinks/RybbitSink.client.test.tsx src/shell-native src/shared/native src/shared/navigation src/shared/tours src/chrome/__tests__ src/ui/__tests__",
     "sanity": "bash scripts/build-limits.sh --gate bash -c 'bun run lint:sanity && bun run format && bun run type:check && bun run test && bun run build && bun run verify:package'",
     "switch:status": "bun scripts/deps-mode.ts status",
     "switch:remote": "bun scripts/deps-mode.ts remote",

package/src/shared/tokens/build/brands/fluidgrids.css

@@ -1,6 +1,25 @@
-/* FluidGrids brand overrides - Auto-generated */
+/* FluidGrids brand overrides
+ *
+ * WCAG 2.1 AA (1.4.3), parity G23. The accent is both the primary-button fill
+ * (white label) and, through --color-accent-primary, small accent text on the
+ * canvas, so one cyan cannot serve both themes:
+ *   - light: cyan-700 #0E7490 carries a white label at 5.36:1. The former
+ *     cyan-600 #0891B2 measured 3.68:1 and failed axe color-contrast on every
+ *     primary button of the landing page.
+ *   - dark: cyan-600 stays (5.2:1 as accent text on the #0A0E16 canvas), and
+ *     the button label turns dark (5.7:1); hover/active step LIGHTER so the
+ *     dark label keeps its contrast in every state.
+ */
 [data-brand="fluidgrids"] {
+  --color-action-primary-bg: #0E7490;
+  --color-action-primary-bgHover: #155E75;
+  --color-action-primary-bgActive: #164E63;
+}
+
+:root.dark[data-brand="fluidgrids"],
+[data-brand="fluidgrids"].dark {
   --color-action-primary-bg: #0891B2;
-  --color-action-primary-bgHover: #0E7490;
-  --color-action-primary-bgActive: #155E75;
+  --color-action-primary-bgHover: #06B6D4;
+  --color-action-primary-bgActive: #22D3EE;
+  --color-action-primary-text: #0A0E16;
 }