Improve readability of pending activities

client/helpers/get-key-value-pairs.js

@@ -1,5 +1,6 @@
 import moment from 'moment';
 import { failureKeys, jsonKeys, preKeys } from '~constants';
+import { timestampToDate } from '~helpers';
 
 function failureToString(failure) {
   let res = '';
@@ -22,6 +23,20 @@ function failureToString(failure) {
   return res;
 }
 
+const scheduledTimeView = time => {
+  const scheduledTime = timestampToDate(time);
+  const now = moment.now();
+  let res = scheduledTime.format('lll');
+
+  if (scheduledTime > now) {
+    const delta = moment.duration(scheduledTime - now);
+
+    res = `${res} (in ${delta.format()})`;
+  }
+
+  return res;
+};
+
 const getKeyValuePairs = event => {
   const kvps = [];
   const flatten = (prefix, obj, root) => {
@@ -84,6 +99,10 @@ const getKeyValuePairs = event => {
           },
           value,
         });
+      } else if (key === 'scheduledTime') {
+        kvps.push({ key, value: scheduledTimeView(value) });
+      } else if (key === 'lastHeartbeatTime') {
+        kvps.push({ key, value: timestampToDate(value).format('lll') });
       } else if (key === 'taskQueue.name' || key === 'Taskqueue') {
         kvps.push({
           key,

server/temporal-client/helpers.js

@@ -170,6 +170,7 @@ function enumTransform(item) {
     'archival_state',
     'retry_state',
     'severity',
+    'pending_activity_state',
   ];
 
   const itemL = item.toLowerCase();