@flamingo-stack/openframe-frontend-core 0.0.756 → 0.0.758

package/dist/{chunk-4YL4Y3BV.cjs → chunk-ECHJO4NI.cjs}

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
 var _chunk5E6JHOGXcjs = require('./chunk-5E6JHOGX.cjs');
 
 
 
-var _chunkKFUC2XF7cjs = require('./chunk-KFUC2XF7.cjs');
+var _chunkRPADJ2E6cjs = require('./chunk-RPADJ2E6.cjs');
 
 
 
@@ -14,13 +14,14 @@ var _chunkHEVW75L3cjs = require('./chunk-HEVW75L3.cjs');
 
 
 
-var _chunk57JA37HPcjs = require('./chunk-57JA37HP.cjs');
+
+var _chunk5THYJU3Gcjs = require('./chunk-5THYJU3G.cjs');
 
 
 var _chunkAXBVN5SWcjs = require('./chunk-AXBVN5SW.cjs');
 
 
-var _chunkQKFJ6ORKcjs = require('./chunk-QKFJ6ORK.cjs');
+var _chunk3C4U4UW6cjs = require('./chunk-3C4U4UW6.cjs');
 
 
 
@@ -29,6 +30,7 @@ var _chunk7DNL734Scjs = require('./chunk-7DNL734S.cjs');
 
 
 
+
 var _chunk7Z4EQOIXcjs = require('./chunk-7Z4EQOIX.cjs');
 
 
@@ -80,8 +82,38 @@ function ListEmptyState({ isFiltered, filtered, onClearFilters, empty }) {
 // src/components/shared/dev-section/dev-section-view.tsx
 var _react = require('react');
 
-function DevSectionView({ sectionKey, hero, preControls, children, showHeading = true }) {
-  const section = _chunkQKFJ6ORKcjs.OPENFRAME_DEV_SECTIONS[sectionKey];
+// src/components/layout/page-data-sync.tsx
+
+
+var PageDataSyncContext = _react.createContext.call(void 0, null);
+var EMPTY = { sync: null, loading: false };
+function PageDataSyncProvider({ children }) {
+  const [state, report] = _react.useState.call(void 0, EMPTY);
+  const value = _react.useMemo.call(void 0, () => ({ state, report }), [state]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageDataSyncContext.Provider, { value, children });
+}
+function PageDataSyncRow({ inline = false }) {
+  const context = _react.useContext.call(void 0, PageDataSyncContext);
+  if (!context) return null;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5THYJU3Gcjs.DataSyncLine, { sync: context.state.sync, loading: context.state.loading, inline });
+}
+function usePageDataSync(sync, loading) {
+  const context = _react.useContext.call(void 0, PageDataSyncContext);
+  const report = _optionalChain([context, 'optionalAccess', _2 => _2.report]);
+  const source = _nullishCoalesce(_optionalChain([sync, 'optionalAccess', _3 => _3.source]), () => ( null));
+  const syncedAt = _nullishCoalesce(_optionalChain([sync, 'optionalAccess', _4 => _4.syncedAt]), () => ( null));
+  _react.useEffect.call(void 0, () => {
+    if (!report) return;
+    report({ sync: source ? { source, syncedAt } : null, loading });
+  }, [report, source, syncedAt, loading]);
+  _react.useEffect.call(void 0, () => report ? () => report(EMPTY) : void 0, [report]);
+  return Boolean(context);
+}
+
+// src/components/shared/dev-section/dev-section-view.tsx
+
+function DevSectionView({ sectionKey, preControls, children, showHeading = true }) {
+  const section = _chunk3C4U4UW6cjs.OPENFRAME_DEV_SECTIONS[sectionKey];
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
   const pathname = _chunk7DNL734Scjs.usePathname.call(void 0, );
   const searchParams = _chunk7DNL734Scjs.useSearchParams.call(void 0, );
@@ -118,21 +150,12 @@ function DevSectionView({ sectionKey, hero, preControls, children, showHeading =
     else params.set(filter.paramKey, value);
     router.replace(`${pathname}?${params.toString()}`, { scroll: false });
   };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-10", children: [
-    showHeading && (hero ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "h1", { className: "flex items-center gap-3 tracking-[-1.12px] text-ods-text-primary text-h1", children: [
-        hero.icon,
-        _nullishCoalesce(hero.title, () => ( section.hero.title))
-      ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "max-w-3xl text-ods-text-secondary text-h4", children: hero.description })
-    ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full items-center justify-between", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-accent", children: ":" })
-    ] }) })),
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageDataSyncProvider, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-10", children: [
+    showHeading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7Z4EQOIXcjs.SectionHeading, { title: section.hero.title, punctuation: ":", action: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageDataSyncRow, { inline: true }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageDataSyncRow, {}),
     preControls,
     (search || filter) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
       search && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk57JA37HPcjs.SearchInput,
+        _chunk5THYJU3Gcjs.SearchInput,
         {
           showDropdown: false,
           placeholder: search.placeholder,
@@ -142,7 +165,7 @@ function DevSectionView({ sectionKey, hero, preControls, children, showHeading =
         }
       ),
       filter && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk57JA37HPcjs.StatusFilterComponent,
+        _chunk5THYJU3Gcjs.StatusFilterComponent,
         {
           selectedStatus: currentFilterValue,
           onStatusChange: handleFilterChange,
@@ -151,7 +174,7 @@ function DevSectionView({ sectionKey, hero, preControls, children, showHeading =
       )
     ] }),
     children
-  ] });
+  ] }) });
 }
 
 // src/components/shared/dev-section/dev-section-page.tsx
@@ -167,7 +190,7 @@ function DevSectionPage({
   shell = true
 }) {
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
-  const section = _chunkQKFJ6ORKcjs.OPENFRAME_DEV_SECTIONS[sectionKey];
+  const section = _chunk3C4U4UW6cjs.OPENFRAME_DEV_SECTIONS[sectionKey];
   const backCfg = backButton === false ? void 0 : {
     label: _nullishCoalesce((backButton ? backButton.label : void 0), () => ( "Back to home")),
     onClick: () => router.push(_nullishCoalesce((backButton ? backButton.href : void 0), () => ( "/")))
@@ -189,12 +212,12 @@ function DevSectionPage({
         backButton: backCfg,
         children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DevSectionView, { sectionKey, showHeading: false, preControls, children }),
-          faq && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKFUC2XF7cjs.FaqSection, { ..._chunkKFUC2XF7cjs.pageFaqProps.call(void 0, faq) })
+          faq && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRPADJ2E6cjs.FaqSection, { ..._chunkRPADJ2E6cjs.pageFaqProps.call(void 0, faq) })
         ]
       }
     )
   );
-  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk57JA37HPcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
+  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5THYJU3Gcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
 }
 
 // src/components/shared/dev-section/dev-card-row.tsx
@@ -334,4 +357,5 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
 
 
 
-exports.ListEmptyState = ListEmptyState; exports.DevSectionView = DevSectionView; exports.DevSectionPage = DevSectionPage; exports.DevCardRowContent = DevCardRowContent; exports.DevCardRowSkeleton = DevCardRowSkeleton; exports.DevCardRowSkeletonList = DevCardRowSkeletonList; exports.DeliveryRow = DeliveryRow;
+
+exports.ListEmptyState = ListEmptyState; exports.usePageDataSync = usePageDataSync; exports.DevSectionView = DevSectionView; exports.DevSectionPage = DevSectionPage; exports.DevCardRowContent = DevCardRowContent; exports.DevCardRowSkeleton = DevCardRowSkeleton; exports.DevCardRowSkeletonList = DevCardRowSkeletonList; exports.DeliveryRow = DeliveryRow;

package/dist/{chunk-TAEEGNFL.cjs → chunk-GU3M4YF3.cjs}

@@ -5,14 +5,15 @@ var _chunkWBOHLXFCcjs = require('./chunk-WBOHLXFC.cjs');
 
 
 
-var _chunk4YL4Y3BVcjs = require('./chunk-4YL4Y3BV.cjs');
+
+var _chunkECHJO4NIcjs = require('./chunk-ECHJO4NI.cjs');
 
 
 var _chunk5E6JHOGXcjs = require('./chunk-5E6JHOGX.cjs');
 
 
 
-var _chunkKFUC2XF7cjs = require('./chunk-KFUC2XF7.cjs');
+var _chunkRPADJ2E6cjs = require('./chunk-RPADJ2E6.cjs');
 
 
 var _chunkVUSXDMCEcjs = require('./chunk-VUSXDMCE.cjs');
@@ -27,7 +28,8 @@ var _chunkVUSXDMCEcjs = require('./chunk-VUSXDMCE.cjs');
 
 
 
-var _chunk57JA37HPcjs = require('./chunk-57JA37HP.cjs');
+
+var _chunk5THYJU3Gcjs = require('./chunk-5THYJU3G.cjs');
 
 
 var _chunkAXBVN5SWcjs = require('./chunk-AXBVN5SW.cjs');
@@ -39,7 +41,7 @@ var _chunkVUWPLQBYcjs = require('./chunk-VUWPLQBY.cjs');
 
 
 
-var _chunkQKFJ6ORKcjs = require('./chunk-QKFJ6ORK.cjs');
+var _chunk3C4U4UW6cjs = require('./chunk-3C4U4UW6.cjs');
 
 
 
@@ -79,9 +81,6 @@ var _chunkB27XV2TCcjs = require('./chunk-B27XV2TC.cjs');
 var _chunk7Z4EQOIXcjs = require('./chunk-7Z4EQOIX.cjs');
 
 
-var _chunkJHQNUWFMcjs = require('./chunk-JHQNUWFM.cjs');
-
-
 
 var _chunkBLH2SFOOcjs = require('./chunk-BLH2SFOO.cjs');
 
@@ -109,8 +108,8 @@ var _chunk3ATAYP36cjs = require('./chunk-3ATAYP36.cjs');
 // src/components/shared/product-release/product-releases-view.tsx
 var _jsxruntime = require('react/jsx-runtime');
 var DEFAULT_ENDPOINT = "/api/releases";
-var DEFAULT_SEARCH_PARAM_KEY = _chunkQKFJ6ORKcjs.DEV_SECTION_PARAM_KEYS.search;
-var DEFAULT_STATUS_PARAM_KEY = _chunkQKFJ6ORKcjs.DEV_SECTION_PARAM_KEYS.releaseStatus;
+var DEFAULT_SEARCH_PARAM_KEY = _chunk3C4U4UW6cjs.DEV_SECTION_PARAM_KEYS.search;
+var DEFAULT_STATUS_PARAM_KEY = _chunk3C4U4UW6cjs.DEV_SECTION_PARAM_KEYS.releaseStatus;
 var DEFAULT_PAGE_PARAM_KEY = "page";
 function ReleaseRow({
   release,
@@ -119,7 +118,7 @@ function ReleaseRow({
 }) {
   const runtime = _chunkUJ7AXHRZcjs.useChatRuntime.call(void 0, );
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
-  const cta = _chunkQKFJ6ORKcjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _2 => _2.composeContentUrl]), {
+  const cta = _chunk3C4U4UW6cjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _2 => _2.composeContentUrl]), {
     type: "product_release",
     slug: release.slug,
     basePath,
@@ -191,10 +190,10 @@ function ProductReleasesView({
     router.replace(`${pathname}?${params.toString()}`, { scroll: false });
   };
   if (error) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "w-full", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk57JA37HPcjs.LoadError, { message: "Failed to load releases.", onRetry: reload }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "w-full", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5THYJU3Gcjs.LoadError, { message: "Failed to load releases.", onRetry: reload }) });
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex w-full flex-col gap-[40px]", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-[600px]", children: showEmpty ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-[600px] items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk4YL4Y3BVcjs.ListEmptyState,
+    _chunkECHJO4NIcjs.ListEmptyState,
     {
       isFiltered: hasActiveFilters,
       filtered: {
@@ -289,7 +288,7 @@ function MediaGalleryStrip({ items, className }) {
 var _lucidereact = require('lucide-react');
 
 
-var DefaultMarkdownRenderer = _chunk57JA37HPcjs.RichMarkdownRenderer;
+var DefaultMarkdownRenderer = _chunk5THYJU3Gcjs.RichMarkdownRenderer;
 var DEFAULT_ENDPOINT2 = "/api/releases";
 function ReleaseDetailPage({
   authorHref,
@@ -308,7 +307,7 @@ function ReleaseDetailPage({
 }) {
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
   const captions = _chunkQTYSYEHKcjs.useCaptions.call(void 0, );
-  const renderShell = (node) => shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk57JA37HPcjs.PageShell, { children: node }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: node });
+  const renderShell = (node) => shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5THYJU3Gcjs.PageShell, { children: node }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: node });
   const seed = initialData == null ? void 0 : initialData;
   const {
     data: release,
@@ -415,7 +414,7 @@ function ReleaseDetailPage({
         backButton: showBackButton ? { label: backLabel, onClick: () => router.push(backHref) } : void 0,
         children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-6 content-md:space-y-8", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk57JA37HPcjs.EntityTagBadges, { tags: release.product_release_tags }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5THYJU3Gcjs.EntityTagBadges, { tags: release.product_release_tags }),
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid w-full grid-cols-1 overflow-hidden rounded-md border border-ods-border content-md:grid-cols-4", children: [
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-col gap-3 border-b border-ods-border bg-ods-card p-4 content-md:border-b-0 content-md:border-r", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-0", children: [
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-primary text-h4", children: releaseType.toLocaleUpperCase() }),
@@ -477,7 +476,7 @@ function ReleaseDetailPage({
               ] })
             ] }) }) }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk57JA37HPcjs.ReleaseChangelogSection,
+              _chunk5THYJU3Gcjs.ReleaseChangelogSection,
               {
                 title: "Breaking Changes",
                 entries: breakingChanges || [],
@@ -488,7 +487,7 @@ function ReleaseDetailPage({
               }
             ),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk57JA37HPcjs.ReleaseChangelogSection,
+              _chunk5THYJU3Gcjs.ReleaseChangelogSection,
               {
                 title: "Features Added",
                 entries: featuresAdded || [],
@@ -498,7 +497,7 @@ function ReleaseDetailPage({
               }
             ),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk57JA37HPcjs.ReleaseChangelogSection,
+              _chunk5THYJU3Gcjs.ReleaseChangelogSection,
               {
                 title: "Bugs Fixed",
                 entries: bugFixed || [],
@@ -508,7 +507,7 @@ function ReleaseDetailPage({
               }
             ),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk57JA37HPcjs.ReleaseChangelogSection,
+              _chunk5THYJU3Gcjs.ReleaseChangelogSection,
               {
                 title: "Improvements",
                 entries: improvements || [],
@@ -534,7 +533,7 @@ function ReleaseDetailPage({
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "tracking-[-0.28px] text-ods-text-secondary text-h5", children: "Related Enhancements and Bug-fixes" }),
               (() => {
                 const deliveryCount = deliveryData ? deliveryData.completed.length + deliveryData.inProgress.length : 0;
-                return deliveryLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DeliverySection, { data: deliveryData, isLoading: deliveryLoading }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk57JA37HPcjs.FadePreview, { hiddenCount: deliveryCount - 1, collapsedHeight: 300, resetKey: deliveryCount, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DeliverySection, { data: deliveryData, isLoading: false }) }) });
+                return deliveryLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DeliverySection, { data: deliveryData, isLoading: deliveryLoading }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5THYJU3Gcjs.FadePreview, { hiddenCount: deliveryCount - 1, collapsedHeight: 300, resetKey: deliveryCount, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DeliverySection, { data: deliveryData, isLoading: false }) }) });
               })()
             ] }),
             (_optionalChain([githubReleases, 'optionalAccess', _8 => _8.length]) || _optionalChain([knowledgeBaseLinks, 'optionalAccess', _9 => _9.length]) || migrationGuideUrl || documentationUrl) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full space-y-1", children: [
@@ -782,7 +781,7 @@ function RoadmapGridSingle({
             _chunk7Z4EQOIXcjs.RoadmapCard,
             {
               item,
-              id: _chunkQKFJ6ORKcjs.devSectionAnchorId.call(void 0, "roadmap", item.id),
+              id: _chunk3C4U4UW6cjs.devSectionAnchorId.call(void 0, "roadmap", item.id),
               userVote: getVote(item.id),
               onVote: (voteType) => onVote(item.id, voteType),
               isVoting: votingTasks.has(item.id)
@@ -898,7 +897,7 @@ function RoadmapGrid({
     );
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk57JA37HPcjs.Accordion,
+    _chunk5THYJU3Gcjs.Accordion,
     {
       type: "multiple",
       value: expandedQuarters,
@@ -908,13 +907,13 @@ function RoadmapGrid({
         const itemCount = _optionalChain([itemsByQuarter, 'access', _18 => _18[quarter], 'optionalAccess', _19 => _19.length]) || 0;
         const isExpanded = expandedQuarters.includes(quarter);
         return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          _chunk57JA37HPcjs.AccordionItem,
+          _chunk5THYJU3Gcjs.AccordionItem,
           {
             value: quarter,
             id: `quarter-${quarter.replace(/\s+/g, "-").toLowerCase()}`,
             className: "border-0",
             children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk57JA37HPcjs.AccordionTrigger, { className: "w-full p-0 hover:no-underline [&>svg]:ml-auto [&>svg]:h-5 [&>svg]:w-5 [&>svg]:shrink-0 [&>svg]:text-ods-text-secondary", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5THYJU3Gcjs.AccordionTrigger, { className: "w-full p-0 hover:no-underline [&>svg]:ml-auto [&>svg]:h-5 [&>svg]:w-5 [&>svg]:shrink-0 [&>svg]:text-ods-text-secondary", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
                 /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
                   "h3",
                   {
@@ -944,7 +943,7 @@ function RoadmapGrid({
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk57JA37HPcjs.AccordionContent, { className: "overflow-hidden pb-0 pt-4 data-[state=closed]:animate-none data-[state=open]:animate-none", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5THYJU3Gcjs.AccordionContent, { className: "overflow-hidden pb-0 pt-4 data-[state=closed]:animate-none data-[state=open]:animate-none", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 RoadmapGridSingle,
                 {
                   items: itemsByQuarter[quarter],
@@ -982,8 +981,9 @@ function RoadmapGridSkeleton({ region = true, count = 4, showLeftMargin = true }
 
 
 var DEFAULT_ENDPOINT3 = "/api/roadmap";
-var DEFAULT_SEARCH_PARAM_KEY2 = _chunkQKFJ6ORKcjs.DEV_SECTION_PARAM_KEYS.search;
-var DEFAULT_STATUS_PARAM_KEY2 = _chunkQKFJ6ORKcjs.DEV_SECTION_PARAM_KEYS.status;
+var SYNCED_LIST_CLASS = "flex w-full flex-col gap-[var(--spacing-system-lf)]";
+var DEFAULT_SEARCH_PARAM_KEY2 = _chunk3C4U4UW6cjs.DEV_SECTION_PARAM_KEYS.search;
+var DEFAULT_STATUS_PARAM_KEY2 = _chunk3C4U4UW6cjs.DEV_SECTION_PARAM_KEYS.status;
 function RoadmapView({
   endpoint = DEFAULT_ENDPOINT3,
   initialItems,
@@ -1002,29 +1002,38 @@ function RoadmapView({
   const qs = listParams.toString();
   const url = qs ? `${endpoint}?${qs}` : endpoint;
   const initialData = _react.useMemo.call(void 0, () => initialItems ? { items: initialItems } : void 0, [initialItems]);
-  const { data, setData, isLoading, error, reload } = _chunkB27XV2TCcjs.useSelfFetch.call(void 0, url, { initialData });
+  const { data, setData, isLoading, error, reload } = _chunkB27XV2TCcjs.useSelfFetch.call(void 0, url, {
+    initialData
+  });
   const items = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _20 => _20.items]), () => ( []));
   _chunkVUWPLQBYcjs.useScrollToHash.call(void 0, data, { headerOffset: _chunkCSJO7ZGNcjs.STICKY_HEADER_OFFSET_PX });
+  const syncInPage = _chunkECHJO4NIcjs.usePageDataSync.call(void 0, _optionalChain([data, 'optionalAccess', _21 => _21.sync]), isLoading && !data);
   if (error) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk57JA37HPcjs.LoadError, { message: "Failed to load roadmap.", onRetry: reload });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5THYJU3Gcjs.LoadError, { message: "Failed to load roadmap.", onRetry: reload });
   }
   if (isLoading && !data) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RoadmapGridSkeleton, { showLeftMargin });
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: SYNCED_LIST_CLASS, children: [
+      !syncInPage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5THYJU3Gcjs.DataSyncLine, { loading: true }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RoadmapGridSkeleton, { showLeftMargin })
+    ] });
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    RoadmapGrid,
-    {
-      items,
-      showLeftMargin,
-      buildRefreshUrl,
-      votingOptions,
-      groupByQuarter: true,
-      hasActiveFilters: search !== "" || status !== "all",
-      onItemUpdate: (updated) => setData(
-        (prev) => prev ? { ...prev, items: (_nullishCoalesce(prev.items, () => ( []))).map((it) => it.id === updated.id ? updated : it) } : prev
-      )
-    }
-  );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: SYNCED_LIST_CLASS, children: [
+    !syncInPage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5THYJU3Gcjs.DataSyncLine, { sync: _optionalChain([data, 'optionalAccess', _22 => _22.sync]) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      RoadmapGrid,
+      {
+        items,
+        showLeftMargin,
+        buildRefreshUrl,
+        votingOptions,
+        groupByQuarter: true,
+        hasActiveFilters: search !== "" || status !== "all",
+        onItemUpdate: (updated) => setData(
+          (prev) => prev ? { ...prev, items: (_nullishCoalesce(prev.items, () => ( []))).map((it) => it.id === updated.id ? updated : it) } : prev
+        )
+      }
+    )
+  ] });
 }
 
 // src/components/shared/delivery/delivery-table.tsx
@@ -1059,7 +1068,7 @@ function DeliveryTable({ items, isLoading = false }) {
     // → `#delivery-<external_id>`; `useScrollToHash` in
     // `delivery-lists.tsx` finds the row by id and scrolls. The
     // outer wrapper here ONLY exists for the row separators.
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-b border-ods-border last:border-b-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4YL4Y3BVcjs.DeliveryRow, { item, id: _chunkQKFJ6ORKcjs.devSectionAnchorId.call(void 0, "delivery", item.id) }) }, item.id)
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-b border-ods-border last:border-b-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkECHJO4NIcjs.DeliveryRow, { item, id: _chunk3C4U4UW6cjs.devSectionAnchorId.call(void 0, "delivery", item.id) }) }, item.id)
   )) }) });
 }
 
@@ -1068,8 +1077,8 @@ function DeliveryTable({ items, isLoading = false }) {
 
 var DEFAULT_COMPLETED_ENDPOINT = "/api/delivery/completed";
 var DEFAULT_IN_PROGRESS_ENDPOINT = "/api/delivery/in-progress";
-var DEFAULT_SEARCH_PARAM_KEY3 = _chunkQKFJ6ORKcjs.DEV_SECTION_PARAM_KEYS.search;
-var DEFAULT_TASK_TYPE_PARAM_KEY = _chunkQKFJ6ORKcjs.DEV_SECTION_PARAM_KEYS.deliveryTaskType;
+var DEFAULT_SEARCH_PARAM_KEY3 = _chunk3C4U4UW6cjs.DEV_SECTION_PARAM_KEYS.search;
+var DEFAULT_TASK_TYPE_PARAM_KEY = _chunk3C4U4UW6cjs.DEV_SECTION_PARAM_KEYS.deliveryTaskType;
 function DeliveryLists({
   completedApiEndpoint = DEFAULT_COMPLETED_ENDPOINT,
   inProgressApiEndpoint = DEFAULT_IN_PROGRESS_ENDPOINT,
@@ -1082,6 +1091,7 @@ function DeliveryLists({
   const [data, setData] = _react.useState.call(void 0, null);
   const [isLoading, setIsLoading] = _react.useState.call(void 0, true);
   const [error, setError] = _react.useState.call(void 0, null);
+  const [sync, setSync] = _react.useState.call(void 0, null);
   const searchQuery = searchParams.get(searchParamKey) || "";
   const taskTypeFilter = searchParams.get(taskTypeParamKey) || "all";
   _react.useEffect.call(void 0, () => {
@@ -1115,6 +1125,7 @@ function DeliveryLists({
           completed: _nullishCoalesce(completedResult.items, () => ( [])),
           inProgress: _nullishCoalesce(inProgressResult.items, () => ( []))
         });
+        setSync(_nullishCoalesce(_nullishCoalesce(completedResult.sync, () => ( inProgressResult.sync)), () => ( null)));
       } catch (err) {
         if (cancelled) return;
         console.error("Error fetching delivery items:", err);
@@ -1128,19 +1139,21 @@ function DeliveryLists({
       cancelled = true;
     };
   }, [searchQuery, taskTypeFilter, completedApiEndpoint, inProgressApiEndpoint, searchParamKey, taskTypeParamKey]);
-  const filteredCompleted = _optionalChain([data, 'optionalAccess', _21 => _21.completed]) || [];
-  const filteredInProgress = _optionalChain([data, 'optionalAccess', _22 => _22.inProgress]) || [];
+  const filteredCompleted = _optionalChain([data, 'optionalAccess', _23 => _23.completed]) || [];
+  const filteredInProgress = _optionalChain([data, 'optionalAccess', _24 => _24.inProgress]) || [];
   _chunkVUWPLQBYcjs.useScrollToHash.call(void 0, data, { headerOffset: _chunkCSJO7ZGNcjs.STICKY_HEADER_OFFSET_PX });
+  const syncInPage = _chunkECHJO4NIcjs.usePageDataSync.call(void 0, sync, isLoading && !data);
   const showCompleted = true;
   const showInProgress = true;
   const hasActiveFilters = searchQuery !== "" || taskTypeFilter !== "all";
   const hasResults = showCompleted && filteredCompleted.length > 0 || showInProgress && filteredInProgress.length > 0;
   if (error) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk57JA37HPcjs.LoadError, { message: error, onRetry: () => window.location.reload() }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5THYJU3Gcjs.LoadError, { message: error, onRetry: () => window.location.reload() }) });
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-[40px]", children: [
+    !syncInPage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5THYJU3Gcjs.DataSyncLine, { sync, loading: isLoading && !data }),
     !isLoading && !hasResults && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk4YL4Y3BVcjs.ListEmptyState,
+      _chunkECHJO4NIcjs.ListEmptyState,
       {
         isFiltered: hasActiveFilters,
         filtered: {
@@ -1355,8 +1368,8 @@ function useLegalDocuments(options = {}) {
 
 function legalDocumentStampLabel(doc) {
   const parts = [
-    _optionalChain([doc, 'optionalAccess', _23 => _23.version]) ? `Version ${doc.version}` : null,
-    _optionalChain([doc, 'optionalAccess', _24 => _24.effectiveDate]) ? `Effective ${doc.effectiveDate}` : null
+    _optionalChain([doc, 'optionalAccess', _25 => _25.version]) ? `Version ${doc.version}` : null,
+    _optionalChain([doc, 'optionalAccess', _26 => _26.effectiveDate]) ? `Effective ${doc.effectiveDate}` : null
   ].filter((part) => part !== null);
   return parts.length > 0 ? parts.join(" \xB7 ") : null;
 }
@@ -1369,9 +1382,8 @@ function LegalDocumentPage({
   errorTitle: errorTitleProp,
   emptyStateMessage: emptyStateMessageProp,
   initialData = null,
-  initialLastUpdatedLabel = null,
   apiEndpoint,
-  MarkdownRenderer = _chunk57JA37HPcjs.RichMarkdownRenderer,
+  MarkdownRenderer = _chunk5THYJU3Gcjs.RichMarkdownRenderer,
   documentsEndpoint,
   backButton,
   faq,
@@ -1380,24 +1392,19 @@ function LegalDocumentPage({
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
   const { data, isLoading, error } = useLegalDocs(docType, { initialData, apiEndpoint });
   const backCfg = backButton === false ? void 0 : {
-    label: _nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _25 => _25.label]), () => ( "Back to home")),
-    onClick: () => router.push(_nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _26 => _26.href]), () => ( "/")))
+    label: _nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _27 => _27.label]), () => ( "Back to home")),
+    onClick: () => router.push(_nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _28 => _28.href]), () => ( "/")))
   };
   const { documents } = useLegalDocuments({ apiEndpoint: documentsEndpoint, enabled: Boolean(documentsEndpoint) });
   const listed = documents.find((doc) => doc.docType === docType);
-  const title = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(titleProp, () => ( _optionalChain([data, 'optionalAccess', _27 => _27.title]))), () => ( _optionalChain([listed, 'optionalAccess', _28 => _28.title]))), () => ( "Legal document"));
-  const faqTopic = faq && "topic" in faq ? faq.topic : _optionalChain([listed, 'optionalAccess', _29 => _29.faqTopic]);
+  const title = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(titleProp, () => ( _optionalChain([data, 'optionalAccess', _29 => _29.title]))), () => ( _optionalChain([listed, 'optionalAccess', _30 => _30.title]))), () => ( "Legal document"));
+  const faqTopic = faq && "topic" in faq ? faq.topic : _optionalChain([listed, 'optionalAccess', _31 => _31.faqTopic]);
   const faqSlot = faq && faqTopic ? { ...faq, topic: faqTopic } : null;
   const errorTitle = _nullishCoalesce(errorTitleProp, () => ( `Unable to load ${title}`));
   const emptyStateMessage = _nullishCoalesce(emptyStateMessageProp, () => ( `${title} is not available at this time.`));
-  const fallbackLastUpdatedLabel = _optionalChain([data, 'optionalAccess', _30 => _30.lastSynced]) != null ? _chunkJHQNUWFMcjs.formatLegalDate.call(void 0, data.lastSynced) : null;
-  const effectiveLastUpdatedLabel = _nullishCoalesce(initialLastUpdatedLabel, () => ( fallbackLastUpdatedLabel));
-  const subtitle = _nullishCoalesce(legalDocumentStampLabel(data), () => ( (effectiveLastUpdatedLabel ? `Last Updated: ${effectiveLastUpdatedLabel}` : fallbackDescription)));
+  const subtitle = _nullishCoalesce(legalDocumentStampLabel(data), () => ( fallbackDescription));
   const inner = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkAXBVN5SWcjs.PageLayout, { title, subtitle, backButton: backCfg, titleSize: "h1", titleWrap: true, children: [
-    _optionalChain([data, 'optionalAccess', _31 => _31.sourceFile]) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "text-ods-text-secondary opacity-75 text-h6", children: [
-      "Source: ",
-      data.sourceFile
-    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5THYJU3Gcjs.DataSyncLine, { sync: data ? { source: "github", syncedAt: data.lastSynced } : null, loading: isLoading && !data }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-1 flex-col items-start gap-6 lg:flex-row lg:gap-10", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "article", { className: "space-y-2", children: isLoading ? (
       // Loading skeleton matching Knowledge Hub pattern
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-6", children: [
@@ -1432,9 +1439,9 @@ function LegalDocumentPage({
         "for more information."
       ] })
     ] }) }) }) }) }),
-    faqSlot && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKFUC2XF7cjs.FaqSection, { ..._chunkKFUC2XF7cjs.pageFaqProps.call(void 0, faqSlot) })
+    faqSlot && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRPADJ2E6cjs.FaqSection, { ..._chunkRPADJ2E6cjs.pageFaqProps.call(void 0, faqSlot) })
   ] });
-  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk57JA37HPcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
+  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5THYJU3Gcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
 }