@xh/hoist 73.0.0-SNAPSHOT.1746559391577 → 73.0.0-SNAPSHOT.1746560992436

package/admin/columns/Clients.ts

@@ -14,11 +14,13 @@ export const createdTime: ColumnSpec = {
         type: 'date',
         displayName: 'Created'
     },
+    chooserGroup: 'Connection',
     ...Col.compactDate
 };
 
 export const isOpen: ColumnSpec = {
     field: {name: 'isOpen', type: 'bool'},
+    chooserGroup: 'Connection',
     headerName: '',
     align: 'center',
     width: 40,
@@ -34,6 +36,7 @@ export const key: ColumnSpec = {
         type: 'string',
         displayName: 'Channel Key'
     },
+    chooserGroup: 'Connection',
     width: 160
 };
 
@@ -43,6 +46,7 @@ export const lastReceivedTime: ColumnSpec = {
         type: 'date',
         displayName: 'Last Received'
     },
+    chooserGroup: 'Send/Receive',
     ...Col.compactDate,
     width: 140
 };
@@ -53,6 +57,7 @@ export const lastSentTime: ColumnSpec = {
         type: 'date',
         displayName: 'Last Sent'
     },
+    chooserGroup: 'Send/Receive',
     ...Col.compactDate,
     width: 140
 };
@@ -63,6 +68,7 @@ export const receivedMessageCount: ColumnSpec = {
         type: 'int',
         displayName: 'Received'
     },
+    chooserGroup: 'Send/Receive',
     ...Col.number,
     width: 90
 };
@@ -73,6 +79,7 @@ export const sentMessageCount: ColumnSpec = {
         type: 'int',
         displayName: 'Sent'
     },
+    chooserGroup: 'Send/Receive',
     ...Col.number,
     width: 90
 };

package/admin/columns/Tracking.ts

@@ -18,9 +18,11 @@ const autosizeMaxWidth = 400;
 export const appBuild: ColumnSpec = {
     field: {
         name: 'appBuild',
-        displayName: 'Build',
+        displayName: 'App Build',
         type: 'string'
     },
+    headerName: 'Build',
+    chooserGroup: 'Client App / Browser',
     width: 120
 };
 
@@ -30,15 +32,18 @@ export const appEnvironment: ColumnSpec = {
         type: 'string',
         displayName: 'Environment'
     },
+    chooserGroup: 'Core Data',
     width: 130
 };
 
 export const appVersion: ColumnSpec = {
     field: {
         name: 'appVersion',
-        displayName: 'Version',
+        displayName: 'App Version',
         type: 'string'
     },
+    headerName: 'Version',
+    chooserGroup: 'Client App / Browser',
     width: 120
 };
 
@@ -49,6 +54,7 @@ export const browser: ColumnSpec = {
         isDimension: true,
         aggregator: 'UNIQUE'
     },
+    chooserGroup: 'Client App / Browser',
     width: 100
 };
 
@@ -59,6 +65,7 @@ export const category: ColumnSpec = {
         isDimension: true,
         aggregator: 'UNIQUE'
     },
+    chooserGroup: 'Core Data',
     width: 100
 };
 
@@ -68,6 +75,7 @@ export const correlationId: ColumnSpec = {
         type: 'string',
         displayName: 'Correlation ID'
     },
+    chooserGroup: 'Core Data',
     renderer: badgeRenderer,
     width: 180,
     autosizeBufferPx: 20
@@ -75,6 +83,7 @@ export const correlationId: ColumnSpec = {
 
 export const data: ColumnSpec = {
     field: {name: 'data', type: 'json'},
+    chooserGroup: 'Core Data',
     width: 250,
     autosizeMaxWidth
 };
@@ -86,6 +95,7 @@ export const day: ColumnSpec = {
         isDimension: true
     },
     ...Col.localDate,
+    chooserGroup: 'Core Data',
     displayName: 'App Day'
 };
 
@@ -96,6 +106,7 @@ export const dayRange: ColumnSpec = {
         aggregator: new RangeAggregator(),
         displayName: 'App Day Range'
     },
+    chooserGroup: 'Core Data',
     align: 'right',
     width: 200,
     renderer: dayRangeRenderer,
@@ -110,11 +121,13 @@ export const device: ColumnSpec = {
         isDimension: true,
         aggregator: 'UNIQUE'
     },
+    chooserGroup: 'Client App / Browser',
     width: 100
 };
 
 export const deviceIcon: ColumnSpec = {
     field: device.field,
+    chooserGroup: 'Client App / Browser',
     headerName: Icon.desktop(),
     headerTooltip: 'Device',
     tooltip: true,
@@ -151,6 +164,7 @@ export const elapsed: ColumnSpec = {
         type: 'int',
         aggregator: 'AVG'
     },
+    chooserGroup: 'Core Data',
     width: 130,
     renderer: elapsedRenderer
 };
@@ -161,6 +175,7 @@ export const elapsedMax: ColumnSpec = {
         type: 'int',
         aggregator: 'MAX'
     },
+    chooserGroup: 'Core Data',
     width: 130,
     renderer: elapsedRenderer
 };
@@ -172,6 +187,7 @@ export const entryCount: ColumnSpec = {
         displayName: 'Entries',
         aggregator: 'LEAF_COUNT'
     },
+    chooserGroup: 'Core Data',
     width: 80,
     align: 'right'
 };
@@ -182,6 +198,7 @@ export const entryId: ColumnSpec = {
         type: 'int',
         displayName: 'Entry ID'
     },
+    chooserGroup: 'Core Data',
     width: 100,
     align: 'right'
 };
@@ -191,11 +208,32 @@ export const error: ColumnSpec = {
         name: 'error',
         type: 'string'
     },
+    chooserGroup: 'Errors',
     width: 250,
     autosizeMaxWidth,
     renderer: e => fmtSpan(e, {className: 'xh-font-family-mono xh-font-size-small'})
 };
 
+export const errorMessage: ColumnSpec = {
+    field: {
+        name: 'errorMessage',
+        type: 'string'
+    },
+    chooserGroup: 'Errors',
+    width: 250,
+    autosizeMaxWidth
+};
+
+export const errorName: ColumnSpec = {
+    field: {
+        name: 'errorName',
+        type: 'string'
+    },
+    chooserGroup: 'Errors',
+    width: 150,
+    autosizeMaxWidth
+};
+
 export const instance: ColumnSpec = {
     field: {
         name: 'instance',
@@ -203,6 +241,9 @@ export const instance: ColumnSpec = {
         isDimension: true,
         aggregator: 'UNIQUE'
     },
+    chooserDescription:
+        'The unique ID of the back-end Hoist cluster member instance to which the client app is connected.',
+    chooserGroup: 'Session IDs',
     renderer: badgeRenderer,
     width: 100
 };
@@ -212,6 +253,9 @@ export const loadId: ColumnSpec = {
         name: 'loadId',
         type: 'string'
     },
+    chooserDescription:
+        'A unique ID assigned to each load/init of the application. Refreshing the tab within your browser will result in a new Load ID.',
+    chooserGroup: 'Session IDs',
     ...badgeCol
 };
 
@@ -223,6 +267,7 @@ export const msg: ColumnSpec = {
         isDimension: true,
         aggregator: 'UNIQUE'
     },
+    chooserGroup: 'Core Data',
     width: 250,
     autosizeMaxWidth
 };
@@ -234,6 +279,7 @@ export const severity: ColumnSpec = {
         isDimension: true,
         aggregator: 'UNIQUE'
     },
+    chooserGroup: 'Core Data',
     width: 80
 };
 
@@ -270,6 +316,9 @@ export const tabId: ColumnSpec = {
         name: 'tabId',
         type: 'string'
     },
+    chooserDescription:
+        'A new Tab ID is established within browser session storage and maintained for the lifetime of the tab. Refreshing the app within your browser will maintain the existing Tab ID',
+    chooserGroup: 'Session IDs',
     ...badgeCol
 };
 
@@ -279,12 +328,14 @@ export const url: ColumnSpec = {
         type: 'string',
         displayName: 'URL'
     },
+    chooserGroup: 'Client App / Browser',
     width: 250,
     autosizeMaxWidth
 };
 
 export const urlPathOnly: ColumnSpec = {
     field: url.field,
+    chooserGroup: 'Client App / Browser',
     width: 250,
     autosizeMaxWidth,
     tooltip: true,
@@ -306,6 +357,7 @@ export const userAgent: ColumnSpec = {
         isDimension: true,
         aggregator: 'UNIQUE'
     },
+    chooserGroup: 'Client App / Browser',
     width: 130,
     autosizeMaxWidth
 };
@@ -315,6 +367,7 @@ export const userAlertedFlag: ColumnSpec = {
     headerName: Icon.window(),
     headerTooltip:
         'Indicates if the user was shown an interactive alert when this error was triggered.',
+    chooserGroup: 'Errors',
     resizable: false,
     align: 'center',
     width: 50,
@@ -327,6 +380,7 @@ export const userMessageFlag: ColumnSpec = {
     headerName: Icon.comment(),
     headerTooltip:
         'Indicates if the user provided a message along with the automated error report.',
+    chooserGroup: 'Errors',
     excludeFromExport: true,
     resizable: false,
     align: 'center',

package/admin/columns/User.ts

@@ -11,6 +11,7 @@ import * as Col from '@xh/hoist/cmp/grid/columns';
 
 export const user: ColumnSpec = {
     field: {name: 'user', type: 'string'},
+    chooserGroup: 'User',
     width: 250
 };
 
@@ -22,16 +23,19 @@ export const username: ColumnSpec = {
         isDimension: true,
         aggregator: 'UNIQUE'
     },
+    chooserGroup: 'User',
     width: 160
 };
 
 export const email: ColumnSpec = {
     field: {name: 'email', type: 'string'},
+    chooserGroup: 'User',
     width: 200
 };
 
 export const displayName: ColumnSpec = {
     field: {name: 'displayName', type: 'string'},
+    chooserGroup: 'User',
     width: 200
 };
 
@@ -45,11 +49,13 @@ export const roles: ColumnSpec = {
 
 export const impersonating: ColumnSpec = {
     field: {name: 'impersonating', type: 'string'},
+    chooserGroup: 'User',
     width: 140
 };
 
 export const impersonatingFlag: ColumnSpec = {
     field: {name: 'impersonatingFlag', type: 'bool'},
+    chooserGroup: 'User',
     headerName: Icon.impersonate(),
     headerTooltip: 'Indicates if the user was impersonating another user during tracked activity.',
     excludeFromExport: true,

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

@@ -47,6 +47,7 @@ export class ActivityTrackingModel extends HoistModel implements ActivityDetailP
     get dataFieldCols(): ColumnSpec[] {
         return this.dataFields.map(df => ({
             field: df,
+            chooserGroup: 'Data Fields',
             renderer: this.getDfRenderer(df),
             appData: {showInAggGrid: !!df.aggregator}
         }));
@@ -416,8 +417,8 @@ export class ActivityTrackingModel extends HoistModel implements ActivityDetailP
             persistWith: {...this.persistWith, path: 'aggGrid'},
             selModel: 'multiple',
             enableExport: true,
-            colChooserModel: true,
             treeMode: true,
+            colChooserModel: {height: 450},
             treeStyle: TreeStyle.HIGHLIGHTS_AND_BORDERS,
             autosizeOptions: {mode: 'managed', includeCollapsedChildren: true},
             exportOptions: {filename: exportFilename('activity-summary')},
@@ -445,7 +446,7 @@ export class ActivityTrackingModel extends HoistModel implements ActivityDetailP
                 {...Col.elapsedMax, displayName: 'Elapsed (max)', hidden},
                 {...Col.dayRange, hidden},
                 {...Col.entryCount},
-                {field: 'count', hidden},
+                {field: 'count', chooserGroup: 'Core Data', hidden},
                 {...Col.appEnvironment, hidden},
                 {...Col.appVersion, hidden},
                 {...Col.loadId, hidden},

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

@@ -158,7 +158,7 @@ export class ActivityDetailModel extends HoistModel {
         return new GridModel({
             persistWith: persistWith ? {...persistWith, path: `${persistWith.path}.grid`} : null,
             sortBy: 'dateCreated|desc',
-            colChooserModel: true,
+            colChooserModel: {height: 450},
             enableExport: true,
             filterModel: false,
             exportOptions: {
@@ -186,7 +186,7 @@ export class ActivityDetailModel extends HoistModel {
                 {...Col.instance, hidden},
                 {...Col.urlPathOnly},
                 {...Col.data, hidden},
-                {...Col.dateCreatedNoYear, displayName: 'Timestamp'},
+                {...Col.dateCreatedNoYear, displayName: 'Timestamp', chooserGroup: 'Core Data'},
                 ...dataFieldCols
             ].map(it => {
                 const fieldName = isString(it.field) ? it.field : it.field.name;

package/admin/tabs/client/errors/ClientErrorsModel.ts

@@ -38,7 +38,9 @@ export class ClientErrorsModel extends HoistModel {
         this.startDay = this.defaultStartDay;
         this.endDay = this.defaultEndDay;
 
-        const hidden = true;
+        const hidden = true,
+            pinned = true;
+
         this.gridModel = new GridModel({
             persistWith: this.persistWith,
             colChooserModel: true,
@@ -50,11 +52,11 @@ export class ClientErrorsModel extends HoistModel {
             emptyText: 'No errors reported...',
             sortBy: 'dateCreated|desc',
             columns: [
-                {...Col.userMessageFlag},
-                {...Col.userAlertedFlag},
-                {...Col.impersonatingFlag},
                 {...Col.entryId, hidden},
-                {...Col.username},
+                {...Col.userMessageFlag, pinned},
+                {...Col.userAlertedFlag, pinned},
+                {...Col.impersonatingFlag, pinned},
+                {...Col.username, pinned},
                 {...Col.impersonating, hidden},
                 {...Col.browser},
                 {...Col.device},
@@ -62,14 +64,8 @@ export class ClientErrorsModel extends HoistModel {
                 {...Col.appVersion},
                 {...Col.appEnvironment},
                 {...Col.msg, displayName: 'User Message', hidden},
-                {
-                    field: {name: 'errorName', type: 'string'},
-                    autosizeMaxWidth: 400
-                },
-                {
-                    field: {name: 'errorMessage', type: 'string'},
-                    autosizeMaxWidth: 400
-                },
+                {...Col.errorName},
+                {...Col.errorMessage},
                 {...Col.error, hidden},
                 {...Col.url},
                 {...Col.correlationId},

package/build/types/admin/columns/Tracking.d.ts

@@ -18,6 +18,8 @@ export declare const elapsedMax: ColumnSpec;
 export declare const entryCount: ColumnSpec;
 export declare const entryId: ColumnSpec;
 export declare const error: ColumnSpec;
+export declare const errorMessage: ColumnSpec;
+export declare const errorName: ColumnSpec;
 export declare const instance: ColumnSpec;
 export declare const loadId: ColumnSpec;
 export declare const msg: ColumnSpec;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xh/hoist",
-  "version": "73.0.0-SNAPSHOT.1746559391577",
+  "version": "73.0.0-SNAPSHOT.1746560992436",
   "description": "Hoist add-on for building and deploying React Applications.",
   "repository": "github:xh/hoist-react",
   "homepage": "https://xh.io",