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

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

@@ -6,38 +6,38 @@
 
 
 
-var _chunkRQZQHLNScjs = require('../../chunk-RQZQHLNS.cjs');
+var _chunkRVQV6J5Kcjs = require('../../chunk-RVQV6J5K.cjs');
 
 
-var _chunk3R32ZNA2cjs = require('../../chunk-3R32ZNA2.cjs');
-require('../../chunk-GGBYZKMS.cjs');
+var _chunkGYSTZD6Xcjs = require('../../chunk-GYSTZD6X.cjs');
+require('../../chunk-XR7NVJXS.cjs');
 require('../../chunk-DFM572VH.cjs');
 
 
 
-var _chunkRJMWJAJOcjs = require('../../chunk-RJMWJAJO.cjs');
+var _chunkKWBH63GVcjs = require('../../chunk-KWBH63GV.cjs');
 
 
 
-var _chunkI2254QN6cjs = require('../../chunk-I2254QN6.cjs');
+var _chunkVYHCN5NUcjs = require('../../chunk-VYHCN5NU.cjs');
 
 
-var _chunkF7ORKKEFcjs = require('../../chunk-F7ORKKEF.cjs');
+var _chunkVC7COEWFcjs = require('../../chunk-VC7COEWF.cjs');
 
 
-var _chunkNMPVK53Icjs = require('../../chunk-NMPVK53I.cjs');
+var _chunk5K6YKRP5cjs = require('../../chunk-5K6YKRP5.cjs');
 
 
 
-var _chunkXE2K53GHcjs = require('../../chunk-XE2K53GH.cjs');
+var _chunk6HRQLM6Tcjs = require('../../chunk-6HRQLM6T.cjs');
 require('../../chunk-ZSOFLPQN.cjs');
-require('../../chunk-D2DH6VZL.cjs');
+require('../../chunk-VV5INIQB.cjs');
 
 
 
-var _chunkQYS4YVEPcjs = require('../../chunk-QYS4YVEP.cjs');
-require('../../chunk-O5EHOJZD.cjs');
-require('../../chunk-LODMNSQY.cjs');
+var _chunkJQ55FFIKcjs = require('../../chunk-JQ55FFIK.cjs');
+require('../../chunk-VU7RU3LL.cjs');
+require('../../chunk-XJYAUIOL.cjs');
 
 
 
@@ -50,14 +50,14 @@ require('../../chunk-LODMNSQY.cjs');
 
 
 
-var _chunkUZTOI6FJcjs = require('../../chunk-UZTOI6FJ.cjs');
-require('../../chunk-7Z5FMQYR.cjs');
+var _chunkDWSBTGKTcjs = require('../../chunk-DWSBTGKT.cjs');
+require('../../chunk-ABSWD4PQ.cjs');
 require('../../chunk-HQQE74RO.cjs');
 require('../../chunk-DEY6XXGO.cjs');
 
 
 
-var _chunkBYVVE7HPcjs = require('../../chunk-BYVVE7HP.cjs');
+var _chunkNFABAOMDcjs = require('../../chunk-NFABAOMD.cjs');
 
 
 
@@ -74,18 +74,15 @@ require('../../chunk-LX22Y43B.cjs');
 
 
 
-
-
-
-var _chunkHJMSNOBTcjs = require('../../chunk-HJMSNOBT.cjs');
-require('../../chunk-OKE5BIQH.cjs');
+var _chunkP7Y626YJcjs = require('../../chunk-P7Y626YJ.cjs');
+require('../../chunk-HP4UUBJC.cjs');
 require('../../chunk-EWPR7662.cjs');
 
 
 
 
 
-var _chunkQLTXT562cjs = require('../../chunk-QLTXT562.cjs');
+var _chunkFDWYBJYDcjs = require('../../chunk-FDWYBJYD.cjs');
 require('../../chunk-RUZIICXT.cjs');
 
 
@@ -120,12 +117,14 @@ var _chunk7DNL734Scjs = require('../../chunk-7DNL734S.cjs');
 
 
 
-var _chunkGCK75D7Fcjs = require('../../chunk-GCK75D7F.cjs');
+var _chunkIITZ6JSCcjs = require('../../chunk-IITZ6JSC.cjs');
 require('../../chunk-AL2GUHAJ.cjs');
 
 
-var _chunkIMTY3GRRcjs = require('../../chunk-IMTY3GRR.cjs');
-require('../../chunk-F5BPGWGT.cjs');
+var _chunkLV6UJD2Kcjs = require('../../chunk-LV6UJD2K.cjs');
+
+
+var _chunkTKFTWM3Vcjs = require('../../chunk-TKFTWM3V.cjs');
 require('../../chunk-MGHIV4L6.cjs');
 require('../../chunk-7GRPR7XA.cjs');
 require('../../chunk-UJ7AXHRZ.cjs');
@@ -175,9 +174,9 @@ function RoadmapPage({
   belowContent,
   shell
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkXE2K53GHcjs.DevSectionPage, { sectionKey: "roadmap", backButton, title, subtitle, shell, children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk6HRQLM6Tcjs.DevSectionPage, { sectionKey: "roadmap", backButton, title, subtitle, shell, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkRQZQHLNScjs.RoadmapView,
+      _chunkRVQV6J5Kcjs.RoadmapView,
       {
         endpoint: roadmapEndpoint,
         initialItems,
@@ -203,9 +202,9 @@ function ProductReleasesListPage({
   belowContent,
   shell
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkXE2K53GHcjs.DevSectionPage, { sectionKey: "releases", backButton, title, subtitle, shell, children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk6HRQLM6Tcjs.DevSectionPage, { sectionKey: "releases", backButton, title, subtitle, shell, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkRQZQHLNScjs.ProductReleasesView,
+      _chunkRVQV6J5Kcjs.ProductReleasesView,
       {
         endpoint: releasesEndpoint,
         basePath,
@@ -228,8 +227,8 @@ function DeliveryPage({
   belowContent,
   shell
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkXE2K53GHcjs.DevSectionPage, { sectionKey: "delivery", backButton, title, subtitle, shell, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRQZQHLNScjs.DeliveryLists, { completedApiEndpoint: completedEndpoint, inProgressApiEndpoint: inProgressEndpoint }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk6HRQLM6Tcjs.DevSectionPage, { sectionKey: "delivery", backButton, title, subtitle, shell, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRVQV6J5Kcjs.DeliveryLists, { completedApiEndpoint: completedEndpoint, inProgressApiEndpoint: inProgressEndpoint }),
     belowContent
   ] });
 }
@@ -249,9 +248,9 @@ function OnboardingGuidesCatalogPage({
   belowContent,
   shell
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkXE2K53GHcjs.DevSectionPage, { sectionKey: "onboarding", backButton, title, subtitle, shell, children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk6HRQLM6Tcjs.DevSectionPage, { sectionKey: "onboarding", backButton, title, subtitle, shell, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkQYS4YVEPcjs.OnboardingGuidesCatalogView,
+      _chunkJQ55FFIKcjs.OnboardingGuidesCatalogView,
       {
         guidesEndpoint,
         sectionsEndpoint,
@@ -303,7 +302,7 @@ function TrustSection({
       style: { scrollMarginTop: _chunkK2JUJ37Dcjs.STICKY_HEADER_OFFSET_PX },
       children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-col gap-[var(--spacing-system-xxs)]", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { id: headingId, className: _chunkGCK75D7Fcjs.SECTION_HEADING_CLASS, children: title }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { id: headingId, className: _chunkIITZ6JSCcjs.SECTION_HEADING_CLASS, children: title }),
           lead ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: BODY_TEXT, children: lead }) : null
         ] }),
         children
@@ -324,18 +323,18 @@ function AiSection({ practices }) {
       }
     ]
   }));
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUZTOI6FJcjs.StackedRowsPanel, { rows });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDWSBTGKTcjs.StackedRowsPanel, { rows });
 }
 function ComplianceSection({ frameworks }) {
   const rows = frameworks.map((framework) => {
-    const entry = _chunkGCK75D7Fcjs.trustFrameworkMonitoringEntry.call(void 0, framework.monitoring);
+    const entry = _chunkIITZ6JSCcjs.trustFrameworkMonitoringEntry.call(void 0, framework.monitoring);
     const Icon = FRAMEWORK_ICONS[entry.icon];
     return {
       id: framework.id,
       columns: [
         {
           key: "framework",
-          leadingIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUZTOI6FJcjs.ComplianceLogo, { names: [framework.standard, framework.label], fallback: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { "aria-hidden": "true" }) }),
+          leadingIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDWSBTGKTcjs.ComplianceLogo, { names: [framework.standard, framework.label], fallback: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { "aria-hidden": "true" }) }),
           value: framework.label,
           label: _nullishCoalesce(framework.description, () => ( void 0)),
           wrap: true
@@ -344,12 +343,12 @@ function ComplianceSection({ frameworks }) {
           key: "monitoring",
           width: ACTION_COLUMN,
           align: "right",
-          content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGCK75D7Fcjs.StatusBadge, { text: _chunkGCK75D7Fcjs.trustFrameworkBadge.call(void 0, framework), colorScheme: entry.color, singleLine: true })
+          content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIITZ6JSCcjs.StatusBadge, { text: _chunkIITZ6JSCcjs.trustFrameworkBadge.call(void 0, framework), colorScheme: entry.color, singleLine: true })
         }
       ]
     };
   });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUZTOI6FJcjs.StackedRowsPanel, { rows });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDWSBTGKTcjs.StackedRowsPanel, { rows });
 }
 var CONTROL_ROW_CLASS = "h-14 content-md:h-20 overflow-hidden";
 function controlRows(controls) {
@@ -382,22 +381,22 @@ function ControlsListSkeleton() {
       {
         key: "control",
         content: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-[var(--spacing-system-xs)]", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJMSNOBTcjs.TextSkeleton.Body, { className: "w-2/3" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJMSNOBTcjs.TextSkeleton.Caption, { className: "w-full" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7Y626YJcjs.TextSkeleton.Body, { className: "w-2/3" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7Y626YJcjs.TextSkeleton.Caption, { className: "w-full" })
         ] })
       }
     ]
   }));
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUZTOI6FJcjs.StackedRowsPanel, { rows });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDWSBTGKTcjs.StackedRowsPanel, { rows });
 }
 function ControlsSection({ endpoint, seed }) {
   const [domain, setDomain] = _react.useState.call(void 0, seed.domain);
   const [typed, setTyped] = _react.useState.call(void 0, "");
-  const query = _chunkK2JUJ37Dcjs.useDebounce.call(void 0, _chunkGCK75D7Fcjs.normalizeTrustControlQuery.call(void 0, typed), _chunkGCK75D7Fcjs.TRUST_CENTER_SEARCH_DEBOUNCE_MS);
-  const url = _chunkGCK75D7Fcjs.trustCenterControlsUrl.call(void 0, endpoint, { domain, query });
-  const seedUrl = _chunkGCK75D7Fcjs.trustCenterControlsUrl.call(void 0, endpoint, { domain: seed.domain, query: "" });
-  const answer = _chunkGCK75D7Fcjs.useSelfFetch.call(void 0, url, url === seedUrl ? { initialData: seed } : void 0);
-  const typedQuery = _chunkGCK75D7Fcjs.normalizeTrustControlQuery.call(void 0, typed);
+  const query = _chunkK2JUJ37Dcjs.useDebounce.call(void 0, _chunkIITZ6JSCcjs.normalizeTrustControlQuery.call(void 0, typed), _chunkIITZ6JSCcjs.TRUST_CENTER_SEARCH_DEBOUNCE_MS);
+  const url = _chunkIITZ6JSCcjs.trustCenterControlsUrl.call(void 0, endpoint, { domain, query });
+  const seedUrl = _chunkIITZ6JSCcjs.trustCenterControlsUrl.call(void 0, endpoint, { domain: seed.domain, query: "" });
+  const answer = _chunkIITZ6JSCcjs.useSelfFetch.call(void 0, url, url === seedUrl ? { initialData: seed } : void 0);
+  const typedQuery = _chunkIITZ6JSCcjs.normalizeTrustControlQuery.call(void 0, typed);
   const current = answer.data && !answer.isLoading && typedQuery === query && answer.data.query === query ? answer.data : null;
   const [categories, setCategories] = _react.useState.call(void 0, seed.categories);
   if (current && current.categories !== categories) setCategories(current.categories);
@@ -416,12 +415,12 @@ function ControlsSection({ endpoint, seed }) {
   else summary = `${countLabel(current.controls.length, "passing control")} in ${current.domain}`;
   let body;
   if (answer.error && !current) {
-    body = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUZTOI6FJcjs.LoadError, { message: "Could not load the controls", onRetry: answer.reload });
+    body = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDWSBTGKTcjs.LoadError, { message: "Could not load the controls", onRetry: answer.reload });
   } else if (!current) {
     body = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ControlsListSkeleton, {});
   } else if (current.controls.length === 0) {
     body = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkXE2K53GHcjs.ListEmptyState,
+      _chunk6HRQLM6Tcjs.ListEmptyState,
       {
         isFiltered: true,
         filtered: {
@@ -434,11 +433,11 @@ function ControlsSection({ endpoint, seed }) {
       }
     );
   } else {
-    body = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUZTOI6FJcjs.StackedRowsPanel, { rows: controlRows(current.controls) });
+    body = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDWSBTGKTcjs.StackedRowsPanel, { rows: controlRows(current.controls) });
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-[var(--spacing-system-m)]", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkUZTOI6FJcjs.TabNavigation,
+      _chunkDWSBTGKTcjs.TabNavigation,
       {
         tabs,
         activeTab,
@@ -448,7 +447,7 @@ function ControlsSection({ endpoint, seed }) {
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-[var(--spacing-system-s)] content-md:flex-row content-md:items-center content-md:justify-between", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: BODY_TEXT, "aria-live": "polite", children: summary }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full content-md:w-80", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkUZTOI6FJcjs.SearchInput,
+        _chunkDWSBTGKTcjs.SearchInput,
         {
           placeholder: "Search controls",
           value: typed,
@@ -458,7 +457,7 @@ function ControlsSection({ endpoint, seed }) {
         }
       ) })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJMSNOBTcjs.ScrollShadow, { className: CONTROLS_LIST_HEIGHT, scrollClassName: "h-full", "data-testid": "controls-list", children: body })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7Y626YJcjs.ScrollShadow, { className: CONTROLS_LIST_HEIGHT, scrollClassName: "h-full", "data-testid": "controls-list", children: body })
   ] });
 }
 function DocumentsSection({
@@ -497,7 +496,7 @@ function DocumentsSection({
       ]
     };
   });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUZTOI6FJcjs.StackedRowsPanel, { rows });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDWSBTGKTcjs.StackedRowsPanel, { rows });
 }
 function DocumentRequestModal({
   open,
@@ -506,12 +505,12 @@ function DocumentRequestModal({
   onClose
 }) {
   const message = documentTitle ? `I'd like access to: ${documentTitle}.` : "I'd like access to your gated security documentation.";
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkQLTXT562cjs.Modal, { isOpen: open, onClose, size: "medium", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQLTXT562cjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQLTXT562cjs.ModalTitle, { children: "Request access" }) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQLTXT562cjs.ModalContent, { children: open ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-[var(--spacing-system-m)]", children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkFDWYBJYDcjs.Modal, { isOpen: open, onClose, size: "medium", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFDWYBJYDcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFDWYBJYDcjs.ModalTitle, { children: "Request access" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFDWYBJYDcjs.ModalContent, { children: open ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-[var(--spacing-system-m)]", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: BODY_TEXT, children: "We share gated security documents under NDA. Leave your work email and our security team will follow up with access, usually within one business day." }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkNMPVK53Icjs.ContactForm,
+        _chunk5K6YKRP5cjs.ContactForm,
         {
           rescue: _chunkK2JUJ37Dcjs.RESCUE_FORMS.trustCenterRequest,
           title: "",
@@ -529,12 +528,12 @@ function DocumentRequestModal({
   ] });
 }
 function subprocessorMark({ name, logoUrl }) {
-  if (logoUrl) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBYVVE7HPcjs.EntityImage, { src: logoUrl, alt: name, fallbackText: name, sizeClassName: "size-6" });
-  const logo = _chunkIMTY3GRRcjs.brandLogoForName.call(void 0, name);
-  return logo ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { role: "img", "aria-label": name, className: "flex", children: _react.createElement.call(void 0, logo, { className: "size-6" }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBYVVE7HPcjs.EntityImage, { alt: name, fallbackText: name, sizeClassName: "size-6" });
+  if (logoUrl) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNFABAOMDcjs.EntityImage, { src: logoUrl, alt: name, fallbackText: name, sizeClassName: "size-6" });
+  const logo = _chunkLV6UJD2Kcjs.brandLogoForName.call(void 0, name);
+  return logo ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { role: "img", "aria-label": name, className: "flex", children: _react.createElement.call(void 0, logo, { className: "size-6" }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNFABAOMDcjs.EntityImage, { alt: name, fallbackText: name, sizeClassName: "size-6" });
 }
 function countryWithFlag(country) {
-  const flag = _chunkHJMSNOBTcjs.getFlagFromCountryName.call(void 0, country);
+  const flag = _chunkP7Y626YJcjs.getFlagFromCountryName.call(void 0, country);
   return flag ? `${flag} ${country}` : country;
 }
 function SubprocessorsSection({ subprocessors }) {
@@ -561,11 +560,11 @@ function SubprocessorsSection({ subprocessors }) {
       ] : []
     ]
   }));
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUZTOI6FJcjs.StackedRowsPanel, { rows });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDWSBTGKTcjs.StackedRowsPanel, { rows });
 }
 function ContactSection({ onContact }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkUZTOI6FJcjs.StackedRowsPanel,
+    _chunkDWSBTGKTcjs.StackedRowsPanel,
     {
       rows: [
         {
@@ -591,11 +590,11 @@ function ContactSection({ onContact }) {
   );
 }
 function SkeletonSection({ id, children }) {
-  const label = _nullishCoalesce(_optionalChain([_chunkGCK75D7Fcjs.TRUST_CENTER_SECTIONS, 'access', _7 => _7.find, 'call', _8 => _8((section) => section.id === id), 'optionalAccess', _9 => _9.label]), () => ( id));
+  const label = _nullishCoalesce(_optionalChain([_chunkIITZ6JSCcjs.TRUST_CENTER_SECTIONS, 'access', _7 => _7.find, 'call', _8 => _8((section) => section.id === id), 'optionalAccess', _9 => _9.label]), () => ( id));
   const lead = TRUST_SECTION_LEADS[id];
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "section", { "aria-hidden": "true", className: "flex flex-col gap-[var(--spacing-system-m)]", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-col gap-[var(--spacing-system-xxs)]", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: _chunkGCK75D7Fcjs.SECTION_HEADING_CLASS, children: label }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: _chunkIITZ6JSCcjs.SECTION_HEADING_CLASS, children: label }),
       lead ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: BODY_TEXT, children: lead }) : null
     ] }),
     children
@@ -609,14 +608,14 @@ function skeletonRows(count, shape) {
         key: "item",
         content: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full items-center gap-[var(--spacing-system-s)]", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkHJMSNOBTcjs.UnifiedSkeleton,
+            _chunkP7Y626YJcjs.UnifiedSkeleton,
             {
               className: shape.mark === "logo" ? "size-10 shrink-0 rounded-full" : "size-6 shrink-0 rounded"
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--spacing-system-xxs)]", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJMSNOBTcjs.UnifiedSkeleton, { variant: "text", className: "h-5 w-1/3 content-md:h-6" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJMSNOBTcjs.TextSkeleton.Body, { className: "w-1/2" })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7Y626YJcjs.UnifiedSkeleton, { variant: "text", className: "h-5 w-1/3 content-md:h-6" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7Y626YJcjs.TextSkeleton.Body, { className: "w-1/2" })
           ] })
         ] })
       },
@@ -624,17 +623,17 @@ function skeletonRows(count, shape) {
         key: "action",
         width: ACTION_COLUMN,
         align: "right",
-        content: shape.action === "badge" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJMSNOBTcjs.UnifiedSkeleton, { className: "h-4 w-28 rounded" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJMSNOBTcjs.UnifiedSkeleton, { className: "h-6 w-16 rounded content-md:h-8" })
+        content: shape.action === "badge" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7Y626YJcjs.UnifiedSkeleton, { className: "h-4 w-28 rounded" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7Y626YJcjs.UnifiedSkeleton, { className: "h-6 w-16 rounded content-md:h-8" })
       }
     ]
   }));
 }
 function ControlsSectionSkeleton() {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-[var(--spacing-system-m)]", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xxs)] overflow-hidden", children: [0, 1, 2, 3].map((index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "shrink-0 p-[var(--spacing-system-m)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJMSNOBTcjs.UnifiedSkeleton, { variant: "text", className: "h-5 w-36 content-md:h-6" }) }, index)) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xxs)] overflow-hidden", children: [0, 1, 2, 3].map((index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "shrink-0 p-[var(--spacing-system-m)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7Y626YJcjs.UnifiedSkeleton, { variant: "text", className: "h-5 w-36 content-md:h-6" }) }, index)) }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-[var(--spacing-system-s)] content-md:flex-row content-md:items-center content-md:justify-between", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJMSNOBTcjs.TextSkeleton.Body, { className: "w-48" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJMSNOBTcjs.UnifiedSkeleton, { className: "h-11 w-full rounded-[6px] content-md:h-12 content-md:w-80" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7Y626YJcjs.TextSkeleton.Body, { className: "w-48" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7Y626YJcjs.UnifiedSkeleton, { className: "h-11 w-full rounded-[6px] content-md:h-12 content-md:w-80" })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CONTROLS_LIST_HEIGHT, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ControlsListSkeleton, {}) })
   ] });
@@ -645,32 +644,32 @@ function SectionRailSkeleton() {
       "div",
       {
         className: "absolute -left-0.5 top-0 w-px bg-ods-border",
-        style: { height: _chunkGCK75D7Fcjs.TRUST_CENTER_SECTIONS.length * 40 }
+        style: { height: _chunkIITZ6JSCcjs.TRUST_CENTER_SECTIONS.length * 40 }
       }
     ),
-    _chunkGCK75D7Fcjs.TRUST_CENTER_SECTIONS.map((section) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-10 items-center px-3 py-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJMSNOBTcjs.TextSkeleton.Body, { className: "w-24" }) }, section.id))
+    _chunkIITZ6JSCcjs.TRUST_CENTER_SECTIONS.map((section) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-10 items-center px-3 py-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7Y626YJcjs.TextSkeleton.Body, { className: "w-24" }) }, section.id))
   ] }) });
 }
 function TrustCenterSkeleton() {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: TRUST_STATUS_ROW_CLASS, "aria-hidden": "true", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJMSNOBTcjs.UnifiedSkeleton, { className: "size-3 rounded-full" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJMSNOBTcjs.TextSkeleton.Body, { className: "w-44" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7Y626YJcjs.UnifiedSkeleton, { className: "size-3 rounded-full" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7Y626YJcjs.TextSkeleton.Body, { className: "w-44" })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "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__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xsf)]", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJMSNOBTcjs.UnifiedSkeleton, { className: "size-4 rounded" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJMSNOBTcjs.TextSkeleton.Body, { className: "w-36" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7Y626YJcjs.UnifiedSkeleton, { className: "size-4 rounded" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7Y626YJcjs.TextSkeleton.Body, { className: "w-36" })
         ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJMSNOBTcjs.TextSkeleton.Body, { className: "w-44" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7Y626YJcjs.TextSkeleton.Body, { className: "w-44" })
       ] })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: TRUST_BODY_GRID_CLASS, "aria-busy": "true", "aria-label": "Loading the trust center", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: TRUST_SECTIONS_COLUMN_CLASS, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SkeletonSection, { id: "compliance", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUZTOI6FJcjs.StackedRowsPanel, { rows: skeletonRows(3, { mark: "logo", action: "badge" }) }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SkeletonSection, { id: "compliance", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDWSBTGKTcjs.StackedRowsPanel, { rows: skeletonRows(3, { mark: "logo", action: "badge" }) }) }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SkeletonSection, { id: "controls", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ControlsSectionSkeleton, {}) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SkeletonSection, { id: "documents", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUZTOI6FJcjs.StackedRowsPanel, { rows: skeletonRows(2, { mark: "glyph", action: "button" }) }) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SkeletonSection, { id: "documents", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDWSBTGKTcjs.StackedRowsPanel, { rows: skeletonRows(2, { mark: "glyph", action: "button" }) }) })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "aside", { className: "hidden content-lg:block", "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SectionRailSkeleton, {}) })
     ] })
@@ -689,7 +688,7 @@ function visibleSections(data) {
     faq: data.faqs.length > 0,
     contact: true
   };
-  return _chunkGCK75D7Fcjs.TRUST_CENTER_SECTIONS.filter((section) => hasContent[section.id]);
+  return _chunkIITZ6JSCcjs.TRUST_CENTER_SECTIONS.filter((section) => hasContent[section.id]);
 }
 function controlsSeed(data) {
   const first = _nullishCoalesce(data.controlDomains[0], () => ( null));
@@ -705,22 +704,22 @@ 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 _chunkGCK75D7Fcjs.isTrustCenterMonitored.call(void 0, data, nowMs) ? { status: "success", label: "Controls continuously monitored" } : { status: "pending", label: "Monitoring paused" };
+  return _chunkIITZ6JSCcjs.isTrustCenterMonitored.call(void 0, data, nowMs) ? { status: "success", label: "Controls continuously monitored" } : { status: "pending", label: "Monitoring paused" };
 }
 function TrustCenterPage({
-  endpoint = _chunkGCK75D7Fcjs.TRUST_CENTER_API_PATH,
+  endpoint = _chunkIITZ6JSCcjs.TRUST_CENTER_API_PATH,
   initialData,
   shell = true,
   backButton = false,
-  title = _chunkGCK75D7Fcjs.TRUST_CENTER_TITLE,
-  subtitle = _chunkGCK75D7Fcjs.TRUST_CENTER_TAGLINE,
+  title = _chunkIITZ6JSCcjs.TRUST_CENTER_TITLE,
+  subtitle = _chunkIITZ6JSCcjs.TRUST_CENTER_TAGLINE,
   ask
 }) {
-  const { data, isLoading, error, reload } = _chunkGCK75D7Fcjs.useSelfFetch.call(void 0, endpoint, {
+  const { data, isLoading, error, reload } = _chunkIITZ6JSCcjs.useSelfFetch.call(void 0, endpoint, {
     initialData,
-    revalidateOnVisibleAfterMs: _chunkGCK75D7Fcjs.TRUST_CENTER_CACHE_SECONDS * 1e3
+    revalidateOnVisibleAfterMs: _chunkIITZ6JSCcjs.TRUST_CENTER_CACHE_SECONDS * 1e3
   });
-  const hydrated = _chunkHJMSNOBTcjs.useIsHydrated.call(void 0, );
+  const hydrated = _chunkP7Y626YJcjs.useIsHydrated.call(void 0, );
   const [clock, setClock] = _react.useState.call(void 0, () => ({ data, nowMs: Date.now() }));
   if (clock.data !== data) {
     setClock(() => ({ data, nowMs: Date.now() }));
@@ -736,7 +735,7 @@ function TrustCenterPage({
     documentTitle: null
   });
   const sections = _react.useMemo.call(void 0, () => data ? visibleSections(data) : [], [data]);
-  const { activeSection, handleSectionClick } = _chunkI2254QN6cjs.useScrollSpy.call(void 0, sections, {
+  const { activeSection, handleSectionClick } = _chunkVYHCN5NUcjs.useScrollSpy.call(void 0, sections, {
     syncHash: true,
     headerOffset: _chunkK2JUJ37Dcjs.STICKY_HEADER_OFFSET_PX
   });
@@ -766,7 +765,7 @@ function TrustCenterPage({
         DocumentsSection,
         {
           documents: d.documents,
-          documentUrl: (document) => _chunkGCK75D7Fcjs.trustCenterDocumentUrl.call(void 0, endpoint, document),
+          documentUrl: (document) => _chunkIITZ6JSCcjs.trustCenterDocumentUrl.call(void 0, endpoint, document),
           onRequest: openRequest
         }
       )
@@ -775,24 +774,24 @@ function TrustCenterPage({
       lead: TRUST_SECTION_LEADS.subprocessors,
       render: (d) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SubprocessorsSection, { subprocessors: d.subprocessors })
     },
-    faq: { render: (d) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRJMWJAJOcjs.FaqSection, { initialFaqs: d.faqs, heading: null, ask }) },
+    faq: { render: (d) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKWBH63GVcjs.FaqSection, { initialFaqs: d.faqs, heading: null, ask }) },
     contact: { render: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ContactSection, { onContact: () => openRequest(null) }) }
   };
   let body;
   if (error && !data) {
-    body = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUZTOI6FJcjs.LoadError, { message: "Could not load the trust center", onRetry: reload });
+    body = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDWSBTGKTcjs.LoadError, { message: "Could not load the trust center", onRetry: reload });
   } else if (!data) {
     body = isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TrustCenterSkeleton, {}) : null;
   } else {
     const status = monitoringStatus(data, hydrated, nowMs);
     body = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: TRUST_STATUS_ROW_CLASS, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUZTOI6FJcjs.StatusIndicator, { status: status.status, label: status.label }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDWSBTGKTcjs.StatusIndicator, { status: status.status, label: status.label }),
         data.connected ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkUZTOI6FJcjs.DataAttribution,
+          _chunkDWSBTGKTcjs.DataAttribution,
           {
             icon: data.dataSource.logoUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkBYVVE7HPcjs.EntityImage,
+              _chunkNFABAOMDcjs.EntityImage,
               {
                 src: data.dataSource.logoUrl,
                 alt: data.dataSource.name,
@@ -811,7 +810,7 @@ function TrustCenterPage({
           return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TrustSection, { id: section.id, title: section.label, lead: view.lead, children: view.render(data) }, section.id);
         }) }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "aside", { className: "hidden content-lg:block", "aria-label": "Trust center sections", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "sticky", style: { top: _chunkK2JUJ37Dcjs.STICKY_HEADER_OFFSET_PX }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkI2254QN6cjs.StickySectionNav,
+          _chunkVYHCN5NUcjs.StickySectionNav,
           {
             sections: sections.map((section) => ({ id: section.id, label: section.label })),
             activeSection,
@@ -843,7 +842,7 @@ function TrustCenterChrome({
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
   const backCfg = backButton === false ? void 0 : { label: _nullishCoalesce(backButton.label, () => ( "Back to home")), onClick: () => router.push(_nullishCoalesce(backButton.href, () => ( "/"))) };
   const inner = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkBYVVE7HPcjs.PageLayout,
+    _chunkNFABAOMDcjs.PageLayout,
     {
       title,
       subtitle,
@@ -855,20 +854,19 @@ function TrustCenterChrome({
       children
     }
   );
-  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUZTOI6FJcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
+  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDWSBTGKTcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
 }
 function TrustCenterPageSkeleton({
   shell = true,
   backButton = false,
-  title = _chunkGCK75D7Fcjs.TRUST_CENTER_TITLE,
-  subtitle = _chunkGCK75D7Fcjs.TRUST_CENTER_TAGLINE
+  title = _chunkIITZ6JSCcjs.TRUST_CENTER_TITLE,
+  subtitle = _chunkIITZ6JSCcjs.TRUST_CENTER_TAGLINE
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TrustCenterChrome, { shell, title, subtitle, backButton, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TrustCenterSkeleton, {}) });
 }
 
 // src/components/help-center-pages/download-apps-page.tsx
 
-
 var SECTIONS_CLASS = "flex flex-col gap-[var(--spacing-system-xlf)]";
 var SECTION_CLASS = "flex flex-col gap-[var(--spacing-system-lf)]";
 var CARDS_GRID_CLASS = "grid grid-cols-1 gap-[var(--spacing-system-lf)] content-md:grid-cols-2";
@@ -938,7 +936,7 @@ function SystemCard({
     )) }),
     system.commands.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: COMMANDS_CLASS, children: system.commands.map(
       (row) => row.command ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkUZTOI6FJcjs.CommandBox,
+        _chunkDWSBTGKTcjs.CommandBox,
         {
           title: _nullishCoalesce(row.label, () => ( void 0)),
           command: row.command,
@@ -955,11 +953,27 @@ function SystemCard({
     ) })
   ] });
 }
+function WebCard({ web }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "section",
+    {
+      "aria-labelledby": "download-web",
+      className: _chunk3ATAYP36cjs.cn.call(void 0, CARD_CLASS, "content-md:flex-row content-md:items-center content-md:justify-between"),
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-[var(--spacing-system-xsf)]", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { id: "download-web", className: "m-0 text-ods-text-primary text-h3", children: web.title }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "m-0 text-ods-text-secondary text-h4", children: web.description })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "shrink-0", children: web.action })
+      ]
+    }
+  );
+}
 function CardsSkeleton({ label }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CARDS_GRID_CLASS, "aria-busy": "true", "aria-label": label, children: [0, 1].map((card) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CARD_CLASS, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJMSNOBTcjs.UnifiedSkeleton, { className: "h-6 w-32 rounded" }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJMSNOBTcjs.UnifiedSkeleton, { className: "h-12 w-56 rounded-md" }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJMSNOBTcjs.UnifiedSkeleton, { className: "h-14 w-full rounded-md" })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7Y626YJcjs.UnifiedSkeleton, { className: "h-6 w-32 rounded" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7Y626YJcjs.UnifiedSkeleton, { className: "h-12 w-56 rounded-md" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7Y626YJcjs.UnifiedSkeleton, { className: "h-14 w-full rounded-md" })
   ] }, card)) });
 }
 function Section({ id, title, children }) {
@@ -982,21 +996,16 @@ function DownloadAppsPage({
   showDesktop = true,
   openStoresInNewTab = true,
   onDownloadAction,
-  footer
+  web
 }) {
   const { data, isLoading, error, reload } = _chunk4LY6R4TNcjs.useDownloads.call(void 0, { endpoint, initialData });
   const systems = showDesktop && data ? rowsBySystem(data.desktop) : [];
   const mobile = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _16 => _16.mobile]), () => ( null));
   const hasMobile = !!mobile && (!!mobile.appStoreUrl || !!mobile.googlePlayUrl);
   const offersDesktop = showDesktop && (!data || systems.length > 0);
-  _react.useEffect.call(void 0, () => {
-    if (!mobile || !new URLSearchParams(window.location.search).has(_chunkHJMSNOBTcjs.DOWNLOAD_PAGE_STORE_PARAM)) return;
-    const storeUrl = _chunkHJMSNOBTcjs.resolveMobileStoreUrl.call(void 0, mobile, navigator.userAgent, navigator.maxTouchPoints);
-    if (storeUrl) window.location.replace(storeUrl);
-  }, [mobile]);
   let body;
   if (error && !data) {
-    body = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUZTOI6FJcjs.LoadError, { message: "Could not load the downloads", onRetry: reload });
+    body = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDWSBTGKTcjs.LoadError, { message: "Could not load the downloads", onRetry: reload });
   } else if (!data) {
     body = isLoading ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       showDesktop && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Section, { id: "download-desktop", title: "Desktop app", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardsSkeleton, { label: "Loading the installers" }) }),
@@ -1005,12 +1014,12 @@ function DownloadAppsPage({
   } else {
     body = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       systems.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Section, { id: "download-desktop", title: "Desktop app", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: cardsGridClass(systems.length), children: systems.map((system) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SystemCard, { system, onDownloadAction }, system.os)) }) }),
-      mobile && hasMobile && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Section, { id: "download-mobile", title: "Mobile app", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CARDS_GRID_CLASS, children: [
+      mobile && hasMobile && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Section, { id: "download-mobile", title: "Mobile app", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: cardsGridClass(mobile.install ? 2 : 1), children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CARD_CLASS, children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardHeader, { title: storeCardTitle(mobile) }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "m-0 text-ods-text-secondary text-h4", children: "Get alerts and respond to tickets on the go." }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkUZTOI6FJcjs.StoreBadgeLinks,
+            _chunkDWSBTGKTcjs.StoreBadgeLinks,
             {
               appStoreUrl: mobile.appStoreUrl,
               googlePlayUrl: mobile.googlePlayUrl,
@@ -1018,17 +1027,23 @@ function DownloadAppsPage({
             }
           )
         ] }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, CARD_CLASS, "content-md:flex-row content-md:items-center content-md:justify-between"), children: [
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-[var(--spacing-system-sf)]", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardHeader, { title: "Scan with your phone" }),
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "m-0 text-ods-text-secondary text-h4", children: [
-              "Point your camera at the code, or open ",
-              _chunkHJMSNOBTcjs.MOBILE_APP_INSTALL_HOST_PATH,
-              " on your phone."
-            ] })
-          ] }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-fit shrink-0 rounded-md bg-ods-bg-inverted p-[var(--spacing-system-sf)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUZTOI6FJcjs.MobileAppQr, { className: "h-[120px] w-[120px]" }) })
-        ] })
+        mobile.install && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "div",
+          {
+            className: _chunk3ATAYP36cjs.cn.call(void 0, CARD_CLASS, "content-md:flex-row content-md:items-center content-md:justify-between"),
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-[var(--spacing-system-sf)]", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardHeader, { title: "Scan with your phone" }),
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "m-0 text-ods-text-secondary text-h4", children: [
+                  "Point your camera at the code, or open ",
+                  _chunkTKFTWM3Vcjs.formatUrlForDisplay.call(void 0, mobile.install.url),
+                  " on your phone."
+                ] })
+              ] }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDWSBTGKTcjs.MobileAppQr, { install: mobile.install, className: "h-[144px] w-[144px] shrink-0" })
+            ]
+          }
+        )
       ] }) })
     ] });
   }
@@ -1041,7 +1056,7 @@ function DownloadAppsPage({
       subtitle: _nullishCoalesce(subtitle, () => ( (offersDesktop ? _chunkK2JUJ37Dcjs.DOWNLOADS_TAGLINE : _chunkK2JUJ37Dcjs.DOWNLOADS_MOBILE_TAGLINE))),
       children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: SECTIONS_CLASS, children: [
         body,
-        footer
+        web && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WebCard, { web })
       ] })
     }
   );
@@ -1055,8 +1070,8 @@ function DownloadAppsChrome({
 }) {
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
   const backCfg = backButton === false ? void 0 : { label: _nullishCoalesce(backButton.label, () => ( "Back to home")), onClick: () => router.push(_nullishCoalesce(backButton.href, () => ( "/"))) };
-  const inner = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBYVVE7HPcjs.PageLayout, { title, subtitle, backButton: backCfg, titleSize: "h1", titleWrap: true, children });
-  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUZTOI6FJcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
+  const inner = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNFABAOMDcjs.PageLayout, { title, subtitle, backButton: backCfg, titleSize: "h1", titleWrap: true, children });
+  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDWSBTGKTcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
 }
 
 
@@ -1072,4 +1087,4 @@ function DownloadAppsChrome({
 
 
 
-exports.DeliveryPage = DeliveryPage; exports.DocsHubPage = _chunk3R32ZNA2cjs.DocsHubPage; exports.DownloadAppsPage = DownloadAppsPage; exports.FaqDocumentPage = _chunkRJMWJAJOcjs.FaqDocumentPage; exports.HelpCenterList = _chunkF7ORKKEFcjs.HelpCenterList; exports.LegalDocumentPage = _chunkRQZQHLNScjs.LegalDocumentPage; exports.OnboardingGuideDetailView = _chunkQYS4YVEPcjs.OnboardingGuideDetailView; exports.OnboardingGuidesCatalogPage = OnboardingGuidesCatalogPage; exports.ProductReleasesListPage = ProductReleasesListPage; exports.ReleaseDetailPage = _chunkRQZQHLNScjs.ReleaseDetailPage; exports.RoadmapPage = RoadmapPage; exports.TrustCenterPage = TrustCenterPage; exports.TrustCenterPageSkeleton = TrustCenterPageSkeleton;
+exports.DeliveryPage = DeliveryPage; exports.DocsHubPage = _chunkGYSTZD6Xcjs.DocsHubPage; exports.DownloadAppsPage = DownloadAppsPage; exports.FaqDocumentPage = _chunkKWBH63GVcjs.FaqDocumentPage; exports.HelpCenterList = _chunkVC7COEWFcjs.HelpCenterList; exports.LegalDocumentPage = _chunkRVQV6J5Kcjs.LegalDocumentPage; exports.OnboardingGuideDetailView = _chunkJQ55FFIKcjs.OnboardingGuideDetailView; exports.OnboardingGuidesCatalogPage = OnboardingGuidesCatalogPage; exports.ProductReleasesListPage = ProductReleasesListPage; exports.ReleaseDetailPage = _chunkRVQV6J5Kcjs.ReleaseDetailPage; exports.RoadmapPage = RoadmapPage; exports.TrustCenterPage = TrustCenterPage; exports.TrustCenterPageSkeleton = TrustCenterPageSkeleton;