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

package/dist/chart-types/box-plot/renderer/plot.js

@@ -0,0 +1,91 @@
+import * as Plot from '@observablehq/plot';
+import { BOX_FILL, BOX_STROKE, GRID_COLOR, MARGINS, MAX_BOX_ITEM_WIDTH, OUTLIER_FILL, } from './constants';
+export function createBoxPlotElement(args) {
+    const { config, domain, outliers, size, summaries } = args;
+    const categories = summaries.map((row) => row.categoryLabel);
+    const innerWidth = Math.max(0, size.width - MARGINS.left - MARGINS.right);
+    const categoryBandWidth = categories.length
+        ? innerWidth / categories.length
+        : MAX_BOX_ITEM_WIDTH;
+    const boxInset = Math.max(0, (categoryBandWidth - MAX_BOX_ITEM_WIDTH) / 2);
+    return Plot.plot({
+        height: size.height,
+        marginBottom: MARGINS.bottom,
+        marginLeft: MARGINS.left,
+        marginRight: MARGINS.right,
+        marginTop: MARGINS.top,
+        style: {
+            background: 'transparent',
+            color: 'currentColor',
+            font: '12px var(--font-sans, system-ui, sans-serif)',
+            overflow: 'visible',
+        },
+        width: size.width,
+        x: {
+            domain: categories,
+            label: config.x,
+            padding: 0,
+            tickRotate: categories.length > 8 ? -35 : 0,
+        },
+        y: {
+            domain,
+            grid: true,
+            label: config.y,
+            nice: true,
+        },
+        marks: [
+            Plot.gridY({ stroke: GRID_COLOR, strokeOpacity: 0.65 }),
+            Plot.ruleX(summaries, {
+                x: 'categoryLabel',
+                y1: 'whiskerLow',
+                y2: 'whiskerHigh',
+                stroke: BOX_STROKE,
+                strokeWidth: 1.2,
+            }),
+            Plot.tickY(summaries, {
+                insetLeft: boxInset,
+                insetRight: boxInset,
+                x: 'categoryLabel',
+                y: 'whiskerLow',
+                stroke: BOX_STROKE,
+                strokeWidth: 1.4,
+            }),
+            Plot.tickY(summaries, {
+                insetLeft: boxInset,
+                insetRight: boxInset,
+                x: 'categoryLabel',
+                y: 'whiskerHigh',
+                stroke: BOX_STROKE,
+                strokeWidth: 1.4,
+            }),
+            Plot.rectY(summaries, {
+                fill: BOX_FILL,
+                fillOpacity: 0.22,
+                insetLeft: boxInset,
+                insetRight: boxInset,
+                stroke: BOX_STROKE,
+                strokeWidth: 1.2,
+                x: 'categoryLabel',
+                y1: 'q1',
+                y2: 'q3',
+            }),
+            Plot.tickY(summaries, {
+                insetLeft: boxInset,
+                insetRight: boxInset,
+                x: 'categoryLabel',
+                y: 'median',
+                stroke: BOX_STROKE,
+                strokeWidth: 2.4,
+            }),
+            Plot.dot(outliers, {
+                fill: OUTLIER_FILL,
+                fillOpacity: 0.7,
+                r: 2.5,
+                stroke: 'transparent',
+                x: 'categoryLabel',
+                y: 'value',
+            }),
+        ],
+    });
+}
+//# sourceMappingURL=plot.js.map

package/dist/chart-types/box-plot/renderer/plot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plot.js","sourceRoot":"","sources":["../../../../src/chart-types/box-plot/renderer/plot.ts"],"names":[],"mappings":"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","sourcesContent":["import * as Plot from '@observablehq/plot';\nimport type {PlotSize} from '../../../ResponsivePlot';\nimport {\n  BOX_FILL,\n  BOX_STROKE,\n  GRID_COLOR,\n  MARGINS,\n  MAX_BOX_ITEM_WIDTH,\n  OUTLIER_FILL,\n  type PlotOutlierDatum,\n  type PlotSummaryDatum,\n} from './constants';\n\nexport function createBoxPlotElement(args: {\n  config: {x: string; y: string};\n  domain: [number, number];\n  outliers: PlotOutlierDatum[];\n  size: PlotSize;\n  summaries: PlotSummaryDatum[];\n}) {\n  const {config, domain, outliers, size, summaries} = args;\n  const categories = summaries.map((row) => row.categoryLabel);\n  const innerWidth = Math.max(0, size.width - MARGINS.left - MARGINS.right);\n  const categoryBandWidth = categories.length\n    ? innerWidth / categories.length\n    : MAX_BOX_ITEM_WIDTH;\n  const boxInset = Math.max(0, (categoryBandWidth - MAX_BOX_ITEM_WIDTH) / 2);\n\n  return Plot.plot({\n    height: size.height,\n    marginBottom: MARGINS.bottom,\n    marginLeft: MARGINS.left,\n    marginRight: MARGINS.right,\n    marginTop: MARGINS.top,\n    style: {\n      background: 'transparent',\n      color: 'currentColor',\n      font: '12px var(--font-sans, system-ui, sans-serif)',\n      overflow: 'visible',\n    },\n    width: size.width,\n    x: {\n      domain: categories,\n      label: config.x,\n      padding: 0,\n      tickRotate: categories.length > 8 ? -35 : 0,\n    },\n    y: {\n      domain,\n      grid: true,\n      label: config.y,\n      nice: true,\n    },\n    marks: [\n      Plot.gridY({stroke: GRID_COLOR, strokeOpacity: 0.65}),\n      Plot.ruleX(summaries, {\n        x: 'categoryLabel',\n        y1: 'whiskerLow',\n        y2: 'whiskerHigh',\n        stroke: BOX_STROKE,\n        strokeWidth: 1.2,\n      }),\n      Plot.tickY(summaries, {\n        insetLeft: boxInset,\n        insetRight: boxInset,\n        x: 'categoryLabel',\n        y: 'whiskerLow',\n        stroke: BOX_STROKE,\n        strokeWidth: 1.4,\n      }),\n      Plot.tickY(summaries, {\n        insetLeft: boxInset,\n        insetRight: boxInset,\n        x: 'categoryLabel',\n        y: 'whiskerHigh',\n        stroke: BOX_STROKE,\n        strokeWidth: 1.4,\n      }),\n      Plot.rectY(summaries, {\n        fill: BOX_FILL,\n        fillOpacity: 0.22,\n        insetLeft: boxInset,\n        insetRight: boxInset,\n        stroke: BOX_STROKE,\n        strokeWidth: 1.2,\n        x: 'categoryLabel',\n        y1: 'q1',\n        y2: 'q3',\n      }),\n      Plot.tickY(summaries, {\n        insetLeft: boxInset,\n        insetRight: boxInset,\n        x: 'categoryLabel',\n        y: 'median',\n        stroke: BOX_STROKE,\n        strokeWidth: 2.4,\n      }),\n      Plot.dot(outliers, {\n        fill: OUTLIER_FILL,\n        fillOpacity: 0.7,\n        r: 2.5,\n        stroke: 'transparent',\n        x: 'categoryLabel',\n        y: 'value',\n      }),\n    ],\n  });\n}\n"]}

package/dist/chart-types/box-plot/renderer/useBoxPlotClient.d.ts

@@ -0,0 +1,14 @@
+import { Coordinator } from '@uwdata/mosaic-core';
+import { BoxPlotClient, type BoxPlotState } from '../../../boxplot/BoxPlotClient';
+import type { BrushSelectionParams } from '../../base-types';
+import { BoxPlotChartSettings } from '../schema';
+export declare function useBoxPlotClient(args: {
+    config: BoxPlotChartSettings | null;
+    coordinator: Coordinator;
+    params?: BrushSelectionParams;
+    tableName: string;
+}): {
+    clientRef: import("react").RefObject<BoxPlotClient | null>;
+    state: BoxPlotState;
+};
+//# sourceMappingURL=useBoxPlotClient.d.ts.map

package/dist/chart-types/box-plot/renderer/useBoxPlotClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBoxPlotClient.d.ts","sourceRoot":"","sources":["../../../../src/chart-types/box-plot/renderer/useBoxPlotClient.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAY,MAAM,qBAAqB,CAAC;AAE3D,OAAO,EAAC,aAAa,EAAE,KAAK,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAChF,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAC,oBAAoB,EAAC,MAAM,WAAW,CAAC;AAE/C,wBAAgB,gBAAgB,CAAC,IAAI,EAAE;IACrC,MAAM,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACpC,WAAW,EAAE,WAAW,CAAC;IACzB,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,SAAS,EAAE,MAAM,CAAC;CACnB;;;EA6CA"}

package/dist/chart-types/box-plot/renderer/useBoxPlotClient.js

@@ -0,0 +1,45 @@
+import { Selection } from '@uwdata/mosaic-core';
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { BoxPlotClient } from '../../../boxplot/BoxPlotClient';
+export function useBoxPlotClient(args) {
+    const { config, coordinator, params, tableName } = args;
+    const [state, setState] = useState({
+        isLoading: true,
+        outliers: [],
+        summaries: [],
+    });
+    const clientRef = useRef(null);
+    // Get or create the crossfilter selection
+    const selection = useMemo(() => {
+        // First try to get the brush selection from params (which should be connected to crossfilter)
+        const brushSelection = params?.get('brush');
+        if (brushSelection) {
+            return brushSelection;
+        }
+        // Fallback: create a new crossfilter selection (shouldn't happen in dashboard context)
+        return Selection.crossfilter();
+    }, [params]);
+    useEffect(() => {
+        if (!config) {
+            clientRef.current = null;
+            return;
+        }
+        const client = new BoxPlotClient({
+            onStateChange: setState,
+            selection,
+            tableName,
+            x: config.x,
+            y: config.y,
+        });
+        clientRef.current = client;
+        coordinator.connect(client);
+        return () => {
+            client.destroy();
+            if (clientRef.current === client) {
+                clientRef.current = null;
+            }
+        };
+    }, [config, coordinator, selection, tableName]);
+    return { clientRef, state };
+}
+//# sourceMappingURL=useBoxPlotClient.js.map

package/dist/chart-types/box-plot/renderer/useBoxPlotClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBoxPlotClient.js","sourceRoot":"","sources":["../../../../src/chart-types/box-plot/renderer/useBoxPlotClient.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,SAAS,EAAC,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAC,aAAa,EAAoB,MAAM,gCAAgC,CAAC;AAIhF,MAAM,UAAU,gBAAgB,CAAC,IAKhC;IACC,MAAM,EAAC,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAC,GAAG,IAAI,CAAC;IACtD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAe;QAC/C,SAAS,EAAE,IAAI;QACf,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,EAAE;KACd,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,MAAM,CAAuB,IAAI,CAAC,CAAC;IAErD,0CAA0C;IAC1C,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,8FAA8F;QAC9F,MAAM,cAAc,GAAG,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;QAC5C,IAAI,cAAc,EAAE,CAAC;YACnB,OAAO,cAAc,CAAC;QACxB,CAAC;QACD,uFAAuF;QACvF,OAAO,SAAS,CAAC,WAAW,EAAE,CAAC;IACjC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;YACzB,OAAO;QACT,CAAC;QAED,MAAM,MAAM,GAAG,IAAI,aAAa,CAAC;YAC/B,aAAa,EAAE,QAAQ;YACvB,SAAS;YACT,SAAS;YACT,CAAC,EAAE,MAAM,CAAC,CAAC;YACX,CAAC,EAAE,MAAM,CAAC,CAAC;SACZ,CAAC,CAAC;QACH,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC;QAC3B,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAE5B,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,SAAS,CAAC,OAAO,KAAK,MAAM,EAAE,CAAC;gBACjC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;YAC3B,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAEhD,OAAO,EAAC,SAAS,EAAE,KAAK,EAAC,CAAC;AAC5B,CAAC","sourcesContent":["import {Coordinator, Selection} from '@uwdata/mosaic-core';\nimport {useEffect, useMemo, useRef, useState} from 'react';\nimport {BoxPlotClient, type BoxPlotState} from '../../../boxplot/BoxPlotClient';\nimport type {BrushSelectionParams} from '../../base-types';\nimport {BoxPlotChartSettings} from '../schema';\n\nexport function useBoxPlotClient(args: {\n  config: BoxPlotChartSettings | null;\n  coordinator: Coordinator;\n  params?: BrushSelectionParams;\n  tableName: string;\n}) {\n  const {config, coordinator, params, tableName} = args;\n  const [state, setState] = useState<BoxPlotState>({\n    isLoading: true,\n    outliers: [],\n    summaries: [],\n  });\n  const clientRef = useRef<BoxPlotClient | null>(null);\n\n  // Get or create the crossfilter selection\n  const selection = useMemo(() => {\n    // First try to get the brush selection from params (which should be connected to crossfilter)\n    const brushSelection = params?.get('brush');\n    if (brushSelection) {\n      return brushSelection;\n    }\n    // Fallback: create a new crossfilter selection (shouldn't happen in dashboard context)\n    return Selection.crossfilter();\n  }, [params]);\n\n  useEffect(() => {\n    if (!config) {\n      clientRef.current = null;\n      return;\n    }\n\n    const client = new BoxPlotClient({\n      onStateChange: setState,\n      selection,\n      tableName,\n      x: config.x,\n      y: config.y,\n    });\n    clientRef.current = client;\n    coordinator.connect(client);\n\n    return () => {\n      client.destroy();\n      if (clientRef.current === client) {\n        clientRef.current = null;\n      }\n    };\n  }, [config, coordinator, selection, tableName]);\n\n  return {clientRef, state};\n}\n"]}

package/dist/chart-types/box-plot/renderer/utils.d.ts

@@ -0,0 +1,6 @@
+import type { BoxPlotOutlierRow, BoxPlotSummaryRow } from '../../../boxplot/BoxPlotClient';
+import type { PlotSize } from '../../../ResponsivePlot';
+export declare function formatCategory(value: unknown): string;
+export declare function getYDomain(summaries: BoxPlotSummaryRow[], outliers: BoxPlotOutlierRow[]): [number, number];
+export declare function yPixelToValue(pixelY: number, size: PlotSize, domain: [number, number]): number;
+//# sourceMappingURL=utils.d.ts.map

package/dist/chart-types/box-plot/renderer/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/chart-types/box-plot/renderer/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,gCAAgC,CAAC;AACxC,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,yBAAyB,CAAC;AAGtD,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAErD;AAED,wBAAgB,UAAU,CACxB,SAAS,EAAE,iBAAiB,EAAE,EAC9B,QAAQ,EAAE,iBAAiB,EAAE,GAC5B,CAAC,MAAM,EAAE,MAAM,CAAC,CAyBlB;AAED,wBAAgB,aAAa,CAC3B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,QAAQ,EACd,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,UASzB"}

package/dist/chart-types/box-plot/renderer/utils.js

@@ -0,0 +1,34 @@
+import { MARGINS } from './constants';
+export function formatCategory(value) {
+    return value === null || value === undefined ? '(null)' : String(value);
+}
+export function getYDomain(summaries, outliers) {
+    const values = [
+        ...summaries.flatMap((row) => [
+            row.whiskerLow,
+            row.whiskerHigh,
+            row.q1,
+            row.q3,
+            row.median,
+        ]),
+        ...outliers.map((row) => row.value),
+    ].filter((value) => Number.isFinite(value));
+    if (!values.length) {
+        return [0, 1];
+    }
+    const min = Math.min(...values);
+    const max = Math.max(...values);
+    if (min === max) {
+        const pad = Math.abs(min) || 1;
+        return [min - pad * 0.5, max + pad * 0.5];
+    }
+    const pad = (max - min) * 0.08;
+    return [min - pad, max + pad];
+}
+export function yPixelToValue(pixelY, size, domain) {
+    const plotHeight = Math.max(1, size.height - MARGINS.top - MARGINS.bottom);
+    const clampedY = Math.min(size.height - MARGINS.bottom, Math.max(MARGINS.top, pixelY));
+    const ratio = (clampedY - MARGINS.top) / plotHeight;
+    return domain[1] - ratio * (domain[1] - domain[0]);
+}
+//# sourceMappingURL=utils.js.map

package/dist/chart-types/box-plot/renderer/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/chart-types/box-plot/renderer/utils.ts"],"names":[],"mappings":"AAKA,OAAO,EAAC,OAAO,EAAC,MAAM,aAAa,CAAC;AAEpC,MAAM,UAAU,cAAc,CAAC,KAAc;IAC3C,OAAO,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAC1E,CAAC;AAED,MAAM,UAAU,UAAU,CACxB,SAA8B,EAC9B,QAA6B;IAE7B,MAAM,MAAM,GAAG;QACb,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC;YAC5B,GAAG,CAAC,UAAU;YACd,GAAG,CAAC,WAAW;YACf,GAAG,CAAC,EAAE;YACN,GAAG,CAAC,EAAE;YACN,GAAG,CAAC,MAAM;SACX,CAAC;QACF,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC;KACpC,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IAE5C,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;QACnB,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAChB,CAAC;IAED,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC;IAChC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC;IAChC,IAAI,GAAG,KAAK,GAAG,EAAE,CAAC;QAChB,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAC/B,OAAO,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC;IAC5C,CAAC;IAED,MAAM,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC;IAC/B,OAAO,CAAC,GAAG,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,CAAC,CAAC;AAChC,CAAC;AAED,MAAM,UAAU,aAAa,CAC3B,MAAc,EACd,IAAc,EACd,MAAwB;IAExB,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,GAAG,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAC3E,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CACvB,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,EAC5B,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE,MAAM,CAAC,CAC9B,CAAC;IACF,MAAM,KAAK,GAAG,CAAC,QAAQ,GAAG,OAAO,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC;IACpD,OAAO,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACrD,CAAC","sourcesContent":["import type {\n  BoxPlotOutlierRow,\n  BoxPlotSummaryRow,\n} from '../../../boxplot/BoxPlotClient';\nimport type {PlotSize} from '../../../ResponsivePlot';\nimport {MARGINS} from './constants';\n\nexport function formatCategory(value: unknown): string {\n  return value === null || value === undefined ? '(null)' : String(value);\n}\n\nexport function getYDomain(\n  summaries: BoxPlotSummaryRow[],\n  outliers: BoxPlotOutlierRow[],\n): [number, number] {\n  const values = [\n    ...summaries.flatMap((row) => [\n      row.whiskerLow,\n      row.whiskerHigh,\n      row.q1,\n      row.q3,\n      row.median,\n    ]),\n    ...outliers.map((row) => row.value),\n  ].filter((value) => Number.isFinite(value));\n\n  if (!values.length) {\n    return [0, 1];\n  }\n\n  const min = Math.min(...values);\n  const max = Math.max(...values);\n  if (min === max) {\n    const pad = Math.abs(min) || 1;\n    return [min - pad * 0.5, max + pad * 0.5];\n  }\n\n  const pad = (max - min) * 0.08;\n  return [min - pad, max + pad];\n}\n\nexport function yPixelToValue(\n  pixelY: number,\n  size: PlotSize,\n  domain: [number, number],\n) {\n  const plotHeight = Math.max(1, size.height - MARGINS.top - MARGINS.bottom);\n  const clampedY = Math.min(\n    size.height - MARGINS.bottom,\n    Math.max(MARGINS.top, pixelY),\n  );\n  const ratio = (clampedY - MARGINS.top) / plotHeight;\n  return domain[1] - ratio * (domain[1] - domain[0]);\n}\n"]}

package/dist/chart-types/box-plot/schema.d.ts

@@ -0,0 +1,16 @@
+import { z } from 'zod';
+export declare const BoxPlotChartSettings: z.ZodObject<{
+    x: z.ZodString;
+    y: z.ZodString;
+}, z.core.$strip>;
+export type BoxPlotChartSettings = z.infer<typeof BoxPlotChartSettings>;
+export declare const BoxPlotChartConfig: z.ZodObject<{
+    chartType: z.ZodLiteral<"box-plot">;
+    settings: z.ZodObject<{
+        x: z.ZodString;
+        y: z.ZodString;
+    }, z.core.$strip>;
+    settingsOpen: z.ZodOptional<z.ZodBoolean>;
+}, z.core.$strip>;
+export type BoxPlotChartConfig = z.infer<typeof BoxPlotChartConfig>;
+//# sourceMappingURL=schema.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/chart-types/box-plot/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAEtB,eAAO,MAAM,oBAAoB;;;iBAG/B,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAExE,eAAO,MAAM,kBAAkB;;;;;;;iBAI7B,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,kBAAkB,CAAC,CAAC"}

package/dist/chart-types/box-plot/schema.js

@@ -0,0 +1,11 @@
+import { z } from 'zod';
+export const BoxPlotChartSettings = z.object({
+    x: z.string().describe('Categorical column for grouping'),
+    y: z.string().describe('Numeric column for distribution statistics'),
+});
+export const BoxPlotChartConfig = z.object({
+    chartType: z.literal('box-plot'),
+    settings: BoxPlotChartSettings,
+    settingsOpen: z.boolean().optional(),
+});
+//# sourceMappingURL=schema.js.map

package/dist/chart-types/box-plot/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../src/chart-types/box-plot/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAEtB,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,CAAC,MAAM,CAAC;IAC3C,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,iCAAiC,CAAC;IACzD,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,4CAA4C,CAAC;CACrE,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,CAAC,MAAM,CAAC;IACzC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC;IAChC,QAAQ,EAAE,oBAAoB;IAC9B,YAAY,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE;CACrC,CAAC,CAAC","sourcesContent":["import {z} from 'zod';\n\nexport const BoxPlotChartSettings = z.object({\n  x: z.string().describe('Categorical column for grouping'),\n  y: z.string().describe('Numeric column for distribution statistics'),\n});\n\nexport type BoxPlotChartSettings = z.infer<typeof BoxPlotChartSettings>;\n\nexport const BoxPlotChartConfig = z.object({\n  chartType: z.literal('box-plot'),\n  settings: BoxPlotChartSettings,\n  settingsOpen: z.boolean().optional(),\n});\n\nexport type BoxPlotChartConfig = z.infer<typeof BoxPlotChartConfig>;\n"]}

package/dist/chart-types/box-plot/tool.d.ts

@@ -0,0 +1,44 @@
+import { z } from 'zod';
+import { type ChartToolDeps } from '../base-types';
+export declare const BoxPlotToolParameters: z.ZodObject<{
+    artifactId: z.ZodOptional<z.ZodString>;
+    tableName: z.ZodOptional<z.ZodString>;
+    createArtifactIfMissing: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    reasoning: z.ZodString;
+    settings: z.ZodObject<{
+        x: z.ZodNonOptional<z.ZodString>;
+        y: z.ZodNonOptional<z.ZodString>;
+    }, z.core.$strip>;
+}, z.core.$strip>;
+export type BoxPlotToolParams = z.infer<typeof BoxPlotToolParameters>;
+export declare function createBoxPlotAiTool(deps: ChartToolDeps): import("ai").Tool<{
+    createArtifactIfMissing: boolean;
+    reasoning: string;
+    settings: {
+        x: string;
+        y: string;
+    };
+    artifactId?: string | undefined;
+    tableName?: string | undefined;
+}, {
+    llmResult: {
+        success: boolean;
+        details: string;
+        data: {
+            panelId: string;
+            artifactId: string;
+            tableName: string;
+            title: string;
+            config: any;
+        };
+        errorMessage?: undefined;
+    };
+} | {
+    llmResult: {
+        success: boolean;
+        errorMessage: string;
+        details?: undefined;
+        data?: undefined;
+    };
+}>;
+//# sourceMappingURL=tool.d.ts.map

package/dist/chart-types/box-plot/tool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../../src/chart-types/box-plot/tool.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAGtB,OAAO,EAAC,KAAK,aAAa,EAAC,MAAM,eAAe,CAAC;AAOjD,eAAO,MAAM,qBAAqB;;;;;;;;;iBAEhC,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAEtE,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkEtD"}

package/dist/chart-types/box-plot/tool.js

@@ -0,0 +1,59 @@
+import { tool } from 'ai';
+import { BoxPlotChartSettings } from './schema';
+import { BaseChartToolParameters } from '../tool-schemas';
+import { validateColumnExists } from '../tool-validation';
+import { NUMERIC_COLUMN_TYPES, CATEGORICAL_COLUMN_TYPES, } from '../../chart-builders/constants';
+export const BoxPlotToolParameters = BaseChartToolParameters.extend({
+    settings: BoxPlotChartSettings.required(),
+});
+export function createBoxPlotAiTool(deps) {
+    return tool({
+        description: `Box plot: compares distributions of numeric values across categories. Shows median, quartiles (25th, 75th percentiles), and outliers per group.
+
+Use when: user asks to "compare [numeric] across/by [category]", "distribution by group", "show outliers by", "compare ranges".
+Example queries: "compare population by administrative region", "show elevation distribution by terrain type", "parcel area range by zone", "compare building heights across districts", "temperature by climate zone".
+
+Required:
+- x: categorical/grouping column (${CATEGORICAL_COLUMN_TYPES.join(', ')}) - e.g., region, terrain type, zone classification
+- y: numeric (${NUMERIC_COLUMN_TYPES.join(', ')})
+
+Best for: comparing distributions between groups, finding outliers per category, seeing spread and variance differences.
+
+Do NOT use for: single distribution (use histogram), time trends (use line-chart), simple counts (use count-plot).`,
+        inputSchema: BoxPlotToolParameters,
+        execute: async (params, context) => {
+            try {
+                const { artifactId, tableName, columns } = deps.resolveResources(params, context);
+                // Validate settings
+                validateColumnExists(params.settings.x, CATEGORICAL_COLUMN_TYPES, columns, 'x');
+                validateColumnExists(params.settings.y, NUMERIC_COLUMN_TYPES, columns, 'y');
+                const title = `Box plot - ${params.settings.y} by ${params.settings.x}`;
+                const result = deps.createChart({
+                    artifactId,
+                    tableName,
+                    config: {
+                        chartType: 'box-plot',
+                        settings: params.settings,
+                    },
+                    title,
+                });
+                return {
+                    llmResult: {
+                        success: true,
+                        details: `Created box plot "${result.title}".`,
+                        data: result,
+                    },
+                };
+            }
+            catch (error) {
+                return {
+                    llmResult: {
+                        success: false,
+                        errorMessage: error instanceof Error ? error.message : String(error),
+                    },
+                };
+            }
+        },
+    });
+}
+//# sourceMappingURL=tool.js.map

package/dist/chart-types/box-plot/tool.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool.js","sourceRoot":"","sources":["../../../src/chart-types/box-plot/tool.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,IAAI,CAAC;AAExB,OAAO,EAAC,oBAAoB,EAAC,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAC,uBAAuB,EAAC,MAAM,iBAAiB,CAAC;AAExD,OAAO,EAAC,oBAAoB,EAAC,MAAM,oBAAoB,CAAC;AACxD,OAAO,EACL,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,gCAAgC,CAAC;AAExC,MAAM,CAAC,MAAM,qBAAqB,GAAG,uBAAuB,CAAC,MAAM,CAAC;IAClE,QAAQ,EAAE,oBAAoB,CAAC,QAAQ,EAAE;CAC1C,CAAC,CAAC;AAIH,MAAM,UAAU,mBAAmB,CAAC,IAAmB;IACrD,OAAO,IAAI,CAAC;QACV,WAAW,EAAE;;;;;;oCAMmB,wBAAwB,CAAC,IAAI,CAAC,IAAI,CAAC;gBACvD,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC;;;;mHAIoE;QAC/G,WAAW,EAAE,qBAAqB;QAClC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE;YACjC,IAAI,CAAC;gBACH,MAAM,EAAC,UAAU,EAAE,SAAS,EAAE,OAAO,EAAC,GAAG,IAAI,CAAC,gBAAgB,CAC5D,MAAM,EACN,OAAO,CACR,CAAC;gBAEF,oBAAoB;gBACpB,oBAAoB,CAClB,MAAM,CAAC,QAAQ,CAAC,CAAC,EACjB,wBAAwB,EACxB,OAAO,EACP,GAAG,CACJ,CAAC;gBACF,oBAAoB,CAClB,MAAM,CAAC,QAAQ,CAAC,CAAC,EACjB,oBAAoB,EACpB,OAAO,EACP,GAAG,CACJ,CAAC;gBAEF,MAAM,KAAK,GAAG,cAAc,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC;gBAExE,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC;oBAC9B,UAAU;oBACV,SAAS;oBACT,MAAM,EAAE;wBACN,SAAS,EAAE,UAAU;wBACrB,QAAQ,EAAE,MAAM,CAAC,QAAQ;qBAC1B;oBACD,KAAK;iBACN,CAAC,CAAC;gBAEH,OAAO;oBACL,SAAS,EAAE;wBACT,OAAO,EAAE,IAAI;wBACb,OAAO,EAAE,qBAAqB,MAAM,CAAC,KAAK,IAAI;wBAC9C,IAAI,EAAE,MAAM;qBACb;iBACF,CAAC;YACJ,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO;oBACL,SAAS,EAAE;wBACT,OAAO,EAAE,KAAK;wBACd,YAAY,EACV,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;qBACzD;iBACF,CAAC;YACJ,CAAC;QACH,CAAC;KACF,CAAC,CAAC;AACL,CAAC","sourcesContent":["import {tool} from 'ai';\nimport {z} from 'zod';\nimport {BoxPlotChartSettings} from './schema';\nimport {BaseChartToolParameters} from '../tool-schemas';\nimport {type ChartToolDeps} from '../base-types';\nimport {validateColumnExists} from '../tool-validation';\nimport {\n  NUMERIC_COLUMN_TYPES,\n  CATEGORICAL_COLUMN_TYPES,\n} from '../../chart-builders/constants';\n\nexport const BoxPlotToolParameters = BaseChartToolParameters.extend({\n  settings: BoxPlotChartSettings.required(),\n});\n\nexport type BoxPlotToolParams = z.infer<typeof BoxPlotToolParameters>;\n\nexport function createBoxPlotAiTool(deps: ChartToolDeps) {\n  return tool({\n    description: `Box plot: compares distributions of numeric values across categories. Shows median, quartiles (25th, 75th percentiles), and outliers per group.\n\nUse when: user asks to \"compare [numeric] across/by [category]\", \"distribution by group\", \"show outliers by\", \"compare ranges\".\nExample queries: \"compare population by administrative region\", \"show elevation distribution by terrain type\", \"parcel area range by zone\", \"compare building heights across districts\", \"temperature by climate zone\".\n\nRequired:\n- x: categorical/grouping column (${CATEGORICAL_COLUMN_TYPES.join(', ')}) - e.g., region, terrain type, zone classification\n- y: numeric (${NUMERIC_COLUMN_TYPES.join(', ')})\n\nBest for: comparing distributions between groups, finding outliers per category, seeing spread and variance differences.\n\nDo NOT use for: single distribution (use histogram), time trends (use line-chart), simple counts (use count-plot).`,\n    inputSchema: BoxPlotToolParameters,\n    execute: async (params, context) => {\n      try {\n        const {artifactId, tableName, columns} = deps.resolveResources(\n          params,\n          context,\n        );\n\n        // Validate settings\n        validateColumnExists(\n          params.settings.x,\n          CATEGORICAL_COLUMN_TYPES,\n          columns,\n          'x',\n        );\n        validateColumnExists(\n          params.settings.y,\n          NUMERIC_COLUMN_TYPES,\n          columns,\n          'y',\n        );\n\n        const title = `Box plot - ${params.settings.y} by ${params.settings.x}`;\n\n        const result = deps.createChart({\n          artifactId,\n          tableName,\n          config: {\n            chartType: 'box-plot',\n            settings: params.settings,\n          },\n          title,\n        });\n\n        return {\n          llmResult: {\n            success: true,\n            details: `Created box plot \"${result.title}\".`,\n            data: result,\n          },\n        };\n      } catch (error) {\n        return {\n          llmResult: {\n            success: false,\n            errorMessage:\n              error instanceof Error ? error.message : String(error),\n          },\n        };\n      }\n    },\n  });\n}\n"]}

package/dist/chart-types/bubble-chart/BubbleChartSettings.d.ts

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

package/dist/chart-types/bubble-chart/BubbleChartSettings.d.ts.map

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

package/dist/chart-types/bubble-chart/BubbleChartSettings.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Field } from '../../chart-builders/Field';
+import { ColumnSelector } from '../../chart-builders/ColumnSelector';
+import { useChartSettingsContext } from '../../chart/chart-settings/ChartSettingsContext';
+export const BubbleChartSettingsComponent = () => {
+    const { onChangeConfig, config } = useChartSettingsContext('bubble-chart');
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx(Field, { label: "X Field", required: true, children: _jsx(ColumnSelector.Numeric, { value: config.settings.x, onChange: (x) => onChangeConfig('x', x) }) }), _jsx(Field, { label: "Y Field", required: true, children: _jsx(ColumnSelector.Numeric, { value: config.settings.y, onChange: (y) => onChangeConfig('y', y) }) })] }));
+};
+//# sourceMappingURL=BubbleChartSettings.js.map

package/dist/chart-types/bubble-chart/BubbleChartSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleChartSettings.js","sourceRoot":"","sources":["../../../src/chart-types/bubble-chart/BubbleChartSettings.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,KAAK,EAAC,MAAM,4BAA4B,CAAC;AACjD,OAAO,EAAC,cAAc,EAAC,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAC,uBAAuB,EAAC,MAAM,iDAAiD,CAAC;AAExF,MAAM,CAAC,MAAM,4BAA4B,GAAO,GAAG,EAAE;IACnD,MAAM,EAAC,cAAc,EAAE,MAAM,EAAC,GAAG,uBAAuB,CAAC,cAAc,CAAC,CAAC;IAEzE,OAAO,CACL,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,KAAK,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,kBAC7B,KAAC,cAAc,CAAC,OAAO,IACrB,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,EACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,GAAG,EAAE,CAAC,CAAC,GACvC,GACI,EAER,KAAC,KAAK,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,kBAC7B,KAAC,cAAc,CAAC,OAAO,IACrB,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,EACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,GAAG,EAAE,CAAC,CAAC,GACvC,GACI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {type FC} from 'react';\nimport {Field} from '../../chart-builders/Field';\nimport {ColumnSelector} from '../../chart-builders/ColumnSelector';\nimport {useChartSettingsContext} from '../../chart/chart-settings/ChartSettingsContext';\n\nexport const BubbleChartSettingsComponent: FC = () => {\n  const {onChangeConfig, config} = useChartSettingsContext('bubble-chart');\n\n  return (\n    <div className=\"space-y-4\">\n      <Field label=\"X Field\" required>\n        <ColumnSelector.Numeric\n          value={config.settings.x}\n          onChange={(x) => onChangeConfig('x', x)}\n        />\n      </Field>\n\n      <Field label=\"Y Field\" required>\n        <ColumnSelector.Numeric\n          value={config.settings.y}\n          onChange={(y) => onChangeConfig('y', y)}\n        />\n      </Field>\n    </div>\n  );\n};\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../../src/chart-types/bubble-chart/definition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAC,iBAAiB,EAAsB,MAAM,UAAU,CAAC;AAShE,eAAO,MAAM,oBAAoB,EAAE,uBAAuB,CAAC,iBAAiB,CAWzE,CAAC"}

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

@@ -0,0 +1,19 @@
+import { BubbleChartSettings } from './schema';
+import { titleFromDescription } from '../../chart-builders/chartTypeUtils';
+import { BubbleChartSettingsComponent } from './BubbleChartSettings';
+import { createBubbleChartAiTool } from './tool';
+import { Workflow } from 'lucide-react';
+import { createBubbleChartSpec } from './spec';
+const DESCRIPTION = 'Create a bubble chart';
+export const bubbleChartChartType = {
+    id: 'bubble-chart',
+    label: 'Bubble Chart',
+    description: DESCRIPTION,
+    icon: Workflow,
+    schema: BubbleChartSettings,
+    settingsComponent: BubbleChartSettingsComponent,
+    buildTitle: titleFromDescription(DESCRIPTION),
+    createTool: createBubbleChartAiTool,
+    createSpec: createBubbleChartSpec,
+};
+//# sourceMappingURL=definition.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"definition.js","sourceRoot":"","sources":["../../../src/chart-types/bubble-chart/definition.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,mBAAmB,EAAC,MAAM,UAAU,CAAC;AAChE,OAAO,EAAC,oBAAoB,EAAC,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAC,4BAA4B,EAAC,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAC,uBAAuB,EAAC,MAAM,QAAQ,CAAC;AAC/C,OAAO,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AACtC,OAAO,EAAC,qBAAqB,EAAC,MAAM,QAAQ,CAAC;AAE7C,MAAM,WAAW,GAAG,uBAAuB,CAAC;AAE5C,MAAM,CAAC,MAAM,oBAAoB,GAC/B;IACE,EAAE,EAAE,cAAc;IAClB,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,WAAW;IACxB,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE,mBAAmB;IAC3B,iBAAiB,EAAE,4BAA4B;IAC/C,UAAU,EAAE,oBAAoB,CAAC,WAAW,CAAC;IAC7C,UAAU,EAAE,uBAAuB;IACnC,UAAU,EAAE,qBAAqB;CAClC,CAAC","sourcesContent":["import type {SpecChartTypeDefinition} from '../base-types';\nimport {BubbleChartConfig, BubbleChartSettings} from './schema';\nimport {titleFromDescription} from '../../chart-builders/chartTypeUtils';\nimport {BubbleChartSettingsComponent} from './BubbleChartSettings';\nimport {createBubbleChartAiTool} from './tool';\nimport {Workflow} from 'lucide-react';\nimport {createBubbleChartSpec} from './spec';\n\nconst DESCRIPTION = 'Create a bubble chart';\n\nexport const bubbleChartChartType: SpecChartTypeDefinition<BubbleChartConfig> =\n  {\n    id: 'bubble-chart',\n    label: 'Bubble Chart',\n    description: DESCRIPTION,\n    icon: Workflow,\n    schema: BubbleChartSettings,\n    settingsComponent: BubbleChartSettingsComponent,\n    buildTitle: titleFromDescription(DESCRIPTION),\n    createTool: createBubbleChartAiTool,\n    createSpec: createBubbleChartSpec,\n  };\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/chart-types/bubble-chart/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAEtB,eAAO,MAAM,mBAAmB;;;;iBAO9B,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEtE,eAAO,MAAM,iBAAiB;;;;;;;;iBAI5B,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC"}

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

@@ -0,0 +1,15 @@
+import { z } from 'zod';
+export const BubbleChartSettings = z.object({
+    x: z.string().optional().describe('Numeric column for X axis position'),
+    y: z.string().optional().describe('Numeric column for Y axis position'),
+    size: z
+        .string()
+        .optional()
+        .describe('Numeric column for bubble size (optional)'),
+});
+export const BubbleChartConfig = z.object({
+    chartType: z.literal('bubble-chart'),
+    settings: BubbleChartSettings,
+    settingsOpen: z.boolean().optional(),
+});
+//# sourceMappingURL=schema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../src/chart-types/bubble-chart/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAEtB,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,CAAC,MAAM,CAAC;IAC1C,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,oCAAoC,CAAC;IACvE,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,oCAAoC,CAAC;IACvE,IAAI,EAAE,CAAC;SACJ,MAAM,EAAE;SACR,QAAQ,EAAE;SACV,QAAQ,CAAC,2CAA2C,CAAC;CACzD,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,CAAC,MAAM,CAAC;IACxC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC;IACpC,QAAQ,EAAE,mBAAmB;IAC7B,YAAY,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE;CACrC,CAAC,CAAC","sourcesContent":["import {z} from 'zod';\n\nexport const BubbleChartSettings = z.object({\n  x: z.string().optional().describe('Numeric column for X axis position'),\n  y: z.string().optional().describe('Numeric column for Y axis position'),\n  size: z\n    .string()\n    .optional()\n    .describe('Numeric column for bubble size (optional)'),\n});\n\nexport type BubbleChartSettings = z.infer<typeof BubbleChartSettings>;\n\nexport const BubbleChartConfig = z.object({\n  chartType: z.literal('bubble-chart'),\n  settings: BubbleChartSettings,\n  settingsOpen: z.boolean().optional(),\n});\n\nexport type BubbleChartConfig = z.infer<typeof BubbleChartConfig>;\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"spec.d.ts","sourceRoot":"","sources":["../../../src/chart-types/bubble-chart/spec.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAC,mBAAmB,EAAC,MAAM,UAAU,CAAC;AAK7C,wBAAgB,qBAAqB,CACnC,SAAS,EAAE,MAAM,EACjB,EAAC,CAAC,EAAE,CAAC,EAAC,EAAE,mBAAmB,GAC1B,IAAI,CA2BN"}

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

@@ -0,0 +1,31 @@
+import { SpecGenerationError } from '../errors';
+const FG_COLOR = 'var(--color-chart-1)';
+export function createBubbleChartSpec(tableName, { x, y }) {
+    if (!x) {
+        throw new SpecGenerationError('X field is required for bubble chart');
+    }
+    if (!y) {
+        throw new SpecGenerationError('Y field is required for bubble chart');
+    }
+    return {
+        plot: [
+            {
+                mark: 'dot',
+                data: { from: tableName, filterBy: '$brush' },
+                x,
+                y,
+                fill: FG_COLOR,
+                fillOpacity: 0.5,
+                r: 3,
+            },
+            { select: 'intervalXY', as: '$brush' },
+        ],
+        xLabel: x,
+        yLabel: y,
+        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/bubble-chart/spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spec.js","sourceRoot":"","sources":["../../../src/chart-types/bubble-chart/spec.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,mBAAmB,EAAC,MAAM,WAAW,CAAC;AAE9C,MAAM,QAAQ,GAAG,sBAAsB,CAAC;AAExC,MAAM,UAAU,qBAAqB,CACnC,SAAiB,EACjB,EAAC,CAAC,EAAE,CAAC,EAAsB;IAE3B,IAAI,CAAC,CAAC,EAAE,CAAC;QACP,MAAM,IAAI,mBAAmB,CAAC,sCAAsC,CAAC,CAAC;IACxE,CAAC;IACD,IAAI,CAAC,CAAC,EAAE,CAAC;QACP,MAAM,IAAI,mBAAmB,CAAC,sCAAsC,CAAC,CAAC;IACxE,CAAC;IACD,OAAO;QACL,IAAI,EAAE;YACJ;gBACE,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,EAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAC;gBAC3C,CAAC;gBACD,CAAC;gBACD,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,GAAG;gBAChB,CAAC,EAAE,CAAC;aACL;YACD,EAAC,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE,QAAQ,EAAC;SACrC;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;KACjC,CAAC;AACZ,CAAC","sourcesContent":["import type {Spec} from '@uwdata/mosaic-spec';\nimport {BubbleChartSettings} from './schema';\nimport {SpecGenerationError} from '../errors';\n\nconst FG_COLOR = 'var(--color-chart-1)';\n\nexport function createBubbleChartSpec(\n  tableName: string,\n  {x, y}: BubbleChartSettings,\n): Spec {\n  if (!x) {\n    throw new SpecGenerationError('X field is required for bubble chart');\n  }\n  if (!y) {\n    throw new SpecGenerationError('Y field is required for bubble chart');\n  }\n  return {\n    plot: [\n      {\n        mark: 'dot',\n        data: {from: tableName, filterBy: '$brush'},\n        x,\n        y,\n        fill: FG_COLOR,\n        fillOpacity: 0.5,\n        r: 3,\n      },\n      {select: 'intervalXY', 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"]}

package/dist/chart-types/bubble-chart/tool.d.ts

@@ -0,0 +1,46 @@
+import { z } from 'zod';
+import { type ChartToolDeps } from '../base-types';
+export declare const BubbleChartToolParameters: z.ZodObject<{
+    artifactId: z.ZodOptional<z.ZodString>;
+    tableName: z.ZodOptional<z.ZodString>;
+    createArtifactIfMissing: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    reasoning: z.ZodString;
+    settings: z.ZodObject<{
+        x: z.ZodNonOptional<z.ZodOptional<z.ZodString>>;
+        y: z.ZodNonOptional<z.ZodOptional<z.ZodString>>;
+        size: z.ZodNonOptional<z.ZodOptional<z.ZodString>>;
+    }, z.core.$strip>;
+}, z.core.$strip>;
+export type BubbleChartToolParams = z.infer<typeof BubbleChartToolParameters>;
+export declare function createBubbleChartAiTool(deps: ChartToolDeps): import("ai").Tool<{
+    createArtifactIfMissing: boolean;
+    reasoning: string;
+    settings: {
+        x: string;
+        y: string;
+        size: string;
+    };
+    artifactId?: string | undefined;
+    tableName?: string | undefined;
+}, {
+    llmResult: {
+        success: boolean;
+        details: string;
+        data: {
+            panelId: string;
+            artifactId: string;
+            tableName: string;
+            title: string;
+            config: any;
+        };
+        errorMessage?: undefined;
+    };
+} | {
+    llmResult: {
+        success: boolean;
+        errorMessage: string;
+        details?: undefined;
+        data?: undefined;
+    };
+}>;
+//# sourceMappingURL=tool.d.ts.map

package/dist/chart-types/bubble-chart/tool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../../src/chart-types/bubble-chart/tool.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAGtB,OAAO,EAAC,KAAK,aAAa,EAAC,MAAM,eAAe,CAAC;AAIjD,eAAO,MAAM,yBAAyB;;;;;;;;;;iBAEpC,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAE9E,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmE1D"}