@prismiq/react 0.1.1 → 0.2.1

package/dist/{CustomSQLEditor-CYlOtecq.d.ts → ChatBubble-3mFpV7yX.d.ts}

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import react__default, { ButtonHTMLAttributes, ReactNode, InputHTMLAttributes, HTMLAttributes, ReactElement, SVGAttributes, Component, ErrorInfo } from 'react';
-import { c as TableSchema, p as ColumnSchema, b as QueryTable, q as ColumnSelection, D as DatabaseSchema, F as FilterDefinition, s as FilterOperator, u as SortDefinition, A as AggregationType, Q as QueryResult, a as QueryDefinition, k as SavedQuery } from './types-j0kPJ9Hz.js';
+import { c as TableSchema, t as ColumnSchema, b as QueryTable, u as ColumnSelection, D as DatabaseSchema, F as FilterDefinition, w as FilterOperator, y as SortDefinition, A as AggregationType, Q as QueryResult, a as QueryDefinition, k as SavedQuery, o as ChatMessage, p as WidgetContext } from './types-BaI6sSAG.js';
 
 interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
     /** Button visual style. */
@@ -660,6 +660,8 @@ interface SchemaExplorerProps {
     searchable?: boolean;
     /** Whether tables are collapsible. */
     collapsible?: boolean;
+    /** Optional element rendered at the right end of the header row. */
+    headerAction?: React.ReactNode;
     /** Additional class name. */
     className?: string;
     /** Additional styles. */
@@ -678,7 +680,7 @@ interface SchemaExplorerProps {
  * />
  * ```
  */
-declare function SchemaExplorer({ onTableSelect, onColumnSelect, onColumnDragStart, selectedTable, selectedColumns, searchable, collapsible, className, style, }: SchemaExplorerProps): JSX.Element;
+declare function SchemaExplorer({ onTableSelect, onColumnSelect, onColumnDragStart, selectedTable, selectedColumns, searchable, collapsible, headerAction, className, style, }: SchemaExplorerProps): JSX.Element;
 
 /**
  * TableNode component for displaying a table in the schema explorer.
@@ -1301,4 +1303,41 @@ interface CustomSQLEditorProps {
  */
 declare function CustomSQLEditor({ initialSql, onSqlChange, onExecute, placeholder, showResults, height, className, style, }: CustomSQLEditorProps): JSX.Element;
 
-export { type QueryBuilderState as $, AggregationPicker as A, Badge as B, Checkbox as C, Dialog as D, EmptyDashboard as E, type ErrorBoundaryProps as F, ErrorFallback as G, type ErrorFallbackProps as H, FilterBuilder as I, type FilterBuilderProps as J, FilterRow as K, type FilterRowProps as L, FilterValueInput as M, type FilterValueInputProps as N, Icon as O, type IconName as P, type IconProps as Q, Input as R, type InputProps as S, NoData as T, type NoDataProps as U, NoResults as V, type NoResultsProps as W, Pagination as X, type PaginationProps as Y, QueryBuilder as Z, type QueryBuilderProps as _, type AggregationPickerProps as a, QueryBuilderToolbar as a0, type QueryBuilderToolbarProps as a1, QueryPreview as a2, type QueryPreviewProps as a3, ResultsTable as a4, type ResultsTableProps as a5, SavedQueryPicker as a6, type SavedQueryPickerProps as a7, SchemaExplorer as a8, type SchemaExplorerProps as a9, type TableRowProps as aA, Tooltip as aB, type TooltipProps as aC, WidgetErrorBoundary as aD, type WidgetErrorBoundaryProps as aE, Select as aa, type SelectOption as ab, type SelectProps as ac, SelectedColumn as ad, type SelectedColumnProps as ae, Skeleton as af, SkeletonChart as ag, type SkeletonChartProps as ah, SkeletonMetricCard as ai, type SkeletonMetricCardProps as aj, type SkeletonProps as ak, SkeletonTable as al, type SkeletonTableProps as am, SkeletonText as an, type SkeletonTextProps as ao, SortBuilder as ap, type SortBuilderProps as aq, SortRow as ar, type SortRowProps as as, TableCell as at, type TableCellProps as au, TableHeader as av, type TableHeaderProps as aw, TableNode as ax, type TableNodeProps as ay, TableRow as az, type BadgeProps as b, Button as c, type ButtonProps as d, type CheckboxProps as e, ColumnNode as f, type ColumnNodeProps as g, ColumnSelector as h, type ColumnSelectorProps as i, CustomSQLEditor as j, type CustomSQLEditorProps as k, DialogFooter as l, type DialogFooterProps as m, DialogHeader as n, type DialogHeaderProps as o, type DialogProps as p, Dropdown as q, DropdownItem as r, type DropdownItemProps as s, type DropdownProps as t, DropdownSeparator as u, type DropdownSeparatorProps as v, type EmptyDashboardProps as w, EmptyState as x, type EmptyStateProps as y, ErrorBoundary as z };
+/**
+ * Shared types for ChatPanel components.
+ */
+
+interface ChatBubbleProps {
+    /** The chat message to render. */
+    message: ChatMessage;
+    /** Callback when user clicks "Apply to Editor" on a SQL block. */
+    onApplySql?: (sql: string) => void;
+}
+interface ChatPanelProps {
+    /** Current SQL in the editor (passed as context to the agent). */
+    currentSql: string | null;
+    /** Callback when the user wants to apply SQL to the editor. */
+    onApplySql: (sql: string) => void;
+    /** Optional widget context for targeted SQL generation. */
+    widgetContext?: WidgetContext;
+}
+
+/**
+ * Chat panel for LLM-assisted SQL generation.
+ *
+ * Side panel with message history, streaming indicator,
+ * "Apply SQL" button, and input field.
+ */
+
+declare function ChatPanel({ currentSql, onApplySql, widgetContext }: ChatPanelProps): JSX.Element;
+
+/**
+ * Chat message bubble component.
+ *
+ * Renders user and assistant messages with distinct styling.
+ * Detects ```sql code blocks and adds an "Apply to Editor" button.
+ */
+
+declare function ChatBubble({ message, onApplySql }: ChatBubbleProps): JSX.Element;
+
+export { Pagination as $, AggregationPicker as A, Badge as B, ChatBubble as C, Dialog as D, EmptyDashboard as E, type EmptyDashboardProps as F, EmptyState as G, type EmptyStateProps as H, ErrorBoundary as I, type ErrorBoundaryProps as J, ErrorFallback as K, type ErrorFallbackProps as L, FilterBuilder as M, type FilterBuilderProps as N, FilterRow as O, type FilterRowProps as P, FilterValueInput as Q, type FilterValueInputProps as R, Icon as S, type IconName as T, type IconProps as U, Input as V, type InputProps as W, NoData as X, type NoDataProps as Y, NoResults as Z, type NoResultsProps as _, type AggregationPickerProps as a, type PaginationProps as a0, QueryBuilder as a1, type QueryBuilderProps as a2, type QueryBuilderState as a3, QueryBuilderToolbar as a4, type QueryBuilderToolbarProps as a5, QueryPreview as a6, type QueryPreviewProps as a7, ResultsTable as a8, type ResultsTableProps as a9, type TableHeaderProps as aA, TableNode as aB, type TableNodeProps as aC, TableRow as aD, type TableRowProps as aE, Tooltip as aF, type TooltipProps as aG, WidgetErrorBoundary as aH, type WidgetErrorBoundaryProps as aI, SavedQueryPicker as aa, type SavedQueryPickerProps as ab, SchemaExplorer as ac, type SchemaExplorerProps as ad, Select as ae, type SelectOption as af, type SelectProps as ag, SelectedColumn as ah, type SelectedColumnProps as ai, Skeleton as aj, SkeletonChart as ak, type SkeletonChartProps as al, SkeletonMetricCard as am, type SkeletonMetricCardProps as an, type SkeletonProps as ao, SkeletonTable as ap, type SkeletonTableProps as aq, SkeletonText as ar, type SkeletonTextProps as as, SortBuilder as at, type SortBuilderProps as au, SortRow as av, type SortRowProps as aw, TableCell as ax, type TableCellProps as ay, TableHeader as az, type BadgeProps as b, Button as c, type ButtonProps as d, type ChatBubbleProps as e, ChatPanel as f, type ChatPanelProps as g, Checkbox as h, type CheckboxProps as i, ColumnNode as j, type ColumnNodeProps as k, ColumnSelector as l, type ColumnSelectorProps as m, CustomSQLEditor as n, type CustomSQLEditorProps as o, DialogFooter as p, type DialogFooterProps as q, DialogHeader as r, type DialogHeaderProps as s, type DialogProps as t, Dropdown as u, DropdownItem as v, type DropdownItemProps as w, type DropdownProps as x, DropdownSeparator as y, type DropdownSeparatorProps as z };

package/dist/{CustomSQLEditor-d84v_Cgp.d.cts → ChatBubble-CMkEupzn.d.cts}

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import react__default, { ButtonHTMLAttributes, ReactNode, InputHTMLAttributes, HTMLAttributes, ReactElement, SVGAttributes, Component, ErrorInfo } from 'react';
-import { c as TableSchema, p as ColumnSchema, b as QueryTable, q as ColumnSelection, D as DatabaseSchema, F as FilterDefinition, s as FilterOperator, u as SortDefinition, A as AggregationType, Q as QueryResult, a as QueryDefinition, k as SavedQuery } from './types-j0kPJ9Hz.cjs';
+import { c as TableSchema, t as ColumnSchema, b as QueryTable, u as ColumnSelection, D as DatabaseSchema, F as FilterDefinition, w as FilterOperator, y as SortDefinition, A as AggregationType, Q as QueryResult, a as QueryDefinition, k as SavedQuery, o as ChatMessage, p as WidgetContext } from './types-BaI6sSAG.cjs';
 
 interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
     /** Button visual style. */
@@ -660,6 +660,8 @@ interface SchemaExplorerProps {
     searchable?: boolean;
     /** Whether tables are collapsible. */
     collapsible?: boolean;
+    /** Optional element rendered at the right end of the header row. */
+    headerAction?: React.ReactNode;
     /** Additional class name. */
     className?: string;
     /** Additional styles. */
@@ -678,7 +680,7 @@ interface SchemaExplorerProps {
  * />
  * ```
  */
-declare function SchemaExplorer({ onTableSelect, onColumnSelect, onColumnDragStart, selectedTable, selectedColumns, searchable, collapsible, className, style, }: SchemaExplorerProps): JSX.Element;
+declare function SchemaExplorer({ onTableSelect, onColumnSelect, onColumnDragStart, selectedTable, selectedColumns, searchable, collapsible, headerAction, className, style, }: SchemaExplorerProps): JSX.Element;
 
 /**
  * TableNode component for displaying a table in the schema explorer.
@@ -1301,4 +1303,41 @@ interface CustomSQLEditorProps {
  */
 declare function CustomSQLEditor({ initialSql, onSqlChange, onExecute, placeholder, showResults, height, className, style, }: CustomSQLEditorProps): JSX.Element;
 
-export { type QueryBuilderState as $, AggregationPicker as A, Badge as B, Checkbox as C, Dialog as D, EmptyDashboard as E, type ErrorBoundaryProps as F, ErrorFallback as G, type ErrorFallbackProps as H, FilterBuilder as I, type FilterBuilderProps as J, FilterRow as K, type FilterRowProps as L, FilterValueInput as M, type FilterValueInputProps as N, Icon as O, type IconName as P, type IconProps as Q, Input as R, type InputProps as S, NoData as T, type NoDataProps as U, NoResults as V, type NoResultsProps as W, Pagination as X, type PaginationProps as Y, QueryBuilder as Z, type QueryBuilderProps as _, type AggregationPickerProps as a, QueryBuilderToolbar as a0, type QueryBuilderToolbarProps as a1, QueryPreview as a2, type QueryPreviewProps as a3, ResultsTable as a4, type ResultsTableProps as a5, SavedQueryPicker as a6, type SavedQueryPickerProps as a7, SchemaExplorer as a8, type SchemaExplorerProps as a9, type TableRowProps as aA, Tooltip as aB, type TooltipProps as aC, WidgetErrorBoundary as aD, type WidgetErrorBoundaryProps as aE, Select as aa, type SelectOption as ab, type SelectProps as ac, SelectedColumn as ad, type SelectedColumnProps as ae, Skeleton as af, SkeletonChart as ag, type SkeletonChartProps as ah, SkeletonMetricCard as ai, type SkeletonMetricCardProps as aj, type SkeletonProps as ak, SkeletonTable as al, type SkeletonTableProps as am, SkeletonText as an, type SkeletonTextProps as ao, SortBuilder as ap, type SortBuilderProps as aq, SortRow as ar, type SortRowProps as as, TableCell as at, type TableCellProps as au, TableHeader as av, type TableHeaderProps as aw, TableNode as ax, type TableNodeProps as ay, TableRow as az, type BadgeProps as b, Button as c, type ButtonProps as d, type CheckboxProps as e, ColumnNode as f, type ColumnNodeProps as g, ColumnSelector as h, type ColumnSelectorProps as i, CustomSQLEditor as j, type CustomSQLEditorProps as k, DialogFooter as l, type DialogFooterProps as m, DialogHeader as n, type DialogHeaderProps as o, type DialogProps as p, Dropdown as q, DropdownItem as r, type DropdownItemProps as s, type DropdownProps as t, DropdownSeparator as u, type DropdownSeparatorProps as v, type EmptyDashboardProps as w, EmptyState as x, type EmptyStateProps as y, ErrorBoundary as z };
+/**
+ * Shared types for ChatPanel components.
+ */
+
+interface ChatBubbleProps {
+    /** The chat message to render. */
+    message: ChatMessage;
+    /** Callback when user clicks "Apply to Editor" on a SQL block. */
+    onApplySql?: (sql: string) => void;
+}
+interface ChatPanelProps {
+    /** Current SQL in the editor (passed as context to the agent). */
+    currentSql: string | null;
+    /** Callback when the user wants to apply SQL to the editor. */
+    onApplySql: (sql: string) => void;
+    /** Optional widget context for targeted SQL generation. */
+    widgetContext?: WidgetContext;
+}
+
+/**
+ * Chat panel for LLM-assisted SQL generation.
+ *
+ * Side panel with message history, streaming indicator,
+ * "Apply SQL" button, and input field.
+ */
+
+declare function ChatPanel({ currentSql, onApplySql, widgetContext }: ChatPanelProps): JSX.Element;
+
+/**
+ * Chat message bubble component.
+ *
+ * Renders user and assistant messages with distinct styling.
+ * Detects ```sql code blocks and adds an "Apply to Editor" button.
+ */
+
+declare function ChatBubble({ message, onApplySql }: ChatBubbleProps): JSX.Element;
+
+export { Pagination as $, AggregationPicker as A, Badge as B, ChatBubble as C, Dialog as D, EmptyDashboard as E, type EmptyDashboardProps as F, EmptyState as G, type EmptyStateProps as H, ErrorBoundary as I, type ErrorBoundaryProps as J, ErrorFallback as K, type ErrorFallbackProps as L, FilterBuilder as M, type FilterBuilderProps as N, FilterRow as O, type FilterRowProps as P, FilterValueInput as Q, type FilterValueInputProps as R, Icon as S, type IconName as T, type IconProps as U, Input as V, type InputProps as W, NoData as X, type NoDataProps as Y, NoResults as Z, type NoResultsProps as _, type AggregationPickerProps as a, type PaginationProps as a0, QueryBuilder as a1, type QueryBuilderProps as a2, type QueryBuilderState as a3, QueryBuilderToolbar as a4, type QueryBuilderToolbarProps as a5, QueryPreview as a6, type QueryPreviewProps as a7, ResultsTable as a8, type ResultsTableProps as a9, type TableHeaderProps as aA, TableNode as aB, type TableNodeProps as aC, TableRow as aD, type TableRowProps as aE, Tooltip as aF, type TooltipProps as aG, WidgetErrorBoundary as aH, type WidgetErrorBoundaryProps as aI, SavedQueryPicker as aa, type SavedQueryPickerProps as ab, SchemaExplorer as ac, type SchemaExplorerProps as ad, Select as ae, type SelectOption as af, type SelectProps as ag, SelectedColumn as ah, type SelectedColumnProps as ai, Skeleton as aj, SkeletonChart as ak, type SkeletonChartProps as al, SkeletonMetricCard as am, type SkeletonMetricCardProps as an, type SkeletonProps as ao, SkeletonTable as ap, type SkeletonTableProps as aq, SkeletonText as ar, type SkeletonTextProps as as, SortBuilder as at, type SortBuilderProps as au, SortRow as av, type SortRowProps as aw, TableCell as ax, type TableCellProps as ay, TableHeader as az, type BadgeProps as b, Button as c, type ButtonProps as d, type ChatBubbleProps as e, ChatPanel as f, type ChatPanelProps as g, Checkbox as h, type CheckboxProps as i, ColumnNode as j, type ColumnNodeProps as k, ColumnSelector as l, type ColumnSelectorProps as m, CustomSQLEditor as n, type CustomSQLEditorProps as o, DialogFooter as p, type DialogFooterProps as q, DialogHeader as r, type DialogHeaderProps as s, type DialogProps as t, Dropdown as u, DropdownItem as v, type DropdownItemProps as w, type DropdownProps as x, DropdownSeparator as y, type DropdownSeparatorProps as z };

package/dist/{DashboardDialog-DBNTVVSp.d.ts → DashboardDialog-DMmZ3bnf.d.cts}

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { HTMLAttributes, ReactNode } from 'react';
-import { a as QueryDefinition, Q as QueryResult, D as DatabaseSchema, e as Dashboard$2, f as DashboardCreate, g as DashboardUpdate } from './types-j0kPJ9Hz.js';
+import { a as QueryDefinition, Q as QueryResult, D as DatabaseSchema, e as Dashboard$2, f as DashboardCreate, g as DashboardUpdate } from './types-BaI6sSAG.cjs';
 
 /**
  * Dashboard type definitions for Prismiq.
@@ -119,8 +119,10 @@ interface WidgetConfig {
     alignment?: 'Left' | 'Center' | 'Right';
     /** Font size for text widgets. */
     fontSize?: 'Small' | 'Normal' | 'Large' | 'XLarge';
-    /** Editor mode used to build this widget ('guided', 'advanced', or 'saved'). */
-    data_source_mode?: 'guided' | 'advanced' | 'saved';
+    /** Raw SQL query for SQL-mode widgets. When set, widget.query should be null. */
+    raw_sql?: string;
+    /** Editor mode used to build this widget ('guided', 'advanced', 'saved', or 'sql'). */
+    data_source_mode?: 'guided' | 'advanced' | 'saved' | 'sql';
 }
 /**
  * Widget hyperlink configuration for linking to external URLs.

package/dist/{DashboardDialog-CZD8I-6z.d.cts → DashboardDialog-RlcPkdMt.d.ts}

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { HTMLAttributes, ReactNode } from 'react';
-import { a as QueryDefinition, Q as QueryResult, D as DatabaseSchema, e as Dashboard$2, f as DashboardCreate, g as DashboardUpdate } from './types-j0kPJ9Hz.cjs';
+import { a as QueryDefinition, Q as QueryResult, D as DatabaseSchema, e as Dashboard$2, f as DashboardCreate, g as DashboardUpdate } from './types-BaI6sSAG.js';
 
 /**
  * Dashboard type definitions for Prismiq.
@@ -119,8 +119,10 @@ interface WidgetConfig {
     alignment?: 'Left' | 'Center' | 'Right';
     /** Font size for text widgets. */
     fontSize?: 'Small' | 'Normal' | 'Large' | 'XLarge';
-    /** Editor mode used to build this widget ('guided', 'advanced', or 'saved'). */
-    data_source_mode?: 'guided' | 'advanced' | 'saved';
+    /** Raw SQL query for SQL-mode widgets. When set, widget.query should be null. */
+    raw_sql?: string;
+    /** Editor mode used to build this widget ('guided', 'advanced', 'saved', or 'sql'). */
+    data_source_mode?: 'guided' | 'advanced' | 'saved' | 'sql';
 }
 /**
  * Widget hyperlink configuration for linking to external URLs.

package/dist/charts/index.d.cts

@@ -1,2 +1,2 @@
-export { A as AreaChart, c as AreaChartProps, d as AxisFormat, B as BarChart, e as BarChartProps, f as BaseChartProps, g as ChartClickParams, C as ChartDataOptions, h as ChartDataPoint, b as ChartDataResult, i as ChartSeries, j as ChartSuggestion, k as ChartType, E as EChartWrapper, l as EChartWrapperProps, L as LegendPosition, m as LineChart, n as LineChartProps, M as MetricCard, o as MetricCardProps, p as PieChart, q as PieChartProps, R as ReferenceLineConfig, S as ScatterChart, r as ScatterChartProps, s as Sparkline, t as SparklineProps, u as TrendConfig, v as TrendIndicator, w as TrendIndicatorProps, U as adjustColorOpacity, x as applyThemeToOption, y as createChartTheme, V as createEmptyStateGraphic, z as createGradientColor, W as createMarkLines, F as dataPointsToChartData, G as formatAxisLabel, H as formatCompact, I as formatMetricValue, J as getChartColors, K as isChartDataEmpty, X as isQueryResult, N as queryResultToChartData, O as suggestChartType, Q as toChartData } from '../index-CvKj3SWO.cjs';
-import '../types-j0kPJ9Hz.cjs';
+export { A as AreaChart, c as AreaChartProps, d as AxisFormat, B as BarChart, e as BarChartProps, f as BaseChartProps, g as ChartClickParams, C as ChartDataOptions, h as ChartDataPoint, b as ChartDataResult, i as ChartSeries, j as ChartSuggestion, k as ChartType, E as EChartWrapper, l as EChartWrapperProps, L as LegendPosition, m as LineChart, n as LineChartProps, M as MetricCard, o as MetricCardProps, p as PieChart, q as PieChartProps, R as ReferenceLineConfig, S as ScatterChart, r as ScatterChartProps, s as Sparkline, t as SparklineProps, u as TrendConfig, v as TrendIndicator, w as TrendIndicatorProps, U as adjustColorOpacity, x as applyThemeToOption, y as createChartTheme, V as createEmptyStateGraphic, z as createGradientColor, W as createMarkLines, F as dataPointsToChartData, G as formatAxisLabel, H as formatCompact, I as formatMetricValue, J as getChartColors, K as isChartDataEmpty, X as isQueryResult, N as queryResultToChartData, O as suggestChartType, Q as toChartData } from '../index-BA2VUhgN.cjs';
+import '../types-BaI6sSAG.cjs';

package/dist/charts/index.d.ts

@@ -1,2 +1,2 @@
-export { A as AreaChart, c as AreaChartProps, d as AxisFormat, B as BarChart, e as BarChartProps, f as BaseChartProps, g as ChartClickParams, C as ChartDataOptions, h as ChartDataPoint, b as ChartDataResult, i as ChartSeries, j as ChartSuggestion, k as ChartType, E as EChartWrapper, l as EChartWrapperProps, L as LegendPosition, m as LineChart, n as LineChartProps, M as MetricCard, o as MetricCardProps, p as PieChart, q as PieChartProps, R as ReferenceLineConfig, S as ScatterChart, r as ScatterChartProps, s as Sparkline, t as SparklineProps, u as TrendConfig, v as TrendIndicator, w as TrendIndicatorProps, U as adjustColorOpacity, x as applyThemeToOption, y as createChartTheme, V as createEmptyStateGraphic, z as createGradientColor, W as createMarkLines, F as dataPointsToChartData, G as formatAxisLabel, H as formatCompact, I as formatMetricValue, J as getChartColors, K as isChartDataEmpty, X as isQueryResult, N as queryResultToChartData, O as suggestChartType, Q as toChartData } from '../index-DXGLs1yY.js';
-import '../types-j0kPJ9Hz.js';
+export { A as AreaChart, c as AreaChartProps, d as AxisFormat, B as BarChart, e as BarChartProps, f as BaseChartProps, g as ChartClickParams, C as ChartDataOptions, h as ChartDataPoint, b as ChartDataResult, i as ChartSeries, j as ChartSuggestion, k as ChartType, E as EChartWrapper, l as EChartWrapperProps, L as LegendPosition, m as LineChart, n as LineChartProps, M as MetricCard, o as MetricCardProps, p as PieChart, q as PieChartProps, R as ReferenceLineConfig, S as ScatterChart, r as ScatterChartProps, s as Sparkline, t as SparklineProps, u as TrendConfig, v as TrendIndicator, w as TrendIndicatorProps, U as adjustColorOpacity, x as applyThemeToOption, y as createChartTheme, V as createEmptyStateGraphic, z as createGradientColor, W as createMarkLines, F as dataPointsToChartData, G as formatAxisLabel, H as formatCompact, I as formatMetricValue, J as getChartColors, K as isChartDataEmpty, X as isQueryResult, N as queryResultToChartData, O as suggestChartType, Q as toChartData } from '../index-BPo89ZAj.js';
+import '../types-BaI6sSAG.js';

package/dist/{chunk-3LDRRDJ6.js → chunk-F6QYNQEW.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-VEFYFB5H.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(
@@ -5480,6 +5522,13 @@ function WidgetEditorPage({
       }))
     );
   }, [schema]);
+  const widgetContext = useMemo(() => ({
+    widget_type: type,
+    x_axis: config.x_axis,
+    y_axis: config.y_axis,
+    series_column: config.series_column,
+    last_error: previewError?.message
+  }), [type, config.x_axis, config.y_axis, config.series_column, previewError]);
   const containerStyle = {
     display: "flex",
     flexDirection: "column",
@@ -5956,6 +6005,7 @@ function WidgetEditorPage({
             title,
             config,
             query,
+            rawSql: dataSourceMode === "sql" ? rawSql : void 0,
             result: previewResult,
             isLoading: previewLoading,
             error: previewError
@@ -5999,6 +6049,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 +6098,101 @@ 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,
+                  widgetContext
+                }
+              ) })
+            ] })
           ] })
         ] })
       ] })
@@ -6112,7 +6274,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 +6290,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 +6368,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 +7766,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-F6QYNQEW.js.map
+//# sourceMappingURL=chunk-F6QYNQEW.js.map