drizzle-cube 0.5.8 → 0.6.1

package/dist/client/chunks/chart-tree-map-uiwUU4nb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-tree-map-uiwUU4nb.js","names":[],"sources":["../../../src/client/components/charts/TreeMapChart.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport { Treemap } from 'recharts'\nimport { scaleQuantize, scaleOrdinal } from 'd3'\nimport ChartContainer from './ChartContainer'\nimport ChartTooltip from './ChartTooltip'\nimport { CHART_COLORS, CHART_COLORS_GRADIENT } from '../../utils/chartConstants'\nimport { formatTimeValue, getFieldGranularity, formatAxisValue } from '../../utils/chartUtils'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel'\nimport type { ChartProps } from '../../types'\n\nconst TreeMapChart = React.memo(function TreeMapChart({\n  data,\n  chartConfig,\n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette,\n  onDataPointClick,\n  drillEnabled\n}: ChartProps) {\n  const { t } = useTranslation()\n  const [hoveredIndex, setHoveredIndex] = useState<number | null>(null)\n  // Use specialized hook to avoid re-renders from unrelated context changes\n  const getFieldLabel = useCubeFieldLabel()\n  \n  try {\n    const safeDisplayConfig = {\n      showTooltip: displayConfig?.showTooltip ?? true,\n      showLegend: displayConfig?.showLegend ?? true,\n      leftYAxisFormat: displayConfig?.leftYAxisFormat\n    }\n\n    if (!data || data.length === 0) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.noData')}</div>\n            <div className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.noDataHint.treemap')}</div>\n          </div>\n        </div>\n      )\n    }\n\n    let treemapData: Array<{name: string, size: number, fill?: string, series?: string}>\n    let isNumericSeries = false\n    let seriesField: string | undefined\n\n    if (chartConfig?.xAxis && chartConfig?.yAxis) {\n      // New format - use chart config\n      const xAxisField = Array.isArray(chartConfig.xAxis) ? chartConfig.xAxis[0] : chartConfig.xAxis // Name/category field\n      const yAxisField = Array.isArray(chartConfig.yAxis) ? chartConfig.yAxis[0] : chartConfig.yAxis // Size field\n      seriesField = Array.isArray(chartConfig.series) ? chartConfig.series[0] : chartConfig.series // Color grouping field\n\n      const granularity = getFieldGranularity(queryObject, xAxisField)\n      \n      if (seriesField) {\n        // Check if series field is numeric for color scaling\n        const seriesValues = data.map(item => {\n          const value = item[seriesField!]\n          return typeof value === 'string' ? parseFloat(value) : value\n        }).filter(val => !isNaN(val))\n        \n        isNumericSeries = seriesValues.length === data.length && seriesValues.every(val => typeof val === 'number')\n        \n        \n        if (isNumericSeries) {\n          // Use D3 quantize scale for better color distribution with small ranges\n          const minValue = Math.min(...seriesValues)\n          const maxValue = Math.max(...seriesValues)\n          \n          // Create D3 quantize color scale - maps continuous data to discrete color bands\n          const colorScale = scaleQuantize<string>()\n            .domain([minValue, maxValue])\n            .range(CHART_COLORS_GRADIENT)\n          \n          treemapData = data.map((item) => {\n            const seriesValue = typeof item[seriesField!] === 'string' \n              ? parseFloat(item[seriesField!]) \n              : item[seriesField!]\n            \n            const color = colorScale(seriesValue)\n            \n            return {\n              name: formatTimeValue(item[xAxisField], granularity) || String(item[xAxisField]) || 'Unknown',\n              size: typeof item[yAxisField] === 'string' \n                ? parseFloat(item[yAxisField]) \n                : (item[yAxisField] || 0),\n              fill: color,\n              series: String(item[seriesField!])\n            }\n          })\n        } else {\n          // Use D3 ordinal color scale for categorical series\n          const uniqueSeriesValues = [...new Set(data.map(item => String(item[seriesField!])))]\n          const colorScale = scaleOrdinal<string>()\n            .domain(uniqueSeriesValues)\n            .range(colorPalette?.colors || CHART_COLORS)\n          \n          treemapData = data.map((item) => ({\n            name: formatTimeValue(item[xAxisField], granularity) || String(item[xAxisField]) || 'Unknown',\n            size: typeof item[yAxisField] === 'string' \n              ? parseFloat(item[yAxisField]) \n              : (item[yAxisField] || 0),\n            fill: colorScale(String(item[seriesField!])),\n            series: String(item[seriesField!])\n          }))\n        }\n      } else {\n        // No series grouping - use index-based colors\n        treemapData = data.map((item, index) => ({\n          name: formatTimeValue(item[xAxisField], granularity) || String(item[xAxisField]) || 'Unknown',\n          size: typeof item[yAxisField] === 'string' \n            ? parseFloat(item[yAxisField]) \n            : (item[yAxisField] || 0),\n          fill: (colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) || CHART_COLORS[index % CHART_COLORS.length]\n        }))\n      }\n    } else {\n      // Legacy format or auto-detection\n      const firstRow = data[0]\n      const keys = Object.keys(firstRow)\n      \n      // Try to find name/label field\n      const nameField = keys.find(key => \n        typeof firstRow[key] === 'string' ||\n        key.toLowerCase().includes('name') ||\n        key.toLowerCase().includes('label') ||\n        key.toLowerCase().includes('category')\n      ) || keys[0]\n\n      // Find a numeric field for size - look for 'size' field first, then any numeric\n      const sizeField = keys.find(key => key.toLowerCase().includes('size')) ||\n        keys.find(key => \n          typeof firstRow[key] === 'number' && key !== nameField\n        ) || keys[1]\n\n      if (!sizeField) {\n        return (\n          <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning\" style={{ height }}>\n            <div className=\"dc:text-center\">\n              <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.configError')}</div>\n              <div className=\"dc:text-xs\">{t('chart.runtime.configErrorHint.treemapNumeric')}</div>\n            </div>\n          </div>\n        )\n      }\n\n      // Transform data for treemap chart\n      treemapData = data.map((item, index) => {\n        let name = item[nameField]\n        // Handle boolean values with better labels\n        if (typeof name === 'boolean') {\n          name = name ? 'Active' : 'Inactive'\n        } else if (name === 'true' || name === 'false') {\n          name = name === 'true' ? 'Active' : 'Inactive'\n        } else {\n          name = String(name)\n        }\n        return {\n          name,\n          size: typeof item[sizeField] === 'string' \n            ? parseFloat(item[sizeField]) \n            : (item[sizeField] || 0),\n          fill: (colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) || CHART_COLORS[index % CHART_COLORS.length]\n        }\n      })\n    }\n\n    // Filter out zero/null values and ensure positive sizes\n    treemapData = treemapData.filter(item => item.size != null && item.size > 0)\n    \n    if (treemapData.length === 0) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.noValidData')}</div>\n            <div className=\"dc:text-xs text-dc-text-secondary\">No valid data points for treemap chart after transformation</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Custom content renderer for treemap cells with HTML overlays\n    const CustomizedContent = (props: any) => {\n      const { x, y, width, height, index, name, size } = props\n\n      if (width < 20 || height < 20) return null // Don't render content for very small cells\n\n      const handleClick = (event: React.MouseEvent) => {\n        event.stopPropagation()\n        const cellData = treemapData[index]\n        if (cellData && onDataPointClick) {\n          // Use query measures for proper field name (chartConfig.yAxis may contain display labels)\n          const measureField = queryObject?.measures?.[0] || chartConfig?.yAxis?.[0] || ''\n          onDataPointClick({\n            dataPoint: cellData,\n            clickedField: measureField,\n            xValue: name,\n            position: { x: event.clientX, y: event.clientY },\n            nativeEvent: event\n          })\n        }\n      }\n\n      return (\n        <g>\n          <rect\n            x={x}\n            y={y}\n            width={width}\n            height={height}\n            style={{\n              fill: treemapData[index]?.fill || ((colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) || CHART_COLORS[index % CHART_COLORS.length]),\n              fillOpacity: hoveredIndex !== null ? (hoveredIndex === index ? 1 : 0.6) : 0.8,\n              stroke: '#fff',\n              strokeWidth: 2,\n              cursor: drillEnabled ? 'pointer' : 'default',\n              pointerEvents: 'all'  // Ensure rect captures click events\n            }}\n            onMouseEnter={() => setHoveredIndex(index)}\n            onMouseLeave={() => setHoveredIndex(null)}\n            onClick={drillEnabled && onDataPointClick ? handleClick : undefined}\n          />\n          <foreignObject \n            x={x} \n            y={y} \n            width={width} \n            height={height}\n            style={{ pointerEvents: 'none', overflow: 'visible' }}\n          >\n            <div \n              style={{\n                width: '100%',\n                height: '100%',\n                display: 'flex',\n                flexDirection: 'column',\n                alignItems: 'center',\n                justifyContent: 'center',\n                padding: '4px',\n                boxSizing: 'border-box',\n                color: '#ffffff',\n                textShadow: '0 1px 2px rgba(0,0,0,0.8)',\n                fontFamily: 'system-ui, -apple-system, sans-serif',\n                overflow: 'hidden'\n              }}\n            >\n              {width > 40 && height > 30 && (\n                <div \n                  style={{\n                    fontSize: `${Math.max(10, Math.min(width / 8, height / 8, 16))}px`,\n                    fontWeight: '600',\n                    textAlign: 'center',\n                    lineHeight: '1.2',\n                    marginBottom: width > 60 && height > 45 ? '4px' : '0',\n                    wordBreak: 'break-word',\n                    hyphens: 'auto'\n                  }}\n                >\n                  {name}\n                </div>\n              )}\n              {width > 60 && height > 45 && (\n                <div\n                  style={{\n                    fontSize: `${Math.max(8, Math.min(width / 10, height / 10, 14))}px`,\n                    textAlign: 'center',\n                    opacity: 0.9\n                  }}\n                >\n                  {safeDisplayConfig.leftYAxisFormat\n                    ? formatAxisValue(size, safeDisplayConfig.leftYAxisFormat)\n                    : (typeof size === 'number' ? size.toLocaleString() : size)\n                  }\n                </div>\n              )}\n            </div>\n          </foreignObject>\n        </g>\n      )\n    }\n\n    // Check if we have series data for legend\n    const hasSeriesData = treemapData.some(item => 'series' in item)\n    const uniqueSeries = hasSeriesData \n      ? [...new Set(treemapData.map(item => item.series).filter(Boolean))]\n      : []\n    \n    // For numeric series, create a legend showing the color scale\n    let legendPayload: any[] = []\n    if (safeDisplayConfig.showLegend && seriesField) {\n      \n      if (isNumericSeries) {\n        // Create color scale legend for numeric values\n        const minValue = Math.min(...data.map(item => {\n          const value = item[seriesField!]\n          return typeof value === 'string' ? parseFloat(value) : value\n        }))\n        const maxValue = Math.max(...data.map(item => {\n          const value = item[seriesField!]\n          return typeof value === 'string' ? parseFloat(value) : value\n        }))\n        \n        \n        // Create legend entries showing color scale\n        legendPayload = CHART_COLORS_GRADIENT.map((color, index) => {\n          const ratio = index / (CHART_COLORS_GRADIENT.length - 1)\n          const value = minValue + (maxValue - minValue) * ratio\n          return {\n            value: safeDisplayConfig.leftYAxisFormat\n              ? formatAxisValue(value, safeDisplayConfig.leftYAxisFormat)\n              : value.toFixed(2),\n            type: 'rect',\n            color: color\n          }\n        })\n      } else if (uniqueSeries.length > 1) {\n        // Use categorical legend for non-numeric series\n        legendPayload = uniqueSeries.map((series, index) => ({\n          value: series,\n          type: 'rect',\n          color: CHART_COLORS[index % CHART_COLORS.length]\n        }))\n      }\n      \n    }\n\n    // Calculate height adjustment for legend\n    const hasLegend = safeDisplayConfig.showLegend && legendPayload.length > 0\n    const adjustedHeight = hasLegend \n      ? (typeof height === 'string' && height.includes('%') \n          ? height \n          : typeof height === 'number' \n            ? height + 60 \n            : `calc(${height} + 60px)`)\n      : height\n\n    return (\n      <div className=\"dc:w-full\" style={{ height: adjustedHeight }}>\n        <ChartContainer height={hasLegend ? `calc(100% - 50px)` : \"100%\"}>\n          <Treemap\n            data={treemapData}\n            dataKey=\"size\"\n            aspectRatio={4/3}\n            stroke=\"#fff\"\n            content={<CustomizedContent />}\n          >\n            {safeDisplayConfig.showTooltip && (\n              <ChartTooltip\n                formatter={safeDisplayConfig.leftYAxisFormat\n                  ? (value: any, name: string) => [formatAxisValue(value, safeDisplayConfig.leftYAxisFormat), name]\n                  : undefined\n                }\n              />\n            )}\n          </Treemap>\n        </ChartContainer>\n        \n        {/* Custom Legend outside ChartContainer */}\n        {hasLegend && (\n          <div className=\"dc:flex dc:justify-center dc:items-center dc:mt-4 dc:pb-2\">\n            {isNumericSeries ? (\n              // Gradient legend for numeric series\n              <div className=\"dc:flex dc:flex-col dc:items-center\">\n                <div className=\"dc:text-xs dc:font-semibold text-dc-text-primary dc:mb-2\">\n                  {seriesField ? getFieldLabel(seriesField) : ''}\n                </div>\n                <div className=\"dc:flex dc:items-center dc:gap-2\">\n                  <span className=\"dc:text-xs text-dc-text-muted\">\n                    {safeDisplayConfig.leftYAxisFormat\n                      ? formatAxisValue(Math.min(...data.map(item => {\n                          const value = item[seriesField!]\n                          return typeof value === 'string' ? parseFloat(value) : value\n                        })), safeDisplayConfig.leftYAxisFormat)\n                      : Math.min(...data.map(item => {\n                          const value = item[seriesField!]\n                          return typeof value === 'string' ? parseFloat(value) : value\n                        })).toFixed(2)\n                    }\n                  </span>\n                  <div\n                    className=\"dc:h-4 dc:rounded-sm\"\n                    style={{\n                      width: '200px',\n                      background: `linear-gradient(to right, ${CHART_COLORS_GRADIENT.join(', ')})`\n                    }}\n                  />\n                  <span className=\"dc:text-xs text-dc-text-muted\">\n                    {safeDisplayConfig.leftYAxisFormat\n                      ? formatAxisValue(Math.max(...data.map(item => {\n                          const value = item[seriesField!]\n                          return typeof value === 'string' ? parseFloat(value) : value\n                        })), safeDisplayConfig.leftYAxisFormat)\n                      : Math.max(...data.map(item => {\n                          const value = item[seriesField!]\n                          return typeof value === 'string' ? parseFloat(value) : value\n                        })).toFixed(2)\n                    }\n                  </span>\n                </div>\n              </div>\n            ) : (\n              // Discrete legend for categorical series\n              <div className=\"dc:flex dc:flex-wrap dc:justify-center dc:gap-4\">\n                {legendPayload.map((item, index) => (\n                  <div key={index} className=\"dc:flex dc:items-center dc:gap-2\">\n                    <div\n                      className=\"dc:w-3 dc:h-3 rounded-xs\"\n                      style={{ backgroundColor: item.color }}\n                    />\n                    <span className=\"dc:text-xs text-dc-text-muted\">\n                      {item.value}\n                    </span>\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    )\n  } catch (error) {\n    // 'TreeMapChart rendering error\n    return (\n      <div className=\"dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4\" style={{ height }}>\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.chartError', { chartType: 'TreeMap Chart' })}</div>\n          <div className=\"dc:text-xs dc:mb-2\">{error instanceof Error ? error.message : t('chart.runtime.unknownError')}</div>\n          <div className=\"dc:text-xs text-dc-text-muted\">{t('chart.runtime.checkConfig')}</div>\n        </div>\n      </div>\n    )\n  }\n})\n\nexport default TreeMapChart"],"mappings":"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"}

package/dist/client/chunks/chart-waterfall-BuhMoagf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-waterfall-BuhMoagf.js","names":[],"sources":["../../../src/client/components/charts/WaterfallChart.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport { ComposedChart, Bar, Line, XAxis, YAxis, CartesianGrid, Cell, LabelList, Legend } from 'recharts'\nimport ChartContainer from './ChartContainer'\nimport ChartTooltip from './ChartTooltip'\nimport AngledXAxisTick from './AngledXAxisTick'\nimport { CHART_MARGINS } from '../../utils/chartConstants'\nimport { formatAxisValue } from '../../utils/chartUtils'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel'\nimport type { ChartProps } from '../../types'\n\nconst POSITIVE_COLOR = '#22c55e'\nconst NEGATIVE_COLOR = '#ef4444'\nconst TOTAL_COLOR = '#6366f1'\nconst CONNECTOR_COLOR = '#94a3b8'\n\ninterface WaterfallDataPoint {\n  label: string\n  value: number\n  runningBase: number\n  isTotal: boolean\n  isNegative: boolean\n  displayValue: number\n  originalIndex: number\n}\n\nfunction transformToWaterfall(\n  data: Record<string, unknown>[],\n  xField: string,\n  yField: string,\n  showTotal: boolean,\n  getFieldLabel: (field: string) => string\n): WaterfallDataPoint[] {\n  let running = 0\n  const result: WaterfallDataPoint[] = data.map((row, i) => {\n    const label = String(row[xField] ?? `Row ${i + 1}`)\n    const rawValue = row[yField]\n    const parsed = typeof rawValue === 'number' ? rawValue : parseFloat(String(rawValue ?? ''))\n    const value = isNaN(parsed) ? 0 : parsed\n    const isNegative = value < 0\n    const base = isNegative ? running + value : running\n    const point: WaterfallDataPoint = {\n      label,\n      value: Math.abs(value),\n      runningBase: base,\n      isTotal: false,\n      isNegative,\n      displayValue: value,\n      originalIndex: i,\n    }\n    running += value\n    return point\n  })\n\n  if (showTotal) {\n    const totalLabel = getFieldLabel(yField) || 'Total'\n    result.push({\n      label: totalLabel,\n      value: Math.abs(running),\n      runningBase: running >= 0 ? 0 : running,\n      isTotal: true,\n      isNegative: running < 0,\n      displayValue: running,\n      originalIndex: result.length,\n    })\n  }\n\n  return result\n}\n\ninterface ValueLabelProps {\n  x?: number\n  y?: number\n  width?: number\n  value?: number\n  isNegative?: boolean\n  displayValue?: number\n}\n\nfunction ValueLabel(props: ValueLabelProps) {\n  const { x = 0, y = 0, width = 0, value = 0, isNegative, displayValue } = props\n  if (displayValue === undefined || displayValue === null) return null\n  const numericValue = Number(displayValue)\n  const isNeg = isNegative || numericValue < 0\n  const yPos = isNeg ? y + value + 14 : y - 6\n  return (\n    <text\n      x={x + width / 2}\n      y={yPos}\n      fill=\"currentColor\"\n      textAnchor=\"middle\"\n      fontSize={11}\n    >\n      {numericValue >= 0 ? '+' : ''}{numericValue.toLocaleString()}\n    </text>\n  )\n}\n\nconst WaterfallChart = React.memo(function WaterfallChart({\n  data,\n  chartConfig,\n  displayConfig = {},\n  height = '100%',\n  onDataPointClick,\n  drillEnabled,\n}: ChartProps) {\n  const { t } = useTranslation()\n  const getFieldLabel = useCubeFieldLabel()\n\n  const showTotal = displayConfig?.showTotal ?? true\n  const showConnectorLine = displayConfig?.showConnectorLine ?? true\n  const showDataLabels = displayConfig?.showDataLabels ?? false\n  const yAxisFormat = displayConfig?.leftYAxisFormat\n\n  const { xAxisField, yAxisField, configError } = useMemo(() => {\n    const xAxisField: string | undefined = Array.isArray(chartConfig?.xAxis)\n      ? chartConfig.xAxis[0]\n      : chartConfig?.x\n    const yAxisField: string | undefined = Array.isArray(chartConfig?.yAxis)\n      ? chartConfig.yAxis[0]\n      : chartConfig?.y?.[0]\n    const configError =\n      !xAxisField || !yAxisField\n        ? 'Waterfall chart requires an X-axis dimension and a Y-axis measure'\n        : null\n    return { xAxisField, yAxisField, configError }\n  }, [chartConfig])\n\n  const waterfallData = useMemo(() => {\n    if (configError || !data || data.length === 0 || !xAxisField || !yAxisField) return []\n    return transformToWaterfall(\n      data as Record<string, unknown>[],\n      xAxisField,\n      yAxisField,\n      showTotal,\n      getFieldLabel\n    )\n  }, [data, xAxisField, yAxisField, showTotal, getFieldLabel, configError])\n\n  const connectorData = useMemo(() => {\n    if (!showConnectorLine || waterfallData.length === 0) return []\n    return waterfallData.map((d) => {\n      const connectorY = d.isNegative ? d.runningBase : d.runningBase + d.value\n      return { label: d.label, _connector: connectorY }\n    })\n  }, [waterfallData, showConnectorLine])\n\n  const chartData = useMemo(() => {\n    return waterfallData.map((d, i) => ({\n      ...d,\n      _connector: connectorData[i]?._connector,\n    }))\n  }, [waterfallData, connectorData])\n\n  try {\n    if (!data || data.length === 0) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.noData')}</div>\n            <div className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.noDataHint.waterfall')}</div>\n          </div>\n        </div>\n      )\n    }\n\n    if (configError) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.configError')}</div>\n            <div className=\"dc:text-xs\">{configError}</div>\n          </div>\n        </div>\n      )\n    }\n    return (\n      <div className=\"dc:relative dc:w-full\" style={{ height }}>\n        <ChartContainer height=\"100%\">\n          <ComposedChart data={chartData} margin={{ ...CHART_MARGINS, left: 40 }} accessibilityLayer={false}>\n            <CartesianGrid strokeDasharray=\"3 3\" style={{ pointerEvents: 'none' }} />\n            <XAxis dataKey=\"label\" type=\"category\" tick={<AngledXAxisTick />} height={60} />\n            <YAxis\n              tick={{ fontSize: 12 }}\n              tickFormatter={yAxisFormat ? (v) => formatAxisValue(v, yAxisFormat) : undefined}\n            />\n            <ChartTooltip\n              formatter={(value: any, name: any, props: any) => {\n                if (name === '_connector') return ['', '']\n                const entry = props?.payload\n                if (!entry) return [value, name]\n                const displayValue = entry.displayValue ?? value\n                return [\n                  yAxisFormat ? formatAxisValue(displayValue, yAxisFormat) : displayValue?.toLocaleString?.() ?? displayValue,\n                  entry.isTotal ? 'Total' : entry.isNegative ? 'Decrease' : 'Increase',\n                ]\n              }}\n              labelFormatter={(label: string) => label}\n            />\n            <Legend\n              wrapperStyle={{ fontSize: '12px', paddingTop: '8px' }}\n              {...{\n                payload: [\n                  { value: 'Increase', type: 'rect' as const, color: POSITIVE_COLOR },\n                  { value: 'Decrease', type: 'rect' as const, color: NEGATIVE_COLOR },\n                  ...(showTotal ? [{ value: 'Total', type: 'rect' as const, color: TOTAL_COLOR }] : []),\n                ],\n              }}\n            />\n            <Bar dataKey=\"runningBase\" stackId=\"wf\" fill=\"transparent\" legendType=\"none\" isAnimationActive={false} />\n            <Bar\n              dataKey=\"value\"\n              stackId=\"wf\"\n              isAnimationActive={false}\n              cursor={drillEnabled ? 'pointer' : undefined}\n              onClick={(barData: any, _index: number, event: React.MouseEvent) => {\n                if (onDataPointClick && drillEnabled && barData && !barData.isTotal) {\n                  onDataPointClick({\n                    dataPoint: barData,\n                    clickedField: yAxisField!,\n                    xValue: barData.label,\n                    position: { x: event.clientX, y: event.clientY },\n                    nativeEvent: event,\n                  })\n                }\n              }}\n            >\n              {showDataLabels && (\n                <LabelList\n                  dataKey=\"displayValue\"\n                  content={(props: any) => (\n                    <ValueLabel\n                      {...props}\n                      runningBase={chartData[props.index]?.runningBase}\n                      isNegative={chartData[props.index]?.isNegative}\n                      displayValue={chartData[props.index]?.displayValue}\n                    />\n                  )}\n                />\n              )}\n              {chartData.map((entry, index) => (\n                <Cell\n                  key={`cell-${index}`}\n                  fill={entry.isTotal ? TOTAL_COLOR : entry.isNegative ? NEGATIVE_COLOR : POSITIVE_COLOR}\n                />\n              ))}\n            </Bar>\n            {showConnectorLine && (\n              <Line\n                type=\"stepAfter\"\n                dataKey=\"_connector\"\n                stroke={CONNECTOR_COLOR}\n                strokeWidth={1.5}\n                strokeDasharray=\"4 2\"\n                dot={false}\n                activeDot={false}\n                legendType=\"none\"\n                isAnimationActive={false}\n              />\n            )}\n          </ComposedChart>\n        </ChartContainer>\n      </div>\n    )\n  } catch (error) {\n    return (\n      <div className=\"dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4\" style={{ height }}>\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.chartError', { chartType: 'Waterfall Chart' })}</div>\n          <div className=\"dc:text-xs dc:mb-2\">{error instanceof Error ? error.message : t('chart.runtime.unknownError')}</div>\n          <div className=\"dc:text-xs text-dc-text-muted\">{t('chart.runtime.checkConfig')}</div>\n        </div>\n      </div>\n    )\n  }\n})\n\nexport default WaterfallChart\n"],"mappings":"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"}

package/dist/client/chunks/charts-core-jRtb0S2M.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"charts-core-jRtb0S2M.js","names":[],"sources":["../../../src/client/components/AnalysisBuilder/SectionHeading.tsx","../../../src/client/components/charts/AxisFormatControls.tsx"],"sourcesContent":["/**\n * SectionHeading Component\n *\n * A reusable section heading for the Analysis Builder panels.\n * Provides consistent styling that can be easily adjusted in one place.\n */\n\nimport type { ReactNode } from 'react'\n\ninterface SectionHeadingProps {\n  children: ReactNode\n  /** Optional className to add additional styles */\n  className?: string\n}\n\n/**\n * Consistent section heading style for Analysis Builder panels.\n * Change the styles here to update all section headings at once.\n */\nexport default function SectionHeading({ children, className = '' }: SectionHeadingProps) {\n  return (\n    <h3 className={`dc:text-sm dc:font-semibold text-dc-primary dc:uppercase dc:tracking-wide ${className}`}>\n      {children}\n    </h3>\n  )\n}\n","/**\n * AxisFormatControls Component\n *\n * A reusable component for configuring axis number formatting.\n * Provides controls for unit type, abbreviation, decimal places, and custom labels.\n */\n\nimport { useMemo } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport SectionHeading from '../AnalysisBuilder/SectionHeading'\nimport type { AxisFormatConfig } from '../../types'\nimport { formatAxisValue } from '../../utils/chartUtils'\n\ninterface AxisFormatControlsProps {\n  value: AxisFormatConfig\n  onChange: (config: AxisFormatConfig) => void\n  axisLabel: string // \"X-Axis\", \"Left Y-Axis\", \"Right Y-Axis\"\n  /** Sample value for preview (default: 1250000) */\n  previewValue?: number\n}\n\n/**\n * Get the currency symbol for the user's locale\n */\nfunction getLocaleCurrencySymbol(): string {\n  const locale = typeof navigator !== 'undefined' ? navigator.language : 'en-US'\n  // Format a number as currency and extract just the symbol\n  const formatted = new Intl.NumberFormat(locale, {\n    style: 'currency',\n    currency: getCurrencyCodeForLocale(locale),\n    currencyDisplay: 'narrowSymbol'\n  }).format(0)\n  // Extract the currency symbol (remove digits, spaces, and common separators)\n  return formatted.replace(/[\\d.,\\s]/g, '').trim() || '$'\n}\n\n/**\n * Get the currency code for a given locale (duplicated from chartUtils for component isolation)\n */\nfunction getCurrencyCodeForLocale(locale: string): string {\n  const parts = locale.split('-')\n  const region = parts[1]?.toUpperCase()\n  const currencyMap: Record<string, string> = {\n    'US': 'USD', 'CA': 'CAD', 'GB': 'GBP', 'UK': 'GBP', 'AU': 'AUD', 'NZ': 'NZD',\n    'EU': 'EUR', 'DE': 'EUR', 'FR': 'EUR', 'IT': 'EUR', 'ES': 'EUR', 'NL': 'EUR',\n    'BE': 'EUR', 'AT': 'EUR', 'IE': 'EUR', 'PT': 'EUR', 'FI': 'EUR',\n    'JP': 'JPY', 'CN': 'CNY', 'KR': 'KRW', 'IN': 'INR', 'BR': 'BRL', 'MX': 'MXN',\n    'CH': 'CHF', 'SE': 'SEK', 'NO': 'NOK', 'DK': 'DKK', 'PL': 'PLN', 'RU': 'RUB',\n    'ZA': 'ZAR', 'SG': 'SGD', 'HK': 'HKD', 'TW': 'TWD', 'TH': 'THB', 'MY': 'MYR',\n    'PH': 'PHP', 'ID': 'IDR', 'VN': 'VND', 'AE': 'AED', 'SA': 'SAR', 'IL': 'ILS', 'TR': 'TRY',\n  }\n  return currencyMap[region] || 'USD'\n}\n\n/**\n * Single axis format control section\n */\nexport function AxisFormatControls({\n  value,\n  onChange,\n  axisLabel,\n  previewValue = 1250000\n}: AxisFormatControlsProps) {\n  const { t } = useTranslation()\n  const config = useMemo(() => value || {}, [value])\n\n  // Get locale-aware currency symbol for the button\n  const currencySymbol = useMemo(() => getLocaleCurrencySymbol(), [])\n\n  // Generate preview of formatted value\n  const preview = useMemo(() => {\n    return formatAxisValue(previewValue, config)\n  }, [previewValue, config])\n\n  const handleChange = (updates: Partial<AxisFormatConfig>) => {\n    onChange({ ...config, ...updates })\n  }\n\n  const unitButtons: Array<{ value: AxisFormatConfig['unit']; label: string }> = [\n    { value: 'currency', label: currencySymbol },\n    { value: 'percent', label: '%' },\n    { value: 'number', label: '#' },\n    { value: 'custom', label: t('chart.runtime.axisFormat.custom') }\n  ]\n\n  return (\n    <div className=\"dc:space-y-3 dc:pb-4\">\n      {/* Axis Header */}\n      <SectionHeading>{axisLabel}</SectionHeading>\n\n      {/* Label Input */}\n      <div className=\"dc:space-y-1\">\n        <label className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.axisFormat.label')}</label>\n        <input\n          type=\"text\"\n          value={config.label || ''}\n          onChange={(e) => handleChange({ label: e.target.value || undefined })}\n          placeholder={t('chart.runtime.axisFormat.autoLabel')}\n          className=\"dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text\"\n        />\n      </div>\n\n      {/* Unit Type */}\n      <div className=\"dc:space-y-1\">\n        <label className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.axisFormat.unit')}</label>\n        <div className=\"dc:flex dc:border border-dc-border dc:rounded-sm dc:overflow-hidden\">\n          {unitButtons.map((btn) => (\n            <button\n              key={btn.value}\n              type=\"button\"\n              onClick={() => handleChange({ unit: btn.value })}\n              className={`dc:flex-1 dc:px-2 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${\n                config.unit === btn.value\n                  ? 'bg-dc-primary text-white'\n                  : 'bg-dc-surface text-dc-text hover:bg-dc-border'\n              }`}\n            >\n              {btn.label}\n            </button>\n          ))}\n        </div>\n      </div>\n\n      {/* Custom Prefix/Suffix (only when Custom is selected) */}\n      {config.unit === 'custom' && (\n        <div className=\"dc:flex dc:gap-2\">\n          <div className=\"dc:flex-1 dc:space-y-1\">\n            <label className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.axisFormat.prefix')}</label>\n            <input\n              type=\"text\"\n              value={config.customPrefix || ''}\n              onChange={(e) => handleChange({ customPrefix: e.target.value || undefined })}\n              placeholder={t('chart.runtime.axisFormat.prefixExample')}\n              className=\"dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text\"\n            />\n          </div>\n          <div className=\"dc:flex-1 dc:space-y-1\">\n            <label className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.axisFormat.suffix')}</label>\n            <input\n              type=\"text\"\n              value={config.customSuffix || ''}\n              onChange={(e) => handleChange({ customSuffix: e.target.value || undefined })}\n              placeholder={t('chart.runtime.axisFormat.suffixExample')}\n              className=\"dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text\"\n            />\n          </div>\n        </div>\n      )}\n\n      {/* Abbreviation Toggle */}\n      <div className=\"dc:space-y-1\">\n        <label className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.axisFormat.abbreviation')}</label>\n        <div className=\"dc:flex dc:border border-dc-border dc:rounded-sm dc:overflow-hidden\">\n          <button\n            type=\"button\"\n            onClick={() => handleChange({ abbreviate: true })}\n            className={`dc:flex-1 dc:px-3 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${\n              config.abbreviate !== false\n                ? 'bg-dc-primary text-white'\n                : 'bg-dc-surface text-dc-text hover:bg-dc-border'\n            }`}\n          >\n            {t('chart.runtime.axisFormat.yes')}\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => handleChange({ abbreviate: false })}\n            className={`dc:flex-1 dc:px-3 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${\n              config.abbreviate === false\n                ? 'bg-dc-primary text-white'\n                : 'bg-dc-surface text-dc-text hover:bg-dc-border'\n            }`}\n          >\n            {t('chart.runtime.axisFormat.no')}\n          </button>\n        </div>\n      </div>\n\n      {/* Decimals */}\n      <div className=\"dc:space-y-1\">\n        <label className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.axisFormat.decimals')}</label>\n        <div className=\"dc:flex dc:gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => {\n              const current = config.decimals ?? 2\n              if (current > 0) handleChange({ decimals: current - 1 })\n            }}\n            disabled={(config.decimals ?? 2) <= 0}\n            className=\"dc:flex-1 dc:px-3 dc:py-2 dc:text-sm dc:border border-dc-border dc:rounded-sm bg-dc-surface text-dc-text hover:bg-dc-border dc:disabled:opacity-40 dc:disabled:cursor-not-allowed dc:transition-colors\"\n          >\n            ← .0\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => {\n              const current = config.decimals ?? 2\n              if (current < 4) handleChange({ decimals: current + 1 })\n            }}\n            disabled={(config.decimals ?? 2) >= 4}\n            className=\"dc:flex-1 dc:px-3 dc:py-2 dc:text-sm dc:border border-dc-border dc:rounded-sm bg-dc-surface text-dc-text hover:bg-dc-border dc:disabled:opacity-40 dc:disabled:cursor-not-allowed dc:transition-colors\"\n          >\n            .00 →\n          </button>\n        </div>\n      </div>\n\n      {/* Preview */}\n      <div className=\"dc:space-y-1\">\n        <label className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.axisFormat.preview')}</label>\n        <div className=\"dc:text-sm dc:font-mono text-dc-text\">\n          {preview}\n        </div>\n      </div>\n    </div>\n  )\n}\n\ninterface MultiAxisFormatControlsProps {\n  displayConfig: {\n    xAxisFormat?: AxisFormatConfig\n    leftYAxisFormat?: AxisFormatConfig\n    rightYAxisFormat?: AxisFormatConfig\n  }\n  onChange: (updates: {\n    xAxisFormat?: AxisFormatConfig\n    leftYAxisFormat?: AxisFormatConfig\n    rightYAxisFormat?: AxisFormatConfig\n  }) => void\n  /** Which axes to show controls for */\n  showAxes?: {\n    xAxis?: boolean\n    leftYAxis?: boolean\n    rightYAxis?: boolean\n  }\n}\n\n/**\n * Container component for multiple axis format controls\n */\nexport function MultiAxisFormatControls({\n  displayConfig,\n  onChange,\n  showAxes = { leftYAxis: true, rightYAxis: true }\n}: MultiAxisFormatControlsProps) {\n  const { t } = useTranslation()\n  return (\n    <div className=\"dc:space-y-4\">\n      {showAxes.leftYAxis && (\n        <AxisFormatControls\n          axisLabel={t('chart.runtime.axisFormat.leftYAxis')}\n          value={displayConfig.leftYAxisFormat || {}}\n          onChange={(config) =>\n            onChange({\n              ...displayConfig,\n              leftYAxisFormat: Object.keys(config).length > 0 ? config : undefined\n            })\n          }\n        />\n      )}\n\n      {showAxes.rightYAxis && (\n        <AxisFormatControls\n          axisLabel={t('chart.runtime.axisFormat.rightYAxis')}\n          value={displayConfig.rightYAxisFormat || {}}\n          onChange={(config) =>\n            onChange({\n              ...displayConfig,\n              rightYAxisFormat: Object.keys(config).length > 0 ? config : undefined\n            })\n          }\n        />\n      )}\n\n      {showAxes.xAxis && (\n        <AxisFormatControls\n          axisLabel={t('chart.runtime.axisFormat.xAxis')}\n          value={displayConfig.xAxisFormat || {}}\n          onChange={(config) =>\n            onChange({\n              ...displayConfig,\n              xAxisFormat: Object.keys(config).length > 0 ? config : undefined\n            })\n          }\n          previewValue={2024} // Use a year-like number for X-axis preview\n        />\n      )}\n    </div>\n  )\n}\n\nexport default AxisFormatControls\n"],"mappings":"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"}

package/dist/client/chunks/schema-visualization-DE09kQE3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"schema-visualization-DE09kQE3.js","names":[],"sources":["../../../src/client/components/SchemaVisualization/xyflowContext.tsx","../../../src/client/components/SchemaVisualization/SchemaVisualizationLazy.tsx","../../../src/client/components/SchemaVisualization/CubeNode.tsx","../../../src/client/components/SchemaVisualization/RelationshipEdge.tsx","../../../src/client/components/SchemaVisualization/FieldDetailPanel.tsx","../../../src/client/components/SchemaVisualization/useERDLayout.ts","../../../src/client/components/SchemaVisualization/index.tsx"],"sourcesContent":["/**\n * React context for @xyflow/react modules.\n *\n * All xyflow imports are dynamic (via SchemaVisualizationLazy) so that\n * the built schema-visualization chunk has NO static imports from\n * @xyflow/react. This prevents consuming projects from failing at\n * build time when @xyflow/react is not installed.\n */\n\nimport { createContext, useContext } from 'react'\n\nexport type XyflowModule = typeof import('@xyflow/react')\n\nconst XyflowContext = createContext<XyflowModule | null>(null)\n\nexport const XyflowProvider = XyflowContext.Provider\n\nexport function useXyflow(): XyflowModule {\n  const ctx = useContext(XyflowContext)\n  if (!ctx) throw new Error('useXyflow must be used within XyflowProvider')\n  return ctx\n}\n","/**\n * Lazy-loaded SchemaVisualization with graceful fallback\n * when @xyflow/react is not installed.\n *\n * All @xyflow/react imports are dynamic here so the built chunk\n * has NO static imports from @xyflow/react. This prevents consuming\n * projects from failing at build time when xyflow is not installed.\n */\n\nimport { lazy, Suspense, useState, useEffect } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport type { SchemaVisualizationProps } from './index'\nimport { XyflowProvider } from './xyflowContext'\nimport type { XyflowModule } from './xyflowContext'\n\nlet loadFailed = false\n\nfunction MissingDependencyFallback(_props: SchemaVisualizationProps) {\n  const { t } = useTranslation()\n  return (\n    <div className=\"dc:flex dc:items-center dc:justify-center dc:h-full dc:p-8\">\n      <div className=\"dc:text-center dc:max-w-md\">\n        <div className=\"dc:text-4xl dc:mb-4\">&#128269;</div>\n        <h3 className=\"dc:text-lg dc:font-semibold text-dc-text dc:mb-2\">\n          {t('schema.missingDeps.title')}\n        </h3>\n        <p className=\"dc:text-sm text-dc-text-secondary dc:mb-4\">\n          {t('schema.missingDeps.description')}\n        </p>\n        <code className=\"dc:block dc:px-4 dc:py-2 dc:rounded bg-dc-surface-secondary dc:text-sm dc:font-mono text-dc-text dc:border border-dc-border\">\n          npm install @xyflow/react elkjs\n        </code>\n      </div>\n    </div>\n  )\n}\n\nfunction LoadingFallback() {\n  const { t } = useTranslation()\n  return (\n    <div className=\"dc:flex dc:items-center dc:justify-center dc:h-full\">\n      <div className=\"dc:text-center\">\n        <div className=\"dc:animate-spin dc:rounded-full dc:h-8 dc:w-8 dc:border-b-2 border-dc-accent dc:mx-auto dc:mb-2\" />\n        <p className=\"dc:text-sm text-dc-text-muted\">{t('schema.loadingVisualization')}</p>\n      </div>\n    </div>\n  )\n}\n\nconst LazySchemaVisualization = lazy(async () => {\n  const mod = await import('./index')\n  return { default: mod.SchemaVisualization }\n})\n\nexport function SchemaVisualizationLazy(props: SchemaVisualizationProps) {\n  const [xyflow, setXyflow] = useState<XyflowModule | null>(null)\n  const [failed, setFailed] = useState(loadFailed)\n\n  useEffect(() => {\n    if (loadFailed) return\n    let cancelled = false\n\n    import('@xyflow/react')\n      .then((mod) => {\n        if (!cancelled) setXyflow(mod as XyflowModule)\n      })\n      .catch(() => {\n        loadFailed = true\n        if (!cancelled) setFailed(true)\n      })\n\n    return () => { cancelled = true }\n  }, [])\n\n  if (failed) {\n    return <MissingDependencyFallback {...props} />\n  }\n\n  if (!xyflow) {\n    return <LoadingFallback />\n  }\n\n  return (\n    <XyflowProvider value={xyflow}>\n      <Suspense fallback={<LoadingFallback />}>\n        <LazySchemaVisualization {...props} />\n      </Suspense>\n    </XyflowProvider>\n  )\n}\n\nexport function isSchemaVisualizationAvailable(): boolean {\n  return !loadFailed\n}\n","import type { MouseEvent } from 'react'\nimport type { CubeMetaCube } from '../../types'\nimport { getIcon } from '../../icons'\nimport { useXyflow } from './xyflowContext'\nimport { useTranslation } from '../../hooks/useTranslation'\n\ninterface CubeNodeData {\n  cube: CubeMetaCube\n  onFieldClick?: (cubeName: string, fieldName: string, fieldType: 'measure' | 'dimension', pos?: { x: number; y: number }) => void\n  onCubeClick?: (cubeName: string, pos?: { x: number; y: number }) => void\n  isHighlighted: boolean\n  highlightedFields: string[]\n  searchTerm?: string\n  selectedField?: { cubeName: string; fieldName: string | null } | null\n  [key: string]: unknown\n}\n\ninterface CubeNodeProps {\n  data: CubeNodeData\n}\n\nexport function CubeNode({ data }: CubeNodeProps) {\n  const { t } = useTranslation()\n  const { Handle, Position } = useXyflow()\n  const { cube, onFieldClick, onCubeClick, isHighlighted, highlightedFields, searchTerm, selectedField } = data\n\n  const handleFieldClick = (e: MouseEvent, fieldName: string, fieldType: 'measure' | 'dimension') => {\n    if (onFieldClick) {\n      onFieldClick(cube.name, fieldName, fieldType, { x: e.clientX, y: e.clientY })\n    }\n  }\n\n  const InfoIcon = getIcon('info')\n\n  const handleCubeInfoClick = (e: MouseEvent) => {\n    e.stopPropagation() // don't start drag\n    if (onCubeClick) {\n      onCubeClick(cube.name, { x: e.clientX, y: e.clientY })\n    }\n  }\n\n  const isFieldSelected = (fieldName: string) => {\n    if (!selectedField) return false\n    return selectedField.cubeName === cube.name && selectedField.fieldName === fieldName\n  }\n\n  const isCubeSelected = selectedField?.cubeName === cube.name && selectedField?.fieldName === null\n\n  const isFieldHighlighted = (fullFieldName: string) => {\n    return highlightedFields.includes(fullFieldName)\n  }\n\n  const isFieldSearchMatch = (field: { name: string; title?: string }) => {\n    if (!searchTerm?.trim()) return true\n    const term = searchTerm.toLowerCase()\n    return (\n      field.name.toLowerCase().includes(term) ||\n      (field.title && field.title.toLowerCase().includes(term))\n    )\n  }\n\n  const cubeHasMatches = () => {\n    if (!searchTerm?.trim()) return true\n    return cube.measures.some(m => isFieldSearchMatch(m)) ||\n           cube.dimensions.some(d => isFieldSearchMatch(d))\n  }\n\n  const hasCubeMatches = cubeHasMatches()\n\n  const getFieldClasses = (\n    field: { name: string; title?: string; type?: string },\n    highlighted: boolean,\n    _fieldType: 'measure' | 'dimension'\n  ) => {\n    const fieldName = field.name.split('.')[1] || field.name\n    const selected = isFieldSelected(fieldName)\n    const base = 'dc:px-4 dc:py-2 dc:text-xs dc:cursor-pointer dc:transition-all dc:border-b border-dc-border last:dc:border-b-0 nodrag nopan'\n\n    if (selected) {\n      return `${base} bg-dc-accent-bg text-dc-accent dc:font-semibold dc:ring-1 dc:ring-inset ring-dc-accent`\n    }\n\n    if (!hasCubeMatches && searchTerm?.trim()) {\n      if (highlighted) return `${base} bg-dc-accent-bg text-dc-accent dc:font-semibold`\n      return `${base} dc:hover:bg-dc-surface-hover text-dc-text-secondary`\n    }\n\n    if (searchTerm?.trim() && !isFieldSearchMatch(field)) {\n      return `${base} dc:opacity-40 dc:hover:opacity-60 text-dc-text-muted`\n    }\n\n    if (searchTerm?.trim() && isFieldSearchMatch(field) && !highlighted) {\n      return `${base} dc:font-bold dc:hover:bg-dc-accent-bg`\n    }\n\n    if (highlighted) {\n      return `${base} bg-dc-accent-bg text-dc-accent dc:font-semibold`\n    }\n\n    return `${base} dc:hover:bg-dc-surface-hover text-dc-text-secondary`\n  }\n\n  const timeDimensions = cube.dimensions.filter(d => d.type === 'time')\n  const regularDimensions = cube.dimensions.filter(d => d.type !== 'time')\n\n  return (\n    <div\n      className={`\n        dc:border-2 dc:rounded-lg dc:shadow-lg dc:min-w-[280px] dc:overflow-hidden dc:transition-all\n        ${!hasCubeMatches && searchTerm?.trim() ? 'dc:opacity-30 dc:grayscale' : ''}\n        ${isHighlighted ? 'border-dc-accent dc:ring-2 ring-dc-accent' : 'border-dc-border'}\n      `}\n      style={{ backgroundColor: 'var(--dc-surface)' }}\n    >\n      {/* Cube Header */}\n      <div className={`dc:px-4 dc:py-3 dc:transition-colors ${\n        isHighlighted ? 'bg-dc-accent-bg' : 'bg-dc-surface-secondary'\n      }`}>\n        <div className=\"dc:flex dc:items-center dc:justify-between\">\n          <div>\n            <h3 className=\"dc:font-semibold text-dc-text dc:text-sm\">\n              {cube.title || cube.name}\n            </h3>\n            {cube.description && (\n              <p className=\"dc:text-xs text-dc-text-muted dc:mt-1 dc:line-clamp-2\">{cube.description}</p>\n            )}\n          </div>\n          {onCubeClick && (\n            <button\n              className={`dc:ml-2 dc:p-1 dc:rounded dc:transition-colors nodrag nopan ${\n                isCubeSelected\n                  ? 'bg-dc-accent-bg text-dc-accent'\n                  : 'text-dc-text-muted dc:hover:text-dc-text dc:hover:bg-dc-surface-hover'\n              }`}\n              onClick={handleCubeInfoClick}\n              title={t('schema.cubeInfo')}\n            >\n              <InfoIcon className=\"dc:w-5 dc:h-5\" />\n            </button>\n          )}\n          {!onCubeClick && (\n            <div className=\"dc:text-xs text-dc-text-muted dc:ml-2\">\n              <div>{cube.measures.length}M</div>\n              <div>{cube.dimensions.length}D</div>\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Measures */}\n      {cube.measures.length > 0 && (\n        <div className=\"dc:border-t border-dc-border\">\n          <div className=\"dc:px-4 dc:py-1.5 dc:border-b border-dc-border\" style={{ backgroundColor: 'color-mix(in srgb, var(--dc-warning) 10%, var(--dc-surface))' }}>\n            <h4 className=\"dc:text-xs dc:font-medium text-dc-text-secondary dc:flex dc:items-center\">\n              <span className=\"dc:w-2 dc:h-2 bg-dc-warning dc:rounded-full dc:mr-2\" />\n              {t('schema.measures', { count: cube.measures.length })}\n            </h4>\n          </div>\n          <div className=\"dc:max-h-64 dc:overflow-y-auto nowheel\">\n            {cube.measures.map((measure) => {\n              const fieldName = measure.name.split('.')[1] || measure.name\n              const highlighted = isFieldHighlighted(measure.name)\n              return (\n                <div\n                  key={measure.name}\n                  className={getFieldClasses(measure, highlighted, 'measure')}\n                  onClick={(e) => handleFieldClick(e, fieldName, 'measure')}\n                  title={measure.title}\n                >\n                  <div className=\"dc:flex dc:items-center dc:justify-between\">\n                    <span className=\"dc:font-mono dc:truncate\">\n                      {measure.shortTitle || measure.title || fieldName}\n                    </span>\n                    <span className=\"text-dc-text-muted dc:ml-2 dc:text-[10px] dc:uppercase\">\n                      {measure.type}\n                    </span>\n                  </div>\n                </div>\n              )\n            })}\n          </div>\n        </div>\n      )}\n\n      {/* Time Dimensions */}\n      {timeDimensions.length > 0 && (\n        <div className=\"dc:border-t border-dc-border\">\n          <div className=\"dc:px-4 dc:py-1.5 dc:border-b border-dc-border\" style={{ backgroundColor: 'color-mix(in srgb, var(--dc-accent) 10%, var(--dc-surface))' }}>\n            <h4 className=\"dc:text-xs dc:font-medium text-dc-text-secondary dc:flex dc:items-center\">\n              <span className=\"dc:w-2 dc:h-2 bg-dc-accent dc:rounded-full dc:mr-2\" />\n              {t('schema.timeDimensions', { count: timeDimensions.length })}\n            </h4>\n          </div>\n          <div className=\"dc:max-h-64 dc:overflow-y-auto nowheel\">\n            {timeDimensions.map((dimension) => {\n              const fieldName = dimension.name.split('.')[1] || dimension.name\n              const highlighted = isFieldHighlighted(dimension.name)\n              return (\n                <div\n                  key={dimension.name}\n                  className={getFieldClasses(dimension, highlighted, 'dimension')}\n                  onClick={(e) => handleFieldClick(e, fieldName, 'dimension')}\n                  title={dimension.title}\n                >\n                  <div className=\"dc:flex dc:items-center dc:justify-between\">\n                    <span className=\"dc:font-mono dc:truncate\">\n                      {dimension.shortTitle || dimension.title || fieldName}\n                    </span>\n                    <span className=\"text-dc-text-muted dc:ml-2 dc:text-[10px] dc:uppercase\">\n                      {dimension.type}\n                    </span>\n                  </div>\n                </div>\n              )\n            })}\n          </div>\n        </div>\n      )}\n\n      {/* Regular Dimensions */}\n      {regularDimensions.length > 0 && (\n        <div className=\"dc:border-t border-dc-border\">\n          <div className=\"dc:px-4 dc:py-1.5 dc:border-b border-dc-border\" style={{ backgroundColor: 'color-mix(in srgb, var(--dc-success) 10%, var(--dc-surface))' }}>\n            <h4 className=\"dc:text-xs dc:font-medium text-dc-text-secondary dc:flex dc:items-center\">\n              <span className=\"dc:w-2 dc:h-2 bg-dc-success dc:rounded-full dc:mr-2\" />\n              {t('schema.dimensions', { count: regularDimensions.length })}\n            </h4>\n          </div>\n          <div className=\"dc:max-h-64 dc:overflow-y-auto nowheel\">\n            {regularDimensions.map((dimension) => {\n              const fieldName = dimension.name.split('.')[1] || dimension.name\n              const highlighted = isFieldHighlighted(dimension.name)\n              return (\n                <div\n                  key={dimension.name}\n                  className={getFieldClasses(dimension, highlighted, 'dimension')}\n                  onClick={(e) => handleFieldClick(e, fieldName, 'dimension')}\n                  title={dimension.title}\n                >\n                  <div className=\"dc:flex dc:items-center dc:justify-between\">\n                    <span className=\"dc:font-mono dc:truncate\">\n                      {dimension.shortTitle || dimension.title || fieldName}\n                    </span>\n                    <span className=\"text-dc-text-muted dc:ml-2 dc:text-[10px] dc:uppercase\">\n                      {dimension.type}\n                    </span>\n                  </div>\n                </div>\n              )\n            })}\n          </div>\n        </div>\n      )}\n\n      {/* Connection handles - hidden */}\n      <Handle type=\"source\" position={Position.Right} id=\"right\" className=\"dc:opacity-0\" isConnectable={false} />\n      <Handle type=\"target\" position={Position.Left} id=\"left\" className=\"dc:opacity-0\" isConnectable={false} />\n      <Handle type=\"source\" position={Position.Bottom} id=\"bottom\" className=\"dc:opacity-0\" isConnectable={false} />\n      <Handle type=\"target\" position={Position.Top} id=\"top\" className=\"dc:opacity-0\" isConnectable={false} />\n    </div>\n  )\n}\n","import type { Edge, EdgeProps } from '@xyflow/react'\nimport type { CubeMetaRelationship } from '../../types'\nimport { useXyflow } from './xyflowContext'\n\ninterface RelationshipEdgeData {\n  relationship: CubeMetaRelationship\n  joinFields: Array<{\n    sourceField: string\n    targetField: string\n  }>\n  [key: string]: unknown\n}\n\nexport type RelationshipEdgeType = Edge<RelationshipEdgeData, 'relationshipEdge'>\n\nexport function RelationshipEdge({\n  sourceX,\n  sourceY,\n  targetX,\n  targetY,\n  sourcePosition,\n  targetPosition,\n  style = {},\n  data,\n  markerEnd,\n}: EdgeProps<RelationshipEdgeType>) {\n  const { getBezierPath, BaseEdge, EdgeLabelRenderer } = useXyflow()\n  const [edgePath, labelX, labelY] = getBezierPath({\n    sourceX,\n    sourceY,\n    sourcePosition,\n    targetX,\n    targetY,\n    targetPosition,\n  })\n\n  if (!data) return null\n\n  const { relationship, joinFields } = data\n\n  const getSymbol = (rel: string) => {\n    switch (rel) {\n      case 'belongsTo': return '\\u2208' // belongs to\n      case 'hasOne': return '1:1'\n      case 'hasMany': return '1:M'\n      case 'belongsToMany': return 'M:M'\n      default: return '?'\n    }\n  }\n\n  const getColor = (rel: string) => {\n    switch (rel) {\n      case 'belongsTo': return '#10b981'\n      case 'hasOne': return '#3b82f6'\n      case 'hasMany': return '#f59e0b'\n      case 'belongsToMany': return '#8b5cf6'\n      default: return '#6b7280'\n    }\n  }\n\n  const color = getColor(relationship.relationship)\n  const symbol = getSymbol(relationship.relationship)\n\n  return (\n    <>\n      <BaseEdge path={edgePath} markerEnd={markerEnd} style={{ ...style, stroke: color }} />\n      <EdgeLabelRenderer>\n        <div\n          style={{\n            position: 'absolute',\n            transform: `translate(-50%, -50%) translate(${labelX}px,${labelY}px)`,\n            fontSize: 10,\n            pointerEvents: 'all',\n          }}\n          className=\"nodrag nopan\"\n        >\n          <div\n            className=\"dc:border-2 dc:rounded-md dc:px-2 dc:py-1 dc:shadow-xs\"\n            style={{ backgroundColor: 'var(--dc-surface)', borderColor: color }}\n          >\n            <div className=\"dc:text-center\">\n              <div className=\"dc:font-bold dc:text-xs dc:mb-1\" style={{ color }}>\n                {symbol}\n              </div>\n              <div className=\"dc:text-[9px] text-dc-text-muted dc:leading-tight\">\n                {joinFields.map((field, index) => (\n                  <div key={index} className=\"dc:font-mono\">\n                    {field.sourceField} → {field.targetField}\n                  </div>\n                ))}\n              </div>\n            </div>\n          </div>\n        </div>\n      </EdgeLabelRenderer>\n    </>\n  )\n}\n","import type { ReactNode } from 'react'\nimport type { CubeMetaCube, CubeMetaMeasure, CubeMetaDimension } from '../../types'\nimport { getIcon } from '../../icons'\n\nexport interface FieldSelection {\n  cubeName: string\n  fieldName: string | null // null = cube-level selection\n  fieldType: 'measure' | 'dimension' | 'cube'\n}\n\ninterface FieldDetailPanelProps {\n  selection: FieldSelection\n  meta: { cubes: CubeMetaCube[] }\n  onClose: () => void\n}\n\nfunction DetailRow({ label, children }: { label: string; children: ReactNode }) {\n  return (\n    <div className=\"dc:flex dc:items-start dc:gap-2 dc:text-xs\">\n      <span className=\"text-dc-text-muted dc:w-20 dc:flex-shrink-0 dc:font-medium\">{label}</span>\n      <span className=\"text-dc-text dc:flex-1 dc:min-w-0\">{children}</span>\n    </div>\n  )\n}\n\nfunction TypeBadge({ type, color }: { type: string; color: string }) {\n  return (\n    <span\n      className=\"dc:inline-flex dc:items-center dc:px-1.5 dc:py-0.5 dc:rounded dc:text-[10px] dc:font-medium dc:uppercase\"\n      style={{ backgroundColor: `color-mix(in srgb, ${color} 15%, var(--dc-surface))`, color }}\n    >\n      {type}\n    </span>\n  )\n}\n\nfunction MeasureDetail({ measure, cube }: { measure: CubeMetaMeasure; cube: CubeMetaCube }) {\n  const typeColor = {\n    count: '#f59e0b',\n    countDistinct: '#f59e0b',\n    countDistinctApprox: '#f59e0b',\n    sum: '#10b981',\n    avg: '#3b82f6',\n    min: '#8b5cf6',\n    max: '#ec4899',\n    runningTotal: '#06b6d4',\n    number: '#6b7280',\n  }[measure.type] || '#6b7280'\n\n  return (\n    <div className=\"dc:flex dc:flex-col dc:gap-2\">\n      <DetailRow label=\"Cube\">{cube.title || cube.name}</DetailRow>\n      <DetailRow label=\"Type\"><TypeBadge type={measure.type} color={typeColor} /></DetailRow>\n      {measure.title && measure.title !== measure.shortTitle && (\n        <DetailRow label=\"Title\">{measure.title}</DetailRow>\n      )}\n      {measure.drillMembers && measure.drillMembers.length > 0 && (\n        <DetailRow label=\"Drill into\">\n          <div className=\"dc:flex dc:flex-wrap dc:gap-1\">\n            {measure.drillMembers.map(dm => (\n              <span key={dm} className=\"dc:font-mono dc:text-[10px] dc:px-1 dc:py-0.5 dc:rounded bg-dc-surface-secondary border-dc-border dc:border\">\n                {dm.split('.')[1] || dm}\n              </span>\n            ))}\n          </div>\n        </DetailRow>\n      )}\n    </div>\n  )\n}\n\nfunction DimensionDetail({ dimension, cube }: { dimension: CubeMetaDimension; cube: CubeMetaCube }) {\n  const typeColor = dimension.type === 'time' ? '#3b82f6' : '#10b981'\n\n  // Find hierarchies this dimension belongs to\n  const hierarchies = cube.hierarchies?.filter(h =>\n    h.levels.some(l => l === dimension.name || l === `${cube.name}.${dimension.name.split('.')[1]}`)\n  ) || []\n\n  return (\n    <div className=\"dc:flex dc:flex-col dc:gap-2\">\n      <DetailRow label=\"Cube\">{cube.title || cube.name}</DetailRow>\n      <DetailRow label=\"Type\"><TypeBadge type={dimension.type} color={typeColor} /></DetailRow>\n      {dimension.title && dimension.title !== dimension.shortTitle && (\n        <DetailRow label=\"Title\">{dimension.title}</DetailRow>\n      )}\n      {dimension.type === 'time' && dimension.granularities && dimension.granularities.length > 0 && (\n        <DetailRow label=\"Granularity\">\n          <div className=\"dc:flex dc:flex-wrap dc:gap-1\">\n            {dimension.granularities.map(g => (\n              <span key={g} className=\"dc:font-mono dc:text-[10px] dc:px-1 dc:py-0.5 dc:rounded bg-dc-surface-secondary border-dc-border dc:border\">\n                {g}\n              </span>\n            ))}\n          </div>\n        </DetailRow>\n      )}\n      {hierarchies.length > 0 && (\n        <DetailRow label=\"Hierarchy\">\n          {hierarchies.map(h => (\n            <div key={h.name} className=\"dc:text-[10px]\">\n              <span className=\"dc:font-medium\">{h.title}</span>\n              <span className=\"text-dc-text-muted dc:ml-1\">\n                ({h.levels.map(l => l.split('.')[1] || l).join(' > ')})\n              </span>\n            </div>\n          ))}\n        </DetailRow>\n      )}\n    </div>\n  )\n}\n\nfunction CubeDetail({ cube }: { cube: CubeMetaCube }) {\n  const relationshipColors: Record<string, string> = {\n    belongsTo: '#10b981',\n    hasOne: '#3b82f6',\n    hasMany: '#f59e0b',\n    belongsToMany: '#8b5cf6',\n  }\n\n  return (\n    <div className=\"dc:flex dc:flex-col dc:gap-2\">\n      {cube.description && (\n        <DetailRow label=\"Description\">{cube.description}</DetailRow>\n      )}\n      <DetailRow label=\"Measures\">\n        <span className=\"dc:font-mono\">{cube.measures.length}</span>\n        {cube.measures.length > 0 && (\n          <span className=\"text-dc-text-muted dc:ml-1\">\n            ({[...new Set(cube.measures.map(m => m.type))].join(', ')})\n          </span>\n        )}\n      </DetailRow>\n      <DetailRow label=\"Dimensions\">\n        <span className=\"dc:font-mono\">{cube.dimensions.length}</span>\n        {cube.dimensions.some(d => d.type === 'time') && (\n          <span className=\"text-dc-text-muted dc:ml-1\">\n            ({cube.dimensions.filter(d => d.type === 'time').length} time)\n          </span>\n        )}\n      </DetailRow>\n      {cube.relationships && cube.relationships.length > 0 && (\n        <DetailRow label=\"Joins\">\n          <div className=\"dc:flex dc:flex-col dc:gap-1\">\n            {cube.relationships.map((rel, i) => (\n              <div key={i} className=\"dc:flex dc:items-center dc:gap-1.5 dc:text-[10px]\">\n                <TypeBadge type={rel.relationship} color={relationshipColors[rel.relationship] || '#6b7280'} />\n                <span className=\"dc:font-mono\">{rel.targetCube}</span>\n              </div>\n            ))}\n          </div>\n        </DetailRow>\n      )}\n      {cube.hierarchies && cube.hierarchies.length > 0 && (\n        <DetailRow label=\"Hierarchies\">\n          <div className=\"dc:flex dc:flex-col dc:gap-1\">\n            {cube.hierarchies.map(h => (\n              <div key={h.name} className=\"dc:text-[10px]\">\n                <span className=\"dc:font-medium\">{h.title}</span>\n                <span className=\"text-dc-text-muted dc:ml-1\">\n                  ({h.levels.map(l => l.split('.')[1] || l).join(' > ')})\n                </span>\n              </div>\n            ))}\n          </div>\n        </DetailRow>\n      )}\n      {cube.meta?.eventStream && (\n        <DetailRow label=\"Event Stream\">\n          <div className=\"dc:text-[10px]\">\n            <span className=\"text-dc-text-muted\">binding: </span>\n            <span className=\"dc:font-mono\">{cube.meta.eventStream.bindingKey.split('.')[1] || cube.meta.eventStream.bindingKey}</span>\n            <span className=\"text-dc-text-muted dc:ml-2\">time: </span>\n            <span className=\"dc:font-mono\">{cube.meta.eventStream.timeDimension.split('.')[1] || cube.meta.eventStream.timeDimension}</span>\n          </div>\n        </DetailRow>\n      )}\n    </div>\n  )\n}\n\nexport function FieldDetailPanel({ selection, meta, onClose }: FieldDetailPanelProps) {\n  const CloseIcon = getIcon('close')\n\n  const cube = meta.cubes.find(c => c.name === selection.cubeName)\n  if (!cube) return null\n\n  // Determine what to show\n  let title: string\n  let dotColor: string\n  let sectionBgColor: string\n  let content: ReactNode\n\n  if (selection.fieldType === 'cube' || !selection.fieldName) {\n    title = cube.title || cube.name\n    dotColor = 'var(--dc-accent)'\n    sectionBgColor = 'color-mix(in srgb, var(--dc-accent) 10%, var(--dc-surface))'\n    content = <CubeDetail cube={cube} />\n  } else if (selection.fieldType === 'measure') {\n    const measure = cube.measures.find(m => {\n      const mField = m.name.split('.')[1] || m.name\n      return mField === selection.fieldName || m.name === selection.fieldName\n    })\n    if (!measure) return null\n    title = measure.shortTitle || measure.title || selection.fieldName\n    dotColor = 'var(--dc-warning)'\n    sectionBgColor = 'color-mix(in srgb, var(--dc-warning) 10%, var(--dc-surface))'\n    content = <MeasureDetail measure={measure} cube={cube} />\n  } else {\n    const dimension = cube.dimensions.find(d => {\n      const dField = d.name.split('.')[1] || d.name\n      return dField === selection.fieldName || d.name === selection.fieldName\n    })\n    if (!dimension) return null\n    title = dimension.shortTitle || dimension.title || selection.fieldName\n    dotColor = dimension.type === 'time' ? 'var(--dc-accent)' : 'var(--dc-success)'\n    sectionBgColor = dimension.type === 'time'\n      ? 'color-mix(in srgb, var(--dc-accent) 10%, var(--dc-surface))'\n      : 'color-mix(in srgb, var(--dc-success) 10%, var(--dc-surface))'\n    content = <DimensionDetail dimension={dimension} cube={cube} />\n  }\n\n  return (\n    <div\n      className=\"dc:border-2 dc:rounded-lg dc:shadow-lg dc:min-w-[260px] dc:max-w-[320px] dc:overflow-hidden dc:transition-all border-dc-border\"\n      style={{ backgroundColor: 'var(--dc-surface)' }}\n    >\n      {/* Header - same style as CubeNode section headers */}\n      <div\n        className=\"dc:px-4 dc:py-2.5 dc:border-b border-dc-border dc:flex dc:items-center dc:justify-between\"\n        style={{ backgroundColor: sectionBgColor }}\n      >\n        <div className=\"dc:flex dc:items-center dc:gap-2 dc:min-w-0\">\n          <span\n            className=\"dc:w-2 dc:h-2 dc:rounded-full dc:flex-shrink-0\"\n            style={{ backgroundColor: dotColor }}\n          />\n          <h4 className=\"dc:text-sm dc:font-semibold text-dc-text dc:truncate\">{title}</h4>\n        </div>\n        <button\n          onClick={onClose}\n          className=\"dc:ml-2 dc:flex-shrink-0 text-dc-text-muted dc:hover:text-dc-text dc:transition-colors\"\n        >\n          <CloseIcon className=\"dc:w-3.5 dc:h-3.5\" />\n        </button>\n      </div>\n\n      {/* Content */}\n      <div className=\"dc:px-4 dc:py-3\">\n        {content}\n      </div>\n    </div>\n  )\n}\n","import { useState, useEffect, useRef, useMemo } from 'react'\nimport type { Node, Edge, Position } from '@xyflow/react'\n\nexport interface LayoutOptions {\n  direction: 'TB' | 'LR'\n  nodeWidth: number\n  nodeSep: number\n  rankSep: number\n}\n\nexport const defaultLayoutOptions: LayoutOptions = {\n  direction: 'LR',\n  nodeWidth: 340,\n  nodeSep: 150,\n  rankSep: 350,\n}\n\n/**\n * Layout state machine phases:\n *  waiting   → ELK not loaded yet, nothing to show\n *  computing → ELK loaded, running layout algorithm\n *  ready     → layout complete, node positions available\n */\nexport type LayoutPhase = 'waiting' | 'computing' | 'ready'\n\nfunction getTargetPosition(direction: string): Position {\n  switch (direction) {\n    case 'TB': return 'top' as Position\n    case 'LR': return 'left' as Position\n    default: return 'top' as Position\n  }\n}\n\nfunction getSourcePosition(direction: string): Position {\n  switch (direction) {\n    case 'TB': return 'bottom' as Position\n    case 'LR': return 'right' as Position\n    default: return 'bottom' as Position\n  }\n}\n\n/**\n * Estimate the rendered pixel height of a CubeNode.\n */\nfunction estimateNodeHeight(node: Node): number {\n  const cube = node.data?.cube as {\n    measures?: unknown[]\n    dimensions?: { type?: string }[]\n    description?: string\n  } | undefined\n  if (!cube) return 300\n\n  const HEADER = cube.description ? 80 : 56\n  const SECTION_HEADER = 36\n  const ROW = 34\n  const MAX_BODY = 256\n  const PADDING = 30\n\n  let h = HEADER\n  const measures = cube.measures?.length ?? 0\n  const timeDims = cube.dimensions?.filter((d) => d.type === 'time').length ?? 0\n  const regularDims = cube.dimensions?.filter((d) => d.type !== 'time').length ?? 0\n\n  if (measures > 0) h += SECTION_HEADER + Math.min(measures * ROW, MAX_BODY)\n  if (timeDims > 0) h += SECTION_HEADER + Math.min(timeDims * ROW, MAX_BODY)\n  if (regularDims > 0) h += SECTION_HEADER + Math.min(regularDims * ROW, MAX_BODY)\n\n  return h + PADDING\n}\n\n// --- ELK singleton (module-level, loaded once) ---\n\ninterface ELKInstance {\n  layout(graph: unknown): Promise<unknown>\n}\n\nlet elkInstance: ELKInstance | null = null\nlet elkLoadPromise: Promise<ELKInstance | null> | null = null\n\nfunction loadElk(): Promise<ELKInstance | null> {\n  if (elkLoadPromise) return elkLoadPromise\n  // elkjs is an optional peer dependency - if not installed, the catch() handles it.\n  elkLoadPromise = import('elkjs/lib/elk.bundled.js')\n    .then((mod) => {\n      const ELK = (mod as unknown as { default?: new () => ELKInstance }).default || mod\n      elkInstance = new (ELK as unknown as new () => ELKInstance)()\n      return elkInstance\n    })\n    .catch(() => null)\n  return elkLoadPromise\n}\n\n// Force-export to prevent tree shaking of the side-effectful import\nexport { loadElk as _elkLoadPromise }\n\n// --- ELK layout computation (pure async function, no hooks) ---\n\ninterface ElkPort {\n  id: string\n  layoutOptions: Record<string, string>\n}\n\ninterface ElkNode {\n  id: string\n  width: number\n  height: number\n  layoutOptions?: Record<string, string>\n  ports?: ElkPort[]\n}\n\ninterface ElkEdge {\n  id: string\n  sources: string[]\n  targets: string[]\n}\n\ninterface ElkResultNode { id: string; x: number; y: number }\n\ninterface ElkResult {\n  children?: ElkResultNode[]\n}\n\nexport interface ElkLayoutResult {\n  nodes: Node[]\n  edges: Edge[]\n}\n\nasync function computeElkLayout(\n  nodes: Node[],\n  edges: Edge[],\n  opts: LayoutOptions,\n): Promise<ElkLayoutResult> {\n  // Ensure ELK is loaded (lazy, webpack-safe)\n  await loadElk()\n  if (!elkInstance) {\n    // ELK failed to load — return grid fallback\n    return { nodes: layoutWithGrid(nodes, opts), edges }\n  }\n\n  const sourceSide = opts.direction === 'LR' ? 'EAST' : 'SOUTH'\n  const targetSide = opts.direction === 'LR' ? 'WEST' : 'NORTH'\n\n  // Per-edge ports so ELK spreads connections along the node side\n  const nodeSourceEdges = new Map<string, string[]>()\n  const nodeTargetEdges = new Map<string, string[]>()\n  edges.forEach(edge => {\n    if (!nodeSourceEdges.has(edge.source)) nodeSourceEdges.set(edge.source, [])\n    nodeSourceEdges.get(edge.source)!.push(edge.id)\n    if (!nodeTargetEdges.has(edge.target)) nodeTargetEdges.set(edge.target, [])\n    nodeTargetEdges.get(edge.target)!.push(edge.id)\n  })\n\n  const elkNodes: ElkNode[] = nodes.map((node) => {\n    const w = opts.nodeWidth\n    const h = estimateNodeHeight(node)\n\n    const srcEdges = nodeSourceEdges.get(node.id) || []\n    const tgtEdges = nodeTargetEdges.get(node.id) || []\n    const ports: ElkPort[] = [\n      ...srcEdges.map(edgeId => ({\n        id: `${node.id}__src__${edgeId}`,\n        layoutOptions: { 'elk.port.side': sourceSide },\n      })),\n      ...tgtEdges.map(edgeId => ({\n        id: `${node.id}__tgt__${edgeId}`,\n        layoutOptions: { 'elk.port.side': targetSide },\n      })),\n    ]\n\n    return {\n      id: node.id,\n      width: w,\n      height: h,\n      layoutOptions: { 'elk.portConstraints': 'FIXED_SIDE' },\n      ports,\n    }\n  })\n\n  const elkEdges: ElkEdge[] = edges.map((edge) => ({\n    id: edge.id,\n    sources: [`${edge.source}__src__${edge.id}`],\n    targets: [`${edge.target}__tgt__${edge.id}`],\n  }))\n\n  const elkDirection = opts.direction === 'LR' ? 'RIGHT' : 'DOWN'\n\n  const graph = {\n    id: 'root',\n    layoutOptions: {\n      'elk.algorithm': 'layered',\n      'elk.direction': elkDirection,\n      'elk.edgeRouting': 'SPLINES',\n      'elk.layered.edgeRouting.splines.mode': 'CONSERVATIVE',\n      'elk.spacing.nodeNode': String(opts.nodeSep),\n      'elk.layered.spacing.nodeNodeBetweenLayers': String(opts.rankSep),\n      'elk.spacing.edgeNode': '60',\n      'elk.layered.spacing.edgeNodeBetweenLayers': '60',\n      'elk.spacing.edgeEdge': '25',\n      'elk.layered.nodePlacement.strategy': 'NETWORK_SIMPLEX',\n      'elk.layered.crossingMinimization.strategy': 'LAYER_SWEEP',\n    },\n    children: elkNodes,\n    edges: elkEdges,\n  }\n\n  const result = await elkInstance.layout(graph) as ElkResult\n\n  // Extract node positions (ELK returns top-left, same as React Flow)\n  const positionMap = new Map<string, { x: number; y: number }>()\n  if (result.children) {\n    for (const child of result.children) {\n      positionMap.set(child.id, { x: child.x, y: child.y })\n    }\n  }\n\n  const layoutedNodes = nodes.map((node) => ({\n    ...node,\n    position: positionMap.get(node.id) || node.position,\n    targetPosition: getTargetPosition(opts.direction),\n    sourcePosition: getSourcePosition(opts.direction),\n  }))\n\n  // Return positioned nodes + original edges.\n  // Edge rendering is handled by React Flow's getBezierPath() which knows\n  // the actual handle positions — much more accurate than ELK's spline routes.\n  return { nodes: layoutedNodes, edges }\n}\n\nfunction layoutWithGrid(nodes: Node[], opts: LayoutOptions): Node[] {\n  const COL_HEIGHT_LIMIT = 1200\n  let col = 0\n  let colY = 0\n\n  return nodes.map((node) => {\n    const h = estimateNodeHeight(node)\n    if (colY + h > COL_HEIGHT_LIMIT && colY > 0) {\n      col++\n      colY = 0\n    }\n    const position = { x: col * (opts.nodeWidth + opts.nodeSep), y: colY }\n    colY += h + 40\n\n    return {\n      ...node,\n      position,\n      sourcePosition: getSourcePosition(opts.direction),\n      targetPosition: getTargetPosition(opts.direction),\n    }\n  })\n}\n\n// --- Hook: single computation per structure key, no races ---\n\n/**\n * Layout hook with explicit state machine.\n *\n * - Waits for ELK to load (phase: 'waiting')\n * - Runs layout once per unique node/edge structure (phase: 'computing')\n * - Returns stable result (phase: 'ready')\n *\n * The effect only depends on a string structure key, NOT object references.\n * This prevents re-renders from cancelling in-flight computations.\n */\nexport function useERDLayout(\n  nodes: Node[],\n  edges: Edge[],\n  options: Partial<LayoutOptions> = {}\n): { nodes: Node[]; edges: Edge[]; phase: LayoutPhase } {\n  const opts = useMemo(\n    () => ({ ...defaultLayoutOptions, ...options }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [options.direction, options.nodeWidth, options.nodeSep, options.rankSep]\n  )\n\n  // Stable structure key — only changes when node/edge IDs change\n  const structureKey = useMemo(() => {\n    if (nodes.length === 0) return ''\n    return nodes.map(n => n.id).sort().join(',') + '|' + edges.map(e => e.id).sort().join(',')\n  }, [nodes, edges])\n\n  // Refs hold latest values so the effect closure always reads current data\n  // without needing them as dependencies\n  const nodesRef = useRef(nodes)\n  const edgesRef = useRef(edges)\n  const optsRef = useRef(opts)\n  nodesRef.current = nodes\n  edgesRef.current = edges\n  optsRef.current = opts\n\n  const [phase, setPhase] = useState<LayoutPhase>('waiting')\n  const [result, setResult] = useState<ElkLayoutResult | null>(null)\n  const [resultKey, setResultKey] = useState('')\n\n  // Single computation per structure key\n  const computeIdRef = useRef(0)\n\n  useEffect(() => {\n    if (!structureKey) {\n      setPhase('ready')\n      setResult(null)\n      setResultKey('')\n      return\n    }\n\n    const id = ++computeIdRef.current\n    setPhase('computing')\n\n    computeElkLayout(nodesRef.current, edgesRef.current, optsRef.current)\n      .then(layoutResult => {\n        // Only apply if this is still the latest computation\n        if (id !== computeIdRef.current) return\n        setResult(layoutResult)\n        setResultKey(structureKey)\n        setPhase('ready')\n      })\n      .catch(() => {\n        if (id !== computeIdRef.current) return\n        // On error, use grid fallback\n        setResult({\n          nodes: layoutWithGrid(nodesRef.current, optsRef.current),\n          edges: edgesRef.current,\n        })\n        setResultKey(structureKey)\n        setPhase('ready')\n      })\n  }, [structureKey]) // ONLY depends on structure key — no object refs\n\n  // Output: only return layout when it matches current structure\n  if (phase === 'ready' && result && resultKey === structureKey) {\n    return { nodes: result.nodes, edges: result.edges, phase: 'ready' }\n  }\n\n  return { nodes: [], edges: [], phase }\n}\n","import { useCallback, useMemo, useEffect, useState, useRef } from 'react'\nimport type { MouseEvent as ReactMouseEvent } from 'react'\nimport type { Node, Edge, NodeChange, EdgeChange } from '@xyflow/react'\nimport '@xyflow/react/dist/style.css'\n\nimport { useCubeContext } from '../../providers/CubeProvider'\nimport { CubeNode } from './CubeNode'\nimport { RelationshipEdge } from './RelationshipEdge'\nimport { FieldDetailPanel } from './FieldDetailPanel'\nimport type { FieldSelection } from './FieldDetailPanel'\nimport { useERDLayout } from './useERDLayout'\nimport { getIcon } from '../../icons'\nimport { useXyflow } from './xyflowContext'\nimport { useTranslation } from '../../hooks/useTranslation'\n\nconst nodeTypes = { cubeNode: CubeNode }\nconst edgeTypes = { relationshipEdge: RelationshipEdge }\n\n/**\n * Inner component that uses useNodesInitialized() (must be inside <ReactFlow>).\n * Calls fitView exactly once per fitViewToken change, after all nodes are measured.\n */\nfunction FitViewOnReady({ token }: { token: number }) {\n  const { useNodesInitialized, useReactFlow } = useXyflow()\n  const nodesInitialized = useNodesInitialized()\n  const { fitView } = useReactFlow()\n  const appliedTokenRef = useRef(0)\n\n  useEffect(() => {\n    if (token === 0 || token === appliedTokenRef.current) return\n    if (!nodesInitialized) return\n    appliedTokenRef.current = token\n    fitView({ padding: 0.1 })\n  }, [token, nodesInitialized, fitView])\n\n  return null\n}\n\n// Stable empty arrays (avoid new [] on every render)\nconst EMPTY_STRINGS: string[] = []\n\nexport interface SchemaVisualizationProps {\n  className?: string\n  onFieldClick?: (cubeName: string, fieldName: string, fieldType: 'measure' | 'dimension') => void\n  highlightedCubes?: string[]\n  highlightedFields?: string[]\n  searchTerm?: string\n  height?: string | number\n}\n\nfunction getRelationshipColor(relationship: string): string {\n  switch (relationship) {\n    case 'belongsTo': return '#10b981'\n    case 'hasOne': return '#3b82f6'\n    case 'hasMany': return '#f59e0b'\n    case 'belongsToMany': return '#8b5cf6'\n    default: return '#6b7280'\n  }\n}\n\nexport function SchemaVisualization({\n  className = '',\n  onFieldClick,\n  highlightedCubes,\n  highlightedFields,\n  searchTerm,\n  height = '100%',\n}: SchemaVisualizationProps) {\n  const { t } = useTranslation()\n  const {\n    ReactFlow: ReactFlowComponent,\n    Controls,\n    MiniMap,\n    Background,\n    applyNodeChanges,\n  } = useXyflow()\n  const { meta, metaLoading, metaError } = useCubeContext()\n\n  // Stabilize array props to avoid re-creating references every render\n  const stableHighlightedCubes = highlightedCubes || EMPTY_STRINGS\n  const stableHighlightedFields = highlightedFields || EMPTY_STRINGS\n\n  const [contextMenu, setContextMenu] = useState<{ x: number; y: number } | null>(null)\n  const [searchInput, setSearchInput] = useState(searchTerm || '')\n  const [autoLayoutCounter, setAutoLayoutCounter] = useState(0)\n  const [selectedField, setSelectedField] = useState<FieldSelection | null>(null)\n  const [detailPosition, setDetailPosition] = useState<{ x: number; y: number } | null>(null)\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  // In standalone mode (no onFieldClick), clicking fields shows the detail panel\n  const isStandaloneMode = !onFieldClick\n  const [savedPositions, setSavedPositions] = useState<Record<string, { x: number; y: number }>>({})\n  const [positionsLoaded, setPositionsLoaded] = useState(false)\n\n  const SearchIcon = getIcon('search')\n  const CloseIcon = getIcon('close')\n\n  const effectiveSearchTerm = searchTerm !== undefined ? searchTerm : searchInput\n\n  // Load saved positions from localStorage (once)\n  useEffect(() => {\n    try {\n      const saved = localStorage.getItem('drizzle-cube-erd-node-positions')\n      if (saved) setSavedPositions(JSON.parse(saved))\n    } catch { /* ignore */ }\n    setPositionsLoaded(true)\n  }, [])\n\n  // --- Structural data: only depends on meta (stable) ---\n  // Separate structure (for layout) from presentation (highlights/search)\n\n  const { structuralNodes, structuralEdges } = useMemo(() => {\n    if (!meta) return { structuralNodes: [] as Node[], structuralEdges: [] as Edge[] }\n\n    const nodes: Node[] = meta.cubes.map((cube, index) => ({\n      id: cube.name,\n      type: 'cubeNode',\n      // Placeholder position — ELK will override for auto-layout\n      position: { x: (index % 3) * 400, y: Math.floor(index / 3) * 300 },\n      data: { cube },\n    }))\n\n    const edges: Edge[] = []\n    meta.cubes.forEach(cube => {\n      if (cube.relationships) {\n        cube.relationships.forEach((rel, i) => {\n          if (rel.relationship === 'belongsTo') return\n          edges.push({\n            id: `${cube.name}-${rel.targetCube}-${i}`,\n            source: cube.name,\n            target: rel.targetCube,\n            type: 'relationshipEdge',\n            data: { relationship: rel, joinFields: rel.joinFields || [] },\n            animated: false,\n            style: { stroke: getRelationshipColor(rel.relationship), strokeWidth: 2 },\n          })\n        })\n      }\n    })\n\n    return { structuralNodes: nodes, structuralEdges: edges }\n  }, [meta]) // Only meta — no highlights/search/callbacks\n\n  // --- Layout decision ---\n  const needsAutoLayout = autoLayoutCounter > 0 || (positionsLoaded && Object.keys(savedPositions).length === 0)\n\n  // Run ELK layout (only when auto-layout needed, otherwise pass empty to skip)\n  const { nodes: elkNodes, edges: elkEdges, phase: layoutPhase } = useERDLayout(\n    needsAutoLayout ? structuralNodes : [],\n    needsAutoLayout ? structuralEdges : [],\n    { direction: 'LR', nodeWidth: 340, nodeSep: 150, rankSep: 350 }\n  )\n\n  // --- Build display data: merge layout positions + presentation data ---\n\n  // Convert client coords to container-relative, clamped to keep panel in view\n  const toContainerPos = useCallback((clientX: number, clientY: number) => {\n    const rect = containerRef.current?.getBoundingClientRect()\n    if (!rect) return { x: clientX, y: clientY }\n    const panelW = 300, panelH = 200 // approximate panel size for clamping\n    let x = clientX - rect.left + 12 // offset slightly right of cursor\n    let y = clientY - rect.top + 12  // offset slightly below cursor\n    // Clamp so panel doesn't overflow right/bottom\n    if (x + panelW > rect.width) x = clientX - rect.left - panelW - 12\n    if (y + panelH > rect.height) y = rect.height - panelH - 8\n    if (x < 0) x = 8\n    if (y < 0) y = 8\n    return { x, y }\n  }, [])\n\n  // Internal field click handler for standalone mode\n  const handleInternalFieldClick = useCallback((cubeName: string, fieldName: string, fieldType: 'measure' | 'dimension', pos?: { x: number; y: number }) => {\n    setSelectedField(prev => {\n      if (prev && prev.cubeName === cubeName && prev.fieldName === fieldName) {\n        setDetailPosition(null)\n        return null\n      }\n      if (pos) setDetailPosition(toContainerPos(pos.x, pos.y))\n      return { cubeName, fieldName, fieldType }\n    })\n  }, [toContainerPos])\n\n  const handleInternalCubeClick = useCallback((cubeName: string, pos?: { x: number; y: number }) => {\n    setSelectedField(prev => {\n      if (prev && prev.cubeName === cubeName && prev.fieldName === null) {\n        setDetailPosition(null)\n        return null\n      }\n      if (pos) setDetailPosition(toContainerPos(pos.x, pos.y))\n      return { cubeName, fieldName: null, fieldType: 'cube' }\n    })\n  }, [toContainerPos])\n\n  const effectiveFieldClick = isStandaloneMode ? handleInternalFieldClick : onFieldClick\n  const effectiveCubeClick = isStandaloneMode ? handleInternalCubeClick : undefined\n\n  const buildNodeData = useCallback((cube: unknown) => ({\n    cube,\n    onFieldClick: effectiveFieldClick,\n    onCubeClick: effectiveCubeClick,\n    isHighlighted: stableHighlightedCubes.includes((cube as { name: string }).name),\n    highlightedFields: stableHighlightedFields,\n    searchTerm: effectiveSearchTerm,\n    selectedField: isStandaloneMode ? selectedField : null,\n  }), [effectiveFieldClick, effectiveCubeClick, stableHighlightedCubes, stableHighlightedFields, effectiveSearchTerm, isStandaloneMode, selectedField])\n\n  // Determine if layout is resolved (ready to render ReactFlow)\n  const layoutReady = !needsAutoLayout || layoutPhase === 'ready'\n\n  const displayNodes = useMemo(() => {\n    if (!meta || !layoutReady || !positionsLoaded) return []\n\n    if (needsAutoLayout && elkNodes.length > 0) {\n      // Use ELK-positioned nodes, inject presentation data\n      return elkNodes.map(node => ({\n        ...node,\n        data: buildNodeData(node.data?.cube || meta.cubes.find(c => c.name === node.id)),\n      }))\n    }\n\n    // Use saved positions\n    return structuralNodes.map(node => ({\n      ...node,\n      position: savedPositions[node.id] || node.position,\n      data: buildNodeData(node.data?.cube),\n    }))\n  }, [meta, layoutReady, positionsLoaded, needsAutoLayout, elkNodes, structuralNodes, savedPositions, buildNodeData])\n\n  const displayEdges = useMemo(() => {\n    if (!meta || !layoutReady) return []\n    if (needsAutoLayout && elkEdges.length > 0) return elkEdges\n    return structuralEdges\n  }, [meta, layoutReady, needsAutoLayout, elkEdges, structuralEdges])\n\n  // --- Controlled ReactFlow state ---\n  const [rfNodes, setRfNodes] = useState<Node[]>([])\n  const [rfEdges, setRfEdges] = useState<Edge[]>([])\n  const appliedLayoutKeyRef = useRef('')\n  const [fitViewToken, setFitViewToken] = useState(0) // increment to request fitView\n\n  // Push layout to ReactFlow — only when positions change (not on data-only changes)\n  useEffect(() => {\n    if (displayNodes.length === 0) return\n\n    const key = displayNodes.map(n => `${n.id}:${Math.round(n.position.x)},${Math.round(n.position.y)}`).join('|')\n    if (key === appliedLayoutKeyRef.current) return\n\n    const isFirstLayout = appliedLayoutKeyRef.current === ''\n    appliedLayoutKeyRef.current = key\n    setRfNodes(displayNodes)\n    setRfEdges(displayEdges)\n\n    // Request fitView on first layout\n    if (isFirstLayout) {\n      setFitViewToken(prev => prev + 1)\n    }\n  }, [displayNodes, displayEdges])\n\n  // Update presentation data (highlights, search) without resetting positions\n  const prevPresentationRef = useRef('')\n  useEffect(() => {\n    const selectedKey = selectedField ? `${selectedField.cubeName}.${selectedField.fieldName}` : ''\n    const presentationKey = `${stableHighlightedCubes.join(',')}|${stableHighlightedFields.join(',')}|${effectiveSearchTerm}|${String(onFieldClick)}|${selectedKey}`\n    if (presentationKey === prevPresentationRef.current) return\n    prevPresentationRef.current = presentationKey\n\n    if (rfNodes.length === 0 || !meta) return\n    setRfNodes(prev => prev.map(node => {\n      const cube = meta.cubes.find(c => c.name === node.id)\n      if (!cube) return node\n      return { ...node, data: buildNodeData(cube) }\n    }))\n  }, [stableHighlightedCubes, stableHighlightedFields, effectiveSearchTerm, onFieldClick, selectedField, rfNodes.length, meta, buildNodeData])\n\n  // Handle node changes (dragging)\n  const handleNodesChange = useCallback((changes: NodeChange[]) => {\n    setRfNodes(nds => applyNodeChanges(changes, nds))\n\n    // Save positions on drag end\n    const dragEnds = changes.filter(\n      (c) => c.type === 'position' && 'dragging' in c && c.dragging === false\n    )\n    if (dragEnds.length > 0) {\n      setRfNodes(currentNodes => {\n        const positions: Record<string, { x: number; y: number }> = {}\n        currentNodes.forEach(n => { if (n.position) positions[n.id] = n.position })\n        try { localStorage.setItem('drizzle-cube-erd-node-positions', JSON.stringify(positions)) } catch { /* ignore */ }\n        setSavedPositions(positions)\n        return currentNodes\n      })\n    }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  const handleEdgesChange = useCallback((_changes: EdgeChange[]) => {}, [])\n\n  const handleContextMenu = useCallback((event: ReactMouseEvent | MouseEvent) => {\n    event.preventDefault()\n    event.stopPropagation()\n    setContextMenu({ x: event.clientX, y: event.clientY })\n  }, [])\n\n  const handleClick = useCallback(() => {\n    if (contextMenu) setContextMenu(null)\n    if (selectedField) { setSelectedField(null); setDetailPosition(null) }\n  }, [contextMenu, selectedField])\n\n  const handleAutoLayout = useCallback(() => {\n    setSavedPositions({})\n    appliedLayoutKeyRef.current = '' // force re-apply → layout effect will request fitView\n    try { localStorage.removeItem('drizzle-cube-erd-node-positions') } catch { /* ignore */ }\n    setAutoLayoutCounter(c => c + 1)\n    setContextMenu(null)\n  }, [])\n\n  // --- Render ---\n\n  if (metaLoading) {\n    return (\n      <div className={`dc:flex dc:items-center dc:justify-center dc:h-96 ${className}`}>\n        <div className=\"dc:text-center\">\n          <div className=\"dc:animate-spin dc:rounded-full dc:h-8 dc:w-8 dc:border-b-2 border-dc-accent dc:mx-auto dc:mb-2\" />\n          <p className=\"text-dc-text-muted\">{t('schema.loading')}</p>\n        </div>\n      </div>\n    )\n  }\n\n  if (metaError) {\n    return (\n      <div className={`dc:flex dc:items-center dc:justify-center dc:h-96 ${className}`}>\n        <div className=\"dc:text-center text-dc-error\">\n          <p className=\"dc:font-medium\">{t('schema.error')}</p>\n          <p className=\"dc:text-sm dc:mt-1\">{metaError}</p>\n        </div>\n      </div>\n    )\n  }\n\n  if (!meta || meta.cubes.length === 0) {\n    return (\n      <div className={`dc:flex dc:items-center dc:justify-center dc:h-96 ${className}`}>\n        <div className=\"dc:text-center text-dc-text-muted\">\n          <p className=\"dc:font-medium\">{t('schema.noCubes')}</p>\n          <p className=\"dc:text-sm dc:mt-1\">{t('schema.noCubesHint')}</p>\n        </div>\n      </div>\n    )\n  }\n\n  // Show loading while ELK computes layout (no grid flash)\n  if (!layoutReady) {\n    return (\n      <div className={`dc:flex dc:items-center dc:justify-center dc:h-96 ${className}`}>\n        <div className=\"dc:text-center\">\n          <div className=\"dc:animate-spin dc:rounded-full dc:h-8 dc:w-8 dc:border-b-2 border-dc-accent dc:mx-auto dc:mb-2\" />\n          <p className=\"text-dc-text-muted\">{t('schema.computingLayout')}</p>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className={`dc:flex dc:flex-col ${className}`} style={{ height, minHeight: 400 }}>\n      {searchTerm === undefined && (\n        <div className=\"dc:px-3 dc:py-2 dc:border-b border-dc-border bg-dc-surface dc:flex dc:items-center dc:gap-2 dc:flex-shrink-0\">\n          <SearchIcon className=\"dc:w-4 dc:h-4 text-dc-text-muted\" />\n          <input\n            type=\"text\"\n            value={searchInput}\n            onChange={(e) => setSearchInput(e.target.value)}\n            placeholder={t('schema.searchPlaceholder')}\n            className=\"dc:flex-1 dc:text-sm dc:bg-transparent dc:outline-none text-dc-text dc:placeholder:text-dc-text-muted\"\n          />\n          {searchInput && (\n            <button onClick={() => setSearchInput('')} className=\"text-dc-text-muted dc:hover:text-dc-text\">\n              <CloseIcon className=\"dc:w-3 dc:h-3\" />\n            </button>\n          )}\n        </div>\n      )}\n\n      <div ref={containerRef} className=\"dc:relative dc:flex-1 dc:min-h-0\">\n        <div style={{ position: 'absolute', inset: 0 }}>\n          <ReactFlowComponent\n            nodes={rfNodes}\n            edges={rfEdges}\n            onNodesChange={handleNodesChange}\n            onEdgesChange={handleEdgesChange}\n            nodeTypes={nodeTypes}\n            edgeTypes={edgeTypes}\n            connectionMode={'loose' as never}\n            minZoom={0.1}\n            maxZoom={2}\n            proOptions={{ hideAttribution: true }}\n            onPaneContextMenu={handleContextMenu}\n            onPaneClick={handleClick}\n          >\n            <Controls />\n            <MiniMap\n              nodeColor={(node) => stableHighlightedCubes.includes(node.id) ? '#8b5cf6' : '#e5e7eb'}\n              maskColor=\"rgb(240, 242, 246, 0.7)\"\n            />\n            <Background variant={'dots' as never} gap={12} size={1} />\n            <FitViewOnReady token={fitViewToken} />\n          </ReactFlowComponent>\n        </div>\n\n        {/* Field detail panel for standalone browse mode */}\n        {isStandaloneMode && selectedField && detailPosition && meta && (\n          <div\n            className=\"dc:absolute dc:z-20\"\n            style={{ left: detailPosition.x, top: detailPosition.y }}\n          >\n            <FieldDetailPanel\n              selection={selectedField}\n              meta={meta}\n              onClose={() => { setSelectedField(null); setDetailPosition(null) }}\n            />\n          </div>\n        )}\n      </div>\n\n      {contextMenu && (\n        <div\n          className=\"dc:fixed dc:z-50 bg-dc-surface dc:rounded-md dc:shadow-lg dc:border border-dc-border dc:py-1 dc:min-w-[120px]\"\n          style={{ left: contextMenu.x, top: contextMenu.y }}\n        >\n          <button\n            onClick={handleAutoLayout}\n            className=\"dc:w-full dc:px-3 dc:py-2 dc:text-sm text-dc-text-secondary dc:hover:bg-dc-surface-hover dc:text-left\"\n          >\n            {t('schema.autoLayout')}\n          </button>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default SchemaVisualization\n"],"mappings":"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"}