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

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":";AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAC;AACpC,OAAO,EAAC,WAAW,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAC,aAAa,EAAC,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAC,KAAK,EAAC,MAAM,4BAA4B,CAAC;AACjD,OAAO,EAAC,yBAAyB,EAAC,MAAM,2BAA2B,CAAC;AACpE,OAAO,EACL,2BAA2B,EAC3B,wCAAwC,GACzC,MAAM,yBAAyB,CAAC;AAOjC,MAAM,CAAC,MAAM,2BAA2B,GAEpC,CAAC,EAAC,UAAU,EAAE,gBAAgB,EAAC,EAAE,EAAE;IACrC,MAAM,EAAC,WAAW,EAAC,GAAG,yBAAyB,EAAE,CAAC;IAClD,MAAM,gBAAgB,GAAG,2BAA2B,CAClD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,gBAAgB,CAClD,CAAC;IACF,MAAM,QAAQ,GAAG,2BAA2B,CAC1C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,QAAQ,CAC1C,CAAC;IACF,MAAM,MAAM,GAAG,2BAA2B,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;IAEvE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAE1E,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,IAAI,CAAC,SAAS,IAAI,UAAU;YAAE,OAAO;QAErC,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACvB,IAAI,CAAC;YACH,yBAAyB;YACzB,gBAAgB,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;YAEzC,8CAA8C;YAC9C,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC;YAClE,MAAM,KAAK,GAAG,SAAS;gBACrB,CAAC,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,KAAK,WAAW;gBACrC,CAAC,CAAC,GAAG,SAAS,WAAW,CAAC;YAE5B,kCAAkC;YAClC,MAAM,aAAa,GAAG,wCAAwC,CAAC;gBAC7D,KAAK;aACN,CAAC,CAAC;YACH,QAAQ,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;QACvC,CAAC;gBAAS,CAAC;YACT,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,EAAE;QACD,SAAS;QACT,WAAW;QACX,gBAAgB;QAChB,QAAQ;QACR,MAAM;QACN,gBAAgB;QAChB,UAAU;KACX,CAAC,CAAC;IAEH,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,OAAO,EAAC,QAAQ,kBAC3B,KAAC,aAAa,IACZ,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAC,oBAAe,GAC3B,GACI,EACR,eAAK,SAAS,EAAC,gDAAgD,aAC7D,6DAAyC,EACzC,cAAI,SAAS,EAAC,0BAA0B,aACtC,kEAA+C,EAC/C,8DAA2C,EAC3C,oEAAiD,IAC9C,IACD,EACN,KAAC,MAAM,IACL,SAAS,EAAC,gBAAgB,EAC1B,OAAO,EAAC,SAAS,EACjB,QAAQ,EAAE,CAAC,SAAS,IAAI,UAAU,EAClC,OAAO,EAAE,WAAW,YAEnB,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,kBAAkB,GACzC,IACL,IACF,CACP,CAAC;AACJ,CAAC,CAAC","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

package/dist/profiler/MosaicDashboardProfilerPanelRenderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MosaicDashboardProfilerPanelRenderer.js","sourceRoot":"","sources":["../../src/profiler/MosaicDashboardProfilerPanelRenderer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,cAAc,CAAC;AACzC,OAAO,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AACjD,OAAO,EAAC,cAAc,EAA2B,MAAM,kBAAkB,CAAC;AAE1E,OAAO,EAGL,2BAA2B,GAC5B,MAAM,mCAAmC,CAAC;AAE3C,SAAS,+BAA+B,CAAC,EACvC,KAAK,EACL,SAAS,EACT,aAAa,GACc;IAC3B,MAAM,UAAU,GAAG,2BAA2B,CAC5C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CACnC,CAAC;IACF,MAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CAAC;IAC1C,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,0DAEpF,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 {MosaicProfiler, type MosaicProfilerProps} from './MosaicProfiler';\nimport type {ProfilerPanel} from '../dashboard/dashboard-types';\nimport {\n  type MosaicDashboardPanelRenderer,\n  type ProfilerPanelRendererProps,\n  useStoreWithMosaicDashboard,\n} from '../dashboard/MosaicDashboardSlice';\n\nfunction MosaicDashboardProfilerRenderer({\n  panel,\n  dashboard,\n  selectionName,\n}: ProfilerPanelRendererProps) {\n  const connection = useStoreWithMosaicDashboard(\n    (state) => state.mosaic.connection,\n  );\n  const tableName = dashboard.selectedTable;\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        Data Table 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"]}

package/dist/profiler/MosaicProfiler.d.ts

@@ -1,32 +0,0 @@
-import { type ComponentProps, type PropsWithChildren, type ReactElement } from 'react';
-import { Table } from '@sqlrooms/ui';
-import { type MosaicProfilerHeaderProps } from './MosaicProfilerHeader';
-import { type MosaicProfilerRowsProps } from './MosaicProfilerRows';
-import { type MosaicProfilerStatusBarProps } from './MosaicProfilerStatusBar';
-import type { MosaicProfilerOptions, UseMosaicProfilerReturn } from './types';
-export type MosaicProfilerRootProps = PropsWithChildren<{
-    profiler: UseMosaicProfilerReturn;
-}>;
-/**
- * Provides an existing profiler instance to compound profiler subcomponents.
- */
-export declare function MosaicProfilerRoot({ children, profiler, }: MosaicProfilerRootProps): import("react/jsx-runtime").JSX.Element;
-export type MosaicProfilerProps = PropsWithChildren<MosaicProfilerOptions>;
-export type MosaicProfilerCompoundHeaderProps = Omit<MosaicProfilerHeaderProps, 'profiler'>;
-declare function MosaicProfilerCompoundHeader(props: MosaicProfilerCompoundHeaderProps): import("react/jsx-runtime").JSX.Element;
-export type MosaicProfilerCompoundRowsProps = Omit<MosaicProfilerRowsProps, 'profiler'>;
-declare function MosaicProfilerCompoundRows(props: MosaicProfilerCompoundRowsProps): import("react/jsx-runtime").JSX.Element;
-export type MosaicProfilerCompoundStatusBarProps = Omit<MosaicProfilerStatusBarProps, 'profiler'>;
-declare function MosaicProfilerCompoundStatusBar(props: MosaicProfilerCompoundStatusBarProps): import("react/jsx-runtime").JSX.Element;
-export type MosaicProfilerCompoundTableProps = ComponentProps<typeof Table>;
-declare function MosaicProfilerCompoundTable({ className, disableWrapper, style, ...props }: MosaicProfilerCompoundTableProps): import("react/jsx-runtime").JSX.Element;
-type MosaicProfilerCompoundComponent = ((props: MosaicProfilerProps) => ReactElement) & {
-    Header: typeof MosaicProfilerCompoundHeader;
-    Root: typeof MosaicProfilerRoot;
-    Rows: typeof MosaicProfilerCompoundRows;
-    StatusBar: typeof MosaicProfilerCompoundStatusBar;
-    Table: typeof MosaicProfilerCompoundTable;
-};
-export declare const MosaicProfiler: MosaicProfilerCompoundComponent;
-export {};
-//# sourceMappingURL=MosaicProfiler.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MosaicProfiler.d.ts","sourceRoot":"","sources":["../../src/profiler/MosaicProfiler.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EAClB,MAAM,OAAO,CAAC;AACf,OAAO,EAAC,KAAK,EAAC,MAAM,cAAc,CAAC;AAEnC,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAEL,KAAK,4BAA4B,EAClC,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAC,qBAAqB,EAAE,uBAAuB,EAAC,MAAM,SAAS,CAAC;AAiB5E,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CAAC;IACtD,QAAQ,EAAE,uBAAuB,CAAC;CACnC,CAAC,CAAC;AAEH;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,QAAQ,GACT,EAAE,uBAAuB,2CAMzB;AAED,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,CAAC,qBAAqB,CAAC,CAAC;AAgB3E,MAAM,MAAM,iCAAiC,GAAG,IAAI,CAClD,yBAAyB,EACzB,UAAU,CACX,CAAC;AAEF,iBAAS,4BAA4B,CACnC,KAAK,EAAE,iCAAiC,2CAIzC;AAED,MAAM,MAAM,+BAA+B,GAAG,IAAI,CAChD,uBAAuB,EACvB,UAAU,CACX,CAAC;AAEF,iBAAS,0BAA0B,CAAC,KAAK,EAAE,+BAA+B,2CAGzE;AAED,MAAM,MAAM,oCAAoC,GAAG,IAAI,CACrD,4BAA4B,EAC5B,UAAU,CACX,CAAC;AAEF,iBAAS,+BAA+B,CACtC,KAAK,EAAE,oCAAoC,2CAI5C;AAED,MAAM,MAAM,gCAAgC,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AAE5E,iBAAS,2BAA2B,CAAC,EACnC,SAAS,EACT,cAAqB,EACrB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,gCAAgC,2CAclC;AAED,KAAK,+BAA+B,GAAG,CAAC,CACtC,KAAK,EAAE,mBAAmB,KACvB,YAAY,CAAC,GAAG;IACnB,MAAM,EAAE,OAAO,4BAA4B,CAAC;IAC5C,IAAI,EAAE,OAAO,kBAAkB,CAAC;IAChC,IAAI,EAAE,OAAO,0BAA0B,CAAC;IACxC,SAAS,EAAE,OAAO,+BAA+B,CAAC;IAClD,KAAK,EAAE,OAAO,2BAA2B,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,+BAS5B,CAAC"}

package/dist/profiler/MosaicProfiler.js

@@ -1,57 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext, } from 'react';
-import { Table } from '@sqlrooms/ui';
-import { getProfilerTableWidth } from './layout';
-import { MosaicProfilerHeader, } from './MosaicProfilerHeader';
-import { MosaicProfilerRows, } from './MosaicProfilerRows';
-import { MosaicProfilerStatusBar, } from './MosaicProfilerStatusBar';
-import { useMosaicProfiler } from './useMosaicProfiler';
-const profilerContext = createContext(null);
-function useProfilerCompoundContext() {
-    const profiler = useContext(profilerContext);
-    if (!profiler) {
-        throw new Error('MosaicProfiler compound components must be rendered inside <MosaicProfiler> or <MosaicProfiler.Root>.');
-    }
-    return profiler;
-}
-/**
- * Provides an existing profiler instance to compound profiler subcomponents.
- */
-export function MosaicProfilerRoot({ children, profiler, }) {
-    return (_jsx(profilerContext.Provider, { value: profiler, children: children }));
-}
-/**
- * Creates a profiler instance and exposes it to compound profiler
- * subcomponents through context.
- */
-function MosaicProfilerComponent({ children, ...options }) {
-    const profiler = useMosaicProfiler(options);
-    return (_jsx(MosaicProfilerRoot, { profiler: profiler, children: children }));
-}
-function MosaicProfilerCompoundHeader(props) {
-    const profiler = useProfilerCompoundContext();
-    return _jsx(MosaicProfilerHeader, { ...props, profiler: profiler });
-}
-function MosaicProfilerCompoundRows(props) {
-    const profiler = useProfilerCompoundContext();
-    return _jsx(MosaicProfilerRows, { ...props, profiler: profiler });
-}
-function MosaicProfilerCompoundStatusBar(props) {
-    const profiler = useProfilerCompoundContext();
-    return _jsx(MosaicProfilerStatusBar, { ...props, profiler: profiler });
-}
-function MosaicProfilerCompoundTable({ className, disableWrapper = true, style, ...props }) {
-    const profiler = useProfilerCompoundContext();
-    const tableWidth = getProfilerTableWidth(profiler.columns);
-    return (_jsx(Table, { disableWrapper: disableWrapper, className: ['min-w-full table-fixed', className]
-            .filter(Boolean)
-            .join(' '), style: { width: `${tableWidth}px`, ...style }, ...props }));
-}
-export const MosaicProfiler = Object.assign(MosaicProfilerComponent, {
-    Header: MosaicProfilerCompoundHeader,
-    Root: MosaicProfilerRoot,
-    Rows: MosaicProfilerCompoundRows,
-    StatusBar: MosaicProfilerCompoundStatusBar,
-    Table: MosaicProfilerCompoundTable,
-});
-//# sourceMappingURL=MosaicProfiler.js.map

package/dist/profiler/MosaicProfiler.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MosaicProfiler.js","sourceRoot":"","sources":["../../src/profiler/MosaicProfiler.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,aAAa,EACb,UAAU,GAIX,MAAM,OAAO,CAAC;AACf,OAAO,EAAC,KAAK,EAAC,MAAM,cAAc,CAAC;AACnC,OAAO,EAAC,qBAAqB,EAAC,MAAM,UAAU,CAAC;AAC/C,OAAO,EACL,oBAAoB,GAErB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,kBAAkB,GAEnB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,uBAAuB,GAExB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAEtD,MAAM,eAAe,GAAG,aAAa,CAAiC,IAAI,CAAC,CAAC;AAE5E,SAAS,0BAA0B;IACjC,MAAM,QAAQ,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAE7C,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CACb,uGAAuG,CACxG,CAAC;IACJ,CAAC;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC;AAMD;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAC,EACjC,QAAQ,EACR,QAAQ,GACgB;IACxB,OAAO,CACL,KAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,YACtC,QAAQ,GACgB,CAC5B,CAAC;AACJ,CAAC;AAID;;;GAGG;AACH,SAAS,uBAAuB,CAAC,EAC/B,QAAQ,EACR,GAAG,OAAO,EACU;IACpB,MAAM,QAAQ,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAC5C,OAAO,CACL,KAAC,kBAAkB,IAAC,QAAQ,EAAE,QAAQ,YAAG,QAAQ,GAAsB,CACxE,CAAC;AACJ,CAAC;AAOD,SAAS,4BAA4B,CACnC,KAAwC;IAExC,MAAM,QAAQ,GAAG,0BAA0B,EAAE,CAAC;IAC9C,OAAO,KAAC,oBAAoB,OAAK,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AACjE,CAAC;AAOD,SAAS,0BAA0B,CAAC,KAAsC;IACxE,MAAM,QAAQ,GAAG,0BAA0B,EAAE,CAAC;IAC9C,OAAO,KAAC,kBAAkB,OAAK,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AAC/D,CAAC;AAOD,SAAS,+BAA+B,CACtC,KAA2C;IAE3C,MAAM,QAAQ,GAAG,0BAA0B,EAAE,CAAC;IAC9C,OAAO,KAAC,uBAAuB,OAAK,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AACpE,CAAC;AAID,SAAS,2BAA2B,CAAC,EACnC,SAAS,EACT,cAAc,GAAG,IAAI,EACrB,KAAK,EACL,GAAG,KAAK,EACyB;IACjC,MAAM,QAAQ,GAAG,0BAA0B,EAAE,CAAC;IAC9C,MAAM,UAAU,GAAG,qBAAqB,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAE3D,OAAO,CACL,KAAC,KAAK,IACJ,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC;aAC7C,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,EACZ,KAAK,EAAE,EAAC,KAAK,EAAE,GAAG,UAAU,IAAI,EAAE,GAAG,KAAK,EAAC,KACvC,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAYD,MAAM,CAAC,MAAM,cAAc,GAAoC,MAAM,CAAC,MAAM,CAC1E,uBAAuB,EACvB;IACE,MAAM,EAAE,4BAA4B;IACpC,IAAI,EAAE,kBAAkB;IACxB,IAAI,EAAE,0BAA0B;IAChC,SAAS,EAAE,+BAA+B;IAC1C,KAAK,EAAE,2BAA2B;CACnC,CACF,CAAC","sourcesContent":["import {\n  createContext,\n  useContext,\n  type ComponentProps,\n  type PropsWithChildren,\n  type ReactElement,\n} from 'react';\nimport {Table} from '@sqlrooms/ui';\nimport {getProfilerTableWidth} from './layout';\nimport {\n  MosaicProfilerHeader,\n  type MosaicProfilerHeaderProps,\n} from './MosaicProfilerHeader';\nimport {\n  MosaicProfilerRows,\n  type MosaicProfilerRowsProps,\n} from './MosaicProfilerRows';\nimport {\n  MosaicProfilerStatusBar,\n  type MosaicProfilerStatusBarProps,\n} from './MosaicProfilerStatusBar';\nimport type {MosaicProfilerOptions, UseMosaicProfilerReturn} from './types';\nimport {useMosaicProfiler} from './useMosaicProfiler';\n\nconst profilerContext = createContext<UseMosaicProfilerReturn | null>(null);\n\nfunction useProfilerCompoundContext() {\n  const profiler = useContext(profilerContext);\n\n  if (!profiler) {\n    throw new Error(\n      'MosaicProfiler compound components must be rendered inside <MosaicProfiler> or <MosaicProfiler.Root>.',\n    );\n  }\n\n  return profiler;\n}\n\nexport type MosaicProfilerRootProps = PropsWithChildren<{\n  profiler: UseMosaicProfilerReturn;\n}>;\n\n/**\n * Provides an existing profiler instance to compound profiler subcomponents.\n */\nexport function MosaicProfilerRoot({\n  children,\n  profiler,\n}: MosaicProfilerRootProps) {\n  return (\n    <profilerContext.Provider value={profiler}>\n      {children}\n    </profilerContext.Provider>\n  );\n}\n\nexport type MosaicProfilerProps = PropsWithChildren<MosaicProfilerOptions>;\n\n/**\n * Creates a profiler instance and exposes it to compound profiler\n * subcomponents through context.\n */\nfunction MosaicProfilerComponent({\n  children,\n  ...options\n}: MosaicProfilerProps): ReactElement {\n  const profiler = useMosaicProfiler(options);\n  return (\n    <MosaicProfilerRoot profiler={profiler}>{children}</MosaicProfilerRoot>\n  );\n}\n\nexport type MosaicProfilerCompoundHeaderProps = Omit<\n  MosaicProfilerHeaderProps,\n  'profiler'\n>;\n\nfunction MosaicProfilerCompoundHeader(\n  props: MosaicProfilerCompoundHeaderProps,\n) {\n  const profiler = useProfilerCompoundContext();\n  return <MosaicProfilerHeader {...props} profiler={profiler} />;\n}\n\nexport type MosaicProfilerCompoundRowsProps = Omit<\n  MosaicProfilerRowsProps,\n  'profiler'\n>;\n\nfunction MosaicProfilerCompoundRows(props: MosaicProfilerCompoundRowsProps) {\n  const profiler = useProfilerCompoundContext();\n  return <MosaicProfilerRows {...props} profiler={profiler} />;\n}\n\nexport type MosaicProfilerCompoundStatusBarProps = Omit<\n  MosaicProfilerStatusBarProps,\n  'profiler'\n>;\n\nfunction MosaicProfilerCompoundStatusBar(\n  props: MosaicProfilerCompoundStatusBarProps,\n) {\n  const profiler = useProfilerCompoundContext();\n  return <MosaicProfilerStatusBar {...props} profiler={profiler} />;\n}\n\nexport type MosaicProfilerCompoundTableProps = ComponentProps<typeof Table>;\n\nfunction MosaicProfilerCompoundTable({\n  className,\n  disableWrapper = true,\n  style,\n  ...props\n}: MosaicProfilerCompoundTableProps) {\n  const profiler = useProfilerCompoundContext();\n  const tableWidth = getProfilerTableWidth(profiler.columns);\n\n  return (\n    <Table\n      disableWrapper={disableWrapper}\n      className={['min-w-full table-fixed', className]\n        .filter(Boolean)\n        .join(' ')}\n      style={{width: `${tableWidth}px`, ...style}}\n      {...props}\n    />\n  );\n}\n\ntype MosaicProfilerCompoundComponent = ((\n  props: MosaicProfilerProps,\n) => ReactElement) & {\n  Header: typeof MosaicProfilerCompoundHeader;\n  Root: typeof MosaicProfilerRoot;\n  Rows: typeof MosaicProfilerCompoundRows;\n  StatusBar: typeof MosaicProfilerCompoundStatusBar;\n  Table: typeof MosaicProfilerCompoundTable;\n};\n\nexport const MosaicProfiler: MosaicProfilerCompoundComponent = Object.assign(\n  MosaicProfilerComponent,\n  {\n    Header: MosaicProfilerCompoundHeader,\n    Root: MosaicProfilerRoot,\n    Rows: MosaicProfilerCompoundRows,\n    StatusBar: MosaicProfilerCompoundStatusBar,\n    Table: MosaicProfilerCompoundTable,\n  },\n);\n"]}

package/dist/profiler/MosaicProfilerHeader.d.ts

@@ -1,7 +0,0 @@
-import type { UseMosaicProfilerReturn } from './types';
-export type MosaicProfilerHeaderProps = {
-    className?: string;
-    profiler: Pick<UseMosaicProfilerReturn, 'columns' | 'setSorting' | 'sorting'>;
-};
-export declare function MosaicProfilerHeader({ className, profiler, }: MosaicProfilerHeaderProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=MosaicProfilerHeader.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MosaicProfilerHeader.d.ts","sourceRoot":"","sources":["../../src/profiler/MosaicProfilerHeader.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAKV,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAGjB,MAAM,MAAM,yBAAyB,GAAG;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,IAAI,CAAC,uBAAuB,EAAE,SAAS,GAAG,YAAY,GAAG,SAAS,CAAC,CAAC;CAC/E,CAAC;AAgYF,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,QAAQ,GACT,EAAE,yBAAyB,2CA0E3B"}

package/dist/profiler/MosaicProfilerHeader.js

@@ -1,196 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Badge, cn, TableHead, TableHeader, TableRow } from '@sqlrooms/ui';
-import { ChevronDownIcon, ChevronUpIcon } from 'lucide-react';
-import { useEffect, useMemo, useRef, useState } from 'react';
-import { getProfilerColumnWidthPx, PROFILER_DEFAULT_COLUMN_WIDTH_PX, PROFILER_ROW_NUMBER_COLUMN_WIDTH_PX, PROFILER_UNSUPPORTED_COLUMN_WIDTH_PX, } from './layout';
-import { isProfilerUnsupportedSummaryType } from './utils';
-const COLUMN_WIDTH_CLASS = `min-w-[${PROFILER_DEFAULT_COLUMN_WIDTH_PX}px] w-[${PROFILER_DEFAULT_COLUMN_WIDTH_PX}px] max-w-[${PROFILER_DEFAULT_COLUMN_WIDTH_PX}px]`;
-const STICKY_ROW_NUMBER_CLASS = `bg-background sticky left-0 top-0 z-40 min-w-[${PROFILER_ROW_NUMBER_COLUMN_WIDTH_PX}px] w-[${PROFILER_ROW_NUMBER_COLUMN_WIDTH_PX}px] max-w-[${PROFILER_ROW_NUMBER_COLUMN_WIDTH_PX}px] border-r px-1 text-center`;
-const STICKY_COLUMN_HEADER_CLASS = 'bg-background sticky top-0 z-30 align-top whitespace-nowrap shadow-[inset_0_-1px_0_hsl(var(--border))]';
-function getColumnWidthClass(column) {
-    return isProfilerUnsupportedSummaryType(column.field.type)
-        ? `min-w-[${PROFILER_UNSUPPORTED_COLUMN_WIDTH_PX}px] w-[${PROFILER_UNSUPPORTED_COLUMN_WIDTH_PX}px] max-w-[${PROFILER_UNSUPPORTED_COLUMN_WIDTH_PX}px]`
-        : COLUMN_WIDTH_CLASS;
-}
-function setNextSortState(currentSorting, columnId, setSorting) {
-    const current = currentSorting.find((entry) => entry.id === columnId);
-    if (!current) {
-        setSorting([{ desc: false, id: columnId }]);
-        return;
-    }
-    if (!current.desc) {
-        setSorting([{ desc: true, id: columnId }]);
-        return;
-    }
-    setSorting([]);
-}
-function formatPercentOfTotal(value) {
-    const maximumFractionDigits = value >= 0.1 ? 0 : value >= 0.01 ? 1 : 2;
-    return Intl.NumberFormat(undefined, {
-        maximumFractionDigits,
-        style: 'percent',
-    }).format(value);
-}
-function CategorySummaryCell({ summary, }) {
-    const [hoveredKey, setHoveredKey] = useState();
-    const totalCount = summary.buckets.reduce((acc, bucket) => acc + bucket.totalCount, 0);
-    const activeBucket = summary.buckets.find((bucket) => bucket.key === hoveredKey || bucket.key === summary.selectedKey);
-    const footerLabel = activeBucket
-        ? `${activeBucket.label} (${activeBucket.totalCount.toLocaleString()} ${activeBucket.totalCount === 1 ? 'row' : 'rows'}, ${formatPercentOfTotal(totalCount > 0 ? activeBucket.totalCount / totalCount : 0)})`
-        : `${summary.bucketCount.toLocaleString()} categories`;
-    return (_jsxs("div", { className: "space-y-0.5 pt-1.5", children: [_jsx("div", { className: "flex h-10 overflow-hidden rounded-sm border", children: summary.buckets.map((bucket) => {
-                    const width = totalCount > 0
-                        ? `${(bucket.totalCount / totalCount) * 100}%`
-                        : '0%';
-                    const fillPct = bucket.totalCount > 0
-                        ? (bucket.filteredCount / bucket.totalCount) * 100
-                        : 0;
-                    const isSelected = summary.selectedKey === bucket.key;
-                    const background = bucket.kind === 'overflow'
-                        ? `repeating-linear-gradient(to right, hsl(var(--border)) 0px, hsl(var(--border)) 2px, transparent 2px, transparent 4px)`
-                        : `linear-gradient(to top, hsl(var(--chart-1)) ${fillPct}%, hsl(var(--muted-foreground) / 0.22) ${fillPct}%, hsl(var(--muted-foreground) / 0.22) 100%)`;
-                    return (_jsx("button", { type: "button", disabled: !bucket.selectable, className: cn('relative flex h-full items-center justify-center overflow-hidden border-r px-0.5 text-[10px] font-normal text-white transition-opacity disabled:cursor-default', isSelected && 'ring-ring ring-1 ring-inset', !bucket.selectable && 'text-muted-foreground'), style: {
-                            background,
-                            flexBasis: width,
-                            flexGrow: bucket.totalCount,
-                        }, onClick: () => summary.toggleValue(bucket.key), onMouseEnter: () => setHoveredKey(bucket.key), onMouseLeave: () => setHoveredKey(undefined), children: _jsx("span", { className: "max-w-full truncate px-1", children: bucket.label }) }, bucket.key));
-                }) }), _jsx("div", { className: "text-muted-foreground truncate text-[10px] font-normal", children: footerLabel })] }));
-}
-const histogramInteractorIds = new WeakMap();
-let nextHistogramInteractorId = 0;
-function getHistogramInteractorId(interactor) {
-    const cachedId = histogramInteractorIds.get(interactor);
-    if (cachedId !== undefined) {
-        return cachedId;
-    }
-    const id = ++nextHistogramInteractorId;
-    histogramInteractorIds.set(interactor, id);
-    return id;
-}
-function createScale(type, domain, range) {
-    const [d0, d1] = domain.map((value) => value instanceof Date ? value.getTime() : value);
-    const [r0, r1] = range;
-    const span = d1 - d0 || 1;
-    const rspan = r1 - r0;
-    return {
-        apply(value) {
-            const numeric = value instanceof Date ? value.getTime() : value;
-            return r0 + ((numeric - d0) / span) * rspan;
-        },
-        domain,
-        invert(value) {
-            const numeric = d0 + ((value - r0) / (rspan || 1)) * span;
-            return type === 'utc' ? new Date(numeric) : numeric;
-        },
-        range,
-        type,
-    };
-}
-function formatDomainValue(value, valueType) {
-    if (valueType === 'date') {
-        const date = value instanceof Date ? value : new Date(value);
-        return date.toISOString().slice(0, 10);
-    }
-    return Intl.NumberFormat(undefined, {
-        maximumFractionDigits: 2,
-    }).format(typeof value === 'number' ? value : value.getTime());
-}
-function HistogramSummaryCell({ summary, }) {
-    const svgRef = useRef(null);
-    const brushRootRef = useRef(null);
-    const initializedBrushRef = useRef(undefined);
-    const layout = useMemo(() => {
-        const width = 122;
-        const height = 40;
-        const margin = { bottom: 4, left: 4, right: 4, top: 2 };
-        const nullBarWidth = summary.totalNullCount > 0 ? 5 : 0;
-        const nullBarGap = nullBarWidth > 0 ? 3 : 0;
-        const totalBins = summary.totalBins.length
-            ? summary.totalBins
-            : summary.filteredBins;
-        const domain = totalBins.length > 0
-            ? [totalBins[0].x0, totalBins[totalBins.length - 1].x1]
-            : null;
-        const totalMax = Math.max(summary.totalNullCount, ...totalBins.map((bin) => bin.length), 1);
-        const xScale = domain
-            ? createScale(summary.valueType === 'date' ? 'utc' : 'linear', domain, [
-                margin.left + nullBarWidth + nullBarGap,
-                width - margin.right,
-            ])
-            : null;
-        const yScale = createScale('linear', [0, totalMax], [height - margin.bottom, margin.top]);
-        return {
-            height,
-            margin,
-            nullBarGap,
-            nullBarWidth,
-            width,
-            xScale,
-            yScale,
-        };
-    }, [summary]);
-    useEffect(() => {
-        const svg = svgRef.current;
-        const brushRoot = brushRootRef.current;
-        const interactor = summary.interactor;
-        if (!svg || !brushRoot || !interactor || !layout.xScale)
-            return;
-        const brushKey = [
-            getHistogramInteractorId(interactor),
-            summary.valueType,
-            layout.xScale.domain
-                .map((value) => (value instanceof Date ? value.getTime() : value))
-                .join(':'),
-            layout.xScale.range.join(':'),
-        ].join('|');
-        if (initializedBrushRef.current === brushKey)
-            return;
-        svg.scale = (channel) => {
-            if (channel === 'x')
-                return layout.xScale;
-            if (channel === 'y')
-                return layout.yScale;
-            return undefined;
-        };
-        brushRoot.replaceChildren();
-        interactor.init(svg, brushRoot);
-        initializedBrushRef.current = brushKey;
-    }, [layout.xScale, layout.yScale, summary.interactor, summary.valueType]);
-    const axisY = layout.height - layout.margin.bottom;
-    const nullBarCenter = layout.margin.left + layout.nullBarWidth / 2;
-    const xAxisStart = layout.xScale?.range[0] ?? layout.margin.left;
-    const xAxisEnd = layout.xScale?.range[1] ?? layout.width - layout.margin.right;
-    return (_jsxs("div", { className: "space-y-0 pt-1.5", children: [_jsxs("svg", { ref: svgRef, width: layout.width, height: layout.height, viewBox: `0 0 ${layout.width} ${layout.height}`, className: "max-w-full overflow-visible", children: [summary.totalNullCount > 0 ? (_jsx("rect", { x: layout.margin.left, y: layout.yScale.apply(summary.totalNullCount), width: layout.nullBarWidth, height: layout.yScale.apply(0) -
-                            layout.yScale.apply(summary.totalNullCount), fill: "hsl(var(--muted-foreground) / 0.22)" })) : null, summary.totalNullCount > 0 ? (_jsx("rect", { x: layout.margin.left, y: layout.yScale.apply(summary.filteredNullCount), width: layout.nullBarWidth, height: layout.yScale.apply(0) -
-                            layout.yScale.apply(summary.filteredNullCount), fill: "hsl(var(--chart-1))", opacity: 0.95 })) : null, summary.totalBins.map((bin, index) => {
-                        const x0 = layout.xScale?.apply(bin.x0) ?? 0;
-                        const x1 = layout.xScale?.apply(bin.x1) ?? 0;
-                        const y = layout.yScale.apply(bin.length);
-                        return (_jsx("rect", { x: x0 + 1, y: y, width: Math.max(x1 - x0 - 1, 1), height: layout.yScale.apply(0) - y, fill: "hsl(var(--muted-foreground) / 0.22)" }, `bg-${index}`));
-                    }), summary.filteredBins.map((bin, index) => {
-                        const x0 = layout.xScale?.apply(bin.x0) ?? 0;
-                        const x1 = layout.xScale?.apply(bin.x1) ?? 0;
-                        const y = layout.yScale.apply(bin.length);
-                        return (_jsx("rect", { x: x0 + 1, y: y, width: Math.max(x1 - x0 - 1, 1), height: layout.yScale.apply(0) - y, fill: "hsl(var(--chart-1))", opacity: 0.95 }, `fg-${index}`));
-                    }), _jsx("line", { x1: xAxisStart, x2: xAxisEnd, y1: axisY, y2: axisY, stroke: "hsl(var(--border))" }), _jsx("line", { x1: xAxisStart, x2: xAxisStart, y1: axisY, y2: axisY + 2.5, stroke: "hsl(var(--border))" }), _jsx("line", { x1: xAxisEnd, x2: xAxisEnd, y1: axisY, y2: axisY + 2.5, stroke: "hsl(var(--border))" }), summary.totalNullCount > 0 ? (_jsx("line", { x1: nullBarCenter, x2: nullBarCenter, y1: axisY, y2: axisY + 2.5, stroke: "hsl(var(--chart-1))" })) : null, _jsx("g", { ref: brushRootRef })] }), _jsxs("div", { className: "text-muted-foreground relative h-3.5 text-[10px] font-normal", children: [summary.totalNullCount > 0 ? (_jsx("span", { className: "absolute -translate-x-1/2", style: { left: nullBarCenter }, children: "\u2205" })) : null, _jsx("span", { className: "absolute", style: { left: xAxisStart }, children: summary.totalBins[0]
-                            ? formatDomainValue(summary.totalBins[0].x0, summary.valueType)
-                            : '0' }), _jsx("span", { className: "absolute -translate-x-full", style: { left: xAxisEnd }, children: summary.totalBins.at(-1)
-                            ? formatDomainValue(summary.totalBins.at(-1).x1, summary.valueType)
-                            : '0' })] })] }));
-}
-function SummaryCell({ column }) {
-    if (column.summary.kind === 'histogram') {
-        return _jsx(HistogramSummaryCell, { summary: column.summary });
-    }
-    if (column.summary.kind === 'category') {
-        return _jsx(CategorySummaryCell, { summary: column.summary });
-    }
-    return (_jsx("div", { className: "text-muted-foreground pt-1.5 text-[10px] font-normal", children: column.summary.label }));
-}
-export function MosaicProfilerHeader({ className, profiler, }) {
-    return (_jsxs(_Fragment, { children: [_jsxs("colgroup", { children: [_jsx("col", { style: { width: PROFILER_ROW_NUMBER_COLUMN_WIDTH_PX } }), profiler.columns.map((column) => (_jsx("col", { style: { width: getProfilerColumnWidthPx(column) } }, column.name)))] }), _jsx(TableHeader, { className: cn('sticky top-0 z-30', className), children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: STICKY_ROW_NUMBER_CLASS, children: "#" }), profiler.columns.map((column) => {
-                            const sortState = profiler.sorting.find((entry) => entry.id === column.name);
-                            return (_jsx(TableHead, { className: cn(getColumnWidthClass(column), STICKY_COLUMN_HEADER_CLASS), children: _jsxs("div", { className: "min-w-0", children: [_jsxs("button", { type: "button", className: "group relative flex w-full items-start gap-1.5 pr-4 text-left", onClick: () => setNextSortState(profiler.sorting, column.name, profiler.setSorting), children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-[13px] leading-tight font-semibold", children: column.name }), _jsx(Badge, { variant: "outline", className: "mt-0.5 max-w-full truncate px-2 py-0 text-[9px] opacity-60", children: String(column.field.type) })] }), _jsx("span", { className: "text-muted-foreground pointer-events-none absolute top-1 right-0 flex h-4 w-4 items-center justify-center", children: sortState ? (sortState.desc ? (_jsx(ChevronDownIcon, { className: "h-4 w-4" })) : (_jsx(ChevronUpIcon, { className: "h-4 w-4" }))) : (_jsxs("span", { className: "flex h-4 w-4 flex-col items-center justify-center opacity-0 transition-opacity group-hover:opacity-60", children: [_jsx(ChevronUpIcon, { className: "-mb-1 h-3 w-3" }), _jsx(ChevronDownIcon, { className: "-mt-1 h-3 w-3" })] })) })] }), _jsx(SummaryCell, { column: column })] }) }, column.name));
-                        })] }) })] }));
-}
-//# sourceMappingURL=MosaicProfilerHeader.js.map