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

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../../src/charts/chart-types/scatter-plot/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AACtB,OAAO,EAAC,6BAA6B,EAAC,MAAM,uBAAuB,CAAC;AAEpE,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,CAAC,MAAM,CAAC;IAC/C,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,0CAA0C,CAAC;CACxD,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,CAAC,MAAM,CAAC;IAC7C,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC;IACpC,QAAQ,EAAE,wBAAwB;IAClC,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';\n\nexport const ScatterPlotChartSettings = 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 point size (optional)'),\n});\n\nexport type ScatterPlotChartSettings = z.infer<typeof ScatterPlotChartSettings>;\n\nexport const ScatterPlotChartConfig = z.object({\n  chartType: z.literal('scatter-plot'),\n  settings: ScatterPlotChartSettings,\n  settingsOpen: z.boolean().optional(),\n  dataPolicy: ChartDataPolicyOverrideConfig.optional(),\n});\n\nexport type ScatterPlotChartConfig = z.infer<typeof ScatterPlotChartConfig>;\n"]}

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

@@ -0,0 +1,5 @@
+import type { Spec } from '@uwdata/mosaic-spec';
+import { ScatterPlotChartSettings } from './schema';
+import { CreateSpecOptions } from '../base-types';
+export declare function createScatterPlotSpec(options: CreateSpecOptions<ScatterPlotChartSettings>): Spec;
+//# sourceMappingURL=spec.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spec.d.ts","sourceRoot":"","sources":["../../../../src/charts/chart-types/scatter-plot/spec.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAC,wBAAwB,EAAC,MAAM,UAAU,CAAC;AAMlD,OAAO,EAAC,iBAAiB,EAAyB,MAAM,eAAe,CAAC;AAMxE,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,iBAAiB,CAAC,wBAAwB,CAAC,GACnD,IAAI,CAoCN"}

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

@@ -0,0 +1,81 @@
+import { InvalidColumnTypeError, MissingColumnsError, RequiredFieldsError, } from '../errors';
+import { getChartTableReference } from '../base-types';
+import { isNumericType } from '../../../column-types-utils';
+const FG_COLOR = 'var(--color-chart-1)';
+const DEFAULT_POINT_SIZE = 3;
+export function createScatterPlotSpec(options) {
+    const { dataTable, selectionName } = options;
+    const { xColumn, yColumn, sizeColumn } = validateScatterPlotSettings(options);
+    const dotMark = {
+        mark: 'dot',
+        data: { from: getChartTableReference(dataTable), filterBy: '$brush' },
+        x: xColumn.name,
+        y: yColumn.name,
+        fill: FG_COLOR,
+        fillOpacity: 0.5,
+    };
+    // If size column is provided, use it for point radius; otherwise use fixed size
+    if (sizeColumn) {
+        dotMark.r = sizeColumn.name;
+    }
+    else {
+        dotMark.r = DEFAULT_POINT_SIZE;
+    }
+    const plot = [dotMark];
+    if (selectionName) {
+        plot.push({ select: 'intervalXY', as: '$brush' });
+    }
+    return {
+        plot,
+        xLabel: xColumn.name,
+        yLabel: yColumn.name,
+        height: 250,
+        width: 380,
+        margins: { left: 50, right: 20, top: 20, bottom: 50 },
+        params: { brush: { select: 'crossfilter' } },
+    };
+}
+function validateScatterPlotSettings({ dataTable, settings: { x, y, size }, }) {
+    // Basic validation for required fields
+    if (!x || !y) {
+        throw new RequiredFieldsError([
+            ...(x ? [] : ['X field']),
+            ...(y ? [] : ['Y field']),
+        ]);
+    }
+    // Validate X and Y field existence
+    const xColumn = dataTable.columns.find((col) => col.name === x);
+    const yColumn = dataTable.columns.find((col) => col.name === y);
+    if (!xColumn || !yColumn) {
+        throw new MissingColumnsError([
+            ...(xColumn ? [] : [x]),
+            ...(yColumn ? [] : [y]),
+        ]);
+    }
+    // Validate X and Y field are numeric
+    const xIsNumeric = isNumericType(xColumn.type);
+    const yIsNumeric = isNumericType(yColumn.type);
+    if (!xIsNumeric || !yIsNumeric) {
+        throw new InvalidColumnTypeError([
+            ...(!xIsNumeric ? [xColumn.name] : []),
+            ...(!yIsNumeric ? [yColumn.name] : []),
+        ], 'numeric');
+    }
+    // Validate size field if provided
+    let sizeColumn = undefined;
+    if (size) {
+        sizeColumn = dataTable.columns.find((col) => col.name === size);
+        if (!sizeColumn) {
+            throw new MissingColumnsError([size]);
+        }
+        if (!isNumericType(sizeColumn.type)) {
+            throw new InvalidColumnTypeError([sizeColumn.name], 'numeric');
+        }
+    }
+    return {
+        xColumn,
+        yColumn,
+        sizeColumn,
+    };
+}
+//# sourceMappingURL=spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spec.js","sourceRoot":"","sources":["../../../../src/charts/chart-types/scatter-plot/spec.ts"],"names":[],"mappings":"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","sourcesContent":["import type {Spec} from '@uwdata/mosaic-spec';\nimport {ScatterPlotChartSettings} from './schema';\nimport {\n  InvalidColumnTypeError,\n  MissingColumnsError,\n  RequiredFieldsError,\n} from '../errors';\nimport {CreateSpecOptions, getChartTableReference} from '../base-types';\nimport {isNumericType} from '../../../column-types-utils';\n\nconst FG_COLOR = 'var(--color-chart-1)';\nconst DEFAULT_POINT_SIZE = 3;\n\nexport function createScatterPlotSpec(\n  options: CreateSpecOptions<ScatterPlotChartSettings>,\n): Spec {\n  const {dataTable, selectionName} = options;\n\n  const {xColumn, yColumn, sizeColumn} = validateScatterPlotSettings(options);\n\n  const dotMark: Record<string, unknown> = {\n    mark: 'dot',\n    data: {from: getChartTableReference(dataTable), filterBy: '$brush'},\n    x: xColumn.name,\n    y: yColumn.name,\n    fill: FG_COLOR,\n    fillOpacity: 0.5,\n  };\n\n  // If size column is provided, use it for point radius; otherwise use fixed size\n  if (sizeColumn) {\n    dotMark.r = sizeColumn.name;\n  } else {\n    dotMark.r = DEFAULT_POINT_SIZE;\n  }\n\n  const plot: unknown[] = [dotMark];\n\n  if (selectionName) {\n    plot.push({select: 'intervalXY', as: '$brush'});\n  }\n\n  return {\n    plot,\n    xLabel: xColumn.name,\n    yLabel: yColumn.name,\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\nfunction validateScatterPlotSettings({\n  dataTable,\n  settings: {x, y, size},\n}: CreateSpecOptions<ScatterPlotChartSettings>) {\n  // Basic validation for required fields\n  if (!x || !y) {\n    throw new RequiredFieldsError([\n      ...(x ? [] : ['X field']),\n      ...(y ? [] : ['Y field']),\n    ]);\n  }\n\n  // Validate X and Y field existence\n  const xColumn = dataTable.columns.find((col) => col.name === x);\n  const yColumn = dataTable.columns.find((col) => col.name === y);\n\n  if (!xColumn || !yColumn) {\n    throw new MissingColumnsError([\n      ...(xColumn ? [] : [x]),\n      ...(yColumn ? [] : [y]),\n    ]);\n  }\n\n  // Validate X and Y field are numeric\n  const xIsNumeric = isNumericType(xColumn.type);\n  const yIsNumeric = isNumericType(yColumn.type);\n  if (!xIsNumeric || !yIsNumeric) {\n    throw new InvalidColumnTypeError(\n      [\n        ...(!xIsNumeric ? [xColumn.name] : []),\n        ...(!yIsNumeric ? [yColumn.name] : []),\n      ],\n      'numeric',\n    );\n  }\n\n  // Validate size field if provided\n  let sizeColumn = undefined;\n  if (size) {\n    sizeColumn = dataTable.columns.find((col) => col.name === size);\n    if (!sizeColumn) {\n      throw new MissingColumnsError([size]);\n    }\n    if (!isNumericType(sizeColumn.type)) {\n      throw new InvalidColumnTypeError([sizeColumn.name], 'numeric');\n    }\n  }\n\n  return {\n    xColumn,\n    yColumn,\n    sizeColumn,\n  };\n}\n"]}

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

@@ -1,6 +1,6 @@
 import { z } from 'zod';
 import { type DashboardToolDeps } from '../base-types';
-export declare const BubbleChartToolParameters: z.ZodObject<{
+export declare const ScatterPlotToolParameters: z.ZodObject<{
     artifactId: z.ZodOptional<z.ZodString>;
     tableName: z.ZodOptional<z.ZodString>;
     createArtifactIfMissing: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
@@ -12,8 +12,8 @@ export declare const BubbleChartToolParameters: z.ZodObject<{
         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: DashboardToolDeps): import("ai").Tool<{
+export type ScatterPlotToolParams = z.infer<typeof ScatterPlotToolParameters>;
+export declare function createScatterPlotAiTool(deps: DashboardToolDeps): import("ai").Tool<{
     createArtifactIfMissing: boolean;
     reasoning: string;
     settings: {

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

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

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

@@ -1,15 +1,15 @@
 import { tool } from 'ai';
-import { BubbleChartSettings } from './schema';
+import { ScatterPlotChartSettings } from './schema';
 import { BaseChartToolParameters } from '../../../ai/tool-schemas';
 import { validateColumnExists } from '../../../ai/tool-validation';
 import { NUMERIC_COLUMN_TYPES } from '../../../column-types-utils';
 import { createOrUpdateChartPanel } from '../../../ai/tool-helpers';
-export const BubbleChartToolParameters = BaseChartToolParameters.extend({
-    settings: BubbleChartSettings.required(),
+export const ScatterPlotToolParameters = BaseChartToolParameters.extend({
+    settings: ScatterPlotChartSettings.required(),
 });
-export function createBubbleChartAiTool(deps) {
+export function createScatterPlotAiTool(deps) {
     return tool({
-        description: `Bubble/scatter chart: plots individual points positioned by two numeric columns (x, y), with optional size dimension.
+        description: `Scatter chart: plots individual points positioned by two numeric columns (x, y), with optional size dimension.
 
 Use when: user asks to "plot X vs Y", "show relationship between", "scatter plot", "correlation", "compare two numeric columns".
 Example queries: "plot latitude vs longitude", "show correlation between elevation and temperature", "visualize coordinates sized by population", "plot area vs population density".
@@ -17,12 +17,12 @@ Example queries: "plot latitude vs longitude", "show correlation between elevati
 Required: x and y must be numeric (${NUMERIC_COLUMN_TYPES.join(', ')}).
 Optional: size can encode a third numeric dimension (magnitude, frequency, count).
 
-IMPORTANT: Bubble charts render ALL rows as individual points. Do NOT create bubble charts for tables with more than ${deps.maxDataPoints.toLocaleString()} rows - use aggregated visualizations instead (histogram, count-plot, line-chart with time intervals, or heatmap).
+IMPORTANT: Scatter charts render ALL rows as individual points. Do NOT create scatter charts for tables with more than ${deps.maxDataPoints.toLocaleString()} rows - use aggregated visualizations instead (histogram, count-plot, line-chart with time intervals, or heatmap).
 
-To UPDATE an existing bubble chart: provide the panelId parameter. Otherwise creates new panel.
+To UPDATE an existing scatter chart: provide the panelId parameter. Otherwise creates new panel.
 
 Do NOT use for: distributions (use histogram), categorical counts (use count-plot), trends over time (use line-chart), or large datasets (>${deps.maxDataPoints.toLocaleString()} rows).`,
-        inputSchema: BubbleChartToolParameters,
+        inputSchema: ScatterPlotToolParameters,
         execute: async (params, context) => {
             try {
                 const artifactId = deps.resolveArtifact(params.artifactId, params.createArtifactIfMissing, context);
@@ -30,15 +30,19 @@ Do NOT use for: distributions (use histogram), categorical counts (use count-plo
                 // Validate settings
                 validateColumnExists(params.settings.x, NUMERIC_COLUMN_TYPES, columns, 'x');
                 validateColumnExists(params.settings.y, NUMERIC_COLUMN_TYPES, columns, 'y');
+                // Validate size if provided
+                if (params.settings.size) {
+                    validateColumnExists(params.settings.size, NUMERIC_COLUMN_TYPES, columns, 'size');
+                }
                 const result = createOrUpdateChartPanel(deps, {
                     panelId: params.panelId,
                     dashboardId: artifactId,
                     tableName,
                     title: params.settings.x && params.settings.y
-                        ? `Bubble chart - ${params.settings.x} vs ${params.settings.y}`
-                        : 'Bubble chart',
+                        ? `Scatter chart - ${params.settings.x} vs ${params.settings.y}`
+                        : 'Scatter chart',
                     config: {
-                        chartType: 'bubble-chart',
+                        chartType: 'scatter-plot',
                         settings: params.settings,
                     },
                 });
@@ -46,8 +50,8 @@ Do NOT use for: distributions (use histogram), categorical counts (use count-plo
                     llmResult: {
                         success: true,
                         details: params.panelId
-                            ? `Updated bubble chart "${result.title}".`
-                            : `Created bubble chart "${result.title}".`,
+                            ? `Updated scatter chart "${result.title}".`
+                            : `Created scatter chart "${result.title}".`,
                         data: result,
                     },
                 };

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

@@ -0,0 +1 @@
+{"version":3,"file":"tool.js","sourceRoot":"","sources":["../../../../src/charts/chart-types/scatter-plot/tool.ts"],"names":[],"mappings":"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","sourcesContent":["import {tool} from 'ai';\nimport {z} from 'zod';\nimport {ScatterPlotChartSettings} from './schema';\nimport {BaseChartToolParameters} from '../../../ai/tool-schemas';\nimport {type DashboardToolDeps} from '../base-types';\nimport {validateColumnExists} from '../../../ai/tool-validation';\nimport {NUMERIC_COLUMN_TYPES} from '../../../column-types-utils';\nimport {createOrUpdateChartPanel} from '../../../ai/tool-helpers';\n\nexport const ScatterPlotToolParameters = BaseChartToolParameters.extend({\n  settings: ScatterPlotChartSettings.required(),\n});\n\nexport type ScatterPlotToolParams = z.infer<typeof ScatterPlotToolParameters>;\n\nexport function createScatterPlotAiTool(deps: DashboardToolDeps) {\n  return tool({\n    description: `Scatter chart: plots individual points positioned by two numeric columns (x, y), with optional size dimension.\n\nUse when: user asks to \"plot X vs Y\", \"show relationship between\", \"scatter plot\", \"correlation\", \"compare two numeric columns\".\nExample queries: \"plot latitude vs longitude\", \"show correlation between elevation and temperature\", \"visualize coordinates sized by population\", \"plot area vs population density\".\n\nRequired: x and y must be numeric (${NUMERIC_COLUMN_TYPES.join(', ')}).\nOptional: size can encode a third numeric dimension (magnitude, frequency, count).\n\nIMPORTANT: Scatter charts render ALL rows as individual points. Do NOT create scatter charts for tables with more than ${deps.maxDataPoints.toLocaleString()} rows - use aggregated visualizations instead (histogram, count-plot, line-chart with time intervals, or heatmap).\n\nTo UPDATE an existing scatter chart: provide the panelId parameter. Otherwise creates new panel.\n\nDo NOT use for: distributions (use histogram), categorical counts (use count-plot), trends over time (use line-chart), or large datasets (>${deps.maxDataPoints.toLocaleString()} rows).`,\n    inputSchema: ScatterPlotToolParameters,\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          NUMERIC_COLUMN_TYPES,\n          columns,\n          'x',\n        );\n\n        validateColumnExists(\n          params.settings.y,\n          NUMERIC_COLUMN_TYPES,\n          columns,\n          'y',\n        );\n\n        // Validate size if provided\n        if (params.settings.size) {\n          validateColumnExists(\n            params.settings.size,\n            NUMERIC_COLUMN_TYPES,\n            columns,\n            'size',\n          );\n        }\n\n        const result = createOrUpdateChartPanel(deps, {\n          panelId: params.panelId,\n          dashboardId: artifactId,\n          tableName,\n          title:\n            params.settings.x && params.settings.y\n              ? `Scatter chart - ${params.settings.x} vs ${params.settings.y}`\n              : 'Scatter chart',\n          config: {\n            chartType: 'scatter-plot',\n            settings: params.settings,\n          },\n        });\n\n        return {\n          llmResult: {\n            success: true,\n            details: params.panelId\n              ? `Updated scatter chart \"${result.title}\".`\n              : `Created scatter 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/dashboard/MosaicDashboardChartHeaderActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboardChartHeaderActions.d.ts","sourceRoot":"","sources":["../../../src/charts/dashboard/MosaicDashboardChartHeaderActions.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,KAAK,EAAE,EAAc,MAAM,OAAO,CAAC;AAC3C,OAAO,EACL,KAAK,uBAAuB,EAE7B,MAAM,sCAAsC,CAAC;AAE9C,eAAO,MAAM,iCAAiC,EAAE,EAAE,CAAC,uBAAuB,CAmCzE,CAAC"}
+{"version":3,"file":"MosaicDashboardChartHeaderActions.d.ts","sourceRoot":"","sources":["../../../src/charts/dashboard/MosaicDashboardChartHeaderActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAAc,MAAM,OAAO,CAAC;AAC3C,OAAO,EACL,KAAK,uBAAuB,EAE7B,MAAM,sCAAsC,CAAC;AAM9C,eAAO,MAAM,iCAAiC,EAAE,EAAE,CAAC,uBAAuB,CAmCzE,CAAC"}

package/dist/charts/dashboard/MosaicDashboardChartHeaderActions.js

@@ -1,16 +1,23 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button, Tooltip, TooltipContent, TooltipTrigger } from '@sqlrooms/ui';
-import { SettingsIcon } from 'lucide-react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback } from 'react';
 import { useStoreWithMosaicDashboard, } from '../../dashboard/MosaicDashboardSlice';
-export const MosaicDashboardChartHeaderActions = ({ dashboardId, panel, }) => {
+import { usePanelClients } from '../../dashboard/usePanelClients';
+import { usePanelResetFilters } from '../../dashboard/hooks/usePanelResetFilters';
+import { ResetFiltersButton } from '../../dashboard/components/ResetFiltersButton';
+import { MosaicChartSettingsButton } from '../MosaicChartSettingsButton';
+export const MosaicDashboardChartHeaderActions = ({ dashboardId, panel, selectionName, }) => {
     const updatePanel = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.updatePanel);
+    const panelClients = usePanelClients(dashboardId, panel.id);
+    const { hasActiveFilters, reset } = usePanelResetFilters({
+        panelClients,
+        selectionName,
+    });
     const isSettingsOpen = Boolean(panel.config.settingsOpen);
     const handleToggleSettings = useCallback(() => {
         updatePanel(dashboardId, panel.id, {
             config: { ...panel.config, settingsOpen: !isSettingsOpen },
         });
     }, [dashboardId, isSettingsOpen, panel.config, panel.id, updatePanel]);
-    return (_jsx(_Fragment, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "data-[state=active]:bg-accent h-6 w-6", title: "Chart settings", onClick: handleToggleSettings, "data-state": isSettingsOpen ? 'active' : 'inactive', children: _jsx(SettingsIcon, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Chart settings" })] }) }));
+    return (_jsxs(_Fragment, { children: [_jsx(ResetFiltersButton, { disabled: !hasActiveFilters, onClick: reset, tooltip: "Reset panel filters" }), _jsx(MosaicChartSettingsButton, { isSettingsOpen: isSettingsOpen, onToggleSettings: handleToggleSettings })] }));
 };
 //# sourceMappingURL=MosaicDashboardChartHeaderActions.js.map

package/dist/charts/dashboard/MosaicDashboardChartHeaderActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboardChartHeaderActions.js","sourceRoot":"","sources":["../../../src/charts/dashboard/MosaicDashboardChartHeaderActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAC,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAC,YAAY,EAAC,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAU,WAAW,EAAC,MAAM,OAAO,CAAC;AAC3C,OAAO,EAEL,2BAA2B,GAC5B,MAAM,sCAAsC,CAAC;AAE9C,MAAM,CAAC,MAAM,iCAAiC,GAAgC,CAAC,EAC7E,WAAW,EACX,KAAK,GACN,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,2BAA2B,CAC7C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,WAAW,CAC7C,CAAC;IAEF,MAAM,cAAc,GAAG,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IAE1D,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5C,WAAW,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,EAAE;YACjC,MAAM,EAAE,EAAC,GAAG,KAAK,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC,cAAc,EAAC;SACzD,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC;IAEvE,OAAO,CACL,4BACE,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,uCAAuC,EACjD,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,oBAAoB,gBACjB,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,YAElD,KAAC,YAAY,IAAC,SAAS,EAAC,aAAa,GAAG,GACjC,GACM,EACjB,KAAC,cAAc,iCAAgC,IACvC,GACT,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {Button, Tooltip, TooltipContent, TooltipTrigger} from '@sqlrooms/ui';\nimport {SettingsIcon} from 'lucide-react';\nimport {type FC, useCallback} from 'react';\nimport {\n  type ChartPanelRendererProps,\n  useStoreWithMosaicDashboard,\n} from '../../dashboard/MosaicDashboardSlice';\n\nexport const MosaicDashboardChartHeaderActions: FC<ChartPanelRendererProps> = ({\n  dashboardId,\n  panel,\n}) => {\n  const updatePanel = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.updatePanel,\n  );\n\n  const isSettingsOpen = Boolean(panel.config.settingsOpen);\n\n  const handleToggleSettings = useCallback(() => {\n    updatePanel(dashboardId, panel.id, {\n      config: {...panel.config, settingsOpen: !isSettingsOpen},\n    });\n  }, [dashboardId, isSettingsOpen, panel.config, panel.id, updatePanel]);\n\n  return (\n    <>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button\n            variant=\"ghost\"\n            size=\"icon\"\n            className=\"data-[state=active]:bg-accent h-6 w-6\"\n            title=\"Chart settings\"\n            onClick={handleToggleSettings}\n            data-state={isSettingsOpen ? 'active' : 'inactive'}\n          >\n            <SettingsIcon className=\"h-3.5 w-3.5\" />\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent>Chart settings</TooltipContent>\n      </Tooltip>\n    </>\n  );\n};\n"]}
+{"version":3,"file":"MosaicDashboardChartHeaderActions.js","sourceRoot":"","sources":["../../../src/charts/dashboard/MosaicDashboardChartHeaderActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,WAAW,EAAC,MAAM,OAAO,CAAC;AAC3C,OAAO,EAEL,2BAA2B,GAC5B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAC,eAAe,EAAC,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAC,oBAAoB,EAAC,MAAM,4CAA4C,CAAC;AAChF,OAAO,EAAC,kBAAkB,EAAC,MAAM,+CAA+C,CAAC;AACjF,OAAO,EAAC,yBAAyB,EAAC,MAAM,8BAA8B,CAAC;AAEvE,MAAM,CAAC,MAAM,iCAAiC,GAAgC,CAAC,EAC7E,WAAW,EACX,KAAK,EACL,aAAa,GACd,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,2BAA2B,CAC7C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,WAAW,CAC7C,CAAC;IACF,MAAM,YAAY,GAAG,eAAe,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;IAC5D,MAAM,EAAC,gBAAgB,EAAE,KAAK,EAAC,GAAG,oBAAoB,CAAC;QACrD,YAAY;QACZ,aAAa;KACd,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IAE1D,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5C,WAAW,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,EAAE;YACjC,MAAM,EAAE,EAAC,GAAG,KAAK,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC,cAAc,EAAC;SACzD,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC;IAEvE,OAAO,CACL,8BACE,KAAC,kBAAkB,IACjB,QAAQ,EAAE,CAAC,gBAAgB,EAC3B,OAAO,EAAE,KAAK,EACd,OAAO,EAAC,qBAAqB,GAC7B,EACF,KAAC,yBAAyB,IACxB,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,oBAAoB,GACtC,IACD,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {type FC, useCallback} from 'react';\nimport {\n  type ChartPanelRendererProps,\n  useStoreWithMosaicDashboard,\n} from '../../dashboard/MosaicDashboardSlice';\nimport {usePanelClients} from '../../dashboard/usePanelClients';\nimport {usePanelResetFilters} from '../../dashboard/hooks/usePanelResetFilters';\nimport {ResetFiltersButton} from '../../dashboard/components/ResetFiltersButton';\nimport {MosaicChartSettingsButton} from '../MosaicChartSettingsButton';\n\nexport const MosaicDashboardChartHeaderActions: FC<ChartPanelRendererProps> = ({\n  dashboardId,\n  panel,\n  selectionName,\n}) => {\n  const updatePanel = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.updatePanel,\n  );\n  const panelClients = usePanelClients(dashboardId, panel.id);\n  const {hasActiveFilters, reset} = usePanelResetFilters({\n    panelClients,\n    selectionName,\n  });\n\n  const isSettingsOpen = Boolean(panel.config.settingsOpen);\n\n  const handleToggleSettings = useCallback(() => {\n    updatePanel(dashboardId, panel.id, {\n      config: {...panel.config, settingsOpen: !isSettingsOpen},\n    });\n  }, [dashboardId, isSettingsOpen, panel.config, panel.id, updatePanel]);\n\n  return (\n    <>\n      <ResetFiltersButton\n        disabled={!hasActiveFilters}\n        onClick={reset}\n        tooltip=\"Reset panel filters\"\n      />\n      <MosaicChartSettingsButton\n        isSettingsOpen={isSettingsOpen}\n        onToggleSettings={handleToggleSettings}\n      />\n    </>\n  );\n};\n"]}

package/dist/charts/dashboard/MosaicDashboardChartRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboardChartRenderer.d.ts","sourceRoot":"","sources":["../../../src/charts/dashboard/MosaicDashboardChartRenderer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AACtE,OAAO,EACL,KAAK,4BAA4B,EAIlC,MAAM,sCAAsC,CAAC;AAsC9C,eAAO,MAAM,4BAA4B,EAAE,4BAA4B,CAAC,gBAAgB,CAKrF,CAAC"}
+{"version":3,"file":"MosaicDashboardChartRenderer.d.ts","sourceRoot":"","sources":["../../../src/charts/dashboard/MosaicDashboardChartRenderer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AACtE,OAAO,EACL,KAAK,4BAA4B,EAIlC,MAAM,sCAAsC,CAAC;AAwC9C,eAAO,MAAM,4BAA4B,EAAE,4BAA4B,CAAC,gBAAgB,CAKrF,CAAC"}

package/dist/charts/dashboard/MosaicDashboardChartRenderer.js

@@ -4,7 +4,7 @@ import { useCallback } from 'react';
 import { MosaicDashboardChartHeaderActions } from './MosaicDashboardChartHeaderActions';
 import { useStoreWithMosaicDashboard, getMosaicDashboardPanelId, } from '../../dashboard/MosaicDashboardSlice';
 import { MosaicChart } from '../MosaicChart';
-import { useDataTable } from '../../hooks/useDataTable';
+import { useDataTable } from '@sqlrooms/db';
 const MosaicDashboardChartRenderer = ({ panel, dashboardId, dashboard, selectionName, }) => {
     const tableName = dashboard.selectedTable;
     const dataTable = useDataTable(tableName);
@@ -13,7 +13,7 @@ const MosaicDashboardChartRenderer = ({ panel, dashboardId, dashboard, selection
     const handleConfigChange = useCallback((config) => {
         updatePanel(dashboardId, panel.id, { config });
     }, [dashboardId, panel.id, updatePanel]);
-    return (_jsx(MosaicChart, { dataTable: dataTable, selectionName: selectionName, config: panel.config, runtimeKey: runtimeKey, onConfigChange: handleConfigChange }));
+    return (_jsx(MosaicChart, { dataTable: dataTable, selectionName: selectionName, config: panel.config, runtimeKey: runtimeKey, onConfigChange: handleConfigChange, dashboardId: dashboardId, panelId: panel.id }));
 };
 export const mosaicDashboardChartRenderer = {
     component: MosaicDashboardChartRenderer,

package/dist/charts/dashboard/MosaicDashboardChartRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboardChartRenderer.js","sourceRoot":"","sources":["../../../src/charts/dashboard/MosaicDashboardChartRenderer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAC,WAAW,EAAU,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAC,iCAAiC,EAAC,MAAM,qCAAqC,CAAC;AAEtF,OAAO,EAGL,2BAA2B,EAC3B,yBAAyB,GAC1B,MAAM,sCAAsC,CAAC;AAE9C,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAEtD,MAAM,4BAA4B,GAAgC,CAAC,EACjE,KAAK,EACL,WAAW,EACX,SAAS,EACT,aAAa,GACd,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CAAC;IAC1C,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAE1C,MAAM,WAAW,GAAG,2BAA2B,CAC7C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,WAAW,CAC7C,CAAC;IAEF,MAAM,UAAU,GAAG,yBAAyB,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;IAEpE,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,MAAmB,EAAE,EAAE;QACtB,WAAW,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,EAAE,EAAC,MAAM,EAAC,CAAC,CAAC;IAC/C,CAAC,EACD,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,EAAE,WAAW,CAAC,CACrC,CAAC;IAEF,OAAO,CACL,KAAC,WAAW,IACV,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,kBAAkB,GAClC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GACvC;IACE,SAAS,EAAE,4BAA4B;IACvC,aAAa,EAAE,iCAAiC;IAChD,IAAI,EAAE,aAAa;CACpB,CAAC","sourcesContent":["import {BarChart3Icon} from 'lucide-react';\nimport {useCallback, type FC} from 'react';\nimport {MosaicDashboardChartHeaderActions} from './MosaicDashboardChartHeaderActions';\nimport type {ChartPanelConfig} from '../../dashboard/dashboard-types';\nimport {\n  type MosaicDashboardPanelRenderer,\n  type ChartPanelRendererProps,\n  useStoreWithMosaicDashboard,\n  getMosaicDashboardPanelId,\n} from '../../dashboard/MosaicDashboardSlice';\nimport {ChartConfig} from '../chart-types/chart-config';\nimport {MosaicChart} from '../MosaicChart';\nimport {useDataTable} from '../../hooks/useDataTable';\n\nconst MosaicDashboardChartRenderer: FC<ChartPanelRendererProps> = ({\n  panel,\n  dashboardId,\n  dashboard,\n  selectionName,\n}) => {\n  const tableName = dashboard.selectedTable;\n  const dataTable = useDataTable(tableName);\n\n  const updatePanel = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.updatePanel,\n  );\n\n  const runtimeKey = getMosaicDashboardPanelId(dashboardId, panel.id);\n\n  const handleConfigChange = useCallback(\n    (config: ChartConfig) => {\n      updatePanel(dashboardId, panel.id, {config});\n    },\n    [dashboardId, panel.id, updatePanel],\n  );\n\n  return (\n    <MosaicChart\n      dataTable={dataTable}\n      selectionName={selectionName}\n      config={panel.config}\n      runtimeKey={runtimeKey}\n      onConfigChange={handleConfigChange}\n    />\n  );\n};\n\nexport const mosaicDashboardChartRenderer: MosaicDashboardPanelRenderer<ChartPanelConfig> =\n  {\n    component: MosaicDashboardChartRenderer,\n    headerActions: MosaicDashboardChartHeaderActions,\n    icon: BarChart3Icon,\n  };\n"]}
+{"version":3,"file":"MosaicDashboardChartRenderer.js","sourceRoot":"","sources":["../../../src/charts/dashboard/MosaicDashboardChartRenderer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAC,WAAW,EAAU,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAC,iCAAiC,EAAC,MAAM,qCAAqC,CAAC;AAEtF,OAAO,EAGL,2BAA2B,EAC3B,yBAAyB,GAC1B,MAAM,sCAAsC,CAAC;AAE9C,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,cAAc,CAAC;AAE1C,MAAM,4BAA4B,GAAgC,CAAC,EACjE,KAAK,EACL,WAAW,EACX,SAAS,EACT,aAAa,GACd,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CAAC;IAC1C,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAE1C,MAAM,WAAW,GAAG,2BAA2B,CAC7C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,WAAW,CAC7C,CAAC;IAEF,MAAM,UAAU,GAAG,yBAAyB,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;IAEpE,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,MAAmB,EAAE,EAAE;QACtB,WAAW,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,EAAE,EAAC,MAAM,EAAC,CAAC,CAAC;IAC/C,CAAC,EACD,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,EAAE,WAAW,CAAC,CACrC,CAAC;IAEF,OAAO,CACL,KAAC,WAAW,IACV,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,kBAAkB,EAClC,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,KAAK,CAAC,EAAE,GACjB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GACvC;IACE,SAAS,EAAE,4BAA4B;IACvC,aAAa,EAAE,iCAAiC;IAChD,IAAI,EAAE,aAAa;CACpB,CAAC","sourcesContent":["import {BarChart3Icon} from 'lucide-react';\nimport {useCallback, type FC} from 'react';\nimport {MosaicDashboardChartHeaderActions} from './MosaicDashboardChartHeaderActions';\nimport type {ChartPanelConfig} from '../../dashboard/dashboard-types';\nimport {\n  type MosaicDashboardPanelRenderer,\n  type ChartPanelRendererProps,\n  useStoreWithMosaicDashboard,\n  getMosaicDashboardPanelId,\n} from '../../dashboard/MosaicDashboardSlice';\nimport {ChartConfig} from '../chart-types/chart-config';\nimport {MosaicChart} from '../MosaicChart';\nimport {useDataTable} from '@sqlrooms/db';\n\nconst MosaicDashboardChartRenderer: FC<ChartPanelRendererProps> = ({\n  panel,\n  dashboardId,\n  dashboard,\n  selectionName,\n}) => {\n  const tableName = dashboard.selectedTable;\n  const dataTable = useDataTable(tableName);\n\n  const updatePanel = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.updatePanel,\n  );\n\n  const runtimeKey = getMosaicDashboardPanelId(dashboardId, panel.id);\n\n  const handleConfigChange = useCallback(\n    (config: ChartConfig) => {\n      updatePanel(dashboardId, panel.id, {config});\n    },\n    [dashboardId, panel.id, updatePanel],\n  );\n\n  return (\n    <MosaicChart\n      dataTable={dataTable}\n      selectionName={selectionName}\n      config={panel.config}\n      runtimeKey={runtimeKey}\n      onConfigChange={handleConfigChange}\n      dashboardId={dashboardId}\n      panelId={panel.id}\n    />\n  );\n};\n\nexport const mosaicDashboardChartRenderer: MosaicDashboardPanelRenderer<ChartPanelConfig> =\n  {\n    component: MosaicDashboardChartRenderer,\n    headerActions: MosaicDashboardChartHeaderActions,\n    icon: BarChart3Icon,\n  };\n"]}

package/dist/charts/useChartDataPolicy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChartDataPolicy.d.ts","sourceRoot":"","sources":["../../src/charts/useChartDataPolicy.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,kBAAkB,CAAC;AAEtD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,4BAA4B,CAAC;AAE5D,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAEvC,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,SAAS,GAAG,SAAS,EAChC,MAAM,EAAE,WAAW,GAClB,eAAe,GAAG,IAAI,CAgBxB"}
+{"version":3,"file":"useChartDataPolicy.d.ts","sourceRoot":"","sources":["../../src/charts/useChartDataPolicy.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,kBAAkB,CAAC;AAEtD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,4BAA4B,CAAC;AAG5D,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAEvC,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,SAAS,GAAG,SAAS,EAChC,MAAM,EAAE,WAAW,GAClB,eAAe,GAAG,IAAI,CAgBxB"}

package/dist/charts/useChartDataPolicy.js

@@ -1,5 +1,6 @@
 import { useMemo } from 'react';
 import { resolveChartDataPolicy } from '../chart-runtime';
+import { getChartTableReference } from './chart-types/base-types';
 import { useChartTypeDefinition } from './useChartTypeDefinition';
 export function useChartDataPolicy(dataTable, config) {
     const chartTypeDefinition = useChartTypeDefinition(config.chartType);
@@ -8,7 +9,7 @@ export function useChartDataPolicy(dataTable, config) {
             return null;
         }
         const defaultPolicy = chartTypeDefinition.getDataPolicy({
-            tableName: dataTable.table.table,
+            tableName: getChartTableReference(dataTable),
             config,
         }) ?? null;
         return resolveChartDataPolicy(defaultPolicy, config.dataPolicy);

package/dist/charts/useChartDataPolicy.js.map

@@ -1 +1 @@
-{"version":3,"file":"useChartDataPolicy.js","sourceRoot":"","sources":["../../src/charts/useChartDataPolicy.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAE9B,OAAO,EAAC,sBAAsB,EAAC,MAAM,kBAAkB,CAAC;AAExD,OAAO,EAAC,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AAGhE,MAAM,UAAU,kBAAkB,CAChC,SAAgC,EAChC,MAAmB;IAEnB,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAErE,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,IAAI,CAAC,mBAAmB,EAAE,aAAa,IAAI,CAAC,SAAS,EAAE,CAAC;YACtD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,aAAa,GACjB,mBAAmB,CAAC,aAAa,CAAC;YAChC,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,KAAK;YAChC,MAAM;SACP,CAAC,IAAI,IAAI,CAAC;QAEb,OAAO,sBAAsB,CAAC,aAAa,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;IAClE,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,EAAE,SAAS,CAAC,CAAC,CAAC;AAC/C,CAAC","sourcesContent":["import {useMemo} from 'react';\nimport type {ChartDataPolicy} from '../chart-runtime';\nimport {resolveChartDataPolicy} from '../chart-runtime';\nimport type {ChartConfig} from './chart-types/chart-config';\nimport {useChartTypeDefinition} from './useChartTypeDefinition';\nimport {DataTable} from '@sqlrooms/db';\n\nexport function useChartDataPolicy(\n  dataTable: DataTable | undefined,\n  config: ChartConfig,\n): ChartDataPolicy | null {\n  const chartTypeDefinition = useChartTypeDefinition(config.chartType);\n\n  return useMemo(() => {\n    if (!chartTypeDefinition?.getDataPolicy || !dataTable) {\n      return null;\n    }\n\n    const defaultPolicy =\n      chartTypeDefinition.getDataPolicy({\n        tableName: dataTable.table.table,\n        config,\n      }) ?? null;\n\n    return resolveChartDataPolicy(defaultPolicy, config.dataPolicy);\n  }, [config, chartTypeDefinition, dataTable]);\n}\n"]}
+{"version":3,"file":"useChartDataPolicy.js","sourceRoot":"","sources":["../../src/charts/useChartDataPolicy.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAE9B,OAAO,EAAC,sBAAsB,EAAC,MAAM,kBAAkB,CAAC;AAExD,OAAO,EAAC,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AAGhE,MAAM,UAAU,kBAAkB,CAChC,SAAgC,EAChC,MAAmB;IAEnB,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAErE,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,IAAI,CAAC,mBAAmB,EAAE,aAAa,IAAI,CAAC,SAAS,EAAE,CAAC;YACtD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,aAAa,GACjB,mBAAmB,CAAC,aAAa,CAAC;YAChC,SAAS,EAAE,sBAAsB,CAAC,SAAS,CAAC;YAC5C,MAAM;SACP,CAAC,IAAI,IAAI,CAAC;QAEb,OAAO,sBAAsB,CAAC,aAAa,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;IAClE,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,EAAE,SAAS,CAAC,CAAC,CAAC;AAC/C,CAAC","sourcesContent":["import {useMemo} from 'react';\nimport type {ChartDataPolicy} from '../chart-runtime';\nimport {resolveChartDataPolicy} from '../chart-runtime';\nimport type {ChartConfig} from './chart-types/chart-config';\nimport {getChartTableReference} from './chart-types/base-types';\nimport {useChartTypeDefinition} from './useChartTypeDefinition';\nimport {DataTable} from '@sqlrooms/db';\n\nexport function useChartDataPolicy(\n  dataTable: DataTable | undefined,\n  config: ChartConfig,\n): ChartDataPolicy | null {\n  const chartTypeDefinition = useChartTypeDefinition(config.chartType);\n\n  return useMemo(() => {\n    if (!chartTypeDefinition?.getDataPolicy || !dataTable) {\n      return null;\n    }\n\n    const defaultPolicy =\n      chartTypeDefinition.getDataPolicy({\n        tableName: getChartTableReference(dataTable),\n        config,\n      }) ?? null;\n\n    return resolveChartDataPolicy(defaultPolicy, config.dataPolicy);\n  }, [config, chartTypeDefinition, dataTable]);\n}\n"]}

package/dist/charts/useChartPanelClients.d.ts

@@ -0,0 +1,8 @@
+import { type MosaicClient } from '@uwdata/mosaic-core';
+import type { VgPlotChartRetention } from '../VgPlotChart';
+/**
+ * Extracts chart interactors from a retained chart instance for panel client registration.
+ * Chart interactors create filter clauses when users interact with the chart (e.g., brushing).
+ */
+export declare function useChartPanelClients(retention: VgPlotChartRetention | null | undefined): MosaicClient[];
+//# sourceMappingURL=useChartPanelClients.d.ts.map

package/dist/charts/useChartPanelClients.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChartPanelClients.d.ts","sourceRoot":"","sources":["../../src/charts/useChartPanelClients.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,YAAY,EAAC,MAAM,qBAAqB,CAAC;AAEtD,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,gBAAgB,CAAC;AAEzD;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,oBAAoB,GAAG,IAAI,GAAG,SAAS,GACjD,YAAY,EAAE,CAoBhB"}

package/dist/charts/useChartPanelClients.js

@@ -0,0 +1,22 @@
+import { useMemo } from 'react';
+/**
+ * Extracts chart interactors from a retained chart instance for panel client registration.
+ * Chart interactors create filter clauses when users interact with the chart (e.g., brushing).
+ */
+export function useChartPanelClients(retention) {
+    return useMemo(() => {
+        if (!retention?.chart) {
+            return [];
+        }
+        // VgPlotChart element structure: element.value is the vgplot instance
+        const element = retention.chart.element;
+        const plotInstance = element?.value;
+        if (!plotInstance) {
+            return [];
+        }
+        // Interactors create clauses, so we need to register them as "clients" for filtering
+        const interactors = plotInstance.interactors;
+        return interactors ?? [];
+    }, [retention?.chart]);
+}
+//# sourceMappingURL=useChartPanelClients.js.map

package/dist/charts/useChartPanelClients.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChartPanelClients.js","sourceRoot":"","sources":["../../src/charts/useChartPanelClients.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAG9B;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAClC,SAAkD;IAElD,OAAO,OAAO,CAAiB,GAAG,EAAE;QAClC,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,CAAC;YACtB,OAAO,EAAE,CAAC;QACZ,CAAC;QAED,sEAAsE;QACtE,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC;QACxC,MAAM,YAAY,GAAI,OAAe,EAAE,KAAK,CAAC;QAE7C,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,OAAO,EAAE,CAAC;QACZ,CAAC;QAED,qFAAqF;QACrF,MAAM,WAAW,GAAG,YAAY,CAAC,WAEpB,CAAC;QACd,OAAO,WAAW,IAAI,EAAE,CAAC;IAC3B,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;AACzB,CAAC","sourcesContent":["import {type MosaicClient} from '@uwdata/mosaic-core';\nimport {useMemo} from 'react';\nimport type {VgPlotChartRetention} from '../VgPlotChart';\n\n/**\n * Extracts chart interactors from a retained chart instance for panel client registration.\n * Chart interactors create filter clauses when users interact with the chart (e.g., brushing).\n */\nexport function useChartPanelClients(\n  retention: VgPlotChartRetention | null | undefined,\n): MosaicClient[] {\n  return useMemo<MosaicClient[]>(() => {\n    if (!retention?.chart) {\n      return [];\n    }\n\n    // VgPlotChart element structure: element.value is the vgplot instance\n    const element = retention.chart.element;\n    const plotInstance = (element as any)?.value;\n\n    if (!plotInstance) {\n      return [];\n    }\n\n    // Interactors create clauses, so we need to register them as \"clients\" for filtering\n    const interactors = plotInstance.interactors as\n      | Array<MosaicClient>\n      | undefined;\n    return interactors ?? [];\n  }, [retention?.chart]);\n}\n"]}

package/dist/charts/useMosaicChartRenderContext.d.ts

@@ -13,9 +13,8 @@ export type MosaicSpecChartRenderContext = {
 };
 export type MosaicChartRenderErrorContext = {
     type: 'error';
-    title: string;
-    message: string;
+    error: Error;
 };
 export type MosaicChartRenderContext = MosaicComponentChartRenderContext | MosaicSpecChartRenderContext | MosaicChartRenderErrorContext;
-export declare function useMosaicChartRenderContext(dataTable: DataTable | undefined, config: ChartConfig): MosaicChartRenderContext;
+export declare function useMosaicChartRenderContext(dataTable: DataTable | undefined, config: ChartConfig, selectionName?: string): MosaicChartRenderContext;
 //# sourceMappingURL=useMosaicChartRenderContext.d.ts.map

package/dist/charts/useMosaicChartRenderContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMosaicChartRenderContext.d.ts","sourceRoot":"","sources":["../../src/charts/useMosaicChartRenderContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,qBAAqB,CAAC;AAE9C,OAAO,KAAK,EAAC,WAAW,EAAgB,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EACL,4BAA4B,EAI7B,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAEvC,MAAM,MAAM,iCAAiC,GAAG;IAC9C,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,EAAE,4BAA4B,CAAC,UAAU,CAAC,CAAC;IACnD,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,IAAI,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG;IAC1C,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAChC,iCAAiC,GACjC,4BAA4B,GAC5B,6BAA6B,CAAC;AAElC,wBAAgB,2BAA2B,CACzC,SAAS,EAAE,SAAS,GAAG,SAAS,EAChC,MAAM,EAAE,WAAW,GAClB,wBAAwB,CA0C1B"}
+{"version":3,"file":"useMosaicChartRenderContext.d.ts","sourceRoot":"","sources":["../../src/charts/useMosaicChartRenderContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,qBAAqB,CAAC;AAE9C,OAAO,KAAK,EAAC,WAAW,EAAgB,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EACL,4BAA4B,EAI7B,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAEvC,MAAM,MAAM,iCAAiC,GAAG;IAC9C,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,EAAE,4BAA4B,CAAC,UAAU,CAAC,CAAC;IACnD,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,IAAI,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG;IAC1C,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAChC,iCAAiC,GACjC,4BAA4B,GAC5B,6BAA6B,CAAC;AAElC,wBAAgB,2BAA2B,CACzC,SAAS,EAAE,SAAS,GAAG,SAAS,EAChC,MAAM,EAAE,WAAW,EACnB,aAAa,CAAC,EAAE,MAAM,GACrB,wBAAwB,CAwC1B"}

package/dist/charts/useMosaicChartRenderContext.js

@@ -2,25 +2,23 @@ import { useMemo } from 'react';
 import { ChartSpecError } from './chart-types/errors';
 import { isComponentChartType, isSpecChartType, } from './chart-types/base-types';
 import { useChartTypeDefinition } from './useChartTypeDefinition';
-export function useMosaicChartRenderContext(dataTable, config) {
+export function useMosaicChartRenderContext(dataTable, config, selectionName) {
     const chartTypeDefinition = useChartTypeDefinition(config.chartType);
     return useMemo(() => {
         if (!chartTypeDefinition) {
             return {
                 type: 'error',
-                title: 'Ooops! Something went wrong',
-                message: 'Invalid chart type definition',
+                error: new Error(`Invalid chart type definition`),
             };
         }
         if (!dataTable) {
             return {
                 type: 'error',
-                title: 'Ooops! Something went wrong',
-                message: 'Please select a data table first',
+                error: new Error('Data table is required to render the chart'),
             };
         }
         if (isSpecChartType(chartTypeDefinition)) {
-            return createMosaicSpecChartRenderContext(chartTypeDefinition, dataTable, config.settings);
+            return createMosaicSpecChartRenderContext(chartTypeDefinition, dataTable, config.settings, selectionName);
         }
         if (isComponentChartType(chartTypeDefinition)) {
             return {
@@ -31,14 +29,17 @@ export function useMosaicChartRenderContext(dataTable, config) {
         }
         return {
             type: 'error',
-            title: 'Ooops! Something went wrong',
-            message: 'Unsupported chart type definition',
+            error: new Error('Unsupported chart type definition'),
         };
-    }, [chartTypeDefinition, dataTable, config]);
+    }, [chartTypeDefinition, dataTable, config, selectionName]);
 }
-function createMosaicSpecChartRenderContext(chartTypeDefinition, dataTable, settings) {
+function createMosaicSpecChartRenderContext(chartTypeDefinition, dataTable, settings, selectionName) {
     try {
-        const spec = chartTypeDefinition.createSpec(dataTable.table.table, settings);
+        const spec = chartTypeDefinition.createSpec({
+            dataTable,
+            settings,
+            selectionName,
+        });
         return {
             type: 'spec',
             spec,
@@ -49,14 +50,13 @@ function createMosaicSpecChartRenderContext(chartTypeDefinition, dataTable, sett
             // ChartSpecError is expected as part of validation logic, don't log
             return {
                 type: 'error',
-                title: 'Configure chart to display visualization',
-                message: error.message,
+                error,
             };
         }
+        console.error('Unexpected error creating chart spec:', error);
         return {
             type: 'error',
-            title: 'Ooops! Something went wrong',
-            message: 'An unexpected error occurred',
+            error: new Error('An unexpected error occurred while creating the chart spec'),
         };
     }
 }

package/dist/charts/useMosaicChartRenderContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMosaicChartRenderContext.js","sourceRoot":"","sources":["../../src/charts/useMosaicChartRenderContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAE9B,OAAO,EAAC,cAAc,EAAC,MAAM,sBAAsB,CAAC;AAEpD,OAAO,EAEL,oBAAoB,EACpB,eAAe,GAEhB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAC,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AAyBhE,MAAM,UAAU,2BAA2B,CACzC,SAAgC,EAChC,MAAmB;IAEnB,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAErE,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACzB,OAAO;gBACL,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE,6BAA6B;gBACpC,OAAO,EAAE,+BAA+B;aACzC,CAAC;QACJ,CAAC;QAED,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,OAAO;gBACL,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE,6BAA6B;gBACpC,OAAO,EAAE,kCAAkC;aAC5C,CAAC;QACJ,CAAC;QAED,IAAI,eAAe,CAAC,mBAAmB,CAAC,EAAE,CAAC;YACzC,OAAO,kCAAkC,CACvC,mBAAmB,EACnB,SAAS,EACT,MAAM,CAAC,QAAQ,CAChB,CAAC;QACJ,CAAC;QAED,IAAI,oBAAoB,CAAC,mBAAmB,CAAC,EAAE,CAAC;YAC9C,OAAO;gBACL,IAAI,EAAE,WAAW;gBACjB,QAAQ,EAAE,mBAAmB,CAAC,QAAQ;gBACtC,SAAS;aACV,CAAC;QACJ,CAAC;QAED,OAAO;YACL,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,6BAA6B;YACpC,OAAO,EAAE,mCAAmC;SAC7C,CAAC;IACJ,CAAC,EAAE,CAAC,mBAAmB,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;AAC/C,CAAC;AAED,SAAS,kCAAkC,CACzC,mBAAqD,EACrD,SAAoB,EACpB,QAAuB;IAEvB,IAAI,CAAC;QACH,MAAM,IAAI,GAAG,mBAAmB,CAAC,UAAU,CACzC,SAAS,CAAC,KAAK,CAAC,KAAK,EACrB,QAAQ,CACT,CAAC;QAEF,OAAO;YACL,IAAI,EAAE,MAAM;YACZ,IAAI;SACL,CAAC;IACJ,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,IAAI,KAAK,YAAY,cAAc,EAAE,CAAC;YACpC,oEAAoE;YACpE,OAAO;gBACL,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE,0CAA0C;gBACjD,OAAO,EAAE,KAAK,CAAC,OAAO;aACvB,CAAC;QACJ,CAAC;QAED,OAAO;YACL,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,6BAA6B;YACpC,OAAO,EAAE,8BAA8B;SACxC,CAAC;IACJ,CAAC;AACH,CAAC","sourcesContent":["import {useMemo} from 'react';\nimport type {Spec} from '@uwdata/mosaic-spec';\nimport {ChartSpecError} from './chart-types/errors';\nimport type {ChartConfig, ChartSettings} from './chart-types/chart-config';\nimport {\n  ComponentChartTypeDefinition,\n  isComponentChartType,\n  isSpecChartType,\n  SpecChartTypeDefinition,\n} from './chart-types/base-types';\nimport {useChartTypeDefinition} from './useChartTypeDefinition';\nimport {DataTable} from '@sqlrooms/db';\n\nexport type MosaicComponentChartRenderContext = {\n  type: 'component';\n  renderer: ComponentChartTypeDefinition['renderer'];\n  dataTable: DataTable;\n};\n\nexport type MosaicSpecChartRenderContext = {\n  type: 'spec';\n  spec: Spec;\n};\n\nexport type MosaicChartRenderErrorContext = {\n  type: 'error';\n  title: string;\n  message: string;\n};\n\nexport type MosaicChartRenderContext =\n  | MosaicComponentChartRenderContext\n  | MosaicSpecChartRenderContext\n  | MosaicChartRenderErrorContext;\n\nexport function useMosaicChartRenderContext(\n  dataTable: DataTable | undefined,\n  config: ChartConfig,\n): MosaicChartRenderContext {\n  const chartTypeDefinition = useChartTypeDefinition(config.chartType);\n\n  return useMemo(() => {\n    if (!chartTypeDefinition) {\n      return {\n        type: 'error',\n        title: 'Ooops! Something went wrong',\n        message: 'Invalid chart type definition',\n      };\n    }\n\n    if (!dataTable) {\n      return {\n        type: 'error',\n        title: 'Ooops! Something went wrong',\n        message: 'Please select a data table first',\n      };\n    }\n\n    if (isSpecChartType(chartTypeDefinition)) {\n      return createMosaicSpecChartRenderContext(\n        chartTypeDefinition,\n        dataTable,\n        config.settings,\n      );\n    }\n\n    if (isComponentChartType(chartTypeDefinition)) {\n      return {\n        type: 'component',\n        renderer: chartTypeDefinition.renderer,\n        dataTable,\n      };\n    }\n\n    return {\n      type: 'error',\n      title: 'Ooops! Something went wrong',\n      message: 'Unsupported chart type definition',\n    };\n  }, [chartTypeDefinition, dataTable, config]);\n}\n\nfunction createMosaicSpecChartRenderContext<TConfig extends ChartConfig>(\n  chartTypeDefinition: SpecChartTypeDefinition<TConfig>,\n  dataTable: DataTable,\n  settings: ChartSettings,\n): MosaicSpecChartRenderContext | MosaicChartRenderErrorContext {\n  try {\n    const spec = chartTypeDefinition.createSpec(\n      dataTable.table.table,\n      settings,\n    );\n\n    return {\n      type: 'spec',\n      spec,\n    };\n  } catch (error) {\n    if (error instanceof ChartSpecError) {\n      // ChartSpecError is expected as part of validation logic, don't log\n      return {\n        type: 'error',\n        title: 'Configure chart to display visualization',\n        message: error.message,\n      };\n    }\n\n    return {\n      type: 'error',\n      title: 'Ooops! Something went wrong',\n      message: 'An unexpected error occurred',\n    };\n  }\n}\n"]}
+{"version":3,"file":"useMosaicChartRenderContext.js","sourceRoot":"","sources":["../../src/charts/useMosaicChartRenderContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAE9B,OAAO,EAAC,cAAc,EAAC,MAAM,sBAAsB,CAAC;AAEpD,OAAO,EAEL,oBAAoB,EACpB,eAAe,GAEhB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAC,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AAwBhE,MAAM,UAAU,2BAA2B,CACzC,SAAgC,EAChC,MAAmB,EACnB,aAAsB;IAEtB,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAErE,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACzB,OAAO;gBACL,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE,IAAI,KAAK,CAAC,+BAA+B,CAAC;aAClD,CAAC;QACJ,CAAC;QAED,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,OAAO;gBACL,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE,IAAI,KAAK,CAAC,4CAA4C,CAAC;aAC/D,CAAC;QACJ,CAAC;QAED,IAAI,eAAe,CAAC,mBAAmB,CAAC,EAAE,CAAC;YACzC,OAAO,kCAAkC,CACvC,mBAAmB,EACnB,SAAS,EACT,MAAM,CAAC,QAAQ,EACf,aAAa,CACd,CAAC;QACJ,CAAC;QAED,IAAI,oBAAoB,CAAC,mBAAmB,CAAC,EAAE,CAAC;YAC9C,OAAO;gBACL,IAAI,EAAE,WAAW;gBACjB,QAAQ,EAAE,mBAAmB,CAAC,QAAQ;gBACtC,SAAS;aACV,CAAC;QACJ,CAAC;QAED,OAAO;YACL,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,IAAI,KAAK,CAAC,mCAAmC,CAAC;SACtD,CAAC;IACJ,CAAC,EAAE,CAAC,mBAAmB,EAAE,SAAS,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC;AAC9D,CAAC;AAED,SAAS,kCAAkC,CACzC,mBAAqD,EACrD,SAAoB,EACpB,QAAuB,EACvB,aAAsB;IAEtB,IAAI,CAAC;QACH,MAAM,IAAI,GAAG,mBAAmB,CAAC,UAAU,CAAC;YAC1C,SAAS;YACT,QAAQ;YACR,aAAa;SACd,CAAC,CAAC;QAEH,OAAO;YACL,IAAI,EAAE,MAAM;YACZ,IAAI;SACL,CAAC;IACJ,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,IAAI,KAAK,YAAY,cAAc,EAAE,CAAC;YACpC,oEAAoE;YACpE,OAAO;gBACL,IAAI,EAAE,OAAO;gBACb,KAAK;aACN,CAAC;QACJ,CAAC;QAED,OAAO,CAAC,KAAK,CAAC,uCAAuC,EAAE,KAAK,CAAC,CAAC;QAE9D,OAAO;YACL,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,IAAI,KAAK,CACd,4DAA4D,CAC7D;SACF,CAAC;IACJ,CAAC;AACH,CAAC","sourcesContent":["import {useMemo} from 'react';\nimport type {Spec} from '@uwdata/mosaic-spec';\nimport {ChartSpecError} from './chart-types/errors';\nimport type {ChartConfig, ChartSettings} from './chart-types/chart-config';\nimport {\n  ComponentChartTypeDefinition,\n  isComponentChartType,\n  isSpecChartType,\n  SpecChartTypeDefinition,\n} from './chart-types/base-types';\nimport {useChartTypeDefinition} from './useChartTypeDefinition';\nimport {DataTable} from '@sqlrooms/db';\n\nexport type MosaicComponentChartRenderContext = {\n  type: 'component';\n  renderer: ComponentChartTypeDefinition['renderer'];\n  dataTable: DataTable;\n};\n\nexport type MosaicSpecChartRenderContext = {\n  type: 'spec';\n  spec: Spec;\n};\n\nexport type MosaicChartRenderErrorContext = {\n  type: 'error';\n  error: Error;\n};\n\nexport type MosaicChartRenderContext =\n  | MosaicComponentChartRenderContext\n  | MosaicSpecChartRenderContext\n  | MosaicChartRenderErrorContext;\n\nexport function useMosaicChartRenderContext(\n  dataTable: DataTable | undefined,\n  config: ChartConfig,\n  selectionName?: string,\n): MosaicChartRenderContext {\n  const chartTypeDefinition = useChartTypeDefinition(config.chartType);\n\n  return useMemo(() => {\n    if (!chartTypeDefinition) {\n      return {\n        type: 'error',\n        error: new Error(`Invalid chart type definition`),\n      };\n    }\n\n    if (!dataTable) {\n      return {\n        type: 'error',\n        error: new Error('Data table is required to render the chart'),\n      };\n    }\n\n    if (isSpecChartType(chartTypeDefinition)) {\n      return createMosaicSpecChartRenderContext(\n        chartTypeDefinition,\n        dataTable,\n        config.settings,\n        selectionName,\n      );\n    }\n\n    if (isComponentChartType(chartTypeDefinition)) {\n      return {\n        type: 'component',\n        renderer: chartTypeDefinition.renderer,\n        dataTable,\n      };\n    }\n\n    return {\n      type: 'error',\n      error: new Error('Unsupported chart type definition'),\n    };\n  }, [chartTypeDefinition, dataTable, config, selectionName]);\n}\n\nfunction createMosaicSpecChartRenderContext<TConfig extends ChartConfig>(\n  chartTypeDefinition: SpecChartTypeDefinition<TConfig>,\n  dataTable: DataTable,\n  settings: ChartSettings,\n  selectionName?: string,\n): MosaicSpecChartRenderContext | MosaicChartRenderErrorContext {\n  try {\n    const spec = chartTypeDefinition.createSpec({\n      dataTable,\n      settings,\n      selectionName,\n    });\n\n    return {\n      type: 'spec',\n      spec,\n    };\n  } catch (error) {\n    if (error instanceof ChartSpecError) {\n      // ChartSpecError is expected as part of validation logic, don't log\n      return {\n        type: 'error',\n        error,\n      };\n    }\n\n    console.error('Unexpected error creating chart spec:', error);\n\n    return {\n      type: 'error',\n      error: new Error(\n        'An unexpected error occurred while creating the chart spec',\n      ),\n    };\n  }\n}\n"]}

package/dist/charts/worksheet/ChartBlockHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartBlockHeader.d.ts","sourceRoot":"","sources":["../../../src/charts/worksheet/ChartBlockHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,6BAA6B,CAAC;AAG7D,OAAO,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AAGzB,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,WAAW,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACxD,oBAAoB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,aAAa,EAAE,SAAS,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAoDtD,CAAC"}
+{"version":3,"file":"ChartBlockHeader.d.ts","sourceRoot":"","sources":["../../../src/charts/worksheet/ChartBlockHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,6BAA6B,CAAC;AAE7D,OAAO,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AAKzB,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,WAAW,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACxD,oBAAoB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,aAAa,EAAE,SAAS,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAmCtD,CAAC"}

package/dist/charts/worksheet/ChartBlockHeader.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, cn } from '@sqlrooms/ui';
-import { Settings2Icon } from 'lucide-react';
+import { cn } from '@sqlrooms/ui';
 import { DataTableSelector } from '../../components/DataTableSelector';
+import { MosaicChartSettingsButton } from '../MosaicChartSettingsButton';
+import { BlockCaptionEditor } from '../../components/BlockCaptionEditor';
 export const ChartBlockHeader = ({ caption, chartConfig, onCaptionChange, onSettingsOpenChange, onTableChange, readOnly, selectedTable, tables, }) => {
     const tableName = selectedTable.table.table;
-    return (_jsxs("div", { className: "border-border flex min-h-10 items-center gap-2 border-b px-3 py-2", children: [readOnly ? (_jsx("div", { className: "min-w-0 flex-1 truncate text-sm font-medium", children: caption || tableName || 'Chart' })) : (_jsx("input", { className: "placeholder:text-muted-foreground min-w-0 flex-1 bg-transparent text-sm font-medium outline-none", value: caption ?? '', placeholder: tableName || 'Chart caption', "aria-label": "Chart caption", onChange: (event) => onCaptionChange?.(event.target.value || undefined) })), _jsx(DataTableSelector, { className: "w-48", disabled: readOnly || !onTableChange, onChange: onTableChange, tables: tables, value: selectedTable }), _jsx(Button, { type: "button", size: "icon", variant: chartConfig.settingsOpen ? 'secondary' : 'ghost', className: cn('h-7 w-7', readOnly && 'hidden'), "aria-label": "Chart settings", title: "Chart settings", "aria-pressed": chartConfig.settingsOpen, onClick: () => onSettingsOpenChange(!chartConfig.settingsOpen), children: _jsx(Settings2Icon, { className: "h-4 w-4" }) })] }));
+    return (_jsxs("div", { className: "border-border flex min-h-10 items-center gap-2 border-b px-3 py-2", children: [_jsx(BlockCaptionEditor, { value: caption ?? '', placeholder: tableName || 'Chart caption', isReadOnly: readOnly, onChange: (value) => onCaptionChange?.(value || undefined) }), _jsx(DataTableSelector, { disabled: readOnly || !onTableChange, onChange: onTableChange, tables: tables, value: selectedTable }), _jsx(MosaicChartSettingsButton, { className: cn('h-8 w-8', { hidden: readOnly }), isSettingsOpen: chartConfig.settingsOpen, onToggleSettings: () => onSettingsOpenChange(!chartConfig.settingsOpen) })] }));
 };
 //# sourceMappingURL=ChartBlockHeader.js.map

package/dist/charts/worksheet/ChartBlockHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartBlockHeader.js","sourceRoot":"","sources":["../../../src/charts/worksheet/ChartBlockHeader.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,MAAM,EAAE,EAAE,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,aAAa,EAAC,MAAM,cAAc,CAAC;AAE3C,OAAO,EAAC,iBAAiB,EAAC,MAAM,oCAAoC,CAAC;AAarE,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,EAC1D,OAAO,EACP,WAAW,EACX,eAAe,EACf,oBAAoB,EACpB,aAAa,EACb,QAAQ,EACR,aAAa,EACb,MAAM,GACP,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC;IAE5C,OAAO,CACL,eAAK,SAAS,EAAC,mEAAmE,aAC/E,QAAQ,CAAC,CAAC,CAAC,CACV,cAAK,SAAS,EAAC,6CAA6C,YACzD,OAAO,IAAI,SAAS,IAAI,OAAO,GAC5B,CACP,CAAC,CAAC,CAAC,CACF,gBACE,SAAS,EAAC,kGAAkG,EAC5G,KAAK,EAAE,OAAO,IAAI,EAAE,EACpB,WAAW,EAAE,SAAS,IAAI,eAAe,gBAC9B,eAAe,EAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAClB,eAAe,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,SAAS,CAAC,GAEpD,CACH,EAED,KAAC,iBAAiB,IAChB,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAE,QAAQ,IAAI,CAAC,aAAa,EACpC,QAAQ,EAAE,aAAa,EACvB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,aAAa,GACpB,EAEF,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,EACzD,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,QAAQ,IAAI,QAAQ,CAAC,gBACnC,gBAAgB,EAC3B,KAAK,EAAC,gBAAgB,kBACR,WAAW,CAAC,YAAY,EACtC,OAAO,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,YAE9D,KAAC,aAAa,IAAC,SAAS,EAAC,SAAS,GAAG,GAC9B,IACL,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type {DataTable} from '@sqlrooms/db';\nimport type {ChartConfig} from '../chart-types/chart-config';\nimport {Button, cn} from '@sqlrooms/ui';\nimport {Settings2Icon} from 'lucide-react';\nimport {FC} from 'react';\nimport {DataTableSelector} from '../../components/DataTableSelector';\n\nexport type ChartBlockHeaderProps = {\n  caption?: string;\n  chartConfig: ChartConfig;\n  onCaptionChange?: (caption: string | undefined) => void;\n  onSettingsOpenChange: (open: boolean) => void;\n  onTableChange?: (table: DataTable) => void;\n  readOnly?: boolean;\n  tables: DataTable[];\n  selectedTable: DataTable;\n};\n\nexport const ChartBlockHeader: FC<ChartBlockHeaderProps> = ({\n  caption,\n  chartConfig,\n  onCaptionChange,\n  onSettingsOpenChange,\n  onTableChange,\n  readOnly,\n  selectedTable,\n  tables,\n}) => {\n  const tableName = selectedTable.table.table;\n\n  return (\n    <div className=\"border-border flex min-h-10 items-center gap-2 border-b px-3 py-2\">\n      {readOnly ? (\n        <div className=\"min-w-0 flex-1 truncate text-sm font-medium\">\n          {caption || tableName || 'Chart'}\n        </div>\n      ) : (\n        <input\n          className=\"placeholder:text-muted-foreground min-w-0 flex-1 bg-transparent text-sm font-medium outline-none\"\n          value={caption ?? ''}\n          placeholder={tableName || 'Chart caption'}\n          aria-label=\"Chart caption\"\n          onChange={(event) =>\n            onCaptionChange?.(event.target.value || undefined)\n          }\n        />\n      )}\n\n      <DataTableSelector\n        className=\"w-48\"\n        disabled={readOnly || !onTableChange}\n        onChange={onTableChange}\n        tables={tables}\n        value={selectedTable}\n      />\n\n      <Button\n        type=\"button\"\n        size=\"icon\"\n        variant={chartConfig.settingsOpen ? 'secondary' : 'ghost'}\n        className={cn('h-7 w-7', readOnly && 'hidden')}\n        aria-label=\"Chart settings\"\n        title=\"Chart settings\"\n        aria-pressed={chartConfig.settingsOpen}\n        onClick={() => onSettingsOpenChange(!chartConfig.settingsOpen)}\n      >\n        <Settings2Icon className=\"h-4 w-4\" />\n      </Button>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"ChartBlockHeader.js","sourceRoot":"","sources":["../../../src/charts/worksheet/ChartBlockHeader.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,EAAE,EAAC,MAAM,cAAc,CAAC;AAEhC,OAAO,EAAC,iBAAiB,EAAC,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAC,yBAAyB,EAAC,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAC,kBAAkB,EAAC,MAAM,qCAAqC,CAAC;AAavE,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,EAC1D,OAAO,EACP,WAAW,EACX,eAAe,EACf,oBAAoB,EACpB,aAAa,EACb,QAAQ,EACR,aAAa,EACb,MAAM,GACP,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC;IAE5C,OAAO,CACL,eAAK,SAAS,EAAC,mEAAmE,aAChF,KAAC,kBAAkB,IACjB,KAAK,EAAE,OAAO,IAAI,EAAE,EACpB,WAAW,EAAE,SAAS,IAAI,eAAe,EACzC,UAAU,EAAE,QAAQ,EACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,eAAe,EAAE,CAAC,KAAK,IAAI,SAAS,CAAC,GAC1D,EAEF,KAAC,iBAAiB,IAChB,QAAQ,EAAE,QAAQ,IAAI,CAAC,aAAa,EACpC,QAAQ,EAAE,aAAa,EACvB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,aAAa,GACpB,EAEF,KAAC,yBAAyB,IACxB,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,EAAC,MAAM,EAAE,QAAQ,EAAC,CAAC,EAC5C,cAAc,EAAE,WAAW,CAAC,YAAY,EACxC,gBAAgB,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,GACvE,IACE,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type {DataTable} from '@sqlrooms/db';\nimport type {ChartConfig} from '../chart-types/chart-config';\nimport {cn} from '@sqlrooms/ui';\nimport {FC} from 'react';\nimport {DataTableSelector} from '../../components/DataTableSelector';\nimport {MosaicChartSettingsButton} from '../MosaicChartSettingsButton';\nimport {BlockCaptionEditor} from '../../components/BlockCaptionEditor';\n\nexport type ChartBlockHeaderProps = {\n  caption?: string;\n  chartConfig: ChartConfig;\n  onCaptionChange?: (caption: string | undefined) => void;\n  onSettingsOpenChange: (open: boolean) => void;\n  onTableChange?: (table: DataTable) => void;\n  readOnly?: boolean;\n  tables: DataTable[];\n  selectedTable: DataTable;\n};\n\nexport const ChartBlockHeader: FC<ChartBlockHeaderProps> = ({\n  caption,\n  chartConfig,\n  onCaptionChange,\n  onSettingsOpenChange,\n  onTableChange,\n  readOnly,\n  selectedTable,\n  tables,\n}) => {\n  const tableName = selectedTable.table.table;\n\n  return (\n    <div className=\"border-border flex min-h-10 items-center gap-2 border-b px-3 py-2\">\n      <BlockCaptionEditor\n        value={caption ?? ''}\n        placeholder={tableName || 'Chart caption'}\n        isReadOnly={readOnly}\n        onChange={(value) => onCaptionChange?.(value || undefined)}\n      />\n\n      <DataTableSelector\n        disabled={readOnly || !onTableChange}\n        onChange={onTableChange}\n        tables={tables}\n        value={selectedTable}\n      />\n\n      <MosaicChartSettingsButton\n        className={cn('h-8 w-8', {hidden: readOnly})}\n        isSettingsOpen={chartConfig.settingsOpen}\n        onToggleSettings={() => onSettingsOpenChange(!chartConfig.settingsOpen)}\n      />\n    </div>\n  );\n};\n"]}

package/dist/charts/worksheet/ChartBlockRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartBlockRenderer.d.ts","sourceRoot":"","sources":["../../../src/charts/worksheet/ChartBlockRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,+BAA+B,EAAC,MAAM,qBAAqB,CAAC;AACzE,OAAO,EAAC,EAAE,EAAc,MAAM,OAAO,CAAC;AA6BtC,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,+BAA+B,CA2FlE,CAAC"}
+{"version":3,"file":"ChartBlockRenderer.d.ts","sourceRoot":"","sources":["../../../src/charts/worksheet/ChartBlockRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,+BAA+B,EAAC,MAAM,qBAAqB,CAAC;AACzE,OAAO,EAAC,EAAE,EAAc,MAAM,OAAO,CAAC;AAgBtC,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,+BAA+B,CAmFlE,CAAC"}