drizzle-cube 0.2.4 → 0.2.7

package/dist/client/chunks/{charts-DFbr7EGW.js.map → charts-BsPkAFTR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"charts-DFbr7EGW.js","sources":["../../../src/client/charts/ChartLoader.tsx","../../../src/client/charts/chartConfigs.ts","../../../src/client/charts/lazyChartConfigRegistry.ts","../../../src/client/utils/index.ts"],"sourcesContent":["/**\n * Lazy Chart Loader\n *\n * Provides React.lazy-based dynamic loading for chart components.\n * This enables code splitting - each chart type loads only when needed.\n */\n\nimport { lazy, Suspense, ComponentType, ReactNode } from 'react'\nimport type { ChartType, ChartProps } from '../types'\n\n// Type for lazy-loaded chart components\ntype LazyChartComponent = ComponentType<ChartProps>\n\n// Chart loader cache to prevent re-creating lazy components\nconst chartLoaderCache = new Map<ChartType, React.LazyExoticComponent<LazyChartComponent>>()\n\n// Dynamic import functions for each chart type\nconst chartImportMap: Record<ChartType, () => Promise<{ default: LazyChartComponent }>> = {\n  bar: () => import('../components/charts/BarChart'),\n  line: () => import('../components/charts/LineChart'),\n  area: () => import('../components/charts/AreaChart'),\n  pie: () => import('../components/charts/PieChart'),\n  scatter: () => import('../components/charts/ScatterChart'),\n  radar: () => import('../components/charts/RadarChart'),\n  radialBar: () => import('../components/charts/RadialBarChart'),\n  treemap: () => import('../components/charts/TreeMapChart'),\n  bubble: () => import('../components/charts/BubbleChart'),\n  table: () => import('../components/charts/DataTable'),\n  activityGrid: () => import('../components/charts/ActivityGridChart'),\n  kpiNumber: () => import('../components/charts/KpiNumber'),\n  kpiDelta: () => import('../components/charts/KpiDelta'),\n  kpiText: () => import('../components/charts/KpiText'),\n  markdown: () => import('../components/charts/MarkdownChart'),\n}\n\n/**\n * Get or create a lazy component for a chart type\n */\nfunction getLazyChart(chartType: ChartType): React.LazyExoticComponent<LazyChartComponent> {\n  if (!chartLoaderCache.has(chartType)) {\n    const importFn = chartImportMap[chartType]\n    if (!importFn) {\n      throw new Error(`Unknown chart type: ${chartType}`)\n    }\n    chartLoaderCache.set(chartType, lazy(importFn))\n  }\n  return chartLoaderCache.get(chartType)!\n}\n\n/**\n * Check if a chart type is supported\n */\nexport function isValidChartType(chartType: string): chartType is ChartType {\n  return chartType in chartImportMap\n}\n\n// Props for the LazyChart wrapper\nexport interface LazyChartProps extends ChartProps {\n  chartType: ChartType\n  fallback?: ReactNode\n}\n\n/**\n * Default loading placeholder for charts\n */\nfunction DefaultChartFallback({ height }: { height?: string | number }) {\n  return (\n    <div\n      className=\"flex items-center justify-center w-full\"\n      style={{ height: typeof height === 'number' ? `${height}px` : height || '200px' }}\n    >\n      <div className=\"animate-pulse bg-dc-surface-secondary rounded w-full h-full min-h-[100px]\" />\n    </div>\n  )\n}\n\n/**\n * Lazy Chart Component\n *\n * Renders a chart component with React.lazy dynamic loading.\n * The chart type determines which chart component is loaded.\n *\n * @example\n * ```tsx\n * <LazyChart\n *   chartType=\"bar\"\n *   data={chartData}\n *   chartConfig={{ yAxis: ['value'] }}\n *   height={300}\n * />\n * ```\n */\nexport function LazyChart({\n  chartType,\n  fallback,\n  height,\n  ...chartProps\n}: LazyChartProps) {\n  const ChartComponent = getLazyChart(chartType)\n\n  return (\n    <Suspense fallback={fallback ?? <DefaultChartFallback height={height} />}>\n      <ChartComponent height={height} {...chartProps} />\n    </Suspense>\n  )\n}\n\n/**\n * Preload a chart type\n *\n * Triggers the dynamic import without rendering.\n * Useful for prefetching charts that will likely be needed.\n *\n * @example\n * ```tsx\n * // Preload bar chart on hover\n * onMouseEnter={() => preloadChart('bar')}\n * ```\n */\nexport function preloadChart(chartType: ChartType): void {\n  const importFn = chartImportMap[chartType]\n  if (importFn) {\n    importFn()\n  }\n}\n\n/**\n * Preload multiple chart types\n *\n * @example\n * ```tsx\n * // Preload common charts on app init\n * useEffect(() => {\n *   preloadCharts(['bar', 'line', 'pie'])\n * }, [])\n * ```\n */\nexport function preloadCharts(chartTypes: ChartType[]): void {\n  chartTypes.forEach(preloadChart)\n}\n\n/**\n * Get all available chart types\n */\nexport function getAvailableChartTypes(): ChartType[] {\n  return Object.keys(chartImportMap) as ChartType[]\n}\n","import { ComponentType } from 'react'\n\n/**\n * Configuration for a single axis drop zone in the chart configuration UI\n */\nexport interface AxisDropZoneConfig {\n  /** The key to store this field in chartConfig (e.g., 'xAxis', 'yAxis', 'sizeField') */\n  key: string\n  \n  /** Display label for the drop zone */\n  label: string\n  \n  /** Optional description/help text shown below the label */\n  description?: string\n  \n  /** Whether at least one field is required in this drop zone */\n  mandatory?: boolean\n  \n  /** Maximum number of items allowed in this drop zone */\n  maxItems?: number\n  \n  /** Which field types this drop zone accepts */\n  acceptTypes?: ('dimension' | 'timeDimension' | 'measure')[]\n  \n  /** Optional icon component to display */\n  icon?: ComponentType<{ className?: string }>\n  \n  /** Placeholder text when drop zone is empty */\n  emptyText?: string\n}\n\n/**\n * Configuration for a single display option\n */\nexport interface DisplayOptionConfig {\n  /** The key to store this field in displayConfig */\n  key: string\n  \n  /** Display label for the option */\n  label: string\n  \n  /** Type of input control to render */\n  type: 'boolean' | 'string' | 'number' | 'select' | 'color' | 'paletteColor'\n  \n  /** Default value for the option */\n  defaultValue?: any\n  \n  /** Placeholder text for string/number inputs */\n  placeholder?: string\n  \n  /** Options for select type */\n  options?: Array<{ value: any; label: string }>\n  \n  /** Help text shown below the input */\n  description?: string\n  \n  /** Minimum value for number inputs */\n  min?: number\n  \n  /** Maximum value for number inputs */\n  max?: number\n  \n  /** Step value for number inputs */\n  step?: number\n}\n\n/**\n * Complete configuration for a chart type\n */\nexport interface ChartTypeConfig {\n  /** Configuration for each drop zone */\n  dropZones: AxisDropZoneConfig[]\n  \n  /** Simple display options (backward compatibility) - rendered as boolean checkboxes */\n  displayOptions?: string[]\n  \n  /** Structured display options with metadata for different input types */\n  displayOptionsConfig?: DisplayOptionConfig[]\n  \n  /** Optional custom validation function */\n  validate?: (config: any) => { isValid: boolean; message?: string }\n  \n  /** Icon component for the chart type */\n  icon?: ComponentType<{ className?: string }>\n  \n  /** Brief description of the chart */\n  description?: string\n  \n  /** When to use this chart type */\n  useCase?: string\n  \n  /** Whether this chart type skips query requirements (for content-based charts like markdown) */\n  skipQuery?: boolean\n}\n\n/**\n * Registry of all chart type configurations\n */\nexport interface ChartConfigRegistry {\n  [chartType: string]: ChartTypeConfig\n}\n\n/**\n * Default configuration for charts without specific requirements\n */\nexport const defaultChartConfig: ChartTypeConfig = {\n  dropZones: [\n    {\n      key: 'xAxis',\n      label: 'X-Axis (Categories)',\n      description: 'Dimensions and time dimensions for grouping',\n      mandatory: false,\n      acceptTypes: ['dimension', 'timeDimension'],\n      emptyText: 'Drop dimensions & time dimensions here'\n    },\n    {\n      key: 'yAxis',\n      label: 'Y-Axis (Values)',\n      description: 'Measures for values or dimensions for series',\n      mandatory: false,\n      acceptTypes: ['measure', 'dimension'],\n      emptyText: 'Drop measures or dimensions here'\n    },\n    {\n      key: 'series',\n      label: 'Series (Split into Multiple Series)',\n      description: 'Dimensions to create separate data series',\n      mandatory: false,\n      acceptTypes: ['dimension'],\n      emptyText: 'Drop dimensions here to split data into series'\n    }\n  ],\n  displayOptions: ['showLegend', 'showGrid', 'showTooltip']\n}\n\n/**\n * Helper function to get configuration for a chart type\n */\nexport function getChartConfig(chartType: string, registry: ChartConfigRegistry): ChartTypeConfig {\n  return registry[chartType] || defaultChartConfig\n}","/**\n * Lazy Chart Config Registry\n *\n * Provides async loading for chart configurations.\n * This enables code splitting - each chart config loads only when needed.\n */\n\nimport { useState, useEffect } from 'react'\nimport type { ChartType } from '../types'\nimport type { ChartTypeConfig, ChartConfigRegistry } from './chartConfigs'\nimport { defaultChartConfig } from './chartConfigs'\n\n// Config import map - lazy imports for each chart config\nconst configImportMap: Record<ChartType, () => Promise<{ [key: string]: ChartTypeConfig }>> = {\n  bar: () => import('../components/charts/BarChart.config'),\n  line: () => import('../components/charts/LineChart.config'),\n  area: () => import('../components/charts/AreaChart.config'),\n  pie: () => import('../components/charts/PieChart.config'),\n  scatter: () => import('../components/charts/ScatterChart.config'),\n  radar: () => import('../components/charts/RadarChart.config'),\n  radialBar: () => import('../components/charts/RadialBarChart.config'),\n  treemap: () => import('../components/charts/TreeMapChart.config'),\n  bubble: () => import('../components/charts/BubbleChart.config'),\n  table: () => import('../components/charts/DataTable.config'),\n  activityGrid: () => import('../components/charts/ActivityGridChart.config'),\n  kpiNumber: () => import('../components/charts/KpiNumber.config'),\n  kpiDelta: () => import('../components/charts/KpiDelta.config'),\n  kpiText: () => import('../components/charts/KpiText.config'),\n  markdown: () => import('../components/charts/MarkdownChart.config'),\n}\n\n// Map from chart type to expected export name\nconst configExportNames: Record<ChartType, string> = {\n  bar: 'barChartConfig',\n  line: 'lineChartConfig',\n  area: 'areaChartConfig',\n  pie: 'pieChartConfig',\n  scatter: 'scatterChartConfig',\n  radar: 'radarChartConfig',\n  radialBar: 'radialBarChartConfig',\n  treemap: 'treemapChartConfig',\n  bubble: 'bubbleChartConfig',\n  table: 'dataTableConfig',\n  activityGrid: 'activityGridChartConfig',\n  kpiNumber: 'kpiNumberConfig',\n  kpiDelta: 'kpiDeltaConfig',\n  kpiText: 'kpiTextConfig',\n  markdown: 'markdownConfig',\n}\n\n// Cache for loaded configs\nconst configCache = new Map<ChartType, ChartTypeConfig>()\n\n/**\n * Get a chart config asynchronously\n *\n * @param chartType The chart type to load config for\n * @returns The chart type config, or null if not found\n *\n * @example\n * ```typescript\n * const config = await getChartConfigAsync('bar')\n * console.log(config?.dropZones)\n * ```\n */\nexport async function getChartConfigAsync(chartType: ChartType): Promise<ChartTypeConfig | null> {\n  // Check cache first\n  if (configCache.has(chartType)) {\n    return configCache.get(chartType)!\n  }\n\n  const importFn = configImportMap[chartType]\n  if (!importFn) {\n    return null\n  }\n\n  try {\n    const module = await importFn()\n    const exportName = configExportNames[chartType]\n    const config = module[exportName]\n\n    if (config) {\n      configCache.set(chartType, config)\n      return config\n    }\n    return null\n  } catch (error) {\n    console.error(`Failed to load config for chart type: ${chartType}`, error)\n    return null\n  }\n}\n\n/**\n * Get a chart config synchronously from cache\n *\n * Returns the cached config if available, otherwise returns the default config.\n * Use this when you need sync access and have already preloaded the config.\n *\n * @param chartType The chart type to get config for\n * @returns The chart type config (from cache or default)\n */\nexport function getChartConfigSync(chartType: ChartType): ChartTypeConfig {\n  return configCache.get(chartType) || defaultChartConfig\n}\n\n/**\n * Check if a chart config is already loaded\n */\nexport function isChartConfigLoaded(chartType: ChartType): boolean {\n  return configCache.has(chartType)\n}\n\n/**\n * React hook for using chart config\n *\n * Loads the chart config asynchronously and caches it.\n * Returns the default config while loading.\n *\n * @param chartType The chart type to load config for\n * @returns Object with config, loading state, and loaded flag\n *\n * @example\n * ```tsx\n * function ChartSetup({ chartType }) {\n *   const { config, loading } = useChartConfig(chartType)\n *\n *   if (loading) return <Spinner />\n *   return <ConfigForm config={config} />\n * }\n * ```\n */\nexport function useChartConfig(chartType: ChartType | undefined): {\n  config: ChartTypeConfig\n  loading: boolean\n  loaded: boolean\n} {\n  const [config, setConfig] = useState<ChartTypeConfig>(\n    chartType ? getChartConfigSync(chartType) : defaultChartConfig\n  )\n  const [loading, setLoading] = useState(false)\n  const [loaded, setLoaded] = useState(false)\n\n  useEffect(() => {\n    if (!chartType) {\n      setConfig(defaultChartConfig)\n      setLoaded(false)\n      return\n    }\n\n    // Check cache synchronously first\n    if (configCache.has(chartType)) {\n      setConfig(configCache.get(chartType)!)\n      setLoaded(true)\n      return\n    }\n\n    // Load async\n    setLoading(true)\n    getChartConfigAsync(chartType)\n      .then((loadedConfig) => {\n        if (loadedConfig) {\n          setConfig(loadedConfig)\n          setLoaded(true)\n        } else {\n          setConfig(defaultChartConfig)\n          setLoaded(true)\n        }\n      })\n      .finally(() => setLoading(false))\n  }, [chartType])\n\n  return { config, loading, loaded }\n}\n\n/**\n * Preload a chart config\n *\n * Triggers the async import without needing to use the config immediately.\n * Useful for prefetching configs that will likely be needed.\n *\n * @param chartType The chart type to preload config for\n */\nexport async function preloadChartConfig(chartType: ChartType): Promise<void> {\n  if (!configCache.has(chartType)) {\n    await getChartConfigAsync(chartType)\n  }\n}\n\n/**\n * Preload multiple chart configs\n *\n * @param chartTypes Array of chart types to preload\n */\nexport async function preloadChartConfigs(chartTypes: ChartType[]): Promise<void> {\n  await Promise.all(chartTypes.map(preloadChartConfig))\n}\n\n/**\n * Load all chart configs and return as a registry\n *\n * Useful for SSR or when you need all configs upfront.\n * After calling this, all configs are cached and available synchronously.\n *\n * @returns Complete chart config registry\n *\n * @example\n * ```typescript\n * // On server or during initialization\n * const registry = await loadAllChartConfigs()\n * // Now all configs are cached and getChartConfigSync works for all types\n * ```\n */\nexport async function loadAllChartConfigs(): Promise<ChartConfigRegistry> {\n  const chartTypes = Object.keys(configImportMap) as ChartType[]\n  await Promise.all(chartTypes.map(getChartConfigAsync))\n\n  const registry: ChartConfigRegistry = {}\n  for (const chartType of chartTypes) {\n    const config = configCache.get(chartType)\n    if (config) {\n      registry[chartType] = config\n    }\n  }\n  return registry\n}\n\n/**\n * Clear the config cache\n *\n * Useful for testing or when configs need to be reloaded.\n */\nexport function clearChartConfigCache(): void {\n  configCache.clear()\n}\n","/**\n * Utility functions for drizzle-cube client\n */\n\nimport type { PortletConfig, DashboardConfig } from '../types'\n\n// Re-export chart utilities\nexport * from './chartUtils'\nexport * from './chartConstants'\nexport * from './measureIcons'\nexport * from './periodUtils'\n\n/**\n * Create a dashboard layout from portlet configurations\n */\nexport function createDashboardLayout(portlets: PortletConfig[]): DashboardConfig {\n  const layouts = generateResponsiveLayouts(portlets)\n  \n  return {\n    portlets,\n    layouts\n  }\n}\n\n/**\n * Generate responsive layouts for different breakpoints\n */\nexport function generateResponsiveLayouts(portlets: PortletConfig[]) {\n  const gridLayout = portlets.map(portlet => ({\n    i: portlet.id,\n    x: portlet.x,\n    y: portlet.y,\n    w: portlet.w,\n    h: portlet.h,\n    minW: 3,\n    minH: 3\n  }))\n\n  return {\n    lg: gridLayout,\n    md: gridLayout.map(item => ({ ...item, w: Math.min(item.w, 8) })),\n    sm: gridLayout.map(item => ({ ...item, w: Math.min(item.w, 6) })),\n    xs: gridLayout.map(item => ({ ...item, w: Math.min(item.w, 4) })),\n    xxs: gridLayout.map(item => ({ ...item, w: 2 }))\n  }\n}\n\n/**\n * Format chart data for display\n */\nexport function formatChartData(data: any[], options: {\n  formatNumbers?: boolean\n  precision?: number\n} = {}): any[] {\n  const { formatNumbers = true, precision = 2 } = options\n\n  if (!formatNumbers) return data\n\n  return data.map(row => {\n    const formattedRow: any = {}\n    \n    for (const [key, value] of Object.entries(row)) {\n      if (typeof value === 'number') {\n        formattedRow[key] = Number(value.toFixed(precision))\n      } else {\n        formattedRow[key] = value\n      }\n    }\n    \n    return formattedRow\n  })\n}\n\n/**\n * Generate a unique ID for new portlets\n */\nexport function generatePortletId(): string {\n  return `portlet-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`\n}\n\n/**\n * Find the next available position in a grid\n */\nexport function findNextPosition(existingPortlets: PortletConfig[], _w: number = 6, _h: number = 4): { x: number; y: number } {\n  if (existingPortlets.length === 0) {\n    return { x: 0, y: 0 }\n  }\n\n  // Find the maximum Y position and height\n  const maxY = Math.max(...existingPortlets.map(p => p.y + p.h))\n  \n  return { x: 0, y: maxY }\n}\n\n/**\n * Validate a cube query JSON string\n */\nexport function validateCubeQuery(queryString: string): { valid: boolean; error?: string; query?: any } {\n  try {\n    const query = JSON.parse(queryString)\n    \n    // Basic validation\n    if (typeof query !== 'object' || query === null) {\n      return { valid: false, error: 'Query must be a JSON object' }\n    }\n\n    // Check for required fields\n    if (!query.measures && !query.dimensions) {\n      return { valid: false, error: 'Query must have at least measures or dimensions' }\n    }\n\n    return { valid: true, query }\n  } catch (error) {\n    return { valid: false, error: 'Invalid JSON format' }\n  }\n}\n\n/**\n * Create a sample portlet configuration\n */\nexport function createSamplePortlet(): Omit<PortletConfig, 'id'> {\n  return {\n    title: 'Sample Chart',\n    query: JSON.stringify({\n      measures: ['count'],\n      dimensions: ['category']\n    }, null, 2),\n    chartType: 'bar',\n    chartConfig: {\n      x: 'category',\n      y: ['count']\n    },\n    displayConfig: {\n      showLegend: true,\n      showGrid: true,\n      showTooltip: true\n    },\n    w: 6,\n    h: 4,\n    x: 0,\n    y: 0\n  }\n}"],"names":["chartLoaderCache","chartImportMap","n","getLazyChart","chartType","importFn","lazy","isValidChartType","DefaultChartFallback","height","jsx","LazyChart","fallback","chartProps","ChartComponent","Suspense","preloadChart","preloadCharts","chartTypes","getAvailableChartTypes","defaultChartConfig","getChartConfig","registry","configImportMap","configExportNames","configCache","getChartConfigAsync","module","exportName","config","error","getChartConfigSync","isChartConfigLoaded","useChartConfig","setConfig","useState","loading","setLoading","loaded","setLoaded","useEffect","loadedConfig","preloadChartConfig","preloadChartConfigs","loadAllChartConfigs","clearChartConfigCache","createDashboardLayout","portlets","layouts","generateResponsiveLayouts","gridLayout","portlet","item","formatChartData","data","options","formatNumbers","precision","row","formattedRow","key","value","generatePortletId","findNextPosition","existingPortlets","_w","_h","p","validateCubeQuery","queryString","query","createSamplePortlet"],"mappings":"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"}
+{"version":3,"file":"charts-BsPkAFTR.js","sources":["../../../src/client/charts/ChartLoader.tsx","../../../src/client/charts/chartConfigs.ts","../../../src/client/charts/lazyChartConfigRegistry.ts","../../../src/client/utils/index.ts"],"sourcesContent":["/**\n * Lazy Chart Loader\n *\n * Provides React.lazy-based dynamic loading for chart components.\n * This enables code splitting - each chart type loads only when needed.\n */\n\nimport { lazy, Suspense, ComponentType, ReactNode } from 'react'\nimport type { ChartType, ChartProps } from '../types'\n\n// Type for lazy-loaded chart components\ntype LazyChartComponent = ComponentType<ChartProps>\n\n// Chart loader cache to prevent re-creating lazy components\nconst chartLoaderCache = new Map<ChartType, React.LazyExoticComponent<LazyChartComponent>>()\n\n// Dynamic import functions for each chart type\nconst chartImportMap: Record<ChartType, () => Promise<{ default: LazyChartComponent }>> = {\n  bar: () => import('../components/charts/BarChart'),\n  line: () => import('../components/charts/LineChart'),\n  area: () => import('../components/charts/AreaChart'),\n  pie: () => import('../components/charts/PieChart'),\n  scatter: () => import('../components/charts/ScatterChart'),\n  radar: () => import('../components/charts/RadarChart'),\n  radialBar: () => import('../components/charts/RadialBarChart'),\n  treemap: () => import('../components/charts/TreeMapChart'),\n  bubble: () => import('../components/charts/BubbleChart'),\n  table: () => import('../components/charts/DataTable'),\n  activityGrid: () => import('../components/charts/ActivityGridChart'),\n  kpiNumber: () => import('../components/charts/KpiNumber'),\n  kpiDelta: () => import('../components/charts/KpiDelta'),\n  kpiText: () => import('../components/charts/KpiText'),\n  markdown: () => import('../components/charts/MarkdownChart'),\n}\n\n/**\n * Get or create a lazy component for a chart type\n */\nfunction getLazyChart(chartType: ChartType): React.LazyExoticComponent<LazyChartComponent> {\n  if (!chartLoaderCache.has(chartType)) {\n    const importFn = chartImportMap[chartType]\n    if (!importFn) {\n      throw new Error(`Unknown chart type: ${chartType}`)\n    }\n    chartLoaderCache.set(chartType, lazy(importFn))\n  }\n  return chartLoaderCache.get(chartType)!\n}\n\n/**\n * Check if a chart type is supported\n */\nexport function isValidChartType(chartType: string): chartType is ChartType {\n  return chartType in chartImportMap\n}\n\n// Props for the LazyChart wrapper\nexport interface LazyChartProps extends ChartProps {\n  chartType: ChartType\n  fallback?: ReactNode\n}\n\n/**\n * Default loading placeholder for charts\n */\nfunction DefaultChartFallback({ height }: { height?: string | number }) {\n  return (\n    <div\n      className=\"flex items-center justify-center w-full\"\n      style={{ height: typeof height === 'number' ? `${height}px` : height || '200px' }}\n    >\n      <div className=\"animate-pulse bg-dc-surface-secondary rounded w-full h-full min-h-[100px]\" />\n    </div>\n  )\n}\n\n/**\n * Lazy Chart Component\n *\n * Renders a chart component with React.lazy dynamic loading.\n * The chart type determines which chart component is loaded.\n *\n * @example\n * ```tsx\n * <LazyChart\n *   chartType=\"bar\"\n *   data={chartData}\n *   chartConfig={{ yAxis: ['value'] }}\n *   height={300}\n * />\n * ```\n */\nexport function LazyChart({\n  chartType,\n  fallback,\n  height,\n  ...chartProps\n}: LazyChartProps) {\n  const ChartComponent = getLazyChart(chartType)\n\n  return (\n    <Suspense fallback={fallback ?? <DefaultChartFallback height={height} />}>\n      <ChartComponent height={height} {...chartProps} />\n    </Suspense>\n  )\n}\n\n/**\n * Preload a chart type\n *\n * Triggers the dynamic import without rendering.\n * Useful for prefetching charts that will likely be needed.\n *\n * @example\n * ```tsx\n * // Preload bar chart on hover\n * onMouseEnter={() => preloadChart('bar')}\n * ```\n */\nexport function preloadChart(chartType: ChartType): void {\n  const importFn = chartImportMap[chartType]\n  if (importFn) {\n    importFn()\n  }\n}\n\n/**\n * Preload multiple chart types\n *\n * @example\n * ```tsx\n * // Preload common charts on app init\n * useEffect(() => {\n *   preloadCharts(['bar', 'line', 'pie'])\n * }, [])\n * ```\n */\nexport function preloadCharts(chartTypes: ChartType[]): void {\n  chartTypes.forEach(preloadChart)\n}\n\n/**\n * Get all available chart types\n */\nexport function getAvailableChartTypes(): ChartType[] {\n  return Object.keys(chartImportMap) as ChartType[]\n}\n","import { ComponentType } from 'react'\n\n/**\n * Configuration for a single axis drop zone in the chart configuration UI\n */\nexport interface AxisDropZoneConfig {\n  /** The key to store this field in chartConfig (e.g., 'xAxis', 'yAxis', 'sizeField') */\n  key: string\n  \n  /** Display label for the drop zone */\n  label: string\n  \n  /** Optional description/help text shown below the label */\n  description?: string\n  \n  /** Whether at least one field is required in this drop zone */\n  mandatory?: boolean\n  \n  /** Maximum number of items allowed in this drop zone */\n  maxItems?: number\n  \n  /** Which field types this drop zone accepts */\n  acceptTypes?: ('dimension' | 'timeDimension' | 'measure')[]\n  \n  /** Optional icon component to display */\n  icon?: ComponentType<{ className?: string }>\n  \n  /** Placeholder text when drop zone is empty */\n  emptyText?: string\n}\n\n/**\n * Configuration for a single display option\n */\nexport interface DisplayOptionConfig {\n  /** The key to store this field in displayConfig */\n  key: string\n  \n  /** Display label for the option */\n  label: string\n  \n  /** Type of input control to render */\n  type: 'boolean' | 'string' | 'number' | 'select' | 'color' | 'paletteColor'\n  \n  /** Default value for the option */\n  defaultValue?: any\n  \n  /** Placeholder text for string/number inputs */\n  placeholder?: string\n  \n  /** Options for select type */\n  options?: Array<{ value: any; label: string }>\n  \n  /** Help text shown below the input */\n  description?: string\n  \n  /** Minimum value for number inputs */\n  min?: number\n  \n  /** Maximum value for number inputs */\n  max?: number\n  \n  /** Step value for number inputs */\n  step?: number\n}\n\n/**\n * Complete configuration for a chart type\n */\nexport interface ChartTypeConfig {\n  /** Configuration for each drop zone */\n  dropZones: AxisDropZoneConfig[]\n  \n  /** Simple display options (backward compatibility) - rendered as boolean checkboxes */\n  displayOptions?: string[]\n  \n  /** Structured display options with metadata for different input types */\n  displayOptionsConfig?: DisplayOptionConfig[]\n  \n  /** Optional custom validation function */\n  validate?: (config: any) => { isValid: boolean; message?: string }\n  \n  /** Icon component for the chart type */\n  icon?: ComponentType<{ className?: string }>\n  \n  /** Brief description of the chart */\n  description?: string\n  \n  /** When to use this chart type */\n  useCase?: string\n  \n  /** Whether this chart type skips query requirements (for content-based charts like markdown) */\n  skipQuery?: boolean\n}\n\n/**\n * Registry of all chart type configurations\n */\nexport interface ChartConfigRegistry {\n  [chartType: string]: ChartTypeConfig\n}\n\n/**\n * Default configuration for charts without specific requirements\n */\nexport const defaultChartConfig: ChartTypeConfig = {\n  dropZones: [\n    {\n      key: 'xAxis',\n      label: 'X-Axis (Categories)',\n      description: 'Dimensions and time dimensions for grouping',\n      mandatory: false,\n      acceptTypes: ['dimension', 'timeDimension'],\n      emptyText: 'Drop dimensions & time dimensions here'\n    },\n    {\n      key: 'yAxis',\n      label: 'Y-Axis (Values)',\n      description: 'Measures for values or dimensions for series',\n      mandatory: false,\n      acceptTypes: ['measure', 'dimension'],\n      emptyText: 'Drop measures or dimensions here'\n    },\n    {\n      key: 'series',\n      label: 'Series (Split into Multiple Series)',\n      description: 'Dimensions to create separate data series',\n      mandatory: false,\n      acceptTypes: ['dimension'],\n      emptyText: 'Drop dimensions here to split data into series'\n    }\n  ],\n  displayOptions: ['showLegend', 'showGrid', 'showTooltip']\n}\n\n/**\n * Helper function to get configuration for a chart type\n */\nexport function getChartConfig(chartType: string, registry: ChartConfigRegistry): ChartTypeConfig {\n  return registry[chartType] || defaultChartConfig\n}","/**\n * Lazy Chart Config Registry\n *\n * Provides async loading for chart configurations.\n * This enables code splitting - each chart config loads only when needed.\n */\n\nimport { useState, useEffect } from 'react'\nimport type { ChartType } from '../types'\nimport type { ChartTypeConfig, ChartConfigRegistry } from './chartConfigs'\nimport { defaultChartConfig } from './chartConfigs'\n\n// Config import map - lazy imports for each chart config\nconst configImportMap: Record<ChartType, () => Promise<{ [key: string]: ChartTypeConfig }>> = {\n  bar: () => import('../components/charts/BarChart.config'),\n  line: () => import('../components/charts/LineChart.config'),\n  area: () => import('../components/charts/AreaChart.config'),\n  pie: () => import('../components/charts/PieChart.config'),\n  scatter: () => import('../components/charts/ScatterChart.config'),\n  radar: () => import('../components/charts/RadarChart.config'),\n  radialBar: () => import('../components/charts/RadialBarChart.config'),\n  treemap: () => import('../components/charts/TreeMapChart.config'),\n  bubble: () => import('../components/charts/BubbleChart.config'),\n  table: () => import('../components/charts/DataTable.config'),\n  activityGrid: () => import('../components/charts/ActivityGridChart.config'),\n  kpiNumber: () => import('../components/charts/KpiNumber.config'),\n  kpiDelta: () => import('../components/charts/KpiDelta.config'),\n  kpiText: () => import('../components/charts/KpiText.config'),\n  markdown: () => import('../components/charts/MarkdownChart.config'),\n}\n\n// Map from chart type to expected export name\nconst configExportNames: Record<ChartType, string> = {\n  bar: 'barChartConfig',\n  line: 'lineChartConfig',\n  area: 'areaChartConfig',\n  pie: 'pieChartConfig',\n  scatter: 'scatterChartConfig',\n  radar: 'radarChartConfig',\n  radialBar: 'radialBarChartConfig',\n  treemap: 'treemapChartConfig',\n  bubble: 'bubbleChartConfig',\n  table: 'dataTableConfig',\n  activityGrid: 'activityGridChartConfig',\n  kpiNumber: 'kpiNumberConfig',\n  kpiDelta: 'kpiDeltaConfig',\n  kpiText: 'kpiTextConfig',\n  markdown: 'markdownConfig',\n}\n\n// Cache for loaded configs\nconst configCache = new Map<ChartType, ChartTypeConfig>()\n\n/**\n * Get a chart config asynchronously\n *\n * @param chartType The chart type to load config for\n * @returns The chart type config, or null if not found\n *\n * @example\n * ```typescript\n * const config = await getChartConfigAsync('bar')\n * console.log(config?.dropZones)\n * ```\n */\nexport async function getChartConfigAsync(chartType: ChartType): Promise<ChartTypeConfig | null> {\n  // Check cache first\n  if (configCache.has(chartType)) {\n    return configCache.get(chartType)!\n  }\n\n  const importFn = configImportMap[chartType]\n  if (!importFn) {\n    return null\n  }\n\n  try {\n    const module = await importFn()\n    const exportName = configExportNames[chartType]\n    const config = module[exportName]\n\n    if (config) {\n      configCache.set(chartType, config)\n      return config\n    }\n    return null\n  } catch (error) {\n    console.error(`Failed to load config for chart type: ${chartType}`, error)\n    return null\n  }\n}\n\n/**\n * Get a chart config synchronously from cache\n *\n * Returns the cached config if available, otherwise returns the default config.\n * Use this when you need sync access and have already preloaded the config.\n *\n * @param chartType The chart type to get config for\n * @returns The chart type config (from cache or default)\n */\nexport function getChartConfigSync(chartType: ChartType): ChartTypeConfig {\n  return configCache.get(chartType) || defaultChartConfig\n}\n\n/**\n * Check if a chart config is already loaded\n */\nexport function isChartConfigLoaded(chartType: ChartType): boolean {\n  return configCache.has(chartType)\n}\n\n/**\n * React hook for using chart config\n *\n * Loads the chart config asynchronously and caches it.\n * Returns the default config while loading.\n *\n * @param chartType The chart type to load config for\n * @returns Object with config, loading state, and loaded flag\n *\n * @example\n * ```tsx\n * function ChartSetup({ chartType }) {\n *   const { config, loading } = useChartConfig(chartType)\n *\n *   if (loading) return <Spinner />\n *   return <ConfigForm config={config} />\n * }\n * ```\n */\nexport function useChartConfig(chartType: ChartType | undefined): {\n  config: ChartTypeConfig\n  loading: boolean\n  loaded: boolean\n} {\n  const [config, setConfig] = useState<ChartTypeConfig>(\n    chartType ? getChartConfigSync(chartType) : defaultChartConfig\n  )\n  const [loading, setLoading] = useState(false)\n  const [loaded, setLoaded] = useState(false)\n\n  useEffect(() => {\n    if (!chartType) {\n      setConfig(defaultChartConfig)\n      setLoaded(false)\n      return\n    }\n\n    // Check cache synchronously first\n    if (configCache.has(chartType)) {\n      setConfig(configCache.get(chartType)!)\n      setLoaded(true)\n      return\n    }\n\n    // Load async\n    setLoading(true)\n    getChartConfigAsync(chartType)\n      .then((loadedConfig) => {\n        if (loadedConfig) {\n          setConfig(loadedConfig)\n          setLoaded(true)\n        } else {\n          setConfig(defaultChartConfig)\n          setLoaded(true)\n        }\n      })\n      .finally(() => setLoading(false))\n  }, [chartType])\n\n  return { config, loading, loaded }\n}\n\n/**\n * Preload a chart config\n *\n * Triggers the async import without needing to use the config immediately.\n * Useful for prefetching configs that will likely be needed.\n *\n * @param chartType The chart type to preload config for\n */\nexport async function preloadChartConfig(chartType: ChartType): Promise<void> {\n  if (!configCache.has(chartType)) {\n    await getChartConfigAsync(chartType)\n  }\n}\n\n/**\n * Preload multiple chart configs\n *\n * @param chartTypes Array of chart types to preload\n */\nexport async function preloadChartConfigs(chartTypes: ChartType[]): Promise<void> {\n  await Promise.all(chartTypes.map(preloadChartConfig))\n}\n\n/**\n * Load all chart configs and return as a registry\n *\n * Useful for SSR or when you need all configs upfront.\n * After calling this, all configs are cached and available synchronously.\n *\n * @returns Complete chart config registry\n *\n * @example\n * ```typescript\n * // On server or during initialization\n * const registry = await loadAllChartConfigs()\n * // Now all configs are cached and getChartConfigSync works for all types\n * ```\n */\nexport async function loadAllChartConfigs(): Promise<ChartConfigRegistry> {\n  const chartTypes = Object.keys(configImportMap) as ChartType[]\n  await Promise.all(chartTypes.map(getChartConfigAsync))\n\n  const registry: ChartConfigRegistry = {}\n  for (const chartType of chartTypes) {\n    const config = configCache.get(chartType)\n    if (config) {\n      registry[chartType] = config\n    }\n  }\n  return registry\n}\n\n/**\n * Clear the config cache\n *\n * Useful for testing or when configs need to be reloaded.\n */\nexport function clearChartConfigCache(): void {\n  configCache.clear()\n}\n","/**\n * Utility functions for drizzle-cube client\n */\n\nimport type { PortletConfig, DashboardConfig } from '../types'\n\n// Re-export chart utilities\nexport * from './chartUtils'\nexport * from './chartConstants'\nexport * from './measureIcons'\nexport * from './periodUtils'\n\n/**\n * Create a dashboard layout from portlet configurations\n */\nexport function createDashboardLayout(portlets: PortletConfig[]): DashboardConfig {\n  const layouts = generateResponsiveLayouts(portlets)\n  \n  return {\n    portlets,\n    layouts\n  }\n}\n\n/**\n * Generate responsive layouts for different breakpoints\n */\nexport function generateResponsiveLayouts(portlets: PortletConfig[]) {\n  const gridLayout = portlets.map(portlet => ({\n    i: portlet.id,\n    x: portlet.x,\n    y: portlet.y,\n    w: portlet.w,\n    h: portlet.h,\n    minW: 3,\n    minH: 3\n  }))\n\n  return {\n    lg: gridLayout,\n    md: gridLayout.map(item => ({ ...item, w: Math.min(item.w, 8) })),\n    sm: gridLayout.map(item => ({ ...item, w: Math.min(item.w, 6) })),\n    xs: gridLayout.map(item => ({ ...item, w: Math.min(item.w, 4) })),\n    xxs: gridLayout.map(item => ({ ...item, w: 2 }))\n  }\n}\n\n/**\n * Format chart data for display\n */\nexport function formatChartData(data: any[], options: {\n  formatNumbers?: boolean\n  precision?: number\n} = {}): any[] {\n  const { formatNumbers = true, precision = 2 } = options\n\n  if (!formatNumbers) return data\n\n  return data.map(row => {\n    const formattedRow: any = {}\n    \n    for (const [key, value] of Object.entries(row)) {\n      if (typeof value === 'number') {\n        formattedRow[key] = Number(value.toFixed(precision))\n      } else {\n        formattedRow[key] = value\n      }\n    }\n    \n    return formattedRow\n  })\n}\n\n/**\n * Generate a unique ID for new portlets\n */\nexport function generatePortletId(): string {\n  return `portlet-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`\n}\n\n/**\n * Find the next available position in a grid\n */\nexport function findNextPosition(existingPortlets: PortletConfig[], _w: number = 6, _h: number = 4): { x: number; y: number } {\n  if (existingPortlets.length === 0) {\n    return { x: 0, y: 0 }\n  }\n\n  // Find the maximum Y position and height\n  const maxY = Math.max(...existingPortlets.map(p => p.y + p.h))\n  \n  return { x: 0, y: maxY }\n}\n\n/**\n * Validate a cube query JSON string\n */\nexport function validateCubeQuery(queryString: string): { valid: boolean; error?: string; query?: any } {\n  try {\n    const query = JSON.parse(queryString)\n    \n    // Basic validation\n    if (typeof query !== 'object' || query === null) {\n      return { valid: false, error: 'Query must be a JSON object' }\n    }\n\n    // Check for required fields\n    if (!query.measures && !query.dimensions) {\n      return { valid: false, error: 'Query must have at least measures or dimensions' }\n    }\n\n    return { valid: true, query }\n  } catch (error) {\n    return { valid: false, error: 'Invalid JSON format' }\n  }\n}\n\n/**\n * Create a sample portlet configuration\n */\nexport function createSamplePortlet(): Omit<PortletConfig, 'id'> {\n  return {\n    title: 'Sample Chart',\n    query: JSON.stringify({\n      measures: ['count'],\n      dimensions: ['category']\n    }, null, 2),\n    chartType: 'bar',\n    chartConfig: {\n      x: 'category',\n      y: ['count']\n    },\n    displayConfig: {\n      showLegend: true,\n      showGrid: true,\n      showTooltip: true\n    },\n    w: 6,\n    h: 4,\n    x: 0,\n    y: 0\n  }\n}"],"names":["chartLoaderCache","chartImportMap","n","getLazyChart","chartType","importFn","lazy","isValidChartType","DefaultChartFallback","height","jsx","LazyChart","fallback","chartProps","ChartComponent","Suspense","preloadChart","preloadCharts","chartTypes","getAvailableChartTypes","defaultChartConfig","getChartConfig","registry","configImportMap","configExportNames","configCache","getChartConfigAsync","module","exportName","config","error","getChartConfigSync","isChartConfigLoaded","useChartConfig","setConfig","useState","loading","setLoading","loaded","setLoaded","useEffect","loadedConfig","preloadChartConfig","preloadChartConfigs","loadAllChartConfigs","clearChartConfigCache","createDashboardLayout","portlets","layouts","generateResponsiveLayouts","gridLayout","portlet","item","formatChartData","data","options","formatNumbers","precision","row","formattedRow","key","value","generatePortletId","findNextPosition","existingPortlets","_w","_h","p","validateCubeQuery","queryString","query","createSamplePortlet"],"mappings":"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"}

package/dist/client/chunks/{index-_pVwmFVW.js → index-CSeLP8gq.js}

@@ -1,7 +1,7 @@
 import { jsxs as o, jsx as t, Fragment as J } from "react/jsx-runtime";
 import { useMemo as j, useState as H, useEffect as T, useCallback as S } from "react";
 import Z, { Handle as P, Position as p, getBezierPath as K, BaseEdge as Q, EdgeLabelRenderer as U, useNodesState as _, useEdgesState as ee, addEdge as te, ConnectionMode as se, Controls as re, MiniMap as ne, Background as oe, BackgroundVariant as ae } from "reactflow";
-import { u as ie } from "./chart-activitygridchart-BzL97Vnm.js";
+import { u as ie } from "./chart-activitygridchart-Cz4bEf3V.js";
 import O from "dagre";
 function de({ data: i }) {
   const { cube: s, onFieldClick: f, isHighlighted: r, highlightedFields: w, searchTerm: m } = i, l = () => {
@@ -548,4 +548,4 @@ export {
   Ce as CubeRelationshipDiagram,
   Ce as default
 };
-//# sourceMappingURL=index-_pVwmFVW.js.map
+//# sourceMappingURL=index-CSeLP8gq.js.map

package/dist/client/chunks/{index-_pVwmFVW.js.map → index-CSeLP8gq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-_pVwmFVW.js","sources":["../../../src/client/components/CubeRelationshipDiagram/CubeNode.tsx","../../../src/client/components/CubeRelationshipDiagram/RelationshipEdge.tsx","../../../src/client/components/CubeRelationshipDiagram/useERDLayout.ts","../../../src/client/components/CubeRelationshipDiagram/index.tsx"],"sourcesContent":["import { Handle, Position } from 'reactflow'\nimport type { CubeMetaCube } from '../../hooks/useCubeMeta'\n\ninterface CubeNodeProps {\n  data: {\n    cube: CubeMetaCube\n    onCubeClick?: (cubeName: string) => void\n    onFieldClick?: (cubeName: string, fieldName: string, fieldType: 'measure' | 'dimension') => void\n    isHighlighted: boolean\n    highlightedFields: string[]\n    searchTerm?: string\n  }\n}\n\nexport function CubeNode({ data }: CubeNodeProps) {\n  const { cube, onFieldClick, isHighlighted, highlightedFields, searchTerm } = data\n\n  const handleCubeHeaderClick = () => {\n    // Do nothing - disable cube header clicks in ERD\n  }\n\n  const handleFieldClick = (fieldName: string, fieldType: 'measure' | 'dimension') => {\n    if (onFieldClick) {\n      onFieldClick(cube.name, fieldName, fieldType)\n    }\n  }\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 // No search term, show all fields\n    \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  // Check if the cube has any matching fields\n  const cubeHasMatches = () => {\n    if (!searchTerm?.trim()) return true // No search term, show all cubes normally\n    \n    // Check if any measure matches\n    const measureMatches = cube.measures.some(measure => isFieldSearchMatch(measure))\n    \n    // Check if any dimension matches\n    const dimensionMatches = cube.dimensions.some(dimension => isFieldSearchMatch(dimension))\n    \n    return measureMatches || dimensionMatches\n  }\n\n  const hasCubeMatches = cubeHasMatches()\n\n  const getFieldVisibilityClasses = (field: { name: string; title?: string; type?: string }, isHighlighted: boolean, fieldType: 'measure' | 'dimension') => {\n    const isSearchMatch = isFieldSearchMatch(field)\n    const baseClasses = 'px-4 py-2 text-xs cursor-pointer transition-all border-b border-dc-border last:border-b-0'\n\n    // If the whole cube has no matches, rely on cube-level fading\n    if (!hasCubeMatches && searchTerm?.trim()) {\n      // Still show selected field highlighting even in faded cubes\n      if (isHighlighted) {\n        if (fieldType === 'measure') {\n          return `${baseClasses} bg-amber-100 text-amber-800`\n        } else if (fieldType === 'dimension') {\n          if (field.type === 'time') {\n            return `${baseClasses} bg-blue-100 text-blue-800`\n          } else {\n            return `${baseClasses} bg-green-100 text-green-800`\n          }\n        }\n      }\n      return `${baseClasses} hover:bg-dc-surface-hover text-dc-text-secondary`\n    }\n\n    // If searching and this specific field doesn't match, make it faded\n    if (searchTerm?.trim() && !isSearchMatch) {\n      return `${baseClasses} opacity-40 hover:opacity-60 text-dc-text-muted`\n    }\n\n    // If searching and this field matches, make it prominent with bold purple text\n    if (searchTerm?.trim() && isSearchMatch && !isHighlighted) {\n      return `${baseClasses} font-bold hover:bg-purple-50`\n    }\n\n    // Normal highlighting behavior for selected fields (takes priority over search match styling)\n    if (isHighlighted) {\n      if (fieldType === 'measure') {\n        return `${baseClasses} bg-amber-100 text-amber-800 font-semibold`\n      } else if (fieldType === 'dimension') {\n        // Check if this is a time dimension\n        if (field.type === 'time') {\n          return `${baseClasses} bg-blue-100 text-blue-800 font-semibold` // time dimensions\n        } else {\n          return `${baseClasses} bg-green-100 text-green-800 font-semibold` // regular dimensions\n        }\n      }\n    }\n\n    return `${baseClasses} hover:bg-dc-surface-hover text-dc-text-secondary`\n  }\n\n  return (\n    <div\n      className={`\n        border-2 rounded-lg shadow-lg min-w-[280px] overflow-hidden transition-all\n        ${!hasCubeMatches && searchTerm?.trim() ? 'opacity-30 grayscale' : ''}\n        ${isHighlighted ? 'border-purple-500 ring-2 ring-purple-200' : 'border-dc-border'}\n      `}\n      style={{\n        backgroundColor: 'var(--dc-surface)'\n      }}\n    >\n      {/* Cube Header */}\n      <div\n        className={`\n          px-4 py-3 cursor-pointer transition-colors\n          ${isHighlighted ? 'bg-purple-100 hover:bg-purple-200' : 'bg-dc-surface-secondary hover:bg-dc-surface-hover'}\n        `}\n        onClick={handleCubeHeaderClick}\n      >\n        <div className=\"flex items-center justify-between\">\n          <div>\n            <h3 className=\"font-semibold text-dc-text text-sm\">\n              {cube.title || cube.name}\n            </h3>\n            {cube.description && (\n              <p className=\"text-xs text-dc-text-muted mt-1 line-clamp-2\">\n                {cube.description}\n              </p>\n            )}\n          </div>\n          <div className=\"text-xs text-dc-text-muted ml-2\">\n            <div>{cube.measures.length}M</div>\n            <div>{cube.dimensions.length}D</div>\n          </div>\n        </div>\n      </div>\n\n      {/* Measures Section */}\n      {cube.measures.length > 0 && (\n        <div className=\"border-t border-dc-border\">\n          <div className=\"px-4 py-2 bg-amber-50 border-b border-dc-border\">\n            <h4 className=\"text-xs font-medium text-amber-800 flex items-center\">\n              <span className=\"w-2 h-2 bg-amber-500 rounded-full mr-2\"></span>\n              Measures ({cube.measures.length})\n            </h4>\n          </div>\n          <div className=\"max-h-32 overflow-y-auto\">\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={getFieldVisibilityClasses(measure, highlighted, 'measure')}\n                  onClick={() => handleFieldClick(fieldName, 'measure')}\n                  title={measure.title}\n                >\n                  <div className=\"flex items-center justify-between\">\n                    <span className=\"font-mono truncate\">\n                      {measure.shortTitle || measure.title || fieldName}\n                    </span>\n                    <span className=\"text-dc-text-muted ml-2 text-[10px] uppercase\">\n                      {measure.type}\n                    </span>\n                  </div>\n                </div>\n              )\n            })}\n          </div>\n        </div>\n      )}\n\n      {/* Time Dimensions Section */}\n      {cube.dimensions.filter(d => d.type === 'time').length > 0 && (\n        <div className=\"border-t border-dc-border\">\n          <div className=\"px-4 py-2 bg-blue-50 border-b border-dc-border\">\n            <h4 className=\"text-xs font-medium text-blue-800 flex items-center\">\n              <span className=\"w-2 h-2 bg-blue-500 rounded-full mr-2\"></span>\n              Time Dimensions ({cube.dimensions.filter(d => d.type === 'time').length})\n            </h4>\n          </div>\n          <div className=\"max-h-32 overflow-y-auto\">\n            {cube.dimensions.filter(d => d.type === 'time').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={getFieldVisibilityClasses(dimension, highlighted, 'dimension')}\n                  onClick={() => handleFieldClick(fieldName, 'dimension')}\n                  title={dimension.title}\n                >\n                  <div className=\"flex items-center justify-between\">\n                    <span className=\"font-mono truncate\">\n                      {dimension.shortTitle || dimension.title || fieldName}\n                    </span>\n                    <span className=\"text-dc-text-muted ml-2 text-[10px] uppercase\">\n                      {dimension.type}\n                    </span>\n                  </div>\n                </div>\n              )\n            })}\n          </div>\n        </div>\n      )}\n\n      {/* Dimensions Section (non-time) */}\n      {cube.dimensions.filter(d => d.type !== 'time').length > 0 && (\n        <div className=\"border-t border-dc-border\">\n          <div className=\"px-4 py-2 bg-green-50 border-b border-dc-border\">\n            <h4 className=\"text-xs font-medium text-green-800 flex items-center\">\n              <span className=\"w-2 h-2 bg-green-500 rounded-full mr-2\"></span>\n              Dimensions ({cube.dimensions.filter(d => d.type !== 'time').length})\n            </h4>\n          </div>\n          <div className=\"max-h-32 overflow-y-auto\">\n            {cube.dimensions.filter(d => d.type !== 'time').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={getFieldVisibilityClasses(dimension, highlighted, 'dimension')}\n                  onClick={() => handleFieldClick(fieldName, 'dimension')}\n                  title={dimension.title}\n                >\n                  <div className=\"flex items-center justify-between\">\n                    <span className=\"font-mono truncate\">\n                      {dimension.shortTitle || dimension.title || fieldName}\n                    </span>\n                    <span className=\"text-dc-text-muted ml-2 text-[10px] uppercase\">\n                      {dimension.type}\n                    </span>\n                  </div>\n                </div>\n              )\n            })}\n          </div>\n        </div>\n      )}\n\n      {/* Connection handles for relationships - hidden */}\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        id=\"right\"\n        className=\"opacity-0\"\n        isConnectable={false}\n      />\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        id=\"left\"\n        className=\"opacity-0\"\n        isConnectable={false}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Bottom}\n        id=\"bottom\"\n        className=\"opacity-0\"\n        isConnectable={false}\n      />\n      <Handle\n        type=\"target\"\n        position={Position.Top}\n        id=\"top\"\n        className=\"opacity-0\"\n        isConnectable={false}\n      />\n    </div>\n  )\n}\n\nexport default CubeNode","import { \n  EdgeProps, \n  getBezierPath, \n  EdgeLabelRenderer,\n  BaseEdge,\n} from 'reactflow'\nimport type { CubeMetaRelationship } from '../../hooks/useCubeMeta'\n\ninterface RelationshipEdgeData {\n  relationship: CubeMetaRelationship\n  joinFields: Array<{\n    sourceField: string\n    targetField: string\n  }>\n}\n\nexport function RelationshipEdge({\n  sourceX,\n  sourceY,\n  targetX,\n  targetY,\n  sourcePosition,\n  targetPosition,\n  style = {},\n  data,\n  markerEnd,\n}: EdgeProps<RelationshipEdgeData>) {\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  // Get relationship symbols and colors\n  const getRelationshipSymbol = (rel: string) => {\n    switch (rel) {\n      case 'belongsTo':\n        return '∈' // belongs to symbol\n      case 'hasOne':\n        return '1:1'\n      case 'hasMany':\n        return '1:M'\n      default:\n        return '?'\n    }\n  }\n\n  const getRelationshipColor = (rel: string) => {\n    switch (rel) {\n      case 'belongsTo':\n        return '#10b981' // green\n      case 'hasOne':\n        return '#3b82f6' // blue\n      case 'hasMany':\n        return '#f59e0b' // amber\n      default:\n        return '#6b7280' // gray\n    }\n  }\n\n  const color = getRelationshipColor(relationship.relationship)\n  const symbol = getRelationshipSymbol(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=\"border-2 rounded-md px-2 py-1 shadow-xs\"\n            style={{\n              backgroundColor: 'var(--dc-surface)',\n              borderColor: color\n            }}\n          >\n            <div className=\"text-center\">\n              <div\n                className=\"font-bold text-xs mb-1\"\n                style={{ color }}\n              >\n                {symbol}\n              </div>\n              <div className=\"text-[9px] text-dc-text-muted leading-tight\">\n                {joinFields.map((field, index) => (\n                  <div key={index} className=\"font-mono\">\n                    {field.sourceField} → {field.targetField}\n                  </div>\n                ))}\n              </div>\n            </div>\n          </div>\n        </div>\n      </EdgeLabelRenderer>\n    </>\n  )\n}\n\nexport default RelationshipEdge","import { useMemo } from 'react'\nimport { Node, Edge, Position } from 'reactflow'\nimport dagre from 'dagre'\n\nexport interface LayoutOptions {\n  direction: 'TB' | 'BT' | 'LR' | 'RL'\n  nodeWidth: number\n  nodeHeight: number\n  nodeSep: number\n  rankSep: number\n  ranker: 'network-simplex' | 'tight-tree' | 'longest-path'\n}\n\nconst defaultOptions: LayoutOptions = {\n  direction: 'TB',\n  nodeWidth: 320,\n  nodeHeight: 220,\n  nodeSep: 80,\n  rankSep: 150,\n  ranker: 'network-simplex',\n}\n\nexport function useERDLayout(\n  nodes: Node[],\n  edges: Edge[],\n  options: Partial<LayoutOptions> = {}\n): { nodes: Node[], edges: Edge[] } {\n  const layoutOptions = useMemo(() => ({ ...defaultOptions, ...options }), [options])\n\n  const { layoutedNodes, layoutedEdges } = useMemo(() => {\n    if (nodes.length === 0) {\n      return { layoutedNodes: [], layoutedEdges: [] }\n    }\n\n    // Create a new dagre graph\n    const dagreGraph = new dagre.graphlib.Graph()\n    dagreGraph.setDefaultEdgeLabel(() => ({}))\n    dagreGraph.setGraph({ \n      rankdir: layoutOptions.direction,\n      nodesep: layoutOptions.nodeSep,\n      ranksep: layoutOptions.rankSep,\n      ranker: layoutOptions.ranker,\n    })\n\n    // Add nodes to the graph\n    nodes.forEach((node) => {\n      dagreGraph.setNode(node.id, { \n        width: layoutOptions.nodeWidth, \n        height: layoutOptions.nodeHeight \n      })\n    })\n\n    // Add edges to the graph\n    edges.forEach((edge) => {\n      dagreGraph.setEdge(edge.source, edge.target)\n    })\n\n    // Run the layout algorithm\n    dagre.layout(dagreGraph)\n\n    // Apply the calculated positions to nodes\n    const layoutedNodes = nodes.map((node) => {\n      const nodeWithPosition = dagreGraph.node(node.id)\n      \n      const newNode = {\n        ...node,\n        targetPosition: getTargetPosition(layoutOptions.direction),\n        sourcePosition: getSourcePosition(layoutOptions.direction),\n        position: {\n          x: nodeWithPosition.x - layoutOptions.nodeWidth / 2,\n          y: nodeWithPosition.y - layoutOptions.nodeHeight / 2,\n        },\n      }\n\n      return newNode\n    })\n\n    return { \n      layoutedNodes, \n      layoutedEdges: edges \n    }\n  }, [nodes, edges, layoutOptions.direction, layoutOptions.nodeSep, layoutOptions.rankSep, layoutOptions.ranker, layoutOptions.nodeWidth, layoutOptions.nodeHeight])\n\n  return { nodes: layoutedNodes, edges: layoutedEdges }\n}\n\n// Helper functions to determine handle positions based on layout direction\nfunction getTargetPosition(direction: string): Position {\n  switch (direction) {\n    case 'TB':\n      return Position.Top\n    case 'BT':\n      return Position.Bottom\n    case 'LR':\n      return Position.Left\n    case 'RL':\n      return Position.Right\n    default:\n      return Position.Top\n  }\n}\n\nfunction getSourcePosition(direction: string): Position {\n  switch (direction) {\n    case 'TB':\n      return Position.Bottom\n    case 'BT':\n      return Position.Top\n    case 'LR':\n      return Position.Right\n    case 'RL':\n      return Position.Left\n    default:\n      return Position.Bottom\n  }\n}\n\n// Custom layout function for manual positioning with smart defaults\nexport function useManualLayout(\n  nodes: Node[],\n  edges: Edge[],\n  spacing = { x: 400, y: 300 }\n): { nodes: Node[], edges: Edge[] } {\n  return useMemo(() => {\n    if (nodes.length === 0) {\n      return { nodes: [], edges }\n    }\n\n    // Simple grid layout as fallback\n    const layoutedNodes = nodes.map((node, index) => ({\n      ...node,\n      position: {\n        x: (index % 3) * spacing.x,\n        y: Math.floor(index / 3) * spacing.y,\n      },\n      sourcePosition: Position.Right,\n      targetPosition: Position.Left,\n    }))\n\n    return { nodes: layoutedNodes, edges }\n  }, [nodes, edges, spacing])\n}\n\nexport default useERDLayout","import { useCallback, useMemo, useEffect, useState } from 'react'\nimport ReactFlow, {\n  Node,\n  Edge,\n  addEdge,\n  Connection,\n  useNodesState,\n  useEdgesState,\n  Controls,\n  MiniMap,\n  Background,\n  BackgroundVariant,\n  ConnectionMode,\n} from 'reactflow'\nimport 'reactflow/dist/style.css'\n\nimport { useCubeContext } from '../../providers/CubeProvider'\nimport { CubeNode } from './CubeNode'\nimport { RelationshipEdge } from './RelationshipEdge'\nimport { useERDLayout } from './useERDLayout'\n\n// Define the custom node and edge types OUTSIDE the component to prevent re-creation\nconst nodeTypes = {\n  cubeNode: CubeNode,\n}\n\nconst edgeTypes = {\n  relationshipEdge: RelationshipEdge,\n}\n\ninterface CubeRelationshipDiagramProps {\n  className?: string\n  onCubeClick?: (cubeName: string) => void\n  onFieldClick?: (cubeName: string, fieldName: string, fieldType: 'measure' | 'dimension') => void\n  highlightedCubes?: string[]\n  highlightedFields?: string[]\n  searchTerm?: string\n}\n\nexport function CubeRelationshipDiagram({\n  className = '',\n  onCubeClick,\n  onFieldClick,\n  highlightedCubes = [],\n  highlightedFields = [],\n  searchTerm,\n}: CubeRelationshipDiagramProps) {\n  const { meta, metaLoading, metaError } = useCubeContext()\n\n  const [savedPositions, setSavedPositions] = useState<Record<string, {x: number, y: number}>>({})\n  const [autoLayoutRequested, setAutoLayoutRequested] = useState(false)\n  const [contextMenu, setContextMenu] = useState<{x: number, y: number} | null>(null)\n\n  // Load saved positions from localStorage on mount\n  useEffect(() => {\n    try {\n      const savedPos = localStorage.getItem('drizzle-cube-erd-node-positions')\n      if (savedPos) {\n        setSavedPositions(JSON.parse(savedPos))\n      }\n    } catch (error) {\n      // Ignore localStorage errors\n    }\n  }, [])\n\n  // Create base nodes and edges structure (without selection data)\n  const { nodes: baseNodes, edges: baseEdges } = useMemo(() => {\n    if (!meta) return { nodes: [], edges: [] }\n\n    const nodes: Node[] = []\n    const edges: Edge[] = []\n\n    // Create nodes for each cube\n    meta.cubes.forEach((cube, index) => {\n      nodes.push({\n        id: cube.name,\n        type: 'cubeNode',\n        position: savedPositions[cube.name] || { x: (index % 3) * 400, y: Math.floor(index / 3) * 300 },\n        data: {\n          cube,\n          onCubeClick,\n          onFieldClick,\n          isHighlighted: false, // Will be updated separately\n          highlightedFields: [], // Will be updated separately\n        },\n      })\n    })\n\n    // Create edges for relationships (excluding belongsTo)\n    meta.cubes.forEach(cube => {\n      if (cube.relationships) {\n        cube.relationships.forEach((relationship, index) => {\n          // Skip belongsTo relationships\n          if (relationship.relationship === 'belongsTo') {\n            return\n          }\n          \n          const edgeId = `${cube.name}-${relationship.targetCube}-${index}`\n          edges.push({\n            id: edgeId,\n            source: cube.name,\n            target: relationship.targetCube,\n            type: 'relationshipEdge',\n            data: {\n              relationship,\n              joinFields: relationship.joinFields,\n            },\n            animated: false,\n            style: {\n              stroke: getRelationshipColor(relationship.relationship),\n              strokeWidth: 2,\n            },\n          })\n        })\n      }\n    })\n\n    return { nodes, edges }\n  }, [meta, onCubeClick, onFieldClick, savedPositions])\n\n  // Apply auto-layout when explicitly requested or if no saved positions\n  const needsAutoLayout = autoLayoutRequested || Object.keys(savedPositions).length === 0\n  \n  // Get auto-layout result\n  const { nodes: autoLayoutedNodes, edges: autoLayoutedEdges } = useERDLayout(baseNodes, baseEdges, {\n    direction: 'LR',\n    nodeWidth: 320,\n    nodeHeight: 220,\n    nodeSep: 100,\n    rankSep: 200\n  })\n  \n  // Use auto-layout or base nodes based on needsAutoLayout, and update selection data\n  const layoutedNodes = useMemo(() => {\n    const nodes = needsAutoLayout ? autoLayoutedNodes : baseNodes\n    return nodes.map((node) => ({\n      ...node,\n      data: {\n        ...node.data,\n        isHighlighted: highlightedCubes.includes(node.id),\n        highlightedFields: highlightedFields,\n        searchTerm: searchTerm,\n      }\n    }))\n  }, [needsAutoLayout, autoLayoutedNodes, baseNodes, highlightedCubes, highlightedFields, searchTerm])\n  \n  const layoutedEdges = needsAutoLayout ? autoLayoutedEdges : baseEdges\n  \n  // Reset auto-layout request and clear saved positions when auto-layout is applied\n  useEffect(() => {\n    if (autoLayoutRequested && layoutedNodes.length > 0) {\n      // Clear saved positions so we use the new auto-layout positions\n      setSavedPositions({})\n      try {\n        localStorage.removeItem('drizzle-cube-erd-node-positions')\n      } catch (error) {\n        // Ignore localStorage errors\n      }\n      setAutoLayoutRequested(false)\n    }\n  }, [autoLayoutRequested, layoutedNodes])\n\n  const [nodes, setNodes, onNodesChange] = useNodesState(layoutedNodes)\n  const [edges, setEdges, onEdgesChange] = useEdgesState(layoutedEdges)\n\n\n  // Sync React Flow nodes with layout changes\n  useEffect(() => {\n    setNodes(layoutedNodes)\n  }, [layoutedNodes, setNodes])\n\n  // Sync React Flow edges with changes\n  useEffect(() => {\n    setEdges(layoutedEdges)\n  }, [layoutedEdges, setEdges])\n\n  // Save node positions to localStorage when manually moved\n  const handleNodesChange = useCallback((changes: any[]) => {\n    onNodesChange(changes)\n    \n    // Check if any nodes were dragged and save positions\n    const dragChanges = changes.filter(change => change.type === 'position' && change.dragging === false)\n    if (dragChanges.length > 0) {\n      setNodes((currentNodes) => {\n        const newPositions: Record<string, {x: number, y: number}> = {}\n        currentNodes.forEach(node => {\n          if (node.position) {\n            newPositions[node.id] = node.position\n          }\n        })\n        \n        // Save to localStorage\n        try {\n          localStorage.setItem('drizzle-cube-erd-node-positions', JSON.stringify(newPositions))\n        } catch (error) {\n          // Ignore localStorage errors\n        }\n        \n        setSavedPositions(newPositions)\n        return currentNodes\n      })\n    }\n  }, [onNodesChange, setNodes])\n\n  const onConnect = useCallback(\n    (params: Connection) => setEdges((eds) => addEdge(params, eds)),\n    [setEdges]\n  )\n\n  // Handle right-click context menu\n  const handleContextMenu = useCallback((event: React.MouseEvent) => {\n    event.preventDefault()\n    event.stopPropagation()\n    console.log('Context menu triggered at:', event.clientX, event.clientY) // Debug\n    setContextMenu({\n      x: event.clientX,\n      y: event.clientY,\n    })\n  }, [])\n\n  // Close context menu when clicking elsewhere\n  const handleClick = useCallback(() => {\n    if (contextMenu) {\n      setContextMenu(null)\n    }\n  }, [contextMenu])\n\n  // Handle auto layout from context menu\n  const handleAutoLayout = useCallback(() => {\n    setAutoLayoutRequested(true)\n    setContextMenu(null)\n  }, [])\n\n\n  // Loading state\n  if (metaLoading) {\n    return (\n      <div className={`flex items-center justify-center h-96 ${className}`}>\n        <div className=\"text-center\">\n          <div className=\"animate-spin rounded-full h-8 w-8 border-b-2 border-blue-500 mx-auto mb-2\"></div>\n          <p className=\"text-dc-text-muted\">Loading cube schema...</p>\n        </div>\n      </div>\n    )\n  }\n\n  // Error state\n  if (metaError) {\n    return (\n      <div className={`flex items-center justify-center h-96 ${className}`}>\n        <div className=\"text-center text-red-500\">\n          <p className=\"font-medium\">Failed to load cube schema</p>\n          <p className=\"text-sm mt-1\">{metaError}</p>\n        </div>\n      </div>\n    )\n  }\n\n  // Empty state\n  if (!meta || meta.cubes.length === 0) {\n    return (\n      <div className={`flex items-center justify-center h-96 ${className}`}>\n        <div className=\"text-center text-dc-text-muted\">\n          <p className=\"font-medium\">No cubes found</p>\n          <p className=\"text-sm mt-1\">Register some cubes to see the relationship diagram</p>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className={`h-full ${className}`} style={{ height: '600px' }}>\n      <div className=\"h-full\">\n        <ReactFlow\n          nodes={nodes}\n          edges={edges}\n          onNodesChange={handleNodesChange}\n          onEdgesChange={onEdgesChange}\n          onConnect={onConnect}\n          nodeTypes={nodeTypes}\n          edgeTypes={edgeTypes}\n          connectionMode={ConnectionMode.Loose}\n          fitView // Always fit view to show entire ERD\n          minZoom={0.1}\n          maxZoom={2}\n          defaultViewport={{ x: 0, y: 0, zoom: 0.8 }}\n          proOptions={{ hideAttribution: true }}\n          onPaneContextMenu={handleContextMenu}\n          onPaneClick={handleClick}\n        >\n          <Controls />\n          <MiniMap \n            nodeColor={(node) => {\n              const isHighlighted = highlightedCubes.includes(node.id)\n              return isHighlighted ? '#8b5cf6' : '#e5e7eb'\n            }}\n            maskColor=\"rgb(240, 242, 246, 0.7)\"\n          />\n          <Background variant={BackgroundVariant.Dots} gap={12} size={1} />\n        </ReactFlow>\n      </div>\n\n      {/* Context Menu */}\n      {contextMenu && (\n        <div\n          className=\"fixed z-50 bg-dc-surface rounded-md shadow-lg border border-dc-border py-1 min-w-[120px]\"\n          style={{\n            left: contextMenu.x,\n            top: contextMenu.y,\n          }}\n        >\n          <button\n            onClick={handleAutoLayout}\n            className=\"w-full px-3 py-2 text-sm text-dc-text-secondary hover:bg-dc-surface-hover text-left\"\n          >\n            Auto Layout\n          </button>\n        </div>\n      )}\n    </div>\n  )\n}\n\n// Helper function to get relationship colors\nfunction getRelationshipColor(relationship: 'belongsTo' | 'hasOne' | 'hasMany'): string {\n  switch (relationship) {\n    case 'belongsTo':\n      return '#10b981' // green\n    case 'hasOne':\n      return '#3b82f6' // blue\n    case 'hasMany':\n      return '#f59e0b' // amber\n    default:\n      return '#6b7280' // gray\n  }\n}\n\nexport default CubeRelationshipDiagram"],"names":["CubeNode","data","cube","onFieldClick","isHighlighted","highlightedFields","searchTerm","handleCubeHeaderClick","handleFieldClick","fieldName","fieldType","isFieldHighlighted","fullFieldName","isFieldSearchMatch","field","term","hasCubeMatches","measureMatches","measure","dimensionMatches","dimension","getFieldVisibilityClasses","isSearchMatch","baseClasses","jsxs","jsx","highlighted","d","Handle","Position","RelationshipEdge","sourceX","sourceY","targetX","targetY","sourcePosition","targetPosition","style","markerEnd","edgePath","labelX","labelY","getBezierPath","relationship","joinFields","getRelationshipSymbol","rel","color","symbol","Fragment","BaseEdge","EdgeLabelRenderer","index","defaultOptions","useERDLayout","nodes","edges","options","layoutOptions","useMemo","layoutedNodes","layoutedEdges","dagreGraph","dagre","node","edge","nodeWithPosition","getTargetPosition","getSourcePosition","direction","nodeTypes","edgeTypes","CubeRelationshipDiagram","className","onCubeClick","highlightedCubes","meta","metaLoading","metaError","useCubeContext","savedPositions","setSavedPositions","useState","autoLayoutRequested","setAutoLayoutRequested","contextMenu","setContextMenu","useEffect","savedPos","baseNodes","baseEdges","edgeId","getRelationshipColor","needsAutoLayout","autoLayoutedNodes","autoLayoutedEdges","setNodes","onNodesChange","useNodesState","setEdges","onEdgesChange","useEdgesState","handleNodesChange","useCallback","changes","change","currentNodes","newPositions","onConnect","params","eds","addEdge","handleContextMenu","event","handleClick","handleAutoLayout","ReactFlow","ConnectionMode","Controls","MiniMap","Background","BackgroundVariant"],"mappings":"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"}
+{"version":3,"file":"index-CSeLP8gq.js","sources":["../../../src/client/components/CubeRelationshipDiagram/CubeNode.tsx","../../../src/client/components/CubeRelationshipDiagram/RelationshipEdge.tsx","../../../src/client/components/CubeRelationshipDiagram/useERDLayout.ts","../../../src/client/components/CubeRelationshipDiagram/index.tsx"],"sourcesContent":["import { Handle, Position } from 'reactflow'\nimport type { CubeMetaCube } from '../../hooks/useCubeMeta'\n\ninterface CubeNodeProps {\n  data: {\n    cube: CubeMetaCube\n    onCubeClick?: (cubeName: string) => void\n    onFieldClick?: (cubeName: string, fieldName: string, fieldType: 'measure' | 'dimension') => void\n    isHighlighted: boolean\n    highlightedFields: string[]\n    searchTerm?: string\n  }\n}\n\nexport function CubeNode({ data }: CubeNodeProps) {\n  const { cube, onFieldClick, isHighlighted, highlightedFields, searchTerm } = data\n\n  const handleCubeHeaderClick = () => {\n    // Do nothing - disable cube header clicks in ERD\n  }\n\n  const handleFieldClick = (fieldName: string, fieldType: 'measure' | 'dimension') => {\n    if (onFieldClick) {\n      onFieldClick(cube.name, fieldName, fieldType)\n    }\n  }\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 // No search term, show all fields\n    \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  // Check if the cube has any matching fields\n  const cubeHasMatches = () => {\n    if (!searchTerm?.trim()) return true // No search term, show all cubes normally\n    \n    // Check if any measure matches\n    const measureMatches = cube.measures.some(measure => isFieldSearchMatch(measure))\n    \n    // Check if any dimension matches\n    const dimensionMatches = cube.dimensions.some(dimension => isFieldSearchMatch(dimension))\n    \n    return measureMatches || dimensionMatches\n  }\n\n  const hasCubeMatches = cubeHasMatches()\n\n  const getFieldVisibilityClasses = (field: { name: string; title?: string; type?: string }, isHighlighted: boolean, fieldType: 'measure' | 'dimension') => {\n    const isSearchMatch = isFieldSearchMatch(field)\n    const baseClasses = 'px-4 py-2 text-xs cursor-pointer transition-all border-b border-dc-border last:border-b-0'\n\n    // If the whole cube has no matches, rely on cube-level fading\n    if (!hasCubeMatches && searchTerm?.trim()) {\n      // Still show selected field highlighting even in faded cubes\n      if (isHighlighted) {\n        if (fieldType === 'measure') {\n          return `${baseClasses} bg-amber-100 text-amber-800`\n        } else if (fieldType === 'dimension') {\n          if (field.type === 'time') {\n            return `${baseClasses} bg-blue-100 text-blue-800`\n          } else {\n            return `${baseClasses} bg-green-100 text-green-800`\n          }\n        }\n      }\n      return `${baseClasses} hover:bg-dc-surface-hover text-dc-text-secondary`\n    }\n\n    // If searching and this specific field doesn't match, make it faded\n    if (searchTerm?.trim() && !isSearchMatch) {\n      return `${baseClasses} opacity-40 hover:opacity-60 text-dc-text-muted`\n    }\n\n    // If searching and this field matches, make it prominent with bold purple text\n    if (searchTerm?.trim() && isSearchMatch && !isHighlighted) {\n      return `${baseClasses} font-bold hover:bg-purple-50`\n    }\n\n    // Normal highlighting behavior for selected fields (takes priority over search match styling)\n    if (isHighlighted) {\n      if (fieldType === 'measure') {\n        return `${baseClasses} bg-amber-100 text-amber-800 font-semibold`\n      } else if (fieldType === 'dimension') {\n        // Check if this is a time dimension\n        if (field.type === 'time') {\n          return `${baseClasses} bg-blue-100 text-blue-800 font-semibold` // time dimensions\n        } else {\n          return `${baseClasses} bg-green-100 text-green-800 font-semibold` // regular dimensions\n        }\n      }\n    }\n\n    return `${baseClasses} hover:bg-dc-surface-hover text-dc-text-secondary`\n  }\n\n  return (\n    <div\n      className={`\n        border-2 rounded-lg shadow-lg min-w-[280px] overflow-hidden transition-all\n        ${!hasCubeMatches && searchTerm?.trim() ? 'opacity-30 grayscale' : ''}\n        ${isHighlighted ? 'border-purple-500 ring-2 ring-purple-200' : 'border-dc-border'}\n      `}\n      style={{\n        backgroundColor: 'var(--dc-surface)'\n      }}\n    >\n      {/* Cube Header */}\n      <div\n        className={`\n          px-4 py-3 cursor-pointer transition-colors\n          ${isHighlighted ? 'bg-purple-100 hover:bg-purple-200' : 'bg-dc-surface-secondary hover:bg-dc-surface-hover'}\n        `}\n        onClick={handleCubeHeaderClick}\n      >\n        <div className=\"flex items-center justify-between\">\n          <div>\n            <h3 className=\"font-semibold text-dc-text text-sm\">\n              {cube.title || cube.name}\n            </h3>\n            {cube.description && (\n              <p className=\"text-xs text-dc-text-muted mt-1 line-clamp-2\">\n                {cube.description}\n              </p>\n            )}\n          </div>\n          <div className=\"text-xs text-dc-text-muted ml-2\">\n            <div>{cube.measures.length}M</div>\n            <div>{cube.dimensions.length}D</div>\n          </div>\n        </div>\n      </div>\n\n      {/* Measures Section */}\n      {cube.measures.length > 0 && (\n        <div className=\"border-t border-dc-border\">\n          <div className=\"px-4 py-2 bg-amber-50 border-b border-dc-border\">\n            <h4 className=\"text-xs font-medium text-amber-800 flex items-center\">\n              <span className=\"w-2 h-2 bg-amber-500 rounded-full mr-2\"></span>\n              Measures ({cube.measures.length})\n            </h4>\n          </div>\n          <div className=\"max-h-32 overflow-y-auto\">\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={getFieldVisibilityClasses(measure, highlighted, 'measure')}\n                  onClick={() => handleFieldClick(fieldName, 'measure')}\n                  title={measure.title}\n                >\n                  <div className=\"flex items-center justify-between\">\n                    <span className=\"font-mono truncate\">\n                      {measure.shortTitle || measure.title || fieldName}\n                    </span>\n                    <span className=\"text-dc-text-muted ml-2 text-[10px] uppercase\">\n                      {measure.type}\n                    </span>\n                  </div>\n                </div>\n              )\n            })}\n          </div>\n        </div>\n      )}\n\n      {/* Time Dimensions Section */}\n      {cube.dimensions.filter(d => d.type === 'time').length > 0 && (\n        <div className=\"border-t border-dc-border\">\n          <div className=\"px-4 py-2 bg-blue-50 border-b border-dc-border\">\n            <h4 className=\"text-xs font-medium text-blue-800 flex items-center\">\n              <span className=\"w-2 h-2 bg-blue-500 rounded-full mr-2\"></span>\n              Time Dimensions ({cube.dimensions.filter(d => d.type === 'time').length})\n            </h4>\n          </div>\n          <div className=\"max-h-32 overflow-y-auto\">\n            {cube.dimensions.filter(d => d.type === 'time').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={getFieldVisibilityClasses(dimension, highlighted, 'dimension')}\n                  onClick={() => handleFieldClick(fieldName, 'dimension')}\n                  title={dimension.title}\n                >\n                  <div className=\"flex items-center justify-between\">\n                    <span className=\"font-mono truncate\">\n                      {dimension.shortTitle || dimension.title || fieldName}\n                    </span>\n                    <span className=\"text-dc-text-muted ml-2 text-[10px] uppercase\">\n                      {dimension.type}\n                    </span>\n                  </div>\n                </div>\n              )\n            })}\n          </div>\n        </div>\n      )}\n\n      {/* Dimensions Section (non-time) */}\n      {cube.dimensions.filter(d => d.type !== 'time').length > 0 && (\n        <div className=\"border-t border-dc-border\">\n          <div className=\"px-4 py-2 bg-green-50 border-b border-dc-border\">\n            <h4 className=\"text-xs font-medium text-green-800 flex items-center\">\n              <span className=\"w-2 h-2 bg-green-500 rounded-full mr-2\"></span>\n              Dimensions ({cube.dimensions.filter(d => d.type !== 'time').length})\n            </h4>\n          </div>\n          <div className=\"max-h-32 overflow-y-auto\">\n            {cube.dimensions.filter(d => d.type !== 'time').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={getFieldVisibilityClasses(dimension, highlighted, 'dimension')}\n                  onClick={() => handleFieldClick(fieldName, 'dimension')}\n                  title={dimension.title}\n                >\n                  <div className=\"flex items-center justify-between\">\n                    <span className=\"font-mono truncate\">\n                      {dimension.shortTitle || dimension.title || fieldName}\n                    </span>\n                    <span className=\"text-dc-text-muted ml-2 text-[10px] uppercase\">\n                      {dimension.type}\n                    </span>\n                  </div>\n                </div>\n              )\n            })}\n          </div>\n        </div>\n      )}\n\n      {/* Connection handles for relationships - hidden */}\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        id=\"right\"\n        className=\"opacity-0\"\n        isConnectable={false}\n      />\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        id=\"left\"\n        className=\"opacity-0\"\n        isConnectable={false}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Bottom}\n        id=\"bottom\"\n        className=\"opacity-0\"\n        isConnectable={false}\n      />\n      <Handle\n        type=\"target\"\n        position={Position.Top}\n        id=\"top\"\n        className=\"opacity-0\"\n        isConnectable={false}\n      />\n    </div>\n  )\n}\n\nexport default CubeNode","import { \n  EdgeProps, \n  getBezierPath, \n  EdgeLabelRenderer,\n  BaseEdge,\n} from 'reactflow'\nimport type { CubeMetaRelationship } from '../../hooks/useCubeMeta'\n\ninterface RelationshipEdgeData {\n  relationship: CubeMetaRelationship\n  joinFields: Array<{\n    sourceField: string\n    targetField: string\n  }>\n}\n\nexport function RelationshipEdge({\n  sourceX,\n  sourceY,\n  targetX,\n  targetY,\n  sourcePosition,\n  targetPosition,\n  style = {},\n  data,\n  markerEnd,\n}: EdgeProps<RelationshipEdgeData>) {\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  // Get relationship symbols and colors\n  const getRelationshipSymbol = (rel: string) => {\n    switch (rel) {\n      case 'belongsTo':\n        return '∈' // belongs to symbol\n      case 'hasOne':\n        return '1:1'\n      case 'hasMany':\n        return '1:M'\n      default:\n        return '?'\n    }\n  }\n\n  const getRelationshipColor = (rel: string) => {\n    switch (rel) {\n      case 'belongsTo':\n        return '#10b981' // green\n      case 'hasOne':\n        return '#3b82f6' // blue\n      case 'hasMany':\n        return '#f59e0b' // amber\n      default:\n        return '#6b7280' // gray\n    }\n  }\n\n  const color = getRelationshipColor(relationship.relationship)\n  const symbol = getRelationshipSymbol(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=\"border-2 rounded-md px-2 py-1 shadow-xs\"\n            style={{\n              backgroundColor: 'var(--dc-surface)',\n              borderColor: color\n            }}\n          >\n            <div className=\"text-center\">\n              <div\n                className=\"font-bold text-xs mb-1\"\n                style={{ color }}\n              >\n                {symbol}\n              </div>\n              <div className=\"text-[9px] text-dc-text-muted leading-tight\">\n                {joinFields.map((field, index) => (\n                  <div key={index} className=\"font-mono\">\n                    {field.sourceField} → {field.targetField}\n                  </div>\n                ))}\n              </div>\n            </div>\n          </div>\n        </div>\n      </EdgeLabelRenderer>\n    </>\n  )\n}\n\nexport default RelationshipEdge","import { useMemo } from 'react'\nimport { Node, Edge, Position } from 'reactflow'\nimport dagre from 'dagre'\n\nexport interface LayoutOptions {\n  direction: 'TB' | 'BT' | 'LR' | 'RL'\n  nodeWidth: number\n  nodeHeight: number\n  nodeSep: number\n  rankSep: number\n  ranker: 'network-simplex' | 'tight-tree' | 'longest-path'\n}\n\nconst defaultOptions: LayoutOptions = {\n  direction: 'TB',\n  nodeWidth: 320,\n  nodeHeight: 220,\n  nodeSep: 80,\n  rankSep: 150,\n  ranker: 'network-simplex',\n}\n\nexport function useERDLayout(\n  nodes: Node[],\n  edges: Edge[],\n  options: Partial<LayoutOptions> = {}\n): { nodes: Node[], edges: Edge[] } {\n  const layoutOptions = useMemo(() => ({ ...defaultOptions, ...options }), [options])\n\n  const { layoutedNodes, layoutedEdges } = useMemo(() => {\n    if (nodes.length === 0) {\n      return { layoutedNodes: [], layoutedEdges: [] }\n    }\n\n    // Create a new dagre graph\n    const dagreGraph = new dagre.graphlib.Graph()\n    dagreGraph.setDefaultEdgeLabel(() => ({}))\n    dagreGraph.setGraph({ \n      rankdir: layoutOptions.direction,\n      nodesep: layoutOptions.nodeSep,\n      ranksep: layoutOptions.rankSep,\n      ranker: layoutOptions.ranker,\n    })\n\n    // Add nodes to the graph\n    nodes.forEach((node) => {\n      dagreGraph.setNode(node.id, { \n        width: layoutOptions.nodeWidth, \n        height: layoutOptions.nodeHeight \n      })\n    })\n\n    // Add edges to the graph\n    edges.forEach((edge) => {\n      dagreGraph.setEdge(edge.source, edge.target)\n    })\n\n    // Run the layout algorithm\n    dagre.layout(dagreGraph)\n\n    // Apply the calculated positions to nodes\n    const layoutedNodes = nodes.map((node) => {\n      const nodeWithPosition = dagreGraph.node(node.id)\n      \n      const newNode = {\n        ...node,\n        targetPosition: getTargetPosition(layoutOptions.direction),\n        sourcePosition: getSourcePosition(layoutOptions.direction),\n        position: {\n          x: nodeWithPosition.x - layoutOptions.nodeWidth / 2,\n          y: nodeWithPosition.y - layoutOptions.nodeHeight / 2,\n        },\n      }\n\n      return newNode\n    })\n\n    return { \n      layoutedNodes, \n      layoutedEdges: edges \n    }\n  }, [nodes, edges, layoutOptions.direction, layoutOptions.nodeSep, layoutOptions.rankSep, layoutOptions.ranker, layoutOptions.nodeWidth, layoutOptions.nodeHeight])\n\n  return { nodes: layoutedNodes, edges: layoutedEdges }\n}\n\n// Helper functions to determine handle positions based on layout direction\nfunction getTargetPosition(direction: string): Position {\n  switch (direction) {\n    case 'TB':\n      return Position.Top\n    case 'BT':\n      return Position.Bottom\n    case 'LR':\n      return Position.Left\n    case 'RL':\n      return Position.Right\n    default:\n      return Position.Top\n  }\n}\n\nfunction getSourcePosition(direction: string): Position {\n  switch (direction) {\n    case 'TB':\n      return Position.Bottom\n    case 'BT':\n      return Position.Top\n    case 'LR':\n      return Position.Right\n    case 'RL':\n      return Position.Left\n    default:\n      return Position.Bottom\n  }\n}\n\n// Custom layout function for manual positioning with smart defaults\nexport function useManualLayout(\n  nodes: Node[],\n  edges: Edge[],\n  spacing = { x: 400, y: 300 }\n): { nodes: Node[], edges: Edge[] } {\n  return useMemo(() => {\n    if (nodes.length === 0) {\n      return { nodes: [], edges }\n    }\n\n    // Simple grid layout as fallback\n    const layoutedNodes = nodes.map((node, index) => ({\n      ...node,\n      position: {\n        x: (index % 3) * spacing.x,\n        y: Math.floor(index / 3) * spacing.y,\n      },\n      sourcePosition: Position.Right,\n      targetPosition: Position.Left,\n    }))\n\n    return { nodes: layoutedNodes, edges }\n  }, [nodes, edges, spacing])\n}\n\nexport default useERDLayout","import { useCallback, useMemo, useEffect, useState } from 'react'\nimport ReactFlow, {\n  Node,\n  Edge,\n  addEdge,\n  Connection,\n  useNodesState,\n  useEdgesState,\n  Controls,\n  MiniMap,\n  Background,\n  BackgroundVariant,\n  ConnectionMode,\n} from 'reactflow'\nimport 'reactflow/dist/style.css'\n\nimport { useCubeContext } from '../../providers/CubeProvider'\nimport { CubeNode } from './CubeNode'\nimport { RelationshipEdge } from './RelationshipEdge'\nimport { useERDLayout } from './useERDLayout'\n\n// Define the custom node and edge types OUTSIDE the component to prevent re-creation\nconst nodeTypes = {\n  cubeNode: CubeNode,\n}\n\nconst edgeTypes = {\n  relationshipEdge: RelationshipEdge,\n}\n\ninterface CubeRelationshipDiagramProps {\n  className?: string\n  onCubeClick?: (cubeName: string) => void\n  onFieldClick?: (cubeName: string, fieldName: string, fieldType: 'measure' | 'dimension') => void\n  highlightedCubes?: string[]\n  highlightedFields?: string[]\n  searchTerm?: string\n}\n\nexport function CubeRelationshipDiagram({\n  className = '',\n  onCubeClick,\n  onFieldClick,\n  highlightedCubes = [],\n  highlightedFields = [],\n  searchTerm,\n}: CubeRelationshipDiagramProps) {\n  const { meta, metaLoading, metaError } = useCubeContext()\n\n  const [savedPositions, setSavedPositions] = useState<Record<string, {x: number, y: number}>>({})\n  const [autoLayoutRequested, setAutoLayoutRequested] = useState(false)\n  const [contextMenu, setContextMenu] = useState<{x: number, y: number} | null>(null)\n\n  // Load saved positions from localStorage on mount\n  useEffect(() => {\n    try {\n      const savedPos = localStorage.getItem('drizzle-cube-erd-node-positions')\n      if (savedPos) {\n        setSavedPositions(JSON.parse(savedPos))\n      }\n    } catch (error) {\n      // Ignore localStorage errors\n    }\n  }, [])\n\n  // Create base nodes and edges structure (without selection data)\n  const { nodes: baseNodes, edges: baseEdges } = useMemo(() => {\n    if (!meta) return { nodes: [], edges: [] }\n\n    const nodes: Node[] = []\n    const edges: Edge[] = []\n\n    // Create nodes for each cube\n    meta.cubes.forEach((cube, index) => {\n      nodes.push({\n        id: cube.name,\n        type: 'cubeNode',\n        position: savedPositions[cube.name] || { x: (index % 3) * 400, y: Math.floor(index / 3) * 300 },\n        data: {\n          cube,\n          onCubeClick,\n          onFieldClick,\n          isHighlighted: false, // Will be updated separately\n          highlightedFields: [], // Will be updated separately\n        },\n      })\n    })\n\n    // Create edges for relationships (excluding belongsTo)\n    meta.cubes.forEach(cube => {\n      if (cube.relationships) {\n        cube.relationships.forEach((relationship, index) => {\n          // Skip belongsTo relationships\n          if (relationship.relationship === 'belongsTo') {\n            return\n          }\n          \n          const edgeId = `${cube.name}-${relationship.targetCube}-${index}`\n          edges.push({\n            id: edgeId,\n            source: cube.name,\n            target: relationship.targetCube,\n            type: 'relationshipEdge',\n            data: {\n              relationship,\n              joinFields: relationship.joinFields,\n            },\n            animated: false,\n            style: {\n              stroke: getRelationshipColor(relationship.relationship),\n              strokeWidth: 2,\n            },\n          })\n        })\n      }\n    })\n\n    return { nodes, edges }\n  }, [meta, onCubeClick, onFieldClick, savedPositions])\n\n  // Apply auto-layout when explicitly requested or if no saved positions\n  const needsAutoLayout = autoLayoutRequested || Object.keys(savedPositions).length === 0\n  \n  // Get auto-layout result\n  const { nodes: autoLayoutedNodes, edges: autoLayoutedEdges } = useERDLayout(baseNodes, baseEdges, {\n    direction: 'LR',\n    nodeWidth: 320,\n    nodeHeight: 220,\n    nodeSep: 100,\n    rankSep: 200\n  })\n  \n  // Use auto-layout or base nodes based on needsAutoLayout, and update selection data\n  const layoutedNodes = useMemo(() => {\n    const nodes = needsAutoLayout ? autoLayoutedNodes : baseNodes\n    return nodes.map((node) => ({\n      ...node,\n      data: {\n        ...node.data,\n        isHighlighted: highlightedCubes.includes(node.id),\n        highlightedFields: highlightedFields,\n        searchTerm: searchTerm,\n      }\n    }))\n  }, [needsAutoLayout, autoLayoutedNodes, baseNodes, highlightedCubes, highlightedFields, searchTerm])\n  \n  const layoutedEdges = needsAutoLayout ? autoLayoutedEdges : baseEdges\n  \n  // Reset auto-layout request and clear saved positions when auto-layout is applied\n  useEffect(() => {\n    if (autoLayoutRequested && layoutedNodes.length > 0) {\n      // Clear saved positions so we use the new auto-layout positions\n      setSavedPositions({})\n      try {\n        localStorage.removeItem('drizzle-cube-erd-node-positions')\n      } catch (error) {\n        // Ignore localStorage errors\n      }\n      setAutoLayoutRequested(false)\n    }\n  }, [autoLayoutRequested, layoutedNodes])\n\n  const [nodes, setNodes, onNodesChange] = useNodesState(layoutedNodes)\n  const [edges, setEdges, onEdgesChange] = useEdgesState(layoutedEdges)\n\n\n  // Sync React Flow nodes with layout changes\n  useEffect(() => {\n    setNodes(layoutedNodes)\n  }, [layoutedNodes, setNodes])\n\n  // Sync React Flow edges with changes\n  useEffect(() => {\n    setEdges(layoutedEdges)\n  }, [layoutedEdges, setEdges])\n\n  // Save node positions to localStorage when manually moved\n  const handleNodesChange = useCallback((changes: any[]) => {\n    onNodesChange(changes)\n    \n    // Check if any nodes were dragged and save positions\n    const dragChanges = changes.filter(change => change.type === 'position' && change.dragging === false)\n    if (dragChanges.length > 0) {\n      setNodes((currentNodes) => {\n        const newPositions: Record<string, {x: number, y: number}> = {}\n        currentNodes.forEach(node => {\n          if (node.position) {\n            newPositions[node.id] = node.position\n          }\n        })\n        \n        // Save to localStorage\n        try {\n          localStorage.setItem('drizzle-cube-erd-node-positions', JSON.stringify(newPositions))\n        } catch (error) {\n          // Ignore localStorage errors\n        }\n        \n        setSavedPositions(newPositions)\n        return currentNodes\n      })\n    }\n  }, [onNodesChange, setNodes])\n\n  const onConnect = useCallback(\n    (params: Connection) => setEdges((eds) => addEdge(params, eds)),\n    [setEdges]\n  )\n\n  // Handle right-click context menu\n  const handleContextMenu = useCallback((event: React.MouseEvent) => {\n    event.preventDefault()\n    event.stopPropagation()\n    console.log('Context menu triggered at:', event.clientX, event.clientY) // Debug\n    setContextMenu({\n      x: event.clientX,\n      y: event.clientY,\n    })\n  }, [])\n\n  // Close context menu when clicking elsewhere\n  const handleClick = useCallback(() => {\n    if (contextMenu) {\n      setContextMenu(null)\n    }\n  }, [contextMenu])\n\n  // Handle auto layout from context menu\n  const handleAutoLayout = useCallback(() => {\n    setAutoLayoutRequested(true)\n    setContextMenu(null)\n  }, [])\n\n\n  // Loading state\n  if (metaLoading) {\n    return (\n      <div className={`flex items-center justify-center h-96 ${className}`}>\n        <div className=\"text-center\">\n          <div className=\"animate-spin rounded-full h-8 w-8 border-b-2 border-blue-500 mx-auto mb-2\"></div>\n          <p className=\"text-dc-text-muted\">Loading cube schema...</p>\n        </div>\n      </div>\n    )\n  }\n\n  // Error state\n  if (metaError) {\n    return (\n      <div className={`flex items-center justify-center h-96 ${className}`}>\n        <div className=\"text-center text-red-500\">\n          <p className=\"font-medium\">Failed to load cube schema</p>\n          <p className=\"text-sm mt-1\">{metaError}</p>\n        </div>\n      </div>\n    )\n  }\n\n  // Empty state\n  if (!meta || meta.cubes.length === 0) {\n    return (\n      <div className={`flex items-center justify-center h-96 ${className}`}>\n        <div className=\"text-center text-dc-text-muted\">\n          <p className=\"font-medium\">No cubes found</p>\n          <p className=\"text-sm mt-1\">Register some cubes to see the relationship diagram</p>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className={`h-full ${className}`} style={{ height: '600px' }}>\n      <div className=\"h-full\">\n        <ReactFlow\n          nodes={nodes}\n          edges={edges}\n          onNodesChange={handleNodesChange}\n          onEdgesChange={onEdgesChange}\n          onConnect={onConnect}\n          nodeTypes={nodeTypes}\n          edgeTypes={edgeTypes}\n          connectionMode={ConnectionMode.Loose}\n          fitView // Always fit view to show entire ERD\n          minZoom={0.1}\n          maxZoom={2}\n          defaultViewport={{ x: 0, y: 0, zoom: 0.8 }}\n          proOptions={{ hideAttribution: true }}\n          onPaneContextMenu={handleContextMenu}\n          onPaneClick={handleClick}\n        >\n          <Controls />\n          <MiniMap \n            nodeColor={(node) => {\n              const isHighlighted = highlightedCubes.includes(node.id)\n              return isHighlighted ? '#8b5cf6' : '#e5e7eb'\n            }}\n            maskColor=\"rgb(240, 242, 246, 0.7)\"\n          />\n          <Background variant={BackgroundVariant.Dots} gap={12} size={1} />\n        </ReactFlow>\n      </div>\n\n      {/* Context Menu */}\n      {contextMenu && (\n        <div\n          className=\"fixed z-50 bg-dc-surface rounded-md shadow-lg border border-dc-border py-1 min-w-[120px]\"\n          style={{\n            left: contextMenu.x,\n            top: contextMenu.y,\n          }}\n        >\n          <button\n            onClick={handleAutoLayout}\n            className=\"w-full px-3 py-2 text-sm text-dc-text-secondary hover:bg-dc-surface-hover text-left\"\n          >\n            Auto Layout\n          </button>\n        </div>\n      )}\n    </div>\n  )\n}\n\n// Helper function to get relationship colors\nfunction getRelationshipColor(relationship: 'belongsTo' | 'hasOne' | 'hasMany'): string {\n  switch (relationship) {\n    case 'belongsTo':\n      return '#10b981' // green\n    case 'hasOne':\n      return '#3b82f6' // blue\n    case 'hasMany':\n      return '#f59e0b' // amber\n    default:\n      return '#6b7280' // gray\n  }\n}\n\nexport default CubeRelationshipDiagram"],"names":["CubeNode","data","cube","onFieldClick","isHighlighted","highlightedFields","searchTerm","handleCubeHeaderClick","handleFieldClick","fieldName","fieldType","isFieldHighlighted","fullFieldName","isFieldSearchMatch","field","term","hasCubeMatches","measureMatches","measure","dimensionMatches","dimension","getFieldVisibilityClasses","isSearchMatch","baseClasses","jsxs","jsx","highlighted","d","Handle","Position","RelationshipEdge","sourceX","sourceY","targetX","targetY","sourcePosition","targetPosition","style","markerEnd","edgePath","labelX","labelY","getBezierPath","relationship","joinFields","getRelationshipSymbol","rel","color","symbol","Fragment","BaseEdge","EdgeLabelRenderer","index","defaultOptions","useERDLayout","nodes","edges","options","layoutOptions","useMemo","layoutedNodes","layoutedEdges","dagreGraph","dagre","node","edge","nodeWithPosition","getTargetPosition","getSourcePosition","direction","nodeTypes","edgeTypes","CubeRelationshipDiagram","className","onCubeClick","highlightedCubes","meta","metaLoading","metaError","useCubeContext","savedPositions","setSavedPositions","useState","autoLayoutRequested","setAutoLayoutRequested","contextMenu","setContextMenu","useEffect","savedPos","baseNodes","baseEdges","edgeId","getRelationshipColor","needsAutoLayout","autoLayoutedNodes","autoLayoutedEdges","setNodes","onNodesChange","useNodesState","setEdges","onEdgesChange","useEdgesState","handleNodesChange","useCallback","changes","change","currentNodes","newPositions","onConnect","params","eds","addEdge","handleContextMenu","event","handleClick","handleAutoLayout","ReactFlow","ConnectionMode","Controls","MiniMap","Background","BackgroundVariant"],"mappings":"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"}

package/dist/client/components/DashboardGrid.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { ColorPalette } from '../utils/colorPalettes';
-import { DashboardConfig, DashboardFilter, CubeMeta } from '../types';
+import { DashboardConfig, DashboardFilter, CubeMeta, DashboardLayoutMode } from '../types';
 interface DashboardGridProps {
     config: DashboardConfig;
     editable?: boolean;
@@ -12,6 +12,7 @@ interface DashboardGridProps {
     colorPalette?: ColorPalette;
     schema?: CubeMeta | null;
     onDashboardFiltersChange?: (filters: DashboardFilter[]) => void;
+    dashboardModes?: DashboardLayoutMode[];
 }
-export default function DashboardGrid({ config, editable, dashboardFilters, loadingComponent, onConfigChange, onPortletRefresh, onSave, colorPalette, schema, onDashboardFiltersChange }: DashboardGridProps): import("react/jsx-runtime").JSX.Element;
+export default function DashboardGrid({ config, editable, dashboardFilters, loadingComponent, onConfigChange, onPortletRefresh, onSave, colorPalette, schema, onDashboardFiltersChange, dashboardModes }: DashboardGridProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/client/components/DashboardPortletCard.d.ts

@@ -0,0 +1,63 @@
+import { HTMLAttributes, ReactNode, CSSProperties, ComponentType } from 'react';
+import { DashboardFilter, PortletConfig } from '../types';
+import { ColorPalette } from '../utils/colorPalettes';
+interface DashboardPortletCardProps {
+    portlet: PortletConfig;
+    editable: boolean;
+    isEditMode: boolean;
+    selectedFilterId: string | null;
+    debugData?: {
+        chartConfig: any;
+        displayConfig: any;
+        queryObject: any;
+        data: any[];
+        chartType: string;
+    };
+    dashboardFilters?: DashboardFilter[];
+    configEagerLoad?: boolean;
+    loadingComponent?: ReactNode;
+    colorPalette?: ColorPalette;
+    containerProps?: HTMLAttributes<HTMLDivElement>;
+    headerProps?: HTMLAttributes<HTMLDivElement>;
+    onToggleFilter: (portletId: string, filterId: string) => void;
+    onRefresh: (portletId: string) => void;
+    onDuplicate: (portletId: string) => void;
+    onEdit: (portlet: PortletConfig) => void;
+    onDelete: (portletId: string) => void;
+    onOpenFilterConfig: (portlet: PortletConfig) => void;
+    onDebugDataReady: (portletId: string, data: {
+        chartConfig: any;
+        displayConfig: any;
+        queryObject: any;
+        data: any[];
+        chartType: string;
+    }) => void;
+    setPortletRef: (portletId: string, element: HTMLDivElement | null) => void;
+    setPortletComponentRef: (portletId: string, element: {
+        refresh: () => void;
+    } | null) => void;
+    icons: {
+        RefreshIcon: ComponentType<{
+            className?: string;
+            style?: CSSProperties;
+        }>;
+        EditIcon: ComponentType<{
+            className?: string;
+            style?: CSSProperties;
+        }>;
+        DeleteIcon: ComponentType<{
+            className?: string;
+            style?: CSSProperties;
+        }>;
+        CopyIcon: ComponentType<{
+            className?: string;
+            style?: CSSProperties;
+        }>;
+        FilterIcon: ComponentType<{
+            className?: string;
+            style?: CSSProperties;
+        }>;
+    };
+}
+export default function DashboardPortletCard({ portlet, editable, isEditMode, selectedFilterId, debugData, dashboardFilters, configEagerLoad, loadingComponent, colorPalette, containerProps, headerProps, onToggleFilter, onRefresh, onDuplicate, onEdit, onDelete, onOpenFilterConfig, onDebugDataReady, setPortletRef, setPortletComponentRef, icons }: DashboardPortletCardProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/client/components/RowManagedLayout.d.ts

@@ -0,0 +1,19 @@
+import { HTMLAttributes, ReactNode, MouseEvent, DragEvent } from 'react';
+import { DashboardGridSettings, PortletConfig, RowLayout } from '../types';
+interface RowManagedLayoutProps {
+    rows: RowLayout[];
+    portlets: PortletConfig[];
+    gridSettings: DashboardGridSettings;
+    gridWidth: number;
+    canEdit: boolean;
+    isDragging: boolean;
+    onRowResize: (rowIndex: number, event: MouseEvent<HTMLDivElement>) => void;
+    onColumnResize: (rowIndex: number, columnIndex: number, event: MouseEvent<HTMLDivElement>) => void;
+    onPortletDragStart: (rowIndex: number, columnIndex: number, portletId: string, event: DragEvent<HTMLDivElement>) => void;
+    onPortletDragEnd: () => void;
+    onRowDrop: (rowIndex: number, insertIndex: number | null) => void;
+    onNewRowDrop: (insertIndex: number) => void;
+    renderPortlet: (portlet: PortletConfig, containerProps?: HTMLAttributes<HTMLDivElement>, headerProps?: HTMLAttributes<HTMLDivElement>) => ReactNode;
+}
+export default function RowManagedLayout({ rows, portlets, gridSettings, gridWidth, canEdit, isDragging, onRowResize, onColumnResize, onPortletDragStart, onPortletDragEnd, onRowDrop, onNewRowDrop, renderPortlet }: RowManagedLayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};