drizzle-cube 0.4.30 → 0.4.31

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

@@ -1 +0,0 @@
-{"version":3,"file":"chart-activity-grid-CNES9VBk.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  if (!value) return String(value || '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      // 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 (!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        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          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            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              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-line-DOIMkP0b.js.map

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

package/dist/client/chunks/useExplainAI-c_bHxZe5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useExplainAI-c_bHxZe5.js","names":[],"sources":["../../../src/client/hooks/queries/useDryRunQuery.ts","../../../src/client/hooks/queries/useExplainQuery.ts","../../../src/client/hooks/queries/useExplainAI.ts"],"sourcesContent":["/**\n * useDryRunQuery - TanStack Query hook for dry-run (debug) data\n *\n * Features:\n * - Fetch SQL and analysis data for query debugging\n * - Support for single and multi-query modes\n * - Built-in caching with TanStack Query\n * - Parallel fetching for multiple queries\n *\n * This hook replaces the debug data useEffect in AnalysisBuilder.\n */\n\nimport { useQuery, useQueries } from '@tanstack/react-query'\nimport { useMemo } from 'react'\nimport { useCubeApi } from '../../providers/CubeApiProvider'\nimport type { CubeQuery } from '../../types'\nimport type { QueryAnalysis } from '../../components/AnalysisBuilder/types'\nimport { cleanQueryForServer } from '../../shared/utils'\nimport { stableStringify } from '../../shared/queryKey'\n\nexport type DryRunMode = 'regular' | 'comparison' | 'funnel' | 'flow' | 'retention'\n\ninterface DryRunResponsePayload {\n  sql?: { sql: string; params?: unknown[] }\n  analysis?: QueryAnalysis | null\n  mode?: DryRunMode\n  queryType?: string\n  joinType?: string\n  cubesUsed?: string[]\n  modeMetadata?: unknown\n}\n\n/**\n * Debug data entry for a single query\n */\nexport interface DebugDataEntry {\n  /** Generated SQL and parameters */\n  sql: { sql: string; params: unknown[] } | null\n  /** Query analysis (dimensions, measures, complexity, etc.) */\n  analysis: QueryAnalysis | null\n  /** Server-reported dry-run mode */\n  mode?: DryRunMode | null\n  /** Query type label from server */\n  queryType?: string | null\n  /** Join strategy label from server */\n  joinType?: string | null\n  /** Referenced cubes from server */\n  cubesUsed?: string[]\n  /** Mode-specific metadata (replaces funnel/flow/retention split) */\n  modeMetadata?: unknown\n  /** Whether this entry is loading */\n  loading: boolean\n  /** Error if fetch failed */\n  error: Error | null\n}\n\n/**\n * Create a stable query key for dry-run\n */\nexport function createDryRunQueryKey(\n  query: CubeQuery | null\n): readonly unknown[] {\n  if (!query) return ['cube', 'dryRun', null] as const\n  return ['cube', 'dryRun', stableStringify(query)] as const\n}\n\nexport interface UseDryRunQueryOptions {\n  /**\n   * Whether to skip the query\n   * @default false\n   */\n  skip?: boolean\n  /**\n   * Stale time in milliseconds\n   * @default 5 * 60 * 1000 (5 minutes)\n   */\n  staleTime?: number\n}\n\nexport interface UseDryRunQueryResult {\n  /** Debug data for the query */\n  debugData: DebugDataEntry\n  /** Manually refetch */\n  refetch: () => void\n}\n\nfunction inferModeFromPayload(payload: DryRunResponsePayload): DryRunMode | null {\n  if (payload.mode) return payload.mode\n  if (payload.queryType === 'comparisonQuery') return 'comparison'\n  if (payload.queryType === 'funnelQuery') return 'funnel'\n  if (payload.queryType === 'flowQuery') return 'flow'\n  if (payload.queryType === 'retentionQuery') return 'retention'\n  if (payload.queryType === 'regularQuery') return 'regular'\n  return null\n}\n\nfunction normalizeDryRunResult(payload: DryRunResponsePayload): Omit<DebugDataEntry, 'loading' | 'error'> {\n  const mode = inferModeFromPayload(payload)\n  return {\n    sql: payload.sql ? { sql: payload.sql.sql, params: payload.sql.params || [] } : null,\n    analysis: (payload.analysis || null) as QueryAnalysis | null,\n    mode,\n    queryType: payload.queryType || null,\n    joinType: payload.joinType || null,\n    cubesUsed: payload.cubesUsed || [],\n    modeMetadata: payload.modeMetadata\n  }\n}\n\n/**\n * TanStack Query hook for single query dry-run (debug) data\n *\n * Usage:\n * ```tsx\n * const { debugData } = useDryRunQuery(query, { skip: !isValidQuery })\n * ```\n */\nexport function useDryRunQuery(\n  query: CubeQuery | null,\n  options: UseDryRunQueryOptions = {}\n): UseDryRunQueryResult {\n  const { skip = false, staleTime = 5 * 60 * 1000 } = options\n  const { cubeApi } = useCubeApi()\n\n  // Transform query for server\n  const serverQuery = useMemo(() => {\n    if (!query) return null\n    const modeQuery = query as CubeQuery & { funnel?: unknown; flow?: unknown; retention?: unknown }\n    // Preserve specialized mode payloads as-is; cleanQueryForServer strips non-Cube.js keys.\n    if (modeQuery.funnel || modeQuery.flow || modeQuery.retention) {\n      return query\n    }\n    return cleanQueryForServer(query)\n  }, [query])\n\n  const queryResult = useQuery({\n    queryKey: createDryRunQueryKey(serverQuery),\n    queryFn: async () => {\n      if (!serverQuery) throw new Error('No query provided')\n      const result = await cubeApi.dryRun(serverQuery)\n      return normalizeDryRunResult(result as DryRunResponsePayload)\n    },\n    enabled: !!serverQuery && !skip,\n    staleTime,\n  })\n\n  const debugData: DebugDataEntry = {\n    ...(queryResult.data || {\n      sql: null,\n      analysis: null,\n      mode: null,\n      queryType: null,\n      joinType: null,\n      cubesUsed: [],\n      modeMetadata: undefined\n    }),\n    loading: queryResult.isLoading,\n    error: queryResult.error ?? null,\n  }\n\n  return {\n    debugData,\n    refetch: () => queryResult.refetch(),\n  }\n}\n\nexport interface UseMultiDryRunQueriesOptions {\n  /**\n   * Whether to skip all queries\n   * @default false\n   */\n  skip?: boolean\n  /**\n   * Stale time in milliseconds\n   * @default 5 * 60 * 1000 (5 minutes)\n   */\n  staleTime?: number\n}\n\nexport interface UseMultiDryRunQueriesResult {\n  /** Debug data for each query */\n  debugDataPerQuery: DebugDataEntry[]\n  /** Whether any query is loading */\n  isLoading: boolean\n  /** Manually refetch all */\n  refetchAll: () => void\n}\n\n/**\n * TanStack Query hook for multiple query dry-runs (debug) data\n *\n * Fetches debug data for multiple queries in parallel.\n *\n * Usage:\n * ```tsx\n * const { debugDataPerQuery, isLoading } = useMultiDryRunQueries(queries, {\n *   skip: !isMultiQueryMode\n * })\n * ```\n */\nexport function useMultiDryRunQueries(\n  queries: CubeQuery[],\n  options: UseMultiDryRunQueriesOptions = {}\n): UseMultiDryRunQueriesResult {\n  const { skip = false, staleTime = 5 * 60 * 1000 } = options\n  const { cubeApi } = useCubeApi()\n\n  // Transform queries for server\n  const serverQueries = useMemo(() => {\n    return queries.map((q) => cleanQueryForServer(q))\n  }, [queries])\n\n  // Use useQueries for parallel fetching\n  const queryResults = useQueries({\n    queries: serverQueries.map((query) => ({\n      queryKey: createDryRunQueryKey(query),\n      queryFn: async () => {\n        const result = await cubeApi.dryRun(query)\n        return normalizeDryRunResult(result as DryRunResponsePayload)\n      },\n      enabled: !skip,\n      staleTime,\n    })),\n  })\n\n  // Transform results to DebugDataEntry array\n  const debugDataPerQuery: DebugDataEntry[] = queryResults.map((result) => ({\n    ...(result.data || {\n      sql: null,\n      analysis: null,\n      mode: null,\n      queryType: null,\n      joinType: null,\n      cubesUsed: [],\n      modeMetadata: undefined\n    }),\n    loading: result.isLoading,\n    error: result.error ?? null,\n  }))\n\n  // Check if any query is loading\n  const isLoading = queryResults.some((r) => r.isLoading)\n\n  // Refetch all queries\n  const refetchAll = () => {\n    queryResults.forEach((r) => r.refetch())\n  }\n\n  return {\n    debugDataPerQuery,\n    isLoading,\n    refetchAll,\n  }\n}\n\n/**\n * Combined hook for single or multi-query dry-run based on mode\n *\n * This is a convenience wrapper that automatically chooses between\n * single and multi-query dry-run based on the number of queries.\n *\n * Usage:\n * ```tsx\n * const { debugDataPerQuery } = useDryRunQueries({\n *   queries: isMultiQueryMode ? allQueries : [currentQuery],\n *   isMultiQueryMode,\n *   skip: !isValidQuery\n * })\n * ```\n */\nexport function useDryRunQueries(options: {\n  queries: CubeQuery[]\n  isMultiQueryMode: boolean\n  skip?: boolean\n  staleTime?: number\n}): UseMultiDryRunQueriesResult {\n  const { queries, isMultiQueryMode, skip = false, staleTime } = options\n\n  // For single query mode, wrap in array for consistent interface\n  const queriesToFetch = isMultiQueryMode ? queries : queries.slice(0, 1)\n\n  return useMultiDryRunQueries(queriesToFetch, { skip, staleTime })\n}\n\nexport type FunnelDebugDataEntry = DebugDataEntry\n\n/**\n * TanStack Query hook for funnel query dry-run (debug) data\n *\n * Usage:\n * ```tsx\n * const { debugData } = useFunnelDryRunQuery(serverQuery, { skip: !isFunnelMode })\n * ```\n */\nexport function useFunnelDryRunQuery(\n  serverQuery: unknown | null,\n  options: UseDryRunQueryOptions = {}\n): { debugData: FunnelDebugDataEntry; refetch: () => void } {\n  return useDryRunQuery(serverQuery as CubeQuery | null, options)\n}\n\nexport type FlowDebugDataEntry = DebugDataEntry\n\n/**\n * TanStack Query hook for flow query dry-run (debug) data\n *\n * Usage:\n * ```tsx\n * const { debugData } = useFlowDryRunQuery(serverQuery, { skip: !isFlowMode })\n * ```\n */\nexport function useFlowDryRunQuery(\n  serverQuery: unknown | null,\n  options: UseDryRunQueryOptions = {}\n): { debugData: FlowDebugDataEntry; refetch: () => void } {\n  return useDryRunQuery(serverQuery as CubeQuery | null, options)\n}\n\nexport type RetentionDebugDataEntry = DebugDataEntry\n\n/**\n * TanStack Query hook for retention query dry-run (debug) data\n *\n * Usage:\n * ```tsx\n * const { debugData } = useRetentionDryRunQuery(serverQuery, { skip: !isRetentionMode })\n * ```\n */\nexport function useRetentionDryRunQuery(\n  serverQuery: unknown | null,\n  options: UseDryRunQueryOptions = {}\n): { debugData: RetentionDebugDataEntry; refetch: () => void } {\n  return useDryRunQuery(serverQuery as CubeQuery | null, options)\n}\n","/**\n * useExplainQuery - TanStack Query hook for EXPLAIN PLAN execution\n *\n * Features:\n * - Manually triggered (not automatic like useCubeLoadQuery)\n * - Returns normalized execution plan across PostgreSQL, MySQL, and SQLite\n * - Supports EXPLAIN ANALYZE for actual timing data\n * - No caching - always fetches fresh data to reflect schema/index changes\n *\n * Usage:\n * ```tsx\n * const { explainResult, isLoading, error, runExplain } = useExplainQuery(query)\n *\n * // Trigger explain manually\n * <button onClick={() => runExplain({ analyze: true })}>Explain with Timing</button>\n * ```\n */\n\nimport { useQuery } from '@tanstack/react-query'\nimport { useCallback, useMemo, useState } from 'react'\nimport { useCubeApi } from '../../providers/CubeApiProvider'\nimport type { CubeQuery, ExplainResult, ExplainOptions } from '../../types'\nimport { cleanQueryForServer } from '../../shared/utils'\nimport { stableStringify } from '../../shared/queryKey'\n\n/**\n * Query type that can be explained - includes standard queries, funnel queries, flow queries, and retention queries\n */\nexport type ExplainableQuery = CubeQuery | { funnel: unknown } | { flow: unknown } | { retention: unknown } | unknown\n\n/**\n * Create a stable query key for explain\n */\nexport function createExplainQueryKey(\n  query: ExplainableQuery | null,\n  options?: ExplainOptions\n): readonly unknown[] {\n  if (!query) return ['cube', 'explain', null, null] as const\n  return ['cube', 'explain', stableStringify(query), options?.analyze ?? false] as const\n}\n\nexport interface UseExplainQueryOptions {\n  /**\n   * Whether to skip the query (prevent execution even when triggered)\n   * @default false\n   */\n  skip?: boolean\n}\n\nexport interface UseExplainQueryResult {\n  /** The explain result from the server */\n  explainResult: ExplainResult | null\n  /** Whether the explain query is loading */\n  isLoading: boolean\n  /** Whether an explain has been triggered */\n  hasRun: boolean\n  /** Error if explain failed */\n  error: Error | null\n  /**\n   * Manually trigger the explain query\n   * @param options - Optional explain options (e.g., { analyze: true } for actual timing)\n   */\n  runExplain: (options?: ExplainOptions) => void\n  /** Clear the explain result */\n  clearExplain: () => void\n}\n\n/**\n * Check if query is a funnel query\n */\nfunction isFunnelQuery(query: unknown): query is { funnel: unknown } {\n  return typeof query === 'object' && query !== null && 'funnel' in query\n}\n\n/**\n * Check if query is a flow query\n */\nfunction isFlowQuery(query: unknown): query is { flow: unknown } {\n  return typeof query === 'object' && query !== null && 'flow' in query\n}\n\n/**\n * Check if query is a retention query\n */\nfunction isRetentionQuery(query: unknown): query is { retention: unknown } {\n  return typeof query === 'object' && query !== null && 'retention' in query\n}\n\n/**\n * TanStack Query hook for EXPLAIN PLAN execution\n *\n * Unlike useDryRunQuery, this hook is manually triggered via `runExplain()`.\n * This is intentional because:\n * 1. EXPLAIN queries have performance overhead\n * 2. EXPLAIN ANALYZE actually executes the query\n * 3. Users should explicitly choose when to run explain\n *\n * Supports standard queries, funnel queries, and flow queries.\n *\n * Usage:\n * ```tsx\n * const { explainResult, isLoading, runExplain } = useExplainQuery(query, { skip: !isValidQuery })\n *\n * // Trigger explain\n * <button onClick={() => runExplain()}>Explain Plan</button>\n *\n * // Trigger explain with timing\n * <button onClick={() => runExplain({ analyze: true })}>Explain with Timing</button>\n * ```\n */\nexport function useExplainQuery(\n  query: ExplainableQuery | null,\n  options: UseExplainQueryOptions = {}\n): UseExplainQueryResult {\n  const { skip = false } = options\n  const { cubeApi } = useCubeApi()\n\n  // Track whether explain has been triggered and with what options\n  const [explainOptions, setExplainOptions] = useState<ExplainOptions | null>(null)\n  const [hasTriggered, setHasTriggered] = useState(false)\n\n  // Transform query for server\n  // For funnel/flow/retention queries, pass them directly without cleaning\n  const serverQuery = useMemo(() => {\n    if (!query) return null\n    // Funnel, flow, and retention queries have their own format, don't clean them\n    if (isFunnelQuery(query) || isFlowQuery(query) || isRetentionQuery(query)) {\n      return query\n    }\n    // Standard queries get cleaned\n    return cleanQueryForServer(query as CubeQuery)\n  }, [query])\n\n  // Query is enabled only when:\n  // 1. We have a query\n  // 2. Skip is false\n  // 3. User has triggered the explain\n  const queryEnabled = !!serverQuery && !skip && hasTriggered\n\n  const queryResult = useQuery({\n    queryKey: createExplainQueryKey(serverQuery, explainOptions ?? undefined),\n    queryFn: async () => {\n      if (!serverQuery) throw new Error('No query provided')\n      const result = await cubeApi.explain(serverQuery, explainOptions ?? undefined)\n      return result\n    },\n    enabled: queryEnabled,\n    // EXPLAIN queries should never be cached - always fetch fresh data\n    // This ensures users see the latest execution plan after schema/index changes\n    staleTime: 0,\n    gcTime: 0,\n    // Don't refetch automatically - this is manually triggered\n    refetchOnWindowFocus: false,\n    refetchOnReconnect: false,\n    refetchOnMount: false,\n  })\n\n  // Manual trigger function\n  const runExplain = useCallback((opts?: ExplainOptions) => {\n    if (skip || !serverQuery) return\n    setExplainOptions(opts ?? null)\n    setHasTriggered(true)\n    // If already triggered with same options, refetch\n    if (hasTriggered) {\n      queryResult.refetch()\n    }\n  }, [skip, serverQuery, hasTriggered, queryResult])\n\n  // Clear function\n  const clearExplain = useCallback(() => {\n    setHasTriggered(false)\n    setExplainOptions(null)\n  }, [])\n\n  return {\n    explainResult: queryResult.data ?? null,\n    isLoading: queryResult.isLoading || queryResult.isFetching,\n    hasRun: hasTriggered,\n    error: queryResult.error ?? null,\n    runExplain,\n    clearExplain,\n  }\n}\n","/**\n * useExplainAI - TanStack Query hook for AI analysis of EXPLAIN plans\n *\n * Features:\n * - Manually triggered via useMutation (not automatic)\n * - Analyzes execution plans and provides actionable recommendations\n * - Returns structured recommendations (indexes, table changes, cube improvements)\n * - No caching - always fetches fresh analysis\n * - Uses the /api/ai/explain/analyze endpoint\n *\n * Usage:\n * ```tsx\n * const { analysis, isAnalyzing, error, analyze, clearAnalysis } = useExplainAI()\n *\n * // After getting an explain result, trigger AI analysis\n * <button onClick={() => analyze(explainResult, query)}>Analyze with AI</button>\n * ```\n */\n\nimport { useMutation, useQueryClient } from '@tanstack/react-query'\nimport { useCallback } from 'react'\nimport type { ExplainResult, AIExplainAnalysis } from '../../types'\nimport { useCubeFeatures } from '../../providers/CubeFeaturesProvider'\n\nexport interface UseExplainAIOptions {\n  /**\n   * Custom AI endpoint for explain analysis\n   * @default '/api/ai/explain/analyze'\n   */\n  aiEndpoint?: string\n}\n\nexport interface UseExplainAIResult {\n  /** The AI analysis result */\n  analysis: AIExplainAnalysis | null\n  /** Whether AI analysis is in progress */\n  isAnalyzing: boolean\n  /** Error if AI analysis failed */\n  error: Error | null\n  /**\n   * Trigger AI analysis of an explain result\n   * @param explainResult - The EXPLAIN result to analyze\n   * @param query - The original semantic query\n   */\n  analyze: (explainResult: ExplainResult, query: unknown) => void\n  /** Clear the analysis result */\n  clearAnalysis: () => void\n}\n\n/**\n * Query key for AI explain analysis\n */\nexport const EXPLAIN_AI_QUERY_KEY = ['cube', 'explain', 'ai'] as const\n\n/**\n * TanStack Query hook for AI analysis of EXPLAIN plans\n *\n * This hook uses useMutation to call the AI endpoint and analyze execution plans,\n * providing actionable recommendations for performance improvement.\n *\n * Recommendations focus on what users CAN control:\n * - Index creation (with CREATE INDEX statements)\n * - Table structure changes\n * - Cube definition improvements (segments, pre-aggregations, joins)\n *\n * Usage:\n * ```tsx\n * const { analysis, isAnalyzing, analyze } = useExplainAI()\n *\n * // After running EXPLAIN\n * if (explainResult) {\n *   <button onClick={() => analyze(explainResult, query)}>\n *     {isAnalyzing ? 'Analyzing...' : 'Analyze with AI'}\n *   </button>\n * }\n *\n * // Display recommendations\n * {analysis?.recommendations.map(rec => (\n *   <div key={rec.title}>\n *     <h4>{rec.title}</h4>\n *     <p>{rec.description}</p>\n *     {rec.sql && <pre>{rec.sql}</pre>}\n *     {rec.cubeCode && <pre>{rec.cubeCode}</pre>}\n *   </div>\n * ))}\n * ```\n */\nexport function useExplainAI(options: UseExplainAIOptions = {}): UseExplainAIResult {\n  const { features } = useCubeFeatures()\n  const enableAI = features.enableAI ?? true\n  const queryClient = useQueryClient()\n\n  // AI endpoint - defaults to /api/ai/explain/analyze\n  // This is the standard path for AI routes in the dev server\n  const aiEndpoint = options.aiEndpoint ?? '/api/ai/explain/analyze'\n\n  const mutation = useMutation({\n    mutationKey: EXPLAIN_AI_QUERY_KEY,\n    mutationFn: async ({ explainResult, query }: { explainResult: ExplainResult; query: unknown }) => {\n      // Check if AI is enabled\n      if (!enableAI) {\n        throw new Error('AI features are disabled')\n      }\n\n      const response = await fetch(aiEndpoint, {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        credentials: 'include',\n        body: JSON.stringify({\n          explainResult,\n          query,\n        }),\n      })\n\n      if (!response.ok) {\n        const errorData = await response.json().catch(() => ({}))\n        throw new Error(\n          errorData.error ||\n            errorData.message ||\n            `AI analysis failed: ${response.status} ${response.statusText}`\n        )\n      }\n\n      const result: AIExplainAnalysis = await response.json()\n      return result\n    },\n    // No caching - each mutation is independent\n    gcTime: 0,\n  })\n\n  const analyze = useCallback((explainResult: ExplainResult, query: unknown) => {\n    mutation.mutate({ explainResult, query })\n  }, [mutation])\n\n  const clearAnalysis = useCallback(() => {\n    mutation.reset()\n    // Also invalidate any cached queries\n    queryClient.removeQueries({ queryKey: EXPLAIN_AI_QUERY_KEY })\n  }, [mutation, queryClient])\n\n  return {\n    analysis: mutation.data ?? null,\n    isAnalyzing: mutation.isPending,\n    error: mutation.error ?? null,\n    analyze,\n    clearAnalysis,\n  }\n}\n"],"mappings":"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"}