drizzle-cube 0.3.25 → 0.3.28

package/dist/client/chunks/{chart-line-BKqhoW9A.js → chart-line-BOrtUdOD.js}

@@ -1,8 +1,8 @@
 import { jsx as o, jsxs as S, Fragment as le } from "react/jsx-runtime";
 import de, { useState as fe, useMemo as E } from "react";
 import { LineChart as ue, CartesianGrid as me, XAxis as xe, YAxis as B, Legend as he, Line as z } from "recharts";
-import { u as ye, t as pe, C as ge, p as _e, s as Ae, a as ve, g as q, d as J, f as M, b as Ne, c as Q } from "./charts-core-DIW3Dd7n.js";
-import { A as we } from "./chart-bar-D1i2jmIg.js";
+import { u as ye, t as pe, C as ge, p as _e, s as Ae, a as ve, g as q, d as J, f as M, b as Ne, c as Q } from "./charts-core-DF99lItO.js";
+import { A as we } from "./chart-bar-CNfm5iMY.js";
 function $(t) {
   return t.length > 0 && "__periodIndex" in t[0];
 }
@@ -187,7 +187,7 @@ const Pe = de.memo(function({
       connectNulls: s?.connectNulls ?? !1
     }, f = s?.leftYAxisFormat, _ = s?.rightYAxisFormat;
     if (!r || r.length === 0)
-      return /* @__PURE__ */ o("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted", style: { height: d }, children: /* @__PURE__ */ S("div", { className: "text-center", children: [
+      return /* @__PURE__ */ o("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted", style: { height: d }, children: /* @__PURE__ */ S("div", { className: "dc:text-center", children: [
         /* @__PURE__ */ o("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "No data available" }),
         /* @__PURE__ */ o("div", { className: "dc:text-xs text-dc-text-secondary", children: "No data points to display in line chart" })
       ] }) });
@@ -197,12 +197,12 @@ const Pe = de.memo(function({
     else if (e?.x && e?.y)
       g = e.x;
     else
-      return /* @__PURE__ */ o("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning", style: { height: d }, children: /* @__PURE__ */ S("div", { className: "text-center", children: [
+      return /* @__PURE__ */ o("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning", style: { height: d }, children: /* @__PURE__ */ S("div", { className: "dc:text-center", children: [
         /* @__PURE__ */ o("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "Configuration Error" }),
         /* @__PURE__ */ o("div", { className: "dc:text-xs", children: "Invalid or missing chart axis configuration" })
       ] }) });
     if (!g || a.length === 0)
-      return /* @__PURE__ */ o("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning", style: { height: d }, children: /* @__PURE__ */ S("div", { className: "text-center", children: [
+      return /* @__PURE__ */ o("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning", style: { height: d }, children: /* @__PURE__ */ S("div", { className: "dc:text-center", children: [
         /* @__PURE__ */ o("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "Configuration Error" }),
         /* @__PURE__ */ o("div", { className: "dc:text-xs", children: "Missing required X-axis or Y-axis fields" })
       ] }) });
@@ -238,7 +238,7 @@ const Pe = de.memo(function({
     return j.length > 0 && (C = w.map((n, m) => ({
       ...n,
       __target: j[m] || null
-    }))), !w || w.length === 0 ? /* @__PURE__ */ o("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted", style: { height: d }, children: /* @__PURE__ */ S("div", { className: "text-center", children: [
+    }))), !w || w.length === 0 ? /* @__PURE__ */ o("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted", style: { height: d }, children: /* @__PURE__ */ S("div", { className: "dc:text-center", children: [
       /* @__PURE__ */ o("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "No valid data" }),
       /* @__PURE__ */ o("div", { className: "dc:text-xs text-dc-text-secondary", children: "No valid data points for line chart after transformation" })
     ] }) }) : /* @__PURE__ */ o(ve, { height: d, children: /* @__PURE__ */ S(ue, { data: C, margin: se, accessibilityLayer: !1, children: [
@@ -424,7 +424,7 @@ const Pe = de.memo(function({
       ] })
     ] }) });
   } catch (l) {
-    return /* @__PURE__ */ o("div", { className: "dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4", style: { height: d }, children: /* @__PURE__ */ S("div", { className: "text-center", children: [
+    return /* @__PURE__ */ o("div", { className: "dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4", style: { height: d }, children: /* @__PURE__ */ S("div", { className: "dc:text-center", children: [
       /* @__PURE__ */ o("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "Line Chart Error" }),
       /* @__PURE__ */ o("div", { className: "dc:text-xs dc:mb-2", children: l instanceof Error ? l.message : "Unknown rendering error" }),
       /* @__PURE__ */ o("div", { className: "dc:text-xs text-dc-text-muted", children: "Check the data and configuration" })
@@ -447,4 +447,4 @@ export {
   $ as i,
   Re as t
 };
-//# sourceMappingURL=chart-line-BKqhoW9A.js.map
+//# sourceMappingURL=chart-line-BOrtUdOD.js.map

package/dist/client/chunks/chart-line-BOrtUdOD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-line-BOrtUdOD.js","sources":["../../../src/client/utils/comparisonUtils.ts","../../../src/client/components/charts/LineChart.tsx"],"sourcesContent":["/**\n * Comparison Data Utilities\n * Handles period-over-period comparison data transformation for charts\n *\n * These utilities detect comparison query results (with __periodIndex metadata)\n * and transform them for visualization in either 'separate' or 'overlay' mode.\n */\n\n/**\n * Check if data contains comparison period metadata\n */\nexport function isComparisonData(data: any[]): boolean {\n  return data.length > 0 && '__periodIndex' in data[0]\n}\n\n/**\n * Get unique period labels from comparison data\n */\nexport function getPeriodLabels(data: any[]): string[] {\n  if (!isComparisonData(data)) return []\n\n  const labels = new Set<string>()\n  for (const row of data) {\n    if (row.__period) {\n      labels.add(row.__period)\n    }\n  }\n  return Array.from(labels)\n}\n\n/**\n * Get period indices from comparison data\n */\nexport function getPeriodIndices(data: any[]): number[] {\n  if (!isComparisonData(data)) return []\n\n  const indices = new Set<number>()\n  for (const row of data) {\n    if (typeof row.__periodIndex === 'number') {\n      indices.add(row.__periodIndex)\n    }\n  }\n  return Array.from(indices).sort((a, b) => a - b)\n}\n\n/**\n * Generate a short label for a period (used in legends)\n * Uses simple \"Current\" / \"Prior\" labels for clarity\n */\nexport function generatePeriodShortLabel(_periodLabel: string, index: number): string {\n  return index === 0 ? 'Current' : 'Prior'\n}\n\n/**\n * Transform comparison data for 'separate' mode\n * Returns data with each row having its original measure values\n * Series are created per period (e.g., \"totalLinesOfCode (Current)\", \"totalLinesOfCode (Prior)\")\n */\nexport function transformForSeparateMode(\n  data: any[],\n  measures: string[],\n  _timeDimensionKey: string\n): { data: any[], seriesKeys: string[] } {\n  if (!isComparisonData(data)) {\n    return { data, seriesKeys: measures }\n  }\n\n  const periodLabels = getPeriodLabels(data)\n  const seriesKeys: string[] = []\n\n  // Create series key for each measure + period combination\n  for (const measure of measures) {\n    for (let i = 0; i < periodLabels.length; i++) {\n      const shortLabel = generatePeriodShortLabel(periodLabels[i], i)\n      const key = `${measure} (${shortLabel})`\n      seriesKeys.push(key)\n    }\n  }\n\n  // Data already has period info, just return as-is for separate mode\n  // The chart will group by time dimension and show multiple lines\n  return { data, seriesKeys }\n}\n\n/**\n * Detect dimension fields in comparison data\n * Returns fields that are not measures, time dimension, or metadata fields\n */\nfunction detectDimensionFields(\n  data: any[],\n  measures: string[],\n  timeDimensionKey: string\n): string[] {\n  if (data.length === 0) return []\n\n  const metadataFields = ['__period', '__periodIndex', '__periodDayIndex']\n  const firstRow = data[0]\n  const dimensions: string[] = []\n\n  for (const key of Object.keys(firstRow)) {\n    if (\n      !measures.includes(key) &&\n      key !== timeDimensionKey &&\n      !metadataFields.includes(key)\n    ) {\n      dimensions.push(key)\n    }\n  }\n\n  return dimensions\n}\n\n/**\n * Get unique dimension values from data for a set of dimension fields\n */\nfunction getUniqueDimensionValues(\n  data: any[],\n  dimensionFields: string[]\n): Map<string, Set<any>> {\n  const values = new Map<string, Set<any>>()\n\n  for (const field of dimensionFields) {\n    values.set(field, new Set())\n  }\n\n  for (const row of data) {\n    for (const field of dimensionFields) {\n      if (row[field] !== undefined && row[field] !== null) {\n        values.get(field)!.add(row[field])\n      }\n    }\n  }\n\n  return values\n}\n\n/**\n * Transform comparison data for 'overlay' mode\n * Pivots data so each row represents a day-of-period index,\n * with separate columns for each period's values.\n *\n * When dimensions are present, creates series keys that include\n * dimension values: \"Engineering - Total Lines of Code (Current)\"\n *\n * Input (without dimensions):\n *   [\n *     { date: '2024-01-01', value: 100, __periodIndex: 0, __periodDayIndex: 0 },\n *     { date: '2024-01-02', value: 110, __periodIndex: 0, __periodDayIndex: 1 },\n *     { date: '2023-01-01', value: 80, __periodIndex: 1, __periodDayIndex: 0 },\n *     { date: '2023-01-02', value: 85, __periodIndex: 1, __periodDayIndex: 1 },\n *   ]\n *\n * Output (without dimensions):\n *   [\n *     { __periodDayIndex: 0, 'value (Current)': 100, 'value (Prior)': 80 },\n *     { __periodDayIndex: 1, 'value (Current)': 110, 'value (Prior)': 85 },\n *   ]\n *\n * Input (with dimensions):\n *   [\n *     { date: '2024-01-01', 'Dept.name': 'Engineering', value: 100, __periodIndex: 0, __periodDayIndex: 0 },\n *     { date: '2024-01-01', 'Dept.name': 'Sales', value: 50, __periodIndex: 0, __periodDayIndex: 0 },\n *     { date: '2023-01-01', 'Dept.name': 'Engineering', value: 80, __periodIndex: 1, __periodDayIndex: 0 },\n *     { date: '2023-01-01', 'Dept.name': 'Sales', value: 40, __periodIndex: 1, __periodDayIndex: 0 },\n *   ]\n *\n * Output (with dimensions):\n *   [\n *     {\n *       __periodDayIndex: 0,\n *       'Engineering - value (Current)': 100,\n *       'Engineering - value (Prior)': 80,\n *       'Sales - value (Current)': 50,\n *       'Sales - value (Prior)': 40,\n *     },\n *   ]\n */\nexport function transformForOverlayMode(\n  data: any[],\n  measures: string[],\n  timeDimensionKey: string,\n  getFieldLabel?: (fieldName: string) => string\n): { data: any[], seriesKeys: string[], xAxisKey: string } {\n  if (!isComparisonData(data)) {\n    return { data, seriesKeys: measures, xAxisKey: timeDimensionKey }\n  }\n\n  const periodLabels = getPeriodLabels(data)\n  const periodIndices = getPeriodIndices(data)\n\n  // Detect dimension fields in the data\n  const dimensionFields = detectDimensionFields(data, measures, timeDimensionKey)\n  const hasDimensions = dimensionFields.length > 0\n\n  // Get unique dimension values for generating series keys\n  const uniqueDimensionValues = hasDimensions\n    ? getUniqueDimensionValues(data, dimensionFields)\n    : null\n\n  // Group data by __periodDayIndex\n  const groupedByDayIndex = new Map<number, Record<string, any>>()\n\n  for (const row of data) {\n    const dayIndex = row.__periodDayIndex\n    const periodIndex = row.__periodIndex\n\n    if (!groupedByDayIndex.has(dayIndex)) {\n      groupedByDayIndex.set(dayIndex, {\n        __periodDayIndex: dayIndex,\n        // Store the date from the first period (index 0) for reference\n        __displayDate: periodIndex === 0 ? row[timeDimensionKey] : undefined\n      })\n    }\n\n    const groupedRow = groupedByDayIndex.get(dayIndex)!\n\n    // If this is the first period and we don't have a display date yet, add it\n    if (!groupedRow.__displayDate && row[timeDimensionKey]) {\n      groupedRow.__displayDate = row[timeDimensionKey]\n    }\n\n    // Build dimension prefix if dimensions are present\n    let dimensionPrefix = ''\n    if (hasDimensions) {\n      const dimensionValues = dimensionFields.map(field => {\n        const value = row[field]\n        return getFieldLabel ? getFieldLabel(String(value)) : String(value)\n      })\n      dimensionPrefix = dimensionValues.join(' / ')\n    }\n\n    // Add measure values with optional dimension prefix and period suffix\n    const shortLabel = generatePeriodShortLabel(periodLabels[periodIndex] || '', periodIndex)\n    for (const measure of measures) {\n      const displayName = getFieldLabel ? getFieldLabel(measure) : measure\n      const key = dimensionPrefix\n        ? `${dimensionPrefix} - ${displayName} (${shortLabel})`\n        : `${displayName} (${shortLabel})`\n      groupedRow[key] = row[measure]\n    }\n  }\n\n  // Convert to array and sort by day index\n  const transformedData = Array.from(groupedByDayIndex.values())\n    .sort((a, b) => a.__periodDayIndex - b.__periodDayIndex)\n\n  // Generate series keys (using display names to match the data keys)\n  const seriesKeys: string[] = []\n\n  if (hasDimensions && uniqueDimensionValues) {\n    // Generate all combinations of dimension values\n    const dimensionCombinations = generateDimensionCombinations(\n      dimensionFields,\n      uniqueDimensionValues,\n      getFieldLabel\n    )\n\n    // For each dimension combination, create series keys for each measure + period\n    for (const dimCombo of dimensionCombinations) {\n      for (const measure of measures) {\n        const displayName = getFieldLabel ? getFieldLabel(measure) : measure\n        for (let i = 0; i < periodIndices.length; i++) {\n          const shortLabel = generatePeriodShortLabel(periodLabels[i] || '', i)\n          seriesKeys.push(`${dimCombo} - ${displayName} (${shortLabel})`)\n        }\n      }\n    }\n  } else {\n    // No dimensions - generate simple measure + period keys\n    for (const measure of measures) {\n      const displayName = getFieldLabel ? getFieldLabel(measure) : measure\n      for (let i = 0; i < periodIndices.length; i++) {\n        const shortLabel = generatePeriodShortLabel(periodLabels[i] || '', i)\n        seriesKeys.push(`${displayName} (${shortLabel})`)\n      }\n    }\n  }\n\n  return {\n    data: transformedData,\n    seriesKeys,\n    xAxisKey: '__periodDayIndex'\n  }\n}\n\n/**\n * Generate all combinations of dimension values as formatted strings\n */\nfunction generateDimensionCombinations(\n  dimensionFields: string[],\n  uniqueValues: Map<string, Set<any>>,\n  getFieldLabel?: (fieldName: string) => string\n): string[] {\n  if (dimensionFields.length === 0) return []\n\n  // For single dimension, just return the values\n  if (dimensionFields.length === 1) {\n    const field = dimensionFields[0]\n    const values = Array.from(uniqueValues.get(field) || [])\n    return values.map(v => getFieldLabel ? getFieldLabel(String(v)) : String(v))\n  }\n\n  // For multiple dimensions, generate cartesian product\n  const result: string[] = []\n  const fieldValues = dimensionFields.map(field =>\n    Array.from(uniqueValues.get(field) || [])\n  )\n\n  function generateCombos(index: number, current: string[]): void {\n    if (index === fieldValues.length) {\n      const formatted = current.map(v =>\n        getFieldLabel ? getFieldLabel(String(v)) : String(v)\n      )\n      result.push(formatted.join(' / '))\n      return\n    }\n\n    for (const value of fieldValues[index]) {\n      generateCombos(index + 1, [...current, value])\n    }\n  }\n\n  generateCombos(0, [])\n  return result\n}\n\n/**\n * Format the period day index for display on X-axis\n * Can show as \"Day 1\", \"Day 2\", etc., or as the original date\n */\nexport function formatPeriodDayIndex(\n  dayIndex: number,\n  displayDate?: string | Date,\n  options?: {\n    showDayNumber?: boolean\n    dateFormat?: 'short' | 'long'\n  }\n): string {\n  if (options?.showDayNumber) {\n    return `Day ${dayIndex + 1}`\n  }\n\n  if (displayDate) {\n    const date = typeof displayDate === 'string' ? new Date(displayDate) : displayDate\n    if (!isNaN(date.getTime())) {\n      return date.toLocaleDateString('en-US', {\n        month: options?.dateFormat === 'long' ? 'long' : 'short',\n        day: 'numeric'\n      })\n    }\n  }\n\n  return `${dayIndex + 1}`\n}\n\n/**\n * Check if a series key represents a prior period (not the first period)\n * Used for applying different styling to prior period lines\n */\nexport function isPriorPeriodSeries(seriesKey: string, periodLabels: string[]): boolean {\n  if (periodLabels.length < 2) return false\n\n  // Check if the series key contains any label other than the first period's\n  for (let i = 1; i < periodLabels.length; i++) {\n    const shortLabel = generatePeriodShortLabel(periodLabels[i], i)\n    if (seriesKey.includes(`(${shortLabel})`)) {\n      return true\n    }\n  }\n\n  // Also check for \"(Prior\" pattern\n  return seriesKey.includes('(Prior')\n}\n\n/**\n * Get the stroke dash array for prior period styling\n */\nexport function getPriorPeriodStrokeDashArray(\n  style: 'solid' | 'dashed' | 'dotted' = 'dashed'\n): string | undefined {\n  switch (style) {\n    case 'solid':\n      return undefined\n    case 'dashed':\n      return '5 5'\n    case 'dotted':\n      return '2 2'\n    default:\n      return '5 5'\n  }\n}\n","import React, { useState, useMemo } from 'react'\nimport { LineChart as RechartsLineChart, Line, XAxis, YAxis, CartesianGrid, Legend } from 'recharts'\nimport ChartContainer from './ChartContainer'\nimport ChartTooltip from './ChartTooltip'\nimport AngledXAxisTick from './AngledXAxisTick'\nimport { CHART_COLORS, CHART_MARGINS } from '../../utils/chartConstants'\nimport { transformChartDataWithSeries, formatAxisValue, formatTimeValue, getFieldGranularity } from '../../utils/chartUtils'\nimport { parseTargetValues, spreadTargetValues } from '../../utils/targetUtils'\nimport {\n  isComparisonData,\n  getPeriodLabels,\n  transformForOverlayMode,\n  isPriorPeriodSeries,\n  getPriorPeriodStrokeDashArray\n} from '../../utils/comparisonUtils'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel'\nimport type { ChartProps } from '../../types'\n\nconst LineChart = React.memo(function LineChart({\n  data,\n  chartConfig,\n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette,\n  onDataPointClick,\n  drillEnabled\n}: ChartProps) {\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  // Extract Y-axis fields early for use in useMemo hooks\n  // This ensures hooks are always called in the same order\n  const yAxisFields = useMemo(() => {\n    if (chartConfig?.yAxis) {\n      return Array.isArray(chartConfig.yAxis) ? chartConfig.yAxis : [chartConfig.yAxis]\n    }\n    if (chartConfig?.y) {\n      return Array.isArray(chartConfig.y) ? chartConfig.y : [chartConfig.y]\n    }\n    return []\n  }, [chartConfig?.yAxis, chartConfig?.y])\n\n  // Dual Y-axis support: extract yAxisAssignment from chartConfig (memoized to prevent object recreation)\n  // MUST be called before any early returns to satisfy React hooks rules\n  const yAxisAssignment = useMemo(() =>\n    chartConfig?.yAxisAssignment || {},\n    [chartConfig?.yAxisAssignment]\n  )\n\n  // Build mapping from series key (label) to original field name (memoized to prevent object recreation)\n  // This is needed because seriesKeys use display labels, not field names\n  // MUST be called before any early returns to satisfy React hooks rules\n  const seriesKeyToField = useMemo(() => {\n    const mapping: Record<string, string> = {}\n    yAxisFields.forEach((field) => {\n      const label = getFieldLabel(field)\n      mapping[label] = field\n    })\n    return mapping\n  }, [yAxisFields, getFieldLabel])\n\n  try {\n    const safeDisplayConfig = {\n      showLegend: displayConfig?.showLegend ?? true,\n      showGrid: displayConfig?.showGrid ?? true,\n      showTooltip: displayConfig?.showTooltip ?? true,\n      connectNulls: displayConfig?.connectNulls ?? false\n    }\n\n    // Extract axis format configs\n    const leftYAxisFormat = displayConfig?.leftYAxisFormat\n    const rightYAxisFormat = displayConfig?.rightYAxisFormat\n\n    if (!data || data.length === 0) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">No data available</div>\n            <div className=\"dc:text-xs text-dc-text-secondary\">No data points to display in line chart</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Validate chartConfig - support both legacy and new formats\n    let xAxisField: string\n    let seriesFields: string[] = []\n\n    if (chartConfig?.xAxis && chartConfig?.yAxis) {\n      // New format\n      xAxisField = Array.isArray(chartConfig.xAxis) ? chartConfig.xAxis[0] : chartConfig.xAxis\n      seriesFields = chartConfig.series || []\n    } else if (chartConfig?.x && chartConfig?.y) {\n      // Legacy format\n      xAxisField = chartConfig.x\n    } else {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">Configuration Error</div>\n            <div className=\"dc:text-xs\">Invalid or missing chart axis configuration</div>\n          </div>\n        </div>\n      )\n    }\n\n    if (!xAxisField || yAxisFields.length === 0) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">Configuration Error</div>\n            <div className=\"dc:text-xs\">Missing required X-axis or Y-axis fields</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Check if this is comparison data (has __periodIndex metadata)\n    const hasComparisonData = isComparisonData(data)\n    const priorPeriodStyle = displayConfig?.priorPeriodStyle || 'dashed'\n    const priorPeriodOpacity = displayConfig?.priorPeriodOpacity ?? 0.5\n    const periodLabels = hasComparisonData ? getPeriodLabels(data) : []\n\n    // Transform data based on comparison mode\n    let chartData: any[]\n    let seriesKeys: string[]\n    let effectiveXAxisKey = 'name' // Default X-axis key after transformation\n\n    if (hasComparisonData) {\n      // For comparison data, always use overlay transformation to align by period day index\n      // Both 'separate' and 'overlay' modes use the same data transformation,\n      // they differ only in styling (dashed lines, opacity for prior periods in overlay mode)\n      const overlayResult = transformForOverlayMode(data, yAxisFields, xAxisField, getFieldLabel)\n      chartData = overlayResult.data\n      seriesKeys = overlayResult.seriesKeys\n      effectiveXAxisKey = '__periodDayIndex'\n    } else {\n      // Standard mode: use normal transformation\n      const standardResult = transformChartDataWithSeries(\n        data,\n        xAxisField,\n        yAxisFields,\n        queryObject,\n        seriesFields,\n        getFieldLabel\n      )\n      chartData = standardResult.data\n      seriesKeys = standardResult.seriesKeys\n    }\n\n    // Helper to find field from series key, handling comparison suffixes like \"(Current)\" and \"(Prior)\"\n    const findFieldFromSeriesKey = (seriesKey: string): string | undefined => {\n      // Direct match first\n      if (seriesKeyToField[seriesKey]) {\n        return seriesKeyToField[seriesKey]\n      }\n      // For comparison data, strip the period suffix and any dimension prefix\n      // Series keys look like: \"Label (Current)\", \"Label (Prior)\", or \"DimValue - Label (Current)\"\n      const withoutSuffix = seriesKey.replace(/\\s*\\((Current|Prior)\\)$/, '')\n      // Check if it has a dimension prefix (contains \" - \")\n      const parts = withoutSuffix.split(' - ')\n      const measureLabel = parts[parts.length - 1] // Last part is the measure label\n      return seriesKeyToField[measureLabel]\n    }\n\n    // Determine if we need a right Y-axis\n    const hasRightAxis = yAxisFields.some((field) => yAxisAssignment[field] === 'right')\n\n    // Get fields for left and right axes for labels\n    const leftAxisFields = yAxisFields.filter((f) => (yAxisAssignment[f] || 'left') === 'left')\n    const rightAxisFields = yAxisFields.filter((f) => yAxisAssignment[f] === 'right')\n\n    // Determine if legend will be shown\n    const showLegend = safeDisplayConfig.showLegend\n\n    // Use custom chart margins with extra space for Y-axis labels\n    const chartMargins = {\n      ...CHART_MARGINS,\n      left: 40, // Space for left Y-axis label\n      right: hasRightAxis ? 40 : 20 // Extra space for right Y-axis label if needed\n    }\n\n    // Process target values and add to chart data\n    const targetValues = parseTargetValues(displayConfig?.target || '')\n    const spreadTargets = spreadTargetValues(targetValues, chartData.length)\n\n    // Add target data to chart data if targets exist\n    let enhancedChartData = chartData\n    if (spreadTargets.length > 0) {\n      enhancedChartData = chartData.map((dataPoint, index) => ({\n        ...dataPoint,\n        __target: spreadTargets[index] || null\n      }))\n    }\n\n    // Validate transformed data\n    if (!chartData || chartData.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\">No valid data</div>\n            <div className=\"dc:text-xs text-dc-text-secondary\">No valid data points for line chart after transformation</div>\n          </div>\n        </div>\n      )\n    }\n\n    return (\n      <ChartContainer height={height}>\n        <RechartsLineChart data={enhancedChartData} margin={chartMargins} accessibilityLayer={false}>\n          {safeDisplayConfig.showGrid && (\n            <CartesianGrid strokeDasharray=\"3 3\" style={{ pointerEvents: 'none' }} />\n          )}\n          <XAxis\n            dataKey={effectiveXAxisKey}\n            type=\"category\"\n            tick={<AngledXAxisTick tickFormatter={\n              hasComparisonData\n                ? (value: string | number, index: number) => {\n                    // For comparison data, show the date from the current period\n                    // formatted according to the query's granularity\n                    const row = chartData[index]\n                    if (row?.__displayDate) {\n                      const granularity = getFieldGranularity(queryObject, xAxisField)\n                      return formatTimeValue(row.__displayDate, granularity)\n                    }\n                    return `Period ${Number(value) + 1}`\n                  }\n                : undefined\n            } />}\n            height={60}\n          />\n          <YAxis\n            yAxisId=\"left\"\n            orientation=\"left\"\n            tick={{ fontSize: 12 }}\n            tickFormatter={leftYAxisFormat ? (value) => formatAxisValue(value, leftYAxisFormat) : undefined}\n            label={\n              leftAxisFields.length > 0\n                ? {\n                    value: leftYAxisFormat?.label || getFieldLabel(leftAxisFields[0]),\n                    angle: -90,\n                    position: 'left',\n                    style: { textAnchor: 'middle', fontSize: '12px' }\n                  }\n                : undefined\n            }\n          />\n          {hasRightAxis && (\n            <YAxis\n              yAxisId=\"right\"\n              orientation=\"right\"\n              tick={{ fontSize: 12 }}\n              tickFormatter={rightYAxisFormat ? (value) => formatAxisValue(value, rightYAxisFormat) : undefined}\n              label={\n                rightAxisFields.length > 0\n                  ? {\n                      value: rightYAxisFormat?.label || getFieldLabel(rightAxisFields[0]),\n                      angle: 90,\n                      position: 'right',\n                      style: { textAnchor: 'middle', fontSize: '12px' }\n                    }\n                  : undefined\n              }\n            />\n          )}\n          {safeDisplayConfig.showTooltip && (\n            <ChartTooltip\n              formatter={(value: any, name: any) => {\n                // Handle null values in tooltip\n                if (value === null || value === undefined) {\n                  return ['No data', name]\n                }\n                if (name === 'Target') {\n                  // Use left Y-axis format for target values\n                  return [formatAxisValue(value, leftYAxisFormat), 'Target Value']\n                }\n\n                // Determine which axis format to use based on series name\n                const originalField = findFieldFromSeriesKey(name)\n                const axisId = originalField && yAxisAssignment[originalField] === 'right' ? 'right' : 'left'\n                const formatConfig = axisId === 'right' ? rightYAxisFormat : leftYAxisFormat\n                // Series name is already formatted (e.g., \"Total Lines of Code (Current)\")\n                return [formatAxisValue(value, formatConfig), name]\n              }}\n              labelFormatter={\n                hasComparisonData\n                  ? (label: any, payload: any) => {\n                      // For comparison data, show the date from the current period\n                      // formatted according to the query's granularity\n                      if (payload && payload.length > 0) {\n                        const row = payload[0]?.payload\n                        if (row?.__displayDate) {\n                          const granularity = getFieldGranularity(queryObject, xAxisField)\n                          return formatTimeValue(row.__displayDate, granularity)\n                        }\n                      }\n                      return `Period ${Number(label) + 1}`\n                    }\n                  : undefined\n              }\n            />\n          )}\n          {showLegend && (\n            <Legend\n              wrapperStyle={{ fontSize: '12px', paddingTop: '25px' }}\n              iconType=\"line\"\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            // Look up the original field name to get its axis assignment\n            const originalField = findFieldFromSeriesKey(seriesKey)\n            const axisId = originalField && yAxisAssignment[originalField] === 'right' ? 'right' : 'left'\n\n            // Determine if this is a prior period series (for styling)\n            const isPriorPeriod = hasComparisonData && isPriorPeriodSeries(seriesKey, periodLabels)\n            const strokeDashArray = isPriorPeriod ? getPriorPeriodStrokeDashArray(priorPeriodStyle) : undefined\n            const opacity = isPriorPeriod ? priorPeriodOpacity : 1\n\n            // When drill is enabled, show persistent dots for better click targets\n            const lineColor = (colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) ||\n              CHART_COLORS[index % CHART_COLORS.length]\n\n            return (\n              <Line\n                key={seriesKey}\n                type=\"monotone\"\n                dataKey={seriesKey}\n                yAxisId={axisId}\n                stroke={lineColor}\n                strokeWidth={isPriorPeriod ? 1.5 : 2}\n                strokeDasharray={strokeDashArray}\n                dot={isPriorPeriod ? false : (props: any) => {\n                  const { cx, cy, payload, key } = props\n                  if (cx === undefined || cy === undefined) return null\n\n                  const handleClick = (event: React.MouseEvent) => {\n                    event.stopPropagation()\n                    event.preventDefault()\n                    if (onDataPointClick) {\n                      onDataPointClick({\n                        dataPoint: payload,\n                        clickedField: originalField || seriesKey,\n                        xValue: payload.name,\n                        position: { x: event.clientX, y: event.clientY },\n                        nativeEvent: event\n                      })\n                    }\n                  }\n\n                  // When drill is enabled, render clickable dots with background to mask grid\n                  if (drillEnabled && onDataPointClick) {\n                    return (\n                      <g key={key}>\n                        {/* Background to mask grid lines - uses theme surface color */}\n                        <circle\n                          cx={cx}\n                          cy={cy}\n                          r={6}\n                          fill=\"var(--dc-surface)\"\n                          style={{ pointerEvents: 'none' }}\n                        />\n                        {/* Visible dot with click handler */}\n                        <circle\n                          cx={cx}\n                          cy={cy}\n                          r={4}\n                          fill=\"var(--dc-surface)\"\n                          stroke={lineColor}\n                          strokeWidth={2}\n                          cursor=\"pointer\"\n                          onClick={(e: React.MouseEvent<SVGCircleElement>) => {\n                            handleClick(e as unknown as React.MouseEvent)\n                          }}\n                        />\n                      </g>\n                    )\n                  }\n\n                  // Non-drill mode: simple small dot\n                  return (\n                    <circle\n                      key={key}\n                      cx={cx}\n                      cy={cy}\n                      r={3}\n                      fill={lineColor}\n                    />\n                  )\n                }}\n                activeDot={false}\n                strokeOpacity={\n                  hoveredLegend\n                    ? (hoveredLegend === seriesKey ? 1 : 0.3)\n                    : opacity\n                }\n                connectNulls={safeDisplayConfig.connectNulls}\n              />\n            )\n          })}\n          {spreadTargets.length > 0 && (\n            <>\n              {/* White background line */}\n              <Line\n                type=\"monotone\"\n                dataKey=\"__target\"\n                yAxisId=\"left\"\n                stroke=\"#ffffff\"\n                strokeWidth={2}\n                dot={false}\n                activeDot={false}\n                connectNulls={false}\n              />\n              {/* Grey dashed line on top */}\n              <Line\n                type=\"monotone\"\n                dataKey=\"__target\"\n                yAxisId=\"left\"\n                name=\"Target\"\n                stroke=\"#8B5CF6\"\n                strokeWidth={2}\n                strokeDasharray=\"2 3\"\n                dot={false}\n                activeDot={false}\n                connectNulls={false}\n              />\n            </>\n          )}\n        </RechartsLineChart>\n      </ChartContainer>\n    )\n  } catch (error) {\n    // 'LineChart rendering error\n    return (\n      <div className=\"dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4\" style={{ height }}>\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">Line Chart Error</div>\n          <div className=\"dc:text-xs dc:mb-2\">{error instanceof Error ? error.message : 'Unknown rendering error'}</div>\n          <div className=\"dc:text-xs text-dc-text-muted\">Check the data and configuration</div>\n        </div>\n      </div>\n    )\n  }\n})\n\nexport default LineChart\n"],"names":["isComparisonData","data","getPeriodLabels","labels","row","getPeriodIndices","indices","a","b","generatePeriodShortLabel","_periodLabel","index","transformForSeparateMode","measures","_timeDimensionKey","periodLabels","seriesKeys","measure","shortLabel","key","detectDimensionFields","timeDimensionKey","metadataFields","firstRow","dimensions","getUniqueDimensionValues","dimensionFields","values","field","transformForOverlayMode","getFieldLabel","periodIndices","hasDimensions","uniqueDimensionValues","groupedByDayIndex","dayIndex","periodIndex","groupedRow","dimensionPrefix","value","displayName","transformedData","dimensionCombinations","generateDimensionCombinations","dimCombo","i","uniqueValues","v","result","fieldValues","generateCombos","current","formatted","formatPeriodDayIndex","displayDate","options","date","isPriorPeriodSeries","seriesKey","getPriorPeriodStrokeDashArray","style","LineChart","React","chartConfig","displayConfig","queryObject","height","colorPalette","onDataPointClick","drillEnabled","hoveredLegend","setHoveredLegend","useState","useCubeFieldLabel","yAxisFields","useMemo","yAxisAssignment","seriesKeyToField","mapping","label","safeDisplayConfig","leftYAxisFormat","rightYAxisFormat","jsx","jsxs","xAxisField","seriesFields","hasComparisonData","priorPeriodStyle","priorPeriodOpacity","chartData","effectiveXAxisKey","overlayResult","standardResult","transformChartDataWithSeries","findFieldFromSeriesKey","parts","measureLabel","hasRightAxis","leftAxisFields","f","rightAxisFields","showLegend","chartMargins","CHART_MARGINS","targetValues","parseTargetValues","spreadTargets","spreadTargetValues","enhancedChartData","dataPoint","ChartContainer","RechartsLineChart","CartesianGrid","XAxis","AngledXAxisTick","granularity","getFieldGranularity","formatTimeValue","YAxis","formatAxisValue","ChartTooltip","name","originalField","formatConfig","payload","Legend","o","axisId","isPriorPeriod","strokeDashArray","opacity","lineColor","CHART_COLORS","Line","props","cx","cy","handleClick","event","e","Fragment","error"],"mappings":"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"}

package/dist/client/chunks/{chart-markdown-CiPhRY9s.js → chart-markdown-Cget3iEq.js}

@@ -158,9 +158,9 @@ const S = j.memo(function({
                   ]
                 }
               ),
-              /* @__PURE__ */ r("span", { className: "text-center", children: n.children.map((c, s) => o(c, s)) })
+              /* @__PURE__ */ r("span", { className: "dc:text-center", children: n.children.map((c, s) => o(c, s)) })
             ] }, t) : h === "right" ? /* @__PURE__ */ a("li", { className: "dc:mb-1 dc:flex dc:items-start dc:justify-end", children: [
-              /* @__PURE__ */ r("span", { className: "text-right", children: n.children.map((c, s) => o(c, s)) }),
+              /* @__PURE__ */ r("span", { className: "dc:text-right", children: n.children.map((c, s) => o(c, s)) }),
               /* @__PURE__ */ a(
                 "span",
                 {
@@ -195,9 +195,9 @@ const S = j.memo(function({
                 style: { backgroundColor: m }
               }
             ),
-            /* @__PURE__ */ r("span", { className: "text-center", children: n.children.map((e, c) => o(e, c)) })
+            /* @__PURE__ */ r("span", { className: "dc:text-center", children: n.children.map((e, c) => o(e, c)) })
           ] }, t) : h === "right" ? /* @__PURE__ */ a("li", { className: "dc:mb-1 dc:flex dc:items-start dc:justify-end", children: [
-            /* @__PURE__ */ r("span", { className: "text-right", children: n.children.map((e, c) => o(e, c)) }),
+            /* @__PURE__ */ r("span", { className: "dc:text-right", children: n.children.map((e, c) => o(e, c)) }),
             /* @__PURE__ */ r(
               "span",
               {
@@ -232,7 +232,7 @@ const S = j.memo(function({
           height: u === "100%" ? "100%" : u,
           minHeight: u === "100%" ? "200px" : void 0
         },
-        children: /* @__PURE__ */ a("div", { className: "text-center text-dc-text-muted", children: [
+        children: /* @__PURE__ */ a("div", { className: "dc:text-center text-dc-text-muted", children: [
           /* @__PURE__ */ r("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "No content" }),
           /* @__PURE__ */ r("div", { className: "dc:text-xs text-dc-text-secondary", children: "Add markdown content in the chart configuration" })
         ] })
@@ -254,4 +254,4 @@ const S = j.memo(function({
 export {
   S as default
 };
-//# sourceMappingURL=chart-markdown-CiPhRY9s.js.map
+//# sourceMappingURL=chart-markdown-Cget3iEq.js.map

package/dist/client/chunks/chart-markdown-Cget3iEq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-markdown-Cget3iEq.js","sources":["../../../src/client/components/charts/MarkdownChart.tsx"],"sourcesContent":["import React from 'react'\nimport type { ChartProps } from '../../types'\n\ninterface MarkdownNode {\n  type: 'text' | 'bold' | 'italic' | 'link' | 'header' | 'list' | 'listItem' | 'paragraph' | 'break'\n  content?: string\n  url?: string\n  level?: number\n  ordered?: boolean\n  children?: MarkdownNode[]\n  parentOrdered?: boolean // For list items to know if parent list is ordered\n}\n\nconst MarkdownChart = React.memo(function MarkdownChart({ \n  displayConfig = {},\n  height = \"100%\",\n  colorPalette\n}: ChartProps) {\n  const content = displayConfig.content || ''\n  const accentColorIndex = displayConfig.accentColorIndex ?? 0\n  const fontSize = displayConfig.fontSize || 'medium'\n  const alignment = displayConfig.alignment || 'left'\n\n  // Get accent color from palette\n  const getAccentColor = (): string => {\n    if (colorPalette?.colors && accentColorIndex < colorPalette.colors.length) {\n      return colorPalette.colors[accentColorIndex]\n    }\n    return '#8884d8' // Default color\n  }\n\n  const accentColor = getAccentColor()\n\n  // Font size mapping\n  const fontSizeClasses = {\n    small: 'dc:text-sm',\n    medium: 'dc:text-lg',\n    large: 'dc:text-xl'\n  }\n\n  // Alignment mapping\n  const alignmentClasses = {\n    left: 'dc:text-left',\n    center: 'dc:text-center',\n    right: 'dc:text-right'\n  }\n\n  // Simple markdown parser\n  const parseMarkdown = (text: string): MarkdownNode[] => {\n    const lines = text.split('\\n')\n    const nodes: MarkdownNode[] = []\n    let currentList: MarkdownNode | null = null\n\n    for (let i = 0; i < lines.length; i++) {\n      const line = lines[i].trim()\n      \n      if (!line) {\n        // Empty line - end current list and add line break\n        if (currentList) {\n          nodes.push(currentList)\n          currentList = null\n        }\n        nodes.push({ type: 'break' })\n        continue\n      }\n\n      // Headers\n      const headerMatch = line.match(/^(#{1,3})\\s+(.*)$/)\n      if (headerMatch) {\n        if (currentList) {\n          nodes.push(currentList)\n          currentList = null\n        }\n        nodes.push({\n          type: 'header',\n          level: headerMatch[1].length,\n          content: headerMatch[2]\n        })\n        continue\n      }\n\n      // Unordered list\n      const unorderedMatch = line.match(/^[-*+]\\s+(.*)$/)\n      if (unorderedMatch) {\n        if (!currentList || currentList.ordered) {\n          if (currentList) nodes.push(currentList)\n          currentList = { type: 'list', ordered: false, children: [] }\n        }\n        currentList.children!.push({\n          type: 'listItem',\n          children: parseInline(unorderedMatch[1]),\n          parentOrdered: false\n        })\n        continue\n      }\n\n      // Ordered list\n      const orderedMatch = line.match(/^\\d+\\.\\s+(.*)$/)\n      if (orderedMatch) {\n        if (!currentList || !currentList.ordered) {\n          if (currentList) nodes.push(currentList)\n          currentList = { type: 'list', ordered: true, children: [] }\n        }\n        currentList.children!.push({\n          type: 'listItem',\n          children: parseInline(orderedMatch[1]),\n          parentOrdered: true\n        })\n        continue\n      }\n\n      // Regular paragraph\n      if (currentList) {\n        nodes.push(currentList)\n        currentList = null\n      }\n      \n      nodes.push({\n        type: 'paragraph',\n        children: parseInline(line)\n      })\n    }\n\n    // Add any remaining list\n    if (currentList) {\n      nodes.push(currentList)\n    }\n\n    return nodes\n  }\n\n  // Parse inline elements (bold, italic, links)\n  const parseInline = (text: string): MarkdownNode[] => {\n    const nodes: MarkdownNode[] = []\n    let remaining = text\n    \n    while (remaining) {\n      // Try to match link first [text](url)\n      const linkMatch = remaining.match(/^(.*?)\\[([^\\]]+)\\]\\(([^)]+)\\)(.*)$/)\n      if (linkMatch) {\n        const [, before, linkText, url, after] = linkMatch\n        if (before) {\n          nodes.push(...parseSimpleInline(before))\n        }\n        nodes.push({\n          type: 'link',\n          content: linkText,\n          url: url\n        })\n        remaining = after\n        continue\n      }\n\n      // No more special formatting, parse remaining as simple inline\n      nodes.push(...parseSimpleInline(remaining))\n      break\n    }\n\n    return nodes\n  }\n\n  // Parse bold and italic\n  const parseSimpleInline = (text: string): MarkdownNode[] => {\n    const nodes: MarkdownNode[] = []\n    let remaining = text\n\n    while (remaining) {\n      // Try bold first **text**\n      const boldMatch = remaining.match(/^(.*?)\\*\\*([^*]+)\\*\\*(.*)$/)\n      if (boldMatch) {\n        const [, before, boldText, after] = boldMatch\n        if (before) nodes.push({ type: 'text', content: before })\n        nodes.push({ type: 'bold', content: boldText })\n        remaining = after\n        continue\n      }\n\n      // Try italic *text*\n      const italicMatch = remaining.match(/^(.*?)\\*([^*]+)\\*(.*)$/)\n      if (italicMatch) {\n        const [, before, italicText, after] = italicMatch\n        if (before) nodes.push({ type: 'text', content: before })\n        nodes.push({ type: 'italic', content: italicText })\n        remaining = after\n        continue\n      }\n\n      // No more formatting, add as text\n      nodes.push({ type: 'text', content: remaining })\n      break\n    }\n\n    return nodes\n  }\n\n  // Render markdown nodes to React elements\n  const renderNode = (node: MarkdownNode, key: number, listNumber?: number): React.ReactNode => {\n    switch (node.type) {\n      case 'text':\n        return <span key={key} className=\"text-dc-text\">{node.content}</span>\n\n      case 'bold':\n        return <strong key={key} className=\"dc:font-bold text-dc-text\">{node.content}</strong>\n\n      case 'italic':\n        return <em key={key} className=\"dc:italic text-dc-text\">{node.content}</em>\n\n      case 'link':\n        return (\n          <a \n            key={key}\n            href={node.url}\n            target=\"_blank\"\n            rel=\"nofollow noopener noreferrer\"\n            className=\"dc:hover:underline dc:transition-colors\"\n            style={{ color: accentColor }}\n          >\n            {node.content}\n          </a>\n        )\n\n      case 'header': {\n        // Header classes that scale with fontSize setting\n        const getHeaderClasses = (level: number, fontSize: string) => {\n          const baseClasses = 'dc:font-bold'\n          const marginClasses = {\n            1: 'dc:mb-4',\n            2: 'dc:mb-3',\n            3: 'dc:mb-2'\n          }\n\n          let sizeClasses = ''\n          if (fontSize === 'small') {\n            sizeClasses = { 1: 'dc:text-lg', 2: 'dc:text-base', 3: 'dc:text-sm' }[level] || 'dc:text-sm'\n          } else if (fontSize === 'large') {\n            sizeClasses = { 1: 'dc:text-5xl', 2: 'dc:text-4xl', 3: 'dc:text-3xl' }[level] || 'dc:text-3xl'\n          } else { // medium (default)\n            sizeClasses = { 1: 'dc:text-3xl', 2: 'dc:text-2xl', 3: 'dc:text-xl' }[level] || 'dc:text-xl'\n          }\n\n          return `${baseClasses} ${sizeClasses} ${marginClasses[level as keyof typeof marginClasses]}`\n        }\n\n        const HeaderTag = `h${node.level}` as 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n        return (\n          <HeaderTag\n            key={key}\n            className={getHeaderClasses(node.level as number, fontSize)}\n            style={{ color: accentColor }}\n          >\n            {node.content}\n          </HeaderTag>\n        )\n      }\n\n      case 'paragraph':\n        return (\n          <p key={key} className=\"dc:mb-3 dc:leading-relaxed\">\n            {node.children?.map((child, i) => renderNode(child, i))}\n          </p>\n        )\n\n      case 'list': {\n        const ListTag = node.ordered ? 'ol' : 'ul'\n        let listClasses = 'mb-3'\n\n        if (alignment === 'center') {\n          listClasses += ' list-none flex flex-col items-center'\n        } else if (alignment === 'right') {\n          listClasses += ' list-none ml-auto max-w-max'\n        } else {\n          listClasses += ' list-none ml-6'\n        }\n\n        return (\n          <ListTag key={key} className={listClasses}>\n            {node.children?.map((child, i) => renderNode(child, i, node.ordered ? i + 1 : undefined))}\n          </ListTag>\n        )\n      }\n\n      case 'listItem':\n        if (node.children) {\n          // For ordered lists, use custom colored numbers\n          if (node.parentOrdered && listNumber !== undefined) {\n            const numberSizeClass = fontSizeClasses[fontSize as keyof typeof fontSizeClasses]\n            \n            if (alignment === 'center') {\n              return (\n                <li key={key} className=\"dc:mb-1 dc:flex dc:items-center dc:justify-center\">\n                  <span \n                    className={`dc:inline-block dc:mr-2 dc:shrink-0 ${numberSizeClass} dc:font-medium`}\n                    style={{ color: accentColor }}\n                  >\n                    {listNumber}.\n                  </span>\n                  <span className=\"dc:text-center\">\n                    {node.children.map((child, i) => renderNode(child, i))}\n                  </span>\n                </li>\n              )\n            } else if (alignment === 'right') {\n              return (\n                <li key={key} className=\"dc:mb-1 dc:flex dc:items-start dc:justify-end\">\n                  <span className=\"dc:text-right\">\n                    {node.children.map((child, i) => renderNode(child, i))}\n                  </span>\n                  <span \n                    className={`dc:inline-block dc:ml-2 dc:shrink-0 ${numberSizeClass} dc:font-medium`}\n                    style={{ color: accentColor }}\n                  >\n                    {listNumber}.\n                  </span>\n                </li>\n              )\n            } else {\n              return (\n                <li key={key} className=\"dc:mb-1 dc:flex dc:items-start\">\n                  <span \n                    className={`dc:inline-block dc:mr-3 dc:shrink-0 ${numberSizeClass} dc:font-medium`}\n                    style={{ color: accentColor }}\n                  >\n                    {listNumber}.\n                  </span>\n                  <span className=\"dc:flex-1\">\n                    {node.children.map((child, i) => renderNode(child, i))}\n                  </span>\n                </li>\n              )\n            }\n          }\n          \n          // For unordered lists, use custom bullets with alignment\n          if (alignment === 'center') {\n            return (\n              <li key={key} className=\"dc:mb-1 dc:flex dc:items-center dc:justify-center\">\n                <span \n                  className=\"dc:inline-block dc:w-2 dc:h-2 dc:rounded-full dc:mr-2 dc:shrink-0\"\n                  style={{ backgroundColor: accentColor }}\n                />\n                <span className=\"dc:text-center\">\n                  {node.children.map((child, i) => renderNode(child, i))}\n                </span>\n              </li>\n            )\n          } else if (alignment === 'right') {\n            return (\n              <li key={key} className=\"dc:mb-1 dc:flex dc:items-start dc:justify-end\">\n                <span className=\"dc:text-right\">\n                  {node.children.map((child, i) => renderNode(child, i))}\n                </span>\n                <span \n                  className=\"dc:inline-block dc:w-2 dc:h-2 dc:rounded-full dc:ml-2 dc:mt-2 dc:shrink-0\"\n                  style={{ backgroundColor: accentColor }}\n                />\n              </li>\n            )\n          } else {\n            return (\n              <li key={key} className=\"dc:mb-1 dc:flex dc:items-start\">\n                <span \n                  className=\"dc:inline-block dc:w-2 dc:h-2 dc:rounded-full dc:mr-3 dc:mt-2 dc:shrink-0\"\n                  style={{ backgroundColor: accentColor }}\n                />\n                <span className=\"dc:flex-1\">\n                  {node.children.map((child, i) => renderNode(child, i))}\n                </span>\n              </li>\n            )\n          }\n        }\n        return null\n\n      case 'break':\n        return <br key={key} />\n\n      default:\n        return null\n    }\n  }\n\n  if (!content.trim()) {\n    return (\n      <div\n        className=\"dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full\"\n        style={{\n          height: height === \"100%\" ? \"100%\" : height,\n          minHeight: height === \"100%\" ? '200px' : undefined\n        }}\n      >\n        <div className=\"dc:text-center text-dc-text-muted\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">No content</div>\n          <div className=\"dc:text-xs text-dc-text-secondary\">Add markdown content in the chart configuration</div>\n        </div>\n      </div>\n    )\n  }\n\n  const parsedNodes = parseMarkdown(content)\n\n  return (\n    <div \n      className={`dc:p-4 dc:w-full dc:h-full dc:overflow-auto ${fontSizeClasses[fontSize as keyof typeof fontSizeClasses]} ${alignmentClasses[alignment as keyof typeof alignmentClasses]}`}\n      style={{ \n        height: height === \"100%\" ? \"100%\" : height,\n        minHeight: height === \"100%\" ? '200px' : undefined\n      }}\n    >\n      {parsedNodes.map((node, index) => renderNode(node, index))}\n    </div>\n  )\n})\n\nexport default MarkdownChart"],"names":["MarkdownChart","React","displayConfig","height","colorPalette","content","accentColorIndex","fontSize","alignment","accentColor","fontSizeClasses","alignmentClasses","parseMarkdown","text","lines","nodes","currentList","i","line","headerMatch","unorderedMatch","parseInline","orderedMatch","remaining","linkMatch","before","linkText","url","after","parseSimpleInline","boldMatch","boldText","italicMatch","italicText","renderNode","node","key","listNumber","jsx","getHeaderClasses","level","baseClasses","marginClasses","sizeClasses","HeaderTag","child","ListTag","listClasses","numberSizeClass","jsxs","parsedNodes","index"],"mappings":";;AAaA,MAAMA,IAAgBC,EAAM,KAAK,SAAuB;AAAA,EACtD,eAAAC,IAAgB,CAAA;AAAA,EAChB,QAAAC,IAAS;AAAA,EACT,cAAAC;AACF,GAAe;AACb,QAAMC,IAAUH,EAAc,WAAW,IACnCI,IAAmBJ,EAAc,oBAAoB,GACrDK,IAAWL,EAAc,YAAY,UACrCM,IAAYN,EAAc,aAAa,QAUvCO,IANAL,GAAc,UAAUE,IAAmBF,EAAa,OAAO,SAC1DA,EAAa,OAAOE,CAAgB,IAEtC,WAMHI,IAAkB;AAAA,IACtB,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EAAA,GAIHC,IAAmB;AAAA,IACvB,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,EAAA,GAIHC,IAAgB,CAACC,MAAiC;AACtD,UAAMC,IAAQD,EAAK,MAAM;AAAA,CAAI,GACvBE,IAAwB,CAAA;AAC9B,QAAIC,IAAmC;AAEvC,aAASC,IAAI,GAAGA,IAAIH,EAAM,QAAQG,KAAK;AACrC,YAAMC,IAAOJ,EAAMG,CAAC,EAAE,KAAA;AAEtB,UAAI,CAACC,GAAM;AAET,QAAIF,MACFD,EAAM,KAAKC,CAAW,GACtBA,IAAc,OAEhBD,EAAM,KAAK,EAAE,MAAM,QAAA,CAAS;AAC5B;AAAA,MACF;AAGA,YAAMI,IAAcD,EAAK,MAAM,mBAAmB;AAClD,UAAIC,GAAa;AACf,QAAIH,MACFD,EAAM,KAAKC,CAAW,GACtBA,IAAc,OAEhBD,EAAM,KAAK;AAAA,UACT,MAAM;AAAA,UACN,OAAOI,EAAY,CAAC,EAAE;AAAA,UACtB,SAASA,EAAY,CAAC;AAAA,QAAA,CACvB;AACD;AAAA,MACF;AAGA,YAAMC,IAAiBF,EAAK,MAAM,gBAAgB;AAClD,UAAIE,GAAgB;AAClB,SAAI,CAACJ,KAAeA,EAAY,aAC1BA,KAAaD,EAAM,KAAKC,CAAW,GACvCA,IAAc,EAAE,MAAM,QAAQ,SAAS,IAAO,UAAU,GAAC,IAE3DA,EAAY,SAAU,KAAK;AAAA,UACzB,MAAM;AAAA,UACN,UAAUK,EAAYD,EAAe,CAAC,CAAC;AAAA,UACvC,eAAe;AAAA,QAAA,CAChB;AACD;AAAA,MACF;AAGA,YAAME,IAAeJ,EAAK,MAAM,gBAAgB;AAChD,UAAII,GAAc;AAChB,SAAI,CAACN,KAAe,CAACA,EAAY,aAC3BA,KAAaD,EAAM,KAAKC,CAAW,GACvCA,IAAc,EAAE,MAAM,QAAQ,SAAS,IAAM,UAAU,GAAC,IAE1DA,EAAY,SAAU,KAAK;AAAA,UACzB,MAAM;AAAA,UACN,UAAUK,EAAYC,EAAa,CAAC,CAAC;AAAA,UACrC,eAAe;AAAA,QAAA,CAChB;AACD;AAAA,MACF;AAGA,MAAIN,MACFD,EAAM,KAAKC,CAAW,GACtBA,IAAc,OAGhBD,EAAM,KAAK;AAAA,QACT,MAAM;AAAA,QACN,UAAUM,EAAYH,CAAI;AAAA,MAAA,CAC3B;AAAA,IACH;AAGA,WAAIF,KACFD,EAAM,KAAKC,CAAW,GAGjBD;AAAA,EACT,GAGMM,IAAc,CAACR,MAAiC;AACpD,UAAME,IAAwB,CAAA;AAC9B,QAAIQ,IAAYV;AAEhB,WAAOU,KAAW;AAEhB,YAAMC,IAAYD,EAAU,MAAM,oCAAoC;AACtE,UAAIC,GAAW;AACb,cAAM,CAAA,EAAGC,GAAQC,GAAUC,GAAKC,CAAK,IAAIJ;AACzC,QAAIC,KACFV,EAAM,KAAK,GAAGc,EAAkBJ,CAAM,CAAC,GAEzCV,EAAM,KAAK;AAAA,UACT,MAAM;AAAA,UACN,SAASW;AAAA,UACT,KAAAC;AAAA,QAAA,CACD,GACDJ,IAAYK;AACZ;AAAA,MACF;AAGA,MAAAb,EAAM,KAAK,GAAGc,EAAkBN,CAAS,CAAC;AAC1C;AAAA,IACF;AAEA,WAAOR;AAAA,EACT,GAGMc,IAAoB,CAAChB,MAAiC;AAC1D,UAAME,IAAwB,CAAA;AAC9B,QAAIQ,IAAYV;AAEhB,WAAOU,KAAW;AAEhB,YAAMO,IAAYP,EAAU,MAAM,4BAA4B;AAC9D,UAAIO,GAAW;AACb,cAAM,GAAGL,GAAQM,GAAUH,CAAK,IAAIE;AACpC,QAAIL,OAAc,KAAK,EAAE,MAAM,QAAQ,SAASA,GAAQ,GACxDV,EAAM,KAAK,EAAE,MAAM,QAAQ,SAASgB,GAAU,GAC9CR,IAAYK;AACZ;AAAA,MACF;AAGA,YAAMI,IAAcT,EAAU,MAAM,wBAAwB;AAC5D,UAAIS,GAAa;AACf,cAAM,GAAGP,GAAQQ,GAAYL,CAAK,IAAII;AACtC,QAAIP,OAAc,KAAK,EAAE,MAAM,QAAQ,SAASA,GAAQ,GACxDV,EAAM,KAAK,EAAE,MAAM,UAAU,SAASkB,GAAY,GAClDV,IAAYK;AACZ;AAAA,MACF;AAGA,MAAAb,EAAM,KAAK,EAAE,MAAM,QAAQ,SAASQ,GAAW;AAC/C;AAAA,IACF;AAEA,WAAOR;AAAA,EACT,GAGMmB,IAAa,CAACC,GAAoBC,GAAaC,MAAyC;AAC5F,YAAQF,EAAK,MAAA;AAAA,MACX,KAAK;AACH,iCAAQ,QAAA,EAAe,WAAU,gBAAgB,UAAAA,EAAK,WAApCC,CAA4C;AAAA,MAEhE,KAAK;AACH,iCAAQ,UAAA,EAAiB,WAAU,6BAA6B,UAAAD,EAAK,WAAjDC,CAAyD;AAAA,MAE/E,KAAK;AACH,iCAAQ,MAAA,EAAa,WAAU,0BAA0B,UAAAD,EAAK,WAA9CC,CAAsD;AAAA,MAExE,KAAK;AACH,eACE,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,MAAMH,EAAK;AAAA,YACX,QAAO;AAAA,YACP,KAAI;AAAA,YACJ,WAAU;AAAA,YACV,OAAO,EAAE,OAAO1B,EAAA;AAAA,YAEf,UAAA0B,EAAK;AAAA,UAAA;AAAA,UAPDC;AAAA,QAAA;AAAA,MAWX,KAAK,UAAU;AAEb,cAAMG,IAAmB,CAACC,GAAejC,MAAqB;AAC5D,gBAAMkC,IAAc,gBACdC,IAAgB;AAAA,YACpB,GAAG;AAAA,YACH,GAAG;AAAA,YACH,GAAG;AAAA,UAAA;AAGL,cAAIC,IAAc;AAClB,iBAAIpC,MAAa,UACfoC,IAAc,EAAE,GAAG,cAAc,GAAG,gBAAgB,GAAG,aAAA,EAAeH,CAAK,KAAK,eACvEjC,MAAa,UACtBoC,IAAc,EAAE,GAAG,eAAe,GAAG,eAAe,GAAG,cAAA,EAAgBH,CAAK,KAAK,gBAEjFG,IAAc,EAAE,GAAG,eAAe,GAAG,eAAe,GAAG,aAAA,EAAeH,CAAK,KAAK,cAG3E,GAAGC,CAAW,IAAIE,CAAW,IAAID,EAAcF,CAAmC,CAAC;AAAA,QAC5F,GAEMI,IAAY,IAAIT,EAAK,KAAK;AAChC,eACE,gBAAAG;AAAA,UAACM;AAAA,UAAA;AAAA,YAEC,WAAWL,EAAiBJ,EAAK,OAAiB5B,CAAQ;AAAA,YAC1D,OAAO,EAAE,OAAOE,EAAA;AAAA,YAEf,UAAA0B,EAAK;AAAA,UAAA;AAAA,UAJDC;AAAA,QAAA;AAAA,MAOX;AAAA,MAEA,KAAK;AACH,eACE,gBAAAE,EAAC,KAAA,EAAY,WAAU,8BACpB,YAAK,UAAU,IAAI,CAACO,GAAO5B,MAAMiB,EAAWW,GAAO5B,CAAC,CAAC,KADhDmB,CAER;AAAA,MAGJ,KAAK,QAAQ;AACX,cAAMU,IAAUX,EAAK,UAAU,OAAO;AACtC,YAAIY,IAAc;AAElB,eAAIvC,MAAc,WAChBuC,KAAe,0CACNvC,MAAc,UACvBuC,KAAe,iCAEfA,KAAe,mBAIf,gBAAAT,EAACQ,KAAkB,WAAWC,GAC3B,YAAK,UAAU,IAAI,CAACF,GAAO5B,MAAMiB,EAAWW,GAAO5B,GAAGkB,EAAK,UAAUlB,IAAI,IAAI,MAAS,CAAC,KAD5EmB,CAEd;AAAA,MAEJ;AAAA,MAEA,KAAK;AACH,YAAID,EAAK,UAAU;AAEjB,cAAIA,EAAK,iBAAiBE,MAAe,QAAW;AAClD,kBAAMW,IAAkBtC,EAAgBH,CAAwC;AAEhF,mBAAIC,MAAc,WAEd,gBAAAyC,EAAC,MAAA,EAAa,WAAU,qDACtB,UAAA;AAAA,cAAA,gBAAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,uCAAuCD,CAAe;AAAA,kBACjE,OAAO,EAAE,OAAOvC,EAAA;AAAA,kBAEf,UAAA;AAAA,oBAAA4B;AAAA,oBAAW;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEd,gBAAAC,EAAC,QAAA,EAAK,WAAU,kBACb,YAAK,SAAS,IAAI,CAACO,GAAO5B,MAAMiB,EAAWW,GAAO5B,CAAC,CAAC,EAAA,CACvD;AAAA,YAAA,EAAA,GATOmB,CAUT,IAEO5B,MAAc,UAErB,gBAAAyC,EAAC,MAAA,EAAa,WAAU,iDACtB,UAAA;AAAA,cAAA,gBAAAX,EAAC,QAAA,EAAK,WAAU,iBACb,UAAAH,EAAK,SAAS,IAAI,CAACU,GAAO5B,MAAMiB,EAAWW,GAAO5B,CAAC,CAAC,GACvD;AAAA,cACA,gBAAAgC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,uCAAuCD,CAAe;AAAA,kBACjE,OAAO,EAAE,OAAOvC,EAAA;AAAA,kBAEf,UAAA;AAAA,oBAAA4B;AAAA,oBAAW;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YACd,EAAA,GATOD,CAUT,IAIA,gBAAAa,EAAC,MAAA,EAAa,WAAU,kCACtB,UAAA;AAAA,cAAA,gBAAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,uCAAuCD,CAAe;AAAA,kBACjE,OAAO,EAAE,OAAOvC,EAAA;AAAA,kBAEf,UAAA;AAAA,oBAAA4B;AAAA,oBAAW;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEd,gBAAAC,EAAC,QAAA,EAAK,WAAU,aACb,YAAK,SAAS,IAAI,CAACO,GAAO5B,MAAMiB,EAAWW,GAAO5B,CAAC,CAAC,EAAA,CACvD;AAAA,YAAA,EAAA,GATOmB,CAUT;AAAA,UAGN;AAGA,iBAAI5B,MAAc,WAEd,gBAAAyC,EAAC,MAAA,EAAa,WAAU,qDACtB,UAAA;AAAA,YAAA,gBAAAX;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO,EAAE,iBAAiB7B,EAAA;AAAA,cAAY;AAAA,YAAA;AAAA,YAExC,gBAAA6B,EAAC,QAAA,EAAK,WAAU,kBACb,YAAK,SAAS,IAAI,CAACO,GAAO5B,MAAMiB,EAAWW,GAAO5B,CAAC,CAAC,EAAA,CACvD;AAAA,UAAA,EAAA,GAPOmB,CAQT,IAEO5B,MAAc,UAErB,gBAAAyC,EAAC,MAAA,EAAa,WAAU,iDACtB,UAAA;AAAA,YAAA,gBAAAX,EAAC,QAAA,EAAK,WAAU,iBACb,UAAAH,EAAK,SAAS,IAAI,CAACU,GAAO5B,MAAMiB,EAAWW,GAAO5B,CAAC,CAAC,GACvD;AAAA,YACA,gBAAAqB;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO,EAAE,iBAAiB7B,EAAA;AAAA,cAAY;AAAA,YAAA;AAAA,UACxC,EAAA,GAPO2B,CAQT,IAIA,gBAAAa,EAAC,MAAA,EAAa,WAAU,kCACtB,UAAA;AAAA,YAAA,gBAAAX;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO,EAAE,iBAAiB7B,EAAA;AAAA,cAAY;AAAA,YAAA;AAAA,YAExC,gBAAA6B,EAAC,QAAA,EAAK,WAAU,aACb,YAAK,SAAS,IAAI,CAACO,GAAO5B,MAAMiB,EAAWW,GAAO5B,CAAC,CAAC,EAAA,CACvD;AAAA,UAAA,EAAA,GAPOmB,CAQT;AAAA,QAGN;AACA,eAAO;AAAA,MAET,KAAK;AACH,eAAO,gBAAAE,EAAC,UAAQF,CAAK;AAAA,MAEvB;AACE,eAAO;AAAA,IAAA;AAAA,EAEb;AAEA,MAAI,CAAC/B,EAAQ;AACX,WACE,gBAAAiC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,QAAQnC,MAAW,SAAS,SAASA;AAAA,UACrC,WAAWA,MAAW,SAAS,UAAU;AAAA,QAAA;AAAA,QAG3C,UAAA,gBAAA8C,EAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,UAAA,gBAAAX,EAAC,OAAA,EAAI,WAAU,uCAAsC,UAAA,cAAU;AAAA,UAC/D,gBAAAA,EAAC,OAAA,EAAI,WAAU,qCAAoC,UAAA,kDAAA,CAA+C;AAAA,QAAA,EAAA,CACpG;AAAA,MAAA;AAAA,IAAA;AAKN,QAAMY,IAActC,EAAcP,CAAO;AAEzC,SACE,gBAAAiC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,+CAA+C5B,EAAgBH,CAAwC,CAAC,IAAII,EAAiBH,CAA0C,CAAC;AAAA,MACnL,OAAO;AAAA,QACL,QAAQL,MAAW,SAAS,SAASA;AAAA,QACrC,WAAWA,MAAW,SAAS,UAAU;AAAA,MAAA;AAAA,MAG1C,UAAA+C,EAAY,IAAI,CAACf,GAAMgB,MAAUjB,EAAWC,GAAMgB,CAAK,CAAC;AAAA,IAAA;AAAA,EAAA;AAG/D,CAAC;"}

package/dist/client/chunks/{chart-pie-BNr-GgTh.js → chart-pie-B-Sbsvd2.js}

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as o } from "react/jsx-runtime";
 import w, { useState as F } from "react";
 import { PieChart as L, Pie as S, Cell as T, Legend as j } from "recharts";
-import { u as E, t as Y, g as R, d as _, a as $, c as b, b as z, f as P } from "./charts-core-DIW3Dd7n.js";
+import { u as E, t as Y, g as R, d as _, a as $, c as b, b as z, f as P } from "./charts-core-DF99lItO.js";
 const H = w.memo(function({
   data: x,
   chartConfig: i,
@@ -20,7 +20,7 @@ const H = w.memo(function({
       leftYAxisFormat: m?.leftYAxisFormat
     };
     if (!x || x.length === 0)
-      return /* @__PURE__ */ t("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted", style: { height: n }, children: /* @__PURE__ */ o("div", { className: "text-center", children: [
+      return /* @__PURE__ */ t("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted", style: { height: n }, children: /* @__PURE__ */ o("div", { className: "dc:text-center", children: [
         /* @__PURE__ */ t("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "No data available" }),
         /* @__PURE__ */ t("div", { className: "dc:text-xs text-dc-text-secondary", children: "No data points to display in pie chart" })
       ] }) });
@@ -30,12 +30,12 @@ const H = w.memo(function({
     else if (i?.x && i?.y)
       a = i.x, d = Array.isArray(i.y) ? i.y : [i.y];
     else
-      return /* @__PURE__ */ t("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning", style: { height: n }, children: /* @__PURE__ */ o("div", { className: "text-center", children: [
+      return /* @__PURE__ */ t("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning", style: { height: n }, children: /* @__PURE__ */ o("div", { className: "dc:text-center", children: [
         /* @__PURE__ */ t("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "Configuration Error" }),
         /* @__PURE__ */ t("div", { className: "dc:text-xs", children: "chartConfig.x/y or chartConfig.xAxis/yAxis required for pie chart" })
       ] }) });
     if (!a || !d || d.length === 0)
-      return /* @__PURE__ */ t("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning", style: { height: n }, children: /* @__PURE__ */ o("div", { className: "text-center", children: [
+      return /* @__PURE__ */ t("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning", style: { height: n }, children: /* @__PURE__ */ o("div", { className: "dc:text-center", children: [
         /* @__PURE__ */ t("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "Configuration Error" }),
         /* @__PURE__ */ t("div", { className: "dc:text-xs", children: "Missing required X-axis or Y-axis fields" })
       ] }) });
@@ -70,7 +70,7 @@ const H = w.memo(function({
     const N = l.length;
     return l = l.filter(
       (s) => s.value != null && !isNaN(s.value) && s.value !== 0 && s.value > 0
-    ), l.length === 0 ? /* @__PURE__ */ t("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted", style: { height: n }, children: /* @__PURE__ */ o("div", { className: "text-center", children: [
+    ), l.length === 0 ? /* @__PURE__ */ t("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted", style: { height: n }, children: /* @__PURE__ */ o("div", { className: "dc:text-center", children: [
       /* @__PURE__ */ t("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "No valid data" }),
       /* @__PURE__ */ t("div", { className: "dc:text-xs text-dc-text-secondary", children: N > 0 ? `Filtered out ${N} data points (zero or invalid values)` : "No data points to display in pie chart" })
     ] }) }) : /* @__PURE__ */ t($, { height: n, children: /* @__PURE__ */ o(L, { accessibilityLayer: !1, children: [
@@ -124,7 +124,7 @@ const H = w.memo(function({
       )
     ] }) });
   } catch (c) {
-    return /* @__PURE__ */ t("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 }, children: /* @__PURE__ */ o("div", { className: "text-center", children: [
+    return /* @__PURE__ */ t("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 }, children: /* @__PURE__ */ o("div", { className: "dc:text-center", children: [
       /* @__PURE__ */ t("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "Pie Chart Error" }),
       /* @__PURE__ */ t("div", { className: "dc:text-xs dc:mb-2", children: c instanceof Error ? c.message : "Unknown rendering error" }),
       /* @__PURE__ */ t("div", { className: "dc:text-xs text-dc-text-muted", children: "Check the data and configuration" })
@@ -134,4 +134,4 @@ const H = w.memo(function({
 export {
   H as default
 };
-//# sourceMappingURL=chart-pie-BNr-GgTh.js.map
+//# sourceMappingURL=chart-pie-B-Sbsvd2.js.map

package/dist/client/chunks/chart-pie-B-Sbsvd2.js.map

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

package/dist/client/chunks/{chart-radar-CYrGVYEQ.js → chart-radar-CezgvXhm.js}

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as h } from "react/jsx-runtime";
 import F, { useState as L } from "react";
 import { RadarChart as S, PolarGrid as R, PolarAngleAxis as j, PolarRadiusAxis as k, Legend as T, Radar as C } from "recharts";
-import { t as Y, g as z, d as E, a as G, f as g, b as D, c as v } from "./charts-core-DIW3Dd7n.js";
+import { t as Y, g as z, d as E, a as G, f as g, b as D, c as v } from "./charts-core-DF99lItO.js";
 const M = F.memo(function({
   data: n,
   chartConfig: c,
@@ -19,7 +19,7 @@ const M = F.memo(function({
       leftYAxisFormat: p?.leftYAxisFormat
     };
     if (!n || n.length === 0)
-      return /* @__PURE__ */ e("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted", style: { height: x }, children: /* @__PURE__ */ h("div", { className: "text-center", children: [
+      return /* @__PURE__ */ e("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted", style: { height: x }, children: /* @__PURE__ */ h("div", { className: "dc:text-center", children: [
         /* @__PURE__ */ e("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "No data available" }),
         /* @__PURE__ */ e("div", { className: "dc:text-xs text-dc-text-secondary", children: "No data points to display in radar chart" })
       ] }) });
@@ -40,7 +40,7 @@ const M = F.memo(function({
         (s) => typeof t[s] == "number" && s !== i
       );
       if (d.length === 0)
-        return /* @__PURE__ */ e("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning", style: { height: x }, children: /* @__PURE__ */ h("div", { className: "text-center", children: [
+        return /* @__PURE__ */ e("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning", style: { height: x }, children: /* @__PURE__ */ h("div", { className: "dc:text-center", children: [
           /* @__PURE__ */ e("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "Configuration Error" }),
           /* @__PURE__ */ e("div", { className: "dc:text-xs", children: "No numeric fields found for radar chart values" })
         ] }) });
@@ -61,7 +61,7 @@ const M = F.memo(function({
           value: typeof s[d[0]] == "string" ? parseFloat(s[d[0]]) : s[d[0]] || 0
         })), f = ["value"];
     }
-    return !m || m.length === 0 ? /* @__PURE__ */ e("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted", style: { height: x }, children: /* @__PURE__ */ h("div", { className: "text-center", children: [
+    return !m || m.length === 0 ? /* @__PURE__ */ e("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted", style: { height: x }, children: /* @__PURE__ */ h("div", { className: "dc:text-center", children: [
       /* @__PURE__ */ e("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "No valid data" }),
       /* @__PURE__ */ e("div", { className: "dc:text-xs text-dc-text-secondary", children: "No valid data points for radar chart after transformation" })
     ] }) }) : /* @__PURE__ */ e(G, { height: x, children: /* @__PURE__ */ h(S, { data: m, margin: { top: 20, right: 80, bottom: 20, left: 80 }, accessibilityLayer: !1, children: [
@@ -116,7 +116,7 @@ const M = F.memo(function({
       ))
     ] }) });
   } catch (a) {
-    return /* @__PURE__ */ e("div", { className: "dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4", style: { height: x }, children: /* @__PURE__ */ h("div", { className: "text-center", children: [
+    return /* @__PURE__ */ e("div", { className: "dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4", style: { height: x }, children: /* @__PURE__ */ h("div", { className: "dc:text-center", children: [
       /* @__PURE__ */ e("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "Radar Chart Error" }),
       /* @__PURE__ */ e("div", { className: "dc:text-xs dc:mb-2", children: a instanceof Error ? a.message : "Unknown rendering error" }),
       /* @__PURE__ */ e("div", { className: "dc:text-xs text-dc-text-muted", children: "Check the data and configuration" })
@@ -126,4 +126,4 @@ const M = F.memo(function({
 export {
   M as default
 };
-//# sourceMappingURL=chart-radar-CYrGVYEQ.js.map
+//# sourceMappingURL=chart-radar-CezgvXhm.js.map

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

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

package/dist/client/chunks/{chart-radial-bar-2PR3ucIR.js → chart-radial-bar-COBPiBxm.js}

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as m } from "react/jsx-runtime";
 import N, { useState as g } from "react";
 import { RadialBarChart as w, Legend as F, RadialBar as R, Cell as L } from "recharts";
-import { g as S, c as u, d as C, a as T, b as j, f as A } from "./charts-core-DIW3Dd7n.js";
+import { g as S, c as u, d as C, a as T, b as j, f as A } from "./charts-core-DF99lItO.js";
 const _ = N.memo(function({
   data: o,
   chartConfig: d,
@@ -18,7 +18,7 @@ const _ = N.memo(function({
       leftYAxisFormat: v?.leftYAxisFormat
     };
     if (!o || o.length === 0)
-      return /* @__PURE__ */ t("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted", style: { height: f }, children: /* @__PURE__ */ m("div", { className: "text-center", children: [
+      return /* @__PURE__ */ t("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted", style: { height: f }, children: /* @__PURE__ */ m("div", { className: "dc:text-center", children: [
         /* @__PURE__ */ t("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "No data available" }),
         /* @__PURE__ */ t("div", { className: "dc:text-xs text-dc-text-secondary", children: "No data points to display in radial bar chart" })
       ] }) });
@@ -37,7 +37,7 @@ const _ = N.memo(function({
         (a) => typeof e[a] == "number" && a !== x
       ) || r[1];
       if (!l)
-        return /* @__PURE__ */ t("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning", style: { height: f }, children: /* @__PURE__ */ m("div", { className: "text-center", children: [
+        return /* @__PURE__ */ t("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning", style: { height: f }, children: /* @__PURE__ */ m("div", { className: "dc:text-center", children: [
           /* @__PURE__ */ t("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "Configuration Error" }),
           /* @__PURE__ */ t("div", { className: "dc:text-xs", children: "No numeric field found for radial bar chart values" })
         ] }) });
@@ -50,7 +50,7 @@ const _ = N.memo(function({
         };
       });
     }
-    return c = c.filter((e) => e.value != null && e.value !== 0), c.length === 0 ? /* @__PURE__ */ t("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted", style: { height: f }, children: /* @__PURE__ */ m("div", { className: "text-center", children: [
+    return c = c.filter((e) => e.value != null && e.value !== 0), c.length === 0 ? /* @__PURE__ */ t("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted", style: { height: f }, children: /* @__PURE__ */ m("div", { className: "dc:text-center", children: [
       /* @__PURE__ */ t("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "No valid data" }),
       /* @__PURE__ */ t("div", { className: "dc:text-xs text-dc-text-secondary", children: "No valid data points for radial bar chart after transformation" })
     ] }) }) : /* @__PURE__ */ t(T, { height: f, children: /* @__PURE__ */ m(
@@ -106,7 +106,7 @@ const _ = N.memo(function({
       }
     ) });
   } catch (i) {
-    return /* @__PURE__ */ t("div", { className: "dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4", style: { height: f }, children: /* @__PURE__ */ m("div", { className: "text-center", children: [
+    return /* @__PURE__ */ t("div", { className: "dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4", style: { height: f }, children: /* @__PURE__ */ m("div", { className: "dc:text-center", children: [
       /* @__PURE__ */ t("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "Radial Bar Chart Error" }),
       /* @__PURE__ */ t("div", { className: "dc:text-xs dc:mb-2", children: i instanceof Error ? i.message : "Unknown rendering error" }),
       /* @__PURE__ */ t("div", { className: "dc:text-xs text-dc-text-muted", children: "Check the data and configuration" })
@@ -116,4 +116,4 @@ const _ = N.memo(function({
 export {
   _ as default
 };
-//# sourceMappingURL=chart-radial-bar-2PR3ucIR.js.map
+//# sourceMappingURL=chart-radial-bar-COBPiBxm.js.map

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

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