@burdenoff/fe-libs 2026.1021.9 → 2026.1021.10

package/dist/chrome/AppShellLayout.d.ts

@@ -52,6 +52,18 @@ export interface AppShellLayoutProps {
      * `bottomBar` + `NativeTopBar`.
      */
     nativeCompact?: boolean;
+    /**
+     * Id of the `<main>` landmark, which the skip link targets.
+     * Default `'main-content'` (`MAIN_CONTENT_ID`).
+     */
+    mainId?: string;
+    /**
+     * Render the visually-hidden "Skip to content" link as the first focusable
+     * element of the shell (WCAG 2.4.1). Default `true`.
+     */
+    skipLink?: boolean;
+    /** Overrides the skip link text (default: the `appShell.skipToContent` shell label). */
+    skipLinkLabel?: string;
 }
 /**
  * AppShellLayout Component
@@ -64,6 +76,8 @@ export interface AppShellLayoutProps {
  * - Visibility controls for each section
  * - Responsive layout: overlay on mobile, push on desktop
  * - Custom content styling
+ * - One `<main id="main-content">` landmark plus a "Skip to content" link
+ *   ahead of the header (keyboard users bypass the header and nav)
  *
  * Responsive Behavior:
  * - Mobile (< md): Sidebar as overlay drawer with backdrop

package/dist/chrome/AppShellLayout.js

@@ -1,50 +1,56 @@
-import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
+import { MAIN_CONTENT_ID as e, MainLandmark as t, SkipToContentLink as n } from "../shared/components/SkipToContent.js";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/chrome/AppShellLayout.tsx
-var r = ({ header: r, sidebar: i, footer: a, bottomPanel: o, rightPanel: s, statusBar: c, children: l, headerVisible: u = !0, footerVisible: d = !0, sidebarVisible: f = !0, contentClassName: p, contentPadding: m = "px-6 lg:px-8 py-6", footerInContent: h = !1, safeArea: g = !0, bottomBar: _, nativeCompact: v = !1 }) => {
-	let y = v ? "p-0" : m, b = h ? `flex-1 overflow-auto bg-bg-canvas flex flex-col ${y}` : `flex-1 overflow-auto bg-bg-canvas ${y}`, x = p || b, S = "max(var(--safe-top, 0px), env(safe-area-inset-top, 0px))", C = "max(var(--safe-bottom, 0px), env(safe-area-inset-bottom, 0px))", w = "max(var(--safe-left, 0px), env(safe-area-inset-left, 0px))", T = "max(var(--safe-right, 0px), env(safe-area-inset-right, 0px))", E = g ? v ? {
-		paddingTop: v && u && r ? void 0 : S,
-		paddingBottom: _ ? void 0 : C
+var o = ({ header: o, sidebar: s, footer: c, bottomPanel: l, rightPanel: u, statusBar: d, children: f, headerVisible: p = !0, footerVisible: m = !0, sidebarVisible: h = !0, contentClassName: g, contentPadding: _ = "px-6 lg:px-8 py-6", footerInContent: v = !1, safeArea: y = !0, bottomBar: b, nativeCompact: x = !1, mainId: S = e, skipLink: C = !0, skipLinkLabel: w }) => {
+	let T = x ? "p-0" : _, E = v ? `flex-1 overflow-auto bg-bg-canvas flex flex-col ${T}` : `flex-1 overflow-auto bg-bg-canvas ${T}`, D = g || E, O = "max(var(--safe-top, 0px), env(safe-area-inset-top, 0px))", k = "max(var(--safe-bottom, 0px), env(safe-area-inset-bottom, 0px))", A = "max(var(--safe-left, 0px), env(safe-area-inset-left, 0px))", j = "max(var(--safe-right, 0px), env(safe-area-inset-right, 0px))", M = y ? x ? {
+		paddingTop: x && p && o ? void 0 : O,
+		paddingBottom: b ? void 0 : k
 	} : {
-		paddingTop: S,
-		paddingBottom: C,
-		paddingLeft: w,
-		paddingRight: T
-	} : {}, D = _ || v && g ? {
-		..._ ? { paddingBottom: "var(--mobile-tabbar-height, 0px)" } : {},
-		...v && g ? {
-			paddingLeft: w,
-			paddingRight: T
+		paddingTop: O,
+		paddingBottom: k,
+		paddingLeft: A,
+		paddingRight: j
+	} : {}, N = b || x && y ? {
+		...b ? { paddingBottom: "var(--mobile-tabbar-height, 0px)" } : {},
+		...x && y ? {
+			paddingLeft: A,
+			paddingRight: j
 		} : {}
 	} : void 0;
-	return /* @__PURE__ */ n("div", {
+	return /* @__PURE__ */ a("div", {
 		className: "flex flex-col h-screen bg-bg-canvas",
-		style: E,
-		"data-native-shell": v ? "" : void 0,
+		style: M,
+		"data-native-shell": x ? "" : void 0,
 		children: [
-			u && r,
-			/* @__PURE__ */ n("div", {
+			C && /* @__PURE__ */ i(n, {
+				targetId: S,
+				label: w
+			}),
+			p && o,
+			/* @__PURE__ */ a("div", {
 				className: "flex flex-1 overflow-hidden relative",
-				children: [f && i, /* @__PURE__ */ n("div", {
+				children: [h && s, /* @__PURE__ */ a("div", {
 					className: "flex flex-1 overflow-hidden",
-					children: [/* @__PURE__ */ n("div", {
+					children: [/* @__PURE__ */ a("div", {
 						className: "flex flex-col flex-1 overflow-hidden",
-						children: [/* @__PURE__ */ t("main", {
-							className: `scrollbar-slim ${x}`,
-							style: D,
+						children: [/* @__PURE__ */ i(t, {
+							id: S,
+							className: `scrollbar-slim ${D}`,
+							style: N,
 							"data-shell-scroll-container": !0,
-							children: h ? /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("div", {
-								className: d ? "flex-1" : "flex-1 min-h-0",
-								children: l
-							}), d && a] }) : l
-						}), o]
-					}), s]
+							children: v ? /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("div", {
+								className: m ? "flex-1" : "flex-1 min-h-0",
+								children: f
+							}), m && c] }) : f
+						}), l]
+					}), u]
 				})]
 			}),
-			!h && d && a,
-			c,
-			_
+			!v && m && c,
+			d,
+			b
 		]
 	});
 };
 //#endregion
-export { r as AppShellLayout };
+export { o as AppShellLayout };

package/dist/shared/components/SkipToContent.d.ts

@@ -0,0 +1,95 @@
+import { HTMLAttributes, ReactNode } from 'react';
+/**
+ * Skip link + `<main>` landmark primitives (WCAG 2.4.1 "Bypass Blocks").
+ *
+ * Every product page needs exactly ONE `<main>` landmark, and a keyboard user
+ * needs a way past the header/nav to reach it. The signed-in shell
+ * (`AppShellLayout`) and the public landing/auth pages (`PublicLayout`,
+ * `ModernLanding`, `NativeWelcome`) all build on these, so the id, the label
+ * and the focus behaviour are the same on every product.
+ *
+ * ★ One `<main>` per page, whatever the nesting. `MainLandmark` marks its
+ *   subtree; a `MainLandmark` rendered inside another one (a public page
+ *   mounted inside the signed-in shell, `ModernLanding` wrapped in
+ *   `PublicLayout`) renders a plain `<div>` instead of a second `<main>`, and
+ *   a nested `SkipToContentLink` renders nothing, because the outer layout
+ *   already owns both.
+ */
+/** The id every shared layout gives its `<main>`; the skip link's default target. */
+export declare const MAIN_CONTENT_ID = "main-content";
+/** True inside a `MainLandmark` (so a page-level `<main>` already exists). */
+export declare function useInsideMainLandmark(): boolean;
+/** The minimal element surface `focusSkipTarget` needs (a DOM `HTMLElement` fits). */
+export interface SkipTarget {
+    hasAttribute(name: string): boolean;
+    setAttribute(name: string, value: string): void;
+    focus(options?: FocusOptions): void;
+    scrollIntoView?(arg?: boolean | ScrollIntoViewOptions): void;
+}
+/**
+ * Move focus (and the viewport) to the skip-link target.
+ *
+ * Returns false when there is no target, so the caller can leave the native
+ * `#hash` jump alone. A target that is not focusable on its own gets
+ * `tabindex="-1"` first: an element that cannot take focus would leave the
+ * sequential focus point where it was, and the next Tab would land back in
+ * the header.
+ */
+export declare function focusSkipTarget(target: SkipTarget | null): boolean;
+export interface SkipToContentLinkProps {
+    /** Id of the element to jump to. Default `MAIN_CONTENT_ID`. */
+    targetId?: string;
+    /** Visible text when focused. Default: the `appShell.skipToContent` shell label. */
+    label?: string;
+    className?: string;
+}
+/**
+ * "Skip to content" link: visually hidden until it takes keyboard focus, then
+ * pinned to the top-left above all chrome. Render it as the FIRST focusable
+ * element of the page, before the header.
+ *
+ * The click is handled in script rather than left to the `#hash`: under a
+ * `HashRouter` (installed apps) a hash change is a route change, and in every
+ * router the native jump scrolls without reliably moving focus.
+ */
+export declare function SkipToContentLink({ targetId, label, className, }: SkipToContentLinkProps): import('react/jsx-runtime').JSX.Element | null;
+export interface MainLandmarkProps extends Omit<HTMLAttributes<HTMLElement>, 'id' | 'tabIndex'> {
+    /** Element id, the skip link's target. Default `MAIN_CONTENT_ID`. */
+    id?: string;
+    children?: ReactNode;
+}
+/**
+ * The page's `<main>` landmark: `id` for the skip link and `tabIndex={-1}` so
+ * focus can land on it (programmatic only; it never joins the Tab order).
+ * Inside another `MainLandmark` it renders a `<div>` with no id, so a page
+ * never has two `<main>`s or two `#main-content`s.
+ */
+export declare function MainLandmark({ id, className, children, ...rest }: MainLandmarkProps): import('react/jsx-runtime').JSX.Element;
+export interface PublicLayoutProps {
+    /** Page header (brand, sign-in button). Rendered between the skip link and `<main>`. */
+    header?: ReactNode;
+    /** Page footer. Rendered after `<main>`. */
+    footer?: ReactNode;
+    children: ReactNode;
+    /** `<main>` id. Default `MAIN_CONTENT_ID`. */
+    mainId?: string;
+    /** Overrides the skip link text. */
+    skipLinkLabel?: string;
+    /** Classes for the outer wrapper. */
+    className?: string;
+    /** Classes for `<main>` (it already grows to fill the page). */
+    mainClassName?: string;
+}
+/**
+ * Landmark frame for public (signed-out) routes: the landing page and the
+ * `/auth/*` pages, which render outside `AppShellLayout` and so had no
+ * `<main>` and no skip link.
+ *
+ * ```tsx
+ * <PublicLayout header={<LandingHeader />} footer={<LandingFooter />}>
+ *   <Hero />
+ *   <Features />
+ * </PublicLayout>
+ * ```
+ */
+export declare function PublicLayout({ header, footer, children, mainId, skipLinkLabel, className, mainClassName, }: PublicLayoutProps): import('react/jsx-runtime').JSX.Element;

package/dist/shared/components/SkipToContent.js

@@ -0,0 +1,61 @@
+import { useShellLabel as e } from "../providers/shell/useShellLabel.js";
+import { cn as t } from "../../shared-utils.js";
+import { createContext as n, useContext as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/shared/components/SkipToContent.tsx
+var o = "main-content", s = n(!1);
+function c() {
+	return r(s);
+}
+function l(e) {
+	return e ? (e.hasAttribute("tabindex") || e.setAttribute("tabindex", "-1"), e.focus({ preventScroll: !0 }), e.scrollIntoView?.({ block: "start" }), !0) : !1;
+}
+function u({ targetId: n = o, label: r, className: a }) {
+	let s = e();
+	return c() ? null : /* @__PURE__ */ i("a", {
+		href: `#${n}`,
+		onClick: (e) => {
+			l(document.getElementById(n)) && e.preventDefault();
+		},
+		"data-skip-link": "",
+		className: t("sr-only focus:not-sr-only focus:fixed focus:left-4 focus:top-4 focus:z-[var(--z-toast,1400)]", "focus:rounded-lg focus:border focus:border-border-subtle focus:bg-bg-surface focus:px-4 focus:py-2", "focus:text-sm focus:font-medium focus:text-text-primary focus:shadow-elevation-3", "focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]", a),
+		children: r ?? s("appShell.skipToContent", "Skip to content")
+	});
+}
+function d({ id: e = o, className: n, children: r, ...a }) {
+	return c() ? /* @__PURE__ */ i("div", {
+		className: n,
+		...a,
+		children: r
+	}) : /* @__PURE__ */ i(s.Provider, {
+		value: !0,
+		children: /* @__PURE__ */ i("main", {
+			id: e,
+			tabIndex: -1,
+			className: t("focus:outline-none", n),
+			...a,
+			children: r
+		})
+	});
+}
+function f({ header: e, footer: n, children: r, mainId: s = o, skipLinkLabel: c, className: l, mainClassName: f }) {
+	return /* @__PURE__ */ a("div", {
+		className: t("flex min-h-[100dvh] flex-col", l),
+		"data-public-layout": "",
+		children: [
+			/* @__PURE__ */ i(u, {
+				targetId: s,
+				label: c
+			}),
+			e,
+			/* @__PURE__ */ i(d, {
+				id: s,
+				className: t("flex-1", f),
+				children: r
+			}),
+			n
+		]
+	});
+}
+//#endregion
+export { o as MAIN_CONTENT_ID, d as MainLandmark, f as PublicLayout, u as SkipToContentLink, l as focusSkipTarget, c as useInsideMainLandmark };

package/dist/shared/components/index.d.ts

@@ -28,6 +28,8 @@ export type { UpgradeInlineBannerProps } from './UpgradeInlineBanner';
 export { QuotaUpgradeBridge, useQuotaUpgradeBridge, dispatchProductQuotaExhausted, resolveQuotaUpgradeCopy, quotaEventKind, claimQuotaDialog, captureQuotaDialogOwners, useQuotaDialogOwnership, withQuotaDialogOwnership, DEFAULT_QUOTA_UPGRADE_COPY, } from './QuotaUpgradeBridge';
 export type { QuotaUpgradeBridgeProps, QuotaUpgradeBridgeOptions, QuotaUpgradeCopy, QuotaUpgradeCopyByKind, ProductQuotaExhaustedDetail, } from './QuotaUpgradeBridge';
 export { getSSORedirectUrl, redirectToSSO, SSORedirectSpinner, checkSLO, checkRemoteSLO, clearLocalAuthState, } from './SSORedirectGuard';
+export { MAIN_CONTENT_ID, MainLandmark, PublicLayout, SkipToContentLink, focusSkipTarget, useInsideMainLandmark, } from './SkipToContent';
+export type { MainLandmarkProps, PublicLayoutProps, SkipTarget, SkipToContentLinkProps, } from './SkipToContent';
 export { LandingOrDashboardRedirect, LandingGateView, resolveLandingGate, hasStoredValidSession, } from './LandingOrDashboardRedirect';
 export type { LandingOrDashboardRedirectProps, LandingGateViewProps, LandingGateDecision, LandingGateInput, } from './LandingOrDashboardRedirect';
 export { AssistantWidget, ASSISTANT_WIDGET_TOGGLE_EVENT } from './assistantWidget/AssistantWidget';

package/dist/shared/pages/AiPage.js

@@ -2,107 +2,108 @@ import { useSafeGatewayClient as e } from "../graphql/GatewayContext.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";
-import { CatalogPanel as m } from "./ai/CatalogPanel.js";
-import { SummaryPanel as h } from "./ai/SummaryPanel.js";
-import { useAiRead as g } from "./ai/useAiRead.js";
-import { useCallback as _, useMemo as v, useState as y } from "react";
-import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { MainLandmark as i } from "../components/SkipToContent.js";
+import { PermissionProvider as a, usePermissions as o, useSafePermissions as s } from "../providers/shell/PermissionProvider.js";
+import { MODELS as c, PROVIDERS as l, SUMMARY as u, catalog as d, sevenDays as f, summary as p } from "./ai/contracts.js";
+import { useAiTr as m } from "./ai/i18n.js";
+import { CatalogPanel as h } from "./ai/CatalogPanel.js";
+import { SummaryPanel as g } from "./ai/SummaryPanel.js";
+import { useAiRead as _ } from "./ai/useAiRead.js";
+import { useCallback as v, useMemo as y, useState as b } from "react";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
 //#region src/shared/pages/AiPage.tsx
-function C({ productName: t, productId: n }) {
-	let r = p(), i = e("workspace");
-	return /* @__PURE__ */ S("main", {
+function w({ productName: t, productId: n }) {
+	let r = m(), a = e("workspace");
+	return /* @__PURE__ */ C(i, {
 		className: "mx-auto w-full max-w-6xl space-y-6 px-4 py-6 sm:px-6",
 		"data-product-id": n,
-		children: [/* @__PURE__ */ S("header", {
+		children: [/* @__PURE__ */ C("header", {
 			className: "space-y-2",
-			children: [/* @__PURE__ */ x("h1", {
+			children: [/* @__PURE__ */ S("h1", {
 				className: "text-2xl font-semibold text-foreground",
 				children: r("title", "{product} AI operations", { product: t })
-			}), /* @__PURE__ */ x("p", {
+			}), /* @__PURE__ */ S("p", {
 				className: "max-w-3xl text-sm text-muted-foreground",
 				children: r("intro", "Review the workspace model catalog and recorded AI usage.")
 			})]
-		}), i ? /* @__PURE__ */ x(w, { children: /* @__PURE__ */ x(T, {
+		}), a ? /* @__PURE__ */ S(T, { children: /* @__PURE__ */ S(E, {
 			productId: n,
-			client: i
-		}) }) : /* @__PURE__ */ x("p", {
+			client: a
+		}) }) : /* @__PURE__ */ S("p", {
 			role: "status",
 			children: r("unavailable", "AI operations are unavailable in this context.")
 		})]
 	});
 }
-function w({ children: e }) {
-	let t = o(), { workspaceId: n } = r();
-	return t ? e : /* @__PURE__ */ x(i, {
+function T({ children: e }) {
+	let t = s(), { workspaceId: n } = r();
+	return t ? e : /* @__PURE__ */ S(a, {
 		scopeId: n ?? null,
 		gateway: "workspace",
 		children: e
 	});
 }
-function T({ productId: e, client: i }) {
-	let o = n(), { workspaceId: C } = r(), w = a(), { locale: T } = t(), E = p(), D = v(() => ({
-		workspaceId: C ?? "",
-		actorId: o.user?.id ?? "",
-		profileId: o.activeProfileId,
-		accessToken: o.tokens?.accessToken ?? null,
-		workspaceToken: o.workspaceToken
+function E({ productId: e, client: i }) {
+	let a = n(), { workspaceId: s } = r(), w = o(), { locale: T } = t(), E = m(), D = y(() => ({
+		workspaceId: s ?? "",
+		actorId: a.user?.id ?? "",
+		profileId: a.activeProfileId,
+		accessToken: a.tokens?.accessToken ?? null,
+		workspaceToken: a.workspaceToken
 	}), [
-		C,
-		o.user?.id,
-		o.activeProfileId,
-		o.tokens?.accessToken,
-		o.workspaceToken
-	]), [O, k] = y(d), [A, j] = y({
+		s,
+		a.user?.id,
+		a.activeProfileId,
+		a.tokens?.accessToken,
+		a.workspaceToken
+	]), [O, k] = b(f), [A, j] = b({
 		scope: D,
 		models: 0,
 		providers: 0,
 		revision: 0
-	}), M = A.scope === D ? A.models : 0, N = A.scope === D ? A.providers : 0, P = A.scope === D ? A.revision : 0, F = (e) => o.isLoading ? "loading" : !o.isAuthenticated || !D.workspaceId || !D.actorId || !D.accessToken ? "unavailable" : w.isLoading || w.scopeId !== D.workspaceId ? "loading" : w.error ? "unavailable" : !w.isSuperAdmin && w.permissions?.actorId !== D.actorId ? "loading" : w.hasPermission(e) ? "ready" : "denied", I = v(() => ({ pagination: {
+	}), M = A.scope === D ? A.models : 0, N = A.scope === D ? A.providers : 0, P = A.scope === D ? A.revision : 0, F = (e) => a.isLoading ? "loading" : !a.isAuthenticated || !D.workspaceId || !D.actorId || !D.accessToken ? "unavailable" : w.isLoading || w.scopeId !== D.workspaceId ? "loading" : w.error ? "unavailable" : !w.isSuperAdmin && w.permissions?.actorId !== D.actorId ? "loading" : w.hasPermission(e) ? "ready" : "denied", I = y(() => ({ pagination: {
 		limit: 20,
 		offset: M
-	} }), [M]), L = v(() => ({ pagination: {
+	} }), [M]), L = y(() => ({ pagination: {
 		limit: 20,
 		offset: N
-	} }), [N]), R = v(() => ({
+	} }), [N]), R = y(() => ({
 		...O,
 		productKey: e
-	}), [O, e]), z = _((e) => u(e, "models"), []), B = _((e) => u(e, "providers"), []), V = _((t) => f(t, D.workspaceId, e, O), [
+	}), [O, e]), z = v((e) => d(e, "models"), []), B = v((e) => d(e, "providers"), []), V = v((t) => p(t, D.workspaceId, e, O), [
 		D.workspaceId,
 		e,
 		O
-	]), H = g(i, D, F("prompt-model:read"), s, I, z, P), U = g(i, D, F("prompt-provider:read"), c, L, B, P), W = g(i, D, F("prompt-invocation:read"), l, R, V, P);
+	]), H = _(i, D, F("prompt-model:read"), c, I, z, P), U = _(i, D, F("prompt-provider:read"), l, L, B, P), W = _(i, D, F("prompt-invocation:read"), u, R, V, P);
 	function G() {
-		k(d()), j({
+		k(f()), j({
 			scope: D,
 			models: M,
 			providers: N,
 			revision: P + 1
 		});
 	}
-	return /* @__PURE__ */ S(b, { children: [
-		/* @__PURE__ */ S("div", {
+	return /* @__PURE__ */ C(x, { children: [
+		/* @__PURE__ */ C("div", {
 			className: "flex flex-wrap items-center justify-between gap-3",
-			children: [/* @__PURE__ */ x("p", {
+			children: [/* @__PURE__ */ S("p", {
 				className: "text-sm text-muted-foreground",
 				children: E("readonly", "Read-only workspace view")
-			}), /* @__PURE__ */ x("button", {
+			}), /* @__PURE__ */ S("button", {
 				type: "button",
 				onClick: G,
 				className: "rounded-md border border-border px-3 py-2 text-sm font-medium focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
 				children: E("refresh", "Refresh")
 			})]
 		}),
-		/* @__PURE__ */ x(h, {
+		/* @__PURE__ */ S(g, {
 			state: W,
 			window: O,
 			locale: T
 		}),
-		/* @__PURE__ */ S("div", {
+		/* @__PURE__ */ C("div", {
 			className: "grid gap-6 lg:grid-cols-2",
-			children: [/* @__PURE__ */ x(m, {
+			children: [/* @__PURE__ */ S(h, {
 				kind: "models",
 				state: H,
 				offset: M,
@@ -113,7 +114,7 @@ function T({ productId: e, client: i }) {
 					providers: N,
 					revision: P
 				})
-			}), /* @__PURE__ */ x(m, {
+			}), /* @__PURE__ */ S(h, {
 				kind: "providers",
 				state: U,
 				offset: N,
@@ -129,4 +130,4 @@ function T({ productId: e, client: i }) {
 	] });
 }
 //#endregion
-export { C as AiPage };
+export { w as AiPage };

package/dist/shared-components.js

@@ -1,23 +1,24 @@
 import { SSORedirectSpinner as e, checkRemoteSLO as t, checkSLO as n, clearLocalAuthState as r, getSSORedirectUrl as i, redirectToSSO as a } from "./shared/components/SSORedirectGuard.js";
-import { ErrorBoundary as o } from "./shared/components/ErrorBoundary.js";
-import { RequireAuth as s, RequireGuest as c } from "./shared/components/RequireAuth.js";
-import { PermissionButton as l, PermissionGate as u, PermissionLink as d } from "./shared/components/PermissionGate.js";
-import { AccessDenied as f, PermissionDenied as p } from "./shared/components/AccessDenied.js";
-import { ErrorFallback as m } from "./shared/components/ErrorFallback.js";
-import { LoadingFallback as h, PageLoadingFallback as g, SectionLoadingFallback as _ } from "./shared/components/LoadingFallback.js";
-import { MicrofrontendErrorBoundary as v } from "./shared/components/MicrofrontendErrorBoundary.js";
-import { ConditionalShell as y } from "./shared/components/ConditionalShell.js";
-import { PWAInstallBanner as b } from "./shared/components/PWAInstallBanner.js";
-import { ErrorBoundary as x } from "./shared/components/AppErrorBoundary.js";
-import { ContextConversationWidget as S } from "./shared/components/ContextConversationWidget.js";
-import { KeyboardHelpDialogWrapper as C } from "./shared/components/KeyboardHelpDialogWrapper.js";
-import { QuotaMeter as w } from "./shared/components/QuotaMeter.js";
-import { UPGRADE_PROMPT_EVENT as T, UpgradePromptModal as E, dispatchUpgradePrompt as D } from "./shared/components/UpgradePromptModal.js";
-import { UpgradeInlineBanner as O } from "./shared/components/UpgradeInlineBanner.js";
-import { DEFAULT_QUOTA_UPGRADE_COPY as k, QuotaUpgradeBridge as A, captureQuotaDialogOwners as j, claimQuotaDialog as M, dispatchProductQuotaExhausted as N, quotaEventKind as P, resolveQuotaUpgradeCopy as F, useQuotaDialogOwnership as I, useQuotaUpgradeBridge as L, withQuotaDialogOwnership as R } from "./shared/components/QuotaUpgradeBridge.js";
-import { LandingGateView as z, LandingOrDashboardRedirect as B, hasStoredValidSession as V, resolveLandingGate as H } from "./shared/components/LandingOrDashboardRedirect.js";
-import { useVoiceInput as U } from "./shared/components/assistantWidget/useVoiceInput.js";
-import { ASSISTANT_WIDGET_TOGGLE_EVENT as W, AssistantWidget as G } from "./shared/components/assistantWidget/AssistantWidget.js";
-import { Markdown as K } from "./shared/components/Markdown.js";
-import { DesktopUpdateToast as q } from "./shared/components/DesktopUpdateToast.js";
-export { W as ASSISTANT_WIDGET_TOGGLE_EVENT, f as AccessDenied, x as AppErrorBoundary, G as AssistantWidget, y as ConditionalShell, S as ContextConversationWidget, k as DEFAULT_QUOTA_UPGRADE_COPY, q as DesktopUpdateToast, o as ErrorBoundary, m as ErrorFallback, C as KeyboardHelpDialogWrapper, z as LandingGateView, B as LandingOrDashboardRedirect, h as LoadingFallback, K as Markdown, v as MicrofrontendErrorBoundary, b as PWAInstallBanner, g as PageLoadingFallback, l as PermissionButton, p as PermissionDenied, u as PermissionGate, d as PermissionLink, w as QuotaMeter, A as QuotaUpgradeBridge, s as RequireAuth, c as RequireGuest, e as SSORedirectSpinner, _ as SectionLoadingFallback, T as UPGRADE_PROMPT_EVENT, O as UpgradeInlineBanner, E as UpgradePromptModal, j as captureQuotaDialogOwners, t as checkRemoteSLO, n as checkSLO, M as claimQuotaDialog, r as clearLocalAuthState, N as dispatchProductQuotaExhausted, D as dispatchUpgradePrompt, i as getSSORedirectUrl, V as hasStoredValidSession, P as quotaEventKind, a as redirectToSSO, H as resolveLandingGate, F as resolveQuotaUpgradeCopy, I as useQuotaDialogOwnership, L as useQuotaUpgradeBridge, U as useVoiceInput, R as withQuotaDialogOwnership };
+import { MAIN_CONTENT_ID as o, MainLandmark as s, PublicLayout as c, SkipToContentLink as l, focusSkipTarget as u, useInsideMainLandmark as d } from "./shared/components/SkipToContent.js";
+import { ErrorBoundary as f } from "./shared/components/ErrorBoundary.js";
+import { RequireAuth as p, RequireGuest as m } from "./shared/components/RequireAuth.js";
+import { PermissionButton as h, PermissionGate as g, PermissionLink as _ } from "./shared/components/PermissionGate.js";
+import { AccessDenied as v, PermissionDenied as y } from "./shared/components/AccessDenied.js";
+import { ErrorFallback as b } from "./shared/components/ErrorFallback.js";
+import { LoadingFallback as x, PageLoadingFallback as S, SectionLoadingFallback as C } from "./shared/components/LoadingFallback.js";
+import { MicrofrontendErrorBoundary as w } from "./shared/components/MicrofrontendErrorBoundary.js";
+import { ConditionalShell as T } from "./shared/components/ConditionalShell.js";
+import { PWAInstallBanner as E } from "./shared/components/PWAInstallBanner.js";
+import { ErrorBoundary as D } from "./shared/components/AppErrorBoundary.js";
+import { ContextConversationWidget as O } from "./shared/components/ContextConversationWidget.js";
+import { KeyboardHelpDialogWrapper as k } from "./shared/components/KeyboardHelpDialogWrapper.js";
+import { QuotaMeter as A } from "./shared/components/QuotaMeter.js";
+import { UPGRADE_PROMPT_EVENT as j, UpgradePromptModal as M, dispatchUpgradePrompt as N } from "./shared/components/UpgradePromptModal.js";
+import { UpgradeInlineBanner as P } from "./shared/components/UpgradeInlineBanner.js";
+import { DEFAULT_QUOTA_UPGRADE_COPY as F, QuotaUpgradeBridge as I, captureQuotaDialogOwners as L, claimQuotaDialog as R, dispatchProductQuotaExhausted as z, quotaEventKind as B, resolveQuotaUpgradeCopy as V, useQuotaDialogOwnership as H, useQuotaUpgradeBridge as U, withQuotaDialogOwnership as W } from "./shared/components/QuotaUpgradeBridge.js";
+import { LandingGateView as G, LandingOrDashboardRedirect as K, hasStoredValidSession as q, resolveLandingGate as J } from "./shared/components/LandingOrDashboardRedirect.js";
+import { useVoiceInput as Y } from "./shared/components/assistantWidget/useVoiceInput.js";
+import { ASSISTANT_WIDGET_TOGGLE_EVENT as X, AssistantWidget as Z } from "./shared/components/assistantWidget/AssistantWidget.js";
+import { Markdown as Q } from "./shared/components/Markdown.js";
+import { DesktopUpdateToast as $ } from "./shared/components/DesktopUpdateToast.js";
+export { X as ASSISTANT_WIDGET_TOGGLE_EVENT, v as AccessDenied, D as AppErrorBoundary, Z as AssistantWidget, T as ConditionalShell, O as ContextConversationWidget, F as DEFAULT_QUOTA_UPGRADE_COPY, $ as DesktopUpdateToast, f as ErrorBoundary, b as ErrorFallback, k as KeyboardHelpDialogWrapper, G as LandingGateView, K as LandingOrDashboardRedirect, x as LoadingFallback, o as MAIN_CONTENT_ID, s as MainLandmark, Q as Markdown, w as MicrofrontendErrorBoundary, E as PWAInstallBanner, S as PageLoadingFallback, h as PermissionButton, y as PermissionDenied, g as PermissionGate, _ as PermissionLink, c as PublicLayout, A as QuotaMeter, I as QuotaUpgradeBridge, p as RequireAuth, m as RequireGuest, e as SSORedirectSpinner, C as SectionLoadingFallback, l as SkipToContentLink, j as UPGRADE_PROMPT_EVENT, P as UpgradeInlineBanner, M as UpgradePromptModal, L as captureQuotaDialogOwners, t as checkRemoteSLO, n as checkSLO, R as claimQuotaDialog, r as clearLocalAuthState, z as dispatchProductQuotaExhausted, N as dispatchUpgradePrompt, u as focusSkipTarget, i as getSSORedirectUrl, q as hasStoredValidSession, B as quotaEventKind, a as redirectToSSO, J as resolveLandingGate, V as resolveQuotaUpgradeCopy, d as useInsideMainLandmark, H as useQuotaDialogOwnership, U as useQuotaUpgradeBridge, Y as useVoiceInput, W as withQuotaDialogOwnership };