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

package/dist/dashboard/hooks/usePanelResetFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePanelResetFilters.js","sourceRoot":"","sources":["../../../src/dashboard/hooks/usePanelResetFilters.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAC,2BAA2B,EAAC,MAAM,yBAAyB,CAAC;AAYpE;;;;GAIG;AACH,MAAM,UAAU,oBAAoB,CAAC,EACnC,YAAY,EACZ,aAAa,GACe;IAC5B,MAAM,YAAY,GAAG,2BAA2B,CAC9C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CACrC,CAAC;IAEF,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CAAC,YAAY,CAAC,aAAa,EAAE,aAAa,CAAC,EAChD,CAAC,YAAY,EAAE,aAAa,CAAC,CAC9B,CAAC;IAEF,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QACzD,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QAC9C,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,mBAAmB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE;QACpC,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC9B,OAAO,KAAK,CAAC;QACf,CAAC;QAED,OAAO,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;YACvC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAa,CAAC;YAEpC,IAAI,CAAC,MAAM,EAAE,CAAC;gBACZ,OAAO,KAAK,CAAC;YACf,CAAC;YAED,OAAO,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;QACH,uDAAuD;IACzD,CAAC,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAExD,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,MAAM,eAAe,GAAG,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE;YAC1D,MAAM,MAAM,GAAG,MAAM,CAAC,MAAa,CAAC;YACpC,IAAI,CAAC,MAAM,EAAE,CAAC;gBACZ,OAAO,KAAK,CAAC;YACf,CAAC;YAED,OAAO,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;QAEH,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC/B,SAAS,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;QACnC,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC;IAE9B,OAAO;QACL,gBAAgB;QAChB,KAAK;KACN,CAAC;AACJ,CAAC","sourcesContent":["import {useCallback, useEffect, useMemo, useState} from 'react';\nimport type {MosaicClient} from '@uwdata/mosaic-core';\nimport {useStoreWithMosaicDashboard} from '../MosaicDashboardSlice';\n\nexport type UsePanelResetFiltersOptions = {\n  panelClients: MosaicClient[];\n  selectionName: string;\n};\n\nexport type UsePanelResetFiltersReturn = {\n  hasActiveFilters: boolean;\n  reset: () => void;\n};\n\n/**\n * Hook for managing panel-specific filter reset logic.\n * Tracks active filters from the given panel clients and provides a reset function\n * that only clears filters originating from those clients.\n */\nexport function usePanelResetFilters({\n  panelClients,\n  selectionName,\n}: UsePanelResetFiltersOptions): UsePanelResetFiltersReturn {\n  const getSelection = useStoreWithMosaicDashboard(\n    (state) => state.mosaic.getSelection,\n  );\n\n  const selection = useMemo(\n    () => getSelection(selectionName, 'crossfilter'),\n    [getSelection, selectionName],\n  );\n\n  const [selectionVersion, setSelectionVersion] = useState(0);\n\n  useEffect(() => {\n    const listener = () => setSelectionVersion((n) => n + 1);\n    selection.addEventListener('value', listener);\n    return () => selection.removeEventListener('value', listener);\n  }, [selection]);\n\n  const hasActiveFilters = useMemo(() => {\n    if (panelClients.length === 0) {\n      return false;\n    }\n\n    return selection.clauses.some((clause) => {\n      const source = clause.source as any;\n\n      if (!source) {\n        return false;\n      }\n\n      return panelClients.includes(source);\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [panelClients, selection.clauses, selectionVersion]);\n\n  const reset = useCallback(() => {\n    const clausesToRemove = selection.clauses.filter((clause) => {\n      const source = clause.source as any;\n      if (!source) {\n        return false;\n      }\n\n      return panelClients.includes(source);\n    });\n\n    if (clausesToRemove.length > 0) {\n      selection.reset(clausesToRemove);\n    }\n  }, [panelClients, selection]);\n\n  return {\n    hasActiveFilters,\n    reset,\n  };\n}\n"]}

package/dist/dashboard/panel/MosaicDashboardPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboardPanel.d.ts","sourceRoot":"","sources":["../../../src/dashboard/panel/MosaicDashboardPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,kBAAkB,CAAC;AAUzD,eAAO,MAAM,oBAAoB,EAAE,kBA2DlC,CAAC"}
+{"version":3,"file":"MosaicDashboardPanel.d.ts","sourceRoot":"","sources":["../../../src/dashboard/panel/MosaicDashboardPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,kBAAkB,CAAC;AAUzD,eAAO,MAAM,oBAAoB,EAAE,kBA8DlC,CAAC"}

package/dist/dashboard/panel/MosaicDashboardPanel.js

@@ -18,6 +18,6 @@ export const MosaicDashboardPanel = ({ meta }) => {
         return (_jsx("div", { className: "text-muted-foreground flex h-full items-center justify-center text-sm", children: "Dashboard panel not found" }));
     }
     const RendererComponent = renderer?.component;
-    return (_jsxs("div", { className: "flex h-full flex-col", children: [_jsx(MosaicDashboardPanelHeader, { dashboardId: dashboardId, dashboard: dashboard, panel: panel, renderer: renderer, selectionName: selectionName }), _jsx("div", { className: "min-h-0 flex-1 overflow-hidden", children: _jsx(MosaicDashboardPanelErrorBoundary, { panelType: panel.type, children: RendererComponent ? (_jsx(RendererComponent, { dashboardId: dashboardId, dashboard: dashboard, panel: panel, selectionName: selectionName })) : (_jsxs("div", { className: "text-muted-foreground flex h-full items-center justify-center p-4 text-sm", children: ["Unsupported dashboard panel type: ", panel.type] })) }) })] }));
+    return (_jsxs("div", { className: "flex h-full flex-col", children: [_jsx(MosaicDashboardPanelHeader, { dashboardId: dashboardId, dashboard: dashboard, panel: panel, renderer: renderer, selectionName: selectionName }), _jsx("div", { className: "min-h-0 flex-1 overflow-hidden", children: _jsx(MosaicDashboardPanelErrorBoundary, { panelType: panel.type, children: RendererComponent ? (_jsx(RendererComponent, { dashboardId: dashboardId, dashboard: dashboard, panel: panel, selectionName: selectionName })) : (_jsxs("div", { className: "text-muted-foreground flex h-full items-center justify-center p-4 text-sm", children: ["Unsupported dashboard panel type: ", panel.type] })) }, dashboard?.selectedTable ?? '') })] }));
 };
 //# sourceMappingURL=MosaicDashboardPanel.js.map

package/dist/dashboard/panel/MosaicDashboardPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboardPanel.js","sourceRoot":"","sources":["../../../src/dashboard/panel/MosaicDashboardPanel.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAC,iCAAiC,EAAC,MAAM,qCAAqC,CAAC;AACtF,OAAO,EAAC,0BAA0B,EAAC,MAAM,8BAA8B,CAAC;AACxE,OAAO,EACL,+BAA+B,EAC/B,2BAA2B,GAC5B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAC,yBAAyB,EAAC,MAAM,2BAA2B,CAAC;AAEpE,MAAM,CAAC,MAAM,oBAAoB,GAAuB,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE;IACjE,MAAM,EAAC,WAAW,EAAC,GAAG,yBAAyB,EAAE,CAAC;IAClD,MAAM,OAAO,GAAG,IAAI,EAAE,OAA6B,CAAC;IAEpD,MAAM,SAAS,GAAG,2BAA2B,CAC3C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,cAAc,CAAC,WAAW,CAAC,CACpE,CAAC;IACF,MAAM,cAAc,GAAG,2BAA2B,CAChD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,cAAc,CAChD,CAAC;IACF,MAAM,aAAa,GAAG,+BAA+B,CAAC,WAAW,CAAC,CAAC;IAEnE,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CACH,OAAO;QACL,CAAC,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,KAAK,OAAO,CAAC;QACjE,CAAC,CAAC,SAAS,EACf,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,CAC7B,CAAC;IACF,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAEhE,IAAI,CAAC,SAAS,IAAI,CAAC,KAAK,EAAE,CAAC;QACzB,OAAO,CACL,cAAK,SAAS,EAAC,uEAAuE,0CAEhF,CACP,CAAC;IACJ,CAAC;IAED,MAAM,iBAAiB,GAAG,QAAQ,EAAE,SAAS,CAAC;IAE9C,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,0BAA0B,IACzB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,GAC5B,EAEF,cAAK,SAAS,EAAC,gCAAgC,YAC7C,KAAC,iCAAiC,IAAC,SAAS,EAAE,KAAK,CAAC,IAAI,YACrD,iBAAiB,CAAC,CAAC,CAAC,CACnB,KAAC,iBAAiB,IAChB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAC,2EAA2E,mDACrD,KAAK,CAAC,IAAI,IACzC,CACP,GACiC,GAChC,IACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type {RoomPanelComponent} from '@sqlrooms/layout';\nimport {useMemo} from 'react';\nimport {MosaicDashboardPanelErrorBoundary} from './MosaicDashboardPanelErrorBoundary';\nimport {MosaicDashboardPanelHeader} from './MosaicDashboardPanelHeader';\nimport {\n  getMosaicDashboardSelectionName,\n  useStoreWithMosaicDashboard,\n} from '../MosaicDashboardSlice';\nimport {useMosaicDashboardContext} from '../MosaicDashboardContext';\n\nexport const MosaicDashboardPanel: RoomPanelComponent = ({meta}) => {\n  const {dashboardId} = useMosaicDashboardContext();\n  const panelId = meta?.panelId as string | undefined;\n\n  const dashboard = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.config.dashboardsById[dashboardId],\n  );\n  const panelRenderers = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.panelRenderers,\n  );\n  const selectionName = getMosaicDashboardSelectionName(dashboardId);\n\n  const panel = useMemo(\n    () =>\n      panelId\n        ? dashboard?.panels.find((candidate) => candidate.id === panelId)\n        : undefined,\n    [dashboard?.panels, panelId],\n  );\n  const renderer = panel ? panelRenderers[panel.type] : undefined;\n\n  if (!dashboard || !panel) {\n    return (\n      <div className=\"text-muted-foreground flex h-full items-center justify-center text-sm\">\n        Dashboard panel not found\n      </div>\n    );\n  }\n\n  const RendererComponent = renderer?.component;\n\n  return (\n    <div className=\"flex h-full flex-col\">\n      <MosaicDashboardPanelHeader\n        dashboardId={dashboardId}\n        dashboard={dashboard}\n        panel={panel}\n        renderer={renderer}\n        selectionName={selectionName}\n      />\n\n      <div className=\"min-h-0 flex-1 overflow-hidden\">\n        <MosaicDashboardPanelErrorBoundary panelType={panel.type}>\n          {RendererComponent ? (\n            <RendererComponent\n              dashboardId={dashboardId}\n              dashboard={dashboard}\n              panel={panel}\n              selectionName={selectionName}\n            />\n          ) : (\n            <div className=\"text-muted-foreground flex h-full items-center justify-center p-4 text-sm\">\n              Unsupported dashboard panel type: {panel.type}\n            </div>\n          )}\n        </MosaicDashboardPanelErrorBoundary>\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"MosaicDashboardPanel.js","sourceRoot":"","sources":["../../../src/dashboard/panel/MosaicDashboardPanel.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAC,iCAAiC,EAAC,MAAM,qCAAqC,CAAC;AACtF,OAAO,EAAC,0BAA0B,EAAC,MAAM,8BAA8B,CAAC;AACxE,OAAO,EACL,+BAA+B,EAC/B,2BAA2B,GAC5B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAC,yBAAyB,EAAC,MAAM,2BAA2B,CAAC;AAEpE,MAAM,CAAC,MAAM,oBAAoB,GAAuB,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE;IACjE,MAAM,EAAC,WAAW,EAAC,GAAG,yBAAyB,EAAE,CAAC;IAClD,MAAM,OAAO,GAAG,IAAI,EAAE,OAA6B,CAAC;IAEpD,MAAM,SAAS,GAAG,2BAA2B,CAC3C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,cAAc,CAAC,WAAW,CAAC,CACpE,CAAC;IACF,MAAM,cAAc,GAAG,2BAA2B,CAChD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,cAAc,CAChD,CAAC;IACF,MAAM,aAAa,GAAG,+BAA+B,CAAC,WAAW,CAAC,CAAC;IAEnE,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CACH,OAAO;QACL,CAAC,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,KAAK,OAAO,CAAC;QACjE,CAAC,CAAC,SAAS,EACf,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,CAC7B,CAAC;IACF,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAEhE,IAAI,CAAC,SAAS,IAAI,CAAC,KAAK,EAAE,CAAC;QACzB,OAAO,CACL,cAAK,SAAS,EAAC,uEAAuE,0CAEhF,CACP,CAAC;IACJ,CAAC;IAED,MAAM,iBAAiB,GAAG,QAAQ,EAAE,SAAS,CAAC;IAE9C,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,0BAA0B,IACzB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,GAC5B,EAEF,cAAK,SAAS,EAAC,gCAAgC,YAC7C,KAAC,iCAAiC,IAEhC,SAAS,EAAE,KAAK,CAAC,IAAI,YAEpB,iBAAiB,CAAC,CAAC,CAAC,CACnB,KAAC,iBAAiB,IAChB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAC,2EAA2E,mDACrD,KAAK,CAAC,IAAI,IACzC,CACP,IAdI,SAAS,EAAE,aAAa,IAAI,EAAE,CAeD,GAChC,IACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type {RoomPanelComponent} from '@sqlrooms/layout';\nimport {useMemo} from 'react';\nimport {MosaicDashboardPanelErrorBoundary} from './MosaicDashboardPanelErrorBoundary';\nimport {MosaicDashboardPanelHeader} from './MosaicDashboardPanelHeader';\nimport {\n  getMosaicDashboardSelectionName,\n  useStoreWithMosaicDashboard,\n} from '../MosaicDashboardSlice';\nimport {useMosaicDashboardContext} from '../MosaicDashboardContext';\n\nexport const MosaicDashboardPanel: RoomPanelComponent = ({meta}) => {\n  const {dashboardId} = useMosaicDashboardContext();\n  const panelId = meta?.panelId as string | undefined;\n\n  const dashboard = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.config.dashboardsById[dashboardId],\n  );\n  const panelRenderers = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.panelRenderers,\n  );\n  const selectionName = getMosaicDashboardSelectionName(dashboardId);\n\n  const panel = useMemo(\n    () =>\n      panelId\n        ? dashboard?.panels.find((candidate) => candidate.id === panelId)\n        : undefined,\n    [dashboard?.panels, panelId],\n  );\n  const renderer = panel ? panelRenderers[panel.type] : undefined;\n\n  if (!dashboard || !panel) {\n    return (\n      <div className=\"text-muted-foreground flex h-full items-center justify-center text-sm\">\n        Dashboard panel not found\n      </div>\n    );\n  }\n\n  const RendererComponent = renderer?.component;\n\n  return (\n    <div className=\"flex h-full flex-col\">\n      <MosaicDashboardPanelHeader\n        dashboardId={dashboardId}\n        dashboard={dashboard}\n        panel={panel}\n        renderer={renderer}\n        selectionName={selectionName}\n      />\n\n      <div className=\"min-h-0 flex-1 overflow-hidden\">\n        <MosaicDashboardPanelErrorBoundary\n          key={dashboard?.selectedTable ?? ''}\n          panelType={panel.type}\n        >\n          {RendererComponent ? (\n            <RendererComponent\n              dashboardId={dashboardId}\n              dashboard={dashboard}\n              panel={panel}\n              selectionName={selectionName}\n            />\n          ) : (\n            <div className=\"text-muted-foreground flex h-full items-center justify-center p-4 text-sm\">\n              Unsupported dashboard panel type: {panel.type}\n            </div>\n          )}\n        </MosaicDashboardPanelErrorBoundary>\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/dashboard/panel/MosaicDashboardPanelLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboardPanelLayout.d.ts","sourceRoot":"","sources":["../../../src/dashboard/panel/MosaicDashboardPanelLayout.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAC,EAAE,EAA8B,MAAM,OAAO,CAAC;AAE7D,KAAK,+BAA+B,GAAG;IACrC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAIF,eAAO,MAAM,0BAA0B,EAAE,EAAE,CACzC,+BAA+B,CA0EhC,CAAC"}
+{"version":3,"file":"MosaicDashboardPanelLayout.d.ts","sourceRoot":"","sources":["../../../src/dashboard/panel/MosaicDashboardPanelLayout.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,EAAC,EAAE,EAA8B,MAAM,OAAO,CAAC;AAE7D,KAAK,+BAA+B,GAAG;IACrC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAIF,eAAO,MAAM,0BAA0B,EAAE,EAAE,CACzC,+BAA+B,CA0EhC,CAAC"}

package/dist/dashboard/panel/MosaicDashboardPanelLayout.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ResizableHandle, ResizablePanel, ResizablePanelGroup, } from '@sqlrooms/ui';
+import { ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, } from '@sqlrooms/ui';
 import { useEffect, useRef, useState } from 'react';
 const MIN_WIDTH_FOR_SPLIT_VIEW = 200; // pixels
 export const MosaicDashboardPanelLayout = ({ isOpen, onIsOpenChange, settings, content }) => {
@@ -39,8 +39,8 @@ export const MosaicDashboardPanelLayout = ({ isOpen, onIsOpenChange, settings, c
     };
     // If container is too small and settings are open, show only settings
     if (containerWidth < MIN_WIDTH_FOR_SPLIT_VIEW && isOpen) {
-        return (_jsx("div", { ref: containerRef, className: "h-full overflow-auto", children: settings }));
+        return (_jsx("div", { ref: containerRef, className: "h-full overflow-hidden", children: _jsx(ScrollArea, { className: "h-full", children: settings }) }));
     }
-    return (_jsx("div", { ref: containerRef, className: "h-full", children: _jsxs(ResizablePanelGroup, { orientation: "horizontal", className: "h-full", children: [_jsx(ResizablePanel, { ref: panelRef, defaultSize: "35%", minSize: "30%", maxSize: "70%", collapsible: true, collapsedSize: 0, className: "overflow-auto", onResize: onResize, children: settings }), _jsx(ResizableHandle, { className: "w-px" }), _jsx(ResizablePanel, { children: content })] }) }));
+    return (_jsx("div", { ref: containerRef, className: "h-full", children: _jsxs(ResizablePanelGroup, { orientation: "horizontal", className: "h-full", children: [_jsx(ResizablePanel, { ref: panelRef, defaultSize: "35%", minSize: "30%", maxSize: "70%", collapsible: true, collapsedSize: 0, className: "overflow-hidden", onResize: onResize, children: _jsx(ScrollArea, { className: "h-full", children: settings }) }), _jsx(ResizableHandle, { className: "w-px" }), _jsx(ResizablePanel, { children: content })] }) }));
 };
 //# sourceMappingURL=MosaicDashboardPanelLayout.js.map

package/dist/dashboard/panel/MosaicDashboardPanelLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboardPanelLayout.js","sourceRoot":"","sources":["../../../src/dashboard/panel/MosaicDashboardPanelLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,eAAe,EACf,cAAc,EACd,mBAAmB,GAEpB,MAAM,cAAc,CAAC;AACtB,OAAc,EAAK,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAS7D,MAAM,wBAAwB,GAAG,GAAG,CAAC,CAAC,SAAS;AAE/C,MAAM,CAAC,MAAM,0BAA0B,GAEnC,CAAC,EAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,EAAC,EAAE,EAAE;IAClD,MAAM,QAAQ,GAAG,MAAM,CAAuB,IAAI,CAAC,CAAC;IACpD,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAClD,MAAM,CAAC,UAAU,CAClB,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC;QAC7B,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC;QAC/B,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;QACvC,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE;YACpD,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;gBAC5B,iBAAiB,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAC7C,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,cAAc,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAElC,OAAO,GAAG,EAAE;YACV,cAAc,CAAC,UAAU,EAAE,CAAC;QAC9B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,MAAM,WAAW,GAAG,QAAQ,CAAC,OAAO,EAAE,WAAW,EAAE,CAAC;QAEpD,IAAI,WAAW,IAAI,MAAM,EAAE,CAAC;YAC1B,cAAc,EAAE,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;QAED,IAAI,CAAC,WAAW,IAAI,CAAC,MAAM,EAAE,CAAC;YAC5B,cAAc,EAAE,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC;IACH,CAAC,CAAC;IAEF,sEAAsE;IACtE,IAAI,cAAc,GAAG,wBAAwB,IAAI,MAAM,EAAE,CAAC;QACxD,OAAO,CACL,cAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAC,sBAAsB,YACrD,QAAQ,GACL,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,cAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAC,QAAQ,YACxC,MAAC,mBAAmB,IAAC,WAAW,EAAC,YAAY,EAAC,SAAS,EAAC,QAAQ,aAC9D,KAAC,cAAc,IACb,GAAG,EAAE,QAAQ,EACb,WAAW,EAAC,KAAK,EACjB,OAAO,EAAC,KAAK,EACb,OAAO,EAAC,KAAK,EACb,WAAW,EAAE,IAAI,EACjB,aAAa,EAAE,CAAC,EAChB,SAAS,EAAC,eAAe,EACzB,QAAQ,EAAE,QAAQ,YAEjB,QAAQ,GACM,EACjB,KAAC,eAAe,IAAC,SAAS,EAAC,MAAM,GAAG,EACpC,KAAC,cAAc,cAAE,OAAO,GAAkB,IACtB,GAClB,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\n  ResizableHandle,\n  ResizablePanel,\n  ResizablePanelGroup,\n  type ResizablePanelHandle,\n} from '@sqlrooms/ui';\nimport React, {FC, useEffect, useRef, useState} from 'react';\n\ntype MosaicDashboardPanelLayoutProps = {\n  isOpen?: boolean;\n  onIsOpenChange?: (isOpen: boolean) => void;\n  settings?: React.ReactNode;\n  content?: React.ReactNode;\n};\n\nconst MIN_WIDTH_FOR_SPLIT_VIEW = 200; // pixels\n\nexport const MosaicDashboardPanelLayout: FC<\n  MosaicDashboardPanelLayoutProps\n> = ({isOpen, onIsOpenChange, settings, content}) => {\n  const panelRef = useRef<ResizablePanelHandle>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [containerWidth, setContainerWidth] = useState<number>(\n    window.innerWidth,\n  );\n\n  useEffect(() => {\n    if (isOpen) {\n      panelRef.current?.expand();\n    } else {\n      panelRef.current?.collapse();\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        setContainerWidth(entry.contentRect.width);\n      }\n    });\n\n    resizeObserver.observe(container);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, []);\n\n  const onResize = () => {\n    const isCollapsed = panelRef.current?.isCollapsed();\n\n    if (isCollapsed && isOpen) {\n      onIsOpenChange?.(false);\n    }\n\n    if (!isCollapsed && !isOpen) {\n      onIsOpenChange?.(true);\n    }\n  };\n\n  // If container is too small and settings are open, show only settings\n  if (containerWidth < MIN_WIDTH_FOR_SPLIT_VIEW && isOpen) {\n    return (\n      <div ref={containerRef} className=\"h-full overflow-auto\">\n        {settings}\n      </div>\n    );\n  }\n\n  return (\n    <div ref={containerRef} className=\"h-full\">\n      <ResizablePanelGroup orientation=\"horizontal\" className=\"h-full\">\n        <ResizablePanel\n          ref={panelRef}\n          defaultSize=\"35%\"\n          minSize=\"30%\"\n          maxSize=\"70%\"\n          collapsible={true}\n          collapsedSize={0}\n          className=\"overflow-auto\"\n          onResize={onResize}\n        >\n          {settings}\n        </ResizablePanel>\n        <ResizableHandle className=\"w-px\" />\n        <ResizablePanel>{content}</ResizablePanel>\n      </ResizablePanelGroup>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"MosaicDashboardPanelLayout.js","sourceRoot":"","sources":["../../../src/dashboard/panel/MosaicDashboardPanelLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,UAAU,GAEX,MAAM,cAAc,CAAC;AACtB,OAAc,EAAK,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAS7D,MAAM,wBAAwB,GAAG,GAAG,CAAC,CAAC,SAAS;AAE/C,MAAM,CAAC,MAAM,0BAA0B,GAEnC,CAAC,EAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,EAAC,EAAE,EAAE;IAClD,MAAM,QAAQ,GAAG,MAAM,CAAuB,IAAI,CAAC,CAAC;IACpD,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAClD,MAAM,CAAC,UAAU,CAClB,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC;QAC7B,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC;QAC/B,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;QACvC,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE;YACpD,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;gBAC5B,iBAAiB,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAC7C,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,cAAc,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAElC,OAAO,GAAG,EAAE;YACV,cAAc,CAAC,UAAU,EAAE,CAAC;QAC9B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,MAAM,WAAW,GAAG,QAAQ,CAAC,OAAO,EAAE,WAAW,EAAE,CAAC;QAEpD,IAAI,WAAW,IAAI,MAAM,EAAE,CAAC;YAC1B,cAAc,EAAE,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;QAED,IAAI,CAAC,WAAW,IAAI,CAAC,MAAM,EAAE,CAAC;YAC5B,cAAc,EAAE,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC;IACH,CAAC,CAAC;IAEF,sEAAsE;IACtE,IAAI,cAAc,GAAG,wBAAwB,IAAI,MAAM,EAAE,CAAC;QACxD,OAAO,CACL,cAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAC,wBAAwB,YACxD,KAAC,UAAU,IAAC,SAAS,EAAC,QAAQ,YAAE,QAAQ,GAAc,GAClD,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,cAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAC,QAAQ,YACxC,MAAC,mBAAmB,IAAC,WAAW,EAAC,YAAY,EAAC,SAAS,EAAC,QAAQ,aAC9D,KAAC,cAAc,IACb,GAAG,EAAE,QAAQ,EACb,WAAW,EAAC,KAAK,EACjB,OAAO,EAAC,KAAK,EACb,OAAO,EAAC,KAAK,EACb,WAAW,EAAE,IAAI,EACjB,aAAa,EAAE,CAAC,EAChB,SAAS,EAAC,iBAAiB,EAC3B,QAAQ,EAAE,QAAQ,YAElB,KAAC,UAAU,IAAC,SAAS,EAAC,QAAQ,YAAE,QAAQ,GAAc,GACvC,EACjB,KAAC,eAAe,IAAC,SAAS,EAAC,MAAM,GAAG,EACpC,KAAC,cAAc,cAAE,OAAO,GAAkB,IACtB,GAClB,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\n  ResizableHandle,\n  ResizablePanel,\n  ResizablePanelGroup,\n  ScrollArea,\n  type ResizablePanelHandle,\n} from '@sqlrooms/ui';\nimport React, {FC, useEffect, useRef, useState} from 'react';\n\ntype MosaicDashboardPanelLayoutProps = {\n  isOpen?: boolean;\n  onIsOpenChange?: (isOpen: boolean) => void;\n  settings?: React.ReactNode;\n  content?: React.ReactNode;\n};\n\nconst MIN_WIDTH_FOR_SPLIT_VIEW = 200; // pixels\n\nexport const MosaicDashboardPanelLayout: FC<\n  MosaicDashboardPanelLayoutProps\n> = ({isOpen, onIsOpenChange, settings, content}) => {\n  const panelRef = useRef<ResizablePanelHandle>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [containerWidth, setContainerWidth] = useState<number>(\n    window.innerWidth,\n  );\n\n  useEffect(() => {\n    if (isOpen) {\n      panelRef.current?.expand();\n    } else {\n      panelRef.current?.collapse();\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        setContainerWidth(entry.contentRect.width);\n      }\n    });\n\n    resizeObserver.observe(container);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, []);\n\n  const onResize = () => {\n    const isCollapsed = panelRef.current?.isCollapsed();\n\n    if (isCollapsed && isOpen) {\n      onIsOpenChange?.(false);\n    }\n\n    if (!isCollapsed && !isOpen) {\n      onIsOpenChange?.(true);\n    }\n  };\n\n  // If container is too small and settings are open, show only settings\n  if (containerWidth < MIN_WIDTH_FOR_SPLIT_VIEW && isOpen) {\n    return (\n      <div ref={containerRef} className=\"h-full overflow-hidden\">\n        <ScrollArea className=\"h-full\">{settings}</ScrollArea>\n      </div>\n    );\n  }\n\n  return (\n    <div ref={containerRef} className=\"h-full\">\n      <ResizablePanelGroup orientation=\"horizontal\" className=\"h-full\">\n        <ResizablePanel\n          ref={panelRef}\n          defaultSize=\"35%\"\n          minSize=\"30%\"\n          maxSize=\"70%\"\n          collapsible={true}\n          collapsedSize={0}\n          className=\"overflow-hidden\"\n          onResize={onResize}\n        >\n          <ScrollArea className=\"h-full\">{settings}</ScrollArea>\n        </ResizablePanel>\n        <ResizableHandle className=\"w-px\" />\n        <ResizablePanel>{content}</ResizablePanel>\n      </ResizablePanelGroup>\n    </div>\n  );\n};\n"]}

package/dist/dashboard/panel/MosaicDashboardPanels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboardPanels.d.ts","sourceRoot":"","sources":["../../../src/dashboard/panel/MosaicDashboardPanels.tsx"],"names":[],"mappings":"AAsBA,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAqGzC,CAAC"}
+{"version":3,"file":"MosaicDashboardPanels.d.ts","sourceRoot":"","sources":["../../../src/dashboard/panel/MosaicDashboardPanels.tsx"],"names":[],"mappings":"AA0BA,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAyGzC,CAAC"}

package/dist/dashboard/panel/MosaicDashboardPanels.js

@@ -7,6 +7,7 @@ import { MosaicDashboardPanel } from './MosaicDashboardPanel';
 import { getMosaicDashboardDockId, MOSAIC_DASHBOARD_PANEL, useStoreWithMosaicDashboard, } from '../MosaicDashboardSlice';
 import { DataTableSelectorEmptyState } from '../../components/DataTableSelector';
 import { useTablesWithColumns } from '../../hooks/useTablesWithColumns';
+import { getMosaicTableIdentity, resolveMosaicTableReference, } from '../../mosaicTableReference';
 const EMPTY_DASHBOARD_PANELS = [];
 export const MosaicDashboardPanels = () => {
     const { dashboardId } = useMosaicDashboardContext();
@@ -20,8 +21,9 @@ export const MosaicDashboardPanels = () => {
     const tables = useTablesWithColumns();
     const selectedTable = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.config.dashboardsById[dashboardId]?.selectedTable);
     const setSelectedTable = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.setSelectedTable);
+    const selectedDataTable = useMemo(() => resolveMosaicTableReference(tables, selectedTable).table, [selectedTable, tables]);
     const handleTableChange = useCallback((table) => {
-        setSelectedTable(dashboardId, table.table.toString());
+        setSelectedTable(dashboardId, getMosaicTableIdentity(table.table));
     }, [dashboardId, setSelectedTable]);
     useEffect(() => {
         // This renderer is shared by every Mosaic dashboard panel in the room.
@@ -52,7 +54,7 @@ export const MosaicDashboardPanels = () => {
             : nextLayout;
         setLayout(dashboardId, innerLayout);
     }, [dashboardId, setLayout]);
-    if (!selectedTable) {
+    if (!selectedDataTable) {
         return (_jsx(DataTableSelectorEmptyState, { onChange: handleTableChange, tables: tables }));
     }
     if (!panels.length || !rootLayout) {

package/dist/dashboard/panel/MosaicDashboardPanels.js.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboardPanels.js","sourceRoot":"","sources":["../../../src/dashboard/panel/MosaicDashboardPanels.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  isLayoutDockNode,\n  isLayoutGridNode,\n  LayoutNode,\n  LayoutRenderer,\n} from '@sqlrooms/layout';\nimport {useCallback, useEffect, useMemo} from 'react';\nimport {useMosaicDashboardContext} from '../MosaicDashboardContext';\nimport {MosaicDashboardPanelDragOverlay} from './MosaicDashboardPanelDragOverlay';\nimport {MosaicDashboardPanel} from './MosaicDashboardPanel';\nimport type {MosaicDashboardPanelConfig} from '../dashboard-types';\nimport {\n  getMosaicDashboardDockId,\n  MOSAIC_DASHBOARD_PANEL,\n  useStoreWithMosaicDashboard,\n} from '../MosaicDashboardSlice';\nimport {DataTableSelectorEmptyState} from '../../components/DataTableSelector';\nimport {useTablesWithColumns} from '../../hooks/useTablesWithColumns';\nimport type {DataTable} from '@sqlrooms/db';\n\nconst EMPTY_DASHBOARD_PANELS: MosaicDashboardPanelConfig[] = [];\n\nexport const MosaicDashboardPanels: React.FC = () => {\n  const {dashboardId} = useMosaicDashboardContext();\n  const registerPanel = useStoreWithMosaicDashboard(\n    (state) => state.layout.registerPanel,\n  );\n  const setLayout = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.setLayout,\n  );\n  const panels = useStoreWithMosaicDashboard(\n    (state) =>\n      state.mosaicDashboard.config.dashboardsById[dashboardId]?.panels ??\n      EMPTY_DASHBOARD_PANELS,\n  );\n  const dashboardLayout = useStoreWithMosaicDashboard(\n    (state) =>\n      state.mosaicDashboard.config.dashboardsById[dashboardId]?.layout ?? null,\n  );\n  const dashboardLayoutType = useStoreWithMosaicDashboard(\n    (state) =>\n      state.mosaicDashboard.config.dashboardsById[dashboardId]?.layoutType ??\n      'dock',\n  );\n\n  const tables = useTablesWithColumns();\n  const selectedTable = useStoreWithMosaicDashboard(\n    (state) =>\n      state.mosaicDashboard.config.dashboardsById[dashboardId]?.selectedTable,\n  );\n  const setSelectedTable = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.setSelectedTable,\n  );\n\n  const handleTableChange = useCallback(\n    (table: DataTable) => {\n      setSelectedTable(dashboardId, table.table.toString());\n    },\n    [dashboardId, setSelectedTable],\n  );\n\n  useEffect(() => {\n    // This renderer is shared by every Mosaic dashboard panel in the room.\n    // Dashboard blocks can be transiently unmounted by the surrounding editor,\n    // so unregistering on instance cleanup can leave still-mounted dashboards\n    // with layout panel shells but no chart renderer.\n    registerPanel(MOSAIC_DASHBOARD_PANEL, () => ({\n      title: 'Dashboard panel',\n      component: MosaicDashboardPanel,\n      dragOverlay: MosaicDashboardPanelDragOverlay,\n    }));\n  }, [registerPanel]);\n\n  const rootLayout: LayoutNode | null = useMemo(() => {\n    if (!dashboardLayout) return null;\n    if (dashboardLayoutType === 'grid') {\n      return isLayoutGridNode(dashboardLayout) ? dashboardLayout : null;\n    }\n    return {\n      type: 'dock',\n      id: getMosaicDashboardDockId(dashboardId),\n      root: dashboardLayout,\n    };\n  }, [dashboardId, dashboardLayout, dashboardLayoutType]);\n\n  const handleLayoutChange = useCallback(\n    (nextLayout: LayoutNode | null) => {\n      const innerLayout =\n        nextLayout && isLayoutDockNode(nextLayout)\n          ? nextLayout.root\n          : nextLayout;\n      setLayout(dashboardId, innerLayout);\n    },\n    [dashboardId, setLayout],\n  );\n\n  if (!selectedTable) {\n    return (\n      <DataTableSelectorEmptyState\n        onChange={handleTableChange}\n        tables={tables}\n      />\n    );\n  }\n\n  if (!panels.length || !rootLayout) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-4\">\n        <div className=\"text-muted-foreground text-sm\">\n          Dashboard is empty. Add a panel to get started.\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"h-full min-h-[360px]\">\n      <LayoutRenderer\n        rootLayout={rootLayout}\n        onLayoutChange={handleLayoutChange}\n      />\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"MosaicDashboardPanels.js","sourceRoot":"","sources":["../../../src/dashboard/panel/MosaicDashboardPanels.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  isLayoutDockNode,\n  isLayoutGridNode,\n  LayoutNode,\n  LayoutRenderer,\n} from '@sqlrooms/layout';\nimport {useCallback, useEffect, useMemo} from 'react';\nimport {useMosaicDashboardContext} from '../MosaicDashboardContext';\nimport {MosaicDashboardPanelDragOverlay} from './MosaicDashboardPanelDragOverlay';\nimport {MosaicDashboardPanel} from './MosaicDashboardPanel';\nimport type {MosaicDashboardPanelConfig} from '../dashboard-types';\nimport {\n  getMosaicDashboardDockId,\n  MOSAIC_DASHBOARD_PANEL,\n  useStoreWithMosaicDashboard,\n} from '../MosaicDashboardSlice';\nimport {DataTableSelectorEmptyState} from '../../components/DataTableSelector';\nimport {useTablesWithColumns} from '../../hooks/useTablesWithColumns';\nimport type {DataTable} from '@sqlrooms/db';\nimport {\n  getMosaicTableIdentity,\n  resolveMosaicTableReference,\n} from '../../mosaicTableReference';\n\nconst EMPTY_DASHBOARD_PANELS: MosaicDashboardPanelConfig[] = [];\n\nexport const MosaicDashboardPanels: React.FC = () => {\n  const {dashboardId} = useMosaicDashboardContext();\n  const registerPanel = useStoreWithMosaicDashboard(\n    (state) => state.layout.registerPanel,\n  );\n  const setLayout = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.setLayout,\n  );\n  const panels = useStoreWithMosaicDashboard(\n    (state) =>\n      state.mosaicDashboard.config.dashboardsById[dashboardId]?.panels ??\n      EMPTY_DASHBOARD_PANELS,\n  );\n  const dashboardLayout = useStoreWithMosaicDashboard(\n    (state) =>\n      state.mosaicDashboard.config.dashboardsById[dashboardId]?.layout ?? null,\n  );\n  const dashboardLayoutType = useStoreWithMosaicDashboard(\n    (state) =>\n      state.mosaicDashboard.config.dashboardsById[dashboardId]?.layoutType ??\n      'dock',\n  );\n\n  const tables = useTablesWithColumns();\n  const selectedTable = useStoreWithMosaicDashboard(\n    (state) =>\n      state.mosaicDashboard.config.dashboardsById[dashboardId]?.selectedTable,\n  );\n  const setSelectedTable = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.setSelectedTable,\n  );\n  const selectedDataTable = useMemo(\n    () => resolveMosaicTableReference(tables, selectedTable).table,\n    [selectedTable, tables],\n  );\n\n  const handleTableChange = useCallback(\n    (table: DataTable) => {\n      setSelectedTable(dashboardId, getMosaicTableIdentity(table.table));\n    },\n    [dashboardId, setSelectedTable],\n  );\n\n  useEffect(() => {\n    // This renderer is shared by every Mosaic dashboard panel in the room.\n    // Dashboard blocks can be transiently unmounted by the surrounding editor,\n    // so unregistering on instance cleanup can leave still-mounted dashboards\n    // with layout panel shells but no chart renderer.\n    registerPanel(MOSAIC_DASHBOARD_PANEL, () => ({\n      title: 'Dashboard panel',\n      component: MosaicDashboardPanel,\n      dragOverlay: MosaicDashboardPanelDragOverlay,\n    }));\n  }, [registerPanel]);\n\n  const rootLayout: LayoutNode | null = useMemo(() => {\n    if (!dashboardLayout) return null;\n    if (dashboardLayoutType === 'grid') {\n      return isLayoutGridNode(dashboardLayout) ? dashboardLayout : null;\n    }\n    return {\n      type: 'dock',\n      id: getMosaicDashboardDockId(dashboardId),\n      root: dashboardLayout,\n    };\n  }, [dashboardId, dashboardLayout, dashboardLayoutType]);\n\n  const handleLayoutChange = useCallback(\n    (nextLayout: LayoutNode | null) => {\n      const innerLayout =\n        nextLayout && isLayoutDockNode(nextLayout)\n          ? nextLayout.root\n          : nextLayout;\n      setLayout(dashboardId, innerLayout);\n    },\n    [dashboardId, setLayout],\n  );\n\n  if (!selectedDataTable) {\n    return (\n      <DataTableSelectorEmptyState\n        onChange={handleTableChange}\n        tables={tables}\n      />\n    );\n  }\n\n  if (!panels.length || !rootLayout) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-4\">\n        <div className=\"text-muted-foreground text-sm\">\n          Dashboard is empty. Add a panel to get started.\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"h-full min-h-[360px]\">\n      <LayoutRenderer\n        rootLayout={rootLayout}\n        onLayoutChange={handleLayoutChange}\n      />\n    </div>\n  );\n};\n"]}

package/dist/dashboard/toolbar/MosaicDashboardAddPanelDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboardAddPanelDropdown.d.ts","sourceRoot":"","sources":["../../../src/dashboard/toolbar/MosaicDashboardAddPanelDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAAC,MAAM,OAAO,CAAC;AAW9B,UAAU,oCAAoC;IAC5C,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,+BAA+B,EAAE,EAAE,CAC9C,oCAAoC,CA+BrC,CAAC"}
+{"version":3,"file":"MosaicDashboardAddPanelDropdown.d.ts","sourceRoot":"","sources":["../../../src/dashboard/toolbar/MosaicDashboardAddPanelDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAAC,MAAM,OAAO,CAAC;AAc9B,UAAU,oCAAoC;IAC5C,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,+BAA+B,EAAE,EAAE,CAC9C,oCAAoC,CAwCrC,CAAC"}

package/dist/dashboard/toolbar/MosaicDashboardAddPanelDropdown.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from '@sqlrooms/ui';
+import { Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, Tooltip, TooltipContent, TooltipTrigger, } from '@sqlrooms/ui';
 import { Plus } from 'lucide-react';
 import { useAddPanelActions } from '../useAddPanelActions';
 export const MosaicDashboardAddPanelDropdown = ({ dashboardId }) => {
     const { handleAddPanel, canAddPanel, actions, canAddAnyPanel } = useAddPanelActions(dashboardId);
-    return (_jsxs(DropdownMenu, { modal: false, children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { size: "sm", variant: "outline", disabled: !canAddAnyPanel, children: [_jsx(Plus, { className: "mr-1 h-4 w-4" }), "Add"] }) }), _jsx(DropdownMenuContent, { align: "end", children: actions.map((action) => {
+    return (_jsxs(DropdownMenu, { modal: false, children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", className: "h-8 w-8", disabled: !canAddAnyPanel, "aria-label": "Add panel", children: _jsx(Plus, { className: "h-3.5 w-3.5" }) }) }) }), _jsx(TooltipContent, { children: "Add panel" })] }), _jsx(DropdownMenuContent, { align: "end", children: actions.map((action) => {
                     const Icon = action.icon;
-                    return (_jsxs(DropdownMenuItem, { onClick: () => handleAddPanel(action), disabled: !canAddPanel(action), children: [Icon ? _jsx(Icon, { className: "mr-2 h-4 w-4" }) : null, action.label] }, action.type));
+                    return (_jsxs(DropdownMenuItem, { onClick: () => handleAddPanel(action), disabled: !canAddPanel(action), children: [Icon ? _jsx(Icon, { className: "mr-2 h-3.5 w-3.5" }) : null, action.label] }, action.type));
                 }) })] }));
 };
 //# sourceMappingURL=MosaicDashboardAddPanelDropdown.js.map

package/dist/dashboard/toolbar/MosaicDashboardAddPanelDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboardAddPanelDropdown.js","sourceRoot":"","sources":["../../../src/dashboard/toolbar/MosaicDashboardAddPanelDropdown.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,MAAM,EACN,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAClC,OAAO,EAAC,kBAAkB,EAAC,MAAM,uBAAuB,CAAC;AAMzD,MAAM,CAAC,MAAM,+BAA+B,GAExC,CAAC,EAAC,WAAW,EAAC,EAAE,EAAE;IACpB,MAAM,EAAC,cAAc,EAAE,WAAW,EAAE,OAAO,EAAE,cAAc,EAAC,GAC1D,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAElC,OAAO,CACL,MAAC,YAAY,IAAC,KAAK,EAAE,KAAK,aACxB,KAAC,mBAAmB,IAAC,OAAO,kBAC1B,MAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAE,CAAC,cAAc,aAC3D,KAAC,IAAI,IAAC,SAAS,EAAC,cAAc,GAAG,WAE1B,GACW,EACtB,KAAC,mBAAmB,IAAC,KAAK,EAAC,KAAK,YAC7B,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;oBACtB,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;oBAEzB,OAAO,CACL,MAAC,gBAAgB,IAEf,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,EACrC,QAAQ,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,aAE7B,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,SAAS,EAAC,cAAc,GAAG,CAAC,CAAC,CAAC,IAAI,EAC/C,MAAM,CAAC,KAAK,KALR,MAAM,CAAC,IAAI,CAMC,CACpB,CAAC;gBACJ,CAAC,CAAC,GACkB,IACT,CAChB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {type FC} from 'react';\nimport {\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@sqlrooms/ui';\nimport {Plus} from 'lucide-react';\nimport {useAddPanelActions} from '../useAddPanelActions';\n\ninterface MosaicDashboardAddPanelDropdownProps {\n  dashboardId: string;\n}\n\nexport const MosaicDashboardAddPanelDropdown: FC<\n  MosaicDashboardAddPanelDropdownProps\n> = ({dashboardId}) => {\n  const {handleAddPanel, canAddPanel, actions, canAddAnyPanel} =\n    useAddPanelActions(dashboardId);\n\n  return (\n    <DropdownMenu modal={false}>\n      <DropdownMenuTrigger asChild>\n        <Button size=\"sm\" variant=\"outline\" disabled={!canAddAnyPanel}>\n          <Plus className=\"mr-1 h-4 w-4\" />\n          Add\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\">\n        {actions.map((action) => {\n          const Icon = action.icon;\n\n          return (\n            <DropdownMenuItem\n              key={action.type}\n              onClick={() => handleAddPanel(action)}\n              disabled={!canAddPanel(action)}\n            >\n              {Icon ? <Icon className=\"mr-2 h-4 w-4\" /> : null}\n              {action.label}\n            </DropdownMenuItem>\n          );\n        })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"]}
+{"version":3,"file":"MosaicDashboardAddPanelDropdown.js","sourceRoot":"","sources":["../../../src/dashboard/toolbar/MosaicDashboardAddPanelDropdown.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,MAAM,EACN,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,mBAAmB,EACnB,OAAO,EACP,cAAc,EACd,cAAc,GACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAClC,OAAO,EAAC,kBAAkB,EAAC,MAAM,uBAAuB,CAAC;AAMzD,MAAM,CAAC,MAAM,+BAA+B,GAExC,CAAC,EAAC,WAAW,EAAC,EAAE,EAAE;IACpB,MAAM,EAAC,cAAc,EAAE,WAAW,EAAE,OAAO,EAAE,cAAc,EAAC,GAC1D,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAElC,OAAO,CACL,MAAC,YAAY,IAAC,KAAK,EAAE,KAAK,aACxB,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,mBAAmB,IAAC,OAAO,kBAC1B,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,SAAS,EACnB,QAAQ,EAAE,CAAC,cAAc,gBACd,WAAW,YAEtB,KAAC,IAAI,IAAC,SAAS,EAAC,aAAa,GAAG,GACzB,GACW,GACP,EACjB,KAAC,cAAc,4BAA2B,IAClC,EACV,KAAC,mBAAmB,IAAC,KAAK,EAAC,KAAK,YAC7B,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;oBACtB,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;oBAEzB,OAAO,CACL,MAAC,gBAAgB,IAEf,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,EACrC,QAAQ,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,aAE7B,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,SAAS,EAAC,kBAAkB,GAAG,CAAC,CAAC,CAAC,IAAI,EACnD,MAAM,CAAC,KAAK,KALR,MAAM,CAAC,IAAI,CAMC,CACpB,CAAC;gBACJ,CAAC,CAAC,GACkB,IACT,CAChB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {type FC} from 'react';\nimport {\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from '@sqlrooms/ui';\nimport {Plus} from 'lucide-react';\nimport {useAddPanelActions} from '../useAddPanelActions';\n\ninterface MosaicDashboardAddPanelDropdownProps {\n  dashboardId: string;\n}\n\nexport const MosaicDashboardAddPanelDropdown: FC<\n  MosaicDashboardAddPanelDropdownProps\n> = ({dashboardId}) => {\n  const {handleAddPanel, canAddPanel, actions, canAddAnyPanel} =\n    useAddPanelActions(dashboardId);\n\n  return (\n    <DropdownMenu modal={false}>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <DropdownMenuTrigger asChild>\n            <Button\n              variant=\"outline\"\n              className=\"h-8 w-8\"\n              disabled={!canAddAnyPanel}\n              aria-label=\"Add panel\"\n            >\n              <Plus className=\"h-3.5 w-3.5\" />\n            </Button>\n          </DropdownMenuTrigger>\n        </TooltipTrigger>\n        <TooltipContent>Add panel</TooltipContent>\n      </Tooltip>\n      <DropdownMenuContent align=\"end\">\n        {actions.map((action) => {\n          const Icon = action.icon;\n\n          return (\n            <DropdownMenuItem\n              key={action.type}\n              onClick={() => handleAddPanel(action)}\n              disabled={!canAddPanel(action)}\n            >\n              {Icon ? <Icon className=\"mr-2 h-3.5 w-3.5\" /> : null}\n              {action.label}\n            </DropdownMenuItem>\n          );\n        })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"]}

package/dist/dashboard/toolbar/MosaicDashboardDataTableSelector.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+interface MosaicDashboardDataTableSelectorProps {
+    dashboardId: string;
+}
+export declare const MosaicDashboardDataTableSelector: FC<MosaicDashboardDataTableSelectorProps>;
+export {};
+//# sourceMappingURL=MosaicDashboardDataTableSelector.d.ts.map

package/dist/dashboard/toolbar/MosaicDashboardDataTableSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicDashboardDataTableSelector.d.ts","sourceRoot":"","sources":["../../../src/dashboard/toolbar/MosaicDashboardDataTableSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAuB,MAAM,OAAO,CAAC;AAU/C,UAAU,qCAAqC;IAC7C,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,gCAAgC,EAAE,EAAE,CAC/C,qCAAqC,CA+BtC,CAAC"}

package/dist/dashboard/toolbar/MosaicDashboardDataTableSelector.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useMemo } from 'react';
+import { useStoreWithMosaicDashboard } from '../MosaicDashboardSlice';
+import { DataTableSelector } from '../../components/DataTableSelector';
+import { useTablesWithColumns } from '../../hooks/useTablesWithColumns';
+import { getMosaicTableIdentity, resolveMosaicTableReference, } from '../../mosaicTableReference';
+export const MosaicDashboardDataTableSelector = ({ dashboardId }) => {
+    const tables = useTablesWithColumns();
+    const dashboard = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.config.dashboardsById[dashboardId]);
+    const selectedTableName = dashboard?.selectedTable;
+    const selectedTable = useMemo(() => resolveMosaicTableReference(tables, selectedTableName).table, [selectedTableName, tables]);
+    const setSelectedTable = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.setSelectedTable);
+    const handleTableChange = useCallback((table) => {
+        setSelectedTable(dashboardId, getMosaicTableIdentity(table.table));
+    }, [dashboardId, setSelectedTable]);
+    return (_jsx(DataTableSelector, { onChange: handleTableChange, tables: tables, value: selectedTable }));
+};
+//# sourceMappingURL=MosaicDashboardDataTableSelector.js.map

package/dist/dashboard/toolbar/MosaicDashboardDataTableSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicDashboardDataTableSelector.js","sourceRoot":"","sources":["../../../src/dashboard/toolbar/MosaicDashboardDataTableSelector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAK,WAAW,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAC,2BAA2B,EAAC,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAC,iBAAiB,EAAC,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAC,oBAAoB,EAAC,MAAM,kCAAkC,CAAC;AAEtE,OAAO,EACL,sBAAsB,EACtB,2BAA2B,GAC5B,MAAM,4BAA4B,CAAC;AAMpC,MAAM,CAAC,MAAM,gCAAgC,GAEzC,CAAC,EAAC,WAAW,EAAC,EAAE,EAAE;IACpB,MAAM,MAAM,GAAG,oBAAoB,EAAE,CAAC;IACtC,MAAM,SAAS,GAAG,2BAA2B,CAC3C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,cAAc,CAAC,WAAW,CAAC,CACpE,CAAC;IACF,MAAM,iBAAiB,GAAG,SAAS,EAAE,aAAa,CAAC;IAEnD,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,2BAA2B,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,KAAK,EAClE,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAC5B,CAAC;IAEF,MAAM,gBAAgB,GAAG,2BAA2B,CAClD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,gBAAgB,CAClD,CAAC;IAEF,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,KAAgB,EAAE,EAAE;QACnB,gBAAgB,CAAC,WAAW,EAAE,sBAAsB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IACrE,CAAC,EACD,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAChC,CAAC;IAEF,OAAO,CACL,KAAC,iBAAiB,IAChB,QAAQ,EAAE,iBAAiB,EAC3B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,aAAa,GACpB,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {FC, useCallback, useMemo} from 'react';\nimport {useStoreWithMosaicDashboard} from '../MosaicDashboardSlice';\nimport {DataTableSelector} from '../../components/DataTableSelector';\nimport {useTablesWithColumns} from '../../hooks/useTablesWithColumns';\nimport type {DataTable} from '@sqlrooms/db';\nimport {\n  getMosaicTableIdentity,\n  resolveMosaicTableReference,\n} from '../../mosaicTableReference';\n\ninterface MosaicDashboardDataTableSelectorProps {\n  dashboardId: string;\n}\n\nexport const MosaicDashboardDataTableSelector: FC<\n  MosaicDashboardDataTableSelectorProps\n> = ({dashboardId}) => {\n  const tables = useTablesWithColumns();\n  const dashboard = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.config.dashboardsById[dashboardId],\n  );\n  const selectedTableName = dashboard?.selectedTable;\n\n  const selectedTable = useMemo(\n    () => resolveMosaicTableReference(tables, selectedTableName).table,\n    [selectedTableName, tables],\n  );\n\n  const setSelectedTable = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.setSelectedTable,\n  );\n\n  const handleTableChange = useCallback(\n    (table: DataTable) => {\n      setSelectedTable(dashboardId, getMosaicTableIdentity(table.table));\n    },\n    [dashboardId, setSelectedTable],\n  );\n\n  return (\n    <DataTableSelector\n      onChange={handleTableChange}\n      tables={tables}\n      value={selectedTable}\n    />\n  );\n};\n"]}

package/dist/dashboard/toolbar/MosaicDashboardResetFiltersButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboardResetFiltersButton.d.ts","sourceRoot":"","sources":["../../../src/dashboard/toolbar/MosaicDashboardResetFiltersButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAA+B,MAAM,OAAO,CAAC;AAO5D,UAAU,sCAAsC;IAC9C,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,iCAAiC,EAAE,EAAE,CAChD,sCAAsC,CAuDvC,CAAC"}
+{"version":3,"file":"MosaicDashboardResetFiltersButton.d.ts","sourceRoot":"","sources":["../../../src/dashboard/toolbar/MosaicDashboardResetFiltersButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAAC,MAAM,OAAO,CAAC;AAI9B,UAAU,sCAAsC;IAC9C,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,iCAAiC,EAAE,EAAE,CAChD,sCAAsC,CAYvC,CAAC"}

package/dist/dashboard/toolbar/MosaicDashboardResetFiltersButton.js

@@ -1,36 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useMemo, useState } from 'react';
-import { Button } from '@sqlrooms/ui';
-import { getMosaicDashboardSelectionName, useStoreWithMosaicDashboard, } from '../MosaicDashboardSlice';
+import { useDashboardResetFilters } from '../hooks/useDashboardResetFilters';
+import { ResetFiltersButton } from '../components/ResetFiltersButton';
 export const MosaicDashboardResetFiltersButton = ({ dashboardId }) => {
-    const getSelection = useStoreWithMosaicDashboard((state) => state.mosaic.getSelection);
-    const dashboardSelectionName = getMosaicDashboardSelectionName(dashboardId);
-    const dashboardSelection = useStoreWithMosaicDashboard((state) => state.mosaic.selections[dashboardSelectionName]);
-    const [selectionVersion, setSelectionVersion] = useState(0);
-    useEffect(() => {
-        if (!dashboardSelection) {
-            getSelection(dashboardSelectionName, 'crossfilter');
-        }
-    }, [dashboardSelection, dashboardSelectionName, getSelection]);
-    useEffect(() => {
-        if (!dashboardSelection) {
-            return;
-        }
-        const handleSelectionChange = () => {
-            setSelectionVersion((value) => value + 1);
-        };
-        dashboardSelection.addEventListener('value', handleSelectionChange);
-        return () => {
-            dashboardSelection.removeEventListener('value', handleSelectionChange);
-        };
-    }, [dashboardSelection]);
-    const hasActiveFilters = useMemo(() => Boolean(dashboardSelection?.clauses.length), [dashboardSelection, selectionVersion]);
-    const handleResetFilters = () => {
-        dashboardSelection?.reset();
-    };
-    if (!hasActiveFilters) {
-        return null;
-    }
-    return (_jsx(Button, { variant: "link", size: "sm", className: "h-8 px-0", onClick: handleResetFilters, children: "Reset filters" }));
+    const { hasActiveFilters, reset } = useDashboardResetFilters({ dashboardId });
+    return (_jsx(ResetFiltersButton, { className: "h-8 w-8", disabled: !hasActiveFilters, onClick: reset, tooltip: "Reset all filters" }));
 };
 //# sourceMappingURL=MosaicDashboardResetFiltersButton.js.map

package/dist/dashboard/toolbar/MosaicDashboardResetFiltersButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboardResetFiltersButton.js","sourceRoot":"","sources":["../../../src/dashboard/toolbar/MosaicDashboardResetFiltersButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAC;AACpC,OAAO,EACL,+BAA+B,EAC/B,2BAA2B,GAC5B,MAAM,yBAAyB,CAAC;AAMjC,MAAM,CAAC,MAAM,iCAAiC,GAE1C,CAAC,EAAC,WAAW,EAAC,EAAE,EAAE;IACpB,MAAM,YAAY,GAAG,2BAA2B,CAC9C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CACrC,CAAC;IACF,MAAM,sBAAsB,GAAG,+BAA+B,CAAC,WAAW,CAAC,CAAC;IAC5E,MAAM,kBAAkB,GAAG,2BAA2B,CACpD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAC3D,CAAC;IACF,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,kBAAkB,EAAE,CAAC;YACxB,YAAY,CAAC,sBAAsB,EAAE,aAAa,CAAC,CAAC;QACtD,CAAC;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,sBAAsB,EAAE,YAAY,CAAC,CAAC,CAAC;IAE/D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,kBAAkB,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QAED,MAAM,qBAAqB,GAAG,GAAG,EAAE;YACjC,mBAAmB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;QAC5C,CAAC,CAAC;QAEF,kBAAkB,CAAC,gBAAgB,CAAC,OAAO,EAAE,qBAAqB,CAAC,CAAC;QACpE,OAAO,GAAG,EAAE;YACV,kBAAkB,CAAC,mBAAmB,CAAC,OAAO,EAAE,qBAAqB,CAAC,CAAC;QACzE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,MAAM,gBAAgB,GAAG,OAAO,CAC9B,GAAG,EAAE,CAAC,OAAO,CAAC,kBAAkB,EAAE,OAAO,CAAC,MAAM,CAAC,EACjD,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,CACvC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,kBAAkB,EAAE,KAAK,EAAE,CAAC;IAC9B,CAAC,CAAC;IAEF,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,MAAM,IACL,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,UAAU,EACpB,OAAO,EAAE,kBAAkB,8BAGpB,CACV,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {type FC, useEffect, useMemo, useState} from 'react';\nimport {Button} from '@sqlrooms/ui';\nimport {\n  getMosaicDashboardSelectionName,\n  useStoreWithMosaicDashboard,\n} from '../MosaicDashboardSlice';\n\ninterface MosaicDashboardResetFiltersButtonProps {\n  dashboardId: string;\n}\n\nexport const MosaicDashboardResetFiltersButton: FC<\n  MosaicDashboardResetFiltersButtonProps\n> = ({dashboardId}) => {\n  const getSelection = useStoreWithMosaicDashboard(\n    (state) => state.mosaic.getSelection,\n  );\n  const dashboardSelectionName = getMosaicDashboardSelectionName(dashboardId);\n  const dashboardSelection = useStoreWithMosaicDashboard(\n    (state) => state.mosaic.selections[dashboardSelectionName],\n  );\n  const [selectionVersion, setSelectionVersion] = useState(0);\n\n  useEffect(() => {\n    if (!dashboardSelection) {\n      getSelection(dashboardSelectionName, 'crossfilter');\n    }\n  }, [dashboardSelection, dashboardSelectionName, getSelection]);\n\n  useEffect(() => {\n    if (!dashboardSelection) {\n      return;\n    }\n\n    const handleSelectionChange = () => {\n      setSelectionVersion((value) => value + 1);\n    };\n\n    dashboardSelection.addEventListener('value', handleSelectionChange);\n    return () => {\n      dashboardSelection.removeEventListener('value', handleSelectionChange);\n    };\n  }, [dashboardSelection]);\n\n  const hasActiveFilters = useMemo(\n    () => Boolean(dashboardSelection?.clauses.length),\n    [dashboardSelection, selectionVersion],\n  );\n\n  const handleResetFilters = () => {\n    dashboardSelection?.reset();\n  };\n\n  if (!hasActiveFilters) {\n    return null;\n  }\n\n  return (\n    <Button\n      variant=\"link\"\n      size=\"sm\"\n      className=\"h-8 px-0\"\n      onClick={handleResetFilters}\n    >\n      Reset filters\n    </Button>\n  );\n};\n"]}
+{"version":3,"file":"MosaicDashboardResetFiltersButton.js","sourceRoot":"","sources":["../../../src/dashboard/toolbar/MosaicDashboardResetFiltersButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,wBAAwB,EAAC,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAC,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;AAMpE,MAAM,CAAC,MAAM,iCAAiC,GAE1C,CAAC,EAAC,WAAW,EAAC,EAAE,EAAE;IACpB,MAAM,EAAC,gBAAgB,EAAE,KAAK,EAAC,GAAG,wBAAwB,CAAC,EAAC,WAAW,EAAC,CAAC,CAAC;IAE1E,OAAO,CACL,KAAC,kBAAkB,IACjB,SAAS,EAAC,SAAS,EACnB,QAAQ,EAAE,CAAC,gBAAgB,EAC3B,OAAO,EAAE,KAAK,EACd,OAAO,EAAC,mBAAmB,GAC3B,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {type FC} from 'react';\nimport {useDashboardResetFilters} from '../hooks/useDashboardResetFilters';\nimport {ResetFiltersButton} from '../components/ResetFiltersButton';\n\ninterface MosaicDashboardResetFiltersButtonProps {\n  dashboardId: string;\n}\n\nexport const MosaicDashboardResetFiltersButton: FC<\n  MosaicDashboardResetFiltersButtonProps\n> = ({dashboardId}) => {\n  const {hasActiveFilters, reset} = useDashboardResetFilters({dashboardId});\n\n  return (\n    <ResetFiltersButton\n      className=\"h-8 w-8\"\n      disabled={!hasActiveFilters}\n      onClick={reset}\n      tooltip=\"Reset all filters\"\n    />\n  );\n};\n"]}

package/dist/dashboard/toolbar/MosaicDashboardToolbar.d.ts

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

package/dist/dashboard/toolbar/MosaicDashboardToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboardToolbar.d.ts","sourceRoot":"","sources":["../../../src/dashboard/toolbar/MosaicDashboardToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAUzC,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EA0C1C,CAAC"}
+{"version":3,"file":"MosaicDashboardToolbar.d.ts","sourceRoot":"","sources":["../../../src/dashboard/toolbar/MosaicDashboardToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAuB,MAAM,OAAO,CAAC;AAU/C,eAAO,MAAM,sBAAsB,EAAE,EA8CpC,CAAC"}

package/dist/dashboard/toolbar/MosaicDashboardToolbar.js

@@ -1,24 +1,28 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from 'react';
+import { useCallback, useMemo } from 'react';
 import { useMosaicDashboardContext } from '../MosaicDashboardContext';
 import { useStoreWithMosaicDashboard } from '../MosaicDashboardSlice';
 import { MosaicDashboardAddPanelDropdown } from './MosaicDashboardAddPanelDropdown';
 import { MosaicDashboardResetFiltersButton } from './MosaicDashboardResetFiltersButton';
-import { DataTableSelector } from '../../components/DataTableSelector';
+import { MosaicDashboardDataTableSelector } from './MosaicDashboardDataTableSelector';
+import { BlockCaptionEditor } from '../../components/BlockCaptionEditor';
 import { useTablesWithColumns } from '../../hooks/useTablesWithColumns';
-import { useDataTable } from '../../hooks/useDataTable';
+import { resolveMosaicTableReference } from '../../mosaicTableReference';
 export const MosaicDashboardToolbar = () => {
     const { dashboardId } = useMosaicDashboardContext();
+    const dashboard = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.config.dashboardsById[dashboardId]);
+    const selectedTableName = dashboard?.selectedTable;
+    const dashboardTitle = dashboard?.title ?? '';
     const tables = useTablesWithColumns();
-    const selectedTableName = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.config.dashboardsById[dashboardId]?.selectedTable);
-    const selectedTable = useDataTable(selectedTableName);
-    const setSelectedTable = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.setSelectedTable);
-    const handleTableChange = useCallback((table) => {
-        setSelectedTable(dashboardId, table.table.toString());
-    }, [dashboardId, setSelectedTable]);
+    const selectedTable = useMemo(() => resolveMosaicTableReference(tables, selectedTableName).table, [selectedTableName, tables]);
+    const tableName = selectedTable?.table.table;
+    const setDashboardTitle = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.setDashboardTitle);
+    const handleTitleChange = useCallback((title) => {
+        setDashboardTitle(dashboardId, title || '');
+    }, [dashboardId, setDashboardTitle]);
     if (!selectedTableName) {
         return null;
     }
-    return (_jsxs("div", { className: "flex items-center justify-between border-b px-5 py-2", children: [_jsx("div", { className: "flex items-center gap-2", children: _jsx(MosaicDashboardResetFiltersButton, { dashboardId: dashboardId }) }), _jsxs("div", { className: "flex items-center gap-2", children: [selectedTable && (_jsx(DataTableSelector, { className: "w-48", onChange: handleTableChange, tables: tables, value: selectedTable })), _jsx(MosaicDashboardAddPanelDropdown, { dashboardId: dashboardId })] })] }));
+    return (_jsxs("div", { className: "flex items-center justify-between gap-2 border-b px-5 py-2", children: [_jsx(BlockCaptionEditor, { value: dashboardTitle, placeholder: tableName || 'Dashboard title', onChange: handleTitleChange }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(MosaicDashboardAddPanelDropdown, { dashboardId: dashboardId }), _jsx(MosaicDashboardDataTableSelector, { dashboardId: dashboardId }), _jsx(MosaicDashboardResetFiltersButton, { dashboardId: dashboardId })] })] }));
 };
 //# sourceMappingURL=MosaicDashboardToolbar.js.map

package/dist/dashboard/toolbar/MosaicDashboardToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboardToolbar.js","sourceRoot":"","sources":["../../../src/dashboard/toolbar/MosaicDashboardToolbar.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAC,WAAW,EAAC,MAAM,OAAO,CAAC;AACzC,OAAO,EAAC,yBAAyB,EAAC,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAC,2BAA2B,EAAC,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAC,+BAA+B,EAAC,MAAM,mCAAmC,CAAC;AAClF,OAAO,EAAC,iCAAiC,EAAC,MAAM,qCAAqC,CAAC;AACtF,OAAO,EAAC,iBAAiB,EAAC,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAC,oBAAoB,EAAC,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAGtD,MAAM,CAAC,MAAM,sBAAsB,GAAa,GAAG,EAAE;IACnD,MAAM,EAAC,WAAW,EAAC,GAAG,yBAAyB,EAAE,CAAC;IAElD,MAAM,MAAM,GAAG,oBAAoB,EAAE,CAAC;IACtC,MAAM,iBAAiB,GAAG,2BAA2B,CACnD,CAAC,KAAK,EAAE,EAAE,CACR,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,aAAa,CAC1E,CAAC;IACF,MAAM,aAAa,GAAG,YAAY,CAAC,iBAAiB,CAAC,CAAC;IACtD,MAAM,gBAAgB,GAAG,2BAA2B,CAClD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,gBAAgB,CAClD,CAAC;IAEF,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,KAAgB,EAAE,EAAE;QACnB,gBAAgB,CAAC,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IACxD,CAAC,EACD,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAChC,CAAC;IAEF,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,sDAAsD,aACnE,cAAK,SAAS,EAAC,yBAAyB,YACtC,KAAC,iCAAiC,IAAC,WAAW,EAAE,WAAW,GAAI,GAC3D,EACN,eAAK,SAAS,EAAC,yBAAyB,aACrC,aAAa,IAAI,CAChB,KAAC,iBAAiB,IAChB,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAE,iBAAiB,EAC3B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,aAAa,GACpB,CACH,EACD,KAAC,+BAA+B,IAAC,WAAW,EAAE,WAAW,GAAI,IACzD,IACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React, {useCallback} from 'react';\nimport {useMosaicDashboardContext} from '../MosaicDashboardContext';\nimport {useStoreWithMosaicDashboard} from '../MosaicDashboardSlice';\nimport {MosaicDashboardAddPanelDropdown} from './MosaicDashboardAddPanelDropdown';\nimport {MosaicDashboardResetFiltersButton} from './MosaicDashboardResetFiltersButton';\nimport {DataTableSelector} from '../../components/DataTableSelector';\nimport {useTablesWithColumns} from '../../hooks/useTablesWithColumns';\nimport {useDataTable} from '../../hooks/useDataTable';\nimport type {DataTable} from '@sqlrooms/db';\n\nexport const MosaicDashboardToolbar: React.FC = () => {\n  const {dashboardId} = useMosaicDashboardContext();\n\n  const tables = useTablesWithColumns();\n  const selectedTableName = useStoreWithMosaicDashboard(\n    (state) =>\n      state.mosaicDashboard.config.dashboardsById[dashboardId]?.selectedTable,\n  );\n  const selectedTable = useDataTable(selectedTableName);\n  const setSelectedTable = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.setSelectedTable,\n  );\n\n  const handleTableChange = useCallback(\n    (table: DataTable) => {\n      setSelectedTable(dashboardId, table.table.toString());\n    },\n    [dashboardId, setSelectedTable],\n  );\n\n  if (!selectedTableName) {\n    return null;\n  }\n\n  return (\n    <div className=\"flex items-center justify-between border-b px-5 py-2\">\n      <div className=\"flex items-center gap-2\">\n        <MosaicDashboardResetFiltersButton dashboardId={dashboardId} />\n      </div>\n      <div className=\"flex items-center gap-2\">\n        {selectedTable && (\n          <DataTableSelector\n            className=\"w-48\"\n            onChange={handleTableChange}\n            tables={tables}\n            value={selectedTable}\n          />\n        )}\n        <MosaicDashboardAddPanelDropdown dashboardId={dashboardId} />\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"MosaicDashboardToolbar.js","sourceRoot":"","sources":["../../../src/dashboard/toolbar/MosaicDashboardToolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAK,WAAW,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAC,yBAAyB,EAAC,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAC,2BAA2B,EAAC,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAC,+BAA+B,EAAC,MAAM,mCAAmC,CAAC;AAClF,OAAO,EAAC,iCAAiC,EAAC,MAAM,qCAAqC,CAAC;AACtF,OAAO,EAAC,gCAAgC,EAAC,MAAM,oCAAoC,CAAC;AACpF,OAAO,EAAC,kBAAkB,EAAC,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAC,oBAAoB,EAAC,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAC,2BAA2B,EAAC,MAAM,4BAA4B,CAAC;AAEvE,MAAM,CAAC,MAAM,sBAAsB,GAAO,GAAG,EAAE;IAC7C,MAAM,EAAC,WAAW,EAAC,GAAG,yBAAyB,EAAE,CAAC;IAElD,MAAM,SAAS,GAAG,2BAA2B,CAC3C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,cAAc,CAAC,WAAW,CAAC,CACpE,CAAC;IACF,MAAM,iBAAiB,GAAG,SAAS,EAAE,aAAa,CAAC;IACnD,MAAM,cAAc,GAAG,SAAS,EAAE,KAAK,IAAI,EAAE,CAAC;IAE9C,MAAM,MAAM,GAAG,oBAAoB,EAAE,CAAC;IACtC,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,2BAA2B,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,KAAK,EAClE,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAC5B,CAAC;IACF,MAAM,SAAS,GAAG,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC;IAE7C,MAAM,iBAAiB,GAAG,2BAA2B,CACnD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,iBAAiB,CACnD,CAAC;IAEF,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,KAAyB,EAAE,EAAE;QAC5B,iBAAiB,CAAC,WAAW,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;IAC9C,CAAC,EACD,CAAC,WAAW,EAAE,iBAAiB,CAAC,CACjC,CAAC;IAEF,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,4DAA4D,aACzE,KAAC,kBAAkB,IACjB,KAAK,EAAE,cAAc,EACrB,WAAW,EAAE,SAAS,IAAI,iBAAiB,EAC3C,QAAQ,EAAE,iBAAiB,GAC3B,EAEF,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,+BAA+B,IAAC,WAAW,EAAE,WAAW,GAAI,EAC7D,KAAC,gCAAgC,IAAC,WAAW,EAAE,WAAW,GAAI,EAC9D,KAAC,iCAAiC,IAAC,WAAW,EAAE,WAAW,GAAI,IAC3D,IACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {FC, useCallback, useMemo} from 'react';\nimport {useMosaicDashboardContext} from '../MosaicDashboardContext';\nimport {useStoreWithMosaicDashboard} from '../MosaicDashboardSlice';\nimport {MosaicDashboardAddPanelDropdown} from './MosaicDashboardAddPanelDropdown';\nimport {MosaicDashboardResetFiltersButton} from './MosaicDashboardResetFiltersButton';\nimport {MosaicDashboardDataTableSelector} from './MosaicDashboardDataTableSelector';\nimport {BlockCaptionEditor} from '../../components/BlockCaptionEditor';\nimport {useTablesWithColumns} from '../../hooks/useTablesWithColumns';\nimport {resolveMosaicTableReference} from '../../mosaicTableReference';\n\nexport const MosaicDashboardToolbar: FC = () => {\n  const {dashboardId} = useMosaicDashboardContext();\n\n  const dashboard = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.config.dashboardsById[dashboardId],\n  );\n  const selectedTableName = dashboard?.selectedTable;\n  const dashboardTitle = dashboard?.title ?? '';\n\n  const tables = useTablesWithColumns();\n  const selectedTable = useMemo(\n    () => resolveMosaicTableReference(tables, selectedTableName).table,\n    [selectedTableName, tables],\n  );\n  const tableName = selectedTable?.table.table;\n\n  const setDashboardTitle = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.setDashboardTitle,\n  );\n\n  const handleTitleChange = useCallback(\n    (title: string | undefined) => {\n      setDashboardTitle(dashboardId, title || '');\n    },\n    [dashboardId, setDashboardTitle],\n  );\n\n  if (!selectedTableName) {\n    return null;\n  }\n\n  return (\n    <div className=\"flex items-center justify-between gap-2 border-b px-5 py-2\">\n      <BlockCaptionEditor\n        value={dashboardTitle}\n        placeholder={tableName || 'Dashboard title'}\n        onChange={handleTitleChange}\n      />\n\n      <div className=\"flex items-center gap-2\">\n        <MosaicDashboardAddPanelDropdown dashboardId={dashboardId} />\n        <MosaicDashboardDataTableSelector dashboardId={dashboardId} />\n        <MosaicDashboardResetFiltersButton dashboardId={dashboardId} />\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/dashboard/usePanelClientRegistration.d.ts

@@ -0,0 +1,7 @@
+import { type MosaicClient } from '@uwdata/mosaic-core';
+/**
+ * Registers Mosaic clients for a dashboard panel so the panel's reset button
+ * can track which filters originate from this panel.
+ */
+export declare function usePanelClientRegistration(dashboardId: string | undefined, panelId: string | undefined, clients: MosaicClient[]): void;
+//# sourceMappingURL=usePanelClientRegistration.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePanelClientRegistration.d.ts","sourceRoot":"","sources":["../../src/dashboard/usePanelClientRegistration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,YAAY,EAAC,MAAM,qBAAqB,CAAC;AAItD;;;GAGG;AACH,wBAAgB,0BAA0B,CACxC,WAAW,EAAE,MAAM,GAAG,SAAS,EAC/B,OAAO,EAAE,MAAM,GAAG,SAAS,EAC3B,OAAO,EAAE,YAAY,EAAE,GACtB,IAAI,CA6BN"}

package/dist/dashboard/usePanelClientRegistration.js

@@ -0,0 +1,30 @@
+import { useEffect } from 'react';
+import { useStoreWithMosaicDashboard } from './MosaicDashboardSlice';
+/**
+ * Registers Mosaic clients for a dashboard panel so the panel's reset button
+ * can track which filters originate from this panel.
+ */
+export function usePanelClientRegistration(dashboardId, panelId, clients) {
+    const registerPanelClient = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.registerPanelClient);
+    const unregisterPanelClient = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.unregisterPanelClient);
+    useEffect(() => {
+        if (!dashboardId || !panelId || clients.length === 0) {
+            return;
+        }
+        clients.forEach((client) => {
+            registerPanelClient(dashboardId, panelId, client);
+        });
+        return () => {
+            clients.forEach((client) => {
+                unregisterPanelClient(dashboardId, panelId, client);
+            });
+        };
+    }, [
+        dashboardId,
+        panelId,
+        clients,
+        registerPanelClient,
+        unregisterPanelClient,
+    ]);
+}
+//# sourceMappingURL=usePanelClientRegistration.js.map

package/dist/dashboard/usePanelClientRegistration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePanelClientRegistration.js","sourceRoot":"","sources":["../../src/dashboard/usePanelClientRegistration.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAChC,OAAO,EAAC,2BAA2B,EAAC,MAAM,wBAAwB,CAAC;AAEnE;;;GAGG;AACH,MAAM,UAAU,0BAA0B,CACxC,WAA+B,EAC/B,OAA2B,EAC3B,OAAuB;IAEvB,MAAM,mBAAmB,GAAG,2BAA2B,CACrD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,mBAAmB,CACrD,CAAC;IACF,MAAM,qBAAqB,GAAG,2BAA2B,CACvD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,qBAAqB,CACvD,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,WAAW,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACrD,OAAO;QACT,CAAC;QAED,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;YACzB,mBAAmB,CAAC,WAAW,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;QACpD,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;gBACzB,qBAAqB,CAAC,WAAW,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;YACtD,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC,EAAE;QACD,WAAW;QACX,OAAO;QACP,OAAO;QACP,mBAAmB;QACnB,qBAAqB;KACtB,CAAC,CAAC;AACL,CAAC","sourcesContent":["import {type MosaicClient} from '@uwdata/mosaic-core';\nimport {useEffect} from 'react';\nimport {useStoreWithMosaicDashboard} from './MosaicDashboardSlice';\n\n/**\n * Registers Mosaic clients for a dashboard panel so the panel's reset button\n * can track which filters originate from this panel.\n */\nexport function usePanelClientRegistration(\n  dashboardId: string | undefined,\n  panelId: string | undefined,\n  clients: MosaicClient[],\n): void {\n  const registerPanelClient = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.registerPanelClient,\n  );\n  const unregisterPanelClient = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.unregisterPanelClient,\n  );\n\n  useEffect(() => {\n    if (!dashboardId || !panelId || clients.length === 0) {\n      return;\n    }\n\n    clients.forEach((client) => {\n      registerPanelClient(dashboardId, panelId, client);\n    });\n\n    return () => {\n      clients.forEach((client) => {\n        unregisterPanelClient(dashboardId, panelId, client);\n      });\n    };\n  }, [\n    dashboardId,\n    panelId,\n    clients,\n    registerPanelClient,\n    unregisterPanelClient,\n  ]);\n}\n"]}

package/dist/dashboard/usePanelClients.d.ts

@@ -0,0 +1,7 @@
+import { type MosaicClient } from '@uwdata/mosaic-core';
+/**
+ * Returns the list of registered Mosaic clients for a specific dashboard panel.
+ * These clients are used to determine which filters originate from this panel.
+ */
+export declare function usePanelClients(dashboardId: string, panelId: string): MosaicClient[];
+//# sourceMappingURL=usePanelClients.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePanelClients.d.ts","sourceRoot":"","sources":["../../src/dashboard/usePanelClients.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,YAAY,EAAC,MAAM,qBAAqB,CAAC;AAMtD;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE,MAAM,GACd,YAAY,EAAE,CAOhB"}

package/dist/dashboard/usePanelClients.js

@@ -0,0 +1,13 @@
+import { useStoreWithMosaicDashboard, getMosaicDashboardPanelId, } from './MosaicDashboardSlice';
+/**
+ * Returns the list of registered Mosaic clients for a specific dashboard panel.
+ * These clients are used to determine which filters originate from this panel.
+ */
+export function usePanelClients(dashboardId, panelId) {
+    const panelClientsFromStore = useStoreWithMosaicDashboard((state) => {
+        const key = getMosaicDashboardPanelId(dashboardId, panelId);
+        return state.mosaicDashboard.runtime.panelClients[key];
+    });
+    return panelClientsFromStore ?? [];
+}
+//# sourceMappingURL=usePanelClients.js.map

package/dist/dashboard/usePanelClients.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePanelClients.js","sourceRoot":"","sources":["../../src/dashboard/usePanelClients.ts"],"names":[],"mappings":"AACA,OAAO,EACL,2BAA2B,EAC3B,yBAAyB,GAC1B,MAAM,wBAAwB,CAAC;AAEhC;;;GAGG;AACH,MAAM,UAAU,eAAe,CAC7B,WAAmB,EACnB,OAAe;IAEf,MAAM,qBAAqB,GAAG,2BAA2B,CAAC,CAAC,KAAK,EAAE,EAAE;QAClE,MAAM,GAAG,GAAG,yBAAyB,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;QAC5D,OAAO,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,OAAO,qBAAqB,IAAI,EAAE,CAAC;AACrC,CAAC","sourcesContent":["import {type MosaicClient} from '@uwdata/mosaic-core';\nimport {\n  useStoreWithMosaicDashboard,\n  getMosaicDashboardPanelId,\n} from './MosaicDashboardSlice';\n\n/**\n * Returns the list of registered Mosaic clients for a specific dashboard panel.\n * These clients are used to determine which filters originate from this panel.\n */\nexport function usePanelClients(\n  dashboardId: string,\n  panelId: string,\n): MosaicClient[] {\n  const panelClientsFromStore = useStoreWithMosaicDashboard((state) => {\n    const key = getMosaicDashboardPanelId(dashboardId, panelId);\n    return state.mosaicDashboard.runtime.panelClients[key];\n  });\n\n  return panelClientsFromStore ?? [];\n}\n"]}

package/dist/dashboard/useSelectedOrFirstTable.d.ts

@@ -1,6 +1,6 @@
 import { type DataTable } from '@sqlrooms/db';
 /**
- * Returns the last selected table for a dashboard if it exists,
+ * Returns the selected table for a dashboard if it exists,
  * otherwise falls back to the first table with columns.
  *
  * @param dashboardId - The dashboard ID

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

@@ -1 +1 @@
-{"version":3,"file":"useSelectedOrFirstTable.d.ts","sourceRoot":"","sources":["../../src/dashboard/useSelectedOrFirstTable.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,SAAS,EAAC,MAAM,cAAc,CAAC;AAI5C;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CACrC,WAAW,EAAE,MAAM,GAClB,SAAS,GAAG,SAAS,CAoBvB"}
+{"version":3,"file":"useSelectedOrFirstTable.d.ts","sourceRoot":"","sources":["../../src/dashboard/useSelectedOrFirstTable.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,SAAS,EAAC,MAAM,cAAc,CAAC;AAK5C;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CACrC,WAAW,EAAE,MAAM,GAClB,SAAS,GAAG,SAAS,CAwBvB"}

package/dist/dashboard/useSelectedOrFirstTable.js

@@ -1,8 +1,9 @@
 import { useMemo } from 'react';
 import { useStoreWithMosaicDashboard } from './MosaicDashboardSlice';
 import { useTablesWithColumns } from '../hooks/useTablesWithColumns';
+import { resolveMosaicTableReference } from '../mosaicTableReference';
 /**
- * Returns the last selected table for a dashboard if it exists,
+ * Returns the selected table for a dashboard if it exists,
  * otherwise falls back to the first table with columns.
  *
  * @param dashboardId - The dashboard ID
@@ -12,14 +13,15 @@ export function useSelectedOrFirstTable(dashboardId) {
     const dashboard = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.config.dashboardsById[dashboardId]);
     const tables = useTablesWithColumns();
     return useMemo(() => {
-        const lastSelectedTableName = dashboard?.lastSelectedTable;
-        if (!lastSelectedTableName) {
+        const selectedTableName = dashboard?.selectedTable ?? dashboard?.lastSelectedTable;
+        if (!selectedTableName) {
             return tables[0];
         }
-        // Try to find the last selected table first
-        const lastSelectedTable = tables.find((table) => table.table.table === lastSelectedTableName);
-        // Fall back to the first table if the selected one doesn't exist
-        return lastSelectedTable ?? tables[0];
-    }, [dashboard?.lastSelectedTable, tables]);
+        const { table, ambiguousMatches } = resolveMosaicTableReference(tables, selectedTableName);
+        if (ambiguousMatches?.length) {
+            return undefined;
+        }
+        return table ?? tables[0];
+    }, [dashboard?.lastSelectedTable, dashboard?.selectedTable, tables]);
 }
 //# sourceMappingURL=useSelectedOrFirstTable.js.map

package/dist/dashboard/useSelectedOrFirstTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelectedOrFirstTable.js","sourceRoot":"","sources":["../../src/dashboard/useSelectedOrFirstTable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAE9B,OAAO,EAAC,2BAA2B,EAAC,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAC,oBAAoB,EAAC,MAAM,+BAA+B,CAAC;AAEnE;;;;;;GAMG;AACH,MAAM,UAAU,uBAAuB,CACrC,WAAmB;IAEnB,MAAM,SAAS,GAAG,2BAA2B,CAC3C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,cAAc,CAAC,WAAW,CAAC,CACpE,CAAC;IACF,MAAM,MAAM,GAAG,oBAAoB,EAAE,CAAC;IAEtC,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,qBAAqB,GAAG,SAAS,EAAE,iBAAiB,CAAC;QAE3D,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC3B,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC;QACnB,CAAC;QAED,4CAA4C;QAC5C,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CACnC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,KAAK,qBAAqB,CACvD,CAAC;QACF,iEAAiE;QACjE,OAAO,iBAAiB,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,SAAS,EAAE,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAC;AAC7C,CAAC","sourcesContent":["import {useMemo} from 'react';\nimport {type DataTable} from '@sqlrooms/db';\nimport {useStoreWithMosaicDashboard} from './MosaicDashboardSlice';\nimport {useTablesWithColumns} from '../hooks/useTablesWithColumns';\n\n/**\n * Returns the last selected table for a dashboard if it exists,\n * otherwise falls back to the first table with columns.\n *\n * @param dashboardId - The dashboard ID\n * @returns The selected table, or the first table, or undefined if no tables exist\n */\nexport function useSelectedOrFirstTable(\n  dashboardId: string,\n): DataTable | undefined {\n  const dashboard = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.config.dashboardsById[dashboardId],\n  );\n  const tables = useTablesWithColumns();\n\n  return useMemo(() => {\n    const lastSelectedTableName = dashboard?.lastSelectedTable;\n\n    if (!lastSelectedTableName) {\n      return tables[0];\n    }\n\n    // Try to find the last selected table first\n    const lastSelectedTable = tables.find(\n      (table) => table.table.table === lastSelectedTableName,\n    );\n    // Fall back to the first table if the selected one doesn't exist\n    return lastSelectedTable ?? tables[0];\n  }, [dashboard?.lastSelectedTable, tables]);\n}\n"]}
+{"version":3,"file":"useSelectedOrFirstTable.js","sourceRoot":"","sources":["../../src/dashboard/useSelectedOrFirstTable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAE9B,OAAO,EAAC,2BAA2B,EAAC,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAC,oBAAoB,EAAC,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAC,2BAA2B,EAAC,MAAM,yBAAyB,CAAC;AAEpE;;;;;;GAMG;AACH,MAAM,UAAU,uBAAuB,CACrC,WAAmB;IAEnB,MAAM,SAAS,GAAG,2BAA2B,CAC3C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,cAAc,CAAC,WAAW,CAAC,CACpE,CAAC;IACF,MAAM,MAAM,GAAG,oBAAoB,EAAE,CAAC;IAEtC,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,iBAAiB,GACrB,SAAS,EAAE,aAAa,IAAI,SAAS,EAAE,iBAAiB,CAAC;QAE3D,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACvB,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC;QACnB,CAAC;QAED,MAAM,EAAC,KAAK,EAAE,gBAAgB,EAAC,GAAG,2BAA2B,CAC3D,MAAM,EACN,iBAAiB,CAClB,CAAC;QACF,IAAI,gBAAgB,EAAE,MAAM,EAAE,CAAC;YAC7B,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,OAAO,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,SAAS,EAAE,iBAAiB,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;AACvE,CAAC","sourcesContent":["import {useMemo} from 'react';\nimport {type DataTable} from '@sqlrooms/db';\nimport {useStoreWithMosaicDashboard} from './MosaicDashboardSlice';\nimport {useTablesWithColumns} from '../hooks/useTablesWithColumns';\nimport {resolveMosaicTableReference} from '../mosaicTableReference';\n\n/**\n * Returns the selected table for a dashboard if it exists,\n * otherwise falls back to the first table with columns.\n *\n * @param dashboardId - The dashboard ID\n * @returns The selected table, or the first table, or undefined if no tables exist\n */\nexport function useSelectedOrFirstTable(\n  dashboardId: string,\n): DataTable | undefined {\n  const dashboard = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.config.dashboardsById[dashboardId],\n  );\n  const tables = useTablesWithColumns();\n\n  return useMemo(() => {\n    const selectedTableName =\n      dashboard?.selectedTable ?? dashboard?.lastSelectedTable;\n\n    if (!selectedTableName) {\n      return tables[0];\n    }\n\n    const {table, ambiguousMatches} = resolveMosaicTableReference(\n      tables,\n      selectedTableName,\n    );\n    if (ambiguousMatches?.length) {\n      return undefined;\n    }\n\n    return table ?? tables[0];\n  }, [dashboard?.lastSelectedTable, dashboard?.selectedTable, tables]);\n}\n"]}