@flamingo-stack/openframe-frontend-core 0.0.200-snapshot.20260520171313 → 0.0.200

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

@@ -31,7 +31,7 @@ import {
   buttonVariants,
   init_button,
   init_button2
-} from "./chunk-55HF462A.js";
+} from "./chunk-TMD44IKJ.js";
 import {
   BashIcon,
   CmdIcon,
@@ -1289,15 +1289,14 @@ var CheckboxBlock = React4.forwardRef(({ id, checked, defaultChecked, onCheckedC
     {
       htmlFor: id,
       className: cn(
-        "flex items-center gap-[var(--spacing-system-s)] rounded-md ring-1 ring-inset w-full",
+        "flex items-center gap-[var(--spacing-system-s)] rounded-[6px] border w-full",
         "p-[var(--spacing-system-sf)]",
-        !description && "min-h-[44px] md:min-h-[48px]",
-        description && "min-h-[60px] md:min-h-[64px]",
-        "bg-ods-card ring-ods-border",
+        !description && "h-11 md:h-12",
+        "bg-ods-card border-ods-border",
         "cursor-pointer transition-colors duration-200",
-        "hover:ring-ods-accent/30",
-        disabled && "opacity-50 cursor-not-allowed hover:ring-ods-border",
-        error && "ring-ods-error"
+        "hover:border-ods-accent/30",
+        disabled && "opacity-50 cursor-not-allowed hover:border-ods-border",
+        error && "border-ods-error"
       ),
       children: [
         /* @__PURE__ */ jsx8(
@@ -1310,7 +1309,7 @@ var CheckboxBlock = React4.forwardRef(({ id, checked, defaultChecked, onCheckedC
             onCheckedChange,
             disabled,
             className: cn(
-              "h-4 w-4 md:h-6 md:w-6 shrink-0",
+              "h-6 w-6 shrink-0",
               "rounded-[6px] border-2",
               error ? "border-ods-error" : "border-[var(--color-border-strong)]",
               "bg-ods-card",
@@ -1322,19 +1321,20 @@ var CheckboxBlock = React4.forwardRef(({ id, checked, defaultChecked, onCheckedC
               CheckboxPrimitive.Indicator,
               {
                 className: "flex items-center justify-center text-ods-text-on-accent",
-                children: /* @__PURE__ */ jsx8(CheckboxCheckmarkIcon, { className: "w-2 h-2 md:w-2.5 md:h-2.5" })
+                children: /* @__PURE__ */ jsx8(CheckboxCheckmarkIcon, { size: 10 })
               }
             )
           }
         ),
         /* @__PURE__ */ jsxs6("div", { className: "flex flex-1 flex-col justify-center min-w-0", children: [
           /* @__PURE__ */ jsx8("span", { className: cn(
-            "text-h4 !leading-5 md:!leading-6",
-            "text-ods-text-primary select-none break-words"
+            "text-h4",
+            "text-ods-text-primary select-none",
+            !description && "truncate"
           ), children: label }),
           description && /* @__PURE__ */ jsx8("span", { className: cn(
-            "text-h6 !leading-4",
-            "text-ods-text-secondary select-none break-words"
+            "text-h6",
+            "text-ods-text-secondary select-none"
           ), children: description })
         ] })
       ]
@@ -4044,7 +4044,7 @@ var getInitials = (name) => {
 };
 var SquareAvatar = React10.memo(React10.forwardRef(
   ({ className, src, alt, size = "md", fallback, variant = "square", ...props }, ref) => {
-    const sizeClasses4 = {
+    const sizeClasses5 = {
       sm: "h-8 w-8",
       md: "h-10 w-10",
       lg: "h-12 w-12",
@@ -4065,7 +4065,7 @@ var SquareAvatar = React10.memo(React10.forwardRef(
       {
         className: cn(
           "relative flex items-center justify-center shrink-0 overflow-hidden border border-ods-border bg-ods-bg",
-          sizeClasses4[size],
+          sizeClasses5[size],
           variantClasses[variant],
           className
         ),
@@ -13078,7 +13078,7 @@ import { jsx as jsx90 } from "react/jsx-runtime";
 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 = {
+    const sizeClasses5 = {
       sm: "h-4 w-4",
       md: "h-5 w-5",
       lg: "h-6 w-6"
@@ -13097,7 +13097,7 @@ var ChevronButton = React35.forwardRef(
         },
         ref,
         ...props,
-        children: /* @__PURE__ */ jsx90(Icon2, { className: sizeClasses4[size] })
+        children: /* @__PURE__ */ jsx90(Icon2, { className: sizeClasses5[size] })
       }
     );
   }
@@ -15261,7 +15261,7 @@ var MediaSkeleton = {
    * Avatar/profile image skeleton
    */
   Avatar: ({ size = "md", className, ...props }) => {
-    const sizeClasses4 = {
+    const sizeClasses5 = {
       sm: "h-8 w-8",
       md: "h-12 w-12",
       lg: "h-16 w-16"
@@ -15270,7 +15270,7 @@ var MediaSkeleton = {
       UnifiedSkeleton,
       {
         variant: "circular",
-        className: cn(sizeClasses4[size], className),
+        className: cn(sizeClasses5[size], className),
         "aria-label": "Loading profile image",
         ...props
       }
@@ -15292,7 +15292,7 @@ var MediaSkeleton = {
    * Icon skeleton
    */
   Icon: ({ size = "md", className, ...props }) => {
-    const sizeClasses4 = {
+    const sizeClasses5 = {
       sm: "h-4 w-4",
       md: "h-6 w-6",
       lg: "h-8 w-8"
@@ -15301,7 +15301,7 @@ var MediaSkeleton = {
       UnifiedSkeleton,
       {
         variant: "default",
-        className: cn(sizeClasses4[size], className),
+        className: cn(sizeClasses5[size], className),
         "aria-label": "Loading icon",
         ...props
       }
@@ -18529,7 +18529,7 @@ function renderAdvancedPageContainer({
     md: "p-6",
     lg: "p-8"
   };
-  const backgroundClasses3 = {
+  const backgroundClasses4 = {
     default: "bg-ods-bg",
     card: "bg-ods-card",
     transparent: ""
@@ -18614,7 +18614,7 @@ function renderAdvancedPageContainer({
   const getContainerClasses = () => {
     const baseClasses = [
       "flex flex-col w-full",
-      backgroundClasses3[background],
+      backgroundClasses4[background],
       paddingClasses[padding]
     ];
     switch (variant) {
@@ -21536,53 +21536,14 @@ init_cn();
 
 // src/components/layout/title-block.tsx
 init_cn();
-
-// src/components/ui/entity-image.tsx
-init_cn();
 import React70 from "react";
-import { jsx as jsx180 } from "react/jsx-runtime";
+import { jsx as jsx180, jsxs as jsxs146 } from "react/jsx-runtime";
 function getInitials3(name) {
   if (!name) return "";
   const words = name.trim().split(/\s+/);
   if (words.length === 1) return words[0].charAt(0).toUpperCase();
   return (words[0].charAt(0) + words[words.length - 1].charAt(0)).toUpperCase();
 }
-function EntityImage({ src, alt, fallbackText, className }) {
-  const [imageFailed, setImageFailed] = React70.useState(false);
-  React70.useEffect(() => {
-    setImageFailed(false);
-  }, [src]);
-  const showFallback = imageFailed || !src;
-  const initials = getInitials3(fallbackText ?? alt);
-  if (showFallback) {
-    return /* @__PURE__ */ jsx180(
-      "div",
-      {
-        "aria-label": alt,
-        className: cn(
-          "size-[52px] md:size-[60px] shrink-0 rounded-md border border-ods-border bg-ods-bg flex items-center justify-center text-ods-text-secondary text-h4 select-none",
-          className
-        ),
-        children: initials || "?"
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx180(
-    "img",
-    {
-      src: src ?? void 0,
-      alt: alt ?? "",
-      onError: () => setImageFailed(true),
-      className: cn(
-        "size-[52px] md:size-[60px] shrink-0 rounded-md border border-ods-border object-cover",
-        className
-      )
-    }
-  );
-}
-
-// src/components/layout/title-block.tsx
-import { jsx as jsx181, jsxs as jsxs146 } from "react/jsx-runtime";
 function TitleBlock({
   title,
   subtitle,
@@ -21596,6 +21557,12 @@ function TitleBlock({
   className
 }) {
   const hasActions = actions && actions.length > 0;
+  const [imageFailed, setImageFailed] = React70.useState(false);
+  React70.useEffect(() => {
+    setImageFailed(false);
+  }, [image?.src]);
+  const showImageFallback = !!image && (imageFailed || !image.src);
+  const initials = getInitials3(image?.alt || title);
   return /* @__PURE__ */ jsxs146(
     "div",
     {
@@ -21614,7 +21581,7 @@ function TitleBlock({
       ),
       children: [
         /* @__PURE__ */ jsxs146("div", { className: "flex flex-col gap-[var(--spacing-system-xs)] flex-1 min-w-0", children: [
-          backButton && /* @__PURE__ */ jsx181(
+          backButton && /* @__PURE__ */ jsx180(
             BackButton,
             {
               onClick: backButton.onClick,
@@ -21623,21 +21590,29 @@ function TitleBlock({
             }
           ),
           image || subtitle ? /* @__PURE__ */ jsxs146("div", { className: "flex items-center gap-[var(--spacing-system-m)] min-w-0 w-full", children: [
-            image && /* @__PURE__ */ jsx181(
-              EntityImage,
+            image && (showImageFallback ? /* @__PURE__ */ jsx180(
+              "div",
+              {
+                "aria-label": image.alt,
+                className: "size-[52px] md:size-[60px] shrink-0 rounded-md border border-ods-border bg-ods-bg flex items-center justify-center text-ods-text-secondary text-h4 select-none",
+                children: initials || "?"
+              }
+            ) : /* @__PURE__ */ jsx180(
+              "img",
               {
                 src: image.src,
-                alt: image.alt,
-                fallbackText: image.alt || title
+                alt: image.alt ?? "",
+                onError: () => setImageFailed(true),
+                className: "size-[52px] md:size-[60px] shrink-0 rounded-md border border-ods-border object-cover"
               }
-            ),
+            )),
             /* @__PURE__ */ jsxs146("div", { className: "flex flex-col justify-center min-w-0 flex-1", children: [
-              title && /* @__PURE__ */ jsx181("h1", { className: "text-h2 text-ods-text-primary truncate", children: title }),
-              subtitle && /* @__PURE__ */ jsx181("p", { className: "text-h6 text-ods-text-secondary truncate", children: subtitle })
+              title && /* @__PURE__ */ jsx180("h1", { className: "text-h2 text-ods-text-primary truncate", children: title }),
+              subtitle && /* @__PURE__ */ jsx180("p", { className: "text-h6 text-ods-text-secondary truncate", children: subtitle })
             ] })
-          ] }) : title && /* @__PURE__ */ jsx181("h1", { className: "text-h2 text-ods-text-primary", children: title })
+          ] }) : title && /* @__PURE__ */ jsx180("h1", { className: "text-h2 text-ods-text-primary", children: title })
         ] }),
-        (hasActions || selector) && /* @__PURE__ */ jsx181("div", { className: "flex gap-2 items-center shrink-0", children: /* @__PURE__ */ jsx181(
+        (hasActions || selector) && /* @__PURE__ */ jsx180("div", { className: "flex gap-2 items-center shrink-0", children: /* @__PURE__ */ jsx180(
           PageActions,
           {
             variant: actionsVariant,
@@ -21652,7 +21627,7 @@ function TitleBlock({
 }
 
 // src/components/layout/page-layout.tsx
-import { jsx as jsx182, jsxs as jsxs147 } from "react/jsx-runtime";
+import { jsx as jsx181, jsxs as jsxs147 } from "react/jsx-runtime";
 function PageLayout({
   children,
   title,
@@ -21672,7 +21647,7 @@ function PageLayout({
   const needsBottomPadding = hasActions && actionsVariant === "primary-buttons";
   const hasHeader = showHeader && (title || subtitle || image || backButton || hasActions || selector);
   return /* @__PURE__ */ jsxs147("div", { className: cn("flex flex-col w-full", className), children: [
-    hasHeader && /* @__PURE__ */ jsx182(
+    hasHeader && /* @__PURE__ */ jsx181(
       TitleBlock,
       {
         title,
@@ -21686,7 +21661,7 @@ function PageLayout({
         variant: headerVariant
       }
     ),
-    /* @__PURE__ */ jsx182("div", { className: cn("flex flex-col flex-1 gap-[var(--spacing-system-l)]", needsBottomPadding && "pb-28 md:pb-0", contentClassName), children })
+    /* @__PURE__ */ jsx181("div", { className: cn("flex flex-col flex-1 gap-[var(--spacing-system-l)]", needsBottomPadding && "pb-28 md:pb-0", contentClassName), children })
   ] });
 }
 
@@ -21700,7 +21675,7 @@ init_cn();
 import * as React71 from "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { cva as cva9 } from "class-variance-authority";
-import { jsx as jsx183 } from "react/jsx-runtime";
+import { jsx as jsx182 } from "react/jsx-runtime";
 var toggleVariants = cva9(
   "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors hover:bg-ods-bg-hover hover:text-ods-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-focus focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-ods-accent data-[state=on]:text-ods-text-on-accent",
   {
@@ -21721,7 +21696,7 @@ var toggleVariants = cva9(
     }
   }
 );
-var Toggle = React71.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx183(
+var Toggle = React71.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx182(
   TogglePrimitive.Root,
   {
     ref,
@@ -21732,24 +21707,24 @@ var Toggle = React71.forwardRef(({ className, variant, size, ...props }, ref) =>
 Toggle.displayName = TogglePrimitive.Root.displayName;
 
 // src/components/toggle-group.tsx
-import { jsx as jsx184 } from "react/jsx-runtime";
+import { jsx as jsx183 } from "react/jsx-runtime";
 var ToggleGroupContext = React72.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React72.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx184(
+var ToggleGroup = React72.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx183(
   ToggleGroupPrimitive.Root,
   {
     ref,
     className: cn("flex items-center justify-center gap-1", className),
     ...props,
-    children: /* @__PURE__ */ jsx184(ToggleGroupContext.Provider, { value: { variant, size }, children })
+    children: /* @__PURE__ */ jsx183(ToggleGroupContext.Provider, { value: { variant, size }, children })
   }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
 var ToggleGroupItem = React72.forwardRef(({ className, children, variant, size, value, ...props }, ref) => {
   const context = React72.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx184(
+  return /* @__PURE__ */ jsx183(
     ToggleGroupPrimitive.Item,
     {
       ref,
@@ -21770,7 +21745,7 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 
 // src/components/ui/benefit-card.tsx
 import React73 from "react";
-import { jsx as jsx185, jsxs as jsxs148 } from "react/jsx-runtime";
+import { jsx as jsx184, jsxs as jsxs148 } from "react/jsx-runtime";
 var BenefitCard = ({
   icon,
   title,
@@ -21805,12 +21780,12 @@ var BenefitCard = ({
     styles.container,
     className
   ), children: [
-    icon && /* @__PURE__ */ jsx185("div", { children: icon }),
+    icon && /* @__PURE__ */ jsx184("div", { children: icon }),
     /* @__PURE__ */ jsxs148("div", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
-      /* @__PURE__ */ jsx185("h3", { className: cn(
+      /* @__PURE__ */ jsx184("h3", { className: cn(
         styles.title
       ), children: title }),
-      /* @__PURE__ */ jsx185("p", { className: cn(
+      /* @__PURE__ */ jsx184("p", { className: cn(
         styles.description
       ), children: description })
     ] })
@@ -21823,7 +21798,7 @@ var BenefitCardGrid = ({
 }) => {
   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__ */ jsx185("div", { className: cn(
+  return /* @__PURE__ */ jsx184("div", { className: cn(
     "bg-ods-card rounded-lg shadow-ods-card border border-ods-border overflow-hidden",
     gridClass,
     className
@@ -21853,7 +21828,7 @@ var BenefitCardGrid = ({
 init_button2();
 import React74 from "react";
 import { ExternalLink as ExternalLink2 } from "lucide-react";
-import { jsx as jsx186, jsxs as jsxs149 } from "react/jsx-runtime";
+import { jsx as jsx185, jsxs as jsxs149 } from "react/jsx-runtime";
 function BrandAssociationCard({
   item,
   className = ""
@@ -21863,19 +21838,19 @@ function BrandAssociationCard({
       return item.icon;
     }
     const IconComponent = item.icon;
-    return /* @__PURE__ */ jsx186(IconComponent, { size: 120, color: "currentColor", className: "w-20 h-20" });
+    return /* @__PURE__ */ jsx185(IconComponent, { size: 120, color: "currentColor", className: "w-20 h-20" });
   };
-  return /* @__PURE__ */ jsx186("div", { className: `bg-ods-bg p-10 relative ${className}`, children: /* @__PURE__ */ jsxs149("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsx186("div", { className: "w-20 h-20 flex items-center justify-center", children: renderIcon() }),
-    /* @__PURE__ */ jsx186("h3", { className: "text-h2 tracking-[-0.64px] text-ods-text-primary", children: item.title }),
-    /* @__PURE__ */ jsx186("p", { className: "font-['DM_Sans'] font-normal text-[16px] leading-[1.5] text-ods-text-secondary", children: item.description }),
+  return /* @__PURE__ */ jsx185("div", { className: `bg-ods-bg p-10 relative ${className}`, children: /* @__PURE__ */ jsxs149("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsx185("div", { className: "w-20 h-20 flex items-center justify-center", children: renderIcon() }),
+    /* @__PURE__ */ jsx185("h3", { className: "text-h2 tracking-[-0.64px] text-ods-text-primary", children: item.title }),
+    /* @__PURE__ */ jsx185("p", { className: "font-['DM_Sans'] font-normal text-[16px] leading-[1.5] text-ods-text-secondary", children: item.description }),
     /* @__PURE__ */ jsxs149(
       Button,
       {
         variant: "outline",
         href: item.link,
         openInNewTab: true,
-        rightIcon: /* @__PURE__ */ jsx186(ExternalLink2, { className: "h-4 w-4" }),
+        rightIcon: /* @__PURE__ */ jsx185(ExternalLink2, { className: "h-4 w-4" }),
         children: [
           "Browse ",
           item.buttonText
@@ -21886,7 +21861,7 @@ function BrandAssociationCard({
 }
 
 // src/components/ui/brand-association-grid.tsx
-import { jsx as jsx187 } from "react/jsx-runtime";
+import { jsx as jsx186 } from "react/jsx-runtime";
 function BrandAssociationGrid({
   items,
   columns = 2,
@@ -21912,15 +21887,15 @@ function BrandAssociationGrid({
     }
     return classes;
   };
-  return /* @__PURE__ */ jsx187("div", { className: `${cardClassName} ${className}`, children: Array.from({ length: rows }, (_, rowIndex) => {
+  return /* @__PURE__ */ jsx186("div", { className: `${cardClassName} ${className}`, children: Array.from({ length: rows }, (_, rowIndex) => {
     const startIndex = rowIndex * itemsPerRow;
     const rowItems = items.slice(startIndex, startIndex + itemsPerRow);
     const isLastRow = rowIndex === rows - 1;
-    return /* @__PURE__ */ jsx187("div", { className: `grid ${gridCols}`, children: rowItems.map((item, itemIndex) => {
+    return /* @__PURE__ */ jsx186("div", { className: `grid ${gridCols}`, children: rowItems.map((item, itemIndex) => {
       const globalIndex = startIndex + itemIndex;
       const isLastInRow = itemIndex === rowItems.length - 1;
       const borderClasses = getBorderClasses(isLastRow, isLastInRow, globalIndex);
-      return /* @__PURE__ */ jsx187(
+      return /* @__PURE__ */ jsx186(
         BrandAssociationCard,
         {
           item,
@@ -21933,7 +21908,7 @@ function BrandAssociationGrid({
 }
 
 // src/components/ui/bullet-list.tsx
-import { jsx as jsx188, jsxs as jsxs150 } from "react/jsx-runtime";
+import { jsx as jsx187, jsxs as jsxs150 } from "react/jsx-runtime";
 var spacingMap = {
   sm: "space-y-2",
   md: "space-y-3",
@@ -21952,15 +21927,15 @@ function BulletList({
   const normalizedItems = items.map(
     (item) => typeof item === "string" ? { text: item, id: void 0 } : item
   );
-  return /* @__PURE__ */ jsx188("div", { className: `${spacingMap[spacing]} ${containerClassName}`, children: normalizedItems.map((item, index) => /* @__PURE__ */ jsxs150("div", { className: itemClassName, children: [
-    /* @__PURE__ */ jsx188("div", { className: "flex-shrink-0 mt-1", children: /* @__PURE__ */ jsx188(BulletIcon, { size: bulletSize, color: bulletColor }) }),
-    /* @__PURE__ */ jsx188("p", { className: textClassName, children: item.text })
+  return /* @__PURE__ */ jsx187("div", { className: `${spacingMap[spacing]} ${containerClassName}`, children: normalizedItems.map((item, index) => /* @__PURE__ */ jsxs150("div", { className: itemClassName, children: [
+    /* @__PURE__ */ jsx187("div", { className: "flex-shrink-0 mt-1", children: /* @__PURE__ */ jsx187(BulletIcon, { size: bulletSize, color: bulletColor }) }),
+    /* @__PURE__ */ jsx187("p", { className: textClassName, children: item.text })
   ] }, item.id || index)) });
 }
 
 // src/components/ui/circular-progress.tsx
 init_cn();
-import { jsx as jsx189, jsxs as jsxs151 } from "react/jsx-runtime";
+import { jsx as jsx188, jsxs as jsxs151 } from "react/jsx-runtime";
 var SUBTLE_TRACK = "rgba(255, 255, 255, 0.06)";
 var variantColors = {
   success: {
@@ -22016,7 +21991,7 @@ function CircularProgress({
         height: size,
         className: "transform -rotate-90",
         children: [
-          /* @__PURE__ */ jsx189(
+          /* @__PURE__ */ jsx188(
             "circle",
             {
               cx: size / 2,
@@ -22027,7 +22002,7 @@ function CircularProgress({
               fill: "none"
             }
           ),
-          /* @__PURE__ */ jsx189(
+          /* @__PURE__ */ jsx188(
             "circle",
             {
               cx: size / 2,
@@ -22045,7 +22020,7 @@ function CircularProgress({
         ]
       }
     ),
-    showLabel && /* @__PURE__ */ jsx189("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxs151("span", { className: "font-medium text-ods-text-primary", style: { fontSize: size <= 40 ? 10 : 12 }, children: [
+    showLabel && /* @__PURE__ */ jsx188("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxs151("span", { className: "font-medium text-ods-text-primary", style: { fontSize: size <= 40 ? 10 : 12 }, children: [
       Math.round(labelPercentage),
       labelFormat === "percent" ? "%" : ""
     ] }) })
@@ -22073,7 +22048,7 @@ import {
   safePolygon,
   arrow
 } from "@floating-ui/react";
-import { Fragment as Fragment27, jsx as jsx190, jsxs as jsxs152 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx189, jsxs as jsxs152 } from "react/jsx-runtime";
 function parseColoredText(text) {
   if (typeof text !== "string") return text;
   const parts = [];
@@ -22084,21 +22059,21 @@ function parseColoredText(text) {
   while ((match = colorRegex.exec(text)) !== null) {
     if (match.index > lastIndex) {
       const beforeText = text.slice(lastIndex, match.index);
-      parts.push(/* @__PURE__ */ jsx190("span", { children: beforeText }, `text-${keyIndex++}`));
+      parts.push(/* @__PURE__ */ jsx189("span", { children: beforeText }, `text-${keyIndex++}`));
     }
     const color = match[1].toLowerCase();
     const coloredText = match[2];
     const colorClass = color === "yellow" ? "text-ods-accent" : color === "green" ? "text-ods-success" : color === "red" ? "text-ods-error" : color === "blue" ? "text-ods-info" : color === "pink" ? "text-ods-accent" : color === "cyan" ? "text-ods-info" : "text-ods-accent";
     parts.push(
-      /* @__PURE__ */ jsx190("span", { className: cn("font-semibold", colorClass), children: coloredText }, `color-${keyIndex++}`)
+      /* @__PURE__ */ jsx189("span", { className: cn("font-semibold", colorClass), children: coloredText }, `color-${keyIndex++}`)
     );
     lastIndex = match.index + match[0].length;
   }
   if (lastIndex < text.length) {
     const remainingText = text.slice(lastIndex);
-    parts.push(/* @__PURE__ */ jsx190("span", { children: remainingText }, `text-${keyIndex++}`));
+    parts.push(/* @__PURE__ */ jsx189("span", { children: remainingText }, `text-${keyIndex++}`));
   }
-  return parts.length > 0 ? /* @__PURE__ */ jsx190(Fragment27, { children: parts }) : text;
+  return parts.length > 0 ? /* @__PURE__ */ jsx189(Fragment27, { children: parts }) : text;
 }
 function FloatingTooltip({
   content,
@@ -22151,8 +22126,8 @@ function FloatingTooltip({
     left: "right"
   }[placement.split("-")[0]];
   return /* @__PURE__ */ jsxs152(Fragment27, { children: [
-    /* @__PURE__ */ jsx190("div", { ref: refs.setReference, ...getReferenceProps(), children }),
-    /* @__PURE__ */ jsx190(FloatingPortal, { children: isOpen && /* @__PURE__ */ jsxs152(
+    /* @__PURE__ */ jsx189("div", { ref: refs.setReference, ...getReferenceProps(), children }),
+    /* @__PURE__ */ jsx189(FloatingPortal, { children: isOpen && /* @__PURE__ */ jsxs152(
       "div",
       {
         ref: refs.setFloating,
@@ -22173,7 +22148,7 @@ function FloatingTooltip({
         ),
         children: [
           parsedContent,
-          /* @__PURE__ */ jsx190(
+          /* @__PURE__ */ jsx189(
             "div",
             {
               ref: arrowRef,
@@ -22201,7 +22176,7 @@ function FloatingTooltip({
 }
 
 // src/components/ui/dashboard-info-card.tsx
-import { Fragment as Fragment28, jsx as jsx191, jsxs as jsxs153 } from "react/jsx-runtime";
+import { Fragment as Fragment28, jsx as jsx190, jsxs as jsxs153 } from "react/jsx-runtime";
 function DashboardInfoCard({
   title,
   value,
@@ -22217,18 +22192,18 @@ function DashboardInfoCard({
   const formattedValue = typeof value === "number" ? value.toLocaleString() : value;
   const cardContent = /* @__PURE__ */ jsxs153(Fragment28, { children: [
     /* @__PURE__ */ jsxs153("div", { className: "flex-1 flex flex-col", children: [
-      /* @__PURE__ */ jsx191("p", { className: "text-h5 text-ods-text-secondary", children: title }),
+      /* @__PURE__ */ jsx190("p", { className: "text-h5 text-ods-text-secondary", children: title }),
       /* @__PURE__ */ jsxs153("div", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: [
-        /* @__PURE__ */ jsx191("p", { className: cn("text-h2 text-ods-text-primary", valueClassName), children: formattedValue }),
-        percentage !== void 0 && (progressVariant === "warning" || progressVariant === "error" ? /* @__PURE__ */ jsx191(Tag, { variant: progressVariant, label: `${percentage}%` }) : /* @__PURE__ */ jsxs153("p", { className: "text-h4 text-ods-text-secondary", children: [
+        /* @__PURE__ */ jsx190("p", { className: cn("text-h2 text-ods-text-primary", valueClassName), children: formattedValue }),
+        percentage !== void 0 && (progressVariant === "warning" || progressVariant === "error" ? /* @__PURE__ */ jsx190(Tag, { variant: progressVariant, label: `${percentage}%` }) : /* @__PURE__ */ jsxs153("p", { className: "text-h4 text-ods-text-secondary", children: [
           "(",
           percentage,
           "%)"
         ] })),
-        tooltip && /* @__PURE__ */ jsx191(FloatingTooltip, { content: tooltip, side: "top", children: /* @__PURE__ */ jsx191("span", { className: "cursor-help text-ods-text-secondary", children: /* @__PURE__ */ jsx191(QuestionCircleIcon, { size: 20 }) }) })
+        tooltip && /* @__PURE__ */ jsx190(FloatingTooltip, { content: tooltip, side: "top", children: /* @__PURE__ */ jsx190("span", { className: "cursor-help text-ods-text-secondary", children: /* @__PURE__ */ jsx190(QuestionCircleIcon, { size: 20 }) }) })
       ] })
     ] }),
-    showProgress && percentage !== void 0 && /* @__PURE__ */ jsx191(
+    showProgress && percentage !== void 0 && /* @__PURE__ */ jsx190(
       CircularProgress,
       {
         percentage,
@@ -22240,7 +22215,7 @@ function DashboardInfoCard({
   ] });
   const baseClassName = "bg-ods-card border border-ods-border rounded-sm p-[var(--spacing-system-m)] flex gap-[var(--spacing-system-s)] items-center transition-all";
   if (href) {
-    return /* @__PURE__ */ jsx191(
+    return /* @__PURE__ */ jsx190(
       Link6,
       {
         href,
@@ -22255,7 +22230,7 @@ function DashboardInfoCard({
       }
     );
   }
-  return /* @__PURE__ */ jsx191(
+  return /* @__PURE__ */ jsx190(
     "div",
     {
       className: cn(
@@ -22272,7 +22247,7 @@ init_cn();
 
 // src/components/features/os-type-badge.tsx
 init_cn();
-import { jsx as jsx192, jsxs as jsxs154 } from "react/jsx-runtime";
+import { jsx as jsx191, jsxs as jsxs154 } from "react/jsx-runtime";
 var OSTypeBadge = ({
   osType,
   className = "",
@@ -22283,20 +22258,20 @@ var OSTypeBadge = ({
   rightIcon = null
 }) => {
   if (!osType) {
-    return labelOnly ? /* @__PURE__ */ jsx192("span", { className: cn("text-ods-text-secondary", className), children: "Unknown" }) : null;
+    return labelOnly ? /* @__PURE__ */ jsx191("span", { className: cn("text-ods-text-secondary", className), children: "Unknown" }) : null;
   }
   const normalized = normalizeOSType(osType);
   if (!normalized && !labelOnly) return null;
   const label = getOSLabel(osType);
   const IconComponent = getOSIcon(osType);
   if (iconOnly && IconComponent) {
-    return /* @__PURE__ */ jsx192(IconComponent, { className: cn(iconSize, "text-ods-text-secondary", className) });
+    return /* @__PURE__ */ jsx191(IconComponent, { className: cn(iconSize, "text-ods-text-secondary", className) });
   }
   if (labelOnly) {
-    return /* @__PURE__ */ jsx192("span", { className: cn("text-ods-text-primary", className), children: label });
+    return /* @__PURE__ */ jsx191("span", { className: cn("text-ods-text-primary", className), children: label });
   }
   return /* @__PURE__ */ jsxs154("div", { className: cn("flex items-center gap-1 text-ods-text-primary text-[14px] leading-[20px] md:text-[18px] md:leading-[24px]", className), children: [
-    IconComponent && /* @__PURE__ */ jsx192(IconComponent, { className: iconSize, color: iconColor }),
+    IconComponent && /* @__PURE__ */ jsx191(IconComponent, { className: iconSize, color: iconColor }),
     label,
     rightIcon && rightIcon
   ] });
@@ -22307,7 +22282,7 @@ var OSTypeIcon = ({
   size = "w-4 h-4",
   className = ""
 }) => {
-  return /* @__PURE__ */ jsx192(
+  return /* @__PURE__ */ jsx191(
     OSTypeBadge,
     {
       osType,
@@ -22322,7 +22297,7 @@ var OSTypeLabel = ({
   osType,
   className = ""
 }) => {
-  return /* @__PURE__ */ jsx192(
+  return /* @__PURE__ */ jsx191(
     OSTypeBadge,
     {
       osType,
@@ -22334,7 +22309,7 @@ var OSTypeLabel = ({
 OSTypeLabel.displayName = "OSTypeLabel";
 
 // src/components/ui/device-card.tsx
-import { jsx as jsx193, jsxs as jsxs155 } from "react/jsx-runtime";
+import { jsx as jsx192, jsxs as jsxs155 } from "react/jsx-runtime";
 function DeviceCard({
   device,
   actions = {
@@ -22368,10 +22343,10 @@ function DeviceCard({
       ...props,
       children: [
         /* @__PURE__ */ jsxs155("div", { className: "flex gap-4 items-center w-full", children: [
-          /* @__PURE__ */ jsx193("div", { className: "flex items-center justify-center p-2 rounded-[6px] border border-ods-border shrink-0", children: /* @__PURE__ */ jsx193(MonitorIcon, { className: "text-ods-text-secondary", size: 16 }) }),
+          /* @__PURE__ */ jsx192("div", { className: "flex items-center justify-center p-2 rounded-[6px] border border-ods-border shrink-0", children: /* @__PURE__ */ jsx192(MonitorIcon, { className: "text-ods-text-secondary", size: 16 }) }),
           /* @__PURE__ */ jsxs155("div", { className: "flex-1 min-w-0 flex flex-col justify-center", children: [
             /* @__PURE__ */ jsxs155("div", { className: "flex gap-1 items-center", children: [
-              device.operatingSystem && /* @__PURE__ */ jsx193(
+              device.operatingSystem && /* @__PURE__ */ jsx192(
                 OSTypeIcon,
                 {
                   osType: device.operatingSystem === "macos" ? "darwin" : device.operatingSystem,
@@ -22379,11 +22354,11 @@ function DeviceCard({
                   className: "shrink-0"
                 }
               ),
-              /* @__PURE__ */ jsx193("span", { className: "text-h4 text-ods-text-primary truncate", children: device.name })
+              /* @__PURE__ */ jsx192("span", { className: "text-h4 text-ods-text-primary truncate", children: device.name })
             ] }),
-            device.organization && /* @__PURE__ */ jsx193("span", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary truncate", children: device.organization })
+            device.organization && /* @__PURE__ */ jsx192("span", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary truncate", children: device.organization })
           ] }),
-          actions.moreButton?.visible !== false && /* @__PURE__ */ jsx193(
+          actions.moreButton?.visible !== false && /* @__PURE__ */ jsx192(
             "div",
             {
               className: "flex items-center justify-center p-3 rounded-[6px] shrink-0 border border-ods-border cursor-pointer hover:bg-ods-bg-hover transition-colors",
@@ -22391,12 +22366,12 @@ function DeviceCard({
                 e.stopPropagation();
                 actions.moreButton?.onClick?.();
               },
-              children: /* @__PURE__ */ jsx193(Ellipsis01Icon, { className: "text-ods-text-primary" })
+              children: /* @__PURE__ */ jsx192(Ellipsis01Icon, { className: "text-ods-text-primary" })
             }
           ),
-          actions.detailsButton?.visible !== false && actions.detailsButton?.component && /* @__PURE__ */ jsx193("div", { className: "shrink-0", onClick: (e) => e.stopPropagation(), children: actions.detailsButton.component }),
+          actions.detailsButton?.visible !== false && actions.detailsButton?.component && /* @__PURE__ */ jsx192("div", { className: "shrink-0", onClick: (e) => e.stopPropagation(), children: actions.detailsButton.component }),
           actions.customActions?.map(
-            (action, index) => action.visible !== false && /* @__PURE__ */ jsx193(
+            (action, index) => action.visible !== false && /* @__PURE__ */ jsx192(
               "div",
               {
                 className: "flex items-center justify-center px-4 py-3 rounded-[6px] shrink-0 border border-ods-border cursor-pointer hover:bg-ods-bg-hover transition-colors",
@@ -22404,14 +22379,14 @@ function DeviceCard({
                   e.stopPropagation();
                   action.onClick?.();
                 },
-                children: /* @__PURE__ */ jsx193("span", { className: "text-h3 text-ods-text-primary text-nowrap tracking-[-0.36px]", children: action.label })
+                children: /* @__PURE__ */ jsx192("span", { className: "text-h3 text-ods-text-primary text-nowrap tracking-[-0.36px]", children: action.label })
               },
               index
             )
           )
         ] }),
         (statusTag || device.lastSeen) && /* @__PURE__ */ jsxs155("div", { className: "flex gap-2 items-center w-full", children: [
-          statusTag && /* @__PURE__ */ jsx193(
+          statusTag && /* @__PURE__ */ jsx192(
             Tag,
             {
               variant: statusTag.variant,
@@ -22426,7 +22401,7 @@ function DeviceCard({
             formatLastSeen(device.lastSeen)
           ] })
         ] }),
-        device.tags && device.tags.length > 0 && /* @__PURE__ */ jsx193("div", { className: "flex gap-2 items-center w-full flex-wrap", children: device.tags.map((tag, index) => /* @__PURE__ */ jsx193(Tag, { variant: "outline", label: tag }, index)) })
+        device.tags && device.tags.length > 0 && /* @__PURE__ */ jsx192("div", { className: "flex gap-2 items-center w-full flex-wrap", children: device.tags.map((tag, index) => /* @__PURE__ */ jsx192(Tag, { variant: "outline", label: tag }, index)) })
       ]
     }
   );
@@ -22434,7 +22409,7 @@ function DeviceCard({
 
 // src/components/ui/device-card-compact.tsx
 init_cn();
-import { Fragment as Fragment29, jsx as jsx194, jsxs as jsxs156 } from "react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx193, jsxs as jsxs156 } from "react/jsx-runtime";
 function DeviceCardCompact({
   deviceName,
   organization,
@@ -22444,7 +22419,7 @@ function DeviceCardCompact({
   const hasName = deviceName && deviceName !== "-" && deviceName !== "null";
   const hasOrg = organization && organization !== "-" && organization !== "null";
   if (!hasName && !hasOrg) {
-    return /* @__PURE__ */ jsx194(Fragment29, {});
+    return /* @__PURE__ */ jsx193(Fragment29, {});
   }
   return /* @__PURE__ */ jsxs156(
     "div",
@@ -22455,15 +22430,15 @@ function DeviceCardCompact({
       ),
       ...props,
       children: [
-        hasName && /* @__PURE__ */ jsx194("span", { className: "font-['DM_Sans'] font-medium text-[16px] leading-[20px] text-ods-text-primary truncate", children: deviceName }),
-        hasOrg && /* @__PURE__ */ jsx194("span", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[18px] text-ods-text-secondary truncate", children: organization })
+        hasName && /* @__PURE__ */ jsx193("span", { className: "font-['DM_Sans'] font-medium text-[16px] leading-[20px] text-ods-text-primary truncate", children: deviceName }),
+        hasOrg && /* @__PURE__ */ jsx193("span", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[18px] text-ods-text-secondary truncate", children: organization })
       ]
     }
   );
 }
 
 // src/components/ui/feature-card.tsx
-import { jsx as jsx195, jsxs as jsxs157 } from "react/jsx-runtime";
+import { jsx as jsx194, jsxs as jsxs157 } from "react/jsx-runtime";
 function FeatureCardGrid({
   items,
   columns = 3,
@@ -22503,11 +22478,11 @@ function FeatureCardGrid({
   if (allCardsHaveNoBorders) {
     finalCardClassName = "bg-transparent p-0 overflow-visible border-0 shadow-none rounded-none";
   }
-  return /* @__PURE__ */ jsx195(Card, { className: `${finalCardClassName} ${className}`, children: Array.from({ length: rows }, (_, rowIndex) => {
+  return /* @__PURE__ */ jsx194(Card, { className: `${finalCardClassName} ${className}`, children: Array.from({ length: rows }, (_, rowIndex) => {
     const startIndex = rowIndex * itemsPerRow;
     const rowItems = items.slice(startIndex, startIndex + itemsPerRow);
     const isLastRow = rowIndex === rows - 1;
-    return /* @__PURE__ */ jsx195("div", { className: `grid ${gridCols} ${cardGap}`, children: rowItems.map((item, itemIndex) => {
+    return /* @__PURE__ */ jsx194("div", { className: `grid ${gridCols} ${cardGap}`, children: rowItems.map((item, itemIndex) => {
       const globalIndex = startIndex + itemIndex;
       const isLastInRow = itemIndex === rowItems.length - 1;
       const borderClasses = getBorderClasses(isLastRow, isLastInRow, globalIndex);
@@ -22524,15 +22499,15 @@ function FeatureCardGrid({
       if (roundedCorners) {
         finalItemClassName += " rounded-lg";
       }
-      return /* @__PURE__ */ jsx195(
+      return /* @__PURE__ */ jsx194(
         "div",
         {
           className: `${finalItemClassName}${finalBorderClasses} relative`,
           style: item.customBackground ? { backgroundColor: item.customBackground } : void 0,
           children: /* @__PURE__ */ jsxs157("div", { className: !item.icon && !item.title ? "flex flex-col h-full" : "space-y-6", children: [
             item.icon && /* @__PURE__ */ jsxs157("div", { className: "flex items-start justify-between", children: [
-              /* @__PURE__ */ jsx195(item.icon, { size: 80, color: item.iconColor }),
-              item.badge && /* @__PURE__ */ jsx195(
+              /* @__PURE__ */ jsx194(item.icon, { size: 80, color: item.iconColor }),
+              item.badge && /* @__PURE__ */ jsx194(
                 StatusBadge,
                 {
                   text: item.badge.text,
@@ -22541,7 +22516,7 @@ function FeatureCardGrid({
                 }
               )
             ] }),
-            !item.icon && item.badge && /* @__PURE__ */ jsx195("div", { className: "flex items-start justify-end", children: /* @__PURE__ */ jsx195(
+            !item.icon && item.badge && /* @__PURE__ */ jsx194("div", { className: "flex items-start justify-end", children: /* @__PURE__ */ jsx194(
               StatusBadge,
               {
                 text: item.badge.text,
@@ -22549,7 +22524,7 @@ function FeatureCardGrid({
                 colorScheme: item.badge.colorScheme || "default"
               }
             ) }),
-            /* @__PURE__ */ jsx195("h3", { className: "text-h2 tracking-[-0.64px] text-ods-text-primary whitespace-pre-line", children: item.title }),
+            /* @__PURE__ */ jsx194("h3", { className: "text-h2 tracking-[-0.64px] text-ods-text-primary whitespace-pre-line", children: item.title }),
             item.content
           ] })
         },
@@ -22560,13 +22535,13 @@ function FeatureCardGrid({
 }
 
 // src/components/ui/feature-list.tsx
-import { jsx as jsx196, jsxs as jsxs158 } from "react/jsx-runtime";
+import { jsx as jsx195, jsxs as jsxs158 } from "react/jsx-runtime";
 function FeatureList({
   items,
   className = "",
   iconBoxSize = 72
 }) {
-  return /* @__PURE__ */ jsx196(
+  return /* @__PURE__ */ jsx195(
     "div",
     {
       className: `bg-ods-bg border border-ods-border rounded-[6px] flex flex-col overflow-hidden ${className}`,
@@ -22575,7 +22550,7 @@ function FeatureList({
         {
           className: `bg-ods-card flex gap-4 items-start p-4 w-full ${index < items.length - 1 ? "border-b border-ods-border" : ""}`,
           children: [
-            /* @__PURE__ */ jsx196(
+            /* @__PURE__ */ jsx195(
               "div",
               {
                 className: "bg-ods-bg border border-ods-border flex items-center justify-center rounded-[6px] shrink-0",
@@ -22584,8 +22559,8 @@ function FeatureList({
               }
             ),
             /* @__PURE__ */ jsxs158("div", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsx196("p", { className: "text-h3 text-ods-text-primary", children: item.title }),
-              /* @__PURE__ */ jsx196("p", { className: "text-h6 text-ods-text-secondary normal-case tracking-normal", children: item.description })
+              /* @__PURE__ */ jsx195("p", { className: "text-h3 text-ods-text-primary", children: item.title }),
+              /* @__PURE__ */ jsx195("p", { className: "text-h6 text-ods-text-secondary normal-case tracking-normal", children: item.description })
             ] })
           ]
         },
@@ -22596,15 +22571,15 @@ function FeatureList({
 }
 
 // src/components/ui/highlight-card.tsx
-import { jsx as jsx197, jsxs as jsxs159 } from "react/jsx-runtime";
+import { jsx as jsx196, jsxs as jsxs159 } from "react/jsx-runtime";
 function HighlightCard({
   item,
   className = ""
 }) {
   const mobileWidth = item.category.length * 12;
   const desktopWidth = item.category.length * 14;
-  return /* @__PURE__ */ jsx197("div", { className: `bg-ods-bg p-6 md:p-10 relative ${className}`, children: /* @__PURE__ */ jsxs159("div", { className: "relative", children: [
-    /* @__PURE__ */ jsx197(
+  return /* @__PURE__ */ jsx196("div", { className: `bg-ods-bg p-6 md:p-10 relative ${className}`, children: /* @__PURE__ */ jsxs159("div", { className: "relative", children: [
+    /* @__PURE__ */ jsx196(
       "div",
       {
         className: "absolute rounded-md h-8 left-[80px] top-0 md:hidden",
@@ -22614,7 +22589,7 @@ function HighlightCard({
         }
       }
     ),
-    /* @__PURE__ */ jsx197(
+    /* @__PURE__ */ jsx196(
       "div",
       {
         className: "absolute rounded-md h-10 left-[95px] top-0 hidden md:block",
@@ -22627,7 +22602,7 @@ function HighlightCard({
     /* @__PURE__ */ jsxs159("h3", { className: "font-['Azeret_Mono'] font-semibold text-[24px] md:text-[28px] lg:text-[32px] leading-[1.25] tracking-[-0.64px] text-ods-text-primary relative z-10", children: [
       "Your",
       " ",
-      /* @__PURE__ */ jsx197("span", { style: { color: item.categoryColor }, children: item.category }),
+      /* @__PURE__ */ jsx196("span", { style: { color: item.categoryColor }, children: item.category }),
       " ",
       item.description
     ] })
@@ -22658,15 +22633,15 @@ function HighlightCardGrid({
     }
     return classes;
   };
-  return /* @__PURE__ */ jsx197("div", { className: `${cardClassName} ${className}`, children: Array.from({ length: rows }, (_, rowIndex) => {
+  return /* @__PURE__ */ jsx196("div", { className: `${cardClassName} ${className}`, children: Array.from({ length: rows }, (_, rowIndex) => {
     const startIndex = rowIndex * itemsPerRow;
     const rowItems = items.slice(startIndex, startIndex + itemsPerRow);
     const isLastRow = rowIndex === rows - 1;
-    return /* @__PURE__ */ jsx197("div", { className: `grid ${gridCols}`, children: rowItems.map((item, itemIndex) => {
+    return /* @__PURE__ */ jsx196("div", { className: `grid ${gridCols}`, children: rowItems.map((item, itemIndex) => {
       const globalIndex = startIndex + itemIndex;
       const isLastInRow = itemIndex === rowItems.length - 1;
       const borderClasses = getBorderClasses(isLastRow, isLastInRow, globalIndex);
-      return /* @__PURE__ */ jsx197(
+      return /* @__PURE__ */ jsx196(
         HighlightCard,
         {
           item,
@@ -22681,15 +22656,15 @@ function HighlightCardGrid({
 // src/components/ui/icons-block.tsx
 init_cn();
 import * as React76 from "react";
-import { jsx as jsx198 } from "react/jsx-runtime";
+import { jsx as jsx197 } from "react/jsx-runtime";
 var IconsBlock = React76.forwardRef(
   ({ className, icons = [], size = "md", ...props }, ref) => {
-    const sizeClasses4 = {
+    const sizeClasses5 = {
       sm: "h-4 w-4",
       md: "h-6 w-6",
       lg: "h-8 w-8"
     };
-    return /* @__PURE__ */ jsx198(
+    return /* @__PURE__ */ jsx197(
       "div",
       {
         className: cn(
@@ -22698,14 +22673,14 @@ var IconsBlock = React76.forwardRef(
         ),
         ref,
         ...props,
-        children: icons.map((icon, index) => /* @__PURE__ */ jsx198(
+        children: icons.map((icon, index) => /* @__PURE__ */ jsx197(
           "div",
           {
             className: cn(
               "rounded-md bg-secondary p-1",
-              sizeClasses4[size]
+              sizeClasses5[size]
             ),
-            children: /* @__PURE__ */ jsx198("div", { className: "h-full w-full bg-primary/20 rounded-sm" })
+            children: /* @__PURE__ */ jsx197("div", { className: "h-full w-full bg-primary/20 rounded-sm" })
           },
           index
         ))
@@ -22723,7 +22698,7 @@ import React77 from "react";
 init_cn();
 import Link7 from "next/link";
 init_button2();
-import { Fragment as Fragment30, jsx as jsx199, jsxs as jsxs160 } from "react/jsx-runtime";
+import { Fragment as Fragment30, jsx as jsx198, jsxs as jsxs160 } from "react/jsx-runtime";
 function MoreActionsMenu({
   items,
   align = "end",
@@ -22736,17 +22711,17 @@ function MoreActionsMenu({
   onOpenChange
 }) {
   return /* @__PURE__ */ jsxs160(DropdownMenu, { open, onOpenChange, children: [
-    /* @__PURE__ */ jsx199(DropdownMenuTrigger, { asChild: true, children: trigger || /* @__PURE__ */ jsx199(
+    /* @__PURE__ */ jsx198(DropdownMenuTrigger, { asChild: true, children: trigger || /* @__PURE__ */ jsx198(
       Button,
       {
         variant: "outline",
         size: "icon",
         className: className || "bg-ods-card border-ods-border hover:bg-ods-bg-hover flex items-center justify-center",
         "aria-label": ariaLabel,
-        children: /* @__PURE__ */ jsx199(Ellipsis01Icon, { size: 24, className: "text-ods-text-primary" })
+        children: /* @__PURE__ */ jsx198(Ellipsis01Icon, { size: 24, className: "text-ods-text-primary" })
       }
     ) }),
-    /* @__PURE__ */ jsx199(
+    /* @__PURE__ */ jsx198(
       DropdownMenuContent,
       {
         align,
@@ -22756,21 +22731,21 @@ function MoreActionsMenu({
         children: items.map((item, idx) => {
           const itemClassName = "flex items-center gap-2 px-4 py-3 bg-ods-bg hover:bg-ods-bg-hover focus:bg-ods-bg-hover border-b border-ods-border last:border-b-0 rounded-none cursor-pointer data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed";
           const content = /* @__PURE__ */ jsxs160(Fragment30, { children: [
-            item.icon && /* @__PURE__ */ jsx199("div", { className: cn(item.danger ? "text-ods-error" : "text-ods-text-secondary", "[&_svg]:size-6 [&_svg]:shrink-0"), children: item.icon }),
-            /* @__PURE__ */ jsx199("span", { className: "font-medium text-[18px] leading-6 text-ods-text-primary", children: item.label })
+            item.icon && /* @__PURE__ */ jsx198("div", { className: cn(item.danger ? "text-ods-error" : "text-ods-text-secondary", "[&_svg]:size-6 [&_svg]:shrink-0"), children: item.icon }),
+            /* @__PURE__ */ jsx198("span", { className: "font-medium text-[18px] leading-6 text-ods-text-primary", children: item.label })
           ] });
           const handleActivate = (e) => {
             e.stopPropagation();
             if (!item.disabled) item.onClick?.();
           };
           if (item.href) {
-            return /* @__PURE__ */ jsx199(
+            return /* @__PURE__ */ jsx198(
               DropdownMenuItem,
               {
                 asChild: true,
                 disabled: item.disabled,
                 className: itemClassName,
-                children: /* @__PURE__ */ jsx199(
+                children: /* @__PURE__ */ jsx198(
                   Link7,
                   {
                     href: item.href,
@@ -22793,7 +22768,7 @@ function MoreActionsMenu({
               `${item.label}-${idx}`
             );
           }
-          return /* @__PURE__ */ jsx199(
+          return /* @__PURE__ */ jsx198(
             DropdownMenuItem,
             {
               onClick: handleActivate,
@@ -22810,7 +22785,7 @@ function MoreActionsMenu({
 }
 
 // src/components/ui/dropdown-button.tsx
-import { jsx as jsx200, jsxs as jsxs161 } from "react/jsx-runtime";
+import { jsx as jsx199, jsxs as jsxs161 } from "react/jsx-runtime";
 function DropdownButton({
   label,
   icon,
@@ -22829,7 +22804,7 @@ function DropdownButton({
     },
     [disabled]
   );
-  return /* @__PURE__ */ jsx200(
+  return /* @__PURE__ */ jsx199(
     MoreActionsMenu,
     {
       items,
@@ -22856,10 +22831,10 @@ function DropdownButton({
           ),
           children: [
             /* @__PURE__ */ jsxs161("span", { className: "flex items-center gap-[var(--spacing-system-xsf)] px-[var(--spacing-system-m)] py-[var(--spacing-system-sf)] text-h3", children: [
-              icon && /* @__PURE__ */ jsx200("span", { className: "flex items-center justify-center [&_svg]:w-6 [&_svg]:h-6", children: icon }),
-              /* @__PURE__ */ jsx200("span", { className: "whitespace-nowrap", children: label })
+              icon && /* @__PURE__ */ jsx199("span", { className: "flex items-center justify-center [&_svg]:w-6 [&_svg]:h-6", children: icon }),
+              /* @__PURE__ */ jsx199("span", { className: "whitespace-nowrap", children: label })
             ] }),
-            /* @__PURE__ */ jsx200("span", { className: "flex items-center justify-center border-l border-ods-border p-[var(--spacing-system-sf)] [&_svg]:w-6 [&_svg]:h-6", children: /* @__PURE__ */ jsx200(
+            /* @__PURE__ */ jsx199("span", { className: "flex items-center justify-center border-l border-ods-border p-[var(--spacing-system-sf)] [&_svg]:w-6 [&_svg]:h-6", children: /* @__PURE__ */ jsx199(
               Chevron02DownIcon,
               {
                 className: cn("transition-transform duration-fast", open && "rotate-180")
@@ -22876,7 +22851,78 @@ function DropdownButton({
 init_cn();
 import Link8 from "next/link";
 import { Monitor } from "lucide-react";
-import { jsx as jsx201, jsxs as jsxs162 } from "react/jsx-runtime";
+
+// src/components/features/organization-icon.tsx
+init_cn();
+import Image11 from "next/image";
+import { jsx as jsx200, jsxs as jsxs162 } from "react/jsx-runtime";
+var sizeClasses3 = {
+  xs: "w-6 h-6",
+  sm: "w-8 h-8",
+  md: "w-10 h-10",
+  lg: "w-12 h-12",
+  l: "w-14 h-14",
+  xl: "w-16 h-16"
+};
+var imageSizeMap2 = {
+  xs: { width: 16, height: 16 },
+  sm: { width: 20, height: 20 },
+  md: { width: 32, height: 32 },
+  lg: { width: 40, height: 40 },
+  l: { width: 38, height: 38 },
+  xl: { width: 40, height: 40 }
+};
+var backgroundClasses3 = {
+  dark: "bg-[#161616] border border-ods-border",
+  light: "bg-ods-card border border-ods-border",
+  white: "bg-white border border-[#E5E5E5]"
+};
+function OrganizationIcon({
+  imageUrl,
+  organizationName,
+  size = "md",
+  className = "",
+  showBackground = true,
+  backgroundStyle = "dark"
+}) {
+  const { width, height } = imageSizeMap2[size];
+  const initials = organizationName?.substring(0, 2) || "??";
+  const containerClasses = cn(
+    sizeClasses3[size],
+    "rounded-lg flex items-center justify-center flex-shrink-0 relative",
+    showBackground && backgroundClasses3[backgroundStyle],
+    !showBackground && "overflow-hidden",
+    className
+  );
+  return /* @__PURE__ */ jsxs162("div", { className: containerClasses, children: [
+    /* @__PURE__ */ jsx200("div", { className: cn(
+      "flex items-center justify-center text-xs font-medium uppercase",
+      imageUrl && "hidden",
+      backgroundStyle === "white" ? "text-ods-text-primary" : "text-ods-text-secondary"
+    ), children: initials }),
+    imageUrl && /* @__PURE__ */ jsx200(
+      Image11,
+      {
+        src: imageUrl,
+        alt: `${initials}`,
+        width,
+        height,
+        className: cn(
+          "absolute object-contain",
+          showBackground ? "p-1" : "w-full h-full"
+        ),
+        onError: (e) => {
+          e.currentTarget.style.display = "none";
+          const el = e.currentTarget.previousElementSibling;
+          if (el) el.classList.remove("hidden");
+        }
+      }
+    )
+  ] });
+}
+
+// src/components/ui/organization-card.tsx
+import { jsx as jsx201, jsxs as jsxs163 } from "react/jsx-runtime";
 function OrganizationCard({
   organization,
   fetchedImageUrl,
@@ -22893,7 +22939,7 @@ function OrganizationCard({
     e.stopPropagation();
     actionButton?.onClick(organization, e);
   };
-  const card = /* @__PURE__ */ jsxs162(
+  const card = /* @__PURE__ */ jsxs163(
     "div",
     {
       className: cn(
@@ -22903,9 +22949,9 @@ function OrganizationCard({
         className
       ),
       children: [
-        deviceCount !== void 0 && /* @__PURE__ */ jsxs162("div", { className: "absolute top-4 right-4 flex items-center gap-2 shrink-0", children: [
+        deviceCount !== void 0 && /* @__PURE__ */ jsxs163("div", { className: "absolute top-4 right-4 flex items-center gap-2 shrink-0", children: [
           /* @__PURE__ */ jsx201(Monitor, { className: "w-4 h-4 text-ods-text-secondary" }),
-          /* @__PURE__ */ jsxs162("span", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: [
+          /* @__PURE__ */ jsxs163("span", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: [
             deviceCount.toLocaleString(),
             " devices"
           ] })
@@ -22923,21 +22969,25 @@ function OrganizationCard({
             children: actionButton.icon
           }
         ),
-        /* @__PURE__ */ jsxs162("div", { className: "flex items-start gap-3 w-full", children: [
+        /* @__PURE__ */ jsxs163("div", { className: "flex items-start gap-3 w-full", children: [
           /* @__PURE__ */ jsx201(
-            EntityImage,
+            OrganizationIcon,
             {
-              src: fetchedImageUrl || organization.imageUrl,
-              alt: organization.name
+              imageUrl: fetchedImageUrl || organization.imageUrl,
+              organizationName: organization.name,
+              size: "xl",
+              backgroundStyle: "dark",
+              showBackground: true,
+              className: "w-[60px] h-[60px]"
             }
           ),
-          /* @__PURE__ */ jsxs162("div", { className: "flex-1 flex flex-col justify-center py-2 min-w-0", children: [
+          /* @__PURE__ */ jsxs163("div", { className: "flex-1 flex flex-col justify-center py-2 min-w-0", children: [
             /* @__PURE__ */ jsx201("h3", { className: "font-['DM_Sans'] font-bold text-lg leading-[1.33] tracking-[-0.02em] text-ods-text-primary transition-colors truncate", children: organization.name }),
             /* @__PURE__ */ jsx201("p", { className: "font-['DM_Sans'] font-medium text-sm leading-[1.43] text-ods-text-secondary truncate", children: organization.industry || organization.tier || organization.websiteUrl || "Organization" })
           ] })
         ] }),
         organization.description && /* @__PURE__ */ jsx201("div", { className: "w-full h-12 overflow-hidden", children: /* @__PURE__ */ jsx201("p", { className: "font-['DM_Sans'] font-medium text-lg leading-[1.33] text-ods-text-primary line-clamp-2", children: organization.description }) }),
-        customFooter ? customFooter : footerStats && footerStats.length > 0 ? /* @__PURE__ */ jsx201("div", { className: "flex items-center justify-between gap-2 w-full min-w-0", children: /* @__PURE__ */ jsx201("div", { className: "flex items-center gap-3 md:gap-4 min-w-0 flex-shrink", children: footerStats.map((stat, index) => /* @__PURE__ */ jsxs162("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
+        customFooter ? customFooter : footerStats && footerStats.length > 0 ? /* @__PURE__ */ jsx201("div", { className: "flex items-center justify-between gap-2 w-full min-w-0", children: /* @__PURE__ */ jsx201("div", { className: "flex items-center gap-3 md:gap-4 min-w-0 flex-shrink", children: footerStats.map((stat, index) => /* @__PURE__ */ jsxs163("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
           stat.icon,
           /* @__PURE__ */ jsx201("span", { className: "font-['DM_Sans'] font-medium text-base text-ods-text-primary", children: typeof stat.value === "number" ? stat.value.toLocaleString() : stat.value }),
           stat.label && /* @__PURE__ */ jsx201("span", { className: "font-['DM_Sans'] font-medium text-sm text-ods-text-secondary", children: stat.label })
@@ -22983,7 +23033,7 @@ var LOG_SEVERITY_LABELS = {
 // src/components/log-severity-dot.tsx
 import { jsx as jsx202 } from "react/jsx-runtime";
 var LogSeverityDot = React78.forwardRef(({ severity, size = "md", className }, ref) => {
-  const sizeClasses4 = {
+  const sizeClasses5 = {
     sm: "w-4 h-4",
     md: "w-6 h-6",
     lg: "w-8 h-8"
@@ -22999,7 +23049,7 @@ var LogSeverityDot = React78.forwardRef(({ severity, size = "md", className }, r
       ref,
       className: cn(
         "relative flex items-center justify-center shrink-0",
-        sizeClasses4[size],
+        sizeClasses5[size],
         className
       ),
       "aria-label": `${LOG_SEVERITY_LABELS[severity]} severity`,
@@ -23019,7 +23069,7 @@ var LogSeverityDot = React78.forwardRef(({ severity, size = "md", className }, r
 LogSeverityDot.displayName = "LogSeverityDot";
 
 // src/components/logs-list.tsx
-import { jsx as jsx203, jsxs as jsxs163 } from "react/jsx-runtime";
+import { jsx as jsx203, jsxs as jsxs164 } from "react/jsx-runtime";
 var formatTimestamp = (timestamp) => {
   const date = timestamp instanceof Date ? timestamp : new Date(timestamp);
   const year = date.getFullYear();
@@ -23030,8 +23080,8 @@ var formatTimestamp = (timestamp) => {
   return `${year}/${month}/${day},${hours}:${minutes}`;
 };
 var LogCard = ({ log, isLast, showConnector, onClick }) => {
-  return /* @__PURE__ */ jsxs163("div", { className: "relative", children: [
-    /* @__PURE__ */ jsxs163(
+  return /* @__PURE__ */ jsxs164("div", { className: "relative", children: [
+    /* @__PURE__ */ jsxs164(
       "div",
       {
         className: cn(
@@ -23049,9 +23099,9 @@ var LogCard = ({ log, isLast, showConnector, onClick }) => {
         },
         children: [
           /* @__PURE__ */ jsx203(LogSeverityDot, { severity: log.severity, size: "md" }),
-          /* @__PURE__ */ jsxs163("div", { className: "flex-1 min-w-0 space-y-1", children: [
+          /* @__PURE__ */ jsxs164("div", { className: "flex-1 min-w-0 space-y-1", children: [
             /* @__PURE__ */ jsx203("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-5 text-white", children: log.title }),
-            /* @__PURE__ */ jsxs163("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxs164("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ jsx203("p", { className: "font-['Azeret_Mono'] font-normal text-[13px] leading-4 text-[#888888] uppercase tracking-wider", children: formatTimestamp(log.timestamp) }),
               log.toolType && /* @__PURE__ */ jsx203(ToolIcon, { toolType: log.toolType, size: 16 })
             ] })
@@ -23228,7 +23278,7 @@ var TMCG_SOCIAL_PLATFORMS = {
 var assets = {};
 
 // src/components/ui/service-card.tsx
-import { jsx as jsx204, jsxs as jsxs164 } from "react/jsx-runtime";
+import { jsx as jsx204, jsxs as jsxs165 } from "react/jsx-runtime";
 function MaskedValue({ value, isRevealed }) {
   if (isRevealed) return /* @__PURE__ */ jsx204("span", { children: value });
   return /* @__PURE__ */ jsx204("span", { children: "\u2022".repeat(Math.min(value.length, 12)) });
@@ -23242,11 +23292,11 @@ function ServiceCard({ title, subtitle, icon, tag, rows, className }) {
       upperPathColor: "var(--color-text-primary)"
     }
   );
-  return /* @__PURE__ */ jsxs164("div", { className: cn("bg-ods-card border border-ods-border rounded-lg p-6", className), children: [
-    /* @__PURE__ */ jsxs164("div", { className: "flex items-start justify-between gap-4 mb-4", children: [
-      /* @__PURE__ */ jsxs164("div", { className: "flex items-center gap-4 min-w-0", children: [
+  return /* @__PURE__ */ jsxs165("div", { className: cn("bg-ods-card border border-ods-border rounded-lg p-6", className), children: [
+    /* @__PURE__ */ jsxs165("div", { className: "flex items-start justify-between gap-4 mb-4", children: [
+      /* @__PURE__ */ jsxs165("div", { className: "flex items-center gap-4 min-w-0", children: [
         /* @__PURE__ */ jsx204("div", { className: "w-12 h-12 flex items-center justify-center bg-ods-bg rounded-md border border-ods-border flex-shrink-0", children: resolvedIcon }),
-        /* @__PURE__ */ jsxs164("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxs165("div", { className: "min-w-0", children: [
           /* @__PURE__ */ jsx204("div", { className: "text-xl font-semibold text-ods-text-primary truncate", children: title }),
           subtitle && /* @__PURE__ */ jsx204("div", { className: "text-sm text-ods-text-secondary truncate", children: subtitle })
         ] })
@@ -23266,11 +23316,11 @@ function ServiceCardRowItem({ row }) {
     if (!row.href) return;
     window.open(row.href, "_blank", "noopener,noreferrer");
   };
-  return /* @__PURE__ */ jsxs164("div", { className: "flex items-center gap-3 min-w-0", children: [
+  return /* @__PURE__ */ jsxs165("div", { className: "flex items-center gap-3 min-w-0", children: [
     row.label && /* @__PURE__ */ jsx204("div", { className: "w-20 md:w-24 shrink-0 text-sm font-medium text-ods-text-primary", children: row.label }),
-    /* @__PURE__ */ jsxs164("div", { className: cn("flex-1 h-12 rounded-md border border-ods-border bg-ods-bg px-3 md:px-4 flex items-center justify-between min-w-0", row.monospace ? "font-mono" : ""), children: [
+    /* @__PURE__ */ jsxs165("div", { className: cn("flex-1 h-12 rounded-md border border-ods-border bg-ods-bg px-3 md:px-4 flex items-center justify-between min-w-0", row.monospace ? "font-mono" : ""), children: [
       /* @__PURE__ */ jsx204("div", { className: "truncate text-ods-text-primary min-w-0", children: displayValue }),
-      /* @__PURE__ */ jsxs164("div", { className: "flex items-center gap-2 pl-3 flex-shrink-0", children: [
+      /* @__PURE__ */ jsxs165("div", { className: "flex items-center gap-2 pl-3 flex-shrink-0", children: [
         actions.reveal && /* @__PURE__ */ jsx204(
           "button",
           {
@@ -23308,7 +23358,7 @@ function ServiceCardRowItem({ row }) {
 
 // src/components/ui/tab-selector.tsx
 init_cn();
-import { jsx as jsx205, jsxs as jsxs165 } from "react/jsx-runtime";
+import { jsx as jsx205, jsxs as jsxs166 } from "react/jsx-runtime";
 function TabSelector({
   value,
   onValueChange,
@@ -23318,7 +23368,7 @@ function TabSelector({
   disabled,
   className
 }) {
-  return /* @__PURE__ */ jsxs165(
+  return /* @__PURE__ */ jsxs166(
     "div",
     {
       className: cn("flex flex-col gap-1", disabled && "opacity-50", className),
@@ -23328,7 +23378,7 @@ function TabSelector({
         /* @__PURE__ */ jsx205("div", { className: "flex w-full bg-ods-bg border border-ods-border rounded-md p-1 gap-1 h-12", children: items.map((item) => {
           const isActive = value === item.id;
           const isDisabled = disabled || item.disabled;
-          return /* @__PURE__ */ jsxs165(
+          return /* @__PURE__ */ jsxs166(
             "button",
             {
               type: "button",
@@ -23354,7 +23404,7 @@ function TabSelector({
 }
 
 // src/components/ui/title-content-block.tsx
-import { jsx as jsx206, jsxs as jsxs166 } from "react/jsx-runtime";
+import { jsx as jsx206, jsxs as jsxs167 } from "react/jsx-runtime";
 var spacingMap2 = {
   sm: "space-y-1",
   md: "space-y-2",
@@ -23372,7 +23422,7 @@ function TitleContentBlock({
   spacing = "md"
 }) {
   const titleClasses = `${titleClassName} ${titleColor}`;
-  return /* @__PURE__ */ jsxs166("div", { className: `${spacingMap2[spacing]} ${containerClassName}`, children: [
+  return /* @__PURE__ */ jsxs167("div", { className: `${spacingMap2[spacing]} ${containerClassName}`, children: [
     /* @__PURE__ */ jsx206(TitleElement, { className: titleClasses, children: title }),
     /* @__PURE__ */ jsx206(ContentElement, { className: contentClassName, children: content })
   ] });
@@ -23404,7 +23454,7 @@ TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 init_button2();
 init_cn();
 import { AlertTriangle as AlertTriangle3, RefreshCw, Home } from "lucide-react";
-import { jsx as jsx208, jsxs as jsxs167 } from "react/jsx-runtime";
+import { jsx as jsx208, jsxs as jsxs168 } from "react/jsx-runtime";
 function ErrorState({
   title = "Error",
   message,
@@ -23448,12 +23498,12 @@ function ErrorState({
     styles.bg,
     styles.border,
     className
-  ), children: /* @__PURE__ */ jsxs167("div", { className: "flex items-start gap-3", children: [
+  ), children: /* @__PURE__ */ jsxs168("div", { className: "flex items-start gap-3", children: [
     showIcon && /* @__PURE__ */ jsx208(AlertTriangle3, { className: cn("h-5 w-5 mt-0.5 flex-shrink-0", styles.icon) }),
-    /* @__PURE__ */ jsxs167("div", { className: "flex-1", children: [
+    /* @__PURE__ */ jsxs168("div", { className: "flex-1", children: [
       /* @__PURE__ */ jsx208("h3", { className: cn("font-semibold mb-1", styles.text), children: title }),
       /* @__PURE__ */ jsx208("p", { className: cn("text-sm", styles.text), children: message }),
-      (showRetry || showHome) && /* @__PURE__ */ jsxs167("div", { className: "flex gap-2 mt-3", children: [
+      (showRetry || showHome) && /* @__PURE__ */ jsxs168("div", { className: "flex gap-2 mt-3", children: [
         showRetry && onRetry && /* @__PURE__ */ jsx208(
           Button,
           {
@@ -23521,7 +23571,7 @@ function NotFoundError({ message = "The requested item was not found", onHome })
 
 // src/components/ui/content-loader.tsx
 init_cn();
-import { jsx as jsx209, jsxs as jsxs168 } from "react/jsx-runtime";
+import { jsx as jsx209, jsxs as jsxs169 } from "react/jsx-runtime";
 function ContentLoader({
   variant = "card",
   items = 4,
@@ -23529,41 +23579,41 @@ function ContentLoader({
   className,
   containerClassName
 }) {
-  const renderCardSkeleton = () => /* @__PURE__ */ jsxs168("div", { className: "animate-pulse", children: [
+  const renderCardSkeleton = () => /* @__PURE__ */ jsxs169("div", { className: "animate-pulse", children: [
     showTitle && /* @__PURE__ */ jsx209("div", { className: "h-8 w-64 bg-ods-bg-secondary rounded mb-6" }),
-    /* @__PURE__ */ jsxs168("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6", children: [
-      /* @__PURE__ */ jsx209("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-6 mb-6", children: Array.from({ length: items }).map((_, i) => /* @__PURE__ */ jsxs168("div", { children: [
+    /* @__PURE__ */ jsxs169("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6", children: [
+      /* @__PURE__ */ jsx209("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-6 mb-6", children: Array.from({ length: items }).map((_, i) => /* @__PURE__ */ jsxs169("div", { children: [
         /* @__PURE__ */ jsx209("div", { className: "h-4 w-20 bg-ods-bg-secondary rounded mb-2" }),
         /* @__PURE__ */ jsx209("div", { className: "h-6 w-32 bg-ods-bg-secondary rounded" })
       ] }, i)) }),
       /* @__PURE__ */ jsx209("div", { className: "border-t border-ods-border pt-4", children: /* @__PURE__ */ jsx209("div", { className: "h-4 w-64 bg-ods-bg-secondary rounded" }) })
     ] })
   ] });
-  const renderFormSkeleton = () => /* @__PURE__ */ jsxs168("div", { className: "animate-pulse", children: [
+  const renderFormSkeleton = () => /* @__PURE__ */ jsxs169("div", { className: "animate-pulse", children: [
     showTitle && /* @__PURE__ */ jsx209("div", { className: "h-8 bg-ods-card rounded w-64 mb-6" }),
-    /* @__PURE__ */ jsx209("div", { className: "bg-ods-card rounded-lg p-6", children: /* @__PURE__ */ jsx209("div", { className: "space-y-4", children: Array.from({ length: items }).map((_, i) => /* @__PURE__ */ jsxs168("div", { children: [
+    /* @__PURE__ */ jsx209("div", { className: "bg-ods-card rounded-lg p-6", children: /* @__PURE__ */ jsx209("div", { className: "space-y-4", children: Array.from({ length: items }).map((_, i) => /* @__PURE__ */ jsxs169("div", { children: [
       /* @__PURE__ */ jsx209("div", { className: "h-4 bg-ods-bg-secondary rounded w-32 mb-2" }),
       /* @__PURE__ */ jsx209("div", { className: "h-10 bg-ods-bg-secondary rounded" })
     ] }, i)) }) })
   ] });
-  const renderDetailSkeleton = () => /* @__PURE__ */ jsxs168("div", { className: "animate-pulse", children: [
+  const renderDetailSkeleton = () => /* @__PURE__ */ jsxs169("div", { className: "animate-pulse", children: [
     showTitle && /* @__PURE__ */ jsx209("div", { className: "h-8 w-64 bg-ods-bg-secondary rounded mb-6" }),
-    /* @__PURE__ */ jsx209("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6", children: /* @__PURE__ */ jsxs168("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", children: [
-      /* @__PURE__ */ jsxs168("div", { className: "lg:col-span-2", children: [
+    /* @__PURE__ */ jsx209("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6", children: /* @__PURE__ */ jsxs169("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", children: [
+      /* @__PURE__ */ jsxs169("div", { className: "lg:col-span-2", children: [
         /* @__PURE__ */ jsx209("div", { className: "h-64 bg-ods-bg-secondary rounded mb-4" }),
         /* @__PURE__ */ jsx209("div", { className: "space-y-2", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx209("div", { className: "h-4 bg-ods-bg-secondary rounded" }, i)) })
       ] }),
-      /* @__PURE__ */ jsxs168("div", { children: [
+      /* @__PURE__ */ jsxs169("div", { children: [
         /* @__PURE__ */ jsx209("div", { className: "h-32 bg-ods-bg-secondary rounded mb-4" }),
         /* @__PURE__ */ jsx209("div", { className: "space-y-2", children: Array.from({ length: items }).map((_, i) => /* @__PURE__ */ jsx209("div", { className: "h-3 bg-ods-bg-secondary rounded" }, i)) })
       ] })
     ] }) })
   ] });
-  const renderListSkeleton = () => /* @__PURE__ */ jsxs168("div", { className: "animate-pulse space-y-3", children: [
+  const renderListSkeleton = () => /* @__PURE__ */ jsxs169("div", { className: "animate-pulse space-y-3", children: [
     showTitle && /* @__PURE__ */ jsx209("div", { className: "h-8 w-64 bg-ods-bg-secondary rounded mb-6" }),
-    Array.from({ length: items }).map((_, i) => /* @__PURE__ */ jsx209("div", { className: "bg-ods-card border border-ods-border rounded-lg p-4", children: /* @__PURE__ */ jsxs168("div", { className: "flex items-center gap-4", children: [
+    Array.from({ length: items }).map((_, i) => /* @__PURE__ */ jsx209("div", { className: "bg-ods-card border border-ods-border rounded-lg p-4", children: /* @__PURE__ */ jsxs169("div", { className: "flex items-center gap-4", children: [
       /* @__PURE__ */ jsx209("div", { className: "h-12 w-12 bg-ods-bg-secondary rounded" }),
-      /* @__PURE__ */ jsxs168("div", { className: "flex-1", children: [
+      /* @__PURE__ */ jsxs169("div", { className: "flex-1", children: [
         /* @__PURE__ */ jsx209("div", { className: "h-4 bg-ods-bg-secondary rounded w-3/4 mb-2" }),
         /* @__PURE__ */ jsx209("div", { className: "h-3 bg-ods-bg-secondary rounded w-1/2" })
       ] }),
@@ -23600,7 +23650,7 @@ init_button2();
 init_cn();
 init_button2();
 import { ChevronLeft as ChevronLeft4, ChevronRight as ChevronRight10, RotateCcw as RotateCcw2, Home as Home2 } from "lucide-react";
-import { jsx as jsx210, jsxs as jsxs169 } from "react/jsx-runtime";
+import { jsx as jsx210, jsxs as jsxs170 } from "react/jsx-runtime";
 function CursorPagination({
   hasNextPage,
   hasPreviousPage,
@@ -23647,7 +23697,7 @@ function CursorPagination({
     }
   };
   const displayText = getDisplayText();
-  return /* @__PURE__ */ jsxs169(
+  return /* @__PURE__ */ jsxs170(
     "div",
     {
       className: cn(
@@ -23657,7 +23707,7 @@ function CursorPagination({
       ),
       children: [
         showInfo && /* @__PURE__ */ jsx210("div", { className: "text-sm text-[#888888]", children: displayText || /* @__PURE__ */ jsx210("span", { children: "\xA0" }) }),
-        /* @__PURE__ */ jsxs169("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs170("div", { className: "flex items-center gap-2", children: [
           onReset ? /* @__PURE__ */ jsx210(
             Button,
             {
@@ -23717,7 +23767,7 @@ function CursorPaginationSimple({
   loading = false,
   className
 }) {
-  return /* @__PURE__ */ jsxs169("div", { className: cn("flex items-center gap-1", className), children: [
+  return /* @__PURE__ */ jsxs170("div", { className: cn("flex items-center gap-1", className), children: [
     onReset ? /* @__PURE__ */ jsx210(
       Button,
       {
@@ -23760,14 +23810,14 @@ function CursorPaginationSimple({
 init_cn();
 init_button2();
 import { FileX2 } from "lucide-react";
-import { jsx as jsx211, jsxs as jsxs170 } from "react/jsx-runtime";
+import { jsx as jsx211, jsxs as jsxs171 } from "react/jsx-runtime";
 function TableEmptyState({
   message = "No data available",
   icon,
   action,
   className
 }) {
-  return /* @__PURE__ */ jsxs170(
+  return /* @__PURE__ */ jsxs171(
     "div",
     {
       className: cn(
@@ -23796,7 +23846,7 @@ init_cn();
 
 // src/components/ui/table/table-column-filter-dropdown.tsx
 init_cn();
-import { jsx as jsx212, jsxs as jsxs171 } from "react/jsx-runtime";
+import { jsx as jsx212, jsxs as jsxs172 } from "react/jsx-runtime";
 function TableColumnFilterDropdown({
   columnKey,
   columnLabel,
@@ -23810,7 +23860,7 @@ function TableColumnFilterDropdown({
   return /* @__PURE__ */ jsx212(
     FiltersDropdown,
     {
-      triggerElement: /* @__PURE__ */ jsxs171(
+      triggerElement: /* @__PURE__ */ jsxs172(
         "div",
         {
           className: "flex items-center gap-1.5 rounded px-1 py-0.5 cursor-pointer hover:bg-ods-bg-active transition-all duration-200",
@@ -23879,7 +23929,7 @@ function getHideClasses(hideAt) {
 }
 
 // src/components/ui/table/table-header.tsx
-import { Fragment as Fragment31, jsx as jsx213, jsxs as jsxs172 } from "react/jsx-runtime";
+import { Fragment as Fragment31, jsx as jsx213, jsxs as jsxs173 } from "react/jsx-runtime";
 function TableHeader({
   columns,
   className,
@@ -23925,7 +23975,7 @@ function TableHeader({
     return sortDirection === "asc" ? /* @__PURE__ */ jsx213(Arrow01UpIcon, { className: "w-4 h-4 text-ods-accent" }) : /* @__PURE__ */ jsx213(Arrow01DownIcon, { className: "w-4 h-4 text-ods-accent" });
   };
   const isLgUp = useLgUp() ?? false;
-  return /* @__PURE__ */ jsxs172(
+  return /* @__PURE__ */ jsxs173(
     "div",
     {
       className: cn(
@@ -23962,7 +24012,7 @@ function TableHeader({
               ),
               children: isActionsColumn ? (
                 // Render total items count in actions column
-                totalItemsCount > 0 && /* @__PURE__ */ jsxs172("span", { className: "text-h6 text-ods-text-secondary whitespace-nowrap", children: [
+                totalItemsCount > 0 && /* @__PURE__ */ jsxs173("span", { className: "text-h6 text-ods-text-secondary whitespace-nowrap", children: [
                   "Showing ",
                   totalItemsCount,
                   " ",
@@ -23990,10 +24040,10 @@ function TableHeader({
                       column.sortable && "cursor-pointer hover:text-ods-text-primary transition-colors"
                     ),
                     onClick: () => handleSort(column),
-                    children: column.renderHeader ? /* @__PURE__ */ jsxs172(Fragment31, { children: [
+                    children: column.renderHeader ? /* @__PURE__ */ jsxs173(Fragment31, { children: [
                       column.renderHeader(),
                       getSortIcon(column)
-                    ] }) : /* @__PURE__ */ jsxs172(Fragment31, { children: [
+                    ] }) : /* @__PURE__ */ jsxs173(Fragment31, { children: [
                       /* @__PURE__ */ jsx213("span", { className: "text-h5 text-ods-text-secondary uppercase whitespace-nowrap", children: column.label }),
                       getSortIcon(column)
                     ] })
@@ -24048,7 +24098,7 @@ function TableCell({
 
 // src/components/ui/table/table-skeleton.tsx
 init_cn();
-import { Fragment as Fragment32, jsx as jsx215, jsxs as jsxs173 } from "react/jsx-runtime";
+import { Fragment as Fragment32, jsx as jsx215, jsxs as jsxs174 } from "react/jsx-runtime";
 var ROW_HEIGHT_DESKTOP = "h-[68px] md:h-[80px]";
 var ROW_HEIGHT_MOBILE = "h-[68px]";
 function TableCardSkeleton({
@@ -24059,7 +24109,7 @@ function TableCardSkeleton({
   className,
   rowClassName
 }) {
-  return /* @__PURE__ */ jsx215(Fragment32, { children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ jsxs173(
+  return /* @__PURE__ */ jsx215(Fragment32, { children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ jsxs174(
     "div",
     {
       className: cn(
@@ -24067,12 +24117,12 @@ function TableCardSkeleton({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs173("div", { className: cn(
+        /* @__PURE__ */ jsxs174("div", { className: cn(
           "hidden md:flex items-center gap-4 px-4 py-0",
           ROW_HEIGHT_DESKTOP,
           rowClassName
         ), children: [
-          columns.map((column) => /* @__PURE__ */ jsxs173(
+          columns.map((column) => /* @__PURE__ */ jsxs174(
             "div",
             {
               className: cn(
@@ -24086,18 +24136,18 @@ function TableCardSkeleton({
             },
             column.key
           )),
-          hasActions && /* @__PURE__ */ jsxs173("div", { className: cn("flex gap-2 items-center shrink-0", !hasChevron && "ml-auto"), children: [
+          hasActions && /* @__PURE__ */ jsxs174("div", { className: cn("flex gap-2 items-center shrink-0", !hasChevron && "ml-auto"), children: [
             /* @__PURE__ */ jsx215("div", { className: "h-12 w-12 bg-ods-bg-surface rounded" }),
             /* @__PURE__ */ jsx215("div", { className: "h-12 w-24 bg-ods-bg-surface rounded" })
           ] }),
           hasChevron && /* @__PURE__ */ jsx215("div", { className: cn("flex items-center justify-end shrink-0 w-12", !hasActions && "ml-auto"), children: /* @__PURE__ */ jsx215("div", { className: "h-8 w-8 bg-ods-bg-surface rounded" }) })
         ] }),
-        /* @__PURE__ */ jsxs173("div", { className: cn(
+        /* @__PURE__ */ jsxs174("div", { className: cn(
           "flex md:hidden gap-3 items-center justify-start px-3 py-0",
           ROW_HEIGHT_MOBILE,
           rowClassName
         ), children: [
-          /* @__PURE__ */ jsxs173("div", { className: "flex-1 flex flex-col justify-center min-w-0 py-3", children: [
+          /* @__PURE__ */ jsxs174("div", { className: "flex-1 flex flex-col justify-center min-w-0 py-3", children: [
             /* @__PURE__ */ jsx215("div", { className: "h-4 bg-ods-bg-surface rounded w-3/4 mb-2" }),
             /* @__PURE__ */ jsx215("div", { className: "h-3 bg-ods-bg-surface rounded w-1/2 opacity-60" })
           ] }),
@@ -24111,7 +24161,7 @@ function TableCardSkeleton({
 }
 
 // src/components/ui/table/table-row.tsx
-import { jsx as jsx216, jsxs as jsxs174 } from "react/jsx-runtime";
+import { jsx as jsx216, jsxs as jsxs175 } from "react/jsx-runtime";
 function TableRow({
   item,
   columns,
@@ -24159,7 +24209,7 @@ function TableRow({
     }
     return String(value);
   };
-  return /* @__PURE__ */ jsxs174(
+  return /* @__PURE__ */ jsxs175(
     "div",
     {
       className: cn(
@@ -24178,7 +24228,7 @@ function TableRow({
             "aria-label": "View details"
           }
         ),
-        /* @__PURE__ */ jsxs174(
+        /* @__PURE__ */ jsxs175(
           "div",
           {
             className: cn(
@@ -24214,7 +24264,7 @@ function TableRow({
 }
 
 // src/components/ui/table/table.tsx
-import { Fragment as Fragment33, jsx as jsx217, jsxs as jsxs175 } from "react/jsx-runtime";
+import { Fragment as Fragment33, jsx as jsx217, jsxs as jsxs176 } from "react/jsx-runtime";
 function injectSyntheticColumns(columns, rowActions, renderRowActions, rowHref) {
   const hasActions = Boolean(rowActions?.length) || Boolean(renderRowActions);
   const result = [...columns];
@@ -24361,15 +24411,15 @@ function Table({
     observer.observe(sentinel);
     return () => observer.disconnect();
   }, [infiniteScroll?.hasNextPage, infiniteScroll?.isFetchingNextPage]);
-  return /* @__PURE__ */ jsxs175("div", { className: cn("flex flex-col gap-1 w-full", containerClassName), children: [
-    showToolbar && bulkActions && selectedRows.length > 0 && /* @__PURE__ */ jsxs175("div", { className: "flex items-center justify-between bg-ods-card border border-ods-border rounded-[6px] p-3 mb-2", children: [
-      /* @__PURE__ */ jsxs175("span", { className: "text-ods-text-secondary text-sm", children: [
+  return /* @__PURE__ */ jsxs176("div", { className: cn("flex flex-col gap-1 w-full", containerClassName), children: [
+    showToolbar && bulkActions && selectedRows.length > 0 && /* @__PURE__ */ jsxs176("div", { className: "flex items-center justify-between bg-ods-card border border-ods-border rounded-[6px] p-3 mb-2", children: [
+      /* @__PURE__ */ jsxs176("span", { className: "text-ods-text-secondary text-sm", children: [
         selectedRows.length,
         " item",
         selectedRows.length !== 1 ? "s" : "",
         " selected"
       ] }),
-      /* @__PURE__ */ jsx217("div", { className: "flex gap-2", children: bulkActions.map((action, index) => /* @__PURE__ */ jsxs175(
+      /* @__PURE__ */ jsx217("div", { className: "flex gap-2", children: bulkActions.map((action, index) => /* @__PURE__ */ jsxs176(
         "button",
         {
           onClick: () => action.onClick(selectedRows),
@@ -24414,7 +24464,7 @@ function Table({
         hasActions: Boolean(rowActions) && rowActions.length > 0,
         hasChevron: Boolean(rowHref)
       }
-    ) : data.length === 0 ? /* @__PURE__ */ jsx217(TableEmptyState, { message: emptyMessage }) : /* @__PURE__ */ jsxs175(Fragment33, { children: [
+    ) : data.length === 0 ? /* @__PURE__ */ jsx217(TableEmptyState, { message: emptyMessage }) : /* @__PURE__ */ jsxs176(Fragment33, { children: [
       data.map((item, index) => /* @__PURE__ */ jsx217(
         TableRow,
         {
@@ -24441,7 +24491,7 @@ function Table({
         }
       ),
       infiniteScroll?.hasNextPage && /* @__PURE__ */ jsx217("div", { ref: sentinelRef, className: "h-1", "aria-hidden": "true" }),
-      !infiniteScroll && Array.from({ length: Math.max(0, skeletonRows - data.length) }).map((_, index) => /* @__PURE__ */ jsxs175(
+      !infiniteScroll && Array.from({ length: Math.max(0, skeletonRows - data.length) }).map((_, index) => /* @__PURE__ */ jsxs176(
         "div",
         {
           className: "relative rounded-[6px] overflow-hidden pointer-events-none",
@@ -24521,7 +24571,7 @@ function TableDescriptionCell({
 
 // src/components/ui/table/table-timestamp-cell.tsx
 init_cn();
-import { jsx as jsx219, jsxs as jsxs176 } from "react/jsx-runtime";
+import { jsx as jsx219, jsxs as jsxs177 } from "react/jsx-runtime";
 function formatTimestampValue(timestamp) {
   if (timestamp instanceof Date) {
     return timestamp.toLocaleString();
@@ -24545,7 +24595,7 @@ function TableTimestampCell({
   formatTimestamp: formatTimestamp2 = true
 }) {
   const displayTimestamp = formatTimestamp2 ? formatTimestampValue(timestamp) : String(timestamp);
-  return /* @__PURE__ */ jsxs176("div", { className: cn("flex flex-col justify-center shrink-0", className), children: [
+  return /* @__PURE__ */ jsxs177("div", { className: cn("flex flex-col justify-center shrink-0", className), children: [
     /* @__PURE__ */ jsx219("span", { className: "text-h4 text-ods-text-primary truncate", children: displayTimestamp }),
     /* @__PURE__ */ jsx219("span", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary truncate", children: idLabel ? `${idLabel}: ${id}` : id })
   ] });
@@ -24559,7 +24609,7 @@ import { useMemo as useMemo18 } from "react";
 // src/components/ui/query-report-table/query-report-table-header.tsx
 init_cn();
 import { useRef as useRef28, useState as useState46, useCallback as useCallback22 } from "react";
-import { jsx as jsx220, jsxs as jsxs177 } from "react/jsx-runtime";
+import { jsx as jsx220, jsxs as jsxs178 } from "react/jsx-runtime";
 function QueryReportTableHeader({
   columns,
   columnWidth,
@@ -24595,7 +24645,7 @@ function TruncatedHeaderCell({ value, width }) {
       setIsTruncated(el.scrollWidth > el.clientWidth);
     }
   }, []);
-  return /* @__PURE__ */ jsx220(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxs177(Tooltip, { open: isTruncated ? void 0 : false, children: [
+  return /* @__PURE__ */ jsx220(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxs178(Tooltip, { open: isTruncated ? void 0 : false, children: [
     /* @__PURE__ */ jsx220(TooltipTrigger, { asChild: true, onMouseEnter: checkTruncation, children: /* @__PURE__ */ jsx220(
       "div",
       {
@@ -24618,7 +24668,7 @@ function TruncatedHeaderCell({ value, width }) {
 // src/components/ui/query-report-table/query-report-table-row.tsx
 init_cn();
 import { useRef as useRef29, useState as useState47, useCallback as useCallback23 } from "react";
-import { jsx as jsx221, jsxs as jsxs178 } from "react/jsx-runtime";
+import { jsx as jsx221, jsxs as jsxs179 } from "react/jsx-runtime";
 function QueryReportTableRow({
   row,
   columns,
@@ -24671,7 +24721,7 @@ function TruncatedCell({ value, className }) {
       setIsTruncated(el.scrollWidth > el.clientWidth);
     }
   }, []);
-  return /* @__PURE__ */ jsx221(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxs178(Tooltip, { open: isTruncated ? void 0 : false, children: [
+  return /* @__PURE__ */ jsx221(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxs179(Tooltip, { open: isTruncated ? void 0 : false, children: [
     /* @__PURE__ */ jsx221(TooltipTrigger, { asChild: true, onMouseEnter: checkTruncation, children: /* @__PURE__ */ jsx221("span", { ref: textRef, className: cn("truncate block", className), children: value }) }),
     /* @__PURE__ */ jsx221(TooltipContent, { side: "top", className: "max-w-xs break-words", children: value })
   ] }) });
@@ -24679,7 +24729,7 @@ function TruncatedCell({ value, className }) {
 
 // src/components/ui/query-report-table/query-report-table-skeleton.tsx
 init_cn();
-import { jsx as jsx222, jsxs as jsxs179 } from "react/jsx-runtime";
+import { jsx as jsx222, jsxs as jsxs180 } from "react/jsx-runtime";
 function QueryReportTableSkeleton({
   rows,
   columns,
@@ -24688,7 +24738,7 @@ function QueryReportTableSkeleton({
   className
 }) {
   const isCompact = variant === "compact";
-  return /* @__PURE__ */ jsxs179("div", { className: cn("flex flex-col", isCompact ? "gap-0" : "gap-2", className), children: [
+  return /* @__PURE__ */ jsxs180("div", { className: cn("flex flex-col", isCompact ? "gap-0" : "gap-2", className), children: [
     /* @__PURE__ */ jsx222("div", { className: cn(
       "flex items-center gap-4 px-4",
       isCompact ? "py-2 border-b border-ods-border" : ""
@@ -24773,7 +24823,7 @@ function exportToCSV(data, columns, filename) {
 }
 
 // src/components/ui/query-report-table/query-report-table.tsx
-import { jsx as jsx223, jsxs as jsxs180 } from "react/jsx-runtime";
+import { jsx as jsx223, jsxs as jsxs181 } from "react/jsx-runtime";
 function QueryReportTable({
   title,
   data,
@@ -24815,10 +24865,10 @@ function QueryReportTable({
     onThumbPointerMove,
     onThumbPointerUp
   } = useHorizontalScrollbar();
-  return /* @__PURE__ */ jsxs180("div", { className: cn("flex flex-col w-full", isCompact ? "gap-0" : "gap-6", className), children: [
-    !isCompact && (title || headerActions || showExport && data.length > 0) && /* @__PURE__ */ jsxs180("div", { className: "flex items-end justify-between pt-6", children: [
+  return /* @__PURE__ */ jsxs181("div", { className: cn("flex flex-col w-full", isCompact ? "gap-0" : "gap-6", className), children: [
+    !isCompact && (title || headerActions || showExport && data.length > 0) && /* @__PURE__ */ jsxs181("div", { className: "flex items-end justify-between pt-6", children: [
       /* @__PURE__ */ jsx223("h2", { className: "font-mono font-semibold text-[32px] leading-[40px] text-ods-text-primary", children: title }),
-      /* @__PURE__ */ jsxs180("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsxs181("div", { className: "flex items-center gap-3", children: [
         headerActions,
         showExport && data.length > 0 && /* @__PURE__ */ jsx223(
           Button,
@@ -24843,7 +24893,7 @@ function QueryReportTable({
       }
     ),
     !loading && data.length === 0 && /* @__PURE__ */ jsx223(TableEmptyState, { message: emptyMessage }),
-    !loading && data.length > 0 && /* @__PURE__ */ jsxs180("div", { className: "flex flex-col gap-1", children: [
+    !loading && data.length > 0 && /* @__PURE__ */ jsxs181("div", { className: "flex flex-col gap-1", children: [
       !isCompact && thumbRatio > 0 && /* @__PURE__ */ jsx223(
         "div",
         {
@@ -24868,14 +24918,14 @@ function QueryReportTable({
           )
         }
       ),
-      /* @__PURE__ */ jsxs180("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxs181("div", { className: "relative", children: [
         /* @__PURE__ */ jsx223(
           "div",
           {
             ref: scrollRef,
             className: cn("overflow-x-auto", tableClassName),
             onScroll,
-            children: /* @__PURE__ */ jsxs180("div", { style: { minWidth: tableMinWidth }, children: [
+            children: /* @__PURE__ */ jsxs181("div", { style: { minWidth: tableMinWidth }, children: [
               /* @__PURE__ */ jsx223(
                 QueryReportTableHeader,
                 {
@@ -24961,7 +25011,7 @@ var multiSelectFilterFn = (row, columnId, filterValue) => {
 };
 
 // src/components/ui/data-table/data-table-column-filter.tsx
-import { jsx as jsx225, jsxs as jsxs181 } from "react/jsx-runtime";
+import { jsx as jsx225, jsxs as jsxs182 } from "react/jsx-runtime";
 var EMPTY_ARRAY = [];
 function DataTableColumnFilter({
   column,
@@ -25002,7 +25052,7 @@ function DataTableColumnFilter({
     FiltersDropdown,
     {
       className: "!block w-full",
-      triggerElement: /* @__PURE__ */ jsxs181(
+      triggerElement: /* @__PURE__ */ jsxs182(
         "div",
         {
           className: cn(
@@ -25035,7 +25085,7 @@ function DataTableColumnFilter({
 }
 
 // src/components/ui/data-table/data-table-header.tsx
-import { Fragment as Fragment34, jsx as jsx226, jsxs as jsxs182 } from "react/jsx-runtime";
+import { Fragment as Fragment34, jsx as jsx226, jsxs as jsxs183 } from "react/jsx-runtime";
 function DataTableHeader({
   className,
   stickyHeader,
@@ -25061,7 +25111,7 @@ function DataTableHeader({
         stickyHeader && `sticky z-10 bg-ods-bg ${stickyHeaderOffset ?? "top-0"}`,
         className
       ),
-      children: /* @__PURE__ */ jsxs182("div", { className: "flex items-stretch gap-[var(--spacing-system-mf)] px-[var(--spacing-system-mf)] relative", children: [
+      children: /* @__PURE__ */ jsxs183("div", { className: "flex items-stretch gap-[var(--spacing-system-mf)] px-[var(--spacing-system-mf)] relative", children: [
         headerGroup.headers.map((header) => /* @__PURE__ */ jsx226(
           HeaderCell,
           {
@@ -25105,7 +25155,7 @@ function HeaderCell({ header, isLgUp, sort, onSortChange }) {
           label: resolveHeaderLabel(header),
           align
         }
-      ) : /* @__PURE__ */ jsxs182(
+      ) : /* @__PURE__ */ jsxs183(
         "div",
         {
           className: cn(
@@ -25148,14 +25198,14 @@ init_cn();
 init_cn();
 init_button2();
 import { FileX2 as FileX22 } from "lucide-react";
-import { jsx as jsx227, jsxs as jsxs183 } from "react/jsx-runtime";
+import { jsx as jsx227, jsxs as jsxs184 } from "react/jsx-runtime";
 function DataTableEmpty({
   message = "No data available",
   icon,
   action,
   className
 }) {
-  return /* @__PURE__ */ jsxs183(
+  return /* @__PURE__ */ jsxs184(
     "div",
     {
       className: cn(
@@ -25187,7 +25237,7 @@ import { flexRender as flexRender2 } from "@tanstack/react-table";
 
 // src/components/ui/data-table/data-table-skeleton.tsx
 init_cn();
-import { Fragment as Fragment35, jsx as jsx228, jsxs as jsxs184 } from "react/jsx-runtime";
+import { Fragment as Fragment35, jsx as jsx228, jsxs as jsxs185 } from "react/jsx-runtime";
 var ROW_HEIGHT_DESKTOP2 = "h-[68px] md:h-[80px]";
 var ROW_HEIGHT_MOBILE2 = "h-[68px]";
 function DataTableSkeleton({
@@ -25198,7 +25248,7 @@ function DataTableSkeleton({
   const table = useDataTableContext();
   const columns = table.getVisibleFlatColumns();
   const firstColumnId = columns[0]?.id;
-  return /* @__PURE__ */ jsx228(Fragment35, { children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ jsxs184(
+  return /* @__PURE__ */ jsx228(Fragment35, { children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ jsxs185(
     "div",
     {
       className: cn(
@@ -25216,7 +25266,7 @@ function DataTableSkeleton({
             ),
             children: columns.map((column) => {
               const meta = column.columnDef.meta;
-              return /* @__PURE__ */ jsxs184(
+              return /* @__PURE__ */ jsxs185(
                 "div",
                 {
                   className: cn(
@@ -25241,7 +25291,7 @@ function DataTableSkeleton({
               ROW_HEIGHT_MOBILE2,
               rowClassName
             ),
-            children: /* @__PURE__ */ jsxs184("div", { className: "flex-1 flex flex-col justify-center min-w-0 py-[var(--spacing-system-sf)]", children: [
+            children: /* @__PURE__ */ jsxs185("div", { className: "flex-1 flex flex-col justify-center min-w-0 py-[var(--spacing-system-sf)]", children: [
               /* @__PURE__ */ jsx228("div", { className: "h-4 bg-ods-bg-surface rounded-sm w-3/4 mb-[var(--spacing-system-xsf)]" }),
               /* @__PURE__ */ jsx228("div", { className: "h-3 bg-ods-bg-surface rounded-sm w-1/2 opacity-60" })
             ] })
@@ -25254,7 +25304,7 @@ function DataTableSkeleton({
 }
 
 // src/components/ui/data-table/data-table-row.tsx
-import { Fragment as Fragment36, jsx as jsx229, jsxs as jsxs185 } from "react/jsx-runtime";
+import { Fragment as Fragment36, jsx as jsx229, jsxs as jsxs186 } from "react/jsx-runtime";
 function DataTableRowImpl({
   row,
   onClick,
@@ -25271,7 +25321,7 @@ function DataTableRowImpl({
     },
     [onClick, row.original]
   );
-  return /* @__PURE__ */ jsxs185(
+  return /* @__PURE__ */ jsxs186(
     "div",
     {
       className: cn(
@@ -25330,7 +25380,7 @@ function CellContent({ children }) {
 }
 
 // src/components/ui/data-table/data-table-body.tsx
-import { jsx as jsx230, jsxs as jsxs186 } from "react/jsx-runtime";
+import { jsx as jsx230, jsxs as jsxs187 } from "react/jsx-runtime";
 function DataTableBody({
   loading,
   emptyMessage = "No data available",
@@ -25351,7 +25401,7 @@ function DataTableBody({
     return /* @__PURE__ */ jsx230("div", { className: cn("flex flex-col gap-[var(--spacing-system-xsf)] w-full", className), children: /* @__PURE__ */ jsx230(DataTableEmpty, { message: emptyMessage }) });
   }
   const padCount = minRows ? Math.max(0, minRows - rows.length) : 0;
-  return /* @__PURE__ */ jsxs186("div", { className: cn("flex flex-col gap-[var(--spacing-system-xsf)] w-full", className), children: [
+  return /* @__PURE__ */ jsxs187("div", { className: cn("flex flex-col gap-[var(--spacing-system-xsf)] w-full", className), children: [
     rows.map((row, index) => {
       const item = row.original;
       const href = rowHref?.(item) ?? void 0;
@@ -25368,7 +25418,7 @@ function DataTableBody({
         row.id
       );
     }),
-    padCount > 0 && Array.from({ length: padCount }).map((_, i) => /* @__PURE__ */ jsxs186(
+    padCount > 0 && Array.from({ length: padCount }).map((_, i) => /* @__PURE__ */ jsxs187(
       "div",
       {
         className: "relative rounded-md overflow-hidden pointer-events-none",
@@ -25401,7 +25451,7 @@ function DataTableBody({
 
 // src/components/ui/data-table/data-table-infinite-footer.tsx
 import { useEffect as useEffect36, useRef as useRef30 } from "react";
-import { Fragment as Fragment37, jsx as jsx231, jsxs as jsxs187 } from "react/jsx-runtime";
+import { Fragment as Fragment37, jsx as jsx231, jsxs as jsxs188 } from "react/jsx-runtime";
 function DataTableInfiniteFooter({
   hasNextPage,
   isFetchingNextPage,
@@ -25425,7 +25475,7 @@ function DataTableInfiniteFooter({
     observer.observe(sentinel);
     return () => observer.disconnect();
   }, [hasNextPage, isFetchingNextPage, rootMargin]);
-  return /* @__PURE__ */ jsxs187(Fragment37, { children: [
+  return /* @__PURE__ */ jsxs188(Fragment37, { children: [
     isFetchingNextPage && /* @__PURE__ */ jsx231(DataTableSkeleton, { rows: skeletonRows }),
     hasNextPage && /* @__PURE__ */ jsx231("div", { ref: sentinelRef, className: "h-1", "aria-hidden": "true" })
   ] });
@@ -25455,7 +25505,7 @@ function DataTableCursorFooter({
 
 // src/components/ui/data-table/data-table-row-count.tsx
 init_cn();
-import { jsxs as jsxs188 } from "react/jsx-runtime";
+import { jsxs as jsxs189 } from "react/jsx-runtime";
 function DataTableRowCount({
   itemName = "result",
   totalCount,
@@ -25467,7 +25517,7 @@ function DataTableRowCount({
   const count = totalCount ?? table.getRowModel().rows.length;
   if (hideWhenEmpty && count === 0) return null;
   const label = pluralize?.(count, itemName) ?? (count === 1 ? itemName : `${itemName}s`);
-  return /* @__PURE__ */ jsxs188(
+  return /* @__PURE__ */ jsxs189(
     "span",
     {
       className: cn(
@@ -25538,7 +25588,7 @@ var DataTable = Object.assign(DataTableRoot, {
 
 // src/components/ui/phone-input.tsx
 import { useCallback as useCallback26, useEffect as useEffect37, useMemo as useMemo20, useRef as useRef31, useState as useState48 } from "react";
-import { jsx as jsx233, jsxs as jsxs189 } from "react/jsx-runtime";
+import { jsx as jsx233, jsxs as jsxs190 } from "react/jsx-runtime";
 function PhoneInput({
   value,
   countryCode,
@@ -25576,8 +25626,8 @@ function PhoneInput({
       if (debounceRef.current) clearTimeout(debounceRef.current);
     };
   }, []);
-  return /* @__PURE__ */ jsxs189("div", { className: "flex gap-2 w-full min-w-0", children: [
-    /* @__PURE__ */ jsxs189(
+  return /* @__PURE__ */ jsxs190("div", { className: "flex gap-2 w-full min-w-0", children: [
+    /* @__PURE__ */ jsxs190(
       Select,
       {
         value: countryCode,
@@ -25589,11 +25639,11 @@ function PhoneInput({
         },
         disabled,
         children: [
-          /* @__PURE__ */ jsx233(SelectTrigger, { className: "w-[130px] shrink-0", children: /* @__PURE__ */ jsx233(SelectValue, { children: selectedCountry && /* @__PURE__ */ jsxs189("span", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx233(SelectTrigger, { className: "w-[130px] shrink-0", children: /* @__PURE__ */ jsx233(SelectValue, { children: selectedCountry && /* @__PURE__ */ jsxs190("span", { className: "flex items-center gap-1.5", children: [
             /* @__PURE__ */ jsx233("span", { children: selectedCountry.flag }),
             /* @__PURE__ */ jsx233("span", { children: selectedCountry.dialCode })
           ] }) }) }),
-          /* @__PURE__ */ jsxs189(SelectContent, { className: "max-h-[300px] !w-[280px]", children: [
+          /* @__PURE__ */ jsxs190(SelectContent, { className: "max-h-[300px] !w-[280px]", children: [
             /* @__PURE__ */ jsx233(SelectGroup, { children: priority.map((country) => /* @__PURE__ */ jsx233(CountryOption, { country }, country.code)) }),
             /* @__PURE__ */ jsx233(SelectSeparator, {}),
             /* @__PURE__ */ jsx233(SelectGroup, { children: others.map((country) => /* @__PURE__ */ jsx233(CountryOption, { country }, country.code)) })
@@ -25628,7 +25678,7 @@ function PhoneInput({
   ] });
 }
 function CountryOption({ country }) {
-  return /* @__PURE__ */ jsx233(SelectItem, { value: country.code, textValue: country.name, children: /* @__PURE__ */ jsxs189("span", { className: "flex items-center gap-2", children: [
+  return /* @__PURE__ */ jsx233(SelectItem, { value: country.code, textValue: country.name, children: /* @__PURE__ */ jsxs190("span", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ jsx233("span", { className: "shrink-0", children: country.flag }),
     /* @__PURE__ */ jsx233("span", { className: "shrink-0 text-ods-text-secondary", children: country.dialCode }),
     /* @__PURE__ */ jsx233("span", { className: "overflow-hidden text-ellipsis whitespace-nowrap max-w-[140px] inline-block", children: country.name })
@@ -25640,7 +25690,7 @@ init_cn();
 import * as PopoverPrimitive3 from "@radix-ui/react-popover";
 import * as ScrollAreaPrimitive3 from "@radix-ui/react-scroll-area";
 import * as React83 from "react";
-import { jsx as jsx234, jsxs as jsxs190 } from "react/jsx-runtime";
+import { jsx as jsx234, jsxs as jsxs191 } from "react/jsx-runtime";
 var containerStyles = cn(
   // Layout & spacing — matches lib Input component
   "flex items-center gap-2 rounded-[6px] border px-3 h-11 md:h-12 cursor-text",
@@ -25821,9 +25871,9 @@ function SearchInput({
   const handleOpenChange = (open) => {
     setIsOpen(open);
   };
-  const defaultRenderResult = (result, isHighlighted) => /* @__PURE__ */ jsxs190("div", { className: "flex items-center gap-3 w-full min-w-0", children: [
+  const defaultRenderResult = (result, isHighlighted) => /* @__PURE__ */ jsxs191("div", { className: "flex items-center gap-3 w-full min-w-0", children: [
     result.icon && /* @__PURE__ */ jsx234("span", { className: "flex-shrink-0 text-ods-text-secondary [&_svg]:size-4", children: result.icon }),
-    /* @__PURE__ */ jsxs190("div", { className: "min-w-0 flex-1", children: [
+    /* @__PURE__ */ jsxs191("div", { className: "min-w-0 flex-1", children: [
       /* @__PURE__ */ jsx234("div", { className: cn(
         "text-sm font-medium leading-5 truncate",
         isHighlighted ? "text-ods-accent" : "text-ods-text-primary"
@@ -25860,7 +25910,7 @@ function SearchInput({
     }
     if (groups) {
       let globalIndex = 0;
-      return Array.from(groups.entries()).map(([groupLabel, groupResults]) => /* @__PURE__ */ jsxs190("div", { children: [
+      return Array.from(groups.entries()).map(([groupLabel, groupResults]) => /* @__PURE__ */ jsxs191("div", { children: [
         /* @__PURE__ */ jsx234("div", { className: "px-4 py-2 text-[12px] font-semibold text-ods-text-secondary uppercase tracking-wide bg-ods-bg", children: groupLabel }),
         groupResults.map((result) => {
           const idx = globalIndex++;
@@ -25871,9 +25921,9 @@ function SearchInput({
     return flatResults.map((result, index) => renderRow(result, index));
   };
   const hasValue = currentValue.length > 0;
-  return /* @__PURE__ */ jsxs190("div", { className: cn("relative", className), ref: containerRef, children: [
-    /* @__PURE__ */ jsxs190(PopoverPrimitive3.Root, { open: dropdownVisible, onOpenChange: handleOpenChange, modal: false, children: [
-      /* @__PURE__ */ jsx234(PopoverPrimitive3.Anchor, { asChild: true, children: /* @__PURE__ */ jsxs190(
+  return /* @__PURE__ */ jsxs191("div", { className: cn("relative", className), ref: containerRef, children: [
+    /* @__PURE__ */ jsxs191(PopoverPrimitive3.Root, { open: dropdownVisible, onOpenChange: handleOpenChange, modal: false, children: [
+      /* @__PURE__ */ jsx234(PopoverPrimitive3.Anchor, { asChild: true, children: /* @__PURE__ */ jsxs191(
         "div",
         {
           className: cn(
@@ -25887,7 +25937,7 @@ function SearchInput({
           },
           children: [
             /* @__PURE__ */ jsx234("span", { className: "flex-shrink-0 text-ods-text-secondary transition-colors duration-200 group-has-[:focus]:text-ods-accent [&_svg]:size-4 md:[&_svg]:size-6", children: startAdornment !== void 0 ? startAdornment : /* @__PURE__ */ jsx234(SearchIcon, {}) }),
-            /* @__PURE__ */ jsxs190("div", { ref: middleRef, className: "flex-1 flex items-center gap-2 min-w-0 overflow-hidden", children: [
+            /* @__PURE__ */ jsxs191("div", { ref: middleRef, className: "flex-1 flex items-center gap-2 min-w-0 overflow-hidden", children: [
               visibleChips.map((chip) => /* @__PURE__ */ jsx234(
                 Tag,
                 {
@@ -25934,7 +25984,7 @@ function SearchInput({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs190("div", { className: "flex items-center gap-1 shrink-0 ml-auto", children: [
+            /* @__PURE__ */ jsxs191("div", { className: "flex items-center gap-1 shrink-0 ml-auto", children: [
               hasValue && /* @__PURE__ */ jsx234(
                 "button",
                 {
@@ -25973,7 +26023,7 @@ function SearchInput({
               e.preventDefault();
             }
           },
-          children: /* @__PURE__ */ jsxs190(ScrollAreaPrimitive3.Root, { className: "overflow-hidden", children: [
+          children: /* @__PURE__ */ jsxs191(ScrollAreaPrimitive3.Root, { className: "overflow-hidden", children: [
             /* @__PURE__ */ jsx234(ScrollAreaPrimitive3.Viewport, { className: "max-h-[320px] w-full", children: /* @__PURE__ */ jsx234("div", { role: "listbox", children: renderDropdownContent() }) }),
             /* @__PURE__ */ jsx234(ScrollAreaPrimitive3.Scrollbar, { className: "hidden", orientation: "vertical", children: /* @__PURE__ */ jsx234(ScrollAreaPrimitive3.Thumb, {}) })
           ] })
@@ -26029,7 +26079,7 @@ function SearchInput({
 init_cn();
 import * as React84 from "react";
 import * as CheckboxPrimitive4 from "@radix-ui/react-checkbox";
-import { jsx as jsx235, jsxs as jsxs191 } from "react/jsx-runtime";
+import { jsx as jsx235, jsxs as jsxs192 } from "react/jsx-runtime";
 function FilterListItem({
   title,
   meta,
@@ -26042,7 +26092,7 @@ function FilterListItem({
     if (disabled) return;
     onToggle?.(!selected);
   };
-  return /* @__PURE__ */ jsxs191(
+  return /* @__PURE__ */ jsxs192(
     "div",
     {
       role: "button",
@@ -26067,7 +26117,7 @@ function FilterListItem({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs191("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+        /* @__PURE__ */ jsxs192("div", { className: "flex min-w-0 flex-1 flex-col", children: [
           /* @__PURE__ */ jsx235("p", { className: "truncate text-h4 text-ods-text-primary", children: title }),
           meta && meta.length > 0 && /* @__PURE__ */ jsx235(
             "div",
@@ -26076,7 +26126,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__ */ jsxs191(React84.Fragment, { children: [
+              children: meta.map((item, index) => /* @__PURE__ */ jsxs192(React84.Fragment, { children: [
                 index > 0 && /* @__PURE__ */ jsx235("span", { "aria-hidden": "true", children: "\u2022" }),
                 /* @__PURE__ */ jsx235("span", { children: item })
               ] }, index))
@@ -26147,7 +26197,7 @@ import {
   useState as useState50
 } from "react";
 init_cn();
-import { jsx as jsx236, jsxs as jsxs192 } from "react/jsx-runtime";
+import { jsx as jsx236, jsxs as jsxs193 } from "react/jsx-runtime";
 function TagSearchInput({
   tags,
   searchValue,
@@ -26210,8 +26260,8 @@ function TagSearchInput({
     onClearAll?.();
     inputRef.current?.focus();
   };
-  return /* @__PURE__ */ jsxs192("div", { ref: wrapperRef, className: "relative", children: [
-    /* @__PURE__ */ jsxs192(
+  return /* @__PURE__ */ jsxs193("div", { ref: wrapperRef, className: "relative", children: [
+    /* @__PURE__ */ jsxs193(
       "div",
       {
         className: cn(
@@ -26229,7 +26279,7 @@ function TagSearchInput({
         },
         children: [
           /* @__PURE__ */ jsx236("div", { className: "shrink-0 flex items-center pl-3", children: /* @__PURE__ */ jsx236(SearchIcon, { className: "text-ods-text-secondary size-4 md:size-6" }) }),
-          /* @__PURE__ */ jsxs192("div", { ref: middleRef, className: "flex-1 flex items-center gap-2 min-w-0 overflow-hidden px-2", children: [
+          /* @__PURE__ */ jsxs193("div", { ref: middleRef, className: "flex-1 flex items-center gap-2 min-w-0 overflow-hidden px-2", children: [
             visibleTags.map((tag) => /* @__PURE__ */ jsx236(
               Tag,
               {
@@ -26341,7 +26391,7 @@ init_cn();
 import { useRef as useRef34, useCallback as useCallback27, useState as useState51, useEffect as useEffect40 } from "react";
 import dynamic from "next/dynamic";
 import { Loader2 as Loader23, Upload as Upload2 } from "lucide-react";
-import { jsx as jsx237, jsxs as jsxs193 } from "react/jsx-runtime";
+import { jsx as jsx237, jsxs as jsxs194 } from "react/jsx-runtime";
 var MDEditor = dynamic(() => import("@uiw/react-md-editor"), { ssr: false });
 var MARKDOWN_EDITOR_STYLE_ID = "ods-markdown-editor-styles";
 var mdEditorCSS = `
@@ -26551,7 +26601,7 @@ function MarkdownEditor({
       cancelAnimationFrame(rafRef.current);
     };
   }, [scrollLoop, findScrollParent]);
-  return /* @__PURE__ */ jsxs193(
+  return /* @__PURE__ */ jsxs194(
     "div",
     {
       ref: wrapperRef,
@@ -26616,7 +26666,7 @@ function MarkdownEditor({
 import * as React86 from "react";
 import { Loader2 as Loader24, X as X10 } from "lucide-react";
 init_cn();
-import { jsx as jsx238, jsxs as jsxs194 } from "react/jsx-runtime";
+import { jsx as jsx238, jsxs as jsxs195 } from "react/jsx-runtime";
 function formatFileSize(bytes) {
   if (bytes === 0) return "0 B";
   const k = 1024;
@@ -26805,7 +26855,7 @@ function FileUpload({
   const hasFiles = isManaged ? managedFiles.length > 0 : files.length > 0;
   const fileCount = currentCount;
   const canAddMore = multiple && fileCount < maxFiles;
-  return /* @__PURE__ */ jsxs194(FieldWrapper, { label: fieldLabel, error: displayError, className, children: [
+  return /* @__PURE__ */ jsxs195(FieldWrapper, { label: fieldLabel, error: displayError, className, children: [
     /* @__PURE__ */ jsx238(
       "input",
       {
@@ -26818,7 +26868,7 @@ function FileUpload({
         disabled
       }
     ),
-    !hasFiles && /* @__PURE__ */ jsxs194(
+    !hasFiles && /* @__PURE__ */ jsxs195(
       "button",
       {
         type: "button",
@@ -26838,14 +26888,14 @@ function FileUpload({
         ),
         children: [
           /* @__PURE__ */ jsx238("div", { className: "flex items-center p-3 rounded-full bg-ods-card border border-ods-border shrink-0", children: icon || /* @__PURE__ */ jsx238(ImagePlusIcon, { className: "size-6 text-ods-text-primary" }) }),
-          /* @__PURE__ */ jsxs194("div", { className: "flex flex-1 flex-col font-['DM_Sans'] font-medium min-w-0", children: [
+          /* @__PURE__ */ jsxs195("div", { className: "flex flex-1 flex-col font-['DM_Sans'] font-medium min-w-0", children: [
             /* @__PURE__ */ jsx238("span", { className: "text-heading-4 text-ods-text-primary", children: label }),
             /* @__PURE__ */ jsx238("span", { className: "text-heading-5 text-ods-text-secondary", children: description })
           ] })
         ]
       }
     ),
-    hasFiles && /* @__PURE__ */ jsxs194("div", { className: "flex flex-col gap-2", children: [
+    hasFiles && /* @__PURE__ */ jsxs195("div", { className: "flex flex-col gap-2", children: [
       /* @__PURE__ */ jsx238(
         "div",
         {
@@ -26854,7 +26904,7 @@ function FileUpload({
             dragActive && "bg-ods-accent/5"
           ),
           style: maxListHeight ? { maxHeight: typeof maxListHeight === "number" ? `${maxListHeight}px` : maxListHeight, overflowY: "auto" } : void 0,
-          children: isManaged ? managedFiles.map((entry) => /* @__PURE__ */ jsxs194(
+          children: isManaged ? managedFiles.map((entry) => /* @__PURE__ */ jsxs195(
             "div",
             {
               className: cn(
@@ -26862,11 +26912,11 @@ function FileUpload({
                 entry.status === "error" ? "border-[var(--ods-attention-red-error)]/40" : "border-ods-border"
               ),
               children: [
-                /* @__PURE__ */ jsxs194("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ jsxs195("div", { className: "flex-1 min-w-0", children: [
                   /* @__PURE__ */ jsx238("p", { className: "text-heading-5 font-medium text-ods-text-primary truncate", children: entry.fileName }),
-                  /* @__PURE__ */ jsxs194("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsxs195("div", { className: "flex items-center gap-2", children: [
                     /* @__PURE__ */ jsx238("span", { className: "text-heading-6 text-ods-text-secondary", children: formatFileSize(entry.fileSize) }),
-                    entry.status === "uploading" && /* @__PURE__ */ jsxs194("span", { className: "flex items-center gap-1 text-heading-6 text-ods-text-secondary", children: [
+                    entry.status === "uploading" && /* @__PURE__ */ jsxs195("span", { className: "flex items-center gap-1 text-heading-6 text-ods-text-secondary", children: [
                       /* @__PURE__ */ jsx238(Loader24, { className: "size-3 animate-spin" }),
                       "Uploading..."
                     ] }),
@@ -26886,12 +26936,12 @@ function FileUpload({
               ]
             },
             entry.id
-          )) : files.map((file, index) => /* @__PURE__ */ jsxs194(
+          )) : files.map((file, index) => /* @__PURE__ */ jsxs195(
             "div",
             {
               className: "flex items-center gap-3 p-3 rounded-[6px] bg-ods-card border border-ods-border",
               children: [
-                /* @__PURE__ */ jsxs194("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ jsxs195("div", { className: "flex-1 min-w-0", children: [
                   /* @__PURE__ */ jsx238("p", { className: "text-heading-5 font-medium text-ods-text-primary truncate", children: file.name }),
                   /* @__PURE__ */ jsx238("p", { className: "text-heading-6 text-ods-text-secondary", children: formatFileSize(file.size) })
                 ] }),
@@ -26940,7 +26990,7 @@ function FileUpload({
 import * as React87 from "react";
 import { Loader2 as Loader25 } from "lucide-react";
 init_cn();
-import { Fragment as Fragment39, jsx as jsx239, jsxs as jsxs195 } from "react/jsx-runtime";
+import { Fragment as Fragment39, jsx as jsx239, jsxs as jsxs196 } from "react/jsx-runtime";
 var DEFAULT_MAX_SIZE = 25 * 1024 * 1024;
 function formatSize(bytes) {
   const mb = bytes / (1024 * 1024);
@@ -27029,7 +27079,7 @@ function ImageUploader({
     }
   };
   const isActionState = dragActive || pressed && !hasImage;
-  return /* @__PURE__ */ jsxs195(FieldWrapper, { label: fieldLabel, error: displayError, className, children: [
+  return /* @__PURE__ */ jsxs196(FieldWrapper, { label: fieldLabel, error: displayError, className, children: [
     /* @__PURE__ */ jsx239(
       "input",
       {
@@ -27066,7 +27116,7 @@ function ImageUploader({
           !interactive && "opacity-60",
           !hasImage && !interactive && "cursor-not-allowed"
         ),
-        children: hasImage ? /* @__PURE__ */ jsxs195(Fragment39, { children: [
+        children: hasImage ? /* @__PURE__ */ jsxs196(Fragment39, { children: [
           /* @__PURE__ */ jsx239("div", { className: "relative min-h-0 w-full flex-1 overflow-hidden rounded-md", children: /* @__PURE__ */ jsx239(
             "img",
             {
@@ -27082,7 +27132,7 @@ function ImageUploader({
               )
             }
           ) }),
-          /* @__PURE__ */ jsxs195("div", { className: "absolute left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 items-center gap-4", children: [
+          /* @__PURE__ */ jsxs196("div", { className: "absolute left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 items-center gap-4", children: [
             /* @__PURE__ */ jsx239(
               ActionIconButton,
               {
@@ -27103,9 +27153,9 @@ function ImageUploader({
             )
           ] }),
           loading && /* @__PURE__ */ jsx239("div", { className: "absolute inset-0 flex items-center justify-center rounded-md bg-ods-overlay", children: /* @__PURE__ */ jsx239(Loader25, { className: "size-8 animate-spin text-ods-text-on-dark" }) })
-        ] }) : loading ? /* @__PURE__ */ jsx239(Loader25, { className: "size-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs195(Fragment39, { children: [
+        ] }) : loading ? /* @__PURE__ */ jsx239(Loader25, { className: "size-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs196(Fragment39, { children: [
           /* @__PURE__ */ jsx239("div", { className: "flex shrink-0 items-center justify-center rounded-full border border-ods-border bg-ods-card p-[var(--spacing-system-s)]", children: /* @__PURE__ */ jsx239(ImagePlusIcon, { className: "size-6 text-ods-text-primary" }) }),
-          /* @__PURE__ */ jsxs195("div", { className: "flex w-full flex-col items-center text-center", children: [
+          /* @__PURE__ */ jsxs196("div", { className: "flex w-full flex-col items-center text-center", children: [
             /* @__PURE__ */ jsx239("p", { className: "text-h4 text-ods-text-primary", children: label }),
             /* @__PURE__ */ jsx239("p", { className: "text-h6 text-ods-text-secondary", children: description }),
             resolvedHint && /* @__PURE__ */ jsx239("p", { className: "text-h6 text-ods-text-secondary", children: resolvedHint })
@@ -27144,7 +27194,7 @@ function ActionIconButton({ onClick, disabled, ariaLabel, children }) {
 import * as PopoverPrimitive4 from "@radix-ui/react-popover";
 import * as React88 from "react";
 init_cn();
-import { jsx as jsx240, jsxs as jsxs196 } from "react/jsx-runtime";
+import { jsx as jsx240, jsxs as jsxs197 } from "react/jsx-runtime";
 function AssigneeDropdown(props) {
   if (props.variant === "compact") {
     return /* @__PURE__ */ jsx240(CompactAssigneeDropdown, { ...props });
@@ -27214,9 +27264,9 @@ function CompactAssigneeDropdown({
       children: /* @__PURE__ */ jsx240(UserPlusIcon, { className: "size-4" })
     }
   );
-  return /* @__PURE__ */ jsxs196(PopoverPrimitive4.Root, { open: isOpen, onOpenChange: setIsOpen, modal: false, children: [
+  return /* @__PURE__ */ jsxs197(PopoverPrimitive4.Root, { open: isOpen, onOpenChange: setIsOpen, modal: false, children: [
     /* @__PURE__ */ jsx240(PopoverPrimitive4.Trigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ jsx240(PopoverPrimitive4.Portal, { children: /* @__PURE__ */ jsxs196(
+    /* @__PURE__ */ jsx240(PopoverPrimitive4.Portal, { children: /* @__PURE__ */ jsxs197(
       PopoverPrimitive4.Content,
       {
         align: "end",
@@ -27242,7 +27292,7 @@ function CompactAssigneeDropdown({
           ) }),
           /* @__PURE__ */ jsx240("div", { className: "max-h-80 overflow-y-auto py-[var(--spacing-system-xs)]", role: "listbox", children: isLoading ? /* @__PURE__ */ jsx240("div", { className: "px-[var(--spacing-system-sf)] py-[var(--spacing-system-s)] text-h5 text-ods-text-secondary", children: "Loading\u2026" }) : orderedOptions.length === 0 ? /* @__PURE__ */ jsx240("div", { className: "px-[var(--spacing-system-sf)] py-[var(--spacing-system-s)] text-h5 text-ods-text-secondary", children: "No users found" }) : orderedOptions.map((opt) => {
             const isCurrent = currentAssignee?.id === opt.value;
-            return /* @__PURE__ */ jsxs196(
+            return /* @__PURE__ */ jsxs197(
               "button",
               {
                 type: "button",
@@ -27289,7 +27339,7 @@ function DefaultAssigneeDropdown({
   const hasAssignee = !!currentAssignee;
   const renderOption = React88.useCallback((option) => {
     const opt = option;
-    return /* @__PURE__ */ jsxs196("div", { className: "flex items-center gap-[var(--spacing-system-sf)] w-full min-w-0", children: [
+    return /* @__PURE__ */ jsxs197("div", { className: "flex items-center gap-[var(--spacing-system-sf)] w-full min-w-0", children: [
       /* @__PURE__ */ jsx240(
         SquareAvatar,
         {
@@ -27305,7 +27355,7 @@ function DefaultAssigneeDropdown({
     ] });
   }, []);
   if (isEditing) {
-    return /* @__PURE__ */ jsxs196("div", { className: cn("min-w-0", className), children: [
+    return /* @__PURE__ */ jsxs197("div", { className: cn("min-w-0", className), children: [
       /* @__PURE__ */ jsx240(
         Autocomplete,
         {
@@ -27336,7 +27386,7 @@ function DefaultAssigneeDropdown({
     ] });
   }
   if (hasAssignee) {
-    return /* @__PURE__ */ jsxs196("div", { className: cn("flex items-center gap-[var(--spacing-system-xs)] min-w-0", className), children: [
+    return /* @__PURE__ */ jsxs197("div", { className: cn("flex items-center gap-[var(--spacing-system-xs)] min-w-0", className), children: [
       /* @__PURE__ */ jsx240(
         SquareAvatar,
         {
@@ -27348,8 +27398,8 @@ function DefaultAssigneeDropdown({
           className: "shrink-0"
         }
       ),
-      /* @__PURE__ */ jsx240("div", { className: "flex-1 min-w-0 overflow-hidden", children: /* @__PURE__ */ jsxs196("div", { className: "flex flex-col justify-center", children: [
-        /* @__PURE__ */ jsx240("div", { className: "flex items-center gap-[var(--spacing-system-xxs)] w-full min-w-0", children: /* @__PURE__ */ jsxs196(
+      /* @__PURE__ */ jsx240("div", { className: "flex-1 min-w-0 overflow-hidden", children: /* @__PURE__ */ jsxs197("div", { className: "flex flex-col justify-center", children: [
+        /* @__PURE__ */ jsx240("div", { className: "flex items-center gap-[var(--spacing-system-xxs)] w-full min-w-0", children: /* @__PURE__ */ jsxs197(
           "button",
           {
             type: "button",
@@ -27365,8 +27415,8 @@ function DefaultAssigneeDropdown({
       ] }) })
     ] });
   }
-  return /* @__PURE__ */ jsxs196("div", { className: cn("min-w-0", className), children: [
-    /* @__PURE__ */ jsxs196(
+  return /* @__PURE__ */ jsxs197("div", { className: cn("min-w-0", className), children: [
+    /* @__PURE__ */ jsxs197(
       "button",
       {
         type: "button",
@@ -27387,9 +27437,9 @@ init_cn();
 
 // src/components/ui/ticket-detail-section.tsx
 init_cn();
-import { jsx as jsx241, jsxs as jsxs197 } from "react/jsx-runtime";
+import { jsx as jsx241, jsxs as jsxs198 } from "react/jsx-runtime";
 function TicketDetailSection({ label, children, className }) {
-  return /* @__PURE__ */ jsxs197("div", { className: cn("flex flex-col gap-1", className), children: [
+  return /* @__PURE__ */ jsxs198("div", { className: cn("flex flex-col gap-1", className), children: [
     /* @__PURE__ */ jsx241("p", { className: "text-h5 text-ods-text-secondary", children: label }),
     children
   ] });
@@ -27398,10 +27448,10 @@ function TicketDetailSection({ label, children, className }) {
 // src/components/ui/ticket-attachments-list.tsx
 init_cn();
 import { Download, FileIcon } from "lucide-react";
-import { jsx as jsx242, jsxs as jsxs198 } from "react/jsx-runtime";
+import { jsx as jsx242, jsxs as jsxs199 } from "react/jsx-runtime";
 function TicketAttachmentsList({ attachments, className }) {
   if (attachments.length === 0) return null;
-  return /* @__PURE__ */ jsx242("div", { className: cn("rounded-[6px] border border-ods-border overflow-hidden", className), children: attachments.map((attachment, index) => /* @__PURE__ */ jsxs198(
+  return /* @__PURE__ */ jsx242("div", { className: cn("rounded-[6px] border border-ods-border overflow-hidden", className), children: attachments.map((attachment, index) => /* @__PURE__ */ jsxs199(
     "div",
     {
       className: cn(
@@ -27418,7 +27468,7 @@ function TicketAttachmentsList({ attachments, className }) {
             className: "shrink-0"
           }
         ) : /* @__PURE__ */ jsx242("div", { className: "shrink-0 size-10 flex items-center justify-center rounded-[6px] bg-ods-card border border-ods-border", children: /* @__PURE__ */ jsx242(FileIcon, { className: "size-6 text-ods-text-secondary" }) }),
-        /* @__PURE__ */ jsxs198("div", { className: "flex-1 min-w-0 overflow-hidden", children: [
+        /* @__PURE__ */ jsxs199("div", { className: "flex-1 min-w-0 overflow-hidden", children: [
           /* @__PURE__ */ jsx242("p", { className: "text-h4 text-ods-text-primary truncate", children: attachment.fileName }),
           /* @__PURE__ */ jsx242("p", { className: "text-h6 text-ods-text-secondary", children: attachment.fileSize })
         ] }),
@@ -27445,7 +27495,7 @@ init_cn();
 // src/components/ui/ticket-note-card.tsx
 import * as React89 from "react";
 init_cn();
-import { Fragment as Fragment40, jsx as jsx243, jsxs as jsxs199 } from "react/jsx-runtime";
+import { Fragment as Fragment40, jsx as jsx243, jsxs as jsxs200 } from "react/jsx-runtime";
 function TicketNoteCard({ note, onEdit, onDelete, className }) {
   const [isEditing, setIsEditing] = React89.useState(false);
   const [editText, setEditText] = React89.useState(note.text);
@@ -27468,7 +27518,7 @@ function TicketNoteCard({ note, onEdit, onDelete, className }) {
       handleCancel();
     }
   };
-  return /* @__PURE__ */ jsxs199(
+  return /* @__PURE__ */ jsxs200(
     "div",
     {
       className: cn(
@@ -27488,7 +27538,7 @@ function TicketNoteCard({ note, onEdit, onDelete, className }) {
             className: "shrink-0"
           }
         ),
-        /* @__PURE__ */ jsx243("div", { className: "flex-1 min-w-0 overflow-hidden", children: isEditing ? /* @__PURE__ */ jsxs199("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx243("div", { className: "flex-1 min-w-0 overflow-hidden", children: isEditing ? /* @__PURE__ */ jsxs200("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx243("div", { className: "flex-1", children: /* @__PURE__ */ jsx243(
             Input,
             {
@@ -27519,15 +27569,15 @@ function TicketNoteCard({ note, onEdit, onDelete, className }) {
               children: /* @__PURE__ */ jsx243(XmarkIcon, { className: "size-5" })
             }
           )
-        ] }) : /* @__PURE__ */ jsxs199(Fragment40, { children: [
+        ] }) : /* @__PURE__ */ jsxs200(Fragment40, { children: [
           /* @__PURE__ */ jsx243("p", { className: "text-h4 text-ods-text-primary", children: note.text }),
-          /* @__PURE__ */ jsxs199("p", { className: "text-h6 text-ods-text-secondary truncate", children: [
+          /* @__PURE__ */ jsxs200("p", { className: "text-h6 text-ods-text-secondary truncate", children: [
             note.authorName,
             " \u2022 ",
             note.createdAt
           ] })
         ] }) }),
-        note.isOwn && !isEditing && /* @__PURE__ */ jsxs199("div", { className: "flex items-center gap-4 shrink-0", children: [
+        note.isOwn && !isEditing && /* @__PURE__ */ jsxs200("div", { className: "flex items-center gap-4 shrink-0", children: [
           onDelete && /* @__PURE__ */ jsx243(
             "button",
             {
@@ -27555,7 +27605,7 @@ function TicketNoteCard({ note, onEdit, onDelete, className }) {
 }
 
 // src/components/ui/ticket-notes-section.tsx
-import { jsx as jsx244, jsxs as jsxs200 } from "react/jsx-runtime";
+import { jsx as jsx244, jsxs as jsxs201 } from "react/jsx-runtime";
 function TicketNotesSection({
   notes,
   onAddNote,
@@ -27577,7 +27627,7 @@ function TicketNotesSection({
       handleSend();
     }
   };
-  return /* @__PURE__ */ jsxs200("div", { className: cn("flex flex-col gap-2", className), children: [
+  return /* @__PURE__ */ jsxs201("div", { className: cn("flex flex-col gap-2", className), children: [
     notes.map((note) => /* @__PURE__ */ jsx244(
       TicketNoteCard,
       {
@@ -27587,7 +27637,7 @@ function TicketNotesSection({
       },
       note.id
     )),
-    onAddNote && /* @__PURE__ */ jsxs200("div", { className: "flex items-center gap-2", children: [
+    onAddNote && /* @__PURE__ */ jsxs201("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx244("div", { className: "flex-1", children: /* @__PURE__ */ jsx244(
         Input,
         {
@@ -27619,10 +27669,10 @@ function TicketNotesSection({
 }
 
 // src/components/ui/ticket-info-section.tsx
-import { Fragment as Fragment41, jsx as jsx245, jsxs as jsxs201 } from "react/jsx-runtime";
+import { Fragment as Fragment41, jsx as jsx245, jsxs as jsxs202 } from "react/jsx-runtime";
 function InfoCell2({ value, label, icon, onClick }) {
-  return /* @__PURE__ */ jsx245("div", { className: "flex-1 min-w-0 overflow-hidden", children: /* @__PURE__ */ jsxs201("div", { className: "flex flex-col justify-center", children: [
-    /* @__PURE__ */ jsxs201("div", { className: "flex items-center gap-1 w-full min-w-0", children: [
+  return /* @__PURE__ */ jsx245("div", { className: "flex-1 min-w-0 overflow-hidden", children: /* @__PURE__ */ jsxs202("div", { className: "flex flex-col justify-center", children: [
+    /* @__PURE__ */ jsxs202("div", { className: "flex items-center gap-1 w-full min-w-0", children: [
       icon && /* @__PURE__ */ jsx245("span", { className: "shrink-0 size-4 flex items-center justify-center text-ods-text-secondary", children: icon }),
       onClick ? /* @__PURE__ */ jsx245(
         "button",
@@ -27655,7 +27705,7 @@ function TicketInfoSection({
   onDeleteNote,
   isAddingNote
 }) {
-  return /* @__PURE__ */ jsxs201(
+  return /* @__PURE__ */ jsxs202(
     "div",
     {
       className: cn(
@@ -27663,8 +27713,8 @@ function TicketInfoSection({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs201("div", { className: "grid grid-cols-2 lg:grid-cols-[1fr_1fr_1fr_auto] gap-4 px-4 py-3 bg-ods-card border-b border-ods-border items-center", children: [
-          /* @__PURE__ */ jsxs201("div", { className: "flex items-center gap-2 min-w-0", children: [
+        /* @__PURE__ */ jsxs202("div", { className: "grid grid-cols-2 lg:grid-cols-[1fr_1fr_1fr_auto] gap-4 px-4 py-3 bg-ods-card border-b border-ods-border items-center", children: [
+          /* @__PURE__ */ jsxs202("div", { className: "flex items-center gap-2 min-w-0", children: [
             /* @__PURE__ */ jsx245(
               SquareAvatar,
               {
@@ -27686,8 +27736,8 @@ function TicketInfoSection({
               isPending: assigned.isPending,
               onAssign: assigned.onAssign
             }
-          ) : /* @__PURE__ */ jsxs201("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ jsxs201("div", { className: "flex items-center gap-1 text-h4 text-ods-text-secondary", children: [
+          ) : /* @__PURE__ */ jsxs202("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsxs202("div", { className: "flex items-center gap-1 text-h4 text-ods-text-secondary", children: [
               /* @__PURE__ */ jsx245(UserIcon2, { className: "size-4 shrink-0" }),
               /* @__PURE__ */ jsx245("span", { className: "truncate", children: "Unassigned" })
             ] }),
@@ -27702,7 +27752,7 @@ function TicketInfoSection({
               onClick: device?.onClick
             }
           ),
-          /* @__PURE__ */ jsxs201("div", { className: "flex items-center gap-4 min-w-0", children: [
+          /* @__PURE__ */ jsxs202("div", { className: "flex items-center gap-4 min-w-0", children: [
             status && /* @__PURE__ */ jsx245("div", { className: "min-w-0", children: /* @__PURE__ */ jsx245(TicketStatusTag, { status }) }),
             onExpand && /* @__PURE__ */ jsx245(
               "button",
@@ -27728,9 +27778,9 @@ function TicketInfoSection({
             )
           ] })
         ] }),
-        expanded && /* @__PURE__ */ jsxs201(Fragment41, { children: [
+        expanded && /* @__PURE__ */ jsxs202(Fragment41, { children: [
           createdAt && /* @__PURE__ */ jsx245("div", { className: "grid grid-cols-2 gap-4 px-4 py-3 bg-ods-bg border-b border-ods-border items-center", children: /* @__PURE__ */ jsx245(InfoCell2, { value: createdAt, label: "Created" }) }),
-          /* @__PURE__ */ jsxs201("div", { className: "flex flex-col gap-4 p-4 bg-ods-bg border-b border-ods-border", children: [
+          /* @__PURE__ */ jsxs202("div", { className: "flex flex-col gap-4 p-4 bg-ods-bg border-b border-ods-border", children: [
             description && /* @__PURE__ */ jsx245(SimpleMarkdownRenderer, { content: description }),
             attachments && attachments.length > 0 && /* @__PURE__ */ jsx245(TicketDetailSection, { label: "Attachments", children: /* @__PURE__ */ jsx245(TicketAttachmentsList, { attachments }) }),
             tags && tags.length > 0 && /* @__PURE__ */ jsx245(TicketDetailSection, { label: "Tags", children: /* @__PURE__ */ jsx245("div", { className: "flex flex-wrap gap-2 min-w-0", children: tags.map((tag) => /* @__PURE__ */ jsx245(Tag, { label: tag, variant: "outline", className: "max-w-full" }, tag)) }) }),
@@ -27753,7 +27803,7 @@ function TicketInfoSection({
 
 // src/components/features/array-entry-manager.tsx
 import { Trash2 as Trash22, Plus as Plus2, Save, Loader2 as Loader26 } from "lucide-react";
-import { jsx as jsx246, jsxs as jsxs202 } from "react/jsx-runtime";
+import { jsx as jsx246, jsxs as jsxs203 } from "react/jsx-runtime";
 function ArrayEntryManager({
   title,
   items,
@@ -27823,10 +27873,10 @@ function ArrayEntryManager({
     }
     onChange(newItems);
   };
-  return /* @__PURE__ */ jsxs202("div", { className: `space-y-3 ${className}`, children: [
-    /* @__PURE__ */ jsxs202("div", { className: "flex items-center justify-between", children: [
+  return /* @__PURE__ */ jsxs203("div", { className: `space-y-3 ${className}`, children: [
+    /* @__PURE__ */ jsxs203("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsx246(Label, { className: "text-[14px] text-ods-text-primary", children: title }),
-      /* @__PURE__ */ jsxs202("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxs203("div", { className: "flex items-center gap-2", children: [
         requireSave && isDirty && /* @__PURE__ */ jsx246(
           Button,
           {
@@ -27853,9 +27903,9 @@ function ArrayEntryManager({
         )
       ] })
     ] }),
-    workingItems.map((item, index) => /* @__PURE__ */ jsxs202("div", { className: "flex items-center gap-3 p-3 bg-ods-bg-secondary rounded-lg border border-ods-border", children: [
+    workingItems.map((item, index) => /* @__PURE__ */ jsxs203("div", { className: "flex items-center gap-3 p-3 bg-ods-bg-secondary rounded-lg border border-ods-border", children: [
       icon && /* @__PURE__ */ jsx246("div", { className: "w-8 h-8 flex items-center justify-center", children: icon }),
-      /* @__PURE__ */ jsxs202("div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ jsxs203("div", { className: "flex-1 space-y-2", children: [
         renderLabel && renderLabel(item, index),
         /* @__PURE__ */ jsx246(
           Input,
@@ -27953,7 +28003,7 @@ function ProviderButton({ provider, onClick, disabled = false, loading = false }
 }
 
 // src/components/features/auth-providers-list.tsx
-import { jsx as jsx248, jsxs as jsxs203 } from "react/jsx-runtime";
+import { jsx as jsx248, jsxs as jsxs204 } from "react/jsx-runtime";
 function AuthProvidersList({
   enabledProviders,
   onProviderClick,
@@ -27972,8 +28022,8 @@ function AuthProvidersList({
       console.error(`\u274C Auth Providers List: Error with ${provider}:`, error);
     }
   };
-  return /* @__PURE__ */ jsxs203("div", { className: "space-y-3", children: [
-    showDivider && /* @__PURE__ */ jsxs203("div", { className: "relative", children: [
+  return /* @__PURE__ */ jsxs204("div", { className: "space-y-3", children: [
+    showDivider && /* @__PURE__ */ jsxs204("div", { className: "relative", children: [
       /* @__PURE__ */ jsx248("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsx248("div", { className: "w-full border-t border-ods-border" }) }),
       /* @__PURE__ */ jsx248("div", { className: "relative flex justify-center text-sm", children: /* @__PURE__ */ jsx248("span", { className: "px-2 bg-ods-card text-ods-text-secondary", children: dividerText }) })
     ] }),
@@ -27993,7 +28043,7 @@ function AuthProvidersList({
 // src/components/features/changelog-manager.tsx
 import { Trash2 as Trash23, Plus as Plus3, ChevronDown as ChevronDown7, ChevronUp as ChevronUp3, Eye as Eye2, EyeOff } from "lucide-react";
 import { useState as useState59, useEffect as useEffect44 } from "react";
-import { jsx as jsx249, jsxs as jsxs204 } from "react/jsx-runtime";
+import { jsx as jsx249, jsxs as jsxs205 } from "react/jsx-runtime";
 function ChangelogManager({
   title,
   entries,
@@ -28050,8 +28100,8 @@ function ChangelogManager({
       return newSet;
     });
   };
-  return /* @__PURE__ */ jsxs204("div", { className: `space-y-3 ${className}`, children: [
-    /* @__PURE__ */ jsxs204("div", { className: "flex items-center justify-between", children: [
+  return /* @__PURE__ */ jsxs205("div", { className: `space-y-3 ${className}`, children: [
+    /* @__PURE__ */ jsxs205("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsx249(Label, { className: "text-[14px] text-ods-text-primary", children: title }),
       /* @__PURE__ */ jsx249(
         Button,
@@ -28069,8 +28119,8 @@ function ChangelogManager({
     entries.map((entry, index) => {
       const isExpanded = expandedIndices.has(index);
       const hasContent = entry.title.trim().length > 0;
-      return /* @__PURE__ */ jsxs204("div", { className: "bg-ods-bg-secondary rounded-lg border border-ods-border overflow-hidden", children: [
-        /* @__PURE__ */ jsxs204("div", { className: "flex items-center gap-3 p-3", children: [
+      return /* @__PURE__ */ jsxs205("div", { className: "bg-ods-bg-secondary rounded-lg border border-ods-border overflow-hidden", children: [
+        /* @__PURE__ */ jsxs205("div", { className: "flex items-center gap-3 p-3", children: [
           /* @__PURE__ */ jsx249(
             Button,
             {
@@ -28107,8 +28157,8 @@ function ChangelogManager({
             }
           )
         ] }),
-        isExpanded && /* @__PURE__ */ jsxs204("div", { className: "px-3 pb-3 space-y-3 border-t border-ods-border pt-3", children: [
-          /* @__PURE__ */ jsxs204("div", { className: "space-y-1", children: [
+        isExpanded && /* @__PURE__ */ jsxs205("div", { className: "px-3 pb-3 space-y-3 border-t border-ods-border pt-3", children: [
+          /* @__PURE__ */ jsxs205("div", { className: "space-y-1", children: [
             /* @__PURE__ */ jsx249(Label, { className: "text-[12px] text-ods-text-secondary", children: "Title *" }),
             /* @__PURE__ */ jsx249(
               Input,
@@ -28121,7 +28171,7 @@ function ChangelogManager({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs204("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsxs205("div", { className: "space-y-1", children: [
             /* @__PURE__ */ jsx249(Label, { className: "text-[12px] text-ods-text-secondary", children: "Description" }),
             /* @__PURE__ */ jsx249(
               Textarea,
@@ -28137,7 +28187,7 @@ function ChangelogManager({
         ] })
       ] }, index);
     }),
-    entries.length === 0 && /* @__PURE__ */ jsx249("div", { className: "text-center py-4 px-4 bg-ods-bg-secondary border border-ods-border rounded-lg", children: /* @__PURE__ */ jsxs204("p", { className: "text-ods-text-secondary text-sm font-['DM_Sans']", children: [
+    entries.length === 0 && /* @__PURE__ */ jsx249("div", { className: "text-center py-4 px-4 bg-ods-bg-secondary border border-ods-border rounded-lg", children: /* @__PURE__ */ jsxs205("p", { className: "text-ods-text-secondary text-sm font-['DM_Sans']", children: [
       'No entries added. Click "Add Entry" to create ',
       title.toLowerCase(),
       "."
@@ -28146,7 +28196,7 @@ function ChangelogManager({
 }
 
 // src/components/features/changelog-sections-manager.tsx
-import { jsx as jsx250, jsxs as jsxs205 } from "react/jsx-runtime";
+import { jsx as jsx250, jsxs as jsxs206 } from "react/jsx-runtime";
 function ChangelogSectionsManager({
   featuresAdded,
   bugsFixed,
@@ -28159,7 +28209,7 @@ function ChangelogSectionsManager({
   className = "",
   expandAll = false
 }) {
-  return /* @__PURE__ */ jsxs205("div", { className: `space-y-6 p-6 bg-ods-card border border-ods-border rounded-lg ${className}`, children: [
+  return /* @__PURE__ */ jsxs206("div", { className: `space-y-6 p-6 bg-ods-card border border-ods-border rounded-lg ${className}`, children: [
     /* @__PURE__ */ jsx250("h3", { className: "text-h5 text-ods-text-primary", children: "Changelog" }),
     /* @__PURE__ */ jsx250(
       ChangelogManager,
@@ -28229,7 +28279,7 @@ function ClickUpTasksManager({
 // src/components/features/command-box.tsx
 init_button2();
 init_cn();
-import { jsx as jsx252, jsxs as jsxs206 } from "react/jsx-runtime";
+import { jsx as jsx252, jsxs as jsxs207 } from "react/jsx-runtime";
 var lineClampClasses = {
   1: "line-clamp-1",
   2: "line-clamp-2",
@@ -28248,9 +28298,9 @@ function CommandBox({
   maxLines = 0
 }) {
   const lineClampClass = maxLines > 0 ? lineClampClasses[maxLines] : void 0;
-  return /* @__PURE__ */ jsxs206("div", { className: cn("flex flex-col gap-2", className), children: [
+  return /* @__PURE__ */ jsxs207("div", { className: cn("flex flex-col gap-2", className), children: [
     title && /* @__PURE__ */ jsx252("div", { className: "text-ods-text-primary text-[18px] font-medium", children: title }),
-    /* @__PURE__ */ jsxs206("div", { className: "bg-ods-card border border-ods-border rounded-[6px] p-4", children: [
+    /* @__PURE__ */ jsxs207("div", { className: "bg-ods-card border border-ods-border rounded-[6px] p-4", children: [
       /* @__PURE__ */ jsx252(
         "div",
         {
@@ -28262,7 +28312,7 @@ function CommandBox({
           children: command
         }
       ),
-      (primaryAction || secondaryAction) && /* @__PURE__ */ jsxs206("div", { className: "flex flex-col md:flex-row gap-3 md:justify-end mt-4", children: [
+      (primaryAction || secondaryAction) && /* @__PURE__ */ jsxs207("div", { className: "flex flex-col md:flex-row gap-3 md:justify-end mt-4", children: [
         secondaryAction && /* @__PURE__ */ jsx252(
           Button,
           {
@@ -28320,7 +28370,7 @@ import { useState as useState60, useRef as useRef37, useEffect as useEffect45, u
 // src/components/features/section-selector.tsx
 init_cn();
 init_button2();
-import { jsx as jsx253, jsxs as jsxs207 } from "react/jsx-runtime";
+import { jsx as jsx253, jsxs as jsxs208 } from "react/jsx-runtime";
 var SectionButton = ({
   section,
   isActive,
@@ -28361,11 +28411,11 @@ var SectionButton = ({
       },
       children: layout === "vertical" ? (
         // Vertical layout with optional number prefix and leftIcon
-        /* @__PURE__ */ jsxs207("div", { className: "flex gap-3 items-start w-full", children: [
+        /* @__PURE__ */ jsxs208("div", { className: "flex gap-3 items-start w-full", children: [
           section.leftIcon && /* @__PURE__ */ jsx253("div", { className: "shrink-0 text-ods-text-primary opacity-70 mt-0.5", children: section.leftIcon }),
           section.number && /* @__PURE__ */ jsx253("span", { className: cn(numberClasses, "text-lg tracking-[-0.36px] leading-[24px] shrink-0"), children: section.number }),
-          /* @__PURE__ */ jsxs207("div", { className: "flex-1 text-left min-w-0", children: [
-            /* @__PURE__ */ jsxs207("div", { className: "flex items-center gap-2 flex-wrap", children: [
+          /* @__PURE__ */ jsxs208("div", { className: "flex-1 text-left min-w-0", children: [
+            /* @__PURE__ */ jsxs208("div", { className: "flex items-center gap-2 flex-wrap", children: [
               /* @__PURE__ */ jsx253("p", { className: cn(titleClasses, "font-medium text-lg leading-[24px] whitespace-normal break-words"), children: section.title }),
               section.badge && /* @__PURE__ */ jsx253(
                 StatusBadge,
@@ -28381,10 +28431,10 @@ var SectionButton = ({
         ] })
       ) : (
         // Wrap layout with title, subtitle, and optional leftIcon
-        /* @__PURE__ */ jsxs207("div", { className: "flex gap-3 items-start justify-start w-full h-full", style: { textAlign: "left" }, children: [
+        /* @__PURE__ */ jsxs208("div", { className: "flex gap-3 items-start justify-start w-full h-full", style: { textAlign: "left" }, children: [
           section.leftIcon && /* @__PURE__ */ jsx253("div", { className: "shrink-0 text-ods-text-primary opacity-70 mt-0.5", children: section.leftIcon }),
-          /* @__PURE__ */ jsxs207("div", { className: "flex flex-col items-start justify-start flex-1 gap-1", children: [
-            /* @__PURE__ */ jsxs207("div", { className: "flex items-start gap-2 flex-wrap w-full", children: [
+          /* @__PURE__ */ jsxs208("div", { className: "flex flex-col items-start justify-start flex-1 gap-1", children: [
+            /* @__PURE__ */ jsxs208("div", { className: "flex items-start gap-2 flex-wrap w-full", children: [
               /* @__PURE__ */ jsx253("span", { className: cn(titleClasses, "font-bold text-[18px] leading-[24px] tracking-[-0.36px]"), style: { textAlign: "left" }, children: section.title }),
               section.badge && /* @__PURE__ */ jsx253(
                 StatusBadge,
@@ -28449,7 +28499,7 @@ var SectionSelector = ({
 };
 
 // src/components/features/figma-prototype-viewer.tsx
-import { jsx as jsx254, jsxs as jsxs208 } from "react/jsx-runtime";
+import { jsx as jsx254, jsxs as jsxs209 } from "react/jsx-runtime";
 var DESKTOP_BREAKPOINT = 768;
 var getContentDimensions = (config) => {
   const defaultMobile = { width: 343, height: 600 };
@@ -28559,7 +28609,7 @@ function renderUnifiedUI(state, handlers, config, iframeRef) {
     embedUrl,
     iframeKey
   } = state;
-  return /* @__PURE__ */ jsxs208("div", { className: cn(
+  return /* @__PURE__ */ jsxs209("div", { className: cn(
     config.hideControls ? "" : "grid grid-cols-1 lg:grid-cols-[296px_1fr] gap-10",
     config.className
   ), children: [
@@ -28582,7 +28632,7 @@ function renderUnifiedUI(state, handlers, config, iframeRef) {
         minHeight: viewMode !== "DESKTOP" ? "76px" : "96px"
       }
     ) }),
-    /* @__PURE__ */ jsxs208(
+    /* @__PURE__ */ jsxs209(
       "div",
       {
         className: cn(
@@ -28663,8 +28713,8 @@ function renderUnifiedUI(state, handlers, config, iframeRef) {
             },
             iframeKey
           ),
-          showSkeleton && /* @__PURE__ */ jsx254("div", { className: "absolute inset-0 w-full h-full bg-ods-skeleton animate-pulse rounded-lg z-10 flex items-center justify-center", children: /* @__PURE__ */ jsxs208("div", { className: "text-center", children: [
-            /* @__PURE__ */ jsxs208("div", { className: "text-xl md:text-2xl font-['Azeret_Mono'] font-semibold text-ods-text-primary", children: [
+          showSkeleton && /* @__PURE__ */ jsx254("div", { className: "absolute inset-0 w-full h-full bg-ods-skeleton animate-pulse rounded-lg z-10 flex items-center justify-center", children: /* @__PURE__ */ jsxs209("div", { className: "text-center", children: [
+            /* @__PURE__ */ jsxs209("div", { className: "text-xl md:text-2xl font-['Azeret_Mono'] font-semibold text-ods-text-primary", children: [
               "Warming up ",
               /* @__PURE__ */ jsx254("span", { className: "text-[var(--ods-open-yellow-base)]", children: "Fae" }),
               " and ",
@@ -28881,62 +28931,62 @@ var FigmaPrototypeViewer = ({
       if (touchTimerRef.current) clearTimeout(touchTimerRef.current);
     };
   }, []);
-  return /* @__PURE__ */ jsxs208("div", { ref: containerRef, children: [
+  return /* @__PURE__ */ jsxs209("div", { ref: containerRef, children: [
     renderUnifiedUI(unifiedState, {
       onSectionClick: handleSectionClick,
       onTouchStart: handleTouchStart
     }, config, iframeRef),
-    showDebugPanel && /* @__PURE__ */ jsxs208("div", { className: "mt-6 p-4 bg-ods-card border border-ods-border rounded-md", children: [
+    showDebugPanel && /* @__PURE__ */ jsxs209("div", { className: "mt-6 p-4 bg-ods-card border border-ods-border rounded-md", children: [
       /* @__PURE__ */ jsx254("h3", { className: "font-semibold text-ods-text-primary mb-3", children: "\u{1F50D} Debug Panel" }),
-      /* @__PURE__ */ jsxs208("div", { className: "grid grid-cols-2 gap-4 text-sm", children: [
-        /* @__PURE__ */ jsxs208("div", { children: [
+      /* @__PURE__ */ jsxs209("div", { className: "grid grid-cols-2 gap-4 text-sm", children: [
+        /* @__PURE__ */ jsxs209("div", { children: [
           /* @__PURE__ */ jsx254("span", { className: "text-ods-text-secondary", children: "View Mode:" }),
           " ",
           /* @__PURE__ */ jsx254("span", { className: "text-ods-text-primary font-mono", children: viewMode })
         ] }),
-        /* @__PURE__ */ jsxs208("div", { children: [
+        /* @__PURE__ */ jsxs209("div", { children: [
           /* @__PURE__ */ jsx254("span", { className: "text-ods-text-secondary", children: "Iframe State:" }),
           " ",
           /* @__PURE__ */ jsx254("span", { className: "text-ods-text-primary font-mono", children: iframeState })
         ] }),
-        /* @__PURE__ */ jsxs208("div", { children: [
+        /* @__PURE__ */ jsxs209("div", { children: [
           /* @__PURE__ */ jsx254("span", { className: "text-ods-text-secondary", children: "Screen:" }),
           " ",
-          /* @__PURE__ */ jsxs208("span", { className: "text-ods-text-primary", children: [
+          /* @__PURE__ */ jsxs209("span", { className: "text-ods-text-primary", children: [
             screenWidth,
             "px"
           ] })
         ] }),
-        /* @__PURE__ */ jsxs208("div", { children: [
+        /* @__PURE__ */ jsxs209("div", { children: [
           /* @__PURE__ */ jsx254("span", { className: "text-ods-text-secondary", children: "Touch:" }),
           " ",
           /* @__PURE__ */ jsx254("span", { className: "text-ods-text-primary", children: isTouchDevice ? "Yes" : "No" })
         ] }),
-        /* @__PURE__ */ jsxs208("div", { children: [
+        /* @__PURE__ */ jsxs209("div", { children: [
           /* @__PURE__ */ jsx254("span", { className: "text-ods-text-secondary", children: "Scale:" }),
           " ",
           /* @__PURE__ */ jsx254("span", { className: "text-ods-text-primary", children: scaling.scale.toFixed(2) })
         ] }),
-        /* @__PURE__ */ jsxs208("div", { children: [
+        /* @__PURE__ */ jsxs209("div", { children: [
           /* @__PURE__ */ jsx254("span", { className: "text-ods-text-secondary", children: "Section:" }),
           " ",
           /* @__PURE__ */ jsx254("span", { className: "text-ods-text-primary", children: activeSection })
         ] }),
-        /* @__PURE__ */ jsxs208("div", { className: "col-span-2", children: [
+        /* @__PURE__ */ jsxs209("div", { className: "col-span-2", children: [
           /* @__PURE__ */ jsx254("span", { className: "text-ods-text-secondary", children: "Active Node ID:" }),
           " ",
           /* @__PURE__ */ jsx254("span", { className: "text-ods-text-primary font-mono", children: currentNodeId || "Not detected" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs208("div", { className: "mt-3 text-xs text-ods-text-secondary", children: [
+      /* @__PURE__ */ jsxs209("div", { className: "mt-3 text-xs text-ods-text-secondary", children: [
         "Margins: ",
         scaling.marginX.toFixed(0),
         "px \xD7 ",
         scaling.marginY.toFixed(0),
         "px"
       ] }),
-      /* @__PURE__ */ jsx254("div", { className: "mt-3 pt-3 border-t border-ods-border", children: /* @__PURE__ */ jsxs208("div", { className: "text-xs text-ods-text-secondary space-y-1", children: [
-        /* @__PURE__ */ jsxs208("div", { children: [
+      /* @__PURE__ */ jsx254("div", { className: "mt-3 pt-3 border-t border-ods-border", children: /* @__PURE__ */ jsxs209("div", { className: "text-xs text-ods-text-secondary space-y-1", children: [
+        /* @__PURE__ */ jsxs209("div", { children: [
           /* @__PURE__ */ jsx254("span", { className: "text-ods-text-secondary", children: "File Key:" }),
           " ",
           /* @__PURE__ */ jsx254("span", { className: "text-ods-text-primary font-mono", children: (() => {
@@ -28947,7 +28997,7 @@ var FigmaPrototypeViewer = ({
             }
           })() })
         ] }),
-        /* @__PURE__ */ jsxs208("div", { children: [
+        /* @__PURE__ */ jsxs209("div", { children: [
           /* @__PURE__ */ jsx254("span", { className: "text-ods-text-secondary", children: "Starting Point:" }),
           " ",
           /* @__PURE__ */ jsx254("span", { className: "text-ods-text-primary font-mono", children: (() => {
@@ -28958,7 +29008,7 @@ var FigmaPrototypeViewer = ({
             }
           })() })
         ] }),
-        /* @__PURE__ */ jsxs208("div", { children: [
+        /* @__PURE__ */ jsxs209("div", { children: [
           /* @__PURE__ */ jsx254("span", { className: "text-ods-text-secondary", children: "Content Dimensions:" }),
           " ",
           /* @__PURE__ */ jsx254("span", { className: "text-ods-text-primary font-mono", children: (() => {
@@ -28979,7 +29029,7 @@ var FigmaPrototypeViewer = ({
 // src/components/features/filters-dropdown.tsx
 init_cn();
 import { useEffect as useEffect46, useRef as useRef38, useState as useState61 } from "react";
-import { jsx as jsx255, jsxs as jsxs209 } from "react/jsx-runtime";
+import { jsx as jsx255, jsxs as jsxs210 } from "react/jsx-runtime";
 var FilterCheckbox = ({ checked, disabled = false, className }) => {
   return /* @__PURE__ */ jsx255(
     "div",
@@ -29175,8 +29225,8 @@ var FiltersDropdown = ({
     };
     return desktopClasses[actualPlacement];
   };
-  return /* @__PURE__ */ jsxs209("div", { ref: containerRef, className: cn("relative inline-block", className), children: [
-    triggerElement ? /* @__PURE__ */ jsx255("div", { ref: triggerRef, onClick: () => setIsOpen(!isOpen), children: triggerElement }) : /* @__PURE__ */ jsxs209(
+  return /* @__PURE__ */ jsxs210("div", { ref: containerRef, className: cn("relative inline-block", className), children: [
+    triggerElement ? /* @__PURE__ */ jsx255("div", { ref: triggerRef, onClick: () => setIsOpen(!isOpen), children: triggerElement }) : /* @__PURE__ */ jsxs210(
       "button",
       {
         ref: triggerRef,
@@ -29209,17 +29259,17 @@ var FiltersDropdown = ({
         style: isMobile ? {
           top: triggerRef.current ? triggerRef.current.getBoundingClientRect().bottom + window.scrollY + 8 : 0
         } : void 0,
-        children: /* @__PURE__ */ jsxs209("div", { className: "bg-ods-bg rounded-md border border-ods-border p-4 shadow-xl flex flex-col overflow-hidden", children: [
+        children: /* @__PURE__ */ jsxs210("div", { className: "bg-ods-bg rounded-md border border-ods-border p-4 shadow-xl flex flex-col overflow-hidden", children: [
           /* @__PURE__ */ jsx255("div", { className: "flex-1 min-h-0 overflow-y-auto max-h-[250px]", children: sections.map((section, sectionIndex) => {
             const sectionSelection = selectedFilters[section.id] || [];
             const allSelected = section.options.every(
               (opt) => sectionSelection.includes(opt.id)
             );
-            return /* @__PURE__ */ jsxs209("div", { className: cn(
+            return /* @__PURE__ */ jsxs210("div", { className: cn(
               "space-y-2",
               sectionIndex > 0 && "mt-4"
             ), children: [
-              /* @__PURE__ */ jsxs209("div", { className: "sticky top-0 z-10 bg-ods-bg flex items-center justify-between pb-2", children: [
+              /* @__PURE__ */ jsxs210("div", { className: "sticky top-0 z-10 bg-ods-bg flex items-center justify-between pb-2", children: [
                 /* @__PURE__ */ jsx255("h3", { className: "text-h5 text-ods-text-secondary", children: section.title }),
                 section.allowSelectAll && section.type === "checkbox" && /* @__PURE__ */ jsx255(
                   "button",
@@ -29242,7 +29292,7 @@ var FiltersDropdown = ({
                 }
                 const isSelected = sectionSelection.includes(option.id);
                 const isLast = index === section.options.length - 1;
-                return /* @__PURE__ */ jsxs209(
+                return /* @__PURE__ */ jsxs210(
                   "button",
                   {
                     type: "button",
@@ -29264,7 +29314,7 @@ var FiltersDropdown = ({
               }) })
             ] }, section.id);
           }) }),
-          /* @__PURE__ */ jsxs209("div", { className: "flex gap-3 mt-4 shrink-0", children: [
+          /* @__PURE__ */ jsxs210("div", { className: "flex gap-3 mt-4 shrink-0", children: [
             /* @__PURE__ */ jsx255(
               Button,
               {
@@ -29372,7 +29422,7 @@ function KnowledgeBaseLinksManager({
 
 // src/components/features/loading-provider.tsx
 import { createContext as createContext7, useContext as useContext7, useState as useState62, useEffect as useEffect47 } from "react";
-import { jsx as jsx258, jsxs as jsxs210 } from "react/jsx-runtime";
+import { jsx as jsx258, jsxs as jsxs211 } from "react/jsx-runtime";
 var LoadingContext = createContext7(void 0);
 function LoadingProvider({ children }) {
   const [isLoading, setIsLoading] = useState62(false);
@@ -29401,7 +29451,7 @@ function LoadingProvider({ children }) {
       if (interval) clearInterval(interval);
     };
   }, [isLoading]);
-  return /* @__PURE__ */ jsxs210(LoadingContext.Provider, { value: { isLoading, setIsLoading }, children: [
+  return /* @__PURE__ */ jsxs211(LoadingContext.Provider, { value: { isLoading, setIsLoading }, children: [
     progress > 0 && /* @__PURE__ */ jsx258(
       Progress,
       {
@@ -29432,8 +29482,8 @@ import {
   GripVertical,
   Plus as Plus4
 } from "lucide-react";
-import Image11 from "next/image";
-import { jsx as jsx259, jsxs as jsxs211 } from "react/jsx-runtime";
+import Image12 from "next/image";
+import { jsx as jsx259, jsxs as jsxs212 } from "react/jsx-runtime";
 function MediaGalleryManager({
   media,
   onChange,
@@ -29497,7 +29547,7 @@ function MediaGalleryManager({
   }, [media, draggedIndex, onChange]);
   const renderMediaItem = useCallback30((mediaItem, index) => {
     const isDeleting = deletingIndex === index;
-    return /* @__PURE__ */ jsxs211(
+    return /* @__PURE__ */ jsxs212(
       Card,
       {
         className: "relative group border-ods-border hover:border-[#FFC008]/30 transition-colors",
@@ -29528,7 +29578,7 @@ function MediaGalleryManager({
               preload: "metadata"
             }
           ) : /* @__PURE__ */ jsx259(
-            Image11,
+            Image12,
             {
               src: mediaItem.media_url,
               alt: mediaItem.title || "Media",
@@ -29537,8 +29587,8 @@ function MediaGalleryManager({
               sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
             }
           ) }),
-          /* @__PURE__ */ jsxs211("div", { className: "p-3", children: [
-            /* @__PURE__ */ jsxs211("div", { className: "flex items-center gap-2 mb-1", children: [
+          /* @__PURE__ */ jsxs212("div", { className: "p-3", children: [
+            /* @__PURE__ */ jsxs212("div", { className: "flex items-center gap-2 mb-1", children: [
               mediaItem.media_type === "video" || mediaItem.media_type === "demo" ? /* @__PURE__ */ jsx259(Video4, { className: "h-4 w-4 text-ods-text-secondary" }) : /* @__PURE__ */ jsx259(ImageIcon2, { className: "h-4 w-4 text-ods-text-secondary" }),
               /* @__PURE__ */ jsx259("span", { className: "text-sm font-medium text-ods-text-primary capitalize", children: mediaItem.media_type })
             ] }),
@@ -29549,10 +29599,10 @@ function MediaGalleryManager({
       index
     );
   }, [deletingIndex, handleDragStart, handleDragOver, handleDrop, handleDeleteMedia]);
-  const content = /* @__PURE__ */ jsxs211("div", { className: `space-y-6 ${className}`, children: [
-    /* @__PURE__ */ jsx259("div", { className: "border-2 border-dashed border-ods-border rounded-lg p-6 text-center hover:border-[#FFC008]/50 transition-colors", children: /* @__PURE__ */ jsxs211("div", { className: "flex flex-col items-center gap-4", children: [
+  const content = /* @__PURE__ */ jsxs212("div", { className: `space-y-6 ${className}`, children: [
+    /* @__PURE__ */ jsx259("div", { className: "border-2 border-dashed border-ods-border rounded-lg p-6 text-center hover:border-[#FFC008]/50 transition-colors", children: /* @__PURE__ */ jsxs212("div", { className: "flex flex-col items-center gap-4", children: [
       /* @__PURE__ */ jsx259("div", { className: "w-12 h-12 rounded-full bg-ods-card flex items-center justify-center", children: isUploading ? /* @__PURE__ */ jsx259(Loader27, { className: "h-6 w-6 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsx259(Upload3, { className: "h-6 w-6 text-ods-accent" }) }),
-      /* @__PURE__ */ jsxs211("div", { children: [
+      /* @__PURE__ */ jsxs212("div", { children: [
         /* @__PURE__ */ jsx259("h3", { className: "font-['DM_Sans'] font-semibold text-ods-text-primary mb-1", children: isUploading ? "Uploading..." : "Upload Media" }),
         /* @__PURE__ */ jsx259("p", { className: "text-sm text-ods-text-secondary", children: "Drag and drop or click to select images and videos" }),
         /* @__PURE__ */ jsx259("p", { className: "text-xs text-ods-text-secondary mt-1", children: "Maximum file size: 50MB" })
@@ -29581,13 +29631,13 @@ function MediaGalleryManager({
         disabled: isUploading
       }
     ),
-    media.length === 0 ? /* @__PURE__ */ jsxs211("div", { className: "text-center py-8", children: [
+    media.length === 0 ? /* @__PURE__ */ jsxs212("div", { className: "text-center py-8", children: [
       /* @__PURE__ */ jsx259(ImageIcon2, { className: "h-12 w-12 text-ods-text-secondary mx-auto mb-4" }),
       /* @__PURE__ */ jsx259("h3", { className: "font-['DM_Sans'] font-semibold text-ods-text-primary mb-2", children: "No media uploaded yet" }),
       /* @__PURE__ */ jsx259("p", { className: "text-sm text-ods-text-secondary", children: "Upload your first image or video to get started" })
-    ] }) : /* @__PURE__ */ jsxs211("div", { children: [
-      /* @__PURE__ */ jsxs211("div", { className: "flex items-center justify-between mb-4", children: [
-        /* @__PURE__ */ jsxs211("h3", { className: "font-['DM_Sans'] font-semibold text-ods-text-primary", children: [
+    ] }) : /* @__PURE__ */ jsxs212("div", { children: [
+      /* @__PURE__ */ jsxs212("div", { className: "flex items-center justify-between mb-4", children: [
+        /* @__PURE__ */ jsxs212("h3", { className: "font-['DM_Sans'] font-semibold text-ods-text-primary", children: [
           "Media Gallery (",
           media.length,
           ")"
@@ -29624,7 +29674,7 @@ var MoreAboutButton = ({
 
 // src/components/features/os-type-badge-group.tsx
 init_cn();
-import { jsx as jsx261, jsxs as jsxs212 } from "react/jsx-runtime";
+import { jsx as jsx261, jsxs as jsxs213 } from "react/jsx-runtime";
 function OSTypeBadgeGroup({
   osTypes,
   className = "",
@@ -29636,7 +29686,7 @@ function OSTypeBadgeGroup({
   }
   const displayOsTypes = maxDisplay && osTypes.length > maxDisplay ? osTypes.slice(0, maxDisplay) : osTypes;
   const remainingCount = maxDisplay && osTypes.length > maxDisplay ? osTypes.length - maxDisplay : 0;
-  return /* @__PURE__ */ jsxs212("div", { className: cn("flex items-center gap-2 flex-wrap", className), children: [
+  return /* @__PURE__ */ jsxs213("div", { className: cn("flex items-center gap-2 flex-wrap", className), children: [
     displayOsTypes.map((osType, index) => /* @__PURE__ */ jsx261(
       OSTypeBadge,
       {
@@ -29646,7 +29696,7 @@ function OSTypeBadgeGroup({
       },
       `${osType}-${index}`
     )),
-    remainingCount > 0 && /* @__PURE__ */ jsxs212("span", { className: "text-ods-text-secondary text-sm font-medium", children: [
+    remainingCount > 0 && /* @__PURE__ */ jsxs213("span", { className: "text-ods-text-secondary text-sm font-medium", children: [
       "+",
       remainingCount,
       " more"
@@ -29656,9 +29706,9 @@ function OSTypeBadgeGroup({
 
 // src/components/features/parallax-image-showcase.tsx
 import { useEffect as useEffect48, useState as useState64, useRef as useRef40 } from "react";
-import Image12 from "next/image";
+import Image13 from "next/image";
 import { motion as motion2, useScroll, useTransform, useMotionValue, useSpring } from "framer-motion";
-import { jsx as jsx262, jsxs as jsxs213 } from "react/jsx-runtime";
+import { jsx as jsx262, jsxs as jsxs214 } from "react/jsx-runtime";
 var ParallaxImageShowcase = ({
   images,
   className = "",
@@ -29746,7 +29796,7 @@ var ParallaxImageShowcase = ({
       {
         ref: componentRef,
         className: `relative w-full h-full flex items-center ${className}`,
-        children: /* @__PURE__ */ jsxs213("div", { className: "w-full grid grid-cols-1 md:grid-cols-3 gap-4", children: [
+        children: /* @__PURE__ */ jsxs214("div", { className: "w-full grid grid-cols-1 md:grid-cols-3 gap-4", children: [
           leftImage && /* @__PURE__ */ jsx262(
             motion2.div,
             {
@@ -29756,7 +29806,7 @@ var ParallaxImageShowcase = ({
                 rotate: rotateGrid
               },
               children: /* @__PURE__ */ jsx262(
-                Image12,
+                Image13,
                 {
                   src: leftImage.src,
                   alt: leftImage.alt,
@@ -29778,7 +29828,7 @@ var ParallaxImageShowcase = ({
                 rotate: rotateGrid
               },
               children: /* @__PURE__ */ jsx262(
-                Image12,
+                Image13,
                 {
                   src: centerImage.src,
                   alt: centerImage.alt,
@@ -29800,7 +29850,7 @@ var ParallaxImageShowcase = ({
                 rotate: rotateGrid
               },
               children: /* @__PURE__ */ jsx262(
-                Image12,
+                Image13,
                 {
                   src: rightImage.src,
                   alt: rightImage.alt,
@@ -29818,22 +29868,22 @@ var ParallaxImageShowcase = ({
     );
   }
   if (layout === "boxed") {
-    return /* @__PURE__ */ jsxs213(
+    return /* @__PURE__ */ jsxs214(
       "div",
       {
         ref: componentRef,
         className: `relative w-full h-full overflow-hidden ${className}`,
         children: [
           logoElement && /* @__PURE__ */ jsx262("div", { className: "absolute top-4 left-1/2 -translate-x-1/2 z-30 scale-50", children: logoElement }),
-          /* @__PURE__ */ jsxs213("div", { className: "absolute top-32 inset-x-0 h-80", children: [
-            leftImage && /* @__PURE__ */ jsxs213(
+          /* @__PURE__ */ jsxs214("div", { className: "absolute top-32 inset-x-0 h-80", children: [
+            leftImage && /* @__PURE__ */ jsxs214(
               motion2.div,
               {
                 className: "absolute left-20 lg:w-1/2 w-full h-full z-10",
                 style: { x, y, rotate },
                 children: [
                   /* @__PURE__ */ jsx262(
-                    Image12,
+                    Image13,
                     {
                       src: leftImage.src,
                       alt: leftImage.alt,
@@ -29846,14 +29896,14 @@ var ParallaxImageShowcase = ({
                 ]
               }
             ),
-            centerImage && /* @__PURE__ */ jsxs213(
+            centerImage && /* @__PURE__ */ jsxs214(
               motion2.div,
               {
                 className: "absolute top-20 right-20 lg:w-1/2 w-full h-full z-20",
                 style: { x, y, rotate },
                 children: [
                   /* @__PURE__ */ jsx262(
-                    Image12,
+                    Image13,
                     {
                       src: centerImage.src,
                       alt: centerImage.alt,
@@ -29871,7 +29921,7 @@ var ParallaxImageShowcase = ({
       }
     );
   }
-  return /* @__PURE__ */ jsxs213(
+  return /* @__PURE__ */ jsxs214(
     "div",
     {
       ref: componentRef,
@@ -29887,7 +29937,7 @@ var ParallaxImageShowcase = ({
               rotate
             },
             children: /* @__PURE__ */ jsx262(
-              Image12,
+              Image13,
               {
                 src: rightImage.src,
                 alt: rightImage.alt,
@@ -29908,7 +29958,7 @@ var ParallaxImageShowcase = ({
               rotate
             },
             children: /* @__PURE__ */ jsx262(
-              Image12,
+              Image13,
               {
                 src: centerImage.src,
                 alt: centerImage.alt,
@@ -29929,7 +29979,7 @@ var ParallaxImageShowcase = ({
               rotate
             },
             children: /* @__PURE__ */ jsx262(
-              Image12,
+              Image13,
               {
                 src: leftImage.src,
                 alt: leftImage.alt,
@@ -29949,7 +29999,7 @@ var ParallaxImageShowcase = ({
 init_button2();
 init_cn();
 import { Copy } from "lucide-react";
-import { jsx as jsx263, jsxs as jsxs214 } from "react/jsx-runtime";
+import { jsx as jsx263, jsxs as jsxs215 } from "react/jsx-runtime";
 function PathsDisplay({
   paths,
   onCopyPath,
@@ -29962,10 +30012,10 @@ function PathsDisplay({
   if (!paths || paths.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxs214("div", { className: cn("flex flex-col gap-3", className), children: [
+  return /* @__PURE__ */ jsxs215("div", { className: cn("flex flex-col gap-3", className), children: [
     title && /* @__PURE__ */ jsx263("div", { className: "text-ods-text-primary text-[16px] md:text-[18px]", children: title }),
     description && /* @__PURE__ */ jsx263("div", { className: "text-ods-text-secondary text-[14px] md:text-[16px]", children: description }),
-    /* @__PURE__ */ jsx263("div", { className: "bg-ods-bg border border-ods-border rounded-[6px] overflow-hidden", children: paths.map((path) => /* @__PURE__ */ jsxs214(
+    /* @__PURE__ */ jsx263("div", { className: "bg-ods-bg border border-ods-border rounded-[6px] overflow-hidden", children: paths.map((path) => /* @__PURE__ */ jsxs215(
       "div",
       {
         className: "flex items-center justify-between p-4 border-b border-ods-border last:border-b-0",
@@ -30013,8 +30063,8 @@ function getOpenFramePaths(platform) {
 // src/components/features/platform-badge.tsx
 init_cn();
 import { Globe as Globe2 } from "lucide-react";
-import { jsx as jsx264, jsxs as jsxs215 } from "react/jsx-runtime";
-var sizeClasses3 = {
+import { jsx as jsx264, jsxs as jsxs216 } from "react/jsx-runtime";
+var sizeClasses4 = {
   xs: {
     container: "gap-1 px-1.5 py-0.5",
     icon: "h-3 w-3",
@@ -30120,9 +30170,9 @@ function PlatformBadge({
   if (!platform) {
     return null;
   }
-  const sizes = sizeClasses3[size];
+  const sizes = sizeClasses4[size];
   const colors = platformColors[platform.name] || platformColors.universal;
-  return /* @__PURE__ */ jsxs215(
+  return /* @__PURE__ */ jsxs216(
     "div",
     {
       className: cn(
@@ -30144,7 +30194,7 @@ function PlatformBadge({
 
 // src/components/features/platform-filter.tsx
 init_button2();
-import { jsx as jsx265, jsxs as jsxs216 } from "react/jsx-runtime";
+import { jsx as jsx265, jsxs as jsxs217 } from "react/jsx-runtime";
 function PlatformFilterComponent({
   selectedPlatform,
   onPlatformChange,
@@ -30153,7 +30203,7 @@ function PlatformFilterComponent({
   showIcons = true,
   size = "small-legacy"
 }) {
-  return /* @__PURE__ */ jsxs216("div", { className: `flex items-center gap-2 flex-wrap ${className}`, children: [
+  return /* @__PURE__ */ jsxs217("div", { className: `flex items-center gap-2 flex-wrap ${className}`, children: [
     /* @__PURE__ */ jsx265(
       Button,
       {
@@ -30183,14 +30233,14 @@ function PlatformFilterComponent({
 
 // src/components/features/push-button-selector.tsx
 import { Check as Check4 } from "lucide-react";
-import { jsx as jsx266, jsxs as jsxs217 } from "react/jsx-runtime";
+import { jsx as jsx266, jsxs as jsxs218 } from "react/jsx-runtime";
 function PushButtonSelectorSkeleton({ count = 3, hasTitle }) {
-  return /* @__PURE__ */ jsxs217("div", { className: "space-y-3", children: [
+  return /* @__PURE__ */ jsxs218("div", { className: "space-y-3", children: [
     hasTitle && /* @__PURE__ */ jsx266("div", { className: "h-5 w-20 bg-ods-bg-secondary rounded animate-pulse" }),
-    /* @__PURE__ */ jsx266("div", { className: "space-y-3", children: [...Array(count)].map((_, i) => /* @__PURE__ */ jsx266("div", { className: "p-4 rounded-lg border border-ods-border bg-ods-bg-secondary animate-pulse", children: /* @__PURE__ */ jsxs217("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs217("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ jsx266("div", { className: "space-y-3", children: [...Array(count)].map((_, i) => /* @__PURE__ */ jsx266("div", { className: "p-4 rounded-lg border border-ods-border bg-ods-bg-secondary animate-pulse", children: /* @__PURE__ */ jsxs218("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs218("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ jsx266("div", { className: "w-8 h-8 bg-ods-bg-primary rounded" }),
-        /* @__PURE__ */ jsxs217("div", { children: [
+        /* @__PURE__ */ jsxs218("div", { children: [
           /* @__PURE__ */ jsx266("div", { className: "h-4 w-20 bg-ods-bg-primary rounded mb-1" }),
           /* @__PURE__ */ jsx266("div", { className: "h-3 w-32 bg-ods-bg-primary rounded" })
         ] })
@@ -30200,9 +30250,9 @@ function PushButtonSelectorSkeleton({ count = 3, hasTitle }) {
   ] });
 }
 function PushButtonSelectorError({ message, title }) {
-  return /* @__PURE__ */ jsxs217("div", { className: "space-y-3", children: [
+  return /* @__PURE__ */ jsxs218("div", { className: "space-y-3", children: [
     title && /* @__PURE__ */ jsx266("h3", { className: "text-h5 text-ods-text-primary", children: title }),
-    /* @__PURE__ */ jsx266("div", { className: "p-4 bg-ods-attention-red-error-secondary border border-ods-attention-red-error/30 rounded-lg", children: /* @__PURE__ */ jsxs217("div", { className: "font-['DM_Sans'] text-[14px] text-ods-attention-red-error", children: [
+    /* @__PURE__ */ jsx266("div", { className: "p-4 bg-ods-attention-red-error-secondary border border-ods-attention-red-error/30 rounded-lg", children: /* @__PURE__ */ jsxs218("div", { className: "font-['DM_Sans'] text-[14px] text-ods-attention-red-error", children: [
       "\u26A0\uFE0F ",
       message
     ] }) })
@@ -30257,10 +30307,10 @@ function PushButtonSelector({
           ${option.disabled ? "cursor-not-allowed opacity-40 bg-ods-card border-ods-border" : isSelected ? "cursor-pointer bg-ods-bg-secondary border-ods-accent shadow-sm" : "cursor-pointer bg-ods-bg-primary border-ods-border hover:border-ods-border-hover hover:bg-ods-bg-hover"}
         `,
         onClick: () => !option.disabled && toggleSelection(option.id),
-        children: /* @__PURE__ */ jsxs217("div", { className: "flex items-center justify-between gap-4", children: [
-          /* @__PURE__ */ jsxs217("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
+        children: /* @__PURE__ */ jsxs218("div", { className: "flex items-center justify-between gap-4", children: [
+          /* @__PURE__ */ jsxs218("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
             option.icon && /* @__PURE__ */ jsx266("div", { className: `flex-shrink-0 transition-transform duration-200 ${isSelected ? "scale-110" : "group-hover:scale-105"}`, children: option.icon }),
-            /* @__PURE__ */ jsxs217("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsxs218("div", { className: "flex-1 min-w-0", children: [
               /* @__PURE__ */ jsx266("div", { className: "font-['DM_Sans'] text-[16px] font-semibold text-ods-text-primary", children: option.displayName || option.name }),
               option.description && /* @__PURE__ */ jsx266("div", { className: "font-['DM_Sans'] text-[12px] text-ods-text-secondary line-clamp-2", children: option.description })
             ] })
@@ -30288,14 +30338,14 @@ function PushButtonSelector({
         ungroupedOptions.push(option);
       }
     });
-    return /* @__PURE__ */ jsxs217("div", { className: "space-y-4", children: [
+    return /* @__PURE__ */ jsxs218("div", { className: "space-y-4", children: [
       sections.map((section) => {
         const sectionOptions = optionsBySection.get(section.id) || [];
         if (sectionOptions.length === 0) return null;
-        return /* @__PURE__ */ jsxs217("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsxs217("div", { className: "flex items-center gap-2 px-1", children: [
+        return /* @__PURE__ */ jsxs218("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxs218("div", { className: "flex items-center gap-2 px-1", children: [
             section.icon && /* @__PURE__ */ jsx266("div", { className: "text-ods-text-secondary", children: section.icon }),
-            /* @__PURE__ */ jsxs217("div", { children: [
+            /* @__PURE__ */ jsxs218("div", { children: [
               /* @__PURE__ */ jsx266("div", { className: "font-['DM_Sans'] text-[14px] font-semibold text-ods-text-primary", children: section.label }),
               section.description && /* @__PURE__ */ jsx266("div", { className: "font-['DM_Sans'] text-[11px] text-ods-text-tertiary", children: section.description })
             ] })
@@ -30306,13 +30356,13 @@ function PushButtonSelector({
       ungroupedOptions.length > 0 && /* @__PURE__ */ jsx266("div", { className: "space-y-2", children: ungroupedOptions.map(renderOption) })
     ] });
   };
-  return /* @__PURE__ */ jsxs217("div", { className: `space-y-4 ${className}`, children: [
+  return /* @__PURE__ */ jsxs218("div", { className: `space-y-4 ${className}`, children: [
     title && /* @__PURE__ */ jsx266("h3", { className: "text-h5 text-ods-text-primary", children: title }),
     renderOptionsContent(),
-    selectionSummary && validSelectedIds.length > 0 && /* @__PURE__ */ jsxs217("div", { className: "p-4 bg-ods-attention-green-success-secondary border border-ods-attention-green-success/30 rounded-lg", children: [
-      /* @__PURE__ */ jsxs217("div", { className: "flex items-center gap-2 mb-2", children: [
+    selectionSummary && validSelectedIds.length > 0 && /* @__PURE__ */ jsxs218("div", { className: "p-4 bg-ods-attention-green-success-secondary border border-ods-attention-green-success/30 rounded-lg", children: [
+      /* @__PURE__ */ jsxs218("div", { className: "flex items-center gap-2 mb-2", children: [
         /* @__PURE__ */ jsx266("div", { className: "w-2 h-2 bg-ods-attention-green-success rounded-full" }),
-        /* @__PURE__ */ jsxs217("span", { className: "font-['DM_Sans'] text-[14px] text-ods-attention-green-success font-medium", children: [
+        /* @__PURE__ */ jsxs218("span", { className: "font-['DM_Sans'] text-[14px] text-ods-attention-green-success font-medium", children: [
           validSelectedIds.length,
           " ",
           multiSelect ? "items" : "item",
@@ -30336,8 +30386,8 @@ function PushButtonSelector({
 // src/components/features/release-media-manager.tsx
 import { useState as useState65, useRef as useRef41 } from "react";
 import { Trash2 as Trash25, Plus as Plus5, Image as ImageIcon3, Video as Video5, Upload as Upload4, Loader2 as Loader28, GripVertical as GripVertical2 } from "lucide-react";
-import Image13 from "next/image";
-import { jsx as jsx267, jsxs as jsxs218 } from "react/jsx-runtime";
+import Image14 from "next/image";
+import { jsx as jsx267, jsxs as jsxs219 } from "react/jsx-runtime";
 function ReleaseMediaManager({
   media,
   onChange,
@@ -30414,10 +30464,10 @@ function ReleaseMediaManager({
         return /* @__PURE__ */ jsx267(ImageIcon3, { className: "w-5 h-5 text-ods-text-secondary" });
     }
   };
-  return /* @__PURE__ */ jsxs218("div", { className: `space-y-4 ${className}`, children: [
-    /* @__PURE__ */ jsx267("div", { className: "border-2 border-dashed border-ods-border rounded-lg p-6 text-center hover:border-[#FFC008]/50 transition-colors", children: /* @__PURE__ */ jsxs218("div", { className: "flex flex-col items-center gap-4", children: [
+  return /* @__PURE__ */ jsxs219("div", { className: `space-y-4 ${className}`, children: [
+    /* @__PURE__ */ jsx267("div", { className: "border-2 border-dashed border-ods-border rounded-lg p-6 text-center hover:border-[#FFC008]/50 transition-colors", children: /* @__PURE__ */ jsxs219("div", { className: "flex flex-col items-center gap-4", children: [
       /* @__PURE__ */ jsx267("div", { className: "w-12 h-12 rounded-full bg-ods-card flex items-center justify-center", children: uploadingIndex !== null ? /* @__PURE__ */ jsx267(Loader28, { className: "h-6 w-6 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsx267(Upload4, { className: "h-6 w-6 text-ods-accent" }) }),
-      /* @__PURE__ */ jsxs218("div", { children: [
+      /* @__PURE__ */ jsxs219("div", { children: [
         /* @__PURE__ */ jsx267("h3", { className: "font-['DM_Sans'] font-semibold text-ods-text-primary mb-1", children: uploadingIndex !== null ? "Uploading..." : "Upload Media" }),
         /* @__PURE__ */ jsx267("p", { className: "text-sm text-ods-text-secondary", children: "Drag and drop or click to select images and videos" }),
         /* @__PURE__ */ jsx267("p", { className: "text-xs text-ods-text-secondary mt-1", children: "Maximum file size: 50MB" })
@@ -30446,16 +30496,16 @@ function ReleaseMediaManager({
         disabled: uploadingIndex !== null
       }
     ),
-    media.length > 0 && /* @__PURE__ */ jsxs218("div", { children: [
-      /* @__PURE__ */ jsxs218("div", { className: "flex items-center justify-between mb-4", children: [
-        /* @__PURE__ */ jsxs218(Label, { className: "text-[14px] text-ods-text-primary", children: [
+    media.length > 0 && /* @__PURE__ */ jsxs219("div", { children: [
+      /* @__PURE__ */ jsxs219("div", { className: "flex items-center justify-between mb-4", children: [
+        /* @__PURE__ */ jsxs219(Label, { className: "text-[14px] text-ods-text-primary", children: [
           "Media Gallery (",
           media.length,
           ")"
         ] }),
         /* @__PURE__ */ jsx267("p", { className: "text-xs text-ods-text-secondary", children: "Drag to reorder" })
       ] }),
-      /* @__PURE__ */ jsx267("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: media.map((item, index) => /* @__PURE__ */ jsxs218(
+      /* @__PURE__ */ jsx267("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: media.map((item, index) => /* @__PURE__ */ jsxs219(
         "div",
         {
           draggable: !item._uploading,
@@ -30486,7 +30536,7 @@ function ReleaseMediaManager({
                 preload: "metadata"
               }
             ) : /* @__PURE__ */ jsx267(
-              Image13,
+              Image14,
               {
                 src: item.media_url,
                 alt: item.title || "Media",
@@ -30495,14 +30545,14 @@ function ReleaseMediaManager({
                 sizes: "(max-width: 768px) 100vw, 50vw"
               }
             ) }),
-            item._uploading && /* @__PURE__ */ jsx267("div", { className: "aspect-video bg-[#1A1A1A] flex items-center justify-center", children: /* @__PURE__ */ jsxs218("div", { className: "flex flex-col items-center gap-2", children: [
+            item._uploading && /* @__PURE__ */ jsx267("div", { className: "aspect-video bg-[#1A1A1A] flex items-center justify-center", children: /* @__PURE__ */ jsxs219("div", { className: "flex flex-col items-center gap-2", children: [
               /* @__PURE__ */ jsx267(Loader28, { className: "h-8 w-8 animate-spin text-ods-accent" }),
               /* @__PURE__ */ jsx267("span", { className: "text-sm text-ods-text-secondary", children: "Uploading..." })
             ] }) }),
-            /* @__PURE__ */ jsxs218("div", { className: "p-3 space-y-2", children: [
-              /* @__PURE__ */ jsxs218("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxs219("div", { className: "p-3 space-y-2", children: [
+              /* @__PURE__ */ jsxs219("div", { className: "flex items-center gap-2", children: [
                 getIcon(item.media_type),
-                /* @__PURE__ */ jsxs218(
+                /* @__PURE__ */ jsxs219(
                   Select,
                   {
                     value: item.media_type,
@@ -30510,7 +30560,7 @@ function ReleaseMediaManager({
                     disabled: item._uploading,
                     children: [
                       /* @__PURE__ */ jsx267(SelectTrigger, { className: "bg-[#161616] h-8 text-xs", children: /* @__PURE__ */ jsx267(SelectValue, {}) }),
-                      /* @__PURE__ */ jsxs218(SelectContent, { className: "bg-ods-card", children: [
+                      /* @__PURE__ */ jsxs219(SelectContent, { className: "bg-ods-card", children: [
                         /* @__PURE__ */ jsx267(SelectItem, { value: "image", children: "Image" }),
                         /* @__PURE__ */ jsx267(SelectItem, { value: "video", children: "Video" }),
                         /* @__PURE__ */ jsx267(SelectItem, { value: "screenshot", children: "Screenshot" }),
@@ -30537,7 +30587,7 @@ function ReleaseMediaManager({
         index
       )) })
     ] }),
-    media.length === 0 && /* @__PURE__ */ jsxs218("div", { className: "text-center py-8 px-4 bg-ods-bg-secondary border border-ods-border rounded-lg", children: [
+    media.length === 0 && /* @__PURE__ */ jsxs219("div", { className: "text-center py-8 px-4 bg-ods-bg-secondary border border-ods-border rounded-lg", children: [
       /* @__PURE__ */ jsx267(ImageIcon3, { className: "h-12 w-12 text-ods-text-secondary mx-auto mb-4" }),
       /* @__PURE__ */ jsx267("h3", { className: "font-['DM_Sans'] font-semibold text-ods-text-primary mb-2", children: "No media uploaded yet" }),
       /* @__PURE__ */ jsx267("p", { className: "text-sm text-ods-text-secondary", children: "Upload your first image or video to get started" })
@@ -30548,10 +30598,10 @@ function ReleaseMediaManager({
 // src/components/features/select-button.tsx
 init_cn();
 import React94 from "react";
-import { jsx as jsx268, jsxs as jsxs219 } from "react/jsx-runtime";
+import { jsx as jsx268, jsxs as jsxs220 } from "react/jsx-runtime";
 var SelectButton = React94.forwardRef(
   ({ title, description, selected = false, disabled = false, icon, image, tag, tagVariant = "outline", onClick, className }, ref) => {
-    return /* @__PURE__ */ jsxs219(
+    return /* @__PURE__ */ jsxs220(
       "button",
       {
         ref,
@@ -30578,7 +30628,7 @@ var SelectButton = React94.forwardRef(
               className: "size-full object-cover"
             }
           ) }),
-          /* @__PURE__ */ jsxs219("span", { className: "flex flex-1 flex-col justify-center min-w-0 overflow-hidden", children: [
+          /* @__PURE__ */ jsxs220("span", { className: "flex flex-1 flex-col justify-center min-w-0 overflow-hidden", children: [
             /* @__PURE__ */ jsx268("span", { className: "md:text-[18px] text-[14px] font-medium text-ods-text-primary truncate", children: title }),
             description && /* @__PURE__ */ jsx268(
               "span",
@@ -30608,8 +30658,8 @@ SelectButton.displayName = "SelectButton";
 // src/components/features/seo-editor-preview.tsx
 import { useState as useState66 } from "react";
 import { Globe as Globe3, ExternalLink as ExternalLink5, Upload as Upload5, X as X11, Loader2 as Loader29, Sparkles as Sparkles4 } from "lucide-react";
-import Image14 from "next/image";
-import { Fragment as Fragment42, jsx as jsx269, jsxs as jsxs220 } from "react/jsx-runtime";
+import Image15 from "next/image";
+import { Fragment as Fragment42, jsx as jsx269, jsxs as jsxs221 } from "react/jsx-runtime";
 function SEOEditorPreview({
   seoTitle,
   seoDescription,
@@ -30652,14 +30702,14 @@ function SEOEditorPreview({
       setIsUploading(false);
     }
   };
-  return /* @__PURE__ */ jsxs220("div", { className: cn("space-y-6 p-6 bg-ods-card border border-ods-border rounded-lg", className), children: [
+  return /* @__PURE__ */ jsxs221("div", { className: cn("space-y-6 p-6 bg-ods-card border border-ods-border rounded-lg", className), children: [
     /* @__PURE__ */ jsx269("h3", { className: "text-h5 text-ods-text-primary", children: "SEO & Open Graph" }),
-    /* @__PURE__ */ jsxs220("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-4", children: [
-      /* @__PURE__ */ jsxs220("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsxs220("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsxs221("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsxs221("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs221("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx269(Label, { className: "font-['DM_Sans'] text-[14px] font-medium text-ods-text-primary", children: "SEO Title" }),
-          aiConfidenceSeoTitle !== void 0 && /* @__PURE__ */ jsxs220(Fragment42, { children: [
-            /* @__PURE__ */ jsxs220(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
+          aiConfidenceSeoTitle !== void 0 && /* @__PURE__ */ jsxs221(Fragment42, { children: [
+            /* @__PURE__ */ jsxs221(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
               /* @__PURE__ */ jsx269(Sparkles4, { className: "h-3 w-3" }),
               "AI Generated"
             ] }),
@@ -30686,11 +30736,11 @@ function SEOEditorPreview({
         ),
         !seoTitle && title && /* @__PURE__ */ jsx269("p", { className: "text-[11px] text-ods-accent font-['DM_Sans']", children: "Auto-populated from title" })
       ] }),
-      /* @__PURE__ */ jsxs220("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsxs220("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxs221("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs221("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx269(Label, { className: "font-['DM_Sans'] text-[14px] font-medium text-ods-text-primary", children: "SEO Keywords" }),
-          aiConfidenceSeoKeywords !== void 0 && /* @__PURE__ */ jsxs220(Fragment42, { children: [
-            /* @__PURE__ */ jsxs220(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
+          aiConfidenceSeoKeywords !== void 0 && /* @__PURE__ */ jsxs221(Fragment42, { children: [
+            /* @__PURE__ */ jsxs221(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
               /* @__PURE__ */ jsx269(Sparkles4, { className: "h-3 w-3" }),
               "AI Generated"
             ] }),
@@ -30717,12 +30767,12 @@ function SEOEditorPreview({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs220("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-4", children: [
-      /* @__PURE__ */ jsxs220("div", { className: "space-y-2 flex flex-col h-full", children: [
-        /* @__PURE__ */ jsxs220("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsxs221("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsxs221("div", { className: "space-y-2 flex flex-col h-full", children: [
+        /* @__PURE__ */ jsxs221("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx269(Label, { className: "font-['DM_Sans'] text-[14px] font-medium text-ods-text-primary", children: "SEO Description" }),
-          aiConfidenceSeoDescription !== void 0 && /* @__PURE__ */ jsxs220(Fragment42, { children: [
-            /* @__PURE__ */ jsxs220(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
+          aiConfidenceSeoDescription !== void 0 && /* @__PURE__ */ jsxs221(Fragment42, { children: [
+            /* @__PURE__ */ jsxs221(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
               /* @__PURE__ */ jsx269(Sparkles4, { className: "h-3 w-3" }),
               "AI Generated"
             ] }),
@@ -30750,12 +30800,12 @@ function SEOEditorPreview({
         ),
         !seoDescription && summary && /* @__PURE__ */ jsx269("p", { className: "text-[11px] text-ods-accent font-['DM_Sans']", children: "Auto-populated from summary" })
       ] }),
-      /* @__PURE__ */ jsxs220("div", { className: "space-y-2 flex flex-col h-full", children: [
+      /* @__PURE__ */ jsxs221("div", { className: "space-y-2 flex flex-col h-full", children: [
         /* @__PURE__ */ jsx269(Label, { className: "font-['DM_Sans'] text-[14px] font-medium text-ods-text-primary", children: "OG Image" }),
-        /* @__PURE__ */ jsxs220("div", { className: "flex-1 relative", children: [
-          displayImage && !imageError ? /* @__PURE__ */ jsxs220("div", { className: "relative group h-full min-h-[280px]", children: [
+        /* @__PURE__ */ jsxs221("div", { className: "flex-1 relative", children: [
+          displayImage && !imageError ? /* @__PURE__ */ jsxs221("div", { className: "relative group h-full min-h-[280px]", children: [
             /* @__PURE__ */ jsx269(
-              Image14,
+              Image15,
               {
                 src: displayImage,
                 alt: "OG Image",
@@ -30764,7 +30814,7 @@ function SEOEditorPreview({
                 onError: () => setImageError(true)
               }
             ),
-            /* @__PURE__ */ jsxs220("div", { className: "absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-40 transition-all rounded-lg flex items-center justify-center gap-2", children: [
+            /* @__PURE__ */ jsxs221("div", { className: "absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-40 transition-all rounded-lg flex items-center justify-center gap-2", children: [
               onOgImageUpload && /* @__PURE__ */ jsx269(
                 Button,
                 {
@@ -30795,7 +30845,7 @@ function SEOEditorPreview({
             {
               className: "h-full min-h-[280px] border-2 border-dashed border-ods-border rounded-lg flex flex-col items-center justify-center cursor-pointer hover:border-ods-accent transition-colors bg-ods-bg-hover",
               onClick: () => onOgImageUpload && fileInputRef?.click(),
-              children: isUploading ? /* @__PURE__ */ jsx269(Loader29, { className: "h-8 w-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs220(Fragment42, { children: [
+              children: isUploading ? /* @__PURE__ */ jsx269(Loader29, { className: "h-8 w-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs221(Fragment42, { children: [
                 /* @__PURE__ */ jsx269(Upload5, { className: "h-8 w-8 text-ods-text-secondary mb-2" }),
                 /* @__PURE__ */ jsx269("span", { className: "text-sm text-ods-text-secondary font-['DM_Sans']", children: onOgImageUpload ? "Click to upload OG image" : "No image" })
               ] })
@@ -30816,14 +30866,14 @@ function SEOEditorPreview({
         !ogImageUrl && featuredImage && /* @__PURE__ */ jsx269("p", { className: "text-[11px] text-ods-accent font-['DM_Sans']", children: "Using featured image" })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs220("div", { className: "pt-4 border-t border-ods-border", children: [
-      /* @__PURE__ */ jsxs220("div", { className: "flex items-center gap-2 mb-3", children: [
+    /* @__PURE__ */ jsxs221("div", { className: "pt-4 border-t border-ods-border", children: [
+      /* @__PURE__ */ jsxs221("div", { className: "flex items-center gap-2 mb-3", children: [
         /* @__PURE__ */ jsx269(Globe3, { className: "w-4 h-4 text-ods-text-secondary" }),
         /* @__PURE__ */ jsx269("span", { className: "font-['DM_Sans'] text-[12px] font-medium text-ods-text-secondary", children: "Social Media Preview" })
       ] }),
-      /* @__PURE__ */ jsxs220("div", { className: "bg-ods-bg border border-ods-border rounded-lg overflow-hidden max-w-[500px]", children: [
+      /* @__PURE__ */ jsxs221("div", { className: "bg-ods-bg border border-ods-border rounded-lg overflow-hidden max-w-[500px]", children: [
         /* @__PURE__ */ jsx269("div", { className: "relative w-full h-[260px] bg-ods-bg-active", children: displayImage && !imageError ? /* @__PURE__ */ jsx269(
-          Image14,
+          Image15,
           {
             src: displayImage,
             alt: displayTitle,
@@ -30831,12 +30881,12 @@ function SEOEditorPreview({
             className: "object-cover",
             onError: () => setImageError(true)
           }
-        ) : /* @__PURE__ */ jsx269("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxs220("div", { className: "text-center", children: [
+        ) : /* @__PURE__ */ jsx269("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxs221("div", { className: "text-center", children: [
           /* @__PURE__ */ jsx269(Globe3, { className: "w-12 h-12 text-ods-text-secondary mx-auto mb-2" }),
           /* @__PURE__ */ jsx269("p", { className: "text-ods-text-secondary text-sm font-['DM_Sans']", children: "No preview image" })
         ] }) }) }),
-        /* @__PURE__ */ jsxs220("div", { className: "p-4 space-y-2", children: [
-          /* @__PURE__ */ jsxs220("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsxs221("div", { className: "p-4 space-y-2", children: [
+          /* @__PURE__ */ jsxs221("div", { className: "flex items-center gap-1", children: [
             /* @__PURE__ */ jsx269(ExternalLink5, { className: "w-3 h-3 text-ods-text-secondary" }),
             /* @__PURE__ */ jsx269("span", { className: "font-['DM_Sans'] text-[11px] text-ods-text-secondary uppercase tracking-wide", children: domain })
           ] }),
@@ -30844,7 +30894,7 @@ function SEOEditorPreview({
           /* @__PURE__ */ jsx269("p", { className: "font-['DM_Sans'] text-[14px] text-ods-text-secondary leading-[1.4] line-clamp-3", children: displayDescription })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs220("div", { className: "space-y-1 mt-3", children: [
+      /* @__PURE__ */ jsxs221("div", { className: "space-y-1 mt-3", children: [
         !seoTitle.trim() && title && /* @__PURE__ */ jsx269("p", { className: "font-['DM_Sans'] text-[11px] text-ods-accent", children: "\u2022 Using title as SEO title" }),
         !seoDescription.trim() && summary && /* @__PURE__ */ jsx269("p", { className: "font-['DM_Sans'] text-[11px] text-ods-accent", children: "\u2022 Using summary as SEO description" }),
         !ogImageUrl.trim() && featuredImage.trim() && /* @__PURE__ */ jsx269("p", { className: "font-['DM_Sans'] text-[11px] text-ods-accent", children: "\u2022 Using featured image as OG image" })
@@ -30855,7 +30905,7 @@ function SEOEditorPreview({
 
 // src/components/features/social-links-manager.tsx
 import { Trash2 as Trash26, User, Globe as Globe4, Youtube, Instagram, Facebook, MessageCircle as MessageCircle2, Send as Send2, Music } from "lucide-react";
-import { jsx as jsx270, jsxs as jsxs221 } from "react/jsx-runtime";
+import { jsx as jsx270, jsxs as jsxs222 } from "react/jsx-runtime";
 var defaultPlatforms = [];
 var iconMap = {
   linkedin: LinkedInIcon,
@@ -30895,14 +30945,14 @@ function SocialLinksManager({
     const IconComponent = iconMap[iconKey];
     return IconComponent ? /* @__PURE__ */ jsx270(IconComponent, { className: "w-5 h-5 text-ods-text-secondary" }) : null;
   };
-  return /* @__PURE__ */ jsxs221("div", { className: `space-y-3 ${className}`, children: [
+  return /* @__PURE__ */ jsxs222("div", { className: `space-y-3 ${className}`, children: [
     links.map((link, index) => {
       const platform = platforms.find((p) => p.name === link.platform);
       const Icon2 = getIcon(link, platform);
-      return /* @__PURE__ */ jsxs221("div", { className: "flex items-center gap-3 p-3 bg-ods-bg-secondary rounded-lg border border-ods-border", children: [
+      return /* @__PURE__ */ jsxs222("div", { className: "flex items-center gap-3 p-3 bg-ods-bg-secondary rounded-lg border border-ods-border", children: [
         /* @__PURE__ */ jsx270("div", { className: "w-8 h-8 flex items-center justify-center", children: Icon2 }),
-        /* @__PURE__ */ jsxs221("div", { className: "flex-1 grid grid-cols-2 gap-3", children: [
-          /* @__PURE__ */ jsx270("div", { children: /* @__PURE__ */ jsxs221(
+        /* @__PURE__ */ jsxs222("div", { className: "flex-1 grid grid-cols-2 gap-3", children: [
+          /* @__PURE__ */ jsx270("div", { children: /* @__PURE__ */ jsxs222(
             Select,
             {
               value: link.platform,
@@ -31030,7 +31080,7 @@ StartWithOpenFrameButton.displayName = "StartWithOpenFrameButton";
 // src/components/features/status-filter-component.tsx
 init_button2();
 import { Filter } from "lucide-react";
-import { jsx as jsx272, jsxs as jsxs222 } from "react/jsx-runtime";
+import { jsx as jsx272, jsxs as jsxs223 } from "react/jsx-runtime";
 function StatusFilterComponent({
   selectedStatus,
   onStatusChange,
@@ -31040,8 +31090,8 @@ function StatusFilterComponent({
   className = ""
 }) {
   const filteredOptions = statusOptions.filter((option) => option.value !== "all");
-  return /* @__PURE__ */ jsxs222("div", { className: `flex flex-wrap items-center gap-3 p-4 bg-ods-card border border-ods-border rounded-lg ${className}`, children: [
-    /* @__PURE__ */ jsxs222("div", { className: "flex items-center gap-2", children: [
+  return /* @__PURE__ */ jsxs223("div", { className: `flex flex-wrap items-center gap-3 p-4 bg-ods-card border border-ods-border rounded-lg ${className}`, children: [
+    /* @__PURE__ */ jsxs223("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx272(Filter, { className: "h-4 w-4 text-ods-accent" }),
       /* @__PURE__ */ jsx272("span", { className: "text-h5 text-ods-text-secondary", children: "Status" })
     ] }),
@@ -31068,7 +31118,7 @@ function StatusFilterComponent({
       },
       option.value
     )),
-    showCount && /* @__PURE__ */ jsxs222("div", { className: "ml-auto text-[12px] font-['DM_Sans'] text-ods-text-secondary shrink-0", children: [
+    showCount && /* @__PURE__ */ jsxs223("div", { className: "ml-auto text-[12px] font-['DM_Sans'] text-ods-text-secondary shrink-0", children: [
       count,
       " items"
     ] })
@@ -31078,7 +31128,7 @@ function StatusFilterComponent({
 // src/components/features/tags-selector.tsx
 import { useState as useState67 } from "react";
 import { Search as Search2, X as X12, Plus as Plus6, Loader2 as Loader210 } from "lucide-react";
-import { jsx as jsx273, jsxs as jsxs223 } from "react/jsx-runtime";
+import { jsx as jsx273, jsxs as jsxs224 } from "react/jsx-runtime";
 function TagsSelector({
   availableTags,
   selectedTagIds,
@@ -31131,16 +31181,16 @@ function TagsSelector({
   };
   const canCreateNewTag = allowCreate && onCreateTag && searchQuery.trim() && !tagExistsWithName(searchQuery.trim());
   const filteredTags = getFilteredTagsForAutocomplete();
-  return /* @__PURE__ */ jsxs223("div", { className: cn("space-y-2", className), children: [
-    /* @__PURE__ */ jsxs223("div", { className: "relative", children: [
+  return /* @__PURE__ */ jsxs224("div", { className: cn("space-y-2", className), children: [
+    /* @__PURE__ */ jsxs224("div", { className: "relative", children: [
       /* @__PURE__ */ jsx273("div", { className: "absolute top-3 left-3 flex items-center pointer-events-none z-10", children: /* @__PURE__ */ jsx273(Search2, { className: "h-4 w-4 text-ods-text-secondary" }) }),
-      /* @__PURE__ */ jsxs223("div", { className: cn(
+      /* @__PURE__ */ jsxs224("div", { className: cn(
         "w-full bg-ods-bg border border-ods-border rounded-lg",
         "focus-within:ring-2 focus-within:ring-ods-accent focus-within:border-ods-accent",
         "transition-all duration-200 flex flex-wrap items-center gap-1.5 p-2 pl-10 min-h-[42px]",
         disabled && "opacity-50 cursor-not-allowed"
       ), children: [
-        getSelectedTags().map((tag) => /* @__PURE__ */ jsxs223(
+        getSelectedTags().map((tag) => /* @__PURE__ */ jsxs224(
           "span",
           {
             className: "inline-flex items-center gap-1 px-2 py-0.5 rounded bg-ods-accent text-ods-bg text-xs font-medium font-['DM_Sans']",
@@ -31211,8 +31261,8 @@ function TagsSelector({
           }
         )
       ] }),
-      showDropdown && !disabled && /* @__PURE__ */ jsx273("div", { className: "absolute z-50 w-full mt-1 bg-ods-card border border-ods-border rounded-lg shadow-lg max-h-60 overflow-y-auto", children: /* @__PURE__ */ jsxs223("div", { className: "p-3", children: [
-        canCreateNewTag && /* @__PURE__ */ jsxs223(
+      showDropdown && !disabled && /* @__PURE__ */ jsx273("div", { className: "absolute z-50 w-full mt-1 bg-ods-card border border-ods-border rounded-lg shadow-lg max-h-60 overflow-y-auto", children: /* @__PURE__ */ jsxs224("div", { className: "p-3", children: [
+        canCreateNewTag && /* @__PURE__ */ jsxs224(
           Button,
           {
             variant: "outline",
@@ -31223,7 +31273,7 @@ function TagsSelector({
             className: "w-full flex flex-row items-center gap-1.5 px-2 py-1 mb-2 h-auto rounded border-dashed border-ods-accent bg-ods-bg hover:bg-ods-card text-ods-accent font-['DM_Sans'] !text-xs !font-medium",
             children: [
               "Create tag: ",
-              /* @__PURE__ */ jsxs223("strong", { children: [
+              /* @__PURE__ */ jsxs224("strong", { children: [
                 '"',
                 searchQuery.trim(),
                 '"'
@@ -31244,8 +31294,8 @@ function TagsSelector({
         )) }) : !canCreateNewTag ? /* @__PURE__ */ jsx273("div", { className: "py-4 px-4 text-center w-full", children: /* @__PURE__ */ jsx273("p", { className: "text-ods-text-secondary text-sm font-['DM_Sans']", children: searchQuery.trim() ? `No tags found for "${searchQuery}"` : "No tags available" }) }) : null
       ] }) })
     ] }),
-    /* @__PURE__ */ jsxs223("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs223("div", { className: "text-[11px] text-ods-text-secondary font-['DM_Sans']", children: [
+    /* @__PURE__ */ jsxs224("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs224("div", { className: "text-[11px] text-ods-text-secondary font-['DM_Sans']", children: [
         selectedTagIds.length,
         " / ",
         maxTags,
@@ -31260,7 +31310,7 @@ function TagsSelector({
 init_button2();
 import { useState as useState68, useCallback as useCallback31 } from "react";
 import { Upload as Upload6, Sparkles as Sparkles5, X as X13, Video as Video6 } from "lucide-react";
-import { jsx as jsx274, jsxs as jsxs224 } from "react/jsx-runtime";
+import { jsx as jsx274, jsxs as jsxs225 } from "react/jsx-runtime";
 function VideoSourceSelector({
   videoSourceType,
   onVideoSourceTypeChange,
@@ -31321,12 +31371,12 @@ function VideoSourceSelector({
   const handleDeleteVideo = useCallback31(() => {
     onMainVideoUrlChange("");
   }, [onMainVideoUrlChange]);
-  return /* @__PURE__ */ jsxs224("div", { className: `space-y-4 p-6 bg-ods-card border border-ods-border rounded-lg ${className}`, children: [
-    showTitle && /* @__PURE__ */ jsxs224("h3", { className: "font-['Azeret_Mono'] text-[18px] font-semibold uppercase text-ods-text-primary flex items-center gap-2", children: [
+  return /* @__PURE__ */ jsxs225("div", { className: `space-y-4 p-6 bg-ods-card border border-ods-border rounded-lg ${className}`, children: [
+    showTitle && /* @__PURE__ */ jsxs225("h3", { className: "font-['Azeret_Mono'] text-[18px] font-semibold uppercase text-ods-text-primary flex items-center gap-2", children: [
       /* @__PURE__ */ jsx274(Video6, { className: "h-5 w-5" }),
       title
     ] }),
-    /* @__PURE__ */ jsxs224("div", { className: "flex gap-2", children: [
+    /* @__PURE__ */ jsxs225("div", { className: "flex gap-2", children: [
       /* @__PURE__ */ jsx274(
         Button,
         {
@@ -31350,7 +31400,7 @@ function VideoSourceSelector({
         }
       )
     ] }),
-    videoSourceType === "youtube" && /* @__PURE__ */ jsxs224("div", { className: "space-y-2", children: [
+    videoSourceType === "youtube" && /* @__PURE__ */ jsxs225("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsx274(Label, { children: youtubeLabel }),
       /* @__PURE__ */ jsx274(
         Input,
@@ -31364,11 +31414,11 @@ function VideoSourceSelector({
       ),
       youtubeHelperText && /* @__PURE__ */ jsx274("p", { className: "text-xs text-ods-text-secondary", children: youtubeHelperText })
     ] }),
-    videoSourceType === "uploaded" && /* @__PURE__ */ jsxs224("div", { children: [
-      /* @__PURE__ */ jsxs224("div", { className: "flex items-center justify-between mb-2", children: [
-        /* @__PURE__ */ jsxs224("div", { className: "flex items-center gap-2", children: [
+    videoSourceType === "uploaded" && /* @__PURE__ */ jsxs225("div", { children: [
+      /* @__PURE__ */ jsxs225("div", { className: "flex items-center justify-between mb-2", children: [
+        /* @__PURE__ */ jsxs225("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx274(Label, { children: uploadLabel }),
-          showAIBadge && isAIGenerated && /* @__PURE__ */ jsxs224(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
+          showAIBadge && isAIGenerated && /* @__PURE__ */ jsxs225(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
             /* @__PURE__ */ jsx274(Sparkles5, { className: "h-3 w-3" }),
             "AI Generated"
           ] })
@@ -31394,8 +31444,8 @@ function VideoSourceSelector({
           className: "mb-3"
         }
       ),
-      isUploading && !UploadProgressComponent && /* @__PURE__ */ jsxs224("div", { className: "mb-3", children: [
-        /* @__PURE__ */ jsxs224("div", { className: "flex items-center gap-2 mb-1", children: [
+      isUploading && !UploadProgressComponent && /* @__PURE__ */ jsxs225("div", { className: "mb-3", children: [
+        /* @__PURE__ */ jsxs225("div", { className: "flex items-center gap-2 mb-1", children: [
           /* @__PURE__ */ jsx274("div", { className: "flex-1 h-2 bg-ods-border rounded-full overflow-hidden", children: /* @__PURE__ */ jsx274(
             "div",
             {
@@ -31403,7 +31453,7 @@ function VideoSourceSelector({
               style: { width: `${uploadProgress}%` }
             }
           ) }),
-          /* @__PURE__ */ jsxs224("span", { className: "text-xs text-ods-text-secondary", children: [
+          /* @__PURE__ */ jsxs225("span", { className: "text-xs text-ods-text-secondary", children: [
             uploadProgress,
             "%"
           ] })
@@ -31420,7 +31470,7 @@ function VideoSourceSelector({
         }
       ) : (
         // Default simple preview
-        /* @__PURE__ */ jsxs224("div", { className: "relative rounded-lg border border-ods-border overflow-hidden", children: [
+        /* @__PURE__ */ jsxs225("div", { className: "relative rounded-lg border border-ods-border overflow-hidden", children: [
           /* @__PURE__ */ jsx274(
             "video",
             {
@@ -31450,7 +31500,7 @@ import { Sparkles as Sparkles6 } from "lucide-react";
 
 // src/components/features/ai-enrich/ConfidenceBadge.tsx
 init_cn();
-import { jsx as jsx275, jsxs as jsxs225 } from "react/jsx-runtime";
+import { jsx as jsx275, jsxs as jsxs226 } from "react/jsx-runtime";
 var sizeStyles = {
   sm: "text-xs px-1.5 py-0.5",
   md: "text-sm px-2 py-1",
@@ -31471,7 +31521,7 @@ var ConfidenceBadge = ({
   const borderClass = getConfidenceBorderClass(confidence);
   const textClass = getConfidenceTextClass(confidence);
   const bgClass = getConfidenceBgClass(confidence);
-  return /* @__PURE__ */ jsxs225(
+  return /* @__PURE__ */ jsxs226(
     "span",
     {
       className: cn(
@@ -31484,7 +31534,7 @@ var ConfidenceBadge = ({
       ),
       children: [
         showLabel && /* @__PURE__ */ jsx275("span", { children: label }),
-        showPercentage && confidence !== void 0 && /* @__PURE__ */ jsxs225("span", { className: "opacity-75", children: [
+        showPercentage && confidence !== void 0 && /* @__PURE__ */ jsxs226("span", { className: "opacity-75", children: [
           "(",
           confidence,
           "%)"
@@ -31495,7 +31545,7 @@ var ConfidenceBadge = ({
 };
 
 // src/components/features/transcript-summary-editor.tsx
-import { jsx as jsx276, jsxs as jsxs226 } from "react/jsx-runtime";
+import { jsx as jsx276, jsxs as jsxs227 } from "react/jsx-runtime";
 function TranscriptSummaryEditor({
   videoSummary = "",
   onVideoSummaryChange,
@@ -31521,12 +31571,12 @@ function TranscriptSummaryEditor({
   disabled = false,
   className = ""
 }) {
-  return /* @__PURE__ */ jsxs226("div", { className: `space-y-4 ${className}`, children: [
-    /* @__PURE__ */ jsxs226("div", { children: [
-      /* @__PURE__ */ jsxs226("div", { className: "mb-2", children: [
-        /* @__PURE__ */ jsxs226("div", { className: "flex items-center gap-2", children: [
+  return /* @__PURE__ */ jsxs227("div", { className: `space-y-4 ${className}`, children: [
+    /* @__PURE__ */ jsxs227("div", { children: [
+      /* @__PURE__ */ jsxs227("div", { className: "mb-2", children: [
+        /* @__PURE__ */ jsxs227("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx276(Label, { htmlFor: "video-summary", children: videoSummaryLabel }),
-          isAIGenerated && /* @__PURE__ */ jsxs226(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
+          isAIGenerated && /* @__PURE__ */ jsxs227(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
             /* @__PURE__ */ jsx276(Sparkles6, { className: "h-3 w-3" }),
             "AI Generated"
           ] }),
@@ -31562,11 +31612,11 @@ function TranscriptSummaryEditor({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs226("div", { children: [
-      /* @__PURE__ */ jsxs226("div", { className: "mb-2", children: [
-        /* @__PURE__ */ jsxs226("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsxs227("div", { children: [
+      /* @__PURE__ */ jsxs227("div", { className: "mb-2", children: [
+        /* @__PURE__ */ jsxs227("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx276(Label, { htmlFor: "transcript", children: transcriptLabel }),
-          isAIGenerated && /* @__PURE__ */ jsxs226(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
+          isAIGenerated && /* @__PURE__ */ jsxs227(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
             /* @__PURE__ */ jsx276(Sparkles6, { className: "h-3 w-3" }),
             "AI Generated"
           ] }),
@@ -31602,11 +31652,11 @@ function TranscriptSummaryEditor({
         }
       )
     ] }),
-    (subtitles || onSubtitlesChange) && /* @__PURE__ */ jsxs226("div", { children: [
-      /* @__PURE__ */ jsxs226("div", { className: "mb-2", children: [
-        /* @__PURE__ */ jsxs226("div", { className: "flex items-center gap-2", children: [
+    (subtitles || onSubtitlesChange) && /* @__PURE__ */ jsxs227("div", { children: [
+      /* @__PURE__ */ jsxs227("div", { className: "mb-2", children: [
+        /* @__PURE__ */ jsxs227("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx276(Label, { htmlFor: "subtitles", children: subtitlesLabel }),
-          isAIGenerated && subtitles && /* @__PURE__ */ jsxs226(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
+          isAIGenerated && subtitles && /* @__PURE__ */ jsxs227(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
             /* @__PURE__ */ jsx276(StandardCcIcon, { size: 12 }),
             "AI Generated"
           ] })
@@ -31686,7 +31736,7 @@ var AIEnrichButton = ({
 
 // src/components/features/ai-enrich/AIWarningsSection.tsx
 init_cn();
-import { jsx as jsx278, jsxs as jsxs227 } from "react/jsx-runtime";
+import { jsx as jsx278, jsxs as jsxs228 } from "react/jsx-runtime";
 var AIWarningsSection = ({
   warnings,
   title = "AI Warnings",
@@ -31702,7 +31752,7 @@ var AIWarningsSection = ({
         "rounded-lg border border-yellow-500/30 bg-yellow-500/10 p-4",
         className
       ),
-      children: /* @__PURE__ */ jsxs227("div", { className: "flex items-start gap-2", children: [
+      children: /* @__PURE__ */ jsxs228("div", { className: "flex items-start gap-2", children: [
         /* @__PURE__ */ jsx278(
           "svg",
           {
@@ -31721,7 +31771,7 @@ var AIWarningsSection = ({
             )
           }
         ),
-        /* @__PURE__ */ jsxs227("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsxs228("div", { className: "flex-1", children: [
           /* @__PURE__ */ jsx278("h4", { className: "text-sm font-semibold text-yellow-500 mb-2", children: title }),
           /* @__PURE__ */ jsx278("ul", { className: "space-y-1", children: warnings.map((warning, index) => /* @__PURE__ */ jsx278(
             "li",
@@ -31740,7 +31790,7 @@ var AIWarningsSection = ({
 // src/components/features/ai-enrich/AIEnrichSection.tsx
 init_button2();
 import { CheckCircle as CheckCircle4, AlertCircle as AlertCircle2, Loader2 as Loader211, X as X14 } from "lucide-react";
-import { jsx as jsx279, jsxs as jsxs228 } from "react/jsx-runtime";
+import { jsx as jsx279, jsxs as jsxs229 } from "react/jsx-runtime";
 var AIEnrichSection = ({
   onEnrich,
   loading = false,
@@ -31777,7 +31827,7 @@ var AIEnrichSection = ({
   const hasResults = status === "success" || status === "error";
   const shouldDisable = disabled || !canEnrich;
   const unfilledFields = requiredFields?.filter((f) => !f.isFilled) || [];
-  return /* @__PURE__ */ jsxs228(
+  return /* @__PURE__ */ jsxs229(
     "div",
     {
       className: cn(
@@ -31786,15 +31836,15 @@ var AIEnrichSection = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs228("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxs229("div", { className: "flex items-center gap-3", children: [
           icon || /* @__PURE__ */ jsx279(SparklesIcon, { size: 20, className: "text-ods-text-secondary" }),
-          /* @__PURE__ */ jsxs228("div", { className: "flex-1", children: [
+          /* @__PURE__ */ jsxs229("div", { className: "flex-1", children: [
             /* @__PURE__ */ jsx279("h3", { className: "text-h5 text-ods-text-primary", children: title }),
             description && /* @__PURE__ */ jsx279("p", { className: "text-ods-text-secondary text-sm font-['DM_Sans'] mt-1", children: description })
           ] })
         ] }),
-        showCustomInstructions && /* @__PURE__ */ jsxs228("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ jsxs228("div", { className: "flex items-center justify-between", children: [
+        showCustomInstructions && /* @__PURE__ */ jsxs229("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsxs229("div", { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ jsx279(
               "label",
               {
@@ -31803,7 +31853,7 @@ var AIEnrichSection = ({
                 children: customInstructionsLabel
               }
             ),
-            customInstructionsMaxLength !== void 0 && /* @__PURE__ */ jsxs228("span", { className: "text-xs text-ods-text-secondary font-['DM_Sans']", children: [
+            customInstructionsMaxLength !== void 0 && /* @__PURE__ */ jsxs229("span", { className: "text-xs text-ods-text-secondary font-['DM_Sans']", children: [
               (customInstructions ?? "").length,
               "/",
               customInstructionsMaxLength
@@ -31824,7 +31874,7 @@ var AIEnrichSection = ({
           ),
           customInstructionsHelperText && /* @__PURE__ */ jsx279("p", { className: "text-xs text-ods-text-secondary font-['DM_Sans']", children: customInstructionsHelperText })
         ] }),
-        /* @__PURE__ */ jsxs228("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ jsxs229("div", { className: "flex flex-col gap-3", children: [
           /* @__PURE__ */ jsx279(
             AIEnrichButton,
             {
@@ -31857,9 +31907,9 @@ var AIEnrichSection = ({
             }
           )
         ] }),
-        shouldDisable && !loading && /* @__PURE__ */ jsxs228("div", { className: "space-y-2", children: [
+        shouldDisable && !loading && /* @__PURE__ */ jsxs229("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsx279("p", { className: "text-ods-text-secondary text-sm font-['DM_Sans']", children: disabledMessage }),
-          unfilledFields.length > 0 && /* @__PURE__ */ jsx279("div", { className: "flex flex-wrap gap-2", children: unfilledFields.map((field) => /* @__PURE__ */ jsxs228(
+          unfilledFields.length > 0 && /* @__PURE__ */ jsx279("div", { className: "flex flex-wrap gap-2", children: unfilledFields.map((field) => /* @__PURE__ */ jsxs229(
             "span",
             {
               className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium rounded-full bg-[--ods-flamingo-cyan-base]/10 text-[--ods-flamingo-cyan-base]/70 font-['DM_Sans']",
@@ -31871,12 +31921,12 @@ var AIEnrichSection = ({
             field.key
           )) })
         ] }),
-        loading && statusMessage && /* @__PURE__ */ jsxs228("div", { className: "flex items-center gap-3 p-3 rounded-lg bg-ods-card-secondary", children: [
+        loading && statusMessage && /* @__PURE__ */ jsxs229("div", { className: "flex items-center gap-3 p-3 rounded-lg bg-ods-card-secondary", children: [
           /* @__PURE__ */ jsx279(Loader211, { className: "h-5 w-5 text-ods-accent animate-spin" }),
           /* @__PURE__ */ jsx279("span", { className: "text-sm text-ods-text-primary font-['DM_Sans']", children: statusMessage })
         ] }),
-        hasResults && /* @__PURE__ */ jsxs228("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsxs228("div", { className: cn(
+        hasResults && /* @__PURE__ */ jsxs229("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs229("div", { className: cn(
             "flex items-center gap-3 p-3 rounded-lg",
             status === "success" ? "bg-[--ods-attention-green-success]/10" : "bg-[--ods-attention-red-error]/10"
           ), children: [
@@ -31885,7 +31935,7 @@ var AIEnrichSection = ({
               "text-sm font-medium",
               status === "success" ? "text-[--ods-attention-green-success]" : "text-[--ods-attention-red-error]"
             ), children: statusMessage || (status === "success" ? "Enrichment complete" : "Enrichment failed") }),
-            overallConfidence !== void 0 && status === "success" && /* @__PURE__ */ jsxs228(Badge, { variant: "success", className: "ml-auto", children: [
+            overallConfidence !== void 0 && status === "success" && /* @__PURE__ */ jsxs229(Badge, { variant: "success", className: "ml-auto", children: [
               overallConfidence,
               "% confidence"
             ] })
@@ -31908,7 +31958,7 @@ var AIEnrichSection = ({
 };
 
 // src/components/features/highlight-video-section.tsx
-import { jsx as jsx280, jsxs as jsxs229 } from "react/jsx-runtime";
+import { jsx as jsx280, jsxs as jsxs230 } from "react/jsx-runtime";
 function HighlightVideoSection({
   highlightVideoUrl,
   highlightVideoThumbnail,
@@ -31959,11 +32009,11 @@ function HighlightVideoSection({
     const seconds = Math.floor(ms % 6e4 / 1e3);
     return `${minutes}:${String(seconds).padStart(2, "0")}`;
   };
-  return /* @__PURE__ */ jsxs229("div", { className: `space-y-4 ${className}`, children: [
-    /* @__PURE__ */ jsx280("div", { className: "space-y-3 p-4 bg-ods-background-secondary rounded-lg border border-ods-border", children: /* @__PURE__ */ jsxs229("div", { className: "flex items-center gap-4", children: [
-      /* @__PURE__ */ jsxs229("div", { className: "flex-1", children: [
+  return /* @__PURE__ */ jsxs230("div", { className: `space-y-4 ${className}`, children: [
+    /* @__PURE__ */ jsx280("div", { className: "space-y-3 p-4 bg-ods-background-secondary rounded-lg border border-ods-border", children: /* @__PURE__ */ jsxs230("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ jsxs230("div", { className: "flex-1", children: [
         /* @__PURE__ */ jsx280(Label, { className: "text-sm", children: "Target Duration" }),
-        /* @__PURE__ */ jsxs229(
+        /* @__PURE__ */ jsxs230(
           Select,
           {
             value: targetDurationSeconds.toString(),
@@ -31971,7 +32021,7 @@ function HighlightVideoSection({
             disabled,
             children: [
               /* @__PURE__ */ jsx280(SelectTrigger, { className: "bg-ods-background-tertiary mt-1", children: /* @__PURE__ */ jsx280(SelectValue, {}) }),
-              /* @__PURE__ */ jsxs229(SelectContent, { className: "bg-ods-card", children: [
+              /* @__PURE__ */ jsxs230(SelectContent, { className: "bg-ods-card", children: [
                 /* @__PURE__ */ jsx280(SelectItem, { value: "60", children: "1 minute" }),
                 /* @__PURE__ */ jsx280(SelectItem, { value: "120", children: "2 minutes" }),
                 /* @__PURE__ */ jsx280(SelectItem, { value: "180", children: "3 minutes (Recommended)" }),
@@ -31982,7 +32032,7 @@ function HighlightVideoSection({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs229("div", { className: "flex items-center gap-2 pt-5", children: [
+      /* @__PURE__ */ jsxs230("div", { className: "flex items-center gap-2 pt-5", children: [
         /* @__PURE__ */ jsx280(
           "input",
           {
@@ -32017,11 +32067,11 @@ function HighlightVideoSection({
         isCancelling
       }
     ),
-    /* @__PURE__ */ jsxs229("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxs229("div", { className: "flex items-center justify-between mb-2", children: [
-        /* @__PURE__ */ jsxs229("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsxs230("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs230("div", { className: "flex items-center justify-between mb-2", children: [
+        /* @__PURE__ */ jsxs230("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx280(Label, { children: "Highlight Video" }),
-          highlightVideoSource === "ai_generated" && /* @__PURE__ */ jsxs229(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
+          highlightVideoSource === "ai_generated" && /* @__PURE__ */ jsxs230(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
             /* @__PURE__ */ jsx280(Sparkles7, { className: "h-3 w-3" }),
             "AI Generated"
           ] }),
@@ -32050,7 +32100,7 @@ function HighlightVideoSection({
         }
       ) : (
         // Default simple preview
-        /* @__PURE__ */ jsxs229("div", { className: "relative rounded-lg border border-ods-border overflow-hidden bg-black", children: [
+        /* @__PURE__ */ jsxs230("div", { className: "relative rounded-lg border border-ods-border overflow-hidden bg-black", children: [
           /* @__PURE__ */ jsx280(
             "video",
             {
@@ -32060,7 +32110,7 @@ function HighlightVideoSection({
               controls: true
             }
           ),
-          onDeleteHighlight && /* @__PURE__ */ jsxs229(
+          onDeleteHighlight && /* @__PURE__ */ jsxs230(
             "button",
             {
               type: "button",
@@ -32079,7 +32129,7 @@ function HighlightVideoSection({
 }
 
 // src/components/features/highlight-config-section.tsx
-import { jsx as jsx281, jsxs as jsxs230 } from "react/jsx-runtime";
+import { jsx as jsx281, jsxs as jsxs231 } from "react/jsx-runtime";
 function HighlightConfigSection({
   targetDurationSeconds,
   onTargetDurationChange,
@@ -32088,10 +32138,10 @@ function HighlightConfigSection({
   disabled = false,
   className = ""
 }) {
-  return /* @__PURE__ */ jsx281("div", { className: `space-y-3 p-4 bg-[#1a1a1a] rounded-lg border border-ods-border ${className}`, children: /* @__PURE__ */ jsxs230("div", { className: "flex items-center gap-4", children: [
-    /* @__PURE__ */ jsxs230("div", { className: "flex-1", children: [
+  return /* @__PURE__ */ jsx281("div", { className: `space-y-3 p-4 bg-[#1a1a1a] rounded-lg border border-ods-border ${className}`, children: /* @__PURE__ */ jsxs231("div", { className: "flex items-center gap-4", children: [
+    /* @__PURE__ */ jsxs231("div", { className: "flex-1", children: [
       /* @__PURE__ */ jsx281(Label, { className: "text-sm", children: "Target Duration" }),
-      /* @__PURE__ */ jsxs230(
+      /* @__PURE__ */ jsxs231(
         Select,
         {
           value: targetDurationSeconds.toString(),
@@ -32099,7 +32149,7 @@ function HighlightConfigSection({
           disabled,
           children: [
             /* @__PURE__ */ jsx281(SelectTrigger, { className: "bg-[#161616] mt-1", children: /* @__PURE__ */ jsx281(SelectValue, {}) }),
-            /* @__PURE__ */ jsxs230(SelectContent, { className: "bg-ods-card", children: [
+            /* @__PURE__ */ jsxs231(SelectContent, { className: "bg-ods-card", children: [
               /* @__PURE__ */ jsx281(SelectItem, { value: "60", children: "1 minute" }),
               /* @__PURE__ */ jsx281(SelectItem, { value: "120", children: "2 minutes" }),
               /* @__PURE__ */ jsx281(SelectItem, { value: "180", children: "3 minutes (Recommended)" }),
@@ -32110,7 +32160,7 @@ function HighlightConfigSection({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs230("div", { className: "flex items-center gap-2 pt-5", children: [
+    /* @__PURE__ */ jsxs231("div", { className: "flex items-center gap-2 pt-5", children: [
       /* @__PURE__ */ jsx281(
         "input",
         {
@@ -32129,7 +32179,7 @@ function HighlightConfigSection({
 
 // src/components/features/entity-summary-editor.tsx
 import { Sparkles as Sparkles8 } from "lucide-react";
-import { jsx as jsx282, jsxs as jsxs231 } from "react/jsx-runtime";
+import { jsx as jsx282, jsxs as jsxs232 } from "react/jsx-runtime";
 function EntitySummaryEditor({
   summary = "",
   onSummaryChange,
@@ -32142,11 +32192,11 @@ function EntitySummaryEditor({
   disabled = false,
   className = ""
 }) {
-  return /* @__PURE__ */ jsxs231("div", { className, children: [
-    /* @__PURE__ */ jsxs231("div", { className: "mb-2", children: [
-      /* @__PURE__ */ jsxs231("div", { className: "flex items-center gap-2", children: [
+  return /* @__PURE__ */ jsxs232("div", { className, children: [
+    /* @__PURE__ */ jsxs232("div", { className: "mb-2", children: [
+      /* @__PURE__ */ jsxs232("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsx282(Label, { htmlFor: "entity-summary", children: label }),
-        isAIGenerated && /* @__PURE__ */ jsxs231(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
+        isAIGenerated && /* @__PURE__ */ jsxs232(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
           /* @__PURE__ */ jsx282(Sparkles8, { className: "h-3 w-3" }),
           "AI Generated"
         ] }),
@@ -32189,7 +32239,7 @@ import { Sparkles as Sparkles9 } from "lucide-react";
 
 // src/components/features/ai-enrich/AIStatusIndicator.tsx
 init_cn();
-import { jsx as jsx283, jsxs as jsxs232 } from "react/jsx-runtime";
+import { jsx as jsx283, jsxs as jsxs233 } from "react/jsx-runtime";
 var statusConfig = {
   idle: {
     color: "text-ods-text-secondary",
@@ -32222,7 +32272,7 @@ var AIStatusIndicator = ({
   const config = statusConfig[status];
   const displayText = message || config.label;
   const confidenceLabel = showConfidence && confidence !== void 0 ? `${getConfidenceLabel(confidence)} (${confidence}%)` : null;
-  return /* @__PURE__ */ jsxs232(
+  return /* @__PURE__ */ jsxs233(
     "div",
     {
       className: cn(
@@ -32269,12 +32319,12 @@ var AIStatusIndicator = ({
 
 // src/components/features/ai-enrich/AIRequiredBadge.tsx
 init_cn();
-import { jsx as jsx284, jsxs as jsxs233 } from "react/jsx-runtime";
+import { jsx as jsx284, jsxs as jsxs234 } from "react/jsx-runtime";
 var AIRequiredBadge = ({
   className,
   size = "sm"
 }) => {
-  return /* @__PURE__ */ jsxs233(
+  return /* @__PURE__ */ jsxs234(
     "span",
     {
       className: cn(
@@ -32425,7 +32475,7 @@ function HighlightGenerationSection({
 // src/components/features/highlight-video-preview.tsx
 import { Upload as Upload8, Sparkles as Sparkles12 } from "lucide-react";
 init_button2();
-import { jsx as jsx288, jsxs as jsxs234 } from "react/jsx-runtime";
+import { jsx as jsx288, jsxs as jsxs235 } from "react/jsx-runtime";
 function HighlightVideoPreview({
   highlightVideoUrl,
   highlightVideoThumbnail,
@@ -32456,11 +32506,11 @@ function HighlightVideoPreview({
     const seconds = Math.floor(ms % 6e4 / 1e3);
     return `${minutes}:${String(seconds).padStart(2, "0")}`;
   };
-  return /* @__PURE__ */ jsxs234("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ jsxs234("div", { className: "flex items-center justify-between mb-2", children: [
-      /* @__PURE__ */ jsxs234("div", { className: "flex items-center gap-2", children: [
+  return /* @__PURE__ */ jsxs235("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs235("div", { className: "flex items-center justify-between mb-2", children: [
+      /* @__PURE__ */ jsxs235("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsx288(Label, { children: label }),
-        highlightVideoSource === "ai_generated" && /* @__PURE__ */ jsxs234(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
+        highlightVideoSource === "ai_generated" && /* @__PURE__ */ jsxs235(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
           /* @__PURE__ */ jsx288(Sparkles12, { className: "h-3 w-3" }),
           "AI Generated"
         ] }),
@@ -32491,7 +32541,7 @@ function HighlightVideoPreview({
 
 // src/components/features/transcribe-and-summarize-combined-section.tsx
 import { Sparkles as Sparkles13 } from "lucide-react";
-import { jsx as jsx289, jsxs as jsxs235 } from "react/jsx-runtime";
+import { jsx as jsx289, jsxs as jsxs236 } from "react/jsx-runtime";
 function TranscribeAndSummarizeCombinedSection({
   // AIEnrichSection props
   onTranscribe,
@@ -32531,7 +32581,7 @@ function TranscribeAndSummarizeCombinedSection({
   hasSubtitles = false
 }) {
   const defaultButtonLabel = hasResult ? "Regenerate" : "Generate";
-  return /* @__PURE__ */ jsxs235("div", { className: `space-y-4 ${className}`, children: [
+  return /* @__PURE__ */ jsxs236("div", { className: `space-y-4 ${className}`, children: [
     /* @__PURE__ */ jsx289(
       AIEnrichSection,
       {
@@ -32580,7 +32630,7 @@ function TranscribeAndSummarizeCombinedSection({
 // src/components/features/highlight-video-combined-section.tsx
 import { Sparkles as Sparkles14, Upload as Upload9 } from "lucide-react";
 init_button2();
-import { jsx as jsx290, jsxs as jsxs236 } from "react/jsx-runtime";
+import { jsx as jsx290, jsxs as jsxs237 } from "react/jsx-runtime";
 function HighlightVideoCombinedSection({
   // Config props
   targetDurationSeconds,
@@ -32638,7 +32688,7 @@ function HighlightVideoCombinedSection({
     };
     input.click();
   };
-  return /* @__PURE__ */ jsxs236("div", { className: `space-y-4 ${className}`, children: [
+  return /* @__PURE__ */ jsxs237("div", { className: `space-y-4 ${className}`, children: [
     /* @__PURE__ */ jsx290(
       HighlightConfigSection,
       {
@@ -32669,11 +32719,11 @@ function HighlightVideoCombinedSection({
         isCancelling
       }
     ),
-    /* @__PURE__ */ jsxs236("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxs236("div", { className: "flex items-center justify-between mb-2", children: [
-        /* @__PURE__ */ jsxs236("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsxs237("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs237("div", { className: "flex items-center justify-between mb-2", children: [
+        /* @__PURE__ */ jsxs237("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx290(Label, { children: previewLabel }),
-          highlightVideoSource === "ai_generated" && /* @__PURE__ */ jsxs236(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
+          highlightVideoSource === "ai_generated" && /* @__PURE__ */ jsxs237(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
             /* @__PURE__ */ jsx290(Sparkles14, { className: "h-3 w-3" }),
             "AI Generated"
           ] }),
@@ -32705,7 +32755,7 @@ function HighlightVideoCombinedSection({
 
 // src/components/features/view-toggle.tsx
 init_cn();
-import { jsx as jsx291, jsxs as jsxs237 } from "react/jsx-runtime";
+import { jsx as jsx291, jsxs as jsxs238 } from "react/jsx-runtime";
 function ViewToggle({
   value,
   onValueChange,
@@ -32714,7 +32764,7 @@ function ViewToggle({
   size = "default",
   "aria-label": ariaLabel = "Switch between grid and table view"
 }) {
-  return /* @__PURE__ */ jsxs237(
+  return /* @__PURE__ */ jsxs238(
     ToggleGroup,
     {
       type: "single",
@@ -32789,10 +32839,10 @@ init_cn();
 import * as React98 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 { jsx as jsx292, jsxs as jsxs238 } from "react/jsx-runtime";
+import { jsx as jsx292, jsxs as jsxs239 } from "react/jsx-runtime";
 var DropdownMenu2 = DropdownMenuPrimitive2.Root;
 var DropdownMenuTrigger2 = DropdownMenuPrimitive2.Trigger;
-var DropdownMenuSubTrigger = React98.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs238(
+var DropdownMenuSubTrigger = React98.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs239(
   DropdownMenuPrimitive2.SubTrigger,
   {
     ref,
@@ -32847,7 +32897,7 @@ var DropdownMenuItem2 = React98.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem2.displayName = DropdownMenuPrimitive2.Item.displayName;
-var DropdownMenuCheckboxItem = React98.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs238(
+var DropdownMenuCheckboxItem = React98.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs239(
   DropdownMenuPrimitive2.CheckboxItem,
   {
     ref,
@@ -32864,7 +32914,7 @@ var DropdownMenuCheckboxItem = React98.forwardRef(({ className, children, checke
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive2.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React98.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs238(
+var DropdownMenuRadioItem = React98.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs239(
   DropdownMenuPrimitive2.RadioItem,
   {
     ref,
@@ -32917,7 +32967,7 @@ var DropdownMenuShortcut = ({
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // src/components/features/policy-configuration-panel.tsx
-import { Fragment as Fragment43, jsx as jsx293, jsxs as jsxs239 } from "react/jsx-runtime";
+import { Fragment as Fragment43, jsx as jsx293, jsxs as jsxs240 } from "react/jsx-runtime";
 var approvalLevelOptions = [
   { value: "ALLOW", label: "Allow" },
   { value: "ASK_USER", label: "Ask User" },
@@ -32932,13 +32982,13 @@ var getApprovalLevelLabel = (level, editMode = false) => {
   return option?.label || level;
 };
 var PolicyRow = ({ policy, categoryId, editMode, onPermissionChange }) => {
-  return /* @__PURE__ */ jsxs239("div", { className: "bg-ods-bg border-b border-ods-border flex gap-4 items-center px-4 py-3", children: [
+  return /* @__PURE__ */ jsxs240("div", { className: "bg-ods-bg border-b border-ods-border flex gap-4 items-center px-4 py-3", children: [
     /* @__PURE__ */ jsx293("div", { className: "bg-ods-bg border border-ods-border rounded-md flex items-center justify-center w-8 h-8", children: /* @__PURE__ */ jsx293(ToolIcon, { toolType: policy.toolName, size: 16 }) }),
-    /* @__PURE__ */ jsxs239("div", { className: "flex-1 flex flex-col min-w-0", children: [
+    /* @__PURE__ */ jsxs240("div", { className: "flex-1 flex flex-col min-w-0", children: [
       /* @__PURE__ */ jsx293("p", { className: "text-[16px] font-medium text-ods-text-primary truncate", children: policy.name }),
       /* @__PURE__ */ jsx293("p", { className: "text-[12px] text-ods-text-secondary break-all font-mono", children: policy.commandPattern })
     ] }),
-    editMode ? /* @__PURE__ */ jsxs239(DropdownMenu2, { children: [
+    editMode ? /* @__PURE__ */ jsxs240(DropdownMenu2, { children: [
       /* @__PURE__ */ jsx293(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ jsx293(
         Button,
         {
@@ -32979,22 +33029,22 @@ var CategorySection = ({
   onPolicyPermissionChange
 }) => {
   const { contentRef, height } = useAnimatedHeight(category.isExpanded);
-  return /* @__PURE__ */ jsxs239(Fragment43, { children: [
-    /* @__PURE__ */ jsxs239(
+  return /* @__PURE__ */ jsxs240(Fragment43, { children: [
+    /* @__PURE__ */ jsxs240(
       "div",
       {
         className: "bg-ods-card border-t border-ods-border flex gap-4 items-center pl-4 pr-2 py-3 cursor-pointer hover:bg-ods-bg-hover transition-colors",
         onClick: () => onCategoryToggle(category.id),
         children: [
           /* @__PURE__ */ jsx293("div", { className: "bg-ods-bg border border-ods-border rounded-md flex items-center justify-center w-8 h-8", children: /* @__PURE__ */ jsx293("div", { className: "text-ods-text-secondary", children: category.icon }) }),
-          /* @__PURE__ */ jsxs239("div", { className: "flex-1 flex flex-col", children: [
+          /* @__PURE__ */ jsxs240("div", { className: "flex-1 flex flex-col", children: [
             /* @__PURE__ */ jsx293("p", { className: "md:!text-sm font-medium text-ods-text-primary", children: category.name }),
-            /* @__PURE__ */ jsxs239("p", { className: "text-[14px] text-ods-text-secondary", children: [
+            /* @__PURE__ */ jsxs240("p", { className: "text-[14px] text-ods-text-secondary", children: [
               category.configurationsCount,
               " Configurations"
             ] })
           ] }),
-          editMode ? /* @__PURE__ */ jsx293("div", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxs239(DropdownMenu2, { children: [
+          editMode ? /* @__PURE__ */ jsx293("div", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxs240(DropdownMenu2, { children: [
             /* @__PURE__ */ jsx293(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ jsx293(
               Button,
               {
@@ -33007,7 +33057,7 @@ var CategorySection = ({
                 ), children: getApprovalLevelLabel(category.globalPermission, editMode) })
               }
             ) }),
-            /* @__PURE__ */ jsxs239(DropdownMenuContent2, { align: "end", className: "w-[256px]", children: [
+            /* @__PURE__ */ jsxs240(DropdownMenuContent2, { align: "end", className: "w-[256px]", children: [
               /* @__PURE__ */ jsx293(
                 DropdownMenuItem2,
                 {
@@ -33120,7 +33170,7 @@ init_button2();
 init_cn();
 import { getCountries as getCountries2 } from "libphonenumber-js";
 import { useEffect as useEffect50, useState as useState71 } from "react";
-import { Fragment as Fragment44, jsx as jsx294, jsxs as jsxs240 } from "react/jsx-runtime";
+import { Fragment as Fragment44, jsx as jsx294, jsxs as jsxs241 } from "react/jsx-runtime";
 function WaitlistForm({
   id = "waitlist-form",
   className,
@@ -33185,16 +33235,16 @@ function WaitlistForm({
     }
   };
   if (!isClient) {
-    return /* @__PURE__ */ jsxs240("div", { className: cn(
+    return /* @__PURE__ */ jsxs241("div", { className: cn(
       "flex flex-col gap-[var(--spacing-system-l)] rounded-[6px] border border-ods-border bg-ods-bg p-[var(--spacing-system-m)]",
       className
     ), children: [
       /* @__PURE__ */ jsx294("div", { className: "w-full h-12 bg-ods-card border border-ods-border rounded-[6px] animate-pulse" }),
-      /* @__PURE__ */ jsxs240("div", { className: "flex gap-[var(--spacing-system-xs)] w-full", children: [
+      /* @__PURE__ */ jsxs241("div", { className: "flex gap-[var(--spacing-system-xs)] w-full", children: [
         /* @__PURE__ */ jsx294("div", { className: "w-[130px] h-12 bg-ods-card border border-ods-border rounded-[6px] animate-pulse shrink-0" }),
         /* @__PURE__ */ jsx294("div", { className: "flex-1 h-12 bg-ods-card border border-ods-border rounded-[6px] animate-pulse" })
       ] }),
-      /* @__PURE__ */ jsxs240("div", { className: "flex flex-col gap-[var(--spacing-system-m)] items-end w-full", children: [
+      /* @__PURE__ */ jsxs241("div", { className: "flex flex-col gap-[var(--spacing-system-m)] items-end w-full", children: [
         /* @__PURE__ */ jsx294("div", { className: "w-full rounded-[6px] border border-ods-border bg-ods-bg animate-pulse py-6 px-4" }),
         /* @__PURE__ */ jsx294("div", { className: "h-12 w-[200px] bg-ods-card border border-ods-border rounded-[6px] animate-pulse" })
       ] })
@@ -33208,7 +33258,7 @@ function WaitlistForm({
       handleSubmit();
     }
   };
-  return /* @__PURE__ */ jsxs240(
+  return /* @__PURE__ */ jsxs241(
     "div",
     {
       id,
@@ -33231,7 +33281,7 @@ function WaitlistForm({
             errorVariant: "warning"
           }
         ),
-        /* @__PURE__ */ jsxs240("div", { className: "relative w-full", children: [
+        /* @__PURE__ */ jsxs241("div", { className: "relative w-full", children: [
           /* @__PURE__ */ jsx294(
             PhoneInput,
             {
@@ -33250,7 +33300,7 @@ function WaitlistForm({
           ),
           showPhoneWarning && /* @__PURE__ */ jsx294("p", { className: "text-h6 absolute bottom-0 left-0 translate-y-full text-[var(--ods-attention-yellow-warning)] truncate", children: invalidPhoneHint })
         ] }),
-        /* @__PURE__ */ jsxs240("div", { className: "flex flex-col gap-[var(--spacing-system-l)] items-end w-full", children: [
+        /* @__PURE__ */ jsxs241("div", { className: "flex flex-col gap-[var(--spacing-system-l)] items-end w-full", children: [
           /* @__PURE__ */ jsx294(
             CheckboxBlock,
             {
@@ -33262,7 +33312,7 @@ function WaitlistForm({
               error: showConsentError ? "Please agree to SMS notifications to continue." : void 0,
               disabled: isSubmitting,
               label: smsCheckboxLabel,
-              description: /* @__PURE__ */ jsxs240(Fragment44, { children: [
+              description: /* @__PURE__ */ jsxs241(Fragment44, { children: [
                 consentText,
                 " View our ",
                 /* @__PURE__ */ jsx294(
@@ -33334,7 +33384,7 @@ init_cn();
 
 // src/components/features/board/board-column-header.tsx
 init_button();
-import { jsx as jsx295, jsxs as jsxs241 } from "react/jsx-runtime";
+import { jsx as jsx295, jsxs as jsxs242 } from "react/jsx-runtime";
 function BoardColumnHeader({
   column,
   collapsed = false,
@@ -33344,7 +33394,7 @@ function BoardColumnHeader({
   const count = column.total ?? column.tickets.length;
   const useStatusVariant = !!getTicketStatusConfig(column.id).icon;
   if (collapsed) {
-    return /* @__PURE__ */ jsxs241("div", { className: "flex h-full flex-col items-center gap-[var(--spacing-system-xsf)]", children: [
+    return /* @__PURE__ */ jsxs242("div", { className: "flex h-full flex-col items-center gap-[var(--spacing-system-xsf)]", children: [
       /* @__PURE__ */ jsx295(
         Button,
         {
@@ -33368,8 +33418,8 @@ function BoardColumnHeader({
       /* @__PURE__ */ jsx295("span", { className: "text-h5", style: { color: column.color }, children: count })
     ] });
   }
-  return /* @__PURE__ */ jsxs241("div", { className: "flex items-center gap-[var(--spacing-system-xsf)]", children: [
-    /* @__PURE__ */ jsxs241("div", { className: "flex min-w-0 flex-1 items-center gap-[var(--spacing-system-xsf)]", children: [
+  return /* @__PURE__ */ jsxs242("div", { className: "flex items-center gap-[var(--spacing-system-xsf)]", children: [
+    /* @__PURE__ */ jsxs242("div", { className: "flex min-w-0 flex-1 items-center gap-[var(--spacing-system-xsf)]", children: [
       /* @__PURE__ */ jsx295(
         TicketStatusTag,
         {
@@ -33387,7 +33437,7 @@ function BoardColumnHeader({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs241("div", { className: "flex shrink-0 items-center gap-[var(--spacing-system-xxs)]", children: [
+    /* @__PURE__ */ jsxs242("div", { className: "flex shrink-0 items-center gap-[var(--spacing-system-xxs)]", children: [
       /* @__PURE__ */ jsx295(
         Button,
         {
@@ -33431,7 +33481,7 @@ import { CSS } from "@dnd-kit/utilities";
 import Link11 from "next/link";
 import * as React99 from "react";
 init_cn();
-import { Fragment as Fragment45, jsx as jsx296, jsxs as jsxs242 } from "react/jsx-runtime";
+import { Fragment as Fragment45, jsx as jsx296, jsxs as jsxs243 } from "react/jsx-runtime";
 var PRIORITY_COLOR_CLASS = {
   low: "text-ods-text-secondary",
   medium: "text-ods-info",
@@ -33470,7 +33520,7 @@ function TicketCard({
     if (sortable.isDragging) e.preventDefault();
   };
   const hasRightSection = !!(ticket.priority || ticket.assignees?.length || renderAssignSlot);
-  const rightSection = hasRightSection ? /* @__PURE__ */ jsxs242("div", { className: "pointer-events-auto flex shrink-0 items-center gap-[var(--spacing-system-xsf)]", children: [
+  const rightSection = hasRightSection ? /* @__PURE__ */ jsxs243("div", { className: "pointer-events-auto flex shrink-0 items-center gap-[var(--spacing-system-xsf)]", children: [
     ticket.priority && /* @__PURE__ */ jsx296(
       Flag02Icon,
       {
@@ -33478,7 +33528,7 @@ function TicketCard({
         "aria-label": `Priority: ${ticket.priority}`
       }
     ),
-    renderAssignSlot ? renderAssignSlot(ticket) : ticket.assignees?.length ? /* @__PURE__ */ jsxs242("div", { className: "flex -space-x-2", children: [
+    renderAssignSlot ? renderAssignSlot(ticket) : ticket.assignees?.length ? /* @__PURE__ */ jsxs243("div", { className: "flex -space-x-2", children: [
       ticket.assignees.slice(0, MAX_VISIBLE_ASSIGNEES).map((a) => /* @__PURE__ */ jsx296(
         SquareAvatar,
         {
@@ -33490,17 +33540,17 @@ function TicketCard({
         },
         a.id
       )),
-      ticket.assignees.length > MAX_VISIBLE_ASSIGNEES && /* @__PURE__ */ jsxs242("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full border border-ods-border bg-ods-bg text-xs font-medium text-ods-text-secondary", children: [
+      ticket.assignees.length > MAX_VISIBLE_ASSIGNEES && /* @__PURE__ */ jsxs243("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full border border-ods-border bg-ods-bg text-xs font-medium text-ods-text-secondary", children: [
         "+",
         ticket.assignees.length - MAX_VISIBLE_ASSIGNEES
       ] })
     ] }) : null
   ] }) : null;
-  const body = /* @__PURE__ */ jsxs242(Fragment45, { children: [
-    /* @__PURE__ */ jsxs242("div", { className: "flex items-start gap-[var(--spacing-system-sf)]", children: [
-      /* @__PURE__ */ jsxs242("div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--spacing-system-zero)]", children: [
+  const body = /* @__PURE__ */ jsxs243(Fragment45, { children: [
+    /* @__PURE__ */ jsxs243("div", { className: "flex items-start gap-[var(--spacing-system-sf)]", children: [
+      /* @__PURE__ */ jsxs243("div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--spacing-system-zero)]", children: [
         /* @__PURE__ */ jsx296("p", { className: "text-h3 truncate text-ods-text-primary", children: ticket.title }),
-        showDeviceRow && /* @__PURE__ */ jsxs242("div", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xxs)] text-h6 text-ods-text-secondary", children: [
+        showDeviceRow && /* @__PURE__ */ jsxs243("div", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xxs)] text-h6 text-ods-text-secondary", children: [
           /* @__PURE__ */ jsx296(LaptopIcon, { className: "size-4 shrink-0" }),
           /* @__PURE__ */ jsx296("span", { className: "truncate", children: deviceText })
         ] })
@@ -33527,7 +33577,7 @@ function TicketCard({
     return /* @__PURE__ */ jsx296("div", { ...outerProps, children: /* @__PURE__ */ jsx296("div", { className: innerWrapperClass, children: body }) });
   }
   if (href) {
-    return /* @__PURE__ */ jsxs242("div", { ...outerProps, children: [
+    return /* @__PURE__ */ jsxs243("div", { ...outerProps, children: [
       /* @__PURE__ */ jsx296(
         Link11,
         {
@@ -33542,7 +33592,7 @@ function TicketCard({
       /* @__PURE__ */ jsx296("div", { className: cn("pointer-events-none", innerWrapperClass), children: body })
     ] });
   }
-  return /* @__PURE__ */ jsxs242("div", { ...outerProps, children: [
+  return /* @__PURE__ */ jsxs243("div", { ...outerProps, children: [
     /* @__PURE__ */ jsx296(
       "button",
       {
@@ -33558,7 +33608,7 @@ function TicketCard({
 function TicketTagRow({ tags }) {
   const visible = tags.slice(0, MAX_VISIBLE_TAGS);
   const hidden = tags.length - visible.length;
-  return /* @__PURE__ */ jsxs242("div", { className: "flex h-8 flex-wrap items-start gap-[var(--spacing-system-xxs)] overflow-clip", children: [
+  return /* @__PURE__ */ jsxs243("div", { className: "flex h-8 flex-wrap items-start gap-[var(--spacing-system-xxs)] overflow-clip", children: [
     visible.map((tag) => /* @__PURE__ */ jsx296(Tag, { variant: "outline", label: tag }, tag)),
     hidden > 0 && /* @__PURE__ */ jsx296(Tag, { variant: "outline", label: `+${hidden}` })
   ] });
@@ -33567,9 +33617,9 @@ function TicketTagRow({ tags }) {
 // src/components/features/board/ticket-card-skeleton.tsx
 import * as React100 from "react";
 init_cn();
-import { jsx as jsx297, jsxs as jsxs243 } from "react/jsx-runtime";
+import { jsx as jsx297, jsxs as jsxs244 } from "react/jsx-runtime";
 var TicketCardSkeleton = React100.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxs243(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxs244(
     "div",
     {
       ref,
@@ -33579,20 +33629,20 @@ var TicketCardSkeleton = React100.forwardRef(
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs243("div", { className: "flex items-start gap-[var(--spacing-system-sf)]", children: [
-          /* @__PURE__ */ jsxs243("div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--spacing-system-xxs)]", children: [
+        /* @__PURE__ */ jsxs244("div", { className: "flex items-start gap-[var(--spacing-system-sf)]", children: [
+          /* @__PURE__ */ jsxs244("div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--spacing-system-xxs)]", children: [
             /* @__PURE__ */ jsx297("div", { className: "text-h3 flex items-center", children: /* @__PURE__ */ jsx297(Skeleton, { className: "h-4 w-3/4" }) }),
-            /* @__PURE__ */ jsxs243("div", { className: "text-h6 flex items-center gap-[var(--spacing-system-xxs)]", children: [
+            /* @__PURE__ */ jsxs244("div", { className: "text-h6 flex items-center gap-[var(--spacing-system-xxs)]", children: [
               /* @__PURE__ */ jsx297(Skeleton, { className: "size-4 shrink-0 rounded-sm" }),
               /* @__PURE__ */ jsx297(Skeleton, { className: "h-3 w-1/2" })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs243("div", { className: "flex shrink-0 items-center gap-[var(--spacing-system-xsf)]", children: [
+          /* @__PURE__ */ jsxs244("div", { className: "flex shrink-0 items-center gap-[var(--spacing-system-xsf)]", children: [
             /* @__PURE__ */ jsx297(Skeleton, { className: "size-4 rounded-sm" }),
             /* @__PURE__ */ jsx297(Skeleton, { className: "size-8 rounded-full" })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs243("div", { className: "flex h-8 items-center gap-[var(--spacing-system-xxs)]", children: [
+        /* @__PURE__ */ jsxs244("div", { className: "flex h-8 items-center gap-[var(--spacing-system-xxs)]", children: [
           /* @__PURE__ */ jsx297(Skeleton, { className: "h-8 w-16 rounded-md" }),
           /* @__PURE__ */ jsx297(Skeleton, { className: "h-8 w-12 rounded-md" })
         ] })
@@ -33603,7 +33653,7 @@ var TicketCardSkeleton = React100.forwardRef(
 TicketCardSkeleton.displayName = "TicketCardSkeleton";
 
 // src/components/features/board/board-column.tsx
-import { Fragment as Fragment46, jsx as jsx298, jsxs as jsxs244 } from "react/jsx-runtime";
+import { Fragment as Fragment46, jsx as jsx298, jsxs as jsxs245 } from "react/jsx-runtime";
 function BoardColumn({
   column,
   collapsed = false,
@@ -33616,7 +33666,7 @@ function BoardColumn({
   joinLeft = false,
   joinRight = false
 }) {
-  return /* @__PURE__ */ jsxs244(
+  return /* @__PURE__ */ jsxs245(
     "div",
     {
       className: cn(
@@ -33638,7 +33688,7 @@ function BoardColumn({
             onAddTicket: !collapsed && onAddTicket ? () => onAddTicket(column.id) : void 0
           }
         ),
-        !collapsed && /* @__PURE__ */ jsxs244(Fragment46, { children: [
+        !collapsed && /* @__PURE__ */ jsxs245(Fragment46, { children: [
           /* @__PURE__ */ jsx298("div", { "aria-hidden": true, className: "-mx-[var(--spacing-system-sf)] h-px shrink-0 bg-ods-border" }),
           /* @__PURE__ */ jsx298(
             ColumnBody,
@@ -33695,7 +33745,7 @@ function ColumnBody({ column, getTicketHref, renderAssignSlot, onLoadMore, loadM
     },
     [setDroppableRef]
   );
-  return /* @__PURE__ */ jsxs244(
+  return /* @__PURE__ */ jsxs245(
     "div",
     {
       ref: setBodyRef,
@@ -33729,9 +33779,9 @@ function SkeletonStack({ count = 4 }) {
   return /* @__PURE__ */ jsx298(Fragment46, { children: keys.map((k) => /* @__PURE__ */ jsx298(TicketCardSkeleton, {}, k)) });
 }
 function EmptyState3() {
-  return /* @__PURE__ */ jsxs244("div", { className: "flex flex-1 flex-col items-center justify-center gap-[var(--spacing-system-lf)] p-[var(--spacing-system-lf)] text-center text-ods-text-secondary", children: [
+  return /* @__PURE__ */ jsxs245("div", { className: "flex flex-1 flex-col items-center justify-center gap-[var(--spacing-system-lf)] p-[var(--spacing-system-lf)] text-center text-ods-text-secondary", children: [
     /* @__PURE__ */ jsx298(TagIcon, { className: "h-6 w-6 shrink-0" }),
-    /* @__PURE__ */ jsxs244("div", { className: "flex w-full flex-col", children: [
+    /* @__PURE__ */ jsxs245("div", { className: "flex w-full flex-col", children: [
       /* @__PURE__ */ jsx298("p", { className: "text-h4", children: "No tickets here" }),
       /* @__PURE__ */ jsx298("p", { className: "text-h6", children: "Drag a ticket here or change its status to move it to this column" })
     ] })
@@ -33764,7 +33814,7 @@ function useBoardCollapse(storageKey) {
 }
 
 // src/components/features/board/board.tsx
-import { jsx as jsx299, jsxs as jsxs245 } from "react/jsx-runtime";
+import { jsx as jsx299, jsxs as jsxs246 } from "react/jsx-runtime";
 function Board({
   columns,
   onChange,
@@ -33931,7 +33981,7 @@ function Board({
     isDraggingRef.current = false;
     setItems(columns);
   };
-  return /* @__PURE__ */ jsxs245(
+  return /* @__PURE__ */ jsxs246(
     DndContext,
     {
       sensors,
@@ -33941,7 +33991,7 @@ function Board({
       onDragEnd: handleDragEnd,
       onDragCancel: handleDragCancel,
       children: [
-        /* @__PURE__ */ jsxs245("div", { className: cn("flex flex-col h-full", className), children: [
+        /* @__PURE__ */ jsxs246("div", { className: cn("flex flex-col h-full", className), children: [
           /* @__PURE__ */ jsx299(
             "div",
             {
@@ -33954,7 +34004,7 @@ function Board({
                 const joinLeft = !!(column.system && prev?.system);
                 const joinRight = !!(column.system && next?.system);
                 const showGap = i > 0 && !joinLeft;
-                return /* @__PURE__ */ jsxs245(React102.Fragment, { children: [
+                return /* @__PURE__ */ jsxs246(React102.Fragment, { children: [
                   showGap && /* @__PURE__ */ jsx299("div", { "aria-hidden": true, className: "w-[var(--spacing-system-mf)] shrink-0" }),
                   /* @__PURE__ */ jsx299(
                     BoardColumn,
@@ -34251,6 +34301,7 @@ export {
   useLoading,
   MediaGalleryManager,
   MoreAboutButton,
+  OrganizationIcon,
   OSTypeBadge,
   OSTypeIcon,
   OSTypeLabel,
@@ -34566,7 +34617,6 @@ export {
   TagKeyValueFilter,
   FilterModal,
   ListPageLayout,
-  EntityImage,
   TitleBlock,
   PageLayout,
   toggleVariants,
@@ -34677,4 +34727,4 @@ export {
   TMCG_SOCIAL_PLATFORMS,
   assets
 };
-//# sourceMappingURL=chunk-CSW5GYBU.js.map
+//# sourceMappingURL=chunk-ZOM75JOY.js.map