@prismiq/react 0.1.1 → 0.2.0

package/dist/{chunk-WWTT2OJ5.js → chunk-HKZFEXT6.js}

@@ -1,4 +1,3 @@
-import * as XLSX from 'xlsx';
 import { useState, useMemo, useCallback } from 'react';
 
 // src/export/csv.ts
@@ -96,6 +95,18 @@ function exportToCSV(data, options) {
   const fullFilename = filename.endsWith(".csv") ? filename : `${filename}.csv`;
   downloadFile(csv, fullFilename, "text/csv;charset=utf-8");
 }
+
+// src/export/excel.ts
+async function loadXLSX() {
+  try {
+    return await import('xlsx');
+  } catch (err) {
+    const detail = err instanceof Error ? `: ${err.message}` : "";
+    throw new Error(
+      `xlsx is required for Excel export. Install it with: npm install xlsx${detail}`
+    );
+  }
+}
 function isQueryResult2(data) {
   return typeof data === "object" && data !== null && "columns" in data && "rows" in data && Array.isArray(data.columns) && Array.isArray(data.rows);
 }
@@ -127,7 +138,8 @@ function calculateColumnWidth(values) {
   }
   return Math.min(Math.max(maxLength + 2, 8), 50);
 }
-function exportToExcel(data, options) {
+async function exportToExcel(data, options) {
+  const XLSX = await loadXLSX();
   const { columns: allColumns, rows } = normalizeData2(data);
   const exportColumns = options?.columns ?? allColumns;
   const workbook = XLSX.utils.book_new();
@@ -148,7 +160,7 @@ function exportToExcel(data, options) {
   }
   const worksheet = XLSX.utils.aoa_to_sheet(wsData);
   const colWidths = exportColumns.map((col, index) => {
-    if (options?.columnWidths?.[col]) {
+    if (options?.columnWidths?.[col] !== void 0) {
       return { wch: options.columnWidths[col] };
     }
     const columnValues = [headers[index], ...rows.map((r) => r[col])];
@@ -164,7 +176,8 @@ function exportToExcel(data, options) {
   const fullFilename = filename.endsWith(".xlsx") ? filename : `${filename}.xlsx`;
   XLSX.writeFile(workbook, fullFilename);
 }
-function exportMultipleSheets(sheets, filename) {
+async function exportMultipleSheets(sheets, filename) {
+  const XLSX = await loadXLSX();
   const workbook = XLSX.utils.book_new();
   for (const [sheetName, data] of Object.entries(sheets)) {
     const { columns, rows } = normalizeData2(data);
@@ -196,6 +209,7 @@ function exportMultipleSheets(sheets, filename) {
 function useExport(options) {
   const { data, filename, columns, headers } = options;
   const [isExporting, setIsExporting] = useState(false);
+  const [error, setError] = useState(null);
   const canExport = useMemo(() => {
     return data !== null && data.rows.length > 0;
   }, [data]);
@@ -218,9 +232,10 @@ function useExport(options) {
       setIsExporting(false);
     }
   }, [canExport, data, generateFilename, columns, headers]);
-  const handleExportExcel = useCallback((excelOptions) => {
+  const handleExportExcel = useCallback(async (excelOptions) => {
     if (!canExport || !data) return;
     setIsExporting(true);
+    setError(null);
     try {
       const exportOptions = {
         filename: generateFilename(),
@@ -228,7 +243,9 @@ function useExport(options) {
         headers,
         ...excelOptions
       };
-      exportToExcel(data, exportOptions);
+      await exportToExcel(data, exportOptions);
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error(String(err)));
     } finally {
       setIsExporting(false);
     }
@@ -237,10 +254,11 @@ function useExport(options) {
     exportCSV: handleExportCSV,
     exportExcel: handleExportExcel,
     isExporting,
-    canExport
+    canExport,
+    error
   };
 }
 
 export { downloadFile, exportMultipleSheets, exportToCSV, exportToExcel, generateCSV, useExport };
-//# sourceMappingURL=chunk-WWTT2OJ5.js.map
-//# sourceMappingURL=chunk-WWTT2OJ5.js.map
+//# sourceMappingURL=chunk-HKZFEXT6.js.map
+//# sourceMappingURL=chunk-HKZFEXT6.js.map

package/dist/chunk-HKZFEXT6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/export/csv.ts","../src/export/excel.ts","../src/export/useExport.ts"],"names":["isQueryResult","normalizeData"],"mappings":"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","file":"chunk-HKZFEXT6.js","sourcesContent":["/**\n * CSV export functionality.\n */\n\nimport type { QueryResult } from '../types';\nimport type { ExportData, ExportOptions } from './types';\n\n/**\n * Check if data is a QueryResult.\n */\nfunction isQueryResult(data: ExportData): data is QueryResult {\n  return (\n    typeof data === 'object' &&\n    data !== null &&\n    'columns' in data &&\n    'rows' in data &&\n    Array.isArray((data as QueryResult).columns) &&\n    Array.isArray((data as QueryResult).rows)\n  );\n}\n\n/**\n * Convert data to array of objects format.\n */\nfunction normalizeData(data: ExportData): {\n  columns: string[];\n  rows: Record<string, unknown>[];\n} {\n  if (isQueryResult(data)) {\n    const rows = data.rows.map((row) => {\n      const obj: Record<string, unknown> = {};\n      data.columns.forEach((col, index) => {\n        obj[col] = row[index];\n      });\n      return obj;\n    });\n    return { columns: data.columns, rows };\n  }\n\n  if (Array.isArray(data) && data.length > 0) {\n    const firstRow = data[0];\n    if (firstRow && typeof firstRow === 'object') {\n      const columns = Object.keys(firstRow);\n      return { columns, rows: data };\n    }\n  }\n\n  return { columns: [], rows: [] };\n}\n\n/**\n * Escape a value for CSV.\n *\n * Handles:\n * - Commas (wrap in quotes)\n * - Quotes (double them)\n * - Newlines (wrap in quotes)\n * - Leading/trailing whitespace (wrap in quotes)\n */\nfunction escapeCSVValue(value: unknown): string {\n  if (value === null || value === undefined) {\n    return '';\n  }\n\n  const stringValue = String(value);\n\n  // Check if we need to quote the value\n  const needsQuoting =\n    stringValue.includes(',') ||\n    stringValue.includes('\"') ||\n    stringValue.includes('\\n') ||\n    stringValue.includes('\\r') ||\n    stringValue.startsWith(' ') ||\n    stringValue.endsWith(' ');\n\n  if (needsQuoting) {\n    // Double any existing quotes and wrap in quotes\n    return `\"${stringValue.replace(/\"/g, '\"\"')}\"`;\n  }\n\n  return stringValue;\n}\n\n/**\n * Format a value for CSV export.\n */\nfunction formatValue(\n  value: unknown,\n  options?: ExportOptions\n): string {\n  if (value === null || value === undefined) {\n    return '';\n  }\n\n  // Handle dates\n  if (value instanceof Date) {\n    if (options?.dateFormat) {\n      // Simple date formatting (could be extended with a library)\n      return value.toISOString();\n    }\n    return value.toISOString();\n  }\n\n  // Handle numbers\n  if (typeof value === 'number') {\n    if (options?.numberFormat) {\n      return new Intl.NumberFormat(undefined, options.numberFormat).format(value);\n    }\n    return String(value);\n  }\n\n  // Handle booleans\n  if (typeof value === 'boolean') {\n    return value ? 'true' : 'false';\n  }\n\n  // Handle objects/arrays\n  if (typeof value === 'object') {\n    return JSON.stringify(value);\n  }\n\n  return String(value);\n}\n\n/**\n * Generate CSV content from data.\n *\n * @param data - Array of row objects\n * @param columns - Column names\n * @param headers - Custom header names\n * @param options - Export options\n * @returns CSV string\n */\nexport function generateCSV(\n  data: Record<string, unknown>[],\n  columns: string[],\n  headers?: Record<string, string>,\n  options?: ExportOptions\n): string {\n  const lines: string[] = [];\n\n  // Header row\n  const headerRow = columns.map((col) => {\n    const headerName = headers?.[col] ?? col;\n    return escapeCSVValue(headerName);\n  });\n  lines.push(headerRow.join(','));\n\n  // Data rows\n  for (const row of data) {\n    const rowValues = columns.map((col) => {\n      const value = row[col];\n      const formatted = formatValue(value, options);\n      return escapeCSVValue(formatted);\n    });\n    lines.push(rowValues.join(','));\n  }\n\n  return lines.join('\\n');\n}\n\n/**\n * Trigger a file download in the browser.\n *\n * @param content - File content\n * @param filename - File name with extension\n * @param mimeType - MIME type\n */\nexport function downloadFile(\n  content: string,\n  filename: string,\n  mimeType: string\n): void {\n  // Create blob\n  const blob = new Blob([content], { type: mimeType });\n\n  // Create download link\n  const url = URL.createObjectURL(blob);\n  const link = document.createElement('a');\n  link.href = url;\n  link.download = filename;\n\n  // Trigger download\n  document.body.appendChild(link);\n  link.click();\n\n  // Cleanup\n  document.body.removeChild(link);\n  URL.revokeObjectURL(url);\n}\n\n/**\n * Export data to CSV and trigger download.\n *\n * @param data - QueryResult or array of objects\n * @param options - Export options\n *\n * @example\n * ```tsx\n * // Export query result\n * exportToCSV(queryResult, { filename: 'sales-report' });\n *\n * // Export with custom columns\n * exportToCSV(data, {\n *   columns: ['id', 'name', 'value'],\n *   headers: { id: 'ID', name: 'Name', value: 'Value' }\n * });\n * ```\n */\nexport function exportToCSV(\n  data: ExportData,\n  options?: ExportOptions\n): void {\n  const { columns: allColumns, rows } = normalizeData(data);\n\n  // Use specified columns or all columns\n  const exportColumns = options?.columns ?? allColumns;\n\n  // Generate CSV\n  const csv = generateCSV(rows, exportColumns, options?.headers, options);\n\n  // Generate filename\n  const filename = options?.filename ?? 'export';\n  const fullFilename = filename.endsWith('.csv') ? filename : `${filename}.csv`;\n\n  // Download\n  downloadFile(csv, fullFilename, 'text/csv;charset=utf-8');\n}\n","/**\n * Excel export functionality.\n *\n * Uses the xlsx library (SheetJS) for Excel file generation.\n */\n\nimport type { QueryResult } from '../types';\nimport type { ExcelExportOptions, ExportData } from './types';\n\ntype XLSXModule = typeof import('xlsx');\n\nasync function loadXLSX(): Promise<XLSXModule> {\n  try {\n    return await import('xlsx');\n  } catch (err) {\n    const detail = err instanceof Error ? `: ${err.message}` : '';\n    throw new Error(\n      `xlsx is required for Excel export. Install it with: npm install xlsx${detail}`\n    );\n  }\n}\n\n/**\n * Check if data is a QueryResult.\n */\nfunction isQueryResult(data: ExportData): data is QueryResult {\n  return (\n    typeof data === 'object' &&\n    data !== null &&\n    'columns' in data &&\n    'rows' in data &&\n    Array.isArray((data as QueryResult).columns) &&\n    Array.isArray((data as QueryResult).rows)\n  );\n}\n\n/**\n * Convert data to array of objects format.\n */\nfunction normalizeData(data: ExportData): {\n  columns: string[];\n  rows: Record<string, unknown>[];\n} {\n  if (isQueryResult(data)) {\n    const rows = data.rows.map((row) => {\n      const obj: Record<string, unknown> = {};\n      data.columns.forEach((col, index) => {\n        obj[col] = row[index];\n      });\n      return obj;\n    });\n    return { columns: data.columns, rows };\n  }\n\n  if (Array.isArray(data) && data.length > 0) {\n    const firstRow = data[0];\n    if (firstRow && typeof firstRow === 'object') {\n      const columns = Object.keys(firstRow);\n      return { columns, rows: data };\n    }\n  }\n\n  return { columns: [], rows: [] };\n}\n\n/**\n * Calculate optimal column width based on content.\n */\nfunction calculateColumnWidth(values: unknown[]): number {\n  let maxLength = 0;\n\n  for (const value of values) {\n    const strValue = value === null || value === undefined ? '' : String(value);\n    maxLength = Math.max(maxLength, strValue.length);\n  }\n\n  // Add some padding and cap at reasonable max\n  return Math.min(Math.max(maxLength + 2, 8), 50);\n}\n\n/**\n * Export data to Excel and trigger download.\n *\n * @param data - QueryResult or array of objects\n * @param options - Export options\n *\n * @example\n * ```tsx\n * // Basic export\n * exportToExcel(queryResult, { filename: 'sales-report' });\n *\n * // With styling\n * exportToExcel(data, {\n *   filename: 'report',\n *   sheetName: 'Sales Data',\n *   freezeHeader: true,\n *   headerStyle: { bold: true, fill: '#e3f2fd', align: 'center' }\n * });\n * ```\n */\nexport async function exportToExcel(\n  data: ExportData,\n  options?: ExcelExportOptions\n): Promise<void> {\n  const XLSX = await loadXLSX();\n  const { columns: allColumns, rows } = normalizeData(data);\n\n  // Use specified columns or all columns\n  const exportColumns = options?.columns ?? allColumns;\n\n  // Create workbook and worksheet\n  const workbook = XLSX.utils.book_new();\n\n  // Prepare data with headers\n  const headers = exportColumns.map(col => options?.headers?.[col] ?? col);\n\n  // Convert rows to array format for the worksheet\n  const wsData: unknown[][] = [headers];\n\n  for (const row of rows) {\n    const rowData = exportColumns.map(col => {\n      const value = row[col];\n      // Handle special types\n      if (value instanceof Date) {\n        return value;\n      }\n      if (typeof value === 'object' && value !== null) {\n        return JSON.stringify(value);\n      }\n      return value;\n    });\n    wsData.push(rowData);\n  }\n\n  // Create worksheet from data\n  const worksheet = XLSX.utils.aoa_to_sheet(wsData);\n\n  // Set column widths\n  const colWidths = exportColumns.map((col, index) => {\n    // Use custom width if specified\n    if (options?.columnWidths?.[col] !== undefined) {\n      return { wch: options.columnWidths[col] };\n    }\n\n    // Calculate width from content\n    const columnValues = [headers[index], ...rows.map(r => r[col])];\n    return { wch: calculateColumnWidth(columnValues) };\n  });\n  worksheet['!cols'] = colWidths;\n\n  // Freeze header row if requested\n  if (options?.freezeHeader) {\n    worksheet['!freeze'] = { xSplit: 0, ySplit: 1 };\n  }\n\n  // Add worksheet to workbook\n  const sheetName = options?.sheetName ?? 'Sheet1';\n  XLSX.utils.book_append_sheet(workbook, worksheet, sheetName);\n\n  // Generate filename\n  const filename = options?.filename ?? 'export';\n  const fullFilename = filename.endsWith('.xlsx') ? filename : `${filename}.xlsx`;\n\n  // Write and download\n  XLSX.writeFile(workbook, fullFilename);\n}\n\n/**\n * Export multiple sheets to a single Excel file.\n *\n * @param sheets - Object mapping sheet names to data\n * @param filename - Output filename\n *\n * @example\n * ```tsx\n * exportMultipleSheets({\n *   'Sales': salesData,\n *   'Customers': customerData,\n *   'Products': productData,\n * }, 'full-report');\n * ```\n */\nexport async function exportMultipleSheets(\n  sheets: Record<string, ExportData>,\n  filename: string\n): Promise<void> {\n  const XLSX = await loadXLSX();\n  const workbook = XLSX.utils.book_new();\n\n  for (const [sheetName, data] of Object.entries(sheets)) {\n    const { columns, rows } = normalizeData(data);\n\n    // Prepare data with headers\n    const wsData: unknown[][] = [columns];\n\n    for (const row of rows) {\n      const rowData = columns.map(col => {\n        const value = row[col];\n        if (value instanceof Date) {\n          return value;\n        }\n        if (typeof value === 'object' && value !== null) {\n          return JSON.stringify(value);\n        }\n        return value;\n      });\n      wsData.push(rowData);\n    }\n\n    const worksheet = XLSX.utils.aoa_to_sheet(wsData);\n\n    // Auto-size columns\n    const colWidths = columns.map((col, index) => {\n      const columnValues = [columns[index], ...rows.map(r => r[col])];\n      return { wch: calculateColumnWidth(columnValues) };\n    });\n    worksheet['!cols'] = colWidths;\n\n    XLSX.utils.book_append_sheet(workbook, worksheet, sheetName);\n  }\n\n  const fullFilename = filename.endsWith('.xlsx') ? filename : `${filename}.xlsx`;\n  XLSX.writeFile(workbook, fullFilename);\n}\n","'use client';\n\nimport { useCallback, useMemo, useState } from 'react';\nimport type { QueryResult } from '../types';\nimport { exportToCSV } from './csv';\nimport { exportToExcel } from './excel';\nimport type { ExcelExportOptions, ExportOptions } from './types';\n\n/**\n * Options for the useExport hook.\n */\nexport interface UseExportOptions {\n  /** Data to export */\n  data: QueryResult | null;\n  /** Default filename for exports */\n  filename?: string;\n  /** Columns to export (defaults to all) */\n  columns?: string[];\n  /** Custom column headers */\n  headers?: Record<string, string>;\n}\n\n/**\n * Result of the useExport hook.\n */\nexport interface UseExportResult {\n  /** Export to CSV file */\n  exportCSV: () => void;\n  /** Export to Excel file */\n  exportExcel: (options?: ExcelExportOptions) => Promise<void>;\n  /** Whether an export is in progress */\n  isExporting: boolean;\n  /** Whether export is possible (data is available) */\n  canExport: boolean;\n  /** Error from the most recent export attempt, if any */\n  error: Error | null;\n}\n\n/**\n * Hook for exporting query data to CSV or Excel.\n *\n * @param options - Export options\n * @returns Export functions and state\n *\n * @example\n * ```tsx\n * function DataTable({ data }) {\n *   const { exportCSV, exportExcel, canExport, isExporting } = useExport({\n *     data,\n *     filename: 'sales-report',\n *     columns: ['id', 'name', 'amount'],\n *     headers: { id: 'ID', name: 'Name', amount: 'Amount' }\n *   });\n *\n *   return (\n *     <div>\n *       <button onClick={exportCSV} disabled={!canExport || isExporting}>\n *         Export CSV\n *       </button>\n *       <button onClick={() => exportExcel()} disabled={!canExport || isExporting}>\n *         Export Excel\n *       </button>\n *       {isExporting && <span>Exporting...</span>}\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useExport(options: UseExportOptions): UseExportResult {\n  const { data, filename, columns, headers } = options;\n  const [isExporting, setIsExporting] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  // Check if export is possible\n  const canExport = useMemo(() => {\n    return data !== null && data.rows.length > 0;\n  }, [data]);\n\n  // Generate timestamp for filename\n  const generateFilename = useCallback(() => {\n    const base = filename ?? 'export';\n    const timestamp = new Date().toISOString().slice(0, 10);\n    return `${base}-${timestamp}`;\n  }, [filename]);\n\n  // Export to CSV\n  const handleExportCSV = useCallback(() => {\n    if (!canExport || !data) return;\n\n    setIsExporting(true);\n    try {\n      const exportOptions: ExportOptions = {\n        filename: generateFilename(),\n        columns,\n        headers,\n      };\n      exportToCSV(data, exportOptions);\n    } finally {\n      setIsExporting(false);\n    }\n  }, [canExport, data, generateFilename, columns, headers]);\n\n  // Export to Excel\n  const handleExportExcel = useCallback(async (excelOptions?: ExcelExportOptions) => {\n    if (!canExport || !data) return;\n\n    setIsExporting(true);\n    setError(null);\n    try {\n      const exportOptions: ExcelExportOptions = {\n        filename: generateFilename(),\n        columns,\n        headers,\n        ...excelOptions,\n      };\n      await exportToExcel(data, exportOptions);\n    } catch (err) {\n      setError(err instanceof Error ? err : new Error(String(err)));\n    } finally {\n      setIsExporting(false);\n    }\n  }, [canExport, data, generateFilename, columns, headers]);\n\n  return {\n    exportCSV: handleExportCSV,\n    exportExcel: handleExportExcel,\n    isExporting,\n    canExport,\n    error,\n  };\n}\n\nexport default useExport;\n"]}

package/dist/{chunk-3LDRRDJ6.js → chunk-JBJ5LEAG.js}

@@ -1,5 +1,5 @@
 import { ScatterChart, PieChart, AreaChart, LineChart, BarChart, MetricCard } from './chunk-FQ23KG6G.js';
-import { Dropdown, DropdownItem, Icon, DropdownSeparator, Button, Skeleton, EmptyState, Dialog, Input, Checkbox, DialogFooter, useAnalytics, useCrossFilterOptional, useDebouncedLayoutSave, AutoSaveIndicator, ResultsTable, CrossFilterProvider, Tooltip, QueryBuilder, SavedQueryPicker, useSchema, Select, CollapsibleSection, ColorPaletteSelector, FilterBuilder, TableSelector, JoinBuilder, TimeSeriesConfig, CalculatedFieldBuilder } from './chunk-ET7GCREP.js';
+import { Dropdown, DropdownItem, Icon, DropdownSeparator, Button, Skeleton, EmptyState, Dialog, Input, Checkbox, DialogFooter, useAnalytics, useCrossFilterOptional, useDebouncedLayoutSave, AutoSaveIndicator, ResultsTable, CrossFilterProvider, useLLMStatus, Tooltip, QueryBuilder, SavedQueryPicker, SchemaExplorer, CustomSQLEditor, ChatPanel, useSchema, Select, CollapsibleSection, ColorPaletteSelector, FilterBuilder, TableSelector, JoinBuilder, TimeSeriesConfig, CalculatedFieldBuilder } from './chunk-GELI7MDZ.js';
 import { useTheme } from './chunk-T6STUE7E.js';
 import { formatRelativeTime, createDateFormatters, pivotQueryResult, parseMarkdownSafe, parseColumnRef } from './chunk-LBE6GIBC.js';
 import { createContext, forwardRef, useState, useEffect, useCallback, useRef, useMemo, useContext } from 'react';
@@ -180,7 +180,8 @@ function DashboardProvider({
     if (!lazyLoadingEnabledRef.current) {
       const initialLoadingState = {};
       data.widgets.forEach((widget) => {
-        if (widget.query) {
+        const isSqlMode = widget.config?.data_source_mode === "sql" && widget.config?.raw_sql;
+        if (widget.query || isSqlMode) {
           initialLoadingState[widget.id] = true;
         }
       });
@@ -189,7 +190,8 @@ function DashboardProvider({
   }, []);
   const executeWidgetQuery = useCallback(
     async (widget, currentDashboard, currentFilters, currentCrossFilters, bypassCache = false, signal) => {
-      if (!widget.query) {
+      const isSqlMode = widget.config?.data_source_mode === "sql" && widget.config?.raw_sql;
+      if (!widget.query && !isSqlMode) {
         return;
       }
       setWidgetLoading((prev) => ({ ...prev, [widget.id]: true }));
@@ -202,13 +204,18 @@ function DashboardProvider({
         return next;
       });
       try {
-        let query = applyFiltersToQuery(
-          widget.query,
-          currentDashboard,
-          currentFilters
-        );
-        query = applyCrossFiltersToQuery(query, currentCrossFilters, widget.id);
-        const result = await client.executeQuery(query, bypassCache, signal);
+        let result;
+        if (isSqlMode) {
+          result = await client.executeSQL(widget.config.raw_sql);
+        } else {
+          let query = applyFiltersToQuery(
+            widget.query,
+            currentDashboard,
+            currentFilters
+          );
+          query = applyCrossFiltersToQuery(query, currentCrossFilters, widget.id);
+          result = await client.executeQuery(query, bypassCache, signal);
+        }
         if (signal?.aborted) return;
         setWidgetResults((prev) => ({ ...prev, [widget.id]: result }));
         const refreshTime = result.cached_at ?? Date.now() / 1e3;
@@ -237,7 +244,9 @@ function DashboardProvider({
   );
   const executeWidgetsInBatches = useCallback(
     async (widgets, currentDashboard, currentFilters, currentCrossFilters, bypassCache = false, currentBatchSize = batchSize, signal) => {
-      const widgetsWithQueries = widgets.filter((w) => w.query !== null);
+      const widgetsWithQueries = widgets.filter(
+        (w) => w.query !== null || w.config?.data_source_mode === "sql" && w.config?.raw_sql
+      );
       for (let i = 0; i < widgetsWithQueries.length; i += currentBatchSize) {
         if (signal?.aborted) return;
         const batch = widgetsWithQueries.slice(i, i + currentBatchSize);
@@ -436,7 +445,7 @@ function DashboardProvider({
   useEffect(() => {
     if (!lazyLoadingEnabled || !dashboard || isLoading) return;
     const widgetsToLoad = dashboard.widgets.filter(
-      (w) => visibleWidgets.has(w.id) && w.query !== null && !widgetResults[w.id] && !widgetLoading[w.id]
+      (w) => visibleWidgets.has(w.id) && (w.query !== null || w.config?.data_source_mode === "sql" && w.config?.raw_sql) && !widgetResults[w.id] && !widgetLoading[w.id]
     );
     if (widgetsToLoad.length > 0) {
       const signal = abortControllerRef.current?.signal;
@@ -470,7 +479,7 @@ function DashboardProvider({
     if (prevFilterValuesRef.current === filterValuesKey) return;
     prevFilterValuesRef.current = filterValuesKey;
     const widgetsToRefresh = dashboard.widgets.filter(
-      (w) => everVisibleWidgets.has(w.id) && w.query !== null && widgetResults[w.id]
+      (w) => everVisibleWidgets.has(w.id) && (w.query !== null || w.config?.data_source_mode === "sql" && w.config?.raw_sql) && widgetResults[w.id]
       // Only re-execute if previously loaded
     );
     if (widgetsToRefresh.length > 0) {
@@ -3117,6 +3126,7 @@ function WidgetPreview({
   title,
   config,
   query,
+  rawSql,
   result,
   isLoading = false,
   error,
@@ -3171,13 +3181,14 @@ function WidgetPreview({
   };
   const previewWidget = createPreviewWidget(type, title, config, query);
   const needsQuery = type !== "text";
-  const showEmptyState = needsQuery && !query && !isLoading;
-  return /* @__PURE__ */ jsxs("div", { className: `prismiq-widget-preview ${className}`, style: containerStyle, children: [
+  const hasDataSource = !!query || !!rawSql;
+  const showEmptyState = needsQuery && !hasDataSource && !isLoading;
+  return /* @__PURE__ */ jsxs("div", { className: `prismiq-widget-preview ${className}`, style: containerStyle, "data-testid": "widget-preview", children: [
     /* @__PURE__ */ jsxs("div", { style: headerStyle, children: [
       /* @__PURE__ */ jsx("h3", { style: titleStyle, children: title || "Widget Preview" }),
       /* @__PURE__ */ jsx("span", { style: labelStyle, children: "Preview" })
     ] }),
-    /* @__PURE__ */ jsx("div", { style: contentStyle, children: showEmptyState ? /* @__PURE__ */ jsxs("div", { style: emptyStateStyle, children: [
+    /* @__PURE__ */ jsx("div", { style: contentStyle, children: showEmptyState ? /* @__PURE__ */ jsxs("div", { style: emptyStateStyle, "data-testid": "widget-preview-empty", children: [
       /* @__PURE__ */ jsx(
         "div",
         {
@@ -5369,6 +5380,7 @@ function WidgetEditorPage({
 }) {
   const { theme } = useTheme();
   const { client } = useAnalytics();
+  const { enabled: llmEnabled, isLoading: llmStatusLoading } = useLLMStatus();
   const isNew = widget === null;
   const [type, setType] = useState(widget?.type ?? "bar_chart");
   const [title, setTitle] = useState(widget?.title ?? "New Widget");
@@ -5380,6 +5392,8 @@ function WidgetEditorPage({
   const [position, setPosition] = useState(
     widget?.position ?? { x: 0, y: 0, w: 6, h: 4, minW: 2, minH: 2 }
   );
+  const [rawSql, setRawSql] = useState(widget?.config?.raw_sql ?? "");
+  const [schemaOpen, setSchemaOpen] = useState(true);
   const [dataSourceMode, setDataSourceMode] = useState(
     isNew ? "guided" : widget?.config?.data_source_mode ?? "guided"
   );
@@ -5404,6 +5418,24 @@ function WidgetEditorPage({
     []
   );
   const refreshPreview = useCallback(async () => {
+    if (dataSourceMode === "sql") {
+      if (!rawSql.trim() || !client) {
+        setPreviewResult(null);
+        return;
+      }
+      setPreviewLoading(true);
+      setPreviewError(null);
+      try {
+        const result = await client.executeSQL(rawSql);
+        setPreviewResult(result);
+      } catch (err) {
+        setPreviewError(err instanceof Error ? err : new Error("SQL execution failed"));
+        setPreviewResult(null);
+      } finally {
+        setPreviewLoading(false);
+      }
+      return;
+    }
     if (!query || !client) {
       setPreviewResult(null);
       return;
@@ -5419,15 +5451,18 @@ function WidgetEditorPage({
     } finally {
       setPreviewLoading(false);
     }
-  }, [query, client]);
+  }, [query, rawSql, dataSourceMode, client]);
   useEffect(() => {
+    if (dataSourceMode === "sql") {
+      return;
+    }
     if (query) {
       void refreshPreview();
     } else {
       setPreviewResult(null);
       setPreviewError(null);
     }
-  }, [query, refreshPreview]);
+  }, [query, dataSourceMode, refreshPreview]);
   const queryHasAdvancedFeatures = useCallback((q) => {
     if (!q) return false;
     if (q.tables && q.tables.length > 1 && q.joins && q.joins.length > 0) return true;
@@ -5459,18 +5494,25 @@ function WidgetEditorPage({
     setPreviewResult(null);
     setPreviewError(null);
   }, []);
+  const handleApplySql = useCallback((sql) => {
+    setRawSql(sql);
+  }, []);
   const handleSave = useCallback(() => {
+    const savedConfig = { ...config, data_source_mode: dataSourceMode };
+    if (dataSourceMode === "sql") {
+      savedConfig.raw_sql = rawSql.trim() || void 0;
+    }
     const savedWidget = {
       id: widget?.id ?? generateId(),
       type,
       title,
-      config: { ...config, data_source_mode: dataSourceMode },
-      query,
+      config: savedConfig,
+      query: dataSourceMode === "sql" ? null : query,
       position,
       hyperlink
     };
     onSave(savedWidget);
-  }, [widget, type, title, config, query, position, hyperlink, dataSourceMode, onSave]);
+  }, [widget, type, title, config, query, rawSql, position, hyperlink, dataSourceMode, onSave]);
   const columnSelectOptions = useMemo(() => {
     if (!schema) return [];
     return schema.tables.flatMap(
@@ -5956,6 +5998,7 @@ function WidgetEditorPage({
             title,
             config,
             query,
+            rawSql: dataSourceMode === "sql" ? rawSql : void 0,
             result: previewResult,
             isLoading: previewLoading,
             error: previewError
@@ -5999,6 +6042,24 @@ function WidgetEditorPage({
                   }
                 )
               }
+            ),
+            /* @__PURE__ */ jsx(
+              Tooltip,
+              {
+                content: "Write raw SQL queries directly, with optional AI assistance",
+                position: "bottom",
+                style: { whiteSpace: "normal" },
+                children: /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    "data-testid": "data-source-mode-sql",
+                    style: tabStyle(dataSourceMode === "sql"),
+                    onClick: () => handleModeSwitch("sql"),
+                    children: "SQL"
+                  }
+                )
+              }
             )
           ] }),
           /* @__PURE__ */ jsxs("div", { style: dataSourceContentStyle, children: [
@@ -6030,7 +6091,100 @@ function WidgetEditorPage({
                 onSelect: handleSavedQuerySelect,
                 showSave: false
               }
-            )
+            ),
+            dataSourceMode === "sql" && /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 0, height: "100%", minHeight: "400px" }, children: [
+              /* @__PURE__ */ jsx("div", { "data-testid": "schema-panel", style: {
+                width: schemaOpen ? "220px" : "36px",
+                flexShrink: 0,
+                transition: "width 0.2s ease",
+                borderRight: `1px solid ${theme.colors.border}`,
+                display: "flex",
+                flexDirection: "column",
+                overflow: "hidden"
+              }, children: schemaOpen ? /* @__PURE__ */ jsx(
+                SchemaExplorer,
+                {
+                  searchable: true,
+                  collapsible: true,
+                  onColumnSelect: (table, col) => {
+                    const ref = `"${table.name}"."${col.name}"`;
+                    setRawSql((prev) => prev ? `${prev} ${ref}` : ref);
+                  },
+                  headerAction: /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => setSchemaOpen(false),
+                      title: "Collapse schema panel",
+                      "data-testid": "schema-toggle-open",
+                      style: {
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        width: "22px",
+                        height: "22px",
+                        backgroundColor: "transparent",
+                        border: `1px solid ${theme.colors.border}`,
+                        borderRadius: theme.radius.sm,
+                        cursor: "pointer",
+                        color: theme.colors.textMuted,
+                        flexShrink: 0
+                      },
+                      children: /* @__PURE__ */ jsx(Icon, { name: "chevron-left", size: 12 })
+                    }
+                  ),
+                  style: { flex: 1, border: "none", borderRadius: 0 }
+                }
+              ) : /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setSchemaOpen(true),
+                  title: "Show schema browser",
+                  "data-testid": "schema-toggle-collapsed",
+                  style: {
+                    display: "flex",
+                    flexDirection: "column",
+                    alignItems: "center",
+                    gap: "6px",
+                    paddingTop: theme.spacing.sm,
+                    width: "100%",
+                    height: "100%",
+                    backgroundColor: theme.colors.surface,
+                    border: "none",
+                    cursor: "pointer",
+                    color: theme.colors.textMuted,
+                    fontFamily: theme.fonts.sans
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(Icon, { name: "table", size: 16 }),
+                    /* @__PURE__ */ jsx("span", { style: {
+                      writingMode: "vertical-rl",
+                      fontSize: "11px",
+                      fontWeight: 500,
+                      letterSpacing: "0.04em"
+                    }, children: "Schema" })
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsx("div", { style: { flex: 1, minWidth: 0 }, "data-testid": "sql-editor", children: /* @__PURE__ */ jsx(
+                CustomSQLEditor,
+                {
+                  initialSql: rawSql,
+                  onSqlChange: setRawSql,
+                  onExecute: () => void refreshPreview(),
+                  showResults: false,
+                  placeholder: "Write your SQL query here..."
+                }
+              ) }),
+              !llmStatusLoading && llmEnabled && /* @__PURE__ */ jsx("div", { style: { width: "340px", flexShrink: 0 }, "data-testid": "chat-panel", children: /* @__PURE__ */ jsx(
+                ChatPanel,
+                {
+                  currentSql: rawSql || null,
+                  onApplySql: handleApplySql
+                }
+              ) })
+            ] })
           ] })
         ] })
       ] })
@@ -6112,7 +6266,9 @@ function DashboardEditor({
   clientRef.current = client;
   const loadedDashboardRef = useRef(null);
   const executeWidgetQueries = useCallback(async (widgets, currentClient) => {
-    const widgetsWithQueries = widgets.filter((w) => w.query);
+    const widgetsWithQueries = widgets.filter(
+      (w) => w.query || w.config?.data_source_mode === "sql" && w.config?.raw_sql
+    );
     if (widgetsWithQueries.length === 0) return;
     for (let i = 0; i < widgetsWithQueries.length; i += batchSize) {
       const batch = widgetsWithQueries.slice(i, i + batchSize);
@@ -6126,7 +6282,8 @@ function DashboardEditor({
       await Promise.all(
         batch.map(async (widget) => {
           try {
-            const result = await currentClient.executeQuery(widget.query);
+            const isSqlMode = widget.config?.data_source_mode === "sql" && widget.config?.raw_sql;
+            const result = isSqlMode ? await currentClient.executeSQL(widget.config.raw_sql) : await currentClient.executeQuery(widget.query);
             setWidgetResults((prev) => ({ ...prev, [widget.id]: result }));
             setWidgetRefreshTimes((prev) => ({ ...prev, [widget.id]: Math.floor(Date.now() / 1e3) }));
           } catch (err) {
@@ -6203,11 +6360,12 @@ function DashboardEditor({
   const refreshWidget = useCallback(
     async (widgetId, widgetOverride) => {
       const widget = widgetOverride ?? dashboard.widgets.find((w) => w.id === widgetId);
-      if (!widget?.query || !client) return;
+      const isSqlMode = widget?.config?.data_source_mode === "sql" && widget?.config?.raw_sql;
+      if (!widget?.query && !isSqlMode || !client) return;
       setWidgetLoading((prev) => ({ ...prev, [widgetId]: true }));
       setRefreshingWidgets((prev) => new Set(prev).add(widgetId));
       try {
-        const result = await client.executeQuery(widget.query, true);
+        const result = isSqlMode ? await client.executeSQL(widget.config.raw_sql) : await client.executeQuery(widget.query, true);
         setWidgetResults((prev) => ({ ...prev, [widgetId]: result }));
         setWidgetRefreshTimes((prev) => ({ ...prev, [widgetId]: Math.floor(Date.now() / 1e3) }));
         setWidgetErrors((prev) => {
@@ -7600,5 +7758,5 @@ var DashboardDialog = forwardRef(
 );
 
 export { Dashboard, DashboardCard, DashboardContext, DashboardDialog, DashboardEditor, DashboardLayout, DashboardList, DashboardProvider, DateRangeFilter, EditableDashboardLayout, EditorToolbar, FilterBar, LazyWidget, MultiSelectFilter, SelectFilter, TextFilter, Widget, WidgetContainer, WidgetContent, WidgetEditor, WidgetEditorPage, WidgetHeader, WidgetPalette, WidgetPlaceholder, WidgetPreview, WidgetTypeSelector, useAutoRefresh, useDashboard, useDashboardFilters, useFullscreen, useWidget, useWidgetVisibility };
-//# sourceMappingURL=chunk-3LDRRDJ6.js.map
-//# sourceMappingURL=chunk-3LDRRDJ6.js.map
+//# sourceMappingURL=chunk-JBJ5LEAG.js.map
+//# sourceMappingURL=chunk-JBJ5LEAG.js.map