@sqlrooms/mosaic 0.29.0-rc.5 → 0.29.0-rc.6

package/dist/dashboard/MosaicDashboard.js

@@ -3,19 +3,17 @@ import { useCallback, useEffect, useMemo, useState, } from 'react';
 import { MosaicChartBuilder } from '../MosaicChartBuilder';
 import { MosaicDashboardContext } from './MosaicDashboardContext';
 import { MosaicDashboardPanels } from './MosaicDashboardPanels';
-import { createMosaicDashboardChartPanelConfig, MOSAIC_DASHBOARD_CHART_PANEL_TYPE, useStoreWithMosaicDashboard, } from './MosaicDashboardSlice';
-import { MosaicDashboardToolbar } from './MosaicDashboardToolbar';
-export function MosaicDashboardRoot({ children, dashboardId, }) {
+import { MOSAIC_DASHBOARD_CHART_PANEL_TYPE } from './dashboard-types';
+import { createMosaicDashboardChartPanelConfig, useStoreWithMosaicDashboard, } from './MosaicDashboardSlice';
+import { MosaicDashboardToolbar } from './toolbar/MosaicDashboardToolbar';
+import { useSelectedOrFirstTable } from './useSelectedOrFirstTable';
+export function MosaicDashboardRoot({ children, dashboardId, onStart, }) {
     const ensureDashboard = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.ensureDashboard);
     const addPanel = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.addPanel);
-    const setSelectedTable = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.setSelectedTable);
-    const dashboard = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.config.dashboardsById[dashboardId]);
-    const tables = useStoreWithMosaicDashboard((state) => state.db.tables);
     const chartTypes = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.chartTypes);
     const panelRenderers = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.panelRenderers);
     const [builderOpen, setBuilderOpen] = useState(false);
-    const tablesWithColumns = useMemo(() => tables.filter((table) => table.columns && table.columns.length > 0), [tables]);
-    const selectedTableInfo = useMemo(() => tablesWithColumns.find((table) => table.tableName === dashboard?.selectedTable), [dashboard?.selectedTable, tablesWithColumns]);
+    const selectedTableInfo = useSelectedOrFirstTable(dashboardId);
     const builderColumns = useMemo(() => selectedTableInfo?.columns?.map((column) => ({
         name: column.name,
         type: column.type,
@@ -23,61 +21,44 @@ export function MosaicDashboardRoot({ children, dashboardId, }) {
     useEffect(() => {
         ensureDashboard(dashboardId);
     }, [dashboardId, ensureDashboard]);
-    useEffect(() => {
-        const firstTable = tablesWithColumns[0];
-        if (!firstTable)
-            return;
-        const tableStillExists = tablesWithColumns.some((table) => table.tableName === dashboard?.selectedTable);
-        if (!dashboard?.selectedTable || !tableStillExists) {
-            setSelectedTable(dashboardId, firstTable.tableName);
-        }
-    }, [
-        dashboard?.selectedTable,
-        dashboardId,
-        setSelectedTable,
-        tablesWithColumns,
-    ]);
     const handleCreateChart = useCallback((title, config) => {
-        const panel = createMosaicDashboardChartPanelConfig(title, config, {
-            tableName: dashboard?.selectedTable,
-        });
+        const panel = createMosaicDashboardChartPanelConfig(title, config);
         addPanel(dashboardId, panel);
         setBuilderOpen(false);
-    }, [addPanel, dashboard?.selectedTable, dashboardId]);
+    }, [addPanel, dashboardId]);
     const handleAddDefaultChart = useCallback(() => {
-        if (!dashboard?.selectedTable) {
-            return;
-        }
         // Create chart panel with default field or empty if no numeric columns
         const panel = createMosaicDashboardChartPanelConfig('New Chart', {
             chartType: 'histogram',
             settings: {},
             settingsOpen: true, // Open settings by default
-        }, { tableName: dashboard.selectedTable });
+        });
         addPanel(dashboardId, panel);
-    }, [addPanel, dashboard, dashboardId]);
+    }, [addPanel, dashboardId]);
     const contextValue = useMemo(() => ({
         dashboardId,
         builderOpen,
-        canCreateChart: Boolean(dashboard?.selectedTable &&
+        canCreateChart: Boolean(selectedTableInfo &&
             panelRenderers[MOSAIC_DASHBOARD_CHART_PANEL_TYPE] &&
-            chartTypes?.length !== 0),
+            (chartTypes?.length ?? 0) !== 0),
         openBuilder: () => setBuilderOpen(true),
         closeBuilder: () => setBuilderOpen(false),
         setBuilderOpen,
         addDefaultChart: handleAddDefaultChart,
+        onStart,
     }), [
-        builderOpen,
-        chartTypes?.length,
-        dashboard?.selectedTable,
         dashboardId,
+        builderOpen,
+        selectedTableInfo,
         panelRenderers,
+        chartTypes?.length,
         handleAddDefaultChart,
+        onStart,
     ]);
-    return (_jsxs(MosaicDashboardContext.Provider, { value: contextValue, children: [children, dashboard?.selectedTable ? (_jsx(MosaicChartBuilder, { open: builderOpen, onOpenChange: setBuilderOpen, tableName: dashboard.selectedTable, columns: builderColumns, chartTypes: chartTypes, onCreateChart: handleCreateChart, children: _jsx(MosaicChartBuilder.Dialog, {}) })) : null] }));
+    return (_jsxs(MosaicDashboardContext.Provider, { value: contextValue, children: [children, selectedTableInfo ? (_jsx(MosaicChartBuilder, { open: builderOpen, onOpenChange: setBuilderOpen, tableName: selectedTableInfo.table.table, columns: builderColumns, chartTypes: chartTypes, onCreateChart: handleCreateChart, children: _jsx(MosaicChartBuilder.Dialog, {}) })) : null] }));
 }
-function MosaicDashboardComponent({ dashboardId, }) {
-    return (_jsx(MosaicDashboardRoot, { dashboardId: dashboardId, children: _jsxs("div", { className: "flex h-full flex-col", children: [_jsx(MosaicDashboardToolbar, {}), _jsx("div", { className: "h-full overflow-y-auto", children: _jsx(MosaicDashboardPanels, {}) })] }) }));
+function MosaicDashboardComponent({ dashboardId, onStart, }) {
+    return (_jsx(MosaicDashboardRoot, { dashboardId: dashboardId, onStart: onStart, children: _jsxs("div", { className: "flex h-full flex-col", children: [_jsx(MosaicDashboardToolbar, {}), _jsx("div", { className: "h-full overflow-y-auto", children: _jsx(MosaicDashboardPanels, {}) })] }) }));
 }
 export const MosaicDashboard = Object.assign(MosaicDashboardComponent, {
     Root: MosaicDashboardRoot,

package/dist/dashboard/MosaicDashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboard.js","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboard.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  PropsWithChildren,\n  ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport {MosaicChartBuilder} from '../MosaicChartBuilder';\nimport {MosaicDashboardContext} from './MosaicDashboardContext';\nimport {MosaicDashboardPanels} from './MosaicDashboardPanels';\nimport {\n  createMosaicDashboardChartPanelConfig,\n  MOSAIC_DASHBOARD_CHART_PANEL_TYPE,\n  useStoreWithMosaicDashboard,\n} from './MosaicDashboardSlice';\nimport {MosaicDashboardToolbar} from './MosaicDashboardToolbar';\nimport {ChartBuilderColumn} from '../chart-types/base-types';\nimport {ChartConfig} from '../chart-types/chart-config';\n\nexport type MosaicDashboardRootProps = PropsWithChildren<{\n  dashboardId: string;\n}>;\n\nexport function MosaicDashboardRoot({\n  children,\n  dashboardId,\n}: MosaicDashboardRootProps) {\n  const ensureDashboard = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.ensureDashboard,\n  );\n  const addPanel = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.addPanel,\n  );\n  const setSelectedTable = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.setSelectedTable,\n  );\n  const dashboard = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.config.dashboardsById[dashboardId],\n  );\n  const tables = useStoreWithMosaicDashboard((state) => state.db.tables);\n  const chartTypes = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.chartTypes,\n  );\n  const panelRenderers = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.panelRenderers,\n  );\n  const [builderOpen, setBuilderOpen] = useState(false);\n\n  const tablesWithColumns = useMemo(\n    () => tables.filter((table) => table.columns && table.columns.length > 0),\n    [tables],\n  );\n\n  const selectedTableInfo = useMemo(\n    () =>\n      tablesWithColumns.find(\n        (table) => table.tableName === dashboard?.selectedTable,\n      ),\n    [dashboard?.selectedTable, tablesWithColumns],\n  );\n\n  const builderColumns: ChartBuilderColumn[] = useMemo(\n    () =>\n      selectedTableInfo?.columns?.map((column) => ({\n        name: column.name,\n        type: column.type,\n      })) ?? [],\n    [selectedTableInfo],\n  );\n\n  useEffect(() => {\n    ensureDashboard(dashboardId);\n  }, [dashboardId, ensureDashboard]);\n\n  useEffect(() => {\n    const firstTable = tablesWithColumns[0];\n    if (!firstTable) return;\n    const tableStillExists = tablesWithColumns.some(\n      (table) => table.tableName === dashboard?.selectedTable,\n    );\n    if (!dashboard?.selectedTable || !tableStillExists) {\n      setSelectedTable(dashboardId, firstTable.tableName);\n    }\n  }, [\n    dashboard?.selectedTable,\n    dashboardId,\n    setSelectedTable,\n    tablesWithColumns,\n  ]);\n\n  const handleCreateChart = useCallback(\n    (title: string, config: ChartConfig) => {\n      const panel = createMosaicDashboardChartPanelConfig(title, config, {\n        tableName: dashboard?.selectedTable,\n      });\n      addPanel(dashboardId, panel);\n      setBuilderOpen(false);\n    },\n    [addPanel, dashboard?.selectedTable, dashboardId],\n  );\n\n  const handleAddDefaultChart = useCallback(() => {\n    if (!dashboard?.selectedTable) {\n      return;\n    }\n\n    // Create chart panel with default field or empty if no numeric columns\n    const panel = createMosaicDashboardChartPanelConfig(\n      'New Chart',\n      {\n        chartType: 'histogram',\n        settings: {},\n        settingsOpen: true, // Open settings by default\n      },\n      {tableName: dashboard.selectedTable},\n    );\n\n    addPanel(dashboardId, panel);\n  }, [addPanel, dashboard, dashboardId]);\n\n  const contextValue = useMemo(\n    () => ({\n      dashboardId,\n      builderOpen,\n      canCreateChart: Boolean(\n        dashboard?.selectedTable &&\n        panelRenderers[MOSAIC_DASHBOARD_CHART_PANEL_TYPE] &&\n        chartTypes?.length !== 0,\n      ),\n      openBuilder: () => setBuilderOpen(true),\n      closeBuilder: () => setBuilderOpen(false),\n      setBuilderOpen,\n      addDefaultChart: handleAddDefaultChart,\n    }),\n    [\n      builderOpen,\n      chartTypes?.length,\n      dashboard?.selectedTable,\n      dashboardId,\n      panelRenderers,\n      handleAddDefaultChart,\n    ],\n  );\n\n  return (\n    <MosaicDashboardContext.Provider value={contextValue}>\n      {children}\n      {dashboard?.selectedTable ? (\n        <MosaicChartBuilder\n          open={builderOpen}\n          onOpenChange={setBuilderOpen}\n          tableName={dashboard.selectedTable}\n          columns={builderColumns}\n          chartTypes={chartTypes}\n          onCreateChart={handleCreateChart}\n        >\n          <MosaicChartBuilder.Dialog />\n        </MosaicChartBuilder>\n      ) : null}\n    </MosaicDashboardContext.Provider>\n  );\n}\n\nexport type MosaicDashboardProps = {\n  dashboardId: string;\n};\n\nfunction MosaicDashboardComponent({\n  dashboardId,\n}: MosaicDashboardProps): ReactElement {\n  return (\n    <MosaicDashboardRoot dashboardId={dashboardId}>\n      <div className=\"flex h-full flex-col\">\n        <MosaicDashboardToolbar />\n        <div className=\"h-full overflow-y-auto\">\n          <MosaicDashboardPanels />\n        </div>\n      </div>\n    </MosaicDashboardRoot>\n  );\n}\n\ntype MosaicDashboardCompoundComponent = ((\n  props: MosaicDashboardProps,\n) => ReactElement) & {\n  Root: typeof MosaicDashboardRoot;\n  Toolbar: typeof MosaicDashboardToolbar;\n  Panels: typeof MosaicDashboardPanels;\n};\n\nexport const MosaicDashboard: MosaicDashboardCompoundComponent = Object.assign(\n  MosaicDashboardComponent,\n  {\n    Root: MosaicDashboardRoot,\n    Toolbar: MosaicDashboardToolbar,\n    Panels: MosaicDashboardPanels,\n  },\n);\n"]}
+{"version":3,"file":"MosaicDashboard.js","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboard.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  PropsWithChildren,\n  ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport {MosaicChartBuilder} from '../MosaicChartBuilder';\nimport {MosaicDashboardContext} from './MosaicDashboardContext';\nimport {MosaicDashboardPanels} from './MosaicDashboardPanels';\nimport {MOSAIC_DASHBOARD_CHART_PANEL_TYPE} from './dashboard-types';\nimport {\n  createMosaicDashboardChartPanelConfig,\n  useStoreWithMosaicDashboard,\n} from './MosaicDashboardSlice';\nimport {MosaicDashboardToolbar} from './toolbar/MosaicDashboardToolbar';\nimport {ChartBuilderColumn} from '../chart-types/base-types';\nimport {ChartConfig} from '../chart-types/chart-config';\nimport {useSelectedOrFirstTable} from './useSelectedOrFirstTable';\nimport type {MosaicDashboardInitialStateProps} from './initial-state/MosaicDashboardInitialState';\n\nexport type MosaicDashboardRootProps = PropsWithChildren<{\n  dashboardId: string;\n  onStart?: MosaicDashboardInitialStateProps['onStart'];\n}>;\n\nexport function MosaicDashboardRoot({\n  children,\n  dashboardId,\n  onStart,\n}: MosaicDashboardRootProps) {\n  const ensureDashboard = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.ensureDashboard,\n  );\n  const addPanel = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.addPanel,\n  );\n\n  const chartTypes = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.chartTypes,\n  );\n\n  const panelRenderers = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.panelRenderers,\n  );\n\n  const [builderOpen, setBuilderOpen] = useState(false);\n\n  const selectedTableInfo = useSelectedOrFirstTable(dashboardId);\n\n  const builderColumns: ChartBuilderColumn[] = useMemo(\n    () =>\n      selectedTableInfo?.columns?.map((column) => ({\n        name: column.name,\n        type: column.type,\n      })) ?? [],\n    [selectedTableInfo],\n  );\n\n  useEffect(() => {\n    ensureDashboard(dashboardId);\n  }, [dashboardId, ensureDashboard]);\n\n  const handleCreateChart = useCallback(\n    (title: string, config: ChartConfig) => {\n      const panel = createMosaicDashboardChartPanelConfig(title, config);\n      addPanel(dashboardId, panel);\n      setBuilderOpen(false);\n    },\n    [addPanel, dashboardId],\n  );\n\n  const handleAddDefaultChart = useCallback(() => {\n    // Create chart panel with default field or empty if no numeric columns\n    const panel = createMosaicDashboardChartPanelConfig('New Chart', {\n      chartType: 'histogram',\n      settings: {},\n      settingsOpen: true, // Open settings by default\n    });\n\n    addPanel(dashboardId, panel);\n  }, [addPanel, dashboardId]);\n\n  const contextValue = useMemo(\n    () => ({\n      dashboardId,\n      builderOpen,\n      canCreateChart: Boolean(\n        selectedTableInfo &&\n        panelRenderers[MOSAIC_DASHBOARD_CHART_PANEL_TYPE] &&\n        (chartTypes?.length ?? 0) !== 0,\n      ),\n      openBuilder: () => setBuilderOpen(true),\n      closeBuilder: () => setBuilderOpen(false),\n      setBuilderOpen,\n      addDefaultChart: handleAddDefaultChart,\n      onStart,\n    }),\n    [\n      dashboardId,\n      builderOpen,\n      selectedTableInfo,\n      panelRenderers,\n      chartTypes?.length,\n      handleAddDefaultChart,\n      onStart,\n    ],\n  );\n\n  return (\n    <MosaicDashboardContext.Provider value={contextValue}>\n      {children}\n      {selectedTableInfo ? (\n        <MosaicChartBuilder\n          open={builderOpen}\n          onOpenChange={setBuilderOpen}\n          tableName={selectedTableInfo.table.table}\n          columns={builderColumns}\n          chartTypes={chartTypes}\n          onCreateChart={handleCreateChart}\n        >\n          <MosaicChartBuilder.Dialog />\n        </MosaicChartBuilder>\n      ) : null}\n    </MosaicDashboardContext.Provider>\n  );\n}\n\nexport type MosaicDashboardProps = {\n  dashboardId: string;\n  onStart?: MosaicDashboardInitialStateProps['onStart'];\n};\n\nfunction MosaicDashboardComponent({\n  dashboardId,\n  onStart,\n}: MosaicDashboardProps): ReactElement {\n  return (\n    <MosaicDashboardRoot dashboardId={dashboardId} onStart={onStart}>\n      <div className=\"flex h-full flex-col\">\n        <MosaicDashboardToolbar />\n        <div className=\"h-full overflow-y-auto\">\n          <MosaicDashboardPanels />\n        </div>\n      </div>\n    </MosaicDashboardRoot>\n  );\n}\n\ntype MosaicDashboardCompoundComponent = ((\n  props: MosaicDashboardProps,\n) => ReactElement) & {\n  Root: typeof MosaicDashboardRoot;\n  Toolbar: typeof MosaicDashboardToolbar;\n  Panels: typeof MosaicDashboardPanels;\n};\n\nexport const MosaicDashboard: MosaicDashboardCompoundComponent = Object.assign(\n  MosaicDashboardComponent,\n  {\n    Root: MosaicDashboardRoot,\n    Toolbar: MosaicDashboardToolbar,\n    Panels: MosaicDashboardPanels,\n  },\n);\n"]}

package/dist/dashboard/MosaicDashboardContext.d.ts

@@ -1,3 +1,4 @@
+import type { OnStartDashboard } from './action-types';
 export type MosaicDashboardContextValue = {
     dashboardId: string;
     builderOpen: boolean;
@@ -6,6 +7,7 @@ export type MosaicDashboardContextValue = {
     closeBuilder: () => void;
     setBuilderOpen: (open: boolean) => void;
     addDefaultChart: () => void;
+    onStart?: OnStartDashboard;
 };
 export declare const MosaicDashboardContext: import("react").Context<MosaicDashboardContextValue | null>;
 export declare function useMosaicDashboardContext(): MosaicDashboardContextValue;

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

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboardContext.d.ts","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardContext.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,2BAA2B,GAAG;IACxC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,cAAc,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,sBAAsB,6DACsB,CAAC;AAE1D,wBAAgB,yBAAyB,IAAI,2BAA2B,CAQvE"}
+{"version":3,"file":"MosaicDashboardContext.d.ts","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAErD,MAAM,MAAM,2BAA2B,GAAG;IACxC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,cAAc,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,sBAAsB,6DACsB,CAAC;AAE1D,wBAAgB,yBAAyB,IAAI,2BAA2B,CAQvE"}

package/dist/dashboard/MosaicDashboardContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboardContext.js","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,OAAO,CAAC;AAYhD,MAAM,CAAC,MAAM,sBAAsB,GACjC,aAAa,CAAqC,IAAI,CAAC,CAAC;AAE1D,MAAM,UAAU,yBAAyB;IACvC,MAAM,GAAG,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;IAC/C,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CACb,0GAA0G,CAC3G,CAAC;IACJ,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC","sourcesContent":["import {createContext, useContext} from 'react';\n\nexport type MosaicDashboardContextValue = {\n  dashboardId: string;\n  builderOpen: boolean;\n  canCreateChart: boolean;\n  openBuilder: () => void;\n  closeBuilder: () => void;\n  setBuilderOpen: (open: boolean) => void;\n  addDefaultChart: () => void;\n};\n\nexport const MosaicDashboardContext =\n  createContext<MosaicDashboardContextValue | null>(null);\n\nexport function useMosaicDashboardContext(): MosaicDashboardContextValue {\n  const ctx = useContext(MosaicDashboardContext);\n  if (!ctx) {\n    throw new Error(\n      'MosaicDashboard compound components must be rendered inside <MosaicDashboard> or <MosaicDashboard.Root>.',\n    );\n  }\n  return ctx;\n}\n"]}
+{"version":3,"file":"MosaicDashboardContext.js","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,OAAO,CAAC;AAchD,MAAM,CAAC,MAAM,sBAAsB,GACjC,aAAa,CAAqC,IAAI,CAAC,CAAC;AAE1D,MAAM,UAAU,yBAAyB;IACvC,MAAM,GAAG,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;IAC/C,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CACb,0GAA0G,CAC3G,CAAC;IACJ,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC","sourcesContent":["import {createContext, useContext} from 'react';\nimport type {OnStartDashboard} from './action-types';\n\nexport type MosaicDashboardContextValue = {\n  dashboardId: string;\n  builderOpen: boolean;\n  canCreateChart: boolean;\n  openBuilder: () => void;\n  closeBuilder: () => void;\n  setBuilderOpen: (open: boolean) => void;\n  addDefaultChart: () => void;\n  onStart?: OnStartDashboard;\n};\n\nexport const MosaicDashboardContext =\n  createContext<MosaicDashboardContextValue | null>(null);\n\nexport function useMosaicDashboardContext(): MosaicDashboardContextValue {\n  const ctx = useContext(MosaicDashboardContext);\n  if (!ctx) {\n    throw new Error(\n      'MosaicDashboard compound components must be rendered inside <MosaicDashboard> or <MosaicDashboard.Root>.',\n    );\n  }\n  return ctx;\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboardEmptyState.d.ts","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardEmptyState.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EA0H7C,CAAC"}
+{"version":3,"file":"MosaicDashboardEmptyState.d.ts","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardEmptyState.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAgC7C,CAAC"}

package/dist/dashboard/MosaicDashboardEmptyState.js

@@ -1,50 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from '@sqlrooms/ui';
-import { BarChart3, Map, TableProperties, Text } from 'lucide-react';
-import { useCallback, useMemo } from 'react';
 import { useMosaicDashboardContext } from './MosaicDashboardContext';
-import { createMosaicDashboardProfilerPanelConfig, createMosaicDashboardTextPanelConfig, MOSAIC_DASHBOARD_PROFILER_PANEL_TYPE, MOSAIC_DASHBOARD_TEXT_PANEL_TYPE, useStoreWithMosaicDashboard, } from './MosaicDashboardSlice';
+import { useAddPanelActions } from './useAddPanelActions';
 export const MosaicDashboardEmptyState = () => {
-    const { dashboardId, addDefaultChart, canCreateChart } = useMosaicDashboardContext();
-    const dashboard = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.config.dashboardsById[dashboardId]);
-    const addPanel = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.addPanel);
-    const panelRenderers = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.panelRenderers);
-    const addPanelActions = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.addPanelActions);
-    const tables = useStoreWithMosaicDashboard((state) => state.db.tables);
-    const tablesWithColumns = useMemo(() => tables.filter((table) => table.columns && table.columns.length > 0), [tables]);
-    const selectedTable = useMemo(() => tablesWithColumns.find((table) => table.tableName === dashboard?.selectedTable), [dashboard?.selectedTable, tablesWithColumns]);
-    const canAddProfiler = Boolean(dashboard?.selectedTable &&
-        panelRenderers[MOSAIC_DASHBOARD_PROFILER_PANEL_TYPE]);
-    const canAddText = Boolean(panelRenderers[MOSAIC_DASHBOARD_TEXT_PANEL_TYPE]);
-    const addPanelActionContext = useMemo(() => ({
-        dashboardId,
-        dashboard,
-        selectedTable,
-        tables: tablesWithColumns,
-    }), [dashboard, dashboardId, selectedTable, tablesWithColumns]);
-    const mapAction = useMemo(() => addPanelActions.find((action) => action.label === 'Map'), [addPanelActions]);
-    const canAddMap = Boolean(mapAction &&
-        (mapAction.isEnabled ? mapAction.isEnabled(addPanelActionContext) : true));
-    const handleAddProfiler = useCallback(() => {
-        const panel = dashboard?.selectedTable
-            ? createMosaicDashboardProfilerPanelConfig({
-                source: { tableName: dashboard.selectedTable },
-            })
-            : createMosaicDashboardProfilerPanelConfig();
-        addPanel(dashboardId, panel);
-    }, [addPanel, dashboard, dashboardId]);
-    const handleAddMap = useCallback(() => {
-        if (!mapAction)
-            return;
-        const panel = mapAction.createPanel(addPanelActionContext);
-        if (panel) {
-            addPanel(dashboardId, panel);
-        }
-    }, [addPanel, addPanelActionContext, dashboardId, mapAction]);
-    const handleAddText = useCallback(() => {
-        const panel = createMosaicDashboardTextPanelConfig();
-        addPanel(dashboardId, panel);
-    }, [addPanel, dashboardId]);
-    return (_jsx("div", { className: "m-4 flex min-h-[240px] items-center justify-center rounded-md border border-dashed p-8", children: _jsxs("div", { className: "flex flex-col items-center gap-4", children: [_jsx("p", { className: "text-muted-foreground text-sm", children: "Add a chart, profiler, map, or text to start building this dashboard" }), _jsxs("div", { className: "flex gap-3", children: [_jsxs(Button, { variant: "outline", disabled: !canCreateChart, onClick: addDefaultChart, children: [_jsx(BarChart3, { className: "mr-2 h-4 w-4" }), "Chart"] }), _jsxs(Button, { variant: "outline", disabled: !canAddProfiler, onClick: handleAddProfiler, children: [_jsx(TableProperties, { className: "mr-2 h-4 w-4" }), "Profiler"] }), _jsxs(Button, { variant: "outline", disabled: !canAddMap, onClick: handleAddMap, children: [_jsx(Map, { className: "mr-2 h-4 w-4" }), "Map"] }), _jsxs(Button, { variant: "outline", disabled: !canAddText, onClick: handleAddText, children: [_jsx(Text, { className: "mr-2 h-4 w-4" }), "Text"] })] })] }) }));
+    const { dashboardId } = useMosaicDashboardContext();
+    const { actions, canAddPanel, handleAddPanel } = useAddPanelActions(dashboardId);
+    // Show panel selection screen if table is selected
+    return (_jsx("div", { className: "m-4 flex min-h-[240px] items-center justify-center rounded-md border border-dashed p-8", children: _jsxs("div", { className: "flex flex-col items-center gap-4", children: [_jsx("p", { className: "text-muted-foreground text-sm", children: "Add a chart, profiler, map, or text to start building this dashboard" }), _jsx("div", { className: "flex gap-3", children: actions.map((action) => {
+                        const Icon = action.icon;
+                        return (_jsxs(Button, { variant: "outline", disabled: !canAddPanel(action), onClick: () => handleAddPanel(action), children: [Icon && _jsx(Icon, { className: "mr-2 h-4 w-4" }), action.label] }, action.type));
+                    }) })] }) }));
 };
 //# sourceMappingURL=MosaicDashboardEmptyState.js.map

package/dist/dashboard/MosaicDashboardEmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboardEmptyState.js","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardEmptyState.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Button} from '@sqlrooms/ui';\nimport {BarChart3, Map, TableProperties, Text} from 'lucide-react';\nimport {useCallback, useMemo} from 'react';\nimport {useMosaicDashboardContext} from './MosaicDashboardContext';\nimport {\n  createMosaicDashboardProfilerPanelConfig,\n  createMosaicDashboardTextPanelConfig,\n  type MosaicDashboardAddPanelActionContext,\n  MOSAIC_DASHBOARD_PROFILER_PANEL_TYPE,\n  MOSAIC_DASHBOARD_TEXT_PANEL_TYPE,\n  useStoreWithMosaicDashboard,\n} from './MosaicDashboardSlice';\n\nexport const MosaicDashboardEmptyState: React.FC = () => {\n  const {dashboardId, addDefaultChart, canCreateChart} =\n    useMosaicDashboardContext();\n  const dashboard = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.config.dashboardsById[dashboardId],\n  );\n  const addPanel = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.addPanel,\n  );\n  const panelRenderers = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.panelRenderers,\n  );\n  const addPanelActions = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.addPanelActions,\n  );\n  const tables = useStoreWithMosaicDashboard((state) => state.db.tables);\n\n  const tablesWithColumns = useMemo(\n    () => tables.filter((table) => table.columns && table.columns.length > 0),\n    [tables],\n  );\n\n  const selectedTable = useMemo(\n    () =>\n      tablesWithColumns.find(\n        (table) => table.tableName === dashboard?.selectedTable,\n      ),\n    [dashboard?.selectedTable, tablesWithColumns],\n  );\n\n  const canAddProfiler = Boolean(\n    dashboard?.selectedTable &&\n    panelRenderers[MOSAIC_DASHBOARD_PROFILER_PANEL_TYPE],\n  );\n\n  const canAddText = Boolean(panelRenderers[MOSAIC_DASHBOARD_TEXT_PANEL_TYPE]);\n\n  const addPanelActionContext = useMemo<MosaicDashboardAddPanelActionContext>(\n    () => ({\n      dashboardId,\n      dashboard,\n      selectedTable,\n      tables: tablesWithColumns,\n    }),\n    [dashboard, dashboardId, selectedTable, tablesWithColumns],\n  );\n\n  const mapAction = useMemo(\n    () => addPanelActions.find((action) => action.label === 'Map'),\n    [addPanelActions],\n  );\n\n  const canAddMap = Boolean(\n    mapAction &&\n    (mapAction.isEnabled ? mapAction.isEnabled(addPanelActionContext) : true),\n  );\n\n  const handleAddProfiler = useCallback(() => {\n    const panel = dashboard?.selectedTable\n      ? createMosaicDashboardProfilerPanelConfig({\n          source: {tableName: dashboard.selectedTable},\n        })\n      : createMosaicDashboardProfilerPanelConfig();\n    addPanel(dashboardId, panel);\n  }, [addPanel, dashboard, dashboardId]);\n\n  const handleAddMap = useCallback(() => {\n    if (!mapAction) return;\n    const panel = mapAction.createPanel(addPanelActionContext);\n    if (panel) {\n      addPanel(dashboardId, panel);\n    }\n  }, [addPanel, addPanelActionContext, dashboardId, mapAction]);\n\n  const handleAddText = useCallback(() => {\n    const panel = createMosaicDashboardTextPanelConfig();\n    addPanel(dashboardId, panel);\n  }, [addPanel, dashboardId]);\n\n  return (\n    <div className=\"m-4 flex min-h-[240px] items-center justify-center rounded-md border border-dashed p-8\">\n      <div className=\"flex flex-col items-center gap-4\">\n        <p className=\"text-muted-foreground text-sm\">\n          Add a chart, profiler, map, or text to start building this dashboard\n        </p>\n        <div className=\"flex gap-3\">\n          <Button\n            variant=\"outline\"\n            disabled={!canCreateChart}\n            onClick={addDefaultChart}\n          >\n            <BarChart3 className=\"mr-2 h-4 w-4\" />\n            Chart\n          </Button>\n          <Button\n            variant=\"outline\"\n            disabled={!canAddProfiler}\n            onClick={handleAddProfiler}\n          >\n            <TableProperties className=\"mr-2 h-4 w-4\" />\n            Profiler\n          </Button>\n          <Button\n            variant=\"outline\"\n            disabled={!canAddMap}\n            onClick={handleAddMap}\n          >\n            <Map className=\"mr-2 h-4 w-4\" />\n            Map\n          </Button>\n          <Button\n            variant=\"outline\"\n            disabled={!canAddText}\n            onClick={handleAddText}\n          >\n            <Text className=\"mr-2 h-4 w-4\" />\n            Text\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"MosaicDashboardEmptyState.js","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardEmptyState.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAC;AACpC,OAAO,EAAC,yBAAyB,EAAC,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AAExD,MAAM,CAAC,MAAM,yBAAyB,GAAa,GAAG,EAAE;IACtD,MAAM,EAAC,WAAW,EAAC,GAAG,yBAAyB,EAAE,CAAC;IAClD,MAAM,EAAC,OAAO,EAAE,WAAW,EAAE,cAAc,EAAC,GAC1C,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAElC,mDAAmD;IACnD,OAAO,CACL,cAAK,SAAS,EAAC,wFAAwF,YACrG,eAAK,SAAS,EAAC,kCAAkC,aAC/C,YAAG,SAAS,EAAC,+BAA+B,qFAExC,EACJ,cAAK,SAAS,EAAC,YAAY,YACxB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;wBACtB,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;wBAEzB,OAAO,CACL,MAAC,MAAM,IAEL,OAAO,EAAC,SAAS,EACjB,QAAQ,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,aAEpC,IAAI,IAAI,KAAC,IAAI,IAAC,SAAS,EAAC,cAAc,GAAG,EACzC,MAAM,CAAC,KAAK,KANR,MAAM,CAAC,IAAI,CAOT,CACV,CAAC;oBACJ,CAAC,CAAC,GACE,IACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {Button} from '@sqlrooms/ui';\nimport {useMosaicDashboardContext} from './MosaicDashboardContext';\nimport {useAddPanelActions} from './useAddPanelActions';\n\nexport const MosaicDashboardEmptyState: React.FC = () => {\n  const {dashboardId} = useMosaicDashboardContext();\n  const {actions, canAddPanel, handleAddPanel} =\n    useAddPanelActions(dashboardId);\n\n  // Show panel selection screen if table is selected\n  return (\n    <div className=\"m-4 flex min-h-[240px] items-center justify-center rounded-md border border-dashed p-8\">\n      <div className=\"flex flex-col items-center gap-4\">\n        <p className=\"text-muted-foreground text-sm\">\n          Add a chart, profiler, map, or text to start building this dashboard\n        </p>\n        <div className=\"flex gap-3\">\n          {actions.map((action) => {\n            const Icon = action.icon;\n\n            return (\n              <Button\n                key={action.type}\n                variant=\"outline\"\n                disabled={!canAddPanel(action)}\n                onClick={() => handleAddPanel(action)}\n              >\n                {Icon && <Icon className=\"mr-2 h-4 w-4\" />}\n                {action.label}\n              </Button>\n            );\n          })}\n        </div>\n      </div>\n    </div>\n  );\n};\n"]}

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

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

package/dist/dashboard/MosaicDashboardPanel.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { DashboardPanelErrorBoundary } from './DashboardPanelErrorBoundary';
 import { MosaicDashboardPanelHeader } from './MosaicDashboardPanelHeader';
-import { getMosaicDashboardSelectionName, resolveMosaicDashboardPanelSource, useStoreWithMosaicDashboard, } from './MosaicDashboardSlice';
+import { getMosaicDashboardSelectionName, useStoreWithMosaicDashboard, } from './MosaicDashboardSlice';
 import { useMosaicDashboardContext } from './MosaicDashboardContext';
 export const MosaicDashboardPanel = ({ meta }) => {
     const { dashboardId } = useMosaicDashboardContext();
@@ -14,13 +14,10 @@ export const MosaicDashboardPanel = ({ meta }) => {
         ? dashboard?.panels.find((candidate) => candidate.id === panelId)
         : undefined, [dashboard?.panels, panelId]);
     const renderer = panel ? panelRenderers[panel.type] : undefined;
-    const resolvedSource = useMemo(() => dashboard && panel
-        ? resolveMosaicDashboardPanelSource(dashboard, panel)
-        : undefined, [dashboard, panel]);
     if (!dashboard || !panel) {
         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, resolvedSource: resolvedSource, selectionName: selectionName }), _jsx("div", { className: "min-h-0 flex-1 overflow-hidden", children: RendererComponent ? (_jsx(DashboardPanelErrorBoundary, { panelType: panel.type, children: _jsx(RendererComponent, { dashboardId: dashboardId, dashboard: dashboard, panel: panel, resolvedSource: resolvedSource, 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: RendererComponent ? (_jsx(DashboardPanelErrorBoundary, { panelType: panel.type, children: _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] })) })] }));
 };
 //# sourceMappingURL=MosaicDashboardPanel.js.map

package/dist/dashboard/MosaicDashboardPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboardPanel.js","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardPanel.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAC,2BAA2B,EAAC,MAAM,+BAA+B,CAAC;AAC1E,OAAO,EAAC,0BAA0B,EAAC,MAAM,8BAA8B,CAAC;AACxE,OAAO,EACL,+BAA+B,EAC/B,iCAAiC,EACjC,2BAA2B,GAC5B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAC,yBAAyB,EAAC,MAAM,0BAA0B,CAAC;AAEnE,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;IAChE,MAAM,cAAc,GAAG,OAAO,CAC5B,GAAG,EAAE,CACH,SAAS,IAAI,KAAK;QAChB,CAAC,CAAC,iCAAiC,CAAC,SAAS,EAAE,KAAK,CAAC;QACrD,CAAC,CAAC,SAAS,EACf,CAAC,SAAS,EAAE,KAAK,CAAC,CACnB,CAAC;IAEF,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,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,GAC5B,EAEF,cAAK,SAAS,EAAC,gCAAgC,YAC5C,iBAAiB,CAAC,CAAC,CAAC,CACnB,KAAC,2BAA2B,IAAC,SAAS,EAAE,KAAK,CAAC,IAAI,YAChD,KAAC,iBAAiB,IAChB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,GAC5B,GAC0B,CAC/B,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAC,2EAA2E,mDACrD,KAAK,CAAC,IAAI,IACzC,CACP,GACG,IACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type {RoomPanelComponent} from '@sqlrooms/layout';\nimport {useMemo} from 'react';\nimport {DashboardPanelErrorBoundary} from './DashboardPanelErrorBoundary';\nimport {MosaicDashboardPanelHeader} from './MosaicDashboardPanelHeader';\nimport {\n  getMosaicDashboardSelectionName,\n  resolveMosaicDashboardPanelSource,\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  const resolvedSource = useMemo(\n    () =>\n      dashboard && panel\n        ? resolveMosaicDashboardPanelSource(dashboard, panel)\n        : undefined,\n    [dashboard, panel],\n  );\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        resolvedSource={resolvedSource}\n        selectionName={selectionName}\n      />\n\n      <div className=\"min-h-0 flex-1 overflow-hidden\">\n        {RendererComponent ? (\n          <DashboardPanelErrorBoundary panelType={panel.type}>\n            <RendererComponent\n              dashboardId={dashboardId}\n              dashboard={dashboard}\n              panel={panel}\n              resolvedSource={resolvedSource}\n              selectionName={selectionName}\n            />\n          </DashboardPanelErrorBoundary>\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      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"MosaicDashboardPanel.js","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardPanel.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAC,2BAA2B,EAAC,MAAM,+BAA+B,CAAC;AAC1E,OAAO,EAAC,0BAA0B,EAAC,MAAM,8BAA8B,CAAC;AACxE,OAAO,EACL,+BAA+B,EAC/B,2BAA2B,GAC5B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAC,yBAAyB,EAAC,MAAM,0BAA0B,CAAC;AAEnE,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,YAC5C,iBAAiB,CAAC,CAAC,CAAC,CACnB,KAAC,2BAA2B,IAAC,SAAS,EAAE,KAAK,CAAC,IAAI,YAChD,KAAC,iBAAiB,IAChB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,GAC5B,GAC0B,CAC/B,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAC,2EAA2E,mDACrD,KAAK,CAAC,IAAI,IACzC,CACP,GACG,IACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type {RoomPanelComponent} from '@sqlrooms/layout';\nimport {useMemo} from 'react';\nimport {DashboardPanelErrorBoundary} from './DashboardPanelErrorBoundary';\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        {RendererComponent ? (\n          <DashboardPanelErrorBoundary panelType={panel.type}>\n            <RendererComponent\n              dashboardId={dashboardId}\n              dashboard={dashboard}\n              panel={panel}\n              selectionName={selectionName}\n            />\n          </DashboardPanelErrorBoundary>\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      </div>\n    </div>\n  );\n};\n"]}

package/dist/dashboard/MosaicDashboardPanelHeader.d.ts

@@ -1,11 +1,11 @@
 import { FC } from 'react';
-import { type MosaicDashboardEntry, type MosaicDashboardPanelConfig, type MosaicDashboardPanelRenderer, type MosaicDashboardPanelSource } from './MosaicDashboardSlice';
+import type { MosaicDashboardEntry, MosaicDashboardPanelConfig } from './dashboard-types';
+import { type MosaicDashboardPanelRenderer } from './MosaicDashboardSlice';
 type MosaicDashboardPanelHeaderProps = {
     dashboardId: string;
     dashboard?: MosaicDashboardEntry;
     panel?: MosaicDashboardPanelConfig;
     renderer?: MosaicDashboardPanelRenderer;
-    resolvedSource?: MosaicDashboardPanelSource;
     selectionName: string;
 };
 export declare const MosaicDashboardPanelHeader: FC<MosaicDashboardPanelHeaderProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboardPanelHeader.d.ts","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardPanelHeader.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAC,EAAE,EAAc,MAAM,OAAO,CAAC;AACtC,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,0BAA0B,EAC/B,KAAK,4BAA4B,EAEjC,KAAK,0BAA0B,EAEhC,MAAM,wBAAwB,CAAC;AAEhC,KAAK,+BAA+B,GAAG;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,KAAK,CAAC,EAAE,0BAA0B,CAAC;IACnC,QAAQ,CAAC,EAAE,4BAA4B,CAAC;IACxC,cAAc,CAAC,EAAE,0BAA0B,CAAC;IAC5C,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,EAAE,CACzC,+BAA+B,CAoFhC,CAAC"}
+{"version":3,"file":"MosaicDashboardPanelHeader.d.ts","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardPanelHeader.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAC,EAAE,EAAc,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,EACV,oBAAoB,EACpB,0BAA0B,EAC3B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,KAAK,4BAA4B,EAGlC,MAAM,wBAAwB,CAAC;AAEhC,KAAK,+BAA+B,GAAG;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,KAAK,CAAC,EAAE,0BAA0B,CAAC;IACnC,QAAQ,CAAC,EAAE,4BAA4B,CAAC;IACxC,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,EAAE,CACzC,+BAA+B,CA6EhC,CAAC"}

package/dist/dashboard/MosaicDashboardPanelHeader.js

@@ -4,7 +4,7 @@ import { Button, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } fro
 import { ChevronsRightLeftIcon, GripVerticalIcon, MoveHorizontalIcon, Trash2Icon, } from 'lucide-react';
 import { useCallback } from 'react';
 import { useStoreWithMosaicDashboard, } from './MosaicDashboardSlice';
-export const MosaicDashboardPanelHeader = ({ dashboardId, dashboard, panel, renderer, resolvedSource, selectionName, }) => {
+export const MosaicDashboardPanelHeader = ({ dashboardId, dashboard, panel, renderer, selectionName }) => {
     const panelId = panel?.id;
     const removePanel = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.removePanel);
     const { canExpandGridPanel, expandGridPanel, isGridPanelHorizontallyExpanded } = useExpandGridPanel();
@@ -23,7 +23,7 @@ export const MosaicDashboardPanelHeader = ({ dashboardId, dashboard, panel, rend
         ? ChevronsRightLeftIcon
         : MoveHorizontalIcon;
     const rendererProps = dashboard && panel
-        ? { dashboardId, dashboard, panel, resolvedSource, selectionName }
+        ? { dashboardId, dashboard, panel, selectionName }
         : undefined;
     return (_jsx(LeafLayout.Header, { children: _jsxs("div", { className: "flex items-center justify-between border-b px-2 py-1", children: [_jsxs(LeafLayout.DragHandle, { className: "flex min-w-0 flex-1 items-center gap-1", children: [_jsx(GripVerticalIcon, { className: "mx-1 h-4 w-4 shrink-0" }), Icon ? _jsx(Icon, { className: "h-3.5 w-3.5 shrink-0" }) : null, _jsx("span", { className: "truncate text-xs font-medium", children: title })] }), panel && rendererProps ? (_jsx(TooltipProvider, { delayDuration: 300, children: _jsxs("div", { className: "flex items-center gap-0.5", children: [HeaderActions ? _jsx(HeaderActions, { ...rendererProps }) : null, canExpandGridPanel ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-6 w-6", "aria-label": expandLabel, onClick: expandGridPanel, children: _jsx(ExpandIcon, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: expandLabel })] })) : null, _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-6 w-6", "aria-label": "Remove dashboard panel", onClick: handleRemove, children: _jsx(Trash2Icon, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Remove dashboard panel" })] })] }) })) : null] }) }));
 };

package/dist/dashboard/MosaicDashboardPanelHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboardPanelHeader.js","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardPanelHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["import {LeafLayout, useExpandGridPanel} from '@sqlrooms/layout';\nimport {\n  Button,\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from '@sqlrooms/ui';\nimport {\n  ChevronsRightLeftIcon,\n  GripVerticalIcon,\n  MoveHorizontalIcon,\n  Trash2Icon,\n} from 'lucide-react';\nimport {FC, useCallback} from 'react';\nimport {\n  type MosaicDashboardEntry,\n  type MosaicDashboardPanelConfig,\n  type MosaicDashboardPanelRenderer,\n  type MosaicDashboardPanelRendererProps,\n  type MosaicDashboardPanelSource,\n  useStoreWithMosaicDashboard,\n} from './MosaicDashboardSlice';\n\ntype MosaicDashboardPanelHeaderProps = {\n  dashboardId: string;\n  dashboard?: MosaicDashboardEntry;\n  panel?: MosaicDashboardPanelConfig;\n  renderer?: MosaicDashboardPanelRenderer;\n  resolvedSource?: MosaicDashboardPanelSource;\n  selectionName: string;\n};\n\nexport const MosaicDashboardPanelHeader: FC<\n  MosaicDashboardPanelHeaderProps\n> = ({\n  dashboardId,\n  dashboard,\n  panel,\n  renderer,\n  resolvedSource,\n  selectionName,\n}) => {\n  const panelId = panel?.id;\n  const removePanel = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.removePanel,\n  );\n  const {canExpandGridPanel, expandGridPanel, isGridPanelHorizontallyExpanded} =\n    useExpandGridPanel();\n\n  const handleRemove = useCallback(() => {\n    if (!panelId) return;\n    removePanel(dashboardId, panelId);\n  }, [dashboardId, panelId, removePanel]);\n\n  const title = panel?.title ?? 'Dashboard panel';\n  const Icon = renderer?.icon;\n  const HeaderActions = renderer?.headerActions;\n  const expandLabel = isGridPanelHorizontallyExpanded\n    ? 'Shrink panel horizontally'\n    : 'Expand panel horizontally';\n  const ExpandIcon = isGridPanelHorizontallyExpanded\n    ? ChevronsRightLeftIcon\n    : MoveHorizontalIcon;\n  const rendererProps: MosaicDashboardPanelRendererProps | undefined =\n    dashboard && panel\n      ? {dashboardId, dashboard, panel, resolvedSource, selectionName}\n      : undefined;\n\n  return (\n    <LeafLayout.Header>\n      <div className=\"flex items-center justify-between border-b px-2 py-1\">\n        <LeafLayout.DragHandle className=\"flex min-w-0 flex-1 items-center gap-1\">\n          <GripVerticalIcon className=\"mx-1 h-4 w-4 shrink-0\" />\n          {Icon ? <Icon className=\"h-3.5 w-3.5 shrink-0\" /> : null}\n          <span className=\"truncate text-xs font-medium\">{title}</span>\n        </LeafLayout.DragHandle>\n\n        {panel && rendererProps ? (\n          <TooltipProvider delayDuration={300}>\n            <div className=\"flex items-center gap-0.5\">\n              {HeaderActions ? <HeaderActions {...rendererProps} /> : null}\n              {canExpandGridPanel ? (\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <Button\n                      variant=\"ghost\"\n                      size=\"icon\"\n                      className=\"h-6 w-6\"\n                      aria-label={expandLabel}\n                      onClick={expandGridPanel}\n                    >\n                      <ExpandIcon className=\"h-3.5 w-3.5\" />\n                    </Button>\n                  </TooltipTrigger>\n                  <TooltipContent>{expandLabel}</TooltipContent>\n                </Tooltip>\n              ) : null}\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <Button\n                    variant=\"ghost\"\n                    size=\"icon\"\n                    className=\"h-6 w-6\"\n                    aria-label=\"Remove dashboard panel\"\n                    onClick={handleRemove}\n                  >\n                    <Trash2Icon className=\"h-3.5 w-3.5\" />\n                  </Button>\n                </TooltipTrigger>\n                <TooltipContent>Remove dashboard panel</TooltipContent>\n              </Tooltip>\n            </div>\n          </TooltipProvider>\n        ) : null}\n      </div>\n    </LeafLayout.Header>\n  );\n};\n"]}
+{"version":3,"file":"MosaicDashboardPanelHeader.js","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardPanelHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["import {LeafLayout, useExpandGridPanel} from '@sqlrooms/layout';\nimport {\n  Button,\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from '@sqlrooms/ui';\nimport {\n  ChevronsRightLeftIcon,\n  GripVerticalIcon,\n  MoveHorizontalIcon,\n  Trash2Icon,\n} from 'lucide-react';\nimport {FC, useCallback} from 'react';\nimport type {\n  MosaicDashboardEntry,\n  MosaicDashboardPanelConfig,\n} from './dashboard-types';\nimport {\n  type MosaicDashboardPanelRenderer,\n  type MosaicDashboardPanelRendererProps,\n  useStoreWithMosaicDashboard,\n} from './MosaicDashboardSlice';\n\ntype MosaicDashboardPanelHeaderProps = {\n  dashboardId: string;\n  dashboard?: MosaicDashboardEntry;\n  panel?: MosaicDashboardPanelConfig;\n  renderer?: MosaicDashboardPanelRenderer;\n  selectionName: string;\n};\n\nexport const MosaicDashboardPanelHeader: FC<\n  MosaicDashboardPanelHeaderProps\n> = ({dashboardId, dashboard, panel, renderer, selectionName}) => {\n  const panelId = panel?.id;\n  const removePanel = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.removePanel,\n  );\n  const {canExpandGridPanel, expandGridPanel, isGridPanelHorizontallyExpanded} =\n    useExpandGridPanel();\n\n  const handleRemove = useCallback(() => {\n    if (!panelId) return;\n    removePanel(dashboardId, panelId);\n  }, [dashboardId, panelId, removePanel]);\n\n  const title = panel?.title ?? 'Dashboard panel';\n  const Icon = renderer?.icon;\n  const HeaderActions = renderer?.headerActions;\n  const expandLabel = isGridPanelHorizontallyExpanded\n    ? 'Shrink panel horizontally'\n    : 'Expand panel horizontally';\n  const ExpandIcon = isGridPanelHorizontallyExpanded\n    ? ChevronsRightLeftIcon\n    : MoveHorizontalIcon;\n  const rendererProps: MosaicDashboardPanelRendererProps | undefined =\n    dashboard && panel\n      ? {dashboardId, dashboard, panel, selectionName}\n      : undefined;\n\n  return (\n    <LeafLayout.Header>\n      <div className=\"flex items-center justify-between border-b px-2 py-1\">\n        <LeafLayout.DragHandle className=\"flex min-w-0 flex-1 items-center gap-1\">\n          <GripVerticalIcon className=\"mx-1 h-4 w-4 shrink-0\" />\n          {Icon ? <Icon className=\"h-3.5 w-3.5 shrink-0\" /> : null}\n          <span className=\"truncate text-xs font-medium\">{title}</span>\n        </LeafLayout.DragHandle>\n\n        {panel && rendererProps ? (\n          <TooltipProvider delayDuration={300}>\n            <div className=\"flex items-center gap-0.5\">\n              {HeaderActions ? <HeaderActions {...rendererProps} /> : null}\n              {canExpandGridPanel ? (\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <Button\n                      variant=\"ghost\"\n                      size=\"icon\"\n                      className=\"h-6 w-6\"\n                      aria-label={expandLabel}\n                      onClick={expandGridPanel}\n                    >\n                      <ExpandIcon className=\"h-3.5 w-3.5\" />\n                    </Button>\n                  </TooltipTrigger>\n                  <TooltipContent>{expandLabel}</TooltipContent>\n                </Tooltip>\n              ) : null}\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <Button\n                    variant=\"ghost\"\n                    size=\"icon\"\n                    className=\"h-6 w-6\"\n                    aria-label=\"Remove dashboard panel\"\n                    onClick={handleRemove}\n                  >\n                    <Trash2Icon className=\"h-3.5 w-3.5\" />\n                  </Button>\n                </TooltipTrigger>\n                <TooltipContent>Remove dashboard panel</TooltipContent>\n              </Tooltip>\n            </div>\n          </TooltipProvider>\n        ) : null}\n      </div>\n    </LeafLayout.Header>\n  );\n};\n"]}

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

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

package/dist/dashboard/MosaicDashboardPanels.js

@@ -2,10 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { isLayoutDockNode, isLayoutGridNode, LayoutRenderer, } from '@sqlrooms/layout';
 import { useCallback, useEffect, useMemo } from 'react';
 import { useMosaicDashboardContext } from './MosaicDashboardContext';
-import { MosaicDashboardEmptyState } from './MosaicDashboardEmptyState';
 import { MosaicDashboardPanelDragOverlay } from './MosaicDashboardPanelDragOverlay';
 import { MosaicDashboardPanel } from './MosaicDashboardPanel';
 import { getMosaicDashboardDockId, MOSAIC_DASHBOARD_PANEL, useStoreWithMosaicDashboard, } from './MosaicDashboardSlice';
+import { MosaicDashboardInitialState } from './initial-state/MosaicDashboardInitialState';
 const EMPTY_DASHBOARD_PANELS = [];
 export const MosaicDashboardPanels = () => {
     const { dashboardId } = useMosaicDashboardContext();
@@ -45,8 +45,9 @@ export const MosaicDashboardPanels = () => {
             : nextLayout;
         setLayout(dashboardId, innerLayout);
     }, [dashboardId, setLayout]);
+    const { onStart } = useMosaicDashboardContext();
     if (!panels.length || !rootLayout) {
-        return _jsx(MosaicDashboardEmptyState, {});
+        return _jsx(MosaicDashboardInitialState, { onStart: onStart });
     }
     return (_jsx("div", { className: "h-full min-h-[360px]", children: _jsx(LayoutRenderer, { rootLayout: rootLayout, onLayoutChange: handleLayoutChange }) }));
 };

package/dist/dashboard/MosaicDashboardPanels.js.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboardPanels.js","sourceRoot":"","sources":["../../src/dashboard/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 {MosaicDashboardEmptyState} from './MosaicDashboardEmptyState';\nimport {MosaicDashboardPanelDragOverlay} from './MosaicDashboardPanelDragOverlay';\nimport {MosaicDashboardPanel} from './MosaicDashboardPanel';\nimport {\n  getMosaicDashboardDockId,\n  MOSAIC_DASHBOARD_PANEL,\n  type MosaicDashboardPanelConfig,\n  useStoreWithMosaicDashboard,\n} from './MosaicDashboardSlice';\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 unregisterPanel = useStoreWithMosaicDashboard(\n    (state) => state.layout.unregisterPanel,\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  useEffect(() => {\n    registerPanel(MOSAIC_DASHBOARD_PANEL, () => ({\n      title: 'Dashboard panel',\n      component: MosaicDashboardPanel,\n      dragOverlay: MosaicDashboardPanelDragOverlay,\n    }));\n    return () => {\n      unregisterPanel(MOSAIC_DASHBOARD_PANEL);\n    };\n  }, [registerPanel, unregisterPanel]);\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 (!panels.length || !rootLayout) {\n    return <MosaicDashboardEmptyState />;\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/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 {MosaicDashboardInitialState} from './initial-state/MosaicDashboardInitialState';\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 unregisterPanel = useStoreWithMosaicDashboard(\n    (state) => state.layout.unregisterPanel,\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  useEffect(() => {\n    registerPanel(MOSAIC_DASHBOARD_PANEL, () => ({\n      title: 'Dashboard panel',\n      component: MosaicDashboardPanel,\n      dragOverlay: MosaicDashboardPanelDragOverlay,\n    }));\n    return () => {\n      unregisterPanel(MOSAIC_DASHBOARD_PANEL);\n    };\n  }, [registerPanel, unregisterPanel]);\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  const {onStart} = useMosaicDashboardContext();\n\n  if (!panels.length || !rootLayout) {\n    return <MosaicDashboardInitialState onStart={onStart} />;\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"]}