drizzle-cube 0.4.21 → 0.4.23

package/dist/client/chunks/{chart-activity-grid-CPGcTSuh.js → chart-activity-grid-OG6he4YS.js}

@@ -1,7 +1,7 @@
 import { jsx as h, jsxs as $ } from "react/jsx-runtime";
 import we, { useRef as ie, useState as I, useEffect as q, useMemo as ve, useLayoutEffect as Fe, useCallback as be } from "react";
 import { select as S, max as oe, min as le, scaleQuantize as Me } from "d3";
-import { u as Te, d as ke, h as We } from "./charts-core-CU9u_HtL.js";
+import { u as Te, d as ke, h as We } from "./charts-core-B4Rbfdcn.js";
 import { g as Ne, w as Le } from "./theme-Dp3hFed1.js";
 const Ge = we.memo(function({
   data: T,
@@ -344,4 +344,4 @@ const Ge = we.memo(function({
 export {
   Ge as default
 };
-//# sourceMappingURL=chart-activity-grid-CPGcTSuh.js.map
+//# sourceMappingURL=chart-activity-grid-OG6he4YS.js.map

package/dist/client/chunks/{chart-activity-grid-CPGcTSuh.js.map → chart-activity-grid-OG6he4YS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chart-activity-grid-CPGcTSuh.js","sources":["../../../src/client/components/charts/ActivityGridChart.tsx"],"sourcesContent":["import React, { useEffect, useLayoutEffect, useRef, useState, useMemo, useCallback } from 'react'\nimport { select, scaleQuantize, max, min, transition as _transition } from 'd3'\n// _transition import is for side effects only - it extends Selection.prototype with .transition() method\nimport { CHART_COLORS_GRADIENT, CHART_MARGINS } from '../../utils/chartConstants'\nimport { formatTimeValue } from '../../utils/chartUtils'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel'\nimport { getTheme, watchThemeChanges, type Theme } from '../../theme'\nimport type { ChartProps } from '../../types'\n\ninterface GridCell {\n  x: number\n  y: number\n  value: number\n  date: Date\n  label: string\n}\n\ninterface GridMapping {\n  extractX: (date: Date) => number\n  extractY: (date: Date) => number\n  xLabels: string[]\n  yLabels: string[]\n  xFormat: (value: number) => string\n  yFormat: (value: number) => string\n  cellWidth: number\n  cellHeight: number\n  hasHierarchicalLabels?: boolean\n  getYearFromX?: (value: number) => number\n}\n\nconst ActivityGridChart = React.memo(function ActivityGridChart({\n  data,\n  chartConfig,\n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette,\n  onDataPointClick,\n  drillEnabled\n}: ChartProps) {\n  const svgRef = useRef<SVGSVGElement | null>(null)\n  const containerRef = useRef<HTMLDivElement | null>(null)\n  const [dimensions, setDimensions] = useState({ width: 0, height: 0 })\n  const [dimensionsReady, setDimensionsReady] = useState(false)\n  const [currentTheme, setCurrentTheme] = useState<Theme>('light')\n  // Use specialized hook to avoid re-renders from unrelated context changes\n  const getFieldLabel = useCubeFieldLabel()\n\n  // Watch for theme changes\n  useEffect(() => {\n    setCurrentTheme(getTheme())\n    const unwatch = watchThemeChanges((theme) => {\n      setCurrentTheme(theme)\n    })\n    return unwatch\n  }, [])\n\n  const safeDisplayConfig = useMemo(() => ({\n    showTooltip: displayConfig?.showTooltip ?? true,\n    showLabels: displayConfig?.showLabels ?? true,\n    fitToWidth: displayConfig?.fitToWidth ?? false\n  }), [displayConfig?.showTooltip, displayConfig?.showLabels, displayConfig?.fitToWidth])\n\n  // Enhanced dimension measurement with retry mechanism\n  useLayoutEffect(() => {\n    let retryCount = 0\n    const maxRetries = 10\n    let rafId: number\n    let timeoutId: ReturnType<typeof setTimeout>\n    \n    const updateDimensions = () => {\n      if (containerRef.current) {\n        const { width, height } = containerRef.current.getBoundingClientRect()\n        \n        if (width > 0 && height > 0) {\n          setDimensions({ width, height })\n          setDimensionsReady(true)\n          return true\n        }\n      }\n      return false\n    }\n    \n    const success = updateDimensions()\n    \n    if (!success && retryCount < maxRetries) {\n      const retryWithRaf = () => {\n        const rafSuccess = updateDimensions()\n        \n        if (!rafSuccess && retryCount < maxRetries) {\n          retryCount++\n          timeoutId = setTimeout(() => {\n            rafId = requestAnimationFrame(retryWithRaf)\n          }, 50 * retryCount)\n        }\n      }\n      \n      rafId = requestAnimationFrame(retryWithRaf)\n    }\n    \n    return () => {\n      if (rafId) cancelAnimationFrame(rafId)\n      if (timeoutId) clearTimeout(timeoutId)\n    }\n  }, [])\n\n  // ResizeObserver for dynamic resizing\n  useEffect(() => {\n    let resizeObserver: ResizeObserver | null = null\n    \n    const updateDimensions = () => {\n      if (containerRef.current) {\n        const { width, height } = containerRef.current.getBoundingClientRect()\n        if (width > 0 && height > 0) {\n          setDimensions({ width, height })\n          if (!dimensionsReady) {\n            setDimensionsReady(true)\n          }\n        }\n      }\n    }\n    \n    if (containerRef.current) {\n      resizeObserver = new ResizeObserver(() => updateDimensions())\n      resizeObserver.observe(containerRef.current)\n      updateDimensions()\n    }\n\n    window.addEventListener('resize', updateDimensions)\n    \n    return () => {\n      if (resizeObserver) {\n        resizeObserver.disconnect()\n      }\n      window.removeEventListener('resize', updateDimensions)\n    }\n  }, [dimensionsReady])\n\n  // Helper functions for grid coordinate extraction\n  const getQuarter = (date: Date): number => {\n    return Math.floor(date.getMonth() / 3) + 1 // 1-4\n  }\n\n  const getMonthOfQuarter = (date: Date): number => {\n    return (date.getMonth() % 3) + 1 // 1-3\n  }\n\n  const getWeekOfMonth = (date: Date): number => {\n    // Always start from week 1 for the first week of the month, regardless of day offset\n    const dayOfMonth = date.getDate()\n    return Math.floor((dayOfMonth - 1) / 7) + 1 // 1-5 typically\n  }\n\n  // Get granularity mapping based on time dimension\n  const getGridMapping = useCallback((granularity: string): GridMapping | null => {\n    switch (granularity?.toLowerCase()) {\n      case 'year':\n        // Year granularity is not useful for activity grids\n        return null\n      \n      case 'quarter':\n        // Quarter granularity: years × quarters\n        return {\n          extractX: (date: Date) => date.getFullYear(),\n          extractY: (date: Date) => getQuarter(date) - 1, // 0-3 for indexing\n          xLabels: [], // Will be determined from data\n          yLabels: ['Q1', 'Q2', 'Q3', 'Q4'],\n          xFormat: (value: number) => `'${value.toString().slice(-2)}`, // '24 instead of 2024\n          yFormat: (value: number) => ['Q1', 'Q2', 'Q3', 'Q4'][value] || '',\n          cellWidth: 16,\n          cellHeight: 16\n        }\n      \n      case 'month':\n        // Month granularity: quarters × months of quarter\n        // Show years above and quarters (Q1, Q2, Q3, Q4) as columns with hierarchical labels\n        return {\n          extractX: (date: Date) => {\n            const year = date.getFullYear()\n            const quarter = getQuarter(date) // 1-4\n            return year * 10 + quarter // e.g., 20241, 20242, 20243, 20244 (only 4 per year)\n          },\n          extractY: (date: Date) => getMonthOfQuarter(date) - 1, // 0-2 for indexing\n          xLabels: [], // Will be determined from data\n          yLabels: ['Month 1', 'Month 2', 'Month 3'],\n          xFormat: (value: number) => {\n            const quarter = value % 10\n            return `Q${quarter}` // Just show Q1, Q2, Q3, Q4 for individual columns\n          },\n          yFormat: (value: number) => ['Month 1', 'Month 2', 'Month 3'][value] || '',\n          cellWidth: 16,\n          cellHeight: 16,\n          hasHierarchicalLabels: true, // Flag to indicate we need special handling\n          getYearFromX: (value: number) => Math.floor(value / 10) // Helper to get year for grouping\n        }\n      \n      case 'week':\n        // Week granularity: months × weeks of month (same structure as quarters but with months as columns)\n        return {\n          extractX: (date: Date) => {\n            const year = date.getFullYear()\n            const month = date.getMonth() + 1\n            return year * 100 + month // e.g., 202401, 202402, etc.\n          },\n          extractY: (date: Date) => getWeekOfMonth(date) - 1, // 0-5 for indexing\n          xLabels: [], // Will be determined from data\n          yLabels: ['Week 1', 'Week 2', 'Week 3', 'Week 4', 'Week 5'],\n          xFormat: (value: number) => {\n            const month = value % 100\n            const monthNames = ['J', 'F', 'M', 'A', 'M', 'J', 'J', 'A', 'S', 'O', 'N', 'D']\n            return monthNames[month - 1] || ''\n          },\n          yFormat: (value: number) => ['Week 1', 'Week 2', 'Week 3', 'Week 4', 'Week 5'][value] || '',\n          cellWidth: 16,\n          cellHeight: 16,\n          hasHierarchicalLabels: true, // Add hierarchical labels like month view\n          getYearFromX: (value: number) => Math.floor(value / 100) // Helper to get year for grouping\n        }\n      \n      case 'day':\n        // Day granularity: weeks × days of week with hierarchical year/week labels\n        return {\n          extractX: (date: Date) => {\n            const { year, week } = getWeekOfYear(date)\n            return year * 100 + week // e.g., 202401, 202402, etc.\n          },\n          extractY: (date: Date) => date.getDay(), // 0-6 (Sun-Sat)\n          xLabels: [], // Will be determined from data\n          yLabels: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\n          xFormat: (value: number) => {\n            const week = value % 100\n            return `${week}`\n          },\n          yFormat: (value: number) => ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'][value] || '',\n          cellWidth: 16,\n          cellHeight: 16,\n          hasHierarchicalLabels: true, // Add hierarchical labels\n          getYearFromX: (value: number) => Math.floor(value / 100) // Helper to get year for grouping\n        }\n\n      case 'hour':\n        // Hour granularity: days × 3-hour blocks with hierarchical year/month labels\n        return {\n          extractX: (date: Date) => {\n            // Get day as YYYYMMDD number for unique day identification\n            const year = date.getFullYear()\n            const month = date.getMonth() + 1\n            const day = date.getDate()\n            return year * 10000 + month * 100 + day // e.g., 20240115\n          },\n          extractY: (date: Date) => Math.floor(date.getHours() / 3), // 0-7 for 8 three-hour blocks\n          xLabels: [], // Will be determined from data\n          yLabels: ['00-03', '03-06', '06-09', '09-12', '12-15', '15-18', '18-21', '21-00'],\n          xFormat: (value: number) => {\n            // Format YYYYMMDD as just the day number\n            const day = value % 100\n            return `${day}`\n          },\n          yFormat: (value: number) => ['00-03', '03-06', '06-09', '09-12', '12-15', '15-18', '18-21', '21-00'][value] || '',\n          cellWidth: 16,\n          cellHeight: 16,\n          hasHierarchicalLabels: true, // Show year/month grouping above\n          getYearFromX: (value: number) => Math.floor(value / 100) // Extract YYYYMM for month grouping\n        }\n\n      default:\n        return null\n    }\n  }, [])\n\n  // Helper function to get week of year with correct year (1-53)\n  const getWeekOfYear = (date: Date): { year: number, week: number } => {\n    const d = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()))\n    const dayNum = d.getUTCDay() || 7\n    d.setUTCDate(d.getUTCDate() + 4 - dayNum)\n    const year = d.getUTCFullYear()\n    const yearStart = new Date(Date.UTC(year, 0, 1))\n    const week = Math.ceil((((d.getTime() - yearStart.getTime()) / 86400000) + 1) / 7)\n    return { year, week }\n  }\n\n  useEffect(() => {\n    if (!data || data.length === 0 || !svgRef.current || !dimensionsReady || dimensions.width === 0) {\n      return\n    }\n\n    // Clear previous chart\n    select(svgRef.current).selectAll('*').remove()\n\n    // Validate chartConfig\n    if (!chartConfig?.dateField || !chartConfig?.valueField) {\n      return\n    }\n\n    const dateField = Array.isArray(chartConfig.dateField) ? chartConfig.dateField[0] : chartConfig.dateField\n    const valueField = Array.isArray(chartConfig.valueField) ? chartConfig.valueField[0] : chartConfig.valueField\n\n\n    if (!dateField || !valueField) {\n      return\n    }\n\n    // Get granularity directly from the query's time dimensions\n    const getQueryGranularity = () => {\n      if (!queryObject?.timeDimensions || queryObject.timeDimensions.length === 0) {\n        return 'day'\n      }\n      \n      // Find the time dimension that matches our dateField\n      const timeDim = queryObject.timeDimensions.find((td: any) => \n        td.dimension === dateField || td.dimension.includes(dateField)\n      )\n      \n      if (timeDim && timeDim.granularity) {\n        return timeDim.granularity\n      }\n      \n      // Fallback to first time dimension's granularity\n      const firstTimeDim = queryObject.timeDimensions[0]\n      if (firstTimeDim && firstTimeDim.granularity) {\n        return firstTimeDim.granularity\n      }\n      \n      return 'day'\n    }\n    \n    const queryGranularity = getQueryGranularity()\n    const gridMapping = getGridMapping(queryGranularity)\n    \n    // Handle unsupported granularity\n    if (!gridMapping) {\n      return\n    }\n    \n\n    // Transform data for grid\n    const gridData: GridCell[] = data.map(item => {\n      const dateValue = item[dateField]\n      const value = typeof item[valueField] === 'string' \n        ? parseFloat(item[valueField]) \n        : (item[valueField] || 0)\n      \n      // Parse the date\n      let date: Date\n      if (typeof dateValue === 'string') {\n        // Handle different date formats\n        let isoStr = dateValue\n        if (dateValue.includes(' ')) {\n          isoStr = dateValue.replace(' ', 'T').replace('+00', 'Z').replace(/\\+\\d{2}:\\d{2}$/, 'Z')\n        }\n        if (!isoStr.endsWith('Z') && !isoStr.includes('+')) {\n          isoStr = isoStr + 'Z'\n        }\n        date = new Date(isoStr)\n      } else {\n        date = new Date(dateValue)\n      }\n\n      // Skip invalid dates\n      if (isNaN(date.getTime())) {\n        return null\n      }\n\n      const x = gridMapping.extractX(date)\n      const y = gridMapping.extractY(date)\n      \n      return {\n        x,\n        y,\n        value,\n        date,\n        label: formatTimeValue(dateValue, queryGranularity)\n      }\n    }).filter((cell): cell is GridCell => cell !== null)\n\n\n    if (gridData.length === 0) return\n\n    // Calculate grid dimensions\n    const maxY = max(gridData, d => d.y) || 0\n    const minY = min(gridData, d => d.y) || 0\n\n\n    // Generate complete X range first so we can calculate proper grid width\n    const getCompleteXRange = (): number[] => {\n      const dataXValues = [...new Set(gridData.map(cell => cell.x))].sort()\n      \n      if (queryGranularity === 'quarter') {\n        // For quarters: only show quarters that have data to avoid gaps\n        return dataXValues\n      }\n      \n      if (queryGranularity === 'month') {\n        // For months: only show quarters that have data to avoid gaps\n        return dataXValues\n      }\n      \n      if (queryGranularity === 'week') {\n        // For weeks: only show months that have data to avoid gaps\n        return dataXValues\n      }\n      \n      if (queryGranularity === 'day') {\n        // For days: only show the actual weeks that have data to avoid discontinuities\n        return dataXValues\n      }\n      \n      // For other granularities, use the actual data values\n      return dataXValues\n    }\n    \n    const completeXRange = getCompleteXRange()\n    \n    // Calculate grid dimensions based on complete X range\n    const gridWidth = completeXRange.length * gridMapping.cellWidth + (completeXRange.length - 1) * 4\n    const gridHeight = (maxY - minY + 1) * gridMapping.cellHeight + (maxY - minY) * 4\n\n    const margin = { \n      ...CHART_MARGINS, \n      left: 60,  // Space for Y-axis labels\n      bottom: 10, // Reduced since labels are at top\n      top: gridMapping.hasHierarchicalLabels ? 40 : 25, // Extra space for hierarchical labels\n      right: 10\n    }\n    \n    const availableWidth = dimensions.width - margin.left - margin.right\n    const availableHeight = dimensions.height - margin.top - margin.bottom\n\n    // Scale the grid to fit the available space\n    let finalCellWidth: number\n    let finalCellHeight: number\n\n    if (safeDisplayConfig.fitToWidth) {\n      // Fit to Width mode: Calculate cell size to perfectly fit both dimensions\n      // Remove min/max constraints and let blocks scale to optimal size\n      const scaleX = availableWidth / gridWidth\n      const scaleY = availableHeight / gridHeight\n      const scale = Math.min(scaleX, scaleY)\n\n      // Use the scale to calculate cell size, maintaining 1:1 aspect ratio\n      finalCellWidth = gridMapping.cellWidth * scale\n      finalCellHeight = gridMapping.cellHeight * scale\n    } else {\n      // Default mode: Use minimum/maximum size constraints with scrolling\n      const getMinCellSize = () => {\n        return { width: 16, height: 16 } // Same size for all views\n      }\n\n      const minCellSize = getMinCellSize()\n      const maxCellSize = 24\n\n      const scaleX = availableWidth / gridWidth\n      const scaleY = availableHeight / gridHeight\n      const scale = Math.min(scaleX, scaleY)\n\n      // Calculate final cell size with constraints\n      finalCellWidth = Math.max(minCellSize.width, Math.min(maxCellSize, gridMapping.cellWidth * scale))\n      finalCellHeight = Math.max(minCellSize.height, Math.min(maxCellSize, gridMapping.cellHeight * scale))\n\n      // For week view, prefer scrolling over tiny cells\n      if (queryGranularity === 'week' && finalCellWidth < minCellSize.width) {\n        finalCellWidth = minCellSize.width\n      }\n    }\n    \n    // Calculate actual grid dimensions with the final cell sizes\n    const actualGridWidth = completeXRange.length * finalCellWidth + (completeXRange.length - 1) * 4\n    \n    // Determine if we need horizontal scrolling\n    const needsHorizontalScroll = actualGridWidth > availableWidth\n    const svgWidth = needsHorizontalScroll ? actualGridWidth + margin.left + margin.right : dimensions.width\n    \n\n    const svg = select(svgRef.current)\n      .attr('width', svgWidth)\n      .attr('height', dimensions.height)\n\n    const g = svg.append('g')\n      .attr('transform', `translate(${margin.left},${margin.top})`)\n\n    // Set up color scale\n    const values = gridData.map(d => d.value)\n    const minValue = min(values) || 0\n    const maxValue = max(values) || 1\n\n    const colorScale = scaleQuantize<string>()\n      .domain([minValue, maxValue])\n      .range(colorPalette?.gradient || CHART_COLORS_GRADIENT)\n\n    // Create grid data map for quick lookup\n    const gridMap = new Map<string, GridCell>()\n    gridData.forEach(cell => {\n      const key = `${cell.x}-${cell.y}`\n      gridMap.set(key, cell)\n    })\n\n    // Get theme colors from CSS variables\n    const getThemeColor = (varName: string, fallback: string) => {\n      const value = getComputedStyle(document.documentElement).getPropertyValue(varName).trim()\n      return value || fallback\n    }\n\n    const isDark = currentTheme !== 'light'\n    const textColor = isDark\n      ? getThemeColor('--dc-text-muted', '#cbd5e1')  // Lighter text for dark mode\n      : getThemeColor('--dc-text-secondary', '#374151')  // Darker text for light mode\n    const lineColor = getThemeColor('--dc-border', '#e5e7eb')\n    // Use theme-aware colors for empty cells: light gray in light mode, slightly lighter than bg in dark mode\n    const emptyCellColor = isDark\n      ? getThemeColor('--dc-bg-secondary', '#1e293b')  // Slightly lighter than dark background\n      : getThemeColor('--dc-bg-secondary', '#f3f4f6')  // Very light gray in light mode\n    const cellStrokeColor = isDark\n      ? getThemeColor('--dc-border', '#334155')  // Subtle border in dark mode\n      : getThemeColor('--dc-bg', '#ffffff')  // White border in light mode\n\n    // Create tooltip\n    const tooltip = select('body').append('div')\n      .attr('class', 'activity-grid-tooltip')\n      .style('position', 'absolute')\n      .style('padding', '8px')\n      .style('background', 'rgba(0, 0, 0, 0.8)')\n      .style('color', 'white')\n      .style('border-radius', '4px')\n      .style('font-size', '12px')\n      .style('pointer-events', 'none')\n      .style('opacity', 0)\n      .style('z-index', 1000)\n\n    // Create a mapping from X values to their position indices for proper spacing\n    const xValueToIndex = new Map<number, number>()\n    completeXRange.forEach((x, index) => {\n      xValueToIndex.set(x, index)\n    })\n    \n    // Render grid cells for the complete X range\n    for (const x of completeXRange) {\n      for (let y = minY; y <= maxY; y++) {\n        const key = `${x}-${y}`\n        const cell = gridMap.get(key)\n        const xIndex = xValueToIndex.get(x) || 0\n        \n        const rect = g.append('rect')\n          .attr('x', xIndex * (finalCellWidth + 4))\n          .attr('y', (y - minY) * (finalCellHeight + 4))\n          .attr('width', finalCellWidth)\n          .attr('height', finalCellHeight)\n          .attr('rx', 2)\n          .attr('ry', 2)\n          .style('fill', cell ? colorScale(cell.value) : emptyCellColor)\n          .style('stroke', cellStrokeColor)\n          .style('stroke-width', 1)\n\n        // Add hover effects and tooltips\n        if (safeDisplayConfig.showTooltip) {\n          rect\n            .style('cursor', drillEnabled ? 'pointer' : 'default')\n            .on('mouseover', function(event) {\n              select(this)\n                .style('stroke', '#000')\n                .style('stroke-width', 2)\n\n              if (cell) {\n                const tooltipContent = [\n                  `<strong>${cell.label}</strong>`,\n                  `${getFieldLabel(valueField)}: ${cell.value}`\n                ].join('<br>')\n\n                tooltip\n                  .html(tooltipContent)\n                  .style('left', (event.pageX + 10) + 'px')\n                  .style('top', (event.pageY - 10) + 'px')\n                  .transition()\n                  .duration(200)\n                  .style('opacity', 1)\n              }\n            })\n            .on('mousemove', function(event) {\n              tooltip\n                .style('left', (event.pageX + 10) + 'px')\n                .style('top', (event.pageY - 10) + 'px')\n            })\n            .on('mouseout', function() {\n              select(this)\n                .style('stroke', cellStrokeColor)\n                .style('stroke-width', 1)\n\n              tooltip\n                .transition()\n                .duration(200)\n                .style('opacity', 0)\n            })\n        } else if (drillEnabled) {\n          // Set cursor for drill even without tooltips\n          rect.style('cursor', 'pointer')\n        }\n\n        // Add drill click handler\n        if (drillEnabled && onDataPointClick && cell) {\n          rect.on('click', function(event) {\n            onDataPointClick({\n              dataPoint: { [valueField]: cell.value, [dateField]: cell.date },\n              clickedField: valueField,\n              xValue: cell.label,\n              position: { x: event.pageX, y: event.pageY },\n              nativeEvent: event as unknown as React.MouseEvent\n            })\n          })\n        }\n      }\n    }\n\n    // Add axis labels if enabled\n    if (safeDisplayConfig.showLabels) {\n      if (gridMapping.hasHierarchicalLabels && gridMapping.getYearFromX) {\n        // Special handling for quarter view with hierarchical labels\n        // Use the complete X range to show all quarters/months\n        \n        // Group quarters by year\n        const yearGroups = new Map<number, number[]>()\n        for (const x of completeXRange) {\n          const year = gridMapping.getYearFromX(x)\n          if (!yearGroups.has(year)) {\n            yearGroups.set(year, [])\n          }\n          yearGroups.get(year)!.push(x)\n        }\n        \n        \n        // Draw column labels (Q1-Q4 for months, Jan-Dec for weeks)\n        for (const x of completeXRange) {\n          const xIndex = xValueToIndex.get(x) || 0\n          g.append('text')\n            .attr('x', xIndex * (finalCellWidth + 4) + finalCellWidth / 2)\n            .attr('y', -8)\n            .attr('text-anchor', 'middle')\n            .style('font-size', '10px')\n            .style('fill', textColor)\n            .text(gridMapping.xFormat(x))\n        }\n\n        // Draw year group labels above quarters\n        for (const [year, xValues] of yearGroups) {\n          if (xValues.length > 0) {\n            // Get the index positions for proper spacing\n            const startIndex = Math.min(...xValues.map(x => xValueToIndex.get(x) || 0))\n            const endIndex = Math.max(...xValues.map(x => xValueToIndex.get(x) || 0))\n            const centerIndex = (startIndex + endIndex) / 2\n\n            // Year label (or year/month for hour granularity)\n            let labelText: string\n            if (year > 9999) {\n              // For hour granularity, year is encoded as YYYYMM\n              const actualYear = Math.floor(year / 100)\n              const month = year % 100\n              const monthNames = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']\n              labelText = `${monthNames[month - 1]} '${actualYear.toString().slice(-2)}`\n            } else {\n              // For other granularities, just show the year\n              labelText = `'${year.toString().slice(-2)}`\n            }\n\n            g.append('text')\n              .attr('x', centerIndex * (finalCellWidth + 4) + finalCellWidth / 2)\n              .attr('y', -25)\n              .attr('text-anchor', 'middle')\n              .style('font-size', '12px')\n              .style('font-weight', 'bold')\n              .style('fill', textColor)\n              .text(labelText)\n\n            // Optional: Add a subtle line to group quarters under the year\n            if (xValues.length > 1) {\n              g.append('line')\n                .attr('x1', startIndex * (finalCellWidth + 4))\n                .attr('x2', endIndex * (finalCellWidth + 4) + finalCellWidth)\n                .attr('y1', -20)\n                .attr('y2', -20)\n                .style('stroke', lineColor)\n                .style('stroke-width', 1)\n                .style('opacity', 0.3)\n            }\n          }\n        }\n      } else {\n        // Regular X-axis labels for other granularities\n        const xLabelStep = Math.max(1, Math.floor(completeXRange.length / 10))\n        for (let i = 0; i < completeXRange.length; i += xLabelStep) {\n          const x = completeXRange[i]\n          g.append('text')\n            .attr('x', i * (finalCellWidth + 4) + finalCellWidth / 2)\n            .attr('y', -8)\n            .attr('text-anchor', 'middle')\n            .style('font-size', '10px')\n            .style('fill', textColor)\n            .text(gridMapping.xFormat(x))\n        }\n      }\n\n      // Y-axis labels (left) - same for all granularities\n      for (let y = minY; y <= maxY; y++) {\n        g.append('text')\n          .attr('x', -8)\n          .attr('y', (y - minY) * (finalCellHeight + 4) + finalCellHeight / 2)\n          .attr('text-anchor', 'end')\n          .attr('dy', '.35em')\n          .style('font-size', '10px')\n          .style('fill', textColor)\n          .text(gridMapping.yFormat(y))\n      }\n    }\n\n    // Cleanup function\n    return () => {\n      tooltip.remove()\n    }\n  }, [data, chartConfig, displayConfig, queryObject, dimensions, dimensionsReady, safeDisplayConfig, colorPalette, currentTheme, getFieldLabel, getGridMapping, drillEnabled, onDataPointClick])\n\n  if (!data || data.length === 0) {\n    return (\n      <div\n        className=\"dc:flex dc:items-center dc:justify-center dc:w-full\"\n        style={{ height }}\n      >\n        <div className=\"dc:text-center text-dc-text-muted\">\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 activity grid</div>\n        </div>\n      </div>\n    )\n  }\n\n  // Validate that we have required fields\n  const hasValidConfig = chartConfig?.dateField && chartConfig?.valueField\n  if (!hasValidConfig) {\n    return (\n      <div\n        className=\"dc:flex dc:items-center dc:justify-center dc:w-full\"\n        style={{ height }}\n      >\n        <div className=\"dc:text-center text-dc-text-muted\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">Configuration Required</div>\n          <div className=\"dc:text-xs text-dc-text-secondary\">Activity grid requires a time dimension and a measure</div>\n        </div>\n      </div>\n    )\n  }\n\n  // Check if granularity is supported\n  const dateField = Array.isArray(chartConfig.dateField) ? chartConfig.dateField[0] : chartConfig.dateField\n  const granularityFromQuery = queryObject?.timeDimensions?.find((td: any) => \n    td.dimension === dateField || td.dimension.includes(dateField)\n  )?.granularity || 'day'\n  \n  if (granularityFromQuery?.toLowerCase() === 'year') {\n    return (\n      <div\n        className=\"dc:flex dc:items-center dc:justify-center dc:w-full\"\n        style={{ height }}\n      >\n        <div className=\"dc:text-center text-dc-text-muted\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">Granularity Too High</div>\n          <div className=\"dc:text-xs text-dc-text-secondary\">Activity grids work best with hour, day, week, month, or quarter granularity</div>\n          <div className=\"dc:text-xs text-dc-text-secondary dc:mt-1\">Please choose a lower granularity for your time dimension</div>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"dc:w-full dc:flex dc:flex-col dc:relative\" style={{ height, minHeight: '250px', overflow: 'hidden', width: '100%' }}>\n      <div ref={containerRef} className=\"dc:w-full dc:h-full dc:relative dc:overflow-x-auto\" style={{ width: '100%' }}>\n        <svg ref={svgRef} className=\"dc:h-full\" />\n        {!dimensionsReady && (\n          <div className=\"dc:absolute dc:inset-0 dc:flex dc:items-center dc:justify-center\">\n            <div className=\"text-dc-text-muted dc:text-sm\">Measuring chart dimensions...</div>\n          </div>\n        )}\n      </div>\n    </div>\n  )\n})\n\nexport default ActivityGridChart"],"names":["ActivityGridChart","React","data","chartConfig","displayConfig","queryObject","height","colorPalette","onDataPointClick","drillEnabled","svgRef","useRef","containerRef","dimensions","setDimensions","useState","dimensionsReady","setDimensionsReady","currentTheme","setCurrentTheme","getFieldLabel","useCubeFieldLabel","useEffect","getTheme","watchThemeChanges","theme","safeDisplayConfig","useMemo","useLayoutEffect","retryCount","maxRetries","rafId","timeoutId","updateDimensions","width","retryWithRaf","resizeObserver","getQuarter","date","getMonthOfQuarter","getWeekOfMonth","dayOfMonth","getGridMapping","useCallback","granularity","value","year","quarter","month","week","getWeekOfYear","day","d","dayNum","yearStart","select","dateField","valueField","queryGranularity","timeDim","td","firstTimeDim","gridMapping","gridData","item","dateValue","isoStr","x","y","formatTimeValue","cell","maxY","max","minY","min","completeXRange","dataXValues","gridWidth","gridHeight","margin","availableWidth","availableHeight","finalCellWidth","finalCellHeight","scaleX","scaleY","scale","minCellSize","maxCellSize","actualGridWidth","svgWidth","g","values","minValue","maxValue","colorScale","scaleQuantize","CHART_COLORS_GRADIENT","gridMap","key","getThemeColor","varName","fallback","isDark","textColor","lineColor","emptyCellColor","cellStrokeColor","tooltip","xValueToIndex","index","xIndex","rect","event","tooltipContent","yearGroups","xValues","startIndex","endIndex","centerIndex","labelText","actualYear","xLabelStep","i","jsx","jsxs"],"mappings":"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"}
+{"version":3,"file":"chart-activity-grid-OG6he4YS.js","sources":["../../../src/client/components/charts/ActivityGridChart.tsx"],"sourcesContent":["import React, { useEffect, useLayoutEffect, useRef, useState, useMemo, useCallback } from 'react'\nimport { select, scaleQuantize, max, min, transition as _transition } from 'd3'\n// _transition import is for side effects only - it extends Selection.prototype with .transition() method\nimport { CHART_COLORS_GRADIENT, CHART_MARGINS } from '../../utils/chartConstants'\nimport { formatTimeValue } from '../../utils/chartUtils'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel'\nimport { getTheme, watchThemeChanges, type Theme } from '../../theme'\nimport type { ChartProps } from '../../types'\n\ninterface GridCell {\n  x: number\n  y: number\n  value: number\n  date: Date\n  label: string\n}\n\ninterface GridMapping {\n  extractX: (date: Date) => number\n  extractY: (date: Date) => number\n  xLabels: string[]\n  yLabels: string[]\n  xFormat: (value: number) => string\n  yFormat: (value: number) => string\n  cellWidth: number\n  cellHeight: number\n  hasHierarchicalLabels?: boolean\n  getYearFromX?: (value: number) => number\n}\n\nconst ActivityGridChart = React.memo(function ActivityGridChart({\n  data,\n  chartConfig,\n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette,\n  onDataPointClick,\n  drillEnabled\n}: ChartProps) {\n  const svgRef = useRef<SVGSVGElement | null>(null)\n  const containerRef = useRef<HTMLDivElement | null>(null)\n  const [dimensions, setDimensions] = useState({ width: 0, height: 0 })\n  const [dimensionsReady, setDimensionsReady] = useState(false)\n  const [currentTheme, setCurrentTheme] = useState<Theme>('light')\n  // Use specialized hook to avoid re-renders from unrelated context changes\n  const getFieldLabel = useCubeFieldLabel()\n\n  // Watch for theme changes\n  useEffect(() => {\n    setCurrentTheme(getTheme())\n    const unwatch = watchThemeChanges((theme) => {\n      setCurrentTheme(theme)\n    })\n    return unwatch\n  }, [])\n\n  const safeDisplayConfig = useMemo(() => ({\n    showTooltip: displayConfig?.showTooltip ?? true,\n    showLabels: displayConfig?.showLabels ?? true,\n    fitToWidth: displayConfig?.fitToWidth ?? false\n  }), [displayConfig?.showTooltip, displayConfig?.showLabels, displayConfig?.fitToWidth])\n\n  // Enhanced dimension measurement with retry mechanism\n  useLayoutEffect(() => {\n    let retryCount = 0\n    const maxRetries = 10\n    let rafId: number\n    let timeoutId: ReturnType<typeof setTimeout>\n    \n    const updateDimensions = () => {\n      if (containerRef.current) {\n        const { width, height } = containerRef.current.getBoundingClientRect()\n        \n        if (width > 0 && height > 0) {\n          setDimensions({ width, height })\n          setDimensionsReady(true)\n          return true\n        }\n      }\n      return false\n    }\n    \n    const success = updateDimensions()\n    \n    if (!success && retryCount < maxRetries) {\n      const retryWithRaf = () => {\n        const rafSuccess = updateDimensions()\n        \n        if (!rafSuccess && retryCount < maxRetries) {\n          retryCount++\n          timeoutId = setTimeout(() => {\n            rafId = requestAnimationFrame(retryWithRaf)\n          }, 50 * retryCount)\n        }\n      }\n      \n      rafId = requestAnimationFrame(retryWithRaf)\n    }\n    \n    return () => {\n      if (rafId) cancelAnimationFrame(rafId)\n      if (timeoutId) clearTimeout(timeoutId)\n    }\n  }, [])\n\n  // ResizeObserver for dynamic resizing\n  useEffect(() => {\n    let resizeObserver: ResizeObserver | null = null\n    \n    const updateDimensions = () => {\n      if (containerRef.current) {\n        const { width, height } = containerRef.current.getBoundingClientRect()\n        if (width > 0 && height > 0) {\n          setDimensions({ width, height })\n          if (!dimensionsReady) {\n            setDimensionsReady(true)\n          }\n        }\n      }\n    }\n    \n    if (containerRef.current) {\n      resizeObserver = new ResizeObserver(() => updateDimensions())\n      resizeObserver.observe(containerRef.current)\n      updateDimensions()\n    }\n\n    window.addEventListener('resize', updateDimensions)\n    \n    return () => {\n      if (resizeObserver) {\n        resizeObserver.disconnect()\n      }\n      window.removeEventListener('resize', updateDimensions)\n    }\n  }, [dimensionsReady])\n\n  // Helper functions for grid coordinate extraction\n  const getQuarter = (date: Date): number => {\n    return Math.floor(date.getMonth() / 3) + 1 // 1-4\n  }\n\n  const getMonthOfQuarter = (date: Date): number => {\n    return (date.getMonth() % 3) + 1 // 1-3\n  }\n\n  const getWeekOfMonth = (date: Date): number => {\n    // Always start from week 1 for the first week of the month, regardless of day offset\n    const dayOfMonth = date.getDate()\n    return Math.floor((dayOfMonth - 1) / 7) + 1 // 1-5 typically\n  }\n\n  // Get granularity mapping based on time dimension\n  const getGridMapping = useCallback((granularity: string): GridMapping | null => {\n    switch (granularity?.toLowerCase()) {\n      case 'year':\n        // Year granularity is not useful for activity grids\n        return null\n      \n      case 'quarter':\n        // Quarter granularity: years × quarters\n        return {\n          extractX: (date: Date) => date.getFullYear(),\n          extractY: (date: Date) => getQuarter(date) - 1, // 0-3 for indexing\n          xLabels: [], // Will be determined from data\n          yLabels: ['Q1', 'Q2', 'Q3', 'Q4'],\n          xFormat: (value: number) => `'${value.toString().slice(-2)}`, // '24 instead of 2024\n          yFormat: (value: number) => ['Q1', 'Q2', 'Q3', 'Q4'][value] || '',\n          cellWidth: 16,\n          cellHeight: 16\n        }\n      \n      case 'month':\n        // Month granularity: quarters × months of quarter\n        // Show years above and quarters (Q1, Q2, Q3, Q4) as columns with hierarchical labels\n        return {\n          extractX: (date: Date) => {\n            const year = date.getFullYear()\n            const quarter = getQuarter(date) // 1-4\n            return year * 10 + quarter // e.g., 20241, 20242, 20243, 20244 (only 4 per year)\n          },\n          extractY: (date: Date) => getMonthOfQuarter(date) - 1, // 0-2 for indexing\n          xLabels: [], // Will be determined from data\n          yLabels: ['Month 1', 'Month 2', 'Month 3'],\n          xFormat: (value: number) => {\n            const quarter = value % 10\n            return `Q${quarter}` // Just show Q1, Q2, Q3, Q4 for individual columns\n          },\n          yFormat: (value: number) => ['Month 1', 'Month 2', 'Month 3'][value] || '',\n          cellWidth: 16,\n          cellHeight: 16,\n          hasHierarchicalLabels: true, // Flag to indicate we need special handling\n          getYearFromX: (value: number) => Math.floor(value / 10) // Helper to get year for grouping\n        }\n      \n      case 'week':\n        // Week granularity: months × weeks of month (same structure as quarters but with months as columns)\n        return {\n          extractX: (date: Date) => {\n            const year = date.getFullYear()\n            const month = date.getMonth() + 1\n            return year * 100 + month // e.g., 202401, 202402, etc.\n          },\n          extractY: (date: Date) => getWeekOfMonth(date) - 1, // 0-5 for indexing\n          xLabels: [], // Will be determined from data\n          yLabels: ['Week 1', 'Week 2', 'Week 3', 'Week 4', 'Week 5'],\n          xFormat: (value: number) => {\n            const month = value % 100\n            const monthNames = ['J', 'F', 'M', 'A', 'M', 'J', 'J', 'A', 'S', 'O', 'N', 'D']\n            return monthNames[month - 1] || ''\n          },\n          yFormat: (value: number) => ['Week 1', 'Week 2', 'Week 3', 'Week 4', 'Week 5'][value] || '',\n          cellWidth: 16,\n          cellHeight: 16,\n          hasHierarchicalLabels: true, // Add hierarchical labels like month view\n          getYearFromX: (value: number) => Math.floor(value / 100) // Helper to get year for grouping\n        }\n      \n      case 'day':\n        // Day granularity: weeks × days of week with hierarchical year/week labels\n        return {\n          extractX: (date: Date) => {\n            const { year, week } = getWeekOfYear(date)\n            return year * 100 + week // e.g., 202401, 202402, etc.\n          },\n          extractY: (date: Date) => date.getDay(), // 0-6 (Sun-Sat)\n          xLabels: [], // Will be determined from data\n          yLabels: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\n          xFormat: (value: number) => {\n            const week = value % 100\n            return `${week}`\n          },\n          yFormat: (value: number) => ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'][value] || '',\n          cellWidth: 16,\n          cellHeight: 16,\n          hasHierarchicalLabels: true, // Add hierarchical labels\n          getYearFromX: (value: number) => Math.floor(value / 100) // Helper to get year for grouping\n        }\n\n      case 'hour':\n        // Hour granularity: days × 3-hour blocks with hierarchical year/month labels\n        return {\n          extractX: (date: Date) => {\n            // Get day as YYYYMMDD number for unique day identification\n            const year = date.getFullYear()\n            const month = date.getMonth() + 1\n            const day = date.getDate()\n            return year * 10000 + month * 100 + day // e.g., 20240115\n          },\n          extractY: (date: Date) => Math.floor(date.getHours() / 3), // 0-7 for 8 three-hour blocks\n          xLabels: [], // Will be determined from data\n          yLabels: ['00-03', '03-06', '06-09', '09-12', '12-15', '15-18', '18-21', '21-00'],\n          xFormat: (value: number) => {\n            // Format YYYYMMDD as just the day number\n            const day = value % 100\n            return `${day}`\n          },\n          yFormat: (value: number) => ['00-03', '03-06', '06-09', '09-12', '12-15', '15-18', '18-21', '21-00'][value] || '',\n          cellWidth: 16,\n          cellHeight: 16,\n          hasHierarchicalLabels: true, // Show year/month grouping above\n          getYearFromX: (value: number) => Math.floor(value / 100) // Extract YYYYMM for month grouping\n        }\n\n      default:\n        return null\n    }\n  }, [])\n\n  // Helper function to get week of year with correct year (1-53)\n  const getWeekOfYear = (date: Date): { year: number, week: number } => {\n    const d = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()))\n    const dayNum = d.getUTCDay() || 7\n    d.setUTCDate(d.getUTCDate() + 4 - dayNum)\n    const year = d.getUTCFullYear()\n    const yearStart = new Date(Date.UTC(year, 0, 1))\n    const week = Math.ceil((((d.getTime() - yearStart.getTime()) / 86400000) + 1) / 7)\n    return { year, week }\n  }\n\n  useEffect(() => {\n    if (!data || data.length === 0 || !svgRef.current || !dimensionsReady || dimensions.width === 0) {\n      return\n    }\n\n    // Clear previous chart\n    select(svgRef.current).selectAll('*').remove()\n\n    // Validate chartConfig\n    if (!chartConfig?.dateField || !chartConfig?.valueField) {\n      return\n    }\n\n    const dateField = Array.isArray(chartConfig.dateField) ? chartConfig.dateField[0] : chartConfig.dateField\n    const valueField = Array.isArray(chartConfig.valueField) ? chartConfig.valueField[0] : chartConfig.valueField\n\n\n    if (!dateField || !valueField) {\n      return\n    }\n\n    // Get granularity directly from the query's time dimensions\n    const getQueryGranularity = () => {\n      if (!queryObject?.timeDimensions || queryObject.timeDimensions.length === 0) {\n        return 'day'\n      }\n      \n      // Find the time dimension that matches our dateField\n      const timeDim = queryObject.timeDimensions.find((td: any) => \n        td.dimension === dateField || td.dimension.includes(dateField)\n      )\n      \n      if (timeDim && timeDim.granularity) {\n        return timeDim.granularity\n      }\n      \n      // Fallback to first time dimension's granularity\n      const firstTimeDim = queryObject.timeDimensions[0]\n      if (firstTimeDim && firstTimeDim.granularity) {\n        return firstTimeDim.granularity\n      }\n      \n      return 'day'\n    }\n    \n    const queryGranularity = getQueryGranularity()\n    const gridMapping = getGridMapping(queryGranularity)\n    \n    // Handle unsupported granularity\n    if (!gridMapping) {\n      return\n    }\n    \n\n    // Transform data for grid\n    const gridData: GridCell[] = data.map(item => {\n      const dateValue = item[dateField]\n      const value = typeof item[valueField] === 'string' \n        ? parseFloat(item[valueField]) \n        : (item[valueField] || 0)\n      \n      // Parse the date\n      let date: Date\n      if (typeof dateValue === 'string') {\n        // Handle different date formats\n        let isoStr = dateValue\n        if (dateValue.includes(' ')) {\n          isoStr = dateValue.replace(' ', 'T').replace('+00', 'Z').replace(/\\+\\d{2}:\\d{2}$/, 'Z')\n        }\n        if (!isoStr.endsWith('Z') && !isoStr.includes('+')) {\n          isoStr = isoStr + 'Z'\n        }\n        date = new Date(isoStr)\n      } else {\n        date = new Date(dateValue)\n      }\n\n      // Skip invalid dates\n      if (isNaN(date.getTime())) {\n        return null\n      }\n\n      const x = gridMapping.extractX(date)\n      const y = gridMapping.extractY(date)\n      \n      return {\n        x,\n        y,\n        value,\n        date,\n        label: formatTimeValue(dateValue, queryGranularity)\n      }\n    }).filter((cell): cell is GridCell => cell !== null)\n\n\n    if (gridData.length === 0) return\n\n    // Calculate grid dimensions\n    const maxY = max(gridData, d => d.y) || 0\n    const minY = min(gridData, d => d.y) || 0\n\n\n    // Generate complete X range first so we can calculate proper grid width\n    const getCompleteXRange = (): number[] => {\n      const dataXValues = [...new Set(gridData.map(cell => cell.x))].sort()\n      \n      if (queryGranularity === 'quarter') {\n        // For quarters: only show quarters that have data to avoid gaps\n        return dataXValues\n      }\n      \n      if (queryGranularity === 'month') {\n        // For months: only show quarters that have data to avoid gaps\n        return dataXValues\n      }\n      \n      if (queryGranularity === 'week') {\n        // For weeks: only show months that have data to avoid gaps\n        return dataXValues\n      }\n      \n      if (queryGranularity === 'day') {\n        // For days: only show the actual weeks that have data to avoid discontinuities\n        return dataXValues\n      }\n      \n      // For other granularities, use the actual data values\n      return dataXValues\n    }\n    \n    const completeXRange = getCompleteXRange()\n    \n    // Calculate grid dimensions based on complete X range\n    const gridWidth = completeXRange.length * gridMapping.cellWidth + (completeXRange.length - 1) * 4\n    const gridHeight = (maxY - minY + 1) * gridMapping.cellHeight + (maxY - minY) * 4\n\n    const margin = { \n      ...CHART_MARGINS, \n      left: 60,  // Space for Y-axis labels\n      bottom: 10, // Reduced since labels are at top\n      top: gridMapping.hasHierarchicalLabels ? 40 : 25, // Extra space for hierarchical labels\n      right: 10\n    }\n    \n    const availableWidth = dimensions.width - margin.left - margin.right\n    const availableHeight = dimensions.height - margin.top - margin.bottom\n\n    // Scale the grid to fit the available space\n    let finalCellWidth: number\n    let finalCellHeight: number\n\n    if (safeDisplayConfig.fitToWidth) {\n      // Fit to Width mode: Calculate cell size to perfectly fit both dimensions\n      // Remove min/max constraints and let blocks scale to optimal size\n      const scaleX = availableWidth / gridWidth\n      const scaleY = availableHeight / gridHeight\n      const scale = Math.min(scaleX, scaleY)\n\n      // Use the scale to calculate cell size, maintaining 1:1 aspect ratio\n      finalCellWidth = gridMapping.cellWidth * scale\n      finalCellHeight = gridMapping.cellHeight * scale\n    } else {\n      // Default mode: Use minimum/maximum size constraints with scrolling\n      const getMinCellSize = () => {\n        return { width: 16, height: 16 } // Same size for all views\n      }\n\n      const minCellSize = getMinCellSize()\n      const maxCellSize = 24\n\n      const scaleX = availableWidth / gridWidth\n      const scaleY = availableHeight / gridHeight\n      const scale = Math.min(scaleX, scaleY)\n\n      // Calculate final cell size with constraints\n      finalCellWidth = Math.max(minCellSize.width, Math.min(maxCellSize, gridMapping.cellWidth * scale))\n      finalCellHeight = Math.max(minCellSize.height, Math.min(maxCellSize, gridMapping.cellHeight * scale))\n\n      // For week view, prefer scrolling over tiny cells\n      if (queryGranularity === 'week' && finalCellWidth < minCellSize.width) {\n        finalCellWidth = minCellSize.width\n      }\n    }\n    \n    // Calculate actual grid dimensions with the final cell sizes\n    const actualGridWidth = completeXRange.length * finalCellWidth + (completeXRange.length - 1) * 4\n    \n    // Determine if we need horizontal scrolling\n    const needsHorizontalScroll = actualGridWidth > availableWidth\n    const svgWidth = needsHorizontalScroll ? actualGridWidth + margin.left + margin.right : dimensions.width\n    \n\n    const svg = select(svgRef.current)\n      .attr('width', svgWidth)\n      .attr('height', dimensions.height)\n\n    const g = svg.append('g')\n      .attr('transform', `translate(${margin.left},${margin.top})`)\n\n    // Set up color scale\n    const values = gridData.map(d => d.value)\n    const minValue = min(values) || 0\n    const maxValue = max(values) || 1\n\n    const colorScale = scaleQuantize<string>()\n      .domain([minValue, maxValue])\n      .range(colorPalette?.gradient || CHART_COLORS_GRADIENT)\n\n    // Create grid data map for quick lookup\n    const gridMap = new Map<string, GridCell>()\n    gridData.forEach(cell => {\n      const key = `${cell.x}-${cell.y}`\n      gridMap.set(key, cell)\n    })\n\n    // Get theme colors from CSS variables\n    const getThemeColor = (varName: string, fallback: string) => {\n      const value = getComputedStyle(document.documentElement).getPropertyValue(varName).trim()\n      return value || fallback\n    }\n\n    const isDark = currentTheme !== 'light'\n    const textColor = isDark\n      ? getThemeColor('--dc-text-muted', '#cbd5e1')  // Lighter text for dark mode\n      : getThemeColor('--dc-text-secondary', '#374151')  // Darker text for light mode\n    const lineColor = getThemeColor('--dc-border', '#e5e7eb')\n    // Use theme-aware colors for empty cells: light gray in light mode, slightly lighter than bg in dark mode\n    const emptyCellColor = isDark\n      ? getThemeColor('--dc-bg-secondary', '#1e293b')  // Slightly lighter than dark background\n      : getThemeColor('--dc-bg-secondary', '#f3f4f6')  // Very light gray in light mode\n    const cellStrokeColor = isDark\n      ? getThemeColor('--dc-border', '#334155')  // Subtle border in dark mode\n      : getThemeColor('--dc-bg', '#ffffff')  // White border in light mode\n\n    // Create tooltip\n    const tooltip = select('body').append('div')\n      .attr('class', 'activity-grid-tooltip')\n      .style('position', 'absolute')\n      .style('padding', '8px')\n      .style('background', 'rgba(0, 0, 0, 0.8)')\n      .style('color', 'white')\n      .style('border-radius', '4px')\n      .style('font-size', '12px')\n      .style('pointer-events', 'none')\n      .style('opacity', 0)\n      .style('z-index', 1000)\n\n    // Create a mapping from X values to their position indices for proper spacing\n    const xValueToIndex = new Map<number, number>()\n    completeXRange.forEach((x, index) => {\n      xValueToIndex.set(x, index)\n    })\n    \n    // Render grid cells for the complete X range\n    for (const x of completeXRange) {\n      for (let y = minY; y <= maxY; y++) {\n        const key = `${x}-${y}`\n        const cell = gridMap.get(key)\n        const xIndex = xValueToIndex.get(x) || 0\n        \n        const rect = g.append('rect')\n          .attr('x', xIndex * (finalCellWidth + 4))\n          .attr('y', (y - minY) * (finalCellHeight + 4))\n          .attr('width', finalCellWidth)\n          .attr('height', finalCellHeight)\n          .attr('rx', 2)\n          .attr('ry', 2)\n          .style('fill', cell ? colorScale(cell.value) : emptyCellColor)\n          .style('stroke', cellStrokeColor)\n          .style('stroke-width', 1)\n\n        // Add hover effects and tooltips\n        if (safeDisplayConfig.showTooltip) {\n          rect\n            .style('cursor', drillEnabled ? 'pointer' : 'default')\n            .on('mouseover', function(event) {\n              select(this)\n                .style('stroke', '#000')\n                .style('stroke-width', 2)\n\n              if (cell) {\n                const tooltipContent = [\n                  `<strong>${cell.label}</strong>`,\n                  `${getFieldLabel(valueField)}: ${cell.value}`\n                ].join('<br>')\n\n                tooltip\n                  .html(tooltipContent)\n                  .style('left', (event.pageX + 10) + 'px')\n                  .style('top', (event.pageY - 10) + 'px')\n                  .transition()\n                  .duration(200)\n                  .style('opacity', 1)\n              }\n            })\n            .on('mousemove', function(event) {\n              tooltip\n                .style('left', (event.pageX + 10) + 'px')\n                .style('top', (event.pageY - 10) + 'px')\n            })\n            .on('mouseout', function() {\n              select(this)\n                .style('stroke', cellStrokeColor)\n                .style('stroke-width', 1)\n\n              tooltip\n                .transition()\n                .duration(200)\n                .style('opacity', 0)\n            })\n        } else if (drillEnabled) {\n          // Set cursor for drill even without tooltips\n          rect.style('cursor', 'pointer')\n        }\n\n        // Add drill click handler\n        if (drillEnabled && onDataPointClick && cell) {\n          rect.on('click', function(event) {\n            onDataPointClick({\n              dataPoint: { [valueField]: cell.value, [dateField]: cell.date },\n              clickedField: valueField,\n              xValue: cell.label,\n              position: { x: event.pageX, y: event.pageY },\n              nativeEvent: event as unknown as React.MouseEvent\n            })\n          })\n        }\n      }\n    }\n\n    // Add axis labels if enabled\n    if (safeDisplayConfig.showLabels) {\n      if (gridMapping.hasHierarchicalLabels && gridMapping.getYearFromX) {\n        // Special handling for quarter view with hierarchical labels\n        // Use the complete X range to show all quarters/months\n        \n        // Group quarters by year\n        const yearGroups = new Map<number, number[]>()\n        for (const x of completeXRange) {\n          const year = gridMapping.getYearFromX(x)\n          if (!yearGroups.has(year)) {\n            yearGroups.set(year, [])\n          }\n          yearGroups.get(year)!.push(x)\n        }\n        \n        \n        // Draw column labels (Q1-Q4 for months, Jan-Dec for weeks)\n        for (const x of completeXRange) {\n          const xIndex = xValueToIndex.get(x) || 0\n          g.append('text')\n            .attr('x', xIndex * (finalCellWidth + 4) + finalCellWidth / 2)\n            .attr('y', -8)\n            .attr('text-anchor', 'middle')\n            .style('font-size', '10px')\n            .style('fill', textColor)\n            .text(gridMapping.xFormat(x))\n        }\n\n        // Draw year group labels above quarters\n        for (const [year, xValues] of yearGroups) {\n          if (xValues.length > 0) {\n            // Get the index positions for proper spacing\n            const startIndex = Math.min(...xValues.map(x => xValueToIndex.get(x) || 0))\n            const endIndex = Math.max(...xValues.map(x => xValueToIndex.get(x) || 0))\n            const centerIndex = (startIndex + endIndex) / 2\n\n            // Year label (or year/month for hour granularity)\n            let labelText: string\n            if (year > 9999) {\n              // For hour granularity, year is encoded as YYYYMM\n              const actualYear = Math.floor(year / 100)\n              const month = year % 100\n              const monthNames = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']\n              labelText = `${monthNames[month - 1]} '${actualYear.toString().slice(-2)}`\n            } else {\n              // For other granularities, just show the year\n              labelText = `'${year.toString().slice(-2)}`\n            }\n\n            g.append('text')\n              .attr('x', centerIndex * (finalCellWidth + 4) + finalCellWidth / 2)\n              .attr('y', -25)\n              .attr('text-anchor', 'middle')\n              .style('font-size', '12px')\n              .style('font-weight', 'bold')\n              .style('fill', textColor)\n              .text(labelText)\n\n            // Optional: Add a subtle line to group quarters under the year\n            if (xValues.length > 1) {\n              g.append('line')\n                .attr('x1', startIndex * (finalCellWidth + 4))\n                .attr('x2', endIndex * (finalCellWidth + 4) + finalCellWidth)\n                .attr('y1', -20)\n                .attr('y2', -20)\n                .style('stroke', lineColor)\n                .style('stroke-width', 1)\n                .style('opacity', 0.3)\n            }\n          }\n        }\n      } else {\n        // Regular X-axis labels for other granularities\n        const xLabelStep = Math.max(1, Math.floor(completeXRange.length / 10))\n        for (let i = 0; i < completeXRange.length; i += xLabelStep) {\n          const x = completeXRange[i]\n          g.append('text')\n            .attr('x', i * (finalCellWidth + 4) + finalCellWidth / 2)\n            .attr('y', -8)\n            .attr('text-anchor', 'middle')\n            .style('font-size', '10px')\n            .style('fill', textColor)\n            .text(gridMapping.xFormat(x))\n        }\n      }\n\n      // Y-axis labels (left) - same for all granularities\n      for (let y = minY; y <= maxY; y++) {\n        g.append('text')\n          .attr('x', -8)\n          .attr('y', (y - minY) * (finalCellHeight + 4) + finalCellHeight / 2)\n          .attr('text-anchor', 'end')\n          .attr('dy', '.35em')\n          .style('font-size', '10px')\n          .style('fill', textColor)\n          .text(gridMapping.yFormat(y))\n      }\n    }\n\n    // Cleanup function\n    return () => {\n      tooltip.remove()\n    }\n  }, [data, chartConfig, displayConfig, queryObject, dimensions, dimensionsReady, safeDisplayConfig, colorPalette, currentTheme, getFieldLabel, getGridMapping, drillEnabled, onDataPointClick])\n\n  if (!data || data.length === 0) {\n    return (\n      <div\n        className=\"dc:flex dc:items-center dc:justify-center dc:w-full\"\n        style={{ height }}\n      >\n        <div className=\"dc:text-center text-dc-text-muted\">\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 activity grid</div>\n        </div>\n      </div>\n    )\n  }\n\n  // Validate that we have required fields\n  const hasValidConfig = chartConfig?.dateField && chartConfig?.valueField\n  if (!hasValidConfig) {\n    return (\n      <div\n        className=\"dc:flex dc:items-center dc:justify-center dc:w-full\"\n        style={{ height }}\n      >\n        <div className=\"dc:text-center text-dc-text-muted\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">Configuration Required</div>\n          <div className=\"dc:text-xs text-dc-text-secondary\">Activity grid requires a time dimension and a measure</div>\n        </div>\n      </div>\n    )\n  }\n\n  // Check if granularity is supported\n  const dateField = Array.isArray(chartConfig.dateField) ? chartConfig.dateField[0] : chartConfig.dateField\n  const granularityFromQuery = queryObject?.timeDimensions?.find((td: any) => \n    td.dimension === dateField || td.dimension.includes(dateField)\n  )?.granularity || 'day'\n  \n  if (granularityFromQuery?.toLowerCase() === 'year') {\n    return (\n      <div\n        className=\"dc:flex dc:items-center dc:justify-center dc:w-full\"\n        style={{ height }}\n      >\n        <div className=\"dc:text-center text-dc-text-muted\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">Granularity Too High</div>\n          <div className=\"dc:text-xs text-dc-text-secondary\">Activity grids work best with hour, day, week, month, or quarter granularity</div>\n          <div className=\"dc:text-xs text-dc-text-secondary dc:mt-1\">Please choose a lower granularity for your time dimension</div>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"dc:w-full dc:flex dc:flex-col dc:relative\" style={{ height, minHeight: '250px', overflow: 'hidden', width: '100%' }}>\n      <div ref={containerRef} className=\"dc:w-full dc:h-full dc:relative dc:overflow-x-auto\" style={{ width: '100%' }}>\n        <svg ref={svgRef} className=\"dc:h-full\" />\n        {!dimensionsReady && (\n          <div className=\"dc:absolute dc:inset-0 dc:flex dc:items-center dc:justify-center\">\n            <div className=\"text-dc-text-muted dc:text-sm\">Measuring chart dimensions...</div>\n          </div>\n        )}\n      </div>\n    </div>\n  )\n})\n\nexport default ActivityGridChart"],"names":["ActivityGridChart","React","data","chartConfig","displayConfig","queryObject","height","colorPalette","onDataPointClick","drillEnabled","svgRef","useRef","containerRef","dimensions","setDimensions","useState","dimensionsReady","setDimensionsReady","currentTheme","setCurrentTheme","getFieldLabel","useCubeFieldLabel","useEffect","getTheme","watchThemeChanges","theme","safeDisplayConfig","useMemo","useLayoutEffect","retryCount","maxRetries","rafId","timeoutId","updateDimensions","width","retryWithRaf","resizeObserver","getQuarter","date","getMonthOfQuarter","getWeekOfMonth","dayOfMonth","getGridMapping","useCallback","granularity","value","year","quarter","month","week","getWeekOfYear","day","d","dayNum","yearStart","select","dateField","valueField","queryGranularity","timeDim","td","firstTimeDim","gridMapping","gridData","item","dateValue","isoStr","x","y","formatTimeValue","cell","maxY","max","minY","min","completeXRange","dataXValues","gridWidth","gridHeight","margin","availableWidth","availableHeight","finalCellWidth","finalCellHeight","scaleX","scaleY","scale","minCellSize","maxCellSize","actualGridWidth","svgWidth","g","values","minValue","maxValue","colorScale","scaleQuantize","CHART_COLORS_GRADIENT","gridMap","key","getThemeColor","varName","fallback","isDark","textColor","lineColor","emptyCellColor","cellStrokeColor","tooltip","xValueToIndex","index","xIndex","rect","event","tooltipContent","yearGroups","xValues","startIndex","endIndex","centerIndex","labelText","actualYear","xLabelStep","i","jsx","jsxs"],"mappings":"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"}

package/dist/client/chunks/{chart-area-ByJQ7NZd.js → chart-area-TawAd2k9.js}

@@ -1,8 +1,8 @@
 import { jsx as t, jsxs as c, Fragment as Q } from "react/jsx-runtime";
 import Z, { useState as ee } from "react";
 import { ComposedChart as te, CartesianGrid as se, XAxis as re, YAxis as R, Legend as ie, Area as ae, Line as V } from "recharts";
-import { u as ce, t as ne, C as le, p as oe, s as de, a as xe, f as N, b as me, c as G } from "./charts-core-CU9u_HtL.js";
-import { A as fe } from "./chart-bar-dj14frMt.js";
+import { u as ce, t as ne, C as le, p as oe, s as de, a as xe, f as N, b as me, c as G } from "./charts-core-B4Rbfdcn.js";
+import { A as fe } from "./chart-bar-D3vtCNQG.js";
 const ke = Z.memo(function({
   data: b,
   chartConfig: s,
@@ -231,4 +231,4 @@ const ke = Z.memo(function({
 export {
   ke as default
 };
-//# sourceMappingURL=chart-area-ByJQ7NZd.js.map
+//# sourceMappingURL=chart-area-TawAd2k9.js.map

package/dist/client/chunks/{chart-area-ByJQ7NZd.js.map → chart-area-TawAd2k9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chart-area-ByJQ7NZd.js","sources":["../../../src/client/components/charts/AreaChart.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { ComposedChart, Area, 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 } from '../../utils/chartUtils'\nimport { parseTargetValues, spreadTargetValues } from '../../utils/targetUtils'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel'\nimport type { ChartProps } from '../../types'\n\nconst AreaChart = React.memo(function AreaChart({\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    // Determine stacking from stackType (new) or stacked (legacy)\n    const stackType = displayConfig?.stackType ?? (displayConfig?.stacked ? 'normal' : 'none')\n    const shouldStack = stackType !== 'none'\n    const isPercentStack = stackType === 'percent'\n\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 area chart</div>\n          </div>\n        </div>\n      )\n    }\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\">Invalid or missing chart axis configuration</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    // Use shared function to transform data and handle series\n    const { data: chartData, seriesKeys } = transformChartDataWithSeries(\n      data,\n      xAxisField,\n      yAxisFields,\n      queryObject,\n      seriesFields,\n      getFieldLabel\n    )\n\n    // Dual Y-axis support: extract yAxisAssignment from chartConfig\n    const yAxisAssignment = chartConfig?.yAxisAssignment || {}\n\n    // Build mapping from series key (label) to original field name\n    const seriesKeyToField: Record<string, string> = {}\n    yAxisFields.forEach((field) => {\n      const label = getFieldLabel(field)\n      seriesKeyToField[label] = field\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    // Disable stacking when dual Y-axis is used (areas on different axes can't be stacked)\n    const effectiveShouldStack = shouldStack && !hasRightAxis\n    const effectiveIsPercentStack = isPercentStack && !hasRightAxis\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 area chart after transformation</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Determine stack offset for percentage stacking\n    const stackOffset = effectiveIsPercentStack ? ('expand' as const) : undefined\n\n    return (\n      <ChartContainer height={height}>\n        <ComposedChart data={enhancedChartData} margin={chartMargins} stackOffset={stackOffset} accessibilityLayer={false}>\n          {safeDisplayConfig.showGrid && <CartesianGrid strokeDasharray=\"3 3\" style={{ pointerEvents: 'none' }} />}\n          <XAxis dataKey=\"name\" type=\"category\" tick={<AngledXAxisTick />} height={60} />\n          <YAxis\n            yAxisId=\"left\"\n            orientation=\"left\"\n            tick={{ fontSize: 12 }}\n            tickFormatter={\n              effectiveIsPercentStack\n                ? (v) => `${(v * 100).toFixed(0)}%`\n                : leftYAxisFormat\n                  ? (value) => formatAxisValue(value, leftYAxisFormat)\n                  : undefined\n            }\n            domain={effectiveIsPercentStack ? [0, 1] : undefined}\n            label={\n              effectiveIsPercentStack\n                ? undefined\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                // Format as percentage when using percent stacking\n                if (effectiveIsPercentStack && typeof value === 'number') {\n                  return [`${(value * 100).toFixed(1)}%`, name]\n                }\n                // Determine which axis format to use based on series name\n                const originalField = seriesKeyToField[name]\n                const axisId = originalField && yAxisAssignment[originalField] === 'right' ? 'right' : 'left'\n                const formatConfig = axisId === 'right' ? rightYAxisFormat : leftYAxisFormat\n                return [formatAxisValue(value, formatConfig), name]\n              }}\n            />\n          )}\n          {showLegend && (\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            // Look up the original field name to get its axis assignment\n            const originalField = seriesKeyToField[seriesKey]\n            const axisId = originalField && yAxisAssignment[originalField] === 'right' ? 'right' : 'left'\n            // When drill is enabled, show persistent dots for better click targets\n            const areaColor = (colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) ||\n              CHART_COLORS[index % CHART_COLORS.length]\n\n            return (\n              <Area\n                key={seriesKey}\n                type=\"monotone\"\n                dataKey={seriesKey}\n                yAxisId={axisId}\n                stackId={effectiveShouldStack ? 'stack' : undefined}\n                stroke={areaColor}\n                fill={areaColor}\n                fillOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 0.6 : 0.1) : 0.3}\n                strokeWidth={2}\n                strokeOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 1 : 0.3) : 1}\n                connectNulls={safeDisplayConfig.connectNulls}\n                dot={(props: any) => {\n                  const { cx, cy, payload, key } = props\n                  if (!drillEnabled || 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                  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={areaColor}\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                activeDot={false}\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        </ComposedChart>\n      </ChartContainer>\n    )\n  } catch (error) {\n    // 'AreaChart 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\">Area 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 AreaChart"],"names":["AreaChart","React","data","chartConfig","displayConfig","queryObject","height","colorPalette","onDataPointClick","drillEnabled","hoveredLegend","setHoveredLegend","useState","getFieldLabel","useCubeFieldLabel","stackType","shouldStack","isPercentStack","safeDisplayConfig","leftYAxisFormat","rightYAxisFormat","jsx","jsxs","xAxisField","yAxisFields","seriesFields","chartData","seriesKeys","transformChartDataWithSeries","yAxisAssignment","seriesKeyToField","field","label","hasRightAxis","leftAxisFields","f","rightAxisFields","effectiveShouldStack","effectiveIsPercentStack","showLegend","chartMargins","CHART_MARGINS","targetValues","parseTargetValues","spreadTargets","spreadTargetValues","enhancedChartData","dataPoint","index","ChartContainer","ComposedChart","CartesianGrid","XAxis","AngledXAxisTick","YAxis","v","value","formatAxisValue","ChartTooltip","name","originalField","formatConfig","Legend","o","seriesKey","axisId","areaColor","CHART_COLORS","Area","props","cx","cy","payload","key","handleClick","event","e","Fragment","Line","error"],"mappings":";;;;;AAWA,MAAMA,KAAYC,EAAM,KAAK,SAAmB;AAAA,EAC9C,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC,IAAgB,CAAA;AAAA,EAChB,aAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,cAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC;AACF,GAAe;AACb,QAAM,CAACC,GAAeC,CAAgB,IAAIC,GAAwB,IAAI,GAEhEC,IAAgBC,GAAA;AAEtB,MAAI;AAEF,UAAMC,IAAYX,GAAe,cAAcA,GAAe,UAAU,WAAW,SAC7EY,IAAcD,MAAc,QAC5BE,IAAiBF,MAAc,WAE/BG,IAAoB;AAAA,MACxB,YAAYd,GAAe,cAAc;AAAA,MACzC,UAAUA,GAAe,YAAY;AAAA,MACrC,aAAaA,GAAe,eAAe;AAAA,MAC3C,cAAcA,GAAe,gBAAgB;AAAA,IAAA,GAIzCe,IAAkBf,GAAe,iBACjCgB,IAAmBhB,GAAe;AAExC,QAAI,CAACF,KAAQA,EAAK,WAAW;AAC3B,aACE,gBAAAmB,EAAC,OAAA,EAAI,WAAU,0EAAyE,OAAO,EAAE,QAAAf,EAAA,GAC/F,UAAA,gBAAAgB,EAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,QAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,uCAAsC,UAAA,qBAAiB;AAAA,QACtE,gBAAAA,EAAC,OAAA,EAAI,WAAU,qCAAoC,UAAA,0CAAA,CAAuC;AAAA,MAAA,EAAA,CAC5F,EAAA,CACF;AAKJ,QAAIE,GACAC,GACAC,IAAyB,CAAA;AAE7B,QAAItB,GAAa,SAASA,GAAa;AAErC,MAAAoB,IAAa,MAAM,QAAQpB,EAAY,KAAK,IAAIA,EAAY,MAAM,CAAC,IAAIA,EAAY,OACnFqB,IAAc,MAAM,QAAQrB,EAAY,KAAK,IAAIA,EAAY,QAAQ,CAACA,EAAY,KAAK,GACvFsB,IAAetB,EAAY,UAAU,CAAA;AAAA,aAC5BA,GAAa,KAAKA,GAAa;AAExC,MAAAoB,IAAapB,EAAY,GACzBqB,IAAc,MAAM,QAAQrB,EAAY,CAAC,IAAIA,EAAY,IAAI,CAACA,EAAY,CAAC;AAAA;AAE3E,aACE,gBAAAkB,EAAC,OAAA,EAAI,WAAU,uEAAsE,OAAO,EAAE,QAAAf,EAAA,GAC5F,UAAA,gBAAAgB,EAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,QAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,uCAAsC,UAAA,uBAAmB;AAAA,QACxE,gBAAAA,EAAC,OAAA,EAAI,WAAU,cAAa,UAAA,8CAAA,CAA2C;AAAA,MAAA,EAAA,CACzE,EAAA,CACF;AAIJ,QAAI,CAACE,KAAc,CAACC,KAAeA,EAAY,WAAW;AACxD,aACE,gBAAAH,EAAC,OAAA,EAAI,WAAU,uEAAsE,OAAO,EAAE,QAAAf,EAAA,GAC5F,UAAA,gBAAAgB,EAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,QAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,uCAAsC,UAAA,uBAAmB;AAAA,QACxE,gBAAAA,EAAC,OAAA,EAAI,WAAU,cAAa,UAAA,2CAAA,CAAwC;AAAA,MAAA,EAAA,CACtE,EAAA,CACF;AAKJ,UAAM,EAAE,MAAMK,GAAW,YAAAC,EAAA,IAAeC;AAAA,MACtC1B;AAAA,MACAqB;AAAA,MACAC;AAAA,MACAnB;AAAA,MACAoB;AAAA,MACAZ;AAAA,IAAA,GAIIgB,IAAkB1B,GAAa,mBAAmB,CAAA,GAGlD2B,IAA2C,CAAA;AACjD,IAAAN,EAAY,QAAQ,CAACO,MAAU;AAC7B,YAAMC,IAAQnB,EAAckB,CAAK;AACjC,MAAAD,EAAiBE,CAAK,IAAID;AAAA,IAC5B,CAAC;AAGD,UAAME,IAAeT,EAAY,KAAK,CAACO,MAAUF,EAAgBE,CAAK,MAAM,OAAO,GAG7EG,IAAiBV,EAAY,OAAO,CAACW,OAAON,EAAgBM,CAAC,KAAK,YAAY,MAAM,GACpFC,IAAkBZ,EAAY,OAAO,CAACW,MAAMN,EAAgBM,CAAC,MAAM,OAAO,GAG1EE,IAAuBrB,KAAe,CAACiB,GACvCK,IAA0BrB,KAAkB,CAACgB,GAG7CM,IAAarB,EAAkB,YAG/BsB,IAAe;AAAA,MACnB,GAAGC;AAAA,MACH,MAAM;AAAA;AAAA,MACN,OAAOR,IAAe,KAAK;AAAA;AAAA,IAAA,GAIvBS,IAAeC,GAAkBvC,GAAe,UAAU,EAAE,GAC5DwC,IAAgBC,GAAmBH,GAAchB,EAAU,MAAM;AAGvE,QAAIoB,IAAoBpB;AASxB,WARIkB,EAAc,SAAS,MACzBE,IAAoBpB,EAAU,IAAI,CAACqB,GAAWC,OAAW;AAAA,MACvD,GAAGD;AAAA,MACH,UAAUH,EAAcI,CAAK,KAAK;AAAA,IAAA,EAClC,IAIA,CAACtB,KAAaA,EAAU,WAAW,IAEnC,gBAAAL,EAAC,OAAA,EAAI,WAAU,0EAAyE,OAAO,EAAE,QAAAf,EAAA,GAC/F,UAAA,gBAAAgB,EAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,uCAAsC,UAAA,iBAAa;AAAA,MAClE,gBAAAA,EAAC,OAAA,EAAI,WAAU,qCAAoC,UAAA,2DAAA,CAAwD;AAAA,IAAA,EAAA,CAC7G,EAAA,CACF,IAQF,gBAAAA,EAAC4B,IAAA,EAAe,QAAA3C,GACd,UAAA,gBAAAgB,EAAC4B,IAAA,EAAc,MAAMJ,GAAmB,QAAQN,GAAc,aAJ9CF,IAA2B,WAAqB,QAIwB,oBAAoB,IACzG,UAAA;AAAA,MAAApB,EAAkB,8BAAaiC,IAAA,EAAc,iBAAgB,OAAM,OAAO,EAAE,eAAe,OAAA,EAAO,CAAG;AAAA,MACtG,gBAAA9B,EAAC+B,IAAA,EAAM,SAAQ,QAAO,MAAK,YAAW,MAAM,gBAAA/B,EAACgC,IAAA,CAAA,CAAgB,GAAI,QAAQ,GAAA,CAAI;AAAA,MAC7E,gBAAAhC;AAAA,QAACiC;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,aAAY;AAAA,UACZ,MAAM,EAAE,UAAU,GAAA;AAAA,UAClB,eACEhB,IACI,CAACiB,MAAM,IAAIA,IAAI,KAAK,QAAQ,CAAC,CAAC,MAC9BpC,IACE,CAACqC,MAAUC,EAAgBD,GAAOrC,CAAe,IACjD;AAAA,UAER,QAAQmB,IAA0B,CAAC,GAAG,CAAC,IAAI;AAAA,UAC3C,OACEA,IACI,SACAJ,EAAe,SAAS,IACtB;AAAA,YACE,OAAOf,GAAiB,SAASN,EAAcqB,EAAe,CAAC,CAAC;AAAA,YAChE,OAAO;AAAA,YACP,UAAU;AAAA,YACV,OAAO,EAAE,YAAY,UAAU,UAAU,OAAA;AAAA,UAAO,IAElD;AAAA,QAAA;AAAA,MAAA;AAAA,MAGTD,KACC,gBAAAZ;AAAA,QAACiC;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,aAAY;AAAA,UACZ,MAAM,EAAE,UAAU,GAAA;AAAA,UAClB,eAAelC,IAAmB,CAACoC,MAAUC,EAAgBD,GAAOpC,CAAgB,IAAI;AAAA,UACxF,OACEgB,EAAgB,SAAS,IACrB;AAAA,YACE,OAAOhB,GAAkB,SAASP,EAAcuB,EAAgB,CAAC,CAAC;AAAA,YAClE,OAAO;AAAA,YACP,UAAU;AAAA,YACV,OAAO,EAAE,YAAY,UAAU,UAAU,OAAA;AAAA,UAAO,IAElD;AAAA,QAAA;AAAA,MAAA;AAAA,MAITlB,EAAkB,eACjB,gBAAAG;AAAA,QAACqC;AAAA,QAAA;AAAA,UACC,WAAW,CAACF,GAAYG,MAAc;AAEpC,gBAAIH,KAAU;AACZ,qBAAO,CAAC,WAAWG,CAAI;AAEzB,gBAAIA,MAAS;AAEX,qBAAO,CAACF,EAAgBD,GAAOrC,CAAe,GAAG,cAAc;AAGjE,gBAAImB,KAA2B,OAAOkB,KAAU;AAC9C,qBAAO,CAAC,IAAIA,IAAQ,KAAK,QAAQ,CAAC,CAAC,KAAKG,CAAI;AAG9C,kBAAMC,IAAgB9B,EAAiB6B,CAAI,GAErCE,KADSD,KAAiB/B,EAAgB+B,CAAa,MAAM,UAAU,UAAU,YACvD,UAAUxC,IAAmBD;AAC7D,mBAAO,CAACsC,EAAgBD,GAAOK,CAAY,GAAGF,CAAI;AAAA,UACpD;AAAA,QAAA;AAAA,MAAA;AAAA,MAGHpB,KACC,gBAAAlB;AAAA,QAACyC;AAAA,QAAA;AAAA,UACC,cAAc,EAAE,UAAU,QAAQ,YAAY,OAAA;AAAA,UAC9C,UAAS;AAAA,UACT,UAAU;AAAA,UACV,QAAO;AAAA,UACP,OAAM;AAAA,UACN,eAAc;AAAA,UACd,cAAc,CAACC,MAAMpD,EAAiB,OAAOoD,EAAE,WAAW,EAAE,CAAC;AAAA,UAC7D,cAAc,MAAMpD,EAAiB,IAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAG5CgB,EAAW,IAAI,CAACqC,GAAWhB,MAAU;AAEpC,cAAMY,IAAgB9B,EAAiBkC,CAAS,GAC1CC,IAASL,KAAiB/B,EAAgB+B,CAAa,MAAM,UAAU,UAAU,QAEjFM,IAAa3D,GAAc,UAAUA,EAAa,OAAOyC,IAAQzC,EAAa,OAAO,MAAM,KAC/F4D,EAAanB,IAAQmB,EAAa,MAAM;AAE1C,eACE,gBAAA9C;AAAA,UAAC+C;AAAA,UAAA;AAAA,YAEC,MAAK;AAAA,YACL,SAASJ;AAAA,YACT,SAASC;AAAA,YACT,SAAS5B,IAAuB,UAAU;AAAA,YAC1C,QAAQ6B;AAAA,YACR,MAAMA;AAAA,YACN,aAAaxD,IAAiBA,MAAkBsD,IAAY,MAAM,MAAO;AAAA,YACzE,aAAa;AAAA,YACb,eAAetD,IAAiBA,MAAkBsD,IAAY,IAAI,MAAO;AAAA,YACzE,cAAc9C,EAAkB;AAAA,YAChC,KAAK,CAACmD,MAAe;AACnB,oBAAM,EAAE,IAAAC,GAAI,IAAAC,GAAI,SAAAC,GAAS,KAAAC,MAAQJ;AACjC,kBAAI,CAAC5D,KAAgB6D,MAAO,UAAaC,MAAO,OAAW,QAAO;AAElE,oBAAMG,IAAc,CAACC,MAA4B;AAC/C,gBAAAA,EAAM,gBAAA,GACNA,EAAM,eAAA,GACFnE,KACFA,EAAiB;AAAA,kBACf,WAAWgE;AAAA,kBACX,cAAcZ,KAAiBI;AAAA,kBAC/B,QAAQQ,EAAQ;AAAA,kBAChB,UAAU,EAAE,GAAGG,EAAM,SAAS,GAAGA,EAAM,QAAA;AAAA,kBACvC,aAAaA;AAAA,gBAAA,CACd;AAAA,cAEL;AAEA,uCACG,KAAA,EAEC,UAAA;AAAA,gBAAA,gBAAAtD;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,IAAAiD;AAAA,oBACA,IAAAC;AAAA,oBACA,GAAG;AAAA,oBACH,MAAK;AAAA,oBACL,OAAO,EAAE,eAAe,OAAA;AAAA,kBAAO;AAAA,gBAAA;AAAA,gBAGjC,gBAAAlD;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,IAAAiD;AAAA,oBACA,IAAAC;AAAA,oBACA,GAAG;AAAA,oBACH,MAAK;AAAA,oBACL,QAAQL;AAAA,oBACR,aAAa;AAAA,oBACb,QAAO;AAAA,oBACP,SAAS,CAACU,MAA0C;AAClD,sBAAAF,EAAYE,CAAgC;AAAA,oBAC9C;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACF,EAAA,GArBMH,CAsBR;AAAA,YAEJ;AAAA,YACA,WAAW;AAAA,UAAA;AAAA,UAvDNT;AAAA,QAAA;AAAA,MA0DX,CAAC;AAAA,MACApB,EAAc,SAAS,KACtB,gBAAAtB,EAAAuD,GAAA,EAEE,UAAA;AAAA,QAAA,gBAAAxD;AAAA,UAACyD;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,SAAQ;AAAA,YACR,QAAO;AAAA,YACP,aAAa;AAAA,YACb,KAAK;AAAA,YACL,WAAW;AAAA,YACX,cAAc;AAAA,UAAA;AAAA,QAAA;AAAA,QAGhB,gBAAAzD;AAAA,UAACyD;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,QAAO;AAAA,YACP,aAAa;AAAA,YACb,iBAAgB;AAAA,YAChB,KAAK;AAAA,YACL,WAAW;AAAA,YACX,cAAc;AAAA,UAAA;AAAA,QAAA;AAAA,MAChB,EAAA,CACF;AAAA,IAAA,EAAA,CAEJ,EAAA,CACF;AAAA,EAEJ,SAASC,GAAO;AAEd,WACE,gBAAA1D,EAAC,OAAA,EAAI,WAAU,wFAAuF,OAAO,EAAE,QAAAf,EAAA,GAC7G,UAAA,gBAAAgB,EAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,uCAAsC,UAAA,oBAAgB;AAAA,MACrE,gBAAAA,EAAC,SAAI,WAAU,sBAAsB,uBAAiB,QAAQ0D,EAAM,UAAU,0BAAA,CAA0B;AAAA,MACxG,gBAAA1D,EAAC,OAAA,EAAI,WAAU,iCAAgC,UAAA,mCAAA,CAAgC;AAAA,IAAA,EAAA,CACjF,EAAA,CACF;AAAA,EAEJ;AACF,CAAC;"}
+{"version":3,"file":"chart-area-TawAd2k9.js","sources":["../../../src/client/components/charts/AreaChart.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { ComposedChart, Area, 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 } from '../../utils/chartUtils'\nimport { parseTargetValues, spreadTargetValues } from '../../utils/targetUtils'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel'\nimport type { ChartProps } from '../../types'\n\nconst AreaChart = React.memo(function AreaChart({\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    // Determine stacking from stackType (new) or stacked (legacy)\n    const stackType = displayConfig?.stackType ?? (displayConfig?.stacked ? 'normal' : 'none')\n    const shouldStack = stackType !== 'none'\n    const isPercentStack = stackType === 'percent'\n\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 area chart</div>\n          </div>\n        </div>\n      )\n    }\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\">Invalid or missing chart axis configuration</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    // Use shared function to transform data and handle series\n    const { data: chartData, seriesKeys } = transformChartDataWithSeries(\n      data,\n      xAxisField,\n      yAxisFields,\n      queryObject,\n      seriesFields,\n      getFieldLabel\n    )\n\n    // Dual Y-axis support: extract yAxisAssignment from chartConfig\n    const yAxisAssignment = chartConfig?.yAxisAssignment || {}\n\n    // Build mapping from series key (label) to original field name\n    const seriesKeyToField: Record<string, string> = {}\n    yAxisFields.forEach((field) => {\n      const label = getFieldLabel(field)\n      seriesKeyToField[label] = field\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    // Disable stacking when dual Y-axis is used (areas on different axes can't be stacked)\n    const effectiveShouldStack = shouldStack && !hasRightAxis\n    const effectiveIsPercentStack = isPercentStack && !hasRightAxis\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 area chart after transformation</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Determine stack offset for percentage stacking\n    const stackOffset = effectiveIsPercentStack ? ('expand' as const) : undefined\n\n    return (\n      <ChartContainer height={height}>\n        <ComposedChart data={enhancedChartData} margin={chartMargins} stackOffset={stackOffset} accessibilityLayer={false}>\n          {safeDisplayConfig.showGrid && <CartesianGrid strokeDasharray=\"3 3\" style={{ pointerEvents: 'none' }} />}\n          <XAxis dataKey=\"name\" type=\"category\" tick={<AngledXAxisTick />} height={60} />\n          <YAxis\n            yAxisId=\"left\"\n            orientation=\"left\"\n            tick={{ fontSize: 12 }}\n            tickFormatter={\n              effectiveIsPercentStack\n                ? (v) => `${(v * 100).toFixed(0)}%`\n                : leftYAxisFormat\n                  ? (value) => formatAxisValue(value, leftYAxisFormat)\n                  : undefined\n            }\n            domain={effectiveIsPercentStack ? [0, 1] : undefined}\n            label={\n              effectiveIsPercentStack\n                ? undefined\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                // Format as percentage when using percent stacking\n                if (effectiveIsPercentStack && typeof value === 'number') {\n                  return [`${(value * 100).toFixed(1)}%`, name]\n                }\n                // Determine which axis format to use based on series name\n                const originalField = seriesKeyToField[name]\n                const axisId = originalField && yAxisAssignment[originalField] === 'right' ? 'right' : 'left'\n                const formatConfig = axisId === 'right' ? rightYAxisFormat : leftYAxisFormat\n                return [formatAxisValue(value, formatConfig), name]\n              }}\n            />\n          )}\n          {showLegend && (\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            // Look up the original field name to get its axis assignment\n            const originalField = seriesKeyToField[seriesKey]\n            const axisId = originalField && yAxisAssignment[originalField] === 'right' ? 'right' : 'left'\n            // When drill is enabled, show persistent dots for better click targets\n            const areaColor = (colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) ||\n              CHART_COLORS[index % CHART_COLORS.length]\n\n            return (\n              <Area\n                key={seriesKey}\n                type=\"monotone\"\n                dataKey={seriesKey}\n                yAxisId={axisId}\n                stackId={effectiveShouldStack ? 'stack' : undefined}\n                stroke={areaColor}\n                fill={areaColor}\n                fillOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 0.6 : 0.1) : 0.3}\n                strokeWidth={2}\n                strokeOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 1 : 0.3) : 1}\n                connectNulls={safeDisplayConfig.connectNulls}\n                dot={(props: any) => {\n                  const { cx, cy, payload, key } = props\n                  if (!drillEnabled || 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                  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={areaColor}\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                activeDot={false}\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        </ComposedChart>\n      </ChartContainer>\n    )\n  } catch (error) {\n    // 'AreaChart 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\">Area 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 AreaChart"],"names":["AreaChart","React","data","chartConfig","displayConfig","queryObject","height","colorPalette","onDataPointClick","drillEnabled","hoveredLegend","setHoveredLegend","useState","getFieldLabel","useCubeFieldLabel","stackType","shouldStack","isPercentStack","safeDisplayConfig","leftYAxisFormat","rightYAxisFormat","jsx","jsxs","xAxisField","yAxisFields","seriesFields","chartData","seriesKeys","transformChartDataWithSeries","yAxisAssignment","seriesKeyToField","field","label","hasRightAxis","leftAxisFields","f","rightAxisFields","effectiveShouldStack","effectiveIsPercentStack","showLegend","chartMargins","CHART_MARGINS","targetValues","parseTargetValues","spreadTargets","spreadTargetValues","enhancedChartData","dataPoint","index","ChartContainer","ComposedChart","CartesianGrid","XAxis","AngledXAxisTick","YAxis","v","value","formatAxisValue","ChartTooltip","name","originalField","formatConfig","Legend","o","seriesKey","axisId","areaColor","CHART_COLORS","Area","props","cx","cy","payload","key","handleClick","event","e","Fragment","Line","error"],"mappings":"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"}

package/dist/client/chunks/{chart-bar-dj14frMt.js → chart-bar-D3vtCNQG.js}

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as d, Fragment as ie } from "react/jsx-runtime";
 import ne, { useState as le, useMemo as F } from "react";
 import { ComposedChart as ae, CartesianGrid as oe, XAxis as ce, YAxis as W, Legend as de, Bar as xe, Cell as K, Line as U } from "recharts";
-import { u as fe, t as me, i as ue, C as he, p as ge, s as ye, a as pe, f as E, b as Ae, N as ve, P as q, c as D } from "./charts-core-CU9u_HtL.js";
+import { u as fe, t as me, i as ue, C as he, p as ge, s as ye, a as pe, f as E, b as Ae, N as ve, P as q, c as D } from "./charts-core-B4Rbfdcn.js";
 const Ne = ({
   x: R = 0,
   y: x = 0,
@@ -264,4 +264,4 @@ export {
   ke as B,
   we as a
 };
-//# sourceMappingURL=chart-bar-dj14frMt.js.map
+//# sourceMappingURL=chart-bar-D3vtCNQG.js.map

package/dist/client/chunks/{chart-bar-dj14frMt.js.map → chart-bar-D3vtCNQG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chart-bar-dj14frMt.js","sources":["../../../src/client/components/charts/AngledXAxisTick.tsx","../../../src/client/components/charts/BarChart.tsx"],"sourcesContent":["import React from 'react'\n\ninterface AngledXAxisTickProps {\n  x?: number\n  y?: number\n  payload?: {\n    value: string | number\n  }\n  tickFormatter?: (value: string | number, index: number) => string\n  index?: number\n  visibleTicksCount?: number\n  // Allow any additional props recharts might pass\n  [key: string]: unknown\n}\n\n/**\n * Custom XAxis tick component for properly aligned angled labels.\n * Fixes alignment issues in recharts 3.7+ where angled labels don't\n * center properly under data points.\n */\nconst AngledXAxisTick: React.FC<AngledXAxisTickProps> = ({\n  x = 0,\n  y = 0,\n  payload,\n  tickFormatter,\n  index = 0\n}) => {\n  if (!payload) return null\n\n  const displayValue = tickFormatter\n    ? tickFormatter(payload.value, index)\n    : String(payload.value)\n\n  return (\n    <g transform={`translate(${x},${y})`}>\n      <text\n        x={0}\n        y={0}\n        dy={16}\n        textAnchor=\"end\"\n        fill=\"currentColor\"\n        fontSize={12}\n        transform=\"rotate(-45)\"\n      >\n        {displayValue}\n      </text>\n    </g>\n  )\n}\n\nexport default AngledXAxisTick\n","import React, { useState, useMemo } from 'react'\nimport { ComposedChart, Bar, Line, XAxis, YAxis, CartesianGrid, Cell, Legend } from 'recharts'\nimport ChartContainer from './ChartContainer'\nimport ChartTooltip from './ChartTooltip'\nimport AngledXAxisTick from './AngledXAxisTick'\nimport { CHART_COLORS, POSITIVE_COLOR, NEGATIVE_COLOR, CHART_MARGINS } from '../../utils/chartConstants'\nimport { transformChartDataWithSeries, isValidNumericValue, formatAxisValue } from '../../utils/chartUtils'\nimport { parseTargetValues, spreadTargetValues } from '../../utils/targetUtils'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel'\nimport type { ChartProps } from '../../types'\n\nconst BarChart = React.memo(function BarChart({\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  // Determine stacking from stackType (new) or stacked (legacy)\n  const stackType = displayConfig?.stackType ?? (displayConfig?.stacked ? 'normal' : 'none')\n  const shouldStack = stackType !== 'none'\n  const isPercentStack = stackType === 'percent'\n\n  const safeDisplayConfig = {\n    showLegend: displayConfig?.showLegend ?? true,\n    showGrid: displayConfig?.showGrid ?? true,\n    showTooltip: displayConfig?.showTooltip ?? true\n  }\n\n  // Extract axis format configs\n  const leftYAxisFormat = displayConfig?.leftYAxisFormat\n  const rightYAxisFormat = displayConfig?.rightYAxisFormat\n\n  // Validate chartConfig - support both legacy and new formats\n  // Do validation but don't early return yet (hooks must come first)\n  const { xAxisField, yAxisFields, seriesFields, configError } = useMemo(() => {\n    let xAxisField: string | undefined\n    let yAxisFields: string[] = []\n    let seriesFields: string[] = []\n    let configError: string | null = null\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      configError = 'Invalid or missing chart axis configuration'\n    }\n\n    if (!configError && (!xAxisField || !yAxisFields || yAxisFields.length === 0)) {\n      configError = 'Missing required X-axis or Y-axis fields'\n    }\n\n    return { xAxisField, yAxisFields, seriesFields, configError }\n  }, [chartConfig])\n\n  // Transform data (will be empty arrays if config is invalid)\n  const { data: transformedData, seriesKeys } = useMemo(() => {\n    if (configError || !data || data.length === 0 || !xAxisField) {\n      return { data: [], seriesKeys: [] }\n    }\n    return transformChartDataWithSeries(\n      data,\n      xAxisField,\n      yAxisFields,\n      queryObject,\n      seriesFields,\n      getFieldLabel\n    )\n  }, [data, xAxisField, yAxisFields, queryObject, seriesFields, getFieldLabel, configError])\n\n  // Dual Y-axis support: extract yAxisAssignment from chartConfig (memoized to prevent object recreation)\n  const yAxisAssignment = useMemo(() =>\n    chartConfig?.yAxisAssignment || {},\n    [chartConfig?.yAxisAssignment]\n  )\n\n  // Build mapping from series key (label) to original field name\n  const seriesKeyToField: Record<string, string> = 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  // 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  // Null handling: Filter out data points where ALL measure values are null\n  // This prevents rendering empty bars and makes the chart clearer\n  const { chartData, skippedCount } = useMemo(() => {\n    if (transformedData.length === 0 || seriesKeys.length === 0) {\n      return { chartData: [], skippedCount: 0 }\n    }\n    const filtered = transformedData.filter(row => {\n      // Keep the row if at least one series has a valid numeric value\n      return seriesKeys.some(key => isValidNumericValue(row[key]))\n    })\n    const skipped = transformedData.length - filtered.length\n    return { chartData: filtered, skippedCount: skipped }\n  }, [transformedData, seriesKeys])\n\n  // Now handle early returns AFTER all hooks\n  try {\n    if (!data || data.length === 0) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">No data available</div>\n            <div className=\"dc:text-xs text-dc-text-secondary\">No data points to display in bar chart</div>\n          </div>\n        </div>\n      )\n    }\n\n    if (configError) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">Configuration Error</div>\n            <div className=\"dc:text-xs\">{configError}</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Determine stack offset for percentage stacking\n    // Disable stacking when dual Y-axis is used (bars on different axes can't be stacked)\n    const effectiveShouldStack = shouldStack && !hasRightAxis\n    const effectiveIsPercentStack = isPercentStack && !hasRightAxis\n    const stackOffset = effectiveIsPercentStack ? 'expand' as const : undefined\n\n    // Check if we should use positive/negative coloring\n    // This is enabled when we have single series data with mixed positive/negative values\n    const usePositiveNegativeColoring = seriesKeys.length === 1 && chartData.some(row => {\n      const value = row[seriesKeys[0]]\n      return typeof value === 'number' && value < 0\n    })\n\n    // Color each bar by its x-axis category when there's a single measure and no series dimension.\n    // This gives each category a distinct color without needing to abuse the series field.\n    const useColorByCategory = seriesKeys.length === 1\n      && !usePositiveNegativeColoring\n      && !seriesFields.length\n      && chartData.length > 1\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 bar chart after transformation</div>\n          </div>\n        </div>\n      )\n    }\n\n    return (\n      <div className=\"dc:relative dc:w-full\" style={{ height }}>\n        <ChartContainer height={skippedCount > 0 ? `calc(100% - 20px)` : \"100%\"}>\n          <ComposedChart data={enhancedChartData} margin={chartMargins} stackOffset={stackOffset} accessibilityLayer={false}>\n          {safeDisplayConfig.showGrid && (\n            <CartesianGrid strokeDasharray=\"3 3\" style={{ pointerEvents: 'none' }} />\n          )}\n          <XAxis\n            dataKey=\"name\"\n            type=\"category\"\n            tick={<AngledXAxisTick />}\n            height={60}\n          />\n          <YAxis\n            yAxisId=\"left\"\n            orientation=\"left\"\n            tick={{ fontSize: 12 }}\n            tickFormatter={\n              effectiveIsPercentStack\n                ? (v) => `${(v * 100).toFixed(0)}%`\n                : leftYAxisFormat\n                  ? (value) => formatAxisValue(value, leftYAxisFormat)\n                  : undefined\n            }\n            domain={effectiveIsPercentStack ? [0, 1] : undefined}\n            label={\n              effectiveIsPercentStack\n                ? undefined\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                // Format as percentage when using percent stacking\n                if (effectiveIsPercentStack && typeof value === 'number') {\n                  return [`${(value * 100).toFixed(1)}%`, name]\n                }\n                // Determine which axis format to use based on series name\n                const originalField = seriesKeyToField[name]\n                const axisId = originalField && yAxisAssignment[originalField] === 'right' ? 'right' : 'left'\n                const formatConfig = axisId === 'right' ? rightYAxisFormat : leftYAxisFormat\n                return [formatAxisValue(value, formatConfig), name]\n              }}\n            />\n          )}\n          {showLegend && (\n            <Legend \n              wrapperStyle={{ fontSize: '12px', paddingTop: '25px' }}\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            // Look up the original field name to get its axis assignment\n            const originalField = seriesKeyToField[seriesKey]\n            const axisId = originalField && yAxisAssignment[originalField] === 'right' ? 'right' : 'left'\n            return (\n              <Bar\n                key={seriesKey}\n                dataKey={seriesKey}\n                yAxisId={axisId}\n                stackId={effectiveShouldStack ? 'stack' : undefined}\n                fill={\n                  usePositiveNegativeColoring\n                    ? POSITIVE_COLOR\n                    : (colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) ||\n                      CHART_COLORS[index % CHART_COLORS.length]\n                }\n                fillOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 1 : 0.3) : 1}\n                cursor={drillEnabled ? 'pointer' : undefined}\n                onClick={(barData: any, dataIndex: number, event: React.MouseEvent) => {\n                  if (onDataPointClick && drillEnabled && barData) {\n                    onDataPointClick({\n                      dataPoint: enhancedChartData[dataIndex] || barData,\n                      clickedField: originalField || seriesKey,\n                      xValue: barData.name,\n                      position: { x: event.clientX, y: event.clientY },\n                      nativeEvent: event\n                    })\n                  }\n                }}\n              >\n                {usePositiveNegativeColoring &&\n                  chartData.map((entry, entryIndex) => {\n                    const value = entry[seriesKey]\n                    const fillColor = typeof value === 'number' && value < 0 ? NEGATIVE_COLOR : POSITIVE_COLOR\n                    return (\n                      <Cell\n                        key={`cell-${entryIndex}`}\n                        fill={fillColor}\n                        fillOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 1 : 0.3) : 1}\n                      />\n                    )\n                  })}\n                {useColorByCategory &&\n                  chartData.map((_entry, entryIndex) => {\n                    const colors = colorPalette?.colors || CHART_COLORS\n                    return (\n                      <Cell\n                        key={`cat-${entryIndex}`}\n                        fill={colors[entryIndex % colors.length]}\n                        fillOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 1 : 0.3) : 1}\n                      />\n                    )\n                  })}\n              </Bar>\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          </ComposedChart>\n        </ChartContainer>\n        {skippedCount > 0 && (\n          <div className=\"dc:text-xs text-dc-text-muted dc:text-center dc:mt-1\">\n            {skippedCount} data point{skippedCount !== 1 ? 's' : ''} with no values hidden\n          </div>\n        )}\n      </div>\n    )\n  } catch (error) {\n    // 'BarChart 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\">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 BarChart"],"names":["AngledXAxisTick","x","y","payload","tickFormatter","index","displayValue","jsx","BarChart","React","data","chartConfig","displayConfig","queryObject","height","colorPalette","onDataPointClick","drillEnabled","hoveredLegend","setHoveredLegend","useState","getFieldLabel","useCubeFieldLabel","stackType","shouldStack","isPercentStack","safeDisplayConfig","leftYAxisFormat","rightYAxisFormat","xAxisField","yAxisFields","seriesFields","configError","useMemo","transformedData","seriesKeys","transformChartDataWithSeries","yAxisAssignment","seriesKeyToField","mapping","field","label","hasRightAxis","leftAxisFields","f","rightAxisFields","chartData","skippedCount","filtered","row","key","isValidNumericValue","skipped","jsxs","effectiveShouldStack","effectiveIsPercentStack","stackOffset","usePositiveNegativeColoring","value","useColorByCategory","showLegend","chartMargins","CHART_MARGINS","targetValues","parseTargetValues","spreadTargets","spreadTargetValues","enhancedChartData","dataPoint","ChartContainer","ComposedChart","CartesianGrid","XAxis","YAxis","v","formatAxisValue","ChartTooltip","name","originalField","formatConfig","Legend","o","seriesKey","axisId","Bar","POSITIVE_COLOR","CHART_COLORS","barData","dataIndex","event","entry","entryIndex","fillColor","NEGATIVE_COLOR","Cell","_entry","colors","Fragment","Line","error"],"mappings":"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"}
+{"version":3,"file":"chart-bar-D3vtCNQG.js","sources":["../../../src/client/components/charts/AngledXAxisTick.tsx","../../../src/client/components/charts/BarChart.tsx"],"sourcesContent":["import React from 'react'\n\ninterface AngledXAxisTickProps {\n  x?: number\n  y?: number\n  payload?: {\n    value: string | number\n  }\n  tickFormatter?: (value: string | number, index: number) => string\n  index?: number\n  visibleTicksCount?: number\n  // Allow any additional props recharts might pass\n  [key: string]: unknown\n}\n\n/**\n * Custom XAxis tick component for properly aligned angled labels.\n * Fixes alignment issues in recharts 3.7+ where angled labels don't\n * center properly under data points.\n */\nconst AngledXAxisTick: React.FC<AngledXAxisTickProps> = ({\n  x = 0,\n  y = 0,\n  payload,\n  tickFormatter,\n  index = 0\n}) => {\n  if (!payload) return null\n\n  const displayValue = tickFormatter\n    ? tickFormatter(payload.value, index)\n    : String(payload.value)\n\n  return (\n    <g transform={`translate(${x},${y})`}>\n      <text\n        x={0}\n        y={0}\n        dy={16}\n        textAnchor=\"end\"\n        fill=\"currentColor\"\n        fontSize={12}\n        transform=\"rotate(-45)\"\n      >\n        {displayValue}\n      </text>\n    </g>\n  )\n}\n\nexport default AngledXAxisTick\n","import React, { useState, useMemo } from 'react'\nimport { ComposedChart, Bar, Line, XAxis, YAxis, CartesianGrid, Cell, Legend } from 'recharts'\nimport ChartContainer from './ChartContainer'\nimport ChartTooltip from './ChartTooltip'\nimport AngledXAxisTick from './AngledXAxisTick'\nimport { CHART_COLORS, POSITIVE_COLOR, NEGATIVE_COLOR, CHART_MARGINS } from '../../utils/chartConstants'\nimport { transformChartDataWithSeries, isValidNumericValue, formatAxisValue } from '../../utils/chartUtils'\nimport { parseTargetValues, spreadTargetValues } from '../../utils/targetUtils'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel'\nimport type { ChartProps } from '../../types'\n\nconst BarChart = React.memo(function BarChart({\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  // Determine stacking from stackType (new) or stacked (legacy)\n  const stackType = displayConfig?.stackType ?? (displayConfig?.stacked ? 'normal' : 'none')\n  const shouldStack = stackType !== 'none'\n  const isPercentStack = stackType === 'percent'\n\n  const safeDisplayConfig = {\n    showLegend: displayConfig?.showLegend ?? true,\n    showGrid: displayConfig?.showGrid ?? true,\n    showTooltip: displayConfig?.showTooltip ?? true\n  }\n\n  // Extract axis format configs\n  const leftYAxisFormat = displayConfig?.leftYAxisFormat\n  const rightYAxisFormat = displayConfig?.rightYAxisFormat\n\n  // Validate chartConfig - support both legacy and new formats\n  // Do validation but don't early return yet (hooks must come first)\n  const { xAxisField, yAxisFields, seriesFields, configError } = useMemo(() => {\n    let xAxisField: string | undefined\n    let yAxisFields: string[] = []\n    let seriesFields: string[] = []\n    let configError: string | null = null\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      configError = 'Invalid or missing chart axis configuration'\n    }\n\n    if (!configError && (!xAxisField || !yAxisFields || yAxisFields.length === 0)) {\n      configError = 'Missing required X-axis or Y-axis fields'\n    }\n\n    return { xAxisField, yAxisFields, seriesFields, configError }\n  }, [chartConfig])\n\n  // Transform data (will be empty arrays if config is invalid)\n  const { data: transformedData, seriesKeys } = useMemo(() => {\n    if (configError || !data || data.length === 0 || !xAxisField) {\n      return { data: [], seriesKeys: [] }\n    }\n    return transformChartDataWithSeries(\n      data,\n      xAxisField,\n      yAxisFields,\n      queryObject,\n      seriesFields,\n      getFieldLabel\n    )\n  }, [data, xAxisField, yAxisFields, queryObject, seriesFields, getFieldLabel, configError])\n\n  // Dual Y-axis support: extract yAxisAssignment from chartConfig (memoized to prevent object recreation)\n  const yAxisAssignment = useMemo(() =>\n    chartConfig?.yAxisAssignment || {},\n    [chartConfig?.yAxisAssignment]\n  )\n\n  // Build mapping from series key (label) to original field name\n  const seriesKeyToField: Record<string, string> = 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  // 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  // Null handling: Filter out data points where ALL measure values are null\n  // This prevents rendering empty bars and makes the chart clearer\n  const { chartData, skippedCount } = useMemo(() => {\n    if (transformedData.length === 0 || seriesKeys.length === 0) {\n      return { chartData: [], skippedCount: 0 }\n    }\n    const filtered = transformedData.filter(row => {\n      // Keep the row if at least one series has a valid numeric value\n      return seriesKeys.some(key => isValidNumericValue(row[key]))\n    })\n    const skipped = transformedData.length - filtered.length\n    return { chartData: filtered, skippedCount: skipped }\n  }, [transformedData, seriesKeys])\n\n  // Now handle early returns AFTER all hooks\n  try {\n    if (!data || data.length === 0) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">No data available</div>\n            <div className=\"dc:text-xs text-dc-text-secondary\">No data points to display in bar chart</div>\n          </div>\n        </div>\n      )\n    }\n\n    if (configError) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">Configuration Error</div>\n            <div className=\"dc:text-xs\">{configError}</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Determine stack offset for percentage stacking\n    // Disable stacking when dual Y-axis is used (bars on different axes can't be stacked)\n    const effectiveShouldStack = shouldStack && !hasRightAxis\n    const effectiveIsPercentStack = isPercentStack && !hasRightAxis\n    const stackOffset = effectiveIsPercentStack ? 'expand' as const : undefined\n\n    // Check if we should use positive/negative coloring\n    // This is enabled when we have single series data with mixed positive/negative values\n    const usePositiveNegativeColoring = seriesKeys.length === 1 && chartData.some(row => {\n      const value = row[seriesKeys[0]]\n      return typeof value === 'number' && value < 0\n    })\n\n    // Color each bar by its x-axis category when there's a single measure and no series dimension.\n    // This gives each category a distinct color without needing to abuse the series field.\n    const useColorByCategory = seriesKeys.length === 1\n      && !usePositiveNegativeColoring\n      && !seriesFields.length\n      && chartData.length > 1\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 bar chart after transformation</div>\n          </div>\n        </div>\n      )\n    }\n\n    return (\n      <div className=\"dc:relative dc:w-full\" style={{ height }}>\n        <ChartContainer height={skippedCount > 0 ? `calc(100% - 20px)` : \"100%\"}>\n          <ComposedChart data={enhancedChartData} margin={chartMargins} stackOffset={stackOffset} accessibilityLayer={false}>\n          {safeDisplayConfig.showGrid && (\n            <CartesianGrid strokeDasharray=\"3 3\" style={{ pointerEvents: 'none' }} />\n          )}\n          <XAxis\n            dataKey=\"name\"\n            type=\"category\"\n            tick={<AngledXAxisTick />}\n            height={60}\n          />\n          <YAxis\n            yAxisId=\"left\"\n            orientation=\"left\"\n            tick={{ fontSize: 12 }}\n            tickFormatter={\n              effectiveIsPercentStack\n                ? (v) => `${(v * 100).toFixed(0)}%`\n                : leftYAxisFormat\n                  ? (value) => formatAxisValue(value, leftYAxisFormat)\n                  : undefined\n            }\n            domain={effectiveIsPercentStack ? [0, 1] : undefined}\n            label={\n              effectiveIsPercentStack\n                ? undefined\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                // Format as percentage when using percent stacking\n                if (effectiveIsPercentStack && typeof value === 'number') {\n                  return [`${(value * 100).toFixed(1)}%`, name]\n                }\n                // Determine which axis format to use based on series name\n                const originalField = seriesKeyToField[name]\n                const axisId = originalField && yAxisAssignment[originalField] === 'right' ? 'right' : 'left'\n                const formatConfig = axisId === 'right' ? rightYAxisFormat : leftYAxisFormat\n                return [formatAxisValue(value, formatConfig), name]\n              }}\n            />\n          )}\n          {showLegend && (\n            <Legend \n              wrapperStyle={{ fontSize: '12px', paddingTop: '25px' }}\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            // Look up the original field name to get its axis assignment\n            const originalField = seriesKeyToField[seriesKey]\n            const axisId = originalField && yAxisAssignment[originalField] === 'right' ? 'right' : 'left'\n            return (\n              <Bar\n                key={seriesKey}\n                dataKey={seriesKey}\n                yAxisId={axisId}\n                stackId={effectiveShouldStack ? 'stack' : undefined}\n                fill={\n                  usePositiveNegativeColoring\n                    ? POSITIVE_COLOR\n                    : (colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) ||\n                      CHART_COLORS[index % CHART_COLORS.length]\n                }\n                fillOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 1 : 0.3) : 1}\n                cursor={drillEnabled ? 'pointer' : undefined}\n                onClick={(barData: any, dataIndex: number, event: React.MouseEvent) => {\n                  if (onDataPointClick && drillEnabled && barData) {\n                    onDataPointClick({\n                      dataPoint: enhancedChartData[dataIndex] || barData,\n                      clickedField: originalField || seriesKey,\n                      xValue: barData.name,\n                      position: { x: event.clientX, y: event.clientY },\n                      nativeEvent: event\n                    })\n                  }\n                }}\n              >\n                {usePositiveNegativeColoring &&\n                  chartData.map((entry, entryIndex) => {\n                    const value = entry[seriesKey]\n                    const fillColor = typeof value === 'number' && value < 0 ? NEGATIVE_COLOR : POSITIVE_COLOR\n                    return (\n                      <Cell\n                        key={`cell-${entryIndex}`}\n                        fill={fillColor}\n                        fillOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 1 : 0.3) : 1}\n                      />\n                    )\n                  })}\n                {useColorByCategory &&\n                  chartData.map((_entry, entryIndex) => {\n                    const colors = colorPalette?.colors || CHART_COLORS\n                    return (\n                      <Cell\n                        key={`cat-${entryIndex}`}\n                        fill={colors[entryIndex % colors.length]}\n                        fillOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 1 : 0.3) : 1}\n                      />\n                    )\n                  })}\n              </Bar>\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          </ComposedChart>\n        </ChartContainer>\n        {skippedCount > 0 && (\n          <div className=\"dc:text-xs text-dc-text-muted dc:text-center dc:mt-1\">\n            {skippedCount} data point{skippedCount !== 1 ? 's' : ''} with no values hidden\n          </div>\n        )}\n      </div>\n    )\n  } catch (error) {\n    // 'BarChart 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\">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 BarChart"],"names":["AngledXAxisTick","x","y","payload","tickFormatter","index","displayValue","jsx","BarChart","React","data","chartConfig","displayConfig","queryObject","height","colorPalette","onDataPointClick","drillEnabled","hoveredLegend","setHoveredLegend","useState","getFieldLabel","useCubeFieldLabel","stackType","shouldStack","isPercentStack","safeDisplayConfig","leftYAxisFormat","rightYAxisFormat","xAxisField","yAxisFields","seriesFields","configError","useMemo","transformedData","seriesKeys","transformChartDataWithSeries","yAxisAssignment","seriesKeyToField","mapping","field","label","hasRightAxis","leftAxisFields","f","rightAxisFields","chartData","skippedCount","filtered","row","key","isValidNumericValue","skipped","jsxs","effectiveShouldStack","effectiveIsPercentStack","stackOffset","usePositiveNegativeColoring","value","useColorByCategory","showLegend","chartMargins","CHART_MARGINS","targetValues","parseTargetValues","spreadTargets","spreadTargetValues","enhancedChartData","dataPoint","ChartContainer","ComposedChart","CartesianGrid","XAxis","YAxis","v","formatAxisValue","ChartTooltip","name","originalField","formatConfig","Legend","o","seriesKey","axisId","Bar","POSITIVE_COLOR","CHART_COLORS","barData","dataIndex","event","entry","entryIndex","fillColor","NEGATIVE_COLOR","Cell","_entry","colors","Fragment","Line","error"],"mappings":";;;;AAoBA,MAAMA,KAAkD,CAAC;AAAA,EACvD,GAAAC,IAAI;AAAA,EACJ,GAAAC,IAAI;AAAA,EACJ,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC,IAAQ;AACV,MAAM;AACJ,MAAI,CAACF,EAAS,QAAO;AAErB,QAAMG,IAAeF,IACjBA,EAAcD,EAAQ,OAAOE,CAAK,IAClC,OAAOF,EAAQ,KAAK;AAExB,2BACG,KAAA,EAAE,WAAW,aAAaF,CAAC,IAAIC,CAAC,KAC/B,UAAA,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,YAAW;AAAA,MACX,MAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAU;AAAA,MAET,UAAAD;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ,GCrCME,KAAWC,GAAM,KAAK,SAAkB;AAAA,EAC5C,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC,IAAgB,CAAA;AAAA,EAChB,aAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,cAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC;AACF,GAAe;AACb,QAAM,CAACC,GAAeC,CAAgB,IAAIC,GAAwB,IAAI,GAEhEC,IAAgBC,GAAA,GAGhBC,IAAYX,GAAe,cAAcA,GAAe,UAAU,WAAW,SAC7EY,IAAcD,MAAc,QAC5BE,IAAiBF,MAAc,WAE/BG,IAAoB;AAAA,IACxB,YAAYd,GAAe,cAAc;AAAA,IACzC,UAAUA,GAAe,YAAY;AAAA,IACrC,aAAaA,GAAe,eAAe;AAAA,EAAA,GAIvCe,IAAkBf,GAAe,iBACjCgB,IAAmBhB,GAAe,kBAIlC,EAAE,YAAAiB,GAAY,aAAAC,GAAa,cAAAC,GAAc,aAAAC,EAAA,IAAgBC,EAAQ,MAAM;AAC3E,QAAIJ,GACAC,IAAwB,CAAA,GACxBC,IAAyB,CAAA,GACzBC,IAA6B;AAEjC,WAAIrB,GAAa,SAASA,GAAa,SAErCkB,IAAa,MAAM,QAAQlB,EAAY,KAAK,IAAIA,EAAY,MAAM,CAAC,IAAIA,EAAY,OACnFmB,IAAc,MAAM,QAAQnB,EAAY,KAAK,IAAIA,EAAY,QAAQ,CAACA,EAAY,KAAK,GACvFoB,IAAepB,EAAY,UAAU,CAAA,KAC5BA,GAAa,KAAKA,GAAa,KAExCkB,IAAalB,EAAY,GACzBmB,IAAc,MAAM,QAAQnB,EAAY,CAAC,IAAIA,EAAY,IAAI,CAACA,EAAY,CAAC,KAE3EqB,IAAc,+CAGZ,CAACA,MAAgB,CAACH,KAAc,CAACC,KAAeA,EAAY,WAAW,OACzEE,IAAc,6CAGT,EAAE,YAAAH,GAAY,aAAAC,GAAa,cAAAC,GAAc,aAAAC,EAAAA;AAAAA,EAClD,GAAG,CAACrB,CAAW,CAAC,GAGV,EAAE,MAAMuB,GAAiB,YAAAC,EAAA,IAAeF,EAAQ,MAChDD,KAAe,CAACtB,KAAQA,EAAK,WAAW,KAAK,CAACmB,IACzC,EAAE,MAAM,IAAI,YAAY,CAAA,EAAC,IAE3BO;AAAA,IACL1B;AAAA,IACAmB;AAAA,IACAC;AAAA,IACAjB;AAAA,IACAkB;AAAA,IACAV;AAAA,EAAA,GAED,CAACX,GAAMmB,GAAYC,GAAajB,GAAakB,GAAcV,GAAeW,CAAW,CAAC,GAGnFK,IAAkBJ;AAAA,IAAQ,MAC9BtB,GAAa,mBAAmB,CAAA;AAAA,IAChC,CAACA,GAAa,eAAe;AAAA,EAAA,GAIzB2B,IAA2CL,EAAQ,MAAM;AAC7D,UAAMM,IAAkC,CAAA;AACxC,WAAAT,EAAY,QAAQ,CAACU,MAAU;AAC7B,YAAMC,IAAQpB,EAAcmB,CAAK;AACjC,MAAAD,EAAQE,CAAK,IAAID;AAAA,IACnB,CAAC,GACMD;AAAA,EACT,GAAG,CAACT,GAAaT,CAAa,CAAC,GAGzBqB,IAAeZ,EAAY,KAAK,CAACU,MAAUH,EAAgBG,CAAK,MAAM,OAAO,GAG7EG,IAAiBb,EAAY,OAAO,CAACc,OAAOP,EAAgBO,CAAC,KAAK,YAAY,MAAM,GACpFC,IAAkBf,EAAY,OAAO,CAACc,MAAMP,EAAgBO,CAAC,MAAM,OAAO,GAI1E,EAAE,WAAAE,GAAW,cAAAC,EAAA,IAAiBd,EAAQ,MAAM;AAChD,QAAIC,EAAgB,WAAW,KAAKC,EAAW,WAAW;AACxD,aAAO,EAAE,WAAW,IAAI,cAAc,EAAA;AAExC,UAAMa,IAAWd,EAAgB,OAAO,CAAAe,MAE/Bd,EAAW,KAAK,CAAAe,MAAOC,GAAoBF,EAAIC,CAAG,CAAC,CAAC,CAC5D,GACKE,IAAUlB,EAAgB,SAASc,EAAS;AAClD,WAAO,EAAE,WAAWA,GAAU,cAAcI,EAAA;AAAA,EAC9C,GAAG,CAAClB,GAAiBC,CAAU,CAAC;AAGhC,MAAI;AACF,QAAI,CAACzB,KAAQA,EAAK,WAAW;AAC3B,aACE,gBAAAH,EAAC,OAAA,EAAI,WAAU,0EAAyE,OAAO,EAAE,QAAAO,EAAA,GAC/F,UAAA,gBAAAuC,EAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,QAAA,gBAAA9C,EAAC,OAAA,EAAI,WAAU,uCAAsC,UAAA,qBAAiB;AAAA,QACtE,gBAAAA,EAAC,OAAA,EAAI,WAAU,qCAAoC,UAAA,yCAAA,CAAsC;AAAA,MAAA,EAAA,CAC3F,EAAA,CACF;AAIJ,QAAIyB;AACF,aACE,gBAAAzB,EAAC,OAAA,EAAI,WAAU,uEAAsE,OAAO,EAAE,QAAAO,EAAA,GAC5F,UAAA,gBAAAuC,EAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,QAAA,gBAAA9C,EAAC,OAAA,EAAI,WAAU,uCAAsC,UAAA,uBAAmB;AAAA,QACxE,gBAAAA,EAAC,OAAA,EAAI,WAAU,cAAc,UAAAyB,EAAA,CAAY;AAAA,MAAA,EAAA,CAC3C,EAAA,CACF;AAMJ,UAAMsB,IAAuB9B,KAAe,CAACkB,GACvCa,IAA0B9B,KAAkB,CAACiB,GAC7Cc,IAAcD,IAA0B,WAAoB,QAI5DE,IAA8BtB,EAAW,WAAW,KAAKW,EAAU,KAAK,CAAAG,MAAO;AACnF,YAAMS,IAAQT,EAAId,EAAW,CAAC,CAAC;AAC/B,aAAO,OAAOuB,KAAU,YAAYA,IAAQ;AAAA,IAC9C,CAAC,GAIKC,IAAqBxB,EAAW,WAAW,KAC5C,CAACsB,KACD,CAAC1B,EAAa,UACde,EAAU,SAAS,GAGlBc,KAAalC,EAAkB,YAG/BmC,KAAe;AAAA,MACnB,GAAGC;AAAA,MACH,MAAM;AAAA;AAAA,MACN,OAAOpB,IAAe,KAAK;AAAA;AAAA,IAAA,GAIvBqB,KAAeC,GAAkBpD,GAAe,UAAU,EAAE,GAC5DqD,IAAgBC,GAAmBH,IAAcjB,EAAU,MAAM;AAGvE,QAAIqB,IAAoBrB;AASxB,WARImB,EAAc,SAAS,MACzBE,IAAoBrB,EAAU,IAAI,CAACsB,GAAW/D,OAAW;AAAA,MACvD,GAAG+D;AAAA,MACH,UAAUH,EAAc5D,CAAK,KAAK;AAAA,IAAA,EAClC,IAIA,CAACyC,KAAaA,EAAU,WAAW,IAEnC,gBAAAvC,EAAC,OAAA,EAAI,WAAU,0EAAyE,OAAO,EAAE,QAAAO,EAAA,GAC/F,UAAA,gBAAAuC,EAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,MAAA,gBAAA9C,EAAC,OAAA,EAAI,WAAU,uCAAsC,UAAA,iBAAa;AAAA,MAClE,gBAAAA,EAAC,OAAA,EAAI,WAAU,qCAAoC,UAAA,0DAAA,CAAuD;AAAA,IAAA,EAAA,CAC5G,EAAA,CACF,sBAKD,OAAA,EAAI,WAAU,yBAAwB,OAAO,EAAE,QAAAO,KAC9C,UAAA;AAAA,MAAA,gBAAAP,EAAC8D,IAAA,EAAe,QAAQtB,IAAe,IAAI,sBAAsB,QAC/D,UAAA,gBAAAM,EAACiB,IAAA,EAAc,MAAMH,GAAmB,QAAQN,IAAc,aAAAL,GAA0B,oBAAoB,IAC3G,UAAA;AAAA,QAAA9B,EAAkB,8BAChB6C,IAAA,EAAc,iBAAgB,OAAM,OAAO,EAAE,eAAe,OAAA,EAAO,CAAG;AAAA,QAEzE,gBAAAhE;AAAA,UAACiE;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,wBAAOxE,IAAA,EAAgB;AAAA,YACvB,QAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAEV,gBAAAO;AAAA,UAACkE;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,aAAY;AAAA,YACZ,MAAM,EAAE,UAAU,GAAA;AAAA,YAClB,eACElB,IACI,CAACmB,MAAM,IAAIA,IAAI,KAAK,QAAQ,CAAC,CAAC,MAC9B/C,IACE,CAAC+B,MAAUiB,EAAgBjB,GAAO/B,CAAe,IACjD;AAAA,YAER,QAAQ4B,IAA0B,CAAC,GAAG,CAAC,IAAI;AAAA,YAC3C,OACEA,IACI,SACAZ,EAAe,SAAS,IACtB;AAAA,cACE,OAAOhB,GAAiB,SAASN,EAAcsB,EAAe,CAAC,CAAC;AAAA,cAChE,OAAO;AAAA,cACP,UAAU;AAAA,cACV,OAAO,EAAE,YAAY,UAAU,UAAU,OAAA;AAAA,YAAO,IAElD;AAAA,UAAA;AAAA,QAAA;AAAA,QAGTD,KACC,gBAAAnC;AAAA,UAACkE;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,aAAY;AAAA,YACZ,MAAM,EAAE,UAAU,GAAA;AAAA,YAClB,eAAe7C,IAAmB,CAAC8B,MAAUiB,EAAgBjB,GAAO9B,CAAgB,IAAI;AAAA,YACxF,OACEiB,EAAgB,SAAS,IACrB;AAAA,cACE,OAAOjB,GAAkB,SAASP,EAAcwB,EAAgB,CAAC,CAAC;AAAA,cAClE,OAAO;AAAA,cACP,UAAU;AAAA,cACV,OAAO,EAAE,YAAY,UAAU,UAAU,OAAA;AAAA,YAAO,IAElD;AAAA,UAAA;AAAA,QAAA;AAAA,QAITnB,EAAkB,eACjB,gBAAAnB;AAAA,UAACqE;AAAA,UAAA;AAAA,YACC,WAAW,CAAClB,GAAYmB,MAAc;AAEpC,kBAAInB,KAAU;AACZ,uBAAO,CAAC,WAAWmB,CAAI;AAEzB,kBAAIA,MAAS;AAEX,uBAAO,CAACF,EAAgBjB,GAAO/B,CAAe,GAAG,cAAc;AAGjE,kBAAI4B,KAA2B,OAAOG,KAAU;AAC9C,uBAAO,CAAC,IAAIA,IAAQ,KAAK,QAAQ,CAAC,CAAC,KAAKmB,CAAI;AAG9C,oBAAMC,IAAgBxC,EAAiBuC,CAAI,GAErCE,KADSD,KAAiBzC,EAAgByC,CAAa,MAAM,UAAU,UAAU,YACvD,UAAUlD,IAAmBD;AAC7D,qBAAO,CAACgD,EAAgBjB,GAAOqB,CAAY,GAAGF,CAAI;AAAA,YACpD;AAAA,UAAA;AAAA,QAAA;AAAA,QAGHjB,MACC,gBAAArD;AAAA,UAACyE;AAAA,UAAA;AAAA,YACC,cAAc,EAAE,UAAU,QAAQ,YAAY,OAAA;AAAA,YAC9C,UAAS;AAAA,YACT,UAAU;AAAA,YACV,QAAO;AAAA,YACP,OAAM;AAAA,YACN,eAAc;AAAA,YACd,cAAc,CAACC,MAAM9D,EAAiB,OAAO8D,EAAE,WAAW,EAAE,CAAC;AAAA,YAC7D,cAAc,MAAM9D,EAAiB,IAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAG5CgB,EAAW,IAAI,CAAC+C,GAAW7E,MAAU;AAEpC,gBAAMyE,IAAgBxC,EAAiB4C,CAAS,GAC1CC,IAASL,KAAiBzC,EAAgByC,CAAa,MAAM,UAAU,UAAU;AACvF,iBACE,gBAAAzB;AAAA,YAAC+B;AAAA,YAAA;AAAA,cAEC,SAASF;AAAA,cACT,SAASC;AAAA,cACT,SAAS7B,IAAuB,UAAU;AAAA,cAC1C,MACEG,IACI4B,IACCtE,GAAc,UAAUA,EAAa,OAAOV,IAAQU,EAAa,OAAO,MAAM,KAC/EuE,EAAajF,IAAQiF,EAAa,MAAM;AAAA,cAE9C,aAAapE,IAAiBA,MAAkBgE,IAAY,IAAI,MAAO;AAAA,cACvE,QAAQjE,IAAe,YAAY;AAAA,cACnC,SAAS,CAACsE,GAAcC,GAAmBC,MAA4B;AACrE,gBAAIzE,KAAoBC,KAAgBsE,KACtCvE,EAAiB;AAAA,kBACf,WAAWmD,EAAkBqB,CAAS,KAAKD;AAAA,kBAC3C,cAAcT,KAAiBI;AAAA,kBAC/B,QAAQK,EAAQ;AAAA,kBAChB,UAAU,EAAE,GAAGE,EAAM,SAAS,GAAGA,EAAM,QAAA;AAAA,kBACvC,aAAaA;AAAA,gBAAA,CACd;AAAA,cAEL;AAAA,cAEC,UAAA;AAAA,gBAAAhC,KACCX,EAAU,IAAI,CAAC4C,GAAOC,MAAe;AACnC,wBAAMjC,IAAQgC,EAAMR,CAAS,GACvBU,KAAY,OAAOlC,KAAU,YAAYA,IAAQ,IAAImC,KAAiBR;AAC5E,yBACE,gBAAA9E;AAAA,oBAACuF;AAAA,oBAAA;AAAA,sBAEC,MAAMF;AAAA,sBACN,aAAa1E,IAAiBA,MAAkBgE,IAAY,IAAI,MAAO;AAAA,oBAAA;AAAA,oBAFlE,QAAQS,CAAU;AAAA,kBAAA;AAAA,gBAK7B,CAAC;AAAA,gBACFhC,KACCb,EAAU,IAAI,CAACiD,GAAQJ,MAAe;AACpC,wBAAMK,IAASjF,GAAc,UAAUuE;AACvC,yBACE,gBAAA/E;AAAA,oBAACuF;AAAA,oBAAA;AAAA,sBAEC,MAAME,EAAOL,IAAaK,EAAO,MAAM;AAAA,sBACvC,aAAa9E,IAAiBA,MAAkBgE,IAAY,IAAI,MAAO;AAAA,oBAAA;AAAA,oBAFlE,OAAOS,CAAU;AAAA,kBAAA;AAAA,gBAK5B,CAAC;AAAA,cAAA;AAAA,YAAA;AAAA,YA9CET;AAAA,UAAA;AAAA,QAiDX,CAAC;AAAA,QACAjB,EAAc,SAAS,KACtB,gBAAAZ,EAAA4C,IAAA,EAEE,UAAA;AAAA,UAAA,gBAAA1F;AAAA,YAAC2F;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,SAAQ;AAAA,cACR,QAAO;AAAA,cACP,aAAa;AAAA,cACb,KAAK;AAAA,cACL,WAAW;AAAA,cACX,cAAc;AAAA,YAAA;AAAA,UAAA;AAAA,UAGhB,gBAAA3F;AAAA,YAAC2F;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,QAAO;AAAA,cACP,aAAa;AAAA,cACb,iBAAgB;AAAA,cAChB,KAAK;AAAA,cACL,WAAW;AAAA,cACX,cAAc;AAAA,YAAA;AAAA,UAAA;AAAA,QAChB,EAAA,CACF;AAAA,MAAA,EAAA,CAEF,EAAA,CACF;AAAA,MACCnD,IAAe,KACd,gBAAAM,EAAC,OAAA,EAAI,WAAU,wDACZ,UAAA;AAAA,QAAAN;AAAA,QAAa;AAAA,QAAYA,MAAiB,IAAI,MAAM;AAAA,QAAG;AAAA,MAAA,EAAA,CAC1D;AAAA,IAAA,GAEJ;AAAA,EAEJ,SAASoD,GAAO;AAEd,WACE,gBAAA5F,EAAC,OAAA,EAAI,WAAU,wFAAuF,OAAO,EAAE,QAAAO,EAAA,GAC7G,UAAA,gBAAAuC,EAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,MAAA,gBAAA9C,EAAC,OAAA,EAAI,WAAU,uCAAsC,UAAA,mBAAe;AAAA,MACpE,gBAAAA,EAAC,SAAI,WAAU,sBAAsB,uBAAiB,QAAQ4F,EAAM,UAAU,0BAAA,CAA0B;AAAA,MACxG,gBAAA5F,EAAC,OAAA,EAAI,WAAU,iCAAgC,UAAA,mCAAA,CAAgC;AAAA,IAAA,EAAA,CACjF,EAAA,CACF;AAAA,EAEJ;AACF,CAAC;;;;"}

package/dist/client/chunks/{chart-box-plot-ZatBpatq.js → chart-box-plot-BXwN2rO5.js}

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as y } from "react/jsx-runtime";
 import L, { useRef as V, useState as Q, useLayoutEffect as T, useMemo as j } from "react";
-import { f as Y, c as D } from "./charts-core-CU9u_HtL.js";
+import { f as Y, c as D } from "./charts-core-B4Rbfdcn.js";
 const C = 50;
 function k(r) {
   if (r == null) return null;
@@ -319,4 +319,4 @@ const te = L.memo(function({
 export {
   te as default
 };
-//# sourceMappingURL=chart-box-plot-ZatBpatq.js.map
+//# sourceMappingURL=chart-box-plot-BXwN2rO5.js.map