drizzle-cube 0.4.53 → 0.5.1

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

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

package/dist/client/chunks/{useDebounce-CKqkM42n.js → useDebounce-CfmUMFau.js}

@@ -1,12 +1,12 @@
-import { V as e, Z as t, et as n, lt as r } from "./chart-data-table-2iCsn0CF.js";
-import { i, l as a } from "./chart-funnel-poyOf7-e.js";
-import { n as o } from "./chart-sankey-BOyxfG1Q.js";
+import { V as e, Z as t, et as n, lt as r } from "./chart-data-table-C3Xh9jwL.js";
+import { i, l as a } from "./chart-funnel-C7pgktN5.js";
+import { n as o } from "./chart-sankey-WwkZAhLy.js";
 import { useCallback as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
 //#region src/client/shared/types.ts
 var f = {
 	equals: {
-		label: "equals",
-		description: "Exact match",
+		label: "filter.operator.equals.label",
+		description: "filter.operator.equals.description",
 		requiresValues: !0,
 		supportsMultipleValues: !0,
 		valueType: "any",
@@ -18,8 +18,8 @@ var f = {
 		]
 	},
 	notEquals: {
-		label: "not equals",
-		description: "Does not match",
+		label: "filter.operator.notEquals.label",
+		description: "filter.operator.notEquals.description",
 		requiresValues: !0,
 		supportsMultipleValues: !0,
 		valueType: "any",
@@ -31,80 +31,80 @@ var f = {
 		]
 	},
 	contains: {
-		label: "contains",
-		description: "Contains text (case insensitive)",
+		label: "filter.operator.contains.label",
+		description: "filter.operator.contains.description",
 		requiresValues: !0,
 		supportsMultipleValues: !1,
 		valueType: "string",
 		fieldTypes: ["string"]
 	},
 	notContains: {
-		label: "not contains",
-		description: "Does not contain text",
+		label: "filter.operator.notContains.label",
+		description: "filter.operator.notContains.description",
 		requiresValues: !0,
 		supportsMultipleValues: !1,
 		valueType: "string",
 		fieldTypes: ["string"]
 	},
 	startsWith: {
-		label: "starts with",
-		description: "Starts with text",
+		label: "filter.operator.startsWith.label",
+		description: "filter.operator.startsWith.description",
 		requiresValues: !0,
 		supportsMultipleValues: !1,
 		valueType: "string",
 		fieldTypes: ["string"]
 	},
 	notStartsWith: {
-		label: "not starts with",
-		description: "Does not start with text",
+		label: "filter.operator.notStartsWith.label",
+		description: "filter.operator.notStartsWith.description",
 		requiresValues: !0,
 		supportsMultipleValues: !1,
 		valueType: "string",
 		fieldTypes: ["string"]
 	},
 	endsWith: {
-		label: "ends with",
-		description: "Ends with text",
+		label: "filter.operator.endsWith.label",
+		description: "filter.operator.endsWith.description",
 		requiresValues: !0,
 		supportsMultipleValues: !1,
 		valueType: "string",
 		fieldTypes: ["string"]
 	},
 	notEndsWith: {
-		label: "not ends with",
-		description: "Does not end with text",
+		label: "filter.operator.notEndsWith.label",
+		description: "filter.operator.notEndsWith.description",
 		requiresValues: !0,
 		supportsMultipleValues: !1,
 		valueType: "string",
 		fieldTypes: ["string"]
 	},
 	like: {
-		label: "like",
-		description: "SQL LIKE pattern matching (case sensitive)",
+		label: "filter.operator.like.label",
+		description: "filter.operator.like.description",
 		requiresValues: !0,
 		supportsMultipleValues: !1,
 		valueType: "string",
 		fieldTypes: ["string"]
 	},
 	notLike: {
-		label: "not like",
-		description: "SQL NOT LIKE pattern matching (case sensitive)",
+		label: "filter.operator.notLike.label",
+		description: "filter.operator.notLike.description",
 		requiresValues: !0,
 		supportsMultipleValues: !1,
 		valueType: "string",
 		fieldTypes: ["string"]
 	},
 	ilike: {
-		label: "ilike",
-		description: "SQL ILIKE pattern matching (case insensitive)",
+		label: "filter.operator.ilike.label",
+		description: "filter.operator.ilike.description",
 		requiresValues: !0,
 		supportsMultipleValues: !1,
 		valueType: "string",
 		fieldTypes: ["string"]
 	},
 	gt: {
-		label: "greater than",
-		description: "Greater than value",
+		label: "filter.operator.gt.label",
+		description: "filter.operator.gt.description",
 		requiresValues: !0,
 		supportsMultipleValues: !1,
 		valueType: "number",
@@ -118,8 +118,8 @@ var f = {
 		]
 	},
 	gte: {
-		label: "greater than or equal",
-		description: "Greater than or equal to value",
+		label: "filter.operator.gte.label",
+		description: "filter.operator.gte.description",
 		requiresValues: !0,
 		supportsMultipleValues: !1,
 		valueType: "number",
@@ -133,8 +133,8 @@ var f = {
 		]
 	},
 	lt: {
-		label: "less than",
-		description: "Less than value",
+		label: "filter.operator.lt.label",
+		description: "filter.operator.lt.description",
 		requiresValues: !0,
 		supportsMultipleValues: !1,
 		valueType: "number",
@@ -148,8 +148,8 @@ var f = {
 		]
 	},
 	lte: {
-		label: "less than or equal",
-		description: "Less than or equal to value",
+		label: "filter.operator.lte.label",
+		description: "filter.operator.lte.description",
 		requiresValues: !0,
 		supportsMultipleValues: !1,
 		valueType: "number",
@@ -163,8 +163,8 @@ var f = {
 		]
 	},
 	between: {
-		label: "between",
-		description: "Between two values (inclusive)",
+		label: "filter.operator.between.label",
+		description: "filter.operator.between.description",
 		requiresValues: !0,
 		supportsMultipleValues: !1,
 		valueType: "number",
@@ -178,8 +178,8 @@ var f = {
 		]
 	},
 	notBetween: {
-		label: "not between",
-		description: "Not between two values",
+		label: "filter.operator.notBetween.label",
+		description: "filter.operator.notBetween.description",
 		requiresValues: !0,
 		supportsMultipleValues: !1,
 		valueType: "number",
@@ -193,8 +193,8 @@ var f = {
 		]
 	},
 	in: {
-		label: "in",
-		description: "Matches any of the provided values",
+		label: "filter.operator.in.label",
+		description: "filter.operator.in.description",
 		requiresValues: !0,
 		supportsMultipleValues: !0,
 		valueType: "any",
@@ -205,8 +205,8 @@ var f = {
 		]
 	},
 	notIn: {
-		label: "not in",
-		description: "Does not match any of the provided values",
+		label: "filter.operator.notIn.label",
+		description: "filter.operator.notIn.description",
 		requiresValues: !0,
 		supportsMultipleValues: !0,
 		valueType: "any",
@@ -217,8 +217,8 @@ var f = {
 		]
 	},
 	set: {
-		label: "is set",
-		description: "Is not null/empty",
+		label: "filter.operator.set.label",
+		description: "filter.operator.set.description",
 		requiresValues: !1,
 		supportsMultipleValues: !1,
 		valueType: "any",
@@ -230,8 +230,8 @@ var f = {
 		]
 	},
 	notSet: {
-		label: "is not set",
-		description: "Is null/empty",
+		label: "filter.operator.notSet.label",
+		description: "filter.operator.notSet.description",
 		requiresValues: !1,
 		supportsMultipleValues: !1,
 		valueType: "any",
@@ -243,80 +243,80 @@ var f = {
 		]
 	},
 	isEmpty: {
-		label: "is empty",
-		description: "Is empty string or null",
+		label: "filter.operator.isEmpty.label",
+		description: "filter.operator.isEmpty.description",
 		requiresValues: !1,
 		supportsMultipleValues: !1,
 		valueType: "string",
 		fieldTypes: ["string"]
 	},
 	isNotEmpty: {
-		label: "is not empty",
-		description: "Is not empty string and not null",
+		label: "filter.operator.isNotEmpty.label",
+		description: "filter.operator.isNotEmpty.description",
 		requiresValues: !1,
 		supportsMultipleValues: !1,
 		valueType: "string",
 		fieldTypes: ["string"]
 	},
 	inDateRange: {
-		label: "in date range",
-		description: "Between two dates",
+		label: "filter.operator.inDateRange.label",
+		description: "filter.operator.inDateRange.description",
 		requiresValues: !0,
 		supportsMultipleValues: !1,
 		valueType: "date",
 		fieldTypes: ["time"]
 	},
 	beforeDate: {
-		label: "before date",
-		description: "Before specified date",
+		label: "filter.operator.beforeDate.label",
+		description: "filter.operator.beforeDate.description",
 		requiresValues: !0,
 		supportsMultipleValues: !1,
 		valueType: "date",
 		fieldTypes: ["time"]
 	},
 	afterDate: {
-		label: "after date",
-		description: "After specified date",
+		label: "filter.operator.afterDate.label",
+		description: "filter.operator.afterDate.description",
 		requiresValues: !0,
 		supportsMultipleValues: !1,
 		valueType: "date",
 		fieldTypes: ["time"]
 	},
 	regex: {
-		label: "matches regex",
-		description: "Matches regular expression pattern",
+		label: "filter.operator.regex.label",
+		description: "filter.operator.regex.description",
 		requiresValues: !0,
 		supportsMultipleValues: !1,
 		valueType: "string",
 		fieldTypes: ["string"]
 	},
 	notRegex: {
-		label: "not matches regex",
-		description: "Does not match regular expression pattern",
+		label: "filter.operator.notRegex.label",
+		description: "filter.operator.notRegex.description",
 		requiresValues: !0,
 		supportsMultipleValues: !1,
 		valueType: "string",
 		fieldTypes: ["string"]
 	},
 	arrayContains: {
-		label: "array contains all",
-		description: "Array field contains all specified values (PostgreSQL only)",
+		label: "filter.operator.arrayContains.label",
+		description: "filter.operator.arrayContains.description",
 		requiresValues: !0,
 		supportsMultipleValues: !0,
 		valueType: "string",
 		fieldTypes: ["string"]
 	},
 	arrayOverlaps: {
-		label: "array contains any",
-		description: "Array field contains any of the specified values (PostgreSQL only)",
+		label: "filter.operator.arrayOverlaps.label",
+		description: "filter.operator.arrayOverlaps.description",
 		requiresValues: !0,
 		supportsMultipleValues: !0,
 		valueType: "string",
 		fieldTypes: ["string"]
 	},
 	arrayContained: {
-		label: "array values in",
-		description: "All array field values are within specified values (PostgreSQL only)",
+		label: "filter.operator.arrayContained.label",
+		description: "filter.operator.arrayContained.description",
 		requiresValues: !0,
 		supportsMultipleValues: !0,
 		valueType: "string",
@@ -325,79 +325,79 @@ var f = {
 }, p = [
 	{
 		value: "custom",
-		label: "Custom"
+		label: "dateRange.custom"
 	},
 	{
 		value: "today",
-		label: "Today"
+		label: "dateRange.today"
 	},
 	{
 		value: "yesterday",
-		label: "Yesterday"
+		label: "dateRange.yesterday"
 	},
 	{
 		value: "this_week",
-		label: "This week"
+		label: "dateRange.thisWeek"
 	},
 	{
 		value: "this_month",
-		label: "This month"
+		label: "dateRange.thisMonth"
 	},
 	{
 		value: "this_quarter",
-		label: "This quarter"
+		label: "dateRange.thisQuarter"
 	},
 	{
 		value: "this_year",
-		label: "This year"
+		label: "dateRange.thisYear"
 	},
 	{
 		value: "last_7_days",
-		label: "Last 7 days"
+		label: "dateRange.last7Days"
 	},
 	{
 		value: "last_30_days",
-		label: "Last 30 days"
+		label: "dateRange.last30Days"
 	},
 	{
 		value: "last_n_days",
-		label: "Last N days"
+		label: "dateRange.lastNDays"
 	},
 	{
 		value: "last_week",
-		label: "Last week"
+		label: "dateRange.lastWeek"
 	},
 	{
 		value: "last_n_weeks",
-		label: "Last N weeks"
+		label: "dateRange.lastNWeeks"
 	},
 	{
 		value: "last_month",
-		label: "Last month"
+		label: "dateRange.lastMonth"
 	},
 	{
 		value: "last_12_months",
-		label: "Last 12 months"
+		label: "dateRange.last12Months"
 	},
 	{
 		value: "last_n_months",
-		label: "Last N months"
+		label: "dateRange.lastNMonths"
 	},
 	{
 		value: "last_quarter",
-		label: "Last quarter"
+		label: "dateRange.lastQuarter"
 	},
 	{
 		value: "last_n_quarters",
-		label: "Last N quarters"
+		label: "dateRange.lastNQuarters"
 	},
 	{
 		value: "last_year",
-		label: "Last year"
+		label: "dateRange.lastYear"
 	},
 	{
 		value: "last_n_years",
-		label: "Last N years"
+		label: "dateRange.lastNYears"
 	}
 ];
 //#endregion
@@ -1388,4 +1388,4 @@ function ae(e, t) {
 //#endregion
 export { b as C, p as D, x as E, f as O, v as S, y as T, M as _, Y as a, O as b, z as c, F as d, j as f, N as g, P as h, X as i, V as l, k as m, ie as n, G as o, A as p, re as r, W as s, ae as t, I as u, L as v, S as w, C as x, E as y };
 
-//# sourceMappingURL=useDebounce-CKqkM42n.js.map
+//# sourceMappingURL=useDebounce-CfmUMFau.js.map