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

package/dist/dashboard/core-types.js

@@ -3,16 +3,10 @@
  * These types can be safely imported by chart-types without creating circular dependencies.
  */
 import { z } from 'zod';
-// Profiler panel config
-export const ProfilerPanelConfig = z.object({
+// DataTableExplorer panel config
+export const DataTableExplorerPanelConfig = z.object({
     pageSize: z.number().optional(),
 });
-// Text panel config
-export const TextPanelConfig = z.object({
-    content: z.string().default(''),
-    toolbarOpen: z.boolean().default(false),
-    sourcePanelOpen: z.boolean().default(false),
-});
 export const MosaicDashboardLayoutType = z.enum(['dock', 'grid']);
 export const MosaicDashboardPanelSource = z.object({
     tableName: z.string().optional(),

package/dist/dashboard/core-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"core-types.js","sourceRoot":"","sources":["../../src/dashboard/core-types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAEtB,wBAAwB;AACxB,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,CAAC,MAAM,CAAC;IAC1C,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;CAChC,CAAC,CAAC;AAGH,oBAAoB;AACpB,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,CAAC,MAAM,CAAC;IACtC,OAAO,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC;IAC/B,WAAW,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;IACvC,eAAe,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;CAC5C,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;AAKlE,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,CAAC,MAAM,CAAC;IACjD,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IAChC,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;CAChC,CAAC,CAAC","sourcesContent":["/**\n * Core dashboard data types - no dependencies on chart-types.\n * These types can be safely imported by chart-types without creating circular dependencies.\n */\n\nimport {z} from 'zod';\n\n// Profiler panel config\nexport const ProfilerPanelConfig = z.object({\n  pageSize: z.number().optional(),\n});\nexport type ProfilerPanelConfig = z.infer<typeof ProfilerPanelConfig>;\n\n// Text panel config\nexport const TextPanelConfig = z.object({\n  content: z.string().default(''),\n  toolbarOpen: z.boolean().default(false),\n  sourcePanelOpen: z.boolean().default(false),\n});\nexport type TextPanelConfig = z.infer<typeof TextPanelConfig>;\n\nexport const MosaicDashboardLayoutType = z.enum(['dock', 'grid']);\nexport type MosaicDashboardLayoutType = z.infer<\n  typeof MosaicDashboardLayoutType\n>;\n\nexport const MosaicDashboardPanelSource = z.object({\n  tableName: z.string().optional(),\n  sqlQuery: z.string().optional(),\n});\nexport type MosaicDashboardPanelSource = z.infer<\n  typeof MosaicDashboardPanelSource\n>;\n"]}
+{"version":3,"file":"core-types.js","sourceRoot":"","sources":["../../src/dashboard/core-types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAEtB,iCAAiC;AACjC,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,CAAC,MAAM,CAAC;IACnD,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;CAChC,CAAC,CAAC;AAKH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;AAKlE,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,CAAC,MAAM,CAAC;IACjD,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IAChC,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;CAChC,CAAC,CAAC","sourcesContent":["/**\n * Core dashboard data types - no dependencies on chart-types.\n * These types can be safely imported by chart-types without creating circular dependencies.\n */\n\nimport {z} from 'zod';\n\n// DataTableExplorer panel config\nexport const DataTableExplorerPanelConfig = z.object({\n  pageSize: z.number().optional(),\n});\nexport type DataTableExplorerPanelConfig = z.infer<\n  typeof DataTableExplorerPanelConfig\n>;\n\nexport const MosaicDashboardLayoutType = z.enum(['dock', 'grid']);\nexport type MosaicDashboardLayoutType = z.infer<\n  typeof MosaicDashboardLayoutType\n>;\n\nexport const MosaicDashboardPanelSource = z.object({\n  tableName: z.string().optional(),\n  sqlQuery: z.string().optional(),\n});\nexport type MosaicDashboardPanelSource = z.infer<\n  typeof MosaicDashboardPanelSource\n>;\n"]}

package/dist/dashboard/createDefaultMosaicDashboardPanelRenderers.d.ts

@@ -0,0 +1,3 @@
+import { type PanelRenderersRecord } from './MosaicDashboardSlice';
+export declare function createDefaultMosaicDashboardPanelRenderers(extraRenderers?: PanelRenderersRecord): PanelRenderersRecord;
+//# sourceMappingURL=createDefaultMosaicDashboardPanelRenderers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createDefaultMosaicDashboardPanelRenderers.d.ts","sourceRoot":"","sources":["../../src/dashboard/createDefaultMosaicDashboardPanelRenderers.ts"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,wBAAwB,CAAC;AAIhC,wBAAgB,0CAA0C,CACxD,cAAc,GAAE,oBAAyB,GACxC,oBAAoB,CAQtB"}

package/dist/dashboard/createDefaultMosaicDashboardPanelRenderers.js

@@ -0,0 +1,11 @@
+import { MOSAIC_DASHBOARD_DATA_TABLE_EXPLORER_PANEL_TYPE, MOSAIC_DASHBOARD_CHART_PANEL_TYPE, } from './dashboard-types';
+import { mosaicDashboardDataTableExplorerPanelRenderer } from '../data-table-explorer/dashboard/MosaicDashboardDataTableExplorerPanelRenderer';
+import { mosaicDashboardChartRenderer } from '../charts/dashboard/MosaicDashboardChartRenderer';
+export function createDefaultMosaicDashboardPanelRenderers(extraRenderers = {}) {
+    return {
+        [MOSAIC_DASHBOARD_CHART_PANEL_TYPE]: mosaicDashboardChartRenderer,
+        [MOSAIC_DASHBOARD_DATA_TABLE_EXPLORER_PANEL_TYPE]: mosaicDashboardDataTableExplorerPanelRenderer,
+        ...extraRenderers,
+    };
+}
+//# sourceMappingURL=createDefaultMosaicDashboardPanelRenderers.js.map

package/dist/dashboard/createDefaultMosaicDashboardPanelRenderers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createDefaultMosaicDashboardPanelRenderers.js","sourceRoot":"","sources":["../../src/dashboard/createDefaultMosaicDashboardPanelRenderers.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,+CAA+C,EAC/C,iCAAiC,GAClC,MAAM,mBAAmB,CAAC;AAK3B,OAAO,EAAC,6CAA6C,EAAC,MAAM,gFAAgF,CAAC;AAC7I,OAAO,EAAC,4BAA4B,EAAC,MAAM,kDAAkD,CAAC;AAE9F,MAAM,UAAU,0CAA0C,CACxD,iBAAuC,EAAE;IAEzC,OAAO;QACL,CAAC,iCAAiC,CAAC,EACjC,4BAAgD;QAClD,CAAC,+CAA+C,CAAC,EAC/C,6CAAiE;QACnE,GAAG,cAAc;KAClB,CAAC;AACJ,CAAC","sourcesContent":["import {\n  MOSAIC_DASHBOARD_DATA_TABLE_EXPLORER_PANEL_TYPE,\n  MOSAIC_DASHBOARD_CHART_PANEL_TYPE,\n} from './dashboard-types';\nimport {\n  type AnyPanelRenderer,\n  type PanelRenderersRecord,\n} from './MosaicDashboardSlice';\nimport {mosaicDashboardDataTableExplorerPanelRenderer} from '../data-table-explorer/dashboard/MosaicDashboardDataTableExplorerPanelRenderer';\nimport {mosaicDashboardChartRenderer} from '../charts/dashboard/MosaicDashboardChartRenderer';\n\nexport function createDefaultMosaicDashboardPanelRenderers(\n  extraRenderers: PanelRenderersRecord = {},\n): PanelRenderersRecord {\n  return {\n    [MOSAIC_DASHBOARD_CHART_PANEL_TYPE]:\n      mosaicDashboardChartRenderer as AnyPanelRenderer,\n    [MOSAIC_DASHBOARD_DATA_TABLE_EXPLORER_PANEL_TYPE]:\n      mosaicDashboardDataTableExplorerPanelRenderer as AnyPanelRenderer,\n    ...extraRenderers,\n  };\n}\n"]}

package/dist/dashboard/createMosaicDashboardBlockDefinition.d.ts

@@ -0,0 +1,12 @@
+import type { StatefulBlockDefinition, StatefulBlockRenderProps } from '@sqlrooms/blocks';
+import type { ComponentType } from 'react';
+import type { MosaicDashboardLayoutType, MosaicDashboardSliceState } from './MosaicDashboardSlice';
+export type MosaicDashboardBlockRenderProps<TRoomState extends MosaicDashboardSliceState = MosaicDashboardSliceState> = StatefulBlockRenderProps<TRoomState>;
+export type CreateMosaicDashboardBlockDefinitionOptions<TRoomState extends MosaicDashboardSliceState = MosaicDashboardSliceState> = {
+    render?: ComponentType<MosaicDashboardBlockRenderProps<TRoomState>>;
+    label?: string;
+    defaultTitle?: string;
+    layoutType?: MosaicDashboardLayoutType;
+};
+export declare function createMosaicDashboardBlockDefinition<TRoomState extends MosaicDashboardSliceState = MosaicDashboardSliceState>({ render, label, defaultTitle, layoutType, }?: CreateMosaicDashboardBlockDefinitionOptions<TRoomState>): StatefulBlockDefinition<TRoomState>;
+//# sourceMappingURL=createMosaicDashboardBlockDefinition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createMosaicDashboardBlockDefinition.d.ts","sourceRoot":"","sources":["../../src/dashboard/createMosaicDashboardBlockDefinition.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,uBAAuB,EACvB,wBAAwB,EACzB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EACV,yBAAyB,EACzB,yBAAyB,EAC1B,MAAM,wBAAwB,CAAC;AAEhC,MAAM,MAAM,+BAA+B,CACzC,UAAU,SAAS,yBAAyB,GAAG,yBAAyB,IACtE,wBAAwB,CAAC,UAAU,CAAC,CAAC;AAEzC,MAAM,MAAM,2CAA2C,CACrD,UAAU,SAAS,yBAAyB,GAAG,yBAAyB,IACtE;IACF,MAAM,CAAC,EAAE,aAAa,CAAC,+BAA+B,CAAC,UAAU,CAAC,CAAC,CAAC;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,yBAAyB,CAAC;CACxC,CAAC;AAEF,wBAAgB,oCAAoC,CAClD,UAAU,SAAS,yBAAyB,GAAG,yBAAyB,EACxE,EACA,MAEC,EACD,KAAmB,EACnB,YAA0B,EAC1B,UAAU,GACX,GAAE,2CAA2C,CAAC,UAAU,CAAM,GAAG,uBAAuB,CAAC,UAAU,CAAC,CAgCpG"}

package/dist/dashboard/createMosaicDashboardBlockDefinition.js

@@ -0,0 +1,32 @@
+import { BarChart3 } from 'lucide-react';
+import { DefaultMosaicDashboardBlock } from './DefaultMosaicDashboardBlock';
+export function createMosaicDashboardBlockDefinition({ render = DefaultMosaicDashboardBlock, label = 'Dashboard', defaultTitle = 'Dashboard', layoutType, } = {}) {
+    return {
+        type: 'dashboard',
+        label,
+        defaultTitle,
+        icon: BarChart3,
+        capabilities: {
+            stateful: true,
+            embeddable: true,
+            selectable: true,
+            hasRuntimeCache: true,
+        },
+        render,
+        ensureState: ({ blockId, title, getState }) => {
+            getState().mosaicDashboard.ensureDashboard(blockId, title ?? defaultTitle, layoutType);
+        },
+        rename: ({ blockId, title, getState }) => {
+            getState().mosaicDashboard.ensureDashboard(blockId, title, layoutType);
+        },
+        close: ({ blockId, getState }) => {
+            getState().mosaicDashboard.evictDashboardRuntime(blockId, {
+                resetSelection: true,
+            });
+        },
+        deleteState: ({ blockId, getState }) => {
+            getState().mosaicDashboard.removeDashboard(blockId);
+        },
+    };
+}
+//# sourceMappingURL=createMosaicDashboardBlockDefinition.js.map

package/dist/dashboard/createMosaicDashboardBlockDefinition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createMosaicDashboardBlockDefinition.js","sourceRoot":"","sources":["../../src/dashboard/createMosaicDashboardBlockDefinition.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAC,2BAA2B,EAAC,MAAM,+BAA+B,CAAC;AAmB1E,MAAM,UAAU,oCAAoC,CAElD,EACA,MAAM,GAAG,2BAER,EACD,KAAK,GAAG,WAAW,EACnB,YAAY,GAAG,WAAW,EAC1B,UAAU,MACiD,EAAE;IAC7D,OAAO;QACL,IAAI,EAAE,WAAW;QACjB,KAAK;QACL,YAAY;QACZ,IAAI,EAAE,SAAS;QACf,YAAY,EAAE;YACZ,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE,IAAI;YAChB,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,IAAI;SACtB;QACD,MAAM;QACN,WAAW,EAAE,CAAC,EAAC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAC,EAAE,EAAE;YAC1C,QAAQ,EAAE,CAAC,eAAe,CAAC,eAAe,CACxC,OAAO,EACP,KAAK,IAAI,YAAY,EACrB,UAAU,CACX,CAAC;QACJ,CAAC;QACD,MAAM,EAAE,CAAC,EAAC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAC,EAAE,EAAE;YACrC,QAAQ,EAAE,CAAC,eAAe,CAAC,eAAe,CAAC,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;QACzE,CAAC;QACD,KAAK,EAAE,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAC,EAAE,EAAE;YAC7B,QAAQ,EAAE,CAAC,eAAe,CAAC,qBAAqB,CAAC,OAAO,EAAE;gBACxD,cAAc,EAAE,IAAI;aACrB,CAAC,CAAC;QACL,CAAC;QACD,WAAW,EAAE,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAC,EAAE,EAAE;YACnC,QAAQ,EAAE,CAAC,eAAe,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QACtD,CAAC;KACF,CAAC;AACJ,CAAC","sourcesContent":["import type {\n  StatefulBlockDefinition,\n  StatefulBlockRenderProps,\n} from '@sqlrooms/blocks';\nimport {BarChart3} from 'lucide-react';\nimport type {ComponentType} from 'react';\nimport {DefaultMosaicDashboardBlock} from './DefaultMosaicDashboardBlock';\nimport type {\n  MosaicDashboardLayoutType,\n  MosaicDashboardSliceState,\n} from './MosaicDashboardSlice';\n\nexport type MosaicDashboardBlockRenderProps<\n  TRoomState extends MosaicDashboardSliceState = MosaicDashboardSliceState,\n> = StatefulBlockRenderProps<TRoomState>;\n\nexport type CreateMosaicDashboardBlockDefinitionOptions<\n  TRoomState extends MosaicDashboardSliceState = MosaicDashboardSliceState,\n> = {\n  render?: ComponentType<MosaicDashboardBlockRenderProps<TRoomState>>;\n  label?: string;\n  defaultTitle?: string;\n  layoutType?: MosaicDashboardLayoutType;\n};\n\nexport function createMosaicDashboardBlockDefinition<\n  TRoomState extends MosaicDashboardSliceState = MosaicDashboardSliceState,\n>({\n  render = DefaultMosaicDashboardBlock as ComponentType<\n    MosaicDashboardBlockRenderProps<TRoomState>\n  >,\n  label = 'Dashboard',\n  defaultTitle = 'Dashboard',\n  layoutType,\n}: CreateMosaicDashboardBlockDefinitionOptions<TRoomState> = {}): StatefulBlockDefinition<TRoomState> {\n  return {\n    type: 'dashboard',\n    label,\n    defaultTitle,\n    icon: BarChart3,\n    capabilities: {\n      stateful: true,\n      embeddable: true,\n      selectable: true,\n      hasRuntimeCache: true,\n    },\n    render,\n    ensureState: ({blockId, title, getState}) => {\n      getState().mosaicDashboard.ensureDashboard(\n        blockId,\n        title ?? defaultTitle,\n        layoutType,\n      );\n    },\n    rename: ({blockId, title, getState}) => {\n      getState().mosaicDashboard.ensureDashboard(blockId, title, layoutType);\n    },\n    close: ({blockId, getState}) => {\n      getState().mosaicDashboard.evictDashboardRuntime(blockId, {\n        resetSelection: true,\n      });\n    },\n    deleteState: ({blockId, getState}) => {\n      getState().mosaicDashboard.removeDashboard(blockId);\n    },\n  };\n}\n"]}

package/dist/dashboard/dashboard-types.d.ts

@@ -4,8 +4,7 @@
 import { LayoutNode as LayoutNodeSchema } from '@sqlrooms/layout-config';
 import { z } from 'zod';
 export declare const MOSAIC_DASHBOARD_CHART_PANEL_TYPE = "vgplot";
-export declare const MOSAIC_DASHBOARD_PROFILER_PANEL_TYPE = "profiler";
-export declare const MOSAIC_DASHBOARD_TEXT_PANEL_TYPE = "text";
+export declare const MOSAIC_DASHBOARD_DATA_TABLE_EXPLORER_PANEL_TYPE = "data-table-explorer";
 export declare const ChartPanelConfig: z.ZodObject<{
     id: z.ZodString;
     type: z.ZodLiteral<"vgplot">;
@@ -96,8 +95,8 @@ export declare const ChartPanelConfig: z.ZodObject<{
     }, z.core.$strip>, z.ZodObject<{
         chartType: z.ZodLiteral<"box-plot">;
         settings: z.ZodObject<{
-            x: z.ZodString;
-            y: z.ZodString;
+            x: z.ZodOptional<z.ZodString>;
+            y: z.ZodOptional<z.ZodString>;
         }, z.core.$strip>;
         settingsOpen: z.ZodOptional<z.ZodBoolean>;
         dataPolicy: z.ZodOptional<z.ZodObject<{
@@ -128,9 +127,9 @@ export declare const ChartPanelConfig: z.ZodObject<{
     }, z.core.$strip>]>;
 }, z.core.$strip>;
 export type ChartPanelConfig = z.infer<typeof ChartPanelConfig>;
-export declare const ProfilerPanel: z.ZodObject<{
+export declare const DataTableExplorerPanel: z.ZodObject<{
     id: z.ZodString;
-    type: z.ZodLiteral<"profiler">;
+    type: z.ZodLiteral<"data-table-explorer">;
     title: z.ZodDefault<z.ZodString>;
     source: z.ZodOptional<z.ZodObject<{
         tableName: z.ZodOptional<z.ZodString>;
@@ -140,22 +139,7 @@ export declare const ProfilerPanel: z.ZodObject<{
         pageSize: z.ZodOptional<z.ZodNumber>;
     }, z.core.$strip>;
 }, z.core.$strip>;
-export type ProfilerPanel = z.infer<typeof ProfilerPanel>;
-export declare const TextPanel: z.ZodObject<{
-    id: z.ZodString;
-    type: z.ZodLiteral<"text">;
-    title: z.ZodDefault<z.ZodString>;
-    source: z.ZodOptional<z.ZodObject<{
-        tableName: z.ZodOptional<z.ZodString>;
-        sqlQuery: z.ZodOptional<z.ZodString>;
-    }, z.core.$strip>>;
-    config: z.ZodObject<{
-        content: z.ZodDefault<z.ZodString>;
-        toolbarOpen: z.ZodDefault<z.ZodBoolean>;
-        sourcePanelOpen: z.ZodDefault<z.ZodBoolean>;
-    }, z.core.$strip>;
-}, z.core.$strip>;
-export type TextPanel = z.infer<typeof TextPanel>;
+export type DataTableExplorerPanel = z.infer<typeof DataTableExplorerPanel>;
 export declare const LegacyPanelConfig: z.ZodObject<{
     id: z.ZodString;
     type: z.ZodString;
@@ -257,8 +241,8 @@ export declare const MosaicDashboardPanelConfig: z.ZodUnion<[z.ZodDiscriminatedU
     }, z.core.$strip>, z.ZodObject<{
         chartType: z.ZodLiteral<"box-plot">;
         settings: z.ZodObject<{
-            x: z.ZodString;
-            y: z.ZodString;
+            x: z.ZodOptional<z.ZodString>;
+            y: z.ZodOptional<z.ZodString>;
         }, z.core.$strip>;
         settingsOpen: z.ZodOptional<z.ZodBoolean>;
         dataPolicy: z.ZodOptional<z.ZodObject<{
@@ -289,7 +273,7 @@ export declare const MosaicDashboardPanelConfig: z.ZodUnion<[z.ZodDiscriminatedU
     }, z.core.$strip>]>;
 }, z.core.$strip>, z.ZodObject<{
     id: z.ZodString;
-    type: z.ZodLiteral<"profiler">;
+    type: z.ZodLiteral<"data-table-explorer">;
     title: z.ZodDefault<z.ZodString>;
     source: z.ZodOptional<z.ZodObject<{
         tableName: z.ZodOptional<z.ZodString>;
@@ -298,19 +282,6 @@ export declare const MosaicDashboardPanelConfig: z.ZodUnion<[z.ZodDiscriminatedU
     config: z.ZodObject<{
         pageSize: z.ZodOptional<z.ZodNumber>;
     }, z.core.$strip>;
-}, z.core.$strip>, z.ZodObject<{
-    id: z.ZodString;
-    type: z.ZodLiteral<"text">;
-    title: z.ZodDefault<z.ZodString>;
-    source: z.ZodOptional<z.ZodObject<{
-        tableName: z.ZodOptional<z.ZodString>;
-        sqlQuery: z.ZodOptional<z.ZodString>;
-    }, z.core.$strip>>;
-    config: z.ZodObject<{
-        content: z.ZodDefault<z.ZodString>;
-        toolbarOpen: z.ZodDefault<z.ZodBoolean>;
-        sourcePanelOpen: z.ZodDefault<z.ZodBoolean>;
-    }, z.core.$strip>;
 }, z.core.$strip>], "type">, z.ZodObject<{
     id: z.ZodString;
     type: z.ZodString;
@@ -420,8 +391,8 @@ export declare const MosaicDashboardEntry: z.ZodObject<{
         }, z.core.$strip>, z.ZodObject<{
             chartType: z.ZodLiteral<"box-plot">;
             settings: z.ZodObject<{
-                x: z.ZodString;
-                y: z.ZodString;
+                x: z.ZodOptional<z.ZodString>;
+                y: z.ZodOptional<z.ZodString>;
             }, z.core.$strip>;
             settingsOpen: z.ZodOptional<z.ZodBoolean>;
             dataPolicy: z.ZodOptional<z.ZodObject<{
@@ -452,7 +423,7 @@ export declare const MosaicDashboardEntry: z.ZodObject<{
         }, z.core.$strip>]>;
     }, z.core.$strip>, z.ZodObject<{
         id: z.ZodString;
-        type: z.ZodLiteral<"profiler">;
+        type: z.ZodLiteral<"data-table-explorer">;
         title: z.ZodDefault<z.ZodString>;
         source: z.ZodOptional<z.ZodObject<{
             tableName: z.ZodOptional<z.ZodString>;
@@ -461,19 +432,6 @@ export declare const MosaicDashboardEntry: z.ZodObject<{
         config: z.ZodObject<{
             pageSize: z.ZodOptional<z.ZodNumber>;
         }, z.core.$strip>;
-    }, z.core.$strip>, z.ZodObject<{
-        id: z.ZodString;
-        type: z.ZodLiteral<"text">;
-        title: z.ZodDefault<z.ZodString>;
-        source: z.ZodOptional<z.ZodObject<{
-            tableName: z.ZodOptional<z.ZodString>;
-            sqlQuery: z.ZodOptional<z.ZodString>;
-        }, z.core.$strip>>;
-        config: z.ZodObject<{
-            content: z.ZodDefault<z.ZodString>;
-            toolbarOpen: z.ZodDefault<z.ZodBoolean>;
-            sourcePanelOpen: z.ZodDefault<z.ZodBoolean>;
-        }, z.core.$strip>;
     }, z.core.$strip>], "type">, z.ZodObject<{
         id: z.ZodString;
         type: z.ZodString;

package/dist/dashboard/dashboard-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard-types.d.ts","sourceRoot":"","sources":["../../src/dashboard/dashboard-types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAC,UAAU,IAAI,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAStB,eAAO,MAAM,iCAAiC,WAAW,CAAC;AAC1D,eAAO,MAAM,oCAAoC,aAAa,CAAC;AAC/D,eAAO,MAAM,gCAAgC,SAAS,CAAC;AAGvD,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAM3B,CAAC;AACH,MAAM,MAAM,gBAAgB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAEhE,eAAO,MAAM,aAAa;;;;;;;;;;;iBAMxB,CAAC;AACH,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,aAAa,CAAC,CAAC;AAE1D,eAAO,MAAM,SAAS;;;;;;;;;;;;;iBAMpB,CAAC;AACH,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,SAAS,CAAC,CAAC;AAGlD,eAAO,MAAM,iBAAiB;;;;;;;;;iBAM5B,CAAC;AACH,MAAM,MAAM,iBAAiB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAGlE,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAEf,CAAC;AACzB,MAAM,MAAM,0BAA0B,GAAG,CAAC,CAAC,KAAK,CAC9C,OAAO,0BAA0B,CAClC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAQ/B,CAAC;AACH,MAAM,MAAM,oBAAoB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC"}
+{"version":3,"file":"dashboard-types.d.ts","sourceRoot":"","sources":["../../src/dashboard/dashboard-types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAC,UAAU,IAAI,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAQtB,eAAO,MAAM,iCAAiC,WAAW,CAAC;AAC1D,eAAO,MAAM,+CAA+C,wBACrC,CAAC;AAGxB,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAM3B,CAAC;AACH,MAAM,MAAM,gBAAgB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAEhE,eAAO,MAAM,sBAAsB;;;;;;;;;;;iBAMjC,CAAC;AACH,MAAM,MAAM,sBAAsB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAG5E,eAAO,MAAM,iBAAiB;;;;;;;;;iBAM5B,CAAC;AACH,MAAM,MAAM,iBAAiB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAGlE,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAEf,CAAC;AACzB,MAAM,MAAM,0BAA0B,GAAG,CAAC,CAAC,KAAK,CAC9C,OAAO,0BAA0B,CAClC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAQ/B,CAAC;AACH,MAAM,MAAM,oBAAoB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC"}

package/dist/dashboard/dashboard-types.js

@@ -3,11 +3,10 @@
  */
 import { LayoutNode as LayoutNodeSchema } from '@sqlrooms/layout-config';
 import { z } from 'zod';
-import { ChartConfig } from '../chart-types/chart-config';
-import { ProfilerPanelConfig, TextPanelConfig, MosaicDashboardLayoutType, MosaicDashboardPanelSource, } from './core-types';
+import { ChartConfig } from '../charts/chart-types/chart-config';
+import { DataTableExplorerPanelConfig, MosaicDashboardLayoutType, MosaicDashboardPanelSource, } from './core-types';
 export const MOSAIC_DASHBOARD_CHART_PANEL_TYPE = 'vgplot';
-export const MOSAIC_DASHBOARD_PROFILER_PANEL_TYPE = 'profiler';
-export const MOSAIC_DASHBOARD_TEXT_PANEL_TYPE = 'text';
+export const MOSAIC_DASHBOARD_DATA_TABLE_EXPLORER_PANEL_TYPE = 'data-table-explorer';
 // Panel configs discriminated by type
 export const ChartPanelConfig = z.object({
     id: z.string(),
@@ -16,19 +15,12 @@ export const ChartPanelConfig = z.object({
     source: MosaicDashboardPanelSource.optional(),
     config: ChartConfig,
 });
-export const ProfilerPanel = z.object({
+export const DataTableExplorerPanel = z.object({
     id: z.string(),
-    type: z.literal(MOSAIC_DASHBOARD_PROFILER_PANEL_TYPE),
+    type: z.literal(MOSAIC_DASHBOARD_DATA_TABLE_EXPLORER_PANEL_TYPE),
     title: z.string().default('Panel'),
     source: MosaicDashboardPanelSource.optional(),
-    config: ProfilerPanelConfig,
-});
-export const TextPanel = z.object({
-    id: z.string(),
-    type: z.literal(MOSAIC_DASHBOARD_TEXT_PANEL_TYPE),
-    title: z.string().default('Text'),
-    source: MosaicDashboardPanelSource.optional(),
-    config: TextPanelConfig,
+    config: DataTableExplorerPanelConfig,
 });
 // Legacy panel for backward compatibility
 export const LegacyPanelConfig = z.object({
@@ -40,7 +32,7 @@ export const LegacyPanelConfig = z.object({
 });
 // Discriminated union of all panel types
 export const MosaicDashboardPanelConfig = z
-    .discriminatedUnion('type', [ChartPanelConfig, ProfilerPanel, TextPanel])
+    .discriminatedUnion('type', [ChartPanelConfig, DataTableExplorerPanel])
     .or(LegacyPanelConfig);
 export const MosaicDashboardEntry = z.object({
     id: z.string(),

package/dist/dashboard/dashboard-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard-types.js","sourceRoot":"","sources":["../../src/dashboard/dashboard-types.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Core dashboard types - separated to avoid circular dependencies.\n */\n\nimport {LayoutNode as LayoutNodeSchema} from '@sqlrooms/layout-config';\nimport {z} from 'zod';\nimport {ChartConfig} from '../chart-types/chart-config';\nimport {\n  ProfilerPanelConfig,\n  TextPanelConfig,\n  MosaicDashboardLayoutType,\n  MosaicDashboardPanelSource,\n} from './core-types';\n\nexport const MOSAIC_DASHBOARD_CHART_PANEL_TYPE = 'vgplot';\nexport const MOSAIC_DASHBOARD_PROFILER_PANEL_TYPE = 'profiler';\nexport const MOSAIC_DASHBOARD_TEXT_PANEL_TYPE = 'text';\n\n// Panel configs discriminated by type\nexport const ChartPanelConfig = z.object({\n  id: z.string(),\n  type: z.literal(MOSAIC_DASHBOARD_CHART_PANEL_TYPE),\n  title: z.string().default('Panel'),\n  source: MosaicDashboardPanelSource.optional(),\n  config: ChartConfig,\n});\nexport type ChartPanelConfig = z.infer<typeof ChartPanelConfig>;\n\nexport const ProfilerPanel = z.object({\n  id: z.string(),\n  type: z.literal(MOSAIC_DASHBOARD_PROFILER_PANEL_TYPE),\n  title: z.string().default('Panel'),\n  source: MosaicDashboardPanelSource.optional(),\n  config: ProfilerPanelConfig,\n});\nexport type ProfilerPanel = z.infer<typeof ProfilerPanel>;\n\nexport const TextPanel = z.object({\n  id: z.string(),\n  type: z.literal(MOSAIC_DASHBOARD_TEXT_PANEL_TYPE),\n  title: z.string().default('Text'),\n  source: MosaicDashboardPanelSource.optional(),\n  config: TextPanelConfig,\n});\nexport type TextPanel = z.infer<typeof TextPanel>;\n\n// Legacy panel for backward compatibility\nexport const LegacyPanelConfig = z.object({\n  id: z.string(),\n  type: z.string(),\n  title: z.string().default('Panel'),\n  source: MosaicDashboardPanelSource.optional(),\n  config: z.record(z.string(), z.unknown()).default({}),\n});\nexport type LegacyPanelConfig = z.infer<typeof LegacyPanelConfig>;\n\n// Discriminated union of all panel types\nexport const MosaicDashboardPanelConfig = z\n  .discriminatedUnion('type', [ChartPanelConfig, ProfilerPanel, TextPanel])\n  .or(LegacyPanelConfig);\nexport type MosaicDashboardPanelConfig = z.infer<\n  typeof MosaicDashboardPanelConfig\n>;\n\nexport const MosaicDashboardEntry = z.object({\n  id: z.string(),\n  title: z.string().default('Dashboard'),\n  layoutType: MosaicDashboardLayoutType.default('dock'),\n  selectedTable: z.string().optional(),\n  panels: z.array(MosaicDashboardPanelConfig).default([]),\n  layout: LayoutNodeSchema.nullable().default(null),\n  updatedAt: z.number().default(0),\n});\nexport type MosaicDashboardEntry = z.infer<typeof MosaicDashboardEntry>;\n"]}
+{"version":3,"file":"dashboard-types.js","sourceRoot":"","sources":["../../src/dashboard/dashboard-types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAC,UAAU,IAAI,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AACtB,OAAO,EAAC,WAAW,EAAC,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EACL,4BAA4B,EAC5B,yBAAyB,EACzB,0BAA0B,GAC3B,MAAM,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,iCAAiC,GAAG,QAAQ,CAAC;AAC1D,MAAM,CAAC,MAAM,+CAA+C,GAC1D,qBAAqB,CAAC;AAExB,sCAAsC;AACtC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,CAAC,MAAM,CAAC;IACvC,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE;IACd,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,iCAAiC,CAAC;IAClD,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC;IAClC,MAAM,EAAE,0BAA0B,CAAC,QAAQ,EAAE;IAC7C,MAAM,EAAE,WAAW;CACpB,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,CAAC,MAAM,CAAC;IAC7C,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE;IACd,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,+CAA+C,CAAC;IAChE,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC;IAClC,MAAM,EAAE,0BAA0B,CAAC,QAAQ,EAAE;IAC7C,MAAM,EAAE,4BAA4B;CACrC,CAAC,CAAC;AAGH,0CAA0C;AAC1C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,CAAC,MAAM,CAAC;IACxC,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE;IACd,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE;IAChB,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC;IAClC,MAAM,EAAE,0BAA0B,CAAC,QAAQ,EAAE;IAC7C,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC;CACtD,CAAC,CAAC;AAGH,yCAAyC;AACzC,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC;KACxC,kBAAkB,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,sBAAsB,CAAC,CAAC;KACtE,EAAE,CAAC,iBAAiB,CAAC,CAAC;AAKzB,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,CAAC,MAAM,CAAC;IAC3C,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE;IACd,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC;IACtC,UAAU,EAAE,yBAAyB,CAAC,OAAO,CAAC,MAAM,CAAC;IACrD,aAAa,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IACpC,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,0BAA0B,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC;IACvD,MAAM,EAAE,gBAAgB,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;IACjD,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;CACjC,CAAC,CAAC","sourcesContent":["/**\n * Core dashboard types - separated to avoid circular dependencies.\n */\n\nimport {LayoutNode as LayoutNodeSchema} from '@sqlrooms/layout-config';\nimport {z} from 'zod';\nimport {ChartConfig} from '../charts/chart-types/chart-config';\nimport {\n  DataTableExplorerPanelConfig,\n  MosaicDashboardLayoutType,\n  MosaicDashboardPanelSource,\n} from './core-types';\n\nexport const MOSAIC_DASHBOARD_CHART_PANEL_TYPE = 'vgplot';\nexport const MOSAIC_DASHBOARD_DATA_TABLE_EXPLORER_PANEL_TYPE =\n  'data-table-explorer';\n\n// Panel configs discriminated by type\nexport const ChartPanelConfig = z.object({\n  id: z.string(),\n  type: z.literal(MOSAIC_DASHBOARD_CHART_PANEL_TYPE),\n  title: z.string().default('Panel'),\n  source: MosaicDashboardPanelSource.optional(),\n  config: ChartConfig,\n});\nexport type ChartPanelConfig = z.infer<typeof ChartPanelConfig>;\n\nexport const DataTableExplorerPanel = z.object({\n  id: z.string(),\n  type: z.literal(MOSAIC_DASHBOARD_DATA_TABLE_EXPLORER_PANEL_TYPE),\n  title: z.string().default('Panel'),\n  source: MosaicDashboardPanelSource.optional(),\n  config: DataTableExplorerPanelConfig,\n});\nexport type DataTableExplorerPanel = z.infer<typeof DataTableExplorerPanel>;\n\n// Legacy panel for backward compatibility\nexport const LegacyPanelConfig = z.object({\n  id: z.string(),\n  type: z.string(),\n  title: z.string().default('Panel'),\n  source: MosaicDashboardPanelSource.optional(),\n  config: z.record(z.string(), z.unknown()).default({}),\n});\nexport type LegacyPanelConfig = z.infer<typeof LegacyPanelConfig>;\n\n// Discriminated union of all panel types\nexport const MosaicDashboardPanelConfig = z\n  .discriminatedUnion('type', [ChartPanelConfig, DataTableExplorerPanel])\n  .or(LegacyPanelConfig);\nexport type MosaicDashboardPanelConfig = z.infer<\n  typeof MosaicDashboardPanelConfig\n>;\n\nexport const MosaicDashboardEntry = z.object({\n  id: z.string(),\n  title: z.string().default('Dashboard'),\n  layoutType: MosaicDashboardLayoutType.default('dock'),\n  selectedTable: z.string().optional(),\n  panels: z.array(MosaicDashboardPanelConfig).default([]),\n  layout: LayoutNodeSchema.nullable().default(null),\n  updatedAt: z.number().default(0),\n});\nexport type MosaicDashboardEntry = z.infer<typeof MosaicDashboardEntry>;\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"defaultPanelActions.d.ts","sourceRoot":"","sources":["../../src/dashboard/defaultPanelActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,6BAA6B,EAAC,MAAM,gBAAgB,CAAC;AAKlE,eAAO,MAAM,sBAAsB,EAAE,6BAA6B,EAIjE,CAAC"}
+{"version":3,"file":"defaultPanelActions.d.ts","sourceRoot":"","sources":["../../src/dashboard/defaultPanelActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,6BAA6B,EAAC,MAAM,gBAAgB,CAAC;AAIlE,eAAO,MAAM,sBAAsB,EAAE,6BAA6B,EAGjE,CAAC"}

package/dist/dashboard/defaultPanelActions.js

@@ -1,9 +1,7 @@
-import { addTextPanelAction } from '../text/addTextPanelAction';
-import { addProfilerPanelAction } from '../profiler/addProfilerPanelAction';
-import { addChartPanelAction } from '../chart/addChartPanelAction';
+import { addDataTableExplorerPanelAction } from '../data-table-explorer/addDataTableExplorerPanelAction';
+import { addChartPanelAction } from '../charts/addChartPanelAction';
 export const defaultAddPanelActions = [
-    addProfilerPanelAction,
-    addTextPanelAction,
+    addDataTableExplorerPanelAction,
     addChartPanelAction,
 ];
 //# sourceMappingURL=defaultPanelActions.js.map

package/dist/dashboard/defaultPanelActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultPanelActions.js","sourceRoot":"","sources":["../../src/dashboard/defaultPanelActions.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,kBAAkB,EAAC,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAC,sBAAsB,EAAC,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAC,mBAAmB,EAAC,MAAM,8BAA8B,CAAC;AAEjE,MAAM,CAAC,MAAM,sBAAsB,GAAoC;IACrE,sBAAsB;IACtB,kBAAkB;IAClB,mBAAmB;CACpB,CAAC","sourcesContent":["import {type MosaicDashboardAddPanelAction} from './action-types';\nimport {addTextPanelAction} from '../text/addTextPanelAction';\nimport {addProfilerPanelAction} from '../profiler/addProfilerPanelAction';\nimport {addChartPanelAction} from '../chart/addChartPanelAction';\n\nexport const defaultAddPanelActions: MosaicDashboardAddPanelAction[] = [\n  addProfilerPanelAction,\n  addTextPanelAction,\n  addChartPanelAction,\n];\n"]}
+{"version":3,"file":"defaultPanelActions.js","sourceRoot":"","sources":["../../src/dashboard/defaultPanelActions.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,+BAA+B,EAAC,MAAM,wDAAwD,CAAC;AACvG,OAAO,EAAC,mBAAmB,EAAC,MAAM,+BAA+B,CAAC;AAElE,MAAM,CAAC,MAAM,sBAAsB,GAAoC;IACrE,+BAA+B;IAC/B,mBAAmB;CACpB,CAAC","sourcesContent":["import {type MosaicDashboardAddPanelAction} from './action-types';\nimport {addDataTableExplorerPanelAction} from '../data-table-explorer/addDataTableExplorerPanelAction';\nimport {addChartPanelAction} from '../charts/addChartPanelAction';\n\nexport const defaultAddPanelActions: MosaicDashboardAddPanelAction[] = [\n  addDataTableExplorerPanelAction,\n  addChartPanelAction,\n];\n"]}

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

@@ -0,0 +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"}

package/dist/dashboard/panel/MosaicDashboardPanel.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { MosaicDashboardPanelErrorBoundary } from './MosaicDashboardPanelErrorBoundary';
+import { MosaicDashboardPanelHeader } from './MosaicDashboardPanelHeader';
+import { getMosaicDashboardSelectionName, useStoreWithMosaicDashboard, } from '../MosaicDashboardSlice';
+import { useMosaicDashboardContext } from '../MosaicDashboardContext';
+export const MosaicDashboardPanel = ({ meta }) => {
+    const { dashboardId } = useMosaicDashboardContext();
+    const panelId = meta?.panelId;
+    const dashboard = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.config.dashboardsById[dashboardId]);
+    const panelRenderers = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.panelRenderers);
+    const selectionName = getMosaicDashboardSelectionName(dashboardId);
+    const panel = useMemo(() => panelId
+        ? dashboard?.panels.find((candidate) => candidate.id === panelId)
+        : undefined, [dashboard?.panels, panelId]);
+    const renderer = panel ? panelRenderers[panel.type] : undefined;
+    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, 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] })) }) })] }));
+};
+//# sourceMappingURL=MosaicDashboardPanel.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicDashboardPanelDragOverlay.d.ts","sourceRoot":"","sources":["../../../src/dashboard/panel/MosaicDashboardPanelDragOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAoB,MAAM,kBAAkB,CAAC;AAE/D,OAAO,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AAIzB,UAAU,oCAAoC;IAC5C,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,eAAO,MAAM,+BAA+B,EAAE,EAAE,CAC9C,oCAAoC,CAuBrC,CAAC"}

package/dist/dashboard/panel/MosaicDashboardPanelDragOverlay.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isLayoutPanelNode } from '@sqlrooms/layout';
+import { GripVerticalIcon } from 'lucide-react';
+import { useMosaicDashboardContext } from '../MosaicDashboardContext';
+import { useStoreWithMosaicDashboard } from '../MosaicDashboardSlice';
+export const MosaicDashboardPanelDragOverlay = ({ node }) => {
+    const { dashboardId } = useMosaicDashboardContext();
+    const dashboard = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.config.dashboardsById[dashboardId]);
+    const panelId = isLayoutPanelNode(node)
+        ? node.panel?.meta?.panelId
+        : undefined;
+    const panel = panelId
+        ? dashboard?.panels.find((candidate) => candidate.id === panelId)
+        : undefined;
+    return (_jsxs("div", { className: "border-border bg-background text-foreground inline-flex items-center gap-1 border px-2 py-1 shadow-lg", children: [_jsx(GripVerticalIcon, { className: "mx-1 h-4 w-4 shrink-0" }), _jsx("span", { className: "truncate text-xs font-medium", children: panel?.title ?? 'Dashboard panel' })] }));
+};
+//# sourceMappingURL=MosaicDashboardPanelDragOverlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicDashboardPanelDragOverlay.js","sourceRoot":"","sources":["../../../src/dashboard/panel/MosaicDashboardPanelDragOverlay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAC,yBAAyB,EAAC,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAC,2BAA2B,EAAC,MAAM,yBAAyB,CAAC;AAMpE,MAAM,CAAC,MAAM,+BAA+B,GAExC,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE;IACb,MAAM,EAAC,WAAW,EAAC,GAAG,yBAAyB,EAAE,CAAC;IAClD,MAAM,SAAS,GAAG,2BAA2B,CAC3C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,cAAc,CAAC,WAAW,CAAC,CACpE,CAAC;IAEF,MAAM,OAAO,GAAG,iBAAiB,CAAC,IAAI,CAAC;QACrC,CAAC,CAAE,IAAI,CAAC,KAAqC,EAAE,IAAI,EAAE,OAAO;QAC5D,CAAC,CAAC,SAAS,CAAC;IAEd,MAAM,KAAK,GAAG,OAAO;QACnB,CAAC,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,KAAK,OAAO,CAAC;QACjE,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO,CACL,eAAK,SAAS,EAAC,uGAAuG,aACpH,KAAC,gBAAgB,IAAC,SAAS,EAAC,uBAAuB,GAAG,EACtD,eAAM,SAAS,EAAC,8BAA8B,YAC3C,KAAK,EAAE,KAAK,IAAI,iBAAiB,GAC7B,IACH,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {LayoutNode, isLayoutPanelNode} from '@sqlrooms/layout';\nimport {GripVerticalIcon} from 'lucide-react';\nimport {FC} from 'react';\nimport {useMosaicDashboardContext} from '../MosaicDashboardContext';\nimport {useStoreWithMosaicDashboard} from '../MosaicDashboardSlice';\n\ninterface MosaicDashboardPanelDragOverlayProps {\n  node: LayoutNode;\n}\n\nexport const MosaicDashboardPanelDragOverlay: FC<\n  MosaicDashboardPanelDragOverlayProps\n> = ({node}) => {\n  const {dashboardId} = useMosaicDashboardContext();\n  const dashboard = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.config.dashboardsById[dashboardId],\n  );\n\n  const panelId = isLayoutPanelNode(node)\n    ? (node.panel as {meta?: {panelId?: string}})?.meta?.panelId\n    : undefined;\n\n  const panel = panelId\n    ? dashboard?.panels.find((candidate) => candidate.id === panelId)\n    : undefined;\n\n  return (\n    <div className=\"border-border bg-background text-foreground inline-flex items-center gap-1 border px-2 py-1 shadow-lg\">\n      <GripVerticalIcon className=\"mx-1 h-4 w-4 shrink-0\" />\n      <span className=\"truncate text-xs font-medium\">\n        {panel?.title ?? 'Dashboard panel'}\n      </span>\n    </div>\n  );\n};\n"]}

package/dist/dashboard/panel/MosaicDashboardPanelErrorBoundary.d.ts

@@ -0,0 +1,17 @@
+import { Component, type ErrorInfo, type ReactNode } from 'react';
+interface Props {
+    children: ReactNode;
+    panelType?: string;
+}
+interface State {
+    hasError: boolean;
+    error?: Error;
+}
+export declare class MosaicDashboardPanelErrorBoundary extends Component<Props, State> {
+    constructor(props: Props);
+    static getDerivedStateFromError(error: Error): State;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+}
+export {};
+//# sourceMappingURL=MosaicDashboardPanelErrorBoundary.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicDashboardPanelErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/dashboard/panel/MosaicDashboardPanelErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAEhE,UAAU,KAAK;IACb,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,KAAK;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,qBAAa,iCAAkC,SAAQ,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;gBAChE,KAAK,EAAE,KAAK;IAKxB,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK;IAIpD,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;IAQpD,MAAM;CAWP"}

package/dist/dashboard/panel/MosaicDashboardPanelErrorBoundary.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Component } from 'react';
+export class MosaicDashboardPanelErrorBoundary extends Component {
+    constructor(props) {
+        super(props);
+        this.state = { hasError: false };
+    }
+    static getDerivedStateFromError(error) {
+        return { hasError: true, error };
+    }
+    componentDidCatch(error, errorInfo) {
+        console.error(`[MosaicDashboardPanelErrorBoundary] Error rendering panel${this.props.panelType ? ` (${this.props.panelType})` : ''}:`, error, errorInfo);
+    }
+    render() {
+        if (this.state.hasError) {
+            return (_jsx("div", { className: "text-muted-foreground flex h-full items-center justify-center p-4 text-sm", children: "Failed to load panel" }));
+        }
+        return this.props.children;
+    }
+}
+//# sourceMappingURL=MosaicDashboardPanelErrorBoundary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicDashboardPanelErrorBoundary.js","sourceRoot":"","sources":["../../../src/dashboard/panel/MosaicDashboardPanelErrorBoundary.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAiC,MAAM,OAAO,CAAC;AAYhE,MAAM,OAAO,iCAAkC,SAAQ,SAAuB;IAC5E,YAAY,KAAY;QACtB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAC,QAAQ,EAAE,KAAK,EAAC,CAAC;IACjC,CAAC;IAED,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC1C,OAAO,EAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAC,CAAC;IACjC,CAAC;IAED,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QAClD,OAAO,CAAC,KAAK,CACX,4DAA4D,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EACvH,KAAK,EACL,SAAS,CACV,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACxB,OAAO,CACL,cAAK,SAAS,EAAC,2EAA2E,qCAEpF,CACP,CAAC;QACJ,CAAC;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;CACF","sourcesContent":["import {Component, type ErrorInfo, type ReactNode} from 'react';\n\ninterface Props {\n  children: ReactNode;\n  panelType?: string;\n}\n\ninterface State {\n  hasError: boolean;\n  error?: Error;\n}\n\nexport class MosaicDashboardPanelErrorBoundary extends Component<Props, State> {\n  constructor(props: Props) {\n    super(props);\n    this.state = {hasError: false};\n  }\n\n  static getDerivedStateFromError(error: Error): State {\n    return {hasError: true, error};\n  }\n\n  componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    console.error(\n      `[MosaicDashboardPanelErrorBoundary] Error rendering panel${this.props.panelType ? ` (${this.props.panelType})` : ''}:`,\n      error,\n      errorInfo,\n    );\n  }\n\n  render() {\n    if (this.state.hasError) {\n      return (\n        <div className=\"text-muted-foreground flex h-full items-center justify-center p-4 text-sm\">\n          Failed to load panel\n        </div>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n"]}

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

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import type { MosaicDashboardEntry, MosaicDashboardPanelConfig } from '../dashboard-types';
+import { type MosaicDashboardPanelRenderer } from '../MosaicDashboardSlice';
+type MosaicDashboardPanelHeaderProps = {
+    dashboardId: string;
+    dashboard?: MosaicDashboardEntry;
+    panel?: MosaicDashboardPanelConfig;
+    renderer?: MosaicDashboardPanelRenderer;
+    selectionName: string;
+};
+export declare const MosaicDashboardPanelHeader: FC<MosaicDashboardPanelHeaderProps>;
+export {};
+//# sourceMappingURL=MosaicDashboardPanelHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicDashboardPanelHeader.d.ts","sourceRoot":"","sources":["../../../src/dashboard/panel/MosaicDashboardPanelHeader.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAC,EAAE,EAAc,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,EACV,oBAAoB,EACpB,0BAA0B,EAC3B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,KAAK,4BAA4B,EAGlC,MAAM,yBAAyB,CAAC;AAEjC,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/panel/MosaicDashboardPanelHeader.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LeafLayout, useExpandGridPanel } from '@sqlrooms/layout';
+import { Button, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from '@sqlrooms/ui';
+import { ChevronsRightLeftIcon, GripVerticalIcon, MoveHorizontalIcon, Trash2Icon, } from 'lucide-react';
+import { useCallback } from 'react';
+import { useStoreWithMosaicDashboard, } from '../MosaicDashboardSlice';
+export const MosaicDashboardPanelHeader = ({ dashboardId, dashboard, panel, renderer, selectionName }) => {
+    const panelId = panel?.id;
+    const removePanel = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.removePanel);
+    const { canExpandGridPanel, expandGridPanel, isGridPanelHorizontallyExpanded } = useExpandGridPanel();
+    const handleRemove = useCallback(() => {
+        if (!panelId)
+            return;
+        removePanel(dashboardId, panelId);
+    }, [dashboardId, panelId, removePanel]);
+    const title = panel?.title ?? 'Dashboard panel';
+    const Icon = renderer?.icon;
+    const HeaderActions = renderer?.headerActions;
+    const expandLabel = isGridPanelHorizontallyExpanded
+        ? 'Shrink panel horizontally'
+        : 'Expand panel horizontally';
+    const ExpandIcon = isGridPanelHorizontallyExpanded
+        ? ChevronsRightLeftIcon
+        : MoveHorizontalIcon;
+    const rendererProps = dashboard && panel
+        ? { 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] }) }));
+};
+//# sourceMappingURL=MosaicDashboardPanelHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicDashboardPanelHeader.js","sourceRoot":"","sources":["../../../src/dashboard/panel/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/panel/MosaicDashboardPanelLayout.d.ts.map

@@ -0,0 +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"}

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

@@ -0,0 +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"]}

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

@@ -0,0 +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"}