@sqlrooms/mosaic 0.29.0-rc.2 → 0.29.0-rc.3

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

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

package/dist/dashboard/MosaicDashboardPanel.js

@@ -0,0 +1,26 @@
+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 { 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;
+    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] })) })] }));
+};
+//# sourceMappingURL=MosaicDashboardPanel.js.map

package/dist/dashboard/MosaicDashboardPanel.js.map

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

package/dist/dashboard/MosaicDashboardPanelDragOverlay.d.ts

@@ -0,0 +1,8 @@
+import { LayoutNode } from '@sqlrooms/layout';
+import { FC } from 'react';
+interface MosaicDashboardPanelDragOverlayProps {
+    node: LayoutNode;
+}
+export declare const MosaicDashboardPanelDragOverlay: FC<MosaicDashboardPanelDragOverlayProps>;
+export {};
+//# sourceMappingURL=MosaicDashboardPanelDragOverlay.d.ts.map

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicDashboardPanelDragOverlay.js","sourceRoot":"","sources":["../../src/dashboard/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,0BAA0B,CAAC;AACnE,OAAO,EAAC,2BAA2B,EAAC,MAAM,wBAAwB,CAAC;AAMnE,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/MosaicDashboardPanelHeader.d.ts

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

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

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

package/dist/dashboard/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, resolvedSource, 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, resolvedSource, 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/MosaicDashboardPanelHeader.js.map

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

package/dist/dashboard/MosaicDashboardPanelLayout.d.ts

@@ -0,0 +1,10 @@
+import React, { FC } from 'react';
+type MosaicDashboardPanelLayoutProps = {
+    isOpen?: boolean;
+    onIsOpenChange?: (isOpen: boolean) => void;
+    settings?: React.ReactNode;
+    content?: React.ReactNode;
+};
+export declare const MosaicDashboardPanelLayout: FC<MosaicDashboardPanelLayoutProps>;
+export {};
+//# sourceMappingURL=MosaicDashboardPanelLayout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicDashboardPanelLayout.d.ts","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardPanelLayout.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAC,EAAE,EAAoB,MAAM,OAAO,CAAC;AAEnD,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;AAEF,eAAO,MAAM,0BAA0B,EAAE,EAAE,CACzC,+BAA+B,CA0ChC,CAAC"}

package/dist/dashboard/MosaicDashboardPanelLayout.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ResizableHandle, ResizablePanel, ResizablePanelGroup, } from '@sqlrooms/ui';
+import { useEffect, useRef } from 'react';
+export const MosaicDashboardPanelLayout = ({ isOpen, onIsOpenChange, settings, content }) => {
+    const panelRef = useRef(null);
+    useEffect(() => {
+        if (isOpen) {
+            panelRef.current?.expand();
+        }
+        else {
+            panelRef.current?.collapse();
+        }
+    }, [isOpen]);
+    const onResize = () => {
+        const isCollapsed = panelRef.current?.isCollapsed();
+        if (isCollapsed && isOpen) {
+            onIsOpenChange?.(false);
+        }
+        if (!isCollapsed && !isOpen) {
+            onIsOpenChange?.(true);
+        }
+    };
+    return (_jsxs(ResizablePanelGroup, { orientation: "horizontal", className: "h-full", children: [_jsx(ResizablePanel, { ref: panelRef, defaultSize: "35%", minSize: "30%", maxSize: "70%", collapsible: true, collapsedSize: 0, className: "overflow-auto", onResize: onResize, children: settings }), _jsx(ResizableHandle, { className: "w-px" }), _jsx(ResizablePanel, { children: content })] }));
+};
+//# sourceMappingURL=MosaicDashboardPanelLayout.js.map

package/dist/dashboard/MosaicDashboardPanelLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicDashboardPanelLayout.js","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardPanelLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,eAAe,EACf,cAAc,EACd,mBAAmB,GAEpB,MAAM,cAAc,CAAC;AACtB,OAAc,EAAK,SAAS,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AASnD,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;IAEpD,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,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,OAAO,CACL,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,CACvB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\n  ResizableHandle,\n  ResizablePanel,\n  ResizablePanelGroup,\n  type ResizablePanelHandle,\n} from '@sqlrooms/ui';\nimport React, {FC, useEffect, useRef} from 'react';\n\ntype MosaicDashboardPanelLayoutProps = {\n  isOpen?: boolean;\n  onIsOpenChange?: (isOpen: boolean) => void;\n  settings?: React.ReactNode;\n  content?: React.ReactNode;\n};\n\nexport const MosaicDashboardPanelLayout: FC<\n  MosaicDashboardPanelLayoutProps\n> = ({isOpen, onIsOpenChange, settings, content}) => {\n  const panelRef = useRef<ResizablePanelHandle>(null);\n\n  useEffect(() => {\n    if (isOpen) {\n      panelRef.current?.expand();\n    } else {\n      panelRef.current?.collapse();\n    }\n  }, [isOpen]);\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  return (\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  );\n};\n"]}

package/dist/dashboard/MosaicDashboardPanels.d.ts

@@ -0,0 +1,2 @@
+export declare const MosaicDashboardPanels: React.FC;
+//# sourceMappingURL=MosaicDashboardPanels.d.ts.map

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

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

package/dist/dashboard/MosaicDashboardPanels.js

@@ -0,0 +1,52 @@
+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 { MosaicDashboardPanelDragOverlay } from './MosaicDashboardPanelDragOverlay';
+import { MosaicDashboardPanel } from './MosaicDashboardPanel';
+import { getMosaicDashboardDockId, MOSAIC_DASHBOARD_PANEL, useStoreWithMosaicDashboard, } from './MosaicDashboardSlice';
+const EMPTY_DASHBOARD_PANELS = [];
+export const MosaicDashboardPanels = () => {
+    const { dashboardId } = useMosaicDashboardContext();
+    const registerPanel = useStoreWithMosaicDashboard((state) => state.layout.registerPanel);
+    const unregisterPanel = useStoreWithMosaicDashboard((state) => state.layout.unregisterPanel);
+    const setLayout = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.setLayout);
+    const panels = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.config.dashboardsById[dashboardId]?.panels ??
+        EMPTY_DASHBOARD_PANELS);
+    const dashboardLayout = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.config.dashboardsById[dashboardId]?.layout ?? null);
+    const dashboardLayoutType = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.config.dashboardsById[dashboardId]?.layoutType ??
+        'dock');
+    useEffect(() => {
+        registerPanel(MOSAIC_DASHBOARD_PANEL, () => ({
+            title: 'Dashboard panel',
+            component: MosaicDashboardPanel,
+            dragOverlay: MosaicDashboardPanelDragOverlay,
+        }));
+        return () => {
+            unregisterPanel(MOSAIC_DASHBOARD_PANEL);
+        };
+    }, [registerPanel, unregisterPanel]);
+    const rootLayout = useMemo(() => {
+        if (!dashboardLayout)
+            return null;
+        if (dashboardLayoutType === 'grid') {
+            return isLayoutGridNode(dashboardLayout) ? dashboardLayout : null;
+        }
+        return {
+            type: 'dock',
+            id: getMosaicDashboardDockId(dashboardId),
+            root: dashboardLayout,
+        };
+    }, [dashboardId, dashboardLayout, dashboardLayoutType]);
+    const handleLayoutChange = useCallback((nextLayout) => {
+        const innerLayout = nextLayout && isLayoutDockNode(nextLayout)
+            ? nextLayout.root
+            : nextLayout;
+        setLayout(dashboardId, innerLayout);
+    }, [dashboardId, setLayout]);
+    if (!panels.length || !rootLayout) {
+        return (_jsx("div", { className: "text-muted-foreground flex min-h-[240px] items-center justify-center rounded-md border border-dashed p-6 text-sm", children: "Add a chart, profiler, or map to start building this dashboard." }));
+    }
+    return (_jsx("div", { className: "h-full min-h-[360px]", children: _jsx(LayoutRenderer, { rootLayout: rootLayout, onLayoutChange: handleLayoutChange }) }));
+};
+//# sourceMappingURL=MosaicDashboardPanels.js.map

package/dist/dashboard/MosaicDashboardPanels.js.map

@@ -0,0 +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 {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 (\n      <div className=\"text-muted-foreground flex min-h-[240px] items-center justify-center rounded-md border border-dashed p-6 text-sm\">\n        Add a chart, profiler, or map to start building this dashboard.\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"h-full min-h-[360px]\">\n      <LayoutRenderer\n        rootLayout={rootLayout}\n        onLayoutChange={handleLayoutChange}\n      />\n    </div>\n  );\n};\n"]}

package/dist/dashboard/MosaicDashboardProfilerPanelRenderer.d.ts

@@ -0,0 +1,3 @@
+import { type MosaicDashboardPanelRenderer, ProfilerPanel } from './MosaicDashboardSlice';
+export declare const mosaicDashboardProfilerPanelRenderer: MosaicDashboardPanelRenderer<ProfilerPanel>;
+//# sourceMappingURL=MosaicDashboardProfilerPanelRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicDashboardProfilerPanelRenderer.d.ts","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardProfilerPanelRenderer.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,KAAK,4BAA4B,EACjC,aAAa,EAGd,MAAM,wBAAwB,CAAC;AAyDhC,eAAO,MAAM,oCAAoC,EAAE,4BAA4B,CAAC,aAAa,CAI1F,CAAC"}

package/dist/dashboard/MosaicDashboardProfilerPanelRenderer.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SpinnerPane } from '@sqlrooms/ui';
+import { TablePropertiesIcon } from 'lucide-react';
+import { MosaicProfiler, } from '../profiler/MosaicProfiler';
+import { useStoreWithMosaicDashboard, } from './MosaicDashboardSlice';
+function MosaicDashboardProfilerRenderer({ panel, resolvedSource, selectionName, }) {
+    const connection = useStoreWithMosaicDashboard((state) => state.mosaic.connection);
+    const tableName = resolvedSource?.tableName;
+    const pageSize = typeof panel.config.pageSize === 'number'
+        ? panel.config.pageSize
+        : undefined;
+    if (!tableName) {
+        return (_jsx("div", { className: "text-muted-foreground flex h-full items-center justify-center p-4 text-sm", children: "Profiler panels require a table source." }));
+    }
+    if (connection.status === 'loading') {
+        return _jsx(SpinnerPane, { className: "h-full w-full" });
+    }
+    if (connection.status !== 'ready') {
+        return (_jsx("div", { className: "text-muted-foreground flex h-full items-center justify-center p-4 text-sm", children: "Mosaic connection is not ready." }));
+    }
+    const profilerProps = {
+        tableName,
+        pageSize: pageSize ?? 10,
+        selectionName,
+    };
+    return (_jsx(MosaicProfiler, { ...profilerProps, children: _jsxs("div", { className: "flex h-full min-h-0 flex-col", children: [_jsx("div", { className: "min-h-0 flex-1 overflow-auto", children: _jsxs(MosaicProfiler.Table, { children: [_jsx(MosaicProfiler.Header, {}), _jsx(MosaicProfiler.Rows, {})] }) }), _jsx(MosaicProfiler.StatusBar, {})] }) }));
+}
+export const mosaicDashboardProfilerPanelRenderer = {
+    component: MosaicDashboardProfilerRenderer,
+    icon: TablePropertiesIcon,
+};
+//# sourceMappingURL=MosaicDashboardProfilerPanelRenderer.js.map

package/dist/dashboard/MosaicDashboardProfilerPanelRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicDashboardProfilerPanelRenderer.js","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardProfilerPanelRenderer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,cAAc,CAAC;AACzC,OAAO,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AACjD,OAAO,EACL,cAAc,GAEf,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAIL,2BAA2B,GAC5B,MAAM,wBAAwB,CAAC;AAEhC,SAAS,+BAA+B,CAAC,EACvC,KAAK,EACL,cAAc,EACd,aAAa,GACc;IAC3B,MAAM,UAAU,GAAG,2BAA2B,CAC5C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CACnC,CAAC;IACF,MAAM,SAAS,GAAG,cAAc,EAAE,SAAS,CAAC;IAC5C,MAAM,QAAQ,GACZ,OAAO,KAAK,CAAC,MAAM,CAAC,QAAQ,KAAK,QAAQ;QACvC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;QACvB,CAAC,CAAC,SAAS,CAAC;IAEhB,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,CACL,cAAK,SAAS,EAAC,2EAA2E,wDAEpF,CACP,CAAC;IACJ,CAAC;IAED,IAAI,UAAU,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;QACpC,OAAO,KAAC,WAAW,IAAC,SAAS,EAAC,eAAe,GAAG,CAAC;IACnD,CAAC;IAED,IAAI,UAAU,CAAC,MAAM,KAAK,OAAO,EAAE,CAAC;QAClC,OAAO,CACL,cAAK,SAAS,EAAC,2EAA2E,gDAEpF,CACP,CAAC;IACJ,CAAC;IAED,MAAM,aAAa,GAAG;QACpB,SAAS;QACT,QAAQ,EAAE,QAAQ,IAAI,EAAE;QACxB,aAAa;KACgB,CAAC;IAEhC,OAAO,CACL,KAAC,cAAc,OAAK,aAAa,YAC/B,eAAK,SAAS,EAAC,8BAA8B,aAC3C,cAAK,SAAS,EAAC,8BAA8B,YAC3C,MAAC,cAAc,CAAC,KAAK,eACnB,KAAC,cAAc,CAAC,MAAM,KAAG,EACzB,KAAC,cAAc,CAAC,IAAI,KAAG,IACF,GACnB,EACN,KAAC,cAAc,CAAC,SAAS,KAAG,IACxB,GACS,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,oCAAoC,GAC/C;IACE,SAAS,EAAE,+BAA+B;IAC1C,IAAI,EAAE,mBAAmB;CAC1B,CAAC","sourcesContent":["import {SpinnerPane} from '@sqlrooms/ui';\nimport {TablePropertiesIcon} from 'lucide-react';\nimport {\n  MosaicProfiler,\n  type MosaicProfilerProps,\n} from '../profiler/MosaicProfiler';\nimport {\n  type MosaicDashboardPanelRenderer,\n  ProfilerPanel,\n  type ProfilerPanelRendererProps,\n  useStoreWithMosaicDashboard,\n} from './MosaicDashboardSlice';\n\nfunction MosaicDashboardProfilerRenderer({\n  panel,\n  resolvedSource,\n  selectionName,\n}: ProfilerPanelRendererProps) {\n  const connection = useStoreWithMosaicDashboard(\n    (state) => state.mosaic.connection,\n  );\n  const tableName = resolvedSource?.tableName;\n  const pageSize =\n    typeof panel.config.pageSize === 'number'\n      ? panel.config.pageSize\n      : undefined;\n\n  if (!tableName) {\n    return (\n      <div className=\"text-muted-foreground flex h-full items-center justify-center p-4 text-sm\">\n        Profiler panels require a table source.\n      </div>\n    );\n  }\n\n  if (connection.status === 'loading') {\n    return <SpinnerPane className=\"h-full w-full\" />;\n  }\n\n  if (connection.status !== 'ready') {\n    return (\n      <div className=\"text-muted-foreground flex h-full items-center justify-center p-4 text-sm\">\n        Mosaic connection is not ready.\n      </div>\n    );\n  }\n\n  const profilerProps = {\n    tableName,\n    pageSize: pageSize ?? 10,\n    selectionName,\n  } satisfies MosaicProfilerProps;\n\n  return (\n    <MosaicProfiler {...profilerProps}>\n      <div className=\"flex h-full min-h-0 flex-col\">\n        <div className=\"min-h-0 flex-1 overflow-auto\">\n          <MosaicProfiler.Table>\n            <MosaicProfiler.Header />\n            <MosaicProfiler.Rows />\n          </MosaicProfiler.Table>\n        </div>\n        <MosaicProfiler.StatusBar />\n      </div>\n    </MosaicProfiler>\n  );\n}\n\nexport const mosaicDashboardProfilerPanelRenderer: MosaicDashboardPanelRenderer<ProfilerPanel> =\n  {\n    component: MosaicDashboardProfilerRenderer,\n    icon: TablePropertiesIcon,\n  };\n"]}