@flamingo-stack/openframe-frontend-core 0.0.764 → 0.0.766

package/dist/chunk-FZB4RMRK.cjs

@@ -0,0 +1,695 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _chunkDGNBXZXTcjs = require('./chunk-DGNBXZXT.cjs');
+
+
+var _chunkSETFUCZAcjs = require('./chunk-SETFUCZA.cjs');
+
+
+
+
+var _chunkJTSUAHDLcjs = require('./chunk-JTSUAHDL.cjs');
+
+
+var _chunkASMNNSUQcjs = require('./chunk-ASMNNSUQ.cjs');
+
+
+var _chunkE76ONBKFcjs = require('./chunk-E76ONBKF.cjs');
+
+
+var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
+
+
+var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
+
+
+var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
+
+// src/components/ui/interactive-card.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _jsxruntime = require('react/jsx-runtime');
+var InteractiveCard = _react2.default.forwardRef(
+  ({ children, onClick, clickable, hoverAccentColor, className, ...props }, ref) => {
+    const isClickable = clickable !== void 0 ? clickable : !!onClick;
+    const handleClick = (e) => {
+      if (isClickable && onClick) {
+        onClick(e);
+      }
+    };
+    const handleMouseEnter = (e) => {
+      if (hoverAccentColor && isClickable) {
+        const card = e.currentTarget;
+        card.style.borderColor = hoverAccentColor;
+        const title = card.querySelector("h3");
+        if (title) {
+          title.style.color = hoverAccentColor;
+        }
+        const primaryTexts = card.querySelectorAll(".text-ods-text-primary:not(button):not(button *)");
+        for (const text of primaryTexts) {
+          text.style.color = hoverAccentColor;
+        }
+      }
+    };
+    const handleMouseLeave = (e) => {
+      if (hoverAccentColor && isClickable) {
+        const card = e.currentTarget;
+        card.style.borderColor = "";
+        const title = card.querySelector("h3");
+        if (title) {
+          title.style.color = "";
+        }
+        const primaryTexts = card.querySelectorAll(".text-ods-text-primary:not(button):not(button *)");
+        for (const text of primaryTexts) {
+          text.style.color = "";
+        }
+      }
+    };
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: _chunk65VVJSQZcjs.cn.call(void 0, 
+          "transition-all",
+          isClickable && [
+            "cursor-pointer",
+            "group",
+            !hoverAccentColor && [
+              "hover:border-ods-accent",
+              // H3 titles turn accent on hover
+              "[&:hover_h3]:text-ods-accent",
+              // Primary text turns accent on hover (but not inside buttons)
+              "[&:hover_.text-ods-text-primary:not(button):not(button_*)]:text-ods-accent"
+            ]
+          ],
+          className
+        ),
+        onClick: handleClick,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        style: hoverAccentColor ? (
+          // A CSS custom property — React accepts it at runtime but
+          // `CSSProperties` has no index signature for `--*`.
+          { "--hover-accent": hoverAccentColor }
+        ) : void 0,
+        ...props,
+        children
+      }
+    );
+  }
+);
+InteractiveCard.displayName = "InteractiveCard";
+
+// src/utils/badge-palette.ts
+var BADGE_PALETTE = [
+  "cyan",
+  "cyanSoft",
+  "pink",
+  "pinkSoft",
+  "openYellow",
+  "warning",
+  "green",
+  "success",
+  "red",
+  "error"
+];
+function isBadgePaletteKey(value) {
+  return typeof value === "string" && BADGE_PALETTE.includes(value);
+}
+function pickBadgePaletteColor({
+  avoid = [],
+  random = Math.random
+} = {}) {
+  const used = new Set(avoid);
+  const free = BADGE_PALETTE.filter((key) => !used.has(key));
+  const pool = free.length > 0 ? free : BADGE_PALETTE;
+  return pool[Math.floor(random() * pool.length) % pool.length];
+}
+
+// src/components/ui/palette-badge.tsx
+
+function PaletteBadge({ text, color, className, variant = "button" }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkDGNBXZXTcjs.StatusBadge,
+    {
+      text,
+      colorScheme: isBadgePaletteKey(color) ? color : "default",
+      variant,
+      singleLine: true,
+      className
+    }
+  );
+}
+
+// src/components/ui/department-badge.tsx
+
+function DepartmentBadge({
+  department,
+  emptyLabel = "No department",
+  className,
+  variant
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    PaletteBadge,
+    {
+      text: _optionalChain([department, 'optionalAccess', _ => _.name]) || emptyLabel,
+      color: _optionalChain([department, 'optionalAccess', _2 => _2.name]) ? department.color : null,
+      className,
+      variant
+    }
+  );
+}
+
+// src/utils/content-ref-groups.ts
+var CONTENT_REF_GROUPS = {
+  investor_update: { label: "Investor Updates", order: 1, layout: "grid", gridSize: "default" },
+  product_release: { label: "Product Releases", order: 2, layout: "list", gridSize: "lg" },
+  podcast: { label: "Podcasts", order: 3, layout: "list", gridSize: "default" },
+  webinar: { label: "Webinars", order: 4, layout: "list", gridSize: "default" },
+  case_study: { label: "Case Studies", order: 5, layout: "grid", gridSize: "default" },
+  event: { label: "Events", order: 6, layout: "list", gridSize: "default" },
+  blog_post_existing: { label: "Blog Posts", order: 7, layout: "grid", gridSize: "default" },
+  customer_interview: { label: "Customer Interviews", order: 8, layout: "grid", gridSize: "default" },
+  onboarding_guide: { label: "Onboarding Guides", order: 9, layout: "list", gridSize: "default" },
+  what_i_shipped: { label: "What I Shipped", order: 10, layout: "grid", gridSize: "default" },
+  how_i_work: { label: "How I Work", order: 11, layout: "grid", gridSize: "default" },
+  ai_prompt: { label: "Squawkbox", order: 12, layout: "grid", gridSize: "default" }
+};
+function getContentRefLabel(type) {
+  return _nullishCoalesce(_optionalChain([CONTENT_REF_GROUPS, 'access', _3 => _3[type], 'optionalAccess', _4 => _4.label]), () => ( null));
+}
+function getContentRefLabelOrTitleCase(type) {
+  return _nullishCoalesce(_optionalChain([CONTENT_REF_GROUPS, 'access', _5 => _5[type], 'optionalAccess', _6 => _6.label]), () => ( type.replace(/_/g, " ").replace(/\b\w/g, (ch) => ch.toUpperCase())));
+}
+function orderContentRefTypes(present) {
+  const presentSet = new Set(present);
+  const registeredInOrder = Object.entries(CONTENT_REF_GROUPS).sort(([, a], [, b]) => a.order - b.order).map(([type]) => type).filter((type) => presentSet.has(type));
+  const unregistered = [...presentSet].filter((type) => !CONTENT_REF_GROUPS[type]);
+  return [...registeredInOrder, ...unregistered];
+}
+
+// src/utils/suggestion-url.ts
+function buildSuggestionUrl(path, opts = {}) {
+  const qs = new URLSearchParams();
+  const { entityType, entityId } = opts;
+  if (entityType && entityId !== void 0 && entityId !== null && entityId !== "") {
+    qs.set("entityType", entityType);
+    qs.set("entityId", String(entityId));
+  }
+  if (opts.count !== void 0) qs.set("count", String(opts.count));
+  for (const [key, value] of Object.entries(_nullishCoalesce(opts.extraParams, () => ( {})))) {
+    if (value !== void 0 && value !== "") qs.set(key, value);
+  }
+  const query = qs.toString();
+  return `${_nullishCoalesce(opts.apiBaseUrl, () => ( ""))}${path}${query ? `?${query}` : ""}`;
+}
+
+// src/components/chat/entity-cards/employee-entry-card.tsx
+
+var STATUS_BADGE_SCHEME = {
+  published: "success",
+  draft: "warning",
+  archived: "default",
+  // Design-doc lifecycle (product-hub) — same ODS pairs, no new palette.
+  in_review: "warning",
+  approved: "success",
+  building: "success",
+  shipped: "success",
+  abandoned: "default"
+};
+function EmployeeEntryBadge({ children }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGNBXZXTcjs.StatusBadge, { text: children, colorScheme: "default", variant: "button", singleLine: true });
+}
+function EmployeeEntryCard({
+  entry,
+  dateLabel,
+  extraBadges,
+  untitledLabel = "Untitled entry",
+  placeholderUrl,
+  actions,
+  anchorProps,
+  className
+}) {
+  const authorAvatar = _chunkDGNBXZXTcjs.useProxiedImageUrl.call(void 0, _optionalChain([entry, 'access', _7 => _7.author, 'optionalAccess', _8 => _8.avatar_url]), { directHttps: false });
+  const card = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkDGNBXZXTcjs.AdminContentCard,
+    {
+      imageUrl: entry.featured_image || entry.main_video_thumbnail,
+      placeholderUrl,
+      title: entry.title || untitledLabel,
+      summary: (_nullishCoalesce(entry.summary, () => ( ""))).slice(0, 140) || "No description",
+      badges: entry.status || extraBadges ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        entry.status ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkDGNBXZXTcjs.StatusBadge,
+          {
+            text: entry.status,
+            colorScheme: _nullishCoalesce(STATUS_BADGE_SCHEME[entry.status], () => ( "default")),
+            variant: "button",
+            singleLine: true
+          }
+        ) : null,
+        extraBadges
+      ] }) : null,
+      meta: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-w-0 items-center gap-2", children: [
+          authorAvatar ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkE76ONBKFcjs.next_image_default,
+            {
+              src: authorAvatar,
+              alt: "",
+              className: "h-[1lh] w-[1lh] shrink-0 rounded-full object-cover",
+              width: 20,
+              height: 20,
+              unoptimized: true
+            }
+          ) : null,
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate", children: _nullishCoalesce(_optionalChain([entry, 'access', _9 => _9.author, 'optionalAccess', _10 => _10.full_name]), () => ( "")) })
+        ] }),
+        dateLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: dateLabel }) : null
+      ] }),
+      actions,
+      reserveRows: true,
+      subtitleRow: false,
+      className
+    }
+  );
+  return anchorProps ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { ...anchorProps, className: "block h-full", children: card }) : card;
+}
+function EmployeeEntryCardSkeleton({ className, actions = false }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGNBXZXTcjs.AdminContentCardSkeleton, { className, actions, subtitleRow: false });
+}
+
+// src/components/chat/entity-cards/what-i-shipped-card.tsx
+
+function WhatIShippedCard({ entry, placeholderUrl, actions, anchorProps, className }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    EmployeeEntryCard,
+    {
+      entry,
+      dateLabel: _chunkJTSUAHDLcjs.formatEntryMonthUTC.call(void 0, entry.entry_month, "short"),
+      placeholderUrl,
+      actions,
+      anchorProps,
+      className
+    }
+  );
+}
+var WhatIShippedCardSkeleton = EmployeeEntryCardSkeleton;
+
+// src/components/chat/entity-cards/how-i-work-card.tsx
+
+function disciplineLabel(discipline) {
+  return discipline.replace(/_/g, " ").replace(/\b\w/g, (ch) => ch.toUpperCase());
+}
+function HowIWorkCard({ entry, placeholderUrl, actions, anchorProps, className }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    EmployeeEntryCard,
+    {
+      entry,
+      dateLabel: entry.session_date ? _chunkJTSUAHDLcjs.formatDateUTC.call(void 0, entry.session_date, { fallback: "" }) || null : null,
+      extraBadges: entry.discipline ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EmployeeEntryBadge, { children: disciplineLabel(entry.discipline) }) : null,
+      untitledLabel: "Untitled session",
+      placeholderUrl,
+      actions,
+      anchorProps,
+      className
+    }
+  );
+}
+var HowIWorkCardSkeleton = EmployeeEntryCardSkeleton;
+
+// src/components/chat/entity-cards/ai-prompt-card.tsx
+
+function AiPromptCard({ entry, placeholderUrl, actions, anchorProps, className }) {
+  const departmentName = _optionalChain([entry, 'access', _11 => _11.department, 'optionalAccess', _12 => _12.name, 'optionalAccess', _13 => _13.trim, 'call', _14 => _14()]);
+  const steps = typeof entry.step_count === "number" ? entry.step_count : 0;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    EmployeeEntryCard,
+    {
+      entry,
+      dateLabel: entry.published_at ? _chunkJTSUAHDLcjs.formatDateUTC.call(void 0, entry.published_at, { fallback: "" }) || null : null,
+      extraBadges: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        departmentName ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DepartmentBadge, { department: { name: departmentName, color: _nullishCoalesce(_optionalChain([entry, 'access', _15 => _15.department, 'optionalAccess', _16 => _16.color]), () => ( null)) } }) : null,
+        steps > 1 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EmployeeEntryBadge, { children: `${steps} steps` }) : null
+      ] }),
+      untitledLabel: "Untitled prompt",
+      placeholderUrl,
+      actions,
+      anchorProps,
+      className
+    }
+  );
+}
+var AiPromptCardSkeleton = EmployeeEntryCardSkeleton;
+
+// src/components/shared/product-release/product-release-card.tsx
+var _lucidereact = require('lucide-react');
+
+function ProductReleaseCard({
+  title,
+  summary,
+  version,
+  formattedDate,
+  onClick,
+  anchorProps,
+  className,
+  size = "lg",
+  coverImage,
+  hasVideoCover,
+  releaseType,
+  releaseStatus,
+  releaseTypeBadgeColor,
+  viewCount,
+  author,
+  changelogCounts,
+  loading = false
+}) {
+  if (_chunkXFRBEXQNcjs.useLoadingScope.call(void 0, ) || loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGNBXZXTcjs.ProductReleaseCardSkeleton, { size, className });
+  if (size === "lg") {
+    const totalChangelog = (_nullishCoalesce(_optionalChain([changelogCounts, 'optionalAccess', _17 => _17.features]), () => ( 0))) + (_nullishCoalesce(_optionalChain([changelogCounts, 'optionalAccess', _18 => _18.fixes]), () => ( 0))) + (_nullishCoalesce(_optionalChain([changelogCounts, 'optionalAccess', _19 => _19.improvements]), () => ( 0))) + (_nullishCoalesce(_optionalChain([changelogCounts, 'optionalAccess', _20 => _20.breaking]), () => ( 0)));
+    const valueCells = [
+      releaseType && releaseTypeBadgeColor ? {
+        value: releaseType.toUpperCase(),
+        label: _chunkDGNBXZXTcjs.RELEASE_CARD_CELL_LABELS[0],
+        uppercase: true,
+        colorScheme: releaseTypeBadgeColor
+      } : { value: "\u2014", label: _chunkDGNBXZXTcjs.RELEASE_CARD_CELL_LABELS[0], uppercase: false },
+      releaseStatus ? {
+        value: releaseStatus.toUpperCase(),
+        label: _chunkDGNBXZXTcjs.RELEASE_CARD_CELL_LABELS[1],
+        uppercase: true
+      } : { value: "\u2014", label: _chunkDGNBXZXTcjs.RELEASE_CARD_CELL_LABELS[1], uppercase: false },
+      formattedDate ? {
+        value: formattedDate,
+        label: _chunkDGNBXZXTcjs.RELEASE_CARD_CELL_LABELS[2],
+        uppercase: false
+      } : { value: "\u2014", label: _chunkDGNBXZXTcjs.RELEASE_CARD_CELL_LABELS[2], uppercase: false }
+    ];
+    const effectiveAuthor = _optionalChain([author, 'optionalAccess', _21 => _21.full_name]) ? author : { full_name: "\u2014", avatar_url: null, job_title: "Unknown" };
+    const dividerClass = _chunkDGNBXZXTcjs.RELEASE_CARD_CELL_DIVIDER_CLASS;
+    const interactive = !!anchorProps || !!onClick;
+    const frameClass = _chunk65VVJSQZcjs.cn.call(void 0, 
+      interactive ? _chunkDGNBXZXTcjs.CONTENT_CARD_FRAME_CLASS : _chunkDGNBXZXTcjs.CONTENT_CARD_SKELETON_FRAME_CLASS,
+      _chunkDGNBXZXTcjs.RELEASE_CARD_LG_FRAME_CLASS,
+      "focus:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent focus-visible:ring-offset-2 focus-visible:ring-offset-ods-bg",
+      "no-underline",
+      className
+    );
+    const innerLayout = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkDGNBXZXTcjs.RELEASE_CARD_HERO_CLASS, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkDGNBXZXTcjs.RELEASE_CARD_COVER_COLUMN_CLASS, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, _chunkDGNBXZXTcjs.RELEASE_CARD_COVER_BOX_CLASS, "bg-ods-bg"), children: [
+          coverImage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkE76ONBKFcjs.next_image_default,
+            {
+              src: coverImage,
+              alt: title,
+              fill: true,
+              sizes: "(max-width: 768px) 100vw, 256px",
+              className: "object-cover",
+              unoptimized: true
+            }
+          ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 flex items-center justify-center text-ods-text-secondary", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Package, { className: "h-8 w-8" }) }),
+          hasVideoCover && coverImage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSETFUCZAcjs.CardHoverPlay, { size: "md" })
+        ] }) }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkDGNBXZXTcjs.RELEASE_CARD_TEXT_COLUMN_CLASS, children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkDGNBXZXTcjs.RELEASE_CARD_VERSION_ROW_CLASS, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkDGNBXZXTcjs.RELEASE_CARD_VERSION_CLASS, children: [
+            "v",
+            version
+          ] }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkDGNBXZXTcjs.RELEASE_CARD_TITLE_BOX_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: _chunkDGNBXZXTcjs.RELEASE_CARD_TITLE_CLASS, children: title }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkDGNBXZXTcjs.RELEASE_CARD_SUMMARY_BOX_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: _chunkDGNBXZXTcjs.RELEASE_CARD_SUMMARY_CLASS, children: _nullishCoalesce(summary, () => ( "")) }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkDGNBXZXTcjs.RELEASE_CARD_CHANGELOG_CLASS, children: totalChangelog > 0 && changelogCounts ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        changelogCounts.features > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { "data-loading-item": true, className: "inline-flex items-center gap-1.5", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Sparkles, { className: "h-3.5 w-3.5" }),
+          changelogCounts.features,
+          " ",
+          changelogCounts.features === 1 ? "feature" : "features"
+        ] }),
+        changelogCounts.fixes > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { "data-loading-item": true, className: "inline-flex items-center gap-1.5", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Wrench, { className: "h-3.5 w-3.5" }),
+          changelogCounts.fixes,
+          " ",
+          changelogCounts.fixes === 1 ? "fix" : "fixes"
+        ] }),
+        changelogCounts.improvements > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { "data-loading-item": true, className: "inline-flex items-center gap-1.5", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.TrendingUp, { className: "h-3.5 w-3.5" }),
+          changelogCounts.improvements,
+          " ",
+          changelogCounts.improvements === 1 ? "improvement" : "improvements"
+        ] }),
+        changelogCounts.breaking > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { "data-loading-item": true, className: "inline-flex items-center gap-1.5 text-ods-warning", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.AlertTriangle, { className: "h-3.5 w-3.5" }),
+          changelogCounts.breaking,
+          " breaking"
+        ] })
+      ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-loading-item": true, className: "text-ods-text-secondary", children: "No changelog entries yet" }) }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkDGNBXZXTcjs.RELEASE_CARD_GRID_CLASS, children: [
+        valueCells.map((cell, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, _chunkDGNBXZXTcjs.RELEASE_CARD_CELL_CLASS, dividerClass), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkDGNBXZXTcjs.RELEASE_CARD_CELL_STACK_CLASS, children: [
+          cell.colorScheme ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkDGNBXZXTcjs.StatusBadge,
+            {
+              text: cell.value,
+              variant: "card",
+              colorScheme: cell.colorScheme,
+              singleLine: true,
+              className: "justify-self-start"
+            }
+          ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "p",
+            {
+              className: _chunk65VVJSQZcjs.cn.call(void 0, 
+                "text-h4",
+                // Em-dash placeholder reads as secondary text;
+                // populated values stay primary.
+                cell.value === "\u2014" ? "text-ods-text-secondary" : "text-ods-text-primary"
+              ),
+              children: cell.uppercase ? cell.value.toLocaleUpperCase() : cell.value
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: _chunkDGNBXZXTcjs.RELEASE_CARD_CELL_LABEL_CLASS, children: cell.label })
+        ] }) }, `${cell.label}-${i}`)),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3 p-4", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkJTSUAHDLcjs.SquareAvatar,
+            {
+              src: _nullishCoalesce(effectiveAuthor.avatar_url, () => ( void 0)),
+              alt: effectiveAuthor.full_name,
+              fallback: effectiveAuthor.full_name.charAt(0).toUpperCase(),
+              size: "md",
+              variant: "round"
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col gap-0", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "truncate tracking-[-0.36px] text-ods-text-primary text-h3", children: effectiveAuthor.full_name }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: effectiveAuthor.job_title || "Author" })
+          ] })
+        ] })
+      ] }),
+      typeof viewCount === "number" && viewCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-1.5 text-ods-text-secondary text-h6", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Eye, { className: "h-3.5 w-3.5" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
+          viewCount.toLocaleString(),
+          " views"
+        ] })
+      ] })
+    ] });
+    if (anchorProps) {
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { ...anchorProps, className: frameClass, children: innerLayout });
+    }
+    if (onClick) {
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveCard, { clickable: true, onClick, className: frameClass, children: innerLayout });
+    }
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: frameClass, children: innerLayout });
+  }
+  if (size === "sm") {
+    const handleKey = (e) => {
+      if (!onClick) return;
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        onClick();
+      }
+    };
+    const isInteractive = !!anchorProps || !!onClick;
+    const outerClassName = _chunk65VVJSQZcjs.cn.call(void 0, 
+      // The base frame (`my-1.5 flex … no-underline`) mirrors the
+      // hub's `COMPACT_CARD_OUTER` in `components/shared/compact-
+      // card/compact-card-classes.ts` byte-for-byte. The OSS lib
+      // can't import from the consumer, so the two strings are
+      // kept identical by hand — if you edit one, edit the other.
+      //
+      // The interactive branch ADDS `cursor-pointer` + a focus-
+      // visible ring. The `<Link>` form would normally get focus styling
+      // from the browser, but `no-underline` strips the default
+      // affordance, so explicit ring styles match the `<span role>` form.
+      "my-1.5 flex w-full items-start gap-3 p-2",
+      "rounded-lg border border-ods-border bg-ods-card no-underline",
+      // The play mark on a video cover shows on the card's hover.
+      "group",
+      isInteractive ? "cursor-pointer transition-colors hover:border-ods-text-secondary/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent focus-visible:ring-offset-1 focus-visible:ring-offset-ods-card" : "cursor-default",
+      className
+    );
+    const innerChildren = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "relative flex aspect-square h-14 w-14 shrink-0 items-center justify-center self-start overflow-hidden rounded-md bg-ods-bg text-ods-accent", children: [
+        coverImage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE76ONBKFcjs.next_image_default, { src: coverImage, alt: title, fill: true, sizes: "56px", className: "object-contain", unoptimized: true }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Package, { className: "h-5 w-5" }),
+        hasVideoCover && coverImage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSETFUCZAcjs.CardHoverPlay, { size: "sm" })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-h-14 min-w-0 flex-1 flex-col gap-0.5", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex h-5 min-w-0 items-center gap-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "min-w-0 truncate font-semibold text-ods-text-primary text-h6", title, children: title }),
+          version ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "shrink-0 rounded bg-ods-accent/10 px-1.5 py-0.5 text-ods-accent text-code", children: version }) : null
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-4 min-w-0 items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate text-ods-text-secondary text-h6", children: formattedDate || "Product release" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-4 min-w-0 items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate text-ods-text-secondary/80 text-h6", title: summary || void 0, children: summary || "\xA0" }) })
+      ] })
+    ] });
+    if (anchorProps) {
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { ...anchorProps, className: outerClassName, children: innerChildren });
+    }
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "span",
+      {
+        role: onClick ? "button" : void 0,
+        tabIndex: onClick ? 0 : void 0,
+        onClick,
+        onKeyDown: onClick ? handleKey : void 0,
+        className: outerClassName,
+        children: innerChildren
+      }
+    );
+  }
+  throw new Error(`ProductReleaseCard: unsupported size '${size}'`);
+}
+
+// src/hooks/use-self-fetch.ts
+
+function useSelfFetch(givenUrl, options) {
+  const held = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const url = held ? null : givenUrl;
+  const initialData = _optionalChain([options, 'optionalAccess', _22 => _22.initialData]);
+  const revalidateOnVisibleAfterMs = _optionalChain([options, 'optionalAccess', _23 => _23.revalidateOnVisibleAfterMs]);
+  const [data, setData] = _react.useState.call(void 0, _nullishCoalesce(initialData, () => ( null)));
+  const [dataUrl, setDataUrl] = _react.useState.call(void 0, initialData !== void 0 ? givenUrl : null);
+  const [isLoading, setIsLoading] = _react.useState.call(void 0, initialData === void 0 && givenUrl !== null);
+  const [error, setError] = _react.useState.call(void 0, false);
+  const [reloadKey, setReloadKey] = _react.useState.call(void 0, 0);
+  const [mountedAt] = _react.useState.call(void 0, () => Date.now());
+  const dataAtRef = _react.useRef.call(void 0, initialData !== void 0 ? mountedAt : 0);
+  const dataUrlRef = _react.useRef.call(void 0, initialData !== void 0 ? givenUrl : null);
+  const [syncedProps, setSyncedProps] = _react.useState.call(void 0, { url, initialData });
+  if (syncedProps.url !== url || syncedProps.initialData !== initialData) {
+    setSyncedProps({ url, initialData });
+    if (syncedProps.initialData !== initialData && initialData !== void 0) {
+      setData(initialData);
+      setDataUrl(url);
+    }
+    if (syncedProps.url !== url && url === null) {
+      setIsLoading(false);
+    }
+  }
+  _react.useEffect.call(void 0, () => {
+    if (url === null) return void 0;
+    if (dataUrlRef.current === url) return void 0;
+    const ctrl = new AbortController();
+    let cancelled = false;
+    async function load() {
+      try {
+        setIsLoading(true);
+        setError(false);
+        const res = await _chunkASMNNSUQcjs.contentFetch.call(void 0, url, { signal: ctrl.signal });
+        if (!res.ok) throw new Error(`Request failed (${res.status})`);
+        const json = await res.json();
+        if (!cancelled) {
+          setData(json);
+          setDataUrl(url);
+          dataUrlRef.current = url;
+          dataAtRef.current = Date.now();
+        }
+      } catch (err) {
+        if (cancelled || _optionalChain([err, 'optionalAccess', _24 => _24.name]) === "AbortError") return;
+        setError(true);
+        console.error("useSelfFetch:", url, err);
+      } finally {
+        if (!cancelled) setIsLoading(false);
+      }
+    }
+    void load();
+    return () => {
+      cancelled = true;
+      ctrl.abort();
+    };
+  }, [url, reloadKey]);
+  const forceReload = () => {
+    dataUrlRef.current = null;
+    setReloadKey((k) => k + 1);
+  };
+  _react.useEffect.call(void 0, () => {
+    if (!revalidateOnVisibleAfterMs || url === null) return void 0;
+    const onVisible = () => {
+      if (document.visibilityState !== "visible") return;
+      if (Date.now() - dataAtRef.current < revalidateOnVisibleAfterMs) return;
+      forceReload();
+    };
+    document.addEventListener("visibilitychange", onVisible);
+    return () => document.removeEventListener("visibilitychange", onVisible);
+  }, [url, revalidateOnVisibleAfterMs]);
+  return {
+    data,
+    dataUrl,
+    setData,
+    isLoading,
+    error,
+    // Force a re-fetch of the current url (error-retry affordance).
+    reload: forceReload
+  };
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.InteractiveCard = InteractiveCard; exports.BADGE_PALETTE = BADGE_PALETTE; exports.isBadgePaletteKey = isBadgePaletteKey; exports.pickBadgePaletteColor = pickBadgePaletteColor; exports.PaletteBadge = PaletteBadge; exports.DepartmentBadge = DepartmentBadge; exports.CONTENT_REF_GROUPS = CONTENT_REF_GROUPS; exports.getContentRefLabel = getContentRefLabel; exports.getContentRefLabelOrTitleCase = getContentRefLabelOrTitleCase; exports.orderContentRefTypes = orderContentRefTypes; exports.buildSuggestionUrl = buildSuggestionUrl; exports.useSelfFetch = useSelfFetch; exports.EmployeeEntryBadge = EmployeeEntryBadge; exports.EmployeeEntryCard = EmployeeEntryCard; exports.EmployeeEntryCardSkeleton = EmployeeEntryCardSkeleton; exports.WhatIShippedCard = WhatIShippedCard; exports.WhatIShippedCardSkeleton = WhatIShippedCardSkeleton; exports.HowIWorkCard = HowIWorkCard; exports.HowIWorkCardSkeleton = HowIWorkCardSkeleton; exports.AiPromptCard = AiPromptCard; exports.AiPromptCardSkeleton = AiPromptCardSkeleton; exports.ProductReleaseCard = ProductReleaseCard;