@flamingo-stack/openframe-frontend-core 0.0.180 → 0.0.181

package/dist/{chunk-DV2GT7RI.js → chunk-VEOBMVF5.js}

@@ -26256,34 +26256,6 @@ function TicketAttachmentsList({ attachments, className }) {
   )) });
 }
 
-// src/components/ui/ticket-knowledge-base-list.tsx
-init_cn();
-import { ChevronRight as ChevronRight11 } from "lucide-react";
-import { jsx as jsx239, jsxs as jsxs197 } from "react/jsx-runtime";
-function TicketKnowledgeBaseList({ articles, className }) {
-  if (articles.length === 0) return null;
-  return /* @__PURE__ */ jsx239("div", { className: cn("rounded-[6px] border border-ods-border overflow-hidden", className), children: articles.map((article, index) => /* @__PURE__ */ jsxs197(
-    "button",
-    {
-      type: "button",
-      onClick: article.onClick,
-      className: cn(
-        "flex items-center gap-4 px-4 py-3 w-full text-left bg-ods-card",
-        "hover:bg-ods-bg-hover transition-colors",
-        index < articles.length - 1 && "border-b border-ods-border"
-      ),
-      children: [
-        /* @__PURE__ */ jsxs197("div", { className: "flex-1 min-w-0 overflow-hidden", children: [
-          /* @__PURE__ */ jsx239("p", { className: "text-h4 text-ods-text-primary truncate", children: article.title }),
-          /* @__PURE__ */ jsx239("p", { className: "text-h6 text-ods-text-secondary truncate", children: article.description })
-        ] }),
-        /* @__PURE__ */ jsx239(ChevronRight11, { className: "shrink-0 size-6 text-ods-text-secondary" })
-      ]
-    },
-    article.id
-  )) });
-}
-
 // src/components/ui/ticket-notes-section.tsx
 import * as React88 from "react";
 init_cn();
@@ -26291,7 +26263,7 @@ init_cn();
 // src/components/ui/ticket-note-card.tsx
 import * as React87 from "react";
 init_cn();
-import { Fragment as Fragment37, jsx as jsx240, jsxs as jsxs198 } from "react/jsx-runtime";
+import { Fragment as Fragment37, jsx as jsx239, jsxs as jsxs197 } from "react/jsx-runtime";
 function TicketNoteCard({ note, onEdit, onDelete, className }) {
   const [isEditing, setIsEditing] = React87.useState(false);
   const [editText, setEditText] = React87.useState(note.text);
@@ -26314,7 +26286,7 @@ function TicketNoteCard({ note, onEdit, onDelete, className }) {
       handleCancel();
     }
   };
-  return /* @__PURE__ */ jsxs198(
+  return /* @__PURE__ */ jsxs197(
     "div",
     {
       className: cn(
@@ -26323,7 +26295,7 @@ function TicketNoteCard({ note, onEdit, onDelete, className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ jsx240(
+        /* @__PURE__ */ jsx239(
           SquareAvatar,
           {
             src: note.authorAvatar,
@@ -26334,8 +26306,8 @@ function TicketNoteCard({ note, onEdit, onDelete, className }) {
             className: "shrink-0"
           }
         ),
-        /* @__PURE__ */ jsx240("div", { className: "flex-1 min-w-0 overflow-hidden", children: isEditing ? /* @__PURE__ */ jsxs198("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx240("div", { className: "flex-1", children: /* @__PURE__ */ jsx240(
+        /* @__PURE__ */ jsx239("div", { className: "flex-1 min-w-0 overflow-hidden", children: isEditing ? /* @__PURE__ */ jsxs197("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx239("div", { className: "flex-1", children: /* @__PURE__ */ jsx239(
             Input,
             {
               value: editText,
@@ -26344,7 +26316,7 @@ function TicketNoteCard({ note, onEdit, onDelete, className }) {
               autoFocus: true
             }
           ) }),
-          /* @__PURE__ */ jsx240(
+          /* @__PURE__ */ jsx239(
             "button",
             {
               type: "button",
@@ -26352,46 +26324,46 @@ function TicketNoteCard({ note, onEdit, onDelete, className }) {
               disabled: !editText.trim(),
               className: "shrink-0 text-ods-success hover:text-ods-success/80 transition-colors disabled:opacity-50",
               "aria-label": "Save note",
-              children: /* @__PURE__ */ jsx240(CheckIcon, { className: "size-5" })
+              children: /* @__PURE__ */ jsx239(CheckIcon, { className: "size-5" })
             }
           ),
-          /* @__PURE__ */ jsx240(
+          /* @__PURE__ */ jsx239(
             "button",
             {
               type: "button",
               onClick: handleCancel,
               className: "shrink-0 text-ods-text-secondary hover:text-ods-text-primary transition-colors",
               "aria-label": "Cancel editing",
-              children: /* @__PURE__ */ jsx240(XmarkIcon, { className: "size-5" })
+              children: /* @__PURE__ */ jsx239(XmarkIcon, { className: "size-5" })
             }
           )
-        ] }) : /* @__PURE__ */ jsxs198(Fragment37, { children: [
-          /* @__PURE__ */ jsx240("p", { className: "text-h4 text-ods-text-primary", children: note.text }),
-          /* @__PURE__ */ jsxs198("p", { className: "text-h6 text-ods-text-secondary truncate", children: [
+        ] }) : /* @__PURE__ */ jsxs197(Fragment37, { children: [
+          /* @__PURE__ */ jsx239("p", { className: "text-h4 text-ods-text-primary", children: note.text }),
+          /* @__PURE__ */ jsxs197("p", { className: "text-h6 text-ods-text-secondary truncate", children: [
             note.authorName,
             " \u2022 ",
             note.createdAt
           ] })
         ] }) }),
-        note.isOwn && !isEditing && /* @__PURE__ */ jsxs198("div", { className: "flex items-center gap-4 shrink-0", children: [
-          onDelete && /* @__PURE__ */ jsx240(
+        note.isOwn && !isEditing && /* @__PURE__ */ jsxs197("div", { className: "flex items-center gap-4 shrink-0", children: [
+          onDelete && /* @__PURE__ */ jsx239(
             "button",
             {
               type: "button",
               onClick: () => onDelete(note.id),
               className: "text-ods-text-secondary hover:text-ods-error transition-colors",
               "aria-label": "Delete note",
-              children: /* @__PURE__ */ jsx240(TrashIcon, { className: "size-6" })
+              children: /* @__PURE__ */ jsx239(TrashIcon, { className: "size-6" })
             }
           ),
-          onEdit && /* @__PURE__ */ jsx240(
+          onEdit && /* @__PURE__ */ jsx239(
             "button",
             {
               type: "button",
               onClick: () => setIsEditing(true),
               className: "text-ods-text-secondary hover:text-ods-text-primary transition-colors",
               "aria-label": "Edit note",
-              children: /* @__PURE__ */ jsx240(PenEditIcon, { className: "size-6" })
+              children: /* @__PURE__ */ jsx239(PenEditIcon, { className: "size-6" })
             }
           )
         ] })
@@ -26401,7 +26373,7 @@ function TicketNoteCard({ note, onEdit, onDelete, className }) {
 }
 
 // src/components/ui/ticket-notes-section.tsx
-import { jsx as jsx241, jsxs as jsxs199 } from "react/jsx-runtime";
+import { jsx as jsx240, jsxs as jsxs198 } from "react/jsx-runtime";
 function TicketNotesSection({
   notes,
   onAddNote,
@@ -26423,8 +26395,8 @@ function TicketNotesSection({
       handleSend();
     }
   };
-  return /* @__PURE__ */ jsxs199("div", { className: cn("flex flex-col gap-2", className), children: [
-    notes.map((note) => /* @__PURE__ */ jsx241(
+  return /* @__PURE__ */ jsxs198("div", { className: cn("flex flex-col gap-2", className), children: [
+    notes.map((note) => /* @__PURE__ */ jsx240(
       TicketNoteCard,
       {
         note,
@@ -26433,8 +26405,8 @@ function TicketNotesSection({
       },
       note.id
     )),
-    onAddNote && /* @__PURE__ */ jsxs199("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx241("div", { className: "flex-1", children: /* @__PURE__ */ jsx241(
+    onAddNote && /* @__PURE__ */ jsxs198("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx240("div", { className: "flex-1", children: /* @__PURE__ */ jsx240(
         Input,
         {
           value: noteText,
@@ -26444,7 +26416,7 @@ function TicketNotesSection({
           disabled: isAddingNote
         }
       ) }),
-      /* @__PURE__ */ jsx241(
+      /* @__PURE__ */ jsx240(
         "button",
         {
           type: "button",
@@ -26457,7 +26429,7 @@ function TicketNotesSection({
             "disabled:opacity-50 disabled:cursor-not-allowed"
           ),
           "aria-label": "Send note",
-          children: /* @__PURE__ */ jsx241(Send03Icon, { className: "size-6 text-ods-text-secondary" })
+          children: /* @__PURE__ */ jsx240(Send03Icon, { className: "size-6 text-ods-text-secondary" })
         }
       )
     ] })
@@ -26465,12 +26437,12 @@ function TicketNotesSection({
 }
 
 // src/components/ui/ticket-info-section.tsx
-import { Fragment as Fragment38, jsx as jsx242, jsxs as jsxs200 } from "react/jsx-runtime";
+import { Fragment as Fragment38, jsx as jsx241, jsxs as jsxs199 } from "react/jsx-runtime";
 function InfoCell2({ value, label, icon, onClick }) {
-  return /* @__PURE__ */ jsx242("div", { className: "flex-1 min-w-0 overflow-hidden", children: /* @__PURE__ */ jsxs200("div", { className: "flex flex-col justify-center", children: [
-    /* @__PURE__ */ jsxs200("div", { className: "flex items-center gap-1 w-full min-w-0", children: [
-      icon && /* @__PURE__ */ jsx242("span", { className: "shrink-0 size-4 flex items-center justify-center text-ods-text-secondary", children: icon }),
-      onClick ? /* @__PURE__ */ jsx242(
+  return /* @__PURE__ */ jsx241("div", { className: "flex-1 min-w-0 overflow-hidden", children: /* @__PURE__ */ jsxs199("div", { className: "flex flex-col justify-center", children: [
+    /* @__PURE__ */ jsxs199("div", { className: "flex items-center gap-1 w-full min-w-0", children: [
+      icon && /* @__PURE__ */ jsx241("span", { className: "shrink-0 size-4 flex items-center justify-center text-ods-text-secondary", children: icon }),
+      onClick ? /* @__PURE__ */ jsx241(
         "button",
         {
           type: "button",
@@ -26478,9 +26450,9 @@ function InfoCell2({ value, label, icon, onClick }) {
           className: "text-h4 text-ods-text-primary truncate hover:text-ods-accent transition-colors cursor-pointer text-left",
           children: value
         }
-      ) : /* @__PURE__ */ jsx242("span", { className: "text-h4 text-ods-text-primary truncate", children: value })
+      ) : /* @__PURE__ */ jsx241("span", { className: "text-h4 text-ods-text-primary truncate", children: value })
     ] }),
-    /* @__PURE__ */ jsx242("span", { className: "text-h6 text-ods-text-secondary truncate", children: label })
+    /* @__PURE__ */ jsx241("span", { className: "text-h6 text-ods-text-secondary truncate", children: label })
   ] }) });
 }
 function TicketInfoSection({
@@ -26495,14 +26467,13 @@ function TicketInfoSection({
   description,
   attachments,
   tags,
-  knowledgeBaseArticles,
   notes,
   onAddNote,
   onEditNote,
   onDeleteNote,
   isAddingNote
 }) {
-  return /* @__PURE__ */ jsxs200(
+  return /* @__PURE__ */ jsxs199(
     "div",
     {
       className: cn(
@@ -26510,9 +26481,9 @@ function TicketInfoSection({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs200("div", { className: "grid grid-cols-2 lg:grid-cols-[1fr_1fr_1fr_auto] gap-4 px-4 py-3 bg-ods-card border-b border-ods-border items-center", children: [
-          /* @__PURE__ */ jsxs200("div", { className: "flex items-center gap-2 min-w-0", children: [
-            /* @__PURE__ */ jsx242(
+        /* @__PURE__ */ jsxs199("div", { className: "grid grid-cols-2 lg:grid-cols-[1fr_1fr_1fr_auto] gap-4 px-4 py-3 bg-ods-card border-b border-ods-border items-center", children: [
+          /* @__PURE__ */ jsxs199("div", { className: "flex items-center gap-2 min-w-0", children: [
+            /* @__PURE__ */ jsx241(
               SquareAvatar,
               {
                 src: organization?.imageSrc,
@@ -26522,9 +26493,9 @@ function TicketInfoSection({
                 className: "shrink-0"
               }
             ),
-            /* @__PURE__ */ jsx242(InfoCell2, { value: organization?.name || "Unassigned", label: "Organization" })
+            /* @__PURE__ */ jsx241(InfoCell2, { value: organization?.name || "Unassigned", label: "Organization" })
           ] }),
-          /* @__PURE__ */ jsx242("div", { className: "min-w-0", children: assigned ? /* @__PURE__ */ jsx242(
+          /* @__PURE__ */ jsx241("div", { className: "min-w-0", children: assigned ? /* @__PURE__ */ jsx241(
             AssigneeDropdown,
             {
               currentAssignee: assigned.currentAssignee,
@@ -26533,14 +26504,14 @@ function TicketInfoSection({
               isPending: assigned.isPending,
               onAssign: assigned.onAssign
             }
-          ) : /* @__PURE__ */ jsxs200("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ jsxs200("div", { className: "flex items-center gap-1 text-h4 text-ods-text-secondary", children: [
-              /* @__PURE__ */ jsx242(UserIcon2, { className: "size-4 shrink-0" }),
-              /* @__PURE__ */ jsx242("span", { className: "truncate", children: "Unassigned" })
+          ) : /* @__PURE__ */ jsxs199("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsxs199("div", { className: "flex items-center gap-1 text-h4 text-ods-text-secondary", children: [
+              /* @__PURE__ */ jsx241(UserIcon2, { className: "size-4 shrink-0" }),
+              /* @__PURE__ */ jsx241("span", { className: "truncate", children: "Unassigned" })
             ] }),
-            /* @__PURE__ */ jsx242("span", { className: "text-h6 text-ods-text-secondary truncate block", children: "Assigned" })
+            /* @__PURE__ */ jsx241("span", { className: "text-h6 text-ods-text-secondary truncate block", children: "Assigned" })
           ] }) }),
-          /* @__PURE__ */ jsx242(
+          /* @__PURE__ */ jsx241(
             InfoCell2,
             {
               value: device?.name || "Unassigned",
@@ -26549,9 +26520,9 @@ function TicketInfoSection({
               onClick: device?.onClick
             }
           ),
-          /* @__PURE__ */ jsxs200("div", { className: "flex items-center gap-4 min-w-0", children: [
-            status && /* @__PURE__ */ jsx242("div", { className: "min-w-0", children: /* @__PURE__ */ jsx242(TicketStatusTag, { status }) }),
-            onExpand && /* @__PURE__ */ jsx242(
+          /* @__PURE__ */ jsxs199("div", { className: "flex items-center gap-4 min-w-0", children: [
+            status && /* @__PURE__ */ jsx241("div", { className: "min-w-0", children: /* @__PURE__ */ jsx241(TicketStatusTag, { status }) }),
+            onExpand && /* @__PURE__ */ jsx241(
               "button",
               {
                 type: "button",
@@ -26562,7 +26533,7 @@ function TicketInfoSection({
                   "hover:bg-ods-bg-hover transition-colors duration-150"
                 ),
                 "aria-label": expanded ? "Collapse" : "Expand",
-                children: /* @__PURE__ */ jsx242(
+                children: /* @__PURE__ */ jsx241(
                   Chevron02DownIcon,
                   {
                     className: cn(
@@ -26575,14 +26546,13 @@ function TicketInfoSection({
             )
           ] })
         ] }),
-        expanded && /* @__PURE__ */ jsxs200(Fragment38, { children: [
-          createdAt && /* @__PURE__ */ jsx242("div", { className: "grid grid-cols-2 gap-4 px-4 py-3 bg-ods-bg border-b border-ods-border items-center", children: /* @__PURE__ */ jsx242(InfoCell2, { value: createdAt, label: "Created" }) }),
-          /* @__PURE__ */ jsxs200("div", { className: "flex flex-col gap-4 p-4 bg-ods-bg border-b border-ods-border", children: [
-            description && /* @__PURE__ */ jsx242(SimpleMarkdownRenderer, { content: description }),
-            attachments && attachments.length > 0 && /* @__PURE__ */ jsx242(TicketDetailSection, { label: "Attachments", children: /* @__PURE__ */ jsx242(TicketAttachmentsList, { attachments }) }),
-            tags && tags.length > 0 && /* @__PURE__ */ jsx242(TicketDetailSection, { label: "Tags", children: /* @__PURE__ */ jsx242("div", { className: "flex flex-wrap gap-2 min-w-0", children: tags.map((tag) => /* @__PURE__ */ jsx242(Tag, { label: tag, variant: "outline", className: "max-w-full" }, tag)) }) }),
-            knowledgeBaseArticles && knowledgeBaseArticles.length > 0 && /* @__PURE__ */ jsx242(TicketDetailSection, { label: "Knowledge Base Articles", children: /* @__PURE__ */ jsx242(TicketKnowledgeBaseList, { articles: knowledgeBaseArticles }) }),
-            (notes || onAddNote) && /* @__PURE__ */ jsx242(TicketDetailSection, { label: "Notes", children: /* @__PURE__ */ jsx242(
+        expanded && /* @__PURE__ */ jsxs199(Fragment38, { children: [
+          createdAt && /* @__PURE__ */ jsx241("div", { className: "grid grid-cols-2 gap-4 px-4 py-3 bg-ods-bg border-b border-ods-border items-center", children: /* @__PURE__ */ jsx241(InfoCell2, { value: createdAt, label: "Created" }) }),
+          /* @__PURE__ */ jsxs199("div", { className: "flex flex-col gap-4 p-4 bg-ods-bg border-b border-ods-border", children: [
+            description && /* @__PURE__ */ jsx241(SimpleMarkdownRenderer, { content: description }),
+            attachments && attachments.length > 0 && /* @__PURE__ */ jsx241(TicketDetailSection, { label: "Attachments", children: /* @__PURE__ */ jsx241(TicketAttachmentsList, { attachments }) }),
+            tags && tags.length > 0 && /* @__PURE__ */ jsx241(TicketDetailSection, { label: "Tags", children: /* @__PURE__ */ jsx241("div", { className: "flex flex-wrap gap-2 min-w-0", children: tags.map((tag) => /* @__PURE__ */ jsx241(Tag, { label: tag, variant: "outline", className: "max-w-full" }, tag)) }) }),
+            (notes || onAddNote) && /* @__PURE__ */ jsx241(TicketDetailSection, { label: "Notes", children: /* @__PURE__ */ jsx241(
               TicketNotesSection,
               {
                 notes: notes || [],
@@ -26601,7 +26571,7 @@ function TicketInfoSection({
 
 // src/components/features/array-entry-manager.tsx
 import { Trash2 as Trash22, Plus as Plus2, Save, Loader2 as Loader26 } from "lucide-react";
-import { jsx as jsx243, jsxs as jsxs201 } from "react/jsx-runtime";
+import { jsx as jsx242, jsxs as jsxs200 } from "react/jsx-runtime";
 function ArrayEntryManager({
   title,
   items,
@@ -26671,41 +26641,41 @@ function ArrayEntryManager({
     }
     onChange(newItems);
   };
-  return /* @__PURE__ */ jsxs201("div", { className: `space-y-3 ${className}`, children: [
-    /* @__PURE__ */ jsxs201("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx243(Label, { className: "text-[14px] text-ods-text-primary", children: title }),
-      /* @__PURE__ */ jsxs201("div", { className: "flex items-center gap-2", children: [
-        requireSave && isDirty && /* @__PURE__ */ jsx243(
+  return /* @__PURE__ */ jsxs200("div", { className: `space-y-3 ${className}`, children: [
+    /* @__PURE__ */ jsxs200("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx242(Label, { className: "text-[14px] text-ods-text-primary", children: title }),
+      /* @__PURE__ */ jsxs200("div", { className: "flex items-center gap-2", children: [
+        requireSave && isDirty && /* @__PURE__ */ jsx242(
           Button,
           {
             type: "button",
             size: "small-legacy",
             onClick: handleSave,
             disabled: isSaving,
-            leftIcon: isSaving ? /* @__PURE__ */ jsx243(Loader26, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx243(Save, { className: "h-4 w-4" }),
+            leftIcon: isSaving ? /* @__PURE__ */ jsx242(Loader26, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx242(Save, { className: "h-4 w-4" }),
             className: "font-['DM_Sans'] text-[14px] bg-ods-accent text-ods-text-on-accent hover:bg-ods-accent-hover",
             children: isSaving ? "Saving..." : saveButtonText
           }
         ),
-        /* @__PURE__ */ jsx243(
+        /* @__PURE__ */ jsx242(
           Button,
           {
             type: "button",
             variant: "outline",
             size: "small-legacy",
             onClick: addItem,
-            leftIcon: /* @__PURE__ */ jsx243(Plus2, { className: "h-4 w-4" }),
+            leftIcon: /* @__PURE__ */ jsx242(Plus2, { className: "h-4 w-4" }),
             className: "font-['DM_Sans'] text-[14px]",
             children: addButtonText
           }
         )
       ] })
     ] }),
-    workingItems.map((item, index) => /* @__PURE__ */ jsxs201("div", { className: "flex items-center gap-3 p-3 bg-ods-bg-secondary rounded-lg border border-ods-border", children: [
-      icon && /* @__PURE__ */ jsx243("div", { className: "w-8 h-8 flex items-center justify-center", children: icon }),
-      /* @__PURE__ */ jsxs201("div", { className: "flex-1 space-y-2", children: [
+    workingItems.map((item, index) => /* @__PURE__ */ jsxs200("div", { className: "flex items-center gap-3 p-3 bg-ods-bg-secondary rounded-lg border border-ods-border", children: [
+      icon && /* @__PURE__ */ jsx242("div", { className: "w-8 h-8 flex items-center justify-center", children: icon }),
+      /* @__PURE__ */ jsxs200("div", { className: "flex-1 space-y-2", children: [
         renderLabel && renderLabel(item, index),
-        /* @__PURE__ */ jsx243(
+        /* @__PURE__ */ jsx242(
           Input,
           {
             placeholder,
@@ -26717,7 +26687,7 @@ function ArrayEntryManager({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx243(
+      /* @__PURE__ */ jsx242(
         Button,
         {
           type: "button",
@@ -26725,18 +26695,18 @@ function ArrayEntryManager({
           size: "icon",
           onClick: () => removeItem(index),
           className: "text-ods-attention-red-error hover:bg-ods-attention-red-error/10",
-          children: /* @__PURE__ */ jsx243(Trash22, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ jsx242(Trash22, { className: "h-4 w-4" })
         }
       )
     ] }, index)),
-    workingItems.length === 0 && /* @__PURE__ */ jsx243("div", { className: "text-center py-4 px-4 bg-ods-bg-secondary border border-ods-border rounded-lg", children: /* @__PURE__ */ jsx243("p", { className: "text-ods-text-secondary text-sm font-['DM_Sans']", children: emptyMessage }) })
+    workingItems.length === 0 && /* @__PURE__ */ jsx242("div", { className: "text-center py-4 px-4 bg-ods-bg-secondary border border-ods-border rounded-lg", children: /* @__PURE__ */ jsx242("p", { className: "text-ods-text-secondary text-sm font-['DM_Sans']", children: emptyMessage }) })
   ] });
 }
 
 // src/components/features/provider-button.tsx
 init_button2();
 import { useState as useState58 } from "react";
-import { jsx as jsx244 } from "react/jsx-runtime";
+import { jsx as jsx243 } from "react/jsx-runtime";
 var PROVIDER_CONFIG = {
   microsoft: {
     displayName: "Continue with Microsoft",
@@ -26779,7 +26749,7 @@ function ProviderButton({ provider, onClick, disabled = false, loading = false }
       }
     }
   };
-  return /* @__PURE__ */ jsx244(
+  return /* @__PURE__ */ jsx243(
     Button,
     {
       type: "button",
@@ -26787,7 +26757,7 @@ function ProviderButton({ provider, onClick, disabled = false, loading = false }
       disabled: disabled || isLoading,
       variant: "outline",
       size: "default",
-      leftIcon: isLoading ? null : /* @__PURE__ */ jsx244(IconComponent, { className: "w-5 h-5" }),
+      leftIcon: isLoading ? null : /* @__PURE__ */ jsx243(IconComponent, { className: "w-5 h-5" }),
       className: `
         w-full md:!w-full h-[56px] 
         !text-[16px] !font-bold !leading-tight
@@ -26801,7 +26771,7 @@ function ProviderButton({ provider, onClick, disabled = false, loading = false }
 }
 
 // src/components/features/auth-providers-list.tsx
-import { jsx as jsx245, jsxs as jsxs202 } from "react/jsx-runtime";
+import { jsx as jsx244, jsxs as jsxs201 } from "react/jsx-runtime";
 function AuthProvidersList({
   enabledProviders,
   onProviderClick,
@@ -26820,12 +26790,12 @@ function AuthProvidersList({
       console.error(`\u274C Auth Providers List: Error with ${provider}:`, error);
     }
   };
-  return /* @__PURE__ */ jsxs202("div", { className: "space-y-3", children: [
-    showDivider && /* @__PURE__ */ jsxs202("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx245("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsx245("div", { className: "w-full border-t border-ods-border" }) }),
-      /* @__PURE__ */ jsx245("div", { className: "relative flex justify-center text-sm", children: /* @__PURE__ */ jsx245("span", { className: "px-2 bg-ods-card text-ods-text-secondary", children: dividerText }) })
+  return /* @__PURE__ */ jsxs201("div", { className: "space-y-3", children: [
+    showDivider && /* @__PURE__ */ jsxs201("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx244("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsx244("div", { className: "w-full border-t border-ods-border" }) }),
+      /* @__PURE__ */ jsx244("div", { className: "relative flex justify-center text-sm", children: /* @__PURE__ */ jsx244("span", { className: "px-2 bg-ods-card text-ods-text-secondary", children: dividerText }) })
     ] }),
-    /* @__PURE__ */ jsx245("div", { className: `${orientation === "horizontal" ? "flex gap-2" : "space-y-2"}`, children: enabledProviders.filter((provider) => provider.enabled).map((provider) => /* @__PURE__ */ jsx245(
+    /* @__PURE__ */ jsx244("div", { className: `${orientation === "horizontal" ? "flex gap-2" : "space-y-2"}`, children: enabledProviders.filter((provider) => provider.enabled).map((provider) => /* @__PURE__ */ jsx244(
       ProviderButton,
       {
         provider: provider.provider,
@@ -26841,7 +26811,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 { useState as useState59, useEffect as useEffect43 } from "react";
-import { jsx as jsx246, jsxs as jsxs203 } from "react/jsx-runtime";
+import { jsx as jsx245, jsxs as jsxs202 } from "react/jsx-runtime";
 function ChangelogManager({
   title,
   entries,
@@ -26898,17 +26868,17 @@ function ChangelogManager({
       return newSet;
     });
   };
-  return /* @__PURE__ */ jsxs203("div", { className: `space-y-3 ${className}`, children: [
-    /* @__PURE__ */ jsxs203("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx246(Label, { className: "text-[14px] text-ods-text-primary", children: title }),
-      /* @__PURE__ */ jsx246(
+  return /* @__PURE__ */ jsxs202("div", { className: `space-y-3 ${className}`, children: [
+    /* @__PURE__ */ jsxs202("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx245(Label, { className: "text-[14px] text-ods-text-primary", children: title }),
+      /* @__PURE__ */ jsx245(
         Button,
         {
           type: "button",
           variant: "outline",
           size: "small-legacy",
           onClick: addEntry,
-          leftIcon: /* @__PURE__ */ jsx246(Plus3, { className: "h-4 w-4" }),
+          leftIcon: /* @__PURE__ */ jsx245(Plus3, { className: "h-4 w-4" }),
           className: "font-['DM_Sans'] text-[14px]",
           children: "Add Entry"
         }
@@ -26917,9 +26887,9 @@ function ChangelogManager({
     entries.map((entry, index) => {
       const isExpanded = expandedIndices.has(index);
       const hasContent = entry.title.trim().length > 0;
-      return /* @__PURE__ */ jsxs203("div", { className: "bg-ods-bg-secondary rounded-lg border border-ods-border overflow-hidden", children: [
-        /* @__PURE__ */ jsxs203("div", { className: "flex items-center gap-3 p-3", children: [
-          /* @__PURE__ */ jsx246(
+      return /* @__PURE__ */ jsxs202("div", { className: "bg-ods-bg-secondary rounded-lg border border-ods-border overflow-hidden", children: [
+        /* @__PURE__ */ jsxs202("div", { className: "flex items-center gap-3 p-3", children: [
+          /* @__PURE__ */ jsx245(
             Button,
             {
               type: "button",
@@ -26927,11 +26897,11 @@ function ChangelogManager({
               size: "icon",
               onClick: () => toggleExpanded(index),
               className: "shrink-0",
-              children: isExpanded ? /* @__PURE__ */ jsx246(ChevronUp3, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx246(ChevronDown7, { className: "h-4 w-4" })
+              children: isExpanded ? /* @__PURE__ */ jsx245(ChevronUp3, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx245(ChevronDown7, { className: "h-4 w-4" })
             }
           ),
-          /* @__PURE__ */ jsx246("div", { className: "flex-1 min-w-0", children: hasContent ? /* @__PURE__ */ jsx246("p", { className: "font-['DM_Sans'] font-medium text-[14px] text-ods-text-primary truncate", children: entry.title }) : /* @__PURE__ */ jsx246("p", { className: "font-['DM_Sans'] font-medium text-[14px] text-ods-text-secondary italic", children: "New entry (click to edit)" }) }),
-          showVisibilityToggle && /* @__PURE__ */ jsx246(
+          /* @__PURE__ */ jsx245("div", { className: "flex-1 min-w-0", children: hasContent ? /* @__PURE__ */ jsx245("p", { className: "font-['DM_Sans'] font-medium text-[14px] text-ods-text-primary truncate", children: entry.title }) : /* @__PURE__ */ jsx245("p", { className: "font-['DM_Sans'] font-medium text-[14px] text-ods-text-secondary italic", children: "New entry (click to edit)" }) }),
+          showVisibilityToggle && /* @__PURE__ */ jsx245(
             Button,
             {
               type: "button",
@@ -26940,10 +26910,10 @@ function ChangelogManager({
               onClick: () => toggleVisibility(index),
               className: "shrink-0",
               title: (entry.visibility ?? "public") === "public" ? "Visible to investors" : "Internal only",
-              children: (entry.visibility ?? "public") === "public" ? /* @__PURE__ */ jsx246(Eye, { className: "h-4 w-4 text-ods-accent" }) : /* @__PURE__ */ jsx246(EyeOff, { className: "h-4 w-4 text-ods-text-secondary" })
+              children: (entry.visibility ?? "public") === "public" ? /* @__PURE__ */ jsx245(Eye, { className: "h-4 w-4 text-ods-accent" }) : /* @__PURE__ */ jsx245(EyeOff, { className: "h-4 w-4 text-ods-text-secondary" })
             }
           ),
-          /* @__PURE__ */ jsx246(
+          /* @__PURE__ */ jsx245(
             Button,
             {
               type: "button",
@@ -26951,14 +26921,14 @@ function ChangelogManager({
               size: "icon",
               onClick: () => removeEntry(index),
               className: "text-red-400 hover:text-red-300 hover:bg-red-400/10 shrink-0",
-              children: /* @__PURE__ */ jsx246(Trash23, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx245(Trash23, { className: "h-4 w-4" })
             }
           )
         ] }),
-        isExpanded && /* @__PURE__ */ jsxs203("div", { className: "px-3 pb-3 space-y-3 border-t border-ods-border pt-3", children: [
-          /* @__PURE__ */ jsxs203("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ jsx246(Label, { className: "text-[12px] text-ods-text-secondary", children: "Title *" }),
-            /* @__PURE__ */ jsx246(
+        isExpanded && /* @__PURE__ */ jsxs202("div", { className: "px-3 pb-3 space-y-3 border-t border-ods-border pt-3", children: [
+          /* @__PURE__ */ jsxs202("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsx245(Label, { className: "text-[12px] text-ods-text-secondary", children: "Title *" }),
+            /* @__PURE__ */ jsx245(
               Input,
               {
                 placeholder: "e.g., New dark mode theme support",
@@ -26969,9 +26939,9 @@ function ChangelogManager({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs203("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ jsx246(Label, { className: "text-[12px] text-ods-text-secondary", children: "Description" }),
-            /* @__PURE__ */ jsx246(
+          /* @__PURE__ */ jsxs202("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsx245(Label, { className: "text-[12px] text-ods-text-secondary", children: "Description" }),
+            /* @__PURE__ */ jsx245(
               Textarea,
               {
                 placeholder: "Detailed explanation of the change...",
@@ -26985,7 +26955,7 @@ function ChangelogManager({
         ] })
       ] }, index);
     }),
-    entries.length === 0 && /* @__PURE__ */ jsx246("div", { className: "text-center py-4 px-4 bg-ods-bg-secondary border border-ods-border rounded-lg", children: /* @__PURE__ */ jsxs203("p", { className: "text-ods-text-secondary text-sm font-['DM_Sans']", children: [
+    entries.length === 0 && /* @__PURE__ */ jsx245("div", { className: "text-center py-4 px-4 bg-ods-bg-secondary border border-ods-border rounded-lg", children: /* @__PURE__ */ jsxs202("p", { className: "text-ods-text-secondary text-sm font-['DM_Sans']", children: [
       'No entries added. Click "Add Entry" to create ',
       title.toLowerCase(),
       "."
@@ -26994,7 +26964,7 @@ function ChangelogManager({
 }
 
 // src/components/features/changelog-sections-manager.tsx
-import { jsx as jsx247, jsxs as jsxs204 } from "react/jsx-runtime";
+import { jsx as jsx246, jsxs as jsxs203 } from "react/jsx-runtime";
 function ChangelogSectionsManager({
   featuresAdded,
   bugsFixed,
@@ -27007,9 +26977,9 @@ function ChangelogSectionsManager({
   className = "",
   expandAll = false
 }) {
-  return /* @__PURE__ */ jsxs204("div", { className: `space-y-6 p-6 bg-ods-card border border-ods-border rounded-lg ${className}`, children: [
-    /* @__PURE__ */ jsx247("h3", { className: "text-h5 text-ods-text-primary", children: "Changelog" }),
-    /* @__PURE__ */ jsx247(
+  return /* @__PURE__ */ jsxs203("div", { className: `space-y-6 p-6 bg-ods-card border border-ods-border rounded-lg ${className}`, children: [
+    /* @__PURE__ */ jsx246("h3", { className: "text-h5 text-ods-text-primary", children: "Changelog" }),
+    /* @__PURE__ */ jsx246(
       ChangelogManager,
       {
         title: "Features Added",
@@ -27018,7 +26988,7 @@ function ChangelogSectionsManager({
         expandAll
       }
     ),
-    /* @__PURE__ */ jsx247(
+    /* @__PURE__ */ jsx246(
       ChangelogManager,
       {
         title: "Bugs Fixed",
@@ -27027,7 +26997,7 @@ function ChangelogSectionsManager({
         expandAll
       }
     ),
-    /* @__PURE__ */ jsx247(
+    /* @__PURE__ */ jsx246(
       ChangelogManager,
       {
         title: "Improvements",
@@ -27036,7 +27006,7 @@ function ChangelogSectionsManager({
         expandAll
       }
     ),
-    /* @__PURE__ */ jsx247(
+    /* @__PURE__ */ jsx246(
       ChangelogManager,
       {
         title: "Breaking Changes",
@@ -27050,7 +27020,7 @@ function ChangelogSectionsManager({
 
 // src/components/features/clickup-tasks-manager.tsx
 import { Lightbulb } from "lucide-react";
-import { jsx as jsx248 } from "react/jsx-runtime";
+import { jsx as jsx247 } from "react/jsx-runtime";
 function ClickUpTasksManager({
   tasks,
   onChange,
@@ -27058,7 +27028,7 @@ function ClickUpTasksManager({
   // Default title
   className = ""
 }) {
-  return /* @__PURE__ */ jsx248(
+  return /* @__PURE__ */ jsx247(
     ArrayEntryManager,
     {
       title,
@@ -27068,7 +27038,7 @@ function ClickUpTasksManager({
       placeholder: "Task ID (e.g., 86cq2uabk)",
       emptyMessage: 'No ClickUp tasks linked. Click "Add Task" to link roadmap items.',
       addButtonText: "Add Task",
-      icon: /* @__PURE__ */ jsx248(Lightbulb, { className: "w-5 h-5 text-ods-text-secondary" }),
+      icon: /* @__PURE__ */ jsx247(Lightbulb, { className: "w-5 h-5 text-ods-text-secondary" }),
       className
     }
   );
@@ -27077,7 +27047,7 @@ function ClickUpTasksManager({
 // src/components/features/command-box.tsx
 init_button2();
 init_cn();
-import { jsx as jsx249, jsxs as jsxs205 } from "react/jsx-runtime";
+import { jsx as jsx248, jsxs as jsxs204 } from "react/jsx-runtime";
 var lineClampClasses = {
   1: "line-clamp-1",
   2: "line-clamp-2",
@@ -27096,10 +27066,10 @@ function CommandBox({
   maxLines = 0
 }) {
   const lineClampClass = maxLines > 0 ? lineClampClasses[maxLines] : void 0;
-  return /* @__PURE__ */ jsxs205("div", { className: cn("flex flex-col gap-2", className), children: [
-    title && /* @__PURE__ */ jsx249("div", { className: "text-ods-text-primary text-[18px] font-medium", children: title }),
-    /* @__PURE__ */ jsxs205("div", { className: "bg-ods-card border border-ods-border rounded-[6px] p-4", children: [
-      /* @__PURE__ */ jsx249(
+  return /* @__PURE__ */ jsxs204("div", { className: cn("flex flex-col gap-2", className), children: [
+    title && /* @__PURE__ */ jsx248("div", { className: "text-ods-text-primary text-[18px] font-medium", children: title }),
+    /* @__PURE__ */ jsxs204("div", { className: "bg-ods-card border border-ods-border rounded-[6px] p-4", children: [
+      /* @__PURE__ */ jsx248(
         "div",
         {
           className: cn(
@@ -27110,8 +27080,8 @@ function CommandBox({
           children: command
         }
       ),
-      (primaryAction || secondaryAction) && /* @__PURE__ */ jsxs205("div", { className: "flex flex-col md:flex-row gap-3 md:justify-end mt-4", children: [
-        secondaryAction && /* @__PURE__ */ jsx249(
+      (primaryAction || secondaryAction) && /* @__PURE__ */ jsxs204("div", { className: "flex flex-col md:flex-row gap-3 md:justify-end mt-4", children: [
+        secondaryAction && /* @__PURE__ */ jsx248(
           Button,
           {
             variant: secondaryAction.variant || "outline",
@@ -27123,7 +27093,7 @@ function CommandBox({
             children: secondaryAction.label
           }
         ),
-        primaryAction && /* @__PURE__ */ jsx249(
+        primaryAction && /* @__PURE__ */ jsx248(
           Button,
           {
             variant: primaryAction.variant || "accent",
@@ -27168,7 +27138,7 @@ import { useState as useState60, useRef as useRef37, useEffect as useEffect44, u
 // src/components/features/section-selector.tsx
 init_cn();
 init_button2();
-import { jsx as jsx250, jsxs as jsxs206 } from "react/jsx-runtime";
+import { jsx as jsx249, jsxs as jsxs205 } from "react/jsx-runtime";
 var SectionButton = ({
   section,
   isActive,
@@ -27185,7 +27155,7 @@ var SectionButton = ({
   const subtitleClasses = "font-['DM_Sans'] text-ods-text-secondary";
   const numberClasses = "font-['DM_Sans'] font-bold text-ods-accent";
   const isDisabled = section.disabled || disabled;
-  return /* @__PURE__ */ jsx250(
+  return /* @__PURE__ */ jsx249(
     Button,
     {
       onClick,
@@ -27209,13 +27179,13 @@ var SectionButton = ({
       },
       children: layout === "vertical" ? (
         // Vertical layout with optional number prefix and leftIcon
-        /* @__PURE__ */ jsxs206("div", { className: "flex gap-3 items-start w-full", children: [
-          section.leftIcon && /* @__PURE__ */ jsx250("div", { className: "shrink-0 text-ods-text-primary opacity-70 mt-0.5", children: section.leftIcon }),
-          section.number && /* @__PURE__ */ jsx250("span", { className: cn(numberClasses, "text-lg tracking-[-0.36px] leading-[24px] shrink-0"), children: section.number }),
-          /* @__PURE__ */ jsxs206("div", { className: "flex-1 text-left min-w-0", children: [
-            /* @__PURE__ */ jsxs206("div", { className: "flex items-center gap-2 flex-wrap", children: [
-              /* @__PURE__ */ jsx250("p", { className: cn(titleClasses, "font-medium text-lg leading-[24px] whitespace-normal break-words"), children: section.title }),
-              section.badge && /* @__PURE__ */ jsx250(
+        /* @__PURE__ */ jsxs205("div", { className: "flex gap-3 items-start w-full", children: [
+          section.leftIcon && /* @__PURE__ */ jsx249("div", { className: "shrink-0 text-ods-text-primary opacity-70 mt-0.5", children: section.leftIcon }),
+          section.number && /* @__PURE__ */ jsx249("span", { className: cn(numberClasses, "text-lg tracking-[-0.36px] leading-[24px] shrink-0"), children: section.number }),
+          /* @__PURE__ */ jsxs205("div", { className: "flex-1 text-left min-w-0", children: [
+            /* @__PURE__ */ jsxs205("div", { className: "flex items-center gap-2 flex-wrap", children: [
+              /* @__PURE__ */ jsx249("p", { className: cn(titleClasses, "font-medium text-lg leading-[24px] whitespace-normal break-words"), children: section.title }),
+              section.badge && /* @__PURE__ */ jsx249(
                 StatusBadge,
                 {
                   text: section.badge.text,
@@ -27224,17 +27194,17 @@ var SectionButton = ({
                 }
               )
             ] }),
-            section.description && showDescription && /* @__PURE__ */ jsx250("p", { className: cn(subtitleClasses, "text-sm mt-1 whitespace-normal break-words"), children: section.description })
+            section.description && showDescription && /* @__PURE__ */ jsx249("p", { className: cn(subtitleClasses, "text-sm mt-1 whitespace-normal break-words"), children: section.description })
           ] })
         ] })
       ) : (
         // Wrap layout with title, subtitle, and optional leftIcon
-        /* @__PURE__ */ jsxs206("div", { className: "flex gap-3 items-start justify-start w-full h-full", style: { textAlign: "left" }, children: [
-          section.leftIcon && /* @__PURE__ */ jsx250("div", { className: "shrink-0 text-ods-text-primary opacity-70 mt-0.5", children: section.leftIcon }),
-          /* @__PURE__ */ jsxs206("div", { className: "flex flex-col items-start justify-start flex-1 gap-1", children: [
-            /* @__PURE__ */ jsxs206("div", { className: "flex items-start gap-2 flex-wrap w-full", children: [
-              /* @__PURE__ */ jsx250("span", { className: cn(titleClasses, "font-bold text-[18px] leading-[24px] tracking-[-0.36px]"), style: { textAlign: "left" }, children: section.title }),
-              section.badge && /* @__PURE__ */ jsx250(
+        /* @__PURE__ */ jsxs205("div", { className: "flex gap-3 items-start justify-start w-full h-full", style: { textAlign: "left" }, children: [
+          section.leftIcon && /* @__PURE__ */ jsx249("div", { className: "shrink-0 text-ods-text-primary opacity-70 mt-0.5", children: section.leftIcon }),
+          /* @__PURE__ */ jsxs205("div", { className: "flex flex-col items-start justify-start flex-1 gap-1", children: [
+            /* @__PURE__ */ jsxs205("div", { className: "flex items-start gap-2 flex-wrap w-full", children: [
+              /* @__PURE__ */ jsx249("span", { className: cn(titleClasses, "font-bold text-[18px] leading-[24px] tracking-[-0.36px]"), style: { textAlign: "left" }, children: section.title }),
+              section.badge && /* @__PURE__ */ jsx249(
                 StatusBadge,
                 {
                   text: section.badge.text,
@@ -27243,7 +27213,7 @@ var SectionButton = ({
                 }
               )
             ] }),
-            section.subtitle && /* @__PURE__ */ jsx250("div", { className: cn(subtitleClasses, "font-medium text-[14px] leading-[20px] w-full"), style: { textAlign: "left" }, children: section.subtitle })
+            section.subtitle && /* @__PURE__ */ jsx249("div", { className: cn(subtitleClasses, "font-medium text-[14px] leading-[20px] w-full"), style: { textAlign: "left" }, children: section.subtitle })
           ] })
         ] })
       )
@@ -27278,7 +27248,7 @@ var SectionSelector = ({
     }
   };
   const widthClasses = getButtonWidthClasses();
-  return /* @__PURE__ */ jsx250("div", { className: containerClasses, children: sections.map((section) => /* @__PURE__ */ jsx250(
+  return /* @__PURE__ */ jsx249("div", { className: containerClasses, children: sections.map((section) => /* @__PURE__ */ jsx249(
     SectionButton,
     {
       section,
@@ -27297,7 +27267,7 @@ var SectionSelector = ({
 };
 
 // src/components/features/figma-prototype-viewer.tsx
-import { jsx as jsx251, jsxs as jsxs207 } from "react/jsx-runtime";
+import { jsx as jsx250, jsxs as jsxs206 } from "react/jsx-runtime";
 var DESKTOP_BREAKPOINT = 768;
 var getContentDimensions = (config) => {
   const defaultMobile = { width: 343, height: 600 };
@@ -27407,11 +27377,11 @@ function renderUnifiedUI(state, handlers, config, iframeRef) {
     embedUrl,
     iframeKey
   } = state;
-  return /* @__PURE__ */ jsxs207("div", { className: cn(
+  return /* @__PURE__ */ jsxs206("div", { className: cn(
     config.hideControls ? "" : "grid grid-cols-1 lg:grid-cols-[296px_1fr] gap-10",
     config.className
   ), children: [
-    showSectionSelector && !config.hideControls && /* @__PURE__ */ jsx251("div", { style: { zIndex: 10 }, children: /* @__PURE__ */ jsx251(
+    showSectionSelector && !config.hideControls && /* @__PURE__ */ jsx250("div", { style: { zIndex: 10 }, children: /* @__PURE__ */ jsx250(
       SectionSelector,
       {
         sections: config.sections.map((section) => ({
@@ -27430,7 +27400,7 @@ function renderUnifiedUI(state, handlers, config, iframeRef) {
         minHeight: viewMode !== "DESKTOP" ? "76px" : "96px"
       }
     ) }),
-    /* @__PURE__ */ jsxs207(
+    /* @__PURE__ */ jsxs206(
       "div",
       {
         className: cn(
@@ -27456,7 +27426,7 @@ function renderUnifiedUI(state, handlers, config, iframeRef) {
           border: viewMode === "DESKTOP" ? void 0 : "none"
         },
         children: [
-          showTouchOverlay && /* @__PURE__ */ jsx251(
+          showTouchOverlay && /* @__PURE__ */ jsx250(
             "div",
             {
               className: "absolute inset-0 w-full h-full",
@@ -27475,14 +27445,14 @@ function renderUnifiedUI(state, handlers, config, iframeRef) {
               onTouchStart: handlers.onTouchStart
             }
           ),
-          showTouchBadge && /* @__PURE__ */ jsx251(
+          showTouchBadge && /* @__PURE__ */ jsx250(
             "div",
             {
               className: "absolute z-10 bottom-4 left-4",
-              children: /* @__PURE__ */ jsx251(Badge, { variant: "secondary", className: "bg-black/70 text-white backdrop-blur-sm", children: "Tap twice to click" })
+              children: /* @__PURE__ */ jsx250(Badge, { variant: "secondary", className: "bg-black/70 text-white backdrop-blur-sm", children: "Tap twice to click" })
             }
           ),
-          /* @__PURE__ */ jsx251(
+          /* @__PURE__ */ jsx250(
             "iframe",
             {
               ref: iframeRef,
@@ -27511,14 +27481,14 @@ function renderUnifiedUI(state, handlers, config, iframeRef) {
             },
             iframeKey
           ),
-          showSkeleton && /* @__PURE__ */ jsx251("div", { className: "absolute inset-0 w-full h-full bg-ods-skeleton animate-pulse rounded-lg z-10 flex items-center justify-center", children: /* @__PURE__ */ jsxs207("div", { className: "text-center", children: [
-            /* @__PURE__ */ jsxs207("div", { className: "text-xl md:text-2xl font-['Azeret_Mono'] font-semibold text-ods-text-primary", children: [
+          showSkeleton && /* @__PURE__ */ jsx250("div", { className: "absolute inset-0 w-full h-full bg-ods-skeleton animate-pulse rounded-lg z-10 flex items-center justify-center", children: /* @__PURE__ */ jsxs206("div", { className: "text-center", children: [
+            /* @__PURE__ */ jsxs206("div", { className: "text-xl md:text-2xl font-['Azeret_Mono'] font-semibold text-ods-text-primary", children: [
               "Warming up ",
-              /* @__PURE__ */ jsx251("span", { className: "text-[var(--ods-open-yellow-base)]", children: "Fae" }),
+              /* @__PURE__ */ jsx250("span", { className: "text-[var(--ods-open-yellow-base)]", children: "Fae" }),
               " and ",
-              /* @__PURE__ */ jsx251("span", { className: "text-[var(--ods-open-yellow-base)]", children: "Mingo" })
+              /* @__PURE__ */ jsx250("span", { className: "text-[var(--ods-open-yellow-base)]", children: "Mingo" })
             ] }),
-            /* @__PURE__ */ jsx251("div", { className: "mt-2 text-sm text-ods-text-secondary", children: "Loading AI Co-Pilots..." })
+            /* @__PURE__ */ jsx250("div", { className: "mt-2 text-sm text-ods-text-secondary", children: "Loading AI Co-Pilots..." })
           ] }) })
         ]
       }
@@ -27729,65 +27699,65 @@ var FigmaPrototypeViewer = ({
       if (touchTimerRef.current) clearTimeout(touchTimerRef.current);
     };
   }, []);
-  return /* @__PURE__ */ jsxs207("div", { ref: containerRef, children: [
+  return /* @__PURE__ */ jsxs206("div", { ref: containerRef, children: [
     renderUnifiedUI(unifiedState, {
       onSectionClick: handleSectionClick,
       onTouchStart: handleTouchStart
     }, config, iframeRef),
-    showDebugPanel && /* @__PURE__ */ jsxs207("div", { className: "mt-6 p-4 bg-ods-card border border-ods-border rounded-md", children: [
-      /* @__PURE__ */ jsx251("h3", { className: "font-semibold text-ods-text-primary mb-3", children: "\u{1F50D} Debug Panel" }),
-      /* @__PURE__ */ jsxs207("div", { className: "grid grid-cols-2 gap-4 text-sm", children: [
-        /* @__PURE__ */ jsxs207("div", { children: [
-          /* @__PURE__ */ jsx251("span", { className: "text-ods-text-secondary", children: "View Mode:" }),
+    showDebugPanel && /* @__PURE__ */ jsxs206("div", { className: "mt-6 p-4 bg-ods-card border border-ods-border rounded-md", children: [
+      /* @__PURE__ */ jsx250("h3", { className: "font-semibold text-ods-text-primary mb-3", children: "\u{1F50D} Debug Panel" }),
+      /* @__PURE__ */ jsxs206("div", { className: "grid grid-cols-2 gap-4 text-sm", children: [
+        /* @__PURE__ */ jsxs206("div", { children: [
+          /* @__PURE__ */ jsx250("span", { className: "text-ods-text-secondary", children: "View Mode:" }),
           " ",
-          /* @__PURE__ */ jsx251("span", { className: "text-ods-text-primary font-mono", children: viewMode })
+          /* @__PURE__ */ jsx250("span", { className: "text-ods-text-primary font-mono", children: viewMode })
         ] }),
-        /* @__PURE__ */ jsxs207("div", { children: [
-          /* @__PURE__ */ jsx251("span", { className: "text-ods-text-secondary", children: "Iframe State:" }),
+        /* @__PURE__ */ jsxs206("div", { children: [
+          /* @__PURE__ */ jsx250("span", { className: "text-ods-text-secondary", children: "Iframe State:" }),
           " ",
-          /* @__PURE__ */ jsx251("span", { className: "text-ods-text-primary font-mono", children: iframeState })
+          /* @__PURE__ */ jsx250("span", { className: "text-ods-text-primary font-mono", children: iframeState })
         ] }),
-        /* @__PURE__ */ jsxs207("div", { children: [
-          /* @__PURE__ */ jsx251("span", { className: "text-ods-text-secondary", children: "Screen:" }),
+        /* @__PURE__ */ jsxs206("div", { children: [
+          /* @__PURE__ */ jsx250("span", { className: "text-ods-text-secondary", children: "Screen:" }),
           " ",
-          /* @__PURE__ */ jsxs207("span", { className: "text-ods-text-primary", children: [
+          /* @__PURE__ */ jsxs206("span", { className: "text-ods-text-primary", children: [
             screenWidth,
             "px"
           ] })
         ] }),
-        /* @__PURE__ */ jsxs207("div", { children: [
-          /* @__PURE__ */ jsx251("span", { className: "text-ods-text-secondary", children: "Touch:" }),
+        /* @__PURE__ */ jsxs206("div", { children: [
+          /* @__PURE__ */ jsx250("span", { className: "text-ods-text-secondary", children: "Touch:" }),
           " ",
-          /* @__PURE__ */ jsx251("span", { className: "text-ods-text-primary", children: isTouchDevice ? "Yes" : "No" })
+          /* @__PURE__ */ jsx250("span", { className: "text-ods-text-primary", children: isTouchDevice ? "Yes" : "No" })
         ] }),
-        /* @__PURE__ */ jsxs207("div", { children: [
-          /* @__PURE__ */ jsx251("span", { className: "text-ods-text-secondary", children: "Scale:" }),
+        /* @__PURE__ */ jsxs206("div", { children: [
+          /* @__PURE__ */ jsx250("span", { className: "text-ods-text-secondary", children: "Scale:" }),
           " ",
-          /* @__PURE__ */ jsx251("span", { className: "text-ods-text-primary", children: scaling.scale.toFixed(2) })
+          /* @__PURE__ */ jsx250("span", { className: "text-ods-text-primary", children: scaling.scale.toFixed(2) })
         ] }),
-        /* @__PURE__ */ jsxs207("div", { children: [
-          /* @__PURE__ */ jsx251("span", { className: "text-ods-text-secondary", children: "Section:" }),
+        /* @__PURE__ */ jsxs206("div", { children: [
+          /* @__PURE__ */ jsx250("span", { className: "text-ods-text-secondary", children: "Section:" }),
           " ",
-          /* @__PURE__ */ jsx251("span", { className: "text-ods-text-primary", children: activeSection })
+          /* @__PURE__ */ jsx250("span", { className: "text-ods-text-primary", children: activeSection })
         ] }),
-        /* @__PURE__ */ jsxs207("div", { className: "col-span-2", children: [
-          /* @__PURE__ */ jsx251("span", { className: "text-ods-text-secondary", children: "Active Node ID:" }),
+        /* @__PURE__ */ jsxs206("div", { className: "col-span-2", children: [
+          /* @__PURE__ */ jsx250("span", { className: "text-ods-text-secondary", children: "Active Node ID:" }),
           " ",
-          /* @__PURE__ */ jsx251("span", { className: "text-ods-text-primary font-mono", children: currentNodeId || "Not detected" })
+          /* @__PURE__ */ jsx250("span", { className: "text-ods-text-primary font-mono", children: currentNodeId || "Not detected" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs207("div", { className: "mt-3 text-xs text-ods-text-secondary", children: [
+      /* @__PURE__ */ jsxs206("div", { className: "mt-3 text-xs text-ods-text-secondary", children: [
         "Margins: ",
         scaling.marginX.toFixed(0),
         "px \xD7 ",
         scaling.marginY.toFixed(0),
         "px"
       ] }),
-      /* @__PURE__ */ jsx251("div", { className: "mt-3 pt-3 border-t border-ods-border", children: /* @__PURE__ */ jsxs207("div", { className: "text-xs text-ods-text-secondary space-y-1", children: [
-        /* @__PURE__ */ jsxs207("div", { children: [
-          /* @__PURE__ */ jsx251("span", { className: "text-ods-text-secondary", children: "File Key:" }),
+      /* @__PURE__ */ jsx250("div", { className: "mt-3 pt-3 border-t border-ods-border", children: /* @__PURE__ */ jsxs206("div", { className: "text-xs text-ods-text-secondary space-y-1", children: [
+        /* @__PURE__ */ jsxs206("div", { children: [
+          /* @__PURE__ */ jsx250("span", { className: "text-ods-text-secondary", children: "File Key:" }),
           " ",
-          /* @__PURE__ */ jsx251("span", { className: "text-ods-text-primary font-mono", children: (() => {
+          /* @__PURE__ */ jsx250("span", { className: "text-ods-text-primary font-mono", children: (() => {
             try {
               return resolveFileKey(config, viewMode);
             } catch (e) {
@@ -27795,10 +27765,10 @@ var FigmaPrototypeViewer = ({
             }
           })() })
         ] }),
-        /* @__PURE__ */ jsxs207("div", { children: [
-          /* @__PURE__ */ jsx251("span", { className: "text-ods-text-secondary", children: "Starting Point:" }),
+        /* @__PURE__ */ jsxs206("div", { children: [
+          /* @__PURE__ */ jsx250("span", { className: "text-ods-text-secondary", children: "Starting Point:" }),
           " ",
-          /* @__PURE__ */ jsx251("span", { className: "text-ods-text-primary font-mono", children: (() => {
+          /* @__PURE__ */ jsx250("span", { className: "text-ods-text-primary font-mono", children: (() => {
             try {
               return resolveStartingPoint(config, viewMode);
             } catch (e) {
@@ -27806,10 +27776,10 @@ var FigmaPrototypeViewer = ({
             }
           })() })
         ] }),
-        /* @__PURE__ */ jsxs207("div", { children: [
-          /* @__PURE__ */ jsx251("span", { className: "text-ods-text-secondary", children: "Content Dimensions:" }),
+        /* @__PURE__ */ jsxs206("div", { children: [
+          /* @__PURE__ */ jsx250("span", { className: "text-ods-text-secondary", children: "Content Dimensions:" }),
           " ",
-          /* @__PURE__ */ jsx251("span", { className: "text-ods-text-primary font-mono", children: (() => {
+          /* @__PURE__ */ jsx250("span", { className: "text-ods-text-primary font-mono", children: (() => {
             try {
               const dims = getContentDimensions(config);
               const current = viewMode === "DESKTOP" ? dims.desktop : dims.mobile;
@@ -27827,9 +27797,9 @@ var FigmaPrototypeViewer = ({
 // src/components/features/filters-dropdown.tsx
 init_cn();
 import { useEffect as useEffect45, useRef as useRef38, useState as useState61 } from "react";
-import { jsx as jsx252, jsxs as jsxs208 } from "react/jsx-runtime";
+import { jsx as jsx251, jsxs as jsxs207 } from "react/jsx-runtime";
 var FilterCheckbox = ({ checked, disabled = false, className }) => {
-  return /* @__PURE__ */ jsx252(
+  return /* @__PURE__ */ jsx251(
     "div",
     {
       role: "checkbox",
@@ -27841,7 +27811,7 @@ var FilterCheckbox = ({ checked, disabled = false, className }) => {
         disabled && "opacity-50",
         className
       ),
-      children: checked && /* @__PURE__ */ jsx252("div", { className: "absolute inset-0 flex items-center justify-center text-ods-text-on-accent", children: /* @__PURE__ */ jsx252(CheckboxCheckmarkIcon, { size: 10 }) })
+      children: checked && /* @__PURE__ */ jsx251("div", { className: "absolute inset-0 flex items-center justify-center text-ods-text-on-accent", children: /* @__PURE__ */ jsx251(CheckboxCheckmarkIcon, { size: 10 }) })
     }
   );
 };
@@ -28023,8 +27993,8 @@ var FiltersDropdown = ({
     };
     return desktopClasses[actualPlacement];
   };
-  return /* @__PURE__ */ jsxs208("div", { ref: containerRef, className: cn("relative inline-block", className), children: [
-    triggerElement ? /* @__PURE__ */ jsx252("div", { ref: triggerRef, onClick: () => setIsOpen(!isOpen), children: triggerElement }) : /* @__PURE__ */ jsxs208(
+  return /* @__PURE__ */ jsxs207("div", { ref: containerRef, className: cn("relative inline-block", className), children: [
+    triggerElement ? /* @__PURE__ */ jsx251("div", { ref: triggerRef, onClick: () => setIsOpen(!isOpen), children: triggerElement }) : /* @__PURE__ */ jsxs207(
       "button",
       {
         ref: triggerRef,
@@ -28035,11 +28005,11 @@ var FiltersDropdown = ({
         ),
         children: [
           triggerLabel,
-          getActiveFiltersCount() > 0 && /* @__PURE__ */ jsx252("span", { className: "size-1.5 rounded-full bg-ods-accent" })
+          getActiveFiltersCount() > 0 && /* @__PURE__ */ jsx251("span", { className: "size-1.5 rounded-full bg-ods-accent" })
         ]
       }
     ),
-    shouldRender && /* @__PURE__ */ jsx252(
+    shouldRender && /* @__PURE__ */ jsx251(
       "div",
       {
         ref: dropdownRef,
@@ -28057,19 +28027,19 @@ var FiltersDropdown = ({
         style: isMobile ? {
           top: triggerRef.current ? triggerRef.current.getBoundingClientRect().bottom + window.scrollY + 8 : 0
         } : void 0,
-        children: /* @__PURE__ */ jsxs208("div", { className: "bg-ods-bg rounded-md border border-ods-border p-4 shadow-xl flex flex-col overflow-hidden", children: [
-          /* @__PURE__ */ jsx252("div", { className: "flex-1 min-h-0 overflow-y-auto max-h-[250px]", children: sections.map((section, sectionIndex) => {
+        children: /* @__PURE__ */ jsxs207("div", { className: "bg-ods-bg rounded-md border border-ods-border p-4 shadow-xl flex flex-col overflow-hidden", children: [
+          /* @__PURE__ */ jsx251("div", { className: "flex-1 min-h-0 overflow-y-auto max-h-[250px]", children: sections.map((section, sectionIndex) => {
             const sectionSelection = selectedFilters[section.id] || [];
             const allSelected = section.options.every(
               (opt) => sectionSelection.includes(opt.id)
             );
-            return /* @__PURE__ */ jsxs208("div", { className: cn(
+            return /* @__PURE__ */ jsxs207("div", { className: cn(
               "space-y-2",
               sectionIndex > 0 && "mt-4"
             ), children: [
-              /* @__PURE__ */ jsxs208("div", { className: "sticky top-0 z-10 bg-ods-bg flex items-center justify-between pb-2", children: [
-                /* @__PURE__ */ jsx252("h3", { className: "text-h5 text-ods-text-secondary", children: section.title }),
-                section.allowSelectAll && section.type === "checkbox" && /* @__PURE__ */ jsx252(
+              /* @__PURE__ */ jsxs207("div", { className: "sticky top-0 z-10 bg-ods-bg flex items-center justify-between pb-2", children: [
+                /* @__PURE__ */ jsx251("h3", { className: "text-h5 text-ods-text-secondary", children: section.title }),
+                section.allowSelectAll && section.type === "checkbox" && /* @__PURE__ */ jsx251(
                   "button",
                   {
                     onClick: () => handleSelectAll(section.id, section),
@@ -28078,9 +28048,9 @@ var FiltersDropdown = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx252("div", { className: "bg-ods-bg rounded-md border border-ods-border overflow-hidden", children: section.options.map((option, index) => {
+              /* @__PURE__ */ jsx251("div", { className: "bg-ods-bg rounded-md border border-ods-border overflow-hidden", children: section.options.map((option, index) => {
                 if (option.type === "separator") {
-                  return /* @__PURE__ */ jsx252(
+                  return /* @__PURE__ */ jsx251(
                     "div",
                     {
                       className: "border-t border-ods-border my-1"
@@ -28090,7 +28060,7 @@ var FiltersDropdown = ({
                 }
                 const isSelected = sectionSelection.includes(option.id);
                 const isLast = index === section.options.length - 1;
-                return /* @__PURE__ */ jsxs208(
+                return /* @__PURE__ */ jsxs207(
                   "button",
                   {
                     type: "button",
@@ -28102,9 +28072,9 @@ var FiltersDropdown = ({
                       "hover:bg-ods-bg-hover transition-colors"
                     ),
                     children: [
-                      /* @__PURE__ */ jsx252(FilterCheckbox, { checked: isSelected }),
-                      /* @__PURE__ */ jsx252("span", { className: "flex-1 min-w-0 text-h4 text-ods-text-primary truncate", children: option.label }),
-                      option.count !== void 0 && /* @__PURE__ */ jsx252("span", { className: "shrink-0 text-h6 text-ods-text-secondary", children: option.count.toLocaleString() })
+                      /* @__PURE__ */ jsx251(FilterCheckbox, { checked: isSelected }),
+                      /* @__PURE__ */ jsx251("span", { className: "flex-1 min-w-0 text-h4 text-ods-text-primary truncate", children: option.label }),
+                      option.count !== void 0 && /* @__PURE__ */ jsx251("span", { className: "shrink-0 text-h6 text-ods-text-secondary", children: option.count.toLocaleString() })
                     ]
                   },
                   `${section.id}-${option.id}-${index}`
@@ -28112,8 +28082,8 @@ var FiltersDropdown = ({
               }) })
             ] }, section.id);
           }) }),
-          /* @__PURE__ */ jsxs208("div", { className: "flex gap-3 mt-4 shrink-0", children: [
-            /* @__PURE__ */ jsx252(
+          /* @__PURE__ */ jsxs207("div", { className: "flex gap-3 mt-4 shrink-0", children: [
+            /* @__PURE__ */ jsx251(
               Button,
               {
                 variant: "outline",
@@ -28123,7 +28093,7 @@ var FiltersDropdown = ({
                 children: "Reset"
               }
             ),
-            /* @__PURE__ */ jsx252(
+            /* @__PURE__ */ jsx251(
               Button,
               {
                 variant: "accent",
@@ -28172,13 +28142,13 @@ var useFiltersDropdown = (initialSections) => {
 
 // src/components/features/github-releases-manager.tsx
 import { ExternalLink as ExternalLink4 } from "lucide-react";
-import { jsx as jsx253 } from "react/jsx-runtime";
+import { jsx as jsx252 } from "react/jsx-runtime";
 function GitHubReleasesManager({
   releases,
   onChange,
   className = ""
 }) {
-  return /* @__PURE__ */ jsx253(
+  return /* @__PURE__ */ jsx252(
     ArrayEntryManager,
     {
       title: "GitHub Releases",
@@ -28188,7 +28158,7 @@ function GitHubReleasesManager({
       placeholder: "https://github.com/org/repo/releases/tag/v2.0.0",
       emptyMessage: 'No GitHub releases linked. Click "Add Release" to link releases.',
       addButtonText: "Add Release",
-      icon: /* @__PURE__ */ jsx253(ExternalLink4, { className: "w-5 h-5 text-ods-text-secondary" }),
+      icon: /* @__PURE__ */ jsx252(ExternalLink4, { className: "w-5 h-5 text-ods-text-secondary" }),
       className
     }
   );
@@ -28196,13 +28166,13 @@ function GitHubReleasesManager({
 
 // src/components/features/knowledge-base-links-manager.tsx
 import { FileText as FileText4 } from "lucide-react";
-import { jsx as jsx254 } from "react/jsx-runtime";
+import { jsx as jsx253 } from "react/jsx-runtime";
 function KnowledgeBaseLinksManager({
   links,
   onChange,
   className = ""
 }) {
-  return /* @__PURE__ */ jsx254(
+  return /* @__PURE__ */ jsx253(
     ArrayEntryManager,
     {
       title: "Knowledge Base Articles",
@@ -28212,7 +28182,7 @@ function KnowledgeBaseLinksManager({
       placeholder: "Relative path (e.g., /api/authentication/api-keys.md)",
       emptyMessage: 'No knowledge base articles linked. Click "Add Article" to link articles.',
       addButtonText: "Add Article",
-      icon: /* @__PURE__ */ jsx254(FileText4, { className: "w-5 h-5 text-ods-text-secondary" }),
+      icon: /* @__PURE__ */ jsx253(FileText4, { className: "w-5 h-5 text-ods-text-secondary" }),
       className
     }
   );
@@ -28220,7 +28190,7 @@ function KnowledgeBaseLinksManager({
 
 // src/components/features/loading-provider.tsx
 import { createContext as createContext7, useContext as useContext7, useState as useState62, useEffect as useEffect46 } from "react";
-import { jsx as jsx255, jsxs as jsxs209 } from "react/jsx-runtime";
+import { jsx as jsx254, jsxs as jsxs208 } from "react/jsx-runtime";
 var LoadingContext = createContext7(void 0);
 function LoadingProvider({ children }) {
   const [isLoading, setIsLoading] = useState62(false);
@@ -28249,8 +28219,8 @@ function LoadingProvider({ children }) {
       if (interval) clearInterval(interval);
     };
   }, [isLoading]);
-  return /* @__PURE__ */ jsxs209(LoadingContext.Provider, { value: { isLoading, setIsLoading }, children: [
-    progress > 0 && /* @__PURE__ */ jsx255(
+  return /* @__PURE__ */ jsxs208(LoadingContext.Provider, { value: { isLoading, setIsLoading }, children: [
+    progress > 0 && /* @__PURE__ */ jsx254(
       Progress,
       {
         value: progress,
@@ -28281,7 +28251,7 @@ import {
   Plus as Plus4
 } from "lucide-react";
 import Image11 from "next/image";
-import { jsx as jsx256, jsxs as jsxs210 } from "react/jsx-runtime";
+import { jsx as jsx255, jsxs as jsxs209 } from "react/jsx-runtime";
 function MediaGalleryManager({
   media,
   onChange,
@@ -28345,7 +28315,7 @@ function MediaGalleryManager({
   }, [media, draggedIndex, onChange]);
   const renderMediaItem = useCallback30((mediaItem, index) => {
     const isDeleting = deletingIndex === index;
-    return /* @__PURE__ */ jsxs210(
+    return /* @__PURE__ */ jsxs209(
       Card,
       {
         className: "relative group border-ods-border hover:border-[#FFC008]/30 transition-colors",
@@ -28354,8 +28324,8 @@ function MediaGalleryManager({
         onDragOver: handleDragOver,
         onDrop: (e) => handleDrop(e, index),
         children: [
-          /* @__PURE__ */ jsx256("div", { className: "absolute top-2 left-2 opacity-0 group-hover:opacity-100 transition-opacity cursor-move z-10", children: /* @__PURE__ */ jsx256(GripVertical, { className: "h-4 w-4 text-white drop-shadow" }) }),
-          /* @__PURE__ */ jsx256("div", { className: "absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity z-10", children: /* @__PURE__ */ jsx256(
+          /* @__PURE__ */ jsx255("div", { className: "absolute top-2 left-2 opacity-0 group-hover:opacity-100 transition-opacity cursor-move z-10", children: /* @__PURE__ */ jsx255(GripVertical, { className: "h-4 w-4 text-white drop-shadow" }) }),
+          /* @__PURE__ */ jsx255("div", { className: "absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity z-10", children: /* @__PURE__ */ jsx255(
             Button,
             {
               type: "button",
@@ -28364,10 +28334,10 @@ function MediaGalleryManager({
               onClick: () => handleDeleteMedia(index),
               disabled: isDeleting,
               className: "h-8 w-8 p-0 bg-red-500 hover:bg-red-600 border-red-500",
-              children: isDeleting ? /* @__PURE__ */ jsx256(Loader27, { className: "h-4 w-4 animate-spin text-white" }) : /* @__PURE__ */ jsx256(Trash24, { className: "h-4 w-4 text-white" })
+              children: isDeleting ? /* @__PURE__ */ jsx255(Loader27, { className: "h-4 w-4 animate-spin text-white" }) : /* @__PURE__ */ jsx255(Trash24, { className: "h-4 w-4 text-white" })
             }
           ) }),
-          /* @__PURE__ */ jsx256("div", { className: "aspect-video relative bg-[#1A1A1A] rounded-lg overflow-hidden", children: mediaItem.media_type === "video" || mediaItem.media_type === "demo" ? /* @__PURE__ */ jsx256(
+          /* @__PURE__ */ jsx255("div", { className: "aspect-video relative bg-[#1A1A1A] rounded-lg overflow-hidden", children: mediaItem.media_type === "video" || mediaItem.media_type === "demo" ? /* @__PURE__ */ jsx255(
             "video",
             {
               src: mediaItem.media_url,
@@ -28375,7 +28345,7 @@ function MediaGalleryManager({
               controls: true,
               preload: "metadata"
             }
-          ) : /* @__PURE__ */ jsx256(
+          ) : /* @__PURE__ */ jsx255(
             Image11,
             {
               src: mediaItem.media_url,
@@ -28385,40 +28355,40 @@ function MediaGalleryManager({
               sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
             }
           ) }),
-          /* @__PURE__ */ jsxs210("div", { className: "p-3", children: [
-            /* @__PURE__ */ jsxs210("div", { className: "flex items-center gap-2 mb-1", children: [
-              mediaItem.media_type === "video" || mediaItem.media_type === "demo" ? /* @__PURE__ */ jsx256(Video4, { className: "h-4 w-4 text-ods-text-secondary" }) : /* @__PURE__ */ jsx256(ImageIcon2, { className: "h-4 w-4 text-ods-text-secondary" }),
-              /* @__PURE__ */ jsx256("span", { className: "text-sm font-medium text-ods-text-primary capitalize", children: mediaItem.media_type })
+          /* @__PURE__ */ jsxs209("div", { className: "p-3", children: [
+            /* @__PURE__ */ jsxs209("div", { className: "flex items-center gap-2 mb-1", children: [
+              mediaItem.media_type === "video" || mediaItem.media_type === "demo" ? /* @__PURE__ */ jsx255(Video4, { className: "h-4 w-4 text-ods-text-secondary" }) : /* @__PURE__ */ jsx255(ImageIcon2, { className: "h-4 w-4 text-ods-text-secondary" }),
+              /* @__PURE__ */ jsx255("span", { className: "text-sm font-medium text-ods-text-primary capitalize", children: mediaItem.media_type })
             ] }),
-            mediaItem.title && /* @__PURE__ */ jsx256("p", { className: "text-sm text-ods-text-secondary truncate", children: mediaItem.title })
+            mediaItem.title && /* @__PURE__ */ jsx255("p", { className: "text-sm text-ods-text-secondary truncate", children: mediaItem.title })
           ] })
         ]
       },
       index
     );
   }, [deletingIndex, handleDragStart, handleDragOver, handleDrop, handleDeleteMedia]);
-  const content = /* @__PURE__ */ jsxs210("div", { className: `space-y-6 ${className}`, children: [
-    /* @__PURE__ */ jsx256("div", { className: "border-2 border-dashed border-ods-border rounded-lg p-6 text-center hover:border-[#FFC008]/50 transition-colors", children: /* @__PURE__ */ jsxs210("div", { className: "flex flex-col items-center gap-4", children: [
-      /* @__PURE__ */ jsx256("div", { className: "w-12 h-12 rounded-full bg-ods-card flex items-center justify-center", children: isUploading ? /* @__PURE__ */ jsx256(Loader27, { className: "h-6 w-6 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsx256(Upload3, { className: "h-6 w-6 text-ods-accent" }) }),
-      /* @__PURE__ */ jsxs210("div", { children: [
-        /* @__PURE__ */ jsx256("h3", { className: "font-['DM_Sans'] font-semibold text-ods-text-primary mb-1", children: isUploading ? "Uploading..." : "Upload Media" }),
-        /* @__PURE__ */ jsx256("p", { className: "text-sm text-ods-text-secondary", children: "Drag and drop or click to select images and videos" }),
-        /* @__PURE__ */ jsx256("p", { className: "text-xs text-ods-text-secondary mt-1", children: "Maximum file size: 50MB" })
+  const content = /* @__PURE__ */ jsxs209("div", { className: `space-y-6 ${className}`, children: [
+    /* @__PURE__ */ jsx255("div", { className: "border-2 border-dashed border-ods-border rounded-lg p-6 text-center hover:border-[#FFC008]/50 transition-colors", children: /* @__PURE__ */ jsxs209("div", { className: "flex flex-col items-center gap-4", children: [
+      /* @__PURE__ */ jsx255("div", { className: "w-12 h-12 rounded-full bg-ods-card flex items-center justify-center", children: isUploading ? /* @__PURE__ */ jsx255(Loader27, { className: "h-6 w-6 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsx255(Upload3, { className: "h-6 w-6 text-ods-accent" }) }),
+      /* @__PURE__ */ jsxs209("div", { children: [
+        /* @__PURE__ */ jsx255("h3", { className: "font-['DM_Sans'] font-semibold text-ods-text-primary mb-1", children: isUploading ? "Uploading..." : "Upload Media" }),
+        /* @__PURE__ */ jsx255("p", { className: "text-sm text-ods-text-secondary", children: "Drag and drop or click to select images and videos" }),
+        /* @__PURE__ */ jsx255("p", { className: "text-xs text-ods-text-secondary mt-1", children: "Maximum file size: 50MB" })
       ] }),
-      /* @__PURE__ */ jsx256(
+      /* @__PURE__ */ jsx255(
         Button,
         {
           type: "button",
           variant: "outline",
           onClick: () => fileInputRef.current?.click(),
           disabled: isUploading,
-          leftIcon: /* @__PURE__ */ jsx256(Plus4, { className: "h-4 w-4" }),
+          leftIcon: /* @__PURE__ */ jsx255(Plus4, { className: "h-4 w-4" }),
           className: "font-['DM_Sans'] text-[16px] font-bold",
           children: isUploading ? "Uploading..." : "Select Files"
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx256(
+    /* @__PURE__ */ jsx255(
       "input",
       {
         ref: fileInputRef,
@@ -28429,20 +28399,20 @@ function MediaGalleryManager({
         disabled: isUploading
       }
     ),
-    media.length === 0 ? /* @__PURE__ */ jsxs210("div", { className: "text-center py-8", children: [
-      /* @__PURE__ */ jsx256(ImageIcon2, { className: "h-12 w-12 text-ods-text-secondary mx-auto mb-4" }),
-      /* @__PURE__ */ jsx256("h3", { className: "font-['DM_Sans'] font-semibold text-ods-text-primary mb-2", children: "No media uploaded yet" }),
-      /* @__PURE__ */ jsx256("p", { className: "text-sm text-ods-text-secondary", children: "Upload your first image or video to get started" })
-    ] }) : /* @__PURE__ */ jsxs210("div", { children: [
-      /* @__PURE__ */ jsxs210("div", { className: "flex items-center justify-between mb-4", children: [
-        /* @__PURE__ */ jsxs210("h3", { className: "font-['DM_Sans'] font-semibold text-ods-text-primary", children: [
+    media.length === 0 ? /* @__PURE__ */ jsxs209("div", { className: "text-center py-8", children: [
+      /* @__PURE__ */ jsx255(ImageIcon2, { className: "h-12 w-12 text-ods-text-secondary mx-auto mb-4" }),
+      /* @__PURE__ */ jsx255("h3", { className: "font-['DM_Sans'] font-semibold text-ods-text-primary mb-2", children: "No media uploaded yet" }),
+      /* @__PURE__ */ jsx255("p", { className: "text-sm text-ods-text-secondary", children: "Upload your first image or video to get started" })
+    ] }) : /* @__PURE__ */ jsxs209("div", { children: [
+      /* @__PURE__ */ jsxs209("div", { className: "flex items-center justify-between mb-4", children: [
+        /* @__PURE__ */ jsxs209("h3", { className: "font-['DM_Sans'] font-semibold text-ods-text-primary", children: [
           "Media Gallery (",
           media.length,
           ")"
         ] }),
-        /* @__PURE__ */ jsx256("p", { className: "text-xs text-ods-text-secondary", children: "Drag to reorder" })
+        /* @__PURE__ */ jsx255("p", { className: "text-xs text-ods-text-secondary", children: "Drag to reorder" })
       ] }),
-      /* @__PURE__ */ jsx256("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: media.map((item, index) => renderMediaItem(item, index)) })
+      /* @__PURE__ */ jsx255("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: media.map((item, index) => renderMediaItem(item, index)) })
     ] })
   ] });
   return content;
@@ -28451,18 +28421,18 @@ function MediaGalleryManager({
 // src/components/features/more-about-button.tsx
 init_button2();
 import { ArrowRight } from "lucide-react";
-import { jsx as jsx257 } from "react/jsx-runtime";
+import { jsx as jsx256 } from "react/jsx-runtime";
 var MoreAboutButton = ({
   href = "/openframe",
   className = ""
 }) => {
-  return /* @__PURE__ */ jsx257(
+  return /* @__PURE__ */ jsx256(
     Button,
     {
       size: "default",
       variant: "transparent",
       className: `text-[var(--ods-open-yellow-base)] flex-shrink-0 ${className}`,
-      rightIcon: /* @__PURE__ */ jsx257(ArrowRight, { className: "w-6 h-6" }),
+      rightIcon: /* @__PURE__ */ jsx256(ArrowRight, { className: "w-6 h-6" }),
       href,
       openInNewTab: !!href,
       children: "Learn more"
@@ -28472,7 +28442,7 @@ var MoreAboutButton = ({
 
 // src/components/features/os-type-badge-group.tsx
 init_cn();
-import { jsx as jsx258, jsxs as jsxs211 } from "react/jsx-runtime";
+import { jsx as jsx257, jsxs as jsxs210 } from "react/jsx-runtime";
 function OSTypeBadgeGroup({
   osTypes,
   className = "",
@@ -28484,8 +28454,8 @@ function OSTypeBadgeGroup({
   }
   const displayOsTypes = maxDisplay && osTypes.length > maxDisplay ? osTypes.slice(0, maxDisplay) : osTypes;
   const remainingCount = maxDisplay && osTypes.length > maxDisplay ? osTypes.length - maxDisplay : 0;
-  return /* @__PURE__ */ jsxs211("div", { className: cn("flex items-center gap-2 flex-wrap", className), children: [
-    displayOsTypes.map((osType, index) => /* @__PURE__ */ jsx258(
+  return /* @__PURE__ */ jsxs210("div", { className: cn("flex items-center gap-2 flex-wrap", className), children: [
+    displayOsTypes.map((osType, index) => /* @__PURE__ */ jsx257(
       OSTypeBadge,
       {
         osType,
@@ -28494,7 +28464,7 @@ function OSTypeBadgeGroup({
       },
       `${osType}-${index}`
     )),
-    remainingCount > 0 && /* @__PURE__ */ jsxs211("span", { className: "text-ods-text-secondary text-sm font-medium", children: [
+    remainingCount > 0 && /* @__PURE__ */ jsxs210("span", { className: "text-ods-text-secondary text-sm font-medium", children: [
       "+",
       remainingCount,
       " more"
@@ -28506,7 +28476,7 @@ function OSTypeBadgeGroup({
 import { useEffect as useEffect47, useState as useState64, useRef as useRef40 } from "react";
 import Image12 from "next/image";
 import { motion as motion2, useScroll, useTransform, useMotionValue, useSpring } from "framer-motion";
-import { jsx as jsx259, jsxs as jsxs212 } from "react/jsx-runtime";
+import { jsx as jsx258, jsxs as jsxs211 } from "react/jsx-runtime";
 var ParallaxImageShowcase = ({
   images,
   className = "",
@@ -28589,13 +28559,13 @@ var ParallaxImageShowcase = ({
       [scrollRotateGrid, mouseRotateGrid],
       ([s, m]) => s + m
     );
-    return /* @__PURE__ */ jsx259(
+    return /* @__PURE__ */ jsx258(
       "div",
       {
         ref: componentRef,
         className: `relative w-full h-full flex items-center ${className}`,
-        children: /* @__PURE__ */ jsxs212("div", { className: "w-full grid grid-cols-1 md:grid-cols-3 gap-4", children: [
-          leftImage && /* @__PURE__ */ jsx259(
+        children: /* @__PURE__ */ jsxs211("div", { className: "w-full grid grid-cols-1 md:grid-cols-3 gap-4", children: [
+          leftImage && /* @__PURE__ */ jsx258(
             motion2.div,
             {
               className: "relative w-full",
@@ -28603,7 +28573,7 @@ var ParallaxImageShowcase = ({
                 y: yGrid,
                 rotate: rotateGrid
               },
-              children: /* @__PURE__ */ jsx259(
+              children: /* @__PURE__ */ jsx258(
                 Image12,
                 {
                   src: leftImage.src,
@@ -28617,7 +28587,7 @@ var ParallaxImageShowcase = ({
               )
             }
           ),
-          centerImage && /* @__PURE__ */ jsx259(
+          centerImage && /* @__PURE__ */ jsx258(
             motion2.div,
             {
               className: "relative w-full",
@@ -28625,7 +28595,7 @@ var ParallaxImageShowcase = ({
                 y: yGrid,
                 rotate: rotateGrid
               },
-              children: /* @__PURE__ */ jsx259(
+              children: /* @__PURE__ */ jsx258(
                 Image12,
                 {
                   src: centerImage.src,
@@ -28639,7 +28609,7 @@ var ParallaxImageShowcase = ({
               )
             }
           ),
-          rightImage && /* @__PURE__ */ jsx259(
+          rightImage && /* @__PURE__ */ jsx258(
             motion2.div,
             {
               className: "relative w-full",
@@ -28647,7 +28617,7 @@ var ParallaxImageShowcase = ({
                 y: yGrid,
                 rotate: rotateGrid
               },
-              children: /* @__PURE__ */ jsx259(
+              children: /* @__PURE__ */ jsx258(
                 Image12,
                 {
                   src: rightImage.src,
@@ -28666,21 +28636,21 @@ var ParallaxImageShowcase = ({
     );
   }
   if (layout === "boxed") {
-    return /* @__PURE__ */ jsxs212(
+    return /* @__PURE__ */ jsxs211(
       "div",
       {
         ref: componentRef,
         className: `relative w-full h-full overflow-hidden ${className}`,
         children: [
-          logoElement && /* @__PURE__ */ jsx259("div", { className: "absolute top-4 left-1/2 -translate-x-1/2 z-30 scale-50", children: logoElement }),
-          /* @__PURE__ */ jsxs212("div", { className: "absolute top-32 inset-x-0 h-80", children: [
-            leftImage && /* @__PURE__ */ jsxs212(
+          logoElement && /* @__PURE__ */ jsx258("div", { className: "absolute top-4 left-1/2 -translate-x-1/2 z-30 scale-50", children: logoElement }),
+          /* @__PURE__ */ jsxs211("div", { className: "absolute top-32 inset-x-0 h-80", children: [
+            leftImage && /* @__PURE__ */ jsxs211(
               motion2.div,
               {
                 className: "absolute left-20 lg:w-1/2 w-full h-full z-10",
                 style: { x, y, rotate },
                 children: [
-                  /* @__PURE__ */ jsx259(
+                  /* @__PURE__ */ jsx258(
                     Image12,
                     {
                       src: leftImage.src,
@@ -28690,17 +28660,17 @@ var ParallaxImageShowcase = ({
                       className: "object-[left_top] object-cover ods-card/50 border border-ods-border"
                     }
                   ),
-                  /* @__PURE__ */ jsx259("div", { className: "absolute inset-0 shadow-2xl" })
+                  /* @__PURE__ */ jsx258("div", { className: "absolute inset-0 shadow-2xl" })
                 ]
               }
             ),
-            centerImage && /* @__PURE__ */ jsxs212(
+            centerImage && /* @__PURE__ */ jsxs211(
               motion2.div,
               {
                 className: "absolute top-20 right-20 lg:w-1/2 w-full h-full z-20",
                 style: { x, y, rotate },
                 children: [
-                  /* @__PURE__ */ jsx259(
+                  /* @__PURE__ */ jsx258(
                     Image12,
                     {
                       src: centerImage.src,
@@ -28710,7 +28680,7 @@ var ParallaxImageShowcase = ({
                       className: "object-[left_top] object-cover ods-card/50 border border-ods-border"
                     }
                   ),
-                  /* @__PURE__ */ jsx259("div", { className: "absolute inset-0 shadow-2xl" })
+                  /* @__PURE__ */ jsx258("div", { className: "absolute inset-0 shadow-2xl" })
                 ]
               }
             )
@@ -28719,13 +28689,13 @@ var ParallaxImageShowcase = ({
       }
     );
   }
-  return /* @__PURE__ */ jsxs212(
+  return /* @__PURE__ */ jsxs211(
     "div",
     {
       ref: componentRef,
       className: `relative w-full h-full ${className}`,
       children: [
-        rightImage && /* @__PURE__ */ jsx259(
+        rightImage && /* @__PURE__ */ jsx258(
           motion2.div,
           {
             className: "absolute z-[1] \n            w-[80%] h-[60%] top-[5%] right-[5%]\n            lg:w-[120%] lg:h-[85%] lg:top-[-10%] lg:right-[-15%]",
@@ -28734,7 +28704,7 @@ var ParallaxImageShowcase = ({
               y,
               rotate
             },
-            children: /* @__PURE__ */ jsx259(
+            children: /* @__PURE__ */ jsx258(
               Image12,
               {
                 src: rightImage.src,
@@ -28746,7 +28716,7 @@ var ParallaxImageShowcase = ({
             )
           }
         ),
-        centerImage && /* @__PURE__ */ jsx259(
+        centerImage && /* @__PURE__ */ jsx258(
           motion2.div,
           {
             className: "absolute z-[2]\n            w-[75%] h-[55%] bottom-[10%] right-[0%]\n            lg:w-[100%] lg:h-[80%] lg:bottom-[-15%] lg:right-[-20%]",
@@ -28755,7 +28725,7 @@ var ParallaxImageShowcase = ({
               y,
               rotate
             },
-            children: /* @__PURE__ */ jsx259(
+            children: /* @__PURE__ */ jsx258(
               Image12,
               {
                 src: centerImage.src,
@@ -28767,7 +28737,7 @@ var ParallaxImageShowcase = ({
             )
           }
         ),
-        leftImage && /* @__PURE__ */ jsx259(
+        leftImage && /* @__PURE__ */ jsx258(
           motion2.div,
           {
             className: "absolute z-[3]\n            w-[85%] h-[65%] top-[10%] left-[-5%]\n            lg:w-[110%] lg:h-[90%] lg:top-[0%] lg:left-[-25%]",
@@ -28776,7 +28746,7 @@ var ParallaxImageShowcase = ({
               y,
               rotate
             },
-            children: /* @__PURE__ */ jsx259(
+            children: /* @__PURE__ */ jsx258(
               Image12,
               {
                 src: leftImage.src,
@@ -28797,7 +28767,7 @@ var ParallaxImageShowcase = ({
 init_button2();
 init_cn();
 import { Copy } from "lucide-react";
-import { jsx as jsx260, jsxs as jsxs213 } from "react/jsx-runtime";
+import { jsx as jsx259, jsxs as jsxs212 } from "react/jsx-runtime";
 function PathsDisplay({
   paths,
   onCopyPath,
@@ -28810,23 +28780,23 @@ function PathsDisplay({
   if (!paths || paths.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxs213("div", { className: cn("flex flex-col gap-3", className), children: [
-    title && /* @__PURE__ */ jsx260("div", { className: "text-ods-text-primary text-[16px] md:text-[18px]", children: title }),
-    description && /* @__PURE__ */ jsx260("div", { className: "text-ods-text-secondary text-[14px] md:text-[16px]", children: description }),
-    /* @__PURE__ */ jsx260("div", { className: "bg-ods-bg border border-ods-border rounded-[6px] overflow-hidden", children: paths.map((path) => /* @__PURE__ */ jsxs213(
+  return /* @__PURE__ */ jsxs212("div", { className: cn("flex flex-col gap-3", className), children: [
+    title && /* @__PURE__ */ jsx259("div", { className: "text-ods-text-primary text-[16px] md:text-[18px]", children: title }),
+    description && /* @__PURE__ */ jsx259("div", { className: "text-ods-text-secondary text-[14px] md:text-[16px]", children: description }),
+    /* @__PURE__ */ jsx259("div", { className: "bg-ods-bg border border-ods-border rounded-[6px] overflow-hidden", children: paths.map((path) => /* @__PURE__ */ jsxs212(
       "div",
       {
         className: "flex items-center justify-between p-4 border-b border-ods-border last:border-b-0",
         children: [
-          /* @__PURE__ */ jsx260("span", { className: "text-ods-text-primary font-medium text-[14px] md:text-[16px] font-mono break-all", children: path }),
-          showCopyButtons && onCopyPath && /* @__PURE__ */ jsx260(
+          /* @__PURE__ */ jsx259("span", { className: "text-ods-text-primary font-medium text-[14px] md:text-[16px] font-mono break-all", children: path }),
+          showCopyButtons && onCopyPath && /* @__PURE__ */ jsx259(
             Button,
             {
               variant: "transparent",
               size: "small-legacy",
               onClick: () => onCopyPath(path),
               className: "ml-4 shrink-0",
-              children: /* @__PURE__ */ jsx260(Copy, { className: copyIconSize })
+              children: /* @__PURE__ */ jsx259(Copy, { className: copyIconSize })
             }
           )
         ]
@@ -28861,7 +28831,7 @@ function getOpenFramePaths(platform) {
 // src/components/features/platform-badge.tsx
 init_cn();
 import { Globe as Globe2 } from "lucide-react";
-import { jsx as jsx261, jsxs as jsxs214 } from "react/jsx-runtime";
+import { jsx as jsx260, jsxs as jsxs213 } from "react/jsx-runtime";
 var sizeClasses4 = {
   xs: {
     container: "gap-1 px-1.5 py-0.5",
@@ -28941,22 +28911,22 @@ var PlatformIcon = ({ platform, className }) => {
   const size = sizeMatch ? parseInt(sizeMatch[1]) * 4 : 16;
   switch (platform) {
     case "openmsp":
-      return /* @__PURE__ */ jsx261(OpenmspLogo, { className, frontBubbleColor: "currentColor", innerFrontBubbleColor: "#000000", backBubbleColor: "currentColor" });
+      return /* @__PURE__ */ jsx260(OpenmspLogo, { className, frontBubbleColor: "currentColor", innerFrontBubbleColor: "#000000", backBubbleColor: "currentColor" });
     case "flamingo":
     case "flamingo-teaser":
-      return /* @__PURE__ */ jsx261(FlamingoLogo, { className });
+      return /* @__PURE__ */ jsx260(FlamingoLogo, { className });
     case "openframe":
-      return /* @__PURE__ */ jsx261(OpenFrameLogo, { className });
+      return /* @__PURE__ */ jsx260(OpenFrameLogo, { className });
     case "tmcg":
-      return /* @__PURE__ */ jsx261(MiamiCyberGangLogoFaceOnly, { size, className });
+      return /* @__PURE__ */ jsx260(MiamiCyberGangLogoFaceOnly, { size, className });
     case "company-hub":
     case "marketing-hub":
     case "product-hub":
     case "revenue-hub":
     case "people-hub":
-      return /* @__PURE__ */ jsx261(FlamingoLogo, { className, fill: "currentColor" });
+      return /* @__PURE__ */ jsx260(FlamingoLogo, { className, fill: "currentColor" });
     default:
-      return /* @__PURE__ */ jsx261(Globe2, { className });
+      return /* @__PURE__ */ jsx260(Globe2, { className });
   }
 };
 function PlatformBadge({
@@ -28970,7 +28940,7 @@ function PlatformBadge({
   }
   const sizes = sizeClasses4[size];
   const colors = platformColors[platform.name] || platformColors.universal;
-  return /* @__PURE__ */ jsxs214(
+  return /* @__PURE__ */ jsxs213(
     "div",
     {
       className: cn(
@@ -28983,8 +28953,8 @@ function PlatformBadge({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx261(PlatformIcon, { platform: platform.name, className: sizes.icon }),
-        showLabel && /* @__PURE__ */ jsx261("span", { className: sizes.text, children: platform.display_name || platform.name })
+        /* @__PURE__ */ jsx260(PlatformIcon, { platform: platform.name, className: sizes.icon }),
+        showLabel && /* @__PURE__ */ jsx260("span", { className: sizes.text, children: platform.display_name || platform.name })
       ]
     }
   );
@@ -28992,7 +28962,7 @@ function PlatformBadge({
 
 // src/components/features/platform-filter.tsx
 init_button2();
-import { jsx as jsx262, jsxs as jsxs215 } from "react/jsx-runtime";
+import { jsx as jsx261, jsxs as jsxs214 } from "react/jsx-runtime";
 function PlatformFilterComponent({
   selectedPlatform,
   onPlatformChange,
@@ -29001,8 +28971,8 @@ function PlatformFilterComponent({
   showIcons = true,
   size = "small-legacy"
 }) {
-  return /* @__PURE__ */ jsxs215("div", { className: `flex items-center gap-2 flex-wrap ${className}`, children: [
-    /* @__PURE__ */ jsx262(
+  return /* @__PURE__ */ jsxs214("div", { className: `flex items-center gap-2 flex-wrap ${className}`, children: [
+    /* @__PURE__ */ jsx261(
       Button,
       {
         type: "button",
@@ -29013,7 +28983,7 @@ function PlatformFilterComponent({
         children: "All Platforms"
       }
     ),
-    platforms.map((platform) => /* @__PURE__ */ jsx262(
+    platforms.map((platform) => /* @__PURE__ */ jsx261(
       Button,
       {
         type: "button",
@@ -29031,26 +29001,26 @@ function PlatformFilterComponent({
 
 // src/components/features/push-button-selector.tsx
 import { Check as Check4 } from "lucide-react";
-import { jsx as jsx263, jsxs as jsxs216 } from "react/jsx-runtime";
+import { jsx as jsx262, jsxs as jsxs215 } from "react/jsx-runtime";
 function PushButtonSelectorSkeleton({ count = 3, hasTitle }) {
-  return /* @__PURE__ */ jsxs216("div", { className: "space-y-3", children: [
-    hasTitle && /* @__PURE__ */ jsx263("div", { className: "h-5 w-20 bg-ods-bg-secondary rounded animate-pulse" }),
-    /* @__PURE__ */ jsx263("div", { className: "space-y-3", children: [...Array(count)].map((_, i) => /* @__PURE__ */ jsx263("div", { className: "p-4 rounded-lg border border-ods-border bg-ods-bg-secondary animate-pulse", children: /* @__PURE__ */ jsxs216("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs216("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx263("div", { className: "w-8 h-8 bg-ods-bg-primary rounded" }),
-        /* @__PURE__ */ jsxs216("div", { children: [
-          /* @__PURE__ */ jsx263("div", { className: "h-4 w-20 bg-ods-bg-primary rounded mb-1" }),
-          /* @__PURE__ */ jsx263("div", { className: "h-3 w-32 bg-ods-bg-primary rounded" })
+  return /* @__PURE__ */ jsxs215("div", { className: "space-y-3", children: [
+    hasTitle && /* @__PURE__ */ jsx262("div", { className: "h-5 w-20 bg-ods-bg-secondary rounded animate-pulse" }),
+    /* @__PURE__ */ jsx262("div", { className: "space-y-3", children: [...Array(count)].map((_, i) => /* @__PURE__ */ jsx262("div", { className: "p-4 rounded-lg border border-ods-border bg-ods-bg-secondary animate-pulse", children: /* @__PURE__ */ jsxs215("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs215("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx262("div", { className: "w-8 h-8 bg-ods-bg-primary rounded" }),
+        /* @__PURE__ */ jsxs215("div", { children: [
+          /* @__PURE__ */ jsx262("div", { className: "h-4 w-20 bg-ods-bg-primary rounded mb-1" }),
+          /* @__PURE__ */ jsx262("div", { className: "h-3 w-32 bg-ods-bg-primary rounded" })
         ] })
       ] }),
-      /* @__PURE__ */ jsx263("div", { className: "w-6 h-6 bg-ods-bg-primary rounded border-2 border-ods-border" })
+      /* @__PURE__ */ jsx262("div", { className: "w-6 h-6 bg-ods-bg-primary rounded border-2 border-ods-border" })
     ] }) }, i)) })
   ] });
 }
 function PushButtonSelectorError({ message, title }) {
-  return /* @__PURE__ */ jsxs216("div", { className: "space-y-3", children: [
-    title && /* @__PURE__ */ jsx263("h3", { className: "text-h5 text-ods-text-primary", children: title }),
-    /* @__PURE__ */ jsx263("div", { className: "p-4 bg-ods-attention-red-error-secondary border border-ods-attention-red-error/30 rounded-lg", children: /* @__PURE__ */ jsxs216("div", { className: "font-['DM_Sans'] text-[14px] text-ods-attention-red-error", children: [
+  return /* @__PURE__ */ jsxs215("div", { className: "space-y-3", children: [
+    title && /* @__PURE__ */ jsx262("h3", { className: "text-h5 text-ods-text-primary", children: title }),
+    /* @__PURE__ */ jsx262("div", { className: "p-4 bg-ods-attention-red-error-secondary border border-ods-attention-red-error/30 rounded-lg", children: /* @__PURE__ */ jsxs215("div", { className: "font-['DM_Sans'] text-[14px] text-ods-attention-red-error", children: [
       "\u26A0\uFE0F ",
       message
     ] }) })
@@ -29072,10 +29042,10 @@ function PushButtonSelector({
   sections
 }) {
   if (isLoading) {
-    return /* @__PURE__ */ jsx263("div", { className, children: /* @__PURE__ */ jsx263(PushButtonSelectorSkeleton, { count: skeletonCount, hasTitle: !!title }) });
+    return /* @__PURE__ */ jsx262("div", { className, children: /* @__PURE__ */ jsx262(PushButtonSelectorSkeleton, { count: skeletonCount, hasTitle: !!title }) });
   }
   if (error) {
-    return /* @__PURE__ */ jsx263("div", { className, children: /* @__PURE__ */ jsx263(PushButtonSelectorError, { message: error, title }) });
+    return /* @__PURE__ */ jsx262("div", { className, children: /* @__PURE__ */ jsx262(PushButtonSelectorError, { message: error, title }) });
   }
   const validSelectedIds = options.length > 0 ? selectedIds.filter((id) => options.some((option) => option.id === id)) : selectedIds;
   if (process.env.NODE_ENV === "development" && options.length > 0 && validSelectedIds.length !== selectedIds.length) {
@@ -29097,7 +29067,7 @@ function PushButtonSelector({
   const getSelectedOptions = () => options.filter((option) => validSelectedIds.includes(option.id));
   const renderOption = (option) => {
     const isSelected = validSelectedIds.includes(option.id);
-    return /* @__PURE__ */ jsx263(
+    return /* @__PURE__ */ jsx262(
       "div",
       {
         className: `
@@ -29105,18 +29075,18 @@ function PushButtonSelector({
           ${option.disabled ? "cursor-not-allowed opacity-40 bg-ods-card border-ods-border" : isSelected ? "cursor-pointer bg-ods-bg-secondary border-ods-accent shadow-sm" : "cursor-pointer bg-ods-bg-primary border-ods-border hover:border-ods-border-hover hover:bg-ods-bg-hover"}
         `,
         onClick: () => !option.disabled && toggleSelection(option.id),
-        children: /* @__PURE__ */ jsxs216("div", { className: "flex items-center justify-between gap-4", children: [
-          /* @__PURE__ */ jsxs216("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
-            option.icon && /* @__PURE__ */ jsx263("div", { className: `flex-shrink-0 transition-transform duration-200 ${isSelected ? "scale-110" : "group-hover:scale-105"}`, children: option.icon }),
-            /* @__PURE__ */ jsxs216("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsx263("div", { className: "font-['DM_Sans'] text-[16px] font-semibold text-ods-text-primary", children: option.displayName || option.name }),
-              option.description && /* @__PURE__ */ jsx263("div", { className: "font-['DM_Sans'] text-[12px] text-ods-text-secondary line-clamp-2", children: option.description })
+        children: /* @__PURE__ */ jsxs215("div", { className: "flex items-center justify-between gap-4", children: [
+          /* @__PURE__ */ jsxs215("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
+            option.icon && /* @__PURE__ */ jsx262("div", { className: `flex-shrink-0 transition-transform duration-200 ${isSelected ? "scale-110" : "group-hover:scale-105"}`, children: option.icon }),
+            /* @__PURE__ */ jsxs215("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsx262("div", { className: "font-['DM_Sans'] text-[16px] font-semibold text-ods-text-primary", children: option.displayName || option.name }),
+              option.description && /* @__PURE__ */ jsx262("div", { className: "font-['DM_Sans'] text-[12px] text-ods-text-secondary line-clamp-2", children: option.description })
             ] })
           ] }),
-          /* @__PURE__ */ jsx263("div", { className: `
+          /* @__PURE__ */ jsx262("div", { className: `
             flex-shrink-0 w-6 h-6 rounded border-2 flex items-center justify-center transition-all duration-200
             ${isSelected ? "bg-ods-accent border-ods-accent scale-110" : "border-ods-border group-hover:border-ods-border-hover"}
-          `, children: isSelected && /* @__PURE__ */ jsx263(Check4, { className: "w-4 h-4 text-ods-text-primary font-bold", strokeWidth: 3 }) })
+          `, children: isSelected && /* @__PURE__ */ jsx262(Check4, { className: "w-4 h-4 text-ods-text-primary font-bold", strokeWidth: 3 }) })
         ] })
       },
       option.id
@@ -29124,7 +29094,7 @@ function PushButtonSelector({
   };
   const renderOptionsContent = () => {
     if (!sections || sections.length === 0) {
-      return /* @__PURE__ */ jsx263("div", { className: "space-y-3", children: options.map(renderOption) });
+      return /* @__PURE__ */ jsx262("div", { className: "space-y-3", children: options.map(renderOption) });
     }
     const optionsBySection = /* @__PURE__ */ new Map();
     const ungroupedOptions = [];
@@ -29136,38 +29106,38 @@ function PushButtonSelector({
         ungroupedOptions.push(option);
       }
     });
-    return /* @__PURE__ */ jsxs216("div", { className: "space-y-4", children: [
+    return /* @__PURE__ */ jsxs215("div", { className: "space-y-4", children: [
       sections.map((section) => {
         const sectionOptions = optionsBySection.get(section.id) || [];
         if (sectionOptions.length === 0) return null;
-        return /* @__PURE__ */ jsxs216("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsxs216("div", { className: "flex items-center gap-2 px-1", children: [
-            section.icon && /* @__PURE__ */ jsx263("div", { className: "text-ods-text-secondary", children: section.icon }),
-            /* @__PURE__ */ jsxs216("div", { children: [
-              /* @__PURE__ */ jsx263("div", { className: "font-['DM_Sans'] text-[14px] font-semibold text-ods-text-primary", children: section.label }),
-              section.description && /* @__PURE__ */ jsx263("div", { className: "font-['DM_Sans'] text-[11px] text-ods-text-tertiary", children: section.description })
+        return /* @__PURE__ */ jsxs215("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxs215("div", { className: "flex items-center gap-2 px-1", children: [
+            section.icon && /* @__PURE__ */ jsx262("div", { className: "text-ods-text-secondary", children: section.icon }),
+            /* @__PURE__ */ jsxs215("div", { children: [
+              /* @__PURE__ */ jsx262("div", { className: "font-['DM_Sans'] text-[14px] font-semibold text-ods-text-primary", children: section.label }),
+              section.description && /* @__PURE__ */ jsx262("div", { className: "font-['DM_Sans'] text-[11px] text-ods-text-tertiary", children: section.description })
             ] })
           ] }),
-          /* @__PURE__ */ jsx263("div", { className: "space-y-2", children: sectionOptions.map(renderOption) })
+          /* @__PURE__ */ jsx262("div", { className: "space-y-2", children: sectionOptions.map(renderOption) })
         ] }, section.id);
       }),
-      ungroupedOptions.length > 0 && /* @__PURE__ */ jsx263("div", { className: "space-y-2", children: ungroupedOptions.map(renderOption) })
+      ungroupedOptions.length > 0 && /* @__PURE__ */ jsx262("div", { className: "space-y-2", children: ungroupedOptions.map(renderOption) })
     ] });
   };
-  return /* @__PURE__ */ jsxs216("div", { className: `space-y-4 ${className}`, children: [
-    title && /* @__PURE__ */ jsx263("h3", { className: "text-h5 text-ods-text-primary", children: title }),
+  return /* @__PURE__ */ jsxs215("div", { className: `space-y-4 ${className}`, children: [
+    title && /* @__PURE__ */ jsx262("h3", { className: "text-h5 text-ods-text-primary", children: title }),
     renderOptionsContent(),
-    selectionSummary && validSelectedIds.length > 0 && /* @__PURE__ */ jsxs216("div", { className: "p-4 bg-ods-attention-green-success-secondary border border-ods-attention-green-success/30 rounded-lg", children: [
-      /* @__PURE__ */ jsxs216("div", { className: "flex items-center gap-2 mb-2", children: [
-        /* @__PURE__ */ jsx263("div", { className: "w-2 h-2 bg-ods-attention-green-success rounded-full" }),
-        /* @__PURE__ */ jsxs216("span", { className: "font-['DM_Sans'] text-[14px] text-ods-attention-green-success font-medium", children: [
+    selectionSummary && validSelectedIds.length > 0 && /* @__PURE__ */ jsxs215("div", { className: "p-4 bg-ods-attention-green-success-secondary border border-ods-attention-green-success/30 rounded-lg", children: [
+      /* @__PURE__ */ jsxs215("div", { className: "flex items-center gap-2 mb-2", children: [
+        /* @__PURE__ */ jsx262("div", { className: "w-2 h-2 bg-ods-attention-green-success rounded-full" }),
+        /* @__PURE__ */ jsxs215("span", { className: "font-['DM_Sans'] text-[14px] text-ods-attention-green-success font-medium", children: [
           validSelectedIds.length,
           " ",
           multiSelect ? "items" : "item",
           " selected"
         ] })
       ] }),
-      /* @__PURE__ */ jsx263("div", { className: "flex flex-wrap gap-2", children: getSelectedOptions().map((option) => /* @__PURE__ */ jsx263(
+      /* @__PURE__ */ jsx262("div", { className: "flex flex-wrap gap-2", children: getSelectedOptions().map((option) => /* @__PURE__ */ jsx262(
         Badge,
         {
           className: "bg-ods-accent text-ods-text-primary font-['DM_Sans'] text-[12px] font-medium",
@@ -29176,8 +29146,8 @@ function PushButtonSelector({
         option.id
       )) })
     ] }),
-    helpText && /* @__PURE__ */ jsx263("div", { className: "text-[12px] text-ods-text-secondary font-['DM_Sans']", children: helpText }),
-    validSelectedIds.length === 0 && title && !optional && /* @__PURE__ */ jsx263("div", { className: "p-3 bg-ods-attention-red-error-secondary border border-ods-attention-red-error/30 rounded-lg", children: /* @__PURE__ */ jsx263("div", { className: "font-['DM_Sans'] text-[12px] text-ods-attention-red-error", children: "\u26A0\uFE0F Please select at least one option" }) })
+    helpText && /* @__PURE__ */ jsx262("div", { className: "text-[12px] text-ods-text-secondary font-['DM_Sans']", children: helpText }),
+    validSelectedIds.length === 0 && title && !optional && /* @__PURE__ */ jsx262("div", { className: "p-3 bg-ods-attention-red-error-secondary border border-ods-attention-red-error/30 rounded-lg", children: /* @__PURE__ */ jsx262("div", { className: "font-['DM_Sans'] text-[12px] text-ods-attention-red-error", children: "\u26A0\uFE0F Please select at least one option" }) })
   ] });
 }
 
@@ -29185,7 +29155,7 @@ function PushButtonSelector({
 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 { jsx as jsx264, jsxs as jsxs217 } from "react/jsx-runtime";
+import { jsx as jsx263, jsxs as jsxs216 } from "react/jsx-runtime";
 function ReleaseMediaManager({
   media,
   onChange,
@@ -29257,33 +29227,33 @@ function ReleaseMediaManager({
     switch (type) {
       case "video":
       case "demo":
-        return /* @__PURE__ */ jsx264(Video5, { className: "w-5 h-5 text-ods-text-secondary" });
+        return /* @__PURE__ */ jsx263(Video5, { className: "w-5 h-5 text-ods-text-secondary" });
       default:
-        return /* @__PURE__ */ jsx264(ImageIcon3, { className: "w-5 h-5 text-ods-text-secondary" });
+        return /* @__PURE__ */ jsx263(ImageIcon3, { className: "w-5 h-5 text-ods-text-secondary" });
     }
   };
-  return /* @__PURE__ */ jsxs217("div", { className: `space-y-4 ${className}`, children: [
-    /* @__PURE__ */ jsx264("div", { className: "border-2 border-dashed border-ods-border rounded-lg p-6 text-center hover:border-[#FFC008]/50 transition-colors", children: /* @__PURE__ */ jsxs217("div", { className: "flex flex-col items-center gap-4", children: [
-      /* @__PURE__ */ jsx264("div", { className: "w-12 h-12 rounded-full bg-ods-card flex items-center justify-center", children: uploadingIndex !== null ? /* @__PURE__ */ jsx264(Loader28, { className: "h-6 w-6 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsx264(Upload4, { className: "h-6 w-6 text-ods-accent" }) }),
-      /* @__PURE__ */ jsxs217("div", { children: [
-        /* @__PURE__ */ jsx264("h3", { className: "font-['DM_Sans'] font-semibold text-ods-text-primary mb-1", children: uploadingIndex !== null ? "Uploading..." : "Upload Media" }),
-        /* @__PURE__ */ jsx264("p", { className: "text-sm text-ods-text-secondary", children: "Drag and drop or click to select images and videos" }),
-        /* @__PURE__ */ jsx264("p", { className: "text-xs text-ods-text-secondary mt-1", children: "Maximum file size: 50MB" })
+  return /* @__PURE__ */ jsxs216("div", { className: `space-y-4 ${className}`, children: [
+    /* @__PURE__ */ jsx263("div", { className: "border-2 border-dashed border-ods-border rounded-lg p-6 text-center hover:border-[#FFC008]/50 transition-colors", children: /* @__PURE__ */ jsxs216("div", { className: "flex flex-col items-center gap-4", children: [
+      /* @__PURE__ */ jsx263("div", { className: "w-12 h-12 rounded-full bg-ods-card flex items-center justify-center", children: uploadingIndex !== null ? /* @__PURE__ */ jsx263(Loader28, { className: "h-6 w-6 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsx263(Upload4, { className: "h-6 w-6 text-ods-accent" }) }),
+      /* @__PURE__ */ jsxs216("div", { children: [
+        /* @__PURE__ */ jsx263("h3", { className: "font-['DM_Sans'] font-semibold text-ods-text-primary mb-1", children: uploadingIndex !== null ? "Uploading..." : "Upload Media" }),
+        /* @__PURE__ */ jsx263("p", { className: "text-sm text-ods-text-secondary", children: "Drag and drop or click to select images and videos" }),
+        /* @__PURE__ */ jsx263("p", { className: "text-xs text-ods-text-secondary mt-1", children: "Maximum file size: 50MB" })
       ] }),
-      /* @__PURE__ */ jsx264(
+      /* @__PURE__ */ jsx263(
         Button,
         {
           type: "button",
           variant: "outline",
           onClick: () => fileInputRef.current?.click(),
           disabled: uploadingIndex !== null,
-          leftIcon: /* @__PURE__ */ jsx264(Plus5, { className: "h-4 w-4" }),
+          leftIcon: /* @__PURE__ */ jsx263(Plus5, { className: "h-4 w-4" }),
           className: "font-['DM_Sans'] text-[16px] font-bold",
           children: uploadingIndex !== null ? "Uploading..." : "Select Files"
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx264(
+    /* @__PURE__ */ jsx263(
       "input",
       {
         ref: fileInputRef,
@@ -29294,16 +29264,16 @@ function ReleaseMediaManager({
         disabled: uploadingIndex !== null
       }
     ),
-    media.length > 0 && /* @__PURE__ */ jsxs217("div", { children: [
-      /* @__PURE__ */ jsxs217("div", { className: "flex items-center justify-between mb-4", children: [
-        /* @__PURE__ */ jsxs217(Label, { className: "text-[14px] text-ods-text-primary", children: [
+    media.length > 0 && /* @__PURE__ */ jsxs216("div", { children: [
+      /* @__PURE__ */ jsxs216("div", { className: "flex items-center justify-between mb-4", children: [
+        /* @__PURE__ */ jsxs216(Label, { className: "text-[14px] text-ods-text-primary", children: [
           "Media Gallery (",
           media.length,
           ")"
         ] }),
-        /* @__PURE__ */ jsx264("p", { className: "text-xs text-ods-text-secondary", children: "Drag to reorder" })
+        /* @__PURE__ */ jsx263("p", { className: "text-xs text-ods-text-secondary", children: "Drag to reorder" })
       ] }),
-      /* @__PURE__ */ jsx264("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: media.map((item, index) => /* @__PURE__ */ jsxs217(
+      /* @__PURE__ */ jsx263("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: media.map((item, index) => /* @__PURE__ */ jsxs216(
         "div",
         {
           draggable: !item._uploading,
@@ -29312,8 +29282,8 @@ function ReleaseMediaManager({
           onDrop: handleDrop(index),
           className: "relative group border border-ods-border rounded-lg overflow-hidden hover:border-[#FFC008]/30 transition-colors bg-ods-bg-secondary",
           children: [
-            /* @__PURE__ */ jsx264("div", { className: "absolute top-2 left-2 opacity-0 group-hover:opacity-100 transition-opacity cursor-move z-10", children: /* @__PURE__ */ jsx264(GripVertical2, { className: "h-4 w-4 text-white drop-shadow" }) }),
-            /* @__PURE__ */ jsx264("div", { className: "absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity z-10", children: /* @__PURE__ */ jsx264(
+            /* @__PURE__ */ jsx263("div", { className: "absolute top-2 left-2 opacity-0 group-hover:opacity-100 transition-opacity cursor-move z-10", children: /* @__PURE__ */ jsx263(GripVertical2, { className: "h-4 w-4 text-white drop-shadow" }) }),
+            /* @__PURE__ */ jsx263("div", { className: "absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity z-10", children: /* @__PURE__ */ jsx263(
               Button,
               {
                 type: "button",
@@ -29322,10 +29292,10 @@ function ReleaseMediaManager({
                 onClick: () => removeMedia(index),
                 disabled: item._uploading,
                 className: "h-8 w-8 p-0 bg-red-500 hover:bg-red-600 border-red-500",
-                children: /* @__PURE__ */ jsx264(Trash25, { className: "h-4 w-4 text-white" })
+                children: /* @__PURE__ */ jsx263(Trash25, { className: "h-4 w-4 text-white" })
               }
             ) }),
-            item.media_url && /* @__PURE__ */ jsx264("div", { className: "aspect-video relative bg-[#1A1A1A]", children: item.media_type === "video" || item.media_type === "demo" ? /* @__PURE__ */ jsx264(
+            item.media_url && /* @__PURE__ */ jsx263("div", { className: "aspect-video relative bg-[#1A1A1A]", children: item.media_type === "video" || item.media_type === "demo" ? /* @__PURE__ */ jsx263(
               "video",
               {
                 src: item.media_url,
@@ -29333,7 +29303,7 @@ function ReleaseMediaManager({
                 controls: true,
                 preload: "metadata"
               }
-            ) : /* @__PURE__ */ jsx264(
+            ) : /* @__PURE__ */ jsx263(
               Image13,
               {
                 src: item.media_url,
@@ -29343,32 +29313,32 @@ function ReleaseMediaManager({
                 sizes: "(max-width: 768px) 100vw, 50vw"
               }
             ) }),
-            item._uploading && /* @__PURE__ */ jsx264("div", { className: "aspect-video bg-[#1A1A1A] flex items-center justify-center", children: /* @__PURE__ */ jsxs217("div", { className: "flex flex-col items-center gap-2", children: [
-              /* @__PURE__ */ jsx264(Loader28, { className: "h-8 w-8 animate-spin text-ods-accent" }),
-              /* @__PURE__ */ jsx264("span", { className: "text-sm text-ods-text-secondary", children: "Uploading..." })
+            item._uploading && /* @__PURE__ */ jsx263("div", { className: "aspect-video bg-[#1A1A1A] flex items-center justify-center", children: /* @__PURE__ */ jsxs216("div", { className: "flex flex-col items-center gap-2", children: [
+              /* @__PURE__ */ jsx263(Loader28, { className: "h-8 w-8 animate-spin text-ods-accent" }),
+              /* @__PURE__ */ jsx263("span", { className: "text-sm text-ods-text-secondary", children: "Uploading..." })
             ] }) }),
-            /* @__PURE__ */ jsxs217("div", { className: "p-3 space-y-2", children: [
-              /* @__PURE__ */ jsxs217("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxs216("div", { className: "p-3 space-y-2", children: [
+              /* @__PURE__ */ jsxs216("div", { className: "flex items-center gap-2", children: [
                 getIcon(item.media_type),
-                /* @__PURE__ */ jsxs217(
+                /* @__PURE__ */ jsxs216(
                   Select,
                   {
                     value: item.media_type,
                     onValueChange: (value) => updateMedia(index, "media_type", value),
                     disabled: item._uploading,
                     children: [
-                      /* @__PURE__ */ jsx264(SelectTrigger, { className: "bg-[#161616] h-8 text-xs", children: /* @__PURE__ */ jsx264(SelectValue, {}) }),
-                      /* @__PURE__ */ jsxs217(SelectContent, { className: "bg-ods-card", children: [
-                        /* @__PURE__ */ jsx264(SelectItem, { value: "image", children: "Image" }),
-                        /* @__PURE__ */ jsx264(SelectItem, { value: "video", children: "Video" }),
-                        /* @__PURE__ */ jsx264(SelectItem, { value: "screenshot", children: "Screenshot" }),
-                        /* @__PURE__ */ jsx264(SelectItem, { value: "demo", children: "Demo" })
+                      /* @__PURE__ */ jsx263(SelectTrigger, { className: "bg-[#161616] h-8 text-xs", children: /* @__PURE__ */ jsx263(SelectValue, {}) }),
+                      /* @__PURE__ */ jsxs216(SelectContent, { className: "bg-ods-card", children: [
+                        /* @__PURE__ */ jsx263(SelectItem, { value: "image", children: "Image" }),
+                        /* @__PURE__ */ jsx263(SelectItem, { value: "video", children: "Video" }),
+                        /* @__PURE__ */ jsx263(SelectItem, { value: "screenshot", children: "Screenshot" }),
+                        /* @__PURE__ */ jsx263(SelectItem, { value: "demo", children: "Demo" })
                       ] })
                     ]
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx264(
+              /* @__PURE__ */ jsx263(
                 Input,
                 {
                   placeholder: "Title (optional)",
@@ -29385,10 +29355,10 @@ function ReleaseMediaManager({
         index
       )) })
     ] }),
-    media.length === 0 && /* @__PURE__ */ jsxs217("div", { className: "text-center py-8 px-4 bg-ods-bg-secondary border border-ods-border rounded-lg", children: [
-      /* @__PURE__ */ jsx264(ImageIcon3, { className: "h-12 w-12 text-ods-text-secondary mx-auto mb-4" }),
-      /* @__PURE__ */ jsx264("h3", { className: "font-['DM_Sans'] font-semibold text-ods-text-primary mb-2", children: "No media uploaded yet" }),
-      /* @__PURE__ */ jsx264("p", { className: "text-sm text-ods-text-secondary", children: "Upload your first image or video to get started" })
+    media.length === 0 && /* @__PURE__ */ jsxs216("div", { className: "text-center py-8 px-4 bg-ods-bg-secondary border border-ods-border rounded-lg", children: [
+      /* @__PURE__ */ jsx263(ImageIcon3, { className: "h-12 w-12 text-ods-text-secondary mx-auto mb-4" }),
+      /* @__PURE__ */ jsx263("h3", { className: "font-['DM_Sans'] font-semibold text-ods-text-primary mb-2", children: "No media uploaded yet" }),
+      /* @__PURE__ */ jsx263("p", { className: "text-sm text-ods-text-secondary", children: "Upload your first image or video to get started" })
     ] })
   ] });
 }
@@ -29396,10 +29366,10 @@ function ReleaseMediaManager({
 // src/components/features/select-button.tsx
 init_cn();
 import React92 from "react";
-import { jsx as jsx265, jsxs as jsxs218 } from "react/jsx-runtime";
+import { jsx as jsx264, jsxs as jsxs217 } from "react/jsx-runtime";
 var SelectButton = React92.forwardRef(
   ({ title, description, selected = false, disabled = false, icon, image, tag, tagVariant = "outline", onClick, className }, ref) => {
-    return /* @__PURE__ */ jsxs218(
+    return /* @__PURE__ */ jsxs217(
       "button",
       {
         ref,
@@ -29417,8 +29387,8 @@ var SelectButton = React92.forwardRef(
           className
         ),
         children: [
-          icon && /* @__PURE__ */ jsx265("span", { className: cn("shrink-0 flex items-center justify-center size-4 md:size-6", selected ? "text-ods-accent" : "text-ods-text-secondary"), children: icon }),
-          image && /* @__PURE__ */ jsx265("span", { className: "shrink-0 size-10 rounded overflow-hidden", children: /* @__PURE__ */ jsx265(
+          icon && /* @__PURE__ */ jsx264("span", { className: cn("shrink-0 flex items-center justify-center size-4 md:size-6", selected ? "text-ods-accent" : "text-ods-text-secondary"), children: icon }),
+          image && /* @__PURE__ */ jsx264("span", { className: "shrink-0 size-10 rounded overflow-hidden", children: /* @__PURE__ */ jsx264(
             "img",
             {
               src: image.src,
@@ -29426,9 +29396,9 @@ var SelectButton = React92.forwardRef(
               className: "size-full object-cover"
             }
           ) }),
-          /* @__PURE__ */ jsxs218("span", { className: "flex flex-1 flex-col justify-center min-w-0 overflow-hidden", children: [
-            /* @__PURE__ */ jsx265("span", { className: "md:text-[18px] text-[14px] font-medium text-ods-text-primary truncate", children: title }),
-            description && /* @__PURE__ */ jsx265(
+          /* @__PURE__ */ jsxs217("span", { className: "flex flex-1 flex-col justify-center min-w-0 overflow-hidden", children: [
+            /* @__PURE__ */ jsx264("span", { className: "md:text-[18px] text-[14px] font-medium text-ods-text-primary truncate", children: title }),
+            description && /* @__PURE__ */ jsx264(
               "span",
               {
                 className: cn(
@@ -29439,8 +29409,8 @@ var SelectButton = React92.forwardRef(
               }
             )
           ] }),
-          tag && /* @__PURE__ */ jsx265(Tag, { variant: tagVariant, className: "shrink-0", label: tag }),
-          selected && /* @__PURE__ */ jsx265(
+          tag && /* @__PURE__ */ jsx264(Tag, { variant: tagVariant, className: "shrink-0", label: tag }),
+          selected && /* @__PURE__ */ jsx264(
             CheckCircleIcon,
             {
               className: "shrink-0 size-4 md:size-6 text-ods-accent"
@@ -29457,7 +29427,7 @@ SelectButton.displayName = "SelectButton";
 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 { Fragment as Fragment39, jsx as jsx266, jsxs as jsxs219 } from "react/jsx-runtime";
+import { Fragment as Fragment39, jsx as jsx265, jsxs as jsxs218 } from "react/jsx-runtime";
 function SEOEditorPreview({
   seoTitle,
   seoDescription,
@@ -29500,18 +29470,18 @@ function SEOEditorPreview({
       setIsUploading(false);
     }
   };
-  return /* @__PURE__ */ jsxs219("div", { className: cn("space-y-6 p-6 bg-ods-card border border-ods-border rounded-lg", className), children: [
-    /* @__PURE__ */ jsx266("h3", { className: "text-h5 text-ods-text-primary", children: "SEO & Open Graph" }),
-    /* @__PURE__ */ jsxs219("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-4", children: [
-      /* @__PURE__ */ jsxs219("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsxs219("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx266(Label, { className: "font-['DM_Sans'] text-[14px] font-medium text-ods-text-primary", children: "SEO Title" }),
-          aiConfidenceSeoTitle !== void 0 && /* @__PURE__ */ jsxs219(Fragment39, { children: [
-            /* @__PURE__ */ jsxs219(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx266(Sparkles2, { className: "h-3 w-3" }),
+  return /* @__PURE__ */ jsxs218("div", { className: cn("space-y-6 p-6 bg-ods-card border border-ods-border rounded-lg", className), children: [
+    /* @__PURE__ */ jsx265("h3", { className: "text-h5 text-ods-text-primary", children: "SEO & Open Graph" }),
+    /* @__PURE__ */ jsxs218("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsxs218("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs218("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx265(Label, { className: "font-['DM_Sans'] text-[14px] font-medium text-ods-text-primary", children: "SEO Title" }),
+          aiConfidenceSeoTitle !== void 0 && /* @__PURE__ */ jsxs218(Fragment39, { children: [
+            /* @__PURE__ */ jsxs218(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx265(Sparkles2, { className: "h-3 w-3" }),
               "AI Generated"
             ] }),
-            /* @__PURE__ */ jsx266(
+            /* @__PURE__ */ jsx265(
               ConfidenceBadge,
               {
                 confidence: aiConfidenceSeoTitle,
@@ -29522,7 +29492,7 @@ function SEOEditorPreview({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx266(
+        /* @__PURE__ */ jsx265(
           Input,
           {
             value: seoTitle || "",
@@ -29532,17 +29502,17 @@ function SEOEditorPreview({
             className: "bg-ods-bg border-ods-border text-ods-text-primary"
           }
         ),
-        !seoTitle && title && /* @__PURE__ */ jsx266("p", { className: "text-[11px] text-ods-accent font-['DM_Sans']", children: "Auto-populated from title" })
+        !seoTitle && title && /* @__PURE__ */ jsx265("p", { className: "text-[11px] text-ods-accent font-['DM_Sans']", children: "Auto-populated from title" })
       ] }),
-      /* @__PURE__ */ jsxs219("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsxs219("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx266(Label, { className: "font-['DM_Sans'] text-[14px] font-medium text-ods-text-primary", children: "SEO Keywords" }),
-          aiConfidenceSeoKeywords !== void 0 && /* @__PURE__ */ jsxs219(Fragment39, { children: [
-            /* @__PURE__ */ jsxs219(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx266(Sparkles2, { className: "h-3 w-3" }),
+      /* @__PURE__ */ jsxs218("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs218("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx265(Label, { className: "font-['DM_Sans'] text-[14px] font-medium text-ods-text-primary", children: "SEO Keywords" }),
+          aiConfidenceSeoKeywords !== void 0 && /* @__PURE__ */ jsxs218(Fragment39, { children: [
+            /* @__PURE__ */ jsxs218(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx265(Sparkles2, { className: "h-3 w-3" }),
               "AI Generated"
             ] }),
-            /* @__PURE__ */ jsx266(
+            /* @__PURE__ */ jsx265(
               ConfidenceBadge,
               {
                 confidence: aiConfidenceSeoKeywords,
@@ -29553,7 +29523,7 @@ function SEOEditorPreview({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx266(
+        /* @__PURE__ */ jsx265(
           Input,
           {
             value: seoKeywords || "",
@@ -29565,16 +29535,16 @@ function SEOEditorPreview({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs219("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-4", children: [
-      /* @__PURE__ */ jsxs219("div", { className: "space-y-2 flex flex-col h-full", children: [
-        /* @__PURE__ */ jsxs219("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx266(Label, { className: "font-['DM_Sans'] text-[14px] font-medium text-ods-text-primary", children: "SEO Description" }),
-          aiConfidenceSeoDescription !== void 0 && /* @__PURE__ */ jsxs219(Fragment39, { children: [
-            /* @__PURE__ */ jsxs219(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx266(Sparkles2, { className: "h-3 w-3" }),
+    /* @__PURE__ */ jsxs218("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsxs218("div", { className: "space-y-2 flex flex-col h-full", children: [
+        /* @__PURE__ */ jsxs218("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx265(Label, { className: "font-['DM_Sans'] text-[14px] font-medium text-ods-text-primary", children: "SEO Description" }),
+          aiConfidenceSeoDescription !== void 0 && /* @__PURE__ */ jsxs218(Fragment39, { children: [
+            /* @__PURE__ */ jsxs218(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx265(Sparkles2, { className: "h-3 w-3" }),
               "AI Generated"
             ] }),
-            /* @__PURE__ */ jsx266(
+            /* @__PURE__ */ jsx265(
               ConfidenceBadge,
               {
                 confidence: aiConfidenceSeoDescription,
@@ -29585,7 +29555,7 @@ function SEOEditorPreview({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx266(
+        /* @__PURE__ */ jsx265(
           Textarea,
           {
             value: seoDescription || "",
@@ -29596,13 +29566,13 @@ function SEOEditorPreview({
             rows: 6
           }
         ),
-        !seoDescription && summary && /* @__PURE__ */ jsx266("p", { className: "text-[11px] text-ods-accent font-['DM_Sans']", children: "Auto-populated from summary" })
+        !seoDescription && summary && /* @__PURE__ */ jsx265("p", { className: "text-[11px] text-ods-accent font-['DM_Sans']", children: "Auto-populated from summary" })
       ] }),
-      /* @__PURE__ */ jsxs219("div", { className: "space-y-2 flex flex-col h-full", children: [
-        /* @__PURE__ */ jsx266(Label, { className: "font-['DM_Sans'] text-[14px] font-medium text-ods-text-primary", children: "OG Image" }),
-        /* @__PURE__ */ jsxs219("div", { className: "flex-1 relative", children: [
-          displayImage && !imageError ? /* @__PURE__ */ jsxs219("div", { className: "relative group h-full min-h-[280px]", children: [
-            /* @__PURE__ */ jsx266(
+      /* @__PURE__ */ jsxs218("div", { className: "space-y-2 flex flex-col h-full", children: [
+        /* @__PURE__ */ jsx265(Label, { className: "font-['DM_Sans'] text-[14px] font-medium text-ods-text-primary", children: "OG Image" }),
+        /* @__PURE__ */ jsxs218("div", { className: "flex-1 relative", children: [
+          displayImage && !imageError ? /* @__PURE__ */ jsxs218("div", { className: "relative group h-full min-h-[280px]", children: [
+            /* @__PURE__ */ jsx265(
               Image14,
               {
                 src: displayImage,
@@ -29612,8 +29582,8 @@ function SEOEditorPreview({
                 onError: () => setImageError(true)
               }
             ),
-            /* @__PURE__ */ jsxs219("div", { className: "absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-40 transition-all rounded-lg flex items-center justify-center gap-2", children: [
-              onOgImageUpload && /* @__PURE__ */ jsx266(
+            /* @__PURE__ */ jsxs218("div", { className: "absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-40 transition-all rounded-lg flex items-center justify-center gap-2", children: [
+              onOgImageUpload && /* @__PURE__ */ jsx265(
                 Button,
                 {
                   type: "button",
@@ -29622,10 +29592,10 @@ function SEOEditorPreview({
                   onClick: () => fileInputRef?.click(),
                   disabled: disabled || isUploading,
                   className: "bg-white text-black hover:bg-gray-100 rounded-full opacity-0 group-hover:opacity-100",
-                  children: /* @__PURE__ */ jsx266(Upload5, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ jsx265(Upload5, { className: "h-4 w-4" })
                 }
               ),
-              /* @__PURE__ */ jsx266(
+              /* @__PURE__ */ jsx265(
                 Button,
                 {
                   type: "button",
@@ -29634,22 +29604,22 @@ function SEOEditorPreview({
                   onClick: () => onOgImageUrlChange(""),
                   disabled,
                   className: "bg-white text-black hover:bg-gray-100 rounded-full opacity-0 group-hover:opacity-100",
-                  children: /* @__PURE__ */ jsx266(X11, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ jsx265(X11, { className: "h-4 w-4" })
                 }
               )
             ] })
-          ] }) : /* @__PURE__ */ jsx266(
+          ] }) : /* @__PURE__ */ jsx265(
             "div",
             {
               className: "h-full min-h-[280px] border-2 border-dashed border-ods-border rounded-lg flex flex-col items-center justify-center cursor-pointer hover:border-ods-accent transition-colors bg-ods-bg-hover",
               onClick: () => onOgImageUpload && fileInputRef?.click(),
-              children: isUploading ? /* @__PURE__ */ jsx266(Loader29, { className: "h-8 w-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs219(Fragment39, { children: [
-                /* @__PURE__ */ jsx266(Upload5, { className: "h-8 w-8 text-ods-text-secondary mb-2" }),
-                /* @__PURE__ */ jsx266("span", { className: "text-sm text-ods-text-secondary font-['DM_Sans']", children: onOgImageUpload ? "Click to upload OG image" : "No image" })
+              children: isUploading ? /* @__PURE__ */ jsx265(Loader29, { className: "h-8 w-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs218(Fragment39, { children: [
+                /* @__PURE__ */ jsx265(Upload5, { className: "h-8 w-8 text-ods-text-secondary mb-2" }),
+                /* @__PURE__ */ jsx265("span", { className: "text-sm text-ods-text-secondary font-['DM_Sans']", children: onOgImageUpload ? "Click to upload OG image" : "No image" })
               ] })
             }
           ),
-          onOgImageUpload && /* @__PURE__ */ jsx266(
+          onOgImageUpload && /* @__PURE__ */ jsx265(
             "input",
             {
               ref: setFileInputRef,
@@ -29661,16 +29631,16 @@ function SEOEditorPreview({
             }
           )
         ] }),
-        !ogImageUrl && featuredImage && /* @__PURE__ */ jsx266("p", { className: "text-[11px] text-ods-accent font-['DM_Sans']", children: "Using featured image" })
+        !ogImageUrl && featuredImage && /* @__PURE__ */ jsx265("p", { className: "text-[11px] text-ods-accent font-['DM_Sans']", children: "Using featured image" })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs219("div", { className: "pt-4 border-t border-ods-border", children: [
-      /* @__PURE__ */ jsxs219("div", { className: "flex items-center gap-2 mb-3", children: [
-        /* @__PURE__ */ jsx266(Globe3, { className: "w-4 h-4 text-ods-text-secondary" }),
-        /* @__PURE__ */ jsx266("span", { className: "font-['DM_Sans'] text-[12px] font-medium text-ods-text-secondary", children: "Social Media Preview" })
+    /* @__PURE__ */ jsxs218("div", { className: "pt-4 border-t border-ods-border", children: [
+      /* @__PURE__ */ jsxs218("div", { className: "flex items-center gap-2 mb-3", children: [
+        /* @__PURE__ */ jsx265(Globe3, { className: "w-4 h-4 text-ods-text-secondary" }),
+        /* @__PURE__ */ jsx265("span", { className: "font-['DM_Sans'] text-[12px] font-medium text-ods-text-secondary", children: "Social Media Preview" })
       ] }),
-      /* @__PURE__ */ jsxs219("div", { className: "bg-ods-bg border border-ods-border rounded-lg overflow-hidden max-w-[500px]", children: [
-        /* @__PURE__ */ jsx266("div", { className: "relative w-full h-[260px] bg-ods-bg-active", children: displayImage && !imageError ? /* @__PURE__ */ jsx266(
+      /* @__PURE__ */ jsxs218("div", { className: "bg-ods-bg border border-ods-border rounded-lg overflow-hidden max-w-[500px]", children: [
+        /* @__PURE__ */ jsx265("div", { className: "relative w-full h-[260px] bg-ods-bg-active", children: displayImage && !imageError ? /* @__PURE__ */ jsx265(
           Image14,
           {
             src: displayImage,
@@ -29679,23 +29649,23 @@ function SEOEditorPreview({
             className: "object-cover",
             onError: () => setImageError(true)
           }
-        ) : /* @__PURE__ */ jsx266("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxs219("div", { className: "text-center", children: [
-          /* @__PURE__ */ jsx266(Globe3, { className: "w-12 h-12 text-ods-text-secondary mx-auto mb-2" }),
-          /* @__PURE__ */ jsx266("p", { className: "text-ods-text-secondary text-sm font-['DM_Sans']", children: "No preview image" })
+        ) : /* @__PURE__ */ jsx265("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxs218("div", { className: "text-center", children: [
+          /* @__PURE__ */ jsx265(Globe3, { className: "w-12 h-12 text-ods-text-secondary mx-auto mb-2" }),
+          /* @__PURE__ */ jsx265("p", { className: "text-ods-text-secondary text-sm font-['DM_Sans']", children: "No preview image" })
         ] }) }) }),
-        /* @__PURE__ */ jsxs219("div", { className: "p-4 space-y-2", children: [
-          /* @__PURE__ */ jsxs219("div", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx266(ExternalLink5, { className: "w-3 h-3 text-ods-text-secondary" }),
-            /* @__PURE__ */ jsx266("span", { className: "font-['DM_Sans'] text-[11px] text-ods-text-secondary uppercase tracking-wide", children: domain })
+        /* @__PURE__ */ jsxs218("div", { className: "p-4 space-y-2", children: [
+          /* @__PURE__ */ jsxs218("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx265(ExternalLink5, { className: "w-3 h-3 text-ods-text-secondary" }),
+            /* @__PURE__ */ jsx265("span", { className: "font-['DM_Sans'] text-[11px] text-ods-text-secondary uppercase tracking-wide", children: domain })
           ] }),
-          /* @__PURE__ */ jsx266("h3", { className: "font-['DM_Sans'] text-[16px] font-semibold text-ods-text-primary leading-[1.3] line-clamp-2", children: displayTitle }),
-          /* @__PURE__ */ jsx266("p", { className: "font-['DM_Sans'] text-[14px] text-ods-text-secondary leading-[1.4] line-clamp-3", children: displayDescription })
+          /* @__PURE__ */ jsx265("h3", { className: "font-['DM_Sans'] text-[16px] font-semibold text-ods-text-primary leading-[1.3] line-clamp-2", children: displayTitle }),
+          /* @__PURE__ */ jsx265("p", { className: "font-['DM_Sans'] text-[14px] text-ods-text-secondary leading-[1.4] line-clamp-3", children: displayDescription })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs219("div", { className: "space-y-1 mt-3", children: [
-        !seoTitle.trim() && title && /* @__PURE__ */ jsx266("p", { className: "font-['DM_Sans'] text-[11px] text-ods-accent", children: "\u2022 Using title as SEO title" }),
-        !seoDescription.trim() && summary && /* @__PURE__ */ jsx266("p", { className: "font-['DM_Sans'] text-[11px] text-ods-accent", children: "\u2022 Using summary as SEO description" }),
-        !ogImageUrl.trim() && featuredImage.trim() && /* @__PURE__ */ jsx266("p", { className: "font-['DM_Sans'] text-[11px] text-ods-accent", children: "\u2022 Using featured image as OG image" })
+      /* @__PURE__ */ jsxs218("div", { className: "space-y-1 mt-3", children: [
+        !seoTitle.trim() && title && /* @__PURE__ */ jsx265("p", { className: "font-['DM_Sans'] text-[11px] text-ods-accent", children: "\u2022 Using title as SEO title" }),
+        !seoDescription.trim() && summary && /* @__PURE__ */ jsx265("p", { className: "font-['DM_Sans'] text-[11px] text-ods-accent", children: "\u2022 Using summary as SEO description" }),
+        !ogImageUrl.trim() && featuredImage.trim() && /* @__PURE__ */ jsx265("p", { className: "font-['DM_Sans'] text-[11px] text-ods-accent", children: "\u2022 Using featured image as OG image" })
       ] })
     ] })
   ] });
@@ -29703,7 +29673,7 @@ function SEOEditorPreview({
 
 // src/components/features/social-links-manager.tsx
 import { Trash2 as Trash26, User, Globe as Globe4, Youtube, Instagram, Facebook, MessageCircle as MessageCircle2, Send as Send2, Music } from "lucide-react";
-import { jsx as jsx267, jsxs as jsxs220 } from "react/jsx-runtime";
+import { jsx as jsx266, jsxs as jsxs219 } from "react/jsx-runtime";
 var defaultPlatforms = [];
 var iconMap = {
   linkedin: LinkedInIcon,
@@ -29741,27 +29711,27 @@ function SocialLinksManager({
   const getIcon = (link, platform) => {
     const iconKey = platform?.icon_name || link.platform;
     const IconComponent = iconMap[iconKey];
-    return IconComponent ? /* @__PURE__ */ jsx267(IconComponent, { className: "w-5 h-5 text-ods-text-secondary" }) : null;
+    return IconComponent ? /* @__PURE__ */ jsx266(IconComponent, { className: "w-5 h-5 text-ods-text-secondary" }) : null;
   };
-  return /* @__PURE__ */ jsxs220("div", { className: `space-y-3 ${className}`, children: [
+  return /* @__PURE__ */ jsxs219("div", { className: `space-y-3 ${className}`, children: [
     links.map((link, index) => {
       const platform = platforms.find((p) => p.name === link.platform);
       const Icon2 = getIcon(link, platform);
-      return /* @__PURE__ */ jsxs220("div", { className: "flex items-center gap-3 p-3 bg-ods-bg-secondary rounded-lg border border-ods-border", children: [
-        /* @__PURE__ */ jsx267("div", { className: "w-8 h-8 flex items-center justify-center", children: Icon2 }),
-        /* @__PURE__ */ jsxs220("div", { className: "flex-1 grid grid-cols-2 gap-3", children: [
-          /* @__PURE__ */ jsx267("div", { children: /* @__PURE__ */ jsxs220(
+      return /* @__PURE__ */ jsxs219("div", { className: "flex items-center gap-3 p-3 bg-ods-bg-secondary rounded-lg border border-ods-border", children: [
+        /* @__PURE__ */ jsx266("div", { className: "w-8 h-8 flex items-center justify-center", children: Icon2 }),
+        /* @__PURE__ */ jsxs219("div", { className: "flex-1 grid grid-cols-2 gap-3", children: [
+          /* @__PURE__ */ jsx266("div", { children: /* @__PURE__ */ jsxs219(
             Select,
             {
               value: link.platform,
               onValueChange: (value) => updateLink(index, "platform", value),
               children: [
-                /* @__PURE__ */ jsx267(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx267(SelectValue, {}) }),
-                /* @__PURE__ */ jsx267(SelectContent, { children: platforms.map((p) => /* @__PURE__ */ jsx267(SelectItem, { value: p.name, children: p.display_name }, p.name)) })
+                /* @__PURE__ */ jsx266(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx266(SelectValue, {}) }),
+                /* @__PURE__ */ jsx266(SelectContent, { children: platforms.map((p) => /* @__PURE__ */ jsx266(SelectItem, { value: p.name, children: p.display_name }, p.name)) })
               ]
             }
           ) }),
-          /* @__PURE__ */ jsx267(
+          /* @__PURE__ */ jsx266(
             Input,
             {
               placeholder: platform?.placeholder || "Profile URL",
@@ -29776,7 +29746,7 @@ function SocialLinksManager({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx267(
+        /* @__PURE__ */ jsx266(
           Button,
           {
             type: "button",
@@ -29784,20 +29754,20 @@ function SocialLinksManager({
             size: "icon",
             onClick: () => removeLink(index),
             className: "text-red-400 hover:text-red-300 hover:bg-red-400/10",
-            children: /* @__PURE__ */ jsx267(Trash26, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx266(Trash26, { className: "h-4 w-4" })
           }
         )
       ] }, index);
     }),
-    links.length === 0 && /* @__PURE__ */ jsx267("div", { className: "text-center py-8 text-ods-text-secondary", children: /* @__PURE__ */ jsx267("p", { className: "text-sm", children: "No social links added yet." }) }),
-    /* @__PURE__ */ jsx267(
+    links.length === 0 && /* @__PURE__ */ jsx266("div", { className: "text-center py-8 text-ods-text-secondary", children: /* @__PURE__ */ jsx266("p", { className: "text-sm", children: "No social links added yet." }) }),
+    /* @__PURE__ */ jsx266(
       Button,
       {
         variant: "outline",
         onClick: addLink,
         className: "w-full",
         type: "button",
-        leftIcon: /* @__PURE__ */ jsx267(User, { className: "h-4 w-4" }),
+        leftIcon: /* @__PURE__ */ jsx266(User, { className: "h-4 w-4" }),
         children: "Add Social Link"
       }
     )
@@ -29807,7 +29777,7 @@ function SocialLinksManager({
 // src/components/features/start-with-openframe-button.tsx
 init_button2();
 import * as React93 from "react";
-import { jsx as jsx268 } from "react/jsx-runtime";
+import { jsx as jsx267 } from "react/jsx-runtime";
 var StartWithOpenFrameButton = React93.forwardRef(({ children = "Start Free Trial", mode = "outline", className, buttonSize, loading = false, buttonBackgroundColor, buttonTextColor, ...props }, ref) => {
   const isYellow = mode === "yellow";
   const isPink = mode === "pink" || mode === "purple";
@@ -29840,7 +29810,7 @@ var StartWithOpenFrameButton = React93.forwardRef(({ children = "Start Free Tria
     iconLowerPath = "#ffffff";
     iconUpperPath = "#1A1A1A";
   }
-  return /* @__PURE__ */ jsx268(
+  return /* @__PURE__ */ jsx267(
     Button,
     {
       ref,
@@ -29853,7 +29823,7 @@ var StartWithOpenFrameButton = React93.forwardRef(({ children = "Start Free Tria
         className
       ),
       style: customStyle,
-      leftIcon: !loading ? /* @__PURE__ */ jsx268(
+      leftIcon: !loading ? /* @__PURE__ */ jsx267(
         OpenFrameLogo,
         {
           className: "w-5 h-5",
@@ -29861,7 +29831,7 @@ var StartWithOpenFrameButton = React93.forwardRef(({ children = "Start Free Tria
           upperPathColor: iconUpperPath
         }
       ) : void 0,
-      rightIcon: /* @__PURE__ */ jsx268(
+      rightIcon: /* @__PURE__ */ jsx267(
         StatusBadge,
         {
           text: "Beta",
@@ -29878,7 +29848,7 @@ StartWithOpenFrameButton.displayName = "StartWithOpenFrameButton";
 // src/components/features/status-filter-component.tsx
 init_button2();
 import { Filter } from "lucide-react";
-import { jsx as jsx269, jsxs as jsxs221 } from "react/jsx-runtime";
+import { jsx as jsx268, jsxs as jsxs220 } from "react/jsx-runtime";
 function StatusFilterComponent({
   selectedStatus,
   onStatusChange,
@@ -29888,12 +29858,12 @@ function StatusFilterComponent({
   className = ""
 }) {
   const filteredOptions = statusOptions.filter((option) => option.value !== "all");
-  return /* @__PURE__ */ jsxs221("div", { className: `flex flex-wrap items-center gap-3 p-4 bg-ods-card border border-ods-border rounded-lg ${className}`, children: [
-    /* @__PURE__ */ jsxs221("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx269(Filter, { className: "h-4 w-4 text-ods-accent" }),
-      /* @__PURE__ */ jsx269("span", { className: "text-h5 text-ods-text-secondary", children: "Status" })
+  return /* @__PURE__ */ jsxs220("div", { className: `flex flex-wrap items-center gap-3 p-4 bg-ods-card border border-ods-border rounded-lg ${className}`, children: [
+    /* @__PURE__ */ jsxs220("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx268(Filter, { className: "h-4 w-4 text-ods-accent" }),
+      /* @__PURE__ */ jsx268("span", { className: "text-h5 text-ods-text-secondary", children: "Status" })
     ] }),
-    /* @__PURE__ */ jsx269(
+    /* @__PURE__ */ jsx268(
       Button,
       {
         type: "button",
@@ -29904,7 +29874,7 @@ function StatusFilterComponent({
         children: "All"
       }
     ),
-    filteredOptions.map((option) => /* @__PURE__ */ jsx269(
+    filteredOptions.map((option) => /* @__PURE__ */ jsx268(
       Button,
       {
         type: "button",
@@ -29916,7 +29886,7 @@ function StatusFilterComponent({
       },
       option.value
     )),
-    showCount && /* @__PURE__ */ jsxs221("div", { className: "ml-auto text-[12px] font-['DM_Sans'] text-ods-text-secondary shrink-0", children: [
+    showCount && /* @__PURE__ */ jsxs220("div", { className: "ml-auto text-[12px] font-['DM_Sans'] text-ods-text-secondary shrink-0", children: [
       count,
       " items"
     ] })
@@ -29926,7 +29896,7 @@ function StatusFilterComponent({
 // src/components/features/tags-selector.tsx
 import { useState as useState67 } from "react";
 import { Search as Search2, X as X12, Plus as Plus6, Loader2 as Loader210 } from "lucide-react";
-import { jsx as jsx270, jsxs as jsxs222 } from "react/jsx-runtime";
+import { jsx as jsx269, jsxs as jsxs221 } from "react/jsx-runtime";
 function TagsSelector({
   availableTags,
   selectedTagIds,
@@ -29979,22 +29949,22 @@ function TagsSelector({
   };
   const canCreateNewTag = allowCreate && onCreateTag && searchQuery.trim() && !tagExistsWithName(searchQuery.trim());
   const filteredTags = getFilteredTagsForAutocomplete();
-  return /* @__PURE__ */ jsxs222("div", { className: cn("space-y-2", className), children: [
-    /* @__PURE__ */ jsxs222("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx270("div", { className: "absolute top-3 left-3 flex items-center pointer-events-none z-10", children: /* @__PURE__ */ jsx270(Search2, { className: "h-4 w-4 text-ods-text-secondary" }) }),
-      /* @__PURE__ */ jsxs222("div", { className: cn(
+  return /* @__PURE__ */ jsxs221("div", { className: cn("space-y-2", className), children: [
+    /* @__PURE__ */ jsxs221("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx269("div", { className: "absolute top-3 left-3 flex items-center pointer-events-none z-10", children: /* @__PURE__ */ jsx269(Search2, { className: "h-4 w-4 text-ods-text-secondary" }) }),
+      /* @__PURE__ */ jsxs221("div", { className: cn(
         "w-full bg-ods-bg border border-ods-border rounded-lg",
         "focus-within:ring-2 focus-within:ring-ods-accent focus-within:border-ods-accent",
         "transition-all duration-200 flex flex-wrap items-center gap-1.5 p-2 pl-10 min-h-[42px]",
         disabled && "opacity-50 cursor-not-allowed"
       ), children: [
-        getSelectedTags().map((tag) => /* @__PURE__ */ jsxs222(
+        getSelectedTags().map((tag) => /* @__PURE__ */ jsxs221(
           "span",
           {
             className: "inline-flex items-center gap-1 px-2 py-0.5 rounded bg-ods-accent text-ods-bg text-xs font-medium font-['DM_Sans']",
             children: [
               tag.name,
-              !disabled && /* @__PURE__ */ jsx270(
+              !disabled && /* @__PURE__ */ jsx269(
                 Button,
                 {
                   variant: "transparent",
@@ -30004,7 +29974,7 @@ function TagsSelector({
                     e.stopPropagation();
                     handleTagRemove(tag.id);
                   },
-                  leftIcon: /* @__PURE__ */ jsx270(X12, { className: "w-2.5 h-2.5" }),
+                  leftIcon: /* @__PURE__ */ jsx269(X12, { className: "w-2.5 h-2.5" }),
                   className: "w-3 h-3 p-0 min-h-0 min-w-0 ml-0.5 hover:opacity-70 text-ods-bg hover:bg-transparent",
                   "aria-label": `Remove ${tag.name}`
                 }
@@ -30013,7 +29983,7 @@ function TagsSelector({
           },
           tag.id
         )),
-        /* @__PURE__ */ jsx270(
+        /* @__PURE__ */ jsx269(
           "input",
           {
             type: "text",
@@ -30044,7 +30014,7 @@ function TagsSelector({
             )
           }
         ),
-        searchQuery && /* @__PURE__ */ jsx270(
+        searchQuery && /* @__PURE__ */ jsx269(
           Button,
           {
             variant: "transparent",
@@ -30053,25 +30023,25 @@ function TagsSelector({
               setSearchQuery("");
               setShowDropdown(false);
             },
-            leftIcon: /* @__PURE__ */ jsx270(X12, { className: "w-3 h-3" }),
+            leftIcon: /* @__PURE__ */ jsx269(X12, { className: "w-3 h-3" }),
             className: "w-5 h-5 p-0 min-h-0 min-w-0 shrink-0 text-ods-text-secondary hover:text-ods-text-primary hover:bg-transparent",
             "aria-label": "Clear search"
           }
         )
       ] }),
-      showDropdown && !disabled && /* @__PURE__ */ jsx270("div", { className: "absolute z-50 w-full mt-1 bg-ods-card border border-ods-border rounded-lg shadow-lg max-h-60 overflow-y-auto", children: /* @__PURE__ */ jsxs222("div", { className: "p-3", children: [
-        canCreateNewTag && /* @__PURE__ */ jsxs222(
+      showDropdown && !disabled && /* @__PURE__ */ jsx269("div", { className: "absolute z-50 w-full mt-1 bg-ods-card border border-ods-border rounded-lg shadow-lg max-h-60 overflow-y-auto", children: /* @__PURE__ */ jsxs221("div", { className: "p-3", children: [
+        canCreateNewTag && /* @__PURE__ */ jsxs221(
           Button,
           {
             variant: "outline",
             type: "button",
             onClick: handleCreateTag,
             disabled: isCreating,
-            leftIcon: isCreating ? /* @__PURE__ */ jsx270(Loader210, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ jsx270(Plus6, { className: "w-3 h-3" }),
+            leftIcon: isCreating ? /* @__PURE__ */ jsx269(Loader210, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ jsx269(Plus6, { className: "w-3 h-3" }),
             className: "w-full flex flex-row items-center gap-1.5 px-2 py-1 mb-2 h-auto rounded border-dashed border-ods-accent bg-ods-bg hover:bg-ods-card text-ods-accent font-['DM_Sans'] !text-xs !font-medium",
             children: [
               "Create tag: ",
-              /* @__PURE__ */ jsxs222("strong", { children: [
+              /* @__PURE__ */ jsxs221("strong", { children: [
                 '"',
                 searchQuery.trim(),
                 '"'
@@ -30079,7 +30049,7 @@ function TagsSelector({
             ]
           }
         ),
-        filteredTags.length > 0 ? /* @__PURE__ */ jsx270("div", { className: "flex flex-wrap gap-1.5", children: filteredTags.map((tag) => /* @__PURE__ */ jsx270(
+        filteredTags.length > 0 ? /* @__PURE__ */ jsx269("div", { className: "flex flex-wrap gap-1.5", children: filteredTags.map((tag) => /* @__PURE__ */ jsx269(
           Button,
           {
             variant: "outline",
@@ -30089,23 +30059,23 @@ function TagsSelector({
             children: tag.name
           },
           tag.id
-        )) }) : !canCreateNewTag ? /* @__PURE__ */ jsx270("div", { className: "py-4 px-4 text-center w-full", children: /* @__PURE__ */ jsx270("p", { className: "text-ods-text-secondary text-sm font-['DM_Sans']", children: searchQuery.trim() ? `No tags found for "${searchQuery}"` : "No tags available" }) }) : null
+        )) }) : !canCreateNewTag ? /* @__PURE__ */ jsx269("div", { className: "py-4 px-4 text-center w-full", children: /* @__PURE__ */ jsx269("p", { className: "text-ods-text-secondary text-sm font-['DM_Sans']", children: searchQuery.trim() ? `No tags found for "${searchQuery}"` : "No tags available" }) }) : null
       ] }) })
     ] }),
-    /* @__PURE__ */ jsxs222("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs222("div", { className: "text-[11px] text-ods-text-secondary font-['DM_Sans']", children: [
+    /* @__PURE__ */ jsxs221("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs221("div", { className: "text-[11px] text-ods-text-secondary font-['DM_Sans']", children: [
         selectedTagIds.length,
         " / ",
         maxTags,
         " tags selected"
       ] }),
-      selectedTagIds.length >= maxTags && /* @__PURE__ */ jsx270("span", { className: "text-[11px] text-[--ods-attention-red-error] font-['DM_Sans']", children: "(Maximum reached)" })
+      selectedTagIds.length >= maxTags && /* @__PURE__ */ jsx269("span", { className: "text-[11px] text-[--ods-attention-red-error] font-['DM_Sans']", children: "(Maximum reached)" })
     ] })
   ] });
 }
 
 // src/components/features/video-ratio-tabs.tsx
-import { Fragment as Fragment40, jsx as jsx271, jsxs as jsxs223 } from "react/jsx-runtime";
+import { Fragment as Fragment40, jsx as jsx270, jsxs as jsxs222 } from "react/jsx-runtime";
 var TAB_TRIGGER_CLASS = "rounded-none border-b-2 border-transparent data-[state=active]:border-ods-accent data-[state=active]:bg-transparent data-[state=active]:shadow-none px-4 py-2 text-sm text-ods-text-secondary data-[state=active]:text-ods-text-primary";
 var RATIO_GRID_CLASS = {
   portrait: "grid grid-cols-2 md:grid-cols-3 gap-4",
@@ -30130,17 +30100,17 @@ function RatioTabs({
   const activeTabs = RATIO_TAB_CONFIG.filter((t) => groups[t.key].count > 0);
   if (activeTabs.length <= 1) {
     const active = activeTabs[0];
-    return active ? /* @__PURE__ */ jsx271(Fragment40, { children: groups[active.key].render() }) : null;
+    return active ? /* @__PURE__ */ jsx270(Fragment40, { children: groups[active.key].render() }) : null;
   }
   const firstTab = defaultTab && groups[defaultTab].count > 0 ? defaultTab : activeTabs[0].key;
-  return /* @__PURE__ */ jsxs223(Tabs, { defaultValue: firstTab, className: `w-full ${className}`, children: [
-    /* @__PURE__ */ jsx271(TabsList, { className: "inline-flex justify-start rounded-none bg-transparent h-auto p-0 gap-0 mb-2", children: activeTabs.map((t) => /* @__PURE__ */ jsxs223(TabsTrigger, { value: t.key, className: TAB_TRIGGER_CLASS, children: [
+  return /* @__PURE__ */ jsxs222(Tabs, { defaultValue: firstTab, className: `w-full ${className}`, children: [
+    /* @__PURE__ */ jsx270(TabsList, { className: "inline-flex justify-start rounded-none bg-transparent h-auto p-0 gap-0 mb-2", children: activeTabs.map((t) => /* @__PURE__ */ jsxs222(TabsTrigger, { value: t.key, className: TAB_TRIGGER_CLASS, children: [
       t.label,
       " (",
       groups[t.key].count,
       ")"
     ] }, t.key)) }),
-    activeTabs.map((t) => /* @__PURE__ */ jsx271(
+    activeTabs.map((t) => /* @__PURE__ */ jsx270(
       TabsContent,
       {
         value: t.key,
@@ -30183,7 +30153,7 @@ function groupByAspectRatio(items, getAspectRatio) {
 
 // src/components/features/video-bites-display.tsx
 import { useMemo as useMemo22 } from "react";
-import { jsx as jsx272, jsxs as jsxs224 } from "react/jsx-runtime";
+import { jsx as jsx271, jsxs as jsxs223 } from "react/jsx-runtime";
 var RATIO_TO_CSS_ASPECT = {
   portrait: "9 / 16",
   square: "1 / 1",
@@ -30191,7 +30161,7 @@ var RATIO_TO_CSS_ASPECT = {
 };
 function LazyBite({ ratio, children }) {
   const { ref, isNear } = useNearViewport("500px");
-  return /* @__PURE__ */ jsx272("div", { ref, style: { aspectRatio: RATIO_TO_CSS_ASPECT[ratio] }, children: isNear ? children : /* @__PURE__ */ jsx272("div", { className: "w-full h-full bg-ods-card rounded-md" }) });
+  return /* @__PURE__ */ jsx271("div", { ref, style: { aspectRatio: RATIO_TO_CSS_ASPECT[ratio] }, children: isNear ? children : /* @__PURE__ */ jsx271("div", { className: "w-full h-full bg-ods-card rounded-md" }) });
 }
 function VideoBitesDisplay({
   bites,
@@ -30214,27 +30184,27 @@ function VideoBitesDisplay({
   }, [bites, filterPublished]);
   const totalCount = grouped.portrait.length + grouped.square.length + grouped.landscape.length;
   if (totalCount === 0) return null;
-  return /* @__PURE__ */ jsxs224("div", { className: "flex flex-col gap-6 w-full min-w-0", children: [
-    showTitle && /* @__PURE__ */ jsx272("h2", { className: "text-h1 tracking-[-1.12px] text-ods-text-primary break-words", children: title }),
-    grouped.hasMultiple ? /* @__PURE__ */ jsx272(
+  return /* @__PURE__ */ jsxs223("div", { className: "flex flex-col gap-6 w-full min-w-0", children: [
+    showTitle && /* @__PURE__ */ jsx271("h2", { className: "text-h1 tracking-[-1.12px] text-ods-text-primary break-words", children: title }),
+    grouped.hasMultiple ? /* @__PURE__ */ jsx271(
       RatioTabs,
       {
         groups: {
           portrait: {
             count: grouped.portrait.length,
-            render: () => /* @__PURE__ */ jsx272(BiteGrid, { bites: grouped.portrait, ratio: "portrait" })
+            render: () => /* @__PURE__ */ jsx271(BiteGrid, { bites: grouped.portrait, ratio: "portrait" })
           },
           square: {
             count: grouped.square.length,
-            render: () => /* @__PURE__ */ jsx272(BiteGrid, { bites: grouped.square, ratio: "square" })
+            render: () => /* @__PURE__ */ jsx271(BiteGrid, { bites: grouped.square, ratio: "square" })
           },
           landscape: {
             count: grouped.landscape.length,
-            render: () => /* @__PURE__ */ jsx272(BiteGrid, { bites: grouped.landscape, ratio: "landscape" })
+            render: () => /* @__PURE__ */ jsx271(BiteGrid, { bites: grouped.landscape, ratio: "landscape" })
           }
         }
       }
-    ) : /* @__PURE__ */ jsx272(
+    ) : /* @__PURE__ */ jsx271(
       BiteGrid,
       {
         bites: grouped.portrait.length > 0 ? grouped.portrait : grouped.square.length > 0 ? grouped.square : grouped.landscape,
@@ -30244,17 +30214,17 @@ function VideoBitesDisplay({
   ] });
 }
 function BiteGrid({ bites, ratio }) {
-  return /* @__PURE__ */ jsx272("div", { className: RATIO_DISPLAY_GRID_CLASS[ratio], children: bites.map((bite, index) => /* @__PURE__ */ jsx272(LazyBite, { ratio, children: /* @__PURE__ */ jsx272(VideoBiteCard, { url: bite.url, title: bite.title, thumbnailUrl: bite.thumbnail_url }) }, bite.url || index)) });
+  return /* @__PURE__ */ jsx271("div", { className: RATIO_DISPLAY_GRID_CLASS[ratio], children: bites.map((bite, index) => /* @__PURE__ */ jsx271(LazyBite, { ratio, children: /* @__PURE__ */ jsx271(VideoBiteCard, { url: bite.url, title: bite.title, thumbnailUrl: bite.thumbnail_url }) }, bite.url || index)) });
 }
 function VideoBiteCard({ url, title, thumbnailUrl }) {
-  return /* @__PURE__ */ jsxs224(Card, { className: "overflow-hidden border border-ods-border bg-ods-card hover:border-ods-accent transition-colors flex flex-col h-full", children: [
-    /* @__PURE__ */ jsx272("div", { className: "relative flex-1 min-h-0", children: /* @__PURE__ */ jsx272(Video2, { url, poster: thumbnailUrl || void 0, layout: "fill" }) }),
-    title && /* @__PURE__ */ jsx272("div", { className: "p-4", children: /* @__PURE__ */ jsx272("p", { className: "text-h4 text-ods-text-primary line-clamp-2", children: title }) })
+  return /* @__PURE__ */ jsxs223(Card, { className: "overflow-hidden border border-ods-border bg-ods-card hover:border-ods-accent transition-colors flex flex-col h-full", children: [
+    /* @__PURE__ */ jsx271("div", { className: "relative flex-1 min-h-0", children: /* @__PURE__ */ jsx271(Video2, { url, poster: thumbnailUrl || void 0, layout: "fill" }) }),
+    title && /* @__PURE__ */ jsx271("div", { className: "p-4", children: /* @__PURE__ */ jsx271("p", { className: "text-h4 text-ods-text-primary line-clamp-2", children: title }) })
   ] });
 }
 
 // src/components/features/entity-video-section.tsx
-import { Fragment as Fragment41, jsx as jsx273, jsxs as jsxs225 } from "react/jsx-runtime";
+import { Fragment as Fragment41, jsx as jsx272, jsxs as jsxs224 } from "react/jsx-runtime";
 function EntityVideoSection({
   mainVideoUrl,
   youtubeUrl,
@@ -30279,10 +30249,10 @@ function EntityVideoSection({
   }
   const fullVideoUrl = youtubeUrl || mainVideoUrl || null;
   const fullVideoKind = youtubeUrl ? "youtube" : "auto";
-  return /* @__PURE__ */ jsxs225(Fragment41, { children: [
-    hasVideo && (hasFullVideo && hasHighlight ? /* @__PURE__ */ jsxs225(Tabs, { defaultValue: "full-video", className: "w-full", children: [
-      /* @__PURE__ */ jsxs225(TabsList, { className: "inline-flex justify-start rounded-none bg-transparent h-auto p-0 gap-0", children: [
-        /* @__PURE__ */ jsx273(
+  return /* @__PURE__ */ jsxs224(Fragment41, { children: [
+    hasVideo && (hasFullVideo && hasHighlight ? /* @__PURE__ */ jsxs224(Tabs, { defaultValue: "full-video", className: "w-full", children: [
+      /* @__PURE__ */ jsxs224(TabsList, { className: "inline-flex justify-start rounded-none bg-transparent h-auto p-0 gap-0", children: [
+        /* @__PURE__ */ jsx272(
           TabsTrigger,
           {
             value: "full-video",
@@ -30290,7 +30260,7 @@ function EntityVideoSection({
             children: "Full Video"
           }
         ),
-        /* @__PURE__ */ jsx273(
+        /* @__PURE__ */ jsx272(
           TabsTrigger,
           {
             value: "highlights",
@@ -30299,7 +30269,7 @@ function EntityVideoSection({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx273(TabsContent, { value: "full-video", className: "mt-4", children: /* @__PURE__ */ jsx273(
+      /* @__PURE__ */ jsx272(TabsContent, { value: "full-video", className: "mt-4", children: /* @__PURE__ */ jsx272(
         Video2,
         {
           kind: fullVideoKind,
@@ -30312,7 +30282,7 @@ function EntityVideoSection({
           priority
         }
       ) }),
-      /* @__PURE__ */ jsx273(TabsContent, { value: "highlights", className: "mt-4", children: /* @__PURE__ */ jsx273(
+      /* @__PURE__ */ jsx272(TabsContent, { value: "highlights", className: "mt-4", children: /* @__PURE__ */ jsx272(
         Video2,
         {
           url: highlightVideoUrl,
@@ -30320,7 +30290,7 @@ function EntityVideoSection({
           layout: "centered"
         }
       ) })
-    ] }) : hasFullVideo ? /* @__PURE__ */ jsx273(
+    ] }) : hasFullVideo ? /* @__PURE__ */ jsx272(
       Video2,
       {
         kind: fullVideoKind,
@@ -30332,7 +30302,7 @@ function EntityVideoSection({
         layout: "centered",
         priority
       }
-    ) : /* @__PURE__ */ jsx273(
+    ) : /* @__PURE__ */ jsx272(
       Video2,
       {
         url: highlightVideoUrl,
@@ -30341,11 +30311,11 @@ function EntityVideoSection({
         priority
       }
     )),
-    videoSummary && MarkdownRenderer && /* @__PURE__ */ jsxs225("div", { className: "flex flex-col gap-6 w-full min-w-0", children: [
-      /* @__PURE__ */ jsx273("h2", { className: "text-h1 tracking-[-1.12px] text-ods-text-primary break-words", children: "Summary" }),
-      /* @__PURE__ */ jsx273("div", { className: "text-h4 text-ods-text-primary break-words overflow-hidden", children: /* @__PURE__ */ jsx273(MarkdownRenderer, { content: videoSummary }) })
+    videoSummary && MarkdownRenderer && /* @__PURE__ */ jsxs224("div", { className: "flex flex-col gap-6 w-full min-w-0", children: [
+      /* @__PURE__ */ jsx272("h2", { className: "text-h1 tracking-[-1.12px] text-ods-text-primary break-words", children: "Summary" }),
+      /* @__PURE__ */ jsx272("div", { className: "text-h4 text-ods-text-primary break-words overflow-hidden", children: /* @__PURE__ */ jsx272(MarkdownRenderer, { content: videoSummary }) })
     ] }),
-    videoBites && videoBites.length > 0 && /* @__PURE__ */ jsx273(
+    videoBites && videoBites.length > 0 && /* @__PURE__ */ jsx272(
       VideoBitesDisplay,
       {
         bites: videoBites,
@@ -30360,7 +30330,7 @@ function EntityVideoSection({
 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 { jsx as jsx274, jsxs as jsxs226 } from "react/jsx-runtime";
+import { jsx as jsx273, jsxs as jsxs225 } from "react/jsx-runtime";
 function VideoSourceSelector({
   videoSourceType,
   onVideoSourceTypeChange,
@@ -30421,38 +30391,38 @@ function VideoSourceSelector({
   const handleDeleteVideo = useCallback31(() => {
     onUploadedVideoUrlChange("");
   }, [onUploadedVideoUrlChange]);
-  return /* @__PURE__ */ jsxs226("div", { className: `space-y-4 p-6 bg-ods-card border border-ods-border rounded-lg ${className}`, children: [
-    showTitle && /* @__PURE__ */ jsxs226("h3", { className: "font-['Azeret_Mono'] text-[18px] font-semibold uppercase text-ods-text-primary flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx274(Video6, { className: "h-5 w-5" }),
+  return /* @__PURE__ */ jsxs225("div", { className: `space-y-4 p-6 bg-ods-card border border-ods-border rounded-lg ${className}`, children: [
+    showTitle && /* @__PURE__ */ jsxs225("h3", { className: "font-['Azeret_Mono'] text-[18px] font-semibold uppercase text-ods-text-primary flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx273(Video6, { className: "h-5 w-5" }),
       title
     ] }),
-    /* @__PURE__ */ jsxs226("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx274(
+    /* @__PURE__ */ jsxs225("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx273(
         Button,
         {
           type: "button",
           variant: videoSourceType === "youtube" ? "accent" : "outline",
           onClick: () => onVideoSourceTypeChange("youtube"),
-          leftIcon: /* @__PURE__ */ jsx274(YouTubeIcon, { className: "h-4 w-4", color: "currentColor" }),
+          leftIcon: /* @__PURE__ */ jsx273(YouTubeIcon, { className: "h-4 w-4", color: "currentColor" }),
           disabled,
           children: "YouTube URL"
         }
       ),
-      /* @__PURE__ */ jsx274(
+      /* @__PURE__ */ jsx273(
         Button,
         {
           type: "button",
           variant: videoSourceType === "uploaded" ? "accent" : "outline",
           onClick: () => onVideoSourceTypeChange("uploaded"),
-          leftIcon: /* @__PURE__ */ jsx274(Upload6, { className: "h-4 w-4" }),
+          leftIcon: /* @__PURE__ */ jsx273(Upload6, { className: "h-4 w-4" }),
           disabled,
           children: "Upload Video"
         }
       )
     ] }),
-    videoSourceType === "youtube" && /* @__PURE__ */ jsxs226("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx274(Label, { children: youtubeLabel }),
-      /* @__PURE__ */ jsx274(
+    videoSourceType === "youtube" && /* @__PURE__ */ jsxs225("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx273(Label, { children: youtubeLabel }),
+      /* @__PURE__ */ jsx273(
         Input,
         {
           value: youtubeUrl,
@@ -30462,31 +30432,31 @@ function VideoSourceSelector({
           disabled
         }
       ),
-      youtubeHelperText && /* @__PURE__ */ jsx274("p", { className: "text-xs text-ods-text-secondary", children: youtubeHelperText })
+      youtubeHelperText && /* @__PURE__ */ jsx273("p", { className: "text-xs text-ods-text-secondary", children: youtubeHelperText })
     ] }),
-    videoSourceType === "uploaded" && /* @__PURE__ */ jsxs226("div", { children: [
-      /* @__PURE__ */ jsxs226("div", { className: "flex items-center justify-between mb-2", children: [
-        /* @__PURE__ */ jsxs226("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx274(Label, { children: uploadLabel }),
-          showAIBadge && isAIGenerated && /* @__PURE__ */ jsxs226(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx274(Sparkles3, { className: "h-3 w-3" }),
+    videoSourceType === "uploaded" && /* @__PURE__ */ jsxs225("div", { children: [
+      /* @__PURE__ */ jsxs225("div", { className: "flex items-center justify-between mb-2", children: [
+        /* @__PURE__ */ jsxs225("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx273(Label, { children: uploadLabel }),
+          showAIBadge && isAIGenerated && /* @__PURE__ */ jsxs225(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx273(Sparkles3, { className: "h-3 w-3" }),
             "AI Generated"
           ] })
         ] }),
-        /* @__PURE__ */ jsx274(
+        /* @__PURE__ */ jsx273(
           Button,
           {
             type: "button",
             variant: "outline",
             size: "small-legacy",
-            leftIcon: /* @__PURE__ */ jsx274(Upload6, { className: "h-4 w-4" }),
+            leftIcon: /* @__PURE__ */ jsx273(Upload6, { className: "h-4 w-4" }),
             onClick: handleUploadClick,
             disabled: disabled || isUploading,
             children: "Upload Video"
           }
         )
       ] }),
-      isUploading && UploadProgressComponent && /* @__PURE__ */ jsx274(
+      isUploading && UploadProgressComponent && /* @__PURE__ */ jsx273(
         UploadProgressComponent,
         {
           progress: uploadProgress,
@@ -30494,24 +30464,24 @@ function VideoSourceSelector({
           className: "mb-3"
         }
       ),
-      isUploading && !UploadProgressComponent && /* @__PURE__ */ jsxs226("div", { className: "mb-3", children: [
-        /* @__PURE__ */ jsxs226("div", { className: "flex items-center gap-2 mb-1", children: [
-          /* @__PURE__ */ jsx274("div", { className: "flex-1 h-2 bg-ods-border rounded-full overflow-hidden", children: /* @__PURE__ */ jsx274(
+      isUploading && !UploadProgressComponent && /* @__PURE__ */ jsxs225("div", { className: "mb-3", children: [
+        /* @__PURE__ */ jsxs225("div", { className: "flex items-center gap-2 mb-1", children: [
+          /* @__PURE__ */ jsx273("div", { className: "flex-1 h-2 bg-ods-border rounded-full overflow-hidden", children: /* @__PURE__ */ jsx273(
             "div",
             {
               className: "h-full bg-ods-accent transition-all duration-300",
               style: { width: `${uploadProgress}%` }
             }
           ) }),
-          /* @__PURE__ */ jsxs226("span", { className: "text-xs text-ods-text-secondary", children: [
+          /* @__PURE__ */ jsxs225("span", { className: "text-xs text-ods-text-secondary", children: [
             uploadProgress,
             "%"
           ] })
         ] }),
-        /* @__PURE__ */ jsx274("p", { className: "text-xs text-ods-text-secondary", children: uploadMessage })
+        /* @__PURE__ */ jsx273("p", { className: "text-xs text-ods-text-secondary", children: uploadMessage })
       ] }),
-      uploadError && /* @__PURE__ */ jsx274("p", { className: "text-sm text-ods-attention-red-error mb-3", children: uploadError }),
-      uploadedVideoUrl ? VideoPreviewComponent ? /* @__PURE__ */ jsx274(
+      uploadError && /* @__PURE__ */ jsx273("p", { className: "text-sm text-ods-attention-red-error mb-3", children: uploadError }),
+      uploadedVideoUrl ? VideoPreviewComponent ? /* @__PURE__ */ jsx273(
         VideoPreviewComponent,
         {
           videoUrl: uploadedVideoUrl,
@@ -30520,8 +30490,8 @@ function VideoSourceSelector({
         }
       ) : (
         // Default simple preview
-        /* @__PURE__ */ jsxs226("div", { className: "relative rounded-lg border border-ods-border overflow-hidden", children: [
-          /* @__PURE__ */ jsx274(
+        /* @__PURE__ */ jsxs225("div", { className: "relative rounded-lg border border-ods-border overflow-hidden", children: [
+          /* @__PURE__ */ jsx273(
             "video",
             {
               src: uploadedVideoUrl,
@@ -30529,18 +30499,18 @@ function VideoSourceSelector({
               controls: true
             }
           ),
-          /* @__PURE__ */ jsx274(
+          /* @__PURE__ */ jsx273(
             "button",
             {
               type: "button",
               onClick: handleDeleteVideo,
               className: "absolute top-2 right-2 p-1.5 bg-black/60 hover:bg-black/80 rounded-full transition-colors",
               disabled,
-              children: /* @__PURE__ */ jsx274(X13, { className: "h-4 w-4 text-white" })
+              children: /* @__PURE__ */ jsx273(X13, { className: "h-4 w-4 text-white" })
             }
           )
         ] })
-      ) : /* @__PURE__ */ jsx274("p", { className: "text-sm text-ods-text-secondary italic", children: uploadEmptyText })
+      ) : /* @__PURE__ */ jsx273("p", { className: "text-sm text-ods-text-secondary italic", children: uploadEmptyText })
     ] })
   ] });
 }
@@ -30550,7 +30520,7 @@ import { Sparkles as Sparkles4 } from "lucide-react";
 
 // src/components/features/ai-enrich/ConfidenceBadge.tsx
 init_cn();
-import { jsx as jsx275, jsxs as jsxs227 } from "react/jsx-runtime";
+import { jsx as jsx274, jsxs as jsxs226 } from "react/jsx-runtime";
 var sizeStyles = {
   sm: "text-xs px-1.5 py-0.5",
   md: "text-sm px-2 py-1",
@@ -30571,7 +30541,7 @@ var ConfidenceBadge = ({
   const borderClass = getConfidenceBorderClass(confidence);
   const textClass = getConfidenceTextClass(confidence);
   const bgClass = getConfidenceBgClass(confidence);
-  return /* @__PURE__ */ jsxs227(
+  return /* @__PURE__ */ jsxs226(
     "span",
     {
       className: cn(
@@ -30583,8 +30553,8 @@ var ConfidenceBadge = ({
         className
       ),
       children: [
-        showLabel && /* @__PURE__ */ jsx275("span", { children: label }),
-        showPercentage && confidence !== void 0 && /* @__PURE__ */ jsxs227("span", { className: "opacity-75", children: [
+        showLabel && /* @__PURE__ */ jsx274("span", { children: label }),
+        showPercentage && confidence !== void 0 && /* @__PURE__ */ jsxs226("span", { className: "opacity-75", children: [
           "(",
           confidence,
           "%)"
@@ -30595,7 +30565,7 @@ var ConfidenceBadge = ({
 };
 
 // src/components/features/transcript-summary-editor.tsx
-import { jsx as jsx276, jsxs as jsxs228 } from "react/jsx-runtime";
+import { jsx as jsx275, jsxs as jsxs227 } from "react/jsx-runtime";
 function TranscriptSummaryEditor({
   videoSummary = "",
   onVideoSummaryChange,
@@ -30621,16 +30591,16 @@ function TranscriptSummaryEditor({
   disabled = false,
   className = ""
 }) {
-  return /* @__PURE__ */ jsxs228("div", { className: `space-y-4 ${className}`, children: [
-    /* @__PURE__ */ jsxs228("div", { children: [
-      /* @__PURE__ */ jsxs228("div", { className: "mb-2", children: [
-        /* @__PURE__ */ jsxs228("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx276(Label, { htmlFor: "video-summary", children: videoSummaryLabel }),
-          isAIGenerated && /* @__PURE__ */ jsxs228(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx276(Sparkles4, { className: "h-3 w-3" }),
+  return /* @__PURE__ */ jsxs227("div", { className: `space-y-4 ${className}`, children: [
+    /* @__PURE__ */ jsxs227("div", { children: [
+      /* @__PURE__ */ jsxs227("div", { className: "mb-2", children: [
+        /* @__PURE__ */ jsxs227("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx275(Label, { htmlFor: "video-summary", children: videoSummaryLabel }),
+          isAIGenerated && /* @__PURE__ */ jsxs227(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx275(Sparkles4, { className: "h-3 w-3" }),
             "AI Generated"
           ] }),
-          videoSummaryConfidence !== void 0 && videoSummaryConfidence !== null && /* @__PURE__ */ jsx276(
+          videoSummaryConfidence !== void 0 && videoSummaryConfidence !== null && /* @__PURE__ */ jsx275(
             ConfidenceBadge,
             {
               confidence: videoSummaryConfidence,
@@ -30640,14 +30610,14 @@ function TranscriptSummaryEditor({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx276("p", { className: "text-xs text-ods-text-secondary mt-1", children: videoSummaryHelperText })
+        /* @__PURE__ */ jsx275("p", { className: "text-xs text-ods-text-secondary mt-1", children: videoSummaryHelperText })
       ] }),
-      /* @__PURE__ */ jsx276(
+      /* @__PURE__ */ jsx275(
         "div",
         {
           className: "rounded-lg border border-ods-border bg-ods-background-secondary overflow-hidden",
           style: { minHeight: `${videoSummaryMinHeight}px` },
-          children: /* @__PURE__ */ jsx276(
+          children: /* @__PURE__ */ jsx275(
             Textarea,
             {
               id: "video-summary",
@@ -30662,15 +30632,15 @@ function TranscriptSummaryEditor({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs228("div", { children: [
-      /* @__PURE__ */ jsxs228("div", { className: "mb-2", children: [
-        /* @__PURE__ */ jsxs228("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx276(Label, { htmlFor: "transcript", children: transcriptLabel }),
-          isAIGenerated && /* @__PURE__ */ jsxs228(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx276(Sparkles4, { className: "h-3 w-3" }),
+    /* @__PURE__ */ jsxs227("div", { children: [
+      /* @__PURE__ */ jsxs227("div", { className: "mb-2", children: [
+        /* @__PURE__ */ jsxs227("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx275(Label, { htmlFor: "transcript", children: transcriptLabel }),
+          isAIGenerated && /* @__PURE__ */ jsxs227(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx275(Sparkles4, { className: "h-3 w-3" }),
             "AI Generated"
           ] }),
-          transcriptConfidence !== void 0 && transcriptConfidence !== null && /* @__PURE__ */ jsx276(
+          transcriptConfidence !== void 0 && transcriptConfidence !== null && /* @__PURE__ */ jsx275(
             ConfidenceBadge,
             {
               confidence: transcriptConfidence,
@@ -30680,14 +30650,14 @@ function TranscriptSummaryEditor({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx276("p", { className: "text-xs text-ods-text-secondary mt-1", children: transcriptHelperText })
+        /* @__PURE__ */ jsx275("p", { className: "text-xs text-ods-text-secondary mt-1", children: transcriptHelperText })
       ] }),
-      /* @__PURE__ */ jsx276(
+      /* @__PURE__ */ jsx275(
         "div",
         {
           className: "rounded-lg border border-ods-border bg-ods-background-secondary overflow-hidden",
           style: { minHeight: `${transcriptMinHeight}px` },
-          children: /* @__PURE__ */ jsx276(
+          children: /* @__PURE__ */ jsx275(
             Textarea,
             {
               id: "transcript",
@@ -30702,23 +30672,23 @@ function TranscriptSummaryEditor({
         }
       )
     ] }),
-    (subtitles || onSubtitlesChange) && /* @__PURE__ */ jsxs228("div", { children: [
-      /* @__PURE__ */ jsxs228("div", { className: "mb-2", children: [
-        /* @__PURE__ */ jsxs228("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx276(Label, { htmlFor: "subtitles", children: subtitlesLabel }),
-          isAIGenerated && subtitles && /* @__PURE__ */ jsxs228(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx276(StandardCcIcon, { size: 12 }),
+    (subtitles || onSubtitlesChange) && /* @__PURE__ */ jsxs227("div", { children: [
+      /* @__PURE__ */ jsxs227("div", { className: "mb-2", children: [
+        /* @__PURE__ */ jsxs227("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx275(Label, { htmlFor: "subtitles", children: subtitlesLabel }),
+          isAIGenerated && subtitles && /* @__PURE__ */ jsxs227(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx275(StandardCcIcon, { size: 12 }),
             "AI Generated"
           ] })
         ] }),
-        /* @__PURE__ */ jsx276("p", { className: "text-xs text-ods-text-secondary mt-1", children: subtitlesHelperText })
+        /* @__PURE__ */ jsx275("p", { className: "text-xs text-ods-text-secondary mt-1", children: subtitlesHelperText })
       ] }),
-      /* @__PURE__ */ jsx276(
+      /* @__PURE__ */ jsx275(
         "div",
         {
           className: "rounded-lg border border-ods-border bg-ods-background-secondary overflow-hidden",
           style: { minHeight: `${subtitlesMinHeight}px` },
-          children: /* @__PURE__ */ jsx276(
+          children: /* @__PURE__ */ jsx275(
             Textarea,
             {
               id: "subtitles",
@@ -30747,7 +30717,7 @@ init_cn();
 // src/components/features/ai-enrich/AIEnrichButton.tsx
 init_button2();
 init_cn();
-import { jsx as jsx277 } from "react/jsx-runtime";
+import { jsx as jsx276 } from "react/jsx-runtime";
 var sizeMap = {
   sm: "small-legacy",
   md: "default",
@@ -30768,7 +30738,7 @@ var AIEnrichButton = ({
   variant = "outline",
   className
 }) => {
-  return /* @__PURE__ */ jsx277(
+  return /* @__PURE__ */ jsx276(
     Button,
     {
       type: "button",
@@ -30777,7 +30747,7 @@ var AIEnrichButton = ({
       loading,
       size: sizeMap[size],
       variant: variantMap[variant],
-      leftIcon: !loading && /* @__PURE__ */ jsx277(SparklesIcon, { size: 18, color: "currentColor" }),
+      leftIcon: !loading && /* @__PURE__ */ jsx276(SparklesIcon, { size: 18, color: "currentColor" }),
       className: cn("gap-2", className),
       children: loading ? loadingLabel : label
     }
@@ -30786,7 +30756,7 @@ var AIEnrichButton = ({
 
 // src/components/features/ai-enrich/AIWarningsSection.tsx
 init_cn();
-import { jsx as jsx278, jsxs as jsxs229 } from "react/jsx-runtime";
+import { jsx as jsx277, jsxs as jsxs228 } from "react/jsx-runtime";
 var AIWarningsSection = ({
   warnings,
   title = "AI Warnings",
@@ -30795,22 +30765,22 @@ var AIWarningsSection = ({
   if (!warnings || warnings.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsx278(
+  return /* @__PURE__ */ jsx277(
     "div",
     {
       className: cn(
         "rounded-lg border border-yellow-500/30 bg-yellow-500/10 p-4",
         className
       ),
-      children: /* @__PURE__ */ jsxs229("div", { className: "flex items-start gap-2", children: [
-        /* @__PURE__ */ jsx278(
+      children: /* @__PURE__ */ jsxs228("div", { className: "flex items-start gap-2", children: [
+        /* @__PURE__ */ jsx277(
           "svg",
           {
             className: "w-5 h-5 text-yellow-500 flex-shrink-0 mt-0.5",
             fill: "none",
             viewBox: "0 0 24 24",
             stroke: "currentColor",
-            children: /* @__PURE__ */ jsx278(
+            children: /* @__PURE__ */ jsx277(
               "path",
               {
                 strokeLinecap: "round",
@@ -30821,9 +30791,9 @@ var AIWarningsSection = ({
             )
           }
         ),
-        /* @__PURE__ */ jsxs229("div", { className: "flex-1", children: [
-          /* @__PURE__ */ jsx278("h4", { className: "text-sm font-semibold text-yellow-500 mb-2", children: title }),
-          /* @__PURE__ */ jsx278("ul", { className: "space-y-1", children: warnings.map((warning, index) => /* @__PURE__ */ jsx278(
+        /* @__PURE__ */ jsxs228("div", { className: "flex-1", children: [
+          /* @__PURE__ */ jsx277("h4", { className: "text-sm font-semibold text-yellow-500 mb-2", children: title }),
+          /* @__PURE__ */ jsx277("ul", { className: "space-y-1", children: warnings.map((warning, index) => /* @__PURE__ */ jsx277(
             "li",
             {
               className: "text-sm text-yellow-500/80 list-disc list-inside",
@@ -30840,7 +30810,7 @@ var AIWarningsSection = ({
 // src/components/features/ai-enrich/AIEnrichSection.tsx
 init_button2();
 import { CheckCircle as CheckCircle4, AlertCircle as AlertCircle2, Loader2 as Loader211, X as X14 } from "lucide-react";
-import { jsx as jsx279, jsxs as jsxs230 } from "react/jsx-runtime";
+import { jsx as jsx278, jsxs as jsxs229 } from "react/jsx-runtime";
 var AIEnrichSection = ({
   onEnrich,
   loading = false,
@@ -30877,7 +30847,7 @@ var AIEnrichSection = ({
   const hasResults = status === "success" || status === "error";
   const shouldDisable = disabled || !canEnrich;
   const unfilledFields = requiredFields?.filter((f) => !f.isFilled) || [];
-  return /* @__PURE__ */ jsxs230(
+  return /* @__PURE__ */ jsxs229(
     "div",
     {
       className: cn(
@@ -30886,16 +30856,16 @@ var AIEnrichSection = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs230("div", { className: "flex items-center gap-3", children: [
-          icon || /* @__PURE__ */ jsx279(SparklesIcon, { size: 20, className: "text-ods-text-secondary" }),
-          /* @__PURE__ */ jsxs230("div", { className: "flex-1", children: [
-            /* @__PURE__ */ jsx279("h3", { className: "text-h5 text-ods-text-primary", children: title }),
-            description && /* @__PURE__ */ jsx279("p", { className: "text-ods-text-secondary text-sm font-['DM_Sans'] mt-1", children: description })
+        /* @__PURE__ */ jsxs229("div", { className: "flex items-center gap-3", children: [
+          icon || /* @__PURE__ */ jsx278(SparklesIcon, { size: 20, className: "text-ods-text-secondary" }),
+          /* @__PURE__ */ jsxs229("div", { className: "flex-1", children: [
+            /* @__PURE__ */ jsx278("h3", { className: "text-h5 text-ods-text-primary", children: title }),
+            description && /* @__PURE__ */ jsx278("p", { className: "text-ods-text-secondary text-sm font-['DM_Sans'] mt-1", children: description })
           ] })
         ] }),
-        showCustomInstructions && /* @__PURE__ */ jsxs230("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ jsxs230("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ jsx279(
+        showCustomInstructions && /* @__PURE__ */ jsxs229("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsxs229("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx278(
               "label",
               {
                 htmlFor: "ai-enrich-custom-instructions",
@@ -30903,13 +30873,13 @@ var AIEnrichSection = ({
                 children: customInstructionsLabel
               }
             ),
-            customInstructionsMaxLength !== void 0 && /* @__PURE__ */ jsxs230("span", { className: "text-xs text-ods-text-secondary font-['DM_Sans']", children: [
+            customInstructionsMaxLength !== void 0 && /* @__PURE__ */ jsxs229("span", { className: "text-xs text-ods-text-secondary font-['DM_Sans']", children: [
               (customInstructions ?? "").length,
               "/",
               customInstructionsMaxLength
             ] })
           ] }),
-          /* @__PURE__ */ jsx279(
+          /* @__PURE__ */ jsx278(
             Textarea,
             {
               id: "ai-enrich-custom-instructions",
@@ -30922,10 +30892,10 @@ var AIEnrichSection = ({
               className: "resize-y"
             }
           ),
-          customInstructionsHelperText && /* @__PURE__ */ jsx279("p", { className: "text-xs text-ods-text-secondary font-['DM_Sans']", children: customInstructionsHelperText })
+          customInstructionsHelperText && /* @__PURE__ */ jsx278("p", { className: "text-xs text-ods-text-secondary font-['DM_Sans']", children: customInstructionsHelperText })
         ] }),
-        /* @__PURE__ */ jsxs230("div", { className: "flex flex-col gap-3", children: [
-          /* @__PURE__ */ jsx279(
+        /* @__PURE__ */ jsxs229("div", { className: "flex flex-col gap-3", children: [
+          /* @__PURE__ */ jsx278(
             AIEnrichButton,
             {
               onClick: () => {
@@ -30943,7 +30913,7 @@ var AIEnrichSection = ({
               className: "!w-full"
             }
           ),
-          showCancel && onCancel && loading && /* @__PURE__ */ jsx279(
+          showCancel && onCancel && loading && /* @__PURE__ */ jsx278(
             Button,
             {
               type: "button",
@@ -30951,48 +30921,48 @@ var AIEnrichSection = ({
               size: "small-legacy",
               onClick: onCancel,
               disabled: isCancelling,
-              leftIcon: isCancelling ? /* @__PURE__ */ jsx279(Loader211, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx279(X14, { className: "h-4 w-4" }),
+              leftIcon: isCancelling ? /* @__PURE__ */ jsx278(Loader211, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx278(X14, { className: "h-4 w-4" }),
               className: "!w-full",
               children: isCancelling ? "Cancelling..." : "Cancel Processing"
             }
           )
         ] }),
-        shouldDisable && !loading && /* @__PURE__ */ jsxs230("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx279("p", { className: "text-ods-text-secondary text-sm font-['DM_Sans']", children: disabledMessage }),
-          unfilledFields.length > 0 && /* @__PURE__ */ jsx279("div", { className: "flex flex-wrap gap-2", children: unfilledFields.map((field) => /* @__PURE__ */ jsxs230(
+        shouldDisable && !loading && /* @__PURE__ */ jsxs229("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx278("p", { className: "text-ods-text-secondary text-sm font-['DM_Sans']", children: disabledMessage }),
+          unfilledFields.length > 0 && /* @__PURE__ */ jsx278("div", { className: "flex flex-wrap gap-2", children: unfilledFields.map((field) => /* @__PURE__ */ jsxs229(
             "span",
             {
               className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium rounded-full bg-[--ods-flamingo-cyan-base]/10 text-[--ods-flamingo-cyan-base]/70 font-['DM_Sans']",
               children: [
-                /* @__PURE__ */ jsx279("span", { className: "w-1.5 h-1.5 rounded-full bg-[--ods-flamingo-cyan-base]/50" }),
+                /* @__PURE__ */ jsx278("span", { className: "w-1.5 h-1.5 rounded-full bg-[--ods-flamingo-cyan-base]/50" }),
                 field.label
               ]
             },
             field.key
           )) })
         ] }),
-        loading && statusMessage && /* @__PURE__ */ jsxs230("div", { className: "flex items-center gap-3 p-3 rounded-lg bg-ods-card-secondary", children: [
-          /* @__PURE__ */ jsx279(Loader211, { className: "h-5 w-5 text-ods-accent animate-spin" }),
-          /* @__PURE__ */ jsx279("span", { className: "text-sm text-ods-text-primary font-['DM_Sans']", children: statusMessage })
+        loading && statusMessage && /* @__PURE__ */ jsxs229("div", { className: "flex items-center gap-3 p-3 rounded-lg bg-ods-card-secondary", children: [
+          /* @__PURE__ */ jsx278(Loader211, { className: "h-5 w-5 text-ods-accent animate-spin" }),
+          /* @__PURE__ */ jsx278("span", { className: "text-sm text-ods-text-primary font-['DM_Sans']", children: statusMessage })
         ] }),
-        hasResults && /* @__PURE__ */ jsxs230("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsxs230("div", { className: cn(
+        hasResults && /* @__PURE__ */ jsxs229("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs229("div", { className: cn(
             "flex items-center gap-3 p-3 rounded-lg",
             status === "success" ? "bg-[--ods-attention-green-success]/10" : "bg-[--ods-attention-red-error]/10"
           ), children: [
-            status === "success" ? /* @__PURE__ */ jsx279(CheckCircle4, { className: "h-5 w-5 text-[--ods-attention-green-success]" }) : /* @__PURE__ */ jsx279(AlertCircle2, { className: "h-5 w-5 text-[--ods-attention-red-error]" }),
-            /* @__PURE__ */ jsx279("span", { className: cn(
+            status === "success" ? /* @__PURE__ */ jsx278(CheckCircle4, { className: "h-5 w-5 text-[--ods-attention-green-success]" }) : /* @__PURE__ */ jsx278(AlertCircle2, { className: "h-5 w-5 text-[--ods-attention-red-error]" }),
+            /* @__PURE__ */ jsx278("span", { className: cn(
               "text-sm font-medium",
               status === "success" ? "text-[--ods-attention-green-success]" : "text-[--ods-attention-red-error]"
             ), children: statusMessage || (status === "success" ? "Enrichment complete" : "Enrichment failed") }),
-            overallConfidence !== void 0 && status === "success" && /* @__PURE__ */ jsxs230(Badge, { variant: "success", className: "ml-auto", children: [
+            overallConfidence !== void 0 && status === "success" && /* @__PURE__ */ jsxs229(Badge, { variant: "success", className: "ml-auto", children: [
               overallConfidence,
               "% confidence"
             ] })
           ] }),
-          warnings && warnings.length > 0 && /* @__PURE__ */ jsx279(AIWarningsSection, { warnings }),
+          warnings && warnings.length > 0 && /* @__PURE__ */ jsx278(AIWarningsSection, { warnings }),
           children,
-          showClearButton && onClear && /* @__PURE__ */ jsx279(
+          showClearButton && onClear && /* @__PURE__ */ jsx278(
             Button,
             {
               variant: "outline",
@@ -31008,7 +30978,7 @@ var AIEnrichSection = ({
 };
 
 // src/components/features/highlight-video-section.tsx
-import { jsx as jsx280, jsxs as jsxs231 } from "react/jsx-runtime";
+import { jsx as jsx279, jsxs as jsxs230 } from "react/jsx-runtime";
 function HighlightVideoSection({
   highlightVideoUrl,
   highlightVideoThumbnail,
@@ -31059,31 +31029,31 @@ function HighlightVideoSection({
     const seconds = Math.floor(ms % 6e4 / 1e3);
     return `${minutes}:${String(seconds).padStart(2, "0")}`;
   };
-  return /* @__PURE__ */ jsxs231("div", { className: `space-y-4 ${className}`, children: [
-    /* @__PURE__ */ jsx280("div", { className: "space-y-3 p-4 bg-ods-background-secondary rounded-lg border border-ods-border", children: /* @__PURE__ */ jsxs231("div", { className: "flex items-center gap-4", children: [
-      /* @__PURE__ */ jsxs231("div", { className: "flex-1", children: [
-        /* @__PURE__ */ jsx280(Label, { className: "text-sm", children: "Target Duration" }),
-        /* @__PURE__ */ jsxs231(
+  return /* @__PURE__ */ jsxs230("div", { className: `space-y-4 ${className}`, children: [
+    /* @__PURE__ */ jsx279("div", { className: "space-y-3 p-4 bg-ods-background-secondary rounded-lg border border-ods-border", children: /* @__PURE__ */ jsxs230("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ jsxs230("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx279(Label, { className: "text-sm", children: "Target Duration" }),
+        /* @__PURE__ */ jsxs230(
           Select,
           {
             value: targetDurationSeconds.toString(),
             onValueChange: (value) => onTargetDurationChange(parseInt(value)),
             disabled,
             children: [
-              /* @__PURE__ */ jsx280(SelectTrigger, { className: "bg-ods-background-tertiary mt-1", children: /* @__PURE__ */ jsx280(SelectValue, {}) }),
-              /* @__PURE__ */ jsxs231(SelectContent, { className: "bg-ods-card", children: [
-                /* @__PURE__ */ jsx280(SelectItem, { value: "60", children: "1 minute" }),
-                /* @__PURE__ */ jsx280(SelectItem, { value: "120", children: "2 minutes" }),
-                /* @__PURE__ */ jsx280(SelectItem, { value: "180", children: "3 minutes (Recommended)" }),
-                /* @__PURE__ */ jsx280(SelectItem, { value: "240", children: "4 minutes" }),
-                /* @__PURE__ */ jsx280(SelectItem, { value: "300", children: "5 minutes" })
+              /* @__PURE__ */ jsx279(SelectTrigger, { className: "bg-ods-background-tertiary mt-1", children: /* @__PURE__ */ jsx279(SelectValue, {}) }),
+              /* @__PURE__ */ jsxs230(SelectContent, { className: "bg-ods-card", children: [
+                /* @__PURE__ */ jsx279(SelectItem, { value: "60", children: "1 minute" }),
+                /* @__PURE__ */ jsx279(SelectItem, { value: "120", children: "2 minutes" }),
+                /* @__PURE__ */ jsx279(SelectItem, { value: "180", children: "3 minutes (Recommended)" }),
+                /* @__PURE__ */ jsx279(SelectItem, { value: "240", children: "4 minutes" }),
+                /* @__PURE__ */ jsx279(SelectItem, { value: "300", children: "5 minutes" })
               ] })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs231("div", { className: "flex items-center gap-2 pt-5", children: [
-        /* @__PURE__ */ jsx280(
+      /* @__PURE__ */ jsxs230("div", { className: "flex items-center gap-2 pt-5", children: [
+        /* @__PURE__ */ jsx279(
           "input",
           {
             type: "checkbox",
@@ -31094,15 +31064,15 @@ function HighlightVideoSection({
             className: "h-4 w-4 rounded border-ods-border bg-ods-background-tertiary text-ods-accent focus:ring-ods-accent"
           }
         ),
-        /* @__PURE__ */ jsx280(Label, { htmlFor: "skipSubtitleBurning", className: "text-sm cursor-pointer", children: "Skip subtitle burning" })
+        /* @__PURE__ */ jsx279(Label, { htmlFor: "skipSubtitleBurning", className: "text-sm cursor-pointer", children: "Skip subtitle burning" })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx280(
+    /* @__PURE__ */ jsx279(
       AIEnrichSection,
       {
         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__ */ jsx279(Sparkles5, { className: "h-5 w-5" }),
         buttonLabel: hasExistingHighlight ? "Regenerate Highlight" : "Generate Highlight",
         loadingLabel: "Generating highlight...",
         onEnrich: onGenerateHighlight,
@@ -31117,31 +31087,31 @@ function HighlightVideoSection({
         isCancelling
       }
     ),
-    /* @__PURE__ */ jsxs231("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxs231("div", { className: "flex items-center justify-between mb-2", children: [
-        /* @__PURE__ */ jsxs231("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx280(Label, { children: "Highlight Video" }),
-          highlightVideoSource === "ai_generated" && /* @__PURE__ */ jsxs231(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx280(Sparkles5, { className: "h-3 w-3" }),
+    /* @__PURE__ */ jsxs230("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs230("div", { className: "flex items-center justify-between mb-2", children: [
+        /* @__PURE__ */ jsxs230("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx279(Label, { children: "Highlight Video" }),
+          highlightVideoSource === "ai_generated" && /* @__PURE__ */ jsxs230(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx279(Sparkles5, { className: "h-3 w-3" }),
             "AI Generated"
           ] }),
-          highlightVideoDurationMs && /* @__PURE__ */ jsx280(Badge, { variant: "outline", className: "text-xs", children: formatDuration(highlightVideoDurationMs) })
+          highlightVideoDurationMs && /* @__PURE__ */ jsx279(Badge, { variant: "outline", className: "text-xs", children: formatDuration(highlightVideoDurationMs) })
         ] }),
-        /* @__PURE__ */ jsx280(
+        /* @__PURE__ */ jsx279(
           Button,
           {
             type: "button",
             variant: "outline",
             size: "small-legacy",
-            leftIcon: /* @__PURE__ */ jsx280(Upload7, { className: "h-4 w-4" }),
+            leftIcon: /* @__PURE__ */ jsx279(Upload7, { className: "h-4 w-4" }),
             onClick: handleUploadClick,
             disabled: isUploading || disabled,
             children: isUploading ? "Uploading..." : "Upload Highlight"
           }
         )
       ] }),
-      uploadError && /* @__PURE__ */ jsx280("p", { className: "text-sm text-ods-attention-red-error", children: uploadError }),
-      highlightVideoUrl ? VideoPreviewComponent ? /* @__PURE__ */ jsx280(
+      uploadError && /* @__PURE__ */ jsx279("p", { className: "text-sm text-ods-attention-red-error", children: uploadError }),
+      highlightVideoUrl ? VideoPreviewComponent ? /* @__PURE__ */ jsx279(
         VideoPreviewComponent,
         {
           videoUrl: highlightVideoUrl,
@@ -31150,8 +31120,8 @@ function HighlightVideoSection({
         }
       ) : (
         // Default simple preview
-        /* @__PURE__ */ jsxs231("div", { className: "relative rounded-lg border border-ods-border overflow-hidden bg-black", children: [
-          /* @__PURE__ */ jsx280(
+        /* @__PURE__ */ jsxs230("div", { className: "relative rounded-lg border border-ods-border overflow-hidden bg-black", children: [
+          /* @__PURE__ */ jsx279(
             "video",
             {
               src: highlightVideoUrl,
@@ -31160,26 +31130,26 @@ function HighlightVideoSection({
               controls: true
             }
           ),
-          onDeleteHighlight && /* @__PURE__ */ jsxs231(
+          onDeleteHighlight && /* @__PURE__ */ jsxs230(
             "button",
             {
               type: "button",
               onClick: onDeleteHighlight,
               className: "absolute top-2 right-2 p-1.5 bg-black/60 hover:bg-black/80 rounded-full transition-colors",
               children: [
-                /* @__PURE__ */ jsx280("span", { className: "sr-only", children: "Delete" }),
-                /* @__PURE__ */ jsx280("svg", { className: "h-4 w-4 text-white", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx280("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+                /* @__PURE__ */ jsx279("span", { className: "sr-only", children: "Delete" }),
+                /* @__PURE__ */ jsx279("svg", { className: "h-4 w-4 text-white", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx279("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
               ]
             }
           )
         ] })
-      ) : /* @__PURE__ */ jsx280("p", { className: "text-sm text-ods-text-secondary italic", children: "No highlight video yet. Use AI generation above or upload manually." })
+      ) : /* @__PURE__ */ jsx279("p", { className: "text-sm text-ods-text-secondary italic", children: "No highlight video yet. Use AI generation above or upload manually." })
     ] })
   ] });
 }
 
 // src/components/features/highlight-config-section.tsx
-import { jsx as jsx281, jsxs as jsxs232 } from "react/jsx-runtime";
+import { jsx as jsx280, jsxs as jsxs231 } from "react/jsx-runtime";
 function HighlightConfigSection({
   targetDurationSeconds,
   onTargetDurationChange,
@@ -31188,30 +31158,30 @@ function HighlightConfigSection({
   disabled = false,
   className = ""
 }) {
-  return /* @__PURE__ */ jsx281("div", { className: `space-y-3 p-4 bg-[#1a1a1a] rounded-lg border border-ods-border ${className}`, children: /* @__PURE__ */ jsxs232("div", { className: "flex items-center gap-4", children: [
-    /* @__PURE__ */ jsxs232("div", { className: "flex-1", children: [
-      /* @__PURE__ */ jsx281(Label, { className: "text-sm", children: "Target Duration" }),
-      /* @__PURE__ */ jsxs232(
+  return /* @__PURE__ */ jsx280("div", { className: `space-y-3 p-4 bg-[#1a1a1a] rounded-lg border border-ods-border ${className}`, children: /* @__PURE__ */ jsxs231("div", { className: "flex items-center gap-4", children: [
+    /* @__PURE__ */ jsxs231("div", { className: "flex-1", children: [
+      /* @__PURE__ */ jsx280(Label, { className: "text-sm", children: "Target Duration" }),
+      /* @__PURE__ */ jsxs231(
         Select,
         {
           value: targetDurationSeconds.toString(),
           onValueChange: (value) => onTargetDurationChange(parseInt(value)),
           disabled,
           children: [
-            /* @__PURE__ */ jsx281(SelectTrigger, { className: "bg-[#161616] mt-1", children: /* @__PURE__ */ jsx281(SelectValue, {}) }),
-            /* @__PURE__ */ jsxs232(SelectContent, { className: "bg-ods-card", children: [
-              /* @__PURE__ */ jsx281(SelectItem, { value: "60", children: "1 minute" }),
-              /* @__PURE__ */ jsx281(SelectItem, { value: "120", children: "2 minutes" }),
-              /* @__PURE__ */ jsx281(SelectItem, { value: "180", children: "3 minutes (Recommended)" }),
-              /* @__PURE__ */ jsx281(SelectItem, { value: "240", children: "4 minutes" }),
-              /* @__PURE__ */ jsx281(SelectItem, { value: "300", children: "5 minutes" })
+            /* @__PURE__ */ jsx280(SelectTrigger, { className: "bg-[#161616] mt-1", children: /* @__PURE__ */ jsx280(SelectValue, {}) }),
+            /* @__PURE__ */ jsxs231(SelectContent, { className: "bg-ods-card", children: [
+              /* @__PURE__ */ jsx280(SelectItem, { value: "60", children: "1 minute" }),
+              /* @__PURE__ */ jsx280(SelectItem, { value: "120", children: "2 minutes" }),
+              /* @__PURE__ */ jsx280(SelectItem, { value: "180", children: "3 minutes (Recommended)" }),
+              /* @__PURE__ */ jsx280(SelectItem, { value: "240", children: "4 minutes" }),
+              /* @__PURE__ */ jsx280(SelectItem, { value: "300", children: "5 minutes" })
             ] })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs232("div", { className: "flex items-center gap-2 pt-5", children: [
-      /* @__PURE__ */ jsx281(
+    /* @__PURE__ */ jsxs231("div", { className: "flex items-center gap-2 pt-5", children: [
+      /* @__PURE__ */ jsx280(
         "input",
         {
           type: "checkbox",
@@ -31222,14 +31192,14 @@ function HighlightConfigSection({
           className: "h-4 w-4 rounded border-ods-border bg-[#161616] text-ods-accent focus:ring-ods-accent"
         }
       ),
-      /* @__PURE__ */ jsx281(Label, { htmlFor: "skipSubtitleBurning", className: "text-sm cursor-pointer", children: "Skip subtitle burning" })
+      /* @__PURE__ */ jsx280(Label, { htmlFor: "skipSubtitleBurning", className: "text-sm cursor-pointer", children: "Skip subtitle burning" })
     ] })
   ] }) });
 }
 
 // src/components/features/entity-summary-editor.tsx
 import { Sparkles as Sparkles6 } from "lucide-react";
-import { jsx as jsx282, jsxs as jsxs233 } from "react/jsx-runtime";
+import { jsx as jsx281, jsxs as jsxs232 } from "react/jsx-runtime";
 function EntitySummaryEditor({
   summary = "",
   onSummaryChange,
@@ -31242,15 +31212,15 @@ function EntitySummaryEditor({
   disabled = false,
   className = ""
 }) {
-  return /* @__PURE__ */ jsxs233("div", { className, children: [
-    /* @__PURE__ */ jsxs233("div", { className: "mb-2", children: [
-      /* @__PURE__ */ jsxs233("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx282(Label, { htmlFor: "entity-summary", children: label }),
-        isAIGenerated && /* @__PURE__ */ jsxs233(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx282(Sparkles6, { className: "h-3 w-3" }),
+  return /* @__PURE__ */ jsxs232("div", { className, children: [
+    /* @__PURE__ */ jsxs232("div", { className: "mb-2", children: [
+      /* @__PURE__ */ jsxs232("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx281(Label, { htmlFor: "entity-summary", children: label }),
+        isAIGenerated && /* @__PURE__ */ jsxs232(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx281(Sparkles6, { className: "h-3 w-3" }),
           "AI Generated"
         ] }),
-        summaryConfidence !== void 0 && summaryConfidence !== null && /* @__PURE__ */ jsx282(
+        summaryConfidence !== void 0 && summaryConfidence !== null && /* @__PURE__ */ jsx281(
           ConfidenceBadge,
           {
             confidence: summaryConfidence,
@@ -31260,14 +31230,14 @@ function EntitySummaryEditor({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx282("p", { className: "text-xs text-ods-text-secondary mt-1", children: helperText })
+      /* @__PURE__ */ jsx281("p", { className: "text-xs text-ods-text-secondary mt-1", children: helperText })
     ] }),
-    /* @__PURE__ */ jsx282(
+    /* @__PURE__ */ jsx281(
       "div",
       {
         className: "rounded-lg border border-ods-border bg-[#1a1a1a] overflow-hidden",
         style: { minHeight: `${minHeight}px` },
-        children: /* @__PURE__ */ jsx282(
+        children: /* @__PURE__ */ jsx281(
           Textarea,
           {
             id: "entity-summary",
@@ -31289,7 +31259,7 @@ import { Sparkles as Sparkles7 } from "lucide-react";
 
 // src/components/features/ai-enrich/AIStatusIndicator.tsx
 init_cn();
-import { jsx as jsx283, jsxs as jsxs234 } from "react/jsx-runtime";
+import { jsx as jsx282, jsxs as jsxs233 } from "react/jsx-runtime";
 var statusConfig = {
   idle: {
     color: "text-ods-text-secondary",
@@ -31322,7 +31292,7 @@ var AIStatusIndicator = ({
   const config = statusConfig[status];
   const displayText = message || config.label;
   const confidenceLabel = showConfidence && confidence !== void 0 ? `${getConfidenceLabel(confidence)} (${confidence}%)` : null;
-  return /* @__PURE__ */ jsxs234(
+  return /* @__PURE__ */ jsxs233(
     "div",
     {
       className: cn(
@@ -31331,7 +31301,7 @@ var AIStatusIndicator = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx283(
+        /* @__PURE__ */ jsx282(
           SparklesIcon,
           {
             size: 16,
@@ -31341,7 +31311,7 @@ var AIStatusIndicator = ({
             )
           }
         ),
-        /* @__PURE__ */ jsx283(
+        /* @__PURE__ */ jsx282(
           "span",
           {
             className: cn(
@@ -31351,7 +31321,7 @@ var AIStatusIndicator = ({
             children: displayText
           }
         ),
-        confidenceLabel && status === "success" && /* @__PURE__ */ jsx283(
+        confidenceLabel && status === "success" && /* @__PURE__ */ jsx282(
           "span",
           {
             className: cn(
@@ -31369,12 +31339,12 @@ var AIStatusIndicator = ({
 
 // src/components/features/ai-enrich/AIRequiredBadge.tsx
 init_cn();
-import { jsx as jsx284, jsxs as jsxs235 } from "react/jsx-runtime";
+import { jsx as jsx283, jsxs as jsxs234 } from "react/jsx-runtime";
 var AIRequiredBadge = ({
   className,
   size = "sm"
 }) => {
-  return /* @__PURE__ */ jsxs235(
+  return /* @__PURE__ */ jsxs234(
     "span",
     {
       className: cn(
@@ -31385,15 +31355,15 @@ var AIRequiredBadge = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx284(SparklesIcon, { size: size === "sm" ? 12 : 14, color: "var(--ods-flamingo-cyan-base)" }),
-        /* @__PURE__ */ jsx284("span", { className: "font-['DM_Sans']", children: "AI-required" })
+        /* @__PURE__ */ jsx283(SparklesIcon, { size: size === "sm" ? 12 : 14, color: "var(--ods-flamingo-cyan-base)" }),
+        /* @__PURE__ */ jsx283("span", { className: "font-['DM_Sans']", children: "AI-required" })
       ]
     }
   );
 };
 
 // src/components/features/transcribe-summarize-section.tsx
-import { jsx as jsx285 } from "react/jsx-runtime";
+import { jsx as jsx284 } from "react/jsx-runtime";
 function TranscribeSummarizeSection({
   onTranscribe,
   isProcessing,
@@ -31412,12 +31382,12 @@ function TranscribeSummarizeSection({
   loadingLabel = "Processing..."
 }) {
   const defaultButtonLabel = hasResult ? "Regenerate" : "Generate";
-  return /* @__PURE__ */ jsx285(
+  return /* @__PURE__ */ jsx284(
     AIEnrichSection,
     {
       title,
       description,
-      icon: /* @__PURE__ */ jsx285(Sparkles7, { className: "h-5 w-5" }),
+      icon: /* @__PURE__ */ jsx284(Sparkles7, { className: "h-5 w-5" }),
       buttonLabel: buttonLabel || defaultButtonLabel,
       loadingLabel,
       onEnrich: onTranscribe,
@@ -31436,7 +31406,7 @@ function TranscribeSummarizeSection({
 
 // src/components/features/video-clips-section.tsx
 import { Sparkles as Sparkles8 } from "lucide-react";
-import { jsx as jsx286 } from "react/jsx-runtime";
+import { jsx as jsx285 } from "react/jsx-runtime";
 function VideoClipsSection({
   onExtractClips,
   isProcessing,
@@ -31455,12 +31425,12 @@ function VideoClipsSection({
   loadingLabel = "Extracting clips..."
 }) {
   const defaultButtonLabel = hasResult ? "Regenerate Clips" : "Generate Clips";
-  return /* @__PURE__ */ jsx286(
+  return /* @__PURE__ */ jsx285(
     AIEnrichSection,
     {
       title,
       description,
-      icon: /* @__PURE__ */ jsx286(Sparkles8, { className: "h-5 w-5" }),
+      icon: /* @__PURE__ */ jsx285(Sparkles8, { className: "h-5 w-5" }),
       buttonLabel: buttonLabel || defaultButtonLabel,
       loadingLabel,
       onEnrich: onExtractClips,
@@ -31479,7 +31449,7 @@ function VideoClipsSection({
 
 // src/components/features/highlight-generation-section.tsx
 import { Sparkles as Sparkles9 } from "lucide-react";
-import { jsx as jsx287 } from "react/jsx-runtime";
+import { jsx as jsx286 } from "react/jsx-runtime";
 function HighlightGenerationSection({
   onGenerateHighlight,
   isProcessing,
@@ -31500,12 +31470,12 @@ function HighlightGenerationSection({
 }) {
   const defaultButtonLabel = hasResult ? "Regenerate Highlight" : "Generate Highlight";
   const defaultDescription = `Generate a ${Math.floor(targetDurationSeconds / 60)}-minute summary video using Claude AI + Shotstack`;
-  return /* @__PURE__ */ jsx287(
+  return /* @__PURE__ */ jsx286(
     AIEnrichSection,
     {
       title,
       description: description || defaultDescription,
-      icon: /* @__PURE__ */ jsx287(Sparkles9, { className: "h-5 w-5" }),
+      icon: /* @__PURE__ */ jsx286(Sparkles9, { className: "h-5 w-5" }),
       buttonLabel: buttonLabel || defaultButtonLabel,
       loadingLabel,
       onEnrich: onGenerateHighlight,
@@ -31525,7 +31495,7 @@ function HighlightGenerationSection({
 // src/components/features/highlight-video-preview.tsx
 import { Upload as Upload8, Sparkles as Sparkles10 } from "lucide-react";
 init_button2();
-import { jsx as jsx288, jsxs as jsxs236 } from "react/jsx-runtime";
+import { jsx as jsx287, jsxs as jsxs235 } from "react/jsx-runtime";
 function HighlightVideoPreview({
   highlightVideoUrl,
   highlightVideoThumbnail,
@@ -31556,23 +31526,23 @@ function HighlightVideoPreview({
     const seconds = Math.floor(ms % 6e4 / 1e3);
     return `${minutes}:${String(seconds).padStart(2, "0")}`;
   };
-  return /* @__PURE__ */ jsxs236("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ jsxs236("div", { className: "flex items-center justify-between mb-2", children: [
-      /* @__PURE__ */ jsxs236("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx288(Label, { children: label }),
-        highlightVideoSource === "ai_generated" && /* @__PURE__ */ jsxs236(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx288(Sparkles10, { className: "h-3 w-3" }),
+  return /* @__PURE__ */ jsxs235("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs235("div", { className: "flex items-center justify-between mb-2", children: [
+      /* @__PURE__ */ jsxs235("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx287(Label, { children: label }),
+        highlightVideoSource === "ai_generated" && /* @__PURE__ */ jsxs235(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx287(Sparkles10, { className: "h-3 w-3" }),
           "AI Generated"
         ] }),
-        highlightVideoDurationMs && /* @__PURE__ */ jsx288(Badge, { variant: "outline", className: "text-xs", children: formatDuration(highlightVideoDurationMs) })
+        highlightVideoDurationMs && /* @__PURE__ */ jsx287(Badge, { variant: "outline", className: "text-xs", children: formatDuration(highlightVideoDurationMs) })
       ] }),
-      /* @__PURE__ */ jsx288(
+      /* @__PURE__ */ jsx287(
         Button,
         {
           type: "button",
           variant: "outline",
           size: "small-legacy",
-          leftIcon: /* @__PURE__ */ jsx288(Upload8, { className: "h-4 w-4" }),
+          leftIcon: /* @__PURE__ */ jsx287(Upload8, { className: "h-4 w-4" }),
           onClick: handleUploadClick,
           disabled: isUploading,
           children: isUploading ? "Uploading..." : "Upload Highlight"
@@ -31585,13 +31555,13 @@ function HighlightVideoPreview({
       title: "Highlight Video",
       thumbnailUrl: highlightVideoThumbnail || void 0,
       onDelete
-    }) : /* @__PURE__ */ jsx288("p", { className: "text-sm text-ods-text-secondary italic", children: emptyMessage })
+    }) : /* @__PURE__ */ jsx287("p", { className: "text-sm text-ods-text-secondary italic", children: emptyMessage })
   ] });
 }
 
 // src/components/features/transcribe-and-summarize-combined-section.tsx
 import { Sparkles as Sparkles11 } from "lucide-react";
-import { jsx as jsx289, jsxs as jsxs237 } from "react/jsx-runtime";
+import { jsx as jsx288, jsxs as jsxs236 } from "react/jsx-runtime";
 function TranscribeAndSummarizeCombinedSection({
   // AIEnrichSection props
   onTranscribe,
@@ -31631,13 +31601,13 @@ function TranscribeAndSummarizeCombinedSection({
   hasSubtitles = false
 }) {
   const defaultButtonLabel = hasResult ? "Regenerate" : "Generate";
-  return /* @__PURE__ */ jsxs237("div", { className: `space-y-4 ${className}`, children: [
-    /* @__PURE__ */ jsx289(
+  return /* @__PURE__ */ jsxs236("div", { className: `space-y-4 ${className}`, children: [
+    /* @__PURE__ */ jsx288(
       AIEnrichSection,
       {
         title,
         description,
-        icon: /* @__PURE__ */ jsx289(Sparkles11, { className: "h-5 w-5" }),
+        icon: /* @__PURE__ */ jsx288(Sparkles11, { className: "h-5 w-5" }),
         buttonLabel: buttonLabel || defaultButtonLabel,
         loadingLabel,
         onEnrich: onTranscribe,
@@ -31652,7 +31622,7 @@ function TranscribeAndSummarizeCombinedSection({
         isCancelling
       }
     ),
-    /* @__PURE__ */ jsx289(
+    /* @__PURE__ */ jsx288(
       TranscriptSummaryEditor,
       {
         videoSummary,
@@ -31680,7 +31650,7 @@ function TranscribeAndSummarizeCombinedSection({
 // src/components/features/highlight-video-combined-section.tsx
 import { Sparkles as Sparkles12, Upload as Upload9 } from "lucide-react";
 init_button2();
-import { jsx as jsx290, jsxs as jsxs238 } from "react/jsx-runtime";
+import { jsx as jsx289, jsxs as jsxs237 } from "react/jsx-runtime";
 function HighlightVideoCombinedSection({
   // Config props
   targetDurationSeconds,
@@ -31738,8 +31708,8 @@ function HighlightVideoCombinedSection({
     };
     input.click();
   };
-  return /* @__PURE__ */ jsxs238("div", { className: `space-y-4 ${className}`, children: [
-    /* @__PURE__ */ jsx290(
+  return /* @__PURE__ */ jsxs237("div", { className: `space-y-4 ${className}`, children: [
+    /* @__PURE__ */ jsx289(
       HighlightConfigSection,
       {
         targetDurationSeconds,
@@ -31749,12 +31719,12 @@ function HighlightVideoCombinedSection({
         disabled: configDisabled
       }
     ),
-    /* @__PURE__ */ jsx290(
+    /* @__PURE__ */ jsx289(
       AIEnrichSection,
       {
         title,
         description: description || defaultDescription,
-        icon: /* @__PURE__ */ jsx290(Sparkles12, { className: "h-5 w-5" }),
+        icon: /* @__PURE__ */ jsx289(Sparkles12, { className: "h-5 w-5" }),
         buttonLabel: buttonLabel || defaultButtonLabel,
         loadingLabel,
         onEnrich: onGenerateHighlight,
@@ -31769,23 +31739,23 @@ function HighlightVideoCombinedSection({
         isCancelling
       }
     ),
-    /* @__PURE__ */ jsxs238("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxs238("div", { className: "flex items-center justify-between mb-2", children: [
-        /* @__PURE__ */ jsxs238("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx290(Label, { children: previewLabel }),
-          highlightVideoSource === "ai_generated" && /* @__PURE__ */ jsxs238(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx290(Sparkles12, { className: "h-3 w-3" }),
+    /* @__PURE__ */ jsxs237("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs237("div", { className: "flex items-center justify-between mb-2", children: [
+        /* @__PURE__ */ jsxs237("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx289(Label, { children: previewLabel }),
+          highlightVideoSource === "ai_generated" && /* @__PURE__ */ jsxs237(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx289(Sparkles12, { className: "h-3 w-3" }),
             "AI Generated"
           ] }),
-          highlightVideoDurationMs && /* @__PURE__ */ jsx290(Badge, { variant: "outline", className: "text-xs", children: formatDuration(highlightVideoDurationMs) })
+          highlightVideoDurationMs && /* @__PURE__ */ jsx289(Badge, { variant: "outline", className: "text-xs", children: formatDuration(highlightVideoDurationMs) })
         ] }),
-        /* @__PURE__ */ jsx290(
+        /* @__PURE__ */ jsx289(
           Button,
           {
             type: "button",
             variant: "outline",
             size: "small-legacy",
-            leftIcon: /* @__PURE__ */ jsx290(Upload9, { className: "h-4 w-4" }),
+            leftIcon: /* @__PURE__ */ jsx289(Upload9, { className: "h-4 w-4" }),
             onClick: handleUploadClick,
             disabled: isUploading,
             children: isUploading ? "Uploading..." : "Upload Highlight"
@@ -31798,14 +31768,14 @@ function HighlightVideoCombinedSection({
         title: "Highlight Video",
         thumbnailUrl: highlightVideoThumbnail || void 0,
         onDelete
-      }) : /* @__PURE__ */ jsx290("p", { className: "text-sm text-ods-text-secondary italic", children: emptyMessage })
+      }) : /* @__PURE__ */ jsx289("p", { className: "text-sm text-ods-text-secondary italic", children: emptyMessage })
     ] })
   ] });
 }
 
 // src/components/features/view-toggle.tsx
 init_cn();
-import { jsx as jsx291, jsxs as jsxs239 } from "react/jsx-runtime";
+import { jsx as jsx290, jsxs as jsxs238 } from "react/jsx-runtime";
 function ViewToggle({
   value,
   onValueChange,
@@ -31814,7 +31784,7 @@ function ViewToggle({
   size = "default",
   "aria-label": ariaLabel = "Switch between grid and table view"
 }) {
-  return /* @__PURE__ */ jsxs239(
+  return /* @__PURE__ */ jsxs238(
     ToggleGroup,
     {
       type: "single",
@@ -31831,7 +31801,7 @@ function ViewToggle({
       disabled,
       "aria-label": ariaLabel,
       children: [
-        /* @__PURE__ */ jsx291(
+        /* @__PURE__ */ jsx290(
           ToggleGroupItem,
           {
             value: "grid",
@@ -31843,7 +31813,7 @@ function ViewToggle({
             ),
             "aria-label": "Grid view",
             disabled,
-            children: /* @__PURE__ */ jsx291(
+            children: /* @__PURE__ */ jsx290(
               GridViewIcon,
               {
                 className: "w-5 h-5",
@@ -31852,7 +31822,7 @@ function ViewToggle({
             )
           }
         ),
-        /* @__PURE__ */ jsx291(
+        /* @__PURE__ */ jsx290(
           ToggleGroupItem,
           {
             value: "table",
@@ -31864,7 +31834,7 @@ function ViewToggle({
             ),
             "aria-label": "Table view",
             disabled,
-            children: /* @__PURE__ */ jsx291(
+            children: /* @__PURE__ */ jsx290(
               TableViewIcon,
               {
                 className: "w-5 h-5",
@@ -31888,11 +31858,11 @@ init_button2();
 init_cn();
 import * as React97 from "react";
 import * as DropdownMenuPrimitive2 from "@radix-ui/react-dropdown-menu";
-import { Check as Check5, ChevronRight as ChevronRight12, Circle as Circle2 } from "lucide-react";
-import { jsx as jsx292, jsxs as jsxs240 } from "react/jsx-runtime";
+import { Check as Check5, ChevronRight as ChevronRight11, Circle as Circle2 } from "lucide-react";
+import { jsx as jsx291, jsxs as jsxs239 } from "react/jsx-runtime";
 var DropdownMenu2 = DropdownMenuPrimitive2.Root;
 var DropdownMenuTrigger2 = DropdownMenuPrimitive2.Trigger;
-var DropdownMenuSubTrigger = React97.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs240(
+var DropdownMenuSubTrigger = React97.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs239(
   DropdownMenuPrimitive2.SubTrigger,
   {
     ref,
@@ -31904,12 +31874,12 @@ var DropdownMenuSubTrigger = React97.forwardRef(({ className, inset, children, .
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx292(ChevronRight12, { className: "ml-auto" })
+      /* @__PURE__ */ jsx291(ChevronRight11, { className: "ml-auto" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive2.SubTrigger.displayName;
-var DropdownMenuSubContent = React97.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx292(
+var DropdownMenuSubContent = React97.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx291(
   DropdownMenuPrimitive2.SubContent,
   {
     ref,
@@ -31921,7 +31891,7 @@ var DropdownMenuSubContent = React97.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive2.SubContent.displayName;
-var DropdownMenuContent2 = React97.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx292(DropdownMenuPrimitive2.Portal, { children: /* @__PURE__ */ jsx292(
+var DropdownMenuContent2 = React97.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx291(DropdownMenuPrimitive2.Portal, { children: /* @__PURE__ */ jsx291(
   DropdownMenuPrimitive2.Content,
   {
     ref,
@@ -31934,7 +31904,7 @@ var DropdownMenuContent2 = React97.forwardRef(({ className, sideOffset = 4, ...p
   }
 ) }));
 DropdownMenuContent2.displayName = DropdownMenuPrimitive2.Content.displayName;
-var DropdownMenuItem2 = React97.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx292(
+var DropdownMenuItem2 = React97.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx291(
   DropdownMenuPrimitive2.Item,
   {
     ref,
@@ -31947,7 +31917,7 @@ var DropdownMenuItem2 = React97.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem2.displayName = DropdownMenuPrimitive2.Item.displayName;
-var DropdownMenuCheckboxItem = React97.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs240(
+var DropdownMenuCheckboxItem = React97.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs239(
   DropdownMenuPrimitive2.CheckboxItem,
   {
     ref,
@@ -31958,13 +31928,13 @@ var DropdownMenuCheckboxItem = React97.forwardRef(({ className, children, checke
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx292("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx292(DropdownMenuPrimitive2.ItemIndicator, { children: /* @__PURE__ */ jsx292(Check5, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx291("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx291(DropdownMenuPrimitive2.ItemIndicator, { children: /* @__PURE__ */ jsx291(Check5, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive2.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React97.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs240(
+var DropdownMenuRadioItem = React97.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs239(
   DropdownMenuPrimitive2.RadioItem,
   {
     ref,
@@ -31974,13 +31944,13 @@ var DropdownMenuRadioItem = React97.forwardRef(({ className, children, ...props
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx292("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx292(DropdownMenuPrimitive2.ItemIndicator, { children: /* @__PURE__ */ jsx292(Circle2, { className: "h-2 w-2 fill-ods-accent" }) }) }),
+      /* @__PURE__ */ jsx291("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx291(DropdownMenuPrimitive2.ItemIndicator, { children: /* @__PURE__ */ jsx291(Circle2, { className: "h-2 w-2 fill-ods-accent" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive2.RadioItem.displayName;
-var DropdownMenuLabel = React97.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx292(
+var DropdownMenuLabel = React97.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx291(
   DropdownMenuPrimitive2.Label,
   {
     ref,
@@ -31993,7 +31963,7 @@ var DropdownMenuLabel = React97.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive2.Label.displayName;
-var DropdownMenuSeparator = React97.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx292(
+var DropdownMenuSeparator = React97.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx291(
   DropdownMenuPrimitive2.Separator,
   {
     ref,
@@ -32006,7 +31976,7 @@ var DropdownMenuShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx292(
+  return /* @__PURE__ */ jsx291(
     "span",
     {
       className: cn("ml-auto text-xs tracking-widest text-ods-text-secondary opacity-60", className),
@@ -32017,7 +31987,7 @@ var DropdownMenuShortcut = ({
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // src/components/features/policy-configuration-panel.tsx
-import { Fragment as Fragment42, jsx as jsx293, jsxs as jsxs241 } from "react/jsx-runtime";
+import { Fragment as Fragment42, jsx as jsx292, jsxs as jsxs240 } from "react/jsx-runtime";
 var approvalLevelOptions = [
   { value: "ALLOW", label: "Allow" },
   { value: "ASK_USER", label: "Ask User" },
@@ -32032,23 +32002,23 @@ var getApprovalLevelLabel = (level, editMode = false) => {
   return option?.label || level;
 };
 var PolicyRow = ({ policy, categoryId, editMode, onPermissionChange }) => {
-  return /* @__PURE__ */ jsxs241("div", { className: "bg-ods-bg border-b border-ods-border flex gap-4 items-center px-4 py-3", children: [
-    /* @__PURE__ */ jsx293("div", { className: "bg-ods-bg border border-ods-border rounded-md flex items-center justify-center w-8 h-8", children: /* @__PURE__ */ jsx293(ToolIcon, { toolType: policy.toolName, size: 16 }) }),
-    /* @__PURE__ */ jsxs241("div", { className: "flex-1 flex flex-col min-w-0", children: [
-      /* @__PURE__ */ jsx293("p", { className: "text-[16px] font-medium text-ods-text-primary truncate", children: policy.name }),
-      /* @__PURE__ */ jsx293("p", { className: "text-[12px] text-ods-text-secondary break-all font-mono", children: policy.commandPattern })
+  return /* @__PURE__ */ jsxs240("div", { className: "bg-ods-bg border-b border-ods-border flex gap-4 items-center px-4 py-3", children: [
+    /* @__PURE__ */ jsx292("div", { className: "bg-ods-bg border border-ods-border rounded-md flex items-center justify-center w-8 h-8", children: /* @__PURE__ */ jsx292(ToolIcon, { toolType: policy.toolName, size: 16 }) }),
+    /* @__PURE__ */ jsxs240("div", { className: "flex-1 flex flex-col min-w-0", children: [
+      /* @__PURE__ */ jsx292("p", { className: "text-[16px] font-medium text-ods-text-primary truncate", children: policy.name }),
+      /* @__PURE__ */ jsx292("p", { className: "text-[12px] text-ods-text-secondary break-all font-mono", children: policy.commandPattern })
     ] }),
-    editMode ? /* @__PURE__ */ jsxs241(DropdownMenu2, { children: [
-      /* @__PURE__ */ jsx293(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ jsx293(
+    editMode ? /* @__PURE__ */ jsxs240(DropdownMenu2, { children: [
+      /* @__PURE__ */ jsx292(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ jsx292(
         Button,
         {
           variant: "outline",
-          rightIcon: /* @__PURE__ */ jsx293(ChevronDown8, { className: "h-6 w-6 text-ods-text-secondary" }),
+          rightIcon: /* @__PURE__ */ jsx292(ChevronDown8, { className: "h-6 w-6 text-ods-text-secondary" }),
           className: "md:!text-sm bg-ods-card border border-ods-border rounded-md flex gap-2 items-center justify-between !px-2 py-2 w-[180px] hover:bg-ods-bg-hover transition-colors text-ods-text-primary h-auto",
           children: getApprovalLevelLabel(policy.approvalLevel, editMode)
         }
       ) }),
-      /* @__PURE__ */ jsx293(DropdownMenuContent2, { align: "end", className: "w-[180px]", children: approvalLevelOptions.map((option) => /* @__PURE__ */ jsx293(
+      /* @__PURE__ */ jsx292(DropdownMenuContent2, { align: "end", className: "w-[180px]", children: approvalLevelOptions.map((option) => /* @__PURE__ */ jsx292(
         DropdownMenuItem2,
         {
           onClick: () => onPermissionChange(categoryId, policy.id, option.value),
@@ -32057,7 +32027,7 @@ var PolicyRow = ({ policy, categoryId, editMode, onPermissionChange }) => {
         },
         option.value
       )) })
-    ] }) : policy.approvalLevel ? /* @__PURE__ */ jsx293("div", { className: "px-3 py-2 w-[180px]", children: /* @__PURE__ */ jsx293("span", { className: "text-[16px] font-medium text-ods-text-primary", children: getApprovalLevelLabel(policy.approvalLevel, editMode) }) }) : /* @__PURE__ */ jsx293("div", { className: "px-3 py-2 w-[180px]" })
+    ] }) : policy.approvalLevel ? /* @__PURE__ */ jsx292("div", { className: "px-3 py-2 w-[180px]", children: /* @__PURE__ */ jsx292("span", { className: "text-[16px] font-medium text-ods-text-primary", children: getApprovalLevelLabel(policy.approvalLevel, editMode) }) }) : /* @__PURE__ */ jsx292("div", { className: "px-3 py-2 w-[180px]" })
   ] });
 };
 var useAnimatedHeight = (isExpanded) => {
@@ -32079,36 +32049,36 @@ var CategorySection = ({
   onPolicyPermissionChange
 }) => {
   const { contentRef, height } = useAnimatedHeight(category.isExpanded);
-  return /* @__PURE__ */ jsxs241(Fragment42, { children: [
-    /* @__PURE__ */ jsxs241(
+  return /* @__PURE__ */ jsxs240(Fragment42, { children: [
+    /* @__PURE__ */ jsxs240(
       "div",
       {
         className: "bg-ods-card border-t border-ods-border flex gap-4 items-center pl-4 pr-2 py-3 cursor-pointer hover:bg-ods-bg-hover transition-colors",
         onClick: () => onCategoryToggle(category.id),
         children: [
-          /* @__PURE__ */ jsx293("div", { className: "bg-ods-bg border border-ods-border rounded-md flex items-center justify-center w-8 h-8", children: /* @__PURE__ */ jsx293("div", { className: "text-ods-text-secondary", children: category.icon }) }),
-          /* @__PURE__ */ jsxs241("div", { className: "flex-1 flex flex-col", children: [
-            /* @__PURE__ */ jsx293("p", { className: "md:!text-sm font-medium text-ods-text-primary", children: category.name }),
-            /* @__PURE__ */ jsxs241("p", { className: "text-[14px] text-ods-text-secondary", children: [
+          /* @__PURE__ */ jsx292("div", { className: "bg-ods-bg border border-ods-border rounded-md flex items-center justify-center w-8 h-8", children: /* @__PURE__ */ jsx292("div", { className: "text-ods-text-secondary", children: category.icon }) }),
+          /* @__PURE__ */ jsxs240("div", { className: "flex-1 flex flex-col", children: [
+            /* @__PURE__ */ jsx292("p", { className: "md:!text-sm font-medium text-ods-text-primary", children: category.name }),
+            /* @__PURE__ */ jsxs240("p", { className: "text-[14px] text-ods-text-secondary", children: [
               category.configurationsCount,
               " Configurations"
             ] })
           ] }),
-          editMode ? /* @__PURE__ */ jsx293("div", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxs241(DropdownMenu2, { children: [
-            /* @__PURE__ */ jsx293(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ jsx293(
+          editMode ? /* @__PURE__ */ jsx292("div", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxs240(DropdownMenu2, { children: [
+            /* @__PURE__ */ jsx292(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ jsx292(
               Button,
               {
                 variant: "outline",
-                rightIcon: /* @__PURE__ */ jsx293(ChevronDown8, { className: "h-6 w-6 text-ods-text-secondary" }),
+                rightIcon: /* @__PURE__ */ jsx292(ChevronDown8, { className: "h-6 w-6 text-ods-text-secondary" }),
                 className: "md:!text-sm bg-ods-card border border-ods-border rounded-md flex gap-2 items-center justify-between !px-2 py-2 w-[256px] hover:bg-ods-bg-hover transition-colors h-auto",
-                children: /* @__PURE__ */ jsx293("span", { className: cn(
+                children: /* @__PURE__ */ jsx292("span", { className: cn(
                   "md:!text-sm font-medium",
                   category.globalPermission ? "text-ods-text-primary" : "text-ods-text-secondary"
                 ), children: getApprovalLevelLabel(category.globalPermission, editMode) })
               }
             ) }),
-            /* @__PURE__ */ jsxs241(DropdownMenuContent2, { align: "end", className: "w-[256px]", children: [
-              /* @__PURE__ */ jsx293(
+            /* @__PURE__ */ jsxs240(DropdownMenuContent2, { align: "end", className: "w-[256px]", children: [
+              /* @__PURE__ */ jsx292(
                 DropdownMenuItem2,
                 {
                   onClick: () => onGlobalPermissionChange(category.id, void 0),
@@ -32116,7 +32086,7 @@ var CategorySection = ({
                   children: "Clear Global Permission"
                 }
               ),
-              approvalLevelOptions.map((option) => /* @__PURE__ */ jsx293(
+              approvalLevelOptions.map((option) => /* @__PURE__ */ jsx292(
                 DropdownMenuItem2,
                 {
                   onClick: () => onGlobalPermissionChange(category.id, option.value),
@@ -32126,21 +32096,21 @@ var CategorySection = ({
                 option.value
               ))
             ] })
-          ] }) }) : category.globalPermission ? /* @__PURE__ */ jsx293(
+          ] }) }) : category.globalPermission ? /* @__PURE__ */ jsx292(
             "div",
             {
               className: "px-3 py-2 w-[256px]",
               onClick: (e) => e.stopPropagation(),
-              children: /* @__PURE__ */ jsx293("span", { className: "md:!text-sm font-medium text-ods-text-primary", children: getApprovalLevelLabel(category.globalPermission, editMode) })
+              children: /* @__PURE__ */ jsx292("span", { className: "md:!text-sm font-medium text-ods-text-primary", children: getApprovalLevelLabel(category.globalPermission, editMode) })
             }
-          ) : /* @__PURE__ */ jsx293(
+          ) : /* @__PURE__ */ jsx292(
             "div",
             {
               className: "px-3 py-2 w-[256px]",
               onClick: (e) => e.stopPropagation()
             }
           ),
-          /* @__PURE__ */ jsx293(
+          /* @__PURE__ */ jsx292(
             Button,
             {
               variant: "transparent",
@@ -32148,7 +32118,7 @@ var CategorySection = ({
                 e.stopPropagation();
                 onCategoryToggle(category.id);
               },
-              leftIcon: /* @__PURE__ */ jsx293(
+              leftIcon: /* @__PURE__ */ jsx292(
                 ChevronDown8,
                 {
                   className: cn(
@@ -32164,7 +32134,7 @@ var CategorySection = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx293(
+    /* @__PURE__ */ jsx292(
       "div",
       {
         ref: contentRef,
@@ -32176,7 +32146,7 @@ var CategorySection = ({
           "overflow-hidden",
           category.isExpanded ? "opacity-100" : "opacity-0"
         ),
-        children: /* @__PURE__ */ jsx293("div", { className: "px-4 pb-4 pt-0", children: /* @__PURE__ */ jsx293("div", { className: "border border-ods-border rounded-md overflow-hidden", children: category.policies.map((policy) => /* @__PURE__ */ jsx293(
+        children: /* @__PURE__ */ jsx292("div", { className: "px-4 pb-4 pt-0", children: /* @__PURE__ */ jsx292("div", { className: "border border-ods-border rounded-md overflow-hidden", children: category.policies.map((policy) => /* @__PURE__ */ jsx292(
           PolicyRow,
           {
             policy,
@@ -32198,10 +32168,10 @@ var PolicyConfigurationPanel = ({
   onPolicyPermissionChange,
   className
 }) => {
-  return /* @__PURE__ */ jsx293("div", { className: cn(
+  return /* @__PURE__ */ jsx292("div", { className: cn(
     "bg-ods-card border border-ods-border rounded-md overflow-hidden",
     className
-  ), children: categories.map((category) => /* @__PURE__ */ jsx293(
+  ), children: categories.map((category) => /* @__PURE__ */ jsx292(
     CategorySection,
     {
       category,
@@ -32220,7 +32190,7 @@ init_button2();
 init_cn();
 import { getCountries as getCountries2 } from "libphonenumber-js";
 import { useEffect as useEffect49, useState as useState71 } from "react";
-import { Fragment as Fragment43, jsx as jsx294, jsxs as jsxs242 } from "react/jsx-runtime";
+import { Fragment as Fragment43, jsx as jsx293, jsxs as jsxs241 } from "react/jsx-runtime";
 function WaitlistForm({
   id = "waitlist-form",
   className,
@@ -32285,18 +32255,18 @@ function WaitlistForm({
     }
   };
   if (!isClient) {
-    return /* @__PURE__ */ jsxs242("div", { className: cn(
+    return /* @__PURE__ */ jsxs241("div", { className: cn(
       "flex flex-col gap-[var(--spacing-system-l)] rounded-[6px] border border-ods-border bg-ods-bg p-[var(--spacing-system-m)]",
       className
     ), children: [
-      /* @__PURE__ */ jsx294("div", { className: "w-full h-12 bg-ods-card border border-ods-border rounded-[6px] animate-pulse" }),
-      /* @__PURE__ */ jsxs242("div", { className: "flex gap-[var(--spacing-system-xs)] w-full", children: [
-        /* @__PURE__ */ jsx294("div", { className: "w-[130px] h-12 bg-ods-card border border-ods-border rounded-[6px] animate-pulse shrink-0" }),
-        /* @__PURE__ */ jsx294("div", { className: "flex-1 h-12 bg-ods-card border border-ods-border rounded-[6px] animate-pulse" })
+      /* @__PURE__ */ jsx293("div", { className: "w-full h-12 bg-ods-card border border-ods-border rounded-[6px] animate-pulse" }),
+      /* @__PURE__ */ jsxs241("div", { className: "flex gap-[var(--spacing-system-xs)] w-full", children: [
+        /* @__PURE__ */ jsx293("div", { className: "w-[130px] h-12 bg-ods-card border border-ods-border rounded-[6px] animate-pulse shrink-0" }),
+        /* @__PURE__ */ jsx293("div", { className: "flex-1 h-12 bg-ods-card border border-ods-border rounded-[6px] animate-pulse" })
       ] }),
-      /* @__PURE__ */ jsxs242("div", { className: "flex flex-col gap-[var(--spacing-system-m)] items-end w-full", children: [
-        /* @__PURE__ */ jsx294("div", { className: "w-full rounded-[6px] border border-ods-border bg-ods-bg animate-pulse py-6 px-4" }),
-        /* @__PURE__ */ jsx294("div", { className: "h-12 w-[200px] bg-ods-card border border-ods-border rounded-[6px] animate-pulse" })
+      /* @__PURE__ */ jsxs241("div", { className: "flex flex-col gap-[var(--spacing-system-m)] items-end w-full", children: [
+        /* @__PURE__ */ jsx293("div", { className: "w-full rounded-[6px] border border-ods-border bg-ods-bg animate-pulse py-6 px-4" }),
+        /* @__PURE__ */ jsx293("div", { className: "h-12 w-[200px] bg-ods-card border border-ods-border rounded-[6px] animate-pulse" })
       ] })
     ] });
   }
@@ -32308,7 +32278,7 @@ function WaitlistForm({
       handleSubmit();
     }
   };
-  return /* @__PURE__ */ jsxs242(
+  return /* @__PURE__ */ jsxs241(
     "div",
     {
       id,
@@ -32317,7 +32287,7 @@ function WaitlistForm({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx294(
+        /* @__PURE__ */ jsx293(
           Input,
           {
             type: "email",
@@ -32331,8 +32301,8 @@ function WaitlistForm({
             errorVariant: "warning"
           }
         ),
-        /* @__PURE__ */ jsxs242("div", { className: "relative w-full", children: [
-          /* @__PURE__ */ jsx294(
+        /* @__PURE__ */ jsxs241("div", { className: "relative w-full", children: [
+          /* @__PURE__ */ jsx293(
             PhoneInput,
             {
               value: phone,
@@ -32348,10 +32318,10 @@ function WaitlistForm({
               onKeyDown: handleKeyDown
             }
           ),
-          showPhoneWarning && /* @__PURE__ */ jsx294("p", { className: "text-h6 absolute bottom-0 left-0 translate-y-full text-[var(--ods-attention-yellow-warning)] truncate", children: invalidPhoneHint })
+          showPhoneWarning && /* @__PURE__ */ jsx293("p", { className: "text-h6 absolute bottom-0 left-0 translate-y-full text-[var(--ods-attention-yellow-warning)] truncate", children: invalidPhoneHint })
         ] }),
-        /* @__PURE__ */ jsxs242("div", { className: "flex flex-col gap-[var(--spacing-system-l)] items-end w-full", children: [
-          /* @__PURE__ */ jsx294(
+        /* @__PURE__ */ jsxs241("div", { className: "flex flex-col gap-[var(--spacing-system-l)] items-end w-full", children: [
+          /* @__PURE__ */ jsx293(
             CheckboxBlock,
             {
               checked: smsConsent,
@@ -32362,10 +32332,10 @@ function WaitlistForm({
               error: showConsentError ? "Please agree to SMS notifications to continue." : void 0,
               disabled: isSubmitting,
               label: smsCheckboxLabel,
-              description: /* @__PURE__ */ jsxs242(Fragment43, { children: [
+              description: /* @__PURE__ */ jsxs241(Fragment43, { children: [
                 consentText,
                 " View our ",
-                /* @__PURE__ */ jsx294(
+                /* @__PURE__ */ jsx293(
                   "a",
                   {
                     href: termsOfServiceUrl || "#",
@@ -32377,7 +32347,7 @@ function WaitlistForm({
                   }
                 ),
                 " and ",
-                /* @__PURE__ */ jsx294(
+                /* @__PURE__ */ jsx293(
                   "a",
                   {
                     href: privacyPolicyUrl || "#",
@@ -32392,13 +32362,13 @@ function WaitlistForm({
               ] })
             }
           ),
-          /* @__PURE__ */ jsx294(
+          /* @__PURE__ */ jsx293(
             Button,
             {
               type: "button",
               loading: isSubmitting,
               disabled: isSubmitting,
-              leftIcon: /* @__PURE__ */ jsx294(OpenFrameLogo, {}),
+              leftIcon: /* @__PURE__ */ jsx293(OpenFrameLogo, {}),
               onClick: handleSubmit,
               className: "w-full md:w-auto",
               children: isSuccess ? successLabel : submitLabel
@@ -32434,7 +32404,7 @@ init_cn();
 
 // src/components/features/board/board-column-header.tsx
 init_button();
-import { jsx as jsx295, jsxs as jsxs243 } from "react/jsx-runtime";
+import { jsx as jsx294, jsxs as jsxs242 } from "react/jsx-runtime";
 function BoardColumnHeader({
   column,
   collapsed = false,
@@ -32444,8 +32414,8 @@ function BoardColumnHeader({
   const count = column.total ?? column.tickets.length;
   const useStatusVariant = !!getTicketStatusConfig(column.id).icon;
   if (collapsed) {
-    return /* @__PURE__ */ jsxs243("div", { className: "flex h-full flex-col items-center gap-[var(--spacing-system-xsf)]", children: [
-      /* @__PURE__ */ jsx295(
+    return /* @__PURE__ */ jsxs242("div", { className: "flex h-full flex-col items-center gap-[var(--spacing-system-xsf)]", children: [
+      /* @__PURE__ */ jsx294(
         Button,
         {
           variant: "transparent",
@@ -32453,10 +32423,10 @@ function BoardColumnHeader({
           className: "h-8 w-8 md:h-8 md:w-8 p-0",
           onClick: onToggleCollapse,
           "aria-label": "Expand column",
-          children: /* @__PURE__ */ jsx295(Arrow02RightIcon, { className: "h-6 w-6 text-ods-text-secondary" })
+          children: /* @__PURE__ */ jsx294(Arrow02RightIcon, { className: "h-6 w-6 text-ods-text-secondary" })
         }
       ),
-      /* @__PURE__ */ jsx295(
+      /* @__PURE__ */ jsx294(
         TicketStatusTag,
         {
           status: column.id,
@@ -32465,12 +32435,12 @@ function BoardColumnHeader({
           className: "h-auto [writing-mode:vertical-rl]"
         }
       ),
-      /* @__PURE__ */ jsx295("span", { className: "text-h5", style: { color: column.color }, children: count })
+      /* @__PURE__ */ jsx294("span", { className: "text-h5", style: { color: column.color }, children: count })
     ] });
   }
-  return /* @__PURE__ */ jsxs243("div", { className: "flex items-center gap-[var(--spacing-system-xsf)]", children: [
-    /* @__PURE__ */ jsxs243("div", { className: "flex min-w-0 flex-1 items-center gap-[var(--spacing-system-xsf)]", children: [
-      /* @__PURE__ */ jsx295(
+  return /* @__PURE__ */ jsxs242("div", { className: "flex items-center gap-[var(--spacing-system-xsf)]", children: [
+    /* @__PURE__ */ jsxs242("div", { className: "flex min-w-0 flex-1 items-center gap-[var(--spacing-system-xsf)]", children: [
+      /* @__PURE__ */ jsx294(
         TicketStatusTag,
         {
           status: column.id,
@@ -32478,7 +32448,7 @@ function BoardColumnHeader({
           color: useStatusVariant ? void 0 : column.color
         }
       ),
-      /* @__PURE__ */ jsx295(
+      /* @__PURE__ */ jsx294(
         "span",
         {
           className: "text-h5",
@@ -32487,8 +32457,8 @@ function BoardColumnHeader({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs243("div", { className: "flex shrink-0 items-center gap-[var(--spacing-system-xxs)]", children: [
-      /* @__PURE__ */ jsx295(
+    /* @__PURE__ */ jsxs242("div", { className: "flex shrink-0 items-center gap-[var(--spacing-system-xxs)]", children: [
+      /* @__PURE__ */ jsx294(
         Button,
         {
           variant: "transparent",
@@ -32496,10 +32466,10 @@ function BoardColumnHeader({
           className: "h-8 w-8 md:h-8 md:w-8 p-0",
           onClick: onToggleCollapse,
           "aria-label": "Collapse column",
-          children: /* @__PURE__ */ jsx295(Arrow02LeftIcon, { className: "h-6 w-6 text-ods-text-secondary" })
+          children: /* @__PURE__ */ jsx294(Arrow02LeftIcon, { className: "h-6 w-6 text-ods-text-secondary" })
         }
       ),
-      onAddTicket && /* @__PURE__ */ jsx295(
+      onAddTicket && /* @__PURE__ */ jsx294(
         Button,
         {
           variant: "transparent",
@@ -32507,7 +32477,7 @@ function BoardColumnHeader({
           className: "h-8 w-8 md:h-8 md:w-8 p-0",
           onClick: onAddTicket,
           "aria-label": "Add ticket",
-          children: /* @__PURE__ */ jsx295(PlusIcon, { className: "h-6 w-6 text-ods-text-secondary" })
+          children: /* @__PURE__ */ jsx294(PlusIcon, { className: "h-6 w-6 text-ods-text-secondary" })
         }
       )
     ] })
@@ -32531,7 +32501,7 @@ import { CSS } from "@dnd-kit/utilities";
 import Link11 from "next/link";
 import * as React98 from "react";
 init_cn();
-import { Fragment as Fragment44, jsx as jsx296, jsxs as jsxs244 } from "react/jsx-runtime";
+import { Fragment as Fragment44, jsx as jsx295, jsxs as jsxs243 } from "react/jsx-runtime";
 var PRIORITY_COLOR_CLASS = {
   low: "text-ods-text-secondary",
   medium: "text-ods-info",
@@ -32570,16 +32540,16 @@ function TicketCard({
     if (sortable.isDragging) e.preventDefault();
   };
   const hasRightSection = !!(ticket.priority || ticket.assignees?.length || renderAssignSlot);
-  const rightSection = hasRightSection ? /* @__PURE__ */ jsxs244("div", { className: "pointer-events-auto flex shrink-0 items-center gap-[var(--spacing-system-xsf)]", children: [
-    ticket.priority && /* @__PURE__ */ jsx296(
+  const rightSection = hasRightSection ? /* @__PURE__ */ jsxs243("div", { className: "pointer-events-auto flex shrink-0 items-center gap-[var(--spacing-system-xsf)]", children: [
+    ticket.priority && /* @__PURE__ */ jsx295(
       Flag02Icon,
       {
         className: cn("size-4", PRIORITY_COLOR_CLASS[ticket.priority]),
         "aria-label": `Priority: ${ticket.priority}`
       }
     ),
-    renderAssignSlot ? renderAssignSlot(ticket) : ticket.assignees?.length ? /* @__PURE__ */ jsxs244("div", { className: "flex -space-x-2", children: [
-      ticket.assignees.slice(0, MAX_VISIBLE_ASSIGNEES).map((a) => /* @__PURE__ */ jsx296(
+    renderAssignSlot ? renderAssignSlot(ticket) : ticket.assignees?.length ? /* @__PURE__ */ jsxs243("div", { className: "flex -space-x-2", children: [
+      ticket.assignees.slice(0, MAX_VISIBLE_ASSIGNEES).map((a) => /* @__PURE__ */ jsx295(
         SquareAvatar,
         {
           src: a.avatarUrl,
@@ -32590,24 +32560,24 @@ function TicketCard({
         },
         a.id
       )),
-      ticket.assignees.length > MAX_VISIBLE_ASSIGNEES && /* @__PURE__ */ jsxs244("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full border border-ods-border bg-ods-bg text-xs font-medium text-ods-text-secondary", children: [
+      ticket.assignees.length > MAX_VISIBLE_ASSIGNEES && /* @__PURE__ */ jsxs243("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full border border-ods-border bg-ods-bg text-xs font-medium text-ods-text-secondary", children: [
         "+",
         ticket.assignees.length - MAX_VISIBLE_ASSIGNEES
       ] })
     ] }) : null
   ] }) : null;
-  const body = /* @__PURE__ */ jsxs244(Fragment44, { children: [
-    /* @__PURE__ */ jsxs244("div", { className: "flex items-start gap-[var(--spacing-system-sf)]", children: [
-      /* @__PURE__ */ jsxs244("div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--spacing-system-xxs)]", children: [
-        /* @__PURE__ */ jsx296("p", { className: "text-h3 truncate text-ods-text-primary", children: ticket.title }),
-        showDeviceRow && /* @__PURE__ */ jsxs244("div", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xxs)] text-h6 text-ods-text-secondary", children: [
-          /* @__PURE__ */ jsx296(LaptopIcon, { className: "size-4 shrink-0" }),
-          /* @__PURE__ */ jsx296("span", { className: "truncate", children: deviceText })
+  const body = /* @__PURE__ */ jsxs243(Fragment44, { children: [
+    /* @__PURE__ */ jsxs243("div", { className: "flex items-start gap-[var(--spacing-system-sf)]", children: [
+      /* @__PURE__ */ jsxs243("div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--spacing-system-xxs)]", children: [
+        /* @__PURE__ */ jsx295("p", { className: "text-h3 truncate text-ods-text-primary", children: ticket.title }),
+        showDeviceRow && /* @__PURE__ */ jsxs243("div", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xxs)] text-h6 text-ods-text-secondary", children: [
+          /* @__PURE__ */ jsx295(LaptopIcon, { className: "size-4 shrink-0" }),
+          /* @__PURE__ */ jsx295("span", { className: "truncate", children: deviceText })
         ] })
       ] }),
       rightSection
     ] }),
-    ticket.tags?.length ? /* @__PURE__ */ jsx296(TicketTagRow, { tags: ticket.tags }) : null
+    ticket.tags?.length ? /* @__PURE__ */ jsx295(TicketTagRow, { tags: ticket.tags }) : null
   ] });
   const cardClasses = cn(
     "relative flex flex-col gap-[var(--spacing-system-sf)] rounded-md border border-ods-border bg-ods-bg p-[var(--spacing-system-sf)] select-none text-left",
@@ -32623,11 +32593,11 @@ function TicketCard({
     ...isOverlay ? {} : sortable.listeners
   };
   if (isOverlay) {
-    return /* @__PURE__ */ jsx296("div", { ...outerProps, children: /* @__PURE__ */ jsx296("div", { className: "relative z-10", children: body }) });
+    return /* @__PURE__ */ jsx295("div", { ...outerProps, children: /* @__PURE__ */ jsx295("div", { className: "relative z-10", children: body }) });
   }
   if (href) {
-    return /* @__PURE__ */ jsxs244("div", { ...outerProps, children: [
-      /* @__PURE__ */ jsx296(
+    return /* @__PURE__ */ jsxs243("div", { ...outerProps, children: [
+      /* @__PURE__ */ jsx295(
         Link11,
         {
           href,
@@ -32638,11 +32608,11 @@ function TicketCard({
           className: "absolute inset-0 z-0 rounded-md focus-visible:outline-none"
         }
       ),
-      /* @__PURE__ */ jsx296("div", { className: "pointer-events-none relative z-10", children: body })
+      /* @__PURE__ */ jsx295("div", { className: "pointer-events-none relative z-10", children: body })
     ] });
   }
-  return /* @__PURE__ */ jsxs244("div", { ...outerProps, children: [
-    /* @__PURE__ */ jsx296(
+  return /* @__PURE__ */ jsxs243("div", { ...outerProps, children: [
+    /* @__PURE__ */ jsx295(
       "button",
       {
         type: "button",
@@ -32651,24 +32621,24 @@ function TicketCard({
         className: "absolute inset-0 z-0 cursor-pointer rounded-md focus-visible:outline-none"
       }
     ),
-    /* @__PURE__ */ jsx296("div", { className: "pointer-events-none relative z-10", children: body })
+    /* @__PURE__ */ jsx295("div", { className: "pointer-events-none relative z-10", children: body })
   ] });
 }
 function TicketTagRow({ tags }) {
   const visible = tags.slice(0, MAX_VISIBLE_TAGS);
   const hidden = tags.length - visible.length;
-  return /* @__PURE__ */ jsxs244("div", { className: "flex h-8 flex-wrap items-start gap-[var(--spacing-system-xxs)] overflow-clip", children: [
-    visible.map((tag) => /* @__PURE__ */ jsx296(Tag, { variant: "outline", label: tag }, tag)),
-    hidden > 0 && /* @__PURE__ */ jsx296(Tag, { variant: "outline", label: `+${hidden}` })
+  return /* @__PURE__ */ jsxs243("div", { className: "flex h-8 flex-wrap items-start gap-[var(--spacing-system-xxs)] overflow-clip", children: [
+    visible.map((tag) => /* @__PURE__ */ jsx295(Tag, { variant: "outline", label: tag }, tag)),
+    hidden > 0 && /* @__PURE__ */ jsx295(Tag, { variant: "outline", label: `+${hidden}` })
   ] });
 }
 
 // src/components/features/board/ticket-card-skeleton.tsx
 import * as React99 from "react";
 init_cn();
-import { jsx as jsx297, jsxs as jsxs245 } from "react/jsx-runtime";
+import { jsx as jsx296, jsxs as jsxs244 } from "react/jsx-runtime";
 var TicketCardSkeleton = React99.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx297(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx296(
     "div",
     {
       ref,
@@ -32677,12 +32647,12 @@ var TicketCardSkeleton = React99.forwardRef(
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsxs245("div", { className: "flex items-start gap-[var(--spacing-system-sf)]", children: [
-        /* @__PURE__ */ jsxs245("div", { className: "flex flex-1 flex-col gap-[var(--spacing-system-xsf)]", children: [
-          /* @__PURE__ */ jsx297(Skeleton, { className: "h-5 w-3/4" }),
-          /* @__PURE__ */ jsx297(Skeleton, { className: "h-4 w-1/2" })
+      children: /* @__PURE__ */ jsxs244("div", { className: "flex items-start gap-[var(--spacing-system-sf)]", children: [
+        /* @__PURE__ */ jsxs244("div", { className: "flex flex-1 flex-col gap-[var(--spacing-system-xsf)]", children: [
+          /* @__PURE__ */ jsx296(Skeleton, { className: "h-5 w-3/4" }),
+          /* @__PURE__ */ jsx296(Skeleton, { className: "h-4 w-1/2" })
         ] }),
-        /* @__PURE__ */ jsx297(Skeleton, { className: "size-8 rounded-full" })
+        /* @__PURE__ */ jsx296(Skeleton, { className: "size-8 rounded-full" })
       ] })
     }
   )
@@ -32690,7 +32660,7 @@ var TicketCardSkeleton = React99.forwardRef(
 TicketCardSkeleton.displayName = "TicketCardSkeleton";
 
 // src/components/features/board/board-column.tsx
-import { Fragment as Fragment45, jsx as jsx298, jsxs as jsxs246 } from "react/jsx-runtime";
+import { Fragment as Fragment45, jsx as jsx297, jsxs as jsxs245 } from "react/jsx-runtime";
 function BoardColumn({
   column,
   collapsed = false,
@@ -32703,7 +32673,7 @@ function BoardColumn({
   joinLeft = false,
   joinRight = false
 }) {
-  return /* @__PURE__ */ jsxs246(
+  return /* @__PURE__ */ jsxs245(
     "div",
     {
       className: cn(
@@ -32716,7 +32686,7 @@ function BoardColumn({
       ),
       style: column.system ? void 0 : { backgroundColor: tintOnDark(column.color) },
       children: [
-        /* @__PURE__ */ jsx298(
+        /* @__PURE__ */ jsx297(
           BoardColumnHeader,
           {
             column,
@@ -32725,9 +32695,9 @@ function BoardColumn({
             onAddTicket: !collapsed && onAddTicket ? () => onAddTicket(column.id) : void 0
           }
         ),
-        !collapsed && /* @__PURE__ */ jsxs246(Fragment45, { children: [
-          /* @__PURE__ */ jsx298("div", { "aria-hidden": true, className: "-mx-[var(--spacing-system-sf)] h-px shrink-0 bg-ods-border" }),
-          /* @__PURE__ */ jsx298(
+        !collapsed && /* @__PURE__ */ jsxs245(Fragment45, { children: [
+          /* @__PURE__ */ jsx297("div", { "aria-hidden": true, className: "-mx-[var(--spacing-system-sf)] h-px shrink-0 bg-ods-border" }),
+          /* @__PURE__ */ jsx297(
             ColumnBody,
             {
               column,
@@ -32782,7 +32752,7 @@ function ColumnBody({ column, getTicketHref, renderAssignSlot, onLoadMore, loadM
     },
     [setDroppableRef]
   );
-  return /* @__PURE__ */ jsxs246(
+  return /* @__PURE__ */ jsxs245(
     "div",
     {
       ref: setBodyRef,
@@ -32791,7 +32761,7 @@ function ColumnBody({ column, getTicketHref, renderAssignSlot, onLoadMore, loadM
         isOver && "rounded-md outline outline-2 outline-offset-2 outline-ods-focus"
       ),
       children: [
-        /* @__PURE__ */ jsx298(SortableContext, { items: ticketIds, strategy: verticalListSortingStrategy, children: column.isLoading ? /* @__PURE__ */ jsx298(SkeletonStack, {}) : column.tickets.length === 0 ? /* @__PURE__ */ jsx298(EmptyState3, {}) : column.tickets.map((t) => /* @__PURE__ */ jsx298(
+        /* @__PURE__ */ jsx297(SortableContext, { items: ticketIds, strategy: verticalListSortingStrategy, children: column.isLoading ? /* @__PURE__ */ jsx297(SkeletonStack, {}) : column.tickets.length === 0 ? /* @__PURE__ */ jsx297(EmptyState3, {}) : column.tickets.map((t) => /* @__PURE__ */ jsx297(
           TicketCard,
           {
             ticket: t,
@@ -32802,8 +32772,8 @@ function ColumnBody({ column, getTicketHref, renderAssignSlot, onLoadMore, loadM
           },
           t.id
         )) }),
-        column.isLoadingMore && !column.isLoading && /* @__PURE__ */ jsx298(TicketCardSkeleton, {}),
-        column.hasMore && /* @__PURE__ */ jsx298("div", { ref: sentinelRef, "aria-hidden": true, className: "h-1 shrink-0" })
+        column.isLoadingMore && !column.isLoading && /* @__PURE__ */ jsx297(TicketCardSkeleton, {}),
+        column.hasMore && /* @__PURE__ */ jsx297("div", { ref: sentinelRef, "aria-hidden": true, className: "h-1 shrink-0" })
       ]
     }
   );
@@ -32813,14 +32783,14 @@ function SkeletonStack({ count = 4 }) {
     () => Array.from({ length: count }, () => Math.random().toString(36).slice(2)),
     [count]
   );
-  return /* @__PURE__ */ jsx298(Fragment45, { children: keys.map((k) => /* @__PURE__ */ jsx298(TicketCardSkeleton, {}, k)) });
+  return /* @__PURE__ */ jsx297(Fragment45, { children: keys.map((k) => /* @__PURE__ */ jsx297(TicketCardSkeleton, {}, k)) });
 }
 function EmptyState3() {
-  return /* @__PURE__ */ jsxs246("div", { className: "flex flex-1 flex-col items-center justify-center gap-[var(--spacing-system-lf)] p-[var(--spacing-system-lf)] text-center text-ods-text-secondary", children: [
-    /* @__PURE__ */ jsx298(TagIcon, { className: "h-6 w-6 shrink-0" }),
-    /* @__PURE__ */ jsxs246("div", { className: "flex w-full flex-col", children: [
-      /* @__PURE__ */ jsx298("p", { className: "text-h4", children: "No tickets here" }),
-      /* @__PURE__ */ jsx298("p", { className: "text-h6", children: "Drag a ticket here or change its status to move it to this column" })
+  return /* @__PURE__ */ jsxs245("div", { className: "flex flex-1 flex-col items-center justify-center gap-[var(--spacing-system-lf)] p-[var(--spacing-system-lf)] text-center text-ods-text-secondary", children: [
+    /* @__PURE__ */ jsx297(TagIcon, { className: "h-6 w-6 shrink-0" }),
+    /* @__PURE__ */ jsxs245("div", { className: "flex w-full flex-col", children: [
+      /* @__PURE__ */ jsx297("p", { className: "text-h4", children: "No tickets here" }),
+      /* @__PURE__ */ jsx297("p", { className: "text-h6", children: "Drag a ticket here or change its status to move it to this column" })
     ] })
   ] });
 }
@@ -32851,7 +32821,7 @@ function useBoardCollapse(storageKey) {
 }
 
 // src/components/features/board/board.tsx
-import { jsx as jsx299, jsxs as jsxs247 } from "react/jsx-runtime";
+import { jsx as jsx298, jsxs as jsxs246 } from "react/jsx-runtime";
 function Board({
   columns,
   onChange,
@@ -33006,7 +32976,7 @@ function Board({
     isDraggingRef.current = false;
     setItems(columns);
   };
-  return /* @__PURE__ */ jsxs247(
+  return /* @__PURE__ */ jsxs246(
     DndContext,
     {
       sensors,
@@ -33016,15 +32986,15 @@ function Board({
       onDragEnd: handleDragEnd,
       onDragCancel: handleDragCancel,
       children: [
-        /* @__PURE__ */ jsx299("div", { className: cn("flex h-full overflow-x-auto", className), children: items.map((column, i) => {
+        /* @__PURE__ */ jsx298("div", { className: cn("flex h-full overflow-x-auto", className), children: items.map((column, i) => {
           const prev = items[i - 1];
           const next = items[i + 1];
           const joinLeft = !!(column.system && prev?.system);
           const joinRight = !!(column.system && next?.system);
           const showGap = i > 0 && !joinLeft;
-          return /* @__PURE__ */ jsxs247(React101.Fragment, { children: [
-            showGap && /* @__PURE__ */ jsx299("div", { "aria-hidden": true, className: "w-[var(--spacing-system-mf)] shrink-0" }),
-            /* @__PURE__ */ jsx299(
+          return /* @__PURE__ */ jsxs246(React101.Fragment, { children: [
+            showGap && /* @__PURE__ */ jsx298("div", { "aria-hidden": true, className: "w-[var(--spacing-system-mf)] shrink-0" }),
+            /* @__PURE__ */ jsx298(
               BoardColumn,
               {
                 column,
@@ -33041,7 +33011,7 @@ function Board({
             )
           ] }, column.id);
         }) }),
-        /* @__PURE__ */ jsx299(DragOverlay, { dropAnimation: null, children: activeTicket ? /* @__PURE__ */ jsx299(TicketCard, { ticket: activeTicket.ticket, columnId: activeTicket.columnId, isOverlay: true }) : null })
+        /* @__PURE__ */ jsx298(DragOverlay, { dropAnimation: null, children: activeTicket ? /* @__PURE__ */ jsx298(TicketCard, { ticket: activeTicket.ticket, columnId: activeTicket.columnId, isOverlay: true }) : null })
       ]
     }
   );
@@ -33703,7 +33673,6 @@ export {
   AssigneeDropdown,
   TicketDetailSection,
   TicketAttachmentsList,
-  TicketKnowledgeBaseList,
   TicketNoteCard,
   TicketNotesSection,
   TicketInfoSection,
@@ -33721,4 +33690,4 @@ export {
   TMCG_SOCIAL_PLATFORMS,
   assets
 };
-//# sourceMappingURL=chunk-DV2GT7RI.js.map
+//# sourceMappingURL=chunk-VEOBMVF5.js.map