@doneisbetter/gds-core 2.6.7 → 3.0.1

package/dist/{chunk-LH2KMMXT.mjs → chunk-YP7RL2MC.mjs}

@@ -8,9 +8,24 @@ var statusColorMap = {
   info: "blue",
   neutral: "gray"
 };
+var labelTagColorMap = {
+  neutral: "gray",
+  info: "blue",
+  warning: "yellow",
+  success: "green"
+};
 function StatusBadge({ status, children, ...props }) {
   return /* @__PURE__ */ jsx(Badge, { color: statusColorMap[status], variant: "light", ...props, children });
 }
+function LabelTag({ tone = "neutral", label, ...props }) {
+  return /* @__PURE__ */ jsx(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__ */ jsx(Badge, { color: "violet", variant: "filled", "aria-label": srLabel, ...props, children: displayValue });
+}
 
 // src/EmptyState.tsx
 import { Stack, Text, Title, Box } from "@mantine/core";
@@ -631,6 +646,22 @@ function FormField({ label, description, error, children }) {
   ] }) });
 }
 
+// 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/ListingCard.tsx
 import { ActionIcon as ActionIcon2, AspectRatio, Badge as Badge4, Card, Group as Group6, Stack as Stack8, Text as Text7, ThemeIcon, Title as Title5 } from "@mantine/core";
 import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
@@ -701,17 +732,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__ */ jsx10(Text7, { component: "a", href, inherit: true, td: "none", children: title }) : title;
-  return /* @__PURE__ */ jsx10(Card, { withBorder: true, radius: "lg", padding: compact ? "md" : "lg", children: /* @__PURE__ */ jsxs8(Stack8, { 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__ */ jsx10(Card, { withBorder: true, radius: "lg", padding: cardPadding, children: /* @__PURE__ */ jsx10(Stack8, { gap: "sm", children: revealContent }) });
+  }
+  return /* @__PURE__ */ jsx10(Card, { withBorder: true, radius: "lg", padding: cardPadding, ...interactiveProps, children: /* @__PURE__ */ jsxs8(Stack8, { gap: compact ? "sm" : "md", children: [
     image ?? /* @__PURE__ */ jsx10(ListingImageFallback, { mediaRatio }),
     featured || sponsoredDisclosure ? /* @__PURE__ */ jsxs8(Group6, { justify: "space-between", gap: "sm", wrap: "wrap", children: [
       featured ? /* @__PURE__ */ jsx10(Badge4, { variant: "light", color: "violet", children: "Featured" }) : /* @__PURE__ */ jsx10("span", {}),
       sponsoredDisclosure ? /* @__PURE__ */ jsx10(Text7, { size: "xs", c: "dimmed", children: sponsoredDisclosure }) : null
     ] }) : null,
     /* @__PURE__ */ jsxs8(Stack8, { gap: 4, children: [
-      /* @__PURE__ */ jsx10(Title5, { order: compact ? 5 : 4, lineClamp: 2, children: titleContent }),
+      /* @__PURE__ */ jsx10(Title5, { order: compact ? 5 : gdsCardTitleOrderMap[size], lineClamp: 2, children: titleContent }),
       description ? /* @__PURE__ */ jsx10(Text7, { size: "sm", c: "dimmed", lineClamp: compact ? 2 : 3, children: description }) : null
     ] }),
     metadata.length ? /* @__PURE__ */ jsx10(Stack8, { gap: "xs", children: metadata.map((item) => /* @__PURE__ */ jsxs8(Group6, { justify: "space-between", align: "flex-start", gap: "sm", wrap: "nowrap", children: [
@@ -726,7 +767,8 @@ function ListingCard({
       /* @__PURE__ */ jsxs8(Group6, { gap: "xs", wrap: "nowrap", justify: "flex-end", style: { marginInlineStart: "auto" }, children: [
         saveAction ? /* @__PURE__ */ jsx10(ListingAffordance, { affordance: saveAction }) : null,
         shareAction ? /* @__PURE__ */ jsx10(ListingAffordance, { affordance: shareAction }) : null,
-        primaryAction
+        primaryAction,
+        interactiveMode === "flip" && revealContent ? /* @__PURE__ */ jsx10(Text7, { size: "xs", c: "dimmed", children: "Flip mode supports reveal surfaces." }) : null
       ] })
     ] })
   ] }) });
@@ -1028,16 +1070,17 @@ function ProductCard({
   metadata = [],
   primaryAction,
   secondaryActions = [],
-  footer
+  footer,
+  size = "md"
 }) {
   const MoreIcon = GdsIcons.Menu;
-  return /* @__PURE__ */ jsx18(Card5, { withBorder: true, radius: "lg", padding: "lg", children: /* @__PURE__ */ jsxs13(Stack13, { gap: "md", children: [
+  return /* @__PURE__ */ jsx18(Card5, { withBorder: true, radius: "lg", padding: gdsCardSizePaddingMap[size], children: /* @__PURE__ */ jsxs13(Stack13, { gap: "md", children: [
     media,
     /* @__PURE__ */ jsxs13(Group10, { justify: "space-between", align: "flex-start", wrap: "nowrap", children: [
       /* @__PURE__ */ jsxs13(Group10, { align: "flex-start", gap: "sm", wrap: "nowrap", children: [
         icon ? /* @__PURE__ */ jsx18(ThemeIcon4, { variant: "light", size: "xl", radius: "xl", "aria-hidden": true, children: icon }) : null,
         /* @__PURE__ */ jsxs13(Stack13, { gap: 4, children: [
-          /* @__PURE__ */ jsx18(Title10, { order: 4, children: title }),
+          /* @__PURE__ */ jsx18(Title10, { order: gdsCardTitleOrderMap[size], children: title }),
           description ? /* @__PURE__ */ jsx18(Text12, { size: "sm", c: "dimmed", lineClamp: 3, children: description }) : null
         ] })
       ] }),
@@ -1121,8 +1164,11 @@ function PublicProductCard({
   secondaryAction,
   metadata = [],
   compact = false,
+  size = "md",
   loading = false,
-  disabled = false
+  disabled = false,
+  interactiveMode = "none",
+  onSurfaceActivate
 }) {
   if (loading) {
     return /* @__PURE__ */ jsx19(LoadingCard, { compact });
@@ -1138,11 +1184,12 @@ function PublicProductCard({
   const pickupHelper = helperKind === "pickup" ? helperText : pickupNote;
   const inventoryHelper = helperKind === "inventory" ? helperText : inventoryNote;
   const hasSupportingRegion = Boolean(price || supportingHelper || pickupHelper || inventoryHelper);
-  return /* @__PURE__ */ jsx19(Card6, { withBorder: true, radius: "lg", padding: compact ? "md" : "lg", children: /* @__PURE__ */ jsxs14(Stack14, { gap: compact ? "sm" : "md", children: [
+  const interactiveProps = interactiveMode === "surface-button" ? { component: "button", type: "button", onClick: onSurfaceActivate } : {};
+  return /* @__PURE__ */ jsx19(Card6, { withBorder: true, radius: "lg", padding: compact ? "md" : gdsCardSizePaddingMap[size], ...interactiveProps, children: /* @__PURE__ */ jsxs14(Stack14, { gap: compact ? "sm" : "md", children: [
     image ?? /* @__PURE__ */ jsx19(ImageFallback, { compact }),
     /* @__PURE__ */ jsxs14(Group11, { justify: "space-between", align: "flex-start", wrap: "nowrap", gap: "sm", children: [
       /* @__PURE__ */ jsxs14(Stack14, { gap: 4, style: { minWidth: 0, flex: 1 }, children: [
-        /* @__PURE__ */ jsx19(Title11, { order: compact ? 5 : 4, lineClamp: 2, children: title }),
+        /* @__PURE__ */ jsx19(Title11, { order: compact ? 5 : gdsCardTitleOrderMap[size], lineClamp: 2, children: title }),
         description ? /* @__PURE__ */ jsx19(Text13, { size: "sm", c: "dimmed", lineClamp: compact ? 2 : 3, children: description }) : null
       ] }),
       /* @__PURE__ */ jsx19(Badge9, { variant: "light", color: stateBadge.color, children: stateBadge.label })
@@ -1514,16 +1561,205 @@ function DetailProfileShell({
   ] }) });
 }
 
+// src/AsyncSurface.tsx
+import { Fragment as Fragment4, jsx as jsx25 } from "react/jsx-runtime";
+function getRetryAction(onRetry) {
+  if (!onRetry) {
+    return void 0;
+  }
+  return /* @__PURE__ */ jsx25("button", { type: "button", onClick: onRetry, children: "Retry" });
+}
+function renderStateBlock({
+  variant,
+  title,
+  description,
+  compact,
+  presentation,
+  minHeight,
+  contentAlign,
+  contentJustify,
+  action
+}) {
+  return /* @__PURE__ */ jsx25(
+    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__ */ jsx25(Fragment4, { children: successContent });
+  }
+  if (state === "idle") {
+    return /* @__PURE__ */ jsx25(Fragment4, { 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
+import { Badge as Badge13, Button as Button3, Group as Group16, Select, Stack as Stack20, Text as Text17 } from "@mantine/core";
+import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
+function ActiveFilterChips({
+  filters,
+  emptyLabel = "No active filters."
+}) {
+  if (!filters.length) {
+    return /* @__PURE__ */ jsx26(Text17, { size: "sm", c: "dimmed", children: emptyLabel });
+  }
+  return /* @__PURE__ */ jsx26(Group16, { gap: "xs", children: filters.map((filter) => /* @__PURE__ */ jsx26(
+    Badge13,
+    {
+      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__ */ jsxs20(Stack20, { gap: 2, children: [
+    /* @__PURE__ */ jsxs20(Text17, { size: "sm", fw: 600, children: [
+      resultCount,
+      " ",
+      noun
+    ] }),
+    description ? /* @__PURE__ */ jsx26(Text17, { size: "xs", c: "dimmed", children: description }) : null
+  ] });
+}
+function SortMenu({
+  value,
+  options,
+  onChange,
+  label = "Sort"
+}) {
+  return /* @__PURE__ */ jsx26(
+    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__ */ jsxs20(Group16, { justify: "space-between", align: "center", children: [
+    /* @__PURE__ */ jsxs20(Text17, { size: "sm", fw: 600, children: [
+      selectedCount,
+      " selected"
+    ] }),
+    /* @__PURE__ */ jsxs20(Group16, { gap: "xs", children: [
+      actions,
+      clearAction ?? /* @__PURE__ */ jsx26(Button3, { variant: "subtle", size: "xs", children: "Clear selection" })
+    ] })
+  ] });
+}
+
 // src/PublicNav.tsx
-import { Anchor as Anchor4, Group as Group16 } from "@mantine/core";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { Anchor as Anchor4, Group as Group17 } from "@mantine/core";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function PublicNav({ items, activeId, renderLink }) {
-  return /* @__PURE__ */ jsx25(Group16, { component: "nav", "aria-label": "Primary", gap: "lg", wrap: "nowrap", children: items.map((item) => {
+  return /* @__PURE__ */ jsx27(Group17, { component: "nav", "aria-label": "Primary", gap: "lg", wrap: "nowrap", children: items.map((item) => {
     const active = item.id === activeId;
     if (renderLink) {
-      return /* @__PURE__ */ jsx25("span", { children: renderLink(item, active) }, item.id);
+      return /* @__PURE__ */ jsx27("span", { children: renderLink(item, active) }, item.id);
     }
-    return /* @__PURE__ */ jsx25(
+    return /* @__PURE__ */ jsx27(
       Anchor4,
       {
         href: item.href,
@@ -1541,15 +1777,15 @@ function PublicNav({ items, activeId, renderLink }) {
 }
 
 // src/PublicShell.tsx
-import { AppShell, Box as Box8, Burger, Container, Group as Group17, Stack as Stack20, Text as Text17 } from "@mantine/core";
-import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
+import { AppShell, Box as Box8, Burger, Container, Group as Group18, Stack as Stack21, Text as Text18 } from "@mantine/core";
+import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
 function InlineMobileNavigation({
   mobileNavigation,
   className,
   mode
 }) {
-  return /* @__PURE__ */ jsxs20(Box8, { component: "details", hiddenFrom: "sm", className, children: [
-    /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(Box8, { component: "details", hiddenFrom: "sm", className, children: [
+    /* @__PURE__ */ jsxs21(
       Box8,
       {
         component: "summary",
@@ -1562,12 +1798,12 @@ function InlineMobileNavigation({
           gap: "0.5rem"
         },
         children: [
-          /* @__PURE__ */ jsx26(Burger, { opened: false, "aria-hidden": true }),
-          /* @__PURE__ */ jsx26(Text17, { size: "sm", fw: 600, children: "Menu" })
+          /* @__PURE__ */ jsx28(Burger, { opened: false, "aria-hidden": true }),
+          /* @__PURE__ */ jsx28(Text18, { size: "sm", fw: 600, children: "Menu" })
         ]
       }
     ),
-    /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsx28(
       Box8,
       {
         mt: "sm",
@@ -1577,7 +1813,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__ */ jsx26(Stack20, { gap: "sm", children: mobileNavigation })
+        children: /* @__PURE__ */ jsx28(Stack21, { gap: "sm", children: mobileNavigation })
       }
     )
   ] });
@@ -1598,13 +1834,13 @@ function PublicShell({
   mobileNavigationMode = "sheet",
   classNames
 }) {
-  const resolvedNavigation = navigation ?? (navItems ? /* @__PURE__ */ jsx26(PublicNav, { items: navItems, activeId: activeNavId }) : null);
+  const resolvedNavigation = navigation ?? (navItems ? /* @__PURE__ */ jsx28(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__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     AppShell,
     {
       className: classNames?.root,
@@ -1612,16 +1848,16 @@ function PublicShell({
       footer: usesSheetMobileNavigation ? { height: 68 } : void 0,
       padding: 0,
       children: [
-        /* @__PURE__ */ jsx26(AppShell.Header, { withBorder: headerBordered, className: classNames?.header, "data-header-variant": headerVariant, children: /* @__PURE__ */ jsx26(Container, { size: containerSize, h: "100%", py: headerVariant === "branded-quiet" ? "sm" : 0, children: /* @__PURE__ */ jsxs20(
-          Group17,
+        /* @__PURE__ */ jsx28(AppShell.Header, { withBorder: headerBordered, className: classNames?.header, "data-header-variant": headerVariant, children: /* @__PURE__ */ jsx28(Container, { size: containerSize, h: "100%", py: headerVariant === "branded-quiet" ? "sm" : 0, children: /* @__PURE__ */ jsxs21(
+          Group18,
           {
             h: "100%",
             justify: "space-between",
             wrap: "nowrap",
             gap: headerVariant === "compact" ? "sm" : "lg",
             children: [
-              /* @__PURE__ */ jsxs20(Group17, { wrap: "nowrap", gap: headerVariant === "compact" ? "xs" : "sm", className: classNames?.brand, children: [
-                usesInlineMobileNavigation ? /* @__PURE__ */ jsx26(
+              /* @__PURE__ */ jsxs21(Group18, { wrap: "nowrap", gap: headerVariant === "compact" ? "xs" : "sm", className: classNames?.brand, children: [
+                usesInlineMobileNavigation ? /* @__PURE__ */ jsx28(
                   InlineMobileNavigation,
                   {
                     mobileNavigation,
@@ -1629,17 +1865,17 @@ function PublicShell({
                     mode: mobileNavigationMode
                   }
                 ) : null,
-                /* @__PURE__ */ jsx26(Box8, { children: brand })
+                /* @__PURE__ */ jsx28(Box8, { children: brand })
               ] }),
-              /* @__PURE__ */ jsx26(Group17, { visibleFrom: "sm", gap: headerVariant === "compact" ? "md" : "lg", className: classNames?.navigation, children: resolvedNavigation }),
-              /* @__PURE__ */ jsx26(Group17, { gap: "sm", className: classNames?.actions, children: actions })
+              /* @__PURE__ */ jsx28(Group18, { visibleFrom: "sm", gap: headerVariant === "compact" ? "md" : "lg", className: classNames?.navigation, children: resolvedNavigation }),
+              /* @__PURE__ */ jsx28(Group18, { gap: "sm", className: classNames?.actions, children: actions })
             ]
           }
         ) }) }),
-        usesSheetMobileNavigation ? /* @__PURE__ */ jsx26(AppShell.Footer, { withBorder: true, children: /* @__PURE__ */ jsx26(Container, { size: containerSize, h: "100%", children: /* @__PURE__ */ jsx26(Group17, { h: "100%", justify: "space-around", wrap: "nowrap", children: mobileNavigation }) }) }) : null,
-        /* @__PURE__ */ jsxs20(AppShell.Main, { children: [
-          /* @__PURE__ */ jsx26(Container, { size: containerSize, py: mainPadding, className: classNames?.content, children: /* @__PURE__ */ jsx26(Stack20, { gap: "xl", children }) }),
-          footer ? /* @__PURE__ */ jsx26(Box8, { component: typeof footer === "string" ? "footer" : "div", py: "xl", children: /* @__PURE__ */ jsx26(Container, { size: containerSize, children: typeof footer === "string" ? /* @__PURE__ */ jsx26(Text17, { size: "sm", c: "dimmed", children: footer }) : footer }) }) : null
+        usesSheetMobileNavigation ? /* @__PURE__ */ jsx28(AppShell.Footer, { withBorder: true, children: /* @__PURE__ */ jsx28(Container, { size: containerSize, h: "100%", children: /* @__PURE__ */ jsx28(Group18, { h: "100%", justify: "space-around", wrap: "nowrap", children: mobileNavigation }) }) }) : null,
+        /* @__PURE__ */ jsxs21(AppShell.Main, { children: [
+          /* @__PURE__ */ jsx28(Container, { size: containerSize, py: mainPadding, className: classNames?.content, children: /* @__PURE__ */ jsx28(Stack21, { gap: "xl", children }) }),
+          footer ? /* @__PURE__ */ jsx28(Box8, { component: typeof footer === "string" ? "footer" : "div", py: "xl", children: /* @__PURE__ */ jsx28(Container, { size: containerSize, children: typeof footer === "string" ? /* @__PURE__ */ jsx28(Text18, { size: "sm", c: "dimmed", children: footer }) : footer }) }) : null
         ] })
       ]
     }
@@ -1647,18 +1883,18 @@ function PublicShell({
 }
 
 // src/PublicSiteFooter.tsx
-import { Group as Group18, Stack as Stack21, Text as Text18 } from "@mantine/core";
-import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Group as Group19, Stack as Stack22, Text as Text19 } from "@mantine/core";
+import { jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
 function PublicSiteFooter({ children, meta }) {
-  return /* @__PURE__ */ jsxs21(Stack21, { component: "footer", gap: "xs", children: [
-    children ? /* @__PURE__ */ jsx27(Text18, { size: "sm", children }) : null,
-    meta ? /* @__PURE__ */ jsx27(Group18, { gap: "sm", children: /* @__PURE__ */ jsx27(Text18, { size: "xs", c: "dimmed", children: meta }) }) : null
+  return /* @__PURE__ */ jsxs22(Stack22, { component: "footer", gap: "xs", children: [
+    children ? /* @__PURE__ */ jsx29(Text19, { size: "sm", children }) : null,
+    meta ? /* @__PURE__ */ jsx29(Group19, { gap: "sm", children: /* @__PURE__ */ jsx29(Text19, { size: "xs", c: "dimmed", children: meta }) }) : null
   ] });
 }
 
 // src/PublicBrandFooter.tsx
-import { Box as Box9, Divider as Divider3, Grid, Group as Group19, Paper as Paper6, Stack as Stack22, Text as Text19, Title as Title15 } from "@mantine/core";
-import { Fragment as Fragment4, jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Box as Box9, Divider as Divider3, Grid, Group as Group20, Paper as Paper6, Stack as Stack23, Text as Text20, Title as Title15 } from "@mantine/core";
+import { Fragment as Fragment5, jsx as jsx30, jsxs as jsxs23 } from "react/jsx-runtime";
 function PublicBrandFooter({
   media,
   brandTitle,
@@ -1673,7 +1909,7 @@ 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__ */ jsx28(
+  return /* @__PURE__ */ jsx30(
     Paper6,
     {
       component: "footer",
@@ -1682,19 +1918,19 @@ function PublicBrandFooter({
       p: compact ? "lg" : "xl",
       className: classNames?.root,
       "data-layout-variant": layoutVariant,
-      children: /* @__PURE__ */ jsxs22(Stack22, { gap: "lg", children: [
-        /* @__PURE__ */ jsxs22(Grid, { gutter: compact ? "lg" : "xl", align: "flex-start", children: [
-          media ? /* @__PURE__ */ jsx28(Grid.Col, { span: { base: 12, md: mediaSpan }, children: /* @__PURE__ */ jsx28(Box9, { className: classNames?.media, children: media }) }) : null,
-          /* @__PURE__ */ jsx28(Grid.Col, { span: { base: 12, md: primarySpan }, children: /* @__PURE__ */ jsxs22(Stack22, { gap: compact ? "xs" : "sm", className: classNames?.primary, children: [
-            brandTitle ? /* @__PURE__ */ jsx28(Title15, { order: 4, children: brandTitle }) : null,
-            description ? /* @__PURE__ */ jsx28(Text19, { c: "dimmed", children: description }) : null,
-            actions ? /* @__PURE__ */ jsx28(Box9, { children: actions }) : null
+      children: /* @__PURE__ */ jsxs23(Stack23, { gap: "lg", children: [
+        /* @__PURE__ */ jsxs23(Grid, { gutter: compact ? "lg" : "xl", align: "flex-start", children: [
+          media ? /* @__PURE__ */ jsx30(Grid.Col, { span: { base: 12, md: mediaSpan }, children: /* @__PURE__ */ jsx30(Box9, { className: classNames?.media, children: media }) }) : null,
+          /* @__PURE__ */ jsx30(Grid.Col, { span: { base: 12, md: primarySpan }, children: /* @__PURE__ */ jsxs23(Stack23, { gap: compact ? "xs" : "sm", className: classNames?.primary, children: [
+            brandTitle ? /* @__PURE__ */ jsx30(Title15, { order: 4, children: brandTitle }) : null,
+            description ? /* @__PURE__ */ jsx30(Text20, { c: "dimmed", children: description }) : null,
+            actions ? /* @__PURE__ */ jsx30(Box9, { children: actions }) : null
           ] }) }),
-          secondary ? /* @__PURE__ */ jsx28(Grid.Col, { span: { base: 12, md: secondarySpan }, children: /* @__PURE__ */ jsx28(Stack22, { gap: compact ? "xs" : "sm", className: classNames?.secondary, children: secondary }) }) : null
+          secondary ? /* @__PURE__ */ jsx30(Grid.Col, { span: { base: 12, md: secondarySpan }, children: /* @__PURE__ */ jsx30(Stack23, { gap: compact ? "xs" : "sm", className: classNames?.secondary, children: secondary }) }) : null
         ] }),
-        legal ? /* @__PURE__ */ jsxs22(Fragment4, { children: [
-          /* @__PURE__ */ jsx28(Divider3, {}),
-          /* @__PURE__ */ jsx28(Group19, { justify: "space-between", gap: "sm", wrap: "wrap", className: classNames?.legal, children: typeof legal === "string" ? /* @__PURE__ */ jsx28(Text19, { size: "sm", c: "dimmed", children: legal }) : legal })
+        legal ? /* @__PURE__ */ jsxs23(Fragment5, { children: [
+          /* @__PURE__ */ jsx30(Divider3, {}),
+          /* @__PURE__ */ jsx30(Group20, { justify: "space-between", gap: "sm", wrap: "wrap", className: classNames?.legal, children: typeof legal === "string" ? /* @__PURE__ */ jsx30(Text20, { size: "sm", c: "dimmed", children: legal }) : legal })
         ] }) : null
       ] })
     }
@@ -1702,41 +1938,51 @@ function PublicBrandFooter({
 }
 
 // src/AuthShell.tsx
-import { Box as Box10, Card as Card8, Container as Container2, Divider as Divider4, Group as Group20, Stack as Stack23, Text as Text20, Title as Title16 } from "@mantine/core";
-import { jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Alert, Badge as Badge14, Box as Box10, Card as Card8, Container as Container2, Divider as Divider4, Group as Group21, Stack as Stack24, Text as Text21, Title as Title16 } from "@mantine/core";
+import { jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
 function AuthShell({
   title,
   description,
+  intent = "sign-in",
   brand,
   headerActions,
   footer,
   helper,
+  error,
+  guestAction,
+  supportAction,
   socialAuth,
   dividerLabel = "Or continue with your account",
   children
 }) {
-  return /* @__PURE__ */ jsx29(Box10, { py: { base: "xl", md: "4rem" }, children: /* @__PURE__ */ jsx29(Container2, { size: "xs", children: /* @__PURE__ */ jsxs23(Stack23, { gap: "xl", children: [
-    brand || headerActions ? /* @__PURE__ */ jsxs23(Group20, { justify: brand && headerActions ? "space-between" : "center", align: "center", children: [
-      brand ? /* @__PURE__ */ jsx29(Box10, { children: brand }) : /* @__PURE__ */ jsx29(Box10, {}),
-      headerActions ? /* @__PURE__ */ jsx29(Group20, { gap: "sm", children: headerActions }) : null
+  return /* @__PURE__ */ jsx31(Box10, { py: { base: "xl", md: "4rem" }, children: /* @__PURE__ */ jsx31(Container2, { size: "xs", children: /* @__PURE__ */ jsxs24(Stack24, { gap: "xl", children: [
+    brand || headerActions ? /* @__PURE__ */ jsxs24(Group21, { justify: brand && headerActions ? "space-between" : "center", align: "center", children: [
+      brand ? /* @__PURE__ */ jsx31(Box10, { children: brand }) : /* @__PURE__ */ jsx31(Box10, {}),
+      headerActions ? /* @__PURE__ */ jsx31(Group21, { gap: "sm", children: headerActions }) : null
     ] }) : null,
-    /* @__PURE__ */ jsx29(Card8, { withBorder: true, radius: "lg", padding: "xl", children: /* @__PURE__ */ jsxs23(Stack23, { gap: "lg", children: [
-      /* @__PURE__ */ jsxs23(Stack23, { gap: "xs", ta: "center", children: [
-        /* @__PURE__ */ jsx29(Title16, { order: 2, children: title }),
-        description ? /* @__PURE__ */ jsx29(Text20, { c: "dimmed", size: "sm", children: description }) : null
+    /* @__PURE__ */ jsx31(Card8, { withBorder: true, radius: "lg", padding: "xl", children: /* @__PURE__ */ jsxs24(Stack24, { gap: "lg", children: [
+      /* @__PURE__ */ jsxs24(Stack24, { gap: "xs", ta: "center", children: [
+        /* @__PURE__ */ jsx31(Group21, { justify: "center", children: /* @__PURE__ */ jsx31(Badge14, { variant: "light", color: intent === "account-linking" ? "blue" : intent === "guest-entry" ? "gray" : "teal", children: intent.replace("-", " ") }) }),
+        /* @__PURE__ */ jsx31(Title16, { order: 2, children: title }),
+        description ? /* @__PURE__ */ jsx31(Text21, { c: "dimmed", size: "sm", children: description }) : null
       ] }),
-      socialAuth ? /* @__PURE__ */ jsx29(Box10, { children: socialAuth }) : null,
-      socialAuth ? /* @__PURE__ */ jsx29(Divider4, { label: dividerLabel, labelPosition: "center" }) : null,
+      error ? /* @__PURE__ */ jsx31(Alert, { color: "red", variant: "light", role: "alert", children: error }) : null,
+      socialAuth ? /* @__PURE__ */ jsx31(Box10, { children: socialAuth }) : null,
+      socialAuth ? /* @__PURE__ */ jsx31(Divider4, { label: dividerLabel, labelPosition: "center" }) : null,
       children,
-      helper ? /* @__PURE__ */ jsx29(Text20, { size: "sm", c: "dimmed", ta: "center", children: helper }) : null
+      guestAction || supportAction ? /* @__PURE__ */ jsxs24(Group21, { justify: "center", gap: "sm", children: [
+        guestAction,
+        supportAction
+      ] }) : null,
+      helper ? /* @__PURE__ */ jsx31(Text21, { size: "sm", c: "dimmed", ta: "center", children: helper }) : null
     ] }) }),
-    footer ? /* @__PURE__ */ jsx29(Text20, { size: "sm", c: "dimmed", ta: "center", children: footer }) : null
+    footer ? /* @__PURE__ */ jsx31(Text21, { size: "sm", c: "dimmed", ta: "center", children: footer }) : null
   ] }) }) });
 }
 
 // src/ProviderIdentityButtons.tsx
-import { Button as Button3, SimpleGrid as SimpleGrid5, Stack as Stack24, Text as Text21, ThemeIcon as ThemeIcon7 } from "@mantine/core";
-import { jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Button as Button4, SimpleGrid as SimpleGrid5, Stack as Stack25, Text as Text22, ThemeIcon as ThemeIcon7 } from "@mantine/core";
+import { jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
 var PROVIDER_IDENTITY_REGISTRY = {
   google: {
     providerLabel: "Google",
@@ -1826,9 +2072,23 @@ function mapVariant(variant = "neutral") {
 function getProviderIdentityLabel(provider, fallbackOverride) {
   return resolveProviderLabel(provider, fallbackOverride);
 }
+function getSupportedProviderIdentityIds() {
+  return Object.keys(PROVIDER_IDENTITY_REGISTRY);
+}
+function getProviderIdentityPolicy(provider) {
+  const meta = getProviderIdentityMeta(provider);
+  return {
+    id: meta.id,
+    supported: meta.supported,
+    providerLabel: meta.providerLabel,
+    colorAuthority: meta.supported ? "provider" : "gds-neutral",
+    minTouchTargetPx: 44,
+    allowedVariants: ["solid", "outline", "neutral"]
+  };
+}
 function ProviderIdentityMark({ provider }) {
   const meta = getProviderIdentityMeta(provider);
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx32(
     ThemeIcon7,
     {
       variant: "light",
@@ -1836,7 +2096,7 @@ function ProviderIdentityMark({ provider }) {
       radius: "xl",
       size: "md",
       "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx30(Text21, { size: "xs", fw: 700, c: "inherit", children: meta.markLabel })
+      children: /* @__PURE__ */ jsx32(Text22, { size: "xs", fw: 700, c: "inherit", children: meta.markLabel })
     }
   );
 }
@@ -1844,10 +2104,13 @@ function ProviderIdentityButton({
   provider,
   label,
   description,
+  policyNote,
+  error,
   href,
   onClick,
   disabled,
   loading,
+  tenantDisabledReason,
   fullWidth = true,
   size = "md",
   variant = "neutral",
@@ -1857,14 +2120,15 @@ function ProviderIdentityButton({
 }) {
   const meta = getProviderIdentityMeta(provider);
   const buttonLabel = resolveProviderLabel(provider, label);
+  const resolvedDisabled = disabled || Boolean(tenantDisabledReason);
   const buttonProps = href ? {
     component: "a",
     href
   } : {
     onClick
   };
-  return /* @__PURE__ */ jsx30(
-    Button3,
+  return /* @__PURE__ */ jsx32(
+    Button4,
     {
       variant: mapVariant(variant),
       color: variant === "solid" ? meta.brandColor : void 0,
@@ -1873,14 +2137,17 @@ function ProviderIdentityButton({
       size,
       "aria-label": ariaLabel ?? (typeof buttonLabel === "string" ? buttonLabel : void 0),
       "aria-describedby": describedBy,
-      leftSection: /* @__PURE__ */ jsx30(ProviderIdentityMark, { provider }),
-      disabled,
+      leftSection: /* @__PURE__ */ jsx32(ProviderIdentityMark, { provider }),
+      disabled: resolvedDisabled,
       loading,
       styles: { root: { minHeight: minTouchTargetPx } },
       ...buttonProps,
-      children: /* @__PURE__ */ jsxs24(Stack24, { gap: 0, align: "flex-start", children: [
-        /* @__PURE__ */ jsx30(Text21, { inherit: true, children: buttonLabel }),
-        description ? /* @__PURE__ */ jsx30(Text21, { size: "xs", c: "dimmed", lh: 1.2, children: description }) : null
+      children: /* @__PURE__ */ jsxs25(Stack25, { gap: 0, align: "flex-start", children: [
+        /* @__PURE__ */ jsx32(Text22, { inherit: true, children: buttonLabel }),
+        description ? /* @__PURE__ */ jsx32(Text22, { size: "xs", c: "dimmed", lh: 1.2, children: description }) : null,
+        policyNote ? /* @__PURE__ */ jsx32(Text22, { size: "xs", c: "dimmed", lh: 1.2, children: policyNote }) : null,
+        tenantDisabledReason ? /* @__PURE__ */ jsx32(Text22, { size: "xs", c: "orange.7", lh: 1.2, children: tenantDisabledReason }) : null,
+        error ? /* @__PURE__ */ jsx32(Text22, { size: "xs", c: "red.7", lh: 1.2, role: "alert", children: error }) : null
       ] })
     }
   );
@@ -1891,17 +2158,17 @@ function ProviderIdentityButtonGroup({ providers, layout = "stack" }) {
   }
   const content = providers.map((entry, index) => {
     const key = `${normalizeProviderId(String(entry.provider)) || "provider"}-${index}`;
-    return /* @__PURE__ */ jsx30(ProviderIdentityButton, { ...entry }, key);
+    return /* @__PURE__ */ jsx32(ProviderIdentityButton, { ...entry }, key);
   });
   if (layout === "grid") {
-    return /* @__PURE__ */ jsx30(SimpleGrid5, { cols: { base: 1, sm: 2 }, spacing: "sm", children: content });
+    return /* @__PURE__ */ jsx32(SimpleGrid5, { cols: { base: 1, sm: 2 }, spacing: "sm", children: content });
   }
-  return /* @__PURE__ */ jsx30(Stack24, { gap: "sm", children: content });
+  return /* @__PURE__ */ jsx32(Stack25, { gap: "sm", children: content });
 }
 
 // src/SocialAuthButtons.tsx
-import { Divider as Divider5, Group as Group21, Stack as Stack25, Text as Text22 } from "@mantine/core";
-import { jsx as jsx31, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Divider as Divider5, Group as Group22, Stack as Stack26, Text as Text23 } from "@mantine/core";
+import { jsx as jsx33, jsxs as jsxs26 } from "react/jsx-runtime";
 function SocialAuthButtons({
   providers,
   title = "Continue with a trusted provider",
@@ -1916,60 +2183,63 @@ function SocialAuthButtons({
     provider: provider.id,
     label: provider.label,
     description: provider.description,
+    policyNote: provider.policyNote,
+    error: provider.error,
     href: provider.href,
     onClick: provider.onClick,
     disabled: provider.disabled,
     loading: provider.loading,
+    tenantDisabledReason: provider.tenantDisabledReason,
     size: provider.size ?? (compact ? "sm" : "md"),
     variant: provider.variant
   }));
-  return /* @__PURE__ */ jsxs25(Stack25, { gap: "md", children: [
-    /* @__PURE__ */ jsxs25(Stack25, { gap: 4, ta: "center", children: [
-      /* @__PURE__ */ jsxs25(Group21, { justify: "center", gap: "xs", children: [
-        /* @__PURE__ */ jsx31(GdsIcons.Login, { size: "1rem" }),
-        /* @__PURE__ */ jsx31(Text22, { fw: 600, children: title })
+  return /* @__PURE__ */ jsxs26(Stack26, { gap: "md", children: [
+    /* @__PURE__ */ jsxs26(Stack26, { gap: 4, ta: "center", children: [
+      /* @__PURE__ */ jsxs26(Group22, { justify: "center", gap: "xs", children: [
+        /* @__PURE__ */ jsx33(GdsIcons.Login, { size: "1rem" }),
+        /* @__PURE__ */ jsx33(Text23, { fw: 600, children: title })
       ] }),
-      description ? /* @__PURE__ */ jsx31(Text22, { size: "sm", c: "dimmed", children: description }) : null
+      description ? /* @__PURE__ */ jsx33(Text23, { size: "sm", c: "dimmed", children: description }) : null
     ] }),
-    /* @__PURE__ */ jsx31(Divider5, {}),
-    /* @__PURE__ */ jsx31(ProviderIdentityButtonGroup, { providers: buttons, layout })
+    /* @__PURE__ */ jsx33(Divider5, {}),
+    /* @__PURE__ */ jsx33(ProviderIdentityButtonGroup, { providers: buttons, layout })
   ] });
 }
 
 // src/ArticleShell.tsx
-import { Container as Container3, Group as Group22, Stack as Stack26, Text as Text23, Title as Title17 } from "@mantine/core";
-import { jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Container as Container3, Group as Group23, Stack as Stack27, Text as Text24, Title as Title17 } from "@mantine/core";
+import { jsx as jsx34, jsxs as jsxs27 } from "react/jsx-runtime";
 function ArticleShell({ eyebrow, title, lead, meta, sideRail, children }) {
-  return /* @__PURE__ */ jsx32(Container3, { size: "lg", py: "xl", children: /* @__PURE__ */ jsxs26(Group22, { align: "flex-start", gap: "xl", wrap: "nowrap", children: [
-    /* @__PURE__ */ jsxs26(Stack26, { gap: "lg", maw: 760, flex: 1, children: [
-      /* @__PURE__ */ jsxs26(Stack26, { gap: "sm", children: [
-        eyebrow ? /* @__PURE__ */ jsx32(Text23, { size: "sm", fw: 700, c: "dimmed", tt: "uppercase", children: eyebrow }) : null,
-        /* @__PURE__ */ jsx32(Title17, { order: 1, children: title }),
-        lead ? /* @__PURE__ */ jsx32(Text23, { size: "lg", c: "dimmed", children: lead }) : null,
-        meta ? /* @__PURE__ */ jsx32(Group22, { gap: "md", children: meta }) : null
+  return /* @__PURE__ */ jsx34(Container3, { size: "lg", py: "xl", children: /* @__PURE__ */ jsxs27(Group23, { align: "flex-start", gap: "xl", wrap: "nowrap", children: [
+    /* @__PURE__ */ jsxs27(Stack27, { gap: "lg", maw: 760, flex: 1, children: [
+      /* @__PURE__ */ jsxs27(Stack27, { gap: "sm", children: [
+        eyebrow ? /* @__PURE__ */ jsx34(Text24, { size: "sm", fw: 700, c: "dimmed", tt: "uppercase", children: eyebrow }) : null,
+        /* @__PURE__ */ jsx34(Title17, { order: 1, children: title }),
+        lead ? /* @__PURE__ */ jsx34(Text24, { size: "lg", c: "dimmed", children: lead }) : null,
+        meta ? /* @__PURE__ */ jsx34(Group23, { gap: "md", children: meta }) : null
       ] }),
-      /* @__PURE__ */ jsx32(Stack26, { gap: "md", children })
+      /* @__PURE__ */ jsx34(Stack27, { gap: "md", children })
     ] }),
-    sideRail ? /* @__PURE__ */ jsx32(Stack26, { visibleFrom: "lg", gap: "md", w: 240, children: sideRail }) : null
+    sideRail ? /* @__PURE__ */ jsx34(Stack27, { visibleFrom: "lg", gap: "md", w: 240, children: sideRail }) : null
   ] }) });
 }
 
 // src/CtaButtonGroup.tsx
-import { Group as Group23, Stack as Stack27 } from "@mantine/core";
-import { jsx as jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Group as Group24, Stack as Stack28 } from "@mantine/core";
+import { jsx as jsx35, jsxs as jsxs28 } from "react/jsx-runtime";
 function CtaButtonGroup({ primary, secondary, tertiary }) {
-  return /* @__PURE__ */ jsxs27(Stack27, { gap: "sm", children: [
-    /* @__PURE__ */ jsxs27(Group23, { gap: "sm", align: "stretch", children: [
-      /* @__PURE__ */ jsx33("div", { children: primary }),
-      secondary ? /* @__PURE__ */ jsx33("div", { children: secondary }) : null
+  return /* @__PURE__ */ jsxs28(Stack28, { gap: "sm", children: [
+    /* @__PURE__ */ jsxs28(Group24, { gap: "sm", align: "stretch", children: [
+      /* @__PURE__ */ jsx35("div", { children: primary }),
+      secondary ? /* @__PURE__ */ jsx35("div", { children: secondary }) : null
     ] }),
-    tertiary ? /* @__PURE__ */ jsx33("div", { children: tertiary }) : null
+    tertiary ? /* @__PURE__ */ jsx35("div", { children: tertiary }) : null
   ] });
 }
 
 // src/DocsPageShell.tsx
-import { Anchor as Anchor5, Breadcrumbs, Container as Container4, Group as Group24, Stack as Stack28, Text as Text24, Title as Title18 } from "@mantine/core";
-import { jsx as jsx34, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Anchor as Anchor5, Breadcrumbs, Container as Container4, Group as Group25, Stack as Stack29, Text as Text25, Title as Title18 } from "@mantine/core";
+import { jsx as jsx36, jsxs as jsxs29 } from "react/jsx-runtime";
 function DocsPageShell({
   breadcrumbs = [],
   title,
@@ -1980,27 +2250,27 @@ function DocsPageShell({
   footerNext,
   children
 }) {
-  return /* @__PURE__ */ jsx34(Container4, { fluid: true, py: "xl", px: { base: "md", md: "lg", lg: "xl" }, w: "100%", maw: "100%", children: /* @__PURE__ */ jsxs28(Group24, { align: "flex-start", gap: "xl", wrap: "nowrap", children: [
-    /* @__PURE__ */ jsxs28(Stack28, { component: "article", gap: "lg", flex: 1, miw: 0, children: [
-      breadcrumbs.length ? /* @__PURE__ */ jsx34(Breadcrumbs, { children: breadcrumbs.map(
-        (crumb) => crumb.href ? /* @__PURE__ */ jsx34(Anchor5, { href: crumb.href, children: crumb.label }, `${crumb.label}-${crumb.href}`) : /* @__PURE__ */ jsx34(Text24, { children: crumb.label }, crumb.label)
+  return /* @__PURE__ */ jsx36(Container4, { fluid: true, py: "xl", px: { base: "md", md: "lg", lg: "xl" }, w: "100%", maw: "100%", children: /* @__PURE__ */ jsxs29(Group25, { align: "flex-start", gap: "xl", wrap: "nowrap", children: [
+    /* @__PURE__ */ jsxs29(Stack29, { component: "article", gap: "lg", flex: 1, miw: 0, children: [
+      breadcrumbs.length ? /* @__PURE__ */ jsx36(Breadcrumbs, { children: breadcrumbs.map(
+        (crumb) => crumb.href ? /* @__PURE__ */ jsx36(Anchor5, { href: crumb.href, children: crumb.label }, `${crumb.label}-${crumb.href}`) : /* @__PURE__ */ jsx36(Text25, { children: crumb.label }, crumb.label)
       ) }) : null,
-      /* @__PURE__ */ jsxs28(Stack28, { gap: "sm", children: [
-        eyebrow ? /* @__PURE__ */ jsx34(Text24, { size: "sm", fw: 700, c: "dimmed", children: eyebrow }) : null,
-        /* @__PURE__ */ jsx34(Title18, { order: 1, children: title }),
-        lead ? /* @__PURE__ */ jsx34(Text24, { size: "lg", c: "dimmed", children: lead }) : null,
-        meta ? /* @__PURE__ */ jsx34(Group24, { gap: "md", children: meta }) : null
+      /* @__PURE__ */ jsxs29(Stack29, { gap: "sm", children: [
+        eyebrow ? /* @__PURE__ */ jsx36(Text25, { size: "sm", fw: 700, c: "dimmed", children: eyebrow }) : null,
+        /* @__PURE__ */ jsx36(Title18, { order: 1, children: title }),
+        lead ? /* @__PURE__ */ jsx36(Text25, { size: "lg", c: "dimmed", children: lead }) : null,
+        meta ? /* @__PURE__ */ jsx36(Group25, { gap: "md", children: meta }) : null
       ] }),
-      /* @__PURE__ */ jsx34(Stack28, { gap: "md", children }),
-      footerNext ? /* @__PURE__ */ jsx34(Anchor5, { href: footerNext.href, fw: 600, children: footerNext.label }) : null
+      /* @__PURE__ */ jsx36(Stack29, { gap: "md", children }),
+      footerNext ? /* @__PURE__ */ jsx36(Anchor5, { href: footerNext.href, fw: 600, children: footerNext.label }) : null
     ] }),
-    sideRail ? /* @__PURE__ */ jsx34(Stack28, { visibleFrom: "lg", gap: "md", w: 240, children: sideRail }) : null
+    sideRail ? /* @__PURE__ */ jsx36(Stack29, { visibleFrom: "lg", gap: "md", w: 240, children: sideRail }) : null
   ] }) });
 }
 
 // src/EditorialHero.tsx
-import { Anchor as Anchor6, AspectRatio as AspectRatio5, Box as Box11, Grid as Grid2, Group as Group25, Paper as Paper7, Skeleton as Skeleton3, Stack as Stack29, Text as Text25, ThemeIcon as ThemeIcon8, Title as Title19 } from "@mantine/core";
-import { jsx as jsx35, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Anchor as Anchor6, AspectRatio as AspectRatio5, Box as Box11, Grid as Grid2, Group as Group26, Paper as Paper7, Skeleton as Skeleton3, Stack as Stack30, Text as Text26, ThemeIcon as ThemeIcon8, Title as Title19 } from "@mantine/core";
+import { jsx as jsx37, jsxs as jsxs30 } from "react/jsx-runtime";
 function resolveActionVariant(action, index, seenPrimary) {
   const requested = action.variant ?? (index === 0 ? "primary" : "secondary");
   if (requested === "primary" && !seenPrimary) {
@@ -2012,7 +2282,7 @@ function resolveActionVariant(action, index, seenPrimary) {
   return { variant: "default", seenPrimary };
 }
 function HeroAction({ action, variant }) {
-  const content = /* @__PURE__ */ jsx35(
+  const content = /* @__PURE__ */ jsx37(
     Anchor6,
     {
       href: action.href,
@@ -2037,7 +2307,7 @@ function HeroAction({ action, variant }) {
     }
   );
   if (!action.href) {
-    return /* @__PURE__ */ jsx35(
+    return /* @__PURE__ */ jsx37(
       Box11,
       {
         component: "button",
@@ -2065,22 +2335,22 @@ function HeroAction({ action, variant }) {
   return content;
 }
 function LoadingHero({ compact }) {
-  return /* @__PURE__ */ jsx35(Paper7, { withBorder: true, radius: "xl", p: compact ? "lg" : "xl", children: /* @__PURE__ */ jsxs29(Grid2, { gutter: compact ? "lg" : "xl", align: "center", children: [
-    /* @__PURE__ */ jsx35(Grid2.Col, { span: { base: 12, md: 6 }, children: /* @__PURE__ */ jsxs29(Stack29, { gap: "md", children: [
-      /* @__PURE__ */ jsx35(Skeleton3, { height: 16, width: 96, radius: "xl" }),
-      /* @__PURE__ */ jsx35(Skeleton3, { height: 48, width: "90%", radius: "md" }),
-      /* @__PURE__ */ jsx35(Skeleton3, { height: 18, width: "100%", radius: "md" }),
-      /* @__PURE__ */ jsx35(Skeleton3, { height: 18, width: "82%", radius: "md" }),
-      /* @__PURE__ */ jsxs29(Group25, { children: [
-        /* @__PURE__ */ jsx35(Skeleton3, { height: 40, width: 140, radius: "md" }),
-        /* @__PURE__ */ jsx35(Skeleton3, { height: 40, width: 140, radius: "md" })
+  return /* @__PURE__ */ jsx37(Paper7, { withBorder: true, radius: "xl", p: compact ? "lg" : "xl", children: /* @__PURE__ */ jsxs30(Grid2, { gutter: compact ? "lg" : "xl", align: "center", children: [
+    /* @__PURE__ */ jsx37(Grid2.Col, { span: { base: 12, md: 6 }, children: /* @__PURE__ */ jsxs30(Stack30, { gap: "md", children: [
+      /* @__PURE__ */ jsx37(Skeleton3, { height: 16, width: 96, radius: "xl" }),
+      /* @__PURE__ */ jsx37(Skeleton3, { height: 48, width: "90%", radius: "md" }),
+      /* @__PURE__ */ jsx37(Skeleton3, { height: 18, width: "100%", radius: "md" }),
+      /* @__PURE__ */ jsx37(Skeleton3, { height: 18, width: "82%", radius: "md" }),
+      /* @__PURE__ */ jsxs30(Group26, { children: [
+        /* @__PURE__ */ jsx37(Skeleton3, { height: 40, width: 140, radius: "md" }),
+        /* @__PURE__ */ jsx37(Skeleton3, { height: 40, width: 140, radius: "md" })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx35(Grid2.Col, { span: { base: 12, md: 6 }, children: /* @__PURE__ */ jsx35(AspectRatio5, { ratio: 16 / 11, children: /* @__PURE__ */ jsx35(Skeleton3, { radius: "lg" }) }) })
+    /* @__PURE__ */ jsx37(Grid2.Col, { span: { base: 12, md: 6 }, children: /* @__PURE__ */ jsx37(AspectRatio5, { ratio: 16 / 11, children: /* @__PURE__ */ jsx37(Skeleton3, { radius: "lg" }) }) })
   ] }) });
 }
 function MediaFallback() {
-  return /* @__PURE__ */ jsx35(AspectRatio5, { ratio: 16 / 11, children: /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx37(AspectRatio5, { ratio: 16 / 11, children: /* @__PURE__ */ jsx37(
     ThemeIcon8,
     {
       size: "100%",
@@ -2088,7 +2358,7 @@ function MediaFallback() {
       color: "gray",
       variant: "light",
       "aria-label": "Hero media is unavailable",
-      children: /* @__PURE__ */ jsx35(GdsIcons.Gallery, { size: "2.5rem" })
+      children: /* @__PURE__ */ jsx37(GdsIcons.Gallery, { size: "2.5rem" })
     }
   ) });
 }
@@ -2108,7 +2378,7 @@ 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__ */ jsxs29(
+  return /* @__PURE__ */ jsxs30(
     Box11,
     {
       component: "figure",
@@ -2122,8 +2392,8 @@ function MediaFrame({
       },
       "aria-label": mediaAlt,
       children: [
-        media ?? /* @__PURE__ */ jsx35(MediaFallback, {}),
-        media && overlayBackground ? /* @__PURE__ */ jsx35(
+        media ?? /* @__PURE__ */ jsx37(MediaFallback, {}),
+        media && overlayBackground ? /* @__PURE__ */ jsx37(
           Box11,
           {
             "aria-hidden": true,
@@ -2157,7 +2427,7 @@ function EditorialHero({
   classNames
 }) {
   if (loading) {
-    return /* @__PURE__ */ jsx35(LoadingHero, { compact });
+    return /* @__PURE__ */ jsx37(LoadingHero, { compact });
   }
   const stackAlign = align === "center" ? "center" : "flex-start";
   const textAlign = align === "center" ? "center" : "left";
@@ -2165,15 +2435,15 @@ function EditorialHero({
   const renderedActions = actions.slice(0, 3).map((action, index) => {
     const resolved = resolveActionVariant(action, index, seenPrimary);
     seenPrimary = resolved.seenPrimary;
-    return /* @__PURE__ */ jsx35(HeroAction, { action, variant: resolved.variant }, `${action.label}-${index}`);
+    return /* @__PURE__ */ jsx37(HeroAction, { action, variant: resolved.variant }, `${action.label}-${index}`);
   });
-  const textSlot = /* @__PURE__ */ jsxs29(Stack29, { gap: compact ? "md" : "lg", justify: "center", h: "100%", className: classNames?.content, children: [
-    /* @__PURE__ */ jsxs29(Stack29, { gap: "sm", align: stackAlign, children: [
-      eyebrow ? /* @__PURE__ */ jsx35(Text25, { size: "sm", fw: 700, c: "dimmed", ta: textAlign, children: eyebrow }) : null,
-      /* @__PURE__ */ jsx35(Title19, { order: 1, maw: 760, ta: textAlign, children: title }),
-      description ? /* @__PURE__ */ jsx35(Text25, { size: compact ? "md" : "lg", c: "dimmed", maw: 720, ta: textAlign, children: description }) : null
+  const textSlot = /* @__PURE__ */ jsxs30(Stack30, { gap: compact ? "md" : "lg", justify: "center", h: "100%", className: classNames?.content, children: [
+    /* @__PURE__ */ jsxs30(Stack30, { gap: "sm", align: stackAlign, children: [
+      eyebrow ? /* @__PURE__ */ jsx37(Text26, { size: "sm", fw: 700, c: "dimmed", ta: textAlign, children: eyebrow }) : null,
+      /* @__PURE__ */ jsx37(Title19, { order: 1, maw: 760, ta: textAlign, children: title }),
+      description ? /* @__PURE__ */ jsx37(Text26, { size: compact ? "md" : "lg", c: "dimmed", maw: 720, ta: textAlign, children: description }) : null
     ] }),
-    renderedActions.length ? /* @__PURE__ */ jsx35(Box11, { className: classNames?.actions, children: /* @__PURE__ */ jsx35(
+    renderedActions.length ? /* @__PURE__ */ jsx37(Box11, { className: classNames?.actions, children: /* @__PURE__ */ jsx37(
       CtaButtonGroup,
       {
         primary: renderedActions[0],
@@ -2181,8 +2451,8 @@ function EditorialHero({
         tertiary: renderedActions[2]
       }
     ) }) : null,
-    meta.length ? /* @__PURE__ */ jsx35(Group25, { gap: "sm", wrap: "wrap", "aria-label": "Supporting details", className: classNames?.meta, children: meta.map((item) => /* @__PURE__ */ jsxs29(
-      Group25,
+    meta.length ? /* @__PURE__ */ jsx37(Group26, { gap: "sm", wrap: "wrap", "aria-label": "Supporting details", className: classNames?.meta, children: meta.map((item) => /* @__PURE__ */ jsxs30(
+      Group26,
       {
         gap: 6,
         px: "sm",
@@ -2193,16 +2463,16 @@ function EditorialHero({
         },
         children: [
           item.icon,
-          /* @__PURE__ */ jsx35(Text25, { size: "sm", c: "dimmed", children: item.label })
+          /* @__PURE__ */ jsx37(Text26, { size: "sm", c: "dimmed", children: item.label })
         ]
       },
       item.id
     )) }) : null
   ] });
-  const mediaSlot = error ? /* @__PURE__ */ jsx35(AccentPanel, { tone: "red", variant: "soft-outline", title: "Media unavailable", children: error }) : /* @__PURE__ */ jsx35(MediaFrame, { media, mediaAlt, mediaFade, className: classNames?.media });
-  const textCol = /* @__PURE__ */ jsx35(Grid2.Col, { span: { base: 12, md: 6 }, order: { base: 1, md: mediaPosition === "left" ? 2 : 1 }, children: textSlot });
-  const mediaCol = /* @__PURE__ */ jsx35(Grid2.Col, { span: { base: 12, md: 6 }, order: { base: 2, md: mediaPosition === "left" ? 1 : 2 }, children: mediaSlot });
-  return /* @__PURE__ */ jsx35(
+  const mediaSlot = error ? /* @__PURE__ */ jsx37(AccentPanel, { tone: "red", variant: "soft-outline", title: "Media unavailable", children: error }) : /* @__PURE__ */ jsx37(MediaFrame, { media, mediaAlt, mediaFade, className: classNames?.media });
+  const textCol = /* @__PURE__ */ jsx37(Grid2.Col, { span: { base: 12, md: 6 }, order: { base: 1, md: mediaPosition === "left" ? 2 : 1 }, children: textSlot });
+  const mediaCol = /* @__PURE__ */ jsx37(Grid2.Col, { span: { base: 12, md: 6 }, order: { base: 2, md: mediaPosition === "left" ? 1 : 2 }, children: mediaSlot });
+  return /* @__PURE__ */ jsx37(
     Paper7,
     {
       component: "section",
@@ -2211,7 +2481,7 @@ function EditorialHero({
       p: compact ? "lg" : "xl",
       className: classNames?.root,
       style: surfaceVariant === "flat-public" ? { boxShadow: "none" } : void 0,
-      children: /* @__PURE__ */ jsxs29(Grid2, { gutter: compact ? "lg" : "xl", align: "center", children: [
+      children: /* @__PURE__ */ jsxs30(Grid2, { gutter: compact ? "lg" : "xl", align: "center", children: [
         textCol,
         mediaCol
       ] })
@@ -2220,19 +2490,19 @@ function EditorialHero({
 }
 
 // src/FeatureBand.tsx
-import { Box as Box12, Group as Group26, Paper as Paper8, SimpleGrid as SimpleGrid6, Skeleton as Skeleton4, Stack as Stack30, Text as Text26, ThemeIcon as ThemeIcon9, Title as Title20 } from "@mantine/core";
-import { Fragment as Fragment5, jsx as jsx36, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Box as Box12, Group as Group27, Paper as Paper8, SimpleGrid as SimpleGrid6, Skeleton as Skeleton4, Stack as Stack31, Text as Text27, ThemeIcon as ThemeIcon9, Title as Title20 } from "@mantine/core";
+import { Fragment as Fragment6, jsx as jsx38, jsxs as jsxs31 } from "react/jsx-runtime";
 function FeatureBandSkeleton({
   columns = 3,
   bordered = true,
   variant = "default"
 }) {
-  return /* @__PURE__ */ jsx36(SimpleGrid6, { cols: { base: 1, sm: Math.min(columns, 2), lg: columns }, spacing: "lg", children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ jsx36(Paper8, { withBorder: bordered, radius: "lg", p: variant === "compact" ? "md" : "lg", children: /* @__PURE__ */ jsxs30(Stack30, { gap: "md", children: [
-    /* @__PURE__ */ jsx36(Skeleton4, { height: variant === "process" ? 28 : 42, width: variant === "process" ? 72 : 42, radius: "xl" }),
-    /* @__PURE__ */ jsxs30(Stack30, { gap: "xs", children: [
-      /* @__PURE__ */ jsx36(Skeleton4, { height: 20, width: "75%", radius: "md" }),
-      /* @__PURE__ */ jsx36(Skeleton4, { height: 14, width: "100%", radius: "md" }),
-      /* @__PURE__ */ jsx36(Skeleton4, { height: 14, width: "82%", radius: "md" })
+  return /* @__PURE__ */ jsx38(SimpleGrid6, { cols: { base: 1, sm: Math.min(columns, 2), lg: columns }, spacing: "lg", children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ jsx38(Paper8, { withBorder: bordered, radius: "lg", p: variant === "compact" ? "md" : "lg", children: /* @__PURE__ */ jsxs31(Stack31, { gap: "md", children: [
+    /* @__PURE__ */ jsx38(Skeleton4, { height: variant === "process" ? 28 : 42, width: variant === "process" ? 72 : 42, radius: "xl" }),
+    /* @__PURE__ */ jsxs31(Stack31, { gap: "xs", children: [
+      /* @__PURE__ */ jsx38(Skeleton4, { height: 20, width: "75%", radius: "md" }),
+      /* @__PURE__ */ jsx38(Skeleton4, { height: 14, width: "100%", radius: "md" }),
+      /* @__PURE__ */ jsx38(Skeleton4, { height: 14, width: "82%", radius: "md" })
     ] })
   ] }) }, index)) });
 }
@@ -2245,10 +2515,10 @@ function FeatureBand({
   variant = "default"
 }) {
   if (loading) {
-    return /* @__PURE__ */ jsx36(FeatureBandSkeleton, { columns, bordered, variant });
+    return /* @__PURE__ */ jsx38(FeatureBandSkeleton, { columns, bordered, variant });
   }
   if (!items.length) {
-    return emptyState ? /* @__PURE__ */ jsx36(Fragment5, { children: emptyState }) : /* @__PURE__ */ jsx36(
+    return emptyState ? /* @__PURE__ */ jsx38(Fragment6, { children: emptyState }) : /* @__PURE__ */ jsx38(
       EmptyState,
       {
         title: "No supporting details available",
@@ -2256,9 +2526,9 @@ function FeatureBand({
       }
     );
   }
-  return /* @__PURE__ */ jsx36(Box12, { component: "section", "aria-label": "Supporting features", children: /* @__PURE__ */ jsx36(SimpleGrid6, { cols: { base: 1, sm: Math.min(columns, 2), lg: columns }, spacing: "lg", children: items.map((item, index) => /* @__PURE__ */ jsx36(Paper8, { withBorder: bordered, radius: "lg", p: variant === "compact" ? "md" : "lg", children: /* @__PURE__ */ jsxs30(Stack30, { gap: "md", children: [
-    variant === "process" ? /* @__PURE__ */ jsx36(Group26, { children: /* @__PURE__ */ jsx36(
-      Text26,
+  return /* @__PURE__ */ jsx38(Box12, { component: "section", "aria-label": "Supporting features", children: /* @__PURE__ */ jsx38(SimpleGrid6, { cols: { base: 1, sm: Math.min(columns, 2), lg: columns }, spacing: "lg", children: items.map((item, index) => /* @__PURE__ */ jsx38(Paper8, { withBorder: bordered, radius: "lg", p: variant === "compact" ? "md" : "lg", children: /* @__PURE__ */ jsxs31(Stack31, { gap: "md", children: [
+    variant === "process" ? /* @__PURE__ */ jsx38(Group27, { children: /* @__PURE__ */ jsx38(
+      Text27,
       {
         fw: 800,
         size: "sm",
@@ -2270,18 +2540,18 @@ function FeatureBand({
         },
         children: item.stepLabel ?? `Step ${index + 1}`
       }
-    ) }) : item.media ? item.media : item.icon ? /* @__PURE__ */ jsx36(Group26, { children: /* @__PURE__ */ jsx36(ThemeIcon9, { size: "xl", radius: "xl", variant: "light", color: "violet", children: item.icon }) }) : /* @__PURE__ */ jsx36(Group26, { children: /* @__PURE__ */ jsx36(ThemeIcon9, { size: "xl", radius: "xl", variant: "light", color: "gray", "aria-hidden": true, children: /* @__PURE__ */ jsx36(GdsIcons.Info, { size: "1.25rem" }) }) }),
-    /* @__PURE__ */ jsxs30(Stack30, { gap: "xs", children: [
-      /* @__PURE__ */ jsx36(Title20, { order: 4, children: item.title }),
-      item.description ? /* @__PURE__ */ jsx36(Text26, { c: "dimmed", children: item.description }) : null,
-      item.meta ? /* @__PURE__ */ jsx36(Text26, { size: "sm", c: "dimmed", children: item.meta }) : null
+    ) }) : item.media ? item.media : item.icon ? /* @__PURE__ */ jsx38(Group27, { children: /* @__PURE__ */ jsx38(ThemeIcon9, { size: "xl", radius: "xl", variant: "light", color: "violet", children: item.icon }) }) : /* @__PURE__ */ jsx38(Group27, { children: /* @__PURE__ */ jsx38(ThemeIcon9, { size: "xl", radius: "xl", variant: "light", color: "gray", "aria-hidden": true, children: /* @__PURE__ */ jsx38(GdsIcons.Info, { size: "1.25rem" }) }) }),
+    /* @__PURE__ */ jsxs31(Stack31, { gap: "xs", children: [
+      /* @__PURE__ */ jsx38(Title20, { order: 4, children: item.title }),
+      item.description ? /* @__PURE__ */ jsx38(Text27, { c: "dimmed", children: item.description }) : null,
+      item.meta ? /* @__PURE__ */ jsx38(Text27, { size: "sm", c: "dimmed", children: item.meta }) : null
     ] })
   ] }) }, item.id)) }) });
 }
 
 // src/MapPanel.tsx
-import { AspectRatio as AspectRatio6, Box as Box13, Group as Group27, Paper as Paper9, Stack as Stack31, Text as Text27, Title as Title21 } from "@mantine/core";
-import { jsx as jsx37, jsxs as jsxs31 } from "react/jsx-runtime";
+import { AspectRatio as AspectRatio6, Box as Box13, Group as Group28, Paper as Paper9, Stack as Stack32, Text as Text28, Title as Title21 } from "@mantine/core";
+import { jsx as jsx39, jsxs as jsxs32 } from "react/jsx-runtime";
 function MapPanel({
   title,
   description,
@@ -2297,7 +2567,7 @@ function MapPanel({
 }) {
   let body;
   if (loading) {
-    body = /* @__PURE__ */ jsx37(
+    body = /* @__PURE__ */ jsx39(
       StateBlock,
       {
         variant: "loading",
@@ -2307,9 +2577,9 @@ function MapPanel({
       }
     );
   } else if (error) {
-    body = /* @__PURE__ */ jsx37(StateBlock, { variant: "error", title: "Map unavailable", description: error, compact: true });
+    body = /* @__PURE__ */ jsx39(StateBlock, { variant: "error", title: "Map unavailable", description: error, compact: true });
   } else if (!iframeSrc && !renderMap) {
-    body = /* @__PURE__ */ jsx37(
+    body = /* @__PURE__ */ jsx39(
       StateBlock,
       {
         variant: "empty",
@@ -2319,9 +2589,9 @@ function MapPanel({
       }
     );
   } else if (renderMap) {
-    body = /* @__PURE__ */ jsx37(Box13, { style: { minHeight }, children: renderMap() });
+    body = /* @__PURE__ */ jsx39(Box13, { style: { minHeight }, children: renderMap() });
   } else {
-    body = /* @__PURE__ */ jsx37(AspectRatio6, { ratio: 16 / 9, children: /* @__PURE__ */ jsx37(
+    body = /* @__PURE__ */ jsx39(AspectRatio6, { ratio: 16 / 9, children: /* @__PURE__ */ jsx39(
       "iframe",
       {
         src: iframeSrc,
@@ -2333,21 +2603,21 @@ function MapPanel({
       }
     ) });
   }
-  return /* @__PURE__ */ jsx37(Paper9, { withBorder: true, radius: "xl", p: "lg", children: /* @__PURE__ */ jsxs31(Stack31, { gap: "md", children: [
-    /* @__PURE__ */ jsxs31(Group27, { justify: "space-between", align: "flex-start", gap: "md", wrap: "wrap", children: [
-      /* @__PURE__ */ jsxs31(Stack31, { gap: 4, children: [
-        /* @__PURE__ */ jsx37(Title21, { order: 3, children: title }),
-        description ? /* @__PURE__ */ jsx37(Text27, { size: "sm", c: "dimmed", children: description }) : null
+  return /* @__PURE__ */ jsx39(Paper9, { withBorder: true, radius: "xl", p: "lg", children: /* @__PURE__ */ jsxs32(Stack32, { gap: "md", children: [
+    /* @__PURE__ */ jsxs32(Group28, { justify: "space-between", align: "flex-start", gap: "md", wrap: "wrap", children: [
+      /* @__PURE__ */ jsxs32(Stack32, { gap: 4, children: [
+        /* @__PURE__ */ jsx39(Title21, { order: 3, children: title }),
+        description ? /* @__PURE__ */ jsx39(Text28, { size: "sm", c: "dimmed", children: description }) : null
       ] }),
-      actions ? /* @__PURE__ */ jsx37(ActionBar, { ...actions }) : null
+      actions ? /* @__PURE__ */ jsx39(ActionBar, { ...actions }) : null
     ] }),
     body
   ] }) });
 }
 
 // src/PublicFlowShell.tsx
-import { Badge as Badge13, Group as Group28, Paper as Paper10, Stack as Stack32, Text as Text28, Title as Title22 } from "@mantine/core";
-import { jsx as jsx38, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Badge as Badge15, Group as Group29, Paper as Paper10, Stack as Stack33, Text as Text29, Title as Title22 } from "@mantine/core";
+import { jsx as jsx40, jsxs as jsxs33 } from "react/jsx-runtime";
 var stageTone = {
   idle: { label: "Idle", color: "gray" },
   loading: { label: "Loading", color: "blue" },
@@ -2399,7 +2669,7 @@ function PublicFlowShell({
   const actionBar = toActionBar(stage.actions);
   let body = stage.body;
   if (stage.status === "loading") {
-    body = /* @__PURE__ */ jsx38(
+    body = /* @__PURE__ */ jsx40(
       StateBlock,
       {
         variant: "loading",
@@ -2408,7 +2678,7 @@ function PublicFlowShell({
       }
     );
   } else if (stage.status === "error") {
-    body = errorState ?? /* @__PURE__ */ jsx38(
+    body = errorState ?? /* @__PURE__ */ jsx40(
       StateBlock,
       {
         variant: "error",
@@ -2417,7 +2687,7 @@ function PublicFlowShell({
       }
     );
   } else if (!stage.body && !hardwareSurface) {
-    body = emptyState ?? /* @__PURE__ */ jsx38(
+    body = emptyState ?? /* @__PURE__ */ jsx40(
       EmptyState,
       {
         title: "No stage content available",
@@ -2425,29 +2695,29 @@ function PublicFlowShell({
       }
     );
   }
-  return /* @__PURE__ */ jsx38(Paper10, { withBorder: true, radius: "xl", p: "lg", children: /* @__PURE__ */ jsxs32(Stack32, { gap: "lg", children: [
-    /* @__PURE__ */ jsxs32(Group28, { justify: "space-between", align: "flex-start", gap: "md", wrap: "wrap", children: [
-      /* @__PURE__ */ jsxs32(Stack32, { gap: 4, children: [
-        eyebrow ? /* @__PURE__ */ jsx38(Text28, { size: "xs", fw: 700, c: "dimmed", tt: "uppercase", children: eyebrow }) : null,
-        /* @__PURE__ */ jsxs32(Group28, { gap: "sm", wrap: "wrap", children: [
-          /* @__PURE__ */ jsx38(Title22, { order: 2, children: stage.title }),
-          /* @__PURE__ */ jsx38(Badge13, { variant: "light", color: tone.color, children: tone.label })
+  return /* @__PURE__ */ jsx40(Paper10, { withBorder: true, radius: "xl", p: "lg", children: /* @__PURE__ */ jsxs33(Stack33, { gap: "lg", children: [
+    /* @__PURE__ */ jsxs33(Group29, { justify: "space-between", align: "flex-start", gap: "md", wrap: "wrap", children: [
+      /* @__PURE__ */ jsxs33(Stack33, { gap: 4, children: [
+        eyebrow ? /* @__PURE__ */ jsx40(Text29, { size: "xs", fw: 700, c: "dimmed", tt: "uppercase", children: eyebrow }) : null,
+        /* @__PURE__ */ jsxs33(Group29, { gap: "sm", wrap: "wrap", children: [
+          /* @__PURE__ */ jsx40(Title22, { order: 2, children: stage.title }),
+          /* @__PURE__ */ jsx40(Badge15, { variant: "light", color: tone.color, children: tone.label })
         ] }),
-        stage.description ? /* @__PURE__ */ jsx38(Text28, { size: "sm", c: "dimmed", children: stage.description }) : null
+        stage.description ? /* @__PURE__ */ jsx40(Text29, { size: "sm", c: "dimmed", children: stage.description }) : null
       ] }),
       exitAction
     ] }),
-    stage.notice ? /* @__PURE__ */ jsx38(Text28, { size: "sm", c: "dimmed", children: stage.notice }) : null,
+    stage.notice ? /* @__PURE__ */ jsx40(Text29, { size: "sm", c: "dimmed", children: stage.notice }) : null,
     body,
     hardwareSurface,
     stage.aside,
-    actionBar ? /* @__PURE__ */ jsx38(ActionBar, { ...actionBar }) : null
+    actionBar ? /* @__PURE__ */ jsx40(ActionBar, { ...actionBar }) : null
   ] }) });
 }
 
 // src/PlaybackSurface.tsx
-import { Badge as Badge14, Group as Group29, Paper as Paper11, Stack as Stack33, Text as Text29, Title as Title23 } from "@mantine/core";
-import { jsx as jsx39, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Badge as Badge16, Group as Group30, Paper as Paper11, Stack as Stack34, Text as Text30, Title as Title23 } from "@mantine/core";
+import { jsx as jsx41, jsxs as jsxs34 } from "react/jsx-runtime";
 var stateTone = {
   loading: { label: "Loading", color: "blue" },
   ready: { label: "Ready", color: "teal" },
@@ -2470,7 +2740,7 @@ function PlaybackSurface({
   const tone = stateTone[state];
   let content;
   if (state === "loading") {
-    content = /* @__PURE__ */ jsx39(
+    content = /* @__PURE__ */ jsx41(
       StateBlock,
       {
         variant: "loading",
@@ -2479,7 +2749,7 @@ function PlaybackSurface({
       }
     );
   } else if (state === "empty") {
-    content = emptyState ?? /* @__PURE__ */ jsx39(
+    content = emptyState ?? /* @__PURE__ */ jsx41(
       EmptyState,
       {
         title: "No playback content available",
@@ -2487,7 +2757,7 @@ function PlaybackSurface({
       }
     );
   } else if (state === "error") {
-    content = errorState ?? /* @__PURE__ */ jsx39(
+    content = errorState ?? /* @__PURE__ */ jsx41(
       StateBlock,
       {
         variant: "error",
@@ -2496,23 +2766,23 @@ function PlaybackSurface({
       }
     );
   } else {
-    content = /* @__PURE__ */ jsxs33(Stack33, { gap: "md", children: [
+    content = /* @__PURE__ */ jsxs34(Stack34, { gap: "md", children: [
       media,
       overlays
     ] });
   }
-  return /* @__PURE__ */ jsx39(Paper11, { withBorder: true, radius: "xl", p: "lg", "data-playback-mode": mode, children: /* @__PURE__ */ jsxs33(Stack33, { gap: "md", children: [
-    title || statusMessage || controls ? /* @__PURE__ */ jsxs33(Group29, { justify: "space-between", align: "flex-start", gap: "md", wrap: "wrap", children: [
-      /* @__PURE__ */ jsxs33(Stack33, { gap: 4, children: [
-        title ? /* @__PURE__ */ jsx39(Title23, { order: 3, children: title }) : null,
-        statusMessage ? /* @__PURE__ */ jsx39(Text29, { size: "sm", c: "dimmed", children: statusMessage }) : null
+  return /* @__PURE__ */ jsx41(Paper11, { withBorder: true, radius: "xl", p: "lg", "data-playback-mode": mode, children: /* @__PURE__ */ jsxs34(Stack34, { gap: "md", children: [
+    title || statusMessage || controls ? /* @__PURE__ */ jsxs34(Group30, { justify: "space-between", align: "flex-start", gap: "md", wrap: "wrap", children: [
+      /* @__PURE__ */ jsxs34(Stack34, { gap: 4, children: [
+        title ? /* @__PURE__ */ jsx41(Title23, { order: 3, children: title }) : null,
+        statusMessage ? /* @__PURE__ */ jsx41(Text30, { size: "sm", c: "dimmed", children: statusMessage }) : null
       ] }),
-      /* @__PURE__ */ jsxs33(Group29, { gap: "sm", align: "center", wrap: "wrap", children: [
-        /* @__PURE__ */ jsx39(Badge14, { variant: "light", color: tone.color, children: tone.label }),
+      /* @__PURE__ */ jsxs34(Group30, { gap: "sm", align: "center", wrap: "wrap", children: [
+        /* @__PURE__ */ jsx41(Badge16, { variant: "light", color: tone.color, children: tone.label }),
         controls
       ] })
     ] }) : null,
-    state === "degraded" ? /* @__PURE__ */ jsx39(
+    state === "degraded" ? /* @__PURE__ */ jsx41(
       StateBlock,
       {
         variant: "info",
@@ -2526,14 +2796,21 @@ function PlaybackSurface({
 }
 
 // src/MediaField.tsx
-import { Badge as Badge15, Button as Button4, Divider as Divider6, Group as Group30, Paper as Paper12, Stack as Stack34, Text as Text30 } from "@mantine/core";
-import { Fragment as Fragment6, jsx as jsx40, jsxs as jsxs34 } from "react/jsx-runtime";
+import { Badge as Badge17, Button as Button5, Divider as Divider6, Group as Group31, Paper as Paper12, Progress as Progress2, Stack as Stack35, Text as Text31 } from "@mantine/core";
+import { Fragment as Fragment7, jsx as jsx42, jsxs as jsxs35 } from "react/jsx-runtime";
 var stateLabels = {
   empty: { label: "Empty", color: "gray" },
+  "drag-active": { label: "Drop to select", color: "violet" },
   selected: { label: "Selected", color: "blue" },
+  "preview-loading": { label: "Preview loading", color: "violet" },
   saved: { label: "Saved", color: "teal" },
   invalid: { label: "Needs attention", color: "red" },
-  uploading: { label: "Uploading", color: "violet" }
+  uploading: { label: "Uploading", color: "violet" },
+  "upload-failed": { label: "Upload failed", color: "red" },
+  "unsupported-type": { label: "Unsupported type", color: "red" },
+  "too-large": { label: "Too large", color: "red" },
+  removed: { label: "Removed", color: "gray" },
+  readonly: { label: "Read only", color: "gray" }
 };
 function MediaField({
   label,
@@ -2546,41 +2823,60 @@ function MediaField({
   policyText,
   error,
   retryAction,
+  replaceAction,
   onRemove,
   onReset,
   removeAction,
   resetAction,
   statusAction,
+  acceptedTypes,
+  maxSize,
+  progress,
+  readonly = false,
   state = "empty",
   mode = "stacked"
 }) {
-  const stateBadge = stateLabels[state];
-  const resolvedRemoveAction = removeAction ?? (onRemove ? /* @__PURE__ */ jsx40(Button4, { type: "button", variant: "light", color: "red", onClick: onRemove, children: "Remove" }) : null);
-  const resolvedResetAction = resetAction ?? (onReset ? /* @__PURE__ */ jsx40(Button4, { type: "button", variant: "default", onClick: onReset, children: "Reset" }) : null);
-  return /* @__PURE__ */ jsx40(
+  const resolvedState = readonly ? "readonly" : state;
+  const stateBadge = stateLabels[resolvedState];
+  const resolvedRemoveAction = removeAction ?? (!readonly && onRemove ? /* @__PURE__ */ jsx42(Button5, { type: "button", variant: "light", color: "red", onClick: onRemove, children: "Remove" }) : null);
+  const resolvedResetAction = resetAction ?? (!readonly && onReset ? /* @__PURE__ */ jsx42(Button5, { 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__ */ jsx42(
     FormField,
     {
       label,
       description,
       error,
-      children: /* @__PURE__ */ jsx40(Paper12, { withBorder: true, radius: "xl", p: "lg", children: /* @__PURE__ */ jsxs34(Stack34, { gap: "md", children: [
-        /* @__PURE__ */ jsx40(Group30, { justify: "flex-end", align: "center", gap: "sm", children: /* @__PURE__ */ jsxs34(Group30, { gap: "xs", justify: "flex-end", children: [
-          /* @__PURE__ */ jsx40(Badge15, { variant: "light", color: stateBadge.color, children: stateBadge.label }),
+      children: /* @__PURE__ */ jsx42(Paper12, { withBorder: true, radius: "xl", p: "lg", children: /* @__PURE__ */ jsxs35(Stack35, { gap: "md", children: [
+        /* @__PURE__ */ jsx42(Group31, { justify: "flex-end", align: "center", gap: "sm", children: /* @__PURE__ */ jsxs35(Group31, { gap: "xs", justify: "flex-end", children: [
+          /* @__PURE__ */ jsx42(Badge17, { variant: "light", color: stateBadge.color, children: stateBadge.label }),
           statusAction
         ] }) }),
         preview ? preview : null,
-        uploadControl || urlInput ? /* @__PURE__ */ jsxs34(Fragment6, { children: [
-          /* @__PURE__ */ jsx40(Divider6, {}),
-          /* @__PURE__ */ jsxs34(Stack34, { gap: "sm", style: mode === "split" ? { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(220px, 1fr))" } : void 0, children: [
+        typeof boundedProgress === "number" ? /* @__PURE__ */ jsxs35(Stack35, { gap: 4, children: [
+          /* @__PURE__ */ jsx42(Progress2, { value: boundedProgress, "aria-label": "Upload progress" }),
+          /* @__PURE__ */ jsxs35(Text31, { size: "xs", c: "dimmed", children: [
+            boundedProgress,
+            "% complete"
+          ] })
+        ] }) : null,
+        (uploadControl || urlInput) && !readonly ? /* @__PURE__ */ jsxs35(Fragment7, { children: [
+          /* @__PURE__ */ jsx42(Divider6, {}),
+          /* @__PURE__ */ jsxs35(Stack35, { gap: "sm", style: mode === "split" ? { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(220px, 1fr))" } : void 0, children: [
             uploadControl,
             urlInput
           ] })
         ] }) : null,
-        value ? /* @__PURE__ */ jsx40(Text30, { size: "sm", c: "dimmed", style: { wordBreak: "break-all" }, children: value }) : null,
-        helpText ? /* @__PURE__ */ jsx40(Text30, { size: "sm", c: "dimmed", children: helpText }) : null,
-        policyText ? /* @__PURE__ */ jsx40(Text30, { size: "sm", c: error ? "red.7" : "dimmed", children: policyText }) : null,
+        value ? /* @__PURE__ */ jsx42(Text31, { size: "sm", c: "dimmed", style: { wordBreak: "break-all" }, children: value }) : null,
+        helpText ? /* @__PURE__ */ jsx42(Text31, { size: "sm", c: "dimmed", children: helpText }) : null,
+        acceptedTypes || maxSize ? /* @__PURE__ */ jsxs35(Group31, { gap: "xs", wrap: "wrap", children: [
+          acceptedTypes ? /* @__PURE__ */ jsx42(Badge17, { variant: "outline", color: "gray", children: acceptedTypes }) : null,
+          maxSize ? /* @__PURE__ */ jsx42(Badge17, { variant: "outline", color: "gray", children: maxSize }) : null
+        ] }) : null,
+        policyText ? /* @__PURE__ */ jsx42(Text31, { size: "sm", c: error ? "red.7" : "dimmed", children: policyText }) : null,
         typeof error !== "string" && error ? error : null,
-        resolvedRemoveAction || resolvedResetAction ? /* @__PURE__ */ jsxs34(Group30, { gap: "sm", children: [
+        replaceAction || resolvedRemoveAction || resolvedResetAction || retryAction ? /* @__PURE__ */ jsxs35(Group31, { gap: "sm", children: [
+          replaceAction,
           resolvedResetAction,
           retryAction,
           resolvedRemoveAction
@@ -2591,49 +2887,63 @@ function MediaField({
 }
 
 // src/MediaCard.tsx
-import { ActionIcon as ActionIcon4, Badge as Badge16, Card as Card9, Group as Group31, Stack as Stack35, Text as Text31, Title as Title24 } from "@mantine/core";
-import { jsx as jsx41, jsxs as jsxs35 } from "react/jsx-runtime";
+import { ActionIcon as ActionIcon4, Badge as Badge18, Card as Card9, Group as Group32, Stack as Stack36, Text as Text32, Title as Title24 } from "@mantine/core";
+import { jsx as jsx43, jsxs as jsxs36 } from "react/jsx-runtime";
 function MediaCard({ title, image, description, status, overlay, actions = [] }) {
   const EyeIcon = GdsIcons.Eye;
-  return /* @__PURE__ */ jsxs35(Card9, { withBorder: true, radius: "lg", padding: "md", children: [
-    /* @__PURE__ */ jsxs35(Card9.Section, { pos: "relative", children: [
+  return /* @__PURE__ */ jsxs36(Card9, { withBorder: true, radius: "lg", padding: "md", children: [
+    /* @__PURE__ */ jsxs36(Card9.Section, { pos: "relative", children: [
       image,
-      overlay ? /* @__PURE__ */ jsx41("div", { style: { position: "absolute", inset: 12, display: "flex", justifyContent: "flex-end", alignItems: "flex-start" }, children: overlay }) : null
+      overlay ? /* @__PURE__ */ jsx43("div", { style: { position: "absolute", inset: 12, display: "flex", justifyContent: "flex-end", alignItems: "flex-start" }, children: overlay }) : null
     ] }),
-    /* @__PURE__ */ jsxs35(Stack35, { gap: "sm", mt: "md", children: [
-      /* @__PURE__ */ jsxs35(Group31, { justify: "space-between", align: "flex-start", children: [
-        /* @__PURE__ */ jsxs35(Stack35, { gap: 4, children: [
-          /* @__PURE__ */ jsx41(Title24, { order: 4, children: title }),
-          description ? /* @__PURE__ */ jsx41(Text31, { size: "sm", c: "dimmed", lineClamp: 2, children: description }) : null
+    /* @__PURE__ */ jsxs36(Stack36, { gap: "sm", mt: "md", children: [
+      /* @__PURE__ */ jsxs36(Group32, { justify: "space-between", align: "flex-start", children: [
+        /* @__PURE__ */ jsxs36(Stack36, { gap: 4, children: [
+          /* @__PURE__ */ jsx43(Title24, { order: 4, children: title }),
+          description ? /* @__PURE__ */ jsx43(Text32, { size: "sm", c: "dimmed", lineClamp: 2, children: description }) : null
         ] }),
-        status ? /* @__PURE__ */ jsx41(Badge16, { variant: "light", children: status }) : null
+        status ? /* @__PURE__ */ jsx43(Badge18, { variant: "light", children: status }) : null
       ] }),
-      actions.length ? /* @__PURE__ */ jsx41(Group31, { justify: "flex-end", gap: "xs", children: actions.map((action) => /* @__PURE__ */ jsx41(ActionIcon4, { variant: "light", "aria-label": action.label, onClick: action.onClick, children: /* @__PURE__ */ jsx41(EyeIcon, { size: "1rem" }) }, action.label)) }) : null
+      actions.length ? /* @__PURE__ */ jsx43(Group32, { justify: "flex-end", gap: "xs", children: actions.map((action) => /* @__PURE__ */ jsx43(ActionIcon4, { variant: "light", "aria-label": action.label, onClick: action.onClick, children: /* @__PURE__ */ jsx43(EyeIcon, { size: "1rem" }) }, action.label)) }) : null
     ] })
   ] });
 }
 
 // src/AccessSummary.tsx
-import { Badge as Badge17, Card as Card10, Group as Group32, Stack as Stack36, Text as Text32, Title as Title25 } from "@mantine/core";
-import { jsx as jsx42, jsxs as jsxs36 } from "react/jsx-runtime";
-function AccessSummary({ title, roles, scope, blocked = false, description }) {
-  return /* @__PURE__ */ jsx42(Card10, { withBorder: true, radius: "lg", padding: "lg", children: /* @__PURE__ */ jsxs36(Stack36, { gap: "sm", children: [
-    /* @__PURE__ */ jsxs36(Group32, { justify: "space-between", align: "center", children: [
-      /* @__PURE__ */ jsx42(Title25, { order: 4, children: title }),
-      /* @__PURE__ */ jsx42(Badge17, { color: blocked ? "red" : "teal", variant: "light", children: blocked ? "Blocked" : "Allowed" })
+import { Badge as Badge19, Card as Card10, Group as Group33, Stack as Stack37, Text as Text33, Title as Title25 } from "@mantine/core";
+import { jsx as jsx44, jsxs as jsxs37 } from "react/jsx-runtime";
+var accessStateMeta = {
+  allowed: { label: "Allowed", color: "teal" },
+  blocked: { label: "Blocked", color: "red" },
+  forbidden: { label: "Forbidden", color: "red" },
+  expired: { label: "Expired", color: "orange" },
+  "permission-limited": { label: "Permission limited", color: "grape" }
+};
+function AccessSummary({ title, roles, scope, blocked = false, state, owner, recoveryHint, description }) {
+  const resolvedState = state ?? (blocked ? "blocked" : "allowed");
+  const meta = accessStateMeta[resolvedState];
+  return /* @__PURE__ */ jsx44(Card10, { withBorder: true, radius: "lg", padding: "lg", children: /* @__PURE__ */ jsxs37(Stack37, { gap: "sm", children: [
+    /* @__PURE__ */ jsxs37(Group33, { justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ jsx44(Title25, { order: 4, children: title }),
+      /* @__PURE__ */ jsx44(Badge19, { color: meta.color, variant: "light", children: meta.label })
     ] }),
-    /* @__PURE__ */ jsx42(Group32, { gap: "xs", children: roles.map((role) => /* @__PURE__ */ jsx42(Badge17, { variant: "outline", children: role }, role)) }),
-    scope ? /* @__PURE__ */ jsxs36(Text32, { size: "sm", c: "dimmed", children: [
+    /* @__PURE__ */ jsx44(Group33, { gap: "xs", children: roles.map((role) => /* @__PURE__ */ jsx44(Badge19, { variant: "outline", children: role }, role)) }),
+    scope ? /* @__PURE__ */ jsxs37(Text33, { size: "sm", c: "dimmed", children: [
       "Scope: ",
       scope
     ] }) : null,
-    description ? /* @__PURE__ */ jsx42(Text32, { size: "sm", children: description }) : null
+    owner ? /* @__PURE__ */ jsxs37(Text33, { size: "sm", c: "dimmed", children: [
+      "Owner: ",
+      owner
+    ] }) : null,
+    recoveryHint ? /* @__PURE__ */ jsx44(Text33, { size: "sm", c: resolvedState === "allowed" ? "dimmed" : "red.7", children: recoveryHint }) : null,
+    description ? /* @__PURE__ */ jsx44(Text33, { size: "sm", children: description }) : null
   ] }) });
 }
 
 // src/PageHeader.tsx
-import { Box as Box14, Group as Group33, Stack as Stack37, Text as Text33, Title as Title26 } from "@mantine/core";
-import { jsx as jsx43, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Box as Box14, Group as Group34, Stack as Stack38, Text as Text34, Title as Title26 } from "@mantine/core";
+import { jsx as jsx45, jsxs as jsxs38 } from "react/jsx-runtime";
 function PageHeader({
   title,
   description,
@@ -2644,19 +2954,19 @@ function PageHeader({
 }) {
   const resolvedDescription = description ?? subtitle;
   const eyebrowProps = eyebrowVariant === "ornamental" ? { tt: "uppercase", style: { letterSpacing: "0.12em" } } : {};
-  return /* @__PURE__ */ jsxs37(Group33, { justify: "space-between", align: "flex-start", gap: "lg", wrap: "wrap", children: [
-    /* @__PURE__ */ jsxs37(Stack37, { gap: "xs", children: [
-      eyebrow && /* @__PURE__ */ jsx43(Text33, { size: "xs", fw: 700, c: "dimmed", ...eyebrowProps, children: eyebrow }),
-      /* @__PURE__ */ jsx43(Title26, { order: 1, children: title }),
-      resolvedDescription && /* @__PURE__ */ jsx43(Text33, { c: "dimmed", maw: 720, children: resolvedDescription })
+  return /* @__PURE__ */ jsxs38(Group34, { justify: "space-between", align: "flex-start", gap: "lg", wrap: "wrap", children: [
+    /* @__PURE__ */ jsxs38(Stack38, { gap: "xs", children: [
+      eyebrow && /* @__PURE__ */ jsx45(Text34, { size: "xs", fw: 700, c: "dimmed", ...eyebrowProps, children: eyebrow }),
+      /* @__PURE__ */ jsx45(Title26, { order: 1, children: title }),
+      resolvedDescription && /* @__PURE__ */ jsx45(Text34, { c: "dimmed", maw: 720, children: resolvedDescription })
     ] }),
-    actions ? /* @__PURE__ */ jsx43(Box14, { children: actions }) : null
+    actions ? /* @__PURE__ */ jsx45(Box14, { children: actions }) : null
   ] });
 }
 
 // src/FilterDrawer.tsx
-import { Drawer, Group as Group34, Stack as Stack38, Text as Text34 } from "@mantine/core";
-import { jsx as jsx44, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Drawer, Group as Group35, Stack as Stack39, Text as Text35 } from "@mantine/core";
+import { jsx as jsx46, jsxs as jsxs39 } from "react/jsx-runtime";
 function FilterDrawer({
   opened,
   onClose,
@@ -2672,7 +2982,7 @@ function FilterDrawer({
 }) {
   const resolvedPrimaryAction = applyAction ?? primaryAction;
   const resolvedSecondaryAction = resetAction ?? secondaryAction;
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx46(
     Drawer,
     {
       opened,
@@ -2681,11 +2991,11 @@ function FilterDrawer({
       position: mode === "bottom-sheet" ? "bottom" : "right",
       size: mode === "bottom-sheet" ? "auto" : "md",
       radius: mode === "bottom-sheet" ? "xl" : void 0,
-      children: /* @__PURE__ */ jsxs38(Stack38, { gap: "md", children: [
-        description ? /* @__PURE__ */ jsx44(Text34, { size: "sm", c: "dimmed", children: description }) : null,
+      children: /* @__PURE__ */ jsxs39(Stack39, { gap: "md", children: [
+        description ? /* @__PURE__ */ jsx46(Text35, { size: "sm", c: "dimmed", children: description }) : null,
         children,
-        resolvedPrimaryAction || resolvedSecondaryAction || closeAction ? /* @__PURE__ */ jsxs38(Group34, { justify: "space-between", mt: "md", children: [
-          /* @__PURE__ */ jsxs38(Group34, { gap: "sm", children: [
+        resolvedPrimaryAction || resolvedSecondaryAction || closeAction ? /* @__PURE__ */ jsxs39(Group35, { justify: "space-between", mt: "md", children: [
+          /* @__PURE__ */ jsxs39(Group35, { gap: "sm", children: [
             closeAction,
             resolvedSecondaryAction
           ] }),
@@ -2697,8 +3007,8 @@ function FilterDrawer({
 }
 
 // src/PlaceholderPanel.tsx
-import { Badge as Badge18, Card as Card11, Stack as Stack39, Text as Text35, Title as Title27 } from "@mantine/core";
-import { Fragment as Fragment7, jsx as jsx45, jsxs as jsxs39 } from "react/jsx-runtime";
+import { Badge as Badge20, Card as Card11, Stack as Stack40, Text as Text36, Title as Title27 } from "@mantine/core";
+import { Fragment as Fragment8, jsx as jsx47, jsxs as jsxs40 } from "react/jsx-runtime";
 function PlaceholderPanel({
   title,
   description,
@@ -2708,16 +3018,16 @@ function PlaceholderPanel({
   mode
 }) {
   if (mode === "live" && children) {
-    return /* @__PURE__ */ jsx45(Fragment7, { children });
+    return /* @__PURE__ */ jsx47(Fragment8, { children });
   }
-  return /* @__PURE__ */ jsx45(Card11, { children: /* @__PURE__ */ jsxs39(Stack39, { gap: "md", children: [
-    badge ? /* @__PURE__ */ jsx45(Badge18, { variant: "light", color: "blue", w: "fit-content", children: badge }) : null,
-    /* @__PURE__ */ jsxs39(Stack39, { gap: "xs", children: [
-      /* @__PURE__ */ jsx45(Title27, { order: 4, children: title }),
-      /* @__PURE__ */ jsx45(Text35, { c: "dimmed", children: description })
+  return /* @__PURE__ */ jsx47(Card11, { children: /* @__PURE__ */ jsxs40(Stack40, { gap: "md", children: [
+    badge ? /* @__PURE__ */ jsx47(Badge20, { variant: "light", color: "blue", w: "fit-content", children: badge }) : null,
+    /* @__PURE__ */ jsxs40(Stack40, { gap: "xs", children: [
+      /* @__PURE__ */ jsx47(Title27, { order: 4, children: title }),
+      /* @__PURE__ */ jsx47(Text36, { c: "dimmed", children: description })
     ] }),
-    footer ? /* @__PURE__ */ jsx45(Text35, { size: "sm", children: footer }) : null,
-    /* @__PURE__ */ jsx45(
+    footer ? /* @__PURE__ */ jsx47(Text36, { size: "sm", children: footer }) : null,
+    /* @__PURE__ */ jsx47(
       StateBlock,
       {
         variant: "not-enough-data",
@@ -2731,7 +3041,7 @@ function PlaceholderPanel({
 
 // src/SimpleDataTable.tsx
 import { ScrollArea, Table } from "@mantine/core";
-import { jsx as jsx46, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs41 } from "react/jsx-runtime";
 function SimpleDataTable({
   columns,
   rows,
@@ -2742,23 +3052,23 @@ function SimpleDataTable({
   getRowKey
 }) {
   if (error) {
-    return /* @__PURE__ */ jsx46(StateBlock, { variant: "error", title: "Unable to load data", description: error, compact: true });
+    return /* @__PURE__ */ jsx48(StateBlock, { variant: "error", title: "Unable to load data", description: error, compact: true });
   }
   if (loading) {
-    return /* @__PURE__ */ jsx46(StateBlock, { variant: "loading", title: "Loading data", description: "Please wait while the shared dataset is prepared.", compact: true });
+    return /* @__PURE__ */ jsx48(StateBlock, { variant: "loading", title: "Loading data", description: "Please wait while the shared dataset is prepared.", compact: true });
   }
   if (!rows.length) {
-    return /* @__PURE__ */ jsx46(StateBlock, { variant: "empty", title: emptyTitle, description: emptyDescription, compact: true });
+    return /* @__PURE__ */ jsx48(StateBlock, { variant: "empty", title: emptyTitle, description: emptyDescription, compact: true });
   }
-  return /* @__PURE__ */ jsx46(ScrollArea, { children: /* @__PURE__ */ jsxs40(Table, { striped: true, highlightOnHover: true, withTableBorder: true, withColumnBorders: true, children: [
-    /* @__PURE__ */ jsx46(Table.Thead, { children: /* @__PURE__ */ jsx46(Table.Tr, { children: columns.map((column) => /* @__PURE__ */ jsx46(Table.Th, { children: column.header }, String(column.key))) }) }),
-    /* @__PURE__ */ jsx46(Table.Tbody, { children: rows.map((row, index) => /* @__PURE__ */ jsx46(Table.Tr, { children: columns.map((column) => /* @__PURE__ */ jsx46(Table.Td, { children: column.render ? column.render(row) : String(row[column.key] ?? "") }, String(column.key))) }, getRowKey ? getRowKey(row, index) : index)) })
+  return /* @__PURE__ */ jsx48(ScrollArea, { children: /* @__PURE__ */ jsxs41(Table, { striped: true, highlightOnHover: true, withTableBorder: true, withColumnBorders: true, children: [
+    /* @__PURE__ */ jsx48(Table.Thead, { children: /* @__PURE__ */ jsx48(Table.Tr, { children: columns.map((column) => /* @__PURE__ */ jsx48(Table.Th, { children: column.header }, String(column.key))) }) }),
+    /* @__PURE__ */ jsx48(Table.Tbody, { children: rows.map((row, index) => /* @__PURE__ */ jsx48(Table.Tr, { children: columns.map((column) => /* @__PURE__ */ jsx48(Table.Td, { children: column.render ? column.render(row) : String(row[column.key] ?? "") }, String(column.key))) }, getRowKey ? getRowKey(row, index) : index)) })
   ] }) });
 }
 
 // src/StatsSection.tsx
-import { Stack as Stack40, Title as Title28 } from "@mantine/core";
-import { jsx as jsx47, jsxs as jsxs41 } from "react/jsx-runtime";
+import { Stack as Stack41, Title as Title28 } from "@mantine/core";
+import { jsx as jsx49, jsxs as jsxs42 } from "react/jsx-runtime";
 function StatsSection({
   title,
   loading = false,
@@ -2770,11 +3080,11 @@ function StatsSection({
 }) {
   let content = children;
   if (error) {
-    content = /* @__PURE__ */ jsx47(StateBlock, { variant: "error", title: "Unable to load statistics", description: error, compact: true });
+    content = /* @__PURE__ */ jsx49(StateBlock, { variant: "error", title: "Unable to load statistics", description: error, compact: true });
   } else if (loading) {
-    content = /* @__PURE__ */ jsx47(StateBlock, { variant: "loading", title: "Loading statistics", description: "This shared data surface is still synchronizing.", compact: true });
+    content = /* @__PURE__ */ jsx49(StateBlock, { variant: "loading", title: "Loading statistics", description: "This shared data surface is still synchronizing.", compact: true });
   } else if (belowThreshold) {
-    content = /* @__PURE__ */ jsx47(
+    content = /* @__PURE__ */ jsx49(
       StateBlock,
       {
         variant: "not-enough-data",
@@ -2784,14 +3094,380 @@ function StatsSection({
       }
     );
   } else if (placeholder) {
-    content = /* @__PURE__ */ jsx47(PlaceholderPanel, { ...placeholder, mode: "placeholder" });
+    content = /* @__PURE__ */ jsx49(PlaceholderPanel, { ...placeholder, mode: "placeholder" });
   }
-  return /* @__PURE__ */ jsxs41(Stack40, { gap: "md", children: [
-    /* @__PURE__ */ jsx47(Title28, { order: 3, children: title }),
+  return /* @__PURE__ */ jsxs42(Stack41, { gap: "md", children: [
+    /* @__PURE__ */ jsx49(Title28, { order: 3, children: title }),
     content
   ] });
 }
 
+// src/PeriodSelector.tsx
+import { Badge as Badge21, Group as Group36, Stack as Stack42, Text as Text37 } from "@mantine/core";
+import { jsx as jsx50, jsxs as jsxs43 } from "react/jsx-runtime";
+function PeriodSelector({
+  label,
+  description,
+  value,
+  options,
+  onChange,
+  timezone,
+  scope,
+  helperText,
+  error,
+  stale = false,
+  filtered = false,
+  disabled = false
+}) {
+  const selectedOption = options.find((option) => option.value === value);
+  return /* @__PURE__ */ jsx50(FormField, { label, description, error, children: /* @__PURE__ */ jsxs43(Stack42, { gap: "sm", children: [
+    /* @__PURE__ */ jsx50(
+      "select",
+      {
+        "aria-label": typeof label === "string" ? label : "Reporting period",
+        value,
+        disabled,
+        onChange: (event) => onChange?.(event.currentTarget.value),
+        children: options.map((option) => /* @__PURE__ */ jsx50("option", { value: option.value, children: option.label }, option.value))
+      }
+    ),
+    /* @__PURE__ */ jsxs43(Group36, { gap: "xs", wrap: "wrap", children: [
+      timezone ? /* @__PURE__ */ jsxs43(Badge21, { variant: "outline", color: "gray", children: [
+        "Timezone: ",
+        timezone
+      ] }) : null,
+      filtered ? /* @__PURE__ */ jsx50(Badge21, { variant: "light", color: "blue", children: "Filtered" }) : null,
+      stale ? /* @__PURE__ */ jsx50(Badge21, { variant: "light", color: "orange", children: "Stale data" }) : null,
+      scope ? /* @__PURE__ */ jsx50(Badge21, { variant: "outline", color: "gray", children: scope }) : null
+    ] }),
+    selectedOption?.description ? /* @__PURE__ */ jsx50(Text37, { size: "sm", c: "dimmed", children: selectedOption.description }) : null,
+    helperText ? /* @__PURE__ */ jsx50(Text37, { size: "sm", c: "dimmed", children: helperText }) : null
+  ] }) });
+}
+
+// src/EvidencePanel.tsx
+import { Alert as Alert2, Badge as Badge22, Group as Group37, Paper as Paper13, Stack as Stack43, Text as Text38, Title as Title29 } from "@mantine/core";
+import { jsx as jsx51, jsxs as jsxs44 } from "react/jsx-runtime";
+var stateTone2 = {
+  current: { label: "Current", color: "teal" },
+  stale: { label: "Stale", color: "orange" },
+  partial: { label: "Partial data", color: "yellow" },
+  "permission-limited": { label: "Permission limited", color: "grape" },
+  loading: { label: "Loading", color: "blue" },
+  empty: { label: "No evidence", color: "gray" },
+  error: { label: "Needs attention", color: "red" }
+};
+function EvidencePanel({
+  title,
+  description,
+  source,
+  freshness,
+  confidence,
+  state = "current",
+  evidenceCount,
+  permissionNote,
+  retryAction,
+  details,
+  children
+}) {
+  const tone = stateTone2[state];
+  const isProblem = state === "error" || state === "permission-limited" || state === "stale" || state === "partial";
+  return /* @__PURE__ */ jsx51(Paper13, { withBorder: true, radius: "xl", p: "lg", children: /* @__PURE__ */ jsxs44(Stack43, { gap: "md", children: [
+    /* @__PURE__ */ jsxs44(Group37, { justify: "space-between", align: "flex-start", gap: "sm", children: [
+      /* @__PURE__ */ jsxs44(Stack43, { gap: 4, children: [
+        /* @__PURE__ */ jsx51(Title29, { order: 4, children: title }),
+        description ? /* @__PURE__ */ jsx51(Text38, { size: "sm", c: "dimmed", children: description }) : null
+      ] }),
+      /* @__PURE__ */ jsx51(Badge22, { variant: "light", color: tone.color, children: tone.label })
+    ] }),
+    /* @__PURE__ */ jsxs44(Group37, { gap: "xs", wrap: "wrap", children: [
+      source ? /* @__PURE__ */ jsxs44(Badge22, { variant: "outline", color: "gray", children: [
+        "Source: ",
+        source
+      ] }) : null,
+      freshness ? /* @__PURE__ */ jsxs44(Badge22, { variant: "outline", color: "gray", children: [
+        "Freshness: ",
+        freshness
+      ] }) : null,
+      confidence ? /* @__PURE__ */ jsxs44(Badge22, { variant: "outline", color: "gray", children: [
+        "Confidence: ",
+        confidence
+      ] }) : null,
+      typeof evidenceCount === "number" ? /* @__PURE__ */ jsxs44(Badge22, { variant: "outline", color: "gray", children: [
+        "Evidence: ",
+        evidenceCount
+      ] }) : null
+    ] }),
+    permissionNote ? /* @__PURE__ */ jsx51(Alert2, { color: isProblem ? tone.color : "gray", variant: "light", children: permissionNote }) : null,
+    details,
+    children,
+    retryAction
+  ] }) });
+}
+
+// src/ChartTokenPanel.tsx
+import { Badge as Badge23, Group as Group38, Paper as Paper14, Stack as Stack44, Text as Text39, Title as Title30 } from "@mantine/core";
+import { jsx as jsx52, jsxs as jsxs45 } from "react/jsx-runtime";
+function ChartTokenPanel({
+  title,
+  description,
+  summary,
+  state = "ready",
+  legend = [],
+  children,
+  tableFallback,
+  retryAction
+}) {
+  if (state === "loading") {
+    return /* @__PURE__ */ jsx52(StateBlock, { variant: "loading", title: "Loading chart", description: summary, compact: true, action: retryAction });
+  }
+  if (state === "empty") {
+    return /* @__PURE__ */ jsx52(StateBlock, { variant: "empty", title: "No chart data", description: summary, compact: true, action: retryAction });
+  }
+  if (state === "below-threshold") {
+    return /* @__PURE__ */ jsx52(StateBlock, { variant: "not-enough-data", title: "Not enough data for chart", description: summary, compact: true, action: retryAction });
+  }
+  if (state === "error") {
+    return /* @__PURE__ */ jsx52(StateBlock, { variant: "error", title: "Unable to load chart", description: summary, compact: true, action: retryAction });
+  }
+  return /* @__PURE__ */ jsx52(Paper14, { withBorder: true, radius: "xl", p: "lg", children: /* @__PURE__ */ jsxs45(Stack44, { gap: "md", children: [
+    /* @__PURE__ */ jsxs45(Group38, { justify: "space-between", align: "flex-start", gap: "sm", children: [
+      /* @__PURE__ */ jsxs45(Stack44, { gap: 4, children: [
+        /* @__PURE__ */ jsx52(Title30, { order: 4, children: title }),
+        description ? /* @__PURE__ */ jsx52(Text39, { size: "sm", c: "dimmed", children: description }) : null
+      ] }),
+      state !== "ready" ? /* @__PURE__ */ jsx52(Badge23, { variant: "light", color: state === "permission-limited" ? "grape" : "yellow", children: state.replace("-", " ") }) : null
+    ] }),
+    /* @__PURE__ */ jsx52(Text39, { size: "sm", children: summary }),
+    legend.length ? /* @__PURE__ */ jsx52(Group38, { gap: "xs", wrap: "wrap", "aria-label": "Chart legend", children: legend.map((item, index) => /* @__PURE__ */ jsxs45(Badge23, { 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__ */ jsxs45(Stack44, { gap: "xs", children: [
+      /* @__PURE__ */ jsx52(Text39, { size: "sm", fw: 600, children: "Accessible data fallback" }),
+      tableFallback
+    ] }) : null
+  ] }) });
+}
+
+// src/GdsChart.tsx
+import { Badge as Badge24, Group as Group39, Paper as Paper15, Stack as Stack45, Text as Text40 } from "@mantine/core";
+import { jsx as jsx53, jsxs as jsxs46 } from "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__ */ jsx53(
+    ChartTokenPanel,
+    {
+      title,
+      summary,
+      state,
+      retryAction,
+      legend: [
+        { label: "Primary", token: "var(--mantine-color-blue-6)" },
+        { label: "Secondary", token: "var(--mantine-color-teal-6)" }
+      ],
+      tableFallback: /* @__PURE__ */ jsx53(
+        SimpleDataTable,
+        {
+          columns: [
+            { key: "label", header: "Label" },
+            { key: "value", header: "Value" },
+            { key: "group", header: "Group" }
+          ],
+          rows: tableRows
+        }
+      ),
+      children: /* @__PURE__ */ jsx53(Paper15, { withBorder: true, radius: "md", p: "md", children: /* @__PURE__ */ jsxs46(Stack45, { gap: "sm", children: [
+        /* @__PURE__ */ jsxs46(Group39, { justify: "space-between", children: [
+          /* @__PURE__ */ jsx53(Text40, { fw: 700, children: title }),
+          /* @__PURE__ */ jsx53(Badge24, { variant: "light", children: type })
+        ] }),
+        /* @__PURE__ */ jsx53(Text40, { size: "sm", c: "dimmed", children: summary }),
+        /* @__PURE__ */ jsxs46(Text40, { size: "xs", c: "dimmed", children: [
+          "Type lane: ",
+          type
+        ] })
+      ] }) })
+    }
+  );
+}
+
+// src/LayoutBlocks.tsx
+import { Alert as Alert3, Card as Card12, SimpleGrid as SimpleGrid7, Stack as Stack46, Text as Text41, Title as Title31 } from "@mantine/core";
+import { jsx as jsx54, jsxs as jsxs47 } from "react/jsx-runtime";
+function renderBlock(block) {
+  switch (block.type) {
+    case "hero":
+      return /* @__PURE__ */ jsx54(SectionPanel, { title: String(block.props.title ?? "Hero"), description: String(block.props.description ?? "Hero block"), children: /* @__PURE__ */ jsx54(Text41, { children: String(block.props.body ?? "Composable hero content") }) });
+    case "stats":
+      return /* @__PURE__ */ jsx54(SimpleGrid7, { cols: { base: 1, md: 3 }, children: block.props.items?.map((item) => /* @__PURE__ */ jsx54(Card12, { withBorder: true, children: /* @__PURE__ */ jsxs47(Stack46, { gap: 2, children: [
+        /* @__PURE__ */ jsx54(Text41, { size: "sm", c: "dimmed", children: item.label }),
+        /* @__PURE__ */ jsx54(Title31, { order: 4, children: item.value })
+      ] }) }, `${block.id}-${item.label}`)) ?? null });
+    case "cards-grid":
+      return /* @__PURE__ */ jsx54(SimpleGrid7, { cols: { base: 1, md: 2 }, children: block.props.items?.map((item) => /* @__PURE__ */ jsx54(ListingCard, { title: item.title, description: item.description, size: "sm" }, `${block.id}-${item.title}`)) ?? null });
+    case "chart":
+      return /* @__PURE__ */ jsx54(
+        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__ */ jsx54(
+        ActionBar,
+        {
+          primary: { action: "save" },
+          secondary: [{ action: "cancel" }],
+          tertiary: [{ action: "preview" }]
+        }
+      );
+    case "footer":
+      return /* @__PURE__ */ jsx54(Text41, { size: "sm", c: "dimmed", children: String(block.props.text ?? "Footer block") });
+    default:
+      return /* @__PURE__ */ jsx54(Alert3, { color: "red", children: "Unsupported block type." });
+  }
+}
+function renderGdsLayout(schema) {
+  return /* @__PURE__ */ jsx54(Stack46, { gap: "lg", children: schema.blocks.map((block) => /* @__PURE__ */ jsx54("div", { children: renderBlock(block) }, block.id)) });
+}
+
+// src/ReportingSection.tsx
+import { Group as Group40, Paper as Paper16, Stack as Stack47, Text as Text42, Title as Title32 } from "@mantine/core";
+import { jsx as jsx55, jsxs as jsxs48 } from "react/jsx-runtime";
+function ReportingSection({
+  title,
+  description,
+  state = "ready",
+  periodControl,
+  evidence,
+  metrics,
+  chart,
+  table,
+  action,
+  stateMessage,
+  retryAction
+}) {
+  let stateBlock = null;
+  if (state === "loading") {
+    stateBlock = /* @__PURE__ */ jsx55(StateBlock, { variant: "loading", title: "Loading report", description: stateMessage ?? "The reporting surface is synchronizing.", compact: true });
+  } else if (state === "empty") {
+    stateBlock = /* @__PURE__ */ jsx55(StateBlock, { variant: "empty", title: "No report data", description: stateMessage ?? "No records match this reporting scope yet.", compact: true });
+  } else if (state === "error") {
+    stateBlock = /* @__PURE__ */ jsx55(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__ */ jsx55(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__ */ jsx55(StateBlock, { variant: "permission", title: "Permission-limited report", description: stateMessage ?? "Some evidence is hidden by access rules.", compact: true, action: retryAction });
+  }
+  return /* @__PURE__ */ jsx55(Paper16, { withBorder: true, radius: "xl", p: "lg", children: /* @__PURE__ */ jsxs48(Stack47, { gap: "lg", children: [
+    /* @__PURE__ */ jsxs48(Group40, { justify: "space-between", align: "flex-start", gap: "md", children: [
+      /* @__PURE__ */ jsxs48(Stack47, { gap: 4, children: [
+        /* @__PURE__ */ jsx55(Title32, { order: 3, children: title }),
+        description ? /* @__PURE__ */ jsx55(Text42, { size: "sm", c: "dimmed", children: description }) : null
+      ] }),
+      action
+    ] }),
+    periodControl,
+    (state === "partial" || state === "stale" || state === "filtered") && stateMessage ? /* @__PURE__ */ jsx55(StateBlock, { variant: "info", title: state === "partial" ? "Partial report" : state === "stale" ? "Stale report" : "Filtered report", description: stateMessage, compact: true }) : null,
+    stateBlock,
+    metrics,
+    chart,
+    table,
+    evidence
+  ] }) });
+}
+
+// src/Notifications.tsx
+import { Alert as Alert4, Badge as Badge25, Button as Button6, Group as Group41, Paper as Paper17, Stack as Stack48, Text as Text43, Title as Title33 } from "@mantine/core";
+import { jsx as jsx56, jsxs as jsxs49 } from "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__ */ jsx56(
+    Alert4,
+    {
+      variant: "light",
+      color: notificationColorMap[severity],
+      title,
+      icon: /* @__PURE__ */ jsx56(GdsIcons.Info, { size: "1rem" }),
+      role: severity === "error" ? "alert" : "status",
+      children: /* @__PURE__ */ jsxs49(Stack48, { gap: "xs", children: [
+        message ? /* @__PURE__ */ jsx56(Text43, { size: "sm", children: message }) : null,
+        action
+      ] })
+    }
+  );
+}
+function BannerNotice({
+  eyebrow,
+  title,
+  message,
+  severity = "info",
+  action
+}) {
+  return /* @__PURE__ */ jsx56(Paper17, { withBorder: true, radius: "lg", p: "md", children: /* @__PURE__ */ jsxs49(Stack48, { gap: "xs", children: [
+    /* @__PURE__ */ jsxs49(Group41, { justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ jsxs49(Group41, { gap: "xs", children: [
+        eyebrow ? /* @__PURE__ */ jsx56(Badge25, { variant: "light", children: eyebrow }) : null,
+        /* @__PURE__ */ jsx56(Badge25, { variant: "light", color: notificationColorMap[severity], children: severityToStateVariant(severity).replace("-", " ") })
+      ] }),
+      action
+    ] }),
+    /* @__PURE__ */ jsx56(Title33, { order: 4, children: title }),
+    message ? /* @__PURE__ */ jsx56(Text43, { size: "sm", c: "dimmed", children: message }) : null
+  ] }) });
+}
+function NotificationCenterView({
+  notifications,
+  onDismiss,
+  onClear,
+  title = "Notifications",
+  emptyMessage = "No active notifications."
+}) {
+  return /* @__PURE__ */ jsx56(Paper17, { withBorder: true, radius: "lg", p: "md", children: /* @__PURE__ */ jsxs49(Stack48, { gap: "md", children: [
+    /* @__PURE__ */ jsxs49(Group41, { justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ jsx56(Title33, { order: 4, children: title }),
+      /* @__PURE__ */ jsx56(Button6, { size: "xs", variant: "subtle", onClick: onClear, disabled: notifications.length === 0 || !onClear, children: "Clear all" })
+    ] }),
+    notifications.length === 0 ? /* @__PURE__ */ jsx56(Text43, { size: "sm", c: "dimmed", children: emptyMessage }) : /* @__PURE__ */ jsx56(Stack48, { gap: "sm", children: notifications.map((item) => /* @__PURE__ */ jsx56(
+      InlineAlert,
+      {
+        severity: item.severity,
+        title: item.title,
+        message: item.message,
+        action: /* @__PURE__ */ jsxs49(Group41, { gap: "xs", children: [
+          item.actions?.map((action) => /* @__PURE__ */ jsx56(Button6, { size: "xs", variant: "default", onClick: action.onClick, children: action.label }, action.id)),
+          /* @__PURE__ */ jsx56(Button6, { 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",
@@ -4097,6 +4773,8 @@ function getGdsMessages(locale) {
 
 export {
   StatusBadge,
+  LabelTag,
+  CountBadge,
   EmptyState,
   GdsIcons,
   GdsVocabulary,
@@ -4115,6 +4793,8 @@ export {
   ReferenceSection,
   ActionBar,
   FormField,
+  gdsCardSizePaddingMap,
+  gdsCardTitleOrderMap,
   ListingCard,
   StateBlock,
   ChoiceChip,
@@ -4130,6 +4810,11 @@ export {
   DataToolbar,
   BrowseSurface,
   DetailProfileShell,
+  AsyncSurface,
+  ActiveFilterChips,
+  ResultSummary,
+  SortMenu,
+  BulkActionsBar,
   PublicNav,
   PublicShell,
   PublicSiteFooter,
@@ -4137,6 +4822,8 @@ export {
   AuthShell,
   PROVIDER_IDENTITY_REGISTRY,
   getProviderIdentityLabel,
+  getSupportedProviderIdentityIds,
+  getProviderIdentityPolicy,
   ProviderIdentityButton,
   ProviderIdentityButtonGroup,
   SocialAuthButtons,
@@ -4156,6 +4843,15 @@ export {
   PlaceholderPanel,
   SimpleDataTable,
   StatsSection,
+  PeriodSelector,
+  EvidencePanel,
+  ChartTokenPanel,
+  GdsChart,
+  renderGdsLayout,
+  ReportingSection,
+  InlineAlert,
+  BannerNotice,
+  NotificationCenterView,
   ar,
   de,
   en,