drizzle-cube 0.4.53 → 0.5.0

package/dist/client/chunks/chart-activity-grid-DLktOINm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-activity-grid-DLktOINm.js","names":[],"sources":["../../../src/client/providers/CubeMetaContext.tsx","../../../src/client/utils/chartUtils.ts","../../../src/client/hooks/useCubeFieldLabel.ts","../../../src/client/theme/index.ts","../../../src/client/utils/chartConstants.ts","../../../src/client/components/charts/ActivityGridChart.tsx"],"sourcesContent":["/**\n * CubeMetaContext - Metadata context definitions.\n *\n * Split from CubeMetaProvider so consumers can access metadata context\n * without pulling in TanStack Query dependencies.\n */\n\nimport { createContext, useContext } from 'react'\nimport type { CubeMeta, FieldLabelMap } from '../types'\n\nexport interface CubeMetaContextValue {\n  meta: CubeMeta | null\n  labelMap: FieldLabelMap\n  metaLoading: boolean\n  metaError: string | null\n  getFieldLabel: (fieldName: string) => string\n  refetchMeta: () => void\n}\n\nexport const CubeMetaContext = createContext<CubeMetaContextValue | null>(null)\n\nexport function useCubeMeta() {\n  const context = useContext(CubeMetaContext)\n  if (!context) {\n    throw new Error('useCubeMeta must be used within CubeMetaProvider')\n  }\n  return context\n}\n","import type { FieldLabelMap, AxisFormatConfig } from '../types'\n\n// Utility function to check if a value is a valid numeric value (not null, undefined, or NaN)\n// This is used to preserve null values instead of converting them to 0\nexport function isValidNumericValue(value: any): boolean {\n  return value !== null && value !== undefined && !isNaN(Number(value))\n}\n\n// Utility function to parse numeric value from data, preserving nulls\n// Returns null for null/undefined/NaN values, otherwise returns the numeric value\nexport function parseNumericValue(value: any): number | null {\n  if (value === null || value === undefined) return null\n  const num = typeof value === 'string' ? parseFloat(value) : Number(value)\n  return isNaN(num) ? null : num\n}\n\n// Utility function to format numeric values for display in charts\n// Rounds to at most 2 decimal places, preserves integers\nexport function formatNumericValue(value: any): string {\n  if (value === null || value === undefined) return 'No data'\n  const num = typeof value === 'number' ? value : parseFloat(value)\n  if (isNaN(num)) return String(value)\n  if (Number.isInteger(num)) return num.toLocaleString()\n  // Round to at most 2 decimal places, remove trailing zeros\n  return parseFloat(num.toFixed(2)).toLocaleString()\n}\n\n/**\n * Format a numeric value for axis/tooltip display with configurable formatting\n *\n * @param value - The numeric value to format\n * @param config - Optional formatting configuration\n * @param locale - Optional locale string (defaults to browser locale)\n * @returns Formatted string representation of the value\n *\n * @example\n * formatAxisValue(1250000, { unit: 'currency', abbreviate: true }) // \"$1.25M\"\n * formatAxisValue(0.75, { unit: 'percent', decimals: 1 }) // \"75.0%\"\n * formatAxisValue(1234567, { abbreviate: true, decimals: 2 }) // \"1.23M\"\n */\nexport function formatAxisValue(\n  value: number | null | undefined,\n  config?: AxisFormatConfig,\n  locale?: string\n): string {\n  // Handle null/undefined\n  if (value === null || value === undefined) {\n    return 'No data'\n  }\n\n  // Handle non-numeric values\n  const num = typeof value === 'number' ? value : parseFloat(String(value))\n  if (isNaN(num)) {\n    return String(value)\n  }\n\n  // Handle special cases\n  if (!isFinite(num)) {\n    return num > 0 ? '∞' : '-∞'\n  }\n\n  // Get locale (default to browser locale)\n  const effectiveLocale = locale || (typeof navigator !== 'undefined' ? navigator.language : 'en-US')\n\n  // If no config provided, use default formatting\n  if (!config) {\n    return formatNumericValue(value)\n  }\n\n  const { unit, abbreviate = true, decimals, customPrefix, customSuffix } = config\n\n  // Calculate the display value and suffix for abbreviation\n  // Default to true for abbreviation when config is provided\n  let displayValue = num\n  let abbreviationSuffix = ''\n\n  if (abbreviate) {\n    const absNum = Math.abs(num)\n    if (absNum >= 1_000_000_000) {\n      displayValue = num / 1_000_000_000\n      abbreviationSuffix = 'B'\n    } else if (absNum >= 1_000_000) {\n      displayValue = num / 1_000_000\n      abbreviationSuffix = 'M'\n    } else if (absNum >= 1_000) {\n      displayValue = num / 1_000\n      abbreviationSuffix = 'K'\n    }\n  }\n\n  // Determine decimal places\n  // If decimals is undefined, use auto (2 for non-integers, 0 for integers after abbreviation)\n  const effectiveDecimals = decimals !== undefined\n    ? decimals\n    : (Number.isInteger(displayValue) ? 0 : 2)\n\n  // Format based on unit type\n  switch (unit) {\n    case 'currency': {\n      // Use Intl.NumberFormat for currency\n      // Currency code is determined by locale (USD for en-US, EUR for de-DE, etc.)\n      const currencyCode = getCurrencyCodeForLocale(effectiveLocale)\n\n      if (abbreviate && abbreviationSuffix) {\n        // For abbreviated currency, format the number part and add suffix\n        const formatted = new Intl.NumberFormat(effectiveLocale, {\n          style: 'currency',\n          currency: currencyCode,\n          minimumFractionDigits: effectiveDecimals,\n          maximumFractionDigits: effectiveDecimals,\n        }).format(displayValue)\n        // Insert abbreviation suffix before any trailing currency symbol or at end\n        // Handle both \"$1.25\" -> \"$1.25M\" and \"1.25 €\" -> \"1.25M €\"\n        const parts = new Intl.NumberFormat(effectiveLocale, {\n          style: 'currency',\n          currency: currencyCode,\n        }).formatToParts(displayValue)\n        const hasTrailingCurrency = parts[parts.length - 1]?.type === 'currency'\n        if (hasTrailingCurrency) {\n          // Currency symbol is at the end (e.g., \"1.25 €\")\n          return formatted.replace(/(\\s*[^\\d\\s]+)$/, abbreviationSuffix + '$1')\n        }\n        return formatted + abbreviationSuffix\n      }\n\n      return new Intl.NumberFormat(effectiveLocale, {\n        style: 'currency',\n        currency: currencyCode,\n        minimumFractionDigits: effectiveDecimals,\n        maximumFractionDigits: effectiveDecimals,\n      }).format(displayValue)\n    }\n\n    case 'percent': {\n      // Format as percentage (multiply by 100 if value is 0-1 range, otherwise use as-is)\n      // Assume values > 1 are already percentages, values <= 1 need multiplication\n      const percentValue = Math.abs(displayValue) <= 1 && !abbreviate ? displayValue * 100 : displayValue\n      const formatted = new Intl.NumberFormat(effectiveLocale, {\n        minimumFractionDigits: effectiveDecimals,\n        maximumFractionDigits: effectiveDecimals,\n      }).format(percentValue)\n      return formatted + abbreviationSuffix + '%'\n    }\n\n    case 'custom': {\n      // Apply custom prefix/suffix\n      const prefix = customPrefix || ''\n      const suffix = customSuffix || ''\n      const formatted = new Intl.NumberFormat(effectiveLocale, {\n        minimumFractionDigits: effectiveDecimals,\n        maximumFractionDigits: effectiveDecimals,\n      }).format(displayValue)\n      return prefix + formatted + abbreviationSuffix + suffix\n    }\n\n    case 'number':\n    default: {\n      // Standard number formatting with locale-aware grouping\n      const formatted = new Intl.NumberFormat(effectiveLocale, {\n        minimumFractionDigits: effectiveDecimals,\n        maximumFractionDigits: effectiveDecimals,\n      }).format(displayValue)\n      return formatted + abbreviationSuffix\n    }\n  }\n}\n\n/**\n * Get the currency code for a given locale\n * Maps common locales to their default currency\n */\nfunction getCurrencyCodeForLocale(locale: string): string {\n  // Extract language and region from locale (e.g., \"en-US\" -> [\"en\", \"US\"])\n  const parts = locale.split('-')\n  const region = parts[1]?.toUpperCase()\n\n  // Map regions to currencies\n  const currencyMap: Record<string, string> = {\n    'US': 'USD',\n    'CA': 'CAD',\n    'GB': 'GBP',\n    'UK': 'GBP',\n    'AU': 'AUD',\n    'NZ': 'NZD',\n    'EU': 'EUR',\n    'DE': 'EUR',\n    'FR': 'EUR',\n    'IT': 'EUR',\n    'ES': 'EUR',\n    'NL': 'EUR',\n    'BE': 'EUR',\n    'AT': 'EUR',\n    'IE': 'EUR',\n    'PT': 'EUR',\n    'FI': 'EUR',\n    'JP': 'JPY',\n    'CN': 'CNY',\n    'KR': 'KRW',\n    'IN': 'INR',\n    'BR': 'BRL',\n    'MX': 'MXN',\n    'CH': 'CHF',\n    'SE': 'SEK',\n    'NO': 'NOK',\n    'DK': 'DKK',\n    'PL': 'PLN',\n    'RU': 'RUB',\n    'ZA': 'ZAR',\n    'SG': 'SGD',\n    'HK': 'HKD',\n    'TW': 'TWD',\n    'TH': 'THB',\n    'MY': 'MYR',\n    'PH': 'PHP',\n    'ID': 'IDR',\n    'VN': 'VND',\n    'AE': 'AED',\n    'SA': 'SAR',\n    'IL': 'ILS',\n    'TR': 'TRY',\n  }\n\n  return currencyMap[region] || 'USD'\n}\n\n/**\n * Create a tick formatter function for Recharts axes\n * Returns a function that can be used as tickFormatter prop\n */\nexport function createAxisTickFormatter(config?: AxisFormatConfig): (value: any) => string {\n  return (value: any) => formatAxisValue(value, config)\n}\n\n// Utility function to get field label from field name\nexport function getFieldLabel(fieldName: string, labelMap: FieldLabelMap): string {\n  return labelMap[fieldName] || fieldName\n}\n\n// Utility function to transform series keys to use labels\nexport function transformSeriesKeysWithLabels(seriesKeys: string[], labelMap: FieldLabelMap): string[] {\n  return seriesKeys.map(key => getFieldLabel(key, labelMap))\n}\n\n// Utility function to format time values for better display using known granularity\nexport function formatTimeValue(value: any, granularity?: string): string {\n\n  if (!value) return 'Unknown'\n  \n  const str = String(value)\n  \n  // Check if it's a timestamp (ISO format or PostgreSQL format)\n  // Handles formats like: \"2025-04-01T00:00:00.000\" or \"2023-02-01 00:00:00+00\"\n  if (str.match(/^\\d{4}-\\d{2}-\\d{2}[T ]\\d{2}:\\d{2}:\\d{2}/)) {\n    // Convert PostgreSQL format to ISO format if needed\n    let isoStr = str\n    if (str.includes(' ')) {\n      // Convert \"2023-02-01 00:00:00+00\" to \"2023-02-01T00:00:00Z\"\n      isoStr = str.replace(' ', 'T').replace('+00', 'Z').replace(/\\+\\d{2}:\\d{2}$/, 'Z')\n    }\n    // Ensure the timestamp ends with 'Z' if not present\n    if (!isoStr.endsWith('Z') && !isoStr.includes('+')) {\n      isoStr = isoStr + 'Z'\n    }\n    const date = new Date(isoStr)\n    \n    // Ensure we're working with valid date\n    if (isNaN(date.getTime())) {\n      return str\n    }\n    \n    // Use UTC methods on the properly UTC-parsed date\n    const year = date.getUTCFullYear()\n    const month = String(date.getUTCMonth() + 1).padStart(2, '0')\n    const day = String(date.getUTCDate()).padStart(2, '0')\n    const hours = date.getUTCHours()\n    const minutes = date.getUTCMinutes()\n    \n    // Format based on known granularity if provided\n    if (granularity) {\n      switch (granularity.toLowerCase()) {\n        case 'year':\n          return `${year}`\n        case 'quarter': {\n          const quarter = Math.floor(date.getUTCMonth() / 3) + 1\n          return `${year}-Q${quarter}`\n        }\n        case 'month':\n          return `${year}-${month}`\n        case 'week':\n          // For week, we could calculate week number, but let's use date for simplicity\n          return `${year}-${month}-${day}`\n        case 'day':\n          return `${year}-${month}-${day}`\n        case 'hour':\n          return `${year}-${month}-${day} ${String(hours).padStart(2, '0')}:00`\n        case 'minute':\n          return `${year}-${month}-${day} ${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}`\n        default:\n          // Unknown granularity, fall back to heuristic\n          break\n      }\n    }\n    \n    // Fallback heuristic if granularity not provided or unknown\n    const seconds = date.getUTCSeconds()\n    const milliseconds = date.getUTCMilliseconds()\n    \n    // If it's the first day of the month at exactly midnight UTC, it's likely a month granularity\n    if (day === '01' && hours === 0 && minutes === 0 && seconds === 0 && milliseconds === 0) {\n      // Check if it's also first month of a quarter (quarter granularity)\n      if (month === '01' || month === '04' || month === '07' || month === '10') {\n        const quarter = Math.floor(date.getUTCMonth() / 3) + 1\n        return `${year}-Q${quarter}`\n      }\n      // Month granularity\n      return `${year}-${month}`\n    }\n    \n    // If it's exactly midnight UTC, it's likely a day granularity\n    if (hours === 0 && minutes === 0 && seconds === 0 && milliseconds === 0) {\n      return `${year}-${month}-${day}`\n    }\n    \n    // If it has time components, include them (hour/minute granularity)\n    if (minutes === 0 && seconds === 0 && milliseconds === 0) {\n      // Hour granularity\n      return `${year}-${month}-${day} ${String(hours).padStart(2, '0')}:00`\n    }\n    \n    // Full timestamp\n    return `${year}-${month}-${day} ${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}`\n  }\n  \n  // Return as-is if not a timestamp\n  return str\n}\n\n// Helper function to get granularity for a field from the query timeDimensions\nexport function getFieldGranularity(queryObject: any, fieldName: string): string | undefined {\n  try {\n    if (queryObject?.timeDimensions) {\n      // Find the timeDimension that matches this field\n      const timeDim = queryObject.timeDimensions.find((td: any) => {\n        // Check if field name matches the dimension or dimension with granularity suffix\n        return fieldName === td.dimension || \n               fieldName.startsWith(td.dimension.replace('.', '_')) ||\n               fieldName === `${td.dimension}_${td.granularity}`\n      })\n      \n      if (timeDim?.granularity) {\n        return timeDim.granularity\n      }\n    }\n    \n    // Fallback: extract granularity from field name suffix if present\n    const granularityMatch = fieldName.match(/_([a-z]+)$/)\n    if (granularityMatch) {\n      const suffix = granularityMatch[1]\n      // Only return if it's a valid granularity\n      if (['year', 'quarter', 'month', 'week', 'day', 'hour', 'minute', 'second'].includes(suffix)) {\n        return suffix\n      }\n    }\n    \n    return undefined\n  } catch {\n    return undefined\n  }\n}\n\n// Transform data for charts with proper type handling\n// NOTE: Preserves null values to allow charts to handle gaps/missing data appropriately\nexport function transformChartData(\n  data: any[],\n  xAxisField: string,\n  yAxisFields: string[],\n  queryObject: any,\n  getFieldLabelFn: (fieldName: string) => string = (fieldName) => fieldName\n) {\n  if (!data || data.length === 0) return []\n\n  const granularity = getFieldGranularity(queryObject, xAxisField)\n\n  return data.map((row: any) => {\n    const transformed: any = {\n      name: formatTimeValue(row[xAxisField], granularity) || row[xAxisField] || 'Unknown',\n    }\n\n    yAxisFields.forEach(field => {\n      const displayName = getFieldLabelFn(field)\n      if (displayName === '__proto__' || displayName === 'constructor' || displayName === 'prototype') return\n      // Preserve null values instead of converting to 0\n      transformed[displayName] = parseNumericValue(row[field])\n    })\n\n    return transformed\n  })\n}\n\nexport interface ChartSeriesResult {\n  data: any[]\n  seriesKeys: string[]\n  hasDimensions: boolean\n}\n\n// Advanced data transformation that handles both measures and dimensions on Y-axis\n// NOTE: Preserves null values to allow charts to handle gaps/missing data appropriately\nexport function transformChartDataWithSeries(\n  data: any[],\n  xAxisField: string,\n  yAxisFields: string[],\n  queryObject: any,\n  seriesFields?: string[], // New optional parameter for explicit series fields\n  getFieldLabelFn: (fieldName: string) => string = (fieldName) => fieldName // Function to get field labels\n): ChartSeriesResult {\n  if (!data || data.length === 0) {\n    return { data: [], seriesKeys: [], hasDimensions: false }\n  }\n\n  const originalQuery = queryObject || {}\n  const queryDimensions = [\n    ...(originalQuery.dimensions || []),\n    ...(originalQuery.timeDimensions?.map((td: any) => td.dimension) || [])\n  ]\n  const queryMeasures = originalQuery.measures || []\n\n  // Use explicit series fields if provided, otherwise no dimension-based series\n  const yAxisMeasures = yAxisFields.filter(field => queryMeasures.includes(field))\n  const yAxisDimensions = (seriesFields || []).filter(field => queryDimensions.includes(field))\n\n  // Handle complex case with dimensions on Y-axis\n  if (yAxisDimensions.length > 0) {\n    // Group data by X-axis field and create separate series for dimension values\n    const groupedData: { [key: string]: any } = {}\n\n    data.forEach((row: any) => {\n      const granularity = getFieldGranularity(queryObject, xAxisField)\n      const xValue = formatTimeValue(row[xAxisField], granularity) || row[xAxisField] || 'Unknown'\n      if (xValue === '__proto__' || xValue === 'constructor' || xValue === 'prototype') return\n      if (!groupedData[xValue]) {\n        groupedData[xValue] = { name: String(xValue) }\n      }\n\n      // Add measures - preserve nulls for individual measures\n      yAxisMeasures.forEach(measure => {\n        const displayName = getFieldLabelFn(measure)\n        if (displayName === '__proto__' || displayName === 'constructor' || displayName === 'prototype') return\n        const measureValue = parseNumericValue(row[measure])\n\n        // For aggregation: sum non-null values, preserve null if all are null\n        if (measureValue !== null) {\n          const currentValue = groupedData[xValue][displayName]\n\n          groupedData[xValue][displayName] = (currentValue === null || currentValue === undefined)\n            ? measureValue\n            : currentValue + measureValue\n        } else if (!(displayName in groupedData[xValue])) {\n          // Only set to null if no value exists yet\n          groupedData[xValue][displayName] = null\n        }\n      })\n\n      // Add dimensions as separate series (aggregate measure values by dimension)\n      yAxisDimensions.forEach(dimension => {\n        const dimValue = row[dimension]\n        if (dimValue !== undefined && dimValue !== null) {\n          const seriesName = String(dimValue)\n          // Aggregate the first measure for this dimension value, or use totalCost if available\n          const measureToAggregate = yAxisMeasures[0] || queryMeasures.find((m: string) =>\n            m.includes('totalCost') || m.includes('count') || m.includes('sum')\n          ) || queryMeasures[0]\n\n          if (measureToAggregate) {\n            if (seriesName === '__proto__' || seriesName === 'constructor' || seriesName === 'prototype') return\n            const measureValue = parseNumericValue(row[measureToAggregate])\n\n            // For dimension series: sum non-null values, preserve null if all are null\n            if (measureValue !== null) {\n              const currentValue = groupedData[xValue][seriesName]\n\n              groupedData[xValue][seriesName] = (currentValue === null || currentValue === undefined)\n                ? measureValue\n                : currentValue + measureValue\n            } else if (!(seriesName in groupedData[xValue])) {\n              // Only set to null if no value exists yet\n              groupedData[xValue][seriesName] = null\n            }\n          }\n        }\n      })\n    })\n    \n    const chartData = Object.values(groupedData)\n    \n    // Get all series keys for rendering\n    // When dimensions are on Y-axis, only show dimension series, not measures\n    // The measures are the values being aggregated for each dimension series\n    const dimensionSeries = Array.from(new Set(\n      data.flatMap((row: any) => \n        yAxisDimensions.map(dimension => {\n          const value = row[dimension]\n          return value !== undefined && value !== null \n            ? String(value)\n            : null\n        }).filter((value): value is string => value !== null)\n      )\n    ))\n    \n    return {\n      data: chartData,\n      seriesKeys: dimensionSeries,\n      hasDimensions: true\n    }\n  }\n  \n  // Standard measures-only path\n  const chartData = transformChartData(data, xAxisField, yAxisFields, queryObject, getFieldLabelFn)\n  const seriesKeys = yAxisFields.map(field => getFieldLabelFn(field))\n  \n  return {\n    data: chartData,\n    seriesKeys,\n    hasDimensions: false\n  }\n}","/**\n * Optimized hook that only subscribes to field label functionality\n * from CubeMeta context. This prevents re-renders when unrelated\n * contexts (CubeApi, Features) change.\n *\n * Use this instead of useCubeContext() when you only need getFieldLabel.\n */\n\nimport { useContext, useMemo } from 'react'\nimport { CubeMetaContext, type CubeMetaContextValue } from '../providers/CubeMetaContext'\n\n/**\n * Returns a stable reference to the getFieldLabel function.\n * Components using this hook will only re-render when the field label\n * mapping actually changes, not when unrelated API or feature contexts update.\n *\n * @returns Function to get human-readable label for a field name\n * @throws Error if used outside CubeProvider\n */\nexport function useCubeFieldLabel(): (fieldName: string) => string {\n  const context = useContext(CubeMetaContext) as CubeMetaContextValue | null\n\n  if (!context) {\n    throw new Error('useCubeFieldLabel must be used within CubeProvider')\n  }\n\n  // Return stable reference - only changes when getFieldLabel itself changes\n  return useMemo(() => context.getFieldLabel, [context.getFieldLabel])\n}\n","/**\n * Theme utilities and TypeScript types for drizzle-cube theming system\n */\n\n/**\n * Semantic color tokens used throughout drizzle-cube components\n */\nexport interface ThemeColorTokens {\n  // Surface colors\n  surface: string\n  surfaceSecondary: string\n  surfaceTertiary: string\n  surfaceHover: string\n\n  // Text colors\n  text: string\n  textSecondary: string\n  textMuted: string\n  textDisabled: string\n\n  // Border colors\n  border: string\n  borderSecondary: string\n  borderHover: string\n\n  // Primary colors\n  primary: string\n  primaryHover: string\n  primaryContent: string\n\n  // Semantic state colors\n  success: string\n  successBg: string\n  successBorder: string\n\n  warning: string\n  warningBg: string\n  warningBorder: string\n\n  error: string\n  errorBg: string\n  errorBorder: string\n\n  info: string\n  infoBg: string\n  infoBorder: string\n\n  // Danger colors\n  danger: string\n  dangerHover: string\n  dangerBg: string\n\n  // Overlay colors\n  overlay: string\n  overlayLight: string\n}\n\n/**\n * Theme configuration interface\n */\nexport interface ThemeConfig {\n  name: string\n  colors: Partial<ThemeColorTokens>\n}\n\n/**\n * Get the current value of a theme CSS variable\n */\nexport function getThemeVariable(variableName: string): string {\n  if (typeof window === 'undefined') return ''\n\n  return getComputedStyle(document.documentElement)\n    .getPropertyValue(`--dc-${variableName}`)\n    .trim()\n}\n\n/**\n * Set a theme CSS variable\n */\nexport function setThemeVariable(variableName: string, value: string): void {\n  if (typeof window === 'undefined') return\n\n  document.documentElement.style.setProperty(`--dc-${variableName}`, value)\n}\n\n/**\n * Apply a complete theme configuration\n */\nexport function applyTheme(theme: ThemeConfig): void {\n  if (typeof window === 'undefined') return\n\n  Object.entries(theme.colors).forEach(([key, value]) => {\n    if (value) {\n      // Convert camelCase to kebab-case\n      const cssVarName = key.replace(/[A-Z]/g, letter => `-${letter.toLowerCase()}`)\n      setThemeVariable(cssVarName, value)\n    }\n  })\n}\n\n/**\n * Reset theme to defaults by removing custom properties\n */\nexport function resetTheme(): void {\n  if (typeof window === 'undefined') return\n\n  const styleElement = document.documentElement.style\n  const properties = Array.from(styleElement)\n\n  properties.forEach(prop => {\n    if (prop.startsWith('--dc-')) {\n      styleElement.removeProperty(prop)\n    }\n  })\n}\n\n/**\n * Theme type definition\n */\nexport type Theme = 'light' | 'dark' | 'neon'\n\n/**\n * Get the current theme\n */\nexport function getTheme(): Theme {\n  if (typeof window === 'undefined') return 'light'\n\n  // Check localStorage first\n  const stored = localStorage.getItem('theme')\n  if (stored === 'dark' || stored === 'neon' || stored === 'light') {\n    return stored\n  }\n\n  // Check for data-theme attribute\n  const dataTheme = document.documentElement.getAttribute('data-theme')\n  if (dataTheme === 'dark' || dataTheme === 'neon') {\n    return dataTheme\n  }\n\n  // Check for dark class\n  if (document.documentElement.classList.contains('dark') ||\n      document.body.classList.contains('dark')) {\n    return 'dark'\n  }\n\n  // Check for neon class\n  if (document.documentElement.classList.contains('neon') ||\n      document.body.classList.contains('neon')) {\n    return 'neon'\n  }\n\n  // Check system preference\n  if (window.matchMedia('(prefers-color-scheme: dark)').matches) {\n    return 'dark'\n  }\n\n  return 'light'\n}\n\n/**\n * Set the theme\n */\nexport function setTheme(theme: Theme): void {\n  if (typeof window === 'undefined') return\n\n  // Remove all theme classes\n  document.documentElement.classList.remove('dark', 'neon')\n\n  // Set data-theme attribute\n  document.documentElement.setAttribute('data-theme', theme)\n\n  // Add appropriate class for backwards compatibility\n  if (theme === 'dark' || theme === 'neon') {\n    document.documentElement.classList.add(theme)\n  }\n\n  // Persist to localStorage\n  localStorage.setItem('theme', theme)\n}\n\n/**\n * Detect if dark mode is currently active (backwards compatibility)\n * @deprecated Use getTheme() instead\n */\nexport function isDarkMode(): boolean {\n  const theme = getTheme()\n  return theme === 'dark' || theme === 'neon'\n}\n\n/**\n * Watch for theme changes\n */\nexport function watchThemeChanges(callback: (theme: Theme) => void): () => void {\n  if (typeof window === 'undefined') return () => {}\n\n  // Watch for class changes on html element\n  const observer = new MutationObserver(() => {\n    callback(getTheme())\n  })\n\n  observer.observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: ['class', 'data-theme']\n  })\n\n  // Watch for system preference changes\n  const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')\n  const mediaListener = () => callback(getTheme())\n  mediaQuery.addEventListener('change', mediaListener)\n\n  // Return cleanup function\n  return () => {\n    observer.disconnect()\n    mediaQuery.removeEventListener('change', mediaListener)\n  }\n}\n\n/**\n * Example theme configurations\n */\nexport const THEME_PRESETS = {\n  light: {\n    name: 'light' as const,\n    colors: {\n      surface: '#ffffff',\n      surfaceSecondary: '#f9fafb',\n      text: '#111827',\n      textSecondary: '#374151',\n      textMuted: '#6b7280',\n      border: '#e5e7eb',\n      primary: '#3b82f6',\n      primaryHover: '#2563eb',\n    }\n  },\n  dark: {\n    name: 'dark' as const,\n    colors: {\n      surface: '#1e293b',\n      surfaceSecondary: '#334155',\n      text: '#f1f5f9',\n      textSecondary: '#e2e8f0',\n      textMuted: '#cbd5e1',\n      border: '#475569',\n      primary: '#60a5fa',\n      primaryHover: '#3b82f6',\n    }\n  },\n  neon: {\n    name: 'neon' as const,\n    colors: {\n      surface: '#0a0118',\n      surfaceSecondary: '#1a0f2e',\n      surfaceTertiary: '#2a1f3e',\n      text: '#ffffff',\n      textSecondary: '#e0e0ff',\n      textMuted: '#b0b0d0',\n      border: '#ff00ff',\n      borderSecondary: '#00ffff',\n      primary: '#00ffff',\n      primaryHover: '#00cccc',\n      primaryContent: '#000000',\n      success: '#00ff00',\n      warning: '#ffff00',\n      error: '#ff0066',\n      info: '#00ffff',\n      danger: '#ff1493',\n    }\n  }\n} as const\n","// Default color palette for charts - used as fallback when no dashboard palette is specified\n// These are now part of the 'default' palette in the unified color palette system\nexport const CHART_COLORS = [\n  '#3b82f6', // blue\n  '#10b981', // green\n  '#f59e0b', // yellow\n  '#ef4444', // red\n  '#8b5cf6', // purple\n  '#f97316', // orange\n  '#06b6d4', // cyan\n  '#84cc16', // lime\n]\n\n// Default gradient colors for continuous numeric scales - used as fallback\n// These are now part of the 'default' palette in the unified color palette system\nexport const CHART_COLORS_GRADIENT = [\n  '#440154', // dark purple\n  '#414487', // purple-blue\n  '#2a788e', // teal\n  '#22a884', // green-teal  \n  '#7ad151', // green\n  '#fde725', // yellow\n]\n\n// Colors for positive/negative values\nexport const POSITIVE_COLOR = '#10b981' // green\nexport const NEGATIVE_COLOR = '#ef4444' // red\n\nexport const CHART_MARGINS = {\n  top: 5,\n  right: 30,\n  left: 20,\n  bottom: 5\n}\n\nexport const RESPONSIVE_CHART_MARGINS = {\n  top: 5,\n  right: 30,\n  left: 20,\n  bottom: 60 // Extra space for rotated labels\n}","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"],"mappings":"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"}

package/dist/client/chunks/chart-area-BwYaflNk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-area-BwYaflNk.js","names":[],"sources":["../../../src/client/components/LoadingIndicator.tsx","../../../src/client/components/charts/ChartContainer.tsx","../../../src/client/components/charts/ChartTooltip.tsx","../../../src/client/components/charts/AngledXAxisTick.tsx","../../../src/client/utils/targetUtils.ts","../../../src/client/components/charts/AreaChart.tsx"],"sourcesContent":["/**\n * LoadingIndicator Component\n *\n * A centralized, theme-aware loading spinner that uses CSS variables\n * for consistent styling across all drizzle-cube components.\n *\n * Can be overridden at the Dashboard or Portlet level by passing a\n * custom loadingComponent prop.\n */\n\nexport interface LoadingIndicatorProps {\n  /** Size variant: 'xs' (12px), 'sm' (24px), 'md' (32px), 'lg' (48px) */\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n  /** Additional CSS classes */\n  className?: string\n}\n\nconst sizeClasses = {\n  xs: 'dc:h-3 dc:w-3',\n  sm: 'dc:h-6 dc:w-6',\n  md: 'dc:h-8 dc:w-8',\n  lg: 'dc:h-12 dc:w-12'\n}\n\nexport default function LoadingIndicator({\n  size = 'md',\n  className = ''\n}: LoadingIndicatorProps) {\n  return (\n    <div\n      className={`dc:animate-spin dc:rounded-full dc:border-b-2 ${sizeClasses[size]} ${className}`}\n      style={{ borderBottomColor: 'var(--dc-primary)' }}\n      role=\"status\"\n      aria-label=\"Loading\"\n    />\n  )\n}\n","import { ReactElement, useState, useRef, useLayoutEffect, startTransition } from 'react'\nimport { ResponsiveContainer } from 'recharts'\nimport LoadingIndicator from '../LoadingIndicator'\n\ninterface ChartContainerProps {\n  children: ReactElement\n  height?: string | number\n}\n\nexport default function ChartContainer({ children, height = \"100%\" }: ChartContainerProps) {\n  // Track if container is ready to render ResponsiveContainer\n  // We need to wait for the container to be in the DOM with valid dimensions\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [isReady, setIsReady] = useState(false)\n  const [containerSize, setContainerSize] = useState({ width: 0, height: 0 })\n  const sizeRef = useRef({ width: 0, height: 0 })\n  const readyRef = useRef(false)\n  const pendingSizeRef = useRef<{ width: number; height: number } | null>(null)\n  const frameRef = useRef<number | null>(null)\n\n  // Use useLayoutEffect to measure before paint\n  useLayoutEffect(() => {\n    let mounted = true\n    let resizeObserver: ResizeObserver | null = null\n\n    const flushPendingSize = () => {\n      frameRef.current = null\n      if (!mounted) return\n      const pending = pendingSizeRef.current\n      pendingSizeRef.current = null\n      if (!pending) return\n\n      const nextWidth = Math.round(pending.width)\n      const nextHeight = Math.round(pending.height)\n      if (nextWidth <= 0 || nextHeight <= 0) return\n\n      const sizeChanged =\n        sizeRef.current.width !== nextWidth || sizeRef.current.height !== nextHeight\n      const shouldBecomeReady = !readyRef.current\n\n      if (!sizeChanged && !shouldBecomeReady) return\n\n      sizeRef.current = { width: nextWidth, height: nextHeight }\n      readyRef.current = true\n\n      // Resize-driven chart updates can come in bursts (one per portlet).\n      // Transitioning these avoids blocking urgent input and coalesces visual work.\n      startTransition(() => {\n        if (sizeChanged) {\n          setContainerSize({ width: nextWidth, height: nextHeight })\n        }\n        if (shouldBecomeReady) {\n          setIsReady(true)\n        }\n      })\n    }\n\n    const scheduleSizeUpdate = (width: number, height: number) => {\n      pendingSizeRef.current = { width, height }\n      if (frameRef.current === null) {\n        frameRef.current = requestAnimationFrame(flushPendingSize)\n      }\n    }\n\n    const measureAndSetReady = () => {\n      if (!mounted || !containerRef.current) return\n\n      const rect = containerRef.current.getBoundingClientRect()\n      // Check both clientWidth/Height AND getBoundingClientRect for robustness\n      const width = Math.max(containerRef.current.clientWidth, rect.width)\n      const measuredHeight = Math.max(containerRef.current.clientHeight, rect.height)\n\n      if (width > 0 && measuredHeight > 0) {\n        scheduleSizeUpdate(width, measuredHeight)\n      }\n    }\n\n    // Set up ResizeObserver to detect when container gets valid dimensions\n    resizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        const { width, height: entryHeight } = entry.contentRect\n        if (width > 0 && entryHeight > 0) {\n          scheduleSizeUpdate(width, entryHeight)\n        }\n      }\n    })\n\n    if (containerRef.current) {\n      resizeObserver.observe(containerRef.current)\n      // Also try immediate measurement\n      measureAndSetReady()\n    }\n\n    return () => {\n      mounted = false\n      if (frameRef.current !== null) {\n        cancelAnimationFrame(frameRef.current)\n        frameRef.current = null\n      }\n      resizeObserver?.disconnect()\n    }\n  }, [])\n\n  try {\n    if (height === \"100%\") {\n      // For 100% height, make the container fill the available flex space with proper sizing\n      // user-select: none prevents browser selection box from appearing when clicking/dragging on charts\n      return (\n        <div\n          ref={containerRef}\n          className=\"dc:w-full dc:h-full dc:flex-1 dc:flex dc:flex-col dc:relative\"\n          style={{ minHeight: '250px', minWidth: '100px', overflow: 'hidden', userSelect: 'none' }}\n        >\n          {isReady && containerSize.width > 0 && containerSize.height > 0 ? (\n            <ResponsiveContainer\n              width={containerSize.width}\n              height={containerSize.height - 16}\n              debounce={100}\n              style={{ marginTop: '16px' }}\n            >\n              {children}\n            </ResponsiveContainer>\n          ) : (\n            <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full\">\n              <LoadingIndicator size=\"sm\" />\n            </div>\n          )}\n        </div>\n      )\n    }\n\n    // For specific heights, use them directly\n    // user-select: none prevents browser selection box from appearing when clicking/dragging on charts\n    const containerStyle = {\n      height: typeof height === 'number' ? `${height}px` : height,\n      width: '100%',\n      minHeight: '200px',\n      minWidth: '100px',\n      userSelect: 'none' as const\n    }\n\n    return (\n      <div\n        ref={containerRef}\n        className=\"dc:w-full dc:flex dc:flex-col dc:relative\"\n        style={{ ...containerStyle, overflow: 'hidden' }}\n      >\n        {isReady && containerSize.width > 0 && containerSize.height > 0 ? (\n          <ResponsiveContainer\n            width={containerSize.width}\n            height={containerSize.height - 16}\n            debounce={100}\n            style={{ marginTop: '16px' }}\n          >\n            {children}\n          </ResponsiveContainer>\n        ) : (\n          <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full\">\n            <LoadingIndicator size=\"sm\" />\n          </div>\n        )}\n      </div>\n    )\n  } catch (error) {\n    // ChartContainer ResponsiveContainer error\n\n    return (\n      <div\n        className=\"dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full dc:h-full dc:p-4 dc:text-center dc:border dc:border-dashed dc:rounded-lg\"\n        style={{ height, borderColor: 'var(--dc-border)', backgroundColor: 'var(--dc-surface)' }}\n      >\n        <div className=\"dc:text-sm dc:font-semibold dc:mb-1 text-dc-text-muted\">Unable to display chart</div>\n        <div className=\"dc:text-xs text-dc-text-secondary\">\n          {error instanceof Error ? error.message : 'Failed to create responsive container'}\n        </div>\n      </div>\n    )\n  }\n}\n","import React from 'react'\nimport { Tooltip } from 'recharts'\nimport { formatNumericValue } from '../../utils/chartUtils'\n\ninterface ChartTooltipProps {\n  formatter?: (value: any, name: any, props: any) => [React.ReactText, React.ReactText]\n  labelFormatter?: (label: any, payload?: readonly any[]) => React.ReactText\n}\n\n// Default formatter that rounds numeric values to at most 2 decimal places\nconst defaultFormatter = (value: any, name: any): [React.ReactText, React.ReactText] => {\n  if (value === null || value === undefined) {\n    return ['No data', name]\n  }\n  return [formatNumericValue(value), name]\n}\n\nexport default function ChartTooltip({ formatter, labelFormatter }: ChartTooltipProps) {\n  return (\n    <Tooltip\n      formatter={formatter || defaultFormatter}\n      labelFormatter={labelFormatter}\n      contentStyle={{\n        backgroundColor: 'white',\n        border: '1px solid #e5e7eb',\n        borderRadius: '0.5rem',\n        fontSize: '0.875rem',\n        color: '#1f2937',\n        boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',\n        padding: '8px 12px'\n      }}\n    />\n  )\n}","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","/**\n * Utility functions for handling target values in charts\n */\n\n/**\n * Parse target values from string format\n * @param targetString - String containing target values (e.g., \"100\" or \"50,75,100\")\n * @returns Array of numeric target values\n */\nexport function parseTargetValues(targetString: string): number[] {\n  if (!targetString || typeof targetString !== 'string') {\n    return []\n  }\n\n  const trimmed = targetString.trim()\n  if (!trimmed) {\n    return []\n  }\n\n  try {\n    // Split by comma and parse each value\n    const values = trimmed\n      .split(',')\n      .map(val => val.trim())\n      .filter(val => val !== '')\n      .map(val => {\n        const num = parseFloat(val)\n        if (isNaN(num)) {\n          throw new Error(`Invalid numeric value: ${val}`)\n        }\n        return num\n      })\n\n    return values.length > 0 ? values : []\n  } catch (error) {\n    console.warn('Failed to parse target values:', error)\n    return []\n  }\n}\n\n/**\n * Spread target values across data points\n * @param targets - Array of target values\n * @param dataLength - Number of data points to spread across\n * @returns Array of target values for each data point\n */\nexport function spreadTargetValues(targets: number[], dataLength: number): number[] {\n  if (targets.length === 0 || dataLength <= 0) {\n    return []\n  }\n\n  // If only one target value, repeat for all data points\n  if (targets.length === 1) {\n    return new Array(dataLength).fill(targets[0])\n  }\n\n  // If we have multiple targets, spread them evenly across data points\n  const result: number[] = []\n  const baseGroupSize = Math.floor(dataLength / targets.length)\n  const remainder = dataLength % targets.length\n\n  let currentIndex = 0\n  \n  for (let i = 0; i < targets.length; i++) {\n    // Calculate group size for this target\n    // First 'remainder' groups get an extra item\n    const groupSize = baseGroupSize + (i < remainder ? 1 : 0)\n    \n    // Fill this group with the current target value\n    for (let j = 0; j < groupSize; j++) {\n      result[currentIndex++] = targets[i]\n    }\n  }\n\n  return result\n}\n\n/**\n * Calculate variance between actual and target values\n * @param actual - Actual value\n * @param target - Target value\n * @returns Variance as percentage\n */\nexport function calculateVariance(actual: number, target: number): number {\n  if (target === 0) {\n    return actual === 0 ? 0 : (actual > 0 ? 100 : -100)\n  }\n  return ((actual - target) / target) * 100\n}\n\n/**\n * Format variance as percentage string with appropriate sign and color indication\n * @param variance - Variance percentage\n * @param decimals - Number of decimal places (default: 1)\n * @returns Formatted variance string (e.g., \"+12.5%\" or \"-8.3%\")\n */\nexport function formatVariance(variance: number, decimals: number = 1): string {\n  const sign = variance >= 0 ? '+' : ''\n  return `${sign}${variance.toFixed(decimals)}%`\n}\n\n/**\n * Get unique target values for reference lines\n * @param targets - Array of target values (may contain duplicates)\n * @returns Array of unique target values\n */\nexport function getUniqueTargets(targets: number[]): number[] {\n  return [...new Set(targets)].sort((a, b) => a - b)\n}","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"],"mappings":"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"}

package/dist/client/chunks/chart-bar-BiENfFgE.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-bar-BiENfFgE.js","names":[],"sources":["../../../src/client/components/charts/BarChart.tsx"],"sourcesContent":["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"],"mappings":"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"}

package/dist/client/chunks/chart-box-plot-BJF1tBXC.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-box-plot-BJF1tBXC.js","names":[],"sources":["../../../src/client/components/charts/BoxPlotChart.tsx"],"sourcesContent":["import React, { useLayoutEffect, useMemo, useRef, useState } from 'react'\nimport { CHART_COLORS } from '../../utils/chartConstants'\nimport { formatAxisValue } from '../../utils/chartUtils'\nimport type { ChartProps } from '../../types'\n\nconst MAX_BOXES = 50\n\ninterface BoxStats {\n  label: string\n  min: number\n  q1: number\n  median: number\n  q3: number\n  max: number\n  color: string\n}\n\nfunction parseNumeric(v: unknown): number | null {\n  if (v === undefined || v === null) return null\n  const n = typeof v === 'number' ? v : parseFloat(String(v))\n  return isNaN(n) ? null : n\n}\n\nfunction buildFrom5Measures(\n  row: Record<string, unknown>,\n  minField: string,\n  q1Field: string,\n  medianField: string,\n  q3Field: string,\n  maxField: string,\n  label: string,\n  color: string\n): BoxStats | null {\n  const min = parseNumeric(row[minField])\n  const q1 = parseNumeric(row[q1Field])\n  const median = parseNumeric(row[medianField])\n  const q3 = parseNumeric(row[q3Field])\n  const max = parseNumeric(row[maxField])\n  if (min === null || q1 === null || median === null || q3 === null || max === null) return null\n  return { label, min, q1, median, q3, max, color }\n}\n\n/** Build approximate box stats assuming normality: Q1/Q3 at ±1σ, whiskers at ±2σ */\nfunction buildFrom3Measures(\n  row: Record<string, unknown>,\n  avgField: string,\n  stddevField: string,\n  medianField: string,\n  label: string,\n  color: string\n): BoxStats | null {\n  const avg = parseNumeric(row[avgField])\n  const sd = parseNumeric(row[stddevField])\n  const median = parseNumeric(row[medianField])\n  if (avg === null || sd === null || median === null) return null\n  const absSd = Math.abs(sd)\n  return {\n    label,\n    min: avg - 2 * absSd,\n    q1: avg - absSd,\n    median,\n    q3: avg + absSd,\n    max: avg + 2 * absSd,\n    color,\n  }\n}\n\nfunction BoxElement({\n  x,\n  boxWidth,\n  minY,\n  q1Y,\n  medianY,\n  q3Y,\n  maxY,\n  color,\n  label,\n}: {\n  x: number\n  boxWidth: number\n  minY: number\n  q1Y: number\n  medianY: number\n  q3Y: number\n  maxY: number\n  color: string\n  label: string\n}) {\n  const halfWidth = boxWidth / 2\n  const whiskerX = x\n  const capWidth = boxWidth * 0.4\n\n  return (\n    <g data-testid={`box-${label}`}>\n      {/* Whisker line (min to max) */}\n      <line x1={whiskerX} y1={minY} x2={whiskerX} y2={maxY} stroke={color} strokeWidth={1.5} />\n      {/* Min cap */}\n      <line\n        x1={whiskerX - capWidth / 2}\n        y1={minY}\n        x2={whiskerX + capWidth / 2}\n        y2={minY}\n        stroke={color}\n        strokeWidth={1.5}\n      />\n      {/* Max cap */}\n      <line\n        x1={whiskerX - capWidth / 2}\n        y1={maxY}\n        x2={whiskerX + capWidth / 2}\n        y2={maxY}\n        stroke={color}\n        strokeWidth={1.5}\n      />\n      {/* IQR Box (Q1 to Q3) */}\n      <rect\n        x={whiskerX - halfWidth}\n        y={Math.min(q1Y, q3Y)}\n        width={boxWidth}\n        height={Math.abs(q3Y - q1Y) || 2}\n        fill={color}\n        fillOpacity={0.3}\n        stroke={color}\n        strokeWidth={1.5}\n      />\n      {/* Median line */}\n      <line\n        x1={whiskerX - halfWidth}\n        y1={medianY}\n        x2={whiskerX + halfWidth}\n        y2={medianY}\n        stroke={color}\n        strokeWidth={2.5}\n        data-testid={`median-${label}`}\n      />\n    </g>\n  )\n}\n\nfunction YAxis({\n  scale,\n  domainMin,\n  domainMax,\n  width,\n  tickCount = 5,\n  format,\n}: {\n  scale: (v: number) => number\n  domainMin: number\n  domainMax: number\n  width: number\n  tickCount?: number\n  format?: (v: number) => string\n}) {\n  const ticks = useMemo(() => {\n    const range = domainMax - domainMin\n    if (range === 0) return [domainMin]\n    const step = range / (tickCount - 1)\n    return Array.from({ length: tickCount }, (_, i) => domainMin + i * step)\n  }, [domainMin, domainMax, tickCount])\n\n  return (\n    <g data-testid=\"y-axis\">\n      {ticks.map((tick, i) => (\n        <g key={i} transform={`translate(0, ${scale(tick)})`}>\n          <line x1={0} x2={-6} stroke=\"currentColor\" strokeWidth={1} />\n          <text\n            x={-10}\n            textAnchor=\"end\"\n            dominantBaseline=\"middle\"\n            fontSize={11}\n            fill=\"currentColor\"\n            className=\"text-dc-text-secondary\"\n          >\n            {format ? format(tick) : tick.toLocaleString()}\n          </text>\n          <line x1={0} x2={width} stroke=\"currentColor\" strokeOpacity={0.1} strokeWidth={1} />\n        </g>\n      ))}\n      <line y1={scale(ticks[0])} y2={scale(ticks[ticks.length - 1])} stroke=\"currentColor\" strokeWidth={1} />\n    </g>\n  )\n}\n\nconst BoxPlotChart = React.memo(function BoxPlotChart({\n  data,\n  chartConfig,\n  displayConfig = {},\n  height = '100%',\n  colorPalette,\n  onDataPointClick,\n  drillEnabled,\n}: ChartProps) {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [dimensions, setDimensions] = useState({ width: 0, height: 0 })\n\n  useLayoutEffect(() => {\n    const el = containerRef.current\n    if (!el) return\n    const observer = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        const { width, height: h } = entry.contentRect\n        if (width > 0 && h > 0) setDimensions({ width, height: h })\n      }\n    })\n    observer.observe(el)\n    const rect = el.getBoundingClientRect()\n    if (rect.width > 0 && rect.height > 0) setDimensions({ width: rect.width, height: rect.height })\n    return () => observer.disconnect()\n  }, [])\n\n  const yAxisFormat = displayConfig?.leftYAxisFormat\n\n  const { xField, mode, fields, configError } = useMemo(() => {\n    const xField = Array.isArray(chartConfig?.xAxis)\n      ? chartConfig.xAxis[0]\n      : chartConfig?.xAxis ?? chartConfig?.x\n\n    const yAxisFields: string[] = Array.isArray(chartConfig?.yAxis)\n      ? chartConfig.yAxis\n      : []\n\n    if (!xField || yAxisFields.length === 0) {\n      return {\n        xField,\n        mode: 'none' as const,\n        fields: {},\n        configError: 'BoxPlot requires an X-Axis dimension and at least one measure in Y-Axis',\n      }\n    }\n\n    // 5-measure mode: yAxis = [min, q1, median, q3, max]\n    if (yAxisFields.length >= 5) {\n      return {\n        xField,\n        mode: '5measure' as const,\n        fields: {\n          minField: yAxisFields[0],\n          q1Field: yAxisFields[1],\n          medianField: yAxisFields[2],\n          q3Field: yAxisFields[3],\n          maxField: yAxisFields[4],\n        },\n        configError: null,\n      }\n    }\n\n    // 3-measure mode: yAxis = [avg, stddev, median]\n    if (yAxisFields.length >= 3) {\n      return {\n        xField,\n        mode: '3measure' as const,\n        fields: {\n          avgField: yAxisFields[0],\n          stddevField: yAxisFields[1],\n          medianField: yAxisFields[2],\n        },\n        configError: null,\n      }\n    }\n\n    if (yAxisFields.length === 2) {\n      return {\n        xField,\n        mode: 'none' as const,\n        fields: {},\n        configError: 'BoxPlot requires 1 measure (auto), 3 (avg/stddev/median), or 5 (min/q1/median/q3/max)',\n      }\n    }\n\n    // Auto mode: use yAxis[0] as the value field (treated as median/value)\n    return {\n      xField,\n      mode: 'auto' as const,\n      fields: { valueField: yAxisFields[0] },\n      configError: null,\n    }\n  }, [chartConfig])\n\n  const boxes: BoxStats[] = useMemo(() => {\n    if (configError || !data || data.length === 0 || mode === 'none') return []\n    const rows = (data as Record<string, unknown>[]).slice(0, MAX_BOXES)\n    const palette = colorPalette?.colors ?? CHART_COLORS\n\n    const results: BoxStats[] = []\n    for (let i = 0; i < rows.length; i++) {\n      const row = rows[i]\n      const label = xField ? String(row[xField] ?? `Row ${i + 1}`) : `Row ${i + 1}`\n      const color = palette[i % palette.length]\n\n      let box: BoxStats | null = null\n      if (mode === '5measure') {\n        box = buildFrom5Measures(\n          row,\n          fields.minField!,\n          fields.q1Field!,\n          fields.medianField!,\n          fields.q3Field!,\n          fields.maxField!,\n          label,\n          color\n        )\n      } else if (mode === '3measure') {\n        box = buildFrom3Measures(row, fields.avgField!, fields.stddevField!, fields.medianField!, label, color)\n      } else {\n        // Auto: use value as median, build minimal box (value ± 0)\n        const v = parseNumeric(row[fields.valueField!])\n        if (v !== null) {\n          box = { label, min: v, q1: v, median: v, q3: v, max: v, color }\n        }\n      }\n      if (box) results.push(box)\n    }\n    return results\n  }, [data, xField, mode, fields, colorPalette, configError])\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 box plot 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  if (boxes.length === 0) {\n    return (\n      <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\" style={{ height }}>\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">No valid data</div>\n          <div className=\"dc:text-xs text-dc-text-secondary\">\n            Could not compute box plot statistics from the provided data\n          </div>\n        </div>\n      </div>\n    )\n  }\n\n  try {\n    const margin = { top: 20, right: 20, bottom: 60, left: 60 }\n    const containerWidth = dimensions.width || 600\n    const containerHeight = typeof height === 'number' ? height : (dimensions.height || 400)\n    const innerWidth = Math.max(containerWidth - margin.left - margin.right, 50)\n    const innerHeight = Math.max(containerHeight - margin.top - margin.bottom, 50)\n\n    const allValues = boxes.flatMap((b) => [b.min, b.max])\n    const rawMin = Math.min(...allValues)\n    const rawMax = Math.max(...allValues)\n    const padding = (rawMax - rawMin) * 0.1 || 1\n    const domainMin = rawMin - padding\n    const domainMax = rawMax + padding\n\n    const domainRange = domainMax - domainMin\n    const yScale = (v: number) =>\n      domainRange === 0 ? innerHeight / 2 : innerHeight - ((v - domainMin) / domainRange) * innerHeight\n\n    const boxSpacing = innerWidth / boxes.length\n    const boxWidth = Math.min(boxSpacing * 0.6, 40)\n\n    const isTruncated = (data as unknown[]).length > MAX_BOXES\n\n    return (\n      <div ref={containerRef} className=\"dc:relative dc:w-full\" style={{ height }}>\n        <svg\n          width=\"100%\"\n          height={isTruncated ? `calc(100% - 20px)` : '100%'}\n          viewBox={`0 0 ${containerWidth} ${typeof containerHeight === 'number' ? containerHeight : 400}`}\n          preserveAspectRatio=\"none\"\n          data-testid=\"boxplot-svg\"\n        >\n          <g transform={`translate(${margin.left}, ${margin.top})`}>\n            <YAxis\n              scale={yScale}\n              domainMin={domainMin}\n              domainMax={domainMax}\n              width={innerWidth}\n              tickCount={5}\n              format={yAxisFormat ? (v) => formatAxisValue(v, yAxisFormat) : undefined}\n            />\n\n            {boxes.map((box, i) => {\n              const cx = boxSpacing * i + boxSpacing / 2\n              return (\n                <g\n                  key={`${box.label}-${i}`}\n                  onClick={(event: React.MouseEvent) => {\n                    if (onDataPointClick && drillEnabled) {\n                      onDataPointClick({\n                        dataPoint: { ...box },\n                        clickedField: xField ?? '',\n                        xValue: box.label,\n                        position: { x: event.clientX, y: event.clientY },\n                        nativeEvent: event,\n                      })\n                    }\n                  }}\n                  cursor={drillEnabled ? 'pointer' : undefined}\n                >\n                  <title>{`${box.label}: min=${box.min}, Q1=${box.q1}, median=${box.median}, Q3=${box.q3}, max=${box.max}`}</title>\n                  <BoxElement\n                    x={cx}\n                    boxWidth={boxWidth}\n                    minY={yScale(box.min)}\n                    q1Y={yScale(box.q1)}\n                    medianY={yScale(box.median)}\n                    q3Y={yScale(box.q3)}\n                    maxY={yScale(box.max)}\n                    color={box.color}\n                    label={box.label}\n                  />\n                  <text\n                    x={cx}\n                    y={innerHeight + 20}\n                    textAnchor=\"middle\"\n                    fontSize={11}\n                    fill=\"currentColor\"\n                    className=\"text-dc-text-secondary\"\n                    data-testid={`x-label-${box.label}`}\n                  >\n                    {box.label}\n                  </text>\n                </g>\n              )\n            })}\n          </g>\n        </svg>\n        {isTruncated && (\n          <div className=\"dc:text-xs text-dc-warning dc:text-center dc:mt-1\">\n            Data truncated to {MAX_BOXES} groups (original: {(data as unknown[]).length})\n          </div>\n        )}\n      </div>\n    )\n  } catch (error) {\n    return (\n      <div className=\"dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4\" style={{ height }}>\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">Box Plot 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 BoxPlotChart\n"],"mappings":"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"}

package/dist/client/chunks/chart-bubble-DQQhGVDJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-bubble-DQQhGVDJ.js","names":[],"sources":["../../../src/client/hooks/useTheme.ts","../../../src/client/components/charts/BubbleChart.tsx"],"sourcesContent":["/**\n * useTheme - External Theme State Hook\n *\n * Uses React 18's useSyncExternalStore to prevent parent component re-renders.\n * The theme state is stored externally and changes are propagated through\n * a subscribe/notify pattern.\n *\n * This prevents the ThemeToggle component from causing Layout re-renders.\n */\n\nimport { useSyncExternalStore, useCallback } from 'react'\nimport { getTheme, setTheme as setThemeUtil, watchThemeChanges, type Theme } from '../theme'\n\n// External store for theme state\nconst themeStore = {\n  listeners: new Set<() => void>(),\n\n  subscribe(listener: () => void) {\n    this.listeners.add(listener)\n    return () => this.listeners.delete(listener)\n  },\n\n  notify() {\n    this.listeners.forEach(listener => listener())\n  }\n}\n\n// Watch theme changes from DOM/system and notify subscribers\nwatchThemeChanges(() => {\n  themeStore.notify()\n})\n\n/**\n * Hook to access and update theme\n *\n * Returns current theme and a setter function.\n * Only components using this hook will re-render on theme changes.\n */\nexport function useTheme() {\n  // Subscribe to external theme store\n  const theme = useSyncExternalStore(\n    themeStore.subscribe.bind(themeStore),\n    getTheme,      // Client-side snapshot\n    getTheme       // Server-side snapshot (SSR)\n  )\n\n  // Stable setter function\n  const setTheme = useCallback((newTheme: Theme) => {\n    setThemeUtil(newTheme)\n    themeStore.notify()\n  }, [])\n\n  return { theme, setTheme }\n}\n","import React, { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react'\nimport { select, scaleLinear, scaleSqrt, scaleOrdinal, scaleQuantize, extent, max, axisBottom, axisLeft, transition as _transition, type ScaleOrdinal, type ScaleQuantize } from 'd3'\n// _transition import is for side effects only - it extends Selection.prototype with .transition() method\nimport { CHART_COLORS, CHART_COLORS_GRADIENT, CHART_MARGINS } from '../../utils/chartConstants'\nimport { formatTimeValue, getFieldGranularity, parseNumericValue, isValidNumericValue, formatAxisValue } from '../../utils/chartUtils'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel'\nimport { useTheme } from '../../hooks/useTheme'\nimport type { ChartProps } from '../../types'\n\ninterface BubbleData {\n  x: number\n  xLabel?: string // Formatted label for time dimensions\n  y: number\n  size: number\n  color?: string | number\n  label: string\n  series?: string\n}\n\nconst BubbleChart = React.memo(function BubbleChart({\n  data,\n  chartConfig,\n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette\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 { theme } = useTheme()\n  const getFieldLabel = useCubeFieldLabel()\n\n  // Memoize safeDisplayConfig to prevent unnecessary re-renders\n  const safeDisplayConfig = useMemo(() => ({\n    showLegend: displayConfig?.showLegend ?? true,\n    showGrid: displayConfig?.showGrid ?? true,\n    showTooltip: displayConfig?.showTooltip ?? true,\n    minBubbleSize: displayConfig?.minBubbleSize ?? 5,\n    maxBubbleSize: displayConfig?.maxBubbleSize ?? 50,\n    bubbleOpacity: displayConfig?.bubbleOpacity ?? 0.7,\n    xAxisFormat: displayConfig?.xAxisFormat,\n    leftYAxisFormat: displayConfig?.leftYAxisFormat\n  }), [\n    displayConfig?.showLegend,\n    displayConfig?.showGrid,\n    displayConfig?.showTooltip,\n    displayConfig?.minBubbleSize,\n    displayConfig?.maxBubbleSize,\n    displayConfig?.bubbleOpacity,\n    displayConfig?.xAxisFormat,\n    displayConfig?.leftYAxisFormat\n  ])\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    // Immediate measurement\n    const success = updateDimensions()\n    \n    if (!success && retryCount < maxRetries) {\n      // Retry with requestAnimationFrame\n      const retryWithRaf = () => {\n        const rafSuccess = updateDimensions()\n        \n        if (!rafSuccess && retryCount < maxRetries) {\n          retryCount++\n          // Use setTimeout for additional retries with increasing delays\n          timeoutId = setTimeout(() => {\n            rafId = requestAnimationFrame(retryWithRaf)\n          }, 50 * retryCount) // Increasing delay: 50ms, 100ms, 150ms, etc.\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  // Enhanced ResizeObserver for dynamic resizing with immediate initialization\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    // Initialize ResizeObserver immediately\n    if (containerRef.current) {\n      resizeObserver = new ResizeObserver((entries) => {\n        for (const entry of entries) {\n          const { width, height } = entry.contentRect\n          if (width > 0 && height > 0) {\n            setDimensions({ width, height })\n            if (!dimensionsReady) {\n              setDimensionsReady(true)\n              }\n          }\n        }\n      })\n      \n      resizeObserver.observe(containerRef.current)\n      \n      // Also try immediate measurement as fallback\n      updateDimensions()\n    }\n\n    // Window resize as additional fallback\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  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\n    // Validate chartConfig - only new format supported\n    if (!chartConfig?.xAxis || !chartConfig?.yAxis || !chartConfig?.series) {\n      return\n    }\n\n    const xAxisField = Array.isArray(chartConfig.xAxis) ? chartConfig.xAxis[0] : chartConfig.xAxis\n    const yAxisField = Array.isArray(chartConfig.yAxis) ? chartConfig.yAxis[0] : chartConfig.yAxis\n    const seriesField = Array.isArray(chartConfig.series) ? chartConfig.series[0] : chartConfig.series\n    const sizeFieldName = Array.isArray(chartConfig.sizeField) ? chartConfig.sizeField[0] : chartConfig.sizeField || yAxisField\n    const colorFieldName = Array.isArray(chartConfig.colorField) ? chartConfig.colorField[0] : chartConfig.colorField\n\n\n    if (!xAxisField || !yAxisField || !seriesField || !sizeFieldName) {\n      return\n    }\n\n    // Transform data for bubble chart\n    // Null handling: Filter out bubbles where x, y, or size are null\n    const xGranularity = getFieldGranularity(queryObject, xAxisField)\n\n    // Check if x-axis field is a time dimension\n    const isTimeDimension = queryObject?.timeDimensions?.some(\n      (td: { dimension: string }) => td.dimension === xAxisField\n    ) || false\n\n    const bubbleData: BubbleData[] = data\n      .map(item => {\n        const rawXValue = item[xAxisField]\n        let xNum: number\n        let xLabel: string\n\n        if (isTimeDimension && rawXValue) {\n          // For time dimensions, convert to timestamp for proper numeric positioning\n          const dateStr = String(rawXValue)\n          // Try to parse as date - handle ISO format and PostgreSQL format\n          let date: Date\n          if (dateStr.match(/^\\d{4}-\\d{2}-\\d{2}[T ]/)) {\n            // Full timestamp format\n            let isoStr = dateStr\n            if (dateStr.includes(' ')) {\n              isoStr = dateStr.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(dateStr)\n          }\n\n          xNum = isNaN(date.getTime()) ? parseFloat(dateStr) : date.getTime()\n          xLabel = formatTimeValue(rawXValue, xGranularity)\n        } else {\n          // Non-time value - use as-is\n          const formattedValue = formatTimeValue(rawXValue, xGranularity) || rawXValue\n          xNum = typeof formattedValue === 'string' ? parseFloat(formattedValue) : formattedValue\n          xLabel = String(formattedValue)\n        }\n\n        const yValue = parseNumericValue(item[yAxisField])\n        const sizeValue = parseNumericValue(item[sizeFieldName])\n        const seriesValue = item[seriesField]\n\n        return {\n          x: xNum,\n          xLabel, // Store formatted label for tooltip display\n          y: yValue as number, // Type assertion: filter below ensures this is never null\n          size: sizeValue !== null ? Math.abs(sizeValue) : 0, // Ensure positive size\n          color: colorFieldName ? item[colorFieldName] : seriesValue,\n          series: seriesValue,\n          label: `${seriesValue || 'Unknown'}`,\n          isValid: isValidNumericValue(xNum) && yValue !== null && sizeValue !== null && sizeValue > 0\n        }\n      })\n      .filter(d => d.isValid && d.size > 0) // Filter out bubbles with invalid coordinates or no size\n\n    if (bubbleData.length === 0) return\n\n    const margin = { \n      ...CHART_MARGINS, \n      left: CHART_MARGINS.left + 30,  // Add extra 30px left margin for Y-axis label\n      bottom: (safeDisplayConfig.showLegend && colorFieldName) ? 100 : 40  // Add extra space for legend\n    }\n    const width = dimensions.width - margin.left - margin.right\n    const chartHeight = dimensions.height - margin.top - margin.bottom\n\n    const svg = select(svgRef.current)\n      .attr('width', dimensions.width)\n      .attr('height', dimensions.height)\n\n    const g = svg.append('g')\n      .attr('transform', `translate(${margin.left},${margin.top})`)\n\n    // Set up scales\n    const xScale = scaleLinear()\n      .domain(extent(bubbleData, d => d.x) as [number, number])\n      .range([0, width])\n      .nice()\n\n    const yScale = scaleLinear()\n      .domain(extent(bubbleData, d => d.y) as [number, number])\n      .range([chartHeight, 0])\n      .nice()\n\n    const sizeScale = scaleSqrt()\n      .domain([0, max(bubbleData, d => d.size) as number])\n      .range([safeDisplayConfig.minBubbleSize, safeDisplayConfig.maxBubbleSize])\n\n    // Set up color scale\n    let colorScale: ScaleOrdinal<string, string> | ScaleQuantize<string>\n    let isNumericColorField = false\n    let uniqueColors: string[] = []\n    \n    if (colorFieldName && bubbleData.length > 0) {\n      // Check if color field is numeric for color scaling (same logic as TreeMapChart)\n      const colorValues = bubbleData.map(item => {\n        const value = item.color\n        return typeof value === 'string' ? parseFloat(value) : value\n      }).filter((val): val is number => !isNaN(val as number))\n      \n      isNumericColorField = colorValues.length === bubbleData.length && colorValues.every(val => typeof val === 'number')\n      \n      if (isNumericColorField) {\n        // Use D3 quantize scale for better color distribution with small ranges\n        const minValue = Math.min(...colorValues)\n        const maxValue = Math.max(...colorValues)\n        \n        // Create D3 quantize color scale - maps continuous data to discrete color bands\n        colorScale = scaleQuantize<string>()\n          .domain([minValue, maxValue])\n          .range(colorPalette?.gradient || CHART_COLORS_GRADIENT)\n      } else {\n        // Categorical color field - use series colors\n        uniqueColors = [...new Set(bubbleData.map(d => String(d.color)))]\n        colorScale = scaleOrdinal<string>()\n          .domain(uniqueColors)\n          .range(colorPalette?.colors || CHART_COLORS)\n      }\n    } else {\n      // Single color for all bubbles\n      colorScale = scaleOrdinal<string>()\n        .domain(['default'])\n        .range([CHART_COLORS[0]])\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 = theme !== '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 gridColor = isDark\n      ? getThemeColor('--dc-border', '#475569')  // Lighter grid for dark mode\n      : '#9ca3af'  // Much darker gray for light mode visibility\n\n    // Add grid\n    if (safeDisplayConfig.showGrid) {\n      // X-axis grid\n      const xGrid = g.append('g')\n        .attr('class', 'grid')\n        .attr('transform', `translate(0,${chartHeight})`)\n        .call(axisBottom(xScale)\n          .tickSize(-chartHeight)\n          .tickFormat(() => '')\n        )\n\n      xGrid.selectAll('line')\n        .style('stroke', gridColor)\n        .style('stroke-dasharray', '3,3')\n        .style('opacity', 0.3)\n\n      xGrid.select('.domain')\n        .style('stroke', 'none')\n\n      // Y-axis grid\n      const yGrid = g.append('g')\n        .attr('class', 'grid')\n        .call(axisLeft(yScale)\n          .tickSize(-width)\n          .tickFormat(() => '')\n        )\n\n      yGrid.selectAll('line')\n        .style('stroke', gridColor)\n        .style('stroke-dasharray', '3,3')\n        .style('opacity', 0.3)\n\n      yGrid.select('.domain')\n        .style('stroke', 'none')\n    }\n\n    // Add X axis with proper time formatting if needed\n    const xAxisGenerator = axisBottom(xScale)\n\n    // If it's a time dimension, format the tick labels\n    if (isTimeDimension) {\n      xAxisGenerator.tickFormat((d) => {\n        const date = new Date(d as number)\n        if (isNaN(date.getTime())) return String(d)\n\n        // Format based on granularity\n        switch (xGranularity?.toLowerCase()) {\n          case 'year':\n            return String(date.getUTCFullYear())\n          case 'quarter': {\n            const q = Math.floor(date.getUTCMonth() / 3) + 1\n            return `${date.getUTCFullYear()}-Q${q}`\n          }\n          case 'month':\n            return `${date.getUTCFullYear()}-${String(date.getUTCMonth() + 1).padStart(2, '0')}`\n          case 'week':\n          case 'day':\n            return `${date.getUTCFullYear()}-${String(date.getUTCMonth() + 1).padStart(2, '0')}-${String(date.getUTCDate()).padStart(2, '0')}`\n          case 'hour':\n            return `${String(date.getUTCMonth() + 1).padStart(2, '0')}-${String(date.getUTCDate()).padStart(2, '0')} ${String(date.getUTCHours()).padStart(2, '0')}:00`\n          default:\n            return `${date.getUTCFullYear()}-${String(date.getUTCMonth() + 1).padStart(2, '0')}`\n        }\n      })\n    } else if (safeDisplayConfig.xAxisFormat) {\n      // Apply custom formatting for non-time X-axis\n      xAxisGenerator.tickFormat((d) => formatAxisValue(d as number, safeDisplayConfig.xAxisFormat))\n    }\n\n    const xAxis = g.append('g')\n      .attr('transform', `translate(0,${chartHeight})`)\n      .call(xAxisGenerator)\n\n    xAxis.selectAll('text')\n      .style('fill', textColor)\n\n    xAxis.selectAll('line, path')\n      .style('stroke', gridColor)\n\n    xAxis.append('text')\n      .attr('x', width / 2)\n      .attr('y', 35)\n      .attr('fill', textColor)\n      .style('text-anchor', 'middle')\n      .style('font-size', '12px')\n      .text(safeDisplayConfig.xAxisFormat?.label || getFieldLabel(xAxisField))\n\n    // Add Y axis with optional formatting\n    const yAxisGenerator = axisLeft(yScale)\n    if (safeDisplayConfig.leftYAxisFormat) {\n      yAxisGenerator.tickFormat((d) => formatAxisValue(d as number, safeDisplayConfig.leftYAxisFormat))\n    }\n    const yAxis = g.append('g')\n      .call(yAxisGenerator)\n\n    yAxis.selectAll('text')\n      .style('fill', textColor)\n\n    yAxis.selectAll('line, path')\n      .style('stroke', gridColor)\n\n    yAxis.append('text')\n      .attr('transform', 'rotate(-90)')\n      .attr('y', -35)\n      .attr('x', -chartHeight / 2)\n      .attr('fill', textColor)\n      .style('text-anchor', 'middle')\n      .style('font-size', '12px')\n      .text(safeDisplayConfig.leftYAxisFormat?.label || getFieldLabel(yAxisField))\n\n    // Create tooltip\n    const tooltip = select('body').append('div')\n      .attr('class', 'bubble-chart-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    // Add bubbles\n    const bubbles = g.selectAll('.bubble')\n      .data(bubbleData)\n      .enter().append('circle')\n      .attr('class', 'bubble')\n      .attr('cx', d => xScale(d.x))\n      .attr('cy', d => yScale(d.y))\n      .attr('r', d => sizeScale(d.size))\n      .style('fill', d => {\n        if (colorFieldName && d.color !== undefined) {\n          return isNumericColorField\n            ? (colorScale as ScaleQuantize<string>)(d.color as number)\n            : (colorScale as ScaleOrdinal<string, string>)(String(d.color))\n        }\n        return CHART_COLORS[0]\n      })\n      .style('opacity', safeDisplayConfig.bubbleOpacity)\n      .style('stroke', '#fff')\n      .style('stroke-width', 1)\n      .style('cursor', 'pointer')\n\n    // Add hover effects\n    if (safeDisplayConfig.showTooltip) {\n      bubbles\n        .on('mouseover', function(event, d) {\n          select(this)\n            .transition()\n            .duration(200)\n            .style('opacity', 1)\n            .attr('r', sizeScale(d.size) * 1.1)\n\n          const tooltipContent = [\n            `<strong>${d.series || 'Unknown'}</strong>`,\n            `${getFieldLabel(xAxisField)}: ${d.xLabel || (safeDisplayConfig.xAxisFormat ? formatAxisValue(d.x, safeDisplayConfig.xAxisFormat) : d.x)}`,\n            `${getFieldLabel(yAxisField)}: ${safeDisplayConfig.leftYAxisFormat ? formatAxisValue(d.y, safeDisplayConfig.leftYAxisFormat) : d.y}`,\n            `${getFieldLabel(sizeFieldName)}: ${safeDisplayConfig.leftYAxisFormat ? formatAxisValue(d.size, safeDisplayConfig.leftYAxisFormat) : d.size}`,\n            colorFieldName && d.color ? `${getFieldLabel(colorFieldName)}: ${d.color}` : ''\n          ].filter(Boolean).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        .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(_event, d) {\n          select(this)\n            .transition()\n            .duration(200)\n            .style('opacity', safeDisplayConfig.bubbleOpacity)\n            .attr('r', sizeScale(d.size))\n\n          tooltip\n            .transition()\n            .duration(200)\n            .style('opacity', 0)\n        })\n    }\n\n    // Add legend if needed\n    if (safeDisplayConfig.showLegend && colorFieldName) {\n      if (isNumericColorField) {\n        // Create gradient legend for numeric color field\n        const legendWidth = 200\n        const legendHeight = 20\n        const minValue = Math.min(...bubbleData.map(d => d.color as number))\n        const maxValue = Math.max(...bubbleData.map(d => d.color as number))\n        \n        const legend = g.append('g')\n          .attr('class', 'color-legend')\n          .attr('transform', `translate(${width / 2 - legendWidth / 2}, ${chartHeight + 60})`)\n\n        // Create gradient definition\n        const defs = svg.append('defs')\n        const gradient = defs.append('linearGradient')\n          .attr('id', 'color-scale-gradient')\n          .attr('x1', '0%')\n          .attr('y1', '0%')\n          .attr('x2', '100%')\n          .attr('y2', '0%')\n\n        // Add color stops for the gradient\n        const gradientColors = colorPalette?.gradient || CHART_COLORS_GRADIENT\n        gradientColors.forEach((color, i) => {\n          gradient.append('stop')\n            .attr('offset', `${(i / (gradientColors.length - 1)) * 100}%`)\n            .attr('stop-color', color)\n        })\n\n        // Add the gradient rectangle\n        legend.append('rect')\n          .attr('width', legendWidth)\n          .attr('height', legendHeight)\n          .style('fill', 'url(#color-scale-gradient)')\n          .style('stroke', '#ccc')\n          .style('stroke-width', 1)\n\n        // Add min value label\n        legend.append('text')\n          .attr('x', 0)\n          .attr('y', legendHeight + 15)\n          .attr('text-anchor', 'start')\n          .style('font-size', '11px')\n          .style('fill', textColor)\n          .text(safeDisplayConfig.leftYAxisFormat ? formatAxisValue(minValue, safeDisplayConfig.leftYAxisFormat) : minValue.toFixed(2))\n\n        // Add max value label\n        legend.append('text')\n          .attr('x', legendWidth)\n          .attr('y', legendHeight + 15)\n          .attr('text-anchor', 'end')\n          .style('font-size', '11px')\n          .style('fill', textColor)\n          .text(safeDisplayConfig.leftYAxisFormat ? formatAxisValue(maxValue, safeDisplayConfig.leftYAxisFormat) : maxValue.toFixed(2))\n\n        // Add field name label\n        legend.append('text')\n          .attr('x', legendWidth / 2)\n          .attr('y', -5)\n          .attr('text-anchor', 'middle')\n          .style('font-size', '12px')\n          .style('font-weight', 'bold')\n          .style('fill', textColor)\n          .text(getFieldLabel(colorFieldName))\n\n      } else {\n        // Original categorical legend\n        const legendItems = uniqueColors\n\n        if (legendItems.length > 0) {\n          const legend = g.append('g')\n            .attr('class', 'legend')\n            .attr('transform', `translate(${width / 2 - (legendItems.length * 80) / 2}, ${chartHeight + 60})`)\n\n          const legendItem = legend.selectAll('.legend-item')\n            .data(legendItems)\n            .enter().append('g')\n            .attr('class', 'legend-item')\n            .attr('transform', (_d, i) => `translate(${i * 80}, 0)`)\n            .style('cursor', 'pointer')\n\n          legendItem.append('circle')\n            .attr('cx', 5)\n            .attr('cy', 5)\n            .attr('r', 5)\n            .style('fill', d => (colorScale as ScaleOrdinal<string, string>)(d as string))\n            .style('opacity', safeDisplayConfig.bubbleOpacity)\n\n          legendItem.append('text')\n            .attr('x', 15)\n            .attr('y', 5)\n            .attr('dy', '.35em')\n            .style('font-size', '11px')\n            .style('fill', textColor)\n            .text(d => String(d))\n\n          // Legend hover effects\n          legendItem\n            .on('mouseover', function(_event, legendKey) {\n              // Highlight matching bubbles\n              bubbles\n                .transition()\n                .duration(200)\n                .style('opacity', d => {\n                  const matches = colorFieldName && String(d.color) === legendKey\n                  return matches ? 1 : 0.2\n                })\n            })\n            .on('mouseout', function() {\n              // Reset all bubbles\n              bubbles\n                .transition()\n                .duration(200)\n                .style('opacity', safeDisplayConfig.bubbleOpacity)\n            })\n        }\n      }\n    }\n\n    // Cleanup function\n    return () => {\n      tooltip.remove()\n    }\n  }, [data, chartConfig, safeDisplayConfig, queryObject, dimensions, dimensionsReady, colorPalette, theme, getFieldLabel])\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 bubble chart</div>\n        </div>\n      </div>\n    )\n  }\n\n  // Validate that we have required fields\n  const hasValidConfig = chartConfig?.xAxis && chartConfig?.yAxis && chartConfig?.series\n  if (!hasValidConfig) {\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 Required</div>\n          <div className=\"dc:text-xs\">Bubble chart requires xAxis, yAxis, series, and sizeField dimensions</div>\n          <div className=\"dc:text-xs dc:mt-1\">Optional: colorField for bubble coloring</div>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"dc:w-full dc:flex-1 dc:flex dc:flex-col dc:relative\" style={{ height, minHeight: '250px', overflow: 'hidden' }}>\n      <div ref={containerRef} className=\"dc:w-full dc:h-full dc:relative\">\n        <svg ref={svgRef} className=\"dc:w-full 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 BubbleChart"],"mappings":"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"}