npm - @flamingo-stack/openframe-frontend-core - Versions diffs - 0.0.579 → 0.0.580-1958.5358.1 - Mend

@flamingo-stack/openframe-frontend-core 0.0.579 → 0.0.580-1958.5358.1

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 (176) hide show

package/dist/{chunk-4FJSN2XW.cjs → chunk-TDM5FQZG.cjs} RENAMED Viewed

@@ -7,7 +7,7 @@
-var _chunkFEVLXRTCcjs = require('./chunk-FEVLXRTC.cjs');
+var _chunk7LGVUXWEcjs = require('./chunk-7LGVUXWE.cjs');
@@ -29,7 +29,7 @@ var _chunkPRPZBXWZcjs = require('./chunk-PRPZBXWZ.cjs');
 var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
 function DevSectionView({ sectionKey, hero, preControls, children, showHeading = true }) {
-  const section = _chunkFEVLXRTCcjs.OPENFRAME_DEV_SECTIONS[sectionKey];
+  const section = _chunk7LGVUXWEcjs.OPENFRAME_DEV_SECTIONS[sectionKey];
   const router = _chunkSADRZ4YIcjs.useRouter.call(void 0, );
   const pathname = _chunkSADRZ4YIcjs.usePathname.call(void 0, );
   const searchParams = _chunkSADRZ4YIcjs.useSearchParams.call(void 0, );
@@ -80,7 +80,7 @@ function DevSectionView({ sectionKey, hero, preControls, children, showHeading =
     preControls,
     (search || filter) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
       search && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-        _chunkFEVLXRTCcjs.SearchInput,
+        _chunk7LGVUXWEcjs.SearchInput,
         {
           showDropdown: false,
           placeholder: search.placeholder,
@@ -90,7 +90,7 @@ function DevSectionView({ sectionKey, hero, preControls, children, showHeading =
         }
       ),
       filter && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-        _chunkFEVLXRTCcjs.StatusFilterComponent,
+        _chunk7LGVUXWEcjs.StatusFilterComponent,
         {
           selectedStatus: currentFilterValue,
           onStatusChange: handleFilterChange,
@@ -114,7 +114,7 @@ function DevSectionPage({
   shell = true
 }) {
   const router = _chunkSADRZ4YIcjs.useRouter.call(void 0, );
-  const section = _chunkFEVLXRTCcjs.OPENFRAME_DEV_SECTIONS[sectionKey];
+  const section = _chunk7LGVUXWEcjs.OPENFRAME_DEV_SECTIONS[sectionKey];
   const backCfg = backButton === false ? void 0 : {
     label: _nullishCoalesce((backButton ? backButton.label : void 0), () => ( "Back to home")),
     onClick: () => router.push(_nullishCoalesce((backButton ? backButton.href : void 0), () => ( "/")))
@@ -127,7 +127,7 @@ function DevSectionPage({
     // duplicate title. (The hero icon is intentionally dropped: TitleBlock is
     // frozen and renders title-only.)
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-      _chunkFEVLXRTCcjs.PageLayout,
+      _chunk7LGVUXWEcjs.PageLayout,
       {
         title: _nullishCoalesce(title, () => ( section.hero.title)),
         subtitle: _nullishCoalesce(subtitle, () => ( section.hero.description)),
@@ -138,7 +138,7 @@ function DevSectionPage({
       }
     )
   );
-  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFEVLXRTCcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
+  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7LGVUXWEcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
 }
 // src/components/shared/dev-section/dev-card-row.tsx
@@ -196,8 +196,8 @@ function getRelativeTime(timestamp) {
 }
 function DeliveryRow({ item, href, target, caption, id, className }) {
   const taskType = item.taskType;
-  const typeBadgeLabel = _chunkFEVLXRTCcjs.TASK_TYPE_LABELS[taskType] || "TASK";
-  const typeBadgeTextColor = _chunkFEVLXRTCcjs.TASK_TYPE_TEXT_COLORS[taskType] || "";
+  const typeBadgeLabel = _chunk7LGVUXWEcjs.TASK_TYPE_LABELS[taskType] || "TASK";
+  const typeBadgeTextColor = _chunk7LGVUXWEcjs.TASK_TYPE_TEXT_COLORS[taskType] || "";
   const statusBadgeScheme = _chunkNNFQLTJ3cjs.getStatusColorScheme.call(void 0, item.status);
   const relativeTime = getRelativeTime(item.dateUpdated);
   const subtitle = `ACTIVE ${relativeTime}${item.listNames.length > 0 ? `, ${item.listNames.join(", ")}` : ""}, ${item.id}`;
@@ -267,4 +267,4 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
 exports.DevSectionView = DevSectionView; exports.DevSectionPage = DevSectionPage; exports.DevCardRowContent = DevCardRowContent; exports.DevCardRowSkeleton = DevCardRowSkeleton; exports.DevCardRowSkeletonList = DevCardRowSkeletonList; exports.DeliveryRow = DeliveryRow;
-//# sourceMappingURL=chunk-4FJSN2XW.cjs.map
+//# sourceMappingURL=chunk-TDM5FQZG.cjs.map

package/dist/{chunk-4FJSN2XW.cjs.map → chunk-TDM5FQZG.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-4FJSN2XW.cjs","../src/components/shared/dev-section/dev-section-view.tsx","../src/components/shared/dev-section/dev-section-page.tsx","../src/components/shared/dev-section/dev-card-row.tsx","../src/components/shared/delivery/delivery-row.tsx"],"names":["jsx","jsxs"],"mappings":"AAAA,yLAAY;AACZ;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACVA,8BAAyB;AAiHb,+CAAA;AApEL,SAAS,cAAA,CAAe,EAAE,UAAA,EAAY,IAAA,EAAM,WAAA,EAAa,QAAA,EAAU,YAAA,EAAc,KAAK,CAAA,EAAwB;AACnH,EAAA,MAAM,QAAA,EAAU,wCAAA,CAAuB,UAAU,CAAA;AACjD,EAAA,MAAM,OAAA,EAAS,yCAAA,CAAU;AACzB,EAAA,MAAM,SAAA,EAAW,2CAAA,CAAY;AAC7B,EAAA,MAAM,aAAA,EAAe,+CAAA,CAAgB;AAMrC,EAAA,MAAM,OAAA,EAAwC,OAAA,CAAQ,MAAA;AACtD,EAAA,MAAM,OAAA,EAAS,OAAA,CAAQ,MAAA;AAEvB,EAAA,MAAM,cAAA,EAAgB,OAAA,EAAS,YAAA,CAAa,GAAA,CAAI,MAAA,CAAO,QAAQ,EAAA,GAAK,GAAA,EAAK,EAAA;AACzE,EAAA,MAAM,mBAAA,EAAqB,OAAA,EAAS,YAAA,CAAa,GAAA,CAAI,MAAA,CAAO,QAAQ,EAAA,GAAK,MAAA,CAAO,aAAA,EAAe,EAAA;AAS/F,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,EAAA,EAAI,6BAAA,CAAS,EAAA,GAAM,aAAa,CAAA;AAMlE,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,EAAA,EAAI,6BAAA,aAAsB,CAAA;AAC9D,EAAA,GAAA,CAAI,aAAA,IAAiB,aAAA,EAAe;AAClC,IAAA,eAAA,CAAgB,aAAa,CAAA;AAC7B,IAAA,cAAA,CAAe,aAAa,CAAA;AAAA,EAC9B;AAEA,EAAA,MAAM,mBAAA,EAAqB,CAAC,KAAA,EAAA,GAAkB;AAC5C,IAAA,GAAA,CAAI,CAAC,MAAA,EAAQ,MAAA;AACb,IAAA,MAAM,OAAA,EAAS,IAAI,eAAA,CAAgB,YAAA,CAAa,QAAA,CAAS,CAAC,CAAA;AAC1D,IAAA,GAAA,CAAI,KAAA,CAAM,IAAA,CAAK,CAAA,EAAG;AAChB,MAAA,MAAA,CAAO,GAAA,CAAI,MAAA,CAAO,QAAA,EAAU,KAAA,CAAM,IAAA,CAAK,CAAC,CAAA;AAAA,IAC1C,EAAA,KAAO;AACL,MAAA,MAAA,CAAO,MAAA,CAAO,MAAA,CAAO,QAAQ,CAAA;AAG7B,MAAA,IAAA,CAAA,MAAW,IAAA,oBAAO,MAAA,CAAO,cAAA,UAAkB,CAAC,GAAA,EAAG,MAAA,CAAO,MAAA,CAAO,GAAG,CAAA;AAAA,IAClE;AACA,IAAA,MAAM,GAAA,EAAK,MAAA,CAAO,QAAA,CAAS,CAAA;AAC3B,IAAA,MAAA,CAAO,OAAA,CAAQ,GAAA,EAAK,CAAA,EAAA;AACtB,EAAA;AAEM,EAAA;AACgB,IAAA;AACA,IAAA;AACtB,EAAA;AAEM,EAAA;AACS,IAAA;AACM,IAAA;AACE,IAAA;AACL,IAAA;AACE,IAAA;AACpB,EAAA;AAGE,EAAA;AAEK,IAAA;AAEG,sBAAA;AACQ,QAAA;AACS,yBAAA;AACjB,MAAA;AACA,sBAAA;AAGF,IAAA;AAEkB,MAAA;AACd,sBAAA;AAEJ,IAAA;AAGH,IAAA;AAEW,IAAA;AAGN,MAAA;AAAC,QAAA;AAAA,QAAA;AACe,UAAA;AACD,UAAA;AACN,UAAA;AACG,UAAA;AACA,UAAA;AAAA,QAAA;AACZ,MAAA;AAGA,MAAA;AAAC,QAAA;AAAA,QAAA;AACC,UAAA;AACA,UAAA;AACe,UAAA;AAAkB,QAAA;AACnC,MAAA;AAEJ,IAAA;AAGD,IAAA;AACH,EAAA;AAEJ;ADpEyB;AACA;AEVnBA;AAtCyB;AAC7B,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACQ,EAAA;AACc;AACP,EAAA;AACC,EAAA;AAOd,EAAA;AAG2B,IAAA;AACN,IAAA;AACjB,EAAA;AAEA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOJA,oBAAAA;AAAC,MAAA;AAAA,MAAA;AACiB,QAAA;AACN,QAAA;AACA,QAAA;AACD,QAAA;AACG,QAAA;AAEZ,QAAA;AAEA,MAAA;AACF,IAAA;AAAA,EAAA;AAMa,EAAA;AACjB;AFsCyB;AACA;AG5FnB;AATU;AACd,EAAA;AACA,EAAA;AACA,EAAA;AACmB,EAAA;AACnB,EAAA;AACyB;AAEvBC,EAAAA;AACEA,oBAAAA;AACED,sBAAAA;AAKAA,sBAAAA;AAGAA,sBAAAA;AAGF,IAAA;AACC,oBAAA;AACH,EAAA;AAEJ;AAOgB;AAEZA,EAAAA;AAEIC,oBAAAA;AACED,sBAAAA;AAGAA,sBAAAA;AAGAA,sBAAAA;AAEIA,wBAAAA;AACAA,wBAAAA;AACAA,wBAAAA;AAEJ,MAAA;AACF,IAAA;AACAC,oBAAAA;AACED,sBAAAA;AACAA,sBAAAA;AACF,IAAA;AAEJ,EAAA;AAEJ;AAOgB;AAEZA,EAAAA;AAMJ;AHkEyB;AACA;AIhGnB;AAnDmB;AAGA,EAAA;AACF,EAAA;AACF,EAAA;AACD,EAAA;AACC,EAAA;AACC,EAAA;AACG,EAAA;AACD,EAAA;AACD,EAAA;AACd,EAAA;AACT;AA2B8B;AACN,EAAA;AACC,EAAA;AACjB,EAAA;AACA,EAAA;AACe,EAAA;AACJ,EAAA;AAGf,EAAA;AAEEC,oBAAAA;AACc,MAAA;AACZD,sBAAAA;AAKAA,sBAAAA;AAQAA,sBAAAA;AAKF,IAAA;AAQAC,oBAAAA;AACED,sBAAAA;AAAC,QAAA;AAAA,QAAA;AACY,UAAA;AACE,UAAA;AACL,UAAA;AACE,UAAA;AAAA,QAAA;AACZ,MAAA;AACAA,sBAAAA;AAAC,QAAA;AAAA,QAAA;AACO,UAAA;AACE,UAAA;AACG,UAAA;AAA8C,QAAA;AAC3D,MAAA;AACmB,MAAA;AAChB,QAAA;AAAA,QAAA;AACM,UAAA;AACK,UAAA;AACG,UAAA;AACJ,YAAA;AACC,YAAA;AACK,YAAA;AACb,UAAA;AAAA,QAAA;AAEF,MAAA;AACN,IAAA;AACF,EAAA;AAGgB,EAAA;AAChB,IAAA;AAAA;AAAA;AAAA;AAAA;AAKA,IAAA;AACQ,IAAA;AACR,IAAA;AACF,EAAA;AAEuB,EAAA;AAEnB,IAAA;AAIJ,EAAA;AAEU,EAAA;AAQN,IAAA;AAIJ,EAAA;AAGEA,EAAAA;AAIJ;AJiFyB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-4FJSN2XW.cjs","sourcesContent":[null,"'use client';\n\n/*\n DevSectionView — the canonical chrome for ANY dev-center section\n * (Roadmap / Delivery / Releases). One component, used in BOTH:\n \n - tabbed `/roadmap-and-releases` (compact title mode, no `hero`)\n * - full-page `/roadmap`, `/bug-fixes-and-enhancements`, `/releases`\n * (hero mode with icon + description + back link)\n \n Owns: title rendering, the inline search input, the filter pill row,\n * and the URL-param wiring that connects both. The list `children`\n * receive a clean URL contract — they read `?<paramKey>=...` via\n * `useSearchParams()` and refetch on change. No duplicated controls.\n /\n\nimport type { ReactNode } from 'react';\nimport { useState } from 'react';\nimport { useRouter, useSearchParams, usePathname } from '../../../embed-shims';\nimport {\n OPENFRAME_DEV_SECTIONS,\n type OpenframeDevSection,\n type OpenframeDevSectionKey,\n} from '../../../utils/dev-sections/openframe-dev-sections';\nimport { StatusFilterComponent } from '../../features';\nimport { SearchInput } from '../../ui';\n\nexport interface DevSectionViewProps {\n /* Which section to render — drives title, search, and filter\n * config via the `OPENFRAME_DEV_SECTIONS` registry. /\n sectionKey: OpenframeDevSectionKey;\n /* When set, renders the rich page-level hero (icon + h1 + description).\n * Omit for the compact tab-context heading. /\n hero?: {\n /* Pre-rendered icon JSX. Server components render the icon themselves\n * and pass the element here — function references can't cross the\n * server→client boundary, but React elements can. /\n icon: ReactNode;\n /* Hero title. Falls back to `OPENFRAME_DEV_SECTIONS[sectionKey].hero.title`\n * when omitted, so embedders can override the (OpenFrame-specific) default\n * copy without forking the registry. /\n title?: string;\n description: string;\n };\n /* Optional slot rendered BETWEEN the hero and the search/filter\n * controls. Use this for an entry-action surface that should sit\n * above the list (e.g. the Help Center's \"Open a new ticket\" form).\n * The slot is wrapped in the same `gap-10` flex column so spacing\n * matches the surrounding chrome — callers should NOT add their\n * own top/bottom margin. Renders `null` (no DOM) when omitted. /\n preControls?: ReactNode;\n /* The page-specific list body. Reads URL params written by this\n * component (search input + filter pills). /\n children: ReactNode;\n /* Render this component's own title heading (hero or compact `h2`). Default\n * `true` — the tab context renders the compact heading itself. Pass `false`\n * when the host already renders the title elsewhere (e.g. `DevSectionPage`\n * routes it through the unified `PageLayout` `TitleBlock`): then only the\n * search + filter controls + list render, with no duplicate heading. /\n showHeading?: boolean;\n}\n\nexport function DevSectionView({ sectionKey, hero, preControls, children, showHeading = true }: DevSectionViewProps) {\n const section = OPENFRAME_DEV_SECTIONS[sectionKey];\n const router = useRouter();\n const pathname = usePathname();\n const searchParams = useSearchParams();\n\n // Widen from the registry's per-section literal types to the interface —\n // optional fields (`clearParamKeys`) exist on the interface but not on\n // every section's inferred literal. Sound: the registry `satisfies`\n // `Record<string, OpenframeDevSection>`.\n const search: OpenframeDevSection['search'] = section.search;\n const filter = section.filter;\n\n const currentSearch = search ? searchParams.get(search.paramKey) \|\| '' : '';\n const currentFilterValue = filter ? searchParams.get(filter.paramKey) \|\| filter.defaultValue : '';\n\n // Controlled search-input state — TYPING commits to the URL only on\n // Enter (not on every keystroke), but CLEARING commits immediately:\n // an emptied input must not keep filtering the list (the URL param —\n // and any linked `clearParamKeys` companion like the tickets\n // `?ticket=` drawer param — previously survived until Enter).\n // Lazy init from URL avoids a brief flash of stale value on first\n // paint after URL-driven re-render (e.g. tab switch).\n const [searchValue, setSearchValue] = useState(() => currentSearch);\n // Re-sync when the URL changes underneath us (tab switch, back/forward,\n // a companion param cleared elsewhere). Adjusted while rendering — React's\n // documented prop-sync pattern — rather than from an effect, which would\n // commit one frame with the input still showing the previous section's\n // query before replacing it.\n const [syncedSearch, setSyncedSearch] = useState(currentSearch);\n if (syncedSearch !== currentSearch) {\n setSyncedSearch(currentSearch);\n setSearchValue(currentSearch);\n }\n\n const handleSearchSubmit = (value: string) => {\n if (!search) return;\n const params = new URLSearchParams(searchParams.toString());\n if (value.trim()) {\n params.set(search.paramKey, value.trim());\n } else {\n params.delete(search.paramKey);\n // Empty commit tears down the search's linked companion params too\n // (deep links set them TOGETHER — see the config field docs).\n for (const key of search.clearParamKeys ?? []) params.delete(key);\n }\n const qs = params.toString();\n router.replace(qs ? `${pathname}?${qs}` : pathname, { scroll: false });\n };\n\n const handleSearchChange = (value: string) => {\n setSearchValue(value);\n if (value === '' && currentSearch !== '') handleSearchSubmit('');\n };\n\n const handleFilterChange = (value: string) => {\n if (!filter) return;\n const params = new URLSearchParams(searchParams.toString());\n if (value === filter.defaultValue) params.delete(filter.paramKey);\n else params.set(filter.paramKey, value);\n router.replace(`${pathname}?${params.toString()}`, { scroll: false });\n };\n\n return (\n <div className=\"flex w-full flex-col gap-10\">\n {showHeading &&\n (hero ? (\n <div className=\"space-y-4\">\n <h1 className=\"flex items-center gap-3 tracking-[-1.12px] text-ods-text-primary text-h1\">\n {hero.icon}\n {hero.title ?? section.hero.title}\n </h1>\n <p className=\"max-w-3xl text-ods-text-secondary text-h4\">{hero.description}</p>\n </div>\n ) : (\n <div className=\"flex w-full items-center justify-between\">\n <h2 className=\"font-['Azeret_Mono'] text-[32px] font-semibold leading-[40px] tracking-[-0.64px] text-ods-text-primary md:text-[40px] md:leading-[48px] md:tracking-[-0.8px] lg:text-[48px] lg:leading-[56px] lg:tracking-[-0.96px]\">\n {section.hero.title}\n <span className=\"text-ods-accent\">:</span>\n </h2>\n </div>\n ))}\n\n {preControls}\n\n {(search \|\| filter) && (\n <div className=\"space-y-4\">\n {search && (\n <SearchInput\n showDropdown={false}\n placeholder={search.placeholder}\n value={searchValue}\n onChange={handleSearchChange}\n onSubmit={handleSearchSubmit}\n />\n )}\n {filter && (\n <StatusFilterComponent\n selectedStatus={currentFilterValue}\n onStatusChange={handleFilterChange}\n statusOptions={[...filter.options]}\n />\n )}\n </div>\n )}\n\n {children}\n </div>\n );\n}\n","'use client';\n\n/\n DevSectionPage — full-page wrapper for a dev-center section\n * (`/roadmap`, `/bug-fixes-and-enhancements`, `/releases`).\n \n Mounts the lib's canonical `PageLayout` directly (no in-app wrapper)\n * so the back-button affordance stays in lockstep with whatever the\n * design system ships — any future lib change to BackButton / TitleBlock\n * propagates automatically.\n \n Composition: `PageShell` → `PageLayout` (back-to-home wired) →\n * `DevSectionView` (icon hero + search + filter pills) → list body.\n \n Adding a new section is one entry in `OPENFRAME_DEV_SECTIONS` plus a\n * single-line page file mounting this factory with the new key.\n /\n\nimport type { ReactNode } from 'react';\nimport { useRouter } from '../../../embed-shims/next-navigation';\nimport {\n OPENFRAME_DEV_SECTIONS,\n type OpenframeDevSectionKey,\n} from '../../../utils/dev-sections/openframe-dev-sections';\nimport { PageShell, PageLayout } from '../../ui';\nimport { DevSectionView } from './dev-section-view';\n\nexport interface DevSectionPageProps {\n sectionKey: OpenframeDevSectionKey;\n /* The page-specific list body (e.g. `<RoadmapList />`). /\n children: ReactNode;\n /* Optional slot rendered BETWEEN the hero and search/filter — see\n * `DevSectionView.preControls`. Used by surfaces that want an entry\n * action (e.g. Help Center's \"Open a new ticket\" form) above the\n * controls instead of below them. /\n preControls?: ReactNode;\n /* Back-button config — same shape as `LegalDocumentPage` /\n * `ReleaseDetailPage`. Pass `false` to hide entirely. Default\n * `{ label: 'Back to home', href: '/' }` — embedders whose \"home\" isn't `/`\n * should override `href`, or pass `false` if the embed has no home page. /\n backButton?: { label?: string; href?: string } \| false;\n /* Override the hero title. Defaults to the (OpenFrame-specific) copy in\n * `OPENFRAME_DEV_SECTIONS[sectionKey].hero.title`. Set this to brand the\n * section for a non-OpenFrame embed. /\n title?: string;\n /* Override the hero subtitle/description. Defaults to\n * `OPENFRAME_DEV_SECTIONS[sectionKey].hero.description`. /\n subtitle?: string;\n /* Render the standalone `<PageShell>` (own `<main>` + bg + max-width). Default\n * `true` — the contract for marketing/hub surfaces with no app shell. Pass\n * `false` when the host layout already provides the page container (e.g.\n * openframe-frontend's `AppLayout` `<main>`): then only the\n * `page-shell-content` padding box is rendered, avoiding a nested `<main>`. /\n shell?: boolean;\n}\n\nexport function DevSectionPage({\n sectionKey,\n children,\n preControls,\n backButton,\n title,\n subtitle,\n shell = true,\n}: DevSectionPageProps) {\n const router = useRouter();\n const section = OPENFRAME_DEV_SECTIONS[sectionKey];\n\n // Back-button config — mirrors LegalDocumentPage / ReleaseDetailPage.\n // Default: { label: 'Back to home', href: '/' }. Pass `false` to hide.\n // After `backButton &&` narrowing, inner type is `{ label?, href? } \|\n // undefined`; don't re-compare to `false` (TS2367).\n const backCfg =\n backButton === false\n ? undefined\n : {\n label: (backButton ? backButton.label : undefined) ?? 'Back to home',\n onClick: () => router.push((backButton ? backButton.href : undefined) ?? '/'),\n };\n\n const inner = (\n // Unified header: title/description route through the canonical (frozen)\n // `PageLayout` `TitleBlock` (text-h2) — same as FAQ / Legal / detail pages —\n // so every help-center surface shares one header. `DevSectionView` then\n // renders ONLY its search + filter controls (`showHeading={false}`), no\n // duplicate title. (The hero icon is intentionally dropped: TitleBlock is\n // frozen and renders title-only.)\n <PageLayout\n title={title ?? section.hero.title}\n subtitle={subtitle ?? section.hero.description}\n titleSize=\"h1\"\n titleWrap\n backButton={backCfg}\n >\n <DevSectionView sectionKey={sectionKey} showHeading={false} preControls={preControls}>\n {children}\n </DevSectionView>\n </PageLayout>\n );\n\n // `shell` true → standalone `<PageShell>` (own <main> + bg + max-width).\n // false → padding-only box (no nested <main>) for hosts whose layout already\n // provides the container; both consume the host's `--page-shell-` vars.\n return shell ? <PageShell>{inner}</PageShell> : <div className=\"page-shell-content\">{inner}</div>;\n}\n","'use client';\n\n/*\n Shared row chrome for any `DevSectionPage` list (delivery, tickets,\n * future sections). One source of truth for the layout that every\n * dev-section card row uses:\n * left column → title (h3) / subtitle (h5 uppercase) / description\n * (h4 line-clamp-3), each in a fixed min-height block\n * so rows align across the grid\n * right column → caller-supplied stacked badges\n \n Surface stays small on purpose — `rightBadges` is a `ReactNode` so\n * the caller decides how many badges (delivery: 2, tickets: 1-2,\n * future: anything). No behavior baked in: the caller wraps the row\n * in a `<div>` (static, like delivery) or `<button>` (clickable, like\n * tickets) and renders the row content via this component.\n \n Pair with `DevCardRowSkeletonList` for the loading state — the\n * skeleton mirrors the same min-heights so the in-flight UI doesn't\n * shift the layout when real data lands.\n \n NOTE: the ticket conversation row is NOT here — it renders the shared\n * `<ChatMessageRow>` (`components/chat/chat-message-row.tsx`), the SAME\n * component the OpenMSP Slack-community feed uses, so the two surfaces stay\n * pixel-identical by construction.\n /\n\nimport type { ReactNode } from 'react';\n\nexport interface DevCardRowContentProps {\n title: string;\n /* Single-line uppercase metadata (e.g. \"UPDATED today, #4271, Code review\"). /\n subtitle: string;\n /* 3-line description block. Empty string renders the fallback. /\n description: string;\n /* Fallback copy when `description` is empty. Defaults to a generic\n * string; ticket / delivery surfaces override. /\n emptyDescription?: string;\n /* Right column — caller renders its own stacked badges. /\n rightBadges: ReactNode;\n}\n\nexport function DevCardRowContent({\n title,\n subtitle,\n description,\n emptyDescription = 'No description provided',\n rightBadges,\n}: DevCardRowContentProps) {\n return (\n <div className=\"flex w-full flex-col items-start justify-between gap-[12px] md:flex-row md:gap-[16px]\">\n <div className=\"flex w-full min-w-0 flex-1 flex-col gap-[12px] md:w-auto md:gap-[16px]\">\n <div className=\"flex min-h-[24px] items-center\">\n <h3 className=\"line-clamp-2 flex-1 break-words tracking-[-0.36px] text-ods-text-primary text-h3 md:truncate\">\n {title}\n </h3>\n </div>\n <div className=\"flex min-h-[20px] items-center\">\n <p className=\"truncate uppercase tracking-[-0.28px] text-ods-text-secondary text-h5\">{subtitle}</p>\n </div>\n <div className=\"flex min-h-[72px] items-center\">\n <p className=\"line-clamp-3 break-words text-ods-text-secondary text-h4\">{description \|\| emptyDescription}</p>\n </div>\n </div>\n <div className=\"flex flex-shrink-0 flex-col gap-2 self-start\">{rightBadges}</div>\n </div>\n );\n}\n\n/\n Skeleton rendering for a single row — the bars mirror the same\n * min-heights as `DevCardRowContent` so the loading→loaded swap\n * doesn't reflow.\n /\nexport function DevCardRowSkeleton() {\n return (\n <div className=\"border-b border-ods-border p-[12px] last:border-b-0 md:p-[16px]\">\n <div className=\"flex w-full flex-col items-start justify-between gap-[12px] md:flex-row md:gap-[16px]\">\n <div className=\"flex w-full min-w-0 flex-1 flex-col gap-[12px] md:w-auto md:gap-[16px]\">\n <div className=\"flex min-h-[24px] items-center\">\n <div className=\"h-[20px] w-full animate-pulse rounded bg-ods-border\" />\n </div>\n <div className=\"flex min-h-[20px] items-center\">\n <div className=\"h-[20px] w-1/2 animate-pulse rounded bg-ods-border\" />\n </div>\n <div className=\"flex min-h-[72px] items-center\">\n <div className=\"flex-1 space-y-1\">\n <div className=\"h-[20px] w-full animate-pulse rounded bg-ods-border\" />\n <div className=\"h-[20px] w-full animate-pulse rounded bg-ods-border\" />\n <div className=\"h-[20px] w-2/3 animate-pulse rounded bg-ods-border\" />\n </div>\n </div>\n </div>\n <div className=\"flex flex-shrink-0 flex-col gap-2 self-start\">\n <div className=\"h-[32px] w-[100px] animate-pulse rounded bg-ods-border\" />\n <div className=\"h-[32px] w-[120px] animate-pulse rounded bg-ods-border\" />\n </div>\n </div>\n </div>\n );\n}\n\n/\n The standard \"5 skeleton rows inside a bordered card\" loading state\n * used by every list shell. Both delivery (`delivery-table.tsx`) and\n * tickets (`tickets-list.tsx`) mount this directly.\n /\nexport function DevCardRowSkeletonList({ rows = 5 }: { rows?: number }) {\n return (\n <div className=\"w-full overflow-hidden rounded-[6px] border border-ods-border bg-ods-card\">\n {Array.from({ length: rows }, (_, i) => (\n <DevCardRowSkeleton key={i} />\n ))}\n </div>\n );\n}\n","'use client';\n\n/\n `<DeliveryRow />` — canonical single-row presentation for a ClickUp\n * delivery item.\n \n Single source of truth: both the `/bug-fixes-and-enhancements` page\n * (via `DeliveryTable`) AND the linked-delivery card on a HubSpot ticket\n * (via `TicketLinkedDeliveryCard`) compose this primitive. Visual parity\n * across those two surfaces is the design goal — the user reads the\n * card on their ticket and recognises it as a row from the public\n * delivery list.\n \n Behaviors:\n * - `href` set → outer element is an `<a>`, the whole row becomes\n * clickable (used by the linked-card surface to deep-link into\n * `/bug-fixes-and-enhancements?focus=<id>`).\n * - `id` set → outer element gets that DOM id so the consuming page\n * can `scrollIntoView` to it when the URL carries `?focus=<id>`.\n * - `highlighted` true → brief accent border + background pulse\n * (`animate-flash-focus` keyframe defined in `tailwind.config.ts`).\n * - `caption` set → small uppercase label rendered above the title\n * (\"LINKED DELIVERY\" on the ticket-side variant). Omitted on the\n * standard list rendering.\n /\n\nimport Link from '../../../embed-shims/next-link';\nimport { type DeliveryItem, TASK_TYPE_LABELS, TASK_TYPE_TEXT_COLORS } from '../../../types/delivery';\nimport { getStatusColorScheme } from '../../../utils';\nimport { cn } from '../../../utils/cn';\nimport { AvatarStack } from '../../ui/avatar-stack';\nimport { StatusBadge } from '../../ui/status-badge';\n\n/* Same heuristic as DeliveryTable's local helper. Inlined so the row\n * primitive owns its complete rendering contract. /\nfunction getRelativeTime(timestamp: number): string {\n // A missing or zero timestamp is ABSENT data, not the epoch — without this\n // the row reads \"678 months ago\" for a task the API never dated.\n if (!timestamp) return 'recently';\n const now = Date.now();\n const diff = now - timestamp;\n const days = Math.floor(diff / (1000 60 * 60 * 24));\n const weeks = Math.floor(days / 7);\n const months = Math.floor(days / 30);\n if (months > 0) return months === 1 ? 'last month' : `${months} months ago`;\n if (weeks > 0) return weeks === 1 ? 'last week' : `${weeks} weeks ago`;\n if (days > 0) return days === 1 ? 'yesterday' : `${days} days ago`;\n return 'today';\n}\n\nexport interface DeliveryRowProps {\n item: DeliveryItem;\n /** When set, the row becomes a clickable anchor. The ticket-side\n * linked-card composes this from `buildDevSectionUrl('delivery', id)`\n * which carries `?search=<id>` — the delivery list filters to that\n * exact task on landing (canonical deep-link mechanism, same one\n * the chat-inline delivery card uses). /\n href?: string;\n /* Small uppercase caption rendered above the title. Used by the\n * linked-delivery card variant (\"LINKED DELIVERY\"). /\n caption?: string;\n /* DOM `id` applied to the row's outer element. `DeliveryTable`\n * always sets `delivery-<external_id>` so chat-card deep-links\n * (`?search=<id>#delivery-<id>`) and the ticket linked-card path\n * both have a target for `useScrollToHash` to scroll to. Always\n * paired with `scroll-mt-24` on the outer element so the row lands\n * BELOW the sticky chrome after the scroll. /\n id?: string;\n /* `'_blank'` renders a plain external anchor (new tab, `rel` hardened) —\n * for rows whose href leaves the app (e.g. the raw ClickUp task URL on the\n * design-doc surfaces). Internal deep-links omit it and keep the Link shim. /\n target?: '_blank';\n className?: string;\n}\n\nexport function DeliveryRow({ item, href, target, caption, id, className }: DeliveryRowProps) {\n const taskType = item.taskType as keyof typeof TASK_TYPE_LABELS;\n const typeBadgeLabel = TASK_TYPE_LABELS[taskType] \|\| 'TASK';\n const typeBadgeTextColor = TASK_TYPE_TEXT_COLORS[taskType] \|\| '';\n const statusBadgeScheme = getStatusColorScheme(item.status);\n const relativeTime = getRelativeTime(item.dateUpdated);\n const subtitle = `ACTIVE ${relativeTime}${item.listNames.length > 0 ? `, ${item.listNames.join(', ')}` : ''}, ${item.id}`;\n\n const inner = (\n <div className=\"flex w-full flex-col items-start justify-between gap-[12px] md:flex-row md:gap-[16px]\">\n {/ Left: caption (optional) + title + subtitle + description /}\n <div className=\"flex w-full min-w-0 flex-1 flex-col gap-[12px] md:w-auto md:gap-[16px]\">\n {caption && <p className=\"text-ods-text-secondary text-h5\">{caption}</p>}\n <div className=\"flex min-h-[24px] items-center md:min-h-[24px]\">\n <h3 className=\"line-clamp-2 flex-1 break-words tracking-[-0.36px] text-ods-text-primary text-h3 md:truncate\">\n {item.title}\n </h3>\n </div>\n <div className=\"flex min-h-[20px] items-center\">\n {/ Relative time is wall-clock-derived: on an SSR host the server and\n client render different strings a moment apart — text-only, so\n suppress instead of forcing a client-only render. /}\n <p className=\"truncate uppercase tracking-[-0.28px] text-ods-text-secondary text-h5\" suppressHydrationWarning>\n {subtitle}\n </p>\n </div>\n <div className=\"flex min-h-[72px] items-center\">\n <p className=\"line-clamp-3 break-words text-ods-text-secondary text-h4\">\n {item.description \|\| 'No description provided'}\n </p>\n </div>\n </div>\n\n {/ Right (desktop): badges + assignee stack in a right-aligned\n column. Mobile: ONE horizontal footer row — badges lead,\n avatars anchor the right edge (kanban-card convention: the\n assignee owns the trailing slot of the meta row; a column of\n right-aligned orphans under the description reads as clutter\n on small screens). */}\n <div className=\"flex w-full flex-shrink-0 flex-row items-center gap-2 self-stretch md:w-auto md:flex-col md:items-end md:self-start\">\n <StatusBadge\n text={item.status.toUpperCase()}\n colorScheme={statusBadgeScheme}\n variant=\"card\"\n className=\"border border-ods-border\"\n />\n <StatusBadge\n text={typeBadgeLabel}\n variant=\"card\"\n className={`border border-ods-border ${typeBadgeTextColor}`}\n />\n {item.assignees && item.assignees.length > 0 ? (\n <AvatarStack\n size=\"xs\"\n className=\"ml-auto md:ml-0\"\n people={item.assignees.map(a => ({\n key: a.id,\n name: a.name ?? 'Unknown',\n avatarUrl: a.avatarUrl,\n }))}\n />\n ) : null}\n </div>\n </div>\n );\n\n const baseClass = cn(\n 'block p-[12px] text-inherit no-underline transition-colors duration-150 md:p-[16px]',\n // `scroll-mt-24` is paid for whether `id` is set or not (it's a\n // single Tailwind utility, no runtime cost). Keeping it\n // unconditional means a future caller adding `id` doesn't also\n // have to remember to ask for the offset.\n 'scroll-mt-24',\n href && 'cursor-pointer hover:bg-ods-bg-hover',\n className,\n );\n\n if (href && target === '_blank') {\n return (\n <a href={href} id={id} className={baseClass} target=\"_blank\" rel=\"noopener noreferrer\">\n {inner}\n </a>\n );\n }\n\n if (href) {\n // `Link` is the env-aware embed-shim — delegates to `next/link` on\n // a Next.js host (soft RSC nav, back-button restores the previous\n // page's React state intact), falls back to a plain `<a>` on\n // non-Next embedders. A raw `<a href>` was hard-navigating +\n // losing TanStack-Query state on back, leaving /tickets stuck on\n // its skeleton.\n return (\n <Link href={href} id={id} className={baseClass} prefetch={false}>\n {inner}\n </Link>\n );\n }\n\n return (\n <div id={id} className={baseClass}>\n {inner}\n </div>\n );\n}\n"]}
1	+ {"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-TDM5FQZG.cjs","../src/components/shared/dev-section/dev-section-view.tsx","../src/components/shared/dev-section/dev-section-page.tsx","../src/components/shared/dev-section/dev-card-row.tsx","../src/components/shared/delivery/delivery-row.tsx"],"names":["jsx","jsxs"],"mappings":"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","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-TDM5FQZG.cjs","sourcesContent":[null,"'use client';\n\n/*\n DevSectionView — the canonical chrome for ANY dev-center section\n * (Roadmap / Delivery / Releases). One component, used in BOTH:\n \n - tabbed `/roadmap-and-releases` (compact title mode, no `hero`)\n * - full-page `/roadmap`, `/bug-fixes-and-enhancements`, `/releases`\n * (hero mode with icon + description + back link)\n \n Owns: title rendering, the inline search input, the filter pill row,\n * and the URL-param wiring that connects both. The list `children`\n * receive a clean URL contract — they read `?<paramKey>=...` via\n * `useSearchParams()` and refetch on change. No duplicated controls.\n /\n\nimport type { ReactNode } from 'react';\nimport { useState } from 'react';\nimport { useRouter, useSearchParams, usePathname } from '../../../embed-shims';\nimport {\n OPENFRAME_DEV_SECTIONS,\n type OpenframeDevSection,\n type OpenframeDevSectionKey,\n} from '../../../utils/dev-sections/openframe-dev-sections';\nimport { StatusFilterComponent } from '../../features';\nimport { SearchInput } from '../../ui';\n\nexport interface DevSectionViewProps {\n /* Which section to render — drives title, search, and filter\n * config via the `OPENFRAME_DEV_SECTIONS` registry. /\n sectionKey: OpenframeDevSectionKey;\n /* When set, renders the rich page-level hero (icon + h1 + description).\n * Omit for the compact tab-context heading. /\n hero?: {\n /* Pre-rendered icon JSX. Server components render the icon themselves\n * and pass the element here — function references can't cross the\n * server→client boundary, but React elements can. /\n icon: ReactNode;\n /* Hero title. Falls back to `OPENFRAME_DEV_SECTIONS[sectionKey].hero.title`\n * when omitted, so embedders can override the (OpenFrame-specific) default\n * copy without forking the registry. /\n title?: string;\n description: string;\n };\n /* Optional slot rendered BETWEEN the hero and the search/filter\n * controls. Use this for an entry-action surface that should sit\n * above the list (e.g. the Help Center's \"Open a new ticket\" form).\n * The slot is wrapped in the same `gap-10` flex column so spacing\n * matches the surrounding chrome — callers should NOT add their\n * own top/bottom margin. Renders `null` (no DOM) when omitted. /\n preControls?: ReactNode;\n /* The page-specific list body. Reads URL params written by this\n * component (search input + filter pills). /\n children: ReactNode;\n /* Render this component's own title heading (hero or compact `h2`). Default\n * `true` — the tab context renders the compact heading itself. Pass `false`\n * when the host already renders the title elsewhere (e.g. `DevSectionPage`\n * routes it through the unified `PageLayout` `TitleBlock`): then only the\n * search + filter controls + list render, with no duplicate heading. /\n showHeading?: boolean;\n}\n\nexport function DevSectionView({ sectionKey, hero, preControls, children, showHeading = true }: DevSectionViewProps) {\n const section = OPENFRAME_DEV_SECTIONS[sectionKey];\n const router = useRouter();\n const pathname = usePathname();\n const searchParams = useSearchParams();\n\n // Widen from the registry's per-section literal types to the interface —\n // optional fields (`clearParamKeys`) exist on the interface but not on\n // every section's inferred literal. Sound: the registry `satisfies`\n // `Record<string, OpenframeDevSection>`.\n const search: OpenframeDevSection['search'] = section.search;\n const filter = section.filter;\n\n const currentSearch = search ? searchParams.get(search.paramKey) \|\| '' : '';\n const currentFilterValue = filter ? searchParams.get(filter.paramKey) \|\| filter.defaultValue : '';\n\n // Controlled search-input state — TYPING commits to the URL only on\n // Enter (not on every keystroke), but CLEARING commits immediately:\n // an emptied input must not keep filtering the list (the URL param —\n // and any linked `clearParamKeys` companion like the tickets\n // `?ticket=` drawer param — previously survived until Enter).\n // Lazy init from URL avoids a brief flash of stale value on first\n // paint after URL-driven re-render (e.g. tab switch).\n const [searchValue, setSearchValue] = useState(() => currentSearch);\n // Re-sync when the URL changes underneath us (tab switch, back/forward,\n // a companion param cleared elsewhere). Adjusted while rendering — React's\n // documented prop-sync pattern — rather than from an effect, which would\n // commit one frame with the input still showing the previous section's\n // query before replacing it.\n const [syncedSearch, setSyncedSearch] = useState(currentSearch);\n if (syncedSearch !== currentSearch) {\n setSyncedSearch(currentSearch);\n setSearchValue(currentSearch);\n }\n\n const handleSearchSubmit = (value: string) => {\n if (!search) return;\n const params = new URLSearchParams(searchParams.toString());\n if (value.trim()) {\n params.set(search.paramKey, value.trim());\n } else {\n params.delete(search.paramKey);\n // Empty commit tears down the search's linked companion params too\n // (deep links set them TOGETHER — see the config field docs).\n for (const key of search.clearParamKeys ?? []) params.delete(key);\n }\n const qs = params.toString();\n router.replace(qs ? `${pathname}?${qs}` : pathname, { scroll: false });\n };\n\n const handleSearchChange = (value: string) => {\n setSearchValue(value);\n if (value === '' && currentSearch !== '') handleSearchSubmit('');\n };\n\n const handleFilterChange = (value: string) => {\n if (!filter) return;\n const params = new URLSearchParams(searchParams.toString());\n if (value === filter.defaultValue) params.delete(filter.paramKey);\n else params.set(filter.paramKey, value);\n router.replace(`${pathname}?${params.toString()}`, { scroll: false });\n };\n\n return (\n <div className=\"flex w-full flex-col gap-10\">\n {showHeading &&\n (hero ? (\n <div className=\"space-y-4\">\n <h1 className=\"flex items-center gap-3 tracking-[-1.12px] text-ods-text-primary text-h1\">\n {hero.icon}\n {hero.title ?? section.hero.title}\n </h1>\n <p className=\"max-w-3xl text-ods-text-secondary text-h4\">{hero.description}</p>\n </div>\n ) : (\n <div className=\"flex w-full items-center justify-between\">\n <h2 className=\"font-['Azeret_Mono'] text-[32px] font-semibold leading-[40px] tracking-[-0.64px] text-ods-text-primary md:text-[40px] md:leading-[48px] md:tracking-[-0.8px] lg:text-[48px] lg:leading-[56px] lg:tracking-[-0.96px]\">\n {section.hero.title}\n <span className=\"text-ods-accent\">:</span>\n </h2>\n </div>\n ))}\n\n {preControls}\n\n {(search \|\| filter) && (\n <div className=\"space-y-4\">\n {search && (\n <SearchInput\n showDropdown={false}\n placeholder={search.placeholder}\n value={searchValue}\n onChange={handleSearchChange}\n onSubmit={handleSearchSubmit}\n />\n )}\n {filter && (\n <StatusFilterComponent\n selectedStatus={currentFilterValue}\n onStatusChange={handleFilterChange}\n statusOptions={[...filter.options]}\n />\n )}\n </div>\n )}\n\n {children}\n </div>\n );\n}\n","'use client';\n\n/\n DevSectionPage — full-page wrapper for a dev-center section\n * (`/roadmap`, `/bug-fixes-and-enhancements`, `/releases`).\n \n Mounts the lib's canonical `PageLayout` directly (no in-app wrapper)\n * so the back-button affordance stays in lockstep with whatever the\n * design system ships — any future lib change to BackButton / TitleBlock\n * propagates automatically.\n \n Composition: `PageShell` → `PageLayout` (back-to-home wired) →\n * `DevSectionView` (icon hero + search + filter pills) → list body.\n \n Adding a new section is one entry in `OPENFRAME_DEV_SECTIONS` plus a\n * single-line page file mounting this factory with the new key.\n /\n\nimport type { ReactNode } from 'react';\nimport { useRouter } from '../../../embed-shims/next-navigation';\nimport {\n OPENFRAME_DEV_SECTIONS,\n type OpenframeDevSectionKey,\n} from '../../../utils/dev-sections/openframe-dev-sections';\nimport { PageShell, PageLayout } from '../../ui';\nimport { DevSectionView } from './dev-section-view';\n\nexport interface DevSectionPageProps {\n sectionKey: OpenframeDevSectionKey;\n /* The page-specific list body (e.g. `<RoadmapList />`). /\n children: ReactNode;\n /* Optional slot rendered BETWEEN the hero and search/filter — see\n * `DevSectionView.preControls`. Used by surfaces that want an entry\n * action (e.g. Help Center's \"Open a new ticket\" form) above the\n * controls instead of below them. /\n preControls?: ReactNode;\n /* Back-button config — same shape as `LegalDocumentPage` /\n * `ReleaseDetailPage`. Pass `false` to hide entirely. Default\n * `{ label: 'Back to home', href: '/' }` — embedders whose \"home\" isn't `/`\n * should override `href`, or pass `false` if the embed has no home page. /\n backButton?: { label?: string; href?: string } \| false;\n /* Override the hero title. Defaults to the (OpenFrame-specific) copy in\n * `OPENFRAME_DEV_SECTIONS[sectionKey].hero.title`. Set this to brand the\n * section for a non-OpenFrame embed. /\n title?: string;\n /* Override the hero subtitle/description. Defaults to\n * `OPENFRAME_DEV_SECTIONS[sectionKey].hero.description`. /\n subtitle?: string;\n /* Render the standalone `<PageShell>` (own `<main>` + bg + max-width). Default\n * `true` — the contract for marketing/hub surfaces with no app shell. Pass\n * `false` when the host layout already provides the page container (e.g.\n * openframe-frontend's `AppLayout` `<main>`): then only the\n * `page-shell-content` padding box is rendered, avoiding a nested `<main>`. /\n shell?: boolean;\n}\n\nexport function DevSectionPage({\n sectionKey,\n children,\n preControls,\n backButton,\n title,\n subtitle,\n shell = true,\n}: DevSectionPageProps) {\n const router = useRouter();\n const section = OPENFRAME_DEV_SECTIONS[sectionKey];\n\n // Back-button config — mirrors LegalDocumentPage / ReleaseDetailPage.\n // Default: { label: 'Back to home', href: '/' }. Pass `false` to hide.\n // After `backButton &&` narrowing, inner type is `{ label?, href? } \|\n // undefined`; don't re-compare to `false` (TS2367).\n const backCfg =\n backButton === false\n ? undefined\n : {\n label: (backButton ? backButton.label : undefined) ?? 'Back to home',\n onClick: () => router.push((backButton ? backButton.href : undefined) ?? '/'),\n };\n\n const inner = (\n // Unified header: title/description route through the canonical (frozen)\n // `PageLayout` `TitleBlock` (text-h2) — same as FAQ / Legal / detail pages —\n // so every help-center surface shares one header. `DevSectionView` then\n // renders ONLY its search + filter controls (`showHeading={false}`), no\n // duplicate title. (The hero icon is intentionally dropped: TitleBlock is\n // frozen and renders title-only.)\n <PageLayout\n title={title ?? section.hero.title}\n subtitle={subtitle ?? section.hero.description}\n titleSize=\"h1\"\n titleWrap\n backButton={backCfg}\n >\n <DevSectionView sectionKey={sectionKey} showHeading={false} preControls={preControls}>\n {children}\n </DevSectionView>\n </PageLayout>\n );\n\n // `shell` true → standalone `<PageShell>` (own <main> + bg + max-width).\n // false → padding-only box (no nested <main>) for hosts whose layout already\n // provides the container; both consume the host's `--page-shell-` vars.\n return shell ? <PageShell>{inner}</PageShell> : <div className=\"page-shell-content\">{inner}</div>;\n}\n","'use client';\n\n/*\n Shared row chrome for any `DevSectionPage` list (delivery, tickets,\n * future sections). One source of truth for the layout that every\n * dev-section card row uses:\n * left column → title (h3) / subtitle (h5 uppercase) / description\n * (h4 line-clamp-3), each in a fixed min-height block\n * so rows align across the grid\n * right column → caller-supplied stacked badges\n \n Surface stays small on purpose — `rightBadges` is a `ReactNode` so\n * the caller decides how many badges (delivery: 2, tickets: 1-2,\n * future: anything). No behavior baked in: the caller wraps the row\n * in a `<div>` (static, like delivery) or `<button>` (clickable, like\n * tickets) and renders the row content via this component.\n \n Pair with `DevCardRowSkeletonList` for the loading state — the\n * skeleton mirrors the same min-heights so the in-flight UI doesn't\n * shift the layout when real data lands.\n \n NOTE: the ticket conversation row is NOT here — it renders the shared\n * `<ChatMessageRow>` (`components/chat/chat-message-row.tsx`), the SAME\n * component the OpenMSP Slack-community feed uses, so the two surfaces stay\n * pixel-identical by construction.\n /\n\nimport type { ReactNode } from 'react';\n\nexport interface DevCardRowContentProps {\n title: string;\n /* Single-line uppercase metadata (e.g. \"UPDATED today, #4271, Code review\"). /\n subtitle: string;\n /* 3-line description block. Empty string renders the fallback. /\n description: string;\n /* Fallback copy when `description` is empty. Defaults to a generic\n * string; ticket / delivery surfaces override. /\n emptyDescription?: string;\n /* Right column — caller renders its own stacked badges. /\n rightBadges: ReactNode;\n}\n\nexport function DevCardRowContent({\n title,\n subtitle,\n description,\n emptyDescription = 'No description provided',\n rightBadges,\n}: DevCardRowContentProps) {\n return (\n <div className=\"flex w-full flex-col items-start justify-between gap-[12px] md:flex-row md:gap-[16px]\">\n <div className=\"flex w-full min-w-0 flex-1 flex-col gap-[12px] md:w-auto md:gap-[16px]\">\n <div className=\"flex min-h-[24px] items-center\">\n <h3 className=\"line-clamp-2 flex-1 break-words tracking-[-0.36px] text-ods-text-primary text-h3 md:truncate\">\n {title}\n </h3>\n </div>\n <div className=\"flex min-h-[20px] items-center\">\n <p className=\"truncate uppercase tracking-[-0.28px] text-ods-text-secondary text-h5\">{subtitle}</p>\n </div>\n <div className=\"flex min-h-[72px] items-center\">\n <p className=\"line-clamp-3 break-words text-ods-text-secondary text-h4\">{description \|\| emptyDescription}</p>\n </div>\n </div>\n <div className=\"flex flex-shrink-0 flex-col gap-2 self-start\">{rightBadges}</div>\n </div>\n );\n}\n\n/\n Skeleton rendering for a single row — the bars mirror the same\n * min-heights as `DevCardRowContent` so the loading→loaded swap\n * doesn't reflow.\n /\nexport function DevCardRowSkeleton() {\n return (\n <div className=\"border-b border-ods-border p-[12px] last:border-b-0 md:p-[16px]\">\n <div className=\"flex w-full flex-col items-start justify-between gap-[12px] md:flex-row md:gap-[16px]\">\n <div className=\"flex w-full min-w-0 flex-1 flex-col gap-[12px] md:w-auto md:gap-[16px]\">\n <div className=\"flex min-h-[24px] items-center\">\n <div className=\"h-[20px] w-full animate-pulse rounded bg-ods-border\" />\n </div>\n <div className=\"flex min-h-[20px] items-center\">\n <div className=\"h-[20px] w-1/2 animate-pulse rounded bg-ods-border\" />\n </div>\n <div className=\"flex min-h-[72px] items-center\">\n <div className=\"flex-1 space-y-1\">\n <div className=\"h-[20px] w-full animate-pulse rounded bg-ods-border\" />\n <div className=\"h-[20px] w-full animate-pulse rounded bg-ods-border\" />\n <div className=\"h-[20px] w-2/3 animate-pulse rounded bg-ods-border\" />\n </div>\n </div>\n </div>\n <div className=\"flex flex-shrink-0 flex-col gap-2 self-start\">\n <div className=\"h-[32px] w-[100px] animate-pulse rounded bg-ods-border\" />\n <div className=\"h-[32px] w-[120px] animate-pulse rounded bg-ods-border\" />\n </div>\n </div>\n </div>\n );\n}\n\n/\n The standard \"5 skeleton rows inside a bordered card\" loading state\n * used by every list shell. Both delivery (`delivery-table.tsx`) and\n * tickets (`tickets-list.tsx`) mount this directly.\n /\nexport function DevCardRowSkeletonList({ rows = 5 }: { rows?: number }) {\n return (\n <div className=\"w-full overflow-hidden rounded-[6px] border border-ods-border bg-ods-card\">\n {Array.from({ length: rows }, (_, i) => (\n <DevCardRowSkeleton key={i} />\n ))}\n </div>\n );\n}\n","'use client';\n\n/\n `<DeliveryRow />` — canonical single-row presentation for a ClickUp\n * delivery item.\n \n Single source of truth: both the `/bug-fixes-and-enhancements` page\n * (via `DeliveryTable`) AND the linked-delivery card on a HubSpot ticket\n * (via `TicketLinkedDeliveryCard`) compose this primitive. Visual parity\n * across those two surfaces is the design goal — the user reads the\n * card on their ticket and recognises it as a row from the public\n * delivery list.\n \n Behaviors:\n * - `href` set → outer element is an `<a>`, the whole row becomes\n * clickable (used by the linked-card surface to deep-link into\n * `/bug-fixes-and-enhancements?focus=<id>`).\n * - `id` set → outer element gets that DOM id so the consuming page\n * can `scrollIntoView` to it when the URL carries `?focus=<id>`.\n * - `highlighted` true → brief accent border + background pulse\n * (`animate-flash-focus` keyframe defined in `tailwind.config.ts`).\n * - `caption` set → small uppercase label rendered above the title\n * (\"LINKED DELIVERY\" on the ticket-side variant). Omitted on the\n * standard list rendering.\n /\n\nimport Link from '../../../embed-shims/next-link';\nimport { type DeliveryItem, TASK_TYPE_LABELS, TASK_TYPE_TEXT_COLORS } from '../../../types/delivery';\nimport { getStatusColorScheme } from '../../../utils';\nimport { cn } from '../../../utils/cn';\nimport { AvatarStack } from '../../ui/avatar-stack';\nimport { StatusBadge } from '../../ui/status-badge';\n\n/* Same heuristic as DeliveryTable's local helper. Inlined so the row\n * primitive owns its complete rendering contract. /\nfunction getRelativeTime(timestamp: number): string {\n // A missing or zero timestamp is ABSENT data, not the epoch — without this\n // the row reads \"678 months ago\" for a task the API never dated.\n if (!timestamp) return 'recently';\n const now = Date.now();\n const diff = now - timestamp;\n const days = Math.floor(diff / (1000 60 * 60 * 24));\n const weeks = Math.floor(days / 7);\n const months = Math.floor(days / 30);\n if (months > 0) return months === 1 ? 'last month' : `${months} months ago`;\n if (weeks > 0) return weeks === 1 ? 'last week' : `${weeks} weeks ago`;\n if (days > 0) return days === 1 ? 'yesterday' : `${days} days ago`;\n return 'today';\n}\n\nexport interface DeliveryRowProps {\n item: DeliveryItem;\n /** When set, the row becomes a clickable anchor. The ticket-side\n * linked-card composes this from `buildDevSectionUrl('delivery', id)`\n * which carries `?search=<id>` — the delivery list filters to that\n * exact task on landing (canonical deep-link mechanism, same one\n * the chat-inline delivery card uses). /\n href?: string;\n /* Small uppercase caption rendered above the title. Used by the\n * linked-delivery card variant (\"LINKED DELIVERY\"). /\n caption?: string;\n /* DOM `id` applied to the row's outer element. `DeliveryTable`\n * always sets `delivery-<external_id>` so chat-card deep-links\n * (`?search=<id>#delivery-<id>`) and the ticket linked-card path\n * both have a target for `useScrollToHash` to scroll to. Always\n * paired with `scroll-mt-24` on the outer element so the row lands\n * BELOW the sticky chrome after the scroll. /\n id?: string;\n /* `'_blank'` renders a plain external anchor (new tab, `rel` hardened) —\n * for rows whose href leaves the app (e.g. the raw ClickUp task URL on the\n * design-doc surfaces). Internal deep-links omit it and keep the Link shim. /\n target?: '_blank';\n className?: string;\n}\n\nexport function DeliveryRow({ item, href, target, caption, id, className }: DeliveryRowProps) {\n const taskType = item.taskType as keyof typeof TASK_TYPE_LABELS;\n const typeBadgeLabel = TASK_TYPE_LABELS[taskType] \|\| 'TASK';\n const typeBadgeTextColor = TASK_TYPE_TEXT_COLORS[taskType] \|\| '';\n const statusBadgeScheme = getStatusColorScheme(item.status);\n const relativeTime = getRelativeTime(item.dateUpdated);\n const subtitle = `ACTIVE ${relativeTime}${item.listNames.length > 0 ? `, ${item.listNames.join(', ')}` : ''}, ${item.id}`;\n\n const inner = (\n <div className=\"flex w-full flex-col items-start justify-between gap-[12px] md:flex-row md:gap-[16px]\">\n {/ Left: caption (optional) + title + subtitle + description /}\n <div className=\"flex w-full min-w-0 flex-1 flex-col gap-[12px] md:w-auto md:gap-[16px]\">\n {caption && <p className=\"text-ods-text-secondary text-h5\">{caption}</p>}\n <div className=\"flex min-h-[24px] items-center md:min-h-[24px]\">\n <h3 className=\"line-clamp-2 flex-1 break-words tracking-[-0.36px] text-ods-text-primary text-h3 md:truncate\">\n {item.title}\n </h3>\n </div>\n <div className=\"flex min-h-[20px] items-center\">\n {/ Relative time is wall-clock-derived: on an SSR host the server and\n client render different strings a moment apart — text-only, so\n suppress instead of forcing a client-only render. /}\n <p className=\"truncate uppercase tracking-[-0.28px] text-ods-text-secondary text-h5\" suppressHydrationWarning>\n {subtitle}\n </p>\n </div>\n <div className=\"flex min-h-[72px] items-center\">\n <p className=\"line-clamp-3 break-words text-ods-text-secondary text-h4\">\n {item.description \|\| 'No description provided'}\n </p>\n </div>\n </div>\n\n {/ Right (desktop): badges + assignee stack in a right-aligned\n column. Mobile: ONE horizontal footer row — badges lead,\n avatars anchor the right edge (kanban-card convention: the\n assignee owns the trailing slot of the meta row; a column of\n right-aligned orphans under the description reads as clutter\n on small screens). */}\n <div className=\"flex w-full flex-shrink-0 flex-row items-center gap-2 self-stretch md:w-auto md:flex-col md:items-end md:self-start\">\n <StatusBadge\n text={item.status.toUpperCase()}\n colorScheme={statusBadgeScheme}\n variant=\"card\"\n className=\"border border-ods-border\"\n />\n <StatusBadge\n text={typeBadgeLabel}\n variant=\"card\"\n className={`border border-ods-border ${typeBadgeTextColor}`}\n />\n {item.assignees && item.assignees.length > 0 ? (\n <AvatarStack\n size=\"xs\"\n className=\"ml-auto md:ml-0\"\n people={item.assignees.map(a => ({\n key: a.id,\n name: a.name ?? 'Unknown',\n avatarUrl: a.avatarUrl,\n }))}\n />\n ) : null}\n </div>\n </div>\n );\n\n const baseClass = cn(\n 'block p-[12px] text-inherit no-underline transition-colors duration-150 md:p-[16px]',\n // `scroll-mt-24` is paid for whether `id` is set or not (it's a\n // single Tailwind utility, no runtime cost). Keeping it\n // unconditional means a future caller adding `id` doesn't also\n // have to remember to ask for the offset.\n 'scroll-mt-24',\n href && 'cursor-pointer hover:bg-ods-bg-hover',\n className,\n );\n\n if (href && target === '_blank') {\n return (\n <a href={href} id={id} className={baseClass} target=\"_blank\" rel=\"noopener noreferrer\">\n {inner}\n </a>\n );\n }\n\n if (href) {\n // `Link` is the env-aware embed-shim — delegates to `next/link` on\n // a Next.js host (soft RSC nav, back-button restores the previous\n // page's React state intact), falls back to a plain `<a>` on\n // non-Next embedders. A raw `<a href>` was hard-navigating +\n // losing TanStack-Query state on back, leaving /tickets stuck on\n // its skeleton.\n return (\n <Link href={href} id={id} className={baseClass} prefetch={false}>\n {inner}\n </Link>\n );\n }\n\n return (\n <div id={id} className={baseClass}>\n {inner}\n </div>\n );\n}\n"]}

package/dist/{chunk-HGA74X35.js → chunk-TXNAZKWW.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 "use client";
 import {
   SearchInput
-} from "./chunk-CP5EYMNL.js";
+} from "./chunk-V5RWTIRS.js";
 import {
   contentFetch
 } from "./chunk-E4NCHSOE.js";
@@ -10,7 +10,7 @@ import {
   resolveExternalNavigation,
   resolveSourceIcon,
   stripSameOriginToPath
-} from "./chunk-3AX3ZEY3.js";
+} from "./chunk-QZSNH7XU.js";
 import {
   useDebounce
 } from "./chunk-JRYS4VMV.js";
@@ -381,4 +381,4 @@ export {
   resolveSearchResultAction,
   useDocSearch
 };
-//# sourceMappingURL=chunk-HGA74X35.js.map
+//# sourceMappingURL=chunk-TXNAZKWW.js.map

package/dist/{chunk-IFYQ7DHV.cjs → chunk-UNVW4BVF.cjs} RENAMED Viewed

@@ -4,13 +4,13 @@
 var _chunk6GJBSIRUcjs = require('./chunk-6GJBSIRU.cjs');
-var _chunk4FJSN2XWcjs = require('./chunk-4FJSN2XW.cjs');
+var _chunkTDM5FQZGcjs = require('./chunk-TDM5FQZG.cjs');
 var _chunkS4CLML75cjs = require('./chunk-S4CLML75.cjs');
-var _chunk4HGRXFQPcjs = require('./chunk-4HGRXFQP.cjs');
+var _chunk6PLACYFAcjs = require('./chunk-6PLACYFA.cjs');
 var _chunk7PFDETEYcjs = require('./chunk-7PFDETEY.cjs');
@@ -29,7 +29,7 @@ var _chunk7PFDETEYcjs = require('./chunk-7PFDETEY.cjs');
-var _chunkFEVLXRTCcjs = require('./chunk-FEVLXRTC.cjs');
+var _chunk7LGVUXWEcjs = require('./chunk-7LGVUXWE.cjs');
@@ -43,7 +43,7 @@ var _chunkTRC37VRCcjs = require('./chunk-TRC37VRC.cjs');
-var _chunkRKGOVTXZcjs = require('./chunk-RKGOVTXZ.cjs');
+var _chunkVYQNM75Rcjs = require('./chunk-VYQNM75R.cjs');
 var _chunkZI27ALYXcjs = require('./chunk-ZI27ALYX.cjs');
@@ -86,8 +86,8 @@ var _chunkPRPZBXWZcjs = require('./chunk-PRPZBXWZ.cjs');
 // src/components/shared/product-release/product-releases-view.tsx
 var _jsxruntime = require('react/jsx-runtime');
 var DEFAULT_ENDPOINT = "/api/releases";
-var DEFAULT_SEARCH_PARAM_KEY = _chunkFEVLXRTCcjs.DEV_SECTION_PARAM_KEYS.search;
-var DEFAULT_STATUS_PARAM_KEY = _chunkFEVLXRTCcjs.DEV_SECTION_PARAM_KEYS.releaseStatus;
+var DEFAULT_SEARCH_PARAM_KEY = _chunk7LGVUXWEcjs.DEV_SECTION_PARAM_KEYS.search;
+var DEFAULT_STATUS_PARAM_KEY = _chunk7LGVUXWEcjs.DEV_SECTION_PARAM_KEYS.releaseStatus;
 var DEFAULT_PAGE_PARAM_KEY = "page";
 function ReleaseRow({
   release,
@@ -96,7 +96,7 @@ function ReleaseRow({
 }) {
   const runtime = _chunkRDTOMWDNcjs.useChatRuntime.call(void 0, );
   const router = _chunkSADRZ4YIcjs.useRouter.call(void 0, );
-  const cta = _chunkFEVLXRTCcjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _2 => _2.composeContentUrl]), {
+  const cta = _chunk7LGVUXWEcjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _2 => _2.composeContentUrl]), {
     type: "product_release",
     slug: release.slug,
     basePath,
@@ -104,9 +104,9 @@ function ReleaseRow({
   });
   const { target, rel } = _chunkNNFQLTJ3cjs.useEntityCardLink.call(void 0, { href: cta.href, targetPlatform: cta.targetPlatform });
   const onClick = (e) => {
-    if (e.defaultPrevented || _chunkRKGOVTXZcjs.isModifierClick.call(void 0, e) || target === "_blank") return;
+    if (e.defaultPrevented || _chunkVYQNM75Rcjs.isModifierClick.call(void 0, e) || target === "_blank") return;
     e.preventDefault();
-    _chunkRKGOVTXZcjs.executeNavigationImperative.call(void 0, {
+    _chunkVYQNM75Rcjs.executeNavigationImperative.call(void 0, {
       runtime,
       href: cta.href,
       targetPlatform: cta.targetPlatform,
@@ -168,7 +168,7 @@ function ProductReleasesView({
     router.replace(`${pathname}?${params.toString()}`, { scroll: false });
   };
   if (error) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "w-full", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFEVLXRTCcjs.LoadError, { message: "Failed to load releases.", onRetry: reload }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "w-full", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7LGVUXWEcjs.LoadError, { message: "Failed to load releases.", onRetry: reload }) });
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "flex w-full flex-col gap-[40px]", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-[600px]", children: showEmpty ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-[600px] items-center justify-center", children: hasActiveFilters ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
     _chunkS4CLML75cjs.EmptyState,
@@ -254,7 +254,7 @@ function MediaGalleryStrip({ items, className }) {
           mediaItem.id || index
         );
       }
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: tileClass, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRKGOVTXZcjs.Video, { url: mediaItem.media_url, layout: "native" }) }, mediaItem.id || index);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: tileClass, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVYQNM75Rcjs.Video, { url: mediaItem.media_url, layout: "native" }) }, mediaItem.id || index);
     }) }),
     galleryImages.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
       _chunkNNFQLTJ3cjs.ImageGalleryModal,
@@ -272,7 +272,7 @@ function MediaGalleryStrip({ items, className }) {
 var _lucidereact = require('lucide-react');
-var DefaultMarkdownRenderer = _chunkFEVLXRTCcjs.RichMarkdownRenderer;
+var DefaultMarkdownRenderer = _chunk7LGVUXWEcjs.RichMarkdownRenderer;
 function ReleaseDetailPage({
   authorHref,
   slug,
@@ -289,8 +289,8 @@ function ReleaseDetailPage({
   shell = true
 }) {
   const router = _chunkSADRZ4YIcjs.useRouter.call(void 0, );
-  const captions = _chunkRKGOVTXZcjs.useCaptions.call(void 0, );
-  const renderShell = (node) => shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFEVLXRTCcjs.PageShell, { children: node }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: node });
+  const captions = _chunkVYQNM75Rcjs.useCaptions.call(void 0, );
+  const renderShell = (node) => shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7LGVUXWEcjs.PageShell, { children: node }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: node });
   const { data: fetchedRelease, error, isLoading } = useRelease(initialData ? void 0 : slug);
   const release = initialData || fetchedRelease;
   const showBackButton = backButton !== false;
@@ -343,7 +343,7 @@ function ReleaseDetailPage({
     return renderShell(
       // Match the loaded page's top offset (TitleBlock's
       // `pt-[var(--spacing-system-l)]`) so content doesn't jump on load.
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pt-[var(--spacing-system-l)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4HGRXFQPcjs.DetailPageSkeleton, { bare: true, metadataColumns: 4, showImageGallery: true }) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pt-[var(--spacing-system-l)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6PLACYFAcjs.DetailPageSkeleton, { bare: true, metadataColumns: 4, showImageGallery: true }) })
     );
   }
   if (error || !release) {
@@ -382,7 +382,7 @@ function ReleaseDetailPage({
   const improvements = release.improvements;
   return renderShell(
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
-      _chunkFEVLXRTCcjs.PageLayout,
+      _chunk7LGVUXWEcjs.PageLayout,
       {
         title: releaseTitle,
         subtitle: `Version: ${releaseVersion}`,
@@ -391,7 +391,7 @@ function ReleaseDetailPage({
         backButton: showBackButton ? { label: backLabel, onClick: () => router.push(backHref) } : void 0,
         children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-6 md:space-y-8", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFEVLXRTCcjs.EntityTagBadges, { tags: release.product_release_tags }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7LGVUXWEcjs.EntityTagBadges, { tags: release.product_release_tags }),
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid w-full grid-cols-1 overflow-hidden rounded-md border border-ods-border md:grid-cols-4", children: [
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-col gap-3 border-b border-ods-border bg-ods-card p-4 md:border-b-0 md:border-r", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-0", children: [
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-primary text-h4", children: releaseType.toLocaleUpperCase() }),
@@ -433,9 +433,9 @@ function ReleaseDetailPage({
                 highlightCaptionsUrl
               }
             ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-              youtubeUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRKGOVTXZcjs.Video, { kind: "youtube", url: youtubeUrl, title: `${releaseTitle} - Video`, layout: "native" }),
+              youtubeUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVYQNM75Rcjs.Video, { kind: "youtube", url: youtubeUrl, title: `${releaseTitle} - Video`, layout: "native" }),
               !youtubeUrl && mainVideoUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-                _chunkRKGOVTXZcjs.Video,
+                _chunkVYQNM75Rcjs.Video,
                 {
                   url: mainVideoUrl,
                   srtContent: _optionalChain([release, 'optionalAccess', _9 => _9.srt_content]),
@@ -444,7 +444,7 @@ function ReleaseDetailPage({
                 }
               ),
               highlightVideoUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-                _chunkRKGOVTXZcjs.Video,
+                _chunkVYQNM75Rcjs.Video,
                 {
                   url: highlightVideoUrl,
                   poster: highlightVideoThumbnail,
@@ -462,7 +462,7 @@ function ReleaseDetailPage({
               ] })
             ] }) }) }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-              _chunkFEVLXRTCcjs.ReleaseChangelogSection,
+              _chunk7LGVUXWEcjs.ReleaseChangelogSection,
               {
                 title: "Breaking Changes",
                 entries: breakingChanges || [],
@@ -473,7 +473,7 @@ function ReleaseDetailPage({
               }
             ),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-              _chunkFEVLXRTCcjs.ReleaseChangelogSection,
+              _chunk7LGVUXWEcjs.ReleaseChangelogSection,
               {
                 title: "Features Added",
                 entries: featuresAdded || [],
@@ -483,7 +483,7 @@ function ReleaseDetailPage({
               }
             ),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-              _chunkFEVLXRTCcjs.ReleaseChangelogSection,
+              _chunk7LGVUXWEcjs.ReleaseChangelogSection,
               {
                 title: "Bugs Fixed",
                 entries: bugFixed || [],
@@ -493,7 +493,7 @@ function ReleaseDetailPage({
               }
             ),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-              _chunkFEVLXRTCcjs.ReleaseChangelogSection,
+              _chunk7LGVUXWEcjs.ReleaseChangelogSection,
               {
                 title: "Improvements",
                 entries: improvements || [],
@@ -519,7 +519,7 @@ function ReleaseDetailPage({
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "tracking-[-0.28px] text-ods-text-secondary text-h5", children: "Related Enhancements and Bug-fixes" }),
               (() => {
                 const deliveryCount = deliveryData ? deliveryData.completed.length + deliveryData.inProgress.length : 0;
-                return deliveryLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DeliverySection, { data: deliveryData, isLoading: deliveryLoading }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFEVLXRTCcjs.FadePreview, { hiddenCount: deliveryCount - 1, collapsedHeight: 300, resetKey: deliveryCount, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DeliverySection, { data: deliveryData, isLoading: false }) }) });
+                return deliveryLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DeliverySection, { data: deliveryData, isLoading: deliveryLoading }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7LGVUXWEcjs.FadePreview, { hiddenCount: deliveryCount - 1, collapsedHeight: 300, resetKey: deliveryCount, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DeliverySection, { data: deliveryData, isLoading: false }) }) });
               })()
             ] }),
             (_optionalChain([githubReleases, 'optionalAccess', _10 => _10.length]) || _optionalChain([knowledgeBaseLinks, 'optionalAccess', _11 => _11.length]) || migrationGuideUrl || documentationUrl) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full space-y-1", children: [
@@ -598,7 +598,7 @@ function ReleaseDetailPage({
 // src/components/shared/product-release/release-detail-skeleton.tsx
 function ReleaseDetailSkeleton() {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4HGRXFQPcjs.DetailPageSkeleton, { metadataColumns: 4, showImageGallery: true });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6PLACYFAcjs.DetailPageSkeleton, { metadataColumns: 4, showImageGallery: true });
 }
 // src/components/shared/roadmap/use-roadmap-voting.ts
@@ -621,7 +621,7 @@ function useRoadmapVoting(options = {}) {
   const { getSignals } = _chunkLEISUAHFcjs.useHumanitySignals.call(void 0, );
   const [votes, setVotes] = _react.useState.call(void 0, NO_VOTES);
   const [loadedKey, setLoadedKey] = _react.useState.call(void 0, null);
-  const hydrated = _chunkRKGOVTXZcjs.useIsHydrated.call(void 0, );
+  const hydrated = _chunkVYQNM75Rcjs.useIsHydrated.call(void 0, );
   if (hydrated && loadedKey !== storageKey) {
     setLoadedKey(storageKey);
     setVotes(readStoredVotes(storageKey));
@@ -773,7 +773,7 @@ function RoadmapGridSingle({
             _chunkNNFQLTJ3cjs.RoadmapCard,
             {
               item,
-              id: _chunkFEVLXRTCcjs.devSectionAnchorId.call(void 0, "roadmap", item.id),
+              id: _chunk7LGVUXWEcjs.devSectionAnchorId.call(void 0, "roadmap", item.id),
               userVote: getVote(item.id),
               onVote: (voteType) => onVote(item.id, voteType),
               isVoting: votingTasks.has(item.id)
@@ -889,7 +889,7 @@ function RoadmapGrid({
     );
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-    _chunkFEVLXRTCcjs.Accordion,
+    _chunk7LGVUXWEcjs.Accordion,
     {
       type: "multiple",
       value: expandedQuarters,
@@ -899,13 +899,13 @@ function RoadmapGrid({
         const itemCount = _optionalChain([itemsByQuarter, 'access', _20 => _20[quarter], 'optionalAccess', _21 => _21.length]) || 0;
         const isExpanded = expandedQuarters.includes(quarter);
         return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
-          _chunkFEVLXRTCcjs.AccordionItem,
+          _chunk7LGVUXWEcjs.AccordionItem,
           {
             value: quarter,
             id: `quarter-${quarter.replace(/\s+/g, "-").toLowerCase()}`,
             className: "border-0",
             children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFEVLXRTCcjs.AccordionTrigger, { className: "w-full p-0 hover:no-underline [&>svg]:ml-auto [&>svg]:h-5 [&>svg]:w-5 [&>svg]:shrink-0 [&>svg]:text-ods-text-secondary", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7LGVUXWEcjs.AccordionTrigger, { className: "w-full p-0 hover:no-underline [&>svg]:ml-auto [&>svg]:h-5 [&>svg]:w-5 [&>svg]:shrink-0 [&>svg]:text-ods-text-secondary", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
                 /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
                   "h3",
                   {
@@ -935,7 +935,7 @@ function RoadmapGrid({
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFEVLXRTCcjs.AccordionContent, { className: "overflow-hidden pb-0 pt-4 data-[state=closed]:animate-none data-[state=open]:animate-none", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7LGVUXWEcjs.AccordionContent, { className: "overflow-hidden pb-0 pt-4 data-[state=closed]:animate-none data-[state=open]:animate-none", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
                 RoadmapGridSingle,
                 {
                   items: itemsByQuarter[quarter],
@@ -987,8 +987,8 @@ function RoadmapGridSkeleton({ count = 4, showLeftMargin = true }) {
 var DEFAULT_ENDPOINT2 = "/api/roadmap";
-var DEFAULT_SEARCH_PARAM_KEY2 = _chunkFEVLXRTCcjs.DEV_SECTION_PARAM_KEYS.search;
-var DEFAULT_STATUS_PARAM_KEY2 = _chunkFEVLXRTCcjs.DEV_SECTION_PARAM_KEYS.status;
+var DEFAULT_SEARCH_PARAM_KEY2 = _chunk7LGVUXWEcjs.DEV_SECTION_PARAM_KEYS.search;
+var DEFAULT_STATUS_PARAM_KEY2 = _chunk7LGVUXWEcjs.DEV_SECTION_PARAM_KEYS.status;
 function RoadmapView({
   endpoint = DEFAULT_ENDPOINT2,
   initialItems,
@@ -1011,7 +1011,7 @@ function RoadmapView({
   const items = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _22 => _22.items]), () => ( []));
   _chunkLEISUAHFcjs.useScrollToHash.call(void 0, data, { headerOffset: _chunkZI27ALYXcjs.STICKY_HEADER_OFFSET_PX });
   if (error) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFEVLXRTCcjs.LoadError, { message: "Failed to load roadmap.", onRetry: reload });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7LGVUXWEcjs.LoadError, { message: "Failed to load roadmap.", onRetry: reload });
   }
   if (isLoading && !data) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RoadmapGridSkeleton, { showLeftMargin });
@@ -1064,7 +1064,7 @@ function DeliveryTable({ items, isLoading = false }) {
     // → `#delivery-<external_id>`; `useScrollToHash` in
     // `delivery-lists.tsx` finds the row by id and scrolls. The
     // outer wrapper here ONLY exists for the row separators.
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-b border-ods-border last:border-b-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4FJSN2XWcjs.DeliveryRow, { item, id: _chunkFEVLXRTCcjs.devSectionAnchorId.call(void 0, "delivery", item.id) }) }, item.id)
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-b border-ods-border last:border-b-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTDM5FQZGcjs.DeliveryRow, { item, id: _chunk7LGVUXWEcjs.devSectionAnchorId.call(void 0, "delivery", item.id) }) }, item.id)
   )) }) });
 }
@@ -1073,8 +1073,8 @@ function DeliveryTable({ items, isLoading = false }) {
 var DEFAULT_COMPLETED_ENDPOINT = "/api/delivery/completed";
 var DEFAULT_IN_PROGRESS_ENDPOINT = "/api/delivery/in-progress";
-var DEFAULT_SEARCH_PARAM_KEY3 = _chunkFEVLXRTCcjs.DEV_SECTION_PARAM_KEYS.search;
-var DEFAULT_TASK_TYPE_PARAM_KEY = _chunkFEVLXRTCcjs.DEV_SECTION_PARAM_KEYS.deliveryTaskType;
+var DEFAULT_SEARCH_PARAM_KEY3 = _chunk7LGVUXWEcjs.DEV_SECTION_PARAM_KEYS.search;
+var DEFAULT_TASK_TYPE_PARAM_KEY = _chunk7LGVUXWEcjs.DEV_SECTION_PARAM_KEYS.deliveryTaskType;
 function DeliveryLists({
   completedApiEndpoint = DEFAULT_COMPLETED_ENDPOINT,
   inProgressApiEndpoint = DEFAULT_IN_PROGRESS_ENDPOINT,
@@ -1141,7 +1141,7 @@ function DeliveryLists({
   const hasActiveFilters = searchQuery !== "" || taskTypeFilter !== "all";
   const hasResults = showCompleted && filteredCompleted.length > 0 || showInProgress && filteredInProgress.length > 0;
   if (error) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFEVLXRTCcjs.LoadError, { message: error, onRetry: () => window.location.reload() }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7LGVUXWEcjs.LoadError, { message: error, onRetry: () => window.location.reload() }) });
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-[40px]", children: [
     !isLoading && !hasResults && (hasActiveFilters ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
@@ -1305,7 +1305,7 @@ function LegalDocumentPage({
   initialData = null,
   initialLastUpdatedLabel = null,
   apiEndpoint,
-  MarkdownRenderer = _chunkFEVLXRTCcjs.RichMarkdownRenderer,
+  MarkdownRenderer = _chunk7LGVUXWEcjs.RichMarkdownRenderer,
   backButton,
   shell = true
 }) {
@@ -1318,7 +1318,7 @@ function LegalDocumentPage({
   const fallbackLastUpdatedLabel = _optionalChain([data, 'optionalAccess', _27 => _27.lastSynced]) != null ? _chunkNNFQLTJ3cjs.formatLegalDate.call(void 0, data.lastSynced) : null;
   const effectiveLastUpdatedLabel = _nullishCoalesce(initialLastUpdatedLabel, () => ( fallbackLastUpdatedLabel));
   const subtitle = effectiveLastUpdatedLabel ? `Last Updated: ${effectiveLastUpdatedLabel}` : fallbackDescription;
-  const inner = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkFEVLXRTCcjs.PageLayout, { title, subtitle, backButton: backCfg, titleSize: "h1", titleWrap: true, children: [
+  const inner = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk7LGVUXWEcjs.PageLayout, { title, subtitle, backButton: backCfg, titleSize: "h1", titleWrap: true, children: [
     _optionalChain([data, 'optionalAccess', _28 => _28.sourceFile]) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "text-ods-text-secondary opacity-75 text-h6", children: [
       "Source: ",
       data.sourceFile
@@ -1358,7 +1358,7 @@ function LegalDocumentPage({
       ] })
     ] }) }) }) }) })
   ] });
-  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFEVLXRTCcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
+  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7LGVUXWEcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
 }
@@ -1375,4 +1375,4 @@ function LegalDocumentPage({
 exports.ProductReleasesView = ProductReleasesView; exports.MediaGalleryStrip = MediaGalleryStrip; exports.ReleaseDetailPage = ReleaseDetailPage; exports.ReleaseDetailSkeleton = ReleaseDetailSkeleton; exports.useRoadmapVoting = useRoadmapVoting; exports.RoadmapGrid = RoadmapGrid; exports.RoadmapGridSkeleton = RoadmapGridSkeleton; exports.RoadmapView = RoadmapView; exports.DeliveryTable = DeliveryTable; exports.DeliveryLists = DeliveryLists; exports.useLegalDocs = useLegalDocs; exports.LegalDocumentPage = LegalDocumentPage;
-//# sourceMappingURL=chunk-IFYQ7DHV.cjs.map
+//# sourceMappingURL=chunk-UNVW4BVF.cjs.map