@malloydata/malloy-explorer 0.0.285-dev250611150446 → 0.0.295-dev250710213205

package/dist/malloy-explorer.css

@@ -35,6 +35,7 @@
 .mlym9y5t7{--mlynfhokh:block}
 .mly28fmrt{--mlynfhokh:none}
 .mly1bo1i26{--mlyri8z08:0}
+.mly1ae5hkt{--mlyvpnzvp:block}
 .mly11ogjb6{--mlyvpnzvp:none}
 .mlyf8wvcd{--mlyvygx4q:var(--mly1css67u)}
 .mlyrtwgpv{--mlyvygx4q:var(--mly1fea1fg)}
@@ -53,6 +54,7 @@
 .mly1u5txqc:hover{--mly1by112x:.3}
 .mly1x0xcia:hover{--mlynfhokh:block}
 .mly1fzkygm:hover{--mlyri8z08:.3}
+.mly1g9of4s:hover{--mlyvpnzvp:block}
 .mly157rht3:hover{--mlyvpnzvp:inline-flex}
 }
 
@@ -129,6 +131,8 @@
 }
 
 @layer priority3{
+.mlyllpv0l{border-bottom:1px solid #e0e0e0}
+.mlyv3yj8d{border-bottom:1px solid var(--malloy-color-border,#e0e0e0)}
 .mly1akygb0{border-color:none}
 .mly1y5yj0f{border-color:rgb(0,100,224)}
 .mly10bk7bj{border-color:var(--malloy-composer-focus,#c3d7f7)}
@@ -151,6 +155,7 @@
 .mly1roky18{border-right:1px solid rgba(204,211,219,1)}
 .mlyng3xce{border-style:none}
 .mly1y0btm7{border-style:solid}
+.mlye536se{border-top:1px solid #e0e0e0}
 .mly77krkw{border-top:1px solid var(--malloy-composer-form-border,#ececec)}
 .mlyc342km{border-width:0}
 .mlymkeg23{border-width:1px}
@@ -165,6 +170,8 @@
 .mly1jnr06f{gap:4px}
 .mly1nejdyq{gap:5px}
 .mly167g77z{gap:8px}
+.mly623te4{grid-column:span 2}
+.mly1a80n4u{grid-column:span 3}
 .mly1a2a7pz{outline:none}
 .mlyysyzu8{overflow:auto}
 .mlyb3r6kr{overflow:hidden}
@@ -183,6 +190,7 @@
 .mlypqajaz{align-items:end}
 .mly1cy8zhl{align-items:flex-start}
 .mly7a106z{align-items:start}
+.mly1071x5a{align-items:top}
 .mly7v9bd0{animation-duration:.75s}
 .mlya4qsjk{animation-iteration-count:infinite}
 .mly8jsasv{animation-name:mlyqng64z-B}
@@ -196,6 +204,7 @@
 .mly1gzqxud{background-color:rgba(255,255,255,1)}
 .mly1jmk7v{background-color:rgba(37,54,63,1)}
 .mlyjbqb8w{background-color:transparent}
+.mly9nb4jr{background-color:var(--malloy-color-background,white)}
 .mly1jjku57{background-color:var(--malloy-composer-form-disabledBackground,#f6f6f6)}
 .mly6wxqrg{background-color:var(--malloy-composer-form-focusBackground,#f0f6ff)}
 .mly12azwz9{background-color:var(--malloy-composer-menu-background,white)}
@@ -296,11 +305,12 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mly117nqv4{font-weight:bold}
 .mly1fcty0u{font-weight:normal}
 .mly1mt1orb{grid-auto-flow:column}
+.mlysd5ean{grid-auto-rows:max-content}
 .mly15396mt{grid-template-columns:100px auto 100px}
 .mly52fmzj{grid-template-columns:1fr auto}
 .mly1g3yg12{grid-template-columns:auto 1fr auto}
 .mlybyjr8{grid-template-columns:auto}
-.mly17bnpya{grid-template-columns:min-content 1fr}
+.mly16kridx{grid-template-columns:min-content 1fr min-content}
 .mlyl56j7k{justify-content:center}
 .mly13a6bvl{justify-content:flex-end}
 .mly1nhvcw1{justify-content:flex-start}
@@ -313,6 +323,7 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mly1gu5id8{letter-spacing:-0.24px}
 .mly12oo3zp{letter-spacing:0}
 .mly1d3mw78{line-height:16px}
+.mly1rl49lg{line-height:2.2em}
 .mly1fc57z9{line-height:20px}
 .mly1o2sk6j{line-height:24px}
 .mly1vqud6w{opacity:70%}
@@ -322,6 +333,7 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mly10l6tqk{position:absolute}
 .mlyixxii4{position:fixed}
 .mly1n2onr6{position:relative}
+.mly7wzq59{position:sticky}
 .mly2b8uid{text-align:center}
 .mlydpxx8g{text-align:left}
 .mly1vqy1sf{text-edge:cap}
@@ -396,7 +408,9 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mlyq3t0pi{max-height:280px}
 .mlyuyqlj2{max-height:300px}
 .mly1phlbz0{max-height:400px}
+.mly1jcbksy{max-height:420px}
 .mly3d5gib{max-height:50vh}
+.mly1l4ul0t{max-height:75vh}
 .mly1kbvuzt{max-height:var(--radix-tooltip-content-available-height)}
 .mlyqyhut4{max-width:16.5px}
 .mly1pdpmub{max-width:264px}
@@ -404,7 +418,9 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mly1dc814f{max-width:350px}
 .mlyxc7z9f{max-width:360px}
 .mly1j9u4d2{max-width:400px}
+.mly1lr1uin{max-width:420px}
 .mlymcgfsh{max-width:60px}
+.mly14zcgw3{max-width:75vw}
 .mly2lwn1j{min-height:0}
 .mly4x6u8j{min-width:16.5px}
 .mlygc0pbm{min-width:1px}
@@ -450,6 +466,7 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mlyxsgkw5{width:350px}
 .mly869kya{width:5.5em}
 .mly1ftt334{width:5px}
+.mly14rvwrp{width:600px}
 .mly1247r65{width:60px}
 .mly1xc55vz{width:8px}
 .mlym6i5cn{width:90%}

package/dist/types/components/MalloyExplorerProvider.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import * as Malloy from '@malloydata/malloy-interfaces';
+import type { DrillData } from '@malloydata/render';
 import { SearchValueMapResult } from '../contexts/QueryEditorContext';
 export interface MalloyExplorerProviderProps {
     source: Malloy.SourceInfo;
@@ -9,9 +10,6 @@ export interface MalloyExplorerProviderProps {
     onFocusedNestViewPathChange: (path: string[]) => void;
     children: ReactNode | ReactNode[];
     topValues?: SearchValueMapResult[];
-    onDrill?: ({ stableQuery, stableDrillClauses, }: {
-        stableQuery: Malloy.Query | undefined;
-        stableDrillClauses: Malloy.DrillOperation[] | undefined;
-    }) => void;
+    onDrill?: ({ stableQuery, stableDrillClauses }: DrillData) => void;
 }
 export declare function MalloyExplorerProvider({ source, query, onQueryChange, focusedNestViewPath, onFocusedNestViewPathChange, children, topValues, onDrill, }: MalloyExplorerProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/QueryPanel/AddMenu/ValueList.d.ts

@@ -3,13 +3,15 @@ import { StyleXStyles } from '@stylexjs/stylex';
 import { SearchIndexResult } from './hooks/useSearch';
 export interface FieldListProps {
     search: string;
+    filter?: (value: string) => boolean;
     onClick: (value: SearchIndexResult) => void;
     fieldPath?: string;
     ref?: React.RefObject<HTMLDivElement | null>;
     customStyle?: StyleXStyles;
     showPath?: boolean;
+    hideNoMatchMessage?: boolean;
 }
-export declare function ValueList({ onClick, search, fieldPath, ref, customStyle, showPath, }: FieldListProps): import("react/jsx-runtime").JSX.Element;
+export declare function ValueList({ onClick, search, filter, fieldPath, ref, customStyle, showPath, hideNoMatchMessage, }: FieldListProps): import("react/jsx-runtime").JSX.Element;
 export interface ValueProps {
     value: SearchIndexResult;
 }

package/dist/types/components/QueryPanel/VizEditor/ArrayEditor.d.ts

@@ -0,0 +1,3 @@
+import { JSONSchemaArray } from '@malloydata/render';
+import { EditorProps } from './types';
+export default function ArrayEditor({ name, path, current, option, updateCurrent, }: EditorProps<JSONSchemaArray, string[]>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/QueryPanel/VizEditor/BooleanEditor.d.ts

@@ -0,0 +1,3 @@
+import { JSONSchemaBoolean } from '@malloydata/render';
+import { EditorProps } from './types';
+export default function BooleanEditor({ name, path, current, option, updateCurrent, }: EditorProps<JSONSchemaBoolean, boolean>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/QueryPanel/VizEditor/FieldEditor.d.ts

@@ -0,0 +1,3 @@
+import { JSONSchemaArray } from '@malloydata/render';
+import { EditorProps } from './types';
+export default function FieldEditor({ view, name, path, current, option, updateCurrent, }: EditorProps<JSONSchemaArray, string[]>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/QueryPanel/VizEditor/InfoHover.d.ts

@@ -0,0 +1,4 @@
+export interface InfoHoverProps {
+    info: string;
+}
+export default function InfoHover({ info }: InfoHoverProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/QueryPanel/VizEditor/NumberEditor.d.ts

@@ -0,0 +1,3 @@
+import { JSONSchemaNumber } from '@malloydata/render';
+import { EditorProps } from './types';
+export default function NumberEditor({ name, path, current, option, updateCurrent, }: EditorProps<JSONSchemaNumber>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/QueryPanel/VizEditor/ObjectEditor.d.ts

@@ -0,0 +1,3 @@
+import { JSONSchemaObject } from '@malloydata/render';
+import { EditorProps } from './types';
+export default function ObjectEditor({ view, name, path, current, option, updateCurrent, }: EditorProps<JSONSchemaObject, Record<string, unknown>>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/QueryPanel/VizEditor/OneOfEditor.d.ts

@@ -0,0 +1,3 @@
+import { JSONSchemaOneOf } from '@malloydata/render';
+import { EditorProps } from './types';
+export default function OneOfEditor({ view, name, path, current, option, updateCurrent, }: EditorProps<JSONSchemaOneOf, unknown>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/QueryPanel/VizEditor/StringEditor.d.ts

@@ -0,0 +1,3 @@
+import { JSONSchemaString } from '@malloydata/render';
+import { EditorProps } from './types';
+export default function StringEditor({ name, path, current, option, updateCurrent, }: EditorProps<JSONSchemaString>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/QueryPanel/VizEditor/VizEditor.d.ts

@@ -0,0 +1,11 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import { ASTQuery, ASTView } from '@malloydata/malloy-query-builder';
+import { CoreVizPluginInstance } from '@malloydata/render';
+export interface VizEditorProps {
+    rootQuery: ASTQuery;
+    plugin: CoreVizPluginInstance;
+    view: ASTQuery | ASTView;
+    customStyle?: StyleXStyles;
+    setOpen: (open: boolean) => void;
+}
+export declare function VizEditor({ rootQuery, view, plugin, setOpen }: VizEditorProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/QueryPanel/VizEditor/VizEditorDialog.d.ts

@@ -0,0 +1,12 @@
+import { ASTQuery, ASTView } from '@malloydata/malloy-query-builder';
+import { CoreVizPluginInstance } from '@malloydata/render';
+import { StyleXStyles } from '@stylexjs/stylex';
+export interface VizEditorDialogProps {
+    rootQuery: ASTQuery;
+    plugin?: CoreVizPluginInstance;
+    view: ASTQuery | ASTView;
+    customStyle?: StyleXStyles;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+}
+export declare function VizEditorDialog({ rootQuery, plugin, view, customStyle, open, setOpen, }: VizEditorDialogProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/types/components/QueryPanel/VizEditor/VizEditorPopover.d.ts

@@ -0,0 +1,10 @@
+import { ASTQuery, ASTView } from '@malloydata/malloy-query-builder';
+import { CoreVizPluginInstance } from '@malloydata/render';
+import { StyleXStyles } from '@stylexjs/stylex';
+export interface VizEditorPopoverProps {
+    rootQuery: ASTQuery;
+    plugin: CoreVizPluginInstance;
+    view: ASTQuery | ASTView;
+    customStyle?: StyleXStyles;
+}
+export declare function VizEditorPopover({ rootQuery, plugin, view, customStyle, }: VizEditorPopoverProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/QueryPanel/VizEditor/styles.d.ts

@@ -0,0 +1,72 @@
+export declare const styles: Readonly<{
+    readonly trigger: Readonly<{
+        readonly height: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"height", "calc(100% - 8px)">;
+    }>;
+    readonly left: Readonly<{
+        readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "flex">;
+        readonly justifyContent: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"justifyContent", "right">;
+    }>;
+    readonly right: Readonly<{
+        readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "flex">;
+        readonly justifyContent: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"justifyContent", "left">;
+    }>;
+    readonly heading: Readonly<{
+        readonly gridColumn: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"gridColumn", "span 2">;
+        readonly fontWeight: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"fontWeight", "bold">;
+    }>;
+    readonly label: Readonly<{
+        readonly whiteSpace: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"whiteSpace", "nowrap">;
+    }>;
+    readonly divider: Readonly<{
+        readonly gridColumn: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"gridColumn", "span 3">;
+        readonly borderTop: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderTop", "1px solid #e0e0e0">;
+    }>;
+    readonly content: Readonly<{
+        readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"flexDirection", "column">;
+        readonly boxShadow: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"boxShadow", "0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 12px 0 rgba(0, 0, 0, 0.1)">;
+        readonly backgroundColor: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"backgroundColor", "white">;
+        readonly borderRadius: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderRadius", 8>;
+        readonly padding: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"padding", 8>;
+        readonly minWidth: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"minWidth", 240>;
+        readonly maxWidth: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"maxWidth", 420>;
+        readonly maxHeight: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"maxHeight", 420>;
+        readonly gap: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"gap", 8>;
+    }>;
+    readonly editor: Readonly<{
+        readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"gap", 8>;
+        readonly overflow: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"overflow", "hidden">;
+    }>;
+    readonly editorGrid: Readonly<{
+        readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "grid">;
+        readonly gridTemplateColumns: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"gridTemplateColumns", "min-content 1fr min-content">;
+        readonly gridAutoRows: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"gridAutoRows", "max-content">;
+        readonly gap: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"gap", 8>;
+        readonly overflowY: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"overflowY", "auto">;
+    }>;
+    readonly editorRow: Readonly<{
+        readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "flex">;
+        readonly gap: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"gap", 8>;
+    }>;
+    readonly editorCell: Readonly<{
+        readonly flexGrow: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"flexGrow", 1>;
+    }>;
+    readonly input: Readonly<{
+        readonly border: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"border", "1px solid rgb(239, 239, 239)">;
+        readonly borderRadius: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderRadius", 4>;
+        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", "rgb(95, 99, 104)">;
+        readonly padding: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"padding", "3px 3px 3px 10px">;
+    }>;
+    readonly card: Readonly<{
+        readonly maxWidth: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"maxWidth", "350px">;
+    }>;
+    readonly infoTrigger: Readonly<{
+        readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "inline-flex">;
+        readonly alignItems: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"alignItems", "top">;
+        readonly justifyContent: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"justifyContent", "center">;
+        readonly paddingRight: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"paddingRight", "8px">;
+        readonly paddingTop: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"paddingTop", "4px">;
+    }>;
+}>;

package/dist/types/components/QueryPanel/VizEditor/types.d.ts

@@ -0,0 +1,11 @@
+import { ASTQuery, ASTView } from '@malloydata/malloy-query-builder';
+import { TagSetValue } from '@malloydata/malloy-tag';
+import { JSONSchemaProperty } from '@malloydata/render';
+export interface EditorProps<T extends JSONSchemaProperty, C = TagSetValue> {
+    view: ASTQuery | ASTView;
+    name: string;
+    path: string[];
+    option: T;
+    current: C;
+    updateCurrent: (path: string[], value: unknown) => void;
+}

package/dist/types/components/QueryPanel/dialogStyles.d.ts

@@ -0,0 +1,60 @@
+export declare const dialogStyles: Readonly<{
+    readonly displayNone: Readonly<{
+        readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "none">;
+    }>;
+    readonly overlay: Readonly<{
+        readonly background: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"background", "rgba(0 0 0 / 0.0)">;
+        readonly position: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"position", "fixed">;
+        readonly top: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"top", 0>;
+        readonly left: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"left", 0>;
+        readonly right: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"right", 0>;
+        readonly bottom: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"bottom", 0>;
+        readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "grid">;
+        readonly placeItems: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"placeItems", "center">;
+        readonly zIndex: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"zIndex", 100>;
+    }>;
+    readonly title: Readonly<{
+        readonly fontSize: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"fontSize", "16px">;
+        readonly margin: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"margin", 0>;
+        readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "flex">;
+        readonly justifyContent: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"justifyContent", "space-between">;
+        readonly alignItems: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"alignItems", "center">;
+        readonly borderBottom: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderBottom", "1px solid #e0e0e0">;
+        readonly lineHeight: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"lineHeight", "2.2em">;
+    }>;
+    readonly close: Readonly<{
+        readonly border: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"border", "none">;
+        readonly background: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"background", "transparent" | "rgba(0, 0, 0, 0.05)" | "rgba(0, 0, 0, 0.1)">;
+        readonly borderRadius: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderRadius", 4>;
+    }>;
+    readonly content: Readonly<{
+        readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"flexDirection", "column">;
+        readonly boxShadow: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"boxShadow", "0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 12px 0 rgba(0, 0, 0, 0.1)">;
+        readonly backgroundColor: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"backgroundColor", "white">;
+        readonly borderRadius: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderRadius", 8>;
+        readonly padding: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"padding", 8>;
+        readonly minWidth: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"minWidth", 240>;
+        readonly maxWidth: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"maxWidth", 280>;
+        readonly gap: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"gap", 8>;
+    }>;
+    readonly editor: Readonly<{
+        readonly width: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"width", 250>;
+        readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"gap", 8>;
+    }>;
+    readonly editorRow: Readonly<{
+        readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "flex">;
+        readonly gap: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"gap", 8>;
+    }>;
+    readonly editorCell: Readonly<{
+        readonly flexGrow: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"flexGrow", 1>;
+    }>;
+    readonly input: Readonly<{
+        readonly border: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"border", "1px solid #e0e0e0">;
+        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", "rgb(95, 99, 104)">;
+        readonly padding: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"padding", "4px 8px 4px 8px">;
+        readonly borderRadius: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderRadius", 5>;
+    }>;
+}>;

package/dist/types/components/ResultPanel/ResultDisplay.d.ts

@@ -1,9 +1,5 @@
 import * as Malloy from '@malloydata/malloy-interfaces';
 import { SubmittedQuery } from './SubmittedQuery';
-export interface DrillData {
-    stableQuery: Malloy.Query | undefined;
-    stableDrillClauses: Malloy.DrillOperation[] | undefined;
-}
 export interface ResultDisplayProps {
     source: Malloy.SourceInfo;
     query: SubmittedQuery;

package/dist/types/components/filters/DateTimeFilterCore.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { TemporalFilter, TemporalUnit } from '@malloydata/malloy-filter';
 type TemporalFilterOperator = TemporalFilter['operator'];
-type TemporalFilterType = TemporalFilterOperator | '-null' | 'not_before';
+type TemporalFilterType = TemporalFilterOperator | '-null' | '-before' | '-after';
 export interface DateTimeFilterCoreProps {
     filter: TemporalFilter | null;
     setFilter: (filter: TemporalFilter) => void;

package/dist/types/components/primitives/ScrollableArea.d.ts

@@ -5,5 +5,8 @@ interface ScrollableAreaProps {
      */
     children: React.ReactNode;
 }
+/**
+ * @deprecated
+ */
 export default function ScrollableArea({ children }: ScrollableAreaProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/utils/renderer.d.ts

@@ -10,27 +10,3 @@ export type AtomicRendererName = 'number' | 'boolean' | 'currency' | 'image' | '
 export type RendererName = QueryRendererName | AtomicRendererName;
 export declare function tagToRenderer(tag: Tag | undefined): RendererName | null;
 export declare function legacyToViz(name: QueryRendererName): VizName;
-export interface BaseVizOption {
-    name: string;
-    label: string;
-    description?: string;
-}
-export interface VizBooleanOption extends BaseVizOption {
-    type: 'boolean';
-    default: boolean;
-}
-export interface VizStringOption extends BaseVizOption {
-    type: 'string';
-    default: string;
-}
-export interface VizSelectOption extends BaseVizOption {
-    type: 'select';
-    default: string;
-    options: Array<{
-        label: string;
-        description?: string;
-        value: string;
-    }>;
-}
-export type VizOption = VizBooleanOption | VizStringOption | VizSelectOption;
-export declare const VISUALIZATION_OPTIONS: Record<VizName, VizOption[] | null>;

package/dist/types/contexts/QueryEditorContext.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import * as Malloy from '@malloydata/malloy-interfaces';
 import { ASTQuery } from '@malloydata/malloy-query-builder';
+import type { DrillData } from '@malloydata/render';
 export interface SearchValueMapResult {
     fieldName: string;
     cardinality: number;
@@ -17,10 +18,7 @@ export interface QueryEditorContextProps {
     /** Provide to allow editing of the query */
     setQuery?: (query: Malloy.Query | undefined) => void;
     topValues?: SearchValueMapResult[];
-    onDrill?: ({ stableQuery, stableDrillClauses, }: {
-        stableQuery: Malloy.Query | undefined;
-        stableDrillClauses: Malloy.DrillOperation[] | undefined;
-    }) => void;
+    onDrill?: ({ stableQuery, stableDrillClauses }: DrillData) => void;
 }
 /**
  * QueryEditorContext enables query editing by providing the setQuery

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@malloydata/malloy-explorer",
-  "version": "0.0.285-dev250611150446",
+  "version": "0.0.295-dev250710213205",
   "description": "Malloy visual query builder",
   "main": "dist/cjs/index.cjs",
   "types": "dist/types/index.d.ts",
@@ -73,8 +73,8 @@
     "@stylexjs/stylex": "^0.10.1",
     "assert": "^2.1.0",
     "moment": "^2.30.1",
-    "react": ">= 19.0.0",
-    "react-dom": ">= 19.0.0"
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.27.2",
@@ -82,6 +82,8 @@
     "@babel/preset-typescript": "^7.27.1",
     "@eslint/compat": "^1.2.7",
     "@eslint/js": "^9.21.0",
+    "@malloydata/db-duckdb": "^0.0.295",
+    "@malloydata/malloy": "^0.0.295",
     "@rollup/plugin-replace": "^6.0.2",
     "@stylexjs/eslint-plugin": "^0.11.1",
     "@stylexjs/postcss-plugin": "^0.11.1",
@@ -113,11 +115,11 @@
     "vite-plugin-svgr": "^4.3.0"
   },
   "peerDependencies": {
-    "@malloydata/malloy-filter": ">=0.0.291",
-    "@malloydata/malloy-interfaces": ">=0.0.291",
-    "@malloydata/malloy-query-builder": ">=0.0.291",
-    "@malloydata/malloy-tag": ">=0.0.291",
-    "@malloydata/render": ">=0.0.291",
+    "@malloydata/malloy-filter": ">=0.0.295",
+    "@malloydata/malloy-interfaces": ">=0.0.295",
+    "@malloydata/malloy-query-builder": ">=0.0.295",
+    "@malloydata/malloy-tag": ">=0.0.295",
+    "@malloydata/render": ">=0.0.295",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0"
   }

package/vite.config.mts

@@ -33,6 +33,8 @@ export default defineConfig({
         'react',
         'react-dom',
         'react/jsx-runtime',
+        '@malloydata/db-duckdb/wasm',
+        '@malloydata/malloy',
         '@malloydata/malloy-tag',
         '@malloydata/malloy-filter',
         '@malloydata/malloy-interfaces',
@@ -54,11 +56,14 @@ export default defineConfig({
   optimizeDeps: {
     force: true,
     include: [
+      '@malloydata/db-duckdb/wasm',
       '@malloydata/render',
+      '@malloydata/malloy',
       '@malloydata/malloy-tag',
       '@malloydata/malloy-filter',
       '@malloydata/malloy-interfaces',
       '@malloydata/malloy-query-builder',
     ],
+    exclude: ['@mapbox/node-pre-gyp'],
   },
 });

package/dist/types/components/QueryPanel/RendererPopover.d.ts

@@ -1,20 +0,0 @@
-import { VizOption, VizName } from '../utils/renderer';
-import { ASTQuery, ASTView } from '@malloydata/malloy-query-builder';
-import { StyleXStyles } from '@stylexjs/stylex';
-export interface RendererPopoverProps {
-    rootQuery: ASTQuery;
-    viz: VizName;
-    options: VizOption[];
-    view: ASTQuery | ASTView;
-    customStyle?: StyleXStyles;
-}
-export declare function RendererPopover({ rootQuery, viz, options, view, customStyle, }: RendererPopoverProps): import("react/jsx-runtime").JSX.Element;
-export interface RendererEditorProps {
-    rootQuery: ASTQuery;
-    viz: VizName;
-    options: VizOption[];
-    view: ASTQuery | ASTView;
-    customStyle?: StyleXStyles;
-    setOpen: (open: boolean) => void;
-}
-export declare function RendererEditor({ rootQuery, view, viz, options, setOpen, }: RendererEditorProps): import("react/jsx-runtime").JSX.Element | null;