@flamingo-stack/openframe-frontend-core 0.0.198 → 0.0.199-snapshot.20260520170030

package/dist/{chunk-5URU5DHE.js → chunk-ZOM75JOY.js}

@@ -17264,8 +17264,18 @@ function OnboardingWalkthrough({
 }
 
 // src/components/shared/product-release/product-release-card.tsx
+import Image8 from "next/image";
 init_cn();
-import { ChevronRight as ChevronRight6, Package as Package3 } from "lucide-react";
+import {
+  AlertTriangle,
+  ChevronRight as ChevronRight6,
+  Eye,
+  Package as Package3,
+  Play,
+  Sparkles as Sparkles2,
+  TrendingUp,
+  Wrench
+} from "lucide-react";
 import { Fragment as Fragment20, jsx as jsx138, jsxs as jsxs110 } from "react/jsx-runtime";
 function ProductReleaseCard({
   title,
@@ -17275,8 +17285,181 @@ function ProductReleaseCard({
   onClick,
   anchorProps,
   className,
-  size = "default"
+  size = "default",
+  coverImage,
+  hasVideoCover,
+  releaseType,
+  releaseStatus,
+  releaseTypeBadgeColor,
+  viewCount,
+  author,
+  changelogCounts
 }) {
+  if (size === "catalog") {
+    const totalChangelog = (changelogCounts?.features ?? 0) + (changelogCounts?.fixes ?? 0) + (changelogCounts?.improvements ?? 0) + (changelogCounts?.breaking ?? 0);
+    const valueCells = [];
+    if (releaseType && releaseTypeBadgeColor) {
+      valueCells.push({
+        value: releaseType.toUpperCase(),
+        label: "Type",
+        uppercase: true,
+        colorScheme: releaseTypeBadgeColor
+      });
+    }
+    if (releaseStatus) {
+      valueCells.push({
+        value: releaseStatus.toUpperCase(),
+        label: "Status",
+        uppercase: true
+      });
+    }
+    if (formattedDate) {
+      valueCells.push({
+        value: formattedDate,
+        label: "Released",
+        uppercase: false
+      });
+    }
+    const hasAuthorCell = !!author?.full_name;
+    const totalCells = valueCells.length + (hasAuthorCell ? 1 : 0);
+    const gridColsClass = totalCells >= 4 ? "md:grid-cols-4" : totalCells === 3 ? "md:grid-cols-3" : totalCells === 2 ? "md:grid-cols-2" : "md:grid-cols-1";
+    const dividerClass = "border-b md:border-b-0 md:border-r border-ods-border";
+    const frameClass = cn(
+      "group bg-ods-system-greys-black border border-ods-border rounded-lg overflow-hidden",
+      "flex flex-col p-6 gap-4",
+      "transition-all duration-300 ease-out transform hover:translate-y-[-2px]",
+      "hover:border-ods-accent hover:shadow-lg hover:shadow-ods-accent/[0.08]",
+      "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__ */ jsxs110(Fragment20, { children: [
+      /* @__PURE__ */ jsxs110("div", { className: "flex flex-col md:flex-row gap-4 md:gap-6", children: [
+        /* @__PURE__ */ jsx138("div", { className: "w-full md:w-[256px] flex-shrink-0", children: /* @__PURE__ */ jsxs110("div", { className: "relative rounded-lg overflow-hidden w-full aspect-[16/9] bg-ods-bg", children: [
+          coverImage ? /* @__PURE__ */ jsx138(
+            Image8,
+            {
+              src: coverImage,
+              alt: title,
+              fill: true,
+              sizes: "(max-width: 768px) 100vw, 256px",
+              className: "object-cover",
+              unoptimized: true
+            }
+          ) : /* @__PURE__ */ jsx138("div", { className: "absolute inset-0 flex items-center justify-center text-ods-text-secondary", children: /* @__PURE__ */ jsx138(Package3, { className: "w-8 h-8" }) }),
+          hasVideoCover && coverImage && /* @__PURE__ */ jsx138("span", { className: "absolute inset-0 flex items-center justify-center bg-black/30", children: /* @__PURE__ */ jsx138(Play, { className: "w-10 h-10 text-white", fill: "white" }) })
+        ] }) }),
+        /* @__PURE__ */ jsxs110("div", { className: "flex-1 min-w-0 flex flex-col", children: [
+          /* @__PURE__ */ jsx138("div", { className: "flex items-center gap-3 mb-3", children: /* @__PURE__ */ jsxs110("span", { className: "font-mono font-semibold text-lg text-ods-text-primary truncate", children: [
+            "v",
+            version
+          ] }) }),
+          /* @__PURE__ */ jsx138("h3", { className: "font-['Azeret_Mono'] font-semibold text-xl md:text-2xl text-ods-text-primary leading-tight line-clamp-2 mb-3", children: title }),
+          summary && /* @__PURE__ */ jsx138("p", { className: "font-['DM_Sans'] text-sm md:text-base text-ods-text-secondary leading-relaxed line-clamp-4 flex-1", children: summary })
+        ] })
+      ] }),
+      totalChangelog > 0 && changelogCounts && /* @__PURE__ */ jsxs110("div", { className: "border-t border-ods-border pt-3 flex flex-wrap items-center gap-x-4 gap-y-1.5 font-['DM_Sans'] text-sm text-ods-text-secondary", children: [
+        changelogCounts.features > 0 && /* @__PURE__ */ jsxs110("span", { className: "inline-flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx138(Sparkles2, { className: "w-3.5 h-3.5" }),
+          changelogCounts.features,
+          " ",
+          changelogCounts.features === 1 ? "feature" : "features"
+        ] }),
+        changelogCounts.fixes > 0 && /* @__PURE__ */ jsxs110("span", { className: "inline-flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx138(Wrench, { className: "w-3.5 h-3.5" }),
+          changelogCounts.fixes,
+          " ",
+          changelogCounts.fixes === 1 ? "fix" : "fixes"
+        ] }),
+        changelogCounts.improvements > 0 && /* @__PURE__ */ jsxs110("span", { className: "inline-flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx138(TrendingUp, { className: "w-3.5 h-3.5" }),
+          changelogCounts.improvements,
+          " ",
+          changelogCounts.improvements === 1 ? "improvement" : "improvements"
+        ] }),
+        changelogCounts.breaking > 0 && /* @__PURE__ */ jsxs110("span", { className: "inline-flex items-center gap-1.5 text-[var(--ods-attention-yellow-warning)]", children: [
+          /* @__PURE__ */ jsx138(AlertTriangle, { className: "w-3.5 h-3.5" }),
+          changelogCounts.breaking,
+          " breaking"
+        ] })
+      ] }),
+      totalCells > 0 && /* @__PURE__ */ jsxs110(
+        "div",
+        {
+          className: cn(
+            "grid grid-cols-1",
+            gridColsClass,
+            "border border-ods-border rounded-md overflow-hidden w-full"
+          ),
+          children: [
+            valueCells.map((cell, i) => /* @__PURE__ */ jsx138(
+              "div",
+              {
+                className: cn(
+                  "bg-ods-card p-4 flex flex-col gap-3",
+                  // Last value cell skips the trailing divider when no
+                  // author cell follows; otherwise every value cell gets it.
+                  (i < valueCells.length - 1 || hasAuthorCell) && dividerClass
+                ),
+                children: /* @__PURE__ */ jsxs110("div", { className: "flex flex-col gap-0", children: [
+                  cell.colorScheme ? /* @__PURE__ */ jsx138(
+                    StatusBadge,
+                    {
+                      text: cell.value,
+                      variant: "card",
+                      colorScheme: cell.colorScheme,
+                      singleLine: true,
+                      className: "self-start"
+                    }
+                  ) : /* @__PURE__ */ jsx138("p", { className: "text-h4 text-ods-text-primary", children: cell.uppercase ? cell.value.toLocaleUpperCase() : cell.value }),
+                  /* @__PURE__ */ jsx138("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: cell.label })
+                ] })
+              },
+              `${cell.label}-${i}`
+            )),
+            hasAuthorCell && author && /* @__PURE__ */ jsxs110("div", { className: "bg-ods-card p-4 flex items-center gap-3", children: [
+              /* @__PURE__ */ jsx138(
+                SquareAvatar,
+                {
+                  src: author.avatar_url ?? void 0,
+                  alt: author.full_name,
+                  fallback: author.full_name.charAt(0).toUpperCase(),
+                  size: "md",
+                  variant: "round"
+                }
+              ),
+              /* @__PURE__ */ jsxs110("div", { className: "flex flex-col gap-0 flex-1 min-w-0", children: [
+                /* @__PURE__ */ jsx138("p", { className: "text-h3 tracking-[-0.36px] text-ods-text-primary truncate", children: author.full_name }),
+                /* @__PURE__ */ jsx138("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: author.job_title || "Author" })
+              ] })
+            ] })
+          ]
+        }
+      ),
+      typeof viewCount === "number" && viewCount > 0 && /* @__PURE__ */ jsxs110("div", { className: "flex items-center gap-1.5 text-xs text-ods-text-secondary", children: [
+        /* @__PURE__ */ jsx138(Eye, { className: "w-3.5 h-3.5" }),
+        /* @__PURE__ */ jsxs110("span", { children: [
+          viewCount.toLocaleString(),
+          " views"
+        ] })
+      ] })
+    ] });
+    if (anchorProps) {
+      return /* @__PURE__ */ jsx138("a", { ...anchorProps, className: frameClass, "aria-label": `Open ${title}`, children: innerLayout });
+    }
+    if (onClick) {
+      return /* @__PURE__ */ jsx138(InteractiveCard, { clickable: true, onClick, className: frameClass, children: innerLayout });
+    }
+    return /* @__PURE__ */ jsx138(
+      "div",
+      {
+        className: cn(
+          frameClass.replace("hover:border-ods-accent", "").replace("hover:translate-y-[-2px]", "")
+        ),
+        children: innerLayout
+      }
+    );
+  }
   if (size === "sm") {
     const handleKey = (e) => {
       if (!onClick) return;
@@ -17303,7 +17486,20 @@ function ProductReleaseCard({
       className
     );
     const innerChildren = /* @__PURE__ */ jsxs110(Fragment20, { children: [
-      /* @__PURE__ */ jsx138("span", { className: "flex h-14 w-14 aspect-square shrink-0 self-start items-center justify-center rounded-md bg-ods-bg text-ods-accent", children: /* @__PURE__ */ jsx138(Package3, { className: "h-5 w-5" }) }),
+      /* @__PURE__ */ jsxs110("span", { className: "relative flex h-14 w-14 aspect-square shrink-0 self-start items-center justify-center overflow-hidden rounded-md bg-ods-bg text-ods-accent", children: [
+        coverImage ? /* @__PURE__ */ jsx138(
+          Image8,
+          {
+            src: coverImage,
+            alt: title,
+            fill: true,
+            sizes: "56px",
+            className: "object-contain",
+            unoptimized: true
+          }
+        ) : /* @__PURE__ */ jsx138(Package3, { className: "h-5 w-5" }),
+        hasVideoCover && coverImage && /* @__PURE__ */ jsx138("span", { className: "absolute inset-0 flex items-center justify-center bg-black/30", children: /* @__PURE__ */ jsx138(Play, { className: "h-4 w-4 text-white", fill: "white" }) })
+      ] }),
       /* @__PURE__ */ jsxs110("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5 min-h-14", children: [
         /* @__PURE__ */ jsxs110("span", { className: "flex items-center gap-2 min-w-0 h-5", children: [
           /* @__PURE__ */ jsx138("span", { className: "truncate text-sm font-semibold leading-5 text-ods-text-primary min-w-0", children: title }),
@@ -17400,6 +17596,52 @@ function ProductReleaseCard({
 init_cn();
 import { jsx as jsx139, jsxs as jsxs111 } from "react/jsx-runtime";
 function ProductReleaseCardSkeleton({ className, size = "default" }) {
+  if (size === "catalog") {
+    return /* @__PURE__ */ jsxs111(
+      "div",
+      {
+        className: cn(
+          "bg-ods-system-greys-black border border-ods-border rounded-lg overflow-hidden",
+          "flex flex-col p-6 gap-4",
+          "animate-pulse",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxs111("div", { className: "flex flex-col md:flex-row gap-4 md:gap-6", children: [
+            /* @__PURE__ */ jsx139("div", { className: "w-full md:w-[256px] aspect-[16/9] bg-ods-bg rounded-lg flex-shrink-0" }),
+            /* @__PURE__ */ jsxs111("div", { className: "flex-1 min-w-0 flex flex-col", children: [
+              /* @__PURE__ */ jsx139("div", { className: "h-6 w-20 bg-ods-bg rounded mb-3" }),
+              /* @__PURE__ */ jsx139("div", { className: "h-7 w-3/4 bg-ods-bg rounded mb-2" }),
+              /* @__PURE__ */ jsx139("div", { className: "h-7 w-1/2 bg-ods-bg rounded mb-3" }),
+              /* @__PURE__ */ jsx139("div", { className: "h-3 w-full bg-ods-bg/60 rounded mb-1" }),
+              /* @__PURE__ */ jsx139("div", { className: "h-3 w-5/6 bg-ods-bg/60 rounded" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx139("div", { className: "border-t border-ods-border pt-3", children: /* @__PURE__ */ jsx139("div", { className: "h-4 w-2/3 bg-ods-bg/60 rounded" }) }),
+          /* @__PURE__ */ jsxs111("div", { className: "grid grid-cols-1 md:grid-cols-4 border border-ods-border rounded-md overflow-hidden w-full", children: [
+            [0, 1, 2].map((i) => /* @__PURE__ */ jsx139(
+              "div",
+              {
+                className: "bg-ods-card p-4 flex flex-col gap-3 border-b md:border-b-0 md:border-r border-ods-border",
+                children: /* @__PURE__ */ jsxs111("div", { className: "flex flex-col gap-2", children: [
+                  /* @__PURE__ */ jsx139("div", { className: "h-6 w-24 bg-ods-bg rounded" }),
+                  /* @__PURE__ */ jsx139("div", { className: "h-3 w-16 bg-ods-bg/60 rounded" })
+                ] })
+              },
+              `cell-${i}`
+            )),
+            /* @__PURE__ */ jsxs111("div", { className: "bg-ods-card p-4 flex items-center gap-3", children: [
+              /* @__PURE__ */ jsx139("div", { className: "h-10 w-10 rounded-full bg-ods-bg shrink-0" }),
+              /* @__PURE__ */ jsxs111("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
+                /* @__PURE__ */ jsx139("div", { className: "h-4 w-3/4 bg-ods-bg rounded" }),
+                /* @__PURE__ */ jsx139("div", { className: "h-3 w-1/2 bg-ods-bg/60 rounded" })
+              ] })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
   if (size === "sm") {
     return /* @__PURE__ */ jsxs111(
       "span",
@@ -17517,6 +17759,7 @@ function ReleaseChangelogSection({
   hideTitle = false,
   collapsible = false,
   defaultCollapsed = true,
+  icon,
   SimpleMarkdownRenderer: SimpleMarkdownRenderer2
 }) {
   const [collapsed, setCollapsed] = useState33(collapsible ? defaultCollapsed : false);
@@ -17531,6 +17774,7 @@ function ReleaseChangelogSection({
         className: "flex items-center justify-between w-full cursor-pointer",
         children: [
           /* @__PURE__ */ jsxs113("h2", { className: `flex items-center gap-2 text-2xl font-bold ${isBreaking ? "text-red-500" : "text-ods-text-primary"}`, children: [
+            icon,
             title,
             /* @__PURE__ */ jsx142(Badge, { variant: "secondary", className: "ml-2", children: entries.length })
           ] }),
@@ -17543,12 +17787,26 @@ function ReleaseChangelogSection({
         ]
       }
     ) : /* @__PURE__ */ jsxs113("h2", { className: `flex items-center gap-2 text-2xl font-bold ${isBreaking ? "text-red-500" : "text-ods-text-primary"}`, children: [
+      icon,
       title,
       /* @__PURE__ */ jsx142(Badge, { variant: "secondary", className: "ml-2", children: entries.length })
     ] })),
     showEntries && /* @__PURE__ */ jsx142("ul", { className: "space-y-6", children: entries.map((entry, index) => /* @__PURE__ */ jsxs113("li", { className: "border-l-2 border-ods-border pl-4 ml-0", children: [
-      /* @__PURE__ */ jsx142("p", { className: "font-['DM_Sans'] font-semibold text-[20px] leading-[24px] text-ods-text-primary mb-2", children: entry.title }),
-      entry.description && /* @__PURE__ */ jsx142("div", { className: "[&_p]:!font-['DM_Sans'] [&_p]:!font-medium [&_p]:!text-[18px] [&_p]:!leading-[24px] [&_p]:!text-ods-text-primary [&_p]:!my-1", children: /* @__PURE__ */ jsx142(SimpleMarkdownRenderer2, { content: entry.description }) })
+      /* @__PURE__ */ jsx142("p", { className: "text-h3 text-ods-text-primary mb-2", children: entry.title }),
+      entry.description && /* Entry description — body text matches the main release
+         summary (release-detail-page.tsx:321) at the SAME 14/18px
+         responsive `text-h4` scale. The `SimpleMarkdownRenderer`
+         forces its own `<p>` typography
+         (`text-[16px] md:text-[18px] lg:text-[20px]`) which
+         overrides the wrapper's `text-h4` on `lg+` viewports and
+         inflates the changelog body to 20px — larger than the
+         main summary AND larger than the entry title.
+         The `[&_p]:!` overrides pin every descendant `<p>` back
+         to the h4 responsive tokens (`var(--font-size-h4-body)`
+         + `var(--font-line-space-h4-body)`) — same variables
+         `text-h4` itself uses, so the responsive breakpoints
+         stay aligned with the rest of the page. */
+      /* @__PURE__ */ jsx142("div", { className: "text-h4 text-ods-text-primary [&_p]:!text-[length:var(--font-size-h4-body)] [&_p]:!leading-[var(--font-line-space-h4-body)] [&_p]:!font-medium", children: /* @__PURE__ */ jsx142(SimpleMarkdownRenderer2, { content: entry.description }) })
     ] }, index)) })
   ] });
 }
@@ -17556,7 +17814,7 @@ function ReleaseChangelogSection({
 // src/components/ui/image-gallery-modal.tsx
 import { useState as useState34, useEffect as useEffect26 } from "react";
 import { ChevronLeft as ChevronLeft3, ChevronRight as ChevronRight7 } from "lucide-react";
-import Image8 from "next/image";
+import Image9 from "next/image";
 import { Fragment as Fragment21, jsx as jsx143, jsxs as jsxs114 } from "react/jsx-runtime";
 function ImageGalleryModal({
   images,
@@ -17636,7 +17894,7 @@ function ImageGalleryModal({
           ) })
         ] }),
         images[selectedImageIndex] && /* @__PURE__ */ jsx143("div", { className: "relative w-[90vw] h-[90vh] max-w-none flex items-center justify-center", children: /* @__PURE__ */ jsx143(
-          Image8,
+          Image9,
           {
             src: images[selectedImageIndex],
             alt: `Screenshot ${selectedImageIndex + 1}`,
@@ -17676,7 +17934,7 @@ function ImageGalleryModal({
 }
 
 // src/components/shared/product-release/release-detail-page.tsx
-import { AlertTriangle, ExternalLink, BookMarked } from "lucide-react";
+import { AlertTriangle as AlertTriangle2, ExternalLink, BookMarked, Sparkles as Sparkles3, TrendingUp as TrendingUp2, Wrench as Wrench2 } from "lucide-react";
 
 // src/components/layout/page-container.tsx
 init_cn();
@@ -18632,7 +18890,7 @@ function ReleaseDetailPage({
       ] }),
       releaseContent && /* @__PURE__ */ jsx149("div", { className: "text-h4 text-ods-text-primary", children: /* @__PURE__ */ jsx149(MarkdownRenderer, { content: releaseContent }) }),
       hasBreakingChanges && /* @__PURE__ */ jsx149(Card, { className: "border-red-500 bg-red-500/10", children: /* @__PURE__ */ jsx149(CardContent, { className: "p-6", children: /* @__PURE__ */ jsxs120("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx149(AlertTriangle, { className: "h-6 w-6 text-red-500" }),
+        /* @__PURE__ */ jsx149(AlertTriangle2, { className: "h-6 w-6 text-red-500" }),
         /* @__PURE__ */ jsxs120("div", { children: [
           /* @__PURE__ */ jsx149("h3", { className: "font-bold text-red-500 text-lg", children: "Breaking Changes" }),
           /* @__PURE__ */ jsx149("p", { className: "text-ods-text-secondary", children: "This release contains breaking changes. Review carefully before upgrading." })
@@ -18645,6 +18903,7 @@ function ReleaseDetailPage({
           entries: breakingChanges || [],
           isBreaking: true,
           hideTitle: true,
+          icon: /* @__PURE__ */ jsx149(AlertTriangle2, { className: "h-6 w-6" }),
           SimpleMarkdownRenderer: MarkdownRenderer
         }
       ),
@@ -18653,6 +18912,7 @@ function ReleaseDetailPage({
         {
           title: "Features Added",
           entries: featuresAdded || [],
+          icon: /* @__PURE__ */ jsx149(Sparkles3, { className: "h-6 w-6" }),
           SimpleMarkdownRenderer: MarkdownRenderer
         }
       ),
@@ -18661,6 +18921,7 @@ function ReleaseDetailPage({
         {
           title: "Bugs Fixed",
           entries: bugFixed || [],
+          icon: /* @__PURE__ */ jsx149(Wrench2, { className: "h-6 w-6" }),
           SimpleMarkdownRenderer: MarkdownRenderer
         }
       ),
@@ -18669,6 +18930,7 @@ function ReleaseDetailPage({
         {
           title: "Improvements",
           entries: improvements || [],
+          icon: /* @__PURE__ */ jsx149(TrendingUp2, { className: "h-6 w-6" }),
           SimpleMarkdownRenderer: MarkdownRenderer
         }
       ),
@@ -18926,13 +19188,13 @@ InputTrigger.displayName = "InputTrigger";
 
 // src/components/ui/media-type-selector.tsx
 import * as React51 from "react";
-import { Video as Video3, Image as Image9, FileText as FileText3, Archive, CheckSquare, BookOpen, FileType } from "lucide-react";
+import { Video as Video3, Image as Image10, FileText as FileText3, Archive, CheckSquare, BookOpen, FileType } from "lucide-react";
 import { jsx as jsx154, jsxs as jsxs124 } from "react/jsx-runtime";
 var mediaTypeOptions = [
   { value: "video", label: "Video", icon: /* @__PURE__ */ jsx154(Video3, { className: "h-4 w-4" }) },
-  { value: "png", label: "PNG Image", icon: /* @__PURE__ */ jsx154(Image9, { className: "h-4 w-4" }) },
-  { value: "jpg", label: "JPG Image", icon: /* @__PURE__ */ jsx154(Image9, { className: "h-4 w-4" }) },
-  { value: "svg", label: "SVG Image", icon: /* @__PURE__ */ jsx154(Image9, { className: "h-4 w-4" }) },
+  { value: "png", label: "PNG Image", icon: /* @__PURE__ */ jsx154(Image10, { className: "h-4 w-4" }) },
+  { value: "jpg", label: "JPG Image", icon: /* @__PURE__ */ jsx154(Image10, { className: "h-4 w-4" }) },
+  { value: "svg", label: "SVG Image", icon: /* @__PURE__ */ jsx154(Image10, { className: "h-4 w-4" }) },
   { value: "pdf", label: "PDF", icon: /* @__PURE__ */ jsx154(FileType, { className: "h-4 w-4" }) },
   { value: "document", label: "Document", icon: /* @__PURE__ */ jsx154(FileText3, { className: "h-4 w-4" }) },
   { value: "zip", label: "ZIP Archive", icon: /* @__PURE__ */ jsx154(Archive, { className: "h-4 w-4" }) },
@@ -22592,7 +22854,7 @@ import { Monitor } from "lucide-react";
 
 // src/components/features/organization-icon.tsx
 init_cn();
-import Image10 from "next/image";
+import Image11 from "next/image";
 import { jsx as jsx200, jsxs as jsxs162 } from "react/jsx-runtime";
 var sizeClasses3 = {
   xs: "w-6 h-6",
@@ -22639,7 +22901,7 @@ function OrganizationIcon({
       backgroundStyle === "white" ? "text-ods-text-primary" : "text-ods-text-secondary"
     ), children: initials }),
     imageUrl && /* @__PURE__ */ jsx200(
-      Image10,
+      Image11,
       {
         src: imageUrl,
         alt: `${initials}`,
@@ -23191,7 +23453,7 @@ TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 // src/components/ui/error-state.tsx
 init_button2();
 init_cn();
-import { AlertTriangle as AlertTriangle2, RefreshCw, Home } from "lucide-react";
+import { AlertTriangle as AlertTriangle3, RefreshCw, Home } from "lucide-react";
 import { jsx as jsx208, jsxs as jsxs168 } from "react/jsx-runtime";
 function ErrorState({
   title = "Error",
@@ -23237,7 +23499,7 @@ function ErrorState({
     styles.border,
     className
   ), children: /* @__PURE__ */ jsxs168("div", { className: "flex items-start gap-3", children: [
-    showIcon && /* @__PURE__ */ jsx208(AlertTriangle2, { className: cn("h-5 w-5 mt-0.5 flex-shrink-0", styles.icon) }),
+    showIcon && /* @__PURE__ */ jsx208(AlertTriangle3, { className: cn("h-5 w-5 mt-0.5 flex-shrink-0", styles.icon) }),
     /* @__PURE__ */ jsxs168("div", { className: "flex-1", children: [
       /* @__PURE__ */ jsx208("h3", { className: cn("font-semibold mb-1", styles.text), children: title }),
       /* @__PURE__ */ jsx208("p", { className: cn("text-sm", styles.text), children: message }),
@@ -27779,7 +28041,7 @@ function AuthProvidersList({
 }
 
 // src/components/features/changelog-manager.tsx
-import { Trash2 as Trash23, Plus as Plus3, ChevronDown as ChevronDown7, ChevronUp as ChevronUp3, Eye, EyeOff } from "lucide-react";
+import { Trash2 as Trash23, Plus as Plus3, ChevronDown as ChevronDown7, ChevronUp as ChevronUp3, Eye as Eye2, EyeOff } from "lucide-react";
 import { useState as useState59, useEffect as useEffect44 } from "react";
 import { jsx as jsx249, jsxs as jsxs205 } from "react/jsx-runtime";
 function ChangelogManager({
@@ -27880,7 +28142,7 @@ function ChangelogManager({
               onClick: () => toggleVisibility(index),
               className: "shrink-0",
               title: (entry.visibility ?? "public") === "public" ? "Visible to investors" : "Internal only",
-              children: (entry.visibility ?? "public") === "public" ? /* @__PURE__ */ jsx249(Eye, { className: "h-4 w-4 text-ods-accent" }) : /* @__PURE__ */ jsx249(EyeOff, { className: "h-4 w-4 text-ods-text-secondary" })
+              children: (entry.visibility ?? "public") === "public" ? /* @__PURE__ */ jsx249(Eye2, { className: "h-4 w-4 text-ods-accent" }) : /* @__PURE__ */ jsx249(EyeOff, { className: "h-4 w-4 text-ods-text-secondary" })
             }
           ),
           /* @__PURE__ */ jsx249(
@@ -29220,7 +29482,7 @@ import {
   GripVertical,
   Plus as Plus4
 } from "lucide-react";
-import Image11 from "next/image";
+import Image12 from "next/image";
 import { jsx as jsx259, jsxs as jsxs212 } from "react/jsx-runtime";
 function MediaGalleryManager({
   media,
@@ -29316,7 +29578,7 @@ function MediaGalleryManager({
               preload: "metadata"
             }
           ) : /* @__PURE__ */ jsx259(
-            Image11,
+            Image12,
             {
               src: mediaItem.media_url,
               alt: mediaItem.title || "Media",
@@ -29444,7 +29706,7 @@ function OSTypeBadgeGroup({
 
 // src/components/features/parallax-image-showcase.tsx
 import { useEffect as useEffect48, useState as useState64, useRef as useRef40 } from "react";
-import Image12 from "next/image";
+import Image13 from "next/image";
 import { motion as motion2, useScroll, useTransform, useMotionValue, useSpring } from "framer-motion";
 import { jsx as jsx262, jsxs as jsxs214 } from "react/jsx-runtime";
 var ParallaxImageShowcase = ({
@@ -29544,7 +29806,7 @@ var ParallaxImageShowcase = ({
                 rotate: rotateGrid
               },
               children: /* @__PURE__ */ jsx262(
-                Image12,
+                Image13,
                 {
                   src: leftImage.src,
                   alt: leftImage.alt,
@@ -29566,7 +29828,7 @@ var ParallaxImageShowcase = ({
                 rotate: rotateGrid
               },
               children: /* @__PURE__ */ jsx262(
-                Image12,
+                Image13,
                 {
                   src: centerImage.src,
                   alt: centerImage.alt,
@@ -29588,7 +29850,7 @@ var ParallaxImageShowcase = ({
                 rotate: rotateGrid
               },
               children: /* @__PURE__ */ jsx262(
-                Image12,
+                Image13,
                 {
                   src: rightImage.src,
                   alt: rightImage.alt,
@@ -29621,7 +29883,7 @@ var ParallaxImageShowcase = ({
                 style: { x, y, rotate },
                 children: [
                   /* @__PURE__ */ jsx262(
-                    Image12,
+                    Image13,
                     {
                       src: leftImage.src,
                       alt: leftImage.alt,
@@ -29641,7 +29903,7 @@ var ParallaxImageShowcase = ({
                 style: { x, y, rotate },
                 children: [
                   /* @__PURE__ */ jsx262(
-                    Image12,
+                    Image13,
                     {
                       src: centerImage.src,
                       alt: centerImage.alt,
@@ -29675,7 +29937,7 @@ var ParallaxImageShowcase = ({
               rotate
             },
             children: /* @__PURE__ */ jsx262(
-              Image12,
+              Image13,
               {
                 src: rightImage.src,
                 alt: rightImage.alt,
@@ -29696,7 +29958,7 @@ var ParallaxImageShowcase = ({
               rotate
             },
             children: /* @__PURE__ */ jsx262(
-              Image12,
+              Image13,
               {
                 src: centerImage.src,
                 alt: centerImage.alt,
@@ -29717,7 +29979,7 @@ var ParallaxImageShowcase = ({
               rotate
             },
             children: /* @__PURE__ */ jsx262(
-              Image12,
+              Image13,
               {
                 src: leftImage.src,
                 alt: leftImage.alt,
@@ -30124,7 +30386,7 @@ function PushButtonSelector({
 // src/components/features/release-media-manager.tsx
 import { useState as useState65, useRef as useRef41 } from "react";
 import { Trash2 as Trash25, Plus as Plus5, Image as ImageIcon3, Video as Video5, Upload as Upload4, Loader2 as Loader28, GripVertical as GripVertical2 } from "lucide-react";
-import Image13 from "next/image";
+import Image14 from "next/image";
 import { jsx as jsx267, jsxs as jsxs219 } from "react/jsx-runtime";
 function ReleaseMediaManager({
   media,
@@ -30274,7 +30536,7 @@ function ReleaseMediaManager({
                 preload: "metadata"
               }
             ) : /* @__PURE__ */ jsx267(
-              Image13,
+              Image14,
               {
                 src: item.media_url,
                 alt: item.title || "Media",
@@ -30395,8 +30657,8 @@ SelectButton.displayName = "SelectButton";
 
 // src/components/features/seo-editor-preview.tsx
 import { useState as useState66 } from "react";
-import { Globe as Globe3, ExternalLink as ExternalLink5, Upload as Upload5, X as X11, Loader2 as Loader29, Sparkles as Sparkles2 } from "lucide-react";
-import Image14 from "next/image";
+import { Globe as Globe3, ExternalLink as ExternalLink5, Upload as Upload5, X as X11, Loader2 as Loader29, Sparkles as Sparkles4 } from "lucide-react";
+import Image15 from "next/image";
 import { Fragment as Fragment42, jsx as jsx269, jsxs as jsxs221 } from "react/jsx-runtime";
 function SEOEditorPreview({
   seoTitle,
@@ -30448,7 +30710,7 @@ function SEOEditorPreview({
           /* @__PURE__ */ jsx269(Label, { className: "font-['DM_Sans'] text-[14px] font-medium text-ods-text-primary", children: "SEO Title" }),
           aiConfidenceSeoTitle !== void 0 && /* @__PURE__ */ jsxs221(Fragment42, { children: [
             /* @__PURE__ */ jsxs221(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx269(Sparkles2, { className: "h-3 w-3" }),
+              /* @__PURE__ */ jsx269(Sparkles4, { className: "h-3 w-3" }),
               "AI Generated"
             ] }),
             /* @__PURE__ */ jsx269(
@@ -30479,7 +30741,7 @@ function SEOEditorPreview({
           /* @__PURE__ */ jsx269(Label, { className: "font-['DM_Sans'] text-[14px] font-medium text-ods-text-primary", children: "SEO Keywords" }),
           aiConfidenceSeoKeywords !== void 0 && /* @__PURE__ */ jsxs221(Fragment42, { children: [
             /* @__PURE__ */ jsxs221(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx269(Sparkles2, { className: "h-3 w-3" }),
+              /* @__PURE__ */ jsx269(Sparkles4, { className: "h-3 w-3" }),
               "AI Generated"
             ] }),
             /* @__PURE__ */ jsx269(
@@ -30511,7 +30773,7 @@ function SEOEditorPreview({
           /* @__PURE__ */ jsx269(Label, { className: "font-['DM_Sans'] text-[14px] font-medium text-ods-text-primary", children: "SEO Description" }),
           aiConfidenceSeoDescription !== void 0 && /* @__PURE__ */ jsxs221(Fragment42, { children: [
             /* @__PURE__ */ jsxs221(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx269(Sparkles2, { className: "h-3 w-3" }),
+              /* @__PURE__ */ jsx269(Sparkles4, { className: "h-3 w-3" }),
               "AI Generated"
             ] }),
             /* @__PURE__ */ jsx269(
@@ -30543,7 +30805,7 @@ function SEOEditorPreview({
         /* @__PURE__ */ jsxs221("div", { className: "flex-1 relative", children: [
           displayImage && !imageError ? /* @__PURE__ */ jsxs221("div", { className: "relative group h-full min-h-[280px]", children: [
             /* @__PURE__ */ jsx269(
-              Image14,
+              Image15,
               {
                 src: displayImage,
                 alt: "OG Image",
@@ -30611,7 +30873,7 @@ function SEOEditorPreview({
       ] }),
       /* @__PURE__ */ jsxs221("div", { className: "bg-ods-bg border border-ods-border rounded-lg overflow-hidden max-w-[500px]", children: [
         /* @__PURE__ */ jsx269("div", { className: "relative w-full h-[260px] bg-ods-bg-active", children: displayImage && !imageError ? /* @__PURE__ */ jsx269(
-          Image14,
+          Image15,
           {
             src: displayImage,
             alt: displayTitle,
@@ -31047,7 +31309,7 @@ function TagsSelector({
 // src/components/features/video-source-selector.tsx
 init_button2();
 import { useState as useState68, useCallback as useCallback31 } from "react";
-import { Upload as Upload6, Sparkles as Sparkles3, X as X13, Video as Video6 } from "lucide-react";
+import { Upload as Upload6, Sparkles as Sparkles5, X as X13, Video as Video6 } from "lucide-react";
 import { jsx as jsx274, jsxs as jsxs225 } from "react/jsx-runtime";
 function VideoSourceSelector({
   videoSourceType,
@@ -31157,7 +31419,7 @@ function VideoSourceSelector({
         /* @__PURE__ */ jsxs225("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx274(Label, { children: uploadLabel }),
           showAIBadge && isAIGenerated && /* @__PURE__ */ jsxs225(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx274(Sparkles3, { className: "h-3 w-3" }),
+            /* @__PURE__ */ jsx274(Sparkles5, { className: "h-3 w-3" }),
             "AI Generated"
           ] })
         ] }),
@@ -31234,7 +31496,7 @@ function VideoSourceSelector({
 }
 
 // src/components/features/transcript-summary-editor.tsx
-import { Sparkles as Sparkles4 } from "lucide-react";
+import { Sparkles as Sparkles6 } from "lucide-react";
 
 // src/components/features/ai-enrich/ConfidenceBadge.tsx
 init_cn();
@@ -31315,7 +31577,7 @@ function TranscriptSummaryEditor({
         /* @__PURE__ */ jsxs227("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx276(Label, { htmlFor: "video-summary", children: videoSummaryLabel }),
           isAIGenerated && /* @__PURE__ */ jsxs227(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx276(Sparkles4, { className: "h-3 w-3" }),
+            /* @__PURE__ */ jsx276(Sparkles6, { className: "h-3 w-3" }),
             "AI Generated"
           ] }),
           videoSummaryConfidence !== void 0 && videoSummaryConfidence !== null && /* @__PURE__ */ jsx276(
@@ -31355,7 +31617,7 @@ function TranscriptSummaryEditor({
         /* @__PURE__ */ jsxs227("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx276(Label, { htmlFor: "transcript", children: transcriptLabel }),
           isAIGenerated && /* @__PURE__ */ jsxs227(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx276(Sparkles4, { className: "h-3 w-3" }),
+            /* @__PURE__ */ jsx276(Sparkles6, { className: "h-3 w-3" }),
             "AI Generated"
           ] }),
           transcriptConfidence !== void 0 && transcriptConfidence !== null && /* @__PURE__ */ jsx276(
@@ -31426,7 +31688,7 @@ function TranscriptSummaryEditor({
 
 // src/components/features/highlight-video-section.tsx
 import { useState as useState69 } from "react";
-import { Sparkles as Sparkles5, Upload as Upload7 } from "lucide-react";
+import { Sparkles as Sparkles7, Upload as Upload7 } from "lucide-react";
 init_button2();
 
 // src/components/features/ai-enrich/AIEnrichSection.tsx
@@ -31790,7 +32052,7 @@ function HighlightVideoSection({
       {
         title: "Highlight Video",
         description: `Generate a ${Math.floor(targetDurationSeconds / 60)}-minute summary video using Claude AI + Shotstack`,
-        icon: /* @__PURE__ */ jsx280(Sparkles5, { className: "h-5 w-5" }),
+        icon: /* @__PURE__ */ jsx280(Sparkles7, { className: "h-5 w-5" }),
         buttonLabel: hasExistingHighlight ? "Regenerate Highlight" : "Generate Highlight",
         loadingLabel: "Generating highlight...",
         onEnrich: onGenerateHighlight,
@@ -31810,7 +32072,7 @@ function HighlightVideoSection({
         /* @__PURE__ */ jsxs230("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx280(Label, { children: "Highlight Video" }),
           highlightVideoSource === "ai_generated" && /* @__PURE__ */ jsxs230(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx280(Sparkles5, { className: "h-3 w-3" }),
+            /* @__PURE__ */ jsx280(Sparkles7, { className: "h-3 w-3" }),
             "AI Generated"
           ] }),
           highlightVideoDurationMs && /* @__PURE__ */ jsx280(Badge, { variant: "outline", className: "text-xs", children: formatDuration(highlightVideoDurationMs) })
@@ -31916,7 +32178,7 @@ function HighlightConfigSection({
 }
 
 // src/components/features/entity-summary-editor.tsx
-import { Sparkles as Sparkles6 } from "lucide-react";
+import { Sparkles as Sparkles8 } from "lucide-react";
 import { jsx as jsx282, jsxs as jsxs232 } from "react/jsx-runtime";
 function EntitySummaryEditor({
   summary = "",
@@ -31935,7 +32197,7 @@ function EntitySummaryEditor({
       /* @__PURE__ */ jsxs232("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsx282(Label, { htmlFor: "entity-summary", children: label }),
         isAIGenerated && /* @__PURE__ */ jsxs232(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx282(Sparkles6, { className: "h-3 w-3" }),
+          /* @__PURE__ */ jsx282(Sparkles8, { className: "h-3 w-3" }),
           "AI Generated"
         ] }),
         summaryConfidence !== void 0 && summaryConfidence !== null && /* @__PURE__ */ jsx282(
@@ -31973,7 +32235,7 @@ function EntitySummaryEditor({
 }
 
 // src/components/features/transcribe-summarize-section.tsx
-import { Sparkles as Sparkles7 } from "lucide-react";
+import { Sparkles as Sparkles9 } from "lucide-react";
 
 // src/components/features/ai-enrich/AIStatusIndicator.tsx
 init_cn();
@@ -32105,7 +32367,7 @@ function TranscribeSummarizeSection({
     {
       title,
       description,
-      icon: /* @__PURE__ */ jsx285(Sparkles7, { className: "h-5 w-5" }),
+      icon: /* @__PURE__ */ jsx285(Sparkles9, { className: "h-5 w-5" }),
       buttonLabel: buttonLabel || defaultButtonLabel,
       loadingLabel,
       onEnrich: onTranscribe,
@@ -32123,7 +32385,7 @@ function TranscribeSummarizeSection({
 }
 
 // src/components/features/video-clips-section.tsx
-import { Sparkles as Sparkles8 } from "lucide-react";
+import { Sparkles as Sparkles10 } from "lucide-react";
 import { jsx as jsx286 } from "react/jsx-runtime";
 function VideoClipsSection({
   onExtractClips,
@@ -32148,7 +32410,7 @@ function VideoClipsSection({
     {
       title,
       description,
-      icon: /* @__PURE__ */ jsx286(Sparkles8, { className: "h-5 w-5" }),
+      icon: /* @__PURE__ */ jsx286(Sparkles10, { className: "h-5 w-5" }),
       buttonLabel: buttonLabel || defaultButtonLabel,
       loadingLabel,
       onEnrich: onExtractClips,
@@ -32166,7 +32428,7 @@ function VideoClipsSection({
 }
 
 // src/components/features/highlight-generation-section.tsx
-import { Sparkles as Sparkles9 } from "lucide-react";
+import { Sparkles as Sparkles11 } from "lucide-react";
 import { jsx as jsx287 } from "react/jsx-runtime";
 function HighlightGenerationSection({
   onGenerateHighlight,
@@ -32193,7 +32455,7 @@ function HighlightGenerationSection({
     {
       title,
       description: description || defaultDescription,
-      icon: /* @__PURE__ */ jsx287(Sparkles9, { className: "h-5 w-5" }),
+      icon: /* @__PURE__ */ jsx287(Sparkles11, { className: "h-5 w-5" }),
       buttonLabel: buttonLabel || defaultButtonLabel,
       loadingLabel,
       onEnrich: onGenerateHighlight,
@@ -32211,7 +32473,7 @@ function HighlightGenerationSection({
 }
 
 // src/components/features/highlight-video-preview.tsx
-import { Upload as Upload8, Sparkles as Sparkles10 } from "lucide-react";
+import { Upload as Upload8, Sparkles as Sparkles12 } from "lucide-react";
 init_button2();
 import { jsx as jsx288, jsxs as jsxs235 } from "react/jsx-runtime";
 function HighlightVideoPreview({
@@ -32249,7 +32511,7 @@ function HighlightVideoPreview({
       /* @__PURE__ */ jsxs235("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsx288(Label, { children: label }),
         highlightVideoSource === "ai_generated" && /* @__PURE__ */ jsxs235(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx288(Sparkles10, { className: "h-3 w-3" }),
+          /* @__PURE__ */ jsx288(Sparkles12, { className: "h-3 w-3" }),
           "AI Generated"
         ] }),
         highlightVideoDurationMs && /* @__PURE__ */ jsx288(Badge, { variant: "outline", className: "text-xs", children: formatDuration(highlightVideoDurationMs) })
@@ -32278,7 +32540,7 @@ function HighlightVideoPreview({
 }
 
 // src/components/features/transcribe-and-summarize-combined-section.tsx
-import { Sparkles as Sparkles11 } from "lucide-react";
+import { Sparkles as Sparkles13 } from "lucide-react";
 import { jsx as jsx289, jsxs as jsxs236 } from "react/jsx-runtime";
 function TranscribeAndSummarizeCombinedSection({
   // AIEnrichSection props
@@ -32325,7 +32587,7 @@ function TranscribeAndSummarizeCombinedSection({
       {
         title,
         description,
-        icon: /* @__PURE__ */ jsx289(Sparkles11, { className: "h-5 w-5" }),
+        icon: /* @__PURE__ */ jsx289(Sparkles13, { className: "h-5 w-5" }),
         buttonLabel: buttonLabel || defaultButtonLabel,
         loadingLabel,
         onEnrich: onTranscribe,
@@ -32366,7 +32628,7 @@ function TranscribeAndSummarizeCombinedSection({
 }
 
 // src/components/features/highlight-video-combined-section.tsx
-import { Sparkles as Sparkles12, Upload as Upload9 } from "lucide-react";
+import { Sparkles as Sparkles14, Upload as Upload9 } from "lucide-react";
 init_button2();
 import { jsx as jsx290, jsxs as jsxs237 } from "react/jsx-runtime";
 function HighlightVideoCombinedSection({
@@ -32442,7 +32704,7 @@ function HighlightVideoCombinedSection({
       {
         title,
         description: description || defaultDescription,
-        icon: /* @__PURE__ */ jsx290(Sparkles12, { className: "h-5 w-5" }),
+        icon: /* @__PURE__ */ jsx290(Sparkles14, { className: "h-5 w-5" }),
         buttonLabel: buttonLabel || defaultButtonLabel,
         loadingLabel,
         onEnrich: onGenerateHighlight,
@@ -32462,7 +32724,7 @@ function HighlightVideoCombinedSection({
         /* @__PURE__ */ jsxs237("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx290(Label, { children: previewLabel }),
           highlightVideoSource === "ai_generated" && /* @__PURE__ */ jsxs237(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx290(Sparkles12, { className: "h-3 w-3" }),
+            /* @__PURE__ */ jsx290(Sparkles14, { className: "h-3 w-3" }),
             "AI Generated"
           ] }),
           highlightVideoDurationMs && /* @__PURE__ */ jsx290(Badge, { variant: "outline", className: "text-xs", children: formatDuration(highlightVideoDurationMs) })
@@ -34465,4 +34727,4 @@ export {
   TMCG_SOCIAL_PLATFORMS,
   assets
 };
-//# sourceMappingURL=chunk-5URU5DHE.js.map
+//# sourceMappingURL=chunk-ZOM75JOY.js.map