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

package/dist/dashboard/DashboardPanelErrorBoundary.d.ts

@@ -1,17 +0,0 @@
-import { Component, type ErrorInfo, type ReactNode } from 'react';
-interface Props {
-    children: ReactNode;
-    panelType?: string;
-}
-interface State {
-    hasError: boolean;
-    error?: Error;
-}
-export declare class DashboardPanelErrorBoundary 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=DashboardPanelErrorBoundary.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DashboardPanelErrorBoundary.d.ts","sourceRoot":"","sources":["../../src/dashboard/DashboardPanelErrorBoundary.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,2BAA4B,SAAQ,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;gBAC1D,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/DashboardPanelErrorBoundary.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Component } from 'react';
-export class DashboardPanelErrorBoundary extends Component {
-    constructor(props) {
-        super(props);
-        this.state = { hasError: false };
-    }
-    static getDerivedStateFromError(error) {
-        return { hasError: true, error };
-    }
-    componentDidCatch(error, errorInfo) {
-        console.error(`[DashboardPanelErrorBoundary] 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=DashboardPanelErrorBoundary.js.map

package/dist/dashboard/DashboardPanelErrorBoundary.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DashboardPanelErrorBoundary.js","sourceRoot":"","sources":["../../src/dashboard/DashboardPanelErrorBoundary.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAiC,MAAM,OAAO,CAAC;AAYhE,MAAM,OAAO,2BAA4B,SAAQ,SAAuB;IACtE,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,sDAAsD,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EACjH,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 DashboardPanelErrorBoundary 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      `[DashboardPanelErrorBoundary] 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/MosaicDashboardEmptyState.d.ts

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

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

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

package/dist/dashboard/MosaicDashboardEmptyState.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '@sqlrooms/ui';
-import { useMosaicDashboardContext } from './MosaicDashboardContext';
-import { useAddPanelActions } from './useAddPanelActions';
-export const MosaicDashboardEmptyState = () => {
-    const { dashboardId } = useMosaicDashboardContext();
-    const { actions, canAddPanel, handleAddPanel } = useAddPanelActions(dashboardId);
-    // Show panel selection screen if table is selected
-    return (_jsx("div", { className: "m-4 flex min-h-[240px] items-center justify-center rounded-md border border-dashed p-8", children: _jsxs("div", { className: "flex flex-col items-center gap-4", children: [_jsx("p", { className: "text-muted-foreground text-sm", children: "Add a chart, profiler, map, or text to start building this dashboard" }), _jsx("div", { className: "flex gap-3", children: actions.map((action) => {
-                        const Icon = action.icon;
-                        return (_jsxs(Button, { variant: "outline", disabled: !canAddPanel(action), onClick: () => handleAddPanel(action), children: [Icon && _jsx(Icon, { className: "mr-2 h-4 w-4" }), action.label] }, action.type));
-                    }) })] }) }));
-};
-//# sourceMappingURL=MosaicDashboardEmptyState.js.map

package/dist/dashboard/MosaicDashboardEmptyState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MosaicDashboardEmptyState.js","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardEmptyState.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAC;AACpC,OAAO,EAAC,yBAAyB,EAAC,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AAExD,MAAM,CAAC,MAAM,yBAAyB,GAAa,GAAG,EAAE;IACtD,MAAM,EAAC,WAAW,EAAC,GAAG,yBAAyB,EAAE,CAAC;IAClD,MAAM,EAAC,OAAO,EAAE,WAAW,EAAE,cAAc,EAAC,GAC1C,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAElC,mDAAmD;IACnD,OAAO,CACL,cAAK,SAAS,EAAC,wFAAwF,YACrG,eAAK,SAAS,EAAC,kCAAkC,aAC/C,YAAG,SAAS,EAAC,+BAA+B,qFAExC,EACJ,cAAK,SAAS,EAAC,YAAY,YACxB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;wBACtB,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;wBAEzB,OAAO,CACL,MAAC,MAAM,IAEL,OAAO,EAAC,SAAS,EACjB,QAAQ,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,aAEpC,IAAI,IAAI,KAAC,IAAI,IAAC,SAAS,EAAC,cAAc,GAAG,EACzC,MAAM,CAAC,KAAK,KANR,MAAM,CAAC,IAAI,CAOT,CACV,CAAC;oBACJ,CAAC,CAAC,GACE,IACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {Button} from '@sqlrooms/ui';\nimport {useMosaicDashboardContext} from './MosaicDashboardContext';\nimport {useAddPanelActions} from './useAddPanelActions';\n\nexport const MosaicDashboardEmptyState: React.FC = () => {\n  const {dashboardId} = useMosaicDashboardContext();\n  const {actions, canAddPanel, handleAddPanel} =\n    useAddPanelActions(dashboardId);\n\n  // Show panel selection screen if table is selected\n  return (\n    <div className=\"m-4 flex min-h-[240px] items-center justify-center rounded-md border border-dashed p-8\">\n      <div className=\"flex flex-col items-center gap-4\">\n        <p className=\"text-muted-foreground text-sm\">\n          Add a chart, profiler, map, or text to start building this dashboard\n        </p>\n        <div className=\"flex gap-3\">\n          {actions.map((action) => {\n            const Icon = action.icon;\n\n            return (\n              <Button\n                key={action.type}\n                variant=\"outline\"\n                disabled={!canAddPanel(action)}\n                onClick={() => handleAddPanel(action)}\n              >\n                {Icon && <Icon className=\"mr-2 h-4 w-4\" />}\n                {action.label}\n              </Button>\n            );\n          })}\n        </div>\n      </div>\n    </div>\n  );\n};\n"]}

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

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

package/dist/dashboard/MosaicDashboardPanel.js

@@ -1,23 +0,0 @@
-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, 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: RendererComponent ? (_jsx(DashboardPanelErrorBoundary, { panelType: panel.type, children: _jsx(RendererComponent, { dashboardId: dashboardId, dashboard: dashboard, panel: panel, selectionName: selectionName }) })) : (_jsxs("div", { className: "text-muted-foreground flex h-full items-center justify-center p-4 text-sm", children: ["Unsupported dashboard panel type: ", panel.type] })) })] }));
-};
-//# sourceMappingURL=MosaicDashboardPanel.js.map

package/dist/dashboard/MosaicDashboardPanel.js.map

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

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

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

@@ -1,17 +0,0 @@
-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

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

@@ -1,13 +0,0 @@
-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/MosaicDashboardPanelHeader.d.ts.map

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

package/dist/dashboard/MosaicDashboardPanelHeader.js

@@ -1,30 +0,0 @@
-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/MosaicDashboardPanelHeader.js.map

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

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

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

@@ -1 +0,0 @@
-{"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,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/MosaicDashboardPanels.d.ts.map

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

package/dist/dashboard/MosaicDashboardPanels.js

@@ -1,54 +0,0 @@
-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';
-import { MosaicDashboardInitialState } from './initial-state/MosaicDashboardInitialState';
-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]);
-    const { onStart } = useMosaicDashboardContext();
-    if (!panels.length || !rootLayout) {
-        return _jsx(MosaicDashboardInitialState, { onStart: onStart });
-    }
-    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

@@ -1 +0,0 @@
-{"version":3,"file":"MosaicDashboardPanels.js","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardPanels.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  isLayoutDockNode,\n  isLayoutGridNode,\n  LayoutNode,\n  LayoutRenderer,\n} from '@sqlrooms/layout';\nimport {useCallback, useEffect, useMemo} from 'react';\nimport {useMosaicDashboardContext} from './MosaicDashboardContext';\nimport {MosaicDashboardPanelDragOverlay} from './MosaicDashboardPanelDragOverlay';\nimport {MosaicDashboardPanel} from './MosaicDashboardPanel';\nimport type {MosaicDashboardPanelConfig} from './dashboard-types';\nimport {\n  getMosaicDashboardDockId,\n  MOSAIC_DASHBOARD_PANEL,\n  useStoreWithMosaicDashboard,\n} from './MosaicDashboardSlice';\nimport {MosaicDashboardInitialState} from './initial-state/MosaicDashboardInitialState';\n\nconst EMPTY_DASHBOARD_PANELS: MosaicDashboardPanelConfig[] = [];\n\nexport const MosaicDashboardPanels: React.FC = () => {\n  const {dashboardId} = useMosaicDashboardContext();\n  const registerPanel = useStoreWithMosaicDashboard(\n    (state) => state.layout.registerPanel,\n  );\n  const unregisterPanel = useStoreWithMosaicDashboard(\n    (state) => state.layout.unregisterPanel,\n  );\n  const setLayout = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.setLayout,\n  );\n  const panels = useStoreWithMosaicDashboard(\n    (state) =>\n      state.mosaicDashboard.config.dashboardsById[dashboardId]?.panels ??\n      EMPTY_DASHBOARD_PANELS,\n  );\n  const dashboardLayout = useStoreWithMosaicDashboard(\n    (state) =>\n      state.mosaicDashboard.config.dashboardsById[dashboardId]?.layout ?? null,\n  );\n  const dashboardLayoutType = useStoreWithMosaicDashboard(\n    (state) =>\n      state.mosaicDashboard.config.dashboardsById[dashboardId]?.layoutType ??\n      'dock',\n  );\n\n  useEffect(() => {\n    registerPanel(MOSAIC_DASHBOARD_PANEL, () => ({\n      title: 'Dashboard panel',\n      component: MosaicDashboardPanel,\n      dragOverlay: MosaicDashboardPanelDragOverlay,\n    }));\n    return () => {\n      unregisterPanel(MOSAIC_DASHBOARD_PANEL);\n    };\n  }, [registerPanel, unregisterPanel]);\n\n  const rootLayout: LayoutNode | null = useMemo(() => {\n    if (!dashboardLayout) return null;\n    if (dashboardLayoutType === 'grid') {\n      return isLayoutGridNode(dashboardLayout) ? dashboardLayout : null;\n    }\n    return {\n      type: 'dock',\n      id: getMosaicDashboardDockId(dashboardId),\n      root: dashboardLayout,\n    };\n  }, [dashboardId, dashboardLayout, dashboardLayoutType]);\n\n  const handleLayoutChange = useCallback(\n    (nextLayout: LayoutNode | null) => {\n      const innerLayout =\n        nextLayout && isLayoutDockNode(nextLayout)\n          ? nextLayout.root\n          : nextLayout;\n      setLayout(dashboardId, innerLayout);\n    },\n    [dashboardId, setLayout],\n  );\n\n  const {onStart} = useMosaicDashboardContext();\n\n  if (!panels.length || !rootLayout) {\n    return <MosaicDashboardInitialState onStart={onStart} />;\n  }\n\n  return (\n    <div className=\"h-full min-h-[360px]\">\n      <LayoutRenderer\n        rootLayout={rootLayout}\n        onLayoutChange={handleLayoutChange}\n      />\n    </div>\n  );\n};\n"]}

package/dist/dashboard/defaultPanelRenderers.d.ts

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

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

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

package/dist/dashboard/defaultPanelRenderers.js

@@ -1,13 +0,0 @@
-import { MOSAIC_DASHBOARD_PROFILER_PANEL_TYPE, MOSAIC_DASHBOARD_CHART_PANEL_TYPE, MOSAIC_DASHBOARD_TEXT_PANEL_TYPE, } from './dashboard-types';
-import { mosaicDashboardProfilerPanelRenderer } from '../profiler/MosaicDashboardProfilerPanelRenderer';
-import { mosaicDashboardChartRenderer } from '../chart/MosaicDashboardChartRenderer';
-import { mosaicDashboardTextRenderer } from '../text/MosaicDashboardTextRenderer';
-export function createDefaultMosaicDashboardPanelRenderers(extraRenderers = {}) {
-    return {
-        [MOSAIC_DASHBOARD_CHART_PANEL_TYPE]: mosaicDashboardChartRenderer,
-        [MOSAIC_DASHBOARD_PROFILER_PANEL_TYPE]: mosaicDashboardProfilerPanelRenderer,
-        [MOSAIC_DASHBOARD_TEXT_PANEL_TYPE]: mosaicDashboardTextRenderer,
-        ...extraRenderers,
-    };
-}
-//# sourceMappingURL=defaultPanelRenderers.js.map

package/dist/dashboard/defaultPanelRenderers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaultPanelRenderers.js","sourceRoot":"","sources":["../../src/dashboard/defaultPanelRenderers.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oCAAoC,EACpC,iCAAiC,EACjC,gCAAgC,GACjC,MAAM,mBAAmB,CAAC;AAK3B,OAAO,EAAC,oCAAoC,EAAC,MAAM,kDAAkD,CAAC;AACtG,OAAO,EAAC,4BAA4B,EAAC,MAAM,uCAAuC,CAAC;AACnF,OAAO,EAAC,2BAA2B,EAAC,MAAM,qCAAqC,CAAC;AAEhF,MAAM,UAAU,0CAA0C,CACxD,iBAAuC,EAAE;IAEzC,OAAO;QACL,CAAC,iCAAiC,CAAC,EACjC,4BAAgD;QAClD,CAAC,oCAAoC,CAAC,EACpC,oCAAwD;QAC1D,CAAC,gCAAgC,CAAC,EAChC,2BAA+C;QACjD,GAAG,cAAc;KAClB,CAAC;AACJ,CAAC","sourcesContent":["import {\n  MOSAIC_DASHBOARD_PROFILER_PANEL_TYPE,\n  MOSAIC_DASHBOARD_CHART_PANEL_TYPE,\n  MOSAIC_DASHBOARD_TEXT_PANEL_TYPE,\n} from './dashboard-types';\nimport {\n  type AnyPanelRenderer,\n  type PanelRenderersRecord,\n} from './MosaicDashboardSlice';\nimport {mosaicDashboardProfilerPanelRenderer} from '../profiler/MosaicDashboardProfilerPanelRenderer';\nimport {mosaicDashboardChartRenderer} from '../chart/MosaicDashboardChartRenderer';\nimport {mosaicDashboardTextRenderer} from '../text/MosaicDashboardTextRenderer';\n\nexport function createDefaultMosaicDashboardPanelRenderers(\n  extraRenderers: PanelRenderersRecord = {},\n): PanelRenderersRecord {\n  return {\n    [MOSAIC_DASHBOARD_CHART_PANEL_TYPE]:\n      mosaicDashboardChartRenderer as AnyPanelRenderer,\n    [MOSAIC_DASHBOARD_PROFILER_PANEL_TYPE]:\n      mosaicDashboardProfilerPanelRenderer as AnyPanelRenderer,\n    [MOSAIC_DASHBOARD_TEXT_PANEL_TYPE]:\n      mosaicDashboardTextRenderer as AnyPanelRenderer,\n    ...extraRenderers,\n  };\n}\n"]}

package/dist/dashboard/initial-state/BuildDashboardManuallyPanel.d.ts

@@ -1,6 +0,0 @@
-export interface BuildDashboardManuallyPanelProps {
-    isStarting: boolean;
-    onStartingChange: (isStarting: boolean) => void;
-}
-export declare const BuildDashboardManuallyPanel: React.FC<BuildDashboardManuallyPanelProps>;
-//# sourceMappingURL=BuildDashboardManuallyPanel.d.ts.map

package/dist/dashboard/initial-state/BuildDashboardManuallyPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BuildDashboardManuallyPanel.d.ts","sourceRoot":"","sources":["../../../src/dashboard/initial-state/BuildDashboardManuallyPanel.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,gCAAgC;IAC/C,UAAU,EAAE,OAAO,CAAC;IACpB,gBAAgB,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CACjD;AAED,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAChD,gCAAgC,CAgFjC,CAAC"}

package/dist/dashboard/initial-state/BuildDashboardManuallyPanel.js

@@ -1,46 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '@sqlrooms/ui';
-import { useCallback, useState } from 'react';
-import { TableSelector } from '../../chart-builders/TableSelector';
-import { Field } from '../../chart-builders/Field';
-import { useMosaicDashboardContext } from '../MosaicDashboardContext';
-import { useStoreWithMosaicDashboard, createMosaicDashboardProfilerPanelConfig, } from '../MosaicDashboardSlice';
-export const BuildDashboardManuallyPanel = ({ isStarting, onStartingChange }) => {
-    const { dashboardId } = useMosaicDashboardContext();
-    const setSelectedTable = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.setSelectedTable);
-    const addPanel = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.addPanel);
-    const tables = useStoreWithMosaicDashboard((state) => state.db.tables);
-    const [tableName, setTableName] = useState(undefined);
-    const handleStart = useCallback(() => {
-        if (!tableName || isStarting)
-            return;
-        onStartingChange(true);
-        try {
-            // Set the selected table
-            setSelectedTable(dashboardId, tableName);
-            // Find the table info to get the proper title
-            const tableInfo = tables.find((t) => t.table.table === tableName);
-            const title = tableInfo
-                ? `${tableInfo.table.table} profiler`
-                : `${tableName} profiler`;
-            // Create and add a profiler panel
-            const profilerPanel = createMosaicDashboardProfilerPanelConfig({
-                title,
-            });
-            addPanel(dashboardId, profilerPanel);
-        }
-        finally {
-            onStartingChange(false);
-        }
-    }, [
-        tableName,
-        dashboardId,
-        setSelectedTable,
-        addPanel,
-        tables,
-        onStartingChange,
-        isStarting,
-    ]);
-    return (_jsxs("div", { className: "bg-card flex flex-col gap-4 rounded-lg border p-6", children: [_jsxs("div", { children: [_jsx("h3", { className: "mb-1 font-medium", children: "Create Manually" }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Start with a data profiler and build your dashboard step by step" })] }), _jsxs("div", { className: "flex flex-1 flex-col gap-3", children: [_jsx(Field, { label: "Table", required: true, children: _jsx(TableSelector, { value: tableName, onChange: setTableName, placeholder: "Select table\u2026" }) }), _jsxs("div", { className: "text-muted-foreground flex-1 space-y-2 text-sm", children: [_jsx("p", { children: "This will create a dashboard with:" }), _jsxs("ul", { className: "ml-4 list-disc space-y-1", children: [_jsx("li", { children: "Data profiler for exploring your table" }), _jsx("li", { children: "Quick stats and column information" }), _jsx("li", { children: "Ability to add charts and visualizations" })] })] }), _jsx(Button, { className: "mt-auto w-full", variant: "outline", disabled: !tableName || isStarting, onClick: handleStart, children: isStarting ? 'Starting...' : 'Create Dashboard' })] })] }));
-};
-//# sourceMappingURL=BuildDashboardManuallyPanel.js.map

package/dist/dashboard/initial-state/BuildDashboardManuallyPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BuildDashboardManuallyPanel.js","sourceRoot":"","sources":["../../../src/dashboard/initial-state/BuildDashboardManuallyPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Button} from '@sqlrooms/ui';\nimport {useCallback, useState} from 'react';\nimport {TableSelector} from '../../chart-builders/TableSelector';\nimport {Field} from '../../chart-builders/Field';\nimport {useMosaicDashboardContext} from '../MosaicDashboardContext';\nimport {\n  useStoreWithMosaicDashboard,\n  createMosaicDashboardProfilerPanelConfig,\n} from '../MosaicDashboardSlice';\n\nexport interface BuildDashboardManuallyPanelProps {\n  isStarting: boolean;\n  onStartingChange: (isStarting: boolean) => void;\n}\n\nexport const BuildDashboardManuallyPanel: React.FC<\n  BuildDashboardManuallyPanelProps\n> = ({isStarting, onStartingChange}) => {\n  const {dashboardId} = useMosaicDashboardContext();\n  const setSelectedTable = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.setSelectedTable,\n  );\n  const addPanel = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.addPanel,\n  );\n  const tables = useStoreWithMosaicDashboard((state) => state.db.tables);\n\n  const [tableName, setTableName] = useState<string | undefined>(undefined);\n\n  const handleStart = useCallback(() => {\n    if (!tableName || isStarting) return;\n\n    onStartingChange(true);\n    try {\n      // Set the selected table\n      setSelectedTable(dashboardId, tableName);\n\n      // Find the table info to get the proper title\n      const tableInfo = tables.find((t) => t.table.table === tableName);\n      const title = tableInfo\n        ? `${tableInfo.table.table} profiler`\n        : `${tableName} profiler`;\n\n      // Create and add a profiler panel\n      const profilerPanel = createMosaicDashboardProfilerPanelConfig({\n        title,\n      });\n      addPanel(dashboardId, profilerPanel);\n    } finally {\n      onStartingChange(false);\n    }\n  }, [\n    tableName,\n    dashboardId,\n    setSelectedTable,\n    addPanel,\n    tables,\n    onStartingChange,\n    isStarting,\n  ]);\n\n  return (\n    <div className=\"bg-card flex flex-col gap-4 rounded-lg border p-6\">\n      <div>\n        <h3 className=\"mb-1 font-medium\">Create Manually</h3>\n        <p className=\"text-muted-foreground text-sm\">\n          Start with a data profiler and build your dashboard step by step\n        </p>\n      </div>\n      <div className=\"flex flex-1 flex-col gap-3\">\n        <Field label=\"Table\" required>\n          <TableSelector\n            value={tableName}\n            onChange={setTableName}\n            placeholder=\"Select table…\"\n          />\n        </Field>\n        <div className=\"text-muted-foreground flex-1 space-y-2 text-sm\">\n          <p>This will create a dashboard with:</p>\n          <ul className=\"ml-4 list-disc space-y-1\">\n            <li>Data profiler for exploring your table</li>\n            <li>Quick stats and column information</li>\n            <li>Ability to add charts and visualizations</li>\n          </ul>\n        </div>\n        <Button\n          className=\"mt-auto w-full\"\n          variant=\"outline\"\n          disabled={!tableName || isStarting}\n          onClick={handleStart}\n        >\n          {isStarting ? 'Starting...' : 'Create Dashboard'}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/dashboard/initial-state/BuildDashboardWithAIPanel.d.ts

@@ -1,7 +0,0 @@
-export interface BuildDashboardWithAIPanelProps {
-    onStart?: (prompt: string) => void | Promise<void>;
-    isStarting: boolean;
-    onStartingChange: (isStarting: boolean) => void;
-}
-export declare const BuildDashboardWithAIPanel: React.FC<BuildDashboardWithAIPanelProps>;
-//# sourceMappingURL=BuildDashboardWithAIPanel.d.ts.map

package/dist/dashboard/initial-state/BuildDashboardWithAIPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BuildDashboardWithAIPanel.d.ts","sourceRoot":"","sources":["../../../src/dashboard/initial-state/BuildDashboardWithAIPanel.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,8BAA8B;IAC7C,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACnD,UAAU,EAAE,OAAO,CAAC;IACpB,gBAAgB,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CACjD;AAED,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAC9C,8BAA8B,CA6D/B,CAAC"}

package/dist/dashboard/initial-state/BuildDashboardWithAIPanel.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Textarea } from '@sqlrooms/ui';
-import { useCallback, useState } from 'react';
-import { Field } from '../../chart-builders/Field';
-export const BuildDashboardWithAIPanel = ({ onStart, isStarting, onStartingChange }) => {
-    const [prompt, setPrompt] = useState('');
-    const handleStart = useCallback(async () => {
-        if (!prompt.trim() || isStarting)
-            return;
-        onStartingChange(true);
-        try {
-            if (onStart) {
-                await onStart(prompt);
-            }
-        }
-        finally {
-            onStartingChange(false);
-        }
-    }, [prompt, onStart, onStartingChange, isStarting]);
-    return (_jsxs("div", { className: "bg-card flex flex-col gap-4 rounded-lg border p-6", children: [_jsxs("div", { children: [_jsx("h3", { className: "mb-1 font-medium", children: "Analyze with AI" }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Describe what you want to explore and let AI build the dashboard" })] }), _jsxs("div", { className: "flex flex-1 flex-col gap-3", children: [_jsx(Field, { label: "What would you like to analyze?", required: true, children: _jsxs("div", { className: "space-y-1", children: [_jsx(Textarea, { value: prompt, onChange: (e) => setPrompt(e.target.value), placeholder: "e.g., Show me sales trends over time, identify top customers, analyze seasonal patterns...", rows: 6, className: "resize-none", onKeyDown: (e) => {
-                                        if (e.key === 'Enter' &&
-                                            (e.metaKey || e.ctrlKey) &&
-                                            prompt.trim()) {
-                                            e.preventDefault();
-                                            handleStart();
-                                        }
-                                    } }), _jsxs("p", { className: "text-muted-foreground text-xs", children: ["Press ", navigator.platform.includes('Mac') ? '⌘' : 'Ctrl', "+Enter to analyze"] })] }) }), _jsx(Button, { className: "mt-auto w-full", disabled: !prompt.trim() || isStarting, onClick: handleStart, children: isStarting ? 'Starting...' : 'Analyze with AI' })] })] }));
-};
-//# sourceMappingURL=BuildDashboardWithAIPanel.js.map

package/dist/dashboard/initial-state/BuildDashboardWithAIPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BuildDashboardWithAIPanel.js","sourceRoot":"","sources":["../../../src/dashboard/initial-state/BuildDashboardWithAIPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAE,QAAQ,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,WAAW,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAC,KAAK,EAAC,MAAM,4BAA4B,CAAC;AAQjD,MAAM,CAAC,MAAM,yBAAyB,GAElC,CAAC,EAAC,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAC,EAAE,EAAE;IAC9C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAEjD,MAAM,WAAW,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACzC,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,UAAU;YAAE,OAAO;QAEzC,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACvB,IAAI,CAAC;YACH,IAAI,OAAO,EAAE,CAAC;gBACZ,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC;YACxB,CAAC;QACH,CAAC;gBAAS,CAAC;YACT,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,gBAAgB,EAAE,UAAU,CAAC,CAAC,CAAC;IAEpD,OAAO,CACL,eAAK,SAAS,EAAC,mDAAmD,aAChE,0BACE,aAAI,SAAS,EAAC,kBAAkB,gCAAqB,EACrD,YAAG,SAAS,EAAC,+BAA+B,iFAExC,IACA,EACN,eAAK,SAAS,EAAC,4BAA4B,aACzC,KAAC,KAAK,IAAC,KAAK,EAAC,iCAAiC,EAAC,QAAQ,kBACrD,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,QAAQ,IACP,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC1C,WAAW,EAAC,4FAA4F,EACxG,IAAI,EAAE,CAAC,EACP,SAAS,EAAC,aAAa,EACvB,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;wCACf,IACE,CAAC,CAAC,GAAG,KAAK,OAAO;4CACjB,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC;4CACxB,MAAM,CAAC,IAAI,EAAE,EACb,CAAC;4CACD,CAAC,CAAC,cAAc,EAAE,CAAC;4CACnB,WAAW,EAAE,CAAC;wCAChB,CAAC;oCACH,CAAC,GACD,EACF,aAAG,SAAS,EAAC,+BAA+B,uBACnC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,yBAEtD,IACA,GACA,EACR,KAAC,MAAM,IACL,SAAS,EAAC,gBAAgB,EAC1B,QAAQ,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,UAAU,EACtC,OAAO,EAAE,WAAW,YAEnB,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,GACxC,IACL,IACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {Button, Textarea} from '@sqlrooms/ui';\nimport {useCallback, useState} from 'react';\nimport {Field} from '../../chart-builders/Field';\n\nexport interface BuildDashboardWithAIPanelProps {\n  onStart?: (prompt: string) => void | Promise<void>;\n  isStarting: boolean;\n  onStartingChange: (isStarting: boolean) => void;\n}\n\nexport const BuildDashboardWithAIPanel: React.FC<\n  BuildDashboardWithAIPanelProps\n> = ({onStart, isStarting, onStartingChange}) => {\n  const [prompt, setPrompt] = useState<string>('');\n\n  const handleStart = useCallback(async () => {\n    if (!prompt.trim() || isStarting) return;\n\n    onStartingChange(true);\n    try {\n      if (onStart) {\n        await onStart(prompt);\n      }\n    } finally {\n      onStartingChange(false);\n    }\n  }, [prompt, onStart, onStartingChange, isStarting]);\n\n  return (\n    <div className=\"bg-card flex flex-col gap-4 rounded-lg border p-6\">\n      <div>\n        <h3 className=\"mb-1 font-medium\">Analyze with AI</h3>\n        <p className=\"text-muted-foreground text-sm\">\n          Describe what you want to explore and let AI build the dashboard\n        </p>\n      </div>\n      <div className=\"flex flex-1 flex-col gap-3\">\n        <Field label=\"What would you like to analyze?\" required>\n          <div className=\"space-y-1\">\n            <Textarea\n              value={prompt}\n              onChange={(e) => setPrompt(e.target.value)}\n              placeholder=\"e.g., Show me sales trends over time, identify top customers, analyze seasonal patterns...\"\n              rows={6}\n              className=\"resize-none\"\n              onKeyDown={(e) => {\n                if (\n                  e.key === 'Enter' &&\n                  (e.metaKey || e.ctrlKey) &&\n                  prompt.trim()\n                ) {\n                  e.preventDefault();\n                  handleStart();\n                }\n              }}\n            />\n            <p className=\"text-muted-foreground text-xs\">\n              Press {navigator.platform.includes('Mac') ? '⌘' : 'Ctrl'}+Enter to\n              analyze\n            </p>\n          </div>\n        </Field>\n        <Button\n          className=\"mt-auto w-full\"\n          disabled={!prompt.trim() || isStarting}\n          onClick={handleStart}\n        >\n          {isStarting ? 'Starting...' : 'Analyze with AI'}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/dashboard/initial-state/MosaicDashboardInitialState.d.ts

@@ -1,6 +0,0 @@
-import type { OnStartDashboard } from '../action-types';
-export interface MosaicDashboardInitialStateProps {
-    onStart?: OnStartDashboard;
-}
-export declare const MosaicDashboardInitialState: React.FC<MosaicDashboardInitialStateProps>;
-//# sourceMappingURL=MosaicDashboardInitialState.d.ts.map

package/dist/dashboard/initial-state/MosaicDashboardInitialState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MosaicDashboardInitialState.d.ts","sourceRoot":"","sources":["../../../src/dashboard/initial-state/MosaicDashboardInitialState.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AAItD,MAAM,WAAW,gCAAgC;IAC/C,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B;AAED,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAChD,gCAAgC,CA4BjC,CAAC"}

package/dist/dashboard/initial-state/MosaicDashboardInitialState.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { BuildDashboardWithAIPanel } from './BuildDashboardWithAIPanel';
-import { BuildDashboardManuallyPanel } from './BuildDashboardManuallyPanel';
-export const MosaicDashboardInitialState = ({ onStart }) => {
-    const [isStarting, setIsStarting] = useState(false);
-    return (_jsx("div", { className: "m-4 flex min-h-[240px] items-center justify-center rounded-md p-8", children: _jsxs("div", { className: "flex w-full max-w-4xl flex-col gap-8", children: [_jsxs("div", { className: "text-center", children: [_jsx("h2", { className: "text-lg font-semibold", children: "Create Your Dashboard" }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Choose how you'd like to start" })] }), _jsxs("div", { className: "grid gap-8 md:grid-cols-2", children: [_jsx(BuildDashboardWithAIPanel, { onStart: onStart, isStarting: isStarting, onStartingChange: setIsStarting }), _jsx(BuildDashboardManuallyPanel, { isStarting: isStarting, onStartingChange: setIsStarting })] })] }) }));
-};
-//# sourceMappingURL=MosaicDashboardInitialState.js.map

package/dist/dashboard/initial-state/MosaicDashboardInitialState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MosaicDashboardInitialState.js","sourceRoot":"","sources":["../../../src/dashboard/initial-state/MosaicDashboardInitialState.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,yBAAyB,EAAC,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAC,2BAA2B,EAAC,MAAM,+BAA+B,CAAC;AAM1E,MAAM,CAAC,MAAM,2BAA2B,GAEpC,CAAC,EAAC,OAAO,EAAC,EAAE,EAAE;IAChB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,OAAO,CACL,cAAK,SAAS,EAAC,mEAAmE,YAChF,eAAK,SAAS,EAAC,sCAAsC,aACnD,eAAK,SAAS,EAAC,aAAa,aAC1B,aAAI,SAAS,EAAC,uBAAuB,sCAA2B,EAChE,YAAG,SAAS,EAAC,+BAA+B,+CAExC,IACA,EAEN,eAAK,SAAS,EAAC,2BAA2B,aACxC,KAAC,yBAAyB,IACxB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,aAAa,GAC/B,EACF,KAAC,2BAA2B,IAC1B,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,aAAa,GAC/B,IACE,IACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {useState} from 'react';\nimport type {OnStartDashboard} from '../action-types';\nimport {BuildDashboardWithAIPanel} from './BuildDashboardWithAIPanel';\nimport {BuildDashboardManuallyPanel} from './BuildDashboardManuallyPanel';\n\nexport interface MosaicDashboardInitialStateProps {\n  onStart?: OnStartDashboard;\n}\n\nexport const MosaicDashboardInitialState: React.FC<\n  MosaicDashboardInitialStateProps\n> = ({onStart}) => {\n  const [isStarting, setIsStarting] = useState(false);\n\n  return (\n    <div className=\"m-4 flex min-h-[240px] items-center justify-center rounded-md p-8\">\n      <div className=\"flex w-full max-w-4xl flex-col gap-8\">\n        <div className=\"text-center\">\n          <h2 className=\"text-lg font-semibold\">Create Your Dashboard</h2>\n          <p className=\"text-muted-foreground text-sm\">\n            Choose how you&apos;d like to start\n          </p>\n        </div>\n\n        <div className=\"grid gap-8 md:grid-cols-2\">\n          <BuildDashboardWithAIPanel\n            onStart={onStart}\n            isStarting={isStarting}\n            onStartingChange={setIsStarting}\n          />\n          <BuildDashboardManuallyPanel\n            isStarting={isStarting}\n            onStartingChange={setIsStarting}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"useTablesWithColumns.d.ts","sourceRoot":"","sources":["../../src/dashboard/useTablesWithColumns.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,SAAS,EAAC,MAAM,cAAc,CAAC;AAG5C;;;;;GAKG;AACH,wBAAgB,oBAAoB,IAAI,SAAS,EAAE,CAOlD"}

package/dist/dashboard/useTablesWithColumns.js

@@ -1,13 +0,0 @@
-import { useMemo } from 'react';
-import { useStoreWithMosaicDashboard } from './MosaicDashboardSlice';
-/**
- * Returns all tables that have columns defined.
- * Filters out tables without columns or with empty column arrays.
- *
- * @returns Array of tables with columns
- */
-export function useTablesWithColumns() {
-    const tables = useStoreWithMosaicDashboard((state) => state.db.tables);
-    return useMemo(() => tables.filter((table) => table.columns && table.columns.length > 0), [tables]);
-}
-//# sourceMappingURL=useTablesWithColumns.js.map

package/dist/dashboard/useTablesWithColumns.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTablesWithColumns.js","sourceRoot":"","sources":["../../src/dashboard/useTablesWithColumns.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAE9B,OAAO,EAAC,2BAA2B,EAAC,MAAM,wBAAwB,CAAC;AAEnE;;;;;GAKG;AACH,MAAM,UAAU,oBAAoB;IAClC,MAAM,MAAM,GAAG,2BAA2B,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;IAEvE,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,EACzE,CAAC,MAAM,CAAC,CACT,CAAC;AACJ,CAAC","sourcesContent":["import {useMemo} from 'react';\nimport {type DataTable} from '@sqlrooms/db';\nimport {useStoreWithMosaicDashboard} from './MosaicDashboardSlice';\n\n/**\n * Returns all tables that have columns defined.\n * Filters out tables without columns or with empty column arrays.\n *\n * @returns Array of tables with columns\n */\nexport function useTablesWithColumns(): DataTable[] {\n  const tables = useStoreWithMosaicDashboard((state) => state.db.tables);\n\n  return useMemo(\n    () => tables.filter((table) => table.columns && table.columns.length > 0),\n    [tables],\n  );\n}\n"]}

package/dist/profiler/MosaicDashboardProfilerPanelRenderer.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"MosaicDashboardProfilerPanelRenderer.d.ts","sourceRoot":"","sources":["../../src/profiler/MosaicDashboardProfilerPanelRenderer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,8BAA8B,CAAC;AAChE,OAAO,EACL,KAAK,4BAA4B,EAGlC,MAAM,mCAAmC,CAAC;AAyD3C,eAAO,MAAM,oCAAoC,EAAE,4BAA4B,CAAC,aAAa,CAI1F,CAAC"}

package/dist/profiler/MosaicDashboardProfilerPanelRenderer.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SpinnerPane } from '@sqlrooms/ui';
-import { TablePropertiesIcon } from 'lucide-react';
-import { MosaicProfiler } from './MosaicProfiler';
-import { useStoreWithMosaicDashboard, } from '../dashboard/MosaicDashboardSlice';
-function MosaicDashboardProfilerRenderer({ panel, dashboard, selectionName, }) {
-    const connection = useStoreWithMosaicDashboard((state) => state.mosaic.connection);
-    const tableName = dashboard.selectedTable;
-    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: "Data Table 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