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

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

@@ -32,6 +32,7 @@ export declare const LineChartSettings: z.ZodObject<{
             avg: "avg";
         }>>>;
     }, z.core.$strip>>>;
+    showLegend: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
 }, z.core.$strip>;
 export type LineChartSettings = z.infer<typeof LineChartSettings>;
 export declare const LineChartConfig: z.ZodObject<{
@@ -58,6 +59,7 @@ export declare const LineChartConfig: z.ZodObject<{
                 avg: "avg";
             }>>>;
         }, z.core.$strip>>>;
+        showLegend: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
     }, z.core.$strip>;
     settingsOpen: z.ZodOptional<z.ZodBoolean>;
     dataPolicy: z.ZodOptional<z.ZodObject<{

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

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../../src/charts/chart-types/line-chart/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAKtB,eAAO,MAAM,YAAY;;;;;;;;;iBAMvB,CAAC;AACH,MAAM,MAAM,YAAY,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,YAAY,CAAC,CAAC;AAExD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;iBAY5B,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAElE,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAK1B,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,eAAe,CAAC,CAAC"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../../src/charts/chart-types/line-chart/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAKtB,eAAO,MAAM,YAAY;;;;;;;;;iBAMvB,CAAC;AACH,MAAM,MAAM,YAAY,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,YAAY,CAAC,CAAC;AAExD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;iBAiB5B,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAElE,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAK1B,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,eAAe,CAAC,CAAC"}

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

@@ -19,6 +19,11 @@ export const LineChartSettings = z.object({
         .array(YFieldConfig)
         .optional()
         .describe('Array of Y fields to plot, supports multiple lines'),
+    showLegend: z
+        .boolean()
+        .optional()
+        .default(true)
+        .describe('Show interactive legend for toggling line visibility'),
 });
 export const LineChartConfig = z.object({
     chartType: z.literal('line-chart'),

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

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../../src/charts/chart-types/line-chart/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AACtB,OAAO,EAAC,6BAA6B,EAAC,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAC,gBAAgB,EAAE,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AAErE,wBAAwB;AACxB,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAC,MAAM,CAAC;IACnC,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,uCAAuC,CAAC;IACnE,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,8BAA8B,CAAC;IACrE,SAAS,EAAE,iBAAiB,CAAC,QAAQ,EAAE;SACpC,OAAO,CAAC,KAAK,CAAC;SACd,QAAQ,CAAC,6CAA6C,CAAC;CAC3D,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,CAAC,MAAM,CAAC;IACxC,CAAC,EAAE,CAAC;SACD,MAAM,EAAE;SACR,QAAQ,EAAE;SACV,QAAQ,CAAC,mDAAmD,CAAC;IAChE,SAAS,EAAE,gBAAgB,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAC7C,yDAAyD,CAC1D;IACD,OAAO,EAAE,CAAC;SACP,KAAK,CAAC,YAAY,CAAC;SACnB,QAAQ,EAAE;SACV,QAAQ,CAAC,oDAAoD,CAAC;CAClE,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,CAAC,MAAM,CAAC;IACtC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC;IAClC,QAAQ,EAAE,iBAAiB;IAC3B,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';\nimport {TemporalInterval, AggregateFunction} from '../../../schemas';\n\n// Y-field configuration\nexport const YFieldConfig = z.object({\n  field: z.string().describe('Numeric column name to plot on Y axis'),\n  color: z.string().optional().describe('Optional color for this line'),\n  aggregate: AggregateFunction.optional()\n    .default('sum')\n    .describe('Aggregation function: sum, avg, min, or max'),\n});\nexport type YFieldConfig = z.infer<typeof YFieldConfig>;\n\nexport const LineChartSettings = z.object({\n  x: z\n    .string()\n    .optional()\n    .describe('Column for X axis, typically temporal (date/time)'),\n  xInterval: TemporalInterval.optional().describe(\n    'Temporal binning interval: year, month, day, hour, etc.',\n  ),\n  yFields: z\n    .array(YFieldConfig)\n    .optional()\n    .describe('Array of Y fields to plot, supports multiple lines'),\n});\n\nexport type LineChartSettings = z.infer<typeof LineChartSettings>;\n\nexport const LineChartConfig = z.object({\n  chartType: z.literal('line-chart'),\n  settings: LineChartSettings,\n  settingsOpen: z.boolean().optional(),\n  dataPolicy: ChartDataPolicyOverrideConfig.optional(),\n});\n\nexport type LineChartConfig = z.infer<typeof LineChartConfig>;\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../../src/charts/chart-types/line-chart/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AACtB,OAAO,EAAC,6BAA6B,EAAC,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAC,gBAAgB,EAAE,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AAErE,wBAAwB;AACxB,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAC,MAAM,CAAC;IACnC,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,uCAAuC,CAAC;IACnE,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,8BAA8B,CAAC;IACrE,SAAS,EAAE,iBAAiB,CAAC,QAAQ,EAAE;SACpC,OAAO,CAAC,KAAK,CAAC;SACd,QAAQ,CAAC,6CAA6C,CAAC;CAC3D,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,CAAC,MAAM,CAAC;IACxC,CAAC,EAAE,CAAC;SACD,MAAM,EAAE;SACR,QAAQ,EAAE;SACV,QAAQ,CAAC,mDAAmD,CAAC;IAChE,SAAS,EAAE,gBAAgB,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAC7C,yDAAyD,CAC1D;IACD,OAAO,EAAE,CAAC;SACP,KAAK,CAAC,YAAY,CAAC;SACnB,QAAQ,EAAE;SACV,QAAQ,CAAC,oDAAoD,CAAC;IACjE,UAAU,EAAE,CAAC;SACV,OAAO,EAAE;SACT,QAAQ,EAAE;SACV,OAAO,CAAC,IAAI,CAAC;SACb,QAAQ,CAAC,sDAAsD,CAAC;CACpE,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,CAAC,MAAM,CAAC;IACtC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC;IAClC,QAAQ,EAAE,iBAAiB;IAC3B,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';\nimport {TemporalInterval, AggregateFunction} from '../../../schemas';\n\n// Y-field configuration\nexport const YFieldConfig = z.object({\n  field: z.string().describe('Numeric column name to plot on Y axis'),\n  color: z.string().optional().describe('Optional color for this line'),\n  aggregate: AggregateFunction.optional()\n    .default('sum')\n    .describe('Aggregation function: sum, avg, min, or max'),\n});\nexport type YFieldConfig = z.infer<typeof YFieldConfig>;\n\nexport const LineChartSettings = z.object({\n  x: z\n    .string()\n    .optional()\n    .describe('Column for X axis, typically temporal (date/time)'),\n  xInterval: TemporalInterval.optional().describe(\n    'Temporal binning interval: year, month, day, hour, etc.',\n  ),\n  yFields: z\n    .array(YFieldConfig)\n    .optional()\n    .describe('Array of Y fields to plot, supports multiple lines'),\n  showLegend: z\n    .boolean()\n    .optional()\n    .default(true)\n    .describe('Show interactive legend for toggling line visibility'),\n});\n\nexport type LineChartSettings = z.infer<typeof LineChartSettings>;\n\nexport const LineChartConfig = z.object({\n  chartType: z.literal('line-chart'),\n  settings: LineChartSettings,\n  settingsOpen: z.boolean().optional(),\n  dataPolicy: ChartDataPolicyOverrideConfig.optional(),\n});\n\nexport type LineChartConfig = z.infer<typeof LineChartConfig>;\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"spec.d.ts","sourceRoot":"","sources":["../../../../src/charts/chart-types/line-chart/spec.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAC,iBAAiB,EAAC,MAAM,UAAU,CAAC;AAuB3C,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,MAAM,EACjB,EAAC,CAAC,EAAE,OAAO,EAAE,SAAS,EAAC,EAAE,iBAAiB,GACzC,IAAI,CAgFN"}
+{"version":3,"file":"spec.d.ts","sourceRoot":"","sources":["../../../../src/charts/chart-types/line-chart/spec.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAC,iBAAiB,EAAC,MAAM,UAAU,CAAC;AAM3C,OAAO,EAAC,iBAAiB,EAAyB,MAAM,eAAe,CAAC;AAoBxE,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,GAC5C,IAAI,CAyFN"}

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

@@ -1,91 +1,123 @@
-import { ChartSpecError } from '../errors';
-// Chart color palette matching theme colors from tailwind-preset.css
-const CHART_COLORS = [
-    '#ea7c5c', // chart-1: hsl(12, 76%, 61%)
-    '#2a9d8f', // chart-2: hsl(173, 58%, 39%)
-    '#264653', // chart-3: hsl(197, 37%, 24%)
-    '#e9c46a', // chart-4: hsl(43, 74%, 66%)
-    '#f4a261', // chart-5: hsl(27, 87%, 67%)
-];
-function getLineColor(fieldConfig, index) {
-    if (fieldConfig.color) {
-        return fieldConfig.color;
+import { InvalidColumnTypeError, MissingColumnsError, RequiredFieldsError, } from '../errors';
+import { getChartTableReference } from '../base-types';
+import { isNumericType, isQuantitativeType, isTemporalType, } from '../../../column-types-utils';
+import { DEFAULT_CHART_FALLBACK_COLOR } from '../../../constants/chart-colors';
+function getLegendLabel(yColumn, hasAggregation) {
+    if (hasAggregation && yColumn.aggregate) {
+        return `${yColumn.field} (${yColumn.aggregate.toUpperCase()})`;
     }
-    // CHART_COLORS is non-empty, so this is always defined
-    return CHART_COLORS[index % CHART_COLORS.length];
+    return yColumn.field;
 }
-export function createLineChartSpec(tableName, { x, yFields, xInterval }) {
-    if (!x) {
-        throw new ChartSpecError('X field is required for line chart');
-    }
-    if (!yFields || yFields.length === 0) {
-        throw new ChartSpecError('At least one Y field is required for line chart');
-    }
+export function createLineChartSpec(options) {
+    const { dataTable, selectionName, settings } = options;
+    const { xColumn, yColumns, xInterval } = validateLineChartSettings(options);
+    const isXTemporal = isTemporalType(xColumn.type);
     const plotMarks = [];
-    // When temporal aggregation is active, use SQL binning
-    const dataSource = xInterval
-        ? {
-            from: tableName,
-            filterBy: '$brush',
-        }
-        : { from: tableName, filterBy: '$brush' };
-    // Generate lineY and text marks for each Y field
-    yFields.forEach((fieldConfig, index) => {
-        const color = getLineColor(fieldConfig, index);
-        const aggregate = fieldConfig.aggregate || 'sum';
+    // Data source always includes filterBy for brush
+    const dataSource = {
+        from: getChartTableReference(dataTable),
+        filterBy: '$brush',
+    };
+    // Generate lineY marks for each Y field
+    yColumns.forEach((yColumn) => {
+        const color = yColumn.color ?? DEFAULT_CHART_FALLBACK_COLOR;
+        const aggregate = yColumn.aggregate ?? 'sum';
         // When temporal aggregation is active, use bin for X and aggregation for Y
-        if (xInterval) {
+        if (isXTemporal && xInterval) {
             // Use bin syntax for temporal aggregation
             plotMarks.push({
                 mark: 'lineY',
                 data: dataSource,
-                x: { bin: x, interval: xInterval },
-                y: { [aggregate]: fieldConfig.field },
+                x: { bin: xColumn.name, interval: xInterval },
+                y: { [aggregate]: yColumn.column.name },
                 stroke: color,
             });
-            // Text label with aggregation info
-            plotMarks.push({
-                mark: 'text',
-                data: dataSource,
-                x: { bin: x, interval: xInterval },
-                y: { [aggregate]: fieldConfig.field },
-                text: [`${fieldConfig.field} (${aggregate})`],
-                fill: color,
-                dx: 5,
-                dy: -5,
-            });
         }
         else {
             // No aggregation - direct field references
             plotMarks.push({
                 mark: 'lineY',
                 data: dataSource,
-                x,
-                y: fieldConfig.field,
+                x: xColumn.name,
+                y: yColumn.column.name,
                 stroke: color,
             });
-            plotMarks.push({
-                mark: 'text',
-                data: dataSource,
-                x,
-                y: fieldConfig.field,
-                text: [fieldConfig.field],
-                fill: color,
-                dx: 5,
-                dy: -5,
-            });
         }
     });
-    // Add brush
-    plotMarks.push({ select: 'intervalX', as: '$brush' });
-    return {
+    // Add brush control only if selectionName is provided
+    if (selectionName) {
+        plotMarks.push({ select: 'intervalX', as: '$brush' });
+    }
+    const showLegend = settings.showLegend ?? true;
+    const plotSpec = {
         plot: plotMarks,
-        xLabel: x,
+        name: 'lineChart',
+        xLabel: xColumn.name,
         yLabel: undefined,
-        height: 250,
-        width: 380,
-        margins: { left: 50, right: 20, top: 20, bottom: 50 },
+        margins: {
+            left: 50,
+            right: 20,
+            top: 20,
+            bottom: 50,
+        },
+        colorDomain: yColumns.map((yColumn) => getLegendLabel({ field: yColumn.column.name, aggregate: yColumn.aggregate }, Boolean(isXTemporal && xInterval))),
+        colorRange: yColumns.map((yColumn) => yColumn.color ?? DEFAULT_CHART_FALLBACK_COLOR),
+    };
+    if (!showLegend) {
+        return {
+            ...plotSpec,
+            params: { brush: { select: 'crossfilter' } },
+        };
+    }
+    return {
+        vconcat: [
+            plotSpec,
+            {
+                legend: 'color',
+                for: 'lineChart',
+                columns: yColumns.length,
+            },
+        ],
         params: { brush: { select: 'crossfilter' } },
     };
 }
+function validateLineChartSettings({ dataTable, settings: { x, yFields = [], xInterval }, }) {
+    // Basic validation for required fields
+    if (!x || yFields.length === 0) {
+        throw new RequiredFieldsError([
+            ...(x ? [] : ['X-axis']),
+            ...(yFields.length > 0 ? [] : ['Y-axis']),
+        ]);
+    }
+    // Validate X and Y field existence
+    const xColumn = dataTable.columns.find((col) => col.name === x);
+    const yColumns = yFields.map((y) => ({
+        field: y.field,
+        column: dataTable.columns.find((col) => col.name === y.field),
+        aggregate: y.aggregate,
+        color: y.color,
+    }));
+    const missingYColumns = yColumns.filter((y) => !y.column);
+    if (!xColumn || missingYColumns.length > 0) {
+        throw new MissingColumnsError([
+            ...(xColumn ? [] : ['X-axis']),
+            ...missingYColumns.map((y) => y.field),
+        ]);
+    }
+    // Validate X and Y field types
+    if (!isQuantitativeType(xColumn.type)) {
+        throw new InvalidColumnTypeError(xColumn.name, 'quantitative');
+    }
+    const invalidYFields = yColumns.filter((y) => {
+        return y.column && !isNumericType(y.column.type);
+    });
+    if (invalidYFields.length > 0) {
+        throw new InvalidColumnTypeError(invalidYFields.map(({ field }) => field), 'numeric');
+    }
+    return {
+        xColumn,
+        yColumns,
+        xInterval,
+    };
+}
 //# sourceMappingURL=spec.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"spec.js","sourceRoot":"","sources":["../../../../src/charts/chart-types/line-chart/spec.ts"],"names":[],"mappings":"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","sourcesContent":["import type {Spec} from '@uwdata/mosaic-spec';\nimport {LineChartSettings} from './schema';\nimport {ChartSpecError} from '../errors';\n\n// Chart color palette matching theme colors from tailwind-preset.css\nconst CHART_COLORS = [\n  '#ea7c5c', // chart-1: hsl(12, 76%, 61%)\n  '#2a9d8f', // chart-2: hsl(173, 58%, 39%)\n  '#264653', // chart-3: hsl(197, 37%, 24%)\n  '#e9c46a', // chart-4: hsl(43, 74%, 66%)\n  '#f4a261', // chart-5: hsl(27, 87%, 67%)\n];\n\nfunction getLineColor(\n  fieldConfig: {field: string; color?: string},\n  index: number,\n): string {\n  if (fieldConfig.color) {\n    return fieldConfig.color;\n  }\n  // CHART_COLORS is non-empty, so this is always defined\n  return CHART_COLORS[index % CHART_COLORS.length]!;\n}\n\nexport function createLineChartSpec(\n  tableName: string,\n  {x, yFields, xInterval}: LineChartSettings,\n): Spec {\n  if (!x) {\n    throw new ChartSpecError('X field is required for line chart');\n  }\n  if (!yFields || yFields.length === 0) {\n    throw new ChartSpecError('At least one Y field is required for line chart');\n  }\n\n  const plotMarks: any[] = [];\n\n  // When temporal aggregation is active, use SQL binning\n  const dataSource = xInterval\n    ? {\n        from: tableName,\n        filterBy: '$brush',\n      }\n    : {from: tableName, filterBy: '$brush'};\n\n  // Generate lineY and text marks for each Y field\n  yFields.forEach((fieldConfig, index) => {\n    const color = getLineColor(fieldConfig, index);\n    const aggregate = fieldConfig.aggregate || 'sum';\n\n    // When temporal aggregation is active, use bin for X and aggregation for Y\n    if (xInterval) {\n      // Use bin syntax for temporal aggregation\n      plotMarks.push({\n        mark: 'lineY',\n        data: dataSource,\n        x: {bin: x, interval: xInterval},\n        y: {[aggregate]: fieldConfig.field},\n        stroke: color,\n      });\n\n      // Text label with aggregation info\n      plotMarks.push({\n        mark: 'text',\n        data: dataSource,\n        x: {bin: x, interval: xInterval},\n        y: {[aggregate]: fieldConfig.field},\n        text: [`${fieldConfig.field} (${aggregate})`],\n        fill: color,\n        dx: 5,\n        dy: -5,\n      });\n    } else {\n      // No aggregation - direct field references\n      plotMarks.push({\n        mark: 'lineY',\n        data: dataSource,\n        x,\n        y: fieldConfig.field,\n        stroke: color,\n      });\n\n      plotMarks.push({\n        mark: 'text',\n        data: dataSource,\n        x,\n        y: fieldConfig.field,\n        text: [fieldConfig.field],\n        fill: color,\n        dx: 5,\n        dy: -5,\n      });\n    }\n  });\n\n  // Add brush\n  plotMarks.push({select: 'intervalX', as: '$brush'});\n\n  return {\n    plot: plotMarks,\n    xLabel: x,\n    yLabel: undefined,\n    height: 250,\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/line-chart/spec.ts"],"names":[],"mappings":"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","sourcesContent":["import type {Spec} from '@uwdata/mosaic-spec';\nimport {LineChartSettings} from './schema';\nimport {\n  InvalidColumnTypeError,\n  MissingColumnsError,\n  RequiredFieldsError,\n} from '../errors';\nimport {CreateSpecOptions, getChartTableReference} from '../base-types';\nimport {\n  isNumericType,\n  isQuantitativeType,\n  isTemporalType,\n} from '../../../column-types-utils';\nimport {TableColumn} from '@sqlrooms/db';\nimport {AggregateFunction, TemporalInterval} from '../../../schemas';\nimport {DEFAULT_CHART_FALLBACK_COLOR} from '../../../constants/chart-colors';\n\nfunction getLegendLabel(\n  yColumn: {field: string; aggregate?: AggregateFunction},\n  hasAggregation: boolean,\n): string {\n  if (hasAggregation && yColumn.aggregate) {\n    return `${yColumn.field} (${yColumn.aggregate.toUpperCase()})`;\n  }\n  return yColumn.field;\n}\n\nexport function createLineChartSpec(\n  options: CreateSpecOptions<LineChartSettings>,\n): Spec {\n  const {dataTable, selectionName, settings} = options;\n\n  const {xColumn, yColumns, xInterval} = validateLineChartSettings(options);\n\n  const isXTemporal = isTemporalType(xColumn.type);\n\n  const plotMarks: unknown[] = [];\n\n  // Data source always includes filterBy for brush\n  const dataSource = {\n    from: getChartTableReference(dataTable),\n    filterBy: '$brush',\n  };\n\n  // Generate lineY marks for each Y field\n  yColumns.forEach((yColumn) => {\n    const color = yColumn.color ?? DEFAULT_CHART_FALLBACK_COLOR;\n    const aggregate = yColumn.aggregate ?? 'sum';\n\n    // When temporal aggregation is active, use bin for X and aggregation for Y\n    if (isXTemporal && xInterval) {\n      // Use bin syntax for temporal aggregation\n      plotMarks.push({\n        mark: 'lineY',\n        data: dataSource,\n        x: {bin: xColumn.name, interval: xInterval},\n        y: {[aggregate]: yColumn.column.name},\n        stroke: color,\n      });\n    } else {\n      // No aggregation - direct field references\n      plotMarks.push({\n        mark: 'lineY',\n        data: dataSource,\n        x: xColumn.name,\n        y: yColumn.column.name,\n        stroke: color,\n      });\n    }\n  });\n\n  // Add brush control only if selectionName is provided\n  if (selectionName) {\n    plotMarks.push({select: 'intervalX', as: '$brush'});\n  }\n\n  const showLegend = settings.showLegend ?? true;\n\n  const plotSpec = {\n    plot: plotMarks,\n    name: 'lineChart',\n    xLabel: xColumn.name,\n    yLabel: undefined,\n    margins: {\n      left: 50,\n      right: 20,\n      top: 20,\n      bottom: 50,\n    },\n    colorDomain: yColumns.map((yColumn) =>\n      getLegendLabel(\n        {field: yColumn.column.name, aggregate: yColumn.aggregate},\n        Boolean(isXTemporal && xInterval),\n      ),\n    ),\n    colorRange: yColumns.map(\n      (yColumn) => yColumn.color ?? DEFAULT_CHART_FALLBACK_COLOR,\n    ),\n  };\n\n  if (!showLegend) {\n    return {\n      ...plotSpec,\n      params: {brush: {select: 'crossfilter'}},\n    } as Spec;\n  }\n\n  return {\n    vconcat: [\n      plotSpec,\n      {\n        legend: 'color',\n        for: 'lineChart',\n        columns: yColumns.length,\n      },\n    ],\n    params: {brush: {select: 'crossfilter'}},\n  } as Spec;\n}\n\ntype ValidatedLineChartSettings = {\n  xColumn: TableColumn;\n  yColumns: {\n    field: string;\n    column: TableColumn;\n    aggregate?: AggregateFunction;\n    color?: string;\n  }[];\n  xInterval?: TemporalInterval;\n};\n\nfunction validateLineChartSettings({\n  dataTable,\n  settings: {x, yFields = [], xInterval},\n}: CreateSpecOptions<LineChartSettings>): ValidatedLineChartSettings {\n  // Basic validation for required fields\n  if (!x || yFields.length === 0) {\n    throw new RequiredFieldsError([\n      ...(x ? [] : ['X-axis']),\n      ...(yFields.length > 0 ? [] : ['Y-axis']),\n    ]);\n  }\n\n  // Validate X and Y field existence\n  const xColumn = dataTable.columns.find((col) => col.name === x);\n  const yColumns = yFields.map((y) => ({\n    field: y.field,\n    column: dataTable.columns.find((col) => col.name === y.field),\n    aggregate: y.aggregate,\n    color: y.color,\n  }));\n\n  const missingYColumns = yColumns.filter((y) => !y.column);\n\n  if (!xColumn || missingYColumns.length > 0) {\n    throw new MissingColumnsError([\n      ...(xColumn ? [] : ['X-axis']),\n      ...missingYColumns.map((y) => y.field),\n    ]);\n  }\n\n  // Validate X and Y field types\n  if (!isQuantitativeType(xColumn.type)) {\n    throw new InvalidColumnTypeError(xColumn.name, 'quantitative');\n  }\n\n  const invalidYFields = yColumns.filter((y) => {\n    return y.column && !isNumericType(y.column.type);\n  });\n\n  if (invalidYFields.length > 0) {\n    throw new InvalidColumnTypeError(\n      invalidYFields.map(({field}) => field),\n      'numeric',\n    );\n  }\n\n  return {\n    xColumn,\n    yColumns,\n    xInterval,\n  } as ValidatedLineChartSettings;\n}\n"]}

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

@@ -28,6 +28,7 @@ export declare const LineChartToolParameters: z.ZodObject<{
                 avg: "avg";
             }>>>;
         }, z.core.$strip>>>>;
+        showLegend: z.ZodNonOptional<z.ZodDefault<z.ZodOptional<z.ZodBoolean>>>;
     }, z.core.$strip>;
 }, z.core.$strip>;
 export type LineChartToolParams = z.infer<typeof LineChartToolParameters>;
@@ -42,6 +43,7 @@ export declare function createLineChartAiTool(deps: DashboardToolDeps): import("
             aggregate: "sum" | "max" | "min" | "avg";
             color?: string | undefined;
         }[];
+        showLegend: boolean;
     };
     artifactId?: string | undefined;
     tableName?: string | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../../../src/charts/chart-types/line-chart/tool.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAItB,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAYrD,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkF5D"}
+{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../../../src/charts/chart-types/line-chart/tool.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAItB,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAYrD,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkF5D"}

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

@@ -28,7 +28,7 @@ NOTE: Line charts with aggregation (xInterval or aggregate functions) handle lar
 
 To UPDATE an existing line chart: provide the panelId parameter. Otherwise creates new panel.
 
-Do NOT use for: single point distributions (use histogram), categorical counts (use count-plot), two-variable correlations (use bubble-chart).`,
+Do NOT use for: single point distributions (use histogram), categorical counts (use count-plot), two-variable correlations (use scatter-plot).`,
         inputSchema: LineChartToolParameters,
         execute: async (params, context) => {
             try {

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

@@ -1 +1 @@
-{"version":3,"file":"tool.js","sourceRoot":"","sources":["../../../../src/charts/chart-types/line-chart/tool.ts"],"names":[],"mappings":"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","sourcesContent":["import {tool} from 'ai';\nimport {z} from 'zod';\nimport {LineChartSettings} from './schema';\nimport {AggregateFunction, TemporalInterval} from '../../../schemas';\nimport {BaseChartToolParameters} from '../../../ai/tool-schemas';\nimport type {DashboardToolDeps} from '../base-types';\nimport {validateColumnExists} from '../../../ai/tool-validation';\nimport {\n  NUMERIC_COLUMN_TYPES,\n  QUANTITATIVE_COLUMN_TYPES,\n  TEMPORAL_COLUMN_TYPES,\n} from '../../../column-types-utils';\nimport {createOrUpdateChartPanel} from '../../../ai/tool-helpers';\n\nconst AGGREGATE_FUNCTIONS = AggregateFunction.options;\nconst TEMPORAL_INTERVALS = TemporalInterval.options;\n\nexport const LineChartToolParameters = BaseChartToolParameters.extend({\n  settings: LineChartSettings.required(),\n});\n\nexport type LineChartToolParams = z.infer<typeof LineChartToolParameters>;\n\nexport function createLineChartAiTool(deps: DashboardToolDeps) {\n  return tool({\n    description: `Line chart: shows trends and changes over time or ordered continuous variable. Connects data points to show progression.\n\nUse when: user asks about \"trend\", \"over time\", \"changes in\", \"time series\", \"progression of\", \"track X over Y\".\nExample queries: \"population growth over time\", \"temperature trend by month\", \"show land development over years\", \"elevation changes along route\", \"average precipitation by season\".\n\nRequired:\n- x: quantitative column (${QUANTITATIVE_COLUMN_TYPES.join(', ')})\n- yFields: array of {field: string (numeric: ${NUMERIC_COLUMN_TYPES.join(', ')}), aggregate?: ${AGGREGATE_FUNCTIONS.join('|')}}\n\nOptional: xInterval for temporal grouping (${TEMPORAL_INTERVALS.join(', ')}) when x is temporal (${TEMPORAL_COLUMN_TYPES.join(', ')}).\nMultiple yFields create multi-line chart for comparing metrics.\n\nNOTE: Line charts with aggregation (xInterval or aggregate functions) handle large datasets well. Without aggregation, line charts plot individual points and should not be used for tables with more than ${deps.maxDataPoints.toLocaleString()} rows - use aggregated visualizations instead.\n\nTo UPDATE an existing line chart: provide the panelId parameter. Otherwise creates new panel.\n\nDo NOT use for: single point distributions (use histogram), categorical counts (use count-plot), two-variable correlations (use bubble-chart).`,\n    inputSchema: LineChartToolParameters,\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.x,\n          QUANTITATIVE_COLUMN_TYPES,\n          columns,\n          'x',\n        );\n\n        for (const yField of params.settings.yFields) {\n          validateColumnExists(\n            yField.field,\n            NUMERIC_COLUMN_TYPES,\n            columns,\n            'yFields',\n          );\n        }\n\n        const result = createOrUpdateChartPanel(deps, {\n          panelId: params.panelId,\n          dashboardId: artifactId,\n          tableName,\n          title: params.settings.x\n            ? `Line chart - ${params.settings.yFields?.map((f) => f.field).join(', ') || ''} over ${params.settings.x}`\n            : 'Line chart',\n          config: {\n            chartType: 'line-chart',\n            settings: params.settings,\n          },\n        });\n\n        return {\n          llmResult: {\n            success: true,\n            details: params.panelId\n              ? `Updated line chart \"${result.title}\".`\n              : `Created line chart \"${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/line-chart/tool.ts"],"names":[],"mappings":"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","sourcesContent":["import {tool} from 'ai';\nimport {z} from 'zod';\nimport {LineChartSettings} from './schema';\nimport {AggregateFunction, TemporalInterval} from '../../../schemas';\nimport {BaseChartToolParameters} from '../../../ai/tool-schemas';\nimport type {DashboardToolDeps} from '../base-types';\nimport {validateColumnExists} from '../../../ai/tool-validation';\nimport {\n  NUMERIC_COLUMN_TYPES,\n  QUANTITATIVE_COLUMN_TYPES,\n  TEMPORAL_COLUMN_TYPES,\n} from '../../../column-types-utils';\nimport {createOrUpdateChartPanel} from '../../../ai/tool-helpers';\n\nconst AGGREGATE_FUNCTIONS = AggregateFunction.options;\nconst TEMPORAL_INTERVALS = TemporalInterval.options;\n\nexport const LineChartToolParameters = BaseChartToolParameters.extend({\n  settings: LineChartSettings.required(),\n});\n\nexport type LineChartToolParams = z.infer<typeof LineChartToolParameters>;\n\nexport function createLineChartAiTool(deps: DashboardToolDeps) {\n  return tool({\n    description: `Line chart: shows trends and changes over time or ordered continuous variable. Connects data points to show progression.\n\nUse when: user asks about \"trend\", \"over time\", \"changes in\", \"time series\", \"progression of\", \"track X over Y\".\nExample queries: \"population growth over time\", \"temperature trend by month\", \"show land development over years\", \"elevation changes along route\", \"average precipitation by season\".\n\nRequired:\n- x: quantitative column (${QUANTITATIVE_COLUMN_TYPES.join(', ')})\n- yFields: array of {field: string (numeric: ${NUMERIC_COLUMN_TYPES.join(', ')}), aggregate?: ${AGGREGATE_FUNCTIONS.join('|')}}\n\nOptional: xInterval for temporal grouping (${TEMPORAL_INTERVALS.join(', ')}) when x is temporal (${TEMPORAL_COLUMN_TYPES.join(', ')}).\nMultiple yFields create multi-line chart for comparing metrics.\n\nNOTE: Line charts with aggregation (xInterval or aggregate functions) handle large datasets well. Without aggregation, line charts plot individual points and should not be used for tables with more than ${deps.maxDataPoints.toLocaleString()} rows - use aggregated visualizations instead.\n\nTo UPDATE an existing line chart: provide the panelId parameter. Otherwise creates new panel.\n\nDo NOT use for: single point distributions (use histogram), categorical counts (use count-plot), two-variable correlations (use scatter-plot).`,\n    inputSchema: LineChartToolParameters,\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.x,\n          QUANTITATIVE_COLUMN_TYPES,\n          columns,\n          'x',\n        );\n\n        for (const yField of params.settings.yFields) {\n          validateColumnExists(\n            yField.field,\n            NUMERIC_COLUMN_TYPES,\n            columns,\n            'yFields',\n          );\n        }\n\n        const result = createOrUpdateChartPanel(deps, {\n          panelId: params.panelId,\n          dashboardId: artifactId,\n          tableName,\n          title: params.settings.x\n            ? `Line chart - ${params.settings.yFields?.map((f) => f.field).join(', ') || ''} over ${params.settings.x}`\n            : 'Line chart',\n          config: {\n            chartType: 'line-chart',\n            settings: params.settings,\n          },\n        });\n\n        return {\n          llmResult: {\n            success: true,\n            details: params.panelId\n              ? `Updated line chart \"${result.title}\".`\n              : `Created line chart \"${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/line-chart/utils.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Find the first unused color from the palette.
+ * Scans the used colors and returns the first palette color not in the set.
+ * If all colors are used, returns the first color.
+ */
+export declare function getUnusedColor(colors: readonly string[], usedColors: string[]): string;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/charts/chart-types/line-chart/utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,cAAc,CAC5B,MAAM,EAAE,SAAS,MAAM,EAAE,EACzB,UAAU,EAAE,MAAM,EAAE,GACnB,MAAM,CAYR"}

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

@@ -0,0 +1,17 @@
+/**
+ * Find the first unused color from the palette.
+ * Scans the used colors and returns the first palette color not in the set.
+ * If all colors are used, returns the first color.
+ */
+export function getUnusedColor(colors, usedColors) {
+    const usedSet = new Set(usedColors);
+    // Find first unused color
+    for (const color of colors) {
+        if (!usedSet.has(color)) {
+            return color;
+        }
+    }
+    // All colors used, fallback to first color
+    return colors[0];
+}
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/charts/chart-types/line-chart/utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAC5B,MAAyB,EACzB,UAAoB;IAEpB,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,UAAU,CAAC,CAAC;IAEpC,0BAA0B;IAC1B,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;QAC3B,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;YACxB,OAAO,KAAK,CAAC;QACf,CAAC;IACH,CAAC;IAED,2CAA2C;IAC3C,OAAO,MAAM,CAAC,CAAC,CAAE,CAAC;AACpB,CAAC","sourcesContent":["/**\n * Find the first unused color from the palette.\n * Scans the used colors and returns the first palette color not in the set.\n * If all colors are used, returns the first color.\n */\nexport function getUnusedColor(\n  colors: readonly string[],\n  usedColors: string[],\n): string {\n  const usedSet = new Set(usedColors);\n\n  // Find first unused color\n  for (const color of colors) {\n    if (!usedSet.has(color)) {\n      return color;\n    }\n  }\n\n  // All colors used, fallback to first color\n  return colors[0]!;\n}\n"]}

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

@@ -7,6 +7,7 @@ export declare const mosaicChartTypes: {
         settings: {
             field?: string | undefined;
             maxBins?: number | undefined;
+            color?: string | undefined;
         };
         settingsOpen?: boolean | undefined;
         dataPolicy?: {
@@ -30,6 +31,7 @@ export declare const mosaicChartTypes: {
     readonly lineChart: import("./base-types").SpecChartTypeDefinition<{
         chartType: "line-chart";
         settings: {
+            showLegend: boolean;
             x?: string | undefined;
             xInterval?: "second" | "minute" | "hour" | "day" | "week" | "month" | "quarter" | "year" | undefined;
             yFields?: {
@@ -71,8 +73,8 @@ export declare const mosaicChartTypes: {
             reason?: string | undefined;
         } | undefined;
     }>;
-    readonly bubbleChart: import("./base-types").SpecChartTypeDefinition<{
-        chartType: "bubble-chart";
+    readonly scatterPlot: import("./base-types").SpecChartTypeDefinition<{
+        chartType: "scatter-plot";
         settings: {
             x?: string | undefined;
             y?: string | undefined;

package/dist/charts/chart-types/mosaicChartTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mosaicChartTypes.d.ts","sourceRoot":"","sources":["../../../src/charts/chart-types/mosaicChartTypes.ts"],"names":[],"mappings":"AAQA;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQnB,CAAC"}
+{"version":3,"file":"mosaicChartTypes.d.ts","sourceRoot":"","sources":["../../../src/charts/chart-types/mosaicChartTypes.ts"],"names":[],"mappings":"AAQA;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQnB,CAAC"}

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

@@ -3,7 +3,7 @@ import { lineChartChartType } from './line-chart/definition';
 import { countPlotChartType } from './count-plot/definition';
 import { heatmapChartType } from './heatmap/definition';
 import { boxPlotChartType } from './box-plot/definition';
-import { bubbleChartChartType } from './bubble-chart/definition';
+import { scatterPlotChartType } from './scatter-plot/definition';
 import { customSpecChartType } from './custom-spec/definition';
 /**
  * Legacy compatibility exports for all available chart types.
@@ -14,7 +14,7 @@ export const mosaicChartTypes = {
     lineChart: lineChartChartType,
     heatmap: heatmapChartType,
     boxPlot: boxPlotChartType,
-    bubbleChart: bubbleChartChartType,
+    scatterPlot: scatterPlotChartType,
     customSpec: customSpecChartType,
 };
 //# sourceMappingURL=mosaicChartTypes.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"mosaicChartTypes.js","sourceRoot":"","sources":["../../../src/charts/chart-types/mosaicChartTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAC,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAC,kBAAkB,EAAC,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAC,kBAAkB,EAAC,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAC,gBAAgB,EAAC,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAC,oBAAoB,EAAC,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAC,mBAAmB,EAAC,MAAM,0BAA0B,CAAC;AAE7D;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,SAAS,EAAE,kBAAkB;IAC7B,SAAS,EAAE,kBAAkB;IAC7B,SAAS,EAAE,kBAAkB;IAC7B,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,WAAW,EAAE,oBAAoB;IACjC,UAAU,EAAE,mBAAmB;CACvB,CAAC","sourcesContent":["import {histogramChartType} from './histogram/definition';\nimport {lineChartChartType} from './line-chart/definition';\nimport {countPlotChartType} from './count-plot/definition';\nimport {heatmapChartType} from './heatmap/definition';\nimport {boxPlotChartType} from './box-plot/definition';\nimport {bubbleChartChartType} from './bubble-chart/definition';\nimport {customSpecChartType} from './custom-spec/definition';\n\n/**\n * Legacy compatibility exports for all available chart types.\n */\nexport const mosaicChartTypes = {\n  histogram: histogramChartType,\n  countPlot: countPlotChartType,\n  lineChart: lineChartChartType,\n  heatmap: heatmapChartType,\n  boxPlot: boxPlotChartType,\n  bubbleChart: bubbleChartChartType,\n  customSpec: customSpecChartType,\n} as const;\n"]}
+{"version":3,"file":"mosaicChartTypes.js","sourceRoot":"","sources":["../../../src/charts/chart-types/mosaicChartTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAC,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAC,kBAAkB,EAAC,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAC,kBAAkB,EAAC,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAC,gBAAgB,EAAC,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAC,oBAAoB,EAAC,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAC,mBAAmB,EAAC,MAAM,0BAA0B,CAAC;AAE7D;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,SAAS,EAAE,kBAAkB;IAC7B,SAAS,EAAE,kBAAkB;IAC7B,SAAS,EAAE,kBAAkB;IAC7B,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,WAAW,EAAE,oBAAoB;IACjC,UAAU,EAAE,mBAAmB;CACvB,CAAC","sourcesContent":["import {histogramChartType} from './histogram/definition';\nimport {lineChartChartType} from './line-chart/definition';\nimport {countPlotChartType} from './count-plot/definition';\nimport {heatmapChartType} from './heatmap/definition';\nimport {boxPlotChartType} from './box-plot/definition';\nimport {scatterPlotChartType} from './scatter-plot/definition';\nimport {customSpecChartType} from './custom-spec/definition';\n\n/**\n * Legacy compatibility exports for all available chart types.\n */\nexport const mosaicChartTypes = {\n  histogram: histogramChartType,\n  countPlot: countPlotChartType,\n  lineChart: lineChartChartType,\n  heatmap: heatmapChartType,\n  boxPlot: boxPlotChartType,\n  scatterPlot: scatterPlotChartType,\n  customSpec: customSpecChartType,\n} as const;\n"]}

package/dist/charts/chart-types/scatter-plot/ScatterPlotSettings.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from 'react';
+export declare const ScatterPlotSettingsComponent: FC;
+//# sourceMappingURL=ScatterPlotSettings.d.ts.map

package/dist/charts/chart-types/scatter-plot/ScatterPlotSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScatterPlotSettings.d.ts","sourceRoot":"","sources":["../../../../src/charts/chart-types/scatter-plot/ScatterPlotSettings.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAAC,MAAM,OAAO,CAAC;AAK9B,eAAO,MAAM,4BAA4B,EAAE,EA6B1C,CAAC"}

package/dist/charts/chart-types/{bubble-chart/BubbleChartSettings.js → scatter-plot/ScatterPlotSettings.js}

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Field } from '../../../components/Field';
 import { ColumnSelector } from '../../../components/ColumnSelector';
 import { useMosaicChartSettingsContext } from '../../chart-settings/MosaicChartSettingsContext';
-export const BubbleChartSettingsComponent = () => {
-    const { onChangeConfig, config } = useMosaicChartSettingsContext('bubble-chart');
-    return (_jsxs("div", { className: "space-y-4", children: [_jsx(Field, { label: "X Field", required: true, children: _jsx(ColumnSelector.Numeric, { value: config.settings.x, onChange: (x) => onChangeConfig('x', x) }) }), _jsx(Field, { label: "Y Field", required: true, children: _jsx(ColumnSelector.Numeric, { value: config.settings.y, onChange: (y) => onChangeConfig('y', y) }) })] }));
+export const ScatterPlotSettingsComponent = () => {
+    const { onChangeConfig, config } = useMosaicChartSettingsContext('scatter-plot');
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx(Field, { label: "X Field", required: true, children: _jsx(ColumnSelector.Numeric, { value: config.settings.x, onChange: (x) => onChangeConfig('x', x) }) }), _jsx(Field, { label: "Y Field", required: true, children: _jsx(ColumnSelector.Numeric, { value: config.settings.y, onChange: (y) => onChangeConfig('y', y) }) }), _jsx(Field, { label: "Size Field", children: _jsx(ColumnSelector.Numeric, { value: config.settings.size, onChange: (size) => onChangeConfig('size', size), placeholder: "(optional)" }) })] }));
 };
-//# sourceMappingURL=BubbleChartSettings.js.map
+//# sourceMappingURL=ScatterPlotSettings.js.map

package/dist/charts/chart-types/scatter-plot/ScatterPlotSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScatterPlotSettings.js","sourceRoot":"","sources":["../../../../src/charts/chart-types/scatter-plot/ScatterPlotSettings.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,KAAK,EAAC,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAC,cAAc,EAAC,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAC,6BAA6B,EAAC,MAAM,iDAAiD,CAAC;AAE9F,MAAM,CAAC,MAAM,4BAA4B,GAAO,GAAG,EAAE;IACnD,MAAM,EAAC,cAAc,EAAE,MAAM,EAAC,GAC5B,6BAA6B,CAAC,cAAc,CAAC,CAAC;IAEhD,OAAO,CACL,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,KAAK,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,kBAC7B,KAAC,cAAc,CAAC,OAAO,IACrB,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,EACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,GAAG,EAAE,CAAC,CAAC,GACvC,GACI,EAER,KAAC,KAAK,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,kBAC7B,KAAC,cAAc,CAAC,OAAO,IACrB,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,EACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,GAAG,EAAE,CAAC,CAAC,GACvC,GACI,EAER,KAAC,KAAK,IAAC,KAAK,EAAC,YAAY,YACvB,KAAC,cAAc,CAAC,OAAO,IACrB,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,EAC3B,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,cAAc,CAAC,MAAM,EAAE,IAAI,CAAC,EAChD,WAAW,EAAC,YAAY,GACxB,GACI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {type FC} from 'react';\nimport {Field} from '../../../components/Field';\nimport {ColumnSelector} from '../../../components/ColumnSelector';\nimport {useMosaicChartSettingsContext} from '../../chart-settings/MosaicChartSettingsContext';\n\nexport const ScatterPlotSettingsComponent: FC = () => {\n  const {onChangeConfig, config} =\n    useMosaicChartSettingsContext('scatter-plot');\n\n  return (\n    <div className=\"space-y-4\">\n      <Field label=\"X Field\" required>\n        <ColumnSelector.Numeric\n          value={config.settings.x}\n          onChange={(x) => onChangeConfig('x', x)}\n        />\n      </Field>\n\n      <Field label=\"Y Field\" required>\n        <ColumnSelector.Numeric\n          value={config.settings.y}\n          onChange={(y) => onChangeConfig('y', y)}\n        />\n      </Field>\n\n      <Field label=\"Size Field\">\n        <ColumnSelector.Numeric\n          value={config.settings.size}\n          onChange={(size) => onChangeConfig('size', size)}\n          placeholder=\"(optional)\"\n        />\n      </Field>\n    </div>\n  );\n};\n"]}

package/dist/charts/chart-types/scatter-plot/definition.d.ts

@@ -0,0 +1,4 @@
+import type { SpecChartTypeDefinition } from '../base-types';
+import { ScatterPlotChartConfig } from './schema';
+export declare const scatterPlotChartType: SpecChartTypeDefinition<ScatterPlotChartConfig>;
+//# sourceMappingURL=definition.d.ts.map

package/dist/charts/chart-types/scatter-plot/definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../../../src/charts/chart-types/scatter-plot/definition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAC,sBAAsB,EAA2B,MAAM,UAAU,CAAC;AAU1E,eAAO,MAAM,oBAAoB,EAAE,uBAAuB,CAAC,sBAAsB,CAgB9E,CAAC"}

package/dist/charts/chart-types/scatter-plot/definition.js

@@ -0,0 +1,24 @@
+import { ScatterPlotChartSettings } from './schema';
+import { titleFromDescription } from '../../../chart-builders/chartTypeUtils';
+import { ScatterPlotSettingsComponent } from './ScatterPlotSettings';
+import { createScatterPlotAiTool } from './tool';
+import { Workflow } from 'lucide-react';
+import { createScatterPlotSpec } from './spec';
+import { DEFAULT_CHART_MAX_DATA_POINTS } from '../../../chart-runtime';
+const DESCRIPTION = 'Create a scatter plot chart';
+export const scatterPlotChartType = {
+    id: 'scatter-plot',
+    label: 'Scatter Plot',
+    description: DESCRIPTION,
+    icon: Workflow,
+    schema: ScatterPlotChartSettings,
+    settingsComponent: ScatterPlotSettingsComponent,
+    buildTitle: titleFromDescription(DESCRIPTION),
+    createTool: createScatterPlotAiTool,
+    getDataPolicy: () => ({
+        maxRows: DEFAULT_CHART_MAX_DATA_POINTS,
+        reason: 'Scatter charts render one point per row. Use a heatmap or another aggregated chart for larger datasets.',
+    }),
+    createSpec: createScatterPlotSpec,
+};
+//# sourceMappingURL=definition.js.map

package/dist/charts/chart-types/scatter-plot/definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition.js","sourceRoot":"","sources":["../../../../src/charts/chart-types/scatter-plot/definition.ts"],"names":[],"mappings":"AACA,OAAO,EAAyB,wBAAwB,EAAC,MAAM,UAAU,CAAC;AAC1E,OAAO,EAAC,oBAAoB,EAAC,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAC,4BAA4B,EAAC,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAC,uBAAuB,EAAC,MAAM,QAAQ,CAAC;AAC/C,OAAO,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AACtC,OAAO,EAAC,qBAAqB,EAAC,MAAM,QAAQ,CAAC;AAC7C,OAAO,EAAC,6BAA6B,EAAC,MAAM,wBAAwB,CAAC;AAErE,MAAM,WAAW,GAAG,6BAA6B,CAAC;AAElD,MAAM,CAAC,MAAM,oBAAoB,GAC/B;IACE,EAAE,EAAE,cAAc;IAClB,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,WAAW;IACxB,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE,wBAAwB;IAChC,iBAAiB,EAAE,4BAA4B;IAC/C,UAAU,EAAE,oBAAoB,CAAC,WAAW,CAAC;IAC7C,UAAU,EAAE,uBAAuB;IACnC,aAAa,EAAE,GAAG,EAAE,CAAC,CAAC;QACpB,OAAO,EAAE,6BAA6B;QACtC,MAAM,EACJ,yGAAyG;KAC5G,CAAC;IACF,UAAU,EAAE,qBAAqB;CAClC,CAAC","sourcesContent":["import type {SpecChartTypeDefinition} from '../base-types';\nimport {ScatterPlotChartConfig, ScatterPlotChartSettings} from './schema';\nimport {titleFromDescription} from '../../../chart-builders/chartTypeUtils';\nimport {ScatterPlotSettingsComponent} from './ScatterPlotSettings';\nimport {createScatterPlotAiTool} from './tool';\nimport {Workflow} from 'lucide-react';\nimport {createScatterPlotSpec} from './spec';\nimport {DEFAULT_CHART_MAX_DATA_POINTS} from '../../../chart-runtime';\n\nconst DESCRIPTION = 'Create a scatter plot chart';\n\nexport const scatterPlotChartType: SpecChartTypeDefinition<ScatterPlotChartConfig> =\n  {\n    id: 'scatter-plot',\n    label: 'Scatter Plot',\n    description: DESCRIPTION,\n    icon: Workflow,\n    schema: ScatterPlotChartSettings,\n    settingsComponent: ScatterPlotSettingsComponent,\n    buildTitle: titleFromDescription(DESCRIPTION),\n    createTool: createScatterPlotAiTool,\n    getDataPolicy: () => ({\n      maxRows: DEFAULT_CHART_MAX_DATA_POINTS,\n      reason:\n        'Scatter charts render one point per row. Use a heatmap or another aggregated chart for larger datasets.',\n    }),\n    createSpec: createScatterPlotSpec,\n  };\n"]}

package/dist/charts/chart-types/{bubble-chart → scatter-plot}/schema.d.ts

@@ -1,12 +1,12 @@
 import { z } from 'zod';
-export declare const BubbleChartSettings: z.ZodObject<{
+export declare const ScatterPlotChartSettings: z.ZodObject<{
     x: z.ZodOptional<z.ZodString>;
     y: z.ZodOptional<z.ZodString>;
     size: z.ZodOptional<z.ZodString>;
 }, z.core.$strip>;
-export type BubbleChartSettings = z.infer<typeof BubbleChartSettings>;
-export declare const BubbleChartConfig: z.ZodObject<{
-    chartType: z.ZodLiteral<"bubble-chart">;
+export type ScatterPlotChartSettings = z.infer<typeof ScatterPlotChartSettings>;
+export declare const ScatterPlotChartConfig: z.ZodObject<{
+    chartType: z.ZodLiteral<"scatter-plot">;
     settings: z.ZodObject<{
         x: z.ZodOptional<z.ZodString>;
         y: z.ZodOptional<z.ZodString>;
@@ -19,5 +19,5 @@ export declare const BubbleChartConfig: z.ZodObject<{
         reason: z.ZodOptional<z.ZodString>;
     }, z.core.$strip>>;
 }, z.core.$strip>;
-export type BubbleChartConfig = z.infer<typeof BubbleChartConfig>;
+export type ScatterPlotChartConfig = z.infer<typeof ScatterPlotChartConfig>;
 //# sourceMappingURL=schema.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../../src/charts/chart-types/scatter-plot/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAGtB,eAAO,MAAM,wBAAwB;;;;iBAOnC,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,wBAAwB,CAAC,CAAC;AAEhF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;iBAKjC,CAAC;AAEH,MAAM,MAAM,sBAAsB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,sBAAsB,CAAC,CAAC"}

package/dist/charts/chart-types/{bubble-chart → scatter-plot}/schema.js

@@ -1,16 +1,16 @@
 import { z } from 'zod';
 import { ChartDataPolicyOverrideConfig } from '../data-policy-schema';
-export const BubbleChartSettings = z.object({
+export const ScatterPlotChartSettings = z.object({
     x: z.string().optional().describe('Numeric column for X axis position'),
     y: z.string().optional().describe('Numeric column for Y axis position'),
     size: z
         .string()
         .optional()
-        .describe('Numeric column for bubble size (optional)'),
+        .describe('Numeric column for point size (optional)'),
 });
-export const BubbleChartConfig = z.object({
-    chartType: z.literal('bubble-chart'),
-    settings: BubbleChartSettings,
+export const ScatterPlotChartConfig = z.object({
+    chartType: z.literal('scatter-plot'),
+    settings: ScatterPlotChartSettings,
     settingsOpen: z.boolean().optional(),
     dataPolicy: ChartDataPolicyOverrideConfig.optional(),
 });