@sqlrooms/mosaic 0.29.0-rc.2 → 0.29.0-rc.4

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

@@ -0,0 +1,55 @@
+import { tool } from 'ai';
+import { HistogramChartSettings } from './schema';
+import { BaseChartToolParameters } from '../tool-schemas';
+import { validateColumnExists } from '../tool-validation';
+import { QUANTITATIVE_COLUMN_TYPES } from '../../chart-builders/constants';
+export const HistogramToolParameters = BaseChartToolParameters.extend({
+    settings: HistogramChartSettings.required(),
+});
+export function createHistogramAiTool(deps) {
+    return tool({
+        description: `Histogram: shows distribution of numeric values by automatically grouping data into bins/ranges.
+
+Use when: user asks about "distribution of [numeric column]", "spread of", "range of", "how values are distributed", "show histogram".
+Example queries: "distribution of population density", "show elevation distribution", "histogram of parcel areas", "how are building heights spread", "temperature range distribution".
+
+Required: field must be quantitative not text/categorical: (${QUANTITATIVE_COLUMN_TYPES.join(', ')}).
+
+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).`,
+        inputSchema: HistogramToolParameters,
+        execute: async (params, context) => {
+            try {
+                const { artifactId, tableName, columns } = deps.resolveResources(params, context);
+                // Validate settings
+                validateColumnExists(params.settings.field, QUANTITATIVE_COLUMN_TYPES, columns, 'field');
+                const title = `Histogram of ${params.settings.field}`;
+                const result = deps.createChart({
+                    artifactId,
+                    tableName,
+                    config: {
+                        chartType: 'histogram',
+                        settings: params.settings,
+                    },
+                    title,
+                });
+                return {
+                    llmResult: {
+                        success: true,
+                        details: `Created histogram "${result.title}".`,
+                        data: result,
+                    },
+                };
+            }
+            catch (error) {
+                return {
+                    llmResult: {
+                        success: false,
+                        errorMessage: error instanceof Error ? error.message : String(error),
+                    },
+                };
+            }
+        },
+    });
+}
+//# sourceMappingURL=tool.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tool.js","sourceRoot":"","sources":["../../../src/chart-types/histogram/tool.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,IAAI,CAAC;AAExB,OAAO,EAAC,sBAAsB,EAAC,MAAM,UAAU,CAAC;AAChD,OAAO,EAAC,uBAAuB,EAAC,MAAM,iBAAiB,CAAC;AAExD,OAAO,EAAC,oBAAoB,EAAC,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAC,yBAAyB,EAAC,MAAM,gCAAgC,CAAC;AAEzE,MAAM,CAAC,MAAM,uBAAuB,GAAG,uBAAuB,CAAC,MAAM,CAAC;IACpE,QAAQ,EAAE,sBAAsB,CAAC,QAAQ,EAAE;CAC5C,CAAC,CAAC;AAIH,MAAM,UAAU,qBAAqB,CAAC,IAAmB;IACvD,OAAO,IAAI,CAAC;QACV,WAAW,EAAE;;;;;8DAK6C,yBAAyB,CAAC,IAAI,CAAC,IAAI,CAAC;;;0IAGwC;QACtI,WAAW,EAAE,uBAAuB;QACpC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE;YACjC,IAAI,CAAC;gBACH,MAAM,EAAC,UAAU,EAAE,SAAS,EAAE,OAAO,EAAC,GAAG,IAAI,CAAC,gBAAgB,CAC5D,MAAM,EACN,OAAO,CACR,CAAC;gBAEF,oBAAoB;gBACpB,oBAAoB,CAClB,MAAM,CAAC,QAAQ,CAAC,KAAK,EACrB,yBAAyB,EACzB,OAAO,EACP,OAAO,CACR,CAAC;gBAEF,MAAM,KAAK,GAAG,gBAAgB,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;gBAEtD,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC;oBAC9B,UAAU;oBACV,SAAS;oBACT,MAAM,EAAE;wBACN,SAAS,EAAE,WAAW;wBACtB,QAAQ,EAAE,MAAM,CAAC,QAAQ;qBAC1B;oBACD,KAAK;iBACN,CAAC,CAAC;gBAEH,OAAO;oBACL,SAAS,EAAE;wBACT,OAAO,EAAE,IAAI;wBACb,OAAO,EAAE,sBAAsB,MAAM,CAAC,KAAK,IAAI;wBAC/C,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 {HistogramChartSettings} from './schema';\nimport {BaseChartToolParameters} from '../tool-schemas';\nimport type {ChartToolDeps} from '../base-types';\nimport {validateColumnExists} from '../tool-validation';\nimport {QUANTITATIVE_COLUMN_TYPES} from '../../chart-builders/constants';\n\nexport const HistogramToolParameters = BaseChartToolParameters.extend({\n  settings: HistogramChartSettings.required(),\n});\n\nexport type HistogramToolParams = z.infer<typeof HistogramToolParameters>;\n\nexport function createHistogramAiTool(deps: ChartToolDeps) {\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\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, tableName, columns} = deps.resolveResources(\n          params,\n          context,\n        );\n\n        // Validate settings\n        validateColumnExists(\n          params.settings.field,\n          QUANTITATIVE_COLUMN_TYPES,\n          columns,\n          'field',\n        );\n\n        const title = `Histogram of ${params.settings.field}`;\n\n        const result = deps.createChart({\n          artifactId,\n          tableName,\n          config: {\n            chartType: 'histogram',\n            settings: params.settings,\n          },\n          title,\n        });\n\n        return {\n          llmResult: {\n            success: true,\n            details: `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/chart-types/index.d.ts

@@ -0,0 +1,115 @@
+export * from './base-types';
+import type { Tool } from 'ai';
+export * from './errors';
+import type { ChartTypeDefinition } from './base-types';
+export { ChartConfig, type ChartSettings, type ChartType } from './chart-config';
+export * from './histogram/schema';
+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 './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 { 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 './custom-spec/definition';
+export * from './tool-types';
+export * from './tool-schemas';
+export * from './tool-validation';
+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 './box-plot/tool';
+import type { ChartToolDeps } from './base-types';
+export declare const mosaicChartTypes: {
+    readonly histogram: import("./base-types").SpecChartTypeDefinition<{
+        chartType: "histogram";
+        settings: {
+            field?: string | undefined;
+        };
+        settingsOpen?: boolean | undefined;
+    }>;
+    readonly countPlot: import("./base-types").SpecChartTypeDefinition<{
+        chartType: "count-plot";
+        settings: {
+            field?: string | undefined;
+        };
+        settingsOpen?: boolean | undefined;
+    }>;
+    readonly lineChart: import("./base-types").SpecChartTypeDefinition<{
+        chartType: "line-chart";
+        settings: {
+            x?: string | undefined;
+            xInterval?: "second" | "minute" | "hour" | "day" | "week" | "month" | "quarter" | "year" | undefined;
+            yFields?: {
+                field: string;
+                aggregate: "sum" | "max" | "min" | "avg";
+                color?: string | undefined;
+            }[] | undefined;
+        };
+        settingsOpen?: boolean | undefined;
+    }>;
+    readonly heatmap: import("./base-types").SpecChartTypeDefinition<{
+        chartType: "heatmap";
+        settings: {
+            x?: string | undefined;
+            y?: string | undefined;
+        };
+        settingsOpen?: boolean | undefined;
+    }>;
+    readonly boxPlot: import("./base-types").ComponentChartTypeDefinition<{
+        chartType: "box-plot";
+        settings: {
+            x: string;
+            y: string;
+        };
+        settingsOpen?: boolean | undefined;
+    }>;
+    readonly bubbleChart: import("./base-types").SpecChartTypeDefinition<{
+        chartType: "bubble-chart";
+        settings: {
+            x?: string | undefined;
+            y?: string | undefined;
+            size?: string | undefined;
+        };
+        settingsOpen?: boolean | undefined;
+    }>;
+    readonly customSpec: import("./base-types").SpecChartTypeDefinition<{
+        chartType: "custom-spec";
+        settings: {
+            vgPlotSpec?: unknown;
+        };
+        settingsOpen?: boolean | undefined;
+    }>;
+};
+export declare function createDefaultChartTypes(options?: {
+    includeCustomSpec?: boolean;
+}): ChartTypeDefinition<any>[];
+/**
+ * Dynamically generate AI tools from chart type definitions.
+ *
+ * @param chartTypes Array of chart type definitions
+ * @param deps Dependencies needed by tool creators (resolveResources, createChart)
+ * @param toolNamePrefix Prefix for generated tool names (default: 'create_dashboard_')
+ * @returns Record mapping tool names to tool instances
+ *
+ * @example
+ * const chartTypes = createDefaultChartTypes({includeCustomSpec: false});
+ * const tools = createChartTools(chartTypes, deps);
+ * // Returns: { create_dashboard_histogram: ..., create_dashboard_line_chart: ..., ... }
+ */
+export declare function createChartTools(chartTypes: ChartTypeDefinition<any>[], deps: ChartToolDeps, toolNamePrefix?: string): Record<string, Tool>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/chart-types/index.ts"],"names":[],"mappings":"AACA,cAAc,cAAc,CAAC;AAG7B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,IAAI,CAAC;AAG7B,cAAc,UAAU,CAAC;AAGzB,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AAMtD,OAAO,EAAC,WAAW,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAG/E,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;AAGrC,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;AAG7E,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;AAGzC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAUhC,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,cAAc,CAAC;AAGhD,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQnB,CAAC;AAEX,wBAAgB,uBAAuB,CAAC,OAAO,CAAC,EAAE;IAChD,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,GAAG,mBAAmB,CAAC,GAAG,CAAC,EAAE,CAgB7B;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAC9B,UAAU,EAAE,mBAAmB,CAAC,GAAG,CAAC,EAAE,EACtC,IAAI,EAAE,aAAa,EACnB,cAAc,GAAE,MAA4B,GAC3C,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAWtB"}

package/dist/chart-types/index.js

@@ -0,0 +1,100 @@
+// Re-export base types
+export * from './base-types';
+// Re-export error classes for chart definitions
+export * from './errors';
+// CRITICAL: Export ChartConfig FIRST, before importing Settings components
+// Export ChartConfig from separate file to avoid circular dependencies
+// (chart-types/index imports Settings components, which import ChartSettingsContext,
+// which imports ChartConfig)
+export { ChartConfig } from './chart-config';
+// Re-export schemas
+export * from './histogram/schema';
+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 './custom-spec/schema';
+// Re-export Settings components
+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 { CustomSpecSettingsComponent } from './custom-spec/CustomSpecSettings';
+// Re-export definitions
+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 './custom-spec/definition';
+// Re-export tool types, schemas, validation, and AI tool creators
+export * from './tool-types';
+export * from './tool-schemas';
+export * from './tool-validation';
+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 './box-plot/tool';
+// Import chart type definitions for legacy exports
+import { histogramChartType } from './histogram/definition';
+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 { customSpecChartType } from './custom-spec/definition';
+// Legacy compatibility exports
+export const mosaicChartTypes = {
+    histogram: histogramChartType,
+    countPlot: countPlotChartType,
+    lineChart: lineChartChartType,
+    heatmap: heatmapChartType,
+    boxPlot: boxPlotChartType,
+    bubbleChart: bubbleChartChartType,
+    customSpec: customSpecChartType,
+};
+export function createDefaultChartTypes(options) {
+    const includeCustomSpec = options?.includeCustomSpec ?? true;
+    const chartTypes = [
+        histogramChartType,
+        countPlotChartType,
+        lineChartChartType,
+        heatmapChartType,
+        boxPlotChartType,
+        bubbleChartChartType,
+    ];
+    if (includeCustomSpec) {
+        chartTypes.push(customSpecChartType);
+    }
+    return chartTypes;
+}
+/**
+ * Dynamically generate AI tools from chart type definitions.
+ *
+ * @param chartTypes Array of chart type definitions
+ * @param deps Dependencies needed by tool creators (resolveResources, createChart)
+ * @param toolNamePrefix Prefix for generated tool names (default: 'create_dashboard_')
+ * @returns Record mapping tool names to tool instances
+ *
+ * @example
+ * const chartTypes = createDefaultChartTypes({includeCustomSpec: false});
+ * const tools = createChartTools(chartTypes, deps);
+ * // Returns: { create_dashboard_histogram: ..., create_dashboard_line_chart: ..., ... }
+ */
+export function createChartTools(chartTypes, deps, toolNamePrefix = 'create_dashboard_') {
+    const tools = {};
+    for (const chartType of chartTypes) {
+        if (chartType.createTool) {
+            const toolName = `${toolNamePrefix}${chartType.id.replace(/-/g, '_')}`;
+            tools[toolName] = chartType.createTool(deps);
+        }
+    }
+    return tools;
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/chart-types/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Re-export base types\nexport * from './base-types';\n\n// Import Tool type for createChartTools function\nimport type {Tool} from 'ai';\n\n// Re-export error classes for chart definitions\nexport * from './errors';\n\n// Import specific types needed before re-exports\nimport type {ChartTypeDefinition} from './base-types';\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';\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, and AI tool creators\nexport * from './tool-types';\nexport * from './tool-schemas';\nexport * from './tool-validation';\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';\n\n// Import chart type definitions for legacy exports\nimport {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';\nimport type {ChartToolDeps} from './base-types';\n\n// Legacy compatibility exports\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\nexport function createDefaultChartTypes(options?: {\n  includeCustomSpec?: boolean;\n}): ChartTypeDefinition<any>[] {\n  const includeCustomSpec = options?.includeCustomSpec ?? true;\n  const chartTypes: ChartTypeDefinition<any>[] = [\n    histogramChartType,\n    countPlotChartType,\n    lineChartChartType,\n    heatmapChartType,\n    boxPlotChartType,\n    bubbleChartChartType,\n  ];\n\n  if (includeCustomSpec) {\n    chartTypes.push(customSpecChartType as ChartTypeDefinition<any>);\n  }\n\n  return chartTypes;\n}\n\n/**\n * Dynamically generate AI tools from chart type definitions.\n *\n * @param chartTypes Array of chart type definitions\n * @param deps Dependencies needed by tool creators (resolveResources, createChart)\n * @param toolNamePrefix Prefix for generated tool names (default: 'create_dashboard_')\n * @returns Record mapping tool names to tool instances\n *\n * @example\n * const chartTypes = createDefaultChartTypes({includeCustomSpec: false});\n * const tools = createChartTools(chartTypes, deps);\n * // Returns: { create_dashboard_histogram: ..., create_dashboard_line_chart: ..., ... }\n */\nexport function createChartTools(\n  chartTypes: ChartTypeDefinition<any>[],\n  deps: ChartToolDeps,\n  toolNamePrefix: string = 'create_dashboard_',\n): Record<string, Tool> {\n  const tools: Record<string, Tool> = {};\n\n  for (const chartType of chartTypes) {\n    if (chartType.createTool) {\n      const toolName = `${toolNamePrefix}${chartType.id.replace(/-/g, '_')}`;\n      tools[toolName] = chartType.createTool(deps);\n    }\n  }\n\n  return tools;\n}\n"]}

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

@@ -0,0 +1,7 @@
+import { type FC } from 'react';
+/**
+ * Explicit settings component for line chart.
+ * Composes primitive and compound components for full control over the UI.
+ */
+export declare const LineChartSettingsComponent: FC;
+//# sourceMappingURL=LineChartSettings.d.ts.map

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

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

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

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Field } from '../../chart-builders/Field';
+import { ColumnSelector } from '../../chart-builders/ColumnSelector';
+import { TemporalGranularitySelector } from '../../chart-builders/TemporalGranularitySelector';
+import { useChartSettingsContext } from '../../chart/chart-settings/ChartSettingsContext';
+import { MultiFieldSelector } from '../../chart-builders/MultiFieldSelector';
+import { isTemporalType } from '../../chart-builders/constants';
+/**
+ * Explicit settings component for line chart.
+ * Composes primitive and compound components for full control over the UI.
+ */
+export const LineChartSettingsComponent = () => {
+    const { columns, onChangeConfig, config } = useChartSettingsContext('line-chart');
+    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) }) })] }));
+};
+//# sourceMappingURL=LineChartSettings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LineChartSettings.js","sourceRoot":"","sources":["../../../src/chart-types/line-chart/LineChartSettings.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,KAAK,EAAC,MAAM,4BAA4B,CAAC;AACjD,OAAO,EAAC,cAAc,EAAC,MAAM,qCAAqC,CAAC;AAEnE,OAAO,EAAC,2BAA2B,EAAC,MAAM,kDAAkD,CAAC;AAC7F,OAAO,EAAC,uBAAuB,EAAC,MAAM,iDAAiD,CAAC;AACxF,OAAO,EAAC,kBAAkB,EAAC,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAC,cAAc,EAAC,MAAM,gCAAgC,CAAC;AAE9D;;;GAGG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAO,GAAG,EAAE;IACjD,MAAM,EAAC,OAAO,EAAE,cAAc,EAAE,MAAM,EAAC,GACrC,uBAAuB,CAAC,YAAY,CAAC,CAAC;IAExC,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 '../../chart-builders/Field';\nimport {ColumnSelector} from '../../chart-builders/ColumnSelector';\n\nimport {TemporalGranularitySelector} from '../../chart-builders/TemporalGranularitySelector';\nimport {useChartSettingsContext} from '../../chart/chart-settings/ChartSettingsContext';\nimport {MultiFieldSelector} from '../../chart-builders/MultiFieldSelector';\nimport {isTemporalType} from '../../chart-builders/constants';\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 {columns, onChangeConfig, config} =\n    useChartSettingsContext('line-chart');\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"]}

package/dist/chart-types/line-chart/definition.d.ts

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

package/dist/chart-types/line-chart/definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../../src/chart-types/line-chart/definition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAC,eAAe,EAAoB,MAAM,UAAU,CAAC;AAS5D,eAAO,MAAM,kBAAkB,EAAE,uBAAuB,CAAC,eAAe,CAUvE,CAAC"}

package/dist/chart-types/line-chart/definition.js

@@ -0,0 +1,19 @@
+import { LineChartSettings } from './schema';
+import { titleFromDescription } from '../../chart-builders/chartTypeUtils';
+import { LineChartSettingsComponent } from './LineChartSettings';
+import { createLineChartAiTool } from './tool';
+import { LineChart } from 'lucide-react';
+import { createLineChartSpec } from './spec';
+const DESCRIPTION = 'Create a line chart of two fields';
+export const lineChartChartType = {
+    id: 'line-chart',
+    label: 'Line Chart',
+    description: DESCRIPTION,
+    icon: LineChart,
+    schema: LineChartSettings,
+    settingsComponent: LineChartSettingsComponent,
+    buildTitle: titleFromDescription(DESCRIPTION),
+    createTool: createLineChartAiTool,
+    createSpec: createLineChartSpec,
+};
+//# sourceMappingURL=definition.js.map

package/dist/chart-types/line-chart/definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition.js","sourceRoot":"","sources":["../../../src/chart-types/line-chart/definition.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,iBAAiB,EAAC,MAAM,UAAU,CAAC;AAC5D,OAAO,EAAC,oBAAoB,EAAC,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAC,0BAA0B,EAAC,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAC,qBAAqB,EAAC,MAAM,QAAQ,CAAC;AAC7C,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AACvC,OAAO,EAAC,mBAAmB,EAAC,MAAM,QAAQ,CAAC;AAE3C,MAAM,WAAW,GAAG,mCAAmC,CAAC;AAExD,MAAM,CAAC,MAAM,kBAAkB,GAA6C;IAC1E,EAAE,EAAE,YAAY;IAChB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,WAAW;IACxB,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,iBAAiB;IACzB,iBAAiB,EAAE,0BAA0B;IAC7C,UAAU,EAAE,oBAAoB,CAAC,WAAW,CAAC;IAC7C,UAAU,EAAE,qBAAqB;IACjC,UAAU,EAAE,mBAAmB;CAChC,CAAC","sourcesContent":["import type {SpecChartTypeDefinition} from '../base-types';\nimport {LineChartConfig, LineChartSettings} from './schema';\nimport {titleFromDescription} from '../../chart-builders/chartTypeUtils';\nimport {LineChartSettingsComponent} from './LineChartSettings';\nimport {createLineChartAiTool} from './tool';\nimport {LineChart} from 'lucide-react';\nimport {createLineChartSpec} from './spec';\n\nconst DESCRIPTION = 'Create a line chart of two fields';\n\nexport const lineChartChartType: SpecChartTypeDefinition<LineChartConfig> = {\n  id: 'line-chart',\n  label: 'Line Chart',\n  description: DESCRIPTION,\n  icon: LineChart,\n  schema: LineChartSettings,\n  settingsComponent: LineChartSettingsComponent,\n  buildTitle: titleFromDescription(DESCRIPTION),\n  createTool: createLineChartAiTool,\n  createSpec: createLineChartSpec,\n};\n"]}

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

@@ -0,0 +1,83 @@
+import { z } from 'zod';
+export declare const TemporalInterval: z.ZodEnum<{
+    second: "second";
+    minute: "minute";
+    hour: "hour";
+    day: "day";
+    week: "week";
+    month: "month";
+    quarter: "quarter";
+    year: "year";
+}>;
+export type TemporalInterval = z.infer<typeof TemporalInterval>;
+export declare const AggregateFunction: z.ZodEnum<{
+    sum: "sum";
+    max: "max";
+    min: "min";
+    avg: "avg";
+}>;
+export type AggregateFunction = z.infer<typeof AggregateFunction>;
+export declare const YFieldConfig: z.ZodObject<{
+    field: z.ZodString;
+    color: z.ZodOptional<z.ZodString>;
+    aggregate: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
+        sum: "sum";
+        max: "max";
+        min: "min";
+        avg: "avg";
+    }>>>;
+}, z.core.$strip>;
+export type YFieldConfig = z.infer<typeof YFieldConfig>;
+export declare const LineChartSettings: z.ZodObject<{
+    x: z.ZodOptional<z.ZodString>;
+    xInterval: z.ZodOptional<z.ZodEnum<{
+        second: "second";
+        minute: "minute";
+        hour: "hour";
+        day: "day";
+        week: "week";
+        month: "month";
+        quarter: "quarter";
+        year: "year";
+    }>>;
+    yFields: z.ZodOptional<z.ZodArray<z.ZodObject<{
+        field: z.ZodString;
+        color: z.ZodOptional<z.ZodString>;
+        aggregate: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
+            sum: "sum";
+            max: "max";
+            min: "min";
+            avg: "avg";
+        }>>>;
+    }, z.core.$strip>>>;
+}, z.core.$strip>;
+export type LineChartSettings = z.infer<typeof LineChartSettings>;
+export declare const LineChartConfig: z.ZodObject<{
+    chartType: z.ZodLiteral<"line-chart">;
+    settings: z.ZodObject<{
+        x: z.ZodOptional<z.ZodString>;
+        xInterval: z.ZodOptional<z.ZodEnum<{
+            second: "second";
+            minute: "minute";
+            hour: "hour";
+            day: "day";
+            week: "week";
+            month: "month";
+            quarter: "quarter";
+            year: "year";
+        }>>;
+        yFields: z.ZodOptional<z.ZodArray<z.ZodObject<{
+            field: z.ZodString;
+            color: z.ZodOptional<z.ZodString>;
+            aggregate: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
+                sum: "sum";
+                max: "max";
+                min: "min";
+                avg: "avg";
+            }>>>;
+        }, z.core.$strip>>>;
+    }, z.core.$strip>;
+    settingsOpen: z.ZodOptional<z.ZodBoolean>;
+}, z.core.$strip>;
+export type LineChartConfig = z.infer<typeof LineChartConfig>;
+//# sourceMappingURL=schema.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/chart-types/line-chart/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAGtB,eAAO,MAAM,gBAAgB;;;;;;;;;EAS3B,CAAC;AACH,MAAM,MAAM,gBAAgB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAGhE,eAAO,MAAM,iBAAiB;;;;;EAAuC,CAAC;AACtE,MAAM,MAAM,iBAAiB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAGlE,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;;;;;;;;;;;;;;;;;;;;;;;;;;iBAI1B,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,eAAe,CAAC,CAAC"}

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

@@ -0,0 +1,39 @@
+import { z } from 'zod';
+// Temporal interval enum
+export const TemporalInterval = z.enum([
+    'year',
+    'quarter',
+    'month',
+    'week',
+    'day',
+    'hour',
+    'minute',
+    'second',
+]);
+// Aggregate function enum
+export const AggregateFunction = z.enum(['sum', 'avg', 'min', 'max']);
+// Y-field configuration
+export const YFieldConfig = z.object({
+    field: z.string().describe('Numeric column name to plot on Y axis'),
+    color: z.string().optional().describe('Optional color for this line'),
+    aggregate: AggregateFunction.optional()
+        .default('sum')
+        .describe('Aggregation function: sum, avg, min, or max'),
+});
+export const LineChartSettings = z.object({
+    x: z
+        .string()
+        .optional()
+        .describe('Column for X axis, typically temporal (date/time)'),
+    xInterval: TemporalInterval.optional().describe('Temporal binning interval: year, month, day, hour, etc.'),
+    yFields: z
+        .array(YFieldConfig)
+        .optional()
+        .describe('Array of Y fields to plot, supports multiple lines'),
+});
+export const LineChartConfig = z.object({
+    chartType: z.literal('line-chart'),
+    settings: LineChartSettings,
+    settingsOpen: z.boolean().optional(),
+});
+//# sourceMappingURL=schema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../src/chart-types/line-chart/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAEtB,yBAAyB;AACzB,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,CAAC,IAAI,CAAC;IACrC,MAAM;IACN,SAAS;IACT,OAAO;IACP,MAAM;IACN,KAAK;IACL,MAAM;IACN,QAAQ;IACR,QAAQ;CACT,CAAC,CAAC;AAGH,0BAA0B;AAC1B,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;AAGtE,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;CACrC,CAAC,CAAC","sourcesContent":["import {z} from 'zod';\n\n// Temporal interval enum\nexport const TemporalInterval = z.enum([\n  'year',\n  'quarter',\n  'month',\n  'week',\n  'day',\n  'hour',\n  'minute',\n  'second',\n]);\nexport type TemporalInterval = z.infer<typeof TemporalInterval>;\n\n// Aggregate function enum\nexport const AggregateFunction = z.enum(['sum', 'avg', 'min', 'max']);\nexport type AggregateFunction = z.infer<typeof AggregateFunction>;\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});\n\nexport type LineChartConfig = z.infer<typeof LineChartConfig>;\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"spec.d.ts","sourceRoot":"","sources":["../../../src/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,CAkFN"}

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

@@ -0,0 +1,91 @@
+import { SpecGenerationError } 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;
+    }
+    // CHART_COLORS is non-empty, so this is always defined
+    return CHART_COLORS[index % CHART_COLORS.length];
+}
+export function createLineChartSpec(tableName, { x, yFields, xInterval }) {
+    if (!x) {
+        throw new SpecGenerationError('X field is required for line chart');
+    }
+    if (!yFields || yFields.length === 0) {
+        throw new SpecGenerationError('At least one Y field is required for line chart');
+    }
+    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';
+        // When temporal aggregation is active, use bin for X and aggregation for Y
+        if (xInterval) {
+            // Use bin syntax for temporal aggregation
+            plotMarks.push({
+                mark: 'lineY',
+                data: dataSource,
+                x: { bin: x, interval: xInterval },
+                y: { [aggregate]: fieldConfig.field },
+                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,
+                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 {
+        plot: plotMarks,
+        xLabel: x,
+        yLabel: undefined,
+        height: 250,
+        width: 380,
+        margins: { left: 50, right: 20, top: 20, bottom: 50 },
+        params: { brush: { select: 'crossfilter' } },
+    };
+}
+//# sourceMappingURL=spec.js.map