@flamingo-stack/openframe-frontend-core 0.0.266 → 0.0.267

package/dist/chunk-OO4ZGDRO.js

@@ -0,0 +1,29 @@
+"use client";
+
+// src/components/layout/page-heading.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var PAGE_HEADING_CLASS = "text-h1 text-ods-text-primary";
+var SECTION_HEADING_CLASS = "text-h2 text-ods-text-primary";
+var DESCRIPTION_CLASS = "mt-6 max-w-[640px] font-['DM_Sans'] text-[16px] md:text-[18px] leading-[24px] md:leading-[28px] text-ods-text-secondary";
+function PageHeading({
+  children,
+  as: Tag = "h1",
+  description,
+  className,
+  descriptionClassName
+}) {
+  const headingClass = className ? `${PAGE_HEADING_CLASS} ${className}` : PAGE_HEADING_CLASS;
+  const descClass = descriptionClassName ? `${DESCRIPTION_CLASS} ${descriptionClassName}` : DESCRIPTION_CLASS;
+  const hasDescription = description != null && description !== "" && typeof description !== "boolean";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Tag, { className: headingClass, children }),
+    hasDescription && /* @__PURE__ */ jsx("p", { className: descClass, children: description })
+  ] });
+}
+
+export {
+  PAGE_HEADING_CLASS,
+  SECTION_HEADING_CLASS,
+  PageHeading
+};
+//# sourceMappingURL=chunk-OO4ZGDRO.js.map

package/dist/chunk-OO4ZGDRO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/page-heading.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\n/**\n * THE page-title style — the ODS `text-h1` token (`--font-size-h1-title` =\n * 40 / 48 / 56px, Azeret Mono semibold), which already owns the responsive\n * letter-spacing (-0.02em). Mirrors the global `h1 { @apply text-h1 }` base, so\n * every page heading is the SAME size across the lib and every consuming app.\n *\n * Single source of truth — do NOT hardcode a px size or re-assert the token's\n * tracking; render `<PageHeading>` (or, for the rare non-h1 caller, apply\n * `PAGE_HEADING_CLASS`).\n */\nexport const PAGE_HEADING_CLASS = 'text-h1 text-ods-text-primary'\n\n/**\n * THE section-heading style — the ODS `text-h2` sub-title token\n * (`--font-size-h2-sub-title` = 24 / 32 / 32px), one step below the page\n * title so a section `<h2>`/`<h3>` is always visually distinguishable from\n * the page's `<h1>`. Same single-source rule as PAGE_HEADING_CLASS: never\n * hardcode a px ramp or re-assert the token's tracking on a section heading.\n */\nexport const SECTION_HEADING_CLASS = 'text-h2 text-ods-text-primary'\n\nconst DESCRIPTION_CLASS =\n  \"mt-6 max-w-[640px] font-['DM_Sans'] text-[16px] md:text-[18px] leading-[24px] md:leading-[28px] text-ods-text-secondary\"\n\nexport interface PageHeadingProps {\n  /** Heading content — plain text or nodes (e.g. an accent <span>). */\n  children: ReactNode\n  /**\n   * Heading level. Defaults to 'h1' (exactly one per page). Pass 'h2' where the\n   * page already renders an <h1> above (e.g. a hero/featured item).\n   */\n  as?: 'h1' | 'h2'\n  /** Optional supporting copy rendered as a <p> beneath the heading. */\n  description?: ReactNode\n  /** Extra classes merged onto the heading (margins, width, truncate, etc.). */\n  className?: string\n  /** Extra classes merged onto the description <p>. */\n  descriptionClassName?: string\n}\n\n/**\n * Unified page heading. Renders the canonical page-title <h1> (or <h2>) plus an\n * optional description, so every page shares one consistent style instead of\n * duplicating the class string. Layout (PageContainer, margins, surrounding\n * sections) stays with the caller — this owns only the heading + description.\n */\nexport function PageHeading({\n  children,\n  as: Tag = 'h1',\n  description,\n  className,\n  descriptionClassName,\n}: PageHeadingProps) {\n  const headingClass = className ? `${PAGE_HEADING_CLASS} ${className}` : PAGE_HEADING_CLASS\n  const descClass = descriptionClassName ? `${DESCRIPTION_CLASS} ${descriptionClassName}` : DESCRIPTION_CLASS\n  // `description` is a ReactNode, so `description={cond && '...'}` can pass a\n  // boolean `false` — exclude it (and empty string) so we never render an empty\n  // <p> that adds phantom vertical gap beneath the heading.\n  const hasDescription =\n    description != null && description !== '' && typeof description !== 'boolean'\n  return (\n    <>\n      <Tag className={headingClass}>{children}</Tag>\n      {hasDescription && <p className={descClass}>{description}</p>}\n    </>\n  )\n}\n"],"mappings":";;;AA+DI,mBACE,KADF;AAnDG,IAAM,qBAAqB;AAS3B,IAAM,wBAAwB;AAErC,IAAM,oBACJ;AAwBK,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,IAAI,MAAM;AAAA,EACV;AAAA,EACA;AAAA,EACA;AACF,GAAqB;AACnB,QAAM,eAAe,YAAY,GAAG,kBAAkB,IAAI,SAAS,KAAK;AACxE,QAAM,YAAY,uBAAuB,GAAG,iBAAiB,IAAI,oBAAoB,KAAK;AAI1F,QAAM,iBACJ,eAAe,QAAQ,gBAAgB,MAAM,OAAO,gBAAgB;AACtE,SACE,iCACE;AAAA,wBAAC,OAAI,WAAW,cAAe,UAAS;AAAA,IACvC,kBAAkB,oBAAC,OAAE,WAAW,WAAY,uBAAY;AAAA,KAC3D;AAEJ;","names":[]}

package/dist/{chunk-TX2VP43R.js → chunk-P7JHUX4X.js}

@@ -9,7 +9,7 @@ import {
   resolveExternalNavigation,
   resolveSourceIcon,
   stripSameOriginToPath
-} from "./chunk-HTR3ARN6.js";
+} from "./chunk-ICOMPUMX.js";
 import {
   useDebounce
 } from "./chunk-ZXZJSTNV.js";
@@ -483,4 +483,4 @@ export {
   DetailPageSkeleton,
   ArticleAuthorByline
 };
-//# sourceMappingURL=chunk-TX2VP43R.js.map
+//# sourceMappingURL=chunk-P7JHUX4X.js.map

package/dist/{chunk-NR535XIY.js → chunk-T2URJAX2.js}

@@ -40,6 +40,70 @@ function getSlackCommunityJoinUrl() {
   return url;
 }
 
+// src/utils/scroll-into-view.ts
+var activeRaf = 0;
+var teardownActive = null;
+function cancelActiveScroll() {
+  if (activeRaf) {
+    cancelAnimationFrame(activeRaf);
+    activeRaf = 0;
+  }
+  if (teardownActive) {
+    teardownActive();
+    teardownActive = null;
+  }
+}
+var easeOutCubic = (t) => 1 - Math.pow(1 - t, 3);
+function scrollElementIntoView(target, options = {}) {
+  if (typeof window === "undefined" || !target) return;
+  const { headerOffset = 0, behavior = "smooth", adjustTargetY, durationMs = 320 } = options;
+  const computeTarget = () => {
+    const raw = target.getBoundingClientRect().top + window.scrollY - headerOffset;
+    const adjusted = adjustTargetY ? adjustTargetY(raw) : raw;
+    const maxScroll = Math.max(
+      0,
+      document.documentElement.scrollHeight - window.innerHeight
+    );
+    return Math.min(Math.max(0, adjusted), maxScroll);
+  };
+  cancelActiveScroll();
+  const prefersReduced = typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+  if (behavior === "instant" || behavior === "auto" || prefersReduced) {
+    window.scrollTo(0, computeTarget());
+    return;
+  }
+  let startY = null;
+  let startTime = 0;
+  const onUserGesture = () => cancelActiveScroll();
+  window.addEventListener("wheel", onUserGesture, { passive: true });
+  window.addEventListener("touchmove", onUserGesture, { passive: true });
+  teardownActive = () => {
+    window.removeEventListener("wheel", onUserGesture);
+    window.removeEventListener("touchmove", onUserGesture);
+  };
+  const step = (now) => {
+    if (startY === null) {
+      startY = window.scrollY;
+      startTime = now;
+    }
+    const targetY = computeTarget();
+    const t = Math.min(1, (now - startTime) / durationMs);
+    const y = startY + (targetY - startY) * easeOutCubic(t);
+    window.scrollTo(0, y);
+    if (t < 1) {
+      activeRaf = requestAnimationFrame(step);
+    } else {
+      window.scrollTo(0, computeTarget());
+      activeRaf = 0;
+      if (teardownActive) {
+        teardownActive();
+        teardownActive = null;
+      }
+    }
+  };
+  activeRaf = requestAnimationFrame(step);
+}
+
 // src/utils/suggestion-url.ts
 function buildSuggestionUrl(path, opts = {}) {
   const qs = new URLSearchParams();
@@ -98,7 +162,8 @@ export {
   serializeJsonLd,
   deepClone,
   getSlackCommunityJoinUrl,
+  scrollElementIntoView,
   buildSuggestionUrl,
   ChevronButton
 };
-//# sourceMappingURL=chunk-NR535XIY.js.map
+//# sourceMappingURL=chunk-T2URJAX2.js.map

package/dist/chunk-T2URJAX2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/common.ts","../src/utils/scroll-into-view.ts","../src/utils/suggestion-url.ts","../src/components/ui/chevron-button.tsx"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\n/**\n * Utility functions for common operations\n */\n\n/**\n * Merge class names with Tailwind CSS\n * @param inputs - Class names to merge\n * @returns Merged class names\n */\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n\n/**\n * Delay execution for a specified time\n * @param ms - Milliseconds to delay\n * @returns Promise that resolves after the delay\n */\nexport function delay(ms: number): Promise<void> {\n  return new Promise((resolve) => setTimeout(resolve, ms))\n}\n\n/**\n * Generate a random string of specified length\n * @param length - Length of the string\n * @returns Random string\n */\nexport function generateRandomString(length = 8): string {\n  const chars = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789\"\n  let result = \"\"\n  for (let i = 0; i < length; i++) {\n    result += chars.charAt(Math.floor(Math.random() * chars.length))\n  }\n  return result\n}\n\n/**\n * Truncate a string to a specified length\n * @param str - String to truncate\n * @param maxLength - Maximum length\n * @param suffix - Suffix to add to truncated string\n * @returns Truncated string\n */\nexport function truncateString(str: string, maxLength: number, suffix = \"...\"): string {\n  if (str.length <= maxLength) return str\n  return str.substring(0, maxLength - suffix.length) + suffix\n}\n\n/**\n * Serialize a JSON-LD schema for a `<script type=\"application/ld+json\">`\n * block — THE one home of the escape rule (the hub re-exports this from\n * lib/utils/breadcrumbs). JSON.stringify does NOT HTML-escape: a stored\n * \"</script>\" inside any admin/user-entered field would terminate the tag\n * early (stored XSS). Every \"<\" becomes the JSON escape sequence\n * backslash-u003c — still valid JSON, inert in HTML.\n */\nexport function serializeJsonLd(schema: unknown): string {\n  return JSON.stringify(schema).replace(/</g, \"\\\\u003c\")\n}\n\n/**\n * Deep clone an object\n * @param obj - Object to clone\n * @returns Cloned object\n */\nexport function deepClone<T>(obj: T): T {\n  return JSON.parse(JSON.stringify(obj))\n}\n\n/**\n * Get the Slack community join URL from environment variables\n * @returns Slack community join URL or fallback URL\n */\nexport function getSlackCommunityJoinUrl(): string {\n  const url = process.env.NEXT_PUBLIC_SLACK_COMMUNITY_JOIN_URL\n  if (!url) {\n    console.warn('NEXT_PUBLIC_SLACK_COMMUNITY_JOIN_URL is not defined in environment variables')\n    return 'https://join.slack.com/t/openmsp/shared_invite/zt-36bl7mx0h-3~U2nFH6nqHqoTPXMaHEHA'\n  }\n  return url\n}\n\n","/**\n * `scrollElementIntoView` — canonical \"scroll an element to the top of the\n * viewport, account for sticky chrome, survive layout shifts\" helper.\n *\n * One shared implementation so every caller (the ticket drawer expand, the\n * hub's `useUnifiedNav` / `use-nav-link` hash scroll, doc-tree, delivery\n * `?focus=`, sticky-section-nav, …) inherits the SAME cancellation-proof\n * motion.\n *\n * WHY A SELF-DRIVEN rAF TWEEN INSTEAD OF `window.scrollTo({behavior:'smooth'})`:\n * the native smooth scroll is CANCELLABLE, and in real pages it gets cancelled\n * constantly:\n *\n *   - Browser SCROLL ANCHORING: when content is inserted/removed above or\n *     around the target (a collapsible drawer expanding, an async image\n *     loading, a list re-rendering) the browser issues a synchronous scrollTop\n *     correction to keep the anchored element stable. Per CSSOM-View \"perform a\n *     scroll\" step 1 (\"abort any ongoing smooth scroll\"), that correction\n *     ABORTS an in-flight native smooth scroll — so it lands as an instant jump.\n *     Anchoring is suppressed when the scroll offset is 0, which is exactly why\n *     a native smooth scroll appears to work the FIRST time (page at top) and\n *     jumps on every repeat (page already scrolled). This was a multi-day\n *     \"smooth only works once\" bug on the /tickets drawer.\n *   - A second programmatic scroll on the same frame, or a `focus()` without\n *     `{preventScroll:true}`, cancels it the same way.\n *\n * A tween that re-asserts the position with INSTANT writes every frame is\n * immune: there is no \"ongoing native smooth scroll\" for anchoring/focus to\n * abort, and any correction that lands between our frames is overwritten on the\n * next frame. We also RECOMPUTE the target each frame, so an element whose\n * final position is still settling (drawer still expanding, images loading)\n * is tracked to its resting place instead of animating to a stale pixel.\n *\n * Honors `prefers-reduced-motion` (jumps instantly) and cancels on genuine user\n * scroll intent (wheel / touch) so we never fight the user.\n */\n\nexport interface ScrollElementIntoViewOptions {\n  /** Pixels to subtract from the target element's `top` so it lands BELOW\n   *  sticky chrome. Defaults to 0. Pass `96` for the standard hub header. */\n  headerOffset?: number\n  /** `'smooth'` (default) runs the self-driven tween; `'instant'` / `'auto'`\n   *  jump in one synchronous write (deep-link land, programmatic focus moves). */\n  behavior?: ScrollBehavior\n  /** Optional adjustment applied to the computed pixel target each frame. The\n   *  callback receives the \"raw\" Y (`element.top + scrollY - headerOffset`) and\n   *  returns the FINAL target. Use when the caller knows about a layout shift\n   *  (e.g. a sibling drawer collapsing) the geometry can't yet reflect. */\n  adjustTargetY?: (rawTargetY: number) => number\n  /** Tween duration in ms (smooth only). Default 320. */\n  durationMs?: number\n}\n\n/** Module-level handle to the in-flight tween so a new call (or a user\n *  gesture) cancels the previous one — only ever one page-scroll animation at\n *  a time. */\nlet activeRaf = 0\nlet teardownActive: (() => void) | null = null\n\nfunction cancelActiveScroll(): void {\n  if (activeRaf) {\n    cancelAnimationFrame(activeRaf)\n    activeRaf = 0\n  }\n  if (teardownActive) {\n    teardownActive()\n    teardownActive = null\n  }\n}\n\nconst easeOutCubic = (t: number): number => 1 - Math.pow(1 - t, 3)\n\n/**\n * Scroll the page so `target` lands at the top of the viewport (below sticky\n * chrome via `headerOffset`). SSR-safe; `null`/`undefined` target is a no-op so\n * callers can pass refs without defensive branching.\n */\nexport function scrollElementIntoView(\n  target: HTMLElement | null | undefined,\n  options: ScrollElementIntoViewOptions = {},\n): void {\n  if (typeof window === 'undefined' || !target) return\n  const { headerOffset = 0, behavior = 'smooth', adjustTargetY, durationMs = 320 } = options\n\n  // Target is recomputed every frame: the row's absolute position can move as\n  // the page reflows (a sibling drawer collapsing) and the reachable max grows\n  // as the just-opened drawer expands. Clamp to the LIVE max each frame.\n  const computeTarget = (): number => {\n    const raw = target.getBoundingClientRect().top + window.scrollY - headerOffset\n    const adjusted = adjustTargetY ? adjustTargetY(raw) : raw\n    const maxScroll = Math.max(\n      0,\n      document.documentElement.scrollHeight - window.innerHeight,\n    )\n    return Math.min(Math.max(0, adjusted), maxScroll)\n  }\n\n  // Any prior animation loses — one page scroll at a time.\n  cancelActiveScroll()\n\n  const prefersReduced =\n    typeof window.matchMedia === 'function' &&\n    window.matchMedia('(prefers-reduced-motion: reduce)').matches\n\n  // Instant paths: a single synchronous write. No tween, no anchoring race.\n  if (behavior === 'instant' || behavior === 'auto' || prefersReduced) {\n    window.scrollTo(0, computeTarget())\n    return\n  }\n\n  // Smooth: self-driven tween with instant per-frame writes (anchoring-proof).\n  let startY: number | null = null\n  let startTime = 0\n\n  // Bail the moment the user takes over with a real scroll gesture — we must\n  // never fight them. (Not keydown: the ticket composer auto-focuses on open,\n  // and typing there should not abort the scroll.)\n  const onUserGesture = () => cancelActiveScroll()\n  window.addEventListener('wheel', onUserGesture, { passive: true })\n  window.addEventListener('touchmove', onUserGesture, { passive: true })\n  teardownActive = () => {\n    window.removeEventListener('wheel', onUserGesture)\n    window.removeEventListener('touchmove', onUserGesture)\n  }\n\n  const step = (now: number) => {\n    if (startY === null) {\n      startY = window.scrollY\n      startTime = now\n    }\n    const targetY = computeTarget()\n    const t = Math.min(1, (now - startTime) / durationMs)\n    const y = startY + (targetY - startY) * easeOutCubic(t)\n    window.scrollTo(0, y)\n    if (t < 1) {\n      activeRaf = requestAnimationFrame(step)\n    } else {\n      // Final exact write in case easing left a sub-pixel gap, then teardown.\n      window.scrollTo(0, computeTarget())\n      activeRaf = 0\n      if (teardownActive) {\n        teardownActive()\n        teardownActive = null\n      }\n    }\n  }\n  activeRaf = requestAnimationFrame(step)\n}\n","/**\n * Shared fetch-URL composer for the two suggestion sections (FaqSection +\n * RelatedContentSection) — ONE owner of the entityType/entityId/count query\n * shape so the sections can never drift. Pure + server-safe.\n *\n * Byte-parity contract with the original `buildFaqsUrl`: when only\n * entityType/entityId are set, the param order is `entityType`, `entityId`;\n * with nothing set, the bare `path` is returned (no `?`).\n */\nexport interface SuggestionUrlOptions {\n  /** Fetch-URL prefix for third-party embeds / reverse proxies\n   *  ('' = same-origin relative). */\n  apiBaseUrl?: string\n  /** Both required together for entity scope; partial → bare path. */\n  entityType?: string\n  entityId?: number | string\n  /** Maps to the server's `count` param. Undefined → param not sent\n   *  (server default applies). */\n  count?: number\n  /** Extra query params appended after the shared trio (e.g. the\n   *  related-content `excludeTypes` deny-list). Empty/undefined values\n   *  are skipped. */\n  extraParams?: Record<string, string | undefined>\n}\n\nexport function buildSuggestionUrl(path: string, opts: SuggestionUrlOptions = {}): string {\n  const qs = new URLSearchParams()\n  const { entityType, entityId } = opts\n  if (entityType && entityId !== undefined && entityId !== null && entityId !== '') {\n    qs.set('entityType', entityType)\n    qs.set('entityId', String(entityId))\n  }\n  if (opts.count !== undefined) qs.set('count', String(opts.count))\n  for (const [key, value] of Object.entries(opts.extraParams ?? {})) {\n    if (value !== undefined && value !== '') qs.set(key, value)\n  }\n  const query = qs.toString()\n  return `${opts.apiBaseUrl ?? ''}${path}${query ? `?${query}` : ''}`\n}\n","\"use client\"\n\nimport * as React from \"react\"\nimport { ChevronUp, ChevronDown } from \"lucide-react\"\nimport { cn } from \"../../utils/cn\"\n\ninterface ChevronButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  direction?: 'up' | 'down';\n  size?: 'sm' | 'md' | 'lg';\n  isExpanded?: boolean;\n  backgroundColor?: string;\n  borderColor?: string;\n}\n\nconst ChevronButton = React.forwardRef<HTMLButtonElement, ChevronButtonProps>(\n  ({ className, direction = 'down', size = 'md', isExpanded, backgroundColor, borderColor, ...props }, ref) => {\n    const Icon = (isExpanded ? ChevronUp : ChevronDown) || (direction === 'up' ? ChevronUp : ChevronDown);\n    const sizeClasses = {\n      sm: 'h-4 w-4',\n      md: 'h-5 w-5', \n      lg: 'h-6 w-6'\n    };\n\n    return (\n      <button\n        className={cn(\n          \"inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n          \"h-10 px-4 py-2\",\n          className\n        )}\n        style={{\n          backgroundColor: backgroundColor,\n          borderColor: borderColor\n        }}\n        ref={ref}\n        {...props}\n      >\n        <Icon className={sizeClasses[size]} />\n      </button>\n    )\n  }\n)\nChevronButton.displayName = \"ChevronButton\"\n\nexport { ChevronButton }"],"mappings":"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","names":["cn"]}

package/dist/{chunk-VYGS24RO.cjs → chunk-TPZI7NBN.cjs}

@@ -8,20 +8,18 @@
 
 
 
-var _chunkQAQ7AROScjs = require('./chunk-QAQ7AROS.cjs');
+var _chunkO6UA475Mcjs = require('./chunk-O6UA475M.cjs');
 
 
 
-var _chunkUUARMJJEcjs = require('./chunk-UUARMJJE.cjs');
 
+var _chunkCICK3FUUcjs = require('./chunk-CICK3FUU.cjs');
 
 
 
 
-var _chunkG7UE6RKVcjs = require('./chunk-G7UE6RKV.cjs');
-
 
-var _chunkJMU4RU5Jcjs = require('./chunk-JMU4RU5J.cjs');
+var _chunkG7UE6RKVcjs = require('./chunk-G7UE6RKV.cjs');
 
 
 
@@ -73,7 +71,7 @@ function UnifiedPagination({
   };
   if (totalPages <= 1) return null;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkQAQ7AROScjs.Pagination,
+    _chunkO6UA475Mcjs.Pagination,
     {
       currentPage,
       totalPages,
@@ -86,7 +84,7 @@ var init_unified_pagination = _chunkVRHGVLSLcjs.__esm.call(void 0, {
     "use strict";
     "use client";
     _chunkG7UE6RKVcjs.init_next_navigation.call(void 0, );
-    _chunkQAQ7AROScjs.init_pagination.call(void 0, );
+    _chunkO6UA475Mcjs.init_pagination.call(void 0, );
   }
 });
 
@@ -240,7 +238,7 @@ function EmptyState({
 var _react = require('react');
 
 function DevSectionView({ sectionKey, hero, preControls, children }) {
-  const section = _chunkQAQ7AROScjs.OPENFRAME_DEV_SECTIONS[sectionKey];
+  const section = _chunkO6UA475Mcjs.OPENFRAME_DEV_SECTIONS[sectionKey];
   const router = _chunkG7UE6RKVcjs.useRouter.call(void 0, );
   const pathname = _chunkG7UE6RKVcjs.usePathname.call(void 0, );
   const searchParams = _chunkG7UE6RKVcjs.useSearchParams.call(void 0, );
@@ -280,7 +278,7 @@ function DevSectionView({ sectionKey, hero, preControls, children }) {
     preControls,
     (search || filter) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
       search && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkUUARMJJEcjs.SearchInput,
+        _chunkCICK3FUUcjs.SearchInput,
         {
           showDropdown: false,
           placeholder: search.placeholder,
@@ -290,7 +288,7 @@ function DevSectionView({ sectionKey, hero, preControls, children }) {
         }
       ),
       filter && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkQAQ7AROScjs.StatusFilterComponent,
+        _chunkO6UA475Mcjs.StatusFilterComponent,
         {
           selectedStatus: currentFilterValue,
           onStatusChange: handleFilterChange,
@@ -315,13 +313,13 @@ function DevSectionPage({
   subtitle
 }) {
   const router = _chunkG7UE6RKVcjs.useRouter.call(void 0, );
-  const section = _chunkQAQ7AROScjs.OPENFRAME_DEV_SECTIONS[sectionKey];
+  const section = _chunkO6UA475Mcjs.OPENFRAME_DEV_SECTIONS[sectionKey];
   const Icon = section.icon;
   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), () => ( "/")))
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUUARMJJEcjs.PageShell, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQAQ7AROScjs.PageLayout, { backButton: backCfg, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCICK3FUUcjs.PageShell, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkO6UA475Mcjs.PageLayout, { backButton: backCfg, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     DevSectionView,
     {
       sectionKey,
@@ -397,9 +395,9 @@ function DeliveryRow({
   className
 }) {
   const taskType = item.taskType;
-  const typeBadgeLabel = _chunkQAQ7AROScjs.TASK_TYPE_LABELS[taskType] || "TASK";
-  const typeBadgeTextColor = _chunkQAQ7AROScjs.TASK_TYPE_TEXT_COLORS[taskType] || "";
-  const statusBadgeScheme = _chunkQAQ7AROScjs.getStatusColorScheme.call(void 0, item.status);
+  const typeBadgeLabel = _chunkO6UA475Mcjs.TASK_TYPE_LABELS[taskType] || "TASK";
+  const typeBadgeTextColor = _chunkO6UA475Mcjs.TASK_TYPE_TEXT_COLORS[taskType] || "";
+  const statusBadgeScheme = _chunkO6UA475Mcjs.getStatusColorScheme.call(void 0, item.status);
   const relativeTime = getRelativeTime(item.dateUpdated);
   const subtitle = `ACTIVE ${relativeTime}${item.listNames.length > 0 ? `, ${item.listNames.join(", ")}` : ""}, ${item.id}`;
   const inner = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col md:flex-row items-start justify-between gap-[12px] md:gap-[16px] w-full", children: [
@@ -411,7 +409,7 @@ function DeliveryRow({
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-shrink-0 self-start flex flex-col gap-2", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkJMU4RU5Jcjs.StatusBadge,
+        _chunkCICK3FUUcjs.StatusBadge,
         {
           text: item.status.toUpperCase(),
           colorScheme: statusBadgeScheme,
@@ -420,7 +418,7 @@ function DeliveryRow({
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkJMU4RU5Jcjs.StatusBadge,
+        _chunkCICK3FUUcjs.StatusBadge,
         {
           text: typeBadgeLabel,
           variant: "card",
@@ -452,4 +450,4 @@ function DeliveryRow({
 
 
 exports.EmptyState = EmptyState; exports.UnifiedPagination = UnifiedPagination; exports.unified_pagination_exports = unified_pagination_exports; exports.init_unified_pagination = init_unified_pagination; exports.DevSectionView = DevSectionView; exports.DevSectionPage = DevSectionPage; exports.DevCardRowContent = DevCardRowContent; exports.DevCardRowSkeleton = DevCardRowSkeleton; exports.DevCardRowSkeletonList = DevCardRowSkeletonList; exports.DeliveryRow = DeliveryRow;
-//# sourceMappingURL=chunk-VYGS24RO.cjs.map
+//# sourceMappingURL=chunk-TPZI7NBN.cjs.map

package/dist/chunk-TPZI7NBN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-TPZI7NBN.cjs","../src/components/unified-pagination.tsx","../src/components/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-TPZI7NBN.cjs","sourcesContent":[null,"\"use client\"\n\nimport { useRouter, useSearchParams, usePathname } from \"../embed-shims/next-navigation\"\nimport { Pagination } from \"./pagination\"\n\ninterface UnifiedPaginationProps {\n  currentPage: number\n  totalPages: number\n  onPageChange?: (page: number) => void\n  className?: string\n}\n\nexport function UnifiedPagination({ \n  currentPage, \n  totalPages, \n  onPageChange,\n  className = \"mt-8 flex justify-center w-full\"\n}: UnifiedPaginationProps) {\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const pathname = usePathname()\n\n  const handlePageChange = (page: number) => {\n    // Preserve current scroll position\n    const currentScrollY = window.scrollY\n    \n    // Call the callback to update local state (prevents reload)\n    if (onPageChange) {\n      onPageChange(page)\n    }\n    \n    // Update URL for bookmarking without navigation\n    const params = new URLSearchParams(searchParams.toString())\n    params.set(\"page\", page.toString())\n    \n    // Update URL without navigation (for bookmarking support)\n    const newUrl = `${pathname}?${params.toString()}`\n    window.history.replaceState(null, '', newUrl)\n    \n    // Restore scroll position after a brief delay to allow content to render\n    setTimeout(() => {\n      window.scrollTo({\n        top: currentScrollY,\n        behavior: 'instant' // Instant to prevent any scroll animation\n      })\n    }, 0)\n  }\n\n  // Don't render pagination if there's only one page\n  if (totalPages <= 1) return null\n\n  return (\n    <div className={className}>\n      <Pagination\n        currentPage={currentPage}\n        totalPages={totalPages}\n        onPageChange={handlePageChange}\n      />\n    </div>\n  )\n} ","\"use client\";\n\nimport { Search, FileText, Package } from \"lucide-react\"\nimport { Button } from \"./ui/button\"\nimport { useRouter } from \"../embed-shims/next-navigation\"\n\nexport interface EmptyStateProps {\n  type: 'vendors' | 'posts' | 'search' | 'generic'\n  title?: string\n  description?: string\n  showBackButton?: boolean\n  onGoBack?: () => void\n  backButtonText?: string\n  // New CTA properties\n  showCTA?: boolean\n  ctaText?: string\n  onCtaClick?: () => void\n  ctaVariant?: 'primary' | 'secondary'\n}\n\nexport function EmptyState({\n  type,\n  title,\n  description,\n  showBackButton = false,\n  onGoBack,\n  backButtonText = \"Go Back\",\n  showCTA = true,\n  ctaText,\n  onCtaClick,\n  ctaVariant = 'primary'\n}: EmptyStateProps) {\n  const router = useRouter()\n\n  // Default content based on type\n  const getDefaultContent = () => {\n    switch (type) {\n      case 'vendors':\n        return {\n          icon: <Package className=\"w-full h-full\" />,\n          title: \"No vendors found\",\n          description: \"We couldn't find any vendors matching your criteria. Try adjusting your filters or search terms.\"\n        }\n      case 'posts':\n        return {\n          icon: <FileText className=\"w-full h-full\" />,\n          title: \"No articles found\",\n          description: \"We couldn't find any articles matching your criteria. Try different categories, tags, or search terms.\"\n        }\n      case 'search':\n        return {\n          icon: <Search className=\"w-full h-full\" />,\n          title: \"No results found\",\n          description: \"Your search didn't return any results. Try different keywords or browse our categories.\"\n        }\n      default:\n        return {\n          icon: <Search className=\"w-full h-full\" />,\n          title: \"Nothing found\",\n          description: \"We couldn't find what you're looking for. Try adjusting your search or filters.\"\n        }\n    }\n  }\n\n  // Smart CTA logic based on context\n  const getSmartCTA = () => {\n    // If custom CTA is provided, use it\n    if (ctaText && onCtaClick) {\n      return {\n        text: ctaText,\n        action: onCtaClick\n      }\n    }\n\n    // Check if we're on the client side\n    const isClient = typeof window !== 'undefined'\n    const currentPath = isClient ? window.location.pathname : ''\n\n    // Smart defaults based on type and context\n    switch (type) {\n      case 'search':\n        return {\n          text: \"Reset Filters\",\n          action: () => {\n            if (isClient) {\n              // Try to reset search by clearing URL params and refreshing\n              const url = new URL(window.location.href)\n              url.search = ''\n              router.push(url.pathname)\n            }\n          }\n        }\n      case 'posts':\n        // If we're on blog/community pages, reset blog filters\n        if (currentPath.includes('/blog')) {\n          return {\n            text: \"Reset Filters\",\n            action: () => {\n              if (isClient) {\n                // Reset blog search and filters by clearing URL params\n                const url = new URL(window.location.href)\n                url.search = ''\n                router.push(url.pathname)\n              }\n            }\n          }\n        } else if (currentPath.includes('/profile')) {\n          return {\n            text: \"Browse Vendors\",\n            action: () => router.push('/vendors')\n          }\n        }\n        return {\n          text: \"View All Posts\",\n          action: () => router.push('/blog')\n        }\n      case 'vendors':\n        // If we're in profile or other pages, direct to main content\n        if (currentPath.includes('/profile')) {\n          return {\n            text: \"Browse Vendors\",\n            action: () => router.push('/vendors')\n          }\n        } else if (currentPath.includes('/vendors') || currentPath.includes('/margin-increase/compare')) {\n          return {\n            text: \"Reset Filters\",\n            action: () => {\n              if (isClient) {\n                // Reset vendor search and filters by clearing URL params\n                const url = new URL(window.location.href)\n                url.search = ''\n                router.push(url.pathname)\n              }\n            }\n          }\n        }\n        return {\n          text: \"Browse Vendors\",\n          action: () => router.push('/vendors')\n        }\n      default:\n        return {\n          text: \"Browse Vendors\",\n          action: () => router.push('/vendors')\n        }\n    }\n  }\n\n  const defaultContent = getDefaultContent()\n  const displayTitle = title || defaultContent.title\n  const displayDescription = description || defaultContent.description\n  const smartCTA = getSmartCTA()\n\n  return (\n    <div className=\"flex flex-col items-center justify-center py-6 md:py-16 px-6 text-center\">\n      {/* Icon */}\n      <div className=\"mb-3 md:mb-6 flex items-center justify-center\">\n        <div className=\"rounded-full bg-ods-card p-3 md:p-6 border border-ods-border\">\n          <div className=\"w-8 h-8 md:w-16 md:h-16 text-ods-text-secondary flex items-center justify-center\">\n            {defaultContent.icon}\n          </div>\n        </div>\n      </div>\n\n      {/* Title */}\n      <h2 className=\"mb-2 md:mb-3 text-lg md:text-xl font-semibold font-['DM_Sans'] text-ods-text-primary tracking-[-0.02em]\">\n        {displayTitle}\n      </h2>\n\n      {/* Description */}\n      <p className=\"mb-4 md:mb-8 max-w-md text-sm font-medium font-['DM_Sans'] text-ods-text-secondary leading-[1.43em]\">\n        {displayDescription}\n      </p>\n\n      {/* Smart CTA Button */}\n      {showCTA && smartCTA && (\n        <div className=\"w-full max-w-xs mb-3\">\n          <Button\n            onClick={smartCTA.action}\n            className={ctaVariant === 'primary'\n              ? \"w-full bg-ods-accent text-ods-text-on-accent hover:bg-ods-accent-hover transition-all duration-150 font-['DM_Sans'] font-medium\"\n              : \"w-full bg-transparent border border-ods-border text-ods-text-primary hover:border-ods-accent hover:text-ods-accent transition-all duration-150 font-['DM_Sans'] font-medium\"\n            }\n          >\n            {smartCTA.text}\n          </Button>\n        </div>\n      )}\n\n      {/* Optional Back Button */}\n      {showBackButton && onGoBack && (\n        <div className=\"w-full max-w-xs\">\n          <Button\n            onClick={onGoBack}\n            variant=\"outline\"\n            className=\"w-full transition-all duration-150 font-['DM_Sans'] font-medium\"\n          >\n            {backButtonText}\n          </Button>\n        </div>\n      )}\n    </div>\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, useEffect } from 'react';\nimport { useRouter, useSearchParams, usePathname } from '../../../embed-shims';\nimport { SearchInput } from '../../ui';\nimport { StatusFilterComponent } from '../../features';\nimport {\n  OPENFRAME_DEV_SECTIONS,\n  type OpenframeDevSectionKey,\n} from '../../../utils/dev-sections/openframe-dev-sections';\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}\n\nexport function DevSectionView({ sectionKey, hero, preControls, children }: DevSectionViewProps) {\n  const section = OPENFRAME_DEV_SECTIONS[sectionKey];\n  const router = useRouter();\n  const pathname = usePathname();\n  const searchParams = useSearchParams();\n\n  const search = section.search;\n  const filter = section.filter;\n\n  const currentSearch = search ? searchParams.get(search.paramKey) || '' : '';\n  const currentFilterValue = filter\n    ? searchParams.get(filter.paramKey) || filter.defaultValue\n    : '';\n\n  // Controlled search-input state — input commits to the URL only on\n  // Enter (not on every keystroke), preserving the legacy behavior.\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  useEffect(() => {\n    setSearchValue(currentSearch);\n  }, [currentSearch]);\n\n  const handleSearchSubmit = (value: string) => {\n    if (!search) return;\n    const params = new URLSearchParams(searchParams.toString());\n    if (value.trim()) params.set(search.paramKey, value.trim());\n    else params.delete(search.paramKey);\n    router.replace(`${pathname}?${params.toString()}`, { scroll: false });\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=\"w-full flex flex-col gap-10\">\n      {hero ? (\n        <div className=\"space-y-4\">\n          <h1 className=\"text-h1 tracking-[-1.12px] text-ods-text-primary flex items-center gap-3\">\n            {hero.icon}\n            {hero.title ?? section.hero.title}\n          </h1>\n          <p className=\"font-['DM_Sans'] font-medium text-[18px] leading-[28px] text-ods-text-secondary max-w-3xl\">\n            {hero.description}\n          </p>\n        </div>\n      ) : (\n        <div className=\"flex items-center justify-between w-full\">\n          <h2 className=\"font-['Azeret_Mono'] font-semibold text-[32px] md:text-[40px] lg:text-[48px] leading-[40px] md:leading-[48px] lg:leading-[56px] text-ods-text-primary tracking-[-0.64px] md:tracking-[-0.8px] 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={setSearchValue}\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 { PageShell, PageLayout } from '../../ui';\nimport { DevSectionView } from './dev-section-view';\nimport {\n  OPENFRAME_DEV_SECTIONS,\n  type OpenframeDevSectionKey,\n} from '../../../utils/dev-sections/openframe-dev-sections';\n\nconst SECTION_HERO_ICON_CLASS = 'h-10 w-10 text-ods-accent';\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}\n\nexport function DevSectionPage({\n  sectionKey,\n  children,\n  preControls,\n  backButton,\n  title,\n  subtitle,\n}: DevSectionPageProps) {\n  const router = useRouter();\n  const section = OPENFRAME_DEV_SECTIONS[sectionKey];\n  const Icon = section.icon;\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  return (\n    <PageShell>\n      <PageLayout backButton={backCfg}>\n        <DevSectionView\n          sectionKey={sectionKey}\n          hero={{\n            icon: <Icon className={SECTION_HERO_ICON_CLASS} />,\n            title,\n            description: subtitle ?? section.hero.description,\n          }}\n          preControls={preControls}\n        >\n          {children}\n        </DevSectionView>\n      </PageLayout>\n    </PageShell>\n  );\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 flex-col md:flex-row items-start justify-between gap-[12px] md:gap-[16px] w-full\">\n      <div className=\"flex-1 min-w-0 w-full md:w-auto flex flex-col gap-[12px] md:gap-[16px]\">\n        <div className=\"min-h-[24px] flex items-center\">\n          <h3 className=\"text-h3 text-ods-text-primary tracking-[-0.36px] flex-1 line-clamp-2 md:truncate break-words\">\n            {title}\n          </h3>\n        </div>\n        <div className=\"min-h-[20px] flex items-center\">\n          <p className=\"text-h5 text-ods-text-secondary uppercase tracking-[-0.28px] truncate\">\n            {subtitle}\n          </p>\n        </div>\n        <div className=\"min-h-[72px] flex items-center\">\n          <p className=\"text-h4 text-ods-text-secondary line-clamp-3 break-words\">\n            {description || emptyDescription}\n          </p>\n        </div>\n      </div>\n      <div className=\"flex-shrink-0 self-start flex flex-col gap-2\">\n        {rightBadges}\n      </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 last:border-b-0 p-[12px] md:p-[16px]\">\n      <div className=\"flex flex-col md:flex-row items-start justify-between gap-[12px] md:gap-[16px] w-full\">\n        <div className=\"flex-1 min-w-0 w-full md:w-auto flex flex-col gap-[12px] md:gap-[16px]\">\n          <div className=\"min-h-[24px] flex items-center\">\n            <div className=\"h-[20px] bg-ods-border rounded animate-pulse w-full\" />\n          </div>\n          <div className=\"min-h-[20px] flex items-center\">\n            <div className=\"h-[20px] bg-ods-border rounded animate-pulse w-1/2\" />\n          </div>\n          <div className=\"min-h-[72px] flex items-center\">\n            <div className=\"flex-1 space-y-1\">\n              <div className=\"h-[20px] bg-ods-border rounded animate-pulse w-full\" />\n              <div className=\"h-[20px] bg-ods-border rounded animate-pulse w-full\" />\n              <div className=\"h-[20px] bg-ods-border rounded animate-pulse w-2/3\" />\n            </div>\n          </div>\n        </div>\n        <div className=\"flex-shrink-0 self-start flex flex-col gap-2\">\n          <div className=\"h-[32px] w-[100px] bg-ods-border rounded animate-pulse\" />\n          <div className=\"h-[32px] w-[120px] bg-ods-border rounded animate-pulse\" />\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=\"bg-ods-card border border-ods-border rounded-[6px] overflow-hidden w-full\">\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 * as React from 'react'\nimport Link from '../../../embed-shims/next-link'\nimport { StatusBadge } from '../../ui/status-badge'\nimport { getStatusColorScheme } from '../../../utils'\nimport {\n  type DeliveryItem,\n  TASK_TYPE_LABELS,\n  TASK_TYPE_TEXT_COLORS,\n} from '../../../types/delivery'\nimport { cn } from '../../../utils/cn'\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  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  className?: string\n}\n\nexport function DeliveryRow({\n  item,\n  href,\n  caption,\n  className,\n}: 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 flex-col md:flex-row items-start justify-between gap-[12px] md:gap-[16px] w-full\">\n      {/* Left: caption (optional) + title + subtitle + description */}\n      <div className=\"flex-1 min-w-0 w-full md:w-auto flex flex-col gap-[12px] md:gap-[16px]\">\n        {caption && (\n          <p className=\"text-xs font-medium uppercase tracking-wider text-ods-text-secondary\">\n            {caption}\n          </p>\n        )}\n        <div className=\"min-h-[24px] md:min-h-[24px] flex items-center\">\n          <h3 className=\"text-h3 text-ods-text-primary tracking-[-0.36px] flex-1 line-clamp-2 md:truncate break-words\">\n            {item.title}\n          </h3>\n        </div>\n        <div className=\"min-h-[20px] flex items-center\">\n          <p className=\"text-h5 text-ods-text-secondary uppercase tracking-[-0.28px] truncate\">\n            {subtitle}\n          </p>\n        </div>\n        <div className=\"min-h-[72px] flex items-center\">\n          <p className=\"text-h4 text-ods-text-secondary line-clamp-3 break-words\">\n            {item.description || 'No description provided'}\n          </p>\n        </div>\n      </div>\n\n      {/* Right: status + task-type badges */}\n      <div className=\"flex-shrink-0 self-start flex flex-col gap-2\">\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      </div>\n    </div>\n  )\n\n  const baseClass = cn(\n    'block p-[12px] md:p-[16px] no-underline text-inherit transition-colors duration-150',\n    href && 'hover:bg-ods-bg-hover cursor-pointer',\n    className,\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} className={baseClass} prefetch={false}>\n        {inner}\n      </Link>\n    )\n  }\n\n  return <div className={baseClass}>{inner}</div>\n}\n"]}

package/dist/{chunk-SRM7HE2A.js → chunk-XSK72QRR.js}

@@ -11,7 +11,7 @@ import {
   SelectValue,
   Textarea,
   useChatAttachments
-} from "./chunk-DTJ32U7J.js";
+} from "./chunk-J6O57C7S.js";
 import {
   useContactSubmission,
   useHumanitySignals
@@ -21,7 +21,7 @@ import {
 } from "./chunk-M2OCXTNT.js";
 import {
   SECTION_HEADING_CLASS
-} from "./chunk-FREG2KXV.js";
+} from "./chunk-OO4ZGDRO.js";
 import {
   Button
 } from "./chunk-LDEXTWMK.js";
@@ -376,4 +376,4 @@ function ContactForm({
 export {
   ContactForm
 };
-//# sourceMappingURL=chunk-SRM7HE2A.js.map
+//# sourceMappingURL=chunk-XSK72QRR.js.map

package/dist/{chunk-7VMEOFEA.cjs → chunk-Y2B6WDU6.cjs}

@@ -40,6 +40,70 @@ function getSlackCommunityJoinUrl() {
   return url;
 }
 
+// src/utils/scroll-into-view.ts
+var activeRaf = 0;
+var teardownActive = null;
+function cancelActiveScroll() {
+  if (activeRaf) {
+    cancelAnimationFrame(activeRaf);
+    activeRaf = 0;
+  }
+  if (teardownActive) {
+    teardownActive();
+    teardownActive = null;
+  }
+}
+var easeOutCubic = (t) => 1 - Math.pow(1 - t, 3);
+function scrollElementIntoView(target, options = {}) {
+  if (typeof window === "undefined" || !target) return;
+  const { headerOffset = 0, behavior = "smooth", adjustTargetY, durationMs = 320 } = options;
+  const computeTarget = () => {
+    const raw = target.getBoundingClientRect().top + window.scrollY - headerOffset;
+    const adjusted = adjustTargetY ? adjustTargetY(raw) : raw;
+    const maxScroll = Math.max(
+      0,
+      document.documentElement.scrollHeight - window.innerHeight
+    );
+    return Math.min(Math.max(0, adjusted), maxScroll);
+  };
+  cancelActiveScroll();
+  const prefersReduced = typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+  if (behavior === "instant" || behavior === "auto" || prefersReduced) {
+    window.scrollTo(0, computeTarget());
+    return;
+  }
+  let startY = null;
+  let startTime = 0;
+  const onUserGesture = () => cancelActiveScroll();
+  window.addEventListener("wheel", onUserGesture, { passive: true });
+  window.addEventListener("touchmove", onUserGesture, { passive: true });
+  teardownActive = () => {
+    window.removeEventListener("wheel", onUserGesture);
+    window.removeEventListener("touchmove", onUserGesture);
+  };
+  const step = (now) => {
+    if (startY === null) {
+      startY = window.scrollY;
+      startTime = now;
+    }
+    const targetY = computeTarget();
+    const t = Math.min(1, (now - startTime) / durationMs);
+    const y = startY + (targetY - startY) * easeOutCubic(t);
+    window.scrollTo(0, y);
+    if (t < 1) {
+      activeRaf = requestAnimationFrame(step);
+    } else {
+      window.scrollTo(0, computeTarget());
+      activeRaf = 0;
+      if (teardownActive) {
+        teardownActive();
+        teardownActive = null;
+      }
+    }
+  };
+  activeRaf = requestAnimationFrame(step);
+}
+
 // src/utils/suggestion-url.ts
 function buildSuggestionUrl(path, opts = {}) {
   const qs = new URLSearchParams();
@@ -100,5 +164,6 @@ ChevronButton.displayName = "ChevronButton";
 
 
 
-exports.cn = cn2; exports.delay = delay; exports.generateRandomString = generateRandomString; exports.truncateString = truncateString; exports.serializeJsonLd = serializeJsonLd; exports.deepClone = deepClone; exports.getSlackCommunityJoinUrl = getSlackCommunityJoinUrl; exports.buildSuggestionUrl = buildSuggestionUrl; exports.ChevronButton = ChevronButton;
-//# sourceMappingURL=chunk-7VMEOFEA.cjs.map
+
+exports.cn = cn2; exports.delay = delay; exports.generateRandomString = generateRandomString; exports.truncateString = truncateString; exports.serializeJsonLd = serializeJsonLd; exports.deepClone = deepClone; exports.getSlackCommunityJoinUrl = getSlackCommunityJoinUrl; exports.scrollElementIntoView = scrollElementIntoView; exports.buildSuggestionUrl = buildSuggestionUrl; exports.ChevronButton = ChevronButton;
+//# sourceMappingURL=chunk-Y2B6WDU6.cjs.map

package/dist/chunk-Y2B6WDU6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-Y2B6WDU6.cjs","../src/utils/common.ts","../src/utils/scroll-into-view.ts","../src/utils/suggestion-url.ts","../src/components/ui/chevron-button.tsx"],"names":["cn"],"mappings":"AAAA,2cAAY;AACZ;AACE;AACA;AACF,wDAA6B;AAC7B;AACA;ACNA,4BAAsC;AACtC,+CAAwB;AAWjB,SAASA,GAAAA,CAAAA,GAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,oCAAA,wBAAQ,MAAW,CAAC,CAAA;AAC7B;AAOO,SAAS,KAAA,CAAM,EAAA,EAA2B;AAC/C,EAAA,OAAO,IAAI,OAAA,CAAQ,CAAC,OAAA,EAAA,GAAY,UAAA,CAAW,OAAA,EAAS,EAAE,CAAC,CAAA;AACzD;AAOO,SAAS,oBAAA,CAAqB,OAAA,EAAS,CAAA,EAAW;AACvD,EAAA,MAAM,MAAA,EAAQ,gEAAA;AACd,EAAA,IAAI,OAAA,EAAS,EAAA;AACb,EAAA,IAAA,CAAA,IAAS,EAAA,EAAI,CAAA,EAAG,EAAA,EAAI,MAAA,EAAQ,CAAA,EAAA,EAAK;AAC/B,IAAA,OAAA,GAAU,KAAA,CAAM,MAAA,CAAO,IAAA,CAAK,KAAA,CAAM,IAAA,CAAK,MAAA,CAAO,EAAA,EAAI,KAAA,CAAM,MAAM,CAAC,CAAA;AAAA,EACjE;AACA,EAAA,OAAO,MAAA;AACT;AASO,SAAS,cAAA,CAAe,GAAA,EAAa,SAAA,EAAmB,OAAA,EAAS,KAAA,EAAe;AACrF,EAAA,GAAA,CAAI,GAAA,CAAI,OAAA,GAAU,SAAA,EAAW,OAAO,GAAA;AACpC,EAAA,OAAO,GAAA,CAAI,SAAA,CAAU,CAAA,EAAG,UAAA,EAAY,MAAA,CAAO,MAAM,EAAA,EAAI,MAAA;AACvD;AAUO,SAAS,eAAA,CAAgB,MAAA,EAAyB;AACvD,EAAA,OAAO,IAAA,CAAK,SAAA,CAAU,MAAM,CAAA,CAAE,OAAA,CAAQ,IAAA,EAAM,SAAS,CAAA;AACvD;AAOO,SAAS,SAAA,CAAa,GAAA,EAAW;AACtC,EAAA,OAAO,IAAA,CAAK,KAAA,CAAM,IAAA,CAAK,SAAA,CAAU,GAAG,CAAC,CAAA;AACvC;AAMO,SAAS,wBAAA,CAAA,EAAmC;AACjD,EAAA,MAAM,IAAA,EAAM,OAAA,CAAQ,GAAA,CAAI,oCAAA;AACxB,EAAA,GAAA,CAAI,CAAC,GAAA,EAAK;AACR,IAAA,OAAA,CAAQ,IAAA,CAAK,8EAA8E,CAAA;AAC3F,IAAA,OAAO,oFAAA;AAAA,EACT;AACA,EAAA,OAAO,GAAA;AACT;AD1CA;AACA;AEcA,IAAI,UAAA,EAAY,CAAA;AAChB,IAAI,eAAA,EAAsC,IAAA;AAE1C,SAAS,kBAAA,CAAA,EAA2B;AAClC,EAAA,GAAA,CAAI,SAAA,EAAW;AACb,IAAA,oBAAA,CAAqB,SAAS,CAAA;AAC9B,IAAA,UAAA,EAAY,CAAA;AAAA,EACd;AACA,EAAA,GAAA,CAAI,cAAA,EAAgB;AAClB,IAAA,cAAA,CAAe,CAAA;AACf,IAAA,eAAA,EAAiB,IAAA;AAAA,EACnB;AACF;AAEA,IAAM,aAAA,EAAe,CAAC,CAAA,EAAA,GAAsB,EAAA,EAAI,IAAA,CAAK,GAAA,CAAI,EAAA,EAAI,CAAA,EAAG,CAAC,CAAA;AAO1D,SAAS,qBAAA,CACd,MAAA,EACA,QAAA,EAAwC,CAAC,CAAA,EACnC;AACN,EAAA,GAAA,CAAI,OAAO,OAAA,IAAW,YAAA,GAAe,CAAC,MAAA,EAAQ,MAAA;AAC9C,EAAA,MAAM,EAAE,aAAA,EAAe,CAAA,EAAG,SAAA,EAAW,QAAA,EAAU,aAAA,EAAe,WAAA,EAAa,IAAI,EAAA,EAAI,OAAA;AAKnF,EAAA,MAAM,cAAA,EAAgB,CAAA,EAAA,GAAc;AAClC,IAAA,MAAM,IAAA,EAAM,MAAA,CAAO,qBAAA,CAAsB,CAAA,CAAE,IAAA,EAAM,MAAA,CAAO,QAAA,EAAU,YAAA;AAClE,IAAA,MAAM,SAAA,EAAW,cAAA,EAAgB,aAAA,CAAc,GAAG,EAAA,EAAI,GAAA;AACtD,IAAA,MAAM,UAAA,EAAY,IAAA,CAAK,GAAA;AAAA,MACrB,CAAA;AAAA,MACA,QAAA,CAAS,eAAA,CAAgB,aAAA,EAAe,MAAA,CAAO;AAAA,IACjD,CAAA;AACA,IAAA,OAAO,IAAA,CAAK,GAAA,CAAI,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,QAAQ,CAAA,EAAG,SAAS,CAAA;AAAA,EAClD,CAAA;AAGA,EAAA,kBAAA,CAAmB,CAAA;AAEnB,EAAA,MAAM,eAAA,EACJ,OAAO,MAAA,CAAO,WAAA,IAAe,WAAA,GAC7B,MAAA,CAAO,UAAA,CAAW,kCAAkC,CAAA,CAAE,OAAA;AAGxD,EAAA,GAAA,CAAI,SAAA,IAAa,UAAA,GAAa,SAAA,IAAa,OAAA,GAAU,cAAA,EAAgB;AACnE,IAAA,MAAA,CAAO,QAAA,CAAS,CAAA,EAAG,aAAA,CAAc,CAAC,CAAA;AAClC,IAAA,MAAA;AAAA,EACF;AAGA,EAAA,IAAI,OAAA,EAAwB,IAAA;AAC5B,EAAA,IAAI,UAAA,EAAY,CAAA;AAKhB,EAAA,MAAM,cAAA,EAAgB,CAAA,EAAA,GAAM,kBAAA,CAAmB,CAAA;AAC/C,EAAA,MAAA,CAAO,gBAAA,CAAiB,OAAA,EAAS,aAAA,EAAe,EAAE,OAAA,EAAS,KAAK,CAAC,CAAA;AACjE,EAAA,MAAA,CAAO,gBAAA,CAAiB,WAAA,EAAa,aAAA,EAAe,EAAE,OAAA,EAAS,KAAK,CAAC,CAAA;AACrE,EAAA,eAAA,EAAiB,CAAA,EAAA,GAAM;AACrB,IAAA,MAAA,CAAO,mBAAA,CAAoB,OAAA,EAAS,aAAa,CAAA;AACjD,IAAA,MAAA,CAAO,mBAAA,CAAoB,WAAA,EAAa,aAAa,CAAA;AAAA,EACvD,CAAA;AAEA,EAAA,MAAM,KAAA,EAAO,CAAC,GAAA,EAAA,GAAgB;AAC5B,IAAA,GAAA,CAAI,OAAA,IAAW,IAAA,EAAM;AACnB,MAAA,OAAA,EAAS,MAAA,CAAO,OAAA;AAChB,MAAA,UAAA,EAAY,GAAA;AAAA,IACd;AACA,IAAA,MAAM,QAAA,EAAU,aAAA,CAAc,CAAA;AAC9B,IAAA,MAAM,EAAA,EAAI,IAAA,CAAK,GAAA,CAAI,CAAA,EAAA,CAAI,IAAA,EAAM,SAAA,EAAA,EAAa,UAAU,CAAA;AACpD,IAAA,MAAM,EAAA,EAAI,OAAA,EAAA,CAAU,QAAA,EAAU,MAAA,EAAA,EAAU,YAAA,CAAa,CAAC,CAAA;AACtD,IAAA,MAAA,CAAO,QAAA,CAAS,CAAA,EAAG,CAAC,CAAA;AACpB,IAAA,GAAA,CAAI,EAAA,EAAI,CAAA,EAAG;AACT,MAAA,UAAA,EAAY,qBAAA,CAAsB,IAAI,CAAA;AAAA,IACxC,EAAA,KAAO;AAEL,MAAA,MAAA,CAAO,QAAA,CAAS,CAAA,EAAG,aAAA,CAAc,CAAC,CAAA;AAClC,MAAA,UAAA,EAAY,CAAA;AACZ,MAAA,GAAA,CAAI,cAAA,EAAgB;AAClB,QAAA,cAAA,CAAe,CAAA;AACf,QAAA,eAAA,EAAiB,IAAA;AAAA,MACnB;AAAA,IACF;AAAA,EACF,CAAA;AACA,EAAA,UAAA,EAAY,qBAAA,CAAsB,IAAI,CAAA;AACxC;AF1CA;AACA;AGjFO,SAAS,kBAAA,CAAmB,IAAA,EAAc,KAAA,EAA6B,CAAC,CAAA,EAAW;AACxF,EAAA,MAAM,GAAA,EAAK,IAAI,eAAA,CAAgB,CAAA;AAC/B,EAAA,MAAM,EAAE,UAAA,EAAY,SAAS,EAAA,EAAI,IAAA;AACjC,EAAA,GAAA,CAAI,WAAA,GAAc,SAAA,IAAa,KAAA,EAAA,GAAa,SAAA,IAAa,KAAA,GAAQ,SAAA,IAAa,EAAA,EAAI;AAChF,IAAA,EAAA,CAAG,GAAA,CAAI,YAAA,EAAc,UAAU,CAAA;AAC/B,IAAA,EAAA,CAAG,GAAA,CAAI,UAAA,EAAY,MAAA,CAAO,QAAQ,CAAC,CAAA;AAAA,EACrC;AACA,EAAA,GAAA,CAAI,IAAA,CAAK,MAAA,IAAU,KAAA,CAAA,EAAW,EAAA,CAAG,GAAA,CAAI,OAAA,EAAS,MAAA,CAAO,IAAA,CAAK,KAAK,CAAC,CAAA;AAChE,EAAA,IAAA,CAAA,MAAW,CAAC,GAAA,EAAK,KAAK,EAAA,GAAK,MAAA,CAAO,OAAA,kBAAQ,IAAA,CAAK,WAAA,UAAe,CAAC,GAAC,CAAA,EAAG;AACjE,IAAA,GAAA,CAAI,MAAA,IAAU,KAAA,EAAA,GAAa,MAAA,IAAU,EAAA,EAAI,EAAA,CAAG,GAAA,CAAI,GAAA,EAAK,KAAK,CAAA;AAAA,EAC5D;AACA,EAAA,MAAM,MAAA,EAAQ,EAAA,CAAG,QAAA,CAAS,CAAA;AAC1B,EAAA,OAAO,CAAA,mBAAA;AACT;AHmFU;AACA;AItHV;AAFA;AACS;AAkCD;AAvBF;AACD,EAAA;AACK,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACN,IAAA;AAEA,IAAA;AACG,MAAA;AAAA,MAAA;AACC,QAAA;AACE,UAAA;AACA,UAAA;AACA,UAAA;AACF,QAAA;AACA,QAAA;AACE,UAAA;AACA,UAAA;AACF,QAAA;AACA,QAAA;AACC,QAAA;AAED,QAAA;AAAoC,MAAA;AACtC,IAAA;AAEJ,EAAA;AACF;AACA;AJiHU;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-Y2B6WDU6.cjs","sourcesContent":[null,"import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\n/**\n * Utility functions for common operations\n */\n\n/**\n * Merge class names with Tailwind CSS\n * @param inputs - Class names to merge\n * @returns Merged class names\n */\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n\n/**\n * Delay execution for a specified time\n * @param ms - Milliseconds to delay\n * @returns Promise that resolves after the delay\n */\nexport function delay(ms: number): Promise<void> {\n  return new Promise((resolve) => setTimeout(resolve, ms))\n}\n\n/**\n * Generate a random string of specified length\n * @param length - Length of the string\n * @returns Random string\n */\nexport function generateRandomString(length = 8): string {\n  const chars = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789\"\n  let result = \"\"\n  for (let i = 0; i < length; i++) {\n    result += chars.charAt(Math.floor(Math.random() * chars.length))\n  }\n  return result\n}\n\n/**\n * Truncate a string to a specified length\n * @param str - String to truncate\n * @param maxLength - Maximum length\n * @param suffix - Suffix to add to truncated string\n * @returns Truncated string\n */\nexport function truncateString(str: string, maxLength: number, suffix = \"...\"): string {\n  if (str.length <= maxLength) return str\n  return str.substring(0, maxLength - suffix.length) + suffix\n}\n\n/**\n * Serialize a JSON-LD schema for a `<script type=\"application/ld+json\">`\n * block — THE one home of the escape rule (the hub re-exports this from\n * lib/utils/breadcrumbs). JSON.stringify does NOT HTML-escape: a stored\n * \"</script>\" inside any admin/user-entered field would terminate the tag\n * early (stored XSS). Every \"<\" becomes the JSON escape sequence\n * backslash-u003c — still valid JSON, inert in HTML.\n */\nexport function serializeJsonLd(schema: unknown): string {\n  return JSON.stringify(schema).replace(/</g, \"\\\\u003c\")\n}\n\n/**\n * Deep clone an object\n * @param obj - Object to clone\n * @returns Cloned object\n */\nexport function deepClone<T>(obj: T): T {\n  return JSON.parse(JSON.stringify(obj))\n}\n\n/**\n * Get the Slack community join URL from environment variables\n * @returns Slack community join URL or fallback URL\n */\nexport function getSlackCommunityJoinUrl(): string {\n  const url = process.env.NEXT_PUBLIC_SLACK_COMMUNITY_JOIN_URL\n  if (!url) {\n    console.warn('NEXT_PUBLIC_SLACK_COMMUNITY_JOIN_URL is not defined in environment variables')\n    return 'https://join.slack.com/t/openmsp/shared_invite/zt-36bl7mx0h-3~U2nFH6nqHqoTPXMaHEHA'\n  }\n  return url\n}\n\n","/**\n * `scrollElementIntoView` — canonical \"scroll an element to the top of the\n * viewport, account for sticky chrome, survive layout shifts\" helper.\n *\n * One shared implementation so every caller (the ticket drawer expand, the\n * hub's `useUnifiedNav` / `use-nav-link` hash scroll, doc-tree, delivery\n * `?focus=`, sticky-section-nav, …) inherits the SAME cancellation-proof\n * motion.\n *\n * WHY A SELF-DRIVEN rAF TWEEN INSTEAD OF `window.scrollTo({behavior:'smooth'})`:\n * the native smooth scroll is CANCELLABLE, and in real pages it gets cancelled\n * constantly:\n *\n *   - Browser SCROLL ANCHORING: when content is inserted/removed above or\n *     around the target (a collapsible drawer expanding, an async image\n *     loading, a list re-rendering) the browser issues a synchronous scrollTop\n *     correction to keep the anchored element stable. Per CSSOM-View \"perform a\n *     scroll\" step 1 (\"abort any ongoing smooth scroll\"), that correction\n *     ABORTS an in-flight native smooth scroll — so it lands as an instant jump.\n *     Anchoring is suppressed when the scroll offset is 0, which is exactly why\n *     a native smooth scroll appears to work the FIRST time (page at top) and\n *     jumps on every repeat (page already scrolled). This was a multi-day\n *     \"smooth only works once\" bug on the /tickets drawer.\n *   - A second programmatic scroll on the same frame, or a `focus()` without\n *     `{preventScroll:true}`, cancels it the same way.\n *\n * A tween that re-asserts the position with INSTANT writes every frame is\n * immune: there is no \"ongoing native smooth scroll\" for anchoring/focus to\n * abort, and any correction that lands between our frames is overwritten on the\n * next frame. We also RECOMPUTE the target each frame, so an element whose\n * final position is still settling (drawer still expanding, images loading)\n * is tracked to its resting place instead of animating to a stale pixel.\n *\n * Honors `prefers-reduced-motion` (jumps instantly) and cancels on genuine user\n * scroll intent (wheel / touch) so we never fight the user.\n */\n\nexport interface ScrollElementIntoViewOptions {\n  /** Pixels to subtract from the target element's `top` so it lands BELOW\n   *  sticky chrome. Defaults to 0. Pass `96` for the standard hub header. */\n  headerOffset?: number\n  /** `'smooth'` (default) runs the self-driven tween; `'instant'` / `'auto'`\n   *  jump in one synchronous write (deep-link land, programmatic focus moves). */\n  behavior?: ScrollBehavior\n  /** Optional adjustment applied to the computed pixel target each frame. The\n   *  callback receives the \"raw\" Y (`element.top + scrollY - headerOffset`) and\n   *  returns the FINAL target. Use when the caller knows about a layout shift\n   *  (e.g. a sibling drawer collapsing) the geometry can't yet reflect. */\n  adjustTargetY?: (rawTargetY: number) => number\n  /** Tween duration in ms (smooth only). Default 320. */\n  durationMs?: number\n}\n\n/** Module-level handle to the in-flight tween so a new call (or a user\n *  gesture) cancels the previous one — only ever one page-scroll animation at\n *  a time. */\nlet activeRaf = 0\nlet teardownActive: (() => void) | null = null\n\nfunction cancelActiveScroll(): void {\n  if (activeRaf) {\n    cancelAnimationFrame(activeRaf)\n    activeRaf = 0\n  }\n  if (teardownActive) {\n    teardownActive()\n    teardownActive = null\n  }\n}\n\nconst easeOutCubic = (t: number): number => 1 - Math.pow(1 - t, 3)\n\n/**\n * Scroll the page so `target` lands at the top of the viewport (below sticky\n * chrome via `headerOffset`). SSR-safe; `null`/`undefined` target is a no-op so\n * callers can pass refs without defensive branching.\n */\nexport function scrollElementIntoView(\n  target: HTMLElement | null | undefined,\n  options: ScrollElementIntoViewOptions = {},\n): void {\n  if (typeof window === 'undefined' || !target) return\n  const { headerOffset = 0, behavior = 'smooth', adjustTargetY, durationMs = 320 } = options\n\n  // Target is recomputed every frame: the row's absolute position can move as\n  // the page reflows (a sibling drawer collapsing) and the reachable max grows\n  // as the just-opened drawer expands. Clamp to the LIVE max each frame.\n  const computeTarget = (): number => {\n    const raw = target.getBoundingClientRect().top + window.scrollY - headerOffset\n    const adjusted = adjustTargetY ? adjustTargetY(raw) : raw\n    const maxScroll = Math.max(\n      0,\n      document.documentElement.scrollHeight - window.innerHeight,\n    )\n    return Math.min(Math.max(0, adjusted), maxScroll)\n  }\n\n  // Any prior animation loses — one page scroll at a time.\n  cancelActiveScroll()\n\n  const prefersReduced =\n    typeof window.matchMedia === 'function' &&\n    window.matchMedia('(prefers-reduced-motion: reduce)').matches\n\n  // Instant paths: a single synchronous write. No tween, no anchoring race.\n  if (behavior === 'instant' || behavior === 'auto' || prefersReduced) {\n    window.scrollTo(0, computeTarget())\n    return\n  }\n\n  // Smooth: self-driven tween with instant per-frame writes (anchoring-proof).\n  let startY: number | null = null\n  let startTime = 0\n\n  // Bail the moment the user takes over with a real scroll gesture — we must\n  // never fight them. (Not keydown: the ticket composer auto-focuses on open,\n  // and typing there should not abort the scroll.)\n  const onUserGesture = () => cancelActiveScroll()\n  window.addEventListener('wheel', onUserGesture, { passive: true })\n  window.addEventListener('touchmove', onUserGesture, { passive: true })\n  teardownActive = () => {\n    window.removeEventListener('wheel', onUserGesture)\n    window.removeEventListener('touchmove', onUserGesture)\n  }\n\n  const step = (now: number) => {\n    if (startY === null) {\n      startY = window.scrollY\n      startTime = now\n    }\n    const targetY = computeTarget()\n    const t = Math.min(1, (now - startTime) / durationMs)\n    const y = startY + (targetY - startY) * easeOutCubic(t)\n    window.scrollTo(0, y)\n    if (t < 1) {\n      activeRaf = requestAnimationFrame(step)\n    } else {\n      // Final exact write in case easing left a sub-pixel gap, then teardown.\n      window.scrollTo(0, computeTarget())\n      activeRaf = 0\n      if (teardownActive) {\n        teardownActive()\n        teardownActive = null\n      }\n    }\n  }\n  activeRaf = requestAnimationFrame(step)\n}\n","/**\n * Shared fetch-URL composer for the two suggestion sections (FaqSection +\n * RelatedContentSection) — ONE owner of the entityType/entityId/count query\n * shape so the sections can never drift. Pure + server-safe.\n *\n * Byte-parity contract with the original `buildFaqsUrl`: when only\n * entityType/entityId are set, the param order is `entityType`, `entityId`;\n * with nothing set, the bare `path` is returned (no `?`).\n */\nexport interface SuggestionUrlOptions {\n  /** Fetch-URL prefix for third-party embeds / reverse proxies\n   *  ('' = same-origin relative). */\n  apiBaseUrl?: string\n  /** Both required together for entity scope; partial → bare path. */\n  entityType?: string\n  entityId?: number | string\n  /** Maps to the server's `count` param. Undefined → param not sent\n   *  (server default applies). */\n  count?: number\n  /** Extra query params appended after the shared trio (e.g. the\n   *  related-content `excludeTypes` deny-list). Empty/undefined values\n   *  are skipped. */\n  extraParams?: Record<string, string | undefined>\n}\n\nexport function buildSuggestionUrl(path: string, opts: SuggestionUrlOptions = {}): string {\n  const qs = new URLSearchParams()\n  const { entityType, entityId } = opts\n  if (entityType && entityId !== undefined && entityId !== null && entityId !== '') {\n    qs.set('entityType', entityType)\n    qs.set('entityId', String(entityId))\n  }\n  if (opts.count !== undefined) qs.set('count', String(opts.count))\n  for (const [key, value] of Object.entries(opts.extraParams ?? {})) {\n    if (value !== undefined && value !== '') qs.set(key, value)\n  }\n  const query = qs.toString()\n  return `${opts.apiBaseUrl ?? ''}${path}${query ? `?${query}` : ''}`\n}\n","\"use client\"\n\nimport * as React from \"react\"\nimport { ChevronUp, ChevronDown } from \"lucide-react\"\nimport { cn } from \"../../utils/cn\"\n\ninterface ChevronButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  direction?: 'up' | 'down';\n  size?: 'sm' | 'md' | 'lg';\n  isExpanded?: boolean;\n  backgroundColor?: string;\n  borderColor?: string;\n}\n\nconst ChevronButton = React.forwardRef<HTMLButtonElement, ChevronButtonProps>(\n  ({ className, direction = 'down', size = 'md', isExpanded, backgroundColor, borderColor, ...props }, ref) => {\n    const Icon = (isExpanded ? ChevronUp : ChevronDown) || (direction === 'up' ? ChevronUp : ChevronDown);\n    const sizeClasses = {\n      sm: 'h-4 w-4',\n      md: 'h-5 w-5', \n      lg: 'h-6 w-6'\n    };\n\n    return (\n      <button\n        className={cn(\n          \"inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n          \"h-10 px-4 py-2\",\n          className\n        )}\n        style={{\n          backgroundColor: backgroundColor,\n          borderColor: borderColor\n        }}\n        ref={ref}\n        {...props}\n      >\n        <Icon className={sizeClasses[size]} />\n      </button>\n    )\n  }\n)\nChevronButton.displayName = \"ChevronButton\"\n\nexport { ChevronButton }"]}