drizzle-cube 0.7.0 → 0.8.0

package/dist/client/chunks/{chart-measure-profile-BSUPFZCR.js → chart-measure-profile-CBAZaicJ.js}

@@ -1,6 +1,6 @@
 import { n as e } from "./rolldown-runtime-DArdT4gl.js";
-import { P as t, S as n, l as r, s as i, w as a } from "./chart-activity-grid-DVOhLgxv.js";
-import { A as o, M as s, j as c } from "./chart-area-C-5ATxvi.js";
+import { P as t, S as n, l as r, s as i, w as a } from "./chart-activity-grid-DvD_4wJz.js";
+import { A as o, M as s, j as c } from "./chart-area-DPp3hSOK.js";
 import l, { useMemo as u } from "react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 import { CartesianGrid as p, Legend as m, Line as h, LineChart as g, ReferenceLine as _, XAxis as v, YAxis as y } from "recharts";
@@ -177,4 +177,4 @@ var S = l.memo(function({ data: e, chartConfig: l, displayConfig: b = {}, height
 //#endregion
 export { b as t };
 
-//# sourceMappingURL=chart-measure-profile-BSUPFZCR.js.map
+//# sourceMappingURL=chart-measure-profile-CBAZaicJ.js.map

package/dist/client/chunks/{chart-measure-profile-BSUPFZCR.js.map → chart-measure-profile-CBAZaicJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chart-measure-profile-BSUPFZCR.js","names":[],"sources":["../../../src/client/components/charts/MeasureProfileChart.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation.js'\nimport { LineChart, Line, XAxis, YAxis, CartesianGrid, ReferenceLine, Legend } from 'recharts'\nimport ChartContainer from './ChartContainer.js'\nimport ChartTooltip from './ChartTooltip.js'\nimport AngledXAxisTick from './AngledXAxisTick.js'\nimport { CHART_COLORS, CHART_MARGINS } from '../../utils/chartConstants.js'\nimport { formatAxisValue } from '../../utils/chartUtils.js'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel.js'\nimport type { ChartProps } from '../../types.js'\n\n/**\n * Pivots N measures from chartConfig.yAxis[] into sequential X-axis points.\n * Each measure becomes one X-axis category; its numeric value is Y.\n * When a series dimension is provided, values are averaged across all rows\n * that share the same series value.\n *\n * Input (normal cube rows):\n *   [{ 'Markouts.avgMinus2m': 10, 'Markouts.avgAtEvent': 0, 'Trades.symbol': 'AAPL' },\n *    { 'Markouts.avgMinus2m': 12, 'Markouts.avgAtEvent': 1, 'Trades.symbol': 'AAPL' }]\n *\n * Output (one row per measure, values averaged per series):\n *   [{ measureKey: 'Markouts.avgMinus2m', measureLabel: <getFieldLabel result>, AAPL: 11 },\n *    { measureKey: 'Markouts.avgAtEvent', measureLabel: <getFieldLabel result>, AAPL: 0.5 }]\n */\nfunction pivotMeasuresToProfile(\n  data: Record<string, unknown>[],\n  yAxisFields: string[],\n  seriesField: string | undefined,\n  getFieldLabel: (field: string) => string\n): { profileData: Record<string, unknown>[]; seriesKeys: string[] } {\n  if (!data || data.length === 0 || yAxisFields.length === 0) {\n    return { profileData: [], seriesKeys: [] }\n  }\n\n  if (seriesField) {\n    const seriesValues = Array.from(new Set(data.map((row) => String(row[seriesField] ?? 'Unknown'))))\n    const profileData = yAxisFields.map((field) => {\n      const base: Record<string, unknown> = {\n        measureKey: field,\n        measureLabel: getFieldLabel(field),\n      }\n      for (const seriesVal of seriesValues) {\n        const matchingRows = data.filter((row) => String(row[seriesField] ?? 'Unknown') === seriesVal)\n        const values = matchingRows\n          .map((r) => {\n            const v = r[field]\n            return typeof v === 'number' ? v : parseFloat(String(v ?? ''))\n          })\n          .filter((v) => !isNaN(v))\n        base[seriesVal] = values.length > 0 ? values.reduce((a, b) => a + b, 0) / values.length : null\n      }\n      return base\n    })\n    return { profileData, seriesKeys: seriesValues }\n  } else {\n    const VALUE_KEY = '_value'\n    const profileData = yAxisFields.map((field) => {\n      const values = data\n        .map((r) => {\n          const v = r[field]\n          return typeof v === 'number' ? v : parseFloat(String(v ?? ''))\n        })\n        .filter((v) => !isNaN(v))\n      return {\n        measureKey: field,\n        measureLabel: getFieldLabel(field),\n        [VALUE_KEY]: values.length > 0 ? values.reduce((a, b) => a + b, 0) / values.length : null,\n      }\n    })\n    return { profileData, seriesKeys: [VALUE_KEY] }\n  }\n}\n\nconst MeasureProfileChart = React.memo(function MeasureProfileChart({\n  data,\n  chartConfig,\n  displayConfig = {},\n  height = '100%',\n  colorPalette,\n  drillEnabled,\n}: ChartProps) {\n  const { t } = useTranslation()\n  const getFieldLabel = useCubeFieldLabel()\n\n  const showReferenceLineAtZero = displayConfig?.showReferenceLineAtZero ?? true\n  const showDataLabels = displayConfig?.showDataLabels ?? false\n  const lineType = displayConfig?.lineType ?? 'monotone'\n  const yAxisFormat = displayConfig?.leftYAxisFormat\n\n  const { yAxisFields, seriesField, configError } = useMemo(() => {\n    const yAxisFields: string[] = Array.isArray(chartConfig?.yAxis)\n      ? chartConfig.yAxis\n      : []\n    const seriesField = Array.isArray(chartConfig?.series)\n      ? chartConfig.series[0]\n      : chartConfig?.series ?? undefined\n    const configError =\n      yAxisFields.length < 2 ? 'Measure Profile chart requires at least 2 measures in Y-Axis' : null\n    return { yAxisFields, seriesField, configError }\n  }, [chartConfig])\n\n  const { profileData, seriesKeys } = useMemo(() => {\n    if (configError || !data || data.length === 0) return { profileData: [], seriesKeys: [] }\n    return pivotMeasuresToProfile(\n      data as Record<string, unknown>[],\n      yAxisFields,\n      seriesField,\n      getFieldLabel\n    )\n  }, [data, yAxisFields, seriesField, getFieldLabel, configError])\n\n  const showLegend = (displayConfig?.showLegend ?? true) && seriesKeys.length > 1\n\n  try {\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.measureProfile')}</div>\n          </div>\n        </div>\n      )\n    }\n\n    if (configError) {\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\">{configError}</div>\n          </div>\n        </div>\n      )\n    }\n    return (\n      <div className=\"dc:relative dc:w-full\" style={{ height }}>\n        <ChartContainer height=\"100%\">\n          <LineChart data={profileData} margin={{ ...CHART_MARGINS, left: 40 }} accessibilityLayer={false}>\n            <CartesianGrid strokeDasharray=\"3 3\" style={{ pointerEvents: 'none' }} />\n            <XAxis dataKey=\"measureLabel\" type=\"category\" tick={<AngledXAxisTick />} height={60} />\n            <YAxis\n              tick={{ fontSize: 12 }}\n              tickFormatter={yAxisFormat ? (v) => formatAxisValue(v, yAxisFormat) : undefined}\n            />\n            <ChartTooltip\n              formatter={(value: any, name: any) => {\n                if (value === null || value === undefined) return ['No data', name]\n                const formatted = yAxisFormat ? formatAxisValue(value, yAxisFormat) : value?.toLocaleString?.() ?? value\n                const displayName = name === '_value' ? (getFieldLabel(yAxisFields[0]?.split('.')[0]) || 'Value') : name\n                return [formatted, displayName]\n              }}\n            />\n            {showReferenceLineAtZero && (\n              <ReferenceLine y={0} stroke=\"var(--dc-border, #94a3b8)\" strokeDasharray=\"4 2\" />\n            )}\n            {showLegend && (\n              <Legend wrapperStyle={{ fontSize: '12px', paddingTop: '8px' }} />\n            )}\n            {seriesKeys.map((seriesKey, index) => (\n              <Line\n                key={seriesKey}\n                type={lineType}\n                dataKey={seriesKey}\n                name={seriesKey === '_value' ? (getFieldLabel(yAxisFields[0]?.split('.')[0]) || 'Value') : seriesKey}\n                stroke={\n                  (colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) ||\n                  CHART_COLORS[index % CHART_COLORS.length]\n                }\n                strokeWidth={2}\n                dot={showDataLabels ? { r: 4 } : { r: 3 }}\n                activeDot={{ r: 5 }}\n                label={showDataLabels ? { position: 'top', fontSize: 10 } : undefined}\n                isAnimationActive={false}\n                cursor={drillEnabled ? 'pointer' : undefined}\n              />\n            ))}\n          </LineChart>\n        </ChartContainer>\n      </div>\n    )\n  } catch (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: 'Measure Profile 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 MeasureProfileChart\n"],"mappings":"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"}
+{"version":3,"file":"chart-measure-profile-CBAZaicJ.js","names":[],"sources":["../../../src/client/components/charts/MeasureProfileChart.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation.js'\nimport { LineChart, Line, XAxis, YAxis, CartesianGrid, ReferenceLine, Legend } from 'recharts'\nimport ChartContainer from './ChartContainer.js'\nimport ChartTooltip from './ChartTooltip.js'\nimport AngledXAxisTick from './AngledXAxisTick.js'\nimport { CHART_COLORS, CHART_MARGINS } from '../../utils/chartConstants.js'\nimport { formatAxisValue } from '../../utils/chartUtils.js'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel.js'\nimport type { ChartProps } from '../../types.js'\n\n/**\n * Pivots N measures from chartConfig.yAxis[] into sequential X-axis points.\n * Each measure becomes one X-axis category; its numeric value is Y.\n * When a series dimension is provided, values are averaged across all rows\n * that share the same series value.\n *\n * Input (normal cube rows):\n *   [{ 'Markouts.avgMinus2m': 10, 'Markouts.avgAtEvent': 0, 'Trades.symbol': 'AAPL' },\n *    { 'Markouts.avgMinus2m': 12, 'Markouts.avgAtEvent': 1, 'Trades.symbol': 'AAPL' }]\n *\n * Output (one row per measure, values averaged per series):\n *   [{ measureKey: 'Markouts.avgMinus2m', measureLabel: <getFieldLabel result>, AAPL: 11 },\n *    { measureKey: 'Markouts.avgAtEvent', measureLabel: <getFieldLabel result>, AAPL: 0.5 }]\n */\nfunction pivotMeasuresToProfile(\n  data: Record<string, unknown>[],\n  yAxisFields: string[],\n  seriesField: string | undefined,\n  getFieldLabel: (field: string) => string\n): { profileData: Record<string, unknown>[]; seriesKeys: string[] } {\n  if (!data || data.length === 0 || yAxisFields.length === 0) {\n    return { profileData: [], seriesKeys: [] }\n  }\n\n  if (seriesField) {\n    const seriesValues = Array.from(new Set(data.map((row) => String(row[seriesField] ?? 'Unknown'))))\n    const profileData = yAxisFields.map((field) => {\n      const base: Record<string, unknown> = {\n        measureKey: field,\n        measureLabel: getFieldLabel(field),\n      }\n      for (const seriesVal of seriesValues) {\n        const matchingRows = data.filter((row) => String(row[seriesField] ?? 'Unknown') === seriesVal)\n        const values = matchingRows\n          .map((r) => {\n            const v = r[field]\n            return typeof v === 'number' ? v : parseFloat(String(v ?? ''))\n          })\n          .filter((v) => !isNaN(v))\n        base[seriesVal] = values.length > 0 ? values.reduce((a, b) => a + b, 0) / values.length : null\n      }\n      return base\n    })\n    return { profileData, seriesKeys: seriesValues }\n  } else {\n    const VALUE_KEY = '_value'\n    const profileData = yAxisFields.map((field) => {\n      const values = data\n        .map((r) => {\n          const v = r[field]\n          return typeof v === 'number' ? v : parseFloat(String(v ?? ''))\n        })\n        .filter((v) => !isNaN(v))\n      return {\n        measureKey: field,\n        measureLabel: getFieldLabel(field),\n        [VALUE_KEY]: values.length > 0 ? values.reduce((a, b) => a + b, 0) / values.length : null,\n      }\n    })\n    return { profileData, seriesKeys: [VALUE_KEY] }\n  }\n}\n\nconst MeasureProfileChart = React.memo(function MeasureProfileChart({\n  data,\n  chartConfig,\n  displayConfig = {},\n  height = '100%',\n  colorPalette,\n  drillEnabled,\n}: ChartProps) {\n  const { t } = useTranslation()\n  const getFieldLabel = useCubeFieldLabel()\n\n  const showReferenceLineAtZero = displayConfig?.showReferenceLineAtZero ?? true\n  const showDataLabels = displayConfig?.showDataLabels ?? false\n  const lineType = displayConfig?.lineType ?? 'monotone'\n  const yAxisFormat = displayConfig?.leftYAxisFormat\n\n  const { yAxisFields, seriesField, configError } = useMemo(() => {\n    const yAxisFields: string[] = Array.isArray(chartConfig?.yAxis)\n      ? chartConfig.yAxis\n      : []\n    const seriesField = Array.isArray(chartConfig?.series)\n      ? chartConfig.series[0]\n      : chartConfig?.series ?? undefined\n    const configError =\n      yAxisFields.length < 2 ? 'Measure Profile chart requires at least 2 measures in Y-Axis' : null\n    return { yAxisFields, seriesField, configError }\n  }, [chartConfig])\n\n  const { profileData, seriesKeys } = useMemo(() => {\n    if (configError || !data || data.length === 0) return { profileData: [], seriesKeys: [] }\n    return pivotMeasuresToProfile(\n      data as Record<string, unknown>[],\n      yAxisFields,\n      seriesField,\n      getFieldLabel\n    )\n  }, [data, yAxisFields, seriesField, getFieldLabel, configError])\n\n  const showLegend = (displayConfig?.showLegend ?? true) && seriesKeys.length > 1\n\n  try {\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.measureProfile')}</div>\n          </div>\n        </div>\n      )\n    }\n\n    if (configError) {\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\">{configError}</div>\n          </div>\n        </div>\n      )\n    }\n    return (\n      <div className=\"dc:relative dc:w-full\" style={{ height }}>\n        <ChartContainer height=\"100%\">\n          <LineChart data={profileData} margin={{ ...CHART_MARGINS, left: 40 }} accessibilityLayer={false}>\n            <CartesianGrid strokeDasharray=\"3 3\" style={{ pointerEvents: 'none' }} />\n            <XAxis dataKey=\"measureLabel\" type=\"category\" tick={<AngledXAxisTick />} height={60} />\n            <YAxis\n              tick={{ fontSize: 12 }}\n              tickFormatter={yAxisFormat ? (v) => formatAxisValue(v, yAxisFormat) : undefined}\n            />\n            <ChartTooltip\n              formatter={(value: any, name: any) => {\n                if (value === null || value === undefined) return ['No data', name]\n                const formatted = yAxisFormat ? formatAxisValue(value, yAxisFormat) : value?.toLocaleString?.() ?? value\n                const displayName = name === '_value' ? (getFieldLabel(yAxisFields[0]?.split('.')[0]) || 'Value') : name\n                return [formatted, displayName]\n              }}\n            />\n            {showReferenceLineAtZero && (\n              <ReferenceLine y={0} stroke=\"var(--dc-border, #94a3b8)\" strokeDasharray=\"4 2\" />\n            )}\n            {showLegend && (\n              <Legend wrapperStyle={{ fontSize: '12px', paddingTop: '8px' }} />\n            )}\n            {seriesKeys.map((seriesKey, index) => (\n              <Line\n                key={seriesKey}\n                type={lineType}\n                dataKey={seriesKey}\n                name={seriesKey === '_value' ? (getFieldLabel(yAxisFields[0]?.split('.')[0]) || 'Value') : seriesKey}\n                stroke={\n                  (colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) ||\n                  CHART_COLORS[index % CHART_COLORS.length]\n                }\n                strokeWidth={2}\n                dot={showDataLabels ? { r: 4 } : { r: 3 }}\n                activeDot={{ r: 5 }}\n                label={showDataLabels ? { position: 'top', fontSize: 10 } : undefined}\n                isAnimationActive={false}\n                cursor={drillEnabled ? 'pointer' : undefined}\n              />\n            ))}\n          </LineChart>\n        </ChartContainer>\n      </div>\n    )\n  } catch (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: 'Measure Profile 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 MeasureProfileChart\n"],"mappings":"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"}

package/dist/client/chunks/{chart-pie-CwRfwWWZ.js → chart-pie-ChrasEI8.js}

@@ -1,6 +1,6 @@
 import { n as e } from "./rolldown-runtime-DArdT4gl.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-DVOhLgxv.js";
-import { D as c, E as l, M as u, O as d, j as f, k as p } from "./chart-area-C-5ATxvi.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-DvD_4wJz.js";
+import { D as c, E as l, M as u, O as d, j as f, k as p } from "./chart-area-DPp3hSOK.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";
@@ -116,4 +116,4 @@ var T = m.memo(function({ data: e, chartConfig: t, displayConfig: n = {}, queryO
 //#endregion
 export { C as n, T as t };
 
-//# sourceMappingURL=chart-pie-CwRfwWWZ.js.map
+//# sourceMappingURL=chart-pie-ChrasEI8.js.map

package/dist/client/chunks/{chart-pie-CwRfwWWZ.js.map → chart-pie-ChrasEI8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chart-pie-CwRfwWWZ.js","names":[],"sources":["../../../src/client/components/charts/PieChart.tsx"],"sourcesContent":["import React, { useState, useMemo } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation.js'\nimport { PieChart as RechartsPieChart, Pie, Cell, Legend } from 'recharts'\nimport ChartContainer from './ChartContainer.js'\nimport ChartTooltip from './ChartTooltip.js'\nimport { ChartEmptyState, ChartConfigError, ChartRenderError } from './ChartStates.js'\nimport { resolveChartAxisFields } from './chartAxisResolution.js'\nimport { CHART_COLORS } from '../../utils/chartConstants.js'\nimport { transformChartDataWithSeries, formatTimeValue, getFieldGranularity, formatAxisValue } from '../../utils/chartUtils.js'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel.js'\nimport type { ChartProps, CubeQuery } from '../../types.js'\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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"}
+{"version":3,"file":"chart-pie-ChrasEI8.js","names":[],"sources":["../../../src/client/components/charts/PieChart.tsx"],"sourcesContent":["import React, { useState, useMemo } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation.js'\nimport { PieChart as RechartsPieChart, Pie, Cell, Legend } from 'recharts'\nimport ChartContainer from './ChartContainer.js'\nimport ChartTooltip from './ChartTooltip.js'\nimport { ChartEmptyState, ChartConfigError, ChartRenderError } from './ChartStates.js'\nimport { resolveChartAxisFields } from './chartAxisResolution.js'\nimport { CHART_COLORS } from '../../utils/chartConstants.js'\nimport { transformChartDataWithSeries, formatTimeValue, getFieldGranularity, formatAxisValue } from '../../utils/chartUtils.js'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel.js'\nimport type { ChartProps, CubeQuery } from '../../types.js'\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-Dfql2E7i.js → chart-radar-CxSVF7yL.js}

@@ -1,6 +1,6 @@
 import { n as e } from "./rolldown-runtime-DArdT4gl.js";
-import { D as t, E as n, M as r, P as i, s as a, w as o } from "./chart-activity-grid-DVOhLgxv.js";
-import { D as s, M as c, O as l, j as u, k as d } from "./chart-area-C-5ATxvi.js";
+import { D as t, E as n, M as r, P as i, s as a, w as o } from "./chart-activity-grid-DvD_4wJz.js";
+import { D as s, M as c, O as l, j as u, k as d } from "./chart-area-DPp3hSOK.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";
@@ -135,4 +135,4 @@ var E = /* @__PURE__ */ e({ default: () => D }), D = f.memo(function({ data: e,
 //#endregion
 export { E as n, D as t };
 
-//# sourceMappingURL=chart-radar-Dfql2E7i.js.map
+//# sourceMappingURL=chart-radar-CxSVF7yL.js.map

package/dist/client/chunks/{chart-radar-Dfql2E7i.js.map → chart-radar-CxSVF7yL.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chart-radar-Dfql2E7i.js","names":[],"sources":["../../../src/client/components/charts/radarChartHelpers.ts","../../../src/client/components/charts/RadarChart.tsx"],"sourcesContent":["import { transformChartDataWithSeries, formatTimeValue, getFieldGranularity } from '../../utils/chartUtils.js'\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.js'\nimport { RadarChart as RechartsRadarChart, PolarGrid, PolarAngleAxis, PolarRadiusAxis, Radar, Legend } from 'recharts'\nimport ChartContainer from './ChartContainer.js'\nimport ChartTooltip from './ChartTooltip.js'\nimport { ChartEmptyState, ChartConfigError, ChartRenderError } from './ChartStates.js'\nimport { buildRadarData } from './radarChartHelpers.js'\nimport { CHART_COLORS } from '../../utils/chartConstants.js'\nimport { formatAxisValue } from '../../utils/chartUtils.js'\nimport type { ChartProps } from '../../types.js'\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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"}
+{"version":3,"file":"chart-radar-CxSVF7yL.js","names":[],"sources":["../../../src/client/components/charts/radarChartHelpers.ts","../../../src/client/components/charts/RadarChart.tsx"],"sourcesContent":["import { transformChartDataWithSeries, formatTimeValue, getFieldGranularity } from '../../utils/chartUtils.js'\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.js'\nimport { RadarChart as RechartsRadarChart, PolarGrid, PolarAngleAxis, PolarRadiusAxis, Radar, Legend } from 'recharts'\nimport ChartContainer from './ChartContainer.js'\nimport ChartTooltip from './ChartTooltip.js'\nimport { ChartEmptyState, ChartConfigError, ChartRenderError } from './ChartStates.js'\nimport { buildRadarData } from './radarChartHelpers.js'\nimport { CHART_COLORS } from '../../utils/chartConstants.js'\nimport { formatAxisValue } from '../../utils/chartUtils.js'\nimport type { ChartProps } from '../../types.js'\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-oE9OZ1IX.js → chart-radial-bar--SN0Wph0.js}

@@ -1,6 +1,6 @@
 import { n as e } from "./rolldown-runtime-DArdT4gl.js";
-import { D as t, E as n, P as r, s as i, w as a } from "./chart-activity-grid-DVOhLgxv.js";
-import { D as o, M as s, O as c, j as l, k as u } from "./chart-area-C-5ATxvi.js";
+import { D as t, E as n, P as r, s as i, w as a } from "./chart-activity-grid-DvD_4wJz.js";
+import { D as o, M as s, O as c, j as l, k as u } from "./chart-area-DPp3hSOK.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";
@@ -119,4 +119,4 @@ var T = /* @__PURE__ */ e({ default: () => E }), E = d.memo(function({ data: e,
 //#endregion
 export { T as n, E as t };
 
-//# sourceMappingURL=chart-radial-bar-oE9OZ1IX.js.map
+//# sourceMappingURL=chart-radial-bar--SN0Wph0.js.map

package/dist/client/chunks/{chart-radial-bar-oE9OZ1IX.js.map → chart-radial-bar--SN0Wph0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chart-radial-bar-oE9OZ1IX.js","names":[],"sources":["../../../src/client/components/charts/radialBarChartHelpers.ts","../../../src/client/components/charts/RadialBarChart.tsx"],"sourcesContent":["import { CHART_COLORS } from '../../utils/chartConstants.js'\nimport { formatTimeValue, getFieldGranularity } from '../../utils/chartUtils.js'\nimport type { ColorPalette } from '../../types.js'\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.js'\nimport { RadialBarChart as RechartsRadialBarChart, RadialBar, Legend, Cell } from 'recharts'\nimport ChartContainer from './ChartContainer.js'\nimport ChartTooltip from './ChartTooltip.js'\nimport { ChartEmptyState, ChartConfigError, ChartRenderError } from './ChartStates.js'\nimport { buildRadialData } from './radialBarChartHelpers.js'\nimport { formatAxisValue } from '../../utils/chartUtils.js'\nimport type { ChartProps } from '../../types.js'\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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"}
+{"version":3,"file":"chart-radial-bar--SN0Wph0.js","names":[],"sources":["../../../src/client/components/charts/radialBarChartHelpers.ts","../../../src/client/components/charts/RadialBarChart.tsx"],"sourcesContent":["import { CHART_COLORS } from '../../utils/chartConstants.js'\nimport { formatTimeValue, getFieldGranularity } from '../../utils/chartUtils.js'\nimport type { ColorPalette } from '../../types.js'\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.js'\nimport { RadialBarChart as RechartsRadialBarChart, RadialBar, Legend, Cell } from 'recharts'\nimport ChartContainer from './ChartContainer.js'\nimport ChartTooltip from './ChartTooltip.js'\nimport { ChartEmptyState, ChartConfigError, ChartRenderError } from './ChartStates.js'\nimport { buildRadialData } from './radialBarChartHelpers.js'\nimport { formatAxisValue } from '../../utils/chartUtils.js'\nimport type { ChartProps } from '../../types.js'\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-tK7Oz1bC.js → chart-sankey-CDOSGg9r.js}

@@ -1,5 +1,5 @@
 import { n as e } from "./rolldown-runtime-DArdT4gl.js";
-import { P as t, s as n } from "./chart-activity-grid-DVOhLgxv.js";
+import { P as t, s as n } from "./chart-activity-grid-DvD_4wJz.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";
@@ -216,4 +216,4 @@ var w = 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-tK7Oz1bC.js.map
+//# sourceMappingURL=chart-sankey-CDOSGg9r.js.map

package/dist/client/chunks/{chart-sankey-tK7Oz1bC.js.map → chart-sankey-CDOSGg9r.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chart-sankey-tK7Oz1bC.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.js'\nimport type { FunnelBindingKey } from './funnel.js'\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.js'\nimport { Sankey, Tooltip, ResponsiveContainer } from 'recharts'\nimport { CHART_COLORS } from '../../utils/chartConstants.js'\nimport type { ChartProps } from '../../types.js'\nimport type { FlowChartData } from '../../types/flow.js'\nimport { isSankeyData } from '../../types/flow.js'\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/** Shared tooltip card wrapper for the Sankey tooltip variants. */\nfunction SankeyTooltipCard({ children }: { children: React.ReactNode }) {\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      {children}\n    </div>\n  )\n}\n\n/** Entity count row shared by both tooltip variants. */\nfunction SankeyEntityCount({ value }: { value: number }) {\n  return (\n    <div className=\"text-dc-text-secondary dc:mt-1\">\n      <span className=\"dc:font-medium\">{value.toLocaleString()}</span> entities\n    </div>\n  )\n}\n\ninterface SankeyTooltipDatum {\n  name: string\n  value: number\n  source?: { name: string }\n  target?: { name: string }\n}\n\n/**\n * Custom tooltip for Sankey chart. Renders a link variant (source → target)\n * when both endpoints are present, otherwise a node variant.\n */\nfunction SankeyTooltip({ active, payload }: {\n  active?: boolean\n  payload?: Array<{ payload: SankeyTooltipDatum }>\n}) {\n  if (!active || !payload || payload.length === 0) return null\n\n  const data = payload[0].payload\n  const { source, target } = data\n\n  if (source && target) {\n    return (\n      <SankeyTooltipCard>\n        <div className=\"dc:font-medium text-dc-text\">\n          {source.name} → {target.name}\n        </div>\n        <SankeyEntityCount value={data.value} />\n      </SankeyTooltipCard>\n    )\n  }\n\n  return (\n    <SankeyTooltipCard>\n      <div className=\"dc:font-medium text-dc-text\">{data.name}</div>\n      {data.value !== undefined && <SankeyEntityCount value={data.value} />}\n    </SankeyTooltipCard>\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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"}
+{"version":3,"file":"chart-sankey-CDOSGg9r.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.js'\nimport type { FunnelBindingKey } from './funnel.js'\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.js'\nimport { Sankey, Tooltip, ResponsiveContainer } from 'recharts'\nimport { CHART_COLORS } from '../../utils/chartConstants.js'\nimport type { ChartProps } from '../../types.js'\nimport type { FlowChartData } from '../../types/flow.js'\nimport { isSankeyData } from '../../types/flow.js'\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/** Shared tooltip card wrapper for the Sankey tooltip variants. */\nfunction SankeyTooltipCard({ children }: { children: React.ReactNode }) {\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      {children}\n    </div>\n  )\n}\n\n/** Entity count row shared by both tooltip variants. */\nfunction SankeyEntityCount({ value }: { value: number }) {\n  return (\n    <div className=\"text-dc-text-secondary dc:mt-1\">\n      <span className=\"dc:font-medium\">{value.toLocaleString()}</span> entities\n    </div>\n  )\n}\n\ninterface SankeyTooltipDatum {\n  name: string\n  value: number\n  source?: { name: string }\n  target?: { name: string }\n}\n\n/**\n * Custom tooltip for Sankey chart. Renders a link variant (source → target)\n * when both endpoints are present, otherwise a node variant.\n */\nfunction SankeyTooltip({ active, payload }: {\n  active?: boolean\n  payload?: Array<{ payload: SankeyTooltipDatum }>\n}) {\n  if (!active || !payload || payload.length === 0) return null\n\n  const data = payload[0].payload\n  const { source, target } = data\n\n  if (source && target) {\n    return (\n      <SankeyTooltipCard>\n        <div className=\"dc:font-medium text-dc-text\">\n          {source.name} → {target.name}\n        </div>\n        <SankeyEntityCount value={data.value} />\n      </SankeyTooltipCard>\n    )\n  }\n\n  return (\n    <SankeyTooltipCard>\n      <div className=\"dc:font-medium text-dc-text\">{data.name}</div>\n      {data.value !== undefined && <SankeyEntityCount value={data.value} />}\n    </SankeyTooltipCard>\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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"}

package/dist/client/chunks/{chart-scatter-BtLfAsZb.js → chart-scatter-DgcEF-kI.js}

@@ -1,6 +1,6 @@
 import { n as e } from "./rolldown-runtime-DArdT4gl.js";
-import { A as t, D as n, E as r, P as i, S as a, k as o, l as s, s as c, w as l } from "./chart-activity-grid-DVOhLgxv.js";
-import { D as u, M as d, O as f, k as p } from "./chart-area-C-5ATxvi.js";
+import { A as t, D as n, E as r, P as i, S as a, k as o, l as s, s as c, w as l } from "./chart-activity-grid-DvD_4wJz.js";
+import { D as u, M as d, O as f, k as p } from "./chart-area-DPp3hSOK.js";
 import m, { useState as h } from "react";
 import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
 import { CartesianGrid as y, Legend as b, Scatter as x, ScatterChart as S, Tooltip as C, XAxis as w, YAxis as T } from "recharts";
@@ -255,4 +255,4 @@ var F = /* @__PURE__ */ e({ default: () => I }), I = m.memo(function({ data: e,
 //#endregion
 export { F as n, I as t };
 
-//# sourceMappingURL=chart-scatter-BtLfAsZb.js.map
+//# sourceMappingURL=chart-scatter-DgcEF-kI.js.map

package/dist/client/chunks/{chart-scatter-BtLfAsZb.js.map → chart-scatter-DgcEF-kI.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chart-scatter-BtLfAsZb.js","names":[],"sources":["../../../src/client/components/charts/ScatterChart.helpers.ts","../../../src/client/components/charts/ScatterTooltip.tsx","../../../src/client/components/charts/ScatterSeries.tsx","../../../src/client/components/charts/ScatterChart.tsx"],"sourcesContent":["/**\n * Co-located helpers for ScatterChart.\n *\n * Pure config-resolution + data-shaping extracted from the component. No\n * behaviour change — these mirror the original inline logic exactly.\n */\nimport {\n  formatTimeValue,\n  getFieldGranularity,\n  parseNumericValue,\n  isValidNumericValue\n} from '../../utils/chartUtils.js'\nimport { CHART_MARGINS } from '../../utils/chartConstants.js'\nimport type { AxisFormatConfig, ChartAxisConfig, ChartDisplayConfig, CubeQuery } from '../../types.js'\n\n// Limit series to prevent performance issues with high-cardinality fields (e.g.,\n// dates). Above this, the chart falls back to single-series mode.\nconst MAX_SERIES = 20\n\nexport interface ScatterRenderState {\n  showLegend: boolean\n  showGrid: boolean\n  showTooltip: boolean\n  /** Whether to render one Scatter per series group vs a single series. */\n  hasSeries: boolean\n  xAxisFormat?: AxisFormatConfig\n  /** For scatter charts the y-axis uses the left-axis format config. */\n  yAxisFormat?: AxisFormatConfig\n  chartMargins: typeof CHART_MARGINS\n}\n\n/**\n * Resolve all render-time display flags, axis formats and margins for the\n * scatter chart from the display config and the transformed series keys.\n */\nexport function resolveScatterRenderState(\n  displayConfig: ChartDisplayConfig | undefined,\n  seriesKeys: string[]\n): ScatterRenderState {\n  const showLegendConfig = displayConfig?.showLegend ?? true\n  const hasSeries = seriesKeys.length > 1 && seriesKeys.length <= MAX_SERIES\n  return {\n    showLegend: showLegendConfig && hasSeries,\n    showGrid: displayConfig?.showGrid ?? true,\n    showTooltip: displayConfig?.showTooltip ?? true,\n    hasSeries,\n    xAxisFormat: displayConfig?.xAxisFormat,\n    yAxisFormat: displayConfig?.leftYAxisFormat,\n    // Custom chart margins with extra left space for Y-axis label (40 vs 20)\n    chartMargins: { ...CHART_MARGINS, left: 40 }\n  }\n}\n\nexport interface ScatterAxisFields {\n  xAxisField: string\n  yAxisField: string\n  seriesFields: string[]\n  /** Set when the config is invalid (no usable axis fields). */\n  errorCode?: 'axisInvalid' | 'axisFields'\n}\n\n/** Resolve x/y/series fields supporting both the new and legacy config shapes. */\nexport function resolveScatterAxisFields(\n  chartConfig: ChartAxisConfig | undefined\n): ScatterAxisFields {\n  let xAxisField: string\n  let yAxisField: string\n  let seriesFields: string[] = []\n\n  if (chartConfig?.xAxis && chartConfig?.yAxis) {\n    // New format - handle both string and array values\n    xAxisField = Array.isArray(chartConfig.xAxis) ? chartConfig.xAxis[0] : chartConfig.xAxis\n    yAxisField = Array.isArray(chartConfig.yAxis) ? chartConfig.yAxis[0] : chartConfig.yAxis\n    const seriesConfig = chartConfig.series\n    seriesFields = seriesConfig ? (Array.isArray(seriesConfig) ? seriesConfig : [seriesConfig]) : []\n  } else if (chartConfig?.x && chartConfig?.y) {\n    // Legacy format (adapt for scatter chart)\n    xAxisField = chartConfig.x\n    yAxisField = Array.isArray(chartConfig.y) ? chartConfig.y[0] : chartConfig.y\n  } else {\n    return { xAxisField: '', yAxisField: '', seriesFields: [], errorCode: 'axisInvalid' }\n  }\n\n  if (!xAxisField || !yAxisField) {\n    return { xAxisField: '', yAxisField: '', seriesFields: [], errorCode: 'axisFields' }\n  }\n\n  return { xAxisField, yAxisField, seriesFields }\n}\n\nexport interface ScatterPoint {\n  x: number\n  y: number\n  name: string\n  timeValues: Record<string, string>\n  originalItem: Record<string, any>\n}\n\n/** Build the time-dimension value map for a single row (for tooltip display). */\nfunction buildTimeValues(\n  item: Record<string, any>,\n  timeDimensionFields: string[],\n  queryObject: CubeQuery | undefined\n): Record<string, string> {\n  const timeValues: Record<string, string> = {}\n  timeDimensionFields.forEach((field) => {\n    if (item[field]) {\n      const granularity = getFieldGranularity(queryObject, field)\n      timeValues[field] = formatTimeValue(item[field], granularity)\n    }\n  })\n  return timeValues\n}\n\n/** Convert a formatted x value to a number (parses time strings via parseFloat). */\nfunction toXNumber(item: Record<string, any>, xAxisField: string, xGranularity?: string): number {\n  const xValue = formatTimeValue(item[xAxisField], xGranularity) || item[xAxisField]\n  return typeof xValue === 'string' ? parseFloat(xValue) : xValue\n}\n\nexport interface ScatterTransform {\n  scatterData: ScatterPoint[]\n  seriesGroups: Record<string, ScatterPoint[]>\n}\n\n/**\n * Transform rows into scatter points, grouping by series when configured.\n * Null x/y coordinates are filtered out. Mirrors the original two-branch logic.\n */\nexport function transformScatterData(\n  data: Record<string, any>[],\n  xAxisField: string,\n  yAxisField: string,\n  seriesFields: string[],\n  timeDimensionFields: string[],\n  queryObject: CubeQuery | undefined\n): ScatterTransform {\n  const xGranularity = getFieldGranularity(queryObject, xAxisField)\n\n  if (seriesFields.length > 0) {\n    const seriesField = seriesFields[0]\n    const seriesGroups: Record<string, ScatterPoint[]> = {}\n\n    data.forEach((item) => {\n      const seriesValue = String(item[seriesField] || 'Default')\n      if (!seriesGroups[seriesValue]) {\n        seriesGroups[seriesValue] = []\n      }\n\n      const xNum = toXNumber(item, xAxisField, xGranularity)\n      const yValue = parseNumericValue(item[yAxisField])\n\n      if (isValidNumericValue(xNum) && yValue !== null) {\n        seriesGroups[seriesValue].push({\n          x: xNum,\n          y: yValue,\n          name: seriesValue,\n          timeValues: buildTimeValues(item, timeDimensionFields, queryObject),\n          originalItem: item\n        })\n      }\n    })\n\n    const scatterData = Object.keys(seriesGroups).flatMap((key) => seriesGroups[key])\n    return { scatterData, seriesGroups }\n  }\n\n  // Single series scatter plot\n  const scatterData = data\n    .map((item) => {\n      const xNum = toXNumber(item, xAxisField, xGranularity)\n      const yValue = parseNumericValue(item[yAxisField])\n      return {\n        x: xNum,\n        y: yValue as number,\n        name: 'Point',\n        timeValues: buildTimeValues(item, timeDimensionFields, queryObject),\n        originalItem: item,\n        isValid: isValidNumericValue(xNum) && yValue !== null\n      }\n    })\n    .filter((point) => point.isValid)\n    .map(({ isValid: _isValid, ...point }) => point)\n\n  return { scatterData, seriesGroups: {} }\n}\n","import { formatAxisValue } from '../../utils/chartUtils.js'\nimport type { AxisFormatConfig } from '../../types.js'\nimport type { ScatterPoint } from './ScatterChart.helpers.js'\n\ninterface ScatterTooltipProps {\n  active?: boolean\n  payload?: Array<{ payload?: ScatterPoint }>\n  xAxisField: string\n  yAxisField: string\n  xAxisFormat?: AxisFormatConfig\n  yAxisFormat?: AxisFormatConfig\n  getFieldLabel: (field: string) => string\n}\n\n/**\n * Custom Recharts tooltip content for ScatterChart.\n *\n * Extracted from the inline `content` render prop to keep the chart body lean.\n * Renders the point name, any time-dimension values, and the formatted x/y.\n */\nexport function ScatterTooltip({\n  active,\n  payload,\n  xAxisField,\n  yAxisField,\n  xAxisFormat,\n  yAxisFormat,\n  getFieldLabel\n}: ScatterTooltipProps) {\n  if (!active || !payload || payload.length === 0) return null\n  // Only show the first (active) point\n  const point = payload[0]?.payload\n  if (!point) return null\n\n  return (\n    <div style={{\n      backgroundColor: 'white',\n      border: '1px solid #e5e7eb',\n      borderRadius: '0.5rem',\n      fontSize: '0.875rem',\n      color: '#1f2937',\n      boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.1)',\n      padding: '8px 12px'\n    }}>\n      <div style={{ fontWeight: 600, marginBottom: '4px' }}>{point.name}</div>\n      {/* Show time dimension values if present */}\n      {point.timeValues && Object.keys(point.timeValues).length > 0 && (\n        <div style={{ marginBottom: '4px', color: '#6b7280' }}>\n          {Object.entries(point.timeValues).map(([field, value]) => (\n            <div key={field}>{getFieldLabel(field)}: {value as string}</div>\n          ))}\n        </div>\n      )}\n      <div>{xAxisFormat?.label || getFieldLabel(xAxisField)}: {formatAxisValue(point.x, xAxisFormat)}</div>\n      <div>{yAxisFormat?.label || getFieldLabel(yAxisField)}: {formatAxisValue(point.y, yAxisFormat)}</div>\n    </div>\n  )\n}\n","import { Scatter } from 'recharts'\nimport { CHART_COLORS } from '../../utils/chartConstants.js'\nimport type { ColorPalette } from '../../types.js'\nimport type { ScatterPoint } from './ScatterChart.helpers.js'\n\ninterface ScatterSeriesProps {\n  hasSeries: boolean\n  seriesKeys: string[]\n  seriesGroups: Record<string, ScatterPoint[]>\n  scatterData: ScatterPoint[]\n  colorPalette?: ColorPalette\n  hoveredLegend: string | null\n}\n\n/** Resolve the fill colour for a series index from the palette. */\nfunction seriesColor(colorPalette: ColorPalette | undefined, index: number): string {\n  return (colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) ||\n    CHART_COLORS[index % CHART_COLORS.length]\n}\n\n/**\n * Renders the `<Scatter>` series for ScatterChart — one per series group when\n * `hasSeries`, otherwise a single series. Returned as a fragment so it composes\n * inside the Recharts chart children. Behaviour matches the original inline JSX.\n */\nexport function ScatterSeries({\n  hasSeries,\n  seriesKeys,\n  seriesGroups,\n  scatterData,\n  colorPalette,\n  hoveredLegend\n}: ScatterSeriesProps) {\n  if (hasSeries) {\n    return (\n      <>\n        {seriesKeys.map((seriesKey, index) => (\n          <Scatter\n            key={seriesKey}\n            name={seriesKey}\n            data={seriesGroups[seriesKey]}\n            fill={seriesColor(colorPalette, index)}\n            fillOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 1 : 0.3) : 1}\n          />\n        ))}\n      </>\n    )\n  }\n\n  return (\n    <Scatter\n      name=\"Data\"\n      data={scatterData}\n      fill={(colorPalette?.colors && colorPalette.colors[0]) || CHART_COLORS[0]}\n    />\n  )\n}\n","import React, { useState } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation.js'\nimport { ScatterChart as RechartsScatterChart, XAxis, YAxis, CartesianGrid, Legend, Tooltip } from 'recharts'\nimport ChartContainer from './ChartContainer.js'\nimport { ChartEmptyState, ChartConfigError, ChartRenderError } from './ChartStates.js'\nimport { resolveScatterAxisFields, transformScatterData, resolveScatterRenderState } from './ScatterChart.helpers.js'\nimport { ScatterTooltip } from './ScatterTooltip.js'\nimport { ScatterSeries } from './ScatterSeries.js'\nimport { formatAxisValue } from '../../utils/chartUtils.js'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel.js'\nimport type { ChartProps } from '../../types.js'\n\nconst ScatterChart = React.memo(function ScatterChart({\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  // Use specialized hook to avoid re-renders from unrelated context changes\n  const getFieldLabel = useCubeFieldLabel()\n  \n  try {\n    if (!data || data.length === 0) {\n      return <ChartEmptyState height={height} hint={t('chart.runtime.noDataHint.scatter')} />\n    }\n\n    // Validate chartConfig - support both legacy and new formats\n    const { xAxisField, yAxisField, seriesFields, errorCode } = resolveScatterAxisFields(chartConfig)\n\n    if (errorCode) {\n      return <ChartConfigError height={height} hint={t(`chart.runtime.configErrorHint.${errorCode}`)} />\n    }\n\n    // Extract time dimensions from query for tooltip display\n    const timeDimensions = queryObject?.timeDimensions || []\n    const timeDimensionFields = timeDimensions.map((td: any) => td.dimension)\n\n    // Transform data for scatter plot (filters out null x/y coordinates)\n    const { scatterData, seriesGroups } = transformScatterData(\n      data,\n      xAxisField,\n      yAxisField,\n      seriesFields,\n      timeDimensionFields,\n      queryObject\n    )\n\n    // Validate transformed data\n    if (!scatterData || scatterData.length === 0) {\n      return (\n        <ChartEmptyState\n          height={height}\n          titleKey=\"chart.runtime.noValidData\"\n          hint=\"No valid data points for scatter chart after transformation\"\n        />\n      )\n    }\n\n    const seriesKeys = Object.keys(seriesGroups)\n    const { showLegend, showGrid, showTooltip, hasSeries, xAxisFormat, yAxisFormat, chartMargins } =\n      resolveScatterRenderState(displayConfig, seriesKeys)\n\n    return (\n      <ChartContainer height={height}>\n        <RechartsScatterChart margin={chartMargins} accessibilityLayer={false}>\n          {showGrid && (\n            <CartesianGrid strokeDasharray=\"3 3\" />\n          )}\n          <XAxis\n            type=\"number\"\n            dataKey=\"x\"\n            name={xAxisFormat?.label || getFieldLabel(xAxisField)}\n            tick={{ fontSize: 12 }}\n            tickFormatter={xAxisFormat ? (value) => formatAxisValue(value, xAxisFormat) : undefined}\n          />\n          <YAxis\n            type=\"number\"\n            dataKey=\"y\"\n            name={yAxisFormat?.label || getFieldLabel(yAxisField)}\n            tick={{ fontSize: 12 }}\n            tickFormatter={yAxisFormat ? (value) => formatAxisValue(value, yAxisFormat) : undefined}\n            label={{ value: yAxisFormat?.label || getFieldLabel(yAxisField), angle: -90, position: 'left', style: { textAnchor: 'middle', fontSize: '12px' } }}\n          />\n          {showTooltip && (\n            <Tooltip\n              cursor={{ strokeDasharray: '3 3' }}\n              content={({ active, payload }) => (\n                <ScatterTooltip\n                  active={active}\n                  payload={payload as any}\n                  xAxisField={xAxisField}\n                  yAxisField={yAxisField}\n                  xAxisFormat={xAxisFormat}\n                  yAxisFormat={yAxisFormat}\n                  getFieldLabel={getFieldLabel}\n                />\n              )}\n            />\n          )}\n          {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.dataKey || ''))}\n              onMouseLeave={() => setHoveredLegend(null)}\n            />\n          )}\n          <ScatterSeries\n            hasSeries={hasSeries}\n            seriesKeys={seriesKeys}\n            seriesGroups={seriesGroups}\n            scatterData={scatterData}\n            colorPalette={colorPalette}\n            hoveredLegend={hoveredLegend}\n          />\n        </RechartsScatterChart>\n      </ChartContainer>\n    )\n  } catch (error) {\n    // 'ScatterChart rendering error\n    return <ChartRenderError height={height} chartType=\"Scatter Chart\" error={error} />\n  }\n})\n\nexport default ScatterChart"],"mappings":"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"}
+{"version":3,"file":"chart-scatter-DgcEF-kI.js","names":[],"sources":["../../../src/client/components/charts/ScatterChart.helpers.ts","../../../src/client/components/charts/ScatterTooltip.tsx","../../../src/client/components/charts/ScatterSeries.tsx","../../../src/client/components/charts/ScatterChart.tsx"],"sourcesContent":["/**\n * Co-located helpers for ScatterChart.\n *\n * Pure config-resolution + data-shaping extracted from the component. No\n * behaviour change — these mirror the original inline logic exactly.\n */\nimport {\n  formatTimeValue,\n  getFieldGranularity,\n  parseNumericValue,\n  isValidNumericValue\n} from '../../utils/chartUtils.js'\nimport { CHART_MARGINS } from '../../utils/chartConstants.js'\nimport type { AxisFormatConfig, ChartAxisConfig, ChartDisplayConfig, CubeQuery } from '../../types.js'\n\n// Limit series to prevent performance issues with high-cardinality fields (e.g.,\n// dates). Above this, the chart falls back to single-series mode.\nconst MAX_SERIES = 20\n\nexport interface ScatterRenderState {\n  showLegend: boolean\n  showGrid: boolean\n  showTooltip: boolean\n  /** Whether to render one Scatter per series group vs a single series. */\n  hasSeries: boolean\n  xAxisFormat?: AxisFormatConfig\n  /** For scatter charts the y-axis uses the left-axis format config. */\n  yAxisFormat?: AxisFormatConfig\n  chartMargins: typeof CHART_MARGINS\n}\n\n/**\n * Resolve all render-time display flags, axis formats and margins for the\n * scatter chart from the display config and the transformed series keys.\n */\nexport function resolveScatterRenderState(\n  displayConfig: ChartDisplayConfig | undefined,\n  seriesKeys: string[]\n): ScatterRenderState {\n  const showLegendConfig = displayConfig?.showLegend ?? true\n  const hasSeries = seriesKeys.length > 1 && seriesKeys.length <= MAX_SERIES\n  return {\n    showLegend: showLegendConfig && hasSeries,\n    showGrid: displayConfig?.showGrid ?? true,\n    showTooltip: displayConfig?.showTooltip ?? true,\n    hasSeries,\n    xAxisFormat: displayConfig?.xAxisFormat,\n    yAxisFormat: displayConfig?.leftYAxisFormat,\n    // Custom chart margins with extra left space for Y-axis label (40 vs 20)\n    chartMargins: { ...CHART_MARGINS, left: 40 }\n  }\n}\n\nexport interface ScatterAxisFields {\n  xAxisField: string\n  yAxisField: string\n  seriesFields: string[]\n  /** Set when the config is invalid (no usable axis fields). */\n  errorCode?: 'axisInvalid' | 'axisFields'\n}\n\n/** Resolve x/y/series fields supporting both the new and legacy config shapes. */\nexport function resolveScatterAxisFields(\n  chartConfig: ChartAxisConfig | undefined\n): ScatterAxisFields {\n  let xAxisField: string\n  let yAxisField: string\n  let seriesFields: string[] = []\n\n  if (chartConfig?.xAxis && chartConfig?.yAxis) {\n    // New format - handle both string and array values\n    xAxisField = Array.isArray(chartConfig.xAxis) ? chartConfig.xAxis[0] : chartConfig.xAxis\n    yAxisField = Array.isArray(chartConfig.yAxis) ? chartConfig.yAxis[0] : chartConfig.yAxis\n    const seriesConfig = chartConfig.series\n    seriesFields = seriesConfig ? (Array.isArray(seriesConfig) ? seriesConfig : [seriesConfig]) : []\n  } else if (chartConfig?.x && chartConfig?.y) {\n    // Legacy format (adapt for scatter chart)\n    xAxisField = chartConfig.x\n    yAxisField = Array.isArray(chartConfig.y) ? chartConfig.y[0] : chartConfig.y\n  } else {\n    return { xAxisField: '', yAxisField: '', seriesFields: [], errorCode: 'axisInvalid' }\n  }\n\n  if (!xAxisField || !yAxisField) {\n    return { xAxisField: '', yAxisField: '', seriesFields: [], errorCode: 'axisFields' }\n  }\n\n  return { xAxisField, yAxisField, seriesFields }\n}\n\nexport interface ScatterPoint {\n  x: number\n  y: number\n  name: string\n  timeValues: Record<string, string>\n  originalItem: Record<string, any>\n}\n\n/** Build the time-dimension value map for a single row (for tooltip display). */\nfunction buildTimeValues(\n  item: Record<string, any>,\n  timeDimensionFields: string[],\n  queryObject: CubeQuery | undefined\n): Record<string, string> {\n  const timeValues: Record<string, string> = {}\n  timeDimensionFields.forEach((field) => {\n    if (item[field]) {\n      const granularity = getFieldGranularity(queryObject, field)\n      timeValues[field] = formatTimeValue(item[field], granularity)\n    }\n  })\n  return timeValues\n}\n\n/** Convert a formatted x value to a number (parses time strings via parseFloat). */\nfunction toXNumber(item: Record<string, any>, xAxisField: string, xGranularity?: string): number {\n  const xValue = formatTimeValue(item[xAxisField], xGranularity) || item[xAxisField]\n  return typeof xValue === 'string' ? parseFloat(xValue) : xValue\n}\n\nexport interface ScatterTransform {\n  scatterData: ScatterPoint[]\n  seriesGroups: Record<string, ScatterPoint[]>\n}\n\n/**\n * Transform rows into scatter points, grouping by series when configured.\n * Null x/y coordinates are filtered out. Mirrors the original two-branch logic.\n */\nexport function transformScatterData(\n  data: Record<string, any>[],\n  xAxisField: string,\n  yAxisField: string,\n  seriesFields: string[],\n  timeDimensionFields: string[],\n  queryObject: CubeQuery | undefined\n): ScatterTransform {\n  const xGranularity = getFieldGranularity(queryObject, xAxisField)\n\n  if (seriesFields.length > 0) {\n    const seriesField = seriesFields[0]\n    const seriesGroups: Record<string, ScatterPoint[]> = {}\n\n    data.forEach((item) => {\n      const seriesValue = String(item[seriesField] || 'Default')\n      if (!seriesGroups[seriesValue]) {\n        seriesGroups[seriesValue] = []\n      }\n\n      const xNum = toXNumber(item, xAxisField, xGranularity)\n      const yValue = parseNumericValue(item[yAxisField])\n\n      if (isValidNumericValue(xNum) && yValue !== null) {\n        seriesGroups[seriesValue].push({\n          x: xNum,\n          y: yValue,\n          name: seriesValue,\n          timeValues: buildTimeValues(item, timeDimensionFields, queryObject),\n          originalItem: item\n        })\n      }\n    })\n\n    const scatterData = Object.keys(seriesGroups).flatMap((key) => seriesGroups[key])\n    return { scatterData, seriesGroups }\n  }\n\n  // Single series scatter plot\n  const scatterData = data\n    .map((item) => {\n      const xNum = toXNumber(item, xAxisField, xGranularity)\n      const yValue = parseNumericValue(item[yAxisField])\n      return {\n        x: xNum,\n        y: yValue as number,\n        name: 'Point',\n        timeValues: buildTimeValues(item, timeDimensionFields, queryObject),\n        originalItem: item,\n        isValid: isValidNumericValue(xNum) && yValue !== null\n      }\n    })\n    .filter((point) => point.isValid)\n    .map(({ isValid: _isValid, ...point }) => point)\n\n  return { scatterData, seriesGroups: {} }\n}\n","import { formatAxisValue } from '../../utils/chartUtils.js'\nimport type { AxisFormatConfig } from '../../types.js'\nimport type { ScatterPoint } from './ScatterChart.helpers.js'\n\ninterface ScatterTooltipProps {\n  active?: boolean\n  payload?: Array<{ payload?: ScatterPoint }>\n  xAxisField: string\n  yAxisField: string\n  xAxisFormat?: AxisFormatConfig\n  yAxisFormat?: AxisFormatConfig\n  getFieldLabel: (field: string) => string\n}\n\n/**\n * Custom Recharts tooltip content for ScatterChart.\n *\n * Extracted from the inline `content` render prop to keep the chart body lean.\n * Renders the point name, any time-dimension values, and the formatted x/y.\n */\nexport function ScatterTooltip({\n  active,\n  payload,\n  xAxisField,\n  yAxisField,\n  xAxisFormat,\n  yAxisFormat,\n  getFieldLabel\n}: ScatterTooltipProps) {\n  if (!active || !payload || payload.length === 0) return null\n  // Only show the first (active) point\n  const point = payload[0]?.payload\n  if (!point) return null\n\n  return (\n    <div style={{\n      backgroundColor: 'white',\n      border: '1px solid #e5e7eb',\n      borderRadius: '0.5rem',\n      fontSize: '0.875rem',\n      color: '#1f2937',\n      boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.1)',\n      padding: '8px 12px'\n    }}>\n      <div style={{ fontWeight: 600, marginBottom: '4px' }}>{point.name}</div>\n      {/* Show time dimension values if present */}\n      {point.timeValues && Object.keys(point.timeValues).length > 0 && (\n        <div style={{ marginBottom: '4px', color: '#6b7280' }}>\n          {Object.entries(point.timeValues).map(([field, value]) => (\n            <div key={field}>{getFieldLabel(field)}: {value as string}</div>\n          ))}\n        </div>\n      )}\n      <div>{xAxisFormat?.label || getFieldLabel(xAxisField)}: {formatAxisValue(point.x, xAxisFormat)}</div>\n      <div>{yAxisFormat?.label || getFieldLabel(yAxisField)}: {formatAxisValue(point.y, yAxisFormat)}</div>\n    </div>\n  )\n}\n","import { Scatter } from 'recharts'\nimport { CHART_COLORS } from '../../utils/chartConstants.js'\nimport type { ColorPalette } from '../../types.js'\nimport type { ScatterPoint } from './ScatterChart.helpers.js'\n\ninterface ScatterSeriesProps {\n  hasSeries: boolean\n  seriesKeys: string[]\n  seriesGroups: Record<string, ScatterPoint[]>\n  scatterData: ScatterPoint[]\n  colorPalette?: ColorPalette\n  hoveredLegend: string | null\n}\n\n/** Resolve the fill colour for a series index from the palette. */\nfunction seriesColor(colorPalette: ColorPalette | undefined, index: number): string {\n  return (colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) ||\n    CHART_COLORS[index % CHART_COLORS.length]\n}\n\n/**\n * Renders the `<Scatter>` series for ScatterChart — one per series group when\n * `hasSeries`, otherwise a single series. Returned as a fragment so it composes\n * inside the Recharts chart children. Behaviour matches the original inline JSX.\n */\nexport function ScatterSeries({\n  hasSeries,\n  seriesKeys,\n  seriesGroups,\n  scatterData,\n  colorPalette,\n  hoveredLegend\n}: ScatterSeriesProps) {\n  if (hasSeries) {\n    return (\n      <>\n        {seriesKeys.map((seriesKey, index) => (\n          <Scatter\n            key={seriesKey}\n            name={seriesKey}\n            data={seriesGroups[seriesKey]}\n            fill={seriesColor(colorPalette, index)}\n            fillOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 1 : 0.3) : 1}\n          />\n        ))}\n      </>\n    )\n  }\n\n  return (\n    <Scatter\n      name=\"Data\"\n      data={scatterData}\n      fill={(colorPalette?.colors && colorPalette.colors[0]) || CHART_COLORS[0]}\n    />\n  )\n}\n","import React, { useState } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation.js'\nimport { ScatterChart as RechartsScatterChart, XAxis, YAxis, CartesianGrid, Legend, Tooltip } from 'recharts'\nimport ChartContainer from './ChartContainer.js'\nimport { ChartEmptyState, ChartConfigError, ChartRenderError } from './ChartStates.js'\nimport { resolveScatterAxisFields, transformScatterData, resolveScatterRenderState } from './ScatterChart.helpers.js'\nimport { ScatterTooltip } from './ScatterTooltip.js'\nimport { ScatterSeries } from './ScatterSeries.js'\nimport { formatAxisValue } from '../../utils/chartUtils.js'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel.js'\nimport type { ChartProps } from '../../types.js'\n\nconst ScatterChart = React.memo(function ScatterChart({\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  // Use specialized hook to avoid re-renders from unrelated context changes\n  const getFieldLabel = useCubeFieldLabel()\n  \n  try {\n    if (!data || data.length === 0) {\n      return <ChartEmptyState height={height} hint={t('chart.runtime.noDataHint.scatter')} />\n    }\n\n    // Validate chartConfig - support both legacy and new formats\n    const { xAxisField, yAxisField, seriesFields, errorCode } = resolveScatterAxisFields(chartConfig)\n\n    if (errorCode) {\n      return <ChartConfigError height={height} hint={t(`chart.runtime.configErrorHint.${errorCode}`)} />\n    }\n\n    // Extract time dimensions from query for tooltip display\n    const timeDimensions = queryObject?.timeDimensions || []\n    const timeDimensionFields = timeDimensions.map((td: any) => td.dimension)\n\n    // Transform data for scatter plot (filters out null x/y coordinates)\n    const { scatterData, seriesGroups } = transformScatterData(\n      data,\n      xAxisField,\n      yAxisField,\n      seriesFields,\n      timeDimensionFields,\n      queryObject\n    )\n\n    // Validate transformed data\n    if (!scatterData || scatterData.length === 0) {\n      return (\n        <ChartEmptyState\n          height={height}\n          titleKey=\"chart.runtime.noValidData\"\n          hint=\"No valid data points for scatter chart after transformation\"\n        />\n      )\n    }\n\n    const seriesKeys = Object.keys(seriesGroups)\n    const { showLegend, showGrid, showTooltip, hasSeries, xAxisFormat, yAxisFormat, chartMargins } =\n      resolveScatterRenderState(displayConfig, seriesKeys)\n\n    return (\n      <ChartContainer height={height}>\n        <RechartsScatterChart margin={chartMargins} accessibilityLayer={false}>\n          {showGrid && (\n            <CartesianGrid strokeDasharray=\"3 3\" />\n          )}\n          <XAxis\n            type=\"number\"\n            dataKey=\"x\"\n            name={xAxisFormat?.label || getFieldLabel(xAxisField)}\n            tick={{ fontSize: 12 }}\n            tickFormatter={xAxisFormat ? (value) => formatAxisValue(value, xAxisFormat) : undefined}\n          />\n          <YAxis\n            type=\"number\"\n            dataKey=\"y\"\n            name={yAxisFormat?.label || getFieldLabel(yAxisField)}\n            tick={{ fontSize: 12 }}\n            tickFormatter={yAxisFormat ? (value) => formatAxisValue(value, yAxisFormat) : undefined}\n            label={{ value: yAxisFormat?.label || getFieldLabel(yAxisField), angle: -90, position: 'left', style: { textAnchor: 'middle', fontSize: '12px' } }}\n          />\n          {showTooltip && (\n            <Tooltip\n              cursor={{ strokeDasharray: '3 3' }}\n              content={({ active, payload }) => (\n                <ScatterTooltip\n                  active={active}\n                  payload={payload as any}\n                  xAxisField={xAxisField}\n                  yAxisField={yAxisField}\n                  xAxisFormat={xAxisFormat}\n                  yAxisFormat={yAxisFormat}\n                  getFieldLabel={getFieldLabel}\n                />\n              )}\n            />\n          )}\n          {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.dataKey || ''))}\n              onMouseLeave={() => setHoveredLegend(null)}\n            />\n          )}\n          <ScatterSeries\n            hasSeries={hasSeries}\n            seriesKeys={seriesKeys}\n            seriesGroups={seriesGroups}\n            scatterData={scatterData}\n            colorPalette={colorPalette}\n            hoveredLegend={hoveredLegend}\n          />\n        </RechartsScatterChart>\n      </ChartContainer>\n    )\n  } catch (error) {\n    // 'ScatterChart rendering error\n    return <ChartRenderError height={height} chartType=\"Scatter Chart\" error={error} />\n  }\n})\n\nexport default ScatterChart"],"mappings":"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"}

package/dist/client/chunks/{chart-sunburst-B7ryWwQ1.js → chart-sunburst-MB-jlGBm.js}

@@ -1,6 +1,6 @@
 import { n as e } from "./rolldown-runtime-DArdT4gl.js";
-import { n as t } from "./chart-sankey-tK7Oz1bC.js";
-import { P as n, s as r } from "./chart-activity-grid-DVOhLgxv.js";
+import { n as t } from "./chart-sankey-CDOSGg9r.js";
+import { P as n, s as r } from "./chart-activity-grid-DvD_4wJz.js";
 import i, { useEffect as a, useMemo as o, useRef as s, useState as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { ResponsiveContainer as d, SunburstChart as f, Tooltip as p } from "recharts";
@@ -218,4 +218,4 @@ var v = i.memo(function({ data: e, height: t = "100%", colorPalette: i, displayC
 //#endregion
 export { m as t };
 
-//# sourceMappingURL=chart-sunburst-B7ryWwQ1.js.map
+//# sourceMappingURL=chart-sunburst-MB-jlGBm.js.map