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

package/dist/charts/chart-types/heatmap/tool.js.map

@@ -1 +1 @@
-{"version":3,"file":"tool.js","sourceRoot":"","sources":["../../../../src/charts/chart-types/heatmap/tool.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,IAAI,CAAC;AAExB,OAAO,EAAC,oBAAoB,EAAC,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAC,uBAAuB,EAAC,MAAM,0BAA0B,CAAC;AAEjE,OAAO,EAAC,oBAAoB,EAAC,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAC,oBAAoB,EAAC,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAC,wBAAwB,EAAC,MAAM,0BAA0B,CAAC;AAElE,MAAM,CAAC,MAAM,qBAAqB,GAAG,uBAAuB,CAAC,MAAM,CAAC;IAClE,QAAQ,EAAE,oBAAoB,CAAC,QAAQ,EAAE;CAC1C,CAAC,CAAC;AAIH,MAAM,UAAU,mBAAmB,CAAC,IAAuB;IACzD,OAAO,IAAI,CAAC;QACV,WAAW,EAAE;;;;;uCAKsB,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC;;6MAEuI,IAAI,CAAC,aAAa,CAAC,cAAc,EAAE;;;;;;uIAMzG;QACnI,WAAW,EAAE,qBAAqB;QAClC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE;YACjC,IAAI,CAAC;gBACH,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,CACrC,MAAM,CAAC,UAAU,EACjB,MAAM,CAAC,uBAAuB,EAC9B,OAAO,CACR,CAAC;gBACF,MAAM,EAAC,SAAS,EAAE,OAAO,EAAC,GAAG,IAAI,CAAC,YAAY,CAC5C,UAAU,EACV,MAAM,CAAC,SAAS,CACjB,CAAC;gBAEF,oBAAoB;gBAEpB,oBAAoB,CAClB,MAAM,CAAC,QAAQ,CAAC,CAAC,EACjB,oBAAoB,EACpB,OAAO,EACP,GAAG,CACJ,CAAC;gBAEF,oBAAoB,CAClB,MAAM,CAAC,QAAQ,CAAC,CAAC,EACjB,oBAAoB,EACpB,OAAO,EACP,GAAG,CACJ,CAAC;gBAEF,MAAM,MAAM,GAAG,wBAAwB,CAAC,IAAI,EAAE;oBAC5C,OAAO,EAAE,MAAM,CAAC,OAAO;oBACvB,WAAW,EAAE,UAAU;oBACvB,SAAS;oBACT,KAAK,EACH,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC;wBACpC,CAAC,CAAC,aAAa,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE;wBAC1D,CAAC,CAAC,SAAS;oBACf,MAAM,EAAE;wBACN,SAAS,EAAE,SAAS;wBACpB,QAAQ,EAAE,MAAM,CAAC,QAAQ;qBAC1B;iBACF,CAAC,CAAC;gBAEH,OAAO;oBACL,SAAS,EAAE;wBACT,OAAO,EAAE,IAAI;wBACb,OAAO,EAAE,MAAM,CAAC,OAAO;4BACrB,CAAC,CAAC,oBAAoB,MAAM,CAAC,KAAK,IAAI;4BACtC,CAAC,CAAC,oBAAoB,MAAM,CAAC,KAAK,IAAI;wBACxC,IAAI,EAAE,MAAM;qBACb;iBACF,CAAC;YACJ,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO;oBACL,SAAS,EAAE;wBACT,OAAO,EAAE,KAAK;wBACd,YAAY,EACV,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;qBACzD;iBACF,CAAC;YACJ,CAAC;QACH,CAAC;KACF,CAAC,CAAC;AACL,CAAC","sourcesContent":["import {tool} from 'ai';\nimport {z} from 'zod';\nimport {HeatmapChartSettings} from './schema';\nimport {BaseChartToolParameters} from '../../../ai/tool-schemas';\nimport {type DashboardToolDeps} from '../base-types';\nimport {validateColumnExists} from '../../../ai/tool-validation';\nimport {NUMERIC_COLUMN_TYPES} from '../../../column-types-utils';\nimport {createOrUpdateChartPanel} from '../../../ai/tool-helpers';\n\nexport const HeatmapToolParameters = BaseChartToolParameters.extend({\n  settings: HeatmapChartSettings.required(),\n});\n\nexport type HeatmapToolParams = z.infer<typeof HeatmapToolParameters>;\n\nexport function createHeatmapAiTool(deps: DashboardToolDeps) {\n  return tool({\n    description: `Heatmap: visualizes density or aggregated values across two dimensions using color intensity in a grid. Each cell color shows count/sum at that x,y position.\n\nUse when: user asks about \"heatmap\", \"density by X and Y\", \"activity by [category] and [category]\", \"intensity\", \"patterns across two dimensions\".\nExample queries: \"heatmap of population density by latitude and longitude\", \"temperature by elevation and month\", \"show building density by coordinates\", \"land use intensity by region and type\", \"feature distribution by grid cell\".\n\nRequired: x and y should be numeric (${NUMERIC_COLUMN_TYPES.join(', ')}) for creating the grid.\n\nNOTE: Heatmaps aggregate data into grid cells and compute density/counts, so they handle large datasets efficiently (no data point limit). Heatmaps are a good alternative when bubble charts would exceed ${deps.maxDataPoints.toLocaleString()} rows.\n\nTo UPDATE an existing heatmap: provide the panelId parameter. Otherwise creates new panel.\n\nBest for: large datasets with overlapping points, finding patterns/hotspots in 2D space, temporal patterns (hour×day), spatial density visualization.\n\nDo NOT use for: individual point plots (use bubble-chart), single variable distribution (use histogram), time trends (use line-chart).`,\n    inputSchema: HeatmapToolParameters,\n    execute: async (params, context) => {\n      try {\n        const artifactId = deps.resolveArtifact(\n          params.artifactId,\n          params.createArtifactIfMissing,\n          context,\n        );\n        const {tableName, columns} = deps.resolveTable(\n          artifactId,\n          params.tableName,\n        );\n\n        // Validate settings\n\n        validateColumnExists(\n          params.settings.x,\n          NUMERIC_COLUMN_TYPES,\n          columns,\n          'x',\n        );\n\n        validateColumnExists(\n          params.settings.y,\n          NUMERIC_COLUMN_TYPES,\n          columns,\n          'y',\n        );\n\n        const result = createOrUpdateChartPanel(deps, {\n          panelId: params.panelId,\n          dashboardId: artifactId,\n          tableName,\n          title:\n            params.settings.x && params.settings.y\n              ? `Heatmap - ${params.settings.x} vs ${params.settings.y}`\n              : 'Heatmap',\n          config: {\n            chartType: 'heatmap',\n            settings: params.settings,\n          },\n        });\n\n        return {\n          llmResult: {\n            success: true,\n            details: params.panelId\n              ? `Updated heatmap \"${result.title}\".`\n              : `Created heatmap \"${result.title}\".`,\n            data: result,\n          },\n        };\n      } catch (error) {\n        return {\n          llmResult: {\n            success: false,\n            errorMessage:\n              error instanceof Error ? error.message : String(error),\n          },\n        };\n      }\n    },\n  });\n}\n"]}
+{"version":3,"file":"tool.js","sourceRoot":"","sources":["../../../../src/charts/chart-types/heatmap/tool.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,IAAI,CAAC;AAExB,OAAO,EAAC,oBAAoB,EAAC,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAC,uBAAuB,EAAC,MAAM,0BAA0B,CAAC;AAEjE,OAAO,EAAC,oBAAoB,EAAC,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAC,oBAAoB,EAAC,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAC,wBAAwB,EAAC,MAAM,0BAA0B,CAAC;AAElE,MAAM,CAAC,MAAM,qBAAqB,GAAG,uBAAuB,CAAC,MAAM,CAAC;IAClE,QAAQ,EAAE,oBAAoB,CAAC,QAAQ,EAAE;CAC1C,CAAC,CAAC;AAIH,MAAM,UAAU,mBAAmB,CAAC,IAAuB;IACzD,OAAO,IAAI,CAAC;QACV,WAAW,EAAE;;;;;uCAKsB,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC;;8MAEwI,IAAI,CAAC,aAAa,CAAC,cAAc,EAAE;;;;;;uIAM1G;QACnI,WAAW,EAAE,qBAAqB;QAClC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE;YACjC,IAAI,CAAC;gBACH,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,CACrC,MAAM,CAAC,UAAU,EACjB,MAAM,CAAC,uBAAuB,EAC9B,OAAO,CACR,CAAC;gBACF,MAAM,EAAC,SAAS,EAAE,OAAO,EAAC,GAAG,IAAI,CAAC,YAAY,CAC5C,UAAU,EACV,MAAM,CAAC,SAAS,CACjB,CAAC;gBAEF,oBAAoB;gBAEpB,oBAAoB,CAClB,MAAM,CAAC,QAAQ,CAAC,CAAC,EACjB,oBAAoB,EACpB,OAAO,EACP,GAAG,CACJ,CAAC;gBAEF,oBAAoB,CAClB,MAAM,CAAC,QAAQ,CAAC,CAAC,EACjB,oBAAoB,EACpB,OAAO,EACP,GAAG,CACJ,CAAC;gBAEF,MAAM,MAAM,GAAG,wBAAwB,CAAC,IAAI,EAAE;oBAC5C,OAAO,EAAE,MAAM,CAAC,OAAO;oBACvB,WAAW,EAAE,UAAU;oBACvB,SAAS;oBACT,KAAK,EACH,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC;wBACpC,CAAC,CAAC,aAAa,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE;wBAC1D,CAAC,CAAC,SAAS;oBACf,MAAM,EAAE;wBACN,SAAS,EAAE,SAAS;wBACpB,QAAQ,EAAE,MAAM,CAAC,QAAQ;qBAC1B;iBACF,CAAC,CAAC;gBAEH,OAAO;oBACL,SAAS,EAAE;wBACT,OAAO,EAAE,IAAI;wBACb,OAAO,EAAE,MAAM,CAAC,OAAO;4BACrB,CAAC,CAAC,oBAAoB,MAAM,CAAC,KAAK,IAAI;4BACtC,CAAC,CAAC,oBAAoB,MAAM,CAAC,KAAK,IAAI;wBACxC,IAAI,EAAE,MAAM;qBACb;iBACF,CAAC;YACJ,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO;oBACL,SAAS,EAAE;wBACT,OAAO,EAAE,KAAK;wBACd,YAAY,EACV,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;qBACzD;iBACF,CAAC;YACJ,CAAC;QACH,CAAC;KACF,CAAC,CAAC;AACL,CAAC","sourcesContent":["import {tool} from 'ai';\nimport {z} from 'zod';\nimport {HeatmapChartSettings} from './schema';\nimport {BaseChartToolParameters} from '../../../ai/tool-schemas';\nimport {type DashboardToolDeps} from '../base-types';\nimport {validateColumnExists} from '../../../ai/tool-validation';\nimport {NUMERIC_COLUMN_TYPES} from '../../../column-types-utils';\nimport {createOrUpdateChartPanel} from '../../../ai/tool-helpers';\n\nexport const HeatmapToolParameters = BaseChartToolParameters.extend({\n  settings: HeatmapChartSettings.required(),\n});\n\nexport type HeatmapToolParams = z.infer<typeof HeatmapToolParameters>;\n\nexport function createHeatmapAiTool(deps: DashboardToolDeps) {\n  return tool({\n    description: `Heatmap: visualizes density or aggregated values across two dimensions using color intensity in a grid. Each cell color shows count/sum at that x,y position.\n\nUse when: user asks about \"heatmap\", \"density by X and Y\", \"activity by [category] and [category]\", \"intensity\", \"patterns across two dimensions\".\nExample queries: \"heatmap of population density by latitude and longitude\", \"temperature by elevation and month\", \"show building density by coordinates\", \"land use intensity by region and type\", \"feature distribution by grid cell\".\n\nRequired: x and y should be numeric (${NUMERIC_COLUMN_TYPES.join(', ')}) for creating the grid.\n\nNOTE: Heatmaps aggregate data into grid cells and compute density/counts, so they handle large datasets efficiently (no data point limit). Heatmaps are a good alternative when scatter charts would exceed ${deps.maxDataPoints.toLocaleString()} rows.\n\nTo UPDATE an existing heatmap: provide the panelId parameter. Otherwise creates new panel.\n\nBest for: large datasets with overlapping points, finding patterns/hotspots in 2D space, temporal patterns (hour×day), spatial density visualization.\n\nDo NOT use for: individual point plots (use scatter-plot), single variable distribution (use histogram), time trends (use line-chart).`,\n    inputSchema: HeatmapToolParameters,\n    execute: async (params, context) => {\n      try {\n        const artifactId = deps.resolveArtifact(\n          params.artifactId,\n          params.createArtifactIfMissing,\n          context,\n        );\n        const {tableName, columns} = deps.resolveTable(\n          artifactId,\n          params.tableName,\n        );\n\n        // Validate settings\n\n        validateColumnExists(\n          params.settings.x,\n          NUMERIC_COLUMN_TYPES,\n          columns,\n          'x',\n        );\n\n        validateColumnExists(\n          params.settings.y,\n          NUMERIC_COLUMN_TYPES,\n          columns,\n          'y',\n        );\n\n        const result = createOrUpdateChartPanel(deps, {\n          panelId: params.panelId,\n          dashboardId: artifactId,\n          tableName,\n          title:\n            params.settings.x && params.settings.y\n              ? `Heatmap - ${params.settings.x} vs ${params.settings.y}`\n              : 'Heatmap',\n          config: {\n            chartType: 'heatmap',\n            settings: params.settings,\n          },\n        });\n\n        return {\n          llmResult: {\n            success: true,\n            details: params.panelId\n              ? `Updated heatmap \"${result.title}\".`\n              : `Created heatmap \"${result.title}\".`,\n            data: result,\n          },\n        };\n      } catch (error) {\n        return {\n          llmResult: {\n            success: false,\n            errorMessage:\n              error instanceof Error ? error.message : String(error),\n          },\n        };\n      }\n    },\n  });\n}\n"]}

package/dist/charts/chart-types/histogram/HistogramSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HistogramSettings.d.ts","sourceRoot":"","sources":["../../../../src/charts/chart-types/histogram/HistogramSettings.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAAC,MAAM,OAAO,CAAC;AAO9B,eAAO,MAAM,0BAA0B,EAAE,EA0BxC,CAAC"}
+{"version":3,"file":"HistogramSettings.d.ts","sourceRoot":"","sources":["../../../../src/charts/chart-types/histogram/HistogramSettings.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAAC,MAAM,OAAO,CAAC;AAY9B,eAAO,MAAM,0BAA0B,EAAE,EAkCxC,CAAC"}

package/dist/charts/chart-types/histogram/HistogramSettings.js

@@ -2,10 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Input } from '@sqlrooms/ui';
 import { Field } from '../../../components/Field';
 import { ColumnSelector } from '../../../components/ColumnSelector';
+import { ColorSelector } from '../../../components/ColorSelector';
 import { useMosaicChartSettingsContext } from '../../chart-settings/MosaicChartSettingsContext';
 import { MIN_BINS_COUNT, MAX_BINS_COUNT, DEFAULT_BINS_COUNT } from './schema';
+import { DEFAULT_CHART_COLORS, DEFAULT_CHART_FALLBACK_COLOR, } from '../../../constants/chart-colors';
 export const HistogramSettingsComponent = () => {
     const { onChangeConfig, config } = useMosaicChartSettingsContext('histogram');
-    return (_jsxs("div", { className: "space-y-4", children: [_jsx(Field, { label: "Field", required: true, children: _jsx(ColumnSelector.Quantitative, { value: config.settings.field, onChange: (field) => onChangeConfig('field', field) }) }), _jsx(Field, { label: "Max Bins", children: _jsx(Input, { type: "number", min: MIN_BINS_COUNT, max: MAX_BINS_COUNT, value: config.settings.maxBins ?? DEFAULT_BINS_COUNT, className: "no-spinner", onChange: (e) => onChangeConfig('maxBins', parseInt(e.target.value, 10)), placeholder: String(DEFAULT_BINS_COUNT) }) })] }));
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx(Field, { label: "Field", required: true, children: _jsxs("div", { className: "flex items-end gap-2", children: [_jsx(ColumnSelector.Quantitative, { className: "flex-1", value: config.settings.field, onChange: (field) => onChangeConfig('field', field) }), _jsx(ColorSelector, { items: DEFAULT_CHART_COLORS, value: config.settings.color ?? DEFAULT_CHART_FALLBACK_COLOR, onChange: (color) => onChangeConfig('color', color) })] }) }), _jsx(Field, { label: "Max Bins", children: _jsx(Input, { type: "number", min: MIN_BINS_COUNT, max: MAX_BINS_COUNT, value: config.settings.maxBins ?? DEFAULT_BINS_COUNT, className: "no-spinner", onChange: (e) => onChangeConfig('maxBins', parseInt(e.target.value, 10)), placeholder: String(DEFAULT_BINS_COUNT) }) })] }));
 };
 //# sourceMappingURL=HistogramSettings.js.map

package/dist/charts/chart-types/histogram/HistogramSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"HistogramSettings.js","sourceRoot":"","sources":["../../../../src/charts/chart-types/histogram/HistogramSettings.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,KAAK,EAAC,MAAM,cAAc,CAAC;AACnC,OAAO,EAAC,KAAK,EAAC,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAC,cAAc,EAAC,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAC,6BAA6B,EAAC,MAAM,iDAAiD,CAAC;AAC9F,OAAO,EAAC,cAAc,EAAE,cAAc,EAAE,kBAAkB,EAAC,MAAM,UAAU,CAAC;AAE5E,MAAM,CAAC,MAAM,0BAA0B,GAAO,GAAG,EAAE;IACjD,MAAM,EAAC,cAAc,EAAE,MAAM,EAAC,GAAG,6BAA6B,CAAC,WAAW,CAAC,CAAC;IAE5E,OAAO,CACL,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,KAAK,IAAC,KAAK,EAAC,OAAO,EAAC,QAAQ,kBAC3B,KAAC,cAAc,CAAC,YAAY,IAC1B,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,KAAK,EAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,GACnD,GACI,EACR,KAAC,KAAK,IAAC,KAAK,EAAC,UAAU,YACrB,KAAC,KAAK,IACJ,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,cAAc,EACnB,GAAG,EAAE,cAAc,EACnB,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,OAAO,IAAI,kBAAkB,EACpD,SAAS,EAAC,YAAY,EACtB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CACd,cAAc,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAEzD,WAAW,EAAE,MAAM,CAAC,kBAAkB,CAAC,GACvC,GACI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {type FC} from 'react';\nimport {Input} from '@sqlrooms/ui';\nimport {Field} from '../../../components/Field';\nimport {ColumnSelector} from '../../../components/ColumnSelector';\nimport {useMosaicChartSettingsContext} from '../../chart-settings/MosaicChartSettingsContext';\nimport {MIN_BINS_COUNT, MAX_BINS_COUNT, DEFAULT_BINS_COUNT} from './schema';\n\nexport const HistogramSettingsComponent: FC = () => {\n  const {onChangeConfig, config} = useMosaicChartSettingsContext('histogram');\n\n  return (\n    <div className=\"space-y-4\">\n      <Field label=\"Field\" required>\n        <ColumnSelector.Quantitative\n          value={config.settings.field}\n          onChange={(field) => onChangeConfig('field', field)}\n        />\n      </Field>\n      <Field label=\"Max Bins\">\n        <Input\n          type=\"number\"\n          min={MIN_BINS_COUNT}\n          max={MAX_BINS_COUNT}\n          value={config.settings.maxBins ?? DEFAULT_BINS_COUNT}\n          className=\"no-spinner\"\n          onChange={(e) =>\n            onChangeConfig('maxBins', parseInt(e.target.value, 10))\n          }\n          placeholder={String(DEFAULT_BINS_COUNT)}\n        />\n      </Field>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"HistogramSettings.js","sourceRoot":"","sources":["../../../../src/charts/chart-types/histogram/HistogramSettings.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,KAAK,EAAC,MAAM,cAAc,CAAC;AACnC,OAAO,EAAC,KAAK,EAAC,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAC,cAAc,EAAC,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAC,aAAa,EAAC,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAC,6BAA6B,EAAC,MAAM,iDAAiD,CAAC;AAC9F,OAAO,EAAC,cAAc,EAAE,cAAc,EAAE,kBAAkB,EAAC,MAAM,UAAU,CAAC;AAC5E,OAAO,EACL,oBAAoB,EACpB,4BAA4B,GAC7B,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,0BAA0B,GAAO,GAAG,EAAE;IACjD,MAAM,EAAC,cAAc,EAAE,MAAM,EAAC,GAAG,6BAA6B,CAAC,WAAW,CAAC,CAAC;IAE5E,OAAO,CACL,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,KAAK,IAAC,KAAK,EAAC,OAAO,EAAC,QAAQ,kBAC3B,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,cAAc,CAAC,YAAY,IAC1B,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,KAAK,EAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,GACnD,EACF,KAAC,aAAa,IACZ,KAAK,EAAE,oBAAoB,EAC3B,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,KAAK,IAAI,4BAA4B,EAC5D,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,GACnD,IACE,GACA,EACR,KAAC,KAAK,IAAC,KAAK,EAAC,UAAU,YACrB,KAAC,KAAK,IACJ,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,cAAc,EACnB,GAAG,EAAE,cAAc,EACnB,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,OAAO,IAAI,kBAAkB,EACpD,SAAS,EAAC,YAAY,EACtB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CACd,cAAc,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAEzD,WAAW,EAAE,MAAM,CAAC,kBAAkB,CAAC,GACvC,GACI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {type FC} from 'react';\nimport {Input} from '@sqlrooms/ui';\nimport {Field} from '../../../components/Field';\nimport {ColumnSelector} from '../../../components/ColumnSelector';\nimport {ColorSelector} from '../../../components/ColorSelector';\nimport {useMosaicChartSettingsContext} from '../../chart-settings/MosaicChartSettingsContext';\nimport {MIN_BINS_COUNT, MAX_BINS_COUNT, DEFAULT_BINS_COUNT} from './schema';\nimport {\n  DEFAULT_CHART_COLORS,\n  DEFAULT_CHART_FALLBACK_COLOR,\n} from '../../../constants/chart-colors';\n\nexport const HistogramSettingsComponent: FC = () => {\n  const {onChangeConfig, config} = useMosaicChartSettingsContext('histogram');\n\n  return (\n    <div className=\"space-y-4\">\n      <Field label=\"Field\" required>\n        <div className=\"flex items-end gap-2\">\n          <ColumnSelector.Quantitative\n            className=\"flex-1\"\n            value={config.settings.field}\n            onChange={(field) => onChangeConfig('field', field)}\n          />\n          <ColorSelector\n            items={DEFAULT_CHART_COLORS}\n            value={config.settings.color ?? DEFAULT_CHART_FALLBACK_COLOR}\n            onChange={(color) => onChangeConfig('color', color)}\n          />\n        </div>\n      </Field>\n      <Field label=\"Max Bins\">\n        <Input\n          type=\"number\"\n          min={MIN_BINS_COUNT}\n          max={MAX_BINS_COUNT}\n          value={config.settings.maxBins ?? DEFAULT_BINS_COUNT}\n          className=\"no-spinner\"\n          onChange={(e) =>\n            onChangeConfig('maxBins', parseInt(e.target.value, 10))\n          }\n          placeholder={String(DEFAULT_BINS_COUNT)}\n        />\n      </Field>\n    </div>\n  );\n};\n"]}

package/dist/charts/chart-types/histogram/schema.d.ts

@@ -5,6 +5,7 @@ export declare const DEFAULT_BINS_COUNT = 20;
 export declare const HistogramChartSettings: z.ZodObject<{
     field: z.ZodOptional<z.ZodString>;
     maxBins: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+    color: z.ZodOptional<z.ZodString>;
 }, z.core.$strip>;
 export type HistogramChartSettings = z.infer<typeof HistogramChartSettings>;
 export declare const HistogramChartConfig: z.ZodObject<{
@@ -12,6 +13,7 @@ export declare const HistogramChartConfig: z.ZodObject<{
     settings: z.ZodObject<{
         field: z.ZodOptional<z.ZodString>;
         maxBins: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+        color: z.ZodOptional<z.ZodString>;
     }, z.core.$strip>;
     settingsOpen: z.ZodOptional<z.ZodBoolean>;
     dataPolicy: z.ZodOptional<z.ZodObject<{

package/dist/charts/chart-types/histogram/schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../../src/charts/chart-types/histogram/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAGtB,eAAO,MAAM,cAAc,IAAI,CAAC;AAChC,eAAO,MAAM,cAAc,OAAO,CAAC;AACnC,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAErC,eAAO,MAAM,sBAAsB;;;iBAejC,CAAC;AAEH,MAAM,MAAM,sBAAsB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAE5E,eAAO,MAAM,oBAAoB;;;;;;;;;;;;iBAK/B,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../../src/charts/chart-types/histogram/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAGtB,eAAO,MAAM,cAAc,IAAI,CAAC;AAChC,eAAO,MAAM,cAAc,OAAO,CAAC;AACnC,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAErC,eAAO,MAAM,sBAAsB;;;;iBAgBjC,CAAC;AAEH,MAAM,MAAM,sBAAsB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAE5E,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;iBAK/B,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC"}

package/dist/charts/chart-types/histogram/schema.js

@@ -16,6 +16,7 @@ export const HistogramChartSettings = z.object({
         .default(DEFAULT_BINS_COUNT)
         .optional()
         .describe(`Maximum number of bins for the histogram (default: ${DEFAULT_BINS_COUNT})`),
+    color: z.string().optional().describe('Optional color for histogram bars'),
 });
 export const HistogramChartConfig = z.object({
     chartType: z.literal('histogram'),

package/dist/charts/chart-types/histogram/schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../../src/charts/chart-types/histogram/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AACtB,OAAO,EAAC,6BAA6B,EAAC,MAAM,uBAAuB,CAAC;AAEpE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,CAAC;AAChC,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CAAC;AACnC,MAAM,CAAC,MAAM,kBAAkB,GAAG,EAAE,CAAC;AAErC,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,CAAC,MAAM,CAAC;IAC7C,KAAK,EAAE,CAAC;SACL,MAAM,EAAE;SACR,QAAQ,EAAE;SACV,QAAQ,CAAC,qDAAqD,CAAC;IAClE,OAAO,EAAE,CAAC;SACP,MAAM,EAAE;SACR,GAAG,EAAE;SACL,GAAG,CAAC,cAAc,CAAC;SACnB,GAAG,CAAC,cAAc,CAAC;SACnB,OAAO,CAAC,kBAAkB,CAAC;SAC3B,QAAQ,EAAE;SACV,QAAQ,CACP,sDAAsD,kBAAkB,GAAG,CAC5E;CACJ,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,CAAC,MAAM,CAAC;IAC3C,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC;IACjC,QAAQ,EAAE,sBAAsB;IAChC,YAAY,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE;IACpC,UAAU,EAAE,6BAA6B,CAAC,QAAQ,EAAE;CACrD,CAAC,CAAC","sourcesContent":["import {z} from 'zod';\nimport {ChartDataPolicyOverrideConfig} from '../data-policy-schema';\n\nexport const MIN_BINS_COUNT = 1;\nexport const MAX_BINS_COUNT = 1000;\nexport const DEFAULT_BINS_COUNT = 20;\n\nexport const HistogramChartSettings = z.object({\n  field: z\n    .string()\n    .optional()\n    .describe('Numeric column to create histogram distribution for'),\n  maxBins: z\n    .number()\n    .int()\n    .min(MIN_BINS_COUNT)\n    .max(MAX_BINS_COUNT)\n    .default(DEFAULT_BINS_COUNT)\n    .optional()\n    .describe(\n      `Maximum number of bins for the histogram (default: ${DEFAULT_BINS_COUNT})`,\n    ),\n});\n\nexport type HistogramChartSettings = z.infer<typeof HistogramChartSettings>;\n\nexport const HistogramChartConfig = z.object({\n  chartType: z.literal('histogram'),\n  settings: HistogramChartSettings,\n  settingsOpen: z.boolean().optional(),\n  dataPolicy: ChartDataPolicyOverrideConfig.optional(),\n});\n\nexport type HistogramChartConfig = z.infer<typeof HistogramChartConfig>;\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../../src/charts/chart-types/histogram/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AACtB,OAAO,EAAC,6BAA6B,EAAC,MAAM,uBAAuB,CAAC;AAEpE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,CAAC;AAChC,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CAAC;AACnC,MAAM,CAAC,MAAM,kBAAkB,GAAG,EAAE,CAAC;AAErC,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,CAAC,MAAM,CAAC;IAC7C,KAAK,EAAE,CAAC;SACL,MAAM,EAAE;SACR,QAAQ,EAAE;SACV,QAAQ,CAAC,qDAAqD,CAAC;IAClE,OAAO,EAAE,CAAC;SACP,MAAM,EAAE;SACR,GAAG,EAAE;SACL,GAAG,CAAC,cAAc,CAAC;SACnB,GAAG,CAAC,cAAc,CAAC;SACnB,OAAO,CAAC,kBAAkB,CAAC;SAC3B,QAAQ,EAAE;SACV,QAAQ,CACP,sDAAsD,kBAAkB,GAAG,CAC5E;IACH,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,mCAAmC,CAAC;CAC3E,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,CAAC,MAAM,CAAC;IAC3C,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC;IACjC,QAAQ,EAAE,sBAAsB;IAChC,YAAY,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE;IACpC,UAAU,EAAE,6BAA6B,CAAC,QAAQ,EAAE;CACrD,CAAC,CAAC","sourcesContent":["import {z} from 'zod';\nimport {ChartDataPolicyOverrideConfig} from '../data-policy-schema';\n\nexport const MIN_BINS_COUNT = 1;\nexport const MAX_BINS_COUNT = 1000;\nexport const DEFAULT_BINS_COUNT = 20;\n\nexport const HistogramChartSettings = z.object({\n  field: z\n    .string()\n    .optional()\n    .describe('Numeric column to create histogram distribution for'),\n  maxBins: z\n    .number()\n    .int()\n    .min(MIN_BINS_COUNT)\n    .max(MAX_BINS_COUNT)\n    .default(DEFAULT_BINS_COUNT)\n    .optional()\n    .describe(\n      `Maximum number of bins for the histogram (default: ${DEFAULT_BINS_COUNT})`,\n    ),\n  color: z.string().optional().describe('Optional color for histogram bars'),\n});\n\nexport type HistogramChartSettings = z.infer<typeof HistogramChartSettings>;\n\nexport const HistogramChartConfig = z.object({\n  chartType: z.literal('histogram'),\n  settings: HistogramChartSettings,\n  settingsOpen: z.boolean().optional(),\n  dataPolicy: ChartDataPolicyOverrideConfig.optional(),\n});\n\nexport type HistogramChartConfig = z.infer<typeof HistogramChartConfig>;\n"]}

package/dist/charts/chart-types/histogram/spec.d.ts

@@ -1,4 +1,5 @@
 import type { Spec } from '@uwdata/mosaic-spec';
 import { HistogramChartSettings } from './schema';
-export declare function createHistogramSpec(tableName: string, { field, maxBins }: HistogramChartSettings): Spec;
+import { CreateSpecOptions } from '../base-types';
+export declare function createHistogramSpec(options: CreateSpecOptions<HistogramChartSettings>): Spec;
 //# sourceMappingURL=spec.d.ts.map

package/dist/charts/chart-types/histogram/spec.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spec.d.ts","sourceRoot":"","sources":["../../../../src/charts/chart-types/histogram/spec.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAC,sBAAsB,EAAqB,MAAM,UAAU,CAAC;AAMpE,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,MAAM,EACjB,EAAC,KAAK,EAAE,OAA4B,EAAC,EAAE,sBAAsB,GAC5D,IAAI,CAgCN"}
+{"version":3,"file":"spec.d.ts","sourceRoot":"","sources":["../../../../src/charts/chart-types/histogram/spec.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAC,sBAAsB,EAAqB,MAAM,UAAU,CAAC;AACpE,OAAO,EAAC,iBAAiB,EAAyB,MAAM,eAAe,CAAC;AAaxE,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,iBAAiB,CAAC,sBAAsB,CAAC,GACjD,IAAI,CAsCN"}

package/dist/charts/chart-types/histogram/spec.js

@@ -1,37 +1,60 @@
 import { DEFAULT_BINS_COUNT } from './schema';
-import { ChartSpecError } from '../errors';
+import { getChartTableReference } from '../base-types';
+import { InvalidColumnTypeError, MissingColumnsError, RequiredFieldsError, } from '../errors';
+import { isQuantitativeType } from '../../../column-types-utils';
+import { DEFAULT_CHART_FALLBACK_COLOR } from '../../../constants/chart-colors';
 const BG_COLOR = 'var(--color-chart-overlay)';
-const FG_COLOR = 'var(--color-chart-1)';
-export function createHistogramSpec(tableName, { field, maxBins = DEFAULT_BINS_COUNT }) {
-    if (!field) {
-        throw new ChartSpecError('Field is required for histogram');
+const DEFAULT_FG_COLOR = DEFAULT_CHART_FALLBACK_COLOR;
+export function createHistogramSpec(options) {
+    const { dataTable, selectionName, settings } = options;
+    const { fieldColumn, maxBins } = validateHistogramSettings(options);
+    const fgColor = settings.color ?? DEFAULT_FG_COLOR;
+    const tableReference = getChartTableReference(dataTable);
+    const plot = [
+        {
+            mark: 'rectY',
+            data: { from: tableReference },
+            x: { bin: fieldColumn.name, steps: maxBins },
+            y: { count: null },
+            fill: BG_COLOR,
+            inset: 0.5,
+        },
+        {
+            mark: 'rectY',
+            data: { from: tableReference, filterBy: '$brush' },
+            x: { bin: fieldColumn.name, steps: maxBins },
+            y: { count: null },
+            fill: fgColor,
+            inset: 0.5,
+        },
+    ];
+    if (selectionName) {
+        plot.push({ select: 'intervalX', as: '$brush' });
     }
     return {
-        plot: [
-            {
-                mark: 'rectY',
-                data: { from: tableName },
-                x: { bin: field, steps: maxBins },
-                y: { count: null },
-                fill: BG_COLOR,
-                inset: 0.5,
-            },
-            {
-                mark: 'rectY',
-                data: { from: tableName, filterBy: '$brush' },
-                x: { bin: field, steps: maxBins },
-                y: { count: null },
-                fill: FG_COLOR,
-                inset: 0.5,
-            },
-            { select: 'intervalX', as: '$brush' },
-        ],
-        xLabel: field,
+        plot,
+        xLabel: fieldColumn.name,
         yLabel: 'Count',
-        height: 200,
-        width: 380,
         margins: { left: 50, right: 20, top: 20, bottom: 50 },
         params: { brush: { select: 'crossfilter' } },
     };
 }
+function validateHistogramSettings({ dataTable, settings: { field, maxBins = DEFAULT_BINS_COUNT }, }) {
+    // Basic validation for required fields
+    if (!field) {
+        throw new RequiredFieldsError('Field');
+    }
+    // Validate field existence and type
+    const fieldColumn = dataTable.columns.find((col) => col.name === field);
+    if (!fieldColumn) {
+        throw new MissingColumnsError(field);
+    }
+    if (!isQuantitativeType(fieldColumn.type)) {
+        throw new InvalidColumnTypeError(fieldColumn.name, 'quantitative');
+    }
+    return {
+        fieldColumn,
+        maxBins,
+    };
+}
 //# sourceMappingURL=spec.js.map

package/dist/charts/chart-types/histogram/spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"spec.js","sourceRoot":"","sources":["../../../../src/charts/chart-types/histogram/spec.ts"],"names":[],"mappings":"AACA,OAAO,EAAyB,kBAAkB,EAAC,MAAM,UAAU,CAAC;AACpE,OAAO,EAAC,cAAc,EAAC,MAAM,WAAW,CAAC;AAEzC,MAAM,QAAQ,GAAG,4BAA4B,CAAC;AAC9C,MAAM,QAAQ,GAAG,sBAAsB,CAAC;AAExC,MAAM,UAAU,mBAAmB,CACjC,SAAiB,EACjB,EAAC,KAAK,EAAE,OAAO,GAAG,kBAAkB,EAAyB;IAE7D,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,cAAc,CAAC,iCAAiC,CAAC,CAAC;IAC9D,CAAC;IAED,OAAO;QACL,IAAI,EAAE;YACJ;gBACE,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC;gBACvB,CAAC,EAAE,EAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC;gBAC/B,CAAC,EAAE,EAAC,KAAK,EAAE,IAAI,EAAC;gBAChB,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,GAAG;aACX;YACD;gBACE,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,EAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAC;gBAC3C,CAAC,EAAE,EAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC;gBAC/B,CAAC,EAAE,EAAC,KAAK,EAAE,IAAI,EAAC;gBAChB,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,GAAG;aACX;YACD,EAAC,MAAM,EAAE,WAAW,EAAE,EAAE,EAAE,QAAQ,EAAC;SACpC;QACD,MAAM,EAAE,KAAK;QACb,MAAM,EAAE,OAAO;QACf,MAAM,EAAE,GAAG;QACX,KAAK,EAAE,GAAG;QACV,OAAO,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAC;QACnD,MAAM,EAAE,EAAC,KAAK,EAAE,EAAC,MAAM,EAAE,aAAa,EAAC,EAAC;KACjC,CAAC;AACZ,CAAC","sourcesContent":["import type {Spec} from '@uwdata/mosaic-spec';\nimport {HistogramChartSettings, DEFAULT_BINS_COUNT} from './schema';\nimport {ChartSpecError} from '../errors';\n\nconst BG_COLOR = 'var(--color-chart-overlay)';\nconst FG_COLOR = 'var(--color-chart-1)';\n\nexport function createHistogramSpec(\n  tableName: string,\n  {field, maxBins = DEFAULT_BINS_COUNT}: HistogramChartSettings,\n): Spec {\n  if (!field) {\n    throw new ChartSpecError('Field is required for histogram');\n  }\n\n  return {\n    plot: [\n      {\n        mark: 'rectY',\n        data: {from: tableName},\n        x: {bin: field, steps: maxBins},\n        y: {count: null},\n        fill: BG_COLOR,\n        inset: 0.5,\n      },\n      {\n        mark: 'rectY',\n        data: {from: tableName, filterBy: '$brush'},\n        x: {bin: field, steps: maxBins},\n        y: {count: null},\n        fill: FG_COLOR,\n        inset: 0.5,\n      },\n      {select: 'intervalX', as: '$brush'},\n    ],\n    xLabel: field,\n    yLabel: 'Count',\n    height: 200,\n    width: 380,\n    margins: {left: 50, right: 20, top: 20, bottom: 50},\n    params: {brush: {select: 'crossfilter'}},\n  } as Spec;\n}\n"]}
+{"version":3,"file":"spec.js","sourceRoot":"","sources":["../../../../src/charts/chart-types/histogram/spec.ts"],"names":[],"mappings":"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","sourcesContent":["import type {Spec} from '@uwdata/mosaic-spec';\nimport {HistogramChartSettings, DEFAULT_BINS_COUNT} from './schema';\nimport {CreateSpecOptions, getChartTableReference} from '../base-types';\nimport {\n  InvalidColumnTypeError,\n  MissingColumnsError,\n  RequiredFieldsError,\n} from '../errors';\nimport {isQuantitativeType} from '../../../column-types-utils';\nimport {TableColumn} from '@sqlrooms/duckdb';\nimport {DEFAULT_CHART_FALLBACK_COLOR} from '../../../constants/chart-colors';\n\nconst BG_COLOR = 'var(--color-chart-overlay)';\nconst DEFAULT_FG_COLOR = DEFAULT_CHART_FALLBACK_COLOR;\n\nexport function createHistogramSpec(\n  options: CreateSpecOptions<HistogramChartSettings>,\n): Spec {\n  const {dataTable, selectionName, settings} = options;\n\n  const {fieldColumn, maxBins} = validateHistogramSettings(options);\n  const fgColor = settings.color ?? DEFAULT_FG_COLOR;\n  const tableReference = getChartTableReference(dataTable);\n\n  const plot: unknown[] = [\n    {\n      mark: 'rectY',\n      data: {from: tableReference},\n      x: {bin: fieldColumn.name, steps: maxBins},\n      y: {count: null},\n      fill: BG_COLOR,\n      inset: 0.5,\n    },\n    {\n      mark: 'rectY',\n      data: {from: tableReference, filterBy: '$brush'},\n      x: {bin: fieldColumn.name, steps: maxBins},\n      y: {count: null},\n      fill: fgColor,\n      inset: 0.5,\n    },\n  ];\n\n  if (selectionName) {\n    plot.push({select: 'intervalX', as: '$brush'});\n  }\n\n  return {\n    plot,\n    xLabel: fieldColumn.name,\n    yLabel: 'Count',\n\n    margins: {left: 50, right: 20, top: 20, bottom: 50},\n    params: {brush: {select: 'crossfilter'}},\n  } as Spec;\n}\n\ntype ValidatedHistogramSettings = {\n  fieldColumn: TableColumn;\n  maxBins: number;\n};\n\nfunction validateHistogramSettings({\n  dataTable,\n  settings: {field, maxBins = DEFAULT_BINS_COUNT},\n}: CreateSpecOptions<HistogramChartSettings>): ValidatedHistogramSettings {\n  // Basic validation for required fields\n  if (!field) {\n    throw new RequiredFieldsError('Field');\n  }\n\n  // Validate field existence and type\n  const fieldColumn = dataTable.columns.find((col) => col.name === field);\n\n  if (!fieldColumn) {\n    throw new MissingColumnsError(field);\n  }\n\n  if (!isQuantitativeType(fieldColumn.type)) {\n    throw new InvalidColumnTypeError(fieldColumn.name, 'quantitative');\n  }\n\n  return {\n    fieldColumn,\n    maxBins,\n  };\n}\n"]}

package/dist/charts/chart-types/histogram/tool.d.ts

@@ -9,6 +9,7 @@ export declare const HistogramToolParameters: z.ZodObject<{
     settings: z.ZodObject<{
         field: z.ZodNonOptional<z.ZodOptional<z.ZodString>>;
         maxBins: z.ZodNonOptional<z.ZodOptional<z.ZodDefault<z.ZodNumber>>>;
+        color: z.ZodNonOptional<z.ZodOptional<z.ZodString>>;
     }, z.core.$strip>;
 }, z.core.$strip>;
 export type HistogramToolParams = z.infer<typeof HistogramToolParameters>;
@@ -18,6 +19,7 @@ export declare function createHistogramAiTool(deps: DashboardToolDeps): import("
     settings: {
         field: string;
         maxBins: number;
+        color: string;
     };
     artifactId?: string | undefined;
     tableName?: string | undefined;

package/dist/charts/chart-types/histogram/tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../../../src/charts/chart-types/histogram/tool.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAQtB,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAKrD,eAAO,MAAM,uBAAuB;;;;;;;;;;iBAElC,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAE1E,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;GAqE5D"}
+{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../../../src/charts/chart-types/histogram/tool.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAQtB,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAKrD,eAAO,MAAM,uBAAuB;;;;;;;;;;;iBAElC,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAE1E,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;GAqE5D"}

package/dist/charts/chart-types/histogram/tool.js

@@ -23,7 +23,7 @@ To UPDATE an existing histogram: provide the panelId parameter. Otherwise create
 Optional: maxBins (${MIN_BINS_COUNT}-${MAX_BINS_COUNT}, default ${DEFAULT_BINS_COUNT}) controls the number of bins/bars in the histogram. Use fewer bins for coarse overview, more bins for detailed distribution.
 
 CRITICAL: Only for quantitative continuous data to see distribution shape, outliers, skewness.
-Do NOT use for: categorical data (use count-plot), relationships between columns (use bubble-chart), time series trends (use line-chart).`,
+Do NOT use for: categorical data (use count-plot), relationships between columns (use scatter-plot), time series trends (use line-chart).`,
         inputSchema: HistogramToolParameters,
         execute: async (params, context) => {
             try {

package/dist/charts/chart-types/histogram/tool.js.map

@@ -1 +1 @@
-{"version":3,"file":"tool.js","sourceRoot":"","sources":["../../../../src/charts/chart-types/histogram/tool.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,IAAI,CAAC;AAExB,OAAO,EACL,sBAAsB,EACtB,cAAc,EACd,cAAc,EACd,kBAAkB,GACnB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAC,uBAAuB,EAAC,MAAM,0BAA0B,CAAC;AAEjE,OAAO,EAAC,oBAAoB,EAAC,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAC,yBAAyB,EAAC,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAC,wBAAwB,EAAC,MAAM,0BAA0B,CAAC;AAElE,MAAM,CAAC,MAAM,uBAAuB,GAAG,uBAAuB,CAAC,MAAM,CAAC;IACpE,QAAQ,EAAE,sBAAsB,CAAC,QAAQ,EAAE;CAC5C,CAAC,CAAC;AAIH,MAAM,UAAU,qBAAqB,CAAC,IAAuB;IAC3D,OAAO,IAAI,CAAC;QACV,WAAW,EAAE;;;;;8DAK6C,yBAAyB,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;qBAM7E,cAAc,IAAI,cAAc,aAAa,kBAAkB;;;0IAGsD;QACtI,WAAW,EAAE,uBAAuB;QACpC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE;YACjC,IAAI,CAAC;gBACH,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,CACrC,MAAM,CAAC,UAAU,EACjB,MAAM,CAAC,uBAAuB,EAC9B,OAAO,CACR,CAAC;gBACF,MAAM,EAAC,SAAS,EAAE,OAAO,EAAC,GAAG,IAAI,CAAC,YAAY,CAC5C,UAAU,EACV,MAAM,CAAC,SAAS,CACjB,CAAC;gBAEF,oBAAoB;gBACpB,oBAAoB,CAClB,MAAM,CAAC,QAAQ,CAAC,KAAK,EACrB,yBAAyB,EACzB,OAAO,EACP,OAAO,CACR,CAAC;gBAEF,MAAM,MAAM,GAAG,wBAAwB,CAAC,IAAI,EAAE;oBAC5C,OAAO,EAAE,MAAM,CAAC,OAAO;oBACvB,WAAW,EAAE,UAAU;oBACvB,SAAS;oBACT,KAAK,EAAE,gBAAgB,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE;oBAC9C,MAAM,EAAE;wBACN,SAAS,EAAE,WAAW;wBACtB,QAAQ,EAAE,MAAM,CAAC,QAAQ;qBAC1B;iBACF,CAAC,CAAC;gBAEH,OAAO;oBACL,SAAS,EAAE;wBACT,OAAO,EAAE,IAAI;wBACb,OAAO,EAAE,MAAM,CAAC,OAAO;4BACrB,CAAC,CAAC,sBAAsB,MAAM,CAAC,KAAK,IAAI;4BACxC,CAAC,CAAC,sBAAsB,MAAM,CAAC,KAAK,IAAI;wBAC1C,IAAI,EAAE,MAAM;qBACb;iBACF,CAAC;YACJ,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO;oBACL,SAAS,EAAE;wBACT,OAAO,EAAE,KAAK;wBACd,YAAY,EACV,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;qBACzD;iBACF,CAAC;YACJ,CAAC;QACH,CAAC;KACF,CAAC,CAAC;AACL,CAAC","sourcesContent":["import {tool} from 'ai';\nimport {z} from 'zod';\nimport {\n  HistogramChartSettings,\n  MIN_BINS_COUNT,\n  MAX_BINS_COUNT,\n  DEFAULT_BINS_COUNT,\n} from './schema';\nimport {BaseChartToolParameters} from '../../../ai/tool-schemas';\nimport type {DashboardToolDeps} from '../base-types';\nimport {validateColumnExists} from '../../../ai/tool-validation';\nimport {QUANTITATIVE_COLUMN_TYPES} from '../../../column-types-utils';\nimport {createOrUpdateChartPanel} from '../../../ai/tool-helpers';\n\nexport const HistogramToolParameters = BaseChartToolParameters.extend({\n  settings: HistogramChartSettings.required(),\n});\n\nexport type HistogramToolParams = z.infer<typeof HistogramToolParameters>;\n\nexport function createHistogramAiTool(deps: DashboardToolDeps) {\n  return tool({\n    description: `Histogram: shows distribution of numeric values by automatically grouping data into bins/ranges.\n\nUse when: user asks about \"distribution of [numeric column]\", \"spread of\", \"range of\", \"how values are distributed\", \"show histogram\".\nExample queries: \"distribution of population density\", \"show elevation distribution\", \"histogram of parcel areas\", \"how are building heights spread\", \"temperature range distribution\".\n\nRequired: field must be quantitative not text/categorical: (${QUANTITATIVE_COLUMN_TYPES.join(', ')}).\n\nNOTE: Histograms automatically bin data into ranges and aggregate counts, so they handle large datasets efficiently (no data point limit).\n\nTo UPDATE an existing histogram: provide the panelId parameter. Otherwise creates new panel.\n\nOptional: maxBins (${MIN_BINS_COUNT}-${MAX_BINS_COUNT}, default ${DEFAULT_BINS_COUNT}) controls the number of bins/bars in the histogram. Use fewer bins for coarse overview, more bins for detailed distribution.\n\nCRITICAL: Only for quantitative continuous data to see distribution shape, outliers, skewness.\nDo NOT use for: categorical data (use count-plot), relationships between columns (use bubble-chart), time series trends (use line-chart).`,\n    inputSchema: HistogramToolParameters,\n    execute: async (params, context) => {\n      try {\n        const artifactId = deps.resolveArtifact(\n          params.artifactId,\n          params.createArtifactIfMissing,\n          context,\n        );\n        const {tableName, columns} = deps.resolveTable(\n          artifactId,\n          params.tableName,\n        );\n\n        // Validate settings\n        validateColumnExists(\n          params.settings.field,\n          QUANTITATIVE_COLUMN_TYPES,\n          columns,\n          'field',\n        );\n\n        const result = createOrUpdateChartPanel(deps, {\n          panelId: params.panelId,\n          dashboardId: artifactId,\n          tableName,\n          title: `Histogram of ${params.settings.field}`,\n          config: {\n            chartType: 'histogram',\n            settings: params.settings,\n          },\n        });\n\n        return {\n          llmResult: {\n            success: true,\n            details: params.panelId\n              ? `Updated histogram \"${result.title}\".`\n              : `Created histogram \"${result.title}\".`,\n            data: result,\n          },\n        };\n      } catch (error) {\n        return {\n          llmResult: {\n            success: false,\n            errorMessage:\n              error instanceof Error ? error.message : String(error),\n          },\n        };\n      }\n    },\n  });\n}\n"]}
+{"version":3,"file":"tool.js","sourceRoot":"","sources":["../../../../src/charts/chart-types/histogram/tool.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,IAAI,CAAC;AAExB,OAAO,EACL,sBAAsB,EACtB,cAAc,EACd,cAAc,EACd,kBAAkB,GACnB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAC,uBAAuB,EAAC,MAAM,0BAA0B,CAAC;AAEjE,OAAO,EAAC,oBAAoB,EAAC,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAC,yBAAyB,EAAC,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAC,wBAAwB,EAAC,MAAM,0BAA0B,CAAC;AAElE,MAAM,CAAC,MAAM,uBAAuB,GAAG,uBAAuB,CAAC,MAAM,CAAC;IACpE,QAAQ,EAAE,sBAAsB,CAAC,QAAQ,EAAE;CAC5C,CAAC,CAAC;AAIH,MAAM,UAAU,qBAAqB,CAAC,IAAuB;IAC3D,OAAO,IAAI,CAAC;QACV,WAAW,EAAE;;;;;8DAK6C,yBAAyB,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;qBAM7E,cAAc,IAAI,cAAc,aAAa,kBAAkB;;;0IAGsD;QACtI,WAAW,EAAE,uBAAuB;QACpC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE;YACjC,IAAI,CAAC;gBACH,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,CACrC,MAAM,CAAC,UAAU,EACjB,MAAM,CAAC,uBAAuB,EAC9B,OAAO,CACR,CAAC;gBACF,MAAM,EAAC,SAAS,EAAE,OAAO,EAAC,GAAG,IAAI,CAAC,YAAY,CAC5C,UAAU,EACV,MAAM,CAAC,SAAS,CACjB,CAAC;gBAEF,oBAAoB;gBACpB,oBAAoB,CAClB,MAAM,CAAC,QAAQ,CAAC,KAAK,EACrB,yBAAyB,EACzB,OAAO,EACP,OAAO,CACR,CAAC;gBAEF,MAAM,MAAM,GAAG,wBAAwB,CAAC,IAAI,EAAE;oBAC5C,OAAO,EAAE,MAAM,CAAC,OAAO;oBACvB,WAAW,EAAE,UAAU;oBACvB,SAAS;oBACT,KAAK,EAAE,gBAAgB,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE;oBAC9C,MAAM,EAAE;wBACN,SAAS,EAAE,WAAW;wBACtB,QAAQ,EAAE,MAAM,CAAC,QAAQ;qBAC1B;iBACF,CAAC,CAAC;gBAEH,OAAO;oBACL,SAAS,EAAE;wBACT,OAAO,EAAE,IAAI;wBACb,OAAO,EAAE,MAAM,CAAC,OAAO;4BACrB,CAAC,CAAC,sBAAsB,MAAM,CAAC,KAAK,IAAI;4BACxC,CAAC,CAAC,sBAAsB,MAAM,CAAC,KAAK,IAAI;wBAC1C,IAAI,EAAE,MAAM;qBACb;iBACF,CAAC;YACJ,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO;oBACL,SAAS,EAAE;wBACT,OAAO,EAAE,KAAK;wBACd,YAAY,EACV,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;qBACzD;iBACF,CAAC;YACJ,CAAC;QACH,CAAC;KACF,CAAC,CAAC;AACL,CAAC","sourcesContent":["import {tool} from 'ai';\nimport {z} from 'zod';\nimport {\n  HistogramChartSettings,\n  MIN_BINS_COUNT,\n  MAX_BINS_COUNT,\n  DEFAULT_BINS_COUNT,\n} from './schema';\nimport {BaseChartToolParameters} from '../../../ai/tool-schemas';\nimport type {DashboardToolDeps} from '../base-types';\nimport {validateColumnExists} from '../../../ai/tool-validation';\nimport {QUANTITATIVE_COLUMN_TYPES} from '../../../column-types-utils';\nimport {createOrUpdateChartPanel} from '../../../ai/tool-helpers';\n\nexport const HistogramToolParameters = BaseChartToolParameters.extend({\n  settings: HistogramChartSettings.required(),\n});\n\nexport type HistogramToolParams = z.infer<typeof HistogramToolParameters>;\n\nexport function createHistogramAiTool(deps: DashboardToolDeps) {\n  return tool({\n    description: `Histogram: shows distribution of numeric values by automatically grouping data into bins/ranges.\n\nUse when: user asks about \"distribution of [numeric column]\", \"spread of\", \"range of\", \"how values are distributed\", \"show histogram\".\nExample queries: \"distribution of population density\", \"show elevation distribution\", \"histogram of parcel areas\", \"how are building heights spread\", \"temperature range distribution\".\n\nRequired: field must be quantitative not text/categorical: (${QUANTITATIVE_COLUMN_TYPES.join(', ')}).\n\nNOTE: Histograms automatically bin data into ranges and aggregate counts, so they handle large datasets efficiently (no data point limit).\n\nTo UPDATE an existing histogram: provide the panelId parameter. Otherwise creates new panel.\n\nOptional: maxBins (${MIN_BINS_COUNT}-${MAX_BINS_COUNT}, default ${DEFAULT_BINS_COUNT}) controls the number of bins/bars in the histogram. Use fewer bins for coarse overview, more bins for detailed distribution.\n\nCRITICAL: Only for quantitative continuous data to see distribution shape, outliers, skewness.\nDo NOT use for: categorical data (use count-plot), relationships between columns (use scatter-plot), time series trends (use line-chart).`,\n    inputSchema: HistogramToolParameters,\n    execute: async (params, context) => {\n      try {\n        const artifactId = deps.resolveArtifact(\n          params.artifactId,\n          params.createArtifactIfMissing,\n          context,\n        );\n        const {tableName, columns} = deps.resolveTable(\n          artifactId,\n          params.tableName,\n        );\n\n        // Validate settings\n        validateColumnExists(\n          params.settings.field,\n          QUANTITATIVE_COLUMN_TYPES,\n          columns,\n          'field',\n        );\n\n        const result = createOrUpdateChartPanel(deps, {\n          panelId: params.panelId,\n          dashboardId: artifactId,\n          tableName,\n          title: `Histogram of ${params.settings.field}`,\n          config: {\n            chartType: 'histogram',\n            settings: params.settings,\n          },\n        });\n\n        return {\n          llmResult: {\n            success: true,\n            details: params.panelId\n              ? `Updated histogram \"${result.title}\".`\n              : `Created histogram \"${result.title}\".`,\n            data: result,\n          },\n        };\n      } catch (error) {\n        return {\n          llmResult: {\n            success: false,\n            errorMessage:\n              error instanceof Error ? error.message : String(error),\n          },\n        };\n      }\n    },\n  });\n}\n"]}

package/dist/charts/chart-types/index.d.ts

@@ -7,21 +7,21 @@ export * from './line-chart/schema';
 export * from './count-plot/schema';
 export * from './heatmap/schema';
 export * from './box-plot/schema';
-export * from './bubble-chart/schema';
+export * from './scatter-plot/schema';
 export * from './custom-spec/schema';
 export { HistogramSettingsComponent } from './histogram/HistogramSettings';
 export { LineChartSettingsComponent } from './line-chart/LineChartSettings';
 export { CountPlotSettingsComponent } from './count-plot/CountPlotSettings';
 export { HeatmapSettingsComponent } from './heatmap/HeatmapSettings';
 export { BoxPlotSettingsComponent } from './box-plot/BoxPlotSettings';
-export { BubbleChartSettingsComponent } from './bubble-chart/BubbleChartSettings';
+export { ScatterPlotSettingsComponent } from './scatter-plot/ScatterPlotSettings';
 export { CustomSpecSettingsComponent } from './custom-spec/CustomSpecSettings';
 export * from './histogram/definition';
 export * from './line-chart/definition';
 export * from './count-plot/definition';
 export * from './heatmap/definition';
 export * from './box-plot/definition';
-export * from './bubble-chart/definition';
+export * from './scatter-plot/definition';
 export * from './custom-spec/definition';
 export * from '../../ai/tool-types';
 export * from '../../ai/tool-schemas';
@@ -31,7 +31,7 @@ export * from './histogram/tool';
 export * from './line-chart/tool';
 export * from './count-plot/tool';
 export * from './heatmap/tool';
-export * from './bubble-chart/tool';
+export * from './scatter-plot/tool';
 export * from './box-plot/tool';
 export * from '../../ai/data-table-explorer-tool';
 export * from '../../ai/list-panels-tool';

package/dist/charts/chart-types/index.js

@@ -14,7 +14,7 @@ export * from './line-chart/schema';
 export * from './count-plot/schema';
 export * from './heatmap/schema';
 export * from './box-plot/schema';
-export * from './bubble-chart/schema';
+export * from './scatter-plot/schema';
 export * from './custom-spec/schema';
 // Re-export Settings components
 export { HistogramSettingsComponent } from './histogram/HistogramSettings';
@@ -22,7 +22,7 @@ export { LineChartSettingsComponent } from './line-chart/LineChartSettings';
 export { CountPlotSettingsComponent } from './count-plot/CountPlotSettings';
 export { HeatmapSettingsComponent } from './heatmap/HeatmapSettings';
 export { BoxPlotSettingsComponent } from './box-plot/BoxPlotSettings';
-export { BubbleChartSettingsComponent } from './bubble-chart/BubbleChartSettings';
+export { ScatterPlotSettingsComponent } from './scatter-plot/ScatterPlotSettings';
 export { CustomSpecSettingsComponent } from './custom-spec/CustomSpecSettings';
 // Re-export definitions
 export * from './histogram/definition';
@@ -30,7 +30,7 @@ export * from './line-chart/definition';
 export * from './count-plot/definition';
 export * from './heatmap/definition';
 export * from './box-plot/definition';
-export * from './bubble-chart/definition';
+export * from './scatter-plot/definition';
 export * from './custom-spec/definition';
 // Re-export tool types, schemas, validation, helpers, and AI tool creators
 export * from '../../ai/tool-types';
@@ -41,7 +41,7 @@ export * from './histogram/tool';
 export * from './line-chart/tool';
 export * from './count-plot/tool';
 export * from './heatmap/tool';
-export * from './bubble-chart/tool';
+export * from './scatter-plot/tool';
 export * from './box-plot/tool';
 export * from '../../ai/data-table-explorer-tool';
 export * from '../../ai/list-panels-tool';

package/dist/charts/chart-types/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/charts/chart-types/index.ts"],"names":[],"mappings":"AAAA,uBAAuB;AACvB,cAAc,cAAc,CAAC;AAE7B,gDAAgD;AAChD,cAAc,UAAU,CAAC;AAEzB,2EAA2E;AAC3E,uEAAuE;AACvE,qFAAqF;AACrF,6BAA6B;AAC7B,OAAO,EAAC,WAAW,EAAqC,MAAM,gBAAgB,CAAC;AAC/E,cAAc,sBAAsB,CAAC;AAErC,oBAAoB;AACpB,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AAErC,gCAAgC;AAChC,OAAO,EAAC,0BAA0B,EAAC,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAC,0BAA0B,EAAC,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAC,0BAA0B,EAAC,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAC,wBAAwB,EAAC,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAC,wBAAwB,EAAC,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAC,4BAA4B,EAAC,MAAM,oCAAoC,CAAC;AAChF,OAAO,EAAC,2BAA2B,EAAC,MAAM,kCAAkC,CAAC;AAE7E,wBAAwB;AACxB,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AAEzC,2EAA2E;AAC3E,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mCAAmC,CAAC;AAClD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAE3C,iCAAiC;AACjC,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAC,uBAAuB,EAAC,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC","sourcesContent":["// Re-export base types\nexport * from './base-types';\n\n// Re-export error classes for chart definitions\nexport * from './errors';\n\n// CRITICAL: Export ChartConfig FIRST, before importing Settings components\n// Export ChartConfig from separate file to avoid circular dependencies\n// (chart-types/index imports Settings components, which import ChartSettingsContext,\n// which imports ChartConfig)\nexport {ChartConfig, type ChartSettings, type ChartType} from './chart-config';\nexport * from './data-policy-schema';\n\n// Re-export schemas\nexport * from './histogram/schema';\nexport * from './line-chart/schema';\nexport * from './count-plot/schema';\nexport * from './heatmap/schema';\nexport * from './box-plot/schema';\nexport * from './bubble-chart/schema';\nexport * from './custom-spec/schema';\n\n// Re-export Settings components\nexport {HistogramSettingsComponent} from './histogram/HistogramSettings';\nexport {LineChartSettingsComponent} from './line-chart/LineChartSettings';\nexport {CountPlotSettingsComponent} from './count-plot/CountPlotSettings';\nexport {HeatmapSettingsComponent} from './heatmap/HeatmapSettings';\nexport {BoxPlotSettingsComponent} from './box-plot/BoxPlotSettings';\nexport {BubbleChartSettingsComponent} from './bubble-chart/BubbleChartSettings';\nexport {CustomSpecSettingsComponent} from './custom-spec/CustomSpecSettings';\n\n// Re-export definitions\nexport * from './histogram/definition';\nexport * from './line-chart/definition';\nexport * from './count-plot/definition';\nexport * from './heatmap/definition';\nexport * from './box-plot/definition';\nexport * from './bubble-chart/definition';\nexport * from './custom-spec/definition';\n\n// Re-export tool types, schemas, validation, helpers, and AI tool creators\nexport * from '../../ai/tool-types';\nexport * from '../../ai/tool-schemas';\nexport * from '../../ai/tool-validation';\nexport * from '../../ai/tool-helpers';\nexport * from './histogram/tool';\nexport * from './line-chart/tool';\nexport * from './count-plot/tool';\nexport * from './heatmap/tool';\nexport * from './bubble-chart/tool';\nexport * from './box-plot/tool';\nexport * from '../../ai/data-table-explorer-tool';\nexport * from '../../ai/list-panels-tool';\nexport * from '../../ai/remove-panel-tool';\n\n// Re-export chart type utilities\nexport {mosaicChartTypes} from './mosaicChartTypes';\nexport {createDefaultChartTypes} from './createDefaultChartTypes';\nexport {createChartTools} from './createChartTools';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/charts/chart-types/index.ts"],"names":[],"mappings":"AAAA,uBAAuB;AACvB,cAAc,cAAc,CAAC;AAE7B,gDAAgD;AAChD,cAAc,UAAU,CAAC;AAEzB,2EAA2E;AAC3E,uEAAuE;AACvE,qFAAqF;AACrF,6BAA6B;AAC7B,OAAO,EAAC,WAAW,EAAqC,MAAM,gBAAgB,CAAC;AAC/E,cAAc,sBAAsB,CAAC;AAErC,oBAAoB;AACpB,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AAErC,gCAAgC;AAChC,OAAO,EAAC,0BAA0B,EAAC,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAC,0BAA0B,EAAC,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAC,0BAA0B,EAAC,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAC,wBAAwB,EAAC,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAC,wBAAwB,EAAC,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAC,4BAA4B,EAAC,MAAM,oCAAoC,CAAC;AAChF,OAAO,EAAC,2BAA2B,EAAC,MAAM,kCAAkC,CAAC;AAE7E,wBAAwB;AACxB,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AAEzC,2EAA2E;AAC3E,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mCAAmC,CAAC;AAClD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAE3C,iCAAiC;AACjC,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAC,uBAAuB,EAAC,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC","sourcesContent":["// Re-export base types\nexport * from './base-types';\n\n// Re-export error classes for chart definitions\nexport * from './errors';\n\n// CRITICAL: Export ChartConfig FIRST, before importing Settings components\n// Export ChartConfig from separate file to avoid circular dependencies\n// (chart-types/index imports Settings components, which import ChartSettingsContext,\n// which imports ChartConfig)\nexport {ChartConfig, type ChartSettings, type ChartType} from './chart-config';\nexport * from './data-policy-schema';\n\n// Re-export schemas\nexport * from './histogram/schema';\nexport * from './line-chart/schema';\nexport * from './count-plot/schema';\nexport * from './heatmap/schema';\nexport * from './box-plot/schema';\nexport * from './scatter-plot/schema';\nexport * from './custom-spec/schema';\n\n// Re-export Settings components\nexport {HistogramSettingsComponent} from './histogram/HistogramSettings';\nexport {LineChartSettingsComponent} from './line-chart/LineChartSettings';\nexport {CountPlotSettingsComponent} from './count-plot/CountPlotSettings';\nexport {HeatmapSettingsComponent} from './heatmap/HeatmapSettings';\nexport {BoxPlotSettingsComponent} from './box-plot/BoxPlotSettings';\nexport {ScatterPlotSettingsComponent} from './scatter-plot/ScatterPlotSettings';\nexport {CustomSpecSettingsComponent} from './custom-spec/CustomSpecSettings';\n\n// Re-export definitions\nexport * from './histogram/definition';\nexport * from './line-chart/definition';\nexport * from './count-plot/definition';\nexport * from './heatmap/definition';\nexport * from './box-plot/definition';\nexport * from './scatter-plot/definition';\nexport * from './custom-spec/definition';\n\n// Re-export tool types, schemas, validation, helpers, and AI tool creators\nexport * from '../../ai/tool-types';\nexport * from '../../ai/tool-schemas';\nexport * from '../../ai/tool-validation';\nexport * from '../../ai/tool-helpers';\nexport * from './histogram/tool';\nexport * from './line-chart/tool';\nexport * from './count-plot/tool';\nexport * from './heatmap/tool';\nexport * from './scatter-plot/tool';\nexport * from './box-plot/tool';\nexport * from '../../ai/data-table-explorer-tool';\nexport * from '../../ai/list-panels-tool';\nexport * from '../../ai/remove-panel-tool';\n\n// Re-export chart type utilities\nexport {mosaicChartTypes} from './mosaicChartTypes';\nexport {createDefaultChartTypes} from './createDefaultChartTypes';\nexport {createChartTools} from './createChartTools';\n"]}

package/dist/charts/chart-types/line-chart/LineChartSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LineChartSettings.d.ts","sourceRoot":"","sources":["../../../../src/charts/chart-types/line-chart/LineChartSettings.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAAC,MAAM,OAAO,CAAC;AAU9B;;;GAGG;AACH,eAAO,MAAM,0BAA0B,EAAE,EAyCxC,CAAC"}
+{"version":3,"file":"LineChartSettings.d.ts","sourceRoot":"","sources":["../../../../src/charts/chart-types/line-chart/LineChartSettings.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAAC,MAAM,OAAO,CAAC;AAO9B;;;GAGG;AACH,eAAO,MAAM,0BAA0B,EAAE,EA2BxC,CAAC"}

package/dist/charts/chart-types/line-chart/LineChartSettings.js

@@ -1,24 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Field } from '../../../components/Field';
-import { ColumnSelector } from '../../../components/ColumnSelector';
-import { TemporalGranularitySelector } from '../../../components/TemporalGranularitySelector';
+import { Switch } from '@sqlrooms/ui';
 import { useMosaicChartSettingsContext } from '../../chart-settings/MosaicChartSettingsContext';
-import { MultiFieldSelector } from '../../../components/MultiFieldSelector';
-import { isTemporalType } from '../../../column-types-utils';
-import { useColumnsContext } from '../../../components/ColumnsContext';
+import { LineChartYFieldsSelector } from './LineChartYFieldsSelector';
+import { LineChartXFieldSelector } from './LineChartXFieldSelector';
 /**
  * Explicit settings component for line chart.
  * Composes primitive and compound components for full control over the UI.
  */
 export const LineChartSettingsComponent = () => {
     const { onChangeConfig, config } = useMosaicChartSettingsContext('line-chart');
-    const { columns } = useColumnsContext();
-    const xField = columns.find((c) => c.name === config.settings.x);
-    const isXFieldTemporal = xField && isTemporalType(xField.type);
-    return (_jsxs("div", { className: "space-y-4", children: [_jsx(Field, { label: "X Axis", required: true, children: _jsxs("div", { className: "grid items-end gap-2", style: {
-                        gridTemplateColumns: isXFieldTemporal
-                            ? 'minmax(120px, 1fr) 100px'
-                            : '1fr',
-                    }, children: [_jsx(ColumnSelector.Quantitative, { value: config.settings.x, onChange: (x) => onChangeConfig('x', x) }), isXFieldTemporal && (_jsx(TemporalGranularitySelector, { value: config.settings.xInterval, onChange: (xInterval) => onChangeConfig('xInterval', xInterval), xFieldType: xField.type }))] }) }), _jsx(Field, { label: "Y Axis", required: true, children: _jsx(MultiFieldSelector.Numeric, { value: config.settings.yFields ?? [], onChange: (yFields) => onChangeConfig('yFields', yFields), showAggregation: Boolean(config.settings.xInterval) }) })] }));
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx(Field, { label: "X Axis", required: true, children: _jsx(LineChartXFieldSelector, {}) }), _jsx(Field, { label: "Y Axis", required: true, children: _jsx(LineChartYFieldsSelector, {}) }), _jsxs("label", { className: "flex cursor-pointer items-center gap-2", children: [_jsx(Switch, { checked: config.settings.showLegend ?? true, onCheckedChange: (showLegend) => onChangeConfig('showLegend', showLegend), className: "h-4 w-7 data-[state=checked]:bg-gray-800 data-[state=unchecked]:bg-gray-300", children: _jsx(Switch.Thumb, { className: "h-3 w-3 data-[state=checked]:translate-x-3 data-[state=checked]:bg-white data-[state=unchecked]:bg-gray-800" }) }), _jsx("span", { className: "text-xs", children: "Show Legend" })] })] }));
 };
 //# sourceMappingURL=LineChartSettings.js.map

package/dist/charts/chart-types/line-chart/LineChartSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"LineChartSettings.js","sourceRoot":"","sources":["../../../../src/charts/chart-types/line-chart/LineChartSettings.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,KAAK,EAAC,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAC,cAAc,EAAC,MAAM,oCAAoC,CAAC;AAElE,OAAO,EAAC,2BAA2B,EAAC,MAAM,iDAAiD,CAAC;AAC5F,OAAO,EAAC,6BAA6B,EAAC,MAAM,iDAAiD,CAAC;AAC9F,OAAO,EAAC,kBAAkB,EAAC,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAC,cAAc,EAAC,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAC,iBAAiB,EAAC,MAAM,oCAAoC,CAAC;AAErE;;;GAGG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAO,GAAG,EAAE;IACjD,MAAM,EAAC,cAAc,EAAE,MAAM,EAAC,GAAG,6BAA6B,CAAC,YAAY,CAAC,CAAC;IAC7E,MAAM,EAAC,OAAO,EAAC,GAAG,iBAAiB,EAAE,CAAC;IAEtC,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACjE,MAAM,gBAAgB,GAAG,MAAM,IAAI,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAE/D,OAAO,CACL,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,KAAK,IAAC,KAAK,EAAC,QAAQ,EAAC,QAAQ,kBAC5B,eACE,SAAS,EAAC,sBAAsB,EAChC,KAAK,EAAE;wBACL,mBAAmB,EAAE,gBAAgB;4BACnC,CAAC,CAAC,0BAA0B;4BAC5B,CAAC,CAAC,KAAK;qBACV,aAED,KAAC,cAAc,CAAC,YAAY,IAC1B,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,EACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,GAAG,EAAE,CAAC,CAAC,GACvC,EACD,gBAAgB,IAAI,CACnB,KAAC,2BAA2B,IAC1B,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,SAAS,EAChC,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,WAAW,EAAE,SAAS,CAAC,EAC/D,UAAU,EAAE,MAAM,CAAC,IAAI,GACvB,CACH,IACG,GACA,EAER,KAAC,KAAK,IAAC,KAAK,EAAC,QAAQ,EAAC,QAAQ,kBAC5B,KAAC,kBAAkB,CAAC,OAAO,IACzB,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,OAAO,IAAI,EAAE,EACpC,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,cAAc,CAAC,SAAS,EAAE,OAAO,CAAC,EACzD,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,GACnD,GACI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {type FC} from 'react';\nimport {Field} from '../../../components/Field';\nimport {ColumnSelector} from '../../../components/ColumnSelector';\n\nimport {TemporalGranularitySelector} from '../../../components/TemporalGranularitySelector';\nimport {useMosaicChartSettingsContext} from '../../chart-settings/MosaicChartSettingsContext';\nimport {MultiFieldSelector} from '../../../components/MultiFieldSelector';\nimport {isTemporalType} from '../../../column-types-utils';\nimport {useColumnsContext} from '../../../components/ColumnsContext';\n\n/**\n * Explicit settings component for line chart.\n * Composes primitive and compound components for full control over the UI.\n */\nexport const LineChartSettingsComponent: FC = () => {\n  const {onChangeConfig, config} = useMosaicChartSettingsContext('line-chart');\n  const {columns} = useColumnsContext();\n\n  const xField = columns.find((c) => c.name === config.settings.x);\n  const isXFieldTemporal = xField && isTemporalType(xField.type);\n\n  return (\n    <div className=\"space-y-4\">\n      <Field label=\"X Axis\" required>\n        <div\n          className=\"grid items-end gap-2\"\n          style={{\n            gridTemplateColumns: isXFieldTemporal\n              ? 'minmax(120px, 1fr) 100px'\n              : '1fr',\n          }}\n        >\n          <ColumnSelector.Quantitative\n            value={config.settings.x}\n            onChange={(x) => onChangeConfig('x', x)}\n          />\n          {isXFieldTemporal && (\n            <TemporalGranularitySelector\n              value={config.settings.xInterval}\n              onChange={(xInterval) => onChangeConfig('xInterval', xInterval)}\n              xFieldType={xField.type}\n            />\n          )}\n        </div>\n      </Field>\n\n      <Field label=\"Y Axis\" required>\n        <MultiFieldSelector.Numeric\n          value={config.settings.yFields ?? []}\n          onChange={(yFields) => onChangeConfig('yFields', yFields)}\n          showAggregation={Boolean(config.settings.xInterval)}\n        />\n      </Field>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"LineChartSettings.js","sourceRoot":"","sources":["../../../../src/charts/chart-types/line-chart/LineChartSettings.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,KAAK,EAAC,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAC;AACpC,OAAO,EAAC,6BAA6B,EAAC,MAAM,iDAAiD,CAAC;AAC9F,OAAO,EAAC,wBAAwB,EAAC,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAC,uBAAuB,EAAC,MAAM,2BAA2B,CAAC;AAElE;;;GAGG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAO,GAAG,EAAE;IACjD,MAAM,EAAC,cAAc,EAAE,MAAM,EAAC,GAAG,6BAA6B,CAAC,YAAY,CAAC,CAAC;IAE7E,OAAO,CACL,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,KAAK,IAAC,KAAK,EAAC,QAAQ,EAAC,QAAQ,kBAC5B,KAAC,uBAAuB,KAAG,GACrB,EAER,KAAC,KAAK,IAAC,KAAK,EAAC,QAAQ,EAAC,QAAQ,kBAC5B,KAAC,wBAAwB,KAAG,GACtB,EAER,iBAAO,SAAS,EAAC,wCAAwC,aACvD,KAAC,MAAM,IACL,OAAO,EAAE,MAAM,CAAC,QAAQ,CAAC,UAAU,IAAI,IAAI,EAC3C,eAAe,EAAE,CAAC,UAAU,EAAE,EAAE,CAC9B,cAAc,CAAC,YAAY,EAAE,UAAU,CAAC,EAE1C,SAAS,EAAC,6EAA6E,YAEvF,KAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,6GAA6G,GAAG,GACjI,EACT,eAAM,SAAS,EAAC,SAAS,4BAAmB,IACtC,IACJ,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {type FC} from 'react';\nimport {Field} from '../../../components/Field';\nimport {Switch} from '@sqlrooms/ui';\nimport {useMosaicChartSettingsContext} from '../../chart-settings/MosaicChartSettingsContext';\nimport {LineChartYFieldsSelector} from './LineChartYFieldsSelector';\nimport {LineChartXFieldSelector} from './LineChartXFieldSelector';\n\n/**\n * Explicit settings component for line chart.\n * Composes primitive and compound components for full control over the UI.\n */\nexport const LineChartSettingsComponent: FC = () => {\n  const {onChangeConfig, config} = useMosaicChartSettingsContext('line-chart');\n\n  return (\n    <div className=\"space-y-4\">\n      <Field label=\"X Axis\" required>\n        <LineChartXFieldSelector />\n      </Field>\n\n      <Field label=\"Y Axis\" required>\n        <LineChartYFieldsSelector />\n      </Field>\n\n      <label className=\"flex cursor-pointer items-center gap-2\">\n        <Switch\n          checked={config.settings.showLegend ?? true}\n          onCheckedChange={(showLegend) =>\n            onChangeConfig('showLegend', showLegend)\n          }\n          className=\"h-4 w-7 data-[state=checked]:bg-gray-800 data-[state=unchecked]:bg-gray-300\"\n        >\n          <Switch.Thumb className=\"h-3 w-3 data-[state=checked]:translate-x-3 data-[state=checked]:bg-white data-[state=unchecked]:bg-gray-800\" />\n        </Switch>\n        <span className=\"text-xs\">Show Legend</span>\n      </label>\n    </div>\n  );\n};\n"]}

package/dist/charts/chart-types/line-chart/LineChartXFieldSelector.d.ts

@@ -0,0 +1,7 @@
+import type { FC } from 'react';
+/**
+ * Field selector specifically for line chart X-axis.
+ * Includes temporal granularity selector when X field is temporal.
+ */
+export declare const LineChartXFieldSelector: FC;
+//# sourceMappingURL=LineChartXFieldSelector.d.ts.map

package/dist/charts/chart-types/line-chart/LineChartXFieldSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChartXFieldSelector.d.ts","sourceRoot":"","sources":["../../../../src/charts/chart-types/line-chart/LineChartXFieldSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AAO9B;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,EA6BrC,CAAC"}

package/dist/charts/chart-types/line-chart/LineChartXFieldSelector.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ColumnSelector } from '../../../components/ColumnSelector';
+import { TemporalGranularitySelector } from '../../../components/TemporalGranularitySelector';
+import { useColumnsContext } from '../../../components/ColumnsContext';
+import { isTemporalType } from '../../../column-types-utils';
+import { useMosaicChartSettingsContext } from '../../chart-settings/MosaicChartSettingsContext';
+/**
+ * Field selector specifically for line chart X-axis.
+ * Includes temporal granularity selector when X field is temporal.
+ */
+export const LineChartXFieldSelector = () => {
+    const { onChangeConfig, config } = useMosaicChartSettingsContext('line-chart');
+    const { columns } = useColumnsContext();
+    const xColumn = columns.find((c) => c.name === config.settings.x);
+    const isXFieldTemporal = xColumn && isTemporalType(xColumn.type);
+    return (_jsxs("div", { className: "grid items-end gap-2", style: {
+            gridTemplateColumns: isXFieldTemporal
+                ? 'minmax(120px, 1fr) 100px'
+                : '1fr',
+        }, children: [_jsx(ColumnSelector.Quantitative, { value: config.settings.x, onChange: (x) => onChangeConfig('x', x) }), isXFieldTemporal && (_jsx(TemporalGranularitySelector, { value: config.settings.xInterval, onChange: (xInterval) => onChangeConfig('xInterval', xInterval), xFieldType: xColumn.type }))] }));
+};
+//# sourceMappingURL=LineChartXFieldSelector.js.map

package/dist/charts/chart-types/line-chart/LineChartXFieldSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChartXFieldSelector.js","sourceRoot":"","sources":["../../../../src/charts/chart-types/line-chart/LineChartXFieldSelector.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,cAAc,EAAC,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAC,2BAA2B,EAAC,MAAM,iDAAiD,CAAC;AAC5F,OAAO,EAAC,iBAAiB,EAAC,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAC,cAAc,EAAC,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAC,6BAA6B,EAAC,MAAM,iDAAiD,CAAC;AAE9F;;;GAGG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAO,GAAG,EAAE;IAC9C,MAAM,EAAC,cAAc,EAAE,MAAM,EAAC,GAAG,6BAA6B,CAAC,YAAY,CAAC,CAAC;IAE7E,MAAM,EAAC,OAAO,EAAC,GAAG,iBAAiB,EAAE,CAAC;IACtC,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAClE,MAAM,gBAAgB,GAAG,OAAO,IAAI,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAEjE,OAAO,CACL,eACE,SAAS,EAAC,sBAAsB,EAChC,KAAK,EAAE;YACL,mBAAmB,EAAE,gBAAgB;gBACnC,CAAC,CAAC,0BAA0B;gBAC5B,CAAC,CAAC,KAAK;SACV,aAED,KAAC,cAAc,CAAC,YAAY,IAC1B,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,EACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,GAAG,EAAE,CAAC,CAAC,GACvC,EACD,gBAAgB,IAAI,CACnB,KAAC,2BAA2B,IAC1B,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,SAAS,EAChC,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,WAAW,EAAE,SAAS,CAAC,EAC/D,UAAU,EAAE,OAAO,CAAC,IAAI,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type {FC} from 'react';\nimport {ColumnSelector} from '../../../components/ColumnSelector';\nimport {TemporalGranularitySelector} from '../../../components/TemporalGranularitySelector';\nimport {useColumnsContext} from '../../../components/ColumnsContext';\nimport {isTemporalType} from '../../../column-types-utils';\nimport {useMosaicChartSettingsContext} from '../../chart-settings/MosaicChartSettingsContext';\n\n/**\n * Field selector specifically for line chart X-axis.\n * Includes temporal granularity selector when X field is temporal.\n */\nexport const LineChartXFieldSelector: FC = () => {\n  const {onChangeConfig, config} = useMosaicChartSettingsContext('line-chart');\n\n  const {columns} = useColumnsContext();\n  const xColumn = columns.find((c) => c.name === config.settings.x);\n  const isXFieldTemporal = xColumn && isTemporalType(xColumn.type);\n\n  return (\n    <div\n      className=\"grid items-end gap-2\"\n      style={{\n        gridTemplateColumns: isXFieldTemporal\n          ? 'minmax(120px, 1fr) 100px'\n          : '1fr',\n      }}\n    >\n      <ColumnSelector.Quantitative\n        value={config.settings.x}\n        onChange={(x) => onChangeConfig('x', x)}\n      />\n      {isXFieldTemporal && (\n        <TemporalGranularitySelector\n          value={config.settings.xInterval}\n          onChange={(xInterval) => onChangeConfig('xInterval', xInterval)}\n          xFieldType={xColumn.type}\n        />\n      )}\n    </div>\n  );\n};\n"]}

package/dist/charts/chart-types/line-chart/LineChartYFieldsSelector.d.ts

@@ -0,0 +1,7 @@
+import { type FC } from 'react';
+/**
+ * Field selector specifically for line chart Y-axis fields.
+ * Includes aggregation and color selection.
+ */
+export declare const LineChartYFieldsSelector: FC;
+//# sourceMappingURL=LineChartYFieldsSelector.d.ts.map

package/dist/charts/chart-types/line-chart/LineChartYFieldsSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChartYFieldsSelector.d.ts","sourceRoot":"","sources":["../../../../src/charts/chart-types/line-chart/LineChartYFieldsSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,EAAE,EAAC,MAAM,OAAO,CAAC;AAapD;;;GAGG;AACH,eAAO,MAAM,wBAAwB,EAAE,EAuEtC,CAAC"}

package/dist/charts/chart-types/line-chart/LineChartYFieldsSelector.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo } from 'react';
+import { MultiFieldSelector } from '../../../components/MultiFieldSelector';
+import { AggregationSelector } from '../../../components/AggregationSelector';
+import { ColorSelector } from '../../../components/ColorSelector';
+import { useMosaicChartSettingsContext } from '../../chart-settings/MosaicChartSettingsContext';
+import { useColumnsContext } from '../../../components/ColumnsContext';
+import { isTemporalType } from '../../../column-types-utils';
+import { getUnusedColor } from './utils';
+import { DEFAULT_CHART_COLORS, DEFAULT_CHART_FALLBACK_COLOR, } from '../../../constants/chart-colors';
+/**
+ * Field selector specifically for line chart Y-axis fields.
+ * Includes aggregation and color selection.
+ */
+export const LineChartYFieldsSelector = () => {
+    const { onChangeConfig, config } = useMosaicChartSettingsContext('line-chart');
+    const { columns } = useColumnsContext();
+    const yFields = useMemo(() => config.settings.yFields ?? [], [config.settings.yFields]);
+    const xColumn = columns.find((c) => c.name === config.settings.x);
+    const isXFieldTemporal = xColumn && isTemporalType(xColumn.type);
+    const showAggregation = Boolean(isXFieldTemporal && config.settings.xInterval);
+    const handleChange = useCallback((newYFields) => onChangeConfig('yFields', newYFields), [onChangeConfig]);
+    const handleAdd = useCallback((fieldName) => {
+        if (fieldName) {
+            const usedColors = yFields
+                .map((f) => f.color)
+                .filter((c) => Boolean(c));
+            onChangeConfig('yFields', [
+                ...yFields,
+                {
+                    field: fieldName,
+                    aggregate: 'sum',
+                    color: getUnusedColor(DEFAULT_CHART_COLORS, usedColors),
+                },
+            ]);
+        }
+    }, [yFields, onChangeConfig]);
+    return (_jsx(MultiFieldSelector.Numeric, { value: yFields, onChange: handleChange, onAdd: handleAdd, renderItem: (fieldConfig, index, handleUpdate) => (_jsxs("div", { className: "grid items-end gap-2", style: {
+                gridTemplateColumns: showAggregation ? 'auto auto' : 'auto',
+            }, children: [showAggregation && (_jsx(AggregationSelector, { value: fieldConfig.aggregate || 'sum', onChange: (newAggregate) => handleUpdate(index, { aggregate: newAggregate }) })), _jsx(ColorSelector, { items: DEFAULT_CHART_COLORS, value: fieldConfig.color ?? DEFAULT_CHART_FALLBACK_COLOR, onChange: (color) => handleUpdate(index, { color }) })] })) }));
+};
+//# sourceMappingURL=LineChartYFieldsSelector.js.map

package/dist/charts/chart-types/line-chart/LineChartYFieldsSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChartYFieldsSelector.js","sourceRoot":"","sources":["../../../../src/charts/chart-types/line-chart/LineChartYFieldsSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useCallback, useMemo, type FC} from 'react';\nimport {MultiFieldSelector} from '../../../components/MultiFieldSelector';\nimport {AggregationSelector} from '../../../components/AggregationSelector';\nimport {ColorSelector} from '../../../components/ColorSelector';\nimport {useMosaicChartSettingsContext} from '../../chart-settings/MosaicChartSettingsContext';\nimport {useColumnsContext} from '../../../components/ColumnsContext';\nimport {isTemporalType} from '../../../column-types-utils';\nimport {getUnusedColor} from './utils';\nimport {\n  DEFAULT_CHART_COLORS,\n  DEFAULT_CHART_FALLBACK_COLOR,\n} from '../../../constants/chart-colors';\n\n/**\n * Field selector specifically for line chart Y-axis fields.\n * Includes aggregation and color selection.\n */\nexport const LineChartYFieldsSelector: FC = () => {\n  const {onChangeConfig, config} = useMosaicChartSettingsContext('line-chart');\n  const {columns} = useColumnsContext();\n\n  const yFields = useMemo(\n    () => config.settings.yFields ?? [],\n    [config.settings.yFields],\n  );\n\n  const xColumn = columns.find((c) => c.name === config.settings.x);\n  const isXFieldTemporal = xColumn && isTemporalType(xColumn.type);\n\n  const showAggregation = Boolean(\n    isXFieldTemporal && config.settings.xInterval,\n  );\n\n  const handleChange = useCallback(\n    (newYFields: typeof yFields) => onChangeConfig('yFields', newYFields),\n    [onChangeConfig],\n  );\n\n  const handleAdd = useCallback(\n    (fieldName: string) => {\n      if (fieldName) {\n        const usedColors = yFields\n          .map((f) => f.color)\n          .filter((c): c is string => Boolean(c));\n\n        onChangeConfig('yFields', [\n          ...yFields,\n          {\n            field: fieldName,\n            aggregate: 'sum',\n            color: getUnusedColor(DEFAULT_CHART_COLORS, usedColors),\n          },\n        ]);\n      }\n    },\n    [yFields, onChangeConfig],\n  );\n\n  return (\n    <MultiFieldSelector.Numeric\n      value={yFields}\n      onChange={handleChange}\n      onAdd={handleAdd}\n      renderItem={(fieldConfig, index, handleUpdate) => (\n        <div\n          className=\"grid items-end gap-2\"\n          style={{\n            gridTemplateColumns: showAggregation ? 'auto auto' : 'auto',\n          }}\n        >\n          {showAggregation && (\n            <AggregationSelector\n              value={fieldConfig.aggregate || 'sum'}\n              onChange={(newAggregate) =>\n                handleUpdate(index, {aggregate: newAggregate})\n              }\n            />\n          )}\n\n          <ColorSelector\n            items={DEFAULT_CHART_COLORS}\n            value={fieldConfig.color ?? DEFAULT_CHART_FALLBACK_COLOR}\n            onChange={(color) => handleUpdate(index, {color})}\n          />\n        </div>\n      )}\n    />\n  );\n};\n"]}