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

package/dist/{chunk-ORC3ZKHT.cjs → chunk-ECHJO4NI.cjs}

@@ -1,4 +1,4 @@
-"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');
@@ -14,7 +14,8 @@ var _chunkHEVW75L3cjs = require('./chunk-HEVW75L3.cjs');
 
 
 
-var _chunk7RADSQJFcjs = require('./chunk-7RADSQJF.cjs');
+
+var _chunk5THYJU3Gcjs = require('./chunk-5THYJU3G.cjs');
 
 
 var _chunkAXBVN5SWcjs = require('./chunk-AXBVN5SW.cjs');
@@ -29,6 +30,7 @@ var _chunk7DNL734Scjs = require('./chunk-7DNL734S.cjs');
 
 
 
+
 var _chunk7Z4EQOIXcjs = require('./chunk-7Z4EQOIX.cjs');
 
 
@@ -80,7 +82,37 @@ 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 }) {
+// 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, );
@@ -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, 
-        _chunk7RADSQJFcjs.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, 
-        _chunk7RADSQJFcjs.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
@@ -194,7 +217,7 @@ function DevSectionPage({
       }
     )
   );
-  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7RADSQJFcjs.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-CT3UDNAV.cjs → chunk-GU3M4YF3.cjs}

@@ -5,7 +5,8 @@ var _chunkWBOHLXFCcjs = require('./chunk-WBOHLXFC.cjs');
 
 
 
-var _chunkORC3ZKHTcjs = require('./chunk-ORC3ZKHT.cjs');
+
+var _chunkECHJO4NIcjs = require('./chunk-ECHJO4NI.cjs');
 
 
 var _chunk5E6JHOGXcjs = require('./chunk-5E6JHOGX.cjs');
@@ -27,7 +28,8 @@ var _chunkVUSXDMCEcjs = require('./chunk-VUSXDMCE.cjs');
 
 
 
-var _chunk7RADSQJFcjs = require('./chunk-7RADSQJF.cjs');
+
+var _chunk5THYJU3Gcjs = require('./chunk-5THYJU3G.cjs');
 
 
 var _chunkAXBVN5SWcjs = require('./chunk-AXBVN5SW.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');
 
@@ -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, _chunk7RADSQJFcjs.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, 
-    _chunkORC3ZKHTcjs.ListEmptyState,
+    _chunkECHJO4NIcjs.ListEmptyState,
     {
       isFiltered: hasActiveFilters,
       filtered: {
@@ -289,7 +288,7 @@ function MediaGalleryStrip({ items, className }) {
 var _lucidereact = require('lucide-react');
 
 
-var DefaultMarkdownRenderer = _chunk7RADSQJFcjs.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, _chunk7RADSQJFcjs.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, _chunk7RADSQJFcjs.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, 
-              _chunk7RADSQJFcjs.ReleaseChangelogSection,
+              _chunk5THYJU3Gcjs.ReleaseChangelogSection,
               {
                 title: "Breaking Changes",
                 entries: breakingChanges || [],
@@ -488,7 +487,7 @@ function ReleaseDetailPage({
               }
             ),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk7RADSQJFcjs.ReleaseChangelogSection,
+              _chunk5THYJU3Gcjs.ReleaseChangelogSection,
               {
                 title: "Features Added",
                 entries: featuresAdded || [],
@@ -498,7 +497,7 @@ function ReleaseDetailPage({
               }
             ),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk7RADSQJFcjs.ReleaseChangelogSection,
+              _chunk5THYJU3Gcjs.ReleaseChangelogSection,
               {
                 title: "Bugs Fixed",
                 entries: bugFixed || [],
@@ -508,7 +507,7 @@ function ReleaseDetailPage({
               }
             ),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk7RADSQJFcjs.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, _chunk7RADSQJFcjs.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: [
@@ -898,7 +897,7 @@ function RoadmapGrid({
     );
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk7RADSQJFcjs.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, 
-          _chunk7RADSQJFcjs.AccordionItem,
+          _chunk5THYJU3Gcjs.AccordionItem,
           {
             value: quarter,
             id: `quarter-${quarter.replace(/\s+/g, "-").toLowerCase()}`,
             className: "border-0",
             children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7RADSQJFcjs.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, _chunk7RADSQJFcjs.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,6 +981,7 @@ function RoadmapGridSkeleton({ region = true, count = 4, showLeftMargin = true }
 
 
 var DEFAULT_ENDPOINT3 = "/api/roadmap";
+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({
@@ -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, _chunk7RADSQJFcjs.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, _chunkORC3ZKHTcjs.DeliveryRow, { item, id: _chunk3C4U4UW6cjs.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)
   )) }) });
 }
 
@@ -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, _chunk7RADSQJFcjs.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, 
-      _chunkORC3ZKHTcjs.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 = _chunk7RADSQJFcjs.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: [
@@ -1434,7 +1441,7 @@ function LegalDocumentPage({
     ] }) }) }) }) }),
     faqSlot && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRPADJ2E6cjs.FaqSection, { ..._chunkRPADJ2E6cjs.pageFaqProps.call(void 0, faqSlot) })
   ] });
-  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7RADSQJFcjs.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 });
 }
 
 

package/dist/{chunk-VD4HVLXG.cjs → chunk-IQFXJSAH.cjs}

@@ -12,7 +12,7 @@ var _chunkWSRMYHIVcjs = require('./chunk-WSRMYHIV.cjs');
 
 
 
-var _chunk7RADSQJFcjs = require('./chunk-7RADSQJF.cjs');
+var _chunk5THYJU3Gcjs = require('./chunk-5THYJU3G.cjs');
 
 
 var _chunkNTGIQP7Ocjs = require('./chunk-NTGIQP7O.cjs');
@@ -184,7 +184,7 @@ function NavItemRow({
   className
 }) {
   const label = navLinkLabel(link);
-  const counter = badge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7RADSQJFcjs.UnreadCountBadge, { count: badge, className: "static shrink-0" }) : null;
+  const counter = badge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5THYJU3Gcjs.UnreadCountBadge, { count: badge, className: "static shrink-0" }) : null;
   const singleLine = !link.description && !link.builtOn;
   const rowClassName = _chunk3ATAYP36cjs.cn.call(void 0, 
     ROW_CLASSES[variant],
@@ -572,7 +572,7 @@ function SiteHeader({
             leading: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
               leading,
               mobile && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunk7RADSQJFcjs.HeaderButton,
+                _chunk5THYJU3Gcjs.HeaderButton,
                 {
                   className: "border-r border-ods-border lg:hidden",
                   onClick: mobile.onToggle,
@@ -878,7 +878,7 @@ function SiteFooter({
   const columns = nav.footerColumns;
   const accordion = columns.length > ACCORDION_OVER;
   const socialRow = _nullishCoalesce(social, () => ( (nav.brand.social.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk7RADSQJFcjs.SocialIconRow,
+    _chunk5THYJU3Gcjs.SocialIconRow,
     {
       compact: true,
       links: nav.brand.social.map((link) => ({
@@ -1254,7 +1254,7 @@ var NavigationSidebarItemButton = _react.memo.call(void 0, function NavigationSi
       _react.cloneElement.call(void 0, item.icon, {
         color: isActive && !disabled ? "text-ods-accent" : "text-ods-text-secondary"
       }),
-      hasUnread && !showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7RADSQJFcjs.UnreadDot, { size: "fixed" })
+      hasUnread && !showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5THYJU3Gcjs.UnreadDot, { size: "fixed" })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "span",
@@ -1681,7 +1681,7 @@ function TicketAlertsButton({ href, onNavigate, disabled, className }) {
     else window.location.assign(target);
   };
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk7RADSQJFcjs.HeaderButton,
+    _chunk5THYJU3Gcjs.HeaderButton,
     {
       icon: (
         // Glyph inherits HeaderButton's standard cell coloring (secondary at
@@ -1691,7 +1691,7 @@ function TicketAlertsButton({ href, onNavigate, disabled, className }) {
         // existing while updates are unread — never by tinting the glyph.
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "relative inline-flex", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk365ZKGGOcjs.LifeBuoyIcon, { className: "h-6 w-6" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7RADSQJFcjs.UnreadCountBadge, { count: live.unreadTotal })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5THYJU3Gcjs.UnreadCountBadge, { count: live.unreadTotal })
         ] })
       ),
       "aria-label": `Support tickets \u2014 ${live.unreadTotal} unread ${live.unreadTotal === 1 ? "update" : "updates"}`,
@@ -1767,7 +1767,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
       leading: (
         // Mobile: Burger Menu Button
         !isMdUp && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk7RADSQJFcjs.HeaderButton,
+          _chunk5THYJU3Gcjs.HeaderButton,
           {
             onClick: onToggleMobileMenu,
             isActive: isMobileMenuOpen,
@@ -1793,7 +1793,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
       center: showSearch ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HeaderGlobalSearch, { onSubmit: onSearch, className: _chunk3ATAYP36cjs.cn.call(void 0, "w-full", dimmedClass) }) : void 0,
       sideActions: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         showSearch && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk7RADSQJFcjs.HeaderButton,
+          _chunk5THYJU3Gcjs.HeaderButton,
           {
             icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZ74QE57Tcjs.SearchIcon, { className: "h-6 w-6" }),
             "aria-label": "Search",
@@ -1810,7 +1810,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
             className: _chunk3ATAYP36cjs.cn.call(void 0, "hidden lg:flex", dimmedClass)
           }
         ),
-        showTimeTracker && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7RADSQJFcjs.TimeTrackerHeaderButton, { disabled, className: _chunk3ATAYP36cjs.cn.call(void 0, cellDivider, dimmedClass) }),
+        showTimeTracker && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5THYJU3Gcjs.TimeTrackerHeaderButton, { disabled, className: _chunk3ATAYP36cjs.cn.call(void 0, cellDivider, dimmedClass) }),
         showNotifications && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           NotificationsHeaderButton,
           {
@@ -1830,7 +1830,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
         ),
         isMdUp && showUser && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkAKK3EO37cjs.DropdownMenu, { children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAKK3EO37cjs.DropdownMenuTrigger, { asChild: true, disabled, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk7RADSQJFcjs.HeaderButton,
+            _chunk5THYJU3Gcjs.HeaderButton,
             {
               icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 _chunkJHQNUWFMcjs.SquareAvatar,
@@ -1915,12 +1915,12 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
   );
 });
 function NotificationsHeaderButton({ fallbackUnreadCount, disabled, dimmedClass }) {
-  const ctx = _chunk7RADSQJFcjs.useOptionalNotifications.call(void 0, );
+  const ctx = _chunk5THYJU3Gcjs.useOptionalNotifications.call(void 0, );
   const hasUnread = (_nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _52 => _52.unreadCount]), () => ( fallbackUnreadCount))) > 0;
   const isActive = _nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _53 => _53.isOpen]), () => ( false));
   const onClick = _optionalChain([ctx, 'optionalAccess', _54 => _54.toggle]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk7RADSQJFcjs.HeaderButton,
+    _chunk5THYJU3Gcjs.HeaderButton,
     {
       icon: isActive ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWWUSFOJ7cjs.XmarkIcon, { className: "h-6 w-6" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCON36SEJcjs.BellIcon, { className: "h-6 w-6" }),
       showUnreadDot: !isActive && hasUnread,
@@ -2593,7 +2593,7 @@ function AppLayout({
     }),
     []
   );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7RADSQJFcjs.AppLayoutDrawerContainerContext.Provider, { value: drawerContainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7RADSQJFcjs.AppLayoutDrawerCoordinationContext.Provider, { value: drawerCoordination, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex h-screen flex-col bg-ods-bg", className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5THYJU3Gcjs.AppLayoutDrawerContainerContext.Provider, { value: drawerContainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5THYJU3Gcjs.AppLayoutDrawerCoordinationContext.Provider, { value: drawerCoordination, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex h-screen flex-col bg-ods-bg", className), children: [
     topBar,
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative flex min-h-0 flex-1", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NavigationSidebar, { config: sidebarConfig, disabled, pushOnTablet: hasSidePanel }),
@@ -2617,7 +2617,7 @@ function AppLayout({
             disabled
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7RADSQJFcjs.NotificationDrawer, {}),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5THYJU3Gcjs.NotificationDrawer, {}),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           "div",
           {