@flamingo-stack/openframe-frontend-core 0.0.218 → 0.0.219

package/dist/components/index.js

@@ -6,22 +6,24 @@ import {
   UnifiedPagination,
   init_unified_pagination,
   unified_pagination_exports
-} from "../chunk-EKBM4FHK.js";
+} from "../chunk-ZII7TNVA.js";
 import {
+  DetailPageSkeleton,
   DocSearchBar,
   DocSearchResultRow,
   formatRelativePath,
   mapDocSearchResults,
   resolveSearchResultAction,
-  useDocSearch
-} from "../chunk-EWA2NFUR.js";
+  useDocSearch,
+  useSelfFetch
+} from "../chunk-XG7DFRJL.js";
 import {
   DevCardRowContent,
   DevCardRowSkeleton,
   DevCardRowSkeletonList,
   DevSectionPage,
   DevSectionView
-} from "../chunk-SWIR5EB2.js";
+} from "../chunk-DRPECAXO.js";
 import "../chunk-ORJREQ2W.js";
 import {
   AIEnrichButton,
@@ -121,6 +123,7 @@ import {
   COMPACT_CARD_TITLE_ROW,
   CONNECTION_STATUS,
   CUSTOM_ITEM_ID,
+  CUSTOM_PRESET_KEY,
   CampaignCardAdmin,
   CampaignCardAdminSkeleton,
   Card,
@@ -142,6 +145,7 @@ import {
   ChatContent,
   ChatFooter,
   ChatHeader,
+  ChatIdentityProvider,
   ChatInput,
   ChatMessageList,
   ChatMessageRow,
@@ -160,6 +164,8 @@ import {
   CircularProgress,
   ClickUpTasksManager,
   ClientOnlyHeader,
+  ColorPickerInput,
+  ColorPresetSelect,
   CommandBox,
   CompactPageLoader,
   ConfidenceBadge,
@@ -171,8 +177,10 @@ import {
   CustomerInterviewCard,
   CustomerInterviewCardSkeleton,
   CveLink,
+  DEFAULT_CUSTOM_STATUS_COLOR,
   DEFAULT_DOCUMENT_TYPE_TO_TABLE_ID,
   DEFAULT_THEME,
+  DEV_SECTION_PARAM_KEYS,
   DashboardInfoCard,
   DataRoomDocCard,
   DataRoomDocCardSkeleton,
@@ -358,9 +366,11 @@ import {
   OnboardingWalkthrough,
   OpenmspLogo as OpenmspLogo2,
   OrganizationCard,
+  PAGE_HEADING_CLASS,
   PageActions,
   PageContainer,
   PageError,
+  PageHeading,
   PageLayout,
   PageLoader,
   PageShell,
@@ -455,6 +465,7 @@ import {
   Switch,
   THEME_ATTRIBUTE,
   THEME_STORAGE_KEY,
+  TICKET_STATUS_COLOR_PRESETS,
   TabContent,
   TabNavigation,
   TabSelector,
@@ -487,6 +498,8 @@ import {
   TicketInfoSection,
   TicketNoteCard,
   TicketNotesSection,
+  TicketStatusConfigList,
+  TicketStatusConfigRow,
   TicketStatusTag,
   TitleBlock,
   TitleContentBlock,
@@ -521,6 +534,7 @@ import {
   buildChatRefKey,
   buildDiscussAddendum,
   buildNatsWsUrl,
+  buildProductReleaseCardProps,
   chatChipClass,
   clearEmbedProxyAuth,
   clickupTaskUrl,
@@ -529,11 +543,14 @@ import {
   createColumnHelper,
   createMessageSegmentAccumulator,
   decideNewTab,
+  defaultBuildProductReleaseCardProps,
   defaultTableIdForDocumentType,
   deriveColumns,
   detectAspectRatio,
   embedAuthedFetch,
   escapeMarkdownInline,
+  executeNavigation,
+  executeNavigationImperative,
   exportToCSV,
   extractEntityIdFilter,
   extractErrorMessages,
@@ -585,6 +602,7 @@ import {
   isMetadataChunk,
   isModifierClick,
   isStructuredContent,
+  kindToCanonicalStatus,
   multiSelectFilterFn,
   nameInitials,
   navigationMenuTriggerStyle,
@@ -599,9 +617,11 @@ import {
   ratioToCategory,
   remarkCardLinks,
   renderChatInlineEntityCard,
+  resolveContentHref,
   resolveExternalNavigation,
   resolveSourceIcon,
   resolveSourceRowCTA,
+  resolveStatusTagProps,
   resolveTicketStatus,
   safeHref,
   sanitizeTitleForChat,
@@ -628,6 +648,7 @@ import {
   useDataTable,
   useDataTableContext,
   useDynamicTheme,
+  useEntityCardLink,
   useFiltersDropdown,
   useJetStreamDialogSubscription,
   useLoading,
@@ -646,8 +667,9 @@ import {
   useThemeToggle,
   useUnifiedChat,
   useVideoOriginPreconnect,
-  useVideoWarmup
-} from "../chunk-V5JY5RSY.js";
+  useVideoWarmup,
+  usesCanonicalStatusStyle
+} from "../chunk-A3PL6ZCF.js";
 import {
   next_image_default
 } from "../chunk-LXC6P2EO.js";
@@ -683,7 +705,7 @@ import {
   SplitButton,
   buttonVariants,
   init_button2 as init_button
-} from "../chunk-UEBM4PC4.js";
+} from "../chunk-Y3MXGCOW.js";
 import {
   init_next_link,
   next_link_default
@@ -698,7 +720,7 @@ import {
   showToast,
   useOnboardingState,
   useToast
-} from "../chunk-LCLTCCXS.js";
+} from "../chunk-24Q2WLIU.js";
 import {
   init_next_navigation,
   usePathname,
@@ -856,12 +878,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";
@@ -869,7 +891,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";
@@ -2581,12 +2603,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,
@@ -5699,53 +5716,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 });
 }
@@ -5922,7 +6030,7 @@ function ReleaseDetailPage({
           srtContent: release?.srt_content,
           captionsUrl: release?.captionsUrl
         }
-      ) : /* @__PURE__ */ jsxs43(Fragment9, { children: [
+      ) : /* @__PURE__ */ jsxs43(Fragment10, { children: [
         youtubeUrl && /* @__PURE__ */ jsx53(
           Video,
           {
@@ -6037,7 +6145,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(
@@ -6052,7 +6160,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: [
@@ -6119,7 +6227,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";
@@ -6221,14 +6329,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());
@@ -6241,9 +6411,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 {
@@ -6254,6 +6422,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,
@@ -6264,37 +6469,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" })
     ] })
@@ -6304,55 +6575,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();
@@ -6363,7 +6685,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);
@@ -6408,10 +6730,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",
@@ -6426,7 +6748,7 @@ function DeliveryLists({
           router.replace(`${pathname}?${params.toString()}`, { scroll: false });
         }
       }
-    ) : /* @__PURE__ */ jsx58(
+    ) : /* @__PURE__ */ jsx59(
       EmptyState,
       {
         type: "generic",
@@ -6435,12 +6757,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,
@@ -6448,12 +6770,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,
@@ -6468,7 +6790,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}`;
@@ -6498,12 +6820,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]);
@@ -6519,7 +6841,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,
@@ -6542,58 +6864,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."
       ] })
@@ -6715,6 +7037,7 @@ export {
   COMPACT_CARD_TITLE_ROW,
   CONNECTION_STATUS,
   CUSTOM_ITEM_ID,
+  CUSTOM_PRESET_KEY,
   CampaignCardAdmin,
   CampaignCardAdminSkeleton,
   CapterraIcon,
@@ -6745,6 +7068,7 @@ export {
   ChatContent,
   ChatFooter,
   ChatHeader,
+  ChatIdentityProvider,
   ChatInput,
   MemoizedChatMessageEnhanced as ChatMessageEnhanced,
   ChatMessageList,
@@ -6769,6 +7093,8 @@ export {
   ClientOnlyHeader,
   CmdIcon,
   CoinsIcon,
+  ColorPickerInput,
+  ColorPresetSelect,
   CommandApprovalToast,
   CommandBox,
   CommentCard,
@@ -6795,6 +7121,7 @@ export {
   CustomerInterviewCardSkeleton,
   CutVendorCostsIcon,
   CveLink,
+  DEFAULT_CUSTOM_STATUS_COLOR,
   DEFAULT_DOCUMENT_TYPE_TO_TABLE_ID,
   DEFAULT_THEME,
   DashboardIcon,
@@ -7107,11 +7434,13 @@ export {
   OrganizationCardSkeletonGrid,
   OrganizationIconSkeleton,
   OrganizationsIcon,
+  PAGE_HEADING_CLASS,
   PRICING_STYLES,
   PackageIcon,
   PageActions,
   PageContainer,
   PageError,
+  PageHeading,
   PageLayout,
   PageLoader,
   PageShell,
@@ -7146,6 +7475,7 @@ export {
   PricingSkeleton,
   ProductReleaseCard,
   ProductReleaseCardSkeleton,
+  ProductReleasesView,
   ProfileLoadingSkeleton,
   ProfileSkeleton,
   ProgramCard,
@@ -7185,6 +7515,7 @@ export {
   RoadmapCardSkeleton,
   RoadmapGrid,
   RoadmapGridSkeleton,
+  RoadmapView,
   RoadmapVoteButton,
   SCROLL_ANCHOR,
   SCROLL_ANCHOR_WIRE_KEY,
@@ -7273,6 +7604,7 @@ export {
   Switch,
   THEME_ATTRIBUTE,
   THEME_STORAGE_KEY,
+  TICKET_STATUS_COLOR_PRESETS,
   TabContent,
   TabNavigation,
   TabSelector,
@@ -7311,6 +7643,8 @@ export {
   TicketInfoSection,
   TicketNoteCard,
   TicketNotesSection,
+  TicketStatusConfigList,
+  TicketStatusConfigRow,
   TicketStatusTag,
   TimelineSkeleton,
   TitleBlock,
@@ -7373,6 +7707,7 @@ export {
   buildChatRefKey,
   buildDiscussAddendum,
   buildNatsWsUrl,
+  buildProductReleaseCardProps,
   buttonVariants,
   embedAuthedFetch as chatAuthedFetch,
   chatChipClass,
@@ -7383,12 +7718,15 @@ export {
   createColumnHelper,
   createMessageSegmentAccumulator,
   decideNewTab,
+  defaultBuildProductReleaseCardProps,
   defaultTableIdForDocumentType,
   deriveColumns,
   detectAspectRatio,
   dotColorByVariant,
   escapeMarkdownInline,
   evaluateFeatureValue,
+  executeNavigation,
+  executeNavigationImperative,
   exportToCSV,
   extractEntityIdFilter,
   extractErrorMessages,
@@ -7437,6 +7775,7 @@ export {
   isMetadataChunk,
   isModifierClick,
   isStructuredContent,
+  kindToCanonicalStatus,
   mapDocSearchResults,
   multiSelectFilterFn,
   navigationMenuTriggerStyle,
@@ -7457,6 +7796,7 @@ export {
   resolveSearchResultAction,
   resolveSourceIcon,
   resolveSourceRowCTA,
+  resolveStatusTagProps,
   resolveTicketStatus,
   safeHref,
   sanitizeTitleForChat,
@@ -7514,6 +7854,7 @@ export {
   useUnifiedFiltering,
   useVideoOriginPreconnect,
   useVideoWarmup,
+  usesCanonicalStatusStyle,
   vendorFilterConfig
 };
 //# sourceMappingURL=index.js.map