@xh/hoist 86.0.1 → 86.1.0

package/CHANGELOG.md

@@ -1,5 +1,59 @@
 # Changelog
 
+## 86.1.0 - 2026-06-22
+
+### 🎁 New Features
+
+* Added a mobile `SegmentedControl` input - the mobile counterpart to the desktop component, with a
+  matching `options`-driven API for selecting a single value from a set of mutually exclusive
+  choices. Built on Hoist's mobile `Button` (no Blueprint dependency).
+    * The shared `SegmentedControlOption` option types now export from `@xh/hoist/cmp/input` rather
+      than the desktop `SegmentedControl` module; update any direct type imports.
+* Added a `leftIcon` prop to mobile `TextInput`.
+* `FilterChooser` and grid column filters on a timestamp (`date`) field now filter by calendar day,
+  comparing against full-day bounds for range and equality operators rather than midnight - e.g.
+  `> 2023-05-31` excludes the 31st and `= 2023-05-31` matches any time that day. Filter specs now
+  default a `date` source field to `fieldType: 'localDate'`; set `fieldType: 'date'` for exact
+  timestamps. Applications using workarounds to provide similar behavior may be able to unwind that
+  behavior and rely on Hoist default behavior.
+
+### 🐞 Bug Fixes
+
+* Fixed the "Is blank" / "Is not blank" grid column filters for `tags`-typed fields - empty tag
+  arrays now correctly match "Is blank", and such filters are edited on the Custom tab rather than
+  producing a phantom blank entry in the Values list.
+* Fixed an issue where `Grid` column headers could fall out of sync with body content during
+  horizontal scrolling when both `enableFullWidthScroll` and `useVirtualColumns` were enabled.
+* Updated `DynamicTabSwitcher` to properly apply `testId` passed down by `TabContainer`.
+* Ensure publication of `router5-plugin-browser` TS module augmentation.
+* Set an explicit `%` unit on the `flex-basis: 0` of `TabContainer`'s flex shorthand to ensure
+  that the `0` is not interpreted as a `0px` basis and that the container sizes as expected.
+    * ⚠️Apps that upgrade to `hoist-dev-utils v13.x` and use `flex: 1 1 0` or `flex-basis: 0` should
+      verify that their flex layouts continue to work as expected and add an explicit unit if
+      not (e.g. `flex: 1 1 0%` or `flex-basis: 0%`).
+
+### ⚙️ Technical
+
+* `JsonBlobService` and `HoistAuthModel` now accept an optional `CallContextLike` argument on all of
+  their public methods, allowing callers to nest their fetches within an existing trace.
+
+### ✨ Styles
+
+* Mobile `Button` now defaults to a more touch-friendly height (40px, up from 28px) and rounder
+  corners for buttons in body content. Toolbar buttons derive their height from the toolbar size so
+  a single token drives both, landing slightly taller than before (34px, up from 28px).
+    * `SegmentedControl` adopts the same standard height for a consistent control row.
+    * ⚠️ Mobile buttons outside toolbars are now taller - verify body / form / panel layouts that
+      pair tightly with button dimensions.
+* Mobile tab content (`TabContainer`) now takes the themed app background, so content reads
+  correctly in dark mode rather than showing through to Onsen's light default page background.
+* Applied the active theme's `color-scheme` onto `html` and added a `theme-color` meta tag matching
+  the active theme's app-bar color, so browser chrome and overscroll / safe-area regions might
+  better match the theme.
+
+### 📚 Libraries
+
+* @azure/msal-browser `5.13 → 5.14`
 
 ## 86.0.1 - 2026-06-16
 
@@ -14,6 +68,10 @@
   the page is hidden or unloaded, reacting to `XH.pageState` and issuing the flush via
   `fetch({keepalive: true})` (replacing the less reliable `beforeunload` + normal-fetch approach).
 
+### 📚 Libraries
+
+* @azure/msal-browser `5.11 → 5.13`
+* mobx `6.15 → 6.16`
 
 ## 86.0.0 - 2026-06-12
 

package/admin/tabs/userData/roles/RoleModel.ts

@@ -12,12 +12,10 @@ import {fragment, p} from '@xh/hoist/cmp/layout';
 import {CallContext, HoistModel, LoadSpec, managed, XH} from '@xh/hoist/core';
 import {RecordActionSpec} from '@xh/hoist/data';
 import {actionCol, calcActionColWidth} from '@xh/hoist/desktop/cmp/grid';
-import {fmtDate} from '@xh/hoist/format';
 import {Icon} from '@xh/hoist/icon';
 import {action, bindable, makeObservable, observable, runInAction} from '@xh/hoist/mobx';
 import {wait} from '@xh/hoist/promise';
 import {compact, groupBy, mapValues} from 'lodash';
-import moment from 'moment/moment';
 import {RoleEditorModel} from './editor/RoleEditorModel';
 import {HoistRole, RoleModuleConfig} from './Types';
 
@@ -397,23 +395,7 @@ export class RoleModel extends HoistModel {
                 config.directoryGroupsSupported && 'effectiveDirectoryGroupNames',
                 'effectiveRoleNames',
                 'lastUpdatedBy',
-                {
-                    field: 'lastUpdated',
-                    example: 'YYYY-MM-DD',
-                    valueParser: (v, op) => {
-                        let ret = moment(v, ['YYYY-MM-DD', 'YYYYMMDD'], true);
-                        if (!ret.isValid()) return null;
-
-                        // Note special handling for '>' & '<=' queries.
-                        if (['>', '<='].includes(op)) {
-                            ret = moment(ret).endOf('day');
-                        }
-
-                        return ret.toDate();
-                    },
-                    valueRenderer: v => fmtDate(v),
-                    ops: ['>', '>=', '<', '<=']
-                }
+                'lastUpdated'
             ]),
             persistWith: {...RoleModel.PERSIST_WITH, path: 'mainFilterChooser'}
         });

package/appcontainer/RouterModel.ts

@@ -10,6 +10,8 @@ import {mergeDeep} from '@xh/hoist/utils/js';
 import {isOmitted} from '@xh/hoist/utils/impl';
 import {createRouter, Router, State} from 'router5';
 import browserPlugin from 'router5-plugin-browser';
+// Required so downstream consumers pick up Router TS augmentation (buildUrl, etc.).
+import 'router5-plugin-browser';
 
 /**
  * Top-level model for managing application routing in Hoist.

package/appcontainer/ThemeModel.ts

@@ -31,7 +31,14 @@ export class ThemeModel extends HoistModel {
         const classList = document.body.classList;
         classList.toggle('xh-dark', value);
         classList.toggle('bp6-dark', value);
+
+        // Set color-scheme on the document root (<html>) so browser chrome and overscroll / safe-area
+        // regions match the theme - the theme class only reaches <body>, leaving the root light.
+        // See https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
+        document.documentElement.style.colorScheme = value ? 'dark' : 'light';
+
         this.darkTheme = value;
+        this.syncThemeColorMeta();
     }
 
     @action
@@ -64,4 +71,38 @@ export class ThemeModel extends HoistModel {
             }
         });
     }
+
+    /**
+     * Sync the `<meta name="theme-color">` tag to the active theme's app-bar color, creating it if
+     * needed. This tints browser chrome to match the app - e.g. Android Chrome's status bar and task
+     * switcher, and desktop installed PWAs. Hoist's theme is independent of the OS color scheme, so
+     * the tag's content must be updated on each theme change rather than relying on the static
+     * `media="(prefers-color-scheme)"` form. Note Safari 26+ ignores `theme-color`, instead deriving
+     * its chrome color from the page background (see the companion `color-scheme` handling above).
+     */
+    private syncThemeColorMeta() {
+        // Resolve --xh-appbar-bg (a chain of var() fallbacks) to a concrete color via a throwaway
+        // probe - reading computed `color` fully substitutes the var chain.
+        const probe = document.createElement('div');
+        probe.style.cssText = 'display: none; color: var(--xh-appbar-bg)';
+        document.body.appendChild(probe);
+        const color = window.getComputedStyle(probe).color;
+        probe.remove();
+
+        // Bail if the color failed to resolve (e.g. styles not yet applied) rather than write a
+        // bad value - the next theme change will sync it.
+        if (!color) return;
+
+        // Maintain our own tag, marked so we can find it again on subsequent theme changes. If an
+        // app has hand-authored any theme-color tag, defer to it entirely.
+        let meta = document.querySelector('meta[name=theme-color][data-xh-managed]');
+        if (!meta) {
+            if (document.querySelector('meta[name=theme-color]')) return;
+            meta = document.createElement('meta');
+            meta.setAttribute('name', 'theme-color');
+            meta.setAttribute('data-xh-managed', '');
+            document.head.appendChild(meta);
+        }
+        meta.setAttribute('content', color);
+    }
 }

package/appcontainer/login/LoginPanelModel.ts

@@ -34,8 +34,12 @@ export class LoginPanelModel extends HoistModel {
     // Debounce to defend against double-click fast enough to get through masking + button disable.
     @debounced(300)
     async submitAsync() {
-        const {username, password, loginTask, isValid} = this;
-        if (!isValid) return;
+        const {username, password, loginTask, isValid, loginInProgress} = this;
+        if (loginInProgress) return;
+        if (!isValid) {
+            this.warning = 'Please enter a username and password.';
+            return;
+        }
 
         try {
             this.loginInProgress = true;

package/build/types/appcontainer/RouterModel.d.ts

@@ -1,5 +1,6 @@
 import { HoistModel } from '../core';
 import { Router, State } from 'router5';
+import 'router5-plugin-browser';
 /**
  * Top-level model for managing application routing in Hoist.
  *

package/build/types/appcontainer/ThemeModel.d.ts

@@ -10,4 +10,13 @@ export declare class ThemeModel extends HoistModel {
     setDarkTheme(value: boolean): void;
     setTheme(value: Theme, persist?: boolean): void;
     init(): void;
+    /**
+     * Sync the `<meta name="theme-color">` tag to the active theme's app-bar color, creating it if
+     * needed. This tints browser chrome to match the app - e.g. Android Chrome's status bar and task
+     * switcher, and desktop installed PWAs. Hoist's theme is independent of the OS color scheme, so
+     * the tag's content must be updated on each theme change rather than relying on the static
+     * `media="(prefers-color-scheme)"` form. Note Safari 26+ ignores `theme-color`, instead deriving
+     * its chrome color from the page background (see the companion `color-scheme` handling above).
+     */
+    private syncThemeColorMeta;
 }

package/build/types/cmp/input/SegmentedControlOption.d.ts

@@ -0,0 +1,44 @@
+import { Intent } from '@xh/hoist/core';
+import { LocalDate } from '@xh/hoist/utils/datetime';
+import { ReactElement } from 'react';
+/** Primitive value types supported as a SegmentedControl option value/label. */
+export type OptionPrimitive = string | number | boolean | LocalDate;
+/**
+ * Option for a SegmentedControl, shared by the desktop and mobile implementations.
+ */
+export interface SegmentedControlOption {
+    /** Value for this option. */
+    value: OptionPrimitive;
+    /** Display label. Defaults to `value.toString()` if omitted. */
+    label?: string;
+    /** Icon element, displayed before the label. */
+    icon?: ReactElement;
+    /** True to disable this individual option. */
+    disabled?: boolean;
+    /**
+     * Visual intent for this option - rendered as a solid fill when selected and as a subtle
+     * text-color hint when not (e.g. to flag a destructive choice). Overrides any control-level
+     * `intent` default. Defaults to the control's `intent`.
+     */
+    intent?: Intent;
+}
+/**
+ * Variant of SegmentedControlOption for representing a null/"no value" selection.
+ * Label is required to force use case to override default js 'null' toString rendering.
+ */
+export interface SegmentedControlNullOption {
+    /** Null value for this option. */
+    value: null;
+    /** Display label - required for null options. */
+    label: string;
+    /** Icon element, displayed before the label. */
+    icon?: ReactElement;
+    /** True to disable this individual option. */
+    disabled?: boolean;
+    /**
+     * Visual intent for this option - rendered as a solid fill when selected and as a subtle
+     * text-color hint when not (e.g. to flag a destructive choice). Overrides any control-level
+     * `intent` default. Defaults to the control's `intent`.
+     */
+    intent?: Intent;
+}

package/build/types/cmp/input/index.d.ts

@@ -1,2 +1,3 @@
 export * from './HoistInputModel';
 export * from './HoistInputProps';
+export * from './SegmentedControlOption';

package/build/types/core/AppSpec.d.ts

@@ -1,5 +1,5 @@
 import { ElementFactory, HoistAppModel, HoistAuthModel, HoistProps } from '@xh/hoist/core';
-import { Component, ComponentClass, FunctionComponent } from 'react';
+import { Component, ComponentClass, FunctionComponent, ReactElement } from 'react';
 /**
  * Spec for a client-side Hoist application. A config matching this class's shape is provided
  * to {@link XHApi.renderApp} to kick-off app rendering and is available thereafter as `XH.appSpec`.
@@ -98,6 +98,11 @@ export declare class AppSpec<T extends HoistAppModel = HoistAppModel> {
     lockoutPanel?: ElementFactory | FunctionComponent | Component;
     /** Optional message to show users when denied access to app. */
     lockoutMessage?: string;
+    /**
+     * Icon to display on the form-based login page, if active via `enableLoginForm: true`.
+     * Defaults to `Icon.shieldHalved()`.
+     */
+    loginPanelIcon?: ReactElement;
     /** Optional message to show on login form, if `showLoginForm: true`. */
     loginMessage?: string;
     /**
@@ -116,7 +121,7 @@ export declare class AppSpec<T extends HoistAppModel = HoistAppModel> {
      *  initialized, including a breakdown of elapsed time throughout the init process.
      */
     trackAppLoad?: boolean;
-    constructor({ authModelClass, checkAccess, clientAppCode, clientAppName, componentClass, containerClass, disableWebSockets, enableXssProtection, enableLoginForm, enableLogout, idlePanel, isMobileApp, lockoutMessage, lockoutPanel, loginMessage, modelClass, showBrowserContextMenu, trackAppLoad }: {
+    constructor({ authModelClass, checkAccess, clientAppCode, clientAppName, componentClass, containerClass, disableWebSockets, enableXssProtection, enableLoginForm, enableLogout, idlePanel, isMobileApp, lockoutMessage, lockoutPanel, loginMessage, loginPanelIcon, modelClass, showBrowserContextMenu, trackAppLoad }: {
         authModelClass?: typeof HoistAuthModel;
         checkAccess: any;
         clientAppCode?: string;
@@ -132,6 +137,7 @@ export declare class AppSpec<T extends HoistAppModel = HoistAppModel> {
         lockoutMessage?: any;
         lockoutPanel?: any;
         loginMessage?: any;
+        loginPanelIcon?: any;
         modelClass: any;
         showBrowserContextMenu?: boolean;
         trackAppLoad?: boolean;

package/build/types/core/HoistAuthModel.d.ts

@@ -43,21 +43,24 @@ export declare class HoistAuthModel extends HoistModel {
      * Process a manual login, submitted by user via form.
      * @returns identity of the user authenticated with the server; null if not yet authenticated.
      */
-    loginWithCredentialsAsync(username: string, password: string): Promise<IdentityInfo>;
+    loginWithCredentialsAsync(username: string, password: string, ctx?: CallContextLike): Promise<IdentityInfo>;
     /**
      * Logout this user with the backend server.
      *
      * The default implementation will call the 'logout' endpoint on the Grails server, clearing
      * any server-side session state there. Override to manage any client-side or third-party state.
      */
-    logoutAsync(): Promise<void>;
+    logoutAsync(ctx?: CallContextLike): Promise<void>;
     /**
      * Load auth-related config from the server via an /xh/ endpoint that is specifically
      * whitelisted by Hoist to allow access prior to user authentication. For use in bootstrapping
      * client-side auth solutions that require configs such as OAuth endpoint URLs and client IDs.
      * See `BaseAuthenticationService.getClientConfig()` in hoist-core.
+     *
+     * @param ctx - tracing/load context. When called from within a `completeAuthAsync` override,
+     *      forward the supplied context so this fetch nests under the bootstrap trace.
      */
-    loadConfigAsync(): Promise<PlainObject>;
+    loadConfigAsync(ctx?: CallContextLike): Promise<PlainObject>;
     /**
      * Create a client-side HoistUser.
      *

package/build/types/data/filter/BaseFilterFieldSpec.d.ts

@@ -13,7 +13,12 @@ import { FieldFilterOperator } from './Types';
 export interface BaseFilterFieldSpecConfig {
     /** Identifying field name to filter on. */
     field: string;
-    /** Type of field, will default from related field on source if provided, or 'auto'. */
+    /**
+     * Type of field, will default from related field on source if provided, or 'auto'. A `date`
+     * (timestamp) source defaults to 'localDate' so filtering compares by calendar day (range and
+     * equality operators use full-day bounds). Set explicitly to 'date' to filter by exact
+     * timestamp instead.
+     */
     fieldType?: FieldType;
     /** DisplayName, will default from related field on source if provided */
     displayName?: string;
@@ -78,5 +83,6 @@ export declare abstract class BaseFilterFieldSpec extends HoistBase {
     abstract loadValuesFromSource(): any;
     private parseOperators;
     private getDefaultOperators;
+    private get isLocalDateFilteringTimestamp();
     private get isEnumerableByDefault();
 }

package/build/types/data/filter/FieldFilter.d.ts

@@ -26,6 +26,8 @@ export declare class FieldFilter extends Filter {
      */
     constructor({ field, op, value, valueType }: FieldFilterSpec);
     getTestFn(store?: Store): FilterTestFn;
+    private getOpFn;
+    private getDayBoundedOpFn;
     equals(other: Filter): boolean;
     toJSON(): FieldFilterSpec;
     removeFieldFilters(field?: string): Filter;

package/build/types/desktop/cmp/filechooser/FileChooserModel.d.ts

@@ -65,7 +65,7 @@ export declare class FileChooserModel extends HoistModel {
     private readonly onFileRejected;
     private readonly rejectToastMessage;
     private readonly rejectToastSpec;
-    constructor(config: FileChooserConfig);
+    constructor(config?: FileChooserConfig);
     /** Open the file browser programmatically. Typically used in a button's onClick callback.*/
     openFileBrowser(): void;
     /**

package/build/types/desktop/cmp/input/SegmentedControl.d.ts

@@ -1,10 +1,7 @@
-import { HoistInputProps } from '@xh/hoist/cmp/input';
+import { HoistInputProps, OptionPrimitive, SegmentedControlNullOption, SegmentedControlOption } from '@xh/hoist/cmp/input';
 import { HoistProps, Intent } from '@xh/hoist/core';
 import '@xh/hoist/desktop/register';
-import { LocalDate } from '@xh/hoist/utils/datetime';
-import { ReactElement } from 'react';
 import './SegmentedControl.scss';
-type OptionPrimitive = string | number | boolean | LocalDate;
 export interface SegmentedControlProps extends HoistProps, HoistInputProps {
     /** True to render in a compact mode with reduced sizing for space-constrained contexts. */
     compact?: boolean;
@@ -31,42 +28,6 @@ export interface SegmentedControlProps extends HoistProps, HoistInputProps {
      */
     outlined?: boolean;
 }
-export interface SegmentedControlOption {
-    /** Value for this option. */
-    value: OptionPrimitive;
-    /** Display label. Defaults to `value.toString()` if omitted. */
-    label?: string;
-    /** Icon element, displayed before the label. */
-    icon?: ReactElement;
-    /** True to disable this individual option. */
-    disabled?: boolean;
-    /**
-     * Visual intent for this option - rendered as a solid fill when selected and as a subtle
-     * text-color hint when not (e.g. to flag a destructive choice). Overrides any control-level
-     * `intent` default. Defaults to the control's `intent`.
-     */
-    intent?: Intent;
-}
-/**
- * Variant of SegmentedControlOption for representing a null/"no value" selection.
- * Label is required to force use case to override default js 'null' toString rendering.
- */
-export interface SegmentedControlNullOption {
-    /** Null value for this option. */
-    value: null;
-    /** Display label - required for null options. */
-    label: string;
-    /** Icon element, displayed before the label. */
-    icon?: ReactElement;
-    /** True to disable this individual option. */
-    disabled?: boolean;
-    /**
-     * Visual intent for this option - rendered as a solid fill when selected and as a subtle
-     * text-color hint when not (e.g. to flag a destructive choice). Overrides any control-level
-     * `intent` default. Defaults to the control's `intent`.
-     */
-    intent?: Intent;
-}
 /**
  * An input for selecting a single value from a small set of mutually exclusive options,
  * rendered as a group of toggle buttons with clear visual indication of the active
@@ -79,4 +40,3 @@ export interface SegmentedControlNullOption {
  * Built on Blueprint's SegmentedControl component.
  */
 export declare const SegmentedControl: import("react").FC<SegmentedControlProps>, segmentedControl: import("@xh/hoist/core").ElementFactory<SegmentedControlProps>;
-export {};

package/build/types/icon/Icon.d.ts

@@ -232,6 +232,7 @@ export declare const Icon: {
     settings(p?: IconProps): any;
     shield(p?: IconProps): any;
     shieldCheck(p?: IconProps): any;
+    shieldHalved(p?: IconProps): any;
     sigma(p?: IconProps): any;
     skull(p?: IconProps): any;
     slashedCircle(p?: IconProps): any;

package/build/types/mobile/cmp/appOption/SizingModeAppOption.d.ts

@@ -1,5 +1,5 @@
 import { AppOptionSpec, SizingMode } from '@xh/hoist/core';
-import { ButtonGroupInputProps } from '@xh/hoist/mobile/cmp/input';
+import { SegmentedControlProps } from '@xh/hoist/mobile/cmp/input';
 import { FormFieldProps } from '../form/FormField';
 import '@xh/hoist/mobile/register';
 interface SizingModeAppOptionSpec {
@@ -7,8 +7,8 @@ interface SizingModeAppOptionSpec {
     modes?: SizingMode[];
     /** Props for nested FormField. */
     formFieldProps?: Partial<FormFieldProps>;
-    /** Props for nested ButtonGroupInput. */
-    inputProps?: Partial<ButtonGroupInputProps>;
+    /** Props for nested SegmentedControl. */
+    inputProps?: Partial<SegmentedControlProps>;
 }
 /**
  * Convenience configuration for the `sizingMode` AppOption.

package/build/types/mobile/cmp/appOption/ThemeAppOption.d.ts

@@ -1,12 +1,12 @@
 import { AppOptionSpec } from '@xh/hoist/core';
 import { FormFieldProps } from '@xh/hoist/mobile/cmp/form';
-import { ButtonGroupInputProps } from '@xh/hoist/mobile/cmp/input';
+import { SegmentedControlProps } from '@xh/hoist/mobile/cmp/input';
 import '@xh/hoist/mobile/register';
 interface ThemeAppOptionSpec {
     /** Props for nested FormField */
     formFieldProps?: Partial<FormFieldProps>;
-    /** Props for nested ButtonGroupInput */
-    inputProps?: Partial<ButtonGroupInputProps>;
+    /** Props for nested SegmentedControl */
+    inputProps?: Partial<SegmentedControlProps>;
 }
 /**
  * Convenience configuration for the `theme` AppOption.

package/build/types/mobile/cmp/input/SegmentedControl.d.ts

@@ -0,0 +1,47 @@
+import { HoistInputProps, OptionPrimitive, SegmentedControlNullOption, SegmentedControlOption } from '@xh/hoist/cmp/input';
+import { HoistProps, Intent } from '@xh/hoist/core';
+import '@xh/hoist/mobile/register';
+import './SegmentedControl.scss';
+export interface SegmentedControlProps extends HoistProps, HoistInputProps {
+    /**
+     * True (default) to render all segments at an equal width when {@link fill} is enabled,
+     * dividing the available width into equal parts regardless of label length - the conventional
+     * segmented-control appearance. Set false to instead size each segment to its content and
+     * share only the leftover space, so a longer label yields a wider segment. No effect when
+     * `fill` is false. Either way, a label too wide for its segment truncates with an ellipsis.
+     */
+    equalSegmentWidths?: boolean;
+    /**
+     * True (default) to stretch the control to fill available width,
+     * distributing space equally among options.
+     */
+    fill?: boolean;
+    /**
+     * Default visual intent applied to the selected option, and as a subtle text-color hint
+     * to options when not selected. Serves as the default for any option that does not specify
+     * its own `intent`. Defaults to `'none'`.
+     */
+    intent?: 'none' | Intent;
+    /**
+     * Array of available options. Each entry may be a SegmentedControlOption object
+     * with value/label/icon/disabled properties, or a primitive value used as both
+     * the value and the display label.
+     */
+    options: Array<SegmentedControlOption | SegmentedControlNullOption | OptionPrimitive>;
+    /**
+     * True to render with an outlined style - a border around the control tray
+     * with no inner background fill. Border color follows the current intent.
+     */
+    outlined?: boolean;
+}
+/**
+ * An input for selecting a single value from a small set of mutually exclusive options,
+ * rendered as a group of toggle buttons with clear visual indication of the active
+ * selection.
+ *
+ * Similar to ButtonGroupInput but driven by an `options` prop (like Select) rather than Button
+ * children, and with stronger visual differentiation between selected and unselected states.
+ * The mobile counterpart to the desktop SegmentedControl, built on Hoist's mobile Button
+ * (no Blueprint dependency).
+ */
+export declare const SegmentedControl: import("react").FC<SegmentedControlProps>, segmentedControl: import("@xh/hoist/core").ElementFactory<SegmentedControlProps>;

package/build/types/mobile/cmp/input/SwitchInput.d.ts

@@ -3,7 +3,7 @@ import { HoistProps, StyleProps } from '@xh/hoist/core';
 import '@xh/hoist/mobile/register';
 import './SwitchInput.scss';
 export interface SwitchInputProps extends HoistProps, HoistInputProps, StyleProps {
-    value?: string;
+    value?: boolean;
     /** Onsen modifier string */
     modifier?: string;
 }

package/build/types/mobile/cmp/input/TextInput.d.ts

@@ -2,6 +2,7 @@ import { HoistInputProps } from '@xh/hoist/cmp/input';
 import { HoistProps, LayoutProps, StyleProps } from '@xh/hoist/core';
 import '@xh/hoist/mobile/register';
 import type { Property } from 'csstype';
+import { ReactElement } from 'react';
 import './TextInput.scss';
 export interface TextInputProps extends HoistProps, HoistInputProps, StyleProps, LayoutProps {
     value?: string;
@@ -27,6 +28,8 @@ export interface TextInputProps extends HoistProps, HoistInputProps, StyleProps,
     commitOnChange?: boolean;
     /** True to show a "clear" button aligned to the right of the control. Defaults to false. */
     enableClear?: boolean;
+    /** Icon to display inline on the left side of the input. */
+    leftIcon?: ReactElement;
     /** Onsen modifier string */
     modifier?: string;
     /** Text to display when control is empty */

package/build/types/mobile/cmp/input/index.d.ts

@@ -5,6 +5,7 @@ export * from './CheckboxButton';
 export * from './DateInput';
 export * from './NumberInput';
 export * from './SearchInput';
+export * from './SegmentedControl';
 export * from './Select';
 export * from './SwitchInput';
 export * from './TextInput';

package/build/types/svc/JsonBlobService.d.ts

@@ -41,21 +41,21 @@ export declare class JsonBlobService extends HoistService {
     telemetryPrefix: string;
     static instance: JsonBlobService;
     /** Retrieve a single JSONBlob by its unique token. */
-    getAsync(token: string): Promise<JsonBlob>;
+    getAsync(token: string, ctx?: CallContextLike): Promise<JsonBlob>;
     /** Retrieve all blobs of a particular type that are visible to the current user. */
     listAsync(spec: {
         type: string;
         includeValue?: boolean;
-        ctx: CallContextLike;
+        ctx?: CallContextLike;
     }): Promise<JsonBlob[]>;
     /** Persist a new JSONBlob back to the server. */
-    createAsync({ acl, description, type, meta, name, value }: Partial<JsonBlob>): Promise<JsonBlob>;
+    createAsync({ acl, description, type, meta, name, value }: Partial<JsonBlob>, ctx?: CallContextLike): Promise<JsonBlob>;
     /** Modify mutable properties of an existing JSONBlob, as identified by its unique token. */
-    updateAsync(token: string, update: Partial<JsonBlob>): Promise<JsonBlob>;
+    updateAsync(token: string, update: Partial<JsonBlob>, ctx?: CallContextLike): Promise<JsonBlob>;
     /** Create or update a blob for a user with the existing type and name. */
-    createOrUpdateAsync(type: string, name: string, data: Partial<JsonBlob>): Promise<JsonBlob>;
+    createOrUpdateAsync(type: string, name: string, data: Partial<JsonBlob>, ctx?: CallContextLike): Promise<JsonBlob>;
     /** Find a blob owned by this user with a specific type and name.  If none exists, return null.  */
-    findAsync(type: string, name: string): Promise<JsonBlob>;
+    findAsync(type: string, name: string, ctx?: CallContextLike): Promise<JsonBlob>;
     /** Archive (soft-delete) an existing JSONBlob, as identified by its unique token. */
-    archiveAsync(token: string): Promise<JsonBlob>;
+    archiveAsync(token: string, ctx?: CallContextLike): Promise<JsonBlob>;
 }

package/cmp/error/ErrorMessage.scss

@@ -36,5 +36,7 @@
 }
 
 .xh-mobile .xh-error-message__inner {
+  flex: 1;
+  max-width: none;
   margin: 0 var(--xh-pad-px);
 }

package/cmp/grid/filter/GridFilterFieldSpec.ts

@@ -87,10 +87,13 @@ export class GridFilterFieldSpec extends BaseFilterFieldSpec {
         // Values from current column filter. `flatMap` here unwraps the array `parseVal` returns
         // for `tags`-typed fields, lining those values up with the scalar values produced by
         // `Store.getValuesForFieldFilter` above. Without this, a filter value like `'foo'` would
-        // survive as `['foo']` and dedupe incorrectly.
+        // survive as `['foo']` and dedupe incorrectly. The `filter` drops the non-selectable null
+        // value carried by a blank `tags` filter.
         const colFilterVals = flatMap(columnFilters, filter => {
             return castArray(filter.value).flatMap(val => sourceField.parseVal(val));
-        }).map(it => this.toDisplayValue(it));
+        })
+            .filter(it => sourceField.type !== 'tags' || it != null)
+            .map(it => this.toDisplayValue(it));
 
         // Combine + unique - these are all values that *could* be shown in the filter UI.
         const allValues = uniqBy([...allSrcVals, ...colFilterVals], this.getUniqueValue);