@flamingo-stack/openframe-frontend-core 0.0.757 → 0.0.759

package/dist/components/layout/page-data-sync.d.ts

@@ -0,0 +1,18 @@
+import { type ReactNode } from 'react';
+import type { DataSync } from '../../types/data-sync';
+export declare function PageDataSyncProvider({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+/**
+ * The page's sync row: what a list below reported, its skeleton while it loads, nothing when it states none. `inline`
+ * when it sits in a heading's action slot (`SectionHeading`), which places it itself.
+ */
+export declare function PageDataSyncRow({ inline }: {
+    inline?: boolean;
+}): import("react").JSX.Element | null;
+/**
+ * Report a list's sync to the page's row. Returns false when the list is rendered outside a page that has one (an
+ * embed of the list alone), so the list draws the line itself.
+ */
+export declare function usePageDataSync(sync: DataSync | null | undefined, loading: boolean): boolean;
+//# sourceMappingURL=page-data-sync.d.ts.map

package/dist/components/layout/page-data-sync.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-data-sync.d.ts","sourceRoot":"","sources":["../../../src/components/layout/page-data-sync.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,SAAS,EAA4C,MAAM,OAAO,CAAC;AAChG,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAyBtD,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAIzE;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAAE,MAAc,EAAE,EAAE;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,sCAIvE;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,GAAG,SAAS,EAAE,OAAO,EAAE,OAAO,GAAG,OAAO,CAW5F"}

package/dist/components/layout/page-data-sync.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useMemo, useState } from "react";
+import { DataSyncLine } from "../ui/data-attribution.js";
+const PageDataSyncContext = createContext(null);
+const EMPTY = { sync: null, loading: false };
+function PageDataSyncProvider({ children }) {
+  const [state, report] = useState(EMPTY);
+  const value = useMemo(() => ({ state, report }), [state]);
+  return /* @__PURE__ */ jsx(PageDataSyncContext.Provider, { value, children });
+}
+function PageDataSyncRow({ inline = false }) {
+  const context = useContext(PageDataSyncContext);
+  if (!context) return null;
+  return /* @__PURE__ */ jsx(DataSyncLine, { sync: context.state.sync, loading: context.state.loading, inline });
+}
+function usePageDataSync(sync, loading) {
+  const context = useContext(PageDataSyncContext);
+  const report = context?.report;
+  const source = sync?.source ?? null;
+  const syncedAt = sync?.syncedAt ?? null;
+  useEffect(() => {
+    if (!report) return;
+    report({ sync: source ? { source, syncedAt } : null, loading });
+  }, [report, source, syncedAt, loading]);
+  useEffect(() => report ? () => report(EMPTY) : void 0, [report]);
+  return Boolean(context);
+}
+export {
+  PageDataSyncProvider,
+  PageDataSyncRow,
+  usePageDataSync
+};

package/dist/components/meeting-scheduler/index.cjs

@@ -16,9 +16,9 @@ var _chunk5E6JHOGXcjs = require('../../chunk-5E6JHOGX.cjs');
 
 
 
-var _chunk7RADSQJFcjs = require('../../chunk-7RADSQJF.cjs');
+var _chunk4IXA5CJTcjs = require('../../chunk-4IXA5CJT.cjs');
 require('../../chunk-2ANICXS7.cjs');
-require('../../chunk-NTGIQP7O.cjs');
+require('../../chunk-QU5K52OP.cjs');
 
 
 
@@ -46,7 +46,7 @@ var _chunkYUMFVQINcjs = require('../../chunk-YUMFVQIN.cjs');
 
 
 
-var _chunk3C4U4UW6cjs = require('../../chunk-3C4U4UW6.cjs');
+var _chunkXXM74P3Ncjs = require('../../chunk-XXM74P3N.cjs');
 
 
 var _chunkQTYSYEHKcjs = require('../../chunk-QTYSYEHK.cjs');
@@ -2194,7 +2194,7 @@ function useMeetingBooking(options) {
   const seededOffset = _optionalChain([initialAvailability, 'optionalAccess', _12 => _12.meetingId]) === meetingId ? initialAvailability.monthOffset : void 0;
   const [monthOffset, setMonthOffsetState] = _react.useState.call(void 0, _nullishCoalesce(seededOffset, () => ( 0)));
   const setMonthOffset = _react.useCallback.call(void 0, (offset) => {
-    setMonthOffsetState(Math.max(0, Math.min(_chunk3C4U4UW6cjs.MAX_MONTH_OFFSET, offset)));
+    setMonthOffsetState(Math.max(0, Math.min(_chunkXXM74P3Ncjs.MAX_MONTH_OFFSET, offset)));
   }, []);
   const prevMeetingIdRef = _react.useRef.call(void 0, meetingId);
   _react.useLayoutEffect.call(void 0, () => {
@@ -2324,7 +2324,7 @@ var FIELD_CONTROLS = {
     }
   ),
   textarea: ({ field, id, registerName, error, register }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk7RADSQJFcjs.Textarea,
+    _chunk4IXA5CJTcjs.Textarea,
     {
       id,
       required: field.required,
@@ -2401,14 +2401,14 @@ var FIELD_CONTROLS = {
       control,
       name: registerName,
       render: ({ field: rhf }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk7RADSQJFcjs.RadioGroup,
+        _chunk4IXA5CJTcjs.RadioGroup,
         {
           value: _nullishCoalesce(rhf.value, () => ( "")),
           onValueChange: rhf.onChange,
           "aria-required": field.required || void 0,
           "aria-invalid": Boolean(error),
           children: (_nullishCoalesce(field.options, () => ( []))).map((opt) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7RADSQJFcjs.RadioGroupItem, { id: `${id}-${opt}`, value: opt }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4IXA5CJTcjs.RadioGroupItem, { id: `${id}-${opt}`, value: opt }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkK6VWTUCHcjs.Label, { htmlFor: `${id}-${opt}`, children: optionLabel(field, opt) })
           ] }, opt))
         }
@@ -2656,8 +2656,8 @@ function BookingForm({
       children: _nullishCoalesce(submitLabel, () => ( DEFAULT_SUBMIT_LABEL))
     }
   );
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { id: formId, onSubmit: submit, className: FORM_STACK, noValidate: true, ..._chunk3C4U4UW6cjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7RADSQJFcjs.HoneypotField, { ...honeypotInputProps }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { id: formId, onSubmit: submit, className: FORM_STACK, noValidate: true, ..._chunkXXM74P3Ncjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4IXA5CJTcjs.HoneypotField, { ...honeypotInputProps }),
     fieldRows ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       placedRows.map((row) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_GRID, children: row.map((slot, slotIndex) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: slotColumnClass(row, slot, slotIndex), children: slotNode(slot.name) }, slot.name)) }, row.map((s) => s.name).join("|"))),
       [...unplacedBuiltIns, ...unplacedFields].map((field) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: slotNode(field.name) }, field.name))
@@ -2670,7 +2670,7 @@ function BookingForm({
       supportedFields.map((field) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: renderDeclaredField(field) }, field.name))
     ] }),
     consent && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk7RADSQJFcjs.CheckboxBlock,
+      _chunk4IXA5CJTcjs.CheckboxBlock,
       {
         id: "ms-host-consent",
         checked: consented,
@@ -2705,7 +2705,7 @@ function BookingForm({
               // same block the waitlist form uses): box + label in one
               // bordered row.
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunk7RADSQJFcjs.CheckboxBlock,
+                _chunk4IXA5CJTcjs.CheckboxBlock,
                 {
                   id: `ms-consent-${box.communicationTypeId}`,
                   checked: _nullishCoalesce(_optionalChain([current, 'optionalAccess', _34 => _34.consented]), () => ( false)),
@@ -2906,7 +2906,7 @@ function SchedulerContextPanel({
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, STRIP_ASIDE, locked && "content-max-lg:hidden"), children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: FIELD_LABEL_CLASS, children: "Timezone" }),
         timezone ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk7RADSQJFcjs.TimezoneSelect,
+          _chunk4IXA5CJTcjs.TimezoneSelect,
           {
             value: timezone,
             disabled,
@@ -2986,7 +2986,7 @@ function SchedulerModalHeader({
     showTimezone && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, ROW_CLASS, "flex flex-col gap-[var(--spacing-system-xxs)]"), children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: FIELD_LABEL_CLASS2, children: "Timezone" }),
       timezone ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk7RADSQJFcjs.TimezoneSelect,
+        _chunk4IXA5CJTcjs.TimezoneSelect,
         {
           value: timezone,
           disabled,
@@ -3095,18 +3095,18 @@ var NOOP = () => void 0;
 function DayCalendar({ monthOffset, onMonthOffsetChange, selectedDay, onSelectDay, slotsByDay }) {
   const now = /* @__PURE__ */ new Date();
   const startMonth = new Date(now.getFullYear(), now.getMonth(), 1);
-  const endMonth = new Date(now.getFullYear(), now.getMonth() + _chunk3C4U4UW6cjs.MAX_MONTH_OFFSET + 1, 0);
+  const endMonth = new Date(now.getFullYear(), now.getMonth() + _chunkXXM74P3Ncjs.MAX_MONTH_OFFSET + 1, 0);
   const visibleMonth = new Date(now.getFullYear(), now.getMonth() + monthOffset, 1);
   const dayHasNoSlots = _react.useCallback.call(void 0, (day) => !_optionalChain([slotsByDay, 'optionalAccess', _37 => _37.has, 'call', _38 => _38(calendarDayKey(day))]), [slotsByDay]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-0 flex-1 flex-col", "aria-busy": slotsByDay === null, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk7RADSQJFcjs.DatePickerCalendar,
+    _chunk4IXA5CJTcjs.DatePickerCalendar,
     {
       mode: "single",
       bare: true,
       month: visibleMonth,
       onMonthChange: (month) => {
         const offset = (month.getFullYear() - now.getFullYear()) * 12 + (month.getMonth() - now.getMonth());
-        onMonthOffsetChange(Math.max(0, Math.min(_chunk3C4U4UW6cjs.MAX_MONTH_OFFSET, offset)));
+        onMonthOffsetChange(Math.max(0, Math.min(_chunkXXM74P3Ncjs.MAX_MONTH_OFFSET, offset)));
       },
       fromDate: startMonth,
       toDate: endMonth,
@@ -3250,7 +3250,7 @@ function SlotPicker({
               monthLabelFor(monthOffset),
               "."
             ] }),
-            monthOffset < _chunk3C4U4UW6cjs.MAX_MONTH_OFFSET && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            monthOffset < _chunkXXM74P3Ncjs.MAX_MONTH_OFFSET && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
               _chunk2QMBXGMQcjs.Button,
               {
                 variant: "outline",
@@ -3765,7 +3765,7 @@ function HubSpotMeetingScheduler({
             }
           )
         ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-          bookingError === "SLOT_TAKEN" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7RADSQJFcjs.Alert, { variant: "warning", className: "mx-[var(--spacing-system-m)] mt-[var(--spacing-system-m)] w-auto", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7RADSQJFcjs.AlertDescription, { children: "That time was just taken \u2014 pick another slot below. (If you already submitted, check your email for a confirmation before rebooking.)" }) }),
+          bookingError === "SLOT_TAKEN" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4IXA5CJTcjs.Alert, { variant: "warning", className: "mx-[var(--spacing-system-m)] mt-[var(--spacing-system-m)] w-auto", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4IXA5CJTcjs.AlertDescription, { children: "That time was just taken \u2014 pick another slot below. (If you already submitted, check your email for a confirmation before rebooking.)" }) }),
           timezone && durationMs != null ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             SlotPicker,
             {
@@ -3884,11 +3884,11 @@ function HubSpotMeetingScheduler({
       )
     ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-[var(--spacing-system-m)] content-md:min-h-0 content-md:flex-1", children: [
       bookingError === "SLOT_TAKEN" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk7RADSQJFcjs.Alert,
+        _chunk4IXA5CJTcjs.Alert,
         {
           variant: "warning",
           className: "mx-[var(--spacing-system-l)] mt-[var(--spacing-system-l)] w-auto content-lg:m-0 content-lg:w-full",
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7RADSQJFcjs.AlertDescription, { children: "That time was just taken \u2014 pick another slot below. (If you already submitted, check your email for a confirmation before rebooking.)" })
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4IXA5CJTcjs.AlertDescription, { children: "That time was just taken \u2014 pick another slot below. (If you already submitted, check your email for a confirmation before rebooking.)" })
         }
       ),
       timezone && durationMs != null ? (

package/dist/components/navigation/index.cjs

@@ -24,15 +24,15 @@
 
 
 
-var _chunkVD4HVLXGcjs = require('../../chunk-VD4HVLXG.cjs');
+var _chunkS23DIVIPcjs = require('../../chunk-S23DIVIP.cjs');
 
 
 
 
 
 
-var _chunkJEIAB7JQcjs = require('../../chunk-JEIAB7JQ.cjs');
-require('../../chunk-WSRMYHIV.cjs');
+var _chunkG7RDJACGcjs = require('../../chunk-G7RDJACG.cjs');
+require('../../chunk-F7WIKBRI.cjs');
 
 
 
@@ -47,9 +47,9 @@ require('../../chunk-WSRMYHIV.cjs');
 
 
 
-var _chunk7RADSQJFcjs = require('../../chunk-7RADSQJF.cjs');
+var _chunk4IXA5CJTcjs = require('../../chunk-4IXA5CJT.cjs');
 require('../../chunk-2ANICXS7.cjs');
-require('../../chunk-NTGIQP7O.cjs');
+require('../../chunk-QU5K52OP.cjs');
 require('../../chunk-AXBVN5SW.cjs');
 require('../../chunk-HQQE74RO.cjs');
 require('../../chunk-DEY6XXGO.cjs');
@@ -63,7 +63,7 @@ require('../../chunk-YUMFVQIN.cjs');
 
 
 
-var _chunk3C4U4UW6cjs = require('../../chunk-3C4U4UW6.cjs');
+var _chunkXXM74P3Ncjs = require('../../chunk-XXM74P3N.cjs');
 
 
 
@@ -1951,4 +1951,4 @@ require('../../chunk-3ATAYP36.cjs');
 
 
 
-exports.ASK_AI_OPEN_EVENT = _chunkQTYSYEHKcjs.ASK_AI_OPEN_EVENT; exports.ASK_AI_OPEN_WITH_REF_EVENT = _chunkQTYSYEHKcjs.ASK_AI_OPEN_WITH_REF_EVENT; exports.AppHeader = _chunkVD4HVLXGcjs.AppHeader; exports.AppLayout = _chunkVD4HVLXGcjs.AppLayout; exports.AppLayoutDrawer = _chunk7RADSQJFcjs.AppLayoutDrawerRoot; exports.AppLayoutDrawerBody = _chunk7RADSQJFcjs.AppLayoutDrawerBody; exports.AppLayoutDrawerClose = _chunk7RADSQJFcjs.AppLayoutDrawerClose; exports.AppLayoutDrawerContent = _chunk7RADSQJFcjs.AppLayoutDrawerContent; exports.AppLayoutDrawerDescription = _chunk7RADSQJFcjs.AppLayoutDrawerDescription; exports.AppLayoutDrawerFooter = _chunk7RADSQJFcjs.AppLayoutDrawerFooter; exports.AppLayoutDrawerHeader = _chunk7RADSQJFcjs.AppLayoutDrawerHeader; exports.AppLayoutDrawerTitle = _chunk7RADSQJFcjs.AppLayoutDrawerTitle; exports.AppLayoutDrawerTrigger = _chunk7RADSQJFcjs.AppLayoutDrawerTrigger; exports.HeaderButton = _chunk7RADSQJFcjs.HeaderButton; exports.HeaderGlobalSearch = _chunkVD4HVLXGcjs.HeaderGlobalSearch; exports.HeaderMingoButton = _chunkVD4HVLXGcjs.HeaderMingoButton; exports.HeaderOrganizationFilter = _chunkVD4HVLXGcjs.HeaderOrganizationFilter; exports.MOBILE_NAV_SHEET_ID = _chunkVD4HVLXGcjs.MOBILE_NAV_SHEET_ID; exports.MingoAiButton = _chunk3C4U4UW6cjs.MingoAiButton; exports.MobileBurgerMenu = _chunkVD4HVLXGcjs.MobileBurgerMenu; exports.MobileNavSheet = _chunkVD4HVLXGcjs.MobileNavSheet; exports.MobileNavigationDropdown = _chunkJEIAB7JQcjs.MobileNavigationDropdown; exports.MultiLevelNavigation = _chunkJEIAB7JQcjs.MultiLevelNavigation; exports.NAVIGATION_SIDEBAR_WIDTH_VAR = _chunkVD4HVLXGcjs.NAVIGATION_SIDEBAR_WIDTH_VAR; exports.NavItemRow = _chunkVD4HVLXGcjs.NavItemRow; exports.NavPanel = _chunkVD4HVLXGcjs.NavPanel; exports.NavigationItemBadge = _chunkVD4HVLXGcjs.NavigationItemBadge; exports.NavigationSidebar = _chunkVD4HVLXGcjs.NavigationSidebar; exports.SIDE_PANEL_FRAME_WIDTH = _chunkVD4HVLXGcjs.SIDE_PANEL_FRAME_WIDTH; exports.SiteFooter = _chunkVD4HVLXGcjs.SiteFooter; exports.SiteHeader = _chunkVD4HVLXGcjs.SiteHeader; exports.SlidingSidebar = _chunkVD4HVLXGcjs.SlidingSidebar; exports.StickySectionNav = _chunkJEIAB7JQcjs.StickySectionNav; exports.TicketAlertsButton = _chunkVD4HVLXGcjs.TicketAlertsButton; exports.TopNavigation = _chunkVD4HVLXGcjs.TopNavigation; exports.UnreadCountBadge = _chunk7RADSQJFcjs.UnreadCountBadge; exports.UnreadDot = _chunk7RADSQJFcjs.UnreadDot; exports.defaultRenderSiteNavLink = _chunkVD4HVLXGcjs.defaultRenderSiteNavLink; exports.isMegaMenu = _chunkVD4HVLXGcjs.isMegaMenu; exports.navLinkLabel = _chunkVD4HVLXGcjs.navLinkLabel; exports.openAskAi = _chunk3C4U4UW6cjs.openAskAi; exports.siteNavHasMobileMenus = _chunkVD4HVLXGcjs.siteNavHasMobileMenus; exports.useAppLayoutDrawerContainer = _chunk7RADSQJFcjs.useAppLayoutDrawerContainer; exports.useScrollSpy = _chunkJEIAB7JQcjs.useScrollSpy; exports.useSectionNavigation = _chunkJEIAB7JQcjs.useSectionNavigation;
+exports.ASK_AI_OPEN_EVENT = _chunkQTYSYEHKcjs.ASK_AI_OPEN_EVENT; exports.ASK_AI_OPEN_WITH_REF_EVENT = _chunkQTYSYEHKcjs.ASK_AI_OPEN_WITH_REF_EVENT; exports.AppHeader = _chunkS23DIVIPcjs.AppHeader; exports.AppLayout = _chunkS23DIVIPcjs.AppLayout; exports.AppLayoutDrawer = _chunk4IXA5CJTcjs.AppLayoutDrawerRoot; exports.AppLayoutDrawerBody = _chunk4IXA5CJTcjs.AppLayoutDrawerBody; exports.AppLayoutDrawerClose = _chunk4IXA5CJTcjs.AppLayoutDrawerClose; exports.AppLayoutDrawerContent = _chunk4IXA5CJTcjs.AppLayoutDrawerContent; exports.AppLayoutDrawerDescription = _chunk4IXA5CJTcjs.AppLayoutDrawerDescription; exports.AppLayoutDrawerFooter = _chunk4IXA5CJTcjs.AppLayoutDrawerFooter; exports.AppLayoutDrawerHeader = _chunk4IXA5CJTcjs.AppLayoutDrawerHeader; exports.AppLayoutDrawerTitle = _chunk4IXA5CJTcjs.AppLayoutDrawerTitle; exports.AppLayoutDrawerTrigger = _chunk4IXA5CJTcjs.AppLayoutDrawerTrigger; exports.HeaderButton = _chunk4IXA5CJTcjs.HeaderButton; exports.HeaderGlobalSearch = _chunkS23DIVIPcjs.HeaderGlobalSearch; exports.HeaderMingoButton = _chunkS23DIVIPcjs.HeaderMingoButton; exports.HeaderOrganizationFilter = _chunkS23DIVIPcjs.HeaderOrganizationFilter; exports.MOBILE_NAV_SHEET_ID = _chunkS23DIVIPcjs.MOBILE_NAV_SHEET_ID; exports.MingoAiButton = _chunkXXM74P3Ncjs.MingoAiButton; exports.MobileBurgerMenu = _chunkS23DIVIPcjs.MobileBurgerMenu; exports.MobileNavSheet = _chunkS23DIVIPcjs.MobileNavSheet; exports.MobileNavigationDropdown = _chunkG7RDJACGcjs.MobileNavigationDropdown; exports.MultiLevelNavigation = _chunkG7RDJACGcjs.MultiLevelNavigation; exports.NAVIGATION_SIDEBAR_WIDTH_VAR = _chunkS23DIVIPcjs.NAVIGATION_SIDEBAR_WIDTH_VAR; exports.NavItemRow = _chunkS23DIVIPcjs.NavItemRow; exports.NavPanel = _chunkS23DIVIPcjs.NavPanel; exports.NavigationItemBadge = _chunkS23DIVIPcjs.NavigationItemBadge; exports.NavigationSidebar = _chunkS23DIVIPcjs.NavigationSidebar; exports.SIDE_PANEL_FRAME_WIDTH = _chunkS23DIVIPcjs.SIDE_PANEL_FRAME_WIDTH; exports.SiteFooter = _chunkS23DIVIPcjs.SiteFooter; exports.SiteHeader = _chunkS23DIVIPcjs.SiteHeader; exports.SlidingSidebar = _chunkS23DIVIPcjs.SlidingSidebar; exports.StickySectionNav = _chunkG7RDJACGcjs.StickySectionNav; exports.TicketAlertsButton = _chunkS23DIVIPcjs.TicketAlertsButton; exports.TopNavigation = _chunkS23DIVIPcjs.TopNavigation; exports.UnreadCountBadge = _chunk4IXA5CJTcjs.UnreadCountBadge; exports.UnreadDot = _chunk4IXA5CJTcjs.UnreadDot; exports.defaultRenderSiteNavLink = _chunkS23DIVIPcjs.defaultRenderSiteNavLink; exports.isMegaMenu = _chunkS23DIVIPcjs.isMegaMenu; exports.navLinkLabel = _chunkS23DIVIPcjs.navLinkLabel; exports.openAskAi = _chunkXXM74P3Ncjs.openAskAi; exports.siteNavHasMobileMenus = _chunkS23DIVIPcjs.siteNavHasMobileMenus; exports.useAppLayoutDrawerContainer = _chunk4IXA5CJTcjs.useAppLayoutDrawerContainer; exports.useScrollSpy = _chunkG7RDJACGcjs.useScrollSpy; exports.useSectionNavigation = _chunkG7RDJACGcjs.useSectionNavigation;

package/dist/components/onboarding-guides/index.cjs

@@ -7,12 +7,12 @@
 
 
 
-var _chunk33PJH2TFcjs = require('../../chunk-33PJH2TF.cjs');
+var _chunkSYACKQYFcjs = require('../../chunk-SYACKQYF.cjs');
 require('../../chunk-VUSXDMCE.cjs');
-require('../../chunk-33RJU565.cjs');
-require('../../chunk-7RADSQJF.cjs');
+require('../../chunk-EFCX5SYN.cjs');
+require('../../chunk-4IXA5CJT.cjs');
 require('../../chunk-2ANICXS7.cjs');
-require('../../chunk-NTGIQP7O.cjs');
+require('../../chunk-QU5K52OP.cjs');
 require('../../chunk-AXBVN5SW.cjs');
 require('../../chunk-HQQE74RO.cjs');
 require('../../chunk-DEY6XXGO.cjs');
@@ -23,7 +23,7 @@ require('../../chunk-A6P6DHEZ.cjs');
 require('../../chunk-MZ4KBSH7.cjs');
 require('../../chunk-T4BBZ5ST.cjs');
 require('../../chunk-YUMFVQIN.cjs');
-require('../../chunk-3C4U4UW6.cjs');
+require('../../chunk-XXM74P3N.cjs');
 require('../../chunk-QTYSYEHK.cjs');
 require('../../chunk-F64VMOIB.cjs');
 require('../../chunk-3RFQPQ7Z.cjs');
@@ -1870,4 +1870,4 @@ require('../../chunk-3ATAYP36.cjs');
 
 
 
-exports.OnboardingGuideDetailView = _chunk33PJH2TFcjs.OnboardingGuideDetailView; exports.OnboardingGuidesCatalogSkeleton = _chunk33PJH2TFcjs.OnboardingGuidesCatalogSkeleton; exports.OnboardingGuidesCatalogView = _chunk33PJH2TFcjs.OnboardingGuidesCatalogView; exports.onboardingGuideKeys = _chunk33PJH2TFcjs.onboardingGuideKeys; exports.useOnboardingGuide = _chunk33PJH2TFcjs.useOnboardingGuide; exports.useOnboardingGuideSections = _chunk33PJH2TFcjs.useOnboardingGuideSections; exports.useOnboardingGuides = _chunk33PJH2TFcjs.useOnboardingGuides;
+exports.OnboardingGuideDetailView = _chunkSYACKQYFcjs.OnboardingGuideDetailView; exports.OnboardingGuidesCatalogSkeleton = _chunkSYACKQYFcjs.OnboardingGuidesCatalogSkeleton; exports.OnboardingGuidesCatalogView = _chunkSYACKQYFcjs.OnboardingGuidesCatalogView; exports.onboardingGuideKeys = _chunkSYACKQYFcjs.onboardingGuideKeys; exports.useOnboardingGuide = _chunkSYACKQYFcjs.useOnboardingGuide; exports.useOnboardingGuideSections = _chunkSYACKQYFcjs.useOnboardingGuideSections; exports.useOnboardingGuides = _chunkSYACKQYFcjs.useOnboardingGuides;

package/dist/components/product-demo/index.cjs

@@ -23,14 +23,14 @@ var _react = require('react');
 // src/components/product-demo/registry.ts
 var PRODUCT_SCREEN_LOADERS = {
   "remote-session": () => Promise.resolve().then(() => _interopRequireWildcard(require("../../remote-session-SKNXYG6K.cjs"))),
-  "software-update": () => Promise.resolve().then(() => _interopRequireWildcard(require("../../software-update-TSGISQV5.cjs"))),
-  devices: () => Promise.resolve().then(() => _interopRequireWildcard(require("../../devices-72YSJM4Z.cjs"))),
-  policies: () => Promise.resolve().then(() => _interopRequireWildcard(require("../../policies-5BZ5X2S4.cjs"))),
-  "cloud-tenants": () => Promise.resolve().then(() => _interopRequireWildcard(require("../../cloud-tenants-PA5UU2KQ.cjs"))),
+  "software-update": () => Promise.resolve().then(() => _interopRequireWildcard(require("../../software-update-6T4GFJPA.cjs"))),
+  devices: () => Promise.resolve().then(() => _interopRequireWildcard(require("../../devices-EFDFNWIV.cjs"))),
+  policies: () => Promise.resolve().then(() => _interopRequireWildcard(require("../../policies-S3IF2U3D.cjs"))),
+  "cloud-tenants": () => Promise.resolve().then(() => _interopRequireWildcard(require("../../cloud-tenants-YUMG3O36.cjs"))),
   "tickets-board": () => Promise.resolve().then(() => _interopRequireWildcard(require("../../tickets-board-B2FH7Z4B.cjs"))),
-  logs: () => Promise.resolve().then(() => _interopRequireWildcard(require("../../logs-ODMJ3KOP.cjs"))),
-  knowledge: () => Promise.resolve().then(() => _interopRequireWildcard(require("../../knowledge-76RIDA7P.cjs"))),
-  scripts: () => Promise.resolve().then(() => _interopRequireWildcard(require("../../scripts-TWQPG46M.cjs")))
+  logs: () => Promise.resolve().then(() => _interopRequireWildcard(require("../../logs-ZTYEI35Y.cjs"))),
+  knowledge: () => Promise.resolve().then(() => _interopRequireWildcard(require("../../knowledge-UT2XI45N.cjs"))),
+  scripts: () => Promise.resolve().then(() => _interopRequireWildcard(require("../../scripts-IZWNCX5A.cjs")))
 };
 
 // src/components/product-demo/screen-keys.ts

package/dist/components/shared/delivery/delivery-lists.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"delivery-lists.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/delivery/delivery-lists.tsx"],"names":[],"mappings":"AA0DA,MAAM,WAAW,kBAAkB;IACjC;qCACiC;IACjC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;uCACmC;IACnC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;kEAC8D;IAC9D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;qEACiE;IACjE,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,aAAa,CAAC,EAC5B,oBAAiD,EACjD,qBAAoD,EACpD,cAAyC,EACzC,gBAA8C,GAC/C,GAAE,kBAAuB,+BAgJzB"}
+{"version":3,"file":"delivery-lists.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/delivery/delivery-lists.tsx"],"names":[],"mappings":"AA+DA,MAAM,WAAW,kBAAkB;IACjC;qCACiC;IACjC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;uCACmC;IACnC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;kEAC8D;IAC9D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;qEACiE;IACjE,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,aAAa,CAAC,EAC5B,oBAAiD,EACjD,qBAAoD,EACpD,cAAyC,EACzC,gBAA8C,GAC/C,GAAE,kBAAuB,+BAqJzB"}

package/dist/components/shared/delivery/delivery-lists.js

@@ -6,7 +6,9 @@ import { useScrollToHash } from "../../../hooks/use-scroll-to-hash.js";
 import { DEV_SECTION_PARAM_KEYS } from "../../../utils/dev-sections/dev-section-param-keys.js";
 import { contentFetch } from "../../../utils/embed-content-fetch.js";
 import { STICKY_HEADER_OFFSET_PX } from "../../../utils/same-page-hash-nav.js";
+import { usePageDataSync } from "../../layout/page-data-sync.js";
 import { ListEmptyState } from "../../list-empty-state.js";
+import { DataSyncLine } from "../../ui/data-attribution.js";
 import { LoadError } from "../../ui/error-state.js";
 import { DeliveryTable } from "./delivery-table.js";
 const DEFAULT_COMPLETED_ENDPOINT = "/api/delivery/completed";
@@ -25,6 +27,7 @@ function DeliveryLists({
   const [data, setData] = useState(null);
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState(null);
+  const [sync, setSync] = useState(null);
   const searchQuery = searchParams.get(searchParamKey) || "";
   const taskTypeFilter = searchParams.get(taskTypeParamKey) || "all";
   useEffect(() => {
@@ -58,6 +61,7 @@ function DeliveryLists({
           completed: completedResult.items ?? [],
           inProgress: inProgressResult.items ?? []
         });
+        setSync(completedResult.sync ?? inProgressResult.sync ?? null);
       } catch (err) {
         if (cancelled) return;
         console.error("Error fetching delivery items:", err);
@@ -74,6 +78,7 @@ function DeliveryLists({
   const filteredCompleted = data?.completed || [];
   const filteredInProgress = data?.inProgress || [];
   useScrollToHash(data, { headerOffset: STICKY_HEADER_OFFSET_PX });
+  const syncInPage = usePageDataSync(sync, isLoading && !data);
   const showCompleted = true;
   const showInProgress = true;
   const hasActiveFilters = searchQuery !== "" || taskTypeFilter !== "all";
@@ -82,6 +87,7 @@ function DeliveryLists({
     return /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(LoadError, { message: error, onRetry: () => window.location.reload() }) });
   }
   return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-[40px]", children: [
+    !syncInPage && /* @__PURE__ */ jsx(DataSyncLine, { sync, loading: isLoading && !data }),
     !isLoading && !hasResults && /* @__PURE__ */ jsx(
       ListEmptyState,
       {

package/dist/components/shared/dev-section/dev-section-view.d.ts

@@ -17,20 +17,7 @@ export interface DevSectionViewProps {
     /** Which section to render — drives title, search, and filter
      *  config via the `OPENFRAME_DEV_SECTIONS` registry. */
     sectionKey: OpenframeDevSectionKey;
-    /** When set, renders the rich page-level hero (icon + h1 + description).
-     *  Omit for the compact tab-context heading. */
-    hero?: {
-        /** Pre-rendered icon JSX. Server components render the icon themselves
-         *  and pass the element here — function references can't cross the
-         *  server→client boundary, but React elements can. */
-        icon: ReactNode;
-        /** Hero title. Falls back to `OPENFRAME_DEV_SECTIONS[sectionKey].hero.title`
-         *  when omitted, so embedders can override the (OpenFrame-specific) default
-         *  copy without forking the registry. */
-        title?: string;
-        description: string;
-    };
-    /** Optional slot rendered BETWEEN the hero and the search/filter
+    /** Optional slot rendered BETWEEN the heading and the search/filter
      *  controls. Use this for an entry-action surface that should sit
      *  above the list (e.g. the Help Center's "Open a new ticket" form).
      *  The slot is wrapped in the same `gap-10` flex column so spacing
@@ -40,12 +27,12 @@ export interface DevSectionViewProps {
     /** The page-specific list body. Reads URL params written by this
      *  component (search input + filter pills). */
     children: ReactNode;
-    /** Render this component's own title heading (hero or compact `h2`). Default
+    /** Render this component's own title heading (the section's `h2`). Default
      *  `true` — the tab context renders the compact heading itself. Pass `false`
      *  when the host already renders the title elsewhere (e.g. `DevSectionPage`
      *  routes it through the unified `PageLayout` `TitleBlock`): then only the
      *  search + filter controls + list render, with no duplicate heading. */
     showHeading?: boolean;
 }
-export declare function DevSectionView({ sectionKey, hero, preControls, children, showHeading }: DevSectionViewProps): import("react").JSX.Element;
+export declare function DevSectionView({ sectionKey, preControls, children, showHeading }: DevSectionViewProps): import("react").JSX.Element;
 //# sourceMappingURL=dev-section-view.d.ts.map

package/dist/components/shared/dev-section/dev-section-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dev-section-view.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/dev-section/dev-section-view.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAGL,KAAK,sBAAsB,EAC5B,MAAM,oDAAoD,CAAC;AAI5D,MAAM,WAAW,mBAAmB;IAClC;4DACwD;IACxD,UAAU,EAAE,sBAAsB,CAAC;IACnC;oDACgD;IAChD,IAAI,CAAC,EAAE;QACL;;8DAEsD;QACtD,IAAI,EAAE,SAAS,CAAC;QAChB;;iDAEyC;QACzC,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;IACF;;;;;uEAKmE;IACnE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;mDAC+C;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;6EAIyE;IACzE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,cAAc,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAkB,EAAE,EAAE,mBAAmB,+BA6GlH"}
+{"version":3,"file":"dev-section-view.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/dev-section/dev-section-view.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAGL,KAAK,sBAAsB,EAC5B,MAAM,oDAAoD,CAAC;AAM5D,MAAM,WAAW,mBAAmB;IAClC;4DACwD;IACxD,UAAU,EAAE,sBAAsB,CAAC;IACnC;;;;;uEAKmE;IACnE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;mDAC+C;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;6EAIyE;IACzE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,cAAc,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAkB,EAAE,EAAE,mBAAmB,+BAqG5G"}

package/dist/components/shared/dev-section/dev-section-view.js

@@ -6,8 +6,10 @@ import {
   OPENFRAME_DEV_SECTIONS
 } from "../../../utils/dev-sections/openframe-dev-sections.js";
 import { StatusFilterComponent } from "../../features/index.js";
+import { PageDataSyncProvider, PageDataSyncRow } from "../../layout/page-data-sync.js";
+import { SectionHeading } from "../../layout/page-heading.js";
 import { SearchInput } from "../../ui/index.js";
-function DevSectionView({ sectionKey, hero, preControls, children, showHeading = true }) {
+function DevSectionView({ sectionKey, preControls, children, showHeading = true }) {
   const section = OPENFRAME_DEV_SECTIONS[sectionKey];
   const router = useRouter();
   const pathname = usePathname();
@@ -45,17 +47,8 @@ function DevSectionView({ sectionKey, hero, preControls, children, showHeading =
     else params.set(filter.paramKey, value);
     router.replace(`${pathname}?${params.toString()}`, { scroll: false });
   };
-  return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-10", children: [
-    showHeading && (hero ? /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs("h1", { className: "flex items-center gap-3 tracking-[-1.12px] text-ods-text-primary text-h1", children: [
-        hero.icon,
-        hero.title ?? section.hero.title
-      ] }),
-      /* @__PURE__ */ jsx("p", { className: "max-w-3xl text-ods-text-secondary text-h4", children: hero.description })
-    ] }) : /* @__PURE__ */ jsx("div", { className: "flex w-full items-center justify-between", children: /* @__PURE__ */ jsxs("h2", { className: "font-['Azeret_Mono'] text-[32px] font-semibold leading-[40px] tracking-[-0.64px] text-ods-text-primary content-md:text-[40px] content-md:leading-[48px] content-md:tracking-[-0.8px] content-lg:text-[48px] content-lg:leading-[56px] content-lg:tracking-[-0.96px]", children: [
-      section.hero.title,
-      /* @__PURE__ */ jsx("span", { className: "text-ods-accent", children: ":" })
-    ] }) })),
+  return /* @__PURE__ */ jsx(PageDataSyncProvider, { children: /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-10", children: [
+    showHeading ? /* @__PURE__ */ jsx(SectionHeading, { title: section.hero.title, punctuation: ":", action: /* @__PURE__ */ jsx(PageDataSyncRow, { inline: true }) }) : /* @__PURE__ */ jsx(PageDataSyncRow, {}),
     preControls,
     (search || filter) && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
       search && /* @__PURE__ */ jsx(
@@ -78,7 +71,7 @@ function DevSectionView({ sectionKey, hero, preControls, children, showHeading =
       )
     ] }),
     children
-  ] });
+  ] }) });
 }
 export {
   DevSectionView

package/dist/components/shared/legal-document/legal-document-page.d.ts

@@ -48,8 +48,6 @@ export interface LegalDocumentPageProps {
     emptyStateMessage?: string;
     /** SSR-prepared document, if available. */
     initialData?: LegalDocument | null;
-    /** SSR-prepared formatted "Last Updated" label. Stable across hydration. */
-    initialLastUpdatedLabel?: string | null;
     /** Override the default `/api/legal/<docType>` endpoint
      *  (reverse-proxy embedders, alternate API paths). */
     apiEndpoint?: string;
@@ -85,5 +83,5 @@ export interface LegalDocumentPageProps {
  * null for one that states neither. One wording for every legal surface.
  */
 export declare function legalDocumentStampLabel(doc: Pick<LegalDocument, 'version' | 'effectiveDate'> | null | undefined): string | null;
-export declare function LegalDocumentPage({ docType, title: titleProp, fallbackDescription, contactEmail, errorContactPrompt, errorTitle: errorTitleProp, emptyStateMessage: emptyStateMessageProp, initialData, initialLastUpdatedLabel, apiEndpoint, MarkdownRenderer, documentsEndpoint, backButton, faq, shell, }: LegalDocumentPageProps): import("react").JSX.Element;
+export declare function LegalDocumentPage({ docType, title: titleProp, fallbackDescription, contactEmail, errorContactPrompt, errorTitle: errorTitleProp, emptyStateMessage: emptyStateMessageProp, initialData, apiEndpoint, MarkdownRenderer, documentsEndpoint, backButton, faq, shell, }: LegalDocumentPageProps): import("react").JSX.Element;
 //# sourceMappingURL=legal-document-page.d.ts.map

package/dist/components/shared/legal-document/legal-document-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"legal-document-page.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/legal-document/legal-document-page.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI3C,OAAO,EAA4B,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAInF,OAAO,EAAgB,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGpE,MAAM,WAAW,kCAAkC;IACjD,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACjE,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,MAAM,WAAW,sBAAsB;IACrC;;qDAEiD;IACjD,OAAO,EAAE,MAAM,CAAC;IAChB;0EACsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;wEACoE;IACpE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;4DACwD;IACxD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2CAA2C;IAC3C,WAAW,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACnC,4EAA4E;IAC5E,uBAAuB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC;0DACsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,aAAa,CAAC,kCAAkC,CAAC,CAAC;IACrE;mEAC+D;IAC/D,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAC;IACvD;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;;OAKG;IACH,GAAG,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;IAC/C;;sCAEkC;IAClC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CACrC,GAAG,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,GAAG,eAAe,CAAC,GAAG,IAAI,GAAG,SAAS,GACvE,MAAM,GAAG,IAAI,CAMf;AAED,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,KAAK,EAAE,SAAS,EAChB,mBAAwB,EACxB,YAAY,EACZ,kBAAyE,EACzE,UAAU,EAAE,cAAc,EAC1B,iBAAiB,EAAE,qBAAqB,EACxC,WAAkB,EAClB,uBAA8B,EAC9B,WAAW,EACX,gBAAuC,EACvC,iBAAiB,EACjB,UAAU,EACV,GAAG,EACH,KAAY,GACb,EAAE,sBAAsB,+BAkGxB"}
+{"version":3,"file":"legal-document-page.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/legal-document/legal-document-page.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG3C,OAAO,EAA4B,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAKnF,OAAO,EAAgB,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGpE,MAAM,WAAW,kCAAkC;IACjD,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACjE,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,MAAM,WAAW,sBAAsB;IACrC;;qDAEiD;IACjD,OAAO,EAAE,MAAM,CAAC;IAChB;0EACsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;wEACoE;IACpE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;4DACwD;IACxD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2CAA2C;IAC3C,WAAW,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACnC;0DACsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,aAAa,CAAC,kCAAkC,CAAC,CAAC;IACrE;mEAC+D;IAC/D,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAC;IACvD;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;;OAKG;IACH,GAAG,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;IAC/C;;sCAEkC;IAClC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CACrC,GAAG,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,GAAG,eAAe,CAAC,GAAG,IAAI,GAAG,SAAS,GACvE,MAAM,GAAG,IAAI,CAMf;AAED,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,KAAK,EAAE,SAAS,EAChB,mBAAwB,EACxB,YAAY,EACZ,kBAAyE,EACzE,UAAU,EAAE,cAAc,EAC1B,iBAAiB,EAAE,qBAAqB,EACxC,WAAkB,EAClB,WAAW,EACX,gBAAuC,EACvC,iBAAiB,EACjB,UAAU,EACV,GAAG,EACH,KAAY,GACb,EAAE,sBAAsB,+BA6FxB"}

package/dist/components/shared/legal-document/legal-document-page.js

@@ -2,10 +2,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import Link from "../../../embed-shims/next-link.js";
 import { useRouter } from "../../../embed-shims/next-navigation.js";
-import { formatLegalDate } from "../../../utils/format.js";
 import { FaqSection, pageFaqProps } from "../../faq/faq-section.js";
 import { UnifiedSkeleton } from "../../loading/unified-skeleton.js";
 import { PageShell, PageLayout } from "../../ui/index.js";
+import { DataSyncLine } from "../../ui/data-attribution.js";
 import { RichMarkdownRenderer } from "../../ui/markdown/index.js";
 import { useLegalDocs } from "./use-legal-docs.js";
 import { useLegalDocuments } from "./use-legal-documents.js";
@@ -25,7 +25,6 @@ function LegalDocumentPage({
   errorTitle: errorTitleProp,
   emptyStateMessage: emptyStateMessageProp,
   initialData = null,
-  initialLastUpdatedLabel = null,
   apiEndpoint,
   MarkdownRenderer = RichMarkdownRenderer,
   documentsEndpoint,
@@ -46,14 +45,9 @@ function LegalDocumentPage({
   const faqSlot = faq && faqTopic ? { ...faq, topic: faqTopic } : null;
   const errorTitle = errorTitleProp ?? `Unable to load ${title}`;
   const emptyStateMessage = emptyStateMessageProp ?? `${title} is not available at this time.`;
-  const fallbackLastUpdatedLabel = data?.lastSynced != null ? formatLegalDate(data.lastSynced) : null;
-  const effectiveLastUpdatedLabel = initialLastUpdatedLabel ?? fallbackLastUpdatedLabel;
-  const subtitle = legalDocumentStampLabel(data) ?? (effectiveLastUpdatedLabel ? `Last Updated: ${effectiveLastUpdatedLabel}` : fallbackDescription);
+  const subtitle = legalDocumentStampLabel(data) ?? fallbackDescription;
   const inner = /* @__PURE__ */ jsxs(PageLayout, { title, subtitle, backButton: backCfg, titleSize: "h1", titleWrap: true, children: [
-    data?.sourceFile && /* @__PURE__ */ jsxs("p", { className: "text-ods-text-secondary opacity-75 text-h6", children: [
-      "Source: ",
-      data.sourceFile
-    ] }),
+    /* @__PURE__ */ jsx(DataSyncLine, { sync: data ? { source: "github", syncedAt: data.lastSynced } : null, loading: isLoading && !data }),
     /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col items-start gap-6 lg:flex-row lg:gap-10", children: /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx("article", { className: "space-y-2", children: isLoading ? (
       // Loading skeleton matching Knowledge Hub pattern
       /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [

package/dist/components/shared/roadmap/roadmap-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"roadmap-view.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/roadmap/roadmap-view.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAI1E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAQpE,MAAM,WAAW,gBAAgB;IAC/B;0BACsB;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gFAAgF;IAChF,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,yDAAyD;IACzD,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC;iEAC6D;IAC7D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;iEAC6D;IAC7D,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAA2B,EAC3B,YAAY,EACZ,cAAc,EACd,eAAe,EACf,aAAa,EACb,cAAyC,EACzC,cAAyC,GAC1C,GAAE,gBAAqB,+BA0DvB"}
+{"version":3,"file":"roadmap-view.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/roadmap/roadmap-view.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAM1E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAUpE,MAAM,WAAW,gBAAgB;IAC/B;0BACsB;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gFAAgF;IAChF,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,yDAAyD;IACzD,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC;iEAC6D;IAC7D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;iEAC6D;IAC7D,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAA2B,EAC3B,YAAY,EACZ,cAAc,EACd,eAAe,EACf,aAAa,EACb,cAAyC,EACzC,cAAyC,GAC1C,GAAE,gBAAqB,+BAsEvB"}

package/dist/components/shared/roadmap/roadmap-view.js

@@ -1,15 +1,18 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { useSearchParams } from "../../../embed-shims/index.js";
 import { useScrollToHash } from "../../../hooks/use-scroll-to-hash.js";
 import { useSelfFetch } from "../../../hooks/use-self-fetch.js";
 import { DEV_SECTION_PARAM_KEYS } from "../../../utils/dev-sections/dev-section-param-keys.js";
 import { STICKY_HEADER_OFFSET_PX } from "../../../utils/same-page-hash-nav.js";
+import { usePageDataSync } from "../../layout/page-data-sync.js";
+import { DataSyncLine } from "../../ui/data-attribution.js";
 import { LoadError } from "../../ui/error-state.js";
 import { RoadmapGrid } from "./roadmap-grid.js";
 import { RoadmapGridSkeleton } from "./roadmap-grid-skeleton.js";
 const DEFAULT_ENDPOINT = "/api/roadmap";
+const SYNCED_LIST_CLASS = "flex w-full flex-col gap-[var(--spacing-system-lf)]";
 const DEFAULT_SEARCH_PARAM_KEY = DEV_SECTION_PARAM_KEYS.search;
 const DEFAULT_STATUS_PARAM_KEY = DEV_SECTION_PARAM_KEYS.status;
 function RoadmapView({
@@ -30,29 +33,38 @@ function RoadmapView({
   const qs = listParams.toString();
   const url = qs ? `${endpoint}?${qs}` : endpoint;
   const initialData = useMemo(() => initialItems ? { items: initialItems } : void 0, [initialItems]);
-  const { data, setData, isLoading, error, reload } = useSelfFetch(url, { initialData });
+  const { data, setData, isLoading, error, reload } = useSelfFetch(url, {
+    initialData
+  });
   const items = data?.items ?? [];
   useScrollToHash(data, { headerOffset: STICKY_HEADER_OFFSET_PX });
+  const syncInPage = usePageDataSync(data?.sync, isLoading && !data);
   if (error) {
     return /* @__PURE__ */ jsx(LoadError, { message: "Failed to load roadmap.", onRetry: reload });
   }
   if (isLoading && !data) {
-    return /* @__PURE__ */ jsx(RoadmapGridSkeleton, { showLeftMargin });
+    return /* @__PURE__ */ jsxs("div", { className: SYNCED_LIST_CLASS, children: [
+      !syncInPage && /* @__PURE__ */ jsx(DataSyncLine, { loading: true }),
+      /* @__PURE__ */ jsx(RoadmapGridSkeleton, { showLeftMargin })
+    ] });
   }
-  return /* @__PURE__ */ jsx(
-    RoadmapGrid,
-    {
-      items,
-      showLeftMargin,
-      buildRefreshUrl,
-      votingOptions,
-      groupByQuarter: true,
-      hasActiveFilters: search !== "" || status !== "all",
-      onItemUpdate: (updated) => setData(
-        (prev) => prev ? { ...prev, items: (prev.items ?? []).map((it) => it.id === updated.id ? updated : it) } : prev
-      )
-    }
-  );
+  return /* @__PURE__ */ jsxs("div", { className: SYNCED_LIST_CLASS, children: [
+    !syncInPage && /* @__PURE__ */ jsx(DataSyncLine, { sync: data?.sync }),
+    /* @__PURE__ */ jsx(
+      RoadmapGrid,
+      {
+        items,
+        showLeftMargin,
+        buildRefreshUrl,
+        votingOptions,
+        groupByQuarter: true,
+        hasActiveFilters: search !== "" || status !== "all",
+        onItemUpdate: (updated) => setData(
+          (prev) => prev ? { ...prev, items: (prev.items ?? []).map((it) => it.id === updated.id ? updated : it) } : prev
+        )
+      }
+    )
+  ] });
 }
 export {
   RoadmapView