drizzle-cube 0.4.29 → 0.4.30

package/dist/client/chunks/chart-data-table-HwfF-Ujv.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-data-table-HwfF-Ujv.js","sources":["../../../src/client/utils/pivotUtils.ts","../../../src/client/components/charts/DataTable.tsx"],"sourcesContent":["/**\n * Pivot utilities for DataTable time dimension pivoting\n *\n * When a query includes a time dimension with granularity, transforms flat data\n * into a pivoted structure with time periods as columns.\n */\n\nimport type { CubeQuery, CubeMeta } from '../types'\nimport { formatTimeValue } from './chartUtils'\n\n/**\n * Derives ordered column list from a CubeQuery object.\n * Order: dimensions, timeDimensions (as field names), measures\n *\n * @param queryObject The CubeQuery object\n * @returns Array of field names in order\n */\nexport function getOrderedColumnsFromQuery(queryObject?: CubeQuery): string[] {\n  if (!queryObject) return []\n\n  const columns: string[] = []\n\n  // Add regular dimensions first\n  if (queryObject.dimensions) {\n    columns.push(...queryObject.dimensions)\n  }\n\n  // Add time dimensions\n  if (queryObject.timeDimensions) {\n    queryObject.timeDimensions.forEach(td => {\n      if (!columns.includes(td.dimension)) {\n        columns.push(td.dimension)\n      }\n    })\n  }\n\n  // Add measures last\n  if (queryObject.measures) {\n    columns.push(...queryObject.measures)\n  }\n\n  return columns\n}\n\n/**\n * Configuration for pivoting based on query structure\n */\nexport interface PivotConfig {\n  /** Time dimension field name (e.g., \"Sales.date\") */\n  timeDimension: string\n  /** Time granularity (e.g., \"month\", \"day\", \"year\") */\n  granularity: string\n  /** Non-time dimension fields */\n  dimensions: string[]\n  /** Measure fields */\n  measures: string[]\n}\n\n/**\n * Column definition for pivoted table\n */\nexport interface PivotColumn {\n  /** Column key for data access */\n  key: string\n  /** Display label for column header */\n  label: string\n  /** Whether this is a time column (vs row identifier column) */\n  isTimeColumn: boolean\n  /** Whether this is the measure column */\n  isMeasureColumn?: boolean\n}\n\n/**\n * Row in the pivoted table\n */\nexport interface PivotRow {\n  /** Unique row identifier */\n  id: string\n  /** The measure field name (for icon lookup) */\n  measureField: string\n  /** Values keyed by column key */\n  values: Record<string, any>\n  /** Whether this is the first row in a dimension group (for row spanning) */\n  isFirstInGroup?: boolean\n  /** Number of rows to span for dimension cells (only set on first row in group) */\n  dimensionRowSpan?: number\n}\n\n/**\n * Result of pivoting table data\n */\nexport interface PivotedTableData {\n  /** Whether data was pivoted (has time dimension with granularity) */\n  isPivoted: boolean\n  /** Column definitions for the pivoted table */\n  columns: PivotColumn[]\n  /** Rows of pivoted data */\n  rows: PivotRow[]\n}\n\n/**\n * Determines if a query has a time dimension with granularity that should trigger pivoting\n * @param queryObject The CubeQuery object\n * @param xAxisOverride Optional array of fields to use for filtering dimensions and measures\n *                      (for respecting chartConfig.xAxis configuration)\n * @returns PivotConfig if pivoting should occur, null otherwise\n */\nexport function hasTimeDimensionForPivot(\n  queryObject?: CubeQuery,\n  xAxisOverride?: string[]\n): PivotConfig | null {\n  if (!queryObject?.timeDimensions?.length) return null\n\n  // Find the first time dimension with granularity\n  const timeDim = queryObject.timeDimensions.find(td => td.granularity)\n  if (!timeDim?.granularity) return null\n\n  // Must have at least one measure to pivot\n  if (!queryObject.measures?.length) return null\n\n  let dimensions: string[]\n  let measures: string[]\n\n  if (xAxisOverride && xAxisOverride.length > 0) {\n    // Filter dimensions from xAxisOverride (excluding time dimension and measures)\n    dimensions = xAxisOverride.filter(field => {\n      // Exclude the time dimension being pivoted (it becomes columns)\n      if (field === timeDim.dimension) return false\n      // Exclude measures (they become row values, not dimension columns)\n      if (queryObject.measures?.includes(field)) return false\n      return true\n    })\n\n    // Filter measures from xAxisOverride - only show measures that are in xAxis\n    const measuresInXAxis = xAxisOverride.filter(field =>\n      queryObject.measures?.includes(field)\n    )\n    // If xAxis contains measures, use only those; otherwise fall back to all measures\n    measures = measuresInXAxis.length > 0 ? measuresInXAxis : queryObject.measures\n  } else {\n    dimensions = queryObject.dimensions || []\n    measures = queryObject.measures\n  }\n\n  // Must have at least one measure after filtering\n  if (measures.length === 0) return null\n\n  return {\n    timeDimension: timeDim.dimension,\n    granularity: timeDim.granularity,\n    dimensions,\n    measures\n  }\n}\n\n/**\n * Extracts unique time values from data and sorts them chronologically\n */\nfunction extractAndSortTimeValues(\n  data: any[],\n  timeDimension: string,\n  granularity: string\n): string[] {\n  const timeSet = new Set<string>()\n\n  data.forEach(row => {\n    const rawTime = row[timeDimension]\n    if (rawTime != null) {\n      const formattedTime = formatTimeValue(rawTime, granularity)\n      timeSet.add(formattedTime)\n    }\n  })\n\n  // Sort chronologically - ISO date strings sort correctly alphabetically\n  return Array.from(timeSet).sort()\n}\n\n/**\n * Builds column definitions for pivoted table\n * Order: Measure (if multiple) -> Dimensions -> Time columns\n */\nfunction buildColumns(\n  config: PivotConfig,\n  timeValues: string[],\n  getFieldLabel: (field: string) => string\n): PivotColumn[] {\n  const columns: PivotColumn[] = []\n\n  // Add measure column first (if multiple measures)\n  if (config.measures.length > 1) {\n    columns.push({\n      key: '__measure__',\n      label: 'Measure',\n      isTimeColumn: false,\n      isMeasureColumn: true\n    })\n  }\n\n  // Add dimension columns\n  config.dimensions.forEach(dim => {\n    columns.push({\n      key: dim,\n      label: getFieldLabel(dim),\n      isTimeColumn: false\n    })\n  })\n\n  // Add time columns (already sorted chronologically)\n  timeValues.forEach(timeVal => {\n    columns.push({\n      key: timeVal,\n      label: timeVal,\n      isTimeColumn: true\n    })\n  })\n\n  return columns\n}\n\n/**\n * Groups data by dimension values, then by time period\n * Returns Map<dimensionKey, Map<formattedTime, dataRow>>\n */\nfunction groupByDimensions(\n  data: any[],\n  config: PivotConfig\n): Map<string, Map<string, any>> {\n  const grouped = new Map<string, Map<string, any>>()\n\n  data.forEach(row => {\n    // Build dimension key from all dimension values\n    const dimKey = config.dimensions.length > 0\n      ? config.dimensions.map(dim => String(row[dim] ?? '')).join('|')\n      : '__all__'\n\n    // Get or create time map for this dimension combo\n    if (!grouped.has(dimKey)) {\n      grouped.set(dimKey, new Map())\n    }\n\n    // Store data point by formatted time value\n    const rawTime = row[config.timeDimension]\n    if (rawTime != null) {\n      const formattedTime = formatTimeValue(rawTime, config.granularity)\n      grouped.get(dimKey)!.set(formattedTime, row)\n    }\n  })\n\n  return grouped\n}\n\n/**\n * Builds pivoted rows from grouped data\n * Rows are grouped by measure first (all Revenue rows together, all Quantity rows together)\n * Then within each measure group, rows are ordered by dimension values\n */\nfunction buildPivotedRows(\n  data: any[],\n  config: PivotConfig,\n  timeValues: string[],\n  getFieldLabel: (field: string) => string\n): PivotRow[] {\n  // Group data by dimensions and time\n  const grouped = groupByDimensions(data, config)\n  const dimensionKeys = Array.from(grouped.keys())\n\n  const rows: PivotRow[] = []\n  const measureCount = config.measures.length\n  const dimensionCount = dimensionKeys.length\n\n  // Iterate over measures first, then dimensions\n  // This groups all rows for one measure together\n  config.measures.forEach((measure) => {\n    dimensionKeys.forEach((dimensionKey, dimIndex) => {\n      const timeData = grouped.get(dimensionKey)!\n      const rowId = measureCount > 1\n        ? `${measure}|${dimensionKey}`\n        : dimensionKey\n\n      const values: Record<string, any> = {}\n\n      // Add dimension values\n      const dimValues = dimensionKey === '__all__' ? [] : dimensionKey.split('|')\n      config.dimensions.forEach((dim, idx) => {\n        values[dim] = dimValues[idx] ?? ''\n      })\n\n      // Add measure name if multiple measures (for display in Measure column)\n      if (measureCount > 1) {\n        values['__measure__'] = getFieldLabel(measure)\n      }\n\n      // Add time period values\n      timeValues.forEach(timeVal => {\n        const dataPoint = timeData.get(timeVal)\n        values[timeVal] = dataPoint?.[measure] ?? null\n      })\n\n      // Track grouping for row spanning (when multiple measures)\n      // First row of each measure group should span all dimension rows\n      const isFirstInGroup = dimIndex === 0\n      const measureRowSpan = isFirstInGroup && measureCount > 1 ? dimensionCount : undefined\n\n      rows.push({\n        id: rowId,\n        measureField: measure,\n        values,\n        isFirstInGroup,\n        dimensionRowSpan: measureRowSpan\n      })\n    })\n  })\n\n  return rows\n}\n\n/**\n * Pivots flat data into time-columned table structure\n *\n * @param data Raw data array from query result\n * @param config Pivot configuration\n * @param getFieldLabel Function to get display label for a field\n * @param meta Optional cube metadata for looking up measure types\n * @returns Pivoted table data structure\n */\nexport function pivotTableData(\n  data: any[],\n  config: PivotConfig,\n  getFieldLabel: (field: string) => string,\n  _meta?: CubeMeta | null\n): PivotedTableData {\n  if (!data || data.length === 0) {\n    return { isPivoted: true, columns: [], rows: [] }\n  }\n\n  // Extract unique time values and sort chronologically\n  const timeValues = extractAndSortTimeValues(data, config.timeDimension, config.granularity)\n\n  // Build column definitions\n  const columns = buildColumns(config, timeValues, getFieldLabel)\n\n  // Build pivoted rows\n  const rows = buildPivotedRows(data, config, timeValues, getFieldLabel)\n\n  return { isPivoted: true, columns, rows }\n}\n\n/**\n * Looks up the measure type from metadata\n *\n * @param measureField The fully qualified measure field name (e.g., \"Sales.revenue\")\n * @param meta Cube metadata\n * @returns The measure type (e.g., \"sum\", \"count\", \"avg\") or undefined\n */\nexport function getMeasureType(measureField: string, meta: CubeMeta | null): string | undefined {\n  if (!meta?.cubes) return undefined\n\n  for (const cube of meta.cubes) {\n    const measure = cube.measures.find(m => m.name === measureField)\n    if (measure) {\n      return measure.type\n    }\n  }\n\n  return undefined\n}\n","/**\n * Data Table component with time dimension pivoting\n *\n * When a query includes a time dimension with granularity, the table\n * automatically pivots to show time periods as columns.\n */\n\nimport React, { useMemo } from 'react'\nimport { useCubeMeta } from '../../providers/CubeProvider'\nimport { getMeasureTypeIcon } from '../../icons'\nimport {\n  hasTimeDimensionForPivot,\n  pivotTableData,\n  getMeasureType,\n  getOrderedColumnsFromQuery,\n  type PivotedTableData,\n  type PivotColumn,\n  type PivotRow\n} from '../../utils/pivotUtils'\nimport { formatAxisValue } from '../../utils/chartUtils'\nimport type { ChartProps, AxisFormatConfig } from '../../types'\n\nconst DataTable = React.memo(function DataTable({\n  data,\n  chartConfig,\n  displayConfig = {},\n  queryObject,\n  height = 300\n}: ChartProps) {\n  const { getFieldLabel, meta } = useCubeMeta()\n\n  // Detect if we should pivot based on query structure\n  // Pass chartConfig.xAxis to respect user-configured column ordering\n  const pivotConfig = useMemo(\n    () => hasTimeDimensionForPivot(queryObject, chartConfig?.xAxis),\n    [queryObject, chartConfig?.xAxis]\n  )\n\n  // Check if pivoting is enabled (default: true when time dimension present)\n  const enablePivot = displayConfig?.pivotTimeDimension !== false\n\n  // Compute pivoted data if applicable\n  const pivotedData = useMemo<PivotedTableData | null>(() => {\n    if (!pivotConfig || !enablePivot) return null\n    return pivotTableData(data, pivotConfig, getFieldLabel, meta)\n  }, [data, pivotConfig, enablePivot, getFieldLabel, meta])\n\n  // Empty state\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 to display in table</div>\n        </div>\n      </div>\n    )\n  }\n\n  // Render pivoted table if applicable\n  if (pivotedData?.isPivoted && pivotedData.columns.length > 0) {\n    return (\n      <PivotedTable\n        pivotedData={pivotedData}\n        height={height}\n        meta={meta}\n        leftYAxisFormat={displayConfig?.leftYAxisFormat}\n      />\n    )\n  }\n\n  // Fallback to flat table rendering\n  return (\n    <FlatTable\n      data={data}\n      chartConfig={chartConfig}\n      queryObject={queryObject}\n      height={height}\n      getFieldLabel={getFieldLabel}\n      leftYAxisFormat={displayConfig?.leftYAxisFormat}\n    />\n  )\n})\n\nexport default DataTable\n\n/**\n * Pivoted table component - renders time dimension as columns\n */\nfunction PivotedTable({\n  pivotedData,\n  height,\n  meta,\n  leftYAxisFormat\n}: {\n  pivotedData: PivotedTableData\n  height: number | string\n  meta: any\n  leftYAxisFormat?: AxisFormatConfig\n}) {\n  const { columns, rows } = pivotedData\n\n  if (columns.length === 0 || rows.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 to display in table</div>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"dc:w-full dc:overflow-auto\" style={{ height }}>\n      <table className=\"dc:min-w-full dc:divide-y border-dc-border\">\n        <thead className=\"bg-dc-surface-secondary dc:sticky dc:top-0\">\n          <tr>\n            {columns.map((col: PivotColumn) => (\n              <th\n                key={col.key}\n                className={`dc:px-3 dc:py-2 dc:text-xs dc:font-medium text-dc-text-muted dc:uppercase dc:tracking-wider dc:whitespace-nowrap ${\n                  col.isTimeColumn ? 'dc:text-right' : 'dc:text-left'\n                }`}\n              >\n                {col.label}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody className=\"bg-dc-surface dc:divide-y border-dc-border\">\n          {rows.map((row: PivotRow) => (\n            <PivotedTableRow\n              key={row.id}\n              row={row}\n              columns={columns}\n              meta={meta}\n              leftYAxisFormat={leftYAxisFormat}\n            />\n          ))}\n        </tbody>\n      </table>\n    </div>\n  )\n}\n\n/**\n * Single row in the pivoted table\n * Supports row spanning for measure cells when grouped by measure\n */\nfunction PivotedTableRow({\n  row,\n  columns,\n  meta,\n  leftYAxisFormat\n}: {\n  row: PivotRow\n  columns: PivotColumn[]\n  meta: any\n  leftYAxisFormat?: AxisFormatConfig\n}) {\n  // Get measure icon for this row\n  const measureType = getMeasureType(row.measureField, meta)\n  const MeasureIcon = getMeasureTypeIcon(measureType)\n\n  return (\n    <tr className=\"hover:bg-dc-surface-secondary\">\n      {columns.map((col: PivotColumn) => {\n        const value = row.values[col.key]\n\n        // Measure column - show icon + label with row spanning\n        if (col.isMeasureColumn) {\n          // Skip this cell if not first in measure group\n          if (row.isFirstInGroup === false) {\n            return null\n          }\n\n          return (\n            <td\n              key={col.key}\n              className=\"dc:px-3 dc:py-2 dc:whitespace-nowrap dc:text-sm text-dc-text dc:align-top\"\n              rowSpan={row.dimensionRowSpan}\n            >\n              <div className=\"dc:flex dc:items-center\">\n                <MeasureIcon className=\"dc:w-3.5 dc:h-3.5 dc:mr-1.5 text-dc-text-muted dc:shrink-0\" />\n                <span>{value}</span>\n              </div>\n            </td>\n          )\n        }\n\n        // Time column - right-aligned, formatted values (these are measure values)\n        if (col.isTimeColumn) {\n          return (\n            <td\n              key={col.key}\n              className=\"dc:px-3 dc:py-2 dc:whitespace-nowrap dc:text-sm dc:text-right text-dc-text\"\n            >\n              {formatPivotCellValue(value, leftYAxisFormat)}\n            </td>\n          )\n        }\n\n        // Dimension column - left-aligned (no row spanning) - no number formatting\n        return (\n          <td\n            key={col.key}\n            className=\"dc:px-3 dc:py-2 dc:whitespace-nowrap dc:text-sm text-dc-text\"\n          >\n            {formatPivotCellValue(value)}\n          </td>\n        )\n      })}\n    </tr>\n  )\n}\n\n/**\n * Format cell value for pivoted table display\n * Shows \"-\" for null/undefined values\n */\nfunction formatPivotCellValue(value: any, formatConfig?: AxisFormatConfig): string {\n  if (value === null || value === undefined) return '-'\n  if (typeof value === 'number') {\n    // Use formatAxisValue if config provided\n    if (formatConfig) {\n      return formatAxisValue(value, formatConfig)\n    }\n    // Format with locale and up to 2 decimal places\n    if (Number.isInteger(value)) {\n      return value.toLocaleString()\n    }\n    return parseFloat(value.toFixed(2)).toLocaleString()\n  }\n  if (typeof value === 'boolean') {\n    return value ? 'Yes' : 'No'\n  }\n  return String(value)\n}\n\n/**\n * Flat table component - original non-pivoted table rendering\n */\nfunction FlatTable({\n  data,\n  chartConfig,\n  queryObject,\n  height,\n  getFieldLabel,\n  leftYAxisFormat\n}: {\n  data: any[]\n  chartConfig?: { xAxis?: string[] }\n  queryObject?: ChartProps['queryObject']\n  height: number | string\n  getFieldLabel: (field: string) => string\n  leftYAxisFormat?: AxisFormatConfig\n}) {\n  // Get all columns available in data\n  const allColumns = Object.keys(data[0] || {})\n\n  // Determine column order with proper fallback:\n  // 1. If xAxis is configured, use that order\n  // 2. Otherwise, derive order from queryObject (dimensions + timeDimensions + measures)\n  // 3. Fallback: Object.keys order\n  const columns = useMemo(() => {\n    // If xAxis is configured, use that order (filtered to existing columns)\n    if (chartConfig?.xAxis && chartConfig.xAxis.length > 0) {\n      return chartConfig.xAxis.filter(col => allColumns.includes(col))\n    }\n\n    // Derive order from queryObject\n    const queryOrder = getOrderedColumnsFromQuery(queryObject)\n    if (queryOrder.length > 0) {\n      // Filter to only columns that exist in data\n      const ordered = queryOrder.filter(col => allColumns.includes(col))\n      // Add any columns in data that weren't in query (edge case)\n      const remaining = allColumns.filter(col => !ordered.includes(col))\n      return [...ordered, ...remaining]\n    }\n\n    // Final fallback: Object.keys order\n    return allColumns\n  }, [chartConfig?.xAxis, queryObject, allColumns])\n\n  if (columns.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 columns available</div>\n          <div className=\"dc:text-xs text-dc-text-secondary\">Data structure is invalid</div>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"dc:w-full dc:overflow-auto\" style={{ height }}>\n      <table className=\"dc:min-w-full dc:divide-y border-dc-border\">\n        <thead className=\"bg-dc-surface-secondary dc:sticky dc:top-0\">\n          <tr>\n            {columns.map((column) => (\n              <th\n                key={column}\n                className=\"dc:px-3 dc:py-2 dc:text-left dc:text-xs dc:font-medium text-dc-text-muted dc:uppercase dc:tracking-wider\"\n              >\n                {getFieldLabel(column)}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody className=\"bg-dc-surface dc:divide-y border-dc-border\">\n          {data.map((row, index) => (\n            <tr key={index} className=\"hover:bg-dc-surface-secondary\">\n              {columns.map((column) => (\n                <td\n                  key={column}\n                  className=\"dc:px-3 dc:py-2 dc:whitespace-nowrap dc:text-sm text-dc-text\"\n                >\n                  {formatCellValue(row[column], leftYAxisFormat)}\n                </td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  )\n}\n\n/**\n * Format cell value for flat table display\n */\nfunction formatCellValue(value: any, formatConfig?: AxisFormatConfig): string {\n  if (value == null) return ''\n  if (typeof value === 'number') {\n    // Use formatAxisValue if config provided\n    if (formatConfig) {\n      return formatAxisValue(value, formatConfig)\n    }\n    return value.toLocaleString()\n  }\n  if (typeof value === 'boolean') {\n    return value ? 'Yes' : 'No'\n  }\n  return String(value)\n}\n"],"names":["getOrderedColumnsFromQuery","queryObject","columns","td","hasTimeDimensionForPivot","xAxisOverride","timeDim","dimensions","measures","field","measuresInXAxis","extractAndSortTimeValues","data","timeDimension","granularity","timeSet","row","rawTime","formattedTime","formatTimeValue","buildColumns","config","timeValues","getFieldLabel","dim","timeVal","groupByDimensions","grouped","dimKey","buildPivotedRows","dimensionKeys","rows","measureCount","dimensionCount","measure","dimensionKey","dimIndex","timeData","rowId","values","dimValues","idx","dataPoint","isFirstInGroup","measureRowSpan","pivotTableData","_meta","getMeasureType","measureField","meta","cube","m","DataTable","React","chartConfig","displayConfig","height","useCubeMeta","pivotConfig","useMemo","enablePivot","pivotedData","jsx","jsxs","PivotedTable","FlatTable","leftYAxisFormat","col","PivotedTableRow","measureType","MeasureIcon","getMeasureTypeIcon","value","formatPivotCellValue","formatConfig","formatAxisValue","allColumns","queryOrder","ordered","remaining","column","index","formatCellValue"],"mappings":"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"}

package/dist/client/chunks/chart-funnel-WmuoWlCq.js

@@ -1,259 +0,0 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import R, { useMemo as k } from "react";
-import { ResponsiveContainer as A, FunnelChart as D, Tooltip as P, Funnel as z, Cell as B, LabelList as j } from "recharts";
-import { c as E } from "./charts-core-BUUO36OM.js";
-import { f as y } from "./funnel-utils-CyonoNeC.js";
-const K = [
-  "#3B82F6",
-  // blue-500
-  "#60A5FA",
-  // blue-400
-  "#93C5FD",
-  // blue-300
-  "#BFDBFE",
-  // blue-200
-  "#DBEAFE"
-  // blue-100
-];
-function w(r, l) {
-  const h = l || K;
-  return h[r % h.length];
-}
-function V(r) {
-  if (!r || r.length === 0) return !1;
-  const l = r[0];
-  return typeof l == "object" && l !== null && "name" in l && "value" in l && "percentage" in l;
-}
-function _(r, l, h, g) {
-  const a = [];
-  return l && r.avgSecondsToConvert != null && a.push(`Avg: ${y(r.avgSecondsToConvert)}`), h && r.medianSecondsToConvert != null && a.push(`Med: ${y(r.medianSecondsToConvert)}`), g && r.p90SecondsToConvert != null && a.push(`P90: ${y(r.p90SecondsToConvert)}`), a;
-}
-const J = R.memo(function({
-  data: l,
-  height: h = "100%",
-  colorPalette: g,
-  displayConfig: a
-}) {
-  const F = a?.funnelStepLabels, S = (a?.funnelOrientation || "horizontal") === "vertical", M = a?.funnelStyle ?? "bars", L = a?.showFunnelConversion ?? !0, C = a?.showFunnelAvgTime ?? a?.showFunnelTimeMetrics ?? !1, T = a?.showFunnelMedianTime ?? !1, $ = a?.showFunnelP90Time ?? !1, c = k(() => !l || l.length === 0 ? [] : V(l) ? l : l.map((s, d) => {
-    const n = s, m = Object.keys(n).find(
-      (o) => o.toLowerCase().includes("step") || o.toLowerCase().includes("name") || o === "__stepName"
-    ), f = m ? String(n[m]) : `Step ${d + 1}`, x = Object.keys(n).find(
-      (o) => o.toLowerCase().includes("count") || o.toLowerCase().includes("value") || o === "__count"
-    ), v = x && Number(n[x]) || 0, u = Object.keys(n).find(
-      (o) => o.toLowerCase().includes("percent") || o === "__percentage"
-    ), N = u && Number(n[u]) || 0, p = Object.keys(n).find(
-      (o) => o.toLowerCase().includes("conversion") || o === "__conversionRate"
-    ), O = p && Number(n[p]) || null;
-    return {
-      name: f,
-      value: v,
-      percentage: N,
-      conversionRate: O,
-      stepIndex: d
-    };
-  }), [l]), i = c[0]?.value || 0;
-  if (!l || l.length === 0 || c.length === 0)
-    return /* @__PURE__ */ e(
-      "div",
-      {
-        className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
-        style: { height: h },
-        children: /* @__PURE__ */ t("div", { className: "dc:text-center", children: [
-          /* @__PURE__ */ e("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "No funnel data" }),
-          /* @__PURE__ */ e("div", { className: "dc:text-xs text-dc-text-secondary", children: "Configure a funnel with at least 2 steps and a binding key" })
-        ] })
-      }
-    );
-  const b = g?.colors || E;
-  return M === "funnel" ? /* @__PURE__ */ t("div", { className: "dc:relative dc:w-full dc:h-full dc:flex dc:flex-col", style: { height: h }, children: [
-    /* @__PURE__ */ e("div", { className: "dc:flex-1", children: /* @__PURE__ */ e(A, { width: "100%", height: "100%", children: /* @__PURE__ */ t(D, { layout: S ? "horizontal" : "vertical", accessibilityLayer: !1, children: [
-      /* @__PURE__ */ e(
-        P,
-        {
-          formatter: (d) => typeof d == "number" ? d.toLocaleString() : String(d),
-          contentStyle: {
-            backgroundColor: "var(--dc-surface)",
-            border: "1px solid var(--dc-border)",
-            borderRadius: "4px"
-          }
-        }
-      ),
-      /* @__PURE__ */ t(
-        z,
-        {
-          dataKey: "value",
-          nameKey: "name",
-          data: c,
-          isAnimationActive: !0,
-          children: [
-            c.map((d, n) => /* @__PURE__ */ e(B, { fill: w(n, b) }, `cell-${n}`)),
-            /* @__PURE__ */ e(
-              j,
-              {
-                position: "right",
-                dataKey: "name",
-                fill: "var(--dc-text)",
-                style: { fontSize: "12px" }
-              }
-            ),
-            /* @__PURE__ */ e(
-              j,
-              {
-                position: "center",
-                dataKey: "percentage",
-                formatter: (d) => typeof d == "number" ? `${d.toFixed(1)}%` : String(d),
-                fill: "#fff",
-                style: { fontSize: "11px", fontWeight: 500 }
-              }
-            )
-          ]
-        }
-      )
-    ] }) }) }),
-    !a?.hideSummaryFooter && /* @__PURE__ */ e("div", { className: "dc:flex-shrink-0 dc:px-4 dc:py-2 dc:border-t border-dc-border bg-dc-surface-secondary", children: /* @__PURE__ */ t("div", { className: "dc:flex dc:items-center dc:justify-between dc:text-sm", children: [
-      /* @__PURE__ */ t("div", { className: "text-dc-text-muted", children: [
-        /* @__PURE__ */ e("span", { className: "dc:font-medium", children: c.length }),
-        " steps"
-      ] }),
-      /* @__PURE__ */ t("div", { className: "text-dc-text", children: [
-        /* @__PURE__ */ e("span", { className: "text-dc-text-muted", children: "Overall:" }),
-        " ",
-        /* @__PURE__ */ e("span", { className: "dc:font-medium", children: i > 0 ? `${((c[c.length - 1]?.value || 0) / i * 100).toFixed(1)}%` : "0%" })
-      ] }),
-      /* @__PURE__ */ t("div", { className: "text-dc-text-muted", children: [
-        c[c.length - 1]?.value.toLocaleString() || 0,
-        " / ",
-        i.toLocaleString(),
-        " completed"
-      ] })
-    ] }) })
-  ] }) : S ? /* @__PURE__ */ t("div", { className: "dc:relative dc:w-full dc:h-full dc:flex dc:flex-col", style: { height: h }, children: [
-    /* @__PURE__ */ e("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", children: c.map((s, d) => {
-      const n = i > 0 ? s.value / i * 100 : 0, m = d > 0 ? c[d - 1] : null, f = m && m.value > 0 ? s.value / m.value * 100 : null, x = F?.[d] || s.name, v = _(s, C, T, $), u = v.length;
-      return /* @__PURE__ */ t("div", { className: "dc:flex dc:flex-col dc:items-center dc:gap-2 dc:flex-1 dc:max-w-32 dc:h-full", children: [
-        /* @__PURE__ */ e("div", { className: `${u > 0 ? u > 1 ? "dc:min-h-16" : "dc:min-h-10" : "dc:h-5"} dc:flex-shrink-0 dc:text-center`, children: f !== null ? /* @__PURE__ */ t("div", { className: "dc:text-xs text-dc-text-secondary", children: [
-          L && /* @__PURE__ */ t("span", { children: [
-            "→ ",
-            f.toFixed(1),
-            "%"
-          ] }),
-          u > 0 && /* @__PURE__ */ e("div", { className: "text-dc-text-muted dc:mt-0.5 dc:space-y-0.5", children: v.map((N, p) => /* @__PURE__ */ t("div", { children: [
-            "⏱ ",
-            N
-          ] }, p)) })
-        ] }) : /* @__PURE__ */ e("div", { className: "dc:text-xs text-dc-text-muted", children: "—" }) }),
-        /* @__PURE__ */ t("div", { className: "dc:flex-1 dc:w-full dc:relative dc:min-h-12", children: [
-          /* @__PURE__ */ e("div", { className: "dc:absolute dc:inset-0 bg-dc-surface-secondary dc:rounded-sm" }),
-          /* @__PURE__ */ e(
-            "div",
-            {
-              className: "dc:absolute dc:bottom-0 dc:left-0 dc:right-0 dc:rounded-sm dc:transition-all dc:duration-300",
-              style: {
-                height: `${Math.max(n, 5)}%`,
-                backgroundColor: w(d, b)
-              }
-            }
-          ),
-          /* @__PURE__ */ e(
-            "div",
-            {
-              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",
-              style: { height: `${Math.max(n, 20)}%` },
-              children: /* @__PURE__ */ t("span", { className: "dc:text-xs dc:font-medium text-white dc:drop-shadow-sm", children: [
-                s.percentage?.toFixed(1) ?? n.toFixed(1),
-                "%"
-              ] })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ t("div", { className: "dc:flex-shrink-0 dc:text-center", children: [
-          /* @__PURE__ */ e("div", { className: "dc:text-sm dc:font-medium text-dc-text dc:truncate", title: x, children: x }),
-          /* @__PURE__ */ e("div", { className: "dc:text-xs text-dc-text-muted", children: s.value.toLocaleString() })
-        ] })
-      ] }, s.name);
-    }) }),
-    !a?.hideSummaryFooter && /* @__PURE__ */ e("div", { className: "dc:flex-shrink-0 dc:px-4 dc:py-2 dc:border-t border-dc-border bg-dc-surface-secondary", children: /* @__PURE__ */ t("div", { className: "dc:flex dc:items-center dc:justify-between dc:text-sm", children: [
-      /* @__PURE__ */ t("div", { className: "text-dc-text-muted", children: [
-        /* @__PURE__ */ e("span", { className: "dc:font-medium", children: c.length }),
-        " steps"
-      ] }),
-      /* @__PURE__ */ t("div", { className: "text-dc-text", children: [
-        /* @__PURE__ */ e("span", { className: "text-dc-text-muted", children: "Overall:" }),
-        " ",
-        /* @__PURE__ */ e("span", { className: "dc:font-medium", children: i > 0 ? `${((c[c.length - 1]?.value || 0) / i * 100).toFixed(1)}%` : "0%" })
-      ] }),
-      /* @__PURE__ */ t("div", { className: "text-dc-text-muted", children: [
-        c[c.length - 1]?.value.toLocaleString() || 0,
-        " / ",
-        i.toLocaleString(),
-        " completed"
-      ] })
-    ] }) })
-  ] }) : /* @__PURE__ */ t("div", { className: "dc:relative dc:w-full dc:h-full dc:flex dc:flex-col", style: { height: h }, children: [
-    /* @__PURE__ */ e("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", children: c.map((s, d) => {
-      const n = i > 0 ? s.value / i * 100 : 0, m = d > 0 ? c[d - 1] : null, f = m && m.value > 0 ? s.value / m.value * 100 : null, x = F?.[d] || s.name, v = _(s, C, T, $), u = v.length;
-      return /* @__PURE__ */ t("div", { className: "dc:flex dc:items-center dc:gap-3", children: [
-        /* @__PURE__ */ t("div", { className: "dc:w-24 dc:flex-shrink-0 dc:text-right", children: [
-          /* @__PURE__ */ e("div", { className: "dc:text-sm dc:font-medium text-dc-text dc:truncate", title: x, children: x }),
-          /* @__PURE__ */ e("div", { className: "dc:text-xs text-dc-text-muted", children: s.value.toLocaleString() })
-        ] }),
-        /* @__PURE__ */ t("div", { className: "dc:flex-1 dc:relative", children: [
-          /* @__PURE__ */ e("div", { className: "dc:w-full dc:h-8 bg-dc-surface-secondary dc:rounded-sm" }),
-          /* @__PURE__ */ e(
-            "div",
-            {
-              className: "dc:absolute dc:top-0 dc:left-0 dc:h-8 dc:rounded-sm dc:transition-all dc:duration-300",
-              style: {
-                width: `${Math.max(n, 2)}%`,
-                backgroundColor: w(d, b)
-              }
-            }
-          ),
-          /* @__PURE__ */ e(
-            "div",
-            {
-              className: "dc:absolute dc:top-0 dc:left-0 dc:h-8 dc:flex dc:items-center dc:px-2 dc:pointer-events-none",
-              style: { width: `${Math.max(n, 20)}%` },
-              children: /* @__PURE__ */ t("span", { className: "dc:text-xs dc:font-medium text-white dc:drop-shadow-sm", children: [
-                s.percentage?.toFixed(1) ?? n.toFixed(1),
-                "%"
-              ] })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e("div", { className: `${u > 0 ? u > 1 ? "dc:w-36" : "dc:w-28" : "dc:w-16"} dc:flex-shrink-0 dc:text-left`, children: f !== null ? /* @__PURE__ */ t("div", { className: "dc:text-xs text-dc-text-secondary", children: [
-          L && /* @__PURE__ */ t("span", { children: [
-            "↓ ",
-            f.toFixed(1),
-            "%"
-          ] }),
-          u > 0 && /* @__PURE__ */ e("div", { className: "text-dc-text-muted dc:mt-0.5 dc:space-y-0.5", children: v.map((N, p) => /* @__PURE__ */ t("div", { children: [
-            "⏱ ",
-            N
-          ] }, p)) })
-        ] }) : /* @__PURE__ */ e("div", { className: "dc:text-xs text-dc-text-muted", children: "—" }) })
-      ] }, s.name);
-    }) }),
-    !a?.hideSummaryFooter && /* @__PURE__ */ e("div", { className: "dc:flex-shrink-0 dc:px-4 dc:py-2 dc:border-t border-dc-border bg-dc-surface-secondary", children: /* @__PURE__ */ t("div", { className: "dc:flex dc:items-center dc:justify-between dc:text-sm", children: [
-      /* @__PURE__ */ t("div", { className: "text-dc-text-muted", children: [
-        /* @__PURE__ */ e("span", { className: "dc:font-medium", children: c.length }),
-        " steps"
-      ] }),
-      /* @__PURE__ */ t("div", { className: "text-dc-text", children: [
-        /* @__PURE__ */ e("span", { className: "text-dc-text-muted", children: "Overall:" }),
-        " ",
-        /* @__PURE__ */ e("span", { className: "dc:font-medium", children: i > 0 ? `${((c[c.length - 1]?.value || 0) / i * 100).toFixed(1)}%` : "0%" })
-      ] }),
-      /* @__PURE__ */ t("div", { className: "text-dc-text-muted", children: [
-        c[c.length - 1]?.value.toLocaleString() || 0,
-        " / ",
-        i.toLocaleString(),
-        " completed"
-      ] })
-    ] }) })
-  ] });
-});
-export {
-  J as default
-};
-//# sourceMappingURL=chart-funnel-WmuoWlCq.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"chart-funnel-WmuoWlCq.js","sources":["../../../src/client/components/charts/FunnelChart.tsx"],"sourcesContent":["/**\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 { 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  // 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\">No funnel data</div>\n          <div className=\"dc:text-xs text-dc-text-secondary\">\n            Configure a funnel with at least 2 steps and a binding key\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\">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\">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\">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"],"names":["FUNNEL_COLORS","getStepColor","index","colorPalette","colors","isFunnelData","data","first","getTimeMetricsLines","step","showAvg","showMedian","showP90","lines","formatDuration","FunnelChart","React","height","displayConfig","customStepLabels","isVertical","funnelStyle","showConversion","showAvgTime","showMedianTime","showP90Time","funnelData","useMemo","row","record","nameField","k","name","valueField","value","percentField","percentage","convRateField","conversionRate","firstStepValue","jsx","jsxs","paletteColors","CHART_COLORS","ResponsiveContainer","RechartsFunnelChart","Tooltip","Funnel","_","Cell","LabelList","v","heightPercent","prevStep","stepConversionRate","displayName","timeMetricsLines","metricsCount","line","i","widthPercent"],"mappings":"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"}