drizzle-cube 0.4.52 → 0.5.0

package/dist/client/chunks/chart-funnel-C7pgktN5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-funnel-C7pgktN5.js","names":[],"sources":["../../../src/client/utils/funnelExecution.ts","../../../src/client/components/charts/FunnelChart.tsx"],"sourcesContent":["/**\n * Funnel Query Execution Utilities\n *\n * Handles sequential execution of funnel queries where each step\n * filters based on binding key values from the previous step.\n */\n\nimport type { CubeQuery, SimpleFilter } from '../types'\n\n/**\n * Default maximum number of binding key values to pass between funnel steps.\n * Limits the size of the IN clause to prevent performance issues.\n */\nexport const DEFAULT_BINDING_KEY_LIMIT = 500\nimport type {\n  FunnelBindingKey,\n  FunnelBindingKeyMapping,\n  FunnelConfig,\n  FunnelStep,\n  FunnelStepResult,\n  FunnelExecutionResult,\n  FunnelChartData,\n} from '../types/funnel'\n\n/**\n * Extract the binding key field name for a specific query/cube.\n *\n * For simple binding keys (string), returns the dimension directly.\n * For cross-cube mappings, finds the mapping for the cube used in the query.\n *\n * @param bindingKey - The funnel binding key configuration\n * @param query - The cube query (used to determine which cube is being queried)\n * @returns The binding key field name (e.g., \"Users.userId\")\n */\nexport function getBindingKeyField(\n  bindingKey: FunnelBindingKey,\n  query: CubeQuery\n): string {\n  // Simple case: single dimension name\n  if (typeof bindingKey.dimension === 'string') {\n    return bindingKey.dimension\n  }\n\n  // Cross-cube case: find the mapping for this query's cube\n  const mappings = bindingKey.dimension as FunnelBindingKeyMapping[]\n\n  // Extract cube name from query fields\n  const cubeName = getCubeNameFromQuery(query)\n  if (!cubeName) {\n    // If we can't determine the cube, use the first mapping\n    return mappings[0]?.dimension || ''\n  }\n\n  // Find matching mapping\n  const mapping = mappings.find(m => m.cube === cubeName)\n  if (mapping) {\n    return mapping.dimension\n  }\n\n  // Fallback to first mapping if no match found\n  return mappings[0]?.dimension || ''\n}\n\n/**\n * Extract the cube name from a query by looking at measures/dimensions\n */\nexport function getCubeNameFromQuery(query: CubeQuery): string | null {\n  // Check measures first\n  if (query.measures && query.measures.length > 0) {\n    const parts = query.measures[0].split('.')\n    if (parts.length >= 2) {\n      return parts[0]\n    }\n  }\n\n  // Then check dimensions\n  if (query.dimensions && query.dimensions.length > 0) {\n    const parts = query.dimensions[0].split('.')\n    if (parts.length >= 2) {\n      return parts[0]\n    }\n  }\n\n  // Then check time dimensions\n  if (query.timeDimensions && query.timeDimensions.length > 0) {\n    const parts = query.timeDimensions[0].dimension.split('.')\n    if (parts.length >= 2) {\n      return parts[0]\n    }\n  }\n\n  return null\n}\n\n/**\n * Result from extracting binding key values\n */\nexport interface ExtractedBindingKeyValues {\n  /** Binding key values (limited to max if specified) */\n  values: (string | number)[]\n  /** Total count of unique values before limiting */\n  totalCount: number\n  /** Whether values were truncated due to limit */\n  wasTruncated: boolean\n}\n\n/**\n * Extract unique values for the binding key from query result data\n *\n * @deprecated This function was used for client-side funnel execution.\n * Server-side funnel execution is now the default approach.\n *\n * @param data - Raw data from query result\n * @param bindingKeyField - The field name to extract values from\n * @param limit - Maximum number of values to return (default: DEFAULT_BINDING_KEY_LIMIT)\n * @returns Object with values array, total count, and truncation flag\n */\nexport function extractBindingKeyValues(\n  data: unknown[],\n  bindingKeyField: string,\n  limit: number = DEFAULT_BINDING_KEY_LIMIT\n): ExtractedBindingKeyValues {\n  const values = new Set<string | number>()\n\n  for (const row of data) {\n    if (typeof row === 'object' && row !== null) {\n      const value = (row as Record<string, unknown>)[bindingKeyField]\n      if (value !== null && value !== undefined) {\n        // Convert to string or number\n        if (typeof value === 'number') {\n          values.add(value)\n        } else {\n          values.add(String(value))\n        }\n      }\n    }\n  }\n\n  const allValues = Array.from(values)\n  const totalCount = allValues.length\n\n  // Sort values for consistent ordering (enables query cache hits)\n  // Numbers sort numerically, strings sort alphabetically\n  allValues.sort((a, b) => {\n    if (typeof a === 'number' && typeof b === 'number') {\n      return a - b\n    }\n    return String(a).localeCompare(String(b))\n  })\n\n  const limitedValues = limit > 0 ? allValues.slice(0, limit) : allValues\n\n  return {\n    values: limitedValues,\n    totalCount,\n    wasTruncated: limitedValues.length < totalCount,\n  }\n}\n\n/**\n * Build a step query with binding key filter applied.\n *\n * @deprecated This function was used for client-side funnel execution.\n * Server-side funnel execution is now the default approach.\n *\n * For the first step (no previous values), returns the original query\n * with the binding key dimension ensured.\n *\n * For subsequent steps, adds an IN filter for the previous step's\n * binding key values.\n *\n * @param step - The funnel step configuration\n * @param bindingKey - The funnel binding key configuration\n * @param previousBindingKeyValues - Binding key values from previous step (null for first step)\n * @returns Modified CubeQuery with binding key filter\n */\nexport function buildStepQuery(\n  step: FunnelStep,\n  bindingKey: FunnelBindingKey,\n  previousBindingKeyValues: (string | number)[] | null\n): CubeQuery {\n  const query: CubeQuery = { ...step.query }\n\n  // Get binding key field for this query\n  const bindingKeyField = getBindingKeyField(bindingKey, query)\n\n  // Ensure binding key dimension is in the query (needed to extract values for next step)\n  if (!query.dimensions?.includes(bindingKeyField)) {\n    query.dimensions = [...(query.dimensions || []), bindingKeyField]\n  }\n\n  // Add IN filter for previous step's binding key values (except for first step)\n  if (previousBindingKeyValues && previousBindingKeyValues.length > 0) {\n    const inFilter: SimpleFilter = {\n      member: bindingKeyField,\n      operator: 'in',\n      values: previousBindingKeyValues,\n    }\n    query.filters = [...(query.filters || []), inFilter]\n  }\n\n  return query\n}\n\n/**\n * Calculate conversion metrics for a step\n *\n * @deprecated This function was used for client-side funnel execution.\n * Server-side funnel execution now calculates metrics directly.\n */\nexport function calculateStepMetrics(\n  currentCount: number,\n  previousCount: number | null,\n  firstStepCount: number\n): {\n  conversionRate: number | null\n  cumulativeConversionRate: number\n} {\n  const conversionRate =\n    previousCount !== null && previousCount > 0\n      ? currentCount / previousCount\n      : null\n\n  const cumulativeConversionRate =\n    firstStepCount > 0 ? currentCount / firstStepCount : 1.0\n\n  return { conversionRate, cumulativeConversionRate }\n}\n\n/**\n * Build a funnel step result from query execution\n *\n * @deprecated This function was used for client-side funnel execution.\n * Server-side funnel execution now returns results directly.\n */\nexport function buildStepResult(\n  step: FunnelStep,\n  stepIndex: number,\n  data: unknown[],\n  bindingKeyField: string,\n  countUnique: boolean,\n  previousCount: number | null,\n  firstStepCount: number,\n  executionTime: number,\n  error: Error | null = null,\n  bindingKeyLimit: number = DEFAULT_BINDING_KEY_LIMIT\n): FunnelStepResult {\n  // Extract binding key values (with limit applied)\n  const extracted = error\n    ? { values: [], totalCount: 0, wasTruncated: false }\n    : extractBindingKeyValues(data, bindingKeyField, bindingKeyLimit)\n\n  // Calculate count based on total unique values (before truncation)\n  const count = error\n    ? 0\n    : countUnique\n      ? extracted.totalCount\n      : data.length\n\n  // Calculate conversion metrics\n  const { conversionRate, cumulativeConversionRate } = calculateStepMetrics(\n    count,\n    previousCount,\n    firstStepCount || count // Use current count as first step count if this is step 0\n  )\n\n  return {\n    stepIndex,\n    stepName: step.name,\n    stepId: step.id,\n    data,\n    bindingKeyValues: extracted.values,\n    bindingKeyTotalCount: extracted.totalCount,\n    count,\n    conversionRate,\n    cumulativeConversionRate,\n    executionTime,\n    error,\n  }\n}\n\n/**\n * Convert step results to chart-ready data format\n *\n * @deprecated Use transformServerFunnelResult() instead.\n * Server-side funnel execution returns data in a compatible format.\n */\nexport function buildFunnelChartData(\n  stepResults: FunnelStepResult[]\n): FunnelChartData[] {\n  if (stepResults.length === 0) return []\n\n  const firstStepCount = stepResults[0]?.count || 0\n\n  return stepResults.map((result, index) => ({\n    name: result.stepName,\n    value: result.count,\n    percentage: firstStepCount > 0 ? (result.count / firstStepCount) * 100 : 0,\n    conversionRate: result.conversionRate,\n    stepIndex: index,\n  }))\n}\n\n/**\n * Build the complete funnel execution result\n *\n * @deprecated This function was used for client-side funnel execution.\n * Server-side funnel execution now builds results directly.\n */\nexport function buildFunnelResult(\n  config: FunnelConfig,\n  stepResults: FunnelStepResult[],\n  status: FunnelExecutionResult['status'],\n  error: Error | null = null,\n  currentStepIndex: number | null = null\n): FunnelExecutionResult {\n  const firstStepCount = stepResults[0]?.count || 0\n  const lastStepCount = stepResults[stepResults.length - 1]?.count || 0\n  const totalExecutionTime = stepResults.reduce((sum, r) => sum + r.executionTime, 0)\n\n  return {\n    config,\n    steps: stepResults,\n    summary: {\n      totalEntries: firstStepCount,\n      totalCompletions: lastStepCount,\n      overallConversionRate: firstStepCount > 0 ? lastStepCount / firstStepCount : 0,\n      totalExecutionTime,\n    },\n    chartData: buildFunnelChartData(stepResults),\n    status,\n    error,\n    currentStepIndex,\n  }\n}\n\n/**\n * Create an empty/initial funnel result\n *\n * @deprecated This function was used for client-side funnel execution.\n * Server-side funnel execution manages state differently.\n */\nexport function createEmptyFunnelResult(\n  config: FunnelConfig\n): FunnelExecutionResult {\n  return {\n    config,\n    steps: [],\n    summary: {\n      totalEntries: 0,\n      totalCompletions: 0,\n      overallConversionRate: 0,\n      totalExecutionTime: 0,\n    },\n    chartData: [],\n    status: 'idle',\n    error: null,\n    currentStepIndex: null,\n  }\n}\n\n/**\n * Build a FunnelConfig from multi-query config state.\n * Used to convert AnalysisBuilder state to funnel configuration.\n *\n * @deprecated Use the dedicated funnel mode (analysisType === 'funnel') instead.\n * This function supports backward compatibility with legacy multi-query funnel mode\n * (mergeStrategy === 'funnel'). For new implementations, use the dedicated funnel\n * state in the store which provides better UX with step-based configuration.\n *\n * @param queries - Array of CubeQuery objects (one per step)\n * @param bindingKey - The binding key configuration\n * @param stepLabels - Optional labels for each step\n * @param stepTimeToConvert - Optional time window for each step\n * @returns FunnelConfig ready for execution\n */\nexport function buildFunnelConfigFromQueries(\n  queries: CubeQuery[],\n  bindingKey: FunnelBindingKey,\n  stepLabels?: string[],\n  stepTimeToConvert?: (string | null)[]\n): FunnelConfig {\n  const steps: FunnelStep[] = queries.map((query, index) => ({\n    id: `step-${index}`,\n    name: stepLabels?.[index] || `Step ${index + 1}`,\n    query,\n    timeToConvert: stepTimeToConvert?.[index] || undefined,\n  }))\n\n  return {\n    id: `funnel-${Date.now()}`,\n    name: 'Funnel Analysis',\n    bindingKey,\n    steps,\n    countUnique: true,\n  }\n}\n\n/**\n * Check if funnel execution should stop early\n * (e.g., when no binding key values remain)\n */\nexport function shouldStopFunnelExecution(\n  stepResult: FunnelStepResult\n): boolean {\n  return stepResult.bindingKeyValues.length === 0 || stepResult.error !== null\n}\n\n/**\n * Metadata fields injected into funnel result data\n * (for compatibility with existing chart/table components)\n */\nexport interface FunnelMetadata {\n  __stepIndex: number\n  __stepName: string\n  __stepId: string\n  __conversionRate: number | null\n  __cumulativeRate: number\n}\n\n/**\n * Check if data contains funnel metadata\n */\nexport function isFunnelData(data: unknown[]): boolean {\n  return (\n    data.length > 0 &&\n    typeof data[0] === 'object' &&\n    data[0] !== null &&\n    '__stepIndex' in data[0]\n  )\n}\n\n// =============================================================================\n// Server-Side Funnel Support\n// =============================================================================\n\n/**\n * Server-side funnel step definition (for FunnelQueryConfig)\n */\nexport interface ServerFunnelStep {\n  name: string\n  filter?: SimpleFilter | SimpleFilter[]\n  timeToConvert?: string\n}\n\n/**\n * Server-side funnel query configuration\n */\nexport interface ServerFunnelQueryConfig {\n  bindingKey: string | FunnelBindingKeyMapping[]\n  timeDimension: string | Array<{ cube: string; dimension: string }>\n  steps: ServerFunnelStep[]\n  includeTimeMetrics?: boolean\n  globalTimeWindow?: string\n}\n\n/**\n * Server-side funnel result row\n */\nexport interface ServerFunnelResultRow {\n  step: string\n  stepIndex: number\n  count: number\n  conversionRate: number | null\n  cumulativeConversionRate: number\n  avgSecondsToConvert?: number | null\n  medianSecondsToConvert?: number | null\n  p90SecondsToConvert?: number | null\n  minSecondsToConvert?: number | null\n  maxSecondsToConvert?: number | null\n}\n\n/**\n * Query shape for server-side funnel execution\n */\nexport interface ServerFunnelQuery {\n  funnel: ServerFunnelQueryConfig\n}\n\n/**\n * Build a server-side funnel query from client state.\n *\n * Transforms the client-side FunnelConfig format into a SemanticQuery\n * with `funnel` property that the server can execute.\n *\n * @param queries - Array of CubeQuery objects (one per step)\n * @param bindingKey - The binding key configuration\n * @param stepLabels - Optional labels for each step\n * @param stepTimeToConvert - Optional time window for each step (ISO 8601 duration)\n * @param includeTimeMetrics - Whether to include time-to-convert metrics\n * @returns Query object with funnel configuration for server execution\n */\nexport function buildServerFunnelQuery(\n  queries: CubeQuery[],\n  bindingKey: FunnelBindingKey,\n  stepLabels?: string[],\n  stepTimeToConvert?: (string | null)[],\n  includeTimeMetrics: boolean = true\n): ServerFunnelQuery {\n  // 1. Unwrap binding key from client format (client wraps in { dimension: ... })\n  const serverBindingKey = bindingKey.dimension\n\n  // 2. Extract time dimension from queries\n  const timeDimension = extractTimeDimensionFromQueries(queries, bindingKey)\n\n  // 3. Convert each CubeQuery to a server FunnelStep\n  const steps: ServerFunnelStep[] = queries.map((query, index) => {\n    const step: ServerFunnelStep = {\n      name: stepLabels?.[index] || `Step ${index + 1}`,\n    }\n\n    // Extract filters from query\n    const filter = extractFiltersFromQuery(query)\n    if (filter) {\n      step.filter = filter\n    }\n\n    // Add time-to-convert constraint if specified\n    const timeConstraint = stepTimeToConvert?.[index]\n    if (timeConstraint) {\n      step.timeToConvert = timeConstraint\n    }\n\n    return step\n  })\n\n  return {\n    funnel: {\n      bindingKey: serverBindingKey,\n      timeDimension,\n      steps,\n      includeTimeMetrics,\n    },\n  }\n}\n\n/**\n * Extract time dimension from queries.\n *\n * For single-cube funnels, returns the first time dimension found.\n * For cross-cube funnels (with binding key mappings), builds a mapping array.\n *\n * @param queries - Array of CubeQuery objects\n * @param bindingKey - The binding key configuration (to detect cross-cube)\n * @returns Time dimension string or mapping array\n */\nfunction extractTimeDimensionFromQueries(\n  queries: CubeQuery[],\n  bindingKey: FunnelBindingKey\n): string | Array<{ cube: string; dimension: string }> {\n  // Check if this is a cross-cube funnel\n  const isCrossCube = Array.isArray(bindingKey.dimension)\n\n  if (!isCrossCube) {\n    // Single-cube: find first time dimension\n    for (const query of queries) {\n      if (query.timeDimensions?.length) {\n        return query.timeDimensions[0].dimension\n      }\n    }\n    // Fallback: try to infer from measures/dimensions\n    const cubeName = getCubeNameFromQuery(queries[0])\n    if (cubeName) {\n      return `${cubeName}.createdAt` // Common convention\n    }\n    throw new Error('Funnel requires at least one time dimension in step queries')\n  }\n\n  // Cross-cube: build mapping for each cube\n  const mappings: Array<{ cube: string; dimension: string }> = []\n  const bindingMappings = bindingKey.dimension as FunnelBindingKeyMapping[]\n\n  for (const mapping of bindingMappings) {\n    // Find time dimension for this cube from queries\n    const cubeQuery = queries.find(q => getCubeNameFromQuery(q) === mapping.cube)\n    if (cubeQuery?.timeDimensions?.length) {\n      mappings.push({\n        cube: mapping.cube,\n        dimension: cubeQuery.timeDimensions[0].dimension,\n      })\n    } else {\n      // Fallback to common convention\n      mappings.push({\n        cube: mapping.cube,\n        dimension: `${mapping.cube}.createdAt`,\n      })\n    }\n  }\n\n  return mappings\n}\n\n/**\n * Extract filters from a CubeQuery for server funnel step.\n *\n * @param query - The CubeQuery\n * @returns Filter or array of filters, or undefined if no filters\n */\nfunction extractFiltersFromQuery(query: CubeQuery): SimpleFilter | SimpleFilter[] | undefined {\n  if (!query.filters?.length) {\n    return undefined\n  }\n\n  // Filter out any binding key filters (server handles those)\n  const filters = query.filters.filter(f => {\n    // Keep only SimpleFilter with member (not grouped filters for now)\n    if ('member' in f) {\n      return true\n    }\n    return false\n  }) as SimpleFilter[]\n\n  if (filters.length === 0) {\n    return undefined\n  }\n\n  if (filters.length === 1) {\n    return filters[0]\n  }\n\n  return filters\n}\n\n/**\n * Transform server funnel result rows to client FunnelChartData format.\n *\n * Maps the server's FunnelResultRow[] to the client's FunnelChartData[]\n * format expected by FunnelChart component.\n *\n * @param serverResult - Raw data from server (FunnelResultRow[])\n * @param stepNames - Optional step names to override server names\n * @returns FunnelChartData[] ready for FunnelChart component\n */\nexport function transformServerFunnelResult(\n  serverResult: unknown[],\n  stepNames?: string[]\n): FunnelChartData[] {\n  if (!serverResult?.length) {\n    return []\n  }\n\n  const rows = serverResult as ServerFunnelResultRow[]\n\n  return rows.map((row, index) => ({\n    // Map server fields to client format\n    name: stepNames?.[index] || row.step,\n    value: row.count,\n    // Convert cumulative rate to percentage\n    percentage: row.cumulativeConversionRate * 100,\n    // Convert step-to-step rate to percentage (null for first step)\n    conversionRate: row.conversionRate !== null ? row.conversionRate * 100 : null,\n    stepIndex: row.stepIndex,\n    // Include time metrics for optional display\n    avgSecondsToConvert: row.avgSecondsToConvert,\n    medianSecondsToConvert: row.medianSecondsToConvert,\n    p90SecondsToConvert: row.p90SecondsToConvert,\n  }))\n}\n\n/**\n * Format a duration in seconds to a human-readable string.\n *\n * @param seconds - Duration in seconds\n * @returns Formatted string (e.g., \"45s\", \"2.5m\", \"1.3h\", \"3.2d\")\n */\nexport function formatDuration(seconds: number | null | undefined): string {\n  if (seconds === null || seconds === undefined) {\n    return '-'\n  }\n\n  if (seconds < 60) {\n    return `${Math.round(seconds)}s`\n  }\n\n  if (seconds < 3600) {\n    const minutes = seconds / 60\n    return minutes < 10 ? `${minutes.toFixed(1)}m` : `${Math.round(minutes)}m`\n  }\n\n  if (seconds < 86400) {\n    const hours = seconds / 3600\n    return hours < 10 ? `${hours.toFixed(1)}h` : `${Math.round(hours)}h`\n  }\n\n  const days = seconds / 86400\n  return days < 10 ? `${days.toFixed(1)}d` : `${Math.round(days)}d`\n}\n","/**\n * FunnelChart Component\n *\n * Visualizes funnel data showing conversion rates between steps.\n * Uses horizontal bars with percentage widths to represent the funnel shape.\n * Works with data from useFunnelQuery hook which provides FunnelChartData.\n *\n * When displayConfig.showFunnelTimeMetrics is enabled, displays time-to-convert\n * metrics from server-side funnel execution (avg, median, P90 seconds).\n */\n\nimport React, { useMemo } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport { FunnelChart as RechartsFunnelChart, Funnel, LabelList, Tooltip, Cell, ResponsiveContainer } from 'recharts'\nimport { CHART_COLORS } from '../../utils/chartConstants'\nimport type { ChartProps } from '../../types'\nimport type { FunnelChartData } from '../../types/funnel'\nimport { formatDuration } from '../../utils/funnelExecution'\n\n// Color gradient for funnel steps (darker to lighter)\nconst FUNNEL_COLORS = [\n  '#3B82F6', // blue-500\n  '#60A5FA', // blue-400\n  '#93C5FD', // blue-300\n  '#BFDBFE', // blue-200\n  '#DBEAFE', // blue-100\n]\n\n/**\n * Get color for a funnel step\n */\nfunction getStepColor(index: number, colorPalette?: string[]): string {\n  const colors = colorPalette || FUNNEL_COLORS\n  return colors[index % colors.length]\n}\n\n/**\n * Check if data is funnel data format\n */\nfunction isFunnelData(data: unknown[]): data is FunnelChartData[] {\n  if (!data || data.length === 0) return false\n  const first = data[0]\n  return (\n    typeof first === 'object' &&\n    first !== null &&\n    'name' in first &&\n    'value' in first &&\n    'percentage' in first\n  )\n}\n\n/**\n * Render time metrics based on config options - returns array of lines for vertical stacking\n */\nfunction getTimeMetricsLines(\n  step: FunnelChartData,\n  showAvg: boolean,\n  showMedian: boolean,\n  showP90: boolean\n): string[] {\n  const lines: string[] = []\n  if (showAvg && step.avgSecondsToConvert != null) {\n    lines.push(`Avg: ${formatDuration(step.avgSecondsToConvert)}`)\n  }\n  if (showMedian && step.medianSecondsToConvert != null) {\n    lines.push(`Med: ${formatDuration(step.medianSecondsToConvert)}`)\n  }\n  if (showP90 && step.p90SecondsToConvert != null) {\n    lines.push(`P90: ${formatDuration(step.p90SecondsToConvert)}`)\n  }\n  return lines\n}\n\n/**\n * FunnelChart Component\n *\n * Renders a funnel visualization from FunnelChartData array.\n * Shows each step as a horizontal bar with width proportional to count.\n * Displays conversion rates between steps.\n */\nconst FunnelChart = React.memo(function FunnelChart({\n  data,\n  height = '100%',\n  colorPalette,\n  displayConfig,\n}: ChartProps) {\n  const { t } = useTranslation()\n  // Get display config options\n  const customStepLabels = displayConfig?.funnelStepLabels\n  const orientation = displayConfig?.funnelOrientation || 'horizontal'\n  const isVertical = orientation === 'vertical'\n  const funnelStyle = displayConfig?.funnelStyle ?? 'bars'\n  const showConversion = displayConfig?.showFunnelConversion ?? true\n\n  // Time metrics - individual toggles with backward compat for showFunnelTimeMetrics\n  const showAvgTime = displayConfig?.showFunnelAvgTime ??\n    (displayConfig?.showFunnelTimeMetrics ?? false) // backward compat\n  const showMedianTime = displayConfig?.showFunnelMedianTime ?? false\n  const showP90Time = displayConfig?.showFunnelP90Time ?? false\n\n  // Transform data if needed\n  const funnelData = useMemo<FunnelChartData[]>(() => {\n    if (!data || data.length === 0) return []\n\n    // If already funnel data format, use directly\n    if (isFunnelData(data)) {\n      return data\n    }\n\n    // Try to convert from raw query results\n    // Look for common patterns: step/name, count/value, percentage\n    return data.map((row, index) => {\n      const record = row as Record<string, unknown>\n\n      // Find name field\n      const nameField = Object.keys(record).find(\n        (k) => k.toLowerCase().includes('step') || k.toLowerCase().includes('name') || k === '__stepName'\n      )\n      const name = nameField ? String(record[nameField]) : `Step ${index + 1}`\n\n      // Find value field\n      const valueField = Object.keys(record).find(\n        (k) => k.toLowerCase().includes('count') || k.toLowerCase().includes('value') || k === '__count'\n      )\n      const value = valueField ? Number(record[valueField]) || 0 : 0\n\n      // Find percentage field\n      const percentField = Object.keys(record).find(\n        (k) => k.toLowerCase().includes('percent') || k === '__percentage'\n      )\n      const percentage = percentField ? Number(record[percentField]) || 0 : 0\n\n      // Find conversion rate field\n      const convRateField = Object.keys(record).find(\n        (k) => k.toLowerCase().includes('conversion') || k === '__conversionRate'\n      )\n      const conversionRate = convRateField ? Number(record[convRateField]) || null : null\n\n      return {\n        name,\n        value,\n        percentage,\n        conversionRate,\n        stepIndex: index,\n      }\n    })\n  }, [data])\n\n  // Calculate first step value for percentage calculations\n  const firstStepValue = funnelData[0]?.value || 0\n\n  // Handle no data\n  if (!data || data.length === 0 || funnelData.length === 0) {\n    return (\n      <div\n        className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\"\n        style={{ height }}\n      >\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.funnel.noData')}</div>\n          <div className=\"dc:text-xs text-dc-text-secondary\">\n            {t('chart.runtime.noDataHint.funnel')}\n          </div>\n        </div>\n      </div>\n    )\n  }\n\n  const paletteColors = colorPalette?.colors || CHART_COLORS\n\n  // Render Recharts Funnel style (trapezoid shape)\n  if (funnelStyle === 'funnel') {\n    // Recharts FunnelChart layout: 'horizontal' = funnel flows left-to-right, 'vertical' = top-to-bottom (default)\n    // Our config: 'horizontal' orientation = standard top-to-bottom funnel\n    //             'vertical' orientation = left-to-right funnel\n    const rechartsLayout: 'horizontal' | 'vertical' = isVertical ? 'horizontal' : 'vertical'\n\n    return (\n      <div className=\"dc:relative dc:w-full dc:h-full dc:flex dc:flex-col\" style={{ height }}>\n        <div className=\"dc:flex-1\">\n          <ResponsiveContainer width=\"100%\" height=\"100%\">\n            <RechartsFunnelChart layout={rechartsLayout} accessibilityLayer={false}>\n              <Tooltip\n                formatter={(value) => typeof value === 'number' ? value.toLocaleString() : String(value)}\n                contentStyle={{\n                  backgroundColor: 'var(--dc-surface)',\n                  border: '1px solid var(--dc-border)',\n                  borderRadius: '4px',\n                }}\n              />\n              <Funnel\n                dataKey=\"value\"\n                nameKey=\"name\"\n                data={funnelData}\n                isAnimationActive\n              >\n                {funnelData.map((_, index) => (\n                  <Cell key={`cell-${index}`} fill={getStepColor(index, paletteColors)} />\n                ))}\n                <LabelList\n                  position=\"right\"\n                  dataKey=\"name\"\n                  fill=\"var(--dc-text)\"\n                  style={{ fontSize: '12px' }}\n                />\n                <LabelList\n                  position=\"center\"\n                  dataKey=\"percentage\"\n                  formatter={(v) => typeof v === 'number' ? `${v.toFixed(1)}%` : String(v)}\n                  fill=\"#fff\"\n                  style={{ fontSize: '11px', fontWeight: 500 }}\n                />\n              </Funnel>\n            </RechartsFunnelChart>\n          </ResponsiveContainer>\n        </div>\n        {/* Summary Footer */}\n        {!displayConfig?.hideSummaryFooter && (\n          <div className=\"dc:flex-shrink-0 dc:px-4 dc:py-2 dc:border-t border-dc-border bg-dc-surface-secondary\">\n            <div className=\"dc:flex dc:items-center dc:justify-between dc:text-sm\">\n              <div className=\"text-dc-text-muted\">\n                <span className=\"dc:font-medium\">{funnelData.length}</span> steps\n              </div>\n              <div className=\"text-dc-text\">\n                <span className=\"text-dc-text-muted\">{t('chart.runtime.funnel.overall')}</span>{' '}\n                <span className=\"dc:font-medium\">\n                  {firstStepValue > 0\n                    ? `${((funnelData[funnelData.length - 1]?.value || 0) / firstStepValue * 100).toFixed(1)}%`\n                    : '0%'}\n                </span>\n              </div>\n              <div className=\"text-dc-text-muted\">\n                {funnelData[funnelData.length - 1]?.value.toLocaleString() || 0} / {firstStepValue.toLocaleString()} completed\n              </div>\n            </div>\n          </div>\n        )}\n      </div>\n    )\n  }\n\n  // Render vertical orientation (bars grow from bottom to top, steps laid out horizontally)\n  if (isVertical) {\n    return (\n      <div className=\"dc:relative dc:w-full dc:h-full dc:flex dc:flex-col\" style={{ height }}>\n        {/* Funnel Steps - Vertical Layout */}\n        <div className=\"dc:flex-1 dc:flex dc:items-end dc:justify-center dc:gap-4 dc:px-4 dc:py-3 dc:overflow-hidden\">\n          {funnelData.map((step, index) => {\n            const heightPercent = firstStepValue > 0 ? (step.value / firstStepValue) * 100 : 0\n            const prevStep = index > 0 ? funnelData[index - 1] : null\n            const stepConversionRate = prevStep && prevStep.value > 0\n              ? (step.value / prevStep.value) * 100\n              : null\n\n            // Use custom label if provided, otherwise fall back to step name\n            const displayName = customStepLabels?.[index] || step.name\n\n            const timeMetricsLines = getTimeMetricsLines(step, showAvgTime, showMedianTime, showP90Time)\n            const metricsCount = timeMetricsLines.length\n\n            return (\n              <div key={step.name} className=\"dc:flex dc:flex-col dc:items-center dc:gap-2 dc:flex-1 dc:max-w-32 dc:h-full\">\n                {/* Conversion Rate from Previous (top) */}\n                <div className={`${metricsCount > 0 ? (metricsCount > 1 ? 'dc:min-h-16' : 'dc:min-h-10') : 'dc:h-5'} dc:flex-shrink-0 dc:text-center`}>\n                  {stepConversionRate !== null ? (\n                    <div className=\"dc:text-xs text-dc-text-secondary\">\n                      {showConversion && <span>→ {stepConversionRate.toFixed(1)}%</span>}\n                      {/* Time metrics (when enabled) */}\n                      {metricsCount > 0 && (\n                        <div className=\"text-dc-text-muted dc:mt-0.5 dc:space-y-0.5\">\n                          {timeMetricsLines.map((line, i) => (\n                            <div key={i}>⏱ {line}</div>\n                          ))}\n                        </div>\n                      )}\n                    </div>\n                  ) : (\n                    <div className=\"dc:text-xs text-dc-text-muted\">—</div>\n                  )}\n                </div>\n\n                {/* Bar Container */}\n                <div className=\"dc:flex-1 dc:w-full dc:relative dc:min-h-12\">\n                  {/* Background Track */}\n                  <div className=\"dc:absolute dc:inset-0 bg-dc-surface-secondary dc:rounded-sm\" />\n\n                  {/* Filled Bar (grows from bottom) */}\n                  <div\n                    className=\"dc:absolute dc:bottom-0 dc:left-0 dc:right-0 dc:rounded-sm dc:transition-all dc:duration-300\"\n                    style={{\n                      height: `${Math.max(heightPercent, 5)}%`,\n                      backgroundColor: getStepColor(index, paletteColors),\n                    }}\n                  />\n\n                  {/* Percentage Label on Bar */}\n                  <div\n                    className=\"dc:absolute dc:bottom-0 dc:left-0 dc:right-0 dc:flex dc:items-end dc:justify-center dc:pb-1 dc:pointer-events-none\"\n                    style={{ height: `${Math.max(heightPercent, 20)}%` }}\n                  >\n                    <span className=\"dc:text-xs dc:font-medium text-white dc:drop-shadow-sm\">\n                      {step.percentage?.toFixed(1) ?? heightPercent.toFixed(1)}%\n                    </span>\n                  </div>\n                </div>\n\n                {/* Step Label (bottom) */}\n                <div className=\"dc:flex-shrink-0 dc:text-center\">\n                  <div className=\"dc:text-sm dc:font-medium text-dc-text dc:truncate\" title={displayName}>\n                    {displayName}\n                  </div>\n                  <div className=\"dc:text-xs text-dc-text-muted\">\n                    {step.value.toLocaleString()}\n                  </div>\n                </div>\n              </div>\n            )\n          })}\n        </div>\n\n        {/* Summary Footer */}\n        {!displayConfig?.hideSummaryFooter && (\n          <div className=\"dc:flex-shrink-0 dc:px-4 dc:py-2 dc:border-t border-dc-border bg-dc-surface-secondary\">\n            <div className=\"dc:flex dc:items-center dc:justify-between dc:text-sm\">\n              <div className=\"text-dc-text-muted\">\n                <span className=\"dc:font-medium\">{funnelData.length}</span> steps\n              </div>\n              <div className=\"text-dc-text\">\n                <span className=\"text-dc-text-muted\">{t('chart.runtime.funnel.overall')}</span>{' '}\n                <span className=\"dc:font-medium\">\n                  {firstStepValue > 0\n                    ? `${((funnelData[funnelData.length - 1]?.value || 0) / firstStepValue * 100).toFixed(1)}%`\n                    : '0%'}\n                </span>\n              </div>\n              <div className=\"text-dc-text-muted\">\n                {funnelData[funnelData.length - 1]?.value.toLocaleString() || 0} / {firstStepValue.toLocaleString()} completed\n              </div>\n            </div>\n          </div>\n        )}\n      </div>\n    )\n  }\n\n  // Render horizontal orientation (default - bars grow left to right, steps stacked vertically)\n  return (\n    <div className=\"dc:relative dc:w-full dc:h-full dc:flex dc:flex-col\" style={{ height }}>\n      {/* Funnel Steps - Horizontal Layout */}\n      <div className=\"dc:flex-1 dc:flex dc:flex-col dc:justify-center dc:gap-2 dc:px-4 dc:py-3 dc:overflow-hidden\">\n        {funnelData.map((step, index) => {\n          const widthPercent = firstStepValue > 0 ? (step.value / firstStepValue) * 100 : 0\n          const prevStep = index > 0 ? funnelData[index - 1] : null\n          const stepConversionRate = prevStep && prevStep.value > 0\n            ? (step.value / prevStep.value) * 100\n            : null\n\n          // Use custom label if provided, otherwise fall back to step name\n          const displayName = customStepLabels?.[index] || step.name\n          const timeMetricsLines = getTimeMetricsLines(step, showAvgTime, showMedianTime, showP90Time)\n          const metricsCount = timeMetricsLines.length\n\n          return (\n            <div key={step.name} className=\"dc:flex dc:items-center dc:gap-3\">\n              {/* Step Label */}\n              <div className=\"dc:w-24 dc:flex-shrink-0 dc:text-right\">\n                <div className=\"dc:text-sm dc:font-medium text-dc-text dc:truncate\" title={displayName}>\n                  {displayName}\n                </div>\n                <div className=\"dc:text-xs text-dc-text-muted\">\n                  {step.value.toLocaleString()}\n                </div>\n              </div>\n\n              {/* Bar Container */}\n              <div className=\"dc:flex-1 dc:relative\">\n                {/* Background Track */}\n                <div className=\"dc:w-full dc:h-8 bg-dc-surface-secondary dc:rounded-sm\" />\n\n                {/* Filled Bar */}\n                <div\n                  className=\"dc:absolute dc:top-0 dc:left-0 dc:h-8 dc:rounded-sm dc:transition-all dc:duration-300\"\n                  style={{\n                    width: `${Math.max(widthPercent, 2)}%`,\n                    backgroundColor: getStepColor(index, paletteColors),\n                  }}\n                />\n\n                {/* Percentage Label on Bar */}\n                <div\n                  className=\"dc:absolute dc:top-0 dc:left-0 dc:h-8 dc:flex dc:items-center dc:px-2 dc:pointer-events-none\"\n                  style={{ width: `${Math.max(widthPercent, 20)}%` }}\n                >\n                  <span className=\"dc:text-xs dc:font-medium text-white dc:drop-shadow-sm\">\n                    {step.percentage?.toFixed(1) ?? widthPercent.toFixed(1)}%\n                  </span>\n                </div>\n              </div>\n\n              {/* Conversion Rate from Previous */}\n              <div className={`${metricsCount > 0 ? (metricsCount > 1 ? 'dc:w-36' : 'dc:w-28') : 'dc:w-16'} dc:flex-shrink-0 dc:text-left`}>\n                {stepConversionRate !== null ? (\n                  <div className=\"dc:text-xs text-dc-text-secondary\">\n                    {showConversion && <span>↓ {stepConversionRate.toFixed(1)}%</span>}\n                    {/* Time metrics (when enabled) */}\n                    {metricsCount > 0 && (\n                      <div className=\"text-dc-text-muted dc:mt-0.5 dc:space-y-0.5\">\n                        {timeMetricsLines.map((line, i) => (\n                          <div key={i}>⏱ {line}</div>\n                        ))}\n                      </div>\n                    )}\n                  </div>\n                ) : (\n                  <div className=\"dc:text-xs text-dc-text-muted\">—</div>\n                )}\n              </div>\n            </div>\n          )\n        })}\n      </div>\n\n      {/* Summary Footer */}\n      {!displayConfig?.hideSummaryFooter && (\n        <div className=\"dc:flex-shrink-0 dc:px-4 dc:py-2 dc:border-t border-dc-border bg-dc-surface-secondary\">\n          <div className=\"dc:flex dc:items-center dc:justify-between dc:text-sm\">\n            <div className=\"text-dc-text-muted\">\n              <span className=\"dc:font-medium\">{funnelData.length}</span> steps\n            </div>\n            <div className=\"text-dc-text\">\n              <span className=\"text-dc-text-muted\">{t('chart.runtime.funnel.overall')}</span>{' '}\n              <span className=\"dc:font-medium\">\n                {firstStepValue > 0\n                  ? `${((funnelData[funnelData.length - 1]?.value || 0) / firstStepValue * 100).toFixed(1)}%`\n                  : '0%'}\n              </span>\n            </div>\n            <div className=\"text-dc-text-muted\">\n              {funnelData[funnelData.length - 1]?.value.toLocaleString() || 0} / {firstStepValue.toLocaleString()} completed\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n})\n\nexport default FunnelChart\n"],"mappings":"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"}