npm - @flamingo-stack/openframe-frontend-core - Versions diffs - 0.0.217 → 0.0.218-snapshot.20260602043552 - Mend

@flamingo-stack/openframe-frontend-core 0.0.217 → 0.0.218-snapshot.20260602043552

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4397) hide show

package/dist/components/index.js CHANGED Viewed

@@ -6,22 +6,24 @@ import {
   UnifiedPagination,
   init_unified_pagination,
   unified_pagination_exports
-} from "../chunk-L6IBKPVM.js";
+} from "../chunk-XQMYWXHI.js";
 import {
+  DetailPageSkeleton,
   DocSearchBar,
   DocSearchResultRow,
   formatRelativePath,
   mapDocSearchResults,
   resolveSearchResultAction,
-  useDocSearch
-} from "../chunk-SWZUZYWR.js";
+  useDocSearch,
+  useSelfFetch
+} from "../chunk-VRHXAR7B.js";
 import {
   DevCardRowContent,
   DevCardRowSkeleton,
   DevCardRowSkeletonList,
   DevSectionPage,
   DevSectionView
-} from "../chunk-N5IKPYRL.js";
+} from "../chunk-XGL57EUT.js";
 import "../chunk-ORJREQ2W.js";
 import {
   AIEnrichButton,
@@ -58,6 +60,15 @@ import {
   AllowedDomainsInput,
   AppHeader,
   AppLayout,
+  AppLayoutDrawerBody,
+  AppLayoutDrawerClose,
+  AppLayoutDrawerContent,
+  AppLayoutDrawerDescription,
+  AppLayoutDrawerFooter,
+  AppLayoutDrawerHeader,
+  AppLayoutDrawerRoot,
+  AppLayoutDrawerTitle,
+  AppLayoutDrawerTrigger,
   ApprovalBatchMessage,
   ApprovalRequestMessage,
   ArgRow,
@@ -133,6 +144,7 @@ import {
   ChatContent,
   ChatFooter,
   ChatHeader,
+  ChatIdentityProvider,
   ChatInput,
   ChatMessageList,
   ChatMessageRow,
@@ -164,6 +176,7 @@ import {
   CveLink,
   DEFAULT_DOCUMENT_TYPE_TO_TABLE_ID,
   DEFAULT_THEME,
+  DEV_SECTION_PARAM_KEYS,
   DashboardInfoCard,
   DataRoomDocCard,
   DataRoomDocCardSkeleton,
@@ -242,6 +255,7 @@ import {
   Header,
   HeaderButton,
   HeaderGlobalSearch,
+  HeaderMingoButton,
   HeaderOrganizationFilter,
   HeaderSkeleton,
   HiddenTagsPopup,
@@ -348,9 +362,11 @@ import {
   OnboardingWalkthrough,
   OpenmspLogo as OpenmspLogo2,
   OrganizationCard,
+  PAGE_HEADING_CLASS,
   PageActions,
   PageContainer,
   PageError,
+  PageHeading,
   PageLayout,
   PageLoader,
   PageShell,
@@ -511,6 +527,7 @@ import {
   buildChatRefKey,
   buildDiscussAddendum,
   buildNatsWsUrl,
+  buildProductReleaseCardProps,
   chatChipClass,
   clearEmbedProxyAuth,
   clickupTaskUrl,
@@ -519,11 +536,14 @@ import {
   createColumnHelper,
   createMessageSegmentAccumulator,
   decideNewTab,
+  defaultBuildProductReleaseCardProps,
   defaultTableIdForDocumentType,
   deriveColumns,
   detectAspectRatio,
   embedAuthedFetch,
   escapeMarkdownInline,
+  executeNavigation,
+  executeNavigationImperative,
   exportToCSV,
   extractEntityIdFilter,
   extractErrorMessages,
@@ -589,6 +609,7 @@ import {
   ratioToCategory,
   remarkCardLinks,
   renderChatInlineEntityCard,
+  resolveContentHref,
   resolveExternalNavigation,
   resolveSourceIcon,
   resolveSourceRowCTA,
@@ -605,6 +626,7 @@ import {
   transformEventToProgram,
   transformPodcastToProgram,
   transformWebinarToProgram,
+  useAppLayoutDrawerContainer,
   useBoardCollapse,
   useChat,
   useChatAttachmentImageGallery,
@@ -617,6 +639,7 @@ import {
   useDataTable,
   useDataTableContext,
   useDynamicTheme,
+  useEntityCardLink,
   useFiltersDropdown,
   useJetStreamDialogSubscription,
   useLoading,
@@ -636,7 +659,7 @@ import {
   useUnifiedChat,
   useVideoOriginPreconnect,
   useVideoWarmup
-} from "../chunk-ENBGG2K2.js";
+} from "../chunk-IUMLQIPW.js";
 import {
   next_image_default
 } from "../chunk-LXC6P2EO.js";
@@ -672,7 +695,7 @@ import {
   SplitButton,
   buttonVariants,
   init_button2 as init_button
-} from "../chunk-UEBM4PC4.js";
+} from "../chunk-AWMMB7XM.js";
 import {
   init_next_link,
   next_link_default
@@ -687,7 +710,7 @@ import {
   showToast,
   useOnboardingState,
   useToast
-} from "../chunk-LCLTCCXS.js";
+} from "../chunk-24Q2WLIU.js";
 import {
   init_next_navigation,
   usePathname,
@@ -845,12 +868,12 @@ import {
   YouTubeIcon,
   getDeviceTypeIcon,
   renderSvgIcon
-} from "../chunk-QY75VKAS.js";
+} from "../chunk-Z46NRJWW.js";
 import {
   cn,
   getBaseUrl,
   init_cn
-} from "../chunk-KSOOKNBG.js";
+} from "../chunk-YICWWZ3Z.js";
 import {
   PlayIcon
 } from "../chunk-EDW2NVRV.js";
@@ -858,7 +881,7 @@ import "../chunk-6U3IUD57.js";
 import "../chunk-W72U7OU7.js";
 import {
   useChatRuntime
-} from "../chunk-RFONYT63.js";
+} from "../chunk-4YKGXZ7W.js";
 import {
   useEndpointsRuntime
 } from "../chunk-MJNXIEV2.js";
@@ -2570,12 +2593,7 @@ function FooterWaitlistButton({ className }) {
   const router = useRouter();
   const runtime = useChatRuntime();
   const handleClick = useCallback2(() => {
-    const href = "/waitlist#top";
-    if (runtime?.navigation?.navigate) {
-      const handled = runtime.navigation.navigate({ href });
-      if (handled) return;
-    }
-    router.push(href);
+    executeNavigationImperative({ runtime, href: "/waitlist#top", fallbackNavigate: router.push });
   }, [router, runtime]);
   return /* @__PURE__ */ jsx17(
     Button,
@@ -5688,53 +5706,144 @@ function DateTimePicker({
   ] });
 }
-// src/components/shared/product-release/release-detail-page.tsx
-init_next_link();
-init_next_navigation();
-import { useState as useState8, useEffect as useEffect7 } from "react";
-import { AlertTriangle, ExternalLink, BookMarked, Sparkles as Sparkles2, TrendingUp, Wrench } from "lucide-react";
-// src/components/shared/detail-page-skeleton.tsx
-import { jsx as jsx52, jsxs as jsxs42 } from "react/jsx-runtime";
-function DetailPageSkeleton({
-  metadataColumns = 4,
-  showImageGallery = true
-} = {}) {
+// src/components/shared/product-release/product-releases-view.tsx
+init_cn();
+import { Fragment as Fragment9, jsx as jsx52, jsxs as jsxs42 } from "react/jsx-runtime";
+var DEFAULT_ENDPOINT = "/api/releases";
+var DEFAULT_SEARCH_PARAM_KEY = DEV_SECTION_PARAM_KEYS.search;
+var DEFAULT_STATUS_PARAM_KEY = DEV_SECTION_PARAM_KEYS.releaseStatus;
+var DEFAULT_PAGE_PARAM_KEY = "page";
+function ReleaseRow({
+  release,
+  basePath,
+  buildCardProps
+}) {
+  const runtime = useChatRuntime();
+  const router = useRouter();
+  const cta = resolveContentHref(runtime?.composeContentUrl, {
+    type: "product_release",
+    slug: release.slug,
+    basePath,
+    platforms: release.product_release_platforms
+  });
+  const { target, rel } = useEntityCardLink({ href: cta.href, targetPlatform: cta.targetPlatform });
+  const onClick = (e) => {
+    if (e.defaultPrevented || isModifierClick(e) || target === "_blank") return;
+    e.preventDefault();
+    executeNavigationImperative({
+      runtime,
+      href: cta.href,
+      targetPlatform: cta.targetPlatform,
+      fallbackNavigate: router.push
+    });
+  };
   return /* @__PURE__ */ jsx52(
-    PageContainer,
+    ProductReleaseCard,
     {
-      as: "article",
-      backgroundClassName: "bg-ods-bg",
-      contentPadding: "py-6 md:py-10 px-6 md:px-20",
-      maxWidth: "max-w-[1280px]",
-      children: /* @__PURE__ */ jsxs42("div", { className: "space-y-6 md:space-y-10 animate-pulse", children: [
-        /* @__PURE__ */ jsx52("div", { className: "flex flex-col gap-6 w-full", children: /* @__PURE__ */ jsx52("div", { className: "h-16 md:h-20 w-full max-w-3xl bg-ods-card rounded" }) }),
-        /* @__PURE__ */ jsxs42("div", { className: "flex flex-wrap gap-2 w-full", children: [
-          /* @__PURE__ */ jsx52("div", { className: "h-8 w-32 bg-ods-card rounded" }),
-          /* @__PURE__ */ jsx52("div", { className: "h-8 w-28 bg-ods-card rounded" }),
-          /* @__PURE__ */ jsx52("div", { className: "h-8 w-36 bg-ods-card rounded" })
-        ] }),
-        /* @__PURE__ */ jsx52("div", { className: `grid grid-cols-1 md:grid-cols-${metadataColumns} border border-ods-border rounded-md overflow-hidden w-full`, children: Array.from({ length: metadataColumns }).map((_, i) => /* @__PURE__ */ jsxs42("div", { className: "bg-ods-card border-b md:border-b-0 md:border-r last:border-r-0 border-ods-border p-4", children: [
-          /* @__PURE__ */ jsx52("div", { className: "h-6 w-24 bg-ods-border rounded mb-2" }),
-          /* @__PURE__ */ jsx52("div", { className: "h-5 w-20 bg-ods-border rounded" })
-        ] }, i)) }),
-        showImageGallery && /* @__PURE__ */ jsx52("div", { className: "flex gap-6 overflow-x-auto w-full", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsx52("div", { className: "shrink-0 w-[240px] h-[200px] bg-ods-card rounded-md border border-ods-border" }, i)) }),
-        !showImageGallery && /* @__PURE__ */ jsx52("div", { className: "aspect-[2560/1366] w-full bg-ods-card rounded-md" }),
-        [1, 2, 3].map((section) => /* @__PURE__ */ jsxs42("div", { className: "space-y-6", children: [
-          /* @__PURE__ */ jsx52("div", { className: "h-16 w-64 bg-ods-card rounded" }),
-          /* @__PURE__ */ jsxs42("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ jsx52("div", { className: "h-6 w-full bg-ods-card rounded" }),
-            /* @__PURE__ */ jsx52("div", { className: "h-6 w-full bg-ods-card rounded" }),
-            /* @__PURE__ */ jsx52("div", { className: "h-6 w-4/5 bg-ods-card rounded" })
-          ] })
-        ] }, section))
-      ] })
+      size: "lg",
+      title: release.title,
+      summary: release.summary,
+      version: release.version,
+      ...buildCardProps(release),
+      anchorProps: { href: cta.href, target, rel, onClick }
     }
   );
 }
+function ProductReleasesView({
+  endpoint = DEFAULT_ENDPOINT,
+  initialData,
+  itemsPerPage = 5,
+  basePath = "/releases",
+  buildCardProps = buildProductReleaseCardProps,
+  searchParamKey = DEFAULT_SEARCH_PARAM_KEY,
+  statusParamKey = DEFAULT_STATUS_PARAM_KEY,
+  pageParamKey = DEFAULT_PAGE_PARAM_KEY,
+  className
+} = {}) {
+  const searchParams = useSearchParams();
+  const router = useRouter();
+  const pathname = usePathname();
+  const search = searchParams.get(searchParamKey) || "";
+  const status = searchParams.get(statusParamKey) || "all";
+  const currentPage = Math.max(1, parseInt(searchParams.get(pageParamKey) || "1", 10) || 1);
+  const offset = (currentPage - 1) * itemsPerPage;
+  const listParams = new URLSearchParams({ limit: String(itemsPerPage), offset: String(offset) });
+  if (search) listParams.set(searchParamKey, search);
+  if (status && status !== "all") listParams.set(statusParamKey, status);
+  const { data, isLoading, error, reload } = useSelfFetch(
+    `${endpoint}?${listParams.toString()}`,
+    { initialData }
+  );
+  const releases = data?.data ?? [];
+  const totalCount = data?.count ?? 0;
+  const totalPages = Math.ceil(totalCount / itemsPerPage);
+  const hasActiveFilters = search !== "" || status !== "all";
+  const showEmpty = !isLoading && !error && releases.length === 0;
+  const goToPage = (page) => {
+    const params = new URLSearchParams(searchParams.toString());
+    params.set(pageParamKey, String(page));
+    router.replace(`${pathname}?${params.toString()}`, { scroll: false });
+  };
+  const resetFilters = () => {
+    const params = new URLSearchParams(searchParams.toString());
+    params.delete(searchParamKey);
+    params.delete(statusParamKey);
+    params.delete(pageParamKey);
+    router.replace(`${pathname}?${params.toString()}`, { scroll: false });
+  };
+  if (error) {
+    return /* @__PURE__ */ jsx52("div", { className: cn("w-full", className), children: /* @__PURE__ */ jsx52(LoadError, { message: "Failed to load releases.", onRetry: reload }) });
+  }
+  return /* @__PURE__ */ jsx52("div", { className: cn("w-full flex flex-col gap-[40px]", className), children: /* @__PURE__ */ jsx52("div", { className: "min-h-[600px]", children: showEmpty ? /* @__PURE__ */ jsx52("div", { className: "h-[600px] flex items-center justify-center", children: hasActiveFilters ? /* @__PURE__ */ jsx52(
+    EmptyState,
+    {
+      type: "search",
+      title: "No releases found",
+      description: "No releases match your current filters. Try adjusting your search or status filter.",
+      showCTA: true,
+      ctaText: "Reset Filters",
+      onCtaClick: resetFilters
+    }
+  ) : /* @__PURE__ */ jsx52(
+    EmptyState,
+    {
+      type: "generic",
+      title: "No releases available",
+      description: "Check back soon for product updates!",
+      showCTA: false
+    }
+  ) }) : /* @__PURE__ */ jsxs42(Fragment9, { children: [
+    /* @__PURE__ */ jsx52("div", { className: "flex flex-col gap-6", children: Array.from({ length: itemsPerPage }).map((_, i) => {
+      const release = releases[i];
+      const hasData = !!release;
+      return /* @__PURE__ */ jsx52(
+        "div",
+        {
+          style: { visibility: isLoading || hasData ? "visible" : "hidden" },
+          children: isLoading ? /* @__PURE__ */ jsx52(ProductReleaseCardSkeleton, { size: "lg" }) : release ? /* @__PURE__ */ jsx52(ReleaseRow, { release, basePath, buildCardProps }) : /* @__PURE__ */ jsx52(ProductReleaseCardSkeleton, { size: "lg" })
+        },
+        release?.id ?? `slot-${i}`
+      );
+    }) }),
+    /* @__PURE__ */ jsx52("div", { className: "mt-6 md:mt-8 flex justify-center", children: isLoading ? /* @__PURE__ */ jsx52("div", { className: "h-12 m-3 w-64" }) : releases.length > 0 && totalPages > 1 ? /* @__PURE__ */ jsx52(
+      PersistentPaginationWrapper,
+      {
+        isLoading: false,
+        currentPage,
+        totalPages,
+        onPageChange: goToPage,
+        variant: "blog"
+      }
+    ) : /* @__PURE__ */ jsx52("div", { className: "h-12 m-3 w-64", style: { visibility: "hidden" } }) })
+  ] }) }) });
+}
 // src/components/shared/product-release/release-detail-page.tsx
-import { Fragment as Fragment9, jsx as jsx53, jsxs as jsxs43 } from "react/jsx-runtime";
+init_next_link();
+init_next_navigation();
+import { useState as useState8, useEffect as useEffect7 } from "react";
+import { AlertTriangle, ExternalLink, BookMarked, Sparkles as Sparkles2, TrendingUp, Wrench } from "lucide-react";
+import { Fragment as Fragment10, jsx as jsx53, jsxs as jsxs43 } from "react/jsx-runtime";
 function DefaultMarkdownRenderer({ content }) {
   return /* @__PURE__ */ jsx53("div", { className: "whitespace-pre-wrap", children: content });
 }
@@ -5911,7 +6020,7 @@ function ReleaseDetailPage({
           srtContent: release?.srt_content,
           captionsUrl: release?.captionsUrl
         }
-      ) : /* @__PURE__ */ jsxs43(Fragment9, { children: [
+      ) : /* @__PURE__ */ jsxs43(Fragment10, { children: [
         youtubeUrl && /* @__PURE__ */ jsx53(
           Video,
           {
@@ -6026,7 +6135,7 @@ function ReleaseDetailPage({
       (githubReleases?.length || knowledgeBaseLinks?.length || migrationGuideUrl || documentationUrl) && /* @__PURE__ */ jsxs43("div", { className: "space-y-1 w-full", children: [
         /* @__PURE__ */ jsx53("p", { className: "text-h5 tracking-[-0.28px] text-ods-text-secondary", children: "Related Links" }),
         /* @__PURE__ */ jsx53(Card, { className: "bg-ods-card border-ods-border p-6", children: /* @__PURE__ */ jsxs43("div", { className: "space-y-4", children: [
-          githubReleases && githubReleases.length > 0 && /* @__PURE__ */ jsx53(Fragment9, { children: githubReleases.map((ghRelease) => /* @__PURE__ */ jsxs43("div", { className: "flex items-start gap-1", children: [
+          githubReleases && githubReleases.length > 0 && /* @__PURE__ */ jsx53(Fragment10, { children: githubReleases.map((ghRelease) => /* @__PURE__ */ jsxs43("div", { className: "flex items-start gap-1", children: [
             /* @__PURE__ */ jsx53(GitHubIcon, { className: "shrink-0", width: 24, height: 24, color: "var(--color-text-secondary)" }),
             /* @__PURE__ */ jsx53("span", { className: "text-h4 text-ods-text-primary", children: "Github Release" }),
             /* @__PURE__ */ jsx53(
@@ -6041,7 +6150,7 @@ function ReleaseDetailPage({
             ),
             /* @__PURE__ */ jsx53(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
           ] }, ghRelease.id)) }),
-          knowledgeBaseLinks && knowledgeBaseLinks.length > 0 && /* @__PURE__ */ jsx53(Fragment9, { children: knowledgeBaseLinks.map((linkObj) => {
+          knowledgeBaseLinks && knowledgeBaseLinks.length > 0 && /* @__PURE__ */ jsx53(Fragment10, { children: knowledgeBaseLinks.map((linkObj) => {
             const path = typeof linkObj === "string" ? linkObj : linkObj.kb_article_path;
             const linkId = typeof linkObj === "string" ? path : linkObj.id || path;
             return /* @__PURE__ */ jsxs43("div", { className: "flex items-start gap-1", children: [
@@ -6108,7 +6217,7 @@ function ReleaseDetailSkeleton() {
 }
 // src/components/shared/roadmap/roadmap-grid.tsx
-import { useState as useState10 } from "react";
+import { useEffect as useEffect9, useRef as useRef6, useState as useState10 } from "react";
 // src/components/shared/roadmap/use-roadmap-voting.ts
 import { useState as useState9, useEffect as useEffect8, useCallback as useCallback5 } from "react";
@@ -6210,14 +6319,76 @@ function useRoadmapVoting(options = {}) {
 }
 // src/components/shared/roadmap/roadmap-grid.tsx
-import { jsx as jsx55 } from "react/jsx-runtime";
+init_cn();
+import { jsx as jsx55, jsxs as jsxs44 } from "react/jsx-runtime";
 var DEFAULT_BUILD_REFRESH_URL = (taskId) => `/api/roadmap/${taskId}`;
+var BACKLOG = "Backlog";
+function getStatusPriority(status) {
+  const s = (status || "").toLowerCase();
+  if (s.includes("complete") || s.includes("done")) return 1;
+  if (s.includes("working") || s.includes("progress")) return 2;
+  if (s.includes("review")) return 3;
+  if (s.includes("to do") || s.includes("plan")) return 4;
+  return 5;
+}
+function parseQuarterString(q) {
+  const match = q.match(/Q(\d+)\s+(\d+)/);
+  if (!match) return null;
+  return { quarter: parseInt(match[1], 10), year: parseInt(match[2], 10) };
+}
+function compareQuarters(a, b) {
+  if (a.year !== b.year) return a.year - b.year;
+  return a.quarter - b.quarter;
+}
+function getCurrentQuarter() {
+  const now = /* @__PURE__ */ new Date();
+  return { quarter: Math.floor(now.getMonth() / 3) + 1, year: now.getFullYear() };
+}
+function computeDefaultExpandedQuarters(quarters, quartersToKeepClosed) {
+  const currentQ = getCurrentQuarter();
+  const out = [];
+  for (const q of quarters) {
+    if (q === BACKLOG) continue;
+    const parsed = parseQuarterString(q);
+    if (!parsed) continue;
+    const diff = compareQuarters(parsed, currentQ);
+    if (diff >= 0) {
+      out.push(q);
+    } else {
+      const quartersAgo = currentQ.year * 4 + currentQ.quarter - (parsed.year * 4 + parsed.quarter);
+      if (quartersAgo < quartersToKeepClosed) out.push(q);
+    }
+  }
+  if (quarters.includes(BACKLOG)) out.push(BACKLOG);
+  return out;
+}
+function RoadmapGridSingle({
+  items,
+  showLeftMargin,
+  getVote,
+  onVote,
+  votingTasks
+}) {
+  return /* @__PURE__ */ jsx55("div", { className: `grid grid-cols-1 md:grid-cols-2 gap-6 ${showLeftMargin ? "md:ml-[120px]" : ""}`, children: items.map((item) => /* @__PURE__ */ jsx55(
+    RoadmapCard,
+    {
+      item,
+      userVote: getVote(item.id),
+      onVote: (voteType) => onVote(item.id, voteType),
+      isVoting: votingTasks.has(item.id)
+    },
+    item.id
+  )) });
+}
 function RoadmapGrid({
   items,
   onItemUpdate,
   showLeftMargin = true,
   buildRefreshUrl = DEFAULT_BUILD_REFRESH_URL,
-  votingOptions
+  votingOptions,
+  groupByQuarter = false,
+  hasActiveFilters = false,
+  quartersToKeepClosed = 2
 }) {
   const { getVote, toggleVote } = useRoadmapVoting(votingOptions);
   const [votingTasks, setVotingTasks] = useState10(/* @__PURE__ */ new Set());
@@ -6230,9 +6401,7 @@ function RoadmapGrid({
         const response = await fetch(buildRefreshUrl(taskId));
         if (response.ok) {
           const data = await response.json();
-          if (data.item && onItemUpdate) {
-            onItemUpdate(data.item);
-          }
+          if (data.item && onItemUpdate) onItemUpdate(data.item);
         }
       }
     } finally {
@@ -6243,6 +6412,43 @@ function RoadmapGrid({
       });
     }
   };
+  const itemsByQuarter = items.reduce((acc, item) => {
+    const q = item.quarter || BACKLOG;
+    (acc[q] || (acc[q] = [])).push(item);
+    return acc;
+  }, {});
+  for (const q of Object.keys(itemsByQuarter)) {
+    itemsByQuarter[q].sort((a, b) => getStatusPriority(a.status) - getStatusPriority(b.status));
+  }
+  const sortedQuarters = Object.keys(itemsByQuarter).sort((a, b) => {
+    if (a === BACKLOG) return 1;
+    if (b === BACKLOG) return -1;
+    const aD = parseQuarterString(a) ?? { quarter: 0, year: 0 };
+    const bD = parseQuarterString(b) ?? { quarter: 0, year: 0 };
+    return compareQuarters(aD, bD);
+  });
+  const sortedQuartersKey = sortedQuarters.join(",");
+  const [expandedQuarters, setExpandedQuarters] = useState10([]);
+  const [isInitialized, setIsInitialized] = useState10(false);
+  const hasSetInitialState = useRef6(false);
+  const prevItemsLength = useRef6(0);
+  useEffect9(() => {
+    const itemsJustLoaded = prevItemsLength.current === 0 && items.length > 0;
+    prevItemsLength.current = items.length;
+    if (sortedQuarters.length > 0 && (!hasSetInitialState.current || itemsJustLoaded)) {
+      hasSetInitialState.current = true;
+      setExpandedQuarters(
+        hasActiveFilters ? [...sortedQuarters] : computeDefaultExpandedQuarters(sortedQuarters, quartersToKeepClosed)
+      );
+      setIsInitialized(true);
+    }
+  }, [sortedQuarters.length, items.length]);
+  useEffect9(() => {
+    if (!isInitialized || sortedQuarters.length === 0) return;
+    setExpandedQuarters(
+      hasActiveFilters ? [...sortedQuarters] : computeDefaultExpandedQuarters(sortedQuarters, quartersToKeepClosed)
+    );
+  }, [hasActiveFilters, sortedQuartersKey, isInitialized, quartersToKeepClosed]);
   if (items.length === 0) {
     return /* @__PURE__ */ jsx55(
       EmptyState,
@@ -6253,37 +6459,103 @@ function RoadmapGrid({
       }
     );
   }
-  return /* @__PURE__ */ jsx55("div", { className: `grid grid-cols-1 md:grid-cols-2 gap-6 ${showLeftMargin ? "md:ml-[120px]" : ""}`, children: items.map((item) => /* @__PURE__ */ jsx55(
-    RoadmapCard,
+  if (!groupByQuarter) {
+    return /* @__PURE__ */ jsx55(
+      RoadmapGridSingle,
+      {
+        items,
+        showLeftMargin,
+        getVote,
+        onVote: handleVote,
+        votingTasks
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx55(
+    Accordion,
     {
-      item,
-      userVote: getVote(item.id),
-      onVote: (voteType) => handleVote(item.id, voteType),
-      isVoting: votingTasks.has(item.id)
-    },
-    item.id
-  )) });
+      type: "multiple",
+      value: expandedQuarters,
+      onValueChange: setExpandedQuarters,
+      className: "flex flex-col gap-10",
+      children: sortedQuarters.map((quarter) => {
+        const itemCount = itemsByQuarter[quarter]?.length || 0;
+        const isExpanded = expandedQuarters.includes(quarter);
+        return /* @__PURE__ */ jsxs44(
+          AccordionItem,
+          {
+            value: quarter,
+            id: `quarter-${quarter.replace(/\s+/g, "-").toLowerCase()}`,
+            className: "border-0",
+            children: [
+              /* @__PURE__ */ jsx55(AccordionTrigger, { className: "w-full p-0 hover:no-underline [&>svg]:h-5 [&>svg]:w-5 [&>svg]:text-ods-text-secondary [&>svg]:ml-auto [&>svg]:shrink-0", children: /* @__PURE__ */ jsxs44("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ jsxs44(
+                  "h3",
+                  {
+                    className: cn(
+                      "font-['Azeret_Mono'] font-semibold text-[24px] md:text-[28px] lg:text-[32px] leading-[32px] md:leading-[36px] lg:leading-[40px] text-ods-text-primary tracking-[-0.48px] md:tracking-[-0.56px] lg:tracking-[-0.64px] transition-opacity",
+                      isExpanded ? "opacity-100" : "opacity-60"
+                    ),
+                    children: [
+                      quarter,
+                      /* @__PURE__ */ jsx55("span", { className: "text-ods-accent", children: ":" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs44(
+                  "span",
+                  {
+                    className: cn(
+                      "text-sm font-medium transition-opacity",
+                      isExpanded ? "text-ods-text-secondary opacity-100" : "text-ods-text-tertiary opacity-60"
+                    ),
+                    children: [
+                      itemCount,
+                      " ",
+                      itemCount === 1 ? "item" : "items",
+                      isInitialized && !isExpanded && /* @__PURE__ */ jsx55("span", { className: "ml-2 text-ods-accent", children: "Click to expand" })
+                    ]
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ jsx55(AccordionContent, { className: "pt-4 pb-0 overflow-hidden data-[state=closed]:animate-none data-[state=open]:animate-none", children: /* @__PURE__ */ jsx55(
+                RoadmapGridSingle,
+                {
+                  items: itemsByQuarter[quarter],
+                  showLeftMargin,
+                  getVote,
+                  onVote: handleVote,
+                  votingTasks
+                }
+              ) })
+            ]
+          },
+          quarter
+        );
+      })
+    }
+  );
 }
 // src/components/shared/roadmap/roadmap-grid-skeleton.tsx
-import { jsx as jsx56, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs45 } from "react/jsx-runtime";
 function RoadmapCardSkeleton2() {
-  return /* @__PURE__ */ jsxs44("div", { className: "bg-ods-card border border-ods-border rounded-[6px] p-[24px] flex flex-col gap-[16px] min-h-[340px] relative", children: [
+  return /* @__PURE__ */ jsxs45("div", { className: "bg-ods-card border border-ods-border rounded-[6px] p-[24px] flex flex-col gap-[16px] min-h-[340px] relative", children: [
     /* @__PURE__ */ jsx56("div", { className: "absolute top-[24px] right-[24px]", children: /* @__PURE__ */ jsx56("div", { className: "h-[20px] w-[80px] bg-ods-border rounded animate-pulse" }) }),
-    /* @__PURE__ */ jsxs44("div", { className: "flex items-center gap-[16px] pr-[120px]", children: [
+    /* @__PURE__ */ jsxs45("div", { className: "flex items-center gap-[16px] pr-[120px]", children: [
       /* @__PURE__ */ jsx56("div", { className: "w-[80px] h-[80px] bg-ods-border rounded-lg flex-shrink-0 animate-pulse" }),
-      /* @__PURE__ */ jsxs44("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsxs45("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx56("div", { className: "min-h-[48px] flex items-center", children: /* @__PURE__ */ jsx56("div", { className: "h-[24px] w-full bg-ods-border rounded animate-pulse" }) }),
         /* @__PURE__ */ jsx56("div", { className: "min-h-[20px] flex items-center", children: /* @__PURE__ */ jsx56("div", { className: "h-[14px] w-1/2 bg-ods-border rounded animate-pulse" }) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx56("div", { className: "min-h-[72px] flex items-center", children: /* @__PURE__ */ jsxs44("div", { className: "w-full space-y-2", children: [
+    /* @__PURE__ */ jsx56("div", { className: "min-h-[72px] flex items-center", children: /* @__PURE__ */ jsxs45("div", { className: "w-full space-y-2", children: [
       /* @__PURE__ */ jsx56("div", { className: "h-[24px] bg-ods-border rounded animate-pulse" }),
       /* @__PURE__ */ jsx56("div", { className: "h-[24px] bg-ods-border rounded animate-pulse" }),
       /* @__PURE__ */ jsx56("div", { className: "h-[24px] w-4/5 bg-ods-border rounded animate-pulse" })
     ] }) }),
     /* @__PURE__ */ jsx56("div", { className: "flex-1" }),
-    /* @__PURE__ */ jsxs44("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ jsxs45("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsx56("div", { className: "h-[48px] w-[120px] bg-ods-border rounded animate-pulse" }),
       /* @__PURE__ */ jsx56("div", { className: "h-[32px] w-[100px] bg-ods-border rounded animate-pulse" })
     ] })
@@ -6293,55 +6565,106 @@ function RoadmapGridSkeleton({ count = 4, showLeftMargin = true }) {
   return /* @__PURE__ */ jsx56("div", { className: `grid grid-cols-1 md:grid-cols-2 gap-6 ${showLeftMargin ? "md:ml-[120px]" : ""}`, children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsx56(RoadmapCardSkeleton2, {}, i)) });
 }
+// src/components/shared/roadmap/roadmap-view.tsx
+import { useMemo as useMemo2 } from "react";
+import { jsx as jsx57 } from "react/jsx-runtime";
+var DEFAULT_ENDPOINT2 = "/api/roadmap";
+var DEFAULT_SEARCH_PARAM_KEY2 = DEV_SECTION_PARAM_KEYS.search;
+var DEFAULT_STATUS_PARAM_KEY2 = DEV_SECTION_PARAM_KEYS.status;
+function RoadmapView({
+  endpoint = DEFAULT_ENDPOINT2,
+  initialItems,
+  showLeftMargin,
+  buildRefreshUrl,
+  votingOptions,
+  searchParamKey = DEFAULT_SEARCH_PARAM_KEY2,
+  statusParamKey = DEFAULT_STATUS_PARAM_KEY2
+} = {}) {
+  const searchParams = useSearchParams();
+  const search = searchParams.get(searchParamKey) || "";
+  const status = searchParams.get(statusParamKey) || "all";
+  const listParams = new URLSearchParams();
+  if (search) listParams.set(searchParamKey, search);
+  if (status && status !== "all") listParams.set(statusParamKey, status);
+  const qs = listParams.toString();
+  const url = qs ? `${endpoint}?${qs}` : endpoint;
+  const initialData = useMemo2(() => initialItems ? { items: initialItems } : void 0, [initialItems]);
+  const { data, setData, isLoading, error, reload } = useSelfFetch(
+    url,
+    { initialData }
+  );
+  const items = data?.items ?? [];
+  if (error) {
+    return /* @__PURE__ */ jsx57(LoadError, { message: "Failed to load roadmap.", onRetry: reload });
+  }
+  if (isLoading && !data) {
+    return /* @__PURE__ */ jsx57(RoadmapGridSkeleton, { showLeftMargin });
+  }
+  return /* @__PURE__ */ jsx57(
+    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
+      )
+    }
+  );
+}
 // src/components/shared/delivery/delivery-lists.tsx
-import { useEffect as useEffect9, useState as useState11 } from "react";
+import { useEffect as useEffect10, useState as useState11 } from "react";
 // src/components/shared/delivery/delivery-table.tsx
-import { jsx as jsx57, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs46 } from "react/jsx-runtime";
 function SkeletonRow() {
-  return /* @__PURE__ */ jsx57("div", { className: "border-b border-ods-border last:border-b-0 p-[12px] md:p-[16px]", children: /* @__PURE__ */ jsxs45("div", { className: "flex flex-col md:flex-row items-start justify-between gap-[12px] md:gap-[16px] w-full", children: [
-    /* @__PURE__ */ jsxs45("div", { className: "flex-1 min-w-0 w-full md:w-auto flex flex-col gap-[12px] md:gap-[16px]", children: [
-      /* @__PURE__ */ jsx57("div", { className: "min-h-[24px] flex items-center", children: /* @__PURE__ */ jsx57("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }) }),
-      /* @__PURE__ */ jsx57("div", { className: "min-h-[20px] flex items-center", children: /* @__PURE__ */ jsx57("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-1/2" }) }),
-      /* @__PURE__ */ jsx57("div", { className: "min-h-[72px] flex items-center", children: /* @__PURE__ */ jsxs45("div", { className: "flex-1 space-y-1", children: [
-        /* @__PURE__ */ jsx57("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }),
-        /* @__PURE__ */ jsx57("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }),
-        /* @__PURE__ */ jsx57("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-2/3" })
+  return /* @__PURE__ */ jsx58("div", { className: "border-b border-ods-border last:border-b-0 p-[12px] md:p-[16px]", children: /* @__PURE__ */ jsxs46("div", { className: "flex flex-col md:flex-row items-start justify-between gap-[12px] md:gap-[16px] w-full", children: [
+    /* @__PURE__ */ jsxs46("div", { className: "flex-1 min-w-0 w-full md:w-auto flex flex-col gap-[12px] md:gap-[16px]", children: [
+      /* @__PURE__ */ jsx58("div", { className: "min-h-[24px] flex items-center", children: /* @__PURE__ */ jsx58("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }) }),
+      /* @__PURE__ */ jsx58("div", { className: "min-h-[20px] flex items-center", children: /* @__PURE__ */ jsx58("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-1/2" }) }),
+      /* @__PURE__ */ jsx58("div", { className: "min-h-[72px] flex items-center", children: /* @__PURE__ */ jsxs46("div", { className: "flex-1 space-y-1", children: [
+        /* @__PURE__ */ jsx58("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }),
+        /* @__PURE__ */ jsx58("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }),
+        /* @__PURE__ */ jsx58("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-2/3" })
       ] }) })
     ] }),
-    /* @__PURE__ */ jsxs45("div", { className: "flex-shrink-0 self-start flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsx57("div", { className: "h-[32px] w-[100px] bg-ods-border rounded animate-pulse" }),
-      /* @__PURE__ */ jsx57("div", { className: "h-[32px] w-[120px] bg-ods-border rounded animate-pulse" })
+    /* @__PURE__ */ jsxs46("div", { className: "flex-shrink-0 self-start flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx58("div", { className: "h-[32px] w-[100px] bg-ods-border rounded animate-pulse" }),
+      /* @__PURE__ */ jsx58("div", { className: "h-[32px] w-[120px] bg-ods-border rounded animate-pulse" })
     ] })
   ] }) });
 }
 function DeliveryTable({ items, isLoading = false }) {
   if (isLoading) {
-    return /* @__PURE__ */ jsx57("div", { className: "bg-ods-card border border-ods-border rounded-[6px] overflow-hidden w-full", children: /* @__PURE__ */ jsx57("div", { className: "w-full", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsx57(SkeletonRow, {}, i)) }) });
+    return /* @__PURE__ */ jsx58("div", { className: "bg-ods-card border border-ods-border rounded-[6px] overflow-hidden w-full", children: /* @__PURE__ */ jsx58("div", { className: "w-full", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsx58(SkeletonRow, {}, i)) }) });
   }
   if (items.length === 0) {
-    return /* @__PURE__ */ jsx57("div", { className: "bg-ods-card border border-ods-border rounded-[6px] p-[40px] text-center w-full", children: /* @__PURE__ */ jsx57("p", { className: "text-ods-text-secondary text-[14px] font-['DM_Sans'] font-medium", children: "No tasks available" }) });
+    return /* @__PURE__ */ jsx58("div", { className: "bg-ods-card border border-ods-border rounded-[6px] p-[40px] text-center w-full", children: /* @__PURE__ */ jsx58("p", { className: "text-ods-text-secondary text-[14px] font-['DM_Sans'] font-medium", children: "No tasks available" }) });
   }
-  return /* @__PURE__ */ jsx57("div", { className: "bg-ods-card border border-ods-border rounded-[6px] overflow-hidden w-full", children: /* @__PURE__ */ jsx57("div", { className: "w-full", children: items.map((item) => /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx58("div", { className: "bg-ods-card border border-ods-border rounded-[6px] overflow-hidden w-full", children: /* @__PURE__ */ jsx58("div", { className: "w-full", children: items.map((item) => /* @__PURE__ */ jsx58(
     "div",
     {
       className: "border-b border-ods-border last:border-b-0",
-      children: /* @__PURE__ */ jsx57(DeliveryRow, { item })
+      children: /* @__PURE__ */ jsx58(DeliveryRow, { item })
     },
     item.id
   )) }) });
 }
 // src/components/shared/delivery/delivery-lists.tsx
-import { jsx as jsx58, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs47 } from "react/jsx-runtime";
 var DEFAULT_COMPLETED_ENDPOINT = "/api/delivery/completed";
 var DEFAULT_IN_PROGRESS_ENDPOINT = "/api/delivery/in-progress";
-var DEFAULT_SEARCH_PARAM_KEY = "search";
-var DEFAULT_TASK_TYPE_PARAM_KEY = "task_type";
+var DEFAULT_SEARCH_PARAM_KEY3 = DEV_SECTION_PARAM_KEYS.search;
+var DEFAULT_TASK_TYPE_PARAM_KEY = DEV_SECTION_PARAM_KEYS.deliveryTaskType;
 function DeliveryLists({
   completedApiEndpoint = DEFAULT_COMPLETED_ENDPOINT,
   inProgressApiEndpoint = DEFAULT_IN_PROGRESS_ENDPOINT,
-  searchParamKey = DEFAULT_SEARCH_PARAM_KEY,
+  searchParamKey = DEFAULT_SEARCH_PARAM_KEY3,
   taskTypeParamKey = DEFAULT_TASK_TYPE_PARAM_KEY
 } = {}) {
   const searchParams = useSearchParams();
@@ -6352,7 +6675,7 @@ function DeliveryLists({
   const [error, setError] = useState11(null);
   const searchQuery = searchParams.get(searchParamKey) || "";
   const taskTypeFilter = searchParams.get(taskTypeParamKey) || "all";
-  useEffect9(() => {
+  useEffect10(() => {
     async function fetchDeliveryData() {
       try {
         setIsLoading(true);
@@ -6397,10 +6720,10 @@ function DeliveryLists({
   const hasActiveFilters = searchQuery !== "" || taskTypeFilter !== "all";
   const hasResults = showCompleted && filteredCompleted.length > 0 || showInProgress && filteredInProgress.length > 0;
   if (error) {
-    return /* @__PURE__ */ jsx58("div", { className: "w-full", children: /* @__PURE__ */ jsx58(LoadError, { message: error, onRetry: () => window.location.reload() }) });
+    return /* @__PURE__ */ jsx59("div", { className: "w-full", children: /* @__PURE__ */ jsx59(LoadError, { message: error, onRetry: () => window.location.reload() }) });
   }
-  return /* @__PURE__ */ jsxs46("div", { className: "w-full flex flex-col gap-[40px]", children: [
-    !isLoading && !hasResults && (hasActiveFilters ? /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsxs47("div", { className: "w-full flex flex-col gap-[40px]", children: [
+    !isLoading && !hasResults && (hasActiveFilters ? /* @__PURE__ */ jsx59(
       EmptyState,
       {
         type: "search",
@@ -6415,7 +6738,7 @@ function DeliveryLists({
           router.replace(`${pathname}?${params.toString()}`, { scroll: false });
         }
       }
-    ) : /* @__PURE__ */ jsx58(
+    ) : /* @__PURE__ */ jsx59(
       EmptyState,
       {
         type: "generic",
@@ -6424,12 +6747,12 @@ function DeliveryLists({
         showCTA: false
       }
     )),
-    showCompleted && (hasResults || isLoading) && /* @__PURE__ */ jsxs46("div", { className: "w-full", children: [
-      /* @__PURE__ */ jsxs46("h3", { className: "text-h2 text-ods-text-primary tracking-[-0.48px] md:tracking-[-0.56px] lg:tracking-[-0.64px] mb-4", children: [
+    showCompleted && (hasResults || isLoading) && /* @__PURE__ */ jsxs47("div", { className: "w-full", children: [
+      /* @__PURE__ */ jsxs47("h3", { className: "text-h2 text-ods-text-primary tracking-[-0.48px] md:tracking-[-0.56px] lg:tracking-[-0.64px] mb-4", children: [
         "Recently Completed",
-        /* @__PURE__ */ jsx58("span", { className: "text-ods-accent", children: ":" })
+        /* @__PURE__ */ jsx59("span", { className: "text-ods-accent", children: ":" })
       ] }),
-      /* @__PURE__ */ jsx58(
+      /* @__PURE__ */ jsx59(
         DeliveryTable,
         {
           items: filteredCompleted,
@@ -6437,12 +6760,12 @@ function DeliveryLists({
         }
       )
     ] }),
-    showInProgress && (hasResults || isLoading) && /* @__PURE__ */ jsxs46("div", { className: "w-full", children: [
-      /* @__PURE__ */ jsxs46("h3", { className: "text-h2 text-ods-text-primary tracking-[-0.48px] md:tracking-[-0.56px] lg:tracking-[-0.64px] mb-4", children: [
+    showInProgress && (hasResults || isLoading) && /* @__PURE__ */ jsxs47("div", { className: "w-full", children: [
+      /* @__PURE__ */ jsxs47("h3", { className: "text-h2 text-ods-text-primary tracking-[-0.48px] md:tracking-[-0.56px] lg:tracking-[-0.64px] mb-4", children: [
         "Active Tasks",
-        /* @__PURE__ */ jsx58("span", { className: "text-ods-accent", children: ":" })
+        /* @__PURE__ */ jsx59("span", { className: "text-ods-accent", children: ":" })
       ] }),
-      /* @__PURE__ */ jsx58(
+      /* @__PURE__ */ jsx59(
         DeliveryTable,
         {
           items: filteredInProgress,
@@ -6457,7 +6780,7 @@ function DeliveryLists({
 init_next_navigation();
 // src/components/shared/legal-document/use-legal-docs.ts
-import { useState as useState12, useEffect as useEffect10, useCallback as useCallback6 } from "react";
+import { useState as useState12, useEffect as useEffect11, useCallback as useCallback6 } from "react";
 function useLegalDocs(docType, options = {}) {
   const { initialData = null, apiEndpoint } = options;
   const effectiveEndpoint = apiEndpoint ?? `/api/legal/${docType}`;
@@ -6487,12 +6810,12 @@ function useLegalDocs(docType, options = {}) {
       setIsLoading(false);
     }
   }, [docType, effectiveEndpoint]);
-  useEffect10(() => {
+  useEffect11(() => {
     setData(initialData ?? null);
     setError(null);
     setIsLoading(!initialData);
   }, [docType, initialData]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (initialData) return;
     fetchDocument();
   }, [fetchDocument, initialData]);
@@ -6508,7 +6831,7 @@ function useLegalDocs(docType, options = {}) {
 }
 // src/components/shared/legal-document/legal-document-page.tsx
-import { jsx as jsx59, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs48 } from "react/jsx-runtime";
 function LegalDocumentPage({
   docType,
   title,
@@ -6531,58 +6854,58 @@ function LegalDocumentPage({
   };
   const fallbackLastUpdatedLabel = data?.lastSynced != null ? formatLegalDate(data.lastSynced) : null;
   const effectiveLastUpdatedLabel = initialLastUpdatedLabel ?? fallbackLastUpdatedLabel;
-  const customTitle = /* @__PURE__ */ jsxs47("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsxs47("h1", { className: "font-['Azeret_Mono'] text-[32px] md:text-[40px] lg:text-[48px] font-semibold leading-[1em] tracking-[-0.02em] text-ods-text-primary", children: [
-      /* @__PURE__ */ jsx59("span", { children: title }),
-      /* @__PURE__ */ jsx59("span", { className: "text-ods-accent", children: "." })
+  const customTitle = /* @__PURE__ */ jsxs48("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxs48(PageHeading, { children: [
+      /* @__PURE__ */ jsx60("span", { children: title }),
+      /* @__PURE__ */ jsx60("span", { className: "text-ods-accent", children: "." })
     ] }),
-    /* @__PURE__ */ jsxs47("p", { className: "font-['DM_Sans'] text-base md:text-lg text-ods-text-secondary max-w-2xl", children: [
+    /* @__PURE__ */ jsxs48("p", { className: "font-['DM_Sans'] text-base md:text-lg text-ods-text-secondary max-w-2xl", children: [
       effectiveLastUpdatedLabel ? `Last Updated: ${effectiveLastUpdatedLabel}` : fallbackDescription,
-      data?.sourceFile && /* @__PURE__ */ jsxs47("span", { className: "block text-sm mt-1 opacity-75", children: [
+      data?.sourceFile && /* @__PURE__ */ jsxs48("span", { className: "block text-sm mt-1 opacity-75", children: [
         "Source: ",
         data.sourceFile
       ] })
     ] })
   ] });
-  return /* @__PURE__ */ jsx59(PageShell, { children: /* @__PURE__ */ jsxs47(PageLayout, { backButton: backCfg, children: [
-    /* @__PURE__ */ jsx59("div", { className: "flex flex-col gap-4", children: customTitle }),
-    /* @__PURE__ */ jsx59("div", { className: "flex flex-col lg:flex-row gap-6 lg:gap-10 items-start flex-1", children: /* @__PURE__ */ jsx59("div", { className: "flex-1", children: /* @__PURE__ */ jsx59("div", { className: "w-full", children: /* @__PURE__ */ jsx59("article", { className: "space-y-2", children: isLoading ? (
+  return /* @__PURE__ */ jsx60(PageShell, { children: /* @__PURE__ */ jsxs48(PageLayout, { backButton: backCfg, children: [
+    /* @__PURE__ */ jsx60("div", { className: "flex flex-col gap-4", children: customTitle }),
+    /* @__PURE__ */ jsx60("div", { className: "flex flex-col lg:flex-row gap-6 lg:gap-10 items-start flex-1", children: /* @__PURE__ */ jsx60("div", { className: "flex-1", children: /* @__PURE__ */ jsx60("div", { className: "w-full", children: /* @__PURE__ */ jsx60("article", { className: "space-y-2", children: isLoading ? (
       // Loading skeleton matching Knowledge Hub pattern
-      /* @__PURE__ */ jsxs47("div", { className: "space-y-6", children: [
-        /* @__PURE__ */ jsx59("div", { className: "h-10 bg-ods-skeleton rounded-lg w-3/4 animate-pulse" }),
-        /* @__PURE__ */ jsxs47("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsx59("div", { className: "h-4 bg-ods-skeleton rounded w-full animate-pulse" }),
-          /* @__PURE__ */ jsx59("div", { className: "h-4 bg-ods-skeleton rounded w-full animate-pulse" }),
-          /* @__PURE__ */ jsx59("div", { className: "h-4 bg-ods-skeleton rounded w-5/6 animate-pulse" })
+      /* @__PURE__ */ jsxs48("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsx60("div", { className: "h-10 bg-ods-skeleton rounded-lg w-3/4 animate-pulse" }),
+        /* @__PURE__ */ jsxs48("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx60("div", { className: "h-4 bg-ods-skeleton rounded w-full animate-pulse" }),
+          /* @__PURE__ */ jsx60("div", { className: "h-4 bg-ods-skeleton rounded w-full animate-pulse" }),
+          /* @__PURE__ */ jsx60("div", { className: "h-4 bg-ods-skeleton rounded w-5/6 animate-pulse" })
         ] }),
-        /* @__PURE__ */ jsx59("div", { className: "h-32 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
-        /* @__PURE__ */ jsxs47("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsx59("div", { className: "h-4 bg-ods-skeleton rounded w-full animate-pulse" }),
-          /* @__PURE__ */ jsx59("div", { className: "h-4 bg-ods-skeleton rounded w-4/5 animate-pulse" })
+        /* @__PURE__ */ jsx60("div", { className: "h-32 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
+        /* @__PURE__ */ jsxs48("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx60("div", { className: "h-4 bg-ods-skeleton rounded w-full animate-pulse" }),
+          /* @__PURE__ */ jsx60("div", { className: "h-4 bg-ods-skeleton rounded w-4/5 animate-pulse" })
         ] })
       ] })
-    ) : error ? /* @__PURE__ */ jsxs47("div", { className: "text-center space-y-4", children: [
-      /* @__PURE__ */ jsxs47("div", { className: "bg-red-900/20 border border-red-700 rounded-lg p-6", children: [
-        /* @__PURE__ */ jsx59("p", { className: "text-red-400 mb-2", children: errorTitle }),
-        /* @__PURE__ */ jsx59("p", { className: "text-red-300 text-sm", children: error })
+    ) : error ? /* @__PURE__ */ jsxs48("div", { className: "text-center space-y-4", children: [
+      /* @__PURE__ */ jsxs48("div", { className: "bg-red-900/20 border border-red-700 rounded-lg p-6", children: [
+        /* @__PURE__ */ jsx60("p", { className: "text-red-400 mb-2", children: errorTitle }),
+        /* @__PURE__ */ jsx60("p", { className: "text-red-300 text-sm", children: error })
       ] }),
-      /* @__PURE__ */ jsxs47("div", { className: "text-ods-text-secondary", children: [
-        /* @__PURE__ */ jsx59("p", { children: errorContactPrompt }),
-        /* @__PURE__ */ jsx59("a", { href: `mailto:${contactEmail}`, className: "text-ods-accent hover:underline", children: contactEmail })
+      /* @__PURE__ */ jsxs48("div", { className: "text-ods-text-secondary", children: [
+        /* @__PURE__ */ jsx60("p", { children: errorContactPrompt }),
+        /* @__PURE__ */ jsx60("a", { href: `mailto:${contactEmail}`, className: "text-ods-accent hover:underline", children: contactEmail })
       ] })
-    ] }) : data ? /* @__PURE__ */ jsx59(
+    ] }) : data ? /* @__PURE__ */ jsx60(
       MarkdownRenderer,
       {
         content: data.content,
         sectionIds: data.sections || [],
         demoteMarkdownH1ToH2: true
       }
-    ) : /* @__PURE__ */ jsxs47("div", { className: "text-center text-ods-text-secondary py-16", children: [
-      /* @__PURE__ */ jsx59("p", { className: "text-xl", children: emptyStateMessage }),
-      /* @__PURE__ */ jsxs47("p", { className: "mt-2", children: [
+    ) : /* @__PURE__ */ jsxs48("div", { className: "text-center text-ods-text-secondary py-16", children: [
+      /* @__PURE__ */ jsx60("p", { className: "text-xl", children: emptyStateMessage }),
+      /* @__PURE__ */ jsxs48("p", { className: "mt-2", children: [
         "Please contact",
         " ",
-        /* @__PURE__ */ jsx59("a", { href: `mailto:${contactEmail}`, className: "text-ods-accent hover:underline", children: contactEmail }),
+        /* @__PURE__ */ jsx60("a", { href: `mailto:${contactEmail}`, className: "text-ods-accent hover:underline", children: contactEmail }),
         " ",
         "for more information."
       ] })
@@ -6629,6 +6952,15 @@ export {
   AnnouncementBarSkeleton,
   AppHeader,
   AppLayout,
+  AppLayoutDrawerRoot as AppLayoutDrawer,
+  AppLayoutDrawerBody,
+  AppLayoutDrawerClose,
+  AppLayoutDrawerContent,
+  AppLayoutDrawerDescription,
+  AppLayoutDrawerFooter,
+  AppLayoutDrawerHeader,
+  AppLayoutDrawerTitle,
+  AppLayoutDrawerTrigger,
   ApprovalBatchMessage,
   ApprovalRequestMessage,
   ArchiveIcon,
@@ -6725,6 +7057,7 @@ export {
   ChatContent,
   ChatFooter,
   ChatHeader,
+  ChatIdentityProvider,
   ChatInput,
   MemoizedChatMessageEnhanced as ChatMessageEnhanced,
   ChatMessageList,
@@ -6923,6 +7256,7 @@ export {
   Header,
   HeaderButton,
   HeaderGlobalSearch,
+  HeaderMingoButton,
   HeaderOrganizationFilter,
   HeaderSkeleton,
   HeroImageUploader,
@@ -7086,11 +7420,13 @@ export {
   OrganizationCardSkeletonGrid,
   OrganizationIconSkeleton,
   OrganizationsIcon,
+  PAGE_HEADING_CLASS,
   PRICING_STYLES,
   PackageIcon,
   PageActions,
   PageContainer,
   PageError,
+  PageHeading,
   PageLayout,
   PageLoader,
   PageShell,
@@ -7125,6 +7461,7 @@ export {
   PricingSkeleton,
   ProductReleaseCard,
   ProductReleaseCardSkeleton,
+  ProductReleasesView,
   ProfileLoadingSkeleton,
   ProfileSkeleton,
   ProgramCard,
@@ -7164,6 +7501,7 @@ export {
   RoadmapCardSkeleton,
   RoadmapGrid,
   RoadmapGridSkeleton,
+  RoadmapView,
   RoadmapVoteButton,
   SCROLL_ANCHOR,
   SCROLL_ANCHOR_WIRE_KEY,
@@ -7352,6 +7690,7 @@ export {
   buildChatRefKey,
   buildDiscussAddendum,
   buildNatsWsUrl,
+  buildProductReleaseCardProps,
   buttonVariants,
   embedAuthedFetch as chatAuthedFetch,
   chatChipClass,
@@ -7362,12 +7701,15 @@ export {
   createColumnHelper,
   createMessageSegmentAccumulator,
   decideNewTab,
+  defaultBuildProductReleaseCardProps,
   defaultTableIdForDocumentType,
   deriveColumns,
   detectAspectRatio,
   dotColorByVariant,
   escapeMarkdownInline,
   evaluateFeatureValue,
+  executeNavigation,
+  executeNavigationImperative,
   exportToCSV,
   extractEntityIdFilter,
   extractErrorMessages,
@@ -7452,6 +7794,7 @@ export {
   transformEventToProgram,
   transformPodcastToProgram,
   transformWebinarToProgram,
+  useAppLayoutDrawerContainer,
   useAuth,
   useBoardCollapse,
   useChat,