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

package/dist/{chunk-GIQZAYY5.js → chunk-ZOM75JOY.js}

@@ -109,6 +109,7 @@ import {
   PenEditIcon,
   PencilIcon,
   PlayIcon,
+  PlusCircleIcon,
   PlusIcon,
   PowershellLogoIcon,
   PythonLogoIcon,
@@ -4102,7 +4103,7 @@ init_button2();
 
 // src/components/plus-circle-icon.tsx
 import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
-function PlusCircleIcon({ className, whiteOverlay = false, iconSize = 24, ...props }) {
+function PlusCircleIcon2({ className, whiteOverlay = false, iconSize = 24, ...props }) {
   return /* @__PURE__ */ jsxs18(
     "svg",
     {
@@ -4265,7 +4266,7 @@ var ChatHeader = React11.forwardRef(
       {
         ref,
         className: cn(
-          "relative mx-auto w-full max-w-3xl",
+          "relative mx-auto w-full max-w-ods-content-narrow",
           className
         ),
         ...props,
@@ -4280,7 +4281,7 @@ var ChatHeader = React11.forwardRef(
               leftIcon: /* @__PURE__ */ jsx24(Chevron02LeftIcon, { size: 24, className: "text-ods-text-primary" }),
               className: cn(
                 cardClasses,
-                "absolute -translate-y-1/2 right-full mr-3 my-6 hover:bg-ods-bg-hover"
+                "absolute top-0 right-full mr-[var(--spacing-system-s)] hover:bg-ods-bg-hover"
               )
             }
           ),
@@ -4313,7 +4314,7 @@ var ChatHeader = React11.forwardRef(
                     onClick: onNewChat,
                     variant: "transparent",
                     size: "small-legacy",
-                    leftIcon: /* @__PURE__ */ jsx24(PlusCircleIcon, { className: "w-5 h-5", whiteOverlay: true }),
+                    leftIcon: /* @__PURE__ */ jsx24(PlusCircleIcon2, { className: "w-5 h-5", whiteOverlay: true }),
                     className: "text-ods-text-primary hover:bg-ods-bg-hover",
                     children: "New Chat"
                   }
@@ -4377,7 +4378,7 @@ var ChatFooter = React11.forwardRef(
           className
         ),
         ...props,
-        children: /* @__PURE__ */ jsx24("div", { className: "mx-auto w-full max-w-3xl", children })
+        children: /* @__PURE__ */ jsx24("div", { className: "mx-auto w-full max-w-ods-content-narrow", children })
       }
     );
   }
@@ -4700,7 +4701,9 @@ var ChatInput = forwardRef18(
       sending = false,
       awaitingResponse = false,
       placeholder = "Enter your Request...",
-      reserveAvatarOffset = true,
+      // Accepted for back-compat; consumed and discarded so the prop never
+      // falls through to the underlying <textarea> as an unknown DOM attr.
+      reserveAvatarOffset: _reserveAvatarOffset,
       disabled = false,
       autoFocus = false,
       ...inputProps
@@ -4896,73 +4899,51 @@ var ChatInput = forwardRef18(
         setIsStopping(false);
       }
     }, [onStop, isStopping]);
-    if (awaitingResponse) {
-      return /* @__PURE__ */ jsxs23(
-        "div",
-        {
-          className: cn(
-            "mx-auto w-full max-w-3xl items-end gap-6",
-            reserveAvatarOffset ? "grid grid-cols-[32px_1fr]" : "grid grid-cols-[1fr]",
-            "flex-shrink-0",
-            className
-          ),
-          children: [
-            reserveAvatarOffset && /* @__PURE__ */ jsx28("div", { className: "invisible h-8 w-8", "aria-hidden": true }),
-            /* @__PURE__ */ jsxs23("div", { className: "relative flex items-center justify-center gap-2 rounded-md bg-ods-card border border-ods-border px-3 py-3 transition-colors", children: [
-              /* @__PURE__ */ jsx28(ChatTypingIndicator, { size: "sm", dotClassName: "bg-ods-text-primary" }),
-              /* @__PURE__ */ jsx28("p", { className: "text-h4 text-ods-text-secondary", children: "Waiting for Technician Response" })
-            ] })
-          ]
-        }
-      );
-    }
     const isStopMode = sending && !!onStop;
     const sendDisabled = sending || disabled || !value.trim();
-    return /* @__PURE__ */ jsxs23(
+    return /* @__PURE__ */ jsx28(
       "div",
       {
         className: cn(
-          "mx-auto w-full max-w-3xl items-end gap-6",
-          reserveAvatarOffset ? "grid grid-cols-[32px_1fr]" : "grid grid-cols-[1fr]",
-          "flex-shrink-0",
+          "mx-auto w-full max-w-ods-content-narrow flex-shrink-0",
           className
         ),
-        children: [
-          reserveAvatarOffset && /* @__PURE__ */ jsx28("div", { className: "invisible h-8 w-8", "aria-hidden": true }),
-          /* @__PURE__ */ jsxs23("div", { className: "relative", children: [
-            /* @__PURE__ */ jsx28(
-              SlashCommandSuggestions,
-              {
-                commands: slashPrefix !== null ? slashSuggestions : [],
-                highlightedIdx,
-                onHover: setHighlightedIdx,
-                onSelect: acceptSuggestion,
-                resolveSourceIcon: slashCommands?.resolveSourceIcon,
-                onAction: slashCommands?.onAction
-              }
-            ),
-            /* @__PURE__ */ jsx28(
-              Textarea,
-              {
-                ref: textareaRef,
-                value,
-                onChange: handleChange,
-                onKeyDown: handleKeyDown,
-                placeholder: disabled ? "Connection lost. Waiting to reconnect..." : placeholder,
-                disabled: sending || disabled,
-                rows: 1,
-                endIcon: isStopMode ? /* @__PURE__ */ jsx28(StopCircleIcon, { size: 20 }) : /* @__PURE__ */ jsx28(Send01Icon, { size: 20 }),
-                endIconAsButton: true,
-                endIconButtonProps: {
-                  onClick: isStopMode ? handleStop : handleSubmit,
-                  disabled: isStopMode ? isStopping : sendDisabled,
-                  "aria-label": isStopMode ? "Stop generation" : "Send message"
-                },
-                ...inputProps
-              }
-            )
-          ] })
-        ]
+        children: awaitingResponse ? /* @__PURE__ */ jsxs23("div", { className: "relative flex items-center justify-center gap-[var(--spacing-system-xs)] rounded-md bg-ods-card border border-ods-border px-[var(--spacing-system-s)] py-[var(--spacing-system-s)] transition-colors", children: [
+          /* @__PURE__ */ jsx28(ChatTypingIndicator, { size: "sm", dotClassName: "bg-ods-text-primary" }),
+          /* @__PURE__ */ jsx28("p", { className: "text-h4 text-ods-text-secondary", children: "Waiting for Technician Response" })
+        ] }) : /* @__PURE__ */ jsxs23("div", { className: "relative", children: [
+          /* @__PURE__ */ jsx28(
+            SlashCommandSuggestions,
+            {
+              commands: slashPrefix !== null ? slashSuggestions : [],
+              highlightedIdx,
+              onHover: setHighlightedIdx,
+              onSelect: acceptSuggestion,
+              resolveSourceIcon: slashCommands?.resolveSourceIcon,
+              onAction: slashCommands?.onAction
+            }
+          ),
+          /* @__PURE__ */ jsx28(
+            Textarea,
+            {
+              ref: textareaRef,
+              value,
+              onChange: handleChange,
+              onKeyDown: handleKeyDown,
+              placeholder: disabled ? "Connection lost. Waiting to reconnect..." : placeholder,
+              disabled: sending || disabled,
+              rows: 1,
+              endIcon: isStopMode ? /* @__PURE__ */ jsx28(StopCircleIcon, { size: 20 }) : /* @__PURE__ */ jsx28(Send01Icon, { size: 20 }),
+              endIconAsButton: true,
+              endIconButtonProps: {
+                onClick: isStopMode ? handleStop : handleSubmit,
+                disabled: isStopMode ? isStopping : sendDisabled,
+                "aria-label": isStopMode ? "Stop generation" : "Send message"
+              },
+              ...inputProps
+            }
+          )
+        ] })
       }
     );
   }
@@ -5213,7 +5194,7 @@ var ChatMessageEnhanced = forwardRef20(
         variant: "round",
         className: cn(
           "flex-shrink-0",
-          isUser ? "invisible" : isMingo ? "bg-ods-flamingo-cyan" : "bg-ods-flamingo-pink"
+          isMingo ? "bg-ods-flamingo-cyan" : "bg-ods-flamingo-pink"
         )
       };
     };
@@ -5224,20 +5205,20 @@ var ChatMessageEnhanced = forwardRef20(
       {
         ref,
         className: cn(
-          "flex flex-row items-start gap-2 py-3",
+          "relative py-[var(--spacing-system-s)]",
           className
         ),
         ...props,
         children: [
-          showAvatar && (isSystem ? /* @__PURE__ */ jsx30("div", { className: "w-12 flex-shrink-0" }) : !isUser && assistantIcon && !avatar ? /* @__PURE__ */ jsx30("div", { className: "flex items-center justify-center w-12 h-12 rounded-full bg-ods-accent flex-shrink-0", children: assistantIcon }) : /* @__PURE__ */ jsx30(
+          showAvatar && !isSystem && !isUser && /* @__PURE__ */ jsx30("div", { className: "absolute -left-16 top-[var(--spacing-system-s)]", children: assistantIcon && !avatar ? /* @__PURE__ */ jsx30("div", { className: "flex items-center justify-center w-12 h-12 rounded-full bg-ods-accent", children: assistantIcon }) : /* @__PURE__ */ jsx30(
             SquareAvatar,
             {
               ...avatarProps,
               className: cn(avatarProps.className, "w-12 h-12")
             }
-          )),
-          /* @__PURE__ */ jsxs25("div", { className: "flex flex-1 flex-col gap-1 min-w-0", children: [
-            /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between gap-1", children: [
+          ) }),
+          /* @__PURE__ */ jsxs25("div", { className: "flex flex-col gap-[var(--spacing-system-xxs)] min-w-0", children: [
+            /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between gap-[var(--spacing-system-xxs)]", children: [
               /* @__PURE__ */ jsxs25("span", { className: cn(
                 "text-h3 !font-mono !font-medium flex-1",
                 authorType === "system" ? "text-ods-open-yellow" : authorType === "admin" ? "text-ods-open-yellow" : authorType === "mingo" ? "text-ods-flamingo-cyan" : authorType === "fae" ? "text-ods-flamingo-pink" : "text-ods-text-secondary"
@@ -5375,16 +5356,16 @@ function ChatMessageSkeleton({
     "div",
     {
       className: cn(
-        "flex flex-row items-start gap-4",
+        "relative",
         !isUser && "bg-ods-card/50 rounded-lg px-4 -mx-4",
         className
       ),
       children: [
-        showAvatar && /* @__PURE__ */ jsx31("div", { className: cn(
-          "flex-shrink-0 mt-1 w-8 h-8 rounded animate-pulse",
-          isUser ? "invisible" : isMingo ? "bg-gradient-to-br from-cyan-400/30 to-cyan-600/30" : "bg-gradient-to-br from-pink-400/30 to-pink-600/30"
+        showAvatar && !isUser && /* @__PURE__ */ jsx31("div", { className: cn(
+          "absolute -left-16 top-[var(--spacing-system-s)] w-12 h-12 rounded-full animate-pulse",
+          isMingo ? "bg-gradient-to-br from-cyan-400/30 to-cyan-600/30" : "bg-gradient-to-br from-pink-400/30 to-pink-600/30"
         ) }),
-        /* @__PURE__ */ jsxs26("div", { className: "flex flex-1 flex-col gap-1 min-w-0", children: [
+        /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-1 min-w-0", children: [
           /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between pr-2", children: [
             /* @__PURE__ */ jsx31("div", { className: "h-5 w-16 bg-ods-border rounded animate-pulse" }),
             /* @__PURE__ */ jsx31("div", { className: "h-4 w-12 bg-ods-border rounded animate-pulse" })
@@ -5420,7 +5401,7 @@ function ChatMessageListSkeleton({
         "scrollbar-thin scrollbar-track-transparent scrollbar-thumb-ods-border/30 hover:scrollbar-thumb-ods-text-secondary/30",
         className
       ),
-      children: /* @__PURE__ */ jsxs26("div", { className: cn("mx-auto flex w-full max-w-3xl flex-col pb-2 min-w-0", contentClassName || "px-4"), style: { minHeight: "100%" }, children: [
+      children: /* @__PURE__ */ jsxs26("div", { className: cn("mx-auto flex w-full max-w-ods-content-narrow flex-col pb-[var(--spacing-system-xs)] min-w-0", contentClassName ?? "px-[var(--spacing-system-m)]"), style: { minHeight: "100%" }, children: [
         /* @__PURE__ */ jsx31("div", { className: "flex-1" }),
         /* @__PURE__ */ jsx31("div", { className: "space-y-6", children: messages.map((message) => /* @__PURE__ */ jsx31(
           ChatMessageSkeleton,
@@ -5770,8 +5751,8 @@ var ChatMessageList = forwardRef21(
             {
               ref: setContentRef,
               className: cn(
-                "mx-auto flex w-full max-w-3xl flex-col pb-2 min-w-0",
-                contentClassName || "px-4"
+                "mx-auto flex w-full max-w-ods-content-narrow flex-col pb-[var(--spacing-system-xs)] min-w-0",
+                contentClassName ?? "px-[var(--spacing-system-m)]"
               ),
               style: { minHeight: "100%" },
               children: [
@@ -5806,8 +5787,8 @@ var ChatMessageList = forwardRef21(
         "div",
         {
           className: cn(
-            "mx-auto w-full max-w-3xl flex items-center gap-1 py-2",
-            contentClassName || "px-4"
+            "mx-auto w-full max-w-ods-content-narrow flex items-center gap-[var(--spacing-system-xxs)] py-[var(--spacing-system-xs)]",
+            contentClassName ?? "px-[var(--spacing-system-m)]"
           ),
           style: { color: "var(--color-text-muted)" },
           role: "status",
@@ -5820,8 +5801,8 @@ var ChatMessageList = forwardRef21(
       ),
       pendingApprovals && pendingApprovals.length > 0 && /* @__PURE__ */ jsx33("div", { className: cn(
         "border-t border-ods-border bg-ods-bg/95 backdrop-blur-sm",
-        "mx-auto w-full max-w-3xl",
-        contentClassName || "px-4"
+        "mx-auto w-full max-w-ods-content-narrow",
+        contentClassName ?? "px-[var(--spacing-system-m)]"
       ), children: /* @__PURE__ */ jsx33(
         MemoizedChatMessageEnhanced,
         {
@@ -11632,9 +11613,8 @@ var ScriptInfoSection = ({
 ScriptInfoSection.displayName = "ScriptInfoSection";
 
 // src/components/platform/ScriptArguments.tsx
-init_cn();
+import { Trash2 } from "lucide-react";
 init_button2();
-import { PlusCircle as PlusCircle2, Trash2 } from "lucide-react";
 import { jsx as jsx74, jsxs as jsxs62 } from "react/jsx-runtime";
 var ScriptArguments = ({
   arguments: args,
@@ -11727,12 +11707,12 @@ var ScriptArguments = ({
       Button,
       {
         type: "button",
-        variant: "transparent",
-        className: "text-ods-text-primary",
+        variant: "outline",
+        size: "small",
         onClick: handleAdd,
         disabled,
-        leftIcon: /* @__PURE__ */ jsx74(PlusCircle2, { className: "size-6" }),
-        noPaddingX: true,
+        className: "self-start",
+        leftIcon: /* @__PURE__ */ jsx74(PlusCircleIcon, { className: "text-ods-text-secondary" }),
         children: addButtonLabel
       }
     ) })
@@ -13884,13 +13864,13 @@ var CommunityIcon = MessageSquare;
 var CompareIcon = GitCompare;
 
 // src/components/icons-block.tsx
-import { Sun, Moon, CheckCircle as CheckCircle3, Github as Github2, PlusCircle as PlusCircle3 } from "lucide-react";
+import { Sun, Moon, CheckCircle as CheckCircle3, Github as Github2, PlusCircle as PlusCircle2 } from "lucide-react";
 import { jsx as jsx99, jsxs as jsxs79 } from "react/jsx-runtime";
 var SunIcon = Sun;
 var MoonIcon = Moon;
 var CheckCircleIcon2 = CheckCircle3;
 var GitHubIcon2 = Github2;
-var PlusCircleIcon2 = PlusCircle3;
+var PlusCircleIcon3 = PlusCircle2;
 var OpenmspLogo2 = () => /* @__PURE__ */ jsx99("div", { children: "Logo" });
 var availableIcons = [
   VendorDirectoryIcon,
@@ -13903,7 +13883,7 @@ var availableIcons = [
   MoonIcon,
   CheckCircleIcon2,
   GitHubIcon2,
-  PlusCircleIcon2,
+  PlusCircleIcon3,
   OpenmspLogo2
 ];
 function ResponsiveIconsBlock({ loading = false }) {
@@ -17284,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,
@@ -17295,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;
@@ -17323,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 }),
@@ -17420,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",
@@ -17537,6 +17759,7 @@ function ReleaseChangelogSection({
   hideTitle = false,
   collapsible = false,
   defaultCollapsed = true,
+  icon,
   SimpleMarkdownRenderer: SimpleMarkdownRenderer2
 }) {
   const [collapsed, setCollapsed] = useState33(collapsible ? defaultCollapsed : false);
@@ -17551,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 })
           ] }),
@@ -17563,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)) })
   ] });
 }
@@ -17576,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,
@@ -17656,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}`,
@@ -17696,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();
@@ -18652,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." })
@@ -18665,6 +18903,7 @@ function ReleaseDetailPage({
           entries: breakingChanges || [],
           isBreaking: true,
           hideTitle: true,
+          icon: /* @__PURE__ */ jsx149(AlertTriangle2, { className: "h-6 w-6" }),
           SimpleMarkdownRenderer: MarkdownRenderer
         }
       ),
@@ -18673,6 +18912,7 @@ function ReleaseDetailPage({
         {
           title: "Features Added",
           entries: featuresAdded || [],
+          icon: /* @__PURE__ */ jsx149(Sparkles3, { className: "h-6 w-6" }),
           SimpleMarkdownRenderer: MarkdownRenderer
         }
       ),
@@ -18681,6 +18921,7 @@ function ReleaseDetailPage({
         {
           title: "Bugs Fixed",
           entries: bugFixed || [],
+          icon: /* @__PURE__ */ jsx149(Wrench2, { className: "h-6 w-6" }),
           SimpleMarkdownRenderer: MarkdownRenderer
         }
       ),
@@ -18689,6 +18930,7 @@ function ReleaseDetailPage({
         {
           title: "Improvements",
           entries: improvements || [],
+          icon: /* @__PURE__ */ jsx149(TrendingUp2, { className: "h-6 w-6" }),
           SimpleMarkdownRenderer: MarkdownRenderer
         }
       ),
@@ -18946,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" }) },
@@ -22612,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",
@@ -22659,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}`,
@@ -23211,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",
@@ -23257,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 }),
@@ -27799,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({
@@ -27900,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(
@@ -29240,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,
@@ -29336,7 +29578,7 @@ function MediaGalleryManager({
               preload: "metadata"
             }
           ) : /* @__PURE__ */ jsx259(
-            Image11,
+            Image12,
             {
               src: mediaItem.media_url,
               alt: mediaItem.title || "Media",
@@ -29464,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 = ({
@@ -29564,7 +29806,7 @@ var ParallaxImageShowcase = ({
                 rotate: rotateGrid
               },
               children: /* @__PURE__ */ jsx262(
-                Image12,
+                Image13,
                 {
                   src: leftImage.src,
                   alt: leftImage.alt,
@@ -29586,7 +29828,7 @@ var ParallaxImageShowcase = ({
                 rotate: rotateGrid
               },
               children: /* @__PURE__ */ jsx262(
-                Image12,
+                Image13,
                 {
                   src: centerImage.src,
                   alt: centerImage.alt,
@@ -29608,7 +29850,7 @@ var ParallaxImageShowcase = ({
                 rotate: rotateGrid
               },
               children: /* @__PURE__ */ jsx262(
-                Image12,
+                Image13,
                 {
                   src: rightImage.src,
                   alt: rightImage.alt,
@@ -29641,7 +29883,7 @@ var ParallaxImageShowcase = ({
                 style: { x, y, rotate },
                 children: [
                   /* @__PURE__ */ jsx262(
-                    Image12,
+                    Image13,
                     {
                       src: leftImage.src,
                       alt: leftImage.alt,
@@ -29661,7 +29903,7 @@ var ParallaxImageShowcase = ({
                 style: { x, y, rotate },
                 children: [
                   /* @__PURE__ */ jsx262(
-                    Image12,
+                    Image13,
                     {
                       src: centerImage.src,
                       alt: centerImage.alt,
@@ -29695,7 +29937,7 @@ var ParallaxImageShowcase = ({
               rotate
             },
             children: /* @__PURE__ */ jsx262(
-              Image12,
+              Image13,
               {
                 src: rightImage.src,
                 alt: rightImage.alt,
@@ -29716,7 +29958,7 @@ var ParallaxImageShowcase = ({
               rotate
             },
             children: /* @__PURE__ */ jsx262(
-              Image12,
+              Image13,
               {
                 src: centerImage.src,
                 alt: centerImage.alt,
@@ -29737,7 +29979,7 @@ var ParallaxImageShowcase = ({
               rotate
             },
             children: /* @__PURE__ */ jsx262(
-              Image12,
+              Image13,
               {
                 src: leftImage.src,
                 alt: leftImage.alt,
@@ -30144,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,
@@ -30294,7 +30536,7 @@ function ReleaseMediaManager({
                 preload: "metadata"
               }
             ) : /* @__PURE__ */ jsx267(
-              Image13,
+              Image14,
               {
                 src: item.media_url,
                 alt: item.title || "Media",
@@ -30415,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,
@@ -30468,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(
@@ -30499,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(
@@ -30531,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(
@@ -30563,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",
@@ -30631,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,
@@ -31067,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,
@@ -31177,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"
           ] })
         ] }),
@@ -31254,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();
@@ -31335,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(
@@ -31375,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(
@@ -31446,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
@@ -31810,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,
@@ -31830,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) })
@@ -31936,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 = "",
@@ -31955,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(
@@ -31993,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();
@@ -32125,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,
@@ -32143,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,
@@ -32168,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,
@@ -32186,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,
@@ -32213,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,
@@ -32231,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({
@@ -32269,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) })
@@ -32298,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
@@ -32345,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,
@@ -32386,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({
@@ -32462,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,
@@ -32482,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) })
@@ -34485,4 +34727,4 @@ export {
   TMCG_SOCIAL_PLATFORMS,
   assets
 };
-//# sourceMappingURL=chunk-GIQZAYY5.js.map
+//# sourceMappingURL=chunk-ZOM75JOY.js.map