drizzle-cube 0.5.8 → 0.6.1

package/dist/client/chunks/chart-pie-BjAIhyOi.js

@@ -1,172 +0,0 @@
-import { n as e } from "./rolldown-runtime-CWhphoD1.js";
-import { D as t, S as n, _ as r, k as i, n as a, x as o, y as s } from "./chart-activity-grid-DmruKPab.js";
-import { c, l } from "./chart-area-DHCPM4Em.js";
-import u, { useState as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { Cell as m, Legend as h, Pie as g, PieChart as _ } from "recharts";
-//#region src/client/components/charts/PieChart.tsx
-var v = /* @__PURE__ */ e({ default: () => y }), y = u.memo(function({ data: e, chartConfig: u, displayConfig: v = {}, queryObject: y, height: b = "100%", colorPalette: x, onDataPointClick: S, drillEnabled: C }) {
-	let { t: w } = i(), [T, E] = d(null), D = r();
-	try {
-		let r = {
-			showLegend: v?.showLegend ?? !0,
-			showTooltip: v?.showTooltip ?? !0,
-			leftYAxisFormat: v?.leftYAxisFormat,
-			innerRadius: v?.innerRadius || "0%"
-		};
-		if (!e || e.length === 0) return /* @__PURE__ */ f("div", {
-			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
-			style: { height: b },
-			children: /* @__PURE__ */ p("div", {
-				className: "dc:text-center",
-				children: [/* @__PURE__ */ f("div", {
-					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: w("chart.runtime.noData")
-				}), /* @__PURE__ */ f("div", {
-					className: "dc:text-xs text-dc-text-secondary",
-					children: w("chart.runtime.noDataHint.pie")
-				})]
-			})
-		});
-		let i, d, O, k = [];
-		if (u?.xAxis && u?.yAxis) d = Array.isArray(u.xAxis) ? u.xAxis[0] : u.xAxis, O = Array.isArray(u.yAxis) ? u.yAxis : [u.yAxis], k = u.series || [];
-		else if (u?.x && u?.y) d = u.x, O = Array.isArray(u.y) ? u.y : [u.y];
-		else return /* @__PURE__ */ f("div", {
-			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning",
-			style: { height: b },
-			children: /* @__PURE__ */ p("div", {
-				className: "dc:text-center",
-				children: [/* @__PURE__ */ f("div", {
-					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: w("chart.runtime.configError")
-				}), /* @__PURE__ */ f("div", {
-					className: "dc:text-xs",
-					children: w("chart.runtime.configErrorHint.pieAxis")
-				})]
-			})
-		});
-		if (!d || !O || O.length === 0) return /* @__PURE__ */ f("div", {
-			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning",
-			style: { height: b },
-			children: /* @__PURE__ */ p("div", {
-				className: "dc:text-center",
-				children: [/* @__PURE__ */ f("div", {
-					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: w("chart.runtime.configError")
-				}), /* @__PURE__ */ f("div", {
-					className: "dc:text-xs",
-					children: w("chart.runtime.configErrorHint.axisFields")
-				})]
-			})
-		});
-		if (k.length > 0) {
-			let { data: n } = t(e, d, O, y, k, D);
-			if (i = [], n.length > 0) {
-				let e = n[0];
-				Object.keys(e).forEach((t) => {
-					t !== "name" && typeof e[t] == "number" && i.push({
-						name: String(t),
-						value: e[t]
-					});
-				});
-			}
-		} else {
-			let t = n(y, d);
-			i = e.map((e) => {
-				let n = o(e[d], t) || String(e[d]) || "Unknown";
-				return typeof e[d] == "boolean" ? n = e[d] ? "Active" : "Inactive" : (n === "true" || n === "false") && (n = n === "true" ? "Active" : "Inactive"), {
-					name: n,
-					value: typeof e[O[0]] == "string" ? parseFloat(e[O[0]]) : e[O[0]] || 0
-				};
-			});
-		}
-		let A = i.length;
-		return i = i.filter((e) => e.value != null && !isNaN(e.value) && e.value !== 0 && e.value > 0), i.length === 0 ? /* @__PURE__ */ f("div", {
-			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
-			style: { height: b },
-			children: /* @__PURE__ */ p("div", {
-				className: "dc:text-center",
-				children: [/* @__PURE__ */ f("div", {
-					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: w("chart.runtime.noValidData")
-				}), /* @__PURE__ */ f("div", {
-					className: "dc:text-xs text-dc-text-secondary",
-					children: A > 0 ? `Filtered out ${A} data points (zero or invalid values)` : "No data points to display in pie chart"
-				})]
-			})
-		}) : /* @__PURE__ */ f(l, {
-			height: b,
-			children: /* @__PURE__ */ p(_, {
-				accessibilityLayer: !1,
-				children: [
-					/* @__PURE__ */ f(g, {
-						data: i,
-						cx: "50%",
-						cy: "50%",
-						innerRadius: r.innerRadius === "0%" ? void 0 : r.innerRadius,
-						outerRadius: "70%",
-						dataKey: "value",
-						label: r.showLegend ? void 0 : ({ name: e, percent: t }) => `${e} ${((t || 0) * 100).toFixed(0)}%`,
-						cursor: C ? "pointer" : void 0,
-						onClick: (e, t, n) => {
-							S && C && e && S({
-								dataPoint: e,
-								clickedField: O[0],
-								xValue: e.name,
-								position: {
-									x: n.clientX,
-									y: n.clientY
-								},
-								nativeEvent: n
-							});
-						},
-						children: i.map((e, t) => /* @__PURE__ */ f(m, {
-							fill: x?.colors && x.colors[t % x.colors.length] || a[t % a.length],
-							fillOpacity: T ? T === i[t].name ? 1 : .3 : 1
-						}, `cell-${t}`))
-					}),
-					r.showTooltip && /* @__PURE__ */ f(c, { formatter: r.leftYAxisFormat ? (e, t) => [s(e, r.leftYAxisFormat), t] : void 0 }),
-					r.showLegend && /* @__PURE__ */ f(h, {
-						wrapperStyle: {
-							fontSize: "12px",
-							paddingTop: "10px"
-						},
-						iconType: "circle",
-						iconSize: 8,
-						layout: "horizontal",
-						align: "center",
-						verticalAlign: "bottom",
-						onMouseEnter: (e) => E(String(e.value || "")),
-						onMouseLeave: () => E(null)
-					})
-				]
-			})
-		});
-	} catch (e) {
-		return /* @__PURE__ */ f("div", {
-			className: "dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4",
-			style: { height: b },
-			children: /* @__PURE__ */ p("div", {
-				className: "dc:text-center",
-				children: [
-					/* @__PURE__ */ f("div", {
-						className: "dc:text-sm dc:font-semibold dc:mb-1",
-						children: w("chart.runtime.chartError", { chartType: "Pie Chart" })
-					}),
-					/* @__PURE__ */ f("div", {
-						className: "dc:text-xs dc:mb-2",
-						children: e instanceof Error ? e.message : w("chart.runtime.unknownError")
-					}),
-					/* @__PURE__ */ f("div", {
-						className: "dc:text-xs text-dc-text-muted",
-						children: w("chart.runtime.checkConfig")
-					})
-				]
-			})
-		});
-	}
-});
-//#endregion
-export { v as n, y as t };
-
-//# sourceMappingURL=chart-pie-BjAIhyOi.js.map

package/dist/client/chunks/chart-pie-BjAIhyOi.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-pie-BjAIhyOi.js","names":[],"sources":["../../../src/client/components/charts/PieChart.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport { PieChart as RechartsPieChart, Pie, Cell, Legend } from 'recharts'\nimport ChartContainer from './ChartContainer'\nimport ChartTooltip from './ChartTooltip'\nimport { CHART_COLORS } from '../../utils/chartConstants'\nimport { transformChartDataWithSeries, formatTimeValue, getFieldGranularity, formatAxisValue } from '../../utils/chartUtils'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel'\nimport type { ChartProps } from '../../types'\n\nconst PieChart = React.memo(function PieChart({\n  data,\n  chartConfig,\n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette,\n  onDataPointClick,\n  drillEnabled\n}: ChartProps) {\n  const { t } = useTranslation()\n  const [hoveredLegend, setHoveredLegend] = useState<string | null>(null)\n  // Use specialized hook to avoid re-renders from unrelated context changes\n  const getFieldLabel = useCubeFieldLabel()\n  \n  try {\n    const safeDisplayConfig = {\n      showLegend: displayConfig?.showLegend ?? true,\n      showTooltip: displayConfig?.showTooltip ?? true,\n      leftYAxisFormat: displayConfig?.leftYAxisFormat,\n      innerRadius: displayConfig?.innerRadius || '0%'\n    }\n\n    if (!data || data.length === 0) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.noData')}</div>\n            <div className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.noDataHint.pie')}</div>\n          </div>\n        </div>\n      )\n    }\n\n    let pieData: Array<{name: string, value: number}>\n\n    // Validate chartConfig - support both legacy and new formats\n    let xAxisField: string\n    let yAxisFields: string[]\n    let seriesFields: string[] = []\n    \n    if (chartConfig?.xAxis && chartConfig?.yAxis) {\n      // New format\n      xAxisField = Array.isArray(chartConfig.xAxis) ? chartConfig.xAxis[0] : chartConfig.xAxis\n      yAxisFields = Array.isArray(chartConfig.yAxis) ? chartConfig.yAxis : [chartConfig.yAxis]\n      seriesFields = chartConfig.series || []\n    } else if (chartConfig?.x && chartConfig?.y) {\n      // Legacy format\n      xAxisField = chartConfig.x\n      yAxisFields = Array.isArray(chartConfig.y) ? chartConfig.y : [chartConfig.y]\n    } else {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.configError')}</div>\n            <div className=\"dc:text-xs\">{t('chart.runtime.configErrorHint.pieAxis')}</div>\n          </div>\n        </div>\n      )\n    }\n\n    if (!xAxisField || !yAxisFields || yAxisFields.length === 0) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.configError')}</div>\n            <div className=\"dc:text-xs\">{t('chart.runtime.configErrorHint.axisFields')}</div>\n          </div>\n        </div>\n      )\n    }\n\n    if (seriesFields.length > 0) {\n      // Use series-based transformation for dimension-based pie slices\n      const { data: chartData } = transformChartDataWithSeries(\n        data,\n        xAxisField,\n        yAxisFields,\n        queryObject,\n        seriesFields,\n        getFieldLabel\n      )\n      \n      // Convert series data to pie format\n      pieData = []\n      if (chartData.length > 0) {\n        const firstRow = chartData[0]\n        Object.keys(firstRow).forEach(key => {\n          if (key !== 'name' && typeof firstRow[key] === 'number') {\n            pieData.push({\n              name: String(key),\n              value: firstRow[key]\n            })\n          }\n        })\n      }\n    } else {\n      // Standard measure-based pie chart\n      const granularity = getFieldGranularity(queryObject, xAxisField)\n      pieData = data.map(item => {\n        let name = formatTimeValue(item[xAxisField], granularity) || String(item[xAxisField]) || 'Unknown'\n        // Handle boolean values with better labels\n        if (typeof item[xAxisField] === 'boolean') {\n          name = item[xAxisField] ? 'Active' : 'Inactive'\n        } else if (name === 'true' || name === 'false') {\n          name = name === 'true' ? 'Active' : 'Inactive'\n        }\n        return {\n          name,\n          value: typeof item[yAxisFields[0]] === 'string' \n            ? parseFloat(item[yAxisFields[0]]) \n            : (item[yAxisFields[0]] || 0)\n        }\n      })\n    }\n\n    // Filter out invalid values (null, undefined, NaN, or zero)\n    const originalLength = pieData.length\n    pieData = pieData.filter(item => \n      item.value != null && \n      !isNaN(item.value) && \n      item.value !== 0 && \n      item.value > 0\n    )\n    \n    if (pieData.length === 0) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.noValidData')}</div>\n            <div className=\"dc:text-xs text-dc-text-secondary\">\n              {originalLength > 0\n                ? `Filtered out ${originalLength} data points (zero or invalid values)`\n                : 'No data points to display in pie chart'\n              }\n            </div>\n          </div>\n        </div>\n      )\n    }\n  \n    return (\n      <ChartContainer height={height}>\n        <RechartsPieChart accessibilityLayer={false}>\n          <Pie\n            data={pieData}\n            cx=\"50%\"\n            cy=\"50%\"\n            innerRadius={safeDisplayConfig.innerRadius !== '0%' ? safeDisplayConfig.innerRadius : undefined}\n            outerRadius=\"70%\"\n            dataKey=\"value\"\n            label={!safeDisplayConfig.showLegend ? ({ name, percent }) =>\n              `${name} ${((percent || 0) * 100).toFixed(0)}%`\n            : undefined}\n            cursor={drillEnabled ? 'pointer' : undefined}\n            onClick={(sliceData: any, _index: number, event: React.MouseEvent) => {\n              if (onDataPointClick && drillEnabled && sliceData) {\n                onDataPointClick({\n                  dataPoint: sliceData,\n                  clickedField: yAxisFields[0],\n                  xValue: sliceData.name,\n                  position: { x: event.clientX, y: event.clientY },\n                  nativeEvent: event\n                })\n              }\n            }}\n          >\n            {pieData.map((_entry, index) => (\n              <Cell\n                key={`cell-${index}`}\n                fill={(colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) || CHART_COLORS[index % CHART_COLORS.length]}\n                fillOpacity={hoveredLegend ? (hoveredLegend === pieData[index].name ? 1 : 0.3) : 1}\n              />\n            ))}\n          </Pie>\n          {safeDisplayConfig.showTooltip && (\n            <ChartTooltip\n              formatter={safeDisplayConfig.leftYAxisFormat\n                ? (value: any, name: string) => [formatAxisValue(value, safeDisplayConfig.leftYAxisFormat), name]\n                : undefined\n              }\n            />\n          )}\n          {safeDisplayConfig.showLegend && (\n            <Legend \n              wrapperStyle={{ fontSize: '12px', paddingTop: '10px' }}\n              iconType=\"circle\"\n              iconSize={8}\n              layout=\"horizontal\"\n              align=\"center\"\n              verticalAlign=\"bottom\"\n              onMouseEnter={(o) => setHoveredLegend(String(o.value || ''))}\n              onMouseLeave={() => setHoveredLegend(null)}\n            />\n          )}\n        </RechartsPieChart>\n      </ChartContainer>\n    )\n  } catch (error) {\n    // 'PieChart rendering error\n    return (\n      <div className=\"dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4\" style={{ height }}>\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.chartError', { chartType: 'Pie Chart' })}</div>\n          <div className=\"dc:text-xs dc:mb-2\">{error instanceof Error ? error.message : t('chart.runtime.unknownError')}</div>\n          <div className=\"dc:text-xs text-dc-text-muted\">{t('chart.runtime.checkConfig')}</div>\n        </div>\n      </div>\n    )\n  }\n})\n\nexport default PieChart"],"mappings":"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"}

package/dist/client/chunks/chart-radar-Dgkcl2bN.js

@@ -1,154 +0,0 @@
-import { n as e } from "./rolldown-runtime-CWhphoD1.js";
-import { D as t, S as n, k as r, n as i, x as a, y as o } from "./chart-activity-grid-DmruKPab.js";
-import { c as s, l as c } from "./chart-area-DHCPM4Em.js";
-import l, { useState as u } from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Legend as p, PolarAngleAxis as m, PolarGrid as h, PolarRadiusAxis as g, Radar as _, RadarChart as v } from "recharts";
-//#region src/client/components/charts/RadarChart.tsx
-var y = /* @__PURE__ */ e({ default: () => b }), b = l.memo(function({ data: e, chartConfig: l, displayConfig: y = {}, queryObject: b, height: x = "100%", colorPalette: S }) {
-	let { t: C } = r(), [w, T] = u(null);
-	try {
-		let r = {
-			showLegend: y?.showLegend ?? !0,
-			showTooltip: y?.showTooltip ?? !0,
-			showGrid: y?.showGrid ?? !0,
-			leftYAxisFormat: y?.leftYAxisFormat
-		};
-		if (!e || e.length === 0) return /* @__PURE__ */ d("div", {
-			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
-			style: { height: x },
-			children: /* @__PURE__ */ f("div", {
-				className: "dc:text-center",
-				children: [/* @__PURE__ */ d("div", {
-					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: C("chart.runtime.noData")
-				}), /* @__PURE__ */ d("div", {
-					className: "dc:text-xs text-dc-text-secondary",
-					children: C("chart.runtime.noDataHint.radar")
-				})]
-			})
-		});
-		let u, E = [];
-		if (l?.xAxis && l?.yAxis) {
-			let { data: n, seriesKeys: r } = t(e, Array.isArray(l.xAxis) ? l.xAxis[0] : l.xAxis, Array.isArray(l.yAxis) ? l.yAxis : [l.yAxis], b, l.series || []);
-			u = n, E = r;
-		} else {
-			let t = e[0], r = Object.keys(t), i = r.find((e) => typeof t[e] == "string" || e.toLowerCase().includes("subject") || e.toLowerCase().includes("name") || e.toLowerCase().includes("category")) || r[0], o = r.filter((e) => typeof t[e] == "number" && e !== i);
-			if (o.length === 0) return /* @__PURE__ */ d("div", {
-				className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning",
-				style: { height: x },
-				children: /* @__PURE__ */ f("div", {
-					className: "dc:text-center",
-					children: [/* @__PURE__ */ d("div", {
-						className: "dc:text-sm dc:font-semibold dc:mb-1",
-						children: C("chart.runtime.configError")
-					}), /* @__PURE__ */ d("div", {
-						className: "dc:text-xs",
-						children: C("chart.runtime.configErrorHint.radarNumeric")
-					})]
-				})
-			});
-			if (i) {
-				let t = n(b, i);
-				u = e.map((e) => {
-					let n = { name: a(e[i], t) || String(e[i]) || "Unknown" };
-					return o.forEach((t) => {
-						let r = t.split(".").pop() || t;
-						n[r] = typeof e[t] == "string" ? parseFloat(e[t]) : e[t] || 0;
-					}), n;
-				}), E = o.map((e) => e.split(".").pop() || e);
-			} else u = e.map((e) => ({
-				name: String(e[r[0]] || "Unknown"),
-				value: typeof e[o[0]] == "string" ? parseFloat(e[o[0]]) : e[o[0]] || 0
-			})), E = ["value"];
-		}
-		return !u || u.length === 0 ? /* @__PURE__ */ d("div", {
-			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
-			style: { height: x },
-			children: /* @__PURE__ */ f("div", {
-				className: "dc:text-center",
-				children: [/* @__PURE__ */ d("div", {
-					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: C("chart.runtime.noValidData")
-				}), /* @__PURE__ */ d("div", {
-					className: "dc:text-xs text-dc-text-secondary",
-					children: "No valid data points for radar chart after transformation"
-				})]
-			})
-		}) : /* @__PURE__ */ d(c, {
-			height: x,
-			children: /* @__PURE__ */ f(v, {
-				data: u,
-				margin: {
-					top: 20,
-					right: 80,
-					bottom: 20,
-					left: 80
-				},
-				accessibilityLayer: !1,
-				children: [
-					r.showGrid && /* @__PURE__ */ d(h, {}),
-					/* @__PURE__ */ d(m, {
-						dataKey: "name",
-						tick: { fontSize: 12 },
-						className: "text-dc-text-muted"
-					}),
-					/* @__PURE__ */ d(g, {
-						tick: { fontSize: 10 },
-						className: "text-dc-text-muted",
-						tickFormatter: r.leftYAxisFormat ? (e) => o(e, r.leftYAxisFormat) : void 0
-					}),
-					r.showTooltip && /* @__PURE__ */ d(s, { formatter: r.leftYAxisFormat ? (e, t) => [o(e, r.leftYAxisFormat), t] : void 0 }),
-					r.showLegend && E.length > 1 && /* @__PURE__ */ d(p, {
-						wrapperStyle: {
-							fontSize: "12px",
-							paddingTop: "10px"
-						},
-						iconType: "rect",
-						iconSize: 8,
-						layout: "horizontal",
-						align: "center",
-						verticalAlign: "bottom",
-						onMouseEnter: (e) => T(String(e.dataKey || "")),
-						onMouseLeave: () => T(null)
-					}),
-					E.map((e, t) => /* @__PURE__ */ d(_, {
-						name: e,
-						dataKey: e,
-						stroke: S?.colors && S.colors[t % S.colors.length] || i[t % i.length],
-						fill: S?.colors && S.colors[t % S.colors.length] || i[t % i.length],
-						fillOpacity: w ? w === e ? .6 : .1 : .3,
-						strokeOpacity: w ? w === e ? 1 : .3 : 1,
-						strokeWidth: 2
-					}, e))
-				]
-			})
-		});
-	} catch (e) {
-		return /* @__PURE__ */ d("div", {
-			className: "dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4",
-			style: { height: x },
-			children: /* @__PURE__ */ f("div", {
-				className: "dc:text-center",
-				children: [
-					/* @__PURE__ */ d("div", {
-						className: "dc:text-sm dc:font-semibold dc:mb-1",
-						children: C("chart.runtime.chartError", { chartType: "Radar Chart" })
-					}),
-					/* @__PURE__ */ d("div", {
-						className: "dc:text-xs dc:mb-2",
-						children: e instanceof Error ? e.message : C("chart.runtime.unknownError")
-					}),
-					/* @__PURE__ */ d("div", {
-						className: "dc:text-xs text-dc-text-muted",
-						children: C("chart.runtime.checkConfig")
-					})
-				]
-			})
-		});
-	}
-});
-//#endregion
-export { y as n, b as t };
-
-//# sourceMappingURL=chart-radar-Dgkcl2bN.js.map

package/dist/client/chunks/chart-radar-Dgkcl2bN.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-radar-Dgkcl2bN.js","names":[],"sources":["../../../src/client/components/charts/RadarChart.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport { RadarChart as RechartsRadarChart, PolarGrid, PolarAngleAxis, PolarRadiusAxis, Radar, Legend } from 'recharts'\nimport ChartContainer from './ChartContainer'\nimport ChartTooltip from './ChartTooltip'\nimport { CHART_COLORS } from '../../utils/chartConstants'\nimport { transformChartDataWithSeries, formatTimeValue, getFieldGranularity, formatAxisValue } from '../../utils/chartUtils'\nimport type { ChartProps } from '../../types'\n\nconst RadarChart = React.memo(function RadarChart({\n  data,\n  chartConfig,\n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette\n}: ChartProps) {\n  const { t } = useTranslation()\n  const [hoveredLegend, setHoveredLegend] = useState<string | null>(null)\n  \n  try {\n    const safeDisplayConfig = {\n      showLegend: displayConfig?.showLegend ?? true,\n      showTooltip: displayConfig?.showTooltip ?? true,\n      showGrid: displayConfig?.showGrid ?? true,\n      leftYAxisFormat: displayConfig?.leftYAxisFormat\n    }\n\n    if (!data || data.length === 0) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.noData')}</div>\n            <div className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.noDataHint.radar')}</div>\n          </div>\n        </div>\n      )\n    }\n\n    let radarData: any[]\n    let seriesKeys: string[] = []\n\n    if (chartConfig?.xAxis && chartConfig?.yAxis) {\n      // New format - use chart config\n      const xAxisField = Array.isArray(chartConfig.xAxis) ? chartConfig.xAxis[0] : chartConfig.xAxis // Subject/category field\n      const yAxisFields = Array.isArray(chartConfig.yAxis) ? chartConfig.yAxis : [chartConfig.yAxis]   // Value fields\n      const seriesFields = chartConfig.series || []\n\n      // Use shared function to transform data and handle series\n      const { data: chartData, seriesKeys: transformedSeriesKeys } = transformChartDataWithSeries(\n        data, \n        xAxisField, \n        yAxisFields, \n        queryObject,\n        seriesFields\n      )\n      \n      radarData = chartData\n      seriesKeys = transformedSeriesKeys\n    } else {\n      // Legacy format or auto-detection - try to find suitable fields\n      const firstRow = data[0]\n      const keys = Object.keys(firstRow)\n      \n      // Try to find subject/category field\n      const subjectField = keys.find(key => \n        typeof firstRow[key] === 'string' ||\n        key.toLowerCase().includes('subject') ||\n        key.toLowerCase().includes('name') ||\n        key.toLowerCase().includes('category')\n      ) || keys[0]\n\n      // Find numeric fields for values\n      const valueFields = keys.filter(key => \n        typeof firstRow[key] === 'number' && key !== subjectField\n      )\n\n      if (valueFields.length === 0) {\n        return (\n          <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning\" style={{ height }}>\n            <div className=\"dc:text-center\">\n              <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.configError')}</div>\n              <div className=\"dc:text-xs\">{t('chart.runtime.configErrorHint.radarNumeric')}</div>\n            </div>\n          </div>\n        )\n      }\n\n      // Transform data for radar chart\n      if (subjectField) {\n        // Use subject field for radar categories\n        const granularity = getFieldGranularity(queryObject, subjectField)\n        radarData = data.map(item => {\n          const transformedItem: any = {\n            name: formatTimeValue(item[subjectField], granularity) || String(item[subjectField]) || 'Unknown'\n          }\n          \n          valueFields.forEach(field => {\n            const displayName = field.split('.').pop() || field\n            transformedItem[displayName] = typeof item[field] === 'string' \n              ? parseFloat(item[field]) \n              : (item[field] || 0)\n          })\n          \n          return transformedItem\n        })\n        \n        seriesKeys = valueFields.map(field => field.split('.').pop() || field)\n      } else {\n        // Fallback - use first value field only\n        radarData = data.map(item => ({\n          name: String(item[keys[0]] || 'Unknown'),\n          value: typeof item[valueFields[0]] === 'string' \n            ? parseFloat(item[valueFields[0]]) \n            : (item[valueFields[0]] || 0)\n        }))\n        seriesKeys = ['value']\n      }\n    }\n    \n    // Validate transformed data\n    if (!radarData || radarData.length === 0) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.noValidData')}</div>\n            <div className=\"dc:text-xs text-dc-text-secondary\">No valid data points for radar chart after transformation</div>\n          </div>\n        </div>\n      )\n    }\n\n    return (\n      <ChartContainer height={height}>\n        <RechartsRadarChart data={radarData} margin={{ top: 20, right: 80, bottom: 20, left: 80 }} accessibilityLayer={false}>\n          {safeDisplayConfig.showGrid && (\n            <PolarGrid />\n          )}\n          <PolarAngleAxis\n            dataKey=\"name\"\n            tick={{ fontSize: 12 }}\n            className=\"text-dc-text-muted\"\n          />\n          <PolarRadiusAxis\n            tick={{ fontSize: 10 }}\n            className=\"text-dc-text-muted\"\n            tickFormatter={safeDisplayConfig.leftYAxisFormat\n              ? (value: any) => formatAxisValue(value, safeDisplayConfig.leftYAxisFormat)\n              : undefined\n            }\n          />\n          {safeDisplayConfig.showTooltip && (\n            <ChartTooltip\n              formatter={safeDisplayConfig.leftYAxisFormat\n                ? (value: any, name: string) => [formatAxisValue(value, safeDisplayConfig.leftYAxisFormat), name]\n                : undefined\n              }\n            />\n          )}\n          {(safeDisplayConfig.showLegend && seriesKeys.length > 1) && (\n            <Legend \n              wrapperStyle={{ fontSize: '12px', paddingTop: '10px' }}\n              iconType=\"rect\"\n              iconSize={8}\n              layout=\"horizontal\"\n              align=\"center\"\n              verticalAlign=\"bottom\"\n              onMouseEnter={(o) => setHoveredLegend(String(o.dataKey || ''))}\n              onMouseLeave={() => setHoveredLegend(null)}\n            />\n          )}\n          {seriesKeys.map((seriesKey, index) => (\n            <Radar\n              key={seriesKey}\n              name={seriesKey}\n              dataKey={seriesKey}\n              stroke={(colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) || CHART_COLORS[index % CHART_COLORS.length]}\n              fill={(colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) || CHART_COLORS[index % CHART_COLORS.length]}\n              fillOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 0.6 : 0.1) : 0.3}\n              strokeOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 1 : 0.3) : 1}\n              strokeWidth={2}\n            />\n          ))}\n        </RechartsRadarChart>\n      </ChartContainer>\n    )\n  } catch (error) {\n    // 'RadarChart rendering error\n    return (\n      <div className=\"dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4\" style={{ height }}>\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.chartError', { chartType: 'Radar Chart' })}</div>\n          <div className=\"dc:text-xs dc:mb-2\">{error instanceof Error ? error.message : t('chart.runtime.unknownError')}</div>\n          <div className=\"dc:text-xs text-dc-text-muted\">{t('chart.runtime.checkConfig')}</div>\n        </div>\n      </div>\n    )\n  }\n})\n\nexport default RadarChart"],"mappings":"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"}

package/dist/client/chunks/chart-radial-bar-DdWJjAhK.js

@@ -1,148 +0,0 @@
-import { n as e } from "./rolldown-runtime-CWhphoD1.js";
-import { S as t, k as n, n as r, x as i, y as a } from "./chart-activity-grid-DmruKPab.js";
-import { c as o, l as s } from "./chart-area-DHCPM4Em.js";
-import c, { useState as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Cell as f, Legend as p, RadialBar as m, RadialBarChart as h } from "recharts";
-//#region src/client/components/charts/RadialBarChart.tsx
-var g = /* @__PURE__ */ e({ default: () => _ }), _ = c.memo(function({ data: e, chartConfig: c, displayConfig: g = {}, queryObject: _, height: v = "100%", colorPalette: y }) {
-	let { t: b } = n(), [x, S] = l(null);
-	try {
-		let n = {
-			showLegend: g?.showLegend ?? !0,
-			showTooltip: g?.showTooltip ?? !0,
-			leftYAxisFormat: g?.leftYAxisFormat
-		};
-		if (!e || e.length === 0) return /* @__PURE__ */ u("div", {
-			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
-			style: { height: v },
-			children: /* @__PURE__ */ d("div", {
-				className: "dc:text-center",
-				children: [/* @__PURE__ */ u("div", {
-					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: b("chart.runtime.noData")
-				}), /* @__PURE__ */ u("div", {
-					className: "dc:text-xs text-dc-text-secondary",
-					children: b("chart.runtime.noDataHint.radialBar")
-				})]
-			})
-		});
-		let l;
-		if (c?.xAxis && c?.yAxis) {
-			let n = Array.isArray(c.xAxis) ? c.xAxis[0] : c.xAxis, a = Array.isArray(c.yAxis) ? c.yAxis[0] : c.yAxis, o = t(_, n);
-			l = e.map((e, t) => ({
-				name: i(e[n], o) || String(e[n]) || "Unknown",
-				value: typeof e[a] == "string" ? parseFloat(e[a]) : e[a] || 0,
-				fill: y?.colors && y.colors[t % y.colors.length] || r[t % r.length]
-			}));
-		} else {
-			let t = e[0], n = Object.keys(t), i = n.find((e) => typeof t[e] == "string" || e.toLowerCase().includes("name") || e.toLowerCase().includes("label") || e.toLowerCase().includes("category")) || n[0], a = n.find((e) => typeof t[e] == "number" && e !== i) || n[1];
-			if (!a) return /* @__PURE__ */ u("div", {
-				className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning",
-				style: { height: v },
-				children: /* @__PURE__ */ d("div", {
-					className: "dc:text-center",
-					children: [/* @__PURE__ */ u("div", {
-						className: "dc:text-sm dc:font-semibold dc:mb-1",
-						children: b("chart.runtime.configError")
-					}), /* @__PURE__ */ u("div", {
-						className: "dc:text-xs",
-						children: b("chart.runtime.configErrorHint.radialBarNumeric")
-					})]
-				})
-			});
-			l = e.map((e, t) => {
-				let n = e[i];
-				return n = typeof n == "boolean" ? n ? "Active" : "Inactive" : n === "true" || n === "false" ? n === "true" ? "Active" : "Inactive" : String(n), {
-					name: n,
-					value: typeof e[a] == "string" ? parseFloat(e[a]) : e[a] || 0,
-					fill: y?.colors && y.colors[t % y.colors.length] || r[t % r.length]
-				};
-			});
-		}
-		return l = l.filter((e) => e.value != null && e.value !== 0), l.length === 0 ? /* @__PURE__ */ u("div", {
-			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
-			style: { height: v },
-			children: /* @__PURE__ */ d("div", {
-				className: "dc:text-center",
-				children: [/* @__PURE__ */ u("div", {
-					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: b("chart.runtime.noValidData")
-				}), /* @__PURE__ */ u("div", {
-					className: "dc:text-xs text-dc-text-secondary",
-					children: "No valid data points for radial bar chart after transformation"
-				})]
-			})
-		}) : /* @__PURE__ */ u(s, {
-			height: v,
-			children: /* @__PURE__ */ d(h, {
-				data: l,
-				innerRadius: "10%",
-				outerRadius: "80%",
-				margin: {
-					top: 20,
-					right: 30,
-					bottom: 20,
-					left: 30
-				},
-				accessibilityLayer: !1,
-				children: [
-					n.showTooltip && /* @__PURE__ */ u(o, { formatter: n.leftYAxisFormat ? (e, t) => [a(e, n.leftYAxisFormat), t] : void 0 }),
-					n.showLegend && /* @__PURE__ */ u(p, {
-						wrapperStyle: {
-							fontSize: "12px",
-							paddingTop: "10px"
-						},
-						iconType: "circle",
-						iconSize: 8,
-						layout: "horizontal",
-						align: "center",
-						verticalAlign: "bottom",
-						onMouseEnter: (e) => S(String(e.value || "")),
-						onMouseLeave: () => S(null)
-					}),
-					/* @__PURE__ */ u(m, {
-						dataKey: "value",
-						cornerRadius: 4,
-						label: {
-							position: "insideStart",
-							fill: "#fff",
-							fontSize: 12,
-							formatter: n.leftYAxisFormat ? (e) => a(e, n.leftYAxisFormat) : void 0
-						},
-						children: l.map((e, t) => /* @__PURE__ */ u(f, {
-							fill: e.fill,
-							fillOpacity: x ? x === e.name ? 1 : .3 : 1
-						}, `cell-${t}`))
-					})
-				]
-			})
-		});
-	} catch (e) {
-		return /* @__PURE__ */ u("div", {
-			className: "dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4",
-			style: { height: v },
-			children: /* @__PURE__ */ d("div", {
-				className: "dc:text-center",
-				children: [
-					/* @__PURE__ */ u("div", {
-						className: "dc:text-sm dc:font-semibold dc:mb-1",
-						children: b("chart.runtime.chartError", { chartType: "Radial Bar Chart" })
-					}),
-					/* @__PURE__ */ u("div", {
-						className: "dc:text-xs dc:mb-2",
-						children: e instanceof Error ? e.message : b("chart.runtime.unknownError")
-					}),
-					/* @__PURE__ */ u("div", {
-						className: "dc:text-xs text-dc-text-muted",
-						children: b("chart.runtime.checkConfig")
-					})
-				]
-			})
-		});
-	}
-});
-//#endregion
-export { g as n, _ as t };
-
-//# sourceMappingURL=chart-radial-bar-DdWJjAhK.js.map

package/dist/client/chunks/chart-radial-bar-DdWJjAhK.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-radial-bar-DdWJjAhK.js","names":[],"sources":["../../../src/client/components/charts/RadialBarChart.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport { RadialBarChart as RechartsRadialBarChart, RadialBar, Legend, Cell } from 'recharts'\nimport ChartContainer from './ChartContainer'\nimport ChartTooltip from './ChartTooltip'\nimport { CHART_COLORS } from '../../utils/chartConstants'\nimport { formatTimeValue, getFieldGranularity, formatAxisValue } from '../../utils/chartUtils'\nimport type { ChartProps } from '../../types'\n\nconst RadialBarChart = React.memo(function RadialBarChart({\n  data,\n  chartConfig,\n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette\n}: ChartProps) {\n  const { t } = useTranslation()\n  const [hoveredLegend, setHoveredLegend] = useState<string | null>(null)\n  \n  try {\n    const safeDisplayConfig = {\n      showLegend: displayConfig?.showLegend ?? true,\n      showTooltip: displayConfig?.showTooltip ?? true,\n      leftYAxisFormat: displayConfig?.leftYAxisFormat\n    }\n\n    if (!data || data.length === 0) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.noData')}</div>\n            <div className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.noDataHint.radialBar')}</div>\n          </div>\n        </div>\n      )\n    }\n\n    let radialData: Array<{name: string, value: number, fill?: string}>\n\n    if (chartConfig?.xAxis && chartConfig?.yAxis) {\n      // New format - use chart config\n      const xAxisField = Array.isArray(chartConfig.xAxis) ? chartConfig.xAxis[0] : chartConfig.xAxis // Name/category field\n      const yAxisField = Array.isArray(chartConfig.yAxis) ? chartConfig.yAxis[0] : chartConfig.yAxis // Value field\n\n      const granularity = getFieldGranularity(queryObject, xAxisField)\n      radialData = data.map((item, index) => ({\n        name: formatTimeValue(item[xAxisField], granularity) || String(item[xAxisField]) || 'Unknown',\n        value: typeof item[yAxisField] === 'string' \n          ? parseFloat(item[yAxisField]) \n          : (item[yAxisField] || 0),\n        fill: (colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) || CHART_COLORS[index % CHART_COLORS.length]\n      }))\n    } else {\n      // Legacy format or auto-detection\n      const firstRow = data[0]\n      const keys = Object.keys(firstRow)\n      \n      // Try to find name/label field\n      const nameField = keys.find(key => \n        typeof firstRow[key] === 'string' ||\n        key.toLowerCase().includes('name') ||\n        key.toLowerCase().includes('label') ||\n        key.toLowerCase().includes('category')\n      ) || keys[0]\n\n      // Find a numeric field for values\n      const valueField = keys.find(key => \n        typeof firstRow[key] === 'number' && key !== nameField\n      ) || keys[1]\n\n      if (!valueField) {\n        return (\n          <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning\" style={{ height }}>\n            <div className=\"dc:text-center\">\n              <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.configError')}</div>\n              <div className=\"dc:text-xs\">{t('chart.runtime.configErrorHint.radialBarNumeric')}</div>\n            </div>\n          </div>\n        )\n      }\n\n      // Transform data for radial bar chart\n      radialData = data.map((item, index) => {\n        let name = item[nameField]\n        // Handle boolean values with better labels\n        if (typeof name === 'boolean') {\n          name = name ? 'Active' : 'Inactive'\n        } else if (name === 'true' || name === 'false') {\n          name = name === 'true' ? 'Active' : 'Inactive'\n        } else {\n          name = String(name)\n        }\n        return {\n          name,\n          value: typeof item[valueField] === 'string' \n            ? parseFloat(item[valueField]) \n            : (item[valueField] || 0),\n          fill: (colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) || CHART_COLORS[index % CHART_COLORS.length]\n        }\n      })\n    }\n\n    // Filter out zero/null values\n    radialData = radialData.filter(item => item.value != null && item.value !== 0)\n    \n    if (radialData.length === 0) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.noValidData')}</div>\n            <div className=\"dc:text-xs text-dc-text-secondary\">No valid data points for radial bar chart after transformation</div>\n          </div>\n        </div>\n      )\n    }\n\n    return (\n      <ChartContainer height={height}>\n        <RechartsRadialBarChart\n          data={radialData}\n          innerRadius=\"10%\"\n          outerRadius=\"80%\"\n          margin={{ top: 20, right: 30, bottom: 20, left: 30 }}\n          accessibilityLayer={false}\n        >\n          {safeDisplayConfig.showTooltip && (\n            <ChartTooltip\n              formatter={safeDisplayConfig.leftYAxisFormat\n                ? (value: any, name: string) => [formatAxisValue(value, safeDisplayConfig.leftYAxisFormat), name]\n                : undefined\n              }\n            />\n          )}\n          {safeDisplayConfig.showLegend && (\n            <Legend \n              wrapperStyle={{ fontSize: '12px', paddingTop: '10px' }}\n              iconType=\"circle\"\n              iconSize={8}\n              layout=\"horizontal\"\n              align=\"center\"\n              verticalAlign=\"bottom\"\n              onMouseEnter={(o) => setHoveredLegend(String(o.value || ''))}\n              onMouseLeave={() => setHoveredLegend(null)}\n            />\n          )}\n          <RadialBar\n            dataKey=\"value\"\n            cornerRadius={4}\n            label={{\n              position: 'insideStart',\n              fill: '#fff',\n              fontSize: 12,\n              formatter: safeDisplayConfig.leftYAxisFormat\n                ? (value: any) => formatAxisValue(value, safeDisplayConfig.leftYAxisFormat)\n                : undefined\n            }}\n          >\n            {radialData.map((entry, index) => (\n              <Cell \n                key={`cell-${index}`} \n                fill={entry.fill}\n                fillOpacity={hoveredLegend ? (hoveredLegend === entry.name ? 1 : 0.3) : 1}\n              />\n            ))}\n          </RadialBar>\n        </RechartsRadialBarChart>\n      </ChartContainer>\n    )\n  } catch (error) {\n    // 'RadialBarChart rendering error\n    return (\n      <div className=\"dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4\" style={{ height }}>\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.chartError', { chartType: 'Radial Bar Chart' })}</div>\n          <div className=\"dc:text-xs dc:mb-2\">{error instanceof Error ? error.message : t('chart.runtime.unknownError')}</div>\n          <div className=\"dc:text-xs text-dc-text-muted\">{t('chart.runtime.checkConfig')}</div>\n        </div>\n      </div>\n    )\n  }\n})\n\nexport default RadialBarChart"],"mappings":"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"}

package/dist/client/chunks/chart-sankey-M3XpO_ah.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-sankey-M3XpO_ah.js","names":[],"sources":["../../../src/client/types/flow.ts","../../../src/client/components/charts/SankeyChart.tsx"],"sourcesContent":["/**\n * Flow Analysis Types\n *\n * Types for Flow analysis mode which visualizes user journeys using Sankey diagrams.\n * Flow analysis explores paths BEFORE and AFTER a defined starting step (bidirectional),\n * unlike funnel which only tracks linear forward progression.\n */\n\nimport type { Filter } from '../types'\nimport type { FunnelBindingKey } from './funnel'\n\n// ============================================================================\n// Starting Step Definition\n// ============================================================================\n\n/**\n * Starting step definition for flow analysis\n * The starting step is the anchor point from which we explore paths\n * in both directions (before and after)\n */\nexport interface FlowStartingStep {\n  /** Display name for the starting step */\n  name: string\n  /** Filters that define which events qualify as the starting step */\n  filters: Filter[]\n}\n\n// ============================================================================\n// Server Query Format\n// ============================================================================\n\n/**\n * Server flow query format\n * This is the shape sent to the server for execution\n * Wrapped in { flow: {...} } similar to funnel queries\n */\nexport interface ServerFlowQuery {\n  flow: FlowQueryConfig\n}\n\n/**\n * Flow query configuration\n * Contains all parameters needed for server-side flow analysis\n */\nexport interface FlowQueryConfig {\n  /**\n   * Binding key that identifies individual entities (e.g., userId)\n   * Can be a single string like 'Events.userId' or array for multi-cube\n   */\n  bindingKey: string | { cube: string; dimension: string }[]\n\n  /**\n   * Time dimension used for ordering events\n   * Can be a single string like 'Events.timestamp' or array for multi-cube\n   */\n  timeDimension: string | { cube: string; dimension: string }[]\n\n  /**\n   * The starting step from which we explore paths\n   * Defines the anchor point for bidirectional flow analysis\n   */\n  startingStep: {\n    /** Display name for the starting step */\n    name: string\n    /** Filter(s) that identify events for this starting step */\n    filter?: Filter | Filter[]\n  }\n\n  /** Number of steps to explore BEFORE the starting step (0-5) */\n  stepsBefore: number\n\n  /** Number of steps to explore AFTER the starting step (0-5) */\n  stepsAfter: number\n\n  /**\n   * Event dimension that categorizes events (e.g., 'Events.eventType')\n   * This dimension's values become the node labels in the Sankey diagram\n   */\n  eventDimension: string\n\n  /**\n   * Optional limit on the number of entities to process\n   * Useful for performance on large datasets\n   */\n  entityLimit?: number\n\n  /**\n   * Output mode for flow data aggregation\n   * - 'sankey': Aggregate by (layer, event_type) - standard flow visualization where paths can converge\n   * - 'sunburst': Path-qualified nodes for hierarchical tree visualization where each path is unique\n   * @default 'sankey'\n   */\n  outputMode?: 'sankey' | 'sunburst'\n\n  /**\n   * Join strategy for fetching steps\n   * - 'auto' (default): use lateral when supported, otherwise window\n   * - 'lateral': force lateral joins\n   * - 'window': force window function strategy\n   */\n  joinStrategy: 'auto' | 'lateral' | 'window'\n}\n\n// ============================================================================\n// Sankey Result Types\n// ============================================================================\n\n/**\n * A node in the Sankey diagram\n * Represents an event type at a specific layer (distance from starting step)\n */\nexport interface SankeyNode {\n  /**\n   * Unique identifier for this node\n   * Format: \"before_{depth}_{eventType}\" or \"after_{depth}_{eventType}\" or \"start_{eventType}\"\n   * Examples: \"before_2_Signup\", \"start_Purchase\", \"after_1_Checkout\"\n   */\n  id: string\n\n  /** Display name (typically the event type value) */\n  name: string\n\n  /**\n   * Layer position in the Sankey diagram\n   * Negative for steps before starting step, 0 for starting step, positive for after\n   * Example: -2, -1, 0, 1, 2 for a flow with 2 steps before and 2 after\n   */\n  layer: number\n\n  /** Total count of entities passing through this node */\n  value?: number\n}\n\n/**\n * A link (edge) in the Sankey diagram\n * Represents a transition between two nodes\n */\nexport interface SankeyLink {\n  /** Source node ID */\n  source: string\n\n  /** Target node ID */\n  target: string\n\n  /** Count of entities that follow this path */\n  value: number\n}\n\n/**\n * Complete flow result row returned from server\n * Contains the full Sankey diagram data\n */\nexport interface FlowResultRow {\n  nodes: SankeyNode[]\n  links: SankeyLink[]\n}\n\n/**\n * Chart-ready flow data format\n * Same structure as FlowResultRow, used for chart components\n */\nexport interface FlowChartData {\n  nodes: SankeyNode[]\n  links: SankeyLink[]\n}\n\n// ============================================================================\n// Flow Slice State (for Zustand store)\n// ============================================================================\n\n/**\n * Flow mode state for the AnalysisBuilder store\n * Contains all UI state needed to configure a flow analysis\n */\nexport interface FlowSliceState {\n  /** Selected cube for flow analysis (must be an eventStream cube) */\n  flowCube: string | null\n\n  /** Binding key that identifies entities (reuses funnel binding key type) */\n  flowBindingKey: FunnelBindingKey | null\n\n  /** Time dimension for ordering events */\n  flowTimeDimension: string | null\n\n  /** Starting step configuration */\n  startingStep: FlowStartingStep\n\n  /** Number of steps to explore before starting step (0-5, default 3) */\n  stepsBefore: number\n\n  /** Number of steps to explore after starting step (0-5, default 3) */\n  stepsAfter: number\n\n  /** Event dimension that categorizes events */\n  eventDimension: string | null\n\n  /** Join strategy for flow execution */\n  joinStrategy: 'auto' | 'lateral' | 'window'\n}\n\n/**\n * Flow slice actions for the store\n */\nexport interface FlowSliceActions {\n  setFlowCube: (cube: string | null) => void\n  setFlowBindingKey: (key: FunnelBindingKey | null) => void\n  setFlowTimeDimension: (dim: string | null) => void\n  setEventDimension: (dim: string | null) => void\n  setStartingStepName: (name: string) => void\n  setStartingStepFilters: (filters: Filter[]) => void\n  addStartingStepFilter: (filter: Filter) => void\n  removeStartingStepFilter: (index: number) => void\n  updateStartingStepFilter: (index: number, filter: Filter) => void\n  setStepsBefore: (count: number) => void\n  setStepsAfter: (count: number) => void\n  setJoinStrategy: (strategy: 'auto' | 'lateral' | 'window') => void\n  isFlowMode: () => boolean\n  isFlowModeEnabled: () => boolean\n  buildFlowQuery: () => ServerFlowQuery | null\n}\n\n// ============================================================================\n// Type Guards\n// ============================================================================\n\n/**\n * Type guard to check if data is Sankey/Flow chart data\n */\nexport function isSankeyData(data: unknown): data is FlowChartData {\n  if (!data || typeof data !== 'object') return false\n  const d = data as Record<string, unknown>\n  return (\n    Array.isArray(d.nodes) &&\n    Array.isArray(d.links) &&\n    (d.nodes.length === 0 ||\n      (typeof d.nodes[0] === 'object' &&\n        d.nodes[0] !== null &&\n        'id' in d.nodes[0]))\n  )\n}\n\n/**\n * Type guard to detect server flow query format\n * Used to distinguish { flow: {...} } from CubeQuery, MultiQueryConfig, or ServerFunnelQuery\n */\nexport function isServerFlowQuery(obj: unknown): obj is ServerFlowQuery {\n  return (\n    typeof obj === 'object' &&\n    obj !== null &&\n    'flow' in obj &&\n    typeof (obj as { flow: unknown }).flow === 'object'\n  )\n}\n\n// ============================================================================\n// Default Values\n// ============================================================================\n\n/**\n * Default flow slice state for store initialization\n */\nexport const defaultFlowSliceState: FlowSliceState = {\n  flowCube: null,\n  flowBindingKey: null,\n  flowTimeDimension: null,\n  startingStep: {\n    name: '',\n    filters: [],\n  },\n  stepsBefore: 3,\n  stepsAfter: 3,\n  eventDimension: null,\n  joinStrategy: 'auto',\n}\n\n/**\n * Minimum and maximum values for step depth\n */\nexport const FLOW_MIN_DEPTH = 0\nexport const FLOW_MAX_DEPTH = 5\n","/**\n * SankeyChart Component\n *\n * Visualizes flow data using Sankey diagrams showing paths between states.\n * Works with data from flow queries which provide nodes and links.\n *\n * The chart displays:\n * - Nodes representing events at different layers (before, start, after)\n * - Links showing the flow of entities between adjacent nodes\n * - Values indicating count of entities following each path\n */\n\nimport React, { useMemo, useRef, useState, useEffect } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport { Sankey, Tooltip, ResponsiveContainer } from 'recharts'\nimport { CHART_COLORS } from '../../utils/chartConstants'\nimport type { ChartProps } from '../../types'\nimport type { FlowChartData } from '../../types/flow'\nimport { isSankeyData } from '../../types/flow'\n\n/**\n * Color palette for Sankey nodes based on layer\n */\nconst SANKEY_COLORS = {\n  before: '#F97316', // orange-500 - for steps before\n  start: '#3B82F6', // blue-500 - for starting step\n  after: '#10B981', // emerald-500 - for steps after\n}\n\n/**\n * Get color for a node based on its layer\n */\nfunction getNodeColor(layer: number, colorPalette?: string[]): string {\n  if (colorPalette && colorPalette.length > 0) {\n    // Use palette colors cycling through\n    const absLayer = Math.abs(layer)\n    return colorPalette[absLayer % colorPalette.length]\n  }\n\n  if (layer < 0) return SANKEY_COLORS.before\n  if (layer === 0) return SANKEY_COLORS.start\n  return SANKEY_COLORS.after\n}\n\n/**\n * Transform FlowChartData to Recharts Sankey format\n */\nfunction transformToRechartsFormat(\n  data: FlowChartData,\n  colorPalette?: string[]\n): {\n  nodes: Array<{ name: string; fill: string; layer: number; value?: number }>\n  links: Array<{ source: number; target: number; value: number }>\n} | null {\n  if (!data.nodes || data.nodes.length === 0) return null\n\n  // Create node index map for link resolution\n  const nodeIndexMap = new Map<string, number>()\n  data.nodes.forEach((node, index) => {\n    nodeIndexMap.set(node.id, index)\n  })\n\n  // Transform nodes\n  const nodes = data.nodes.map((node) => ({\n    name: node.name,\n    fill: getNodeColor(node.layer, colorPalette),\n    layer: node.layer,\n    value: node.value,\n  }))\n\n  // Transform links - resolve string IDs to numeric indices\n  const links = data.links\n    .map((link) => {\n      const sourceIndex = nodeIndexMap.get(link.source)\n      const targetIndex = nodeIndexMap.get(link.target)\n\n      if (sourceIndex === undefined || targetIndex === undefined) {\n        console.warn(`Sankey: Could not resolve link ${link.source} -> ${link.target}`)\n        return null\n      }\n\n      return {\n        source: sourceIndex,\n        target: targetIndex,\n        value: link.value,\n      }\n    })\n    .filter((link): link is { source: number; target: number; value: number } => link !== null)\n\n  return { nodes, links }\n}\n\n/**\n * Extract FlowChartData from various data formats\n */\nfunction extractFlowData(data: unknown[]): FlowChartData | null {\n  if (!data || data.length === 0) return null\n\n  // If first element is already FlowChartData (server returns as single-row array)\n  if (isSankeyData(data[0])) {\n    return data[0] as FlowChartData\n  }\n\n  // If data itself is FlowChartData shape\n  if (isSankeyData(data)) {\n    return data as unknown as FlowChartData\n  }\n\n  // Check if data is an array with nodes and links at top level\n  const asAny = data as unknown as Record<string, unknown>\n  if (asAny.nodes && asAny.links) {\n    return asAny as unknown as FlowChartData\n  }\n\n  return null\n}\n\n/**\n * Custom node renderer for Sankey chart\n * Displays the node rectangle with label and value\n */\nfunction SankeyNode({\n  x,\n  y,\n  width,\n  height,\n  payload,\n  containerWidth,\n  showLabels = true,\n}: {\n  x: number\n  y: number\n  width: number\n  height: number\n  payload: { name: string; value?: number; fill: string }\n  containerWidth: number\n  showLabels?: boolean\n}) {\n  // Determine if label should be on the left or right based on position\n  const isRightSide = x > containerWidth / 2\n  const labelX = isRightSide ? x - 6 : x + width + 6\n  const textAnchor = isRightSide ? 'end' : 'start'\n\n  return (\n    <g>\n      {/* Node rectangle */}\n      <rect\n        x={x}\n        y={y}\n        width={width}\n        height={height}\n        fill={payload.fill}\n        rx={2}\n        ry={2}\n      />\n      {/* Node label - only shown if showLabels is true */}\n      {showLabels && (\n        <text\n          x={labelX}\n          y={y + height / 2}\n          textAnchor={textAnchor}\n          dominantBaseline=\"middle\"\n          className=\"dc:text-xs dc:fill-dc-text\"\n          style={{ fontSize: 11 }}\n        >\n          {payload.name}\n          {payload.value !== undefined && (\n            <tspan className=\"dc:fill-dc-text-secondary\" dx={4}>\n              ({payload.value.toLocaleString()})\n            </tspan>\n          )}\n        </text>\n      )}\n    </g>\n  )\n}\n\n/**\n * Custom tooltip for Sankey chart\n */\nfunction SankeyTooltip({ active, payload }: {\n  active?: boolean\n  payload?: Array<{ payload: { name: string; value: number; source?: { name: string }; target?: { name: string } } }>\n}) {\n  if (!active || !payload || payload.length === 0) return null\n\n  const data = payload[0].payload\n\n  // Check if this is a link (has source/target) or a node\n  if (data.source && data.target) {\n    return (\n      <div className=\"bg-dc-surface dc:border border-dc-border dc:rounded-md dc:px-3 dc:py-2 dc:shadow-lg dc:text-sm\">\n        <div className=\"dc:font-medium text-dc-text\">\n          {data.source.name} → {data.target.name}\n        </div>\n        <div className=\"text-dc-text-secondary dc:mt-1\">\n          <span className=\"dc:font-medium\">{data.value.toLocaleString()}</span> entities\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"bg-dc-surface dc:border border-dc-border dc:rounded-md dc:px-3 dc:py-2 dc:shadow-lg dc:text-sm\">\n      <div className=\"dc:font-medium text-dc-text\">{data.name}</div>\n      {data.value !== undefined && (\n        <div className=\"text-dc-text-secondary dc:mt-1\">\n          <span className=\"dc:font-medium\">{data.value.toLocaleString()}</span> entities\n        </div>\n      )}\n    </div>\n  )\n}\n\n/**\n * SankeyChart Component\n *\n * Renders a Sankey diagram visualization from FlowChartData.\n * Shows flow paths with nodes at each layer and links between them.\n */\nconst SankeyChart = React.memo(function SankeyChart({\n  data,\n  height = '100%',\n  colorPalette,\n  displayConfig,\n}: ChartProps) {\n  const { t } = useTranslation()\n  // Track container width for label positioning\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [containerWidth, setContainerWidth] = useState(800)\n\n  useEffect(() => {\n    const updateWidth = () => {\n      if (containerRef.current) {\n        setContainerWidth(containerRef.current.offsetWidth)\n      }\n    }\n    updateWidth()\n    window.addEventListener('resize', updateWidth)\n    return () => window.removeEventListener('resize', updateWidth)\n  }, [])\n\n  // Get display config options\n  // Use custom properties from displayConfig if available, otherwise use defaults\n  const displayConfigAny = displayConfig as Record<string, unknown> | undefined\n  const linkOpacity = parseFloat(String(displayConfigAny?.linkOpacity || '0.5'))\n  const nodeWidth = (displayConfigAny?.nodeWidth as number) ?? 10\n  const nodePadding = (displayConfigAny?.nodePadding as number) ?? 50\n  const showNodeLabels = displayConfigAny?.showNodeLabels !== false // Default true\n\n  // Extract and transform data\n  const flowData = useMemo(() => {\n    const extracted = extractFlowData(data || [])\n    if (!extracted) return null\n\n    return transformToRechartsFormat(extracted, colorPalette?.colors || CHART_COLORS)\n  }, [data, colorPalette])\n\n  // Calculate summary stats\n  const summaryStats = useMemo(() => {\n    const extracted = extractFlowData(data || [])\n    if (!extracted) return null\n\n    const totalEntities = extracted.nodes\n      .filter((n) => n.layer === 0)\n      .reduce((sum, n) => sum + (n.value || 0), 0)\n\n    const totalPaths = extracted.links.reduce((sum, l) => sum + l.value, 0)\n\n    return {\n      nodeCount: extracted.nodes.length,\n      linkCount: extracted.links.length,\n      totalEntities,\n      totalPaths,\n    }\n  }, [data])\n\n  // Handle no data\n  if (!data || data.length === 0 || !flowData || flowData.nodes.length === 0) {\n    return (\n      <div\n        className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\"\n        style={{ height }}\n      >\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.flow.noData')}</div>\n          <div className=\"dc:text-xs text-dc-text-secondary\">\n            {t('chart.runtime.noDataHint.flow')}\n          </div>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div ref={containerRef} className=\"dc:relative dc:w-full dc:h-full dc:flex dc:flex-col\" style={{ height }}>\n      {/* Sankey Diagram */}\n      <div className=\"dc:flex-1 dc:min-h-0\">\n        <ResponsiveContainer width=\"100%\" height=\"100%\">\n          <Sankey\n            data={flowData}\n            nodeWidth={nodeWidth}\n            nodePadding={nodePadding}\n            margin={{ top: 20, right: 20, bottom: 20, left: 20 }}\n            link={{\n              stroke: 'var(--dc-border)',\n              strokeOpacity: linkOpacity,\n            }}\n            node={(props: any) => (\n              <SankeyNode {...props} containerWidth={containerWidth} showLabels={showNodeLabels} />\n            )}\n          >\n            <Tooltip content={<SankeyTooltip />} />\n          </Sankey>\n        </ResponsiveContainer>\n      </div>\n\n      {/* Summary Footer */}\n      {!(displayConfigAny?.hideSummaryFooter) && summaryStats && (\n        <div className=\"dc:flex-shrink-0 dc:px-4 dc:py-2 dc:border-t border-dc-border bg-dc-surface-secondary\">\n          <div className=\"dc:flex dc:items-center dc:justify-between dc:text-sm\">\n            <div className=\"text-dc-text-muted\">\n              <span className=\"dc:font-medium\">{summaryStats.nodeCount}</span> events\n            </div>\n            <div className=\"text-dc-text\">\n              <span className=\"text-dc-text-muted\">{t('chart.runtime.flow.paths')}</span>{' '}\n              <span className=\"dc:font-medium\">{summaryStats.linkCount}</span>\n            </div>\n            <div className=\"text-dc-text-muted\">\n              <span className=\"dc:font-medium\">{summaryStats.totalEntities.toLocaleString()}</span> starting entities\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n})\n\nexport default SankeyChart\n"],"mappings":"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"}