@flamingo-stack/openframe-frontend-core 0.0.721 → 0.0.723

package/dist/components/help-center-pages/index.d.ts

@@ -17,7 +17,7 @@ export { ProductReleasesListPage, type ProductReleasesListPageProps } from './pr
 export { DeliveryPage, type DeliveryPageProps } from './delivery-page';
 export { OnboardingGuidesCatalogPage, type OnboardingGuidesCatalogPageProps } from './onboarding-guides-catalog-page';
 export { TrustCenterPage, TrustCenterPageSkeleton, type TrustCenterPageProps } from './trust-center-page';
-export { DownloadAppsPage, type DownloadAppsPageProps } from './download-apps-page';
+export { DownloadAppsPage, type DownloadAppsPageProps, type DownloadAppsWebOption } from './download-apps-page';
 export { FaqDocumentPage, type FaqDocumentPageProps } from '../faq';
 export { LegalDocumentPage, type LegalDocumentPageProps } from '../shared/legal-document';
 export { ReleaseDetailPage, type ReleaseDetailPageProps, type VideoDisplaySectionProps, } from '../shared/product-release';

package/dist/components/help-center-pages/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/help-center-pages/index.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AAIH,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,uBAAuB,EAAE,KAAK,4BAA4B,EAAE,MAAM,8BAA8B,CAAC;AAC1G,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,KAAK,gCAAgC,EAAE,MAAM,kCAAkC,CAAC;AACtH,OAAO,EAAE,eAAe,EAAE,uBAAuB,EAAE,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC1G,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAGpF,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC1F,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,KAAK,wBAAwB,GAC9B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,yBAAyB,EAAE,KAAK,8BAA8B,EAAE,MAAM,sBAAsB,CAAC;AACtG,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/help-center-pages/index.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AAIH,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,uBAAuB,EAAE,KAAK,4BAA4B,EAAE,MAAM,8BAA8B,CAAC;AAC1G,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,KAAK,gCAAgC,EAAE,MAAM,kCAAkC,CAAC;AACtH,OAAO,EAAE,eAAe,EAAE,uBAAuB,EAAE,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC1G,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,KAAK,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAGhH,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC1F,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,KAAK,wBAAwB,GAC9B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,yBAAyB,EAAE,KAAK,8BAA8B,EAAE,MAAM,sBAAsB,CAAC;AACtG,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/help-center-pages/index.js

@@ -6,42 +6,43 @@ import {
   ProductReleasesView,
   ReleaseDetailPage,
   RoadmapView
-} from "../../chunk-LAXKEBDD.js";
+} from "../../chunk-A7JPMNHF.js";
 import {
   DocsHubPage
-} from "../../chunk-ZLUFEWZZ.js";
-import "../../chunk-3LY7V3RF.js";
+} from "../../chunk-JL7AHSFE.js";
+import "../../chunk-VIFVSFYY.js";
 import "../../chunk-6YBUQAOH.js";
 import {
   FaqDocumentPage,
   FaqSection
-} from "../../chunk-57UTI7ZH.js";
+} from "../../chunk-QBXEF7D5.js";
 import {
   StickySectionNav,
   useScrollSpy
-} from "../../chunk-44Q6MV7C.js";
+} from "../../chunk-N4VCU6XP.js";
 import {
   HelpCenterList
-} from "../../chunk-E6SMMMKV.js";
+} from "../../chunk-YGIUWQEN.js";
 import {
   ContactForm
-} from "../../chunk-74N742ZG.js";
+} from "../../chunk-SBCJFJ6Q.js";
 import {
   DevSectionPage,
   ListEmptyState
-} from "../../chunk-S63QBBT7.js";
+} from "../../chunk-F6JAGSKV.js";
 import "../../chunk-K76ACBR3.js";
-import "../../chunk-CO3FOZIH.js";
+import "../../chunk-WVA7SCLY.js";
 import {
   OnboardingGuideDetailView,
   OnboardingGuidesCatalogView
-} from "../../chunk-RCI3PALX.js";
-import "../../chunk-UXU7Y5BH.js";
-import "../../chunk-LGKMR7NZ.js";
+} from "../../chunk-OVG6MV3X.js";
+import "../../chunk-2VOPQJNR.js";
+import "../../chunk-YUSA7IPD.js";
 import {
   CommandBox,
   ComplianceLogo,
   DataAttribution,
+  DownloadButton,
   LoadError,
   MobileAppQr,
   PageShell,
@@ -50,14 +51,14 @@ import {
   StatusIndicator,
   StoreBadgeLinks,
   TabNavigation
-} from "../../chunk-2P2M27EW.js";
-import "../../chunk-JDBZ4ZHU.js";
+} from "../../chunk-G6YNPBWV.js";
+import "../../chunk-KS3YLYVL.js";
 import "../../chunk-LQYXMEYF.js";
 import "../../chunk-4JPLYOS6.js";
 import {
   EntityImage,
   PageLayout
-} from "../../chunk-GYAXV3MZ.js";
+} from "../../chunk-UYMTAFHG.js";
 import {
   useCopyToClipboard,
   useDownloads,
@@ -69,23 +70,20 @@ import "../../chunk-YYYVS7CX.js";
 import "../../chunk-3UBWDR65.js";
 import "../../chunk-PLWMIU72.js";
 import {
-  DOWNLOAD_PAGE_STORE_PARAM,
-  MOBILE_APP_INSTALL_HOST_PATH,
   ScrollShadow,
   TextSkeleton,
   UnifiedSkeleton,
   getFlagFromCountryName,
-  resolveMobileStoreUrl,
   useIsHydrated
-} from "../../chunk-HXB7SEYG.js";
-import "../../chunk-KFOAV77K.js";
+} from "../../chunk-IIBTYCEN.js";
+import "../../chunk-5D2K7TFT.js";
 import "../../chunk-AFTRPEXO.js";
 import {
   Modal,
   ModalContent,
   ModalHeader,
   ModalTitle
-} from "../../chunk-ZZEKXGFS.js";
+} from "../../chunk-WY4SLTMZ.js";
 import "../../chunk-REETLEL5.js";
 import {
   DESKTOP_OSES,
@@ -113,19 +111,23 @@ import {
   TRUST_CENTER_SECTIONS,
   TRUST_CENTER_TAGLINE,
   TRUST_CENTER_TITLE,
-  isTrustCenterMonitored,
   normalizeTrustControlQuery,
   trustCenterControlsUrl,
   trustCenterDocumentUrl,
+  trustCenterMonitoringStatus,
+  trustCenterPdfUrl,
   trustFrameworkBadge,
   trustFrameworkMonitoringEntry,
-  useSelfFetch
-} from "../../chunk-NPSJE7J3.js";
+  useSelfFetch,
+  visibleTrustCenterSections
+} from "../../chunk-PKS2QQJU.js";
 import "../../chunk-H3PKYE4N.js";
 import {
   brandLogoForName
-} from "../../chunk-742BGXNX.js";
-import "../../chunk-IYVFSLWJ.js";
+} from "../../chunk-EWED6ISQ.js";
+import {
+  formatUrlForDisplay
+} from "../../chunk-KZQO5EJQ.js";
 import "../../chunk-FBZMAPWO.js";
 import "../../chunk-FSQQZFVG.js";
 import "../../chunk-E4ABZWTJ.js";
@@ -276,7 +278,7 @@ var FRAMEWORK_ICONS = {
   "file-shield": FileShieldIcon
 };
 var BODY_TEXT = "text-h6 text-ods-text-secondary";
-var TRUST_STATUS_ROW_CLASS = "flex flex-col gap-[var(--spacing-system-xs)] content-md:flex-row content-md:items-center content-md:justify-between";
+var TRUST_STATUS_ROW_CLASS = "flex flex-col gap-[var(--spacing-system-xsf)] content-md:flex-row content-md:items-center content-md:justify-between";
 var TRUST_BODY_GRID_CLASS = "grid grid-cols-1 gap-[var(--spacing-system-xl)] content-lg:grid-cols-[minmax(0,1fr)_12rem]";
 var TRUST_SECTIONS_COLUMN_CLASS = "flex min-w-0 flex-col gap-[var(--spacing-system-xxl)]";
 var TRUST_SECTION_LEADS = {
@@ -658,7 +660,7 @@ function TrustCenterSkeleton() {
         /* @__PURE__ */ jsx5(UnifiedSkeleton, { className: "size-3 rounded-full" }),
         /* @__PURE__ */ jsx5(TextSkeleton.Body, { className: "w-44" })
       ] }),
-      /* @__PURE__ */ jsxs5("div", { className: "flex shrink-0 flex-col gap-[var(--spacing-system-xxs)] content-sm:flex-row content-sm:items-center content-sm:gap-[var(--spacing-system-sf)]", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "flex shrink-0 flex-col gap-[var(--spacing-system-xsf)] content-sm:flex-row content-sm:items-center content-sm:gap-[var(--spacing-system-sf)]", children: [
         /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-[var(--spacing-system-xsf)]", children: [
           /* @__PURE__ */ jsx5(UnifiedSkeleton, { className: "size-4 rounded" }),
           /* @__PURE__ */ jsx5(TextSkeleton.Body, { className: "w-36" })
@@ -679,18 +681,6 @@ function TrustCenterSkeleton() {
 
 // src/components/help-center-pages/trust-center-page.tsx
 import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-function visibleSections(data) {
-  const hasContent = {
-    ai: data.aiPractices.length > 0,
-    compliance: data.frameworks.length > 0,
-    controls: data.controlDomains.length > 0,
-    documents: data.documents.length > 0,
-    subprocessors: data.subprocessors.length > 0,
-    faq: data.faqs.length > 0,
-    contact: true
-  };
-  return TRUST_CENTER_SECTIONS.filter((section) => hasContent[section.id]);
-}
 function controlsSeed(data) {
   const first = data.controlDomains[0] ?? null;
   return {
@@ -703,9 +693,8 @@ function controlsSeed(data) {
 }
 var MONITORING_CLOCK_TICK_MS = 6e4;
 function monitoringStatus(data, hydrated, nowMs) {
-  if (!data.connected) return { status: "missing", label: "Live control monitoring is not enabled yet" };
-  if (!hydrated) return { status: "missing", label: "Checking monitoring status" };
-  return isTrustCenterMonitored(data, nowMs) ? { status: "success", label: "Controls continuously monitored" } : { status: "pending", label: "Monitoring paused" };
+  if (data.connected && !hydrated) return { status: "missing", label: "Checking monitoring status" };
+  return trustCenterMonitoringStatus(data, nowMs);
 }
 function TrustCenterPage({
   endpoint = TRUST_CENTER_API_PATH,
@@ -714,7 +703,8 @@ function TrustCenterPage({
   backButton = false,
   title = TRUST_CENTER_TITLE,
   subtitle = TRUST_CENTER_TAGLINE,
-  ask
+  ask,
+  beforeFaq
 }) {
   const { data, isLoading, error, reload } = useSelfFetch(endpoint, {
     initialData,
@@ -735,7 +725,7 @@ function TrustCenterPage({
     open: false,
     documentTitle: null
   });
-  const sections = useMemo(() => data ? visibleSections(data) : [], [data]);
+  const sections = useMemo(() => data ? visibleTrustCenterSections(data) : [], [data]);
   const { activeSection, handleSectionClick } = useScrollSpy(sections, {
     syncHash: true,
     headerOffset: STICKY_HEADER_OFFSET_PX
@@ -747,6 +737,7 @@ function TrustCenterPage({
   const closeRequest = useCallback(() => setRequest((current) => ({ ...current, open: false })), []);
   const hasGatedDocuments = data?.documents.some((document) => document.access === "request") ?? false;
   const actions = hasGatedDocuments ? [{ label: "Request access", variant: "accent", onClick: () => openRequest(null) }] : void 0;
+  const download = /* @__PURE__ */ jsx6(DownloadButton, { label: "Download PDF", href: trustCenterPdfUrl(endpoint) });
   const views = {
     ai: {
       lead: TRUST_SECTION_LEADS.ai,
@@ -778,6 +769,9 @@ function TrustCenterPage({
     faq: { render: (d) => /* @__PURE__ */ jsx6(FaqSection, { initialFaqs: d.faqs, heading: null, ask }) },
     contact: { render: () => /* @__PURE__ */ jsx6(ContactSection, { onContact: () => openRequest(null) }) }
   };
+  const faqSection = sections.find((section) => section.id === "faq");
+  const faqLast = Boolean(beforeFaq) && Boolean(faqSection);
+  const columnSections = faqLast ? sections.filter((section) => section.id !== "faq") : sections;
   let body;
   if (error && !data) {
     body = /* @__PURE__ */ jsx6(LoadError, { message: "Could not load the trust center", onRetry: reload });
@@ -801,12 +795,13 @@ function TrustCenterPage({
               }
             ) : void 0,
             source: data.dataSource.name,
-            lastUpdated: data.syncedAt
+            lastUpdated: data.syncedAt,
+            action: download
           }
-        ) : null
+        ) : download
       ] }),
       /* @__PURE__ */ jsxs6("div", { className: TRUST_BODY_GRID_CLASS, children: [
-        /* @__PURE__ */ jsx6("div", { className: TRUST_SECTIONS_COLUMN_CLASS, children: sections.map((section) => {
+        /* @__PURE__ */ jsx6("div", { className: TRUST_SECTIONS_COLUMN_CLASS, children: columnSections.map((section) => {
           const view = views[section.id];
           return /* @__PURE__ */ jsx6(TrustSection, { id: section.id, title: section.label, lead: view.lead, children: view.render(data) }, section.id);
         }) }),
@@ -830,7 +825,15 @@ function TrustCenterPage({
       )
     ] });
   }
-  return /* @__PURE__ */ jsx6(TrustCenterChrome, { shell, title, subtitle, backButton, actions, children: body });
+  return /* @__PURE__ */ jsxs6(Fragment2, { children: [
+    /* @__PURE__ */ jsx6(TrustCenterChrome, { shell, title, subtitle, backButton, actions, children: body }),
+    beforeFaq,
+    faqLast && faqSection && data ? (
+      // The page's own content box at its FULL width (no section-rail column): a closing FAQ takes the
+      // same space the FAQ block takes at the foot of every other page.
+      /* @__PURE__ */ jsx6("div", { className: shell ? "bg-ods-bg" : void 0, children: /* @__PURE__ */ jsx6("div", { className: shell ? "page-shell-content mx-auto max-w-[1920px]" : "page-shell-content", children: /* @__PURE__ */ jsx6(TrustSection, { id: faqSection.id, title: faqSection.label, lead: views.faq.lead, children: views.faq.render(data) }) }) })
+    ) : null
+  ] });
 }
 function TrustCenterChrome({
   shell,
@@ -867,7 +870,6 @@ function TrustCenterPageSkeleton({
 }
 
 // src/components/help-center-pages/download-apps-page.tsx
-import { useEffect as useEffect2 } from "react";
 import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var SECTIONS_CLASS = "flex flex-col gap-[var(--spacing-system-xlf)]";
 var SECTION_CLASS = "flex flex-col gap-[var(--spacing-system-lf)]";
@@ -955,6 +957,22 @@ function SystemCard({
     ) })
   ] });
 }
+function WebCard({ web }) {
+  return /* @__PURE__ */ jsxs7(
+    "section",
+    {
+      "aria-labelledby": "download-web",
+      className: cn(CARD_CLASS, "content-md:flex-row content-md:items-center content-md:justify-between"),
+      children: [
+        /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-[var(--spacing-system-xsf)]", children: [
+          /* @__PURE__ */ jsx7("h2", { id: "download-web", className: "m-0 text-ods-text-primary text-h3", children: web.title }),
+          /* @__PURE__ */ jsx7("p", { className: "m-0 text-ods-text-secondary text-h4", children: web.description })
+        ] }),
+        /* @__PURE__ */ jsx7("div", { className: "shrink-0", children: web.action })
+      ]
+    }
+  );
+}
 function CardsSkeleton({ label }) {
   return /* @__PURE__ */ jsx7("div", { className: CARDS_GRID_CLASS, "aria-busy": "true", "aria-label": label, children: [0, 1].map((card) => /* @__PURE__ */ jsxs7("div", { className: CARD_CLASS, children: [
     /* @__PURE__ */ jsx7(UnifiedSkeleton, { className: "h-6 w-32 rounded" }),
@@ -982,18 +1000,13 @@ function DownloadAppsPage({
   showDesktop = true,
   openStoresInNewTab = true,
   onDownloadAction,
-  footer
+  web
 }) {
   const { data, isLoading, error, reload } = useDownloads({ endpoint, initialData });
   const systems = showDesktop && data ? rowsBySystem(data.desktop) : [];
   const mobile = data?.mobile ?? null;
   const hasMobile = !!mobile && (!!mobile.appStoreUrl || !!mobile.googlePlayUrl);
   const offersDesktop = showDesktop && (!data || systems.length > 0);
-  useEffect2(() => {
-    if (!mobile || !new URLSearchParams(window.location.search).has(DOWNLOAD_PAGE_STORE_PARAM)) return;
-    const storeUrl = resolveMobileStoreUrl(mobile, navigator.userAgent, navigator.maxTouchPoints);
-    if (storeUrl) window.location.replace(storeUrl);
-  }, [mobile]);
   let body;
   if (error && !data) {
     body = /* @__PURE__ */ jsx7(LoadError, { message: "Could not load the downloads", onRetry: reload });
@@ -1005,7 +1018,7 @@ function DownloadAppsPage({
   } else {
     body = /* @__PURE__ */ jsxs7(Fragment3, { children: [
       systems.length > 0 && /* @__PURE__ */ jsx7(Section, { id: "download-desktop", title: "Desktop app", children: /* @__PURE__ */ jsx7("div", { className: cardsGridClass(systems.length), children: systems.map((system) => /* @__PURE__ */ jsx7(SystemCard, { system, onDownloadAction }, system.os)) }) }),
-      mobile && hasMobile && /* @__PURE__ */ jsx7(Section, { id: "download-mobile", title: "Mobile app", children: /* @__PURE__ */ jsxs7("div", { className: CARDS_GRID_CLASS, children: [
+      mobile && hasMobile && /* @__PURE__ */ jsx7(Section, { id: "download-mobile", title: "Mobile app", children: /* @__PURE__ */ jsxs7("div", { className: cardsGridClass(mobile.install ? 2 : 1), children: [
         /* @__PURE__ */ jsxs7("div", { className: CARD_CLASS, children: [
           /* @__PURE__ */ jsx7(CardHeader, { title: storeCardTitle(mobile) }),
           /* @__PURE__ */ jsx7("p", { className: "m-0 text-ods-text-secondary text-h4", children: "Get alerts and respond to tickets on the go." }),
@@ -1018,17 +1031,23 @@ function DownloadAppsPage({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs7("div", { className: cn(CARD_CLASS, "content-md:flex-row content-md:items-center content-md:justify-between"), children: [
-          /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-[var(--spacing-system-sf)]", children: [
-            /* @__PURE__ */ jsx7(CardHeader, { title: "Scan with your phone" }),
-            /* @__PURE__ */ jsxs7("p", { className: "m-0 text-ods-text-secondary text-h4", children: [
-              "Point your camera at the code, or open ",
-              MOBILE_APP_INSTALL_HOST_PATH,
-              " on your phone."
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx7("div", { className: "w-fit shrink-0 rounded-md bg-ods-bg-inverted p-[var(--spacing-system-sf)]", children: /* @__PURE__ */ jsx7(MobileAppQr, { className: "h-[120px] w-[120px]" }) })
-        ] })
+        mobile.install && /* @__PURE__ */ jsxs7(
+          "div",
+          {
+            className: cn(CARD_CLASS, "content-md:flex-row content-md:items-center content-md:justify-between"),
+            children: [
+              /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-[var(--spacing-system-sf)]", children: [
+                /* @__PURE__ */ jsx7(CardHeader, { title: "Scan with your phone" }),
+                /* @__PURE__ */ jsxs7("p", { className: "m-0 text-ods-text-secondary text-h4", children: [
+                  "Point your camera at the code, or open ",
+                  formatUrlForDisplay(mobile.install.url),
+                  " on your phone."
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx7(MobileAppQr, { install: mobile.install, className: "h-[144px] w-[144px] shrink-0" })
+            ]
+          }
+        )
       ] }) })
     ] });
   }
@@ -1041,7 +1060,7 @@ function DownloadAppsPage({
       subtitle: subtitle ?? (offersDesktop ? DOWNLOADS_TAGLINE : DOWNLOADS_MOBILE_TAGLINE),
       children: /* @__PURE__ */ jsxs7("div", { className: SECTIONS_CLASS, children: [
         body,
-        footer
+        web && /* @__PURE__ */ jsx7(WebCard, { web })
       ] })
     }
   );

package/dist/components/help-center-pages/trust-center-page.d.ts

@@ -1,3 +1,29 @@
+/**
+ * `<TrustCenterPage>` — the full public trust center (Vanta-fed, hub-projected).
+ *
+ * ONE page, not tabs (2026 trust-center practice: buyers skim and Ctrl-F, and a
+ * questionnaire needs a deep link per section): hero with the monitoring status
+ * (with the page's PDF as a quiet link at its end) and the Request access action, then anchored sections in reading order
+ * (`TRUST_CENTER_SECTIONS`: AI & data use → compliance → controls → documents →
+ * subprocessors → FAQ → questions) with a sticky section rail on desktop
+ * (`StickySectionNav` + `useScrollSpy`, the vendor-page / DocViewer pattern).
+ * Built ONLY from existing lib components (see `trust-center-sections.tsx`); the
+ * chrome is the canonical `PageShell` + frozen `PageLayout`.
+ *
+ * DATA: `useSelfFetch` against `endpoint` (default `TRUST_CENTER_API_PATH`;
+ * embedders pass their `/content` proxy path). `initialData` (hub SSR) skips the
+ * first fetch; a visible tab re-validates after `TRUST_CENTER_CACHE_SECONDS`.
+ * CONTROLS are answered by the server (`endpoint/controls?domain=&q=`) per tab
+ * and per search; the page never filters, it only highlights what came back.
+ *
+ * MONITORING is derived on the client AFTER HYDRATION from `syncedAt` +
+ * `monitoredWindowMs` (`isTrustCenterMonitored`), against a clock re-read every
+ * time the data changes — so a long-open tab flips to "Monitoring paused" on
+ * revalidation. Before hydration the status is NEUTRAL (never a claim that
+ * flips). The subtitle is the brand-neutral `TRUST_CENTER_TAGLINE` unless the
+ * host overrides it.
+ */
+import { type ReactNode } from 'react';
 import { type TrustCenterPublic } from '../../types/trust-center';
 import { type FaqSectionProps } from '../faq/faq-section';
 export interface TrustCenterPageProps {
@@ -19,8 +45,15 @@ export interface TrustCenterPageProps {
     subtitle?: string;
     /** The FAQ section's "ask the assistant" card (`FaqSection`'s `ask`): the host states its topic. Absent: no card. */
     ask?: FaqSectionProps['ask'];
+    /**
+     * Host content shown after the trust sections and BEFORE the FAQ (the hub's
+     * own "why we build in the open" sections). The FAQ is the last thing on a
+     * page, so with this the page draws: trust sections, this content at the
+     * page's full width, then the FAQ. Absent: the FAQ closes the sections column.
+     */
+    beforeFaq?: ReactNode;
 }
-export declare function TrustCenterPage({ endpoint, initialData, shell, backButton, title, subtitle, ask, }: TrustCenterPageProps): import("react").JSX.Element;
+export declare function TrustCenterPage({ endpoint, initialData, shell, backButton, title, subtitle, ask, beforeFaq, }: TrustCenterPageProps): import("react").JSX.Element;
 /**
  * The whole page while a host loads the data itself (the hub's admin preview):
  * the SAME chrome and the same body skeleton `TrustCenterPage` shows while it

package/dist/components/help-center-pages/trust-center-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"trust-center-page.d.ts","sourceRoot":"","sources":["../../../src/components/help-center-pages/trust-center-page.tsx"],"names":[],"mappings":"AAiCA,OAAO,EASL,KAAK,iBAAiB,EAEvB,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAwBtE,MAAM,WAAW,oBAAoB;IACnC,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+EAA+E;IAC/E,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC;gFAC4E;IAC5E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sFAAsF;IACtF,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAC;IACvD,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oGAAoG;IACpG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qHAAqH;IACrH,GAAG,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;CAC9B;AA2DD,wBAAgB,eAAe,CAAC,EAC9B,QAAgC,EAChC,WAAW,EACX,KAAY,EACZ,UAAkB,EAClB,KAA0B,EAC1B,QAA+B,EAC/B,GAAG,GACJ,EAAE,oBAAoB,+BA0JtB;AAuCD;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,KAAY,EACZ,UAAkB,EAClB,KAA0B,EAC1B,QAA+B,GAChC,EAAE,IAAI,CAAC,oBAAoB,EAAE,OAAO,GAAG,YAAY,GAAG,OAAO,GAAG,UAAU,CAAC,+BAM3E"}
+{"version":3,"file":"trust-center-page.d.ts","sourceRoot":"","sources":["../../../src/components/help-center-pages/trust-center-page.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,EAA6C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlF,OAAO,EAUL,KAAK,iBAAiB,EAEvB,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAyBtE,MAAM,WAAW,oBAAoB;IACnC,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+EAA+E;IAC/E,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC;gFAC4E;IAC5E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sFAAsF;IACtF,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAC;IACvD,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oGAAoG;IACpG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qHAAqH;IACrH,GAAG,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IAC7B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AA0CD,wBAAgB,eAAe,CAAC,EAC9B,QAAgC,EAChC,WAAW,EACX,KAAY,EACZ,UAAkB,EAClB,KAA0B,EAC1B,QAA+B,EAC/B,GAAG,EACH,SAAS,GACV,EAAE,oBAAoB,+BAsLtB;AAuCD;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,KAAY,EACZ,UAAkB,EAClB,KAA0B,EAC1B,QAA+B,GAChC,EAAE,IAAI,CAAC,oBAAoB,EAAE,OAAO,GAAG,YAAY,GAAG,OAAO,GAAG,UAAU,CAAC,+BAM3E"}

package/dist/components/help-center-pages/trust-center-sections.d.ts

@@ -18,7 +18,7 @@ import { type TrustCenterAiPractice, type TrustCenterControlsPage, type TrustCen
  * skeleton cannot drift from what replaces it: the status row, then the sections
  * beside the section rail.
  */
-export declare const TRUST_STATUS_ROW_CLASS = "flex flex-col gap-[var(--spacing-system-xs)] content-md:flex-row content-md:items-center content-md:justify-between";
+export declare const TRUST_STATUS_ROW_CLASS = "flex flex-col gap-[var(--spacing-system-xsf)] content-md:flex-row content-md:items-center content-md:justify-between";
 export declare const TRUST_BODY_GRID_CLASS = "grid grid-cols-1 gap-[var(--spacing-system-xl)] content-lg:grid-cols-[minmax(0,1fr)_12rem]";
 export declare const TRUST_SECTIONS_COLUMN_CLASS = "flex min-w-0 flex-col gap-[var(--spacing-system-xxl)]";
 /** Each section's one-line lead under its heading (the page and its skeleton read the same copy). */

package/dist/components/help-center-pages/trust-center-sections.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"trust-center-sections.d.ts","sourceRoot":"","sources":["../../../src/components/help-center-pages/trust-center-sections.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAA2B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGhE,OAAO,EAOL,KAAK,qBAAqB,EAE1B,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAE7B,MAAM,0BAA0B,CAAC;AAkClC;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,wHACoF,CAAC;AACxH,eAAO,MAAM,qBAAqB,+FAC4D,CAAC;AAC/F,eAAO,MAAM,2BAA2B,0DAA0D,CAAC;AAEnG,qGAAqG;AACrG,eAAO,MAAM,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAM7E,CAAC;AAWF,yEAAyE;AACzE,wBAAgB,YAAY,CAAC,EAC3B,EAAE,EACF,KAAK,EACL,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAkBA;AAMD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,qBAAqB,EAAE,CAAA;CAAE,+BAkB9E;AAMD;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,UAAU,EAAE,EAAE;IAAE,UAAU,EAAE,oBAAoB,EAAE,CAAA;CAAE,+BA0BvF;AAkED;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,uBAAuB,CAAA;CAAE,+BAkFtG;AAMD,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,WAAW,EACX,SAAS,GACV,EAAE;IACD,SAAS,EAAE,mBAAmB,EAAE,CAAC;IACjC,kGAAkG;IAClG,WAAW,EAAE,CAAC,QAAQ,EAAE,mBAAmB,KAAK,MAAM,GAAG,IAAI,CAAC;IAC9D,oEAAoE;IACpE,SAAS,EAAE,CAAC,aAAa,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACnD,+BA0CA;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,OAAO,GACR,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,6GAA6G;IAC7G,QAAQ,EAAE,MAAM,CAAC;IACjB,gFAAgF;IAChF,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,+BAiCA;AA8BD,wBAAgB,oBAAoB,CAAC,EAAE,aAAa,EAAE,EAAE;IAAE,aAAa,EAAE,uBAAuB,EAAE,CAAA;CAAE,+BA4BnG;AAMD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,IAAI,CAAA;CAAE,+BA8BtE;AAoGD;;;;;GAKG;AACH,wBAAgB,mBAAmB,gCAmClC"}
+{"version":3,"file":"trust-center-sections.d.ts","sourceRoot":"","sources":["../../../src/components/help-center-pages/trust-center-sections.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAA2B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGhE,OAAO,EAOL,KAAK,qBAAqB,EAE1B,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAE7B,MAAM,0BAA0B,CAAC;AAkClC;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,yHACqF,CAAC;AACzH,eAAO,MAAM,qBAAqB,+FAC4D,CAAC;AAC/F,eAAO,MAAM,2BAA2B,0DAA0D,CAAC;AAEnG,qGAAqG;AACrG,eAAO,MAAM,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAM7E,CAAC;AAWF,yEAAyE;AACzE,wBAAgB,YAAY,CAAC,EAC3B,EAAE,EACF,KAAK,EACL,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAkBA;AAMD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,qBAAqB,EAAE,CAAA;CAAE,+BAkB9E;AAMD;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,UAAU,EAAE,EAAE;IAAE,UAAU,EAAE,oBAAoB,EAAE,CAAA;CAAE,+BA0BvF;AAkED;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,uBAAuB,CAAA;CAAE,+BAkFtG;AAMD,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,WAAW,EACX,SAAS,GACV,EAAE;IACD,SAAS,EAAE,mBAAmB,EAAE,CAAC;IACjC,kGAAkG;IAClG,WAAW,EAAE,CAAC,QAAQ,EAAE,mBAAmB,KAAK,MAAM,GAAG,IAAI,CAAC;IAC9D,oEAAoE;IACpE,SAAS,EAAE,CAAC,aAAa,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACnD,+BA0CA;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,OAAO,GACR,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,6GAA6G;IAC7G,QAAQ,EAAE,MAAM,CAAC;IACjB,gFAAgF;IAChF,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,+BAiCA;AA8BD,wBAAgB,oBAAoB,CAAC,EAAE,aAAa,EAAE,EAAE;IAAE,aAAa,EAAE,uBAAuB,EAAE,CAAA;CAAE,+BA4BnG;AAMD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,IAAI,CAAA;CAAE,+BA8BtE;AAoGD;;;;;GAKG;AACH,wBAAgB,mBAAmB,gCAmClC"}