drizzle-cube 0.5.7 → 0.6.0

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

@@ -0,0 +1,119 @@
+import { n as e } from "./rolldown-runtime-CWhphoD1.js";
+import { D as t, E as n, M as r, P as i, S as a, s as o, w as s } from "./chart-activity-grid-DX0SJbxs.js";
+import { S as c, T as l, b as u, w as d, x as f, y as p } from "./chart-area-of01_62R.js";
+import m, { useMemo as h, useState as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Cell as y, Legend as b, Pie as x, PieChart as S } from "recharts";
+//#region src/client/components/charts/PieChart.tsx
+var C = /* @__PURE__ */ e({ default: () => T });
+function w(e, i, a, o, s, c) {
+	let l;
+	if (o.length > 0) {
+		let { data: t } = r(e, i, a, s, o, c);
+		if (l = [], t.length > 0) {
+			let e = t[0];
+			Object.keys(e).forEach((t) => {
+				t !== "name" && typeof e[t] == "number" && l.push({
+					name: String(t),
+					value: e[t]
+				});
+			});
+		}
+	} else {
+		let r = t(s, i);
+		l = e.map((e) => {
+			let t = n(e[i], r) || String(e[i]) || "Unknown";
+			return typeof e[i] == "boolean" ? t = e[i] ? "Active" : "Inactive" : (t === "true" || t === "false") && (t = t === "true" ? "Active" : "Inactive"), {
+				name: t,
+				value: typeof e[a[0]] == "string" ? parseFloat(e[a[0]]) : e[a[0]] || 0
+			};
+		});
+	}
+	let u = l.length;
+	return l = l.filter((e) => e.value != null && !isNaN(e.value) && e.value !== 0 && e.value > 0), {
+		pieData: l,
+		originalLength: u
+	};
+}
+var T = m.memo(function({ data: e, chartConfig: t, displayConfig: n = {}, queryObject: r, height: m = "100%", colorPalette: C, onDataPointClick: T, drillEnabled: E }) {
+	let { t: D } = i(), [O, k] = g(null), A = a(), { xAxisField: j, yAxisFields: M, seriesFields: N, errorCode: P } = h(() => p(t), [t]);
+	try {
+		let t = {
+			showLegend: n?.showLegend ?? !0,
+			showTooltip: n?.showTooltip ?? !0,
+			leftYAxisFormat: n?.leftYAxisFormat,
+			innerRadius: n?.innerRadius || "0%"
+		};
+		if (!e || e.length === 0) return /* @__PURE__ */ _(f, {
+			height: m,
+			hint: D("chart.runtime.noDataHint.pie")
+		});
+		if (P) return /* @__PURE__ */ _(u, {
+			height: m,
+			hint: D(P === "axisInvalid" ? "chart.runtime.configErrorHint.pieAxis" : "chart.runtime.configErrorHint.axisFields")
+		});
+		let { pieData: i, originalLength: a } = w(e, j, M, N, r, A);
+		return i.length === 0 ? /* @__PURE__ */ _(f, {
+			height: m,
+			titleKey: "chart.runtime.noValidData",
+			hint: a > 0 ? `Filtered out ${a} data points (zero or invalid values)` : "No data points to display in pie chart"
+		}) : /* @__PURE__ */ _(l, {
+			height: m,
+			children: /* @__PURE__ */ v(S, {
+				accessibilityLayer: !1,
+				children: [
+					/* @__PURE__ */ _(x, {
+						data: i,
+						cx: "50%",
+						cy: "50%",
+						innerRadius: t.innerRadius === "0%" ? void 0 : t.innerRadius,
+						outerRadius: "70%",
+						dataKey: "value",
+						label: t.showLegend ? void 0 : ({ name: e, percent: t }) => `${e} ${((t || 0) * 100).toFixed(0)}%`,
+						cursor: E ? "pointer" : void 0,
+						onClick: (e, t, n) => {
+							T && E && e && T({
+								dataPoint: e,
+								clickedField: M[0],
+								xValue: e.name,
+								position: {
+									x: n.clientX,
+									y: n.clientY
+								},
+								nativeEvent: n
+							});
+						},
+						children: i.map((e, t) => /* @__PURE__ */ _(y, {
+							fill: C?.colors && C.colors[t % C.colors.length] || o[t % o.length],
+							fillOpacity: O ? O === i[t].name ? 1 : .3 : 1
+						}, `cell-${t}`))
+					}),
+					t.showTooltip && /* @__PURE__ */ _(d, { formatter: t.leftYAxisFormat ? (e, n) => [s(e, t.leftYAxisFormat), n] : void 0 }),
+					t.showLegend && /* @__PURE__ */ _(b, {
+						wrapperStyle: {
+							fontSize: "12px",
+							paddingTop: "10px"
+						},
+						iconType: "circle",
+						iconSize: 8,
+						layout: "horizontal",
+						align: "center",
+						verticalAlign: "bottom",
+						onMouseEnter: (e) => k(String(e.value || "")),
+						onMouseLeave: () => k(null)
+					})
+				]
+			})
+		});
+	} catch (e) {
+		return /* @__PURE__ */ _(c, {
+			height: m,
+			chartType: "Pie Chart",
+			error: e
+		});
+	}
+});
+//#endregion
+export { C as n, T as t };
+
+//# sourceMappingURL=chart-pie-ByieAX5H.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chart-pie-ByieAX5H.js","names":[],"sources":["../../../src/client/components/charts/PieChart.tsx"],"sourcesContent":["import React, { useState, useMemo } 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 { ChartEmptyState, ChartConfigError, ChartRenderError } from './ChartStates'\nimport { resolveChartAxisFields } from './chartAxisResolution'\nimport { CHART_COLORS } from '../../utils/chartConstants'\nimport { transformChartDataWithSeries, formatTimeValue, getFieldGranularity, formatAxisValue } from '../../utils/chartUtils'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel'\nimport type { ChartProps, CubeQuery } from '../../types'\n\ninterface PieSlice {\n  name: string\n  value: number\n}\n\n/**\n * Build pie slices from query data, supporting both series-based (dimension\n * slices) and standard measure-based pies. Returns the slices that survive\n * value filtering plus the pre-filter count (so the caller can explain how\n * many points were dropped). Pure — extracted to keep `PieChart` simple.\n */\nfunction buildPieData(\n  data: any[],\n  xField: string,\n  yAxisFields: string[],\n  seriesFields: string[],\n  queryObject: CubeQuery | undefined,\n  getFieldLabel: (field: string) => string\n): { pieData: PieSlice[]; originalLength: number } {\n  let pieData: PieSlice[]\n\n  if (seriesFields.length > 0) {\n    // Use series-based transformation for dimension-based pie slices\n    const { data: chartData } = transformChartDataWithSeries(\n      data,\n      xField,\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({ name: String(key), value: firstRow[key] })\n        }\n      })\n    }\n  } else {\n    // Standard measure-based pie chart\n    const granularity = getFieldGranularity(queryObject, xField)\n    pieData = data.map(item => {\n      let name = formatTimeValue(item[xField], granularity) || String(item[xField]) || 'Unknown'\n      // Handle boolean values with better labels\n      if (typeof item[xField] === 'boolean') {\n        name = item[xField] ? '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 non-positive)\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  return { pieData, originalLength }\n}\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  // Resolve + validate axis fields (hooks-first to satisfy React rules)\n  const { xAxisField, yAxisFields, seriesFields, errorCode } = useMemo(\n    () => resolveChartAxisFields(chartConfig),\n    [chartConfig]\n  )\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 <ChartEmptyState height={height} hint={t('chart.runtime.noDataHint.pie')} />\n    }\n\n    if (errorCode) {\n      // Pie surfaces a pie-specific message for the \"invalid config\" case\n      const hintKey = errorCode === 'axisInvalid'\n        ? 'chart.runtime.configErrorHint.pieAxis'\n        : 'chart.runtime.configErrorHint.axisFields'\n      return <ChartConfigError height={height} hint={t(hintKey)} />\n    }\n\n    // The errorCode guard above guarantees xAxisField is defined here\n    const xField = xAxisField as string\n\n    const { pieData, originalLength } = buildPieData(\n      data,\n      xField,\n      yAxisFields,\n      seriesFields,\n      queryObject,\n      getFieldLabel\n    )\n\n    if (pieData.length === 0) {\n      return (\n        <ChartEmptyState\n          height={height}\n          titleKey=\"chart.runtime.noValidData\"\n          hint={\n            originalLength > 0\n              ? `Filtered out ${originalLength} data points (zero or invalid values)`\n              : 'No data points to display in pie chart'\n          }\n        />\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    return <ChartRenderError height={height} chartType=\"Pie Chart\" error={error} />\n  }\n})\n\nexport default PieChart"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"chart-radar-CiSwHWp4.js","names":[],"sources":["../../../src/client/components/charts/radarChartHelpers.ts","../../../src/client/components/charts/RadarChart.tsx"],"sourcesContent":["import { transformChartDataWithSeries, formatTimeValue, getFieldGranularity } from '../../utils/chartUtils'\n\n/**\n * Co-located data-shaping helpers for RadarChart. The component supports a\n * config-driven format and a legacy auto-detection format; both branches are\n * isolated here so the component body stays focused on rendering. Pure\n * extraction — no behaviour change.\n */\n\nexport interface RadarShape {\n  radarData: any[]\n  seriesKeys: string[]\n  /** True when no numeric value fields could be found (legacy auto-detect). */\n  noNumericFields?: boolean\n}\n\nfunction shapeFromChartConfig(\n  data: any[],\n  chartConfig: any,\n  queryObject: any\n): RadarShape {\n  const xAxisField = Array.isArray(chartConfig.xAxis) ? chartConfig.xAxis[0] : chartConfig.xAxis\n  const yAxisFields = Array.isArray(chartConfig.yAxis) ? chartConfig.yAxis : [chartConfig.yAxis]\n  const seriesFields = chartConfig.series || []\n\n  const { data: radarData, seriesKeys } = transformChartDataWithSeries(\n    data,\n    xAxisField,\n    yAxisFields,\n    queryObject,\n    seriesFields\n  )\n  return { radarData, seriesKeys }\n}\n\nfunction toNumber(value: unknown): number {\n  return typeof value === 'string' ? parseFloat(value) : ((value as number) || 0)\n}\n\nfunction shapeFromLegacy(data: any[], queryObject: any): RadarShape {\n  const firstRow = data[0]\n  const keys = Object.keys(firstRow)\n\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  const valueFields = keys.filter(key => typeof firstRow[key] === 'number' && key !== subjectField)\n\n  if (valueFields.length === 0) {\n    return { radarData: [], seriesKeys: [], noNumericFields: true }\n  }\n\n  if (subjectField) {\n    const granularity = getFieldGranularity(queryObject, subjectField)\n    const radarData = data.map(item => {\n      const transformedItem: any = {\n        name: formatTimeValue(item[subjectField], granularity) || String(item[subjectField]) || 'Unknown'\n      }\n      valueFields.forEach(field => {\n        const displayName = field.split('.').pop() || field\n        transformedItem[displayName] = toNumber(item[field])\n      })\n      return transformedItem\n    })\n    return { radarData, seriesKeys: valueFields.map(field => field.split('.').pop() || field) }\n  }\n\n  const radarData = data.map(item => ({\n    name: String(item[keys[0]] || 'Unknown'),\n    value: toNumber(item[valueFields[0]])\n  }))\n  return { radarData, seriesKeys: ['value'] }\n}\n\n/** Shape rows for the radar chart via config-driven or legacy auto-detection. */\nexport function buildRadarData(data: any[], chartConfig: any, queryObject: any): RadarShape {\n  if (chartConfig?.xAxis && chartConfig?.yAxis) {\n    return shapeFromChartConfig(data, chartConfig, queryObject)\n  }\n  return shapeFromLegacy(data, queryObject)\n}\n","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 { ChartEmptyState, ChartConfigError, ChartRenderError } from './ChartStates'\nimport { buildRadarData } from './radarChartHelpers'\nimport { CHART_COLORS } from '../../utils/chartConstants'\nimport { 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 <ChartEmptyState height={height} hint={t('chart.runtime.noDataHint.radar')} />\n    }\n\n    const { radarData, seriesKeys, noNumericFields } = buildRadarData(data, chartConfig, queryObject)\n\n    if (noNumericFields) {\n      return <ChartConfigError height={height} hint={t('chart.runtime.configErrorHint.radarNumeric')} />\n    }\n\n    // Validate transformed data\n    if (!radarData || radarData.length === 0) {\n      return (\n        <ChartEmptyState\n          height={height}\n          titleKey=\"chart.runtime.noValidData\"\n          hint=\"No valid data points for radar chart after transformation\"\n        />\n      )\n    }\n\n    const { leftYAxisFormat } = safeDisplayConfig\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={leftYAxisFormat\n              ? (value: any) => formatAxisValue(value, leftYAxisFormat)\n              : undefined\n            }\n          />\n          {safeDisplayConfig.showTooltip && (\n            <ChartTooltip\n              formatter={leftYAxisFormat\n                ? (value: any, name: string) => [formatAxisValue(value, 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            const color = (colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) || CHART_COLORS[index % CHART_COLORS.length]\n            return (\n              <Radar\n                key={seriesKey}\n                name={seriesKey}\n                dataKey={seriesKey}\n                stroke={color}\n                fill={color}\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          })}\n        </RechartsRadarChart>\n      </ChartContainer>\n    )\n  } catch (error) {\n    return <ChartRenderError height={height} chartType=\"Radar Chart\" error={error} />\n  }\n})\n\nexport default RadarChart\n"],"mappings":"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"}

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

@@ -0,0 +1,122 @@
+import { n as e } from "./rolldown-runtime-CWhphoD1.js";
+import { D as t, E as n, P as r, s as i, w as a } from "./chart-activity-grid-DX0SJbxs.js";
+import { S as o, T as s, b as c, w as l, x as u } from "./chart-area-of01_62R.js";
+import d, { useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Cell as h, Legend as g, RadialBar as _, RadialBarChart as v } from "recharts";
+//#region src/client/components/charts/radialBarChartHelpers.ts
+function y(e, t) {
+	let n = e?.colors;
+	return n && n[t % n.length] || i[t % i.length];
+}
+function b(e) {
+	return typeof e == "string" ? parseFloat(e) : e || 0;
+}
+function x(e, r, i, a) {
+	let o = Array.isArray(r.xAxis) ? r.xAxis[0] : r.xAxis, s = Array.isArray(r.yAxis) ? r.yAxis[0] : r.yAxis, c = t(i, o);
+	return { radialData: e.map((e, t) => ({
+		name: n(e[o], c) || String(e[o]) || "Unknown",
+		value: b(e[s]),
+		fill: y(a, t)
+	})) };
+}
+function S(e) {
+	return typeof e == "boolean" ? e ? "Active" : "Inactive" : e === "true" || e === "false" ? e === "true" ? "Active" : "Inactive" : String(e);
+}
+function C(e, t) {
+	let n = e[0], r = Object.keys(n), i = r.find((e) => typeof n[e] == "string" || e.toLowerCase().includes("name") || e.toLowerCase().includes("label") || e.toLowerCase().includes("category")) || r[0], a = r.find((e) => typeof n[e] == "number" && e !== i) || r[1];
+	return a ? { radialData: e.map((e, n) => ({
+		name: S(e[i]),
+		value: b(e[a]),
+		fill: y(t, n)
+	})) } : {
+		radialData: [],
+		noValueField: !0
+	};
+}
+function w(e, t, n, r) {
+	let i = t?.xAxis && t?.yAxis ? x(e, t, n, r) : C(e, r);
+	return i.noValueField ? i : { radialData: i.radialData.filter((e) => e.value != null && e.value !== 0) };
+}
+//#endregion
+//#region src/client/components/charts/RadialBarChart.tsx
+var T = /* @__PURE__ */ e({ default: () => E }), E = d.memo(function({ data: e, chartConfig: t, displayConfig: n = {}, queryObject: i, height: d = "100%", colorPalette: y }) {
+	let { t: b } = r(), [x, S] = f(null);
+	try {
+		let r = {
+			showLegend: n?.showLegend ?? !0,
+			showTooltip: n?.showTooltip ?? !0,
+			leftYAxisFormat: n?.leftYAxisFormat
+		};
+		if (!e || e.length === 0) return /* @__PURE__ */ p(u, {
+			height: d,
+			hint: b("chart.runtime.noDataHint.radialBar")
+		});
+		let { radialData: o, noValueField: f } = w(e, t, i, y);
+		if (f) return /* @__PURE__ */ p(c, {
+			height: d,
+			hint: b("chart.runtime.configErrorHint.radialBarNumeric")
+		});
+		if (o.length === 0) return /* @__PURE__ */ p(u, {
+			height: d,
+			titleKey: "chart.runtime.noValidData",
+			hint: "No valid data points for radial bar chart after transformation"
+		});
+		let { leftYAxisFormat: C } = r;
+		return /* @__PURE__ */ p(s, {
+			height: d,
+			children: /* @__PURE__ */ m(v, {
+				data: o,
+				innerRadius: "10%",
+				outerRadius: "80%",
+				margin: {
+					top: 20,
+					right: 30,
+					bottom: 20,
+					left: 30
+				},
+				accessibilityLayer: !1,
+				children: [
+					r.showTooltip && /* @__PURE__ */ p(l, { formatter: C ? (e, t) => [a(e, C), t] : void 0 }),
+					r.showLegend && /* @__PURE__ */ p(g, {
+						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__ */ p(_, {
+						dataKey: "value",
+						cornerRadius: 4,
+						label: {
+							position: "insideStart",
+							fill: "#fff",
+							fontSize: 12,
+							formatter: C ? (e) => a(e, C) : void 0
+						},
+						children: o.map((e, t) => /* @__PURE__ */ p(h, {
+							fill: e.fill,
+							fillOpacity: x ? x === e.name ? 1 : .3 : 1
+						}, `cell-${t}`))
+					})
+				]
+			})
+		});
+	} catch (e) {
+		return /* @__PURE__ */ p(o, {
+			height: d,
+			chartType: "Radial Bar Chart",
+			error: e
+		});
+	}
+});
+//#endregion
+export { T as n, E as t };
+
+//# sourceMappingURL=chart-radial-bar-BF6Mhl6f.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chart-radial-bar-BF6Mhl6f.js","names":[],"sources":["../../../src/client/components/charts/radialBarChartHelpers.ts","../../../src/client/components/charts/RadialBarChart.tsx"],"sourcesContent":["import { CHART_COLORS } from '../../utils/chartConstants'\nimport { formatTimeValue, getFieldGranularity } from '../../utils/chartUtils'\nimport type { ColorPalette } from '../../types'\n\n/**\n * Co-located data-shaping helpers for RadialBarChart. The component supports a\n * config-driven format and a legacy auto-detection format; both branches are\n * isolated here so the component body stays focused on rendering. Pure\n * extraction — no behaviour change.\n */\n\nexport interface RadialDatum {\n  name: string\n  value: number\n  fill?: string\n}\n\nexport interface RadialShape {\n  radialData: RadialDatum[]\n  /** True when the legacy auto-detect found no usable value field. */\n  noValueField?: boolean\n}\n\nfunction colorAt(colorPalette: ColorPalette | undefined, index: number): string {\n  const colors = colorPalette?.colors\n  return (colors && colors[index % colors.length]) || CHART_COLORS[index % CHART_COLORS.length]\n}\n\nfunction toNumber(value: unknown): number {\n  return typeof value === 'string' ? parseFloat(value) : ((value as number) || 0)\n}\n\nfunction shapeFromChartConfig(\n  data: any[],\n  chartConfig: any,\n  queryObject: any,\n  colorPalette: ColorPalette | undefined\n): RadialShape {\n  const xAxisField = Array.isArray(chartConfig.xAxis) ? chartConfig.xAxis[0] : chartConfig.xAxis\n  const yAxisField = Array.isArray(chartConfig.yAxis) ? chartConfig.yAxis[0] : chartConfig.yAxis\n  const granularity = getFieldGranularity(queryObject, xAxisField)\n\n  const radialData = data.map((item, index) => ({\n    name: formatTimeValue(item[xAxisField], granularity) || String(item[xAxisField]) || 'Unknown',\n    value: toNumber(item[yAxisField]),\n    fill: colorAt(colorPalette, index)\n  }))\n  return { radialData }\n}\n\n/** Coerce a name value to a display label, mapping booleans to Active/Inactive. */\nfunction toRadialName(name: unknown): string {\n  if (typeof name === 'boolean') return name ? 'Active' : 'Inactive'\n  if (name === 'true' || name === 'false') return name === 'true' ? 'Active' : 'Inactive'\n  return String(name)\n}\n\nfunction shapeFromLegacy(\n  data: any[],\n  colorPalette: ColorPalette | undefined\n): RadialShape {\n  const firstRow = data[0]\n  const keys = Object.keys(firstRow)\n\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  const valueField = keys.find(key => typeof firstRow[key] === 'number' && key !== nameField) || keys[1]\n\n  if (!valueField) {\n    return { radialData: [], noValueField: true }\n  }\n\n  const radialData = data.map((item, index) => ({\n    name: toRadialName(item[nameField]),\n    value: toNumber(item[valueField]),\n    fill: colorAt(colorPalette, index)\n  }))\n  return { radialData }\n}\n\n/**\n * Shape rows for the radial bar chart (config-driven or legacy auto-detect),\n * filtering out null/zero values.\n */\nexport function buildRadialData(\n  data: any[],\n  chartConfig: any,\n  queryObject: any,\n  colorPalette: ColorPalette | undefined\n): RadialShape {\n  const shaped = chartConfig?.xAxis && chartConfig?.yAxis\n    ? shapeFromChartConfig(data, chartConfig, queryObject, colorPalette)\n    : shapeFromLegacy(data, colorPalette)\n\n  if (shaped.noValueField) return shaped\n\n  return { radialData: shaped.radialData.filter(item => item.value != null && item.value !== 0) }\n}\n","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 { ChartEmptyState, ChartConfigError, ChartRenderError } from './ChartStates'\nimport { buildRadialData } from './radialBarChartHelpers'\nimport { 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 <ChartEmptyState height={height} hint={t('chart.runtime.noDataHint.radialBar')} />\n    }\n\n    const { radialData, noValueField } = buildRadialData(data, chartConfig, queryObject, colorPalette)\n\n    if (noValueField) {\n      return <ChartConfigError height={height} hint={t('chart.runtime.configErrorHint.radialBarNumeric')} />\n    }\n\n    if (radialData.length === 0) {\n      return (\n        <ChartEmptyState\n          height={height}\n          titleKey=\"chart.runtime.noValidData\"\n          hint=\"No valid data points for radial bar chart after transformation\"\n        />\n      )\n    }\n\n    const { leftYAxisFormat } = safeDisplayConfig\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={leftYAxisFormat\n                ? (value: any, name: string) => [formatAxisValue(value, 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: leftYAxisFormat\n                ? (value: any) => formatAxisValue(value, 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    return <ChartRenderError height={height} chartType=\"Radial Bar Chart\" error={error} />\n  }\n})\n\nexport default RadialBarChart\n"],"mappings":"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"}

package/dist/client/chunks/{chart-sankey-CFzjGvZX.js → chart-sankey-DjrvKw6K.js}

@@ -1,5 +1,5 @@
 import { n as e } from "./rolldown-runtime-CWhphoD1.js";
-import { k as t, n } from "./chart-activity-grid-CiHrLH6Y.js";
+import { P as t, s as n } from "./chart-activity-grid-DX0SJbxs.js";
 import r, { useEffect as i, useMemo as a, useRef as o, useState as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { ResponsiveContainer as u, Sankey as d, Tooltip as f } from "recharts";
@@ -14,7 +14,7 @@ function m(e) {
 }
 //#endregion
 //#region src/client/components/charts/SankeyChart.tsx
-var h = /* @__PURE__ */ e({ default: () => S }), g = {
+var h = /* @__PURE__ */ e({ default: () => w }), g = {
 	before: "#F97316",
 	start: "#3B82F6",
 	after: "#10B981"
@@ -79,48 +79,45 @@ function b({ x: e, y: t, width: n, height: r, payload: i, containerWidth: a, sho
 		})]
 	})] });
 }
-function x({ active: e, payload: t }) {
-	if (!e || !t || t.length === 0) return null;
-	let n = t[0].payload;
-	return n.source && n.target ? /* @__PURE__ */ l("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",
-		children: [/* @__PURE__ */ l("div", {
-			className: "dc:font-medium text-dc-text",
-			children: [
-				n.source.name,
-				" → ",
-				n.target.name
-			]
-		}), /* @__PURE__ */ l("div", {
-			className: "text-dc-text-secondary dc:mt-1",
-			children: [/* @__PURE__ */ c("span", {
-				className: "dc:font-medium",
-				children: n.value.toLocaleString()
-			}), " entities"]
-		})]
-	}) : /* @__PURE__ */ l("div", {
+function x({ children: e }) {
+	return /* @__PURE__ */ c("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",
-		children: [/* @__PURE__ */ c("div", {
-			className: "dc:font-medium text-dc-text",
-			children: n.name
-		}), n.value !== void 0 && /* @__PURE__ */ l("div", {
-			className: "text-dc-text-secondary dc:mt-1",
-			children: [/* @__PURE__ */ c("span", {
-				className: "dc:font-medium",
-				children: n.value.toLocaleString()
-			}), " entities"]
-		})]
+		children: e
+	});
+}
+function S({ value: e }) {
+	return /* @__PURE__ */ l("div", {
+		className: "text-dc-text-secondary dc:mt-1",
+		children: [/* @__PURE__ */ c("span", {
+			className: "dc:font-medium",
+			children: e.toLocaleString()
+		}), " entities"]
 	});
 }
-var S = r.memo(function({ data: e, height: r = "100%", colorPalette: p, displayConfig: m }) {
-	let { t: h } = t(), g = o(null), [_, S] = s(800);
+function C({ active: e, payload: t }) {
+	if (!e || !t || t.length === 0) return null;
+	let n = t[0].payload, { source: r, target: i } = n;
+	return r && i ? /* @__PURE__ */ l(x, { children: [/* @__PURE__ */ l("div", {
+		className: "dc:font-medium text-dc-text",
+		children: [
+			r.name,
+			" → ",
+			i.name
+		]
+	}), /* @__PURE__ */ c(S, { value: n.value })] }) : /* @__PURE__ */ l(x, { children: [/* @__PURE__ */ c("div", {
+		className: "dc:font-medium text-dc-text",
+		children: n.name
+	}), n.value !== void 0 && /* @__PURE__ */ c(S, { value: n.value })] });
+}
+var w = r.memo(function({ data: e, height: r = "100%", colorPalette: p, displayConfig: m }) {
+	let { t: h } = t(), g = o(null), [_, x] = s(800);
 	i(() => {
 		let e = () => {
-			g.current && S(g.current.offsetWidth);
+			g.current && x(g.current.offsetWidth);
 		};
 		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, []);
-	let C = m, w = parseFloat(String(C?.linkOpacity || "0.5")), T = C?.nodeWidth ?? 10, E = C?.nodePadding ?? 50, D = C?.showNodeLabels !== !1, O = a(() => {
+	let S = m, w = parseFloat(String(S?.linkOpacity || "0.5")), T = S?.nodeWidth ?? 10, E = S?.nodePadding ?? 50, D = S?.showNodeLabels !== !1, O = a(() => {
 		let t = y(e || []);
 		return t ? v(t, p?.colors || n) : null;
 	}, [e, p]), k = a(() => {
@@ -175,10 +172,10 @@ var S = r.memo(function({ data: e, height: r = "100%", colorPalette: p, displayC
 						containerWidth: _,
 						showLabels: D
 					}),
-					children: /* @__PURE__ */ c(f, { content: /* @__PURE__ */ c(x, {}) })
+					children: /* @__PURE__ */ c(f, { content: /* @__PURE__ */ c(C, {}) })
 				})
 			})
-		}), !C?.hideSummaryFooter && k && /* @__PURE__ */ c("div", {
+		}), !S?.hideSummaryFooter && k && /* @__PURE__ */ c("div", {
 			className: "dc:flex-shrink-0 dc:px-4 dc:py-2 dc:border-t border-dc-border bg-dc-surface-secondary",
 			children: /* @__PURE__ */ l("div", {
 				className: "dc:flex dc:items-center dc:justify-between dc:text-sm",
@@ -219,4 +216,4 @@ var S = r.memo(function({ data: e, height: r = "100%", colorPalette: p, displayC
 //#endregion
 export { p as n, m as r, h as t };
 
-//# sourceMappingURL=chart-sankey-CFzjGvZX.js.map
+//# sourceMappingURL=chart-sankey-DjrvKw6K.js.map