@malloydata/malloy-explorer 0.0.299-dev250808170326 → 0.0.305-dev250819202105

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

@@ -43,9 +43,9 @@ export default function Button({ variant, size, icon, label, tooltip, isDisabled
 declare const colorVariants: Readonly<{
     readonly default: Readonly<{
         readonly [x: string]: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<string, {
-            readonly default: "rgba(230, 235, 239, 1)";
-            readonly ':hover': "rgba(221, 226, 232, 1)";
-            readonly ':active': "rgba(204, 211, 219, 1)";
+            readonly default: import("@stylexjs/stylex/lib/StyleXTypes").StyleXVar<string>;
+            readonly ':hover': import("@stylexjs/stylex/lib/StyleXTypes").StyleXVar<string>;
+            readonly ':active': import("@stylexjs/stylex/lib/StyleXTypes").StyleXVar<string>;
             readonly ':disabled'?: undefined;
         } | {
             readonly default: import("@stylexjs/stylex/lib/StyleXTypes").StyleXVar<string>;
@@ -53,13 +53,13 @@ declare const colorVariants: Readonly<{
             readonly ':hover'?: undefined;
             readonly ':active'?: undefined;
         }>;
-        readonly background: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"background", "rgba(204, 211, 219, 1)" | "rgba(230, 235, 239, 1)" | "rgba(221, 226, 232, 1)">;
+        readonly background: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"background", string>;
     }>;
     readonly flat: Readonly<{
         readonly [x: string]: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<string, {
             readonly default: "transparent";
-            readonly ':hover': "rgba(0, 0, 0, 0.05)";
-            readonly ':active': "rgba(0, 0, 0, 0.1)";
+            readonly ':hover': import("@stylexjs/stylex/lib/StyleXTypes").StyleXVar<string>;
+            readonly ':active': import("@stylexjs/stylex/lib/StyleXTypes").StyleXVar<string>;
             readonly ':disabled'?: undefined;
         } | {
             readonly default: import("@stylexjs/stylex/lib/StyleXTypes").StyleXVar<string>;
@@ -67,13 +67,13 @@ declare const colorVariants: Readonly<{
             readonly ':hover'?: undefined;
             readonly ':active'?: undefined;
         }>;
-        readonly background: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"background", "transparent" | "rgba(0, 0, 0, 0.05)" | "rgba(0, 0, 0, 0.1)">;
+        readonly background: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"background", string>;
     }>;
     readonly primary: Readonly<{
         readonly [x: string]: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<string, {
-            readonly default: "rgba(0, 100, 224, 1)";
-            readonly ':hover': "rgba(4, 87, 203, 1)";
-            readonly ':active': "rgba(0, 76, 188, 1)";
+            readonly default: import("@stylexjs/stylex/lib/StyleXTypes").StyleXVar<string>;
+            readonly ':hover': import("@stylexjs/stylex/lib/StyleXTypes").StyleXVar<string>;
+            readonly ':active': import("@stylexjs/stylex/lib/StyleXTypes").StyleXVar<string>;
             readonly ':disabled'?: undefined;
         } | {
             readonly default: import("@stylexjs/stylex/lib/StyleXTypes").StyleXVar<string>;
@@ -81,7 +81,7 @@ declare const colorVariants: Readonly<{
             readonly ':hover'?: undefined;
             readonly ':active'?: undefined;
         }>;
-        readonly background: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"background", "rgba(0, 100, 224, 1)" | "rgba(4, 87, 203, 1)" | "rgba(0, 76, 188, 1)">;
+        readonly background: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"background", string>;
     }>;
 }>;
 declare const sizeVariants: Readonly<{

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

@@ -1,17 +1,8 @@
 import { StyleXStyles } from '@stylexjs/stylex';
 declare const SIZES: {
-    large: {
-        border: number;
-        diameter: number;
-    };
-    medium: {
-        border: number;
-        diameter: number;
-    };
-    small: {
-        border: number;
-        diameter: number;
-    };
+    large: number;
+    medium: number;
+    small: number;
 };
 type SpinnerSize = keyof typeof SIZES;
 interface SpinnerProps {

package/dist/types/components/primitives/colors.stylex.d.ts

@@ -1,22 +1,34 @@
 export declare const backgroundColors: import("@stylexjs/stylex").VarGroup<Readonly<{
+    app: string;
+    surface: string;
+    surfaceSubtle: string;
+    surfaceToken: string;
+    tooltip: string;
     gray: string;
     purple: string;
     green: string;
     cyan: string;
-    washOnWeb: string;
+    divider: string;
     accentDeemphasized: string;
     positiveDeemphasized: string;
     warningDeemphasized: string;
     negativeDeemphasized: string;
-    divider: string;
-    token: string;
-    tooltip: string;
+    overlayHover: string;
+    overlayActive: string;
+    disabledOverlay: string;
+    controlDefault: string;
+    controlHover: string;
+    controlActive: string;
+    brandDefault: string;
+    brandHover: string;
+    brandActive: string;
 }>, symbol>;
 export declare const textColors: import("@stylexjs/stylex").VarGroup<Readonly<{
     primary: string;
     secondary: string;
     disabled: string;
     link: string;
+    tooltip: string;
     primaryOnDarkMedia: string;
     gray: string;
     purple: string;
@@ -38,3 +50,132 @@ export declare const iconColors: import("@stylexjs/stylex").VarGroup<Readonly<{
     positive: string;
     negative: string;
 }>, symbol>;
+export declare const utility: import("@stylexjs/stylex").VarGroup<Readonly<{
+    elevationMedium: string;
+    elevationSmall: string;
+    outline: string;
+    focusOutline: string;
+    focusRingColor: string;
+    focusRingInner: string;
+    spinnerTrack: string;
+}>, symbol>;
+export declare const darkBackgroundTheme: import("@stylexjs/stylex").Theme<import("@stylexjs/stylex").VarGroup<Readonly<{
+    app: string;
+    surface: string;
+    surfaceSubtle: string;
+    surfaceToken: string;
+    tooltip: string;
+    gray: string;
+    purple: string;
+    green: string;
+    cyan: string;
+    divider: string;
+    accentDeemphasized: string;
+    positiveDeemphasized: string;
+    warningDeemphasized: string;
+    negativeDeemphasized: string;
+    overlayHover: string;
+    overlayActive: string;
+    disabledOverlay: string;
+    controlDefault: string;
+    controlHover: string;
+    controlActive: string;
+    brandDefault: string;
+    brandHover: string;
+    brandActive: string;
+}>, symbol>, symbol>;
+export declare const darkTextTheme: import("@stylexjs/stylex").Theme<import("@stylexjs/stylex").VarGroup<Readonly<{
+    primary: string;
+    secondary: string;
+    disabled: string;
+    link: string;
+    tooltip: string;
+    primaryOnDarkMedia: string;
+    gray: string;
+    purple: string;
+    green: string;
+    cyan: string;
+    dimension: string;
+}>, symbol>, symbol>;
+export declare const darkIconTheme: import("@stylexjs/stylex").Theme<import("@stylexjs/stylex").VarGroup<Readonly<{
+    primary: string;
+    secondary: string;
+    disabled: string;
+    primaryOnMedia: string;
+    gray: string;
+    purple: string;
+    green: string;
+    cyan: string;
+    warning: string;
+    accent: string;
+    positive: string;
+    negative: string;
+}>, symbol>, symbol>;
+export declare const darkUtilityTheme: import("@stylexjs/stylex").Theme<import("@stylexjs/stylex").VarGroup<Readonly<{
+    elevationMedium: string;
+    elevationSmall: string;
+    outline: string;
+    focusOutline: string;
+    focusRingColor: string;
+    focusRingInner: string;
+    spinnerTrack: string;
+}>, symbol>, symbol>;
+export declare const darkThemes: readonly [import("@stylexjs/stylex").Theme<import("@stylexjs/stylex").VarGroup<Readonly<{
+    app: string;
+    surface: string;
+    surfaceSubtle: string;
+    surfaceToken: string;
+    tooltip: string;
+    gray: string;
+    purple: string;
+    green: string;
+    cyan: string;
+    divider: string;
+    accentDeemphasized: string;
+    positiveDeemphasized: string;
+    warningDeemphasized: string;
+    negativeDeemphasized: string;
+    overlayHover: string;
+    overlayActive: string;
+    disabledOverlay: string;
+    controlDefault: string;
+    controlHover: string;
+    controlActive: string;
+    brandDefault: string;
+    brandHover: string;
+    brandActive: string;
+}>, symbol>, symbol>, import("@stylexjs/stylex").Theme<import("@stylexjs/stylex").VarGroup<Readonly<{
+    primary: string;
+    secondary: string;
+    disabled: string;
+    link: string;
+    tooltip: string;
+    primaryOnDarkMedia: string;
+    gray: string;
+    purple: string;
+    green: string;
+    cyan: string;
+    dimension: string;
+}>, symbol>, symbol>, import("@stylexjs/stylex").Theme<import("@stylexjs/stylex").VarGroup<Readonly<{
+    primary: string;
+    secondary: string;
+    disabled: string;
+    primaryOnMedia: string;
+    gray: string;
+    purple: string;
+    green: string;
+    cyan: string;
+    warning: string;
+    accent: string;
+    positive: string;
+    negative: string;
+}>, symbol>, symbol>, import("@stylexjs/stylex").Theme<import("@stylexjs/stylex").VarGroup<Readonly<{
+    elevationMedium: string;
+    elevationSmall: string;
+    outline: string;
+    focusOutline: string;
+    focusRingColor: string;
+    focusRingInner: string;
+    spinnerTrack: string;
+}>, symbol>, symbol>];
+export type ColorTheme = typeof darkThemes;

package/dist/types/components/primitives/contexts/ThemeContext.d.ts

@@ -0,0 +1,6 @@
+import { ColorTheme } from '../colors.stylex';
+export interface ThemeContextProps {
+    theme?: ColorTheme;
+    dark?: boolean;
+}
+export declare const ThemeContext: import("react").Context<ThemeContextProps>;

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

@@ -2,22 +2,24 @@ export declare const tooltipStyles: Readonly<{
     readonly default: Readonly<{
         readonly padding: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"padding", "4px 8px">;
         readonly borderRadius: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderRadius", "12px">;
-        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", "rgba(221, 226, 232, 1)">;
-        readonly backgroundColor: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"backgroundColor", "rgba(37, 54, 63, 1)">;
+        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", string>;
+        readonly backgroundColor: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"backgroundColor", string>;
         readonly maxWidth: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"maxWidth", "360px">;
-        readonly boxShadow: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"boxShadow", "0px 2px 12px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.1)">;
+        readonly boxShadow: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"boxShadow", string>;
         readonly zIndex: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"zIndex", 2>;
     }>;
     readonly card: Readonly<{
         readonly width: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"width", "var(--radix-tooltip-trigger-width)">;
         readonly maxHeight: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"maxHeight", "var(--radix-tooltip-content-available-height)">;
+        readonly backgroundColor: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"backgroundColor", string>;
+        readonly boxShadow: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"boxShadow", string>;
         readonly zIndex: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"zIndex", 2>;
     }>;
 }>;
 export declare const fontStyles: Readonly<{
     readonly largeEmphasized: Readonly<{
         readonly fontFamily: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"fontFamily", "SF Pro Text, -apple-system, system-ui, sans-serif">;
-        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", "rgba(5, 5, 5, 1)">;
+        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", string>;
         readonly fontWeight: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"fontWeight", 700>;
         readonly fontSize: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"fontSize", "16px">;
         readonly lineHeight: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"lineHeight", "24px">;
@@ -25,7 +27,7 @@ export declare const fontStyles: Readonly<{
     }>;
     readonly largeBody: Readonly<{
         readonly fontFamily: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"fontFamily", "SF Pro Text, -apple-system, system-ui, sans-serif">;
-        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", "rgba(5, 5, 5, 1)">;
+        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", string>;
         readonly fontWeight: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"fontWeight", 400>;
         readonly fontSize: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"fontSize", "16px">;
         readonly lineHeight: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"lineHeight", "20px">;
@@ -33,7 +35,7 @@ export declare const fontStyles: Readonly<{
     }>;
     readonly emphasized: Readonly<{
         readonly fontFamily: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"fontFamily", "SF Pro Text, -apple-system, system-ui, sans-serif">;
-        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", "rgba(5, 5, 5, 1)">;
+        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", string>;
         readonly fontWeight: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"fontWeight", 700>;
         readonly fontSize: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"fontSize", "14px">;
         readonly lineHeight: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"lineHeight", "20px">;
@@ -41,7 +43,7 @@ export declare const fontStyles: Readonly<{
     }>;
     readonly body: Readonly<{
         readonly fontFamily: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"fontFamily", "SF Pro Text, -apple-system, system-ui, sans-serif">;
-        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", "rgba(5, 5, 5, 1)">;
+        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", string>;
         readonly fontWeight: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"fontWeight", 400>;
         readonly fontSize: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"fontSize", "14px">;
         readonly lineHeight: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"lineHeight", "20px">;
@@ -49,7 +51,7 @@ export declare const fontStyles: Readonly<{
     }>;
     readonly link: Readonly<{
         readonly fontFamily: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"fontFamily", "SF Pro Text, -apple-system, system-ui, sans-serif">;
-        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", "rgba(0, 100, 224, 1)">;
+        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", string>;
         readonly fontWeight: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"fontWeight", 400>;
         readonly fontSize: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"fontSize", "14px">;
         readonly lineHeight: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"lineHeight", "20px">;
@@ -57,7 +59,7 @@ export declare const fontStyles: Readonly<{
     }>;
     readonly supporting: Readonly<{
         readonly fontFamily: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"fontFamily", "SF Pro Text, -apple-system, system-ui, sans-serif">;
-        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", "rgba(5, 5, 5, 1)">;
+        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", string>;
         readonly fontWeight: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"fontWeight", 400>;
         readonly fontSize: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"fontSize", "12px">;
         readonly lineHeight: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"lineHeight", "16px">;
@@ -73,7 +75,7 @@ export declare const fontStyles: Readonly<{
     }>;
     readonly tooltipText: Readonly<{
         readonly fontFamily: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"fontFamily", "SF Pro Text, -apple-system, system-ui, sans-serif">;
-        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", "rgba(221, 226, 232, 1)">;
+        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", string>;
         readonly fontSize: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"fontSize", "14px">;
         readonly fontStyle: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"fontStyle", "normal">;
         readonly fontWeight: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"fontWeight", 400>;

package/dist/types/components/primitives/syntax_highlighting/syntaxHighlighter.d.ts

@@ -1,6 +1,8 @@
 import { TransformerOptions } from './transformers/transformers';
+import { HighlighterCore } from '@shikijs/core';
 export type SupportedLang = 'json' | 'sql' | 'malloy';
 export type SupportedTheme = 'light-plus' | 'dark-plus';
 type HighlighterOptions = {} & TransformerOptions;
+export declare function getHighlighter(): Promise<HighlighterCore>;
 export declare function highlightPre(code: string, lang: SupportedLang, theme: SupportedTheme, { showLineNumbers, lineSpacing }: HighlighterOptions): Promise<HTMLDivElement>;
 export {};

package/dist/types/components/primitives/utils/icon.d.ts

@@ -113,6 +113,12 @@ export declare const ICON_MAP: {
         desc?: string;
         descId?: string;
     }>;
+    readonly malloy: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
     readonly aggregate: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;

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

@@ -22,7 +22,9 @@ export declare const styles: Readonly<{
         readonly padding: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"padding", 5>;
     }>;
     readonly queryCard: Readonly<{
-        readonly border: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"border", "1px solid #CCD3DB">;
+        readonly borderWidth: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderWidth", "1px">;
+        readonly borderStyle: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderColor: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderColor", string>;
         readonly borderRadius: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderRadius", 5>;
         readonly padding: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"padding", 8>;
     }>;
@@ -49,7 +51,7 @@ export declare const styles: Readonly<{
         readonly gap: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"gap", 8>;
     }>;
     readonly token: Readonly<{
-        readonly backgroundColor: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"backgroundColor", "#E6EBEF">;
+        readonly backgroundColor: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"backgroundColor", string>;
         readonly borderRadius: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderRadius", 5>;
         readonly padding: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"padding", "2px 12px 2px 6px">;
         readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "flex">;
@@ -57,7 +59,7 @@ export declare const styles: Readonly<{
         readonly alignItems: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"alignItems", "center">;
     }>;
     readonly tooltip: Readonly<{
-        readonly backgroundColor: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"backgroundColor", "#E6EBEF">;
+        readonly backgroundColor: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"backgroundColor", string>;
         readonly borderRadius: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderRadius", 5>;
         readonly padding: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"padding", "2px 12px 2px 6px">;
         readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "flex">;

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

@@ -4,12 +4,13 @@ import { ASTQuery } from '@malloydata/malloy-query-builder';
 import type { DrillData } from '@malloydata/render';
 export interface QueryEditorContextProps {
     /** Source object at the root level */
-    source?: Malloy.SourceInfo;
+    source: Malloy.SourceInfo;
     /** Query object to represent current state at the root level  */
-    rootQuery?: ASTQuery;
+    rootQuery: ASTQuery | undefined;
     /** Provide to allow editing of the query */
-    setQuery: (query: Malloy.Query | undefined) => void;
-    onDrill?: ({ stableQuery, stableDrillClauses }: DrillData) => void;
+    setQuery: (query: Malloy.Query | string | undefined) => void;
+    query: Malloy.Query | string | undefined;
+    onDrill?: (drillData: DrillData) => void;
 }
 /**
  * QueryEditorContext enables query editing by providing the setQuery

package/dist/types/hooks/useQueryBuilder.d.ts

@@ -1,3 +1,3 @@
 import { ASTQuery } from '@malloydata/malloy-query-builder';
 import * as Malloy from '@malloydata/malloy-interfaces';
-export declare function useQueryBuilder(source?: Malloy.SourceInfo, query?: Malloy.Query): ASTQuery | undefined;
+export declare function useQueryBuilder(source: Malloy.SourceInfo, query?: Malloy.Query | string): ASTQuery | undefined;

package/dist/types/index.d.ts

@@ -6,3 +6,5 @@ export type { EXECUTION_STATES, Message, QueryExecutionState, QueryResponse, Run
 export { SourcePanel } from './components/SourcePanel';
 export { ResizeBar } from './components/primitives';
 export { ResizableCollapsiblePanel } from './components/ResizableCollapsiblePanel';
+export { CodeEditorContext } from './components/CodeEditor';
+export { modelDefToModelInfo, malloyToQuery } from '@malloydata/malloy';

package/jest.config.cjs

@@ -0,0 +1,33 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+module.exports = {
+  setupFilesAfterEnv: ['<rootDir>/src/test/jest.setup.ts'],
+  moduleFileExtensions: ['js', 'jsx', 'ts', 'tsx'],
+  testMatch: ['<rootDir>/src/**/?(*.)spec.(ts|js)?(x)'],
+  testPathIgnorePatterns: [
+    '/node_modules/',
+    '<rootDir>/dist/',
+    '<rootDir>/dev/',
+    '<rootDir>/src/test/',
+    '<rootDir>/malloy-samples/',
+  ],
+  transform: {
+    '^.+\\.tsx?$': ['babel-jest'],
+  },
+  testTimeout: 100000,
+  verbose: true,
+  testEnvironment: 'jsdom',
+  collectCoverage: true,
+  coverageReporters: ['lcov', 'html'],
+  collectCoverageFrom: ['<rootDir>/src/**/*.(ts|tsx)', '!**/*.stylex.ts'],
+  preset: 'ts-jest',
+  moduleNameMapper: {
+    uuid: require.resolve('uuid'),
+    '\\.svg\\?react$': '<rootDir>/src/test/SvgMock.tsx',
+  },
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@malloydata/malloy-explorer",
-  "version": "0.0.299-dev250808170326",
+  "version": "0.0.305-dev250819202105",
   "description": "Malloy visual query builder",
   "main": "dist/cjs/index.cjs",
   "types": "dist/types/index.d.ts",
@@ -33,7 +33,7 @@
     "malloy-unlink": "npm --no-fund --no-save --no-audit unlink $(./scripts/malloy-packages.ts) && npm --no-fund --no-audit install --force",
     "malloy-build-and-link": "cd ../malloy && npm run -ws build --workspace=@malloydata/malloy-query-builder --workspace=@malloydata/malloy-filter --workspace=@malloydata/malloy-interfaces --workspace=@malloydata/malloy-tag && npm link -ws",
     "prepublishOnly": "npm run build",
-    "test": "jest src"
+    "test": "jest --config jest.config.cjs"
   },
   "bin": {
     "malloy-packages": "./scripts/malloy-packages.ts"
@@ -64,10 +64,12 @@
     "@radix-ui/react-scroll-area": "^1.2.3",
     "@radix-ui/react-select": "^2.1.6",
     "@radix-ui/react-tabs": "^1.1.3",
+    "@radix-ui/react-toast": "^1.2.14",
     "@radix-ui/react-tooltip": "^1.1.8",
     "@shikijs/core": "^3.2.1",
     "@shikijs/engine-javascript": "^3.2.1",
     "@shikijs/langs": "^3.2.1",
+    "@shikijs/monaco": "^3.7.0",
     "@shikijs/themes": "^3.2.1",
     "@shikijs/types": "^3.2.1",
     "@stylexjs/stylex": "^0.10.1",
@@ -82,8 +84,8 @@
     "@babel/preset-typescript": "^7.27.1",
     "@eslint/compat": "^1.2.7",
     "@eslint/js": "^9.21.0",
-    "@malloydata/db-duckdb": "^0.0.299",
-    "@malloydata/malloy": "^0.0.299",
+    "@malloydata/db-duckdb": "^0.0.305",
+    "@malloydata/malloy": "^0.0.305",
     "@rollup/plugin-replace": "^6.0.2",
     "@stylexjs/eslint-plugin": "^0.11.1",
     "@stylexjs/postcss-plugin": "^0.11.1",
@@ -115,11 +117,12 @@
     "vite-plugin-svgr": "^4.3.0"
   },
   "peerDependencies": {
-    "@malloydata/malloy-filter": "^0.0.299",
-    "@malloydata/malloy-interfaces": "^0.0.299",
-    "@malloydata/malloy-query-builder": "^0.0.299",
-    "@malloydata/malloy-tag": "^0.0.299",
-    "@malloydata/render": "^0.0.299",
+    "@malloydata/malloy-filter": ">=0.0.305",
+    "@malloydata/malloy-interfaces": ">=0.0.305",
+    "@malloydata/malloy-query-builder": ">=0.0.305",
+    "@malloydata/malloy-tag": ">=0.0.305",
+    "@malloydata/render": ">=0.0.305",
+    "monaco-editor-core": "^0.52.2",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0"
   }

package/scripts/gen_flow.ts

@@ -13,6 +13,9 @@ const files = [
   'components/ResultPanel/SubmittedQuery.d.ts',
   'components/SourcePanel/SourcePanel.d.ts',
   'components/ResizableCollapsiblePanel.d.ts',
+  'components/CodeEditor/index.d.ts',
+  'components/CodeEditor/CodeEditor.d.ts',
+  'components/CodeEditor/CodeEditorContext.d.ts',
 ];
 
 async function go() {

package/dist/types/components/QueryPanel/AddMenu/colors.stylex.d.ts

@@ -1,9 +0,0 @@
-export declare const colors: import("@stylexjs/stylex").VarGroup<Readonly<{
-    accent: string;
-    accentDeemphasized: string;
-    background: string;
-    shadowElevation: string;
-    hover: string;
-    text: string;
-    disabledText: string;
-}>, symbol>;