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

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Field } from '../../../components/Field';
+import { Switch } from '@sqlrooms/ui';
+import { useMosaicChartSettingsContext } from '../../chart-settings/MosaicChartSettingsContext';
+import { LineChartYFieldsSelector } from './LineChartYFieldsSelector';
+import { LineChartXFieldSelector } from './LineChartXFieldSelector';
+/**
+ * Explicit settings component for line chart.
+ * Composes primitive and compound components for full control over the UI.
+ */
+export const LineChartSettingsComponent = () => {
+    const { onChangeConfig, config } = useMosaicChartSettingsContext('line-chart');
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx(Field, { label: "X Axis", required: true, children: _jsx(LineChartXFieldSelector, {}) }), _jsx(Field, { label: "Y Axis", required: true, children: _jsx(LineChartYFieldsSelector, {}) }), _jsxs("label", { className: "flex cursor-pointer items-center gap-2", children: [_jsx(Switch, { checked: config.settings.showLegend ?? true, onCheckedChange: (showLegend) => onChangeConfig('showLegend', showLegend), className: "h-4 w-7 data-[state=checked]:bg-gray-800 data-[state=unchecked]:bg-gray-300", children: _jsx(Switch.Thumb, { className: "h-3 w-3 data-[state=checked]:translate-x-3 data-[state=checked]:bg-white data-[state=unchecked]:bg-gray-800" }) }), _jsx("span", { className: "text-xs", children: "Show Legend" })] })] }));
+};
+//# sourceMappingURL=LineChartSettings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LineChartSettings.js","sourceRoot":"","sources":["../../../../src/charts/chart-types/line-chart/LineChartSettings.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,KAAK,EAAC,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAC;AACpC,OAAO,EAAC,6BAA6B,EAAC,MAAM,iDAAiD,CAAC;AAC9F,OAAO,EAAC,wBAAwB,EAAC,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAC,uBAAuB,EAAC,MAAM,2BAA2B,CAAC;AAElE;;;GAGG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAO,GAAG,EAAE;IACjD,MAAM,EAAC,cAAc,EAAE,MAAM,EAAC,GAAG,6BAA6B,CAAC,YAAY,CAAC,CAAC;IAE7E,OAAO,CACL,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,KAAK,IAAC,KAAK,EAAC,QAAQ,EAAC,QAAQ,kBAC5B,KAAC,uBAAuB,KAAG,GACrB,EAER,KAAC,KAAK,IAAC,KAAK,EAAC,QAAQ,EAAC,QAAQ,kBAC5B,KAAC,wBAAwB,KAAG,GACtB,EAER,iBAAO,SAAS,EAAC,wCAAwC,aACvD,KAAC,MAAM,IACL,OAAO,EAAE,MAAM,CAAC,QAAQ,CAAC,UAAU,IAAI,IAAI,EAC3C,eAAe,EAAE,CAAC,UAAU,EAAE,EAAE,CAC9B,cAAc,CAAC,YAAY,EAAE,UAAU,CAAC,EAE1C,SAAS,EAAC,6EAA6E,YAEvF,KAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,6GAA6G,GAAG,GACjI,EACT,eAAM,SAAS,EAAC,SAAS,4BAAmB,IACtC,IACJ,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {type FC} from 'react';\nimport {Field} from '../../../components/Field';\nimport {Switch} from '@sqlrooms/ui';\nimport {useMosaicChartSettingsContext} from '../../chart-settings/MosaicChartSettingsContext';\nimport {LineChartYFieldsSelector} from './LineChartYFieldsSelector';\nimport {LineChartXFieldSelector} from './LineChartXFieldSelector';\n\n/**\n * Explicit settings component for line chart.\n * Composes primitive and compound components for full control over the UI.\n */\nexport const LineChartSettingsComponent: FC = () => {\n  const {onChangeConfig, config} = useMosaicChartSettingsContext('line-chart');\n\n  return (\n    <div className=\"space-y-4\">\n      <Field label=\"X Axis\" required>\n        <LineChartXFieldSelector />\n      </Field>\n\n      <Field label=\"Y Axis\" required>\n        <LineChartYFieldsSelector />\n      </Field>\n\n      <label className=\"flex cursor-pointer items-center gap-2\">\n        <Switch\n          checked={config.settings.showLegend ?? true}\n          onCheckedChange={(showLegend) =>\n            onChangeConfig('showLegend', showLegend)\n          }\n          className=\"h-4 w-7 data-[state=checked]:bg-gray-800 data-[state=unchecked]:bg-gray-300\"\n        >\n          <Switch.Thumb className=\"h-3 w-3 data-[state=checked]:translate-x-3 data-[state=checked]:bg-white data-[state=unchecked]:bg-gray-800\" />\n        </Switch>\n        <span className=\"text-xs\">Show Legend</span>\n      </label>\n    </div>\n  );\n};\n"]}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../../../src/charts/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;AAU5D,eAAO,MAAM,kBAAkB,EAAE,uBAAuB,CAAC,eAAe,CAkBvE,CAAC"}

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

@@ -0,0 +1,26 @@
+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';
+import { DEFAULT_CHART_MAX_DATA_POINTS } from '../../../chart-runtime';
+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,
+    getDataPolicy: ({ config }) => config.settings.xInterval
+        ? null
+        : {
+            maxRows: DEFAULT_CHART_MAX_DATA_POINTS,
+            reason: 'Unaggregated line charts render source rows. Add a temporal interval or use an aggregated chart for larger datasets.',
+        },
+    createSpec: createLineChartSpec,
+};
+//# sourceMappingURL=definition.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"definition.js","sourceRoot":"","sources":["../../../../src/charts/chart-types/line-chart/definition.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,iBAAiB,EAAC,MAAM,UAAU,CAAC;AAC5D,OAAO,EAAC,oBAAoB,EAAC,MAAM,wCAAwC,CAAC;AAC5E,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;AAC3C,OAAO,EAAC,6BAA6B,EAAC,MAAM,wBAAwB,CAAC;AAErE,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,aAAa,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAC1B,MAAM,CAAC,QAAQ,CAAC,SAAS;QACvB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC;YACE,OAAO,EAAE,6BAA6B;YACtC,MAAM,EACJ,sHAAsH;SACzH;IACP,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';\nimport {DEFAULT_CHART_MAX_DATA_POINTS} from '../../../chart-runtime';\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  getDataPolicy: ({config}) =>\n    config.settings.xInterval\n      ? null\n      : {\n          maxRows: DEFAULT_CHART_MAX_DATA_POINTS,\n          reason:\n            'Unaggregated line charts render source rows. Add a temporal interval or use an aggregated chart for larger datasets.',\n        },\n  createSpec: createLineChartSpec,\n};\n"]}

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

@@ -0,0 +1,72 @@
+import { z } from 'zod';
+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>>>;
+    showLegend: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+}, 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>>>;
+        showLegend: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    }, z.core.$strip>;
+    settingsOpen: z.ZodOptional<z.ZodBoolean>;
+    dataPolicy: z.ZodOptional<z.ZodObject<{
+        disabled: z.ZodOptional<z.ZodBoolean>;
+        maxRows: z.ZodOptional<z.ZodNumber>;
+        reason: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>;
+}, z.core.$strip>;
+export type LineChartConfig = z.infer<typeof LineChartConfig>;
+//# sourceMappingURL=schema.d.ts.map

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

@@ -0,0 +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;;;;;;;;;;;;;;;;;;;;;;;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

@@ -0,0 +1,34 @@
+import { z } from 'zod';
+import { ChartDataPolicyOverrideConfig } from '../data-policy-schema';
+import { TemporalInterval, AggregateFunction } from '../../../schemas';
+// 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'),
+    showLegend: z
+        .boolean()
+        .optional()
+        .default(true)
+        .describe('Show interactive legend for toggling line visibility'),
+});
+export const LineChartConfig = z.object({
+    chartType: z.literal('line-chart'),
+    settings: LineChartSettings,
+    settingsOpen: z.boolean().optional(),
+    dataPolicy: ChartDataPolicyOverrideConfig.optional(),
+});
+//# sourceMappingURL=schema.js.map

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

@@ -0,0 +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;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

@@ -0,0 +1,5 @@
+import type { Spec } from '@uwdata/mosaic-spec';
+import { LineChartSettings } from './schema';
+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

@@ -0,0 +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;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

@@ -0,0 +1,123 @@
+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()})`;
+    }
+    return yColumn.field;
+}
+export function createLineChartSpec(options) {
+    const { dataTable, selectionName, settings } = options;
+    const { xColumn, yColumns, xInterval } = validateLineChartSettings(options);
+    const isXTemporal = isTemporalType(xColumn.type);
+    const plotMarks = [];
+    // 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 (isXTemporal && xInterval) {
+            // Use bin syntax for temporal aggregation
+            plotMarks.push({
+                mark: 'lineY',
+                data: dataSource,
+                x: { bin: xColumn.name, interval: xInterval },
+                y: { [aggregate]: yColumn.column.name },
+                stroke: color,
+            });
+        }
+        else {
+            // No aggregation - direct field references
+            plotMarks.push({
+                mark: 'lineY',
+                data: dataSource,
+                x: xColumn.name,
+                y: yColumn.column.name,
+                stroke: color,
+            });
+        }
+    });
+    // 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,
+        name: 'lineChart',
+        xLabel: xColumn.name,
+        yLabel: undefined,
+        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

@@ -0,0 +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 {\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

@@ -0,0 +1,66 @@
+import { z } from 'zod';
+import type { DashboardToolDeps } from '../base-types';
+export declare const LineChartToolParameters: z.ZodObject<{
+    artifactId: z.ZodOptional<z.ZodString>;
+    tableName: z.ZodOptional<z.ZodString>;
+    createArtifactIfMissing: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    panelId: z.ZodOptional<z.ZodString>;
+    reasoning: z.ZodString;
+    settings: z.ZodObject<{
+        x: z.ZodNonOptional<z.ZodOptional<z.ZodString>>;
+        xInterval: z.ZodNonOptional<z.ZodOptional<z.ZodEnum<{
+            second: "second";
+            minute: "minute";
+            hour: "hour";
+            day: "day";
+            week: "week";
+            month: "month";
+            quarter: "quarter";
+            year: "year";
+        }>>>;
+        yFields: z.ZodNonOptional<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>>>>;
+        showLegend: z.ZodNonOptional<z.ZodDefault<z.ZodOptional<z.ZodBoolean>>>;
+    }, z.core.$strip>;
+}, z.core.$strip>;
+export type LineChartToolParams = z.infer<typeof LineChartToolParameters>;
+export declare function createLineChartAiTool(deps: DashboardToolDeps): import("ai").Tool<{
+    createArtifactIfMissing: boolean;
+    reasoning: string;
+    settings: {
+        x: string;
+        xInterval: "second" | "minute" | "hour" | "day" | "week" | "month" | "quarter" | "year";
+        yFields: {
+            field: string;
+            aggregate: "sum" | "max" | "min" | "avg";
+            color?: string | undefined;
+        }[];
+        showLegend: boolean;
+    };
+    artifactId?: string | undefined;
+    tableName?: string | undefined;
+    panelId?: string | undefined;
+}, {
+    llmResult: {
+        success: boolean;
+        details: string;
+        data: import("..").PanelResult;
+        errorMessage?: undefined;
+    };
+} | {
+    llmResult: {
+        success: boolean;
+        errorMessage: string;
+        details?: undefined;
+        data?: undefined;
+    };
+}>;
+//# sourceMappingURL=tool.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,75 @@
+import { tool } from 'ai';
+import { LineChartSettings } from './schema';
+import { AggregateFunction, TemporalInterval } from '../../../schemas';
+import { BaseChartToolParameters } from '../../../ai/tool-schemas';
+import { validateColumnExists } from '../../../ai/tool-validation';
+import { NUMERIC_COLUMN_TYPES, QUANTITATIVE_COLUMN_TYPES, TEMPORAL_COLUMN_TYPES, } from '../../../column-types-utils';
+import { createOrUpdateChartPanel } from '../../../ai/tool-helpers';
+const AGGREGATE_FUNCTIONS = AggregateFunction.options;
+const TEMPORAL_INTERVALS = TemporalInterval.options;
+export const LineChartToolParameters = BaseChartToolParameters.extend({
+    settings: LineChartSettings.required(),
+});
+export function createLineChartAiTool(deps) {
+    return tool({
+        description: `Line chart: shows trends and changes over time or ordered continuous variable. Connects data points to show progression.
+
+Use when: user asks about "trend", "over time", "changes in", "time series", "progression of", "track X over Y".
+Example queries: "population growth over time", "temperature trend by month", "show land development over years", "elevation changes along route", "average precipitation by season".
+
+Required:
+- x: quantitative column (${QUANTITATIVE_COLUMN_TYPES.join(', ')})
+- yFields: array of {field: string (numeric: ${NUMERIC_COLUMN_TYPES.join(', ')}), aggregate?: ${AGGREGATE_FUNCTIONS.join('|')}}
+
+Optional: xInterval for temporal grouping (${TEMPORAL_INTERVALS.join(', ')}) when x is temporal (${TEMPORAL_COLUMN_TYPES.join(', ')}).
+Multiple yFields create multi-line chart for comparing metrics.
+
+NOTE: 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.
+
+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 scatter-plot).`,
+        inputSchema: LineChartToolParameters,
+        execute: async (params, context) => {
+            try {
+                const artifactId = deps.resolveArtifact(params.artifactId, params.createArtifactIfMissing, context);
+                const { tableName, columns } = deps.resolveTable(artifactId, params.tableName);
+                // Validate settings
+                validateColumnExists(params.settings.x, QUANTITATIVE_COLUMN_TYPES, columns, 'x');
+                for (const yField of params.settings.yFields) {
+                    validateColumnExists(yField.field, NUMERIC_COLUMN_TYPES, columns, 'yFields');
+                }
+                const result = createOrUpdateChartPanel(deps, {
+                    panelId: params.panelId,
+                    dashboardId: artifactId,
+                    tableName,
+                    title: params.settings.x
+                        ? `Line chart - ${params.settings.yFields?.map((f) => f.field).join(', ') || ''} over ${params.settings.x}`
+                        : 'Line chart',
+                    config: {
+                        chartType: 'line-chart',
+                        settings: params.settings,
+                    },
+                });
+                return {
+                    llmResult: {
+                        success: true,
+                        details: params.panelId
+                            ? `Updated line chart "${result.title}".`
+                            : `Created line chart "${result.title}".`,
+                        data: result,
+                    },
+                };
+            }
+            catch (error) {
+                return {
+                    llmResult: {
+                        success: false,
+                        errorMessage: error instanceof Error ? error.message : String(error),
+                    },
+                };
+            }
+        },
+    });
+}
+//# sourceMappingURL=tool.js.map

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

@@ -0,0 +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 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