fix: prevent charts crash during streaming with null data

packages/react-ui/src/genui-lib/Charts/AreaChartCondensed.ts

@@ -21,7 +21,7 @@ export const AreaChartCondensed = defineComponent({
   description: "Filled area under lines; use for cumulative totals or volume trends over time",
   component: ({ props }) => {
     if (!hasAllProps(props as Record<string, unknown>, "labels", "series")) return null;
-    const data = buildChartData(props.labels, props.series);
+    const data = buildChartData(props.labels, props.series) ?? [];
     if (!data.length) return null;
     return React.createElement(AreaChartCondensedComponent, {
       data,

packages/react-ui/src/genui-lib/Charts/BarChartCondensed.ts

@@ -21,7 +21,7 @@ export const BarChartCondensed = defineComponent({
   description: "Vertical bars; use for comparing values across categories with one or more series",
   component: ({ props }) => {
     if (!hasAllProps(props as Record<string, unknown>, "labels", "series")) return null;
-    const data = buildChartData(props.labels, props.series);
+    const data = buildChartData(props.labels, props.series) ?? [];
     if (!data.length) return null;
     return React.createElement(BarChartCondensedComponent, {
       data,

packages/react-ui/src/genui-lib/Charts/HorizontalBarChart.ts

@@ -21,7 +21,7 @@ export const HorizontalBarChart = defineComponent({
   description: "Horizontal bars; prefer when category labels are long or for ranked lists",
   component: ({ props }) => {
     if (!hasAllProps(props as Record<string, unknown>, "labels", "series")) return null;
-    const data = buildChartData(props.labels, props.series);
+    const data = buildChartData(props.labels, props.series) ?? [];
     if (!data.length) return null;
     return React.createElement(HorizontalBarChartComponent, {
       data,

packages/react-ui/src/genui-lib/Charts/LineChartCondensed.ts

@@ -21,7 +21,7 @@ export const LineChartCondensed = defineComponent({
   description: "Lines over categories; use for trends and continuous data over time",
   component: ({ props }) => {
     if (!hasAllProps(props as Record<string, unknown>, "labels", "series")) return null;
-    const data = buildChartData(props.labels, props.series);
+    const data = buildChartData(props.labels, props.series) ?? [];
     if (!data.length) return null;
     return React.createElement(LineChartCondensedComponent, {
       data,

packages/react-ui/src/genui-lib/Charts/PieChart.ts

@@ -30,7 +30,7 @@ export const PieChart = defineComponent({
       const data = labels.map((cat, i) => ({
         category: cat,
         value: typeof values[i] === "number" ? values[i] : 0,
-      }));
+      })) ?? [];
       return React.createElement(PieChartComponent, {
         data,
         categoryKey: "category",

packages/react-ui/src/genui-lib/Charts/RadarChart.ts

@@ -18,7 +18,7 @@ export const RadarChart = defineComponent({
   description: "Spider/web chart; use for comparing multiple variables across one or more entities",
   component: ({ props }) => {
     if (!hasAllProps(props as Record<string, unknown>, "labels", "series")) return null;
-    const data = buildChartData(props.labels, props.series);
+    const data = buildChartData(props.labels, props.series) ?? [];
     if (!data.length) return null;
     return React.createElement(RadarChartComponent, {
       data,

packages/react-ui/src/genui-lib/Charts/RadialChart.ts

@@ -23,7 +23,7 @@ export const RadialChart = defineComponent({
       const data = labels.map((cat, i) => ({
         category: cat,
         value: typeof values[i] === "number" ? values[i] : 0,
-      }));
+      })) ?? [];
       if (!data.length) return null;
       return React.createElement(RadialChartComponent, {
         data,

packages/react-ui/src/genui-lib/Charts/ScatterChart.ts

@@ -36,7 +36,7 @@ export const ScatterChart = defineComponent({
           };
         }),
       };
-    });
+    }) ?? [];
     if (!data.length) return null;
     return React.createElement(ScatterChartComponent, {
       data,

packages/react-ui/src/genui-lib/Charts/SingleStackedBarChart.ts

@@ -24,7 +24,7 @@ export const SingleStackedBarChart = defineComponent({
       const data = labels.map((cat, i) => ({
         category: cat,
         value: typeof values[i] === "number" ? values[i] : 0,
-      }));
+      })) ?? [];
       if (!data.length) return null;
       return React.createElement(SingleStackedBarChartComponent, {
         data,