@flamingo-stack/openframe-frontend-core 0.0.203 → 0.0.204-snapshot.20260523020255

package/dist/{chunk-E6Q6UGDK.js → chunk-OFCRX24Y.js}

@@ -16,7 +16,10 @@ import {
   useNearViewport,
   useOnboardingState,
   useToast
-} from "./chunk-XGL5FKIK.js";
+} from "./chunk-D6BNDYZK.js";
+import {
+  useEndpointsRuntime
+} from "./chunk-MJNXIEV2.js";
 import {
   Button,
   Checkbox,
@@ -145,7 +148,7 @@ import {
 
 // src/components/pagination.tsx
 import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight5, MoreHorizontal } from "lucide-react";
-import * as React38 from "react";
+import * as React37 from "react";
 import { jsx as jsx96, jsxs as jsxs77 } from "react/jsx-runtime";
 var Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationEllipsis, PaginationPrevious, PaginationNext;
 var init_pagination = __esm({
@@ -237,19 +240,19 @@ var init_pagination = __esm({
         ) })
       ] }) });
     };
-    PaginationContent = React38.forwardRef(
+    PaginationContent = React37.forwardRef(
       ({ className, ...props }, ref) => {
         return /* @__PURE__ */ jsx96("ul", { ref, className: cn("flex items-center justify-center", className), ...props });
       }
     );
     PaginationContent.displayName = "PaginationContent";
-    PaginationItem = React38.forwardRef(
+    PaginationItem = React37.forwardRef(
       ({ className, ...props }, ref) => {
         return /* @__PURE__ */ jsx96("li", { ref, className: cn("", className), ...props });
       }
     );
     PaginationItem.displayName = "PaginationItem";
-    PaginationLink = React38.forwardRef(
+    PaginationLink = React37.forwardRef(
       ({ className, ...props }, ref) => {
         return /* @__PURE__ */ jsx96(
           "button",
@@ -265,7 +268,7 @@ var init_pagination = __esm({
       }
     );
     PaginationLink.displayName = "PaginationLink";
-    PaginationEllipsis = React38.forwardRef(
+    PaginationEllipsis = React37.forwardRef(
       ({ className, ...props }, ref) => {
         return /* @__PURE__ */ jsxs77(
           "span",
@@ -282,7 +285,7 @@ var init_pagination = __esm({
       }
     );
     PaginationEllipsis.displayName = "PaginationEllipsis";
-    PaginationPrevious = React38.forwardRef(
+    PaginationPrevious = React37.forwardRef(
       ({ className, ...props }, ref) => {
         return /* @__PURE__ */ jsxs77(Button, { ref, variant: "outline", size: "icon", className: cn("h-10 w-10", className), ...props, children: [
           /* @__PURE__ */ jsx96(ChevronLeft2, { className: "h-4 w-4" }),
@@ -291,7 +294,7 @@ var init_pagination = __esm({
       }
     );
     PaginationPrevious.displayName = "PaginationPrevious";
-    PaginationNext = React38.forwardRef(
+    PaginationNext = React37.forwardRef(
       ({ className, ...props }, ref) => {
         return /* @__PURE__ */ jsxs77(Button, { ref, variant: "outline", size: "icon", className: cn("h-10 w-10", className), ...props, children: [
           /* @__PURE__ */ jsx96(ChevronRight5, { className: "h-4 w-4" }),
@@ -2292,7 +2295,7 @@ function DatePickerInputSimple({
 }
 
 // src/components/ui/info-card.tsx
-import React50 from "react";
+import React49 from "react";
 
 // src/utils/index.ts
 init_cn();
@@ -2373,102 +2376,6 @@ var OS_PLATFORMS = [
 ];
 var DEFAULT_OS_PLATFORM = "windows";
 
-// src/utils/access-code-client.ts
-import React9 from "react";
-async function validateAccessCode(email, code) {
-  try {
-    const response = await fetch("/api/validate-access-code", {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify({ email, code })
-    });
-    if (!response.ok) {
-      const error = await response.json().catch(() => ({}));
-      throw new Error(error.error || "Validation request failed");
-    }
-    return await response.json();
-  } catch (error) {
-    return {
-      valid: false,
-      message: error instanceof Error ? error.message : "Validation failed"
-    };
-  }
-}
-async function consumeAccessCode(email, code) {
-  try {
-    const response = await fetch("/api/consume-access-code", {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify({ email, code })
-    });
-    if (!response.ok) {
-      const error = await response.json().catch(() => ({}));
-      throw new Error(error.error || "Consumption request failed");
-    }
-    return await response.json();
-  } catch (error) {
-    return {
-      success: false,
-      consumed: false,
-      message: error instanceof Error ? error.message : "Consumption failed"
-    };
-  }
-}
-async function validateAndConsumeAccessCode(email, code) {
-  const validation = await validateAccessCode(email, code);
-  if (!validation.valid) {
-    return validation;
-  }
-  const consumption = await consumeAccessCode(email, code);
-  return {
-    ...validation,
-    consumed: consumption.consumed,
-    message: consumption.consumed ? `Access granted for ${validation.cohort_name}` : consumption.message || validation.message
-  };
-}
-function useAccessCodeIntegration() {
-  const [isValidating, setIsValidating] = React9.useState(false);
-  const [isConsuming, setIsConsuming] = React9.useState(false);
-  const validate = async (email, code) => {
-    setIsValidating(true);
-    try {
-      return await validateAccessCode(email, code);
-    } finally {
-      setIsValidating(false);
-    }
-  };
-  const consume = async (email, code) => {
-    setIsConsuming(true);
-    try {
-      return await consumeAccessCode(email, code);
-    } finally {
-      setIsConsuming(false);
-    }
-  };
-  const validateAndConsume = async (email, code) => {
-    setIsValidating(true);
-    setIsConsuming(true);
-    try {
-      return await validateAndConsumeAccessCode(email, code);
-    } finally {
-      setIsValidating(false);
-      setIsConsuming(false);
-    }
-  };
-  return {
-    validate,
-    consume,
-    validateAndConsume,
-    isValidating,
-    isConsuming,
-    isProcessing: isValidating || isConsuming
-  };
-}
-
 // src/utils/validation-utils.ts
 function isValidEmailDomain(domain) {
   if (!domain || typeof domain !== "string") {
@@ -4269,11 +4176,11 @@ ErrorMessageDisplay.displayName = "ErrorMessageDisplay";
 
 // src/components/chat/chat-container.tsx
 init_cn();
-import * as React12 from "react";
+import * as React11 from "react";
 
 // src/components/ui/square-avatar.tsx
 init_cn();
-import * as React11 from "react";
+import * as React10 from "react";
 import Image3 from "next/image";
 import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
 var getInitials = (name) => {
@@ -4284,7 +4191,7 @@ var getInitials = (name) => {
   }
   return (words[0].charAt(0) + words[words.length - 1].charAt(0)).toUpperCase();
 };
-var SquareAvatar = React11.memo(React11.forwardRef(
+var SquareAvatar = React10.memo(React10.forwardRef(
   ({ className, src, alt, size = "md", fallback, variant = "square", ...props }, ref) => {
     const sizeClasses4 = {
       sm: "h-8 w-8",
@@ -4485,7 +4392,7 @@ var ConnectionIndicator = ({ status }) => {
     }
   ) });
 };
-var ChatContainer = React12.forwardRef(
+var ChatContainer = React11.forwardRef(
   ({ className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsx25(
       "div",
@@ -4504,7 +4411,7 @@ var ChatContainer = React12.forwardRef(
   }
 );
 ChatContainer.displayName = "ChatContainer";
-var ChatHeader = React12.forwardRef(
+var ChatHeader = React11.forwardRef(
   ({ className, userName = 'Grace "Fae" Meadows', userTitle = "Your Personal Assistant", userAvatar, userIcon, onSettingsClick, onNewChat, onClose, onBack, showNewChat = false, connectionStatus = "disconnected", serverUrl = null, headerActions, ticketInfo, ...props }, ref) => {
     const cardClasses = "rounded-md bg-ods-card shadow-[0_18px_48px_rgba(0,0,0,0.45)] border border-ods-border ring-1 ring-black/20";
     return /* @__PURE__ */ jsxs19(
@@ -4596,7 +4503,7 @@ var ChatHeader = React12.forwardRef(
   }
 );
 ChatHeader.displayName = "ChatHeader";
-var ChatContent = React12.forwardRef(
+var ChatContent = React11.forwardRef(
   ({ className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsx25(
       "div",
@@ -4613,7 +4520,7 @@ var ChatContent = React12.forwardRef(
   }
 );
 ChatContent.displayName = "ChatContent";
-var ChatFooter = React12.forwardRef(
+var ChatFooter = React11.forwardRef(
   ({ className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsx25(
       "div",
@@ -4637,9 +4544,9 @@ import { useState as useState12, useRef as useRef4, useImperativeHandle as useIm
 
 // src/components/ui/textarea.tsx
 init_cn();
-import * as React13 from "react";
+import * as React12 from "react";
 import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
-var Textarea = React13.forwardRef(
+var Textarea = React12.forwardRef(
   ({ className, invalid = false, label, error, endIcon, endIconAsButton = false, endIconButtonProps, ...props }, ref) => {
     const isInvalid = invalid || !!error;
     const hasEndIcon = !!endIcon;
@@ -4744,9 +4651,9 @@ Textarea.displayName = "Textarea";
 
 // src/components/chat/chat-typing-indicator.tsx
 init_cn();
-import * as React14 from "react";
+import * as React13 from "react";
 import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
-var ChatTypingIndicator = React14.forwardRef(
+var ChatTypingIndicator = React13.forwardRef(
   ({ className, size = "md", showText = false, dotClassName, ...props }, ref) => {
     const dotSizeClasses = {
       sm: "w-1 h-1",
@@ -5198,7 +5105,7 @@ ChatInput.displayName = "ChatInput";
 
 // src/components/chat/chat-message-enhanced.tsx
 init_cn();
-import React15, { forwardRef as forwardRef20, memo as memo2, useMemo as useMemo6 } from "react";
+import React14, { forwardRef as forwardRef20, memo as memo2, useMemo as useMemo6 } from "react";
 
 // src/components/chat/tool-execution-display.tsx
 init_cn();
@@ -5378,7 +5285,7 @@ var ChatMessageEnhanced = forwardRef20(
             rendered = render(refForRender);
             seenRendered.set(key, rendered);
           }
-          if (React15.isValidElement(rendered) && rendered.type === BlockCard) {
+          if (React14.isValidElement(rendered) && rendered.type === BlockCard) {
             const props2 = rendered.props;
             const markerEnd = match.index + match[0].length;
             parts.push({ kind: "text", text: text.slice(cursor, markerEnd) });
@@ -6081,11 +5988,11 @@ ChatMessageList.displayName = "ChatMessageList";
 
 // src/components/ui/tabs.tsx
 init_cn();
-import * as React16 from "react";
+import * as React15 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import { jsx as jsx35 } from "react/jsx-runtime";
 var Tabs = TabsPrimitive.Root;
-var TabsList = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var TabsList = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
   TabsPrimitive.List,
   {
     ref,
@@ -6097,7 +6004,7 @@ var TabsList = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var TabsTrigger = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -6109,7 +6016,7 @@ var TabsTrigger = React16.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var TabsContent = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
   TabsPrimitive.Content,
   {
     ref,
@@ -6669,12 +6576,12 @@ function ChatVideoEntityCard({
 
 // src/components/chat/chat-quick-action.tsx
 init_cn();
-import * as React19 from "react";
+import * as React18 from "react";
 import { ChevronRight as ChevronRight2 } from "lucide-react";
 import { jsx as jsx41, jsxs as jsxs33 } from "react/jsx-runtime";
-var ChatQuickAction = React19.forwardRef(
+var ChatQuickAction = React18.forwardRef(
   ({ className, text, onAction, onClick, isHintActive, onHintInteraction, disabled = false, ...props }, ref) => {
-    const handleClick = React19.useCallback((e) => {
+    const handleClick = React18.useCallback((e) => {
       if (onHintInteraction) {
         onHintInteraction();
       }
@@ -6717,10 +6624,10 @@ ChatQuickAction.displayName = "ChatQuickAction";
 
 // src/components/chat/chat-ticket-item.tsx
 init_cn();
-import * as React20 from "react";
+import * as React19 from "react";
 import { ChevronRight as ChevronRight3 } from "lucide-react";
 import { jsx as jsx42, jsxs as jsxs34 } from "react/jsx-runtime";
-var ChatTicketItem = React20.forwardRef(
+var ChatTicketItem = React19.forwardRef(
   ({ className, ticket, onClick, ...props }, ref) => {
     const isResolved = resolveTicketStatus(ticket.status) === "RESOLVED";
     const subtitle = [ticket.ticketNumber, ticket.category, ticket.timeAgo].filter(Boolean).join(" \u2022 ");
@@ -6765,7 +6672,7 @@ ChatTicketItem.displayName = "ChatTicketItem";
 
 // src/components/chat/chat-ticket-list.tsx
 init_cn();
-import * as React21 from "react";
+import * as React20 from "react";
 import { jsx as jsx43, jsxs as jsxs35 } from "react/jsx-runtime";
 function getMask(top, bottom) {
   if (top && bottom) return "linear-gradient(to bottom, transparent, black 64px, black calc(100% - 64px), transparent)";
@@ -6773,19 +6680,19 @@ function getMask(top, bottom) {
   if (bottom) return "linear-gradient(to bottom, black calc(100% - 64px), transparent)";
   return "none";
 }
-var ChatTicketList = React21.forwardRef(
+var ChatTicketList = React20.forwardRef(
   ({ className, tickets, onTicketClick, ...props }, ref) => {
-    const scrollRef = React21.useRef(null);
-    const [fadeTop, setFadeTop] = React21.useState(false);
-    const [fadeBottom, setFadeBottom] = React21.useState(false);
-    const updateFade = React21.useCallback(() => {
+    const scrollRef = React20.useRef(null);
+    const [fadeTop, setFadeTop] = React20.useState(false);
+    const [fadeBottom, setFadeBottom] = React20.useState(false);
+    const updateFade = React20.useCallback(() => {
       const el = scrollRef.current;
       if (!el) return;
       setFadeTop(el.scrollTop > 0);
       setFadeBottom(el.scrollHeight - el.scrollTop - el.clientHeight > 1);
     }, []);
     const ticketCount = tickets.length;
-    React21.useLayoutEffect(() => {
+    React20.useLayoutEffect(() => {
       updateFade();
     }, [ticketCount, updateFade]);
     if (tickets.length === 0) return null;
@@ -6826,16 +6733,16 @@ ChatTicketList.displayName = "ChatTicketList";
 
 // src/components/chat/model-display.tsx
 init_cn();
-import React23 from "react";
+import React22 from "react";
 
 // src/components/hover-card.tsx
 init_cn();
-import * as React22 from "react";
+import * as React21 from "react";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
 import { jsx as jsx44 } from "react/jsx-runtime";
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React22.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx44(
+var HoverCardContent = React21.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx44(
   HoverCardPrimitive.Content,
   {
     ref,
@@ -6882,7 +6789,7 @@ var formatTokenCount = (count) => {
   return String(count);
 };
 var hasAnyBreakdownRow = (breakdown) => !!breakdown && !!(breakdown.haikuRewriter || breakdown.haikuClassifier || breakdown.haikuSummarizer);
-var ModelDisplay = React23.forwardRef(
+var ModelDisplay = React22.forwardRef(
   ({
     className,
     provider,
@@ -7013,9 +6920,9 @@ import { forwardRef as forwardRef28, useRef as useRef8, useEffect as useEffect9
 // src/components/chat/chat-sidebar-skeleton.tsx
 init_cn();
 init_button2();
-import * as React24 from "react";
+import * as React23 from "react";
 import { jsx as jsx46, jsxs as jsxs37 } from "react/jsx-runtime";
-var DialogListItemSkeleton = React24.forwardRef(
+var DialogListItemSkeleton = React23.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxs37(
       "div",
@@ -7041,7 +6948,7 @@ var DialogListItemSkeleton = React24.forwardRef(
   }
 );
 DialogListItemSkeleton.displayName = "DialogListItemSkeleton";
-var ChatSidebarSkeleton = React24.forwardRef(
+var ChatSidebarSkeleton = React23.forwardRef(
   ({ className, dialogCount = 8, showNewChatButton = true, ...props }, ref) => {
     return /* @__PURE__ */ jsxs37(
       "div",
@@ -9553,7 +9460,7 @@ function extractIncompleteMessageState(lastMessage) {
 
 // src/components/navigation/header.tsx
 import Link from "next/link";
-import React25, { useEffect as useEffect13, useRef as useRef13, useState as useState19 } from "react";
+import React24, { useEffect as useEffect13, useRef as useRef13, useState as useState19 } from "react";
 init_button2();
 import { Fragment as Fragment6, jsx as jsx48, jsxs as jsxs39 } from "react/jsx-runtime";
 function Header({ config, platform }) {
@@ -9623,7 +9530,7 @@ function Header({ config, platform }) {
   }, [config.autoHide]);
   const renderNavigationItem = (item) => {
     if (item.element) {
-      return /* @__PURE__ */ jsx48(React25.Fragment, { children: item.element }, item.id);
+      return /* @__PURE__ */ jsx48(React24.Fragment, { children: item.element }, item.id);
     }
     if (item.children && item.children.length > 0) {
       const isOpen = openDropdowns[item.id] || false;
@@ -10524,7 +10431,8 @@ function NavigationSidebar({ config, disabled = false }) {
     } else if (item.path) {
       config.onNavigate?.(item.path);
     }
-  }, [config]);
+    if (isTablet) setTabletMinimized(true);
+  }, [config, isTablet]);
   const { primaryItems, secondaryItems } = useMemo10(() => ({
     primaryItems: config.items.filter((item) => item.section !== "secondary"),
     secondaryItems: config.items.filter((item) => item.section === "secondary")
@@ -10615,13 +10523,13 @@ function NavigationSidebar({ config, disabled = false }) {
 }
 
 // src/components/navigation/app-header.tsx
-import React31 from "react";
+import React30 from "react";
 init_cn();
 
 // src/components/features/notifications/notifications-context.tsx
-import * as React29 from "react";
+import * as React28 from "react";
 import { jsx as jsx58 } from "react/jsx-runtime";
-var NotificationsContext = React29.createContext(null);
+var NotificationsContext = React28.createContext(null);
 function reducer(state, action) {
   switch (action.type) {
     case "add": {
@@ -10656,10 +10564,10 @@ function NotificationsProvider({
   onShowPopupsChange,
   onHistoryClick
 }) {
-  const [notifications, dispatch] = React29.useReducer(reducer, initialNotifications);
-  const [isOpen, setIsOpen] = React29.useState(false);
-  const [showPopups, setShowPopupsState] = React29.useState(defaultShowPopups);
-  const addNotification = React29.useCallback(
+  const [notifications, dispatch] = React28.useReducer(reducer, initialNotifications);
+  const [isOpen, setIsOpen] = React28.useState(false);
+  const [showPopups, setShowPopupsState] = React28.useState(defaultShowPopups);
+  const addNotification = React28.useCallback(
     (input) => {
       const id = input.id ?? generateId();
       const notification = {
@@ -10673,26 +10581,26 @@ function NotificationsProvider({
     },
     [maxNotifications]
   );
-  const markRead = React29.useCallback((id) => dispatch({ type: "markRead", id }), []);
-  const markAllRead = React29.useCallback(() => dispatch({ type: "markAllRead" }), []);
-  const markSettled = React29.useCallback((id) => dispatch({ type: "markSettled", id }), []);
-  const remove = React29.useCallback((id) => dispatch({ type: "remove", id }), []);
-  const clear = React29.useCallback(() => dispatch({ type: "clear" }), []);
-  const open = React29.useCallback(() => setIsOpen(true), []);
-  const close = React29.useCallback(() => setIsOpen(false), []);
-  const toggle = React29.useCallback(() => setIsOpen((v) => !v), []);
-  const setShowPopups = React29.useCallback(
+  const markRead = React28.useCallback((id) => dispatch({ type: "markRead", id }), []);
+  const markAllRead = React28.useCallback(() => dispatch({ type: "markAllRead" }), []);
+  const markSettled = React28.useCallback((id) => dispatch({ type: "markSettled", id }), []);
+  const remove = React28.useCallback((id) => dispatch({ type: "remove", id }), []);
+  const clear = React28.useCallback(() => dispatch({ type: "clear" }), []);
+  const open = React28.useCallback(() => setIsOpen(true), []);
+  const close = React28.useCallback(() => setIsOpen(false), []);
+  const toggle = React28.useCallback(() => setIsOpen((v) => !v), []);
+  const setShowPopups = React28.useCallback(
     (value2) => {
       setShowPopupsState(value2);
       onShowPopupsChange?.(value2);
     },
     [onShowPopupsChange]
   );
-  const unreadCount = React29.useMemo(
+  const unreadCount = React28.useMemo(
     () => notifications.reduce((acc, n) => n.read ? acc : acc + 1, 0),
     [notifications]
   );
-  const value = React29.useMemo(
+  const value = React28.useMemo(
     () => ({
       notifications,
       unreadCount,
@@ -10731,14 +10639,14 @@ function NotificationsProvider({
   return /* @__PURE__ */ jsx58(NotificationsContext.Provider, { value, children });
 }
 function useNotifications() {
-  const ctx = React29.useContext(NotificationsContext);
+  const ctx = React28.useContext(NotificationsContext);
   if (!ctx) {
     throw new Error("useNotifications must be used inside <NotificationsProvider>");
   }
   return ctx;
 }
 function useOptionalNotifications() {
-  return React29.useContext(NotificationsContext);
+  return React28.useContext(NotificationsContext);
 }
 
 // src/components/navigation/header-button.tsx
@@ -10768,7 +10676,7 @@ function HeaderButton({
 
 // src/components/navigation/header-global-search.tsx
 init_cn();
-import React30 from "react";
+import React29 from "react";
 import { jsx as jsx60, jsxs as jsxs48 } from "react/jsx-runtime";
 function HeaderGlobalSearch({
   value = "",
@@ -10777,7 +10685,7 @@ function HeaderGlobalSearch({
   placeholder = "Global Search",
   className
 }) {
-  const [internalValue, setInternalValue] = React30.useState(value);
+  const [internalValue, setInternalValue] = React29.useState(value);
   const currentValue = onChange ? value : internalValue;
   const handleChange = (e) => {
     const newValue = e.target.value;
@@ -10880,7 +10788,7 @@ function HeaderOrganizationFilter({
 
 // src/components/navigation/app-header.tsx
 import { jsx as jsx62, jsxs as jsxs50 } from "react/jsx-runtime";
-var AppHeader = React31.memo(function AppHeader2({
+var AppHeader = React30.memo(function AppHeader2({
   showSearch,
   onSearch,
   showOrganizations,
@@ -11070,7 +10978,7 @@ init_button();
 
 // src/components/ui/drawer.tsx
 init_cn();
-import * as React32 from "react";
+import * as React31 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { cva as cva3 } from "class-variance-authority";
 import { X as X3 } from "lucide-react";
@@ -11079,7 +10987,7 @@ var Drawer = DialogPrimitive.Root;
 var DrawerTrigger = DialogPrimitive.Trigger;
 var DrawerClose = DialogPrimitive.Close;
 var DrawerPortal = DialogPrimitive.Portal;
-var DrawerOverlay = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63(
+var DrawerOverlay = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -11123,7 +11031,7 @@ var drawerPanelVariants = cva3(
     }
   }
 );
-var DrawerContent = React32.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs51(DrawerPortal, { children: [
+var DrawerContent = React31.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs51(DrawerPortal, { children: [
   /* @__PURE__ */ jsx63(DrawerOverlay, {}),
   /* @__PURE__ */ jsx63(
     DialogPrimitive.Content,
@@ -11149,7 +11057,7 @@ var DrawerHeader = ({
   }
 );
 DrawerHeader.displayName = "DrawerHeader";
-var DrawerTitle = React32.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs51("div", { className: "flex items-start gap-4", children: [
+var DrawerTitle = React31.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs51("div", { className: "flex items-start gap-4", children: [
   /* @__PURE__ */ jsx63(
     DialogPrimitive.Title,
     {
@@ -11168,7 +11076,7 @@ var DrawerTitle = React32.forwardRef(({ className, children, ...props }, ref) =>
   ] })
 ] }));
 DrawerTitle.displayName = "DrawerTitle";
-var DrawerDescription = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63(
+var DrawerDescription = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63(
   DialogPrimitive.Description,
   {
     ref,
@@ -11205,12 +11113,12 @@ DrawerFooter.displayName = "DrawerFooter";
 
 // src/components/ui/switch.tsx
 init_cn();
-import * as React33 from "react";
+import * as React32 from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
 import { jsx as jsx64 } from "react/jsx-runtime";
-var Switch = React33.forwardRef(({ className, checked, onCheckedChange, ...props }, ref) => {
-  const [isChecked, setIsChecked] = React33.useState(checked || false);
-  React33.useEffect(() => {
+var Switch = React32.forwardRef(({ className, checked, onCheckedChange, ...props }, ref) => {
+  const [isChecked, setIsChecked] = React32.useState(checked || false);
+  React32.useEffect(() => {
     if (checked !== void 0) {
       setIsChecked(checked);
     }
@@ -11442,10 +11350,10 @@ function NotificationsHistoryButton({ onClick }) {
 }
 
 // src/components/navigation/mobile-burger-menu.tsx
-import React34, { useCallback as useCallback13, useEffect as useEffect21 } from "react";
+import React33, { useCallback as useCallback13, useEffect as useEffect21 } from "react";
 import { Fragment as Fragment10, jsx as jsx67, jsxs as jsxs54 } from "react/jsx-runtime";
 var HEADER_HEIGHT = 48;
-var MobileBurgerMenu = React34.memo(function MobileBurgerMenu2({
+var MobileBurgerMenu = React33.memo(function MobileBurgerMenu2({
   isOpen,
   onClose,
   config,
@@ -11506,7 +11414,7 @@ var MobileBurgerMenu = React34.memo(function MobileBurgerMenu2({
         ),
         "aria-current": isActive ? "page" : void 0,
         children: [
-          item.icon && /* @__PURE__ */ jsx67("div", { className: "flex-shrink-0 size-4 flex items-center justify-center", children: React34.cloneElement(item.icon, {
+          item.icon && /* @__PURE__ */ jsx67("div", { className: "flex-shrink-0 size-4 flex items-center justify-center", children: React33.cloneElement(item.icon, {
             size: 16,
             color: isActive && !disabled ? "var(--color-accent-primary)" : "var(--color-text-secondary)"
           }) }),
@@ -11525,7 +11433,7 @@ var MobileBurgerMenu = React34.memo(function MobileBurgerMenu2({
       rows.push(items.slice(i, i + 2));
     }
     return /* @__PURE__ */ jsx67("div", { className: "flex flex-col gap-3", children: rows.map((row, rowIndex) => /* @__PURE__ */ jsxs54("div", { className: "flex gap-3", children: [
-      row.map((item) => /* @__PURE__ */ jsx67(React34.Fragment, { children: renderNavigationItem(item, true) }, item.id)),
+      row.map((item) => /* @__PURE__ */ jsx67(React33.Fragment, { children: renderNavigationItem(item, true) }, item.id)),
       row.length === 1 && /* @__PURE__ */ jsx67("div", { className: "flex-1" })
     ] }, rowIndex)) });
   };
@@ -11616,7 +11524,7 @@ var MobileBurgerMenu = React34.memo(function MobileBurgerMenu2({
             }
           ),
           /* @__PURE__ */ jsx67("nav", { "aria-label": "Primary navigation", children: renderNavigationGrid(primaryItems) }),
-          secondaryItems.length > 0 && /* @__PURE__ */ jsx67("nav", { "aria-label": "Secondary navigation", className: "flex flex-col gap-3", children: secondaryItems.map((item) => /* @__PURE__ */ jsx67(React34.Fragment, { children: renderNavigationItem(item, false) }, item.id)) }),
+          secondaryItems.length > 0 && /* @__PURE__ */ jsx67("nav", { "aria-label": "Secondary navigation", className: "flex flex-col gap-3", children: secondaryItems.map((item) => /* @__PURE__ */ jsx67(React33.Fragment, { children: renderNavigationItem(item, false) }, item.id)) }),
           onLogout && /* @__PURE__ */ jsxs54(
             "button",
             {
@@ -12233,11 +12141,14 @@ function AnnouncementBar() {
   const [announcement, setAnnouncement] = useState27(null);
   const [isVisible, setIsVisible] = useState27(false);
   const platform = getAppType();
+  const endpoints = useEndpointsRuntime();
+  const announcementsUrl = endpoints?.announcementsUrl;
   const getDismissKey = (id) => `${platform}-announcement-${id}-dismissed`;
   const getCacheKey = () => `${platform}-announcement-cache`;
   const fetchActiveAnnouncement = async () => {
+    if (!announcementsUrl) return;
     try {
-      const response = await fetch(`/api/announcements/active`);
+      const response = await fetch(announcementsUrl);
       if (response.ok) {
         const data = await response.json();
         if (data.announcement) {
@@ -12270,10 +12181,11 @@ function AnnouncementBar() {
       setAnnouncement(cached);
       setIsVisible(!isDismissed);
     }
+    if (!announcementsUrl) return;
     fetchActiveAnnouncement();
     const interval = setInterval(fetchActiveAnnouncement, 3e5);
     return () => clearInterval(interval);
-  }, []);
+  }, [announcementsUrl]);
   const handleDismiss = () => {
     if (!announcement) return;
     localStorage.setItem(getDismissKey(announcement.id), "true");
@@ -13005,7 +12917,7 @@ function useContentLoading(isLoading) {
 
 // src/components/dynamic-skeleton.tsx
 init_cn();
-import React35 from "react";
+import React34 from "react";
 
 // src/hooks/use-theme-aware.ts
 function useThemeAware() {
@@ -13048,7 +12960,7 @@ function DynamicSkeleton({
   children
 }) {
   const { platform, isDark, accentColor } = useThemeAware();
-  const dimensions = React35.useMemo(() => {
+  const dimensions = React34.useMemo(() => {
     if (width || height) {
       return {
         width: typeof width === "number" ? `${width}px` : width,
@@ -13061,7 +12973,7 @@ function DynamicSkeleton({
     }
     return sizePresets[size];
   }, [width, height, size, variant]);
-  const platformStyles = React35.useMemo(() => {
+  const platformStyles = React34.useMemo(() => {
     if (!platformAware) return {};
     const baseOpacity = isDark ? 0.1 : 0.15;
     const accentOpacity = isDark ? 0.05 : 0.08;
@@ -13385,10 +13297,10 @@ import { useRef as useRef16, useState as useState28, useEffect as useEffect23, u
 
 // src/components/ui/chevron-button.tsx
 init_cn();
-import * as React36 from "react";
+import * as React35 from "react";
 import { ChevronUp as ChevronUp2, ChevronDown as ChevronDown3 } from "lucide-react";
 import { jsx as jsx91 } from "react/jsx-runtime";
-var ChevronButton = React36.forwardRef(
+var ChevronButton = React35.forwardRef(
   ({ className, direction = "down", size = "md", isExpanded, backgroundColor, borderColor, ...props }, ref) => {
     const Icon2 = (isExpanded ? ChevronUp2 : ChevronDown3) || (direction === "up" ? ChevronUp2 : ChevronDown3);
     const sizeClasses4 = {
@@ -14324,9 +14236,9 @@ import Cropper from "react-easy-crop";
 
 // src/components/ui/slider.tsx
 init_cn();
-import * as React40 from "react";
+import * as React39 from "react";
 import { jsx as jsx101 } from "react/jsx-runtime";
-var Slider = React40.forwardRef(
+var Slider = React39.forwardRef(
   ({ className, value = [0], onValueChange, min = 0, max = 100, step = 1, ...props }, ref) => {
     const handleChange = (e) => {
       const newValue = [Number(e.target.value)];
@@ -14782,7 +14694,7 @@ init_cn();
 
 // src/components/square-avatar.tsx
 init_cn();
-import React42 from "react";
+import React41 from "react";
 
 // src/utils/image-proxy.ts
 function getProxiedImageUrl2(url) {
@@ -14792,7 +14704,7 @@ function getProxiedImageUrl2(url) {
 // src/components/square-avatar.tsx
 import { jsx as jsx105 } from "react/jsx-runtime";
 function SquareAvatar2({ src, fallbackName = "", size = 56, fullWidth = false, className }) {
-  const initials = React42.useMemo(() => {
+  const initials = React41.useMemo(() => {
     if (!fallbackName) return "";
     return fallbackName.split(" ").map((n) => n.charAt(0)).join("").slice(0, 2).toUpperCase();
   }, [fallbackName]);
@@ -17201,16 +17113,16 @@ function DateTimePicker({
 
 // src/components/shared/onboarding/onboarding-walkthrough.tsx
 init_button2();
-import React46, { useRef as useRef21, useCallback as useCallback19 } from "react";
+import React45, { useRef as useRef21, useCallback as useCallback19 } from "react";
 
 // src/components/shared/onboarding/onboarding-step-card.tsx
-import React45 from "react";
+import React44 from "react";
 
 // src/components/ui/interactive-card.tsx
 init_cn();
-import React44 from "react";
+import React43 from "react";
 import { jsx as jsx135 } from "react/jsx-runtime";
-var InteractiveCard = React44.forwardRef(
+var InteractiveCard = React43.forwardRef(
   ({
     children,
     onClick,
@@ -17359,7 +17271,7 @@ function OnboardingStepCard({
   onSkip,
   className
 }) {
-  const [isProcessing, setIsProcessing] = React45.useState(false);
+  const [isProcessing, setIsProcessing] = React44.useState(false);
   const handleAction = async (e) => {
     e.stopPropagation();
     setIsProcessing(true);
@@ -17471,7 +17383,7 @@ function OnboardingWalkthrough({
   const autoMarkingInProgressRef = useRef21(false);
   const lastCompletionStatusRef = useRef21(null);
   const actionInProgressRef = useRef21(/* @__PURE__ */ new Set());
-  React46.useEffect(() => {
+  React45.useEffect(() => {
     if (isLoadingCompletion) {
       hasAutoMarkedRef.current = false;
       return;
@@ -17581,7 +17493,6 @@ import Image8 from "next/image";
 init_cn();
 import {
   AlertTriangle,
-  ChevronRight as ChevronRight6,
   Eye,
   Package as Package3,
   Play,
@@ -17598,7 +17509,7 @@ function ProductReleaseCard({
   onClick,
   anchorProps,
   className,
-  size = "default",
+  size = "lg",
   coverImage,
   hasVideoCover,
   releaseType,
@@ -17608,34 +17519,28 @@ function ProductReleaseCard({
   author,
   changelogCounts
 }) {
-  if (size === "catalog") {
+  if (size === "lg") {
     const totalChangelog = (changelogCounts?.features ?? 0) + (changelogCounts?.fixes ?? 0) + (changelogCounts?.improvements ?? 0) + (changelogCounts?.breaking ?? 0);
-    const valueCells = [];
-    if (releaseType && releaseTypeBadgeColor) {
-      valueCells.push({
+    const valueCells = [
+      releaseType && releaseTypeBadgeColor ? {
         value: releaseType.toUpperCase(),
         label: "Type",
         uppercase: true,
         colorScheme: releaseTypeBadgeColor
-      });
-    }
-    if (releaseStatus) {
-      valueCells.push({
+      } : { value: "\u2014", label: "Type", uppercase: false },
+      releaseStatus ? {
         value: releaseStatus.toUpperCase(),
         label: "Status",
         uppercase: true
-      });
-    }
-    if (formattedDate) {
-      valueCells.push({
+      } : { value: "\u2014", label: "Status", uppercase: false },
+      formattedDate ? {
         value: formattedDate,
         label: "Released",
         uppercase: false
-      });
-    }
-    const hasAuthorCell = !!author?.full_name;
-    const totalCells = valueCells.length + (hasAuthorCell ? 1 : 0);
-    const gridColsClass = totalCells >= 4 ? "md:grid-cols-4" : totalCells === 3 ? "md:grid-cols-3" : totalCells === 2 ? "md:grid-cols-2" : "md:grid-cols-1";
+      } : { value: "\u2014", label: "Released", uppercase: false }
+    ];
+    const effectiveAuthor = author?.full_name ? author : { full_name: "\u2014", avatar_url: null, job_title: "Unknown" };
+    const gridColsClass = "md:grid-cols-4";
     const dividerClass = "border-b md:border-b-0 md:border-r border-ods-border";
     const frameClass = cn(
       "group bg-ods-system-greys-black border border-ods-border rounded-lg overflow-hidden",
@@ -17667,11 +17572,11 @@ function ProductReleaseCard({
             "v",
             version
           ] }) }),
-          /* @__PURE__ */ jsx139("h3", { className: "font-['Azeret_Mono'] font-semibold text-xl md:text-2xl text-ods-text-primary leading-tight line-clamp-2 mb-3", children: title }),
-          summary && /* @__PURE__ */ jsx139("p", { className: "font-['DM_Sans'] text-sm md:text-base text-ods-text-secondary leading-relaxed line-clamp-4 flex-1", children: summary })
+          /* @__PURE__ */ jsx139("div", { className: "min-h-[60px] md:min-h-[72px] flex items-start mb-3", children: /* @__PURE__ */ jsx139("h3", { className: "font-['Azeret_Mono'] font-semibold text-xl md:text-2xl text-ods-text-primary leading-tight line-clamp-2", children: title }) }),
+          /* @__PURE__ */ jsx139("div", { className: "min-h-[68px] md:min-h-[78px]", children: /* @__PURE__ */ jsx139("p", { className: "font-['DM_Sans'] text-sm md:text-base text-ods-text-secondary leading-relaxed line-clamp-3", children: summary ?? "" }) })
         ] })
       ] }),
-      totalChangelog > 0 && changelogCounts && /* @__PURE__ */ jsxs110("div", { className: "border-t border-ods-border pt-3 flex flex-wrap items-center gap-x-4 gap-y-1.5 font-['DM_Sans'] text-sm text-ods-text-secondary", children: [
+      /* @__PURE__ */ jsx139("div", { className: "border-t border-ods-border pt-3 flex flex-wrap items-center gap-x-4 gap-y-1.5 font-['DM_Sans'] text-sm text-ods-text-secondary", children: totalChangelog > 0 && changelogCounts ? /* @__PURE__ */ jsxs110(Fragment20, { children: [
         changelogCounts.features > 0 && /* @__PURE__ */ jsxs110("span", { className: "inline-flex items-center gap-1.5", children: [
           /* @__PURE__ */ jsx139(Sparkles2, { className: "w-3.5 h-3.5" }),
           changelogCounts.features,
@@ -17695,8 +17600,8 @@ function ProductReleaseCard({
           changelogCounts.breaking,
           " breaking"
         ] })
-      ] }),
-      totalCells > 0 && /* @__PURE__ */ jsxs110(
+      ] }) : /* @__PURE__ */ jsx139("span", { className: "text-sm text-ods-text-secondary", children: "No changelog entries yet" }) }),
+      /* @__PURE__ */ jsxs110(
         "div",
         {
           className: cn(
@@ -17708,12 +17613,7 @@ function ProductReleaseCard({
             valueCells.map((cell, i) => /* @__PURE__ */ jsx139(
               "div",
               {
-                className: cn(
-                  "bg-ods-card p-4 flex flex-col gap-3",
-                  // Last value cell skips the trailing divider when no
-                  // author cell follows; otherwise every value cell gets it.
-                  (i < valueCells.length - 1 || hasAuthorCell) && dividerClass
-                ),
+                className: cn("bg-ods-card p-4 flex flex-col gap-3", dividerClass),
                 children: /* @__PURE__ */ jsxs110("div", { className: "flex flex-col gap-0", children: [
                   cell.colorScheme ? /* @__PURE__ */ jsx139(
                     StatusBadge,
@@ -17724,26 +17624,37 @@ function ProductReleaseCard({
                       singleLine: true,
                       className: "self-start"
                     }
-                  ) : /* @__PURE__ */ jsx139("p", { className: "text-h4 text-ods-text-primary", children: cell.uppercase ? cell.value.toLocaleUpperCase() : cell.value }),
+                  ) : /* @__PURE__ */ jsx139(
+                    "p",
+                    {
+                      className: cn(
+                        "text-h4",
+                        // Em-dash placeholder reads as secondary text;
+                        // populated values stay primary.
+                        cell.value === "\u2014" ? "text-ods-text-secondary" : "text-ods-text-primary"
+                      ),
+                      children: cell.uppercase ? cell.value.toLocaleUpperCase() : cell.value
+                    }
+                  ),
                   /* @__PURE__ */ jsx139("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: cell.label })
                 ] })
               },
               `${cell.label}-${i}`
             )),
-            hasAuthorCell && author && /* @__PURE__ */ jsxs110("div", { className: "bg-ods-card p-4 flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxs110("div", { className: "bg-ods-card p-4 flex items-center gap-3", children: [
               /* @__PURE__ */ jsx139(
                 SquareAvatar,
                 {
-                  src: author.avatar_url ?? void 0,
-                  alt: author.full_name,
-                  fallback: author.full_name.charAt(0).toUpperCase(),
+                  src: effectiveAuthor.avatar_url ?? void 0,
+                  alt: effectiveAuthor.full_name,
+                  fallback: effectiveAuthor.full_name.charAt(0).toUpperCase(),
                   size: "md",
                   variant: "round"
                 }
               ),
               /* @__PURE__ */ jsxs110("div", { className: "flex flex-col gap-0 flex-1 min-w-0", children: [
-                /* @__PURE__ */ jsx139("p", { className: "text-h3 tracking-[-0.36px] text-ods-text-primary truncate", children: author.full_name }),
-                /* @__PURE__ */ jsx139("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: author.job_title || "Author" })
+                /* @__PURE__ */ jsx139("p", { className: "text-h3 tracking-[-0.36px] text-ods-text-primary truncate", children: effectiveAuthor.full_name }),
+                /* @__PURE__ */ jsx139("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: effectiveAuthor.job_title || "Author" })
               ] })
             ] })
           ]
@@ -17837,79 +17748,14 @@ function ProductReleaseCard({
       }
     );
   }
-  if (anchorProps) {
-    return /* @__PURE__ */ jsxs110(
-      "a",
-      {
-        ...anchorProps,
-        className: cn(
-          "bg-ods-card border border-ods-border rounded-[6px]",
-          "flex flex-col md:flex-row",
-          "items-start md:items-center",
-          "gap-3 md:gap-4",
-          "p-4 no-underline",
-          "transition-colors hover:border-ods-text-secondary/40",
-          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent focus-visible:ring-offset-1 focus-visible:ring-offset-ods-card",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsxs110("div", { className: "flex-1 w-full md:w-auto min-w-0 flex flex-col justify-center gap-2", children: [
-            /* @__PURE__ */ jsx139("div", { className: "min-h-[48px] flex items-center", children: /* @__PURE__ */ jsx139("h3", { className: "text-h3 text-ods-text-primary tracking-[-0.36px] line-clamp-2", title, children: title }) }),
-            /* @__PURE__ */ jsx139("p", { className: "text-h4 text-ods-text-secondary line-clamp-3", title: summary || " ", children: summary || " " })
-          ] }),
-          /* @__PURE__ */ jsxs110("div", { className: "flex items-center gap-2 w-full md:w-auto justify-start md:justify-end shrink-0", children: [
-            /* @__PURE__ */ jsxs110("div", { className: "w-[200px] flex flex-col justify-center gap-2", children: [
-              /* @__PURE__ */ jsx139("p", { className: "text-h3 text-ods-text-primary tracking-[-0.36px] truncate", children: version }),
-              /* @__PURE__ */ jsx139("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary truncate", children: formattedDate })
-            ] }),
-            /* @__PURE__ */ jsx139("div", { className: "flex items-center justify-center p-3 shrink-0", children: /* @__PURE__ */ jsx139(ChevronRight6, { className: "h-6 w-6 text-ods-text-primary" }) })
-          ] })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs110(
-    InteractiveCard,
-    {
-      clickable: true,
-      onClick,
-      className: cn(
-        "bg-ods-card border border-ods-border rounded-[6px]",
-        "flex flex-col md:flex-row",
-        "items-start md:items-center",
-        "gap-3 md:gap-4",
-        "p-4",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs110("div", { className: "flex-1 w-full md:w-auto min-w-0 flex flex-col justify-center gap-2", children: [
-          /* @__PURE__ */ jsx139("div", { className: "min-h-[48px] flex items-center", children: /* @__PURE__ */ jsx139("h3", { className: "text-h3 text-ods-text-primary tracking-[-0.36px] line-clamp-2", title, children: title }) }),
-          /* @__PURE__ */ jsx139("p", { className: "text-h4 text-ods-text-secondary line-clamp-3", title: summary || "\xA0", children: summary || "\xA0" })
-        ] }),
-        /* @__PURE__ */ jsxs110(
-          "div",
-          {
-            className: "flex items-center gap-2 w-full md:w-auto justify-start md:justify-end shrink-0",
-            onClick: (e) => e.stopPropagation(),
-            children: [
-              /* @__PURE__ */ jsxs110("div", { className: "w-[200px] flex flex-col justify-center gap-2", children: [
-                /* @__PURE__ */ jsx139("p", { className: "text-h3 text-ods-text-primary tracking-[-0.36px] truncate", children: version }),
-                /* @__PURE__ */ jsx139("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary truncate", children: formattedDate })
-              ] }),
-              /* @__PURE__ */ jsx139("div", { className: "flex items-center justify-center p-3 shrink-0", children: /* @__PURE__ */ jsx139(ChevronRight6, { className: "h-6 w-6 text-ods-text-primary" }) })
-            ]
-          }
-        )
-      ]
-    }
-  );
+  throw new Error(`ProductReleaseCard: unsupported size '${size}'`);
 }
 
 // src/components/shared/product-release/product-release-card-skeleton.tsx
 init_cn();
 import { jsx as jsx140, jsxs as jsxs111 } from "react/jsx-runtime";
-function ProductReleaseCardSkeleton({ className, size = "default" }) {
-  if (size === "catalog") {
+function ProductReleaseCardSkeleton({ className, size = "lg" }) {
+  if (size === "lg") {
     return /* @__PURE__ */ jsxs111(
       "div",
       {
@@ -17921,24 +17767,29 @@ function ProductReleaseCardSkeleton({ className, size = "default" }) {
         ),
         children: [
           /* @__PURE__ */ jsxs111("div", { className: "flex flex-col md:flex-row gap-4 md:gap-6", children: [
-            /* @__PURE__ */ jsx140("div", { className: "w-full md:w-[256px] aspect-[16/9] bg-ods-bg rounded-lg flex-shrink-0" }),
+            /* @__PURE__ */ jsx140("div", { className: "w-full md:w-[256px] aspect-[16/9] bg-ods-border rounded-lg flex-shrink-0" }),
             /* @__PURE__ */ jsxs111("div", { className: "flex-1 min-w-0 flex flex-col", children: [
-              /* @__PURE__ */ jsx140("div", { className: "h-6 w-20 bg-ods-bg rounded mb-3" }),
-              /* @__PURE__ */ jsx140("div", { className: "h-7 w-3/4 bg-ods-bg rounded mb-2" }),
-              /* @__PURE__ */ jsx140("div", { className: "h-7 w-1/2 bg-ods-bg rounded mb-3" }),
-              /* @__PURE__ */ jsx140("div", { className: "h-3 w-full bg-ods-bg/60 rounded mb-1" }),
-              /* @__PURE__ */ jsx140("div", { className: "h-3 w-5/6 bg-ods-bg/60 rounded" })
+              /* @__PURE__ */ jsx140("div", { className: "flex items-center gap-3 mb-3", children: /* @__PURE__ */ jsx140("div", { className: "h-7 w-20 bg-ods-border rounded" }) }),
+              /* @__PURE__ */ jsxs111("div", { className: "min-h-[60px] md:min-h-[72px] flex flex-col gap-1.5 justify-start mb-3", children: [
+                /* @__PURE__ */ jsx140("div", { className: "h-[25px] md:h-[30px] w-3/4 bg-ods-border rounded" }),
+                /* @__PURE__ */ jsx140("div", { className: "h-[25px] md:h-[30px] w-1/2 bg-ods-border rounded" })
+              ] }),
+              /* @__PURE__ */ jsxs111("div", { className: "min-h-[68px] md:min-h-[78px] flex flex-col gap-2 justify-start", children: [
+                /* @__PURE__ */ jsx140("div", { className: "h-3 w-full bg-ods-border/70 rounded" }),
+                /* @__PURE__ */ jsx140("div", { className: "h-3 w-11/12 bg-ods-border/70 rounded" }),
+                /* @__PURE__ */ jsx140("div", { className: "h-3 w-5/6 bg-ods-border/70 rounded" })
+              ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsx140("div", { className: "border-t border-ods-border pt-3", children: /* @__PURE__ */ jsx140("div", { className: "h-4 w-2/3 bg-ods-bg/60 rounded" }) }),
+          /* @__PURE__ */ jsx140("div", { className: "border-t border-ods-border pt-3", children: /* @__PURE__ */ jsx140("div", { className: "h-5 w-2/3 bg-ods-border/70 rounded" }) }),
           /* @__PURE__ */ jsxs111("div", { className: "grid grid-cols-1 md:grid-cols-4 border border-ods-border rounded-md overflow-hidden w-full", children: [
             [0, 1, 2].map((i) => /* @__PURE__ */ jsx140(
               "div",
               {
                 className: "bg-ods-card p-4 flex flex-col gap-3 border-b md:border-b-0 md:border-r border-ods-border",
                 children: /* @__PURE__ */ jsxs111("div", { className: "flex flex-col gap-2", children: [
-                  /* @__PURE__ */ jsx140("div", { className: "h-6 w-24 bg-ods-bg rounded" }),
-                  /* @__PURE__ */ jsx140("div", { className: "h-3 w-16 bg-ods-bg/60 rounded" })
+                  /* @__PURE__ */ jsx140("div", { className: "h-7 w-24 bg-ods-bg rounded" }),
+                  /* @__PURE__ */ jsx140("div", { className: "h-4 w-16 bg-ods-bg/60 rounded" })
                 ] })
               },
               `cell-${i}`
@@ -17946,8 +17797,8 @@ function ProductReleaseCardSkeleton({ className, size = "default" }) {
             /* @__PURE__ */ jsxs111("div", { className: "bg-ods-card p-4 flex items-center gap-3", children: [
               /* @__PURE__ */ jsx140("div", { className: "h-10 w-10 rounded-full bg-ods-bg shrink-0" }),
               /* @__PURE__ */ jsxs111("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
-                /* @__PURE__ */ jsx140("div", { className: "h-4 w-3/4 bg-ods-bg rounded" }),
-                /* @__PURE__ */ jsx140("div", { className: "h-3 w-1/2 bg-ods-bg/60 rounded" })
+                /* @__PURE__ */ jsx140("div", { className: "h-5 w-3/4 bg-ods-bg rounded" }),
+                /* @__PURE__ */ jsx140("div", { className: "h-4 w-1/2 bg-ods-bg/60 rounded" })
               ] })
             ] })
           ] })
@@ -17978,40 +17829,7 @@ function ProductReleaseCardSkeleton({ className, size = "default" }) {
       }
     );
   }
-  return /* @__PURE__ */ jsxs111(
-    "div",
-    {
-      className: cn(
-        "bg-ods-card border border-ods-border rounded-[6px]",
-        "flex flex-col md:flex-row",
-        "items-start md:items-center",
-        "gap-3 md:gap-4",
-        "p-4",
-        "animate-pulse",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs111("div", { className: "flex-1 w-full md:w-auto min-w-0 flex flex-col justify-center gap-2", children: [
-          /* @__PURE__ */ jsx140("div", { className: "min-h-[48px] flex items-center", children: /* @__PURE__ */ jsxs111("div", { className: "flex flex-col gap-1 w-full", children: [
-            /* @__PURE__ */ jsx140("div", { className: "h-[24px] w-3/4 bg-ods-border rounded" }),
-            /* @__PURE__ */ jsx140("div", { className: "h-[24px] w-1/2 bg-ods-border rounded" })
-          ] }) }),
-          /* @__PURE__ */ jsxs111("div", { className: "flex flex-col gap-1", children: [
-            /* @__PURE__ */ jsx140("div", { className: "h-[24px] w-full bg-ods-border rounded" }),
-            /* @__PURE__ */ jsx140("div", { className: "h-[24px] w-full bg-ods-border rounded" }),
-            /* @__PURE__ */ jsx140("div", { className: "h-[24px] w-2/3 bg-ods-border rounded" })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs111("div", { className: "flex items-center gap-2 w-full md:w-auto justify-start md:justify-end shrink-0", children: [
-          /* @__PURE__ */ jsxs111("div", { className: "w-[200px] flex flex-col justify-center gap-2", children: [
-            /* @__PURE__ */ jsx140("div", { className: "h-[24px] w-20 bg-ods-border rounded" }),
-            /* @__PURE__ */ jsx140("div", { className: "h-[20px] w-32 bg-ods-border rounded" })
-          ] }),
-          /* @__PURE__ */ jsx140("div", { className: "h-6 w-6 bg-ods-border rounded shrink-0 mx-3" })
-        ] })
-      ]
-    }
-  );
+  throw new Error(`ProductReleaseCardSkeleton: unsupported size '${size}'`);
 }
 
 // src/components/shared/product-release/release-detail-page.tsx
@@ -18126,7 +17944,7 @@ function ReleaseChangelogSection({
 
 // src/components/ui/image-gallery-modal.tsx
 import { useState as useState35, useEffect as useEffect28 } from "react";
-import { ChevronLeft as ChevronLeft3, ChevronRight as ChevronRight7 } from "lucide-react";
+import { ChevronLeft as ChevronLeft3, ChevronRight as ChevronRight6 } from "lucide-react";
 import Image9 from "next/image";
 import { Fragment as Fragment21, jsx as jsx144, jsxs as jsxs114 } from "react/jsx-runtime";
 function ImageGalleryModal({
@@ -18202,7 +18020,7 @@ function ImageGalleryModal({
               size: "small-legacy",
               onClick: goToNextImage,
               className: "rounded-full bg-black/50 text-white hover:bg-black/70 p-2",
-              leftIcon: /* @__PURE__ */ jsx144(ChevronRight7, { className: "w-6 h-6" })
+              leftIcon: /* @__PURE__ */ jsx144(ChevronRight6, { className: "w-6 h-6" })
             }
           ) })
         ] }),
@@ -18254,13 +18072,13 @@ init_cn();
 
 // src/components/ui/page-actions.tsx
 init_cn();
-import React49 from "react";
+import React48 from "react";
 
 // src/components/ui/actions-menu.tsx
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { Check as Check2 } from "lucide-react";
 import Link3 from "next/link";
-import React48, { useCallback as useCallback20, useState as useState36 } from "react";
+import React47, { useCallback as useCallback20, useState as useState36 } from "react";
 init_cn();
 init_button2();
 import { Fragment as Fragment22, jsx as jsx145, jsxs as jsxs115 } from "react/jsx-runtime";
@@ -18473,7 +18291,7 @@ var ActionsMenu = ({
       className: `relative min-w-[256px] max-h-[var(--radix-popper-available-height)] bg-ods-bg border border-ods-border rounded-md shadow-lg overflow-y-auto ${className}`,
       children: groups.map((group, groupIndex) => {
         const groupKey = group.id || group.items.map((i) => i.id).join("|");
-        return /* @__PURE__ */ jsxs115(React48.Fragment, { children: [
+        return /* @__PURE__ */ jsxs115(React47.Fragment, { children: [
           group.items.map((item, itemIndex) => /* @__PURE__ */ jsx145(
             MenuItem,
             {
@@ -18681,7 +18499,7 @@ function IconButtonsVariant({
   return /* @__PURE__ */ jsxs116(Fragment23, { children: [
     /* @__PURE__ */ jsxs116("div", { className: cn("hidden md:flex items-center", ACTIONS_GAP, className), children: [
       selector,
-      desktopActions.map((action, idx) => /* @__PURE__ */ jsx146(React49.Fragment, { children: renderActionButton(action) }, actionKey(action, idx))),
+      desktopActions.map((action, idx) => /* @__PURE__ */ jsx146(React48.Fragment, { children: renderActionButton(action) }, actionKey(action, idx))),
       hasMenuActions && /* @__PURE__ */ jsx146(ActionsMenuDropdown, { groups: menuActions })
     ] }),
     /* @__PURE__ */ jsx146("div", { className: cn("flex md:hidden", className), children: useSingleActionMobile && singleAction ? renderActionButton(singleAction, { iconOnly: true }) : /* @__PURE__ */ jsx146(
@@ -18706,7 +18524,7 @@ function PrimaryButtonsVariant({
   });
   const desktopActions = sortedActions.filter((a) => !a.showOnlyMobile);
   return /* @__PURE__ */ jsxs116(Fragment23, { children: [
-    /* @__PURE__ */ jsx146("div", { className: cn("hidden md:flex items-center", ACTIONS_GAP, className), children: desktopActions.map((action, idx) => /* @__PURE__ */ jsx146(React49.Fragment, { children: renderActionButton(action) }, `desktop-${actionKey(action, idx)}`)) }),
+    /* @__PURE__ */ jsx146("div", { className: cn("hidden md:flex items-center", ACTIONS_GAP, className), children: desktopActions.map((action, idx) => /* @__PURE__ */ jsx146(React48.Fragment, { children: renderActionButton(action) }, `desktop-${actionKey(action, idx)}`)) }),
     /* @__PURE__ */ jsx146(MobileBottomActions, { actions: sortedActions })
   ] });
 }
@@ -18722,7 +18540,7 @@ function MenuPrimaryVariant({
     /* @__PURE__ */ jsxs116("div", { className: cn("hidden md:flex items-center", ACTIONS_GAP, className), children: [
       selector,
       hasMenuActions && /* @__PURE__ */ jsx146(ActionsMenuDropdown, { groups: menuActions }),
-      desktopActions.map((action, idx) => /* @__PURE__ */ jsx146(React49.Fragment, { children: renderActionButton({ ...action, variant: action.variant || "accent" }) }, `desktop-${actionKey(action, idx)}`))
+      desktopActions.map((action, idx) => /* @__PURE__ */ jsx146(React48.Fragment, { children: renderActionButton({ ...action, variant: action.variant || "accent" }) }, `desktop-${actionKey(action, idx)}`))
     ] }),
     /* @__PURE__ */ jsx146("div", { className: cn("flex md:hidden", className), children: /* @__PURE__ */ jsx146(
       ActionsMenuDropdown,
@@ -18741,7 +18559,7 @@ function MobileBottomActions({ actions }) {
     "bg-ods-card border-t border-ods-border",
     "flex items-start pt-6 pb-6 px-6",
     ACTIONS_GAP
-  ), children: actions.map((action, idx) => /* @__PURE__ */ jsx146(React49.Fragment, { children: renderActionButton(action, { fullWidth: !!action.label }) }, `mobile-${actionKey(action, idx)}`)) });
+  ), children: actions.map((action, idx) => /* @__PURE__ */ jsx146(React48.Fragment, { children: renderActionButton(action, { fullWidth: !!action.label }) }, `mobile-${actionKey(action, idx)}`)) });
 }
 function usePageActionsBottomPadding(variant) {
   return variant === "primary-buttons" || variant === "menu-primary" ? "pb-40 md:pb-0" : "";
@@ -19384,7 +19202,7 @@ function InfoCard({ data, className = "" }) {
         data.subtitle && /* @__PURE__ */ jsx152("div", { className: "text-h4 text-ods-text-secondary truncate self-stretch", title: data.subtitle, children: data.subtitle }),
         data.items.map((item, index) => {
           const values = Array.isArray(item.value) ? item.value : [item.value];
-          return /* @__PURE__ */ jsx152(React50.Fragment, { children: values.map((val, valIndex) => /* @__PURE__ */ jsx152(
+          return /* @__PURE__ */ jsx152(React49.Fragment, { children: values.map((val, valIndex) => /* @__PURE__ */ jsx152(
             InfoCardValueRow,
             {
               label: item.label,
@@ -19455,9 +19273,9 @@ function InfoRow({ label, value, icon }) {
 
 // src/components/ui/input-trigger.tsx
 init_cn();
-import * as React51 from "react";
+import * as React50 from "react";
 import { jsx as jsx154, jsxs as jsxs123 } from "react/jsx-runtime";
-var InputTrigger = React51.forwardRef(
+var InputTrigger = React50.forwardRef(
   ({ selectedLabel, placeholder, startIcon, endIcon, invalid, className, disabled, ...props }, ref) => {
     const isPlaceholder = selectedLabel === void 0 || selectedLabel === null || selectedLabel === "";
     return /* @__PURE__ */ jsxs123(
@@ -19501,7 +19319,7 @@ var InputTrigger = React51.forwardRef(
 InputTrigger.displayName = "InputTrigger";
 
 // src/components/ui/media-type-selector.tsx
-import * as React52 from "react";
+import * as React51 from "react";
 import { Video as Video3, Image as Image10, FileText as FileText3, Archive, CheckSquare, BookOpen, FileType } from "lucide-react";
 import { jsx as jsx155, jsxs as jsxs124 } from "react/jsx-runtime";
 var mediaTypeOptions = [
@@ -19522,8 +19340,8 @@ function MediaTypeSelector({
   className,
   disabled
 }) {
-  const [key, setKey] = React52.useState(0);
-  React52.useEffect(() => {
+  const [key, setKey] = React51.useState(0);
+  React51.useEffect(() => {
     setKey((prev) => prev + 1);
   }, [value]);
   return /* @__PURE__ */ jsxs124(
@@ -19676,10 +19494,10 @@ var ProgressBar = ({
 
 // src/components/ui/radio-group.tsx
 init_cn();
-import * as React54 from "react";
+import * as React53 from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { jsx as jsx158, jsxs as jsxs126 } from "react/jsx-runtime";
-var RadioGroup = React54.forwardRef(({ className, ...props }, ref) => {
+var RadioGroup = React53.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx158(
     RadioGroupPrimitive.Root,
     {
@@ -19690,7 +19508,7 @@ var RadioGroup = React54.forwardRef(({ className, ...props }, ref) => {
   );
 });
 RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React54.forwardRef(({ className, ...props }, ref) => {
+var RadioGroupItem = React53.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx158(
     RadioGroupPrimitive.Item,
     {
@@ -19711,7 +19529,7 @@ var RadioGroupItem = React54.forwardRef(({ className, ...props }, ref) => {
   );
 });
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
-var RadioGroupBlock = React54.forwardRef(
+var RadioGroupBlock = React53.forwardRef(
   ({ className, options, variant = "separated", error, itemClassName, disabled, ...props }, ref) => {
     const isGrouped = variant === "grouped";
     return /* @__PURE__ */ jsxs126("div", { className: cn("relative flex w-full flex-col", className), children: [
@@ -19810,7 +19628,7 @@ var RadioGroupBlock = React54.forwardRef(
 RadioGroupBlock.displayName = "RadioGroupBlock";
 
 // src/components/ui/tags-input.tsx
-import * as React55 from "react";
+import * as React54 from "react";
 import { X as X7, Plus } from "lucide-react";
 init_button2();
 init_cn();
@@ -19826,7 +19644,7 @@ function TagsInput({
   badgeClassName,
   label
 }) {
-  const [inputValue, setInputValue] = React55.useState("");
+  const [inputValue, setInputValue] = React54.useState("");
   const handleAddTag = () => {
     const trimmedValue = inputValue.trim();
     if (!trimmedValue) return;
@@ -19912,7 +19730,7 @@ function TagsInput({
 
 // src/components/ui/tags-manager.tsx
 init_cn();
-import * as React56 from "react";
+import * as React55 from "react";
 import * as PopoverPrimitive2 from "@radix-ui/react-popover";
 import * as ScrollAreaPrimitive2 from "@radix-ui/react-scroll-area";
 init_button2();
@@ -19932,19 +19750,19 @@ function TagsManager({
   disabled = false,
   className
 }) {
-  const [open, setOpen] = React56.useState(false);
-  const [search, setSearch] = React56.useState("");
-  const [editingId, setEditingId] = React56.useState(null);
-  const [editingName, setEditingName] = React56.useState("");
-  const editInputRef = React56.useRef(null);
-  const inputRef = React56.useRef(null);
-  const containerRef = React56.useRef(null);
+  const [open, setOpen] = React55.useState(false);
+  const [search, setSearch] = React55.useState("");
+  const [editingId, setEditingId] = React55.useState(null);
+  const [editingName, setEditingName] = React55.useState("");
+  const editInputRef = React55.useRef(null);
+  const inputRef = React55.useRef(null);
+  const containerRef = React55.useRef(null);
   const selectedTags = tags.filter((t) => selectedIds.includes(t.id));
   const filtered = tags.filter(
     (t) => t.name.toLowerCase().includes(search.toLowerCase())
   );
   const showCreateOption = onCreateTag && search.trim() && !tags.some((t) => t.name.toLowerCase() === search.trim().toLowerCase());
-  const toggleTag = React56.useCallback(
+  const toggleTag = React55.useCallback(
     (id) => {
       if (selectedIds.includes(id)) {
         onChange(selectedIds.filter((i) => i !== id));
@@ -19954,7 +19772,7 @@ function TagsManager({
     },
     [selectedIds, onChange]
   );
-  const handleCreate = React56.useCallback(async () => {
+  const handleCreate = React55.useCallback(async () => {
     if (!onCreateTag) return;
     const name = search.trim();
     if (!name) return;
@@ -19964,22 +19782,22 @@ function TagsManager({
       setSearch("");
     }
   }, [search, onCreateTag, selectedIds, onChange]);
-  const startEdit = React56.useCallback((id, name) => {
+  const startEdit = React55.useCallback((id, name) => {
     setEditingId(id);
     setEditingName(name);
     setTimeout(() => editInputRef.current?.focus(), 0);
   }, []);
-  const confirmEdit = React56.useCallback(async () => {
+  const confirmEdit = React55.useCallback(async () => {
     if (!onUpdateTag || !editingId || !editingName.trim()) return;
     await onUpdateTag(editingId, editingName.trim());
     setEditingId(null);
     setEditingName("");
   }, [editingId, editingName, onUpdateTag]);
-  const cancelEdit = React56.useCallback(() => {
+  const cancelEdit = React55.useCallback(() => {
     setEditingId(null);
     setEditingName("");
   }, []);
-  const handleDelete = React56.useCallback(
+  const handleDelete = React55.useCallback(
     async (id) => {
       if (!onDeleteTag) return;
       await onDeleteTag(id);
@@ -19989,7 +19807,7 @@ function TagsManager({
     },
     [onDeleteTag, selectedIds, onChange]
   );
-  const handleClearAll = React56.useCallback(
+  const handleClearAll = React55.useCallback(
     (e) => {
       e.stopPropagation();
       onChange([]);
@@ -20284,13 +20102,13 @@ function TagsManager({
 // src/components/ui/alert-dialog.tsx
 init_cn();
 init_button2();
-import * as React57 from "react";
+import * as React56 from "react";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 import { jsx as jsx161, jsxs as jsxs129 } from "react/jsx-runtime";
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx161(
+var AlertDialogOverlay = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx161(
   AlertDialogPrimitive.Overlay,
   {
     className: cn(
@@ -20302,7 +20120,7 @@ var AlertDialogOverlay = React57.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs129(AlertDialogPortal, { children: [
+var AlertDialogContent = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs129(AlertDialogPortal, { children: [
   /* @__PURE__ */ jsx161(AlertDialogOverlay, {}),
   /* @__PURE__ */ jsx161(
     AlertDialogPrimitive.Content,
@@ -20345,7 +20163,7 @@ var AlertDialogFooter = ({
   }
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx161(
+var AlertDialogTitle = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx161(
   AlertDialogPrimitive.Title,
   {
     ref,
@@ -20354,7 +20172,7 @@ var AlertDialogTitle = React57.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx161(
+var AlertDialogDescription = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx161(
   AlertDialogPrimitive.Description,
   {
     ref,
@@ -20363,7 +20181,7 @@ var AlertDialogDescription = React57.forwardRef(({ className, ...props }, ref) =
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx161(
+var AlertDialogAction = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx161(
   AlertDialogPrimitive.Action,
   {
     ref,
@@ -20372,7 +20190,7 @@ var AlertDialogAction = React57.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx161(
+var AlertDialogCancel = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx161(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -20392,7 +20210,7 @@ var AspectRatio = AspectRatioPrimitive.Root;
 
 // src/components/ui/dialog.tsx
 init_cn();
-import * as React58 from "react";
+import * as React57 from "react";
 import * as DialogPrimitive3 from "@radix-ui/react-dialog";
 import { X as X8 } from "lucide-react";
 import { jsx as jsx162, jsxs as jsxs130 } from "react/jsx-runtime";
@@ -20400,7 +20218,7 @@ var Dialog = DialogPrimitive3.Root;
 var DialogTrigger = DialogPrimitive3.Trigger;
 var DialogPortal = DialogPrimitive3.Portal;
 var DialogClose = DialogPrimitive3.Close;
-var DialogOverlay = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx162(
+var DialogOverlay = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx162(
   DialogPrimitive3.Overlay,
   {
     ref,
@@ -20412,7 +20230,7 @@ var DialogOverlay = React58.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = DialogPrimitive3.Overlay.displayName;
-var DialogContent = React58.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs130(DialogPortal, { children: [
+var DialogContent = React57.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs130(DialogPortal, { children: [
   /* @__PURE__ */ jsx162(DialogOverlay, {}),
   /* @__PURE__ */ jsxs130(
     DialogPrimitive3.Content,
@@ -20438,7 +20256,7 @@ var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx162("div", {
 DialogHeader.displayName = "DialogHeader";
 var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx162("div", { className: cn("flex flex-col-reverse md:flex-row md:justify-end md:space-x-2", className), ...props });
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx162(
+var DialogTitle = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx162(
   DialogPrimitive3.Title,
   {
     ref,
@@ -20447,15 +20265,15 @@ var DialogTitle = React58.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive3.Title.displayName;
-var DialogDescription = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx162(DialogPrimitive3.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var DialogDescription = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx162(DialogPrimitive3.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 DialogDescription.displayName = DialogPrimitive3.Description.displayName;
 
 // src/components/ui/modal.tsx
 init_cn();
-import * as React59 from "react";
+import * as React58 from "react";
 import { useEffect as useEffect32 } from "react";
 import { jsx as jsx163, jsxs as jsxs131 } from "react/jsx-runtime";
-var Modal = React59.forwardRef(
+var Modal = React58.forwardRef(
   ({ isOpen, onClose, children, className }, ref) => {
     useEffect32(() => {
       const handleKeyDown = (event) => {
@@ -20499,11 +20317,11 @@ var Modal = React59.forwardRef(
   }
 );
 Modal.displayName = "Modal";
-var ModalContent = React59.forwardRef(
+var ModalContent = React58.forwardRef(
   ({ children, className }, ref) => /* @__PURE__ */ jsx163("div", { ref, className: cn("overflow-y-auto min-h-0 flex-1", className), children })
 );
 ModalContent.displayName = "ModalContent";
-var ModalHeader = React59.forwardRef(
+var ModalHeader = React58.forwardRef(
   ({ children, className }, ref) => /* @__PURE__ */ jsx163(
     "div",
     {
@@ -20514,7 +20332,7 @@ var ModalHeader = React59.forwardRef(
   )
 );
 ModalHeader.displayName = "ModalHeader";
-var ModalTitle = React59.forwardRef(
+var ModalTitle = React58.forwardRef(
   ({ children, className }, ref) => /* @__PURE__ */ jsx163(
     "h2",
     {
@@ -20525,7 +20343,7 @@ var ModalTitle = React59.forwardRef(
   )
 );
 ModalTitle.displayName = "ModalTitle";
-var ModalFooter = React59.forwardRef(
+var ModalFooter = React58.forwardRef(
   ({ children, className }, ref) => /* @__PURE__ */ jsx163(
     "div",
     {
@@ -20538,12 +20356,12 @@ var ModalFooter = React59.forwardRef(
 ModalFooter.displayName = "ModalFooter";
 
 // src/components/ui/modal-v2.tsx
-import * as React60 from "react";
+import * as React59 from "react";
 import { useEffect as useEffect33 } from "react";
 init_cn();
 import { jsx as jsx164, jsxs as jsxs132 } from "react/jsx-runtime";
-var ModalContext = React60.createContext({});
-var Modal2 = React60.forwardRef(
+var ModalContext = React59.createContext({});
+var Modal2 = React59.forwardRef(
   ({ isOpen, onClose, children, className }, ref) => {
     useEffect33(() => {
       const handleKeyDown = (event) => {
@@ -20592,13 +20410,13 @@ var Modal2 = React60.forwardRef(
   }
 );
 Modal2.displayName = "ModalV2";
-var ModalContent2 = React60.forwardRef(
+var ModalContent2 = React59.forwardRef(
   ({ children, className }, ref) => /* @__PURE__ */ jsx164("div", { ref, className: cn("flex-1 min-h-0 overflow-y-auto", className), children })
 );
 ModalContent2.displayName = "ModalV2Content";
-var ModalHeader2 = React60.forwardRef(
+var ModalHeader2 = React59.forwardRef(
   ({ children, className }, ref) => {
-    const { onClose } = React60.useContext(ModalContext);
+    const { onClose } = React59.useContext(ModalContext);
     return /* @__PURE__ */ jsxs132(
       "div",
       {
@@ -20621,7 +20439,7 @@ var ModalHeader2 = React60.forwardRef(
   }
 );
 ModalHeader2.displayName = "ModalV2Header";
-var ModalTitle2 = React60.forwardRef(
+var ModalTitle2 = React59.forwardRef(
   ({ children, className }, ref) => /* @__PURE__ */ jsx164(
     "h2",
     {
@@ -20632,7 +20450,7 @@ var ModalTitle2 = React60.forwardRef(
   )
 );
 ModalTitle2.displayName = "ModalV2Title";
-var ModalFooter2 = React60.forwardRef(
+var ModalFooter2 = React59.forwardRef(
   ({ children, className }, ref) => /* @__PURE__ */ jsx164(
     "div",
     {
@@ -20646,10 +20464,10 @@ ModalFooter2.displayName = "ModalV2Footer";
 
 // src/components/ui/separator.tsx
 init_cn();
-import * as React61 from "react";
+import * as React60 from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import { jsx as jsx165 } from "react/jsx-runtime";
-var Separator2 = React61.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx165(
+var Separator2 = React60.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx165(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -20663,7 +20481,7 @@ Separator2.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/components/ui/sheet.tsx
 init_cn();
-import * as React62 from "react";
+import * as React61 from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { cva as cva6 } from "class-variance-authority";
 import { X as X9 } from "lucide-react";
@@ -20672,7 +20490,7 @@ var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx166(
+var SheetOverlay = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx166(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -20700,7 +20518,7 @@ var sheetVariants = cva6(
     }
   }
 );
-var SheetContent = React62.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs133(SheetPortal, { children: [
+var SheetContent = React61.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs133(SheetPortal, { children: [
   /* @__PURE__ */ jsx166(SheetOverlay, {}),
   /* @__PURE__ */ jsxs133(
     SheetPrimitive.Content,
@@ -20747,7 +20565,7 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx166(
+var SheetTitle = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx166(
   SheetPrimitive.Title,
   {
     ref,
@@ -20756,7 +20574,7 @@ var SheetTitle = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx166(
+var SheetDescription = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx166(
   SheetPrimitive.Description,
   {
     ref,
@@ -20768,14 +20586,14 @@ SheetDescription.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/ui/accordion.tsx
 init_cn();
-import * as React63 from "react";
+import * as React62 from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import { ChevronDown as ChevronDown5 } from "lucide-react";
 import { jsx as jsx167, jsxs as jsxs134 } from "react/jsx-runtime";
 var Accordion = AccordionPrimitive.Root;
-var AccordionItem = React63.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx167(AccordionPrimitive.Item, { ref, className: cn("border-b", className), ...props }));
+var AccordionItem = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx167(AccordionPrimitive.Item, { ref, className: cn("border-b", className), ...props }));
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React63.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx167(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs134(
+var AccordionTrigger = React62.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx167(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs134(
   AccordionPrimitive.Trigger,
   {
     ref,
@@ -20791,7 +20609,7 @@ var AccordionTrigger = React63.forwardRef(({ className, children, ...props }, re
   }
 ) }));
 AccordionTrigger.displayName = "AccordionTrigger";
-var AccordionContent = React63.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx167(
+var AccordionContent = React62.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx167(
   AccordionPrimitive.Content,
   {
     ref,
@@ -20807,13 +20625,13 @@ AccordionContent.displayName = "AccordionContent";
 
 // src/components/ui/breadcrumb.tsx
 init_cn();
-import * as React64 from "react";
+import * as React63 from "react";
 import { Slot } from "@radix-ui/react-slot";
-import { ChevronRight as ChevronRight8, MoreHorizontal as MoreHorizontal2 } from "lucide-react";
+import { ChevronRight as ChevronRight7, MoreHorizontal as MoreHorizontal2 } from "lucide-react";
 import { jsx as jsx168, jsxs as jsxs135 } from "react/jsx-runtime";
-var Breadcrumb = React64.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx168("nav", { ref, "aria-label": "breadcrumb", ...props }));
+var Breadcrumb = React63.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx168("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React64.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx168(
+var BreadcrumbList = React63.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx168(
   "ol",
   {
     ref,
@@ -20825,7 +20643,7 @@ var BreadcrumbList = React64.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React64.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx168(
+var BreadcrumbItem = React63.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx168(
   "li",
   {
     ref,
@@ -20834,7 +20652,7 @@ var BreadcrumbItem = React64.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React64.forwardRef(({ asChild, className, ...props }, ref) => {
+var BreadcrumbLink = React63.forwardRef(({ asChild, className, ...props }, ref) => {
   const Comp = asChild ? Slot : "a";
   return /* @__PURE__ */ jsx168(
     Comp,
@@ -20846,7 +20664,7 @@ var BreadcrumbLink = React64.forwardRef(({ asChild, className, ...props }, ref)
   );
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React64.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx168(
+var BreadcrumbPage = React63.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx168(
   "span",
   {
     ref,
@@ -20869,7 +20687,7 @@ var BreadcrumbSeparator = ({
     "aria-hidden": "true",
     className: cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className),
     ...props,
-    children: children ?? /* @__PURE__ */ jsx168(ChevronRight8, {})
+    children: children ?? /* @__PURE__ */ jsx168(ChevronRight7, {})
   }
 );
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
@@ -20893,16 +20711,16 @@ BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
 
 // src/components/ui/menubar.tsx
 init_cn();
-import * as React65 from "react";
+import * as React64 from "react";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
-import { Check as Check3, ChevronRight as ChevronRight9, Circle } from "lucide-react";
+import { Check as Check3, ChevronRight as ChevronRight8, Circle } from "lucide-react";
 import { jsx as jsx169, jsxs as jsxs136 } from "react/jsx-runtime";
 var MenubarMenu = MenubarPrimitive.Menu;
 var MenubarGroup = MenubarPrimitive.Group;
 var MenubarPortal = MenubarPrimitive.Portal;
 var MenubarSub = MenubarPrimitive.Sub;
 var MenubarRadioGroup = MenubarPrimitive.RadioGroup;
-var Menubar = React65.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx169(
+var Menubar = React64.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx169(
   MenubarPrimitive.Root,
   {
     ref,
@@ -20914,7 +20732,7 @@ var Menubar = React65.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Menubar.displayName = MenubarPrimitive.Root.displayName;
-var MenubarTrigger = React65.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx169(
+var MenubarTrigger = React64.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx169(
   MenubarPrimitive.Trigger,
   {
     ref,
@@ -20926,7 +20744,7 @@ var MenubarTrigger = React65.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
-var MenubarSubTrigger = React65.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs136(
+var MenubarSubTrigger = React64.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs136(
   MenubarPrimitive.SubTrigger,
   {
     ref,
@@ -20938,12 +20756,12 @@ var MenubarSubTrigger = React65.forwardRef(({ className, inset, children, ...pro
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx169(ChevronRight9, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsx169(ChevronRight8, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-var MenubarSubContent = React65.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx169(
+var MenubarSubContent = React64.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx169(
   MenubarPrimitive.SubContent,
   {
     ref,
@@ -20955,7 +20773,7 @@ var MenubarSubContent = React65.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
-var MenubarContent = React65.forwardRef(
+var MenubarContent = React64.forwardRef(
   ({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx169(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx169(
     MenubarPrimitive.Content,
     {
@@ -20972,7 +20790,7 @@ var MenubarContent = React65.forwardRef(
   ) })
 );
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-var MenubarItem = React65.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx169(
+var MenubarItem = React64.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx169(
   MenubarPrimitive.Item,
   {
     ref,
@@ -20985,7 +20803,7 @@ var MenubarItem = React65.forwardRef(({ className, inset, ...props }, ref) => /*
   }
 ));
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
-var MenubarCheckboxItem = React65.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs136(
+var MenubarCheckboxItem = React64.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs136(
   MenubarPrimitive.CheckboxItem,
   {
     ref,
@@ -21002,7 +20820,7 @@ var MenubarCheckboxItem = React65.forwardRef(({ className, children, checked, ..
   }
 ));
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-var MenubarRadioItem = React65.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs136(
+var MenubarRadioItem = React64.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs136(
   MenubarPrimitive.RadioItem,
   {
     ref,
@@ -21018,7 +20836,7 @@ var MenubarRadioItem = React65.forwardRef(({ className, children, ...props }, re
   }
 ));
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-var MenubarLabel = React65.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx169(
+var MenubarLabel = React64.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx169(
   MenubarPrimitive.Label,
   {
     ref,
@@ -21031,7 +20849,7 @@ var MenubarLabel = React65.forwardRef(({ className, inset, ...props }, ref) => /
   }
 ));
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-var MenubarSeparator = React65.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx169(
+var MenubarSeparator = React64.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx169(
   MenubarPrimitive.Separator,
   {
     ref,
@@ -21059,12 +20877,12 @@ MenubarShortcut.displayname = "MenubarShortcut";
 
 // src/components/ui/navigation-menu.tsx
 init_cn();
-import * as React66 from "react";
+import * as React65 from "react";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import { cva as cva7 } from "class-variance-authority";
 import { ChevronDown as ChevronDown6 } from "lucide-react";
 import { jsx as jsx170, jsxs as jsxs137 } from "react/jsx-runtime";
-var NavigationMenu = React66.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs137(
+var NavigationMenu = React65.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs137(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -21080,7 +20898,7 @@ var NavigationMenu = React66.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx170(
+var NavigationMenuList = React65.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx170(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -21096,7 +20914,7 @@ var NavigationMenuItem = NavigationMenuPrimitive.Item;
 var navigationMenuTriggerStyle = cva7(
   "group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50"
 );
-var NavigationMenuTrigger = React66.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs137(
+var NavigationMenuTrigger = React65.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs137(
   NavigationMenuPrimitive.Trigger,
   {
     ref,
@@ -21116,7 +20934,7 @@ var NavigationMenuTrigger = React66.forwardRef(({ className, children, ...props
   }
 ));
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx170(
+var NavigationMenuContent = React65.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx170(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -21129,7 +20947,7 @@ var NavigationMenuContent = React66.forwardRef(({ className, ...props }, ref) =>
 ));
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx170("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx170(
+var NavigationMenuViewport = React65.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx170("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx170(
   NavigationMenuPrimitive.Viewport,
   {
     className: cn(
@@ -21141,7 +20959,7 @@ var NavigationMenuViewport = React66.forwardRef(({ className, ...props }, ref) =
   }
 ) }));
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx170(
+var NavigationMenuIndicator = React65.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx170(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -21319,7 +21137,7 @@ var getTabComponent = (tabs, tabId) => {
 
 // src/components/ui/alert.tsx
 init_cn();
-import * as React68 from "react";
+import * as React67 from "react";
 import { cva as cva8 } from "class-variance-authority";
 import { jsx as jsx173 } from "react/jsx-runtime";
 var alertVariants = cva8(
@@ -21336,7 +21154,7 @@ var alertVariants = cva8(
     }
   }
 );
-var Alert = React68.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx173(
+var Alert = React67.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx173(
   "div",
   {
     ref,
@@ -21346,7 +21164,7 @@ var Alert = React68.forwardRef(({ className, variant, ...props }, ref) => /* @__
   }
 ));
 Alert.displayName = "Alert";
-var AlertTitle = React68.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx173(
+var AlertTitle = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx173(
   "h5",
   {
     ref,
@@ -21355,7 +21173,7 @@ var AlertTitle = React68.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React68.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx173(
+var AlertDescription = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx173(
   "div",
   {
     ref,
@@ -21367,10 +21185,10 @@ AlertDescription.displayName = "AlertDescription";
 
 // src/components/ui/progress.tsx
 init_cn();
-import * as React69 from "react";
+import * as React68 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 import { jsx as jsx174 } from "react/jsx-runtime";
-var Progress = React69.forwardRef(({ className, value, indicatorClassName, ...props }, ref) => /* @__PURE__ */ jsx174(
+var Progress = React68.forwardRef(({ className, value, indicatorClassName, ...props }, ref) => /* @__PURE__ */ jsx174(
   ProgressPrimitive.Root,
   {
     ref,
@@ -21854,7 +21672,7 @@ init_cn();
 
 // src/components/ui/entity-image.tsx
 init_cn();
-import React71 from "react";
+import React70 from "react";
 import { jsx as jsx181 } from "react/jsx-runtime";
 function getInitials3(name) {
   if (!name) return "";
@@ -21863,8 +21681,8 @@ function getInitials3(name) {
   return (words[0].charAt(0) + words[words.length - 1].charAt(0)).toUpperCase();
 }
 function EntityImage({ src, alt, fallbackText, className }) {
-  const [imageFailed, setImageFailed] = React71.useState(false);
-  React71.useEffect(() => {
+  const [imageFailed, setImageFailed] = React70.useState(false);
+  React70.useEffect(() => {
     setImageFailed(false);
   }, [src]);
   const showFallback = imageFailed || !src;
@@ -22007,12 +21825,12 @@ function PageLayout({
 
 // src/components/toggle-group.tsx
 init_cn();
-import * as React73 from "react";
+import * as React72 from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 
 // src/components/ui/toggle.tsx
 init_cn();
-import * as React72 from "react";
+import * as React71 from "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { cva as cva9 } from "class-variance-authority";
 import { jsx as jsx184 } from "react/jsx-runtime";
@@ -22036,7 +21854,7 @@ var toggleVariants = cva9(
     }
   }
 );
-var Toggle = React72.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx184(
+var Toggle = React71.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx184(
   TogglePrimitive.Root,
   {
     ref,
@@ -22048,11 +21866,11 @@ Toggle.displayName = TogglePrimitive.Root.displayName;
 
 // src/components/toggle-group.tsx
 import { jsx as jsx185 } from "react/jsx-runtime";
-var ToggleGroupContext = React73.createContext({
+var ToggleGroupContext = React72.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React73.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx185(
+var ToggleGroup = React72.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx185(
   ToggleGroupPrimitive.Root,
   {
     ref,
@@ -22062,8 +21880,8 @@ var ToggleGroup = React73.forwardRef(({ className, variant, size, children, ...p
   }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React73.forwardRef(({ className, children, variant, size, value, ...props }, ref) => {
-  const context = React73.useContext(ToggleGroupContext);
+var ToggleGroupItem = React72.forwardRef(({ className, children, variant, size, value, ...props }, ref) => {
+  const context = React72.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx185(
     ToggleGroupPrimitive.Item,
     {
@@ -22084,7 +21902,7 @@ var ToggleGroupItem = React73.forwardRef(({ className, children, variant, size,
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 
 // src/components/ui/benefit-card.tsx
-import React74 from "react";
+import React73 from "react";
 import { jsx as jsx186, jsxs as jsxs148 } from "react/jsx-runtime";
 var BenefitCard = ({
   icon,
@@ -22136,7 +21954,7 @@ var BenefitCardGrid = ({
   className = "",
   columns = 2
 }) => {
-  const childrenArray = React74.Children.toArray(children);
+  const childrenArray = React73.Children.toArray(children);
   const gridClass = columns === 4 ? "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4" : columns === 3 ? "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3" : "flex flex-col md:flex-row";
   return /* @__PURE__ */ jsx186("div", { className: cn(
     "bg-ods-card rounded-lg shadow-ods-card border border-ods-border overflow-hidden",
@@ -22157,7 +21975,7 @@ var BenefitCardGrid = ({
     } else {
       borderClass = isLastItem ? "border-b-0" : "border-b md:border-b-0 md:border-r border-ods-border";
     }
-    return React74.cloneElement(child, {
+    return React73.cloneElement(child, {
       key: index,
       className: borderClass
     });
@@ -22166,7 +21984,7 @@ var BenefitCardGrid = ({
 
 // src/components/ui/brand-association-card.tsx
 init_button2();
-import React75 from "react";
+import React74 from "react";
 import { ExternalLink as ExternalLink2 } from "lucide-react";
 import { jsx as jsx187, jsxs as jsxs149 } from "react/jsx-runtime";
 function BrandAssociationCard({
@@ -22174,7 +21992,7 @@ function BrandAssociationCard({
   className = ""
 }) {
   const renderIcon = () => {
-    if (React75.isValidElement(item.icon)) {
+    if (React74.isValidElement(item.icon)) {
       return item.icon;
     }
     const IconComponent = item.icon;
@@ -22373,7 +22191,7 @@ import Link6 from "next/link";
 
 // src/components/ui/floating-tooltip.tsx
 init_cn();
-import * as React76 from "react";
+import * as React75 from "react";
 import {
   useFloating,
   autoUpdate,
@@ -22423,8 +22241,8 @@ function FloatingTooltip({
   delayDuration = 0,
   disabled = false
 }) {
-  const [isOpen, setIsOpen] = React76.useState(false);
-  const arrowRef = React76.useRef(null);
+  const [isOpen, setIsOpen] = React75.useState(false);
+  const arrowRef = React75.useRef(null);
   const { refs, floatingStyles, context, placement, middlewareData } = useFloating({
     open: isOpen,
     onOpenChange: setIsOpen,
@@ -22454,7 +22272,7 @@ function FloatingTooltip({
     dismiss,
     role
   ]);
-  const parsedContent = React76.useMemo(() => {
+  const parsedContent = React75.useMemo(() => {
     if (typeof content === "string") {
       return parseColoredText(content);
     }
@@ -23071,9 +22889,9 @@ function HighlightCardGrid({
 
 // src/components/ui/icons-block.tsx
 init_cn();
-import * as React78 from "react";
+import * as React77 from "react";
 import { jsx as jsx200 } from "react/jsx-runtime";
-var IconsBlock = React78.forwardRef(
+var IconsBlock = React77.forwardRef(
   ({ className, icons = [], size = "md", ...props }, ref) => {
     const sizeClasses4 = {
       sm: "h-4 w-4",
@@ -23108,7 +22926,7 @@ IconsBlock.displayName = "IconsBlock";
 
 // src/components/ui/dropdown-button.tsx
 init_cn();
-import React79 from "react";
+import React78 from "react";
 
 // src/components/ui/more-actions-menu.tsx
 init_cn();
@@ -23212,8 +23030,8 @@ function DropdownButton({
   align = "end",
   side = "bottom"
 }) {
-  const [open, setOpen] = React79.useState(false);
-  const handleOpenChange = React79.useCallback(
+  const [open, setOpen] = React78.useState(false);
+  const handleOpenChange = React78.useCallback(
     (next) => {
       if (disabled) return;
       setOpen(next);
@@ -23349,11 +23167,11 @@ import { ExternalLink as ExternalLink3 } from "lucide-react";
 
 // src/components/logs-list.tsx
 init_cn();
-import * as React81 from "react";
+import * as React80 from "react";
 
 // src/components/log-severity-dot.tsx
 init_cn();
-import * as React80 from "react";
+import * as React79 from "react";
 
 // src/types/logs.types.ts
 var LOG_SEVERITY_COLORS = {
@@ -23373,7 +23191,7 @@ var LOG_SEVERITY_LABELS = {
 
 // src/components/log-severity-dot.tsx
 import { jsx as jsx204 } from "react/jsx-runtime";
-var LogSeverityDot = React80.forwardRef(({ severity, size = "md", className }, ref) => {
+var LogSeverityDot = React79.forwardRef(({ severity, size = "md", className }, ref) => {
   const sizeClasses4 = {
     sm: "w-4 h-4",
     md: "w-6 h-6",
@@ -23463,7 +23281,7 @@ var LogCard = ({ log, isLast, showConnector, onClick }) => {
     )
   ] });
 };
-var LogsList = React81.forwardRef(({
+var LogsList = React80.forwardRef(({
   logs,
   maxHeight = "400px",
   showConnector = true,
@@ -23472,7 +23290,7 @@ var LogsList = React81.forwardRef(({
   emptyMessage = "No logs to display",
   className
 }, ref) => {
-  const containerRef = React81.useRef(null);
+  const containerRef = React80.useRef(null);
   const isFullHeight = maxHeight === "100%";
   const getContainerStyles = () => {
     if (isFullHeight) return void 0;
@@ -23771,13 +23589,13 @@ function TitleContentBlock({
 
 // src/components/ui/tooltip.tsx
 init_cn();
-import * as React83 from "react";
+import * as React82 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import { jsx as jsx209 } from "react/jsx-runtime";
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React83.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx209(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx209(
+var TooltipContent = React82.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx209(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx209(
   TooltipPrimitive.Content,
   {
     ref,
@@ -23990,7 +23808,7 @@ init_button2();
 // src/components/ui/cursor-pagination.tsx
 init_cn();
 init_button2();
-import { ChevronLeft as ChevronLeft4, ChevronRight as ChevronRight10, RotateCcw as RotateCcw2, Home as Home2 } from "lucide-react";
+import { ChevronLeft as ChevronLeft4, ChevronRight as ChevronRight9, RotateCcw as RotateCcw2, Home as Home2 } from "lucide-react";
 import { jsx as jsx212, jsxs as jsxs169 } from "react/jsx-runtime";
 function CursorPagination({
   hasNextPage,
@@ -24088,7 +23906,7 @@ function CursorPagination({
               className: cn(
                 compact && "h-8 px-3"
               ),
-              rightIcon: /* @__PURE__ */ jsx212(ChevronRight10, { className: "h-4 w-4" }),
+              rightIcon: /* @__PURE__ */ jsx212(ChevronRight9, { className: "h-4 w-4" }),
               "aria-label": "Go to next page",
               children: /* @__PURE__ */ jsx212("span", { className: compact ? "hidden md:inline" : "", children: "Next" })
             }
@@ -24140,7 +23958,7 @@ function CursorPaginationSimple({
         onClick: () => onNext?.(""),
         disabled: !hasNextPage || loading,
         className: "h-8 w-8",
-        rightIcon: /* @__PURE__ */ jsx212(ChevronRight10, { className: "h-4 w-4" }),
+        rightIcon: /* @__PURE__ */ jsx212(ChevronRight9, { className: "h-4 w-4" }),
         "aria-label": "Next"
       }
     )
@@ -26042,7 +25860,7 @@ function CountryOption({ country }) {
 init_cn();
 import * as PopoverPrimitive3 from "@radix-ui/react-popover";
 import * as ScrollAreaPrimitive3 from "@radix-ui/react-scroll-area";
-import * as React85 from "react";
+import * as React84 from "react";
 import { jsx as jsx236, jsxs as jsxs189 } from "react/jsx-runtime";
 var containerStyles = cn(
   // Layout & spacing — matches lib Input component
@@ -26095,12 +25913,12 @@ function SearchInput({
   limitTags = "auto",
   getLimitTagsText = (more) => `+${more}`
 }) {
-  const [internalValue, setInternalValue] = React85.useState(defaultValue);
+  const [internalValue, setInternalValue] = React84.useState(defaultValue);
   const currentValue = onChange ? value ?? "" : internalValue;
   const debouncedValue = useDebounce(currentValue, debounceMs);
-  const [isOpen, setIsOpen] = React85.useState(false);
-  const [highlightedIndex, setHighlightedIndex] = React85.useState(-1);
-  const containerRef = React85.useRef(null);
+  const [isOpen, setIsOpen] = React84.useState(false);
+  const [highlightedIndex, setHighlightedIndex] = React84.useState(-1);
+  const containerRef = React84.useRef(null);
   const currentPlaceholder = filterChips.length > 0 ? "Add filter..." : placeholder;
   const {
     visibleCount: rawVisibleCount,
@@ -26117,10 +25935,10 @@ function SearchInput({
     placeholder: filterChips.length > 0 ? "" : placeholder
   });
   const visibleCount = filterChips.length > 0 ? Math.max(1, rawVisibleCount) : rawVisibleCount;
-  const hiddenTagsRef = React85.useRef(null);
-  const hiddenTagsPopupRef = React85.useRef(null);
-  const [showHiddenTags, setShowHiddenTags] = React85.useState(false);
-  React85.useEffect(() => {
+  const hiddenTagsRef = React84.useRef(null);
+  const hiddenTagsPopupRef = React84.useRef(null);
+  const [showHiddenTags, setShowHiddenTags] = React84.useState(false);
+  React84.useEffect(() => {
     if (!showHiddenTags) return;
     const handleClick = (e) => {
       const target = e.target;
@@ -26134,7 +25952,7 @@ function SearchInput({
   const hiddenCount = filterChips.length - visibleCount;
   const visibleChips = filterChips.slice(0, visibleCount);
   const hiddenChips = filterChips.slice(visibleCount);
-  const { flatResults, groups } = React85.useMemo(() => {
+  const { flatResults, groups } = React84.useMemo(() => {
     if (!groupBy) return { flatResults: results, groups: null };
     const grouped = /* @__PURE__ */ new Map();
     for (const r of results) {
@@ -26151,7 +25969,7 @@ function SearchInput({
   const meetsMinQuery = debouncedValue.length >= minQueryLength;
   const autoShow = meetsMinQuery;
   const dropdownVisible = showDropdownProp ?? (isOpen && autoShow);
-  React85.useEffect(() => {
+  React84.useEffect(() => {
     setHighlightedIndex(-1);
   }, [flatResults.length]);
   const handleChange = (e) => {
@@ -26430,7 +26248,7 @@ function SearchInput({
 
 // src/components/ui/filter-list.tsx
 init_cn();
-import * as React86 from "react";
+import * as React85 from "react";
 import * as CheckboxPrimitive4 from "@radix-ui/react-checkbox";
 import { jsx as jsx237, jsxs as jsxs190 } from "react/jsx-runtime";
 function FilterListItem({
@@ -26479,7 +26297,7 @@ function FilterListItem({
                 "flex items-start gap-[var(--spacing-system-xxs)] text-h6",
                 selected ? "text-ods-accent" : "text-ods-text-secondary"
               ),
-              children: meta.map((item, index) => /* @__PURE__ */ jsxs190(React86.Fragment, { children: [
+              children: meta.map((item, index) => /* @__PURE__ */ jsxs190(React85.Fragment, { children: [
                 index > 0 && /* @__PURE__ */ jsx237("span", { "aria-hidden": "true", children: "\u2022" }),
                 /* @__PURE__ */ jsx237("span", { children: item })
               ] }, index))
@@ -27016,7 +26834,7 @@ function MarkdownEditor({
 }
 
 // src/components/ui/file-upload.tsx
-import * as React88 from "react";
+import * as React87 from "react";
 import { Loader2 as Loader24, X as X10 } from "lucide-react";
 init_cn();
 import { jsx as jsx240, jsxs as jsxs193 } from "react/jsx-runtime";
@@ -27066,11 +26884,11 @@ function FileUpload({
   maxListHeight,
   acceptWindowDrops = false
 }) {
-  const [dragActive, setDragActive] = React88.useState(false);
-  const [validationError, setValidationError] = React88.useState(null);
-  const fileInputRef = React88.useRef(null);
+  const [dragActive, setDragActive] = React87.useState(false);
+  const [validationError, setValidationError] = React87.useState(null);
+  const fileInputRef = React87.useRef(null);
   const isManaged = managedFiles !== void 0;
-  const files = React88.useMemo(() => {
+  const files = React87.useMemo(() => {
     if (!value) return [];
     return Array.isArray(value) ? value : [value];
   }, [value]);
@@ -27118,7 +26936,7 @@ function FileUpload({
       fileInputRef.current.value = "";
     }
   };
-  const handleFilesRef = React88.useRef(handleFiles);
+  const handleFilesRef = React87.useRef(handleFiles);
   handleFilesRef.current = handleFiles;
   const handleDrag = (e) => {
     e.preventDefault();
@@ -27139,7 +26957,7 @@ function FileUpload({
       handleFiles(e.dataTransfer.files);
     }
   };
-  React88.useEffect(() => {
+  React87.useEffect(() => {
     if (!acceptWindowDrops || disabled) return;
     let dragCounter = 0;
     const onWindowDragEnter = (e) => {
@@ -27340,7 +27158,7 @@ function FileUpload({
 }
 
 // src/components/ui/image-uploader.tsx
-import * as React89 from "react";
+import * as React88 from "react";
 import { Loader2 as Loader25 } from "lucide-react";
 init_cn();
 import { Fragment as Fragment39, jsx as jsx241, jsxs as jsxs194 } from "react/jsx-runtime";
@@ -27381,10 +27199,10 @@ function ImageUploader({
   alt = "Uploaded image",
   className
 }) {
-  const inputRef = React89.useRef(null);
-  const [dragActive, setDragActive] = React89.useState(false);
-  const [pressed, setPressed] = React89.useState(false);
-  const [validationError, setValidationError] = React89.useState(null);
+  const inputRef = React88.useRef(null);
+  const [dragActive, setDragActive] = React88.useState(false);
+  const [pressed, setPressed] = React88.useState(false);
+  const [validationError, setValidationError] = React88.useState(null);
   const interactive = !disabled && !loading;
   const hasImage = Boolean(value);
   const displayError = error || validationError || void 0;
@@ -27545,7 +27363,7 @@ function ActionIconButton({ onClick, disabled, ariaLabel, children }) {
 
 // src/components/ui/assignee-dropdown.tsx
 import * as PopoverPrimitive4 from "@radix-ui/react-popover";
-import * as React90 from "react";
+import * as React89 from "react";
 init_cn();
 import { jsx as jsx242, jsxs as jsxs195 } from "react/jsx-runtime";
 function AssigneeDropdown(props) {
@@ -27561,18 +27379,18 @@ function CompactAssigneeDropdown({
   onAssign,
   className
 }) {
-  const [isOpen, setIsOpen] = React90.useState(false);
-  const [search, setSearch] = React90.useState("");
+  const [isOpen, setIsOpen] = React89.useState(false);
+  const [search, setSearch] = React89.useState("");
   const hasAssignee = !!currentAssignee;
-  React90.useEffect(() => {
+  React89.useEffect(() => {
     if (!isOpen) setSearch("");
   }, [isOpen]);
-  const filtered = React90.useMemo(() => {
+  const filtered = React89.useMemo(() => {
     const q = search.trim().toLowerCase();
     if (!q) return options;
     return options.filter((o) => o.label.toLowerCase().includes(q));
   }, [options, search]);
-  const orderedOptions = React90.useMemo(() => {
+  const orderedOptions = React89.useMemo(() => {
     if (!currentAssignee) return filtered;
     const current = filtered.find((o) => o.value === currentAssignee.id);
     if (!current) return filtered;
@@ -27688,9 +27506,9 @@ function DefaultAssigneeDropdown({
   onAssign,
   className
 }) {
-  const [isEditing, setIsEditing] = React90.useState(false);
+  const [isEditing, setIsEditing] = React89.useState(false);
   const hasAssignee = !!currentAssignee;
-  const renderOption = React90.useCallback((option) => {
+  const renderOption = React89.useCallback((option) => {
     const opt = option;
     return /* @__PURE__ */ jsxs195("div", { className: "flex items-center gap-[var(--spacing-system-sf)] w-full min-w-0", children: [
       /* @__PURE__ */ jsx242(
@@ -27842,16 +27660,16 @@ function TicketAttachmentsList({ attachments, className }) {
 }
 
 // src/components/ui/ticket-notes-section.tsx
-import * as React92 from "react";
+import * as React91 from "react";
 init_cn();
 
 // src/components/ui/ticket-note-card.tsx
-import * as React91 from "react";
+import * as React90 from "react";
 init_cn();
 import { Fragment as Fragment40, jsx as jsx245, jsxs as jsxs198 } from "react/jsx-runtime";
 function TicketNoteCard({ note, onEdit, onDelete, className }) {
-  const [isEditing, setIsEditing] = React91.useState(false);
-  const [editText, setEditText] = React91.useState(note.text);
+  const [isEditing, setIsEditing] = React90.useState(false);
+  const [editText, setEditText] = React90.useState(note.text);
   const handleSave = () => {
     const trimmed = editText.trim();
     if (!trimmed || !onEdit) return;
@@ -27974,7 +27792,7 @@ function TicketNotesSection({
   isAddingNote,
   className
 }) {
-  const [noteText, setNoteText] = React92.useState("");
+  const [noteText, setNoteText] = React91.useState("");
   const handleSend = () => {
     const trimmed = noteText.trim();
     if (!trimmed || !onAddNote || isAddingNote) return;
@@ -30958,9 +30776,9 @@ function ReleaseMediaManager({
 
 // src/components/features/select-button.tsx
 init_cn();
-import React96 from "react";
+import React95 from "react";
 import { jsx as jsx270, jsxs as jsxs218 } from "react/jsx-runtime";
-var SelectButton = React96.forwardRef(
+var SelectButton = React95.forwardRef(
   ({ title, description, selected = false, disabled = false, icon, image, tag, tagVariant = "outline", onClick, className }, ref) => {
     return /* @__PURE__ */ jsxs218(
       "button",
@@ -31370,9 +31188,9 @@ function SocialLinksManager({
 
 // src/components/features/start-with-openframe-button.tsx
 init_button2();
-import * as React97 from "react";
+import * as React96 from "react";
 import { jsx as jsx273 } from "react/jsx-runtime";
-var StartWithOpenFrameButton = React97.forwardRef(({ children = "Start Free Trial", mode = "outline", className, buttonSize, loading = false, buttonBackgroundColor, buttonTextColor, ...props }, ref) => {
+var StartWithOpenFrameButton = React96.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";
   const isCyan = mode === "cyan";
@@ -33198,13 +33016,13 @@ init_button2();
 
 // src/components/dropdown-menu.tsx
 init_cn();
-import * as React100 from "react";
+import * as React99 from "react";
 import * as DropdownMenuPrimitive2 from "@radix-ui/react-dropdown-menu";
-import { Check as Check5, ChevronRight as ChevronRight11, Circle as Circle2 } from "lucide-react";
+import { Check as Check5, ChevronRight as ChevronRight10, Circle as Circle2 } from "lucide-react";
 import { jsx as jsx294, jsxs as jsxs237 } from "react/jsx-runtime";
 var DropdownMenu2 = DropdownMenuPrimitive2.Root;
 var DropdownMenuTrigger2 = DropdownMenuPrimitive2.Trigger;
-var DropdownMenuSubTrigger = React100.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs237(
+var DropdownMenuSubTrigger = React99.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs237(
   DropdownMenuPrimitive2.SubTrigger,
   {
     ref,
@@ -33216,12 +33034,12 @@ var DropdownMenuSubTrigger = React100.forwardRef(({ className, inset, children,
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx294(ChevronRight11, { className: "ml-auto" })
+      /* @__PURE__ */ jsx294(ChevronRight10, { className: "ml-auto" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive2.SubTrigger.displayName;
-var DropdownMenuSubContent = React100.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx294(
+var DropdownMenuSubContent = React99.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx294(
   DropdownMenuPrimitive2.SubContent,
   {
     ref,
@@ -33233,7 +33051,7 @@ var DropdownMenuSubContent = React100.forwardRef(({ className, ...props }, ref)
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive2.SubContent.displayName;
-var DropdownMenuContent2 = React100.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx294(DropdownMenuPrimitive2.Portal, { children: /* @__PURE__ */ jsx294(
+var DropdownMenuContent2 = React99.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx294(DropdownMenuPrimitive2.Portal, { children: /* @__PURE__ */ jsx294(
   DropdownMenuPrimitive2.Content,
   {
     ref,
@@ -33246,7 +33064,7 @@ var DropdownMenuContent2 = React100.forwardRef(({ className, sideOffset = 4, ...
   }
 ) }));
 DropdownMenuContent2.displayName = DropdownMenuPrimitive2.Content.displayName;
-var DropdownMenuItem2 = React100.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx294(
+var DropdownMenuItem2 = React99.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx294(
   DropdownMenuPrimitive2.Item,
   {
     ref,
@@ -33259,7 +33077,7 @@ var DropdownMenuItem2 = React100.forwardRef(({ className, inset, ...props }, ref
   }
 ));
 DropdownMenuItem2.displayName = DropdownMenuPrimitive2.Item.displayName;
-var DropdownMenuCheckboxItem = React100.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs237(
+var DropdownMenuCheckboxItem = React99.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs237(
   DropdownMenuPrimitive2.CheckboxItem,
   {
     ref,
@@ -33276,7 +33094,7 @@ var DropdownMenuCheckboxItem = React100.forwardRef(({ className, children, check
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive2.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React100.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs237(
+var DropdownMenuRadioItem = React99.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs237(
   DropdownMenuPrimitive2.RadioItem,
   {
     ref,
@@ -33292,7 +33110,7 @@ var DropdownMenuRadioItem = React100.forwardRef(({ className, children, ...props
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive2.RadioItem.displayName;
-var DropdownMenuLabel = React100.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx294(
+var DropdownMenuLabel = React99.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx294(
   DropdownMenuPrimitive2.Label,
   {
     ref,
@@ -33305,7 +33123,7 @@ var DropdownMenuLabel = React100.forwardRef(({ className, inset, ...props }, ref
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive2.Label.displayName;
-var DropdownMenuSeparator = React100.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx294(
+var DropdownMenuSeparator = React99.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx294(
   DropdownMenuPrimitive2.Separator,
   {
     ref,
@@ -33723,7 +33541,7 @@ function WaitlistForm({
 }
 
 // src/components/features/board/board.tsx
-import * as React104 from "react";
+import * as React103 from "react";
 import {
   DndContext,
   DragOverlay,
@@ -33741,7 +33559,7 @@ init_cn();
 // src/components/features/board/board-column.tsx
 import { useDroppable } from "@dnd-kit/core";
 import { SortableContext, verticalListSortingStrategy } from "@dnd-kit/sortable";
-import * as React103 from "react";
+import * as React102 from "react";
 init_cn();
 
 // src/components/features/board/board-column-header.tsx
@@ -33841,7 +33659,7 @@ function tintOnDark(hex) {
 import { useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
 import Link11 from "next/link";
-import * as React101 from "react";
+import * as React100 from "react";
 init_cn();
 import { Fragment as Fragment45, jsx as jsx298, jsxs as jsxs241 } from "react/jsx-runtime";
 var PRIORITY_COLOR_CLASS = {
@@ -33860,7 +33678,7 @@ function TicketCard({
   dragDisabled,
   renderAssignSlot
 }) {
-  const sortableData = React101.useMemo(
+  const sortableData = React100.useMemo(
     () => ({ columnId, type: "ticket" }),
     [columnId]
   );
@@ -33977,10 +33795,10 @@ function TicketTagRow({ tags }) {
 }
 
 // src/components/features/board/ticket-card-skeleton.tsx
-import * as React102 from "react";
+import * as React101 from "react";
 init_cn();
 import { jsx as jsx299, jsxs as jsxs242 } from "react/jsx-runtime";
-var TicketCardSkeleton = React102.forwardRef(
+var TicketCardSkeleton = React101.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxs242(
     "div",
     {
@@ -34068,8 +33886,8 @@ function BoardColumn({
   );
 }
 function ColumnBody({ column, getTicketHref, renderAssignSlot, onLoadMore, loadMoreRootMargin }) {
-  const ticketIds = React103.useMemo(() => column.tickets.map((t) => t.id), [column.tickets]);
-  const droppableData = React103.useMemo(
+  const ticketIds = React102.useMemo(() => column.tickets.map((t) => t.id), [column.tickets]);
+  const droppableData = React102.useMemo(
     () => ({ columnId: column.id, type: "column" }),
     [column.id]
   );
@@ -34078,13 +33896,13 @@ function ColumnBody({ column, getTicketHref, renderAssignSlot, onLoadMore, loadM
     data: droppableData,
     disabled: column.dropDisabled
   });
-  const scrollRef = React103.useRef(null);
-  const sentinelRef = React103.useRef(null);
-  const loadMoreRef = React103.useRef(onLoadMore);
+  const scrollRef = React102.useRef(null);
+  const sentinelRef = React102.useRef(null);
+  const loadMoreRef = React102.useRef(onLoadMore);
   loadMoreRef.current = onLoadMore;
-  const columnIdRef = React103.useRef(column.id);
+  const columnIdRef = React102.useRef(column.id);
   columnIdRef.current = column.id;
-  React103.useEffect(() => {
+  React102.useEffect(() => {
     if (!column.hasMore || column.isLoadingMore) return;
     const sentinel = sentinelRef.current;
     const root = scrollRef.current;
@@ -34100,7 +33918,7 @@ function ColumnBody({ column, getTicketHref, renderAssignSlot, onLoadMore, loadM
     observer.observe(sentinel);
     return () => observer.disconnect();
   }, [column.hasMore, column.isLoadingMore, loadMoreRootMargin]);
-  const setBodyRef = React103.useCallback(
+  const setBodyRef = React102.useCallback(
     (el) => {
       scrollRef.current = el;
       setDroppableRef(el);
@@ -34134,7 +33952,7 @@ function ColumnBody({ column, getTicketHref, renderAssignSlot, onLoadMore, loadM
   );
 }
 function SkeletonStack({ count = 4 }) {
-  const keys = React103.useMemo(
+  const keys = React102.useMemo(
     () => Array.from({ length: count }, () => Math.random().toString(36).slice(2)),
     [count]
   );
@@ -34201,18 +34019,18 @@ function Board({
     onThumbPointerMove,
     onThumbPointerUp
   } = useHorizontalScrollbar();
-  const [items, setItems] = React104.useState(columns);
-  const isDraggingRef = React104.useRef(false);
-  React104.useEffect(() => {
+  const [items, setItems] = React103.useState(columns);
+  const isDraggingRef = React103.useRef(false);
+  React103.useEffect(() => {
     if (!isDraggingRef.current) setItems(columns);
   }, [columns]);
-  const dragOriginRef = React104.useRef(null);
-  const [activeTicket, setActiveTicket] = React104.useState(null);
+  const dragOriginRef = React103.useRef(null);
+  const [activeTicket, setActiveTicket] = React103.useState(null);
   const sensors = useSensors(
     useSensor(PointerSensor, { activationConstraint: { distance: 6 } }),
     useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates })
   );
-  const collisionDetection = React104.useCallback((args) => {
+  const collisionDetection = React103.useCallback((args) => {
     const pointer = pointerWithin(args);
     const intersections = pointer.length > 0 ? pointer : rectIntersection(args);
     const ticketHit = intersections.find(
@@ -34366,7 +34184,7 @@ function Board({
                 const joinLeft = !!(column.system && prev?.system);
                 const joinRight = !!(column.system && next?.system);
                 const showGap = i > 0 && !joinLeft;
-                return /* @__PURE__ */ jsxs244(React104.Fragment, { children: [
+                return /* @__PURE__ */ jsxs244(React103.Fragment, { children: [
                   showGap && /* @__PURE__ */ jsx301("div", { "aria-hidden": true, className: "w-[var(--spacing-system-mf)] shrink-0" }),
                   /* @__PURE__ */ jsx301(
                     BoardColumn,
@@ -34511,10 +34329,6 @@ export {
   getSlackCommunityJoinUrl,
   OS_PLATFORMS,
   DEFAULT_OS_PLATFORM,
-  validateAccessCode,
-  consumeAccessCode,
-  validateAndConsumeAccessCode,
-  useAccessCodeIntegration,
   isValidEmailDomain,
   validateEmailDomain,
   validateEmailDomainList,
@@ -35096,4 +34910,4 @@ export {
   TMCG_SOCIAL_PLATFORMS,
   assets
 };
-//# sourceMappingURL=chunk-E6Q6UGDK.js.map
+//# sourceMappingURL=chunk-OFCRX24Y.js.map