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

package/dist/chart-types/index.js

@@ -1,51 +1,59 @@
 // Re-export base types
 export * from './base-types';
-// Re-export all schemas and types
-export * from './histogram';
-export * from './line-chart';
-export * from './count-plot';
-export * from './ecdf';
-export * from './heatmap';
-export * from './box-plot';
-export * from './bubble-chart';
-export * from './custom-spec';
-export * from './registry';
+// 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';
-import { lineChartChartType } from './line-chart';
-import { countPlotChartType } from './count-plot';
-import { ecdfChartType } from './ecdf';
-import { heatmapChartType } from './heatmap';
-import { boxPlotChartType } from './box-plot';
-import { bubbleChartChartType } from './bubble-chart';
-import { customSpecChartType } from './custom-spec';
-// Import Zod configs for discriminated union
-import { HistogramChartConfig as HistogramChartConfigSchema } from './histogram';
-import { CountPlotChartConfig as CountPlotChartConfigSchema } from './count-plot';
-import { EcdfChartConfig as EcdfChartConfigSchema } from './ecdf';
-import { LineChartConfig as LineChartConfigSchema } from './line-chart';
-import { BubbleChartConfig as BubbleChartConfigSchema } from './bubble-chart';
-import { HeatmapChartConfig as HeatmapChartConfigSchema } from './heatmap';
-import { BoxPlotChartConfig as BoxPlotChartConfigSchema } from './box-plot';
-import { CustomSpecChartConfig as CustomSpecChartConfigSchema } from './custom-spec';
-import { z } from 'zod';
-// Zod schema for VgPlotChartConfig (discriminated union)
-export const VgPlotChartConfig = z.discriminatedUnion('chartType', [
-    HistogramChartConfigSchema,
-    CountPlotChartConfigSchema,
-    EcdfChartConfigSchema,
-    LineChartConfigSchema,
-    BubbleChartConfigSchema,
-    HeatmapChartConfigSchema,
-    BoxPlotChartConfigSchema,
-    CustomSpecChartConfigSchema,
-]);
+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,
-    ecdf: ecdfChartType,
     heatmap: heatmapChartType,
     boxPlot: boxPlotChartType,
     bubbleChart: bubbleChartChartType,
@@ -57,7 +65,6 @@ export function createDefaultChartTypes(options) {
         histogramChartType,
         countPlotChartType,
         lineChartChartType,
-        ecdfChartType,
         heatmapChartType,
         boxPlotChartType,
         bubbleChartChartType,
@@ -67,4 +74,27 @@ export function createDefaultChartTypes(options) {
     }
     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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/chart-types/index.ts"],"names":[],"mappings":"AAAA,uBAAuB;AACvB,cAAc,cAAc,CAAC;AAE7B,kCAAkC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAE3B,mDAAmD;AACnD,OAAO,EAAC,kBAAkB,EAAC,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAC,kBAAkB,EAAC,MAAM,cAAc,CAAC;AAChD,OAAO,EAAC,kBAAkB,EAAC,MAAM,cAAc,CAAC;AAChD,OAAO,EAAC,aAAa,EAAC,MAAM,QAAQ,CAAC;AACrC,OAAO,EAAC,gBAAgB,EAAC,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAC,gBAAgB,EAAC,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAC,oBAAoB,EAAC,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAC,mBAAmB,EAAC,MAAM,eAAe,CAAC;AAElD,6CAA6C;AAC7C,OAAO,EAAC,oBAAoB,IAAI,0BAA0B,EAAC,MAAM,aAAa,CAAC;AAC/E,OAAO,EAAC,oBAAoB,IAAI,0BAA0B,EAAC,MAAM,cAAc,CAAC;AAChF,OAAO,EAAC,eAAe,IAAI,qBAAqB,EAAC,MAAM,QAAQ,CAAC;AAChE,OAAO,EAAC,eAAe,IAAI,qBAAqB,EAAC,MAAM,cAAc,CAAC;AACtE,OAAO,EAAC,iBAAiB,IAAI,uBAAuB,EAAC,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EAAC,kBAAkB,IAAI,wBAAwB,EAAC,MAAM,WAAW,CAAC;AACzE,OAAO,EAAC,kBAAkB,IAAI,wBAAwB,EAAC,MAAM,YAAY,CAAC;AAC1E,OAAO,EAAC,qBAAqB,IAAI,2BAA2B,EAAC,MAAM,eAAe,CAAC;AACnF,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAEtB,yDAAyD;AACzD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,CAAC,kBAAkB,CAAC,WAAW,EAAE;IACjE,0BAA0B;IAC1B,0BAA0B;IAC1B,qBAAqB;IACrB,qBAAqB;IACrB,uBAAuB;IACvB,wBAAwB;IACxB,wBAAwB;IACxB,2BAA2B;CAC5B,CAAC,CAAC;AAKH,+BAA+B;AAC/B,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,SAAS,EAAE,kBAAkB;IAC7B,SAAS,EAAE,kBAAkB;IAC7B,SAAS,EAAE,kBAAkB;IAC7B,IAAI,EAAE,aAAa;IACnB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,WAAW,EAAE,oBAAoB;IACjC,UAAU,EAAE,mBAAmB;CACvB,CAAC;AAEX,MAAM,UAAU,uBAAuB,CAAC,OAEvC;IACC,MAAM,iBAAiB,GAAG,OAAO,EAAE,iBAAiB,IAAI,IAAI,CAAC;IAC7D,MAAM,UAAU,GAAG;QACjB,kBAAkB;QAClB,kBAAkB;QAClB,kBAAkB;QAClB,aAAa;QACb,gBAAgB;QAChB,gBAAgB;QAChB,oBAAoB;KACrB,CAAC;IAEF,IAAI,iBAAiB,EAAE,CAAC;QACtB,UAAU,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IACvC,CAAC;IAED,OAAO,UAAU,CAAC;AACpB,CAAC","sourcesContent":["// Re-export base types\nexport * from './base-types';\n\n// Re-export all schemas and types\nexport * from './histogram';\nexport * from './line-chart';\nexport * from './count-plot';\nexport * from './ecdf';\nexport * from './heatmap';\nexport * from './box-plot';\nexport * from './bubble-chart';\nexport * from './custom-spec';\nexport * from './registry';\n\n// Import chart type definitions for legacy exports\nimport {histogramChartType} from './histogram';\nimport {lineChartChartType} from './line-chart';\nimport {countPlotChartType} from './count-plot';\nimport {ecdfChartType} from './ecdf';\nimport {heatmapChartType} from './heatmap';\nimport {boxPlotChartType} from './box-plot';\nimport {bubbleChartChartType} from './bubble-chart';\nimport {customSpecChartType} from './custom-spec';\n\n// Import Zod configs for discriminated union\nimport {HistogramChartConfig as HistogramChartConfigSchema} from './histogram';\nimport {CountPlotChartConfig as CountPlotChartConfigSchema} from './count-plot';\nimport {EcdfChartConfig as EcdfChartConfigSchema} from './ecdf';\nimport {LineChartConfig as LineChartConfigSchema} from './line-chart';\nimport {BubbleChartConfig as BubbleChartConfigSchema} from './bubble-chart';\nimport {HeatmapChartConfig as HeatmapChartConfigSchema} from './heatmap';\nimport {BoxPlotChartConfig as BoxPlotChartConfigSchema} from './box-plot';\nimport {CustomSpecChartConfig as CustomSpecChartConfigSchema} from './custom-spec';\nimport {z} from 'zod';\n\n// Zod schema for VgPlotChartConfig (discriminated union)\nexport const VgPlotChartConfig = z.discriminatedUnion('chartType', [\n  HistogramChartConfigSchema,\n  CountPlotChartConfigSchema,\n  EcdfChartConfigSchema,\n  LineChartConfigSchema,\n  BubbleChartConfigSchema,\n  HeatmapChartConfigSchema,\n  BoxPlotChartConfigSchema,\n  CustomSpecChartConfigSchema,\n]);\n\nexport type VgPlotChartConfig = z.infer<typeof VgPlotChartConfig>;\nexport type VgPlotChartSettings = VgPlotChartConfig['settings'];\n\n// Legacy compatibility exports\nexport const mosaicChartTypes = {\n  histogram: histogramChartType,\n  countPlot: countPlotChartType,\n  lineChart: lineChartChartType,\n  ecdf: ecdfChartType,\n  heatmap: heatmapChartType,\n  boxPlot: boxPlotChartType,\n  bubbleChart: bubbleChartChartType,\n  customSpec: customSpecChartType,\n} as const;\n\nexport function createDefaultChartTypes(options?: {\n  includeCustomSpec?: boolean;\n}) {\n  const includeCustomSpec = options?.includeCustomSpec ?? true;\n  const chartTypes = [\n    histogramChartType,\n    countPlotChartType,\n    lineChartChartType,\n    ecdfChartType,\n    heatmapChartType,\n    boxPlotChartType,\n    bubbleChartChartType,\n  ];\n\n  if (includeCustomSpec) {\n    chartTypes.push(customSpecChartType);\n  }\n\n  return chartTypes;\n}\n"]}
+{"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

@@ -1,4 +1,4 @@
-import type { ChartTypeDefinition } from '../base-types';
-import type { LineChartSettings } from './schema';
-export declare const lineChartChartType: ChartTypeDefinition<LineChartSettings>;
+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

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../../src/chart-types/line-chart/definition.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,eAAe,CAAC;AACvD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,UAAU,CAAC;AAUhD,eAAO,MAAM,kBAAkB,EAAE,mBAAmB,CAAC,iBAAiB,CA2CrE,CAAC"}
+{"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

@@ -1,46 +1,19 @@
-import { QUANTITATIVE_COLUMN_TYPES, NUMERIC_COLUMN_TYPES, } from '../../chart-builders/constants';
+import { LineChartSettings } from './schema';
 import { titleFromDescription } from '../../chart-builders/chartTypeUtils';
-const FG_COLOR = 'var(--color-chart-1)';
+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,
-    aiDescription: 'Use for trends over an ordered x-axis, typically time on x and a numeric measure on y.',
-    fields: [
-        {
-            key: 'x',
-            label: 'X Field',
-            required: true,
-            types: [...QUANTITATIVE_COLUMN_TYPES],
-            description: 'Ordered x-axis column, usually time or a quantitative value.',
-        },
-        {
-            key: 'y',
-            label: 'Y Field',
-            required: true,
-            types: [...NUMERIC_COLUMN_TYPES],
-            description: 'Numeric measure plotted on the y-axis.',
-        },
-    ],
+    icon: LineChart,
+    schema: LineChartSettings,
+    settingsComponent: LineChartSettingsComponent,
     buildTitle: titleFromDescription(DESCRIPTION),
-    createSpec: (tableName, { x, y }) => ({
-        plot: [
-            {
-                mark: 'lineY',
-                data: { from: tableName, filterBy: '$brush' },
-                x,
-                y,
-                stroke: FG_COLOR,
-            },
-            { select: 'intervalX', as: '$brush' },
-        ],
-        xLabel: x,
-        yLabel: y,
-        height: 250,
-        width: 380,
-        margins: { left: 50, right: 20, top: 20, bottom: 50 },
-        params: { brush: { select: 'crossfilter' } },
-    }),
+    createTool: createLineChartAiTool,
+    createSpec: createLineChartSpec,
 };
 //# sourceMappingURL=definition.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"definition.js","sourceRoot":"","sources":["../../../src/chart-types/line-chart/definition.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,yBAAyB,EACzB,oBAAoB,GACrB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAC,oBAAoB,EAAC,MAAM,qCAAqC,CAAC;AAEzE,MAAM,QAAQ,GAAG,sBAAsB,CAAC;AACxC,MAAM,WAAW,GAAG,mCAAmC,CAAC;AAExD,MAAM,CAAC,MAAM,kBAAkB,GAA2C;IACxE,EAAE,EAAE,YAAY;IAChB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,WAAW;IACxB,aAAa,EACX,wFAAwF;IAC1F,MAAM,EAAE;QACN;YACE,GAAG,EAAE,GAAG;YACR,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,CAAC,GAAG,yBAAyB,CAAC;YACrC,WAAW,EACT,8DAA8D;SACjE;QACD;YACE,GAAG,EAAE,GAAG;YACR,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,CAAC,GAAG,oBAAoB,CAAC;YAChC,WAAW,EAAE,wCAAwC;SACtD;KACF;IACD,UAAU,EAAE,oBAAoB,CAAC,WAAW,CAAC;IAC7C,UAAU,EAAE,CAAC,SAAS,EAAE,EAAC,CAAC,EAAE,CAAC,EAAC,EAAQ,EAAE,CACtC,CAAC;QACC,IAAI,EAAE;YACJ;gBACE,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,EAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAC;gBAC3C,CAAC;gBACD,CAAC;gBACD,MAAM,EAAE,QAAQ;aACjB;YACD,EAAC,MAAM,EAAE,WAAW,EAAE,EAAE,EAAE,QAAQ,EAAC;SACpC;QACD,MAAM,EAAE,CAAC;QACT,MAAM,EAAE,CAAC;QACT,MAAM,EAAE,GAAG;QACX,KAAK,EAAE,GAAG;QACV,OAAO,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAC;QACnD,MAAM,EAAE,EAAC,KAAK,EAAE,EAAC,MAAM,EAAE,aAAa,EAAC,EAAC;KACzC,CAAS;CACb,CAAC","sourcesContent":["import type {Spec} from '@uwdata/mosaic-spec';\nimport type {ChartTypeDefinition} from '../base-types';\nimport type {LineChartSettings} from './schema';\nimport {\n  QUANTITATIVE_COLUMN_TYPES,\n  NUMERIC_COLUMN_TYPES,\n} from '../../chart-builders/constants';\nimport {titleFromDescription} from '../../chart-builders/chartTypeUtils';\n\nconst FG_COLOR = 'var(--color-chart-1)';\nconst DESCRIPTION = 'Create a line chart of two fields';\n\nexport const lineChartChartType: ChartTypeDefinition<LineChartSettings> = {\n  id: 'line-chart',\n  label: 'Line Chart',\n  description: DESCRIPTION,\n  aiDescription:\n    'Use for trends over an ordered x-axis, typically time on x and a numeric measure on y.',\n  fields: [\n    {\n      key: 'x',\n      label: 'X Field',\n      required: true,\n      types: [...QUANTITATIVE_COLUMN_TYPES],\n      description:\n        'Ordered x-axis column, usually time or a quantitative value.',\n    },\n    {\n      key: 'y',\n      label: 'Y Field',\n      required: true,\n      types: [...NUMERIC_COLUMN_TYPES],\n      description: 'Numeric measure plotted on the y-axis.',\n    },\n  ],\n  buildTitle: titleFromDescription(DESCRIPTION),\n  createSpec: (tableName, {x, y}): Spec =>\n    ({\n      plot: [\n        {\n          mark: 'lineY',\n          data: {from: tableName, filterBy: '$brush'},\n          x,\n          y,\n          stroke: FG_COLOR,\n        },\n        {select: 'intervalX', as: '$brush'},\n      ],\n      xLabel: x,\n      yLabel: y,\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":"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

@@ -1,16 +1,82 @@
 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>;
-    y: 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>;
-        y: 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>;
-    vgplot: z.ZodUnknown;
     settingsOpen: z.ZodOptional<z.ZodBoolean>;
 }, z.core.$strip>;
 export type LineChartConfig = z.infer<typeof LineChartConfig>;

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

@@ -1 +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;AAEtB,eAAO,MAAM,iBAAiB;;;iBAG5B,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/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

@@ -1,12 +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(),
-    y: z.string().optional(),
+    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,
-    vgplot: z.unknown(),
     settingsOpen: z.boolean().optional(),
 });
 //# sourceMappingURL=schema.js.map

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

@@ -1 +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,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,CAAC,MAAM,CAAC;IACxC,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IACxB,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;CACzB,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,MAAM,EAAE,CAAC,CAAC,OAAO,EAAE;IACnB,YAAY,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE;CACrC,CAAC,CAAC","sourcesContent":["import {z} from 'zod';\n\nexport const LineChartSettings = z.object({\n  x: z.string().optional(),\n  y: z.string().optional(),\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  vgplot: z.unknown(),\n  settingsOpen: z.boolean().optional(),\n});\n\nexport type LineChartConfig = z.infer<typeof LineChartConfig>;\n"]}
+{"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

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

@@ -0,0 +1 @@
+{"version":3,"file":"spec.js","sourceRoot":"","sources":["../../../src/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 {SpecGenerationError} 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 SpecGenerationError('X field is required for line chart');\n  }\n  if (!yFields || yFields.length === 0) {\n    throw new SpecGenerationError(\n      'At least one Y field is required for line chart',\n    );\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"]}