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

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/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;AA6C9C,eAAO,MAAM,4BAA4B,EAAE,4BAA4B,CAAC,gBAAgB,CAKrF,CAAC"}

package/dist/charts/dashboard/MosaicDashboardChartRenderer.js

@@ -1,19 +1,21 @@
 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 '../../hooks/useDataTable';
+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) => {
         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,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.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 { getChartTableReferenceString } 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: 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;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,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/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"}

package/dist/charts/worksheet/ChartBlockRenderer.js

@@ -2,27 +2,17 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback } from 'react';
 import { MosaicChart } from '../MosaicChart';
 import { useParseChartConfig } from '../useParseChartConfig';
-import { useDataTable } from '../../hooks/useDataTable';
+import { useDataTable } from '@sqlrooms/db';
 import { useTablesWithColumns } from '../../hooks/useTablesWithColumns';
 import { ChartBlockHeader } from './ChartBlockHeader';
 import { ChartSelectorEmptyState } from './ChartSelectorEmptyState';
-function getBlockDocumentChartSelectionName({ documentId, blockId, selectionGroupId, }) {
-    return selectionGroupId
-        ? `worksheet:${documentId}:chart-group:${selectionGroupId}:brush`
-        : `worksheet:${documentId}:chart-block:${blockId}:brush`;
-}
 function getBlockDocumentChartRuntimeKey({ documentId, blockId, }) {
     return `worksheet:${documentId}:chart-block:${blockId}`;
 }
-export const ChartBlockRenderer = ({ documentId, blockId, tableName, config, selectionGroupId, caption, readOnly, onTableNameChange, onConfigChange, onCaptionChange, }) => {
+export const ChartBlockRenderer = ({ documentId, blockId, tableName, config, caption, readOnly, onTableNameChange, onConfigChange, onCaptionChange, }) => {
     const tables = useTablesWithColumns();
     const selectedTable = useDataTable(tableName);
     const parseChartConfigResult = useParseChartConfig(config);
-    const selectionName = getBlockDocumentChartSelectionName({
-        documentId,
-        blockId,
-        selectionGroupId,
-    });
     const runtimeKey = getBlockDocumentChartRuntimeKey({ documentId, blockId });
     const handleSettingsOpenChange = useCallback((settingsOpen) => {
         if (parseChartConfigResult.success) {
@@ -42,6 +32,6 @@ export const ChartBlockRenderer = ({ documentId, blockId, tableName, config, sel
         return (_jsxs("div", { className: "text-muted-foreground flex h-full items-center justify-center text-sm", children: ["Invalid chart configuration: ", parseChartConfigResult.error] }));
     }
     const chartConfig = parseChartConfigResult.config;
-    return (_jsxs("div", { className: "flex h-105 min-h-80 flex-col", children: [_jsx(ChartBlockHeader, { caption: caption, chartConfig: chartConfig, selectedTable: selectedTable, onCaptionChange: onCaptionChange, onSettingsOpenChange: handleSettingsOpenChange, onTableChange: handleTableChange, readOnly: readOnly, tables: tables }), _jsx("div", { className: "min-h-0 flex-1", children: _jsx(MosaicChart, { dataTable: selectedTable, selectionName: selectionName, config: chartConfig, runtimeKey: runtimeKey, onConfigChange: handleConfigChange }) })] }));
+    return (_jsxs("div", { className: "flex h-105 min-h-80 flex-col", children: [_jsx(ChartBlockHeader, { caption: caption, chartConfig: chartConfig, selectedTable: selectedTable, onCaptionChange: onCaptionChange, onSettingsOpenChange: handleSettingsOpenChange, onTableChange: handleTableChange, readOnly: readOnly, tables: tables }), _jsx("div", { className: "min-h-0 flex-1", children: _jsx(MosaicChart, { dataTable: selectedTable, config: chartConfig, runtimeKey: runtimeKey, onConfigChange: handleConfigChange }) })] }));
 };
 //# sourceMappingURL=ChartBlockRenderer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChartBlockRenderer.js","sourceRoot":"","sources":["../../../src/charts/worksheet/ChartBlockRenderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import type {DataTable} from '@sqlrooms/db';\nimport type {BlockDocumentChartRendererProps} from '@sqlrooms/documents';\nimport {FC, useCallback} from 'react';\nimport type {ChartConfig} from '../chart-types/chart-config';\nimport {MosaicChart} from '../MosaicChart';\nimport {useParseChartConfig} from '../useParseChartConfig';\nimport {useDataTable} from '../../hooks/useDataTable';\nimport {useTablesWithColumns} from '../../hooks/useTablesWithColumns';\nimport {ChartBlockHeader} from './ChartBlockHeader';\nimport {ChartSelectorEmptyState} from './ChartSelectorEmptyState';\n\nfunction getBlockDocumentChartSelectionName({\n  documentId,\n  blockId,\n  selectionGroupId,\n}: Pick<\n  BlockDocumentChartRendererProps,\n  'documentId' | 'blockId' | 'selectionGroupId'\n>) {\n  return selectionGroupId\n    ? `worksheet:${documentId}:chart-group:${selectionGroupId}:brush`\n    : `worksheet:${documentId}:chart-block:${blockId}:brush`;\n}\n\nfunction getBlockDocumentChartRuntimeKey({\n  documentId,\n  blockId,\n}: Pick<BlockDocumentChartRendererProps, 'documentId' | 'blockId'>) {\n  return `worksheet:${documentId}:chart-block:${blockId}`;\n}\n\nexport const ChartBlockRenderer: FC<BlockDocumentChartRendererProps> = ({\n  documentId,\n  blockId,\n  tableName,\n  config,\n  selectionGroupId,\n  caption,\n  readOnly,\n  onTableNameChange,\n  onConfigChange,\n  onCaptionChange,\n}) => {\n  const tables = useTablesWithColumns();\n  const selectedTable = useDataTable(tableName);\n\n  const parseChartConfigResult = useParseChartConfig(config);\n\n  const selectionName = getBlockDocumentChartSelectionName({\n    documentId,\n    blockId,\n    selectionGroupId,\n  });\n\n  const runtimeKey = getBlockDocumentChartRuntimeKey({documentId, blockId});\n\n  const handleSettingsOpenChange = useCallback(\n    (settingsOpen: boolean) => {\n      if (parseChartConfigResult.success) {\n        onConfigChange?.({...parseChartConfigResult.config, settingsOpen});\n      }\n    },\n    [parseChartConfigResult, onConfigChange],\n  );\n\n  const handleConfigChange = useCallback(\n    (nextConfig: ChartConfig) => {\n      onConfigChange?.(nextConfig);\n    },\n    [onConfigChange],\n  );\n\n  const handleTableChange = useCallback(\n    (table: DataTable) => {\n      onTableNameChange?.(table.table.toString());\n    },\n    [onTableNameChange],\n  );\n\n  if (!selectedTable) {\n    return (\n      <ChartSelectorEmptyState\n        disabled={readOnly || !onTableNameChange}\n        onChange={handleTableChange}\n        tables={tables}\n      />\n    );\n  }\n\n  if (!parseChartConfigResult.success) {\n    return (\n      <div className=\"text-muted-foreground flex h-full items-center justify-center text-sm\">\n        Invalid chart configuration: {parseChartConfigResult.error}\n      </div>\n    );\n  }\n\n  const chartConfig = parseChartConfigResult.config;\n\n  return (\n    <div className=\"flex h-105 min-h-80 flex-col\">\n      <ChartBlockHeader\n        caption={caption}\n        chartConfig={chartConfig}\n        selectedTable={selectedTable}\n        onCaptionChange={onCaptionChange}\n        onSettingsOpenChange={handleSettingsOpenChange}\n        onTableChange={handleTableChange}\n        readOnly={readOnly}\n        tables={tables}\n      />\n      <div className=\"min-h-0 flex-1\">\n        <MosaicChart\n          dataTable={selectedTable}\n          selectionName={selectionName}\n          config={chartConfig}\n          runtimeKey={runtimeKey}\n          onConfigChange={handleConfigChange}\n        />\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"ChartBlockRenderer.js","sourceRoot":"","sources":["../../../src/charts/worksheet/ChartBlockRenderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import type {DataTable} from '@sqlrooms/db';\nimport type {BlockDocumentChartRendererProps} from '@sqlrooms/documents';\nimport {FC, useCallback} from 'react';\nimport type {ChartConfig} from '../chart-types/chart-config';\nimport {MosaicChart} from '../MosaicChart';\nimport {useParseChartConfig} from '../useParseChartConfig';\nimport {useDataTable} from '@sqlrooms/db';\nimport {useTablesWithColumns} from '../../hooks/useTablesWithColumns';\nimport {ChartBlockHeader} from './ChartBlockHeader';\nimport {ChartSelectorEmptyState} from './ChartSelectorEmptyState';\n\nfunction getBlockDocumentChartRuntimeKey({\n  documentId,\n  blockId,\n}: Pick<BlockDocumentChartRendererProps, 'documentId' | 'blockId'>) {\n  return `worksheet:${documentId}:chart-block:${blockId}`;\n}\n\nexport const ChartBlockRenderer: FC<BlockDocumentChartRendererProps> = ({\n  documentId,\n  blockId,\n  tableName,\n  config,\n  caption,\n  readOnly,\n  onTableNameChange,\n  onConfigChange,\n  onCaptionChange,\n}) => {\n  const tables = useTablesWithColumns();\n  const selectedTable = useDataTable(tableName);\n\n  const parseChartConfigResult = useParseChartConfig(config);\n\n  const runtimeKey = getBlockDocumentChartRuntimeKey({documentId, blockId});\n\n  const handleSettingsOpenChange = useCallback(\n    (settingsOpen: boolean) => {\n      if (parseChartConfigResult.success) {\n        onConfigChange?.({...parseChartConfigResult.config, settingsOpen});\n      }\n    },\n    [parseChartConfigResult, onConfigChange],\n  );\n\n  const handleConfigChange = useCallback(\n    (nextConfig: ChartConfig) => {\n      onConfigChange?.(nextConfig);\n    },\n    [onConfigChange],\n  );\n\n  const handleTableChange = useCallback(\n    (table: DataTable) => {\n      onTableNameChange?.(table.table.toString());\n    },\n    [onTableNameChange],\n  );\n\n  if (!selectedTable) {\n    return (\n      <ChartSelectorEmptyState\n        disabled={readOnly || !onTableNameChange}\n        onChange={handleTableChange}\n        tables={tables}\n      />\n    );\n  }\n\n  if (!parseChartConfigResult.success) {\n    return (\n      <div className=\"text-muted-foreground flex h-full items-center justify-center text-sm\">\n        Invalid chart configuration: {parseChartConfigResult.error}\n      </div>\n    );\n  }\n\n  const chartConfig = parseChartConfigResult.config;\n\n  return (\n    <div className=\"flex h-105 min-h-80 flex-col\">\n      <ChartBlockHeader\n        caption={caption}\n        chartConfig={chartConfig}\n        selectedTable={selectedTable}\n        onCaptionChange={onCaptionChange}\n        onSettingsOpenChange={handleSettingsOpenChange}\n        onTableChange={handleTableChange}\n        readOnly={readOnly}\n        tables={tables}\n      />\n      <div className=\"min-h-0 flex-1\">\n        <MosaicChart\n          dataTable={selectedTable}\n          config={chartConfig}\n          runtimeKey={runtimeKey}\n          onConfigChange={handleConfigChange}\n        />\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/column-types-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"column-types-utils.d.ts","sourceRoot":"","sources":["../src/column-types-utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,oBAAoB,UAgBhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,UAQjC,CAAC;AAEF,eAAO,MAAM,yBAAyB,UAGrC,CAAC;AAEF,eAAO,MAAM,wBAAwB,UAAsC,CAAC;AAE5E,wBAAgB,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAE1D;AAED,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAE9D;AAED,wBAAgB,aAAa,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAEzD;AAED,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAE7D"}
+{"version":3,"file":"column-types-utils.d.ts","sourceRoot":"","sources":["../src/column-types-utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AAWH,eAAO,MAAM,oBAAoB,UAgBhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,UAQjC,CAAC;AAEF,eAAO,MAAM,yBAAyB,UAGrC,CAAC;AAEF,eAAO,MAAM,wBAAwB,UAAsC,CAAC;AAE5E,wBAAgB,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAE1D;AAED,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAE9D;AAED,wBAAgB,aAAa,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAEzD;AAED,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAE7D"}

package/dist/column-types-utils.js

@@ -1,6 +1,14 @@
 /**
  * Column type constants for chart field type filtering
  */
+/**
+ * Normalizes DuckDB column types by removing parameter lists.
+ * E.g., "DECIMAL(10,2)" → "DECIMAL", "VARCHAR(255)" → "VARCHAR"
+ */
+function normalizeColumnType(columnType) {
+    const parenIndex = columnType.indexOf('(');
+    return parenIndex === -1 ? columnType : columnType.substring(0, parenIndex);
+}
 export const NUMERIC_COLUMN_TYPES = [
     'BIGINT',
     'BIT',
@@ -33,15 +41,15 @@ export const QUANTITATIVE_COLUMN_TYPES = [
 ];
 export const CATEGORICAL_COLUMN_TYPES = ['VARCHAR', 'TEXT', 'BLOB', 'ENUM'];
 export function isTemporalType(columnType) {
-    return TEMPORAL_COLUMN_TYPES.includes(columnType);
+    return TEMPORAL_COLUMN_TYPES.includes(normalizeColumnType(columnType));
 }
 export function isQuantitativeType(columnType) {
-    return QUANTITATIVE_COLUMN_TYPES.includes(columnType);
+    return QUANTITATIVE_COLUMN_TYPES.includes(normalizeColumnType(columnType));
 }
 export function isNumericType(columnType) {
-    return NUMERIC_COLUMN_TYPES.includes(columnType);
+    return NUMERIC_COLUMN_TYPES.includes(normalizeColumnType(columnType));
 }
 export function isCategoricalType(columnType) {
-    return CATEGORICAL_COLUMN_TYPES.includes(columnType);
+    return CATEGORICAL_COLUMN_TYPES.includes(normalizeColumnType(columnType));
 }
 //# sourceMappingURL=column-types-utils.js.map

package/dist/column-types-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-types-utils.js","sourceRoot":"","sources":["../src/column-types-utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,QAAQ;IACR,KAAK;IACL,SAAS;IACT,QAAQ;IACR,OAAO;IACP,SAAS;IACT,SAAS;IACT,MAAM;IACN,UAAU;IACV,SAAS;IACT,SAAS;IACT,UAAU;IACV,UAAU;IACV,WAAW;IACX,UAAU;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,MAAM;IACN,MAAM;IACN,WAAW;IACX,cAAc;IACd,cAAc;IACd,aAAa;IACb,aAAa;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,GAAG,oBAAoB;IACvB,GAAG,qBAAqB;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAE5E,MAAM,UAAU,cAAc,CAAC,UAAkB;IAC/C,OAAO,qBAAqB,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;AACpD,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,UAAkB;IACnD,OAAO,yBAAyB,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;AACxD,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,UAAkB;IAC9C,OAAO,oBAAoB,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;AACnD,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,UAAkB;IAClD,OAAO,wBAAwB,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;AACvD,CAAC","sourcesContent":["/**\n * Column type constants for chart field type filtering\n */\n\nexport const NUMERIC_COLUMN_TYPES = [\n  'BIGINT',\n  'BIT',\n  'DECIMAL',\n  'DOUBLE',\n  'FLOAT',\n  'HUGEINT',\n  'INTEGER',\n  'REAL',\n  'SMALLINT',\n  'TINYINT',\n  'UBIGINT',\n  'UHUGEINT',\n  'UINTEGER',\n  'USMALLINT',\n  'UTINYINT',\n];\n\nexport const TEMPORAL_COLUMN_TYPES = [\n  'DATE',\n  'TIME',\n  'TIMESTAMP',\n  'TIMESTAMP_MS',\n  'TIMESTAMP_NS',\n  'TIMESTAMP_S',\n  'TIMESTAMPTZ',\n];\n\nexport const QUANTITATIVE_COLUMN_TYPES = [\n  ...NUMERIC_COLUMN_TYPES,\n  ...TEMPORAL_COLUMN_TYPES,\n];\n\nexport const CATEGORICAL_COLUMN_TYPES = ['VARCHAR', 'TEXT', 'BLOB', 'ENUM'];\n\nexport function isTemporalType(columnType: string): boolean {\n  return TEMPORAL_COLUMN_TYPES.includes(columnType);\n}\n\nexport function isQuantitativeType(columnType: string): boolean {\n  return QUANTITATIVE_COLUMN_TYPES.includes(columnType);\n}\n\nexport function isNumericType(columnType: string): boolean {\n  return NUMERIC_COLUMN_TYPES.includes(columnType);\n}\n\nexport function isCategoricalType(columnType: string): boolean {\n  return CATEGORICAL_COLUMN_TYPES.includes(columnType);\n}\n"]}
+{"version":3,"file":"column-types-utils.js","sourceRoot":"","sources":["../src/column-types-utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;GAGG;AACH,SAAS,mBAAmB,CAAC,UAAkB;IAC7C,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IAC3C,OAAO,UAAU,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;AAC9E,CAAC;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,QAAQ;IACR,KAAK;IACL,SAAS;IACT,QAAQ;IACR,OAAO;IACP,SAAS;IACT,SAAS;IACT,MAAM;IACN,UAAU;IACV,SAAS;IACT,SAAS;IACT,UAAU;IACV,UAAU;IACV,WAAW;IACX,UAAU;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,MAAM;IACN,MAAM;IACN,WAAW;IACX,cAAc;IACd,cAAc;IACd,aAAa;IACb,aAAa;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,GAAG,oBAAoB;IACvB,GAAG,qBAAqB;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAE5E,MAAM,UAAU,cAAc,CAAC,UAAkB;IAC/C,OAAO,qBAAqB,CAAC,QAAQ,CAAC,mBAAmB,CAAC,UAAU,CAAC,CAAC,CAAC;AACzE,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,UAAkB;IACnD,OAAO,yBAAyB,CAAC,QAAQ,CAAC,mBAAmB,CAAC,UAAU,CAAC,CAAC,CAAC;AAC7E,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,UAAkB;IAC9C,OAAO,oBAAoB,CAAC,QAAQ,CAAC,mBAAmB,CAAC,UAAU,CAAC,CAAC,CAAC;AACxE,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,UAAkB;IAClD,OAAO,wBAAwB,CAAC,QAAQ,CAAC,mBAAmB,CAAC,UAAU,CAAC,CAAC,CAAC;AAC5E,CAAC","sourcesContent":["/**\n * Column type constants for chart field type filtering\n */\n\n/**\n * Normalizes DuckDB column types by removing parameter lists.\n * E.g., \"DECIMAL(10,2)\" → \"DECIMAL\", \"VARCHAR(255)\" → \"VARCHAR\"\n */\nfunction normalizeColumnType(columnType: string): string {\n  const parenIndex = columnType.indexOf('(');\n  return parenIndex === -1 ? columnType : columnType.substring(0, parenIndex);\n}\n\nexport const NUMERIC_COLUMN_TYPES = [\n  'BIGINT',\n  'BIT',\n  'DECIMAL',\n  'DOUBLE',\n  'FLOAT',\n  'HUGEINT',\n  'INTEGER',\n  'REAL',\n  'SMALLINT',\n  'TINYINT',\n  'UBIGINT',\n  'UHUGEINT',\n  'UINTEGER',\n  'USMALLINT',\n  'UTINYINT',\n];\n\nexport const TEMPORAL_COLUMN_TYPES = [\n  'DATE',\n  'TIME',\n  'TIMESTAMP',\n  'TIMESTAMP_MS',\n  'TIMESTAMP_NS',\n  'TIMESTAMP_S',\n  'TIMESTAMPTZ',\n];\n\nexport const QUANTITATIVE_COLUMN_TYPES = [\n  ...NUMERIC_COLUMN_TYPES,\n  ...TEMPORAL_COLUMN_TYPES,\n];\n\nexport const CATEGORICAL_COLUMN_TYPES = ['VARCHAR', 'TEXT', 'BLOB', 'ENUM'];\n\nexport function isTemporalType(columnType: string): boolean {\n  return TEMPORAL_COLUMN_TYPES.includes(normalizeColumnType(columnType));\n}\n\nexport function isQuantitativeType(columnType: string): boolean {\n  return QUANTITATIVE_COLUMN_TYPES.includes(normalizeColumnType(columnType));\n}\n\nexport function isNumericType(columnType: string): boolean {\n  return NUMERIC_COLUMN_TYPES.includes(normalizeColumnType(columnType));\n}\n\nexport function isCategoricalType(columnType: string): boolean {\n  return CATEGORICAL_COLUMN_TYPES.includes(normalizeColumnType(columnType));\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;AAQ9B,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;AAED;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAyB5D,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,9 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '@sqlrooms/ui';
+import { Combobox } from '@sqlrooms/ui';
+const AGGREGATION_OPTIONS = [
+    { value: 'sum', label: 'SUM' },
+    { value: 'avg', label: 'AVG' },
+    { value: 'min', label: 'MIN' },
+    { value: 'max', label: 'MAX' },
+];
 /**
  * Dropdown for selecting an aggregation function (SUM, AVG, MIN, MAX).
  */
 export const AggregationSelector = ({ value, onChange, }) => {
-    return (_jsxs(Select, { value: value, onValueChange: onChange, children: [_jsx(SelectTrigger, { className: "h-8 w-[100px] text-xs shadow-none", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "sum", className: "text-xs", children: "SUM" }), _jsx(SelectItem, { value: "avg", className: "text-xs", children: "AVG" }), _jsx(SelectItem, { value: "min", className: "text-xs", children: "MIN" }), _jsx(SelectItem, { value: "max", className: "text-xs", children: "MAX" })] })] }));
+    const selectedOption = AGGREGATION_OPTIONS.find((opt) => opt.value === value);
+    return (_jsxs(Combobox, { value: value, onChange: onChange, children: [_jsx(Combobox.Trigger, { className: "w-[100px] shadow-none", children: _jsx("span", { children: selectedOption?.label ?? value.toUpperCase() }) }), _jsx(Combobox.Content, { children: AGGREGATION_OPTIONS.map((option) => (_jsx(Combobox.Item, { value: option.value, children: _jsx("span", { className: "text-xs", children: option.label }) }, option.value))) })] }));
 };
 //# sourceMappingURL=AggregationSelector.js.map

package/dist/components/AggregationSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"AggregationSelector.js","sourceRoot":"","sources":["../../src/components/AggregationSelector.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,MAAM,EACN,aAAa,EACb,UAAU,EACV,aAAa,EACb,WAAW,GACZ,MAAM,cAAc,CAAC;AAQtB;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAiC,CAAC,EAChE,KAAK,EACL,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,MAAC,MAAM,IAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,aAC3C,KAAC,aAAa,IAAC,SAAS,EAAC,mCAAmC,YAC1D,KAAC,WAAW,KAAG,GACD,EAChB,MAAC,aAAa,eACZ,KAAC,UAAU,IAAC,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,SAAS,oBAE9B,EACb,KAAC,UAAU,IAAC,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,SAAS,oBAE9B,EACb,KAAC,UAAU,IAAC,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,SAAS,oBAE9B,EACb,KAAC,UAAU,IAAC,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,SAAS,oBAE9B,IACC,IACT,CACV,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type {FC} from 'react';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@sqlrooms/ui';\nimport type {AggregateFunction} from '../schemas';\n\nexport interface AggregationSelectorProps {\n  value: AggregateFunction;\n  onChange: (value: AggregateFunction) => void;\n}\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  return (\n    <Select value={value} onValueChange={onChange}>\n      <SelectTrigger className=\"h-8 w-[100px] text-xs shadow-none\">\n        <SelectValue />\n      </SelectTrigger>\n      <SelectContent>\n        <SelectItem value=\"sum\" className=\"text-xs\">\n          SUM\n        </SelectItem>\n        <SelectItem value=\"avg\" className=\"text-xs\">\n          AVG\n        </SelectItem>\n        <SelectItem value=\"min\" className=\"text-xs\">\n          MIN\n        </SelectItem>\n        <SelectItem value=\"max\" className=\"text-xs\">\n          MAX\n        </SelectItem>\n      </SelectContent>\n    </Select>\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/BlockCaptionEditor.d.ts

@@ -0,0 +1,20 @@
+import { FC } from 'react';
+type BlockCaptionEditorProps = {
+    className?: string;
+    value?: string;
+    placeholder?: string;
+    isReadOnly?: boolean;
+    onChange: (value: string) => void;
+};
+/**
+ * Editable caption field for blocks (charts, queries, etc.).
+ *
+ * @param value - Current caption text
+ * @param className - Optional CSS class name
+ * @param placeholder - Placeholder text when empty
+ * @param isReadOnly - Whether the caption is editable
+ * @param onChange - Callback when caption changes
+ */
+export declare const BlockCaptionEditor: FC<BlockCaptionEditorProps>;
+export {};
+//# sourceMappingURL=BlockCaptionEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockCaptionEditor.d.ts","sourceRoot":"","sources":["../../src/components/BlockCaptionEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AAGzB,KAAK,uBAAuB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAgB1D,CAAC"}

package/dist/components/BlockCaptionEditor.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn, EditableText } from '@sqlrooms/ui';
+/**
+ * Editable caption field for blocks (charts, queries, etc.).
+ *
+ * @param value - Current caption text
+ * @param className - Optional CSS class name
+ * @param placeholder - Placeholder text when empty
+ * @param isReadOnly - Whether the caption is editable
+ * @param onChange - Callback when caption changes
+ */
+export const BlockCaptionEditor = ({ value, className, placeholder, isReadOnly, onChange, }) => {
+    return (_jsx(EditableText, { className: cn('h-8 min-w-0 flex-1 text-sm font-medium', className), value: value ?? '', placeholder: placeholder, isReadOnly: isReadOnly, onChange: onChange }));
+};
+//# sourceMappingURL=BlockCaptionEditor.js.map