@xh/hoist 72.3.0 → 72.5.0

package/CHANGELOG.md

@@ -1,12 +1,36 @@
 # Changelog
 
+## v72.5.0 - 2025-04-14
+
+### 🎁 New Features
+
+* Added option from the Admin Console > Websockets tab to request a client health report from any
+  connected clients.
+* Enabled telemetry reporting from `WebSocketService`.
+* Updated `MenuItem.actionFn()` to receive the click event as an additional argument.
+* Support for reporting App Build, Tab Id, and Load Id in websocket admin page.
+
+## v72.4.0 - 2025-04-09
+
+### 🎁 New Features
+
+* Added new methods for formatting timestamps within JSON objects. See `withFormattedTimestamps`
+  and `timestampReplacer` in the `@xh/hoist/format` package.
+* Added new `ViewManagerConfig.viewMenuItemFn` option to support custom rendering of pinned views in
+  the drop-down menu.
+
+### ⚙️ Technical
+
+* Added dedicated `ClientHealthService` for managing client health report. Additional enhancements
+  to health report to include information about web sockets, idle time, and page state.
+
 ## v72.3.0 - 2025-04-08
 
 ### 🎁 New Features
 
 * Added support for posting a "Client Health Report" track message on a configurable interval. This
   message will include basic client information, and can be extended to include any other desired
-  data via `XH.trackService.addClientHealthReportSource()`. Enable by updating your app's
+  data via `XH.clientHealthService.addSource()`. Enable by updating your app's
   `xhActivityTrackingConfig` to include `clientHealthReport: {intervalMins: XXXX}`.
 * Enabled opt-in support for telemetry in `MsalClient`, leveraging hooks built-in to MSAL to collect
   timing and success/failure count for all events emitted by the library.
@@ -16,11 +40,6 @@
 
 * Improved fetch request tracking to include time spent loading headers as specified by application.
 
-### ⚙️ Technical
-
-* Update shape of returned `BrowserUtils.getClientDeviceInfo()` to nest several properties under new
-  top-level `window` key and report JS heap size / usage values under the `memory` block in MB.
-
 ### 📚 Libraries
 
 * @azure/msal-browser `3.28 → 4.8.0`

package/admin/tabs/activity/tracking/ActivityTrackingModel.ts

@@ -5,17 +5,17 @@
  * Copyright © 2025 Extremely Heavy Industries Inc.
  */
 import {exportFilename} from '@xh/hoist/admin/AdminUtils';
-import {GroupingChooserModel} from '@xh/hoist/cmp/grouping';
+import * as Col from '@xh/hoist/admin/columns';
 import {FilterChooserModel} from '@xh/hoist/cmp/filter';
 import {FormModel} from '@xh/hoist/cmp/form';
 import {GridModel, TreeStyle} from '@xh/hoist/cmp/grid';
+import {GroupingChooserModel} from '@xh/hoist/cmp/grouping';
 import {HoistModel, LoadSpec, managed, XH} from '@xh/hoist/core';
 import {Cube, CubeFieldSpec, FieldSpec} from '@xh/hoist/data';
 import {fmtNumber} from '@xh/hoist/format';
 import {action, computed, makeObservable} from '@xh/hoist/mobx';
 import {LocalDate} from '@xh/hoist/utils/datetime';
-import * as Col from '@xh/hoist/admin/columns';
-import {isEmpty, round} from 'lodash';
+import {compact, isEmpty, round} from 'lodash';
 import moment from 'moment';
 
 export const PERSIST_ACTIVITY = {localStorageKey: 'xhAdminActivityState'};
@@ -109,14 +109,13 @@ export class ActivityTrackingModel extends HoistModel {
             ] as CubeFieldSpec[]
         });
 
-        const enableValues = true;
         this.filterChooserModel = new FilterChooserModel({
             fieldSpecs: [
-                {field: 'category', enableValues},
+                {field: 'category'},
                 {field: 'correlationId'},
-                {field: 'username', displayName: 'User', enableValues},
-                {field: 'device', enableValues},
-                {field: 'browser', enableValues},
+                {field: 'username', displayName: 'User'},
+                {field: 'device'},
+                {field: 'browser'},
                 {
                     field: 'elapsed',
                     valueRenderer: v => {
@@ -330,12 +329,21 @@ export class ActivityTrackingModel extends HoistModel {
     }
 
     private async loadLookupsAsync() {
-        const lookups = await XH.fetchJson({url: 'trackLogAdmin/lookups'});
-
-        this.filterChooserModel.fieldSpecs.forEach(spec => {
-            const {field} = spec;
-            if (lookups[field]) spec.values = lookups[field];
-        });
+        try {
+            const lookups = await XH.fetchJson({url: 'trackLogAdmin/lookups'});
+            this.filterChooserModel.fieldSpecs.forEach(spec => {
+                const {field} = spec,
+                    lookup = lookups[field] ? compact(lookups[field]) : null;
+
+                if (!isEmpty(lookup)) {
+                    spec.values = lookup;
+                    spec.enableValues = true;
+                    spec.hasExplicitValues = true;
+                }
+            });
+        } catch (e) {
+            XH.handleException(e, {title: 'Error loading lookups for filtering'});
+        }
     }
 
     @computed

package/admin/tabs/activity/tracking/detail/ActivityDetailModel.ts

@@ -9,9 +9,9 @@ import * as Col from '@xh/hoist/admin/columns';
 import {FormModel} from '@xh/hoist/cmp/form';
 import {GridModel} from '@xh/hoist/cmp/grid';
 import {HoistModel, lookup, managed} from '@xh/hoist/core';
-import {fmtJson} from '@xh/hoist/format';
 import {action, computed, makeObservable, observable} from '@xh/hoist/mobx';
 import {ActivityTrackingModel} from '../ActivityTrackingModel';
+import {fmtJson, timestampReplacer} from '@xh/hoist/format';
 
 export class ActivityDetailModel extends HoistModel {
     @lookup(ActivityTrackingModel) activityTrackingModel: ActivityTrackingModel;
@@ -118,7 +118,7 @@ export class ActivityDetailModel extends HoistModel {
         let formattedTrackData = trackData;
         if (formattedTrackData) {
             try {
-                formattedTrackData = fmtJson(trackData);
+                formattedTrackData = fmtJson(trackData, {replacer: timestampReplacer()});
             } catch (ignored) {}
         }
 

package/admin/tabs/cluster/instances/BaseInstanceModel.ts

@@ -5,10 +5,7 @@
  * Copyright © 2025 Extremely Heavy Industries Inc.
  */
 import {InstancesTabModel} from '@xh/hoist/admin/tabs/cluster/instances/InstancesTabModel';
-import {HoistModel, LoadSpec, lookup, PlainObject, XH} from '@xh/hoist/core';
-import {fmtDateTimeSec, fmtJson} from '@xh/hoist/format';
-import {DAYS} from '@xh/hoist/utils/datetime';
-import {cloneDeep, forOwn, isArray, isNumber, isPlainObject} from 'lodash';
+import {HoistModel, LoadSpec, lookup, XH} from '@xh/hoist/core';
 import {createRef} from 'react';
 import {isDisplayed} from '@xh/hoist/utils/js';
 
@@ -21,12 +18,6 @@ export class BaseInstanceModel extends HoistModel {
         return this.parent.instanceName;
     }
 
-    fmtStats(stats: PlainObject): string {
-        stats = cloneDeep(stats);
-        this.processTimestamps(stats);
-        return fmtJson(JSON.stringify(stats));
-    }
-
     handleLoadException(e: unknown, loadSpec: LoadSpec) {
         const instanceNotFound = this.isInstanceNotFound(e),
             connDown = this.parent.lastLoadException,
@@ -49,23 +40,4 @@ export class BaseInstanceModel extends HoistModel {
     private isInstanceNotFound(e: unknown): boolean {
         return e['name'] == 'InstanceNotFoundException';
     }
-
-    private processTimestamps(stats: PlainObject) {
-        forOwn(stats, (v, k) => {
-            // Convert numbers that look like recent timestamps to date values.
-            if (
-                (k.endsWith('Time') ||
-                    k.endsWith('Date') ||
-                    k.endsWith('Timestamp') ||
-                    k == 'timestamp') &&
-                isNumber(v) &&
-                v > Date.now() - 365 * DAYS
-            ) {
-                stats[k] = v ? fmtDateTimeSec(v, {fmt: 'MMM DD HH:mm:ss.SSS'}) : null;
-            }
-            if (isPlainObject(v) || isArray(v)) {
-                this.processTimestamps(v);
-            }
-        });
-    }
 }

package/admin/tabs/cluster/instances/services/DetailsPanel.ts

@@ -12,6 +12,7 @@ import {panel} from '@xh/hoist/desktop/cmp/panel';
 import {jsonInput} from '@xh/hoist/desktop/cmp/input';
 import {Icon} from '@xh/hoist/icon';
 import {isEmpty} from 'lodash';
+import {fmtJson, timestampReplacer} from '@xh/hoist/format';
 
 export const detailsPanel = hoistCmp.factory({
     model: creates(DetailsModel),
@@ -57,7 +58,7 @@ const stats = hoistCmp.factory<DetailsModel>({
                       enableSearch: true,
                       showFullscreenButton: false,
                       editorProps: {lineNumbers: false},
-                      value: model.parent.fmtStats(stats)
+                      value: fmtJson(stats, {replacer: timestampReplacer()})
                   })
               );
     }

package/admin/tabs/cluster/instances/websocket/WebSocketColumns.ts

@@ -73,11 +73,33 @@ export const lastReceivedTime: ColumnSpec = {
     width: 140
 };
 
-export const clientAppVersion: ColumnSpec = {
+export const appVersion: ColumnSpec = {
     field: {
-        name: 'clientAppVersion',
+        name: 'appVersion',
         type: 'string',
         displayName: 'Client Version'
     },
     width: 120
 };
+
+export const appBuild: ColumnSpec = {
+    field: {
+        name: 'appBuild',
+        type: 'string'
+    },
+    width: 120
+};
+export const loadId: ColumnSpec = {
+    field: {
+        name: 'loadId',
+        type: 'string'
+    },
+    width: 120
+};
+export const tabId: ColumnSpec = {
+    field: {
+        name: 'tabId',
+        type: 'string'
+    },
+    width: 120
+};

package/admin/tabs/cluster/instances/websocket/WebSocketModel.ts

@@ -5,20 +5,21 @@
  * Copyright © 2025 Extremely Heavy Industries Inc.
  */
 import {exportFilenameWithDate} from '@xh/hoist/admin/AdminUtils';
+import {AppModel} from '@xh/hoist/admin/AppModel';
 import * as Col from '@xh/hoist/admin/columns';
 import {BaseInstanceModel} from '@xh/hoist/admin/tabs/cluster/instances/BaseInstanceModel';
 import {GridModel} from '@xh/hoist/cmp/grid';
 import {div, p} from '@xh/hoist/cmp/layout';
 import {LoadSpec, managed, XH} from '@xh/hoist/core';
+import {RecordActionSpec, StoreRecord} from '@xh/hoist/data';
 import {textInput} from '@xh/hoist/desktop/cmp/input';
 import {Icon} from '@xh/hoist/icon';
 import {makeObservable, observable, runInAction} from '@xh/hoist/mobx';
 import {Timer} from '@xh/hoist/utils/async';
 import {SECONDS} from '@xh/hoist/utils/datetime';
+import {pluralize} from '@xh/hoist/utils/js';
 import {isEmpty} from 'lodash';
 import * as WSCol from './WebSocketColumns';
-import {RecordActionSpec} from '@xh/hoist/data';
-import {AppModel} from '@xh/hoist/admin/AppModel';
 
 export class WebSocketModel extends BaseInstanceModel {
     @observable
@@ -34,11 +35,19 @@ export class WebSocketModel extends BaseInstanceModel {
         text: 'Force suspend',
         icon: Icon.stopCircle(),
         intent: 'danger',
-        actionFn: () => this.forceSuspendAsync(),
+        actionFn: ({selectedRecords}) => this.forceSuspendAsync(selectedRecords),
         displayFn: () => ({hidden: AppModel.readonly}),
         recordsRequired: true
     };
 
+    reqHealthReportAction: RecordActionSpec = {
+        text: 'Request Health Report',
+        icon: Icon.health(),
+        actionFn: ({selectedRecords}) => this.requestHealthReportAsync(selectedRecords),
+        recordsRequired: true,
+        hidden: !XH.trackService.enabled
+    };
+
     constructor() {
         super();
         makeObservable(this);
@@ -48,7 +57,12 @@ export class WebSocketModel extends BaseInstanceModel {
             enableExport: true,
             exportOptions: {filename: exportFilenameWithDate('ws-connections')},
             selModel: 'multiple',
-            contextMenu: [this.forceSuspendAction, '-', ...GridModel.defaultContextMenu],
+            contextMenu: [
+                this.forceSuspendAction,
+                this.reqHealthReportAction,
+                '-',
+                ...GridModel.defaultContextMenu
+            ],
             store: {
                 idSpec: 'key',
                 processRawData: row => {
@@ -78,7 +92,10 @@ export class WebSocketModel extends BaseInstanceModel {
                 WSCol.lastSentTime,
                 WSCol.receivedMessageCount,
                 WSCol.lastReceivedTime,
-                WSCol.clientAppVersion
+                WSCol.appVersion,
+                WSCol.appBuild,
+                WSCol.loadId,
+                WSCol.tabId
             ]
         });
 
@@ -107,9 +124,8 @@ export class WebSocketModel extends BaseInstanceModel {
         }
     }
 
-    async forceSuspendAsync() {
-        const {selectedRecords} = this.gridModel;
-        if (isEmpty(selectedRecords)) return;
+    async forceSuspendAsync(toRecs: StoreRecord[]) {
+        if (isEmpty(toRecs)) return;
 
         const message = await XH.prompt<string>({
             title: 'Please confirm...',
@@ -123,7 +139,7 @@ export class WebSocketModel extends BaseInstanceModel {
             },
             message: div(
                 p(
-                    `This action will force ${selectedRecords.length} connected client(s) into suspended mode, halting all background refreshes and other activity, masking the UI, and requiring users to reload the app to continue.`
+                    `This action will force ${toRecs.length} connected client(s) into suspended mode, halting all background refreshes and other activity, masking the UI, and requiring users to reload the app to continue.`
                 ),
                 p('Enter an optional message below to display within the suspended app.')
             ),
@@ -134,23 +150,58 @@ export class WebSocketModel extends BaseInstanceModel {
         });
 
         if (message !== false) {
-            const tasks = selectedRecords.map(rec =>
-                XH.fetchJson({
-                    url: 'webSocketAdmin/pushToChannel',
-                    params: {
-                        channelKey: rec.data.key,
-                        topic: XH.webSocketService.FORCE_APP_SUSPEND_TOPIC,
-                        instance: this.instanceName,
-                        message
-                    }
-                })
-            );
-
-            await Promise.allSettled(tasks).track({
-                category: 'Audit',
-                message: 'Suspended clients via WebSocket',
-                data: {users: selectedRecords.map(it => it.data.user).sort()}
+            await this.bulkPush({
+                toRecs,
+                topic: XH.webSocketService.FORCE_APP_SUSPEND_TOPIC,
+                message,
+                trackMessage: 'Suspended clients via WebSocket'
             });
         }
     }
+
+    async requestHealthReportAsync(toRecs: StoreRecord[]) {
+        await this.bulkPush({
+            toRecs,
+            topic: XH.webSocketService.REQ_CLIENT_HEALTH_RPT_TOPIC
+        });
+        XH.successToast(
+            `Client health report requested for ${pluralize('client', toRecs.length, true)} - available in User Activity shortly...`
+        );
+    }
+
+    //------------------
+    // Implementation
+    //------------------
+    private async bulkPush({
+        toRecs,
+        topic,
+        message,
+        trackMessage
+    }: {
+        toRecs?: StoreRecord[];
+        topic: string;
+        message?: string;
+        trackMessage?: string;
+    }) {
+        if (isEmpty(toRecs)) return;
+
+        const tasks = toRecs.map(rec =>
+            XH.fetchJson({
+                url: 'webSocketAdmin/pushToChannel',
+                params: {
+                    channelKey: rec.data.key,
+                    instance: this.instanceName,
+                    topic,
+                    message
+                }
+            })
+        );
+
+        await Promise.allSettled(tasks).track({
+            category: 'Audit',
+            message: trackMessage,
+            data: {users: toRecs.map(it => it.data.user).sort()},
+            omit: !trackMessage
+        });
+    }
 }

package/admin/tabs/cluster/instances/websocket/WebSocketPanel.ts

@@ -16,7 +16,7 @@ import {panel} from '@xh/hoist/desktop/cmp/panel';
 import {recordActionBar} from '@xh/hoist/desktop/cmp/record';
 import {toolbarSep} from '@xh/hoist/desktop/cmp/toolbar';
 
-export const webSocketPanel = hoistCmp.factory({
+export const webSocketPanel = hoistCmp.factory<WebSocketModel>({
     model: creates(WebSocketModel),
 
     render({model}) {
@@ -26,7 +26,7 @@ export const webSocketPanel = hoistCmp.factory({
             bbar: [
                 recordActionBar({
                     selModel: model.gridModel.selModel,
-                    actions: [model.forceSuspendAction]
+                    actions: [model.forceSuspendAction, model.reqHealthReportAction]
                 }),
                 filler(),
                 relativeTimestamp({bind: 'lastRefresh', options: {prefix: 'Refreshed'}}),

package/admin/tabs/cluster/objects/DetailModel.ts

@@ -6,21 +6,11 @@
  */
 import {ClusterObjectsModel} from '@xh/hoist/admin/tabs/cluster/objects/ClusterObjectsModel';
 import {ColumnSpec, GridModel} from '@xh/hoist/cmp/grid';
-import {HoistModel, lookup, managed, PlainObject, XH} from '@xh/hoist/core';
+import {HoistModel, lookup, managed, XH} from '@xh/hoist/core';
 import {StoreRecord} from '@xh/hoist/data';
-import {fmtDateTimeSec, fmtJson} from '@xh/hoist/format';
 import {action, makeObservable, observable} from '@xh/hoist/mobx';
-import {DAYS} from '@xh/hoist/utils/datetime';
-import {
-    cloneDeep,
-    forOwn,
-    isArray,
-    isEmpty,
-    isEqual,
-    isNumber,
-    isPlainObject,
-    without
-} from 'lodash';
+import {isEmpty, isEqual, without} from 'lodash';
+import {withFormattedTimestamps} from '@xh/hoist/format';
 
 export class DetailModel extends HoistModel {
     @lookup(ClusterObjectsModel)
@@ -66,12 +56,6 @@ export class DetailModel extends HoistModel {
         });
     }
 
-    fmtStats(stats: PlainObject): string {
-        stats = cloneDeep(stats);
-        this.processTimestamps(stats);
-        return fmtJson(JSON.stringify(stats));
-    }
-
     //----------------------
     // Implementation
     //----------------------
@@ -95,8 +79,7 @@ export class DetailModel extends HoistModel {
         const gridModel = this.createGridModel(diffFields, otherFields);
         gridModel.loadData(
             instanceNames.map(instanceName => {
-                const data = cloneDeep(adminStatsByInstance[instanceName] ?? {});
-                this.processTimestamps(data);
+                const data = withFormattedTimestamps(adminStatsByInstance[instanceName] ?? {});
                 return {instanceName, ...data};
             })
         );
@@ -136,23 +119,4 @@ export class DetailModel extends HoistModel {
         }
         return ret;
     }
-
-    private processTimestamps(stats: PlainObject) {
-        forOwn(stats, (v, k) => {
-            // Convert numbers that look like recent timestamps to date values.
-            if (
-                (k.endsWith('Time') ||
-                    k.endsWith('Date') ||
-                    k.endsWith('Timestamp') ||
-                    k == 'timestamp') &&
-                isNumber(v) &&
-                v > Date.now() - 365 * DAYS
-            ) {
-                stats[k] = v ? fmtDateTimeSec(v, {fmt: 'MMM DD HH:mm:ss.SSS'}) : null;
-            }
-            if (isPlainObject(v) || isArray(v)) {
-                this.processTimestamps(v);
-            }
-        });
-    }
 }

package/admin/tabs/cluster/objects/DetailPanel.ts

@@ -12,6 +12,7 @@ import {panel} from '@xh/hoist/desktop/cmp/panel';
 import {Icon} from '@xh/hoist/icon';
 import {DetailModel} from './DetailModel';
 import './ClusterObjects.scss';
+import {fmtJson, timestampReplacer} from '@xh/hoist/format';
 
 export const detailPanel = hoistCmp.factory({
     model: creates(DetailModel),
@@ -42,7 +43,7 @@ export const detailPanel = hoistCmp.factory({
                         height: '100%',
                         showFullscreenButton: false,
                         editorProps: {lineNumbers: false},
-                        value: model.fmtStats(selectedAdminStats)
+                        value: fmtJson(selectedAdminStats, {replacer: timestampReplacer()})
                     })
                 })
             ]

package/appcontainer/AppContainerModel.ts

@@ -25,6 +25,7 @@ import {
     AlertBannerService,
     AutoRefreshService,
     ChangelogService,
+    ClientHealthService,
     ConfigService,
     EnvironmentService,
     FetchService,
@@ -237,6 +238,7 @@ export class AppContainerModel extends HoistModel {
                 AlertBannerService,
                 AutoRefreshService,
                 ChangelogService,
+                ClientHealthService,
                 IdleService,
                 InspectorService,
                 GridAutosizeService,

package/appcontainer/AppStateModel.ts

@@ -4,11 +4,10 @@
  *
  * Copyright © 2025 Extremely Heavy Industries Inc.
  */
-import {AppState, AppSuspendData, HoistModel, XH} from '@xh/hoist/core';
+import {AppState, AppSuspendData, HoistModel, PlainObject, XH} from '@xh/hoist/core';
 import {action, makeObservable, observable} from '@xh/hoist/mobx';
 import {Timer} from '@xh/hoist/utils/async';
-import {getClientDeviceInfo} from '@xh/hoist/utils/js';
-import {camelCase, isBoolean, isString, mapKeys} from 'lodash';
+import {camelCase, isBoolean, isString, mapKeys, pick} from 'lodash';
 
 /**
  * Support for Core Hoist Application state and loading.
@@ -93,13 +92,14 @@ export class AppStateModel extends HoistModel {
                     timestamp: loadStarted,
                     elapsed: Date.now() - loadStarted - (timings.LOGIN_REQUIRED ?? 0),
                     data: {
-                        appVersion: XH.appVersion,
-                        appBuild: XH.appBuild,
-                        locationHref: window.location.href,
+                        loadId: XH.loadId,
+                        tabId: XH.tabId,
                         timings: mapKeys(timings, (v, k) => camelCase(k)),
-                        ...getClientDeviceInfo()
+                        clientHealth: XH.clientHealthService.getReport(),
+                        window: this.getWindowData(),
+                        screen: this.getScreenData()
                     },
-                    logData: ['appVersion', 'appBuild'],
+                    logData: ['loadId', 'tabId'],
                     omit: !XH.appSpec.trackAppLoad
                 })
         });
@@ -115,4 +115,36 @@ export class AppStateModel extends HoistModel {
             });
         });
     }
+
+    private getScreenData(): PlainObject {
+        const screen = window.screen as any;
+        if (!screen) return null;
+
+        const ret: PlainObject = pick(screen, [
+            'availWidth',
+            'availHeight',
+            'width',
+            'height',
+            'colorDepth',
+            'pixelDepth',
+            'availLeft',
+            'availTop'
+        ]);
+        if (screen.orientation) {
+            ret.orientation = pick(screen.orientation, ['angle', 'type']);
+        }
+        return ret;
+    }
+
+    private getWindowData(): PlainObject {
+        return pick(window, [
+            'devicePixelRatio',
+            'screenX',
+            'screenY',
+            'innerWidth',
+            'innerHeight',
+            'outerWidth',
+            'outerHeight'
+        ]);
+    }
 }

package/build/types/admin/tabs/activity/tracking/ActivityTrackingModel.d.ts

@@ -1,7 +1,7 @@
-import { GroupingChooserModel } from '@xh/hoist/cmp/grouping';
 import { FilterChooserModel } from '@xh/hoist/cmp/filter';
 import { FormModel } from '@xh/hoist/cmp/form';
 import { GridModel } from '@xh/hoist/cmp/grid';
+import { GroupingChooserModel } from '@xh/hoist/cmp/grouping';
 import { HoistModel, LoadSpec } from '@xh/hoist/core';
 import { Cube } from '@xh/hoist/data';
 import { LocalDate } from '@xh/hoist/utils/datetime';

package/build/types/admin/tabs/cluster/instances/BaseInstanceModel.d.ts

@@ -1,13 +1,11 @@
 /// <reference types="react" />
 import { InstancesTabModel } from '@xh/hoist/admin/tabs/cluster/instances/InstancesTabModel';
-import { HoistModel, LoadSpec, PlainObject } from '@xh/hoist/core';
+import { HoistModel, LoadSpec } from '@xh/hoist/core';
 export declare class BaseInstanceModel extends HoistModel {
     viewRef: import("react").RefObject<HTMLElement>;
     parent: InstancesTabModel;
     get instanceName(): string;
-    fmtStats(stats: PlainObject): string;
     handleLoadException(e: unknown, loadSpec: LoadSpec): void;
     get isVisible(): boolean;
     private isInstanceNotFound;
-    private processTimestamps;
 }

package/build/types/admin/tabs/cluster/instances/websocket/WebSocketColumns.d.ts

@@ -6,4 +6,7 @@ export declare const sentMessageCount: ColumnSpec;
 export declare const lastSentTime: ColumnSpec;
 export declare const receivedMessageCount: ColumnSpec;
 export declare const lastReceivedTime: ColumnSpec;
-export declare const clientAppVersion: ColumnSpec;
+export declare const appVersion: ColumnSpec;
+export declare const appBuild: ColumnSpec;
+export declare const loadId: ColumnSpec;
+export declare const tabId: ColumnSpec;

package/build/types/admin/tabs/cluster/instances/websocket/WebSocketModel.d.ts

@@ -1,13 +1,16 @@
 import { BaseInstanceModel } from '@xh/hoist/admin/tabs/cluster/instances/BaseInstanceModel';
 import { GridModel } from '@xh/hoist/cmp/grid';
 import { LoadSpec } from '@xh/hoist/core';
-import { RecordActionSpec } from '@xh/hoist/data';
+import { RecordActionSpec, StoreRecord } from '@xh/hoist/data';
 export declare class WebSocketModel extends BaseInstanceModel {
     lastRefresh: number;
     gridModel: GridModel;
     private _timer;
     forceSuspendAction: RecordActionSpec;
+    reqHealthReportAction: RecordActionSpec;
     constructor();
     doLoadAsync(loadSpec: LoadSpec): Promise<void>;
-    forceSuspendAsync(): Promise<void>;
+    forceSuspendAsync(toRecs: StoreRecord[]): Promise<void>;
+    requestHealthReportAsync(toRecs: StoreRecord[]): Promise<void>;
+    private bulkPush;
 }