@burdenoff/fe-libs 2026.1021.6 → 2026.1021.7

package/dist/shared/assistant/ui/AssistantChatArea.js

@@ -1,5 +1,5 @@
-import { useThemeOrNull as e } from "../../providers/shell/ThemeProvider.js";
-import { useI18n as t } from "../../providers/shell/I18nProvider.js";
+import { useI18n as e } from "../../providers/shell/I18nProvider.js";
+import { useThemeOrNull as t } from "../../providers/shell/ThemeProvider.js";
 import { useAuthToken as n } from "../../providers/shell/AuthTokenProvider.js";
 import "../../../shared-providers-shell.js";
 import { useAssistantControl as r } from "../appControls/useAssistantControl.js";
@@ -130,7 +130,7 @@ var Ti = () => () => {}, Ei = () => "off", Di = ({ visible: Di = !0, writeAccess
 			productWriteApproval: F,
 			capabilities: r ? n.sandboxWriteCapabilities[r] : null
 		});
-	}, [F]), { getAccessToken: I, getWorkspaceToken: Fi, userId: L } = n(), { locale: R, isLocaleLoading: Ii } = t(), Li = g((e) => e.voiceGraceMs), Ri = g((e) => e.handsFreeInterrupt), zi = g((e) => e.handsFreeStreamNoticeAccepted), Bi = g((e) => e.acceptHandsFreeStreamNotice), Vi = g((e) => e.assistantLanguage), Hi = g((e) => e.replyLanguage), Ui = D(() => S(Vi, Hi, R), [
+	}, [F]), { getAccessToken: I, getWorkspaceToken: Fi, userId: L } = n(), { locale: R, isLocaleLoading: Ii } = e(), Li = g((e) => e.voiceGraceMs), Ri = g((e) => e.handsFreeInterrupt), zi = g((e) => e.handsFreeStreamNoticeAccepted), Bi = g((e) => e.acceptHandsFreeStreamNotice), Vi = g((e) => e.assistantLanguage), Hi = g((e) => e.replyLanguage), Ui = D(() => S(Vi, Hi, R), [
 		Vi,
 		Hi,
 		R
@@ -535,7 +535,7 @@ var Ti = () => () => {}, Ei = () => "off", Di = ({ visible: Di = !0, writeAccess
 		V,
 		ta,
 		M
-	]), jo = e(), { speakFinishedReply: Mo, speakingMessageId: No, stop: Po } = hn(), Fo = O(null), Io = T((e, t) => {
+	]), jo = t(), { speakFinishedReply: Mo, speakingMessageId: No, stop: Po } = hn(), Fo = O(null), Io = T((e, t) => {
 		let n = Fo.current;
 		n?.token === e && n.exchange === null && (n.exchange = t);
 	}, []), Lo = T((e) => {

package/dist/shared/components/ContextConversationWidget.js

@@ -1,9 +1,9 @@
 import { useGatewayClient as e } from "../graphql/GatewayContext.js";
 import "../../shared-graphql.js";
-import { useAuth as t } from "../providers/shell/AuthProvider.js";
-import { useActiveContext as n } from "../providers/shell/ActiveContextProvider.js";
-import { Card as r, CardContent as ee } from "../../ui/card.js";
-import { useI18n as te } from "../providers/shell/I18nProvider.js";
+import { useI18n as t } from "../providers/shell/I18nProvider.js";
+import { useAuth as n } from "../providers/shell/AuthProvider.js";
+import { useActiveContext as r } from "../providers/shell/ActiveContextProvider.js";
+import { Card as ee, CardContent as te } from "../../ui/card.js";
 import "../../ui.js";
 import { usePageConversationContext as ne } from "../providers/shell/PageConversationContextProvider.js";
 import "../../shared-providers-shell.js";
@@ -26,7 +26,7 @@ import { useQuery as h } from "@apollo/client/react";
 import { useNavigate as ge } from "react-router";
 //#region src/shared/components/ContextConversationWidget.tsx
 function g({ className: g, widgetKey: _ }) {
-	let { t: v } = te(), { workspaceId: y } = n(), b = t(), x = ne(), S = e("workspace"), C = ge(), [w, T] = f(null), [E, D] = f(null), [O, k] = f(""), [A, _e] = f(() => typeof window < "u" ? window.innerWidth < 768 : !1), [j, M] = f(null), [N, P] = f(null), [F, I] = f(""), [L, R] = f(null), [z, B] = f([]), V = he(null), H = d(() => (e, t) => {
+	let { t: v } = t(), { workspaceId: y } = r(), b = n(), x = ne(), S = e("workspace"), C = ge(), [w, T] = f(null), [E, D] = f(null), [O, k] = f(""), [A, _e] = f(() => typeof window < "u" ? window.innerWidth < 768 : !1), [j, M] = f(null), [N, P] = f(null), [F, I] = f(""), [L, R] = f(null), [z, B] = f([]), V = he(null), H = d(() => (e, t) => {
 		let n = v(e);
 		return n === e ? t : n;
 	}, [v]), U = b.user?.id ?? null, W = _ ?? x.widgetKey ?? "default", G = d(() => {
@@ -139,7 +139,7 @@ function g({ className: g, widgetKey: _ }) {
 	}, Se = async () => {
 		!N || !F.trim() || (await X.saveEdit(N, F.trim()), P(null), I(""));
 	};
-	return /* @__PURE__ */ m(r, {
+	return /* @__PURE__ */ m(ee, {
 		className: g,
 		children: [/* @__PURE__ */ p(me, {
 			conversationTitle: K.data?.conversation?.title,
@@ -159,7 +159,7 @@ function g({ className: g, widgetKey: _ }) {
 			},
 			onOpenInbox: () => w && C(`/conversations/${w}`),
 			tr: H
-		}), !A && /* @__PURE__ */ m(ee, {
+		}), !A && /* @__PURE__ */ m(te, {
 			className: "space-y-4",
 			children: [
 				L && /* @__PURE__ */ p("div", {

package/dist/shared/components/QuotaUpgradeBridge.js

@@ -1,5 +1,5 @@
-import { QUOTA_EXHAUSTED_CODE as e } from "../utils/quotaErrors.js";
-import { useOptionalI18n as t } from "../providers/shell/I18nProvider.js";
+import { useOptionalI18n as e } from "../providers/shell/I18nProvider.js";
+import { QUOTA_EXHAUSTED_CODE as t } from "../utils/quotaErrors.js";
 import { dispatchUpgradePrompt as n } from "./UpgradePromptModal.js";
 import { quotaExhaustedEventName as r } from "../assistant/quota.js";
 import { useEffect as i, useRef as a } from "react";
@@ -61,7 +61,7 @@ function v(e, t) {
 	return n.displayName = `withQuotaDialogOwnership(${e.displayName ?? e.name ?? "Component"})`, n;
 }
 function y({ product: o, copy: s }) {
-	let d = t()?.t, f = a({
+	let d = e()?.t, f = a({
 		copy: s,
 		translate: d
 	});
@@ -72,28 +72,28 @@ function y({ product: o, copy: s }) {
 		};
 	}, [s, d]), i(() => {
 		if (!o || typeof window > "u") return;
-		let t = r(o), i = /* @__PURE__ */ new Set(), a = (e, t) => {
+		let e = r(o), i = /* @__PURE__ */ new Set(), a = (e, t) => {
 			let n = f.current.translate;
 			if (!e || !n) return t;
 			let r = n(e, t);
 			return r && r !== e ? r : t;
-		}, s = (t) => {
-			let r = c(t), s = l(t), d = g(o), p = setTimeout(() => {
+		}, s = (e) => {
+			let r = c(e), s = l(e), d = g(o), p = setTimeout(() => {
 				if (i.delete(p), d()) return;
-				let t = u(f.current.copy, r);
+				let e = u(f.current.copy, r);
 				n({
 					extensions: s ? {
-						code: e,
+						code: t,
 						quotaName: s
-					} : { code: e },
-					title: a(t.titleKey, t.title),
-					description: a(t.messageKey, t.message)
+					} : { code: t },
+					title: a(e.titleKey, e.title),
+					description: a(e.messageKey, e.message)
 				});
 			}, 0);
 			i.add(p);
 		};
-		return window.addEventListener(t, s), () => {
-			window.removeEventListener(t, s);
+		return window.addEventListener(e, s), () => {
+			window.removeEventListener(e, s);
 			for (let e of i) clearTimeout(e);
 			i.clear();
 		};

package/dist/shared/pages/AiPage.js

@@ -1,7 +1,7 @@
 import { useSafeGatewayClient as e } from "../graphql/GatewayContext.js";
-import { useAuth as t } from "../providers/shell/AuthProvider.js";
-import { useActiveContext as n } from "../providers/shell/ActiveContextProvider.js";
-import { useI18n as r } from "../providers/shell/I18nProvider.js";
+import { useI18n as t } from "../providers/shell/I18nProvider.js";
+import { useAuth as n } from "../providers/shell/AuthProvider.js";
+import { useActiveContext as r } from "../providers/shell/ActiveContextProvider.js";
 import { PermissionProvider as i, usePermissions as a, useSafePermissions as o } from "../providers/shell/PermissionProvider.js";
 import { MODELS as s, PROVIDERS as c, SUMMARY as l, catalog as u, sevenDays as d, summary as f } from "./ai/contracts.js";
 import { useAiTr as p } from "./ai/i18n.js";
@@ -35,15 +35,15 @@ function C({ productName: t, productId: n }) {
 	});
 }
 function w({ children: e }) {
-	let t = o(), { workspaceId: r } = n();
+	let t = o(), { workspaceId: n } = r();
 	return t ? e : /* @__PURE__ */ x(i, {
-		scopeId: r ?? null,
+		scopeId: n ?? null,
 		gateway: "workspace",
 		children: e
 	});
 }
 function T({ productId: e, client: i }) {
-	let o = t(), { workspaceId: C } = n(), w = a(), { locale: T } = r(), E = p(), D = v(() => ({
+	let o = n(), { workspaceId: C } = r(), w = a(), { locale: T } = t(), E = p(), D = v(() => ({
 		workspaceId: C ?? "",
 		actorId: o.user?.id ?? "",
 		profileId: o.activeProfileId,

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

@@ -1,8 +1,8 @@
 import { graphqlFetch as e } from "../../graphql/fetch.js";
 import "../../../shared-graphql.js";
-import { useAuth as t } from "./AuthProvider.js";
-import { getDefaultTranslationPersistence as n } from "./translationStore.js";
-import { I18nProvider as r, useI18n as i } from "./I18nProvider.js";
+import { getDefaultTranslationPersistence as t } from "./translationStore.js";
+import { I18nProvider as n, useI18n as r } from "./I18nProvider.js";
+import { useAuth as i } from "./AuthProvider.js";
 import { DEFAULT_PLATFORM_I18N_PRODUCT_ID as a, createLayeredTranslationLoader as o, effectivePlatformId as s, translationCacheScope as c } from "./translationLayers.js";
 import { useCallback as l, useMemo as u } from "react";
 import { jsx as d } from "react/jsx-runtime";
@@ -29,24 +29,24 @@ async function m(t, n) {
 	return JSON.parse(a);
 }
 function h({ children: e }) {
-	let { dir: t } = i();
+	let { dir: t } = r();
 	return /* @__PURE__ */ d(f, {
 		dir: t,
 		children: e
 	});
 }
-function g({ children: e, i18nProductId: i, platformI18nProductId: f = a, defaultLocale: p = "en", fallbackTranslations: g, disableDynamicFetch: _ = !1, persistTranslations: v = !0, directionMode: y = "off" }) {
-	let { user: b } = t(), x = b?.id ?? null, S = !_, C = s(i, f), w = l((e) => g?.[e] ?? {}, [g]), T = u(() => o({
-		productId: i,
+function g({ children: e, i18nProductId: r, platformI18nProductId: f = a, defaultLocale: p = "en", fallbackTranslations: g, disableDynamicFetch: _ = !1, persistTranslations: v = !0, directionMode: y = "off" }) {
+	let { user: b } = i(), x = b?.id ?? null, S = !_, C = s(r, f), w = l((e) => g?.[e] ?? {}, [g]), T = u(() => o({
+		productId: r,
 		platformId: C,
 		fallback: w,
 		fetchDictionary: m
 	}), [
 		w,
-		i,
+		r,
 		C
-	]), E = u(() => S && v ? n() : null, [v, S]);
-	return /* @__PURE__ */ d(r, {
+	]), E = u(() => S && v ? t() : null, [v, S]);
+	return /* @__PURE__ */ d(n, {
 		defaultLocale: p,
 		translations: u(() => g ?? {
 			en: {},
@@ -60,7 +60,7 @@ function g({ children: e, i18nProductId: i, platformI18nProductId: f = a, defaul
 			ar: {}
 		}, [g]),
 		loadTranslations: S ? T : void 0,
-		cacheScope: c(i, C),
+		cacheScope: c(r, C),
 		persistence: E,
 		firstPaintHoldMs: E ? 150 : 0,
 		directionMode: y,

package/dist/shared-hooks-shell.js

@@ -1,9 +1,9 @@
-import { useAuth as e } from "./shared/providers/shell/AuthProvider.js";
-import { useActiveContext as t } from "./shared/providers/shell/ActiveContextProvider.js";
-import { useNavRegistryStore as n } from "./shared/hooks/shell/useNavRegistry.js";
-import { useFooterRegistryStore as r } from "./shared/hooks/shell/useFooterRegistry.js";
-import { useTheme as i, useThemeOrNull as a } from "./shared/providers/shell/ThemeProvider.js";
-import { useI18n as o } from "./shared/providers/shell/I18nProvider.js";
+import { useI18n as e } from "./shared/providers/shell/I18nProvider.js";
+import { useAuth as t } from "./shared/providers/shell/AuthProvider.js";
+import { useActiveContext as n } from "./shared/providers/shell/ActiveContextProvider.js";
+import { useNavRegistryStore as r } from "./shared/hooks/shell/useNavRegistry.js";
+import { useFooterRegistryStore as i } from "./shared/hooks/shell/useFooterRegistry.js";
+import { useTheme as a, useThemeOrNull as o } from "./shared/providers/shell/ThemeProvider.js";
 import { useFeatureFlags as s } from "./shared/feature-flags/FeatureFlagProvider.js";
 import { useGlobalUi as c } from "./shared/providers/shell/GlobalUiProvider.js";
 import { useShellUi as l } from "./shared/providers/shell/ShellUiProvider.js";
@@ -13,4 +13,4 @@ import { useEffectiveContext as f, useEffectiveWorkspaceId as p } from "./shared
 import { useGlobalSearch as m } from "./shared/hooks/shell/useGlobalSearch.js";
 import { useProducts as h } from "./shared/hooks/shell/useProducts.js";
 import { useLanguages as g } from "./shared/hooks/shell/useLanguages.js";
-export { t as useActiveContext, e as useAuth, u as useContextManager, f as useEffectiveContext, p as useEffectiveWorkspaceId, s as useFeatureFlags, r as useFooterRegistryStore, d as useGeography, m as useGlobalSearch, c as useGlobalUi, o as useI18n, g as useLanguages, n as useNavRegistryStore, h as useProducts, l as useShellUi, i as useTheme, a as useThemeOrNull };
+export { n as useActiveContext, t as useAuth, u as useContextManager, f as useEffectiveContext, p as useEffectiveWorkspaceId, s as useFeatureFlags, i as useFooterRegistryStore, d as useGeography, m as useGlobalSearch, c as useGlobalUi, e as useI18n, g as useLanguages, r as useNavRegistryStore, h as useProducts, l as useShellUi, a as useTheme, o as useThemeOrNull };

package/dist/shared-providers-shell.js

@@ -2,11 +2,11 @@ import { ProfileStorageManager_exports as e, clearActiveProfileId as t, getActiv
 import { clearWorkspaceWideSelection as u, isWorkspaceWideSelection as d, selectWorkspaceWide as f } from "./shared/providers/shell/WorkspaceWideSelection.js";
 import { AuthBridgeClient as p, destroyAuthBridge as m, getAuthBridge as h, initAuthBridge as g, isAuthBridgeInitialized as _ } from "./shared/providers/shell/AuthBridgeClient.js";
 import { AppShellContextProvider as v, useAppShell as y } from "./shared/providers/shell/AppShellContext.js";
-import { AuthProvider as b, useAuth as x } from "./shared/providers/shell/AuthProvider.js";
-import { ActiveContextProvider as S, useActiveContext as C } from "./shared/providers/shell/ActiveContextProvider.js";
-import { ThemeProvider as w, useTheme as T } from "./shared/providers/shell/ThemeProvider.js";
-import { I18nProvider as E, LOCALE_DIRECTION as D, clearTranslationCache as O, isTranslationAttempted as k, localeDirection as A, useI18n as j, useOptionalI18n as M } from "./shared/providers/shell/I18nProvider.js";
-import { useShellLabel as N } from "./shared/providers/shell/useShellLabel.js";
+import { I18nProvider as b, LOCALE_DIRECTION as x, clearTranslationCache as S, isTranslationAttempted as C, localeDirection as w, useI18n as T, useOptionalI18n as E } from "./shared/providers/shell/I18nProvider.js";
+import { useShellLabel as D } from "./shared/providers/shell/useShellLabel.js";
+import { AuthProvider as O, useAuth as k } from "./shared/providers/shell/AuthProvider.js";
+import { ActiveContextProvider as A, useActiveContext as j } from "./shared/providers/shell/ActiveContextProvider.js";
+import { ThemeProvider as M, useTheme as N } from "./shared/providers/shell/ThemeProvider.js";
 import { PermissionProvider as P, SUPER_ADMIN_ACTOR_TYPE as F, SUPER_ADMIN_ROLE as I, hasMatchingPermission as L, isSuperAdminBypass as R, matchPermission as z, usePermission as B, usePermissionLoading as V, usePermissions as H, useRole as U, useSafePermissions as W } from "./shared/providers/shell/PermissionProvider.js";
 import { FeatureFlagsProvider as G, useFeatureFlags as K } from "./shared/providers/shell/FeatureFlagsProvider.js";
 import { FeatureFlagProvider as q } from "./shared/feature-flags/FeatureFlagProvider.js";
@@ -25,4 +25,4 @@ import { GatewayRoute as ge, getMicrofrontendGateway as _e, withGateway as ve }
 import { ProfileI18nBridge as ye } from "./shared/providers/shell/ProfileI18nBridge.js";
 import { ProfileGeographyBridge as be } from "./shared/providers/shell/ProfileGeographyBridge.js";
 import { PageConversationContextProvider as xe, usePageConversationContext as Se, useRegisterPageConversationContext as Ce } from "./shared/providers/shell/PageConversationContextProvider.js";
-export { S as ActiveContextProvider, v as AppShellContextProvider, p as AuthBridgeClient, b as AuthProvider, fe as AuthTokenProvider, ne as ContextManagerProvider, oe as EVERYTHING_SURFACE_ID, q as FeatureFlagProvider, G as FeatureFlagsProvider, Z as FeatureGate, ge as GatewayRoute, ie as GeographyProvider, Q as GlobalUiProvider, E as I18nProvider, D as LOCALE_DIRECTION, me as MultiGatewayProvider, he as ObservabilityProvider, xe as PageConversationContextProvider, P as PermissionProvider, se as PersonaSurfaceProvider, be as ProfileGeographyBridge, ye as ProfileI18nBridge, e as ProfileStorage, F as SUPER_ADMIN_ACTOR_TYPE, I as SUPER_ADMIN_ROLE, ee as ShellUiProvider, w as ThemeProvider, t as clearActiveProfileId, O as clearTranslationCache, u as clearWorkspaceWideSelection, m as destroyAuthBridge, n as getActiveContext, r as getActiveTokens, i as getActiveUser, h as getAuthBridge, _e as getMicrofrontendGateway, a as getProfileLocale, L as hasMatchingPermission, g as initAuthBridge, _ as isAuthBridgeInitialized, R as isSuperAdminBypass, k as isTranslationAttempted, d as isWorkspaceWideSelection, A as localeDirection, o as logoutActiveProfile, z as matchPermission, s as removeAllProfiles, ce as resolveSurfaceForRoles, f as selectWorkspaceWide, c as setProfileLocale, l as setProfiles, le as synthesizeSimulatedPermissionStrings, C as useActiveContext, y as useAppShell, x as useAuth, pe as useAuthToken, re as useContextManager, J as useFeatureFlag, Y as useFeatureFlagDetails, X as useFeatureFlagValue, K as useFeatureFlags, ae as useGeography, $ as useGlobalUi, j as useI18n, M as useOptionalI18n, Se as usePageConversationContext, B as usePermission, V as usePermissionLoading, H as usePermissions, ue as usePersonaSurface, Ce as useRegisterPageConversationContext, U as useRole, W as useSafePermissions, de as useSafePersonaSurface, N as useShellLabel, te as useShellUi, T as useTheme, ve as withGateway };
+export { A as ActiveContextProvider, v as AppShellContextProvider, p as AuthBridgeClient, O as AuthProvider, fe as AuthTokenProvider, ne as ContextManagerProvider, oe as EVERYTHING_SURFACE_ID, q as FeatureFlagProvider, G as FeatureFlagsProvider, Z as FeatureGate, ge as GatewayRoute, ie as GeographyProvider, Q as GlobalUiProvider, b as I18nProvider, x as LOCALE_DIRECTION, me as MultiGatewayProvider, he as ObservabilityProvider, xe as PageConversationContextProvider, P as PermissionProvider, se as PersonaSurfaceProvider, be as ProfileGeographyBridge, ye as ProfileI18nBridge, e as ProfileStorage, F as SUPER_ADMIN_ACTOR_TYPE, I as SUPER_ADMIN_ROLE, ee as ShellUiProvider, M as ThemeProvider, t as clearActiveProfileId, S as clearTranslationCache, u as clearWorkspaceWideSelection, m as destroyAuthBridge, n as getActiveContext, r as getActiveTokens, i as getActiveUser, h as getAuthBridge, _e as getMicrofrontendGateway, a as getProfileLocale, L as hasMatchingPermission, g as initAuthBridge, _ as isAuthBridgeInitialized, R as isSuperAdminBypass, C as isTranslationAttempted, d as isWorkspaceWideSelection, w as localeDirection, o as logoutActiveProfile, z as matchPermission, s as removeAllProfiles, ce as resolveSurfaceForRoles, f as selectWorkspaceWide, c as setProfileLocale, l as setProfiles, le as synthesizeSimulatedPermissionStrings, j as useActiveContext, y as useAppShell, k as useAuth, pe as useAuthToken, re as useContextManager, J as useFeatureFlag, Y as useFeatureFlagDetails, X as useFeatureFlagValue, K as useFeatureFlags, ae as useGeography, $ as useGlobalUi, T as useI18n, E as useOptionalI18n, Se as usePageConversationContext, B as usePermission, V as usePermissionLoading, H as usePermissions, ue as usePersonaSurface, Ce as useRegisterPageConversationContext, U as useRole, W as useSafePermissions, de as useSafePersonaSurface, D as useShellLabel, te as useShellUi, N as useTheme, ve as withGateway };

package/dist/ui/branded-splash.d.ts

@@ -17,10 +17,33 @@ import { HTMLAttributes } from 'react';
  * (`--color-accent-primary`) auto-applies. All motion is CSS-based and disabled
  * under `prefers-reduced-motion` / `data-reduce-motion` (Boff UI 2.0), and a
  * short anti-flash delay avoids a flicker on sub-200ms loads.
+ *
+ * Copy is localised through the shell i18n service (`splash.*` keys, English
+ * fallback, never throws outside an `I18nProvider`). A shell names the step it
+ * is waiting on with `phase` instead of hard-coding English:
+ *
+ *   <BrandedSplash phase="checkingAccess" />
+ *   <BrandedSplash phase="signingIn" showTagline />
+ *
+ * Precedence for the status line: `label` (literal) → `phase` → `splash.default`.
  */
+/** The loading steps a shell can name; each resolves the `splash.<phase>` key. */
+export type BrandedSplashPhase = 'default' | 'signingIn' | 'checkingAccess' | 'validatingSession' | 'redirecting' | 'preparingDashboard';
 export interface BrandedSplashProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
-    /** Status line under the wordmark. Defaults to "Loading <product>…". */
+    /**
+     * Literal status line under the wordmark; wins over `phase`. Defaults to the
+     * localised `splash.default` ("Loading <product>…").
+     */
     label?: string;
+    /** Localised status line for a named loading step (`splash.<phase>`). */
+    phase?: BrandedSplashPhase;
+    /**
+     * Show the product tagline under the wordmark. Text: `tagline`, else the
+     * localised `splash.tagline`, else the AppShell tagline. Default false.
+     */
+    showTagline?: boolean;
+    /** Literal tagline (implies nothing unless `showTagline` is set). */
+    tagline?: string;
     /** `fullscreen` (fixed overlay) or `inline` (fills its container). */
     variant?: 'fullscreen' | 'inline';
     /** Logo asset; defaults to the shell PWA icon. */
@@ -28,4 +51,4 @@ export interface BrandedSplashProps extends Omit<HTMLAttributes<HTMLDivElement>,
     /** Anti-flash delay in ms before the splash appears (0 shows immediately). */
     delayMs?: number;
 }
-export declare function BrandedSplash({ label, variant, logoSrc, delayMs, className, ...rest }: BrandedSplashProps): import('react/jsx-runtime').JSX.Element | null;
+export declare function BrandedSplash({ label, phase, showTagline, tagline, variant, logoSrc, delayMs, className, ...rest }: BrandedSplashProps): import('react/jsx-runtime').JSX.Element | null;

package/dist/ui/branded-splash.js

@@ -1,31 +1,42 @@
 import { useAppShell as e } from "../shared/providers/shell/AppShellContext.js";
-import { cn as t } from "../shared-utils.js";
-import { useEffect as n, useState as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useShellLabel as t } from "../shared/providers/shell/useShellLabel.js";
+import { cn as n } from "../shared-utils.js";
+import { useEffect as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/ui/branded-splash.tsx
-function o({ label: o, variant: s = "fullscreen", logoSrc: c = "/icons/icon.svg", delayMs: l = 150, className: u, ...d }) {
-	let { productName: f, brandInitial: p } = e(), [m, h] = r(l <= 0), [g, _] = r(!1);
-	if (n(() => {
-		if (l <= 0) return;
-		let e = setTimeout(() => h(!0), l);
+function s(e, t, n) {
+	switch (t) {
+		case "signingIn": return e("splash.signingIn", "Signing you in…");
+		case "checkingAccess": return e("splash.checkingAccess", "Checking workspace access…");
+		case "validatingSession": return e("splash.validatingSession", "Validating session…");
+		case "redirecting": return e("splash.redirecting", "Redirecting…");
+		case "preparingDashboard": return e("splash.preparingDashboard", "Preparing your dashboard…");
+		case "default": return e("splash.default", "Loading {{product}}…", { product: n });
+	}
+}
+function c({ label: c, phase: l = "default", showTagline: u = !1, tagline: d, variant: f = "fullscreen", logoSrc: p = "/icons/icon.svg", delayMs: m = 150, className: h, ...g }) {
+	let { productName: _, brandInitial: v, tagline: y } = e(), b = t(), [x, S] = i(m <= 0), [C, w] = i(!1);
+	if (r(() => {
+		if (m <= 0) return;
+		let e = setTimeout(() => S(!0), m);
 		return () => clearTimeout(e);
-	}, [l]), !m) return null;
-	let v = o ?? `Loading ${f}…`;
-	return /* @__PURE__ */ a("div", {
+	}, [m]), !x) return null;
+	let T = c ?? s(b, l, _), E = u ? d ?? b("splash.tagline", y) : null;
+	return /* @__PURE__ */ o("div", {
 		role: "status",
 		"aria-live": "polite",
-		"aria-label": v,
-		className: t("flex flex-col items-center justify-center gap-6", s === "fullscreen" ? "fixed inset-0 z-[9000] bg-bg-canvas px-6 pt-[env(safe-area-inset-top)] pb-[env(safe-area-inset-bottom)]" : "min-h-[60vh] w-full px-6 py-12", u),
-		...d,
+		"aria-label": T,
+		className: n("flex flex-col items-center justify-center gap-6 motion-safe:animate-in motion-safe:fade-in-0 motion-safe:duration-300", f === "fullscreen" ? "fixed inset-0 z-[9000] bg-bg-canvas px-6 pt-[env(safe-area-inset-top)] pb-[env(safe-area-inset-bottom)]" : "min-h-[60vh] w-full px-6 py-12", h),
+		...g,
 		children: [
-			/* @__PURE__ */ i("div", {
+			/* @__PURE__ */ a("div", {
 				"aria-hidden": "true",
 				className: "pointer-events-none absolute inset-0 -z-10",
 				style: { backgroundImage: "radial-gradient(circle at 30% 25%, color-mix(in oklab, var(--color-accent-primary) 8%, transparent), transparent 55%),radial-gradient(circle at 70% 78%, color-mix(in oklab, var(--color-accent-secondary, var(--color-accent-primary)) 5%, transparent), transparent 55%)" }
 			}),
-			/* @__PURE__ */ a("div", {
+			/* @__PURE__ */ o("div", {
 				className: "relative flex h-20 w-20 items-center justify-center",
-				children: [/* @__PURE__ */ i("span", {
+				children: [/* @__PURE__ */ a("span", {
 					"aria-hidden": "true",
 					className: "absolute inset-0 rounded-full motion-safe:animate-spin",
 					style: {
@@ -33,32 +44,38 @@ function o({ label: o, variant: s = "fullscreen", logoSrc: c = "/icons/icon.svg"
 						filter: "blur(6px)",
 						animationDuration: "5s"
 					}
-				}), g ? /* @__PURE__ */ i("span", {
+				}), C ? /* @__PURE__ */ a("span", {
 					className: "relative flex h-16 w-16 items-center justify-center rounded-2xl bg-action-primary-bg text-action-primary-text text-2xl font-semibold shadow-elevation-1 motion-safe:animate-pulse",
-					children: p
-				}) : /* @__PURE__ */ i("img", {
-					src: c,
+					children: v
+				}) : /* @__PURE__ */ a("img", {
+					src: p,
 					alt: "",
 					"aria-hidden": "true",
-					onError: () => _(!0),
+					onError: () => w(!0),
 					className: "relative h-16 w-16 rounded-2xl motion-safe:animate-pulse"
 				})]
 			}),
-			/* @__PURE__ */ a("div", {
+			/* @__PURE__ */ o("div", {
 				className: "flex flex-col items-center gap-3",
 				children: [
-					/* @__PURE__ */ i("h1", {
-						className: "text-lg font-semibold text-text-primary",
-						children: f
+					/* @__PURE__ */ o("div", {
+						className: "flex flex-col items-center gap-1 text-center",
+						children: [/* @__PURE__ */ a("h1", {
+							className: "text-lg font-semibold text-text-primary",
+							children: _
+						}), E ? /* @__PURE__ */ a("p", {
+							className: "text-sm text-text-secondary",
+							children: E
+						}) : null]
 					}),
-					/* @__PURE__ */ i("div", {
+					/* @__PURE__ */ a("div", {
 						className: "flex items-center gap-1.5",
 						"aria-hidden": "true",
 						children: [
 							0,
 							1,
 							2
-						].map((e) => /* @__PURE__ */ i("span", {
+						].map((e) => /* @__PURE__ */ a("span", {
 							className: "h-1.5 w-1.5 rounded-full bg-action-primary-bg opacity-60 motion-safe:animate-pulse",
 							style: {
 								animationDelay: `${e * .15}s`,
@@ -66,9 +83,9 @@ function o({ label: o, variant: s = "fullscreen", logoSrc: c = "/icons/icon.svg"
 							}
 						}, e))
 					}),
-					/* @__PURE__ */ i("p", {
+					/* @__PURE__ */ a("p", {
 						className: "text-xs text-text-secondary",
-						children: v
+						children: T
 					})
 				]
 			})
@@ -76,4 +93,4 @@ function o({ label: o, variant: s = "fullscreen", logoSrc: c = "/icons/icon.svg"
 	});
 }
 //#endregion
-export { o as BrandedSplash };
+export { c as BrandedSplash };

package/dist/ui/cta-overflow-menu.js

@@ -1,38 +1,38 @@
-import { cn as e } from "../shared-utils.js";
-import { Button as t } from "./button.js";
-import { DropdownMenu as n, DropdownMenuContent as r, DropdownMenuItem as i, DropdownMenuTrigger as a } from "./dropdown-menu.js";
-import { useShellLabel as o } from "../shared/providers/shell/useShellLabel.js";
+import { useShellLabel as e } from "../shared/providers/shell/useShellLabel.js";
+import { cn as t } from "../shared-utils.js";
+import { Button as n } from "./button.js";
+import { DropdownMenu as r, DropdownMenuContent as i, DropdownMenuItem as a, DropdownMenuTrigger as o } from "./dropdown-menu.js";
 import { MoreHorizontal as s } from "lucide-react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/ui/cta-overflow-menu.tsx
 function u({ primary: u, actions: d, align: f = "end", className: p }) {
-	let m = o();
+	let m = e();
 	return /* @__PURE__ */ l("div", {
-		className: e("flex items-center gap-2", p),
-		children: [u ? /* @__PURE__ */ l(t, {
+		className: t("flex items-center gap-2", p),
+		children: [u ? /* @__PURE__ */ l(n, {
 			type: "button",
 			variant: "default",
 			onClick: u.onSelect,
 			disabled: u.disabled,
 			children: [u.icon, u.label]
-		}) : null, d.length > 0 ? /* @__PURE__ */ l(n, { children: [/* @__PURE__ */ c(a, {
+		}) : null, d.length > 0 ? /* @__PURE__ */ l(r, { children: [/* @__PURE__ */ c(o, {
 			asChild: !0,
-			children: /* @__PURE__ */ c(t, {
+			children: /* @__PURE__ */ c(n, {
 				type: "button",
 				variant: "outline",
 				size: "icon",
 				"aria-label": m("common.moreActions", "More actions"),
 				children: /* @__PURE__ */ c(s, {})
 			})
-		}), /* @__PURE__ */ c(r, {
+		}), /* @__PURE__ */ c(i, {
 			align: f,
-			children: d.map((t, n) => /* @__PURE__ */ l(i, {
-				"data-tour": t.dataTour,
-				disabled: t.disabled,
-				onSelect: t.onSelect,
-				className: e("gap-2", t.intent === "destructive" && "text-status-error-text focus:text-status-error-text focus:bg-status-error-bg-subtle"),
-				children: [t.icon, t.label]
-			}, `${t.label}-${n}`))
+			children: d.map((e, n) => /* @__PURE__ */ l(a, {
+				"data-tour": e.dataTour,
+				disabled: e.disabled,
+				onSelect: e.onSelect,
+				className: t("gap-2", e.intent === "destructive" && "text-status-error-text focus:text-status-error-text focus:bg-status-error-bg-subtle"),
+				children: [e.icon, e.label]
+			}, `${e.label}-${n}`))
 		})] }) : null]
 	});
 }

package/dist/ui/guidance.js

@@ -1,5 +1,5 @@
-import { cn as e } from "../shared-utils.js";
-import { useShellLabel as t } from "../shared/providers/shell/useShellLabel.js";
+import { useShellLabel as e } from "../shared/providers/shell/useShellLabel.js";
+import { cn as t } from "../shared-utils.js";
 import { useEffect as n, useState as r } from "react";
 import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/ui/guidance.tsx
@@ -17,13 +17,13 @@ var s = ({ className: e }) => /* @__PURE__ */ o("svg", {
 		opacity: "0.6"
 	})]
 });
-function c({ children: t, icon: n, learnMoreHref: r, learnMoreLabel: s = "Learn more", className: c }) {
+function c({ children: e, icon: n, learnMoreHref: r, learnMoreLabel: s = "Learn more", className: c }) {
 	return /* @__PURE__ */ o("p", {
-		className: e("flex items-start gap-2 text-sm leading-relaxed text-text-secondary", c),
+		className: t("flex items-start gap-2 text-sm leading-relaxed text-text-secondary", c),
 		children: [n && /* @__PURE__ */ a("span", {
 			className: "mt-0.5 shrink-0 text-text-muted",
 			children: n
-		}), /* @__PURE__ */ o("span", { children: [t, r && /* @__PURE__ */ o(i, { children: [" ", /* @__PURE__ */ a("a", {
+		}), /* @__PURE__ */ o("span", { children: [e, r && /* @__PURE__ */ o(i, { children: [" ", /* @__PURE__ */ a("a", {
 			href: r,
 			className: "font-medium text-text-link underline-offset-2 hover:underline",
 			target: r.startsWith("http") ? "_blank" : void 0,
@@ -35,7 +35,7 @@ function c({ children: t, icon: n, learnMoreHref: r, learnMoreLabel: s = "Learn
 c.displayName = "PagePurpose";
 var l = "boff-nextsteps-";
 function u({ steps: i, title: c, storageKey: u, className: d }) {
-	let f = t(), p = c ?? f("guidance.title", "Suggested next steps"), m = l + u, [h, g] = r(!1);
+	let f = e(), p = c ?? f("guidance.title", "Suggested next steps"), m = l + u, [h, g] = r(!1);
 	n(() => {
 		try {
 			g(localStorage.getItem(m) === "1");
@@ -51,13 +51,13 @@ function u({ steps: i, title: c, storageKey: u, className: d }) {
 	if (h) return /* @__PURE__ */ o("button", {
 		type: "button",
 		onClick: () => _(!1),
-		className: e("inline-flex items-center gap-1.5 rounded-full border border-border-seam bg-[var(--color-surface-glass)] px-3 py-1.5 text-xs font-medium text-text-secondary shadow-elevation-1 backdrop-blur-[var(--blur-glass)] transition-[box-shadow,border-color] hover:border-border-strong hover:text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]", d),
+		className: t("inline-flex items-center gap-1.5 rounded-full border border-border-seam bg-[var(--color-surface-glass)] px-3 py-1.5 text-xs font-medium text-text-secondary shadow-elevation-1 backdrop-blur-[var(--blur-glass)] transition-[box-shadow,border-color] hover:border-border-strong hover:text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]", d),
 		children: [/* @__PURE__ */ a(s, { className: "size-3.5 text-[var(--color-action-primary-bg)]" }), "Show suggestions"]
 	});
 	let v = i.filter((e) => !e.done).length;
 	return /* @__PURE__ */ o("section", {
 		"aria-label": p,
-		className: e("relative overflow-hidden rounded-card border border-border-seam bg-bg-surface bg-accent-wash shadow-[var(--shadow-pop)]", d),
+		className: t("relative overflow-hidden rounded-card border border-border-seam bg-bg-surface bg-accent-wash shadow-[var(--shadow-pop)]", d),
 		children: [/* @__PURE__ */ o("div", {
 			className: "flex items-center justify-between gap-3 px-4 pt-3.5",
 			children: [/* @__PURE__ */ o("h3", {
@@ -90,15 +90,15 @@ function u({ steps: i, title: c, storageKey: u, className: d }) {
 			})]
 		}), /* @__PURE__ */ a("ul", {
 			className: "flex flex-col gap-1 p-2.5 pt-2",
-			children: i.map((t) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ o(t.href ? "a" : "button", {
-				...t.href ? { href: t.href } : {
+			children: i.map((e) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ o(e.href ? "a" : "button", {
+				...e.href ? { href: e.href } : {
 					type: "button",
-					onClick: t.onClick
+					onClick: e.onClick
 				},
-				className: e("group flex w-full items-start gap-3 rounded-lg px-2.5 py-2 text-left transition-colors hover:bg-[var(--color-surface-glass)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]", t.done && "opacity-60"),
+				className: t("group flex w-full items-start gap-3 rounded-lg px-2.5 py-2 text-left transition-colors hover:bg-[var(--color-surface-glass)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]", e.done && "opacity-60"),
 				children: [/* @__PURE__ */ a("span", {
-					className: e("mt-0.5 grid size-7 shrink-0 place-items-center rounded-full border text-[var(--color-action-primary-bg)]", t.done ? "border-border-subtle bg-bg-muted text-text-muted" : "border-[color-mix(in_oklab,var(--color-action-primary-bg)_35%,transparent)] bg-[color-mix(in_oklab,var(--color-action-primary-bg)_12%,transparent)]"),
-					children: t.done ? /* @__PURE__ */ a("svg", {
+					className: t("mt-0.5 grid size-7 shrink-0 place-items-center rounded-full border text-[var(--color-action-primary-bg)]", e.done ? "border-border-subtle bg-bg-muted text-text-muted" : "border-[color-mix(in_oklab,var(--color-action-primary-bg)_35%,transparent)] bg-[color-mix(in_oklab,var(--color-action-primary-bg)_12%,transparent)]"),
+					children: e.done ? /* @__PURE__ */ a("svg", {
 						viewBox: "0 0 24 24",
 						className: "size-4",
 						fill: "none",
@@ -110,18 +110,18 @@ function u({ steps: i, title: c, storageKey: u, className: d }) {
 							strokeLinecap: "round",
 							strokeLinejoin: "round"
 						})
-					}) : t.icon ?? /* @__PURE__ */ a(s, { className: "size-4" })
+					}) : e.icon ?? /* @__PURE__ */ a(s, { className: "size-4" })
 				}), /* @__PURE__ */ o("span", {
 					className: "min-w-0 flex-1",
 					children: [/* @__PURE__ */ a("span", {
 						className: "block text-sm font-medium text-text-primary",
-						children: t.label
-					}), t.description && /* @__PURE__ */ a("span", {
+						children: e.label
+					}), e.description && /* @__PURE__ */ a("span", {
 						className: "block text-xs text-text-secondary",
-						children: t.description
+						children: e.description
 					})]
 				})]
-			}) }, t.id))
+			}) }, e.id))
 		})]
 	});
 }

package/dist/ui/index.d.ts

@@ -36,7 +36,7 @@ export { GlassCard, glassCardVariants, type GlassCardProps } from './glass-card'
 export { EmphasisPanel, type EmphasisPanelProps } from './emphasis-panel';
 export { ShowMore, type ShowMoreProps } from './show-more';
 export { CTAOverflowMenu, type CTAOverflowMenuProps, type CTAAction, type CTAPrimaryAction, } from './cta-overflow-menu';
-export { BrandedSplash, type BrandedSplashProps } from './branded-splash';
+export { BrandedSplash, type BrandedSplashPhase, type BrandedSplashProps } from './branded-splash';
 export { ModernLanding, type ModernLandingProps, type ModernLandingFeature, } from './modern-landing';
 export { AuroraBackground, type AuroraBackgroundProps } from './aurora-background';
 export { Illustration, type IllustrationProps, IllustratedEmptyState, type IllustratedEmptyStateProps, } from './illustration';

package/package.json

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