@vuu-ui/vuu-data-react 0.8.14-debug → 0.8.15-debug

package/esm/index.js

@@ -964,11 +964,11 @@ var require_react_dom_development = __commonJS({
     if (true) {
       (function() {
         "use strict";
-        var React36 = __require("react");
+        var React35 = __require("react");
         var _assign = require_object_assign();
         var Scheduler = require_scheduler();
         var tracing = require_tracing();
-        var ReactSharedInternals = React36.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+        var ReactSharedInternals = React35.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
         function warn(format) {
           {
             for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
@@ -1000,7 +1000,7 @@ var require_react_dom_development = __commonJS({
             Function.prototype.apply.call(console[level], console, argsWithFormat);
           }
         }
-        if (!React36) {
+        if (!React35) {
           {
             throw Error("ReactDOM was loaded before React. Make sure you load the React package before loading ReactDOM.");
           }
@@ -2420,7 +2420,7 @@ var require_react_dom_development = __commonJS({
         var didWarnInvalidChild = false;
         function flattenChildren(children) {
           var content2 = "";
-          React36.Children.forEach(children, function(child) {
+          React35.Children.forEach(children, function(child) {
             if (child == null) {
               return;
             }
@@ -2431,7 +2431,7 @@ var require_react_dom_development = __commonJS({
         function validateProps(element, props) {
           {
             if (typeof props.children === "object" && props.children !== null) {
-              React36.Children.forEach(props.children, function(child) {
+              React35.Children.forEach(props.children, function(child) {
                 if (child == null) {
                   return;
                 }
@@ -9823,7 +9823,7 @@ var require_react_dom_development = __commonJS({
         }
         var fakeInternalInstance = {};
         var isArray = Array.isArray;
-        var emptyRefsObject = new React36.Component().refs;
+        var emptyRefsObject = new React35.Component().refs;
         var didWarnAboutStateAssignmentForComponent;
         var didWarnAboutUninitializedState;
         var didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate;
@@ -19682,7 +19682,7 @@ import { RemoteDataSource as RemoteDataSource3 } from "@vuu-ui/vuu-data";
 
 // ../vuu-shell/src/app-header/AppHeader.tsx
 var import_classnames70 = __toESM(require_classnames());
-import { useCallback as useCallback133 } from "react";
+import { useCallback as useCallback134 } from "react";
 
 // ../vuu-layout/src/dock-layout/DockLayout.tsx
 var import_classnames2 = __toESM(require_classnames());
@@ -22536,7 +22536,8 @@ var Tooltip = ({
   onMouseEnter,
   onMouseLeave,
   placement,
-  status
+  status,
+  style: styleProp
 }) => {
   const position = useAnchoredPosition2({ anchorElement, placement });
   if (position === void 0) {
@@ -22550,7 +22551,7 @@ var Tooltip = ({
       }),
       "data-align": placement,
       id,
-      style: position,
+      style: { ...styleProp, ...position },
       children: /* @__PURE__ */ jsx34(
         "span",
         {
@@ -24435,7 +24436,7 @@ var useCollectionItems = ({
   // revealSelected = false,
   source
 }) => {
-  var _a4;
+  var _a4, _b;
   const { getItemId } = options;
   const [, forceUpdate] = useState21(null);
   const inheritedCollectionHook = useCollection();
@@ -24443,6 +24444,7 @@ var useCollectionItems = ({
   const flattenedDataRef = useRef22([]);
   const EMPTY_COLLECTION = useMemo17(() => [], []);
   const filterPattern = useRef22((_a4 = options.filterPattern) != null ? _a4 : "");
+  const disableFilter = (_b = options.disableFilter) != null ? _b : false;
   const {
     getFilterRegex = getDefaultFilterRegex,
     noChildrenLabel,
@@ -24454,14 +24456,14 @@ var useCollectionItems = ({
   const addMetadataToItems = useCallback26(
     (items, indexer, level = 1, path = "", results = [], flattenedCollection2 = [], flattenedSource2 = []) => {
       items.forEach((item, i, all) => {
-        var _a5, _b;
+        var _a5, _b2;
         const isCollapsibleHeader = item.header && options.collapsibleHeaders;
         const isNonCollapsibleGroupNode = item.childNodes && options.collapsibleHeaders === false;
         const isLeaf3 = !item.childNodes || item.childNodes.length === 0;
         const nonCollapsible = isNonCollapsibleGroupNode || isLeaf3 && !isCollapsibleHeader;
         const childPath = path ? `${path}.${i}` : `item-${i}`;
         const id = (_a5 = item.id) != null ? _a5 : getItemId ? getItemId(i) : `${idRoot}-${childPath}`;
-        const expanded = nonCollapsible ? void 0 : (_b = item.expanded) != null ? _b : isExpanded2();
+        const expanded = nonCollapsible ? void 0 : (_b2 = item.expanded) != null ? _b2 : isExpanded2();
         const normalisedItem = {
           ...item,
           childNodes: void 0,
@@ -24496,12 +24498,12 @@ var useCollectionItems = ({
     [options.collapsibleHeaders, getItemId, idRoot, isExpanded2]
   );
   const getFilter = useCallback26(() => {
-    if (filterPattern.current) {
+    if (filterPattern.current && !disableFilter) {
       return getDefaultFilter(filterPattern.current, getFilterRegex);
     } else {
       return null;
     }
-  }, [getFilterRegex]);
+  }, [disableFilter, getFilterRegex]);
   const collectVisibleItems = useCallback26(
     (items, filter = getFilter(), results = [], idx = { value: 0 }) => {
       let skipToNextHeader = false;
@@ -25759,7 +25761,7 @@ var useSelection = ({
   onSelectionChange,
   selected: selectedProp,
   selectionStrategy,
-  selectionKeys = defaultSelectionKeys,
+  selectionKeys: selectionKeys2 = defaultSelectionKeys,
   tabToSelect
 }) => {
   const isDeselectable = selectionStrategy === "deselectable";
@@ -25767,8 +25769,8 @@ var useSelection = ({
   const isExtendedSelect = selectionStrategy === "extended";
   const lastActive = useRef29(-1);
   const isSelectionEvent = useCallback32(
-    (evt) => selectionKeys.includes(evt.key),
-    [selectionKeys]
+    (evt) => selectionKeys2.includes(evt.key),
+    [selectionKeys2]
   );
   const [selected, setSelected] = useControlled2({
     controlled: selectedProp,
@@ -26160,13 +26162,13 @@ import { forwardRef as forwardRef22 } from "react";
 
 // ../vuu-ui-controls/src/list/CheckboxIcon.tsx
 var import_classnames21 = __toESM(require_classnames());
-import React19 from "react";
+import { jsx as jsx51 } from "react/jsx-runtime";
 var classBase13 = "vuuCheckboxIcon";
 var CheckboxIcon2 = ({
   checked = false,
   disabled = false,
   ...htmlAttributes
-}) => /* @__PURE__ */ React19.createElement(
+}) => /* @__PURE__ */ jsx51(
   "span",
   {
     ...htmlAttributes,
@@ -26177,13 +26179,13 @@ var CheckboxIcon2 = ({
 );
 
 // ../vuu-ui-controls/src/list/ListItem.tsx
-import { jsx as jsx51, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs14 } from "react/jsx-runtime";
 var classBase14 = "vuuListItem";
 var ListItemProxy = forwardRef22(function ListItemNextProxy({
   height,
   ...htmlAttributes
 }, forwardedRef) {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     "div",
     {
       ...htmlAttributes,
@@ -26228,8 +26230,8 @@ var ListItem = forwardRef22(
         ref: forwardedRef,
         style,
         children: [
-          showCheckbox && /* @__PURE__ */ jsx51(CheckboxIcon2, { "aria-hidden": true, checked: selected }),
-          children && typeof children !== "string" ? children : itemTextHighlightPattern == null ? /* @__PURE__ */ jsx51("span", { className: `${classBase14}-textWrapper`, children: label || children }) : /* @__PURE__ */ jsx51(
+          showCheckbox && /* @__PURE__ */ jsx52(CheckboxIcon2, { "aria-hidden": true, checked: selected }),
+          children && typeof children !== "string" ? children : itemTextHighlightPattern == null ? /* @__PURE__ */ jsx52("span", { className: `${classBase14}-textWrapper`, children: label || children }) : /* @__PURE__ */ jsx52(
             Highlighter,
             {
               matchPattern: itemTextHighlightPattern,
@@ -26273,7 +26275,7 @@ import { boxContainsPoint as boxContainsPoint2, dispatchCustomEvent } from "@vuu
 import { useCallback as useCallback35, useRef as useRef32 } from "react";
 
 // ../vuu-ui-controls/src/drag-drop/DragDropProvider.tsx
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 var NO_DRAG_CONTEXT = {
   isDragSource: void 0,
   isDropTarget: void 0,
@@ -26350,7 +26352,7 @@ import {
   useCallback as useCallback37,
   useMemo as useMemo21
 } from "react";
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 var makeClassNames = (classNames2) => classNames2.split(" ").map((className) => `vuuDraggable-${className}`);
 var Draggable2 = forwardRef23(
   function Draggable3({ wrapperClassName, element, onDropped, onTransitionEnd, style, scale = 1 }, forwardedRef) {
@@ -26378,13 +26380,13 @@ var Draggable2 = forwardRef23(
       }),
       []
     );
-    return /* @__PURE__ */ jsx53(Portal, { children: /* @__PURE__ */ jsx53(
+    return /* @__PURE__ */ jsx54(Portal, { children: /* @__PURE__ */ jsx54(
       PopupComponent,
       {
         anchorElement: { current: document.body },
         placement: "absolute",
         position,
-        children: /* @__PURE__ */ jsx53(
+        children: /* @__PURE__ */ jsx54(
           "div",
           {
             className: (0, import_classnames23.default)("vuuDraggable", ...makeClassNames(wrapperClassName)),
@@ -26758,7 +26760,7 @@ var useDropIndicator = () => {
 };
 
 // ../vuu-ui-controls/src/drag-drop/useDragDropIndicator.tsx
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx55 } from "react/jsx-runtime";
 var NOT_OVERFLOWED2 = ':not([data-overflowed="true"])';
 var NOT_HIDDEN2 = ':not([aria-hidden="true"])';
 var useDragDropIndicator = ({
@@ -26880,7 +26882,7 @@ var useDragDropIndicator = ({
             height: 2
           };
           setDropIndicator(
-            /* @__PURE__ */ jsx54(
+            /* @__PURE__ */ jsx55(
               Draggable2,
               {
                 wrapperClassName: "dropIndicatorContainer",
@@ -27407,7 +27409,7 @@ var useDragDropNaturalMovement = ({
 };
 
 // ../vuu-ui-controls/src/drag-drop/useDragDropNext.tsx
-import { jsx as jsx55 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 var NULL_DRAG_DROP_RESULT = {
   beginDrag: () => void 0,
   drag: () => void 0,
@@ -27752,7 +27754,7 @@ var useDragDropNext = ({
         } = dragElement;
         setDraggableStatus({
           isDragging: true,
-          draggable: /* @__PURE__ */ jsx55(
+          draggable: /* @__PURE__ */ jsx56(
             Draggable2,
             {
               element: cloneElement7(dragElement),
@@ -27991,7 +27993,7 @@ var useList = ({
   scrollContainerRef,
   selected,
   selectionStrategy,
-  selectionKeys,
+  selectionKeys: selectionKeys2,
   stickyHeaders,
   tabToSelect,
   viewportRange
@@ -28089,7 +28091,7 @@ var useList = ({
     onSelectionChange: handleSelectionChange,
     selected,
     selectionStrategy,
-    selectionKeys,
+    selectionKeys: selectionKeys2,
     tabToSelect
   });
   const { handleDrop, onDropSettle } = useListDrop({
@@ -28368,7 +28370,7 @@ var useScrollPosition = ({
 };
 
 // ../vuu-ui-controls/src/list/List.tsx
-import { Fragment as Fragment6, jsx as jsx56, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx57, jsxs as jsxs15 } from "react/jsx-runtime";
 import { createElement as createElement3 } from "react";
 var defaultEmptyMessage = "No data to display";
 var classBase15 = "vuuList";
@@ -28414,7 +28416,7 @@ var List = forwardRef24(function List2({
   checkable = selectionStrategy === "multiple",
   scrollingApiRef,
   // TODO do we still need these ?
-  selectionKeys,
+  selectionKeys: selectionKeys2,
   showEmptyMessage = false,
   source,
   style: styleProp,
@@ -28505,7 +28507,7 @@ var List = forwardRef24(function List2({
     scrollContainerRef,
     selected: collectionHook.itemToCollectionItemId(selectedProp),
     selectionStrategy,
-    selectionKeys,
+    selectionKeys: selectionKeys2,
     stickyHeaders,
     tabToSelect,
     viewportRange
@@ -28565,7 +28567,7 @@ var List = forwardRef24(function List2({
       showCheckbox: checkable
     };
     list.push(
-      isChildItem ? cloneElement8(value, listItemProps) : /* @__PURE__ */ jsx56(ListItem4, { ...listItemProps })
+      isChildItem ? cloneElement8(value, listItemProps) : /* @__PURE__ */ jsx57(ListItem4, { ...listItemProps })
     );
     idx.value += 1;
   }
@@ -28576,7 +28578,7 @@ var List = forwardRef24(function List2({
       renderCollectionItems(items, idx, idx.value + count) || []
     ) : header;
     list.push(
-      /* @__PURE__ */ jsx56("div", { role: "group", children: childItems2 }, id2)
+      /* @__PURE__ */ jsx57("div", { role: "group", children: childItems2 }, id2)
     );
   };
   const renderCollectionItems = (items, idx = { value: 0 }, end = items.length) => {
@@ -28597,7 +28599,7 @@ var List = forwardRef24(function List2({
   };
   function renderEmpty() {
     if (emptyMessage || showEmptyMessage) {
-      return /* @__PURE__ */ jsx56("span", { className: `${classBase15}-empty-message`, children: emptyMessage != null ? emptyMessage : defaultEmptyMessage });
+      return /* @__PURE__ */ jsx57("span", { className: `${classBase15}-empty-message`, children: emptyMessage != null ? emptyMessage : defaultEmptyMessage });
     } else {
       return null;
     }
@@ -28643,8 +28645,8 @@ var List = forwardRef24(function List2({
       style: { ...styleProp, ...sizeStyles },
       tabIndex: listDisabled || disableFocus ? void 0 : tabIndex,
       children: [
-        /* @__PURE__ */ jsx56(ListItemProxy, { ref: rowHeightProxyRef, height: itemHeightProp }),
-        collectionHook.data.length === 0 && ListPlaceholder !== void 0 ? /* @__PURE__ */ jsx56(Fragment6, { children: /* @__PURE__ */ jsx56(ListPlaceholder, {}) }) : /* @__PURE__ */ jsx56("div", { className: `${classBase15}-viewport`, ref: scrollContainerRef, children: /* @__PURE__ */ jsxs15(
+        /* @__PURE__ */ jsx57(ListItemProxy, { ref: rowHeightProxyRef, height: itemHeightProp }),
+        collectionHook.data.length === 0 && ListPlaceholder !== void 0 ? /* @__PURE__ */ jsx57(Fragment6, { children: /* @__PURE__ */ jsx57(ListPlaceholder, {}) }) : /* @__PURE__ */ jsx57("div", { className: `${classBase15}-viewport`, ref: scrollContainerRef, children: /* @__PURE__ */ jsxs15(
           "div",
           {
             className: `${classBase15}-scrollingContentContainer`,
@@ -28752,7 +28754,7 @@ var useVirtualization = ({
 };
 
 // ../vuu-ui-controls/src/list/VirtualizedList.tsx
-import { jsx as jsx57, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs16 } from "react/jsx-runtime";
 var defaultEmptyMessage2 = "No data to display";
 var withBaseName11 = makePrefixer("saltList");
 var ListItem3 = memo(ListItem);
@@ -28792,7 +28794,7 @@ var VirtualizedList = forwardRef25(function List3({
   selectionStrategy,
   scrollingApiRef,
   // TODO do we still need these ?
-  selectionKeys,
+  selectionKeys: selectionKeys2,
   showEmptyMessage = false,
   source,
   style: styleProp,
@@ -28850,7 +28852,7 @@ var VirtualizedList = forwardRef25(function List3({
     restoreLastFocus,
     selected: collectionHook.itemToCollectionItemId(selectedProp),
     selectionStrategy,
-    selectionKeys,
+    selectionKeys: selectionKeys2,
     stickyHeaders,
     tabToSelect
   });
@@ -28877,7 +28879,7 @@ var VirtualizedList = forwardRef25(function List3({
     const [key, offset, pos, item] = row;
     const index = pos - 1;
     list.push(
-      /* @__PURE__ */ jsx57(
+      /* @__PURE__ */ jsx58(
         ListItem3,
         {
           "aria-setsize": collectionHook.data.length,
@@ -28910,7 +28912,7 @@ var VirtualizedList = forwardRef25(function List3({
   }
   function renderEmpty() {
     if (emptyMessage || showEmptyMessage) {
-      return /* @__PURE__ */ jsx57("span", { className: withBaseName11("empty-message"), children: emptyMessage != null ? emptyMessage : defaultEmptyMessage2 });
+      return /* @__PURE__ */ jsx58("span", { className: withBaseName11("empty-message"), children: emptyMessage != null ? emptyMessage : defaultEmptyMessage2 });
     } else {
       return null;
     }
@@ -28931,7 +28933,7 @@ var VirtualizedList = forwardRef25(function List3({
     maxWidth: maxWidth != null ? maxWidth : width,
     maxHeight: maxHeight != null ? maxHeight : listHeight
   };
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx58(
     "div",
     {
       ...htmlAttributes,
@@ -28950,7 +28952,7 @@ var VirtualizedList = forwardRef25(function List3({
           className: withBaseName11("scrollingContentContainer"),
           style: { height: contentHeight },
           children: [
-            /* @__PURE__ */ jsx57(ListItemProxy, { ref: rowHeightProxyRef }),
+            /* @__PURE__ */ jsx58(ListItemProxy, { ref: rowHeightProxyRef }),
             renderContent()
           ]
         }
@@ -28961,7 +28963,7 @@ var VirtualizedList = forwardRef25(function List3({
 
 // ../vuu-ui-controls/src/list/RadioIcon.tsx
 var import_classnames25 = __toESM(require_classnames());
-import { jsx as jsx58 } from "react/jsx-runtime";
+import { jsx as jsx59 } from "react/jsx-runtime";
 
 // ../vuu-ui-controls/src/dropdown/useDropdown.ts
 import { useCallback as useCallback50, useMemo as useMemo29 } from "react";
@@ -29062,7 +29064,7 @@ var useDropdown = ({
 };
 
 // ../vuu-ui-controls/src/dropdown/Dropdown.tsx
-import { jsx as jsx59, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs17 } from "react/jsx-runtime";
 var Dropdown2 = forwardRef26(function Dropdown3({
   "aria-label": ariaLabel,
   children,
@@ -29079,7 +29081,7 @@ var Dropdown2 = forwardRef26(function Dropdown3({
   source,
   triggerComponent,
   ListItem: ListItem4,
-  ListProps: ListProps5,
+  ListProps: ListProps6,
   width = 180,
   ...props
 }, forwardedRef) {
@@ -29104,14 +29106,14 @@ var Dropdown2 = forwardRef26(function Dropdown3({
     ...dropdownListHook
   } = useDropdown({
     collectionHook,
-    defaultHighlightedIndex: ListProps5 == null ? void 0 : ListProps5.defaultHighlightedIndex,
+    defaultHighlightedIndex: ListProps6 == null ? void 0 : ListProps6.defaultHighlightedIndex,
     defaultIsOpen,
     defaultSelected: collectionHook.itemToCollectionItemId(defaultSelected),
-    highlightedIndex: ListProps5 == null ? void 0 : ListProps5.highlightedIndex,
+    highlightedIndex: ListProps6 == null ? void 0 : ListProps6.highlightedIndex,
     isOpen: isOpenProp,
     itemToString: itemToString2,
     listRef,
-    onHighlight: ListProps5 == null ? void 0 : ListProps5.onHighlight,
+    onHighlight: ListProps6 == null ? void 0 : ListProps6.onHighlight,
     onOpenChange,
     onSelectionChange,
     onSelect,
@@ -29144,7 +29146,7 @@ var Dropdown2 = forwardRef26(function Dropdown3({
         })
       );
     } else {
-      return /* @__PURE__ */ jsx59(
+      return /* @__PURE__ */ jsx60(
         DropdownButton,
         {
           label: triggerLabel,
@@ -29154,24 +29156,24 @@ var Dropdown2 = forwardRef26(function Dropdown3({
       );
     }
   };
-  return /* @__PURE__ */ jsx59(CollectionProvider, { collectionHook, children: /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsx60(CollectionProvider, { collectionHook, children: /* @__PURE__ */ jsxs17(
     DropdownBase,
     {
       ...props,
       id,
       isOpen: dropdownListHook.isOpen,
       onOpenChange: dropdownListHook.onOpenChange,
-      placement: (ListProps5 == null ? void 0 : ListProps5.width) === void 0 ? "below-full-width" : "below",
+      placement: (ListProps6 == null ? void 0 : ListProps6.width) === void 0 ? "below-full-width" : "below",
       ref: forkedRef,
       width,
       children: [
         getTriggerComponent(),
-        /* @__PURE__ */ jsx59(
+        /* @__PURE__ */ jsx60(
           List,
           {
             ListItem: ListItem4,
             itemToString: itemToString2,
-            ...ListProps5,
+            ...ListProps6,
             highlightedIndex,
             listHandlers,
             onSelectionChange,
@@ -29194,6 +29196,7 @@ import {
 } from "react";
 var EnterOnly = ["Enter"];
 var useCombobox = ({
+  allowBackspaceClearsSelection,
   allowFreeText,
   ariaLabel,
   collectionHook,
@@ -29203,6 +29206,7 @@ var useCombobox = ({
   onBlur,
   onFocus,
   onChange,
+  onDeselect,
   onSelect,
   id,
   initialHighlightedIndex = -1,
@@ -29215,6 +29219,7 @@ var useCombobox = ({
   onSelectionChange,
   onSetSelectedText,
   selected: selectedProp,
+  selectionKeys: selectionKeys2 = EnterOnly,
   selectionStrategy,
   value: valueProp,
   InputProps: inputProps = {
@@ -29225,7 +29230,7 @@ var useCombobox = ({
   }
 }) => {
   const isMultiSelect = isMultiSelection(selectionStrategy);
-  const { setFilterPattern } = collectionHook;
+  const { data, setFilterPattern } = collectionHook;
   const setHighlightedIndexRef = useRef46(null);
   const selectedRef = useRef46(isMultiSelect ? [] : null);
   const ignoreSelectOnFocus = useRef46(true);
@@ -29244,7 +29249,6 @@ var useCombobox = ({
   const highlightSelectedItem = useCallback52((selected2) => {
     var _a4;
     if (Array.isArray(selected2)) {
-      console.log("TODO multi selection");
     } else if (selected2 == null) {
       (_a4 = setHighlightedIndexRef.current) == null ? void 0 : _a4.call(setHighlightedIndexRef, -1);
     }
@@ -29342,7 +29346,7 @@ var useCombobox = ({
         setTextValue("", false);
       }
       setIsOpen(open);
-      onOpenChange == null ? void 0 : onOpenChange(open);
+      onOpenChange == null ? void 0 : onOpenChange(open, closeReason);
       if (!open && closeReason !== "Escape") {
         if (!selectFreeTextInputValue()) {
           applySelection();
@@ -29385,11 +29389,11 @@ var useCombobox = ({
     disableAriaActiveDescendant,
     disableHighlightOnFocus: true,
     disableTypeToSelect: true,
+    label: "combobox",
     onKeyboardNavigation: handleKeyboardNavigation,
-    // onKeyDown: handleInputKeyDown,
     onSelectionChange: handleSelectionChange,
     selected: collectionHook.itemToCollectionItemId(selectedProp),
-    selectionKeys: EnterOnly,
+    selectionKeys: selectionKeys2,
     selectionStrategy,
     tabToSelect: !isMultiSelect
   });
@@ -29416,6 +29420,15 @@ var useCombobox = ({
     },
     [setFilterPattern, setIsOpen, setValue]
   );
+  const handleInputKeyDown = useCallback52(
+    (e) => {
+      if (e.key === "Backspace" && allowBackspaceClearsSelection) {
+        selectedRef.current = null;
+        onDeselect == null ? void 0 : onDeselect();
+      }
+    },
+    [allowBackspaceClearsSelection, onDeselect]
+  );
   const { onFocus: inputOnFocus = onFocus } = inputProps;
   const { onFocus: listOnFocus } = listControlProps;
   const handleInputFocus = useCallback52(
@@ -29477,7 +29490,8 @@ var useCombobox = ({
     ...inputProps.inputProps,
     // "aria-owns": listId,
     "aria-label": ariaLabel,
-    autoComplete: "off"
+    autoComplete: "off",
+    onKeyDown: handleInputKeyDown
   };
   return {
     focusVisible,
@@ -29509,27 +29523,29 @@ var useCombobox = ({
 
 // ../vuu-ui-controls/src/list/ChevronIcon.tsx
 var import_classnames26 = __toESM(require_classnames());
-import { jsx as jsx60 } from "react/jsx-runtime";
+import { jsx as jsx61 } from "react/jsx-runtime";
 var classBase16 = "vuuChevronIcon";
 var ChevronIcon = (props) => {
   const { direction, ...htmlAttributes } = props;
-  return /* @__PURE__ */ jsx60("span", { ...htmlAttributes, className: (0, import_classnames26.default)(classBase16, direction) });
+  return /* @__PURE__ */ jsx61("span", { ...htmlAttributes, className: (0, import_classnames26.default)(classBase16, direction) });
 };
 
 // ../vuu-ui-controls/src/combo-box/ComboBox.tsx
-import { jsx as jsx61, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs18 } from "react/jsx-runtime";
 var ComboBox = forwardRef27(function Combobox({
   InputProps: InputProps4,
-  ListProps: ListProps5,
+  ListProps: ListProps6,
   PopupProps,
   ListItem: ListItem4,
   "aria-label": ariaLabel,
+  allowBackspaceClearsSelection,
   allowFreeText,
   children,
   defaultIsOpen,
   defaultSelected,
   defaultValue,
   disabled,
+  disableFilter,
   onBlur,
   onFocus,
   onChange,
@@ -29541,9 +29557,11 @@ var ComboBox = forwardRef27(function Combobox({
   isOpen: isOpenProp,
   itemToString: itemToString2 = itemToString,
   itemsToString,
+  onDeselect,
   onOpenChange: onOpenChangeProp,
   onSelectionChange,
   selected: selectedProp,
+  selectionKeys: selectionKeys2,
   selectionStrategy,
   source,
   value: valueProp,
@@ -29565,6 +29583,7 @@ var ComboBox = forwardRef27(function Combobox({
     source,
     children,
     options: {
+      disableFilter,
       filterPattern: initialValue,
       getFilterRegex,
       itemToString: itemToString2
@@ -29581,6 +29600,7 @@ var ComboBox = forwardRef27(function Combobox({
     selected
   } = useCombobox({
     InputProps: InputProps4,
+    allowBackspaceClearsSelection,
     allowFreeText,
     ariaLabel,
     collectionHook,
@@ -29593,6 +29613,7 @@ var ComboBox = forwardRef27(function Combobox({
     label: props.title,
     listRef,
     onBlur,
+    onDeselect,
     onFocus,
     onChange,
     onSelect,
@@ -29604,6 +29625,7 @@ var ComboBox = forwardRef27(function Combobox({
     onSelectionChange,
     onSetSelectedText,
     selected: selectedProp,
+    selectionKeys: selectionKeys2,
     selectionStrategy,
     value: initialValue
   });
@@ -29614,14 +29636,14 @@ var ComboBox = forwardRef27(function Combobox({
       onOpenChange(true);
     }
   }, [isOpen, onOpenChange]);
-  const endAdornment = endAdornmentProp === null ? null : /* @__PURE__ */ jsx61(
+  const endAdornment = endAdornmentProp === null ? null : /* @__PURE__ */ jsx62(
     ChevronIcon,
     {
       direction: isOpen ? "up" : "down",
       onClick: handleDropdownIconClick
     }
   );
-  return /* @__PURE__ */ jsx61(CollectionProvider, { collectionHook, children: /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsx62(CollectionProvider, { collectionHook, children: /* @__PURE__ */ jsxs18(
     DropdownBase,
     {
       ...props,
@@ -29633,7 +29655,7 @@ var ComboBox = forwardRef27(function Combobox({
       ref: forwardedRef,
       width,
       children: [
-        /* @__PURE__ */ jsx61(
+        /* @__PURE__ */ jsx62(
           Input,
           {
             ...inputProps,
@@ -29642,16 +29664,15 @@ var ComboBox = forwardRef27(function Combobox({
             endAdornment
           }
         ),
-        /* @__PURE__ */ jsx61(
+        /* @__PURE__ */ jsx62(
           List,
           {
-            ...ListProps5,
+            ...ListProps6,
             ListItem: ListItem4,
             defaultSelected: void 0,
             focusVisible,
             highlightedIndex,
             itemTextHighlightPattern: String(inputProps.value) || void 0,
-            id: `${id}-list`,
             listHandlers,
             onSelectionChange,
             ref: listRef,
@@ -29668,7 +29689,7 @@ var ComboBox = forwardRef27(function Combobox({
 // ../vuu-ui-controls/src/cycle-state-button/CycleStateButton.tsx
 var import_classnames27 = __toESM(require_classnames());
 import { forwardRef as forwardRef28, useCallback as useCallback54 } from "react";
-import { jsx as jsx62 } from "react/jsx-runtime";
+import { jsx as jsx63 } from "react/jsx-runtime";
 var classBase17 = "vuuCycleStateButton";
 var getNextValue = (value, valueList) => {
   const index = valueList.indexOf(value.toUpperCase());
@@ -29696,7 +29717,7 @@ var CycleStateButton = forwardRef28(function CycleStateButton2({
     },
     [onCommit, value, values]
   );
-  return /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsx63(
     Button,
     {
       ...buttonProps,
@@ -29858,7 +29879,7 @@ import {
   forwardRef as forwardRef29,
   useRef as useRef49
 } from "react";
-import { jsx as jsx63 } from "react/jsx-runtime";
+import { jsx as jsx64 } from "react/jsx-runtime";
 var classBase18 = "vuuEditableLabel";
 var EditableLabel = forwardRef29(function EditableLabel2({
   className: classNameProp,
@@ -29945,7 +29966,7 @@ var EditableLabel = forwardRef29(function EditableLabel2({
   const className = (0, import_classnames28.default)(classBase18, classNameProp, {
     [`${classBase18}-editing`]: editing
   });
-  return /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsx64(
     "div",
     {
       ...restProps,
@@ -29953,7 +29974,7 @@ var EditableLabel = forwardRef29(function EditableLabel2({
       onDoubleClick: handleDoubleClick,
       "data-text": value,
       ref: forwardedRef,
-      children: editing ? /* @__PURE__ */ jsx63(
+      children: editing ? /* @__PURE__ */ jsx64(
         Input,
         {
           inputProps: { className: `${classBase18}-input`, spellCheck: false },
@@ -29966,7 +29987,7 @@ var EditableLabel = forwardRef29(function EditableLabel2({
           textAlign: "left",
           variant: "secondary"
         }
-      ) : /* @__PURE__ */ jsx63("span", { className: `${classBase18}-label`, children: value })
+      ) : /* @__PURE__ */ jsx64("span", { className: `${classBase18}-label`, children: value })
     }
   );
 });
@@ -29974,7 +29995,7 @@ var EditableLabel = forwardRef29(function EditableLabel2({
 // ../vuu-ui-controls/src/expando-input/ExpandoInput.tsx
 var import_classnames29 = __toESM(require_classnames());
 import { forwardRef as forwardRef30 } from "react";
-import { jsx as jsx64 } from "react/jsx-runtime";
+import { jsx as jsx65 } from "react/jsx-runtime";
 var classBase19 = "vuuExpandoInput";
 var noop2 = () => void 0;
 var ExpandoInput = forwardRef30(function ExpandoInput2({
@@ -29985,14 +30006,14 @@ var ExpandoInput = forwardRef30(function ExpandoInput2({
   onCommit = noop2,
   ...props
 }, forwardedRef) {
-  return /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsx65(
     "div",
     {
       className: (0, import_classnames29.default)(classBase19, classNameProp, {
         [`${classBase19}-error`]: errorMessage
       }),
       "data-text": value,
-      children: /* @__PURE__ */ jsx64(
+      children: /* @__PURE__ */ jsx65(
         VuuInput,
         {
           ...props,
@@ -30011,10 +30032,10 @@ var ExpandoInput = forwardRef30(function ExpandoInput2({
 });
 
 // ../vuu-ui-controls/src/inputs/Checkbox.tsx
-import { jsx as jsx65, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs19 } from "react/jsx-runtime";
 
 // ../vuu-ui-controls/src/inputs/RadioButton.tsx
-import { jsx as jsx66, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs20 } from "react/jsx-runtime";
 
 // ../vuu-table/src/header-cell/GroupHeaderCellNext.tsx
 var import_classnames32 = __toESM(require_classnames());
@@ -30022,7 +30043,7 @@ import { useCallback as useCallback60, useRef as useRef52, useState as useState3
 
 // ../vuu-table/src/column-resizing/ColumnResizer.tsx
 import { useCallback as useCallback57, useRef as useRef50 } from "react";
-import { jsx as jsx67 } from "react/jsx-runtime";
+import { jsx as jsx68 } from "react/jsx-runtime";
 var NOOP = () => void 0;
 var baseClass = "vuuColumnResizerNext";
 var ColumnResizer = ({
@@ -30071,7 +30092,7 @@ var ColumnResizer = ({
     },
     [onDragStart, onMouseMove, onMouseUp]
   );
-  return /* @__PURE__ */ jsx67("div", { className: baseClass, onMouseDown: handleMouseDown });
+  return /* @__PURE__ */ jsx68("div", { className: baseClass, onMouseDown: handleMouseDown });
 };
 
 // ../vuu-table/src/column-resizing/useTableColumnResize.tsx
@@ -30150,7 +30171,7 @@ var useCell = (column, classBase50, isHeader3) => (
 // ../vuu-table/src/column-header-pill/ColumnHeaderPill.tsx
 var import_classnames31 = __toESM(require_classnames());
 import { useCallback as useCallback59 } from "react";
-import { jsx as jsx68, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs21 } from "react/jsx-runtime";
 var classBase20 = "vuuColumnHeaderPill";
 var ColumnHeaderPill = ({
   children,
@@ -30175,7 +30196,7 @@ var ColumnHeaderPill = ({
   );
   return /* @__PURE__ */ jsxs21("div", { ...htmlAttributes, className: (0, import_classnames31.default)(classBase20, className), children: [
     children,
-    removable ? /* @__PURE__ */ jsx68(
+    removable ? /* @__PURE__ */ jsx69(
       "span",
       {
         className: `${classBase20}-removeButton`,
@@ -30188,7 +30209,7 @@ var ColumnHeaderPill = ({
 };
 
 // ../vuu-table/src/column-header-pill/GroupColumnPill.tsx
-import { jsx as jsx69, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs22 } from "react/jsx-runtime";
 var GroupColumnPill = ({
   column,
   ...columnHeaderProps
@@ -30196,27 +30217,27 @@ var GroupColumnPill = ({
   const { name: name3, sorted } = column;
   const icon = typeof sorted === "number" ? sorted < 0 ? "arrow-down" : "arrow-up" : sorted === "A" ? "arrow-up" : sorted === "D" ? "arrow-down" : void 0;
   return /* @__PURE__ */ jsxs22(ColumnHeaderPill, { ...columnHeaderProps, column, children: [
-    /* @__PURE__ */ jsx69("span", { className: "vuuGroupColumnPill-label", children: name3 }),
-    icon !== void 0 ? /* @__PURE__ */ jsx69("span", { "data-icon": icon }) : null,
-    typeof sorted === "number" ? /* @__PURE__ */ jsx69("span", { className: "vuuSortPosition", children: Math.abs(sorted) }) : null
+    /* @__PURE__ */ jsx70("span", { className: "vuuGroupColumnPill-label", children: name3 }),
+    icon !== void 0 ? /* @__PURE__ */ jsx70("span", { "data-icon": icon }) : null,
+    typeof sorted === "number" ? /* @__PURE__ */ jsx70("span", { className: "vuuSortPosition", children: Math.abs(sorted) }) : null
   ] });
 };
 
 // ../vuu-table/src/column-header-pill/SortIndicator.tsx
-import { jsx as jsx70, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs23 } from "react/jsx-runtime";
 var SortIndicator = ({ column }) => {
   if (!column.sorted) {
     return null;
   }
   const icon = typeof column.sorted === "number" ? column.sorted < 0 ? "arrow-down" : "arrow-up" : column.sorted === "A" ? "arrow-up" : "arrow-down";
   return /* @__PURE__ */ jsxs23(ColumnHeaderPill, { column, children: [
-    /* @__PURE__ */ jsx70("span", { "data-icon": icon }),
-    typeof column.sorted === "number" ? /* @__PURE__ */ jsx70("span", { className: "vuuSortPosition", children: Math.abs(column.sorted) }) : null
+    /* @__PURE__ */ jsx71("span", { "data-icon": icon }),
+    typeof column.sorted === "number" ? /* @__PURE__ */ jsx71("span", { className: "vuuSortPosition", children: Math.abs(column.sorted) }) : null
   ] });
 };
 
 // ../vuu-table/src/header-cell/GroupHeaderCellNext.tsx
-import { jsx as jsx71, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs24 } from "react/jsx-runtime";
 import { createElement as createElement4 } from "react";
 var classBase21 = "vuuTableGroupHeaderCell";
 var switchIfChanged = (columns, newColumns) => {
@@ -30278,7 +30299,7 @@ var GroupHeaderCellNext = ({
       role: "columnheader",
       style,
       children: [
-        /* @__PURE__ */ jsx71(
+        /* @__PURE__ */ jsx72(
           OverflowContainer,
           {
             allowDragDrop: true,
@@ -30298,7 +30319,7 @@ var GroupHeaderCellNext = ({
             })
           }
         ),
-        /* @__PURE__ */ jsx71(
+        /* @__PURE__ */ jsx72(
           ColumnHeaderPill,
           {
             column: groupColumn,
@@ -30306,7 +30327,7 @@ var GroupHeaderCellNext = ({
             onRemove: onRemoveColumn
           }
         ),
-        groupColumn.resizeable !== false ? /* @__PURE__ */ jsx71(ColumnResizer, { ...resizeProps }) : null
+        groupColumn.resizeable !== false ? /* @__PURE__ */ jsx72(ColumnResizer, { ...resizeProps }) : null
       ]
     }
   );
@@ -30322,7 +30343,7 @@ import {
   useRef as useRef53,
   useState as useState35
 } from "react";
-import { jsx as jsx72 } from "react/jsx-runtime";
+import { jsx as jsx73 } from "react/jsx-runtime";
 var getPosition4 = (element) => {
   if (element) {
     const { bottom, left } = element.getBoundingClientRect();
@@ -30353,7 +30374,7 @@ var ColumnMenu = ({
     },
     [column, handleMenuClose, showContextMenu2]
   );
-  return /* @__PURE__ */ jsx72(
+  return /* @__PURE__ */ jsx73(
     "span",
     {
       ...props,
@@ -30369,7 +30390,7 @@ var ColumnMenu = ({
 
 // ../vuu-table/src/header-cell/HeaderCell.tsx
 var import_classnames34 = __toESM(require_classnames());
-import { jsx as jsx73, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx74, jsxs as jsxs25 } from "react/jsx-runtime";
 var classBase22 = "vuuTableHeaderCell";
 var HeaderCell = ({
   className: classNameProp,
@@ -30393,10 +30414,10 @@ var HeaderCell = ({
     [isResizing, onClick]
   );
   const { className, style } = useCell(column, classBase22, true);
-  const columnMenu = /* @__PURE__ */ jsx73(ColumnMenu, { column });
-  const columnLabel = HeaderCellLabelRenderer ? /* @__PURE__ */ jsx73(HeaderCellLabelRenderer, { className: `${classBase22}-label`, column }) : /* @__PURE__ */ jsx73("div", { className: `${classBase22}-label`, children: (_a4 = column.label) != null ? _a4 : column.name });
-  const columnContent = HeaderCellContentRenderer ? [/* @__PURE__ */ jsx73(HeaderCellContentRenderer, { column }, "content")] : [];
-  const sortIndicator = /* @__PURE__ */ jsx73(SortIndicator, { column });
+  const columnMenu = /* @__PURE__ */ jsx74(ColumnMenu, { column });
+  const columnLabel = HeaderCellLabelRenderer ? /* @__PURE__ */ jsx74(HeaderCellLabelRenderer, { className: `${classBase22}-label`, column }) : /* @__PURE__ */ jsx74("div", { className: `${classBase22}-label`, children: (_a4 = column.label) != null ? _a4 : column.name });
+  const columnContent = HeaderCellContentRenderer ? [/* @__PURE__ */ jsx74(HeaderCellContentRenderer, { column }, "content")] : [];
+  const sortIndicator = /* @__PURE__ */ jsx74(SortIndicator, { column });
   const headerItems = column.align === "right" ? [sortIndicator, columnLabel].concat(columnContent).concat(columnMenu) : [columnMenu, columnLabel, sortIndicator].concat(columnContent);
   return /* @__PURE__ */ jsxs25(
     "div",
@@ -30411,7 +30432,7 @@ var HeaderCell = ({
       style,
       children: [
         ...headerItems,
-        column.resizeable !== false ? /* @__PURE__ */ jsx73(ColumnResizer, { ...resizeProps }) : null
+        column.resizeable !== false ? /* @__PURE__ */ jsx74(ColumnResizer, { ...resizeProps }) : null
       ]
     }
   );
@@ -30441,7 +30462,7 @@ import { memo as memo2, useCallback as useCallback65 } from "react";
 // ../vuu-table/src/table-cell/TableCell.tsx
 import { isNumericColumn } from "@vuu-ui/vuu-utils";
 import { useCallback as useCallback63 } from "react";
-import { jsx as jsx74 } from "react/jsx-runtime";
+import { jsx as jsx75 } from "react/jsx-runtime";
 var classBase23 = "vuuTableCell";
 var TableCell = ({
   column,
@@ -30475,14 +30496,14 @@ var TableCell = ({
     },
     [column, onClick]
   );
-  return /* @__PURE__ */ jsx74(
+  return /* @__PURE__ */ jsx75(
     "div",
     {
       className,
       onClick: onClick ? handleClick : void 0,
       role: "cell",
       style,
-      children: CellRenderer ? /* @__PURE__ */ jsx74(
+      children: CellRenderer ? /* @__PURE__ */ jsx75(
         CellRenderer,
         {
           column,
@@ -30499,7 +30520,7 @@ var TableCell = ({
 import { getGroupValueAndOffset, metadataKeys as metadataKeys2 } from "@vuu-ui/vuu-utils";
 import { useCallback as useCallback64 } from "react";
 var import_classnames35 = __toESM(require_classnames());
-import { jsx as jsx75, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs26 } from "react/jsx-runtime";
 var { IS_LEAF } = metadataKeys2;
 var classBase24 = "vuuTableGroupCell";
 var TableGroupCell = ({ column, onClick, row }) => {
@@ -30513,7 +30534,7 @@ var TableGroupCell = ({ column, onClick, row }) => {
     [column, onClick]
   );
   const isLeaf3 = row[IS_LEAF];
-  const spacers = Array(offset).fill(0).map((n, i) => /* @__PURE__ */ jsx75("span", { className: `${classBase24}-spacer` }, i));
+  const spacers = Array(offset).fill(0).map((n, i) => /* @__PURE__ */ jsx76("span", { className: `${classBase24}-spacer` }, i));
   return /* @__PURE__ */ jsxs26(
     "div",
     {
@@ -30523,15 +30544,15 @@ var TableGroupCell = ({ column, onClick, row }) => {
       onClick: isLeaf3 ? void 0 : handleClick,
       children: [
         spacers,
-        isLeaf3 ? null : /* @__PURE__ */ jsx75("span", { className: `${classBase24}-toggle`, "data-icon": "triangle-right" }),
-        /* @__PURE__ */ jsx75("span", { children: value })
+        isLeaf3 ? null : /* @__PURE__ */ jsx76("span", { className: `${classBase24}-toggle`, "data-icon": "triangle-right" }),
+        /* @__PURE__ */ jsx76("span", { children: value })
       ]
     }
   );
 };
 
 // ../vuu-table/src/Row.tsx
-import { jsx as jsx76 } from "react/jsx-runtime";
+import { jsx as jsx77 } from "react/jsx-runtime";
 import { createElement as createElement5 } from "react";
 var { IDX, IS_EXPANDED, SELECTED: SELECTED2 } = metadataKeys3;
 var classBase25 = "vuuTableRow";
@@ -30592,12 +30613,12 @@ var Row2 = memo2(
         onClick: handleRowClick,
         style
       },
-      /* @__PURE__ */ jsx76("span", { className: `${classBase25}-selectionDecorator vuuStickyLeft` }),
+      /* @__PURE__ */ jsx77("span", { className: `${classBase25}-selectionDecorator vuuStickyLeft` }),
       columns.filter(isNotHidden).map((column) => {
         const isGroup = isGroupColumn(column);
         const isJsonCell = isJsonColumn(column);
         const Cell = isGroup ? TableGroupCell : TableCell;
-        return /* @__PURE__ */ jsx76(
+        return /* @__PURE__ */ jsx77(
           Cell,
           {
             column,
@@ -30609,7 +30630,7 @@ var Row2 = memo2(
           column.key
         );
       }),
-      /* @__PURE__ */ jsx76("span", { className: `${classBase25}-selectionDecorator vuuStickyRight` })
+      /* @__PURE__ */ jsx77("span", { className: `${classBase25}-selectionDecorator vuuStickyRight` })
     );
   }
 );
@@ -30665,7 +30686,7 @@ import {
   isValidNumber as isValidNumber3,
   registerComponent as registerComponent4
 } from "@vuu-ui/vuu-utils";
-import { jsx as jsx77, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs27 } from "react/jsx-runtime";
 var classBase26 = "vuuProgressCell";
 var ProgressCell = ({ column, columnMap, row }) => {
   const { type } = column;
@@ -30700,8 +30721,8 @@ var ProgressCell = ({ column, columnMap, row }) => {
   const className = (0, import_classnames37.default)(classBase26, {});
   return /* @__PURE__ */ jsxs27("div", { className, tabIndex: -1, children: [
     showProgress ? /* @__PURE__ */ jsxs27("span", { className: `${classBase26}-track`, children: [
-      /* @__PURE__ */ jsx77("span", { className: `${classBase26}-bg` }),
-      /* @__PURE__ */ jsx77(
+      /* @__PURE__ */ jsx78("span", { className: `${classBase26}-bg` }),
+      /* @__PURE__ */ jsx78(
         "span",
         {
           className: `${classBase26}-bar`,
@@ -30709,7 +30730,7 @@ var ProgressCell = ({ column, columnMap, row }) => {
         }
       )
     ] }) : null,
-    /* @__PURE__ */ jsx77("span", { className: `${classBase26}-text`, children: `${percentage} %` })
+    /* @__PURE__ */ jsx78("span", { className: `${classBase26}-text`, children: `${percentage} %` })
   ] });
 };
 registerComponent4("vuu.progress", ProgressCell, "cell-renderer", {
@@ -30752,7 +30773,7 @@ function useDirection(key, value, column) {
 }
 
 // ../vuu-table-extras/src/cell-renderers-next/background-cell/BackgroundCell.tsx
-import { jsx as jsx78, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs28 } from "react/jsx-runtime";
 var CHAR_ARROW_UP = String.fromCharCode(11014);
 var CHAR_ARROW_DOWN = String.fromCharCode(11015);
 var { KEY } = metadataKeys4;
@@ -30784,7 +30805,7 @@ var BackgroundCell = ({ column, columnMap, row }) => {
     [`${classBase27}-arrowBackground`]: flashStyle === FlashStyle.ArrowBackground
   });
   return /* @__PURE__ */ jsxs28("div", { className, tabIndex: -1, children: [
-    /* @__PURE__ */ jsx78("div", { className: `${classBase27}-flasher`, children: arrow }),
+    /* @__PURE__ */ jsx79("div", { className: `${classBase27}-flasher`, children: arrow }),
     valueFormatter(row[dataIdx])
   ] });
 };
@@ -30805,7 +30826,7 @@ import {
   registerConfigurationEditor
 } from "@vuu-ui/vuu-utils";
 import { useCallback as useCallback66, useState as useState36 } from "react";
-import { jsx as jsx79, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs29 } from "react/jsx-runtime";
 var classBase28 = "vuuBackgroundCellConfiguration";
 var flashOptions = [
   { label: "Background Only", value: "bg-only" },
@@ -30837,8 +30858,8 @@ var BackgroundCellConfigurationEditor = ({
     [column.type, onChangeRendering]
   );
   return /* @__PURE__ */ jsxs29(FormField, { children: [
-    /* @__PURE__ */ jsx79(FormFieldLabel, { children: "Flash Style" }),
-    /* @__PURE__ */ jsx79(
+    /* @__PURE__ */ jsx80(FormFieldLabel, { children: "Flash Style" }),
+    /* @__PURE__ */ jsx80(
       Dropdown2,
       {
         className: `${classBase28}-flashStyle`,
@@ -30861,7 +30882,7 @@ import {
   useCallback as useCallback67
 } from "react";
 import { getColumnLabel } from "@vuu-ui/vuu-utils";
-import { jsx as jsx80, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs30 } from "react/jsx-runtime";
 
 // ../vuu-table-extras/src/column-settings/ColumnSettingsPanel.tsx
 import {
@@ -50786,7 +50807,7 @@ var useColumnExpressionEditor = ({
 };
 
 // ../vuu-table-extras/src/column-expression-input/ColumnExpressionInput.tsx
-import { jsx as jsx81 } from "react/jsx-runtime";
+import { jsx as jsx82 } from "react/jsx-runtime";
 var classBase29 = "vuuColumnExpressionInput";
 var ColumnExpressionInput = memo3(
   ({
@@ -50801,7 +50822,7 @@ var ColumnExpressionInput = memo3(
       source,
       suggestionProvider
     });
-    return /* @__PURE__ */ jsx81("div", { className: `${classBase29}`, onBlur, ref: editorRef });
+    return /* @__PURE__ */ jsx82("div", { className: `${classBase29}`, onBlur, ref: editorRef });
   },
   (prevProps, newProps) => {
     return prevProps.source === newProps.source;
@@ -51173,7 +51194,7 @@ import {
 import { useCallback as useCallback71, useRef as useRef58, useState as useState37 } from "react";
 
 // ../vuu-table-extras/src/column-expression-panel/ColumnExpressionPanel.tsx
-import { jsx as jsx82, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs31 } from "react/jsx-runtime";
 
 // ../vuu-table-extras/src/column-formatting-settings/ColumnFormattingPanel.tsx
 import {
@@ -51191,10 +51212,10 @@ import {
   useCallback as useCallback73,
   useState as useState38
 } from "react";
-import { jsx as jsx83, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs32 } from "react/jsx-runtime";
 
 // ../vuu-table-extras/src/column-formatting-settings/ColumnFormattingPanel.tsx
-import { jsx as jsx84, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx85, jsxs as jsxs33 } from "react/jsx-runtime";
 
 // ../vuu-table-extras/src/column-settings/ColumnNameLabel.tsx
 var import_classnames41 = __toESM(require_classnames(), 1);
@@ -51202,7 +51223,7 @@ import {
   getCalculatedColumnDetails as getCalculatedColumnDetails2,
   isCalculatedColumn
 } from "@vuu-ui/vuu-utils";
-import { jsx as jsx85, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx86, jsxs as jsxs34 } from "react/jsx-runtime";
 
 // ../vuu-table-extras/src/column-settings/useColumnSettings.ts
 import {
@@ -51246,12 +51267,12 @@ var stringCellRenderers = [
 ];
 
 // ../vuu-table-extras/src/column-settings/ColumnSettingsPanel.tsx
-import { jsx as jsx86, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx87, jsxs as jsxs35 } from "react/jsx-runtime";
 
 // ../vuu-table-extras/src/datasource-stats/DatasourceStats.tsx
 var import_classnames43 = __toESM(require_classnames(), 1);
 import { useEffect as useEffect17, useState as useState40 } from "react";
-import { jsx as jsx87, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx88, jsxs as jsxs36 } from "react/jsx-runtime";
 var numberFormatter = new Intl.NumberFormat();
 
 // ../vuu-table-extras/src/table-settings/useTableSettings.ts
@@ -51268,7 +51289,7 @@ import {
 } from "react";
 
 // ../vuu-table-extras/src/table-settings/TableSettingsPanel.tsx
-import { jsx as jsx88, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx89, jsxs as jsxs37 } from "react/jsx-runtime";
 
 // ../vuu-table-extras/src/useTableAndColumnSettings.ts
 import { getCalculatedColumnType as getCalculatedColumnType2 } from "@vuu-ui/vuu-utils";
@@ -51442,26 +51463,6 @@ var buildContextMenuDescriptors = (dataSource) => (location, options) => {
       label: `DataGrid Settings`,
       options
     });
-  } else if (location === "filter") {
-    const { column, filter } = options;
-    const colIsOnlyFilter = (filter == null ? void 0 : filter.column) === (column == null ? void 0 : column.name);
-    descriptors.push({
-      label: "Edit filter",
-      action: "filter-edit",
-      options
-    });
-    descriptors.push({
-      label: "Remove filter",
-      action: "filter-remove-column",
-      options
-    });
-    if (column && !colIsOnlyFilter) {
-      descriptors.push({
-        label: `Remove all filters`,
-        action: "remove-filters",
-        options
-      });
-    }
   }
   return descriptors;
 };
@@ -52398,7 +52399,7 @@ var NO_SELECTION = [];
 var defaultSelectionKeys2 = ["Enter", " "];
 var useSelection2 = ({
   highlightedIndexRef,
-  selectionKeys = defaultSelectionKeys2,
+  selectionKeys: selectionKeys2 = defaultSelectionKeys2,
   selectionModel,
   onSelect,
   onSelectionChange
@@ -52407,8 +52408,8 @@ var useSelection2 = ({
   const lastActiveRef = useRef65(-1);
   const selectedRef = useRef65(NO_SELECTION);
   const isSelectionEvent = useCallback81(
-    (evt) => selectionKeys.includes(evt.key),
-    [selectionKeys]
+    (evt) => selectionKeys2.includes(evt.key),
+    [selectionKeys2]
   );
   const handleRowClick = useCallback81(
     (row, rangeSelect, keepExistingSelection) => {
@@ -53725,7 +53726,7 @@ var useTableHeader = ({
 };
 
 // ../vuu-table/src/table-header/TableHeader.tsx
-import { jsx as jsx89, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx90, jsxs as jsxs38 } from "react/jsx-runtime";
 var TableHeader = ({
   classBase: classBase50 = "vuuTable",
   columns,
@@ -53751,10 +53752,10 @@ var TableHeader = ({
     tableConfig
   });
   return /* @__PURE__ */ jsxs38("div", { className: `${classBase50}-col-headings`, ref: containerRef, children: [
-    headings.map((colHeaders, i) => /* @__PURE__ */ jsx89("div", { className: "vuuTable-heading", children: colHeaders.map(({ label, width }, j) => /* @__PURE__ */ jsx89("div", { className: "vuuTable-headingCell", style: { width }, children: label }, j)) }, i)),
+    headings.map((colHeaders, i) => /* @__PURE__ */ jsx90("div", { className: "vuuTable-heading", children: colHeaders.map(({ label, width }, j) => /* @__PURE__ */ jsx90("div", { className: "vuuTable-headingCell", style: { width }, children: label }, j)) }, i)),
     /* @__PURE__ */ jsxs38("div", { className: `${classBase50}-col-headers`, role: "row", children: [
       columns.filter(isNotHidden2).map(
-        (col, i) => isGroupColumn4(col) ? /* @__PURE__ */ jsx89(
+        (col, i) => isGroupColumn4(col) ? /* @__PURE__ */ jsx90(
           GroupHeaderCellNext,
           {
             column: col,
@@ -53764,7 +53765,7 @@ var TableHeader = ({
             onResize: onResizeColumn
           },
           col.name
-        ) : /* @__PURE__ */ jsx89(
+        ) : /* @__PURE__ */ jsx90(
           HeaderCell,
           {
             className: (0, import_classnames44.default)({
@@ -53786,7 +53787,7 @@ var TableHeader = ({
 };
 
 // ../vuu-table/src/Table.tsx
-import { jsx as jsx90, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx91, jsxs as jsxs39 } from "react/jsx-runtime";
 var classBase30 = "vuuTable";
 var { IDX: IDX3, RENDER_IDX } = metadataKeys9;
 var TableCore = ({
@@ -53889,16 +53890,16 @@ var TableCore = ({
       menuActionHandler: handleContextMenuAction,
       menuBuilder,
       children: [
-        /* @__PURE__ */ jsx90(
+        /* @__PURE__ */ jsx91(
           "div",
           {
             className: `${classBase30}-scrollbarContainer`,
             ref: scrollProps.scrollbarContainerRef,
             style: cssVariables,
-            children: /* @__PURE__ */ jsx90("div", { className: `${classBase30}-scrollbarContent` })
+            children: /* @__PURE__ */ jsx91("div", { className: `${classBase30}-scrollbarContent` })
           }
         ),
-        /* @__PURE__ */ jsx90(
+        /* @__PURE__ */ jsx91(
           "div",
           {
             className,
@@ -53911,7 +53912,7 @@ var TableCore = ({
                 className: `${classBase30}-table`,
                 tabIndex: disableFocus ? void 0 : -1,
                 children: [
-                  showColumnHeaders ? /* @__PURE__ */ jsx90(
+                  showColumnHeaders ? /* @__PURE__ */ jsx91(
                     TableHeader,
                     {
                       columns,
@@ -53925,7 +53926,7 @@ var TableCore = ({
                       tableId: id
                     }
                   ) : null,
-                  /* @__PURE__ */ jsx90("div", { className: `${classBase30}-body`, children: data.map((data2) => /* @__PURE__ */ jsx90(
+                  /* @__PURE__ */ jsx91("div", { className: `${classBase30}-body`, children: data.map((data2) => /* @__PURE__ */ jsx91(
                     Row3,
                     {
                       columnMap,
@@ -53980,7 +53981,7 @@ var Table = forwardRef31(function TableNext({
 }, forwardedRef) {
   const containerRef = useRef70(null);
   const [size, setSize] = useState45();
-  return /* @__PURE__ */ jsx90(
+  return /* @__PURE__ */ jsx91(
     MeasuredContainer,
     {
       ...htmlAttributes,
@@ -53988,7 +53989,7 @@ var Table = forwardRef31(function TableNext({
       id,
       onResize: setSize,
       ref: useForkRef(containerRef, forwardedRef),
-      children: size ? /* @__PURE__ */ jsx90(
+      children: size ? /* @__PURE__ */ jsx91(
         TableCore,
         {
           Row: Row3,
@@ -54030,7 +54031,7 @@ var dataAndColumnUnchanged = (p, p1) => p.column === p1.column && p.row[p.column
 
 // ../vuu-table/src/cell-renderers/checkbox-cell/CheckboxCell.tsx
 import { dispatchCustomEvent as dispatchCustomEvent4, registerComponent as registerComponent6 } from "@vuu-ui/vuu-utils";
-import { jsx as jsx91 } from "react/jsx-runtime";
+import { jsx as jsx92 } from "react/jsx-runtime";
 var CheckboxCell = memo4(
   ({ column, columnMap, onCommit = WarnCommit, row }) => {
     const dataIdx = columnMap[column.name];
@@ -54045,7 +54046,7 @@ var CheckboxCell = memo4(
       },
       [onCommit]
     );
-    return !!column.editable ? /* @__PURE__ */ jsx91(Checkbox, { checked: isChecked, onClick: handleCommit(!isChecked) }) : /* @__PURE__ */ jsx91(CheckboxIcon2, { checked: isChecked, disabled: true });
+    return !!column.editable ? /* @__PURE__ */ jsx92(Checkbox, { checked: isChecked, onClick: handleCommit(!isChecked) }) : /* @__PURE__ */ jsx92(CheckboxIcon2, { checked: isChecked, disabled: true });
   },
   dataAndColumnUnchanged
 );
@@ -54057,7 +54058,7 @@ registerComponent6("checkbox-cell", CheckboxCell, "cell-renderer", {
 // ../vuu-table/src/cell-renderers/dropdown-cell/DropdownCell.tsx
 import { dispatchCustomEvent as dispatchCustomEvent5, registerComponent as registerComponent7 } from "@vuu-ui/vuu-utils";
 import { memo as memo5, useCallback as useCallback89, useState as useState46 } from "react";
-import { jsx as jsx92 } from "react/jsx-runtime";
+import { jsx as jsx93 } from "react/jsx-runtime";
 var classBase31 = "vuuTableDropdownCell";
 var openKeys = ["Enter", " "];
 var DropdownCell = memo5(
@@ -54083,7 +54084,7 @@ var DropdownCell = memo5(
       },
       [onCommit]
     );
-    return /* @__PURE__ */ jsx92(
+    return /* @__PURE__ */ jsx93(
       Dropdown2,
       {
         className: classBase31,
@@ -54102,7 +54103,7 @@ registerComponent7("dropdown-cell", DropdownCell, "cell-renderer", {});
 // ../vuu-table/src/cell-renderers/input-cell/InputCell.tsx
 import { registerComponent as registerComponent8 } from "@vuu-ui/vuu-utils";
 var import_classnames46 = __toESM(require_classnames());
-import { jsx as jsx93 } from "react/jsx-runtime";
+import { jsx as jsx94 } from "react/jsx-runtime";
 var classBase32 = "vuuTableInputCell";
 var WarnCommit2 = () => {
   console.warn(
@@ -54127,9 +54128,9 @@ var InputCell = ({
     onCommit,
     clientSideEditValidationCheck
   });
-  const endAdornment = warningMessage && align === "left" ? /* @__PURE__ */ jsx93("span", { className: `${classBase32}-icon`, "data-icon": "error" }) : void 0;
-  const startAdornment = warningMessage && align === "right" ? /* @__PURE__ */ jsx93("span", { className: `${classBase32}-icon`, "data-icon": "error" }) : void 0;
-  return /* @__PURE__ */ jsx93(
+  const endAdornment = warningMessage && align === "left" ? /* @__PURE__ */ jsx94("span", { className: `${classBase32}-icon`, "data-icon": "error" }) : void 0;
+  const startAdornment = warningMessage && align === "right" ? /* @__PURE__ */ jsx94("span", { className: `${classBase32}-icon`, "data-icon": "error" }) : void 0;
+  return /* @__PURE__ */ jsx94(
     Input,
     {
       ...editProps,
@@ -54146,7 +54147,7 @@ registerComponent8("input-cell", InputCell, "cell-renderer", {});
 // ../vuu-table/src/cell-renderers/lookup-cell/LookupCell.tsx
 import { registerComponent as registerComponent9 } from "@vuu-ui/vuu-utils";
 import { memo as memo6 } from "react";
-import { jsx as jsx94 } from "react/jsx-runtime";
+import { jsx as jsx95 } from "react/jsx-runtime";
 var LookupCell = memo6(
   function LookupCell2({
     column,
@@ -54155,7 +54156,7 @@ var LookupCell = memo6(
   }) {
     const dataIdx = columnMap[column.name];
     const { initialValue: value } = useLookupValues(column, row[dataIdx]);
-    return /* @__PURE__ */ jsx94("span", { children: value == null ? void 0 : value.label });
+    return /* @__PURE__ */ jsx95("span", { children: value == null ? void 0 : value.label });
   },
   dataAndColumnUnchanged
 );
@@ -54170,7 +54171,7 @@ import {
   registerComponent as registerComponent10
 } from "@vuu-ui/vuu-utils";
 import { memo as memo7, useCallback as useCallback90 } from "react";
-import { jsx as jsx95 } from "react/jsx-runtime";
+import { jsx as jsx96 } from "react/jsx-runtime";
 var classBase33 = "vuuTableToggleCell";
 var getValueList = ({ name: name3, type }) => {
   if (isTypeDescriptor5(type) && isValueListRenderer(type.renderer)) {
@@ -54202,7 +54203,7 @@ var ToggleCell = memo7(
       },
       [onCommit]
     );
-    return /* @__PURE__ */ jsx95(
+    return /* @__PURE__ */ jsx96(
       CycleStateButton,
       {
         className: (0, import_classnames47.default)(classBase33, `${classBase33}-${column.name}`),
@@ -54262,7 +54263,7 @@ import { forwardRef as forwardRef32, useMemo as useMemo40 } from "react";
 
 // ../vuu-ui-controls/src/instrument-picker/SearchCell.tsx
 import { registerComponent as registerComponent11 } from "@vuu-ui/vuu-utils";
-import { jsx as jsx96, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx97, jsxs as jsxs40 } from "react/jsx-runtime";
 var classBase34 = "vuuSearchCell";
 var SearchCell = ({
   column,
@@ -54272,7 +54273,7 @@ var SearchCell = ({
   const key = columnMap[column.name];
   const value = row[key];
   return /* @__PURE__ */ jsxs40("div", { className: classBase34, tabIndex: -1, children: [
-    /* @__PURE__ */ jsx96("span", { "data-icon": "draggable" }),
+    /* @__PURE__ */ jsx97("span", { "data-icon": "draggable" }),
     value
   ] });
 };
@@ -54364,7 +54365,7 @@ var useInstrumentPicker = ({
 };
 
 // ../vuu-ui-controls/src/instrument-picker/InstrumentPicker.tsx
-import { jsx as jsx97, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx98, jsxs as jsxs41 } from "react/jsx-runtime";
 var classBase35 = "vuuInstrumentPicker";
 var InstrumentPicker = forwardRef32(function InstrumentPicker2({
   TableProps: { dataSource, ...TableProps3 },
@@ -54398,7 +54399,7 @@ var InstrumentPicker = forwardRef32(function InstrumentPicker2({
     onSelect,
     searchColumns
   });
-  const endAdornment = useMemo40(() => /* @__PURE__ */ jsx97("span", { "data-icon": "chevron-down" }), []);
+  const endAdornment = useMemo40(() => /* @__PURE__ */ jsx98("span", { "data-icon": "chevron-down" }), []);
   const tableProps = {
     ...TableProps3,
     config: {
@@ -54419,7 +54420,7 @@ var InstrumentPicker = forwardRef32(function InstrumentPicker2({
       ref: forwardedRef,
       width,
       children: [
-        /* @__PURE__ */ jsx97(
+        /* @__PURE__ */ jsx98(
           Input,
           {
             ...inputProps,
@@ -54428,7 +54429,7 @@ var InstrumentPicker = forwardRef32(function InstrumentPicker2({
             value
           }
         ),
-        /* @__PURE__ */ jsx97(
+        /* @__PURE__ */ jsx98(
           Table,
           {
             rowHeight: 25,
@@ -54455,7 +54456,7 @@ import { useCallback as useCallback94 } from "react";
 
 // ../vuu-ui-controls/src/instrument-search/SearchCell.tsx
 import { registerComponent as registerComponent12 } from "@vuu-ui/vuu-utils";
-import { jsx as jsx98, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx99, jsxs as jsxs42 } from "react/jsx-runtime";
 var classBase36 = "vuuSearchCell";
 var SearchCell2 = ({
   column,
@@ -54465,7 +54466,7 @@ var SearchCell2 = ({
   const key = columnMap[column.name];
   const value = row[key];
   return /* @__PURE__ */ jsxs42("div", { className: classBase36, tabIndex: -1, children: [
-    /* @__PURE__ */ jsx98("span", { "data-icon": "draggable" }),
+    /* @__PURE__ */ jsx99("span", { "data-icon": "draggable" }),
     value
   ] });
 };
@@ -54538,7 +54539,7 @@ var useInstrumentSearch = ({
 };
 
 // ../vuu-ui-controls/src/instrument-search/InstrumentSearch.tsx
-import { jsx as jsx99, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx100, jsxs as jsxs43 } from "react/jsx-runtime";
 var classBase37 = "vuuInstrumentSearch";
 var defaultTableConfig = {
   columns: [
@@ -54556,7 +54557,7 @@ var defaultTableConfig = {
   ],
   rowSeparators: true
 };
-var searchIcon = /* @__PURE__ */ jsx99("span", { "data-icon": "search" });
+var searchIcon = /* @__PURE__ */ jsx100("span", { "data-icon": "search" });
 var InstrumentSearch = ({
   TableProps: TableProps3,
   autoFocus = false,
@@ -54581,7 +54582,7 @@ var InstrumentSearch = ({
     }, 100);
   }, []);
   return /* @__PURE__ */ jsxs43("div", { ...htmlAttributes, className: (0, import_classnames48.default)(classBase37, className), children: [
-    /* @__PURE__ */ jsx99("div", { className: `${classBase37}-inputField`, children: /* @__PURE__ */ jsx99(
+    /* @__PURE__ */ jsx100("div", { className: `${classBase37}-inputField`, children: /* @__PURE__ */ jsx100(
       Input,
       {
         inputProps: { onKeyDown },
@@ -54592,7 +54593,7 @@ var InstrumentSearch = ({
         onChange
       }
     ) }),
-    dataSource ? /* @__PURE__ */ jsx99(
+    dataSource ? /* @__PURE__ */ jsx100(
       Table,
       {
         disableFocus: true,
@@ -54623,7 +54624,7 @@ import {
   numericFormatter
 } from "@vuu-ui/vuu-utils";
 import { memo as memo8, useMemo as useMemo42, useRef as useRef72 } from "react";
-import { jsx as jsx100, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx101, jsxs as jsxs44 } from "react/jsx-runtime";
 var classBase38 = "vuuPriceTicker";
 var getValueFormatter2 = (decimals) => numericFormatter({
   type: {
@@ -54650,7 +54651,7 @@ var PriceTicker = memo8(
     ref.current = [price, direction];
     return /* @__PURE__ */ jsxs44("div", { ...htmlAttributes, className: (0, import_classnames49.default)(classBase38, className, direction), children: [
       formatNumber(price),
-      showArrow ? /* @__PURE__ */ jsx100("span", { "data-icon": "price-arrow" }) : null
+      showArrow ? /* @__PURE__ */ jsx101("span", { "data-icon": "price-arrow" }) : null
     ] });
   }
 );
@@ -54658,7 +54659,7 @@ PriceTicker.displayName = "PriceTicker";
 
 // ../vuu-ui-controls/src/tabstrip/Tabstrip.tsx
 var import_classnames50 = __toESM(require_classnames());
-import React22, { useMemo as useMemo44, useRef as useRef76 } from "react";
+import React21, { useMemo as useMemo44, useRef as useRef76 } from "react";
 
 // ../vuu-ui-controls/src/tabstrip/useTabstrip.ts
 import { dispatchMouseEvent as dispatchMouseEvent5 } from "@vuu-ui/vuu-utils";
@@ -55341,7 +55342,7 @@ var useTabstrip = ({
 };
 
 // ../vuu-ui-controls/src/tabstrip/Tabstrip.tsx
-import { Fragment as Fragment7, jsx as jsx101, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx102, jsxs as jsxs45 } from "react/jsx-runtime";
 import { createElement as createElement6 } from "react";
 var classBase39 = "vuuTabstrip";
 var Tabstrip = ({
@@ -55406,7 +55407,7 @@ var Tabstrip = ({
         showMenuButton = showTabMenuButton
       } = child.props;
       const selected = index === activeTabIndex;
-      return React22.cloneElement(child, {
+      return React21.cloneElement(child, {
         ...tabProps,
         ...tabstripHook.navigationProps,
         className: (0, import_classnames50.default)(className2, tabClassName),
@@ -55457,7 +55458,7 @@ var Tabstrip = ({
     ]
   );
   return /* @__PURE__ */ jsxs45(Fragment7, { children: [
-    /* @__PURE__ */ jsx101(
+    /* @__PURE__ */ jsx102(
       OverflowContainer,
       {
         ...htmlAttributes,
@@ -55487,7 +55488,7 @@ import {
 // ../vuu-ui-controls/src/tabstrip/TabMenu.tsx
 var import_classnames51 = __toESM(require_classnames());
 import { useMemo as useMemo45 } from "react";
-import { jsx as jsx102 } from "react/jsx-runtime";
+import { jsx as jsx103 } from "react/jsx-runtime";
 var classBase40 = "vuuTabMenu";
 var TabMenu = ({
   allowClose,
@@ -55519,7 +55520,7 @@ var TabMenu = ({
     ],
     [allowClose, allowRename, controlledComponentId, index]
   );
-  return /* @__PURE__ */ jsx102(
+  return /* @__PURE__ */ jsx103(
     PopupMenu,
     {
       className: classBase40,
@@ -55534,7 +55535,7 @@ var TabMenu = ({
 };
 
 // ../vuu-ui-controls/src/tabstrip/Tab.tsx
-import { jsx as jsx103, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx104, jsxs as jsxs46 } from "react/jsx-runtime";
 var classBase41 = "vuuTab";
 var noop4 = () => void 0;
 var Tab = forwardRef33(function Tab2({
@@ -55594,7 +55595,7 @@ var Tab = forwardRef33(function Tab2({
   };
   const getLabel2 = () => {
     if (editable2) {
-      return /* @__PURE__ */ jsx103(
+      return /* @__PURE__ */ jsx104(
         EditableLabel,
         {
           editing,
@@ -55640,7 +55641,7 @@ var Tab = forwardRef33(function Tab2({
       role: "tab",
       tabIndex,
       children: [
-        /* @__PURE__ */ jsx103("div", { className: `${classBase41}-main`, children: /* @__PURE__ */ jsx103(
+        /* @__PURE__ */ jsx104("div", { className: `${classBase41}-main`, children: /* @__PURE__ */ jsx104(
           "span",
           {
             className: `${classBase41}-text`,
@@ -55648,7 +55649,7 @@ var Tab = forwardRef33(function Tab2({
             children: children != null ? children : getLabel2()
           }
         ) }),
-        showMenuButton ? /* @__PURE__ */ jsx103(
+        showMenuButton ? /* @__PURE__ */ jsx104(
           TabMenu,
           {
             allowClose: closeable,
@@ -55808,15 +55809,15 @@ var useSelection4 = ({
   onChange,
   selected: selectedProp,
   selection = SINGLE,
-  selectionKeys = defaultSelectionKeys4
+  selectionKeys: selectionKeys2 = defaultSelectionKeys4
 }) => {
   const singleSelect = selection === SINGLE;
   const multiSelect = selection === MULTI || selection.startsWith(CHECKBOX);
   const extendedSelect = selection === EXTENDED;
   const lastActive = useRef78(-1);
   const isSelectionEvent = useCallback101(
-    (evt) => selectionKeys.includes(evt.key),
-    [selectionKeys]
+    (evt) => selectionKeys2.includes(evt.key),
+    [selectionKeys2]
   );
   const [selected, setSelected] = useControlled({
     controlled: selectedProp,
@@ -56530,12 +56531,12 @@ var useTree = ({
 };
 
 // ../vuu-ui-controls/src/tree/Tree.tsx
-import { jsx as jsx104, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx105, jsxs as jsxs47 } from "react/jsx-runtime";
 import { createElement as createElement7 } from "react";
 var classBase42 = "vuuTree";
 var isExpanded = (node) => node.expanded === true;
 var TreeNode2 = ({ children, idx, ...props }) => {
-  return /* @__PURE__ */ jsx104("li", { ...props, children });
+  return /* @__PURE__ */ jsx105("li", { ...props, children });
 };
 var Tree2 = forwardRef34(function Tree3({
   allowDragDrop,
@@ -56602,8 +56603,8 @@ var Tree2 = forwardRef34(function Tree3({
           ...propsCommonToAllListItems,
           ...getListItemProps(item, idx, highlightedIdx, selected, focusVisible),
           children: [
-            item.icon ? /* @__PURE__ */ jsx104("span", { className: `${classBase42}Node-icon`, "data-icon": item.icon }) : null,
-            /* @__PURE__ */ jsx104("span", { children: item.label })
+            item.icon ? /* @__PURE__ */ jsx105("span", { className: `${classBase42}Node-icon`, "data-icon": item.icon }) : null,
+            /* @__PURE__ */ jsx105("span", { children: item.label })
           ]
         }
       )
@@ -56632,19 +56633,19 @@ var Tree2 = forwardRef34(function Tree3({
           key: `header-${i}`
         },
         allowGroupSelect ? /* @__PURE__ */ jsxs47("div", { className: `${classBase42}Node-label`, children: [
-          /* @__PURE__ */ jsx104("span", { className: `${classBase42}Node-toggle` }),
+          /* @__PURE__ */ jsx105("span", { className: `${classBase42}Node-toggle` }),
           title
         ] }) : /* @__PURE__ */ jsxs47("div", { className: `${classBase42}Node-label`, children: [
-          child.icon ? /* @__PURE__ */ jsx104(
+          child.icon ? /* @__PURE__ */ jsx105(
             "span",
             {
               className: `${classBase42}Node-icon`,
               "data-icon": child.icon
             }
           ) : null,
-          /* @__PURE__ */ jsx104("span", { children: title })
+          /* @__PURE__ */ jsx105("span", { children: title })
         ] }),
-        /* @__PURE__ */ jsx104("ul", { role: "group", children: isExpanded(child) ? renderSourceContent(child.childNodes, idx) : "" })
+        /* @__PURE__ */ jsx105("ul", { role: "group", children: isExpanded(child) ? renderSourceContent(child.childNodes, idx) : "" })
       )
     );
   }
@@ -56661,7 +56662,7 @@ var Tree2 = forwardRef34(function Tree3({
       return listItems;
     }
   }
-  return /* @__PURE__ */ jsx104(
+  return /* @__PURE__ */ jsx105(
     "ul",
     {
       ...htmlAttributes,
@@ -56695,7 +56696,7 @@ import {
   forwardRef as forwardRef35,
   useCallback as useCallback107
 } from "react";
-import { Fragment as Fragment8, jsx as jsx105, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx106, jsxs as jsxs48 } from "react/jsx-runtime";
 var classBase43 = "vuuInput";
 var constantInputProps = {
   autoComplete: "off"
@@ -56750,7 +56751,7 @@ var VuuInput = forwardRef35(function VuuInput2({
     },
     [commitValue]
   );
-  const endAdornment = errorMessage ? /* @__PURE__ */ jsx105(
+  const endAdornment = errorMessage ? /* @__PURE__ */ jsx106(
     "span",
     {
       ...anchorProps,
@@ -56759,7 +56760,7 @@ var VuuInput = forwardRef35(function VuuInput2({
     }
   ) : void 0;
   return /* @__PURE__ */ jsxs48(Fragment8, { children: [
-    /* @__PURE__ */ jsx105(
+    /* @__PURE__ */ jsx106(
       Input,
       {
         ...props,
@@ -56777,7 +56778,7 @@ var VuuInput = forwardRef35(function VuuInput2({
         onKeyDown: handleKeyDown
       }
     ),
-    tooltipProps ? /* @__PURE__ */ jsx105(Tooltip, { ...tooltipProps, status: "error" }) : null
+    tooltipProps ? /* @__PURE__ */ jsx106(Tooltip, { ...tooltipProps, status: "error" }) : null
   ] });
 });
 
@@ -56894,7 +56895,7 @@ var useViewActionDispatcher = (id, root, viewPath, dropTargets) => {
 
 // ../vuu-layout/src/layout-view/View.tsx
 var import_classnames55 = __toESM(require_classnames());
-import React24, {
+import React23, {
   forwardRef as forwardRef36,
   useCallback as useCallback111,
   useMemo as useMemo49,
@@ -57027,9 +57028,9 @@ var useViewResize = ({
 };
 
 // ../vuu-layout/src/layout-view/ViewContext.ts
-import React23, { useContext as useContext11 } from "react";
+import React22, { useContext as useContext11 } from "react";
 var NO_CONTEXT = { dispatch: null };
-var ViewContext = React23.createContext(NO_CONTEXT);
+var ViewContext = React22.createContext(NO_CONTEXT);
 var useViewDispatch = () => {
   var _a4;
   const context = useContext11(ViewContext);
@@ -57038,7 +57039,7 @@ var useViewDispatch = () => {
 var useViewContext = () => useContext11(ViewContext);
 
 // ../vuu-layout/src/layout-view/View.tsx
-import { jsx as jsx106, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx107, jsxs as jsxs49 } from "react/jsx-runtime";
 var classBase44 = "vuuView";
 var getProps2 = (state, props) => {
   if (state && props) {
@@ -57072,7 +57073,7 @@ var View = forwardRef36(function View2(props, forwardedRef) {
     title: titleProp,
     ...restProps
   } = props;
-  const id = useIdMemo(idProp);
+  const id = useId2(idProp);
   const rootRef = useRef86(null);
   const mainRef = useRef86(null);
   const [componentProps, _setComponentProps] = useState52();
@@ -57100,8 +57101,8 @@ var View = forwardRef36(function View2(props, forwardedRef) {
     _setComponentProps(props2);
   }, []);
   const getContent = () => {
-    if (React24.isValidElement(children) && (restoredState || componentProps)) {
-      return React24.cloneElement(
+    if (React23.isValidElement(children) && (restoredState || componentProps)) {
+      return React23.cloneElement(
         children,
         getProps2(restoredState, componentProps)
       );
@@ -57137,7 +57138,7 @@ var View = forwardRef36(function View2(props, forwardedRef) {
     ]
   );
   const headerProps = typeof header === "object" ? header : {};
-  return /* @__PURE__ */ jsx106(
+  return /* @__PURE__ */ jsx107(
     "div",
     {
       ...restProps,
@@ -57152,7 +57153,7 @@ var View = forwardRef36(function View2(props, forwardedRef) {
       style,
       tabIndex: -1,
       children: /* @__PURE__ */ jsxs49(ViewContext.Provider, { value: viewContextValue, children: [
-        header ? /* @__PURE__ */ jsx106(
+        header ? /* @__PURE__ */ jsx107(
           Header2,
           {
             ...headerProps,
@@ -57166,18 +57167,18 @@ var View = forwardRef36(function View2(props, forwardedRef) {
             title
           }
         ) : null,
-        /* @__PURE__ */ jsx106("div", { className: `${classBase44}-main`, ref: mainRef, children: getContent() })
+        /* @__PURE__ */ jsx107("div", { className: `${classBase44}-main`, ref: mainRef, children: getContent() })
       ] })
     }
   );
 });
 View.displayName = "View";
-var MemoView = React24.memo(View);
+var MemoView = React23.memo(View);
 MemoView.displayName = "View";
 registerComponent("View", MemoView, "view");
 
 // ../vuu-layout/src/layout-header/Header.tsx
-import { jsx as jsx107 } from "react/jsx-runtime";
+import { jsx as jsx108 } from "react/jsx-runtime";
 var classBase45 = "vuuHeader";
 var Header = ({
   className: classNameProp,
@@ -57246,7 +57247,7 @@ var Header = ({
     }
   });
   title && toolbarItems.push(
-    /* @__PURE__ */ jsx107(
+    /* @__PURE__ */ jsx108(
       EditableLabel,
       {
         className: `${classBase45}-title`,
@@ -57264,7 +57265,7 @@ var Header = ({
     )
   );
   closeable && actionButtons.push(
-    /* @__PURE__ */ jsx107(
+    /* @__PURE__ */ jsx108(
       Button,
       {
         "data-icon": "close",
@@ -57276,12 +57277,12 @@ var Header = ({
     )
   );
   postTitleContributedItems.length > 0 && toolbarItems.push(
-    /* @__PURE__ */ jsx107("div", { className: "vuuTooltrayProxy", "data-align": "end", children: postTitleContributedItems }, "contributions")
+    /* @__PURE__ */ jsx108("div", { className: "vuuTooltrayProxy", "data-align": "end", children: postTitleContributedItems }, "contributions")
   );
   actionButtons.length > 0 && toolbarItems.push(
-    /* @__PURE__ */ jsx107("div", { className: "vuuTooltrayProxy", "data-align": "end", children: actionButtons }, "actions")
+    /* @__PURE__ */ jsx108("div", { className: "vuuTooltrayProxy", "data-align": "end", children: actionButtons }, "actions")
   );
-  return /* @__PURE__ */ jsx107(
+  return /* @__PURE__ */ jsx108(
     "div",
     {
       className: (0, import_classnames56.default)("vuuToolbarProxy", className),
@@ -57329,7 +57330,7 @@ import { useRef as useRef93 } from "react";
 
 // ../vuu-filters/src/filter-builder-menu/FilterBuilderMenu.tsx
 import { useCallback as useCallback112, useRef as useRef88 } from "react";
-import { Fragment as Fragment9, jsx as jsx108, jsxs as jsxs50 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx109, jsxs as jsxs50 } from "react/jsx-runtime";
 
 // ../vuu-filters/src/filter-clause/ExpandoCombobox.tsx
 import { itemToString as defaultToString } from "@vuu-ui/vuu-utils";
@@ -57341,7 +57342,7 @@ import {
   useRef as useRef89,
   useState as useState54
 } from "react";
-import { jsx as jsx109 } from "react/jsx-runtime";
+import { jsx as jsx110 } from "react/jsx-runtime";
 var classBase46 = "vuuExpandoCombobox";
 var NO_INPUT_PROPS = {};
 var ExpandoCombobox = forwardRef37(function ExpandoCombobox2({
@@ -57355,7 +57356,6 @@ var ExpandoCombobox = forwardRef37(function ExpandoCombobox2({
   value = "",
   ...props
 }, forwardedRef) {
-  var _a4;
   const [text, setText] = useState54(value);
   const { itemToString: itemToString2 = defaultToString } = props;
   const initialValue = useRef89(value);
@@ -57373,7 +57373,6 @@ var ExpandoCombobox = forwardRef37(function ExpandoCombobox2({
   const handleInputChange = useCallback113(
     (evt) => {
       const { value: value2 } = evt.target;
-      console.log(`onInputChange ${value2}`);
       setText(value2);
       onInputChange == null ? void 0 : onInputChange(evt);
     },
@@ -57382,7 +57381,7 @@ var ExpandoCombobox = forwardRef37(function ExpandoCombobox2({
   const handleSetSelectedText = useCallback113((text2) => {
     setText(text2);
   }, []);
-  const [InputProps4, ListProps5] = useMemo50(() => {
+  const [InputProps4, ListProps6] = useMemo50(() => {
     const { inputProps, ...restInputProps } = InputPropsProp;
     return [
       {
@@ -57429,21 +57428,21 @@ var ExpandoCombobox = forwardRef37(function ExpandoCombobox2({
   const popupProps = {
     minWidth: "fit-content"
   };
-  return ((_a4 = props.source) == null ? void 0 : _a4.length) === 0 ? null : /* @__PURE__ */ jsx109(
+  return /* @__PURE__ */ jsx110(
     "div",
     {
       className: (0, import_classnames57.default)(classBase46, classNameProp),
       "data-text": text,
       ref: forwardedRef,
       style,
-      children: /* @__PURE__ */ jsx109(
+      children: /* @__PURE__ */ jsx110(
         ComboBox,
         {
           ...props,
           PopupProps: popupProps,
           defaultValue: initialValue.current,
           fullWidth: true,
-          ListProps: ListProps5,
+          ListProps: ListProps6,
           InputProps: InputProps4,
           itemsToString,
           onSelectionChange: handleSelectionChange,
@@ -57466,7 +57465,7 @@ import {
   useCallback as useCallback114
 } from "react";
 import { isValidNumber as isValidNumber9 } from "@vuu-ui/vuu-utils";
-import { jsx as jsx110 } from "react/jsx-runtime";
+import { jsx as jsx111 } from "react/jsx-runtime";
 var NumericInput = forwardRef38(function NumericInput2({
   InputProps: InputProps4,
   className,
@@ -57499,7 +57498,7 @@ var NumericInput = forwardRef38(function NumericInput2({
     },
     [onInputComplete]
   );
-  return /* @__PURE__ */ jsx110(
+  return /* @__PURE__ */ jsx111(
     ExpandoInput,
     {
       ...InputProps4,
@@ -57523,11 +57522,15 @@ import {
   useMemo as useMemo51,
   useState as useState56
 } from "react";
-import { jsx as jsx111 } from "react/jsx-runtime";
+import { jsx as jsx112 } from "react/jsx-runtime";
+var selectionKeys = ["Enter", " "];
+var NO_DATA_MATCH = ["No matching data"];
 var TextInput = forwardRef39(function TextInput2({
   InputProps: InputPropsProp = {},
   className,
   column,
+  "data-field": dataField,
+  onDeselect,
   onInputComplete,
   operator: operator2,
   suggestionProvider = useTypeaheadSuggestions,
@@ -57557,7 +57560,11 @@ var TextInput = forwardRef39(function TextInput2({
     if (table) {
       const params = valueInputValue ? [table, column.name, valueInputValue] : [table, column.name];
       getSuggestions(params).then((suggestions) => {
-        setTypeaheadValues(suggestions);
+        if (suggestions.length === 0 && valueInputValue) {
+          setTypeaheadValues(NO_DATA_MATCH);
+        } else {
+          setTypeaheadValues(suggestions);
+        }
       }).catch((err) => {
         console.error("Error getting suggestions", err);
       });
@@ -57591,24 +57598,29 @@ var TextInput = forwardRef39(function TextInput2({
     }
   }, [InputPropsProp, onInputComplete, operator2, valueInputValue]);
   const getValueInputField = useCallback115(() => {
+    if (typeaheadValues.length === 0) {
+      return null;
+    }
     switch (operator2) {
       case "in":
-        return /* @__PURE__ */ jsx111(
+        return /* @__PURE__ */ jsx112(
           ExpandoCombobox,
           {
             InputProps: InputProps4,
             className,
+            "data-field": dataField,
             initialHighlightedIndex: 0,
             source: typeaheadValues,
             onInputChange: handleInputChange,
             onSelectionChange: handleMultiValueSelectionChange,
             ref: forwardedRef,
             selectionStrategy: "multiple",
+            selectionKeys,
             value
           }
         );
-      case "starts":
-        return /* @__PURE__ */ jsx111(
+      case "starts": {
+        return /* @__PURE__ */ jsx112(
           ExpandoCombobox,
           {
             InputProps: InputProps4,
@@ -57618,7 +57630,9 @@ var TextInput = forwardRef39(function TextInput2({
             },
             allowFreeText: true,
             className,
+            "data-field": dataField,
             initialHighlightedIndex: 0,
+            disableFilter: typeaheadValues === NO_DATA_MATCH && (valueInputValue == null ? void 0 : valueInputValue.length) > 0,
             source: typeaheadValues,
             onInputChange: handleInputChange,
             onSelectionChange: handleSingleValueSelectionChange,
@@ -57626,27 +57640,32 @@ var TextInput = forwardRef39(function TextInput2({
             value
           }
         );
+      }
       case "ends":
-        return /* @__PURE__ */ jsx111(
+        return /* @__PURE__ */ jsx112(
           ExpandoInput,
           {
             ...InputProps4,
             className,
+            "data-field": dataField,
             value: valueInputValue,
             ref: forwardedRef,
             onChange: handleInputChange
           }
         );
       default:
-        return /* @__PURE__ */ jsx111(
+        return /* @__PURE__ */ jsx112(
           ExpandoCombobox,
           {
             InputProps: InputProps4,
+            allowBackspaceClearsSelection: true,
             className,
+            "data-field": dataField,
             initialHighlightedIndex: 0,
             source: typeaheadValues,
             title: "value",
             onInputChange: handleInputChange,
+            onDeselect,
             onSelectionChange: handleSingleValueSelectionChange,
             ref: forwardedRef,
             value
@@ -57657,13 +57676,15 @@ var TextInput = forwardRef39(function TextInput2({
     operator2,
     InputProps4,
     className,
+    dataField,
     typeaheadValues,
     handleInputChange,
     handleMultiValueSelectionChange,
     forwardedRef,
     value,
-    handleSingleValueSelectionChange,
-    valueInputValue
+    valueInputValue,
+    onDeselect,
+    handleSingleValueSelectionChange
   ]);
   return getValueInputField();
 });
@@ -57684,23 +57705,22 @@ import {
 } from "react";
 
 // ../vuu-filters/src/filter-clause/FilterClauseEditor.tsx
-import { jsx as jsx112, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx113, jsxs as jsxs51 } from "react/jsx-runtime";
 
 // ../vuu-filters/src/filter-pill/FilterPill.tsx
 var import_classnames60 = __toESM(require_classnames(), 1);
-import { filterAsQuery, isMultiClauseFilter as isMultiClauseFilter2 } from "@vuu-ui/vuu-utils";
+import { filterAsQuery, isMultiClauseFilter as isMultiClauseFilter3 } from "@vuu-ui/vuu-utils";
 import { useCallback as useCallback118, useRef as useRef91 } from "react";
 
 // ../vuu-filters/src/filter-pill-menu/FilterPillMenu.tsx
 var import_classnames59 = __toESM(require_classnames(), 1);
 import { useMemo as useMemo53 } from "react";
-import { jsx as jsx113 } from "react/jsx-runtime";
+import { jsx as jsx114 } from "react/jsx-runtime";
 
 // ../vuu-filters/src/filter-utils.ts
 import {
   extractFilterForColumn,
   isAndFilter,
-  isCompleteFilter,
   isInFilter,
   isMultiClauseFilter,
   isMultiValueFilter as isMultiValueFilter2,
@@ -57709,11 +57729,24 @@ import {
   partition as partition2
 } from "@vuu-ui/vuu-utils";
 
+// ../vuu-filters/src/filter-pill/filterAsReactNode.tsx
+import {
+  filterValue,
+  isMultiClauseFilter as isMultiClauseFilter2,
+  isMultiValueFilter as isMultiValueFilter3,
+  quotedStrings
+} from "@vuu-ui/vuu-utils";
+import { jsx as jsx115, jsxs as jsxs52 } from "react/jsx-runtime";
+
 // ../vuu-filters/src/filter-pill/FilterPill.tsx
-import { jsx as jsx114, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx116, jsxs as jsxs53 } from "react/jsx-runtime";
 
 // ../vuu-filters/src/filter-bar/useFilterBar.ts
-import { dispatchMouseEvent as dispatchMouseEvent6, filterAsQuery as filterAsQuery2 } from "@vuu-ui/vuu-utils";
+import {
+  dispatchMouseEvent as dispatchMouseEvent6,
+  filterAsQuery as filterAsQuery2,
+  isMultiClauseFilter as isMultiClauseFilter4
+} from "@vuu-ui/vuu-utils";
 import {
   useCallback as useCallback120,
   useEffect as useEffect25,
@@ -57725,14 +57758,20 @@ import {
 // ../vuu-filters/src/filter-bar/useFilters.ts
 import { useCallback as useCallback119 } from "react";
 
+// ../vuu-filters/src/filter-bar/useFilterBarMenu.ts
+import { useCallback as useCallback121, useMemo as useMemo55 } from "react";
+
+// ../vuu-filters/src/filter-bar/FilterBarMenu.tsx
+import { jsx as jsx117 } from "react/jsx-runtime";
+
 // ../vuu-filters/src/filter-bar/FilterBar.tsx
-import { jsx as jsx115, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx118, jsxs as jsxs54 } from "react/jsx-runtime";
 import { createElement as createElement8 } from "react";
 
 // ../vuu-filters/src/filter-input/useCodeMirrorEditor.ts
 var import_classnames62 = __toESM(require_classnames(), 1);
 import { walkTree as walkTree2 } from "@vuu-ui/vuu-filter-parser";
-import { useEffect as useEffect26, useMemo as useMemo55, useRef as useRef94 } from "react";
+import { useEffect as useEffect26, useMemo as useMemo56, useRef as useRef94 } from "react";
 
 // ../vuu-filters/src/filter-input/FilterLanguage.ts
 import { parser as parser2 } from "@vuu-ui/vuu-filter-parser";
@@ -57832,13 +57871,13 @@ var vuuTheme2 = EditorView.theme(
 );
 
 // ../vuu-filters/src/filter-input/useFilterAutoComplete.ts
-import { useCallback as useCallback121 } from "react";
+import { useCallback as useCallback122 } from "react";
 
 // ../vuu-filters/src/filter-input/FilterInput.tsx
-import { jsx as jsx116, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx119, jsxs as jsxs55 } from "react/jsx-runtime";
 
 // ../vuu-filters/src/filter-input/useFilterSuggestionProvider.ts
-import { useCallback as useCallback122, useRef as useRef95 } from "react";
+import { useCallback as useCallback123, useRef as useRef95 } from "react";
 
 // ../vuu-filters/src/filter-input/filterInfo.ts
 import { createEl as createEl3 } from "@vuu-ui/vuu-utils";
@@ -57877,7 +57916,7 @@ var LocalLayoutPersistenceManager = class {
           const newMetadata = {
             ...metadata,
             id,
-            created: formatDate(/* @__PURE__ */ new Date(), "dd.mm.yyyy")
+            created: formatDate("dd.mm.yyyy")(/* @__PURE__ */ new Date())
           };
           this.saveLayoutsWithMetadata(
             [...existingLayouts, { id, json: layout }],
@@ -58006,8 +58045,8 @@ var LocalLayoutPersistenceManager = class {
 _urlKey = new WeakMap();
 
 // ../vuu-layout/src/layout-persistence/useLayoutContextMenuItems.tsx
-import { useCallback as useCallback123, useMemo as useMemo56 } from "react";
-import { jsx as jsx117 } from "react/jsx-runtime";
+import { useCallback as useCallback124, useMemo as useMemo57 } from "react";
+import { jsx as jsx120 } from "react/jsx-runtime";
 
 // ../vuu-layout/src/measured-container/MeasuredContainer.tsx
 import { forwardRef as forwardRef40 } from "react";
@@ -58015,15 +58054,15 @@ import { forwardRef as forwardRef40 } from "react";
 // ../vuu-layout/src/measured-container/useMeasuredContainer.ts
 import { isValidNumber as isValidNumber10 } from "@vuu-ui/vuu-utils";
 import {
-  useCallback as useCallback125,
+  useCallback as useCallback126,
   useEffect as useEffect28,
-  useMemo as useMemo57,
+  useMemo as useMemo58,
   useRef as useRef97,
   useState as useState59
 } from "react";
 
 // ../vuu-layout/src/measured-container/useResizeObserver.ts
-import { useCallback as useCallback124, useEffect as useEffect27, useRef as useRef96 } from "react";
+import { useCallback as useCallback125, useEffect as useEffect27, useRef as useRef96 } from "react";
 var observedMap3 = /* @__PURE__ */ new Map();
 var getTargetSize3 = (element, size, dimension3) => {
   switch (dimension3) {
@@ -58075,7 +58114,7 @@ var resizeObserver3 = new ResizeObserver((entries) => {
 });
 function useResizeObserver3(ref, dimensions2, onResize, reportInitialSize = false) {
   const dimensionsRef = useRef96(dimensions2);
-  const measure = useCallback124((target) => {
+  const measure = useCallback125((target) => {
     const { width, height } = target.getBoundingClientRect();
     const { clientWidth: contentWidth, clientHeight: contentHeight } = target;
     const flooredHeight = Math.floor(height);
@@ -58197,7 +58236,7 @@ var useMeasuredContainer = ({
   const fixedHeight = typeof height === "number";
   const fixedWidth = typeof width === "number";
   const dimensions2 = fixedHeight && fixedWidth ? NO_MEASUREMENT2 : fixedHeight ? WidthOnly2 : fixedWidth ? HeightOnly4 : ClientWidthHeight;
-  useMemo57(() => {
+  useMemo58(() => {
     setSize((currentSize) => {
       const { inner, outer } = currentSize;
       if (isValidNumber10(height) && isValidNumber10(width) && inner && outer) {
@@ -58216,7 +58255,7 @@ var useMeasuredContainer = ({
       return currentSize;
     });
   }, [height, width]);
-  const onResize = useCallback125(
+  const onResize = useCallback126(
     ({ clientWidth, clientHeight }) => {
       const { css, inner, outer } = size;
       let newState = size;
@@ -58270,7 +58309,7 @@ var useMeasuredContainer = ({
 
 // ../vuu-layout/src/measured-container/MeasuredContainer.tsx
 var import_classnames63 = __toESM(require_classnames());
-import { jsx as jsx118 } from "react/jsx-runtime";
+import { jsx as jsx121 } from "react/jsx-runtime";
 var baseClass2 = "vuuMeasuredContainer";
 var MeasuredContainer = forwardRef40(function MeasuredContainer2({
   children,
@@ -58301,7 +58340,7 @@ var MeasuredContainer = forwardRef40(function MeasuredContainer2({
     };
   };
   const forkedRef = useForkRef(containerRef, forwardedRef);
-  return unmeasured ? /* @__PURE__ */ jsx118(
+  return unmeasured ? /* @__PURE__ */ jsx121(
     "div",
     {
       ...htmlAttributes,
@@ -58309,7 +58348,7 @@ var MeasuredContainer = forwardRef40(function MeasuredContainer2({
       style: getStyle2(),
       ref: containerRef
     }
-  ) : /* @__PURE__ */ jsx118(
+  ) : /* @__PURE__ */ jsx121(
     "div",
     {
       ...htmlAttributes,
@@ -58323,13 +58362,13 @@ var MeasuredContainer = forwardRef40(function MeasuredContainer2({
 
 // ../vuu-layout/src/overflow-container/OverflowContainer.tsx
 var import_classnames64 = __toESM(require_classnames());
-import React25, {
+import React24, {
   forwardRef as forwardRef41
 } from "react";
 
 // ../vuu-layout/src/overflow-container/useOverflowContainer.ts
 import { isValidNumber as isValidNumber11, MEASURES as MEASURES2 } from "@vuu-ui/vuu-utils";
-import { useCallback as useCallback126, useMemo as useMemo58, useRef as useRef98, useState as useState60 } from "react";
+import { useCallback as useCallback127, useMemo as useMemo59, useRef as useRef98, useState as useState60 } from "react";
 
 // ../vuu-layout/src/overflow-container/overflow-utils.ts
 import { getElementByDataIndex as getElementByDataIndex3 } from "@vuu-ui/vuu-utils";
@@ -58596,13 +58635,13 @@ var useOverflowContainer = ({
   const [container, setContainer] = useState60(null);
   const wrappedItemsRef = useRef98(NO_WRAPPED_ITEMS);
   const containerRef = useRef98(null);
-  const setOverflowTabIndex = useCallback126((tabIndex) => {
+  const setOverflowTabIndex = useCallback127((tabIndex) => {
     var _a4;
     if (containerRef.current) {
       (_a4 = containerRef.current.querySelector(".vuuOverflowContainer-OverflowIndicator button")) == null ? void 0 : _a4.setAttribute("tabindex", tabIndex);
     }
   }, []);
-  const handleResize = useCallback126(async () => {
+  const handleResize = useCallback127(async () => {
     if (container) {
       let [nonWrapped, wrapped] = getNonWrappedAndWrappedItems(
         container,
@@ -58637,7 +58676,7 @@ var useOverflowContainer = ({
     }
   }, [container, orientation, setOverflowTabIndex]);
   const hasOverflowItem = (opt) => typeof opt === "object" && opt !== null && "overflowItem" in opt;
-  const [menuBuilder, menuActionHandler] = useMemo58(() => {
+  const [menuBuilder, menuActionHandler] = useMemo59(() => {
     return [
       () => {
         const { current: menuItems } = wrappedItemsRef;
@@ -58664,7 +58703,7 @@ var useOverflowContainer = ({
       }
     ];
   }, [container, onSwitchWrappedItemIntoView]);
-  const resizeObserver4 = useMemo58(() => {
+  const resizeObserver4 = useMemo59(() => {
     const { sizeProp } = MEASURES2[orientation];
     let currentSize = 0;
     return new ResizeObserver((entries) => {
@@ -58681,15 +58720,15 @@ var useOverflowContainer = ({
   useLayoutEffectSkipFirst(() => {
     handleResize();
   }, [handleResize, itemCount]);
-  useMemo58(() => {
+  useMemo59(() => {
     if (container) {
       resizeObserver4.observe(container);
     }
   }, [container, resizeObserver4]);
-  const callbackRef = useCallback126((el) => {
+  const callbackRef = useCallback127((el) => {
     setContainer(containerRef.current = el);
   }, []);
-  const handleDrop = useCallback126(
+  const handleDrop = useCallback127(
     (fromIndex, toIndex) => {
       onMoveItem == null ? void 0 : onMoveItem(fromIndex, toIndex);
     },
@@ -58715,9 +58754,9 @@ var useOverflowContainer = ({
 };
 
 // ../vuu-layout/src/overflow-container/OverflowContainer.tsx
-import { jsx as jsx119, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx122, jsxs as jsxs56 } from "react/jsx-runtime";
 var classBase47 = "vuuOverflowContainer";
-var WrapContainer = React25.memo(
+var WrapContainer = React24.memo(
   ({
     PopupMenuProps: PopupMenuProps2,
     allowDragDrop,
@@ -58761,7 +58800,7 @@ var WrapContainer = React25.memo(
         id: itemId = `${id}-${i}`,
         label = `Item ${i + 1}`
       } = childEl.props;
-      return /* @__PURE__ */ jsx119(
+      return /* @__PURE__ */ jsx122(
         "div",
         {
           className: (0, import_classnames64.default)(`${classBase47}-item`, {
@@ -58778,12 +58817,12 @@ var WrapContainer = React25.memo(
         i
       );
     });
-    const overflowIndicator = /* @__PURE__ */ jsx119(
+    const overflowIndicator = /* @__PURE__ */ jsx122(
       "div",
       {
         className: `${classBase47}-OverflowIndicator`,
         "data-index": "overflow",
-        children: /* @__PURE__ */ jsx119(
+        children: /* @__PURE__ */ jsx122(
           PopupMenu,
           {
             ...PopupMenuProps2,
@@ -58797,7 +58836,7 @@ var WrapContainer = React25.memo(
       "overflow"
     );
     content2.push(overflowIndicator);
-    return /* @__PURE__ */ jsxs55("div", { className, ref: rootRef, style, children: [
+    return /* @__PURE__ */ jsxs56("div", { className, ref: rootRef, style, children: [
       content2,
       draggable
     ] });
@@ -58819,14 +58858,14 @@ var OverflowContainer = forwardRef41(function OverflowContainer2({
   ...htmlAttributes
 }, forwardedRef) {
   const id = useId2(idProp);
-  return /* @__PURE__ */ jsx119(
+  return /* @__PURE__ */ jsx122(
     "div",
     {
       ...htmlAttributes,
       className: (0, import_classnames64.default)((0, import_classnames64.default)(className, classBase47)),
       id,
       ref: forwardedRef,
-      children: /* @__PURE__ */ jsx119(
+      children: /* @__PURE__ */ jsx122(
         WrapContainer,
         {
           PopupMenuProps: PopupMenuProps2,
@@ -58852,7 +58891,7 @@ import {
   cloneElement as cloneElement11,
   memo as memo9
 } from "react";
-import { jsx as jsx120 } from "react/jsx-runtime";
+import { jsx as jsx123 } from "react/jsx-runtime";
 var clonePaletteItem = (paletteItem) => {
   const dolly = paletteItem.cloneNode(true);
   dolly.id = "";
@@ -58869,7 +58908,7 @@ var PaletteItem = memo9(
     closeable,
     ...props
   }) => {
-    return /* @__PURE__ */ jsx120(
+    return /* @__PURE__ */ jsx123(
       ListItem,
       {
         className: (0, import_classnames65.default)("vuuPaletteItem", className),
@@ -58882,7 +58921,7 @@ var PaletteItem = memo9(
 );
 PaletteItem.displayName = "PaletteItem";
 var Palette = ({
-  ListProps: ListProps5,
+  ListProps: ListProps6,
   ViewProps: ViewProps4,
   children,
   className,
@@ -58904,7 +58943,7 @@ var Palette = ({
     const { height, left, top: top2, width } = listItemElement.getBoundingClientRect();
     const id = uuid5();
     const identifiers = { id, key: id };
-    const component = template ? payload : /* @__PURE__ */ jsx120(
+    const component = template ? payload : /* @__PURE__ */ jsx123(
       MemoView,
       {
         ...ViewProps4,
@@ -58938,10 +58977,10 @@ var Palette = ({
       type: "drag-start"
     });
   }
-  return /* @__PURE__ */ jsx120(
+  return /* @__PURE__ */ jsx123(
     List,
     {
-      ...ListProps5,
+      ...ListProps6,
       ...props,
       className: (0, import_classnames65.default)(classBase50, className, `${classBase50}-${orientation}`),
       itemHeight,
@@ -58959,18 +58998,18 @@ registerComponent("Palette", Palette, "view");
 
 // ../vuu-layout/src/stack/Stack.tsx
 var import_classnames66 = __toESM(require_classnames());
-import React26, {
+import React25, {
   forwardRef as forwardRef42,
-  useCallback as useCallback127,
+  useCallback as useCallback128,
   useRef as useRef99
 } from "react";
-import { jsx as jsx121, jsxs as jsxs56 } from "react/jsx-runtime";
-var classBase48 = "Tabs";
+import { jsx as jsx124, jsxs as jsxs57 } from "react/jsx-runtime";
+var classBase48 = "vuuTabs";
 var getDefaultTabIcon = () => void 0;
 var getChildElements = (children) => {
   const elements = [];
-  React26.Children.forEach(children, (child) => {
-    if (React26.isValidElement(child)) {
+  React25.Children.forEach(children, (child) => {
+    if (React25.isValidElement(child)) {
       elements.push(child);
     } else {
       console.warn(`Stack has unexpected child element type`);
@@ -59009,7 +59048,7 @@ var Stack2 = forwardRef42(function Stack3({
     allowRenameTab,
     className: tabstripClassName
   } = TabstripProps2;
-  const handleExitEditMode = useCallback127(
+  const handleExitEditMode = useCallback128(
     (_oldText, newText, _allowDeactivation, tabIndex) => {
       onTabEdit == null ? void 0 : onTabEdit(tabIndex, newText);
     },
@@ -59017,7 +59056,7 @@ var Stack2 = forwardRef42(function Stack3({
   );
   const activeChild = () => {
     var _a5;
-    if (React26.isValidElement(children)) {
+    if (React25.isValidElement(children)) {
       return children;
     }
     if (Array.isArray(children)) {
@@ -59033,7 +59072,7 @@ var Stack2 = forwardRef42(function Stack3({
     } = child2.props;
     const label = getTabLabel(child2, idx, tabLabels.current);
     tabLabels.current.push(label);
-    return /* @__PURE__ */ jsx121(
+    return /* @__PURE__ */ jsx124(
       Tab,
       {
         ariaControls: childId,
@@ -59051,7 +59090,7 @@ var Stack2 = forwardRef42(function Stack3({
   const child = activeChild();
   const isHorizontal = showTabs === "left" || showTabs === "right";
   const tabstripOrientation = isHorizontal ? "vertical" : "horizontal";
-  return /* @__PURE__ */ jsxs56(
+  return /* @__PURE__ */ jsxs57(
     "div",
     {
       className: (0, import_classnames66.default)(classBase48, classNameProp, {
@@ -59061,7 +59100,7 @@ var Stack2 = forwardRef42(function Stack3({
       id,
       ref,
       children: [
-        showTabs ? /* @__PURE__ */ jsx121(
+        showTabs ? /* @__PURE__ */ jsx124(
           Tabstrip,
           {
             ...TabstripProps2,
@@ -59079,7 +59118,7 @@ var Stack2 = forwardRef42(function Stack3({
             children: renderTabs()
           }
         ) : null,
-        /* @__PURE__ */ jsx121(
+        /* @__PURE__ */ jsx124(
           "div",
           {
             "aria-labelledby": `${id}-${active}`,
@@ -59095,9 +59134,9 @@ var Stack2 = forwardRef42(function Stack3({
 Stack2.displayName = "Stack";
 
 // ../vuu-layout/src/stack/StackLayout.tsx
-import React27, { useCallback as useCallback128, useRef as useRef100 } from "react";
-import { jsx as jsx122 } from "react/jsx-runtime";
-var defaultCreateNewChild = () => /* @__PURE__ */ jsx122(
+import React26, { useCallback as useCallback129, useRef as useRef100 } from "react";
+import { jsx as jsx125 } from "react/jsx-runtime";
+var defaultCreateNewChild = () => /* @__PURE__ */ jsx125(
   Placeholder,
   {
     resizeable: true,
@@ -59127,7 +59166,7 @@ var StackLayout = (props) => {
       onTabSelectionChanged == null ? void 0 : onTabSelectionChanged(nextIdx);
     }
   };
-  const handleTabClose = useCallback128(
+  const handleTabClose = useCallback129(
     (tabIndex) => {
       if (Array.isArray(children)) {
         const {
@@ -59138,9 +59177,9 @@ var StackLayout = (props) => {
     },
     [children, dispatch]
   );
-  const handleTabAdd = useCallback128(() => {
+  const handleTabAdd = useCallback129(() => {
     if (path) {
-      const tabIndex = React27.Children.count(children);
+      const tabIndex = React26.Children.count(children);
       const component = createNewChild(tabIndex);
       dispatch({
         type: "add",
@@ -59149,7 +59188,7 @@ var StackLayout = (props) => {
       });
     }
   }, [children, createNewChild, dispatch, path]);
-  const handleMoveTab = useCallback128(
+  const handleMoveTab = useCallback129(
     (fromIndex, toIndex) => {
       if (path) {
         dispatch({
@@ -59184,7 +59223,7 @@ var StackLayout = (props) => {
     return loadState(id2, "view-title") || title || // This will normally never be called as title is always assigned in layout model
     getDefaultTabLabel(component, idx, existingLabels);
   };
-  return /* @__PURE__ */ jsx122(
+  return /* @__PURE__ */ jsx125(
     Stack2,
     {
       ...restProps,
@@ -59205,12 +59244,12 @@ registerComponent("Stack", StackLayout, "container");
 
 // ../vuu-layout/src/toolbar/Toolbar.tsx
 var import_classnames67 = __toESM(require_classnames());
-import React28, { useMemo as useMemo59, useRef as useRef103 } from "react";
+import React27, { useMemo as useMemo60, useRef as useRef103 } from "react";
 
 // ../vuu-layout/src/toolbar/useToolbar.ts
 import { isValidNumber as isValidNumber12 } from "@vuu-ui/vuu-utils";
 import {
-  useCallback as useCallback131,
+  useCallback as useCallback132,
   useRef as useRef102
 } from "react";
 
@@ -59222,7 +59261,7 @@ import {
   getFocusableElement as getFocusableElement2
 } from "@vuu-ui/vuu-utils";
 import {
-  useCallback as useCallback129,
+  useCallback as useCallback130,
   useRef as useRef101,
   useState as useState61
 } from "react";
@@ -59256,65 +59295,65 @@ var navigation2 = {
 
 // ../vuu-layout/src/toolbar/useSelection.ts
 import { isSelectableElement as isSelectableElement2, getClosestIndexItem } from "@vuu-ui/vuu-utils";
-import { useCallback as useCallback130 } from "react";
+import { useCallback as useCallback131 } from "react";
 
 // ../vuu-layout/src/toolbar/Toolbar.tsx
-import { jsx as jsx123 } from "react/jsx-runtime";
+import { jsx as jsx126 } from "react/jsx-runtime";
 
 // ../vuu-layout/src/tools/config-wrapper/ConfigWrapper.tsx
-import React29, { useState as useState62 } from "react";
-import { jsx as jsx124, jsxs as jsxs57 } from "react/jsx-runtime";
+import React28, { useState as useState62 } from "react";
+import { jsx as jsx127, jsxs as jsxs58 } from "react/jsx-runtime";
 
 // ../vuu-layout/src/tools/devtools-box/layout-configurator.jsx
-import { jsx as jsx125, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx128, jsxs as jsxs59 } from "react/jsx-runtime";
 var CSS_DIGIT = "(\\d+)(?:px)?";
 var CSS_MEASURE = `^(?:${CSS_DIGIT}(?:\\s${CSS_DIGIT}(?:\\s${CSS_DIGIT}(?:\\s${CSS_DIGIT})?)?)?)$`;
 var CSS_REX = new RegExp(CSS_MEASURE);
 
 // ../vuu-layout/src/tools/devtools-tree/layout-tree-viewer.jsx
 var import_classnames68 = __toESM(require_classnames());
-import React30 from "react";
-import { jsx as jsx126 } from "react/jsx-runtime";
+import React29 from "react";
+import { jsx as jsx129 } from "react/jsx-runtime";
 
 // ../vuu-shell/src/login/LoginPanel.tsx
 import {
-  useCallback as useCallback132,
+  useCallback as useCallback133,
   useEffect as useEffect29,
   useRef as useRef104,
   useState as useState63
 } from "react";
 
 // ../vuu-shell/src/login/VuuLogo.tsx
-import { useMemo as useMemo60 } from "react";
-import { jsx as jsx127, jsxs as jsxs59 } from "react/jsx-runtime";
+import { useMemo as useMemo61 } from "react";
+import { jsx as jsx130, jsxs as jsxs60 } from "react/jsx-runtime";
 
 // ../vuu-shell/src/login/LoginPanel.tsx
 var import_classnames69 = __toESM(require_classnames());
-import { jsx as jsx128, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx131, jsxs as jsxs61 } from "react/jsx-runtime";
 
 // ../vuu-shell/src/login/login-utils.ts
 import { getCookieValue } from "@vuu-ui/vuu-utils";
 
 // ../vuu-shell/src/app-header/AppHeader.tsx
-import { jsx as jsx129, jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsx as jsx132, jsxs as jsxs62 } from "react/jsx-runtime";
 
 // ../vuu-shell/src/connection-status/ConnectionStatusIcon.tsx
 var import_classnames71 = __toESM(require_classnames());
-import React31, { useEffect as useEffect30, useState as useState64 } from "react";
-import { Fragment as Fragment10, jsx as jsx130, jsxs as jsxs62 } from "react/jsx-runtime";
+import React30, { useEffect as useEffect30, useState as useState64 } from "react";
+import { Fragment as Fragment10, jsx as jsx133, jsxs as jsxs63 } from "react/jsx-runtime";
 
 // ../vuu-shell/src/density-switch/DensitySwitch.tsx
 var import_classnames72 = __toESM(require_classnames());
-import { useCallback as useCallback134 } from "react";
-import { jsx as jsx131 } from "react/jsx-runtime";
+import { useCallback as useCallback135 } from "react";
+import { jsx as jsx134 } from "react/jsx-runtime";
 
 // ../vuu-shell/src/feature/Feature.tsx
-import React33, { Suspense, useEffect as useEffect31 } from "react";
+import React32, { Suspense, useEffect as useEffect31 } from "react";
 
 // ../vuu-shell/src/feature/FeatureErrorBoundary.tsx
-import React32 from "react";
-import { Fragment as Fragment11, jsx as jsx132, jsxs as jsxs63 } from "react/jsx-runtime";
-var FeatureErrorBoundary = class extends React32.Component {
+import React31 from "react";
+import { Fragment as Fragment11, jsx as jsx135, jsxs as jsxs64 } from "react/jsx-runtime";
+var FeatureErrorBoundary = class extends React31.Component {
   constructor(props) {
     super(props);
     this.state = { errorMessage: null };
@@ -59328,9 +59367,9 @@ var FeatureErrorBoundary = class extends React32.Component {
   }
   render() {
     if (this.state.errorMessage) {
-      return /* @__PURE__ */ jsxs63(Fragment11, { children: [
-        /* @__PURE__ */ jsx132("h1", { children: "An error occured while creating component." }),
-        /* @__PURE__ */ jsx132("p", { children: this.state.errorMessage })
+      return /* @__PURE__ */ jsxs64(Fragment11, { children: [
+        /* @__PURE__ */ jsx135("h1", { children: "An error occured while creating component." }),
+        /* @__PURE__ */ jsx135("p", { children: this.state.errorMessage })
       ] });
     }
     return this.props.children;
@@ -59338,8 +59377,8 @@ var FeatureErrorBoundary = class extends React32.Component {
 };
 
 // ../vuu-shell/src/feature/Loader.tsx
-import { jsx as jsx133 } from "react/jsx-runtime";
-var Loader = () => /* @__PURE__ */ jsx133("div", { className: "hwLoader" });
+import { jsx as jsx136 } from "react/jsx-runtime";
+var Loader = () => /* @__PURE__ */ jsx136("div", { className: "hwLoader" });
 
 // ../vuu-shell/src/feature/css-module-loader.ts
 var importCSS = async (path) => {
@@ -59348,7 +59387,7 @@ var importCSS = async (path) => {
 };
 
 // ../vuu-shell/src/feature/Feature.tsx
-import { jsx as jsx134 } from "react/jsx-runtime";
+import { jsx as jsx137 } from "react/jsx-runtime";
 var componentsMap = /* @__PURE__ */ new Map();
 var useCachedFeature = (url) => {
   useEffect31(
@@ -59360,7 +59399,7 @@ var useCachedFeature = (url) => {
   if (!componentsMap.has(url)) {
     componentsMap.set(
       url,
-      React33.lazy(() => import(
+      React32.lazy(() => import(
         /* @vite-ignore */
         url
       ))
@@ -59388,29 +59427,30 @@ function RawFeature({
     });
   }
   const LazyFeature = useCachedFeature(url);
-  return /* @__PURE__ */ jsx134(FeatureErrorBoundary, { url, children: /* @__PURE__ */ jsx134(Suspense, { fallback: /* @__PURE__ */ jsx134(Loader, {}), children: /* @__PURE__ */ jsx134(LazyFeature, { ...props, ...params }) }) });
+  return /* @__PURE__ */ jsx137(FeatureErrorBoundary, { url, children: /* @__PURE__ */ jsx137(Suspense, { fallback: /* @__PURE__ */ jsx137(Loader, {}), children: /* @__PURE__ */ jsx137(LazyFeature, { ...props, ...params }) }) });
 }
-var Feature = React33.memo(RawFeature);
+var Feature = React32.memo(RawFeature);
 Feature.displayName = "Feature";
 registerComponent("Feature", Feature, "view");
 
 // ../vuu-shell/src/layout-management/SaveLayoutPanel.tsx
 import { useEffect as useEffect32, useState as useState65 } from "react";
 import { takeScreenshot } from "@vuu-ui/vuu-utils";
-import { jsx as jsx135, jsxs as jsxs64 } from "react/jsx-runtime";
+import { jsx as jsx138, jsxs as jsxs65 } from "react/jsx-runtime";
 var classBase49 = "saveLayoutPanel";
 var formField = `${classBase49}-formField`;
 
 // ../vuu-shell/src/layout-management/useLayoutManager.tsx
-import React34, {
-  useCallback as useCallback135,
+import React33, {
+  useCallback as useCallback136,
   useContext as useContext12,
   useEffect as useEffect33,
   useRef as useRef105,
   useState as useState66
 } from "react";
-import { jsx as jsx136 } from "react/jsx-runtime";
-var LayoutManagementContext = React34.createContext({
+import { jsx as jsx139 } from "react/jsx-runtime";
+var LayoutManagementContext = React33.createContext({
+  getApplicationSettings: () => void 0,
   layoutMetadata: [],
   saveLayout: () => void 0,
   // The default Application JSON will be served if no LayoutManagementProvider
@@ -59421,13 +59461,13 @@ var LayoutManagementContext = React34.createContext({
 });
 
 // ../vuu-shell/src/layout-management/LayoutList.tsx
-import { Fragment as Fragment12, jsx as jsx137, jsxs as jsxs65 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx140, jsxs as jsxs66 } from "react/jsx-runtime";
 
 // ../vuu-icons/src/VuuLogo.tsx
 import { memo as memo10 } from "react";
-import { jsx as jsx138, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx141, jsxs as jsxs67 } from "react/jsx-runtime";
 var VuuLogo2 = memo10(() => {
-  return /* @__PURE__ */ jsxs66(
+  return /* @__PURE__ */ jsxs67(
     "svg",
     {
       width: "44",
@@ -59436,44 +59476,44 @@ var VuuLogo2 = memo10(() => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsxs66("g", { clipPath: "url(#clip0_217_6990)", children: [
-          /* @__PURE__ */ jsx138(
+        /* @__PURE__ */ jsxs67("g", { clipPath: "url(#clip0_217_6990)", children: [
+          /* @__PURE__ */ jsx141(
             "path",
             {
               d: "M39.8642 15.5509L35.9196 7.58974L34.3369 6.85464L24.6235 22.0825L39.1628 30.618L42.3152 25.6347L39.8642 15.5509Z",
               fill: "url(#paint0_linear_217_6990)"
             }
           ),
-          /* @__PURE__ */ jsx138(
+          /* @__PURE__ */ jsx141(
             "path",
             {
               d: "M42.6246 24.8716C41.9199 25.9157 40.9625 26.824 39.767 27.4905C38.424 28.2396 36.9563 28.597 35.5081 28.597C32.7541 28.597 30.0715 27.3094 28.4466 24.9855L15.772 3.90967L15.7655 3.9206C13.3615 0.137431 8.25372 -1.13143 4.24754 1.10507C0.178173 3.37435 -1.20852 8.39359 1.14854 12.3125L18.3445 40.9095C19.1108 42.1846 20.1816 43.1834 21.4144 43.8764C21.4241 43.8826 21.4338 43.8889 21.4435 43.8951C21.4484 43.8982 21.4549 43.9013 21.4597 43.9045C22.0332 44.2228 22.6423 44.471 23.2725 44.6536C23.3194 44.6677 23.368 44.6817 23.415 44.6942C23.6418 44.7551 23.8702 44.8097 24.1019 44.8534C24.1456 44.8612 24.1894 44.8659 24.2331 44.8737C24.4194 44.9049 24.6073 44.9314 24.7952 44.9501C24.8698 44.9579 24.9443 44.9658 25.0188 44.9704C25.2342 44.9876 25.4497 44.9985 25.6668 45.0001C25.6781 45.0001 25.6895 45.0001 25.6992 45.0001C25.7024 45.0001 25.704 45.0001 25.7073 45.0001C25.7105 45.0001 25.7121 45.0001 25.7154 45.0001C25.9503 45.0001 26.1868 44.9876 26.4217 44.9689C26.4751 44.9642 26.5286 44.9595 26.5837 44.9533C26.8137 44.9299 27.0438 44.9002 27.2738 44.8596C27.277 44.8596 27.2803 44.8596 27.2835 44.8596C27.5362 44.8144 27.7889 44.7551 28.0384 44.6864C28.0546 44.6817 28.0692 44.677 28.0854 44.6723C28.4483 44.5709 28.8063 44.4445 29.1594 44.2931C29.1659 44.29 29.174 44.2868 29.1805 44.2837C29.4494 44.1682 29.7151 44.0418 29.9759 43.8967C30.24 43.75 30.491 43.5908 30.7308 43.4206C30.9398 43.2739 31.1407 43.1179 31.3367 42.9524C31.5748 42.7495 31.8 42.5373 32.009 42.3141C32.1661 42.1471 32.3168 41.9723 32.4609 41.7913C32.5079 41.732 32.5517 41.6711 32.5954 41.6118C32.6942 41.4807 32.7882 41.3465 32.8789 41.2091C32.9259 41.1373 32.9728 41.0671 33.0182 40.9953C33.036 40.9672 33.0555 40.9407 33.0717 40.9126L42.7153 24.8763H42.6214L42.6246 24.8716Z",
               fill: "url(#paint1_linear_217_6990)"
             }
           ),
-          /* @__PURE__ */ jsx138(
+          /* @__PURE__ */ jsx141(
             "path",
             {
               d: "M42.8402 16.4218L42.1112 15.2232L38.9636 9.58433L37.504 7.19644C37.2286 6.56123 36.579 6.11331 35.8176 6.11331C34.8083 6.11331 33.9919 6.90147 33.9919 7.87223C33.9919 8.20154 34.0907 8.50432 34.2543 8.76808L34.2349 8.78056L39.9048 18.0808C40.5884 19.2186 40.7715 20.5437 40.4199 21.8141C40.0684 23.0845 39.226 24.1458 38.045 24.806C37.2675 25.2398 36.3846 25.4693 35.4936 25.4693C33.6727 25.4693 31.9766 24.5281 31.0662 23.0143L22.9161 9.63271H22.9323L19.4899 3.90958L19.4834 3.92051C19.4235 3.8253 19.3538 3.73947 19.2907 3.64738L19.1935 3.48663C19.1935 3.48663 19.1854 3.49131 19.1821 3.49443C17.5654 1.27666 14.9799 0.0390178 12.3118 0.00936427V0H7.91199V0.02185C10.9851 -0.184164 14.0582 1.23296 15.7656 3.92051L15.7721 3.90958L28.4451 24.987C30.0699 27.3093 32.7542 28.5985 35.5066 28.5985C36.9548 28.5985 38.4225 28.2426 39.7655 27.4919C40.961 26.8255 41.9168 25.9156 42.6231 24.8731H42.717L42.6846 24.9261C43.1366 24.2347 43.4833 23.4731 43.7068 22.6615C44.2916 20.5452 43.9871 18.3352 42.8369 16.4234L42.8402 16.4218Z",
               fill: "#F37880"
             }
           ),
-          /* @__PURE__ */ jsxs66("g", { opacity: "0.86", children: [
-            /* @__PURE__ */ jsx138(
+          /* @__PURE__ */ jsxs67("g", { opacity: "0.86", children: [
+            /* @__PURE__ */ jsx141(
               "path",
               {
                 d: "M34.2332 8.78212L39.9031 18.0824C40.5868 19.2202 40.7698 20.5452 40.4183 21.8156C40.2044 22.5897 39.8059 23.2858 39.2616 23.8617C39.9744 23.2343 40.4879 22.4243 40.7423 21.5035C41.0938 20.2331 40.9107 18.908 40.2271 17.7703L34.5572 8.46998L34.5767 8.4575C34.413 8.19374 34.3142 7.89096 34.3142 7.56165C34.3142 7.15586 34.4584 6.78285 34.6982 6.48476C34.2672 6.80626 33.9902 7.30881 33.9902 7.87379C33.9902 8.2031 34.0891 8.50588 34.2527 8.76964L34.2332 8.78212Z",
                 fill: "white"
               }
             ),
-            /* @__PURE__ */ jsx138(
+            /* @__PURE__ */ jsx141(
               "path",
               {
                 d: "M42.6917 24.9169L42.6863 24.9256C42.6863 24.9256 42.6899 24.9187 42.6935 24.9152C42.6935 24.9152 42.6935 24.9152 42.6935 24.9169H42.6917Z",
                 fill: "white"
               }
             ),
-            /* @__PURE__ */ jsx138(
+            /* @__PURE__ */ jsx141(
               "path",
               {
                 d: "M40.0911 27.1798C38.7481 27.9289 37.2804 28.2863 35.8322 28.2863C33.0782 28.2863 30.3955 26.9988 28.7707 24.6749L16.0961 3.59744L16.0896 3.60837C14.9281 1.78077 13.1364 0.543128 11.1422 0H7.91199V0.02185C10.9851 -0.184164 14.0582 1.23296 15.7656 3.92051L15.7721 3.90958L28.4451 24.987C30.0699 27.3093 32.7542 28.5985 35.5066 28.5985C36.9548 28.5985 38.4225 28.2426 39.7655 27.4919C40.4815 27.0924 41.1084 26.6055 41.6511 26.0561C41.1862 26.479 40.6662 26.8583 40.0894 27.1798H40.0911Z",
@@ -59482,8 +59522,8 @@ var VuuLogo2 = memo10(() => {
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs66("defs", { children: [
-          /* @__PURE__ */ jsxs66(
+        /* @__PURE__ */ jsxs67("defs", { children: [
+          /* @__PURE__ */ jsxs67(
             "linearGradient",
             {
               id: "paint0_linear_217_6990",
@@ -59493,12 +59533,12 @@ var VuuLogo2 = memo10(() => {
               y2: "18.7363",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ jsx138("stop", { stopColor: "#4906A5" }),
-                /* @__PURE__ */ jsx138("stop", { offset: "1", stopColor: "#D3423A" })
+                /* @__PURE__ */ jsx141("stop", { stopColor: "#4906A5" }),
+                /* @__PURE__ */ jsx141("stop", { offset: "1", stopColor: "#D3423A" })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs66(
+          /* @__PURE__ */ jsxs67(
             "linearGradient",
             {
               id: "paint1_linear_217_6990",
@@ -59508,12 +59548,12 @@ var VuuLogo2 = memo10(() => {
               y2: "22.5009",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ jsx138("stop", { stopColor: "#7C06A5" }),
-                /* @__PURE__ */ jsx138("stop", { offset: "1", stopColor: "#D3423A" })
+                /* @__PURE__ */ jsx141("stop", { stopColor: "#7C06A5" }),
+                /* @__PURE__ */ jsx141("stop", { offset: "1", stopColor: "#D3423A" })
               ]
             }
           ),
-          /* @__PURE__ */ jsx138("clipPath", { id: "clip0_217_6990", children: /* @__PURE__ */ jsx138("rect", { width: "44", height: "45", fill: "white" }) })
+          /* @__PURE__ */ jsx141("clipPath", { id: "clip0_217_6990", children: /* @__PURE__ */ jsx141("rect", { width: "44", height: "45", fill: "white" }) })
         ] })
       ]
     }
@@ -59523,10 +59563,10 @@ VuuLogo2.displayName = "VuuLogo";
 
 // ../vuu-shell/src/left-nav/LeftNav.tsx
 var import_classnames74 = __toESM(require_classnames());
-import { useCallback as useCallback136, useState as useState67 } from "react";
+import { useCallback as useCallback137, useState as useState67 } from "react";
 
 // ../vuu-shell/src/feature-list/FeatureList.tsx
-import { jsx as jsx139, jsxs as jsxs67 } from "react/jsx-runtime";
+import { jsx as jsx142, jsxs as jsxs68 } from "react/jsx-runtime";
 
 // ../vuu-shell/src/theme-provider/ThemeProvider.tsx
 var import_classnames73 = __toESM(require_classnames());
@@ -59536,7 +59576,7 @@ import {
   cloneElement as cloneElement12,
   useContext as useContext13
 } from "react";
-import { jsx as jsx140 } from "react/jsx-runtime";
+import { jsx as jsx143 } from "react/jsx-runtime";
 var DEFAULT_DENSITY2 = "medium";
 var DEFAULT_THEME = "salt-theme";
 var DEFAULT_THEME_MODE = "light";
@@ -59607,19 +59647,19 @@ var ThemeProvider = ({
   const themeMode = (_b = themeModeProp != null ? themeModeProp : inheritedThemeMode) != null ? _b : DEFAULT_THEME_MODE;
   const theme2 = (_c = themeProp != null ? themeProp : inheritedTheme) != null ? _c : DEFAULT_THEME;
   const themedChildren = applyThemeClasses ? createThemedChildren(children, theme2, themeMode, density) : children;
-  return /* @__PURE__ */ jsx140(ThemeContext2.Provider, { value: { themeMode, density, theme: theme2 }, children: themedChildren });
+  return /* @__PURE__ */ jsx143(ThemeContext2.Provider, { value: { themeMode, density, theme: theme2 }, children: themedChildren });
 };
 ThemeProvider.displayName = "ThemeProvider";
 
 // ../vuu-shell/src/left-nav/LeftNav.tsx
-import { jsx as jsx141, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx144, jsxs as jsxs69 } from "react/jsx-runtime";
 
 // ../vuu-shell/src/session-editing-form/SessionEditingForm.tsx
 var import_classnames75 = __toESM(require_classnames());
 import {
-  useCallback as useCallback137,
+  useCallback as useCallback138,
   useEffect as useEffect34,
-  useMemo as useMemo61,
+  useMemo as useMemo62,
   useRef as useRef106,
   useState as useState68
 } from "react";
@@ -59633,42 +59673,42 @@ import {
   isValidNumber as isValidNumber13,
   shallowEquals
 } from "@vuu-ui/vuu-utils";
-import { jsx as jsx142, jsxs as jsxs69 } from "react/jsx-runtime";
+import { jsx as jsx145, jsxs as jsxs70 } from "react/jsx-runtime";
 
 // ../vuu-shell/src/shell.tsx
 import { connectToServer } from "@vuu-ui/vuu-data";
 var import_classnames78 = __toESM(require_classnames());
 import { logger as logger2 } from "@vuu-ui/vuu-utils";
 import {
-  useCallback as useCallback140,
+  useCallback as useCallback141,
   useEffect as useEffect35,
   useRef as useRef108
 } from "react";
 
 // ../vuu-shell/src/shell-layouts/context-panel/ContextPanel.tsx
 var import_classnames76 = __toESM(require_classnames());
-import { useCallback as useCallback138, useMemo as useMemo62 } from "react";
-import { jsx as jsx143, jsxs as jsxs70 } from "react/jsx-runtime";
+import { useCallback as useCallback139, useMemo as useMemo63 } from "react";
+import { jsx as jsx146, jsxs as jsxs71 } from "react/jsx-runtime";
 
 // ../vuu-shell/src/shell-layouts/side-panel/SidePanel.tsx
 var import_classnames77 = __toESM(require_classnames());
-import { useMemo as useMemo63 } from "react";
-import { jsx as jsx144 } from "react/jsx-runtime";
+import { useMemo as useMemo64 } from "react";
+import { jsx as jsx147 } from "react/jsx-runtime";
 
 // ../vuu-shell/src/shell-layouts/useFullHeightLeftPanel.tsx
-import { jsx as jsx145, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx148, jsxs as jsxs72 } from "react/jsx-runtime";
 
 // ../vuu-shell/src/shell-layouts/useInlayLeftPanel.tsx
-import { useCallback as useCallback139, useRef as useRef107, useState as useState69 } from "react";
-import { jsx as jsx146, jsxs as jsxs72 } from "react/jsx-runtime";
+import { useCallback as useCallback140, useRef as useRef107, useState as useState69 } from "react";
+import { jsx as jsx149, jsxs as jsxs73 } from "react/jsx-runtime";
 
 // ../vuu-shell/src/shell.tsx
-import { jsx as jsx147, jsxs as jsxs73 } from "react/jsx-runtime";
+import { jsx as jsx150, jsxs as jsxs74 } from "react/jsx-runtime";
 var { error } = logger2("Shell");
 
 // ../vuu-shell/src/ShellContextProvider.tsx
 import { createContext as createContext11, useContext as useContext14 } from "react";
-import { jsx as jsx148 } from "react/jsx-runtime";
+import { jsx as jsx151 } from "react/jsx-runtime";
 var defaultConfig = {};
 var ShellContext = createContext11(defaultConfig);
 var useShellContext = () => {
@@ -59677,8 +59717,8 @@ var useShellContext = () => {
 
 // ../vuu-shell/src/theme-switch/ThemeSwitch.tsx
 var import_classnames79 = __toESM(require_classnames());
-import { useCallback as useCallback141 } from "react";
-import { jsx as jsx149, jsxs as jsxs74 } from "react/jsx-runtime";
+import { useCallback as useCallback142 } from "react";
+import { jsx as jsx152, jsxs as jsxs75 } from "react/jsx-runtime";
 
 // src/hooks/useLookupValues.ts
 import {
@@ -59686,7 +59726,7 @@ import {
   isLookupRenderer,
   isTypeDescriptor as isTypeDescriptor6
 } from "@vuu-ui/vuu-utils";
-import { useMemo as useMemo64, useState as useState70 } from "react";
+import { useMemo as useMemo65, useState as useState70 } from "react";
 var NO_VALUES = [];
 var lookupValueMap = /* @__PURE__ */ new Map();
 var loadLookupValues = ({
@@ -59748,7 +59788,7 @@ var getLookupDetails = ({ name: name3, type }) => {
 var useLookupValues = (column, initialValueProp) => {
   const lookupDetails = getLookupDetails(column);
   const { getLookupValues } = useShellContext();
-  const initialState = useMemo64(() => {
+  const initialState = useMemo65(() => {
     var _a4;
     const values2 = (_a4 = getLookupValues == null ? void 0 : getLookupValues(lookupDetails.table)) != null ? _a4 : NO_VALUES;
     return {
@@ -59757,7 +59797,7 @@ var useLookupValues = (column, initialValueProp) => {
     };
   }, [getLookupValues, initialValueProp, lookupDetails.table]);
   const [{ initialValue, values }, setLookupState] = useState70(initialState);
-  useMemo64(() => {
+  useMemo65(() => {
     if (values === NO_VALUES) {
       loadLookupValues(lookupDetails).then(
         (values2) => setLookupState({
@@ -59774,11 +59814,11 @@ var useLookupValues = (column, initialValueProp) => {
 };
 
 // src/hooks/useServerConnectionStatus.ts
-import { useCallback as useCallback142, useEffect as useEffect36, useState as useState71 } from "react";
+import { useCallback as useCallback143, useEffect as useEffect36, useState as useState71 } from "react";
 import { ConnectionManager } from "@vuu-ui/vuu-data";
 var useServerConnectionStatus = () => {
   const [connectionStatus, setConnectionStatus] = useState71("disconnected");
-  const handleStatusChange = useCallback142(
+  const handleStatusChange = useCallback143(
     ({ status }) => {
       setConnectionStatus(status);
     },
@@ -59794,11 +59834,11 @@ var useServerConnectionStatus = () => {
 };
 
 // src/hooks/useServerConnectionQuality.ts
-import { useCallback as useCallback143, useEffect as useEffect37, useState as useState72 } from "react";
+import { useCallback as useCallback144, useEffect as useEffect37, useState as useState72 } from "react";
 import { ConnectionManager as ConnectionManager2 } from "@vuu-ui/vuu-data";
 var useServerConnectionQuality = () => {
   const [messagesPerSecond, setMessagesPerSecond] = useState72(0);
-  const handleConnectivityMessage = useCallback143(({ messages }) => {
+  const handleConnectivityMessage = useCallback144(({ messages }) => {
     setMessagesPerSecond(messages.messagesLength);
   }, []);
   useEffect37(() => {
@@ -59814,7 +59854,7 @@ var useServerConnectionQuality = () => {
 };
 
 // src/hooks/useTypeaheadSuggestions.ts
-import { useCallback as useCallback144 } from "react";
+import { useCallback as useCallback145 } from "react";
 import { makeRpcCall } from "@vuu-ui/vuu-data";
 var TYPEAHEAD_MESSAGE_CONSTANTS = {
   type: "RPC_CALL",
@@ -59826,7 +59866,7 @@ var getTypeaheadParams = (table, column, text = "", selectedValues = []) => {
   }
   return [table, column];
 };
-var useTypeaheadSuggestions = () => useCallback144(async (params) => {
+var useTypeaheadSuggestions = () => useCallback145(async (params) => {
   const rpcMessage = params.length === 2 ? {
     method: "getUniqueFieldValues",
     params,
@@ -59846,7 +59886,7 @@ import {
   isGroupMenuItemDescriptor as isGroupMenuItemDescriptor2,
   metadataKeys as metadataKeys10
 } from "@vuu-ui/vuu-utils";
-import { useCallback as useCallback145 } from "react";
+import { useCallback as useCallback146 } from "react";
 var addRowsFromInstruments = "addRowsFromInstruments";
 var { KEY: KEY3 } = metadataKeys10;
 var NO_CONFIG = {};
@@ -59991,7 +60031,7 @@ var useVuuMenuActions = ({
   menuActionConfig = NO_CONFIG,
   onRpcResponse
 }) => {
-  const buildViewserverMenuOptions = useCallback145(
+  const buildViewserverMenuOptions = useCallback146(
     (location, options) => {
       const { links, menu } = dataSource;
       const { visualLink } = menuActionConfig;
@@ -60023,7 +60063,7 @@ var useVuuMenuActions = ({
     },
     [dataSource, menuActionConfig]
   );
-  const handleMenuAction = useCallback145(
+  const handleMenuAction = useCallback146(
     ({ menuId, options }) => {
       if (clientSideMenuActionHandler == null ? void 0 : clientSideMenuActionHandler(menuId, options)) {
         return true;
@@ -60054,10 +60094,10 @@ var useVuuMenuActions = ({
 
 // src/hooks/useVuuTables.ts
 import { getServerAPI } from "@vuu-ui/vuu-data";
-import { useCallback as useCallback146, useEffect as useEffect38, useState as useState73 } from "react";
+import { useCallback as useCallback147, useEffect as useEffect38, useState as useState73 } from "react";
 var useVuuTables = () => {
   const [tables, setTables] = useState73();
-  const buildTables = useCallback146((schemas) => {
+  const buildTables = useCallback147((schemas) => {
     const vuuTables = /* @__PURE__ */ new Map();
     schemas.forEach((schema) => {
       vuuTables.set(schema.table.table, schema);