@sqlrooms/mosaic 0.29.0-rc.5 → 0.29.0-rc.7

package/dist/chart-builders/ChartBuilderDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartBuilderDialog.js","sourceRoot":"","sources":["../../src/chart-builders/ChartBuilderDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,EAEN,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,aAAa,GACd,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAClC,OAAO,KAA0B,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AAQpD,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAGjD,CAAC,EAAC,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,GAAG,EAAE,EAAE;IAC9B,OAAO,CACL,KAAC,aAAa,IAAC,OAAO,kBACpB,KAAC,MAAM,IAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,KAAK,KAAK,YACpD,QAAQ,IAAI,CACX,8BACE,KAAC,IAAI,IAAC,SAAS,EAAC,cAAc,GAAG,iBAEhC,CACJ,GACM,GACK,CACjB,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAUxD;;;GAGG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAElC,CAAC,EACH,KAAK,GAAG,WAAW,EACnB,WAAW,GAAG,gCAAgC,EAC9C,SAAS,EACT,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,MAAC,aAAa,IAAC,SAAS,EAAE,SAAS,IAAI,aAAa,aAClD,MAAC,YAAY,eACX,KAAC,WAAW,cAAE,KAAK,GAAe,EAClC,KAAC,iBAAiB,cAAE,WAAW,GAAqB,IACvC,EACd,QAAQ,IAAI,KAAC,mBAAmB,KAAG,IACtB,CACjB,CAAC;AACJ,CAAC,CAAC;AAiBF;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EACpE,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,OAAO,EACP,aAAa,EACb,UAAU,GACX,EAAE,EAAE,CAAC,CACJ,KAAC,gBAAgB,IACf,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,YAEtB,KAAC,yBAAyB,KAAG,GACZ,CACpB,CAAC","sourcesContent":["import {\n  Button,\n  type ButtonProps,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from '@sqlrooms/ui';\nimport {Plus} from 'lucide-react';\nimport React, {PropsWithChildren} from 'react';\nimport type {ChartConfig} from '../chart-types';\nimport {ChartBuilderContent} from './ChartBuilderContent';\nimport {ChartBuilderRoot} from './ChartBuilderRoot';\nimport type {\n  ChartBuilderColumn,\n  ChartTypeDefinition,\n} from '../chart-types/base-types';\n\nexport type ChartBuilderTriggerProps = ButtonProps;\n\nexport const ChartBuilderTrigger = React.forwardRef<\n  HTMLButtonElement,\n  ChartBuilderTriggerProps\n>(({children, ...props}, ref) => {\n  return (\n    <DialogTrigger asChild>\n      <Button ref={ref} variant=\"outline\" size=\"sm\" {...props}>\n        {children ?? (\n          <>\n            <Plus className=\"mr-1 h-4 w-4\" />\n            Add Chart\n          </>\n        )}\n      </Button>\n    </DialogTrigger>\n  );\n});\nChartBuilderTrigger.displayName = 'ChartBuilderTrigger';\n\nexport type ChartBuilderDialogContentProps = PropsWithChildren<{\n  /** Override dialog title (default \"Add Chart\") */\n  title?: string;\n  /** Override dialog description */\n  description?: string;\n  className?: string;\n}>;\n\n/**\n * The dialog content pane that renders the chart-builder steps.\n * Must be rendered inside `<MosaicChartBuilder>`.\n */\nexport const ChartBuilderDialogContent: React.FC<\n  ChartBuilderDialogContentProps\n> = ({\n  title = 'Add Chart',\n  description = 'Select a chart type to create.',\n  className,\n  children,\n}) => {\n  return (\n    <DialogContent className={className ?? 'sm:max-w-lg'}>\n      <DialogHeader>\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      {children ?? <ChartBuilderContent />}\n    </DialogContent>\n  );\n};\n\nexport interface ChartBuilderDialogProps {\n  /** Whether the dialog is open */\n  open: boolean;\n  /** Callback when dialog open state changes */\n  onOpenChange: (open: boolean) => void;\n  /** Table name to use in generated specs */\n  tableName: string;\n  /** Available columns for field selectors */\n  columns: ChartBuilderColumn[];\n  /** Callback when a chart spec is created */\n  onCreateChart: (title: string, config: ChartConfig) => void;\n  /** Optional chart types to show (defaults to all registered types) */\n  chartTypes?: ChartTypeDefinition[];\n}\n\n/**\n * Dialog wrapper for the chart builder (legacy API).\n *\n * @deprecated Prefer the compound form:\n * ```tsx\n * <MosaicChartBuilder tableName={…} columns={…} onCreateChart={…}>\n *   <MosaicChartBuilder.Trigger />\n *   <MosaicChartBuilder.Dialog />\n * </MosaicChartBuilder>\n * ```\n */\nexport const ChartBuilderDialog: React.FC<ChartBuilderDialogProps> = ({\n  open,\n  onOpenChange,\n  tableName,\n  columns,\n  onCreateChart,\n  chartTypes,\n}) => (\n  <ChartBuilderRoot\n    open={open}\n    onOpenChange={onOpenChange}\n    tableName={tableName}\n    columns={columns}\n    onCreateChart={onCreateChart}\n    chartTypes={chartTypes}\n  >\n    <ChartBuilderDialogContent />\n  </ChartBuilderRoot>\n);\n"]}
+{"version":3,"file":"ChartBuilderDialog.js","sourceRoot":"","sources":["../../src/chart-builders/ChartBuilderDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,EAEN,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,aAAa,GACd,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAClC,OAAO,KAA0B,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AAQpD,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAGjD,CAAC,EAAC,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,GAAG,EAAE,EAAE;IAC9B,OAAO,CACL,KAAC,aAAa,IAAC,OAAO,kBACpB,KAAC,MAAM,IAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,KAAK,KAAK,YACpD,QAAQ,IAAI,CACX,8BACE,KAAC,IAAI,IAAC,SAAS,EAAC,cAAc,GAAG,iBAEhC,CACJ,GACM,GACK,CACjB,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAUxD;;;GAGG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAElC,CAAC,EACH,KAAK,GAAG,WAAW,EACnB,WAAW,GAAG,gCAAgC,EAC9C,SAAS,EACT,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,MAAC,aAAa,IAAC,SAAS,EAAE,SAAS,IAAI,aAAa,aAClD,MAAC,YAAY,eACX,KAAC,WAAW,cAAE,KAAK,GAAe,EAClC,KAAC,iBAAiB,cAAE,WAAW,GAAqB,IACvC,EACd,QAAQ,IAAI,KAAC,mBAAmB,KAAG,IACtB,CACjB,CAAC;AACJ,CAAC,CAAC;AAiBF;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EACpE,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,OAAO,EACP,aAAa,EACb,UAAU,GACX,EAAE,EAAE,CAAC,CACJ,KAAC,gBAAgB,IACf,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,YAEtB,KAAC,yBAAyB,KAAG,GACZ,CACpB,CAAC","sourcesContent":["import {\n  Button,\n  type ButtonProps,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from '@sqlrooms/ui';\nimport {Plus} from 'lucide-react';\nimport React, {PropsWithChildren} from 'react';\nimport type {ChartConfig} from '../charts/chart-types';\nimport {ChartBuilderContent} from './ChartBuilderContent';\nimport {ChartBuilderRoot} from './ChartBuilderRoot';\nimport type {\n  ChartBuilderColumn,\n  ChartTypeDefinition,\n} from '../charts/chart-types/base-types';\n\nexport type ChartBuilderTriggerProps = ButtonProps;\n\nexport const ChartBuilderTrigger = React.forwardRef<\n  HTMLButtonElement,\n  ChartBuilderTriggerProps\n>(({children, ...props}, ref) => {\n  return (\n    <DialogTrigger asChild>\n      <Button ref={ref} variant=\"outline\" size=\"sm\" {...props}>\n        {children ?? (\n          <>\n            <Plus className=\"mr-1 h-4 w-4\" />\n            Add Chart\n          </>\n        )}\n      </Button>\n    </DialogTrigger>\n  );\n});\nChartBuilderTrigger.displayName = 'ChartBuilderTrigger';\n\nexport type ChartBuilderDialogContentProps = PropsWithChildren<{\n  /** Override dialog title (default \"Add Chart\") */\n  title?: string;\n  /** Override dialog description */\n  description?: string;\n  className?: string;\n}>;\n\n/**\n * The dialog content pane that renders the chart-builder steps.\n * Must be rendered inside `<MosaicChartBuilder>`.\n */\nexport const ChartBuilderDialogContent: React.FC<\n  ChartBuilderDialogContentProps\n> = ({\n  title = 'Add Chart',\n  description = 'Select a chart type to create.',\n  className,\n  children,\n}) => {\n  return (\n    <DialogContent className={className ?? 'sm:max-w-lg'}>\n      <DialogHeader>\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      {children ?? <ChartBuilderContent />}\n    </DialogContent>\n  );\n};\n\nexport interface ChartBuilderDialogProps {\n  /** Whether the dialog is open */\n  open: boolean;\n  /** Callback when dialog open state changes */\n  onOpenChange: (open: boolean) => void;\n  /** Table name to use in generated specs */\n  tableName: string;\n  /** Available columns for field selectors */\n  columns: ChartBuilderColumn[];\n  /** Callback when a chart spec is created */\n  onCreateChart: (title: string, config: ChartConfig) => void;\n  /** Optional chart types to show (defaults to all registered types) */\n  chartTypes?: ChartTypeDefinition[];\n}\n\n/**\n * Dialog wrapper for the chart builder (legacy API).\n *\n * @deprecated Prefer the compound form:\n * ```tsx\n * <MosaicChartBuilder tableName={…} columns={…} onCreateChart={…}>\n *   <MosaicChartBuilder.Trigger />\n *   <MosaicChartBuilder.Dialog />\n * </MosaicChartBuilder>\n * ```\n */\nexport const ChartBuilderDialog: React.FC<ChartBuilderDialogProps> = ({\n  open,\n  onOpenChange,\n  tableName,\n  columns,\n  onCreateChart,\n  chartTypes,\n}) => (\n  <ChartBuilderRoot\n    open={open}\n    onOpenChange={onOpenChange}\n    tableName={tableName}\n    columns={columns}\n    onCreateChart={onCreateChart}\n    chartTypes={chartTypes}\n  >\n    <ChartBuilderDialogContent />\n  </ChartBuilderRoot>\n);\n"]}

package/dist/chart-builders/ChartBuilderFields.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from '@sqlrooms/ui';
 import { useCallback, useMemo } from 'react';
 import { useChartBuilderContext, useChartBuilderStore, } from './ChartBuilderContext';
-import { ChartSettingsProvider } from '../chart/chart-settings/ChartSettingsContext';
+import { MosaicChartSettingsProvider } from '../charts/chart-settings/MosaicChartSettingsContext';
 export const ChartBuilderFields = ({ className, }) => {
     const { columns, templates } = useChartBuilderContext();
     const chartTypeDefinitionId = useChartBuilderStore((state) => state.selectedTemplateId);
@@ -34,6 +34,6 @@ export const ChartBuilderFields = ({ className, }) => {
         return null;
     }
     const SettingsComponent = chartTypeDefinition.settingsComponent;
-    return (_jsx("div", { className: cn('flex flex-col gap-4 py-2', className), children: _jsx(ChartSettingsProvider, { config: config, columns: columns, onChange: handleChange, children: _jsx(SettingsComponent, {}) }) }));
+    return (_jsx("div", { className: cn('flex flex-col gap-4 py-2', className), children: _jsx(MosaicChartSettingsProvider, { config: config, columns: columns, onChange: handleChange, children: _jsx(SettingsComponent, {}) }) }));
 };
 //# sourceMappingURL=ChartBuilderFields.js.map

package/dist/chart-builders/ChartBuilderFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartBuilderFields.js","sourceRoot":"","sources":["../../src/chart-builders/ChartBuilderFields.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,cAAc,CAAC;AAChC,OAAO,EAAK,WAAW,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AAC/C,OAAO,EACL,sBAAsB,EACtB,oBAAoB,GACrB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAC,qBAAqB,EAAC,MAAM,8CAA8C,CAAC;AAOnF,MAAM,CAAC,MAAM,kBAAkB,GAAgC,CAAC,EAC9D,SAAS,GACV,EAAE,EAAE;IACH,MAAM,EAAC,OAAO,EAAE,SAAS,EAAC,GAAG,sBAAsB,EAAE,CAAC;IACtD,MAAM,qBAAqB,GAAG,oBAAoB,CAChD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,kBAAkB,CACpC,CAAC;IACF,MAAM,WAAW,GAAG,oBAAoB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IACvE,MAAM,aAAa,GAAG,oBAAoB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IAE3E,MAAM,mBAAmB,GAAG,OAAO,CACjC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,qBAAqB,CAAC,EACzE,CAAC,SAAS,EAAE,qBAAqB,CAAC,CACnC,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,MAAmB,EAAE,EAAE;QACtB,0CAA0C;QAC1C,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YACvD,IAAI,WAAW,CAAC,GAAG,CAAC,KAAK,KAAK,EAAE,CAAC;gBAC/B,aAAa,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EACD,CAAC,WAAW,EAAE,aAAa,CAAC,CAC7B,CAAC;IAEF,yCAAyC;IACzC,MAAM,MAAM,GAAgB,OAAO,CAAC,GAAG,EAAE;QACvC,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACzB,OAAO;gBACL,SAAS,EAAE,WAAW;gBACtB,QAAQ,EAAE,EAAE;aACb,CAAC;QACJ,CAAC;QACD,OAAO;YACL,SAAS,EAAE,mBAAmB,CAAC,EAAE;YACjC,QAAQ,EAAE,WAAW;SACP,CAAC;IACnB,CAAC,EAAE,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAC,CAAC;IAEvC,IAAI,CAAC,mBAAmB,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,iBAAiB,GAAG,mBAAmB,CAAC,iBAAiB,CAAC;IAChE,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,YACvD,KAAC,qBAAqB,IACpB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,YAAY,YAEtB,KAAC,iBAAiB,KAAG,GACC,GACpB,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {cn} from '@sqlrooms/ui';\nimport {FC, useCallback, useMemo} from 'react';\nimport {\n  useChartBuilderContext,\n  useChartBuilderStore,\n} from './ChartBuilderContext';\nimport {ChartSettingsProvider} from '../chart/chart-settings/ChartSettingsContext';\nimport type {ChartConfig} from '../chart-types';\n\nexport interface ChartBuilderFieldsProps {\n  className?: string;\n}\n\nexport const ChartBuilderFields: FC<ChartBuilderFieldsProps> = ({\n  className,\n}) => {\n  const {columns, templates} = useChartBuilderContext();\n  const chartTypeDefinitionId = useChartBuilderStore(\n    (state) => state.selectedTemplateId,\n  );\n  const fieldValues = useChartBuilderStore((state) => state.fieldValues);\n  const setFieldValue = useChartBuilderStore((state) => state.setFieldValue);\n\n  const chartTypeDefinition = useMemo(\n    () => templates.find((template) => template.id === chartTypeDefinitionId),\n    [templates, chartTypeDefinitionId],\n  );\n\n  const handleChange = useCallback(\n    (config: ChartConfig) => {\n      // Update all changed values from settings\n      Object.entries(config.settings).forEach(([key, value]) => {\n        if (fieldValues[key] !== value) {\n          setFieldValue(key, value);\n        }\n      });\n    },\n    [fieldValues, setFieldValue],\n  );\n\n  // Create a config object for the context\n  const config: ChartConfig = useMemo(() => {\n    if (!chartTypeDefinition) {\n      return {\n        chartType: 'histogram',\n        settings: {},\n      };\n    }\n    return {\n      chartType: chartTypeDefinition.id,\n      settings: fieldValues,\n    } as ChartConfig;\n  }, [chartTypeDefinition, fieldValues]);\n\n  if (!chartTypeDefinition) {\n    return null;\n  }\n\n  const SettingsComponent = chartTypeDefinition.settingsComponent;\n  return (\n    <div className={cn('flex flex-col gap-4 py-2', className)}>\n      <ChartSettingsProvider\n        config={config}\n        columns={columns}\n        onChange={handleChange}\n      >\n        <SettingsComponent />\n      </ChartSettingsProvider>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"ChartBuilderFields.js","sourceRoot":"","sources":["../../src/chart-builders/ChartBuilderFields.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,cAAc,CAAC;AAChC,OAAO,EAAK,WAAW,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AAC/C,OAAO,EACL,sBAAsB,EACtB,oBAAoB,GACrB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAC,2BAA2B,EAAC,MAAM,qDAAqD,CAAC;AAOhG,MAAM,CAAC,MAAM,kBAAkB,GAAgC,CAAC,EAC9D,SAAS,GACV,EAAE,EAAE;IACH,MAAM,EAAC,OAAO,EAAE,SAAS,EAAC,GAAG,sBAAsB,EAAE,CAAC;IACtD,MAAM,qBAAqB,GAAG,oBAAoB,CAChD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,kBAAkB,CACpC,CAAC;IACF,MAAM,WAAW,GAAG,oBAAoB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IACvE,MAAM,aAAa,GAAG,oBAAoB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IAE3E,MAAM,mBAAmB,GAAG,OAAO,CACjC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,qBAAqB,CAAC,EACzE,CAAC,SAAS,EAAE,qBAAqB,CAAC,CACnC,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,MAAmB,EAAE,EAAE;QACtB,0CAA0C;QAC1C,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YACvD,IAAI,WAAW,CAAC,GAAG,CAAC,KAAK,KAAK,EAAE,CAAC;gBAC/B,aAAa,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EACD,CAAC,WAAW,EAAE,aAAa,CAAC,CAC7B,CAAC;IAEF,yCAAyC;IACzC,MAAM,MAAM,GAAgB,OAAO,CAAC,GAAG,EAAE;QACvC,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACzB,OAAO;gBACL,SAAS,EAAE,WAAW;gBACtB,QAAQ,EAAE,EAAE;aACb,CAAC;QACJ,CAAC;QACD,OAAO;YACL,SAAS,EAAE,mBAAmB,CAAC,EAAE;YACjC,QAAQ,EAAE,WAAW;SACP,CAAC;IACnB,CAAC,EAAE,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAC,CAAC;IAEvC,IAAI,CAAC,mBAAmB,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,iBAAiB,GAAG,mBAAmB,CAAC,iBAAiB,CAAC;IAChE,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,YACvD,KAAC,2BAA2B,IAC1B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,YAAY,YAEtB,KAAC,iBAAiB,KAAG,GACO,GAC1B,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {cn} from '@sqlrooms/ui';\nimport {FC, useCallback, useMemo} from 'react';\nimport {\n  useChartBuilderContext,\n  useChartBuilderStore,\n} from './ChartBuilderContext';\nimport {MosaicChartSettingsProvider} from '../charts/chart-settings/MosaicChartSettingsContext';\nimport type {ChartConfig} from '../charts/chart-types';\n\nexport interface ChartBuilderFieldsProps {\n  className?: string;\n}\n\nexport const ChartBuilderFields: FC<ChartBuilderFieldsProps> = ({\n  className,\n}) => {\n  const {columns, templates} = useChartBuilderContext();\n  const chartTypeDefinitionId = useChartBuilderStore(\n    (state) => state.selectedTemplateId,\n  );\n  const fieldValues = useChartBuilderStore((state) => state.fieldValues);\n  const setFieldValue = useChartBuilderStore((state) => state.setFieldValue);\n\n  const chartTypeDefinition = useMemo(\n    () => templates.find((template) => template.id === chartTypeDefinitionId),\n    [templates, chartTypeDefinitionId],\n  );\n\n  const handleChange = useCallback(\n    (config: ChartConfig) => {\n      // Update all changed values from settings\n      Object.entries(config.settings).forEach(([key, value]) => {\n        if (fieldValues[key] !== value) {\n          setFieldValue(key, value);\n        }\n      });\n    },\n    [fieldValues, setFieldValue],\n  );\n\n  // Create a config object for the context\n  const config: ChartConfig = useMemo(() => {\n    if (!chartTypeDefinition) {\n      return {\n        chartType: 'histogram',\n        settings: {},\n      };\n    }\n    return {\n      chartType: chartTypeDefinition.id,\n      settings: fieldValues,\n    } as ChartConfig;\n  }, [chartTypeDefinition, fieldValues]);\n\n  if (!chartTypeDefinition) {\n    return null;\n  }\n\n  const SettingsComponent = chartTypeDefinition.settingsComponent;\n  return (\n    <div className={cn('flex flex-col gap-4 py-2', className)}>\n      <MosaicChartSettingsProvider\n        config={config}\n        columns={columns}\n        onChange={handleChange}\n      >\n        <SettingsComponent />\n      </MosaicChartSettingsProvider>\n    </div>\n  );\n};\n"]}

package/dist/chart-builders/ChartBuilderRoot.d.ts

@@ -1,6 +1,6 @@
 import React, { PropsWithChildren } from 'react';
-import type { ChartConfig } from '../chart-types';
-import type { ChartBuilderColumn, ChartTypeDefinition } from '../chart-types/base-types';
+import type { ChartConfig } from '../charts/chart-types';
+import type { ChartBuilderColumn, ChartTypeDefinition } from '../charts/chart-types/base-types';
 export type ChartBuilderRootProps = PropsWithChildren<{
     /** Table name to use in generated specs */
     tableName: string;

package/dist/chart-builders/ChartBuilderRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartBuilderRoot.d.ts","sourceRoot":"","sources":["../../src/chart-builders/ChartBuilderRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,iBAAiB,EAKlB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAGhD,OAAO,KAAK,EACV,kBAAkB,EAClB,mBAAmB,EACpB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,MAAM,qBAAqB,GAAG,iBAAiB,CAAC;IACpD,2CAA2C;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,4CAA4C;IAC5C,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,4CAA4C;IAC5C,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9D,gEAAgE;IAChE,UAAU,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACnC,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,CAAC,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA+D5D,CAAC"}
+{"version":3,"file":"ChartBuilderRoot.d.ts","sourceRoot":"","sources":["../../src/chart-builders/ChartBuilderRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,iBAAiB,EAKlB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAGvD,OAAO,KAAK,EACV,kBAAkB,EAClB,mBAAmB,EACpB,MAAM,kCAAkC,CAAC;AAE1C,MAAM,MAAM,qBAAqB,GAAG,iBAAiB,CAAC;IACpD,2CAA2C;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,4CAA4C;IAC5C,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,4CAA4C;IAC5C,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9D,gEAAgE;IAChE,UAAU,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACnC,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,CAAC,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA+D5D,CAAC"}

package/dist/chart-builders/ChartBuilderRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartBuilderRoot.js","sourceRoot":"","sources":["../../src/chart-builders/ChartBuilderRoot.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAC;AACpC,OAAc,EAEZ,WAAW,EACX,SAAS,EACT,OAAO,EACP,QAAQ,GACT,MAAM,OAAO,CAAC;AAEf,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAC,uBAAuB,EAAC,MAAM,2BAA2B,CAAC;AAqBlE;;;;;GAKG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAChE,SAAS,EACT,OAAO,EACP,aAAa,EACb,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,uBAAuB,EAAE,CAAC,CAAC;IAC1D,MAAM,YAAY,GAAG,IAAI,KAAK,SAAS,CAAC;IACxC,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAE5D,MAAM,oBAAoB,GAAG,OAAO,CAClC,GAAG,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,EACzE,CAAC,YAAY,EAAE,YAAY,CAAC,CAC7B,CAAC;IAEF,oDAAoD;IACpD,kFAAkF;IAClF,MAAM,mBAAmB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAE1E,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAC,kBAAkB,EAAE,KAAK,EAAC,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;QACrD,IACE,kBAAkB;YAClB,CAAC,mBAAmB,CAAC,IAAI,CACvB,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,kBAAkB,CACjD,EACD,CAAC;YACD,KAAK,EAAE,CAAC;QACV,CAAC;IACH,CAAC,EAAE,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC,CAAC;IAEjC,MAAM,iBAAiB,GACrB,WAAW,CACT,CAAC,KAAa,EAAE,MAAmB,EAAE,EAAE;QACrC,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAC7B,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,EACD,CAAC,aAAa,EAAE,oBAAoB,CAAC,CACtC,CAAC;IAEJ,MAAM,GAAG,GAAG,OAAO,CACjB,GAAG,EAAE,CAAC,CAAC;QACL,SAAS;QACT,OAAO;QACP,aAAa,EAAE,iBAAiB;QAChC,SAAS,EAAE,mBAAmB;QAC9B,kBAAkB,EAAE,mBAAmB,EAAE,sFAAsF;QAC/H,KAAK;KACN,CAAC,EACF,CAAC,mBAAmB,EAAE,OAAO,EAAE,iBAAiB,EAAE,KAAK,EAAE,SAAS,CAAC,CACpE,CAAC;IAEF,OAAO,CACL,KAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,YACtC,KAAC,MAAM,IAAC,IAAI,EAAE,YAAY,EAAE,YAAY,EAAE,oBAAoB,YAC3D,QAAQ,GACF,GACoB,CAChC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {Dialog} from '@sqlrooms/ui';\nimport React, {\n  PropsWithChildren,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport type {ChartConfig} from '../chart-types';\nimport {ChartBuilderContext} from './ChartBuilderContext';\nimport {createChartBuilderStore} from './createChartBuilderStore';\nimport type {\n  ChartBuilderColumn,\n  ChartTypeDefinition,\n} from '../chart-types/base-types';\n\nexport type ChartBuilderRootProps = PropsWithChildren<{\n  /** Table name to use in generated specs */\n  tableName: string;\n  /** Available columns for field selectors */\n  columns: ChartBuilderColumn[];\n  /** Callback when a chart spec is created */\n  onCreateChart: (title: string, metadata: ChartConfig) => void;\n  /** Optional chart types to show (defaults to an empty array) */\n  chartTypes?: ChartTypeDefinition[];\n  /** Controlled open state */\n  open?: boolean;\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void;\n}>;\n\n/**\n * Compound-component root that provides shared chart-builder state via context\n * and renders a Radix `Dialog`.\n *\n * Supports both controlled (`open`/`onOpenChange`) and uncontrolled usage.\n */\nexport const ChartBuilderRoot: React.FC<ChartBuilderRootProps> = ({\n  tableName,\n  columns,\n  onCreateChart,\n  chartTypes,\n  open,\n  onOpenChange,\n  children,\n}) => {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(false);\n  const [store] = useState(() => createChartBuilderStore());\n  const isControlled = open !== undefined;\n  const resolvedOpen = isControlled ? open : uncontrolledOpen;\n\n  const resolvedOnOpenChange = useMemo(\n    () => (isControlled ? (onOpenChange ?? (() => {})) : setUncontrolledOpen),\n    [isControlled, onOpenChange],\n  );\n\n  // All resolved chart types are available by default\n  // (Filtering by schema compatibility was removed in favour of runtime validation)\n  const availableChartTypes = useMemo(() => chartTypes ?? [], [chartTypes]);\n\n  useEffect(() => {\n    const {selectedTemplateId, reset} = store.getState();\n    if (\n      selectedTemplateId &&\n      !availableChartTypes.some(\n        (template) => template.id === selectedTemplateId,\n      )\n    ) {\n      reset();\n    }\n  }, [availableChartTypes, store]);\n\n  const handleCreateChart: (title: string, config: ChartConfig) => void =\n    useCallback(\n      (title: string, config: ChartConfig) => {\n        onCreateChart(title, config);\n        resolvedOnOpenChange(false);\n      },\n      [onCreateChart, resolvedOnOpenChange],\n    );\n\n  const ctx = useMemo(\n    () => ({\n      tableName,\n      columns,\n      onCreateChart: handleCreateChart,\n      templates: availableChartTypes,\n      availableTemplates: availableChartTypes, // TODO: why we need both templates and availableTemplates? can we remove one of them?\n      store,\n    }),\n    [availableChartTypes, columns, handleCreateChart, store, tableName],\n  );\n\n  return (\n    <ChartBuilderContext.Provider value={ctx}>\n      <Dialog open={resolvedOpen} onOpenChange={resolvedOnOpenChange}>\n        {children}\n      </Dialog>\n    </ChartBuilderContext.Provider>\n  );\n};\n"]}
+{"version":3,"file":"ChartBuilderRoot.js","sourceRoot":"","sources":["../../src/chart-builders/ChartBuilderRoot.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAC;AACpC,OAAc,EAEZ,WAAW,EACX,SAAS,EACT,OAAO,EACP,QAAQ,GACT,MAAM,OAAO,CAAC;AAEf,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAC,uBAAuB,EAAC,MAAM,2BAA2B,CAAC;AAqBlE;;;;;GAKG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAChE,SAAS,EACT,OAAO,EACP,aAAa,EACb,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,uBAAuB,EAAE,CAAC,CAAC;IAC1D,MAAM,YAAY,GAAG,IAAI,KAAK,SAAS,CAAC;IACxC,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAE5D,MAAM,oBAAoB,GAAG,OAAO,CAClC,GAAG,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,EACzE,CAAC,YAAY,EAAE,YAAY,CAAC,CAC7B,CAAC;IAEF,oDAAoD;IACpD,kFAAkF;IAClF,MAAM,mBAAmB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAE1E,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAC,kBAAkB,EAAE,KAAK,EAAC,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;QACrD,IACE,kBAAkB;YAClB,CAAC,mBAAmB,CAAC,IAAI,CACvB,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,kBAAkB,CACjD,EACD,CAAC;YACD,KAAK,EAAE,CAAC;QACV,CAAC;IACH,CAAC,EAAE,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC,CAAC;IAEjC,MAAM,iBAAiB,GACrB,WAAW,CACT,CAAC,KAAa,EAAE,MAAmB,EAAE,EAAE;QACrC,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAC7B,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,EACD,CAAC,aAAa,EAAE,oBAAoB,CAAC,CACtC,CAAC;IAEJ,MAAM,GAAG,GAAG,OAAO,CACjB,GAAG,EAAE,CAAC,CAAC;QACL,SAAS;QACT,OAAO;QACP,aAAa,EAAE,iBAAiB;QAChC,SAAS,EAAE,mBAAmB;QAC9B,kBAAkB,EAAE,mBAAmB,EAAE,sFAAsF;QAC/H,KAAK;KACN,CAAC,EACF,CAAC,mBAAmB,EAAE,OAAO,EAAE,iBAAiB,EAAE,KAAK,EAAE,SAAS,CAAC,CACpE,CAAC;IAEF,OAAO,CACL,KAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,YACtC,KAAC,MAAM,IAAC,IAAI,EAAE,YAAY,EAAE,YAAY,EAAE,oBAAoB,YAC3D,QAAQ,GACF,GACoB,CAChC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {Dialog} from '@sqlrooms/ui';\nimport React, {\n  PropsWithChildren,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport type {ChartConfig} from '../charts/chart-types';\nimport {ChartBuilderContext} from './ChartBuilderContext';\nimport {createChartBuilderStore} from './createChartBuilderStore';\nimport type {\n  ChartBuilderColumn,\n  ChartTypeDefinition,\n} from '../charts/chart-types/base-types';\n\nexport type ChartBuilderRootProps = PropsWithChildren<{\n  /** Table name to use in generated specs */\n  tableName: string;\n  /** Available columns for field selectors */\n  columns: ChartBuilderColumn[];\n  /** Callback when a chart spec is created */\n  onCreateChart: (title: string, metadata: ChartConfig) => void;\n  /** Optional chart types to show (defaults to an empty array) */\n  chartTypes?: ChartTypeDefinition[];\n  /** Controlled open state */\n  open?: boolean;\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void;\n}>;\n\n/**\n * Compound-component root that provides shared chart-builder state via context\n * and renders a Radix `Dialog`.\n *\n * Supports both controlled (`open`/`onOpenChange`) and uncontrolled usage.\n */\nexport const ChartBuilderRoot: React.FC<ChartBuilderRootProps> = ({\n  tableName,\n  columns,\n  onCreateChart,\n  chartTypes,\n  open,\n  onOpenChange,\n  children,\n}) => {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(false);\n  const [store] = useState(() => createChartBuilderStore());\n  const isControlled = open !== undefined;\n  const resolvedOpen = isControlled ? open : uncontrolledOpen;\n\n  const resolvedOnOpenChange = useMemo(\n    () => (isControlled ? (onOpenChange ?? (() => {})) : setUncontrolledOpen),\n    [isControlled, onOpenChange],\n  );\n\n  // All resolved chart types are available by default\n  // (Filtering by schema compatibility was removed in favour of runtime validation)\n  const availableChartTypes = useMemo(() => chartTypes ?? [], [chartTypes]);\n\n  useEffect(() => {\n    const {selectedTemplateId, reset} = store.getState();\n    if (\n      selectedTemplateId &&\n      !availableChartTypes.some(\n        (template) => template.id === selectedTemplateId,\n      )\n    ) {\n      reset();\n    }\n  }, [availableChartTypes, store]);\n\n  const handleCreateChart: (title: string, config: ChartConfig) => void =\n    useCallback(\n      (title: string, config: ChartConfig) => {\n        onCreateChart(title, config);\n        resolvedOnOpenChange(false);\n      },\n      [onCreateChart, resolvedOnOpenChange],\n    );\n\n  const ctx = useMemo(\n    () => ({\n      tableName,\n      columns,\n      onCreateChart: handleCreateChart,\n      templates: availableChartTypes,\n      availableTemplates: availableChartTypes, // TODO: why we need both templates and availableTemplates? can we remove one of them?\n      store,\n    }),\n    [availableChartTypes, columns, handleCreateChart, store, tableName],\n  );\n\n  return (\n    <ChartBuilderContext.Provider value={ctx}>\n      <Dialog open={resolvedOpen} onOpenChange={resolvedOnOpenChange}>\n        {children}\n      </Dialog>\n    </ChartBuilderContext.Provider>\n  );\n};\n"]}

package/dist/chart-builders/chartSpecTitle.d.ts

@@ -1,4 +1,4 @@
-import type { ChartTypeDefinition } from '../chart-types/base-types';
+import type { ChartTypeDefinition } from '../charts/chart-types/base-types';
 /**
  * Human-readable chart title from a chart type and selected field values.
  */

package/dist/chart-builders/chartSpecTitle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chartSpecTitle.d.ts","sourceRoot":"","sources":["../../src/chart-builders/chartSpecTitle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,2BAA2B,CAAC;AAGnE;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,IAAI,CAAC,mBAAmB,EAAE,aAAa,GAAG,YAAY,CAAC,EAC7D,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAClC,MAAM,CAER"}
+{"version":3,"file":"chartSpecTitle.d.ts","sourceRoot":"","sources":["../../src/chart-builders/chartSpecTitle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAG1E;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,IAAI,CAAC,mBAAmB,EAAE,aAAa,GAAG,YAAY,CAAC,EAC7D,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAClC,MAAM,CAER"}

package/dist/chart-builders/chartSpecTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"chartSpecTitle.js","sourceRoot":"","sources":["../../src/chart-builders/chartSpecTitle.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,mBAAmB,EAAC,MAAM,kBAAkB,CAAC;AAErD;;GAEG;AACH,MAAM,UAAU,sBAAsB,CACpC,IAA6D,EAC7D,WAAmC;IAEnC,OAAO,mBAAmB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAChD,CAAC","sourcesContent":["import type {ChartTypeDefinition} from '../chart-types/base-types';\nimport {buildChartTypeTitle} from './chartTypeUtils';\n\n/**\n * Human-readable chart title from a chart type and selected field values.\n */\nexport function buildChartTitleForSpec(\n  spec: Pick<ChartTypeDefinition, 'description' | 'buildTitle'>,\n  fieldValues: Record<string, string>,\n): string {\n  return buildChartTypeTitle(spec, fieldValues);\n}\n"]}
+{"version":3,"file":"chartSpecTitle.js","sourceRoot":"","sources":["../../src/chart-builders/chartSpecTitle.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,mBAAmB,EAAC,MAAM,kBAAkB,CAAC;AAErD;;GAEG;AACH,MAAM,UAAU,sBAAsB,CACpC,IAA6D,EAC7D,WAAmC;IAEnC,OAAO,mBAAmB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAChD,CAAC","sourcesContent":["import type {ChartTypeDefinition} from '../charts/chart-types/base-types';\nimport {buildChartTypeTitle} from './chartTypeUtils';\n\n/**\n * Human-readable chart title from a chart type and selected field values.\n */\nexport function buildChartTitleForSpec(\n  spec: Pick<ChartTypeDefinition, 'description' | 'buildTitle'>,\n  fieldValues: Record<string, string>,\n): string {\n  return buildChartTypeTitle(spec, fieldValues);\n}\n"]}

package/dist/chart-builders/chartTypeUtils.d.ts

@@ -1,5 +1,4 @@
-import type { ChartTypeDefinition } from '../chart-types/base-types';
-export { NUMERIC_COLUMN_TYPES, TEMPORAL_COLUMN_TYPES, QUANTITATIVE_COLUMN_TYPES, } from './constants';
+import type { ChartTypeDefinition } from '../charts/chart-types/base-types';
 /**
  * Build a default chart title from description and field values
  */

package/dist/chart-builders/chartTypeUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chartTypeUtils.d.ts","sourceRoot":"","sources":["../../src/chart-builders/chartTypeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,2BAA2B,CAAC;AAEnE,OAAO,EACL,oBAAoB,EACpB,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,aAAa,CAAC;AAcrB;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,WAAW,EAAE,MAAM,EACnB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACnC,MAAM,CAmBR;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,WAAW,EAAE,MAAM,IAC9C,aAAa,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,YAE7C;AAED,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,IAAI,CAAC,mBAAmB,EAAE,aAAa,GAAG,YAAY,CAAC,EAClE,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACnC,MAAM,CAIR;AAED,wBAAgB,sBAAsB,CACpC,mBAAmB,EAAE,mBAAmB,GAAG,IAAI,GAAG,SAAS,EAC3D,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACnC,OAAO,CAET"}
+{"version":3,"file":"chartTypeUtils.d.ts","sourceRoot":"","sources":["../../src/chart-builders/chartTypeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAc1E;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,WAAW,EAAE,MAAM,EACnB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACnC,MAAM,CAmBR;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,WAAW,EAAE,MAAM,IAC9C,aAAa,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,YAE7C;AAED,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,IAAI,CAAC,mBAAmB,EAAE,aAAa,GAAG,YAAY,CAAC,EAClE,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACnC,MAAM,CAIR;AAED,wBAAgB,sBAAsB,CACpC,mBAAmB,EAAE,mBAAmB,GAAG,IAAI,GAAG,SAAS,EAC3D,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACnC,OAAO,CAET"}

package/dist/chart-builders/chartTypeUtils.js

@@ -1,4 +1,3 @@
-export { NUMERIC_COLUMN_TYPES, TEMPORAL_COLUMN_TYPES, QUANTITATIVE_COLUMN_TYPES, } from './constants';
 /**
  * Type guard to check if value has a field property (e.g., YFieldConfig)
  */

package/dist/chart-builders/chartTypeUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"chartTypeUtils.js","sourceRoot":"","sources":["../../src/chart-builders/chartTypeUtils.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,oBAAoB,EACpB,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,aAAa,CAAC;AAErB;;GAEG;AACH,SAAS,gBAAgB,CAAC,KAAc;IACtC,OAAO,CACL,OAAO,KAAK,KAAK,QAAQ;QACzB,KAAK,KAAK,IAAI;QACd,OAAO,IAAI,KAAK;QAChB,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,CAChC,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,sBAAsB,CACpC,WAAmB,EACnB,WAAoC;IAEpC,MAAM,SAAS,GAAG,WAAW,CAAC,OAAO,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAC;IAC/D,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC;SAC9C,MAAM,CAAC,OAAO,CAAC;SACf,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACb,sCAAsC;QACtC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,OAAO,KAAK;iBACT,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;iBAC3D,MAAM,CAAC,OAAO,CAAC;iBACf,IAAI,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC;QACD,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,CAAC;SACD,MAAM,CAAC,OAAO,CAAC,CAAC;IAEnB,OAAO,cAAc,CAAC,MAAM,GAAG,CAAC;QAC9B,CAAC,CAAC,GAAG,SAAS,MAAM,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;QAC/C,CAAC,CAAC,SAAS,CAAC;AAChB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,WAAmB;IACtD,OAAO,CAAC,WAAoC,EAAE,EAAE,CAC9C,sBAAsB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;AACrD,CAAC;AAED,MAAM,UAAU,mBAAmB,CACjC,SAAkE,EAClE,WAAoC;IAEpC,OAAO,SAAS,CAAC,UAAU;QACzB,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,WAAW,CAAC;QACnC,CAAC,CAAC,sBAAsB,CAAC,SAAS,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;AACjE,CAAC;AAED,MAAM,UAAU,sBAAsB,CACpC,mBAA2D,EAC3D,WAAoC;IAEpC,OAAO,mBAAmB,EAAE,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,OAAO,IAAI,KAAK,CAAC;AAC9E,CAAC","sourcesContent":["import type {ChartTypeDefinition} from '../chart-types/base-types';\n\nexport {\n  NUMERIC_COLUMN_TYPES,\n  TEMPORAL_COLUMN_TYPES,\n  QUANTITATIVE_COLUMN_TYPES,\n} from './constants';\n\n/**\n * Type guard to check if value has a field property (e.g., YFieldConfig)\n */\nfunction hasFieldProperty(value: unknown): value is {field: string} {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    'field' in value &&\n    typeof value.field === 'string'\n  );\n}\n\n/**\n * Build a default chart title from description and field values\n */\nexport function buildDefaultChartTitle(\n  description: string,\n  fieldValues: Record<string, unknown>,\n): string {\n  const baseTitle = description.replace(/^Create (a |an )?/, '');\n  const selectedFields = Object.values(fieldValues)\n    .filter(Boolean)\n    .map((value) => {\n      // Handle array values (e.g., yFields)\n      if (Array.isArray(value)) {\n        return value\n          .map((item) => (hasFieldProperty(item) ? item.field : item))\n          .filter(Boolean)\n          .join(', ');\n      }\n      return String(value);\n    })\n    .filter(Boolean);\n\n  return selectedFields.length > 0\n    ? `${baseTitle} - ${selectedFields.join(', ')}`\n    : baseTitle;\n}\n\n/**\n * Create a title builder function from a description string\n */\nexport function titleFromDescription(description: string) {\n  return (fieldValues: Record<string, unknown>) =>\n    buildDefaultChartTitle(description, fieldValues);\n}\n\nexport function buildChartTypeTitle(\n  chartType: Pick<ChartTypeDefinition, 'description' | 'buildTitle'>,\n  fieldValues: Record<string, unknown>,\n): string {\n  return chartType.buildTitle\n    ? chartType.buildTitle(fieldValues)\n    : buildDefaultChartTitle(chartType.description, fieldValues);\n}\n\nexport function canCreateChartFromType(\n  chartTypeDefinition: ChartTypeDefinition | null | undefined,\n  fieldValues: Record<string, unknown>,\n): boolean {\n  return chartTypeDefinition?.schema.safeParse(fieldValues)?.success ?? false;\n}\n"]}
+{"version":3,"file":"chartTypeUtils.js","sourceRoot":"","sources":["../../src/chart-builders/chartTypeUtils.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,SAAS,gBAAgB,CAAC,KAAc;IACtC,OAAO,CACL,OAAO,KAAK,KAAK,QAAQ;QACzB,KAAK,KAAK,IAAI;QACd,OAAO,IAAI,KAAK;QAChB,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,CAChC,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,sBAAsB,CACpC,WAAmB,EACnB,WAAoC;IAEpC,MAAM,SAAS,GAAG,WAAW,CAAC,OAAO,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAC;IAC/D,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC;SAC9C,MAAM,CAAC,OAAO,CAAC;SACf,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACb,sCAAsC;QACtC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,OAAO,KAAK;iBACT,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;iBAC3D,MAAM,CAAC,OAAO,CAAC;iBACf,IAAI,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC;QACD,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,CAAC;SACD,MAAM,CAAC,OAAO,CAAC,CAAC;IAEnB,OAAO,cAAc,CAAC,MAAM,GAAG,CAAC;QAC9B,CAAC,CAAC,GAAG,SAAS,MAAM,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;QAC/C,CAAC,CAAC,SAAS,CAAC;AAChB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,WAAmB;IACtD,OAAO,CAAC,WAAoC,EAAE,EAAE,CAC9C,sBAAsB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;AACrD,CAAC;AAED,MAAM,UAAU,mBAAmB,CACjC,SAAkE,EAClE,WAAoC;IAEpC,OAAO,SAAS,CAAC,UAAU;QACzB,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,WAAW,CAAC;QACnC,CAAC,CAAC,sBAAsB,CAAC,SAAS,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;AACjE,CAAC;AAED,MAAM,UAAU,sBAAsB,CACpC,mBAA2D,EAC3D,WAAoC;IAEpC,OAAO,mBAAmB,EAAE,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,OAAO,IAAI,KAAK,CAAC;AAC9E,CAAC","sourcesContent":["import type {ChartTypeDefinition} from '../charts/chart-types/base-types';\n\n/**\n * Type guard to check if value has a field property (e.g., YFieldConfig)\n */\nfunction hasFieldProperty(value: unknown): value is {field: string} {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    'field' in value &&\n    typeof value.field === 'string'\n  );\n}\n\n/**\n * Build a default chart title from description and field values\n */\nexport function buildDefaultChartTitle(\n  description: string,\n  fieldValues: Record<string, unknown>,\n): string {\n  const baseTitle = description.replace(/^Create (a |an )?/, '');\n  const selectedFields = Object.values(fieldValues)\n    .filter(Boolean)\n    .map((value) => {\n      // Handle array values (e.g., yFields)\n      if (Array.isArray(value)) {\n        return value\n          .map((item) => (hasFieldProperty(item) ? item.field : item))\n          .filter(Boolean)\n          .join(', ');\n      }\n      return String(value);\n    })\n    .filter(Boolean);\n\n  return selectedFields.length > 0\n    ? `${baseTitle} - ${selectedFields.join(', ')}`\n    : baseTitle;\n}\n\n/**\n * Create a title builder function from a description string\n */\nexport function titleFromDescription(description: string) {\n  return (fieldValues: Record<string, unknown>) =>\n    buildDefaultChartTitle(description, fieldValues);\n}\n\nexport function buildChartTypeTitle(\n  chartType: Pick<ChartTypeDefinition, 'description' | 'buildTitle'>,\n  fieldValues: Record<string, unknown>,\n): string {\n  return chartType.buildTitle\n    ? chartType.buildTitle(fieldValues)\n    : buildDefaultChartTitle(chartType.description, fieldValues);\n}\n\nexport function canCreateChartFromType(\n  chartTypeDefinition: ChartTypeDefinition | null | undefined,\n  fieldValues: Record<string, unknown>,\n): boolean {\n  return chartTypeDefinition?.schema.safeParse(fieldValues)?.success ?? false;\n}\n"]}

package/dist/chart-builders/createChartBuilderStore.d.ts

@@ -1,4 +1,4 @@
-import { ChartType } from '../chart-types';
+import { ChartType } from '../charts/chart-types';
 export type ChartBuilderStoreState = {
     selectedTemplateId?: ChartType;
     fieldValues: Record<string, unknown>;

package/dist/chart-builders/createChartBuilderStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createChartBuilderStore.d.ts","sourceRoot":"","sources":["../../src/chart-builders/createChartBuilderStore.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,MAAM,MAAM,sBAAsB,GAAG;IACnC,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,cAAc,EAAE,CAAC,UAAU,EAAE,SAAS,KAAK,IAAI,CAAC;IAChD,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC3D,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAE3E,wBAAgB,uBAAuB,uDA4BtC"}
+{"version":3,"file":"createChartBuilderStore.d.ts","sourceRoot":"","sources":["../../src/chart-builders/createChartBuilderStore.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAEhD,MAAM,MAAM,sBAAsB,GAAG;IACnC,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,cAAc,EAAE,CAAC,UAAU,EAAE,SAAS,KAAK,IAAI,CAAC;IAChD,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC3D,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAE3E,wBAAgB,uBAAuB,uDA4BtC"}

package/dist/chart-builders/createChartBuilderStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"createChartBuilderStore.js","sourceRoot":"","sources":["../../src/chart-builders/createChartBuilderStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAC;AAa5C,MAAM,UAAU,uBAAuB;IACrC,OAAO,WAAW,CAAyB,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QACnD,kBAAkB,EAAE,SAAS;QAC7B,WAAW,EAAE,EAAE;QACf,KAAK,EAAE,GAAG,EAAE;YACV,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACZ,OAAO,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;gBACvB,KAAK,CAAC,kBAAkB,GAAG,SAAS,CAAC;gBACrC,KAAK,CAAC,WAAW,GAAG,EAAE,CAAC;YACzB,CAAC,CAAC,CACH,CAAC;QACJ,CAAC;QACD,cAAc,EAAE,CAAC,UAAU,EAAE,EAAE;YAC7B,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACZ,OAAO,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;gBACvB,KAAK,CAAC,kBAAkB,GAAG,UAAU,CAAC;gBACtC,KAAK,CAAC,WAAW,GAAG,EAAE,CAAC;YACzB,CAAC,CAAC,CACH,CAAC;QACJ,CAAC;QACD,aAAa,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE;YACjC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACZ,OAAO,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;gBACvB,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC;YACtC,CAAC,CAAC,CACH,CAAC;QACJ,CAAC;KACF,CAAC,CAAC,CAAC;AACN,CAAC","sourcesContent":["import {produce} from 'immer';\nimport {createStore} from 'zustand/vanilla';\nimport {ChartType} from '../chart-types';\n\nexport type ChartBuilderStoreState = {\n  selectedTemplateId?: ChartType;\n  fieldValues: Record<string, unknown>;\n  reset: () => void;\n  selectTemplate: (templateId: ChartType) => void;\n  setFieldValue: (fieldKey: string, value: unknown) => void;\n};\n\nexport type ChartBuilderStore = ReturnType<typeof createChartBuilderStore>;\n\nexport function createChartBuilderStore() {\n  return createStore<ChartBuilderStoreState>((set) => ({\n    selectedTemplateId: undefined,\n    fieldValues: {},\n    reset: () => {\n      set((state) =>\n        produce(state, (draft) => {\n          draft.selectedTemplateId = undefined;\n          draft.fieldValues = {};\n        }),\n      );\n    },\n    selectTemplate: (templateId) => {\n      set((state) =>\n        produce(state, (draft) => {\n          draft.selectedTemplateId = templateId;\n          draft.fieldValues = {};\n        }),\n      );\n    },\n    setFieldValue: (fieldKey, value) => {\n      set((state) =>\n        produce(state, (draft) => {\n          draft.fieldValues[fieldKey] = value;\n        }),\n      );\n    },\n  }));\n}\n"]}
+{"version":3,"file":"createChartBuilderStore.js","sourceRoot":"","sources":["../../src/chart-builders/createChartBuilderStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAC;AAa5C,MAAM,UAAU,uBAAuB;IACrC,OAAO,WAAW,CAAyB,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QACnD,kBAAkB,EAAE,SAAS;QAC7B,WAAW,EAAE,EAAE;QACf,KAAK,EAAE,GAAG,EAAE;YACV,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACZ,OAAO,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;gBACvB,KAAK,CAAC,kBAAkB,GAAG,SAAS,CAAC;gBACrC,KAAK,CAAC,WAAW,GAAG,EAAE,CAAC;YACzB,CAAC,CAAC,CACH,CAAC;QACJ,CAAC;QACD,cAAc,EAAE,CAAC,UAAU,EAAE,EAAE;YAC7B,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACZ,OAAO,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;gBACvB,KAAK,CAAC,kBAAkB,GAAG,UAAU,CAAC;gBACtC,KAAK,CAAC,WAAW,GAAG,EAAE,CAAC;YACzB,CAAC,CAAC,CACH,CAAC;QACJ,CAAC;QACD,aAAa,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE;YACjC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACZ,OAAO,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;gBACvB,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC;YACtC,CAAC,CAAC,CACH,CAAC;QACJ,CAAC;KACF,CAAC,CAAC,CAAC;AACN,CAAC","sourcesContent":["import {produce} from 'immer';\nimport {createStore} from 'zustand/vanilla';\nimport {ChartType} from '../charts/chart-types';\n\nexport type ChartBuilderStoreState = {\n  selectedTemplateId?: ChartType;\n  fieldValues: Record<string, unknown>;\n  reset: () => void;\n  selectTemplate: (templateId: ChartType) => void;\n  setFieldValue: (fieldKey: string, value: unknown) => void;\n};\n\nexport type ChartBuilderStore = ReturnType<typeof createChartBuilderStore>;\n\nexport function createChartBuilderStore() {\n  return createStore<ChartBuilderStoreState>((set) => ({\n    selectedTemplateId: undefined,\n    fieldValues: {},\n    reset: () => {\n      set((state) =>\n        produce(state, (draft) => {\n          draft.selectedTemplateId = undefined;\n          draft.fieldValues = {};\n        }),\n      );\n    },\n    selectTemplate: (templateId) => {\n      set((state) =>\n        produce(state, (draft) => {\n          draft.selectedTemplateId = templateId;\n          draft.fieldValues = {};\n        }),\n      );\n    },\n    setFieldValue: (fieldKey, value) => {\n      set((state) =>\n        produce(state, (draft) => {\n          draft.fieldValues[fieldKey] = value;\n        }),\n      );\n    },\n  }));\n}\n"]}

package/dist/chart-runtime.d.ts

@@ -0,0 +1,50 @@
+export declare const DEFAULT_CHART_MAX_DATA_POINTS = 10000;
+export type ChartDataPolicy = {
+    /**
+     * Disable runtime row-count validation for charts whose query result size
+     * does not correspond to rendered data points.
+     */
+    disabled?: boolean;
+    /** Maximum allowed result rows for this chart's runtime query results. */
+    maxRows?: number;
+    /** Short explanation shown to users and assistants when the policy trips. */
+    reason?: string;
+    /** Optional custom size estimator for renderer-specific result shapes. */
+    getResultSize?: (result: unknown) => number;
+};
+export type ChartDataPolicyOverride = {
+    /** Disable runtime row-count validation for this panel. */
+    disabled?: boolean;
+    /** Override the maximum allowed result rows for this panel. */
+    maxRows?: number;
+    /** Optional panel-specific explanation shown when the policy trips. */
+    reason?: string;
+};
+export type ChartDataPolicyContext<TConfig> = {
+    tableName: string;
+    config: TConfig;
+};
+export type ChartRuntimeIssueKind = 'too-much-data' | 'sql-error' | 'render-error';
+export type ChartRuntimeIssue = {
+    kind: ChartRuntimeIssueKind;
+    panelId: string;
+    chartType: string;
+    message: string;
+    recoverable: boolean;
+    rowCount?: number;
+    limit?: number;
+    sql?: string;
+};
+export type ChartRuntimeIssueContext = {
+    panelId: string;
+    chartType: string;
+};
+export type ChartRuntimeIssueReporter = {
+    reportIssue: (issue: ChartRuntimeIssue) => void;
+    clearIssue: () => void;
+};
+export declare function getQueryResultRowCount(result: unknown): number;
+export declare function assertChartDataPolicy(policy: ChartDataPolicy | null | undefined, result: unknown): void;
+export declare function resolveChartDataPolicy(basePolicy: ChartDataPolicy | null | undefined, override: ChartDataPolicyOverride | null | undefined): ChartDataPolicy | null;
+export declare function createChartRuntimeIssueFromError(error: unknown, context: ChartRuntimeIssueContext, policy?: ChartDataPolicy | null): ChartRuntimeIssue;
+//# sourceMappingURL=chart-runtime.d.ts.map

package/dist/chart-runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-runtime.d.ts","sourceRoot":"","sources":["../src/chart-runtime.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,6BAA6B,QAAS,CAAC;AAEpD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0EAA0E;IAC1E,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,MAAM,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,sBAAsB,CAAC,OAAO,IAAI;IAC5C,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAC7B,eAAe,GACf,WAAW,GACX,cAAc,CAAC;AAEnB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,qBAAqB,CAAC;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,WAAW,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,CAiC9D;AAED,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,eAAe,GAAG,IAAI,GAAG,SAAS,EAC1C,MAAM,EAAE,OAAO,GACd,IAAI,CAYN;AAED,wBAAgB,sBAAsB,CACpC,UAAU,EAAE,eAAe,GAAG,IAAI,GAAG,SAAS,EAC9C,QAAQ,EAAE,uBAAuB,GAAG,IAAI,GAAG,SAAS,GACnD,eAAe,GAAG,IAAI,CAiBxB;AAED,wBAAgB,gCAAgC,CAC9C,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,wBAAwB,EACjC,MAAM,CAAC,EAAE,eAAe,GAAG,IAAI,GAC9B,iBAAiB,CAsBnB"}

package/dist/chart-runtime.js

@@ -0,0 +1,76 @@
+import { DataPointLimitError } from './DataPointLimitError';
+export const DEFAULT_CHART_MAX_DATA_POINTS = 10_000;
+export function getQueryResultRowCount(result) {
+    if (!result)
+        return 0;
+    if (typeof result === 'object' && 'numRows' in result) {
+        return result.numRows ?? 0;
+    }
+    if (Array.isArray(result)) {
+        return result.length;
+    }
+    if (typeof result === 'object' &&
+        'toArray' in result &&
+        typeof result.toArray === 'function') {
+        const arr = result.toArray();
+        return Array.isArray(arr) ? arr.length : 0;
+    }
+    console.warn('getQueryResultRowCount: unrecognized result format, expected Arrow table (numRows), array, or table-like object with toArray()', {
+        type: typeof result,
+        isArray: Array.isArray(result),
+        hasToArray: typeof result === 'object' &&
+            result !== null &&
+            'toArray' in result &&
+            typeof result.toArray === 'function',
+    });
+    return 0;
+}
+export function assertChartDataPolicy(policy, result) {
+    if (!policy || policy.disabled || policy.maxRows == null) {
+        return;
+    }
+    const rowCount = policy.getResultSize
+        ? policy.getResultSize(result)
+        : getQueryResultRowCount(result);
+    if (rowCount > policy.maxRows) {
+        throw new DataPointLimitError(rowCount, policy.maxRows);
+    }
+}
+export function resolveChartDataPolicy(basePolicy, override) {
+    if (!override) {
+        return basePolicy ?? null;
+    }
+    if (override.disabled) {
+        return {
+            ...(basePolicy ?? {}),
+            disabled: true,
+        };
+    }
+    return {
+        ...(basePolicy ?? {}),
+        ...(override.maxRows !== undefined ? { maxRows: override.maxRows } : {}),
+        ...(override.reason !== undefined ? { reason: override.reason } : {}),
+    };
+}
+export function createChartRuntimeIssueFromError(error, context, policy) {
+    const message = error instanceof Error ? error.message : String(error);
+    if (error instanceof DataPointLimitError) {
+        return {
+            kind: 'too-much-data',
+            panelId: context.panelId,
+            chartType: context.chartType,
+            message: policy?.reason ? `${message}\n${policy.reason}` : message,
+            recoverable: true,
+            rowCount: error.rowCount,
+            limit: error.limit,
+        };
+    }
+    return {
+        kind: 'sql-error',
+        panelId: context.panelId,
+        chartType: context.chartType,
+        message,
+        recoverable: true,
+    };
+}
+//# sourceMappingURL=chart-runtime.js.map

package/dist/chart-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-runtime.js","sourceRoot":"","sources":["../src/chart-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAE1D,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC;AAwDpD,MAAM,UAAU,sBAAsB,CAAC,MAAe;IACpD,IAAI,CAAC,MAAM;QAAE,OAAO,CAAC,CAAC;IAEtB,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,SAAS,IAAI,MAAM,EAAE,CAAC;QACtD,OAAQ,MAA6B,CAAC,OAAO,IAAI,CAAC,CAAC;IACrD,CAAC;IAED,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;QAC1B,OAAO,MAAM,CAAC,MAAM,CAAC;IACvB,CAAC;IAED,IACE,OAAO,MAAM,KAAK,QAAQ;QAC1B,SAAS,IAAI,MAAM;QACnB,OAAQ,MAA8B,CAAC,OAAO,KAAK,UAAU,EAC7D,CAAC;QACD,MAAM,GAAG,GAAI,MAAmC,CAAC,OAAO,EAAE,CAAC;QAC3D,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7C,CAAC;IAED,OAAO,CAAC,IAAI,CACV,gIAAgI,EAChI;QACE,IAAI,EAAE,OAAO,MAAM;QACnB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;QAC9B,UAAU,EACR,OAAO,MAAM,KAAK,QAAQ;YAC1B,MAAM,KAAK,IAAI;YACf,SAAS,IAAI,MAAM;YACnB,OAAQ,MAA8B,CAAC,OAAO,KAAK,UAAU;KAChE,CACF,CAAC;IACF,OAAO,CAAC,CAAC;AACX,CAAC;AAED,MAAM,UAAU,qBAAqB,CACnC,MAA0C,EAC1C,MAAe;IAEf,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,OAAO,IAAI,IAAI,EAAE,CAAC;QACzD,OAAO;IACT,CAAC;IAED,MAAM,QAAQ,GAAG,MAAM,CAAC,aAAa;QACnC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC;QAC9B,CAAC,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;IAEnC,IAAI,QAAQ,GAAG,MAAM,CAAC,OAAO,EAAE,CAAC;QAC9B,MAAM,IAAI,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAC1D,CAAC;AACH,CAAC;AAED,MAAM,UAAU,sBAAsB,CACpC,UAA8C,EAC9C,QAAoD;IAEpD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,UAAU,IAAI,IAAI,CAAC;IAC5B,CAAC;IAED,IAAI,QAAQ,CAAC,QAAQ,EAAE,CAAC;QACtB,OAAO;YACL,GAAG,CAAC,UAAU,IAAI,EAAE,CAAC;YACrB,QAAQ,EAAE,IAAI;SACf,CAAC;IACJ,CAAC;IAED,OAAO;QACL,GAAG,CAAC,UAAU,IAAI,EAAE,CAAC;QACrB,GAAG,CAAC,QAAQ,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAC,OAAO,EAAE,QAAQ,CAAC,OAAO,EAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QACtE,GAAG,CAAC,QAAQ,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,EAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,EAAC,CAAC,CAAC,CAAC,EAAE,CAAC;KACpE,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gCAAgC,CAC9C,KAAc,EACd,OAAiC,EACjC,MAA+B;IAE/B,MAAM,OAAO,GAAG,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAEvE,IAAI,KAAK,YAAY,mBAAmB,EAAE,CAAC;QACzC,OAAO;YACL,IAAI,EAAE,eAAe;YACrB,OAAO,EAAE,OAAO,CAAC,OAAO;YACxB,SAAS,EAAE,OAAO,CAAC,SAAS;YAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,OAAO,KAAK,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,OAAO;YAClE,WAAW,EAAE,IAAI;YACjB,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxB,KAAK,EAAE,KAAK,CAAC,KAAK;SACnB,CAAC;IACJ,CAAC;IAED,OAAO;QACL,IAAI,EAAE,WAAW;QACjB,OAAO,EAAE,OAAO,CAAC,OAAO;QACxB,SAAS,EAAE,OAAO,CAAC,SAAS;QAC5B,OAAO;QACP,WAAW,EAAE,IAAI;KAClB,CAAC;AACJ,CAAC","sourcesContent":["import {DataPointLimitError} from './DataPointLimitError';\n\nexport const DEFAULT_CHART_MAX_DATA_POINTS = 10_000;\n\nexport type ChartDataPolicy = {\n  /**\n   * Disable runtime row-count validation for charts whose query result size\n   * does not correspond to rendered data points.\n   */\n  disabled?: boolean;\n  /** Maximum allowed result rows for this chart's runtime query results. */\n  maxRows?: number;\n  /** Short explanation shown to users and assistants when the policy trips. */\n  reason?: string;\n  /** Optional custom size estimator for renderer-specific result shapes. */\n  getResultSize?: (result: unknown) => number;\n};\n\nexport type ChartDataPolicyOverride = {\n  /** Disable runtime row-count validation for this panel. */\n  disabled?: boolean;\n  /** Override the maximum allowed result rows for this panel. */\n  maxRows?: number;\n  /** Optional panel-specific explanation shown when the policy trips. */\n  reason?: string;\n};\n\nexport type ChartDataPolicyContext<TConfig> = {\n  tableName: string;\n  config: TConfig;\n};\n\nexport type ChartRuntimeIssueKind =\n  | 'too-much-data'\n  | 'sql-error'\n  | 'render-error';\n\nexport type ChartRuntimeIssue = {\n  kind: ChartRuntimeIssueKind;\n  panelId: string;\n  chartType: string;\n  message: string;\n  recoverable: boolean;\n  rowCount?: number;\n  limit?: number;\n  sql?: string;\n};\n\nexport type ChartRuntimeIssueContext = {\n  panelId: string;\n  chartType: string;\n};\n\nexport type ChartRuntimeIssueReporter = {\n  reportIssue: (issue: ChartRuntimeIssue) => void;\n  clearIssue: () => void;\n};\n\nexport function getQueryResultRowCount(result: unknown): number {\n  if (!result) return 0;\n\n  if (typeof result === 'object' && 'numRows' in result) {\n    return (result as {numRows?: number}).numRows ?? 0;\n  }\n\n  if (Array.isArray(result)) {\n    return result.length;\n  }\n\n  if (\n    typeof result === 'object' &&\n    'toArray' in result &&\n    typeof (result as {toArray?: unknown}).toArray === 'function'\n  ) {\n    const arr = (result as {toArray: () => unknown}).toArray();\n    return Array.isArray(arr) ? arr.length : 0;\n  }\n\n  console.warn(\n    'getQueryResultRowCount: unrecognized result format, expected Arrow table (numRows), array, or table-like object with toArray()',\n    {\n      type: typeof result,\n      isArray: Array.isArray(result),\n      hasToArray:\n        typeof result === 'object' &&\n        result !== null &&\n        'toArray' in result &&\n        typeof (result as {toArray?: unknown}).toArray === 'function',\n    },\n  );\n  return 0;\n}\n\nexport function assertChartDataPolicy(\n  policy: ChartDataPolicy | null | undefined,\n  result: unknown,\n): void {\n  if (!policy || policy.disabled || policy.maxRows == null) {\n    return;\n  }\n\n  const rowCount = policy.getResultSize\n    ? policy.getResultSize(result)\n    : getQueryResultRowCount(result);\n\n  if (rowCount > policy.maxRows) {\n    throw new DataPointLimitError(rowCount, policy.maxRows);\n  }\n}\n\nexport function resolveChartDataPolicy(\n  basePolicy: ChartDataPolicy | null | undefined,\n  override: ChartDataPolicyOverride | null | undefined,\n): ChartDataPolicy | null {\n  if (!override) {\n    return basePolicy ?? null;\n  }\n\n  if (override.disabled) {\n    return {\n      ...(basePolicy ?? {}),\n      disabled: true,\n    };\n  }\n\n  return {\n    ...(basePolicy ?? {}),\n    ...(override.maxRows !== undefined ? {maxRows: override.maxRows} : {}),\n    ...(override.reason !== undefined ? {reason: override.reason} : {}),\n  };\n}\n\nexport function createChartRuntimeIssueFromError(\n  error: unknown,\n  context: ChartRuntimeIssueContext,\n  policy?: ChartDataPolicy | null,\n): ChartRuntimeIssue {\n  const message = error instanceof Error ? error.message : String(error);\n\n  if (error instanceof DataPointLimitError) {\n    return {\n      kind: 'too-much-data',\n      panelId: context.panelId,\n      chartType: context.chartType,\n      message: policy?.reason ? `${message}\\n${policy.reason}` : message,\n      recoverable: true,\n      rowCount: error.rowCount,\n      limit: error.limit,\n    };\n  }\n\n  return {\n    kind: 'sql-error',\n    panelId: context.panelId,\n    chartType: context.chartType,\n    message,\n    recoverable: true,\n  };\n}\n"]}

package/dist/charts/MosaicChart.d.ts

@@ -0,0 +1,12 @@
+import { type FC } from 'react';
+import type { ChartConfig } from './chart-types/chart-config';
+import { DataTable } from '@sqlrooms/db';
+export type MosaicChartProps = {
+    dataTable?: DataTable;
+    selectionName: string;
+    config: ChartConfig;
+    runtimeKey: string;
+    onConfigChange?: (config: ChartConfig) => void;
+};
+export declare const MosaicChart: FC<MosaicChartProps>;
+//# sourceMappingURL=MosaicChart.d.ts.map

package/dist/charts/MosaicChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicChart.d.ts","sourceRoot":"","sources":["../../src/charts/MosaicChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAAc,MAAM,OAAO,CAAC;AAG3C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,4BAA4B,CAAC;AAE5D,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAEvC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAgD5C,CAAC"}

package/dist/charts/MosaicChart.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { MosaicDashboardPanelLayout } from '../dashboard/panel/MosaicDashboardPanelLayout';
+import { MosaicChartSettingsPanel } from './MosaicChartSettingsPanel';
+import { MosaicChartView } from './MosaicChartView';
+export const MosaicChart = ({ dataTable, selectionName, config, runtimeKey, onConfigChange, }) => {
+    const handleOpenChange = useCallback((isOpen) => onConfigChange?.({ ...config, settingsOpen: isOpen }), [config, onConfigChange]);
+    const handleConfigChange = useCallback((newConfig) => onConfigChange?.(newConfig), [onConfigChange]);
+    const settingsContent = (_jsx(MosaicChartSettingsPanel, { dataTable: dataTable, config: config, onChange: handleConfigChange, onClose: () => handleOpenChange(false) }));
+    const chartContent = (_jsx("div", { className: "h-full overflow-auto p-2", children: _jsx(MosaicChartView, { dataTable: dataTable, config: config, selectionName: selectionName, retentionKey: runtimeKey, runtimeIssueKey: runtimeKey }) }));
+    return (_jsx("div", { className: "h-full min-h-0", children: _jsx(MosaicDashboardPanelLayout, { isOpen: config.settingsOpen, onIsOpenChange: handleOpenChange, settings: settingsContent, content: chartContent }) }));
+};
+//# sourceMappingURL=MosaicChart.js.map

package/dist/charts/MosaicChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicChart.js","sourceRoot":"","sources":["../../src/charts/MosaicChart.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,WAAW,EAAC,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAC,0BAA0B,EAAC,MAAM,+CAA+C,CAAC;AACzF,OAAO,EAAC,wBAAwB,EAAC,MAAM,4BAA4B,CAAC;AAEpE,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAWlD,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAChD,SAAS,EACT,aAAa,EACb,MAAM,EACN,UAAU,EACV,cAAc,GACf,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,MAAe,EAAE,EAAE,CAAC,cAAc,EAAE,CAAC,EAAC,GAAG,MAAM,EAAE,YAAY,EAAE,MAAM,EAAC,CAAC,EACxE,CAAC,MAAM,EAAE,cAAc,CAAC,CACzB,CAAC;IAEF,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,SAAsB,EAAE,EAAE,CAAC,cAAc,EAAE,CAAC,SAAS,CAAC,EACvD,CAAC,cAAc,CAAC,CACjB,CAAC;IAEF,MAAM,eAAe,GAAG,CACtB,KAAC,wBAAwB,IACvB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,kBAAkB,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,GACtC,CACH,CAAC;IAEF,MAAM,YAAY,GAAG,CACnB,cAAK,SAAS,EAAC,0BAA0B,YACvC,KAAC,eAAe,IACd,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,UAAU,EACxB,eAAe,EAAE,UAAU,GAC3B,GACE,CACP,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,gBAAgB,YAC7B,KAAC,0BAA0B,IACzB,MAAM,EAAE,MAAM,CAAC,YAAY,EAC3B,cAAc,EAAE,gBAAgB,EAChC,QAAQ,EAAE,eAAe,EACzB,OAAO,EAAE,YAAY,GACrB,GACE,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {type FC, useCallback} from 'react';\nimport {MosaicDashboardPanelLayout} from '../dashboard/panel/MosaicDashboardPanelLayout';\nimport {MosaicChartSettingsPanel} from './MosaicChartSettingsPanel';\nimport type {ChartConfig} from './chart-types/chart-config';\nimport {MosaicChartView} from './MosaicChartView';\nimport {DataTable} from '@sqlrooms/db';\n\nexport type MosaicChartProps = {\n  dataTable?: DataTable;\n  selectionName: string;\n  config: ChartConfig;\n  runtimeKey: string;\n  onConfigChange?: (config: ChartConfig) => void;\n};\n\nexport const MosaicChart: FC<MosaicChartProps> = ({\n  dataTable,\n  selectionName,\n  config,\n  runtimeKey,\n  onConfigChange,\n}) => {\n  const handleOpenChange = useCallback(\n    (isOpen: boolean) => onConfigChange?.({...config, settingsOpen: isOpen}),\n    [config, onConfigChange],\n  );\n\n  const handleConfigChange = useCallback(\n    (newConfig: ChartConfig) => onConfigChange?.(newConfig),\n    [onConfigChange],\n  );\n\n  const settingsContent = (\n    <MosaicChartSettingsPanel\n      dataTable={dataTable}\n      config={config}\n      onChange={handleConfigChange}\n      onClose={() => handleOpenChange(false)}\n    />\n  );\n\n  const chartContent = (\n    <div className=\"h-full overflow-auto p-2\">\n      <MosaicChartView\n        dataTable={dataTable}\n        config={config}\n        selectionName={selectionName}\n        retentionKey={runtimeKey}\n        runtimeIssueKey={runtimeKey}\n      />\n    </div>\n  );\n\n  return (\n    <div className=\"h-full min-h-0\">\n      <MosaicDashboardPanelLayout\n        isOpen={config.settingsOpen}\n        onIsOpenChange={handleOpenChange}\n        settings={settingsContent}\n        content={chartContent}\n      />\n    </div>\n  );\n};\n"]}

package/dist/charts/MosaicChartError.d.ts

@@ -0,0 +1,8 @@
+import { type FC } from 'react';
+type MosaicChartErrorProps = {
+    title: string;
+    message: string;
+};
+export declare const MosaicChartError: FC<MosaicChartErrorProps>;
+export {};
+//# sourceMappingURL=MosaicChartError.d.ts.map

package/dist/charts/MosaicChartError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicChartError.d.ts","sourceRoot":"","sources":["../../src/charts/MosaicChartError.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAAC,MAAM,OAAO,CAAC;AAE9B,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAUtD,CAAC"}

package/dist/charts/MosaicChartError.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export const MosaicChartError = ({ title, message, }) => {
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-center font-medium", children: title }), _jsx("div", { className: "text-center text-xs", children: message })] }));
+};
+//# sourceMappingURL=MosaicChartError.js.map

package/dist/charts/MosaicChartError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicChartError.js","sourceRoot":"","sources":["../../src/charts/MosaicChartError.tsx"],"names":[],"mappings":";AAOA,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,EAC1D,KAAK,EACL,OAAO,GACR,EAAE,EAAE;IACH,OAAO,CACL,8BACE,cAAK,SAAS,EAAC,yBAAyB,YAAE,KAAK,GAAO,EACtD,cAAK,SAAS,EAAC,qBAAqB,YAAE,OAAO,GAAO,IACnD,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {type FC} from 'react';\n\ntype MosaicChartErrorProps = {\n  title: string;\n  message: string;\n};\n\nexport const MosaicChartError: FC<MosaicChartErrorProps> = ({\n  title,\n  message,\n}) => {\n  return (\n    <>\n      <div className=\"text-center font-medium\">{title}</div>\n      <div className=\"text-center text-xs\">{message}</div>\n    </>\n  );\n};\n"]}

package/dist/charts/MosaicChartRuntimeIssuePanel.d.ts

@@ -0,0 +1,7 @@
+import type { FC } from 'react';
+import type { ChartRuntimeIssue } from '../chart-runtime';
+export type MosaicChartRuntimeIssuePanelProps = {
+    issue: ChartRuntimeIssue;
+};
+export declare const MosaicChartRuntimeIssuePanel: FC<MosaicChartRuntimeIssuePanelProps>;
+//# sourceMappingURL=MosaicChartRuntimeIssuePanel.d.ts.map

package/dist/charts/MosaicChartRuntimeIssuePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicChartRuntimeIssuePanel.d.ts","sourceRoot":"","sources":["../../src/charts/MosaicChartRuntimeIssuePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AAC9B,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AAExD,MAAM,MAAM,iCAAiC,GAAG;IAC9C,KAAK,EAAE,iBAAiB,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,EAAE,CAC3C,iCAAiC,CAiBlC,CAAC"}

package/dist/charts/MosaicChartRuntimeIssuePanel.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const MosaicChartRuntimeIssuePanel = ({ issue }) => {
+    const title = issue.kind === 'too-much-data'
+        ? 'Too much data'
+        : issue.kind === 'sql-error'
+            ? 'Chart query failed'
+            : 'Unable to display chart';
+    return (_jsxs("div", { className: "flex h-full min-h-[200px] flex-col items-center justify-center p-4", children: [_jsx("div", { className: "mb-2 text-center font-semibold", children: title }), _jsx("div", { className: "text-center text-sm whitespace-pre-wrap", children: issue.message })] }));
+};
+//# sourceMappingURL=MosaicChartRuntimeIssuePanel.js.map

package/dist/charts/MosaicChartRuntimeIssuePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicChartRuntimeIssuePanel.js","sourceRoot":"","sources":["../../src/charts/MosaicChartRuntimeIssuePanel.tsx"],"names":[],"mappings":";AAOA,MAAM,CAAC,MAAM,4BAA4B,GAErC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE;IACd,MAAM,KAAK,GACT,KAAK,CAAC,IAAI,KAAK,eAAe;QAC5B,CAAC,CAAC,eAAe;QACjB,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,WAAW;YAC1B,CAAC,CAAC,oBAAoB;YACtB,CAAC,CAAC,yBAAyB,CAAC;IAElC,OAAO,CACL,eAAK,SAAS,EAAC,oEAAoE,aACjF,cAAK,SAAS,EAAC,gCAAgC,YAAE,KAAK,GAAO,EAC7D,cAAK,SAAS,EAAC,yCAAyC,YACrD,KAAK,CAAC,OAAO,GACV,IACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type {FC} from 'react';\nimport type {ChartRuntimeIssue} from '../chart-runtime';\n\nexport type MosaicChartRuntimeIssuePanelProps = {\n  issue: ChartRuntimeIssue;\n};\n\nexport const MosaicChartRuntimeIssuePanel: FC<\n  MosaicChartRuntimeIssuePanelProps\n> = ({issue}) => {\n  const title =\n    issue.kind === 'too-much-data'\n      ? 'Too much data'\n      : issue.kind === 'sql-error'\n        ? 'Chart query failed'\n        : 'Unable to display chart';\n\n  return (\n    <div className=\"flex h-full min-h-[200px] flex-col items-center justify-center p-4\">\n      <div className=\"mb-2 text-center font-semibold\">{title}</div>\n      <div className=\"text-center text-sm whitespace-pre-wrap\">\n        {issue.message}\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/charts/MosaicChartSettingsPanel.d.ts

@@ -0,0 +1,11 @@
+import { type FC } from 'react';
+import { type ChartConfig } from './chart-types/chart-config';
+import { DataTable } from '@sqlrooms/db';
+export type MosaicChartSettingsPanelProps = {
+    dataTable?: DataTable;
+    config: ChartConfig;
+    onChange: (config: ChartConfig) => void;
+    onClose?: () => void;
+};
+export declare const MosaicChartSettingsPanel: FC<MosaicChartSettingsPanelProps>;
+//# sourceMappingURL=MosaicChartSettingsPanel.d.ts.map

package/dist/charts/MosaicChartSettingsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicChartSettingsPanel.d.ts","sourceRoot":"","sources":["../../src/charts/MosaicChartSettingsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAAwB,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAC,KAAK,WAAW,EAAC,MAAM,4BAA4B,CAAC;AAE5D,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAEvC,MAAM,MAAM,6BAA6B,GAAG;IAC1C,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,6BAA6B,CAkDtE,CAAC"}

package/dist/charts/MosaicChartSettingsPanel.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from 'react';
+import { MosaicChartSettings } from './chart-settings/MosaicChartSettings';
+import { MosaicChartSpecViewerPanel } from './chart-settings/MosaicChartSpecViewerPanel';
+import { useMosaicChartRenderContext } from './useMosaicChartRenderContext';
+export const MosaicChartSettingsPanel = ({ dataTable, config, onChange, onClose, }) => {
+    const [viewMode, setViewMode] = useState('settings');
+    const renderContext = useMosaicChartRenderContext(dataTable, config);
+    const handleViewSpec = useCallback(() => {
+        setViewMode('spec');
+    }, []);
+    const handleBackToSettings = useCallback(() => {
+        setViewMode('settings');
+    }, []);
+    if (renderContext.type === 'spec' && viewMode === 'spec') {
+        return (_jsx(MosaicChartSpecViewerPanel, { spec: renderContext.spec, onBack: handleBackToSettings }));
+    }
+    const columns = dataTable?.columns || [];
+    return (_jsxs(MosaicChartSettings.Root, { config: config, columns: columns, onChange: onChange, children: [_jsxs(MosaicChartSettings.Header, { children: [_jsx("div", { className: "flex items-center", children: "Chart settings" }), _jsxs("div", { className: "flex items-center gap-1", children: [renderContext.type === 'spec' && (_jsx(MosaicChartSettings.ViewSpecButton, { onClick: handleViewSpec })), onClose && _jsx(MosaicChartSettings.CloseButton, { onClick: onClose })] })] }), _jsxs(MosaicChartSettings.Content, { children: [_jsx(MosaicChartSettings.TypeSelector, {}), _jsx(MosaicChartSettings.Fields, {})] })] }));
+};
+//# sourceMappingURL=MosaicChartSettingsPanel.js.map

package/dist/charts/MosaicChartSettingsPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicChartSettingsPanel.js","sourceRoot":"","sources":["../../src/charts/MosaicChartSettingsPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,WAAW,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACrD,OAAO,EAAC,mBAAmB,EAAC,MAAM,sCAAsC,CAAC;AACzE,OAAO,EAAC,0BAA0B,EAAC,MAAM,6CAA6C,CAAC;AAEvF,OAAO,EAAC,2BAA2B,EAAC,MAAM,+BAA+B,CAAC;AAU1E,MAAM,CAAC,MAAM,wBAAwB,GAAsC,CAAC,EAC1E,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,GACR,EAAE,EAAE;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAsB,UAAU,CAAC,CAAC;IAE1E,MAAM,aAAa,GAAG,2BAA2B,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IAErE,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,WAAW,CAAC,MAAM,CAAC,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5C,WAAW,CAAC,UAAU,CAAC,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,aAAa,CAAC,IAAI,KAAK,MAAM,IAAI,QAAQ,KAAK,MAAM,EAAE,CAAC;QACzD,OAAO,CACL,KAAC,0BAA0B,IACzB,IAAI,EAAE,aAAa,CAAC,IAAI,EACxB,MAAM,EAAE,oBAAoB,GAC5B,CACH,CAAC;IACJ,CAAC;IAED,MAAM,OAAO,GAAG,SAAS,EAAE,OAAO,IAAI,EAAE,CAAC;IAEzC,OAAO,CACL,MAAC,mBAAmB,CAAC,IAAI,IACvB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,aAElB,MAAC,mBAAmB,CAAC,MAAM,eACzB,cAAK,SAAS,EAAC,mBAAmB,+BAAqB,EACvD,eAAK,SAAS,EAAC,yBAAyB,aACrC,aAAa,CAAC,IAAI,KAAK,MAAM,IAAI,CAChC,KAAC,mBAAmB,CAAC,cAAc,IAAC,OAAO,EAAE,cAAc,GAAI,CAChE,EACA,OAAO,IAAI,KAAC,mBAAmB,CAAC,WAAW,IAAC,OAAO,EAAE,OAAO,GAAI,IAC7D,IACqB,EAC7B,MAAC,mBAAmB,CAAC,OAAO,eAC1B,KAAC,mBAAmB,CAAC,YAAY,KAAG,EACpC,KAAC,mBAAmB,CAAC,MAAM,KAAG,IACF,IACL,CAC5B,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {type FC, useCallback, useState} from 'react';\nimport {MosaicChartSettings} from './chart-settings/MosaicChartSettings';\nimport {MosaicChartSpecViewerPanel} from './chart-settings/MosaicChartSpecViewerPanel';\nimport {type ChartConfig} from './chart-types/chart-config';\nimport {useMosaicChartRenderContext} from './useMosaicChartRenderContext';\nimport {DataTable} from '@sqlrooms/db';\n\nexport type MosaicChartSettingsPanelProps = {\n  dataTable?: DataTable;\n  config: ChartConfig;\n  onChange: (config: ChartConfig) => void;\n  onClose?: () => void;\n};\n\nexport const MosaicChartSettingsPanel: FC<MosaicChartSettingsPanelProps> = ({\n  dataTable,\n  config,\n  onChange,\n  onClose,\n}) => {\n  const [viewMode, setViewMode] = useState<'settings' | 'spec'>('settings');\n\n  const renderContext = useMosaicChartRenderContext(dataTable, config);\n\n  const handleViewSpec = useCallback(() => {\n    setViewMode('spec');\n  }, []);\n\n  const handleBackToSettings = useCallback(() => {\n    setViewMode('settings');\n  }, []);\n\n  if (renderContext.type === 'spec' && viewMode === 'spec') {\n    return (\n      <MosaicChartSpecViewerPanel\n        spec={renderContext.spec}\n        onBack={handleBackToSettings}\n      />\n    );\n  }\n\n  const columns = dataTable?.columns || [];\n\n  return (\n    <MosaicChartSettings.Root\n      config={config}\n      columns={columns}\n      onChange={onChange}\n    >\n      <MosaicChartSettings.Header>\n        <div className=\"flex items-center\">Chart settings</div>\n        <div className=\"flex items-center gap-1\">\n          {renderContext.type === 'spec' && (\n            <MosaicChartSettings.ViewSpecButton onClick={handleViewSpec} />\n          )}\n          {onClose && <MosaicChartSettings.CloseButton onClick={onClose} />}\n        </div>\n      </MosaicChartSettings.Header>\n      <MosaicChartSettings.Content>\n        <MosaicChartSettings.TypeSelector />\n        <MosaicChartSettings.Fields />\n      </MosaicChartSettings.Content>\n    </MosaicChartSettings.Root>\n  );\n};\n"]}

package/dist/charts/MosaicChartView.d.ts

@@ -0,0 +1,13 @@
+import { type FC } from 'react';
+import type { ChartConfig } from './chart-types/chart-config';
+import { DataTable } from '@sqlrooms/db';
+export type MosaicChartViewProps = {
+    dataTable?: DataTable;
+    config: ChartConfig;
+    selectionName?: string;
+    retentionKey?: string;
+    runtimeIssueKey?: string;
+    className?: string;
+};
+export declare const MosaicChartView: FC<MosaicChartViewProps>;
+//# sourceMappingURL=MosaicChartView.d.ts.map

package/dist/charts/MosaicChartView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicChartView.d.ts","sourceRoot":"","sources":["../../src/charts/MosaicChartView.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,EAAE,EAAyB,MAAM,OAAO,CAAC;AAGtD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,4BAA4B,CAAC;AAS5D,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAEvC,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,EAAE,WAAW,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAmGpD,CAAC"}

package/dist/charts/MosaicChartView.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SpinnerPane, cn } from '@sqlrooms/ui';
+import { createElement, useMemo } from 'react';
+import { VgPlotChart } from '../VgPlotChart';
+import { useStoreWithMosaicDashboard } from '../dashboard/MosaicDashboardSlice';
+import { MosaicChartRuntimeIssuePanel } from './MosaicChartRuntimeIssuePanel';
+import { MosaicChartError } from './MosaicChartError';
+import { useBrushSelectionParams } from './useBrushSelectionParams';
+import { useChartDataPolicy } from './useChartDataPolicy';
+import { useChartRetainerByKey } from './useChartRetainer';
+import { useMosaicChartRenderContext } from './useMosaicChartRenderContext';
+import { useRuntimeIssueReporter } from './useRuntimeIssueReporter';
+export const MosaicChartView = ({ dataTable, config, selectionName, retentionKey, runtimeIssueKey, className, }) => {
+    const connection = useStoreWithMosaicDashboard((state) => state.mosaic.connection);
+    const retention = useChartRetainerByKey(retentionKey);
+    const params = useBrushSelectionParams(selectionName);
+    const dataPolicy = useChartDataPolicy(dataTable, config);
+    const runtimeIssueReporter = useRuntimeIssueReporter(runtimeIssueKey);
+    const runtimeIssueContext = useMemo(() => ({
+        panelId: runtimeIssueKey ?? retentionKey ?? config.chartType,
+        chartType: config.chartType,
+    }), [config.chartType, retentionKey, runtimeIssueKey]);
+    const issue = useStoreWithMosaicDashboard((state) => runtimeIssueKey
+        ? state.mosaicDashboard.getPanelIssueByKey(runtimeIssueKey)
+        : undefined);
+    const renderContext = useMosaicChartRenderContext(dataTable, config);
+    if (connection.status === 'loading' || connection.status === 'idle') {
+        return _jsx(SpinnerPane, { className: "h-full w-full" });
+    }
+    if (connection.status === 'error') {
+        return (_jsx("div", { className: "text-muted-foreground flex h-full items-center justify-center text-sm", children: "Mosaic connection failed" }));
+    }
+    if (issue) {
+        return _jsx(MosaicChartRuntimeIssuePanel, { issue: issue });
+    }
+    if (renderContext.type === 'error') {
+        return (_jsx("div", { className: cn('flex h-full flex-col items-center justify-center', className), children: _jsx(MosaicChartError, { title: renderContext.title, message: renderContext.message }) }));
+    }
+    if (renderContext.type === 'spec') {
+        return (_jsx("div", { className: cn('h-full w-full', className), children: _jsx(VgPlotChart, { spec: renderContext.spec, params: params, retention: retention, dataPolicy: dataPolicy, runtimeIssueContext: runtimeIssueContext, runtimeIssueReporter: runtimeIssueReporter }) }));
+    }
+    if (renderContext.type === 'component') {
+        return (_jsx("div", { className: cn('h-full w-full', className), children: createElement(renderContext.renderer, {
+                tableName: renderContext.dataTable.table.table,
+                config,
+                coordinator: connection.coordinator,
+                params,
+                retention,
+                dataPolicy,
+                runtimeIssueContext,
+                runtimeIssueReporter,
+            }) }));
+    }
+    return null;
+};
+//# sourceMappingURL=MosaicChartView.js.map