@malloydata/malloy-explorer 0.0.266-dev250421232431 → 0.0.266-dev250425232629

package/dist/malloy-explorer.css

@@ -92,7 +92,6 @@
 .mly16zck5j{margin:5px}
 .mlykib98w{margin:8px}
 .mly1bpp3o7{margin:auto}
-.mly1p3i4rr{padding:0 10px}
 .mlywp4ipm{padding:0 24px 24px 24px}
 .mlyehqz9p{padding:0 4px}
 .mly1l4tkcb{padding:0 8px 8px 8px}
@@ -170,12 +169,15 @@
 .mlyb3r6kr{overflow:hidden}
 .mly1rea2x4{overflow:visible}
 .mly1ku5rj1{place-items:center}
+.mly1hl2dhg{text-decoration:none}
 .mly14znju7{transition:opacity .5s ease}
 .mly1fxp9ov:hover{border-color:var(--malloy-composer-focus,#c3d7f7)}
 .mlyetl2wx:focus{border-color:#4285F4}
 }
 
 @layer priority4{
+.mly1ua5tub{-webkit-box-orient:vertical}
+.mly1gzmk7r{-webkit-line-clamp:3}
 .mly6s0dn4{align-items:center}
 .mlypqajaz{align-items:end}
 .mly1cy8zhl{align-items:flex-start}
@@ -261,6 +263,7 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mly7eptgl{cursor:ew-resize}
 .mly1ipiool{cursor:initial}
 .mly1ypdohk{cursor:pointer}
+.mly104kibb{display:-webkit-box}
 .mly1lliihq{display:block}
 .mly78zum5{display:flex}
 .mlyrvj5dj{display:grid}
@@ -361,7 +364,6 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mly1qx5ct2{height:20px}
 .mlyxk0z11{height:24px}
 .mly1fgtraw{height:28px}
-.mly1gnnpzl{height:30px}
 .mlyc9qbxq{height:36px}
 .mlyng8ra{height:60px}
 .mlydk7pt{height:8px}
@@ -380,25 +382,28 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mly1xmf6yo{margin-top:8px}
 .mly1rvw3h8{max-height:136px}
 .mly1hkcv85{max-height:200px}
-.mly1t2cwa7{max-height:248px}
+.mlyq3t0pi{max-height:280px}
 .mlyuyqlj2{max-height:300px}
 .mly1phlbz0{max-height:400px}
 .mly3d5gib{max-height:50vh}
 .mly1kbvuzt{max-height:var(--radix-tooltip-content-available-height)}
 .mlyqyhut4{max-width:16.5px}
 .mlyaka53j{max-width:230px}
+.mly1pdpmub{max-width:264px}
+.mly1jkqq1h{max-width:280px}
+.mly1dc814f{max-width:350px}
 .mlyxc7z9f{max-width:360px}
-.mly1j9u4d2{max-width:400px}
 .mlymcgfsh{max-width:60px}
+.mly2lwn1j{min-height:0}
 .mly4x6u8j{min-width:16.5px}
 .mlygc0pbm{min-width:1px}
-.mly1jzhcrs{min-width:200px}
 .mlyt4ypqs{min-width:20px}
+.mlyytlacd{min-width:224px}
+.mlylm99nl{min-width:240px}
 .mlyfvyar9{min-width:60px}
 .mly1onzeue{min-width:95px}
-.mly1odjw0f{overflow-y:auto}
 .mly18d9i69{padding-bottom:0}
-.mlyx6bls6{padding-bottom:20px}
+.mly1l90r2v{padding-bottom:16px}
 .mlyjkvuk6{padding-bottom:4px}
 .mlywib8y2{padding-bottom:8px}
 .mlynm25rq{padding-left:16px}
@@ -423,6 +428,7 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mlyw4jnvo{width:20px}
 .mlyvy4d1p{width:24px}
 .mly1f1nlb9{width:25%}
+.mlyqyf9gi{width:250px}
 .mlygd8bvy{width:28px}
 .mlybl57os{width:323px}
 .mlyxsgkw5{width:350px}
@@ -443,3 +449,13 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 div[data-radix-popper-content-wrapper] {
   z-index: 100 !important;
 }
+.malloy-render_result-wrapper malloy-render::part(table-container) {
+    width: 100%;   
+}
+
+.malloy-render_result-wrapper {
+    height: 100%;
+    position: 'relative';
+    z-index: 0;
+    overflow: hidden;
+}

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

@@ -1,16 +1,17 @@
-import * as React from 'react';
 import * as Malloy from '@malloydata/malloy-interfaces';
 import { FieldInfo } from '@malloydata/malloy-interfaces';
 import { IconType } from '../../primitives';
 import { ViewParent } from '../../utils/fields';
-export interface AddGroupByProps {
+import { ParsedFilter } from '@malloydata/malloy-query-builder';
+export interface AddFieldItemProps {
     label: string;
     icon: IconType;
     view: ViewParent;
     fields: FieldInfo[];
-    onClick(field: FieldInfo, path: string[], event: React.MouseEvent): void;
+    onAddOperation(field: FieldInfo, path: string[], filter?: ParsedFilter): void;
     types: Array<'dimension' | 'measure' | 'view'>;
     filter?: (view: ViewParent, field: Malloy.FieldInfo, path: string[]) => boolean;
     disabledMessage?: string;
+    isFilterOperation?: boolean;
 }
-export declare function AddFieldItem({ view, fields, icon, label, onClick, types, filter, disabledMessage, }: AddGroupByProps): import("react/jsx-runtime").JSX.Element;
+export declare function AddFieldItem({ view, fields, icon, label, onAddOperation, types, filter, disabledMessage, isFilterOperation, }: AddFieldItemProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,12 +1,13 @@
-import * as React from 'react';
 import * as Malloy from '@malloydata/malloy-interfaces';
 import { ViewParent } from '../../utils/fields';
+import { ParsedFilter } from '@malloydata/malloy-query-builder';
 export interface FieldListProps {
     view: ViewParent;
     fields: Malloy.FieldInfo[];
     search: string;
-    onClick: (field: Malloy.FieldInfo, path: string[], event: React.MouseEvent) => void;
+    onAddOperation: (field: Malloy.FieldInfo, path: string[], filter?: ParsedFilter) => void;
     types: Array<'dimension' | 'measure' | 'view'>;
     filter?: (view: ViewParent, field: Malloy.FieldInfo, path: string[]) => boolean;
+    isFilterOperation?: boolean;
 }
-export declare function FieldList({ view, fields, onClick, search, types, filter, }: FieldListProps): import("react/jsx-runtime").JSX.Element;
+export declare function FieldList({ view, fields, onAddOperation, search, types, filter, isFilterOperation, }: FieldListProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +1,12 @@
-import * as React from 'react';
 import * as Malloy from '@malloydata/malloy-interfaces';
 import { ViewParent } from '../../utils/fields';
+import { ParsedFilter } from '@malloydata/malloy-query-builder';
 export interface FieldMenuProps {
     view: ViewParent;
     fields: Array<Malloy.FieldInfo>;
     types: Array<'dimension' | 'measure' | 'view'>;
     filter?: (view: ViewParent, field: Malloy.FieldInfo, path: string[]) => boolean;
-    onClick: (field: Malloy.FieldInfo, path: string[], event: React.MouseEvent) => void;
+    onAddOperation: (field: Malloy.FieldInfo, path: string[], filter?: ParsedFilter) => void;
+    isFilterOperation?: boolean;
 }
-export declare function FieldMenu({ view, fields, types, filter, onClick, }: FieldMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function FieldMenu({ view, fields, types, filter, onAddOperation, isFilterOperation, }: FieldMenuProps): import("react/jsx-runtime").JSX.Element;

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

@@ -6,7 +6,6 @@ export declare const addMenuStyles: Readonly<{
         readonly boxShadow: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"boxShadow", `0px 2px 12px 0px ${import("@stylexjs/stylex/lib/StyleXTypes").StyleXVar<string>}`>;
         readonly fontFamily: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"fontFamily", "sans-serif">;
         readonly margin: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"margin", 8>;
-        readonly maxHeight: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"maxHeight", "50vh">;
         readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "flex">;
         readonly flexDirection: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"flexDirection", "column">;
     }>;

package/dist/types/components/QueryPanel/operations/AggregateOperations.d.ts

@@ -1,8 +1,9 @@
-import { ASTAggregateViewOperation, ASTQuery } from '@malloydata/malloy-query-builder';
+import { ASTAggregateViewOperation, ASTQuery, ASTSegmentViewDefinition } from '@malloydata/malloy-query-builder';
 import { ViewParent } from '../../utils/fields';
 export interface AggregateOperationsProps {
     rootQuery: ASTQuery;
+    segment: ASTSegmentViewDefinition;
     view: ViewParent;
     aggregates: ASTAggregateViewOperation[];
 }
-export declare function AggregateOperations({ rootQuery, view, aggregates, }: AggregateOperationsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function AggregateOperations({ rootQuery, segment, view, aggregates, }: AggregateOperationsProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/QueryPanel/operations/GroupByOperations.d.ts

@@ -1,8 +1,9 @@
-import { ASTGroupByViewOperation, ASTQuery } from '@malloydata/malloy-query-builder';
+import { ASTGroupByViewOperation, ASTQuery, ASTSegmentViewDefinition } from '@malloydata/malloy-query-builder';
 import { ViewParent } from '../../utils/fields';
 export interface GroupByOperationsProps {
     rootQuery: ASTQuery;
+    segment: ASTSegmentViewDefinition;
     view: ViewParent;
     groupBys: ASTGroupByViewOperation[];
 }
-export declare function GroupByOperations({ rootQuery, view, groupBys, }: GroupByOperationsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function GroupByOperations({ rootQuery, segment, view, groupBys, }: GroupByOperationsProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/QueryPanel/operations/NestOperation.d.ts

@@ -1,6 +1,8 @@
 import { ASTNestViewOperation, ASTQuery } from '@malloydata/malloy-query-builder';
+import { ViewParent } from '../../utils/fields';
 export interface NestOperationsProps {
     rootQuery: ASTQuery;
+    view: ViewParent;
     nests: ASTNestViewOperation[];
 }
-export declare function NestOperations({ rootQuery, nests }: NestOperationsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function NestOperations({ rootQuery, view, nests }: NestOperationsProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/types/components/QueryPanel/operations/RenameDialog.d.ts

@@ -0,0 +1,10 @@
+import { ASTAggregateViewOperation, ASTGroupByViewOperation, ASTNestViewOperation, ASTQuery } from '@malloydata/malloy-query-builder';
+import { ViewParent } from '../../utils/fields';
+export interface RenameDialogProps {
+    rootQuery: ASTQuery | undefined;
+    view: ViewParent;
+    target: ASTGroupByViewOperation | ASTAggregateViewOperation | ASTNestViewOperation | undefined;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+}
+export declare function RenameDialog({ rootQuery, view, target, open, setOpen, }: RenameDialogProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/types/components/QueryPanel/operations/SortableOperations.d.ts

@@ -0,0 +1,10 @@
+import { ASTAggregateViewOperation, ASTGroupByViewOperation, ASTQuery, ASTSegmentViewDefinition } from '@malloydata/malloy-query-builder';
+import { ViewParent } from '../../utils/fields';
+export interface SortableOperationsProps {
+    rootQuery: ASTQuery;
+    segment: ASTSegmentViewDefinition;
+    view: ViewParent;
+    operations: Array<ASTAggregateViewOperation | ASTGroupByViewOperation>;
+    kind: 'aggregate' | 'group_by';
+}
+export declare function SortableOperations({ rootQuery, segment, view, operations, kind, }: SortableOperationsProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,6 @@
+interface CopyToClipboardProps {
+    text: string;
+    label: string;
+}
+export default function CopyToClipboard({ text, label }: CopyToClipboardProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,4 +1,5 @@
 import { SubmittedQuery } from './SubmittedQuery';
+import './result_display.css';
 import '@malloydata/render/webcomponent';
 export interface ResultDisplayProps {
     query: SubmittedQuery;

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

@@ -0,0 +1,6 @@
+import { RunInfo } from './SubmittedQuery';
+interface RunInfoHoverProps {
+    runInfo: RunInfo;
+}
+export default function RunInfoHover({ runInfo }: RunInfoHoverProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -13,12 +13,19 @@ export type SubmittedQuery = {
     onCancel: () => void;
     response?: QueryResponse;
 };
-export type RunStats = {
-    compileTime: number;
-    runTime: number;
-    rowsProcessed: number;
-    peakMemory: number;
-    queryId: string;
+export type RunInfo = {
+    queryLink?: {
+        linkText: string;
+        href: string;
+    };
+    /**
+     * Logical, named groupings of performance aspects.
+     */
+    performanceAspects?: {
+        [key: string]: {
+            [key: string]: string;
+        };
+    };
 };
 export type QueryResponse = {
     /**
@@ -26,7 +33,7 @@ export type QueryResponse = {
      */
     error?: Message;
     result?: Malloy.Result;
-    runStats?: RunStats;
+    runInfo?: RunInfo;
     messages?: Array<Message>;
 };
 export type SeverityLevel = 'INFO' | 'DEBUG' | 'WARN' | 'ERROR' | 'FATAL';

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

@@ -3,8 +3,8 @@ import { ParsedFilter } from '@malloydata/malloy-query-builder';
 export interface FilterDialogProps {
     fieldInfo: Malloy.FieldInfoWithDimension | Malloy.FieldInfoWithMeasure;
     path: string[];
-    filter: ParsedFilter;
-    setFilter: (filter: ParsedFilter) => void;
-    setOpen: (open: boolean) => void;
+    filter?: ParsedFilter;
+    onFilterApply: (filter: ParsedFilter) => void;
+    onOpenChange: (open: boolean) => void;
 }
-export declare function FilterDialog({ fieldInfo, path, filter, setFilter, setOpen, }: FilterDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function FilterDialog({ fieldInfo, path, filter, onFilterApply, onOpenChange, }: FilterDialogProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import * as Malloy from '@malloydata/malloy-interfaces';
+import { ParsedFilter } from '@malloydata/malloy-query-builder';
+interface FilterPopoverProps {
+    fieldInfo: Malloy.FieldInfoWithDimension | Malloy.FieldInfoWithMeasure;
+    path: string[];
+    filter?: ParsedFilter;
+    setFilter: (filter: ParsedFilter) => void;
+    trigger?: React.ReactElement;
+    anchor?: React.ReactElement;
+    layoutProps?: {
+        align?: 'start' | 'center' | 'end';
+        side?: 'top' | 'bottom' | 'left' | 'right';
+        alignOffset?: number;
+        sideOffset?: number;
+    };
+}
+export declare function FilterPopover({ fieldInfo, path, filter, setFilter, trigger, anchor, layoutProps, }: FilterPopoverProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -2,13 +2,12 @@ export declare const filterStyles: Readonly<{
     readonly filterDialog: 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", 200>;
-        readonly maxWidth: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"maxWidth", 400>;
+        readonly minWidth: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"minWidth", 224>;
+        readonly maxWidth: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"maxWidth", 264>;
         readonly gap: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"gap", 8>;
+        readonly minHeight: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"minHeight", 0>;
+        readonly maxHeight: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"maxHeight", "50vh">;
     }>;
     readonly filterDialogHeader: Readonly<{
         readonly fontWeight: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"fontWeight", "bold">;
@@ -21,13 +20,14 @@ export declare const filterStyles: Readonly<{
         readonly gap: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"gap", 8>;
     }>;
     readonly editor: Readonly<{
-        readonly width: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"width", 350>;
         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 minHeight: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"minHeight", 0>;
     }>;
     readonly editorRow: Readonly<{
-        readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "flex">;
+        readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "grid">;
+        readonly gridAutoFlow: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"gridAutoFlow", "column">;
         readonly gap: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"gap", 8>;
     }>;
     readonly editorCell: Readonly<{
@@ -38,5 +38,6 @@ export declare const filterStyles: Readonly<{
         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>;
+        readonly minWidth: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"minWidth", "1px">;
     }>;
 }>;

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

@@ -1,5 +1,7 @@
 interface DOMElementProps {
     element: HTMLElement;
+    className?: string;
+    style?: Record<string, string | number>;
 }
-export default function DOMElement({ element }: DOMElementProps): import("react/jsx-runtime").JSX.Element;
+export default function DOMElement({ element, className, style, }: DOMElementProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -29,8 +29,10 @@ interface DropdownSubMenuItemProps {
     sublabel?: string;
     disabled?: boolean;
     children: DropdownMenuChild | DropdownMenuChild[];
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
 }
-export declare function DropdownSubMenuItem({ icon, label, sublabel, disabled, children, }: DropdownSubMenuItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownSubMenuItem({ icon, label, sublabel, disabled, children, open, onOpenChange, }: DropdownSubMenuItemProps): import("react/jsx-runtime").JSX.Element;
 interface DropdownMenuLabelProps {
     label: string;
 }

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

@@ -0,0 +1,8 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import * as React from 'react';
+interface HoverCardProps {
+    children: React.ReactNode;
+    customStyle?: StyleXStyles;
+}
+export declare function HoverCard({ children, customStyle }: HoverCardProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/primitives/tokens/Token.d.ts

@@ -2,6 +2,8 @@ import * as React from 'react';
 import { StyleXStyles } from '@stylexjs/stylex';
 import { IconType } from '../utils/icon';
 import { TokenColor, TokenSize } from './types';
+import { DraggableAttributes } from '@dnd-kit/core';
+import { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
 export interface TokenProps extends React.ComponentProps<'button'> {
     /**
      * The label to display on the token.
@@ -41,9 +43,13 @@ export interface TokenProps extends React.ComponentProps<'button'> {
         alignOffset?: number;
         sideOffset?: number;
     };
+    dragProps?: {
+        attributes: DraggableAttributes;
+        listeners?: SyntheticListenerMap;
+    };
     /**
      * Custom styles for the token.
      */
     customStyle?: StyleXStyles;
 }
-export default function Token({ label, icon, color, size, onClick, onHover, asButtonTrigger, tooltip, tooltipProps, customStyle, ...props }: TokenProps): import("react/jsx-runtime").JSX.Element;
+export default function Token({ label, icon, color, size, onClick, onHover, asButtonTrigger, tooltip, tooltipProps, customStyle, dragProps, ...props }: TokenProps): import("react/jsx-runtime").JSX.Element;

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

@@ -45,7 +45,6 @@ export declare const styles: Readonly<{
     readonly tokenContainer: Readonly<{
         readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "flex">;
         readonly flexDirection: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"flexDirection", "column">;
-        readonly alignItems: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"alignItems", "start">;
         readonly gap: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"gap", 8>;
     }>;
     readonly token: Readonly<{

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

@@ -1,2 +1,3 @@
 import * as Malloy from '@malloydata/malloy-interfaces';
 export declare const getDescriptionAnnotation: (annotations: Array<Malloy.Annotation>) => string | undefined;
+export declare const hasExplorerFilterFieldAnnotation: (annotations: Array<Malloy.Annotation>) => boolean;

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

@@ -11,5 +11,5 @@ export declare function sortFieldInfos(fields: Malloy.FieldInfo[]): Malloy.Field
 export declare function isIndexView(field: Malloy.FieldInfoWithView): boolean;
 export declare function getViewDefinition(parent: ViewParent): import("@malloydata/malloy-query-builder").ASTViewDefinition;
 export declare function getInputSchemaFromViewParent(parent: ViewParent): Malloy.Schema;
-export declare function viewParentHasField(parent: ViewParent, field: Malloy.FieldInfo, path: string[]): boolean;
-export declare function viewParentDoesNotHaveField(parent: ViewParent, field: Malloy.FieldInfo, path: string[]): boolean;
+export declare function isNotAnnotatedFilteredField(field: Malloy.FieldInfo): boolean;
+export declare function findUniqueFieldName(fields: Malloy.FieldInfo[], rename: string): string;

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

@@ -1,8 +1,10 @@
 import * as Malloy from '@malloydata/malloy-interfaces';
-import { ASTQuery, ASTSegmentViewDefinition } from '@malloydata/malloy-query-builder';
+import { ASTSegmentViewDefinition } from '@malloydata/malloy-query-builder';
 import { ViewParent } from './fields';
 export declare function segmentHasLimit(segment: ASTSegmentViewDefinition): boolean;
 export declare function segmentHasOrderBy(segment: ASTSegmentViewDefinition, name: string): boolean;
 export declare function segmentNestNo(segment: ASTSegmentViewDefinition, name?: string): number;
-export declare function addGroupBy(rootQuery: ASTQuery, segment: ASTSegmentViewDefinition, field: Malloy.FieldInfo, path: string[], setQuery?: (query: Malloy.Query) => void): void;
+export declare function addGroupBy(view: ViewParent, field: Malloy.FieldInfo, path: string[]): void;
+export declare function addAggregate(view: ViewParent, field: Malloy.FieldInfo, path: string[]): void;
+export declare function addNest(view: ViewParent, field: Malloy.FieldInfo): void;
 export declare function getSegmentIfPresent(parent: ViewParent): ASTSegmentViewDefinition | undefined;

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

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

package/dist/types/index.d.ts

@@ -2,7 +2,7 @@ import './stylex.css';
 export { MalloyExplorerProvider } from './components/MalloyExplorerProvider';
 export { QueryActionBar, QueryEditor, QueryPanel } from './components/QueryPanel';
 export { ResultPanel } from './components/ResultPanel';
-export type { EXECUTION_STATES, QueryExecutionState, QueryResponse, RunStats, SubmittedQuery, } from './components/ResultPanel/SubmittedQuery';
+export type { EXECUTION_STATES, Message, QueryExecutionState, QueryResponse, RunInfo, SeverityLevel, SubmittedQuery, } from './components/ResultPanel/SubmittedQuery';
 export { SourcePanel } from './components/SourcePanel';
 export { ResizeBar } from './components/primitives';
 export { ExplorerPanelsContext } from './contexts/ExplorerPanelsContext';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@malloydata/malloy-explorer",
-  "version": "0.0.266-dev250421232431",
+  "version": "0.0.266-dev250425232629",
   "description": "Malloy visual query builder",
   "main": "dist/cjs/index.cjs",
   "types": "dist/types/index.d.ts",
@@ -51,6 +51,9 @@
   },
   "homepage": "https://github.com/malloydata/malloy-explorer#readme",
   "dependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "@floating-ui/react-dom": "2.1.2",
     "@radix-ui/react-dialog": "^1.1.6",
     "@radix-ui/react-dropdown-menu": "^2.1.6",
@@ -99,11 +102,11 @@
     "vite-plugin-svgr": "^4.3.0"
   },
   "peerDependencies": {
-    "@malloydata/malloy-filter": ">=0.0.266",
-    "@malloydata/malloy-interfaces": ">=0.0.266",
-    "@malloydata/malloy-query-builder": ">=0.0.266",
-    "@malloydata/malloy-tag": ">=0.0.266",
-    "@malloydata/render": ">=0.0.266",
+    "@malloydata/malloy-filter": "^0.0.268",
+    "@malloydata/malloy-interfaces": "^0.0.268",
+    "@malloydata/malloy-query-builder": "^0.0.268",
+    "@malloydata/malloy-tag": "^0.0.268",
+    "@malloydata/render": "^0.0.268",
     "react": ">= 19.0.0",
     "react-dom": ">= 19.0.0"
   }

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

@@ -1,10 +0,0 @@
-import { ReactNode } from 'react';
-import * as Malloy from '@malloydata/malloy-interfaces';
-export interface FieldHoverProps {
-    align?: 'start' | 'center' | 'end';
-    children: ReactNode;
-    field: Malloy.FieldInfo;
-    path: string[] | undefined;
-    side?: 'top' | 'bottom' | 'left' | 'right';
-}
-export declare function FieldHover({ align, children, field, path, side, }: FieldHoverProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/filters/hooks/useFilterModal.d.ts

@@ -1,24 +0,0 @@
-import * as React from 'react';
-import * as Malloy from '@malloydata/malloy-interfaces';
-import { ASTQuery, ParsedFilter } from '@malloydata/malloy-query-builder';
-import { ViewParent } from '../../utils/fields';
-export interface OpenFilterModalParams {
-    view: ViewParent;
-    fieldInfo: Malloy.FieldInfoWithDimension | Malloy.FieldInfoWithMeasure;
-    path: string[];
-    filter?: ParsedFilter;
-    x?: number;
-    y?: number;
-}
-export type OpenFilterModalCallback = ({ view, fieldInfo, path, filter, }: OpenFilterModalParams) => void;
-export interface UseFilterModelProps {
-    setQuery: ((rootQuery: Malloy.Query | undefined) => void) | undefined;
-    rootQuery: ASTQuery | undefined;
-}
-export declare function useFilterModal({ setQuery, rootQuery }: UseFilterModelProps): {
-    openFilterModal: React.Dispatch<React.SetStateAction<OpenFilterModalParams | undefined>>;
-    FilterModal: () => null;
-} | {
-    openFilterModal: React.Dispatch<React.SetStateAction<OpenFilterModalParams | undefined>>;
-    FilterModal: () => import("react/jsx-runtime").JSX.Element;
-};

package/dist/types/components/filters/hooks/useFilterPopup.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import * as Malloy from '@malloydata/malloy-interfaces';
-import { ParsedFilter } from '@malloydata/malloy-query-builder';
-export declare function useFilterPopup(fieldInfo: Malloy.FieldInfoWithDimension | Malloy.FieldInfoWithMeasure, path: string[], filter: ParsedFilter, setFilter: (filter: ParsedFilter) => void): {
-    FilterPopup: ({ trigger }: {
-        trigger: React.ReactElement;
-    }) => import("react/jsx-runtime").JSX.Element;
-};

package/scripts/tsconfig.json

@@ -1,8 +0,0 @@
-{
-  "compilerOptions": {
-    "esModuleInterop": true,
-    "resolveJsonModule": true,
-    "rootDir": ".",
-    "strict": true
-  }
-}

package/tsconfig.json

@@ -1,16 +0,0 @@
-{
-  "compilerOptions": {
-    "esModuleInterop": true,
-    "jsx": "react-jsx",
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "noEmit": false,
-    "outDir": "dist/types",
-    "resolveJsonModule": true,
-    "rootDir": "src",
-    "skipLibCheck": true,
-    "strict": true,
-    "target": "ES2019"
-  },
-  "include": ["src"]
-}