@doneisbetter/gds-core 3.0.0 → 3.0.2

package/dist/server.js

@@ -22,13 +22,18 @@ var server_exports = {};
 __export(server_exports, {
   AccentPanel: () => AccentPanel,
   AccessSummary: () => AccessSummary,
+  ActiveFilterChips: () => ActiveFilterChips,
   ArticleShell: () => ArticleShell,
+  AsyncSurface: () => AsyncSurface,
   AuthShell: () => AuthShell,
+  BannerNotice: () => BannerNotice,
   BrowseSurface: () => BrowseSurface,
+  BulkActionsBar: () => BulkActionsBar,
   ChartTokenPanel: () => ChartTokenPanel,
   ChoiceChip: () => ChoiceChip,
   ConsumerDashboardGrid: () => ConsumerDashboardGrid,
   ConsumerSection: () => ConsumerSection,
+  CountBadge: () => CountBadge,
   CtaButtonGroup: () => CtaButtonGroup,
   DataToolbar: () => DataToolbar,
   DetailProfileShell: () => DetailProfileShell,
@@ -41,13 +46,17 @@ __export(server_exports, {
   FilterDrawer: () => FilterDrawer,
   FoodMenuSection: () => FoodMenuSection,
   FormField: () => FormField,
+  GdsChart: () => GdsChart,
   GdsIcons: () => GdsIcons,
   GdsVocabulary: () => GdsVocabulary,
+  InlineAlert: () => InlineAlert,
+  LabelTag: () => LabelTag,
   ListingCard: () => ListingCard,
   MapPanel: () => MapPanel,
   MediaCard: () => MediaCard,
   MediaField: () => MediaField,
   MetricCard: () => MetricCard,
+  NotificationCenterView: () => NotificationCenterView,
   PROVIDER_IDENTITY_REGISTRY: () => PROVIDER_IDENTITY_REGISTRY,
   PageHeader: () => PageHeader,
   PeriodSelector: () => PeriodSelector,
@@ -68,9 +77,11 @@ __export(server_exports, {
   ReferenceLocaleNotice: () => ReferenceLocaleNotice,
   ReferenceSection: () => ReferenceSection,
   ReportingSection: () => ReportingSection,
+  ResultSummary: () => ResultSummary,
   SectionPanel: () => SectionPanel,
   SimpleDataTable: () => SimpleDataTable,
   SocialAuthButtons: () => SocialAuthButtons,
+  SortMenu: () => SortMenu,
   StateBlock: () => StateBlock,
   StatsSection: () => StatsSection,
   StatusBadge: () => StatusBadge,
@@ -80,6 +91,8 @@ __export(server_exports, {
   en: () => en,
   es: () => es,
   fr: () => fr,
+  gdsCardSizePaddingMap: () => gdsCardSizePaddingMap,
+  gdsCardTitleOrderMap: () => gdsCardTitleOrderMap,
   gdsLocales: () => gdsLocales,
   getGdsMessages: () => getGdsMessages,
   getProviderIdentityLabel: () => getProviderIdentityLabel,
@@ -92,6 +105,7 @@ __export(server_exports, {
   isPresentationMode: () => isPresentationMode,
   it: () => it,
   mergeGdsVocabularyPacks: () => mergeGdsVocabularyPacks,
+  renderGdsLayout: () => renderGdsLayout,
   resolveAccentPanelStyles: () => resolveAccentPanelStyles,
   resolveSemanticActionConfig: () => resolveSemanticActionConfig,
   resolveSurfacePresentationStyles: () => resolveSurfacePresentationStyles,
@@ -394,9 +408,24 @@ var statusColorMap = {
   info: "blue",
   neutral: "gray"
 };
+var labelTagColorMap = {
+  neutral: "gray",
+  info: "blue",
+  warning: "yellow",
+  success: "green"
+};
 function StatusBadge({ status, children, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.Badge, { color: statusColorMap[status], variant: "light", ...props, children });
 }
+function LabelTag({ tone = "neutral", label, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.Badge, { color: labelTagColorMap[tone], variant: "outline", ...props, children: label });
+}
+function CountBadge({ value, cap = 99, srLabel, ...props }) {
+  const normalizedValue = Number.isFinite(value) ? Math.max(0, Math.floor(value)) : 0;
+  const normalizedCap = Math.max(1, Math.floor(cap));
+  const displayValue = normalizedValue > normalizedCap ? `${normalizedCap}+` : String(normalizedValue);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.Badge, { color: "violet", variant: "filled", "aria-label": srLabel, ...props, children: displayValue });
+}
 
 // src/EmptyState.tsx
 var import_core3 = require("@mantine/core");
@@ -709,6 +738,24 @@ function ConsumerDashboardGrid({
 
 // src/ProductCard.tsx
 var import_core11 = require("@mantine/core");
+
+// src/CardContracts.ts
+var gdsCardSizePaddingMap = {
+  xs: "xs",
+  sm: "sm",
+  md: "md",
+  lg: "lg",
+  xl: "xl"
+};
+var gdsCardTitleOrderMap = {
+  xs: 6,
+  sm: 5,
+  md: 4,
+  lg: 4,
+  xl: 3
+};
+
+// src/ProductCard.tsx
 var import_jsx_runtime13 = require("react/jsx-runtime");
 function ProductCard({
   title,
@@ -719,16 +766,17 @@ function ProductCard({
   metadata = [],
   primaryAction,
   secondaryActions = [],
-  footer
+  footer,
+  size = "md"
 }) {
   const MoreIcon = GdsIcons.Menu;
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core11.Card, { withBorder: true, radius: "lg", padding: "lg", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_core11.Stack, { gap: "md", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core11.Card, { withBorder: true, radius: "lg", padding: gdsCardSizePaddingMap[size], children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_core11.Stack, { gap: "md", children: [
     media,
     /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_core11.Group, { justify: "space-between", align: "flex-start", wrap: "nowrap", children: [
       /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_core11.Group, { align: "flex-start", gap: "sm", wrap: "nowrap", children: [
         icon ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core11.ThemeIcon, { variant: "light", size: "xl", radius: "xl", "aria-hidden": true, children: icon }) : null,
         /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_core11.Stack, { gap: 4, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core11.Title, { order: 4, children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core11.Title, { order: gdsCardTitleOrderMap[size], children: title }),
           description ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core11.Text, { size: "sm", c: "dimmed", lineClamp: 3, children: description }) : null
         ] })
       ] }),
@@ -913,8 +961,11 @@ function PublicProductCard({
   secondaryAction,
   metadata = [],
   compact = false,
+  size = "md",
   loading = false,
-  disabled = false
+  disabled = false,
+  interactiveMode = "none",
+  onSurfaceActivate
 }) {
   if (loading) {
     return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(LoadingCard, { compact });
@@ -930,11 +981,12 @@ function PublicProductCard({
   const pickupHelper = helperKind === "pickup" ? helperText : pickupNote;
   const inventoryHelper = helperKind === "inventory" ? helperText : inventoryNote;
   const hasSupportingRegion = Boolean(price || supportingHelper || pickupHelper || inventoryHelper);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core13.Card, { withBorder: true, radius: "lg", padding: compact ? "md" : "lg", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_core13.Stack, { gap: compact ? "sm" : "md", children: [
+  const interactiveProps = interactiveMode === "surface-button" ? { component: "button", type: "button", onClick: onSurfaceActivate } : {};
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core13.Card, { withBorder: true, radius: "lg", padding: compact ? "md" : gdsCardSizePaddingMap[size], ...interactiveProps, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_core13.Stack, { gap: compact ? "sm" : "md", children: [
     image ?? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ImageFallback, { compact }),
     /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_core13.Group, { justify: "space-between", align: "flex-start", wrap: "nowrap", gap: "sm", children: [
       /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_core13.Stack, { gap: 4, style: { minWidth: 0, flex: 1 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core13.Title, { order: compact ? 5 : 4, lineClamp: 2, children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core13.Title, { order: compact ? 5 : gdsCardTitleOrderMap[size], lineClamp: 2, children: title }),
         description ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core13.Text, { size: "sm", c: "dimmed", lineClamp: compact ? 2 : 3, children: description }) : null
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core13.Badge, { variant: "light", color: stateBadge.color, children: stateBadge.label })
@@ -1199,17 +1251,27 @@ function ListingCard({
   primaryAction,
   saveAction,
   shareAction,
-  compact = false
+  compact = false,
+  size = "md",
+  interactiveMode = "none",
+  revealContent,
+  onSurfaceActivate,
+  defaultFlipped = false
 }) {
+  const cardPadding = compact ? "md" : gdsCardSizePaddingMap[size];
   const titleContent = href && typeof title === "string" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core16.Text, { component: "a", href, inherit: true, td: "none", children: title }) : title;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core16.Card, { withBorder: true, radius: "lg", padding: compact ? "md" : "lg", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_core16.Stack, { gap: compact ? "sm" : "md", children: [
+  const interactiveProps = interactiveMode === "surface-link" && href ? { component: "a", href } : interactiveMode === "surface-button" ? { component: "button", type: "button", onClick: onSurfaceActivate } : {};
+  if (interactiveMode === "flip" && defaultFlipped && revealContent) {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core16.Card, { withBorder: true, radius: "lg", padding: cardPadding, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core16.Stack, { gap: "sm", children: revealContent }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core16.Card, { withBorder: true, radius: "lg", padding: cardPadding, ...interactiveProps, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_core16.Stack, { gap: compact ? "sm" : "md", children: [
     image ?? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ListingImageFallback, { mediaRatio }),
     featured || sponsoredDisclosure ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_core16.Group, { justify: "space-between", gap: "sm", wrap: "wrap", children: [
       featured ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core16.Badge, { variant: "light", color: "violet", children: "Featured" }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", {}),
       sponsoredDisclosure ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core16.Text, { size: "xs", c: "dimmed", children: sponsoredDisclosure }) : null
     ] }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_core16.Stack, { gap: 4, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core16.Title, { order: compact ? 5 : 4, lineClamp: 2, children: titleContent }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core16.Title, { order: compact ? 5 : gdsCardTitleOrderMap[size], lineClamp: 2, children: titleContent }),
       description ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core16.Text, { size: "sm", c: "dimmed", lineClamp: compact ? 2 : 3, children: description }) : null
     ] }),
     metadata.length ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core16.Stack, { gap: "xs", children: metadata.map((item) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_core16.Group, { justify: "space-between", align: "flex-start", gap: "sm", wrap: "nowrap", children: [
@@ -1224,7 +1286,8 @@ function ListingCard({
       /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_core16.Group, { gap: "xs", wrap: "nowrap", justify: "flex-end", style: { marginInlineStart: "auto" }, children: [
         saveAction ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ListingAffordance, { affordance: saveAction }) : null,
         shareAction ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ListingAffordance, { affordance: shareAction }) : null,
-        primaryAction
+        primaryAction,
+        interactiveMode === "flip" && revealContent ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core16.Text, { size: "xs", c: "dimmed", children: "Flip mode supports reveal surfaces." }) : null
       ] })
     ] })
   ] }) });
@@ -1465,20 +1528,209 @@ function DetailProfileShell({
   ] }) });
 }
 
+// src/AsyncSurface.tsx
+var import_jsx_runtime23 = require("react/jsx-runtime");
+function getRetryAction(onRetry) {
+  if (!onRetry) {
+    return void 0;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { type: "button", onClick: onRetry, children: "Retry" });
+}
+function renderStateBlock({
+  variant,
+  title,
+  description,
+  compact,
+  presentation,
+  minHeight,
+  contentAlign,
+  contentJustify,
+  action
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    StateBlock,
+    {
+      variant,
+      title,
+      description,
+      action,
+      compact,
+      presentation,
+      minHeight,
+      contentAlign,
+      contentJustify
+    }
+  );
+}
+function AsyncSurface({
+  state,
+  successContent,
+  idleContent,
+  loadingTitle = "Loading",
+  loadingDescription = "This surface is still synchronizing.",
+  emptyTitle = "No results",
+  emptyDescription = "No data is available for this surface yet.",
+  errorTitle = "Unable to load",
+  errorDescription = "Something went wrong while preparing this surface.",
+  refreshingTitle = "Refreshing",
+  refreshingDescription = "The latest data is being fetched.",
+  onRetry,
+  retryAction,
+  compact = false,
+  presentation = "inline",
+  minHeight,
+  contentAlign,
+  contentJustify
+}) {
+  const fallbackRetryAction = retryAction ?? getRetryAction(onRetry);
+  if (state === "success") {
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_jsx_runtime23.Fragment, { children: successContent });
+  }
+  if (state === "idle") {
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_jsx_runtime23.Fragment, { children: idleContent ?? successContent ?? null });
+  }
+  if (state === "loading") {
+    return renderStateBlock({
+      variant: "loading",
+      title: loadingTitle,
+      description: loadingDescription,
+      compact,
+      presentation,
+      minHeight,
+      contentAlign,
+      contentJustify
+    });
+  }
+  if (state === "empty") {
+    return renderStateBlock({
+      variant: "empty",
+      title: emptyTitle,
+      description: emptyDescription,
+      compact,
+      presentation,
+      minHeight,
+      contentAlign,
+      contentJustify,
+      action: fallbackRetryAction
+    });
+  }
+  if (state === "error") {
+    return renderStateBlock({
+      variant: "error",
+      title: errorTitle,
+      description: errorDescription,
+      compact,
+      presentation,
+      minHeight,
+      contentAlign,
+      contentJustify,
+      action: fallbackRetryAction
+    });
+  }
+  return renderStateBlock({
+    variant: "info",
+    title: refreshingTitle,
+    description: refreshingDescription,
+    compact,
+    presentation,
+    minHeight,
+    contentAlign,
+    contentJustify
+  });
+}
+
+// src/ListingPrimitives.tsx
+var import_core21 = require("@mantine/core");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+function ActiveFilterChips({
+  filters,
+  emptyLabel = "No active filters."
+}) {
+  if (!filters.length) {
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core21.Text, { size: "sm", c: "dimmed", children: emptyLabel });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core21.Group, { gap: "xs", children: filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    import_core21.Badge,
+    {
+      variant: "light",
+      rightSection: filter.onRemove ? "\xD7" : void 0,
+      style: filter.onRemove ? { cursor: "pointer" } : void 0,
+      onClick: filter.onRemove,
+      children: filter.label
+    },
+    filter.id
+  )) });
+}
+function ResultSummary({
+  resultCount,
+  noun = "results",
+  description
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_core21.Stack, { gap: 2, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_core21.Text, { size: "sm", fw: 600, children: [
+      resultCount,
+      " ",
+      noun
+    ] }),
+    description ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core21.Text, { size: "xs", c: "dimmed", children: description }) : null
+  ] });
+}
+function SortMenu({
+  value,
+  options,
+  onChange,
+  label = "Sort"
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    import_core21.Select,
+    {
+      "aria-label": label,
+      label,
+      value,
+      data: options,
+      onChange: (next) => {
+        if (next) {
+          onChange?.(next);
+        }
+      },
+      w: 220
+    }
+  );
+}
+function BulkActionsBar({
+  selectedCount,
+  actions,
+  clearAction
+}) {
+  if (selectedCount <= 0) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_core21.Group, { justify: "space-between", align: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_core21.Text, { size: "sm", fw: 600, children: [
+      selectedCount,
+      " selected"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_core21.Group, { gap: "xs", children: [
+      actions,
+      clearAction ?? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core21.Button, { variant: "subtle", size: "xs", children: "Clear selection" })
+    ] })
+  ] });
+}
+
 // src/PublicShell.tsx
-var import_core22 = require("@mantine/core");
+var import_core23 = require("@mantine/core");
 
 // src/PublicNav.tsx
-var import_core21 = require("@mantine/core");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_core22 = require("@mantine/core");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function PublicNav({ items, activeId, renderLink }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_core21.Group, { component: "nav", "aria-label": "Primary", gap: "lg", wrap: "nowrap", children: items.map((item) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_core22.Group, { component: "nav", "aria-label": "Primary", gap: "lg", wrap: "nowrap", children: items.map((item) => {
     const active = item.id === activeId;
     if (renderLink) {
-      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: renderLink(item, active) }, item.id);
+      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: renderLink(item, active) }, item.id);
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-      import_core21.Anchor,
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      import_core22.Anchor,
       {
         href: item.href,
         "aria-current": active ? "page" : void 0,
@@ -1495,15 +1747,15 @@ function PublicNav({ items, activeId, renderLink }) {
 }
 
 // src/PublicShell.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function InlineMobileNavigation({
   mobileNavigation,
   className,
   mode
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_core22.Box, { component: "details", hiddenFrom: "sm", className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
-      import_core22.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_core23.Box, { component: "details", hiddenFrom: "sm", className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+      import_core23.Box,
       {
         component: "summary",
         "aria-label": mode === "drawer" ? "Open site navigation drawer" : "Open site navigation",
@@ -1515,13 +1767,13 @@ function InlineMobileNavigation({
           gap: "0.5rem"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core22.Burger, { opened: false, "aria-hidden": true }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core22.Text, { size: "sm", fw: 600, children: "Menu" })
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core23.Burger, { opened: false, "aria-hidden": true }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core23.Text, { size: "sm", fw: 600, children: "Menu" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-      import_core22.Box,
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      import_core23.Box,
       {
         mt: "sm",
         p: "sm",
@@ -1530,7 +1782,7 @@ function InlineMobileNavigation({
           border: "1px solid var(--mantine-color-default-border)",
           background: mode === "drawer" ? "light-dark(var(--mantine-color-white), color-mix(in srgb, var(--mantine-color-dark-7) 92%, black))" : "var(--mantine-color-body)"
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core22.Stack, { gap: "sm", children: mobileNavigation })
+        children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core23.Stack, { gap: "sm", children: mobileNavigation })
       }
     )
   ] });
@@ -1551,30 +1803,30 @@ function PublicShell({
   mobileNavigationMode = "sheet",
   classNames
 }) {
-  const resolvedNavigation = navigation ?? (navItems ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(PublicNav, { items: navItems, activeId: activeNavId }) : null);
+  const resolvedNavigation = navigation ?? (navItems ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PublicNav, { items: navItems, activeId: activeNavId }) : null);
   const containerSize = maxContentWidth ?? (compact ? "md" : "lg");
   const headerHeight = headerVariant === "compact" ? 64 : headerVariant === "branded-quiet" ? 88 : 72;
   const mainPadding = headerVariant === "compact" ? "lg" : "xl";
   const usesInlineMobileNavigation = Boolean(mobileNavigation) && mobileNavigationMode !== "sheet";
   const usesSheetMobileNavigation = Boolean(mobileNavigation) && mobileNavigationMode === "sheet";
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
-    import_core22.AppShell,
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    import_core23.AppShell,
     {
       className: classNames?.root,
       header: { height: headerHeight },
       footer: usesSheetMobileNavigation ? { height: 68 } : void 0,
       padding: 0,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core22.AppShell.Header, { withBorder: headerBordered, className: classNames?.header, "data-header-variant": headerVariant, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core22.Container, { size: containerSize, h: "100%", py: headerVariant === "branded-quiet" ? "sm" : 0, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
-          import_core22.Group,
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core23.AppShell.Header, { withBorder: headerBordered, className: classNames?.header, "data-header-variant": headerVariant, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core23.Container, { size: containerSize, h: "100%", py: headerVariant === "branded-quiet" ? "sm" : 0, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+          import_core23.Group,
           {
             h: "100%",
             justify: "space-between",
             wrap: "nowrap",
             gap: headerVariant === "compact" ? "sm" : "lg",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_core22.Group, { wrap: "nowrap", gap: headerVariant === "compact" ? "xs" : "sm", className: classNames?.brand, children: [
-                usesInlineMobileNavigation ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_core23.Group, { wrap: "nowrap", gap: headerVariant === "compact" ? "xs" : "sm", className: classNames?.brand, children: [
+                usesInlineMobileNavigation ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                   InlineMobileNavigation,
                   {
                     mobileNavigation,
@@ -1582,17 +1834,17 @@ function PublicShell({
                     mode: mobileNavigationMode
                   }
                 ) : null,
-                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core22.Box, { children: brand })
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core23.Box, { children: brand })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core22.Group, { visibleFrom: "sm", gap: headerVariant === "compact" ? "md" : "lg", className: classNames?.navigation, children: resolvedNavigation }),
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core22.Group, { gap: "sm", className: classNames?.actions, children: actions })
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core23.Group, { visibleFrom: "sm", gap: headerVariant === "compact" ? "md" : "lg", className: classNames?.navigation, children: resolvedNavigation }),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core23.Group, { gap: "sm", className: classNames?.actions, children: actions })
             ]
           }
         ) }) }),
-        usesSheetMobileNavigation ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core22.AppShell.Footer, { withBorder: true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core22.Container, { size: containerSize, h: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core22.Group, { h: "100%", justify: "space-around", wrap: "nowrap", children: mobileNavigation }) }) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_core22.AppShell.Main, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core22.Container, { size: containerSize, py: mainPadding, className: classNames?.content, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core22.Stack, { gap: "xl", children }) }),
-          footer ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core22.Box, { component: typeof footer === "string" ? "footer" : "div", py: "xl", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core22.Container, { size: containerSize, children: typeof footer === "string" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core22.Text, { size: "sm", c: "dimmed", children: footer }) : footer }) }) : null
+        usesSheetMobileNavigation ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core23.AppShell.Footer, { withBorder: true, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core23.Container, { size: containerSize, h: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core23.Group, { h: "100%", justify: "space-around", wrap: "nowrap", children: mobileNavigation }) }) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_core23.AppShell.Main, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core23.Container, { size: containerSize, py: mainPadding, className: classNames?.content, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core23.Stack, { gap: "xl", children }) }),
+          footer ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core23.Box, { component: typeof footer === "string" ? "footer" : "div", py: "xl", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core23.Container, { size: containerSize, children: typeof footer === "string" ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core23.Text, { size: "sm", c: "dimmed", children: footer }) : footer }) }) : null
         ] })
       ]
     }
@@ -1600,18 +1852,18 @@ function PublicShell({
 }
 
 // src/PublicSiteFooter.tsx
-var import_core23 = require("@mantine/core");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_core24 = require("@mantine/core");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function PublicSiteFooter({ children, meta }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_core23.Stack, { component: "footer", gap: "xs", children: [
-    children ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_core23.Text, { size: "sm", children }) : null,
-    meta ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_core23.Group, { gap: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_core23.Text, { size: "xs", c: "dimmed", children: meta }) }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_core24.Stack, { component: "footer", gap: "xs", children: [
+    children ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_core24.Text, { size: "sm", children }) : null,
+    meta ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_core24.Group, { gap: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_core24.Text, { size: "xs", c: "dimmed", children: meta }) }) : null
   ] });
 }
 
 // src/PublicBrandFooter.tsx
-var import_core24 = require("@mantine/core");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_core25 = require("@mantine/core");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function PublicBrandFooter({
   media,
   brandTitle,
@@ -1626,8 +1878,8 @@ function PublicBrandFooter({
   const mediaSpan = layoutVariant === "immersive-media" ? 5 : 4;
   const primarySpan = media ? layoutVariant === "balanced-quote" ? 4 : 4 : secondary ? 6 : 12;
   const secondarySpan = media ? Math.max(3, 12 - mediaSpan - primarySpan) : Math.max(4, 12 - primarySpan);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-    import_core24.Paper,
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    import_core25.Paper,
     {
       component: "footer",
       withBorder: true,
@@ -1635,19 +1887,19 @@ function PublicBrandFooter({
       p: compact ? "lg" : "xl",
       className: classNames?.root,
       "data-layout-variant": layoutVariant,
-      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_core24.Stack, { gap: "lg", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_core24.Grid, { gutter: compact ? "lg" : "xl", align: "flex-start", children: [
-          media ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core24.Grid.Col, { span: { base: 12, md: mediaSpan }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core24.Box, { className: classNames?.media, children: media }) }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core24.Grid.Col, { span: { base: 12, md: primarySpan }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_core24.Stack, { gap: compact ? "xs" : "sm", className: classNames?.primary, children: [
-            brandTitle ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core24.Title, { order: 4, children: brandTitle }) : null,
-            description ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core24.Text, { c: "dimmed", children: description }) : null,
-            actions ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core24.Box, { children: actions }) : null
+      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_core25.Stack, { gap: "lg", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_core25.Grid, { gutter: compact ? "lg" : "xl", align: "flex-start", children: [
+          media ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_core25.Grid.Col, { span: { base: 12, md: mediaSpan }, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_core25.Box, { className: classNames?.media, children: media }) }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_core25.Grid.Col, { span: { base: 12, md: primarySpan }, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_core25.Stack, { gap: compact ? "xs" : "sm", className: classNames?.primary, children: [
+            brandTitle ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_core25.Title, { order: 4, children: brandTitle }) : null,
+            description ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_core25.Text, { c: "dimmed", children: description }) : null,
+            actions ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_core25.Box, { children: actions }) : null
           ] }) }),
-          secondary ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core24.Grid.Col, { span: { base: 12, md: secondarySpan }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core24.Stack, { gap: compact ? "xs" : "sm", className: classNames?.secondary, children: secondary }) }) : null
+          secondary ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_core25.Grid.Col, { span: { base: 12, md: secondarySpan }, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_core25.Stack, { gap: compact ? "xs" : "sm", className: classNames?.secondary, children: secondary }) }) : null
         ] }),
-        legal ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core24.Divider, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core24.Group, { justify: "space-between", gap: "sm", wrap: "wrap", className: classNames?.legal, children: typeof legal === "string" ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core24.Text, { size: "sm", c: "dimmed", children: legal }) : legal })
+        legal ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_core25.Divider, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_core25.Group, { justify: "space-between", gap: "sm", wrap: "wrap", className: classNames?.legal, children: typeof legal === "string" ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_core25.Text, { size: "sm", c: "dimmed", children: legal }) : legal })
         ] }) : null
       ] })
     }
@@ -1655,8 +1907,8 @@ function PublicBrandFooter({
 }
 
 // src/AuthShell.tsx
-var import_core25 = require("@mantine/core");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_core26 = require("@mantine/core");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function AuthShell({
   title,
   description,
@@ -1672,37 +1924,37 @@ function AuthShell({
   dividerLabel = "Or continue with your account",
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_core25.Box, { py: { base: "xl", md: "4rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_core25.Container, { size: "xs", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_core25.Stack, { gap: "xl", children: [
-    brand || headerActions ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_core25.Group, { justify: brand && headerActions ? "space-between" : "center", align: "center", children: [
-      brand ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_core25.Box, { children: brand }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_core25.Box, {}),
-      headerActions ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_core25.Group, { gap: "sm", children: headerActions }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core26.Box, { py: { base: "xl", md: "4rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core26.Container, { size: "xs", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core26.Stack, { gap: "xl", children: [
+    brand || headerActions ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core26.Group, { justify: brand && headerActions ? "space-between" : "center", align: "center", children: [
+      brand ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core26.Box, { children: brand }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core26.Box, {}),
+      headerActions ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core26.Group, { gap: "sm", children: headerActions }) : null
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_core25.Card, { withBorder: true, radius: "lg", padding: "xl", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_core25.Stack, { gap: "lg", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_core25.Stack, { gap: "xs", ta: "center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_core25.Group, { justify: "center", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_core25.Badge, { variant: "light", color: intent === "account-linking" ? "blue" : intent === "guest-entry" ? "gray" : "teal", children: intent.replace("-", " ") }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_core25.Title, { order: 2, children: title }),
-        description ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_core25.Text, { c: "dimmed", size: "sm", children: description }) : null
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core26.Card, { withBorder: true, radius: "lg", padding: "xl", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core26.Stack, { gap: "lg", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core26.Stack, { gap: "xs", ta: "center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core26.Group, { justify: "center", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core26.Badge, { variant: "light", color: intent === "account-linking" ? "blue" : intent === "guest-entry" ? "gray" : "teal", children: intent.replace("-", " ") }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core26.Title, { order: 2, children: title }),
+        description ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core26.Text, { c: "dimmed", size: "sm", children: description }) : null
       ] }),
-      error ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_core25.Alert, { color: "red", variant: "light", role: "alert", children: error }) : null,
-      socialAuth ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_core25.Box, { children: socialAuth }) : null,
-      socialAuth ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_core25.Divider, { label: dividerLabel, labelPosition: "center" }) : null,
+      error ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core26.Alert, { color: "red", variant: "light", role: "alert", children: error }) : null,
+      socialAuth ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core26.Box, { children: socialAuth }) : null,
+      socialAuth ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core26.Divider, { label: dividerLabel, labelPosition: "center" }) : null,
       children,
-      guestAction || supportAction ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_core25.Group, { justify: "center", gap: "sm", children: [
+      guestAction || supportAction ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core26.Group, { justify: "center", gap: "sm", children: [
         guestAction,
         supportAction
       ] }) : null,
-      helper ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_core25.Text, { size: "sm", c: "dimmed", ta: "center", children: helper }) : null
+      helper ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core26.Text, { size: "sm", c: "dimmed", ta: "center", children: helper }) : null
     ] }) }),
-    footer ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_core25.Text, { size: "sm", c: "dimmed", ta: "center", children: footer }) : null
+    footer ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core26.Text, { size: "sm", c: "dimmed", ta: "center", children: footer }) : null
   ] }) }) });
 }
 
 // src/SocialAuthButtons.tsx
-var import_core27 = require("@mantine/core");
+var import_core28 = require("@mantine/core");
 
 // src/ProviderIdentityButtons.tsx
-var import_core26 = require("@mantine/core");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_core27 = require("@mantine/core");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var PROVIDER_IDENTITY_REGISTRY = {
   google: {
     providerLabel: "Google",
@@ -1808,15 +2060,15 @@ function getProviderIdentityPolicy(provider) {
 }
 function ProviderIdentityMark({ provider }) {
   const meta = getProviderIdentityMeta(provider);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-    import_core26.ThemeIcon,
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    import_core27.ThemeIcon,
     {
       variant: "light",
       color: meta.brandColor,
       radius: "xl",
       size: "md",
       "aria-hidden": "true",
-      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_core26.Text, { size: "xs", fw: 700, c: "inherit", children: meta.markLabel })
+      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core27.Text, { size: "xs", fw: 700, c: "inherit", children: meta.markLabel })
     }
   );
 }
@@ -1847,8 +2099,8 @@ function ProviderIdentityButton({
   } : {
     onClick
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-    import_core26.Button,
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    import_core27.Button,
     {
       variant: mapVariant(variant),
       color: variant === "solid" ? meta.brandColor : void 0,
@@ -1857,17 +2109,17 @@ function ProviderIdentityButton({
       size,
       "aria-label": ariaLabel ?? (typeof buttonLabel === "string" ? buttonLabel : void 0),
       "aria-describedby": describedBy,
-      leftSection: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ProviderIdentityMark, { provider }),
+      leftSection: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ProviderIdentityMark, { provider }),
       disabled: resolvedDisabled,
       loading,
       styles: { root: { minHeight: minTouchTargetPx } },
       ...buttonProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_core26.Stack, { gap: 0, align: "flex-start", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_core26.Text, { inherit: true, children: buttonLabel }),
-        description ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_core26.Text, { size: "xs", c: "dimmed", lh: 1.2, children: description }) : null,
-        policyNote ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_core26.Text, { size: "xs", c: "dimmed", lh: 1.2, children: policyNote }) : null,
-        tenantDisabledReason ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_core26.Text, { size: "xs", c: "orange.7", lh: 1.2, children: tenantDisabledReason }) : null,
-        error ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_core26.Text, { size: "xs", c: "red.7", lh: 1.2, role: "alert", children: error }) : null
+      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_core27.Stack, { gap: 0, align: "flex-start", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core27.Text, { inherit: true, children: buttonLabel }),
+        description ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core27.Text, { size: "xs", c: "dimmed", lh: 1.2, children: description }) : null,
+        policyNote ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core27.Text, { size: "xs", c: "dimmed", lh: 1.2, children: policyNote }) : null,
+        tenantDisabledReason ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core27.Text, { size: "xs", c: "orange.7", lh: 1.2, children: tenantDisabledReason }) : null,
+        error ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core27.Text, { size: "xs", c: "red.7", lh: 1.2, role: "alert", children: error }) : null
       ] })
     }
   );
@@ -1878,16 +2130,16 @@ function ProviderIdentityButtonGroup({ providers, layout = "stack" }) {
   }
   const content = providers.map((entry, index) => {
     const key = `${normalizeProviderId(String(entry.provider)) || "provider"}-${index}`;
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ProviderIdentityButton, { ...entry }, key);
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ProviderIdentityButton, { ...entry }, key);
   });
   if (layout === "grid") {
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_core26.SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", children: content });
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core27.SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", children: content });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_core26.Stack, { gap: "sm", children: content });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core27.Stack, { gap: "sm", children: content });
 }
 
 // src/SocialAuthButtons.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function SocialAuthButtons({
   providers,
   title = "Continue with a trusted provider",
@@ -1912,53 +2164,53 @@ function SocialAuthButtons({
     size: provider.size ?? (compact ? "sm" : "md"),
     variant: provider.variant
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core27.Stack, { gap: "md", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core27.Stack, { gap: 4, ta: "center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core27.Group, { justify: "center", gap: "xs", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(GdsIcons.Login, { size: "1rem" }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core27.Text, { fw: 600, children: title })
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_core28.Stack, { gap: "md", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_core28.Stack, { gap: 4, ta: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_core28.Group, { justify: "center", gap: "xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(GdsIcons.Login, { size: "1rem" }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_core28.Text, { fw: 600, children: title })
       ] }),
-      description ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core27.Text, { size: "sm", c: "dimmed", children: description }) : null
+      description ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_core28.Text, { size: "sm", c: "dimmed", children: description }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core27.Divider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ProviderIdentityButtonGroup, { providers: buttons, layout })
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_core28.Divider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ProviderIdentityButtonGroup, { providers: buttons, layout })
   ] });
 }
 
 // src/ArticleShell.tsx
-var import_core28 = require("@mantine/core");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_core29 = require("@mantine/core");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function ArticleShell({ eyebrow, title, lead, meta, sideRail, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core28.Container, { size: "lg", py: "xl", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_core28.Group, { align: "flex-start", gap: "xl", wrap: "nowrap", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_core28.Stack, { gap: "lg", maw: 760, flex: 1, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_core28.Stack, { gap: "sm", children: [
-        eyebrow ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core28.Text, { size: "sm", fw: 700, c: "dimmed", tt: "uppercase", children: eyebrow }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core28.Title, { order: 1, children: title }),
-        lead ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core28.Text, { size: "lg", c: "dimmed", children: lead }) : null,
-        meta ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core28.Group, { gap: "md", children: meta }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core29.Container, { size: "lg", py: "xl", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_core29.Group, { align: "flex-start", gap: "xl", wrap: "nowrap", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_core29.Stack, { gap: "lg", maw: 760, flex: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_core29.Stack, { gap: "sm", children: [
+        eyebrow ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core29.Text, { size: "sm", fw: 700, c: "dimmed", tt: "uppercase", children: eyebrow }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core29.Title, { order: 1, children: title }),
+        lead ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core29.Text, { size: "lg", c: "dimmed", children: lead }) : null,
+        meta ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core29.Group, { gap: "md", children: meta }) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core28.Stack, { gap: "md", children })
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core29.Stack, { gap: "md", children })
     ] }),
-    sideRail ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core28.Stack, { visibleFrom: "lg", gap: "md", w: 240, children: sideRail }) : null
+    sideRail ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core29.Stack, { visibleFrom: "lg", gap: "md", w: 240, children: sideRail }) : null
   ] }) });
 }
 
 // src/CtaButtonGroup.tsx
-var import_core29 = require("@mantine/core");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_core30 = require("@mantine/core");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function CtaButtonGroup({ primary, secondary, tertiary }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_core29.Stack, { gap: "sm", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_core29.Group, { gap: "sm", align: "stretch", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { children: primary }),
-      secondary ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { children: secondary }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_core30.Stack, { gap: "sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_core30.Group, { gap: "sm", align: "stretch", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { children: primary }),
+      secondary ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { children: secondary }) : null
     ] }),
-    tertiary ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { children: tertiary }) : null
+    tertiary ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { children: tertiary }) : null
   ] });
 }
 
 // src/DocsPageShell.tsx
-var import_core30 = require("@mantine/core");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_core31 = require("@mantine/core");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function DocsPageShell({
   breadcrumbs = [],
   title,
@@ -1969,27 +2221,27 @@ function DocsPageShell({
   footerNext,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core30.Container, { fluid: true, py: "xl", px: { base: "md", md: "lg", lg: "xl" }, w: "100%", maw: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_core30.Group, { align: "flex-start", gap: "xl", wrap: "nowrap", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_core30.Stack, { component: "article", gap: "lg", flex: 1, miw: 0, children: [
-      breadcrumbs.length ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core30.Breadcrumbs, { children: breadcrumbs.map(
-        (crumb) => crumb.href ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core30.Anchor, { href: crumb.href, children: crumb.label }, `${crumb.label}-${crumb.href}`) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core30.Text, { children: crumb.label }, crumb.label)
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core31.Container, { fluid: true, py: "xl", px: { base: "md", md: "lg", lg: "xl" }, w: "100%", maw: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_core31.Group, { align: "flex-start", gap: "xl", wrap: "nowrap", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_core31.Stack, { component: "article", gap: "lg", flex: 1, miw: 0, children: [
+      breadcrumbs.length ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core31.Breadcrumbs, { children: breadcrumbs.map(
+        (crumb) => crumb.href ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core31.Anchor, { href: crumb.href, children: crumb.label }, `${crumb.label}-${crumb.href}`) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core31.Text, { children: crumb.label }, crumb.label)
       ) }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_core30.Stack, { gap: "sm", children: [
-        eyebrow ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core30.Text, { size: "sm", fw: 700, c: "dimmed", children: eyebrow }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core30.Title, { order: 1, children: title }),
-        lead ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core30.Text, { size: "lg", c: "dimmed", children: lead }) : null,
-        meta ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core30.Group, { gap: "md", children: meta }) : null
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_core31.Stack, { gap: "sm", children: [
+        eyebrow ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core31.Text, { size: "sm", fw: 700, c: "dimmed", children: eyebrow }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core31.Title, { order: 1, children: title }),
+        lead ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core31.Text, { size: "lg", c: "dimmed", children: lead }) : null,
+        meta ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core31.Group, { gap: "md", children: meta }) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core30.Stack, { gap: "md", children }),
-      footerNext ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core30.Anchor, { href: footerNext.href, fw: 600, children: footerNext.label }) : null
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core31.Stack, { gap: "md", children }),
+      footerNext ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core31.Anchor, { href: footerNext.href, fw: 600, children: footerNext.label }) : null
     ] }),
-    sideRail ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core30.Stack, { visibleFrom: "lg", gap: "md", w: 240, children: sideRail }) : null
+    sideRail ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core31.Stack, { visibleFrom: "lg", gap: "md", w: 240, children: sideRail }) : null
   ] }) });
 }
 
 // src/EditorialHero.tsx
-var import_core31 = require("@mantine/core");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_core32 = require("@mantine/core");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function resolveActionVariant(action, index, seenPrimary) {
   const requested = action.variant ?? (index === 0 ? "primary" : "secondary");
   if (requested === "primary" && !seenPrimary) {
@@ -2001,8 +2253,8 @@ function resolveActionVariant(action, index, seenPrimary) {
   return { variant: "default", seenPrimary };
 }
 function HeroAction({ action, variant }) {
-  const content = /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-    import_core31.Anchor,
+  const content = /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    import_core32.Anchor,
     {
       href: action.href,
       onClick: action.onClick,
@@ -2026,8 +2278,8 @@ function HeroAction({ action, variant }) {
     }
   );
   if (!action.href) {
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-      import_core31.Box,
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      import_core32.Box,
       {
         component: "button",
         type: "button",
@@ -2054,30 +2306,30 @@ function HeroAction({ action, variant }) {
   return content;
 }
 function LoadingHero({ compact }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_core31.Paper, { withBorder: true, radius: "xl", p: compact ? "lg" : "xl", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_core31.Grid, { gutter: compact ? "lg" : "xl", align: "center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_core31.Grid.Col, { span: { base: 12, md: 6 }, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_core31.Stack, { gap: "md", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_core31.Skeleton, { height: 16, width: 96, radius: "xl" }),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_core31.Skeleton, { height: 48, width: "90%", radius: "md" }),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_core31.Skeleton, { height: 18, width: "100%", radius: "md" }),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_core31.Skeleton, { height: 18, width: "82%", radius: "md" }),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_core31.Group, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_core31.Skeleton, { height: 40, width: 140, radius: "md" }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_core31.Skeleton, { height: 40, width: 140, radius: "md" })
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core32.Paper, { withBorder: true, radius: "xl", p: compact ? "lg" : "xl", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_core32.Grid, { gutter: compact ? "lg" : "xl", align: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core32.Grid.Col, { span: { base: 12, md: 6 }, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_core32.Stack, { gap: "md", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core32.Skeleton, { height: 16, width: 96, radius: "xl" }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core32.Skeleton, { height: 48, width: "90%", radius: "md" }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core32.Skeleton, { height: 18, width: "100%", radius: "md" }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core32.Skeleton, { height: 18, width: "82%", radius: "md" }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_core32.Group, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core32.Skeleton, { height: 40, width: 140, radius: "md" }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core32.Skeleton, { height: 40, width: 140, radius: "md" })
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_core31.Grid.Col, { span: { base: 12, md: 6 }, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_core31.AspectRatio, { ratio: 16 / 11, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_core31.Skeleton, { radius: "lg" }) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core32.Grid.Col, { span: { base: 12, md: 6 }, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core32.AspectRatio, { ratio: 16 / 11, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core32.Skeleton, { radius: "lg" }) }) })
   ] }) });
 }
 function MediaFallback() {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_core31.AspectRatio, { ratio: 16 / 11, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-    import_core31.ThemeIcon,
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core32.AspectRatio, { ratio: 16 / 11, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    import_core32.ThemeIcon,
     {
       size: "100%",
       radius: "lg",
       color: "gray",
       variant: "light",
       "aria-label": "Hero media is unavailable",
-      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(GdsIcons.Gallery, { size: "2.5rem" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(GdsIcons.Gallery, { size: "2.5rem" })
     }
   ) });
 }
@@ -2097,8 +2349,8 @@ function MediaFrame({
   } else if (mediaFade === "soft-start") {
     overlayBackground = "linear-gradient(90deg, light-dark(rgba(255,255,255,0.9), rgba(17,24,39,0.72)) 0%, rgba(255,255,255,0) 28%)";
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
-    import_core31.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+    import_core32.Box,
     {
       component: "figure",
       m: 0,
@@ -2111,9 +2363,9 @@ function MediaFrame({
       },
       "aria-label": mediaAlt,
       children: [
-        media ?? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(MediaFallback, {}),
-        media && overlayBackground ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-          import_core31.Box,
+        media ?? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(MediaFallback, {}),
+        media && overlayBackground ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          import_core32.Box,
           {
             "aria-hidden": true,
             style: {
@@ -2146,7 +2398,7 @@ function EditorialHero({
   classNames
 }) {
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(LoadingHero, { compact });
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(LoadingHero, { compact });
   }
   const stackAlign = align === "center" ? "center" : "flex-start";
   const textAlign = align === "center" ? "center" : "left";
@@ -2154,15 +2406,15 @@ function EditorialHero({
   const renderedActions = actions.slice(0, 3).map((action, index) => {
     const resolved = resolveActionVariant(action, index, seenPrimary);
     seenPrimary = resolved.seenPrimary;
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(HeroAction, { action, variant: resolved.variant }, `${action.label}-${index}`);
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(HeroAction, { action, variant: resolved.variant }, `${action.label}-${index}`);
   });
-  const textSlot = /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_core31.Stack, { gap: compact ? "md" : "lg", justify: "center", h: "100%", className: classNames?.content, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_core31.Stack, { gap: "sm", align: stackAlign, children: [
-      eyebrow ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_core31.Text, { size: "sm", fw: 700, c: "dimmed", ta: textAlign, children: eyebrow }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_core31.Title, { order: 1, maw: 760, ta: textAlign, children: title }),
-      description ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_core31.Text, { size: compact ? "md" : "lg", c: "dimmed", maw: 720, ta: textAlign, children: description }) : null
+  const textSlot = /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_core32.Stack, { gap: compact ? "md" : "lg", justify: "center", h: "100%", className: classNames?.content, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_core32.Stack, { gap: "sm", align: stackAlign, children: [
+      eyebrow ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core32.Text, { size: "sm", fw: 700, c: "dimmed", ta: textAlign, children: eyebrow }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core32.Title, { order: 1, maw: 760, ta: textAlign, children: title }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core32.Text, { size: compact ? "md" : "lg", c: "dimmed", maw: 720, ta: textAlign, children: description }) : null
     ] }),
-    renderedActions.length ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_core31.Box, { className: classNames?.actions, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    renderedActions.length ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core32.Box, { className: classNames?.actions, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       CtaButtonGroup,
       {
         primary: renderedActions[0],
@@ -2170,8 +2422,8 @@ function EditorialHero({
         tertiary: renderedActions[2]
       }
     ) }) : null,
-    meta.length ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_core31.Group, { gap: "sm", wrap: "wrap", "aria-label": "Supporting details", className: classNames?.meta, children: meta.map((item) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
-      import_core31.Group,
+    meta.length ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core32.Group, { gap: "sm", wrap: "wrap", "aria-label": "Supporting details", className: classNames?.meta, children: meta.map((item) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+      import_core32.Group,
       {
         gap: 6,
         px: "sm",
@@ -2182,17 +2434,17 @@ function EditorialHero({
         },
         children: [
           item.icon,
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_core31.Text, { size: "sm", c: "dimmed", children: item.label })
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core32.Text, { size: "sm", c: "dimmed", children: item.label })
         ]
       },
       item.id
     )) }) : null
   ] });
-  const mediaSlot = error ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(AccentPanel, { tone: "red", variant: "soft-outline", title: "Media unavailable", children: error }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(MediaFrame, { media, mediaAlt, mediaFade, className: classNames?.media });
-  const textCol = /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_core31.Grid.Col, { span: { base: 12, md: 6 }, order: { base: 1, md: mediaPosition === "left" ? 2 : 1 }, children: textSlot });
-  const mediaCol = /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_core31.Grid.Col, { span: { base: 12, md: 6 }, order: { base: 2, md: mediaPosition === "left" ? 1 : 2 }, children: mediaSlot });
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-    import_core31.Paper,
+  const mediaSlot = error ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AccentPanel, { tone: "red", variant: "soft-outline", title: "Media unavailable", children: error }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(MediaFrame, { media, mediaAlt, mediaFade, className: classNames?.media });
+  const textCol = /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core32.Grid.Col, { span: { base: 12, md: 6 }, order: { base: 1, md: mediaPosition === "left" ? 2 : 1 }, children: textSlot });
+  const mediaCol = /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core32.Grid.Col, { span: { base: 12, md: 6 }, order: { base: 2, md: mediaPosition === "left" ? 1 : 2 }, children: mediaSlot });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    import_core32.Paper,
     {
       component: "section",
       withBorder: true,
@@ -2200,7 +2452,7 @@ function EditorialHero({
       p: compact ? "lg" : "xl",
       className: classNames?.root,
       style: surfaceVariant === "flat-public" ? { boxShadow: "none" } : void 0,
-      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_core31.Grid, { gutter: compact ? "lg" : "xl", align: "center", children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_core32.Grid, { gutter: compact ? "lg" : "xl", align: "center", children: [
         textCol,
         mediaCol
       ] })
@@ -2209,19 +2461,19 @@ function EditorialHero({
 }
 
 // src/FeatureBand.tsx
-var import_core32 = require("@mantine/core");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_core33 = require("@mantine/core");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function FeatureBandSkeleton({
   columns = 3,
   bordered = true,
   variant = "default"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core32.SimpleGrid, { cols: { base: 1, sm: Math.min(columns, 2), lg: columns }, spacing: "lg", children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core32.Paper, { withBorder: bordered, radius: "lg", p: variant === "compact" ? "md" : "lg", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_core32.Stack, { gap: "md", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core32.Skeleton, { height: variant === "process" ? 28 : 42, width: variant === "process" ? 72 : 42, radius: "xl" }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_core32.Stack, { gap: "xs", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core32.Skeleton, { height: 20, width: "75%", radius: "md" }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core32.Skeleton, { height: 14, width: "100%", radius: "md" }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core32.Skeleton, { height: 14, width: "82%", radius: "md" })
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_core33.SimpleGrid, { cols: { base: 1, sm: Math.min(columns, 2), lg: columns }, spacing: "lg", children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_core33.Paper, { withBorder: bordered, radius: "lg", p: variant === "compact" ? "md" : "lg", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_core33.Stack, { gap: "md", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_core33.Skeleton, { height: variant === "process" ? 28 : 42, width: variant === "process" ? 72 : 42, radius: "xl" }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_core33.Stack, { gap: "xs", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_core33.Skeleton, { height: 20, width: "75%", radius: "md" }),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_core33.Skeleton, { height: 14, width: "100%", radius: "md" }),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_core33.Skeleton, { height: 14, width: "82%", radius: "md" })
     ] })
   ] }) }, index)) });
 }
@@ -2234,10 +2486,10 @@ function FeatureBand({
   variant = "default"
 }) {
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(FeatureBandSkeleton, { columns, bordered, variant });
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(FeatureBandSkeleton, { columns, bordered, variant });
   }
   if (!items.length) {
-    return emptyState ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_jsx_runtime34.Fragment, { children: emptyState }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    return emptyState ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_jsx_runtime36.Fragment, { children: emptyState }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       EmptyState,
       {
         title: "No supporting details available",
@@ -2245,9 +2497,9 @@ function FeatureBand({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core32.Box, { component: "section", "aria-label": "Supporting features", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core32.SimpleGrid, { cols: { base: 1, sm: Math.min(columns, 2), lg: columns }, spacing: "lg", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core32.Paper, { withBorder: bordered, radius: "lg", p: variant === "compact" ? "md" : "lg", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_core32.Stack, { gap: "md", children: [
-    variant === "process" ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core32.Group, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-      import_core32.Text,
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_core33.Box, { component: "section", "aria-label": "Supporting features", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_core33.SimpleGrid, { cols: { base: 1, sm: Math.min(columns, 2), lg: columns }, spacing: "lg", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_core33.Paper, { withBorder: bordered, radius: "lg", p: variant === "compact" ? "md" : "lg", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_core33.Stack, { gap: "md", children: [
+    variant === "process" ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_core33.Group, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      import_core33.Text,
       {
         fw: 800,
         size: "sm",
@@ -2259,31 +2511,31 @@ function FeatureBand({
         },
         children: item.stepLabel ?? `Step ${index + 1}`
       }
-    ) }) : item.media ? item.media : item.icon ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core32.Group, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core32.ThemeIcon, { size: "xl", radius: "xl", variant: "light", color: "violet", children: item.icon }) }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core32.Group, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core32.ThemeIcon, { size: "xl", radius: "xl", variant: "light", color: "gray", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(GdsIcons.Info, { size: "1.25rem" }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_core32.Stack, { gap: "xs", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core32.Title, { order: 4, children: item.title }),
-      item.description ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core32.Text, { c: "dimmed", children: item.description }) : null,
-      item.meta ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core32.Text, { size: "sm", c: "dimmed", children: item.meta }) : null
+    ) }) : item.media ? item.media : item.icon ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_core33.Group, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_core33.ThemeIcon, { size: "xl", radius: "xl", variant: "light", color: "violet", children: item.icon }) }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_core33.Group, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_core33.ThemeIcon, { size: "xl", radius: "xl", variant: "light", color: "gray", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(GdsIcons.Info, { size: "1.25rem" }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_core33.Stack, { gap: "xs", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_core33.Title, { order: 4, children: item.title }),
+      item.description ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_core33.Text, { c: "dimmed", children: item.description }) : null,
+      item.meta ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_core33.Text, { size: "sm", c: "dimmed", children: item.meta }) : null
     ] })
   ] }) }, item.id)) }) });
 }
 
 // src/MapPanel.tsx
-var import_core34 = require("@mantine/core");
+var import_core35 = require("@mantine/core");
 
 // src/ActionBar.tsx
-var import_core33 = require("@mantine/core");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_core34 = require("@mantine/core");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function renderSemanticAction(action, slot, vocabularyPacks) {
   const { action: actionId, variant, ariaLabel, ...props } = action;
   const fallbackVariant = slot === "primary" ? "filled" : slot === "secondary" ? "default" : "subtle";
   const config = resolveSemanticActionConfig(actionId, vocabularyPacks);
   const Icon = config.icon;
   const label = getSemanticActionLabel(actionId, void 0, vocabularyPacks);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-    import_core33.Button,
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    import_core34.Button,
     {
-      leftSection: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Icon, { size: "1rem", stroke: 1.75 }),
+      leftSection: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Icon, { size: "1rem", stroke: 1.75 }),
       "aria-label": ariaLabel ?? label,
       variant: variant ?? fallbackVariant,
       ...props,
@@ -2300,23 +2552,23 @@ function ActionBar({
   gap = "sm",
   vocabularyPacks = []
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core33.Stack, { gap, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_core33.Group, { justify: "space-between", align: "center", gap, wrap: "wrap", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_core33.Group, { gap, wrap: "wrap", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_core34.Stack, { gap, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_core34.Group, { justify: "space-between", align: "center", gap, wrap: "wrap", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_core34.Group, { gap, wrap: "wrap", children: [
       secondary.map((action) => renderSemanticAction(action, "secondary", vocabularyPacks)),
       tertiary.map((action) => renderSemanticAction(action, "tertiary", vocabularyPacks))
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_core33.Group, { gap, wrap: "wrap", justify: "flex-end", style: { marginInlineStart: "auto" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_core34.Group, { gap, wrap: "wrap", justify: "flex-end", style: { marginInlineStart: "auto" }, children: [
       iconOnly.map(({ action, ariaLabel, ...props }) => {
         const config = resolveSemanticActionConfig(action, vocabularyPacks);
         const Icon = config.icon;
-        return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-          import_core33.ActionIcon,
+        return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          import_core34.ActionIcon,
           {
             variant: "subtle",
             size: "lg",
             "aria-label": ariaLabel ?? getSemanticActionLabel(action, void 0, vocabularyPacks),
             ...props,
-            children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Icon, { size: "1rem", stroke: 1.75 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Icon, { size: "1rem", stroke: 1.75 })
           },
           `icon-${action}`
         );
@@ -2327,7 +2579,7 @@ function ActionBar({
 }
 
 // src/MapPanel.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function MapPanel({
   title,
   description,
@@ -2343,7 +2595,7 @@ function MapPanel({
 }) {
   let body;
   if (loading) {
-    body = /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    body = /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       StateBlock,
       {
         variant: "loading",
@@ -2353,9 +2605,9 @@ function MapPanel({
       }
     );
   } else if (error) {
-    body = /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(StateBlock, { variant: "error", title: "Map unavailable", description: error, compact: true });
+    body = /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(StateBlock, { variant: "error", title: "Map unavailable", description: error, compact: true });
   } else if (!iframeSrc && !renderMap) {
-    body = /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    body = /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       StateBlock,
       {
         variant: "empty",
@@ -2365,9 +2617,9 @@ function MapPanel({
       }
     );
   } else if (renderMap) {
-    body = /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_core34.Box, { style: { minHeight }, children: renderMap() });
+    body = /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_core35.Box, { style: { minHeight }, children: renderMap() });
   } else {
-    body = /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_core34.AspectRatio, { ratio: 16 / 9, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    body = /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_core35.AspectRatio, { ratio: 16 / 9, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       "iframe",
       {
         src: iframeSrc,
@@ -2379,21 +2631,21 @@ function MapPanel({
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_core34.Paper, { withBorder: true, radius: "xl", p: "lg", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_core34.Stack, { gap: "md", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_core34.Group, { justify: "space-between", align: "flex-start", gap: "md", wrap: "wrap", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_core34.Stack, { gap: 4, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_core34.Title, { order: 3, children: title }),
-        description ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_core34.Text, { size: "sm", c: "dimmed", children: description }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_core35.Paper, { withBorder: true, radius: "xl", p: "lg", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_core35.Stack, { gap: "md", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_core35.Group, { justify: "space-between", align: "flex-start", gap: "md", wrap: "wrap", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_core35.Stack, { gap: 4, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_core35.Title, { order: 3, children: title }),
+        description ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_core35.Text, { size: "sm", c: "dimmed", children: description }) : null
       ] }),
-      actions ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ActionBar, { ...actions }) : null
+      actions ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ActionBar, { ...actions }) : null
     ] }),
     body
   ] }) });
 }
 
 // src/PublicFlowShell.tsx
-var import_core35 = require("@mantine/core");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_core36 = require("@mantine/core");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var stageTone = {
   idle: { label: "Idle", color: "gray" },
   loading: { label: "Loading", color: "blue" },
@@ -2445,7 +2697,7 @@ function PublicFlowShell({
   const actionBar = toActionBar(stage.actions);
   let body = stage.body;
   if (stage.status === "loading") {
-    body = /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    body = /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       StateBlock,
       {
         variant: "loading",
@@ -2454,7 +2706,7 @@ function PublicFlowShell({
       }
     );
   } else if (stage.status === "error") {
-    body = errorState ?? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    body = errorState ?? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       StateBlock,
       {
         variant: "error",
@@ -2463,7 +2715,7 @@ function PublicFlowShell({
       }
     );
   } else if (!stage.body && !hardwareSurface) {
-    body = emptyState ?? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    body = emptyState ?? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       EmptyState,
       {
         title: "No stage content available",
@@ -2471,29 +2723,29 @@ function PublicFlowShell({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_core35.Paper, { withBorder: true, radius: "xl", p: "lg", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_core35.Stack, { gap: "lg", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_core35.Group, { justify: "space-between", align: "flex-start", gap: "md", wrap: "wrap", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_core35.Stack, { gap: 4, children: [
-        eyebrow ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_core35.Text, { size: "xs", fw: 700, c: "dimmed", tt: "uppercase", children: eyebrow }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_core35.Group, { gap: "sm", wrap: "wrap", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_core35.Title, { order: 2, children: stage.title }),
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_core35.Badge, { variant: "light", color: tone.color, children: tone.label })
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_core36.Paper, { withBorder: true, radius: "xl", p: "lg", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_core36.Stack, { gap: "lg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_core36.Group, { justify: "space-between", align: "flex-start", gap: "md", wrap: "wrap", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_core36.Stack, { gap: 4, children: [
+        eyebrow ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_core36.Text, { size: "xs", fw: 700, c: "dimmed", tt: "uppercase", children: eyebrow }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_core36.Group, { gap: "sm", wrap: "wrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_core36.Title, { order: 2, children: stage.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_core36.Badge, { variant: "light", color: tone.color, children: tone.label })
         ] }),
-        stage.description ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_core35.Text, { size: "sm", c: "dimmed", children: stage.description }) : null
+        stage.description ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_core36.Text, { size: "sm", c: "dimmed", children: stage.description }) : null
       ] }),
       exitAction
     ] }),
-    stage.notice ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_core35.Text, { size: "sm", c: "dimmed", children: stage.notice }) : null,
+    stage.notice ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_core36.Text, { size: "sm", c: "dimmed", children: stage.notice }) : null,
     body,
     hardwareSurface,
     stage.aside,
-    actionBar ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ActionBar, { ...actionBar }) : null
+    actionBar ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ActionBar, { ...actionBar }) : null
   ] }) });
 }
 
 // src/PlaybackSurface.tsx
-var import_core36 = require("@mantine/core");
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_core37 = require("@mantine/core");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var stateTone = {
   loading: { label: "Loading", color: "blue" },
   ready: { label: "Ready", color: "teal" },
@@ -2516,7 +2768,7 @@ function PlaybackSurface({
   const tone = stateTone[state];
   let content;
   if (state === "loading") {
-    content = /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    content = /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       StateBlock,
       {
         variant: "loading",
@@ -2525,7 +2777,7 @@ function PlaybackSurface({
       }
     );
   } else if (state === "empty") {
-    content = emptyState ?? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    content = emptyState ?? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       EmptyState,
       {
         title: "No playback content available",
@@ -2533,7 +2785,7 @@ function PlaybackSurface({
       }
     );
   } else if (state === "error") {
-    content = errorState ?? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    content = errorState ?? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       StateBlock,
       {
         variant: "error",
@@ -2542,23 +2794,23 @@ function PlaybackSurface({
       }
     );
   } else {
-    content = /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_core36.Stack, { gap: "md", children: [
+    content = /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_core37.Stack, { gap: "md", children: [
       media,
       overlays
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_core36.Paper, { withBorder: true, radius: "xl", p: "lg", "data-playback-mode": mode, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_core36.Stack, { gap: "md", children: [
-    title || statusMessage || controls ? /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_core36.Group, { justify: "space-between", align: "flex-start", gap: "md", wrap: "wrap", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_core36.Stack, { gap: 4, children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_core36.Title, { order: 3, children: title }) : null,
-        statusMessage ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_core36.Text, { size: "sm", c: "dimmed", children: statusMessage }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_core37.Paper, { withBorder: true, radius: "xl", p: "lg", "data-playback-mode": mode, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_core37.Stack, { gap: "md", children: [
+    title || statusMessage || controls ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_core37.Group, { justify: "space-between", align: "flex-start", gap: "md", wrap: "wrap", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_core37.Stack, { gap: 4, children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_core37.Title, { order: 3, children: title }) : null,
+        statusMessage ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_core37.Text, { size: "sm", c: "dimmed", children: statusMessage }) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_core36.Group, { gap: "sm", align: "center", wrap: "wrap", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_core36.Badge, { variant: "light", color: tone.color, children: tone.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_core37.Group, { gap: "sm", align: "center", wrap: "wrap", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_core37.Badge, { variant: "light", color: tone.color, children: tone.label }),
         controls
       ] })
     ] }) : null,
-    state === "degraded" ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    state === "degraded" ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       StateBlock,
       {
         variant: "info",
@@ -2572,22 +2824,22 @@ function PlaybackSurface({
 }
 
 // src/MediaField.tsx
-var import_core38 = require("@mantine/core");
+var import_core39 = require("@mantine/core");
 
 // src/FormField.tsx
-var import_core37 = require("@mantine/core");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_core38 = require("@mantine/core");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function FormField({ label, description, error, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_core37.Box, { component: "label", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_core37.Stack, { gap: 4, children: [
-    typeof label === "string" ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_core37.Text, { size: "xs", fw: 600, c: "dimmed", children: label }) : label,
-    description ? typeof description === "string" ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_core37.Text, { size: "xs", c: "dimmed", children: description }) : description : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_core38.Box, { component: "label", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_core38.Stack, { gap: 4, children: [
+    typeof label === "string" ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_core38.Text, { size: "xs", fw: 600, c: "dimmed", children: label }) : label,
+    description ? typeof description === "string" ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_core38.Text, { size: "xs", c: "dimmed", children: description }) : description : null,
     children,
-    error ? typeof error === "string" ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_core37.Text, { size: "xs", c: "red.7", children: error }) : error : null
+    error ? typeof error === "string" ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_core38.Text, { size: "xs", c: "red.7", children: error }) : error : null
   ] }) });
 }
 
 // src/MediaField.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var stateLabels = {
   empty: { label: "Empty", color: "gray" },
   "drag-active": { label: "Drop to select", color: "violet" },
@@ -2628,44 +2880,44 @@ function MediaField({
 }) {
   const resolvedState = readonly ? "readonly" : state;
   const stateBadge = stateLabels[resolvedState];
-  const resolvedRemoveAction = removeAction ?? (!readonly && onRemove ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_core38.Button, { type: "button", variant: "light", color: "red", onClick: onRemove, children: "Remove" }) : null);
-  const resolvedResetAction = resetAction ?? (!readonly && onReset ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_core38.Button, { type: "button", variant: "default", onClick: onReset, children: "Reset" }) : null);
+  const resolvedRemoveAction = removeAction ?? (!readonly && onRemove ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_core39.Button, { type: "button", variant: "light", color: "red", onClick: onRemove, children: "Remove" }) : null);
+  const resolvedResetAction = resetAction ?? (!readonly && onReset ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_core39.Button, { type: "button", variant: "default", onClick: onReset, children: "Reset" }) : null);
   const boundedProgress = typeof progress === "number" ? Math.max(0, Math.min(100, progress)) : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     FormField,
     {
       label,
       description,
       error,
-      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_core38.Paper, { withBorder: true, radius: "xl", p: "lg", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_core38.Stack, { gap: "md", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_core38.Group, { justify: "flex-end", align: "center", gap: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_core38.Group, { gap: "xs", justify: "flex-end", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_core38.Badge, { variant: "light", color: stateBadge.color, children: stateBadge.label }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_core39.Paper, { withBorder: true, radius: "xl", p: "lg", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_core39.Stack, { gap: "md", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_core39.Group, { justify: "flex-end", align: "center", gap: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_core39.Group, { gap: "xs", justify: "flex-end", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_core39.Badge, { variant: "light", color: stateBadge.color, children: stateBadge.label }),
           statusAction
         ] }) }),
         preview ? preview : null,
-        typeof boundedProgress === "number" ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_core38.Stack, { gap: 4, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_core38.Progress, { value: boundedProgress, "aria-label": "Upload progress" }),
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_core38.Text, { size: "xs", c: "dimmed", children: [
+        typeof boundedProgress === "number" ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_core39.Stack, { gap: 4, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_core39.Progress, { value: boundedProgress, "aria-label": "Upload progress" }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_core39.Text, { size: "xs", c: "dimmed", children: [
             boundedProgress,
             "% complete"
           ] })
         ] }) : null,
-        (uploadControl || urlInput) && !readonly ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_core38.Divider, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_core38.Stack, { gap: "sm", style: mode === "split" ? { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(220px, 1fr))" } : void 0, children: [
+        (uploadControl || urlInput) && !readonly ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_core39.Divider, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_core39.Stack, { gap: "sm", style: mode === "split" ? { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(220px, 1fr))" } : void 0, children: [
             uploadControl,
             urlInput
           ] })
         ] }) : null,
-        value ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_core38.Text, { size: "sm", c: "dimmed", style: { wordBreak: "break-all" }, children: value }) : null,
-        helpText ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_core38.Text, { size: "sm", c: "dimmed", children: helpText }) : null,
-        acceptedTypes || maxSize ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_core38.Group, { gap: "xs", wrap: "wrap", children: [
-          acceptedTypes ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_core38.Badge, { variant: "outline", color: "gray", children: acceptedTypes }) : null,
-          maxSize ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_core38.Badge, { variant: "outline", color: "gray", children: maxSize }) : null
+        value ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_core39.Text, { size: "sm", c: "dimmed", style: { wordBreak: "break-all" }, children: value }) : null,
+        helpText ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_core39.Text, { size: "sm", c: "dimmed", children: helpText }) : null,
+        acceptedTypes || maxSize ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_core39.Group, { gap: "xs", wrap: "wrap", children: [
+          acceptedTypes ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_core39.Badge, { variant: "outline", color: "gray", children: acceptedTypes }) : null,
+          maxSize ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_core39.Badge, { variant: "outline", color: "gray", children: maxSize }) : null
         ] }) : null,
-        policyText ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_core38.Text, { size: "sm", c: error ? "red.7" : "dimmed", children: policyText }) : null,
+        policyText ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_core39.Text, { size: "sm", c: error ? "red.7" : "dimmed", children: policyText }) : null,
         typeof error !== "string" && error ? error : null,
-        replaceAction || resolvedRemoveAction || resolvedResetAction || retryAction ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_core38.Group, { gap: "sm", children: [
+        replaceAction || resolvedRemoveAction || resolvedResetAction || retryAction ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_core39.Group, { gap: "sm", children: [
           replaceAction,
           resolvedResetAction,
           retryAction,
@@ -2677,31 +2929,31 @@ function MediaField({
 }
 
 // src/MediaCard.tsx
-var import_core39 = require("@mantine/core");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_core40 = require("@mantine/core");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function MediaCard({ title, image, description, status, overlay, actions = [] }) {
   const EyeIcon = GdsIcons.Eye;
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_core39.Card, { withBorder: true, radius: "lg", padding: "md", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_core39.Card.Section, { pos: "relative", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_core40.Card, { withBorder: true, radius: "lg", padding: "md", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_core40.Card.Section, { pos: "relative", children: [
       image,
-      overlay ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { style: { position: "absolute", inset: 12, display: "flex", justifyContent: "flex-end", alignItems: "flex-start" }, children: overlay }) : null
+      overlay ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { style: { position: "absolute", inset: 12, display: "flex", justifyContent: "flex-end", alignItems: "flex-start" }, children: overlay }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_core39.Stack, { gap: "sm", mt: "md", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_core39.Group, { justify: "space-between", align: "flex-start", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_core39.Stack, { gap: 4, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_core39.Title, { order: 4, children: title }),
-          description ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_core39.Text, { size: "sm", c: "dimmed", lineClamp: 2, children: description }) : null
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_core40.Stack, { gap: "sm", mt: "md", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_core40.Group, { justify: "space-between", align: "flex-start", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_core40.Stack, { gap: 4, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_core40.Title, { order: 4, children: title }),
+          description ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_core40.Text, { size: "sm", c: "dimmed", lineClamp: 2, children: description }) : null
         ] }),
-        status ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_core39.Badge, { variant: "light", children: status }) : null
+        status ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_core40.Badge, { variant: "light", children: status }) : null
       ] }),
-      actions.length ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_core39.Group, { justify: "flex-end", gap: "xs", children: actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_core39.ActionIcon, { variant: "light", "aria-label": action.label, onClick: action.onClick, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(EyeIcon, { size: "1rem" }) }, action.label)) }) : null
+      actions.length ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_core40.Group, { justify: "flex-end", gap: "xs", children: actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_core40.ActionIcon, { variant: "light", "aria-label": action.label, onClick: action.onClick, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(EyeIcon, { size: "1rem" }) }, action.label)) }) : null
     ] })
   ] });
 }
 
 // src/AccessSummary.tsx
-var import_core40 = require("@mantine/core");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_core41 = require("@mantine/core");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var accessStateMeta = {
   allowed: { label: "Allowed", color: "teal" },
   blocked: { label: "Blocked", color: "red" },
@@ -2712,28 +2964,28 @@ var accessStateMeta = {
 function AccessSummary({ title, roles, scope, blocked = false, state, owner, recoveryHint, description }) {
   const resolvedState = state ?? (blocked ? "blocked" : "allowed");
   const meta = accessStateMeta[resolvedState];
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_core40.Card, { withBorder: true, radius: "lg", padding: "lg", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_core40.Stack, { gap: "sm", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_core40.Group, { justify: "space-between", align: "center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_core40.Title, { order: 4, children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_core40.Badge, { color: meta.color, variant: "light", children: meta.label })
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_core41.Card, { withBorder: true, radius: "lg", padding: "lg", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_core41.Stack, { gap: "sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_core41.Group, { justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_core41.Title, { order: 4, children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_core41.Badge, { color: meta.color, variant: "light", children: meta.label })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_core40.Group, { gap: "xs", children: roles.map((role) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_core40.Badge, { variant: "outline", children: role }, role)) }),
-    scope ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_core40.Text, { size: "sm", c: "dimmed", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_core41.Group, { gap: "xs", children: roles.map((role) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_core41.Badge, { variant: "outline", children: role }, role)) }),
+    scope ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_core41.Text, { size: "sm", c: "dimmed", children: [
       "Scope: ",
       scope
     ] }) : null,
-    owner ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_core40.Text, { size: "sm", c: "dimmed", children: [
+    owner ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_core41.Text, { size: "sm", c: "dimmed", children: [
       "Owner: ",
       owner
     ] }) : null,
-    recoveryHint ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_core40.Text, { size: "sm", c: resolvedState === "allowed" ? "dimmed" : "red.7", children: recoveryHint }) : null,
-    description ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_core40.Text, { size: "sm", children: description }) : null
+    recoveryHint ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_core41.Text, { size: "sm", c: resolvedState === "allowed" ? "dimmed" : "red.7", children: recoveryHint }) : null,
+    description ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_core41.Text, { size: "sm", children: description }) : null
   ] }) });
 }
 
 // src/PageHeader.tsx
-var import_core41 = require("@mantine/core");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_core42 = require("@mantine/core");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function PageHeader({
   title,
   description,
@@ -2744,19 +2996,19 @@ function PageHeader({
 }) {
   const resolvedDescription = description ?? subtitle;
   const eyebrowProps = eyebrowVariant === "ornamental" ? { tt: "uppercase", style: { letterSpacing: "0.12em" } } : {};
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_core41.Group, { justify: "space-between", align: "flex-start", gap: "lg", wrap: "wrap", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_core41.Stack, { gap: "xs", children: [
-      eyebrow && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_core41.Text, { size: "xs", fw: 700, c: "dimmed", ...eyebrowProps, children: eyebrow }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_core41.Title, { order: 1, children: title }),
-      resolvedDescription && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_core41.Text, { c: "dimmed", maw: 720, children: resolvedDescription })
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_core42.Group, { justify: "space-between", align: "flex-start", gap: "lg", wrap: "wrap", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_core42.Stack, { gap: "xs", children: [
+      eyebrow && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_core42.Text, { size: "xs", fw: 700, c: "dimmed", ...eyebrowProps, children: eyebrow }),
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_core42.Title, { order: 1, children: title }),
+      resolvedDescription && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_core42.Text, { c: "dimmed", maw: 720, children: resolvedDescription })
     ] }),
-    actions ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_core41.Box, { children: actions }) : null
+    actions ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_core42.Box, { children: actions }) : null
   ] });
 }
 
 // src/FilterDrawer.tsx
-var import_core42 = require("@mantine/core");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_core43 = require("@mantine/core");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function FilterDrawer({
   opened,
   onClose,
@@ -2772,8 +3024,8 @@ function FilterDrawer({
 }) {
   const resolvedPrimaryAction = applyAction ?? primaryAction;
   const resolvedSecondaryAction = resetAction ?? secondaryAction;
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-    import_core42.Drawer,
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    import_core43.Drawer,
     {
       opened,
       onClose,
@@ -2781,11 +3033,11 @@ function FilterDrawer({
       position: mode === "bottom-sheet" ? "bottom" : "right",
       size: mode === "bottom-sheet" ? "auto" : "md",
       radius: mode === "bottom-sheet" ? "xl" : void 0,
-      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_core42.Stack, { gap: "md", children: [
-        description ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_core42.Text, { size: "sm", c: "dimmed", children: description }) : null,
+      children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_core43.Stack, { gap: "md", children: [
+        description ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_core43.Text, { size: "sm", c: "dimmed", children: description }) : null,
         children,
-        resolvedPrimaryAction || resolvedSecondaryAction || closeAction ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_core42.Group, { justify: "space-between", mt: "md", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_core42.Group, { gap: "sm", children: [
+        resolvedPrimaryAction || resolvedSecondaryAction || closeAction ? /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_core43.Group, { justify: "space-between", mt: "md", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_core43.Group, { gap: "sm", children: [
             closeAction,
             resolvedSecondaryAction
           ] }),
@@ -2797,8 +3049,8 @@ function FilterDrawer({
 }
 
 // src/PlaceholderPanel.tsx
-var import_core43 = require("@mantine/core");
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_core44 = require("@mantine/core");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function PlaceholderPanel({
   title,
   description,
@@ -2808,16 +3060,16 @@ function PlaceholderPanel({
   mode
 }) {
   if (mode === "live" && children) {
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children });
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_jsx_runtime47.Fragment, { children });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_core43.Card, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_core43.Stack, { gap: "md", children: [
-    badge ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_core43.Badge, { variant: "light", color: "blue", w: "fit-content", children: badge }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_core43.Stack, { gap: "xs", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_core43.Title, { order: 4, children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_core43.Text, { c: "dimmed", children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_core44.Card, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_core44.Stack, { gap: "md", children: [
+    badge ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_core44.Badge, { variant: "light", color: "blue", w: "fit-content", children: badge }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_core44.Stack, { gap: "xs", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_core44.Title, { order: 4, children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_core44.Text, { c: "dimmed", children: description })
     ] }),
-    footer ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_core43.Text, { size: "sm", children: footer }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    footer ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_core44.Text, { size: "sm", children: footer }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       StateBlock,
       {
         variant: "not-enough-data",
@@ -2830,8 +3082,8 @@ function PlaceholderPanel({
 }
 
 // src/SimpleDataTable.tsx
-var import_core44 = require("@mantine/core");
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_core45 = require("@mantine/core");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function SimpleDataTable({
   columns,
   rows,
@@ -2842,23 +3094,23 @@ function SimpleDataTable({
   getRowKey
 }) {
   if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(StateBlock, { variant: "error", title: "Unable to load data", description: error, compact: true });
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(StateBlock, { variant: "error", title: "Unable to load data", description: error, compact: true });
   }
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(StateBlock, { variant: "loading", title: "Loading data", description: "Please wait while the shared dataset is prepared.", compact: true });
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(StateBlock, { variant: "loading", title: "Loading data", description: "Please wait while the shared dataset is prepared.", compact: true });
   }
   if (!rows.length) {
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(StateBlock, { variant: "empty", title: emptyTitle, description: emptyDescription, compact: true });
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(StateBlock, { variant: "empty", title: emptyTitle, description: emptyDescription, compact: true });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_core44.ScrollArea, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_core44.Table, { striped: true, highlightOnHover: true, withTableBorder: true, withColumnBorders: true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_core44.Table.Thead, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_core44.Table.Tr, { children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_core44.Table.Th, { children: column.header }, String(column.key))) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_core44.Table.Tbody, { children: rows.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_core44.Table.Tr, { children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_core44.Table.Td, { children: column.render ? column.render(row) : String(row[column.key] ?? "") }, String(column.key))) }, getRowKey ? getRowKey(row, index) : index)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_core45.ScrollArea, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_core45.Table, { striped: true, highlightOnHover: true, withTableBorder: true, withColumnBorders: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_core45.Table.Thead, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_core45.Table.Tr, { children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_core45.Table.Th, { children: column.header }, String(column.key))) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_core45.Table.Tbody, { children: rows.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_core45.Table.Tr, { children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_core45.Table.Td, { children: column.render ? column.render(row) : String(row[column.key] ?? "") }, String(column.key))) }, getRowKey ? getRowKey(row, index) : index)) })
   ] }) });
 }
 
 // src/StatsSection.tsx
-var import_core45 = require("@mantine/core");
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_core46 = require("@mantine/core");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function StatsSection({
   title,
   loading = false,
@@ -2870,11 +3122,11 @@ function StatsSection({
 }) {
   let content = children;
   if (error) {
-    content = /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(StateBlock, { variant: "error", title: "Unable to load statistics", description: error, compact: true });
+    content = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(StateBlock, { variant: "error", title: "Unable to load statistics", description: error, compact: true });
   } else if (loading) {
-    content = /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(StateBlock, { variant: "loading", title: "Loading statistics", description: "This shared data surface is still synchronizing.", compact: true });
+    content = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(StateBlock, { variant: "loading", title: "Loading statistics", description: "This shared data surface is still synchronizing.", compact: true });
   } else if (belowThreshold) {
-    content = /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    content = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       StateBlock,
       {
         variant: "not-enough-data",
@@ -2884,17 +3136,17 @@ function StatsSection({
       }
     );
   } else if (placeholder) {
-    content = /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(PlaceholderPanel, { ...placeholder, mode: "placeholder" });
+    content = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(PlaceholderPanel, { ...placeholder, mode: "placeholder" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_core45.Stack, { gap: "md", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_core45.Title, { order: 3, children: title }),
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_core46.Stack, { gap: "md", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_core46.Title, { order: 3, children: title }),
     content
   ] });
 }
 
 // src/PeriodSelector.tsx
-var import_core46 = require("@mantine/core");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_core47 = require("@mantine/core");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 function PeriodSelector({
   label,
   description,
@@ -2910,34 +3162,34 @@ function PeriodSelector({
   disabled = false
 }) {
   const selectedOption = options.find((option) => option.value === value);
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(FormField, { label, description, error, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_core46.Stack, { gap: "sm", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(FormField, { label, description, error, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_core47.Stack, { gap: "sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
       "select",
       {
         "aria-label": typeof label === "string" ? label : "Reporting period",
         value,
         disabled,
         onChange: (event) => onChange?.(event.currentTarget.value),
-        children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("option", { value: option.value, children: option.label }, option.value))
+        children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("option", { value: option.value, children: option.label }, option.value))
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_core46.Group, { gap: "xs", wrap: "wrap", children: [
-      timezone ? /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_core46.Badge, { variant: "outline", color: "gray", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_core47.Group, { gap: "xs", wrap: "wrap", children: [
+      timezone ? /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_core47.Badge, { variant: "outline", color: "gray", children: [
         "Timezone: ",
         timezone
       ] }) : null,
-      filtered ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_core46.Badge, { variant: "light", color: "blue", children: "Filtered" }) : null,
-      stale ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_core46.Badge, { variant: "light", color: "orange", children: "Stale data" }) : null,
-      scope ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_core46.Badge, { variant: "outline", color: "gray", children: scope }) : null
+      filtered ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_core47.Badge, { variant: "light", color: "blue", children: "Filtered" }) : null,
+      stale ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_core47.Badge, { variant: "light", color: "orange", children: "Stale data" }) : null,
+      scope ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_core47.Badge, { variant: "outline", color: "gray", children: scope }) : null
     ] }),
-    selectedOption?.description ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_core46.Text, { size: "sm", c: "dimmed", children: selectedOption.description }) : null,
-    helperText ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_core46.Text, { size: "sm", c: "dimmed", children: helperText }) : null
+    selectedOption?.description ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_core47.Text, { size: "sm", c: "dimmed", children: selectedOption.description }) : null,
+    helperText ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_core47.Text, { size: "sm", c: "dimmed", children: helperText }) : null
   ] }) });
 }
 
 // src/EvidencePanel.tsx
-var import_core47 = require("@mantine/core");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_core48 = require("@mantine/core");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var stateTone2 = {
   current: { label: "Current", color: "teal" },
   stale: { label: "Stale", color: "orange" },
@@ -2962,33 +3214,33 @@ function EvidencePanel({
 }) {
   const tone = stateTone2[state];
   const isProblem = state === "error" || state === "permission-limited" || state === "stale" || state === "partial";
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_core47.Paper, { withBorder: true, radius: "xl", p: "lg", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_core47.Stack, { gap: "md", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_core47.Group, { justify: "space-between", align: "flex-start", gap: "sm", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_core47.Stack, { gap: 4, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_core47.Title, { order: 4, children: title }),
-        description ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_core47.Text, { size: "sm", c: "dimmed", children: description }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_core48.Paper, { withBorder: true, radius: "xl", p: "lg", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_core48.Stack, { gap: "md", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_core48.Group, { justify: "space-between", align: "flex-start", gap: "sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_core48.Stack, { gap: 4, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_core48.Title, { order: 4, children: title }),
+        description ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_core48.Text, { size: "sm", c: "dimmed", children: description }) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_core47.Badge, { variant: "light", color: tone.color, children: tone.label })
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_core48.Badge, { variant: "light", color: tone.color, children: tone.label })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_core47.Group, { gap: "xs", wrap: "wrap", children: [
-      source ? /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_core47.Badge, { variant: "outline", color: "gray", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_core48.Group, { gap: "xs", wrap: "wrap", children: [
+      source ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_core48.Badge, { variant: "outline", color: "gray", children: [
         "Source: ",
         source
       ] }) : null,
-      freshness ? /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_core47.Badge, { variant: "outline", color: "gray", children: [
+      freshness ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_core48.Badge, { variant: "outline", color: "gray", children: [
         "Freshness: ",
         freshness
       ] }) : null,
-      confidence ? /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_core47.Badge, { variant: "outline", color: "gray", children: [
+      confidence ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_core48.Badge, { variant: "outline", color: "gray", children: [
         "Confidence: ",
         confidence
       ] }) : null,
-      typeof evidenceCount === "number" ? /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_core47.Badge, { variant: "outline", color: "gray", children: [
+      typeof evidenceCount === "number" ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_core48.Badge, { variant: "outline", color: "gray", children: [
         "Evidence: ",
         evidenceCount
       ] }) : null
     ] }),
-    permissionNote ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_core47.Alert, { color: isProblem ? tone.color : "gray", variant: "light", children: permissionNote }) : null,
+    permissionNote ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_core48.Alert, { color: isProblem ? tone.color : "gray", variant: "light", children: permissionNote }) : null,
     details,
     children,
     retryAction
@@ -2996,8 +3248,8 @@ function EvidencePanel({
 }
 
 // src/ChartTokenPanel.tsx
-var import_core48 = require("@mantine/core");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_core49 = require("@mantine/core");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function ChartTokenPanel({
   title,
   description,
@@ -3009,42 +3261,127 @@ function ChartTokenPanel({
   retryAction
 }) {
   if (state === "loading") {
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(StateBlock, { variant: "loading", title: "Loading chart", description: summary, compact: true, action: retryAction });
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(StateBlock, { variant: "loading", title: "Loading chart", description: summary, compact: true, action: retryAction });
   }
   if (state === "empty") {
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(StateBlock, { variant: "empty", title: "No chart data", description: summary, compact: true, action: retryAction });
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(StateBlock, { variant: "empty", title: "No chart data", description: summary, compact: true, action: retryAction });
   }
   if (state === "below-threshold") {
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(StateBlock, { variant: "not-enough-data", title: "Not enough data for chart", description: summary, compact: true, action: retryAction });
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(StateBlock, { variant: "not-enough-data", title: "Not enough data for chart", description: summary, compact: true, action: retryAction });
   }
   if (state === "error") {
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(StateBlock, { variant: "error", title: "Unable to load chart", description: summary, compact: true, action: retryAction });
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(StateBlock, { variant: "error", title: "Unable to load chart", description: summary, compact: true, action: retryAction });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_core48.Paper, { withBorder: true, radius: "xl", p: "lg", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_core48.Stack, { gap: "md", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_core48.Group, { justify: "space-between", align: "flex-start", gap: "sm", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_core48.Stack, { gap: 4, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_core48.Title, { order: 4, children: title }),
-        description ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_core48.Text, { size: "sm", c: "dimmed", children: description }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_core49.Paper, { withBorder: true, radius: "xl", p: "lg", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_core49.Stack, { gap: "md", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_core49.Group, { justify: "space-between", align: "flex-start", gap: "sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_core49.Stack, { gap: 4, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_core49.Title, { order: 4, children: title }),
+        description ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_core49.Text, { size: "sm", c: "dimmed", children: description }) : null
       ] }),
-      state !== "ready" ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_core48.Badge, { variant: "light", color: state === "permission-limited" ? "grape" : "yellow", children: state.replace("-", " ") }) : null
+      state !== "ready" ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_core49.Badge, { variant: "light", color: state === "permission-limited" ? "grape" : "yellow", children: state.replace("-", " ") }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_core48.Text, { size: "sm", children: summary }),
-    legend.length ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_core48.Group, { gap: "xs", wrap: "wrap", "aria-label": "Chart legend", children: legend.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_core48.Badge, { variant: "outline", color: "gray", title: typeof item.description === "string" ? item.description : void 0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_core49.Text, { size: "sm", children: summary }),
+    legend.length ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_core49.Group, { gap: "xs", wrap: "wrap", "aria-label": "Chart legend", children: legend.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_core49.Badge, { variant: "outline", color: "gray", title: typeof item.description === "string" ? item.description : void 0, children: [
       item.label,
       ": ",
       item.token
     ] }, `${String(item.label)}-${index}`)) }) : null,
     children,
-    tableFallback ? /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_core48.Stack, { gap: "xs", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_core48.Text, { size: "sm", fw: 600, children: "Accessible data fallback" }),
+    tableFallback ? /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_core49.Stack, { gap: "xs", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_core49.Text, { size: "sm", fw: 600, children: "Accessible data fallback" }),
       tableFallback
     ] }) : null
   ] }) });
 }
 
+// src/GdsChart.tsx
+var import_core50 = require("@mantine/core");
+var import_jsx_runtime53 = require("react/jsx-runtime");
+function GdsChart({ type, title, summary, data, state = "ready", retryAction }) {
+  const tableRows = data.map((item) => ({ label: item.label, value: String(item.value), group: item.group ?? "-" }));
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    ChartTokenPanel,
+    {
+      title,
+      summary,
+      state,
+      retryAction,
+      legend: [
+        { label: "Primary", token: "var(--mantine-color-blue-6)" },
+        { label: "Secondary", token: "var(--mantine-color-teal-6)" }
+      ],
+      tableFallback: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        SimpleDataTable,
+        {
+          columns: [
+            { key: "label", header: "Label" },
+            { key: "value", header: "Value" },
+            { key: "group", header: "Group" }
+          ],
+          rows: tableRows
+        }
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_core50.Paper, { withBorder: true, radius: "md", p: "md", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_core50.Stack, { gap: "sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_core50.Group, { justify: "space-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_core50.Text, { fw: 700, children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_core50.Badge, { variant: "light", children: type })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_core50.Text, { size: "sm", c: "dimmed", children: summary }),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_core50.Text, { size: "xs", c: "dimmed", children: [
+          "Type lane: ",
+          type
+        ] })
+      ] }) })
+    }
+  );
+}
+
+// src/LayoutBlocks.tsx
+var import_core51 = require("@mantine/core");
+var import_jsx_runtime54 = require("react/jsx-runtime");
+function renderBlock(block) {
+  switch (block.type) {
+    case "hero":
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SectionPanel, { title: String(block.props.title ?? "Hero"), description: String(block.props.description ?? "Hero block"), children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_core51.Text, { children: String(block.props.body ?? "Composable hero content") }) });
+    case "stats":
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_core51.SimpleGrid, { cols: { base: 1, md: 3 }, children: block.props.items?.map((item) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_core51.Card, { withBorder: true, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_core51.Stack, { gap: 2, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_core51.Text, { size: "sm", c: "dimmed", children: item.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_core51.Title, { order: 4, children: item.value })
+      ] }) }, `${block.id}-${item.label}`)) ?? null });
+    case "cards-grid":
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_core51.SimpleGrid, { cols: { base: 1, md: 2 }, children: block.props.items?.map((item) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ListingCard, { title: item.title, description: item.description, size: "sm" }, `${block.id}-${item.title}`)) ?? null });
+    case "chart":
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+        GdsChart,
+        {
+          type: block.props.chartType ?? "bar",
+          title: String(block.props.title ?? "Chart block"),
+          summary: String(block.props.summary ?? "Block-composed chart summary"),
+          data: block.props.data ?? [{ label: "A", value: 10 }]
+        }
+      );
+    case "cta":
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+        ActionBar,
+        {
+          primary: { action: "save" },
+          secondary: [{ action: "cancel" }],
+          tertiary: [{ action: "preview" }]
+        }
+      );
+    case "footer":
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_core51.Text, { size: "sm", c: "dimmed", children: String(block.props.text ?? "Footer block") });
+    default:
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_core51.Alert, { color: "red", children: "Unsupported block type." });
+  }
+}
+function renderGdsLayout(schema) {
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_core51.Stack, { gap: "lg", children: schema.blocks.map((block) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: renderBlock(block) }, block.id)) });
+}
+
 // src/ReportingSection.tsx
-var import_core49 = require("@mantine/core");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_core52 = require("@mantine/core");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function ReportingSection({
   title,
   description,
@@ -3060,26 +3397,26 @@ function ReportingSection({
 }) {
   let stateBlock = null;
   if (state === "loading") {
-    stateBlock = /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(StateBlock, { variant: "loading", title: "Loading report", description: stateMessage ?? "The reporting surface is synchronizing.", compact: true });
+    stateBlock = /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(StateBlock, { variant: "loading", title: "Loading report", description: stateMessage ?? "The reporting surface is synchronizing.", compact: true });
   } else if (state === "empty") {
-    stateBlock = /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(StateBlock, { variant: "empty", title: "No report data", description: stateMessage ?? "No records match this reporting scope yet.", compact: true });
+    stateBlock = /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(StateBlock, { variant: "empty", title: "No report data", description: stateMessage ?? "No records match this reporting scope yet.", compact: true });
   } else if (state === "error") {
-    stateBlock = /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(StateBlock, { variant: "error", title: "Unable to load report", description: stateMessage ?? "The report could not be prepared.", compact: true, action: retryAction });
+    stateBlock = /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(StateBlock, { variant: "error", title: "Unable to load report", description: stateMessage ?? "The report could not be prepared.", compact: true, action: retryAction });
   } else if (state === "below-threshold") {
-    stateBlock = /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(StateBlock, { variant: "not-enough-data", title: "Not enough data", description: stateMessage ?? "This report is hidden until the threshold is met.", compact: true });
+    stateBlock = /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(StateBlock, { variant: "not-enough-data", title: "Not enough data", description: stateMessage ?? "This report is hidden until the threshold is met.", compact: true });
   } else if (state === "permission-limited") {
-    stateBlock = /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(StateBlock, { variant: "permission", title: "Permission-limited report", description: stateMessage ?? "Some evidence is hidden by access rules.", compact: true, action: retryAction });
+    stateBlock = /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(StateBlock, { variant: "permission", title: "Permission-limited report", description: stateMessage ?? "Some evidence is hidden by access rules.", compact: true, action: retryAction });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_core49.Paper, { withBorder: true, radius: "xl", p: "lg", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_core49.Stack, { gap: "lg", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_core49.Group, { justify: "space-between", align: "flex-start", gap: "md", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_core49.Stack, { gap: 4, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_core49.Title, { order: 3, children: title }),
-        description ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_core49.Text, { size: "sm", c: "dimmed", children: description }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_core52.Paper, { withBorder: true, radius: "xl", p: "lg", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_core52.Stack, { gap: "lg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_core52.Group, { justify: "space-between", align: "flex-start", gap: "md", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_core52.Stack, { gap: 4, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_core52.Title, { order: 3, children: title }),
+        description ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_core52.Text, { size: "sm", c: "dimmed", children: description }) : null
       ] }),
       action
     ] }),
     periodControl,
-    (state === "partial" || state === "stale" || state === "filtered") && stateMessage ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(StateBlock, { variant: "info", title: state === "partial" ? "Partial report" : state === "stale" ? "Stale report" : "Filtered report", description: stateMessage, compact: true }) : null,
+    (state === "partial" || state === "stale" || state === "filtered") && stateMessage ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(StateBlock, { variant: "info", title: state === "partial" ? "Partial report" : state === "stale" ? "Stale report" : "Filtered report", description: stateMessage, compact: true }) : null,
     stateBlock,
     metrics,
     chart,
@@ -3088,6 +3425,91 @@ function ReportingSection({
   ] }) });
 }
 
+// src/Notifications.tsx
+var import_core53 = require("@mantine/core");
+var import_jsx_runtime56 = require("react/jsx-runtime");
+var notificationColorMap = {
+  success: "teal",
+  error: "red",
+  warning: "yellow",
+  info: "blue",
+  neutral: "gray"
+};
+function severityToStateVariant(severity) {
+  if (severity === "success") return "success";
+  if (severity === "error") return "error";
+  if (severity === "warning") return "not-enough-data";
+  if (severity === "neutral") return "disabled";
+  return "info";
+}
+function InlineAlert({
+  title,
+  message,
+  severity = "info",
+  action
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    import_core53.Alert,
+    {
+      variant: "light",
+      color: notificationColorMap[severity],
+      title,
+      icon: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(GdsIcons.Info, { size: "1rem" }),
+      role: severity === "error" ? "alert" : "status",
+      children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_core53.Stack, { gap: "xs", children: [
+        message ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_core53.Text, { size: "sm", children: message }) : null,
+        action
+      ] })
+    }
+  );
+}
+function BannerNotice({
+  eyebrow,
+  title,
+  message,
+  severity = "info",
+  action
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_core53.Paper, { withBorder: true, radius: "lg", p: "md", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_core53.Stack, { gap: "xs", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_core53.Group, { justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_core53.Group, { gap: "xs", children: [
+        eyebrow ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_core53.Badge, { variant: "light", children: eyebrow }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_core53.Badge, { variant: "light", color: notificationColorMap[severity], children: severityToStateVariant(severity).replace("-", " ") })
+      ] }),
+      action
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_core53.Title, { order: 4, children: title }),
+    message ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_core53.Text, { size: "sm", c: "dimmed", children: message }) : null
+  ] }) });
+}
+function NotificationCenterView({
+  notifications,
+  onDismiss,
+  onClear,
+  title = "Notifications",
+  emptyMessage = "No active notifications."
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_core53.Paper, { withBorder: true, radius: "lg", p: "md", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_core53.Stack, { gap: "md", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_core53.Group, { justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_core53.Title, { order: 4, children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_core53.Button, { size: "xs", variant: "subtle", onClick: onClear, disabled: notifications.length === 0 || !onClear, children: "Clear all" })
+    ] }),
+    notifications.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_core53.Text, { size: "sm", c: "dimmed", children: emptyMessage }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_core53.Stack, { gap: "sm", children: notifications.map((item) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      InlineAlert,
+      {
+        severity: item.severity,
+        title: item.title,
+        message: item.message,
+        action: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_core53.Group, { gap: "xs", children: [
+          item.actions?.map((action) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_core53.Button, { size: "xs", variant: "default", onClick: action.onClick, children: action.label }, action.id)),
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_core53.Button, { size: "xs", variant: "subtle", onClick: () => onDismiss?.(item.id), disabled: !onDismiss, children: "Dismiss" })
+        ] })
+      },
+      item.id
+    )) })
+  ] }) });
+}
+
 // src/locales/ar.ts
 var ar = {
   "gds.action.settings": "\u0627\u0644\u0625\u0639\u062F\u0627\u062F\u0627\u062A",
@@ -4394,13 +4816,18 @@ function getGdsMessages(locale) {
 0 && (module.exports = {
   AccentPanel,
   AccessSummary,
+  ActiveFilterChips,
   ArticleShell,
+  AsyncSurface,
   AuthShell,
+  BannerNotice,
   BrowseSurface,
+  BulkActionsBar,
   ChartTokenPanel,
   ChoiceChip,
   ConsumerDashboardGrid,
   ConsumerSection,
+  CountBadge,
   CtaButtonGroup,
   DataToolbar,
   DetailProfileShell,
@@ -4413,13 +4840,17 @@ function getGdsMessages(locale) {
   FilterDrawer,
   FoodMenuSection,
   FormField,
+  GdsChart,
   GdsIcons,
   GdsVocabulary,
+  InlineAlert,
+  LabelTag,
   ListingCard,
   MapPanel,
   MediaCard,
   MediaField,
   MetricCard,
+  NotificationCenterView,
   PROVIDER_IDENTITY_REGISTRY,
   PageHeader,
   PeriodSelector,
@@ -4440,9 +4871,11 @@ function getGdsMessages(locale) {
   ReferenceLocaleNotice,
   ReferenceSection,
   ReportingSection,
+  ResultSummary,
   SectionPanel,
   SimpleDataTable,
   SocialAuthButtons,
+  SortMenu,
   StateBlock,
   StatsSection,
   StatusBadge,
@@ -4452,6 +4885,8 @@ function getGdsMessages(locale) {
   en,
   es,
   fr,
+  gdsCardSizePaddingMap,
+  gdsCardTitleOrderMap,
   gdsLocales,
   getGdsMessages,
   getProviderIdentityLabel,
@@ -4464,6 +4899,7 @@ function getGdsMessages(locale) {
   isPresentationMode,
   it,
   mergeGdsVocabularyPacks,
+  renderGdsLayout,
   resolveAccentPanelStyles,
   resolveSemanticActionConfig,
   resolveSurfacePresentationStyles,