@sqlrooms/sql-editor 0.29.0-rc.6 → 0.29.0-rc.7

package/dist/components/QueryEditorPanelActions.js

@@ -2,20 +2,32 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { RunButton, Tooltip, TooltipContent, TooltipTrigger } from '@sqlrooms/ui';
 import { isMacOS } from '@sqlrooms/utils';
 import { useStoreWithSqlEditor } from '../SqlEditorSlice';
-export const QueryEditorPanelActions = ({ className, }) => {
+/**
+ * @deprecated Prefer `SqlQuery.Actions` for newly composed single-query
+ * surfaces. This component remains for compatibility with the legacy tabbed
+ * query panel.
+ */
+export const QueryEditorPanelActions = ({ className, queryId }) => {
     const runCurrentQuery = useStoreWithSqlEditor((s) => s.sqlEditor.parseAndRunCurrentQuery);
     const abortCurrentQuery = useStoreWithSqlEditor((s) => s.sqlEditor.abortCurrentQuery);
+    const runQueryById = useStoreWithSqlEditor((s) => s.sqlEditor.runQueryById);
+    const abortQueryById = useStoreWithSqlEditor((s) => s.sqlEditor.abortQueryById);
+    const selectedQueryId = useStoreWithSqlEditor((s) => s.sqlEditor.config.selectedQueryId);
     const selectedQueryResult = useStoreWithSqlEditor((s) => {
-        const selectedId = s.sqlEditor.config.selectedQueryId;
-        return s.sqlEditor.queryResultsById[selectedId];
+        const resolvedQueryId = queryId ?? s.sqlEditor.config.selectedQueryId;
+        return s.sqlEditor.queryResultsById[resolvedQueryId];
     });
     const isMac = isMacOS();
     const isLoading = selectedQueryResult?.status === 'loading';
     const isAborted = selectedQueryResult?.status === 'loading' &&
         selectedQueryResult.isBeingAborted;
     const state = isAborted ? 'cancelling' : isLoading ? 'running' : 'idle';
-    return (_jsxs(Tooltip, { delayDuration: 100, children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("div", { children: _jsx(RunButton, { state: state, onRun: runCurrentQuery, onCancel: abortCurrentQuery, variant: "default", cancelVariant: "default", className: className }) }) }), _jsx(TooltipContent, { align: "end", children: isLoading
+    return (_jsxs(Tooltip, { delayDuration: 100, children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("div", { children: _jsx(RunButton, { state: state, onRun: queryId
+                            ? () => runQueryById(queryId)
+                            : () => runCurrentQuery(), onCancel: queryId
+                            ? () => abortQueryById(queryId)
+                            : () => abortCurrentQuery(), variant: "default", cancelVariant: "default", className: className }) }) }), _jsx(TooltipContent, { align: "end", children: isLoading
                     ? 'Cancel the running query'
-                    : `Run query (${isMac ? 'Cmd' : 'Ctrl'}+Enter)` })] }));
+                    : `Run ${queryId && queryId !== selectedQueryId ? 'this ' : ''}query (${isMac ? 'Cmd' : 'Ctrl'}+Enter)` })] }));
 };
 //# sourceMappingURL=QueryEditorPanelActions.js.map

package/dist/components/QueryEditorPanelActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryEditorPanelActions.js","sourceRoot":"","sources":["../../src/components/QueryEditorPanelActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAC,MAAM,cAAc,CAAC;AAChF,OAAO,EAAC,OAAO,EAAC,MAAM,iBAAiB,CAAC;AAExC,OAAO,EAAC,qBAAqB,EAAC,MAAM,mBAAmB,CAAC;AAExD,MAAM,CAAC,MAAM,uBAAuB,GAAmC,CAAC,EACtE,SAAS,GACV,EAAE,EAAE;IACH,MAAM,eAAe,GAAG,qBAAqB,CAC3C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,uBAAuB,CAC3C,CAAC;IACF,MAAM,iBAAiB,GAAG,qBAAqB,CAC7C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,iBAAiB,CACrC,CAAC;IACF,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,CAAC,CAAC,EAAE,EAAE;QACtD,MAAM,UAAU,GAAG,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC;QACtD,OAAO,CAAC,CAAC,SAAS,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IACH,MAAM,KAAK,GAAG,OAAO,EAAE,CAAC;IAExB,MAAM,SAAS,GAAG,mBAAmB,EAAE,MAAM,KAAK,SAAS,CAAC;IAC5D,MAAM,SAAS,GACb,mBAAmB,EAAE,MAAM,KAAK,SAAS;QACzC,mBAAmB,CAAC,cAAc,CAAC;IAErC,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;IAExE,OAAO,CACL,MAAC,OAAO,IAAC,aAAa,EAAE,GAAG,aACzB,KAAC,cAAc,IAAC,OAAO,kBACrB,wBACE,KAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,iBAAiB,EAC3B,OAAO,EAAC,SAAS,EACjB,aAAa,EAAC,SAAS,EACvB,SAAS,EAAE,SAAS,GACpB,GACE,GACS,EACjB,KAAC,cAAc,IAAC,KAAK,EAAC,KAAK,YACxB,SAAS;oBACR,CAAC,CAAC,0BAA0B;oBAC5B,CAAC,CAAC,cAAc,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,SAAS,GAClC,IACT,CACX,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {RunButton, Tooltip, TooltipContent, TooltipTrigger} from '@sqlrooms/ui';\nimport {isMacOS} from '@sqlrooms/utils';\nimport React from 'react';\nimport {useStoreWithSqlEditor} from '../SqlEditorSlice';\n\nexport const QueryEditorPanelActions: React.FC<{className?: string}> = ({\n  className,\n}) => {\n  const runCurrentQuery = useStoreWithSqlEditor(\n    (s) => s.sqlEditor.parseAndRunCurrentQuery,\n  );\n  const abortCurrentQuery = useStoreWithSqlEditor(\n    (s) => s.sqlEditor.abortCurrentQuery,\n  );\n  const selectedQueryResult = useStoreWithSqlEditor((s) => {\n    const selectedId = s.sqlEditor.config.selectedQueryId;\n    return s.sqlEditor.queryResultsById[selectedId];\n  });\n  const isMac = isMacOS();\n\n  const isLoading = selectedQueryResult?.status === 'loading';\n  const isAborted =\n    selectedQueryResult?.status === 'loading' &&\n    selectedQueryResult.isBeingAborted;\n\n  const state = isAborted ? 'cancelling' : isLoading ? 'running' : 'idle';\n\n  return (\n    <Tooltip delayDuration={100}>\n      <TooltipTrigger asChild>\n        <div>\n          <RunButton\n            state={state}\n            onRun={runCurrentQuery}\n            onCancel={abortCurrentQuery}\n            variant=\"default\"\n            cancelVariant=\"default\"\n            className={className}\n          />\n        </div>\n      </TooltipTrigger>\n      <TooltipContent align=\"end\">\n        {isLoading\n          ? 'Cancel the running query'\n          : `Run query (${isMac ? 'Cmd' : 'Ctrl'}+Enter)`}\n      </TooltipContent>\n    </Tooltip>\n  );\n};\n"]}
+{"version":3,"file":"QueryEditorPanelActions.js","sourceRoot":"","sources":["../../src/components/QueryEditorPanelActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAC,MAAM,cAAc,CAAC;AAChF,OAAO,EAAC,OAAO,EAAC,MAAM,iBAAiB,CAAC;AAExC,OAAO,EAAC,qBAAqB,EAAC,MAAM,mBAAmB,CAAC;AAExD;;;;GAIG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAG/B,CAAC,EAAC,SAAS,EAAE,OAAO,EAAC,EAAE,EAAE;IAC5B,MAAM,eAAe,GAAG,qBAAqB,CAC3C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,uBAAuB,CAC3C,CAAC;IACF,MAAM,iBAAiB,GAAG,qBAAqB,CAC7C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,iBAAiB,CACrC,CAAC;IACF,MAAM,YAAY,GAAG,qBAAqB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IAC5E,MAAM,cAAc,GAAG,qBAAqB,CAC1C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,cAAc,CAClC,CAAC;IACF,MAAM,eAAe,GAAG,qBAAqB,CAC3C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAC1C,CAAC;IACF,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,CAAC,CAAC,EAAE,EAAE;QACtD,MAAM,eAAe,GAAG,OAAO,IAAI,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC;QACtE,OAAO,CAAC,CAAC,SAAS,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;IACH,MAAM,KAAK,GAAG,OAAO,EAAE,CAAC;IAExB,MAAM,SAAS,GAAG,mBAAmB,EAAE,MAAM,KAAK,SAAS,CAAC;IAC5D,MAAM,SAAS,GACb,mBAAmB,EAAE,MAAM,KAAK,SAAS;QACzC,mBAAmB,CAAC,cAAc,CAAC;IAErC,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;IAExE,OAAO,CACL,MAAC,OAAO,IAAC,aAAa,EAAE,GAAG,aACzB,KAAC,cAAc,IAAC,OAAO,kBACrB,wBACE,KAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,KAAK,EACH,OAAO;4BACL,CAAC,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC;4BAC7B,CAAC,CAAC,GAAG,EAAE,CAAC,eAAe,EAAE,EAE7B,QAAQ,EACN,OAAO;4BACL,CAAC,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,OAAO,CAAC;4BAC/B,CAAC,CAAC,GAAG,EAAE,CAAC,iBAAiB,EAAE,EAE/B,OAAO,EAAC,SAAS,EACjB,aAAa,EAAC,SAAS,EACvB,SAAS,EAAE,SAAS,GACpB,GACE,GACS,EACjB,KAAC,cAAc,IAAC,KAAK,EAAC,KAAK,YACxB,SAAS;oBACR,CAAC,CAAC,0BAA0B;oBAC5B,CAAC,CAAC,OACE,OAAO,IAAI,OAAO,KAAK,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EACrD,UAAU,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,SAAS,GAC9B,IACT,CACX,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {RunButton, Tooltip, TooltipContent, TooltipTrigger} from '@sqlrooms/ui';\nimport {isMacOS} from '@sqlrooms/utils';\nimport React from 'react';\nimport {useStoreWithSqlEditor} from '../SqlEditorSlice';\n\n/**\n * @deprecated Prefer `SqlQuery.Actions` for newly composed single-query\n * surfaces. This component remains for compatibility with the legacy tabbed\n * query panel.\n */\nexport const QueryEditorPanelActions: React.FC<{\n  className?: string;\n  queryId?: string;\n}> = ({className, queryId}) => {\n  const runCurrentQuery = useStoreWithSqlEditor(\n    (s) => s.sqlEditor.parseAndRunCurrentQuery,\n  );\n  const abortCurrentQuery = useStoreWithSqlEditor(\n    (s) => s.sqlEditor.abortCurrentQuery,\n  );\n  const runQueryById = useStoreWithSqlEditor((s) => s.sqlEditor.runQueryById);\n  const abortQueryById = useStoreWithSqlEditor(\n    (s) => s.sqlEditor.abortQueryById,\n  );\n  const selectedQueryId = useStoreWithSqlEditor(\n    (s) => s.sqlEditor.config.selectedQueryId,\n  );\n  const selectedQueryResult = useStoreWithSqlEditor((s) => {\n    const resolvedQueryId = queryId ?? s.sqlEditor.config.selectedQueryId;\n    return s.sqlEditor.queryResultsById[resolvedQueryId];\n  });\n  const isMac = isMacOS();\n\n  const isLoading = selectedQueryResult?.status === 'loading';\n  const isAborted =\n    selectedQueryResult?.status === 'loading' &&\n    selectedQueryResult.isBeingAborted;\n\n  const state = isAborted ? 'cancelling' : isLoading ? 'running' : 'idle';\n\n  return (\n    <Tooltip delayDuration={100}>\n      <TooltipTrigger asChild>\n        <div>\n          <RunButton\n            state={state}\n            onRun={\n              queryId\n                ? () => runQueryById(queryId)\n                : () => runCurrentQuery()\n            }\n            onCancel={\n              queryId\n                ? () => abortQueryById(queryId)\n                : () => abortCurrentQuery()\n            }\n            variant=\"default\"\n            cancelVariant=\"default\"\n            className={className}\n          />\n        </div>\n      </TooltipTrigger>\n      <TooltipContent align=\"end\">\n        {isLoading\n          ? 'Cancel the running query'\n          : `Run ${\n              queryId && queryId !== selectedQueryId ? 'this ' : ''\n            }query (${isMac ? 'Cmd' : 'Ctrl'}+Enter)`}\n      </TooltipContent>\n    </Tooltip>\n  );\n};\n"]}

package/dist/components/QueryEditorPanelEditor.d.ts

@@ -1,5 +1,13 @@
+/**
+ * @deprecated Prefer `SqlQuery.Editor` for newly composed single-query
+ * surfaces. This component remains for compatibility with the legacy tabbed
+ * query panel.
+ */
 export declare const QueryEditorPanelEditor: React.FC<{
     className?: string;
     queryId: string;
+    readOnly?: boolean;
+    autoHeight?: boolean;
+    compact?: boolean;
 }>;
 //# sourceMappingURL=QueryEditorPanelEditor.d.ts.map

package/dist/components/QueryEditorPanelEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QueryEditorPanelEditor.d.ts","sourceRoot":"","sources":["../../src/components/QueryEditorPanelEditor.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB,CAyCA,CAAC"}
+{"version":3,"file":"QueryEditorPanelEditor.d.ts","sourceRoot":"","sources":["../../src/components/QueryEditorPanelEditor.tsx"],"names":[],"mappings":"AAWA;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAkEA,CAAC"}

package/dist/components/QueryEditorPanelEditor.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from '@sqlrooms/ui';
-import { useCallback } from 'react';
+import { useCallback, useMemo } from 'react';
 import { useStoreWithSqlEditor } from '../SqlEditorSlice';
 import { SqlCodeMirrorEditor } from '../SqlCodeMirrorEditor';
 const CODEMIRROR_OPTIONS = {
@@ -8,22 +8,42 @@ const CODEMIRROR_OPTIONS = {
     autocompletion: true,
     highlightActiveLine: true,
 };
-export const QueryEditorPanelEditor = ({ className, queryId }) => {
+/**
+ * @deprecated Prefer `SqlQuery.Editor` for newly composed single-query
+ * surfaces. This component remains for compatibility with the legacy tabbed
+ * query panel.
+ */
+export const QueryEditorPanelEditor = ({ className, queryId, readOnly, autoHeight, compact }) => {
     const tableSchemas = useStoreWithSqlEditor((s) => s.db.tables);
-    const runQuery = useStoreWithSqlEditor((s) => s.sqlEditor.parseAndRunQuery);
+    const runQueryById = useStoreWithSqlEditor((s) => s.sqlEditor.runQueryById);
     const connector = useStoreWithSqlEditor((s) => s.db.connector);
     const queryText = useStoreWithSqlEditor((s) => s.sqlEditor.config.queries.find((q) => q.id === queryId)?.query);
     const updateQueryText = useStoreWithSqlEditor((s) => s.sqlEditor.updateQueryText);
     // Handle query text update
     const handleUpdateQuery = useCallback((value) => {
-        if (!value)
-            return;
-        updateQueryText(queryId, value);
+        updateQueryText(queryId, value ?? '');
     }, [queryId, updateQueryText]);
     // Handle query execution via keyboard shortcut
     const handleRunQuery = useCallback((query) => {
-        runQuery(query);
-    }, [runQuery]);
-    return (_jsx(SqlCodeMirrorEditor, { connector: connector, value: queryText ?? '', onChange: handleUpdateQuery, className: cn('h-full w-full grow', className), options: CODEMIRROR_OPTIONS, onRunQuery: handleRunQuery, tableSchemas: tableSchemas }, queryId));
+        runQueryById(queryId, query);
+    }, [queryId, runQueryById]);
+    const editorOptions = useMemo(() => ({
+        ...CODEMIRROR_OPTIONS,
+        ...(compact
+            ? {
+                lineNumbers: false,
+                foldGutter: false,
+                highlightActiveLine: false,
+            }
+            : {}),
+    }), [compact]);
+    return (_jsx(SqlCodeMirrorEditor, { connector: connector, value: queryText ?? '', onChange: handleUpdateQuery, className: cn(autoHeight
+            ? [
+                'h-auto min-h-0 w-full grow',
+                '[&_.cm-content]:min-h-12',
+                '[&_.cm-editor]:h-auto [&_.cm-editor]:min-h-12',
+                '[&_.cm-scroller]:overflow-visible',
+            ]
+            : 'h-full w-full grow', className), options: editorOptions, onRunQuery: handleRunQuery, tableSchemas: tableSchemas, readOnly: readOnly, hideGutter: compact }, queryId));
 };
 //# sourceMappingURL=QueryEditorPanelEditor.js.map

package/dist/components/QueryEditorPanelEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryEditorPanelEditor.js","sourceRoot":"","sources":["../../src/components/QueryEditorPanelEditor.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,cAAc,CAAC;AAChC,OAAO,EAAC,WAAW,EAAC,MAAM,OAAO,CAAC;AAClC,OAAO,EAAC,qBAAqB,EAAC,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAE3D,MAAM,kBAAkB,GAAG;IACzB,YAAY,EAAE,IAAI;IAClB,cAAc,EAAE,IAAI;IACpB,mBAAmB,EAAE,IAAI;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAG9B,CAAC,EAAC,SAAS,EAAE,OAAO,EAAC,EAAE,EAAE;IAC5B,MAAM,YAAY,GAAG,qBAAqB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;IAC/D,MAAM,QAAQ,GAAG,qBAAqB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC5E,MAAM,SAAS,GAAG,qBAAqB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAE/D,MAAM,SAAS,GAAG,qBAAqB,CACrC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,OAAO,CAAC,EAAE,KAAK,CACvE,CAAC;IACF,MAAM,eAAe,GAAG,qBAAqB,CAC3C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,eAAe,CACnC,CAAC;IAEF,2BAA2B;IAC3B,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,KAAyB,EAAE,EAAE;QAC5B,IAAI,CAAC,KAAK;YAAE,OAAO;QACnB,eAAe,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAClC,CAAC,EACD,CAAC,OAAO,EAAE,eAAe,CAAC,CAC3B,CAAC;IAEF,+CAA+C;IAC/C,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,KAAa,EAAE,EAAE;QAChB,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,KAAC,mBAAmB,IAElB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,SAAS,IAAI,EAAE,EACtB,QAAQ,EAAE,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,EAC9C,OAAO,EAAE,kBAAkB,EAC3B,UAAU,EAAE,cAAc,EAC1B,YAAY,EAAE,YAAY,IAPrB,OAAO,CAQZ,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {cn} from '@sqlrooms/ui';\nimport {useCallback} from 'react';\nimport {useStoreWithSqlEditor} from '../SqlEditorSlice';\nimport {SqlCodeMirrorEditor} from '../SqlCodeMirrorEditor';\n\nconst CODEMIRROR_OPTIONS = {\n  lineWrapping: true,\n  autocompletion: true,\n  highlightActiveLine: true,\n};\n\nexport const QueryEditorPanelEditor: React.FC<{\n  className?: string;\n  queryId: string;\n}> = ({className, queryId}) => {\n  const tableSchemas = useStoreWithSqlEditor((s) => s.db.tables);\n  const runQuery = useStoreWithSqlEditor((s) => s.sqlEditor.parseAndRunQuery);\n  const connector = useStoreWithSqlEditor((s) => s.db.connector);\n\n  const queryText = useStoreWithSqlEditor(\n    (s) => s.sqlEditor.config.queries.find((q) => q.id === queryId)?.query,\n  );\n  const updateQueryText = useStoreWithSqlEditor(\n    (s) => s.sqlEditor.updateQueryText,\n  );\n\n  // Handle query text update\n  const handleUpdateQuery = useCallback(\n    (value: string | undefined) => {\n      if (!value) return;\n      updateQueryText(queryId, value);\n    },\n    [queryId, updateQueryText],\n  );\n\n  // Handle query execution via keyboard shortcut\n  const handleRunQuery = useCallback(\n    (query: string) => {\n      runQuery(query);\n    },\n    [runQuery],\n  );\n\n  return (\n    <SqlCodeMirrorEditor\n      key={queryId}\n      connector={connector}\n      value={queryText ?? ''}\n      onChange={handleUpdateQuery}\n      className={cn('h-full w-full grow', className)}\n      options={CODEMIRROR_OPTIONS}\n      onRunQuery={handleRunQuery}\n      tableSchemas={tableSchemas}\n    />\n  );\n};\n"]}
+{"version":3,"file":"QueryEditorPanelEditor.js","sourceRoot":"","sources":["../../src/components/QueryEditorPanelEditor.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,cAAc,CAAC;AAChC,OAAO,EAAC,WAAW,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAC,qBAAqB,EAAC,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAE3D,MAAM,kBAAkB,GAAG;IACzB,YAAY,EAAE,IAAI;IAClB,cAAc,EAAE,IAAI;IACpB,mBAAmB,EAAE,IAAI;CAC1B,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAM9B,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAC,EAAE,EAAE;IAC3D,MAAM,YAAY,GAAG,qBAAqB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;IAC/D,MAAM,YAAY,GAAG,qBAAqB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IAC5E,MAAM,SAAS,GAAG,qBAAqB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAE/D,MAAM,SAAS,GAAG,qBAAqB,CACrC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,OAAO,CAAC,EAAE,KAAK,CACvE,CAAC;IACF,MAAM,eAAe,GAAG,qBAAqB,CAC3C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,eAAe,CACnC,CAAC;IAEF,2BAA2B;IAC3B,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,KAAyB,EAAE,EAAE;QAC5B,eAAe,CAAC,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;IACxC,CAAC,EACD,CAAC,OAAO,EAAE,eAAe,CAAC,CAC3B,CAAC;IAEF,+CAA+C;IAC/C,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,KAAa,EAAE,EAAE;QAChB,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAC/B,CAAC,EACD,CAAC,OAAO,EAAE,YAAY,CAAC,CACxB,CAAC;IAEF,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,CAAC;QACL,GAAG,kBAAkB;QACrB,GAAG,CAAC,OAAO;YACT,CAAC,CAAC;gBACE,WAAW,EAAE,KAAK;gBAClB,UAAU,EAAE,KAAK;gBACjB,mBAAmB,EAAE,KAAK;aAC3B;YACH,CAAC,CAAC,EAAE,CAAC;KACR,CAAC,EACF,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,OAAO,CACL,KAAC,mBAAmB,IAElB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,SAAS,IAAI,EAAE,EACtB,QAAQ,EAAE,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CACX,UAAU;YACR,CAAC,CAAC;gBACE,4BAA4B;gBAC5B,0BAA0B;gBAC1B,+CAA+C;gBAC/C,mCAAmC;aACpC;YACH,CAAC,CAAC,oBAAoB,EACxB,SAAS,CACV,EACD,OAAO,EAAE,aAAa,EACtB,UAAU,EAAE,cAAc,EAC1B,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,OAAO,IAnBd,OAAO,CAoBZ,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {cn} from '@sqlrooms/ui';\nimport {useCallback, useMemo} from 'react';\nimport {useStoreWithSqlEditor} from '../SqlEditorSlice';\nimport {SqlCodeMirrorEditor} from '../SqlCodeMirrorEditor';\n\nconst CODEMIRROR_OPTIONS = {\n  lineWrapping: true,\n  autocompletion: true,\n  highlightActiveLine: true,\n};\n\n/**\n * @deprecated Prefer `SqlQuery.Editor` for newly composed single-query\n * surfaces. This component remains for compatibility with the legacy tabbed\n * query panel.\n */\nexport const QueryEditorPanelEditor: React.FC<{\n  className?: string;\n  queryId: string;\n  readOnly?: boolean;\n  autoHeight?: boolean;\n  compact?: boolean;\n}> = ({className, queryId, readOnly, autoHeight, compact}) => {\n  const tableSchemas = useStoreWithSqlEditor((s) => s.db.tables);\n  const runQueryById = useStoreWithSqlEditor((s) => s.sqlEditor.runQueryById);\n  const connector = useStoreWithSqlEditor((s) => s.db.connector);\n\n  const queryText = useStoreWithSqlEditor(\n    (s) => s.sqlEditor.config.queries.find((q) => q.id === queryId)?.query,\n  );\n  const updateQueryText = useStoreWithSqlEditor(\n    (s) => s.sqlEditor.updateQueryText,\n  );\n\n  // Handle query text update\n  const handleUpdateQuery = useCallback(\n    (value: string | undefined) => {\n      updateQueryText(queryId, value ?? '');\n    },\n    [queryId, updateQueryText],\n  );\n\n  // Handle query execution via keyboard shortcut\n  const handleRunQuery = useCallback(\n    (query: string) => {\n      runQueryById(queryId, query);\n    },\n    [queryId, runQueryById],\n  );\n\n  const editorOptions = useMemo(\n    () => ({\n      ...CODEMIRROR_OPTIONS,\n      ...(compact\n        ? {\n            lineNumbers: false,\n            foldGutter: false,\n            highlightActiveLine: false,\n          }\n        : {}),\n    }),\n    [compact],\n  );\n\n  return (\n    <SqlCodeMirrorEditor\n      key={queryId}\n      connector={connector}\n      value={queryText ?? ''}\n      onChange={handleUpdateQuery}\n      className={cn(\n        autoHeight\n          ? [\n              'h-auto min-h-0 w-full grow',\n              '[&_.cm-content]:min-h-12',\n              '[&_.cm-editor]:h-auto [&_.cm-editor]:min-h-12',\n              '[&_.cm-scroller]:overflow-visible',\n            ]\n          : 'h-full w-full grow',\n        className,\n      )}\n      options={editorOptions}\n      onRunQuery={handleRunQuery}\n      tableSchemas={tableSchemas}\n      readOnly={readOnly}\n      hideGutter={compact}\n    />\n  );\n};\n"]}

package/dist/components/QueryResultLimitSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QueryResultLimitSelect.d.ts","sourceRoot":"","sources":["../../src/components/QueryResultLimitSelect.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAErC,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAiCxE,CAAC"}
+{"version":3,"file":"QueryResultLimitSelect.d.ts","sourceRoot":"","sources":["../../src/components/QueryResultLimitSelect.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAErC,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA4CxE,CAAC"}

package/dist/components/QueryResultLimitSelect.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn, Select, SelectContent, SelectItem, SelectTrigger, } from '@sqlrooms/ui';
+import { cn, DropdownMenu, DropdownMenuContent, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuTrigger, } from '@sqlrooms/ui';
 import { formatCount } from '@sqlrooms/utils';
+import { ChevronDown } from 'lucide-react';
 import { useMemo } from 'react';
 /**
  * Reusable dropdown for selecting query result limits.
@@ -14,6 +15,6 @@ export const QueryResultLimitSelect = ({ value, onChange, options = [100, 500, 1
         }
         return options;
     }, [options, value]);
-    return (_jsxs(Select, { value: value.toString(), onValueChange: (v) => onChange(parseInt(v)), children: [_jsx(SelectTrigger, { className: cn('h-6 w-fit', className), children: _jsx("div", { className: "text-xs text-gray-500", children: `Limit results to ${formatCount(value)} rows` }) }), _jsx(SelectContent, { children: limitOptions.map((limit) => (_jsx(SelectItem, { value: limit.toString(), children: `${formatCount(limit)} rows` }, limit))) })] }));
+    return (_jsxs(DropdownMenu, { modal: false, children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: cn('border-input bg-background flex h-6 w-fit items-center justify-between gap-1 rounded-md border px-2 py-1 shadow-sm outline-hidden focus:ring-1 disabled:cursor-not-allowed disabled:opacity-50', className), children: [_jsx("span", { className: "text-xs text-gray-500", children: `Limit results to ${formatCount(value)} rows` }), _jsx(ChevronDown, { className: "h-3 w-3 opacity-50" })] }) }), _jsx(DropdownMenuContent, { align: "end", children: _jsx(DropdownMenuRadioGroup, { value: value.toString(), onValueChange: (v) => onChange(parseInt(v, 10)), children: limitOptions.map((limit) => (_jsx(DropdownMenuRadioItem, { value: limit.toString(), children: `${formatCount(limit)} rows` }, limit))) }) })] }));
 };
 //# sourceMappingURL=QueryResultLimitSelect.js.map

package/dist/components/QueryResultLimitSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryResultLimitSelect.js","sourceRoot":"","sources":["../../src/components/QueryResultLimitSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,EAAE,EACF,MAAM,EACN,aAAa,EACb,UAAU,EACV,aAAa,GACd,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAC;AAC5C,OAAc,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAsBrC;;;GAGG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAA0C,CAAC,EAC5E,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,EACvC,SAAS,GACV,EAAE,EAAE;IACH,0CAA0C;IAC1C,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YAC7B,OAAO,CAAC,KAAK,EAAE,GAAG,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QACnD,CAAC;QACD,OAAO,OAAO,CAAC;IACjB,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,MAAC,MAAM,IACL,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,EACvB,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,aAE3C,KAAC,aAAa,IAAC,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,YAClD,cAAK,SAAS,EAAC,uBAAuB,YACnC,oBAAoB,WAAW,CAAC,KAAK,CAAC,OAAO,GAC1C,GACQ,EAChB,KAAC,aAAa,cACX,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC3B,KAAC,UAAU,IAAa,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,YAC5C,GAAG,WAAW,CAAC,KAAK,CAAC,OAAO,IADd,KAAK,CAET,CACd,CAAC,GACY,IACT,CACV,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\n  cn,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n} from '@sqlrooms/ui';\nimport {formatCount} from '@sqlrooms/utils';\nimport React, {useMemo} from 'react';\n\nexport interface QueryResultLimitSelectProps {\n  /**\n   * Current limit value\n   */\n  value: number;\n  /**\n   * Callback when limit changes\n   */\n  onChange: (limit: number) => void;\n  /**\n   * Available limit options\n   * @default [100, 500, 1000, 5000, 10000]\n   */\n  options?: number[];\n  /**\n   * Custom class name\n   */\n  className?: string;\n}\n\n/**\n * Reusable dropdown for selecting query result limits.\n * Used in QueryResultPanel and SqlQueryPreview.\n */\nexport const QueryResultLimitSelect: React.FC<QueryResultLimitSelectProps> = ({\n  value,\n  onChange,\n  options = [100, 500, 1000, 5000, 10000],\n  className,\n}) => {\n  // Ensure current value is in options list\n  const limitOptions = useMemo(() => {\n    if (!options.includes(value)) {\n      return [value, ...options].sort((a, b) => a - b);\n    }\n    return options;\n  }, [options, value]);\n\n  return (\n    <Select\n      value={value.toString()}\n      onValueChange={(v) => onChange(parseInt(v))}\n    >\n      <SelectTrigger className={cn('h-6 w-fit', className)}>\n        <div className=\"text-xs text-gray-500\">\n          {`Limit results to ${formatCount(value)} rows`}\n        </div>\n      </SelectTrigger>\n      <SelectContent>\n        {limitOptions.map((limit) => (\n          <SelectItem key={limit} value={limit.toString()}>\n            {`${formatCount(limit)} rows`}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n};\n"]}
+{"version":3,"file":"QueryResultLimitSelect.js","sourceRoot":"","sources":["../../src/components/QueryResultLimitSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,EAAE,EACF,YAAY,EACZ,mBAAmB,EACnB,sBAAsB,EACtB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAC,WAAW,EAAC,MAAM,cAAc,CAAC;AACzC,OAAc,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAsBrC;;;GAGG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAA0C,CAAC,EAC5E,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,EACvC,SAAS,GACV,EAAE,EAAE;IACH,0CAA0C;IAC1C,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YAC7B,OAAO,CAAC,KAAK,EAAE,GAAG,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QACnD,CAAC;QACD,OAAO,OAAO,CAAC;IACjB,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,MAAC,YAAY,IAAC,KAAK,EAAE,KAAK,aACxB,KAAC,mBAAmB,IAAC,OAAO,kBAC1B,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CACX,gMAAgM,EAChM,SAAS,CACV,aAED,eAAM,SAAS,EAAC,uBAAuB,YACpC,oBAAoB,WAAW,CAAC,KAAK,CAAC,OAAO,GACzC,EACP,KAAC,WAAW,IAAC,SAAS,EAAC,oBAAoB,GAAG,IACvC,GACW,EACtB,KAAC,mBAAmB,IAAC,KAAK,EAAC,KAAK,YAC9B,KAAC,sBAAsB,IACrB,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,EACvB,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,YAE9C,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC3B,KAAC,qBAAqB,IAAa,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,YACvD,GAAG,WAAW,CAAC,KAAK,CAAC,OAAO,IADH,KAAK,CAET,CACzB,CAAC,GACqB,GACL,IACT,CAChB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\n  cn,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuTrigger,\n} from '@sqlrooms/ui';\nimport {formatCount} from '@sqlrooms/utils';\nimport {ChevronDown} from 'lucide-react';\nimport React, {useMemo} from 'react';\n\nexport interface QueryResultLimitSelectProps {\n  /**\n   * Current limit value\n   */\n  value: number;\n  /**\n   * Callback when limit changes\n   */\n  onChange: (limit: number) => void;\n  /**\n   * Available limit options\n   * @default [100, 500, 1000, 5000, 10000]\n   */\n  options?: number[];\n  /**\n   * Custom class name\n   */\n  className?: string;\n}\n\n/**\n * Reusable dropdown for selecting query result limits.\n * Used in QueryResultPanel and SqlQueryPreview.\n */\nexport const QueryResultLimitSelect: React.FC<QueryResultLimitSelectProps> = ({\n  value,\n  onChange,\n  options = [100, 500, 1000, 5000, 10000],\n  className,\n}) => {\n  // Ensure current value is in options list\n  const limitOptions = useMemo(() => {\n    if (!options.includes(value)) {\n      return [value, ...options].sort((a, b) => a - b);\n    }\n    return options;\n  }, [options, value]);\n\n  return (\n    <DropdownMenu modal={false}>\n      <DropdownMenuTrigger asChild>\n        <button\n          type=\"button\"\n          className={cn(\n            'border-input bg-background flex h-6 w-fit items-center justify-between gap-1 rounded-md border px-2 py-1 shadow-sm outline-hidden focus:ring-1 disabled:cursor-not-allowed disabled:opacity-50',\n            className,\n          )}\n        >\n          <span className=\"text-xs text-gray-500\">\n            {`Limit results to ${formatCount(value)} rows`}\n          </span>\n          <ChevronDown className=\"h-3 w-3 opacity-50\" />\n        </button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\">\n        <DropdownMenuRadioGroup\n          value={value.toString()}\n          onValueChange={(v) => onChange(parseInt(v, 10))}\n        >\n          {limitOptions.map((limit) => (\n            <DropdownMenuRadioItem key={limit} value={limit.toString()}>\n              {`${formatCount(limit)} rows`}\n            </DropdownMenuRadioItem>\n          ))}\n        </DropdownMenuRadioGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"]}

package/dist/components/QueryResultPanel.d.ts

@@ -4,6 +4,8 @@ import React from 'react';
 export interface QueryResultPanelProps {
     /** Custom class name for styling */
     className?: string;
+    /** Query id to render results for. Defaults to the selected query tab. */
+    queryId?: string;
     /** Custom actions to render in the query result panel */
     renderActions?: (query: string) => React.ReactNode;
     /** Custom font size for the table e.g. text-xs, text-sm, text-md, text-lg, text-base */
@@ -44,8 +46,14 @@ export interface QueryResultPanelProps {
     onRowSelectionChange?: (rowSelection: RowSelectionState) => void;
     /** Custom value formatter for arrow data */
     formatValue?: ArrowDataTableValueFormatter;
+    /** Additional content rendered in the result footer next to the row count. */
+    footerDetails?: React.ReactNode;
+    /** Custom class name for the inner paginated data table. */
+    dataTableClassName?: string;
 }
 export interface QueryResultPanelAskAiProps {
+    /** Query id to read the error/query from. Defaults to the selected query tab. */
+    queryId?: string;
     /** Called when clicked with the current query and error message */
     onClick?: (query: string, error: string) => void;
     /** Custom icon (defaults to MessageCircleQuestion) */

package/dist/components/QueryResultPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QueryResultPanel.d.ts","sourceRoot":"","sources":["../../src/components/QueryResultPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,4BAA4B,EAG7B,MAAM,sBAAsB,CAAC;AAW9B,OAAO,KAAK,EAAC,GAAG,EAAE,iBAAiB,EAAC,MAAM,uBAAuB,CAAC;AAElE,OAAO,KAAK,MAAM,OAAO,CAAC;AA+B1B,MAAM,WAAW,qBAAqB;IACpC,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACnD,wFAAwF;IACxF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE;QAClB,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QACd,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;KAC9C,KAAK,IAAI,CAAC;IACX;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE;QACxB,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QACd,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;KAC9C,KAAK,IAAI,CAAC;IACX,iFAAiF;IACjF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACjE,4CAA4C;IAC5C,WAAW,CAAC,EAAE,4BAA4B,CAAC;CAC5C;AAwLD,MAAM,WAAW,0BAA0B;IACzC,mEAAmE;IACnE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,sDAAsD;IACtD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AA4CD,eAAO,MAAM,gBAAgB;;CAE3B,CAAC"}
+{"version":3,"file":"QueryResultPanel.d.ts","sourceRoot":"","sources":["../../src/components/QueryResultPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,4BAA4B,EAG7B,MAAM,sBAAsB,CAAC;AAW9B,OAAO,KAAK,EAAC,GAAG,EAAE,iBAAiB,EAAC,MAAM,uBAAuB,CAAC;AAElE,OAAO,KAAK,MAAM,OAAO,CAAC;AA+B1B,MAAM,WAAW,qBAAqB;IACpC,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yDAAyD;IACzD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACnD,wFAAwF;IACxF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE;QAClB,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QACd,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;KAC9C,KAAK,IAAI,CAAC;IACX;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE;QACxB,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QACd,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;KAC9C,KAAK,IAAI,CAAC;IACX,iFAAiF;IACjF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACjE,4CAA4C;IAC5C,WAAW,CAAC,EAAE,4BAA4B,CAAC;IAC3C,8EAA8E;IAC9E,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,4DAA4D;IAC5D,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAqMD,MAAM,WAAW,0BAA0B;IACzC,iFAAiF;IACjF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mEAAmE;IACnE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,sDAAsD;IACtD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAqDD,eAAO,MAAM,gBAAgB;;CAE3B,CAAC"}

package/dist/components/QueryResultPanel.js

@@ -32,12 +32,23 @@ function arrowTableToExplainText(result) {
     }
     return lines.join('\n');
 }
-const QueryResultPanelRoot = ({ className, renderActions, fontSize = 'text-xs', onRowClick, onRowDoubleClick, children, onAskAiAboutError, enableRowSelection, rowSelection, onRowSelectionChange, formatValue, }) => {
+/**
+ * Result table for a SQL editor query.
+ *
+ * Prefer `SqlQuery.Results` when composing a complete single-query surface. Use
+ * this component directly when only the result panel is needed.
+ */
+const QueryResultPanelRoot = ({ className, queryId, renderActions, fontSize = 'text-xs', onRowClick, onRowDoubleClick, children, onAskAiAboutError, enableRowSelection, rowSelection, onRowSelectionChange, formatValue, footerDetails, dataTableClassName, }) => {
     const queryResult = useStoreWithSqlEditor((s) => {
-        const selectedId = s.sqlEditor.config.selectedQueryId;
-        return s.sqlEditor.queryResultsById[selectedId];
+        const resolvedQueryId = queryId ?? s.sqlEditor.config.selectedQueryId;
+        return s.sqlEditor.queryResultsById[resolvedQueryId];
+    });
+    const currentQuery = useStoreWithSqlEditor((s) => {
+        if (!queryId)
+            return s.sqlEditor.getCurrentQuery();
+        return (s.sqlEditor.config.queries.find((query) => query.id === queryId)?.query ??
+            '');
     });
-    const getCurrentQuery = useStoreWithSqlEditor((s) => s.sqlEditor.getCurrentQuery);
     const setQueryResultLimit = useStoreWithSqlEditor((s) => s.sqlEditor.setQueryResultLimit);
     const queryResultLimit = useStoreWithSqlEditor((s) => s.sqlEditor.queryResultLimit);
     const queryResultLimitOptions = useStoreWithSqlEditor((s) => s.sqlEditor.queryResultLimitOptions);
@@ -53,11 +64,10 @@ const QueryResultPanelRoot = ({ className, renderActions, fontSize = 'text-xs',
     }, [queryResult]);
     const handleAskAiAboutError = React.useCallback(() => {
         if (queryResult?.status === 'error' && onAskAiAboutError) {
-            const currentQuery = getCurrentQuery();
             const errorText = queryResult.error;
             onAskAiAboutError?.(currentQuery, errorText);
         }
-    }, [queryResult, getCurrentQuery, onAskAiAboutError]);
+    }, [queryResult, currentQuery, onAskAiAboutError]);
     if (!queryResult) {
         return null;
     }
@@ -77,13 +87,13 @@ const QueryResultPanelRoot = ({ className, renderActions, fontSize = 'text-xs',
         const contentWrapperClassName = cn('relative flex h-full w-full grow flex-col overflow-hidden', className);
         // Result shows the EXPLAIN schema
         if (queryResult.type === 'explain') {
-            return (_jsx("div", { className: contentWrapperClassName, children: _jsxs("div", { className: "flex h-full w-full flex-col overflow-hidden", children: [_jsx("pre", { className: "flex-1 overflow-auto p-4 font-mono text-xs leading-tight wrap-break-word whitespace-pre-wrap", children: explainText }), _jsxs("div", { className: "bg-background flex w-full items-center gap-2 px-4 py-1", children: [_jsx("div", { className: "font-mono text-xs", children: "EXPLAIN" }), _jsx("div", { className: "flex-1" }), renderActions
+            return (_jsx("div", { className: contentWrapperClassName, children: _jsxs("div", { className: "flex h-full w-full flex-col overflow-hidden", children: [_jsx("pre", { className: "flex-1 overflow-auto p-4 font-mono text-xs leading-tight wrap-break-word whitespace-pre-wrap", children: explainText }), _jsxs("div", { className: "bg-background flex w-full items-center gap-2 border-t px-4 py-1", children: [_jsx("div", { className: "font-mono text-xs", children: "EXPLAIN" }), _jsx("div", { className: "flex-1" }), renderActions
                                     ? renderActions(queryResult.lastQueryStatement)
                                     : undefined] })] }) }));
         }
         // Result shows the SELECT/PRAGMA table
         if (isQueryWithResult(queryResult)) {
-            return (_jsx("div", { className: contentWrapperClassName, children: _jsxs("div", { className: "flex h-full w-full flex-col", children: [_jsx(DataTablePaginated, { data: arrowTableData?.data, columns: arrowTableData?.columns, className: "grow overflow-hidden", fontSize: fontSize, isFetching: false, onRowClick: onRowClick, onRowDoubleClick: onRowDoubleClick, enableRowSelection: enableRowSelection, rowSelection: rowSelection, onRowSelectionChange: onRowSelectionChange }), _jsxs("div", { className: "bg-background flex w-full items-center gap-2 px-4 py-1", children: [queryResult.result ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "font-mono text-xs", children: `${formatCount(queryResult.result.numRows ?? 0)} rows` }), queryResult.type === 'select' ? (_jsx(QueryResultLimitSelect, { value: queryResultLimit, onChange: setQueryResultLimit, options: queryResultLimitOptions })) : null] })) : null, _jsx("div", { className: "flex-1" }), renderActions
+            return (_jsx("div", { className: contentWrapperClassName, children: _jsxs("div", { className: "flex h-full w-full flex-col", children: [_jsx(DataTablePaginated, { data: arrowTableData?.data, columns: arrowTableData?.columns, className: cn('grow overflow-hidden', dataTableClassName), fontSize: fontSize, isFetching: false, onRowClick: onRowClick, onRowDoubleClick: onRowDoubleClick, enableRowSelection: enableRowSelection, rowSelection: rowSelection, onRowSelectionChange: onRowSelectionChange }), _jsxs("div", { className: "bg-background flex w-full items-center gap-2 border-t px-4 py-1", children: [queryResult.result ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "font-mono text-xs", children: `${formatCount(queryResult.result.numRows ?? 0)} rows` }), queryResult.type === 'select' ? (_jsx(QueryResultLimitSelect, { value: queryResultLimit, onChange: setQueryResultLimit, options: queryResultLimitOptions })) : null] })) : null, _jsx("div", { className: "flex-1" }), footerDetails, renderActions
                                     ? renderActions(queryResult.lastQueryStatement)
                                     : undefined] })] }) }));
         }
@@ -92,17 +102,22 @@ const QueryResultPanelRoot = ({ className, renderActions, fontSize = 'text-xs',
     }
     return null;
 };
-const QueryResultPanelAskAi = React.forwardRef(({ onClick, icon, className, tooltipContent = 'Ask AI for help' }, ref) => {
+const QueryResultPanelAskAi = React.forwardRef(({ queryId, onClick, icon, className, tooltipContent = 'Ask AI for help' }, ref) => {
     const queryResult = useStoreWithSqlEditor((s) => {
-        const selectedId = s.sqlEditor.config.selectedQueryId;
-        return s.sqlEditor.queryResultsById[selectedId];
+        const resolvedQueryId = queryId ?? s.sqlEditor.config.selectedQueryId;
+        return s.sqlEditor.queryResultsById[resolvedQueryId];
+    });
+    const currentQuery = useStoreWithSqlEditor((s) => {
+        if (!queryId)
+            return s.sqlEditor.getCurrentQuery();
+        return (s.sqlEditor.config.queries.find((query) => query.id === queryId)?.query ??
+            '');
     });
-    const getCurrentQuery = useStoreWithSqlEditor((s) => s.sqlEditor.getCurrentQuery);
     // Only render in error state
     if (queryResult?.status !== 'error')
         return null;
     const handleClick = () => {
-        onClick?.(getCurrentQuery(), queryResult.error);
+        onClick?.(currentQuery, queryResult.error);
     };
     return (_jsx(TooltipProvider, { delayDuration: 200, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { ref: ref, variant: "ghost", size: "icon", className: cn('h-8 w-8', className), onClick: handleClick, children: icon ?? _jsx(MessageCircleQuestion, { className: "h-4 w-4" }) }) }), _jsx(TooltipContent, { children: _jsx("p", { className: "text-xs", children: tooltipContent }) })] }) }));
 });

package/dist/components/QueryResultPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryResultPanel.js","sourceRoot":"","sources":["../../src/components/QueryResultPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  ArrowDataTableValueFormatter,\n  DataTablePaginated,\n  useArrowDataTable,\n} from '@sqlrooms/data-table';\nimport {\n  Button,\n  cn,\n  SpinnerPane,\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from '@sqlrooms/ui';\nimport {formatCount} from '@sqlrooms/utils';\nimport type {Row, RowSelectionState} from '@tanstack/react-table';\nimport {MessageCircleQuestion} from 'lucide-react';\nimport React from 'react';\nimport {isQueryWithResult, useStoreWithSqlEditor} from '../SqlEditorSlice';\nimport {QueryResultLimitSelect} from './QueryResultLimitSelect';\n\n/**\n * Turns DuckDB's EXPLAIN result table into a readable plan string.\n * Prefer the `explain_value` column (DuckDB default); otherwise fall back\n * to the first column and join all rows with newlines.\n */\nfunction arrowTableToExplainText(result: any): string {\n  if (!result) return '';\n\n  const numRows: number = result.numRows ?? 0;\n  const fields: {name: string}[] = result.schema?.fields ?? [];\n  const fieldNames = fields.map((f) => f.name);\n\n  const hasExplainValueColumn = fieldNames.includes('explain_value');\n  const columnName = hasExplainValueColumn ? 'explain_value' : fieldNames[0];\n  if (!columnName) return '';\n\n  const col = result.getChild?.(columnName);\n  if (!col) return '';\n\n  const lines: string[] = [];\n  for (let i = 0; i < numRows; i++) {\n    const v = col.get(i);\n    if (v != null && String(v).length > 0) lines.push(String(v));\n  }\n  return lines.join('\\n');\n}\n\nexport interface QueryResultPanelProps {\n  /** Custom class name for styling */\n  className?: string;\n  /** Custom actions to render in the query result panel */\n  renderActions?: (query: string) => React.ReactNode;\n  /** Custom font size for the table e.g. text-xs, text-sm, text-md, text-lg, text-base */\n  fontSize?: string;\n  /**\n   * Called when a row in the results table is clicked.\n   */\n  onRowClick?: (args: {\n    row: Row<any>;\n    event: React.MouseEvent<HTMLTableRowElement>;\n  }) => void;\n  /**\n   * Called when a row in the results table is double-clicked.\n   */\n  onRowDoubleClick?: (args: {\n    row: Row<any>;\n    event: React.MouseEvent<HTMLTableRowElement>;\n  }) => void;\n  /** Custom content to render in the error state (e.g., QueryResultPanel.AskAi) */\n  children?: React.ReactNode;\n  /**\n   * @deprecated Use children with QueryResultPanel.AskAi instead\n   * Called when the \"Ask AI\" button is clicked on an error message.\n   * Receives the current query and error text.\n   */\n  onAskAiAboutError?: (query: string, error: string) => void;\n  /**\n   * Enables row selection with checkboxes.\n   */\n  enableRowSelection?: boolean;\n  /**\n   * Controlled row selection state. Keys are row indices, values are selection status.\n   */\n  rowSelection?: RowSelectionState;\n  /**\n   * Called when row selection changes.\n   */\n  onRowSelectionChange?: (rowSelection: RowSelectionState) => void;\n  /** Custom value formatter for arrow data */\n  formatValue?: ArrowDataTableValueFormatter;\n}\n\nconst QueryResultPanelRoot: React.FC<QueryResultPanelProps> = ({\n  className,\n  renderActions,\n  fontSize = 'text-xs',\n  onRowClick,\n  onRowDoubleClick,\n  children,\n  onAskAiAboutError,\n  enableRowSelection,\n  rowSelection,\n  onRowSelectionChange,\n  formatValue,\n}) => {\n  const queryResult = useStoreWithSqlEditor((s) => {\n    const selectedId = s.sqlEditor.config.selectedQueryId;\n    return s.sqlEditor.queryResultsById[selectedId];\n  });\n  const getCurrentQuery = useStoreWithSqlEditor(\n    (s) => s.sqlEditor.getCurrentQuery,\n  );\n  const setQueryResultLimit = useStoreWithSqlEditor(\n    (s) => s.sqlEditor.setQueryResultLimit,\n  );\n  const queryResultLimit = useStoreWithSqlEditor(\n    (s) => s.sqlEditor.queryResultLimit,\n  );\n  const queryResultLimitOptions = useStoreWithSqlEditor(\n    (s) => s.sqlEditor.queryResultLimitOptions,\n  );\n\n  const tableForDataTable =\n    isQueryWithResult(queryResult) && queryResult.type !== 'explain'\n      ? queryResult.result\n      : undefined;\n\n  const arrowTableData = useArrowDataTable(tableForDataTable, {formatValue});\n\n  const explainText = React.useMemo(() => {\n    if (queryResult?.status !== 'success' || queryResult.type !== 'explain') {\n      return undefined;\n    }\n    return arrowTableToExplainText(queryResult.result);\n  }, [queryResult]);\n\n  const handleAskAiAboutError = React.useCallback(() => {\n    if (queryResult?.status === 'error' && onAskAiAboutError) {\n      const currentQuery = getCurrentQuery();\n      const errorText = queryResult.error;\n      onAskAiAboutError?.(currentQuery, errorText);\n    }\n  }, [queryResult, getCurrentQuery, onAskAiAboutError]);\n\n  if (!queryResult) {\n    return null;\n  }\n\n  if (queryResult?.status === 'loading') {\n    return <SpinnerPane h=\"100%\" />;\n  }\n\n  if (queryResult?.status === 'aborted') {\n    return (\n      <div className=\"p-5 font-mono text-xs leading-tight text-red-500\">\n        Query was aborted\n      </div>\n    );\n  }\n  if (queryResult?.status === 'error') {\n    // Backward compat: if no children but onAskAiAboutError is provided, render default button\n    const errorActions =\n      children ??\n      (onAskAiAboutError && (\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"h-8 w-8\"\n          onClick={handleAskAiAboutError}\n          title=\"Ask AI for help\"\n        >\n          <MessageCircleQuestion className=\"h-4 w-4\" />\n        </Button>\n      ));\n\n    return (\n      <div className=\"relative h-full w-full overflow-auto p-5\">\n        {errorActions && (\n          <div className=\"absolute top-2 right-2\">{errorActions}</div>\n        )}\n        <pre\n          className={cn(\n            'text-xs leading-tight whitespace-pre-wrap text-red-500',\n            errorActions && 'pr-12',\n          )}\n        >\n          {queryResult.error}\n        </pre>\n      </div>\n    );\n  }\n\n  if (queryResult?.status === 'success') {\n    const contentWrapperClassName = cn(\n      'relative flex h-full w-full grow flex-col overflow-hidden',\n      className,\n    );\n\n    // Result shows the EXPLAIN schema\n    if (queryResult.type === 'explain') {\n      return (\n        <div className={contentWrapperClassName}>\n          <div className=\"flex h-full w-full flex-col overflow-hidden\">\n            <pre className=\"flex-1 overflow-auto p-4 font-mono text-xs leading-tight wrap-break-word whitespace-pre-wrap\">\n              {explainText}\n            </pre>\n            <div className=\"bg-background flex w-full items-center gap-2 px-4 py-1\">\n              <div className=\"font-mono text-xs\">EXPLAIN</div>\n              <div className=\"flex-1\" />\n              {renderActions\n                ? renderActions(queryResult.lastQueryStatement)\n                : undefined}\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    // Result shows the SELECT/PRAGMA table\n    if (isQueryWithResult(queryResult)) {\n      return (\n        <div className={contentWrapperClassName}>\n          <div className=\"flex h-full w-full flex-col\">\n            <DataTablePaginated\n              data={arrowTableData?.data}\n              columns={arrowTableData?.columns}\n              className=\"grow overflow-hidden\"\n              fontSize={fontSize}\n              isFetching={false}\n              onRowClick={onRowClick}\n              onRowDoubleClick={onRowDoubleClick}\n              enableRowSelection={enableRowSelection}\n              rowSelection={rowSelection}\n              onRowSelectionChange={onRowSelectionChange}\n            />\n            <div className=\"bg-background flex w-full items-center gap-2 px-4 py-1\">\n              {queryResult.result ? (\n                <>\n                  <div className=\"font-mono text-xs\">\n                    {`${formatCount(queryResult.result.numRows ?? 0)} rows`}\n                  </div>\n\n                  {queryResult.type === 'select' ? (\n                    <QueryResultLimitSelect\n                      value={queryResultLimit}\n                      onChange={setQueryResultLimit}\n                      options={queryResultLimitOptions}\n                    />\n                  ) : null}\n                </>\n              ) : null}\n              <div className=\"flex-1\" />\n              {renderActions\n                ? renderActions(queryResult.lastQueryStatement)\n                : undefined}\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    // Fallback message to show when the query result is not a SELECT/PRAGMA or EXPLAIN\n    return (\n      <div className={contentWrapperClassName}>\n        <pre className=\"p-4 text-xs leading-tight text-green-500\">\n          Successfully executed query\n        </pre>\n      </div>\n    );\n  }\n\n  return null;\n};\n\nexport interface QueryResultPanelAskAiProps {\n  /** Called when clicked with the current query and error message */\n  onClick?: (query: string, error: string) => void;\n  /** Custom icon (defaults to MessageCircleQuestion) */\n  icon?: React.ReactNode;\n  /** Custom className */\n  className?: string;\n  /** Tooltip text to display on hover */\n  tooltipContent?: string;\n}\n\nconst QueryResultPanelAskAi = React.forwardRef<\n  HTMLButtonElement,\n  QueryResultPanelAskAiProps\n>(({onClick, icon, className, tooltipContent = 'Ask AI for help'}, ref) => {\n  const queryResult = useStoreWithSqlEditor((s) => {\n    const selectedId = s.sqlEditor.config.selectedQueryId;\n    return s.sqlEditor.queryResultsById[selectedId];\n  });\n  const getCurrentQuery = useStoreWithSqlEditor(\n    (s) => s.sqlEditor.getCurrentQuery,\n  );\n\n  // Only render in error state\n  if (queryResult?.status !== 'error') return null;\n\n  const handleClick = () => {\n    onClick?.(getCurrentQuery(), queryResult.error);\n  };\n\n  return (\n    <TooltipProvider delayDuration={200}>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button\n            ref={ref}\n            variant=\"ghost\"\n            size=\"icon\"\n            className={cn('h-8 w-8', className)}\n            onClick={handleClick}\n          >\n            {icon ?? <MessageCircleQuestion className=\"h-4 w-4\" />}\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent>\n          <p className=\"text-xs\">{tooltipContent}</p>\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n});\nQueryResultPanelAskAi.displayName = 'QueryResultPanel.AskAi';\n\nexport const QueryResultPanel = Object.assign(QueryResultPanelRoot, {\n  AskAi: QueryResultPanelAskAi,\n});\n"]}
+{"version":3,"file":"QueryResultPanel.js","sourceRoot":"","sources":["../../src/components/QueryResultPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  ArrowDataTableValueFormatter,\n  DataTablePaginated,\n  useArrowDataTable,\n} from '@sqlrooms/data-table';\nimport {\n  Button,\n  cn,\n  SpinnerPane,\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from '@sqlrooms/ui';\nimport {formatCount} from '@sqlrooms/utils';\nimport type {Row, RowSelectionState} from '@tanstack/react-table';\nimport {MessageCircleQuestion} from 'lucide-react';\nimport React from 'react';\nimport {isQueryWithResult, useStoreWithSqlEditor} from '../SqlEditorSlice';\nimport {QueryResultLimitSelect} from './QueryResultLimitSelect';\n\n/**\n * Turns DuckDB's EXPLAIN result table into a readable plan string.\n * Prefer the `explain_value` column (DuckDB default); otherwise fall back\n * to the first column and join all rows with newlines.\n */\nfunction arrowTableToExplainText(result: any): string {\n  if (!result) return '';\n\n  const numRows: number = result.numRows ?? 0;\n  const fields: {name: string}[] = result.schema?.fields ?? [];\n  const fieldNames = fields.map((f) => f.name);\n\n  const hasExplainValueColumn = fieldNames.includes('explain_value');\n  const columnName = hasExplainValueColumn ? 'explain_value' : fieldNames[0];\n  if (!columnName) return '';\n\n  const col = result.getChild?.(columnName);\n  if (!col) return '';\n\n  const lines: string[] = [];\n  for (let i = 0; i < numRows; i++) {\n    const v = col.get(i);\n    if (v != null && String(v).length > 0) lines.push(String(v));\n  }\n  return lines.join('\\n');\n}\n\nexport interface QueryResultPanelProps {\n  /** Custom class name for styling */\n  className?: string;\n  /** Query id to render results for. Defaults to the selected query tab. */\n  queryId?: string;\n  /** Custom actions to render in the query result panel */\n  renderActions?: (query: string) => React.ReactNode;\n  /** Custom font size for the table e.g. text-xs, text-sm, text-md, text-lg, text-base */\n  fontSize?: string;\n  /**\n   * Called when a row in the results table is clicked.\n   */\n  onRowClick?: (args: {\n    row: Row<any>;\n    event: React.MouseEvent<HTMLTableRowElement>;\n  }) => void;\n  /**\n   * Called when a row in the results table is double-clicked.\n   */\n  onRowDoubleClick?: (args: {\n    row: Row<any>;\n    event: React.MouseEvent<HTMLTableRowElement>;\n  }) => void;\n  /** Custom content to render in the error state (e.g., QueryResultPanel.AskAi) */\n  children?: React.ReactNode;\n  /**\n   * @deprecated Use children with QueryResultPanel.AskAi instead\n   * Called when the \"Ask AI\" button is clicked on an error message.\n   * Receives the current query and error text.\n   */\n  onAskAiAboutError?: (query: string, error: string) => void;\n  /**\n   * Enables row selection with checkboxes.\n   */\n  enableRowSelection?: boolean;\n  /**\n   * Controlled row selection state. Keys are row indices, values are selection status.\n   */\n  rowSelection?: RowSelectionState;\n  /**\n   * Called when row selection changes.\n   */\n  onRowSelectionChange?: (rowSelection: RowSelectionState) => void;\n  /** Custom value formatter for arrow data */\n  formatValue?: ArrowDataTableValueFormatter;\n  /** Additional content rendered in the result footer next to the row count. */\n  footerDetails?: React.ReactNode;\n  /** Custom class name for the inner paginated data table. */\n  dataTableClassName?: string;\n}\n\n/**\n * Result table for a SQL editor query.\n *\n * Prefer `SqlQuery.Results` when composing a complete single-query surface. Use\n * this component directly when only the result panel is needed.\n */\nconst QueryResultPanelRoot: React.FC<QueryResultPanelProps> = ({\n  className,\n  queryId,\n  renderActions,\n  fontSize = 'text-xs',\n  onRowClick,\n  onRowDoubleClick,\n  children,\n  onAskAiAboutError,\n  enableRowSelection,\n  rowSelection,\n  onRowSelectionChange,\n  formatValue,\n  footerDetails,\n  dataTableClassName,\n}) => {\n  const queryResult = useStoreWithSqlEditor((s) => {\n    const resolvedQueryId = queryId ?? s.sqlEditor.config.selectedQueryId;\n    return s.sqlEditor.queryResultsById[resolvedQueryId];\n  });\n  const currentQuery = useStoreWithSqlEditor((s) => {\n    if (!queryId) return s.sqlEditor.getCurrentQuery();\n    return (\n      s.sqlEditor.config.queries.find((query) => query.id === queryId)?.query ??\n      ''\n    );\n  });\n  const setQueryResultLimit = useStoreWithSqlEditor(\n    (s) => s.sqlEditor.setQueryResultLimit,\n  );\n  const queryResultLimit = useStoreWithSqlEditor(\n    (s) => s.sqlEditor.queryResultLimit,\n  );\n  const queryResultLimitOptions = useStoreWithSqlEditor(\n    (s) => s.sqlEditor.queryResultLimitOptions,\n  );\n\n  const tableForDataTable =\n    isQueryWithResult(queryResult) && queryResult.type !== 'explain'\n      ? queryResult.result\n      : undefined;\n\n  const arrowTableData = useArrowDataTable(tableForDataTable, {formatValue});\n\n  const explainText = React.useMemo(() => {\n    if (queryResult?.status !== 'success' || queryResult.type !== 'explain') {\n      return undefined;\n    }\n    return arrowTableToExplainText(queryResult.result);\n  }, [queryResult]);\n\n  const handleAskAiAboutError = React.useCallback(() => {\n    if (queryResult?.status === 'error' && onAskAiAboutError) {\n      const errorText = queryResult.error;\n      onAskAiAboutError?.(currentQuery, errorText);\n    }\n  }, [queryResult, currentQuery, onAskAiAboutError]);\n\n  if (!queryResult) {\n    return null;\n  }\n\n  if (queryResult?.status === 'loading') {\n    return <SpinnerPane h=\"100%\" />;\n  }\n\n  if (queryResult?.status === 'aborted') {\n    return (\n      <div className=\"p-5 font-mono text-xs leading-tight text-red-500\">\n        Query was aborted\n      </div>\n    );\n  }\n  if (queryResult?.status === 'error') {\n    // Backward compat: if no children but onAskAiAboutError is provided, render default button\n    const errorActions =\n      children ??\n      (onAskAiAboutError && (\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"h-8 w-8\"\n          onClick={handleAskAiAboutError}\n          title=\"Ask AI for help\"\n        >\n          <MessageCircleQuestion className=\"h-4 w-4\" />\n        </Button>\n      ));\n\n    return (\n      <div className=\"relative h-full w-full overflow-auto p-5\">\n        {errorActions && (\n          <div className=\"absolute top-2 right-2\">{errorActions}</div>\n        )}\n        <pre\n          className={cn(\n            'text-xs leading-tight whitespace-pre-wrap text-red-500',\n            errorActions && 'pr-12',\n          )}\n        >\n          {queryResult.error}\n        </pre>\n      </div>\n    );\n  }\n\n  if (queryResult?.status === 'success') {\n    const contentWrapperClassName = cn(\n      'relative flex h-full w-full grow flex-col overflow-hidden',\n      className,\n    );\n\n    // Result shows the EXPLAIN schema\n    if (queryResult.type === 'explain') {\n      return (\n        <div className={contentWrapperClassName}>\n          <div className=\"flex h-full w-full flex-col overflow-hidden\">\n            <pre className=\"flex-1 overflow-auto p-4 font-mono text-xs leading-tight wrap-break-word whitespace-pre-wrap\">\n              {explainText}\n            </pre>\n            <div className=\"bg-background flex w-full items-center gap-2 border-t px-4 py-1\">\n              <div className=\"font-mono text-xs\">EXPLAIN</div>\n              <div className=\"flex-1\" />\n              {renderActions\n                ? renderActions(queryResult.lastQueryStatement)\n                : undefined}\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    // Result shows the SELECT/PRAGMA table\n    if (isQueryWithResult(queryResult)) {\n      return (\n        <div className={contentWrapperClassName}>\n          <div className=\"flex h-full w-full flex-col\">\n            <DataTablePaginated\n              data={arrowTableData?.data}\n              columns={arrowTableData?.columns}\n              className={cn('grow overflow-hidden', dataTableClassName)}\n              fontSize={fontSize}\n              isFetching={false}\n              onRowClick={onRowClick}\n              onRowDoubleClick={onRowDoubleClick}\n              enableRowSelection={enableRowSelection}\n              rowSelection={rowSelection}\n              onRowSelectionChange={onRowSelectionChange}\n            />\n            <div className=\"bg-background flex w-full items-center gap-2 border-t px-4 py-1\">\n              {queryResult.result ? (\n                <>\n                  <div className=\"font-mono text-xs\">\n                    {`${formatCount(queryResult.result.numRows ?? 0)} rows`}\n                  </div>\n\n                  {queryResult.type === 'select' ? (\n                    <QueryResultLimitSelect\n                      value={queryResultLimit}\n                      onChange={setQueryResultLimit}\n                      options={queryResultLimitOptions}\n                    />\n                  ) : null}\n                </>\n              ) : null}\n              <div className=\"flex-1\" />\n              {footerDetails}\n              {renderActions\n                ? renderActions(queryResult.lastQueryStatement)\n                : undefined}\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    // Fallback message to show when the query result is not a SELECT/PRAGMA or EXPLAIN\n    return (\n      <div className={contentWrapperClassName}>\n        <pre className=\"p-4 text-xs leading-tight text-green-500\">\n          Successfully executed query\n        </pre>\n      </div>\n    );\n  }\n\n  return null;\n};\n\nexport interface QueryResultPanelAskAiProps {\n  /** Query id to read the error/query from. Defaults to the selected query tab. */\n  queryId?: string;\n  /** Called when clicked with the current query and error message */\n  onClick?: (query: string, error: string) => void;\n  /** Custom icon (defaults to MessageCircleQuestion) */\n  icon?: React.ReactNode;\n  /** Custom className */\n  className?: string;\n  /** Tooltip text to display on hover */\n  tooltipContent?: string;\n}\n\nconst QueryResultPanelAskAi = React.forwardRef<\n  HTMLButtonElement,\n  QueryResultPanelAskAiProps\n>(\n  (\n    {queryId, onClick, icon, className, tooltipContent = 'Ask AI for help'},\n    ref,\n  ) => {\n  const queryResult = useStoreWithSqlEditor((s) => {\n    const resolvedQueryId = queryId ?? s.sqlEditor.config.selectedQueryId;\n    return s.sqlEditor.queryResultsById[resolvedQueryId];\n  });\n  const currentQuery = useStoreWithSqlEditor((s) => {\n    if (!queryId) return s.sqlEditor.getCurrentQuery();\n    return (\n      s.sqlEditor.config.queries.find((query) => query.id === queryId)?.query ??\n      ''\n    );\n  });\n\n  // Only render in error state\n  if (queryResult?.status !== 'error') return null;\n\n  const handleClick = () => {\n    onClick?.(currentQuery, queryResult.error);\n  };\n\n  return (\n    <TooltipProvider delayDuration={200}>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button\n            ref={ref}\n            variant=\"ghost\"\n            size=\"icon\"\n            className={cn('h-8 w-8', className)}\n            onClick={handleClick}\n          >\n            {icon ?? <MessageCircleQuestion className=\"h-4 w-4\" />}\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent>\n          <p className=\"text-xs\">{tooltipContent}</p>\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n  },\n);\nQueryResultPanelAskAi.displayName = 'QueryResultPanel.AskAi';\n\nexport const QueryResultPanel = Object.assign(QueryResultPanelRoot, {\n  AskAi: QueryResultPanelAskAi,\n});\n"]}

package/dist/components/SqlEditorHeader.d.ts

@@ -10,6 +10,8 @@ export type SqlEditorHeaderProps = PropsWithChildren<{
     documentationPanel?: React.ReactNode;
     /** Callback when the documentation visibility is toggled */
     onToggleDocs?: (show: boolean) => void;
+    /** Optional callback for closing the editor surface */
+    onClose?: () => void;
 }>;
 export declare const SqlEditorHeader: React.FC<SqlEditorHeaderProps>;
 //# sourceMappingURL=SqlEditorHeader.d.ts.map

package/dist/components/SqlEditorHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SqlEditorHeader.d.ts","sourceRoot":"","sources":["../../src/components/SqlEditorHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAM/C,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;IACnD,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,4DAA4D;IAC5D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,CAAC,CAAC;AAEH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA0B1D,CAAC"}
+{"version":3,"file":"SqlEditorHeader.d.ts","sourceRoot":"","sources":["../../src/components/SqlEditorHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAM/C,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;IACnD,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,4DAA4D;IAC5D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC,CAAC;AAEH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAoD1D,CAAC"}

package/dist/components/SqlEditorHeader.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, cn } from '@sqlrooms/ui';
+import { XIcon } from 'lucide-react';
 import { SqlReferenceButton, SqlReferenceButtonContent, } from './SqlReferenceButton';
-export const SqlEditorHeader = ({ className, title, showDocs, documentationPanel, onToggleDocs, children, }) => {
-    return (_jsxs("div", { className: cn('flex w-full items-center gap-2 px-2 py-1', className), children: [title && _jsx("h2", { className: "text-md ml-1 font-semibold", children: title }), children, _jsx("div", { className: "grow" }), documentationPanel ? (_jsx(Button, { size: "sm", variant: showDocs ? 'secondary' : 'outline', onClick: () => onToggleDocs?.(!showDocs), children: _jsx(SqlReferenceButtonContent, {}) })) : (_jsx(SqlReferenceButton, {}))] }));
+export const SqlEditorHeader = ({ className, title, showDocs, documentationPanel, onToggleDocs, onClose, children, }) => {
+    return (_jsxs("div", { className: cn('flex min-h-10 w-full min-w-0 items-center gap-2 px-2 py-1', className), children: [_jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [title && (_jsx("h2", { className: "ml-1 min-w-0 truncate text-base font-semibold", children: title })), children] }), _jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [documentationPanel ? (_jsx(Button, { size: "sm", variant: showDocs ? 'secondary' : 'outline', className: "shrink-0", onClick: () => onToggleDocs?.(!showDocs), children: _jsx(SqlReferenceButtonContent, {}) })) : (_jsx(SqlReferenceButton, { className: "shrink-0" })), onClose && (_jsx(Button, { type: "button", size: "icon", variant: "ghost", className: "h-9 w-9 shrink-0", onClick: onClose, "aria-label": "Close SQL editor", children: _jsx(XIcon, {}) }))] })] }));
 };
 //# sourceMappingURL=SqlEditorHeader.js.map

package/dist/components/SqlEditorHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SqlEditorHeader.js","sourceRoot":"","sources":["../../src/components/SqlEditorHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAE,EAAE,EAAC,MAAM,cAAc,CAAC;AAExC,OAAO,EACL,kBAAkB,EAClB,yBAAyB,GAC1B,MAAM,sBAAsB,CAAC;AAe9B,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,SAAS,EACT,KAAK,EACL,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,0CAA0C,EAAE,SAAS,CAAC,aACtE,KAAK,IAAI,aAAI,SAAS,EAAC,4BAA4B,YAAE,KAAK,GAAM,EAChE,QAAQ,EACT,cAAK,SAAS,EAAC,MAAM,GAAG,EACvB,kBAAkB,CAAC,CAAC,CAAC,CACpB,KAAC,MAAM,IACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAC3C,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC,CAAC,QAAQ,CAAC,YAExC,KAAC,yBAAyB,KAAG,GACtB,CACV,CAAC,CAAC,CAAC,CACF,KAAC,kBAAkB,KAAG,CACvB,IACG,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {Button, cn} from '@sqlrooms/ui';\nimport React, {PropsWithChildren} from 'react';\nimport {\n  SqlReferenceButton,\n  SqlReferenceButtonContent,\n} from './SqlReferenceButton';\n\nexport type SqlEditorHeaderProps = PropsWithChildren<{\n  /** Custom class name for styling */\n  className?: string;\n  /** The title of the SQL editor */\n  title?: string;\n  /** Whether to show the documentation panel */\n  showDocs?: boolean;\n  /** Optional documentation panel component */\n  documentationPanel?: React.ReactNode;\n  /** Callback when the documentation visibility is toggled */\n  onToggleDocs?: (show: boolean) => void;\n}>;\n\nexport const SqlEditorHeader: React.FC<SqlEditorHeaderProps> = ({\n  className,\n  title,\n  showDocs,\n  documentationPanel,\n  onToggleDocs,\n  children,\n}) => {\n  return (\n    <div className={cn('flex w-full items-center gap-2 px-2 py-1', className)}>\n      {title && <h2 className=\"text-md ml-1 font-semibold\">{title}</h2>}\n      {children}\n      <div className=\"grow\" />\n      {documentationPanel ? (\n        <Button\n          size=\"sm\"\n          variant={showDocs ? 'secondary' : 'outline'}\n          onClick={() => onToggleDocs?.(!showDocs)}\n        >\n          <SqlReferenceButtonContent />\n        </Button>\n      ) : (\n        <SqlReferenceButton />\n      )}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"SqlEditorHeader.js","sourceRoot":"","sources":["../../src/components/SqlEditorHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAE,EAAE,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,KAAK,EAAC,MAAM,cAAc,CAAC;AAEnC,OAAO,EACL,kBAAkB,EAClB,yBAAyB,GAC1B,MAAM,sBAAsB,CAAC;AAiB9B,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,SAAS,EACT,KAAK,EACL,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,OAAO,EACP,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,2DAA2D,EAC3D,SAAS,CACV,aAED,eAAK,SAAS,EAAC,wCAAwC,aACpD,KAAK,IAAI,CACR,aAAI,SAAS,EAAC,+CAA+C,YAC1D,KAAK,GACH,CACN,EACA,QAAQ,IACL,EACN,eAAK,SAAS,EAAC,kCAAkC,aAC9C,kBAAkB,CAAC,CAAC,CAAC,CACpB,KAAC,MAAM,IACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAC3C,SAAS,EAAC,UAAU,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC,CAAC,QAAQ,CAAC,YAExC,KAAC,yBAAyB,KAAG,GACtB,CACV,CAAC,CAAC,CAAC,CACF,KAAC,kBAAkB,IAAC,SAAS,EAAC,UAAU,GAAG,CAC5C,EACA,OAAO,IAAI,CACV,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,kBAAkB,EAC5B,OAAO,EAAE,OAAO,gBACL,kBAAkB,YAE7B,KAAC,KAAK,KAAG,GACF,CACV,IACG,IACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {Button, cn} from '@sqlrooms/ui';\nimport {XIcon} from 'lucide-react';\nimport React, {PropsWithChildren} from 'react';\nimport {\n  SqlReferenceButton,\n  SqlReferenceButtonContent,\n} from './SqlReferenceButton';\n\nexport type SqlEditorHeaderProps = PropsWithChildren<{\n  /** Custom class name for styling */\n  className?: string;\n  /** The title of the SQL editor */\n  title?: string;\n  /** Whether to show the documentation panel */\n  showDocs?: boolean;\n  /** Optional documentation panel component */\n  documentationPanel?: React.ReactNode;\n  /** Callback when the documentation visibility is toggled */\n  onToggleDocs?: (show: boolean) => void;\n  /** Optional callback for closing the editor surface */\n  onClose?: () => void;\n}>;\n\nexport const SqlEditorHeader: React.FC<SqlEditorHeaderProps> = ({\n  className,\n  title,\n  showDocs,\n  documentationPanel,\n  onToggleDocs,\n  onClose,\n  children,\n}) => {\n  return (\n    <div\n      className={cn(\n        'flex min-h-10 w-full min-w-0 items-center gap-2 px-2 py-1',\n        className,\n      )}\n    >\n      <div className=\"flex min-w-0 flex-1 items-center gap-2\">\n        {title && (\n          <h2 className=\"ml-1 min-w-0 truncate text-base font-semibold\">\n            {title}\n          </h2>\n        )}\n        {children}\n      </div>\n      <div className=\"flex shrink-0 items-center gap-2\">\n        {documentationPanel ? (\n          <Button\n            size=\"sm\"\n            variant={showDocs ? 'secondary' : 'outline'}\n            className=\"shrink-0\"\n            onClick={() => onToggleDocs?.(!showDocs)}\n          >\n            <SqlReferenceButtonContent />\n          </Button>\n        ) : (\n          <SqlReferenceButton className=\"shrink-0\" />\n        )}\n        {onClose && (\n          <Button\n            type=\"button\"\n            size=\"icon\"\n            variant=\"ghost\"\n            className=\"h-9 w-9 shrink-0\"\n            onClick={onClose}\n            aria-label=\"Close SQL editor\"\n          >\n            <XIcon />\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/index.d.ts

@@ -8,7 +8,7 @@ export { default as SqlEditor } from './SqlEditor';
 export type { SqlEditorProps } from './SqlEditor';
 export { default as SqlEditorModal } from './SqlEditorModal';
 export { createSqlEditorSlice } from './SqlEditorSlice';
-export type { QueryResult, SqlEditorSliceState } from './SqlEditorSlice';
+export type { EnsureSqlQueryOptions, QueryResult, SqlEditorQuery, SqlEditorSliceState, } from './SqlEditorSlice';
 export { SqlQueryDataSourcesPanel } from './components/SqlQueryDataSourcesPanel';
 /**
  * @deprecated Use SqlCodeMirrorEditor instead.
@@ -22,6 +22,10 @@ export { SqlMonacoEditor } from './SqlMonacoEditor';
 export type { SqlMonacoEditorProps, SqlMonacoRunQueryOptions, } from './SqlMonacoEditor';
 export { SqlCodeMirrorEditor } from './SqlCodeMirrorEditor';
 export type { SqlCodeMirrorEditorProps } from './SqlCodeMirrorEditor';
+export { SqlQuery } from './SqlQuery';
+export type { SqlQueryRootProps, SqlQueryHeaderProps, SqlQueryToolbarProps, SqlQueryActionsProps, SqlQueryEditorProps, SqlQueryResultsProps, } from './SqlQuery';
+export { SQL_QUERY_BLOCK_TYPE, SqlQueryBlock, createSqlQueryBlockDefinition, } from './SqlQueryBlock';
+export type { SqlQueryBlockProps, CreateSqlQueryBlockDefinitionOptions, } from './SqlQueryBlock';
 export { SqlDialects } from './codemirror/extensions/create-sql-extension';
 export type { SqlDialect } from './codemirror/extensions/create-sql-extension';
 export { SchemaExplorer } from './components/SchemaExplorer';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC1E,YAAY,EACV,qBAAqB,EACrB,4BAA4B,GAC7B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,aAAa,CAAC;AACjD,YAAY,EAAC,cAAc,EAAC,MAAM,aAAa,CAAC;AAChD,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAC,oBAAoB,EAAC,MAAM,kBAAkB,CAAC;AACtD,YAAY,EAAC,WAAW,EAAE,mBAAmB,EAAC,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAC,wBAAwB,EAAC,MAAM,uCAAuC,CAAC;AAC/E;;;GAGG;AACH,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD;;;GAGG;AACH,YAAY,EACV,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC1D,YAAY,EAAC,wBAAwB,EAAC,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAC,WAAW,EAAC,MAAM,8CAA8C,CAAC;AACzE,YAAY,EAAC,UAAU,EAAC,MAAM,8CAA8C,CAAC;AAC7E,OAAO,EAAC,cAAc,EAAC,MAAM,6BAA6B,CAAC;AAC3D,YAAY,EACV,uBAAuB,EACvB,yBAAyB,EACzB,uBAAuB,GACxB,MAAM,6BAA6B,CAAC;AACrC;;GAEG;AACH,OAAO,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AACrE;;GAEG;AACH,YAAY,EAAC,wBAAwB,EAAC,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC/D,YAAY,EACV,qBAAqB,EACrB,0BAA0B,GAC3B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,YAAY,EAAC,oBAAoB,EAAC,MAAM,8BAA8B,CAAC;AACvE,OAAO,EACL,kBAAkB,EAClB,yBAAyB,GAC1B,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAC,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC/D,YAAY,EAAC,qBAAqB,EAAC,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAC,uBAAuB,EAAC,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAC,wBAAwB,EAAC,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAC,sBAAsB,EAAC,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAC,sBAAsB,EAAC,MAAM,qCAAqC,CAAC;AAC3E,YAAY,EAAC,2BAA2B,EAAC,MAAM,qCAAqC,CAAC;AACrF,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,YAAY,EAAC,oBAAoB,EAAC,MAAM,8BAA8B,CAAC;AAIvE,OAAO,EACL,oBAAoB,EACpB,4BAA4B,GAC7B,MAAM,6BAA6B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC1E,YAAY,EACV,qBAAqB,EACrB,4BAA4B,GAC7B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,aAAa,CAAC;AACjD,YAAY,EAAC,cAAc,EAAC,MAAM,aAAa,CAAC;AAChD,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAC,oBAAoB,EAAC,MAAM,kBAAkB,CAAC;AACtD,YAAY,EACV,qBAAqB,EACrB,WAAW,EACX,cAAc,EACd,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAC,wBAAwB,EAAC,MAAM,uCAAuC,CAAC;AAC/E;;;GAGG;AACH,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD;;;GAGG;AACH,YAAY,EACV,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC1D,YAAY,EAAC,wBAAwB,EAAC,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpC,YAAY,EACV,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,oBAAoB,EACpB,aAAa,EACb,6BAA6B,GAC9B,MAAM,iBAAiB,CAAC;AACzB,YAAY,EACV,kBAAkB,EAClB,oCAAoC,GACrC,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAC,WAAW,EAAC,MAAM,8CAA8C,CAAC;AACzE,YAAY,EAAC,UAAU,EAAC,MAAM,8CAA8C,CAAC;AAC7E,OAAO,EAAC,cAAc,EAAC,MAAM,6BAA6B,CAAC;AAC3D,YAAY,EACV,uBAAuB,EACvB,yBAAyB,EACzB,uBAAuB,GACxB,MAAM,6BAA6B,CAAC;AACrC;;GAEG;AACH,OAAO,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AACrE;;GAEG;AACH,YAAY,EAAC,wBAAwB,EAAC,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC/D,YAAY,EACV,qBAAqB,EACrB,0BAA0B,GAC3B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,YAAY,EAAC,oBAAoB,EAAC,MAAM,8BAA8B,CAAC;AACvE,OAAO,EACL,kBAAkB,EAClB,yBAAyB,GAC1B,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAC,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC/D,YAAY,EAAC,qBAAqB,EAAC,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAC,uBAAuB,EAAC,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAC,wBAAwB,EAAC,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAC,sBAAsB,EAAC,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAC,sBAAsB,EAAC,MAAM,qCAAqC,CAAC;AAC3E,YAAY,EAAC,2BAA2B,EAAC,MAAM,qCAAqC,CAAC;AACrF,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,YAAY,EAAC,oBAAoB,EAAC,MAAM,8BAA8B,CAAC;AAIvE,OAAO,EACL,oBAAoB,EACpB,4BAA4B,GAC7B,MAAM,6BAA6B,CAAC"}

package/dist/index.js

@@ -13,6 +13,8 @@ export { SqlQueryDataSourcesPanel } from './components/SqlQueryDataSourcesPanel'
  */
 export { SqlMonacoEditor } from './SqlMonacoEditor';
 export { SqlCodeMirrorEditor } from './SqlCodeMirrorEditor';
+export { SqlQuery } from './SqlQuery';
+export { SQL_QUERY_BLOCK_TYPE, SqlQueryBlock, createSqlQueryBlockDefinition, } from './SqlQueryBlock';
 export { SqlDialects } from './codemirror/extensions/create-sql-extension';
 export { SchemaExplorer } from './components/SchemaExplorer';
 /**

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAK1E,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAC,oBAAoB,EAAC,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAAC,wBAAwB,EAAC,MAAM,uCAAuC,CAAC;AAC/E;;;GAGG;AACH,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AASlD,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAE1D,OAAO,EAAC,WAAW,EAAC,MAAM,8CAA8C,CAAC;AAEzE,OAAO,EAAC,cAAc,EAAC,MAAM,6BAA6B,CAAC;AAM3D;;GAEG;AACH,OAAO,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAKrE,OAAO,EAAC,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAK/D,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAE7D,OAAO,EACL,kBAAkB,EAClB,yBAAyB,GAC1B,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAC,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAE/D,OAAO,EAAC,uBAAuB,EAAC,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAC,wBAAwB,EAAC,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAC,sBAAsB,EAAC,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAC,sBAAsB,EAAC,MAAM,qCAAqC,CAAC;AAE3E,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAG7D,6CAA6C;AAC7C,2EAA2E;AAC3E,OAAO,EACL,oBAAoB,EACpB,4BAA4B,GAC7B,MAAM,6BAA6B,CAAC","sourcesContent":["/**\n * {@include ../README.md}\n * @packageDocumentation\n */\nexport {default as CreateTableModal} from './components/CreateTableModal';\nexport type {\n  CreateTableModalProps,\n  CreateTableFormInitialValues,\n} from './components/CreateTableModal';\nexport {default as SqlEditor} from './SqlEditor';\nexport type {SqlEditorProps} from './SqlEditor';\nexport {default as SqlEditorModal} from './SqlEditorModal';\nexport {createSqlEditorSlice} from './SqlEditorSlice';\nexport type {QueryResult, SqlEditorSliceState} from './SqlEditorSlice';\nexport {SqlQueryDataSourcesPanel} from './components/SqlQueryDataSourcesPanel';\n/**\n * @deprecated Use SqlCodeMirrorEditor instead.\n * SqlMonacoEditor will be removed in the next major version.\n */\nexport {SqlMonacoEditor} from './SqlMonacoEditor';\n/**\n * @deprecated Use SqlCodeMirrorEditor instead.\n * SqlMonacoEditor will be removed in the next major version.\n */\nexport type {\n  SqlMonacoEditorProps,\n  SqlMonacoRunQueryOptions,\n} from './SqlMonacoEditor';\nexport {SqlCodeMirrorEditor} from './SqlCodeMirrorEditor';\nexport type {SqlCodeMirrorEditorProps} from './SqlCodeMirrorEditor';\nexport {SqlDialects} from './codemirror/extensions/create-sql-extension';\nexport type {SqlDialect} from './codemirror/extensions/create-sql-extension';\nexport {SchemaExplorer} from './components/SchemaExplorer';\nexport type {\n  SchemaExplorerRootProps,\n  SchemaExplorerHeaderProps,\n  SchemaExplorerTreeProps,\n} from './components/SchemaExplorer';\n/**\n * @deprecated Use `SchemaExplorer` instead.\n */\nexport {TableStructurePanel} from './components/TableStructurePanel';\n/**\n * @deprecated Use `SchemaExplorer` instead.\n */\nexport type {TableStructurePanelProps} from './components/TableStructurePanel';\nexport {QueryResultPanel} from './components/QueryResultPanel';\nexport type {\n  QueryResultPanelProps,\n  QueryResultPanelAskAiProps,\n} from './components/QueryResultPanel';\nexport {SqlEditorHeader} from './components/SqlEditorHeader';\nexport type {SqlEditorHeaderProps} from './components/SqlEditorHeader';\nexport {\n  SqlReferenceButton,\n  SqlReferenceButtonContent,\n} from './components/SqlReferenceButton';\nexport {QueryEditorPanel} from './components/QueryEditorPanel';\nexport type {QueryEditorPanelProps} from './components/QueryEditorPanel';\nexport {QueryEditorPanelActions} from './components/QueryEditorPanelActions';\nexport {QueryEditorPanelTabsList} from './components/QueryEditorPanelTabsList';\nexport {QueryEditorPanelEditor} from './components/QueryEditorPanelEditor';\nexport {QueryResultLimitSelect} from './components/QueryResultLimitSelect';\nexport type {QueryResultLimitSelectProps} from './components/QueryResultLimitSelect';\nexport {SqlQueryPreview} from './components/SqlQueryPreview';\nexport type {SqlQueryPreviewProps} from './components/SqlQueryPreview';\n\n// Re-export from @sqlrooms/sql-editor-config\n// Values also export their corresponding types automatically (Zod pattern)\nexport {\n  SqlEditorSliceConfig,\n  createDefaultSqlEditorConfig,\n} from '@sqlrooms/sql-editor-config';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAK1E,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAC,oBAAoB,EAAC,MAAM,kBAAkB,CAAC;AAOtD,OAAO,EAAC,wBAAwB,EAAC,MAAM,uCAAuC,CAAC;AAC/E;;;GAGG;AACH,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AASlD,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAE1D,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AASpC,OAAO,EACL,oBAAoB,EACpB,aAAa,EACb,6BAA6B,GAC9B,MAAM,iBAAiB,CAAC;AAKzB,OAAO,EAAC,WAAW,EAAC,MAAM,8CAA8C,CAAC;AAEzE,OAAO,EAAC,cAAc,EAAC,MAAM,6BAA6B,CAAC;AAM3D;;GAEG;AACH,OAAO,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAKrE,OAAO,EAAC,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAK/D,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAE7D,OAAO,EACL,kBAAkB,EAClB,yBAAyB,GAC1B,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAC,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAE/D,OAAO,EAAC,uBAAuB,EAAC,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAC,wBAAwB,EAAC,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAC,sBAAsB,EAAC,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAC,sBAAsB,EAAC,MAAM,qCAAqC,CAAC;AAE3E,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAG7D,6CAA6C;AAC7C,2EAA2E;AAC3E,OAAO,EACL,oBAAoB,EACpB,4BAA4B,GAC7B,MAAM,6BAA6B,CAAC","sourcesContent":["/**\n * {@include ../README.md}\n * @packageDocumentation\n */\nexport {default as CreateTableModal} from './components/CreateTableModal';\nexport type {\n  CreateTableModalProps,\n  CreateTableFormInitialValues,\n} from './components/CreateTableModal';\nexport {default as SqlEditor} from './SqlEditor';\nexport type {SqlEditorProps} from './SqlEditor';\nexport {default as SqlEditorModal} from './SqlEditorModal';\nexport {createSqlEditorSlice} from './SqlEditorSlice';\nexport type {\n  EnsureSqlQueryOptions,\n  QueryResult,\n  SqlEditorQuery,\n  SqlEditorSliceState,\n} from './SqlEditorSlice';\nexport {SqlQueryDataSourcesPanel} from './components/SqlQueryDataSourcesPanel';\n/**\n * @deprecated Use SqlCodeMirrorEditor instead.\n * SqlMonacoEditor will be removed in the next major version.\n */\nexport {SqlMonacoEditor} from './SqlMonacoEditor';\n/**\n * @deprecated Use SqlCodeMirrorEditor instead.\n * SqlMonacoEditor will be removed in the next major version.\n */\nexport type {\n  SqlMonacoEditorProps,\n  SqlMonacoRunQueryOptions,\n} from './SqlMonacoEditor';\nexport {SqlCodeMirrorEditor} from './SqlCodeMirrorEditor';\nexport type {SqlCodeMirrorEditorProps} from './SqlCodeMirrorEditor';\nexport {SqlQuery} from './SqlQuery';\nexport type {\n  SqlQueryRootProps,\n  SqlQueryHeaderProps,\n  SqlQueryToolbarProps,\n  SqlQueryActionsProps,\n  SqlQueryEditorProps,\n  SqlQueryResultsProps,\n} from './SqlQuery';\nexport {\n  SQL_QUERY_BLOCK_TYPE,\n  SqlQueryBlock,\n  createSqlQueryBlockDefinition,\n} from './SqlQueryBlock';\nexport type {\n  SqlQueryBlockProps,\n  CreateSqlQueryBlockDefinitionOptions,\n} from './SqlQueryBlock';\nexport {SqlDialects} from './codemirror/extensions/create-sql-extension';\nexport type {SqlDialect} from './codemirror/extensions/create-sql-extension';\nexport {SchemaExplorer} from './components/SchemaExplorer';\nexport type {\n  SchemaExplorerRootProps,\n  SchemaExplorerHeaderProps,\n  SchemaExplorerTreeProps,\n} from './components/SchemaExplorer';\n/**\n * @deprecated Use `SchemaExplorer` instead.\n */\nexport {TableStructurePanel} from './components/TableStructurePanel';\n/**\n * @deprecated Use `SchemaExplorer` instead.\n */\nexport type {TableStructurePanelProps} from './components/TableStructurePanel';\nexport {QueryResultPanel} from './components/QueryResultPanel';\nexport type {\n  QueryResultPanelProps,\n  QueryResultPanelAskAiProps,\n} from './components/QueryResultPanel';\nexport {SqlEditorHeader} from './components/SqlEditorHeader';\nexport type {SqlEditorHeaderProps} from './components/SqlEditorHeader';\nexport {\n  SqlReferenceButton,\n  SqlReferenceButtonContent,\n} from './components/SqlReferenceButton';\nexport {QueryEditorPanel} from './components/QueryEditorPanel';\nexport type {QueryEditorPanelProps} from './components/QueryEditorPanel';\nexport {QueryEditorPanelActions} from './components/QueryEditorPanelActions';\nexport {QueryEditorPanelTabsList} from './components/QueryEditorPanelTabsList';\nexport {QueryEditorPanelEditor} from './components/QueryEditorPanelEditor';\nexport {QueryResultLimitSelect} from './components/QueryResultLimitSelect';\nexport type {QueryResultLimitSelectProps} from './components/QueryResultLimitSelect';\nexport {SqlQueryPreview} from './components/SqlQueryPreview';\nexport type {SqlQueryPreviewProps} from './components/SqlQueryPreview';\n\n// Re-export from @sqlrooms/sql-editor-config\n// Values also export their corresponding types automatically (Zod pattern)\nexport {\n  SqlEditorSliceConfig,\n  createDefaultSqlEditorConfig,\n} from '@sqlrooms/sql-editor-config';\n"]}