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

package/README.md

@@ -4,6 +4,8 @@ This package provides:
 
 - `createSqlEditorSlice()` for query tabs, execution, and results state
 - `SqlEditor` and `SqlEditorModal` UI
+- `SqlQuery` compound components and `SqlQueryBlock` for reusable single-query
+  surfaces
 - `SqlMonacoEditor` standalone SQL editor
 - helpers/components for query results, table structure, and SQL data sources
 
@@ -95,6 +97,44 @@ function RunQueryButton() {
 }
 ```
 
+For reusable single-query surfaces, use id-addressable query actions:
+
+```tsx
+const ensureQuery = useRoomStore((state) => state.sqlEditor.ensureQuery);
+const runQueryById = useRoomStore((state) => state.sqlEditor.runQueryById);
+
+ensureQuery('query-1', {name: 'Top Airports', query: 'SELECT * FROM airports'});
+await runQueryById('query-1');
+```
+
+## Single Query UI
+
+`SqlQuery` is a compound component for rearranging and styling a single query
+experience without the full tabbed workbench:
+
+```tsx
+import {SqlQuery} from '@sqlrooms/sql-editor';
+
+export function QueryBlock() {
+  return (
+    <SqlQuery.Root queryId="query-1" name="Top Airports">
+      <SqlQuery.Header title="Top Airports">
+        <SqlQuery.Actions />
+      </SqlQuery.Header>
+      <SqlQuery.Editor />
+      <SqlQuery.Results />
+    </SqlQuery.Root>
+  );
+}
+```
+
+`SqlQuery.Results` accepts the same props as `QueryResultPanel`, including
+`footerDetails` for small metadata rendered at the end of the result footer and
+`dataTableClassName` for styling the inner paginated table.
+
+Use `createSqlQueryBlockDefinition()` when a SQL query should be both embeddable
+as a stateful block and openable as an artifact shell.
+
 ## Standalone editor (without SQLRooms store)
 
 `SqlMonacoEditor` can be used independently:

package/dist/SqlCodeMirrorEditor.d.ts

@@ -12,6 +12,8 @@ export interface SqlCodeMirrorEditorProps extends Omit<CodeMirrorEditorProps, 'e
     connector?: DuckDbConnector;
     /** Table schemas for autocompletion and hover tooltips */
     tableSchemas?: DataTable[];
+    /** Hide all editor gutters. Useful for compact embedded editors. */
+    hideGutter?: boolean;
     /** Callback to get the latest table schemas */
     getLatestSchemas?: () => {
         tableSchemas: DataTable[];

package/dist/SqlCodeMirrorEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SqlCodeMirrorEditor.d.ts","sourceRoot":"","sources":["../src/SqlCodeMirrorEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAG1D,OAAO,KAAK,EAAC,SAAS,EAAE,eAAe,EAAC,MAAM,kBAAkB,CAAC;AACjE,OAAO,EAAmB,qBAAqB,EAAC,MAAM,sBAAsB,CAAC;AAC7E,OAAO,EAGL,KAAK,UAAU,EAChB,MAAM,8CAA8C,CAAC;AAItD,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CACpD,qBAAqB,EACrB,YAAY,CACb;IACC,0DAA0D;IAC1D,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,0DAA0D;IAC1D,YAAY,CAAC,EAAE,SAAS,EAAE,CAAC;IAC3B,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,MAAM;QAAC,YAAY,EAAE,SAAS,EAAE,CAAA;KAAC,CAAC;IACrD,0EAA0E;IAC1E,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AASD;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA8DlE,CAAC"}
+{"version":3,"file":"SqlCodeMirrorEditor.d.ts","sourceRoot":"","sources":["../src/SqlCodeMirrorEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAG1D,OAAO,KAAK,EAAC,SAAS,EAAE,eAAe,EAAC,MAAM,kBAAkB,CAAC;AACjE,OAAO,EAAmB,qBAAqB,EAAC,MAAM,sBAAsB,CAAC;AAC7E,OAAO,EAGL,KAAK,UAAU,EAChB,MAAM,8CAA8C,CAAC;AAItD,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CACpD,qBAAqB,EACrB,YAAY,CACb;IACC,0DAA0D;IAC1D,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,0DAA0D;IAC1D,YAAY,CAAC,EAAE,SAAS,EAAE,CAAC;IAC3B,oEAAoE;IACpE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,MAAM;QAAC,YAAY,EAAE,SAAS,EAAE,CAAA;KAAC,CAAC;IACrD,0EAA0E;IAC1E,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AASD;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA+DlE,CAAC"}

package/dist/SqlCodeMirrorEditor.js

@@ -16,7 +16,7 @@ const EDITOR_OPTIONS = {
  * Lightweight alternative to SqlMonacoEditor with syntax highlighting,
  * linting, schema-aware completions, and hover tooltips. Cmd+Enter to run query.
  */
-export const SqlCodeMirrorEditor = ({ dialect = SqlDialects.DuckDb, connector, tableSchemas = [], getLatestSchemas, onRunQuery, onMount, options, ...restProps }) => {
+export const SqlCodeMirrorEditor = ({ dialect = SqlDialects.DuckDb, connector, tableSchemas = [], hideGutter, getLatestSchemas, onRunQuery, onMount, options, ...restProps }) => {
     const viewRef = useRef(null);
     // Get current schemas (use callback if provided)
     const currentSchemas = useMemo(() => {
@@ -34,9 +34,9 @@ export const SqlCodeMirrorEditor = ({ dialect = SqlDialects.DuckDb, connector, t
                 connector,
             }),
             createSqlKeymap(onRunQuery),
-            createSqlTheme(),
+            createSqlTheme({ hideGutter }),
         ];
-    }, [dialect, currentSchemas, onRunQuery, connector]);
+    }, [dialect, currentSchemas, onRunQuery, connector, hideGutter]);
     // Handle editor mount
     const handleEditorMount = useCallback((view) => {
         viewRef.current = view;

package/dist/SqlCodeMirrorEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"SqlCodeMirrorEditor.js","sourceRoot":"","sources":["../src/SqlCodeMirrorEditor.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAC,WAAW,EAAE,OAAO,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AAI1D,OAAO,EAAC,gBAAgB,EAAwB,MAAM,sBAAsB,CAAC;AAC7E,OAAO,EACL,kBAAkB,EAClB,WAAW,GAEZ,MAAM,8CAA8C,CAAC;AACtD,OAAO,EAAC,eAAe,EAAC,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAC,cAAc,EAAC,MAAM,+BAA+B,CAAC;AAqB7D,MAAM,cAAc,GAAqC;IACvD,WAAW,EAAE,IAAI;IACjB,YAAY,EAAE,IAAI;IAClB,mBAAmB,EAAE,IAAI;IACzB,cAAc,EAAE,IAAI;CACrB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EACtE,OAAO,GAAG,WAAW,CAAC,MAAM,EAC5B,SAAS,EACT,YAAY,GAAG,EAAE,EACjB,gBAAgB,EAChB,UAAU,EACV,OAAO,EACP,OAAO,EACP,GAAG,SAAS,EACb,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAEhD,iDAAiD;IACjD,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,IAAI,gBAAgB,EAAE,CAAC;YACrB,OAAO,gBAAgB,EAAE,CAAC,YAAY,CAAC;QACzC,CAAC;QACD,OAAO,YAAY,CAAC;IACtB,CAAC,EAAE,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC,CAAC;IAErC,mBAAmB;IACnB,MAAM,UAAU,GAAG,OAAO,CAAc,GAAG,EAAE;QAC3C,OAAO;YACL,GAAG,kBAAkB,CAAC;gBACpB,OAAO;gBACP,cAAc;gBACd,SAAS;aACV,CAAC;YACF,eAAe,CAAC,UAAU,CAAC;YAC3B,cAAc,EAAE;SACjB,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC;IAErD,sBAAsB;IACtB,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,IAAgB,EAAE,EAAE;QACnB,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QAEvB,gCAAgC;QAChC,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC;IACH,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,MAAM,eAAe,GAAG,OAAO,CAC7B,GAAqC,EAAE,CAAC,CAAC;QACvC,GAAG,cAAc;QACjB,GAAG,OAAO;KACX,CAAC,EACF,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,IACf,OAAO,EAAE,iBAAiB,EAC1B,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,eAAe,KACpB,SAAS,GACb,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React, {useCallback, useMemo, useRef} from 'react';\nimport type {EditorView} from '@codemirror/view';\nimport type {Extension} from '@codemirror/state';\nimport type {DataTable, DuckDbConnector} from '@sqlrooms/duckdb';\nimport {CodeMirrorEditor, CodeMirrorEditorProps} from '@sqlrooms/codemirror';\nimport {\n  createSqlExtension,\n  SqlDialects,\n  type SqlDialect,\n} from './codemirror/extensions/create-sql-extension';\nimport {createSqlKeymap} from './codemirror/extensions/sql-keymap';\nimport {createSqlTheme} from './codemirror/themes/sql-theme';\n\nexport interface SqlCodeMirrorEditorProps extends Omit<\n  CodeMirrorEditorProps,\n  'extensions'\n> {\n  /** SQL dialect for syntax highlighting and completions */\n  dialect?: SqlDialect;\n  /**\n   * Connector for dynamic function suggestions\n   * TODO: change to generic connector interface to support multiple dialects\n   */\n  connector?: DuckDbConnector;\n  /** Table schemas for autocompletion and hover tooltips */\n  tableSchemas?: DataTable[];\n  /** Callback to get the latest table schemas */\n  getLatestSchemas?: () => {tableSchemas: DataTable[]};\n  /** Callback when Cmd+Enter is pressed (selected text or full document) */\n  onRunQuery?: (query: string) => void;\n}\n\nconst EDITOR_OPTIONS: CodeMirrorEditorProps['options'] = {\n  lineNumbers: true,\n  lineWrapping: true,\n  highlightActiveLine: true,\n  autocompletion: true,\n};\n\n/**\n * CodeMirror editor for SQL with dialect-specific support\n *\n * Lightweight alternative to SqlMonacoEditor with syntax highlighting,\n * linting, schema-aware completions, and hover tooltips. Cmd+Enter to run query.\n */\nexport const SqlCodeMirrorEditor: React.FC<SqlCodeMirrorEditorProps> = ({\n  dialect = SqlDialects.DuckDb,\n  connector,\n  tableSchemas = [],\n  getLatestSchemas,\n  onRunQuery,\n  onMount,\n  options,\n  ...restProps\n}) => {\n  const viewRef = useRef<EditorView | null>(null);\n\n  // Get current schemas (use callback if provided)\n  const currentSchemas = useMemo(() => {\n    if (getLatestSchemas) {\n      return getLatestSchemas().tableSchemas;\n    }\n    return tableSchemas;\n  }, [getLatestSchemas, tableSchemas]);\n\n  // Build extensions\n  const extensions = useMemo<Extension[]>(() => {\n    return [\n      ...createSqlExtension({\n        dialect,\n        currentSchemas,\n        connector,\n      }),\n      createSqlKeymap(onRunQuery),\n      createSqlTheme(),\n    ];\n  }, [dialect, currentSchemas, onRunQuery, connector]);\n\n  // Handle editor mount\n  const handleEditorMount = useCallback(\n    (view: EditorView) => {\n      viewRef.current = view;\n\n      // Call user onMount if provided\n      if (onMount) {\n        onMount(view);\n      }\n    },\n    [onMount],\n  );\n\n  const combinedOptions = useMemo(\n    (): CodeMirrorEditorProps['options'] => ({\n      ...EDITOR_OPTIONS,\n      ...options,\n    }),\n    [options],\n  );\n\n  return (\n    <CodeMirrorEditor\n      onMount={handleEditorMount}\n      extensions={extensions}\n      options={combinedOptions}\n      {...restProps}\n    />\n  );\n};\n"]}
+{"version":3,"file":"SqlCodeMirrorEditor.js","sourceRoot":"","sources":["../src/SqlCodeMirrorEditor.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAC,WAAW,EAAE,OAAO,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AAI1D,OAAO,EAAC,gBAAgB,EAAwB,MAAM,sBAAsB,CAAC;AAC7E,OAAO,EACL,kBAAkB,EAClB,WAAW,GAEZ,MAAM,8CAA8C,CAAC;AACtD,OAAO,EAAC,eAAe,EAAC,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAC,cAAc,EAAC,MAAM,+BAA+B,CAAC;AAuB7D,MAAM,cAAc,GAAqC;IACvD,WAAW,EAAE,IAAI;IACjB,YAAY,EAAE,IAAI;IAClB,mBAAmB,EAAE,IAAI;IACzB,cAAc,EAAE,IAAI;CACrB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EACtE,OAAO,GAAG,WAAW,CAAC,MAAM,EAC5B,SAAS,EACT,YAAY,GAAG,EAAE,EACjB,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,OAAO,EACP,OAAO,EACP,GAAG,SAAS,EACb,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAEhD,iDAAiD;IACjD,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,IAAI,gBAAgB,EAAE,CAAC;YACrB,OAAO,gBAAgB,EAAE,CAAC,YAAY,CAAC;QACzC,CAAC;QACD,OAAO,YAAY,CAAC;IACtB,CAAC,EAAE,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC,CAAC;IAErC,mBAAmB;IACnB,MAAM,UAAU,GAAG,OAAO,CAAc,GAAG,EAAE;QAC3C,OAAO;YACL,GAAG,kBAAkB,CAAC;gBACpB,OAAO;gBACP,cAAc;gBACd,SAAS;aACV,CAAC;YACF,eAAe,CAAC,UAAU,CAAC;YAC3B,cAAc,CAAC,EAAC,UAAU,EAAC,CAAC;SAC7B,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IAEjE,sBAAsB;IACtB,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,IAAgB,EAAE,EAAE;QACnB,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QAEvB,gCAAgC;QAChC,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC;IACH,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,MAAM,eAAe,GAAG,OAAO,CAC7B,GAAqC,EAAE,CAAC,CAAC;QACvC,GAAG,cAAc;QACjB,GAAG,OAAO;KACX,CAAC,EACF,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,IACf,OAAO,EAAE,iBAAiB,EAC1B,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,eAAe,KACpB,SAAS,GACb,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React, {useCallback, useMemo, useRef} from 'react';\nimport type {EditorView} from '@codemirror/view';\nimport type {Extension} from '@codemirror/state';\nimport type {DataTable, DuckDbConnector} from '@sqlrooms/duckdb';\nimport {CodeMirrorEditor, CodeMirrorEditorProps} from '@sqlrooms/codemirror';\nimport {\n  createSqlExtension,\n  SqlDialects,\n  type SqlDialect,\n} from './codemirror/extensions/create-sql-extension';\nimport {createSqlKeymap} from './codemirror/extensions/sql-keymap';\nimport {createSqlTheme} from './codemirror/themes/sql-theme';\n\nexport interface SqlCodeMirrorEditorProps extends Omit<\n  CodeMirrorEditorProps,\n  'extensions'\n> {\n  /** SQL dialect for syntax highlighting and completions */\n  dialect?: SqlDialect;\n  /**\n   * Connector for dynamic function suggestions\n   * TODO: change to generic connector interface to support multiple dialects\n   */\n  connector?: DuckDbConnector;\n  /** Table schemas for autocompletion and hover tooltips */\n  tableSchemas?: DataTable[];\n  /** Hide all editor gutters. Useful for compact embedded editors. */\n  hideGutter?: boolean;\n  /** Callback to get the latest table schemas */\n  getLatestSchemas?: () => {tableSchemas: DataTable[]};\n  /** Callback when Cmd+Enter is pressed (selected text or full document) */\n  onRunQuery?: (query: string) => void;\n}\n\nconst EDITOR_OPTIONS: CodeMirrorEditorProps['options'] = {\n  lineNumbers: true,\n  lineWrapping: true,\n  highlightActiveLine: true,\n  autocompletion: true,\n};\n\n/**\n * CodeMirror editor for SQL with dialect-specific support\n *\n * Lightweight alternative to SqlMonacoEditor with syntax highlighting,\n * linting, schema-aware completions, and hover tooltips. Cmd+Enter to run query.\n */\nexport const SqlCodeMirrorEditor: React.FC<SqlCodeMirrorEditorProps> = ({\n  dialect = SqlDialects.DuckDb,\n  connector,\n  tableSchemas = [],\n  hideGutter,\n  getLatestSchemas,\n  onRunQuery,\n  onMount,\n  options,\n  ...restProps\n}) => {\n  const viewRef = useRef<EditorView | null>(null);\n\n  // Get current schemas (use callback if provided)\n  const currentSchemas = useMemo(() => {\n    if (getLatestSchemas) {\n      return getLatestSchemas().tableSchemas;\n    }\n    return tableSchemas;\n  }, [getLatestSchemas, tableSchemas]);\n\n  // Build extensions\n  const extensions = useMemo<Extension[]>(() => {\n    return [\n      ...createSqlExtension({\n        dialect,\n        currentSchemas,\n        connector,\n      }),\n      createSqlKeymap(onRunQuery),\n      createSqlTheme({hideGutter}),\n    ];\n  }, [dialect, currentSchemas, onRunQuery, connector, hideGutter]);\n\n  // Handle editor mount\n  const handleEditorMount = useCallback(\n    (view: EditorView) => {\n      viewRef.current = view;\n\n      // Call user onMount if provided\n      if (onMount) {\n        onMount(view);\n      }\n    },\n    [onMount],\n  );\n\n  const combinedOptions = useMemo(\n    (): CodeMirrorEditorProps['options'] => ({\n      ...EDITOR_OPTIONS,\n      ...options,\n    }),\n    [options],\n  );\n\n  return (\n    <CodeMirrorEditor\n      onMount={handleEditorMount}\n      extensions={extensions}\n      options={combinedOptions}\n      {...restProps}\n    />\n  );\n};\n"]}

package/dist/SqlEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SqlEditor.d.ts","sourceRoot":"","sources":["../src/SqlEditor.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAC,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAE/D,OAAO,EAEL,wBAAwB,EACzB,MAAM,kCAAkC,CAAC;AAG1C,MAAM,MAAM,cAAc,GAAG;IAC3B;;0EAEsE;IACtE,MAAM,CAAC,EAAE,wBAAwB,CAAC,QAAQ,CAAC,CAAC;IAC5C,kDAAkD;IAClD,MAAM,EAAE,OAAO,CAAC;IAChB,uEAAuE;IACvE,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,IAAI,CACrB,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,EAC7C,YAAY,GAAG,kBAAkB,CAClC,CAAC;IACF,0DAA0D;IAC1D,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,SAAS,4CAiFb,CAAC;AAGH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"SqlEditor.d.ts","sourceRoot":"","sources":["../src/SqlEditor.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAC,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAE/D,OAAO,EAEL,wBAAwB,EACzB,MAAM,kCAAkC,CAAC;AAG1C,MAAM,MAAM,cAAc,GAAG;IAC3B;;0EAEsE;IACtE,MAAM,CAAC,EAAE,wBAAwB,CAAC,QAAQ,CAAC,CAAC;IAC5C,kDAAkD;IAClD,MAAM,EAAE,OAAO,CAAC;IAChB,uEAAuE;IACvE,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,IAAI,CACrB,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,EAC7C,YAAY,GAAG,kBAAkB,CAClC,CAAC;IACF,0DAA0D;IAC1D,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,SAAS,4CAkFb,CAAC;AAGH,eAAe,SAAS,CAAC"}

package/dist/SqlEditor.js

@@ -27,7 +27,7 @@ const SqlEditor = React.memo((props) => {
     const handleCreateTable = useCallback(() => {
         setCreateTableModalOpen(true);
     }, []);
-    return (_jsxs("div", { className: "relative flex h-full w-full flex-col overflow-hidden", children: [_jsx(SqlEditorHeader, { title: "SQL Editor", showDocs: showDocs, documentationPanel: documentationPanel, onToggleDocs: handleToggleDocs }), _jsx("div", { className: "bg-muted h-full grow", children: _jsxs(ResizablePanelGroup, { orientation: "horizontal", className: "h-full", children: [_jsx(ResizablePanel, { defaultSize: showDocs ? '70' : '100', children: _jsxs(ResizablePanelGroup, { orientation: "vertical", className: "h-full", children: [_jsx(ResizablePanel, { defaultSize: "50", className: "flex flex-row", children: _jsxs(ResizablePanelGroup, { orientation: "horizontal", children: [_jsx(ResizablePanel, { defaultSize: "20", children: _jsx(TableStructurePanel, { schema: schema }) }), _jsx(ResizableHandle, { withHandle: true }), _jsx(ResizablePanel, { defaultSize: "80", children: _jsx(QueryEditorPanel, {}) })] }) }), _jsx(ResizableHandle, { withHandle: true }), _jsx(ResizablePanel, { defaultSize: "50", children: _jsx(QueryResultPanel, { onRowClick: queryResultProps?.onRowClick, onRowDoubleClick: queryResultProps?.onRowDoubleClick, renderActions: () => (_jsx("div", { className: "flex gap-2", children: _jsxs(Button, { size: "xs", onClick: handleCreateTable, children: [_jsx(PlusIcon, { className: "h-4 w-4" }), "New table"] }) })) }) })] }) }), showDocs && (_jsxs(_Fragment, { children: [_jsx(ResizableHandle, { withHandle: true }), _jsx(ResizablePanel, { defaultSize: "30", children: documentationPanel })] }))] }) }), _jsx(CreateTableModal, { query: lastQuery, isOpen: createTableModalOpen, onClose: () => setCreateTableModalOpen(false), allowMultipleStatements: true, showSchemaSelection: true })] }));
+    return (_jsxs("div", { className: "relative flex h-full w-full flex-col overflow-hidden", children: [_jsx(SqlEditorHeader, { title: "SQL Editor", showDocs: showDocs, documentationPanel: documentationPanel, onToggleDocs: handleToggleDocs, onClose: props.onClose }), _jsx("div", { className: "bg-muted h-full grow", children: _jsxs(ResizablePanelGroup, { orientation: "horizontal", className: "h-full", children: [_jsx(ResizablePanel, { defaultSize: showDocs ? '70' : '100', children: _jsxs(ResizablePanelGroup, { orientation: "vertical", className: "h-full", children: [_jsx(ResizablePanel, { defaultSize: "50", className: "flex flex-row", children: _jsxs(ResizablePanelGroup, { orientation: "horizontal", children: [_jsx(ResizablePanel, { defaultSize: "20", children: _jsx(TableStructurePanel, { schema: schema }) }), _jsx(ResizableHandle, { withHandle: true }), _jsx(ResizablePanel, { defaultSize: "80", children: _jsx(QueryEditorPanel, {}) })] }) }), _jsx(ResizableHandle, { withHandle: true }), _jsx(ResizablePanel, { defaultSize: "50", children: _jsx(QueryResultPanel, { onRowClick: queryResultProps?.onRowClick, onRowDoubleClick: queryResultProps?.onRowDoubleClick, renderActions: () => (_jsx("div", { className: "flex gap-2", children: _jsxs(Button, { size: "xs", onClick: handleCreateTable, children: [_jsx(PlusIcon, { className: "h-4 w-4" }), "New table"] }) })) }) })] }) }), showDocs && (_jsxs(_Fragment, { children: [_jsx(ResizableHandle, { withHandle: true }), _jsx(ResizablePanel, { defaultSize: "30", children: documentationPanel })] }))] }) }), _jsx(CreateTableModal, { query: lastQuery, isOpen: createTableModalOpen, onClose: () => setCreateTableModalOpen(false), allowMultipleStatements: true, showSchemaSelection: true })] }));
 });
 SqlEditor.displayName = 'SqlEditor';
 export default SqlEditor;

package/dist/SqlEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"SqlEditor.js","sourceRoot":"","sources":["../src/SqlEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Button,\n  ResizableHandle,\n  ResizablePanel,\n  ResizablePanelGroup,\n} from '@sqlrooms/ui';\nimport {PlusIcon} from 'lucide-react';\nimport React, {useCallback, useState} from 'react';\nimport CreateTableModal from './components/CreateTableModal';\nimport {QueryEditorPanel} from './components/QueryEditorPanel';\nimport {QueryResultPanel} from './components/QueryResultPanel';\nimport {SqlEditorHeader} from './components/SqlEditorHeader';\nimport {\n  TableStructurePanel,\n  TableStructurePanelProps,\n} from './components/TableStructurePanel';\nimport {useStoreWithSqlEditor} from './SqlEditorSlice';\n\nexport type SqlEditorProps = {\n  /** The database schema to use. Defaults to '*'.\n   * If '*' is provided, all tables will be shown.\n   * If a function is provided, it will be used to filter the tables. */\n  schema?: TableStructurePanelProps['schema'];\n  /** Whether the SQL editor is currently visible */\n  isOpen: boolean;\n  /** Optional component to render SQL documentation in the side panel */\n  documentationPanel?: React.ReactNode;\n  /**\n   * Props forwarded to `QueryResultPanel` to configure result behavior.\n   * This provides a single entry point for table interactions.\n   */\n  queryResultProps?: Pick<\n    React.ComponentProps<typeof QueryResultPanel>,\n    'onRowClick' | 'onRowDoubleClick'\n  >;\n  /** Callback fired when the SQL editor should be closed */\n  onClose: () => void;\n};\n\nconst SqlEditor = React.memo<SqlEditorProps>((props) => {\n  const {schema = '*', documentationPanel, queryResultProps} = props;\n\n  const lastQuery = useStoreWithSqlEditor((s) => {\n    const selectedId = s.sqlEditor.config.selectedQueryId;\n    const qr = s.sqlEditor.queryResultsById[selectedId];\n    if (qr?.status === 'success' && qr?.type === 'select') return qr.query;\n    return s.sqlEditor.getCurrentQuery();\n  });\n  // UI state\n  const [showDocs, setShowDocs] = useState(false);\n  const [createTableModalOpen, setCreateTableModalOpen] = useState(false);\n\n  // Handlers\n  const handleToggleDocs = useCallback((show: boolean) => {\n    setShowDocs(show);\n  }, []);\n\n  const handleCreateTable = useCallback(() => {\n    setCreateTableModalOpen(true);\n  }, []);\n\n  return (\n    <div className=\"relative flex h-full w-full flex-col overflow-hidden\">\n      <SqlEditorHeader\n        title=\"SQL Editor\"\n        showDocs={showDocs}\n        documentationPanel={documentationPanel}\n        onToggleDocs={handleToggleDocs}\n      />\n      <div className=\"bg-muted h-full grow\">\n        <ResizablePanelGroup orientation=\"horizontal\" className=\"h-full\">\n          <ResizablePanel defaultSize={showDocs ? '70' : '100'}>\n            <ResizablePanelGroup orientation=\"vertical\" className=\"h-full\">\n              <ResizablePanel defaultSize=\"50\" className=\"flex flex-row\">\n                <ResizablePanelGroup orientation=\"horizontal\">\n                  <ResizablePanel defaultSize=\"20\">\n                    <TableStructurePanel schema={schema} />\n                  </ResizablePanel>\n                  <ResizableHandle withHandle />\n                  <ResizablePanel defaultSize=\"80\">\n                    <QueryEditorPanel />\n                  </ResizablePanel>\n                </ResizablePanelGroup>\n              </ResizablePanel>\n              <ResizableHandle withHandle />\n              <ResizablePanel defaultSize=\"50\">\n                <QueryResultPanel\n                  onRowClick={queryResultProps?.onRowClick}\n                  onRowDoubleClick={queryResultProps?.onRowDoubleClick}\n                  renderActions={() => (\n                    <div className=\"flex gap-2\">\n                      <Button size=\"xs\" onClick={handleCreateTable}>\n                        <PlusIcon className=\"h-4 w-4\" />\n                        New table\n                      </Button>\n                    </div>\n                  )}\n                />\n              </ResizablePanel>\n            </ResizablePanelGroup>\n          </ResizablePanel>\n          {showDocs && (\n            <>\n              <ResizableHandle withHandle />\n              <ResizablePanel defaultSize=\"30\">\n                {documentationPanel}\n              </ResizablePanel>\n            </>\n          )}\n        </ResizablePanelGroup>\n      </div>\n      <CreateTableModal\n        query={lastQuery}\n        isOpen={createTableModalOpen}\n        onClose={() => setCreateTableModalOpen(false)}\n        allowMultipleStatements={true}\n        showSchemaSelection={true}\n      />\n    </div>\n  );\n});\nSqlEditor.displayName = 'SqlEditor';\n\nexport default SqlEditor;\n"]}
+{"version":3,"file":"SqlEditor.js","sourceRoot":"","sources":["../src/SqlEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Button,\n  ResizableHandle,\n  ResizablePanel,\n  ResizablePanelGroup,\n} from '@sqlrooms/ui';\nimport {PlusIcon} from 'lucide-react';\nimport React, {useCallback, useState} from 'react';\nimport CreateTableModal from './components/CreateTableModal';\nimport {QueryEditorPanel} from './components/QueryEditorPanel';\nimport {QueryResultPanel} from './components/QueryResultPanel';\nimport {SqlEditorHeader} from './components/SqlEditorHeader';\nimport {\n  TableStructurePanel,\n  TableStructurePanelProps,\n} from './components/TableStructurePanel';\nimport {useStoreWithSqlEditor} from './SqlEditorSlice';\n\nexport type SqlEditorProps = {\n  /** The database schema to use. Defaults to '*'.\n   * If '*' is provided, all tables will be shown.\n   * If a function is provided, it will be used to filter the tables. */\n  schema?: TableStructurePanelProps['schema'];\n  /** Whether the SQL editor is currently visible */\n  isOpen: boolean;\n  /** Optional component to render SQL documentation in the side panel */\n  documentationPanel?: React.ReactNode;\n  /**\n   * Props forwarded to `QueryResultPanel` to configure result behavior.\n   * This provides a single entry point for table interactions.\n   */\n  queryResultProps?: Pick<\n    React.ComponentProps<typeof QueryResultPanel>,\n    'onRowClick' | 'onRowDoubleClick'\n  >;\n  /** Callback fired when the SQL editor should be closed */\n  onClose: () => void;\n};\n\nconst SqlEditor = React.memo<SqlEditorProps>((props) => {\n  const {schema = '*', documentationPanel, queryResultProps} = props;\n\n  const lastQuery = useStoreWithSqlEditor((s) => {\n    const selectedId = s.sqlEditor.config.selectedQueryId;\n    const qr = s.sqlEditor.queryResultsById[selectedId];\n    if (qr?.status === 'success' && qr?.type === 'select') return qr.query;\n    return s.sqlEditor.getCurrentQuery();\n  });\n  // UI state\n  const [showDocs, setShowDocs] = useState(false);\n  const [createTableModalOpen, setCreateTableModalOpen] = useState(false);\n\n  // Handlers\n  const handleToggleDocs = useCallback((show: boolean) => {\n    setShowDocs(show);\n  }, []);\n\n  const handleCreateTable = useCallback(() => {\n    setCreateTableModalOpen(true);\n  }, []);\n\n  return (\n    <div className=\"relative flex h-full w-full flex-col overflow-hidden\">\n      <SqlEditorHeader\n        title=\"SQL Editor\"\n        showDocs={showDocs}\n        documentationPanel={documentationPanel}\n        onToggleDocs={handleToggleDocs}\n        onClose={props.onClose}\n      />\n      <div className=\"bg-muted h-full grow\">\n        <ResizablePanelGroup orientation=\"horizontal\" className=\"h-full\">\n          <ResizablePanel defaultSize={showDocs ? '70' : '100'}>\n            <ResizablePanelGroup orientation=\"vertical\" className=\"h-full\">\n              <ResizablePanel defaultSize=\"50\" className=\"flex flex-row\">\n                <ResizablePanelGroup orientation=\"horizontal\">\n                  <ResizablePanel defaultSize=\"20\">\n                    <TableStructurePanel schema={schema} />\n                  </ResizablePanel>\n                  <ResizableHandle withHandle />\n                  <ResizablePanel defaultSize=\"80\">\n                    <QueryEditorPanel />\n                  </ResizablePanel>\n                </ResizablePanelGroup>\n              </ResizablePanel>\n              <ResizableHandle withHandle />\n              <ResizablePanel defaultSize=\"50\">\n                <QueryResultPanel\n                  onRowClick={queryResultProps?.onRowClick}\n                  onRowDoubleClick={queryResultProps?.onRowDoubleClick}\n                  renderActions={() => (\n                    <div className=\"flex gap-2\">\n                      <Button size=\"xs\" onClick={handleCreateTable}>\n                        <PlusIcon className=\"h-4 w-4\" />\n                        New table\n                      </Button>\n                    </div>\n                  )}\n                />\n              </ResizablePanel>\n            </ResizablePanelGroup>\n          </ResizablePanel>\n          {showDocs && (\n            <>\n              <ResizableHandle withHandle />\n              <ResizablePanel defaultSize=\"30\">\n                {documentationPanel}\n              </ResizablePanel>\n            </>\n          )}\n        </ResizablePanelGroup>\n      </div>\n      <CreateTableModal\n        query={lastQuery}\n        isOpen={createTableModalOpen}\n        onClose={() => setCreateTableModalOpen(false)}\n        allowMultipleStatements={true}\n        showSchemaSelection={true}\n      />\n    </div>\n  );\n});\nSqlEditor.displayName = 'SqlEditor';\n\nexport default SqlEditor;\n"]}

package/dist/SqlEditorModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SqlEditorModal.d.ts","sourceRoot":"","sources":["../src/SqlEditorModal.tsx"],"names":[],"mappings":"AAWA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAkB,EAAC,cAAc,EAAC,MAAM,aAAa,CAAC;AAEtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA2B5C,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"SqlEditorModal.d.ts","sourceRoot":"","sources":["../src/SqlEditorModal.tsx"],"names":[],"mappings":"AAWA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAkB,EAAC,cAAc,EAAC,MAAM,aAAa,CAAC;AAEtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA8B5C,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/SqlEditorModal.js

@@ -39,7 +39,7 @@ const SqlEditorModal = (props) => {
         if (!open)
             onClose();
     }, [onClose]);
-    return (_jsxs(Dialog, { open: isOpen, onOpenChange: handleOpenChange, children: [_jsx(DialogOverlay, { className: "bg-background/80" }), _jsxs(DialogContent, { className: "h-screen max-h-screen w-screen max-w-[100vw] p-3", children: [_jsxs(DialogHeader, { className: "sr-only", children: [_jsx(DialogTitle, { children: "SQL Editor" }), _jsx(DialogDescription, { children: "SQL editor for querying and managing database tables" })] }), _jsx(Suspense, { fallback: _jsx(SpinnerPane, { h: "100%" }), children: _jsx(SqlEditor, { ...props }) })] })] }));
+    return (_jsxs(Dialog, { open: isOpen, onOpenChange: handleOpenChange, children: [_jsx(DialogOverlay, { className: "bg-background/80" }), _jsxs(DialogContent, { className: "h-screen max-h-screen w-screen max-w-[100vw] p-3", showCloseButton: false, children: [_jsxs(DialogHeader, { className: "sr-only", children: [_jsx(DialogTitle, { children: "SQL Editor" }), _jsx(DialogDescription, { children: "SQL editor for querying and managing database tables" })] }), _jsx(Suspense, { fallback: _jsx(SpinnerPane, { h: "100%" }), children: _jsx(SqlEditor, { ...props }) })] })] }));
 };
 export default SqlEditorModal;
 //# sourceMappingURL=SqlEditorModal.js.map

package/dist/SqlEditorModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"SqlEditorModal.js","sourceRoot":"","sources":["../src/SqlEditorModal.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,aAAa,EACb,WAAW,EACX,WAAW,GACZ,MAAM,cAAc,CAAC;AACtB,OAAc,EAAC,QAAQ,EAAE,WAAW,EAAC,MAAM,OAAO,CAAC;AACnD,OAAO,SAA2B,MAAM,aAAa,CAAC;AAEtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,cAAc,GAA6B,CAAC,KAAK,EAAE,EAAE;IACzD,MAAM,EAAC,MAAM,EAAE,OAAO,EAAC,GAAG,KAAK,CAAC;IAEhC,4CAA4C;IAC5C,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,IAAa,EAAE,EAAE;QAChB,IAAI,CAAC,IAAI;YAAE,OAAO,EAAE,CAAC;IACvB,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,OAAO,CACL,MAAC,MAAM,IAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,gBAAgB,aAClD,KAAC,aAAa,IAAC,SAAS,EAAC,kBAAkB,GAAG,EAC9C,MAAC,aAAa,IAAC,SAAS,EAAC,kDAAkD,aACzE,MAAC,YAAY,IAAC,SAAS,EAAC,SAAS,aAC/B,KAAC,WAAW,6BAAyB,EACrC,KAAC,iBAAiB,uEAEE,IACP,EACf,KAAC,QAAQ,IAAC,QAAQ,EAAE,KAAC,WAAW,IAAC,CAAC,EAAC,MAAM,GAAG,YAC1C,KAAC,SAAS,OAAK,KAAK,GAAI,GACf,IACG,IACT,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["'use client';\n\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogOverlay,\n  DialogTitle,\n  SpinnerPane,\n} from '@sqlrooms/ui';\nimport React, {Suspense, useCallback} from 'react';\nimport SqlEditor, {SqlEditorProps} from './SqlEditor';\n\n/**\n * A modal wrapper for the SQL Editor component that provides a full-screen dialog interface.\n *\n * This component wraps the main SqlEditor component in a modal dialog, making it suitable for\n * overlay/popup usage scenarios. It inherits all props from SqlEditorProps and handles the\n * modal-specific behavior.\n *\n * @example\n * ```tsx\n * <SqlEditorModal\n *   isOpen={true}\n *   onClose={() => setIsOpen(false)}\n *   sqlEditorConfig={config}\n *   onChange={handleConfigChange}\n * />\n * ```\n *\n * @see {@link SqlEditor} for detailed documentation of all available props\n *\n * @see {@link SqlEditorProps}\n * The component accepts all props from SqlEditorProps:\n * - `isOpen` - Whether the SQL editor modal is currently visible\n * - `onClose` - Callback fired when the modal should be closed\n * - `sqlEditorConfig` - Configuration object containing queries and selected query state\n * - `onChange` - Callback fired when the SQL editor configuration changes\n * - `schema` - Optional database schema to use for queries (defaults to 'main')\n * - `documentationPanel` - Optional component to render SQL documentation in the side panel\n * - `onAddOrUpdateSqlQuery` - Callback fired when a new table should be created from query results\n */\nconst SqlEditorModal: React.FC<SqlEditorProps> = (props) => {\n  const {isOpen, onClose} = props;\n\n  // Memoize the handler to prevent re-renders\n  const handleOpenChange = useCallback(\n    (open: boolean) => {\n      if (!open) onClose();\n    },\n    [onClose],\n  );\n\n  return (\n    <Dialog open={isOpen} onOpenChange={handleOpenChange}>\n      <DialogOverlay className=\"bg-background/80\" />\n      <DialogContent className=\"h-screen max-h-screen w-screen max-w-[100vw] p-3\">\n        <DialogHeader className=\"sr-only\">\n          <DialogTitle>SQL Editor</DialogTitle>\n          <DialogDescription>\n            SQL editor for querying and managing database tables\n          </DialogDescription>\n        </DialogHeader>\n        <Suspense fallback={<SpinnerPane h=\"100%\" />}>\n          <SqlEditor {...props} />\n        </Suspense>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport default SqlEditorModal;\n"]}
+{"version":3,"file":"SqlEditorModal.js","sourceRoot":"","sources":["../src/SqlEditorModal.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,aAAa,EACb,WAAW,EACX,WAAW,GACZ,MAAM,cAAc,CAAC;AACtB,OAAc,EAAC,QAAQ,EAAE,WAAW,EAAC,MAAM,OAAO,CAAC;AACnD,OAAO,SAA2B,MAAM,aAAa,CAAC;AAEtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,cAAc,GAA6B,CAAC,KAAK,EAAE,EAAE;IACzD,MAAM,EAAC,MAAM,EAAE,OAAO,EAAC,GAAG,KAAK,CAAC;IAEhC,4CAA4C;IAC5C,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,IAAa,EAAE,EAAE;QAChB,IAAI,CAAC,IAAI;YAAE,OAAO,EAAE,CAAC;IACvB,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,OAAO,CACL,MAAC,MAAM,IAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,gBAAgB,aAClD,KAAC,aAAa,IAAC,SAAS,EAAC,kBAAkB,GAAG,EAC9C,MAAC,aAAa,IACZ,SAAS,EAAC,kDAAkD,EAC5D,eAAe,EAAE,KAAK,aAEtB,MAAC,YAAY,IAAC,SAAS,EAAC,SAAS,aAC/B,KAAC,WAAW,6BAAyB,EACrC,KAAC,iBAAiB,uEAEE,IACP,EACf,KAAC,QAAQ,IAAC,QAAQ,EAAE,KAAC,WAAW,IAAC,CAAC,EAAC,MAAM,GAAG,YAC1C,KAAC,SAAS,OAAK,KAAK,GAAI,GACf,IACG,IACT,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["'use client';\n\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogOverlay,\n  DialogTitle,\n  SpinnerPane,\n} from '@sqlrooms/ui';\nimport React, {Suspense, useCallback} from 'react';\nimport SqlEditor, {SqlEditorProps} from './SqlEditor';\n\n/**\n * A modal wrapper for the SQL Editor component that provides a full-screen dialog interface.\n *\n * This component wraps the main SqlEditor component in a modal dialog, making it suitable for\n * overlay/popup usage scenarios. It inherits all props from SqlEditorProps and handles the\n * modal-specific behavior.\n *\n * @example\n * ```tsx\n * <SqlEditorModal\n *   isOpen={true}\n *   onClose={() => setIsOpen(false)}\n *   sqlEditorConfig={config}\n *   onChange={handleConfigChange}\n * />\n * ```\n *\n * @see {@link SqlEditor} for detailed documentation of all available props\n *\n * @see {@link SqlEditorProps}\n * The component accepts all props from SqlEditorProps:\n * - `isOpen` - Whether the SQL editor modal is currently visible\n * - `onClose` - Callback fired when the modal should be closed\n * - `sqlEditorConfig` - Configuration object containing queries and selected query state\n * - `onChange` - Callback fired when the SQL editor configuration changes\n * - `schema` - Optional database schema to use for queries (defaults to 'main')\n * - `documentationPanel` - Optional component to render SQL documentation in the side panel\n * - `onAddOrUpdateSqlQuery` - Callback fired when a new table should be created from query results\n */\nconst SqlEditorModal: React.FC<SqlEditorProps> = (props) => {\n  const {isOpen, onClose} = props;\n\n  // Memoize the handler to prevent re-renders\n  const handleOpenChange = useCallback(\n    (open: boolean) => {\n      if (!open) onClose();\n    },\n    [onClose],\n  );\n\n  return (\n    <Dialog open={isOpen} onOpenChange={handleOpenChange}>\n      <DialogOverlay className=\"bg-background/80\" />\n      <DialogContent\n        className=\"h-screen max-h-screen w-screen max-w-[100vw] p-3\"\n        showCloseButton={false}\n      >\n        <DialogHeader className=\"sr-only\">\n          <DialogTitle>SQL Editor</DialogTitle>\n          <DialogDescription>\n            SQL editor for querying and managing database tables\n          </DialogDescription>\n        </DialogHeader>\n        <Suspense fallback={<SpinnerPane h=\"100%\" />}>\n          <SqlEditor {...props} />\n        </Suspense>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport default SqlEditorModal;\n"]}

package/dist/SqlEditorSlice.d.ts

@@ -1,26 +1,42 @@
 import { RoomShellSliceState, StateCreator } from '@sqlrooms/room-shell';
 import { SqlEditorSliceConfig } from '@sqlrooms/sql-editor-config';
 import * as arrow from 'apache-arrow';
+export type SqlEditorQuery = SqlEditorSliceConfig['queries'][number];
+export type EnsureSqlQueryOptions = {
+    name?: string;
+    query?: string;
+    open?: boolean;
+    select?: boolean;
+};
 export type QueryResult = {
     status: 'loading';
     isBeingAborted?: boolean;
     controller: AbortController;
+    startedAt?: number;
 } | {
     status: 'aborted';
+    durationMs?: number;
+    completedAt?: number;
 } | {
     status: 'error';
     error: string;
+    durationMs?: number;
+    completedAt?: number;
 } | {
     status: 'success';
     type: 'pragma' | 'explain' | 'select';
     result: arrow.Table | undefined;
     query: string;
     lastQueryStatement: string;
+    durationMs?: number;
+    completedAt?: number;
 } | {
     status: 'success';
     type: 'exec';
     query: string;
     lastQueryStatement: string;
+    durationMs?: number;
+    completedAt?: number;
 };
 export declare function isQueryWithResult(queryResult: QueryResult | undefined): queryResult is QueryResult & {
     status: 'success';
@@ -48,6 +64,31 @@ export type SqlEditorSliceState = {
          * Set the config for the sql editor slice.
          */
         setConfig(config: SqlEditorSliceConfig): void;
+        /**
+         * Ensure an id-addressable query exists without requiring it to be an open
+         * workbench tab.
+         */
+        ensureQuery(queryId: string, options?: EnsureSqlQueryOptions): SqlEditorQuery;
+        /**
+         * Remove an id-addressable query and its runtime result.
+         */
+        removeQuery(queryId: string): void;
+        /**
+         * Rename an id-addressable query.
+         */
+        renameQuery(queryId: string, name: string): void;
+        /**
+         * Run a query by id, optionally overriding its stored SQL text first.
+         */
+        runQueryById(queryId: string, query?: string): Promise<void>;
+        /**
+         * Abort a running query by id.
+         */
+        abortQueryById(queryId: string): void;
+        /**
+         * Clear the runtime result for a query id.
+         */
+        clearQueryResult(queryId: string): void;
         /**
          * Run the currently selected query.
          */

package/dist/SqlEditorSlice.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SqlEditorSlice.d.ts","sourceRoot":"","sources":["../src/SqlEditorSlice.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SqlEditorSlice.d.ts","sourceRoot":"","sources":["../src/SqlEditorSlice.tsx"],"names":[],"mappings":"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"}

package/dist/SqlEditorSlice.js

@@ -35,6 +35,74 @@ export function createSqlEditorSlice({ config = createDefaultSqlEditorConfig(),
                         draft.sqlEditor.config = config;
                     }));
                 },
+                ensureQuery: (queryId, options = {}) => {
+                    const now = Date.now();
+                    const existingQuery = get().sqlEditor.config.queries.find((query) => query.id === queryId);
+                    const shouldOpen = Boolean(options.open || options.select);
+                    const nextQuery = existingQuery
+                        ? {
+                            ...existingQuery,
+                            ...(options.name !== undefined ? { name: options.name } : {}),
+                            ...(options.query !== undefined ? { query: options.query } : {}),
+                            ...(options.select ? { lastOpenedAt: now } : {}),
+                        }
+                        : {
+                            id: queryId,
+                            name: options.name ?? 'SQL Query',
+                            query: options.query ?? '',
+                            ...(options.select ? { lastOpenedAt: now } : {}),
+                        };
+                    set((state) => produce(state, (draft) => {
+                        const config = draft.sqlEditor.config;
+                        const index = config.queries.findIndex((query) => query.id === queryId);
+                        if (index >= 0) {
+                            config.queries[index] = nextQuery;
+                        }
+                        else {
+                            config.queries.push(nextQuery);
+                        }
+                        if (shouldOpen && !config.openTabs.includes(queryId)) {
+                            config.openTabs.push(queryId);
+                        }
+                        if (options.select) {
+                            config.selectedQueryId = queryId;
+                        }
+                    }));
+                    return nextQuery;
+                },
+                removeQuery: (queryId) => {
+                    const currentResult = get().sqlEditor.queryResultsById[queryId];
+                    if (currentResult?.status === 'loading') {
+                        currentResult.controller.abort();
+                    }
+                    set((state) => produce(state, (draft) => {
+                        const config = draft.sqlEditor.config;
+                        const wasSelected = config.selectedQueryId === queryId;
+                        config.queries = config.queries.filter((query) => query.id !== queryId);
+                        config.openTabs = config.openTabs.filter((id) => id !== queryId);
+                        delete draft.sqlEditor.queryResultsById[queryId];
+                        if (wasSelected) {
+                            const nextSelectedId = config.openTabs[0] ?? config.queries[0]?.id;
+                            if (nextSelectedId) {
+                                config.selectedQueryId = nextSelectedId;
+                                if (!config.openTabs.includes(nextSelectedId)) {
+                                    config.openTabs.push(nextSelectedId);
+                                }
+                            }
+                            else {
+                                config.selectedQueryId = '';
+                            }
+                        }
+                    }));
+                },
+                renameQuery: (queryId, name) => {
+                    set((state) => produce(state, (draft) => {
+                        const query = draft.sqlEditor.config.queries.find((candidate) => candidate.id === queryId);
+                        if (query) {
+                            query.name = name || query.name;
+                        }
+                    }));
+                },
                 exportResultsToCsv: (results, filename) => {
                     if (!results)
                         return;
@@ -60,34 +128,29 @@ export function createSqlEditorSlice({ config = createDefaultSqlEditorConfig(),
                     return newQuery;
                 },
                 deleteQueryTab: (queryId) => {
-                    const sqlEditorConfig = get().sqlEditor.config;
-                    const queries = sqlEditorConfig.queries;
-                    const openTabs = sqlEditorConfig.openTabs;
-                    if (queries.length <= 1) {
-                        // Don't delete the last query
-                        return;
-                    }
-                    const wasSelected = sqlEditorConfig.selectedQueryId === queryId;
-                    const deletingOpenIndex = openTabs.indexOf(queryId);
-                    const filteredQueries = queries.filter((q) => q.id !== queryId);
                     set((state) => produce(state, (draft) => {
-                        draft.sqlEditor.config.queries = filteredQueries;
-                        draft.sqlEditor.config.openTabs = openTabs.filter((id) => id !== queryId);
-                        const { [queryId]: _removed, ...rest } = draft.sqlEditor.queryResultsById;
-                        draft.sqlEditor.queryResultsById = rest;
+                        const config = draft.sqlEditor.config;
+                        if (config.queries.length <= 1) {
+                            // Don't delete the last query
+                            return;
+                        }
+                        const wasSelected = config.selectedQueryId === queryId;
+                        const deletingOpenIndex = config.openTabs.indexOf(queryId);
+                        config.queries = config.queries.filter((q) => q.id !== queryId);
+                        config.openTabs = config.openTabs.filter((id) => id !== queryId);
+                        delete draft.sqlEditor.queryResultsById[queryId];
                         // If we deleted the selected query, select another one
                         if (wasSelected) {
-                            const newOpenTabs = draft.sqlEditor.config.openTabs;
-                            const remainingQueries = draft.sqlEditor.config.queries;
+                            const newOpenTabs = config.openTabs;
+                            const remainingQueries = config.queries;
                             if (newOpenTabs.length > 0) {
                                 // Select from remaining open tabs
-                                const newIndex = deletingOpenIndex === 0
-                                    ? 0
-                                    : Math.min(deletingOpenIndex - 1, newOpenTabs.length - 1);
-                                const newSelectedId = newOpenTabs[newIndex];
+                                const baseIndex = deletingOpenIndex <= 0 ? 0 : deletingOpenIndex - 1;
+                                const newIndex = Math.min(baseIndex, newOpenTabs.length - 1);
+                                const newSelectedId = newOpenTabs[newIndex] ?? remainingQueries[0]?.id;
                                 if (newSelectedId) {
-                                    draft.sqlEditor.config.selectedQueryId = newSelectedId;
-                                    const newSelectedQuery = draft.sqlEditor.config.queries.find((q) => q.id === newSelectedId);
+                                    config.selectedQueryId = newSelectedId;
+                                    const newSelectedQuery = config.queries.find((q) => q.id === newSelectedId);
                                     if (newSelectedQuery) {
                                         newSelectedQuery.lastOpenedAt = Date.now();
                                     }
@@ -97,8 +160,8 @@ export function createSqlEditorSlice({ config = createDefaultSqlEditorConfig(),
                                 // No open tabs left, open a closed query
                                 const queryToOpen = remainingQueries[0];
                                 if (queryToOpen) {
-                                    draft.sqlEditor.config.openTabs.push(queryToOpen.id);
-                                    draft.sqlEditor.config.selectedQueryId = queryToOpen.id;
+                                    config.openTabs.push(queryToOpen.id);
+                                    config.selectedQueryId = queryToOpen.id;
                                     queryToOpen.lastOpenedAt = Date.now();
                                 }
                             }
@@ -106,12 +169,7 @@ export function createSqlEditorSlice({ config = createDefaultSqlEditorConfig(),
                     }));
                 },
                 renameQueryTab: (queryId, newName) => {
-                    set((state) => produce(state, (draft) => {
-                        const query = draft.sqlEditor.config.queries.find((q) => q.id === queryId);
-                        if (query) {
-                            query.name = newName || query.name;
-                        }
-                    }));
+                    get().sqlEditor.renameQuery(queryId, newName);
                 },
                 closeQueryTab: (queryId) => {
                     set((state) => produce(state, (draft) => {
@@ -170,43 +228,59 @@ export function createSqlEditorSlice({ config = createDefaultSqlEditorConfig(),
                         draft.sqlEditor.queryResultsById = {};
                     }));
                 },
-                parseAndRunCurrentQuery: async () => get().sqlEditor.parseAndRunQuery(get().sqlEditor.getCurrentQuery()),
+                parseAndRunCurrentQuery: async () => get().sqlEditor.runQueryById(get().sqlEditor.config.selectedQueryId),
                 abortCurrentQuery: () => {
-                    const selectedQueryId = get().sqlEditor.config.selectedQueryId;
-                    const currentResult = get().sqlEditor.queryResultsById[selectedQueryId];
+                    get().sqlEditor.abortQueryById(get().sqlEditor.config.selectedQueryId);
+                },
+                setQueryResultLimit: (limit) => {
+                    set((state) => produce(state, (draft) => {
+                        draft.sqlEditor.queryResultLimit = limit;
+                    }));
+                },
+                abortQueryById: (queryId) => {
+                    const currentResult = get().sqlEditor.queryResultsById[queryId];
                     if (currentResult?.status === 'loading' && currentResult.controller) {
                         currentResult.controller.abort();
                     }
                     set((state) => produce(state, (draft) => {
-                        const result = draft.sqlEditor.queryResultsById[selectedQueryId];
+                        const result = draft.sqlEditor.queryResultsById[queryId];
                         if (result?.status === 'loading') {
                             result.isBeingAborted = true;
                         }
                     }));
                 },
-                setQueryResultLimit: (limit) => {
+                clearQueryResult: (queryId) => {
+                    const currentResult = get().sqlEditor.queryResultsById[queryId];
+                    if (currentResult?.status === 'loading') {
+                        currentResult.controller.abort();
+                    }
                     set((state) => produce(state, (draft) => {
-                        draft.sqlEditor.queryResultLimit = limit;
+                        delete draft.sqlEditor.queryResultsById[queryId];
                     }));
                 },
-                parseAndRunQuery: async (query) => {
-                    const selectedQueryId = get().sqlEditor.config.selectedQueryId;
-                    const existingResult = get().sqlEditor.queryResultsById[selectedQueryId];
+                parseAndRunQuery: async (query) => get().sqlEditor.runQueryById(get().sqlEditor.config.selectedQueryId, query),
+                runQueryById: async (queryId, queryOverride) => {
+                    const storedQuery = get().sqlEditor.config.queries.find((query) => query.id === queryId);
+                    const query = queryOverride ?? storedQuery?.query ?? '';
+                    const existingResult = get().sqlEditor.queryResultsById[queryId];
                     if (existingResult?.status === 'loading') {
                         throw new Error('Query already running');
                     }
                     if (!query.trim()) {
                         return;
                     }
+                    get().sqlEditor.ensureQuery(queryId, { query });
                     // Create abort controller for this query execution
                     const queryController = new AbortController();
+                    const startedAt = Date.now();
                     // First update loading state and clear results
                     set((state) => produce(state, (draft) => {
                         draft.sqlEditor.selectedTable = undefined;
-                        draft.sqlEditor.queryResultsById[selectedQueryId] = {
+                        draft.sqlEditor.queryResultsById[queryId] = {
                             status: 'loading',
                             isBeingAborted: false,
                             controller: queryController,
+                            startedAt,
                         };
                     }));
                     let queryResult;
@@ -244,6 +318,7 @@ export function createSqlEditorSlice({ config = createDefaultSqlEditorConfig(),
                                 query,
                                 lastQueryStatement,
                                 result,
+                                durationMs: Date.now() - startedAt,
                             };
                         }
                         else {
@@ -272,6 +347,7 @@ export function createSqlEditorSlice({ config = createDefaultSqlEditorConfig(),
                                     query,
                                     lastQueryStatement,
                                     result,
+                                    durationMs: Date.now() - startedAt,
                                 };
                             }
                             else if (/^(PRAGMA)/i.test(lastQueryStatement)) {
@@ -281,6 +357,7 @@ export function createSqlEditorSlice({ config = createDefaultSqlEditorConfig(),
                                     query,
                                     lastQueryStatement,
                                     result,
+                                    durationMs: Date.now() - startedAt,
                                 };
                             }
                             else {
@@ -289,6 +366,7 @@ export function createSqlEditorSlice({ config = createDefaultSqlEditorConfig(),
                                     type: 'exec',
                                     query,
                                     lastQueryStatement,
+                                    durationMs: Date.now() - startedAt,
                                 };
                             }
                         }
@@ -309,26 +387,40 @@ export function createSqlEditorSlice({ config = createDefaultSqlEditorConfig(),
                         const errorMessage = e instanceof Error ? e.message : String(e);
                         if (errorMessage === 'Query aborted' ||
                             queryController.signal.aborted) {
-                            queryResult = { status: 'aborted' };
+                            queryResult = {
+                                status: 'aborted',
+                                durationMs: Date.now() - startedAt,
+                            };
                         }
                         else {
                             queryResult = {
                                 status: 'error',
                                 error: errorMessage,
+                                durationMs: Date.now() - startedAt,
                             };
                         }
                     }
+                    queryResult = { ...queryResult, completedAt: Date.now() };
                     // Update state without Immer since Arrow Tables don't play well with drafts.
-                    set((state) => ({
-                        ...state,
-                        sqlEditor: {
-                            ...state.sqlEditor,
-                            queryResultsById: {
-                                ...state.sqlEditor.queryResultsById,
-                                [selectedQueryId]: queryResult,
+                    set((state) => {
+                        const currentResult = state.sqlEditor.queryResultsById[queryId];
+                        const queryStillExists = state.sqlEditor.config.queries.some((candidate) => candidate.id === queryId);
+                        if (!queryStillExists ||
+                            currentResult?.status !== 'loading' ||
+                            currentResult.controller !== queryController) {
+                            return state;
+                        }
+                        return {
+                            ...state,
+                            sqlEditor: {
+                                ...state.sqlEditor,
+                                queryResultsById: {
+                                    ...state.sqlEditor.queryResultsById,
+                                    [queryId]: queryResult,
+                                },
                             },
-                        },
-                    }));
+                        };
+                    });
                 },
             },
         };