@almadar/ui 5.5.9 → 5.7.0

package/dist/avl/index.cjs

@@ -13718,7 +13718,7 @@ var init_AboutPageTemplate = __esm({
             background: resolved.hero.background
           }
         ),
-        resolved.articles.map((article, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        (Array.isArray(resolved.articles) ? resolved.articles : []).map((article, index) => /* @__PURE__ */ jsxRuntime.jsx(
           Box,
           {
             className: cn("py-12", index % 2 !== 0 && "bg-muted/20"),
@@ -33832,7 +33832,7 @@ var init_FeatureGrid = __esm({
           cols: columns,
           gap,
           className: cn(className),
-          children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(FeatureCard, { ...item }, `${item.title}-${index}`))
+          children: (Array.isArray(items) ? items : []).map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(FeatureCard, { ...item }, `${item.title}-${index}`))
         }
       );
     };
@@ -34158,7 +34158,7 @@ var init_SplitSection = __esm({
       const textContent = /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "md", className: "flex-1 min-w-0", children: [
         /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "h2", children: title }),
         typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", color: "muted", children: description }) : description,
-        bullets && bullets.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(VStack, { gap: "sm", children: bullets.map((bullet, index) => /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "sm", align: "start", className: "mt-0.5", children: [
+        Array.isArray(bullets) && bullets.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(VStack, { gap: "sm", children: bullets.map((bullet, index) => /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "sm", align: "start", className: "mt-0.5", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             Icon,
             {
@@ -37963,6 +37963,7 @@ var init_MarketingFooter = __esm({
       logo,
       className
     }) => {
+      const safeColumns = Array.isArray(columns) ? columns : [];
       return /* @__PURE__ */ jsxRuntime.jsx(
         Box,
         {
@@ -37976,7 +37977,7 @@ var init_MarketingFooter = __esm({
           children: /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "lg", className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
             /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "lg", align: "start", className: "flex-wrap w-full justify-between", children: [
               logo && /* @__PURE__ */ jsxRuntime.jsx(VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: logo.href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: logo.href, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo.src, alt: logo.alt, className: "h-8 w-auto" }) }) : /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo.src, alt: logo.alt, className: "h-8 w-auto" }) }),
-              columns.map((col) => /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: [
+              safeColumns.map((col) => /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   Typography,
                   {
@@ -37985,7 +37986,7 @@ var init_MarketingFooter = __esm({
                     children: col.title
                   }
                 ),
-                col.items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+                (Array.isArray(col.items) ? col.items : []).map((item) => /* @__PURE__ */ jsxRuntime.jsx(
                   "a",
                   {
                     href: item.href,
@@ -41950,7 +41951,7 @@ var init_LandingPageTemplate = __esm({
             background: resolved.hero.background
           }
         ),
-        resolved.features.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "bg-muted/20 py-16", children: /* @__PURE__ */ jsxRuntime.jsx(Container, { size: "xl", padding: "lg", children: /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "lg", children: [
+        Array.isArray(resolved.features) && resolved.features.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "bg-muted/20 py-16", children: /* @__PURE__ */ jsxRuntime.jsx(Container, { size: "xl", padding: "lg", children: /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "lg", children: [
           /* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { title: "Features" }),
           /* @__PURE__ */ jsxRuntime.jsx(
             FeatureGrid,
@@ -43767,7 +43768,7 @@ var init_PricingPageTemplate = __esm({
         /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "py-16", children: /* @__PURE__ */ jsxRuntime.jsx(Container, { size: "xl", padding: "lg", children: /* @__PURE__ */ jsxRuntime.jsx(
           PricingGrid,
           {
-            plans: resolved.plans.map((plan) => ({
+            plans: (Array.isArray(resolved.plans) ? resolved.plans : []).map((plan) => ({
               name: plan.name,
               price: plan.price,
               description: plan.description,
@@ -60300,6 +60301,14 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
           }));
           void slotSource;
           for (const [slot, patterns] of pendingSlots) {
+            stateLog.debug("flush:slot", {
+              traitName,
+              slot,
+              patternCount: patterns.length,
+              event: eventKey,
+              transition: `${result.previousState}->${result.newState}`,
+              cleared: patterns.length === 0
+            });
             flushSlot(traitName, slot, patterns);
           }
         } catch (error) {
@@ -60531,7 +60540,11 @@ function createHttpTransport(serverUrl) {
         const result = await res.json();
         return !!result.success;
       } catch (err) {
-        serverBridgeLog.error("Registration failed", { error: err instanceof Error ? err : String(err) });
+        if (err instanceof TypeError) {
+          serverBridgeLog.warn("Registration failed", { error: err.message });
+        } else {
+          serverBridgeLog.error("Registration failed", { error: err instanceof Error ? err : String(err) });
+        }
         return false;
       }
     },
@@ -60649,12 +60662,22 @@ function ServerBridgeProvider({
       }
       return { effects, meta };
     } catch (err) {
-      xOrbitalLog.error("response:network", {
-        orbital: orbitalName,
-        event,
-        error: err instanceof Error ? err.message : String(err)
-      });
-      return { effects: [], meta: { ...emptyMeta, error: err instanceof Error ? err.message : String(err) } };
+      const msg = err instanceof Error ? err.message : String(err);
+      if (err instanceof TypeError) {
+        xOrbitalLog.warn("response:network", {
+          orbital: orbitalName,
+          event,
+          error: msg,
+          reason: "peer endpoint unreachable (expected in standalone single-orbital mode)"
+        });
+      } else {
+        xOrbitalLog.error("response:network", {
+          orbital: orbitalName,
+          event,
+          error: msg
+        });
+      }
+      return { effects: [], meta: { ...emptyMeta, error: msg } };
     }
   }, [connected, transport, eventBus]);
   React98.useEffect(() => {

package/dist/avl/index.js

@@ -13669,7 +13669,7 @@ var init_AboutPageTemplate = __esm({
             background: resolved.hero.background
           }
         ),
-        resolved.articles.map((article, index) => /* @__PURE__ */ jsx(
+        (Array.isArray(resolved.articles) ? resolved.articles : []).map((article, index) => /* @__PURE__ */ jsx(
           Box,
           {
             className: cn("py-12", index % 2 !== 0 && "bg-muted/20"),
@@ -33783,7 +33783,7 @@ var init_FeatureGrid = __esm({
           cols: columns,
           gap,
           className: cn(className),
-          children: items.map((item, index) => /* @__PURE__ */ jsx(FeatureCard, { ...item }, `${item.title}-${index}`))
+          children: (Array.isArray(items) ? items : []).map((item, index) => /* @__PURE__ */ jsx(FeatureCard, { ...item }, `${item.title}-${index}`))
         }
       );
     };
@@ -34109,7 +34109,7 @@ var init_SplitSection = __esm({
       const textContent = /* @__PURE__ */ jsxs(VStack, { gap: "md", className: "flex-1 min-w-0", children: [
         /* @__PURE__ */ jsx(Typography, { variant: "h2", children: title }),
         typeof description === "string" ? /* @__PURE__ */ jsx(Typography, { variant: "body", color: "muted", children: description }) : description,
-        bullets && bullets.length > 0 && /* @__PURE__ */ jsx(VStack, { gap: "sm", children: bullets.map((bullet, index) => /* @__PURE__ */ jsxs(HStack, { gap: "sm", align: "start", className: "mt-0.5", children: [
+        Array.isArray(bullets) && bullets.length > 0 && /* @__PURE__ */ jsx(VStack, { gap: "sm", children: bullets.map((bullet, index) => /* @__PURE__ */ jsxs(HStack, { gap: "sm", align: "start", className: "mt-0.5", children: [
           /* @__PURE__ */ jsx(
             Icon,
             {
@@ -37914,6 +37914,7 @@ var init_MarketingFooter = __esm({
       logo,
       className
     }) => {
+      const safeColumns = Array.isArray(columns) ? columns : [];
       return /* @__PURE__ */ jsx(
         Box,
         {
@@ -37927,7 +37928,7 @@ var init_MarketingFooter = __esm({
           children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
             /* @__PURE__ */ jsxs(HStack, { gap: "lg", align: "start", className: "flex-wrap w-full justify-between", children: [
               logo && /* @__PURE__ */ jsx(VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: logo.href ? /* @__PURE__ */ jsx("a", { href: logo.href, children: /* @__PURE__ */ jsx("img", { src: logo.src, alt: logo.alt, className: "h-8 w-auto" }) }) : /* @__PURE__ */ jsx("img", { src: logo.src, alt: logo.alt, className: "h-8 w-auto" }) }),
-              columns.map((col) => /* @__PURE__ */ jsxs(VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: [
+              safeColumns.map((col) => /* @__PURE__ */ jsxs(VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: [
                 /* @__PURE__ */ jsx(
                   Typography,
                   {
@@ -37936,7 +37937,7 @@ var init_MarketingFooter = __esm({
                     children: col.title
                   }
                 ),
-                col.items.map((item) => /* @__PURE__ */ jsx(
+                (Array.isArray(col.items) ? col.items : []).map((item) => /* @__PURE__ */ jsx(
                   "a",
                   {
                     href: item.href,
@@ -41901,7 +41902,7 @@ var init_LandingPageTemplate = __esm({
             background: resolved.hero.background
           }
         ),
-        resolved.features.length > 0 && /* @__PURE__ */ jsx(Box, { className: "bg-muted/20 py-16", children: /* @__PURE__ */ jsx(Container, { size: "xl", padding: "lg", children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", children: [
+        Array.isArray(resolved.features) && resolved.features.length > 0 && /* @__PURE__ */ jsx(Box, { className: "bg-muted/20 py-16", children: /* @__PURE__ */ jsx(Container, { size: "xl", padding: "lg", children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", children: [
           /* @__PURE__ */ jsx(SectionHeader, { title: "Features" }),
           /* @__PURE__ */ jsx(
             FeatureGrid,
@@ -43718,7 +43719,7 @@ var init_PricingPageTemplate = __esm({
         /* @__PURE__ */ jsx(Box, { className: "py-16", children: /* @__PURE__ */ jsx(Container, { size: "xl", padding: "lg", children: /* @__PURE__ */ jsx(
           PricingGrid,
           {
-            plans: resolved.plans.map((plan) => ({
+            plans: (Array.isArray(resolved.plans) ? resolved.plans : []).map((plan) => ({
               name: plan.name,
               price: plan.price,
               description: plan.description,
@@ -60251,6 +60252,14 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
           }));
           void slotSource;
           for (const [slot, patterns] of pendingSlots) {
+            stateLog.debug("flush:slot", {
+              traitName,
+              slot,
+              patternCount: patterns.length,
+              event: eventKey,
+              transition: `${result.previousState}->${result.newState}`,
+              cleared: patterns.length === 0
+            });
             flushSlot(traitName, slot, patterns);
           }
         } catch (error) {
@@ -60482,7 +60491,11 @@ function createHttpTransport(serverUrl) {
         const result = await res.json();
         return !!result.success;
       } catch (err) {
-        serverBridgeLog.error("Registration failed", { error: err instanceof Error ? err : String(err) });
+        if (err instanceof TypeError) {
+          serverBridgeLog.warn("Registration failed", { error: err.message });
+        } else {
+          serverBridgeLog.error("Registration failed", { error: err instanceof Error ? err : String(err) });
+        }
         return false;
       }
     },
@@ -60600,12 +60613,22 @@ function ServerBridgeProvider({
       }
       return { effects, meta };
     } catch (err) {
-      xOrbitalLog.error("response:network", {
-        orbital: orbitalName,
-        event,
-        error: err instanceof Error ? err.message : String(err)
-      });
-      return { effects: [], meta: { ...emptyMeta, error: err instanceof Error ? err.message : String(err) } };
+      const msg = err instanceof Error ? err.message : String(err);
+      if (err instanceof TypeError) {
+        xOrbitalLog.warn("response:network", {
+          orbital: orbitalName,
+          event,
+          error: msg,
+          reason: "peer endpoint unreachable (expected in standalone single-orbital mode)"
+        });
+      } else {
+        xOrbitalLog.error("response:network", {
+          orbital: orbitalName,
+          event,
+          error: msg
+        });
+      }
+      return { effects: [], meta: { ...emptyMeta, error: msg } };
     }
   }, [connected, transport, eventBus]);
   useEffect(() => {

package/dist/components/index.cjs

@@ -7775,7 +7775,7 @@ var init_AboutPageTemplate = __esm({
             background: resolved.hero.background
           }
         ),
-        resolved.articles.map((article, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        (Array.isArray(resolved.articles) ? resolved.articles : []).map((article, index) => /* @__PURE__ */ jsxRuntime.jsx(
           exports.Box,
           {
             className: cn("py-12", index % 2 !== 0 && "bg-muted/20"),
@@ -29291,7 +29291,7 @@ var init_FeatureGrid = __esm({
           cols: columns,
           gap,
           className: cn(className),
-          children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(exports.FeatureCard, { ...item }, `${item.title}-${index}`))
+          children: (Array.isArray(items) ? items : []).map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(exports.FeatureCard, { ...item }, `${item.title}-${index}`))
         }
       );
     };
@@ -29617,7 +29617,7 @@ var init_SplitSection = __esm({
       const textContent = /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "md", className: "flex-1 min-w-0", children: [
         /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "h2", children: title }),
         typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", color: "muted", children: description }) : description,
-        bullets && bullets.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(exports.VStack, { gap: "sm", children: bullets.map((bullet, index) => /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "sm", align: "start", className: "mt-0.5", children: [
+        Array.isArray(bullets) && bullets.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(exports.VStack, { gap: "sm", children: bullets.map((bullet, index) => /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "sm", align: "start", className: "mt-0.5", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             exports.Icon,
             {
@@ -33422,6 +33422,7 @@ var init_MarketingFooter = __esm({
       logo,
       className
     }) => {
+      const safeColumns = Array.isArray(columns) ? columns : [];
       return /* @__PURE__ */ jsxRuntime.jsx(
         exports.Box,
         {
@@ -33435,7 +33436,7 @@ var init_MarketingFooter = __esm({
           children: /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "lg", className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
             /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "lg", align: "start", className: "flex-wrap w-full justify-between", children: [
               logo && /* @__PURE__ */ jsxRuntime.jsx(exports.VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: logo.href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: logo.href, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo.src, alt: logo.alt, className: "h-8 w-auto" }) }) : /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo.src, alt: logo.alt, className: "h-8 w-auto" }) }),
-              columns.map((col) => /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: [
+              safeColumns.map((col) => /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   exports.Typography,
                   {
@@ -33444,7 +33445,7 @@ var init_MarketingFooter = __esm({
                     children: col.title
                   }
                 ),
-                col.items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+                (Array.isArray(col.items) ? col.items : []).map((item) => /* @__PURE__ */ jsxRuntime.jsx(
                   "a",
                   {
                     href: item.href,
@@ -38008,7 +38009,7 @@ var init_LandingPageTemplate = __esm({
             background: resolved.hero.background
           }
         ),
-        resolved.features.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "bg-muted/20 py-16", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Container, { size: "xl", padding: "lg", children: /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "lg", children: [
+        Array.isArray(resolved.features) && resolved.features.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "bg-muted/20 py-16", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Container, { size: "xl", padding: "lg", children: /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "lg", children: [
           /* @__PURE__ */ jsxRuntime.jsx(exports.SectionHeader, { title: "Features" }),
           /* @__PURE__ */ jsxRuntime.jsx(
             exports.FeatureGrid,
@@ -39918,7 +39919,7 @@ var init_PricingPageTemplate = __esm({
         /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "py-16", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Container, { size: "xl", padding: "lg", children: /* @__PURE__ */ jsxRuntime.jsx(
           exports.PricingGrid,
           {
-            plans: resolved.plans.map((plan) => ({
+            plans: (Array.isArray(resolved.plans) ? resolved.plans : []).map((plan) => ({
               name: plan.name,
               price: plan.price,
               description: plan.description,

package/dist/components/index.js

@@ -7726,7 +7726,7 @@ var init_AboutPageTemplate = __esm({
             background: resolved.hero.background
           }
         ),
-        resolved.articles.map((article, index) => /* @__PURE__ */ jsx(
+        (Array.isArray(resolved.articles) ? resolved.articles : []).map((article, index) => /* @__PURE__ */ jsx(
           Box,
           {
             className: cn("py-12", index % 2 !== 0 && "bg-muted/20"),
@@ -29242,7 +29242,7 @@ var init_FeatureGrid = __esm({
           cols: columns,
           gap,
           className: cn(className),
-          children: items.map((item, index) => /* @__PURE__ */ jsx(FeatureCard, { ...item }, `${item.title}-${index}`))
+          children: (Array.isArray(items) ? items : []).map((item, index) => /* @__PURE__ */ jsx(FeatureCard, { ...item }, `${item.title}-${index}`))
         }
       );
     };
@@ -29568,7 +29568,7 @@ var init_SplitSection = __esm({
       const textContent = /* @__PURE__ */ jsxs(VStack, { gap: "md", className: "flex-1 min-w-0", children: [
         /* @__PURE__ */ jsx(Typography, { variant: "h2", children: title }),
         typeof description === "string" ? /* @__PURE__ */ jsx(Typography, { variant: "body", color: "muted", children: description }) : description,
-        bullets && bullets.length > 0 && /* @__PURE__ */ jsx(VStack, { gap: "sm", children: bullets.map((bullet, index) => /* @__PURE__ */ jsxs(HStack, { gap: "sm", align: "start", className: "mt-0.5", children: [
+        Array.isArray(bullets) && bullets.length > 0 && /* @__PURE__ */ jsx(VStack, { gap: "sm", children: bullets.map((bullet, index) => /* @__PURE__ */ jsxs(HStack, { gap: "sm", align: "start", className: "mt-0.5", children: [
           /* @__PURE__ */ jsx(
             Icon,
             {
@@ -33373,6 +33373,7 @@ var init_MarketingFooter = __esm({
       logo,
       className
     }) => {
+      const safeColumns = Array.isArray(columns) ? columns : [];
       return /* @__PURE__ */ jsx(
         Box,
         {
@@ -33386,7 +33387,7 @@ var init_MarketingFooter = __esm({
           children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
             /* @__PURE__ */ jsxs(HStack, { gap: "lg", align: "start", className: "flex-wrap w-full justify-between", children: [
               logo && /* @__PURE__ */ jsx(VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: logo.href ? /* @__PURE__ */ jsx("a", { href: logo.href, children: /* @__PURE__ */ jsx("img", { src: logo.src, alt: logo.alt, className: "h-8 w-auto" }) }) : /* @__PURE__ */ jsx("img", { src: logo.src, alt: logo.alt, className: "h-8 w-auto" }) }),
-              columns.map((col) => /* @__PURE__ */ jsxs(VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: [
+              safeColumns.map((col) => /* @__PURE__ */ jsxs(VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: [
                 /* @__PURE__ */ jsx(
                   Typography,
                   {
@@ -33395,7 +33396,7 @@ var init_MarketingFooter = __esm({
                     children: col.title
                   }
                 ),
-                col.items.map((item) => /* @__PURE__ */ jsx(
+                (Array.isArray(col.items) ? col.items : []).map((item) => /* @__PURE__ */ jsx(
                   "a",
                   {
                     href: item.href,
@@ -37959,7 +37960,7 @@ var init_LandingPageTemplate = __esm({
             background: resolved.hero.background
           }
         ),
-        resolved.features.length > 0 && /* @__PURE__ */ jsx(Box, { className: "bg-muted/20 py-16", children: /* @__PURE__ */ jsx(Container, { size: "xl", padding: "lg", children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", children: [
+        Array.isArray(resolved.features) && resolved.features.length > 0 && /* @__PURE__ */ jsx(Box, { className: "bg-muted/20 py-16", children: /* @__PURE__ */ jsx(Container, { size: "xl", padding: "lg", children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", children: [
           /* @__PURE__ */ jsx(SectionHeader, { title: "Features" }),
           /* @__PURE__ */ jsx(
             FeatureGrid,
@@ -39869,7 +39870,7 @@ var init_PricingPageTemplate = __esm({
         /* @__PURE__ */ jsx(Box, { className: "py-16", children: /* @__PURE__ */ jsx(Container, { size: "xl", padding: "lg", children: /* @__PURE__ */ jsx(
           PricingGrid,
           {
-            plans: resolved.plans.map((plan) => ({
+            plans: (Array.isArray(resolved.plans) ? resolved.plans : []).map((plan) => ({
               name: plan.name,
               price: plan.price,
               description: plan.description,

package/dist/marketing/index.cjs

@@ -4649,7 +4649,7 @@ var FeatureGrid = ({
       cols: columns,
       gap,
       className: cn(className),
-      children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(FeatureCard, { ...item }, `${item.title}-${index}`))
+      children: (Array.isArray(items) ? items : []).map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(FeatureCard, { ...item }, `${item.title}-${index}`))
     }
   );
 };
@@ -4748,7 +4748,7 @@ var SplitSection = ({
   const textContent = /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "md", className: "flex-1 min-w-0", children: [
     /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "h2", children: title }),
     typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", color: "muted", children: description }) : description,
-    bullets && bullets.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(VStack, { gap: "sm", children: bullets.map((bullet, index) => /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "sm", align: "start", className: "mt-0.5", children: [
+    Array.isArray(bullets) && bullets.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(VStack, { gap: "sm", children: bullets.map((bullet, index) => /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "sm", align: "start", className: "mt-0.5", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         Icon,
         {
@@ -5245,6 +5245,7 @@ var MarketingFooter = ({
   logo,
   className
 }) => {
+  const safeColumns = Array.isArray(columns) ? columns : [];
   return /* @__PURE__ */ jsxRuntime.jsx(
     Box,
     {
@@ -5258,7 +5259,7 @@ var MarketingFooter = ({
       children: /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "lg", className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
         /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "lg", align: "start", className: "flex-wrap w-full justify-between", children: [
           logo && /* @__PURE__ */ jsxRuntime.jsx(VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: logo.href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: logo.href, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo.src, alt: logo.alt, className: "h-8 w-auto" }) }) : /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo.src, alt: logo.alt, className: "h-8 w-auto" }) }),
-          columns.map((col) => /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: [
+          safeColumns.map((col) => /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               Typography,
               {
@@ -5267,7 +5268,7 @@ var MarketingFooter = ({
                 children: col.title
               }
             ),
-            col.items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+            (Array.isArray(col.items) ? col.items : []).map((item) => /* @__PURE__ */ jsxRuntime.jsx(
               "a",
               {
                 href: item.href,

package/dist/marketing/index.js

@@ -4622,7 +4622,7 @@ var FeatureGrid = ({
       cols: columns,
       gap,
       className: cn(className),
-      children: items.map((item, index) => /* @__PURE__ */ jsx(FeatureCard, { ...item }, `${item.title}-${index}`))
+      children: (Array.isArray(items) ? items : []).map((item, index) => /* @__PURE__ */ jsx(FeatureCard, { ...item }, `${item.title}-${index}`))
     }
   );
 };
@@ -4721,7 +4721,7 @@ var SplitSection = ({
   const textContent = /* @__PURE__ */ jsxs(VStack, { gap: "md", className: "flex-1 min-w-0", children: [
     /* @__PURE__ */ jsx(Typography, { variant: "h2", children: title }),
     typeof description === "string" ? /* @__PURE__ */ jsx(Typography, { variant: "body", color: "muted", children: description }) : description,
-    bullets && bullets.length > 0 && /* @__PURE__ */ jsx(VStack, { gap: "sm", children: bullets.map((bullet, index) => /* @__PURE__ */ jsxs(HStack, { gap: "sm", align: "start", className: "mt-0.5", children: [
+    Array.isArray(bullets) && bullets.length > 0 && /* @__PURE__ */ jsx(VStack, { gap: "sm", children: bullets.map((bullet, index) => /* @__PURE__ */ jsxs(HStack, { gap: "sm", align: "start", className: "mt-0.5", children: [
       /* @__PURE__ */ jsx(
         Icon,
         {
@@ -5218,6 +5218,7 @@ var MarketingFooter = ({
   logo,
   className
 }) => {
+  const safeColumns = Array.isArray(columns) ? columns : [];
   return /* @__PURE__ */ jsx(
     Box,
     {
@@ -5231,7 +5232,7 @@ var MarketingFooter = ({
       children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
         /* @__PURE__ */ jsxs(HStack, { gap: "lg", align: "start", className: "flex-wrap w-full justify-between", children: [
           logo && /* @__PURE__ */ jsx(VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: logo.href ? /* @__PURE__ */ jsx("a", { href: logo.href, children: /* @__PURE__ */ jsx("img", { src: logo.src, alt: logo.alt, className: "h-8 w-auto" }) }) : /* @__PURE__ */ jsx("img", { src: logo.src, alt: logo.alt, className: "h-8 w-auto" }) }),
-          columns.map((col) => /* @__PURE__ */ jsxs(VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: [
+          safeColumns.map((col) => /* @__PURE__ */ jsxs(VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: [
             /* @__PURE__ */ jsx(
               Typography,
               {
@@ -5240,7 +5241,7 @@ var MarketingFooter = ({
                 children: col.title
               }
             ),
-            col.items.map((item) => /* @__PURE__ */ jsx(
+            (Array.isArray(col.items) ? col.items : []).map((item) => /* @__PURE__ */ jsx(
               "a",
               {
                 href: item.href,

package/dist/providers/index.cjs

@@ -9343,7 +9343,7 @@ var init_AboutPageTemplate = __esm({
             background: resolved.hero.background
           }
         ),
-        resolved.articles.map((article, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        (Array.isArray(resolved.articles) ? resolved.articles : []).map((article, index) => /* @__PURE__ */ jsxRuntime.jsx(
           Box,
           {
             className: cn("py-12", index % 2 !== 0 && "bg-muted/20"),
@@ -30244,7 +30244,7 @@ var init_FeatureGrid = __esm({
           cols: columns,
           gap,
           className: cn(className),
-          children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(FeatureCard, { ...item }, `${item.title}-${index}`))
+          children: (Array.isArray(items) ? items : []).map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(FeatureCard, { ...item }, `${item.title}-${index}`))
         }
       );
     };
@@ -30570,7 +30570,7 @@ var init_SplitSection = __esm({
       const textContent = /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "md", className: "flex-1 min-w-0", children: [
         /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "h2", children: title }),
         typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", color: "muted", children: description }) : description,
-        bullets && bullets.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(VStack, { gap: "sm", children: bullets.map((bullet, index) => /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "sm", align: "start", className: "mt-0.5", children: [
+        Array.isArray(bullets) && bullets.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(VStack, { gap: "sm", children: bullets.map((bullet, index) => /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "sm", align: "start", className: "mt-0.5", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             Icon,
             {
@@ -34375,6 +34375,7 @@ var init_MarketingFooter = __esm({
       logo,
       className
     }) => {
+      const safeColumns = Array.isArray(columns) ? columns : [];
       return /* @__PURE__ */ jsxRuntime.jsx(
         Box,
         {
@@ -34388,7 +34389,7 @@ var init_MarketingFooter = __esm({
           children: /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "lg", className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
             /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "lg", align: "start", className: "flex-wrap w-full justify-between", children: [
               logo && /* @__PURE__ */ jsxRuntime.jsx(VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: logo.href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: logo.href, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo.src, alt: logo.alt, className: "h-8 w-auto" }) }) : /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo.src, alt: logo.alt, className: "h-8 w-auto" }) }),
-              columns.map((col) => /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: [
+              safeColumns.map((col) => /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   Typography,
                   {
@@ -34397,7 +34398,7 @@ var init_MarketingFooter = __esm({
                     children: col.title
                   }
                 ),
-                col.items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+                (Array.isArray(col.items) ? col.items : []).map((item) => /* @__PURE__ */ jsxRuntime.jsx(
                   "a",
                   {
                     href: item.href,
@@ -38765,7 +38766,7 @@ var init_LandingPageTemplate = __esm({
             background: resolved.hero.background
           }
         ),
-        resolved.features.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "bg-muted/20 py-16", children: /* @__PURE__ */ jsxRuntime.jsx(Container, { size: "xl", padding: "lg", children: /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "lg", children: [
+        Array.isArray(resolved.features) && resolved.features.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "bg-muted/20 py-16", children: /* @__PURE__ */ jsxRuntime.jsx(Container, { size: "xl", padding: "lg", children: /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "lg", children: [
           /* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { title: "Features" }),
           /* @__PURE__ */ jsxRuntime.jsx(
             FeatureGrid,
@@ -40582,7 +40583,7 @@ var init_PricingPageTemplate = __esm({
         /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "py-16", children: /* @__PURE__ */ jsxRuntime.jsx(Container, { size: "xl", padding: "lg", children: /* @__PURE__ */ jsxRuntime.jsx(
           PricingGrid,
           {
-            plans: resolved.plans.map((plan) => ({
+            plans: (Array.isArray(resolved.plans) ? resolved.plans : []).map((plan) => ({
               name: plan.name,
               price: plan.price,
               description: plan.description,

package/dist/providers/index.js

@@ -9294,7 +9294,7 @@ var init_AboutPageTemplate = __esm({
             background: resolved.hero.background
           }
         ),
-        resolved.articles.map((article, index) => /* @__PURE__ */ jsx(
+        (Array.isArray(resolved.articles) ? resolved.articles : []).map((article, index) => /* @__PURE__ */ jsx(
           Box,
           {
             className: cn("py-12", index % 2 !== 0 && "bg-muted/20"),
@@ -30195,7 +30195,7 @@ var init_FeatureGrid = __esm({
           cols: columns,
           gap,
           className: cn(className),
-          children: items.map((item, index) => /* @__PURE__ */ jsx(FeatureCard, { ...item }, `${item.title}-${index}`))
+          children: (Array.isArray(items) ? items : []).map((item, index) => /* @__PURE__ */ jsx(FeatureCard, { ...item }, `${item.title}-${index}`))
         }
       );
     };
@@ -30521,7 +30521,7 @@ var init_SplitSection = __esm({
       const textContent = /* @__PURE__ */ jsxs(VStack, { gap: "md", className: "flex-1 min-w-0", children: [
         /* @__PURE__ */ jsx(Typography, { variant: "h2", children: title }),
         typeof description === "string" ? /* @__PURE__ */ jsx(Typography, { variant: "body", color: "muted", children: description }) : description,
-        bullets && bullets.length > 0 && /* @__PURE__ */ jsx(VStack, { gap: "sm", children: bullets.map((bullet, index) => /* @__PURE__ */ jsxs(HStack, { gap: "sm", align: "start", className: "mt-0.5", children: [
+        Array.isArray(bullets) && bullets.length > 0 && /* @__PURE__ */ jsx(VStack, { gap: "sm", children: bullets.map((bullet, index) => /* @__PURE__ */ jsxs(HStack, { gap: "sm", align: "start", className: "mt-0.5", children: [
           /* @__PURE__ */ jsx(
             Icon,
             {
@@ -34326,6 +34326,7 @@ var init_MarketingFooter = __esm({
       logo,
       className
     }) => {
+      const safeColumns = Array.isArray(columns) ? columns : [];
       return /* @__PURE__ */ jsx(
         Box,
         {
@@ -34339,7 +34340,7 @@ var init_MarketingFooter = __esm({
           children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
             /* @__PURE__ */ jsxs(HStack, { gap: "lg", align: "start", className: "flex-wrap w-full justify-between", children: [
               logo && /* @__PURE__ */ jsx(VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: logo.href ? /* @__PURE__ */ jsx("a", { href: logo.href, children: /* @__PURE__ */ jsx("img", { src: logo.src, alt: logo.alt, className: "h-8 w-auto" }) }) : /* @__PURE__ */ jsx("img", { src: logo.src, alt: logo.alt, className: "h-8 w-auto" }) }),
-              columns.map((col) => /* @__PURE__ */ jsxs(VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: [
+              safeColumns.map((col) => /* @__PURE__ */ jsxs(VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: [
                 /* @__PURE__ */ jsx(
                   Typography,
                   {
@@ -34348,7 +34349,7 @@ var init_MarketingFooter = __esm({
                     children: col.title
                   }
                 ),
-                col.items.map((item) => /* @__PURE__ */ jsx(
+                (Array.isArray(col.items) ? col.items : []).map((item) => /* @__PURE__ */ jsx(
                   "a",
                   {
                     href: item.href,
@@ -38716,7 +38717,7 @@ var init_LandingPageTemplate = __esm({
             background: resolved.hero.background
           }
         ),
-        resolved.features.length > 0 && /* @__PURE__ */ jsx(Box, { className: "bg-muted/20 py-16", children: /* @__PURE__ */ jsx(Container, { size: "xl", padding: "lg", children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", children: [
+        Array.isArray(resolved.features) && resolved.features.length > 0 && /* @__PURE__ */ jsx(Box, { className: "bg-muted/20 py-16", children: /* @__PURE__ */ jsx(Container, { size: "xl", padding: "lg", children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", children: [
           /* @__PURE__ */ jsx(SectionHeader, { title: "Features" }),
           /* @__PURE__ */ jsx(
             FeatureGrid,
@@ -40533,7 +40534,7 @@ var init_PricingPageTemplate = __esm({
         /* @__PURE__ */ jsx(Box, { className: "py-16", children: /* @__PURE__ */ jsx(Container, { size: "xl", padding: "lg", children: /* @__PURE__ */ jsx(
           PricingGrid,
           {
-            plans: resolved.plans.map((plan) => ({
+            plans: (Array.isArray(resolved.plans) ? resolved.plans : []).map((plan) => ({
               name: plan.name,
               price: plan.price,
               description: plan.description,

package/dist/runtime/index.cjs

@@ -9231,7 +9231,7 @@ var init_AboutPageTemplate = __esm({
             background: resolved.hero.background
           }
         ),
-        resolved.articles.map((article, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        (Array.isArray(resolved.articles) ? resolved.articles : []).map((article, index) => /* @__PURE__ */ jsxRuntime.jsx(
           Box,
           {
             className: cn("py-12", index % 2 !== 0 && "bg-muted/20"),
@@ -29811,7 +29811,7 @@ var init_FeatureGrid = __esm({
           cols: columns,
           gap,
           className: cn(className),
-          children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(FeatureCard, { ...item }, `${item.title}-${index}`))
+          children: (Array.isArray(items) ? items : []).map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(FeatureCard, { ...item }, `${item.title}-${index}`))
         }
       );
     };
@@ -30137,7 +30137,7 @@ var init_SplitSection = __esm({
       const textContent = /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "md", className: "flex-1 min-w-0", children: [
         /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "h2", children: title }),
         typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", color: "muted", children: description }) : description,
-        bullets && bullets.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(VStack, { gap: "sm", children: bullets.map((bullet, index) => /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "sm", align: "start", className: "mt-0.5", children: [
+        Array.isArray(bullets) && bullets.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(VStack, { gap: "sm", children: bullets.map((bullet, index) => /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "sm", align: "start", className: "mt-0.5", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             Icon,
             {
@@ -33942,6 +33942,7 @@ var init_MarketingFooter = __esm({
       logo,
       className
     }) => {
+      const safeColumns = Array.isArray(columns) ? columns : [];
       return /* @__PURE__ */ jsxRuntime.jsx(
         Box,
         {
@@ -33955,7 +33956,7 @@ var init_MarketingFooter = __esm({
           children: /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "lg", className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
             /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "lg", align: "start", className: "flex-wrap w-full justify-between", children: [
               logo && /* @__PURE__ */ jsxRuntime.jsx(VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: logo.href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: logo.href, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo.src, alt: logo.alt, className: "h-8 w-auto" }) }) : /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo.src, alt: logo.alt, className: "h-8 w-auto" }) }),
-              columns.map((col) => /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: [
+              safeColumns.map((col) => /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   Typography,
                   {
@@ -33964,7 +33965,7 @@ var init_MarketingFooter = __esm({
                     children: col.title
                   }
                 ),
-                col.items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+                (Array.isArray(col.items) ? col.items : []).map((item) => /* @__PURE__ */ jsxRuntime.jsx(
                   "a",
                   {
                     href: item.href,
@@ -38332,7 +38333,7 @@ var init_LandingPageTemplate = __esm({
             background: resolved.hero.background
           }
         ),
-        resolved.features.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "bg-muted/20 py-16", children: /* @__PURE__ */ jsxRuntime.jsx(Container, { size: "xl", padding: "lg", children: /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "lg", children: [
+        Array.isArray(resolved.features) && resolved.features.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "bg-muted/20 py-16", children: /* @__PURE__ */ jsxRuntime.jsx(Container, { size: "xl", padding: "lg", children: /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "lg", children: [
           /* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { title: "Features" }),
           /* @__PURE__ */ jsxRuntime.jsx(
             FeatureGrid,
@@ -40149,7 +40150,7 @@ var init_PricingPageTemplate = __esm({
         /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "py-16", children: /* @__PURE__ */ jsxRuntime.jsx(Container, { size: "xl", padding: "lg", children: /* @__PURE__ */ jsxRuntime.jsx(
           PricingGrid,
           {
-            plans: resolved.plans.map((plan) => ({
+            plans: (Array.isArray(resolved.plans) ? resolved.plans : []).map((plan) => ({
               name: plan.name,
               price: plan.price,
               description: plan.description,
@@ -47705,6 +47706,14 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
           }));
           void slotSource;
           for (const [slot, patterns] of pendingSlots) {
+            stateLog.debug("flush:slot", {
+              traitName,
+              slot,
+              patternCount: patterns.length,
+              event: eventKey,
+              transition: `${result.previousState}->${result.newState}`,
+              cleared: patterns.length === 0
+            });
             flushSlot(traitName, slot, patterns);
           }
         } catch (error) {
@@ -48173,7 +48182,11 @@ function createHttpTransport(serverUrl) {
         const result = await res.json();
         return !!result.success;
       } catch (err) {
-        serverBridgeLog.error("Registration failed", { error: err instanceof Error ? err : String(err) });
+        if (err instanceof TypeError) {
+          serverBridgeLog.warn("Registration failed", { error: err.message });
+        } else {
+          serverBridgeLog.error("Registration failed", { error: err instanceof Error ? err : String(err) });
+        }
         return false;
       }
     },
@@ -48291,12 +48304,22 @@ function ServerBridgeProvider({
       }
       return { effects, meta };
     } catch (err) {
-      xOrbitalLog.error("response:network", {
-        orbital: orbitalName,
-        event,
-        error: err instanceof Error ? err.message : String(err)
-      });
-      return { effects: [], meta: { ...emptyMeta, error: err instanceof Error ? err.message : String(err) } };
+      const msg = err instanceof Error ? err.message : String(err);
+      if (err instanceof TypeError) {
+        xOrbitalLog.warn("response:network", {
+          orbital: orbitalName,
+          event,
+          error: msg,
+          reason: "peer endpoint unreachable (expected in standalone single-orbital mode)"
+        });
+      } else {
+        xOrbitalLog.error("response:network", {
+          orbital: orbitalName,
+          event,
+          error: msg
+        });
+      }
+      return { effects: [], meta: { ...emptyMeta, error: msg } };
     }
   }, [connected, transport, eventBus]);
   React85.useEffect(() => {

package/dist/runtime/index.js

@@ -9182,7 +9182,7 @@ var init_AboutPageTemplate = __esm({
             background: resolved.hero.background
           }
         ),
-        resolved.articles.map((article, index) => /* @__PURE__ */ jsx(
+        (Array.isArray(resolved.articles) ? resolved.articles : []).map((article, index) => /* @__PURE__ */ jsx(
           Box,
           {
             className: cn("py-12", index % 2 !== 0 && "bg-muted/20"),
@@ -29762,7 +29762,7 @@ var init_FeatureGrid = __esm({
           cols: columns,
           gap,
           className: cn(className),
-          children: items.map((item, index) => /* @__PURE__ */ jsx(FeatureCard, { ...item }, `${item.title}-${index}`))
+          children: (Array.isArray(items) ? items : []).map((item, index) => /* @__PURE__ */ jsx(FeatureCard, { ...item }, `${item.title}-${index}`))
         }
       );
     };
@@ -30088,7 +30088,7 @@ var init_SplitSection = __esm({
       const textContent = /* @__PURE__ */ jsxs(VStack, { gap: "md", className: "flex-1 min-w-0", children: [
         /* @__PURE__ */ jsx(Typography, { variant: "h2", children: title }),
         typeof description === "string" ? /* @__PURE__ */ jsx(Typography, { variant: "body", color: "muted", children: description }) : description,
-        bullets && bullets.length > 0 && /* @__PURE__ */ jsx(VStack, { gap: "sm", children: bullets.map((bullet, index) => /* @__PURE__ */ jsxs(HStack, { gap: "sm", align: "start", className: "mt-0.5", children: [
+        Array.isArray(bullets) && bullets.length > 0 && /* @__PURE__ */ jsx(VStack, { gap: "sm", children: bullets.map((bullet, index) => /* @__PURE__ */ jsxs(HStack, { gap: "sm", align: "start", className: "mt-0.5", children: [
           /* @__PURE__ */ jsx(
             Icon,
             {
@@ -33893,6 +33893,7 @@ var init_MarketingFooter = __esm({
       logo,
       className
     }) => {
+      const safeColumns = Array.isArray(columns) ? columns : [];
       return /* @__PURE__ */ jsx(
         Box,
         {
@@ -33906,7 +33907,7 @@ var init_MarketingFooter = __esm({
           children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
             /* @__PURE__ */ jsxs(HStack, { gap: "lg", align: "start", className: "flex-wrap w-full justify-between", children: [
               logo && /* @__PURE__ */ jsx(VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: logo.href ? /* @__PURE__ */ jsx("a", { href: logo.href, children: /* @__PURE__ */ jsx("img", { src: logo.src, alt: logo.alt, className: "h-8 w-auto" }) }) : /* @__PURE__ */ jsx("img", { src: logo.src, alt: logo.alt, className: "h-8 w-auto" }) }),
-              columns.map((col) => /* @__PURE__ */ jsxs(VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: [
+              safeColumns.map((col) => /* @__PURE__ */ jsxs(VStack, { gap: "sm", className: "min-w-[140px] mb-4", children: [
                 /* @__PURE__ */ jsx(
                   Typography,
                   {
@@ -33915,7 +33916,7 @@ var init_MarketingFooter = __esm({
                     children: col.title
                   }
                 ),
-                col.items.map((item) => /* @__PURE__ */ jsx(
+                (Array.isArray(col.items) ? col.items : []).map((item) => /* @__PURE__ */ jsx(
                   "a",
                   {
                     href: item.href,
@@ -38283,7 +38284,7 @@ var init_LandingPageTemplate = __esm({
             background: resolved.hero.background
           }
         ),
-        resolved.features.length > 0 && /* @__PURE__ */ jsx(Box, { className: "bg-muted/20 py-16", children: /* @__PURE__ */ jsx(Container, { size: "xl", padding: "lg", children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", children: [
+        Array.isArray(resolved.features) && resolved.features.length > 0 && /* @__PURE__ */ jsx(Box, { className: "bg-muted/20 py-16", children: /* @__PURE__ */ jsx(Container, { size: "xl", padding: "lg", children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", children: [
           /* @__PURE__ */ jsx(SectionHeader, { title: "Features" }),
           /* @__PURE__ */ jsx(
             FeatureGrid,
@@ -40100,7 +40101,7 @@ var init_PricingPageTemplate = __esm({
         /* @__PURE__ */ jsx(Box, { className: "py-16", children: /* @__PURE__ */ jsx(Container, { size: "xl", padding: "lg", children: /* @__PURE__ */ jsx(
           PricingGrid,
           {
-            plans: resolved.plans.map((plan) => ({
+            plans: (Array.isArray(resolved.plans) ? resolved.plans : []).map((plan) => ({
               name: plan.name,
               price: plan.price,
               description: plan.description,
@@ -47656,6 +47657,14 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
           }));
           void slotSource;
           for (const [slot, patterns] of pendingSlots) {
+            stateLog.debug("flush:slot", {
+              traitName,
+              slot,
+              patternCount: patterns.length,
+              event: eventKey,
+              transition: `${result.previousState}->${result.newState}`,
+              cleared: patterns.length === 0
+            });
             flushSlot(traitName, slot, patterns);
           }
         } catch (error) {
@@ -48124,7 +48133,11 @@ function createHttpTransport(serverUrl) {
         const result = await res.json();
         return !!result.success;
       } catch (err) {
-        serverBridgeLog.error("Registration failed", { error: err instanceof Error ? err : String(err) });
+        if (err instanceof TypeError) {
+          serverBridgeLog.warn("Registration failed", { error: err.message });
+        } else {
+          serverBridgeLog.error("Registration failed", { error: err instanceof Error ? err : String(err) });
+        }
         return false;
       }
     },
@@ -48242,12 +48255,22 @@ function ServerBridgeProvider({
       }
       return { effects, meta };
     } catch (err) {
-      xOrbitalLog.error("response:network", {
-        orbital: orbitalName,
-        event,
-        error: err instanceof Error ? err.message : String(err)
-      });
-      return { effects: [], meta: { ...emptyMeta, error: err instanceof Error ? err.message : String(err) } };
+      const msg = err instanceof Error ? err.message : String(err);
+      if (err instanceof TypeError) {
+        xOrbitalLog.warn("response:network", {
+          orbital: orbitalName,
+          event,
+          error: msg,
+          reason: "peer endpoint unreachable (expected in standalone single-orbital mode)"
+        });
+      } else {
+        xOrbitalLog.error("response:network", {
+          orbital: orbitalName,
+          event,
+          error: msg
+        });
+      }
+      return { effects: [], meta: { ...emptyMeta, error: msg } };
     }
   }, [connected, transport, eventBus]);
   useEffect(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "5.5.9",
+  "version": "5.7.0",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [
@@ -133,7 +133,7 @@
     "@almadar/evaluator": ">=2.9.2",
     "@almadar/logger": "^1.3.0",
     "@almadar/patterns": "^2.26.0",
-    "@almadar/runtime": "^6.4.1",
+    "@almadar/runtime": "^6.7.0",
     "@almadar/std": ">=6.4.1",
     "@almadar/syntax": ">=1.3.1",
     "@dnd-kit/core": "^6.3.1",