pxengine 0.1.102 → 0.1.103

package/dist/index.cjs

@@ -25042,7 +25042,7 @@ var LayoutAtom = ({
     gapMap[gap],
     className
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: classes, children: children.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react3.default.Fragment, { children: renderComponent(child, index) }, child.id || `layout-item-${index}`)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: classes, children: (Array.isArray(children) ? children : []).map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react3.default.Fragment, { children: renderComponent(child, index) }, child.id || `layout-item-${index}`)) });
 };
 
 // src/atoms/CardAtom.tsx
@@ -25139,8 +25139,8 @@ var CardAtom = ({
           title && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CardTitle, { className: "text-xl font-bold text-gray900", children: title }),
           description && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CardDescription, { children: description })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CardContent, { className: "space-y-4", children: (children || []).map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react4.default.Fragment, { children: renderComponent(child, index) }, child.id || `card-content-${index}`)) }),
-        footer && footer.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CardFooter, { className: "bg-gray50/50 border-t border-gray200 flex flex-wrap gap-2 pt-6", children: footer.map((footerChild, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react4.default.Fragment, { children: renderComponent(footerChild, index) }, footerChild.id || `card-footer-${index}`)) })
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CardContent, { className: "space-y-4", children: (Array.isArray(children) ? children : []).map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react4.default.Fragment, { children: renderComponent(child, index) }, child.id || `card-content-${index}`)) }),
+        Array.isArray(footer) && footer.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CardFooter, { className: "bg-gray50/50 border-t border-gray200 flex flex-wrap gap-2 pt-6", children: footer.map((footerChild, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react4.default.Fragment, { children: renderComponent(footerChild, index) }, footerChild.id || `card-footer-${index}`)) })
       ]
     }
   );
@@ -25577,7 +25577,7 @@ var InputAtom = ({
                   children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectValue, { placeholder: placeholder || "Select option" })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectContent, { className: "rounded-xl border-border shadow-xl", children: options?.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectContent, { className: "rounded-xl border-border shadow-xl", children: (Array.isArray(options) ? options : []).map((opt) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
             ]
           }
         );
@@ -25647,7 +25647,7 @@ var InputAtom = ({
             className: cn("gap-2.5 bg-transparent", className),
             style: remainingStyle,
             onValueChange: isInteractive ? (val) => handleChange(val) : void 0,
-            children: options?.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center space-x-3 bg-transparent", children: [
+            children: (Array.isArray(options) ? options : []).map((opt) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center space-x-3 bg-transparent", children: [
               /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 RadioGroupItem,
                 {
@@ -25885,8 +25885,9 @@ var TabsAtom = ({
   className,
   renderComponent
 }) => {
+  const safeTabs = Array.isArray(tabs) ? tabs : [];
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Tabs, { defaultValue, className: cn("w-full", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TabsList, { className: "bg-gray-100/50 p-1 rounded-xl", children: tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TabsList, { className: "bg-gray-100/50 p-1 rounded-xl", children: safeTabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       TabsTrigger,
       {
         value: tab.value,
@@ -25895,7 +25896,7 @@ var TabsAtom = ({
       },
       tab.value
     )) }),
-    tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TabsContent, { value: tab.value, className: "mt-4", children: tab.content.map((child) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react6.default.Fragment, { children: renderComponent(child) }, child.id)) }, tab.value))
+    safeTabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TabsContent, { value: tab.value, className: "mt-4", children: (Array.isArray(tab.content) ? tab.content : []).map((child) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react6.default.Fragment, { children: renderComponent(child) }, child.id)) }, tab.value))
   ] });
 };
 
@@ -25950,14 +25951,15 @@ var AccordionAtom = ({
   className,
   renderComponent
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Accordion, { type: "single", collapsible: true, className: cn("w-full", className), children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  const safeItems = Array.isArray(items) ? items : [];
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Accordion, { type: "single", collapsible: true, className: cn("w-full", className), children: safeItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     AccordionItem,
     {
       value: item.value,
       className: "border-gray-100",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(AccordionTrigger, { className: "text-sm font-semibold hover:no-underline hover:text-purple600 py-4", children: item.trigger }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(AccordionContent, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "pt-2 pb-4", children: item.content.map((child) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react7.default.Fragment, { children: renderComponent(child) }, child.id)) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(AccordionContent, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "pt-2 pb-4", children: (Array.isArray(item.content) ? item.content : []).map((child) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react7.default.Fragment, { children: renderComponent(child) }, child.id)) }) })
       ]
     },
     item.value
@@ -26392,7 +26394,7 @@ var ScrollAreaAtom = ({
       className: cn("rounded-xl border", className),
       style: { height: maxHeight },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "p-4", children: children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react8.default.Fragment, { children: renderComponent(child) }, child.id)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "p-4", children: (Array.isArray(children) ? children : []).map((child) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react8.default.Fragment, { children: renderComponent(child) }, child.id)) }),
         /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ScrollBar, { orientation: "vertical" })
       ]
     }
@@ -26595,8 +26597,9 @@ var CarouselAtom = ({
   className,
   renderComponent
 }) => {
+  const safeItems = Array.isArray(items) ? items : [];
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Carousel, { className: cn("w-full max-w-xs mx-auto", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CarouselContent, { children: items.map((slide, index) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CarouselItem, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "p-1", children: slide.map((child) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react9.default.Fragment, { children: renderComponent(child) }, child.id)) }) }, index)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CarouselContent, { children: safeItems.map((slide, index) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CarouselItem, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "p-1", children: (Array.isArray(slide) ? slide : []).map((child) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react9.default.Fragment, { children: renderComponent(child) }, child.id)) }) }, index)) }),
     /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CarouselPrevious, {}),
     /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CarouselNext, {})
   ] });
@@ -26617,7 +26620,7 @@ var AspectRatioAtom = ({
   className,
   renderComponent
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: cn("w-full", className), children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AspectRatio, { ratio, children: children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react10.default.Fragment, { children: renderComponent(child) }, child.id)) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: cn("w-full", className), children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AspectRatio, { ratio, children: (Array.isArray(children) ? children : []).map((child) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react10.default.Fragment, { children: renderComponent(child) }, child.id)) }) });
 };
 
 // src/atoms/CollapsibleAtom.tsx
@@ -26644,8 +26647,8 @@ var CollapsibleAtom = ({
       defaultOpen,
       className: cn("w-full space-y-2", className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex items-center justify-between space-x-4 px-4 py-2 bg-gray-50 rounded-lg cursor-pointer hover:bg-gray-100 transition-colors", children: trigger.map((child) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react11.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CollapsibleContent2, { className: "space-y-2", children: content.map((child) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react11.default.Fragment, { children: renderComponent(child) }, child.id)) })
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex items-center justify-between space-x-4 px-4 py-2 bg-gray-50 rounded-lg cursor-pointer hover:bg-gray-100 transition-colors", children: (Array.isArray(trigger) ? trigger : []).map((child) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react11.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CollapsibleContent2, { className: "space-y-2", children: (Array.isArray(content) ? content : []).map((child) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react11.default.Fragment, { children: renderComponent(child) }, child.id)) })
       ]
     }
   );
@@ -26684,7 +26687,7 @@ var TooltipAtom = ({
   renderComponent
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: cn("inline-block", className), children: children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react12.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: cn("inline-block", className), children: (Array.isArray(children) ? children : []).map((child) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react12.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
     /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TooltipContent, { className: "bg-gray-900 text-white border-none rounded-lg shadow-xl px-3 py-1.5 text-xs", children: content })
   ] }) });
 };
@@ -26722,8 +26725,8 @@ var PopoverAtom = ({
   renderComponent
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Popover, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: cn("inline-block cursor-pointer", className), children: trigger.map((child) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react13.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PopoverContent, { className: "w-80 rounded-2xl shadow-2xl border-gray-100 p-4 bg-white/95 backdrop-blur-sm", children: content.map((child) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react13.default.Fragment, { children: renderComponent(child) }, child.id)) })
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: cn("inline-block cursor-pointer", className), children: (Array.isArray(trigger) ? trigger : []).map((child) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react13.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PopoverContent, { className: "w-80 rounded-2xl shadow-2xl border-gray-100 p-4 bg-white/95 backdrop-blur-sm", children: (Array.isArray(content) ? content : []).map((child) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react13.default.Fragment, { children: renderComponent(child) }, child.id)) })
   ] });
 };
 
@@ -26834,14 +26837,14 @@ var DialogAtom = ({
   renderComponent
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Dialog, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DialogTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: cn("inline-block cursor-pointer", className), children: trigger.map((child) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react14.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DialogTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: cn("inline-block cursor-pointer", className), children: (Array.isArray(trigger) ? trigger : []).map((child) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react14.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
     /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(DialogContent, { className: "sm:max-w-[425px] rounded-3xl p-6 bg-white/95 backdrop-blur-md shadow-3xl border-gray-100", children: [
       /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(DialogHeader, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DialogTitle, { className: "text-xl font-bold bg-gradient-to-r from-purple600 to-indigo-600 bg-clip-text text-transparent", children: title }),
         description && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DialogDescription, { className: "text-gray-500 font-medium pt-1", children: description })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "py-4", children: children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react14.default.Fragment, { children: renderComponent(child) }, child.id)) }),
-      footer && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DialogFooter, { className: "pt-2", children: footer.map((child) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react14.default.Fragment, { children: renderComponent(child) }, child.id)) })
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "py-4", children: (Array.isArray(children) ? children : []).map((child) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react14.default.Fragment, { children: renderComponent(child) }, child.id)) }),
+      footer && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DialogFooter, { className: "pt-2", children: (Array.isArray(footer) ? footer : []).map((child) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react14.default.Fragment, { children: renderComponent(child) }, child.id)) })
     ] })
   ] });
 };
@@ -26965,7 +26968,7 @@ var SheetAtom = ({
   renderComponent
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Sheet2, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SheetTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: cn("inline-block cursor-pointer", className), children: trigger.map((child) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react15.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SheetTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: cn("inline-block cursor-pointer", className), children: (Array.isArray(trigger) ? trigger : []).map((child) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react15.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
     /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
       SheetContent,
       {
@@ -26976,8 +26979,8 @@ var SheetAtom = ({
             /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SheetTitle, { className: "text-xl font-bold text-gray-900", children: title }),
             description && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SheetDescription, { className: "text-gray-500 font-medium", children: description })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "py-8", children: children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react15.default.Fragment, { children: renderComponent(child) }, child.id)) }),
-          footer && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SheetFooter, { className: "absolute bottom-6 left-6 right-6", children: footer.map((child) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react15.default.Fragment, { children: renderComponent(child) }, child.id)) })
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "py-8", children: (Array.isArray(children) ? children : []).map((child) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react15.default.Fragment, { children: renderComponent(child) }, child.id)) }),
+          footer && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SheetFooter, { className: "absolute bottom-6 left-6 right-6", children: (Array.isArray(footer) ? footer : []).map((child) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react15.default.Fragment, { children: renderComponent(child) }, child.id)) })
         ]
       }
     )
@@ -27104,7 +27107,7 @@ var AlertDialogAtom = ({
   renderComponent
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(AlertDialog, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(AlertDialogTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: cn("inline-block cursor-pointer", className), children: trigger.map((child) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react16.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(AlertDialogTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: cn("inline-block cursor-pointer", className), children: (Array.isArray(trigger) ? trigger : []).map((child) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react16.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
     /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(AlertDialogContent, { className: "rounded-3xl p-6 bg-white shadow-3xl border-gray-100", children: [
       /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(AlertDialogHeader, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(AlertDialogTitle, { className: "text-lg font-bold text-gray-900", children: title }),
@@ -27218,9 +27221,10 @@ var BreadcrumbAtom = ({
   items,
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Breadcrumb, { className, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(BreadcrumbList, { children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_react17.default.Fragment, { children: [
+  const safeItems = Array.isArray(items) ? items : [];
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Breadcrumb, { className, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(BreadcrumbList, { children: safeItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_react17.default.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(BreadcrumbItem, { children: item.isCurrent ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(BreadcrumbLink, { href: item.href || "#", children: item.label }) }),
-    index < items.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(BreadcrumbSeparator, {})
+    index < safeItems.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(BreadcrumbSeparator, {})
   ] }, index)) }) });
 };
 
@@ -32180,6 +32184,7 @@ var CommandAtom = ({
   groups,
   className
 }) => {
+  const safeGroups = Array.isArray(groups) ? groups : [];
   return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     "div",
     {
@@ -32191,9 +32196,9 @@ var CommandAtom = ({
         /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(CommandInput, { placeholder }),
         /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(CommandList, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(CommandEmpty, { children: "No results found." }),
-          groups.map((group, i) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_react50.default.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(CommandGroup, { heading: group.heading, children: group.items.map((item, j) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(CommandItem, { value: item.value, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: item.label }) }, j)) }),
-            i < groups.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(CommandSeparator, {})
+          safeGroups.map((group, i) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_react50.default.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(CommandGroup, { heading: group.heading, children: (Array.isArray(group.items) ? group.items : []).map((item, j) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(CommandItem, { value: item.value, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: item.label }) }, j)) }),
+            i < safeGroups.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(CommandSeparator, {})
           ] }, i))
         ] })
       ] })
@@ -32377,7 +32382,7 @@ var FormSelectAtom = ({
         label && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(FormLabel, { children: label }),
         /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(Select, { onValueChange: field.onChange, defaultValue: field.value, children: [
           /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SelectTrigger, { id: id || `form-select-${fieldName}`, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SelectValue, { placeholder }) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SelectContent, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SelectItem, { value: option.value, children: option.label }, option.value)) })
+          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SelectContent, { children: (Array.isArray(options) ? options : []).map((option) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SelectItem, { value: option.value, children: option.label }, option.value)) })
         ] }),
         description && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(FormDescription, { children: description }),
         /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(FormMessage, {})
@@ -32672,6 +32677,7 @@ var SliderAtom = ({
 var import_jsx_runtime72 = require("react/jsx-runtime");
 var RadioGroupAtom = ({ id, label, options, defaultValue, disabled, className, style, onValueChange }) => {
   const hasPxVars = style && Object.keys(style).some((key) => key.startsWith("--px-"));
+  const safeOptions = Array.isArray(options) ? options : [];
   return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
     label && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
       Label,
@@ -32691,7 +32697,7 @@ var RadioGroupAtom = ({ id, label, options, defaultValue, disabled, className, s
         className: cn("grid gap-2", className),
         style,
         "data-px-styled": hasPxVars ? "" : void 0,
-        children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex items-center space-x-2", children: [
+        children: safeOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex items-center space-x-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
             RadioGroupItem,
             {
@@ -32895,6 +32901,7 @@ DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 // src/atoms/DropdownMenuAtom.tsx
 var import_jsx_runtime75 = require("react/jsx-runtime");
 var DropdownMenuAtom = ({ trigger, items, className, onAction }) => {
+  const safeItems = Array.isArray(items) ? items : [];
   return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(DropdownMenu, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(DropdownMenuTrigger, { asChild: true, children: trigger }),
     /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
@@ -32904,7 +32911,7 @@ var DropdownMenuAtom = ({ trigger, items, className, onAction }) => {
           "w-56 bg-white/80 backdrop-blur-md border-purple-100",
           className
         ),
-        children: items.map((item) => {
+        children: safeItems.map((item) => {
           const Icon3 = item.icon ? lucide_react_exports[item.icon] : null;
           return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
             DropdownMenuItem,
@@ -33067,6 +33074,7 @@ ContextMenuShortcut.displayName = "ContextMenuShortcut";
 // src/atoms/ContextMenuAtom.tsx
 var import_jsx_runtime77 = require("react/jsx-runtime");
 var ContextMenuAtom = ({ trigger, items, className, onAction }) => {
+  const safeItems = Array.isArray(items) ? items : [];
   return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(ContextMenu, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ContextMenuTrigger, { asChild: true, children: trigger }),
     /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
@@ -33076,7 +33084,7 @@ var ContextMenuAtom = ({ trigger, items, className, onAction }) => {
           "w-64 bg-white/80 backdrop-blur-md border-purple-100",
           className
         ),
-        children: items.map((item) => {
+        children: safeItems.map((item) => {
           const Icon3 = item.icon ? lucide_react_exports[item.icon] : null;
           return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
             ContextMenuItem,
@@ -33258,6 +33266,7 @@ var InputOTPAtom = ({ length, className, onChange }) => {
 var import_react51 = __toESM(require("react"), 1);
 var import_jsx_runtime81 = require("react/jsx-runtime");
 var KbdAtom = ({ keys, className }) => {
+  const safeKeys = Array.isArray(keys) ? keys : [];
   return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
     "kbd",
     {
@@ -33265,9 +33274,9 @@ var KbdAtom = ({ keys, className }) => {
         "pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground opacity-100",
         className
       ),
-      children: keys.map((key, i) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_react51.default.Fragment, { children: [
+      children: safeKeys.map((key, i) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_react51.default.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "text-xs", children: key }),
-        i < keys.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { children: "+" })
+        i < safeKeys.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { children: "+" })
       ] }, i))
     }
   );
@@ -33315,6 +33324,7 @@ var ResizableAtom = ({
   renderComponent
 }) => {
   const Group7 = ResizablePanelGroup;
+  const safePanels = Array.isArray(panels) ? panels : [];
   return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
     Group7,
     {
@@ -33323,15 +33333,15 @@ var ResizableAtom = ({
         "min-h-[200px] w-full rounded-lg border border-purple-100",
         className
       ),
-      children: panels.map((panel, i) => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_react52.default.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ResizablePanel, { defaultSize: panel.defaultSize, className: "p-4", children: panel.children.map((child, childIdx) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+      children: safePanels.map((panel, i) => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_react52.default.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ResizablePanel, { defaultSize: panel.defaultSize, className: "p-4", children: (Array.isArray(panel.children) ? panel.children : []).map((child, childIdx) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
           import_react52.default.Fragment,
           {
             children: renderComponent(child)
           },
           child.id || `resizable-child-${i}-${childIdx}`
         )) }),
-        i < panels.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ResizableHandle, { withHandle: true })
+        i < safePanels.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ResizableHandle, { withHandle: true })
       ] }, i))
     }
   );
@@ -33854,6 +33864,7 @@ var TimelineAtom = ({
   items,
   className
 }) => {
+  const safeItems = Array.isArray(items) ? items : [];
   return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     "div",
     {
@@ -33861,7 +33872,7 @@ var TimelineAtom = ({
         "space-y-6 relative before:absolute before:inset-0 before:ml-5 before:-translate-x-px before:h-full before:w-0.5 before:bg-gradient-to-b before:from-purple-500 before:via-indigo-500 before:to-gray-200 before:pointer-events-none",
         className
       ),
-      children: items.map((item, i) => {
+      children: safeItems.map((item, i) => {
         const Icon3 = item.icon ? lucide_react_exports[item.icon] : null;
         const isCompleted = item.status === "completed";
         const isActive = item.status === "active";
@@ -34559,7 +34570,7 @@ var EditableField = import_react56.default.memo(
       if (!value) {
         return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "opacity-0", children: "-" });
       }
-      return value.toString();
+      return typeof value === "object" ? JSON.stringify(value) : String(value ?? "");
     };
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
       "div",
@@ -34668,7 +34679,7 @@ var ActionButton = import_react57.default.memo(
         setTimeLeft((prev) => {
           if (prev <= 1) {
             clearInterval(timer);
-            onProceed();
+            onProceed?.();
             return 0;
           }
           return prev - 1;
@@ -34684,7 +34695,7 @@ var ActionButton = import_react57.default.memo(
           variant,
           size,
           disabled: disabled || isLoading,
-          onClick: onProceed,
+          onClick: () => onProceed?.(),
           className: cn(
             "relative min-w-[140px] overflow-hidden group transition-all duration-300",
             "bg-[var(--primary-color)] hover:opacity-90 text-white font-bold rounded-full px-5 py-2.5 shadow-[0_4px_14px_0_hsl(var(--primary)/30%)] hover:shadow-[0_6px_20px_0_hsl(var(--primary)/40%)]",
@@ -35010,7 +35021,7 @@ var DynamicFormCard = import_react59.default.memo(
     ...rest
   }) => {
     const fields = (0, import_react59.useMemo)(
-      () => providedFields ?? generateFieldsFromData(data),
+      () => Array.isArray(providedFields) ? providedFields : generateFieldsFromData(data),
       [providedFields, data]
     );
     const handleProceed = () => {
@@ -35082,7 +35093,7 @@ var StatsGrid = ({
                   {
                     id: `stat-label-${index}`,
                     type: "text",
-                    content: item.label,
+                    content: typeof item.label === "object" ? JSON.stringify(item.label) : String(item.label ?? ""),
                     variant: "small",
                     className: cn(!hasPxVars && "text-muted-foreground", "font-medium tracking-wide uppercase text-[10px]"),
                     style: textColor ? { color: textColor } : void 0
@@ -35122,7 +35133,7 @@ var StatsGrid = ({
                     ),
                     children: [
                       TrendIcon && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(TrendIcon, { className: "w-3 h-3 mr-0.5" }),
-                      item.trend
+                      typeof item.trend === "object" ? JSON.stringify(item.trend) : String(item.trend ?? "")
                     ]
                   }
                 )
@@ -35234,6 +35245,7 @@ var LoadingOverlay = ({
 // src/molecules/generic/FilterBar/FilterBar.tsx
 var import_jsx_runtime101 = require("react/jsx-runtime");
 var FilterBar = ({ filters, showSearch = true, className, onFilterToggle, onSearch }) => {
+  const safeFilters = Array.isArray(filters) ? filters : [];
   return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
     "div",
     {
@@ -35253,7 +35265,7 @@ var FilterBar = ({ filters, showSearch = true, className, onFilterToggle, onSear
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "flex flex-wrap gap-2", children: filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "flex flex-wrap gap-2", children: safeFilters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
           Badge2,
           {
             variant: filter.active ? "default" : "outline",
@@ -35353,7 +35365,8 @@ var FileUpload = ({ title, accept, multiple, className, style, onFilesSelected }
 // src/molecules/generic/TagCloud/TagCloud.tsx
 var import_jsx_runtime103 = require("react/jsx-runtime");
 var TagCloud = ({ tags = [], className, onTagClick }) => {
-  const normalizedTags = tags.map(
+  const safeTags = Array.isArray(tags) ? tags : [];
+  const normalizedTags = safeTags.map(
     (t) => typeof t === "string" ? { label: t, value: t } : t
   );
   return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: cn("flex flex-wrap gap-3.5", className), children: normalizedTags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
@@ -35379,6 +35392,8 @@ var DataGrid = ({
   pageSize = 10,
   className
 }) => {
+  const safeColumns = Array.isArray(columns) ? columns : [];
+  const safeData = Array.isArray(data) ? data : [];
   const renderCell = (item, column) => {
     const value = item[column.accessorKey];
     switch (column.type) {
@@ -35388,7 +35403,7 @@ var DataGrid = ({
           {
             variant: "secondary",
             className: "bg-purple-50 text-purple-700 border-purple-100",
-            children: value
+            children: typeof value === "object" ? JSON.stringify(value) : String(value ?? "")
           }
         );
       case "avatar":
@@ -35402,9 +35417,9 @@ var DataGrid = ({
       case "date":
         return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "text-muted-foreground", children: new Date(value).toLocaleDateString() });
       case "number":
-        return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "font-mono font-medium", children: value.toLocaleString() });
+        return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "font-mono font-medium", children: Number(value ?? 0).toLocaleString() });
       default:
-        return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { children: value });
+        return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { children: typeof value === "object" ? JSON.stringify(value) : String(value ?? "") });
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
@@ -35415,7 +35430,7 @@ var DataGrid = ({
         className
       ),
       children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(Table3, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(TableHeader, { className: "bg-gray-50/50", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(TableRow, { children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(TableHeader, { className: "bg-gray-50/50", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(TableRow, { children: safeColumns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
           TableHead,
           {
             className: "font-bold text-gray-900 h-12",
@@ -35423,11 +35438,11 @@ var DataGrid = ({
           },
           col.accessorKey
         )) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(TableBody, { children: data.slice(0, pageSize).map((item, idx) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(TableBody, { children: safeData.slice(0, pageSize).map((item, idx) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
           TableRow,
           {
             className: "hover:bg-purple-50/30 transition-colors border-gray-50",
-            children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(TableCell, { className: "py-4", children: renderCell(item, col) }, col.accessorKey))
+            children: safeColumns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(TableCell, { className: "py-4", children: renderCell(item, col) }, col.accessorKey))
           },
           idx
         )) })
@@ -35444,10 +35459,11 @@ var StepWizard = ({
   currentStep,
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: cn("flex items-center w-full", className), children: steps.map((step, i) => {
+  const safeSteps = Array.isArray(steps) ? steps : [];
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: cn("flex items-center w-full", className), children: safeSteps.map((step, i) => {
     const isCompleted = i < currentStep;
     const isActive = i === currentStep;
-    const isLast = i === steps.length - 1;
+    const isLast = i === safeSteps.length - 1;
     return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_react61.default.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex flex-col items-center relative group", children: [
         /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
@@ -35490,6 +35506,7 @@ var NotificationList = ({
   notifications,
   className
 }) => {
+  const safeNotifications = Array.isArray(notifications) ? notifications : [];
   const getIcon = (type) => {
     switch (type) {
       case "success":
@@ -35514,7 +35531,7 @@ var NotificationList = ({
         return "bg-blue-50";
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: cn("flex flex-col gap-2", className), children: notifications.map((n) => /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: cn("flex flex-col gap-2", className), children: safeNotifications.map((n) => /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
     "div",
     {
       className: cn(
@@ -35577,15 +35594,16 @@ var PLATFORM_STYLES = {
 };
 var PlatformPost = ({ post, loading, className }) => {
   const [copied, setCopied] = (0, import_react62.useState)(false);
-  const [caption, setCaption] = (0, import_react62.useState)(post.caption);
+  const [caption, setCaption] = (0, import_react62.useState)(post?.caption ?? "");
+  const safeHashtags = Array.isArray(post.hashtags) ? post.hashtags : [];
   const style = PLATFORM_STYLES[post.platform] || PLATFORM_STYLES.twitter;
   const charCount = caption.length;
   const isOverLimit = charCount > post.character_limit;
   const isInstagram = post.platform === "instagram";
   const handleCopy = async () => {
-    const fullText = isInstagram ? post.hashtags.join(" ") : `${caption}
+    const fullText = isInstagram ? safeHashtags.join(" ") : `${caption}
 
-${post.hashtags.join(" ")}`;
+${safeHashtags.join(" ")}`;
     try {
       await navigator.clipboard.writeText(fullText);
       setCopied(true);
@@ -35639,7 +35657,7 @@ ${post.hashtags.join(" ")}`;
           }
         ) }),
         /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "px-4 pt-3 pb-4 space-y-2.5", children: [
-          loading ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "h-3 w-[50%] rounded bg-[#27272a] animate-pulse" }) : post.hashtags.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("p", { className: cn("text-xs font-medium leading-relaxed", style.hashtagColor), children: post.hashtags.join(" ") }) : null,
+          loading ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "h-3 w-[50%] rounded bg-[#27272a] animate-pulse" }) : safeHashtags.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("p", { className: cn("text-xs font-medium leading-relaxed", style.hashtagColor), children: safeHashtags.join(" ") }) : null,
           !isInstagram && (loading ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "h-2.5 w-[30%] rounded bg-[#27272a] animate-pulse" }) : /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
             "p",
             {
@@ -35844,6 +35862,7 @@ var hideScrollbar = {
 var CIStatusSection = ({
   branches
 }) => {
+  const safeBranches = Array.isArray(branches) ? branches : [];
   return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
     "div",
     {
@@ -35864,7 +35883,7 @@ var CIStatusSection = ({
             className: "space-y-1.5 max-h-[220px] overflow-y-auto slim-scrollbar",
             style: hideScrollbar,
             children: [
-              branches.map((branch) => {
+              safeBranches.map((branch) => {
                 const cfg = STATUS_CONFIG[branch.status] || STATUS_CONFIG.none;
                 return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
                   "div",
@@ -35886,7 +35905,7 @@ var CIStatusSection = ({
                   branch.branch
                 );
               }),
-              branches.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "text-xs text-gray-500 italic py-2", children: "No branches found" })
+              safeBranches.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "text-xs text-gray-500 italic py-2", children: "No branches found" })
             ]
           }
         )
@@ -35927,6 +35946,7 @@ var hideScrollbar2 = {
 var PRListSection = ({
   pullRequests
 }) => {
+  const safePullRequests = Array.isArray(pullRequests) ? pullRequests : [];
   return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
     "div",
     {
@@ -35947,7 +35967,7 @@ var PRListSection = ({
             className: "space-y-2 max-h-[220px] overflow-y-auto slim-scrollbar",
             style: hideScrollbar2,
             children: [
-              pullRequests.map((pr) => {
+              safePullRequests.map((pr) => {
                 const cfg = REVIEW_CONFIG[pr.review_status] || REVIEW_CONFIG.needs_review;
                 return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
                   "div",
@@ -35989,7 +36009,7 @@ var PRListSection = ({
                   pr.number
                 );
               }),
-              pullRequests.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "text-xs text-gray-500 italic py-2", children: "No open pull requests" })
+              safePullRequests.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "text-xs text-gray-500 italic py-2", children: "No open pull requests" })
             ]
           }
         )
@@ -36053,6 +36073,7 @@ var hideScrollbar3 = {
   WebkitOverflowScrolling: "touch"
 };
 var StaleIssueList = ({ issues }) => {
+  const safeIssues = Array.isArray(issues) ? issues : [];
   return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
     "div",
     {
@@ -36073,14 +36094,14 @@ var StaleIssueList = ({ issues }) => {
             className: "space-y-2 max-h-[220px] overflow-y-auto slim-scrollbar",
             style: hideScrollbar3,
             children: [
-              issues.map((issue) => /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
+              safeIssues.map((issue) => /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
                 "div",
                 {
                   className: "flex items-center justify-between rounded-lg px-3 py-2.5",
                   style: { backgroundColor: "rgba(40, 40, 40, 0.7)" },
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "flex shrink-0 gap-1", children: issue.labels.slice(0, 2).map((label) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "flex shrink-0 gap-1", children: (Array.isArray(issue.labels) ? issue.labels : []).slice(0, 2).map((label) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
                         "span",
                         {
                           className: cn(
@@ -36101,7 +36122,7 @@ var StaleIssueList = ({ issues }) => {
                 },
                 issue.number
               )),
-              issues.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "text-xs text-gray-500 italic py-2", children: "No stale issues" })
+              safeIssues.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "text-xs text-gray-500 italic py-2", children: "No stale issues" })
             ]
           }
         )
@@ -36161,7 +36182,7 @@ var GitHubIssueTrackerCard = ({ owner, repo, open_bugs, velocity_per_week, stale
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(StaleIssueList, { issues: stale_issues })
+      /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(StaleIssueList, { issues: Array.isArray(stale_issues) ? stale_issues : [] })
     ] })
   ] });
 };
@@ -36204,6 +36225,8 @@ var DataTable = ({
   rows,
   loading
 }) => {
+  const safeColumns = Array.isArray(columns) ? columns : [];
+  const safeRows = Array.isArray(rows) ? rows : [];
   return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
     "div",
     {
@@ -36222,7 +36245,7 @@ var DataTable = ({
           }
         ) }),
         /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { className: "px-3 pb-3 overflow-x-auto", style: hideScrollbar4, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { className: "space-y-3 p-2", children: [...Array(3)].map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { className: "h-8 rounded bg-[#27272a] animate-pulse" }, i)) }) : /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("table", { className: "w-full text-sm", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("tr", { className: "border-b border-[#3f3f46]/40", children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("tr", { className: "border-b border-[#3f3f46]/40", children: safeColumns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
             "th",
             {
               className: cn(
@@ -36234,14 +36257,14 @@ var DataTable = ({
             col.key
           )) }) }),
           /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("tbody", { children: [
-            rows.map((row, rowIdx) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+            safeRows.map((row, rowIdx) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
               "tr",
               {
                 className: cn(
                   "transition-colors hover:bg-[#27272a]/40",
-                  rowIdx !== rows.length - 1 && "border-b border-[#27272a]/50"
+                  rowIdx !== safeRows.length - 1 && "border-b border-[#27272a]/50"
                 ),
-                children: columns.map((col) => {
+                children: safeColumns.map((col) => {
                   const cellColor = getCellColor(col.type, row[col.key]);
                   return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
                     "td",
@@ -36260,10 +36283,10 @@ var DataTable = ({
               },
               rowIdx
             )),
-            rows.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+            safeRows.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
               "td",
               {
-                colSpan: columns.length,
+                colSpan: safeColumns.length,
                 className: "px-3 py-6 text-center text-xs text-gray-500 italic",
                 children: "No data available"
               }
@@ -36295,7 +36318,8 @@ var AutoChart = ({
   type = "bar",
   loading
 }) => {
-  const maxValue = Math.max(...data.map((d) => d.value), 1);
+  const safeData = Array.isArray(data) ? data : [];
+  const maxValue = safeData.length ? Math.max(...safeData.map((d) => d.value), 1) : 1;
   return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
     "div",
     {
@@ -36320,7 +36344,7 @@ var AutoChart = ({
             style: { height: `${40 + i * 25}%` }
           },
           i
-        )) }) : type === "bar" ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "flex items-end gap-3 h-[140px] w-full justify-center", children: data.map((point, idx) => {
+        )) }) : type === "bar" ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "flex items-end gap-3 h-[140px] w-full justify-center", children: safeData.map((point, idx) => {
           const heightPercent = point.value / maxValue * 100;
           const color = point.color || DEFAULT_COLORS[idx % DEFAULT_COLORS.length];
           return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
@@ -36346,7 +36370,7 @@ var AutoChart = ({
           );
         }) }) : (
           /* Horizontal bar chart */
-          /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "flex flex-col gap-2.5 w-full", children: data.map((point, idx) => {
+          /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "flex flex-col gap-2.5 w-full", children: safeData.map((point, idx) => {
             const widthPercent = point.value / maxValue * 100;
             const color = point.color || DEFAULT_COLORS[idx % DEFAULT_COLORS.length];
             return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "space-y-1", children: [
@@ -36440,7 +36464,7 @@ var GoogleSheetsCard = ({
   ] });
 };
 function autoGenerateChart(columns, rows) {
-  if (!rows.length || !columns.length) return null;
+  if (!Array.isArray(rows) || !Array.isArray(columns) || !rows.length || !columns.length) return null;
   const labelCol = columns.find(
     (c) => c.type === "text" || c.type === void 0
   );
@@ -36659,6 +36683,7 @@ var GitHubReposListCard = ({
   className,
   sendMessage
 }) => {
+  const safeRepos = Array.isArray(repos) ? repos : [];
   const handleRepoClick = (repo) => {
     sendMessage?.(`Use repo ${repo.full_name}`);
   };
@@ -36678,7 +36703,7 @@ var GitHubReposListCard = ({
       /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { className: "text-sm font-semibold text-white", children: "Your Repositories" }),
       /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("span", { className: "text-xs text-gray-500", children: [
         "(",
-        repos.length,
+        safeRepos.length,
         ")"
       ] })
     ] }),
@@ -36692,7 +36717,7 @@ var GitHubReposListCard = ({
           maxHeight: 380,
           overflowY: "auto"
         },
-        children: repos.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "px-4 py-8 text-center text-sm text-gray-500", children: "No repositories found." }) : /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "divide-y divide-white/5 py-1", children: repos.map((repo) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+        children: safeRepos.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "px-4 py-8 text-center text-sm text-gray-500", children: "No repositories found." }) : /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "divide-y divide-white/5 py-1", children: safeRepos.map((repo) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
           RepoRow,
           {
             repo,
@@ -36750,6 +36775,7 @@ function timeAgo2(dateStr) {
   return `${months}mo ago`;
 }
 var SpreadsheetRow = ({ spreadsheet, onClick }) => {
+  const safeSheets = Array.isArray(spreadsheet.sheets) ? spreadsheet.sheets : [];
   return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
     "button",
     {
@@ -36769,7 +36795,7 @@ var SpreadsheetRow = ({ spreadsheet, onClick }) => {
               timeAgo2(spreadsheet.modified_time)
             ] })
           ] }),
-          spreadsheet.sheets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "mt-1.5 flex flex-wrap gap-1", children: spreadsheet.sheets.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+          safeSheets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "mt-1.5 flex flex-wrap gap-1", children: safeSheets.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
             "span",
             {
               className: "inline-block rounded px-1.5 py-0.5 text-[10px] font-medium",
@@ -36802,8 +36828,10 @@ var GoogleSheetsListCard = ({
   className,
   sendMessage
 }) => {
+  const safeSpreadsheets = Array.isArray(spreadsheets) ? spreadsheets : [];
   const handleSheetClick = (spreadsheet) => {
-    const firstTab = spreadsheet.sheets.length > 0 ? spreadsheet.sheets[0].title : "Sheet1";
+    const safeSheets = Array.isArray(spreadsheet.sheets) ? spreadsheet.sheets : [];
+    const firstTab = safeSheets.length > 0 ? safeSheets[0].title : "Sheet1";
     sendMessage?.(
       `Read spreadsheet "${spreadsheet.name}" (ID: ${spreadsheet.id}), tab: ${firstTab}`
     );
@@ -36814,7 +36842,7 @@ var GoogleSheetsListCard = ({
       /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("span", { className: "text-sm font-semibold text-white", children: "Your Spreadsheets" }),
       /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("span", { className: "text-xs text-gray-500", children: [
         "(",
-        spreadsheets.length,
+        safeSpreadsheets.length,
         ")"
       ] })
     ] }),
@@ -36828,7 +36856,7 @@ var GoogleSheetsListCard = ({
           maxHeight: 380,
           overflowY: "auto"
         },
-        children: spreadsheets.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "px-4 py-8 text-center text-sm text-gray-500", children: "No spreadsheets found." }) : /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "divide-y divide-white/5 py-1", children: spreadsheets.map((spreadsheet) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+        children: safeSpreadsheets.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "px-4 py-8 text-center text-sm text-gray-500", children: "No spreadsheets found." }) : /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "divide-y divide-white/5 py-1", children: safeSpreadsheets.map((spreadsheet) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
           SpreadsheetRow,
           {
             spreadsheet,
@@ -37214,9 +37242,10 @@ var InputWidget = ({
   onAction,
   isSubmitting = false
 }) => {
+  const safeFields = Array.isArray(fields) ? fields : [];
   const [values, setValues] = import_react66.default.useState(() => {
     const initial = {};
-    for (const f of fields) {
+    for (const f of safeFields) {
       initial[f.key] = f.defaultValue ?? defaultForKind(f.kind);
     }
     return initial;
@@ -37224,7 +37253,7 @@ var InputWidget = ({
   const update = (key, v) => {
     setValues((prev) => ({ ...prev, [key]: v }));
   };
-  const buildElementsForSubmission = () => fields.map((f) => ({
+  const buildElementsForSubmission = () => safeFields.map((f) => ({
     id: `${id}-${f.key}`,
     atomName: kindToAtomName(f.kind),
     props: {
@@ -37256,7 +37285,7 @@ var InputWidget = ({
     }
     if (action === "reset") {
       const reset = {};
-      for (const f of fields) reset[f.key] = f.defaultValue ?? defaultForKind(f.kind);
+      for (const f of safeFields) reset[f.key] = f.defaultValue ?? defaultForKind(f.kind);
       setValues(reset);
     }
     onAction?.(action, payload);
@@ -37272,7 +37301,7 @@ var InputWidget = ({
           title && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("h3", { className: "text-base font-semibold", style: { color: "var(--px-text-color, inherit)" }, children: title }),
           description && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("p", { className: "text-sm opacity-80", style: { color: "var(--px-text-color, inherit)" }, children: description })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "flex flex-col gap-4", children: fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "flex flex-col gap-4", children: safeFields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
           FieldRenderer,
           {
             field,
@@ -37490,7 +37519,7 @@ var TrendBadge = ({ item }) => {
 var KPIStatsCard = import_react67.default.memo(
   ({ title, subtitle, stats, items, theme, className, onAction: _onAction }) => {
     const s = th(theme);
-    const displayStats = stats || items || [];
+    const displayStats = Array.isArray(stats) ? stats : Array.isArray(items) ? items : [];
     return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
       "div",
       {
@@ -37592,7 +37621,7 @@ var ApprovalCard = import_react68.default.memo(
       sendMessage?.(`${labels[next]}: ${title}`);
       onAction?.({ type: "approval", value: next, title });
     };
-    const config = STATUS_CONFIG2[status];
+    const config = STATUS_CONFIG2[status] ?? STATUS_CONFIG2.pending;
     const StatusIcon = config.icon;
     return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
       "div",
@@ -37620,7 +37649,7 @@ var ApprovalCard = import_react68.default.memo(
               style: i < details.length - 1 ? { borderBottomColor: theme?.border } : {},
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "text-cardText/50", style: s.muted, children: d.label }),
-                /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "font-medium text-cardText", style: s.text, children: d.value })
+                /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "font-medium text-cardText", style: s.text, children: typeof d.value === "object" ? JSON.stringify(d.value) : String(d.value ?? "") })
               ]
             },
             i
@@ -37684,7 +37713,7 @@ var StepDot = ({ step, accentColor }) => {
 var TimelineCard = import_react69.default.memo(
   ({ title, steps, milestones, theme, className, onAction: _onAction }) => {
     const s = th(theme);
-    const displaySteps = steps || milestones || [];
+    const displaySteps = Array.isArray(steps) ? steps : Array.isArray(milestones) ? milestones : [];
     return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: cn("w-full rounded-[16px] border border-gray400 bg-cardSurface p-4", className), style: s.root, children: [
       title && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("h3", { className: "mb-4 text-sm font-semibold text-cardText", style: s.text, children: title }),
       /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "space-y-0", children: displaySteps.map((step, idx) => {
@@ -37919,7 +37948,7 @@ var ChecklistCard = import_react72.default.memo(
     onAction
   }) => {
     const s = th(theme);
-    const source = items || tasks || [];
+    const source = Array.isArray(items) ? items : Array.isArray(tasks) ? tasks : [];
     const [checked, setChecked] = import_react72.default.useState(
       () => new Set(source.filter((i) => i.checked).map((i) => i.id))
     );
@@ -38054,7 +38083,7 @@ var PollCard = import_react73.default.memo(
     onAction
   }) => {
     const s = th(theme);
-    const source = options || choices || [];
+    const source = Array.isArray(options) ? options : Array.isArray(choices) ? choices : [];
     const [selected, setSelected] = import_react73.default.useState(/* @__PURE__ */ new Set());
     const [hasVoted, setHasVoted] = import_react73.default.useState(false);
     const [voteCounts, setVoteCounts] = import_react73.default.useState(
@@ -38101,7 +38130,9 @@ Selected: ${labels.join(", ")}`);
         const isSelected = selected.has(opt.id);
         const count = voteCounts[opt.id] ?? 0;
         const pct = hasVoted && displayTotal > 0 ? Math.round(count / displayTotal * 100) : 0;
-        const isWinner = hasVoted && count === Math.max(...Object.values(voteCounts));
+        const voteCountValues = Object.values(voteCounts);
+        const maxVotes = voteCountValues.length ? Math.max(...voteCountValues) : 0;
+        const isWinner = hasVoted && count === maxVotes;
         const accentSubtleBg = theme?.accent ? withAlpha(theme.accent, 0.1) : void 0;
         return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
           "div",
@@ -38205,8 +38236,8 @@ var STATUS_STYLES = {
   cancelled: { label: "Cancelled", className: "text-rose-400 bg-rose-500/10 border-rose-500/20", dot: "bg-rose-400" }
 };
 function AvatarInitials({ name }) {
-  const initials = name.split(" ").map((p) => p[0]).slice(0, 2).join("").toUpperCase();
-  const hue = name.split("").reduce((acc, ch) => acc + ch.charCodeAt(0), 0) % 360;
+  const initials = (name ?? "").split(" ").map((p) => p[0]).slice(0, 2).join("").toUpperCase();
+  const hue = (name ?? "").split("").reduce((acc, ch) => acc + ch.charCodeAt(0), 0) % 360;
   return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
     "div",
     {
@@ -38233,17 +38264,18 @@ var CalendarEventCard = import_react74.default.memo(
     onAction
   }) => {
     const s = th(theme);
-    const cfg = STATUS_STYLES[status];
+    const cfg = STATUS_STYLES[status] ?? STATUS_STYLES.upcoming;
     const parsedDate = import_react74.default.useMemo(() => {
       try {
-        const d = new Date(date);
+        const safeDate = date ?? "";
+        const d = new Date(safeDate);
         if (isNaN(d.getTime())) {
-          const parts = date.split(/[\s,]+/);
-          return { day: parts[1] || date, month: parts[0] || "" };
+          const parts = safeDate.split(/[\s,]+/);
+          return { day: parts[1] || safeDate, month: parts[0] || "" };
         }
         return { day: d.getDate().toString(), month: d.toLocaleString("en", { month: "short" }) };
       } catch {
-        return { day: date, month: "" };
+        return { day: date ?? "", month: "" };
       }
     }, [date]);
     const handleJoin = (e) => {
@@ -38359,13 +38391,13 @@ var BudgetAllocCard = import_react75.default.memo(
     onAction: _onAction
   }) => {
     const s = th(theme);
-    const source = items || allocations || [];
-    const computedTotal = total ?? source.reduce((sum, i) => sum + i.amount, 0);
+    const source = Array.isArray(items) ? items : Array.isArray(allocations) ? allocations : [];
+    const computedTotal = total ?? source.reduce((sum, i) => sum + (Number(i.amount) || 0), 0);
     const paletteWithAccent = [theme?.accent ?? PALETTE[0], ...PALETTE.slice(1)];
     const segments = source.map((item, idx) => ({
       ...item,
       color: item.color || paletteWithAccent[idx % paletteWithAccent.length],
-      pct: computedTotal > 0 ? item.amount / computedTotal * 100 : 0
+      pct: computedTotal > 0 ? (Number(item.amount) || 0) / computedTotal * 100 : 0
     }));
     return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
       "div",
@@ -38486,6 +38518,8 @@ var ComparisonCard = import_react76.default.memo(
     onAction
   }) => {
     const s = th(theme);
+    const safeOptions = Array.isArray(options) ? options : [];
+    const safeAttributeLabels = Array.isArray(attribute_labels) ? attribute_labels : [];
     const [selected, setSelected] = import_react76.default.useState(null);
     const [isSubmitted, setIsSubmitted] = import_react76.default.useState(false);
     const isInteractive = isLatestMessage && !disabled && !isSubmitted;
@@ -38522,8 +38556,8 @@ var ComparisonCard = import_react76.default.memo(
             "div",
             {
               className: "grid gap-3",
-              style: { gridTemplateColumns: `repeat(${options.length}, minmax(0, 1fr))` },
-              children: options.map((opt) => {
+              style: { gridTemplateColumns: `repeat(${safeOptions.length}, minmax(0, 1fr))` },
+              children: safeOptions.map((opt) => {
                 const isChosen = selected === opt.id;
                 const isGoldBadge = !opt.badge_color || opt.badge_color === "gold";
                 const badgeColor = opt.badge_color ? BADGE_COLORS[opt.badge_color] : BADGE_COLORS.gold;
@@ -38568,8 +38602,8 @@ var ComparisonCard = import_react76.default.memo(
                           ]
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "flex flex-col divide-y divide-gray400/30 flex-1", children: attribute_labels.map((attrLabel, rowIdx) => {
-                        const attr = opt.attributes[rowIdx];
+                      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "flex flex-col divide-y divide-gray400/30 flex-1", children: safeAttributeLabels.map((attrLabel, rowIdx) => {
+                        const attr = opt.attributes?.[rowIdx];
                         return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
                           "div",
                           {
@@ -38779,7 +38813,7 @@ var ResearchBriefCard = ({
               item.label,
               ": "
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "text-muted-foreground", children: item.value })
+            /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "text-muted-foreground", children: typeof item.value === "object" ? JSON.stringify(item.value) : String(item.value ?? "") })
           ] }, `${item.label}-${idx}`)) })
         ] })
       ]
@@ -38800,6 +38834,7 @@ var PriorityActionsCard = ({
   actions,
   className
 }) => {
+  const safeActions = Array.isArray(actions) ? actions : [];
   return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
     "div",
     {
@@ -38810,7 +38845,7 @@ var PriorityActionsCard = ({
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("h3", { className: "text-base font-semibold text-foreground", children: title }),
         summary ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("p", { className: "mt-2 text-sm leading-relaxed text-muted-foreground", children: summary }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "mt-4 space-y-2.5", children: actions.map((action, idx) => /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "mt-4 space-y-2.5", children: safeActions.map((action, idx) => /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
           "div",
           {
             className: "rounded-xl border border-border/70 bg-background/50 p-3",
@@ -38873,7 +38908,7 @@ var CampaignBriefCard = ({
     ] }),
     constraints.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("ul", { className: "mt-4 space-y-1.5 text-sm text-foreground/90", children: constraints.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("li", { children: [
       "- ",
-      item
+      typeof item === "object" ? JSON.stringify(item) : String(item ?? "")
     ] }, `${item}-${i}`)) }) : null
   ] });
 };
@@ -38888,16 +38923,17 @@ var DataSourceChecklistCard = ({
   className,
   onAction
 }) => {
-  const connectedCount = items.filter((i) => i.connected).length;
+  const safeItems = Array.isArray(items) ? items : [];
+  const connectedCount = safeItems.filter((i) => i.connected).length;
   return /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: cn("rounded-2xl border border-border bg-card/70 p-5 shadow-sm", className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("h3", { className: "text-base font-semibold text-foreground", children: title }),
     /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("p", { className: "mt-1 text-xs text-muted-foreground", children: [
       connectedCount,
       "/",
-      items.length,
+      safeItems.length,
       " connected"
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { className: "mt-3 space-y-2", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: "rounded-xl border border-border/70 bg-background/60 p-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { className: "mt-3 space-y-2", children: safeItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: "rounded-xl border border-border/70 bg-background/60 p-3", children: [
       /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
         /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("p", { className: "text-sm font-medium text-foreground", children: item.source }),
         /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("span", { className: cn("text-xs font-semibold", item.connected ? "text-emerald-600" : "text-amber-600"), children: item.connected ? "Connected" : "Pending" })
@@ -38930,7 +38966,7 @@ var GoalAlignmentCard = ({
   className
 }) => /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: cn("rounded-2xl border border-border bg-card/70 p-5 shadow-sm", className), children: [
   /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("h3", { className: "text-base font-semibold text-foreground", children: title }),
-  /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { className: "mt-3 space-y-2", children: goals.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "rounded-xl border border-border/70 bg-background/50 p-3", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { className: "mt-3 space-y-2", children: (Array.isArray(goals) ? goals : []).map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "rounded-xl border border-border/70 bg-background/50 p-3", children: [
     /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("p", { className: "text-sm font-medium text-foreground", children: item.goal }),
       item.status ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { className: cn("text-xs font-semibold", statusColor[item.status]), children: item.status }) : null
@@ -38947,7 +38983,7 @@ var AudiencePersonaCard = ({
   className
 }) => /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: cn("rounded-2xl border border-border bg-card/70 p-5 shadow-sm", className), children: [
   /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("h3", { className: "text-base font-semibold text-foreground", children: title }),
-  /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { className: "mt-3 space-y-2", children: segments.map((segment, i) => /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: "rounded-xl border border-border/70 bg-background/50 p-3", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { className: "mt-3 space-y-2", children: (Array.isArray(segments) ? segments : []).map((segment, i) => /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: "rounded-xl border border-border/70 bg-background/50 p-3", children: [
     /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("p", { className: "text-sm font-medium text-foreground", children: segment.name }),
       segment.percentage !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
@@ -38968,20 +39004,23 @@ var ChannelPlanCard = ({
   title,
   plans,
   className
-}) => /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: cn("rounded-2xl border border-border bg-card/70 p-5 shadow-sm", className), children: [
-  /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("h3", { className: "text-base font-semibold text-foreground", children: title }),
-  /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", { className: "mt-3 space-y-2", children: plans.map((plan, i) => /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "rounded-xl border border-border/70 bg-background/50 p-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("p", { className: "text-sm font-medium text-foreground", children: plan.channel }),
-    plan.objective ? /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("p", { className: "mt-1 text-xs text-muted-foreground", children: [
-      "Objective: ",
-      plan.objective
-    ] }) : null,
-    plan.cadence ? /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
-      "Cadence: ",
-      plan.cadence
-    ] }) : null
-  ] }, `${plan.channel}-${i}`)) })
-] });
+}) => {
+  const safePlans = Array.isArray(plans) ? plans : [];
+  return /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: cn("rounded-2xl border border-border bg-card/70 p-5 shadow-sm", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("h3", { className: "text-base font-semibold text-foreground", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", { className: "mt-3 space-y-2", children: safePlans.map((plan, i) => /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "rounded-xl border border-border/70 bg-background/50 p-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("p", { className: "text-sm font-medium text-foreground", children: plan.channel }),
+      plan.objective ? /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("p", { className: "mt-1 text-xs text-muted-foreground", children: [
+        "Objective: ",
+        plan.objective
+      ] }) : null,
+      plan.cadence ? /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+        "Cadence: ",
+        plan.cadence
+      ] }) : null
+    ] }, `${plan.channel}-${i}`)) })
+  ] });
+};
 
 // src/molecules/generic/InsightDigestCard/InsightDigestCard.tsx
 var import_jsx_runtime142 = require("react/jsx-runtime");
@@ -38995,17 +39034,20 @@ var InsightDigestCard = ({
   summary,
   insights,
   className
-}) => /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: cn("rounded-2xl border border-border bg-card/70 p-5 shadow-sm", className), children: [
-  /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("h3", { className: "text-base font-semibold text-foreground", children: title }),
-  summary ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { className: "mt-2 text-sm text-muted-foreground", children: summary }) : null,
-  /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { className: "mt-3 space-y-2", children: insights.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "rounded-xl border border-border/70 bg-background/50 p-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { className: "text-sm font-medium text-foreground", children: item.label }),
-      item.confidence ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("span", { className: cn("text-xs font-semibold", confidenceColor[item.confidence]), children: item.confidence }) : null
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { className: "mt-1 text-sm text-muted-foreground", children: item.detail })
-  ] }, `${item.label}-${i}`)) })
-] });
+}) => {
+  const safeInsights = Array.isArray(insights) ? insights : [];
+  return /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: cn("rounded-2xl border border-border bg-card/70 p-5 shadow-sm", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("h3", { className: "text-base font-semibold text-foreground", children: title }),
+    summary ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { className: "mt-2 text-sm text-muted-foreground", children: summary }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { className: "mt-3 space-y-2", children: safeInsights.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "rounded-xl border border-border/70 bg-background/50 p-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { className: "text-sm font-medium text-foreground", children: item.label }),
+        item.confidence ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("span", { className: cn("text-xs font-semibold", confidenceColor[item.confidence]), children: item.confidence }) : null
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { className: "mt-1 text-sm text-muted-foreground", children: item.detail })
+    ] }, `${item.label}-${i}`)) })
+  ] });
+};
 
 // src/molecules/generic/ActionPriorityCard/ActionPriorityCard.tsx
 var import_jsx_runtime143 = require("react/jsx-runtime");
@@ -39018,20 +39060,23 @@ var ActionPriorityCard = ({
   title,
   actions,
   className
-}) => /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: cn("rounded-2xl border border-border bg-card/70 p-5 shadow-sm", className), children: [
-  /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("h3", { className: "text-base font-semibold text-foreground", children: title }),
-  /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", { className: "mt-3 space-y-2", children: actions.map((action, i) => /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "rounded-xl border border-border/70 bg-background/50 p-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("p", { className: "text-sm font-medium text-foreground", children: action.title }),
-      action.priority ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("span", { className: cn("rounded-full px-2.5 py-1 text-[11px] font-semibold", priorityBadge[action.priority]), children: action.priority }) : null
-    ] }),
-    action.owner || action.timeline ? /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("p", { className: "mt-1 text-xs text-muted-foreground", children: [
-      action.owner ? `Owner: ${action.owner}` : "",
-      action.owner && action.timeline ? " \u2022 " : "",
-      action.timeline ? `Timeline: ${action.timeline}` : ""
-    ] }) : null
-  ] }, `${action.title}-${i}`)) })
-] });
+}) => {
+  const safeActions = Array.isArray(actions) ? actions : [];
+  return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: cn("rounded-2xl border border-border bg-card/70 p-5 shadow-sm", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("h3", { className: "text-base font-semibold text-foreground", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", { className: "mt-3 space-y-2", children: safeActions.map((action, i) => /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "rounded-xl border border-border/70 bg-background/50 p-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("p", { className: "text-sm font-medium text-foreground", children: action.title }),
+        action.priority ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("span", { className: cn("rounded-full px-2.5 py-1 text-[11px] font-semibold", priorityBadge[action.priority]), children: action.priority }) : null
+      ] }),
+      action.owner || action.timeline ? /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("p", { className: "mt-1 text-xs text-muted-foreground", children: [
+        action.owner ? `Owner: ${action.owner}` : "",
+        action.owner && action.timeline ? " \u2022 " : "",
+        action.timeline ? `Timeline: ${action.timeline}` : ""
+      ] }) : null
+    ] }, `${action.title}-${i}`)) })
+  ] });
+};
 
 // src/molecules/generic/RiskSignalCard/RiskSignalCard.tsx
 var import_jsx_runtime144 = require("react/jsx-runtime");
@@ -39044,19 +39089,22 @@ var RiskSignalCard = ({
   title,
   risks,
   className
-}) => /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: cn("rounded-2xl border border-border bg-card/70 p-5 shadow-sm", className), children: [
-  /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("h3", { className: "text-base font-semibold text-foreground", children: title }),
-  /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("div", { className: "mt-3 space-y-2", children: risks.map((risk, i) => /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "rounded-xl border border-border/70 bg-background/50 p-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "text-sm font-medium text-foreground", children: risk.signal }),
-      risk.severity ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { className: cn("text-xs font-semibold", severityColor[risk.severity]), children: risk.severity }) : null
-    ] }),
-    risk.impact ? /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("p", { className: "mt-1 text-xs text-muted-foreground", children: [
-      "Impact: ",
-      risk.impact
-    ] }) : null
-  ] }, `${risk.signal}-${i}`)) })
-] });
+}) => {
+  const safeRisks = Array.isArray(risks) ? risks : [];
+  return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: cn("rounded-2xl border border-border bg-card/70 p-5 shadow-sm", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("h3", { className: "text-base font-semibold text-foreground", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("div", { className: "mt-3 space-y-2", children: safeRisks.map((risk, i) => /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "rounded-xl border border-border/70 bg-background/50 p-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "text-sm font-medium text-foreground", children: risk.signal }),
+        risk.severity ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { className: cn("text-xs font-semibold", severityColor[risk.severity]), children: risk.severity }) : null
+      ] }),
+      risk.impact ? /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("p", { className: "mt-1 text-xs text-muted-foreground", children: [
+        "Impact: ",
+        risk.impact
+      ] }) : null
+    ] }, `${risk.signal}-${i}`)) })
+  ] });
+};
 
 // src/molecules/generic/ScoreBreakdownCard/ScoreBreakdownCard.tsx
 var import_jsx_runtime145 = require("react/jsx-runtime");
@@ -39066,24 +39114,27 @@ var ScoreBreakdownCard = ({
   outOf = 100,
   items,
   className
-}) => /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: cn("rounded-2xl border border-border bg-card/70 p-5 shadow-sm", className), children: [
-  /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("h3", { className: "text-base font-semibold text-foreground", children: title }),
-    totalScore !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("span", { className: "rounded-full border border-border px-2.5 py-1 text-xs text-muted-foreground", children: [
-      totalScore,
-      "/",
-      outOf
-    ] }) : null
-  ] }),
-  /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "mt-3 space-y-2", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "rounded-xl border border-border/70 bg-background/50 p-3", children: /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex items-center justify-between gap-2 text-sm", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("p", { className: "font-medium text-foreground", children: item.label }),
-    /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("p", { className: "text-muted-foreground", children: [
-      item.score,
-      "/",
-      item.outOf ?? outOf
-    ] })
-  ] }) }, `${item.label}-${i}`)) })
-] });
+}) => {
+  const safeItems = Array.isArray(items) ? items : [];
+  return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: cn("rounded-2xl border border-border bg-card/70 p-5 shadow-sm", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("h3", { className: "text-base font-semibold text-foreground", children: title }),
+      totalScore !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("span", { className: "rounded-full border border-border px-2.5 py-1 text-xs text-muted-foreground", children: [
+        totalScore,
+        "/",
+        outOf
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "mt-3 space-y-2", children: safeItems.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "rounded-xl border border-border/70 bg-background/50 p-3", children: /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex items-center justify-between gap-2 text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("p", { className: "font-medium text-foreground", children: item.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("p", { className: "text-muted-foreground", children: [
+        item.score,
+        "/",
+        item.outOf ?? outOf
+      ] })
+    ] }) }, `${item.label}-${i}`)) })
+  ] });
+};
 
 // src/molecules/generic/NextStepCard/NextStepCard.tsx
 var import_jsx_runtime146 = require("react/jsx-runtime");
@@ -39093,26 +39144,29 @@ var NextStepCard = ({
   ctaLabel = "Proceed",
   className,
   onAction
-}) => /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: cn("rounded-2xl border border-border bg-card/70 p-5 shadow-sm", className), children: [
-  /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("h3", { className: "text-base font-semibold text-foreground", children: title }),
-  /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", { className: "mt-3 space-y-2", children: steps.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: "rounded-xl border border-border/70 bg-background/50 p-3 text-sm", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("p", { className: "font-medium text-foreground", children: item.step }),
-    item.owner || item.due ? /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("p", { className: "mt-1 text-xs text-muted-foreground", children: [
-      item.owner ? `Owner: ${item.owner}` : "",
-      item.owner && item.due ? " \u2022 " : "",
-      item.due ? `Due: ${item.due}` : ""
-    ] }) : null
-  ] }, `${item.step}-${i}`)) }),
-  /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
-    "button",
-    {
-      type: "button",
-      onClick: () => onAction?.({ type: "next_step_continue", stepsCount: steps.length }),
-      className: "mt-4 rounded-full border border-border px-4 py-2 text-sm text-foreground",
-      children: ctaLabel
-    }
-  )
-] });
+}) => {
+  const safeSteps = Array.isArray(steps) ? steps : [];
+  return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: cn("rounded-2xl border border-border bg-card/70 p-5 shadow-sm", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("h3", { className: "text-base font-semibold text-foreground", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", { className: "mt-3 space-y-2", children: safeSteps.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: "rounded-xl border border-border/70 bg-background/50 p-3 text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("p", { className: "font-medium text-foreground", children: item.step }),
+      item.owner || item.due ? /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("p", { className: "mt-1 text-xs text-muted-foreground", children: [
+        item.owner ? `Owner: ${item.owner}` : "",
+        item.owner && item.due ? " \u2022 " : "",
+        item.due ? `Due: ${item.due}` : ""
+      ] }) : null
+    ] }, `${item.step}-${i}`)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+      "button",
+      {
+        type: "button",
+        onClick: () => onAction?.({ type: "next_step_continue", stepsCount: safeSteps.length }),
+        className: "mt-4 rounded-full border border-border px-4 py-2 text-sm text-foreground",
+        children: ctaLabel
+      }
+    )
+  ] });
+};
 
 // src/molecules/generic/PresentationJobCard/PresentationJobCard.tsx
 var import_react77 = require("react");
@@ -39170,8 +39224,8 @@ var FORMATS = [
   }
 ];
 var ExportModal = ({ formats, title, onClose }) => {
-  const available = FORMATS.filter((f) => formats[f.key]);
-  const filename = title.replace(/[^a-z0-9]/gi, "-").toLowerCase();
+  const available = FORMATS.filter((f) => (formats ?? {})[f.key]);
+  const filename = (title ?? "").replace(/[^a-z0-9]/gi, "-").toLowerCase();
   const [downloadingKey, setDownloadingKey] = (0, import_react77.useState)(null);
   const handleDownload = async (fmtKey, url, ext) => {
     if (downloadingKey) return;
@@ -40132,7 +40186,7 @@ var ResearchReportJobCard = (props) => {
   }
   const handleDownload = async () => {
     if (!htmlUrl) return;
-    const filename = `${title.replace(/[^a-z0-9]/gi, "-").toLowerCase()}.html`;
+    const filename = `${(title ?? "").replace(/[^a-z0-9]/gi, "-").toLowerCase()}.html`;
     const href = `/api/download?url=${encodeURIComponent(htmlUrl)}&filename=${encodeURIComponent(filename)}`;
     try {
       const response = await fetch(href);
@@ -40480,6 +40534,7 @@ var WebSearchJobCard = ({
       ] })
     ] }) }) });
   }
+  const safeResults = Array.isArray(results) ? results : [];
   const displayQuery = query || initialTitle || "Web Search";
   const statsText = [
     resultCount > 0 && `${resultCount} result${resultCount !== 1 ? "s" : ""}`,
@@ -40502,7 +40557,7 @@ var WebSearchJobCard = ({
         ] })
       ] }),
       summary && /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("p", { className: "mt-3 text-xs text-zinc-400 leading-relaxed line-clamp-3", children: summary }),
-      !compact && results.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", { className: "mt-4 space-y-2", children: results.map((result, i) => /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(
+      !compact && safeResults.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", { className: "mt-4 space-y-2", children: safeResults.map((result, i) => /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(
         "a",
         {
           href: result.url,
@@ -41869,6 +41924,7 @@ var PlatformIconGroup = ({
   platforms,
   className
 }) => {
+  const safePlatforms = Array.isArray(platforms) ? platforms : [];
   const getIcon = (platform) => {
     switch (platform) {
       case "instagram":
@@ -41897,7 +41953,7 @@ var PlatformIconGroup = ({
         return "text-gray-500 bg-gray-50 border-gray-100";
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime154.jsx)("div", { className: cn("flex gap-2", className), children: platforms.map((p, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime154.jsx)("div", { className: cn("flex gap-2", className), children: safePlatforms.map((p, i) => {
     const Icon3 = getIcon(p.platform);
     if (!Icon3) return null;
     return /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
@@ -41941,7 +41997,7 @@ var CreatorProfileSummary = ({
             id: `avatar-${name}`,
             type: "avatar",
             src: avatarSrc,
-            fallback: name.charAt(0),
+            fallback: (name ?? "").charAt(0),
             className: "w-12 h-12 ring-2 ring-purple-100"
           }
         ),
@@ -41959,11 +42015,11 @@ var CreatorProfileSummary = ({
           /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)("div", { className: "flex gap-3 mt-1", children: [
             followerCount && /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)("div", { className: "flex flex-col", children: [
               /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("span", { className: "text-[10px] uppercase tracking-wider text-muted-foreground font-bold", children: "Followers" }),
-              /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("span", { className: "text-xs font-semibold text-purple-700", children: followerCount })
+              /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("span", { className: "text-xs font-semibold text-purple-700", children: String(followerCount ?? "") })
             ] }),
             engagementRate && /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)("div", { className: "flex flex-col border-l border-purple-100 pl-3", children: [
               /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("span", { className: "text-[10px] uppercase tracking-wider text-muted-foreground font-bold", children: "Engagement" }),
-              /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("span", { className: "text-xs font-semibold text-indigo-600", children: engagementRate })
+              /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("span", { className: "text-xs font-semibold text-indigo-600", children: String(engagementRate ?? "") })
             ] })
           ] })
         ] })
@@ -41979,6 +42035,7 @@ var AudienceMetricCard = ({
   metrics,
   className
 }) => {
+  const safeMetrics = Array.isArray(metrics) ? metrics : [];
   return /* @__PURE__ */ (0, import_jsx_runtime156.jsxs)(
     Card,
     {
@@ -41988,10 +42045,10 @@ var AudienceMetricCard = ({
       ),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(CardHeader, { className: "pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(CardTitle, { className: "text-lg font-bold text-gray-900", children: title }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(CardContent, { className: "space-y-4", children: metrics.map((metric, i) => /* @__PURE__ */ (0, import_jsx_runtime156.jsxs)("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(CardContent, { className: "space-y-4", children: safeMetrics.map((metric, i) => /* @__PURE__ */ (0, import_jsx_runtime156.jsxs)("div", { className: "space-y-1.5", children: [
           /* @__PURE__ */ (0, import_jsx_runtime156.jsxs)("div", { className: "flex justify-between items-center text-sm", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("span", { className: "font-medium text-gray-700", children: metric.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("span", { className: "font-bold text-gray-900", children: metric.value })
+            /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("span", { className: "font-medium text-gray-700", children: String(metric.label ?? "") }),
+            /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("span", { className: "font-bold text-gray-900", children: String(metric.value ?? "") })
           ] }),
           metric.percentage !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
             ProgressAtom,
@@ -42097,9 +42154,10 @@ var BrandAffinityGroup = ({
   brands,
   className
 }) => {
+  const safeBrands = Array.isArray(brands) ? brands : [];
   return /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)("div", { className: cn("flex flex-col gap-3", className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("h5", { className: "text-[10px] font-bold uppercase tracking-widest text-muted-foreground", children: "Recent Collaborations" }),
-    /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("div", { className: "flex flex-wrap gap-4 items-center", children: brands.map((brand, i) => /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)("div", { className: "group relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("div", { className: "flex flex-wrap gap-4 items-center", children: safeBrands.map((brand, i) => /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)("div", { className: "group relative", children: [
       /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("div", { className: "h-10 w-10 overflow-hidden rounded-xl bg-white border border-gray-100 p-1.5 flex items-center justify-center grayscale hover:grayscale-0 transition-all duration-300 hover:scale-110 shadow-sm hover:shadow-md", children: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
         "img",
         {
@@ -42108,7 +42166,7 @@ var BrandAffinityGroup = ({
           className: "max-h-full max-w-full object-contain"
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("div", { className: "absolute -bottom-6 left-1/2 -translate-x-1/2 px-2 py-0.5 bg-gray-900 text-white text-[10px] rounded opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap z-50 pointer-events-none", children: brand.name })
+      /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("div", { className: "absolute -bottom-6 left-1/2 -translate-x-1/2 px-2 py-0.5 bg-gray-900 text-white text-[10px] rounded opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap z-50 pointer-events-none", children: String(brand.name ?? "") })
     ] }, i)) })
   ] });
 };
@@ -42119,7 +42177,8 @@ var ContentPreviewGallery = ({
   items,
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("div", { className: cn("grid grid-cols-2 gap-2", className), children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)(
+  const safeItems = Array.isArray(items) ? items : [];
+  return /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("div", { className: cn("grid grid-cols-2 gap-2", className), children: safeItems.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)(
     "a",
     {
       href: item.url || "#",
@@ -42229,6 +42288,7 @@ var TopPostsGrid = ({
   posts,
   className
 }) => {
+  const safePosts = Array.isArray(posts) ? posts : [];
   return /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
     "div",
     {
@@ -42236,7 +42296,7 @@ var TopPostsGrid = ({
         "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
         className
       ),
-      children: posts.map((post, i) => /* @__PURE__ */ (0, import_jsx_runtime162.jsxs)(
+      children: safePosts.map((post, i) => /* @__PURE__ */ (0, import_jsx_runtime162.jsxs)(
         "div",
         {
           className: "group relative aspect-square overflow-hidden rounded-2xl bg-gray-100 border border-purple-50",
@@ -42254,20 +42314,20 @@ var TopPostsGrid = ({
                 /* @__PURE__ */ (0, import_jsx_runtime162.jsxs)("span", { className: "flex items-center gap-1", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(Heart, { className: "w-3 h-3 fill-white" }),
                   " ",
-                  post.likes
+                  String(post.likes ?? "")
                 ] }),
                 /* @__PURE__ */ (0, import_jsx_runtime162.jsxs)("span", { className: "flex items-center gap-1", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(MessageCircle, { className: "w-3 h-3 fill-white" }),
                   " ",
-                  post.comments
+                  String(post.comments ?? "")
                 ] }),
                 /* @__PURE__ */ (0, import_jsx_runtime162.jsxs)("span", { className: "flex items-center gap-1", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(ChartColumn, { className: "w-3 h-3" }),
                   " ",
-                  post.engagement
+                  String(post.engagement ?? "")
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime162.jsx)("span", { className: "text-[10px] text-gray-300 mt-2", children: post.date })
+              /* @__PURE__ */ (0, import_jsx_runtime162.jsx)("span", { className: "text-[10px] text-gray-300 mt-2", children: String(post.date ?? "") })
             ] })
           ]
         },
@@ -42287,6 +42347,7 @@ var CreatorActionHeader = ({
   actions,
   className
 }) => {
+  const safeActions = Array.isArray(actions) ? actions : [];
   return /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)(
     "div",
     {
@@ -42310,17 +42371,17 @@ var CreatorActionHeader = ({
           /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("div", { className: "flex flex-col md:flex-row items-start md:items-end gap-6", children: [
             /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("div", { className: "p-2 bg-white rounded-[32px] shadow-lg", children: /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)(Avatar, { className: "h-32 w-32 rounded-[24px] border-4 border-white", children: [
               /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(AvatarImage, { src: avatarSrc, className: "rounded-[24px]" }),
-              /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(AvatarFallback, { className: "rounded-[24px] bg-purple-50 text-purple-600 text-3xl font-bold", children: name.charAt(0) })
+              /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(AvatarFallback, { className: "rounded-[24px] bg-purple-50 text-purple-600 text-3xl font-bold", children: (name ?? "").charAt(0) })
             ] }) }),
             /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("div", { className: "mb-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("h1", { className: "text-3xl font-bold text-gray-900 tracking-tight", children: name }),
+              /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("h1", { className: "text-3xl font-bold text-gray-900 tracking-tight", children: String(name ?? "") }),
               /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("p", { className: "text-purple-600 font-medium tracking-wide", children: [
                 "@",
-                handle
+                String(handle ?? "")
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("div", { className: "flex items-center gap-3 mb-2", children: actions.map((action, i) => /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("div", { className: "flex items-center gap-3 mb-2", children: safeActions.map((action, i) => /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(
             Button,
             {
               variant: action.variant || "default",
@@ -42328,7 +42389,7 @@ var CreatorActionHeader = ({
                 "rounded-2xl px-6 h-11 font-bold transition-all",
                 action.variant === "default" && "bg-purple-600 hover:bg-purple-700 shadow-md hover:shadow-purple-200"
               ),
-              children: action.label
+              children: String(action.label ?? "")
             },
             i
           )) })
@@ -42363,7 +42424,7 @@ var CreatorSearch = import_react84.default.memo(
                 {
                   id: `platform-${p}`,
                   type: "badge",
-                  label: p,
+                  label: String(p ?? ""),
                   variant: "outline",
                   className: "bg-background bg-gray200 border-gray400 text-white font-medium"
                 },
@@ -42960,6 +43021,7 @@ function CreatorCompactView({
   timeDisplay,
   isLoading
 }) {
+  const safeVersions = Array.isArray(versions) ? versions : [];
   const isComplete = versionStatus === "completed" || versionStatus === "complete";
   const statusTitle = isComplete ? "Creator Search Complete" : versionStatus === "failed" ? "Creator Search Failed" : "Creator Search Processing";
   if (isLoading) {
@@ -42971,7 +43033,7 @@ function CreatorCompactView({
         /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("h4", { className: "w-fit rounded-md bg-purple200 px-2 py-[4px] text-xs font-medium text-purpleText", children: "VERIFIED CREATORS LIST" }),
         /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("h3", { className: "text-gray900 md:text-lg font-bold", children: statusTitle })
       ] }),
-      versions.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("div", { className: "relative md:self-start", children: /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)(DropdownMenu, { children: [
+      safeVersions.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("div", { className: "relative md:self-start", children: /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)(DropdownMenu, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)(
           DropdownMenuTrigger,
           {
@@ -42984,7 +43046,7 @@ function CreatorCompactView({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(DropdownMenuContent, { className: "bg-[var(--creator-dropdown-bg)] border-2 border-gray400 min-w-[120px] max-h-[150px] overflow-y-auto", children: versions.map((v) => /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(DropdownMenuContent, { className: "bg-[var(--creator-dropdown-bg)] border-2 border-gray400 min-w-[120px] max-h-[150px] overflow-y-auto", children: safeVersions.map((v) => /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)(
           DropdownMenuItem,
           {
             onClick: () => onVersionSelect(v),
@@ -43673,8 +43735,9 @@ function filterPostsByPlatform(posts, platform) {
 }
 function PlatformMetricsBanner({
   platform,
-  metrics
+  metrics: metricsProp
 }) {
+  const metrics = metricsProp ?? {};
   const platformName = getPlatformName(platform);
   const bgColor = getPlatformBgColor(platform);
   const IconComponent = getPlatformIcon(platform);
@@ -43704,7 +43767,7 @@ function PlatformMetricsBanner({
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("div", { className: "flex flex-col items-start md:min-w-0", children: [
           /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("span", { className: "text-xs md:text-md font-semibold text-gray900", children: [
-            (metrics.engagementRate * 100).toFixed(2),
+            ((metrics?.engagementRate ?? 0) * 100).toFixed(2),
             "%"
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("span", { className: "text-xs text-gray900 opacity-80", children: "Engagement Rate" })