@flamingo-stack/openframe-frontend-core 0.0.671 → 0.0.672-snapshot.20260928032919

package/dist/{chunk-UH3BL2OT.js → chunk-Y7TZHPS2.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   DEFAULT_FOLDER_INDEX_FILE
-} from "./chunk-NIYIK32F.js";
+} from "./chunk-6ZX6TFSS.js";
 import {
   scrollElementIntoView
 } from "./chunk-3T4GPKSB.js";
@@ -357,4 +357,4 @@ export {
   MultiLevelNavigation,
   MobileNavigationDropdown
 };
-//# sourceMappingURL=chunk-UH3BL2OT.js.map
+//# sourceMappingURL=chunk-Y7TZHPS2.js.map

package/dist/{chunk-EIAVE6SE.cjs → chunk-YKKW67A3.cjs}

@@ -10,7 +10,7 @@ var _chunk77BLJHKIcjs = require('./chunk-77BLJHKI.cjs');
 
 
 
-var _chunkOG2BNJ2Qcjs = require('./chunk-OG2BNJ2Q.cjs');
+var _chunk6PPEG2N4cjs = require('./chunk-6PPEG2N4.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 = _chunkOG2BNJ2Qcjs.OPENFRAME_DEV_SECTIONS[sectionKey];
+  const section = _chunk6PPEG2N4cjs.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, 
-        _chunkOG2BNJ2Qcjs.SearchInput,
+        _chunk6PPEG2N4cjs.SearchInput,
         {
           showDropdown: false,
           placeholder: search.placeholder,
@@ -124,7 +124,7 @@ function DevSectionView({ sectionKey, hero, preControls, children, showHeading =
         }
       ),
       filter && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkOG2BNJ2Qcjs.StatusFilterComponent,
+        _chunk6PPEG2N4cjs.StatusFilterComponent,
         {
           selectedStatus: currentFilterValue,
           onStatusChange: handleFilterChange,
@@ -148,7 +148,7 @@ function DevSectionPage({
   shell = true
 }) {
   const router = _chunkSADRZ4YIcjs.useRouter.call(void 0, );
-  const section = _chunkOG2BNJ2Qcjs.OPENFRAME_DEV_SECTIONS[sectionKey];
+  const section = _chunk6PPEG2N4cjs.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, 
-      _chunkOG2BNJ2Qcjs.PageLayout,
+      _chunk6PPEG2N4cjs.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, _chunkOG2BNJ2Qcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
+  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6PPEG2N4cjs.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,8 +230,8 @@ function getRelativeTime(timestamp) {
 }
 function DeliveryRow({ item, href, target, caption, id, className }) {
   const taskType = item.taskType;
-  const typeBadgeLabel = _chunkOG2BNJ2Qcjs.TASK_TYPE_LABELS[taskType] || "TASK";
-  const typeBadgeTextColor = _chunkOG2BNJ2Qcjs.TASK_TYPE_TEXT_COLORS[taskType] || "";
+  const typeBadgeLabel = _chunk6PPEG2N4cjs.TASK_TYPE_LABELS[taskType] || "TASK";
+  const typeBadgeTextColor = _chunk6PPEG2N4cjs.TASK_TYPE_TEXT_COLORS[taskType] || "";
   const statusBadgeScheme = _chunkQRUW4UXBcjs.getStatusColorScheme.call(void 0, item.status);
   const relativeTime = getRelativeTime(item.dateUpdated);
   const subtitle = `ACTIVE ${relativeTime}${item.listNames.length > 0 ? `, ${item.listNames.join(", ")}` : ""}, ${item.id}`;
@@ -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-EIAVE6SE.cjs.map
+//# sourceMappingURL=chunk-YKKW67A3.cjs.map

package/dist/{chunk-EIAVE6SE.cjs.map → chunk-YKKW67A3.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-EIAVE6SE.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-EIAVE6SE.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"]}
+{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-YKKW67A3.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":"AAAA,yLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACGM,+CAAA;AAHC,SAAS,cAAA,CAAe,EAAE,UAAA,EAAY,QAAA,EAAU,cAAA,EAAgB,MAAM,CAAA,EAAwB;AACnG,EAAA,GAAA,CAAI,UAAA,EAAY;AACd,IAAA,uBACE,6BAAA;AAAA,MAAC,4BAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,KAAA,EAAO,QAAA,CAAS,KAAA;AAAA,QAChB,WAAA,EAAa,QAAA,CAAS,WAAA;AAAA,QACtB,OAAA,mBAAS,QAAA,CAAS,SAAA,UAAa,iBAAA;AAAA,QAC/B,UAAA,EAAY,cAAA;AAAA,QACZ,UAAA,EAAW;AAAA,MAAA;AAAA,IACb,CAAA;AAAA,EAEJ;AAEA,EAAA,MAAM,OAAA,EAAS,OAAA,CAAQ,KAAA,CAAM,QAAA,GAAA,CAAY,KAAA,CAAM,WAAA,GAAc,KAAA,CAAM,OAAA,CAAQ,CAAA;AAC3E,EAAA,uBACE,6BAAA;AAAA,IAAC,4BAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO,KAAA,CAAM,KAAA;AAAA,MACb,WAAA,EAAa,KAAA,CAAM,WAAA;AAAA,MACnB,OAAA,EAAS,MAAA;AAAA,MACT,OAAA,EAAS,KAAA,CAAM,OAAA;AAAA,MACf,UAAA,EAAY,KAAA,CAAM,UAAA;AAAA,MAClB,OAAA,EAAS,KAAA,CAAM;AAAA,IAAA;AAAA,EACjB,CAAA;AAEJ;ADIA;AACA;AE5CA,8BAAyB;AAiHb;AApEL,SAAS,cAAA,CAAe,EAAE,UAAA,EAAY,IAAA,EAAM,WAAA,EAAa,QAAA,EAAU,YAAA,EAAc,KAAK,CAAA,EAAwB;AACnH,EAAA,MAAM,QAAA,EAAU,wCAAA,CAAuB,UAAU,CAAA;AACjD,EAAA,MAAM,OAAA,EAAS,yCAAA,CAAU;AACzB,EAAA,MAAM,SAAA,EAAW,2CAAA,CAAY;AAC7B,EAAA,MAAM,aAAA,EAAe,+CAAA,CAAgB;AAMrC,EAAA,MAAM,OAAA,EAAwC,OAAA,CAAQ,MAAA;AACtD,EAAA,MAAM,OAAA,EAAS,OAAA,CAAQ,MAAA;AAEvB,EAAA,MAAM,cAAA,EAAgB,OAAA,EAAS,YAAA,CAAa,GAAA,CAAI,MAAA,CAAO,QAAQ,EAAA,GAAK,GAAA,EAAK,EAAA;AACzE,EAAA,MAAM,mBAAA,EAAqB,OAAA,EAAS,YAAA,CAAa,GAAA,CAAI,MAAA,CAAO,QAAQ,EAAA,GAAK,MAAA,CAAO,aAAA,EAAe,EAAA;AAS/F,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,EAAA,EAAI,6BAAA,CAAS,EAAA,GAAM,aAAa,CAAA;AAMlE,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,EAAA,EAAI,6BAAA,aAAsB,CAAA;AAC9D,EAAA,GAAA,CAAI,aAAA,IAAiB,aAAA,EAAe;AAClC,IAAA,eAAA,CAAgB,aAAa,CAAA;AAC7B,IAAA,cAAA,CAAe,aAAa,CAAA;AAAA,EAC9B;AAEA,EAAA,MAAM,mBAAA,EAAqB,CAAC,KAAA,EAAA,GAAkB;AAC5C,IAAA,GAAA,CAAI,CAAC,MAAA,EAAQ,MAAA;AACb,IAAA,MAAM,OAAA,EAAS,IAAI,eAAA,CAAgB,YAAA,CAAa,QAAA,CAAS,CAAC,CAAA;AAC1D,IAAA,GAAA,CAAI,KAAA,CAAM,IAAA,CAAK,CAAA,EAAG;AAChB,MAAA,MAAA,CAAO,GAAA,CAAI,MAAA,CAAO,QAAA,EAAU,KAAA,CAAM,IAAA,CAAK,CAAC,CAAA;AAAA,IAC1C,EAAA,KAAO;AACL,MAAA,MAAA,CAAO,MAAA,CAAO,MAAA,CAAO,QAAQ,CAAA;AAG7B,MAAA,IAAA,CAAA,MAAW,IAAA,oBAAO,MAAA,CAAO,cAAA,UAAkB,CAAC,GAAA,EAAG,MAAA,CAAO,MAAA,CAAO,GAAG,CAAA;AAAA,IAClE;AACA,IAAA,MAAM,GAAA,EAAK,MAAA,CAAO,QAAA,CAAS,CAAA;AAC3B,IAAA,MAAA,CAAO,OAAA,CAAQ,GAAA,EAAK,CAAA,EAAA;AACtB,EAAA;AAEM,EAAA;AACgB,IAAA;AACA,IAAA;AACtB,EAAA;AAEM,EAAA;AACS,IAAA;AACM,IAAA;AACE,IAAA;AACL,IAAA;AACE,IAAA;AACpB,EAAA;AAGE,EAAA;AAEK,IAAA;AAEG,sBAAA;AACQ,QAAA;AACS,yBAAA;AACjB,MAAA;AACAA,sBAAAA;AAGF,IAAA;AAEkB,MAAA;AACdA,sBAAAA;AAEJ,IAAA;AAGH,IAAA;AAEW,IAAA;AAGN,MAAA;AAAC,QAAA;AAAA,QAAA;AACe,UAAA;AACD,UAAA;AACN,UAAA;AACG,UAAA;AACA,UAAA;AAAA,QAAA;AACZ,MAAA;AAGA,MAAA;AAAC,QAAA;AAAA,QAAA;AACC,UAAA;AACA,UAAA;AACe,UAAA;AAAkB,QAAA;AACnC,MAAA;AAEJ,IAAA;AAGD,IAAA;AACH,EAAA;AAEJ;AFlCyB;AACA;AG5CnBA;AAtCyB;AAC7B,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACQ,EAAA;AACc;AACP,EAAA;AACC,EAAA;AAOd,EAAA;AAG2B,IAAA;AACN,IAAA;AACjB,EAAA;AAEA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOJA,oBAAAA;AAAC,MAAA;AAAA,MAAA;AACiB,QAAA;AACN,QAAA;AACA,QAAA;AACD,QAAA;AACG,QAAA;AAEZ,QAAA;AAEA,MAAA;AACF,IAAA;AAAA,EAAA;AAMa,EAAA;AACjB;AHwEyB;AACA;AI9HnB;AATU;AACd,EAAA;AACA,EAAA;AACA,EAAA;AACmB,EAAA;AACnB,EAAA;AACyB;AAEvBC,EAAAA;AACEA,oBAAAA;AACED,sBAAAA;AAKAA,sBAAAA;AAGAA,sBAAAA;AAGF,IAAA;AACC,oBAAA;AACH,EAAA;AAEJ;AAOgB;AAEZA,EAAAA;AAEIC,oBAAAA;AACED,sBAAAA;AAGAA,sBAAAA;AAGAA,sBAAAA;AAEIA,wBAAAA;AACAA,wBAAAA;AACAA,wBAAAA;AAEJ,MAAA;AACF,IAAA;AACAC,oBAAAA;AACED,sBAAAA;AACAA,sBAAAA;AACF,IAAA;AAEJ,EAAA;AAEJ;AAOgB;AAEZA,EAAAA;AAMJ;AJoGyB;AACA;AKlInB;AAnDmB;AAGA,EAAA;AACF,EAAA;AACF,EAAA;AACD,EAAA;AACC,EAAA;AACC,EAAA;AACG,EAAA;AACD,EAAA;AACD,EAAA;AACd,EAAA;AACT;AA2B8B;AACN,EAAA;AACC,EAAA;AACjB,EAAA;AACA,EAAA;AACe,EAAA;AACJ,EAAA;AAGf,EAAA;AAEEC,oBAAAA;AACc,MAAA;AACZD,sBAAAA;AAKAA,sBAAAA;AAQAA,sBAAAA;AAKF,IAAA;AAQAC,oBAAAA;AACED,sBAAAA;AAAC,QAAA;AAAA,QAAA;AACY,UAAA;AACE,UAAA;AACL,UAAA;AACE,UAAA;AAAA,QAAA;AACZ,MAAA;AACAA,sBAAAA;AAAC,QAAA;AAAA,QAAA;AACO,UAAA;AACE,UAAA;AACG,UAAA;AAA8C,QAAA;AAC3D,MAAA;AACmB,MAAA;AAChB,QAAA;AAAA,QAAA;AACM,UAAA;AACK,UAAA;AACG,UAAA;AACJ,YAAA;AACC,YAAA;AACK,YAAA;AACb,UAAA;AAAA,QAAA;AAEF,MAAA;AACN,IAAA;AACF,EAAA;AAGgB,EAAA;AAChB,IAAA;AAAA;AAAA;AAAA;AAAA;AAKA,IAAA;AACQ,IAAA;AACR,IAAA;AACF,EAAA;AAEuB,EAAA;AAEnB,IAAA;AAIJ,EAAA;AAEU,EAAA;AAQN,IAAA;AAIJ,EAAA;AAGEA,EAAAA;AAIJ;ALmHyB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-YKKW67A3.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/components/case-studies/index.cjs

@@ -1,25 +1,25 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkBP542DGQcjs = require('../../chunk-BP542DGQ.cjs');
+var _chunkGLPGYU6Hcjs = require('../../chunk-GLPGYU6H.cjs');
 
 
 
 
 
 
-var _chunkOG2BNJ2Qcjs = require('../../chunk-OG2BNJ2Q.cjs');
+var _chunk6PPEG2N4cjs = require('../../chunk-6PPEG2N4.cjs');
 require('../../chunk-GQWM3ECA.cjs');
 require('../../chunk-TON3YCCW.cjs');
-require('../../chunk-YNGAJGYB.cjs');
-require('../../chunk-D55IENZJ.cjs');
+require('../../chunk-AXMNWMAU.cjs');
+require('../../chunk-LCMT2GZK.cjs');
 require('../../chunk-JU6SBF3C.cjs');
 require('../../chunk-VTYP25OW.cjs');
 require('../../chunk-QVSVRG7I.cjs');
 
 
 
-var _chunkFUXUJSPPcjs = require('../../chunk-FUXUJSPP.cjs');
+var _chunk3UDBK2YGcjs = require('../../chunk-3UDBK2YG.cjs');
 require('../../chunk-V2A4MAAL.cjs');
 require('../../chunk-SADRZ4YI.cjs');
 
@@ -70,7 +70,8 @@ var DEFAULT_CONTACT_FORM_PROPS = {
   noPadding: true,
   buttonVariant: "outline",
   buttonClassName: "w-full",
-  successToastMessage: "Thank you! We'll reach out to schedule your case study."
+  successToastMessage: "Thank you! We'll reach out to schedule your case study.",
+  rescueFormId: "case_study_pitch"
 };
 function ShareExperienceSection({
   title = DEFAULT_TITLE,
@@ -90,9 +91,9 @@ function ShareExperienceSection({
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-h2", children: howItWorksTitle }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-h4", children: howItWorksBody })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkOG2BNJ2Qcjs.BenefitCardGrid, { columns: 4, children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk6PPEG2N4cjs.BenefitCardGrid, { columns: 4, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkOG2BNJ2Qcjs.BenefitCard,
+          _chunk6PPEG2N4cjs.BenefitCard,
           {
             icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5R4QMTMLcjs.G2Icon, { width: 24, height: 24 }) }),
             title: "G2",
@@ -101,7 +102,7 @@ function ShareExperienceSection({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkOG2BNJ2Qcjs.BenefitCard,
+          _chunk6PPEG2N4cjs.BenefitCard,
           {
             icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5R4QMTMLcjs.CapterraIcon, { width: 24, height: 24 }) }),
             title: "Capterra",
@@ -110,7 +111,7 @@ function ShareExperienceSection({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkOG2BNJ2Qcjs.BenefitCard,
+          _chunk6PPEG2N4cjs.BenefitCard,
           {
             icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5R4QMTMLcjs.TrustpilotIcon, { width: 24, height: 24 }) }),
             title: "TrustPilot",
@@ -119,7 +120,7 @@ function ShareExperienceSection({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkOG2BNJ2Qcjs.BenefitCard,
+          _chunk6PPEG2N4cjs.BenefitCard,
           {
             icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5R4QMTMLcjs.GetAppIcon, { width: 24, height: 24 }) }),
             title: "GetApp",
@@ -128,7 +129,7 @@ function ShareExperienceSection({
           }
         )
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBP542DGQcjs.ContactForm, { ...DEFAULT_CONTACT_FORM_PROPS, ...contactFormProps })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGLPGYU6Hcjs.ContactForm, { ...DEFAULT_CONTACT_FORM_PROPS, ...contactFormProps })
     ] }) })
   ] });
 }
@@ -138,10 +139,10 @@ function ShareExperienceSection({
 function EntityQuotesPanel({ quotes, className }) {
   if (!quotes || quotes.length === 0) return null;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkOG2BNJ2Qcjs.StackedRowsPanel,
+    _chunk6PPEG2N4cjs.StackedRowsPanel,
     {
       className,
-      title: `${_chunkOG2BNJ2Qcjs.ENTITY_QUOTES_TITLE} \xB7 ${quotes.length}`,
+      title: `${_chunk6PPEG2N4cjs.ENTITY_QUOTES_TITLE} \xB7 ${quotes.length}`,
       rows: quotes.map((q) => ({
         id: q.key,
         columns: [
@@ -167,7 +168,7 @@ function EntityQuotesPanel({ quotes, className }) {
 function QuoteCardsStrip({ quotes, className }) {
   if (quotes.length === 0) return null;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkFUXUJSPPcjs.CardsStrip,
+    _chunk3UDBK2YGcjs.CardsStrip,
     {
       className,
       showTitle: false,
@@ -182,8 +183,8 @@ function QuoteCardsStrip({ quotes, className }) {
           onPointerLeave: ctx.isTouch ? void 0 : () => ctx.onDeactivate(ctx.cardKey),
           className: "relative shrink-0 rounded-md border-ods-border bg-ods-card p-[var(--spacing-system-sf)] shadow-none hover:border-ods-border-hover",
           children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOG2BNJ2Qcjs.PersonCell, { size: "lg", name: `"${quote.text}"`, secondary: quote.attribution, avatarUrl: quote.logoUrl }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFUXUJSPPcjs.CardHitLayer, { href: quote.href, label: `${quote.text}, ${quote.attribution}`, decorative: ctx.isClone })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6PPEG2N4cjs.PersonCell, { size: "lg", name: `"${quote.text}"`, secondary: quote.attribution, avatarUrl: quote.logoUrl }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3UDBK2YGcjs.CardHitLayer, { href: quote.href, label: `${quote.text}, ${quote.attribution}`, decorative: ctx.isClone })
           ]
         },
         ctx.cardKey

package/dist/components/case-studies/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/components/case-studies/index.cjs","../../../src/components/case-studies/share-experience-section.tsx","../../../src/components/case-studies/entity-quotes-panel.tsx","../../../src/components/case-studies/quote-cards-strip.tsx"],"names":["jsx","jsxs"],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,4DAAiC;AACjC;AACE;AACA;AACA;AACA;AACA;AACF,4DAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC;AACE;AACA;AACF,4DAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC;AACE;AACA;AACA;AACA;AACF,4DAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC;AACE;AACF,4DAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC;AACA;ACME,+CAAA;AADF,IAAM,cAAA,kBACJ,8BAAA,oBAAA,EAAA,EAAE,QAAA,EAAA;AAAA,EAAA,uBAAA;AAAA,kBAEA,6BAAA,IAAC,EAAA,CAAA,CAAG,CAAA;AAAA,EAAE,kBAAA;AAAA,kBACU,6BAAA,MAAC,EAAA,EAAK,SAAA,EAAU,iBAAA,EAAkB,QAAA,EAAA,IAAA,CAAC;AAAA,EAAA,CACrD,CAAA;AAGF,IAAM,iBAAA,kBACJ,6BAAA,oBAAA,EAAA,EAAE,QAAA,EAAA,+QAAA,CAIF,CAAA;AAGF,IAAM,2BAAA,kBACJ,8BAAA,oBAAA,EAAA,EAAE,QAAA,EAAA;AAAA,EAAA,cAAA;AAAA,kBACY,6BAAA,MAAC,EAAA,EAAK,SAAA,EAAU,iBAAA,EAAkB,QAAA,EAAA,IAAA,CAAC;AAAA,EAAA,CACjD,CAAA;AAGF,IAAM,0BAAA,kBACJ,6BAAA,oBAAA,EAAA,EAAE,QAAA,EAAA,8IAAA,CAGF,CAAA;AAKF,IAAM,2BAAA,EAA6B;AAAA,EACjC,eAAA,EAAiB,2BAAA;AAAA,EACjB,gBAAA,EAAkB,2BAAA;AAAA,EAClB,UAAA,EAAY,CAAC,aAAA,EAAe,gBAAA,EAAkB,cAAA,EAAgB,SAAS,CAAA;AAAA,EACvE,KAAA,EAAO,EAAA;AAAA,EACP,QAAA,EAAU,EAAA;AAAA,EACV,UAAA,EAAY,EAAA;AAAA,EACZ,QAAA,EAAU,IAAA;AAAA,EACV,SAAA,EAAW,IAAA;AAAA,EACX,aAAA,EAAe,SAAA;AAAA,EACf,eAAA,EAAiB,QAAA;AAAA,EACjB,mBAAA,EAAqB;AACvB,CAAA;AAEO,SAAS,sBAAA,CAAuB;AAAA,EACrC,MAAA,EAAQ,aAAA;AAAA,EACR,SAAA,EAAW,gBAAA;AAAA,EACX,gBAAA,EAAkB,0BAAA;AAAA,EAClB,eAAA,EAAiB,yBAAA;AAAA,EACjB,gBAAA;AAAA,EACA;AACF,EAAA,EAAiC,CAAC,CAAA,EAAG;AACnC,EAAA,uBACE,8BAAA,SAAC,EAAA,EAAQ,SAAA,EAAW,CAAA,oBAAA,EAAuB,UAAA,EAAY,CAAA,CAAA,EAAI,SAAS,CAAA,EAAA;AAEhE,oBAAA;AAAqD,sBAAA;AACD,sBAAA;AACtD,IAAA;AAGE,oBAAA;AAEI,sBAAA;AAAyC,wBAAA;AACF,wBAAA;AACzC,MAAA;AAGE,sBAAA;AAAA,wBAAA;AAAC,UAAA;AAAA,UAAA;AAEkB,YAAA;AAIX,YAAA;AACM,YAAA;AACJ,YAAA;AAAA,UAAA;AACV,QAAA;AACA,wBAAA;AAAC,UAAA;AAAA,UAAA;AAEkB,YAAA;AAIX,YAAA;AACM,YAAA;AACJ,YAAA;AAAA,UAAA;AACV,QAAA;AACA,wBAAA;AAAC,UAAA;AAAA,UAAA;AAEkB,YAAA;AAIX,YAAA;AACM,YAAA;AACJ,YAAA;AAAA,UAAA;AACV,QAAA;AACA,wBAAA;AAAC,UAAA;AAAA,UAAA;AAEkB,YAAA;AAIX,YAAA;AACM,YAAA;AACJ,YAAA;AAAA,UAAA;AACV,QAAA;AACF,MAAA;AAMmE,sBAAA;AAEvE,IAAA;AACF,EAAA;AAEJ;ADrCuG;AACA;AEzGvF;AAbiE;AACpC,EAAA;AAEzCA,EAAAA;AAAC,IAAA;AAAA,IAAA;AACC,MAAA;AACgD,MAAA;AACzB,MAAA;AACf,QAAA;AACG,QAAA;AACP,UAAA;AACO,YAAA;AAEmB,YAAA;AACyB,8BAAA;AAAA,gBAAA;AAAU,gBAAA;AAAK,gBAAA;AAAO,cAAA;AACL,cAAA;AAChE,YAAA;AAEJ,UAAA;AACF,QAAA;AACA,MAAA;AAAA,IAAA;AACJ,EAAA;AAEJ;AF4HuG;AACA;AG5H/F;AAVqE;AAC3C,EAAA;AAE9BA,EAAAA;AAAC,IAAA;AAAA,IAAA;AACC,MAAA;AACW,MAAA;AACG,MAAA;AACG,MAAA;AACO,MAAA;AAEtBC,MAAAA;AAAC,QAAA;AAAA,QAAA;AAE6B,UAAA;AAC8C,UAAA;AACE,UAAA;AAClE,UAAA;AAEV,UAAA;AAAgE,4BAAA;AACD,4BAAA;AAAwC,UAAA;AAAA,QAAA;AAP9F,QAAA;AAQX,MAAA;AAAA,IAAA;AAEJ,EAAA;AAEJ;AH4IuG;AACA;AACA;AACA;AACA","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/components/case-studies/index.cjs","sourcesContent":[null,"'use client';\n\nimport type React from 'react';\nimport { ContactForm, type ContactFormProps } from '../contact';\nimport { G2Icon, CapterraIcon, TrustpilotIcon, GetAppIcon } from '../icons';\nimport { BenefitCard, BenefitCardGrid } from '../ui';\n\n/**\n * `<ShareExperienceSection>` — the case-studies \"Share Your Experience\"\n * CTA block.\n *\n * Hub usage: rendered inside the unified case-studies chrome (between\n * the search bar and the case-study card grid) so it stays at the same\n * y-offset + gutters as the rest of the page content.\n *\n * Embedders mount this anywhere they like. The inner `<ContactForm>`\n * submits through the AMBIENT `EndpointsRuntime.contactUrl` (same proxy\n * seam every other embed-aware form uses), so embedders behind a\n * `/content` reverse proxy get a working submission with no per-call-\n * site wiring.\n *\n * **Copy is overridable.** Every string is a prop with a sensible\n * \"Flamingo case-studies\" default so the hub keeps its existing copy\n * verbatim; embedders override what they need.\n *\n * **Contact-form integration is configurable.** Hub auto-resolves\n * `userId` / `helpCategoryOptions` / `rdtCid` / `onSubmitSuccess` from\n * its app context and passes them down via `contactFormProps`;\n * embedders without that context just omit them. All other\n * `ContactFormProps` are forwarded too, so the host can adjust prefill,\n * success redirect, hidden fields, etc. without forking this component.\n */\nexport interface ShareExperienceSectionProps {\n  /** Override the section heading. JSX so the host can break lines /\n   *  colorize the accent the same way the hub does. Default: the\n   *  hub's two-line \"Share Your Experience / with Fellow MSPs:\" copy. */\n  title?: React.ReactNode;\n  /** Override the lead paragraph. Default: the hub's review-incentive\n   *  copy referencing Flamingo. Pass a brand-neutral string in embeds. */\n  subtitle?: React.ReactNode;\n  /** Override the \"How it works?\" sub-heading. */\n  howItWorksTitle?: React.ReactNode;\n  /** Override the \"How it works?\" body copy. */\n  howItWorksBody?: React.ReactNode;\n  /** Forwarded to the inner `<ContactForm>`. The hub passes its\n   *  auto-resolved `userId` / `helpCategoryOptions` / `rdtCid` /\n   *  `onSubmitSuccess` here. Embedders pass overrides like\n   *  `successRedirectUrl` or extra prefill copy. */\n  contactFormProps?: Partial<ContactFormProps>;\n  className?: string;\n}\n\nconst DEFAULT_TITLE: React.ReactNode = (\n  <>\n    Share Your Experience\n    <br />\n    with Fellow MSPs<span className=\"text-ods-accent\">:</span>\n  </>\n);\n\nconst DEFAULT_SUBTITLE: React.ReactNode = (\n  <>\n    We know your time is valuable. When you leave an honest review about your Flamingo experience, we&apos;d like to\n    thank you with a gift certificate – not as payment for a review, but as appreciation for the time you invest in\n    helping other MSPs make informed decisions.\n  </>\n);\n\nconst DEFAULT_HOW_IT_WORKS_TITLE: React.ReactNode = (\n  <>\n    How it works<span className=\"text-ods-accent\">?</span>\n  </>\n);\n\nconst DEFAULT_HOW_IT_WORKS_BODY: React.ReactNode = (\n  <>\n    Share your name and email with us, and we&apos;ll reach out to guide you through the review process and arrange your\n    thank-you gift certificate.\n  </>\n);\n\n/** Defaults that match the hub's existing /case-studies behavior. Host\n *  overrides via `contactFormProps` win over these. */\nconst DEFAULT_CONTACT_FORM_PROPS = {\n  prefilledReason: 'I want to do a case study',\n  prefilledMessage: 'I want to do a case study',\n  hideFields: ['companySize', 'referralSource', 'helpCategory', 'message'] as ContactFormProps['hideFields'],\n  title: '',\n  subtitle: '',\n  footerText: '',\n  noBorder: true,\n  noPadding: true,\n  buttonVariant: 'outline' as ContactFormProps['buttonVariant'],\n  buttonClassName: 'w-full',\n  successToastMessage: \"Thank you! We'll reach out to schedule your case study.\",\n} satisfies Partial<ContactFormProps>;\n\nexport function ShareExperienceSection({\n  title = DEFAULT_TITLE,\n  subtitle = DEFAULT_SUBTITLE,\n  howItWorksTitle = DEFAULT_HOW_IT_WORKS_TITLE,\n  howItWorksBody = DEFAULT_HOW_IT_WORKS_BODY,\n  contactFormProps,\n  className,\n}: ShareExperienceSectionProps = {}) {\n  return (\n    <section className={`flex flex-col gap-10${className ? ` ${className}` : ''}`}>\n      <div className=\"text-ods-text-primary\">\n        <h2 className=\"text-ods-text-primary text-h1\">{title}</h2>\n        <p className=\"mt-6 max-w-[765px] text-h4\">{subtitle}</p>\n      </div>\n\n      <div className=\"rounded-md border border-ods-border bg-ods-bg p-10\">\n        <div className=\"flex flex-col gap-10\">\n          <div className=\"flex flex-col gap-6 text-ods-text-primary\">\n            <h3 className=\"text-h2\">{howItWorksTitle}</h3>\n            <p className=\"text-h4\">{howItWorksBody}</p>\n          </div>\n\n          <BenefitCardGrid columns={4}>\n            <BenefitCard\n              icon={\n                <div className=\"flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2\">\n                  <G2Icon width={24} height={24} />\n                </div>\n              }\n              title=\"G2\"\n              description=\"g2.com\"\n              variant=\"auth-figma\"\n            />\n            <BenefitCard\n              icon={\n                <div className=\"flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2\">\n                  <CapterraIcon width={24} height={24} />\n                </div>\n              }\n              title=\"Capterra\"\n              description=\"capterra.com\"\n              variant=\"auth-figma\"\n            />\n            <BenefitCard\n              icon={\n                <div className=\"flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2\">\n                  <TrustpilotIcon width={24} height={24} />\n                </div>\n              }\n              title=\"TrustPilot\"\n              description=\"trustpilot.com\"\n              variant=\"auth-figma\"\n            />\n            <BenefitCard\n              icon={\n                <div className=\"flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2\">\n                  <GetAppIcon width={24} height={24} />\n                </div>\n              }\n              title=\"GetApp\"\n              description=\"getapp.com\"\n              variant=\"auth-figma\"\n            />\n          </BenefitCardGrid>\n\n          {/* Submission proxies through ambient EndpointsRuntime.contactUrl —\n           *  no per-call-site wiring needed for embeds behind a reverse\n           *  proxy. Hub's auto-resolving wrapper passes userId / rdtCid /\n           *  onSubmitSuccess via `contactFormProps`. */}\n          <ContactForm {...DEFAULT_CONTACT_FORM_PROPS} {...contactFormProps} />\n        </div>\n      </div>\n    </section>\n  );\n}\n","'use client';\n\nimport type { EntityQuote } from '../../types/video-processing';\nimport { ENTITY_QUOTES_TITLE } from '../../types/video-processing';\nimport { StackedRowsPanel } from '../ui';\n\nexport interface EntityQuotesPanelProps {\n  /** A record's `quotes` column (case study, customer interview, prospect call). */\n  quotes: readonly EntityQuote[] | null | undefined;\n  className?: string;\n}\n\n/**\n * THE quote list display: one `StackedRowsPanel` row per quote, the quote\n * with its speaker beneath, under a \"Key Quotes · N\" caption. Renders nothing\n * when there are none.\n */\nexport function EntityQuotesPanel({ quotes, className }: EntityQuotesPanelProps) {\n  if (!quotes || quotes.length === 0) return null;\n  return (\n    <StackedRowsPanel\n      className={className}\n      title={`${ENTITY_QUOTES_TITLE} · ${quotes.length}`}\n      rows={quotes.map(q => ({\n        id: q.key,\n        columns: [\n          {\n            key: 'quote',\n            content: (\n              <blockquote className=\"flex flex-col gap-[var(--spacing-system-xxs)]\">\n                <p className=\"text-ods-text-primary text-h4\">&ldquo;{q.text}&rdquo;</p>\n                {q.speaker && <p className=\"text-ods-text-secondary text-h4\">{q.speaker}</p>}\n              </blockquote>\n            ),\n          },\n        ],\n      }))}\n    />\n  );\n}\n","'use client';\n\nimport { CardHitLayer } from '../features/card-hit-layer';\nimport { CardsStrip } from '../features/cards-strip';\nimport { Card } from '../ui/card';\nimport { PersonCell } from '../ui/people-cell';\n\n/** One customer quote chip: the line, who said it, their logo, and the case study it opens. */\nexport interface QuoteCard {\n  key: string;\n  text: string;\n  /** \"Albert Guerra, Owner\" — the customer's name and job title. */\n  attribution: string;\n  /** The customer's MSP logo, else their avatar. */\n  logoUrl: string | null;\n  /** The case study the quote comes from. */\n  href: string;\n}\n\nexport interface QuoteCardsStripProps {\n  quotes: readonly QuoteCard[];\n  className?: string;\n}\n\n/**\n * A scrolling row of customer quote chips on THE strip engine every card rail\n * uses (`CardsStrip`, render-prop mode so each chip keeps its natural width).\n * The whole chip opens the case study the quote comes from; the loop clone\n * keeps the click but stays out of the a11y tree. Renders nothing when empty.\n */\nexport function QuoteCardsStrip({ quotes, className }: QuoteCardsStripProps) {\n  if (quotes.length === 0) return null;\n  return (\n    <CardsStrip\n      className={className}\n      showTitle={false}\n      showChevrons={false}\n      items={[...quotes]}\n      itemKey={quote => quote.key}\n      renderCard={(quote, ctx) => (\n        <Card\n          key={ctx.cardKey}\n          aria-hidden={ctx.isClone || undefined}\n          onPointerEnter={ctx.isTouch ? undefined : () => ctx.onActivate(ctx.cardKey)}\n          onPointerLeave={ctx.isTouch ? undefined : () => ctx.onDeactivate(ctx.cardKey)}\n          className=\"relative shrink-0 rounded-md border-ods-border bg-ods-card p-[var(--spacing-system-sf)] shadow-none hover:border-ods-border-hover\"\n        >\n          <PersonCell size=\"lg\" name={`\"${quote.text}\"`} secondary={quote.attribution} avatarUrl={quote.logoUrl} />\n          <CardHitLayer href={quote.href} label={`${quote.text}, ${quote.attribution}`} decorative={ctx.isClone} />\n        </Card>\n      )}\n    />\n  );\n}\n"]}
+{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/components/case-studies/index.cjs","../../../src/components/case-studies/share-experience-section.tsx","../../../src/components/case-studies/entity-quotes-panel.tsx","../../../src/components/case-studies/quote-cards-strip.tsx"],"names":["jsx","jsxs"],"mappings":"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","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/components/case-studies/index.cjs","sourcesContent":[null,"'use client';\n\nimport type React from 'react';\nimport { ContactForm, type ContactFormProps } from '../contact';\nimport { G2Icon, CapterraIcon, TrustpilotIcon, GetAppIcon } from '../icons';\nimport { BenefitCard, BenefitCardGrid } from '../ui';\n\n/**\n * `<ShareExperienceSection>` — the case-studies \"Share Your Experience\"\n * CTA block.\n *\n * Hub usage: rendered inside the unified case-studies chrome (between\n * the search bar and the case-study card grid) so it stays at the same\n * y-offset + gutters as the rest of the page content.\n *\n * Embedders mount this anywhere they like. The inner `<ContactForm>`\n * submits through the AMBIENT `EndpointsRuntime.contactUrl` (same proxy\n * seam every other embed-aware form uses), so embedders behind a\n * `/content` reverse proxy get a working submission with no per-call-\n * site wiring.\n *\n * **Copy is overridable.** Every string is a prop with a sensible\n * \"Flamingo case-studies\" default so the hub keeps its existing copy\n * verbatim; embedders override what they need.\n *\n * **Contact-form integration is configurable.** Hub auto-resolves\n * `userId` / `helpCategoryOptions` / `rdtCid` / `onSubmitSuccess` from\n * its app context and passes them down via `contactFormProps`;\n * embedders without that context just omit them. All other\n * `ContactFormProps` are forwarded too, so the host can adjust prefill,\n * success redirect, hidden fields, etc. without forking this component.\n */\nexport interface ShareExperienceSectionProps {\n  /** Override the section heading. JSX so the host can break lines /\n   *  colorize the accent the same way the hub does. Default: the\n   *  hub's two-line \"Share Your Experience / with Fellow MSPs:\" copy. */\n  title?: React.ReactNode;\n  /** Override the lead paragraph. Default: the hub's review-incentive\n   *  copy referencing Flamingo. Pass a brand-neutral string in embeds. */\n  subtitle?: React.ReactNode;\n  /** Override the \"How it works?\" sub-heading. */\n  howItWorksTitle?: React.ReactNode;\n  /** Override the \"How it works?\" body copy. */\n  howItWorksBody?: React.ReactNode;\n  /** Forwarded to the inner `<ContactForm>`. The hub passes its\n   *  auto-resolved `userId` / `helpCategoryOptions` / `rdtCid` /\n   *  `onSubmitSuccess` here. Embedders pass overrides like\n   *  `successRedirectUrl` or extra prefill copy. */\n  contactFormProps?: Partial<ContactFormProps>;\n  className?: string;\n}\n\nconst DEFAULT_TITLE: React.ReactNode = (\n  <>\n    Share Your Experience\n    <br />\n    with Fellow MSPs<span className=\"text-ods-accent\">:</span>\n  </>\n);\n\nconst DEFAULT_SUBTITLE: React.ReactNode = (\n  <>\n    We know your time is valuable. When you leave an honest review about your Flamingo experience, we&apos;d like to\n    thank you with a gift certificate – not as payment for a review, but as appreciation for the time you invest in\n    helping other MSPs make informed decisions.\n  </>\n);\n\nconst DEFAULT_HOW_IT_WORKS_TITLE: React.ReactNode = (\n  <>\n    How it works<span className=\"text-ods-accent\">?</span>\n  </>\n);\n\nconst DEFAULT_HOW_IT_WORKS_BODY: React.ReactNode = (\n  <>\n    Share your name and email with us, and we&apos;ll reach out to guide you through the review process and arrange your\n    thank-you gift certificate.\n  </>\n);\n\n/** Defaults that match the hub's existing /case-studies behavior. Host\n *  overrides via `contactFormProps` win over these. */\nconst DEFAULT_CONTACT_FORM_PROPS = {\n  prefilledReason: 'I want to do a case study',\n  prefilledMessage: 'I want to do a case study',\n  hideFields: ['companySize', 'referralSource', 'helpCategory', 'message'] as ContactFormProps['hideFields'],\n  title: '',\n  subtitle: '',\n  footerText: '',\n  noBorder: true,\n  noPadding: true,\n  buttonVariant: 'outline' as ContactFormProps['buttonVariant'],\n  buttonClassName: 'w-full',\n  successToastMessage: \"Thank you! We'll reach out to schedule your case study.\",\n  rescueFormId: 'case_study_pitch',\n} satisfies Partial<ContactFormProps>;\n\nexport function ShareExperienceSection({\n  title = DEFAULT_TITLE,\n  subtitle = DEFAULT_SUBTITLE,\n  howItWorksTitle = DEFAULT_HOW_IT_WORKS_TITLE,\n  howItWorksBody = DEFAULT_HOW_IT_WORKS_BODY,\n  contactFormProps,\n  className,\n}: ShareExperienceSectionProps = {}) {\n  return (\n    <section className={`flex flex-col gap-10${className ? ` ${className}` : ''}`}>\n      <div className=\"text-ods-text-primary\">\n        <h2 className=\"text-ods-text-primary text-h1\">{title}</h2>\n        <p className=\"mt-6 max-w-[765px] text-h4\">{subtitle}</p>\n      </div>\n\n      <div className=\"rounded-md border border-ods-border bg-ods-bg p-10\">\n        <div className=\"flex flex-col gap-10\">\n          <div className=\"flex flex-col gap-6 text-ods-text-primary\">\n            <h3 className=\"text-h2\">{howItWorksTitle}</h3>\n            <p className=\"text-h4\">{howItWorksBody}</p>\n          </div>\n\n          <BenefitCardGrid columns={4}>\n            <BenefitCard\n              icon={\n                <div className=\"flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2\">\n                  <G2Icon width={24} height={24} />\n                </div>\n              }\n              title=\"G2\"\n              description=\"g2.com\"\n              variant=\"auth-figma\"\n            />\n            <BenefitCard\n              icon={\n                <div className=\"flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2\">\n                  <CapterraIcon width={24} height={24} />\n                </div>\n              }\n              title=\"Capterra\"\n              description=\"capterra.com\"\n              variant=\"auth-figma\"\n            />\n            <BenefitCard\n              icon={\n                <div className=\"flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2\">\n                  <TrustpilotIcon width={24} height={24} />\n                </div>\n              }\n              title=\"TrustPilot\"\n              description=\"trustpilot.com\"\n              variant=\"auth-figma\"\n            />\n            <BenefitCard\n              icon={\n                <div className=\"flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2\">\n                  <GetAppIcon width={24} height={24} />\n                </div>\n              }\n              title=\"GetApp\"\n              description=\"getapp.com\"\n              variant=\"auth-figma\"\n            />\n          </BenefitCardGrid>\n\n          {/* Submission proxies through ambient EndpointsRuntime.contactUrl —\n           *  no per-call-site wiring needed for embeds behind a reverse\n           *  proxy. Hub's auto-resolving wrapper passes userId / rdtCid /\n           *  onSubmitSuccess via `contactFormProps`. */}\n          <ContactForm {...DEFAULT_CONTACT_FORM_PROPS} {...contactFormProps} />\n        </div>\n      </div>\n    </section>\n  );\n}\n","'use client';\n\nimport type { EntityQuote } from '../../types/video-processing';\nimport { ENTITY_QUOTES_TITLE } from '../../types/video-processing';\nimport { StackedRowsPanel } from '../ui';\n\nexport interface EntityQuotesPanelProps {\n  /** A record's `quotes` column (case study, customer interview, prospect call). */\n  quotes: readonly EntityQuote[] | null | undefined;\n  className?: string;\n}\n\n/**\n * THE quote list display: one `StackedRowsPanel` row per quote, the quote\n * with its speaker beneath, under a \"Key Quotes · N\" caption. Renders nothing\n * when there are none.\n */\nexport function EntityQuotesPanel({ quotes, className }: EntityQuotesPanelProps) {\n  if (!quotes || quotes.length === 0) return null;\n  return (\n    <StackedRowsPanel\n      className={className}\n      title={`${ENTITY_QUOTES_TITLE} · ${quotes.length}`}\n      rows={quotes.map(q => ({\n        id: q.key,\n        columns: [\n          {\n            key: 'quote',\n            content: (\n              <blockquote className=\"flex flex-col gap-[var(--spacing-system-xxs)]\">\n                <p className=\"text-ods-text-primary text-h4\">&ldquo;{q.text}&rdquo;</p>\n                {q.speaker && <p className=\"text-ods-text-secondary text-h4\">{q.speaker}</p>}\n              </blockquote>\n            ),\n          },\n        ],\n      }))}\n    />\n  );\n}\n","'use client';\n\nimport { CardHitLayer } from '../features/card-hit-layer';\nimport { CardsStrip } from '../features/cards-strip';\nimport { Card } from '../ui/card';\nimport { PersonCell } from '../ui/people-cell';\n\n/** One customer quote chip: the line, who said it, their logo, and the case study it opens. */\nexport interface QuoteCard {\n  key: string;\n  text: string;\n  /** \"Albert Guerra, Owner\" — the customer's name and job title. */\n  attribution: string;\n  /** The customer's MSP logo, else their avatar. */\n  logoUrl: string | null;\n  /** The case study the quote comes from. */\n  href: string;\n}\n\nexport interface QuoteCardsStripProps {\n  quotes: readonly QuoteCard[];\n  className?: string;\n}\n\n/**\n * A scrolling row of customer quote chips on THE strip engine every card rail\n * uses (`CardsStrip`, render-prop mode so each chip keeps its natural width).\n * The whole chip opens the case study the quote comes from; the loop clone\n * keeps the click but stays out of the a11y tree. Renders nothing when empty.\n */\nexport function QuoteCardsStrip({ quotes, className }: QuoteCardsStripProps) {\n  if (quotes.length === 0) return null;\n  return (\n    <CardsStrip\n      className={className}\n      showTitle={false}\n      showChevrons={false}\n      items={[...quotes]}\n      itemKey={quote => quote.key}\n      renderCard={(quote, ctx) => (\n        <Card\n          key={ctx.cardKey}\n          aria-hidden={ctx.isClone || undefined}\n          onPointerEnter={ctx.isTouch ? undefined : () => ctx.onActivate(ctx.cardKey)}\n          onPointerLeave={ctx.isTouch ? undefined : () => ctx.onDeactivate(ctx.cardKey)}\n          className=\"relative shrink-0 rounded-md border-ods-border bg-ods-card p-[var(--spacing-system-sf)] shadow-none hover:border-ods-border-hover\"\n        >\n          <PersonCell size=\"lg\" name={`\"${quote.text}\"`} secondary={quote.attribution} avatarUrl={quote.logoUrl} />\n          <CardHitLayer href={quote.href} label={`${quote.text}, ${quote.attribution}`} decorative={ctx.isClone} />\n        </Card>\n      )}\n    />\n  );\n}\n"]}

package/dist/components/case-studies/index.js

@@ -1,25 +1,25 @@
 "use client";
 import {
   ContactForm
-} from "../../chunk-STLBB6PF.js";
+} from "../../chunk-O75Y5O3U.js";
 import {
   BenefitCard,
   BenefitCardGrid,
   ENTITY_QUOTES_TITLE,
   PersonCell,
   StackedRowsPanel
-} from "../../chunk-NIYIK32F.js";
+} from "../../chunk-6ZX6TFSS.js";
 import "../../chunk-L2SLFCXP.js";
 import "../../chunk-BJXDHKUX.js";
-import "../../chunk-3PVOF3IB.js";
-import "../../chunk-ZRIVCLPR.js";
+import "../../chunk-EVB3EO5S.js";
+import "../../chunk-JD5TKRCU.js";
 import "../../chunk-GRBZC5N3.js";
 import "../../chunk-MT5A25AX.js";
 import "../../chunk-BXWXBBAC.js";
 import {
   CardHitLayer,
   CardsStrip
-} from "../../chunk-TLLTL6LB.js";
+} from "../../chunk-JD4U7QMG.js";
 import "../../chunk-3T4GPKSB.js";
 import "../../chunk-XXMHLZ3Y.js";
 import {
@@ -70,7 +70,8 @@ var DEFAULT_CONTACT_FORM_PROPS = {
   noPadding: true,
   buttonVariant: "outline",
   buttonClassName: "w-full",
-  successToastMessage: "Thank you! We'll reach out to schedule your case study."
+  successToastMessage: "Thank you! We'll reach out to schedule your case study.",
+  rescueFormId: "case_study_pitch"
 };
 function ShareExperienceSection({
   title = DEFAULT_TITLE,

package/dist/components/case-studies/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/case-studies/share-experience-section.tsx","../../../src/components/case-studies/entity-quotes-panel.tsx","../../../src/components/case-studies/quote-cards-strip.tsx"],"sourcesContent":["'use client';\n\nimport type React from 'react';\nimport { ContactForm, type ContactFormProps } from '../contact';\nimport { G2Icon, CapterraIcon, TrustpilotIcon, GetAppIcon } from '../icons';\nimport { BenefitCard, BenefitCardGrid } from '../ui';\n\n/**\n * `<ShareExperienceSection>` — the case-studies \"Share Your Experience\"\n * CTA block.\n *\n * Hub usage: rendered inside the unified case-studies chrome (between\n * the search bar and the case-study card grid) so it stays at the same\n * y-offset + gutters as the rest of the page content.\n *\n * Embedders mount this anywhere they like. The inner `<ContactForm>`\n * submits through the AMBIENT `EndpointsRuntime.contactUrl` (same proxy\n * seam every other embed-aware form uses), so embedders behind a\n * `/content` reverse proxy get a working submission with no per-call-\n * site wiring.\n *\n * **Copy is overridable.** Every string is a prop with a sensible\n * \"Flamingo case-studies\" default so the hub keeps its existing copy\n * verbatim; embedders override what they need.\n *\n * **Contact-form integration is configurable.** Hub auto-resolves\n * `userId` / `helpCategoryOptions` / `rdtCid` / `onSubmitSuccess` from\n * its app context and passes them down via `contactFormProps`;\n * embedders without that context just omit them. All other\n * `ContactFormProps` are forwarded too, so the host can adjust prefill,\n * success redirect, hidden fields, etc. without forking this component.\n */\nexport interface ShareExperienceSectionProps {\n  /** Override the section heading. JSX so the host can break lines /\n   *  colorize the accent the same way the hub does. Default: the\n   *  hub's two-line \"Share Your Experience / with Fellow MSPs:\" copy. */\n  title?: React.ReactNode;\n  /** Override the lead paragraph. Default: the hub's review-incentive\n   *  copy referencing Flamingo. Pass a brand-neutral string in embeds. */\n  subtitle?: React.ReactNode;\n  /** Override the \"How it works?\" sub-heading. */\n  howItWorksTitle?: React.ReactNode;\n  /** Override the \"How it works?\" body copy. */\n  howItWorksBody?: React.ReactNode;\n  /** Forwarded to the inner `<ContactForm>`. The hub passes its\n   *  auto-resolved `userId` / `helpCategoryOptions` / `rdtCid` /\n   *  `onSubmitSuccess` here. Embedders pass overrides like\n   *  `successRedirectUrl` or extra prefill copy. */\n  contactFormProps?: Partial<ContactFormProps>;\n  className?: string;\n}\n\nconst DEFAULT_TITLE: React.ReactNode = (\n  <>\n    Share Your Experience\n    <br />\n    with Fellow MSPs<span className=\"text-ods-accent\">:</span>\n  </>\n);\n\nconst DEFAULT_SUBTITLE: React.ReactNode = (\n  <>\n    We know your time is valuable. When you leave an honest review about your Flamingo experience, we&apos;d like to\n    thank you with a gift certificate – not as payment for a review, but as appreciation for the time you invest in\n    helping other MSPs make informed decisions.\n  </>\n);\n\nconst DEFAULT_HOW_IT_WORKS_TITLE: React.ReactNode = (\n  <>\n    How it works<span className=\"text-ods-accent\">?</span>\n  </>\n);\n\nconst DEFAULT_HOW_IT_WORKS_BODY: React.ReactNode = (\n  <>\n    Share your name and email with us, and we&apos;ll reach out to guide you through the review process and arrange your\n    thank-you gift certificate.\n  </>\n);\n\n/** Defaults that match the hub's existing /case-studies behavior. Host\n *  overrides via `contactFormProps` win over these. */\nconst DEFAULT_CONTACT_FORM_PROPS = {\n  prefilledReason: 'I want to do a case study',\n  prefilledMessage: 'I want to do a case study',\n  hideFields: ['companySize', 'referralSource', 'helpCategory', 'message'] as ContactFormProps['hideFields'],\n  title: '',\n  subtitle: '',\n  footerText: '',\n  noBorder: true,\n  noPadding: true,\n  buttonVariant: 'outline' as ContactFormProps['buttonVariant'],\n  buttonClassName: 'w-full',\n  successToastMessage: \"Thank you! We'll reach out to schedule your case study.\",\n} satisfies Partial<ContactFormProps>;\n\nexport function ShareExperienceSection({\n  title = DEFAULT_TITLE,\n  subtitle = DEFAULT_SUBTITLE,\n  howItWorksTitle = DEFAULT_HOW_IT_WORKS_TITLE,\n  howItWorksBody = DEFAULT_HOW_IT_WORKS_BODY,\n  contactFormProps,\n  className,\n}: ShareExperienceSectionProps = {}) {\n  return (\n    <section className={`flex flex-col gap-10${className ? ` ${className}` : ''}`}>\n      <div className=\"text-ods-text-primary\">\n        <h2 className=\"text-ods-text-primary text-h1\">{title}</h2>\n        <p className=\"mt-6 max-w-[765px] text-h4\">{subtitle}</p>\n      </div>\n\n      <div className=\"rounded-md border border-ods-border bg-ods-bg p-10\">\n        <div className=\"flex flex-col gap-10\">\n          <div className=\"flex flex-col gap-6 text-ods-text-primary\">\n            <h3 className=\"text-h2\">{howItWorksTitle}</h3>\n            <p className=\"text-h4\">{howItWorksBody}</p>\n          </div>\n\n          <BenefitCardGrid columns={4}>\n            <BenefitCard\n              icon={\n                <div className=\"flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2\">\n                  <G2Icon width={24} height={24} />\n                </div>\n              }\n              title=\"G2\"\n              description=\"g2.com\"\n              variant=\"auth-figma\"\n            />\n            <BenefitCard\n              icon={\n                <div className=\"flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2\">\n                  <CapterraIcon width={24} height={24} />\n                </div>\n              }\n              title=\"Capterra\"\n              description=\"capterra.com\"\n              variant=\"auth-figma\"\n            />\n            <BenefitCard\n              icon={\n                <div className=\"flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2\">\n                  <TrustpilotIcon width={24} height={24} />\n                </div>\n              }\n              title=\"TrustPilot\"\n              description=\"trustpilot.com\"\n              variant=\"auth-figma\"\n            />\n            <BenefitCard\n              icon={\n                <div className=\"flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2\">\n                  <GetAppIcon width={24} height={24} />\n                </div>\n              }\n              title=\"GetApp\"\n              description=\"getapp.com\"\n              variant=\"auth-figma\"\n            />\n          </BenefitCardGrid>\n\n          {/* Submission proxies through ambient EndpointsRuntime.contactUrl —\n           *  no per-call-site wiring needed for embeds behind a reverse\n           *  proxy. Hub's auto-resolving wrapper passes userId / rdtCid /\n           *  onSubmitSuccess via `contactFormProps`. */}\n          <ContactForm {...DEFAULT_CONTACT_FORM_PROPS} {...contactFormProps} />\n        </div>\n      </div>\n    </section>\n  );\n}\n","'use client';\n\nimport type { EntityQuote } from '../../types/video-processing';\nimport { ENTITY_QUOTES_TITLE } from '../../types/video-processing';\nimport { StackedRowsPanel } from '../ui';\n\nexport interface EntityQuotesPanelProps {\n  /** A record's `quotes` column (case study, customer interview, prospect call). */\n  quotes: readonly EntityQuote[] | null | undefined;\n  className?: string;\n}\n\n/**\n * THE quote list display: one `StackedRowsPanel` row per quote, the quote\n * with its speaker beneath, under a \"Key Quotes · N\" caption. Renders nothing\n * when there are none.\n */\nexport function EntityQuotesPanel({ quotes, className }: EntityQuotesPanelProps) {\n  if (!quotes || quotes.length === 0) return null;\n  return (\n    <StackedRowsPanel\n      className={className}\n      title={`${ENTITY_QUOTES_TITLE} · ${quotes.length}`}\n      rows={quotes.map(q => ({\n        id: q.key,\n        columns: [\n          {\n            key: 'quote',\n            content: (\n              <blockquote className=\"flex flex-col gap-[var(--spacing-system-xxs)]\">\n                <p className=\"text-ods-text-primary text-h4\">&ldquo;{q.text}&rdquo;</p>\n                {q.speaker && <p className=\"text-ods-text-secondary text-h4\">{q.speaker}</p>}\n              </blockquote>\n            ),\n          },\n        ],\n      }))}\n    />\n  );\n}\n","'use client';\n\nimport { CardHitLayer } from '../features/card-hit-layer';\nimport { CardsStrip } from '../features/cards-strip';\nimport { Card } from '../ui/card';\nimport { PersonCell } from '../ui/people-cell';\n\n/** One customer quote chip: the line, who said it, their logo, and the case study it opens. */\nexport interface QuoteCard {\n  key: string;\n  text: string;\n  /** \"Albert Guerra, Owner\" — the customer's name and job title. */\n  attribution: string;\n  /** The customer's MSP logo, else their avatar. */\n  logoUrl: string | null;\n  /** The case study the quote comes from. */\n  href: string;\n}\n\nexport interface QuoteCardsStripProps {\n  quotes: readonly QuoteCard[];\n  className?: string;\n}\n\n/**\n * A scrolling row of customer quote chips on THE strip engine every card rail\n * uses (`CardsStrip`, render-prop mode so each chip keeps its natural width).\n * The whole chip opens the case study the quote comes from; the loop clone\n * keeps the click but stays out of the a11y tree. Renders nothing when empty.\n */\nexport function QuoteCardsStrip({ quotes, className }: QuoteCardsStripProps) {\n  if (quotes.length === 0) return null;\n  return (\n    <CardsStrip\n      className={className}\n      showTitle={false}\n      showChevrons={false}\n      items={[...quotes]}\n      itemKey={quote => quote.key}\n      renderCard={(quote, ctx) => (\n        <Card\n          key={ctx.cardKey}\n          aria-hidden={ctx.isClone || undefined}\n          onPointerEnter={ctx.isTouch ? undefined : () => ctx.onActivate(ctx.cardKey)}\n          onPointerLeave={ctx.isTouch ? undefined : () => ctx.onDeactivate(ctx.cardKey)}\n          className=\"relative shrink-0 rounded-md border-ods-border bg-ods-card p-[var(--spacing-system-sf)] shadow-none hover:border-ods-border-hover\"\n        >\n          <PersonCell size=\"lg\" name={`\"${quote.text}\"`} secondary={quote.attribution} avatarUrl={quote.logoUrl} />\n          <CardHitLayer href={quote.href} label={`${quote.text}, ${quote.attribution}`} decorative={ctx.isClone} />\n        </Card>\n      )}\n    />\n  );\n}\n"],"mappings":"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","names":["jsx","jsxs","jsx","jsxs"]}
+{"version":3,"sources":["../../../src/components/case-studies/share-experience-section.tsx","../../../src/components/case-studies/entity-quotes-panel.tsx","../../../src/components/case-studies/quote-cards-strip.tsx"],"sourcesContent":["'use client';\n\nimport type React from 'react';\nimport { ContactForm, type ContactFormProps } from '../contact';\nimport { G2Icon, CapterraIcon, TrustpilotIcon, GetAppIcon } from '../icons';\nimport { BenefitCard, BenefitCardGrid } from '../ui';\n\n/**\n * `<ShareExperienceSection>` — the case-studies \"Share Your Experience\"\n * CTA block.\n *\n * Hub usage: rendered inside the unified case-studies chrome (between\n * the search bar and the case-study card grid) so it stays at the same\n * y-offset + gutters as the rest of the page content.\n *\n * Embedders mount this anywhere they like. The inner `<ContactForm>`\n * submits through the AMBIENT `EndpointsRuntime.contactUrl` (same proxy\n * seam every other embed-aware form uses), so embedders behind a\n * `/content` reverse proxy get a working submission with no per-call-\n * site wiring.\n *\n * **Copy is overridable.** Every string is a prop with a sensible\n * \"Flamingo case-studies\" default so the hub keeps its existing copy\n * verbatim; embedders override what they need.\n *\n * **Contact-form integration is configurable.** Hub auto-resolves\n * `userId` / `helpCategoryOptions` / `rdtCid` / `onSubmitSuccess` from\n * its app context and passes them down via `contactFormProps`;\n * embedders without that context just omit them. All other\n * `ContactFormProps` are forwarded too, so the host can adjust prefill,\n * success redirect, hidden fields, etc. without forking this component.\n */\nexport interface ShareExperienceSectionProps {\n  /** Override the section heading. JSX so the host can break lines /\n   *  colorize the accent the same way the hub does. Default: the\n   *  hub's two-line \"Share Your Experience / with Fellow MSPs:\" copy. */\n  title?: React.ReactNode;\n  /** Override the lead paragraph. Default: the hub's review-incentive\n   *  copy referencing Flamingo. Pass a brand-neutral string in embeds. */\n  subtitle?: React.ReactNode;\n  /** Override the \"How it works?\" sub-heading. */\n  howItWorksTitle?: React.ReactNode;\n  /** Override the \"How it works?\" body copy. */\n  howItWorksBody?: React.ReactNode;\n  /** Forwarded to the inner `<ContactForm>`. The hub passes its\n   *  auto-resolved `userId` / `helpCategoryOptions` / `rdtCid` /\n   *  `onSubmitSuccess` here. Embedders pass overrides like\n   *  `successRedirectUrl` or extra prefill copy. */\n  contactFormProps?: Partial<ContactFormProps>;\n  className?: string;\n}\n\nconst DEFAULT_TITLE: React.ReactNode = (\n  <>\n    Share Your Experience\n    <br />\n    with Fellow MSPs<span className=\"text-ods-accent\">:</span>\n  </>\n);\n\nconst DEFAULT_SUBTITLE: React.ReactNode = (\n  <>\n    We know your time is valuable. When you leave an honest review about your Flamingo experience, we&apos;d like to\n    thank you with a gift certificate – not as payment for a review, but as appreciation for the time you invest in\n    helping other MSPs make informed decisions.\n  </>\n);\n\nconst DEFAULT_HOW_IT_WORKS_TITLE: React.ReactNode = (\n  <>\n    How it works<span className=\"text-ods-accent\">?</span>\n  </>\n);\n\nconst DEFAULT_HOW_IT_WORKS_BODY: React.ReactNode = (\n  <>\n    Share your name and email with us, and we&apos;ll reach out to guide you through the review process and arrange your\n    thank-you gift certificate.\n  </>\n);\n\n/** Defaults that match the hub's existing /case-studies behavior. Host\n *  overrides via `contactFormProps` win over these. */\nconst DEFAULT_CONTACT_FORM_PROPS = {\n  prefilledReason: 'I want to do a case study',\n  prefilledMessage: 'I want to do a case study',\n  hideFields: ['companySize', 'referralSource', 'helpCategory', 'message'] as ContactFormProps['hideFields'],\n  title: '',\n  subtitle: '',\n  footerText: '',\n  noBorder: true,\n  noPadding: true,\n  buttonVariant: 'outline' as ContactFormProps['buttonVariant'],\n  buttonClassName: 'w-full',\n  successToastMessage: \"Thank you! We'll reach out to schedule your case study.\",\n  rescueFormId: 'case_study_pitch',\n} satisfies Partial<ContactFormProps>;\n\nexport function ShareExperienceSection({\n  title = DEFAULT_TITLE,\n  subtitle = DEFAULT_SUBTITLE,\n  howItWorksTitle = DEFAULT_HOW_IT_WORKS_TITLE,\n  howItWorksBody = DEFAULT_HOW_IT_WORKS_BODY,\n  contactFormProps,\n  className,\n}: ShareExperienceSectionProps = {}) {\n  return (\n    <section className={`flex flex-col gap-10${className ? ` ${className}` : ''}`}>\n      <div className=\"text-ods-text-primary\">\n        <h2 className=\"text-ods-text-primary text-h1\">{title}</h2>\n        <p className=\"mt-6 max-w-[765px] text-h4\">{subtitle}</p>\n      </div>\n\n      <div className=\"rounded-md border border-ods-border bg-ods-bg p-10\">\n        <div className=\"flex flex-col gap-10\">\n          <div className=\"flex flex-col gap-6 text-ods-text-primary\">\n            <h3 className=\"text-h2\">{howItWorksTitle}</h3>\n            <p className=\"text-h4\">{howItWorksBody}</p>\n          </div>\n\n          <BenefitCardGrid columns={4}>\n            <BenefitCard\n              icon={\n                <div className=\"flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2\">\n                  <G2Icon width={24} height={24} />\n                </div>\n              }\n              title=\"G2\"\n              description=\"g2.com\"\n              variant=\"auth-figma\"\n            />\n            <BenefitCard\n              icon={\n                <div className=\"flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2\">\n                  <CapterraIcon width={24} height={24} />\n                </div>\n              }\n              title=\"Capterra\"\n              description=\"capterra.com\"\n              variant=\"auth-figma\"\n            />\n            <BenefitCard\n              icon={\n                <div className=\"flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2\">\n                  <TrustpilotIcon width={24} height={24} />\n                </div>\n              }\n              title=\"TrustPilot\"\n              description=\"trustpilot.com\"\n              variant=\"auth-figma\"\n            />\n            <BenefitCard\n              icon={\n                <div className=\"flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2\">\n                  <GetAppIcon width={24} height={24} />\n                </div>\n              }\n              title=\"GetApp\"\n              description=\"getapp.com\"\n              variant=\"auth-figma\"\n            />\n          </BenefitCardGrid>\n\n          {/* Submission proxies through ambient EndpointsRuntime.contactUrl —\n           *  no per-call-site wiring needed for embeds behind a reverse\n           *  proxy. Hub's auto-resolving wrapper passes userId / rdtCid /\n           *  onSubmitSuccess via `contactFormProps`. */}\n          <ContactForm {...DEFAULT_CONTACT_FORM_PROPS} {...contactFormProps} />\n        </div>\n      </div>\n    </section>\n  );\n}\n","'use client';\n\nimport type { EntityQuote } from '../../types/video-processing';\nimport { ENTITY_QUOTES_TITLE } from '../../types/video-processing';\nimport { StackedRowsPanel } from '../ui';\n\nexport interface EntityQuotesPanelProps {\n  /** A record's `quotes` column (case study, customer interview, prospect call). */\n  quotes: readonly EntityQuote[] | null | undefined;\n  className?: string;\n}\n\n/**\n * THE quote list display: one `StackedRowsPanel` row per quote, the quote\n * with its speaker beneath, under a \"Key Quotes · N\" caption. Renders nothing\n * when there are none.\n */\nexport function EntityQuotesPanel({ quotes, className }: EntityQuotesPanelProps) {\n  if (!quotes || quotes.length === 0) return null;\n  return (\n    <StackedRowsPanel\n      className={className}\n      title={`${ENTITY_QUOTES_TITLE} · ${quotes.length}`}\n      rows={quotes.map(q => ({\n        id: q.key,\n        columns: [\n          {\n            key: 'quote',\n            content: (\n              <blockquote className=\"flex flex-col gap-[var(--spacing-system-xxs)]\">\n                <p className=\"text-ods-text-primary text-h4\">&ldquo;{q.text}&rdquo;</p>\n                {q.speaker && <p className=\"text-ods-text-secondary text-h4\">{q.speaker}</p>}\n              </blockquote>\n            ),\n          },\n        ],\n      }))}\n    />\n  );\n}\n","'use client';\n\nimport { CardHitLayer } from '../features/card-hit-layer';\nimport { CardsStrip } from '../features/cards-strip';\nimport { Card } from '../ui/card';\nimport { PersonCell } from '../ui/people-cell';\n\n/** One customer quote chip: the line, who said it, their logo, and the case study it opens. */\nexport interface QuoteCard {\n  key: string;\n  text: string;\n  /** \"Albert Guerra, Owner\" — the customer's name and job title. */\n  attribution: string;\n  /** The customer's MSP logo, else their avatar. */\n  logoUrl: string | null;\n  /** The case study the quote comes from. */\n  href: string;\n}\n\nexport interface QuoteCardsStripProps {\n  quotes: readonly QuoteCard[];\n  className?: string;\n}\n\n/**\n * A scrolling row of customer quote chips on THE strip engine every card rail\n * uses (`CardsStrip`, render-prop mode so each chip keeps its natural width).\n * The whole chip opens the case study the quote comes from; the loop clone\n * keeps the click but stays out of the a11y tree. Renders nothing when empty.\n */\nexport function QuoteCardsStrip({ quotes, className }: QuoteCardsStripProps) {\n  if (quotes.length === 0) return null;\n  return (\n    <CardsStrip\n      className={className}\n      showTitle={false}\n      showChevrons={false}\n      items={[...quotes]}\n      itemKey={quote => quote.key}\n      renderCard={(quote, ctx) => (\n        <Card\n          key={ctx.cardKey}\n          aria-hidden={ctx.isClone || undefined}\n          onPointerEnter={ctx.isTouch ? undefined : () => ctx.onActivate(ctx.cardKey)}\n          onPointerLeave={ctx.isTouch ? undefined : () => ctx.onDeactivate(ctx.cardKey)}\n          className=\"relative shrink-0 rounded-md border-ods-border bg-ods-card p-[var(--spacing-system-sf)] shadow-none hover:border-ods-border-hover\"\n        >\n          <PersonCell size=\"lg\" name={`\"${quote.text}\"`} secondary={quote.attribution} avatarUrl={quote.logoUrl} />\n          <CardHitLayer href={quote.href} label={`${quote.text}, ${quote.attribution}`} decorative={ctx.isClone} />\n        </Card>\n      )}\n    />\n  );\n}\n"],"mappings":"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","names":["jsx","jsxs","jsx","jsxs"]}

package/dist/components/case-studies/share-experience-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"share-experience-section.d.ts","sourceRoot":"","sources":["../../../src/components/case-studies/share-experience-section.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAIhE;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,WAAW,2BAA2B;IAC1C;;2EAEuE;IACvE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;4EACwE;IACxE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gDAAgD;IAChD,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,8CAA8C;IAC9C,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC;;;sDAGkD;IAClD,gBAAgB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA+CD,wBAAgB,sBAAsB,CAAC,EACrC,KAAqB,EACrB,QAA2B,EAC3B,eAA4C,EAC5C,cAA0C,EAC1C,gBAAgB,EAChB,SAAS,GACV,GAAE,2BAAgC,qBAmElC"}
+{"version":3,"file":"share-experience-section.d.ts","sourceRoot":"","sources":["../../../src/components/case-studies/share-experience-section.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAIhE;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,WAAW,2BAA2B;IAC1C;;2EAEuE;IACvE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;4EACwE;IACxE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gDAAgD;IAChD,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,8CAA8C;IAC9C,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC;;;sDAGkD;IAClD,gBAAgB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgDD,wBAAgB,sBAAsB,CAAC,EACrC,KAAqB,EACrB,QAA2B,EAC3B,eAA4C,EAC5C,cAA0C,EAC1C,gBAAgB,EAChB,SAAS,GACV,GAAE,2BAAgC,qBAmElC"}