@sqlrooms/sql-editor 0.27.0-rc.1 → 0.27.0-rc.3

package/dist/SqlMonacoEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"SqlMonacoEditor.js","sourceRoot":"","sources":["../src/SqlMonacoEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {useCallback, useEffect, useMemo, useRef} from 'react';\nimport {MonacoEditor} from '@sqlrooms/monaco-editor';\nimport type {MonacoEditorProps} from '@sqlrooms/monaco-editor';\nimport type {OnMount} from '@monaco-editor/react';\nimport type * as Monaco from 'monaco-editor';\nimport {\n  DUCKDB_KEYWORDS,\n  DUCKDB_FUNCTIONS,\n  SQL_LANGUAGE_CONFIGURATION,\n} from './constants/duckdb-dialect';\nimport type {DataTable, DuckDbConnector} from '@sqlrooms/duckdb';\nimport {cn} from '@sqlrooms/ui';\nimport {getFunctionSuggestions} from './constants/functionSuggestions';\nexport interface SqlMonacoEditorProps extends Omit<\n  MonacoEditorProps,\n  'language'\n> {\n  connector?: DuckDbConnector;\n  /**\n   * Custom SQL keywords to add to the completion provider\n   */\n  customKeywords?: string[];\n  /**\n   * Custom SQL functions to add to the completion provider\n   */\n  customFunctions?: string[];\n  /**\n   * Table schemas for autocompletion\n   */\n  tableSchemas?: DataTable[];\n  /**\n   * Callback to get the latest table schemas\n   * This is called from within provideCompletionItems to ensure we have the latest data\n   */\n  getLatestSchemas?: () => {\n    tableSchemas: DataTable[];\n  };\n}\n\nconst EDITOR_OPTIONS: MonacoEditorProps['options'] = {\n  formatOnPaste: true,\n  formatOnType: true,\n  wordWrap: 'on',\n};\n\n/**\n * A Monaco editor for editing SQL with DuckDB syntax highlighting and autocompletion\n * This is an internal component used by SqlEditor\n */\nexport const SqlMonacoEditor: React.FC<SqlMonacoEditorProps> = ({\n  connector,\n  customKeywords = [],\n  customFunctions = [],\n  tableSchemas = [],\n  getLatestSchemas,\n  onMount,\n  className,\n  options,\n  ...restProps\n}) => {\n  // Store references to editor and monaco\n  const editorRef = useRef<any>(null);\n  const monacoRef = useRef<any>(null);\n  const disposableRef = useRef<any>(null);\n\n  // Store getLatestSchemas in a ref to avoid re-registering completion provider\n  // when the callback reference changes (e.g., non-memoized inline functions)\n  const getLatestSchemasRef = useRef(getLatestSchemas);\n  useEffect(() => {\n    getLatestSchemasRef.current = getLatestSchemas;\n  }, [getLatestSchemas]);\n\n  // Function to register the completion provider\n  const registerCompletionProvider = useCallback(() => {\n    if (!editorRef.current || !monacoRef.current) return;\n\n    const monaco = monacoRef.current;\n\n    // Dispose previous provider if it exists\n    if (disposableRef.current) {\n      disposableRef.current.dispose();\n    }\n\n    // Register SQL completion provider\n    const disposable = monaco.languages.registerCompletionItemProvider('sql', {\n      triggerCharacters: [' ', '.', ',', '(', '='],\n      provideCompletionItems: async (model: any, position: any) => {\n        try {\n          // Get the latest schemas if the callback is provided\n          let currentSchemas = tableSchemas;\n\n          if (getLatestSchemasRef.current) {\n            const latest = getLatestSchemasRef.current();\n            currentSchemas = latest.tableSchemas;\n          }\n\n          const suggestions: Monaco.languages.CompletionItem[] = [];\n          const word = model.getWordUntilPosition(position);\n          const range = {\n            startLineNumber: position.lineNumber,\n            endLineNumber: position.lineNumber,\n            startColumn: word.startColumn,\n            endColumn: word.endColumn,\n          };\n\n          // Get the text before the cursor to determine context\n          const lineContent = model.getLineContent(position.lineNumber);\n          const textBeforeCursor = lineContent\n            .substring(0, position.column - 1)\n            .trim()\n            .toLowerCase();\n\n          // Check if we're after a FROM, JOIN, or similar clause to prioritize table suggestions\n          const isTableContext = /\\b(from|join|into|update|table)\\s+\\w*$/.test(\n            textBeforeCursor,\n          );\n\n          // Check if we're after a table name and period to prioritize column suggestions\n          const isColumnContext = /\\b(\\w+)\\.\\w*$/.test(textBeforeCursor);\n\n          // Combine keywords and functions with custom ones\n          const keywords = [...DUCKDB_KEYWORDS, ...customKeywords];\n          const functions = [...DUCKDB_FUNCTIONS, ...customFunctions];\n\n          // Add keyword suggestions (if not in a specific context)\n          if (!isColumnContext) {\n            keywords.forEach((keyword) => {\n              suggestions.push({\n                label: keyword,\n                kind: monaco.languages.CompletionItemKind.Keyword,\n                insertText: keyword,\n                range: range,\n                detail: 'Keyword',\n                sortText: isTableContext ? 'z' + keyword : 'a' + keyword, // Lower priority in table context\n              });\n            });\n          }\n\n          // Add function suggestions (if not in a specific context)\n          if (!isColumnContext) {\n            functions.forEach((func) => {\n              suggestions.push({\n                label: func,\n                kind: monaco.languages.CompletionItemKind.Function,\n                insertText: func,\n                range: range,\n                detail: 'Function',\n                sortText: isTableContext ? 'z' + func : 'b' + func, // Lower priority in table context\n              });\n            });\n            if (connector) {\n              const functionSuggestions = await getFunctionSuggestions(\n                connector,\n                word.word,\n              );\n              for (const {name, documentation} of functionSuggestions) {\n                suggestions.push({\n                  label: name,\n                  insertText: name,\n                  documentation: {\n                    value: documentation,\n                    isTrusted: true,\n                    supportHtml: true,\n                  },\n                  range: range,\n                  kind: monaco.languages.CompletionItemKind.Function,\n                  sortText: isTableContext ? 'z' + name : 'b' + name, // Lower priority in table context\n                });\n              }\n            }\n          }\n\n          // Add table and column suggestions from schemas\n          currentSchemas.forEach((table) => {\n            const tableName = table.tableName;\n\n            // Add table suggestion\n            suggestions.push({\n              label: tableName,\n              kind: monaco.languages.CompletionItemKind.Class,\n              insertText: tableName,\n              range: range,\n              detail: 'Table',\n              documentation: {\n                value: `Table: ${tableName}`,\n                isTrusted: true,\n              },\n              sortText: isTableContext ? 'a' + tableName : 'c' + tableName, // Higher priority in table context\n            });\n\n            // Extract table name from context if we're in a column context\n            let contextTableName = '';\n            if (isColumnContext) {\n              const match = textBeforeCursor.match(/\\b(\\w+)\\.\\w*$/);\n              if (match && match[1]) {\n                contextTableName = match[1];\n              }\n            }\n\n            // Only add columns for the current table if we're in a column context\n            if (!isColumnContext || contextTableName === tableName) {\n              // Add column suggestions\n              table.columns.forEach((column) => {\n                const columnName = column.name;\n                const columnType = column.type;\n\n                suggestions.push({\n                  label: columnName,\n                  kind: monaco.languages.CompletionItemKind.Field,\n                  insertText: columnName,\n                  range: range,\n                  detail: `Column (${columnType})`,\n                  documentation: {\n                    value: `Column from table ${tableName}`,\n                    isTrusted: true,\n                  },\n                  sortText:\n                    isColumnContext && contextTableName === tableName\n                      ? 'a' + columnName\n                      : 'd' + columnName,\n                });\n\n                // Only add table.column suggestions if not in a column context\n                if (!isColumnContext) {\n                  suggestions.push({\n                    label: `${tableName}.${columnName}`,\n                    kind: monaco.languages.CompletionItemKind.Field,\n                    insertText: `${tableName}.${columnName}`,\n                    range: range,\n                    detail: `Column (${columnType})`,\n                    documentation: {\n                      value: `Column from table ${tableName}`,\n                      isTrusted: true,\n                    },\n                    sortText: 'e' + tableName + columnName,\n                  });\n                }\n              });\n            }\n          });\n\n          return {\n            suggestions,\n          };\n        } catch (error) {\n          console.error('Error in SQL completion provider:', error);\n          return {suggestions: []};\n        }\n      },\n    });\n\n    // Store the disposable to clean up later\n    disposableRef.current = disposable;\n  }, [connector, customKeywords, customFunctions, tableSchemas]);\n\n  // Re-register completion provider when tableSchemas change\n  useEffect(() => {\n    if (editorRef.current && monacoRef.current) {\n      registerCompletionProvider();\n    }\n  }, [tableSchemas, registerCompletionProvider]);\n\n  // Handle editor mounting to configure SQL language features\n  const handleEditorDidMount = useCallback<OnMount>(\n    (editor, monaco) => {\n      // Store references\n      editorRef.current = editor;\n      monacoRef.current = monaco;\n\n      // Register SQL language if not already registered\n      if (\n        !monaco.languages.getLanguages().some((lang: any) => lang.id === 'sql')\n      ) {\n        monaco.languages.register({id: 'sql'});\n      }\n\n      // Combine keywords and functions with custom ones\n      const keywords = [...DUCKDB_KEYWORDS, ...customKeywords];\n      const functions = [...DUCKDB_FUNCTIONS, ...customFunctions];\n\n      // Set the language configuration\n      monaco.languages.setMonarchTokensProvider('sql', {\n        ...SQL_LANGUAGE_CONFIGURATION,\n        keywords,\n        builtinFunctions: functions,\n      } as any); // Using 'as any' to bypass the type checking issue\n\n      // Register the completion provider\n      registerCompletionProvider();\n\n      // Store the disposable to clean up later if needed\n      editor.onDidDispose(() => {\n        if (disposableRef.current) {\n          disposableRef.current.dispose();\n        }\n      });\n\n      // Call the original onMount if provided\n      if (onMount) {\n        onMount(editor, monaco);\n      }\n    },\n    [customKeywords, customFunctions, onMount, registerCompletionProvider],\n  );\n\n  const combinedOptions = useMemo(\n    (): MonacoEditorProps['options'] => ({\n      ...EDITOR_OPTIONS,\n      ...options,\n    }),\n    [options],\n  );\n  return (\n    <MonacoEditor\n      language=\"sql\"\n      onMount={handleEditorDidMount}\n      className={cn('h-full', className)}\n      options={combinedOptions}\n      {...restProps}\n    />\n  );\n};\n"]}
+{"version":3,"file":"SqlMonacoEditor.js","sourceRoot":"","sources":["../src/SqlMonacoEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {useCallback, useEffect, useMemo, useRef} from 'react';\nimport {MonacoEditor} from '@sqlrooms/monaco-editor';\nimport type {MonacoEditorProps} from '@sqlrooms/monaco-editor';\nimport type {OnMount} from '@monaco-editor/react';\nimport type * as Monaco from 'monaco-editor';\nimport {\n  DUCKDB_KEYWORDS,\n  DUCKDB_FUNCTIONS,\n  SQL_LANGUAGE_CONFIGURATION,\n} from './constants/duckdb-dialect';\nimport type {DataTable, DuckDbConnector} from '@sqlrooms/duckdb';\nimport {cn} from '@sqlrooms/ui';\nimport {getFunctionSuggestions} from './constants/functionSuggestions';\nexport interface SqlMonacoEditorProps extends Omit<\n  MonacoEditorProps,\n  'language'\n> {\n  connector?: DuckDbConnector;\n  /**\n   * Custom SQL keywords to add to the completion provider.\n   *\n   * Note: syntax highlighting is global and uses the built-in DuckDB dialect\n   * (`DUCKDB_KEYWORDS` / `DUCKDB_FUNCTIONS`) to avoid per-editor global reconfiguration\n   * (which can cause flashing). These are currently **completion-only**.\n   */\n  customKeywords?: string[];\n  /**\n   * Custom SQL functions to add to the completion provider.\n   *\n   * Note: syntax highlighting is global and uses the built-in DuckDB dialect\n   * (`DUCKDB_KEYWORDS` / `DUCKDB_FUNCTIONS`) to avoid per-editor global reconfiguration\n   * (which can cause flashing). These are currently **completion-only**.\n   */\n  customFunctions?: string[];\n  /**\n   * Table schemas for autocompletion\n   */\n  tableSchemas?: DataTable[];\n  /**\n   * Callback to get the latest table schemas\n   * This is called from within provideCompletionItems to ensure we have the latest data\n   */\n  getLatestSchemas?: () => {\n    tableSchemas: DataTable[];\n  };\n}\n\nconst EDITOR_OPTIONS: MonacoEditorProps['options'] = {\n  formatOnPaste: true,\n  formatOnType: true,\n  wordWrap: 'on',\n};\n\ntype MonacoInstance = typeof Monaco;\n\ntype SqlCompletionContext = {\n  connector?: DuckDbConnector;\n  tableSchemas: DataTable[];\n  getLatestSchemas?: () => {tableSchemas: DataTable[]};\n  customKeywords: string[];\n  customFunctions: string[];\n};\n\n// Singleton guards to prevent re-registration on every editor mount (causes flashing)\nlet sqlLanguageConfigured = false;\nlet sqlCompletionProviderDisposable: Monaco.IDisposable | null = null;\n// Per-model context store so multiple SqlMonacoEditor instances don't clobber each other.\n// WeakMap is used so entries can be GC'd in long-lived apps.\nconst sqlCompletionContextByModel = new WeakMap<object, SqlCompletionContext>();\n\nfunction ensureSqlLanguageConfigured(monaco: MonacoInstance) {\n  if (sqlLanguageConfigured) return;\n  sqlLanguageConfigured = true;\n\n  if (!monaco.languages.getLanguages().some((lang: any) => lang.id === 'sql')) {\n    monaco.languages.register({id: 'sql'});\n  }\n\n  // Tokenization is GLOBAL. Keep it stable for DuckDB to avoid global re-tokenization\n  // when multiple SqlMonacoEditors exist (tabs/modals) which can cause flashing.\n  monaco.languages.setMonarchTokensProvider('sql', {\n    ...SQL_LANGUAGE_CONFIGURATION,\n    keywords: DUCKDB_KEYWORDS,\n    builtinFunctions: DUCKDB_FUNCTIONS,\n  } as any);\n}\n\nfunction ensureSqlCompletionProvider(monaco: MonacoInstance) {\n  if (sqlCompletionProviderDisposable) return;\n\n  sqlCompletionProviderDisposable =\n    monaco.languages.registerCompletionItemProvider('sql', {\n      triggerCharacters: [' ', '.', ',', '(', '='],\n      provideCompletionItems: async (model: any, position: any) => {\n        try {\n          const ctx = sqlCompletionContextByModel.get(model) ?? {\n            connector: undefined,\n            tableSchemas: [],\n            getLatestSchemas: undefined,\n            customKeywords: [],\n            customFunctions: [],\n          };\n\n          // Get the latest schemas if the callback is provided\n          let currentSchemas = ctx.tableSchemas;\n          if (ctx.getLatestSchemas) {\n            const latest = ctx.getLatestSchemas();\n            currentSchemas = latest.tableSchemas;\n          }\n\n          const suggestions: Monaco.languages.CompletionItem[] = [];\n          const word = model.getWordUntilPosition(position);\n          const range = {\n            startLineNumber: position.lineNumber,\n            endLineNumber: position.lineNumber,\n            startColumn: word.startColumn,\n            endColumn: word.endColumn,\n          };\n\n          // Get the text before the cursor to determine context\n          const lineContent = model.getLineContent(position.lineNumber);\n          const textBeforeCursor = lineContent\n            .substring(0, position.column - 1)\n            .trim()\n            .toLowerCase();\n\n          // Check if we're after a FROM, JOIN, or similar clause to prioritize table suggestions\n          const isTableContext = /\\b(from|join|into|update|table)\\s+\\w*$/.test(\n            textBeforeCursor,\n          );\n\n          // Check if we're after a table name and period to prioritize column suggestions\n          const isColumnContext = /\\b(\\w+)\\.\\w*$/.test(textBeforeCursor);\n\n          // Combine keywords and functions with custom ones\n          const keywords = [...DUCKDB_KEYWORDS, ...ctx.customKeywords];\n          const functions = [...DUCKDB_FUNCTIONS, ...ctx.customFunctions];\n\n          // Add keyword suggestions (if not in a specific context)\n          if (!isColumnContext) {\n            keywords.forEach((keyword) => {\n              suggestions.push({\n                label: keyword,\n                kind: monaco.languages.CompletionItemKind.Keyword,\n                insertText: keyword,\n                range: range,\n                detail: 'Keyword',\n                sortText: isTableContext ? 'z' + keyword : 'a' + keyword, // Lower priority in table context\n              });\n            });\n          }\n\n          // Add function suggestions (if not in a specific context)\n          if (!isColumnContext) {\n            functions.forEach((func) => {\n              suggestions.push({\n                label: func,\n                kind: monaco.languages.CompletionItemKind.Function,\n                insertText: func,\n                range: range,\n                detail: 'Function',\n                sortText: isTableContext ? 'z' + func : 'b' + func, // Lower priority in table context\n              });\n            });\n            if (ctx.connector) {\n              const functionSuggestions = await getFunctionSuggestions(\n                ctx.connector,\n                word.word,\n              );\n              for (const {name, documentation} of functionSuggestions) {\n                suggestions.push({\n                  label: name,\n                  insertText: name,\n                  documentation: {\n                    value: documentation,\n                    isTrusted: true,\n                    supportHtml: true,\n                  },\n                  range: range,\n                  kind: monaco.languages.CompletionItemKind.Function,\n                  sortText: isTableContext ? 'z' + name : 'b' + name, // Lower priority in table context\n                });\n              }\n            }\n          }\n\n          // Add table and column suggestions from schemas\n          currentSchemas.forEach((table) => {\n            const tableName = table.tableName;\n\n            // Add table suggestion\n            suggestions.push({\n              label: tableName,\n              kind: monaco.languages.CompletionItemKind.Class,\n              insertText: tableName,\n              range: range,\n              detail: 'Table',\n              documentation: {\n                value: `Table: ${tableName}`,\n                isTrusted: true,\n              },\n              sortText: isTableContext ? 'a' + tableName : 'c' + tableName, // Higher priority in table context\n            });\n\n            // Extract table name from context if we're in a column context\n            let contextTableName = '';\n            if (isColumnContext) {\n              const match = textBeforeCursor.match(/\\b(\\w+)\\.\\w*$/);\n              if (match && match[1]) {\n                contextTableName = match[1];\n              }\n            }\n\n            // Only add columns for the current table if we're in a column context\n            if (!isColumnContext || contextTableName === tableName) {\n              // Add column suggestions\n              table.columns.forEach((column) => {\n                const columnName = column.name;\n                const columnType = column.type;\n\n                suggestions.push({\n                  label: columnName,\n                  kind: monaco.languages.CompletionItemKind.Field,\n                  insertText: columnName,\n                  range: range,\n                  detail: `Column (${columnType})`,\n                  documentation: {\n                    value: `Column from table ${tableName}`,\n                    isTrusted: true,\n                  },\n                  sortText:\n                    isColumnContext && contextTableName === tableName\n                      ? 'a' + columnName\n                      : 'd' + columnName,\n                });\n\n                // Only add table.column suggestions if not in a column context\n                if (!isColumnContext) {\n                  suggestions.push({\n                    label: `${tableName}.${columnName}`,\n                    kind: monaco.languages.CompletionItemKind.Field,\n                    insertText: `${tableName}.${columnName}`,\n                    range: range,\n                    detail: `Column (${columnType})`,\n                    documentation: {\n                      value: `Column from table ${tableName}`,\n                      isTrusted: true,\n                    },\n                    sortText: 'e' + tableName + columnName,\n                  });\n                }\n              });\n            }\n          });\n\n          return {suggestions};\n        } catch (error) {\n          console.error('Error in SQL completion provider:', error);\n          return {suggestions: []};\n        }\n      },\n    });\n}\n\n/**\n * A Monaco editor for editing SQL with DuckDB syntax highlighting and autocompletion\n * This is an internal component used by SqlEditor\n */\nexport const SqlMonacoEditor: React.FC<SqlMonacoEditorProps> = ({\n  connector,\n  customKeywords = [],\n  customFunctions = [],\n  tableSchemas = [],\n  getLatestSchemas,\n  onMount,\n  className,\n  options,\n  ...restProps\n}) => {\n  const modelRef = useRef<any>(null);\n\n  // Update per-model context when props change\n  useEffect(() => {\n    const model = modelRef.current;\n    if (!model) return;\n    sqlCompletionContextByModel.set(model, {\n      connector,\n      tableSchemas,\n      getLatestSchemas,\n      customKeywords,\n      customFunctions,\n    });\n  }, [\n    connector,\n    tableSchemas,\n    getLatestSchemas,\n    customKeywords,\n    customFunctions,\n  ]);\n\n  // Backstop cleanup: if the React component unmounts before Monaco disposes the model,\n  // ensure we don't hold on to context longer than necessary.\n  useEffect(() => {\n    return () => {\n      const model = modelRef.current;\n      if (model) sqlCompletionContextByModel.delete(model);\n    };\n  }, []);\n\n  // Handle editor mounting to configure SQL language features\n  const handleEditorDidMount = useCallback<OnMount>(\n    (editor, monaco) => {\n      ensureSqlLanguageConfigured(monaco);\n      ensureSqlCompletionProvider(monaco);\n\n      const model = editor.getModel?.();\n      if (model) {\n        modelRef.current = model;\n        sqlCompletionContextByModel.set(model, {\n          connector,\n          tableSchemas,\n          getLatestSchemas,\n          customKeywords,\n          customFunctions,\n        });\n      }\n\n      // Cleanup on dispose\n      if (model) {\n        editor.onDidDispose(() => {\n          sqlCompletionContextByModel.delete(model);\n        });\n      }\n\n      // Call the original onMount if provided\n      if (onMount) {\n        onMount(editor, monaco);\n      }\n    },\n    [\n      connector,\n      customKeywords,\n      customFunctions,\n      getLatestSchemas,\n      onMount,\n      tableSchemas,\n    ],\n  );\n\n  const combinedOptions = useMemo(\n    (): MonacoEditorProps['options'] => ({\n      ...EDITOR_OPTIONS,\n      ...options,\n    }),\n    [options],\n  );\n  return (\n    <MonacoEditor\n      language=\"sql\"\n      onMount={handleEditorDidMount}\n      className={cn('h-full', className)}\n      options={combinedOptions}\n      {...restProps}\n    />\n  );\n};\n"]}

package/dist/components/CreateTableModal.d.ts

@@ -30,7 +30,7 @@ export type CreateTableModalProps = {
      * @deprecated Use createTableFromQuery directly instead.
      * When not provided, the modal will call createTableFromQuery directly.
      */
-    onAddOrUpdateSqlQuery?: (tableName: string, query: string, oldTableName?: string) => Promise<void>;
+    onAddOrUpdateSqlQuery?: (tableName: string, query: string, oldTableName?: string, abortSignal?: AbortSignal) => Promise<void>;
     /**
      * Additional class name for the dialog content.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"CreateTableModal.d.ts","sourceRoot":"","sources":["../../src/components/CreateTableModal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AAqCxD,OAAO,EAAC,EAAE,EAAiC,MAAM,OAAO,CAAC;AA0BzD;;GAEG;AACH,MAAM,MAAM,4BAA4B,GAAG,OAAO,CAAC;IACjD,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,CACtB,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,MAAM,EACb,YAAY,CAAC,EAAE,MAAM,KAClB,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,4BAA4B,CAAC;CAC9C,CAAC;AAybF,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA8B/C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"CreateTableModal.d.ts","sourceRoot":"","sources":["../../src/components/CreateTableModal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AAqCxD,OAAO,EAAC,EAAE,EAAoD,MAAM,OAAO,CAAC;AA0B5E;;GAEG;AACH,MAAM,MAAM,4BAA4B,GAAG,OAAO,CAAC;IACjD,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,CACtB,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,MAAM,EACb,YAAY,CAAC,EAAE,MAAM,EACrB,WAAW,CAAC,EAAE,WAAW,KACtB,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,4BAA4B,CAAC;CAC9C,CAAC;AA6eF,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA4F/C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/CreateTableModal.js

@@ -3,7 +3,7 @@ import { zodResolver } from '@hookform/resolvers/zod';
 import { makeQualifiedTableName } from '@sqlrooms/duckdb';
 import { Alert, AlertDescription, Button, Checkbox, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Form, FormControl, FormField, FormItem, FormLabel, FormMessage, Input, Label, Popover, PopoverContent, PopoverTrigger, Spinner, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, cn, } from '@sqlrooms/ui';
 import { Check, ChevronsUpDown, HelpCircle } from 'lucide-react';
-import { useCallback, useMemo, useState } from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useForm } from 'react-hook-form';
 import * as z from 'zod';
 import { useStoreWithSqlEditor } from '../SqlEditorSlice';
@@ -21,6 +21,15 @@ const formSchema = z.object({
     temp: z.boolean(),
     view: z.boolean(),
 });
+const isAbortError = (err) => {
+    if (err instanceof DOMException) {
+        return err.name === 'AbortError';
+    }
+    if (err instanceof Error) {
+        return err.name === 'AbortError' || /cancelled|canceled/i.test(err.message);
+    }
+    return false;
+};
 /**
  * Compact searchable combobox for selecting schema or database.
  */
@@ -35,7 +44,7 @@ const SchemaCombobox = ({ value, onChange, options, placeholder, searchPlacehold
  * Compact checkbox option with clickable label and tooltip.
  */
 const OptionCheckbox = ({ id, label, tooltip, checked, onCheckedChange, disabled }) => (_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(Checkbox, { id: id, checked: checked, onCheckedChange: onCheckedChange, disabled: disabled, className: "h-3.5 w-3.5" }), _jsx(Label, { htmlFor: id, className: cn('cursor-pointer text-xs font-normal', disabled && 'cursor-not-allowed opacity-50'), children: label }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(HelpCircle, { className: "text-muted-foreground h-3 w-3 cursor-help" }) }), _jsx(TooltipContent, { side: "top", className: "max-w-[200px] text-xs", children: tooltip })] })] }));
-const CreateTableForm = ({ query, onClose, editDataSource, allowMultipleStatements = false, showSchemaSelection = false, onAddOrUpdateSqlQuery, initialValues, }) => {
+const CreateTableForm = ({ query, onClose, onRequestClose, editDataSource, allowMultipleStatements = false, showSchemaSelection = false, onAddOrUpdateSqlQuery, initialValues, onSubmittingChange, onRegisterCancel, }) => {
     const connector = useStoreWithSqlEditor((state) => state.db.connector);
     const createTableFromQuery = useStoreWithSqlEditor((state) => state.db.createTableFromQuery);
     const refreshTableSchemas = useStoreWithSqlEditor((state) => state.db.refreshTableSchemas);
@@ -77,12 +86,26 @@ const CreateTableForm = ({ query, onClose, editDataSource, allowMultipleStatemen
         },
     });
     const isSubmitting = form.formState.isSubmitting;
+    const [isCancelling, setIsCancelling] = useState(false);
+    const abortControllerRef = useRef(null);
+    useEffect(() => {
+        return () => {
+            abortControllerRef.current?.abort();
+            abortControllerRef.current = null;
+        };
+    }, []);
+    useEffect(() => {
+        onSubmittingChange?.(isSubmitting);
+    }, [isSubmitting, onSubmittingChange]);
     const onSubmit = useCallback(async (values) => {
+        const abortController = new AbortController();
+        abortControllerRef.current = abortController;
+        setIsCancelling(false);
         try {
             const { tableName, query, schema, database, replace, temp, view } = values;
             if (onAddOrUpdateSqlQuery) {
                 // Legacy path: use the callback
-                await onAddOrUpdateSqlQuery(tableName, query, editDataSource?.tableName);
+                await onAddOrUpdateSqlQuery(tableName, query, editDataSource?.tableName, abortController.signal);
             }
             else {
                 // New path: call createTableFromQuery directly
@@ -94,6 +117,7 @@ const CreateTableForm = ({ query, onClose, editDataSource, allowMultipleStatemen
                     temp,
                     view,
                     allowMultipleStatements,
+                    abortSignal: abortController.signal,
                 });
                 // Refresh table schemas to show the new table
                 await refreshTableSchemas();
@@ -102,8 +126,15 @@ const CreateTableForm = ({ query, onClose, editDataSource, allowMultipleStatemen
             onClose();
         }
         catch (err) {
+            if (isAbortError(err)) {
+                return;
+            }
             form.setError('root', { type: 'manual', message: `${err}` });
         }
+        finally {
+            abortControllerRef.current = null;
+            setIsCancelling(false);
+        }
     }, [
         onAddOrUpdateSqlQuery,
         editDataSource?.tableName,
@@ -116,13 +147,22 @@ const CreateTableForm = ({ query, onClose, editDataSource, allowMultipleStatemen
     const watchView = form.watch('view');
     const watchTemp = form.watch('temp');
     const watchTableName = form.watch('tableName');
+    const handleCancel = useCallback(async () => {
+        if (abortControllerRef.current) {
+            setIsCancelling(true);
+            abortControllerRef.current.abort();
+        }
+    }, []);
+    useEffect(() => {
+        onRegisterCancel?.(handleCancel);
+    }, [handleCancel, onRegisterCancel]);
     return (_jsx(TooltipProvider, { delayDuration: 200, children: _jsx(Form, { ...form, children: _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "space-y-4", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: editDataSource
                                     ? 'Edit table query'
                                     : watchView
                                         ? 'Create view from query'
                                         : 'Create table from query' }), !editDataSource && (_jsx(DialogDescription, { children: watchView
                                     ? 'Create a new view from an SQL query.'
-                                    : 'Create a new table from the results of an SQL query.' }))] }), form.formState.errors.root && (_jsx(Alert, { variant: "destructive", children: _jsx(AlertDescription, { className: "whitespace-pre-wrap font-mono text-xs", children: form.formState.errors.root.message }) })), _jsxs("div", { className: "flex items-end gap-3", children: [_jsx(FormField, { control: form.control, name: "tableName", render: ({ field }) => (_jsxs(FormItem, { className: "min-w-0 flex-[2]", children: [_jsx(FormLabel, { className: "text-xs", children: watchView ? 'View name' : 'Table name' }), _jsx(FormControl, { children: _jsx(Input, { ...field, className: "h-9 font-mono text-xs", autoFocus: true, disabled: isSubmitting }) }), _jsx(FormMessage, { className: "text-xs" })] })) }), showSchemaSelection && (_jsxs(_Fragment, { children: [_jsx(FormField, { control: form.control, name: "schema", render: ({ field }) => (_jsxs(FormItem, { className: "min-w-0 flex-1", children: [_jsx(FormLabel, { className: "text-xs", children: "Schema" }), _jsx(FormControl, { children: _jsx(SchemaCombobox, { value: field.value, onChange: field.onChange, options: schemas, placeholder: "Schema...", searchPlaceholder: "Search...", emptyMessage: "No schemas.", disabled: isSubmitting }) })] })) }), (databases.length > 1 || watchTemp) && (_jsx(FormField, { control: form.control, name: "database", render: ({ field }) => (_jsxs(FormItem, { className: "min-w-0 flex-1", children: [_jsx(FormLabel, { className: "text-xs", children: "Database" }), _jsx(FormControl, { children: _jsx(SchemaCombobox, { value: watchTemp ? 'temp' : field.value, onChange: field.onChange, options: databases, placeholder: "Database...", searchPlaceholder: "Search...", emptyMessage: "No databases.", disabled: isSubmitting || watchTemp }) })] })) }))] }))] }), _jsx(FormField, { control: form.control, name: "query", render: ({ field }) => (_jsxs(FormItem, { className: "relative flex h-[200px] flex-col", children: [_jsx(FormControl, { children: _jsx(SqlMonacoEditor, { connector: connector, value: field.value, onChange: field.onChange, className: "absolute inset-0 h-full w-full", options: {
+                                    : 'Create a new table from the results of an SQL query.' }))] }), form.formState.errors.root && (_jsx(Alert, { variant: "destructive", children: _jsx(AlertDescription, { className: "whitespace-pre-wrap font-mono text-xs", children: form.formState.errors.root.message }) })), _jsxs("div", { className: "flex items-start gap-3", children: [_jsx(FormField, { control: form.control, name: "tableName", render: ({ field }) => (_jsxs(FormItem, { className: "min-w-0 flex-[2]", children: [_jsx(FormLabel, { className: "text-xs", children: watchView ? 'View name' : 'Table name' }), _jsx(FormControl, { children: _jsx(Input, { ...field, className: "h-9 font-mono text-xs", autoFocus: true, disabled: isSubmitting }) }), _jsx(FormMessage, { className: "text-xs" })] })) }), showSchemaSelection && (_jsxs(_Fragment, { children: [_jsx(FormField, { control: form.control, name: "schema", render: ({ field }) => (_jsxs(FormItem, { className: "min-w-0 flex-1", children: [_jsx(FormLabel, { className: "text-xs", children: "Schema" }), _jsx(FormControl, { children: _jsx(SchemaCombobox, { value: field.value, onChange: field.onChange, options: schemas, placeholder: "Schema...", searchPlaceholder: "Search...", emptyMessage: "No schemas.", disabled: isSubmitting }) })] })) }), (databases.length > 1 || watchTemp) && (_jsx(FormField, { control: form.control, name: "database", render: ({ field }) => (_jsxs(FormItem, { className: "min-w-0 flex-1", children: [_jsx(FormLabel, { className: "text-xs", children: "Database" }), _jsx(FormControl, { children: _jsx(SchemaCombobox, { value: watchTemp ? 'temp' : field.value, onChange: field.onChange, options: databases, placeholder: "Database...", searchPlaceholder: "Search...", emptyMessage: "No databases.", disabled: isSubmitting || watchTemp }) })] })) }))] }))] }), _jsx(FormField, { control: form.control, name: "query", render: ({ field }) => (_jsxs(FormItem, { className: "relative flex h-[200px] flex-col", children: [_jsx(FormControl, { children: _jsx(SqlMonacoEditor, { connector: connector, value: field.value, onChange: field.onChange, className: "absolute inset-0 h-full w-full", options: {
                                             scrollBeyondLastLine: false,
                                             automaticLayout: true,
                                             minimap: { enabled: false },
@@ -131,11 +171,46 @@ const CreateTableForm = ({ query, onClose, editDataSource, allowMultipleStatemen
                                             lineNumbers: 'off',
                                             readOnly: isSubmitting,
                                             fixedOverflowWidgets: false, // default true doesn't work well in a modal
-                                        } }) }), _jsx(FormMessage, { className: "text-xs" })] })) }), !onAddOrUpdateSqlQuery && (_jsxs("div", { className: "flex items-center gap-6 rounded-md border px-3 py-2", children: [_jsx(FormField, { control: form.control, name: "view", render: ({ field }) => (_jsx(OptionCheckbox, { id: "create-table-view", label: "View", tooltip: "Create a view instead of a table. Views store the query, not the data.", checked: field.value, onCheckedChange: field.onChange, disabled: isSubmitting })) }), _jsx(FormField, { control: form.control, name: "replace", render: ({ field }) => (_jsx(OptionCheckbox, { id: "create-table-replace", label: "Overwrite", tooltip: `Overwrite existing ${watchView ? 'view' : 'table'} with the same name if it exists.`, checked: field.value, onCheckedChange: field.onChange, disabled: isSubmitting })) })] })), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "outline", onClick: onClose, disabled: isSubmitting, children: "Cancel" }), _jsxs(Button, { type: "submit", disabled: isSubmitting || !watchTableName?.trim(), children: [isSubmitting && _jsx(Spinner, { className: "mr-2" }), editDataSource ? 'Update' : 'Create'] })] })] }) }) }));
+                                        } }) }), _jsx(FormMessage, { className: "text-xs" })] })) }), !onAddOrUpdateSqlQuery && (_jsxs("div", { className: "flex items-center gap-6 rounded-md border px-3 py-2", children: [_jsx(FormField, { control: form.control, name: "view", render: ({ field }) => (_jsx(OptionCheckbox, { id: "create-table-view", label: "View", tooltip: "Create a view instead of a table. Views store the query, not the data.", checked: field.value, onCheckedChange: field.onChange, disabled: isSubmitting })) }), _jsx(FormField, { control: form.control, name: "replace", render: ({ field }) => (_jsx(OptionCheckbox, { id: "create-table-replace", label: "Overwrite", tooltip: `Overwrite existing ${watchView ? 'view' : 'table'} with the same name if it exists.`, checked: field.value, onCheckedChange: field.onChange, disabled: isSubmitting })) })] })), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "outline", onClick: onRequestClose, children: "Close" }), _jsxs(Button, { type: isSubmitting ? 'button' : 'submit', onClick: isSubmitting ? handleCancel : undefined, disabled: isSubmitting ? isCancelling : !watchTableName?.trim(), children: [isSubmitting && _jsx(Spinner, { className: "mr-2" }), isSubmitting
+                                        ? isCancelling
+                                            ? 'Cancelling...'
+                                            : 'Cancel'
+                                        : editDataSource
+                                            ? 'Update'
+                                            : 'Create'] })] })] }) }) }));
 };
 const CreateTableModal = (props) => {
     const { isOpen, onClose, query, editDataSource, allowMultipleStatements, showSchemaSelection, onAddOrUpdateSqlQuery, className, initialValues, } = props;
-    return (_jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: _jsx(DialogContent, { className: cn('w-3xl max-w-[80%]', className), children: isOpen && (_jsx(CreateTableForm, { query: query, onClose: onClose, editDataSource: editDataSource, allowMultipleStatements: allowMultipleStatements, showSchemaSelection: showSchemaSelection, onAddOrUpdateSqlQuery: onAddOrUpdateSqlQuery, initialValues: initialValues })) }) }));
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const [isConfirmOpen, setIsConfirmOpen] = useState(false);
+    const cancelRef = useRef(null);
+    const resetState = useCallback(() => {
+        setIsSubmitting(false);
+        setIsConfirmOpen(false);
+        cancelRef.current = null;
+    }, []);
+    const handleClose = useCallback(() => {
+        resetState();
+        onClose();
+    }, [onClose, resetState]);
+    const handleRequestClose = useCallback(() => {
+        if (!isSubmitting) {
+            handleClose();
+            return;
+        }
+        setIsConfirmOpen(true);
+    }, [handleClose, isSubmitting]);
+    const handleConfirmClose = useCallback(() => {
+        cancelRef.current?.();
+        handleClose();
+    }, [handleClose]);
+    return (_jsxs(Dialog, { open: isOpen, onOpenChange: (open) => {
+            if (!open) {
+                handleRequestClose();
+            }
+        }, children: [_jsx(DialogContent, { className: cn('w-3xl max-w-[80%]', className), children: isOpen && (_jsx(CreateTableForm, { query: query, onClose: handleClose, onRequestClose: handleRequestClose, editDataSource: editDataSource, allowMultipleStatements: allowMultipleStatements, showSchemaSelection: showSchemaSelection, onAddOrUpdateSqlQuery: onAddOrUpdateSqlQuery, initialValues: initialValues, onSubmittingChange: setIsSubmitting, onRegisterCancel: (cancel) => {
+                        cancelRef.current = cancel;
+                    } })) }), _jsx(Dialog, { open: isConfirmOpen, onOpenChange: setIsConfirmOpen, children: _jsxs(DialogContent, { className: "max-w-md", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Cancel running query?" }), _jsx(DialogDescription, { children: "A query is still running. Cancelling it will stop the query and close this dialog." })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "outline", onClick: () => setIsConfirmOpen(false), children: "Keep running" }), _jsx(Button, { type: "button", onClick: handleConfirmClose, children: "Cancel & close" })] })] }) })] }));
 };
 export default CreateTableModal;
 //# sourceMappingURL=CreateTableModal.js.map

package/dist/components/CreateTableModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateTableModal.js","sourceRoot":"","sources":["../../src/components/CreateTableModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import {zodResolver} from '@hookform/resolvers/zod';\nimport {makeQualifiedTableName} from '@sqlrooms/duckdb';\nimport {SqlQueryDataSource} from '@sqlrooms/room-shell';\nimport {\n  Alert,\n  AlertDescription,\n  Button,\n  Checkbox,\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  Form,\n  FormControl,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n  Input,\n  Label,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n  Spinner,\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n  cn,\n} from '@sqlrooms/ui';\nimport {Check, ChevronsUpDown, HelpCircle} from 'lucide-react';\nimport {FC, useCallback, useMemo, useState} from 'react';\nimport {useForm} from 'react-hook-form';\nimport * as z from 'zod';\nimport {useStoreWithSqlEditor} from '../SqlEditorSlice';\nimport {SqlMonacoEditor} from '../SqlMonacoEditor';\n\nconst VALID_TABLE_OR_COLUMN_REGEX = /^[a-zA-Z_][a-zA-Z0-9_]{0,62}$/;\n\nconst formSchema = z.object({\n  tableName: z\n    .string()\n    .min(1, 'Table name is required')\n    .regex(\n      VALID_TABLE_OR_COLUMN_REGEX,\n      'Only letters, digits and underscores are allowed; should not start with a digit',\n    ),\n  query: z.string().min(1, 'Query is required'),\n  schema: z.string().optional(),\n  database: z.string().optional(),\n  replace: z.boolean(),\n  temp: z.boolean(),\n  view: z.boolean(),\n});\n\ntype FormValues = z.infer<typeof formSchema>;\n\n/**\n * Initial values for the create table form.\n */\nexport type CreateTableFormInitialValues = Partial<{\n  tableName: string;\n  replace: boolean;\n  temp: boolean;\n  view: boolean;\n  schema: string;\n  database: string;\n}>;\n\nexport type CreateTableModalProps = {\n  query: string;\n  isOpen: boolean;\n  onClose: () => void;\n  editDataSource?: SqlQueryDataSource;\n  /**\n   * Allow multiple statements in the query. When true, preceding statements\n   * will be executed before the final SELECT is wrapped in CREATE TABLE/VIEW.\n   */\n  allowMultipleStatements?: boolean;\n  /**\n   * Show schema/database selection UI.\n   * @default false\n   */\n  showSchemaSelection?: boolean;\n  /**\n   * @deprecated Use createTableFromQuery directly instead.\n   * When not provided, the modal will call createTableFromQuery directly.\n   */\n  onAddOrUpdateSqlQuery?: (\n    tableName: string,\n    query: string,\n    oldTableName?: string,\n  ) => Promise<void>;\n  /**\n   * Additional class name for the dialog content.\n   */\n  className?: string;\n  /**\n   * Initial values for the form fields.\n   */\n  initialValues?: CreateTableFormInitialValues;\n};\n\ntype CreateTableFormProps = {\n  query: string;\n  onClose: () => void;\n  editDataSource?: SqlQueryDataSource;\n  allowMultipleStatements?: boolean;\n  showSchemaSelection?: boolean;\n  onAddOrUpdateSqlQuery?: (\n    tableName: string,\n    query: string,\n    oldTableName?: string,\n  ) => Promise<void>;\n  initialValues?: CreateTableFormInitialValues;\n};\n\n/**\n * Compact searchable combobox for selecting schema or database.\n */\nconst SchemaCombobox: FC<{\n  value: string | undefined;\n  onChange: (value: string | undefined) => void;\n  options: string[];\n  placeholder: string;\n  searchPlaceholder: string;\n  emptyMessage: string;\n  disabled?: boolean;\n}> = ({\n  value,\n  onChange,\n  options,\n  placeholder,\n  searchPlaceholder,\n  emptyMessage,\n  disabled,\n}) => {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button\n          variant=\"outline\"\n          role=\"combobox\"\n          aria-expanded={open}\n          className=\"h-9 w-full min-w-0 justify-between font-mono text-xs\"\n          disabled={disabled}\n        >\n          <span className=\"min-w-0 truncate\">{value || placeholder}</span>\n          <ChevronsUpDown className=\"ml-1 h-3 w-3 shrink-0 opacity-50\" />\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-[180px] p-0\">\n        <Command>\n          <CommandInput placeholder={searchPlaceholder} className=\"text-xs\" />\n          <CommandList>\n            <CommandEmpty className=\"text-xs\">{emptyMessage}</CommandEmpty>\n            <CommandGroup>\n              {options.map((option) => (\n                <CommandItem\n                  key={option}\n                  value={option}\n                  className=\"text-xs\"\n                  onSelect={(currentValue) => {\n                    onChange(currentValue === value ? undefined : currentValue);\n                    setOpen(false);\n                  }}\n                >\n                  <Check\n                    className={cn(\n                      'mr-2 h-3 w-3',\n                      value === option ? 'opacity-100' : 'opacity-0',\n                    )}\n                  />\n                  {option}\n                </CommandItem>\n              ))}\n            </CommandGroup>\n          </CommandList>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  );\n};\n\n/**\n * Compact checkbox option with clickable label and tooltip.\n */\nconst OptionCheckbox: FC<{\n  id: string;\n  label: string;\n  tooltip: string;\n  checked: boolean;\n  onCheckedChange: (checked: boolean) => void;\n  disabled?: boolean;\n}> = ({id, label, tooltip, checked, onCheckedChange, disabled}) => (\n  <div className=\"flex items-center gap-1.5\">\n    <Checkbox\n      id={id}\n      checked={checked}\n      onCheckedChange={onCheckedChange}\n      disabled={disabled}\n      className=\"h-3.5 w-3.5\"\n    />\n    <Label\n      htmlFor={id}\n      className={cn(\n        'cursor-pointer text-xs font-normal',\n        disabled && 'cursor-not-allowed opacity-50',\n      )}\n    >\n      {label}\n    </Label>\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <HelpCircle className=\"text-muted-foreground h-3 w-3 cursor-help\" />\n      </TooltipTrigger>\n      <TooltipContent side=\"top\" className=\"max-w-[200px] text-xs\">\n        {tooltip}\n      </TooltipContent>\n    </Tooltip>\n  </div>\n);\n\nconst CreateTableForm: FC<CreateTableFormProps> = ({\n  query,\n  onClose,\n  editDataSource,\n  allowMultipleStatements = false,\n  showSchemaSelection = false,\n  onAddOrUpdateSqlQuery,\n  initialValues,\n}) => {\n  const connector = useStoreWithSqlEditor((state) => state.db.connector);\n  const createTableFromQuery = useStoreWithSqlEditor(\n    (state) => state.db.createTableFromQuery,\n  );\n  const refreshTableSchemas = useStoreWithSqlEditor(\n    (state) => state.db.refreshTableSchemas,\n  );\n  const tables = useStoreWithSqlEditor((state) => state.db.tables);\n  const currentSchema = useStoreWithSqlEditor(\n    (state) => state.db.currentSchema,\n  );\n  const currentDatabase = useStoreWithSqlEditor(\n    (state) => state.db.currentDatabase,\n  );\n\n  // Extract unique schemas and databases from tables (excluding system ones)\n  const {schemas, databases} = useMemo(() => {\n    const schemaSet = new Set<string>();\n    const databaseSet = new Set<string>();\n\n    for (const table of tables) {\n      if (table.table.schema && !table.table.schema.startsWith('pg_')) {\n        schemaSet.add(table.table.schema);\n      }\n      if (table.table.database) {\n        databaseSet.add(table.table.database);\n      }\n    }\n\n    // Ensure current schema/database are included\n    if (currentSchema) schemaSet.add(currentSchema);\n    if (currentDatabase) databaseSet.add(currentDatabase);\n\n    return {\n      schemas: Array.from(schemaSet).sort(),\n      databases: Array.from(databaseSet).sort(),\n    };\n  }, [tables, currentSchema, currentDatabase]);\n\n  const form = useForm<FormValues>({\n    resolver: zodResolver(formSchema as any),\n    defaultValues: {\n      tableName: editDataSource?.tableName ?? initialValues?.tableName ?? '',\n      query: editDataSource?.sqlQuery ?? query.trim(),\n      schema: initialValues?.schema ?? currentSchema,\n      database: initialValues?.database ?? currentDatabase,\n      replace: initialValues?.replace ?? false,\n      temp: initialValues?.temp ?? false,\n      view: initialValues?.view ?? false,\n    },\n  });\n\n  const isSubmitting = form.formState.isSubmitting;\n\n  const onSubmit = useCallback(\n    async (values: FormValues) => {\n      try {\n        const {tableName, query, schema, database, replace, temp, view} =\n          values;\n\n        if (onAddOrUpdateSqlQuery) {\n          // Legacy path: use the callback\n          await onAddOrUpdateSqlQuery(\n            tableName,\n            query,\n            editDataSource?.tableName,\n          );\n        } else {\n          // New path: call createTableFromQuery directly\n          const qualifiedName =\n            schema || database\n              ? makeQualifiedTableName({table: tableName, schema, database})\n              : tableName;\n\n          await createTableFromQuery(qualifiedName, query, {\n            replace,\n            temp,\n            view,\n            allowMultipleStatements,\n          });\n\n          // Refresh table schemas to show the new table\n          await refreshTableSchemas();\n        }\n\n        form.reset();\n        onClose();\n      } catch (err) {\n        form.setError('root', {type: 'manual', message: `${err}`});\n      }\n    },\n    [\n      onAddOrUpdateSqlQuery,\n      editDataSource?.tableName,\n      createTableFromQuery,\n      allowMultipleStatements,\n      refreshTableSchemas,\n      onClose,\n      form,\n    ],\n  );\n\n  const watchView = form.watch('view');\n  const watchTemp = form.watch('temp');\n  const watchTableName = form.watch('tableName');\n\n  return (\n    <TooltipProvider delayDuration={200}>\n      <Form {...form}>\n        <form onSubmit={form.handleSubmit(onSubmit)} className=\"space-y-4\">\n          <DialogHeader>\n            <DialogTitle>\n              {editDataSource\n                ? 'Edit table query'\n                : watchView\n                  ? 'Create view from query'\n                  : 'Create table from query'}\n            </DialogTitle>\n            {!editDataSource && (\n              <DialogDescription>\n                {watchView\n                  ? 'Create a new view from an SQL query.'\n                  : 'Create a new table from the results of an SQL query.'}\n              </DialogDescription>\n            )}\n          </DialogHeader>\n\n          {form.formState.errors.root && (\n            <Alert variant=\"destructive\">\n              <AlertDescription className=\"whitespace-pre-wrap font-mono text-xs\">\n                {form.formState.errors.root.message}\n              </AlertDescription>\n            </Alert>\n          )}\n\n          {/* Table name, schema, database in single row */}\n          <div className=\"flex items-end gap-3\">\n            <FormField\n              control={form.control}\n              name=\"tableName\"\n              render={({field}) => (\n                <FormItem className=\"min-w-0 flex-[2]\">\n                  <FormLabel className=\"text-xs\">\n                    {watchView ? 'View name' : 'Table name'}\n                  </FormLabel>\n                  <FormControl>\n                    <Input\n                      {...field}\n                      className=\"h-9 font-mono text-xs\"\n                      autoFocus\n                      disabled={isSubmitting}\n                    />\n                  </FormControl>\n                  <FormMessage className=\"text-xs\" />\n                </FormItem>\n              )}\n            />\n\n            {showSchemaSelection && (\n              <>\n                <FormField\n                  control={form.control}\n                  name=\"schema\"\n                  render={({field}) => (\n                    <FormItem className=\"min-w-0 flex-1\">\n                      <FormLabel className=\"text-xs\">Schema</FormLabel>\n                      <FormControl>\n                        <SchemaCombobox\n                          value={field.value}\n                          onChange={field.onChange}\n                          options={schemas}\n                          placeholder=\"Schema...\"\n                          searchPlaceholder=\"Search...\"\n                          emptyMessage=\"No schemas.\"\n                          disabled={isSubmitting}\n                        />\n                      </FormControl>\n                    </FormItem>\n                  )}\n                />\n\n                {(databases.length > 1 || watchTemp) && (\n                  <FormField\n                    control={form.control}\n                    name=\"database\"\n                    render={({field}) => (\n                      <FormItem className=\"min-w-0 flex-1\">\n                        <FormLabel className=\"text-xs\">Database</FormLabel>\n                        <FormControl>\n                          <SchemaCombobox\n                            value={watchTemp ? 'temp' : field.value}\n                            onChange={field.onChange}\n                            options={databases}\n                            placeholder=\"Database...\"\n                            searchPlaceholder=\"Search...\"\n                            emptyMessage=\"No databases.\"\n                            disabled={isSubmitting || watchTemp}\n                          />\n                        </FormControl>\n                      </FormItem>\n                    )}\n                  />\n                )}\n              </>\n            )}\n          </div>\n\n          <FormField\n            control={form.control}\n            name=\"query\"\n            render={({field}) => (\n              <FormItem className=\"relative flex h-[200px] flex-col\">\n                <FormControl>\n                  <SqlMonacoEditor\n                    connector={connector}\n                    value={field.value}\n                    onChange={field.onChange}\n                    className=\"absolute inset-0 h-full w-full\"\n                    options={{\n                      scrollBeyondLastLine: false,\n                      automaticLayout: true,\n                      minimap: {enabled: false},\n                      wordWrap: 'on',\n                      folding: false,\n                      lineNumbers: 'off',\n                      readOnly: isSubmitting,\n                      fixedOverflowWidgets: false, // default true doesn't work well in a modal\n                    }}\n                  />\n                </FormControl>\n                <FormMessage className=\"text-xs\" />\n              </FormItem>\n            )}\n          />\n\n          {/* Compact options row */}\n          {!onAddOrUpdateSqlQuery && (\n            <div className=\"flex items-center gap-6 rounded-md border px-3 py-2\">\n              <FormField\n                control={form.control}\n                name=\"view\"\n                render={({field}) => (\n                  <OptionCheckbox\n                    id=\"create-table-view\"\n                    label=\"View\"\n                    tooltip=\"Create a view instead of a table. Views store the query, not the data.\"\n                    checked={field.value}\n                    onCheckedChange={field.onChange}\n                    disabled={isSubmitting}\n                  />\n                )}\n              />\n\n              {/* <FormField\n                control={form.control}\n                name=\"temp\"\n                render={({field}) => (\n                  <OptionCheckbox\n                    id=\"create-table-temp\"\n                    label=\"Temporary\"\n                    tooltip={`${watchView ? 'View' : 'Table'} will be deleted when the session ends.`}\n                    checked={field.value}\n                    onCheckedChange={field.onChange}\n                    disabled={isSubmitting}\n                  />\n                )}\n              /> */}\n\n              <FormField\n                control={form.control}\n                name=\"replace\"\n                render={({field}) => (\n                  <OptionCheckbox\n                    id=\"create-table-replace\"\n                    label=\"Overwrite\"\n                    tooltip={`Overwrite existing ${watchView ? 'view' : 'table'} with the same name if it exists.`}\n                    checked={field.value}\n                    onCheckedChange={field.onChange}\n                    disabled={isSubmitting}\n                  />\n                )}\n              />\n            </div>\n          )}\n\n          <DialogFooter>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={onClose}\n              disabled={isSubmitting}\n            >\n              Cancel\n            </Button>\n            <Button\n              type=\"submit\"\n              disabled={isSubmitting || !watchTableName?.trim()}\n            >\n              {isSubmitting && <Spinner className=\"mr-2\" />}\n              {editDataSource ? 'Update' : 'Create'}\n            </Button>\n          </DialogFooter>\n        </form>\n      </Form>\n    </TooltipProvider>\n  );\n};\n\nconst CreateTableModal: FC<CreateTableModalProps> = (props) => {\n  const {\n    isOpen,\n    onClose,\n    query,\n    editDataSource,\n    allowMultipleStatements,\n    showSchemaSelection,\n    onAddOrUpdateSqlQuery,\n    className,\n    initialValues,\n  } = props;\n\n  return (\n    <Dialog open={isOpen} onOpenChange={(open) => !open && onClose()}>\n      <DialogContent className={cn('w-3xl max-w-[80%]', className)}>\n        {isOpen && (\n          <CreateTableForm\n            query={query}\n            onClose={onClose}\n            editDataSource={editDataSource}\n            allowMultipleStatements={allowMultipleStatements}\n            showSchemaSelection={showSchemaSelection}\n            onAddOrUpdateSqlQuery={onAddOrUpdateSqlQuery}\n            initialValues={initialValues}\n          />\n        )}\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport default CreateTableModal;\n"]}
+{"version":3,"file":"CreateTableModal.js","sourceRoot":"","sources":["../../src/components/CreateTableModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import {zodResolver} from '@hookform/resolvers/zod';\nimport {makeQualifiedTableName} from '@sqlrooms/duckdb';\nimport {SqlQueryDataSource} from '@sqlrooms/room-shell';\nimport {\n  Alert,\n  AlertDescription,\n  Button,\n  Checkbox,\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  Form,\n  FormControl,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n  Input,\n  Label,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n  Spinner,\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n  cn,\n} from '@sqlrooms/ui';\nimport {Check, ChevronsUpDown, HelpCircle} from 'lucide-react';\nimport {FC, useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport {useForm} from 'react-hook-form';\nimport * as z from 'zod';\nimport {useStoreWithSqlEditor} from '../SqlEditorSlice';\nimport {SqlMonacoEditor} from '../SqlMonacoEditor';\n\nconst VALID_TABLE_OR_COLUMN_REGEX = /^[a-zA-Z_][a-zA-Z0-9_]{0,62}$/;\n\nconst formSchema = z.object({\n  tableName: z\n    .string()\n    .min(1, 'Table name is required')\n    .regex(\n      VALID_TABLE_OR_COLUMN_REGEX,\n      'Only letters, digits and underscores are allowed; should not start with a digit',\n    ),\n  query: z.string().min(1, 'Query is required'),\n  schema: z.string().optional(),\n  database: z.string().optional(),\n  replace: z.boolean(),\n  temp: z.boolean(),\n  view: z.boolean(),\n});\n\ntype FormValues = z.infer<typeof formSchema>;\n\n/**\n * Initial values for the create table form.\n */\nexport type CreateTableFormInitialValues = Partial<{\n  tableName: string;\n  replace: boolean;\n  temp: boolean;\n  view: boolean;\n  schema: string;\n  database: string;\n}>;\n\nexport type CreateTableModalProps = {\n  query: string;\n  isOpen: boolean;\n  onClose: () => void;\n  editDataSource?: SqlQueryDataSource;\n  /**\n   * Allow multiple statements in the query. When true, preceding statements\n   * will be executed before the final SELECT is wrapped in CREATE TABLE/VIEW.\n   */\n  allowMultipleStatements?: boolean;\n  /**\n   * Show schema/database selection UI.\n   * @default false\n   */\n  showSchemaSelection?: boolean;\n  /**\n   * @deprecated Use createTableFromQuery directly instead.\n   * When not provided, the modal will call createTableFromQuery directly.\n   */\n  onAddOrUpdateSqlQuery?: (\n    tableName: string,\n    query: string,\n    oldTableName?: string,\n    abortSignal?: AbortSignal,\n  ) => Promise<void>;\n  /**\n   * Additional class name for the dialog content.\n   */\n  className?: string;\n  /**\n   * Initial values for the form fields.\n   */\n  initialValues?: CreateTableFormInitialValues;\n};\n\ntype CreateTableFormProps = {\n  query: string;\n  onClose: () => void;\n  onRequestClose: () => void;\n  editDataSource?: SqlQueryDataSource;\n  allowMultipleStatements?: boolean;\n  showSchemaSelection?: boolean;\n  onAddOrUpdateSqlQuery?: (\n    tableName: string,\n    query: string,\n    oldTableName?: string,\n    abortSignal?: AbortSignal,\n  ) => Promise<void>;\n  initialValues?: CreateTableFormInitialValues;\n  onSubmittingChange?: (isSubmitting: boolean) => void;\n  onRegisterCancel?: (cancel: () => void) => void;\n};\n\nconst isAbortError = (err: unknown): boolean => {\n  if (err instanceof DOMException) {\n    return err.name === 'AbortError';\n  }\n  if (err instanceof Error) {\n    return err.name === 'AbortError' || /cancelled|canceled/i.test(err.message);\n  }\n  return false;\n};\n\n/**\n * Compact searchable combobox for selecting schema or database.\n */\nconst SchemaCombobox: FC<{\n  value: string | undefined;\n  onChange: (value: string | undefined) => void;\n  options: string[];\n  placeholder: string;\n  searchPlaceholder: string;\n  emptyMessage: string;\n  disabled?: boolean;\n}> = ({\n  value,\n  onChange,\n  options,\n  placeholder,\n  searchPlaceholder,\n  emptyMessage,\n  disabled,\n}) => {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button\n          variant=\"outline\"\n          role=\"combobox\"\n          aria-expanded={open}\n          className=\"h-9 w-full min-w-0 justify-between font-mono text-xs\"\n          disabled={disabled}\n        >\n          <span className=\"min-w-0 truncate\">{value || placeholder}</span>\n          <ChevronsUpDown className=\"ml-1 h-3 w-3 shrink-0 opacity-50\" />\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-[180px] p-0\">\n        <Command>\n          <CommandInput placeholder={searchPlaceholder} className=\"text-xs\" />\n          <CommandList>\n            <CommandEmpty className=\"text-xs\">{emptyMessage}</CommandEmpty>\n            <CommandGroup>\n              {options.map((option) => (\n                <CommandItem\n                  key={option}\n                  value={option}\n                  className=\"text-xs\"\n                  onSelect={(currentValue) => {\n                    onChange(currentValue === value ? undefined : currentValue);\n                    setOpen(false);\n                  }}\n                >\n                  <Check\n                    className={cn(\n                      'mr-2 h-3 w-3',\n                      value === option ? 'opacity-100' : 'opacity-0',\n                    )}\n                  />\n                  {option}\n                </CommandItem>\n              ))}\n            </CommandGroup>\n          </CommandList>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  );\n};\n\n/**\n * Compact checkbox option with clickable label and tooltip.\n */\nconst OptionCheckbox: FC<{\n  id: string;\n  label: string;\n  tooltip: string;\n  checked: boolean;\n  onCheckedChange: (checked: boolean) => void;\n  disabled?: boolean;\n}> = ({id, label, tooltip, checked, onCheckedChange, disabled}) => (\n  <div className=\"flex items-center gap-1.5\">\n    <Checkbox\n      id={id}\n      checked={checked}\n      onCheckedChange={onCheckedChange}\n      disabled={disabled}\n      className=\"h-3.5 w-3.5\"\n    />\n    <Label\n      htmlFor={id}\n      className={cn(\n        'cursor-pointer text-xs font-normal',\n        disabled && 'cursor-not-allowed opacity-50',\n      )}\n    >\n      {label}\n    </Label>\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <HelpCircle className=\"text-muted-foreground h-3 w-3 cursor-help\" />\n      </TooltipTrigger>\n      <TooltipContent side=\"top\" className=\"max-w-[200px] text-xs\">\n        {tooltip}\n      </TooltipContent>\n    </Tooltip>\n  </div>\n);\n\nconst CreateTableForm: FC<CreateTableFormProps> = ({\n  query,\n  onClose,\n  onRequestClose,\n  editDataSource,\n  allowMultipleStatements = false,\n  showSchemaSelection = false,\n  onAddOrUpdateSqlQuery,\n  initialValues,\n  onSubmittingChange,\n  onRegisterCancel,\n}) => {\n  const connector = useStoreWithSqlEditor((state) => state.db.connector);\n  const createTableFromQuery = useStoreWithSqlEditor(\n    (state) => state.db.createTableFromQuery,\n  );\n  const refreshTableSchemas = useStoreWithSqlEditor(\n    (state) => state.db.refreshTableSchemas,\n  );\n  const tables = useStoreWithSqlEditor((state) => state.db.tables);\n  const currentSchema = useStoreWithSqlEditor(\n    (state) => state.db.currentSchema,\n  );\n  const currentDatabase = useStoreWithSqlEditor(\n    (state) => state.db.currentDatabase,\n  );\n\n  // Extract unique schemas and databases from tables (excluding system ones)\n  const {schemas, databases} = useMemo(() => {\n    const schemaSet = new Set<string>();\n    const databaseSet = new Set<string>();\n\n    for (const table of tables) {\n      if (table.table.schema && !table.table.schema.startsWith('pg_')) {\n        schemaSet.add(table.table.schema);\n      }\n      if (table.table.database) {\n        databaseSet.add(table.table.database);\n      }\n    }\n\n    // Ensure current schema/database are included\n    if (currentSchema) schemaSet.add(currentSchema);\n    if (currentDatabase) databaseSet.add(currentDatabase);\n\n    return {\n      schemas: Array.from(schemaSet).sort(),\n      databases: Array.from(databaseSet).sort(),\n    };\n  }, [tables, currentSchema, currentDatabase]);\n\n  const form = useForm<FormValues>({\n    resolver: zodResolver(formSchema as any),\n    defaultValues: {\n      tableName: editDataSource?.tableName ?? initialValues?.tableName ?? '',\n      query: editDataSource?.sqlQuery ?? query.trim(),\n      schema: initialValues?.schema ?? currentSchema,\n      database: initialValues?.database ?? currentDatabase,\n      replace: initialValues?.replace ?? false,\n      temp: initialValues?.temp ?? false,\n      view: initialValues?.view ?? false,\n    },\n  });\n\n  const isSubmitting = form.formState.isSubmitting;\n  const [isCancelling, setIsCancelling] = useState(false);\n  const abortControllerRef = useRef<AbortController | null>(null);\n\n  useEffect(() => {\n    return () => {\n      abortControllerRef.current?.abort();\n      abortControllerRef.current = null;\n    };\n  }, []);\n  useEffect(() => {\n    onSubmittingChange?.(isSubmitting);\n  }, [isSubmitting, onSubmittingChange]);\n\n  const onSubmit = useCallback(\n    async (values: FormValues) => {\n      const abortController = new AbortController();\n      abortControllerRef.current = abortController;\n      setIsCancelling(false);\n      try {\n        const {tableName, query, schema, database, replace, temp, view} =\n          values;\n\n        if (onAddOrUpdateSqlQuery) {\n          // Legacy path: use the callback\n          await onAddOrUpdateSqlQuery(\n            tableName,\n            query,\n            editDataSource?.tableName,\n            abortController.signal,\n          );\n        } else {\n          // New path: call createTableFromQuery directly\n          const qualifiedName =\n            schema || database\n              ? makeQualifiedTableName({table: tableName, schema, database})\n              : tableName;\n\n          await createTableFromQuery(qualifiedName, query, {\n            replace,\n            temp,\n            view,\n            allowMultipleStatements,\n            abortSignal: abortController.signal,\n          });\n\n          // Refresh table schemas to show the new table\n          await refreshTableSchemas();\n        }\n\n        form.reset();\n        onClose();\n      } catch (err) {\n        if (isAbortError(err)) {\n          return;\n        }\n        form.setError('root', {type: 'manual', message: `${err}`});\n      } finally {\n        abortControllerRef.current = null;\n        setIsCancelling(false);\n      }\n    },\n    [\n      onAddOrUpdateSqlQuery,\n      editDataSource?.tableName,\n      createTableFromQuery,\n      allowMultipleStatements,\n      refreshTableSchemas,\n      onClose,\n      form,\n    ],\n  );\n\n  const watchView = form.watch('view');\n  const watchTemp = form.watch('temp');\n  const watchTableName = form.watch('tableName');\n\n  const handleCancel = useCallback(async () => {\n    if (abortControllerRef.current) {\n      setIsCancelling(true);\n      abortControllerRef.current.abort();\n    }\n  }, []);\n  useEffect(() => {\n    onRegisterCancel?.(handleCancel);\n  }, [handleCancel, onRegisterCancel]);\n\n  return (\n    <TooltipProvider delayDuration={200}>\n      <Form {...form}>\n        <form onSubmit={form.handleSubmit(onSubmit)} className=\"space-y-4\">\n          <DialogHeader>\n            <DialogTitle>\n              {editDataSource\n                ? 'Edit table query'\n                : watchView\n                  ? 'Create view from query'\n                  : 'Create table from query'}\n            </DialogTitle>\n            {!editDataSource && (\n              <DialogDescription>\n                {watchView\n                  ? 'Create a new view from an SQL query.'\n                  : 'Create a new table from the results of an SQL query.'}\n              </DialogDescription>\n            )}\n          </DialogHeader>\n\n          {form.formState.errors.root && (\n            <Alert variant=\"destructive\">\n              <AlertDescription className=\"whitespace-pre-wrap font-mono text-xs\">\n                {form.formState.errors.root.message}\n              </AlertDescription>\n            </Alert>\n          )}\n\n          {/* Table name, schema, database in single row */}\n          <div className=\"flex items-start gap-3\">\n            <FormField\n              control={form.control}\n              name=\"tableName\"\n              render={({field}) => (\n                <FormItem className=\"min-w-0 flex-[2]\">\n                  <FormLabel className=\"text-xs\">\n                    {watchView ? 'View name' : 'Table name'}\n                  </FormLabel>\n                  <FormControl>\n                    <Input\n                      {...field}\n                      className=\"h-9 font-mono text-xs\"\n                      autoFocus\n                      disabled={isSubmitting}\n                    />\n                  </FormControl>\n                  <FormMessage className=\"text-xs\" />\n                </FormItem>\n              )}\n            />\n\n            {showSchemaSelection && (\n              <>\n                <FormField\n                  control={form.control}\n                  name=\"schema\"\n                  render={({field}) => (\n                    <FormItem className=\"min-w-0 flex-1\">\n                      <FormLabel className=\"text-xs\">Schema</FormLabel>\n                      <FormControl>\n                        <SchemaCombobox\n                          value={field.value}\n                          onChange={field.onChange}\n                          options={schemas}\n                          placeholder=\"Schema...\"\n                          searchPlaceholder=\"Search...\"\n                          emptyMessage=\"No schemas.\"\n                          disabled={isSubmitting}\n                        />\n                      </FormControl>\n                    </FormItem>\n                  )}\n                />\n\n                {(databases.length > 1 || watchTemp) && (\n                  <FormField\n                    control={form.control}\n                    name=\"database\"\n                    render={({field}) => (\n                      <FormItem className=\"min-w-0 flex-1\">\n                        <FormLabel className=\"text-xs\">Database</FormLabel>\n                        <FormControl>\n                          <SchemaCombobox\n                            value={watchTemp ? 'temp' : field.value}\n                            onChange={field.onChange}\n                            options={databases}\n                            placeholder=\"Database...\"\n                            searchPlaceholder=\"Search...\"\n                            emptyMessage=\"No databases.\"\n                            disabled={isSubmitting || watchTemp}\n                          />\n                        </FormControl>\n                      </FormItem>\n                    )}\n                  />\n                )}\n              </>\n            )}\n          </div>\n\n          <FormField\n            control={form.control}\n            name=\"query\"\n            render={({field}) => (\n              <FormItem className=\"relative flex h-[200px] flex-col\">\n                <FormControl>\n                  <SqlMonacoEditor\n                    connector={connector}\n                    value={field.value}\n                    onChange={field.onChange}\n                    className=\"absolute inset-0 h-full w-full\"\n                    options={{\n                      scrollBeyondLastLine: false,\n                      automaticLayout: true,\n                      minimap: {enabled: false},\n                      wordWrap: 'on',\n                      folding: false,\n                      lineNumbers: 'off',\n                      readOnly: isSubmitting,\n                      fixedOverflowWidgets: false, // default true doesn't work well in a modal\n                    }}\n                  />\n                </FormControl>\n                <FormMessage className=\"text-xs\" />\n              </FormItem>\n            )}\n          />\n\n          {/* Compact options row */}\n          {!onAddOrUpdateSqlQuery && (\n            <div className=\"flex items-center gap-6 rounded-md border px-3 py-2\">\n              <FormField\n                control={form.control}\n                name=\"view\"\n                render={({field}) => (\n                  <OptionCheckbox\n                    id=\"create-table-view\"\n                    label=\"View\"\n                    tooltip=\"Create a view instead of a table. Views store the query, not the data.\"\n                    checked={field.value}\n                    onCheckedChange={field.onChange}\n                    disabled={isSubmitting}\n                  />\n                )}\n              />\n\n              {/* <FormField\n                control={form.control}\n                name=\"temp\"\n                render={({field}) => (\n                  <OptionCheckbox\n                    id=\"create-table-temp\"\n                    label=\"Temporary\"\n                    tooltip={`${watchView ? 'View' : 'Table'} will be deleted when the session ends.`}\n                    checked={field.value}\n                    onCheckedChange={field.onChange}\n                    disabled={isSubmitting}\n                  />\n                )}\n              /> */}\n\n              <FormField\n                control={form.control}\n                name=\"replace\"\n                render={({field}) => (\n                  <OptionCheckbox\n                    id=\"create-table-replace\"\n                    label=\"Overwrite\"\n                    tooltip={`Overwrite existing ${watchView ? 'view' : 'table'} with the same name if it exists.`}\n                    checked={field.value}\n                    onCheckedChange={field.onChange}\n                    disabled={isSubmitting}\n                  />\n                )}\n              />\n            </div>\n          )}\n\n          <DialogFooter>\n            <Button type=\"button\" variant=\"outline\" onClick={onRequestClose}>\n              Close\n            </Button>\n            <Button\n              type={isSubmitting ? 'button' : 'submit'}\n              onClick={isSubmitting ? handleCancel : undefined}\n              disabled={isSubmitting ? isCancelling : !watchTableName?.trim()}\n            >\n              {isSubmitting && <Spinner className=\"mr-2\" />}\n              {isSubmitting\n                ? isCancelling\n                  ? 'Cancelling...'\n                  : 'Cancel'\n                : editDataSource\n                  ? 'Update'\n                  : 'Create'}\n            </Button>\n          </DialogFooter>\n        </form>\n      </Form>\n    </TooltipProvider>\n  );\n};\n\nconst CreateTableModal: FC<CreateTableModalProps> = (props) => {\n  const {\n    isOpen,\n    onClose,\n    query,\n    editDataSource,\n    allowMultipleStatements,\n    showSchemaSelection,\n    onAddOrUpdateSqlQuery,\n    className,\n    initialValues,\n  } = props;\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const [isConfirmOpen, setIsConfirmOpen] = useState(false);\n  const cancelRef = useRef<(() => void) | null>(null);\n\n  const resetState = useCallback(() => {\n    setIsSubmitting(false);\n    setIsConfirmOpen(false);\n    cancelRef.current = null;\n  }, []);\n\n  const handleClose = useCallback(() => {\n    resetState();\n    onClose();\n  }, [onClose, resetState]);\n\n  const handleRequestClose = useCallback(() => {\n    if (!isSubmitting) {\n      handleClose();\n      return;\n    }\n    setIsConfirmOpen(true);\n  }, [handleClose, isSubmitting]);\n\n  const handleConfirmClose = useCallback(() => {\n    cancelRef.current?.();\n    handleClose();\n  }, [handleClose]);\n\n  return (\n    <Dialog\n      open={isOpen}\n      onOpenChange={(open) => {\n        if (!open) {\n          handleRequestClose();\n        }\n      }}\n    >\n      <DialogContent className={cn('w-3xl max-w-[80%]', className)}>\n        {isOpen && (\n          <CreateTableForm\n            query={query}\n            onClose={handleClose}\n            onRequestClose={handleRequestClose}\n            editDataSource={editDataSource}\n            allowMultipleStatements={allowMultipleStatements}\n            showSchemaSelection={showSchemaSelection}\n            onAddOrUpdateSqlQuery={onAddOrUpdateSqlQuery}\n            initialValues={initialValues}\n            onSubmittingChange={setIsSubmitting}\n            onRegisterCancel={(cancel) => {\n              cancelRef.current = cancel;\n            }}\n          />\n        )}\n      </DialogContent>\n      <Dialog open={isConfirmOpen} onOpenChange={setIsConfirmOpen}>\n        <DialogContent className=\"max-w-md\">\n          <DialogHeader>\n            <DialogTitle>Cancel running query?</DialogTitle>\n            <DialogDescription>\n              A query is still running. Cancelling it will stop the query and\n              close this dialog.\n            </DialogDescription>\n          </DialogHeader>\n          <DialogFooter>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={() => setIsConfirmOpen(false)}\n            >\n              Keep running\n            </Button>\n            <Button type=\"button\" onClick={handleConfirmClose}>\n              Cancel & close\n            </Button>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n    </Dialog>\n  );\n};\n\nexport default CreateTableModal;\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"QueryEditorPanelActions.d.ts","sourceRoot":"","sources":["../../src/components/QueryEditorPanelActions.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,CAgFlE,CAAC"}
+{"version":3,"file":"QueryEditorPanelActions.d.ts","sourceRoot":"","sources":["../../src/components/QueryEditorPanelActions.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,CAoFlE,CAAC"}

package/dist/components/QueryEditorPanelActions.js

@@ -6,10 +6,14 @@ import { useStoreWithSqlEditor } from '../SqlEditorSlice';
 export const QueryEditorPanelActions = ({ className, }) => {
     const runCurrentQuery = useStoreWithSqlEditor((s) => s.sqlEditor.parseAndRunCurrentQuery);
     const abortCurrentQuery = useStoreWithSqlEditor((s) => s.sqlEditor.abortCurrentQuery);
-    const queryResult = useStoreWithSqlEditor((s) => s.sqlEditor.queryResult);
+    const selectedQueryResult = useStoreWithSqlEditor((s) => {
+        const selectedId = s.sqlEditor.config.selectedQueryId;
+        return s.sqlEditor.queryResultsById[selectedId];
+    });
     const isMac = isMacOS();
-    const isLoading = queryResult?.status === 'loading';
-    const isAborted = queryResult?.status === 'loading' && queryResult.isBeingAborted;
+    const isLoading = selectedQueryResult?.status === 'loading';
+    const isAborted = selectedQueryResult?.status === 'loading' &&
+        selectedQueryResult.isBeingAborted;
     const handleClick = () => {
         if (isLoading) {
             abortCurrentQuery();

package/dist/components/QueryEditorPanelActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryEditorPanelActions.js","sourceRoot":"","sources":["../../src/components/QueryEditorPanelActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,EACN,EAAE,EACF,OAAO,EACP,cAAc,EACd,cAAc,GACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,OAAO,EAAC,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAC,OAAO,EAAE,YAAY,EAAC,MAAM,cAAc,CAAC;AAEnD,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,WAAW,GAAG,qBAAqB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC1E,MAAM,KAAK,GAAG,OAAO,EAAE,CAAC;IAExB,MAAM,SAAS,GAAG,WAAW,EAAE,MAAM,KAAK,SAAS,CAAC;IACpD,MAAM,SAAS,GACb,WAAW,EAAE,MAAM,KAAK,SAAS,IAAI,WAAW,CAAC,cAAc,CAAC;IAElE,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,SAAS,EAAE,CAAC;YACd,iBAAiB,EAAE,CAAC;QACtB,CAAC;aAAM,CAAC;YACN,eAAe,EAAE,CAAC;QACpB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAKvB,EAAE;QACF,IAAI,SAAS,EAAE,CAAC;YACd,IAAI,SAAS,EAAE,CAAC;gBACd,OAAO;oBACL,IAAI,EAAE,KAAC,OAAO,IAAC,SAAS,EAAC,sBAAsB,GAAG;oBAClD,IAAI,EAAE,eAAe;oBACrB,QAAQ,EAAE,IAAI;iBACf,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACN,OAAO;oBACL,IAAI,EAAE,KAAC,OAAO,IAAC,SAAS,EAAC,sBAAsB,GAAG;oBAClD,IAAI,EAAE,QAAQ;oBACd,QAAQ,EAAE,KAAK;oBACf,SAAS,EAAE,KAAC,YAAY,IAAC,SAAS,EAAC,SAAS,GAAG;iBAChD,CAAC;YACJ,CAAC;QACH,CAAC;aAAM,CAAC;YACN,OAAO;gBACL,IAAI,EAAE,KAAK;gBACX,QAAQ,EAAE,KAAK;aAChB,CAAC;QACJ,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IAEzC,OAAO,CACL,MAAC,OAAO,IAAC,aAAa,EAAE,GAAG,aACzB,KAAC,cAAc,IAAC,OAAO,kBACrB,MAAC,MAAM,IACL,SAAS,EAAE,EAAE,CACX,iDAAiD,EACjD,SAAS,CACV,EACD,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,aAAa,CAAC,QAAQ,aAE/B,aAAa,EAAE,IAAI,EACpB,yBAAO,aAAa,CAAC,IAAI,GAAQ,EAChC,aAAa,CAAC,SAAS,IACjB,GACM,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 {\n  Button,\n  cn,\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from '@sqlrooms/ui';\nimport {isMacOS} from '@sqlrooms/utils';\nimport {Loader2, OctagonXIcon} from 'lucide-react';\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 queryResult = useStoreWithSqlEditor((s) => s.sqlEditor.queryResult);\n  const isMac = isMacOS();\n\n  const isLoading = queryResult?.status === 'loading';\n  const isAborted =\n    queryResult?.status === 'loading' && queryResult.isBeingAborted;\n\n  const handleClick = () => {\n    if (isLoading) {\n      abortCurrentQuery();\n    } else {\n      runCurrentQuery();\n    }\n  };\n\n  const getButtonContent = (): {\n    icon?: React.ReactNode;\n    text: string;\n    disabled: boolean;\n    rightIcon?: React.ReactNode;\n  } => {\n    if (isLoading) {\n      if (isAborted) {\n        return {\n          icon: <Loader2 className=\"h-3 w-3 animate-spin\" />,\n          text: 'Cancelling...',\n          disabled: true,\n        };\n      } else {\n        return {\n          icon: <Loader2 className=\"h-3 w-3 animate-spin\" />,\n          text: 'Cancel',\n          disabled: false,\n          rightIcon: <OctagonXIcon className=\"h-3 w-3\" />,\n        };\n      }\n    } else {\n      return {\n        text: 'Run',\n        disabled: false,\n      };\n    }\n  };\n\n  const buttonContent = getButtonContent();\n\n  return (\n    <Tooltip delayDuration={100}>\n      <TooltipTrigger asChild>\n        <Button\n          className={cn(\n            'flex h-6 items-center justify-center gap-2 px-4',\n            className,\n          )}\n          variant=\"default\"\n          size=\"xs\"\n          onClick={handleClick}\n          disabled={buttonContent.disabled}\n        >\n          {buttonContent?.icon}\n          <span>{buttonContent.text}</span>\n          {buttonContent.rightIcon}\n        </Button>\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":"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","sourcesContent":["import {\n  Button,\n  cn,\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from '@sqlrooms/ui';\nimport {isMacOS} from '@sqlrooms/utils';\nimport {Loader2, OctagonXIcon} from 'lucide-react';\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 handleClick = () => {\n    if (isLoading) {\n      abortCurrentQuery();\n    } else {\n      runCurrentQuery();\n    }\n  };\n\n  const getButtonContent = (): {\n    icon?: React.ReactNode;\n    text: string;\n    disabled: boolean;\n    rightIcon?: React.ReactNode;\n  } => {\n    if (isLoading) {\n      if (isAborted) {\n        return {\n          icon: <Loader2 className=\"h-3 w-3 animate-spin\" />,\n          text: 'Cancelling...',\n          disabled: true,\n        };\n      } else {\n        return {\n          icon: <Loader2 className=\"h-3 w-3 animate-spin\" />,\n          text: 'Cancel',\n          disabled: false,\n          rightIcon: <OctagonXIcon className=\"h-3 w-3\" />,\n        };\n      }\n    } else {\n      return {\n        text: 'Run',\n        disabled: false,\n      };\n    }\n  };\n\n  const buttonContent = getButtonContent();\n\n  return (\n    <Tooltip delayDuration={100}>\n      <TooltipTrigger asChild>\n        <Button\n          className={cn(\n            'flex h-6 items-center justify-center gap-2 px-4',\n            className,\n          )}\n          variant=\"default\"\n          size=\"xs\"\n          onClick={handleClick}\n          disabled={buttonContent.disabled}\n        >\n          {buttonContent?.icon}\n          <span>{buttonContent.text}</span>\n          {buttonContent.rightIcon}\n        </Button>\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"]}

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

@@ -1 +1 @@
-{"version":3,"file":"QueryEditorPanelTabsList.d.ts","sourceRoot":"","sources":["../../src/components/QueryEditorPanelTabsList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,CAgInE,CAAC"}
+{"version":3,"file":"QueryEditorPanelTabsList.d.ts","sourceRoot":"","sources":["../../src/components/QueryEditorPanelTabsList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,CAuInE,CAAC"}

package/dist/components/QueryEditorPanelTabsList.js

@@ -46,6 +46,6 @@ export const QueryEditorPanelTabsList = ({ className, }) => {
             setQueryToDelete(null);
         }
     }, [queryToDelete, deleteQueryTab]);
-    return (_jsxs(_Fragment, { children: [_jsx(TabStrip, { className: className, tabs: queries, openTabs: openTabs, selectedTabId: selectedQueryId, onClose: closeQueryTab, onOpenTabsChange: setOpenTabs, onSelect: setSelectedQueryId, onCreate: createQueryTab, onRename: renameQueryTab, renderTabMenu: (tab) => (_jsxs(_Fragment, { children: [_jsxs(TabStrip.MenuItem, { onClick: () => handleRenameRequest(tab.id), children: [_jsx(PencilIcon, { className: "mr-2 h-4 w-4" }), "Rename"] }), _jsx(TabStrip.MenuSeparator, {}), _jsxs(TabStrip.MenuItem, { variant: "destructive", onClick: () => handleDelete(tab.id), children: [_jsx(TrashIcon, { className: "mr-2 h-4 w-4" }), "Delete"] })] })), renderSearchItemActions: (tab) => (_jsxs(_Fragment, { children: [_jsx(TabStrip.SearchItemAction, { icon: _jsx(PencilIcon, { className: "h-3 w-3", size: 5 }), "aria-label": `Rename ${tab.name}`, onClick: () => handleRenameRequest(tab.id) }), _jsx(TabStrip.SearchItemAction, { icon: _jsx(TrashIcon, { className: "h-3 w-3" }), "aria-label": `Delete ${tab.name}`, onClick: () => handleDelete(tab.id) })] })) }), _jsx(DeleteSqlQueryModal, { isOpen: queryToDelete !== null, onClose: () => setQueryToDelete(null), onConfirm: handleConfirmDelete }), _jsx(RenameSqlQueryModal, { isOpen: queryToRename !== null, onClose: () => setQueryToRename(null), initialName: queryToRename?.name ?? '', onRename: handleFinishRename })] }));
+    return (_jsxs(_Fragment, { children: [_jsxs(TabStrip, { className: className, tabs: queries, openTabs: openTabs, selectedTabId: selectedQueryId, onClose: closeQueryTab, onOpenTabsChange: setOpenTabs, onSelect: setSelectedQueryId, onCreate: createQueryTab, onRename: renameQueryTab, renderTabMenu: (tab) => (_jsxs(_Fragment, { children: [_jsxs(TabStrip.MenuItem, { onClick: () => handleRenameRequest(tab.id), children: [_jsx(PencilIcon, { className: "mr-2 h-4 w-4" }), "Rename"] }), _jsx(TabStrip.MenuSeparator, {}), _jsxs(TabStrip.MenuItem, { variant: "destructive", onClick: () => handleDelete(tab.id), children: [_jsx(TrashIcon, { className: "mr-2 h-4 w-4" }), "Delete"] })] })), renderSearchItemActions: (tab) => (_jsxs(_Fragment, { children: [_jsx(TabStrip.SearchItemAction, { icon: _jsx(PencilIcon, { className: "h-3 w-3", size: 5 }), "aria-label": `Rename ${tab.name}`, onClick: () => handleRenameRequest(tab.id) }), _jsx(TabStrip.SearchItemAction, { icon: _jsx(TrashIcon, { className: "h-3 w-3" }), "aria-label": `Delete ${tab.name}`, onClick: () => handleDelete(tab.id) })] })), children: [_jsx(TabStrip.SearchDropdown, { sortSearchItems: "recent", getTabLastOpenedAt: (tab) => tab.lastOpenedAt }), _jsx(TabStrip.Tabs, {}), _jsx(TabStrip.NewButton, {})] }), _jsx(DeleteSqlQueryModal, { isOpen: queryToDelete !== null, onClose: () => setQueryToDelete(null), onConfirm: handleConfirmDelete }), _jsx(RenameSqlQueryModal, { isOpen: queryToRename !== null, onClose: () => setQueryToRename(null), initialName: queryToRename?.name ?? '', onRename: handleFinishRename })] }));
 };
 //# sourceMappingURL=QueryEditorPanelTabsList.js.map

package/dist/components/QueryEditorPanelTabsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryEditorPanelTabsList.js","sourceRoot":"","sources":["../../src/components/QueryEditorPanelTabsList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AACtC,OAAO,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AACnD,OAAc,EAAC,WAAW,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACnD,OAAO,EAAC,qBAAqB,EAAC,MAAM,mBAAmB,CAAC;AACxD,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAExD,MAAM,CAAC,MAAM,wBAAwB,GAAmC,CAAC,EACvE,SAAS,GACV,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,qBAAqB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACzE,MAAM,QAAQ,GAAG,qBAAqB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC3E,MAAM,eAAe,GAAG,qBAAqB,CAC3C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAC1C,CAAC;IAEF,MAAM,cAAc,GAAG,qBAAqB,CAC1C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,cAAc,CAClC,CAAC;IACF,MAAM,aAAa,GAAG,qBAAqB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IAC9E,MAAM,kBAAkB,GAAG,qBAAqB,CAC9C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,kBAAkB,CACtC,CAAC;IACF,MAAM,cAAc,GAAG,qBAAqB,CAC1C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,cAAc,CAClC,CAAC;IACF,MAAM,cAAc,GAAG,qBAAqB,CAC1C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,cAAc,CAClC,CAAC;IACF,MAAM,WAAW,GAAG,qBAAqB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAE1E,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACxE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAGxC,IAAI,CAAC,CAAC;IAEhB,MAAM,mBAAmB,GAAG,WAAW,CACrC,CAAC,OAAe,EAAE,EAAE;QAClB,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,OAAO,CAAC,CAAC;QACpD,IAAI,KAAK,EAAE,CAAC;YACV,gBAAgB,CAAC,EAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAC,CAAC,CAAC;QACpD,CAAC;IACH,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,OAAe,EAAE,EAAE;QAClB,IAAI,aAAa,EAAE,CAAC;YAClB,cAAc,CAAC,aAAa,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;QAC5C,CAAC;QACD,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,EACD,CAAC,aAAa,EAAE,cAAc,CAAC,CAChC,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,OAAe,EAAE,EAAE;QAClB,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,OAAO,CAAC,CAAC;QACpD,0EAA0E;QAC1E,IAAI,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;YACvC,cAAc,CAAC,OAAO,CAAC,CAAC;QAC1B,CAAC;aAAM,CAAC;YACN,qCAAqC;YACrC,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC,EACD,CAAC,OAAO,EAAE,cAAc,CAAC,CAC1B,CAAC;IAEF,MAAM,mBAAmB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3C,IAAI,aAAa,EAAE,CAAC;YAClB,cAAc,CAAC,aAAa,CAAC,CAAC;YAC9B,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,8BACE,KAAC,QAAQ,IACP,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,OAAO,EACb,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,eAAe,EAC9B,OAAO,EAAE,aAAa,EACtB,gBAAgB,EAAE,WAAW,EAC7B,QAAQ,EAAE,kBAAkB,EAC5B,QAAQ,EAAE,cAAc,EACxB,QAAQ,EAAE,cAAc,EACxB,aAAa,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CACtB,8BACE,MAAC,QAAQ,CAAC,QAAQ,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,GAAG,CAAC,EAAE,CAAC,aAC3D,KAAC,UAAU,IAAC,SAAS,EAAC,cAAc,GAAG,cAErB,EACpB,KAAC,QAAQ,CAAC,aAAa,KAAG,EAC1B,MAAC,QAAQ,CAAC,QAAQ,IAChB,OAAO,EAAC,aAAa,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC,aAEnC,KAAC,SAAS,IAAC,SAAS,EAAC,cAAc,GAAG,cAEpB,IACnB,CACJ,EACD,uBAAuB,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAChC,8BACE,KAAC,QAAQ,CAAC,gBAAgB,IACxB,IAAI,EAAE,KAAC,UAAU,IAAC,SAAS,EAAC,SAAS,EAAC,IAAI,EAAE,CAAC,GAAI,gBACrC,UAAU,GAAG,CAAC,IAAI,EAAE,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,GAAG,CAAC,EAAE,CAAC,GAC1C,EACF,KAAC,QAAQ,CAAC,gBAAgB,IACxB,IAAI,EAAE,KAAC,SAAS,IAAC,SAAS,EAAC,SAAS,GAAG,gBAC3B,UAAU,GAAG,CAAC,IAAI,EAAE,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC,GACnC,IACD,CACJ,GACD,EAEF,KAAC,mBAAmB,IAClB,MAAM,EAAE,aAAa,KAAK,IAAI,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,EACrC,SAAS,EAAE,mBAAmB,GAC9B,EACF,KAAC,mBAAmB,IAClB,MAAM,EAAE,aAAa,KAAK,IAAI,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,EACrC,WAAW,EAAE,aAAa,EAAE,IAAI,IAAI,EAAE,EACtC,QAAQ,EAAE,kBAAkB,GAC5B,IACD,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {TabStrip} from '@sqlrooms/ui';\nimport {PencilIcon, TrashIcon} from 'lucide-react';\nimport React, {useCallback, useState} from 'react';\nimport {useStoreWithSqlEditor} from '../SqlEditorSlice';\nimport DeleteSqlQueryModal from './DeleteSqlQueryModal';\nimport RenameSqlQueryModal from './RenameSqlQueryModal';\n\nexport const QueryEditorPanelTabsList: React.FC<{className?: string}> = ({\n  className,\n}) => {\n  const queries = useStoreWithSqlEditor((s) => s.sqlEditor.config.queries);\n  const openTabs = useStoreWithSqlEditor((s) => s.sqlEditor.config.openTabs);\n  const selectedQueryId = useStoreWithSqlEditor(\n    (s) => s.sqlEditor.config.selectedQueryId,\n  );\n\n  const renameQueryTab = useStoreWithSqlEditor(\n    (s) => s.sqlEditor.renameQueryTab,\n  );\n  const closeQueryTab = useStoreWithSqlEditor((s) => s.sqlEditor.closeQueryTab);\n  const setSelectedQueryId = useStoreWithSqlEditor(\n    (s) => s.sqlEditor.setSelectedQueryId,\n  );\n  const createQueryTab = useStoreWithSqlEditor(\n    (s) => s.sqlEditor.createQueryTab,\n  );\n  const deleteQueryTab = useStoreWithSqlEditor(\n    (s) => s.sqlEditor.deleteQueryTab,\n  );\n  const setOpenTabs = useStoreWithSqlEditor((s) => s.sqlEditor.setOpenTabs);\n\n  const [queryToDelete, setQueryToDelete] = useState<string | null>(null);\n  const [queryToRename, setQueryToRename] = useState<{\n    id: string;\n    name: string;\n  } | null>(null);\n\n  const handleRenameRequest = useCallback(\n    (queryId: string) => {\n      const query = queries.find((q) => q.id === queryId);\n      if (query) {\n        setQueryToRename({id: queryId, name: query.name});\n      }\n    },\n    [queries],\n  );\n\n  const handleFinishRename = useCallback(\n    (newName: string) => {\n      if (queryToRename) {\n        renameQueryTab(queryToRename.id, newName);\n      }\n      setQueryToRename(null);\n    },\n    [queryToRename, renameQueryTab],\n  );\n\n  const handleDelete = useCallback(\n    (queryId: string) => {\n      const query = queries.find((q) => q.id === queryId);\n      // If query is empty (no content), delete immediately without confirmation\n      if (query && query.query.trim() === '') {\n        deleteQueryTab(queryId);\n      } else {\n        // Otherwise, show confirmation modal\n        setQueryToDelete(queryId);\n      }\n    },\n    [queries, deleteQueryTab],\n  );\n\n  const handleConfirmDelete = useCallback(() => {\n    if (queryToDelete) {\n      deleteQueryTab(queryToDelete);\n      setQueryToDelete(null);\n    }\n  }, [queryToDelete, deleteQueryTab]);\n\n  return (\n    <>\n      <TabStrip\n        className={className}\n        tabs={queries}\n        openTabs={openTabs}\n        selectedTabId={selectedQueryId}\n        onClose={closeQueryTab}\n        onOpenTabsChange={setOpenTabs}\n        onSelect={setSelectedQueryId}\n        onCreate={createQueryTab}\n        onRename={renameQueryTab}\n        renderTabMenu={(tab) => (\n          <>\n            <TabStrip.MenuItem onClick={() => handleRenameRequest(tab.id)}>\n              <PencilIcon className=\"mr-2 h-4 w-4\" />\n              Rename\n            </TabStrip.MenuItem>\n            <TabStrip.MenuSeparator />\n            <TabStrip.MenuItem\n              variant=\"destructive\"\n              onClick={() => handleDelete(tab.id)}\n            >\n              <TrashIcon className=\"mr-2 h-4 w-4\" />\n              Delete\n            </TabStrip.MenuItem>\n          </>\n        )}\n        renderSearchItemActions={(tab) => (\n          <>\n            <TabStrip.SearchItemAction\n              icon={<PencilIcon className=\"h-3 w-3\" size={5} />}\n              aria-label={`Rename ${tab.name}`}\n              onClick={() => handleRenameRequest(tab.id)}\n            />\n            <TabStrip.SearchItemAction\n              icon={<TrashIcon className=\"h-3 w-3\" />}\n              aria-label={`Delete ${tab.name}`}\n              onClick={() => handleDelete(tab.id)}\n            />\n          </>\n        )}\n      />\n\n      <DeleteSqlQueryModal\n        isOpen={queryToDelete !== null}\n        onClose={() => setQueryToDelete(null)}\n        onConfirm={handleConfirmDelete}\n      />\n      <RenameSqlQueryModal\n        isOpen={queryToRename !== null}\n        onClose={() => setQueryToRename(null)}\n        initialName={queryToRename?.name ?? ''}\n        onRename={handleFinishRename}\n      />\n    </>\n  );\n};\n"]}
+{"version":3,"file":"QueryEditorPanelTabsList.js","sourceRoot":"","sources":["../../src/components/QueryEditorPanelTabsList.tsx"],"names":[],"mappings":"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","sourcesContent":["import {TabStrip} from '@sqlrooms/ui';\nimport {PencilIcon, TrashIcon} from 'lucide-react';\nimport React, {useCallback, useState} from 'react';\nimport {useStoreWithSqlEditor} from '../SqlEditorSlice';\nimport DeleteSqlQueryModal from './DeleteSqlQueryModal';\nimport RenameSqlQueryModal from './RenameSqlQueryModal';\n\nexport const QueryEditorPanelTabsList: React.FC<{className?: string}> = ({\n  className,\n}) => {\n  const queries = useStoreWithSqlEditor((s) => s.sqlEditor.config.queries);\n  const openTabs = useStoreWithSqlEditor((s) => s.sqlEditor.config.openTabs);\n  const selectedQueryId = useStoreWithSqlEditor(\n    (s) => s.sqlEditor.config.selectedQueryId,\n  );\n\n  const renameQueryTab = useStoreWithSqlEditor(\n    (s) => s.sqlEditor.renameQueryTab,\n  );\n  const closeQueryTab = useStoreWithSqlEditor((s) => s.sqlEditor.closeQueryTab);\n  const setSelectedQueryId = useStoreWithSqlEditor(\n    (s) => s.sqlEditor.setSelectedQueryId,\n  );\n  const createQueryTab = useStoreWithSqlEditor(\n    (s) => s.sqlEditor.createQueryTab,\n  );\n  const deleteQueryTab = useStoreWithSqlEditor(\n    (s) => s.sqlEditor.deleteQueryTab,\n  );\n  const setOpenTabs = useStoreWithSqlEditor((s) => s.sqlEditor.setOpenTabs);\n\n  const [queryToDelete, setQueryToDelete] = useState<string | null>(null);\n  const [queryToRename, setQueryToRename] = useState<{\n    id: string;\n    name: string;\n  } | null>(null);\n\n  const handleRenameRequest = useCallback(\n    (queryId: string) => {\n      const query = queries.find((q) => q.id === queryId);\n      if (query) {\n        setQueryToRename({id: queryId, name: query.name});\n      }\n    },\n    [queries],\n  );\n\n  const handleFinishRename = useCallback(\n    (newName: string) => {\n      if (queryToRename) {\n        renameQueryTab(queryToRename.id, newName);\n      }\n      setQueryToRename(null);\n    },\n    [queryToRename, renameQueryTab],\n  );\n\n  const handleDelete = useCallback(\n    (queryId: string) => {\n      const query = queries.find((q) => q.id === queryId);\n      // If query is empty (no content), delete immediately without confirmation\n      if (query && query.query.trim() === '') {\n        deleteQueryTab(queryId);\n      } else {\n        // Otherwise, show confirmation modal\n        setQueryToDelete(queryId);\n      }\n    },\n    [queries, deleteQueryTab],\n  );\n\n  const handleConfirmDelete = useCallback(() => {\n    if (queryToDelete) {\n      deleteQueryTab(queryToDelete);\n      setQueryToDelete(null);\n    }\n  }, [queryToDelete, deleteQueryTab]);\n\n  return (\n    <>\n      <TabStrip\n        className={className}\n        tabs={queries}\n        openTabs={openTabs}\n        selectedTabId={selectedQueryId}\n        onClose={closeQueryTab}\n        onOpenTabsChange={setOpenTabs}\n        onSelect={setSelectedQueryId}\n        onCreate={createQueryTab}\n        onRename={renameQueryTab}\n        renderTabMenu={(tab) => (\n          <>\n            <TabStrip.MenuItem onClick={() => handleRenameRequest(tab.id)}>\n              <PencilIcon className=\"mr-2 h-4 w-4\" />\n              Rename\n            </TabStrip.MenuItem>\n            <TabStrip.MenuSeparator />\n            <TabStrip.MenuItem\n              variant=\"destructive\"\n              onClick={() => handleDelete(tab.id)}\n            >\n              <TrashIcon className=\"mr-2 h-4 w-4\" />\n              Delete\n            </TabStrip.MenuItem>\n          </>\n        )}\n        renderSearchItemActions={(tab) => (\n          <>\n            <TabStrip.SearchItemAction\n              icon={<PencilIcon className=\"h-3 w-3\" size={5} />}\n              aria-label={`Rename ${tab.name}`}\n              onClick={() => handleRenameRequest(tab.id)}\n            />\n            <TabStrip.SearchItemAction\n              icon={<TrashIcon className=\"h-3 w-3\" />}\n              aria-label={`Delete ${tab.name}`}\n              onClick={() => handleDelete(tab.id)}\n            />\n          </>\n        )}\n      >\n        <TabStrip.SearchDropdown\n          sortSearchItems=\"recent\"\n          getTabLastOpenedAt={(tab) => tab.lastOpenedAt as number | undefined}\n        />\n        <TabStrip.Tabs />\n        <TabStrip.NewButton />\n      </TabStrip>\n\n      <DeleteSqlQueryModal\n        isOpen={queryToDelete !== null}\n        onClose={() => setQueryToDelete(null)}\n        onConfirm={handleConfirmDelete}\n      />\n      <RenameSqlQueryModal\n        isOpen={queryToRename !== null}\n        onClose={() => setQueryToRename(null)}\n        initialName={queryToRename?.name ?? ''}\n        onRename={handleFinishRename}\n      />\n    </>\n  );\n};\n"]}

package/dist/components/QueryResultPanel.d.ts

@@ -22,7 +22,10 @@ export interface QueryResultPanelProps {
         row: Row<any>;
         event: React.MouseEvent<HTMLTableRowElement>;
     }) => void;
+    /** Custom content to render in the error state (e.g., QueryResultPanel.AskAi) */
+    children?: React.ReactNode;
     /**
+     * @deprecated Use children with QueryResultPanel.AskAi instead
      * Called when the "Ask AI" button is clicked on an error message.
      * Receives the current query and error text.
      */
@@ -30,5 +33,17 @@ export interface QueryResultPanelProps {
     /** Custom value formatter for arrow data */
     formatValue?: ArrowDataTableValueFormatter;
 }
-export declare const QueryResultPanel: React.FC<QueryResultPanelProps>;
+export interface QueryResultPanelAskAiProps {
+    /** Called when clicked with the current query and error message */
+    onClick?: (query: string, error: string) => void;
+    /** Custom icon (defaults to MessageCircleQuestion) */
+    icon?: React.ReactNode;
+    /** Custom className */
+    className?: string;
+    /** Tooltip text to display on hover */
+    tooltipContent?: string;
+}
+export declare const QueryResultPanel: React.FC<QueryResultPanelProps> & {
+    AskAi: React.ForwardRefExoticComponent<QueryResultPanelAskAiProps & React.RefAttributes<HTMLButtonElement>>;
+};
 //# sourceMappingURL=QueryResultPanel.d.ts.map