npm - @flamingo-stack/openframe-frontend-core - Versions diffs - 0.0.685 → 0.0.686-2463.7461.1 - Mend

@flamingo-stack/openframe-frontend-core 0.0.685 → 0.0.686-2463.7461.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 (174) hide show

package/dist/{chunk-EFBMNVSH.cjs → chunk-MZAZUSPQ.cjs} RENAMED Viewed

@@ -10,7 +10,7 @@ var _chunkNMXL34Z2cjs = require('./chunk-NMXL34Z2.cjs');
-var _chunkM4HYIXP6cjs = require('./chunk-M4HYIXP6.cjs');
+var _chunkIBUFFKAKcjs = require('./chunk-IBUFFKAK.cjs');
@@ -20,7 +20,7 @@ var _chunkSADRZ4YIcjs = require('./chunk-SADRZ4YI.cjs');
-var _chunkDQOQ3KTPcjs = require('./chunk-DQOQ3KTP.cjs');
+var _chunkQNWQQ4RTcjs = require('./chunk-QNWQQ4RT.cjs');
 var _chunkFCUTPPX5cjs = require('./chunk-FCUTPPX5.cjs');
@@ -63,7 +63,7 @@ function ListEmptyState({ isFiltered, filtered, onClearFilters, empty }) {
 var _react = require('react');
 function DevSectionView({ sectionKey, hero, preControls, children, showHeading = true }) {
-  const section = _chunkM4HYIXP6cjs.OPENFRAME_DEV_SECTIONS[sectionKey];
+  const section = _chunkIBUFFKAKcjs.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, );
@@ -114,7 +114,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,
-        _chunkM4HYIXP6cjs.SearchInput,
+        _chunkIBUFFKAKcjs.SearchInput,
         {
           showDropdown: false,
           placeholder: search.placeholder,
@@ -124,7 +124,7 @@ function DevSectionView({ sectionKey, hero, preControls, children, showHeading =
         }
       ),
       filter && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-        _chunkM4HYIXP6cjs.StatusFilterComponent,
+        _chunkIBUFFKAKcjs.StatusFilterComponent,
         {
           selectedStatus: currentFilterValue,
           onStatusChange: handleFilterChange,
@@ -148,7 +148,7 @@ function DevSectionPage({
   shell = true
 }) {
   const router = _chunkSADRZ4YIcjs.useRouter.call(void 0, );
-  const section = _chunkM4HYIXP6cjs.OPENFRAME_DEV_SECTIONS[sectionKey];
+  const section = _chunkIBUFFKAKcjs.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), () => ( "/")))
@@ -161,7 +161,7 @@ function DevSectionPage({
     // duplicate title. (The hero icon is intentionally dropped: TitleBlock is
     // frozen and renders title-only.)
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-      _chunkM4HYIXP6cjs.PageLayout,
+      _chunkIBUFFKAKcjs.PageLayout,
       {
         title: _nullishCoalesce(title, () => ( section.hero.title)),
         subtitle: _nullishCoalesce(subtitle, () => ( section.hero.description)),
@@ -172,7 +172,7 @@ function DevSectionPage({
       }
     )
   );
-  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkM4HYIXP6cjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
+  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIBUFFKAKcjs.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
@@ -230,9 +230,9 @@ function getRelativeTime(timestamp) {
 }
 function DeliveryRow({ item, href, target, caption, id, className }) {
   const taskType = item.taskType;
-  const typeBadgeLabel = _chunkM4HYIXP6cjs.TASK_TYPE_LABELS[taskType] || "TASK";
-  const typeBadgeTextColor = _chunkM4HYIXP6cjs.TASK_TYPE_TEXT_COLORS[taskType] || "";
-  const statusBadgeScheme = _chunkDQOQ3KTPcjs.getStatusColorScheme.call(void 0, item.status);
+  const typeBadgeLabel = _chunkIBUFFKAKcjs.TASK_TYPE_LABELS[taskType] || "TASK";
+  const typeBadgeTextColor = _chunkIBUFFKAKcjs.TASK_TYPE_TEXT_COLORS[taskType] || "";
+  const statusBadgeScheme = _chunkQNWQQ4RTcjs.getStatusColorScheme.call(void 0, item.status);
   const relativeTime = getRelativeTime(item.dateUpdated);
   const subtitle = `ACTIVE ${relativeTime}${item.listNames.length > 0 ? `, ${item.listNames.join(", ")}` : ""}, ${item.id}`;
   const inner = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col items-start justify-between gap-[12px] md:flex-row md:gap-[16px]", children: [
@@ -244,7 +244,7 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "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", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-        _chunkDQOQ3KTPcjs.StatusBadge,
+        _chunkQNWQQ4RTcjs.StatusBadge,
         {
           text: item.status.toUpperCase(),
           colorScheme: statusBadgeScheme,
@@ -253,7 +253,7 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-        _chunkDQOQ3KTPcjs.StatusBadge,
+        _chunkQNWQQ4RTcjs.StatusBadge,
         {
           text: typeBadgeLabel,
           variant: "card",
@@ -261,7 +261,7 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
         }
       ),
       item.assignees && item.assignees.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-        _chunkDQOQ3KTPcjs.AvatarStack,
+        _chunkQNWQQ4RTcjs.AvatarStack,
         {
           size: "xs",
           className: "ml-auto md:ml-0",
@@ -302,4 +302,4 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
 exports.ListEmptyState = ListEmptyState; exports.DevSectionView = DevSectionView; exports.DevSectionPage = DevSectionPage; exports.DevCardRowContent = DevCardRowContent; exports.DevCardRowSkeleton = DevCardRowSkeleton; exports.DevCardRowSkeletonList = DevCardRowSkeletonList; exports.DeliveryRow = DeliveryRow;
-//# sourceMappingURL=chunk-EFBMNVSH.cjs.map
+//# sourceMappingURL=chunk-MZAZUSPQ.cjs.map

package/dist/{chunk-EFBMNVSH.cjs.map → chunk-MZAZUSPQ.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-EFBMNVSH.cjs","../src/components/list-empty-state.tsx","../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-EFBMNVSH.cjs","sourcesContent":[null,"'use client';\n\nimport { EmptyState } from './empty-state';\n\nexport interface ListEmptyStateCopy {\n title: string;\n description: string;\n}\n\nexport interface ListEmptyStateProps {\n /** A search or filter is narrowing the list, so \"nothing to show\" is a miss, not an empty list. /\n isFiltered: boolean;\n /* Copy for the filtered miss. `clearText` labels the reset button (default \"Clear filters\"). /\n filtered: ListEmptyStateCopy & { clearText?: string };\n /* Resets every search and filter the list owns. /\n onClearFilters: () => void;\n /\n Copy for a genuinely empty list, with an optional call to action (e.g. \"Create the first one\").\n * The CTA renders only when `ctaText` comes with `onCtaClick` or `ctaHref`, so an empty list with\n * no action never falls through to `EmptyState`'s path-sniffed default button.\n /\n empty: ListEmptyStateCopy & { ctaText?: string; onCtaClick?: () => void; ctaHref?: string };\n}\n\n/\n THE empty state of a searchable, filterable list: a filtered miss offers to clear the filters\n * (`search` icon, secondary button), a genuinely empty list says so and optionally offers its own\n * action (`generic` icon, primary button). Every list with filters renders this instead of choosing\n * between two `EmptyState`s by hand, so the two cases look and behave the same everywhere.\n /\nexport function ListEmptyState({ isFiltered, filtered, onClearFilters, empty }: ListEmptyStateProps) {\n if (isFiltered) {\n return (\n <EmptyState\n type=\"search\"\n title={filtered.title}\n description={filtered.description}\n ctaText={filtered.clearText ?? 'Clear filters'}\n onCtaClick={onClearFilters}\n ctaVariant=\"secondary\"\n />\n );\n }\n\n const hasCta = Boolean(empty.ctaText && (empty.onCtaClick \|\| empty.ctaHref));\n return (\n <EmptyState\n type=\"generic\"\n title={empty.title}\n description={empty.description}\n showCTA={hasCta}\n ctaText={empty.ctaText}\n onCtaClick={empty.onCtaClick}\n ctaHref={empty.ctaHref}\n />\n );\n}\n","'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-MZAZUSPQ.cjs","../src/components/list-empty-state.tsx","../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-MZAZUSPQ.cjs","sourcesContent":[null,"'use client';\n\nimport { EmptyState } from './empty-state';\n\nexport interface ListEmptyStateCopy {\n title: string;\n description: string;\n}\n\nexport interface ListEmptyStateProps {\n /** A search or filter is narrowing the list, so \"nothing to show\" is a miss, not an empty list. /\n isFiltered: boolean;\n /* Copy for the filtered miss. `clearText` labels the reset button (default \"Clear filters\"). /\n filtered: ListEmptyStateCopy & { clearText?: string };\n /* Resets every search and filter the list owns. /\n onClearFilters: () => void;\n /\n Copy for a genuinely empty list, with an optional call to action (e.g. \"Create the first one\").\n * The CTA renders only when `ctaText` comes with `onCtaClick` or `ctaHref`, so an empty list with\n * no action never falls through to `EmptyState`'s path-sniffed default button.\n /\n empty: ListEmptyStateCopy & { ctaText?: string; onCtaClick?: () => void; ctaHref?: string };\n}\n\n/\n THE empty state of a searchable, filterable list: a filtered miss offers to clear the filters\n * (`search` icon, secondary button), a genuinely empty list says so and optionally offers its own\n * action (`generic` icon, primary button). Every list with filters renders this instead of choosing\n * between two `EmptyState`s by hand, so the two cases look and behave the same everywhere.\n /\nexport function ListEmptyState({ isFiltered, filtered, onClearFilters, empty }: ListEmptyStateProps) {\n if (isFiltered) {\n return (\n <EmptyState\n type=\"search\"\n title={filtered.title}\n description={filtered.description}\n ctaText={filtered.clearText ?? 'Clear filters'}\n onCtaClick={onClearFilters}\n ctaVariant=\"secondary\"\n />\n );\n }\n\n const hasCta = Boolean(empty.ctaText && (empty.onCtaClick \|\| empty.ctaHref));\n return (\n <EmptyState\n type=\"generic\"\n title={empty.title}\n description={empty.description}\n showCTA={hasCta}\n ctaText={empty.ctaText}\n onCtaClick={empty.onCtaClick}\n ctaHref={empty.ctaHref}\n />\n );\n}\n","'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-C3B36OYZ.cjs → chunk-N3I53B5W.cjs} RENAMED Viewed

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
-var _chunkM4HYIXP6cjs = require('./chunk-M4HYIXP6.cjs');
+var _chunkIBUFFKAKcjs = require('./chunk-IBUFFKAK.cjs');
 var _chunkIJUQQTMVcjs = require('./chunk-IJUQQTMV.cjs');
@@ -130,7 +130,7 @@ function useSectionNavigation(sections, options) {
 // src/components/navigation/multi-level-navigation.tsx
 var _lucidereact = require('lucide-react');
-var DEFAULT_FOLDER_INDEX_FILE2 = _chunkM4HYIXP6cjs.DEFAULT_FOLDER_INDEX_FILE;
+var DEFAULT_FOLDER_INDEX_FILE2 = _chunkIBUFFKAKcjs.DEFAULT_FOLDER_INDEX_FILE;
 function isNodeVisuallySelected(node, selectedPath, folderIndexFile = DEFAULT_FOLDER_INDEX_FILE2) {
   const FOLDER_INDEX_FILE = folderIndexFile.toLowerCase();
   if (selectedPath === node.path) {
@@ -358,4 +358,4 @@ function MobileNavigationItem({
 exports.StickySectionNav = StickySectionNav; exports.useSectionNavigation = useSectionNavigation; exports.MultiLevelNavigation = MultiLevelNavigation; exports.MobileNavigationDropdown = MobileNavigationDropdown;
-//# sourceMappingURL=chunk-C3B36OYZ.cjs.map
+//# sourceMappingURL=chunk-N3I53B5W.cjs.map

package/dist/{chunk-C3B36OYZ.cjs.map → chunk-N3I53B5W.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-C3B36OYZ.cjs","../src/components/navigation/sticky-section-nav.tsx","../src/components/navigation/multi-level-navigation.tsx"],"names":["jsx","DEFAULT_FOLDER_INDEX_FILE"],"mappings":"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","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-C3B36OYZ.cjs","sourcesContent":[null,"'use client';\n\nimport type React from 'react';\nimport { useEffect, useState, useCallback, useRef } from 'react';\nimport { cn } from '../../utils';\nimport { scrollElementIntoView } from '../../utils/scroll-into-view';\n\nexport interface StickyNavSection {\n id: string;\n label: string;\n}\n\ninterface StickySectionNavProps {\n sections: StickyNavSection[];\n activeSection: string;\n onSectionClick: (sectionId: string) => void;\n className?: string;\n ribbonPosition?: 'left' \| 'right';\n ribbonColor?: string;\n}\n\n/*\n Reusable sticky navigation component for section-based navigation\n * Used in vendor detail pages, knowledge base, documentation, etc.\n /\nexport function StickySectionNav({\n sections,\n activeSection,\n onSectionClick,\n className,\n ribbonPosition = 'left',\n ribbonColor = 'var(--color-accent-primary)',\n}: StickySectionNavProps) {\n const navHeight = sections.length 40; // 40px per item (h-10)\n\n return (\n <nav className={cn('relative bg-ods-bg', className)}>\n {/* Background gray vertical line for all nav items /}\n <div\n className=\"absolute bg-ods-border\"\n style={{\n width: '1px',\n height: `${navHeight}px`,\n [ribbonPosition === 'left' ? 'left' : 'right']: '-2px',\n top: '0px',\n }}\n />\n\n {sections.map(section => (\n <div key={section.id} className=\"relative flex h-10 w-full items-stretch transition-all duration-200\">\n {/ Yellow ribbon for active state /}\n {activeSection === section.id && (\n <div\n className=\"absolute z-10 transition-all duration-200\"\n style={{\n backgroundColor: ribbonColor,\n width: '4px',\n height: '24px',\n [ribbonPosition === 'left' ? 'left' : 'right']: '-2px',\n top: '8px',\n borderRadius: '2px',\n }}\n />\n )}\n\n {/ Navigation button /}\n <button\n onClick={() => onSectionClick(section.id)}\n // The ribbon is the visual; this is the same state for assistive\n // tech (a table of contents marks the reader's current location).\n aria-current={activeSection === section.id ? 'location' : undefined}\n className=\"relative flex flex-1 cursor-pointer items-center gap-2 px-3 py-2\"\n >\n <span\n className={cn(\n 'text-left transition-all duration-200 text-h6',\n activeSection === section.id\n ? 'text-ods-text-primary'\n : 'text-ods-text-secondary hover:text-ods-text-primary',\n )}\n >\n {section.label}\n </span>\n </button>\n </div>\n ))}\n </nav>\n );\n}\n\n/\n SIMPLEST POSSIBLE IMPLEMENTATION - Just make it work\n /\nexport function useSectionNavigation(\n sections: { id: string; ref: React.RefObject<HTMLElement> }[],\n options?: {\n offset?: number;\n },\n) {\n const [activeSection, setActiveSection] = useState(sections[0]?.id \|\| '');\n const isScrollingFromClick = useRef(false);\n const { offset = 100 } = options \|\| {};\n\n // Handle click - scroll to the element via the canonical helper.\n // The `offset` prop maps to `headerOffset` (sticky chrome above the\n // section nav); same smooth-scroll mechanics every other anchor\n // surface in the app uses.\n const handleSectionClick = useCallback(\n (sectionId: string) => {\n const targetElement = document.getElementById(sectionId);\n if (!targetElement) return;\n\n // Prevent scroll spy while we're scrolling\n isScrollingFromClick.current = true;\n setActiveSection(sectionId);\n\n scrollElementIntoView(targetElement, { headerOffset: offset });\n\n // Allow scroll spy again after scroll completes\n setTimeout(() => {\n isScrollingFromClick.current = false;\n }, 500);\n },\n [offset],\n );\n\n // Make sure elements have IDs\n useEffect(() => {\n sections.forEach(section => {\n const el = section.ref.current;\n if (el && !el.id) {\n el.id = section.id;\n }\n });\n }, [sections]);\n\n // Simple scroll spy\n useEffect(() => {\n const handleScroll = () => {\n if (isScrollingFromClick.current) return;\n\n const scrollPosition = window.scrollY + offset + 50;\n\n // Find which section we're in\n let currentSection = sections[0]?.id \|\| '';\n\n for (let i = sections.length - 1; i >= 0; i--) {\n const element = document.getElementById(sections[i].id);\n if (element && scrollPosition >= element.offsetTop) {\n currentSection = sections[i].id;\n break;\n }\n }\n\n setActiveSection(currentSection);\n };\n\n // Throttle the scroll handler\n let scrollTimer: NodeJS.Timeout;\n const throttledScroll = () => {\n clearTimeout(scrollTimer);\n scrollTimer = setTimeout(handleScroll, 100);\n };\n\n window.addEventListener('scroll', throttledScroll);\n handleScroll(); // Check initial position\n\n return () => {\n window.removeEventListener('scroll', throttledScroll);\n clearTimeout(scrollTimer);\n };\n }, [sections, offset]);\n\n return {\n activeSection,\n handleSectionClick,\n };\n}\n","'use client';\n\nimport { ChevronDown, ChevronUp, FileText, Folder, FolderOpen } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { DEFAULT_FOLDER_INDEX_FILE as CANONICAL_FOLDER_INDEX_FILE } from '../../utils/doc-tree-nav';\n\nexport interface NavigationNode {\n id: string;\n name: string;\n path: string;\n type: 'file' \| 'folder';\n hasReadme?: boolean;\n children?: NavigationNode[];\n slug?: string;\n // Mirror DocNode's extra optional fields so a DocNode tree is structurally\n // assignable to NavigationNode[] without an `as` cast. NavigationNode\n // intentionally never reads these — they're carried for type-compat only.\n documentType?: 'markdown' \| 'pdf' \| 'google_sheet' \| 'figma' \| 'file';\n sortOrder?: number;\n}\n\ninterface MultiLevelNavigationProps {\n nodes: NavigationNode[];\n selectedPath: string;\n expandedNodes: Set<string>;\n onNodeClick: (node: NavigationNode) => void;\n onToggleExpand?: (nodeId: string) => void;\n isLoading?: boolean;\n className?: string;\n /* Folder-index filename (default `'README.md'`, case-insensitive). When the\n * selectedPath is a folder with this file, the visual ribbon moves to the\n * child file. /\n folderIndexFile?: string;\n}\n\n// SSOT lives in `doc-tree-nav` (canonical case `'README.md'`). The visual\n// comparator below lowercases both sides, so re-exporting the canonical\n// constant under the same local name preserves call-site syntax without\n// drifting from the SSOT.\nconst DEFAULT_FOLDER_INDEX_FILE = CANONICAL_FOLDER_INDEX_FILE;\n\n/\n Compute the visual \"selected\" state for a navigation node.\n \n Folder-with-README convention: when `selectedPath` is a folder that has a\n * README, the FOLDER doesn't get the ribbon — its README child does. The folder\n * is just a container; the README is the actual document being viewed.\n \n Mirror case: a README file whose parent folder is the `selectedPath` gets the\n * visual selection ribbon (implicit). This handles both the auto-select-first-\n * folder landing path AND the user-clicks-folder case.\n */\nfunction isNodeVisuallySelected(\n node: NavigationNode,\n selectedPath: string,\n folderIndexFile: string = DEFAULT_FOLDER_INDEX_FILE,\n): boolean {\n const FOLDER_INDEX_FILE = folderIndexFile.toLowerCase();\n // Path comparisons keyed on `node.path` (raw, includes `.md`). Do NOT use\n // `node.name` — the tree-builder runs it through `formatDocName` which strips\n // the `.md` extension, so `node.name.toLowerCase() === 'readme.md'` is always\n // false.\n if (selectedPath === node.path) {\n // Explicit match — but folder-with-README defers to its README child.\n return !(node.type === 'folder' && node.hasReadme);\n }\n if (node.type !== 'file') return false;\n const pathLower = node.path.toLowerCase();\n // Implicit: README child whose parent folder is the selectedPath.\n if (selectedPath !== '' && pathLower === `${selectedPath.toLowerCase()}/${FOLDER_INDEX_FILE}`) {\n return true;\n }\n // Implicit: ROOT README on the landing page (selectedPath === '' means\n // \"no explicit doc selected\" — the viewer falls back to the root folder-\n // index file, so that file IS the active document).\n if (selectedPath === '' && pathLower === FOLDER_INDEX_FILE) {\n return true;\n }\n return false;\n}\n\nexport function MultiLevelNavigation({\n nodes,\n selectedPath,\n expandedNodes,\n onNodeClick,\n onToggleExpand,\n isLoading,\n className,\n folderIndexFile = DEFAULT_FOLDER_INDEX_FILE,\n}: MultiLevelNavigationProps) {\n if (isLoading) {\n return (\n <div className={cn('space-y-2', className)}>\n {[1, 2, 3, 4].map(i => (\n <div key={i} className=\"h-12 animate-pulse rounded-lg bg-ods-skeleton p-3\" />\n ))}\n </div>\n );\n }\n\n return (\n <div className={cn('space-y-2', className)} role=\"list\" aria-label=\"Navigation list\">\n {nodes.map(node => (\n <NavigationItem\n key={node.id}\n node={node}\n selectedPath={selectedPath}\n expandedNodes={expandedNodes}\n onNodeClick={onNodeClick}\n onToggleExpand={onToggleExpand}\n level={0}\n folderIndexFile={folderIndexFile}\n />\n ))}\n </div>\n );\n}\n\ninterface NavigationItemProps {\n node: NavigationNode;\n selectedPath: string;\n expandedNodes: Set<string>;\n onNodeClick: (node: NavigationNode) => void;\n onToggleExpand?: (nodeId: string) => void;\n level: number;\n folderIndexFile: string;\n}\n\nfunction NavigationItem({\n node,\n selectedPath,\n expandedNodes,\n onNodeClick,\n onToggleExpand,\n level,\n folderIndexFile,\n}: NavigationItemProps) {\n const isExpanded = expandedNodes.has(node.id);\n const isSelected = isNodeVisuallySelected(node, selectedPath, folderIndexFile);\n // Bind the (optional) child list once so the render below maps a real array\n // rather than re-deriving `hasChildren` and asserting it away.\n const children = node.children ?? [];\n const hasChildren = children.length > 0;\n\n return (\n <div className=\"space-y-1\" role=\"listitem\">\n <div className={cn('px-2', level > 0 && 'ml-4')}>\n <div\n className={cn(\n 'relative w-full rounded-lg border transition-all duration-150',\n isSelected ? 'border-ods-border bg-ods-border' : 'border-ods-border bg-ods-card',\n )}\n >\n <div className=\"relative flex items-center\">\n <button\n className={cn(\n 'flex h-12 w-full items-center rounded-lg px-2 text-ods-text-primary transition-all duration-150 text-h6',\n !isSelected && 'hover:bg-ods-bg-hover',\n hasChildren && 'pr-12',\n )}\n onClick={() => onNodeClick(node)}\n aria-label={`${isSelected ? 'Selected' : 'Select'} ${node.name}`}\n >\n <span className=\"mr-2 flex-shrink-0\">\n {node.type === 'folder' ? (\n isExpanded ? (\n <FolderOpen className=\"h-4 w-4\" />\n ) : (\n <Folder className=\"h-4 w-4\" />\n )\n ) : (\n <FileText className=\"h-4 w-4\" />\n )}\n </span>\n <span className=\"min-w-0 flex-1 truncate text-left\">\n {node.name.endsWith('.md') ? node.name.replace('.md', '') : node.name}\n </span>\n {node.type === 'folder' && node.hasReadme && (\n <span className=\"mr-2 rounded bg-ods-bg-surface px-1.5 py-0.5 text-ods-text-secondary text-h6\">\n README\n </span>\n )}\n </button>\n\n {hasChildren && (\n <button\n className=\"absolute right-0 top-0 flex h-12 w-12 items-center justify-center text-ods-text-secondary transition-colors duration-150 hover:text-ods-text-primary\"\n onClick={e => {\n e.stopPropagation();\n if (onToggleExpand) {\n onToggleExpand(node.id);\n } else {\n onNodeClick(node);\n }\n }}\n aria-label={`${isExpanded ? 'Collapse' : 'Expand'} ${node.name}`}\n >\n {isExpanded ? <ChevronUp className=\"h-4 w-4\" /> : <ChevronDown className=\"h-4 w-4\" />}\n </button>\n )}\n </div>\n\n {isSelected && (\n <div className=\"absolute right-0 top-1/2 h-[calc(100%-8px)] w-1 -translate-y-1/2 rounded-l bg-ods-accent\" />\n )}\n </div>\n </div>\n\n {hasChildren && isExpanded && (\n <div className=\"space-y-1\">\n {children.map(child => (\n <NavigationItem\n key={child.id}\n node={child}\n selectedPath={selectedPath}\n expandedNodes={expandedNodes}\n onNodeClick={onNodeClick}\n onToggleExpand={onToggleExpand}\n level={level + 1}\n folderIndexFile={folderIndexFile}\n />\n ))}\n </div>\n )}\n </div>\n );\n}\n\nexport function MobileNavigationDropdown({\n nodes,\n selectedPath,\n expandedNodes,\n onNodeClick,\n onToggleExpand,\n isLoading,\n className,\n folderIndexFile = DEFAULT_FOLDER_INDEX_FILE,\n}: MultiLevelNavigationProps) {\n if (isLoading) {\n return (\n <div className={cn('space-y-2', className)}>\n {[1, 2, 3].map(i => (\n <div key={i} className=\"h-10 animate-pulse rounded-lg bg-ods-skeleton p-3\" />\n ))}\n </div>\n );\n }\n\n return (\n <div className={cn('space-y-2', className)}>\n {nodes.map(node => (\n <MobileNavigationItem\n key={node.id}\n node={node}\n selectedPath={selectedPath}\n expandedNodes={expandedNodes}\n onNodeClick={onNodeClick}\n onToggleExpand={onToggleExpand}\n level={0}\n folderIndexFile={folderIndexFile}\n />\n ))}\n </div>\n );\n}\n\nfunction MobileNavigationItem({\n node,\n selectedPath,\n expandedNodes,\n onNodeClick,\n onToggleExpand,\n level,\n folderIndexFile,\n}: NavigationItemProps) {\n const isExpanded = expandedNodes.has(node.id);\n const isSelected = isNodeVisuallySelected(node, selectedPath, folderIndexFile);\n // Same binding as the desktop item above — a real array to map, no assertion.\n const children = node.children ?? [];\n const hasChildren = children.length > 0;\n\n return (\n <div className=\"space-y-1\">\n <div className={cn('px-2', level > 0 && 'ml-3')}>\n <div\n className={cn(\n 'relative w-full rounded-lg border transition-all duration-150',\n isSelected ? 'border-ods-border bg-ods-border' : 'border-ods-border bg-ods-card',\n )}\n >\n <div className=\"relative flex items-center\">\n <button\n className={cn(\n 'flex h-11 w-full items-center rounded-lg px-2 text-ods-text-primary transition-all duration-150 text-h6',\n !isSelected && 'hover:bg-ods-bg-hover',\n hasChildren && 'pr-11',\n )}\n onClick={() => onNodeClick(node)}\n >\n <span className=\"mr-2 flex-shrink-0\">\n {node.type === 'folder' ? (\n isExpanded ? (\n <FolderOpen className=\"h-4 w-4\" />\n ) : (\n <Folder className=\"h-4 w-4\" />\n )\n ) : (\n <FileText className=\"h-4 w-4\" />\n )}\n </span>\n <span className=\"min-w-0 flex-1 truncate text-left\">\n {node.name.endsWith('.md') ? node.name.replace('.md', '') : node.name}\n </span>\n {node.type === 'folder' && node.hasReadme && (\n <span className=\"mr-2 rounded bg-ods-bg-surface px-1.5 py-0.5 text-ods-text-secondary text-h6\">\n README\n </span>\n )}\n </button>\n\n {hasChildren && (\n <button\n className=\"absolute right-0 top-0 flex h-11 w-11 items-center justify-center text-ods-text-secondary transition-colors duration-150 hover:text-ods-text-primary\"\n onClick={e => {\n e.stopPropagation();\n if (onToggleExpand) {\n onToggleExpand(node.id);\n } else {\n onNodeClick(node);\n }\n }}\n aria-label={`${isExpanded ? 'Collapse' : 'Expand'} ${node.name}`}\n >\n {isExpanded ? <ChevronUp className=\"h-3.5 w-3.5\" /> : <ChevronDown className=\"h-3.5 w-3.5\" />}\n </button>\n )}\n </div>\n\n {isSelected && (\n <div className=\"absolute right-0 top-1/2 h-[calc(100%-8px)] w-1 -translate-y-1/2 rounded-l bg-ods-accent\" />\n )}\n </div>\n </div>\n\n {hasChildren && isExpanded && (\n <div className=\"space-y-1\">\n {children.map(child => (\n <MobileNavigationItem\n key={child.id}\n node={child}\n selectedPath={selectedPath}\n expandedNodes={expandedNodes}\n onNodeClick={onNodeClick}\n onToggleExpand={onToggleExpand}\n level={level + 1}\n folderIndexFile={folderIndexFile}\n />\n ))}\n </div>\n )}\n </div>\n );\n}\n"]}
1	+ {"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-N3I53B5W.cjs","../src/components/navigation/sticky-section-nav.tsx","../src/components/navigation/multi-level-navigation.tsx"],"names":["jsx","DEFAULT_FOLDER_INDEX_FILE"],"mappings":"AAAA,6rBAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACRA,8BAAyD;AAmCnD,+CAAA;AAbC,SAAS,gBAAA,CAAiB;AAAA,EAC/B,QAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,eAAA,EAAiB,MAAA;AAAA,EACjB,YAAA,EAAc;AAChB,CAAA,EAA0B;AACxB,EAAA,MAAM,UAAA,EAAY,QAAA,CAAS,OAAA,EAAS,EAAA;AAEpC,EAAA,uBACE,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,kCAAA,oBAAG,EAAsB,SAAS,CAAA,EAEhD,QAAA,EAAA;AAAA,oBAAA,6BAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,wBAAA;AAAA,QACV,KAAA,EAAO;AAAA,UACL,KAAA,EAAO,KAAA;AAAA,UACP,MAAA,EAAQ,CAAA,EAAA;AACP,UAAA;AACI,UAAA;AACP,QAAA;AAAA,MAAA;AACF,IAAA;AAEc,IAAA;AAGT,MAAA;AACE,QAAA;AAAA,QAAA;AACC,UAAA;AACO,UAAA;AACL,YAAA;AACO,YAAA;AACP,YAAA;AACC,YAAA;AACI,YAAA;AACL,YAAA;AACF,UAAA;AAAA,QAAA;AACF,MAAA;AAIF,sBAAA;AAAC,QAAA;AAAA,QAAA;AACU,UAAA;AAGT,UAAA;AACA,UAAA;AAEA,UAAA;AAAC,YAAA;AAAA,YAAA;AACC,cAAA;AACE,gBAAA;AACA,gBAAA;AAGF,cAAA;AAEC,cAAA;AAAQ,YAAA;AACX,UAAA;AAAA,QAAA;AACF,MAAA;AACF,IAAA;AAEJ,EAAA;AAEJ;AAKgB;AAMP,EAAA;AACD,EAAA;AACW,EAAA;AAMX,EAAA;AACmB,IAAA;AACf,MAAA;AACD,MAAA;AAGL,MAAA;AACA,MAAA;AAEA,MAAA;AAGW,MAAA;AACT,QAAA;AACI,MAAA;AACR,IAAA;AACO,IAAA;AACT,EAAA;AAGgB,EAAA;AACL,IAAA;AACI,MAAA;AACA,MAAA;AACD,QAAA;AACV,MAAA;AACD,IAAA;AACU,EAAA;AAGG,EAAA;AACR,IAAA;AACA,MAAA;AAEE,MAAA;AAGF,MAAA;AAES,MAAA;AACL,QAAA;AACF,QAAA;AACF,UAAA;AACA,UAAA;AACF,QAAA;AACF,MAAA;AAEA,MAAA;AACF,IAAA;AAGI,IAAA;AACE,IAAA;AACS,MAAA;AACb,MAAA;AACF,IAAA;AAEO,IAAA;AACM,IAAA;AAEA,IAAA;AACJ,MAAA;AACM,MAAA;AACf,IAAA;AACY,EAAA;AAEP,EAAA;AACL,IAAA;AACA,IAAA;AACF,EAAA;AACF;ADjDmB;AACA;AE/HV;AA6FCA;AAxDJC;AAaG;AAKD,EAAA;AAKF,EAAA;AAEY,IAAA;AAChB,EAAA;AACS,EAAA;AACH,EAAA;AAEF,EAAA;AACK,IAAA;AACT,EAAA;AAII,EAAA;AACK,IAAA;AACT,EAAA;AACO,EAAA;AACT;AAEgB;AACd,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AAC4B;AACb,EAAA;AAEX,IAAA;AAMJ,EAAA;AAGE,EAAA;AAEK,IAAA;AAAA,IAAA;AAEC,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACO,MAAA;AACP,MAAA;AAAA,IAAA;AAPU,IAAA;AAUhB,EAAA;AAEJ;AAYS;AACP,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACsB;AAChB,EAAA;AACA,EAAA;AAGW,EAAA;AACX,EAAA;AAGJ,EAAA;AACE,oBAAA;AACG,MAAA;AAAA,MAAA;AACY,QAAA;AACT,UAAA;AACA,UAAA;AACF,QAAA;AAEA,QAAA;AAAA,0BAAA;AACE,4BAAA;AAAC,cAAA;AAAA,cAAA;AACC,gBAAA;AACE,kBAAA;AACC,kBAAA;AACD,kBAAA;AACF,gBAAA;AACA,gBAAA;AACA,gBAAA;AAEA,gBAAA;AAAA,kCAAA;AAWA,kCAAA;AAGC,kBAAA;AAGC,gBAAA;AAAA,cAAA;AAEJ,YAAA;AAEC,YAAA;AACE,cAAA;AAAA,cAAA;AACC,gBAAA;AACA,gBAAA;AACE,kBAAA;AACA,kBAAA;AACE,oBAAA;AACF,kBAAA;AACE,oBAAA;AACF,kBAAA;AACF,gBAAA;AACA,gBAAA;AAEC,gBAAA;AAAkF,cAAA;AACrF,YAAA;AAEJ,UAAA;AAEC,UAAA;AAC2G,QAAA;AAAA,MAAA;AAGhH,IAAA;AAEgB,IAAA;AAGT,MAAA;AAAA,MAAA;AAEO,QAAA;AACN,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACO,QAAA;AACP,QAAA;AAAA,MAAA;AAPW,MAAA;AAUjB,IAAA;AAEJ,EAAA;AAEJ;AAEgB;AACd,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AAC4B;AACb,EAAA;AAEX,IAAA;AAMJ,EAAA;AAGE,EAAA;AAEK,IAAA;AAAA,IAAA;AAEC,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACO,MAAA;AACP,MAAA;AAAA,IAAA;AAPU,IAAA;AAUhB,EAAA;AAEJ;AAES;AACP,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACsB;AAChB,EAAA;AACA,EAAA;AAEW,EAAA;AACX,EAAA;AAGJ,EAAA;AACE,oBAAA;AACG,MAAA;AAAA,MAAA;AACY,QAAA;AACT,UAAA;AACA,UAAA;AACF,QAAA;AAEA,QAAA;AAAA,0BAAA;AACE,4BAAA;AAAC,cAAA;AAAA,cAAA;AACC,gBAAA;AACE,kBAAA;AACC,kBAAA;AACD,kBAAA;AACF,gBAAA;AACA,gBAAA;AAEA,gBAAA;AAAA,kCAAA;AAWA,kCAAA;AAGC,kBAAA;AAGC,gBAAA;AAAA,cAAA;AAEJ,YAAA;AAEC,YAAA;AACE,cAAA;AAAA,cAAA;AACC,gBAAA;AACA,gBAAA;AACE,kBAAA;AACA,kBAAA;AACE,oBAAA;AACF,kBAAA;AACE,oBAAA;AACF,kBAAA;AACF,gBAAA;AACA,gBAAA;AAEC,gBAAA;AAA0F,cAAA;AAC7F,YAAA;AAEJ,UAAA;AAEC,UAAA;AAC2G,QAAA;AAAA,MAAA;AAGhH,IAAA;AAEgB,IAAA;AAGT,MAAA;AAAA,MAAA;AAEO,QAAA;AACN,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACO,QAAA;AACP,QAAA;AAAA,MAAA;AAPW,MAAA;AAUjB,IAAA;AAEJ,EAAA;AAEJ;AFVmB;AACA;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-N3I53B5W.cjs","sourcesContent":[null,"'use client';\n\nimport type React from 'react';\nimport { useEffect, useState, useCallback, useRef } from 'react';\nimport { cn } from '../../utils';\nimport { scrollElementIntoView } from '../../utils/scroll-into-view';\n\nexport interface StickyNavSection {\n id: string;\n label: string;\n}\n\ninterface StickySectionNavProps {\n sections: StickyNavSection[];\n activeSection: string;\n onSectionClick: (sectionId: string) => void;\n className?: string;\n ribbonPosition?: 'left' \| 'right';\n ribbonColor?: string;\n}\n\n/*\n Reusable sticky navigation component for section-based navigation\n * Used in vendor detail pages, knowledge base, documentation, etc.\n /\nexport function StickySectionNav({\n sections,\n activeSection,\n onSectionClick,\n className,\n ribbonPosition = 'left',\n ribbonColor = 'var(--color-accent-primary)',\n}: StickySectionNavProps) {\n const navHeight = sections.length 40; // 40px per item (h-10)\n\n return (\n <nav className={cn('relative bg-ods-bg', className)}>\n {/* Background gray vertical line for all nav items /}\n <div\n className=\"absolute bg-ods-border\"\n style={{\n width: '1px',\n height: `${navHeight}px`,\n [ribbonPosition === 'left' ? 'left' : 'right']: '-2px',\n top: '0px',\n }}\n />\n\n {sections.map(section => (\n <div key={section.id} className=\"relative flex h-10 w-full items-stretch transition-all duration-200\">\n {/ Yellow ribbon for active state /}\n {activeSection === section.id && (\n <div\n className=\"absolute z-10 transition-all duration-200\"\n style={{\n backgroundColor: ribbonColor,\n width: '4px',\n height: '24px',\n [ribbonPosition === 'left' ? 'left' : 'right']: '-2px',\n top: '8px',\n borderRadius: '2px',\n }}\n />\n )}\n\n {/ Navigation button /}\n <button\n onClick={() => onSectionClick(section.id)}\n // The ribbon is the visual; this is the same state for assistive\n // tech (a table of contents marks the reader's current location).\n aria-current={activeSection === section.id ? 'location' : undefined}\n className=\"relative flex flex-1 cursor-pointer items-center gap-2 px-3 py-2\"\n >\n <span\n className={cn(\n 'text-left transition-all duration-200 text-h6',\n activeSection === section.id\n ? 'text-ods-text-primary'\n : 'text-ods-text-secondary hover:text-ods-text-primary',\n )}\n >\n {section.label}\n </span>\n </button>\n </div>\n ))}\n </nav>\n );\n}\n\n/\n SIMPLEST POSSIBLE IMPLEMENTATION - Just make it work\n /\nexport function useSectionNavigation(\n sections: { id: string; ref: React.RefObject<HTMLElement> }[],\n options?: {\n offset?: number;\n },\n) {\n const [activeSection, setActiveSection] = useState(sections[0]?.id \|\| '');\n const isScrollingFromClick = useRef(false);\n const { offset = 100 } = options \|\| {};\n\n // Handle click - scroll to the element via the canonical helper.\n // The `offset` prop maps to `headerOffset` (sticky chrome above the\n // section nav); same smooth-scroll mechanics every other anchor\n // surface in the app uses.\n const handleSectionClick = useCallback(\n (sectionId: string) => {\n const targetElement = document.getElementById(sectionId);\n if (!targetElement) return;\n\n // Prevent scroll spy while we're scrolling\n isScrollingFromClick.current = true;\n setActiveSection(sectionId);\n\n scrollElementIntoView(targetElement, { headerOffset: offset });\n\n // Allow scroll spy again after scroll completes\n setTimeout(() => {\n isScrollingFromClick.current = false;\n }, 500);\n },\n [offset],\n );\n\n // Make sure elements have IDs\n useEffect(() => {\n sections.forEach(section => {\n const el = section.ref.current;\n if (el && !el.id) {\n el.id = section.id;\n }\n });\n }, [sections]);\n\n // Simple scroll spy\n useEffect(() => {\n const handleScroll = () => {\n if (isScrollingFromClick.current) return;\n\n const scrollPosition = window.scrollY + offset + 50;\n\n // Find which section we're in\n let currentSection = sections[0]?.id \|\| '';\n\n for (let i = sections.length - 1; i >= 0; i--) {\n const element = document.getElementById(sections[i].id);\n if (element && scrollPosition >= element.offsetTop) {\n currentSection = sections[i].id;\n break;\n }\n }\n\n setActiveSection(currentSection);\n };\n\n // Throttle the scroll handler\n let scrollTimer: NodeJS.Timeout;\n const throttledScroll = () => {\n clearTimeout(scrollTimer);\n scrollTimer = setTimeout(handleScroll, 100);\n };\n\n window.addEventListener('scroll', throttledScroll);\n handleScroll(); // Check initial position\n\n return () => {\n window.removeEventListener('scroll', throttledScroll);\n clearTimeout(scrollTimer);\n };\n }, [sections, offset]);\n\n return {\n activeSection,\n handleSectionClick,\n };\n}\n","'use client';\n\nimport { ChevronDown, ChevronUp, FileText, Folder, FolderOpen } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { DEFAULT_FOLDER_INDEX_FILE as CANONICAL_FOLDER_INDEX_FILE } from '../../utils/doc-tree-nav';\n\nexport interface NavigationNode {\n id: string;\n name: string;\n path: string;\n type: 'file' \| 'folder';\n hasReadme?: boolean;\n children?: NavigationNode[];\n slug?: string;\n // Mirror DocNode's extra optional fields so a DocNode tree is structurally\n // assignable to NavigationNode[] without an `as` cast. NavigationNode\n // intentionally never reads these — they're carried for type-compat only.\n documentType?: 'markdown' \| 'pdf' \| 'google_sheet' \| 'figma' \| 'file';\n sortOrder?: number;\n}\n\ninterface MultiLevelNavigationProps {\n nodes: NavigationNode[];\n selectedPath: string;\n expandedNodes: Set<string>;\n onNodeClick: (node: NavigationNode) => void;\n onToggleExpand?: (nodeId: string) => void;\n isLoading?: boolean;\n className?: string;\n /* Folder-index filename (default `'README.md'`, case-insensitive). When the\n * selectedPath is a folder with this file, the visual ribbon moves to the\n * child file. /\n folderIndexFile?: string;\n}\n\n// SSOT lives in `doc-tree-nav` (canonical case `'README.md'`). The visual\n// comparator below lowercases both sides, so re-exporting the canonical\n// constant under the same local name preserves call-site syntax without\n// drifting from the SSOT.\nconst DEFAULT_FOLDER_INDEX_FILE = CANONICAL_FOLDER_INDEX_FILE;\n\n/\n Compute the visual \"selected\" state for a navigation node.\n \n Folder-with-README convention: when `selectedPath` is a folder that has a\n * README, the FOLDER doesn't get the ribbon — its README child does. The folder\n * is just a container; the README is the actual document being viewed.\n \n Mirror case: a README file whose parent folder is the `selectedPath` gets the\n * visual selection ribbon (implicit). This handles both the auto-select-first-\n * folder landing path AND the user-clicks-folder case.\n */\nfunction isNodeVisuallySelected(\n node: NavigationNode,\n selectedPath: string,\n folderIndexFile: string = DEFAULT_FOLDER_INDEX_FILE,\n): boolean {\n const FOLDER_INDEX_FILE = folderIndexFile.toLowerCase();\n // Path comparisons keyed on `node.path` (raw, includes `.md`). Do NOT use\n // `node.name` — the tree-builder runs it through `formatDocName` which strips\n // the `.md` extension, so `node.name.toLowerCase() === 'readme.md'` is always\n // false.\n if (selectedPath === node.path) {\n // Explicit match — but folder-with-README defers to its README child.\n return !(node.type === 'folder' && node.hasReadme);\n }\n if (node.type !== 'file') return false;\n const pathLower = node.path.toLowerCase();\n // Implicit: README child whose parent folder is the selectedPath.\n if (selectedPath !== '' && pathLower === `${selectedPath.toLowerCase()}/${FOLDER_INDEX_FILE}`) {\n return true;\n }\n // Implicit: ROOT README on the landing page (selectedPath === '' means\n // \"no explicit doc selected\" — the viewer falls back to the root folder-\n // index file, so that file IS the active document).\n if (selectedPath === '' && pathLower === FOLDER_INDEX_FILE) {\n return true;\n }\n return false;\n}\n\nexport function MultiLevelNavigation({\n nodes,\n selectedPath,\n expandedNodes,\n onNodeClick,\n onToggleExpand,\n isLoading,\n className,\n folderIndexFile = DEFAULT_FOLDER_INDEX_FILE,\n}: MultiLevelNavigationProps) {\n if (isLoading) {\n return (\n <div className={cn('space-y-2', className)}>\n {[1, 2, 3, 4].map(i => (\n <div key={i} className=\"h-12 animate-pulse rounded-lg bg-ods-skeleton p-3\" />\n ))}\n </div>\n );\n }\n\n return (\n <div className={cn('space-y-2', className)} role=\"list\" aria-label=\"Navigation list\">\n {nodes.map(node => (\n <NavigationItem\n key={node.id}\n node={node}\n selectedPath={selectedPath}\n expandedNodes={expandedNodes}\n onNodeClick={onNodeClick}\n onToggleExpand={onToggleExpand}\n level={0}\n folderIndexFile={folderIndexFile}\n />\n ))}\n </div>\n );\n}\n\ninterface NavigationItemProps {\n node: NavigationNode;\n selectedPath: string;\n expandedNodes: Set<string>;\n onNodeClick: (node: NavigationNode) => void;\n onToggleExpand?: (nodeId: string) => void;\n level: number;\n folderIndexFile: string;\n}\n\nfunction NavigationItem({\n node,\n selectedPath,\n expandedNodes,\n onNodeClick,\n onToggleExpand,\n level,\n folderIndexFile,\n}: NavigationItemProps) {\n const isExpanded = expandedNodes.has(node.id);\n const isSelected = isNodeVisuallySelected(node, selectedPath, folderIndexFile);\n // Bind the (optional) child list once so the render below maps a real array\n // rather than re-deriving `hasChildren` and asserting it away.\n const children = node.children ?? [];\n const hasChildren = children.length > 0;\n\n return (\n <div className=\"space-y-1\" role=\"listitem\">\n <div className={cn('px-2', level > 0 && 'ml-4')}>\n <div\n className={cn(\n 'relative w-full rounded-lg border transition-all duration-150',\n isSelected ? 'border-ods-border bg-ods-border' : 'border-ods-border bg-ods-card',\n )}\n >\n <div className=\"relative flex items-center\">\n <button\n className={cn(\n 'flex h-12 w-full items-center rounded-lg px-2 text-ods-text-primary transition-all duration-150 text-h6',\n !isSelected && 'hover:bg-ods-bg-hover',\n hasChildren && 'pr-12',\n )}\n onClick={() => onNodeClick(node)}\n aria-label={`${isSelected ? 'Selected' : 'Select'} ${node.name}`}\n >\n <span className=\"mr-2 flex-shrink-0\">\n {node.type === 'folder' ? (\n isExpanded ? (\n <FolderOpen className=\"h-4 w-4\" />\n ) : (\n <Folder className=\"h-4 w-4\" />\n )\n ) : (\n <FileText className=\"h-4 w-4\" />\n )}\n </span>\n <span className=\"min-w-0 flex-1 truncate text-left\">\n {node.name.endsWith('.md') ? node.name.replace('.md', '') : node.name}\n </span>\n {node.type === 'folder' && node.hasReadme && (\n <span className=\"mr-2 rounded bg-ods-bg-surface px-1.5 py-0.5 text-ods-text-secondary text-h6\">\n README\n </span>\n )}\n </button>\n\n {hasChildren && (\n <button\n className=\"absolute right-0 top-0 flex h-12 w-12 items-center justify-center text-ods-text-secondary transition-colors duration-150 hover:text-ods-text-primary\"\n onClick={e => {\n e.stopPropagation();\n if (onToggleExpand) {\n onToggleExpand(node.id);\n } else {\n onNodeClick(node);\n }\n }}\n aria-label={`${isExpanded ? 'Collapse' : 'Expand'} ${node.name}`}\n >\n {isExpanded ? <ChevronUp className=\"h-4 w-4\" /> : <ChevronDown className=\"h-4 w-4\" />}\n </button>\n )}\n </div>\n\n {isSelected && (\n <div className=\"absolute right-0 top-1/2 h-[calc(100%-8px)] w-1 -translate-y-1/2 rounded-l bg-ods-accent\" />\n )}\n </div>\n </div>\n\n {hasChildren && isExpanded && (\n <div className=\"space-y-1\">\n {children.map(child => (\n <NavigationItem\n key={child.id}\n node={child}\n selectedPath={selectedPath}\n expandedNodes={expandedNodes}\n onNodeClick={onNodeClick}\n onToggleExpand={onToggleExpand}\n level={level + 1}\n folderIndexFile={folderIndexFile}\n />\n ))}\n </div>\n )}\n </div>\n );\n}\n\nexport function MobileNavigationDropdown({\n nodes,\n selectedPath,\n expandedNodes,\n onNodeClick,\n onToggleExpand,\n isLoading,\n className,\n folderIndexFile = DEFAULT_FOLDER_INDEX_FILE,\n}: MultiLevelNavigationProps) {\n if (isLoading) {\n return (\n <div className={cn('space-y-2', className)}>\n {[1, 2, 3].map(i => (\n <div key={i} className=\"h-10 animate-pulse rounded-lg bg-ods-skeleton p-3\" />\n ))}\n </div>\n );\n }\n\n return (\n <div className={cn('space-y-2', className)}>\n {nodes.map(node => (\n <MobileNavigationItem\n key={node.id}\n node={node}\n selectedPath={selectedPath}\n expandedNodes={expandedNodes}\n onNodeClick={onNodeClick}\n onToggleExpand={onToggleExpand}\n level={0}\n folderIndexFile={folderIndexFile}\n />\n ))}\n </div>\n );\n}\n\nfunction MobileNavigationItem({\n node,\n selectedPath,\n expandedNodes,\n onNodeClick,\n onToggleExpand,\n level,\n folderIndexFile,\n}: NavigationItemProps) {\n const isExpanded = expandedNodes.has(node.id);\n const isSelected = isNodeVisuallySelected(node, selectedPath, folderIndexFile);\n // Same binding as the desktop item above — a real array to map, no assertion.\n const children = node.children ?? [];\n const hasChildren = children.length > 0;\n\n return (\n <div className=\"space-y-1\">\n <div className={cn('px-2', level > 0 && 'ml-3')}>\n <div\n className={cn(\n 'relative w-full rounded-lg border transition-all duration-150',\n isSelected ? 'border-ods-border bg-ods-border' : 'border-ods-border bg-ods-card',\n )}\n >\n <div className=\"relative flex items-center\">\n <button\n className={cn(\n 'flex h-11 w-full items-center rounded-lg px-2 text-ods-text-primary transition-all duration-150 text-h6',\n !isSelected && 'hover:bg-ods-bg-hover',\n hasChildren && 'pr-11',\n )}\n onClick={() => onNodeClick(node)}\n >\n <span className=\"mr-2 flex-shrink-0\">\n {node.type === 'folder' ? (\n isExpanded ? (\n <FolderOpen className=\"h-4 w-4\" />\n ) : (\n <Folder className=\"h-4 w-4\" />\n )\n ) : (\n <FileText className=\"h-4 w-4\" />\n )}\n </span>\n <span className=\"min-w-0 flex-1 truncate text-left\">\n {node.name.endsWith('.md') ? node.name.replace('.md', '') : node.name}\n </span>\n {node.type === 'folder' && node.hasReadme && (\n <span className=\"mr-2 rounded bg-ods-bg-surface px-1.5 py-0.5 text-ods-text-secondary text-h6\">\n README\n </span>\n )}\n </button>\n\n {hasChildren && (\n <button\n className=\"absolute right-0 top-0 flex h-11 w-11 items-center justify-center text-ods-text-secondary transition-colors duration-150 hover:text-ods-text-primary\"\n onClick={e => {\n e.stopPropagation();\n if (onToggleExpand) {\n onToggleExpand(node.id);\n } else {\n onNodeClick(node);\n }\n }}\n aria-label={`${isExpanded ? 'Collapse' : 'Expand'} ${node.name}`}\n >\n {isExpanded ? <ChevronUp className=\"h-3.5 w-3.5\" /> : <ChevronDown className=\"h-3.5 w-3.5\" />}\n </button>\n )}\n </div>\n\n {isSelected && (\n <div className=\"absolute right-0 top-1/2 h-[calc(100%-8px)] w-1 -translate-y-1/2 rounded-l bg-ods-accent\" />\n )}\n </div>\n </div>\n\n {hasChildren && isExpanded && (\n <div className=\"space-y-1\">\n {children.map(child => (\n <MobileNavigationItem\n key={child.id}\n node={child}\n selectedPath={selectedPath}\n expandedNodes={expandedNodes}\n onNodeClick={onNodeClick}\n onToggleExpand={onToggleExpand}\n level={level + 1}\n folderIndexFile={folderIndexFile}\n />\n ))}\n </div>\n )}\n </div>\n );\n}\n"]}

package/dist/{chunk-WJK2EETW.js → chunk-NINO3PI7.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 "use client";
 import {
   DEFAULT_FOLDER_INDEX_FILE
-} from "./chunk-VDPCK437.js";
+} from "./chunk-MHTB67ZH.js";
 import {
   scrollElementIntoView
 } from "./chunk-JNUL3ZWK.js";
@@ -358,4 +358,4 @@ export {
   MultiLevelNavigation,
   MobileNavigationDropdown
 };
-//# sourceMappingURL=chunk-WJK2EETW.js.map
+//# sourceMappingURL=chunk-NINO3PI7.js.map

package/dist/{chunk-YCTVLN47.cjs → chunk-P4SBHO7U.cjs} RENAMED Viewed

@@ -5,7 +5,7 @@ var _chunkDMXI5D2Qcjs = require('./chunk-DMXI5D2Q.cjs');
-var _chunkM4HYIXP6cjs = require('./chunk-M4HYIXP6.cjs');
+var _chunkIBUFFKAKcjs = require('./chunk-IBUFFKAK.cjs');
 var _chunkXF5TJ4P2cjs = require('./chunk-XF5TJ4P2.cjs');
@@ -17,7 +17,7 @@ var _chunkJU6SBF3Ccjs = require('./chunk-JU6SBF3C.cjs');
-var _chunkA3CSQB4Acjs = require('./chunk-A3CSQB4A.cjs');
+var _chunkSI77HF4Ucjs = require('./chunk-SI77HF4U.cjs');
@@ -54,7 +54,7 @@ function FaqAccordion({ items, defaultOpenIds = [] }) {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
       "div",
       {
-        id: _chunkA3CSQB4Acjs.faqItemAnchor.call(void 0, item.id),
+        id: _chunkSI77HF4Ucjs.faqItemAnchor.call(void 0, item.id),
         className: "scroll-mt-24 transition-colors hover:bg-ods-bg-hover",
         children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
@@ -147,7 +147,7 @@ function groupFaqsBySection(faqs) {
     }
     let group = byName.get(name);
     if (!group) {
-      group = { section: name, slug: _chunkA3CSQB4Acjs.faqSectionSlug.call(void 0, name), items: [] };
+      group = { section: name, slug: _chunkSI77HF4Ucjs.faqSectionSlug.call(void 0, name), items: [] };
       byName.set(name, group);
     }
     group.items.push(item);
@@ -200,7 +200,7 @@ function GroupedFaqList({
   }, [slugKey]);
   const [hashTarget, setHashTarget] = _react.useState.call(void 0, null);
   _react.useEffect.call(void 0, () => {
-    const refresh = () => setHashTarget(_chunkA3CSQB4Acjs.parseFaqHash.call(void 0, window.location.hash));
+    const refresh = () => setHashTarget(_chunkSI77HF4Ucjs.parseFaqHash.call(void 0, window.location.hash));
     refresh();
     window.addEventListener("hashchange", refresh);
     return () => window.removeEventListener("hashchange", refresh);
@@ -251,7 +251,7 @@ function GroupedFaqList({
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-10", children: groups.map((group) => {
       const key = groupKey(group);
       return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "section", { id: _nullishCoalesce(group.slug, () => ( void 0)), className: "scroll-mt-24 space-y-4", children: [
-        group.section && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CategoryHeading, { className: _chunkA3CSQB4Acjs.SECTION_HEADING_CLASS, children: group.section }),
+        group.section && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CategoryHeading, { className: _chunkSI77HF4Ucjs.SECTION_HEADING_CLASS, children: group.section }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
           FaqAccordion,
           {
@@ -292,7 +292,7 @@ function FaqSection({
   const { data, isLoading, error } = _chunkDMXI5D2Qcjs.useSelfFetch.call(void 0, url, { initialData });
   const faqs = _react.useMemo.call(void 0, () => _nullishCoalesce(_optionalChain([data, 'optionalAccess', _14 => _14.faqs]), () => ( [])), [_optionalChain([data, 'optionalAccess', _15 => _15.faqs])]);
   const groups = _react.useMemo.call(void 0, () => faqs.length > 0 ? groupFaqsBySection(faqs) : [], [faqs]);
-  const headingNode = heading === void 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: _chunkA3CSQB4Acjs.SECTION_HEADING_CLASS, children: DEFAULT_HEADING_TEXT }) : heading;
+  const headingNode = heading === void 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: _chunkSI77HF4Ucjs.SECTION_HEADING_CLASS, children: DEFAULT_HEADING_TEXT }) : heading;
   if (error) return null;
   if (!isLoading && faqs.length === 0) return null;
   if (isLoading && faqs.length === 0) {
@@ -334,7 +334,7 @@ function FaqDocumentPage({
     label: _nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _16 => _16.label]), () => ( "Back to home")),
     onClick: () => router.push(_nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _17 => _17.href]), () => ( "/")))
   };
-  const inner = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkM4HYIXP6cjs.PageLayout, { title, subtitle, backButton: backCfg, titleSize: "h1", titleWrap: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
+  const inner = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIBUFFKAKcjs.PageLayout, { title, subtitle, backButton: backCfg, titleSize: "h1", titleWrap: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
     FaqSection,
     {
       initialFaqs,
@@ -347,7 +347,7 @@ function FaqDocumentPage({
       minResults
     }
   ) });
-  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkM4HYIXP6cjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
+  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIBUFFKAKcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
 }
@@ -355,4 +355,4 @@ function FaqDocumentPage({
 exports.FaqAccordion = FaqAccordion; exports.FaqSection = FaqSection; exports.FaqDocumentPage = FaqDocumentPage;
-//# sourceMappingURL=chunk-YCTVLN47.cjs.map
+//# sourceMappingURL=chunk-P4SBHO7U.cjs.map