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

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

@@ -1 +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"]}
+{"version":3,"file":"tool.js","sourceRoot":"","sources":["../../../../src/charts/chart-types/scatter-plot/tool.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,IAAI,CAAC;AAExB,OAAO,EAAyB,wBAAwB,EAAC,MAAM,UAAU,CAAC;AAC1E,OAAO,EAAC,kBAAkB,EAAC,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAC,oBAAoB,EAAC,MAAM,6BAA6B,CAAC;AAEjE,OAAO,EAAC,2BAA2B,EAAC,MAAM,cAAc,CAAC;AACzD,OAAO,EAAC,WAAW,EAAC,MAAM,0BAA0B,CAAC;AAErD,MAAM,CAAC,MAAM,oBAAoB,GAAG,kBAAkB,CAAC,MAAM,CAAC;IAC5D,QAAQ,EAAE,wBAAwB,CAAC,QAAQ,EAAE;CAC9C,CAAC,CAAC;AAIH,MAAM,UAAU,uBAAuB,CAAC,EACtC,eAAe,EACf,QAAQ,EACR,aAAa,GACG;IAChB,OAAO,IAAI,CAAgE;QACzE,WAAW,EAAE;;;;;qCAKoB,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC;;;yHAGqD,aAAa,CAAC,cAAc,EAAE;;6IAEV,aAAa,CAAC,cAAc,EAAE,SAAS;QAChL,WAAW,EAAE,oBAAoB;QACjC,OAAO,EAAE,KAAK,EAAE,EAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAC,EAAE,EAAE;YACvD,IAAI,CAAC;gBACH,MAAM,SAAS,GAAG,WAAW,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;gBAE1D,2BAA2B,CAAC;oBAC1B,SAAS;oBACT,QAAQ;oBACR,aAAa;iBACd,CAAC,CAAC;gBAEH,MAAM,WAAW,GAA2B;oBAC1C,SAAS,EAAE,cAAuB;oBAClC,QAAQ;iBACT,CAAC;gBAEF,MAAM,QAAQ,CAAC;oBACb,SAAS;oBACT,OAAO;oBACP,MAAM,EAAE,WAAW;oBACnB,KAAK;iBACN,CAAC,CAAC;gBAEH,OAAO;oBACL,OAAO,EAAE,IAAI;oBACb,OAAO,EAAE,wCAAwC;oBACjD,IAAI,EAAE,WAAW;iBAClB,CAAC;YACJ,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO;oBACL,OAAO,EAAE,KAAK;oBACd,YAAY,EAAE,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;iBACrE,CAAC;YACJ,CAAC;QACH,CAAC;KACF,CAAC,CAAC;AACL,CAAC","sourcesContent":["import {tool} from 'ai';\nimport {z} from 'zod';\nimport {ScatterPlotChartConfig, ScatterPlotChartSettings} from './schema';\nimport {BaseChartToolInput} from '../../../ai/tool-schemas';\nimport {NUMERIC_COLUMN_TYPES} from '../../../column-types-utils';\nimport {ChartToolParams, ChartToolOutput} from '../tool-types';\nimport {validateScatterPlotSettings} from './validation';\nimport {ensureTable} from '../../../ai/tool-helpers';\n\nexport const ScatterPlotToolInput = BaseChartToolInput.extend({\n  settings: ScatterPlotChartSettings.required(),\n});\n\nexport type ScatterPlotToolInput = z.infer<typeof ScatterPlotToolInput>;\n\nexport function createScatterPlotAiTool({\n  databaseAdapter,\n  addChart,\n  maxDataPoints,\n}: ChartToolParams) {\n  return tool<ScatterPlotToolInput, ChartToolOutput<ScatterPlotChartConfig>>({\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 ${maxDataPoints.toLocaleString()} rows - use aggregated visualizations instead (histogram, count-plot, line-chart with time intervals, or heatmap).\n\nDo NOT use for: distributions (use histogram), categorical counts (use count-plot), trends over time (use line-chart), or large datasets (>${maxDataPoints.toLocaleString()} rows).`,\n    inputSchema: ScatterPlotToolInput,\n    execute: async ({tableName, title, settings, panelId}) => {\n      try {\n        const dataTable = ensureTable(databaseAdapter, tableName);\n\n        validateScatterPlotSettings({\n          dataTable,\n          settings,\n          maxDataPoints,\n        });\n\n        const chartConfig: ScatterPlotChartConfig = {\n          chartType: 'scatter-plot' as const,\n          settings,\n        };\n\n        await addChart({\n          tableName,\n          panelId,\n          config: chartConfig,\n          title,\n        });\n\n        return {\n          success: true,\n          details: `Generated scatter chart configuration.`,\n          data: chartConfig,\n        };\n      } catch (error) {\n        return {\n          success: false,\n          errorMessage: error instanceof Error ? error.message : String(error),\n        };\n      }\n    },\n  });\n}\n"]}

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

@@ -0,0 +1,13 @@
+import { ScatterPlotChartSettings } from './schema';
+import { ValidateSpecOptions } from '../base-types';
+import { TableColumn } from '@sqlrooms/duckdb';
+export type ValidatedScatterPlotSettings = {
+    xColumn: TableColumn;
+    yColumn: TableColumn;
+    sizeColumn?: TableColumn;
+};
+export type ValidateScatterPlotOptions = ValidateSpecOptions<ScatterPlotChartSettings> & {
+    maxDataPoints?: number;
+};
+export declare function validateScatterPlotSettings({ dataTable, settings: { x, y, size }, maxDataPoints, }: ValidateScatterPlotOptions): ValidatedScatterPlotSettings;
+//# sourceMappingURL=validation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../../../src/charts/chart-types/scatter-plot/validation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,wBAAwB,EAAC,MAAM,UAAU,CAAC;AAClD,OAAO,EAAC,mBAAmB,EAAC,MAAM,eAAe,CAAC;AAQlD,OAAO,EAAC,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAE7C,MAAM,MAAM,4BAA4B,GAAG;IACzC,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,EAAE,WAAW,CAAC;IACrB,UAAU,CAAC,EAAE,WAAW,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,0BAA0B,GACpC,mBAAmB,CAAC,wBAAwB,CAAC,GAAG;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEJ,wBAAgB,2BAA2B,CAAC,EAC1C,SAAS,EACT,QAAQ,EAAE,EAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAC,EACtB,aAAa,GACd,EAAE,0BAA0B,GAAG,4BAA4B,CA6D3D"}

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

@@ -0,0 +1,52 @@
+import { InvalidColumnTypeError, MissingColumnsError, RequiredFieldsError, TooMuchDataError, } from '../errors';
+import { isNumericType } from '../../../column-types-utils';
+export function validateScatterPlotSettings({ dataTable, settings: { x, y, size }, maxDataPoints, }) {
+    // Basic validation for required fields
+    if (!x || !y) {
+        throw new RequiredFieldsError([
+            ...(x ? [] : ['X field']),
+            ...(y ? [] : ['Y field']),
+        ]);
+    }
+    // Validate row count to prevent browser crashes
+    if (maxDataPoints !== undefined && dataTable.rowCount !== undefined) {
+        if (dataTable.rowCount > maxDataPoints) {
+            throw new TooMuchDataError('scatter plot', dataTable.rowCount, maxDataPoints);
+        }
+    }
+    // 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=validation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"validation.js","sourceRoot":"","sources":["../../../../src/charts/chart-types/scatter-plot/validation.ts"],"names":[],"mappings":"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","sourcesContent":["import {ScatterPlotChartSettings} from './schema';\nimport {ValidateSpecOptions} from '../base-types';\nimport {\n  InvalidColumnTypeError,\n  MissingColumnsError,\n  RequiredFieldsError,\n  TooMuchDataError,\n} from '../errors';\nimport {isNumericType} from '../../../column-types-utils';\nimport {TableColumn} from '@sqlrooms/duckdb';\n\nexport type ValidatedScatterPlotSettings = {\n  xColumn: TableColumn;\n  yColumn: TableColumn;\n  sizeColumn?: TableColumn;\n};\n\nexport type ValidateScatterPlotOptions =\n  ValidateSpecOptions<ScatterPlotChartSettings> & {\n    maxDataPoints?: number;\n  };\n\nexport function validateScatterPlotSettings({\n  dataTable,\n  settings: {x, y, size},\n  maxDataPoints,\n}: ValidateScatterPlotOptions): ValidatedScatterPlotSettings {\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 row count to prevent browser crashes\n  if (maxDataPoints !== undefined && dataTable.rowCount !== undefined) {\n    if (dataTable.rowCount > maxDataPoints) {\n      throw new TooMuchDataError(\n        'scatter plot',\n        dataTable.rowCount,\n        maxDataPoints,\n      );\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/tool-types.d.ts

@@ -0,0 +1,43 @@
+import { Tool } from 'ai';
+import { DatabaseAiAdapter } from '../../ai/database-types';
+import { ToolOutput } from '../../ai/tool-types';
+export type ChartToolOutput<T> = ToolOutput<{
+    details: string;
+    data: T;
+}>;
+/**
+ * Arguments passed to chart panel creation and update callbacks.
+ */
+type AddChartFunctionArgs = {
+    /** Optional table name; worksheet charts require it, dashboard charts may inherit it. */
+    tableName?: string;
+    /** Optional existing dashboard panel ID to update instead of creating a new panel. */
+    panelId?: string;
+    /** Optional human-readable chart title. */
+    title?: string;
+    /** Chart configuration generated by the chart tool. */
+    config: any;
+};
+/**
+ * Callback used by chart tools to add or update a rendered chart panel.
+ */
+export type AddChartFunction = (args: AddChartFunctionArgs) => string | Promise<string>;
+/**
+ * Dependencies for chart configuration tools.
+ * Simple and minimal.
+ */
+export type ChartToolParams = {
+    /** Add chart to dashboard */
+    addChart: AddChartFunction;
+    /** Maximum data points for non-aggregated charts */
+    maxDataPoints: number;
+    /** Database adapter for resolving tables and columns. */
+    databaseAdapter: DatabaseAiAdapter;
+};
+/**
+ * Factory for creating chart configuration tools.
+ * Chart tools generate ChartConfig and use resolveTable for validation.
+ */
+export type ChartToolFactory<TInput, TOutput> = (params: ChartToolParams) => Tool<TInput, ChartToolOutput<TOutput>>;
+export {};
+//# sourceMappingURL=tool-types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tool-types.d.ts","sourceRoot":"","sources":["../../../src/charts/chart-types/tool-types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,IAAI,CAAC;AACxB,OAAO,EAAC,iBAAiB,EAAC,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAC,UAAU,EAAC,MAAM,qBAAqB,CAAC;AAE/C,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,UAAU,CAAC;IAC1C,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,CAAC,CAAC;CACT,CAAC,CAAC;AAEH;;GAEG;AACH,KAAK,oBAAoB,GAAG;IAC1B,yFAAyF;IACzF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,MAAM,EAAE,GAAG,CAAC;CACb,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,CAC7B,IAAI,EAAE,oBAAoB,KACvB,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;AAE9B;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,6BAA6B;IAC7B,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,oDAAoD;IACpD,aAAa,EAAE,MAAM,CAAC;IACtB,yDAAyD;IACzD,eAAe,EAAE,iBAAiB,CAAC;CACpC,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,gBAAgB,CAAC,MAAM,EAAE,OAAO,IAAI,CAC9C,MAAM,EAAE,eAAe,KACpB,IAAI,CAAC,MAAM,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=tool-types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tool-types.js","sourceRoot":"","sources":["../../../src/charts/chart-types/tool-types.ts"],"names":[],"mappings":"","sourcesContent":["import {Tool} from 'ai';\nimport {DatabaseAiAdapter} from '../../ai/database-types';\nimport {ToolOutput} from '../../ai/tool-types';\n\nexport type ChartToolOutput<T> = ToolOutput<{\n  details: string;\n  data: T;\n}>;\n\n/**\n * Arguments passed to chart panel creation and update callbacks.\n */\ntype AddChartFunctionArgs = {\n  /** Optional table name; worksheet charts require it, dashboard charts may inherit it. */\n  tableName?: string; // Optional: worksheet charts need it, dashboard charts inherit from dashboard.selectedTable\n  /** Optional existing dashboard panel ID to update instead of creating a new panel. */\n  panelId?: string;\n  /** Optional human-readable chart title. */\n  title?: string;\n  /** Chart configuration generated by the chart tool. */\n  config: any;\n};\n\n/**\n * Callback used by chart tools to add or update a rendered chart panel.\n */\nexport type AddChartFunction = (\n  args: AddChartFunctionArgs,\n) => string | Promise<string>;\n\n/**\n * Dependencies for chart configuration tools.\n * Simple and minimal.\n */\nexport type ChartToolParams = {\n  /** Add chart to dashboard */\n  addChart: AddChartFunction;\n  /** Maximum data points for non-aggregated charts */\n  maxDataPoints: number;\n  /** Database adapter for resolving tables and columns. */\n  databaseAdapter: DatabaseAiAdapter;\n};\n\n/**\n * Factory for creating chart configuration tools.\n * Chart tools generate ChartConfig and use resolveTable for validation.\n */\nexport type ChartToolFactory<TInput, TOutput> = (\n  params: ChartToolParams,\n) => Tool<TInput, ChartToolOutput<TOutput>>;\n"]}

package/dist/charts/chart-types/utils.d.ts

@@ -0,0 +1,3 @@
+import { ChartTypeDefinition } from './base-types';
+export declare function getChartToolName(chartType: ChartTypeDefinition<any>, toolNamePrefix: string): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/charts/chart-types/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/charts/chart-types/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AAEjD,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,mBAAmB,CAAC,GAAG,CAAC,EACnC,cAAc,EAAE,MAAM,GACrB,MAAM,CAER"}

package/dist/charts/chart-types/utils.js

@@ -0,0 +1,4 @@
+export function getChartToolName(chartType, toolNamePrefix) {
+    return `${toolNamePrefix}${chartType.id.replace(/-/g, '_')}`;
+}
+//# sourceMappingURL=utils.js.map

package/dist/charts/chart-types/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/charts/chart-types/utils.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,gBAAgB,CAC9B,SAAmC,EACnC,cAAsB;IAEtB,OAAO,GAAG,cAAc,GAAG,SAAS,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE,CAAC;AAC/D,CAAC","sourcesContent":["import {ChartTypeDefinition} from './base-types';\n\nexport function getChartToolName(\n  chartType: ChartTypeDefinition<any>,\n  toolNamePrefix: string,\n): string {\n  return `${toolNamePrefix}${chartType.id.replace(/-/g, '_')}`;\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;AAwC9C,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;AA6C9C,eAAO,MAAM,4BAA4B,EAAE,4BAA4B,CAAC,gBAAgB,CAKrF,CAAC"}

package/dist/charts/dashboard/MosaicDashboardChartRenderer.js

@@ -1,13 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { BarChart3Icon } from 'lucide-react';
-import { useCallback } from 'react';
+import { useCallback, useMemo } from 'react';
 import { MosaicDashboardChartHeaderActions } from './MosaicDashboardChartHeaderActions';
 import { useStoreWithMosaicDashboard, getMosaicDashboardPanelId, } from '../../dashboard/MosaicDashboardSlice';
 import { MosaicChart } from '../MosaicChart';
-import { useDataTable } from '@sqlrooms/db';
+import { useTablesWithColumns } from '../../hooks/useTablesWithColumns';
+import { resolveMosaicTableReference } from '../../mosaicTableReference';
 const MosaicDashboardChartRenderer = ({ panel, dashboardId, dashboard, selectionName, }) => {
     const tableName = dashboard.selectedTable;
-    const dataTable = useDataTable(tableName);
+    const tables = useTablesWithColumns();
+    const dataTable = useMemo(() => resolveMosaicTableReference(tables, tableName).table, [tableName, tables]);
     const updatePanel = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.updatePanel);
     const runtimeKey = getMosaicDashboardPanelId(dashboardId, panel.id);
     const handleConfigChange = useCallback((config) => {

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,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"]}
+{"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,EAAE,OAAO,EAAU,MAAM,OAAO,CAAC;AACpD,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,oBAAoB,EAAC,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAC,2BAA2B,EAAC,MAAM,4BAA4B,CAAC;AAEvE,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,MAAM,GAAG,oBAAoB,EAAE,CAAC;IACtC,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CAAC,2BAA2B,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,KAAK,EAC1D,CAAC,SAAS,EAAE,MAAM,CAAC,CACpB,CAAC;IAEF,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, useMemo, 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 {useTablesWithColumns} from '../../hooks/useTablesWithColumns';\nimport {resolveMosaicTableReference} from '../../mosaicTableReference';\n\nconst MosaicDashboardChartRenderer: FC<ChartPanelRendererProps> = ({\n  panel,\n  dashboardId,\n  dashboard,\n  selectionName,\n}) => {\n  const tableName = dashboard.selectedTable;\n  const tables = useTablesWithColumns();\n  const dataTable = useMemo(\n    () => resolveMosaicTableReference(tables, tableName).table,\n    [tableName, tables],\n  );\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.js

@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
 import { resolveChartDataPolicy } from '../chart-runtime';
-import { getChartTableReference } from './chart-types/base-types';
+import { getChartTableReferenceString } from './chart-types/base-types';
 import { useChartTypeDefinition } from './useChartTypeDefinition';
 export function useChartDataPolicy(dataTable, config) {
     const chartTypeDefinition = useChartTypeDefinition(config.chartType);
@@ -9,7 +9,7 @@ export function useChartDataPolicy(dataTable, config) {
             return null;
         }
         const defaultPolicy = chartTypeDefinition.getDataPolicy({
-            tableName: getChartTableReference(dataTable),
+            tableName: getChartTableReferenceString(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;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"]}
+{"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,4BAA4B,EAAC,MAAM,0BAA0B,CAAC;AACtE,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,4BAA4B,CAAC,SAAS,CAAC;YAClD,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 {getChartTableReferenceString} 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: getChartTableReferenceString(dataTable),\n        config,\n      }) ?? null;\n\n    return resolveChartDataPolicy(defaultPolicy, config.dataPolicy);\n  }, [config, chartTypeDefinition, dataTable]);\n}\n"]}

package/dist/components/AggregationSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AggregationSelector.d.ts","sourceRoot":"","sources":["../../src/components/AggregationSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AAC9B,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,YAAY,CAAC;AAGlD,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC9C;AASD;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAoB5D,CAAC"}
+{"version":3,"file":"AggregationSelector.d.ts","sourceRoot":"","sources":["../../src/components/AggregationSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AAE9B,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,YAAY,CAAC;AAElD,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC9C;AASD;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAoB5D,CAAC"}

package/dist/components/AggregationSelector.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Combobox } from './Combobox';
+import { Combobox } from '@sqlrooms/ui';
 const AGGREGATION_OPTIONS = [
     { value: 'sum', label: 'SUM' },
     { value: 'avg', label: 'AVG' },

package/dist/components/AggregationSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"AggregationSelector.js","sourceRoot":"","sources":["../../src/components/AggregationSelector.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AAOpC,MAAM,mBAAmB,GAAG;IAC1B,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC;IAC5B,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC;IAC5B,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC;IAC5B,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC;CACpB,CAAC;AAEX;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAiC,CAAC,EAChE,KAAK,EACL,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;IAE9E,OAAO,CACL,MAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,aACxC,KAAC,QAAQ,CAAC,OAAO,IAAC,SAAS,EAAC,uBAAuB,YACjD,yBAAO,cAAc,EAAE,KAAK,IAAI,KAAK,CAAC,WAAW,EAAE,GAAQ,GAC1C,EACnB,KAAC,QAAQ,CAAC,OAAO,cACd,mBAAmB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACnC,KAAC,QAAQ,CAAC,IAAI,IAAoB,KAAK,EAAE,MAAM,CAAC,KAAK,YACnD,eAAM,SAAS,EAAC,SAAS,YAAE,MAAM,CAAC,KAAK,GAAQ,IAD7B,MAAM,CAAC,KAAK,CAEhB,CACjB,CAAC,GACe,IACV,CACZ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type {FC} from 'react';\nimport type {AggregateFunction} from '../schemas';\nimport {Combobox} from './Combobox';\n\nexport interface AggregationSelectorProps {\n  value: AggregateFunction;\n  onChange: (value: AggregateFunction) => void;\n}\n\nconst AGGREGATION_OPTIONS = [\n  {value: 'sum', label: 'SUM'},\n  {value: 'avg', label: 'AVG'},\n  {value: 'min', label: 'MIN'},\n  {value: 'max', label: 'MAX'},\n] as const;\n\n/**\n * Dropdown for selecting an aggregation function (SUM, AVG, MIN, MAX).\n */\nexport const AggregationSelector: FC<AggregationSelectorProps> = ({\n  value,\n  onChange,\n}) => {\n  const selectedOption = AGGREGATION_OPTIONS.find((opt) => opt.value === value);\n\n  return (\n    <Combobox value={value} onChange={onChange}>\n      <Combobox.Trigger className=\"w-[100px] shadow-none\">\n        <span>{selectedOption?.label ?? value.toUpperCase()}</span>\n      </Combobox.Trigger>\n      <Combobox.Content>\n        {AGGREGATION_OPTIONS.map((option) => (\n          <Combobox.Item key={option.value} value={option.value}>\n            <span className=\"text-xs\">{option.label}</span>\n          </Combobox.Item>\n        ))}\n      </Combobox.Content>\n    </Combobox>\n  );\n};\n"]}
+{"version":3,"file":"AggregationSelector.js","sourceRoot":"","sources":["../../src/components/AggregationSelector.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AAQtC,MAAM,mBAAmB,GAAG;IAC1B,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC;IAC5B,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC;IAC5B,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC;IAC5B,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC;CACpB,CAAC;AAEX;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAiC,CAAC,EAChE,KAAK,EACL,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;IAE9E,OAAO,CACL,MAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,aACxC,KAAC,QAAQ,CAAC,OAAO,IAAC,SAAS,EAAC,uBAAuB,YACjD,yBAAO,cAAc,EAAE,KAAK,IAAI,KAAK,CAAC,WAAW,EAAE,GAAQ,GAC1C,EACnB,KAAC,QAAQ,CAAC,OAAO,cACd,mBAAmB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACnC,KAAC,QAAQ,CAAC,IAAI,IAAoB,KAAK,EAAE,MAAM,CAAC,KAAK,YACnD,eAAM,SAAS,EAAC,SAAS,YAAE,MAAM,CAAC,KAAK,GAAQ,IAD7B,MAAM,CAAC,KAAK,CAEhB,CACjB,CAAC,GACe,IACV,CACZ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type {FC} from 'react';\nimport {Combobox} from '@sqlrooms/ui';\nimport type {AggregateFunction} from '../schemas';\n\nexport interface AggregationSelectorProps {\n  value: AggregateFunction;\n  onChange: (value: AggregateFunction) => void;\n}\n\nconst AGGREGATION_OPTIONS = [\n  {value: 'sum', label: 'SUM'},\n  {value: 'avg', label: 'AVG'},\n  {value: 'min', label: 'MIN'},\n  {value: 'max', label: 'MAX'},\n] as const;\n\n/**\n * Dropdown for selecting an aggregation function (SUM, AVG, MIN, MAX).\n */\nexport const AggregationSelector: FC<AggregationSelectorProps> = ({\n  value,\n  onChange,\n}) => {\n  const selectedOption = AGGREGATION_OPTIONS.find((opt) => opt.value === value);\n\n  return (\n    <Combobox value={value} onChange={onChange}>\n      <Combobox.Trigger className=\"w-[100px] shadow-none\">\n        <span>{selectedOption?.label ?? value.toUpperCase()}</span>\n      </Combobox.Trigger>\n      <Combobox.Content>\n        {AGGREGATION_OPTIONS.map((option) => (\n          <Combobox.Item key={option.value} value={option.value}>\n            <span className=\"text-xs\">{option.label}</span>\n          </Combobox.Item>\n        ))}\n      </Combobox.Content>\n    </Combobox>\n  );\n};\n"]}

package/dist/components/ColorSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorSelector.d.ts","sourceRoot":"","sources":["../../src/components/ColorSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AAqB9B,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAsBhD,CAAC"}
+{"version":3,"file":"ColorSelector.d.ts","sourceRoot":"","sources":["../../src/components/ColorSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AAoB9B,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAsBhD,CAAC"}

package/dist/components/ColorSelector.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Combobox } from './Combobox';
-import { cn } from '@sqlrooms/ui';
+import { Combobox, cn } from '@sqlrooms/ui';
 const ColorSelectorItem = ({ color, className }) => {
     return (_jsxs(_Fragment, { children: [_jsx("div", { className: cn('h-4 w-4 rounded-full border border-gray-300', className), style: { backgroundColor: color } }), _jsx("span", { className: "sr-only", children: color })] }));
 };

package/dist/components/ColorSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorSelector.js","sourceRoot":"","sources":["../../src/components/ColorSelector.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,EAAE,EAAC,MAAM,cAAc,CAAC;AAOhC,MAAM,iBAAiB,GAA+B,CAAC,EAAC,KAAK,EAAE,SAAS,EAAC,EAAE,EAAE;IAC3E,OAAO,CACL,8BACE,cACE,SAAS,EAAE,EAAE,CAAC,6CAA6C,EAAE,SAAS,CAAC,EACvE,KAAK,EAAE,EAAC,eAAe,EAAE,KAAK,EAAC,GAC/B,EACF,eAAM,SAAS,EAAC,SAAS,YAAE,KAAK,GAAQ,IACvC,CACJ,CAAC;AACJ,CAAC,CAAC;AAQF;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EACpD,KAAK,EACL,KAAK,EACL,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,MAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,aACxC,KAAC,QAAQ,CAAC,OAAO,IACf,SAAS,EAAC,8CAA8C,EACxD,SAAS,EAAC,cAAc,YAExB,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,sBAAsB,GAAG,GACnD,EACnB,KAAC,QAAQ,CAAC,OAAO,cACd,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACpB,KAAC,QAAQ,CAAC,IAAI,IAAa,KAAK,EAAE,KAAK,YACrC,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,GAAI,IADjB,KAAK,CAET,CACjB,CAAC,GACe,IACV,CACZ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type {FC} from 'react';\nimport {Combobox} from './Combobox';\nimport {cn} from '@sqlrooms/ui';\n\ntype ColorSelectorItemProps = {\n  color: string;\n  className?: string;\n};\n\nconst ColorSelectorItem: FC<ColorSelectorItemProps> = ({color, className}) => {\n  return (\n    <>\n      <div\n        className={cn('h-4 w-4 rounded-full border border-gray-300', className)}\n        style={{backgroundColor: color}}\n      />\n      <span className=\"sr-only\">{color}</span>\n    </>\n  );\n};\n\nexport type ColorSelectorProps = {\n  value: string;\n  items: readonly string[];\n  onChange: (color: string) => void;\n};\n\n/**\n * Dropdown for selecting a color from the chart color palette.\n * Displays colors as circular indicators.\n */\nexport const ColorSelector: FC<ColorSelectorProps> = ({\n  value,\n  items,\n  onChange,\n}) => {\n  return (\n    <Combobox value={value} onChange={onChange}>\n      <Combobox.Trigger\n        className=\"w-auto gap-1.5 px-2 shadow-none [&>svg]:ml-0\"\n        ariaLabel=\"Select color\"\n      >\n        <ColorSelectorItem color={value} className=\"h-3.5 w-3.5 shrink-0\" />\n      </Combobox.Trigger>\n      <Combobox.Content>\n        {items.map((color) => (\n          <Combobox.Item key={color} value={color}>\n            <ColorSelectorItem color={color} />\n          </Combobox.Item>\n        ))}\n      </Combobox.Content>\n    </Combobox>\n  );\n};\n"]}
+{"version":3,"file":"ColorSelector.js","sourceRoot":"","sources":["../../src/components/ColorSelector.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,QAAQ,EAAE,EAAE,EAAC,MAAM,cAAc,CAAC;AAO1C,MAAM,iBAAiB,GAA+B,CAAC,EAAC,KAAK,EAAE,SAAS,EAAC,EAAE,EAAE;IAC3E,OAAO,CACL,8BACE,cACE,SAAS,EAAE,EAAE,CAAC,6CAA6C,EAAE,SAAS,CAAC,EACvE,KAAK,EAAE,EAAC,eAAe,EAAE,KAAK,EAAC,GAC/B,EACF,eAAM,SAAS,EAAC,SAAS,YAAE,KAAK,GAAQ,IACvC,CACJ,CAAC;AACJ,CAAC,CAAC;AAQF;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EACpD,KAAK,EACL,KAAK,EACL,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,MAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,aACxC,KAAC,QAAQ,CAAC,OAAO,IACf,SAAS,EAAC,8CAA8C,EACxD,SAAS,EAAC,cAAc,YAExB,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,sBAAsB,GAAG,GACnD,EACnB,KAAC,QAAQ,CAAC,OAAO,cACd,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACpB,KAAC,QAAQ,CAAC,IAAI,IAAa,KAAK,EAAE,KAAK,YACrC,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,GAAI,IADjB,KAAK,CAET,CACjB,CAAC,GACe,IACV,CACZ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type {FC} from 'react';\nimport {Combobox, cn} from '@sqlrooms/ui';\n\ntype ColorSelectorItemProps = {\n  color: string;\n  className?: string;\n};\n\nconst ColorSelectorItem: FC<ColorSelectorItemProps> = ({color, className}) => {\n  return (\n    <>\n      <div\n        className={cn('h-4 w-4 rounded-full border border-gray-300', className)}\n        style={{backgroundColor: color}}\n      />\n      <span className=\"sr-only\">{color}</span>\n    </>\n  );\n};\n\nexport type ColorSelectorProps = {\n  value: string;\n  items: readonly string[];\n  onChange: (color: string) => void;\n};\n\n/**\n * Dropdown for selecting a color from the chart color palette.\n * Displays colors as circular indicators.\n */\nexport const ColorSelector: FC<ColorSelectorProps> = ({\n  value,\n  items,\n  onChange,\n}) => {\n  return (\n    <Combobox value={value} onChange={onChange}>\n      <Combobox.Trigger\n        className=\"w-auto gap-1.5 px-2 shadow-none [&>svg]:ml-0\"\n        ariaLabel=\"Select color\"\n      >\n        <ColorSelectorItem color={value} className=\"h-3.5 w-3.5 shrink-0\" />\n      </Combobox.Trigger>\n      <Combobox.Content>\n        {items.map((color) => (\n          <Combobox.Item key={color} value={color}>\n            <ColorSelectorItem color={color} />\n          </Combobox.Item>\n        ))}\n      </Combobox.Content>\n    </Combobox>\n  );\n};\n"]}

package/dist/components/FieldSelectorInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldSelectorInput.d.ts","sourceRoot":"","sources":["../../src/components/FieldSelectorInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,kCAAkC,CAAC;AAI1C,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,iBAAiB,CAAC;IACzB,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAsDhE,CAAC"}
+{"version":3,"file":"FieldSelectorInput.d.ts","sourceRoot":"","sources":["../../src/components/FieldSelectorInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,kCAAkC,CAAC;AAG1C,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,iBAAiB,CAAC;IACzB,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA+DhE,CAAC"}

package/dist/components/FieldSelectorInput.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Combobox } from './Combobox';
-import { cn } from '@sqlrooms/ui';
+import { Combobox, cn } from '@sqlrooms/ui';
 /**
  * A searchable dropdown selector for choosing a table column for a chart builder field.
  */
@@ -9,6 +8,7 @@ export const FieldSelectorInput = ({ field, columns, value, onChange, className,
         ? columns.filter((col) => field.types.some((t) => col.type.toUpperCase() === t.toUpperCase()))
         : columns;
     const selectedColumn = filteredColumns.find((col) => col.name === value);
-    return (_jsx("div", { className: cn('@container flex flex-col gap-1', className), children: _jsxs(Combobox, { value: value ?? '', onChange: onChange, children: [_jsx(Combobox.Trigger, { className: "w-full", children: selectedColumn ? (_jsxs("span", { className: "flex min-w-0 items-baseline gap-1", children: [_jsx("span", { className: "truncate text-xs", children: selectedColumn.name }), _jsx("span", { className: "text-muted-foreground hidden overflow-hidden text-[8px] whitespace-nowrap @[180px]:inline", children: selectedColumn.type })] })) : value ? (_jsx("span", { className: "flex min-w-0 items-baseline gap-1", children: _jsx("span", { className: "truncate text-xs", children: value }) })) : (_jsx("span", { className: "text-muted-foreground truncate text-xs", children: placeholder })) }), _jsx(Combobox.Content, { searchable: true, searchPlaceholder: "Search columns...", emptyMessage: "No matching column.", children: filteredColumns.map((col) => (_jsxs(Combobox.Item, { value: col.name, children: [_jsx("span", { className: "truncate text-xs", children: col.name }), _jsx("span", { className: "text-muted-foreground ml-auto text-[8px]", children: col.type })] }, col.name))) })] }) }));
+    const isMissing = Boolean(value && !selectedColumn);
+    return (_jsx("div", { className: cn('@container flex flex-col gap-1', className), children: _jsxs(Combobox, { value: value ?? '', onChange: onChange, children: [_jsx(Combobox.Trigger, { className: cn('w-full', isMissing && 'border-destructive/60 bg-destructive/5'), children: selectedColumn ? (_jsxs("span", { className: "flex min-w-0 items-baseline gap-1", children: [_jsx("span", { className: "truncate text-xs", children: selectedColumn.name }), _jsx("span", { className: "text-muted-foreground hidden overflow-hidden text-[8px] whitespace-nowrap @[180px]:inline", children: selectedColumn.type })] })) : value ? (_jsxs("span", { className: "flex min-w-0 items-baseline gap-1", children: [_jsx("span", { className: "text-destructive truncate text-xs", children: value }), _jsx("span", { className: "text-destructive/60 hidden text-[8px] @[180px]:inline", children: "missing" })] })) : (_jsx("span", { className: "text-muted-foreground truncate text-xs", children: placeholder })) }), _jsx(Combobox.Content, { searchable: true, searchPlaceholder: "Search columns...", emptyMessage: "No matching column.", children: filteredColumns.map((col) => (_jsxs(Combobox.Item, { value: col.name, children: [_jsx("span", { className: "truncate text-xs", children: col.name }), _jsx("span", { className: "text-muted-foreground ml-auto text-[8px]", children: col.type })] }, col.name))) })] }) }));
 };
 //# sourceMappingURL=FieldSelectorInput.js.map

package/dist/components/FieldSelectorInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldSelectorInput.js","sourceRoot":"","sources":["../../src/components/FieldSelectorInput.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,EAAE,EAAC,MAAM,cAAc,CAAC;AAWhC;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EACpE,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,EACT,WAAW,GAAG,WAAW,GAC1B,EAAE,EAAE;IACH,MAAM,eAAe,GAAG,KAAK,CAAC,KAAK;QACjC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CACrB,KAAK,CAAC,KAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,CACrE;QACH,CAAC,CAAC,OAAO,CAAC;IAEZ,MAAM,cAAc,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC;IAEzE,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,SAAS,CAAC,YAC7D,MAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,aAC9C,KAAC,QAAQ,CAAC,OAAO,IAAC,SAAS,EAAC,QAAQ,YACjC,cAAc,CAAC,CAAC,CAAC,CAChB,gBAAM,SAAS,EAAC,mCAAmC,aACjD,eAAM,SAAS,EAAC,kBAAkB,YAAE,cAAc,CAAC,IAAI,GAAQ,EAC/D,eAAM,SAAS,EAAC,2FAA2F,YACxG,cAAc,CAAC,IAAI,GACf,IACF,CACR,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CACV,eAAM,SAAS,EAAC,mCAAmC,YACjD,eAAM,SAAS,EAAC,kBAAkB,YAAE,KAAK,GAAQ,GAC5C,CACR,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,wCAAwC,YACrD,WAAW,GACP,CACR,GACgB,EACnB,KAAC,QAAQ,CAAC,OAAO,IACf,UAAU,QACV,iBAAiB,EAAC,mBAAmB,EACrC,YAAY,EAAC,qBAAqB,YAEjC,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAC5B,MAAC,QAAQ,CAAC,IAAI,IAAgB,KAAK,EAAE,GAAG,CAAC,IAAI,aAC3C,eAAM,SAAS,EAAC,kBAAkB,YAAE,GAAG,CAAC,IAAI,GAAQ,EACpD,eAAM,SAAS,EAAC,0CAA0C,YACvD,GAAG,CAAC,IAAI,GACJ,KAJW,GAAG,CAAC,IAAI,CAKZ,CACjB,CAAC,GACe,IACV,GACP,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport {\n  ChartBuilderColumn,\n  ChartBuilderField,\n} from '../charts/chart-types/base-types';\nimport {Combobox} from './Combobox';\nimport {cn} from '@sqlrooms/ui';\n\nexport interface FieldSelectorInputProps {\n  field: ChartBuilderField;\n  columns: ChartBuilderColumn[];\n  value: string | undefined;\n  onChange: (value: string) => void;\n  placeholder?: string;\n  className?: string;\n}\n\n/**\n * A searchable dropdown selector for choosing a table column for a chart builder field.\n */\nexport const FieldSelectorInput: React.FC<FieldSelectorInputProps> = ({\n  field,\n  columns,\n  value,\n  onChange,\n  className,\n  placeholder = 'Select...',\n}) => {\n  const filteredColumns = field.types\n    ? columns.filter((col) =>\n        field.types!.some((t) => col.type.toUpperCase() === t.toUpperCase()),\n      )\n    : columns;\n\n  const selectedColumn = filteredColumns.find((col) => col.name === value);\n\n  return (\n    <div className={cn('@container flex flex-col gap-1', className)}>\n      <Combobox value={value ?? ''} onChange={onChange}>\n        <Combobox.Trigger className=\"w-full\">\n          {selectedColumn ? (\n            <span className=\"flex min-w-0 items-baseline gap-1\">\n              <span className=\"truncate text-xs\">{selectedColumn.name}</span>\n              <span className=\"text-muted-foreground hidden overflow-hidden text-[8px] whitespace-nowrap @[180px]:inline\">\n                {selectedColumn.type}\n              </span>\n            </span>\n          ) : value ? (\n            <span className=\"flex min-w-0 items-baseline gap-1\">\n              <span className=\"truncate text-xs\">{value}</span>\n            </span>\n          ) : (\n            <span className=\"text-muted-foreground truncate text-xs\">\n              {placeholder}\n            </span>\n          )}\n        </Combobox.Trigger>\n        <Combobox.Content\n          searchable\n          searchPlaceholder=\"Search columns...\"\n          emptyMessage=\"No matching column.\"\n        >\n          {filteredColumns.map((col) => (\n            <Combobox.Item key={col.name} value={col.name}>\n              <span className=\"truncate text-xs\">{col.name}</span>\n              <span className=\"text-muted-foreground ml-auto text-[8px]\">\n                {col.type}\n              </span>\n            </Combobox.Item>\n          ))}\n        </Combobox.Content>\n      </Combobox>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"FieldSelectorInput.js","sourceRoot":"","sources":["../../src/components/FieldSelectorInput.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,QAAQ,EAAE,EAAE,EAAC,MAAM,cAAc,CAAC;AAW1C;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EACpE,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,EACT,WAAW,GAAG,WAAW,GAC1B,EAAE,EAAE;IACH,MAAM,eAAe,GAAG,KAAK,CAAC,KAAK;QACjC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CACrB,KAAK,CAAC,KAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,CACrE;QACH,CAAC,CAAC,OAAO,CAAC;IAEZ,MAAM,cAAc,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC;IACzE,MAAM,SAAS,GAAG,OAAO,CAAC,KAAK,IAAI,CAAC,cAAc,CAAC,CAAC;IAEpD,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,SAAS,CAAC,YAC7D,MAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,aAC9C,KAAC,QAAQ,CAAC,OAAO,IACf,SAAS,EAAE,EAAE,CACX,QAAQ,EACR,SAAS,IAAI,wCAAwC,CACtD,YAEA,cAAc,CAAC,CAAC,CAAC,CAChB,gBAAM,SAAS,EAAC,mCAAmC,aACjD,eAAM,SAAS,EAAC,kBAAkB,YAAE,cAAc,CAAC,IAAI,GAAQ,EAC/D,eAAM,SAAS,EAAC,2FAA2F,YACxG,cAAc,CAAC,IAAI,GACf,IACF,CACR,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CACV,gBAAM,SAAS,EAAC,mCAAmC,aACjD,eAAM,SAAS,EAAC,mCAAmC,YAAE,KAAK,GAAQ,EAClE,eAAM,SAAS,EAAC,uDAAuD,wBAEhE,IACF,CACR,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,wCAAwC,YACrD,WAAW,GACP,CACR,GACgB,EACnB,KAAC,QAAQ,CAAC,OAAO,IACf,UAAU,QACV,iBAAiB,EAAC,mBAAmB,EACrC,YAAY,EAAC,qBAAqB,YAEjC,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAC5B,MAAC,QAAQ,CAAC,IAAI,IAAgB,KAAK,EAAE,GAAG,CAAC,IAAI,aAC3C,eAAM,SAAS,EAAC,kBAAkB,YAAE,GAAG,CAAC,IAAI,GAAQ,EACpD,eAAM,SAAS,EAAC,0CAA0C,YACvD,GAAG,CAAC,IAAI,GACJ,KAJW,GAAG,CAAC,IAAI,CAKZ,CACjB,CAAC,GACe,IACV,GACP,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport {\n  ChartBuilderColumn,\n  ChartBuilderField,\n} from '../charts/chart-types/base-types';\nimport {Combobox, cn} from '@sqlrooms/ui';\n\nexport interface FieldSelectorInputProps {\n  field: ChartBuilderField;\n  columns: ChartBuilderColumn[];\n  value: string | undefined;\n  onChange: (value: string) => void;\n  placeholder?: string;\n  className?: string;\n}\n\n/**\n * A searchable dropdown selector for choosing a table column for a chart builder field.\n */\nexport const FieldSelectorInput: React.FC<FieldSelectorInputProps> = ({\n  field,\n  columns,\n  value,\n  onChange,\n  className,\n  placeholder = 'Select...',\n}) => {\n  const filteredColumns = field.types\n    ? columns.filter((col) =>\n        field.types!.some((t) => col.type.toUpperCase() === t.toUpperCase()),\n      )\n    : columns;\n\n  const selectedColumn = filteredColumns.find((col) => col.name === value);\n  const isMissing = Boolean(value && !selectedColumn);\n\n  return (\n    <div className={cn('@container flex flex-col gap-1', className)}>\n      <Combobox value={value ?? ''} onChange={onChange}>\n        <Combobox.Trigger\n          className={cn(\n            'w-full',\n            isMissing && 'border-destructive/60 bg-destructive/5',\n          )}\n        >\n          {selectedColumn ? (\n            <span className=\"flex min-w-0 items-baseline gap-1\">\n              <span className=\"truncate text-xs\">{selectedColumn.name}</span>\n              <span className=\"text-muted-foreground hidden overflow-hidden text-[8px] whitespace-nowrap @[180px]:inline\">\n                {selectedColumn.type}\n              </span>\n            </span>\n          ) : value ? (\n            <span className=\"flex min-w-0 items-baseline gap-1\">\n              <span className=\"text-destructive truncate text-xs\">{value}</span>\n              <span className=\"text-destructive/60 hidden text-[8px] @[180px]:inline\">\n                missing\n              </span>\n            </span>\n          ) : (\n            <span className=\"text-muted-foreground truncate text-xs\">\n              {placeholder}\n            </span>\n          )}\n        </Combobox.Trigger>\n        <Combobox.Content\n          searchable\n          searchPlaceholder=\"Search columns...\"\n          emptyMessage=\"No matching column.\"\n        >\n          {filteredColumns.map((col) => (\n            <Combobox.Item key={col.name} value={col.name}>\n              <span className=\"truncate text-xs\">{col.name}</span>\n              <span className=\"text-muted-foreground ml-auto text-[8px]\">\n                {col.type}\n              </span>\n            </Combobox.Item>\n          ))}\n        </Combobox.Content>\n      </Combobox>\n    </div>\n  );\n};\n"]}

package/dist/components/TemporalGranularitySelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TemporalGranularitySelector.d.ts","sourceRoot":"","sources":["../../src/components/TemporalGranularitySelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAAoB,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,YAAY,CAAC;AAGjD,UAAU,gCAAgC;IACxC,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAsBD,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAAC,gCAAgC,CAkDzE,CAAC"}
+{"version":3,"file":"TemporalGranularitySelector.d.ts","sourceRoot":"","sources":["../../src/components/TemporalGranularitySelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAAoB,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,YAAY,CAAC;AAEjD,UAAU,gCAAgC;IACxC,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAsBD,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAAC,gCAAgC,CAkDzE,CAAC"}

package/dist/components/TemporalGranularitySelector.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo, useCallback } from 'react';
+import { Combobox } from '@sqlrooms/ui';
 import { TEMPORAL_COLUMN_TYPES } from '../column-types-utils';
-import { Combobox } from './Combobox';
 const TEMPORAL_INTERVALS = [
     { value: 'year', label: 'Year' },
     { value: 'quarter', label: 'Quarter' },

package/dist/components/TemporalGranularitySelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemporalGranularitySelector.js","sourceRoot":"","sources":["../../src/components/TemporalGranularitySelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import {type FC, memo, useCallback} from 'react';\nimport {TEMPORAL_COLUMN_TYPES} from '../column-types-utils';\nimport type {TemporalInterval} from '../schemas';\nimport {Combobox} from './Combobox';\n\ninterface TemporalGranularitySelectorProps {\n  value?: TemporalInterval;\n  onChange: (value?: TemporalInterval) => void;\n  xFieldType?: string;\n}\n\nconst TEMPORAL_INTERVALS = [\n  {value: 'year', label: 'Year'},\n  {value: 'quarter', label: 'Quarter'},\n  {value: 'month', label: 'Month'},\n  {value: 'week', label: 'Week'},\n  {value: 'day', label: 'Day'},\n  {value: 'hour', label: 'Hour'},\n  {value: 'minute', label: 'Minute'},\n  {value: 'second', label: 'Second'},\n] as const;\n\nconst NONE = 'none';\n\nfunction isTemporalField(fieldType?: string): boolean {\n  if (!fieldType) return false;\n  return TEMPORAL_COLUMN_TYPES.some(\n    (type) => fieldType.toUpperCase() === type.toUpperCase(),\n  );\n}\n\nexport const TemporalGranularitySelector: FC<TemporalGranularitySelectorProps> =\n  memo(({value, onChange, xFieldType}) => {\n    // Custom onChange wrapper to handle undefined values\n    const handleChange = useCallback(\n      (newValue: string) => {\n        if (newValue === NONE) {\n          onChange(undefined);\n        } else {\n          onChange(newValue as TemporalInterval);\n        }\n      },\n      [onChange],\n    );\n\n    // Only render if X field is temporal\n    if (!isTemporalField(xFieldType)) {\n      return null;\n    }\n\n    const selectedInterval = TEMPORAL_INTERVALS.find(\n      (interval) => interval.value === value,\n    );\n    const displayValue = selectedInterval?.label ?? 'None';\n    const currentValue = value || NONE;\n\n    return (\n      <Combobox\n        value={currentValue}\n        onChange={handleChange}\n        currentValue={currentValue}\n      >\n        <Combobox.Trigger className=\"shadow-none\">\n          <span>{displayValue}</span>\n        </Combobox.Trigger>\n        <Combobox.Content>\n          <Combobox.Item value={NONE}>\n            <span className=\"text-xs\">None</span>\n          </Combobox.Item>\n          {TEMPORAL_INTERVALS.map((interval) => (\n            <Combobox.Item\n              key={interval.value}\n              value={interval.value}\n              isSelected={value === interval.value}\n            >\n              <span className=\"text-xs\">{interval.label}</span>\n            </Combobox.Item>\n          ))}\n        </Combobox.Content>\n      </Combobox>\n    );\n  });\n\nTemporalGranularitySelector.displayName = 'TemporalGranularitySelector';\n"]}
+{"version":3,"file":"TemporalGranularitySelector.js","sourceRoot":"","sources":["../../src/components/TemporalGranularitySelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import {type FC, memo, useCallback} from 'react';\nimport {Combobox} from '@sqlrooms/ui';\nimport {TEMPORAL_COLUMN_TYPES} from '../column-types-utils';\nimport type {TemporalInterval} from '../schemas';\n\ninterface TemporalGranularitySelectorProps {\n  value?: TemporalInterval;\n  onChange: (value?: TemporalInterval) => void;\n  xFieldType?: string;\n}\n\nconst TEMPORAL_INTERVALS = [\n  {value: 'year', label: 'Year'},\n  {value: 'quarter', label: 'Quarter'},\n  {value: 'month', label: 'Month'},\n  {value: 'week', label: 'Week'},\n  {value: 'day', label: 'Day'},\n  {value: 'hour', label: 'Hour'},\n  {value: 'minute', label: 'Minute'},\n  {value: 'second', label: 'Second'},\n] as const;\n\nconst NONE = 'none';\n\nfunction isTemporalField(fieldType?: string): boolean {\n  if (!fieldType) return false;\n  return TEMPORAL_COLUMN_TYPES.some(\n    (type) => fieldType.toUpperCase() === type.toUpperCase(),\n  );\n}\n\nexport const TemporalGranularitySelector: FC<TemporalGranularitySelectorProps> =\n  memo(({value, onChange, xFieldType}) => {\n    // Custom onChange wrapper to handle undefined values\n    const handleChange = useCallback(\n      (newValue: string) => {\n        if (newValue === NONE) {\n          onChange(undefined);\n        } else {\n          onChange(newValue as TemporalInterval);\n        }\n      },\n      [onChange],\n    );\n\n    // Only render if X field is temporal\n    if (!isTemporalField(xFieldType)) {\n      return null;\n    }\n\n    const selectedInterval = TEMPORAL_INTERVALS.find(\n      (interval) => interval.value === value,\n    );\n    const displayValue = selectedInterval?.label ?? 'None';\n    const currentValue = value || NONE;\n\n    return (\n      <Combobox\n        value={currentValue}\n        onChange={handleChange}\n        currentValue={currentValue}\n      >\n        <Combobox.Trigger className=\"shadow-none\">\n          <span>{displayValue}</span>\n        </Combobox.Trigger>\n        <Combobox.Content>\n          <Combobox.Item value={NONE}>\n            <span className=\"text-xs\">None</span>\n          </Combobox.Item>\n          {TEMPORAL_INTERVALS.map((interval) => (\n            <Combobox.Item\n              key={interval.value}\n              value={interval.value}\n              isSelected={value === interval.value}\n            >\n              <span className=\"text-xs\">{interval.label}</span>\n            </Combobox.Item>\n          ))}\n        </Combobox.Content>\n      </Combobox>\n    );\n  });\n\nTemporalGranularitySelector.displayName = 'TemporalGranularitySelector';\n"]}

package/dist/dashboard/MosaicDashboardCommands.d.ts

@@ -0,0 +1,19 @@
+import type { BaseRoomStoreState, RoomCommand } from '@sqlrooms/room-store';
+import type { MosaicDashboardSliceState } from './MosaicDashboardSlice';
+export declare const MOSAIC_DASHBOARD_COMMAND_IDS: {
+    readonly setSelectedTable: "dashboard.set-selected-table";
+    readonly addPanel: "dashboard.add-panel";
+    readonly updatePanel: "dashboard.update-panel";
+    readonly removePanel: "dashboard.remove-panel";
+};
+type DashboardCommandState = BaseRoomStoreState & MosaicDashboardSliceState;
+/**
+ * Create reusable Mosaic dashboard commands for selected table and panel
+ * mutations.
+ *
+ * These commands delegate to the dashboard slice so UI code, agents, and
+ * future automation share the same persistence behavior.
+ */
+export declare function createMosaicDashboardCommands<TRoomState extends DashboardCommandState = DashboardCommandState>(): RoomCommand<TRoomState>[];
+export {};
+//# sourceMappingURL=MosaicDashboardCommands.d.ts.map

package/dist/dashboard/MosaicDashboardCommands.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicDashboardCommands.d.ts","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardCommands.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAE,WAAW,EAAC,MAAM,sBAAsB,CAAC;AAc1E,OAAO,KAAK,EAAC,yBAAyB,EAAC,MAAM,wBAAwB,CAAC;AAEtE,eAAO,MAAM,4BAA4B;;;;;CAK/B,CAAC;AA8BX,KAAK,qBAAqB,GAAG,kBAAkB,GAAG,yBAAyB,CAAC;AAyC5E;;;;;;GAMG;AACH,wBAAgB,6BAA6B,CAC3C,UAAU,SAAS,qBAAqB,GAAG,qBAAqB,KAC7D,WAAW,CAAC,UAAU,CAAC,EAAE,CAyK7B"}